/* 22-11-22新增英文页面 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ExportBusiness{font-family: Arial;}
/* index通用title */
.indexTit{position: relative;top: -100px;width: 100%;height: 100%;opacity: 0;padding:60px 0;text-align:center;}
.indexTit em{font-size:120px;line-height:1;color:rgba(53, 53, 53, 0.05);font-style:normal;text-transform:uppercase;font-family: Arial;font-weight: 900;}
.indexTit .clip-text{margin-top:-30px;line-height:1.2;font-size:36px;color: #070707;text-transform:uppercase;font-family: Arial;font-weight: 900;}
.indexTit .clip-text span{position: relative;}
.indexTit .clip-text span::before,.indexTit .clip-text span::after{content: '';position: absolute;top: 50%;width: 162px;height: 1px;display: block;background-color: #a1a1a9;}
.indexTit .clip-text span::before{left: -85%;}
.indexTit .clip-text span::after{right: -85%;}
.indexTit.current{top: 0;opacity: 1;}
/* 【1】== about us */
.abuCon{width: 70%;margin: 0 auto;} 
.abuCon .hserbox{width: 49%;}
.abuCon .hserbox img{display: block;width: 100%;}
.hserbox.fl{margin-left: -100px;opacity: 0;}
.hserbox.fr{margin-right: -100px;opacity: 0;}
.hserbox.fl.current{margin-left:0;opacity: 1;}
.hserbox.fr.current{margin-right: 0;opacity: 1;}
.cpBox{margin-top: 20px;}
.cpBox .cpTop h4{margin-bottom: 20px;color: #353535;font-size: 24px;font-weight: bold;}
.cpBox p{color: #353535;font-size: 16px;font-family: "微软雅黑";line-height: 2;}
.cpBox p img{display: block;width: 100%;}
.cpCen{margin:15px 0;}
.cpCen img,.cpBot img{width: 270px;}
.cpCen div.fl,.cpBot div.fr{width: calc(100% - 290px);text-align: justify;}
.cpCen p{margin-top: 20px;}
.cpBot p:last-child{margin-top: 10px;}
/* 【2】== Corporate culture */
.ccTitle.indexTit .clip-text span::before{left: -45%;}
.ccTitle.indexTit .clip-text span::after{right: -45%;}
.ccCon{width: 70%;margin: 0 auto;} 
.ccCon ul li{float: left;width: 32.3%;margin-right: 1.5%;position: relative;left: -100px;opacity: 0;}
.ccCon ul li:last-child{margin-right: 0;}
.ccCon ul li div {overflow: hidden;}
.ccCon ul li div img{display: block;width: 100%;transition: all .5s ease;}
.ccCon ul li:hover {cursor: pointer;}
.ccCon ul li:hover div{box-shadow: 0 0 7px #333;}
.ccCon ul li:hover div img{transform:scale(1.1);}
.ccCon .imgBox.current li{left: 0;opacity: 1;}
/* 【3】== Service Concept */
.scBox{padding: 0 0 60px;margin-top: 60px;background-color: #f2f2f2;}
.scTitle .indexTit .clip-text span::before{left: -95%;}
.scTitle .indexTit .clip-text span::after{right: -95%;}
.scCon{width: 70%;margin: 0 auto;}
.newList{float:left;width:32.3%;margin-right:1.5%;}
.newList:nth-child(3n){margin-right:0;}
.newList a{display:block;}
.newPicBox{position:relative;width:100%;height:0px;padding-bottom:65%;overflow:hidden;margin:0 auto}
.newPic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;transition:all .5s ease}
.contentBoxB{margin-top:20px;padding:5px;}
.newTitle{font-size:30px;line-height:1.25;font-weight:bold;color:#060606;transition:all .5s ease;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align: center;}
.newList:hover .newPic{transform:translate(-50%,-50%) scale(1.1)}
.newList:hover .newTitle{color:#dab866}
.scCon .newList{position: relative;left: -100px;opacity: 0;}
.scCon .scListBox.current .newList{left: 0;opacity: 1;}
/* 【4】== Major export brands */
.mebTitle.indexTit .clip-text span::before{left: -45%;}
.mebTitle.indexTit .clip-text span::after{right: -45%;}
.mebCon{width: 70%;margin: 0 auto;}
.mebCon .swiper-container{height:660px;}
.mebCon ul {height:100%;overflow:hidden;}
.mebCon ul li{width:23.86%;height:270px;margin-right:1.5%;margin-bottom:50px;}
.mebCon ul li picture{display: block;overflow:hidden;}
.mebCon ul li div {margin-top:20px}
.mebCon ul li div h3{font-size:16px;color:#4a4a4a;}
.prodlist img{transform:scale(1);transition:all 500ms}
.prodlist:hover img{transform:scale(1.1)}
.mebCon .swiper-pagination-bullet{background-color:#0e0e0e;}

/* 【5】== History of the Company */
.hcBox {padding-bottom:60px;background-image:url(/templets/style/css/images/eImg22.jpg);background-repeat:no-repeat;background-attachment:fixed;}
.hcTitle.indexTit em{color: rgba(53, 53, 53, 0.11);}
.hcBox .indexTit .clip-text span::before{left: -40%;}
.hcBox .indexTit .clip-text span::after{right: -40%;}
.hcCon {width: 70%;margin: 0 auto;position: relative;top: -100px;opacity: 0;}
.hcCon.current{top: 0;opacity: 1;} 
.hcCon .imgBox{width: 100%;overflow: hidden;}
.hcCon .imgBox img{display: block;margin:0 auto;max-width:100%}
/* 【6】== Our advantages */
.oaBox .indexTit .clip-text span::before{left: -60%;}
.oaBox .indexTit .clip-text span::after{right: -60%;}
.oaCon {width: 70%;margin: 0 auto;position: relative;top: -100px;opacity: 0;}
.oaCon.current{top: 0;opacity: 1;}
.oaCon .imgBox{width: 100%;overflow: hidden;}
.oaCon .imgBox img{display: block;margin:0 auto;max-width:100%}
/* 【7】== our service */
.osCon{width: 70%;margin: 0 auto;}
.osCon ul li{float: left;margin-bottom: 35px;position: relative;left: -100px;opacity: 0;}
.osCon ul li:nth-child(1),.osCon ul li:nth-child(2){width:49.25%;margin-right: 1.5%;}
.osCon ul li:nth-child(3),.osCon ul li:nth-child(4),.osCon ul li:nth-child(5){width: 32.3%;margin-right: 1.5%;}
.osCon ul li:nth-child(2),.osCon ul li:nth-child(5){margin-right: 0;}
.osCon ul li div{width: 100%;overflow: hidden;}
.osCon ul li div img{display: block;max-width: 100%;transition: all .5s ease;}
.osCon ul li:hover div img{transform:scale(1.1);}
.osCon ul.current li{left: 0;opacity: 1;}
/* 【8】== get in touch with us */
.guTitle.indexTit .clip-text span::before,
.guTitle.indexTit .clip-text span::after{display: none;}
.guCon {width: 70%;margin: 0 auto;border-top: 9px solid #dbb866;}
.guCon .clearfix div{float: left;width: 50%;margin-top: 30px;}
.guCon .clearfix div:first-child{padding-left: 10%;}
.guCon .clearfix div:last-child{padding-left: 5%;}
.guCon .clearfix div span,
.guCon .clearfix div p{float: left;font-size: 24px;color: #171717;}
.guCon .clearfix div span{margin-top: 4px;margin-right: 4px;}
.guCon .clearfix div p{text-align: left;line-height: 1.75;}
.guCon .clearfix div{position: relative;left: -100px;opacity: 0;}
.guCon .clearfix.current div{left: 0;opacity: 1;}

@media screen and (max-width: 1200px){
	.indexTit em{font-size:80px;}
}