@charset "utf-8";
a{ text-decoration:none;color:#666666}
a:hover{ text-decoration:none;color:#666666}
.left_h{color:#666666}
.logomm{color:#353535;font-size:18px;font-weight:600;margin-bottom:0px;margin-top:20px;}
.logomn{color:#26a59a;font-size:16px;font-style: italic;}
.htel{float:left;height:50px;width:50px;margin-top:15px}
.htelsz{width:75%;margin-left:10px;float:left}
.htelsz .p1{color:#353535;font-size:14px;margin-bottom:0px;margin-top:20px;}
.htelsz .p2{color:#26a59a;font-size:24px;font-weight:800}


.fbt{width:100%;height:40px;margin-top:10px;}
.fbt .p1{float:left;margin-left:10px;color:#0E4F8C;font-size:24px;font-weight:bold}
.fbt .p2{float:left;margin-left:10px;color:#F67C01;font-size:24px;font-weight:bold}

.tzs{width:100%;height:220px;display: flex;justify-content: center;
align-items: center;}
.cpk{width:33% !important;float:left;margin-top:10px;margin-right:0.5%}
.cpk:nth-child(3n){margin-right:0px}
.cpk .cpname{text-align:center;font-size: 18px;font-weight:bold;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


#about{padding-bottom:30px;}
#about .contentzt{width:100%;height:auto}
#about .contentzt .xx{width:100%;margin-top:10px;}
#about .contentzt .anli{font-size:16px;color:#666;margin:20px 0px}
#about .contentzt .anli .alqt{width:100%;height:120px}

.tutel{width:140px;border:1px solid blue;background:none;color:blue;font-weight:500;display:block;height:40px;line-height:40px;text-align:center;border-radius:5px;font-size:16px;}
.tutel:hover{text-decoration:none;color:blue}
.tuwx{width:100px;float:right}
.tuwx p{text-align:center;font-size:14px;color:#666}
.tubj{width:140px;line-height:43px;font-size:16px;color:#fff;background:#f67c01;border:1px solid #f67c01;height:43px;display: block;text-align:center;border-radius:5px;}
.tubj:hover{color:#fff; text-decoration:none;}
.tuzx{color:rgb(216, 27, 67);font-size:18px;font-weight:bold; text-decoration:blink}

.dys{width:80px;height:80px;float:left}
.dysjj{width:68%;height:80px;float:left;padding-top:20px;text-align: left;overflow:hidden}
.dysjj .bt{font-size:12px;font-weight:800}
.dysjj .mm{font-size:12px;}



/*home*/

.pro{background:#02b2b5;width:1170px;margin:0px auto;font-size:45px;color:#fff;}
.pro p{margin-left:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.prolb{width:24%;float:left;margin-right:1.3%;height:300px}
.prolb:nth-child(4n+0){margin-right:0px}
.prot{border:1px solid #e4e4e4;width:100%;text-align:center;height:260px;display: flex;
justify-content: center;align-items: center; }
.prot img{max-width:100%;text-align:center;max-height:260px;}

.product_title a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.xc{width:100%;height:auto;margin:0px auto;background:#fff}
.xc .xct{width:1170px;height:auto;margin:0px auto;}
.xc .xct img{width:100%}


.hanli{width:100%;background:#fff;height: auto;display: flex;}
.hanli .zanli{width:50%;float:left;height:auto}
.hanli .zanli .title{height:50px;line-height:30px;border-bottom:2px solid #02b2b5;color:#02b2b5;font-size: 16px;padding:10px;}
.hanli .zanli .zalcontent{width:100%;height:430px;padding:10px;}

.swiper-container {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;

}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
height: 200px;

/* Center slide text vertically */
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;
transition-property:all;
}
#progressEffect{
position: absolute;
z-index: 10;
top: 20px;
left: 20px;
}

.hanli .yanli{width:49%;float:left;height:auto;margin-left:1%;}
.hanli .yanli .title{height:50px;line-height:30px;border-bottom:2px solid #02b2b5;color:#02b2b5;font-size: 16px;padding:10px;margin-bottom:10px;}

.div-relative{position:relative; color:#000; width:100%; height:500px} 
.div-a{ position:absolute; left:0px; top:0px;  width:60%; height:500px;} 
.div-b{ position:absolute; left:50%; top:40px; background:#fff; width:40%; height:460px;border-radius: 10px;}
.div-b .jj{width:85%;height:320px;overflow:hidden;margin:0px auto;margin-top:40px;line-height:30px;color:#666666}
.div-b a{width:150px;display:block;height:35px;line-height:35px;border:1px solid #02b2b5;margin:0px auto;margin-top:10px;text-align:center;color:#02b2b5}
.div-b a:hover{background: #02b2b5;color:#fff}

.hyoushi{width:100%;height:200px;background:#262626}