@charset "UTF-8";

.news-list{width:100%;}
.news-list li{float:left;width:31.25%;margin-left:3.125%;margin-bottom:3.125%;background-color:#f5f5f5;}
.news-list li:nth-child(3n+1){margin-left:0;}
.news-list li a{display:block;width:100%;}
.news-list li a{display:block;width:100%;}
.news-list li a .img{width:100%;position:relative;overflow:hidden;}
.news-list li a .img .img-cont{width:100%;height:0;padding-bottom:64.5%;overflow:hidden;position: relative;}
.news-list li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.news-list li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.news-list li a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.news-list li a .txt{width:100%;padding:32px 40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.news-list li a .date{font-size:14px;color:#999;font-family:"Arial";line-height:24px;margin-bottom:4px;}
.news-list li a h5{width:100%;font-size:20px;color:#333;line-height:32px;height:64px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.3s;-webkit-transition: all 0.3s;}
.news-list li a:hover .txt{background-color:#3c7963;}
.news-list li a:hover .date{color:#fff;}
.news-list li a:hover h5{color:#fff;}

@media(max-width:1320px){
	.news-list li a .txt{padding:28px 32px;}
	.news-list li a h5{font-size:18px;line-height:28px;height:54px;}
}

@media(max-width:1080px){
	.news-list li a .txt{padding:16px 20px;}
	.news-list li a h5{font-size:16px;line-height:24px;height:48px;}
}

@media(max-width:769px){
	.news-list li{width:48.5%;margin-left:3%;margin-bottom:3%;}
	.news-list li:nth-child(3n+1){margin-left:3%;}
	.news-list li:nth-child(odd){margin-left:0;}
}
@media(max-width:480px){
	.news-list li{width:100%;margin-left:0;margin-bottom:4%;}
	.news-list li:nth-child(3n+1){margin-left:0;}
}

.detail-left{float:left;width:72.65625%;margin-top:48px;}
.detail-title{width:100%;}
.detail-title h1{font-size:36px;color:#333;line-height:48px;font-weight:bold;margin-bottom:24px;}
.detail-title h6{font-size:16px;color:#888;line-height:28px;}
.detail-title h6 span{display:inline-block;margin-left:30px;margin-right:30px;}

.detail-content{width:100%;background:#fff;}
.detail-content .editor{color:#888;}
.detail-bottom{width:100%;margin-top:8%;padding-top:6%;border-top:#e0e0e0 solid 1px;}
.detail-bottom .page-turn{float:left;}
.detail-bottom .page-turn a{float:left;font-size:16px;line-height:32px;color:#888;transition:all 0.2s;-webkit-transition:all 0.2s;}
.detail-bottom .page-turn a:hover{color:#0067b2;}
.detail-bottom .page-turn a .iconfont{margin-right:10px;font-size:14px;}
.detail-bottom .next{float:right;}
.detail-bottom .next .iconfont{margin-left:10px;margin-right:0;}


.detail-right{float:right;width:22.65265%;margin-top:48px;}



@media(max-width:1320px){
	.detail-title h1{font-size:28px;line-height:36px;margin-bottom:16px;}
	.detail-title h6{font-size:14px;line-height:24px;}
	.detail-title h6 span{margin-left:16px;margin-right:16px;}

}

@media(max-width:1080px){
	.detail-left{margin-top:40px;}
	.detail-title h1{font-size:24px;line-height:32px;margin-bottom:12px;}

	.detail-right{margin-top:40px;}
}

@media(max-width:769px){
	.detail-left{width:100%;}
	.detail-title h1{font-size:20px;line-height:24px;margin-bottom:8px;}
	.detail-title h6 span{margin-left:8px;margin-right:8px;}


	.detail-right{width:100%;margin-top:40px;}

}



.sol-list{width:100%;}
.sol-list li{float:left;width:31.25%;margin-left:3.125%;margin-bottom:3.125%;background-color:#f5f5f5;}
.sol-list li:nth-child(3n+1){margin-left:0;}
.sol-list li a{display:block;width:100%;}
.sol-list li a{display:block;width:100%;}
.sol-list li a .img{width:100%;position:relative;overflow:hidden;}
.sol-list li a .img .img-cont{width:100%;height:0;padding-bottom:67.5%;overflow:hidden;position: relative;}
.sol-list li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.sol-list li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.sol-list li a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.sol-list li a .sol-mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;display:flex;align-items:center;justify-content:center;}
.sol-list li a .sol-title{width:100%;text-align:center;}
.sol-list li a .sol-title h5{font-size:24px;color:#fff;line-height:28px;}
.sol-list li a .sol-title h6{font-size:18px;color:#fff;line-height:24px;margin-top:10px;}

.sol-list li a .txt{width:100%;padding:32px 40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.sol-list li a p{width:100%;font-size:14px;color:#888;line-height:28px;height:84px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;transition: all 0.3s;-webkit-transition: all 0.3s;}
.sol-list li a:hover .txt{background-color:#3c7963;}
.sol-list li a:hover p{color:#fff;}

@media(max-width:1320px){
	.sol-list li a .txt{padding:28px 32px;}
	.sol-list li a .sol-title h5{font-size:20px;line-height:24px;}
	.sol-list li a .sol-title h6{font-size:16px;line-height:20px;margin-top:8px;}
}

@media(max-width:1080px){
	.sol-list li a .sol-title h5{font-size:18px;}
	.sol-list li a .sol-title h6{margin-top:4px;}
	.sol-list li a .txt{padding:16px 20px;}
	.sol-list li a p{line-height:24px;height:72px;}
}

@media(max-width:769px){
	.sol-list li{width:48.5%;margin-left:3%;margin-bottom:3%;}
	.sol-list li:nth-child(3n+1){margin-left:3%;}
	.sol-list li:nth-child(odd){margin-left:0;}
}
@media(max-width:480px){
	.sol-list li{width:100%;margin-left:0;margin-bottom:4%;}
	.sol-list li:nth-child(3n+1){margin-left:0;}
}



.sol-recom-title{width:100%;font-size:24px;color:#333;line-height:28px;padding-top:4px;padding-bottom:16px;border-bottom:#e0e0e0 solid 1px;}

.sol-recom-list{width:100%;margin-top:40px;position: relative;padding-bottom:32px;}
.sol-recom-list .swiper-container{box-shadow: 0 2px 12px rgba(0,0,0,0.1);}
.sol-recom-list a{display: block;width:100%;padding:20px;}
.sol-recom-list a .img{width:100%;position:relative;overflow:hidden;}
.sol-recom-list a .img .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position: relative;}
.sol-recom-list a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.sol-recom-list a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}

.sol-recom-list a .txt{width:100%;padding-top:20px;text-align:left;}
.sol-recom-list a .txt h5{width:100%;font-size:16px;color:#333;line-height:24px;height:48px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.2s;-webkit-transition: all 0.2s;}
.sol-recom-list a:hover .txt h5{color:#3c7963;}
.sol-recom-list a .txt .line{width:100%;height:1px;background-color:#e0e0e0;margin-top:16px;margin-bottom:16px;}
.sol-recom-list a .txt p{width:100%;font-size:14px;color:#888;line-height:24px;height:48px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.sol-recom-list .swiper-pagination{bottom:0;width:100%;z-index: 8;}
.sol-recom-list .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 4px;background:#e0e0e0;height:8px;transition: all .3s;position:relative;opacity:1;}
.sol-recom-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3c7963;}


@media(max-width:1080px){
	.sol-recom-title{font-size:18px;line-height:24px;padding-bottom:12px;}
	.sol-recom-list{margin-top:20px;padding-bottom:20px;}
}

@media(max-width:769px){
	.detail-left{width:100%;}
	.detail-title h1{font-size:20px;line-height:24px;margin-bottom:8px;}
	.detail-title h6 span{margin-left:8px;margin-right:8px;}
	.detail-right{width:100%;margin-top:40px;}
}


.support-list{width:100%;}
.support-list .support-item{width:100%;background-color:#f5f5f5;margin-bottom:40px;display: flex;flex-direction: row;justify-content: space-between;}
.support-list .support-item:nth-child(odd){flex-direction: row-reverse;}
.support-list .support-item .img{width:50%;position:relative;overflow:hidden;}
.support-list .support-item .img .img-cont{width:100%;height:0;padding-bottom:75%;overflow:hidden;position: relative;}
.support-list .support-item .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.support-list .support-item .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}

.support-list .support-item .txt{width:50%;padding:50px 4.6875%;}
.support-list .support-item .txt h4{font-size:24px;color:#3c7963;line-height:36px;margin-bottom:28px;}
.support-list .support-item .txt h6{position: relative;padding-left:16px;font-size:14px;color:#333;line-height:24px;margin-bottom:10px;}
.support-list .support-item .txt h6:before{content:"";position: absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color: #333;}

.support-list .support-item .txt .title{font-size:14px;color:#333;line-height:24px;margin-top:30px;margin-bottom:10px;font-weight:bold;}
.support-list .support-item .txt p{font-size:14px;color:#888;line-height:24px;}

@media(max-width:1320px){
	.support-list .support-item .txt{padding:40px 4.6875%;}
	.support-list .support-item .txt h4{font-size:22px;line-height:32px;margin-bottom:24px;}
}

@media(max-width:1080px){
	.support-list .support-item{margin-bottom:20px;}

	.support-list .support-item .txt{padding:36px 4.6875%;}
	.support-list .support-item .txt h4{font-size:18px;line-height:28px;margin-bottom:20px;}
	.support-list .support-item .txt h6{padding-left:12px;line-height:20px;margin-bottom:8px;}
	.support-list .support-item .txt h6:before{top:8px;}

	.support-list .support-item .txt .title{line-height:20px;margin-top:20px;margin-bottom:8px;}
	.support-list .support-item .txt p{line-height:20px;}
}

@media(max-width:769px){
	.support-list .support-item{display: block;}
	.support-list .support-item .img{width:100%;}
	.support-list .support-item .txt{width:100%;padding:20px 16px;}
}


.question-list{width:100%;}
.question-list li{width:100%;margin-bottom:40px;background-color: #f5f5f5;}
.question-list li .question-title{width:100%;padding:20px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;cursor: pointer;}
.question-list li .question-title .left-txt{width:84%;display: flex;align-items: center;}
.question-list li .question-title .left-txt .icon{display:block;width:48px;height:48px;margin-right:20px;}
.question-list li .question-title .left-txt h5{width:calc(100% - 68px);font-size:16px;color:#333;line-height:48px;}

.question-list li .question-title .right-btn{display: flex;align-items: center;font-size:16px;color:#888;line-height:48px;margin-right:20px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.question-list li .question-title .right-btn .iconfont{font-size:18px;margin-left:12px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.question-list li:hover .question-title .right-btn{color:#3c7963;}

.question-answer{width:100%;padding:40px 20px;padding-left:88px;border-top:#e0e0e0 solid 1px;display:none;}

.question-list li.open .question-title .right-btn .iconfont{transform: rotate(90deg);}
.question-list li.open .question-title .right-btn{color:#3c7963;}

@media(max-width:1080px){
	.question-list li{margin-bottom:20px;}
	.question-list li .question-title{padding:20px;}
	.question-list li .question-title .left-txt{width:80%;}
	.question-list li .question-title .left-txt .icon{width:40px;height:40px;margin-right:12px;}
	.question-list li .question-title .left-txt h5{width:calc(100% - 52px);font-size:14px;line-height:40px;}

	.question-list li .question-title .right-btn{line-height:40px;margin-right:12px;}
	.question-list li .question-title .right-btn .iconfont{font-size:16px;margin-left:8px;}

	.question-answer{padding:20px 16px;padding-left:72px;}
}

@media(max-width:640px){
	.question-list li .question-title{padding:12px 16px;}
	.question-list li .question-title .left-txt .icon{width:24px;height:24px;margin-right:8px;}
	.question-list li .question-title .left-txt h5{width:calc(100% - 32px);}

	.question-list li .question-title .right-btn{line-height:36px;margin-right:0;}
	.question-list li .question-title .right-btn span{display:none;}
	.question-list li .question-title .right-btn .iconfont{font-size:16px;margin-left:8px;}

	.question-answer{padding:16px 16px;padding-left:32px;padding-right:20px;}
}

.download-list{width:100%;background-color: #fff;padding:60px;padding-bottom:2px;}
.list-border{width:100%;border:#e0e0e0 solid 1px;}

.download-list dl{width:100%;}
.download-list dl dt{width:100%;padding-top:2px;padding-left:50px;display: flex;align-items: center;justify-content:space-between;flex-direction:row;text-align:center;background-color: #fbfbfb;}
.download-list dl dt h5{font-size:16px;color:#333;line-height:80px;font-weight:bold;}
.download-list dl dd{width:100%;padding:26px 0;padding-left:50px;min-height:46px;display: flex;align-items: center;justify-content:space-between;flex-direction:row;text-align:center;border-top:#e0e0e0 solid 1px;transition: all 0.2s;-webkit-transition: all 0.2s;position: relative;}
.download-list dl dd a{width:100%;display: flex;align-items: center;justify-content:space-between;flex-direction:row;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;}
.download-list dl dd .line{position: absolute;left:-1px;top:0;width:4px;height:100%;z-index:8;background-color: #3c7963;display:none;}
.download-list dl dd h6{font-size:14px;color:#888;line-height:20px;}
.download-list .name{width:44%;text-align:left;}
.download-list .size{width:18%;}
.download-list .format{width:18%;}
.download-list .icon{width:18%;}
.download-list .icon a{display:block;width:100%;}
.download-list .icon .iconfont{width:36px;height:36px;display:block;border-radius:50%;background-color:#ccc;font-size:20px;color:#fff;text-align:center;line-height:36px;margin:0 auto;}
.download-list dl dd:hover{background-color: #ebf1ef;}
.download-list dl dd:hover .icon .iconfont{background-color:#3c7963;}
.download-list dl dd:hover .line{display: block;}

.download-list .job{width:52%;text-align:left;}
.download-list .department{width:24%;}
.download-list .date{width:24%;}

@media (max-width:1080px){
	.download-list{padding:20px;padding-bottom:8px;}
	.download-list dl dt{padding-left:20px;}
	.download-list dl dt h5{font-size:14px;line-height:60px;}
	.download-list dl dd{padding:16px 0;padding-left:20px;min-height:40px;}
	.download-list dl dd h6{font-size:12px;line-height:16px;}
	.download-list dl dd .icon .iconfont{width:24px;height:24px;font-size:14px;line-height:24px;}
}

@media (max-width:769px){
	.download-list dl dt{padding-left:12px;}
	.download-list dl dt h5{line-height:36px;}
	.download-list dl dd{padding:12px 0;padding-left:12px;}

	.download-list .name{width:42%;}
	.download-list .size{width:22%;}
	.download-list .format{width:18%;}
	.download-list .icon{width:16%;}

	.download-list .job{width:44%;text-align:left;}
	.download-list .department{width:28%;}
	.download-list .date{width:28%;}
}


.join-left{float:left;width:21.875%;}

.join-right{float:right;width:78.125%;border-left:#e0e0e0 solid 1px;padding-left:60px;margin-top:60px;}
.join-editor{font-size:14px;color:#888;line-height:36px;}
.join-editor p{line-height: inherit;}
.join-editor .join-title{font-size:16px;color:#333;line-height:36px;margin-bottom:8px;}

@media (max-width:1080px){
	.join-right{padding-left:40px;margin-top:40px;}
}
@media (max-width:769px){
	.join-left{width:100%;}

	.join-right{width:100%;border:none;padding-left:0;margin-top:20px;}
	.join-editor{line-height:28px;}
	.join-editor .join-title{line-height:28px;}
}

.contact-box{width:100%;display: flex;align-items: center;justify-content: space-between;}
.contact-txt{width:52%;display: flex;align-items: center;justify-content:flex-end;}
.contact-txt-box{width:100%;max-width:700px;padding-left:20px;}
.contact-txt .inside-title{padding-top:0;}
.contact-txt .editor p{margin-bottom:10px;}

.contact-map{width:48%;height:620px;}

@media (max-width:1080px){
	.contact-txt-box{width:96%;margin-left:4%;}
	.contact-txt .editor p{margin-bottom:8px;}

	.contact-map{height:480px;}
}

@media (max-width:769px){
	.contact-box{display: block;}
	.contact-txt{display: block;width:100%;}
	.contact-txt-box{width:100%;margin-left:0;padding:0 4%;}
	.contact-txt .editor p{margin-bottom:4px;}
	.contact-txt .inside-title{padding-top:40px;}

	.contact-map{height:360px;width:100%;margin-top:40px;}
}


.form-list{width:100%;}
.form-list li{float:left;width:30.428%;margin-bottom:48px;position:relative;}
.form-list li.short-input{margin-left:4.358%;}
.form-list li.form-btn{margin-bottom:0;float:right;margin-top:48px;}
.form-list li h6{width:100%;font-size:16px;color:#333;line-height:36px;margin-bottom:12px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.form-list li h6 span{color:#3c7963;}
.form-list li input.join-input{width:100%;height:56px;background:none;border:#e0e0e0 solid 1px;padding:18px 20px;font-size:16px;color:#333;outline:none;transition:all 0.3s;-webkit-transition:all 0.3s;}
.form-list li.join-textarea{width:100%;}
.form-list li textarea{width:100%;height:160px;background:none;border:#e0e0e0 solid 1px;padding:16px 20px;font-size:16px;color:#333;line-height:28px;transition:all 0.3s;-webkit-transition:all 0.3s;}

.form-list li.form-code input.join-input{width:calc(100% - 120px);}
.form-list li .yzm-img{width:106px;position:absolute;right:0;bottom:0;height:52px;overflow:hidden;border:#e0e0e0 solid 1px;}
.form-list li .yzm-img img{display:block;width:100%;height:100%;}

.form-list li .join-btn{float:right;width:220px;height:56px;background:#3c7963;border:none;font-size:16px;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;}
.form-list li .join-btn:hover{box-shadow:0 2px 12px rgba(60,121,99,0.6);}


.form-list li:hover input.join-input{border:#3c7963 solid 1px;}
.form-list li:hover textarea{border:#3c7963 solid 1px;}
.form-list li:hover .select{border:#3c7963 solid 1px;}
.form-list li:hover  h6{color:#3c7963;}
.form-list li.cur input.join-input{border:#3c7963 solid 1px;}
.form-list li.cur textarea{background:#3c7963;}
.form-list li.cur .select{background-color:#3c7963;}
.form-list li.cur  h6{color:#3c7963;}

@media(max-width: 1280px){
    .form-list li{margin-bottom:32px;}
    .form-list li.form-btn{margin-top:32px;}

    .form-list li h6{font-size:14px;line-height:24px;margin-bottom:8px;}
	.form-list li input.join-input{height:40px;padding:10px 20px;font-size:14px;}
	.form-list li textarea{height:120px;padding:10px 20px;font-size:14px;line-height:24px;}
	.form-list li.form-code input.join-input{width:calc(100% - 120px);}
	.form-list li .yzm-img{width:106px;height:40px;}

	.form-list li .join-btn{width:160px;height:40px;font-size:16px;}
}
@media(max-width: 1080px){
	.feedback-box{padding:40px 0;}
}

@media(max-width:769px){
    .form-list li{width:100%;margin-bottom:16px;}
	.form-list li.short-input{margin-left:0;}
	.form-list li.form-btn{margin-top:20px;}
	.form-list li h6{margin-bottom:4px;}
}