*{box-sizing: border-box;}
.cur a{color:#ff7f01 }
.cur a::before{max-width: 100%}
.banner{min-width: 1200px;position: relative;}
.flexslider{position: absolute;left: 0;top: 0}
.container{
	padding-top:16%;
				transition: all ease .3s;
	-moz-transition: all ease .3s; /* Firefox 4 */
	-webkit-transition: all ease .3s; /* Safari 和 Chrome */
	-o-transition: all ease .3s; /* Opera */
}
.hide{position: relative;z-index: -1;}
.product{width: 100%;min-width: 1200px;    overflow: hidden;}
.product-item{width: 100%;position:relative;}
.product-item li{
	float: left;width: 25%;border-right:1px solid #d7d7d7;
	transition: all linear .3s;
	cursor: pointer;
	-moz-transition: all linear .3s; /* Firefox 4 */
	-webkit-transition: all linear .3s; /* Safari 和 Chrome */
	-o-transition: all linear .3s; /* Opera */
}
.it-box{padding:7.5% 0;position: relative;text-align: center;}
.it-box i{
	display: inline-block;
	margin-right: 15px;
	width: 52px;
	transition: all ease .3s;
	-moz-transition: all ease .3s; /* Firefox 4 */
	-webkit-transition: all ease .3s; /* Safari 和 Chrome */
	-o-transition: all ease .3s; /* Opera */
	height: 55px;
}

.it-box .it-logo{background: url('../images/prodect1-1.png') no-repeat center 0px;background-size: 71%;}
.it-box .it-logo2{background: url('../images/prodect2-1.png') no-repeat center 0px;background-size: 95%;}
.it-box .it-logo3{background: url('../images/prodect3-1.png') no-repeat center 0;background-size: 76%;}
.it-box .it-logo4{background: url('../images/prodect4-1.png') no-repeat center 3px;background-size: 110%;}
.it-box .it-logo5{background: url('../images/prodect5-1.png') no-repeat center 4px;background-size: 77%;}
.it-box .it-logo6{background: url('../images/prodect6-1.png') no-repeat center 0;}
.ct{
	position: relative;
    display: inline-block;
    width: 95px;
    text-align: left;
    height: 55px;
    overflow: hidden;
}
.out{
	opacity: 0;
	position: absolute;left: 50%;bottom:-4px;z-index: 20;
		transition: all ease .3s;
	-moz-transition: all ease .3s; /* Firefox 4 */
	-webkit-transition: all ease .3s; /* Safari 和 Chrome */
	-o-transition: all ease .3s; /* Opera */
}
.it-box .it-logo2{width: 64px}
.item2 .ct{width: 124px;}
.item3 .ct,.item5 .ct,.item6 .ct{width: 111px;}
.item4 .ct{width: 130px;}

.it-font{
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translate(0%, -55%);
    -webkit-transform: translate(0%, -55%);
    -moz-transform: translate(0%,-55%);
    -ms-transform: translate(0%,-55%);
    -o-transform: translate(0%,-55%);
}
.it-font .cn{
	font-size: 18px;color: #666;line-height: 30px;position: relative;
	 -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;

}
.it-font .cn::before{
	position: absolute;
    top: 135%;
    color: white;
    content: attr(data-hover);
    font-weight: normal;

}
.product-item li :hover .it-font .cn,
.product-item li :focus .it-font .cn {
	-webkit-transform: translateY(-135%);
	-moz-transform: translateY(-135%);
	transform: translateY(-135%);
}
.on .it-font .cn{
	-webkit-transform: translateY(-135%);
	-moz-transform: translateY(-135%);
	transform: translateY(-135%);
}
.it-font .en{
	font-size: 15px;color: #dbdbdb;font-family: 'sangam';
	-webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.it-font .en::before{
	position: absolute;
    top: 255%;
    color: white;
    content: attr(data-hover);
    font-weight: normal;

}
.product-item li :hover .it-font .en,
.product-item li :focus .it-font .en {
	-webkit-transform: translateY(-268%);
	-moz-transform: translateY(-268%);
	transform: translateY(-268%);
}
.on .it-font .en{
	-webkit-transform: translateY(-268%);
	-moz-transform: translateY(-268%);
	transform: translateY(-268%);
}
.product-item li:hover{background: #e54e12}
.product-item li:hover .out{bottom: -9px;opacity: 1}
/* .product-item li:hover .cn{color: white} */
.product-item li:hover .it-logo{background: url('../images/prodect1-1.png') no-repeat center -64px;background-size: 71%;}
.product-item li:hover .it-logo2{background: url('../images/prodect2-1.png') no-repeat center -60px;background-size: 94%;}
.product-item li:hover .it-logo3{background: url('../images/prodect3-1.png') no-repeat center -69px;background-size: 76%;}
.product-item li:hover .it-logo4{background: url('../images/prodect4-1.png') no-repeat center -72px;background-size: 110%;}
.product-item li:hover .it-logo5{background: url('../images/prodect5-1.png') no-repeat center -73px;background-size: 77%;}
.product-item li:hover .it-logo6{background: url('../images/prodect6-1.png') no-repeat center -75px}

.on .it-logo{background: url('../images/prodect1-1.png') no-repeat center -64px;background-size: 71%;}
.on .it-logo2{background: url('../images/prodect2-1.png') no-repeat center -60px;background-size: 94%;}
.on .it-logo3{background: url('../images/prodect3-1.png') no-repeat center -69px;background-size: 76%;}
.on .it-logo4{background: url('../images/prodect4-1.png') no-repeat center -72px;background-size: 110%;}
.on .it-logo5{background: url('../images/prodect5-1.png') no-repeat center -73px;background-size: 77%;}
.on .it-logo6{background: url('../images/prodect6-1.png') no-repeat center -75px}

.product-cont{position: relative;z-index: 10}
.product-cont img{width: 100%;height: auto}
.cont-box{
	width: 100%;position: absolute;top: 50%;z-index: 1;
	transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);	
}
.cont{width: 1600px;margin: 0 auto;max-width: 100%;}
.cont-list{float: left;width: 25%;text-align: center;}
.no2 .cont-list{width: 16.667%}
.circle{
	width: 157px;height: 157px;border:1px solid #fefefe;border-radius: 78px;position: relative;margin:0 auto;
	background: url('../images/cross-k.png') no-repeat center;
		transition: all ease .4s;
	-moz-transition: all ease .4s; /* Firefox 4 */
	-webkit-transition: all ease .4s; /* Safari 和 Chrome */
	-o-transition: all ease .4s; /* Opera */
	cursor: pointer;

}
.circle i{
	display: inline-block;width: 80px;height: 57px;
	background: url('../images/prodect2-hv.png') no-repeat center;
	position: absolute;left: 50%;top: 50%;
		transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%); 

}
.circle:hover {
	background: url('../images/cross.png') no-repeat center;border:1px solid transparent;
/* 	transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 		IE 9
-moz-transform: rotate(360deg);		Firefox */
}
.intro0 i{height: 70px;;background: url('../images/combel.png') no-repeat center;}
.intro2 i{background: url('../images/stove.png') no-repeat center;}
.intro3 i{background: url('../images/disi.png') no-repeat center;}
.intro4 i{background: url('../images/coal.png') no-repeat center;}
.intro5 i{background: url('../images/jsq.png') no-repeat center;}

.no1 .circle i{background: url('../images/prodect1-hv.png') no-repeat center;}
.no1 .intro2 i{background: url('../images/prodect2.2.png') no-repeat center;width: 90px;}
.no1 .intro3 i{background: url('../images/prodect2.3.png') no-repeat center;}
.no1 .intro4 i{background: url('../images/prodect2.4.png') no-repeat center;}

.cont-intro{margin-top: 12%;}
.cont-intro p{font-size: 16px}
.cont-intro p:nth-child(1){
	color: #959595;
	line-height: 30px;
}
.cont-intro p:nth-child(2){
	color: white;
}



.show-box{width: 100%;padding: 2.8% 0;position: relative;background-color: #f1eff9;min-width: 1200px;}
.show{}
.show em{
	font-style: normal;font-weight: bold;font-size: 25px;line-height: 22px;text-align: center;display: block;color: #ff7037;margin-bottom:13px }
.show p{
	display: block;width: 240px;height: 25px;
	background: url('../images/show.png')no-repeat center;
	text-align: center;
	margin:0 auto 10px;
	/* font-size: 16px;line-height: 22px;text-align: center;margin-bottom:13px;color: #aaaaaa;font-family: 'Arial';letter-spacing: 5px; */
}
.tech .show p{background: url('../images/tech.png')no-repeat center;width: 310px}
.show i{
	display: block;width: 97px;height: 25px;
	background: url('../images/smail.png')no-repeat center;
	text-align: center;
	margin:0 auto;
}

.show-item{width: 100%;min-width: 1200px;}
.show-item ul li{float: left;width: 33.3333%;overflow: hidden;cursor: pointer;position: relative;}
.show-item ul li img{
	max-width: 101%;height: auto;
		    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.show-item li:hover img,.leader-list1:hover img{    
	transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.mask2{
    background-color: rgba(0, 0, 0, 0.39);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition:.3s all linear;
}
.mask2-cont{
    width: 100%;
    height: 100%;
    position: relative;
}
.mask2-cont:before,.mask2-cont:after{
	content: '';
	position: absolute;
	top: 0;
  	left: 0;
    margin: 5% 8.8%;
    width: 82%;
    height: 80%;
  	-webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
  	-webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.mask2-cont::before{
	border-top: 3px solid rgba(255,255,255,0.5);
 	border-bottom: 3px solid rgba(255,255,255,0.5);
  	-webkit-transform: scale3d(0, 1, 1);
     transform: scale3d(0, 1, 1);
     top: 0px;
     left: 0;
     height: 78%;

}
.mask2-cont::after{
	 border-left: 3px solid rgba(255,255,255,0.5);
  	 border-right: 3px solid rgba(255,255,255,0.5);
  	-webkit-transform: scale3d(1, 0, 1);
     transform: scale3d(1, 0, 1);
     top: 0px;
     left: -3px;
}

.mask2-cont:hover::before,.mask2-cont:hover::after{
	-webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}
.mask2-cont h1,.mask2-cont p,.mask2-cont span{
	color: white;text-align: center;opacity: 0;
	-webkit-transition: opacity .35s,
	-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
}
.mask2-cont h1{padding-top: 20%;font-size: 20px;font-weight: normal;}
.mask2-cont span{
    display:block;font-size: 12px;
    width: 102px;height: 34px;line-height:34px;margin: 3% auto;
    color: white;
    background: #e54e12;
}
.item-box:hover>.mask2{opacity: 1}
.item-box:hover>.mask2 p,.item-box:hover>.mask2 h1,.item-box:hover>.mask2 span{
	opacity: 1;
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
}




.leader{width: 100%;min-width: 1200px;}
.leader img{
			    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}



.list-left{float: left;width: 50%;overflow: hidden;}
.list-left img{width: 100%;height: auto}
.list-right{
	float: left;padding: 2.9% 4.5% 0;width: 50%;}
.list-right h2{
	font-weight: normal;font-size: 25px;line-height: 22px;color: #666;text-align: center;padding-bottom: 15px;
	transition: all linear .5s;
	-moz-transition: all linear .5s; /* Firefox 4 */
	-webkit-transition: all linear .5s; /* Safari 和 Chrome */
	-o-transition: all linear .5s; /* Opera */
}
.list-right .line{width: 30px;height: 2px;background-color: #ff7037;margin:0 auto 4.5%;}
.list-right p{
	font-size: 14px;line-height: 22px;color: #666;
	transition: all linear .5s;
	-moz-transition: all linear .5s; /* Firefox 4 */
	-webkit-transition: all linear .5s; /* Safari 和 Chrome */
	-o-transition: all linear .5s; /* Opera */
}
.more{
	width: 150px;height: 42px;margin: 5% auto;overflow: hidden;position: relative;
	border:2px solid #cecece;cursor: pointer;
	line-height: 38px;color: #666;font-size: 14px;text-align: center;letter-spacing: 2px;
		transition: all linear .3s;
	-moz-transition: all linear .3s; /* Firefox 4 */
	-webkit-transition: all linear .3s; /* Safari 和 Chrome */
	-o-transition: all linear .3s; /* Opera */
}
.more:hover{color: white;border-color:#e54e12;background: #e54e12 }
.more:active:after{height: 400%}
.lue{width: 100%;background-color: #f1eff9;    padding: 3% 0;border-bottom: 1px solid #d9d5d2;min-width: 1200px;}
.lue .show{
	width: 58px;height: 58px;border-radius: 29px;background-color: white;margin:0 auto;cursor: pointer;
			transition: all ease .3s;
	-moz-transition: all ease .3s; /* Firefox 4 */
	-webkit-transition: all ease .3s; /* Safari 和 Chrome */
	-o-transition: all ease .3s; /* Opera */
}
.lue .show i{
	background: url('../images/dian.png')no-repeat center;
	width: 58px;height: 60px;
}
.lue .show:hover{
	background:#ff7037;
 }

.footer{
	width: 1980px;max-width: 100%;
	height: 400px;
	background: #f1eff9;
	padding:43px 300px 95px 332px;
	position: relative;min-width: 1200px;
}

.footer-nav{float: left;width: 100%;}
.item-common{
	float: left;width: 14.28%;text-align: left;/*margin-right: 65px;*/
	    		transition: all linear .3s;
	-moz-transition: all linear .3s; /* Firefox 4 */
	-webkit-transition: all linear .3s; /* Safari 和 Chrome */
	-o-transition: all linear .3s; /* Opera */
}
.item-common span{
    display: block;
    width: 60%;
    font-size: 16px;
    margin-bottom: 24px;
    color:#e54e12;
    padding-bottom: 15px;
    border-bottom: 1px #fb9671 solid;

}

.item-common a{display:block;margin-bottom:15px;color:#7f7f7f;word-break: break-all;transition: .2s all linear}
.item-common a:hover{color: #e54e12	;}

.left-item6 span{margin-bottom: 18px;}
.contact img{cursor: pointer;float: right}
.ma{margin-top: 10px;}
.left-item8{float: right;width: 200px;position: relative;right: 60px;}
.OT{
	color: #e54e12;font-size: 14px;position: absolute;bottom: 65px;line-height: 25px;
}
.copyright{
	line-height: 60px;
	background: #e9e6f5;
	width: 100%;height: 60px;
	padding: 0 300px 0 380px;
	min-width: 1200px;
}

.no1 .cont-list{width: 25%}
.bg-box{position: relative;}
.bg1,.bg2{position: absolute;top: 0;left: 0}
.on {background: #e54e12;}
.on .it-font .cn{color: white}
.on .out{bottom: -9px;
    opacity: 1;}
.nav-bar {
  width: 30px;
  margin-top: 12px;
  cursor: pointer;
}
.nav-bar i {
  width: 100%;
  float: left;
  margin-bottom: 3px;
  height: 5px;
  border-radius: 5px;
  background: #ffffff;
}
.txt-f{opacity:0;}
.half-left h1{font-size: 72px;color: white;font-family: 'Impact'}
.home-banner-active-slide .txt1{
	-webkit-animation:fadeInDown 1s  both;
	animation:fadeInDown 1s  both;
	-moz-animation:fadeInDown 1s  both;
}

.home-banner-active-slide .txt2{
	-webkit-animation:fadeInDown 1s .6s both;
	animation:fadeInDown 1s .6s both;
	-moz-animation:fadeInDown 1s .6s both;
}
.home-banner-active-slide .txt2-1{
	-webkit-animation:fadeInDown 1s 1s both;
	animation:fadeInDown 1s 1s both;
	-moz-animation:fadeInDown 1s 1s both;
}
.home-banner-active-slide .txt2-2{
	-webkit-animation:fadeInDown 1s 1.5s both;
	animation:fadeInDown 1s 1.5s both;
	-moz-animation:fadeInDown 1s 1.5s both;
}

.home-banner-active-slide .txt2-3{
	-webkit-animation:fadeInDown 1s 1.9s both;
	animation:fadeInDown 1s 1.9s both;
	-moz-animation:fadeInDown 1s 1.9s both;
}

.home-banner-active-slide .txt3{
	-webkit-animation:slideLeft .6s 1.2s both;
	animation:slideLeft .6s 2s both;
	-moz-animation:slideLeft .6s 1.2s both;
}


.home-banner-active-slide .txt4{
	-webkit-animation:fadeInUp 1s .6s both;
	animation:fadeInUp 1s  .6s both;
	-moz-animation:fadeInUp 1s  .6s both;
}

.home-banner-active-slide .img1{
	-webkit-animation:fadeInRight .6s 0.6s both;
	animation:fadeInRight .6s 0.6s both;
	-moz-animation:fadeInRight .6s 0.6s both;
}
.home-banner-active-slide .img2{
	-webkit-animation:fadeInRight .6s 1.2s both;
	animation:fadeInRight .6s 1.2s both;
	-moz-animation:fadeInRight .6s 1.2s both;
}

.no2ul{width: 1550px!important;margin:0 auto!important;}
.no1ul{width: 1278px!important;margin:0 auto!important;}

.Tab{padding:1.4% 2%;}
.Tab ul{height:100%;}
.choose-list{
	float: left;width: 33.333%;height: 50%;display: table;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.choose-list:nth-child(3){border-right: 0}
.choose-list:nth-child(4){border-bottom: 0}
.choose-list:nth-child(5){border-bottom: 0}
.choose-list:nth-child(6){border-bottom: 0;border-right:0;}
.list-box{
	cursor: pointer;
	display: table-cell;
    vertical-align: middle;
}
.choose-list p{text-align: center;font-size: 14px;color: #666;
			transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
	}
.choose-list i{
	display: block;width: 35px;
	position: relative;
	height: 45px;margin:0px auto 15px;
		        -webkit-transition: all ease 0.3s ;
	        transition: all ease 0.3s ;
	        -moz-transition: all ease 0.3s ;
			-o-transition: all ease 0.3s ;
	        -webkit-transform-style: preserve-3d;
}
.choose-list:nth-child(1) i{;background: url('../images/icon1.png') no-repeat center;background-size: contain;width: 35px;}
.choose-list:nth-child(2) i{;background: url('../images/icon2.png') no-repeat center;background-size: contain;width: 55px}
.choose-list:nth-child(3) i{;background: url('../images/icon3.png') no-repeat center;background-size: contain;width: 35px}
.choose-list:nth-child(4) i{border-bottom: 0;background: url('../images/icon4.png') no-repeat center;background-size: contain;width: 35px}
.choose-list:nth-child(5) i{border-bottom: 0;background: url('../images/icon5.png') no-repeat center;background-size: contain;width: 35px}
.choose-list:nth-child(6) i{border-bottom: 0;background: url('../images/icon6.png') no-repeat center;background-size: contain;width: 35px}
.list-box:hover i{
	-webkit-transform: translate3d(0, -20%, 0);
		    transform: translate3d(0, -20%, 0);
} 
.list-box:hover p{color:#ff7037;}
.foru-title{
	position: absolute;
    left: 24.5%;
    top: 44%;
}
.foru-title h2{
	font-weight: normal;
    font-size: 25px;
    line-height: 22px;
    color: #666;
    text-align: center;
    padding-bottom: 15px;
	color: white;
}
.foru-title .line {
    width: 30px;
    height: 2px;
    background-color: #ff7037;
    margin: 0 auto 4.5%;
}
.foru-title.line{
	width: 30px;
    height: 2px;
    background-color: #ff7037;
    margin: 0 auto 4.5%;
 }
.leader-list2{position: relative;}

@media (max-width: 1884px) {
	.footer { 
    padding: 43px 10% 95px 15%;
	}
	.copyright{
		padding: 0 10% 0 15%;
	}
}
@media (max-width: 1530px){
	.no1ul{width: 1000px!important;margin:0 auto!important;}
	.no2ul{width: 1300px!important;margin:0 auto!important;}
}
@media (max-width: 1620px) {
	.footer { 
    padding: 43px 5% 95px 10%;
	}
	.copyright{
		padding: 0 5% 0 10%;
	}
	.container{padding: 12% 0% 0 0%}
	.foru-title{
	    left: 23%;
	 }
	.foru-title h2{
	    font-size: 22px;
	}
}
@media (max-width: 1480px){
	.list-right h2{    font-size: 22px;}
	.list-right .line{margin: 0 auto 2.5%;}
	.list-right p{font-size: 12px}
	.more{width: 120px;height: 35px;  margin: 3% auto;line-height: 31px;}
	
}
@media (max-width: 1440px){
	.no1ul{width: 800px!important;margin:0 auto!important;}
	.no2ul{width: 1200px!important;margin:0 auto!important;}

	.cont-intro p{font-size: 14px}
		 .circle{width: 120px;height: 120px;}
		 .cont-intro{margin-top: 8%}
	.no1 .circle i{background-size: 45%}
	.no1 .intro2 i{background-size: 70%;}
	.no1 .intro3 i{    background-size: 65%;}
	.no1 .intro4 i{    background-size: 55%;}
	.no2 .circle i{background-size: 65%}
	.no2 .intro2 i{background-size: 80%;}
	.no2 .intro3 i{    background-size: 55%;}
	.no2 .intro4 i{    background-size: 60%;}
	.no2 .intro5 i{    background-size: 55%;}

.item2 .ct{width: 116px}
	.it-font .cn{font-size: 16px;}
	.it-font .en{font-size: 14px;}
	.it-box i{margin-right: 5px;height: 40px}
	.half-left h1{font-size: 60px;}

	.it-box .it-logo{background-size: 53%;}
	.it-box .it-logo2{background-size: 71%;}
	.it-box .it-logo3{background-size: 60%;}
	.it-box .it-logo4{background-size: 96%;background-position-y: 0;}
	.it-box .it-logo5{background-size: 66%;background-position-y: 0;}
	.it-box .it-logo6{background-size: 74%;}
	.product-item li:hover .it-logo{background: url('../images/prodect1-1.png') no-repeat center -47px;background-size: 53%;}
	.product-item li:hover .it-logo2{background: url('../images/prodect2-1.png') no-repeat center -45px;background-size: 71%;}
	.product-item li:hover .it-logo3{background: url('../images/prodect3-1.png') no-repeat center -56px;background-size: 60%;}
	.product-item li:hover .it-logo4{background: url('../images/prodect4-1.png') no-repeat center -66px;background-size: 96%;}
	.product-item li:hover .it-logo5{background: url('../images/prodect5-1.png') no-repeat center -66px;background-size: 66%;}
	.product-item li:hover .it-logo6{background: url('../images/prodect6-1.png') no-repeat center -65px;background-size: 74%;}

	.on .it-logo{background: url('../images/prodect1-1.png') no-repeat center -47px;background-size: 53%;}
	.on .it-logo2{background: url('../images/prodect2-1.png') no-repeat center -45px;background-size: 71%;}
	.on .it-logo3{background: url('../images/prodect3-1.png') no-repeat center -56px;background-size: 60%;}
	.on .it-logo4{background: url('../images/prodect4-1.png') no-repeat center -66px;background-size: 96%;}
	.on .it-logo5{background: url('../images/prodect5-1.png') no-repeat center -66px;background-size: 66%;}
	.on .it-logo6{background: url('../images/prodect6-1.png') no-repeat center -66px;background-size: 74%;}

	.it-font .en::before{top: 250%;}
	.item4 .ct{width: 121px}
	.ct{height: 43px;}

	.show em{font-size: 22px}
	.show-box{padding: 2% 0}
	.mask2-cont h1{font-size: 18px;}
	.mask2-cont span{width: 85px;height: 30px;line-height: 30px;}
	.container h1{font-size: 60px!important}
	.container{padding: 12% 0% 0 0%}

	.it-font{
		transform: translate(0%, -50%);
	    -webkit-transform: translate(0%, -50%);
	    -moz-transform: translate(0%,-50%);
	    -ms-transform: translate(0%,-50%);
	    -o-transform: translate(0%,-50%);
	}

	.choose-list i{margin: 0px auto 10px;}


}
@media (max-width: 1401px) {
	.footer { 
    padding: 43px 2% 2% 3%;
	}
	.copyright{
		padding: 0 5% 0 5%;
	}
	.foru-title{
	    left: 23%;
	 }
	.foru-title h2{
	    font-size: 20px;
	}
	
}
@media (max-width: 1280px) {
	.container h1{font-size: 55px!important}
}
@media (max-width: 1270px) {
	.nav-box{padding: 0 2%}
	.container{padding: 12% 2% 0 2%}
	/*.item-common{margin-right: 43px;}*/
	.left-item6{margin-right: 0px;}
	.copyright{line-height: 30px;height: auto}
	.fl,.fr{float: none;display: block;text-align: center;}
}