@charset "utf-8";
/* CSS Document */

.banner{background-color: #fff; margin-top:44px;}
.banner .pager-next,.banner .pager-prev{border-radius:0;width:45px;height:76px;line-height:76px;border:0;background-color:hsla(0,0%,100%,.45);color:#fff;margin-top:-38px;font-size:3pc}
.pager-next:hover,.pager-prev:hover{background-color:rgba(0,0,0,.45)}
.banner{position:relative;width:100%;overflow:hidden}
.pointer li{border-radius:0;width:20px;height:4px;background-color:hsla(0,0%,100%,.45);border:0;margin:0}
.pointer li.active{background-color:#fff;width:20px;height:4px}
.swiper-container .swiper-paginations-new3 span{width: 20px;height: 20px;background: #fff;opacity: 1;filter: alpha(opacity=100);border-radius: 30px;}
.swiper-container .swiper-paginations-new3 span.swiper-pagination-bullet-active{background:#36ADAC;height:20px;border-radius: 20px;animation:myfisrt 3s;}
#swiper1 .swiper-slide{overflow: hidden;}
#swiper1 .swiper-slide .big_img{width: 100%;position: relative;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.banner{ margin-top:44px;}


}
/*产品展示*/
.index_pro {padding:40px 0; margin-bottom:30px;}
.index_pro h2, .index_pro h2 span{color:#333; font-size: 28px; font-weight: bold; line-height: 48px; text-align: center; margin-bottom: 5px; }
.index_pro h2 a{display:none;}
.index_pro p { font-size: 16px; line-height:32px;width:80%; margin:0 auto 20px; text-align: center; }
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_pro h2, .index_pro h2 span{font-size: 18px; font-weight: 600; line-height: 38px; }
.index_pro p {width:100%; margin:0 auto 10px;font-size: 14px; line-height:26px; }
}
.gd_pro{ position:relative;} 
.gd_pro .hd{ overflow:hidden;  height:25px;position:absolute; left:50%; margin-top:30px;} 
.gd_pro .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;} 
.gd_pro .hd ul li{ position:relative; _display:inline; float:left;width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
.gd_pro .hd ul li.on{ background:#f00;} 
.gd_pro .bd{  } 
.gd_pro .bd ul{ overflow:hidden; zoom:1; width:100%} 
.gd_pro .bd ul li{width:33.33333%; text-align:center; float:left;display:_inline; border-right:1px solid #E7E7E7;} 
.gd_pro .bd ul li img{ width:90%;}
.gd_pro .bd ul li:nth-child(3n){border-right:0;}
.gd_pro .bd ul li a:hover{color: #d6000f;}

.swiper-container .swiper-paginations-new3 span{width: 20px;height: 20px;background: #fff;opacity: 1;filter: alpha(opacity=100);border-radius: 30px;}
.swiper-container .swiper-paginations-new3 span.swiper-pagination-bullet-active{background:#36ADAC;height:20px;border-radius: 20px;animation:myfisrt 3s;}
.index_hot_pj{ padding-bottom:50px;}
.index_hot_img { width:96%; overflow:hidden; margin-bottom:8px; margin-left:auto; margin-right:auto;}
.index_hot_pj_mid img{float:left; width:100%;transition: all 0.5s;overflow:hidden; }
.swiper-slide:hover .index_hot_pj_mid img{transform: scale(1.1);overflow:hidden; }
.index_hot_pj_mid{position:relative;overflow:hidden; padding-bottom:50px;}
.index_hot_pj_mid_footer{position:absolute; left:0; bottom:0; z-index:1; height:40px;}
.index_hot_pj_mid_jj{ display:none;padding:3% 5%; width:90%;}
.index_hot_pj_mid_jj_1{line-height:25px;}
.index_hot_pj_mid_jj_2{font-size:16px; padding-top:15px;}
.swiper-pagination-2{ margin-top:30px; padding-top:20px;}
.swiper-pagination-2 .swiper-pagination-bullet{ border:none; background-color:#666;width:8px; height:8px;-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius:100%; }
.swiper-pagination-2 .swiper-pagination-bullet-active{background-color:#36ADAC;}
.index_fsjj_case_img_mid_img img{float:left; width:100%;}
.index_hot_pro_img_mid_name{ line-height:23px;text-align:center; color:#999; font-size:12px;}
.index_hot_pro_img_mid_name span{color:#333; font-size:16px; line-height:60px}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; margin:0px 0px 25px; overflow:hidden; clear:both;}
.index_pro .swiper-container-horizontal>.index_pro .swiper-pagination-bullets,.index_pro .swiper-pagination-custom,.index_pro .swiper-pagination-fraction {bottom:-10px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_pro {padding:0px 0 20px; margin-bottom:0px;}

}

.index3{ background:url(../images/index_bg1.jpg) no-repeat;padding:90px 0; margin-top:30px; margin-bottom:15px;background-attachment: fixed;background-size: cover;}
.index3 .p1{font-size:28px; line-height: 48px; margin-bottom:5px; font-weight: bold; color:#FFF; text-align:center;}
.index3 .p2{font-size:16px;line-height:32px; width:60%; margin:0 auto;color:#FFF;text-align:center;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index3{color:#1e1e1e;padding:30px 0;text-align:center;}
.index3 .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index3 .p2{font-size:14px;width:96%;line-height:26px; }
}

.index3 .ipro_cell { display:block; margin:40px 0;}
.index3 .ipro_cell_con { position:relative; }
.index3 .ipro_cell .cell_btn { display:block; position:relative; margin:0 auto; padding:6px;width:120px; height:120px;  border-radius:50%; overflow:hidden; border:#fff 1px solid;}
.index3 .ipro_cell .cell_btn:hover { background-color:#fff; }
.index3 .ipro_cell .cell_btn_con { display:block;position:relative;z-index:1;overflow:hidden;border-radius:50%; background-position:center center; background-repeat:no-repeat;}
.index3 .ipro_cell .cell_btn_con:after {content:'';display:block;position:absolute;top:0; left:0;width:100%; height:100%;border-radius:50%;transition:all ease .5s; -webkit-transition:all ease .5s;background:rgba(0,0,0,.50); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);}
.index3 .ipro_cell:hover .cell_btn_con:after {background:rgba(11,133,144,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#990C8087,endcolorstr=#990C8087);}
.index3 .ipro_cell .cell_btn_txt { display:block; position:absolute; top:30%; left:16%; margin:0 auto; z-index:2;width:68%; height:3.2em; line-height:1.6; font-size:16px; color:#fff; text-align:center;}
.index3 .ipro_cell_con { height:132px; }
.index3 .ipro_cell .cell_btn_con { width:120px; height:120px }
.index3 .ipro_cell_con { position:relative; }
@media screen and (max-width: 1024px) and (min-width:769px) {/* 移动端的尺寸 */
.index3 .ipro_cell .cell_btn_con { width:100px; height:100px }
.index3 .ipro_cell .cell_btn { width:100px; height:100px }
.index3 .ipro_cell_con { height:110px; }
}
@media screen and (max-width: 768px) and (min-width:0px) {/* 移动端的尺寸 */	
.index3 .ipro_cell .cell_btn {width:90px; height:90px }
.index3 .ipro_cell .cell_btn_con { width:90px; height:90px }
.index3 .ipro_cell .cell_btn_txt { font-size:14px; color:#fff; text-align:center;}
.index3 .ipro_cell_con { height:100px; }
}
.index_box1,.index_box2{position:relative;z-index: 1;}
.index_box1{color:#1e1e1e;padding:40px 0 40px;text-align:center;}
.index_box1 .p1{font-size:28px; line-height: 48px; margin-bottom:5px; font-weight: bold; }
.index_box1 .p2{font-size:16px;line-height:32px; width:60%; margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index_box1{color:#1e1e1e;padding:20px 0 0px;text-align:center;}
.index_box1 .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index_box1 .p2{font-size:14px;width:96%;}
.index3 .ipro_cell { display:block; margin:30px 0 10px;}
}


.index4 .box_l{position: absolute;top: 0;left: 0;padding: 10% 30% 0 8%;z-index: 5;color: #fff;}
.index4 .box_l .tit{padding-bottom: 15px;}
.index4 .box_l a,.index4 .about_c_1_t a{display: block;}
.index4 .about_c_1_t .box{width: 34%;position: absolute;top: 0;left: 0;height: 100%;padding:0 8%;background: url(../images/about_center_bg1.png) repeat;color: #fff; }
.index4 .about_c_1_t .box .tit{padding-top: 30%;line-height: 1;padding-bottom: 15px;}
.index4 .about_c_1_b{height: 318px;width: 100%;background-color: #36ADAC;margin-top: 15px;overflow: hidden;}
.index4 .about_c_1_b .box{display: block;padding: 7% 15% 0 8%;color: #fff;height: 100%}
.index4 .about_c_1_b .box .tit{padding-bottom: 15px;}
.index4 .about_c_2{padding-top: 35px;}
.index4 .about_c_2 a{display: block;}
.index4 .about_c_2 .box{position: absolute;padding:12% 8%;z-index: 5;top: 0;left: 0;width: 40%;color: #fff;}
.index4 .about_c_2 .box .tit{line-height: 1;padding-bottom: 20px;}
.index4 .about_c_1_b .box .p,.index4 .about_c_2 .box .p,.index4 .about_c_1_t .box .p,.index4 .box_l .p{font-size: 15px; }

.rect-105{padding-bottom: 105%;}
.rect-49{padding-bottom: 49%;}
.fz35{font-size:35px}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.fz35{font-size:16px}
.index4 .box_l{position: absolute;top: 0;left: 0;padding: 10% 8% 0 8%;z-index: 5;color: #fff;}
.index4 .about_c_1_b .box{display: block;padding: 7% 8% 0 8%;color: #fff;height: 100%}
.index4 .about_c_1_b{height: 254px;width: 100%;background-color: #36ADAC;margin-top: 15px;overflow: hidden;}
.index4 .about_c_1_b .box .p{font-size: 14px; }
}


/*关于我们*/
.index4{ margin-bottom:78px;}
.index4 .infor{padding:57px 0 43px;text-align: center;width: 868px;margin: 0 auto;}
.index4 .infor .tit{font-size: 34px;color: #000;margin-bottom: 3px;font-weight: normal;}
.index4 .infor .con{font-size: 14px;color: #808080;line-height: 22px;margin-bottom: 2px;}
.index4 .content .left {width: 41.333%;float: left;}
.index4 .content .right{width: 58.667%;float: left;}
.index4 .rect-9838{padding-bottom: 98.40%}
.index4 .rect-6931{padding-bottom: 69.31%}
.index4 .rect-347{padding-bottom: 34.6%}
.index4 .icover{position: absolute;left: 36px;bottom: 30px;}
.index4 .icover .t{font-size: 33px;color: #fff;}
.index4 .icover .c{font-size: 14px;color: #fff;}
.index4 .i_ico{width: 68px;height: 68px;background: url(../images/index08.png) no-repeat center;position: absolute;left:50%;margin-top: -34px;top:50%;margin-left:-34px;cursor: pointer;}
.index4 .r_top .r_top_l{float: left;}
.index4 .r_top .r_top_m{float: left;}
.index4 .r_top .r_top_r{float: left;}
.index4 .r_top .add_infor{position: absolute;left: 46px;bottom: 30px;padding-right: 45px;z-index: 1;opacity: 1;}
.index4 .r_top .add_infor .t{font-size: 26px;color: #fff;margin-bottom: 4px;}
.index4 .r_top .add_infor .c{font-size: 14px;color: #fff;}
.index4 .r_top .add_cover{position: absolute;width: 100%;height: 100%;left: 0;top: 100%;background: rgba(54, 172, 172, 0.89);z-index: 2;}
.index4 .r_top .add_cover .con{font-size: 26px;color: #fff;text-align: center;}
.index4 .r_top .r_top_l:hover .add_infor{opacity: 0;}
.index4 .r_top .r_top_l:hover .add_cover{top: 0;}
.index4 .r_top .r_top_r:hover .add_infor{opacity: 0;}
.index4 .r_top .r_top_r:hover .add_cover{top: 0;}
.index4 .r_bottom { background-color:#f8f8f8;}
.index4 .r_bottom .box{padding: 22px 79px 53px 69px; width:80%;position: relative;}
.index4 .r_bottom .txt{font-size: 16px;color: #666;text-align: left;margin-top: 46px;}
.index4 .r_top .add_cover .icon {display: inline-block;margin-top: 80px;margin-left: 135px;transition: all 0.3s ease;}
.index4 .r_top .add_cover .icon{background: url(../images/i_01.png) no-repeat center;}
.index4 .r_top .r_top_l .add_cover .icon{background-position: 0 0;width: 77px;height: 57px;}
.index4 .r_top .r_top_m .add_cover .icon{background-position: -74px 0;width: 70px ;height:57px ;}
.index4 .r_top .r_top_r .add_cover .icon:hover {transform: rotateY(180deg);transition: all 0.3s ease;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index4{ margin-top:10px; margin-bottom:35px}
.index4 .content .left {width: 100%;float: none;}
.index4 .content .right{width: 100%;float: none;}
.index4 .rect-9838{padding-bottom:80.38%}
.index4 .r_bottom { display:none;}
.index4 .rect-6931{padding-bottom: 79.31%}
.index4 .icover{position: absolute;left:16px;bottom: 30px;}
.index4 .icover .t{font-size:24px;color: #fff;}
.index4 .r_top .add_infor{position: absolute;left:15px;bottom: 15px;padding-right: 15px;z-index: 1;opacity: 1;}
.index4 .r_top .add_infor .t{font-size: 18px;color: #fff;margin-bottom: 4px;}
.index4 .r_top .add_infor .c{ line-height:22px;}
}
.index5{background: #f5f5f7;padding-bottom: 70px; }
.index5 .title{color:#1e1e1e;padding:60px 0 30px;text-align:center;}
.index5 .title .p1{font-size:26px;margin-bottom:10px; font-weight:600;}
.index5 .title .p2{font-size:16px; width:65%; margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index5 .title{color:#1e1e1e;padding:20px 0 0px;text-align:center;}
.index5 .title .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index5 .title .p2{font-size:14px;width:96%;margin-bottom:10px; }
}

.index5 .infor{padding:57px 0 43px;text-align: center;width: 868px;margin: 0 auto;}
.index5 .infor .tit{font-size: 34px;color: #000;margin-bottom: 3px;font-weight: normal;}
.index5 .infor .con{font-size: 14px;color: #808080;line-height: 22px;margin-bottom: 2px;}
.index5 .content li{background: #fff;}
.index5 .rect-6156{padding-bottom:61.56%;}
.index5 .content .li_top{position: relative;}
.index5 .content .li_top:after{content:'';width: 28px;height: 13px;background: url(../images/index15.png) no-repeat center;position: absolute;bottom: -13px;left: 49px;z-index: 1;transition: all 0.3s ease;}
.index5 .content .li_top .box{padding: 33px 41px 39px 29px;}
.index5 .content .li_top .box .tit{font-size: 18px;color: #000;height:50px; padding:8px 0;overflow: hidden;}
.index5 .content .li_top .box .date{font-size: 14px;color: #b2b2b2;margin-bottom: 10px;}
.index5 .content .li_top .box .con{font-size: 14px;color: #333;height:50px;overflow: hidden;}
.index5 .content li:hover .li_top .box .tit{color: #3caaff;}
.index5 .content .li3{background: none}
.index5 .content .li3 li{margin-bottom: 25px;background: #fff;}
.index5 .content .li3 li:last-child{margin-bottom: 0;}
.index5 .content .li3 a{display: block;}
.index5 .content .li3 a .a_box{padding: 22px 20px 21.5px 24px;}
.index5 .content .li3 .tit{font-size: 18px;color: #000;}
.index5 .content .li3 .time{font-size:14px;color:#b2b2b2;margin-bottom:3px;}
.index5 .content .li3 .con{font-size: 14px;color: #333;height: 44px;overflow: hidden;}
.index5 .content .li3 li:hover .tit{color: #2E939B;}
.index5 .content li:hover {background:#2E939B;}
.index5 .content .li3:hover{background: inherit;}
.index5 .content li:hover .li_top .box .cat{color: #fff;}
.index5 .content li:hover .li_top .box .tit{color: #fff;}
.index5 .content li:hover .li_top .box .date{color: #fff;}
.index5 .content li:hover .li_top .box .con{color: #fff;}
.index5 .content .li3 li:hover .tit{color: #fff;}
.index5 .content .li3 li:hover .time{color: #fff;}
.index5 .content .li3 li:hover .con{color: #fff;}
.index5 .content li:hover .li_top:after{background: url(../images/index15_1.png) no-repeat center;transition: all 0.3s ease;}
@media screen and (max-width: 1280px) and (min-width:1025px) {/* 移动端的尺寸 */	
.index5 .rect-6156{padding-bottom:73.56%;}
.index5 .content .li3 li{margin-bottom: 12px;background: #fff;}
}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index5{ padding-top:10px;padding-bottom:40px;}
.index5 .content .li1{ margin-bottom:10px;} 
.index5 .content .li_top .box .tit{font-size: 16px;color: #000;height:50px; padding:4px 0;overflow: hidden;}
.index5 .content .li3 .tit{font-size: 16px;color: #000;}
}