/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

a:hover{
	text-decoration:none;
	color: #c72b26;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(15%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(15%);
opacity:0;
}
}
@font-face { 
	font-family: gilroy;
  	src: url("../fonts/gilroy/gilroy-regular-3.otf"); } 
@font-face { 
	font-family: gilroy-bold;
  	src: url("../fonts/gilroy/gilroy-bold-4.otf"); } 
@font-face { 
	font-family: sourceHan;
  	src: url("../fonts/source/SourceHanSansCN-Normal.otf"); } 
	  
@font-face { 
	font-family: sourceHan-bold;
	src: url("../fonts/source/SourceHanSansCN-Bold.otf"); } 
.gilroy{
 font-family: gilroy;
}
.sourceHan{
	font-family: sourceHan;
   }
.gilroy-bold{
	font-family: sourceHan;
	
   }
/*container*/
.container{
	width: 92%;
	max-width:1700px;
	margin:0 auto;
	clear:both;
}
.container1{max-width:1400px;margin:auto;padding:0 60px;}

/*header*/
.top{width:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(255,255,255,1);}
.top .top_nav{height:135px;display: flex;align-items: center;align-content: center;justify-content: space-between;}
.top .logo{float:left;font-size:0px;}
.top .logo img{height:61px;}
.top .container{position:relative;}
.top .lan{float:right;line-height:54px;margin-left:40px;}
.top .enlan{margin-left:30px;}
.top .lan a{float:left;font-size:15px;/*color:#fff;*/}
.top .lan a.cn{color:#000;}
.top .lan span{float:left;/*color:#fff;*/margin:0 7px;}
.top .nav{float:right;line-height:54px;}
.top ul{float:left;}
.top .navul li{float:left;height:54px;position:relative;margin-left:32px;z-index:100;}
.top .navul li:first-child{margin-left:0;}
.top .navul li>a{font-size:20px;color:#000;text-transform:uppercase;font-weight: bold}
.top .ennavul li>a{font-size:20px;}
.top .navul li a.cur{color:#999;}
.top .navul li>a:hover{color:#999;}
.top .navul li .nav_son{display: none;position: absolute;left:0;top: 54px;z-index:100;width: 268px;background: #FFF;box-shadow:0 0 2px rgba(225,225,225,0.2);padding:15px 14px;padding-bottom:12px;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.top .navul li .nav_son .detail{float:left;width:105px;padding-top:3px;}
.top .navul li .nav_son .detail a{color:#333;display:block;margin-bottom:10px;line-height:14px;}
.top .navul li .nav_son .detail a:hover{color:#c72b26;}
.top .navul li .nav_son .im{float:left;width:135px;height:68px;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.top .navul li .line{width:0px;height:1px;position:absolute;bottom:0;left:0px;background:#000;}
.top .navul li:hover .line{width:100%;}
.top .navul li:hover .nav_son{display:block;}
.top .enlan a{font-size:14px;}
.top .navul li{margin-left:25px;}
.topauto{height:135px ;}
	


.nytop{width:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(255,255,255,1);height:223px ;}
.nytop .nytop_nav{height:135px;display: flex;align-items: center;align-content: center;justify-content: space-between;}
.nytop .logo{float:left;font-size:0px;}
.nytop .logo img{height:61px;}
.nytop .container{position:relative;}
.nytop .lan{float:right;line-height:54px;margin-left:40px;}
.nytop .enlan{margin-left:30px;}
.nytop .lan a{float:left;font-size:15px;/*color:#fff;*/}
.nytop .lan a.cn{color:#000;}
.nytop .lan span{float:left;/*color:#fff;*/margin:0 7px;}
.nytop.cur{background:#fff;height:74px;box-shadow:0 0px 3px rgba(0,0,0,.3);}
.nytop.cur .logo{margin-top:17px;}
.nytop.cur .logo img{height:40px;}
.nytop.cur .nav{margin-top:10px;}
.nytop.cur .lan{margin-top:30px;}
.nytop.cur .lan a{font-size:14px;color:#000;}
.nytop.cur .lan span{color:#000;}
.nytop .nav{float:right;line-height:54px;}
.nytop ul{float:left;}
.nytop .navul li{float:left;height:54px;position:relative;margin-left:32px;z-index:100;}
.nytop .navul li:first-child{margin-left:0;}
.nytop .navul li>a{font-size:20px;color:#000;text-transform:uppercase;font-weight: bold;}
.nytop .ennavul li>a{font-size:20px;}
.nytop .navul li a.cur{color:#999;}
.nytop .navul li>a:hover{color:#999;}
.nytop .navul li .nav_son{display: none;position: absolute;left:0;top: 54px;z-index:100;width: 268px;background: #FFF;box-shadow:0 0 2px rgba(225,225,225,0.2);padding:15px 14px;padding-bottom:12px;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.nytop .navul li .nav_son .detail{float:left;width:105px;padding-top:3px;}
.nytop .navul li .nav_son .detail a{color:#333;display:block;margin-bottom:10px;line-height:14px;}
.nytop .navul li .nav_son .detail a:hover{color:#c72b26;}
.nytop .navul li .nav_son .im{float:left;width:135px;height:68px;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.nytop .navul li .line{width:0px;height:1px;position:absolute;bottom:0;left:0px;background:#000;}
.nytop .navul li:hover .line{width:100%;}
.nytop .navul li:hover .nav_son{display:block;}
.nytop .enlan a{font-size:14px;}
.nytop .navul li{margin-left:25px;}
.nytop.cur .navul li>a{font-size:14px;}
.nytop.cur .ennavul li>a{font-size:13px;}
.nytop.cur .navul li .line{bottom:5px;}
.nytopauto{height:223px ;}
	
	/*banner*/
#indexbanner{  overflow: hidden; position: relative;}
#indexbanner ul li{background-attachment: fixed;background-position: center 95px;background-repeat: no-repeat;}
#indexbanner .swiper-pagination-bullet-active{background:rgb(229,203,121);}

#contactbanner{  overflow: hidden; position: relative;}
#contactbanner .bx-controls{ position: absolute; left: 0; bottom: 25px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
#contactbanner .bx-controls .bx-pager{ text-align: center;}
#contactbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 4px;}
#contactbanner .bx-controls .bx-pager div a{ display: block; width: 9px; height: 9px;border-radius:50%; overflow: hidden; line-height: 50px; background-color:rgba(0,0,0,0.3);}
#contactbanner .bx-controls .bx-pager div a.active{ background:rgb(229,203,121)}
#contactbanner .bx-controls-direction{display:none;}
#contactbanner img{display:block;width:100%;}





.tit{text-align:center;}
.tit p{font-size:28px;color:#000;margin-bottom:7px;text-transform:uppercase;font-weight: bold;}
.tit .line{width:87px;height:2px;background:#e6e6e6;margin:auto;margin-top:19px;margin-bottom:12px;position:relative;}
.tit .line:before{content:"";width:0;height:2px;background:rgb(229,203,121);position:absolute;top:0;left:0;animation:icon linear 5s infinite;}
.tit span{font-size:16px;color:#999;text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;}
@keyframes icon{
	0%{width:0;}
	50%{width:100%;}
	100%{width:0;}	
}





.product{margin:auto;margin-top:95px;max-width:1400px;padding:0 60px;}
.product .con{margin-top:53px;}
.product .con .detail{width:42.857%;height:100%;float:left;position:relative;overflow:hidden;}
.product .con img{width:100%;transition:ease 1s;display:block;}
.product .con .detail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.5);opacity:0;transition:ease-in-out 1s;}
.product .con .detail .bac{width:100%;padding:0 70px;position:absolute;left:0;bottom:94px;z-index:50;}
.product .con .detail .mt{position:relative;}
.product .con .detail .tt{color:#fff;font-size:24px;transition:ease 1s;}
.product .con .detail .des{color:#fff;font-size:22px;color:#fff;line-height:26px;overflow:hidden;margin-top:16px;transition:ease 1s;}
.product .con .detail .more{margin-top:10px;color:#fff;background:url(../images/more1.png) no-repeat right center;padding-right:14px;display:inline-block;}
.product .con .detail .mt:before{content:"";position:absolute;left:0;bottom:-20px;width:0;border-top:1px solid #fff;margin-top:10px;margin-bottom:10px;transition:ease 1s;}
.product .con .detail:hover:before{opacity:1;}
.product .con .detail:hover img{transform:scale(1.1);}
.product .con .detail:hover .mt:before{width:100%;}
.product .con .detail:hover .tt{transform:translateY(-10px);}
.product .con .detail:hover .des{transform:translateY(8px);}
.product .con .detail1{float:left;width:28.572%;height:100%;overflow:hidden;}
.product .con .detail1 .im{width:100%;height:50%;overflow:hidden;}
.product .con .detail1 img{width:100%;transition:ease 1s;display:block;}
.product .con .detail1 .bac{height:50%;padding:0 40px;overflow:hidden;}
.product .con .detail1 .bac .btox{position:relative;width:100%;top:50%;transform:translateY(-50%);}
.product .con .detail1 .bac .mt{position:relative;}
.product .con .detail1 .bac .mt:before{content:"";position:absolute;left:0;bottom:-20px;width:0;border-top:1px solid #999;margin-top:10px;margin-bottom:10px;transition:ease 1s;}
.product .con .detail1 .bac .tt{color:#000000;font-size:24px;transition:ease 1s;font-weight: bold;}
.product .con .detail1 .bac .des{color:#333;font-size:20px;line-height:33px;overflow:hidden;margin-top:16px;transition:ease 1s;letter-spacing: 1px;}
.product .con .detail1 .bac .des p{color:#333;}
.product .con .detail1 .bac .more{margin-top:30px;color:#666;font-size: 16px;font-family: Arial, Helvetica, sans-serif;background:url(../images/more2.png) no-repeat right center;padding-right:14px;display:inline-block;}
.product .con .detail1:hover img{transform:scale(1.1);}
.product .con .detail1:hover .mt:before{width:100%;}
.product .con .detail1:hover .tt{transform:translateY(-10px);color:#999}
.product .con .detail1:hover .des{transform:translateY(8px);}
.product .con .detail2 .bac{background:#f8f8f8;}






.about{overflow:hidden;margin-top:95px;background:#f5f5f5;padding-top:58px;padding-bottom:75px;}
.about .con{margin-top:50px;position:relative;}
.about .con .im{width:47.5%;position:relative;float:left;}
.about .con .detail{width:42%;float:right;margin-top:30px;} 
.about .con .detail .tt{font-weight:bold;color:#000000;font-size:24px;margin-top:12px;text-transform:uppercase;}
.about .con .detail .des{line-height:36px;font-size:20px;margin-top:25px;color:#333;letter-spacing: 1px;}
.about .con .detail .more{color:#666;font-size: 16px;font-family: Arial, Helvetica, sans-serif; background:url(../images/more2.png) no-repeat right center;padding-right:14px;display:inline-block;margin-top:35px;}
.enabout .con .detail .des{line-height:40px;}








.quality{margin-top:57px;}
.quality .con{margin-top:36px;}
.quality .con .des{float:left;width:40%;font-size:20px;color:#333;line-height:36px;margin-top:53px;margin-left:80px;letter-spacing: 1px;}
.quality .con .im{float:right;width:47.5%;}
.enquality .con .des{line-height:40px;}





.service{margin-top:95px;background:#f5f5f5;padding-top:65px;padding-bottom:95px;margin-bottom:65px;}
.service .con{max-width:1400px;margin:auto;margin-top:52px;padding:0 60px;}
.service .con .detail{float:left;width:33%;margin-right:0.5%;position:relative;}
.service .con .detail:last-child{margin-right:0;}
.service .con .detail img{width:100%;}
.service .con .detail .tt{position:absolute;left:0;top:46%;z-index:1;text-align:center;width:100%;font-size:35px;color:#fff;transform:scale(1,1);}
.service .con .detail .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);opacity:0;}
.service .con .detail:hover .tt{transform:scale(1.2,1.2);}
.service .con .detail:hover .bg{opacity:1;}













.inset .tit{margin-top:52px;}
.col{width:100%;min-height:450px;line-height:220%;margin-top:50px;margin-bottom:50px;overflow: hidden;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.contact{min-height:450px;margin-top:60px;margin-bottom:80px;}
.contact .des{background:#f5f5f5;padding:40px 0;padding-left:290px;padding-right:170px;line-height:36px;color:#333;}
/* .contact .des div{float:left;width:370px;line-height:36px;} */
.contact .des div{float:left;width:calc(50% - 30px);line-height:36px;margin-right: 40px;font-size: 20px;letter-spacing: 1px;color:#333;}
.contact .des div:nth-child(2n){margin-right: 0;}


.cpzs{min-height:450px;margin-top:69px;}
.cpzs ul li{margin-bottom:94px;}
.cpzs ul li .im{float:right;width:45.75%;position:relative;}
.cpzs ul li .im .swiper-pagination-bullet-active{background:rgb(229,203,121);}
.cpzs ul li .con{float:left;width:45%;padding-left:120px;margin-top:110px;}
.cpzs ul li .con .tt{font-size:24px;font-weight:bold;line-height:40px;color:#000000;position:relative;}
/* .cpzs ul li .con .tt:before{content:"";position:absolute;width:132px;border-top:1px solid #c9c9c9;left:-157px;top:19px;} */
.cpzs ul li .con .des{font-size:20px;color:#333333;margin-top:25px;line-height:34px;color:#333;letter-spacing: 1px;}
.cpzs ul li.tb .im{float:left;}
.cpzs ul li.tb .con{float:right;width:45.75%;padding-left:0;}
.cpzs ul li.tb .con .title{position:relative;}
.cpzs ul li.tb .con .title p{font-size:24px;font-weight:bold;line-height:40px;color:#000000;display:inline-block;padding-right:35px;position:relative;z-index:10;background:#fff;}
/* .cpzs ul li.tb .con .title span{position:absolute;width:100%;border-top:1px solid #c9c9c9;left:0;top:21px;} */
.cpzs ul li .im:before{content:"";width:100%;height:100%;position:absolute;z-index:1;}
.cpzs ul li .im:hover:before{
	animation: gradient-tangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}
.encpzs ul li:nth-child(4) .con{margin-top:10px;}
.encpzs ul li:nth-child(4) .con .title p{width:70%;}
/* .cpzs ul li:nth-child(1) .con{margin-top:10px;} */



.qualist_list{min-height:450px;margin-top:69px;margin-bottom:80px;}
.qualist_list ul li{margin-bottom:62px;}
.qualist_list ul li .im{float:right;width:43.92%;position:relative;}
.qualist_list ul li .im .swiper-pagination-bullet-active{background:rgb(229,203,121);}
.qualist_list ul li .con{float:left;width:43.92%;padding-left:83px;margin-top:110px;}
.qualist_list ul li .con .tt{font-size:24px;font-weight:bold;color:#000000;position:relative;line-height: 40px;}
/* .qualist_list ul li .con .tt:before{content:"";position:absolute;width:125px;border-top:1px solid #7b7b7b;left:0;top:70px;} */
.qualist_list ul li .con .des{font-size:20px;color:#333;margin-top:25px;line-height:36px;letter-spacing: 1px;}
.qualist_list ul li.tb .im{float:left;}
.qualist_list ul li.tb .con{float:right;width:43.92%;padding-left:0;}
.qualist_class .im{float:left;width:43.92%;position:relative;}
.qualist_class .im .iBanner{display:none;}
.qualist_class .im .iBanner:first-child{display:block;}
.qualist_class .im img{max-height: 478px;}
.flexslider{margin-bottom:0!important;border:none!important;}
.flex-control-nav{bottom:10px!important;z-index:10;}
.flex-control-paging li a{background:#ccc!important;}
.flex-control-paging li a.flex-active{background:rgb(229,203,121)!important;}
.qualist_class .detail{float:right;width:43.92%;padding-top:110px;padding-left:83px;}
.qualist_class .detail .tab{height:50px;line-height:50px;}
.qualist_class .detail .tab p{display:inline-block;margin-right:36px;font-size:24px;color:#000;cursor:pointer;position:relative;font-weight: bold;}
/* .qualist_class .detail .tab p.cur:before{content:"";position:absolute;left:50%;bottom:0;width:80%;transform:translateX(-50%);border-bottom:1px solid #7b7b7b;} */
.qualist_class .detail .con{}
.qualist_class .detail .con .tbox{display:none;}
.qualist_class .detail .con .tbox:first-child{display:block;}
.qualist_class .detail .con .tbox .tt{font-size:24px;font-weight:bold;color:#2d2d2d;}
.qualist_class .detail .con .tbox .des{font-size:20px;color:#333;margin-top:25px;line-height:36px;}
.enqualist_class .detail .con{margin-top:50px;}


/* #crumb{color:#a9a9a9;font-size: 16px;}
#crumb *{color:#a9a9a9;font-size: 16px;} */
/* .cateselect{width: 100%;} */

.crumb{width:100%;overflow: hidden;}
.crumb .left{color:#a9a9a9;font-size: 16px;float: left;line-height: 56px;}
.crumb .left *{color:#a9a9a9;font-size: 16px;}
.crumb .formsearch{float: right;width:calc(17% - 40px); padding:0px 20px; border:1px solid #c8c8c8 ;border-radius: 28px; position: relative;}
.crumb .formsearch input{ position: relative;border:none;outline: none; width: 100%;height: 56px;line-height: 56px;border-radius: 5px;font-size: 18px;color: #000000;cursor: pointer;user-select:none;}
.crumb .formsearch .searchsubmit{position: absolute;right:20px;top:0px;height: 56px;font-size: 0;line-height: 0;display: flex;align-items: center;}


.select_Clenille{width: 100%;margin-top: 40px;margin-bottom: 40px; overflow: hidden;display: flex;align-items: flex-end;justify-content: space-between;}
.select_Clenille .leftpic{width: 60%;float: left;}
.select_Clenille .leftpic ul li{float: left;width: 48%;margin-right: 2%;}
.select_Clenille .leftpic ul li .pic{font-size: 0;line-height: 0;overflow: hidden;}
.select_Clenille .leftpic ul li .pic img{max-width: 100%;transition:0.3s ;}
.select_Clenille .leftpic ul li .pic img:hover{transform:scale(1.1,1.1) ;}
.select_Clenille .rightlink{float: right;width: 38%;}
.select_Clenille .rightlink .tt{color: #000000; font-size: 28px;text-transform: uppercase;line-height: 70px;margin-bottom: 30px;font-weight: bold;}
.select_Clenille .rightlink .link a{width: calc(100% - 2px);border:1px solid #000000; cursor: pointer;background:#000000 ;height: 58px;line-height:58px;display: block; text-align: center;color: #ffffff; font-size: 24px;text-transform: uppercase;font-weight: bold;}
.select_Clenille .rightlink .link a:hover{background: #ffffff;color:#000}

.select_recommend{width: 100%;overflow: hidden;}
.select_recommend .navfatt{font-size: 22px;margin-top: 25px;color:#000000;}
.select_recommend ul{padding-top: 37px;}
.select_recommend ul li{width: calc(20% - 30px);margin-right: 37.5px;cursor: pointer;}
.select_recommend ul li .picta{position:relative;}
.select_recommend ul li .pic{font-size: 0;line-height: 0;}
.select_recommend ul li .pic img{width: 100%;}
.select_recommend ul li .ta{position: absolute;top: 0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);font-size: 38px;color:#ffffff; opacity: 0;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.select_recommend ul li .picta:hover .ta{opacity: 1;}
.select_recommend ul li .tt{font-size: 20px;margin-top: 25px;color:#000000;}
.select_recommend *{outline: none;}
.select_recommend  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {	opacity: 0;}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{font-size: 0;line-height: 0;}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{font-size: 0;line-height: 0;}
.cateselect .catenname{color: #000000;font-size: 28px;line-height: 1;margin-bottom: 50px;margin-top: 50px;font-weight: bold;}
.cateselect .select{width: 100%;min-height: 50px;}
.cateselect .select .select_check{float: left;width:calc(17% - 60px);margin-right: 18px; padding:0px 30px; border:1px solid #616161 ;border-radius: 20px; position: relative;}
.cateselect .select .select_check .navfa{ position: relative; width: 100%;height: 40px;line-height: 40px;font-size: 18px;color: #000000;cursor: pointer;user-select:none;}
.cateselect .select .select_check .navfa::after{position: absolute;content: url(../images/jiantou.png);right:0;top:0px;}

.cateselect .select .select_check .navson{display: none; position: absolute;left: -1px;top:60px;width:100%; background: #ffffff;height:300px;overflow-y: scroll; z-index: 20;box-shadow: 0 0 2rem .3rem rgba(0,0,0,.12);}
.cateselect .select .select_check1 .navson ul li{width:100%;border-bottom: 1px solid #f6f6f7;position: relative;}
.cateselect .select .select_check1 .navson ul li a{font-size: 1rem;display: block;width:calc(100% - 120px);cursor: pointer;user-select:none;padding:10px 60px; margin:auto;color: #000000;line-height: 30px;}
.cateselect .select .select_check1 .navson ul li a.hasnavchild{width:calc(100% - 40px);padding:10px 20px;}

.cateselect .select .select_check1 .navson ul li a i{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:18px;
	width: 24px;
	height: 24px;
	background: #f6f6f6;
	border-radius: .3rem;
	-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.18);
	box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.18);
	-webkit-transition: color .2s ease-in,background .2s ease-in;
	transition: color .2s ease-in,background .2s ease-in;
}
.cateselect .select .select_check1 .navson ul li a i.checkbox::after{
	content: url(../images/check.png); position: absolute;top:0px;background: #000; left:0 ;width: 24px;height: 24px;border-radius: .3rem;
}
.cateselect .select .select_check1 .navson ul li a span{
	font-size: 1rem;
	color: #bbb;
	width: 50px;
	text-align: left;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;

}
.cateselect .select .select_check1 .navson ul li a .faspan{
	font-size: 1rem;
	color: #bbb;
	width: 50px;
	text-align: left;
	position: absolute;
	top: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;

}
.cateselect .select .select_check1 .navson ul li .navchild{
	/* position: absolute;
	left: 103%;top: 0; */
	 width: 100%;
	 background:#ffffff ;
	 display: none;
}
.cateselect .select .select_check1 .navson ul li a:hover{color:#939598;}

.cateselect .select .select_check3 .navson ul{width: calc(100% - 20px);padding:0px 10px;}
.cateselect .select .select_check3 ul li{float: left;position: relative;width:33%;text-align: center; margin: auto; margin-top:20px;}
.cateselect .select .select_check3 ul li a i{position: absolute;top:0; width: 30px;height: 30px;}
.cateselect .select .select_check3 ul li a i.checkbox::after{
	content: ""; position: absolute; left:-15px ;
	width: 30px;height: 30px;
	z-index:1;
	-webkit-box-shadow: inset 0 0 0 3px #7fe1ab;
	box-shadow: inset 0 0 0 3px #7fe1ab;
}
.cateselect .select .select_check3 ul li .color_clock{width:30px;height: 30px;margin: auto;}
.cateselect .select .select_check3 ul li span{text-align: center;	font-size: 14px;line-height:2 ; 	color: #bbb;}




.cateselect .select .countnum{float: right;text-align: right;line-height: 40px;font-size: 18px;}
.cateselect .select_screen{width: 100%;overflow: hidden;margin-top: 15px;}
.cateselect .select_screen ul li{float: left;cursor: pointer;user-select:none;background: #000000;height:30px; padding: 0px 15px;border-radius: 15px;margin-right: 10px;overflow:none;display: flex;align-items: center;align-content: center;}
.cateselect .select_screen ul li span{float: left; color:#ffffff;display: block; line-height: 30px;min-width: 10px;min-height: 10px;border-radius: 5px;}
.cateselect .select_screen ul li a{margin-left: 10px;color:#ffffff;}
.cateselect .select_screen ul li input{float: left; width: 0px;height: 0px;overflow: hidden;opacity: 0;}
.cateselect .select_screen .Resetfilters{line-height: 30px;font-size: 16px;color:#000000;cursor: pointer;user-select:none;}
.catepxxm{width: 100%; min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;}
/* .catepxxm ul{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} */
.catepxxm ul{overflow: hidden;}
.catepxxm ul li{float: left;width: 18%;position: relative;margin:0 1%; margin-bottom: 30px;}

/* .catepxxm ul li:nth-child(5n){margin-right: 0;} */
.catepxxm ul li .pic{overflow: hidden;position: relative;}
.catepxxm ul li .pic img{width: 100%;transition: 0.3s;}
.catepxxm ul li .renewable{position: absolute;right:10%;bottom: 7%;width: 20%;}
.catepxxm ul li .renewable img{max-width: 100%;}
.catepxxm ul li .content{margin: 30px auto;}
.catepxxm ul li .content .tt{font-size: 26px;line-height: 30px;color:#000;margin-bottom: 10px;}
.catepxxm ul li .content .tt span{color: #999;font-size: 17px;}
.catepxxm ul li .content .ote{font-size: 18px; color: #999999;}
.catepxxm ul li .pic img:hover{transform: scale(1.1,1.1);}
.catepxxm ul li .renewable img:hover{transform: scale(1,1);/*text-align: justify;*/}
.catepxxm .advert{width:38%;margin:0 1%; margin-bottom: 30px;position: relative;}
.catepxxm .advert a:hover{cursor: pointer;}
.catepxxm .advert .tt{position:absolute;left:10%;top:15%;white-space: nowrap; 
		/*transform:translate(-50%,-50%);text-transform: uppercase;background:rgba(0,0,0,0.5);color:#ffffff;*/font-size: 48px;color:#000000;font-weight: bold;}
.catepxxm .advert .pic{overflow: hidden;position: relative;}
.catepxxm .advert .pic img{width: 100%;transition: 0.3s;}
.catepxxm .advert .pic img:hover{transform: scale(1.1,1.1);}



/* @media (max-width: 1400px) { 
	.catepxxm ul li{float: left;width: 23%;margin-right: calc(8% / 3);}
	.catepxxm ul li:nth-child(5n){margin-right: calc(8% / 3);}
	.catepxxm ul li:nth-child(4n){margin-right: 0;}	
}
@media (max-width: 992px) { 
	.catepxxm ul li{float: left;width: 31%;margin-right: calc(7% / 2);}
	.catepxxm ul li:nth-child(5n){margin-right: calc(7% / 2)}
	.catepxxm ul li:nth-child(4n){margin-right: calc(7% / 2)}	
	.catepxxm ul li:nth-child(3n){margin-right: 0;}	
}
@media (max-width: 768px) { 
	.catepxxm ul li{float: left;width: 48%;margin-right: 4%;}
	.catepxxm ul li:nth-child(5n){margin-right: 4%;}
	.catepxxm ul li:nth-child(4n){margin-right: 4%;}	
	.catepxxm ul li:nth-child(3n){margin-right: 4%;}	
	.catepxxm ul li:nth-child(2n){margin-right: 0;}	
 } */
@media (min-width: 576px) { 
	
 }
 .productsAjax{width: 100%;overflow: hidden;margin: 20px auto;font-size: 26px;height:60px;line-height: 30px; color: #000000;text-align: center;}
 .productsAjax img{animation: scale 2s infinite;}
 @keyframes scale{0%{ padding-top:0;opacity: 1; }50%{padding-top:10px;opacity: 1;}100%{ padding-top:0;opacity: 1;}}
 .procol_left{width: 45.1%;float: left;}
 .procol_left .swiper{padding-bottom: 40px;}
 .procol_left .swiper-slide{font-size: 0;line-height: 0;}
 .procol_left .swiper-slide img{width: 100%;}
 .procol_left .swiper-pagination-bullet{width: 14px;height: 14px;border-radius: 7px;background: rgba(0,0,0,1);}
 /*放大镜*/
 .imgdet{position: relative;}
 /* .imgdet .imglist{position: relative;display: inline-block;*display: inline;*zoom: 1;width: 84px;height: 100%;overflow: hidden;}
 .imgdet .imglist ul{ position: absolute; top: 0; left: 0; width: 100%; font-size: 0;}
 .imgdet .imglist ul li{ display: inline-block; *display: inline; *zoom: 1; width: 80px; height: 80px; border: 2px solid #fff; margin-bottom: 10px;}
 .imgdet .imglist ul li:last-of-type{ margin-bottom: 0;}
 .imgdet .imglist ul .active{ border: 2px solid #f00;}
 .imgdet .imglist ul li img{ width: 100%; height: 100%;} */
 .imgdet .imgpart{ vertical-align: top; position: relative; display: inline-block; *display: inline; *zoom: 1;}
 .imgdet .imgpart .pic{ position: relative; width: 100%; height: 100%;}
 .imgdet .imgpart .pic .magnify{ display: none; position: absolute; top: 0; left: 0; width: 200px; height: 200px; cursor: move; background-color: #fff; opacity: .3; filter:alpha(opacity=30);}
 .imgdet .imgpart .pic img{   width: 100%;   height: 100%;}
/* .imgdet .imgpart:hover .bigpic{
    display: block;
}
.imgdet .imgpart:hover .magnify{
    display: block;
} */
.imgdet .imgpart .bigpic{ display: none; position: absolute; top: 0; 
	left: calc(100% + 10px);
	width: 100%;
	height: 100%; z-index: 333; border: 1px solid #fff; overflow: hidden;}
.imgdet .imgpart .bigpic>img{position: absolute;top: 0;left: 0;width: 200%;height: 200%;}



 .procol_left .changeimg{width: 100%;overflow: hidden;margin-bottom: 20px;cursor: pointer;user-select:none;}
 .procol_left .changeimg ul li{float:left;display: flex;justify-content: space-between;margin-right: 20px;align-items: center;align-content: center;}
 .procol_left .changeimg ul li .icon{margin-right: 8px;}
 .procol_left .allimage{width: 100%;overflow: hidden;font-size: 0;line-height: 0;cursor: pointer;user-select:none;}
 .procol_left .allimage a{width:calc((100% - 70px) / 6);margin-right: 14px;margin-bottom: 14px;display: block;float: left;position: relative;overflow: hidden; }
 .procol_left .allimage a:nth-child(6n){margin-right: 0;}
 .procol_left .allimage a img{width:100%;transition: 0.3s;}
 .procol_left .allimage .active::after{content: ""; position: absolute;left: 0;top:0;width: calc(100% - 16px);height: calc(100% - 16px);border:8px solid #e7e7e7;}
 .procol_left .allimage a img:hover{transform: scale(1.1,1.1);}

 .procol_r{width: 51%;float: right;}
 .procol_r .pro_title{font-size: 50px;color: #000000;line-height: 1;}
 .procol_r .pro_title span{font-size: 18px;color: #000000;}
 .procol_r .pro_title span:last-child{display: none;}
 .procol_r .pro_etitle{font-size: 50px;color: #000000;line-height: 1;}
 .procol_r .pro_etitle span{font-size: 18px;color: #000000;}
 .procol_r .pro_etitle span:last-child{display: none;}
 .procol_r .pro_color{font-size: 26px;color: #000000;line-height: 1;padding: 20px 0px;border-bottom: 1px solid #000000;}
 .procol_r .pro_description{font-size: 18px;height:72px; color: #666666;padding: 15px 0px;line-height: 2;}
 .procol_r .pro_tt{color:#000000;font-size: 26px;margin-bottom: 20px;position: relative;}
 .procol_r .infomation{width: 100%;overflow: hidden;margin-top: 40px;margin-bottom: 30px;}
 .procol_r .infomation ul li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;}
 .procol_r .infomation ul li p.tt{float: left;font-size: 16px;color: #000000;line-height: 36px;font-weight: bold;}
 .procol_r .infomation ul li p.val{width: 350px;float:right;font-size: 16px;color:#1f1f1f;line-height: 36px;}
 .procol_r .warning{width: 100%;overflow: hidden;}
 .procol_r .warning ul li{float: left;height: 80px;margin-bottom: 7px;overflow: hidden; background: #ededed;display: flex;align-items: center;align-content: center;}
 .procol_r .warning ul li .icon{width: 80px;display: flex;justify-content: center;}
 .procol_r .warning ul li .icon img{transition: 0.3s;}
 .procol_r .warning ul li p{font-size: 16px;color: #000000;}
 .procol_r .warning ul li:nth-child(5n+1){width:45%;float: left;}
 .procol_r .warning ul li:nth-child(5n+2){margin-left: 7px;margin-right: 7px;width: calc((55% - 14px) / 2);}
 .procol_r .warning ul li:nth-child(5n+3){width: calc((55% - 14px) / 2);}
 .procol_r .warning ul li:nth-child(5n+4){width:45%;margin-right: 7px;}
 .procol_r .warning ul li:nth-child(5n+5){width: calc(55% - 7px);}
 .procol_r .warning ul li:hover .icon img{transform: rotate(360deg);}
 .procol_r .download{width: 100%;overflow: hidden;margin-top: 20px;}
 .procol_r .download .pro_tt{border-bottom: 1px solid #000000;display: inline-block;padding-bottom: 10px;}
 .procol_r .download ul{width: 100%;/*display: flex;justify-content: space-between;flex-wrap: wrap;*/}
 .procol_r .download ul li{float: left;margin-right: 40px;white-space: nowrap;}
 .procol_r .download ul li a{display: flex;justify-content: center;}
 /* .procol_r .download ul li:nth-child(3n+2) a{display: flex;justify-content: center;}
 .procol_r .download ul li:nth-child(3n+3) a{display: flex;justify-content: flex-end;} */
 .procol_r .download ul li .pic{height: 30px;margin-right:13px;  float: left; display: flex;align-items: center;align-content: center;}
 .procol_r .download ul li .pic img{transition: 0.6s;}
 .procol_r .download ul li p{color:#1f1f1f;font-size: 16px;float: left;}
 .procol_r .download ul li:hover .pic img{transform: rotate(360deg);}
 .procol_r .characteristics{width: 100%;overflow: hidden;margin-top: 30px;}
 .procol_r .characteristics .pro_tt{border-bottom: 1px solid #000000;display: inline-block;margin-bottom: 30px;padding-bottom: 10px}
 .procol_r .characteristics .type{width: 45%;float: left;}
 .procol_r .characteristics .charact{width: 45%;float: right;}
 .procol_r .characteristics ul{width: 100%;overflow: hidden;}
 .procol_r .characteristics ul li{font-size: 0;line-height: 0;width: 29%;float: left;margin-right: 6.5%;}
 .procol_r .characteristics ul li:nth-child(3n){margin-right: 0;}
 .procol_r .characteristics ul li img{max-width: 100%;}
 .procol_r .accreditation{width: 100%;overflow: hidden;margin-top:45px;}
 .procol_r .accreditation .pro_tt{border-bottom: 1px solid #000000;display: inline-block;margin-bottom: 30px;padding-bottom: 10px}
 .procol_r .accreditation ul{}
 .procol_r .accreditation ul li{width: 95%;font-size: 0;line-height: 0;}
 .procol_r .accreditation ul li img{max-width: 100%;}
 .procol_r .origin{padding: 35px 0px;border-top:1px solid #dcdcdc;margin-top: 60px;}
 .procol_r .origin-a{display: flex;align-items: center;justify-content: center;align-content: center;}
 .procol_r .origin-a .pic{font-size: 0;line-height: 0;}
 .procol_r .origin-a p{color:#1f1f1f;font-size: 20px;padding-left: 18px;}


 .pro_col_warning{text-align: center;margin-bottom: 50px;}
 .pro_col_warning .tt{text-align: center;font-size: 20px;color: #666666;line-height: 35px;} 


 .kzsxl{background: #f9f9f9;overflow: hidden;}
 .kzsxl .container{max-width: 1540px;}
 .kzsxl .banner{position: relative;background: #000;font-size: 0;line-height: 0;}
 .kzsxl .banner img{transition: 0.6;max-width: 100%;opacity: 1;}
 .kzsxl .banner .tt{position: absolute;z-index: 10;left: 0%;width:100%; text-align: center;line-height: 1.3; top:38%;
	  font-size: 60px;color:#ffffff;transform: scale(1,1);}
 .kzsxl .banner:hover .tt{transform: scale(1.1,1.1);}
 .kzsxl .banner:hover img{opacity: 0.7;}
 
 .kzsxl .banner1{position: relative;background: #000;font-size: 0;line-height: 0;}
 .kzsxl .banner1 img{transition: 0.6;max-width: 100%;opacity: 1;}
 .kzsxl .banner1 .tt{position: absolute;z-index: 10; top:32%;  left: 0%;width:100%; text-align: center;line-height: 1.6;
	  font-size: 32px;color:#ffffff;}
 .kzsxl .banner1:hover .tt{transform: scale(1.1,1.1);}
 .kzsxl .banner1:hover img{opacity: 0.7;}
 

 .kzsxl .kzsxlc{width: 100%;overflow: hidden;margin-top: 90px;}
 .kzsxl .tt{font-size: 24px;line-height: 40px;font-weight: bold;color: #2d2d2d;position: relative;}
 .kzsxl .des{font-size: 20px;color: #333;margin-top: 40px;line-height: 50px;}
 .kzsxl .pic{font-size: 0;line-height: 0;}
 .kzsxl .pic img{max-width: 100%;}
 .kzsxl .ud .pic{width: 100%;display: flex;justify-content: center;margin-top: 100px;}
 .kzsxl .kzsxl_2{text-align: center;}
 .kzsxl .kzsxl_5{margin-bottom: 120px;}
 .kzsxl .lpr{display: flex;justify-content: space-between;align-items: center;}
 .kzsxl .lpr .pic{float: left;width: 42%;}
 .kzsxl .lpr .con{width: 55.4%;float: right;}
 .kzsxl .lcr{display: flex;justify-content: space-between;align-items: center;}
 .kzsxl .lcr .pic{float: right;width: 42%;}
 .kzsxl .lcr .pic img{float: right;}
 .kzsxl .lcr .con{width: 66%;float: left;}
 

.pxxm{min-height:450px;margin-bottom:50px;margin-top:60px;overflow:hidden;}
.pxxm ul li{margin-bottom:32px;position:relative;}
.pxxm ul li img{width:100%;display:block;}
.pxxm ul li .title{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;width:100%;text-align:center;opacity:1;}
.pxxm ul li .con{position:absolute;right:0;top:0;width:394px;height:100%;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.8));padding:0 60px;overflow:hidden;}
.pxxm ul li .con1{position:absolute;left:0;top:0;width:394px;height:100%;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.8));padding:0 60px;overflow:hidden;}
.pxxm ul li .content{position:absolute;width:calc(100% - 120px);left:62px;top:50%;transform:translateY(-50%);}
.pxxm ul li .content .tt{color:#fff;font-size:40px;text-align:center;opacity:0;}
.pxxm ul li .content .line{width:160px;border-top:1px solid #fff;margin:auto;margin-top:30px;opacity:0;}
.pxxm ul li .content .des{color:#fff;line-height:30px;margin-top:18px;opacity:0;}
.pxxm ul li:hover .content .tt,.pxxm ul li:hover .content .line,.pxxm ul li:hover .content .des{opacity:1;}
.pxxm ul li:hover .title{opacity:0;}









.xwzx{max-width:1000px;margin:auto;min-height:450px;margin-bottom:50px;margin-top:60px;position:relative;}
.xwzx ul li{width:48%;float:left;position:relative;}
.xwzx ul li:nth-child(2n){float:right;}
.xwzx ul li .pic{width:100%;position:relative;}
.xwzx ul li .pic img{width:100%;display:block;}
.xwzx ul li .tt{width:100%;height:96px;line-height:96px;font-size:18px;color:#333;}
.xwzx ul li:hover .tt{color:#999;transform:translateY(-10px);}









.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}








/*footer*/
.footer{background:#898989;height:86px;padding-top:30px;}
.footer .logo{float:left;}
.footer .detail{float:right;}
.footer_nav ul li{float:left;margin-right:59px;}
.footer_nav ul li:last-child{margin-right:0;}
.footer_nav ul li a{color:#fff;text-transform:uppercase;position:relative;}
.enfooter .footer_nav ul li{margin-right:30px;}
.enfooter .footer_nav ul li a{font-size:12px;}
.footer_nav ul li a:hover{color:#fff}
.footer .line{width:80px;border-top:1px solid #fff;margin:auto;margin-top:30px;margin-bottom:22px;}
.footer .ban{margin-top:30px;font-size:12px;color:#fff;}
.footer .ban *{color:#fff;}

.nyfooter{background: #f4f4f4;}
.nyfooter .details{padding: 55px 0px 65px;width: 100%;overflow: hidden;display: flex;justify-content: space-between;}
.nyfooter .details .footer-tit{font-size: 24px;color: #000000;margin-bottom: 20px;}
.nyfooter .details .con{font-size: 17px;color: #4f4f4f;line-height: 2;}
.nyfooter .details .con p{font-size: 17px;color: #000000;line-height: 2;}
.nyfooter .details .con a{color:#000;}
.nyfooter .ban{line-height: 106px;border-top: 1px solid #ababab;font-size: 16px; color:#000;}


.mypage{
    text-align: center;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #000000;
	border: 1px solid #000000;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #000000;
	color: #fff;
}

.loginpage{width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;background: #f2f2f2;position: relative;}
.loginpage .loginfo{text-align: center;}
.loginpage .loginfo .enter{font-size:52px;color: #000000;margin-top: 60px;margin-bottom: 52px;}
.loginpage .loginfo input{width: 385px;height: 80px;outline: none;background: #ffffff;border-radius: 40px;border:none;text-align: center;margin-bottom: 66px;text-transform: uppercase;font-size: 17px;color:#000000;}
.loginpage .loginfo .loginbutton{width: 100%;display: flex; justify-content: center;align-items: center;}
.loginpage .loginfo .loginsubmit{width: 176px;height: 68px;transition: 0.3s; display: flex;align-items: center;justify-content: center;background: #080404;border-radius: 34px;}
.loginpage .loginfo .loginback{width: 176px;height: 68px;transition: 0.3s;line-height: 68px;text-align: center;background: #080404;border-radius: 34px;overflow: hidden;margin-left: 40px;}
.loginpage .loginfo .loginback a{color: #ffffff;font-size: 18px;text-align: center;text-decoration: none;}
.loginpage .loginfo .loginsubmit:hover{width: 220px;}
.loginpage .loginfo .loginback:hover{width: 220px;}

@media only screen and (max-width: 3000px) and (min-width:2000px){
	
}