@charset "utf-8";
/* CSS Document */
body
{font-family:"微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.otf');
}*/
ol,ul,li{list-style:none;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:85%;margin:auto; max-width:1400px;}
/* --header-- */

.header_bg{width:100%;height:110px; position:fixed;left:0;top:0;z-index:999; background:#FFF;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.header{ width:100%;height:auto;margin:auto;position:relative;}
.header .logo{width:25%;height:110px;float:left; background:#0063d0; line-height:110px;}
.header .logo img{ margin-left:20%;}
.tel{ width:15%;float:right; overflow:hidden;font-family:"微软雅黑";color:#646464;font-size:16px; background:url(../Image/tel.jpg) left center no-repeat; padding-left:50px; margin-top:34px;}
.tel p{ color:#0063d0; font-size:30px; margin:0;}
.banner_bj{ margin-top:110px;}


.nava{width:53%;height:110px;float:left;position:relative;overflow:hidden; padding-left:0; margin:0;}
.nava li{width:16.6%;height:110px;float:left;font-size:16px;font-weight:bold;color:#000;line-height:110px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center;}
.nava li:hover{ color:#0063d0; background:#f0f0f0;}
.nava li.active{ color:#0063d0; background:#f0f0f0;}

.header_bg.current{background:#FFF;box-shadow:0 0 16px rgba(0,0,0,0.2);}

.icon{
        position: absolute;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        top: 47px;
        left: 10px;
        background: #1753b5;
        text-align: center;
        line-height: 22px;
        opacity: 0;
		transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
        }
.icon img{max-height: 12px;}
.nava li:hover .icon{ opacity:0;} 
.nava li.active .icon{ opacity:0;}

	  
.search {}
.search_left{ float:left; line-height:64px; font-size:16px;}
.search_left span{ color:#1655bc; background:url(../Image/hot.jpg) left center no-repeat; padding-left:20px;}
.search_left a{ color:#777777; margin-right:10px;}
.search_right{ width:30%; float:right; height:34px; position:relative; margin-top:17px}
.search-text{height:32px;width:80%; position:absolute; top:0; left:0px;color:#727272; font-size:14px;outline:none; background:none; border:1px solid #b7b8b8; padding-left:10px;}
.search-button{ width: 18%; height:34px; position:absolute; top:0px; right:0px; background:#0056b0; text-align:center; color:#fff; outline:none; border:none;}

#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 3%;}
#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 1px; transition:0.3s; opacity: 0.3;}
#banner .swiper-pagination-bullet-active{ width: 60px; background: #c57e31; opacity: 1;}


#slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
#slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
#slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
#slideBox1 .hd li.on{ background:#fff;  }
#slideBox1 .bd{ position:relative; z-index:0; }
#slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
#slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
#slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
#slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


/* --index-- */

.index1_bj{ background:#f1f1f1; border-top:1px solid #dcdcdc; padding:5% 0;}
.index1_top{ text-align:center; color:#666666; font-size:16px;font-family:"微软雅黑"; margin-bottom:45px; font-weight:bold;}
.index1_top p{ background:url(../Image/p1.jpg) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;}
.index1_top p span{ color:#0063d0;}

.index1_type li{ float:left; width:21%; margin:1%; background:#fff; padding:2% 1%;}
.index1_type li .index1_type_tit{ color:#282828; font-size:18px; line-height:40px; background:url(../Image/p2.png) right 10px center no-repeat;}
.index1_type li .index1_type_tit a{ color:#282828;}
.index1_type li .index1_type_tit2{ min-height:60px;}
.index1_type li .index1_type_tit2_a{ font-size:15px; color:#666666; padding-right:10px; line-height:30px;}
.index1_type li:hover{background:#0063d0; }
.index1_type li:hover .index1_type_tit{background:url(../Image/p3.png) right 10px center no-repeat;}
.index1_type li:hover a{ color:#fff;}
.index1_type li:hover .index1_type_tit2{ color:#fff;}
.index1_type li:hover .index1_type_tit{ color:#fff;}

.index1_pro{ background:#fff; overflow:hidden; margin-top:50px;}
.index1_pro_img{ width:50%; float:left;}
.index1_pro_img .pic { width: 100%; height: 64%;}
.index1_pro_img .pic img{ width:100%; height: 100%;  transition:all 1s;}
.index1_pro_img .pic:after {}

.index1_pro_con{ width:45%; padding:2.5%; float:left;}
.index1_pro_con .index1_pro_tit{ font-size:30px; color:#000;}
.index1_pro_con .index1_pro_line{ width:83px; height:6px; background:#0063d0; margin-top:10px;}
.index1_pro_con .index1_pro_con2{ color:#666666; margin-top:20px;}
.index1_pro_con .index1_pro_more li{ width:161px; height:44px; background:#0063d0; line-height:44px; text-align:center; color:#fff; font-size:16px; margin-right:50px; float:left; margin-top:50px;}

.index1_pro2 .strength{padding-top:40px;}
.index1_pro2 .strengthMain{height:;overflow:hidden;}
.index1_pro2 .strengthMain li{float:left;width:22%;height:100%;overflow:hidden;background:#000;position:relative; margin:1.5%;}
.index1_pro2 .strengthMain li img{width:100%;height:100%;transition:all .5s;}
.index1_pro2 .strengthMain li .font{width:100%;height:60%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:40%;}
.index1_pro2 .strengthMain li .font h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px; display:none;}
.index1_pro2 .strengthMain li:hover img{transform: scale(1.05, 1.05);opacity:0.4;filter:alpha(opacity=40);}
.index1_pro2 .strengthMain li .font::before,.index1_pro2 .strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.index1_pro2 .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.index1_pro2 .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.index1_pro2 .strengthMain li:hover .font::before,.index1_pro2 .strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.index1_pro2 .strengthMain li:hover .font h3{ display:block;}



/*******************index1 end***********/

.adv_top_bj{ background:url(../Image/p4.jpg) center no-repeat fixed; padding:50px 0 30px 0; background-size:cover;}
.adv_top{ text-align:center; color:#fff; font-size:16px;font-family:"微软雅黑"; font-weight:bold;}
.adv_top p{ background:url(../Image/p5.png) center no-repeat; font-size:36px; color:#fff; line-height:71px; margin:0;}

.adv{ background:#000; width:100%; overflow:hidden;}
.adv li{ width:22%; position: relative; height: 100%; float:left;
transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.adv li:hover { z-index: 2;}
.adv li .img_box2 { width: 100%; transition: all 0.6s;}
.adv li .img_box2 .ratio2 { width: 100%; height: 100%; overflow: hidden;}
.adv li .img_box2 img { height: 100%; object-fit: cover; display: block; transition: all 0.6s; opacity:0.5;}
.adv li:hover .img_box2 img{ opacity:1;}
.adv li .text_box { width: 100%; height:50%; position: absolute; left: 15%; top:10%;transition: all 0.6s; }
.adv li .text_box h3 { color: #fff; font-size:36px; margin-top:20%;}
.adv li:hover .text_box { display:none;}

.adv_con{ width: 90%; height: auto; position: absolute; left:0; bottom:0; background:rgba(0,99,208,0.8); color:#fff; border-top-right-radius:30px; display:none; transition: all 0.6s; padding:30px 5% 30px 5%;}
.adv_con p{ font-size:24px; color:#fff;}
.adv_con p span{ font-size:20px;}
.adv li:hover .adv_con { display: block;}
.adv .li_on .adv_con { display: block;}
.adv .li_on .text_box { display:none;}
.adv .li_on .img_box2 img{ opacity:1;}

.adv .li_on { width: 34%;} 




/*********************adv end********************/



.index2{ margin-top:50px;}
.index2_top{ text-align:center; color:#666666; font-size:16px;font-family:"微软雅黑"; margin-bottom:45px; font-weight:bold;}
.index2_top p{ background:url(../Image/p6.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;}
.index2_top p span{ color:#0063d0;}
.index2_left{ width:25%; float:left;}
.index2_left img{ width:95%;}
.index2_right{ width:66%; float:right;}
.index2_about{ font-size:16px; color:#666666; line-height:25px; margin-bottom:40px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;overflow: hidden;}
.index2_right_num li{ float:left; width:25%; text-align:center; font-size:16px;background:url(../Image/p8.jpg) right center no-repeat;}
.index2_right_num li p{ font-size:40px; color:#616060; font-family:Bahnschrift; margin:0;}
.index2_right_num li b{ color:#000000;}



/*********************index2 end********************/


.index3{ margin-top:70px;}
.index3 li{ float:left; width:15%; color:#ffffff; font-size:24px; overflow:hidden; padding:3% 5%;}
.index3 li .index3_num{ font-size:30px; font-family:Bahnschrift; margin-bottom:50%;}
.index3_01{ background:url(../Image/index3_01.jpg) center no-repeat; background-size:cover;}
.index3_02{ background:url(../Image/index3_02.jpg) center no-repeat; background-size:cover;}
.index3_03{ background:url(../Image/index3_03.jpg) center no-repeat; background-size:cover;}
.index3_04{ background:url(../Image/index3_04.jpg) center no-repeat; background-size:cover;}



/************************index3 end************************/

.index4{ margin-top:70px;}
.index4_top{ text-align:center; color:#666666; font-size:16px;font-family:"微软雅黑"; margin-bottom:45px; font-weight:bold;}
.index4_top p{ background:url(../Image/p9.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;}
.index4_top p span{ color:#0063d0;}

#index4_case ul{ margin:0}
#index4_case .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#index4_case .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#index4_case .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden;}
#index4_case .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#index4_case .swiper-slide .index4_case_con{ position: absolute; left: 0; bottom: 0; width: 96%; padding:2%; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height:30px; transition:0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#index4_case .swiper-slide .index4_case_con a{ color:#fff;}
#index4_case .swiper-slide .index4_case_con p{ font-size:24px; font-family:"微软雅黑"; font-weight:bold; margin:0 0 10px 0;}
#index4_case .swiper-slide:hover img{ transform: scale(1.1);}
#index4_case .swiper-button-next:after,#index4_case .swiper-button-prev:after{ display: none;}
#index4_case .swiper-button-next i,#index4_case .swiper-button-prev i{ color: #fff; font-size: 50px;}
#index4_case .swiper-button-next,#index4_case .swiper-button-prev{ width: 63px; height: 63px;}
#index4_case .swiper-button-next{ right: 20%;}
#index4_case .swiper-button-prev{ left:20%; }

#index4_case .swiper-container .swiper-button-prev{ background:url(../Image/left.png) center no-repeat;}
#index4_case .swiper-container .swiper-button-next{ background:url(../Image/right.png) center no-repeat;}

@media screen and (max-width:768px){
    #index4_case .swiper-slide .pic{ padding-bottom: 65%;}
}

#index4_case_app{ display:none;}
#index4_case_app ul{ margin:0; padding:0;}
#index4_case_app ul li{ width:100%; position:relative;}
#index4_case_app ul li .pic{ display: block; width: 100%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden;}
#index4_case_app ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#index4_case_app ul li .index4_case_con{ position: absolute; left: 0; bottom: 0; width: 96%; padding:2%; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height:30px; transition:0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#index4_case_app ul li .index4_case_con a{ color:#fff;}
#index4_case_app ul li .index4_case_con p{ font-size:18px; font-family:"微软雅黑"; font-weight:bold; margin:0 0 10px 0;}
#index4_case_app ul li:hover img{ transform: scale(1.1);}



/************************index4 end************************/

.index5_bj{ width:100%; background:#f1f1f1; overflow:hidden; padding:5% 0; margin-top:50px;}
.index5_top{ text-align:center; color:#666666; font-size:16px;font-family:"微软雅黑"; margin-bottom:45px; font-weight:bold;}
.index5_top p{ background:url(../Image/p10.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;}
.index5_top p span{ color:#0063d0;}
.index5_main li{ float:left; width:27%; margin:1.0%; padding:2% 2% 0 2%; background:#fff; transition:all 1s;}
.index5_main li .pic { width: 100%; height: 64%;}
.index5_main li .pic img{ width:100%; height: 100%;  transition:all 1s;}
.index5_main li .pic:after { padding-bottom: 60%;}
.index5_main li .index5_main_con{ margin-bottom:30px; font-size:16px; color:#666666;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;overflow: hidden;}
.index5_main li .index5_main_tit{  color:#000000; font-size:20px; line-height:25px; height:50px;}
.index5_main li .index5_main_time{ color:#000000; font-size:16px; margin-bottom:10px;}
.index5_main li .index5_main_time p{ font-size:48px; margin:0;}
.index5_line{ float:right; width:112px; height:1px; background:#dcdcdc;}
.index5_main li:hover .index5_main_tit{ color:#2a8ffb;}
.index5_main li:hover .index5_main_time{ color:#2a8ffb;}
.index5_main li:hover .pic img{transform: scale(1.1); -webkit-transform: scale(1.1);}



/************************index5 end************************/

.index6{ margin-top:60px; margin-bottom:5%;}
.index6_top{ text-align:center; color:#666666; font-size:16px;font-family:"微软雅黑"; margin-bottom:45px; font-weight:bold;}
.index6_top p{ background:url(../Image/p11.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;}
.index6_top p span{ color:#0063d0;}
.index6_main li{ float:left; width:20%; text-align:center; color:#515151; font-size:20px;}
.index6_main li img{ width:60%;}
.index6_main li p{ font-size:30px; color:#000; margin:20px 0 0 0;}


/**************************index6 end***********************/





.foot_bj{ width:100%; height:auto; background:#2a2d33; overflow:hidden; padding:2% 0;}
.foot_top{ border-bottom:1px solid #363a40; padding-bottom:30px; margin-bottom:30px;}
.foot_logo{ float:left;}
.foot_tel{ float:right; background:url(../Image/p12.jpg) left center no-repeat; padding-left:60px; color:#747880;}
.foot_tel p{ font-size:30px; color:#f1f1f1; margin:0 auto;}
.foot_nav{ width:20%; float:left;}
.foot ul{ margin:0; padding:0;}
.foot_nav li{ float:left; width:50%; color:#747880; line-height:40px;}
.foot_nav li a{ color:#747880;}
.foot_contact{ width:25%; float:left; margin-left:5%; color:#747880; line-height:25px;}
.foot_copy{ width:20%; float:left; margin-left:5%; color:#747880; line-height:25px;}
.cop{ width:20%; float:right;}
.cop li{ float:left; text-align:center; width:45%; margin-left:2.5%;color:#747880; line-height:25px;}
.cop li img{ max-width:100%;}

/****************************foot end****************************/



.inner_banner{ width:auto; height:auto; overflow:hidden; text-align:center; margin-top:110px;}
.inner_banner img{ width:100%; height:auto; display:block;}
.inner_top{ background:#fff; line-height:80px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);  position:relative; z-index:9; top:-40px;}
.inner_top_left{ float:left;}
.inner_top_left li{ float:left; font-size:16px; color:#787878; padding:0 30px;}
.inner_top_left li:hover{ color:#0063d0;}
.crumbs{ float:right; color:#787878; font-size:16px; background:url(../Image/p14.jpg) left center no-repeat; padding-left:30px; margin-right:20px;}
.crumbs a{ color:#787878;}



.inner_about1{margin-top:60px;}
.inner_about1_top{ text-align:center; background:url(../Image/p6.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;font-family:"微软雅黑"; margin-bottom:45px;}
.inner_about1_main{ font-size:16px; line-height:25px; color:#666666;}
.inner_about1_main img{ padding:0 0 20px 20px;}
.inner_about1_num li{ float:left; width:25%; text-align:center; font-size:16px;background:url(../Image/p8.jpg) right center no-repeat;}
.inner_about1_num li p{ font-size:40px; color:#616060; font-family:Bahnschrift; margin:0;}
.inner_about1_num li b{ color:#0063d0;}
.inner_about1_pro{ margin-top:50px;}
.inner_about1_pro li{ float:left; width:28.3%; padding:1%; margin:1.5%; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.inner_about1_pro li img{ width:100%;}

.inner_about2_bj{ width:100%; background:url(../Image/p15.jpg) top center no-repeat; background-size:cover; overflow:hidden;  margin-top:60px; padding:5% 0;}
.inner_about2_top{ text-align:center; background:url(../Image/p16.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;font-family:"微软雅黑"; margin-bottom:45px;}
.inner_about2 ul{ margin:0; padding:0;}
.inner_about2 li{ width:33.3%; float:left; color:#838282; font-size:16px; position:relative; text-align:center; margin-bottom:30px;}
.inner_about2 li p{ font-size:24px; color:#000; margin:10px 0;}
.inner_about2 li img{ margin-left:38px;}

.inner_about3{ margin-top:60px;}
.inner_about3_top{ text-align:center; background:url(../Image/p17.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;font-family:"微软雅黑"; margin-bottom:45px;}
.inner_about3_main li{ float:left; width:23%; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:1%;}
.inner_about3_main li img{ width:100%;}

.inner_about4_bj{ width:100%; background:url(../Image/p19.jpg) top center no-repeat; background-size:cover; overflow:hidden;  margin-top:60px; padding:5% 0 10% 0;}
.inner_about4_top{ text-align:center; background:url(../Image/p18.png) center no-repeat; font-size:36px; color:#282828; line-height:71px; margin:0;font-family:"微软雅黑"; margin-bottom:45px;}
.inner_about4_main .item{margin:0 5%;position:relative; float:left; width:90%; padding-bottom:10px; position:relative;}
.inner_about4_main .item .img{ background:#fff; padding:20px;}
.inner_about4_main .item img{width:100%;display:block;}
.inner_about4_main .item p{ background:#f2f2f2; text-align:center; line-height:50px;}

.owl-pagination{ display:none;}




/******************************about end************************/


.inner{ margin-bottom:5%;}
.inner ul{ padding-left:0;}
.inner_pro{ margin-bottom:5%;}
.inner_pro_main ul{ padding:0;}
.pro .strength{padding-top:40px;}
.pro .strengthMain{height:;overflow:hidden;}
.pro .strengthMain li{float:left;width:22%;height:100%;overflow:hidden;background:#000;position:relative; margin:1.5%;}
.pro .strengthMain li img{width:100%;height:100%;transition:all .5s;}
.pro .strengthMain li .font{width:100%;height:60%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:40%;}
.pro .strengthMain li .font h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px; display:none;}
.pro .strengthMain li:hover img{transform: scale(1.05, 1.05);opacity:0.4;filter:alpha(opacity=40);}
.pro .strengthMain li .font::before,.pro .strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.pro .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.pro .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.pro .strengthMain li:hover .font::before,.pro .strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.pro .strengthMain li:hover .font h3{ display:block;}

.pro_info{ margin-bottom:5%;}

.proshow { margin-top: 55px;}
.proleft { width: 40%; float:left;}
.swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}

.swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.gallery-top{width:100%;position:relative;}
.gallery-top .swiper-slide{width:100%;display:block;}
.gallery-top .swiper-slide img{width:100%;display:block;}
.gallery-top .swiper-button-prev{left:6px;}
.gallery-top .swiper-button-next{right:6px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gallery-thumbs .swiper-slide img{width:100%;display:block;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.proright { width: 55%; padding-bottom:20px; float:right; border-bottom:1px solid #dcdcdc; }
.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:24px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-family:"微软雅黑"; font-weight: bold;}
.pro_des{ color:#666666; margin-bottom:30px;}
.pro_des_tit{ position:relative; margin-bottom:10px;}
.pro_des_tit p{font-family:"微软雅黑"; font-size:24px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}

.pro_tel{ background:url(../Image/p20.jpg) left center no-repeat; font-size:16px; color:#666666; padding-left:50px; float:left; font-family:"微软雅黑";}
.pro_tel p{ font-size:24px; color:#3382d9; font-weight:bold; margin:0;}

.pro_contact{ background:#c20f25; width:188px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; float:right;}

.pro_info_top{ border-bottom:1px solid #dcdcdc; overflow:hidden; margin-top:5%; padding-bottom:30px;}
.pro_info_top_tit{ float:left; color:#000000; font-size:24px; font-family:"微软雅黑"; font-weight: bold;}
.pro_info_top_right{ float:right;}
.pro_info_top_right li{ float:left; position:relative; margin-left:30px;}
.pro_info_top_right li p{font-family:"微软雅黑"; font-size:24px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
.pro_info_top_right li .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:100%; bottom:-1px;}

.pro_yyly_top{ margin:40px auto; text-align:center;}
.pro_yyly_top span{ background:url(../Image/p21.jpg) bottom center repeat-x;font-family:"微软雅黑"; font-size:36px; color:#000; font-weight:bold;}

.pro_yyly li{ float:left; width:23%; margin-right:2.6%;}
.pro_yyly li:nth-child(4){ margin-right:0;}
.pro_yyly li img{ width:100%;}
.pro_yyly li p{ color:#000; font-size:30px;}
.pro_yyly li b{ display:block; color:#c9c9c9; font-size:40px; font-family: Impact;}


.inner_content{ font-size:16px; color:#262626; line-height:30px; padding-bottom:40px;}

.inner_content img{max-width:100%;display:block;margin:0 auto;}
.inner_content table{width:100%;height:auto;margin-bottom:12px;}
.inner_content table td{padding:0px 8px !important;font-family:"宋体";}
.inner_content table td *{font-family:"宋体";}

/*************************product end*************************/


.news{ margin-top:30px;}
.news li{ float:left; width:27%; margin:1.0%; padding:2% 2% 0 2%; background:#fff; transition:all 1s;}
.news li .pic { width: 100%; height: 64%;}
.news li .pic img{ width:100%; height: 100%;  transition:all 1s;}
.news li .pic:after { padding-bottom: 60%;}
.news li .news_con{ margin-bottom:30px; font-size:16px; color:#666666}
.news li .news_tit{  color:#000000; font-size:20px; line-height:25px; height:50px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow: hidden;}
.news li .news_con1{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;overflow: hidden;}
.news li .news_time{ color:#000000; font-size:16px; margin-bottom:10px;}
.news li .news_time p{ font-size:48px; margin:0;}
.news_line{ float:right; width:112px; height:1px; background:#dcdcdc;}
.news li:hover .news_tit{ color:#2a8ffb;}
.news li:hover .pic img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}


.zxrz_l{ margin-top:60px;}
.newshow .newshowtit {
  text-align: center;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}

.inner_news_img img{ max-width:100%;}


/**************************news end**********************/


.inner_case li{width:31.3%;float:left;margin:1%;background:#FFF;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_case li .img{position:relative;overflow:hidden;}
.inner_case li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_case li:hover .img img{transform:scale(1.08);}
.inner_case li .title{ font-size:18px;line-height:24px; text-align:center; margin-top:10px; color:#000;-webkit-transition:all 0.4s;transition:all 0.4s;}

/**************************case end**********************/


.inner_contact{ overflow:hidden;}

.inner_contact ul{ padding:0;}
.inner_contact ul li{ width:28.3%; float:left; padding:50px 1% 0 1%; margin:1.5%; font-size:16px; color:#ffffff; min-height:203px; border-radius:30px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.inner_contact ul li p{ margin:0; font-size:18px; color:#ffffff;}
.inner_contact ul .contact1{background:url(../Image/contact1.jpg) center no-repeat; background-size:cover;}
.inner_contact ul .contact2{background:url(../Image/contact2.jpg) center no-repeat; background-size:cover; text-align:center;}
.inner_contact ul .contact3{background:url(../Image/contact3.jpg) center no-repeat; background-size:cover; text-align:center;}

.contact-map{ position:relative; margin-top:5%;}
#dituContent{ width:100%; height:630px;}

.inner_message{ margin:10% auto; overflow:hidden;}
.inner_message_top{ font-size:16px; color:#747474;}
.inner_message_top p{ font-size:30px; color:#3f3f3f; margin:10px 0;}

.inner_message_main{ margin-top:30px;}
.inner_message_main .input-group{ margin-bottom:10px; width:47%; margin-right:3%; float:left;}
.inner_message_main .input-group1{ width:97%; margin-bottom:10px;}
.inner_message_main .input-group1 input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message_main .input-group input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message_main #content{ width:100%; height:100px;}
.inner_message_main #captcha{ float:left; width:75%;}
.inner_message_main .verify{ width:90px; height:36px;}
.inner_message_main .verify img{ width:90px; height:36px; margin-top:10px;}
.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:47%; margin-right:3%; background:#0063d0; float:right;}


/**************************contact end************************/

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#0063d0;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0063d0;
  background: #0063d0;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}