/* banner */
.banner{width: 100%;height:auto;overflow: hidden;position:relative;background: #000;}
.banner .swiper{width: 100%;height: 100%;}
.banner .swiper img{width: 100%;}
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner #banner_prev,.banner #banner_next{position: absolute;top: 48.5%;transform: translateY(-50%);width: 64px;height: 64px;z-index: 3;cursor: pointer;background-size: 100% auto;}
.banner #banner_prev{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;background-size: 100% auto;}
.banner #banner_next{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;background-size: 100% auto;}
.banner #banner_prev.fade{opacity: 0;}
.banner #banner_next.fade{opacity: 0;}
/* .banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.banner .swiper-pagination span{width: 13px;height: 13px;background: #fff;padding: 0;border: solid 1px transparent;opacity: 1;vertical-align: middle;border: 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border-color:transparent;background: #333;}
.banner .swiper-pagination-bullet{border-radius: 16px;}
.banner .swiper-pagination{height: auto;bottom: 30px;} */
.banner .swiper-pagination{width:100%;bottom:40px;padding: 0;margin: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 10px;width: 10px;height: 10px;opacity: 1;background-color: #a19f95;vertical-align: middle;position: relative;transition: all .3s linear;}
.banner .swiper-pagination .swiper-pagination-bullet:after{content:"";position: absolute;left:50%;top:50%;width: calc(100% + 6px);height:calc(100% + 6px);border: 1px solid #fff;border-radius: 50%;z-index: 1;transform:translate(-50%,-50%);opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}
.banner #banner_mb{display: none;}

.banner .num_page{position: absolute;right:5%;bottom:30px;width:auto;z-index: 2;color: #fff;font-size: 40px;font-family: mont;white-space: nowrap;}
.banner .num_page span{display: inline-block;}

@media only screen and (max-width:1440px){
	.banner #banner_prev, .banner #banner_next{width: 50px;height: 50px;}
}
@media only screen and (max-width:1280px){
	.banner #banner_prev, .banner #banner_next{width: 20px;height: 36px;}
	/* .banner #banner_prev,.banner #banner_next{background-size: 20px;} */
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
	.banner .num_page{font-size: 48px;}
	.banner #banner_prev, .banner #banner_next{width: 40px;height: 40px;}
}
@media only screen and (max-width:1080px){
.banner{margin-top: 70px;}
	.banner .num_page{font-size: 40px;}
}
@media only screen and (max-width:850px){
	.banner .swiper-pagination{bottom:30px;}
	.banner .num_page{font-size:30px;}
}
@media only screen and (max-width:750px){
	/* .banner #banner_pic{display: none;}
	.banner #banner_mb{display: block;} */
}
@media only screen and (max-width:520px){
.banner #banner_prev, .banner #banner_next{height: 22px;background-size: 12px;}
	.banner #banner_prev{left: 3%;}
	.banner #banner_next{right: 3%;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.banner .swiper-pagination{bottom: 13px;}
	.banner .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;}
	.banner .num_page{font-size:20px;bottom:13px}
}

.banner .list01 {position: relative;z-index: 1;overflow: hidden;}
.banner .list01::after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.3);}
.banner .list01 .text{position: absolute;left: 0;top:50%;width:100%;height: auto;transform: translate(0,-50%);z-index: 2;color:#fff;}
.banner .list01 .text .wrap{margin: 0 auto 0 auto;/* transform: translateX(50%); */opacity: 1;transition: all 0.1s 0.9s ease-out;}
.banner .list01 .text .top{text-shadow: 0 3px 5px rgba(4,0,0,0.63);}
.banner .list01 .text .top h2{font-size: 60px;}
.banner .list01 .text .top h2 span{display: block;}
.banner .list01 .text .slogan{margin-top:30px;font-size:24px;text-shadow: 0 3px 5px rgba(4,0,0,0.63);line-height: 2;}
.banner .list01 .text .bottom img{margin-top: 6.5%;transform: translateX(17px);}
.banner .list01 .img{overflow: hidden;}
.banner .list01 .img img{/* transform: translateX(-50%); */opacity:1;transition: all 1s 0.5s ease-out;}
.banner .list01.after .img img{transform: translateX(0);opacity: 1;}
.banner .list01.after .text .wrap{opacity: 1;}

.banner  .more_other{margin-top: 30px;display: flex;flex-wrap: wrap;}
.banner  .more_other a{width: 158px;height: 44px;line-height: 44px;text-align: center;color: #fff;border: 1px solid #fff;font-size: 16px;position: relative;z-index: 1;}
.banner  .more_other a:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #626066;opacity: 0;transition: all .3s linear;z-index: -1;}
.banner  .more_other a:hover{border-color: #626066;}
.banner  .more_other a:hover:after{width: 100%;opacity: 1;}
.banner  .more_other a i{display: inline-block;margin-left: 13px;padding-left:13px;width: 20px;height: 20px;background: url(../images/icon_10.png)no-repeat right center;vertical-align: middle;border-left:2px solid #fff;}
.banner  .more_other a span{display: inline-block;vertical-align: middle;}
@media only screen and (max-width:1440px){
	
	.banner .list01 .text .top h2{font-size: 32px;}
}
@media only screen and (max-width:1280px){
	.banner .list01 .text .top h2{font-size: 30px;}
	.banner .list01 .text .slogan{font-size:18px;}
	.banner .list01 .text .bottom img{transform: translateX(5px);}
	
	.banner .more_other a{width: 140px;font-size:14px}
}

@media only screen and (max-width:850px){
	.banner .list01 .text .top h2{font-size:20px;}
	.banner .list01 .text .slogan{margin-top:16px;font-size:16px;}
	
	.banner .more_other a{width: 124px;height: 40px;line-height: 38px;}
}

@media only screen and (max-width:520px){
	.banner .list01 .text .wrap{}
	.banner .list01 .text .top h2{font-size: 16px;}
	
	/* .banner .list01 .text{top:50%;} */
	.banner .list01 .text .top h2 span{display: inline;}
	.banner .list01 .text .slogan{display: none;}
	.banner .more_other a {width: 100px;height: 30px;line-height: 28px;}
	.banner .more_other a i{margin-left:8px;padding-left:8px;}
	
}

/* .banner video{display: block;width: 100%;object-fit: fill;}
.banner .ban_video img{display: none;}
@media only screen and (max-width:750px){
	.banner video{display: none;}
	.banner .ban_video img{display: block;}
} */


/*  */
.idx_title {}
.idx_title .title{font-size: 40px;position: relative;z-index: 1;line-height: 1em;font-weight: normal;font-weight: bold;line-height:1.6;}
/* .idx_title .title:after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 9px;background: #ff7e00;z-index: -1;} */
.idx_title .line{margin-top:28px;display: inline-block;width: 62px;height: 3px;background: #35974d;}
.idx_title .slogan{/* margin-top:  20px; */font-size: 18px;line-height: 1.8;font-weight: lighter;}
.idx_title .en{display: block;margin-bottom: 10px;font-size: 18px;font-family: arial;color: #999;text-transform:capitalize;}
@media only screen and (min-width:481px){
}
@media only screen and (max-width:1280px){
.idx_title .title{font-size: 28px;}
.idx_title .slogan{font-size:16px;}
}
@media only screen and (max-width:850px){
.idx_title .title{font-size: 24px;}
.idx_title .en{font-size: 15px;margin-bottom: 8px;}
.idx_title .slogan{font-size: 14px;}
}
@media only screen and (max-width:520px){
.idx_title .title{font-size: 18px;font-weight:bold;}
.idx_title .en{font-size: 12px;}
.idx_title .line{margin-top:20px;width: 40px;}
.idx_title .slogan{font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:380px){
	.idx_title .title{font-size: 16px;}
}

.common_more a{display: inline-block;padding:14px 3vw;position: relative;z-index: 1;color: #fff;font-size: 16px;font-weight: bold;}
.common_more a:after{content: "";position: absolute;left:0;top:0;width:100%;height: 100%;background-color: #004bbd;z-index: -1;}

/* home_yw */
.home_yw{padding:100px 0;}
.home_yw .layout{margin-top: 60px;}
.home_yw .layout ul li{padding:4% 1.5%;width:24%;text-align: center;box-sizing: border-box;border-radius: 10px;transition: box-shadow 0.3s linear;}
.home_yw .layout ul li i{display: inline-block;margin-bottom: 20px;}
.home_yw .layout ul li .tit{font-size: 20px;}
.home_yw .layout ul li .des{margin-top:20px;font-size: 16px;line-height: 1.8;}
.home_yw .tips{margin-top: 30px;font-size: 30px;}
.home_yw .common_more{margin-top: 5%;}

@media only screen and (min-width:521px){
	.home_yw .layout ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
}
@media only screen and (max-width:1280px){
	.home_yw{padding:64px 0;}
	.home_yw .layout ul li i{width:76px}
	.home_yw .layout ul li .tit{font-size: 18px;}
}
@media only screen and (max-width:850px){
	.home_yw{padding:50px 0;}
	.home_yw .layout{margin-top: 36px;}
	.home_yw .layout ul li{width: 48%;}
	.home_yw .layout ul li i{width: 60px;}
	.home_yw .tips{font-size: 24px;}
	.home_yw .common_more a{font-size: 14px;}
	.home_yw .tips{font-size: 20px;}
}
@media only screen and (max-width:770px){
	.home_yw .layout ul li .tit{font-size: 16px;}
	.home_yw .layout ul li .des{line-height: 1.6;}
}
@media only screen and (max-width:520px){
	.home_yw{padding:40px 0;}
	.home_yw .layout ul li{width: 100%;}
	.home_yw .layout ul li .des{font-size: 14px;}
	.home_yw .tips{font-size: 16px;}
	.home_yw .layout ul li i{width: 48px;}
	.home_yw .common_more a{font-size:12px}
}


/* home_news */
.home_news{padding:110px 0;background-color: #dee6ef;}
.home_news .first_row{align-items: center;}
.home_news .layout{position: relative;z-index: 1;}
/* .home_news .layout:after{content:"";position: absolute;right:0;top:0;width: 31.6%;height:100%;z-index: -1;background-image: linear-gradient(135deg,#5dc1a7,#429070);} */
.home_news .layout .lf_part{width: 60.5%;background:#fff;}

.home_news .first_row{margin-bottom: 5%;}
/* .home_news .news_nav{color:#999;font-size:16px;}
.home_news .news_nav ul{white-space: nowrap;display: inline-block;margin-right: 20px;}
.home_news .news_nav ul li{display: inline-block;margin-left:10px;padding-left:10px;border-left: 1px solid #999;cursor: pointer;user-select: none;}
.home_news .news_nav ul li.on{color:#1f512a;font-weight: bold;}
.home_news .news_nav ul li:first-child{margin-left:0;padding-left: 0;border-left: 0;}
.home_news .news_nav .a1{} */
.home_news .news_layout_wrap .item .mid{}
.home_news .news_layout_wrap .item .img{position: relative;padding-bottom:72%;width:100%;height:0;overflow: hidden;background:#fff;box-sizing: content-box;background:#f4f4f4;}
.home_news .news_layout_wrap .item .img img{position: absolute;left:50%;top:50%;width:100%;transform: translate(-50%,-50%);transition: all .3s linear;}
.home_news .news_layout_wrap .item .grey_wrap{padding:8% 8% 2%;box-sizing: border-box;}
.home_news .news_layout_wrap .item .date{margin-top:4.5%;width:100%;color:#000;font-family: STEM;}
.home_news .news_layout_wrap .item .date span{display: inline-block;/* -webkit-background-clip:text;-webkit-text-fill-color:transparent; */color: #aaa;}
.home_news .news_layout_wrap .item .date span:first-child{font-size: 16px;/* background-image:-webkit-linear-gradient(45deg,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e);transition:background 0.3s ease-out */}
.home_news .news_layout_wrap .item .text_part{width:100%;color: #333;}
.home_news .news_layout_wrap .item .tit{font-size: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:62px;}
.home_news .news_layout_wrap .item .con{margin-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 16px;line-height: 1.6;min-height: 76px;overflow: hidden;color: #666;}
.home_news .news_layout_wrap .item .btm{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.home_news .news_layout_wrap .item .btm span{font-size:22px;font-family: STEM;color: #333;transition:all 0.3s ease-out}
.home_news .news_layout_wrap .item .btm i{display: inline-block;width: 12px;height: 20px;background: url(../images/icon_01.png)no-repeat center;}
@keyframes colorChange{
	0{background-image:-webkit-linear-gradient(0deg,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e);}
	100%{background-image:-webkit-linear-gradient(18deg,#2cad43,#6e6c6d);}
}

.home_news .layout .rt_part{padding:0 4% 0 0;width: 32.5%;box-sizing:border-box;}
.home_news .layout .rt_part ul{margin-top: 0;}
.home_news .layout .rt_part ul li{margin-bottom:8%;padding-bottom:8%;border-bottom:1px dashed #ccc;}
.home_news .layout .rt_part ul li:last-child{margin-bottom:0;}
.home_news .layout .rt_part ul li .item {color:#666;}
.home_news .layout .rt_part ul li .item .tit{margin-bottom:32px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;font-size:24px;color:#333;}
.home_news .layout .rt_part ul li .item .con p{font-size:16px;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.6;min-height: 52px;overflow:hidden;}
/* .home_news .layout .rt_part ul li .item .con p{white-space: nowrap;text-overflow:ellipsis;overflow:hidden} */
.home_news .layout .rt_part ul li .item .date{margin-top:18px;font-size:16px;}

.home_news .btm{margin-top:5.5%}


@media only screen and (min-width:521px){
	.home_news .news_layout_wrap .item:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
	.home_news .news_layout_wrap .item:hover .date span{/* animation: colorChange 0.8s 0s 1 forwards ease; */;color:#004b8d}
	.home_news .news_layout_wrap .item:hover .btm span{letter-spacing:1px;}
}
@media only screen and (max-width:1280px){
	.home_news{padding:64px 0;}
	.home_news .news_layout_wrap .item .grey_wrap{padding:6% 4%;}
	.home_news .news_layout_wrap .item .tit{font-size:18px;}
	.home_news .news_layout_wrap .item .btm span{font-size:16px;}
	.home_news .layout .rt_part ul li{margin-bottom: 20px;padding-bottom: 20px;}
	.home_news .layout .rt_part ul li .item .tit{margin-bottom:16px;font-size:18px;}
}
@media only screen and (max-width:1080px){
	.home_news .layout .lf_part{width: 64.5%;}
	.home_news .layout .rt_part ul{margin-top:0;}
}
@media only screen and (max-width:850px){
	.home_news{padding:50px 0;}
	.home_news .layout:after{content:initial}
	.home_news .layout .lf_part{width: 100%;background:transparent}
	.home_news .news_layout_wrap .item .tit{font-size:16px;min-height:42px;}
	.home_news .news_layout_wrap .item .con{font-size:15px}
	.home_news .layout .rt_part{width: 100%;}
	.home_news .layout .rt_part ul li .item .tit{font-size:16px;}
	.home_news .layout .rt_part ul li .item .con{font-size:15px;}
}
@media only screen and (max-width:520px){
	.home_news{padding: 40px 0}
	.home_news .first_row{margin-bottom: 30px;}
	.home_news .news_nav{font-size: 14px;}
	.home_news .news_nav ul{margin-right: 14px;}
	.home_news .news_layout_wrap .item .grey_wrap{padding:6% 0;}
	.home_news .news_layout_wrap .item .tit{font-size: 15px;}
	.home_news .news_layout_wrap .item .date{}
	.home_news .news_layout_wrap .item .date span:first-child{font-size:14px;}
	.home_news .news_layout_wrap .item .con{font-size:14px;}
	.home_news .news_layout_wrap .item .text_part{}
	.home_news .layout .rt_part ul li .item .tit{font-size:15px;}
	.home_news .layout .rt_part ul li .item .date{font-size:14px;}
	.home_news .layout .rt_part ul li .item .con{font-size:14px;}
}


/* home_profile */
.home_profile{padding:160px 0 100px;background:#152556;}
.home_profile .top_wrap{padding:5% 5%;box-sizing:border-box;background:rgba(255,255,255,0.6);}
.home_profile .content{margin-top:30px;font-size:16px;line-height:1.8;letter-spacing:1px;}
.common_num .items{/*display:flex;flex-wrap: wrap;*/color:#fff;margin-top:60px;}
.common_num .items p{text-align:center; font-size:24px; line-height:2;}
.common_num .item {/* flex: 0 0 50%; */text-align: center;padding:25px;width: 33%;box-sizing: border-box;}
/* .common_num .item:nth-child(1){border-right:1px solid #FFFFFF3D;border-bottom:1px solid #FFFFFF3D;}
.common_num .item:nth-child(2){border-bottom:1px solid #FFFFFF3D;}
.common_num .item:nth-child(3){border-right:1px solid #FFFFFF3D;} */
.common_num .item:hover{background:#b52d2a;color:#fff;}
.common_num .item:hover strong{color:#fff;}

.common_num .item .num {line-height:1;font-weight:bolder;vertical-align: middle;}
.common_num .item sub{display: inline-block;vertical-align: middle;font-size:100%;}
.common_num .item .num,.common_num .item sub{font-size: 3.2vw;font-family: gotham;line-height:1em;}

.common_num .item strong {display:block;margin-top:32px;font-size: 18px;font-weight: normal;}

@media only screen and (max-width:1080px){
	.common_num .item strong{margin-top: 20px;}
}
@media only screen and (max-width:850px){
	.common_num .item strong{margin-top: 12px;font-size: 16px;}
}
@media only screen and (max-width:520px){
	.common_num .item {padding:16px;}
	.common_num .item strong{font-size:14px;}
	.common_num .item .num, .common_num .item sub{font-size: 22px;}
}
@media only screen and (max-width:380px){
	.common_num .item .num, .common_num .item sub{font-size: 20px;}
}

.about{background: #dee6ef url(../images/idx_ct_bg.png) no-repeat right 5vw bottom -7vw;font-family:"Microsoft Yahei";line-height: 28px;padding: 110px 0;position: relative;z-index: 1;overflow: hidden;}
.about:before{content: "";position: absolute;width: 30%;max-width:926px;height:781px;right: 12%;bottom:-5px;background: url(../images/about_man.png) no-repeat 0 bottom;background-size: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: -1;}

.about .content{box-sizing: border-box;}
.about_l{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.about_l h3{height: 120px;padding: 0 0 0 87px;font-weight: normal;font-size: 18px;line-height: 40px;}
.about_l h3 span{display: block;font-size: 40px;line-height: 58px;color: #000;}
.about_l h3 p{font-size:20px;}
.about_lc{width: 100%;max-width:100%;background: rgba(255, 255, 255,0.95);box-sizing:border-box; padding:5%;border-radius: 10px;}
.about_fz{position: relative;font-size: 14px;}
.about_fz:before{content: "";position: absolute;width:450px;height: 1px;left: 0;top:42px;background:#d3dee9;}
.about_fz li{float: left;padding-left: 57px;}
.about_fz li span{font-size: 16px;position: relative;display: inline-block;}
.about_fz li span:before{content: "";position: absolute;width:0;height: 1px;left: 0;bottom:0;background:#e97031;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.about_fz li p{display: block;padding: 34px 0 0;}
.about_fz li p a{display: block;color: #707070;}


.about_ico{display: inline-block;margin-top: 30px;padding: 20px 40px;/* width: 286px; *//* line-height: 61px; */text-align: center;/* border: solid 2px #434a53; */border-radius: 50px;font-size: 16px;background: linear-gradient(to right,#6fb644,#00abb9);color: #fff;}
.about_ico a{background: url(../images/ico06.png) no-repeat 0 center;display: inline-block;padding-left: 39px;}
@media only screen and (min-width:521px){
	.about:hover:before{margin-right: 20px;}
	.about_l:hover{margin-left:-20px;}
	.about_fz li:hover span,.about_fz li.cur span{color: #e97031;}
	.about_fz li:hover span:before,.about_fz li.cur span{width: 100%;}
	.about_fz li:first-child p a:nth-child(2n){padding-left: 35px;}
	.about_fz li:first-child{padding: 0;width: 100px;}
	.about_fz li:first-child p a{float: left;}
}
@media only screen and (max-width:1280px){
	.about{padding:64px 0}
	.about_l h3{padding-left: 5%;}
	.about_l h3 span{font-size:30px;}
}
@media only screen and (max-width:850px){
	.about{padding:50px 0}
	.about_ico{padding:14px 24px;}
	.about_l h3 span{font-size:24px;}
	.about_l h3 p{font-size: 16px;}
	.about:before{right:-5%;}
}
@media only screen and (max-width:520px){
	.about{padding:40px 0;}
	.about .content{padding:0;}
	.about_l{float: initial;}
	.about_fz:before{content: initial;}
	.about_l h3{margin-bottom:30px;padding-left: 0;line-height: normal;height:auto;}
	.about_l h3 span{margin-bottom: 20px;font-size: 18px;line-height: normal;}
	
	.about_fz ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
	/* .about_fz li:first-child{width:100%} */
	.about_fz li{float: initial;padding-left: 0;width: 100%;}
	.about_fz li span{font-weight: bold;color: #35974d;}
	.about_fz li p{padding: 0 0 0;}
	.about_fz li p a{float: initial;display: inline-block;}
	.about_fz li p a:not(:last-of-type){margin-right: 10px;}
	.about_fz li:not(:last-of-type){margin-bottom: 5%;}
	.about_ico{padding: 6px 10px;font-size: 14px;}
	.about_ico a{background-size: 20px auto;padding-left:30px;}
}


.messages .online_mes{width: 100%;}
.messages .online_mes .mes_box ul{width: 48%;}
.messages .online_mes .mes_box ul li{margin: 10px 0;width: 100%;background: #fff;border: 1px solid #e5e5e5;}
.messages .online_mes .mes_box ul li input{padding:0 60px 0 20px;width: 100%;height: 48px;line-height: 48px;box-sizing: border-box;font-size: 16px;color: #333;}
.messages .online_mes .mes_box ul li input::-webkit-input-placeholder {color: #999;}
.messages .online_mes .mes_box ul li textarea::-webkit-input-placeholder {color: #999;}
.messages .online_mes .mes_box ul li.name input{background: url(../images/mes_icon01.png)no-repeat right 20px top 12px;}
.messages .online_mes .mes_box ul li.phone input{background: url(../images/mes_icon02.png)no-repeat right 20px top 12px;}
.messages .online_mes .mes_box ul li.mail{width:100%}
.messages .online_mes .mes_box ul li.mail input{background: url(../images/mes_icon03.png)no-repeat right 20px top 12px;}
.messages .online_mes .mes_box ul li.other input{background: url(../images/icon_other.png)no-repeat right 20px top 12px;}
.messages .online_mes .mes_box ul li.code{width: 150px;position: relative;}
.messages .online_mes .mes_box ul li.code input{padding-right:7px}
.messages .online_mes .mes_box ul li.code .number{position: absolute;left: 120%;top: 50%;width: 100px;transform: translateY(-50%);}
.messages .online_mes .mes_box .btn{width: 50%;}
.messages .online_mes .mes_box .btn .last_content{margin:10px 0px;width: 100%;}
.messages .online_mes .mes_box .btn .last_content textarea{resize: none;width: 100%;height: 170px;padding: 20px;box-sizing: border-box;font-family: "";font-size: 16px;color: #333;border: 1px solid #e5e5e5;}
.messages .online_mes .mes_box .submit{display: inline-block;margin: 0 10px 0 0;width: 130px;padding: 12px 0;background: #fff;color: #004bbd;font-size: 16px;cursor: pointer;border-radius: 6px;border: 1px solid #004bbd;}
.messages .online_mes .mes_box .submit:hover{background: linear-gradient(to right,#004bbd,#088dbd);color: #fff;}
.messages .online_mes .mes_box .btn button{display: inline-block;width: 130px;padding: 12px 0;background: #fff;font-size: 16px;cursor: pointer;color: #004bbd;border-radius: 6px;border: 1px solid #004bbd;}
.messages .online_mes .mes_box .btn button:hover{background: linear-gradient(to right,#004bbd,#088dbd);color: #fff;}
@media only screen and (max-width:850px){
	/* .messages{padding: 30px 0;} */
	.messages .online_mes{margin-top: 0;}
	.messages .online_mes .mes_box ul li input{font-size: 14px;}
	.messages .online_mes .mes_box .btn .last_content textarea{font-size: 14px;}
	.messages .online_mes .mes_box{width: 100%;}
	.messages .online_mes .mes_box ul{width: 100%;}
	.messages .online_mes .mes_box .btn{width: 100%;}
	.messages .online_mes .mes_box .submit{padding: 10px 0;width: 100px;font-size: 14px;}
	.messages .online_mes .mes_box .btn button{padding: 10px 0;width: 100px;font-size: 14px;}
}
@media only screen and (max-width:520px){
.messages .online_mes .mes_box ul li {margin: 10px 0 0;width: 100%;}
.messages .online_mes .mes_box ul li input{padding: 0 40px 0 10px;height: 35px;line-height: 35px;font-size: 12px;}
.messages .online_mes .mes_box .btn .last_content textarea{font-size: 12px;}
.messages .online_mes .mes_box ul li.name input{background: url(../images/mes_icon01.png)no-repeat right 10px top 13px;}
.messages .online_mes .mes_box ul li.phone input{background: url(../images/mes_icon02.png)no-repeat right 10px top 13px;}
.messages .online_mes .mes_box ul li.mail input{background: url(../images/mes_icon03.png)no-repeat right 10px top 13px;}
.messages .online_mes .mes_box ul li.other input{background: url(../images/icon_other.png)no-repeat right 10px top 13px;}
.messages .online_mes .mes_box .btn .last_content{margin-top: 15px;}
.messages .online_mes .mes_box .btn .last_content textarea{padding: 10px;height: 140px;}
.messages .online_mes .mes_box .submit{padding: 10px 0;width: 100px;font-size: 12px;}
.messages .online_mes .mes_box .btn button{padding: 10px 0;width: 100px;font-size: 12px;}
.messages .online_mes .mes_box ul li.code img{left: 105%;}
}