@charset "utf-8";
/* CSS Document */
html{ -webkit-text-size-adjust:none;}
body{font-size:14px;color:#1b1b1b; _overflow:hidden;font-size:14px; overflow-x:hidden;  background:#fff;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0; font-family: "微软雅黑";  font-weight:normal;}
b, i, span, strong, em{font-weight:normal; font-style:normal;}
li{list-style-type:none;}
img{ border:none;}
a{ outline:none;color: #000; cursor:pointer; text-decoration:none;  -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
a:hover{ text-decoration:none;color: #000;}
a,area { blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
.disno{display:none;}
.disbk{ display:block;}
.distb{ display:table;}
.clear{ width:auto; height:0px; line-height:0px; clear:both; float:none; overflow:hidden;}
/*-------input--outline--middle---------*/
input,button,select,textarea{ outline:none}
input{ vertical-align:middle; font-family:"微软雅黑";}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
table{ border-collapse:collapse; font-family:"微软雅黑";}



/*首页样式*/
.topo{
	width: 100%;
	margin: auto;
	padding: 6px 0;
	background: #fff;
}

.topo_a{
	width: 80%;
	margin: auto;
}
.topo_a1{
	width: 200px;
	float: left;
	display: block;
}
.topo_a1 img{
	width: 100%;
	display: block;
}
.topo_a2{
	height: 100%;
    width: 62%;
    text-align: center;
    margin: auto;
}
.topo_a2 ul{
	display: block;
}
.topo_a2 ul li{
display: inline-block;
    line-height: 80px;
    font-size: 16px;
    width: 15%;
    text-align: center;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 9%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
   /* padding: 12px 16px;*/
    line-height: 50px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.topo_a2 ul li:hover .dropdown-content {
    display: block;
}

.topo_a2 ul li:hover .dropbtn {
    background-color: #3e8e41;
}
.topo_a2 ul li i{
	box-sizing: content-box;
    background-color: #0495a6;
    border: 0;
    width: 0px;
    height: 2px;  
    display: block;
}
.topo_a2 ul li i a{
	display: block;
}
.topo_a2 ul li:hover i{
	-webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;

    display: block;
}
.topo_a3{
	float: right;
	display: block;
}
.topo_b3{
	display: inline-block;
    line-height: 80px;
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 1%;
    text-align: center;
}
.topo_b3 i{
	float: left;
	display: block;
}
.topo_b3 a {
	float: left;
	    padding: 0 5px;
	display: block;

}

.topo_b3 img{
	width: 30px;
    padding: 20px 0;
    display: block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 9%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

.dropdown-content a {
    color: black;
   /* padding: 12px 16px;*/
   line-height: 50px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {    
	background-color: #53c4d2;
    color: #fff;
}

.topo_b3:hover .dropdown-content {
    display: block;
}
/**/
.search__box {
  position: absolute;
  top: 4%;
  left: 84%;
  transform: translate(-50%, -50%);
  background:#f1f1f1;
  height: 20px;
  border-radius: 40px;
  padding: 10px 15px 10px 15px;
}

.search__box:hover > .search__txt {
  width: 171px;
  padding: 0 6px;
}

.search__box:hover > .search__btn {
  background: #fff;
}
.search__box:hover > .search__btn i {
  color: #53c4d2;
  transition: 0.9s;
}

.search__btn {
  color: #e84118;
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 51%;
  background: #53c4d2;
  display: flex;
  justify-content: center;
  align-item: center;
  text-decoration: none;
}
.search__btn i {
  line-height: 30px;
  color: #fff;
  transition: 0.9s;
}

.search__txt {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #fff;
  font-size: 16px;
  transition: 0.2s;
  line-height: 20px;
  width: 0;
}
/**/
.banen{
	width: 100%;
	margin: auto;
	display: block;
}
.swiper-container {
      width: 100%;
      height: 100%;

    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      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;
}
.swiper-slide img{
	width: 100%;
	display: block;
}
/**/
.gypp{
	background: url("../img/tp001.jpg") no-repeat;
	padding: 180px 60px 180px;
}
.gypp_a{
	max-width: 60%;
	margin: auto;
}
.gypp_a h3{
	font-size: 24px;
    line-height: 40px;
    color: #53c4d2;
}
.gypp_a h2{
	    line-height: 51px;
    padding: 14px 0;
    font-weight: 700;
    font-size: 33px;
}
.gypp_a p{
	 line-height: 32px;
	 font-size: 16px;
	 display: block;
	 text-align: justify;
	 font-family: monospace;
}
/*荣誉证书*/
.ryzsba{
	width: 100%;
	padding: 54px 0;
	margin: auto;
}
.body{width:100%;margin:0 auto;min-width:1423px}
.article{background:#212121}
.product{    
	width: 25%;
    float: left;
    margin:0 auto}
.product .product_introduce{/*width:100%;min-width:1077px;height:184px;*/    margin: 10px;}
.product .product_introduce .product_name{width:149px;height:183px;float:left;position:relative;color:#fff}
.product .product_introduce .product_main{height:184px;background:#e6e6e6;float:left;margin-left:5px;border-radius:13px}
.product_main .product_j{padding-left:58px;width:120px;float:left}
.product_main .product_j h3{font-family:"微软雅黑";font-size:16px;margin-top:33px}
.product_main .product_j .product_x{font-size:11px;margin-left:10px}
.product .product_introduce .product_picture{float:left;margin:5px 0 0 8px;display:table;width:100%;/*height:172px*/}
.product_introduce .product_picture .product_picture1{width:242px;height:168px;border:2px solid #bfbfbf;border-radius:10px;text-align:center;display:table-cell;vertical-align:middle}
.product_introduce .product_picture .product_picture1 a img{max-width: 213px;max-height: 132px;}
/*.ckgdda{
		position: absolute;
	left: 0;
	top: 0;
	width: 100%;


}
.product :hover .ckgdda{

	display: block;
}*/
.product .advertisement{margin-bottom:7px}
.product .advertisement a,.product .advertisement a img{display:block;margin:0 auto}
.picture{width:976px;height:562px;border:1px solid #c7c7c7bf;font-family:"宋体";display:none;z-index:99999;position:fixed;left:0;top:50px;bottom:0;right:0;margin:0 auto}
.picture .picture_top{background:#f3f3f3;height:33px;color:#000}
.picture .picture_top span{font-size:12px;padding-left:20px;line-height:33px}
.picture .picture_top a{float:right;font-size:30px;line-height:27px;padding-right:5px;color:#3f3f3f;font-family:"微软雅黑"}
.picture .picture_bottom{width:100%;height:529px;background:#fff}
.picture .picture_bottom .picture_left{width:771px;height:100%;float:left}
.picture .picture_bottom .picture_left .picture_img{position:relative;left:56px;top:51px;width:658px;height:424px;display:table;text-align:center}
.picture_bottom .picture_left .picture_img .picture_img2{width:658px;height:424px;display:table-cell;vertical-align:middle}
.picture_bottom .picture_left .picture_img .picture_img2 img{max-width:658px;max-height:424px}
.picture_bottom .picture_left .prev{display:inline-block;width:17px;height:33px;position:relative;top:-178px;left:18px}
.picture_bottom .picture_left .next{display:inline-block;width:17px;height:33px;position:relative;top:-178px;right:18px;float:right}
.picture_bottom .picture_left .prev a{display:inline-block;width:17px;height:33px;background:url(../img/picture_prev.png) no-repeat}
.picture_bottom .picture_left .next a{display:inline-block;width:17px;height:33px;background:url(../img/picture_next.png) no-repeat}
.picture .picture_bottom .picture_right{width:205px;height:100%;float:left}
.picture_xiao{background:coral;width:50px;height:50px;float:left;margin:5px 8px}
.picture_xiao img{width:100%}
.picture .picture_bottom .picture_right .picture_name{margin-left:25px;margin-top:48px}
.picture_name h3{font-family:"微软雅黑";font-size:16px;margin-top:33px;color: #000;}
.product_x{font-size:11px;margin-left:10px}
.picture_suo{width:173px;height:382px;border:1px solid #e4e4e4;margin-left:2px;margin-top:20px}
.picture_suo .picture_suo_t{padding:14.5px;height:300px}
.picture_suo .picture_suo_t .picture_suo_img{width:58px;height:58px;margin:6px 5px;border:2px solid #e4e4e4;float:left;cursor:pointer}
.picture_suo .picture_suo_img img{width:58px;height:58px}
.picture_suo .picture_fenye{text-align:center;width:173px;font-size:14px;height:21px;position:relative}
.picture_suo .picture_fenye span{position:relative;top:-5px}
.picture_suo .picture_fenye .picture_next,.picture_suo .picture_fenye .picture_prev{display:inline-block;width:20px;height:21px;cursor:pointer}
.ljxq22{display:inline-block;position:relative;bottom:40px;right:-821px}
.picture_suo .picture_suo_t .suo-img{border:2px solid #e4393c}
.tanchukuang_bg11{width:100%;min-width:1164px;height:100%;background:#0000006e;position:fixed;z-index:1001;filter:alpha(opacity=20);opacity:.4;left:0;top:0;display:none}

/**/
.cppc{
	width: 100%;
	background:#f4f4f440;
	margin: auto;
}
.cppc_a{
	max-width: 1400px;
	padding:60px 0;
	margin: auto;

}
.cppc_a h2{
	line-height: 66px;
    font-weight: 700;
    font-size: 33px;
}
.cppc_a h3{
	font-size: 24px;
    line-height: 40px;
    color: #53c4d2;
}
.cppc_b{
	padding:20px 0 0 0;
	display: block;
}
.cppc_ba{
	width: 100%;
	padding: 20px 0;
	display: block;
}
.cppc_baa{
	width: 78%;
	height: 380px;
	float: left;
	overflow: hidden;

}
.cppc_baa1{
	width: 30%;
	min-height: 93%;
	padding:30px 30px 0 30px;
	float: left;
	background: #f3f3f3;
	position: relative;
	display: block;
}
.cppc_baa1 h4{
	width: 100%;
	font-size: 20px;
	line-height: 40px;	
	font-weight: 700;
	border-bottom: 2px solid #53c4d2;
	padding: 0 0 10px 0;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;


}
.cppc_baa1 b{
    line-height: 29px;
    margin: 20px 0;
    font-size: 16px;
     display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
} 
.cppc_baa1 i{
	width: 100px;
	line-height: 30px;	
	position: absolute;
    bottom: 17px;
    right: 20px;
	display: block;
}
.cppc_baa1 i img{
	width: 30px;
	float: right;
	display: block;
}
.cppc_baa2{
	width: 62%;   
    float: left;
    background: #fff;
    overflow: hidden;
}
.cppc_baa2 img{
	max-height: 383px;
    margin: auto;
    display: block;
}
.cppc_bab{
	width: 20%;
	height: 380px;
	float: right;
	margin: 0 0 0 20px;
	position: relative;
	background: #f3f3f3;
	display: block;

}
.cppc_bab1{
	height: 50%;
	background: #fff;
	overflow: hidden;
}
.cppc_bab1 img{
	height: 100%;
    margin: auto;
	display: block;
}
.cppc_bab2{
	padding: 20px;
	display: block;
}

.cppc_bab2 h4{
	width: 100%;
	font-size: 20px;
	line-height: 38px;	
	font-weight: 700;
	border-bottom: 2px solid #53c4d2;

	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;


}
.cppc_bab2 b{
	display: none;
}
.cppc_bab2 i{
	width: 100px;
	line-height: 30px;
	position: absolute;
    bottom: 14px;
    right: 20px;
	display: block;
}
.cppc_bab2 i img{
	width: 30px;
	float: right;
	display: block;
}
/*bottom*/
.botta{
	width: 100%;
	margin: auto;
}
.bottb{
	background: #535353;
	/*background: #53c4d2;*/
	margin: auto;
}
.bottb1{
	width: 1200px;
	margin: auto;
}
.bottb1 ul{
	overflow: hidden;
}
.bottb1 ul li{
	width: 16%;
	text-align: center;
	line-height: 50px;
	float: left;
}
.bottb1 ul li a{
	color: #fff;
	font-size: 16px;
	display: block;
	
}
.bottb1 ul li :hover{
	color: #53c4d2
}
.bottc{
	max-width: 1200px;
	margin: auto;
	padding: 40px 0 20px 0;
}
/**/
.bottc1{
width: 32%;
float: left;	
display: block;
}
.bottc1 img{
	display: block;
}
.bottc2{
	width: 40%;
	float: left;
	padding: 10px 0 0 0;
	display: block;
}


.bottc2a{ 	
	display: block;

}
.bottc2a img{
	width: 20px;
    padding: 0 20px 0 0;
	float: left;
	display: block;
}
.bottc2a h3{
	font-size: 14px;
	padding: 0 0 10px 0 ;

}
.bottc3{
	float: right;

}
.bottc3 dl{
	padding: 0 20px;
    float: left;
    width: 100px;
    display: block;
}
.bottc3 dl img{
	width: 100%;
	margin: auto;
	display: block;
}
.bottc3 dl h3{
	text-align: center;
	line-height: 40px;
font-size: 14px;
	display: block;
}

.xiann{
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}
.bottd{
	width: 1200px;
	text-align: center;
	padding: 20px 0;
	margin: auto;
}
.bottd p{
	display:inline-block;
	padding:0 10px;
	color: #aaaaaa;

}
.botte{
	width: 1200px;
	text-align: center;
	padding: 0 0 20px 0;
	margin: auto;
}
.botte p{
	display:inline-block;
	padding:0 10px;
	color: #aaaaaa;

}
.botte p a{
	color: #aaaaaa;
	display: block;
}
/*2*/
.banner1{
	width: 100%;
	text-align: center;
	position: relative;
	margin: auto;
}
.cation{
	width: 1200px;
	margin: auto;
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 10px;


}
.cation dl{
	color: #fff;
	float: left;
	padding: 0 4px 0 0;
	display: block;
}
.cation dl a{
	color: #fff;
	display: block;
}
.cation dl :hover{
	color: #ff0000
}

/*2*/
.banen_a{
	width: 100%;
	display: block;
}
.banen_a img{
	width: 100%;
	margin: auto;
}
.gywm{
	padding: 50px 0 60px;
	display: block;
}
.gywm_a{
	margin-bottom: 40px;
    text-align: center;
}
.gywm_a h2{
	margin-bottom: 12px;
    font-size: 32px;
    line-height: 45px;
    color: rgb(87, 93, 106);
}
.gywm_a i{
	margin: auto;
	width: 80px;
    height: 2px;
    background-color: rgba(0,0,0,0.05);
    display: block;

}
.gywm_b{
	max-width: 1400px;
	margin: auto;
}
.gywm_b p{
	padding: 4px 20px;
    color: rgb(41, 44, 50);
    font-size: 16px;
     text-indent:2em;
     text-transform:Capitalize;
    line-height: 38px;
}
.gywm_b p img{
	max-width: 100%;
	margin: auto;
	display: block;
}
/*3*/
.cpzx{
	width: 100%;
	/*height: 166px;*/
    background: #f5f5f5;
    position: relative;
    z-index: 100;
	margin: auto;
}
.cpzxa{
	width: 80%;
	height: 100%;
	margin: auto;
	text-align: center;
    position: relative;

}
.cpzxa ul{
	overflow: hidden;
}
.cpzxa ul li{
	width: 16%;
	height: 100%;
	display: inline-block;
}
.cptb{
	text-align: center;
	width: 60px;
	height:90px;
	position:relative;
	margin: auto;

}
.cptb em{
	position:absolute;
	top:0;left:0;
	display: block;
}
.cptb em img{
	width: 100%;
	display: block;
}
.cptb i{
	position:absolute;
	top:0;left:0;
	display: none;
}
.cptb i img{
	width: 100%;
	display: block;
}
.cpzxa ul li h1{
	font-weight: 400;
    display: block;
    font-size: 1.25rem;
    color: #777;
}
.cpzxa ul li a{
	padding: 20px 0;
    text-align: center;
	display: block;
}
.cpzxa ul li.on a{
	   position: absolute;
    top: -10px;
    width: 16%;
      height: 140px;
    /*padding: 30px 0;*/
    background: #53c4d2;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
}
/*.cpzxa ul li a:hover{
	   position: absolute;
    top: -10px;
    width: 16%;
     height: 126px;
    padding: 30px 0;
    background: #53c4d2;
    color: #fff;
    border-radius: 7px;
	overflow: hidden;
}*/
.cpzxa ul li:hover i{
	display: block;
}
.cpzxa ul li:hover em{
	display: none;
}
.cpzxa ul li:hover a{
	   position: absolute;
    top: -10px;
    width: 16%;
       height: 140px;
  /*  padding: 30px 0;*/
    background: #53c4d2;
    color: #fff;
    border-radius: 7px;
	overflow: hidden;
}
.cpzxa ul li:hover h1{
	color: #fff;
	display: block;
}
.cpzxa ul li.on em{
	display: none;
}
.cpzxa ul li.on i{
	display: block;
}
.cpzxa ul li.on h1{
	color: #fff;
}
/*手机端*/
.cpazaxa{
	width: 90%;
	display: none;
}


/*产品列表*/
.cplb{
	max-width: 1400px;
	padding: 50px 0 60px;
	margin: auto;
	display: block;
}
.cplb ul{
	overflow: hidden;
}
.cplb ul li{
	width: 43%;
    
    float: left;
    margin: 0 7px 15px;
    position: relative;
    padding: 32px;
    display: block;
    background: #f5f5f5;
}
.cpld_img{
	width: 49%;
    height: 247px;
    line-height: 247px;
    float: right;
    text-align: center;
    overflow: hidden;
}
.cpld_img img{
	height: 100%;
	margin: auto;
	display: block;
}
.cpld_wan{
	width: 50%;
	height: 247px;
    margin-left: 0;
    position: relative;
    float: left;
}
.cpld_wana{
	margin: 1.5rem 0;
}
.cpld_wana h1{
	display: block;
    font-weight: 400;
    font-size: 26px;
    position: relative;
}
.cpld_wana p{
	display: block;
    color: #53c4d2;
    font-size: 16px;
}
.prod-gongneng{
	    color: #777;
    margin-bottom: 13px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    
}
.prod-link{
	    width: 110%;
    position: absolute;
    left: 0;
    bottom: 0;
}  
.prod-link a {
    display: inline-block;
    height: 40px;
    width: 115px;
    line-height: 40px;
    font-size: 1rem;
    border-radius: 20px;
    text-align: center;
    margin-right: 15px;
    background: #838383;
    color: #fff;
}
 .prod-link a.buy {
    background: #53c4d2;
    margin-right: 0;
}
.prod-link a:hover{
	background:#33929e;

}
.cplb ul li:hover .cpld_img img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1)
}
.cpbanne{
	width: 100%;
	margin: auto;
	background: url("../img/tp005.png") no-repeat;
}
/*4*/
.xwzx{
	padding: 50px 0 60px;
    display: block;
}
.xwym{
	width: 1200px;
	margin: auto;
}
.xwyma{
	background: #f4f4f4;
	margin: 0px 0 20px 0;
	
	overflow: hidden;
}
.xwyma span{
	width: 60%;
	float: left;
	padding: 20px;
	display: block;
}
.xwyma span h2{
	line-height: 45px;
	font-weight: 600;
	font-size: 18px;
}
.xwyma span h3{
	height: 100px;
	line-height: 33px;
	font-size: 16px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

}
.xwyma span h4{

	padding: 32px 0 0 0;
	color: #c9c9c9;
	line-height: 34px;
}
.xwyma i{
	float: right;
	width: 30%;
	    padding: 28px;
	display: block;
}
.xwyma i img{
	width: 100%;
	display: block;
}
.xwyma a{
	display: block;
}
.xwyma :hover{
	color: #53c4d2;
}
.xwyma :hover h4{
	color: #53c4d2;
}
/*分页相关*/
.pagelist {
	text-align:center;
	margin: 0 0 40px 0;
}
.pagelist ul{overflow: hidden;}
.pagelist  a{display:inline-block;margin:0 2px;color:#666;border:1px solid #ddd;padding:6px 15px;}
.pagelist  a:hover{border-color:#595959;background:#595959;color:#fff;}
.pagelist  a.on {border-color:#595959;background:#595959;color:#fff;}

#bg{ display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70)}
#show{display: none;position: fixed;top:50%;left:50%;margin-top:-350px;margin-left: -280px;width:660px;  height:auto;background:#fff;z-index:1002;overflow: hidden;}
#show #btnclose {cursor: pointer;width: 22px;height: 22px;line-height: 20px;position: absolute;right: 35px;top: 10px;font-size: 24px;border: 0px;background: #fff;}
/*5*/
/**/
.liax_i{
	    max-width: 1400px;
    margin: auto;
	 margin-bottom: 2.5rem;
	 display: block;
}
.liax_ia{
	float: left;
	width: 40%;
	display: block;
}
.liax_iaflel{
height: 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.25rem;
    color: #6c6c6c;
    margin-bottom: 1.75rem;
}
.liax_iaflel span{
	display: inline-block;
    height: 39px;
    border-bottom: 2px solid #53c4d2;
}
.liax_ilele{
	    display: block;    
    float: left;
}
.liax_ilele p{
	margin-right: 3.5rem;
    margin-bottom: 14px;
    max-width: 140px;
	text-align: center;
    color: #777;
    font-size: 16px;
}
.liax_ilele p img{
	width: 100%;
}
.lxax_righy{
	float: right;
	width: 40%;
	display: block;
}
.liax_righya{
	margin-bottom: 2.5rem;
	display: block;
}
.liax_righya ul{
	overflow: hidden;
}
.liax_righya  li.righ_a1{
	background: url("../img/tp009.png") no-repeat 0 2px;
}
.liax_righya  li.righ_a2{
	background: url("../img/tp0012.png") no-repeat 0 2px;
}
.liax_righya  li.righ_a3{
	background: url("../img/tp0010.png") no-repeat 0 2px;
}
.liax_righya  li.righ_a4{
	background: url("../img/tp0011.png") no-repeat 0 2px;
}

.liax_righya  li p{
	   display: block;
    padding-left: 30px;
    line-height: 1.75rem;
    font-size: 14px;
    margin-bottom: .5rem;
    color: #777;
}
/**/
/**/
.contact-left {
    padding: 52px 60px;
    width:40%;
    float: left;
    background: #f8f8f8;
}
.title {
    font-size: 30px;
    font-weight: 700;
    color: #4c4c4c;
}
.contact-left ul {
    margin-top: 30px;
}
 .contact-left ul li {
    margin: 16px 0;
    color: #4c4c4c;
    line-height: 24px;
}
.contact-left ul li .contact-way {
    font-size: 18px;
    font-weight: 700;
}
.contact-left ul li .contact-info {
    font-size: 16px;
}
/**/
.pc-kk-form{
	width: 40%;
	float: right;
			padding:15px 20px;
		}
		.pc-kk-form-list{
			background:#fff;
			/*border:1px solid #e5e5e5;
			border-radius:5px;*/
			height:44px;
			line-height:44px;
			margin-bottom:10px;
		}
		.pc-kk-form-list input{
			width: 95%;
    float: left;
    background: none;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #9fa3a7;
    font-size: 14px;
    height: 36px;
    padding: 4px 10px;
    margin: 0 0 0 3px;
		}
		.pc-kk-form-list textarea{
			background:none;
			border:none;
			height:60px;
			padding:10px;
			resize:none;
			width:95%;
			border:1px solid #e5e5e5;
			border-radius:5px;
			margin: 0 0 0 5px;
			line-height:22px;
			color:#9fa3a7;
			font-size:14px;
		}
		.nice-select{
			position: relative;
			background: #fff url(static/images/a2.jpg) no-repeat right center;
			background-size:18px;
			width:47%;
			float:left;
			border:1px solid #e5e5e5;
			border-radius:5px;
			height:44px;
			line-height:44px;
		}

		.nice-select ul{
			width: 100%;
			display: none;
			position: absolute;
			left: -1px;
			top: 44px;
			overflow: hidden;
			background-color: #fff;
			max-height: 150px;
			overflow-y: auto;
			border: 1px solid #b9bcbf;
			z-index: 9999;
			border-radius:5px;

		}
		.nice-select ul li{
			padding-left:10px;
		}
		.nice-select ul li:hover{
			background:#53c4d2;
		}
		.pc-kk-form-list-clear{
			background:none;
			border:none;
		}
		.pc-kk-form-btn button{
			background:#53c4d2;
			color:#fff;
			border:none;
			width:100%;
			height:50px;
			line-height:50px;
			font-size:16px;
			border-radius:50px;
		}
/**/


/**/
/*产品详情*/
.cpzxai{
	width: 100%;
	display: block;
}
.cpzxa_a{
	width: 100%;
    height: 60px;
    background:#53c4d2;
    position: relative;
    top: 0px;
    left: 0;
    z-index: 200;
    transition: all .4s ease;
}
.cpzxa_b{
	width: 80%;
	height: 100%;
	margin: auto;
}
.cpzxa_b1{
	float: left;
    height: 100%;
    line-height: 60px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}
.cpzxa_b1 a{
	color: #fff;
}
.cpzxa_b2{
	float: right;
	display: block;
	font-weight: 700;
	font-size: 16px;
	padding: 12px 0;
	color: #fff;
}
.cpzxa_b2 p{
display: block;
    float: left;
    height: 100%;
    line-height: 36px;
    
    
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}
.cpzxa_b2 p a{
	 color: #fff;
	 font-weight: 700;
	display: block;
}
.cpzxa_b2 p.on a{
	 background: #fff;
    color: #53c4d2;
    padding: 0 20px;
    border-radius: 20px;
    display: block;
}
.cpzxa_b2 p a:hover{
    background: #fff;
    color: #53c4d2;
    padding: 0 20px;
    border-radius: 20px;
}
.cpzxb_a{
	width: 100%;
	margin: auto;
	background: rgb(245, 245, 245);
	display: block;
}
.cpzxb_a p{
	width: 72%;
	margin: auto;
	display: block;
}
.cpzxb_a p img{
	margin: auto;
	    max-width: 100%;
	display: block;
}
.cpzxc_a{
	max-width: 100%;
	padding: 40px 0;
	background: rgb(245, 245, 245);
	margin: auto;
}
.cpzxc_b{
	max-width: 1200px;
    padding: 50px 0;
    background: #fff;
    margin: auto;
    display: block;
}
.cpzxc_c{
	width: 90%;
    line-height: 43px;
    margin: 0 auto;
    text-indent: 2rem;
    overflow: hidden;
}
.cpzxc_c p{
	display: block;
}
.cpzxc_c dl{
	display: none;
}
.cpzxc_c:hover dl{
	display: block;
}
/**/

/**/

/*新闻详情*/
.xixq{
	width: 100%;
	background: rgb(245, 245, 245);
	padding: 10px 0;
    margin: auto;
    overflow: hidden;
}
.xwzxx_a{
	margin: 80px 0;
}
.xwzxx_b{
	max-width: 1200px;
    padding: 10px 0;
    background: #fff;
    margin: auto;
    display: block;
}
.xwzxx{
	max-width: 1200px;
	    padding: 20px 0;
	margin: auto;
}
.xwzxx img{
	width: 100%;
}
.xwzxx dt{
	padding: 10px 0;

	display: block;
}

.xwzxx dt h2{
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	display: block;
}

.xwzxx dt p{
	padding-top: 20px;
	line-height: 20px;
text-align: center;
	display: block;
}
.xwzxx dt p span{
	padding:0 20px;
	    color: #7c7c7c;
	display: inline-block;
}
.neir{
    margin: 40px 0;
	display: block;
}
.neir p{	
    width: 850px;
    line-height: 43px;
    margin: 0 auto;	
	text-indent: 2rem;
	overflow: hidden;

}
.neir p img{
	
	padding:10px 0;
	text-align: inherit;
	overflow: hidden;

}

.xyya{
	width: 100%;
	    border-top: 1px #ECECEC solid;
	margin: 20px 0;
	display: block;
}
.xyya p{
	width: 50%;
	text-align: center;
	line-height: 40px;
	float: left;
	display: block;
}

.xyya p a{
	display: block;
}
.xyya p a:hover{
	color: #53c4d2;
	display: block;
}
table{
    margin: auto;
}

td{ 
	padding: 10px; 
}
td img{ 
	width: 100%; 
}
/*右侧代码*/
.clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #53c4d2 url(../img/fixcont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #53c4d2 url(../img/fixcont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #53c4d2 url(../img/fixcont.png) no-repeat 0 -113px;
}
.yb_skeyp{
	text-indent: 0;
	background: #53c4d2 url(../img/fixcont.png) no-repeat 0 -169px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #53c4d2 url(../img/fixcont.png) no-repeat 0 -227px;
}
.yb_skeyp a{
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
/**/
.msg {
  font-family: 'Pacifico', cursive;
  font-size: 8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  align-items: center;
  color: #FEFEFE;
  background-color: #1184F0;
  display: none;
}

.features {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.features li {
  width: 100%;
  text-align: center;
  padding: .25em;
}

menu, menu label {
  position: absolute;
  top: 0;
  right: 0;
}

menu {
  margin: 0;
}
menu input[type=checkbox] {
  display: none;
}
menu input[type=checkbox]:checked + .drawer-list {
  transform: translatex(0);
  border-bottom-left-radius: 0;
}
menu input[type=checkbox]:checked + .drawer-list li {
  transform: translatex(0);
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(1) {
  transition: transform 0.5s 0.02s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(2) {
  transition: transform 0.5s 0.04s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(3) {
  transition: transform 0.5s 0.06s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(4) {
  transition: transform 0.5s 0.08s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(5) {
  transition: transform 0.5s 0.1s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(6) {
  transition: transform 0.5s 0.12s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(7) {
  transition: transform 0.5s 0.14s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(8) {
  transition: transform 0.5s 0.16s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(9) {
  transition: transform 0.5s 0.18s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(10) {
  transition: transform 0.5s 0.2s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(11) {
  transition: transform 0.5s 0.22s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(12) {
  transition: transform 0.5s 0.24s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(13) {
  transition: transform 0.5s 0.26s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(14) {
  transition: transform 0.5s 0.28s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(15) {
  transition: transform 0.5s 0.3s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(16) {
  transition: transform 0.5s 0.32s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(17) {
  transition: transform 0.5s 0.34s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(18) {
  transition: transform 0.5s 0.36s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(19) {
  transition: transform 0.5s 0.38s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(20) {
  transition: transform 0.5s 0.4s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(21) {
  transition: transform 0.5s 0.42s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(22) {
  transition: transform 0.5s 0.44s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(23) {
  transition: transform 0.5s 0.46s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(24) {
  transition: transform 0.5s 0.48s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(25) {
  transition: transform 0.5s 0.5s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(26) {
  transition: transform 0.5s 0.52s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(27) {
  transition: transform 0.5s 0.54s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(28) {
  transition: transform 0.5s 0.56s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(29) {
  transition: transform 0.5s 0.58s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(30) {
  transition: transform 0.5s 0.6s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(31) {
  transition: transform 0.5s 0.62s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(32) {
  transition: transform 0.5s 0.64s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(33) {
  transition: transform 0.5s 0.66s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(34) {
  transition: transform 0.5s 0.68s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(35) {
  transition: transform 0.5s 0.7s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(36) {
  transition: transform 0.5s 0.72s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(37) {
  transition: transform 0.5s 0.74s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(38) {
  transition: transform 0.5s 0.76s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(39) {
  transition: transform 0.5s 0.78s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(40) {
  transition: transform 0.5s 0.8s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(41) {
  transition: transform 0.5s 0.82s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(42) {
  transition: transform 0.5s 0.84s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(43) {
  transition: transform 0.5s 0.86s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(44) {
  transition: transform 0.5s 0.88s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(45) {
  transition: transform 0.5s 0.9s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(46) {
  transition: transform 0.5s 0.92s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(47) {
  transition: transform 0.5s 0.94s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(48) {
  transition: transform 0.5s 0.96s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(49) {
  transition: transform 0.5s 0.98s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(50) {
  transition: transform 0.5s 1s ease;
}
menu input[type=checkbox]:checked + .drawer-list li a {
  padding-right: 15px;
}
menu input[type=checkbox]:checked ~ hamburger > i {
  background-color: transparent;
  transform: rotate(90deg);
}
menu input[type=checkbox]:checked ~ hamburger > i:before {
  transform: translate(-50%, -50%) rotate(315deg);
}
menu input[type=checkbox]:checked ~ hamburger > i:after {
  transform: translate(-50%, -50%) rotate(-315deg);
}

menu input[type=checkbox]:checked ~ hamburger open {
  color: transparent;
  width: 0;
}
menu .drawer-list {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  transform: translate(100vw, 0);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
  box-sizing: border-box;
  pointer-events: none;
  padding-top: 125px;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
  border-bottom-left-radius: 100vw;
  background-color: #3d81c0;
  background-color: rgba(13, 97, 176, 0.8);
}
@media (min-width: 768px) {
.cppc_bab1 img{
}
  menu .drawer-list {
    width: 25vw;
  }
}
menu .drawer-list ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  pointer-events: auto;
}
menu .drawer-list li {
  list-style: none;
  text-transform: uppercase;
  pointer-events: auto;
  white-space: nowrap;
  box-sizing: border-box;
  transform: translatex(100vw);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
}
menu .drawer-list li:last-child {
  margin-bottom: 2em;
}
menu .drawer-list li a {
  text-decoration: none;
  color: #FEFEFE;
  text-align: center;
  display: block;
  padding: .5rem;
  font-size: 1.2em;
}
@media (min-width: 768px) {
  menu .drawer-list li a {
    font-size: 1rem;
    text-align: right;
  }
}
menu .drawer-list li a:hover {
  cursor: pointer;
  background-color: #88c2f8;
  background-color: rgba(17, 132, 240, 0.5);
}
menu hamburger {
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  display: none;
}
menu hamburger:hover {
  cursor: pointer;
}

menu hamburger text close {
  color: transparent;
  right: 0;
  width: 0;
}

menu hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  background-color: #FEFEFE;
  pointer-events: auto;
  transition-duration: .35s;
  transition-delay: .35s;
}
menu hamburger > i:before, menu hamburger > i:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background: #FEFEFE;
  content: "";
  transition: transform 0.35s;
  transform-origin: 50% 50%;
}
menu hamburger > i:before {
  transform: translate(-50%, -14px);
}
menu hamburger > i:after {
  transform: translate(-50%, 14px);
}

/**
    SCROLLBAR STYLE FOR WEBKIT BROWSERS
*/
/* Let's get this party started */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}



.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.search{
            width: 100%;
            margin: 24px auto;
            display: flex;
            /*border: 1px solid #53c4d2;*/
        }
        .search input{
            float: left;
            flex: 4;
            height: 30px;
            outline: none;
            border: 1px solid #53c4d2;
            box-sizing: border-box;
            padding-left: 10px;
        }
        .search button{
            float: right;
            flex: 1;
            height: 30px;
            background-color: #53c4d2;
            color: white;
            border-style: none;
            outline: none;
        }
        .search button i{
            font-style: normal;
        }
        .search button:hover{
            font-size: 16px;
        }

 .tubiaoa{
 	width: 30%;
 	float: left;
 	display: none;
 }
 .dibusj{
    background: #373b3e;
    padding: .45rem .25rem 0;
    display: none;

}
/**/
.abble{
	width: 100%;
	display: none;
}
/*首页banner上产品*/
.ctbp{
	width: 20%;
	height: 166px;
    margin: 0px auto;
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -39%;
   /* overflow: hidden;*/
}
.ctbpa{
	width: 100%;
	display: block;
}
.ctbpa h2{
	width: 100%;
    line-height: 10px;
    padding: 20px 0px;
    display: block;
    font-size: 18px;
    text-align: center;
    background: #53c4d2;
    color: #fff;
}
.dropbtn {
  
    color: white;
   padding: 16px 0;
    font-size: 16px;
    width: 100%;
    border: none;
    cursor: pointer;
}
.itemtit1{
	display: block;
}
.itemtit1 span{
	width: 60px;
	float: left;
	display: block;
}
.itemtit1 span img{
	width: 40px;
	margin: auto;
	display: block;
}
.itemtit1 dl{
	font-weight: 700;
	float: left;
}
.itemtit1 a{
	font-weight: 700;
	line-height: 40px;
	display: block;
}
.itemCol{
	    width: 100%;
	padding: 10px 0;
	display: block;
}
.itemCol a{
	padding: 0 10px;
    float: left;
    display: block;
    font-size: 16px;
}
.itemColbb{
	position: absolute;
    top: 30%;
    left: 100%;
    width: 50%;
    background: #fff;
   /* display: none;*/
   opacity: 0; transition: all 1s ease 0s;
}
.itemColbb a{
	width: 100%;
	float: left;
    text-align: center;
    padding: 12px 0px;
}
.itemColbb a:hover {background-color: #f1f1f1}

.dropbtn:hover .itemColbb{
    display: block;
}
.dropbtn a:hover .itemColbb{display:block}

.dropbtn-dask {
    display: none;
    position: fixed;
    top: 14%;
    left: 31%;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropbtn-dask a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropbtn-dask a:hover {background-color: #f1f1f1}

.dropdown:hover .dropbtn-dask {

    display: block;
}



.dropdown {
	width: 100%;
	background: #efefef;;
    position: relative;
    display: inline-block;
    height: 113px;
    overflow: hidden;
}



/*下滑键盘*/
.ctbpb{
     position: absolute;
    top: 15%;
    right: 8%;
	
	display: block;
}
.conter {
  position: relative;
  width: 24px;
  height: 24px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;

  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background:#53c4d2;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.zhon{	
	display: none;
}
/**/
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式------------------------------------------------*/
.ctbp {   
    display: none;
}
.topo_a1 {
    width: 100px;
}
.yb_conct{
	display: none;
}
.search__box{
	display: none;
}
.topo_a{
	width: 90%;
}
.topo_a2{
	display: none;
}
/*s搜索*/
.topo_a3 {

    position: absolute;
    left: 50%;
    margin-left: -11%;
}
.search{
 width: 100%;
            margin: 0px auto;
            display: flex;
            /* border: 1px solid #53c4d2; */
}
.search input{
            float: left;
            flex: 4;
                width: 125px;
            height: 30px;
            outline: none;
            border: 1px solid #53c4d2;
            box-sizing: border-box;
            padding-left: 10px;
        }
        .search button{
            float: right;
            flex: 1;
            height: 30px;
            background-color: #53c4d2;
            color: white;
            border-style: none;
            outline: none;
        }
        .search button i{
            font-style: normal;
        }
        .search button:hover{
            font-size: 16px;
        }
/*标题没有弄*/
.msg {
  font-family: 'Pacifico', cursive;
  font-size: 8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  align-items: center;
  color: #FEFEFE;
  background-color: #1184F0;
}

.features {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.features li {
  width: 100%;
  text-align: center;
  padding: .25em;
}

menu, menu label {
  position: absolute;
  top: 0;
  right: 0;
}

menu {
  margin: 0;
  z-index: 999;
}
menu input[type=checkbox] {
  display: none;
}
menu input[type=checkbox]:checked + .drawer-list {
  transform: translatex(0);
  border-bottom-left-radius: 0;
}
menu input[type=checkbox]:checked + .drawer-list li {
  transform: translatex(0);
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(1) {
  transition: transform 0.5s 0.02s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(2) {
  transition: transform 0.5s 0.04s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(3) {
  transition: transform 0.5s 0.06s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(4) {
  transition: transform 0.5s 0.08s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(5) {
  transition: transform 0.5s 0.1s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(6) {
  transition: transform 0.5s 0.12s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(7) {
  transition: transform 0.5s 0.14s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(8) {
  transition: transform 0.5s 0.16s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(9) {
  transition: transform 0.5s 0.18s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(10) {
  transition: transform 0.5s 0.2s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(11) {
  transition: transform 0.5s 0.22s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(12) {
  transition: transform 0.5s 0.24s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(13) {
  transition: transform 0.5s 0.26s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(14) {
  transition: transform 0.5s 0.28s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(15) {
  transition: transform 0.5s 0.3s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(16) {
  transition: transform 0.5s 0.32s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(17) {
  transition: transform 0.5s 0.34s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(18) {
  transition: transform 0.5s 0.36s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(19) {
  transition: transform 0.5s 0.38s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(20) {
  transition: transform 0.5s 0.4s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(21) {
  transition: transform 0.5s 0.42s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(22) {
  transition: transform 0.5s 0.44s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(23) {
  transition: transform 0.5s 0.46s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(24) {
  transition: transform 0.5s 0.48s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(25) {
  transition: transform 0.5s 0.5s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(26) {
  transition: transform 0.5s 0.52s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(27) {
  transition: transform 0.5s 0.54s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(28) {
  transition: transform 0.5s 0.56s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(29) {
  transition: transform 0.5s 0.58s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(30) {
  transition: transform 0.5s 0.6s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(31) {
  transition: transform 0.5s 0.62s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(32) {
  transition: transform 0.5s 0.64s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(33) {
  transition: transform 0.5s 0.66s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(34) {
  transition: transform 0.5s 0.68s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(35) {
  transition: transform 0.5s 0.7s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(36) {
  transition: transform 0.5s 0.72s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(37) {
  transition: transform 0.5s 0.74s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(38) {
  transition: transform 0.5s 0.76s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(39) {
  transition: transform 0.5s 0.78s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(40) {
  transition: transform 0.5s 0.8s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(41) {
  transition: transform 0.5s 0.82s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(42) {
  transition: transform 0.5s 0.84s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(43) {
  transition: transform 0.5s 0.86s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(44) {
  transition: transform 0.5s 0.88s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(45) {
  transition: transform 0.5s 0.9s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(46) {
  transition: transform 0.5s 0.92s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(47) {
  transition: transform 0.5s 0.94s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(48) {
  transition: transform 0.5s 0.96s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(49) {
  transition: transform 0.5s 0.98s ease;
}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(50) {
  transition: transform 0.5s 1s ease;
}
menu input[type=checkbox]:checked + .drawer-list li a {
  padding-right: 15px;
}
menu input[type=checkbox]:checked ~ hamburger > i {
  background-color: transparent;
  transform: rotate(90deg);
}
menu input[type=checkbox]:checked ~ hamburger > i:before {
  transform: translate(-50%, -50%) rotate(315deg);
}
menu input[type=checkbox]:checked ~ hamburger > i:after {
  transform: translate(-50%, -50%) rotate(-315deg);
}

menu .drawer-list {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  transform: translate(100vw, 0);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
  box-sizing: border-box;
  pointer-events: none;
  padding-top: 125px;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
  border-bottom-left-radius: 100vw;
  background-color: #3d81c0;
  background-color: rgba(83, 196, 210, 0.8);
}
@media (min-width: 768px) {
  menu .drawer-list {
    width: 25vw;
  }
}
menu .drawer-list ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  pointer-events: auto;
}
menu .drawer-list li {
  list-style: none;
  text-transform: uppercase;
  pointer-events: auto;
  white-space: nowrap;
  box-sizing: border-box;
  transform: translatex(100vw);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
}
menu .drawer-list li:last-child {
  margin-bottom: 2em;
}
menu .drawer-list li a {
  text-decoration: none;
  color: #FEFEFE;
  text-align: center;
  display: block;
  padding: .5rem;
  font-size: 1.2em;
}
@media (min-width: 768px) {
  menu .drawer-list li a {
    font-size: 1rem;
    text-align: right;
  }
}
menu .drawer-list li a:hover {
  cursor: pointer;
  background-color: #88c2f8;
  background-color: rgba(83, 196, 210, 0.9);
}
menu hamburger {
  position: absolute;
  display: block;
      top: 17px;
  right: 10px;
  height: 8px;
  width: 28px;
}
menu hamburger:hover {
  cursor: pointer;
}

menu hamburger text close {
  color: transparent;
  right: 0;
  width: 0;
}

menu hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  background-color:#707070;
  pointer-events: auto;
  transition-duration: .35s;
  transition-delay: .35s;
}
menu hamburger > i:before, menu hamburger > i:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background: #707070;
  content: "";
  transition: transform 0.35s;
  transform-origin: 50% 50%;
}
menu hamburger > i:before {
  transform: translate(-50%, -10px);
}
menu hamburger > i:after {
  transform: translate(-50%, 10px);
}





.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  display: none;
}
.drawer-sjd{
	display:none;
 /*   position: absolute;*/
    background-color: #75d0db6b;
    min-width: 9%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}
.drawer-sjd a {
    color: black;
   /* padding: 12px 16px;*/
  
    text-decoration: none;
    display: block;
}

.drawer-sjd a:hover {    
	background-color: #53c4d2;
    color: #fff;
}

.drawer-list li:hover .drawer-sjd {
    display: block;
}
.topo_b3 {

    display: none;
}
/**/
.gypp {
    
   padding: 0rem 0rem; 
}
.gypp_a {
    padding: 10% 0;
    max-width: 90%;
}
.gypp_a h3 {
	font-size: 1.2rem;

}
.gypp_a h2 {   
	line-height: 40px;
    font-size: 1.4rem;
}
.gypp_a p {
	line-height: 2rem;
    font-size: 0.9rem;
	text-indent: 1.5em;
}
.cppc_a{
	width: 90%;
}
.cppc_a h3 {
    font-size: 1.2rem;
}
.cppc_a h2 {
    line-height: 3rem;
    font-size: 1.4rem;
}
.cppc_b {
    padding: 0px 0 0 0;
    }
.cppc_baa {
    width: 100%;
    height: 294px;
    background: #f3f3f3;
    margin: 0 0 20px 0;
}
.cppc_baa2 {
       width: 61%;
    position: absolute;
    right: 3%;
}
.cppc_bab2 h4 {
 
    font-size: 18px;
    }
.cppc_baa2 img {
  max-height: 293px;
    display: block;
}
.cppc_bab {
    width: 100%;
}
.cppc_baa1 {
    width: 37%;
    min-height: 94%;
    padding: 5% 5% 0 5%;
    float: left;
    background: #f3f3f3;
    position: relative;
    z-index: 999;
    display: block;
}
.cppc_bab2 b {
    line-height: 29px;
    margin: 20px 0;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*底部没有*/
/**/
.gywm {
    padding: 2rem 0 2rem;    
    width: 90%;
    margin: auto;
    overflow: hidden;
}
.gywm_a {
    margin-bottom: 1.4rem;
    }
    .gywm_a h2 {
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.gywm_b p {
	 font-size: 0.9rem;
	 padding: 0px 0px;
	line-height: 2.6rem;
}
/*产品*/
.cpzxa{
	width: 100%;
	/*display: none;*/
}

.cptb {
	display: none;
}
.cpzxa ul li {
    width: 24%;
    }
.cpzxa ul li.on a {
  height: 47px;
    width: 24%;
}
.cpzxa ul li:hover a {
height: 47px;
    width: 24%;
}
.cpzxa ul li h1 {

    font-size: 1rem;
}
.cplb {
	width: 90%;
	padding: 2rem 0 2rem;
}
.cplb ul li {
    width:90%;    
    margin: 0 0rem 1rem; 
    padding: 1rem;    
}
.cpld_wana {
    margin: 1rem 0;
}
.cpld_wana h1 {
  
    font-size: 1.1rem;
}
.prod-gongneng {
   font-size: 0.9rem;
}
.prod-link a {  
    height: 2rem;
    width: 42%;    
    line-height: 2rem;
    font-size: 0.9rem;
    }
    .cpld_wan {

    height: 188px;
}
.cpld_img {
    width:50%;
    height: 188px;
    }
.cpzxa_b {
    width: 90%;
}
.cpzxa_b1 {
    font-size: 1rem;
    }
    .cpzxa_b2 {
font-size: 1rem;
}
.cpzxc_b {
	width: 90%;
}
.cpzxc_c {
    font-size: 0.9rem;
}
.xwzx {
    padding: 2rem 0 2rem;
    display: block;
}
.xwym {
    width: 90%;
}
.xwyma {
    background: #f4f4f4;
    margin: 0px 0 1rem 0;
    padding: 1rem;
   
}
.xwyma span {
    width: 100%;   
    padding: 0;

}
.xwyma span h2 {
    line-height: 45px;
    font-weight: 600;
    font-size: 1.1rem;
}
.xwyma span h4 {
    padding: 1rem 0 0 0;
 
}
.xwyma i {
        width: 100%;
    padding: 0px;
    height: 133px;
    overflow: hidden;
}
.gywm_b {
	width: 100%;
	}

.gywm_b img{
	width: 100%;
}

.pc-kk-form {
    width: 100%;
    float: right;
    padding: 1.5rem 0;
}
.pc-kk-form-list input {
    width: 92%;
    }
    .pc-kk-form-list textarea {
 
    width: 92%;
}
.title {
       width: 90%;
    font-size: 1.4rem;
    margin: auto;
    line-height: 2rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}
.contact-left {
    padding: 0 0; 
    width: 100%;
}
.contact-left ul{
	width: 90%;
    margin-top: 1.6rem;
   
    margin: auto;
}
.contact-left ul li .contact-way {
    font-size: 16px;
    }
    .contact-left ul li .contact-info {
    font-size: 14px;
}
/*底部*/
.botta {
 
    background: #313437;
}
.xiann {   
    display: none;
}
.bottb1 {
    width: 90%;
}
.bottd {
    width: 90%;
    padding: 0.5rem 0;
    }
    .botte {
    width: 90%;   
    padding: 0 0 0.5rem 0;
        font-size: 12px;
}
.botte p a{
	color: #fff;
	display: block;
}
 .tubiaoa{
 	width: 100%;
 	
 	display: block;
 }
  .tubiaoa i{
      width: 20px;
    padding: 0 10px;
  	float: left;
display: block;


  }
   .tubiaoa i img{
   	width: 100%;

   	display: block;
   }
.bottb {
  
    display: none;
}
.bottc {
   
    display: none;
}
.dibusj {
    width: 100%;
    background: #373b3e;
   padding: 1.45rem 0 1.25rem 1.25rem;
    display: block;
}
 .container {
    padding: 0 .25rem;
    padding-bottom: 1.45rem;
}
.foot-title {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
    color: rgba(255,255,255,0.5);
    padding-bottom: 1.2rem;
}
.foot-title:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4b4f52;
}
.foot-title:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1rem;
    height: 2px;
    background: #a5a7a9;
}
.contact-list {
    margin-top: 1.2rem;
}
.contact-list li {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 0 1.1rem 0;
}
.contact-list li i {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
      padding: 0 20px 0 0;
    background-size: 3.13rem 3.09rem;
    background-position: -1.76rem -.68rem;
}
.contact-list li i img{
	width: 100%;
	display: block;
}
.contact-list li a, .contact-list li span {
    flex-basis: calc(100% - .6rem);
    color: #707274;
    line-height: 1.4rem;
}
/**/
.abble{
	width: 100%;
	display: block;
}
.abb-list{
    display: flex;
    display: -webkit-flex;
}
.abb-list li{
	-webkit-flex:1;
	flex:1;
	color:#383838;
	padding:1.24rem 0 1.2rem;
	 position: relative;

}
.abb-list li i{
	width: 25px;
	margin: auto;
	margin-bottom:1.1rem;
display: block;
}
.abb-list li i img{
    margin: 0 auto 0.6rem;
	display: block;
}
.abb-list li em{
    width: 25px;
    margin: auto;
    margin-bottom: 1.1rem;
    display: none;
}
.abb-list li em img{
	    margin: 0 auto 0.6rem;
	display: block;
}
.abb-list li span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
.abb-list a {
    color: #979797;
  /*  padding:1.24rem 0 1.2rem;*/
    border-right: 1px #eee solid;
    display: block;
}
.abb-list :hover{
color: #fff;
   background: #f1f1f1;
}
.abb-list li.on {
color: #ffffff;
    background: #f1f1f1;
    display: block;
}
.abb-list :hover em{
display: block;
}
.abb-list :hover i{
display: none;
}
.abb-list :hover {
	color: #fff;
	display: block;
}
.cppc_baa1 b{   
    font-size: 14px;
}
.cppc_baa1 h4 {
    font-size: 18px;
    }
 .xwyma span h3 {

    font-size: 14px;
}
.xwzxx_b {
    max-width: 90%;
    }
 .xwzxx_a {
    	    padding: 2rem 0 2rem;
    }
    .xwzxx dt h2 {
    font-size: 18px;
font-weight: 700;
}
.neir p {
    width: 90%;
    }
    .ryzsba {
    width: 100%;
    padding: 54px 0;
    margin: auto;
    display: none;

}
.xwzxx_a {
	margin-top: 0;
	padding-top: 0;
}
.neir,.xwzxx{
	margin-top: 0;
}
.cpzxb_a p {
    width: 100%;
}

/**/
.zhon{
	width: 20%;
    position: fixed;
    z-index: 99;
   top: 6%;
    left: -11px;
    display: block;
}
.zhon a{
	width: 86%;
    float: left;
    padding: 5px;
    background-color: #53c4d2;
    text-align: center;
    margin: 10px;
    color: #fff;
    display: block;

}