/* banner_nei */
.banner_nei{display: block;overflow: hidden;position: relative;}
.banner_nei .list img{width: 100%;}
.banner_nei .s_img{display: none;}
/* .banner_nei .s_img .list{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner_nei .s_img .list a{display: block;height: 100%;} */
.banner_nei .layout{position: absolute;width: 100%;left:0;top: 46%;transform: translateY(-50%);z-index: 2;}
.banner_nei .layout .wrap{margin: 0 auto;width: 90%;max-width: 1530px;/*width: auto;*/}
.banner_nei .text{text-shadow: 0 0 4px rgba(2,138,72);display: inline-block;box-sizing: border-box;color: #fff;}
.banner_nei .text .cn{margin-top: 0;font-size: 50px;font-weight: bold;text-transform: capitalize;text-transform: uppercase;}
.banner_nei .text .en{margin-top: 10px;font-size: 50px;}
.banner_nei .text .slogan{margin-top: 20px;font-size: 28px;}
.banner_nei .text .line{margin-top: 15px;width: 27px;height: 3px;background: #2c3a5f;}
.banner_nei .text .ewm_img{margin-top: 30px;}

.banner_nei .pf_banner_text .top{color: #ffd400;font-weight: bold;}
.banner_nei .pf_banner_text .top .row1{margin-bottom: 10px;font-size: 26px;}
.banner_nei .pf_banner_text .top .row2{font-size: 0.35rem;}
.banner_nei .pf_banner_text .slogan{margin-top: 10px;width: 100%;max-width: 377px;font-size: 14px;line-height: 1.5em;}

.banner_nei .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index: 1;}
@media only screen and (max-width:1920px){
	.banner_nei .text .cn{font-size: 2.6vw;}
}
@media only screen and (max-width:1080px){
	.banner_nei .pf_banner_text .top .row1{font-size: 24px;}
	.banner_nei .pf_banner_text .top .row2{font-size: 20px;}
}
@media only screen and (max-width:520px){
	.banner_nei .nei_wrap{width: 100%;}
	.banner_nei .pf_banner_text .top .row1{font-size: 18px;}
	.banner_nei .pf_banner_text .top .row2{font-size: 16px;}
}

/* add */
.banner_nei .js-m.animate .list img{animation: slow_flash 1s 0s 1;animation-fill-mode: forwards;}
@keyframes slow_flash{
	from{opacity: 0.8;transform: scale(1.2);}
	to{opacity: 1;transform: scale(1);}
}
@-webkit-keyframes slow_flash{
	from{opacity: 0.8;transform: scale(1.2);}
	to{opacity: 1;transform: scale(1);}
}
@media only screen and (max-width:1280px){
	.banner_nei .layout .wrap{width: 90%;}
	/* .banner_nei .text .cn{font-size: 40px;} */
}
@media only screen and (max-width:850px){
	.banner_nei .text .cn{font-size: 26px;}
	.banner_nei .text .en{font-size:24px;}
	.banner_nei .text .ewm_img{width: 90px;}
}
@media only screen and (max-width:750px){
	.banner_nei .big_img{display: none;}
	.banner_nei .s_img{display: block;}
	.banner_nei .text .ewm_img{display: none;}
	.banner_nei .text .cn{font-size: 24px;}
	.banner_nei .text .slogan{font-size: 14px;}
	
	.banner_nei .list{position: relative;padding-bottom:50%;width:100%;height:0;overflow: hidden;}
	.banner_nei .list img{position: absolute;left:50%;top:50%;width:auto;max-width:initial;max-height:100%;transform: translate(-50%,-50%);}

	@keyframes slow_flash{
		from{opacity: 0.8;transform:translate(-50%,-50%) scale(1.2);}
		to{opacity: 1;transform:translate(-50%,-50%) scale(1);}
	}
	@-webkit-keyframes slow_flash{
		from{opacity: 0.8;transform:translate(-50%,-50%) scale(1.2);}
		to{opacity: 1;transform:translate(-50%,-50%) scale(1);}
	}
}
@media only screen and (max-width:520px){
	.banner_nei .text{font-size: 16px;}
	.banner_nei .text .cn{margin-top: 0px;font-size: 18px;}
	.banner_nei .text .en,.banner_nei .text .slogan{font-size: 14px;}
	.banner_nei .text .line{margin-top: 6px;}
}


.nei_wrap{margin:0 auto;width:90%;max-width: 1530px;}

.location{padding:24px 0;color: #999;}
.location i.home{display: inline-block;margin-right:10px;vertical-align: middle;width: 20px;height: 20px;background: url(../images/home.png)no-repeat center/100% auto;}
.location a{display: inline-block;vertical-align: middle;font-size: 15px;position: relative;}
/* 间符号 */
/* .location a:before{content: "";position: absolute;right: calc(100% + 10px);right: -webkit-calc(100% + 10px);top: 50%;width: 3px;height: 12px;background:url(../images/about_bg1.png) no-repeat center;transform: translateY(-50%);} */
.location a:hover{color: #0ba0af;}
@media only screen and (max-width:520px){
	.location{padding: 12px 0;}
	.location a{font-size: 12px;}
}

.nei_title{padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.nei_title .title{font-size: 48px;font-weight: normal;}
@media only screen and (max-width:1280px){
	.nei_title .title {font-size: 36px;}
}
@media only screen and (max-width:1080px){
	.nei_title .title {font-size: 30px;}
}
@media only screen and (max-width:850px){
	.nei_title .title {font-size: 26px;}
}
@media only screen and (max-width:520px){
	.nei_title .title {font-size: 16px;}
}

/* ab_profile */
.ab_profile{padding:100px 0 100px;position: relative; z-index: 1;}
.ab_profile:after{width: 70%;position: absolute;left: 30%; top: 0%;height: 100%;content: '';background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));z-index: -1;}
.ab_profile .idx_title .title{text-transform:uppercase;line-height:1.1;}
.ab_profile .layout{width:100%;}
.ab_profile .lf_part{width:47.75%}
.ab_profile .lf_part .content{font-size:17px;line-height: 2.2;box-sizing: border-box;letter-spacing: 1px;}
.ab_profile .lf_part .content p{margin-bottom:6%}
.ab_profile .lf_part .content p:last-child{margin-bottom: 0;}

/* .ab_profile .lf_white{position: absolute;left:0;top:0;width:61.2%;height: 100%;background-color: #fff;z-index: -1;background-image: url(../images/name_bg.png);background-repeat: no-repeat;background-attachment: fixed;background-position: left center;} */
.ab_profile .rt_part{width: 44%;height: 100%;background: url(../images/abpf_bg.jpg)no-repeat center right/cover;}
.ab_profile .rt_part .img{display: none;}
.ab_profile .rt_part .img img{width:100%}
.ab_profile .rt_blue{position: absolute;right:0;top:0;width:100%;height:100%;z-index: -2;background:url()no-repeat center bottom/100% auto}
#myCanvas{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

.ab_profile .common_more{margin-top:30px;}

.num_ys{width: 100%;}
.num_ys ul{margin: 0 auto;width: 100%;flex-wrap: wrap;}
.num_ys ul li{padding: 38px 2%;width: 33%;box-sizing: border-box;position: relative;color: #333;}

.num_ys ul li:nth-child(3n):after{content: initial;}
.num_ys ul li .top{white-space: nowrap;}
.num_ys ul li .top span{display: inline-block;vertical-align: text-top;font-size: 50px;line-height:1;background-image:-webkit-linear-gradient(left,#028a48,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;}
.num_ys ul li .top span.unit{font-size:22px;}
.num_ys ul li .top span.num{margin-right: 15px;font-size: 74px;font-family: Bahnschrift;line-height: 1em;letter-spacing:-2px;}
.num_ys ul li p{margin-top: 16px;font-size: 18px;text-indent: initial;}

.ys_area{margin-top: 5%;padding: 5% 0;background: #fafcff;/* #f2f9ff */}
.ys_area .content{margin-top: 30px;font-size: 16px;line-height: 2;}
@media only screen and (min-width:851px){
    .ab_profile .rt_part{position:absolute;right:0;top:0;z-index: -1;text-align: right;}
}
@media only screen and (max-width:1280px){
    .ab_profile{padding:100px 0 100px;}
    .ab_profile .layout{width:100%;}
    
    .num_ys ul li:nth-child(1){margin-left: 0;}
    .num_ys ul li .top span.num{font-size: 40px;}
    .num_ys ul li .top span{font-size: 16px;}
    .num_ys ul li p{font-size: 18px;}
}
@media only screen and (max-width:1080px){
    .ab_profile{padding:64px 0;}
    .num_ys ul{justify-content: space-around;}
    .num_ys ul li{padding: 20px 3%;margin-left: 0;}
}
@media only screen and (max-width:850px){
    .ab_profile{padding:50px 0;}
    .ab_profile .idx_title{}
    .ab_profile .idx_title .line{display: none;}
    .ab_profile .lf_part{padding-top:0;width: 100%;background:rgba(255,255,255,0.6)}
    .ab_profile .lf_part .content{margin:4.5% 0;padding:0;}
    .ab_profile .rt_part{margin-top:5%;width: 100%;}
    .ab_profile .lf_white{width: 100%;background-size: 60px auto;}
    .ab_profile .rt_blue{display:none;}
    
    .ys_area{margin-top: 40px;padding: 40px 0;}
    .ys_area .content{line-height: 28px;margin-top: 15px;}
    .num_ys{width: 100%;}
    .num_ys ul li .top span.num{margin-right: 8px;font-size: 33px;}
    .num_ys ul li p{margin-top: 10px;}
}
@media only screen and (max-width:520px){
    .ab_profile{padding:40px 0;}
    .ab_profile .lf_part .content{margin:5% 0;font-size:14px;line-height: 24px;}
    .ab_profile .lf_white{background-size:48px auto;}
    
    .ys_area{display: none;margin-top: 30px;padding: 9% 0 6%;}
    .ys_area .content{font-size: 14px;line-height: 24px;}
    .num_ys{}
    .num_ys ul{justify-content: flex-start;}
    .num_ys ul li:nth-child(2n):after{content: initial;}
    .num_ys ul li::before{width: 90%;}
    .num_ys ul li{padding:10px 0;width: 33.3%;}
    .num_ys ul li:after{content:initial}
    .num_ys ul li .top span.num{font-size: 30px;}
    .num_ys ul li .top span{font-size:20px}
    .num_ys ul li p{font-size: 12px;font-size: 14px;}
}

/* contact */
.contact{padding: 100px 0;background: url(../images/ct.jpg)no-repeat center/cover;}
.contact .layout{}
.contact .nei_title .title{line-height: 1.8;}
.contact .nei_title .title span{color: #028a48;}
/* .contact #map{width: 60%;height: 420px;}
.contact #map label{max-width: none;}
.contact #map img{max-width: none;} */
.contact .btm{/*padding: 3.8% 4% 3%;*/width: 50%;box-sizing: border-box;}
.contact .btm .hd{margin-top: 26px;font-size: 17px;position: relative;line-height: 2.2;}
.contact .btm .hd i{display:inline-block;vertical-align: text-bottom;margin-right:10px;}
.contact .btm .hd i img{display: block;}
.contact .company_mes{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact .company_mes li{margin-top: 26px;width: 100%;font-size: 16px;}
.contact .company_mes li .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.contact .company_mes li i{display: inline-block;margin-right:10px;width: 70px;height: 70px;background-repeat: no-repeat;background-position: center;vertical-align: text-top;border-radius: 50%;background-image: linear-gradient(to bottom,#028a48,#85e9b9);position: relative;}
.contact .company_mes li i img{position: absolute;left:50%;top:50%;width: 30px;transform: translate(-50%,-50%);}
.contact .company_mes li .part{width: calc(96% - 70px);width:-webkit-calc(96% - 70px)}
.contact .company_mes li .part h6{margin-bottom: 10px;font-size: 19px;font-weight: bold;letter-spacing: 1px;}
.contact .company_mes li .part .con{font-size: 16px;color: #999;}
.contact .company_mes li i.name{background-image: url(../images/ct_name.png)}
.contact .company_mes li i.email{background-image: url(../images/ct_email.png)}
.contact .company_mes li i.tel{background-image: url(../images/ct_tel.png)}
.contact .company_mes li i.address{background-image: url(../images/ct_address.png)}
.contact .company_mes li i.ewm{background-image: url(../images/ct_ewm.png)}

.contact .ct_bg_m{display: none;margin-top: 6%;}
@media only screen and (max-width:850px){
    .contact {padding: 50px 0;background: none;}
    .contact .layout{}
	.contact .btm{width: 100%;}
    .contact .btm .hd{font-size: 15px;}
	.contact .ct_bg_m{display: block;}
	.contact .company_mes li i{width: 60px;height: 60px;}
	.contact .company_mes li .part{width: calc(96% - 60px);width: -webkit-calc(96% - 60px);}
}
@media only screen and (max-width:520px){
    .contact {padding: 30px 0;}
    .contact .layout{}
    .contact #map{height: 360px;}
    .contact .btm{}
	.contact .btm .hd{line-height: 1.8;font-size: 14px;margin-top: 20px;}
    .contact .company_mes li{width: 100%;}
	.contact .company_mes li .part h6{font-size:15px;}
	.contact .company_mes li .part .con{font-size: 14px;}
	.contact .company_mes li i{width: 50px;height: 50px;}
	.contact .company_mes li .part{width: calc(96% - 50px);width: -webkit-calc(96% - 50px);}
}

/* newslist */
.newslist{padding: 68px 0;background-color: #f9fafb;background-repeat:repeat-x;background-position:top center;}
.newslist .list_content {}
.newslist .list_content .list_item{padding:3% 3%;margin-bottom:2.6%;width: 100%;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.06);transition: all .3s linear;}
.newslist .list_content .list_item .item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.newslist .list_content .list_item .img_wrap{width: 350px;}
.newslist .list_content .list_item .img{position: relative;padding-bottom:58%;height:0;overflow:hidden;}
.newslist .list_content .list_item .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition: all .3s linear;}
.newslist .list_content .item .text_wrap{width:calc(98% - 350px);width:-webkit-calc(98% - 350px)}
.newslist .list_content .item .text_wrap .top_flx{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newslist .list_content .item .text_wrap .sort{font-size:12px;color:#666;transition: all .3s linear;order: -1;margin-bottom:20px;padding:8px 16px;border-radius: 30px;border: 1px solid #666;}
.newslist .list_content .item .text_wrap .sort i{display:inline-block;margin-right:10px;width:22px;height: 22px;background:url(../images/time.png)no-repeat center/100% auto;vertical-align:text-bottom;display: none;}
.newslist .list_content .item .text_wrap .tit{font-size: 22px;width: 100%;}
.newslist .list_content .item .text_wrap .con{margin-top:20px;font-size:16px;line-height:2.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#595757;transition: all .3s linear;}
.newslist .list_content .item .text_wrap .line{display:inline-block;width:30%;margin-top:4%;height: 2px;background:rgba(70,93,172);transition:width 0.3s linear}
.newslist .list_content .item .text_wrap .more{display: inline-block;font-size: 16px;font-family: poppinsM;padding-bottom: 5px;position: relative;}
.newslist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;}

.newslist .wp-pagenavi{margin-top: 30px;}
@media only screen and (min-width:521px){
	.newslist .list_content .list_item:hover{transform: translateY(-5px);}
    .newslist .list_content .list_item:hover .item .text_wrap .tit{color: #028a48;}
	.newslist .list_content .list_item:hover .item .text_wrap .sort{}
	.newslist .list_content .list_item:hover .item .text_wrap .con{}
	/* .newslist .list_content .list_item:hover .item .text_wrap .sort i{filter: grayscale(1) brightness(100);} */
.newslist .list_content .item:hover .more{color:#f5811f;}
	.newslist .list_content .item:hover .more:after{background:#f5811f;}
	.newslist .list_content .item:hover .line{width:80%}
	.newslist .list_content .list_item:hover .img img{transform: translate(-50%,-50%) scale(1.06);}
}
@media only screen and (max-width:1280px){
	.newslist .list_content .list_item .img_wrap{width: 260px;}
	.newslist .list_content .item .text_wrap{width: calc(98% - 260px);width: -webkit-calc(98% - 260px);}
	.newslist .list_content .item .text_wrap .tit{font-size: 18px;}
}
@media only screen and (max-width:1080px){
	/* .newslist_fw .list_content .list_item{width: 33.3%;} */
	.newslist .list_content .item .text_wrap .tit{font-size:16px;width:100%;}
	.newslist .list_content .item .text_wrap .sort{font-size: 15px;}
	.newslist .list_content .item .text_wrap .con{margin-top: 16px;line-height: 1.8;}
	
}
@media only screen and (max-width:850px){
	.newslist{padding:50px 0;}
	.newslist .list_content{}
	.newslist .list_content .item .text_wrap .tit{font-size:16px}
	.newslist .list_content .item .text_wrap .sort{padding:6px 10px}
	.newslist .list_content .item .text_wrap .sort i{margin-right:6px;width: 18px;height: 18px;}
	.newslist .list_content .item .text_wrap .con{margin-top: 10px;font-size: 14px;line-height: 1.6;}
}
@media only screen and (max-width:680px){
	.newslist .list_content .list_item .img_wrap{width: 100%;}
	.newslist .list_content .item .text_wrap{padding-top:20px;width: 100%;}
}
@media only screen and (max-width:520px){
	.newslist{padding: 40px 0;}
	.newslist .list_content {}
	.newslist .list_content .list_item{padding:4% 4%;margin-bottom:6%}
	.newslist .list_content .list_item:last-child{margin-bottom: 0;}
	.newslist .list_content .item .text_wrap .sort i{width: 20px;height: 20px;}
	.newslist .list_content .item .text_wrap .sort{font-size:14px}
	.newslist .list_content .item .text_wrap .tit{font-size: 15px;}
	.newslist .list_content .item .text_wrap .more{font-size:12px}
	.newslist .list_content .item .text_wrap .con{font-size:14px}
}

/* page.html */
.wp-pagenavi {CLEAR: both; MARGIN:5% auto 0; WIDTH: 100%;  TEXT-ALIGN: center;}
.wp-pagenavi a.home{width: auto;padding: 0 7px;}
.wp-pagenavi a.last{width: auto;padding: 0 7px;}
.wp-pagenavi a {display: inline-block;margin: 0 2px;width: 32px;height: 32px;text-align: center;line-height: 32px;vertical-align: middle;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.wp-pagenavi a:hover {border-color: #333;background:#333; color:#fff;}
.wp-pagenavi a.page-num-current{background: linear-gradient(to left,#09C86B,#028A48); color: #fff;border-color: #09C86B;}
.wp-pagenavi a.page-num-current:hover {border-color: #333;background:#333;}
/**/
/* .wp-pagenavi a.page-num-current {
	color: #000;background-color: #fff;
} */
/* */
.text-norecord{ font-size:14px; line-height:35px;}

.wp-pagenavi i.p_pre{display: inline-block;width: 32px;height: 32px;background: url(../images/page_previous.png)no-repeat center;background-size: 12px;}
.wp-pagenavi i.p_next{display: inline-block;width: 32px;height: 32px;background: url(../images/page_next.png)no-repeat center;background-size: 12px;}
.wp-pagenavi i.p_pre:hover {filter: brightness(100);}
.wp-pagenavi i.p_next:hover {filter: brightness(100);}
@media screen and (max-width: 680px) {
.m640{ display:none;}
}
@media screen and (max-width: 520px) {
	.wp-pagenavi{padding: 20px 0 0;}
	.wp-pagenavi a {width: 28px;height: 28px;line-height: 28px;}
	.wp-pagenavi i.p_pre{width: 28px;height: 28px;}
	.wp-pagenavi i.p_next{width: 28px;height: 28px;}
}

/* news */
.news{padding:68px 0;}
.news .top_wrap{}
.news .news_title{text-align: center;}
.news .news_title .title{font-size: 30px;}
.news .news_title .mes{margin-top: 36px;font-size:16px;}
.news .news_title .mes span{display: inline-block;}
.news .news_title .mes span.time{}
.news .news_title .mes span.series{display: inline-block;/* background-image: repeating-linear-gradient(to right,#004ea9,#029bf1);color: #FFFFFF;padding: 5px 15px; */}

.news .content{margin-top: 5%;font-size: 18px;line-height: 2;color:#767676}
.news .content .content_wrap{}
.news .content_wrap{margin: 0 auto;width: 100%;}
.news .content h3{font-weight: normal;font-size: 24px;}
.news .content video,.news .content iframe,.news .content embed{max-width: 100%;width: 800px;}
@media only screen and (max-width:1080px){
	.news .news_title .title{font-size: 24px;}
	.news .content{font-size: 18px;line-height: 2;}
	.news .content h3{font-size: 18px;}
}
@media only screen and (max-width:850px){
	.news{/* padding: 37px 0; */}
	.news .top_wrap{}
	.news .news_title .title{font-size: 22px;}
	.news .news_title .mes{font-size:14px}
	.news .content{font-size: 16px;}
	.news .content h3{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.news{padding: 40px 0;border-bottom:1px solid #ddd;}
	.news .top_wrap{}
	.news .news_title .title{font-size: 18px;}
	.news .news_title .mes{margin-top:26px;font-size:12px}
	.news .content{font-size: 14px;}
	.news .content video,.news .content iframe,.news .content embed{height: 300px;}
	.news .content{font-size: 14px;}
}
@media only screen and (max-width:380px){
	.news .news_title .title{font-size:16px}
}


.page{margin-top: 6%;padding: 2% 0;border-top: 1px solid #ddd;}
.page ul li{font-size: 18px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex-shrink: 1max-width:40%;width:auto}
.page ul li:nth-last-child(1){text-align: right;}
.page ul li a:hover{color: #fed200;}
@media only screen and (max-width:850px){
	.page ul li{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.page ul li{margin:8px 0 0;width: 100%;max-width: 100%;font-size: 14px;}
	.page ul .return{order: 1;}
	.page ul li:nth-last-child(1){text-align: left;}
}


/* photolist */
.photolist{padding:64px 0;}
.photolist .list_content{box-sizing: border-box;}
.photolist .list_content .layout{align-items:flex-start;}
.photolist .list_content .layout:after{content: "";width: 31.6%;}
.photolist .list_content .item{margin-bottom: 3.5%;width: 31.6%;box-sizing: border-box;transition: all .2s linear;box-sizing: border-box;}
/* .photolist .list_content .item:hover .cer_img{background: #2bad43;} */

.photolist .list_content .item .cer_img{position: relative;padding-bottom: 80%;width: 100%;height: 0;box-sizing: border-box;overflow: hidden;border:1px solid #f1f1f1;}
.photolist .list_content .item .cer_img img{position: absolute;top: 50%;left: 50%;width: 84%;width:auto;max-height:98%;transform: translate(-50%,-50%);z-index: 1;}
.photolist .list_content .item .tit{margin-top: 30px;text-align: center;font-size: 18px;overflow: hidden;}


@media only screen and (min-width:521px){
	/* .photolist .list_content .item:hover{}
	.photolist .list_content .item:hover .more{background: transparent;color: #13527d;border-color: #13527d;}
	.photolist .list_content .item:hover .line:after{width: 100%;} */
	.photolist .list_content .item:hover .cer_img{box-shadow: 15px 10px 15px rgba(0,0,0,0.06);}
	.photolist .list_content .item:hover .img img{transform:translate(-50%,-50%) scale(1.1)}
}
@media only screen and (max-width:1280px){
	.photolist .list_content{/* margin-top: 38px; */padding: 0;}
	.photolist .list_content .item .tit{}
	.photolist .list_content .item .more{padding: 7.5px 12px;font-size: 14px;}
	.photolist .list_content .item .con{line-height: 24px;}
	
}
@media only screen and (max-width:1080px){
	.photolist{padding:64px 0;}
}
@media only screen and (max-width:850px){
	.photolist{padding:50px 0;}
	/* .photolist .list_content{margin-top: 28px;} */
	.photolist .list_content .layout:after{width: 48.6%;}
	.photolist .list_content .item{width: 48.6%;}
	.photolist .list_content .item .tit{font-size:16px;}
	
}
@media only screen and (max-width:520px){
	.photolist{padding: 40px 0;}
	.photolist .list_content .item .wrap{padding: 4.7% 0;}
	/* .photolist .list_content .item{width: 100%;border-right: 0;} */
	.photolist .list_content .item .tit{margin-top: 16px;font-size: 14px;}
}

/* ab_textile */
.ab_textile {padding:64px 0;}
.ab_textile .layout{align-items: flex-start;}
.ab_textile .case_list{width: 78%;}
.ab_textile .case_list .part{margin:0 auto;width:100%;max-width: 580px;}
.ab_textile .case_list .img{position: relative;padding-bottom: 105%;width:100%;height:0;overflow: hidden;}
.ab_textile .case_list .img img{position: absolute;left:50%;top:50%;width: auto;max-width: initial;height: 100%;transform: translate(-50%,-50%);}
.ab_textile .case_list .text_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;padding:30px 0;border-bottom: 4px solid #333;}
.ab_textile .case_list .text_part .tit{font-size: 20px;}
.ab_textile .case_list .text_part .con{margin-top: 14px;font-size: 15px;line-height: 1.8;color: #999;}
.ab_textile .case_list .text_part .lf{width:calc(90% - 100px);width:-webkit-calc(90% - 100px)}
.ab_textile .case_list .text_part .more{display: block;padding:6px 18px;border-radius: 0 14px 0 0;background: #028a48;color:#fff;}
.ab_textile .rt_part{width:22%;order: -1;}
.ab_textile .rt_part .odcontent{width: 100%;}
.ab_textile .rt_part .top{margin-bottom: 29%;}
.ab_textile .rt_part .title{}
.ab_textile .rt_part .line{position: absolute;left:110%;top:50%;width: 82px;height: 1px;background: #b48b62;} 
.ab_textile .rt_part .title span:first-child{color: #fff;}
.ab_textile .rt_part .case_nav{box-sizing: border-box;color: #666;}
.ab_textile .rt_part .case_nav ul li:first-child{margin-top: 0;}
.ab_textile .rt_part .case_nav ul li{margin-top: 20px;position: relative;padding-left:2vw;padding-bottom:24px;transition: padding 0.3s ease-out;}
.ab_textile .rt_part .case_nav ul li span.num{font-size: 14px;display: block;font-style: italic;}
.ab_textile .rt_part .case_nav ul li span.num:after{content: "";position: absolute;right:0;bottom:0;width: 0;height: 1px;background: #028a48;transition: width 0.3s linear;}

.ab_textile .rt_part .case_nav ul li.on span.num{color: #028a48;}
.ab_textile .rt_part .case_nav ul li.on span.num:after{width: 96%;}
.ab_textile .rt_part .case_nav ul li.on .name{color: #028a48;font-weight: bold;}
.ab_textile .rt_part .case_nav ul li .name{font-size: 30px;font-weight: normal;}
/* .ab_textile .rt_part .case_nav ul li .name span{display: block;} */
@media only screen and (min-width:851px){
	.ab_textile .rt_part .case_nav ul li.on{padding-bottom: 40px;}
}
@media only screen and (max-width:1440px){
	.ab_textile .rt_part .line{width: 52px;}
	.ab_textile .rt_part > .top{margin-bottom: 14%;}
	.ab_textile .rt_part .case_nav{padding-left: 14%;}
	.ab_textile .rt_part .case_nav ul li .name{font-size: 22px;}
	.ab_textile .rt_part .case_nav ul li.on span.num:after{width: 100%;}
}
@media only screen and (max-width:1280px){

}
@media only screen and (max-width:850px){
	.ab_textile{padding:0;}
	.ab_textile .case_list{width: 100%;}
	.ab_textile .case_list .text_part .tit{font-size: 18px;}
	.ab_textile .case_list .text_part .more{font-size: 14px;}

	.ab_textile .rt_part{margin-top:50px;width: 100%;}
	.ab_textile .rt_part .top{margin-bottom:36px;}
	.ab_textile .rt_part .title{margin-left: 0;}
	.ab_textile .rt_part .title span:first-child{color: #333;}
	.ab_textile .rt_part .case_nav{padding-left: 0;}
	.ab_textile .rt_part .case_nav ul{display: flex;flex-wrap: wrap;}
	.ab_textile .rt_part .case_nav ul li{margin:0 0 5% 0;width: auto;max-width: 33.3%;}
	.ab_textile .rt_part .title{font-size: 22px;}
	.ab_textile .rt_part .case_nav ul li .name{font-size: 15px;}
}
@media only screen and (max-width:520px){
	.ab_textile .rt_part{margin-top: 40px;}
	.ab_textile .rt_part .top{margin-bottom: 26px;}
	.ab_textile .rt_part .title{font-size: 18px;}
	.ab_textile .rt_part .case_nav ul li{width: 49%;}

	.ab_textile .case_list .text_part .lf{margin-bottom: 26px;width: 100%;}
}
@media only screen and (max-width:380px){
	.ab_textile .rt_part{margin-top: 34px;}
}

/* about */
.about{padding:64px 0;}
.about .content{font-size: 17px;line-height: 2;}

@media only screen and (max-width:1080px){
	/* .about{padding:30px 0 64px;} */
}

@media only screen and (max-width:850px){
	.about{padding:50px 0 50px;}
}

@media only screen and (max-width:520px){
	.about{padding:40px 0 40px;}
	.about .content{font-size: 15px;}
}

.ab_cloth_test{padding:64px 0}
.ab_cloth_test .top .layout{align-items: flex-start;}

/* four */
.four_function{width: calc(90% - 192px);width:-webkit-calc(90% - 192px);background-color: #028a48;border-radius: 0 80px 0 0;overflow: hidden;background-image: url(../images/bodian.png);background-repeat: no-repeat;background-size: auto 64%;background-position: right bottom;}
.four_function .ly{justify-content: flex-start;}
.four_function .func_item{padding: 5%;width: 33.3%;text-align: left;position: relative;min-height: 300px;color: #fff;}
.four_function .func_item:after{content:"";position: absolute;right:0;top:50%;width: 1px;height: 70%;background-color: rgba(255,255,255,0.2);transform: translateY(-50%);}
.four_function .func_item:nth-child(3n):after{content: initial;}
.four_function .func_item a{display: block;height: 100%;padding-bottom: 64px;position: relative;}
.four_function .func_item .img {margin-bottom: 30px;filter: grayscale(1) brightness(100);width: 60px;position: relative;z-index: 1;}
.four_function .func_item .img .i_bg{position: absolute;left:0;top:0;width: 100%;transform: translate(8px,-6px);z-index: -1;filter: opacity(0.4);}
.four_function .func_item .img img{display: block;}
.four_function .func_item strong{display: block;font-size: 26px;font-weight: normal;}
.four_function .func_item .line{margin: 24px auto 0;width:56px;height:4px;background:#35974d;display: none;}
.four_function .func_item .tag{margin-top: 16px;font-size: 15px;line-height: 2.2;}
.four_function .func_item .more{display: block;padding: 6px 18px;border-radius: 0 14px 0 0;color: #fff;position: absolute;left:0;bottom:0;z-index: 2;border: 1px solid #fff;}
.four_function .func_item:hover .more{background: #fff;color: #028A48;}

@media only screen and (max-width:1280px){
	
	.four_function{margin-top: 40px;width: 100%;}
	.four_function .func_item .img img{width: 126px;}
	.four_function .func_item strong{font-size:22px;}
	
}
@media only screen and (max-width:1080px){
	.four_function{}
}
@media only screen and (max-width:850px){
	.ab_cloth_test{padding:50px 0}

	.four_function{}
	.four_function{border-radius: 0 60px 0 0;}
	.four_function .func_item{}
	.four_function .func_item .img{width: 40px;}
	.four_function .func_item .img img{width: 106px;}
	.four_function .func_item strong{font-size:18px;}
	.four_function .func_item .tag{font-size: 16px;}
	.four_function .func_item .more{font-size: 14px;}
}
@media only screen and (max-width:680px){
	.four_function{border-radius: 0 40px 0 0;}
	.four_function .func_item strong{font-size: 16px;}
	.four_function .func_item{padding:5% 7%;width: 50%;}
	.four_function .func_item:nth-child(3n):after{content: "";}
	.four_function .func_item:nth-child(2n):after{content: initial;}
}
@media only screen and (max-width:520px){
	.four_function{padding:20px 0}
	
	.four_function .func_item .img{margin-bottom: 26px;}
	.four_function .func_item .img img{width: 66px;}
	.four_function .func_item strong{font-size: 16px;}
	.four_function .func_item .line{margin-top:20px;width: 46px;height: 2px;}
	.four_function .func_item .tag{margin-top: 20px;font-size: 14px;line-height: 1.8;}
	.four_function .func_item .more{font-size: 12px;}
}

/* ab_chemicals */
/* .ab_chemicals{padding:64px 0;}
.ab_chemicals .nei_title{display: inline-block;} */

/* ab_center */
#ab_mian_nei{padding: 30px;width: calc(100% - 380px);width: -webkit-calc(100% - 380px);border: 1px solid #e6ecf2;box-sizing: border-box;background: #fff;}
#ab_recommend_list{padding: 30px;width: 380px;background: #f9f9f9;box-sizing: border-box;border: 1px solid #e6ecf2;border-right: 0;}
@media only screen and (max-width:1080px){
	#ab_mian_nei{width: calc(100% - 270px);width: -webkit-calc(100% - 270px);}
	#ab_recommend_list{width: 270px;}
}
@media only screen and (max-width:850px){
#ab_mian_nei{width: 100%;}
#ab_recommend_list{width:100%;}
}
@media only screen and (max-width:750px){
	#ab_mian_nei{width: 100%;}
	#ab_recommend_list{width:100%;}
}
@media only screen and (max-width:520px){
	#ab_mian_nei{padding: 30px 5%;}
	#ab_recommend_list{padding:30px 5%}
	#ab_recommend_list ul li.tit b{font-size: 16px;}
}

.ab_center{padding:64px 0;}
.ab_center #ab_recommend_list .part_title{font-size: 20px;font-weight: bold;color: #333;}
.ab_center .normal_help{margin-top: 15px;}
.ab_center .normal_help ul li{padding: 8px 0;color: #666;font-size: 20px;}
.ab_center .normal_help ul li.cur{font-weight: bold;color: #028A48;}
.ab_center .normal_help ul li:hover{color: #000;}
.ab_center #ab_mian_nei .ab_title{margin-bottom: 4%;}
.ab_center #ab_mian_nei .ab_title .title{font-size: 20px;font-weight: bold;color: #028A48;}
.ab_center #ab_mian_nei .content{font-size: 17px;line-height: 2.2em;color: #333;}
.ab_center #ab_mian_nei .content a{text-decoration: underline;}
.ab_center #ab_mian_nei .content .global_cooperate{font-size: 20px;}
.ab_center #ab_mian_nei .content .global_cooperate .red{font-size: 24px;font-weight: normal;}
@media only screen and (max-width:850px){
	.ab_center{padding:50px 0;}
	.ab_center .normal_help ul li{font-size: 17px;}

	.ab_center #ab_mian_nei .ab_title .title{font-size: 16px;}
	.ab_center #ab_recommend_list .part_title{font-size: 16px;}
	.ab_center #ab_mian_nei .content .global_cooperate{font-size: 16px;}
	.ab_center #ab_mian_nei .content .global_cooperate .red{font-size: 20px;}
	.ab_center #ab_mian_nei .content{font-size: 15px;}
}
@media only screen and (max-width:520px){
	.ab_center{padding:40px 0;}

	.ab_center .normal_help ul li{font-size: 15px;}
	.ab_center #ab_mian_nei .content .global_cooperate{font-size: 14px;}
	.ab_center #ab_mian_nei .content .global_cooperate .red{font-size: 16px;}
	.ab_center #ab_mian_nei .content{font-size: 15px;line-height: 2;}
}

.store_case .bottom{margin-top: 40px;padding: 0 0 20px;box-sizing: border-box;}
	.store_case .bottom .swiper-wrapper{/* margin: 0 auto;width: 80%; *//* padding: 0 12%;box-sizing: border-box; */}
	.store_case .bottom .swiper-wrapper .swiper-slide{position: relative;/* margin:30px 0; */transition: transform .5s;z-index: 1;}
	.store_case .bottom .swiper-wrapper .swiper-slide-active{transform: scale(1);position: relative;z-index: 3;}
	.store_case .bottom .swiper-slide-prev .img,.store_case .bottom .swiper-slide-next .img{position: relative;transform-style: preserve-3d;perspective: 1000px;transform: scale(1);}
	.store_case .bottom .swiper-slide-prev .img:after,.store_case .bottom .swiper-slide-next .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;/* background: rgba(48,48,48,0.7); */z-index: 2;}
	/* .store_case .bottom .swiper-slide-prev .img img{ transform:rotateY(20deg)}
	.store_case .bottom .swiper-slide-next .img img{ transform:rotateY(-20deg)} */
	.store_case .bottom p{position: relative;padding-left: 40px;margin-top: 8px;font-size: 18px;text-align: left;box-sizing: border-box;}
	.store_case .bottom p:after{content: "";position: absolute;left: 13px;top: 8px;width:10px;height:10px;background: #1EA839;border-radius: 50%;}
	.store_case .img{position: relative;padding-bottom: 75%;width:100%;height: 0;overflow: hidden;}
	.store_case .img img{position: absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
	/* .store_case .bottom .swiper-wrapper .swiper-slide-active p{display: block;} */
	/* .store_case .bottom:before{content: "";position: absolute;left: 0;top: 0;width: 25%;height: 100%;background-image: linear-gradient(to right,rgba(250,250,250),rgba(250,250,250,0));z-index: 3;}
	.store_case .bottom:after{content: "";position: absolute;right: 0;top: 0;width: 25%;height: 100%;background-image: linear-gradient(to right,rgba(250,250,250,0),rgba(250,250,250));z-index: 3;} */
	.store_case .store_prev,.store_case .store_next{position: absolute;top: 50%;width: 40px;height: 40px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-color: #fff;border-radius: 100%;z-index: 3;cursor: pointer;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
	.store_case .store_prev{background-image: url(../images/white_prev.png);left: 0%;}
	.store_case .store_next{background-image: url(../images/white_next.png);right: 0%;}
	@media only screen and (max-width:990px){
	.store_case .bottom .swiper-wrapper .swiper-slide-active p{font-size: 16px;}
	}
	@media only screen and (max-width:850px){
		.store_case .store_prev, .store_case .store_next{width: 35px;height: 35px;}
	}
	@media only screen and (max-width:520px){
		.store_case .bottom{margin-top: 30px;padding: 0;}
		.store_case .bottom .swiper-wrapper .swiper-slide{padding: 0;}
		.store_case .bottom .swiper-wrapper .swiper-slide-active{transform: scale(1);}
		.store_case .bottom .swiper-slide-prev .img,.join_store .store_case .bottom .swiper-slide-next .img{transform: scale(0.85);}
		.store_case .store_prev, .store_case .store_next{width: 35px;height: 35px;background-size: 10px;}
		.store_case .store_prev{left: 3%;}
		.store_case .store_next{right: 3%;}
		.store_case .bottom .swiper-wrapper .swiper-slide-active p{font-size: 16px;}
		.store_case .bottom p:after{top: 6px;width: 8px;height: 8px;}
	}


th{border:1px solid #a0a0a0;padding: 10px; word-break:break-word;}  /*段落前空格*/
table {border-collapse:collapse;width:100%;}  /*表格内线条不显示重复线条*/
td{border:1px solid #a0a0a0;padding: 10px; word-break:break-word;}  /*线条粗细 线条颜色*/
table tr:nth-of-type(1) {
    background: #999;
    color: #fff;
}
table a{font-weight: bold;color: #028a48;}
table a:hover{color: #000;}
/* @media only screen and (max-width:850px){
	table{font-size: 15px;}
}
 */
 @media only screen and (max-width:520px){
	th,td{border:1px solid #a0a0a0;padding: 5px; word-break:break-word;}
}

.ab_search{padding:64px 0;}
.ab_search .nei_title .title{letter-spacing: 2px;}
.ab_search .search_box{margin:0 auto;width:500px;max-width:100%;}
.ab_search .box{margin-top: 30px;}
.ab_search .box .tip{margin-bottom: 16px;font-size: 22px;letter-spacing: 2px;color: #999;}
.ab_search .box ul li{margin-bottom: 30px;}
.ab_search .box input{padding:0 5%;width: 100%;height: 52px;border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 15px;background: #f0f0f0;}
.ab_search .box input.up{font-size: 17px;background-color: #028A48;color: #fff;letter-spacing: 1px;}
.ab_search .hot_line{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.ab_search .hot_line i{margin-right:12px;}
.ab_search .hot_line img{display: block;vertical-align: middle;height:auto;}
.ab_search .hot_line span{font-size: 40px;}
.ab_search .t2{margin-top: 10px;color: #999;}
@media only screen and (max-width:1080px){
	.ab_search .hot_line span{font-size: 34px;}
}
@media only screen and (max-width:850px){
	.ab_search{padding:50px 0;}
	.ab_search .hot_line span{font-size: 30px;}
}
@media only screen and (max-width:520px){
	.ab_search{padding:40px 0;}
	.ab_search .box .tip{font-size: 15px;margin-bottom: 20px;}
	.ab_search .box ul li{margin-bottom: 20px;}
	.ab_search .box input{font-size: 13px;}
	.ab_search .box input.up{font-size: 15px;}
	.ab_search .hot_line span{font-size: 22px;}
	.ab_search .hot_line i{width: 26px;}
}

/* download */
.downlist{padding:64px 0;}
.downlist .nei_title .title{letter-spacing: 2px;}
.downlist .list_content{margin-top:30px;}
.downlist .list_content ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.downlist .list_content ul li{margin-bottom:20px;padding-bottom:20px;width:100%;font-size:16px;border-bottom: 1px solid #e5e5e5;}
.downlist .list_content ul li .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width: 100%;}
.downlist .list_content ul li .wrap p{ width:20%;/*width:calc(96% - 170px);width:-webkit-calc(96% - 170px)*/}

.downlist .list_content ul li .wrap .rt{width:20%}
.downlist .list_content ul li .date{display: inline-block;vertical-align: middle;line-height: 1;}
.downlist .list_content ul li i{display:inline-block;width:30px;height:30px;background:url(../images/download.png)no-repeat center;background-size:100% auto;vertical-align: middle;}
@media only screen and (min-width:521px){
	.downlist .list_content ul li:hover{color:#028A48;}
}
@media only screen and (max-width:1080px){
	/* .downlist{padding:64px 0;} */
}
@media only screen and (max-width:850px){
	.downlist{padding:50px 0;}
	.downlist .list_content{margin-top:30px;}
}
@media only screen and (max-width:680px){
	.downlist .list_content ul li{width: 100%;}
}
@media only screen and (max-width:520px){
	.downlist{padding:40px 0;}
	.downlist .list_content{margin-top:20px;}
	.downlist .list_content ul li{margin-bottom:10px;padding-bottom:10px;font-size:14px;}
	.downlist .list_content ul li i{width: 20px;height: 20px;}
}


/* joblist */
.joblist{padding: 64px 0;}
.joblist .show_job_wrap{margin-top: 3.5%;}
.joblist #show_job .swiper-wrapper{transition-timing-function: linear;}
.joblist #show_job .swiper-slide{width: auto;}
.joblist #show_job .item .img_part{position: relative;padding-bottom: 60%;width: 100%;height: 0;overflow: hidden;}
.joblist #show_job .item .img_part img{position: absolute;left: 50%;top: 50%;width: 100%;min-height: 100%;transform: translate(-50%,-50%);}
.joblist .list_content{}
.joblist .list_content ul{margin-top: 3%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.joblist .list_content ul li{margin-bottom: 2.5%;padding: 2.8% 2.5%;width: 48.5%;box-sizing: border-box;border: 1px solid #ddd;border-radius: 4px;position: relative;transition: all .3s ease;}
.joblist .list_content ul li:hover{border-color: #028A48;}
.joblist .list_content ul li .item .lf_part{width: calc(100% - 156px);}
.joblist .list_content ul li .item .tit{margin-bottom: 11px;font-size: 20px;font-weight: normal;color: #333;}
.joblist .list_content ul li .item .con{font-size: 16px;color: #999;}
.joblist .list_content ul li .item .con span:after{content: "|";margin: 0 3px 0 6px;}
.joblist .list_content ul li i{position: absolute;padding: 2% 6.3%;right: 5%;top: 50%;transform: translateY(-50%);text-align: center;background: linear-gradient(to right,#09C86B,#028A48);color: #fff;border-radius: 4px;border: 1px solid #028A48;transition: all .3s linear;z-index: 3;cursor: pointer;}
.joblist .list_content ul li:hover i{background: #fff;color:#7DBE39;}
.joblist .list_content ul li .job_box{position: fixed;padding: 40px 50px 80px 40px;left: 50%;top: 50%;width: 90%;max-width: 500px;height: 90%;max-height: 600px;transform: translate(-50%,-50%);background: #fff;z-index: 10;overflow-y: scroll;display: none;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 6px;}
.joblist .list_content .job_box .tit{font-size: 20px;color: #333;}
.joblist .list_content .job_box .key{font-size: 14px;color: #999;}
.joblist .list_content .job_box .key span{display: inline-block;margin-right: 5px;}
.joblist .list_content .job_box .content{margin: 5% 0;font-size: 14px;color: #999;line-height: 24px;}
.joblist .list_content .job_box .job_ct{font-size: 14px;line-height: 24px;color: #999;}
.joblist .list_content .job_box .job_ct .hd{font-size: 16px;font-weight: bold;}
.joblist .list_content .job_box .close{position: absolute;right: 5%;top: 5%;cursor: pointer;z-index: 2;}
@media only screen and (max-width:850px){
	.joblist{padding: 50px 0;}
	.joblist .list_content{}
	.joblist .list_content ul li{width: 100%;}
	.joblist .list_content ul li .item .lf_part{width: calc(100% - 100px);width: -webkit-calc(100% - 100px);}
	.joblist .list_content ul li .item .tit{font-size: 16px;}
	.joblist .list_content ul li .item .con{font-size: 14px;}
	.joblist .list_content ul li i{padding:6px 14px;font-size: 12px;}
}
@media only screen and (max-width:520px){
	.joblist{padding: 40px 0;}
	.joblist .job_team{display: none;}
	.joblist .list_content{}
	.joblist .list_content ul li i{right: 3%;}
	.joblist .list_content ul li .item .con{font-size: 12px;}
	.joblist .list_content .job_box .tit{font-size: 16px;}
}

.ol_mes{padding: 64px 0;}
	.ol_mes .message_leave{margin-top: 3%;width: 100%;}
	.ol_mes .message_leave .form_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.ol_mes .message_leave .form_box label{display: block;margin-bottom: 12px;color: #565656;font-weight: bold;}
	.ol_mes .message_leave .form_box li{margin-bottom: 40px;width: 30.5%;background: transparent;box-sizing: border-box;}
	.ol_mes .message_leave .form_box li.w100{width: 100%;}
	.ol_mes .message_leave .form_box li input{padding:0 3%;width: 100%;background: transparent;font-size: 14px;border: 1px solid #e2e2e2;transition: border .3s linear;line-height: 50px;box-sizing: border-box;}
	.ol_mes .message_leave .form_box li textarea{padding: 12px;width: 100%;height: 100px;resize: none;font-size: 14px;font-family: inherit;box-sizing: border-box;background: transparent;border: 1px solid #e2e2e2;transition: border .3s linear;}
	.ol_mes .message_leave .form_box li.code{margin-right: 155px;margin-bottom: 10px;}
	.ol_mes .message_leave .form_box li.code img{position: absolute;bottom: 7px;right: 10px;height: 35px;}
	.ol_mes .message_leave .form_box .up_load{padding: 0;width: 150px;border: 1px solid #e2e2e2;height: 50px;color: #fff;line-height: 50px;background: transparent;transition: all .3s ease;color: #fff;background: #028A48;}
	.ol_mes .message_leave .form_box .up_load:hover{background: #1EA839;color: #fff;}
	.ol_mes .message_leave .form_box li input:focus,.ol_mes .message_leave .form_box li textarea:focus{border-color: #69b03d;}
	@media only screen and (max-width:850px){
		.ol_mes{padding: 50px 0;}
	}
	@media only screen and (max-width:520px){
		.ol_mes{padding: 40px 0;}
		.ol_mes .message_leave{margin-top: 4%;width: 100%;}
		.ol_mes .message_leave .form_box li{margin-bottom: 10px;width: 100%;}
		.ol_mes .message_leave .form_box .up_load{margin-top: 10px;width: 106px;height: 36px;line-height: 36px;}
		.ol_mes .message_leave .form_box li input,.ol_mes .message_leave .form_box li textarea{font-size: 12px;}
	}
/* login */

.login{display: flex;align-items: center;justify-content: center;position: relative;padding:64px 0;width: 100%;height: auto;}

.login a:hover{text-decoration: underline;}

.login .login_box{padding: 52px 50px 30px 50px;width: 820px;max-width: 94%;border-radius: 8px;box-shadow: 0 0 6px rgba(0 0 0 / 10%);background: #fff;color: #212121;box-sizing: border-box;background: #f7f8fa;}

.login .layout1{flex-wrap: nowrap;}

.login .layout1 .use_part1{width: 200px;text-align: center;}

.login .layout1 .use_part1 .img_part img.m{display: none;}

.login .layout1 .offcial_account .use1_title{margin-bottom: 25px;font-size: 18px;line-height: 1;}

.login .layout1 .offcial_account .use_description{font-size: 14px;margin-top: 18px;line-height: 24px;}

.login .layout1 .part_line{margin: 0 40px 0;width: 1px;height: 100%;height: 228px;background: #e7e7e7;}

.login .layout1 .use_login_wrapper{width: 400px;}

.login .layout1 .use_login_wrapper .func-tab{display: flex;justify-content: center;align-items: center;}

.login .layout1 .use_login_wrapper .func-tab .tab-btn{font-size: 18px;cursor: pointer;}

.login .layout1 .use_login_wrapper .func-tab .tab-btn.on{color: #265fd7;}

.login .layout1 .use_login_wrapper .func-tab .tab-line{margin: 0 21px;width: 1px;height: 20px;background: #e7e7e7;}

.login .layout1 .use_login_wrapper .fill_content{margin-top: 24px;}

.login .layout1 .use_login_wrapper .fill_content .password-wrapper,.login .layout1 .use_login_wrapper .fill_content .login-wrapper{border: 1px solid #e7e7e7;box-sizing: border-box;border-radius: 8px;overflow: hidden;}

.login .layout1 .use_login_wrapper .fill_content .password-wrapper > div,.login .layout1 .use_login_wrapper .fill_content .login-wrapper > div{display: flex;justify-content: space-between;padding: 0 20px;height: 43px;box-sizing: border-box;align-items: center;border-bottom: 1px solid #e7e7e7;background-color: #fff;}

.login .layout1 .use_login_wrapper .fill_content .password-wrapper > div:last-child,.login .layout1 .use_login_wrapper .fill_content .login-wrapper > div:last-child{border-bottom: 0;}

.login .layout1 .use_login_wrapper .fill_content .left{display: flex;width: calc(100% - 70px);width: -webkit-calc(100% - 70px);}

.login .layout1 .use_login_wrapper .fill_content .password-wrapper .forget,

.login .layout1 .use_login_wrapper .fill_content .login-wrapper .yzm{color: #265fd7;}

.login .layout1 .use_login_wrapper .fill_content .text{font-size: 14px;margin-right: 20px;width: 52px;}

.login .layout1 .use_login_wrapper .fill_content input{width: calc(100% - 52px);width: -webkit-calc(100% - 52px);}

.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper{margin-top: 20px;display: flex;flex-wrap: nowrap;justify-content: center;}

.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .universal-btn{width: 49%;height: 40px;border-radius: 8px;text-align: center;cursor: pointer;box-sizing: border-box;font-size: 14px;line-height: 40px;}

.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .register-btn{border: 1px solid #e7e7e7;}

.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .login-btn{border:1px solid #2cad43;color: #fff;background: #2cad43;}



.login .layout1 .use_login_wrapper .third-part-login-wrapper{margin-top: 24px;text-align: center;}

.login .layout1 .use_login_wrapper .third-part-login-wrapper .title{margin-bottom: 12px;font-size: 13px;color: #999;}

.login .layout1 .use_login_wrapper .third-part-login-wrapper .way > a{display: inline-block;margin-right: 30px;}

.login .layout1 .use_login_wrapper .third-part-login-wrapper .way > a:last-child{margin-right: 0;}

.login .layout1 .use_login_wrapper .third-part-login-wrapper .way > a i{display: inline-block;vertical-align: middle;margin-right: 8px;width: 28px;}

.login .layout1 .use_login_wrapper .third-part-login-wrapper .way > a span{display: inline-block;font-size: 12px;vertical-align: middle;}



.login .agreement-wrapper{margin-top: 40px;font-size: 13px;line-height: 20px;text-align: center;}

.login .agreement-wrapper a{color: #265FD7;}



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

	.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .register-btn:hover{border-color: #265fd7;color: #265fd7;}

	.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .login-btn:hover{background: #2cad43;}

}

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

	.login .login_box{padding: 40px 50px 30px;}

}

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

	.login .layout1{flex-wrap: wrap;}

	.login .layout1 .use_part1{width: 100%;}

	.login .layout1 .use_part1 .img_part img{display: none;}

	.login .layout1 .use_part1 .img_part img.m{display: inline-block;}

	.login .layout1 .part_line{display: none;}

	.login .layout1 .offcial_account .use1_title,.login .layout1 .offcial_account .use_description{display: none;}

	.login .layout1 .use_login_wrapper{margin-top: 24px;width: 100%;}

	.login .agreement-wrapper{margin-top: 24px;}

}

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

	.login .login_box {padding: 20px 15px 20px;border-radius: 4px;}

	.login .layout1 .use_part1 .img_part img{width: 92px;}

	.login .layout1 .use_login_wrapper .func-tab .tab-btn{font-size: 14px;}

	.login .layout1 .use_login_wrapper,.login .layout1 .use_login_wrapper .fill_content,.login .layout1 .use_login_wrapper .third-part-login-wrapper,.login .agreement-wrapper{margin-top: 16px;font-size: 12px;}

	.login .layout1 .use_login_wrapper .fill_content .password-wrapper, .login .layout1 .use_login_wrapper .fill_content .login-wrapper{border-radius: 4px;}

	.login .layout1 .use_login_wrapper .fill_content .password-wrapper > div, .login .layout1 .use_login_wrapper .fill_content .login-wrapper > div{padding: 0 16px;height: 40px;}

	.login .layout1 .use_login_wrapper .fill_content .login-register-wrapper .universal-btn{height: 35px;line-height: 35px;font-size: 12px;border-radius: 4px;}

	.login .layout1 .use_login_wrapper .third-part-login-wrapper .way > a i{width: 20px;}

	.login .layout1 .use_login_wrapper .fill_content .text,.login .layout1 .use_login_wrapper .fill_content input{font-size: 12px;}

}



.login .login_title .lf_part .name{display: inline-block;margin-left: 10px;font-size: 26px;vertical-align: middle;line-height: 1em;}

.login .login_title .lf_part .cn_name{display: inline-block;margin-left: 10px;vertical-align: sub;font-size: 14px;letter-spacing: 4px;}

.login .login_title .lf_part i{display: inline-block;vertical-align: middle;width: 45px;}

.login .login_box .login_body{margin-top: 22px;}

.login .login_box .login_body .login_input {margin-top: 0;}

.login .login_box .login_body .login_input input{padding: 0 50px 0 12px;margin-bottom: 23px;width: 100%;height: 40px;line-height: 40px;background: #fff;border: 1px solid rgba(0,0,0,0.1);outline: 0;color: #999;box-sizing: border-box;border-radius: 4px;}

.login .login_box .login_body .login_input input.yzm{width: 140px;}

.login .login_box .login_body .login_input .code img{height: 38px;}

.login .login_box .login_body .login_input input::-webkit-input-placeholder{color: #999;}

.login .login_box .login_body .login_input .sub{margin-bottom: 0;padding: 0 12px;text-align: center;color: #fff;background: #265fd7;font-size: 18px;font-weight: bold;letter-spacing: 2px;border-radius: 4px;cursor: pointer;}

.login .third_login img{max-width: 26px;}

.login .login_box .login_body .login_input input.account{background:#fff url(../member/images/icon_account.png)no-repeat right 12px center;}

.login .login_box .login_body .login_input input.password{background:#fff url(../member/images/icon_password.png)no-repeat right 12px center;}

.login .login_box .login_body .login_more{margin-bottom: 12px;}

.login .login_box .tip {margin-bottom: 12px;color: #333;}

.login .login_box .tip a:hover{color: #265fd7;}

.login .login_box .tip .rt a{color: #265fd7;}

.login .login_box .extra_function{margin-top: 12px;color: #333;}

.login .login_box .extra_function a:hover{color: #265fd7;}

.login .login_box .extra_function .rt a{color: #265fd7;}

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

	.login .login_title .lf_part .name{font-size: 20px;}

}

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

	.login .login_title .lf_part .name{font-size: 16px;}

	.login .login_box .login_body .login_input input{margin-bottom: 12px;}

	.login .login_box .login_body .login_input .sub{font-size: 14px;}

}