.indexbing{width: 100%;  overflow: hidden; display: block; position: relative; margin-top: 50px; margin-bottom: 50px;  }
.indexbing ul{zoom: 1;}
.indexbing ul li{width: 18.4%; margin-right: 2%; padding: 30px 0;  float: left;overflow: hidden; display: block; position: relative; text-align: center; margin-bottom:10px ;cursor:pointer}
.indexbing ul li:nth-child(5n){margin-right: 0;}
.indexbing ul li .dong{width: 100px; height: 100px;overflow: hidden; display: block; margin:auto; background: #f9f9f9;   border-radius: 100px; }
.indexbing ul li .dong img{width: 80px; height:80px; margin: 10px; border-radius: 100px;  }
.indexbing ul li:hover{background: #f9f9f9;}
.indexbing ul li .rting{font-size: 18px; color: #333; margin-top: 10px; }
.indexbing ul li:hover .rting{color: #282d8d;}

@media (max-width:980px) {
.indexbing ul li{width: 32%; margin-right: 2%;padding: 10px 0; }
.indexbing ul li:nth-child(5n){margin-right: 2%;}
.indexbing ul li:nth-child(3n){margin-right: 0;}


}

@media (max-width:640px) {
	.indexbing{ margin-top: 30px; margin-bottom: 10px;  }
.indexbing ul li .dong{width: 80px; height: 80px; border-radius: 80px;}
.indexbing ul li .dong img{width: 60px; height:60px; margin: 10px; border-radius: 80px;  }
.indexbing ul li .rting{font-size: 15px; color: #333; margin-top: 10px; }
}


.indextit{width:100%;overflow:hidden;padding:5px 0 35px 0 ;position: relative;z-index: 1; text-align: center; }
.indextit .indexitle{font-size:42px;display: block;line-height: 42px;color: #333; margin-bottom: 2px; font-weight: bold;}
.indextit .indle{font-size: 20px;display: block;color: #666; margin-top: 0px;margin-bottom: 8px;}
.indextit .hr{width: 180px;margin: 10px auto; height: 1px;  background:#dcdcdc ; position: relative;}
.indextit .hr:before{width: 80px;height: 3px;content: '';background:#da251d;left: 50%;top:-1px;position: absolute; margin-left: -40px;}


@media (max-width:780px) {
.indextit{width:100%;overflow:hidden;padding:5px 0 15px 0 ;position: relative;z-index: 1; text-align: center; }
.indextit .indexitle{font-size:22px;display: block;line-height: 36px;color: #333; margin-bottom: 2px; font-weight: bold;}
.indextit .indle{font-size: 16px;display: block;color: #666; margin-top: 0px;margin-bottom: 8px;}
.indextit .hr{width: 180px;margin: 10px auto; height: 1px;  background:#dcdcdc ; position: relative;}
.indextit .hr:before{width: 80px;height: 3px;content: '';background:#F25709;left: 50%;top:-1px;position: absolute; margin-left: -40px;}


}

 
  




.produtid{width: 100%;overflow:hidden;margin:auto;position:relative;  margin-bottom: 40px; display: block;}

.produtid .prleft{margin-bottom: 20px;float:left;position: relative;width: 32%; margin-right: 2%;overflow: hidden;display: block;}
.produtid .przhong{margin-bottom: 20px;float:left;position: relative;width: 32%; margin-right: 2%;overflow: hidden;display: block;}
.produtid .prright{float:left;position: relative;width: 32%;overflow: hidden;display: block; }
.produtid .przhong .dtnt{overflow:hidden;margin:auto;position:relative;}
.produtid .przhong .tdet1{overflow:hidden;margin:auto;position:relative;margin-bottom: 4.2%;}

.produtid .goto .tsimg{width: 100%;overflow:hidden;margin:auto;position:relative; }
.produtid .goto .tsimg img{max-width: 100%;transition: all 1s;}
.produtid .goto .tsimg:hover img{transform:scale(1.1);}
.produtid .goto .textd{  width: 90%; margin: auto;  height: auto; position: absolute; left: 5%; top: 30px;  text-align: left; z-index: 1;}
.produtid .goto .tliet{font-size:36px;overflow:hidden;color:#ffffff; }
.produtid .goto .enet{font-size:18px; color:#ffffff; text-align:center; margin-top:5px}
.produtid .goto .entit{width: 60%;margin: 10px 0; height: 1px;  background:#ffffff ; position: relative;}



@media (max-width:1100px) {
.produtid .goto .tliet{font-size:28px;overflow:hidden;color:#ffffff; }
}



.produtwap{width: 100%;overflow:hidden;margin:auto;position:relative;   display: none;}

.produtwap .prleft{margin-bottom: 13px;position: relative;width: 100%; overflow: hidden;display: block;}
.produtwap .przhong{margin-bottom: 13px;position: relative;width: 100%; overflow: hidden;display: block;}
.produtwap .prright{position: relative;width: 100%;overflow: hidden;display: block;margin-bottom: 13px;}

.produtwap .wapys .tsimg{width: 100%;overflow:hidden;margin:auto;position:relative; }

.produtwap .wapys .tsimg img{max-width: 100%;transition: all 1s;}
.produtwap .wapys .tsimg:hover img{transform:scale(1.1);}

.produtwap .wapys .textd{width: 100%; height:100% ; position: absolute; top: 0; background: rgba(0,0,0,.1); left: 0; right: 0;}
.produtwap .wapys .textd .tliet {font-size:17px;overflow:hidden;color:#ffffff;margin-top:15px; margin-left: 15px ;}
.produtwap .wapys .textd .enet{ font-size: 12px;
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.70);color:#ffffff; margin-left: 15px ; margin-top:-5px;}
.produtwap .wapys .textd .enet1{ font-size:19px; color:#ffffff; margin-left: 15px ; font-weight: bold; margin-top:-5px;}

.produtwap .przhong .dtnt{overflow:hidden;margin:auto;position:relative;margin-right: 4%; width: 48%; float: left;}
.produtwap .przhong .dtnt:nth-child(2n){margin-right: 0;}



.produtwap .tliet {transition: .3s linear all ;}
.produtwap .enet{transition: .3s linear all; font-family: arial;}
.produtwap .tliet:hover { color: #ce975a;  transform: translateX(5px) ;}
.produtwap .enet:hover{ color: #ce975a;  transform: translateX(5px);}

.produtwap img{-webkit-transition: all .9s ease 0s;-moz-transition: all .9s ease 0s;-o-transition: all .9s ease 0s;transition: all .9s ease 0s;}

.produtwap img:hover {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}



@media (max-width:767px) {
.produtwap{ display: block;}
.produtid{display: none;}
.produtwap .wapys .textd .tliet {font-size:14px;}


}








.indexpic { overflow: hidden; display: block; position: relative; width: 100%;margin-bottom: 50px; margin-top: 20px;}
.indexpic ul{zoom: 1;}
.indexpic ul li {float: left; width: 23.5%; margin-right:2%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.indexpic ul li:nth-child(4n){margin-right:0;}
.indexpic ul li .prothumb {overflow: hidden; padding: 10px;position: relative; background: #f0f0f0;  }
.indexpic ul li .prothumb img { max-width: 100%; display: block; margin: 0 auto; }

@media (max-width: 1024px) { 
	.indexpic { margin-bottom: 10px;}
 .indexpic ul li {float: left; width: 48%; margin-right:4%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.indexpic ul li:nth-child(4n){margin-right:4%;} 
.indexpic ul li:nth-child(2n){margin-right:0;}
.zoujin{padding-top: 0;}
  }

@media (max-width: 640px) { 
	.indexpic ul li { margin-bottom: 10px; }
.indexpic ul li .prothumb {padding: 5px;}
  }



.pivnrt{margin: auto; margin-bottom: 50px; margin-top: 50px; width: 100%;overflow: hidden;}
.pivnrt ul{zoom: 1;}
.pivnrt ul li{float: left; width: 18%; margin-right:2.5%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.pivnrt ul li:nth-child(5n){margin-right: 0;}
.pivnrt ul li .img{width: 100%; height: auto; margin: auto;text-align: center; }
.pivnrt ul li .img img{max-width: 100%; max-height: 100%;}
.pivnrt ul li .text{height: 30px; line-height: 30px; font-size: 18px;text-align: center;}
.pivnrt ul li .tcont{height: 30px; line-height: 30px; font-size: 16px;text-align: center;}


@media (max-width: 1024px) { 
 .pivnrt ul li {float: left; width: 48%; margin-right:4%;overflow: hidden; display: block; position: relative; margin-bottom: 30px; }
.pivnrt ul li:nth-child(5n){margin-right:4%;} 
.pivnrt ul li:nth-child(2n){margin-right:0;}
  }

@media (max-width: 640px) { 

.pivnrt ul li .text{height: 30px; line-height: 30px; font-size: 16px;text-align: center;}
.pivnrt ul li .tcont{height: auto; line-height:24px; font-size: 14px;text-align: center;}
  }

.flanout{overflow: hidden; display: block; position: relative;margin-bottom: 50px; margin-top: 50px; width: 100%;height: 320px;}
.flanout img {display: block; position: absolute;left: 50%;height: 320px;margin-left: -960px;width: 1920px; max-width: none;}
.flanout .max1440{ position: relative;}
.flanout .indexgssl{width: 100%;overflow: hidden; display: block; position: absolute; left: 0; right: 0; top: 70px; bottom: 0;height: 200px;}
.indexgssl ul{zoom: 1;}
.indexgssl ul li{width: 180px; margin-right: 25px;float: left;overflow: hidden; display: block; position: relative;}
.indexgssl ul li .top{width: 100%; height: 100px; line-height: 100px; background:#003E79 ; font-size: 36px; text-align: center; color: #fff;}
.indexgssl ul li .product{ height: 68px; padding: 10px ; background:#fff ; text-align: right; }
.indexgssl ul li .product p{line-height: 24px;  font-size: 16px;color: #666;}


@media (max-width: 640px) { 

.flanout{display:none ;}
  }