@charset "utf-8";

.marginCenter{
	width: 84%;
	margin: auto;
}
/*头部banner和导航部分*/
#content{
	width: 100%
	/*height: 950px;*/
	overflow: hidden;
	margin-bottom: 112px;
	position: relative;
}
.swiper-container {
    /*width: 1920px;
    height: 950px;*/
}  

.navRight{
	position: absolute;
	right: 3.6%;
	height: 23px;
	line-height: 23px;
	width: 103px;
}
#search{
	
}
.navRight a{
	display: block;
	float: left;
}
#I{
	display: block;
	width: 3px;
	height: 14px;
	background: #000000;
	float: left;
	transform: translateY(5px);
}
#I,#lang{
	margin-left: 27px;
}
.navWrap{
	height: 100%;
	position: relative;
}
.navList{
	width: 100%;
	position: absolute;
	left: 0;
	top:100px;
	height: 309px;
	background: #ffffff;
	}
.navListBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn{
	position: absolute;
	top: 42px;
	left: 491px;
	width: 922px;
}
.ulBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn ul li{
	margin-bottom: 15px;
	font-size: 14px
}
.nlbIn ul li a{
	color: #999999;
}
.about{
	position: absolute;
	left: 0;
}
.products{
	position: absolute;
	left: 135px;
}
.case{
	position: absolute;
	left: 319px;
}
.serve{
	position: absolute;
	left: 453px;
}
.news{
	position: absolute;
	left: 589px;
}
.recruit{
	position: absolute;
	left: 724px;
}
.contact{
	position: absolute;
	left: 859px;
}

/*主体部分*/
#main{
	width: 100%;
	/*height: 1624px;
	background-color: #f5f5f5;*/
	overflow: hidden;
}

/*新品发布*/
.new{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 129px;
}
.new-top{
	height: 79px;
	margin-bottom: 48px;
	position: relative;
}
.new-top a{
	display: block;
	color: #000000;
	float: right;
	
	width: 120px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.new-top a .line{
	display: block;
	width: 120px;
	height: 2px;
	background-color: #000000;
	}
.new-top>div{
	float: left;
}
.new-content{
	height: 641px;
}
/*.nlBox{
	display: block;
	width: 622px;
	height: 641px;
	float: left;
	font-size: 0;
	
	position: relative;
	text-align: center;
}*/
.nlBox{
	color: #000000;
}
.nl{
	display: block;
	width: 622px;
	height: 641px;
	background-color: #ffffff;
	border-radius: 8px;
	float: left;
	position: relative;
	text-align: center;
}
.nl h5{
	font-size: 30px;
}
.nl p{
	font-size: 20px;
	color: #8d8d8d;
	margin-bottom: 28px;
}
.nl .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 14px;
	color: #acacac;
	margin: 55px auto 0;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nl:hover .viewBtn{
	color: #ffffff;
	background: url(../img/newAbg.png);
}
.nl #newsTrue{
	color: #ffffff;
	background: url(../img/newAbg.png);
}
.nl:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
#nr{
	width: 959px;
	height: 641px;
	float: right;
}
#nr a{
	color: #000000;
}
#nr .nrBox{
	width: 471px;
	height: 312px;
	border-radius: 8px;
	background-color: #FFFFFF;
	float: left;
}
#nr h5{
	font-size: 24px;
}
#nr p{
	font-size: 16px;
	color: #8d8d8d;
	text-align: left;
	/*margin-bottom: 28px;*/
}
.nr-1,.nr-2{
	margin-bottom: 17px;
}
.nr-2,.nr-4{
	margin-left: 17px;
}
.nr-1,.nr-2,.nr-3,.nr-4{
	display: block;
	position: relative;
	text-align: center;
	
}
.nrImg{
	position: absolute;
	right: 35px;
	bottom: 55px;
}
.nTextBox{
	position: absolute;
	top: 55px;
	left: 55px;
}
.nrView{
	position: absolute;
	left: 20px;
	bottom: 55px;
	}
.new-content a:hover .viewBtn span{
	color: #ffffff;
	/*background: url(../img/newAbg.png);*/
}
.new-content a:hover .viewBg{
	opacity: 1;
}
.viewBg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/newAbg.png); 
	opacity: 0;
	transition: all .5s;
}
.viewBtn{
	position: relative;
	/*transition: all .5s;*/
}
.viewBtn span{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: all .5s;
}
.nr-1 .viewBtn,.nr-2 .viewBtn,.nr-3 .viewBtn,.nr-4 .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 12px;
	color: #acacac;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nr-1:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-2:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-3:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-4:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}



/*品牌优势*/
.brand{
	height: 1045px;
	margin-bottom: 148px;
	position: relative;
}
.brand .t1{
	margin-bottom: 89px;
}
.brand>P{
	display: block;
	font-size: 300px;
	color: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: text-top;
	height: 211px;
	line-height: 211px;
	overflow: hidden;
	/*line-height: 300px;*/
}
.brandImg{
	width: 936px;
	height: 938px;
	border-radius:0 20px 20px 0;
	overflow: hidden;
	position:absolute;
	top:107px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.brandImg img{
	transform: translate(-20px,-50px);
}
.brandBg{
	transform: translate(5px,0);
}
.brandText{
	position: absolute;
	left:1099px;
	top:325px;
}
.t1 h3{
	font-size: 34px;
	margin-bottom: 10px;
	font-weight: bold;
}
.t1 p{
	font-size:20px;
	color: #d4d4d4;
	font-weight: bold;
}
#brandMore{
	display: block;
	color: #000000;
	width: 145px;
	height: 48px;
	border:2px solid #000000;
	text-align: center;
	line-height: 48px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	transform: translateY(37px);
}
.brandP1{
	height: 55px;
	margin-bottom: 45px;
}
.bTextBox{
	float: left;
}
.brandP1 p{
	font-size: 18px;
	line-height: 30px;
	margin-left:30px;
}
.icon{
	float: left;
	width: 53px;
	height: 55px;
	border-right: 1px solid #dcdcdc;
	position: relative;
}
.icon img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.brandText .icon{
	display: inline-block;
}
.textBold{
	font-weight:bold;
}


/*应用场景*/
.apply{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 182px;
}
.apply .t1{
	float: left;
}
.apply-top{
	height: 79px;
	margin-bottom: 65px;
	position: relative;
}
.applyR{
	/*display: block;*/
	float: right;
	height: 65px;
	/*line-height: 65px;*/
	position: absolute;
	right: 0;
	bottom: 0;
}
.applyR li{
	width: 120px;
	height: 54px;
	margin-left: 14px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	
}
.applyR li a{
	color: #000000;
	opacity: 0.4;
	display: block;
	height: 52px;
	transition: all .5s;
}
#apTrue{
	opacity: 1;
}
#apTrue .line{
	display: block;
	}
.applyR li .line{
	display: none;
	width: 120px;
	height: 2px;
	background-color: #000000;
}
.applyR li:hover .line{
	display: block;
}
.applyR li:hover a{
	opacity: 1;
	}
	
.moreStyle{
	display: block;
	position: relative;
	width: 120px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	/*float: right;*/
}
.moreStyle span{
	display: block;
	float: left;
	}
.moreStyle img{
	float: right;
	}
.apply-content{
	width: 1760px;
	height: 335px;
}
.apply-content a{
	float: left;
	margin-right: 19px;
}
.abWrap{
	border-radius:10px;
	width: 587px;
	height: 335px;
	
	/*float: left;
	margin-right: 19px;*/
	position: relative;
	overflow: hidden;
	}
	
.applyBox{
	/*display: block;*/
	width: 587px;
	height: 335px;
	
	float: left;
	margin-right: 19px;
	position: relative;
}
.apply-content a:nth-of-type(3){
	margin: 0; 
	width: 548px;
}
.ap01{
	transform: translate(-10px,-45px);
}
.ap02{
	transform: translate(-20%,-21%);
}
.ap03{
	transform: translate(-27%,-35%);
}
.abWrap{
	position: relative;
	}
.shadow{
	transition: all .5s;
	width: 100%;
	height: 60px;
	background: #000000;
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	/*box-shadow: 0 0 100px 10px inset;*/
	filter: blur(30px);	
}
.list{
	position: absolute;
	left:44px;
	bottom:41px;
	z-index: 99;
}
.list h5{
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	margin-right: 16px;
}
.list h3{
	font-size: 20px;
	color: #ffffff;
	}
.list img{
	transform: translateY(-3px);
	}
	
		
.abWrap:hover .shadow{
	opacity: 0;
}

/*最新资讯*/
.information{
	height: 579px;
	margin-bottom: 148px;
	/*width: 1600px;*/
}
#ifrTrue{
	color: #000000;
	border-color: #000000;
}
.iLeft{
	float: left;
}
.iLeft .t1{
	margin-bottom: 64px;
}
.iList li{
	width: 144px;
	height: 48px;
	/*border:2px solid #c4c4c4;*/
	/*border-radius: 5px;*/
	text-align: center;
	line-height: 48px;
	margin-bottom: 24px;
	color: #b0b0b0;
}
.iList li a{
	display:block;
	border-radius: 5px;
	width:100%;
	height:100%;
	color: #b0b0b0;
	font-size: 16px;
	font-weight: bold;
	transition:all 0.5s;
	border:2px solid #c4c4c4;
	
}
.iList li:hover a{
	color: #000000;
}
.iList li:hover a{
	border-color: #000000;
}
.iMiddle{
	float: left;
	width: 557px;
	height: 579px;
	border-radius: 7px;
	
	margin-left: 148px;
	overflow: hidden;
	transition: all .5s;
}
.iMiddle:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.iMiddle:hover .iMiddleBottom{
	background: #ffffff;
}
.iMiddleTop{
	height: 418px;
	overflow: hidden;
}
.iMiddleTop img{
	transform: translate(-38px,-28px);
}
.iMiddleBottom{
	height: 161px;
	position: relative;
}
.middleText{
	width: 442px;
}
.middleText h5{
	font-size: 20px;
	margin-bottom: 17px;
}
.textRed{
	color:#004741;
}
.middleText>p{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color:#8d8d8d;
	margin-bottom: 32px;
}
.middleText a{
	font-size: 16px;
	color: #8d8d8d;
	font-weight: bold;
}
.middleText a img{
	margin-left: 19px;
}
.middleText>div p{
	float: right;
	color: #cacaca;
}
.boxCenter{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.iRight{
	float: right;
	width: 659px;
	border-top: 1px solid #dcdcdc;
}
.iRightBox{
	height: 191px;
	border-bottom: 1px solid #DCDCDC;
	position: relative;
	transition: all .5s;
}
.iRight a{
	color: #000000;
}
.iRightBox:hover{
	/*cursor:pointer;*/
	background: #ffffff;
}
.verticalBox{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.iRightBox:hover .iRightText{
	width: 589px;
	padding-left: 35px;
}
.iRightText{
	height: 76px;
	width: 100%;
	transition: all .5s;
}
.iRightText h5{
	color: #878787;
	font-size: 18px;
	margin-bottom: 12px;
	
}
.iRightText p{
	color: #878787;
	font-size: 14px;
	width: 411px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.iTextBox{
	float: left;
}
.iNumBox{
	width: 105px;
	border-left: 2px solid #dcdcdc;
	float: right;
	height: 100%;
	text-align: right;
	/*vertical-align: middle;*/
}
.iNumBox h3{
	font-size: 30px;
	font-weight: bolder;
	color: #c4c4c4;
}
.iNumBox p{
	width: 100%;
	font-size: 13px;
	color: #c4c4c4;
}
.ibn{
	width: 58px;
	height: 58px;
	position: relative;
	float: right;
	display: none;
	/*transition: all .5s;*/
}
.ibb{
	width: 58px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	/*position: relative;*/
	float: right;
	transition: all .5s;
	/*display: none;*/
}
.iRight a:hover .ibn{
	display: block;
}
.iRight a:hover .ibb{
	/*opacity: 0;*/
	display: none;
}
.iRight a:hover .iTextBox h5{
	color: #000000;
}
.iRight a:hover .iTextBox p{
	color: #585858;
}
#ifrTrue2 h5{
	color: #000000;
}
#ifrTrue2 p{
	color: #585858;
}

.fbl{
	float:left;
}
.fbl h3{
	font-size: 18px;
	margin-bottom: 25px;
}
.fbl p{
	line-height: 24px;
	font-size: 14px;
}
.fbr{
	float:right;
}
.fbr ul{
	height: 64px;
	margin-bottom: 48px;
}
.fbr ul li a{
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #FFFFFF;
	opacity: 0.4;
	border-radius: 5px;
	position: relative;
	transition: all .5s;
}
.fbr ul li{
	float: right;
	margin-left: 28px;
	
}
.fbr ul li:hover a{
	opacity:.7;
}
.fbr p{
	white-space: nowrap;
	font-size: 14px;
	color: #5a5a5a;
}

/*.swiper-container{
	position: relative;
}
.swiper-pagination{
	position: absolute;
	bottom: 87px;
	right: 60px;
}
.swiper-pagination span{
	width: 40px;
	height: 5px;
	background-color: #004741;
	margin: 13px 0;
}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 82px;
	/*bottom: 82px;*/
	left: 1664px;
	/*right: 60px;*/
	width:210px;
}
.swiper-pagination-bullet{
	width: 44px;
	height: 5px;
	border-radius:0;
	background: #004741;
}
.swiper-pagination-bullet:hover{
	cursor:pointer;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 13px;
	
}


.marginCenter{
	width: 84%;
	margin:auto;
}

.mapBox{
	position: relative;
	margin-bottom: 236px;
}
.map{
	width: 100%;
	height: 604px;
	overflow: hidden;
	border-radius:16px;
	box-shadow:0 0 20px rgba(0,0,0,.2);
}
.mapBox img{
	height: auto;
/*	transform: translate(-160px,-65px);*/
	/*width: 100%;*/
}

/***************联系方式***********************************/
.conIfo{
	width: 86%;
	height: 246px;
	background: #ffffff;
	position: absolute;
	top:82%;
	left: 7%;
}
.conBox{
	position: relative;
	height: 100%;
}
.conBoxIn{
	width: 95%;
	height: 53%;

}


@media only screen and (min-width: 1400px){

.conLeft{
	/*float:left;*/
	margin-right: 13%;
	height: 100%;
	position: absolute;
	left: 0;

}
}

@media screen and (max-width: 1410px){

.conLeft{
	/*float:left;*/
	margin-right: 13%;
	height: 100%;
	position: absolute;
	left: 0;
		display: none;
}
}



.title h3{
	font-size: 34px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
}
.title h5{
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #dddddd;
}


@media only screen and (min-width: 1400px){
.conMiddle{
	/*width: 37%;*/
	/*float:left;*/
	height: 100%;
	margin-right: 12%;
	position: absolute;
	left: 35%;
}
}

@media screen and (max-width: 1410px){
.conMiddle{
	/*width: 37%;*/
	/*float:left;*/
	height: 100%;
	margin-right: 12%;
	position: absolute;
	left: 1%;
}
}




.conMiddle h5{
	font-size: 28px;
	height: 18px;
	margin-bottom: 24px;
}
.conMiddle p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.conRight{
	/*float:left;*/
	height: 100%;
	position: absolute;
	left: 78%;
}
.conRight h5{
	font-size: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.conRight p{
	font-size: 16px;
	white-space: nowrap;
	color: #666666;
	line-height: 30px;
	text-overflow: ellipsis;
}
/***************************用户反馈*****************************/
.user{
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}
.uLeft{
	float:left;
	width: 61%;
	height: 693px;
	position: relative;
	/*left: 239px;*/
	background: #ffffff;
}

@media  (max-width: 1399px) {
.uLeftBox{
	position: absolute;
	top:9%;
	left: 18%;
}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.uLeftBox{
	position: absolute;
	top:9%;
	left: 18%;
}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.uLeftBox{
	position: absolute;
	top:9%;
	left: 18%;
}
}

@media (min-width: 1920px) {
.uLeftBox{
	position: absolute;
	top:9%;
	left: 20%;
}
}

.ulbt{
	margin-bottom: 49px;
}
.inputBox input{
	outline: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
}
.inputWrap{
	overflow: hidden;
}
.ip2{margin-right: 0px!important;}
.ip1,.ip2{
	float: left;
	margin-right: 30px;
}

@media  (max-width: 1399px) {
.ip1 input,.ip2 input{
	width: 270px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.ip1 input,.ip2 input{
	width: 270px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.ip1 input,.ip2 input{
	width: 270px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
}

@media (min-width: 1920px) {
.ip1 input,.ip2 input{
	width: 364px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
}

.ip1,.ip2,.ip3{
	margin-bottom: 21px;
}
.ip3 input{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
/*.ip4{
	margin-bottom: 46px;
}
.ip4 input{
	width: 757px;
	height: 170px;
	line-height: 60px;
	padding-left:29px;
}*/
textarea{
	width: 100%;
	height: 147px;
	outline: none;
	resize: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 60px;*/
	padding:23px 0 0 29px;
	margin-bottom: 46px;
}
.ipBtn{
	outline: none;
	border: none;
	border-radius: 5px;
	width: 180px;
	height: 54px;
	line-height: 54px;
	background-color: #004741;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.ipBtn:hover{
	cursor:pointer;
}
.uRight{
	float:left;
	width: 39%;
	height: 558px;
	overflow: hidden;
	/*position: absolute;*/
}
.uRight img{
	transform: translateY(-166px);
}
/**********************人才理念************************/
.talent{
	position: relative;
	overflow: hidden;
	margin-bottom: 133px;
}
.tLeft{
	width: 75%;
	overflow: hidden;
	border-radius: 20px;
	float: left;
	margin-bottom: 100px;
}
.tRight{
	width: 50%;
	background: #ffffff;
	border-radius: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.trInner{
	/*width: 50%;*/
	position: relative;
	z-index: 20;
}
.trInnerBox{
	position: absolute;
	left: 104px;
	top: 113px;
}
#yinhao{
	font-family: montserrat;
	font-size: 500px;
	color: #e2e2e2;
	/*font-weight: lighter;*/
	position: absolute;
	top: -210px;
	right: 50px;
	font-family: montserrat;
}
#gang{
	width: 100px;
	height: 4px;
	background: #004741;
	position: absolute;
	right: 105px;
	top: 143px;
}
.trInnerBox>p{
	width: 605px;
	font-size: 18px;
	color: #585858;
	line-height: 28px;
	margin-bottom: 32px;
}
.trInner .title{
	margin-bottom: 48px;
}
.tctBox{
	width: 350px;
}
.tct{
	height: 32px;
	vertical-align: middle;
	float: left;
}
.tct img,.tct p{
	float: left;
}

.tct img{
	margin-right: 17px;
}
.tct p{
	font-size: 16px;
	color: #585858;
	line-height: 32px;
}
.tct1,.tct3{
	margin-right: 42px;
}
.tct1,.tct2{
	margin-bottom: 33px;
}
/*********************员工风采**********************/
.staffStyle{
	width: 100%;
	/*height: 471px;*/
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	position:relative;
	margin-bottom: 252px;
}
.staffStyle .title{
	position:absolute;
	top:18%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 62px;
	text-align: center;
}
.title h3{
	font-size: 34px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
	/*text-align: center;*/
	text-transform: capitalize;
}
.title h5{
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #dddddd;
	/*text-align: center;*/
}
.staffStyle .marginCenter{
	position: absolute;
	left: 8%;
	top:45%;
}
.sImgBox{
	width: 111%;
}
.sImgBox>div{
	/*width: 588px;
	height: 382px;*/
	overflow: hidden;
	float: left;
	
}
.sib1,.sib2{
	width: 33%;
}
/*.sib1 img{
	transform: translate(-3px,-25px);
}*/
.sib3{
	width: 31%;
	
}
.sib1,.sib2{
	margin-right: 18px;
}
/********************加入我们***********************/
.joinBox{
	margin-bottom: 106px;
}
.joinBox .title{
	text-align: center;
	margin-bottom: 56px;
}
.joinList{
	overflow: hidden;
	width: 100%;
	height: 82px;
	line-height: 82px;
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	margin-bottom: 14px;
}
#jlTrue{
	background: #004741;
	color: #ffffff;
	height: 584px;
	margin-bottom: 31px;
}
#jlTrue h3{
	color: #ffffff;
}
#jlTrue p{
	color: #f6dddf;
}
#jlTrue img{
	
}
#jlTrue .trueList{
	width: 100%;
	height: 512px;
	position: absolute;
	top: 82px;
	left: 0;
	background: #ffffff;
}
.joinList h3{
	font-size: 20px;
	position: absolute;
	left: 5%;
}
.trueList{
	padding: 44px 0 0 86px;
}
.textBox{
	margin-bottom: 42px;
}
.textBox:nth-child(2){
	margin-bottom: 62px;
}
.textBox h5{
	color: #000000;
	font-size: 16px;
	line-height: 30px;
}
#jlTrue .textBox p{
	font-size: 14px;
	color: #6c6c6c;
	line-height: 28px;
}
#submit{
	display: block;
	width: 148px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background: #004741;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.jlm{
	position: absolute;
	left: 18%;
}
.jlm li{
	float: left;
	position: relative;
}
.jlm p{
	width: 160px;
	text-align: center;
    color: #585858;
}
.jlm span{
	width: 1px;
	height: 16px;
	background: #e5e5e5;
	float: right;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.jlr{
	position: absolute;
	right: 5%;
	color: #333333;
}
.jlr p{
	float: left;
}
.jlr img{
	margin-left: 27px;
	transform: translateY(-25%);
}
.clear：after{
	 content:".";        
     display:block;        
     height:0;        
     clear:both;     
}
.img-Center{
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
}
.img-block{
	display: block;
	width: 100%;
	/*opacity: 0;*/
}
.top{
	position: relative;
}
.top img{
	max-height: 100%;
	max-width: 100%;
}


/* index */
.index-banner {position: relative;}
.index-banner .img{position: relative;}
.index-banner .img img{display: block;width: 100%;height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 8%;right: 5%; left: auto;width:auto;}


.news-arrival .t1 p{ text-transform: uppercase;}
.news-arrival .new-top a {bottom: 10px;}
.news-arrival {width:83%;margin: auto;padding-bottom:6%; }
.news-arrival .left{float: left;position: relative;width:40%;}
.news-arrival .left .item{position: relative;}
.news-arrival .left .item a{display: block;position: relative;background: #fff;border-radius: 10px;overflow: hidden;}
.news-arrival .left .item .img{position: relative;}
.news-arrival .left .item .txt{position: absolute;left: 0;top:10%;width: 100%;text-align: center;}
.news-arrival .left .item .txt h3{font-size: 30px;color: #000;}
.news-arrival .left .item .txt span{font-size:20px;color:#8d8d8d;;}
.news-arrival .left .item .more{position: absolute;left:50%;bottom:10%;margin-left: -74px; width: 148px;height: 52px;line-height: 52px; font-size: 14px;color: #acacac;text-align: center;font-weight: bold;}
.news-arrival .left .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.news-arrival .left .item a:hover .more{background: #004741;color: #fff;}
.news-arrival .right {float: left;position: relative;width:59%;margin-left: 1%;}
.news-arrival .right .item {position: relative;float: left;width: 49%;}
.news-arrival .right .item a{display: block;position: relative;background: #fff;border-radius: 10px;overflow: hidden;}
.news-arrival .right .item .img .img-rightbottom{position: absolute;right: 10%;bottom: 15%;width: auto;height: auto;}
.news-arrival .right .item .txt{position: absolute;left:10%;top:10%;text-align: left;}
.news-arrival .right .item .txt h3{font-size: 24px;color: #000;}
.news-arrival .right .item .txt span{font-size:16px;color:#8d8d8d;;}
.news-arrival .right .item .more{position: absolute;left:12%;bottom:10%;height: 52px;line-height: 52px; font-size: 14px;color: #acacac;font-weight: bold;}
.news-arrival .right .item a:hover .more{color: #004741;}
.news-arrival .right .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.news-arrival .right .item.ri1 {margin-right: 1.5%;margin-bottom: 1.5%;}
.news-arrival .right .item.ri2 {margin-bottom: 1.5%;}
.news-arrival .right .item.ri3 {margin-right: 1.5%;}


.brand-adva {position: relative;clear: both;overflow: hidden;margin-bottom: 140px;}
.brand-adva .bgtxt{color: #eee;text-transform: uppercase;font-size: 300px;line-height:240px; position: absolute;width:200%;left: 0;top: 0;font-weight: bold;}
.brand-adva-content {position: relative;overflow: hidden; margin-top: 110px;}
.brand-adva .left{position: relative;float:left;width: 50%;}
.brand-adva .left .img {position: relative;background: #ccc;border-radius:0 20px 20px 0;overflow: hidden;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.brand-adva .right{position: absolute;width:35%;height:100%;top:0px;right: 5%;}
.brand-adva .right .item3{padding:7% 0;overflow: hidden;}
.brand-adva .right .item3 .item{overflow: hidden;clear: both;padding: 3% 0;}
.brand-adva .right .item3 .item i{display: block;width: 50px;height: 50px;position: relative;float: left;}
.brand-adva .right .item3 .item .txt{float: left;font-size: 18px;position: relative;padding-left: 5%;}
.brand-adva .right .item3 .item .txt::before {content: '';display: block;width: 1px;height: 100%;background: #ccc;position: absolute;left:4%;top: 0;}
.brand-adva .right .item3 .item .txt span{display: block;padding-bottom: 5px;}
.brand-adva .right .item3 .item .txt h4{}
.brandmore {display: block;color: #000000;width: 145px;height: 48px;border: 2px solid #000000;text-align: center;line-height: 48px;border-radius: 4px;font-weight: bold;font-size: 20px;}
.brandmore:hover {background: #000;color: #fff;}


.apply {margin-bottom: 100px;}
.apply-nav {text-align: right;float: right;width: 60%;margin-top: 20px;}
.apply-nav a{display: inline-block;vertical-align:middle;padding:1% 4% 2% 4%;font-size:20px;font-weight:bold;color:#b0b0b0;position:relative;}
.apply-nav a:hover {color: #000;}
.apply-nav a::after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom:0px;left: 0;}
.apply-nav a.cur{color: #000;}
.apply-nav a.cur::after {background: #000;}
.apply-nav a.more{padding-right: 30px;background: url("../upload/r4.svg") right 30% no-repeat;background-size: 20%;}
.apply-top {margin-bottom:0px;}
.apply-swiper {width: 100%;overflow: hidden;}
.apply-case-swiper.swiper-container {width: 91.5%;float: right;padding:3% 0;}
.apply-case-swiper a{display: block;overflow: hidden;width: 100%;}
.apply-case-swiper .item {position: relative;}
.apply-case-swiper .item .img{background: #ccc;position: relative;border-radius: 10px;overflow: hidden;}
.apply-case-swiper .item .mark-2 {position: absolute;z-index: 30;width: 100%;height: 100%;left: 0;bottom: 0;background: url("../upload/mark1.png") bottom repeat-x;}
.apply-case-swiper .item .txt{position: absolute;z-index:40;color: #fff;bottom:10%;left: 5%;}
.apply-case-swiper .item .txt h5{font-weight: normal;position: relative;display: inline-block;padding-right: 30px;font-size: 14px;}
.apply-case-swiper .item .txt h5::after {content: '';display: block;width: 20px;height:3px;background: #004741;position: absolute;right: 0;top: 50%;}
.apply-case-swiper .item .txt h3{padding-top: 10px;font-size: 20px;}
.apply-case-swiper a:hover .img .img-center{transform:scale(1.1);} 
.apply-case-swiper a:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
.lastest-news {width:83%;margin: auto;padding-bottom:3%;}
.lastest-news .left{float: left;width:14%;}
.lastest-news .lnews-nav{padding: 60px 0;overflow: hidden;}
.lastest-news .lnews-nav a{display: block;border: 2px solid #ccc;text-align: center;width: 140px;font-size: 16px;line-height: 50px; color: #b0b0b0;font-weight: bold;border-radius: 5px;margin-bottom:20px;}
.lastest-news .lnews-nav a.cur,.lastest-news .lnews-nav a:hover{color: #000;border:2px solid #000;}
.lastest-news .lnews-nav a.more{}
.lastest-news .right{float: left;width:86%;}
.lastest-news .right .inews-swiper {padding-bottom: 5%;overflow: hidden;}
.lastest-news .right .inews-item {float: left;width:44%;}
.lastest-news .right .inews-item a{display: block;border-radius: 10px;overflow: hidden;}
.lastest-news .right .inews-item a .img{position: relative;background: #ccc;}
.lastest-news .right .inews-item a .txt{position: relative;padding: 5%;overflow: hidden;color: #8d8d8d;}
.lastest-news .right .inews-item a .txt h2{font-size: 20px;color: #000;padding-bottom: 10px;}
.lastest-news .right .inews-item a .txt h4{font-size: 14px;font-weight: normal;padding-bottom: 30px;}
.lastest-news .right .inews-item a .txt h6{font-size: 16px;overflow: hidden;display: block;}
.lastest-news .right .inews-item a .txt h6 span{float: right;text-align: right;display: block;color: #cecece;}
.lastest-news .right .inews-item a .txt h6 span.more {float:left;color:#8d8d8d;text-align:left;background:url("../upload/r4.svg") right no-repeat;padding-right: 30px;}
.lastest-news .right .inews-item a {background: #fff;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.lastest-news .right .inews-item a:hover  h2{color: #004741;}
.lastest-news .right .inews-item a:hover .txt h6 span.more {background: url("../upload/r3.svg") right no-repeat;}
.lastest-news .right .inews-item-list {float: left;width:47%;padding-left:5%;}		
.lastest-news .right .inews-item-list a {padding:4.5% 0;display: block;overflow: hidden;position: relative;border-bottom: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a:first-child{border-top: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a .txt{position: relative;padding:5% 0;overflow: hidden;color: #8d8d8d;width:70%;}
.lastest-news .right .inews-item-list a .txt h3 {font-size: 18px;padding-bottom: 10px;}
.lastest-news .right .inews-item-list a .txt h4 {font-size: 14px;line-height: 24px;font-weight: normal;}
.lastest-news .right .inews-item-list a .data {position: absolute;width:17%;height: 100%;right: 0;top: 0;z-index: 3; color: #c4c4c4;text-align: right;}
.lastest-news .right .inews-item-list a .data::before {content: '';display: block;width: 2px;height:80px;position: absolute;left: 0;top: 50%;margin-top: -40px;background: #e5e5e5; }
.lastest-news .right .inews-item-list a .data::after {content: '';display: block;width:26px;height:22px;position: absolute;right:0;top: 50%;margin-top: -11px;background: url("../img/iToRight.svg");opacity: 0;transition:all .4s ease;}
.lastest-news .right .inews-item-list a .data ul {display: table;width:100%;height: 100%;}
.lastest-news .right .inews-item-list a .data ul li{display: table-cell;vertical-align: middle;}
.lastest-news .right .inews-item-list a .data h2{font-size: 40px;}
.lastest-news .right .inews-item-list a .data h4{font-size: 14px;color: #c4c4c4; font-weight: normal;}
.lastest-news .right .inews-item-list a:hover {background: #fff;}
.lastest-news .right .inews-item-list a:hover .txt {padding:5%;}
.lastest-news .right .inews-item-list a:hover .txt h3 {color: #004741;}
.lastest-news .right .inews-item-list a:hover .data h2,.lastest-news .right .inews-item-list a:hover .data h4 {opacity: 0;}
.lastest-news .right .inews-item-list a:hover .data::after {display: block;opacity: 1;right:40%;}

.moreStyle:hover span {letter-spacing: 5px;}




/* main */
.marginCenter {width: 83%;}
.nav-content ul li:last-child {margin-right: 0;}
#main {width: 100%;}
#content {width: 100%;height: auto;}
a,a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.pcshow {display: block!important;}
.mbshow {display: none!important;}
.clear {clear: both;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.swiper-container {width: 100%;height: 100%;}
.img {position: relative;}
/*.img img {max-width: 100%;max-height: 100%;}*/
.img-center {display: block;width:auto;height: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;}
.img-block {display: block;width: 100%;height: auto; object-fit: cover;}
.img-blockk {display: block;width: 100%;height: 315px; object-fit: cover;}
.text {font-size: 14px;line-height: 26px;color: #545454;overflow: hidden;}
 
.aside-top {position: fixed; width: 50px;bottom:10%;right: 1%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;opacity: .5; display: block;overflow: hidden; background:url(../upload/aside-top2.svg) no-repeat center;background-size:70%;border:1px solid #a7a7a7;}
.aside-top a:hover {background: #004741 url(../upload/aside-top.svg) no-repeat center;border:1px solid #004741 ;background-size: 70%;opacity: 1;}
 
.hq-page-banner-top{position: relative;}



@media only screen and (min-width: 1400px){
.hq-page-banner-top .column{width: 30%;position: absolute;left: 8.5%;bottom: 15%;z-index:11;color: #fff;}
}

@media screen and (max-width: 1410px){
.hq-page-banner-top .column{width: 30%;position: absolute;left: 8.5%;bottom: 0%;z-index:11;color: #fff;}
}



.hq-page-banner-top .column h2{font-size: 60px;position: relative; color: #000000; text-transform: capitalize;}
.hq-page-banner-top .column h2::after {content: '';display: block;width:45px;height: 3px;background: #004741;margin: 10px 0;}
.hq-page-banner-top .column h4{font-size: 22px;opacity: .2;text-transform: uppercase;}

.hq-page-nav {width: 83%;margin: auto;padding: 50px 0;overflow: hidden;}
.hq-page-nav a{display: block;float: left;width: 15.7%;margin-right:10px;margin-bottom:10px;border-radius: 5px;padding:15px 0; background: #fff;color: #8d8d8d;text-align: center;font-size: 20px;font-weight: bold;text-transform: capitalize;}
.hq-page-nav a.cur{background: #004741;color: #fff;text-transform: capitalize;}
.hq-page-nav a:hover {background: #004741;color: #fff;}

.titles{}
.titles h3{font-size: 34px;}
.titles h4{font-size: 20px;text-transform: uppercase; opacity: .2; padding-top: 5px;}



 
.about-innovative {position: relative;padding-bottom:300px;overflow: hidden;}
.about-innovative .top {width: 83%;position: absolute;left:8.5%;top:90px;z-index: 20;text-align: center;color: #fff;}
.about-innovative .top .text{padding: 30px 0;opacity: .8;color: #fff;} 
.about-innovative .top .item3{text-align: center;} 
.about-innovative .top .item{position: relative;width: 32%;margin:.5%;border-radius: 10px;overflow:hidden;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);float: left;} 
.about-innovative .top .item:last-child {margin-right: 0;}
.about-innovative .top .item .txt{position: absolute;background: #fff;left: 0;bottom: 0;width:88%;z-index: 20;height:90px; padding:2% 8%;text-align: left;} 
.about-innovative .top .item .txt ul {display: table;width: 100%;height: 100%;margin: 0;padding: 0;}
.about-innovative .top .item .txt ul li{display: table-cell;vertical-align: middle;}
.about-innovative .top .item .txt h4{font-size: 18px;font-weight: bold;color: #000;position: relative;} 
.about-innovative .top .item .txt h4::after{content: '';display: inline-block;vertical-align: middle;margin-left:20px; width: 15px;height:3px;background: #004741;}
.about-innovative .top .item .txt h5{font-size: 14px;color: #8b8b8b;padding-top: 10px;font-weight: normal;} 

.about-product-quality {position: relative;overflow: hidden;background: #fff;}
.about-product-quality .left{float: left;width: 50%;}
.about-product-quality .right{position: absolute;right: 12%;top: 0;height:90%;width:33%;padding:3% 0;}
.about-product-quality .right .text{padding: 5% 0;}
.about-product-quality .right .icon3 li{display: inline-block;vertical-align: middle;list-style: none;margin: 0 5% 0 0;}
.about-product-quality .right .icon3 li i{position: relative;display: inline-block;vertical-align: middle;width:35px;height:35px;}
.about-product-quality .right .icon3 li i img{}
.about-product-quality .right .icon3 li span{font-size: 16px;color: #585858;padding-left: 10px;}

		
.about-development-history {position: relative;padding:7% 0 1% 0;overflow: hidden;}
.about-development-history .titles {text-align: center;}
.development-history {padding:3% 0;overflow: hidden;}
.development-history .item{position: relative;}
.development-history .item::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 95px; background: #bfbfbf;}
.development-history .item .img .img-center{opacity: .5;border-radius: 10px;display:block;width:60%;height: auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.development-history .item .text{text-align: center;padding-top: 10px;overflow: hidden;}
.development-history .item .text h4{font-size: 28px;color: #c4c4c4;}
.development-history .item .text h5{font-size: 16px;color: #c4c4c4;padding-top: 10px;}
.linedot {width: 30px;height:30px; background: #f5f5f5;margin:80px auto auto;position: relative;z-index: 33;}
.linedot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -25px;margin-left: -0.5px; background: #c4c4c4;display: block;}
.linedot li{width:18px;height: 18px;border: 1px solid #bfbfbf;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.linedot li i{display: block;width: 8px;height:8px;border-radius:10px;margin:5px;background: #bfbfbf;overflow: hidden;}
.development-history .swiper-slide-active .item .linedot li i{background: #004741;}
.development-history .swiper-slide-active .item .linedot li {border: 1px solid #004741;}
.development-history .swiper-slide-active .item .linedot::before { background:#004741;}
.development-history .swiper-slide-active .linedot::before {background: #232323;}
.development-history .swiper-slide-active .item .text h4{color: #000;}
.development-history .swiper-slide-active .item .text h5 {color: #000;opacity: .8;}
.development-history .swiper-slide-active .item .img .img-center{opacity: 1;width: 100%;}

.about-social-obligation {padding: 5% 0 13% 0;overflow: hidden;}
.about-social-obligation .main-content {background: #fff;width:80%;padding:5% 5% 3% 5%;position: relative;float: left;border-radius: 20px;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.about-social-obligation .left{float: left;width: 40%;margin-left: 10%;margin-top: 3%; text-transform: capitalize;}
.about-social-obligation .left .text{padding: 5% 0;}
.about-social-obligation .right{float:right;width:29%;position: absolute;right:0;top:0;padding-right:13%;padding-top:7%;}
.about-social-obligation .right .img{}
.horizontal-line {width: 200px;height: 4px;position: absolute;background: #004741;left:-20%;top:25%;z-index:20;}
.title-en {font-size: 50px;color: #e4e4e4;text-transform: uppercase;font-weight: normal;transform:rotate(90deg);position:absolute;right:-7%;top:37%;}
.quotation-marks  {background: url("../upload/about-09.png");background-size: 100%;width: 116px;height: 83px;position: absolute;right:6%;top:-7%;}

 
.imgcenter{ object-fit: contain;    width: 100%; height: 350px;}
.pcertification p{ color: #666666; line-height: 30px}
 /* product */
.hq-product {position: relative;}
.hq-product-list {width: 83%;margin: auto;overflow: hidden;text-align: center;font-size: 0;padding:1% 0 0% 0;}
.product-item{position: relative;width: 31.9%;margin:0 1.4% 1.4% 0;border-radius: 10px;overflow: hidden;text-align: center;float: left;}
.product-item.mr0 {margin:0 0 1.4% 0;}
.product-item a{display: block;overflow: hidden;background: #fff;padding: 5%;}
.product-item .item {overflow: hidden;background: #fff;padding: 5%;}
.product-item .img{position: relative}
.product-item .img .enname {font-size:80px;text-transform: uppercase;position: absolute;overflow: hidden;left: 0;top: 10%;width: 100%;z-index: 3;color: #000;font-weight: bold;opacity: 0;}
.product-item .txt{color: #b8b8b8; padding-top: 30px; padding-bottom: 30px;}
.product-item .txt h3{font-size: 16px;text-transform:capitalize;padding-bottom:3px;}
.product-item .txt h4{font-size: 16px;}
.product-item a:hover .img .enname{opacity: .1;}
.product-item a:hover .txt h3,.product-item a:hover .txt h4{color: #004741;}
.product-item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.product-item .item-hover ul {display: table;width: 100%;height: 100%;}
.product-item .item-hover ul li{display: table-cell;vertical-align: middle;}
.product-item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;}
.product-item .item-hover a.v1{}
.product-item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #004741;}
.product-item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.product-item .item:hover .item-hover {display: block;z-index:30;opacity: 1;}

.path {font-size: 14px;padding:10px 0;position: absolute;left: 0;top: 4%;z-index: 33;color: #a9a9a9;}
.path a{color: #a9a9a9;font-size: 14px;}
.path a.cur{color: #000;}
.path a:hover {color: #000;}

.hq-product-detail {position: relative;overflow: hidden;}
.product-detail {overflow: hidden;background: url("../upload/product-04.jpg") left top no-repeat;background-size: 100%;}
.product-detail .detail-content {width: 83%;margin: auto;overflow: hidden;position: relative;}
.product-detail .left{float: left;width:40%;position: relative;z-index: 3;padding-left:7%;}
.product-detail .right{width: 45%;position: absolute;height:100%;right: 0;top: 0;z-index: 1;}
.product-detail .right .introduce {float: right;}
.product-detail .right .introduce h2 strong{font-size: 44px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.product-detail .right .introduce h2 span{font-size: 34px;font-weight: normal;display: inline-block;vertical-align: middle;}
.product-detail .right .introduce .txt{padding:5% 0;font-size: 18px;line-height: 28px;color: #585858;}
.product-detail .right .introduce .item{font-size: 16px;line-height: 28px;color: #8d8d8d;margin-top:30px;}
.product-detail .right .introduce .bottom-txt{margin-top:70px;padding:40px 0 0px 20px;overflow: hidden;font-size: 16px;line-height: 28px;position: relative;}
.product-detail .right .introduce .bottom-txt img {display: inline-block;vertical-align: middle;margin-right: 10px;} 
.product-detail .right .introduce .bottom-txt h3{display: inline-block;vertical-align: middle;}
.product-detail .right .introduce .bottom-txt::after {content: '';display: block;width:60%;height: 2px;position: absolute;right: 0;bottom:15px;background: #ccc;}
.product-detail .right .introduce .bottom-txt .name-en {font-size: 60px;line-height: 60px;color: #004741;text-transform: uppercase;letter-spacing:25px;height: 100%; opacity: .1;position: absolute;left: 0;top: 0;z-index: 1;font-weight: bold;}
.x-line {clear: both;height: 2px;background: #dcdcdc;margin: 45px auto;width: 83%;}

.product-feature {width: 84%;margin:0 auto;}
.product-feature .item3{padding: 2% 0 0 0;}
.product-feature .item3 .item{width:32%;float: left;border-radius: 10px;background: #fff;overflow: hidden;padding:2% 3% 6% 3%;;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);margin:0 2% 2% 0;min-height: 60px;height:60px;}
.product-feature .item3 .item:last-child,.product-feature .item3 .item.mr0 {margin-right: 0;}
.product-feature .item3 .item .txt{font-size: 16px;line-height: 28px;color: #8d8d8d;}
.product-feature .item3 .item .num{font-size: 100px;color: #edb8bb;font-weight: bold;position: absolute;bottom:-45px;right:5%;}
.product-feature .item3 .item:hover .num{color: #004741;}
.product-feature .item3 .item:hover .txt{color: #000;}

.product-introduction {width: 83%;margin: auto;padding-top: 4%;}
.product-introduction .introduction {width:90%;margin:2% 0; border-radius: 10px;background: #fff url("../upload/product-05.jpg") right bottom no-repeat;overflow: hidden;padding:5%;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.product-introduction .introduction .txt {color: #8d8d8d;line-height: 28px;font-size: 16px;width: 70%;}

.product-other {width: 83%;margin:4% auto 5% auto;overflow: hidden;}
.product-other .list3 {padding:2% 0;overflow: hidden;}




 /* case */
.hq-case {position: relative;overflow: hidden;}
.hq-case-list {background: url("../upload/case-03.png") right top no-repeat;}
.hq-case-list .case-list-swiper{}
.hq-case-list .case-list-swiper .item{width: 83%;margin: auto;padding:1% 0;}
.hq-case-list .case-list-swiper .item .img{position: relative;width: 45%;float: left;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-case-list .case-list-swiper .item .right{width:50%;padding:5% 0;float: left;position: relative;margin-left: 5%;}
.hq-case-list .case-list-swiper .item .right .titles{}
.hq-case-list .case-list-swiper .item .right .text{padding-top: 40px;}
.hq-case-list .case-list-swiper .item .right .more {position: absolute;right: 0;bottom: 0;}
.hq-case-list .case-list-swiper .item .right .more a{display: block;font-size: 20px;padding-right: 30px;text-transform: uppercase; color: #000;background: url("../upload/r1.svg") right center no-repeat;background-size:30%; opacity: .4;}
.hq-case-list .case-list-swiper .item .right .more a:hover {opacity: 1;}
.hq-case-list .case-list-swiper .item .right .progress {background: #edc4c9;height:3px;width: 130px;position: absolute;left: 0;bottom:10px;}
.hq-case-list .case-list-swiper .item .right .progress::before {content: '';display: block;left: 0;top: 0;position: absolute;width: 0;height: 3px;z-index: 3; background: #004741;}
.case-small-swiper {margin: 3% auto 5% 8.5%;width: 91.5%;}
.case-small-swiper .img{position: relative;width:100%;border-radius: 10px;overflow: hidden; cursor: pointer;}
.case-small-swiper .img {background: #000;} 
.case-small-swiper .img img {opacity: .6;}
.case-small-swiper .swiper-slide-thumb-active .img img{opacity: 1;}

.hq-case-list .case-list-swiper .swiper-slide-active .item .right .progress::before {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.hq-case-detail {padding:1% 0;width: 83%;margin: auto;overflow: hidden;position: relative;}
.hq-case-detail .path {position: relative;left: auto;top: auto;}
.hq-case-detail .case-detail{padding:3% 0;overflow: hidden;}
.hq-case-detail .case-detail .left{float: left;width: 40%;}
.hq-case-detail .case-detail .left .titles h3{}
.hq-case-detail .case-detail .left .titles h4{}
.hq-case-detail .case-detail .left .line {background: #edc4c9;height:3px;width: 130px;position: relative;margin-top: 50px;}
.hq-case-detail .case-detail .left .line::before {content: '';display: block;left: 0;top: 0;position: absolute;width:30px;height: 3px;z-index: 3; background: #004741;}
.hq-case-detail .case-detail .right{float: right;width:60%;}
.hq-case-detail .case-detail .right .item{overflow: hidden;padding-bottom: 20px;color: #000;font-weight: bold;}
.hq-case-detail .case-detail .right .item li{font-size: 14px;display: inline-block;vertical-align: middle;width: 32%;}
.hq-case-detail .case-detail .right .txt{font-size: 14px;line-height: 28px;color: #9d9d9d;}

.case-detail-swiper {border-radius: 20px;overflow: hidden;clear: both;}
.case-detail-swiper .img {background: #000;}
.case-detail-swiper .swiper-button-prev:after,.case-detail-swiper .swiper-button-next:after {display: none;}
.swiper-next,.swiper-prev {width: 40px;height: 40px;}
.swiper-next {background: url("../upload/r2.png") center no-repeat;right: 2%;}
.swiper-prev {background: url("../upload/l2.png") center no-repeat;left: 2%;}

.l-mark {display: block;width: 10%;height: 100%;position: absolute;left: 0;top: 0;background:url("../upload/bg1.png") right repeat-y;z-index: 3;}
.r-mark {display: block;width: 10%;height: 100%;position: absolute;right: 0;top: 0;background:url("../upload/bg2.png") left repeat-y;z-index: 3;}




 /* serve */
.hq-service {position: relative;}
.service-network {padding:2% 0;overflow: hidden;}
.service-network .left {float: left;width:57%;}
.service-network .left .map{height: auto; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);background: #ccc;border-radius: 20px;overflow: hidden;}
.service-network .left .map img {display: block;width: 100%;height: auto;}
.service-network .right {float: left;width:30%;margin-left: 5%; padding-top: 1%;}
.city-choice {padding: 3% 0;overflow: hidden;}
.dealers-select {width:35%;border: 2px solid #ccc;height: 50px;font-size: 14px;color: #999999;padding:0 2%;font-weight: bold;margin: 2px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../upload/sj.svg") 90% center no-repeat;background-size:7%; outline: none;border-radius:5px;}
.dealers-submit {width:25%;height: 50px;background: #939393;color: #fff;font-weight: bold;cursor: pointer;border-radius:5px;border: none;outline: none;}
.dealers-submit:hover {background: #004741;}
.city-choice-list {margin-top: 3%;overflow: auto;height: 500px;}
.city-choice-list::-webkit-scrollbar{height:4px; width:3px;background-color:#ccc;}
.city-choice-list::-webkit-scrollbar-button{height:0; width:0;}
.city-choice-list::-webkit-scrollbar-thumb{background-color:#000;}
.list-h500 {width: 95%;border-top: 2px solid #ccc;}
.list-h500 a {display: block;overflow: hidden;padding:24px 0; border-bottom: 2px solid #ccc;position: relative;}
.list-h500 a i {width: 25px;height: 29px;position: absolute;left: 5%;top: 50%;margin-top:-14px; background: url("../upload/add.svg") center no-repeat;}
.list-h500 a span {margin-left:15%;width: 74%;padding-left:5%; display: block;position: relative;}
.list-h500 a span::before {content: '';display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}
.list-h500 a span h5{display: block;font-size: 14px;padding-bottom:5px;color: #000;}
.list-h500 a span h6{font-size: 14px;line-height:24px; font-weight: normal;color: #999;}
.list-h500 a span h6 * {color: #999;}
.list-h500 a:hover {background: #f1f1f1;}
.list-h500 a:hover span h5{color: #004741;}

.service-project {padding: 5% 0 10% 0;overflow: hidden;text-align: center;}
.service-project .top{text-align: center;position: absolute;width: 83%;left: 8.5%;z-index: 3;color: #fff;padding-top:5%;}
.service-project .top .item4{padding: 2% 0;overflow: hidden;}
.service-project .top .item4 .item {float: left;width: 24.1%;border-radius: 10px;overflow: hidden; margin-right: 1%;position: relative; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.service-project .top .item4 .item:last-child {margin-right: 0;}
.service-project .top .item4 .img{overflow: hidden;}
.service-project .top .item4 .txt{background: #fff;width: 90%;padding:5% 5%;overflow: hidden;font-size: 18px;color: #000;font-weight: bold;text-align: left;}
.service-project .top .item4 .txt::after {content: '';display: inline-block;vertical-align: middle;width:20px;height: 2px;background: #004741;margin-left: 20px;}

.service-technical-file {padding: 5% 0 7% 0;overflow: hidden;position: relative;margin-bottom:7%;}
.service-technical-file .main-content {position: relative; float: right;width: 81.5%;padding:3% 5%; background: #fff;border-radius: 20px 0 0 20px ; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);min-height:300px;}
.technical-nav {text-align: right;width: 50%;position: absolute;right:10%;top:20%;}
.technical-nav a{color: #b8b8b8;font-size: 20px;position: relative;font-weight: bold;display: inline-block;margin-left:50px;}
.technical-nav a::after {content: '';width: 100%;height: 2px;background: #000;display: none;margin-top: 10px;}
.technical-nav a.cur,.technical-nav a:hover{color: #000;}
.technical-nav a.cur::after {display: block;}

.technical-download {position: absolute;width: 86.5%;right: 0;bottom: 0;z-index: 40;}
.technical-swiper {position: relative;}
.technical-swiper .slidelist {text-align: center;}
.technical-swiper .slidelist .item{background: #ebebeb;width:80%;padding: 10%;overflow: hidden;position: relative;}
.technical-swiper .slidelist .item i{display: block;margin: 5% auto;}
.technical-swiper .slidelist .item h4{font-size: 16px;color: #818181;padding: 20px 0;}
.technical-swiper .slidelist .item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.technical-swiper .slidelist .item .item-hover ul {display: table;width: 100%;height: 100%;}
.technical-swiper .slidelist .item .item-hover ul li{display: table-cell;vertical-align: middle;}
.technical-swiper .slidelist .item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;background: #fff;}
.technical-swiper .slidelist .item .item-hover a.v1{}
.technical-swiper .slidelist .item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #004741;}
.technical-swiper .slidelist .item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.technical-swiper .slidelist .item:hover .item-hover {display: block;z-index:30;opacity: 1;}





 /* news */
.hq-news {position: relative;overflow: hidden;}
.hq-news-list {width: 83%;margin: auto;}


@media only screen and (min-width: 1400px){

.hq-news-list .item {border-radius: 10px;margin-bottom:2%;transition:all .4s ease; height: 310px;background: #fff;}
}

@media screen and (max-width: 1410px){

.hq-news-list .item {border-radius: 10px;margin-bottom:2%;transition:all .4s ease; height: 220px;background: #fff;}
}



.hq-news-list .item a{display: block;background: #fff;position: relative;color: #000;}
.hq-news-list .item a .img{float: left;width:35%;background: #ccc;border-radius: 10px;overflow: hidden;}
.hq-news-list .item a .txt{position: absolute;right:5%;top: 0;width: 55%;height: 100%;}
.hq-news-list .item a .txt h2{position: relative;display: block;margin-top: 50px;}
.hq-news-list .item a .txt h2 strong{font-size: 20px;}
.hq-news-list .item a .txt h2 span{position: absolute;right: 0;top:5px;color: #8d8d8d;font-size:20px;font-weight: normal;}
.hq-news-list .item a .txt h5{font-size: 14px;line-height: 26px;color: #8d8d8d;padding: 30px 0 30px 0;font-weight: normal;width: 80%;}
.hq-news-list .item a .txt h6{font-size: 16px;color: #8d8d8d;padding-right: 30px;background: url("../upload/r4.svg") right no-repeat;background-size:30%; display: inline-block;}
.hq-news-list .item a .txt .logobg {background: url("../upload/logo.png") no-repeat;width: 400px;height:106px;position: absolute;right:-2%;bottom:-12%;display: none;}
.hq-news-list .item a:hover .txt h2 strong{color: #004741;}
.hq-news-list .item a:hover .txt h5,.hq-news-list .item a:hover .txt h2 span {color: #000;}
.hq-news-list .item a:hover .txt h6{background: url("../upload/r3.svg") right no-repeat;}
.hq-news-list .item a:hover .txt .logobg {display: block;}
.hq-news-list .item:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
.page-turn {text-align: center;margin-top: 3%;clear: both;}
.page-turn a{display: inline-block;vertical-align: middle;margin:0.3%;width:70px;height:70px;line-height:70px; border-radius: 100%;text-align: center;font-size: 20px;background-color: #fff;background-position: center;background-repeat: no-repeat;color: #666;}	
.page-turn a:hover {background-color: #ccc;}
.page-turn a.prev{background-image: url("../upload/l4.svg");background-size: 40%;opacity: .6;}
.page-turn a.next{background-image: url("../upload/r4.svg");background-size: 40%;}
.page-turn a.cur{background: #004741;color: #fff;}

.hq-news-detail {padding:1% 0;width: 83%;margin: auto;position: relative;}
.hq-news-detail .path {position: relative;left: auto;top: auto;}
.hq-news-detail .news-detail{margin:3% 0 7% 0;}
.hq-news-detail .news-detail .left{float: left;width:65%;padding:5% 4%;overflow: hidden; background: #fff;border-radius: 20px;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-news-detail .news-detail .left .news-title {text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.hq-news-detail .news-detail .left .news-title h1{font-size: 26px;}
.hq-news-detail .news-detail .left .news-title h5{font-size: 14px;font-weight: normal;color: #9e9e9e;padding: 10px 0;}
.hq-news-detail .news-detail .left .news-title h5 span {margin-right: 4%;}
.news-detail-content {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px; color: #8d8d8d;border-bottom: 1px solid #ccc;}
.page-fanye {position: relative;padding-top:5%;}
.page-fanye a{display: block;color: #666;font-size: 14px;padding:14px 0px;position: absolute;}
.page-fanye a.prev{left: 0;padding-left: 30px;background: url("../upload/l4.svg") left center no-repeat;background-size: 30%;}
.page-fanye a.next{right: 0;padding-right:30px;background: url("../upload/r4.svg") right center no-repeat;background-size: 33%;text-align: right;}
.page-fanye a.retu{padding-left: 30px;background: url("../img/back.svg") left center no-repeat;background-size: 30%;left: 50%;margin:0 0 0 -20px;}
.page-fanye a:hover {background: #004741;padding:14px 40px;color: #fff;}
.page-fanye a.retu:hover {margin:0 0 0 -40px;}
.page-fanye a.prev:hover{background: url("../upload/l3.svg") 25% center no-repeat #004741;background-size: 20%;color: #fff;text-indent: 20px;}
.page-fanye a.next:hover{background: url("../upload/r5.svg") 75% center no-repeat #004741;background-size: 20%;color: #fff;padding-right:60px;}
.hq-news-detail .news-detail .right{float: right;width:27%;overflow: hidden;}
.hq-news-detail .news-detail .right .titles {border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.hq-news-detail .news-detail .right .right-list {padding:10% 0 0 0;overflow: hidden;}
.hq-news-detail .news-detail .right .right-list a{display: block;overflow: hidden;font-size: 16px;position: relative;}
.hq-news-detail .news-detail .right .right-list a::after {content: '';display: block;width:20%;height:1px;background: #ccc;margin:30px 0;transition:all .4s ease;}
.hq-news-detail .news-detail .right .right-list a h4{color: #000;font-weight: normal;display: block;    line-height: 30px;}
.hq-news-detail .news-detail .right .right-list a h5{font-size: 16px;font-weight: normal;color: #bbbbbb;position: relative;display: block;padding-top:20px;}
.hq-news-detail .news-detail .right .right-list a h5::before {content: '';display: none;width:16px;height:13px;background: url("../upload/r3.png") right bottom no-repeat;position: absolute;right: 0;top:20px;}
.hq-news-detail .news-detail .right .right-list a:hover h4,.hq-news-detail .news-detail .right .right-list a:hover h5{padding-left: 5%;}
.hq-news-detail .news-detail .right .right-list a:hover h4{color: #004741;}
.hq-news-detail .news-detail .right .right-list a:hover::after{width:100%;background: #004741;}
.hq-news-detail .news-detail .right .right-list a:hover h5::before {display: block;}



 /* recruit */
.hq-recruit {position: relative;overflow: hidden;}
.recruitment-list {overflow: hidden;}
.recruitment {width: 100%;margin: auto;}
.recruitment .rcontact{ margin-bottom: 1%;border-radius: 10px;overflow: hidden;}
.recruitment .rcontact .rtitle{padding:2% 5%;position: relative;cursor: pointer;overflow: hidden;background: #fff;color: #1a1a1a;}
.recruitment .rcontact .rtitle * {display: inline-block;vertical-align: middle;font-size: 16px;}
.recruitment .rcontact .rtitle h3 {width: 20%;font-size: 18px;}
.recruitment .rcontact .rtitle li {width: 59%;}
.recruitment .rcontact .rtitle li h5{color: #999999;font-weight: normal;}
.recruitment .rcontact .rtitle li i {width: 1px;height:20px;background: #333;display: inline-block;vertical-align: middle;margin: 0 34px;opacity: .4;}
.recruitment .rcontact .rtitle h4{width: 16%;text-align: right;color: #999999;padding-right:3%; font-weight: normal;position: relative;}
.recruitment .rcontact .rtitle h4 i{width:15px;height: 30px;opacity: 0.5; background: url("../img/toTop.svg") center no-repeat;position: absolute;right:0;top: 50%;margin-top: -15px;}
.recruitment .rcontact .rtitle.cur {font-weight: bold;background: #004741;color: #fff;}
.recruitment .rcontact .rtitle.cur h5,.recruitment .rcontact .rtitle.cur h4 {color: #fff;}
.recruitment .rcontact .rtitle.cur i {background: url("../img/toBottom.svg") center no-repeat ;}
.recruitment .rcontact .rtitle.cur li i {background: #fff;}
.recruitment .rcontact.cur ul.children{ display:block;}
.recruitment .rcontact ul{background: #fff;border-top: 1px solid #ededed; padding:3% 5%;font-size: 14px;line-height: 24px;color: #666666;}
.recruitment .rcontact ul.children{ display: none;}
.applyjobs {background: #004741;color: #fff;width: 150px;height: 50px;font-size: 16px;font-weight: bold;border-radius: 5px;line-height: 50px;text-align: center;display: block;margin: 30px 0;}
.applyjobs:hover {background: #004741;color: #fff;}




 /* contact */
.hq-contact {position: relative;overflow: hidden;}




.development-history .item .text h5,.hq-product-list .product-item .img .enname,.lastest-news .right .inews-item a .txt h4,.lastest-news .right .inews-item-list a .txt h3,.lastest-news .right .inews-item a .txt h2,.technical-swiper .slidelist .item h4,.hq-news-list .item a .txt h2 strong
{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}




.news-arrival .left .item .txt h3 ,.news-arrival .right .item .txt h3,.news-arrival .right .item .more,.news-arrival .left .item .more,.moreStyle span,.news-arrival .t1 p,.t1 p,.brandmore,.apply-nav a.more,.apply-case-swiper .item .txt h5,.lastest-news .right .inews-item-list a .data h2,.lastest-news .right .inews-item-list a .data h4,.lastest-news .right .inews-item a .txt h6 span,.lastest-news .lnews-nav a.more,.titles h4,.development-history .item .text h4,.product-item .txt h3,.product-item .img .enname,.product-detail .right .introduce h2 strong,.product-feature .item3 .item .num,.hq-case-list .case-list-swiper .item .right .more a,.hq-news-list .item a .txt h2 span,.page-turn a,.title h5,.recruitment .rcontact .rtitle h4,.hq-page-banner-top .column h4,.brand-adva .bgtxt
{font-family:Montserrat,"微软雅黑";}


/* footer */
.riifo-footer {padding-top:80px;overflow: hidden;}
.riifo-footer-content-top {padding-bottom: 40px;position: relative;}
.riifo-footer-content-top-logo {width: 125px;height: 35px;position: relative;}
.riifo-footer-content-top-logo a {display: block;}
.riifo-footer-content-top-social {margin-top: 5%;}
.riifo-footer-content-top-social a{display: inline-block;vertical-align: middle;margin-left: -1px;}
.riifo-footer-content-top-social i{position: relative;display: block;margin: auto;width: 48px;height: 48px;}
.riifo-footer-content-center {padding:10px 0 40px 0;overflow: hidden;}
.riifo-footer-content-center-left {float: left;width: 60%;}
.riifo-footer-content-center-left ul{list-style: none;padding: 0;margin: 0;float: left;width: 25%;}
.riifo-footer-content-center-left h4,.riifo-footer-content-center-right h4{padding: 0;margin: 0;display: block;padding-bottom: 20px;text-transform: uppercase;font-weight: normal;}
.riifo-footer-content-center-left li{list-style: none;padding: 0;margin: 0;padding: 5px 0;}
.riifo-footer-content-center-right {float: right;width:25%;text-align: right;}		
.riifo-footer-subscribe {position: relative;}							
.subscribeinput {width: 100%;height: 45px;line-height: 45px;background: none;box-sizing: border-box;padding: 0 5%;}
.subscribesubmit {position: absolute;width: 45px;height: 45px;line-height: 45px;right: 0;top: 0;z-index: 2;border: none;background-image: url('../images/rightb1.png');background-position: center;background-repeat: no-repeat;cursor: pointer;}
.riifo-footer-add {margin-top: 10px;line-height: 24px;position: relative;}
.riifo-footer-content-bottom {overflow: hidden;padding: 50px 0;position: relative;}						
.riifo-footer-content-bottom-left {float: left;}	
.riifo-footer-content-bottom-right {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}		
.riifo-footer-content-center .riifo-footer-content-center-right .riifo-footer-content-top-social a{border: none;} 
.riifo-footer-content-center .riifo-footer-content-center-right .riifo-footer-content-top-social a i{width: 34px;} 			






/* 2022/01/01 */
.nav-content.cur {overflow: visible;}
.nav-content.cur ul {overflow: visible; padding-bottom: 0;}
.nav-content.cur .nav-show {position: absolute;background-color: #fff; z-index: 11;left: 50%;top: 100px;padding: 10% 0;display:none;height: auto;transform: translateX(-50%);box-sizing: border-box;transition:all .4s ease;}
.nav-content.cur ul li a::before {display: none;}
.nav-content.cur .nav-show  a {padding: 0 10%;}
.nav-show {text-align: center;}
.nav-show::after {left: 50%;margin-left: -10px;}
.nav-content.cur ul li.cur .nav-show  {display: block;}
.nav-content.cur ul li ol {position: relative;margin: 0;padding: 0;}
.nav-content.cur ul li ol.cur .nav-show-tow{display: block;}
.nav-content.cur ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-show-tow {display: none;position: absolute;left: 100%;top: 0;overflow:hidden;width: 100%;height: auto;z-index: 11;background-color: #fff;padding: 10% 0;box-sizing: border-box;transition:all .4s ease;border-left: 1px solid #ccc;}
.nav-content ul li {padding: 0 3%!important;}
.nav-content ul li:first-child {padding: 0 3%!important;}
.nav-content ul li:last-child{padding: 0 3%!important;}
.nav-content ul li:first-child .nav-show{left: 50%;}
.nav-content ul li:last-child .nav-show{left: 50%;right: auto;}
.nav-content.cur ul li ol.cur a.n1 {color: #004741;}
.hq-page-nav a {font-size:16px;}


@media only screen and (min-width: 1400px){
.hq-page-nav {padding: 30px 0;}
}

@media screen and (max-width: 1410px){
.hq-page-nav { padding-top: 230px;}
}

.en .nav-content ul li .nav-show {display: none!important;}
.en .nav-content ul li a { text-align: center!important;}
.en .nav-content.cur ul li.cur .nav-show {display: block!important;}
.en .nav-show-tow {width:auto!important;}
.en .nav-content ul li .nav-show {padding:10% 0;}
.en .nav-show-tow {left: 100%;right:auto;}
@media screen and (max-width: 1440px){
    .hq-page-nav a {font-size:13px!important;}
}
@media screen and (max-width: 840px){
    .hq-page-nav a {width: auto; padding: 10px 20px;margin:1%;}
    .hq-page-nav.num3 a,.hq-page-nav.num2 a,.hq-page-nav.num4 a,.hq-page-nav.num5 a,.hq-page-nav.num6 a {margin:1%!important;width: auto!important;}
}



@media only screen and (min-width: 1400px){

.riifo-media-references-list {
    clear: both;
    overflow: hidden;
    width: 1580px;
    margin: auto;
}
}

@media screen and (max-width: 1410px){

.riifo-media-references-list {
    clear: both;
    overflow: hidden;
    width: 1180px;
    margin: auto;
}
}




.riifo-media-references-list-content {background: #f7f8fa;overflow: hidden;clear: both;padding: 2% 0 4% 0;}
.riifo-media-references-list-content .num-1 {text-align: left;color: #999999;font-size: 14px;}
.riifo-media-references-list-content .num-1 strong {color: #004741;margin-right: 5px;font-weight: normal;}
.riifo-media-references-list-top {position: relative;overflow: hidden;margin-top: 2%;}
.riifo-media-references-strip {width: 32.3%;float: left;margin-bottom: 1%;overflow: hidden;margin-right:1%;box-sizing: border-box;}
.riifo-media-references-strip.mr0 {margin-right: 0px;}
.riifo-media-references-strip a{display: block;overflow: hidden;position: relative;background: #fff;}
.riifo-media-references-strip .text{padding: 8%;text-align: left;}
.riifo-media-references-strip .title-1{padding-bottom: 10px;color: #999999;font-size: 14px;}
.riifo-media-references-strip .text-2{overflow: hidden;font-weight: bold;font-size: 18px;line-height: 30px;min-height: 60px; text-transform: capitalize;}
.riifo-media-references-strip .learnmore-3 {font-size: 0;overflow: hidden;}  
.riifo-media-references-strip .learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;border: 2px solid #000;}  
.riifo-media-references-strip .learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;font-size: 14px;}  
.riifo-media-references-strip .view{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 15;opacity: 0;} 
.riifo-media-references-strip .view i{display: block;width: 80px;height: 80px;border-radius: 100%;background:url('../images/jt2.png') center no-repeat #004741;}
.riifo-media-references-strip a:hover .text-2{color: #004741;}
.riifo-media-references-strip a:hover .learnmore-3 i{border: 2px solid #004741;background: url('../images/jiah2.png') center no-repeat;transform: rotate(180deg);}
.riifo-media-references-strip a:hover .learnmore-3 span{color: #004741;}  
.riifo-media-references-strip a:hover .view{opacity: 1;transform:translate(-45%,-55%);}	 
.riifo-media-references-strip a:hover .pic {transform:scale(1.1);}	
.riifo-media-references-strip.top1 {width: 66.333%;}
.riifo-media-references-strip.top2 {width: 32.333%;margin-right:0;}
.riifo-media-references-strip.top1 a,.riifo-media-references-strip.top2 a{background:transparent;}
.riifo-media-references-strip.top1 .learnmore-3,.riifo-media-references-strip.top2 .learnmore-3 {display: none;}
.riifo-media-references-strip.top1 .text,.riifo-media-references-strip.top2 .text{padding:0;position: absolute;width: 90%;left: 5%;bottom: 7%;z-index: 11;}
.riifo-media-references-strip.top1 .title-1,.riifo-media-references-strip.top2 .title-1 {color: #fff;}
.riifo-media-references-strip.top1 .text-2,.riifo-media-references-strip.top2 .text-2 {color: #fff;min-height: auto;}




.hls-page-prodcutdetail {overflow: hidden; padding-top: 10%; }
.detailpic {float: left;width: 46%;border: 1px solid #eee; background-color: #fff;}
.detailpic .swiper-button-next,.detailpic .swiper-button-prev {left:auto;right:0;top:auto;bottom:1px;margin: 0;width:90px;height:60px;position: absolute;outline: none;cursor: pointer;opacity: 1;}
.detailpic .swiper-button-next {background: url("../images/right-b.svg") center no-repeat rgba(0,0,0,.3);background-size:20%;}
.detailpic .swiper-button-prev {background: url("../images/left-b.svg") center no-repeat rgba(0,0,0,.3);background-size:20%;right: 91px;}
.detailpic .swiper-button-next:hover {background: url("../images/right-b.svg") center no-repeat rgba(0,0,0,1);background-size:20%;}
.detailpic .swiper-button-prev:hover {background: url("../images/left-b.svg") center no-repeat rgba(0,0,0,1);background-size:20%;}
.detailpic .swiper-pagination.swiper-pagination-fraction {left: 5%;bottom: 5%; text-align: left;font-size: 14px;color: #999;font-family: 'Conv_Montserrat-Bold';}
.detailpic .swiper-pagination.swiper-pagination-fraction span {opacity: .3; font-family: 'Conv_Montserrat-Bold';}
.detailpic .swiper-pagination.swiper-pagination-fraction span.swiper-pagination-current{font-size: 24px;opacity: 1;}

.detailmain {float: left;width: 40%;padding-left:8%;}
.dtitle {font-size: 28px;font-weight: bold;font-family: 'Conv_Montserrat-Bold',Arial,"微软雅黑","黑体",'宋体';}
.dtitle h2 {font-size: 44px;font-weight: bold;font-family: 'Conv_Montserrat-Bold',Arial,"微软雅黑","黑体",'宋体';}
.pdata {padding: 1% 0 0;overflow: hidden;}
.pdata h4{font-size: 16px;border-bottom: 2px solid #1b1b1b;padding: 10px 0;overflow: hidden;display: block;}
.pdata ul {padding: 3% 0 0;overflow: hidden;}
.pdata ul li{float: left;width:33%;line-height: 30px;font-size: 14px;color: #666666;}
.pdata .text {font-size: 14px;line-height: 30px;color: #666666;padding: 3% 0 0;overflow: hidden;}
.pdata .downpdf {padding: 3% 0 0;overflow: hidden;}
.pdata .downpdf a {padding-left: 40px;height: 30px;line-height: 30px; background: url("../upload/pdf1.png") left center no-repeat;display: block;font-size: 14px;color: #666;margin-right: 20px;}
.pdata .downpdf a:hover {text-decoration-line: underline;}
.pcertification {margin-top: 3%;}
.pcertification a {display:inline-block;vertical-align: top;position: relative;margin-right: 20px; margin-bottom: 10px;}
.pcertification a h5 {padding: 10px 20px;border: 1px solid #666;font-size: 14px;color: #666;text-align: center;}
.pcertification a:hover h5{background: #000;color: #fff;}
.pcertification a:hover .pcrzshow{display: block;}
.pcrzshow {display: none;position:absolute;left: 0;top:53px;width: 84%;padding: 10px;max-width: 180px; height:auto;border:2px solid #666;text-align: center;background: #fff;}
.pcrzshow img {display: inline-block;vertical-align: middle; max-width: 100%;max-height:80px;width: auto;}
.pcrzshow:before,.pcrzshow:after{position: absolute;content: '';top: -20px;left: 50%;margin-left: -10px; border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-right: 10px transparent dashed;border-bottom: 10px #fff solid;}
.pcrzshow:before{border-bottom: 10px #666 solid;}
.pcrzshow:after{top: -17px;border-bottom: 10px #fff solid;}


.hls-page-otherprodcut {padding:8% 0 ;overflow: hidden;}
.hls-page-otherprodcut .title {text-align: center;}
.hls-page-otherprodcut .title h3 line {display: block;margin:20px auto;}
.hls-page-otherprodcut .prodcutnav {padding-top: 4%;overflow: hidden;}
.otherprodcut {padding:2% 0 ;overflow: hidden;text-align: center;}
.otherprodcut * {display: block;overflow: hidden;}
.otherprodcut a {display:inline-block;background: #fff;width:17%;margin:1%;}
/*.otherprodcut a .pic{max-width: 300px;max-height: 300px;min-height: 300px;}*/
.otherprodcut a .txt{text-align: center;border-top: #eeeeee 1px solid;padding: 7% 0 3% 0;}
.otherprodcut a .txt h4{font-size: 16px;min-height: 19px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.otherprodcut a .txt h5{font-size: 14px;padding: 10px 0;text-transform: uppercase;color: #999;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.otherprodcut a:hover .txt{background: #fa8d3e;border-top: #fa8d3e 1px solid;}
.otherprodcut a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.otherprodcut a:hover h5{color: #000;}





.hls-page-container {overflow: hidden;position: relative;}
.hls-page-container img{display: block;width: 100%;height:650px; object-fit: contain}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display: table-cell;vertical-align: middle;}
.container {margin:auto 8%;position: relative;overflow: hidden;}
.ptb5 {padding:5% 0;}
.title {}
.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; }
.title h3{font-size: 30px;font-weight: normal;}
.title h3 line{width: 40px;height: 2px;background: #fa8d3e;margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h3 line.m0 {margin: 0;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}
.tmore {position: absolute;width: 115px;right: 0;top:55%;}
.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}
.tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;}
.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmore a:hover {color: #000;letter-spacing: 1px;}
.tmore a:hover i{right: 10%;}
.tmore a:hover::after {background: #000;}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}


 
.hls-iproduct {}
.hls-iproduct .iproduct {position: relative;margin:0 0px 2px 0;width:-webkit-calc(33.36% - 2px); width:-moz-calc(33.36% - 2px); width:calc(33.36% - 2px);max-width: 33.3333333%;float: left;}
.hls-iproduct .iproduct a{display: block;overflow: hidden;background: #000;}
.hls-iproduct .iproduct .txt{position: absolute;bottom: 0;left: 0;width: 90%;z-index: 3;padding:5%;}
.hls-iproduct .iproduct .txt h5{font-size: 16px;color: #fff;padding:10px 0;}
.hls-iproduct .iproduct .txt h4{font-size: 20px;color: #fff;}
.hls-iproduct .iproduct .pic{position: relative;}
.hls-iproduct .iproduct .pic .mark{position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}
.hls-iproduct .iproduct a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.hls-iproduct .iproduct.ip1 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 1px 2px 0;}
.hls-iproduct .iproduct.ip2 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 0px 2px 1px;} 
.hls-iproduct .iproduct.ip3 {}
.hls-iproduct .iproduct.ip4 {width:-webkit-calc(33.3333333% - 1px); width:-moz-calc(33.3333333% - 1px); width:calc(33.3333333% - 1px);margin:0 2px 2px 2px;}
.hls-iproduct .iproduct.ip5 {}



/* about */
.hq-about {background: #f5f5f5;}

.about-company-profile {position: relative;overflow: hidden;padding: 3% 0 0% 0;    height: auto;}
.about-company-profile .left{position: absolute;left: 8%;width: 43%;height: 100%; }
.about-company-profile .left .text{padding: 5% 0 0 0;}
.about-company-profile .right {float: right;position: relative;width: 47%;padding-left: 7%;}
.about-company-profile .right .img {margin-bottom: 60px;border-radius: 20px;overflow: hidden;}
.about-company-profile .right .img-top{position: absolute;width: 36%;height: auto;left: 0; bottom: 0;z-index: 30;border-radius: 10px;overflow: hidden;}
.about-company-profile .right .img-top img {display: block;width: 100%;height: auto;}
 
.about-innovative {position: relative;padding-bottom:300px;overflow: hidden;}
.about-innovative .top {width: 83%;position: absolute;left:8.5%;top:90px;z-index: 20;text-align: center;color: #fff;}
.about-innovative .top .text{padding: 30px 0;opacity: .8;color: #fff;} 
.about-innovative .top .item3{text-align: center;} 
.about-innovative .top .item{position: relative;width: 32%;margin:.5%;border-radius: 10px;overflow:hidden;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);float: left;} 
.about-innovative .top .item:last-child {margin-right: 0;}
.about-innovative .top .item .txt{position: absolute;background: #fff;left: 0;bottom: 0;width:88%;z-index: 20;height:90px; padding:2% 8%;text-align: left;} 
.about-innovative .top .item .txt ul {display: table;width: 100%;height: 100%;margin: 0;padding: 0;}
.about-innovative .top .item .txt ul li{display: table-cell;vertical-align: middle;}
.about-innovative .top .item .txt h4{font-size: 18px;font-weight: bold;color: #000;position: relative;} 
.about-innovative .top .item .txt h4::after{content: '';display: inline-block;vertical-align: middle;margin-left:20px; width: 15px;height:3px;background: #cf001b;}
.about-innovative .top .item .txt h5{font-size: 14px;color: #8b8b8b;padding-top: 10px;font-weight: normal;} 

.about-product-quality {position: relative;overflow: hidden;background: #fff;}
.about-product-quality .left{float: left;width: 50%;}
.about-product-quality .right{position: absolute;right: 12%;top: 0;height:90%;width:33%;padding:3% 0;}
.about-product-quality .right .text{padding: 5% 0;}
.about-product-quality .right .icon3 li{display: inline-block;vertical-align: middle;list-style: none;margin: 0 5% 0 0;}
.about-product-quality .right .icon3 li i{position: relative;display: inline-block;vertical-align: middle;width:35px;height:35px;}
.about-product-quality .right .icon3 li i img{}
.about-product-quality .right .icon3 li span{font-size: 16px;color: #585858;padding-left: 10px;}

		
.about-development-history {position: relative;padding:7% 0 1% 0;overflow: hidden;}
.about-development-history .titles {text-align: center;}
.development-history {padding:3% 0;overflow: hidden;}
.development-history .item{position: relative;}
.development-history .item::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 95px; background: #bfbfbf;}
.development-history .item .img .img-center{opacity: .5;border-radius: 10px;display:block;width:60%;height: auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.development-history .item .text{text-align: center;padding-top: 10px;overflow: hidden;}
.development-history .item .text h4{font-size: 28px;color: #c4c4c4;}
.development-history .item .text h5{font-size: 16px;color: #c4c4c4;padding-top: 10px;}
.linedot {width: 30px;height:30px; background: #f5f5f5;margin:80px auto auto;position: relative;z-index: 33;}
.linedot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -25px;margin-left: -0.5px; background: #c4c4c4;display: block;}
.linedot li{width:18px;height: 18px;border: 1px solid #bfbfbf;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.linedot li i{display: block;width: 8px;height:8px;border-radius:10px;margin:5px;background: #bfbfbf;overflow: hidden;}
.development-history .swiper-slide-active .item .linedot li i{background: #cf001b;}
.development-history .swiper-slide-active .item .linedot li {border: 1px solid #cf001b;}
.development-history .swiper-slide-active .item .linedot::before { background:#cf001b;}
.development-history .swiper-slide-active .linedot::before {background: #232323;}
.development-history .swiper-slide-active .item .text h4{color: #000;}
.development-history .swiper-slide-active .item .text h5 {color: #000;opacity: .8;}
.development-history .swiper-slide-active .item .img .img-center{opacity: 1;width: 100%;}

.about-social-obligation {padding: 5% 0 13% 0;overflow: hidden;}
.about-social-obligation .main-content {background: #fff;width:80%;padding:5% 5% 3% 5%;position: relative;float: left;border-radius: 20px;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.about-social-obligation .left{float: left;width: 40%;margin-left: 10%;margin-top: 3%;}
.about-social-obligation .left .text{padding: 5% 0;}
.about-social-obligation .right{float:right;width:29%;position: absolute;right:0;top:0;padding-right:13%;padding-top:7%;}
.about-social-obligation .right .img{}
.horizontal-line {width: 200px;height: 4px;position: absolute;background: #cf001b;left:-20%;top:25%;z-index:20;}
.title-en {font-size: 50px;color: #e4e4e4;text-transform: uppercase;font-weight: normal;transform:rotate(90deg);position:absolute;right:-7%;top:37%;}
.quotation-marks  {background: url("../upload/about-09.png");background-size: 100%;width: 116px;height: 83px;position: absolute;right:6%;top:-7%;}

 




.about_banner .banner {
  background: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_banner/assets/img/about-banner.jpg) center center / cover no-repeat
}
.content_big {
  position: relative;
  margin: 0 auto;
  max-width: 1600px
}
.flex {
  display: flex
}
.flex_middle {
  align-items: center
}
.about_banner .flex {
  min-height: 985px
}
.about_banner .head h1 {
  font-size: 62px;
  font-weight: 600;
  line-height: 74px
}
.fadeInLeft {
  animation-name: fadeInLeft
}
.about_banner .head p {
  font-size: 18px;
  line-height: 27px;
  max-width: 556px;
  font-family: Gantari, sans-serif;
  margin-top: 30px
}
.about_banner .link {
  position: relative;
  margin: 0 auto;
  max-width: 1920px
}
a {
  color: rgb(28, 35, 47);
  text-decoration: none;
  font-size: 1rem
}
.about_banner .link a {
  position: absolute;
  right: 0;
  top: -70px;
  color: rgb(255, 255, 255);
  background-color: var(--theme_color);
  font-size: 26px;
  font-weight: 600;
  border-radius: 12px 0 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 54px;
  min-width: 960px;
  min-height: 116px;
  gap: 1.2rem;
  transition: all 0.3s ease 0s
}
.about_banner .link a:hover {
  box-shadow: rgba(0, 0, 0, .1) 0 0 15px
}
.about_banner .link a::after {
  content: "";
  display: block;
  width: 9px;
  height: 1rem;
  background: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_banner/assets/img/arrow-w.svg) center center / contain no-repeat;
  transform: rotate(180deg)
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .about_banner .link a {
    min-width: 100%;
    border-radius: 0
  }
}
@media screen and (max-width:786px) {
  .about_banner .banner {
    padding: 4rem 0;
    position: relative;
    z-index: 2
  }
  .about_banner .banner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
  }
  .content, .content_big {
    padding: 0 1.2rem
  }
  .about_banner .flex {
    min-height: unset
  }
  .head h1 {
    font-size: 25px;
    line-height: 1.5
  }
  .about_banner .head h1 {
    font-size: 25px;
    line-height: 1.5
  }
  .head p {
    font-size: .9rem;
    line-height: 1.5rem
  }
  .about_banner .head p {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-top: .5rem
  }
  .about_banner .link a {
    position: static;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.5;
    padding: 1.2rem;
    min-width: unset;
    min-height: unset;
    gap: 10px
  }
}
.about_intro {
  margin: 217px 0 0;
  position: relative;
  z-index: 2
}
.about_intro::after {
  content: "";
  display: block;
  width: calc(100% - 53px);
  height: 85%;
  background-color: rgb(247, 247, 247);
  border-radius: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1
}
.about_intro .head {
  max-width: 553px
}
.head h2 {
  font-size: 44px;
  font-weight: 500;
  line-height: 60px
}
.about_intro .head span {
  color: rgb(128, 128, 128);
  font-size: 17px;
  text-transform: uppercase;
  display: block;
  margin-top: 20px
}
.between {
  justify-content: space-between
}
.about_intro .flex {
  gap: 1.2rem;
  margin-top: 4rem
}
.about_intro .img {
  width: 59.3125%;
  height: auto;
  max-height: 648px;
  overflow: hidden;
  border-radius: 22px
}
.about_intro .img img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
  display: block
}
.about_intro .info {
  max-width: 538px;
  flex: 1 1 0%
}
.about_intro .info p {
  color: rgb(124, 124, 124);
  font-size: 17px;
  line-height: 25px;
  font-family: Gantari, sans-serif;
  padding-bottom: 24px
}
.button {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  background-color: var(--theme_color);
  border-radius: 8px;
  overflow: hidden;
  padding: 17px 86px 19px 35px;
  min-width: 248px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease 0s
}
.button::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s
}
.button::after {
  content: "";
  display: block;
  width: 1rem;
  height: 12px;
  background: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_intro/assets/img/btn-arrow-b.svg) center center / contain no-repeat;
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s
}
.button:hover {
  padding: 17px 60.5px 19px
}
.button:hover::before, .button:hover::after {
  opacity: 0;
  right: 0;
  transform: translate(100%, -50%) scale(.8)
}
.about_intro .info .button {
  min-width: unset;
  margin-top: 38px
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .about_intro::after {
    width: calc(100% - 1.2rem)
  }
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .button, .button_r, .button_more {
    zoom: .9
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .button, .button_r, .button_more {
    zoom: .85
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .button, .button_r, .button_more {
    zoom: .8
  }
}
@media screen and (max-width:786px) {
  .about_intro {
    margin: 0;
    padding: 4rem 0
  }
  .about_intro::after {
    width: 100%;
    height: 100%
  }
  .head h2 {
    font-size: 22px;
    line-height: 1.5
  }
  .about_intro .head span {
    font-size: 14px;
    margin-top: .5rem
  }
  .about_intro .flex {
    display: block;
    margin-top: 2rem
  }
  .about_intro .img {
    width: 100%;
    border-radius: 10px
  }
  .about_intro .info {
    margin-top: 1.2rem
  }
  .about_intro .info p {
    font-size: .9rem;
    line-height: 1.5rem;
    padding-bottom: .5rem
  }
  .button, .button_r, .button_more {
    font-size: 14px;
    min-width: 120px;
    padding: 12px 50px 12px 20px;
    border-radius: 6px
  }
  .button::before, .button_r::before, .button_more::before {
    width: 2rem;
    height: 2rem;
    right: 5px;
    border-radius: 6px
  }
  .button::after, .button_r::after, .button_more::after {
    width: 12px;
    height: 12px;
    right: 15px
  }
  .button:hover, .button_more:hover {
    padding: 12px 35px
  }
  .about_intro .info .button {
    margin-top: .7rem
  }
}
.about_endorsed {
  padding: 116px 0
}
.center {
  text-align: center
}
.fadeInUp {
  animation-name: fadeInUp
}
ul {
  list-style: none
}
.about_endorsed ul {
  margin-top: 78px;
  display: grid;
  gap: 2rem 20px;
  grid-template-columns: repeat(5, 1fr)
}
.about_endorsed ul .img {
  padding-bottom: 46.931%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
  box-shadow: rgba(0, 0, 0, .16) 0 5px 10px
}
.about_endorsed ul .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0
}
.about_endorsed ul li p {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-top: 40px
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (max-width:786px) {
  .about_endorsed {
    padding: 4rem 0 3rem
  }
  .about_endorsed ul {
    display: flex;
    overflow: auto;
    gap: 1rem;
    margin-top: 2rem
  }
  .about_endorsed ul li {
    min-width: 35%
  }
  .about_endorsed ul li .img {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1)
  }
  .about_endorsed ul li p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px
  }
}
.about_culture {
  padding: 12px 0
}
.about_culture .main {
  margin-top: 90px;
  gap: 1.2rem
}
.about_culture .left {
  flex: 1 1 0%;
  max-width: 560px
}
.about_culture .left li {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 80px
}
i {
  font-style: normal
}
.about_culture .left li i {
  display: block;
  width: 82px;
  height: 77px;
  background: center center / contain no-repeat
}
.about_culture .left li div {
  flex: 1 1 0%;
	margin-left: 10%;
}
.about_culture .left li strong {
  color: var(--theme_color);
  font-size: 28px;
  font-weight: 600
}
.about_culture .left li p {
  margin-top: 20px;
  color: rgb(71, 71, 71);
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  font-family: Gantari, sans-serif
}
.about_culture .left li:last-child {
  margin-bottom: 0
}
.about_culture .img {
  width: 58.375%;
  height: auto;
  max-height: 602px;
  overflow: hidden;
  border-radius: 22px
}
.about_culture .img img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
  display: block
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .about_culture .left li i {
    width: 3rem;
    height: 3rem
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .about_culture .left li {
    margin-bottom: 2rem;
    gap: 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (max-width:786px) {
  .about_culture {
    padding: 3rem 0 4rem
  }
  .about_culture .main {
    margin-top: 2rem;
    flex-direction: column-reverse;
    gap: 2rem
  }
  .about_culture .main .left ul li {
    gap: 10px;
    margin-bottom: 1.2rem
  }
  .about_culture .main .left ul li i {
    width: 2.5rem;
    height: 2.5rem
  }
  .about_culture .main .left ul li strong {
    font-size: 1rem;
    line-height: 1.5
  }
  .about_culture .main .left ul li p {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-top: 0
  }
  .about_culture .main .left ul li:last-child {
    margin-bottom: 0
  }
  .about_culture .main .img {
    width: 100%;
    border-radius: 10px
  }
}
.about_offer {
  padding: 116px 0 58px
}
.about_offer .about_offer_swiper {
  overflow: hidden;

}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0)
}
.about_offer .about_offer_swiper .swiper-slide {
  transition: all 0.3s ease 0s;
  height: auto;
  border-radius: 8px;
  text-align: center;
  padding: 100px 3% 58px;
	width: 33%;
}
.about_offer .about_offer_swiper .swiper-slide:hover {
  background-color: rgb(247, 247, 247)
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform, -webkit-transform
}
.about_offer .about_offer_swiper .swiper-slide i {
  display: block;
  width: 108px;
  height: 106px;
  margin: 0 auto;
  background: center center / contain no-repeat
}
.about_offer .about_offer_swiper .swiper-slide strong {
  color: rgb(36, 36, 36);
  font-size: 2rem;
  font-weight: 600;
  line-height: 38px;
  display: block;
  margin-top: 76px
}
.about_offer .about_offer_swiper .swiper-slide p {
  color: rgb(96, 96, 96);
  font-size: 18px;
  line-height: 28px;
  margin-top: 28px;

}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (max-width:786px) {
  .about_offer {
    padding: 3rem 0 4rem
  }
  .about_offer .about_offer_swiper {
    margin-top: 2rem
  }
  .about_offer .about_offer_swiper .swiper-slide {
    padding: 2rem 1rem 1.2rem;
    background-color: rgb(247, 247, 247);
    border-radius: 10px
  }
  .about_offer .about_offer_swiper .swiper-slide i {
    width: 3rem;
    height: 3rem
  }
  .about_offer .about_offer_swiper .swiper-slide strong {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 1.2rem
  }
  .about_offer .about_offer_swiper .swiper-slide p {
    font-size: .9rem;
    line-height: 1.3rem;
    margin-top: .5rem
  }
}
.about_gallery {
  padding: 114px 0 135px;
  background-color: rgb(247, 247, 247)
}
.swiper_box {
  position: relative
}
.about_gallery .swiper_box {
  margin-top: 60px
}
.swiper_btns {
  display: flex
}
.swiper_btns.middle {
  max-width: 1430px;
  width: 98%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  justify-content: space-between
}
.swiper_btns.full {
  gap: 25px
}
.swiper_btns.full.middle {
  max-width: 1487px
}
.about_gallery .swiper_box .swiper_btns {
  max-width: 1797px
}
.swiper_btns div {
  width: 1rem;
  height: 30px;
  background: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_gallery/assets/img/arrow-w.svg) center center / contain no-repeat;
  transition: all 0.3s ease 0s;
  cursor: pointer
}
.swiper_btns.middle div {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%)
}
.swiper_btns.full div {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background-image: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_gallery/assets/img/arrow-w.svg);
  background-position: center center;
  background-size: 20%;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: var(--theme_color)
}
.swiper_btns.full div:hover {
  filter: brightness(1.3)
}
.swiper_btns div.swiper-button-disabled {
  cursor: default;
  opacity: .68
}
.swiper_btns .btn_next {
  transform: rotate(180deg)
}
.swiper_btns.middle .btn_next {
  left: unset;
  right: 0;
  transform: translateY(-50%) rotate(180deg)
}
.swiper_btns.full div.swiper-button-disabled {
  background-image: url(/wp-content/plugins/sytech-fronteditor/sytpl/about_gallery/assets/img/arrow-b.svg);

  cursor: default;
  background-color: rgb(238, 238, 238);
  opacity: 1
}
.swiper_btns.full div.swiper-button-disabled:hover {
  filter: none
}
.swiper_content {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  padding: 10px;
  overflow: hidden
}
.about_gallery .swiper_content {
  padding: 0
}
.about_gallery .about_gallery_swiper .swiper-slide {
  overflow: hidden;
  border-radius: 12px
}
.about_gallery .about_gallery_swiper .swiper-slide .img {
  overflow: hidden;
  height: 481px
}
.about_gallery .about_gallery_swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.about_gallery .about_gallery_swiper .swiper-slide .info {
  color: rgb(255, 255, 255);
  background-color: var(--theme_color);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.2rem;
  padding: 42px 0 55px
}
.about_gallery .about_gallery_swiper .swiper-slide .info .left {
  flex: 1 1 0%;
  padding-left: 4.6875%;
  max-width: 1034px
}
.about_gallery .about_gallery_swiper .swiper-slide .info .left strong {
  display: block;
  font-size: 2rem;
  font-weight: 500
}
.about_gallery .about_gallery_swiper .swiper-slide .info .left p {
  font-size: 17px;
  line-height: 25px;
  font-family: Gantari, sans-serif;
  font-weight: 300;
  margin-top: 18px
}
.about_gallery .about_gallery_swiper .swiper-slide .info .right {
  width: 374px;
  text-align: center;
  position: relative
}
.about_gallery .about_gallery_swiper .swiper-slide .info .right::before {
  content: "";
  display: block;
  width: 2px;
  height: 78px;
  background-color: rgb(222, 222, 222);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: .5
}
.about_gallery .about_gallery_swiper .swiper-slide .info .right span {
  font-size: 55px;
  font-weight: 700;
  white-space: nowrap
}
.about_gallery .about_gallery_swiper .swiper-slide .info .right p {
  font-size: 20px;
  margin-top: 1rem;
  font-weight: 300
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .swiper_btns.full div {
    width: 3.5rem;
    height: 3.5rem
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .swiper_btns.full div {
    width: 3rem;
    height: 3rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .swiper_content {
    padding: 10px 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .swiper_content {
    max-width: 1020px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .swiper_content {
    max-width: 806px
  }
}
@media screen and (max-width:786px) {
  .about_gallery {
    padding: 4rem 0
  }
  .swiper_btns.full div {
    width: 2.5rem;
    height: 2.5rem
  }
  .about_gallery .swiper_box {
    margin-top: 2rem;
    padding: 0 1.2rem
  }
  .swiper_content {
    padding: 10px 1.2rem
  }
  .about_gallery .about_gallery_swiper .swiper-slide .img {
    height: 200px
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info {
    padding: 1.2rem 0;
    flex-direction: column
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .left {
    padding: 0 1.2rem
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .left strong {
    font-size: 18px;
    line-height: 1.5
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .left p {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-top: .5rem
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .right {
    width: 100%;
    text-align: right;
    padding: 0 1.2rem
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .right span {
    font-size: 1.8rem
  }
  .about_gallery .about_gallery_swiper .swiper-slide .info .right p {
    font-size: 14px;
    margin-top: .5rem
  }
}
.about_global {
  padding: 162px 0 212px
}

.about_global .content_big .content {
  padding: 0;
  max-width: 1440px
}
.about_global img {
  max-width: 100%;
  height: auto;
  margin: 75px auto;
  display: block
}
.about_global ul {
  display: flex;
  margin: 0 auto;
  max-width: 1170px
}
.about_global ul li {
  flex: 1 1 0%;
  text-align: center;
  position: relative
}
.about_global ul li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 117px;
  background-color: rgb(223, 223, 223);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.about_global ul li span {
  color: rgb(36, 36, 36);
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap
}
.about_global ul li p {
  color: var(--theme_color);
  font-size: 22px;
  line-height: 28px;
  margin-top: 24px
}
@media screen and (min-width:786px) and (max-width:1640px) {
  .content_big {
    max-width: 1440px;
    padding: 0 1.2rem
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content_big {
    max-width: 1220px
  }
}
@media screen and (min-width:786px) and (max-width:1220px) {
  .content, .content_big {
    max-width: 1000px
  }
}
@media screen and (min-width:786px) and (max-width:1000px) {
  .content, .content_big {
    max-width: 786px
  }
}
@media screen and (min-width:786px) and (max-width:1440px) {
  .content {
    padding: 0 1.2rem
  }
}
@media screen and (max-width:786px) {
  .about_global {
    padding: 4rem 0 5rem
  }
  .about_global img {
    margin: 2rem 0
  }
  .about_global ul li::after {
    height: 100% !important
  }
  .about_global ul li span {
    font-size: 1.6rem
  }
  .about_global ul li p {
    font-size: 12px;
    line-height: 1.5;
    margin-top: .5rem
  }
}







@media only screen and (min-width: 1400px){
dl.ale dt{ width:100%; height:70px; line-height:65px; padding-left:32px; font-size:16px;box-sizing: border-box; color: #000;}
	dl.ale{ width:120px; height:70px; float:right; line-height:80px;position:relative; background:url(../images/lan.png) left 25px no-repeat; display:block; background-size: auto 20px !important;}
}

@media screen and (max-width: 1410px){
dl.ale dt{ width:100%; height:63px; line-height:68px; padding-left:32px; font-size:16px;box-sizing: border-box; color: #000;}
	dl.ale{ width:120px; height:74px; float:right; line-height:63px;position:relative; background:url(../images/lan.png) left 25px no-repeat; display:block; background-size: auto 20px !important;}
}



dl.ale dd{ display:none; width:100%; height:auto; float:left; position:absolute; left:0; top:70px; background:#fff; padding:10px 0; border-top:3px solid #004741;}
dl.ale dd a{ width:100%; height:32px; line-height:32px; float:left; text-align:center; font-size:14px; color: #666}
dl.ale:hover dd{ display:block;} 

dl.ale dd a.a1{ background:url(../images/yy_zg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.ale dd a.a2{ background:url(../images/yy_yg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.ale dd a.a3{ background:url(../images/yy_dg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.ale dd a.a4{ background:url(../images/yy_qt1.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.ale dd a.a5{ background:url(../images/yy_rb.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}