.fl{float: left;}
.fr{float: right;}
.background{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.transtion{transition:  all 0.3s;}
.engin-con{}
.engin-js{padding: 70px 0 0 0;position: relative;}
.engin-js-line{width: 96px;height: 1px;background: #696969;}
.engin-js-con{margin-top: 40px;}
.engin-js-left{width: 680px;padding-right: 70px;}
.engin-js-left-tit{font-size: 44px;color: #303030;line-height: 44px;}
.engin-js-left-p{margin-top: 30px;}
.engin-js-left-p p{color: #595959;font-size: 16px;line-height: 30px;margin-bottom: 15px;}
.engin-js-right{width: 520px;}
.engin-icons{width: 960px;height: 130px;position: absolute;bottom: -70px;}
.engin-icon{width: 25%;height: 100%;align-items: center;justify-content: center;flex-direction: column;display: flex;}
.engin-icon:nth-child(2n+1){background: #F5F5F5;}
.engin-icon:nth-child(2n+2){background: #F8F8F8;}
.engin-icon .engin-icon-tit{color: #363636;margin-top: 14px;font-size: 16px;}
.engin-icon img{}


.engin2{margin-top: 180px;width: 100%;height: 580px;}
.engin2-l{width: 50%;height: 100%;background: url(../images/engin2-l-bg.jpg) no-repeat center;background-size: cover;}
.engin2-l-con{width: 600px;float: right;height: 100%;padding-top: 130px;}
.engin2-l-en{font-size: 18px;color: #767676;margin-bottom: 55px;}
.engin2-l-tit{font-size: 44px;color: #303030;position: relative;line-height: 44px;margin-bottom: 30px;}
.engin2-l-tit:before{width: 100%;height: 1px;background: #000;top: 22px;content: '';position: absolute;right: 100%;margin-right: 20px;}
.engin2-l p{color: #404040;font-size: 16px;line-height: 36px;width: 470px;}
.engin2-r{width: 50%;height: 100%;}
.engin2-box{width: 50%;height: 50%;position: relative;overflow: hidden;cursor: pointer;}
.engin2-box-img{width: 100%;height: 100%;}
.engin2-box-color{position: absolute;top: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,0.8) 100%);}
.engin2-box .engin2-main{position: absolute;bottom: 10px;left: 24px;width: calc(100% - 48px);}
.engin2-box .engin2-box-tit{font-size: 18px;color: #fff;}
.engin2-box .engin2-box-p{font-size: 12px;color: #fff;margin-top: 10px;}
.engin2-box:hover .engin2-box-img{transform: scale(1.2);}

.engin3{width: 1200px;margin: 0 auto;}
.engin3-top{width: 100%;height: 138px;padding-left: 120px;}
.engin3-top-con{width: 300px;height: 100%;cursor: pointer;display: block;}
.engin3-top-con:nth-child(4){width: 180px;}
.engin3-top-con img{margin-right: 10px;}
.engin3-top-con span{color: #666;font-size: 16px;line-height: 138px;vertical-align: middle;}
.engin3-top-con.on span{color: #94ce17;}
.engin3-top-con.on img{}
.engin3-con{width: 100%;display: none;}
.engin3-box{width: 380px;margin-right: 30px;display: block;cursor: pointer;margin-bottom: 40px;}
.engin3-box:nth-child(3n){margin-right: 0;}
.engin3-box .engin3-box-img{width: 100%;height: 260px;overflow: hidden;}
.engin3-box-pic{width: 100%;height: 100%;}
.engin3-box .engin3-box-img:hover .engin3-box-pic{transform: scale(1.2);}
.engin3-box span{width: 100%;height: 65px;line-height: 65px;color: #fff;display: block;background: #94ce17;text-align: center;font-size: 20px;}
.engin3-icon1{}
.engin3-icon2{display: none;}
.engin3-top-con.on .engin3-icon1{display: none;}
.engin3-top-con.on .engin3-icon2{display: inline;}

.cddmore{width: 100%;margin-top: -10px;overflow: hidden;position: relative;text-align: center;}
.check-more{display: inline-block;text-align: center;}
.check-more:before{width: 100%;height: 1px;position: absolute;content: '';background: #E4E6EC;margin-right: 64px;top: 12px;right: 50%;}
.check-more:after{width: 100%;height: 1px;position: absolute;content: '';background: #E4E6EC;top: 12px;margin-left: 64px;left: 50%;}
.check-more i{width: 25px;height: 25px;display: block;background: url(../images/up-arr.png) no-repeat center;margin: 0 auto 10px auto;}
.check-more span{font-size: 14px;color: #666;text-align: center;}
.check-more:hover .morespan{color: #94ce17;}
.check-more:hover .morei{background: url(../images/up-arr-on.png) no-repeat center;}

.engin4{width: 1150px;margin: 100px auto 0 auto;}
.engin4-tit{font-size: 44px;color: #303030;text-align: center;margin-bottom: 24px;}
.engin4-en{font-size: 18px;color: #767676;text-align: center;}
.engin4-con{margin-top: 15px;}
.company-logo{width: 200px;height: 120px;text-align: center;margin-top: 10px;margin-right: 37px;line-height: 120px;transition: all 0.3s;}
.company-logo:nth-child(5n){margin-right: 0;}
.company-logo img{max-width: 100%;max-height: 100%;}

.engin5{width: 1200px;margin: 100px auto 125px auto;}
.engin5-tit{font-size: 44px;color: #303030;text-align: center;margin-bottom: 24px;}
.engin5-en{font-size: 18px;color: #767676;text-align: center;}
.engin5-con{margin-top: 55px;}
.engin5 .joins-form{}
.engin5 .joins-form .pic{ width:50%; height: 385px; position:relative; overflow:hidden; float:left; }
.engin5 .joins-form .pic img{ -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; 
	display: none;}
.engin5 .joins-form .pic .layer{ width:100%; height:100px; position:absolute; bottom:0; left:0; right:0; padding:0px 40px; }
.engin5 .joins-form .pic .layer h2{ font-size:24px; color:#fff; line-height:1.833; position:relative; z-index:40; }
.engin5 .joins-form .pic .layer p{ font-size:14px; color:#fff; line-height:1.929; position:relative; z-index:40; }
.product-main .joins-form .pic .layer:before { width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity:0.4; content:" "; z-index:30; }
.engin5 .joins-form .pic .layer:hover:before{ opacity:1; }
.engin5 .joins-form .form-box{ width:50%; height:385px; border:1px solid #dedede; border-left:0; border-radius:0px 2px 2px 0px; float:right; padding:42px 0px 40px 70px; }
.engin5 .joins-form .form-box .row{ margin-bottom:15px; }
.engin5 .joins-form .form-box .text{ width:428px; height:38px; border:1px solid #dedede; background:none; font-size:13px; color:#666; line-height:38px; padding-left:10px; }
.engin5 .joins-form .form-box .text::-webkit-input-placeholder { color:#666; }
.engin5 .joins-form .form-box .text:-moz-placeholder { color:#666; }
.engin5 .joins-form .form-box .text::-moz-placeholder { color:#666; }
.engin5 .joins-form .form-box .text:-ms-input-placeholder { color:#666; }
.engin5 .joins-form .form-box #joins{ width:428px; }
.engin5 .joins-form .form-box #joins .text{ width:205px;}
.engin5 .joins-form .form-box #joins .text:last-child{ float:right; }
.engin5 .joins-form .form-box .type-row{ width:428px; }
.engin5 .joins-form .form-box .type-row .layui-form-select .layui-input{ color:#96d01a; border-radius:0; }
.engin5 .joins-form .form-box .joins-btn{ width:157px; height:40px; border-radius:20px; background:#96d01a; border:1px solid #96d01a; font-size:14px; color:#fff; margin-top:8px;  cursor:pointer; }
.engin5 .joins-form .form-box .joins-btn:hover{ background:none; color:#96d01a; }
.engin5 .joins-form .form-box .base-row{ width:428px; }
.engin5 .joins-form .form-box .base-row .text{ width:205px; }
.engin5 .joins-form .form-box .base-row .text:last-child{ float:right; }
.engin5 .city-picker-selector li.caller.active, .index4 .city-picker-selector li.caller.active:hover {background: #96d01a;color: #fff;}
.engin5 .layui-form-select dl dd.layui-this {background-color: #96d01a;color: #fff;}
.engin5 .joins-form .form-box .liuyan{width: 430px;height: 80px;border:1px solid #dedede;padding: 10px;resize: none;}




@media screen and (max-width: 1680px){
	.engin2-box .engin2-box-tit{bottom: 50px;opacity: 1;}
}


@media screen and (max-width: 1366px){
	.engin2-box .engin2-box-tit{bottom: 44px;opacity: 1;}
}
@media screen and (max-width: 1300px){
	.engin-js-left{width: 60%;padding-right: 30px;}
	.engin-js-right{width: 40%;}
}

@media screen and (max-width: 1240px){
	.container {width: 94%;}
	.engin-js-left{width: 60%;padding-right: 30px;}
	.engin-js-right{width: 40%;}
	.engin-js-right img{max-width: 100%;}
	.engin-icons{width: 100%;position: initial;}
	.engin2-l-con{width: 90%;padding-top: 60px;}
	.engin2-l p{width: 94%;}
	.engin3{width: 94%;}
	.engin3-top{padding-left: 0;}
	.engin3-top-con{text-align: center;width: 25%;}
	.engin3-top-con:nth-child(4){width: 25%;}
	.engin3-box{width: calc(33.3% - 20px);}
	.engin4{width: 94%;}
	.company-logo{width: 18%;margin-right: 1%;margin-left: 1%;padding: 0 20px;}
	.engin5{width: 94%;}
	.company-logo:nth-child(5n) {margin-right: 1%;}
	
}
@media screen and (max-width: 1024px){
	
	.engin5 .joins-form .pic{ width:100%; height:auto; }
	.engin5 .joins-form .pic img{ width:100%;display: inline;}
	.engin5 .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede; }
}

@media screen and (max-width: 750px) {
	.engin5 .joins-form .pic{ width:100%; height:auto; }
	.engin5 .joins-form .pic img{ width:100%;display: block;}
	.engin5 .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede;}
	.engin5 .joins-form .form-box{ padding:0.3rem; }
	.engin5 .joins-form .form-box .base-row { width: 100%;}
	.engin5 .joins-form .form-box #joins {width: 100%;}
	.city-picker-selector .selector-item {width: 48%;}
	.engin5 .joins-form .form-box .type-row {width: 100%;}
	.engin5 .joins-form .form-box .base-row .text{ width:48%; }
	.engin5 .joins-form .form-box #joins .text{ width:48%; }
	
	.engin-js-left{width: 100%;padding-right: 0px;}
	.engin-js-right{width: 100%;}
	.engin-js-con {margin-top: 0.5rem;}
	.engin-js-left-tit {font-size: 0.56rem;line-height: 0.6rem;}
	.engin-js-left-p {margin-top: 0.4rem;}
	.engin-js-left-p p {font-size: 0.29rem;line-height: 0.48rem;margin-bottom: 0.3rem;}
	.engin-icons{height: 2rem;}
	.engin-icon img {height: 0.56rem;}
	.engin-icon .engin-icon-tit{font-size: 0.28rem;margin-top: 0.15rem;}
	.engin2{margin-top: 1rem;height: auto;}
	.engin2-l{width: 100%;}
	.engin2-l-con{padding-top: 0.5rem;}
	.engin2-l-tit{font-size: 0.6rem;line-height: 0.6rem;margin-bottom: 0.3rem;}
	.engin2-l-tit:before{top: 0.3rem;margin-right: 0.2rem;}
	.engin2-l-en{font-size: 0.3rem;margin-bottom: 0.5rem;}
	.engin2-l p{line-height: 0.48rem;font-size: 0.29rem;}
	.engin2-l{padding-bottom: 0.5rem;}
	.engin2-r{width: 100%;}
	.engin2-box{height: 3.5rem;}
	.engin2-box .engin2-box-tit{font-size: 0.28rem;bottom: 0.3rem;}
	.engin2-box .engin2-box-p{display: none;}
	.engin3-top-con{display: flex;align-items: center;justify-content: center; flex-direction: column;}
	.engin3-top-con img{margin-right: 0;height: 0.5rem;}
	.engin3-top-con span{line-height: 0.3rem;font-size: 0.28rem;margin-top: 0.2rem;}
	.engin3-box{width: calc(50% - 0.15rem);margin-right: 0.3rem;margin-bottom: 0.3rem;}
	.engin3-box:nth-child(3n){margin-right: 0.3rem;}
	.engin3-box:nth-child(2n){margin-right: 0;}
	.engin3-box .engin3-box-img{height: 2.6rem;}
	.engin3-box span{height: 0.8rem;line-height: 0.8rem;font-size: 0.28rem;}
	.engin3-box .engin3-box-img:hover .engin3-box-pic{transform: scale(1);}
	.engin4{margin: 1rem auto 0 auto;}
	.engin4-tit{font-size: 0.6rem;    margin-bottom: 0.2rem;}
	.engin4-en{font-size: 0.3rem;}
	.company-logo{width: 31.3%;padding: 0.2rem;height: 1.5rem;line-height: 1.1rem;margin-top: 0.2rem;}
	.company-logo img{max-height: 1.1rem;}
	.engin5{margin: 1rem auto;}
	.engin5-tit{font-size: 0.6rem;    margin-bottom: 0.2rem;}
	.engin5-en{font-size: 0.3rem;}
	.engin5-con{margin-top: 0.5rem;}
	.engin5 .joins-form .form-box .liuyan{width: 100%;}
	
}