html { font-size:1px !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#000000;text-decoration:none; }
a:hover{color:#00B367;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 14rem; appearance: none; font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }
b{ font-weight: 550;}
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

.clearfix:after { display: block; content: ''; clear: both;}

.wap_show{ display: none !important;}
.pc_show{ display: block !important;}

body{ color:#000000; background: #ffffff; font-size: 14rem; line-height: 1.8; font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }

.wow { visibility: hidden; }

.wrap { padding-top: 72rem; overflow: hidden; }
.iwrap { padding-top: 0;}

.ep_t { cursor: pointer; user-select: none;}
.ep_m { position: absolute; left: 0; background: #FFFFFF; box-shadow: 0 4rem 20rem rgba(13,66,122,0.1); border-radius: 16rem; border: 1rem solid #EBEDF2; display: none; padding: 10rem 12rem;}

.mainbox { width: 1280rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; }

.topbox { height: 72rem; background: rgba(255,255,255,0.8); box-shadow: 0px 1px 0px 0px #FFFFFF; -webkit-backdrop-filter: blur(20rem); backdrop-filter: blur(20rem); position: relative; }

.head_logo { float: left; padding: 21rem 0;}
.head_logo img { display: block; height: 30rem; }

.head_lang { float: left; padding: 18rem 0; margin-left: 20rem; position: relative; display: none;}
.head_lang .tit { width: 78rem; height: 36rem; line-height: 36rem; border-radius: 18rem; padding: 0 0 0 12rem; background: rgba(18,47,79,0.05); position: relative; }
.head_lang .tit i { margin-right: 6rem; display: inline-block; vertical-align: middle;}
.head_lang .tit:after { display: block; content: ''; position: absolute; right: 12rem; top: 50%; margin-top: -3rem; width: 0; height: 0; border-left: 6rem transparent solid; border-right: 6rem transparent solid; border-top: 6rem #000 solid;}
.head_lang .con { width: 100%;}
.head_lang .con a { display: block;}

.head_right { float: right; padding: 18rem 0;}
.head_right a { float: left; margin-left: 8rem; line-height: 34rem; border-radius: 18rem; border: 1rem solid #000000; min-width: 72rem; text-align: center; padding: 0 16rem;}
.head_right a.on { background: #00B367; color: #fff; border-color: #00B367;}
.head_right a:hover { border-color: #00B367; transform: translateY(-3rem);}

.head_user { float: right; padding: 18rem 0; position: relative;}
.head_user .tit { position: relative; line-height: 36rem; padding: 0 16rem 0 40rem;}
.head_user .tit img { display: block; width: 32rem; height: 32rem; object-fit: contain; position: absolute; left: 0; top: 50%; margin-top: -16rem;}
.head_user .tit:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -3rem; width: 0; height: 0; border-left: 6rem transparent solid; border-right: 6rem transparent solid; border-top: 6rem #000 solid;}
.head_user .con { display:none; position:absolute; right:0; top: 56rem; width: 180rem; background: #FFFFFF; box-shadow: 0rem 0rem 68rem 0rem rgba(0,0,0,0.05); border-radius: 12rem; border: 1rem solid rgba(0,0,0,0.05); padding: 10rem 0; z-index:1000;}
.head_user .con a{ display:block; padding: 10rem 16rem; line-height:20rem; font-size: 14rem; color: rgba(0, 0, 0, 0.8); text-align:left; position: relative;}
.head_user .con a:hover{ color: rgba(0, 0, 0, 0.8); background: rgba(0,179,103,0.05);}
.head_user .con a.exit:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -15rem; width: 30rem; height: 30rem; background: url(../img/icon/exit.svg) center center no-repeat; background-size: 14rem auto;}

.head_user:hover .con { display: block;}

.nav_btn { display: none;}

.head_nav { float: left; margin-left: 68rem;}
.head_nav ul li { float: left; position: relative;}
.head_nav ul li .t { display: block; height: 72rem; line-height: 72rem; font-size: 15rem; padding: 0 20rem; letter-spacing: 1rem; position: relative; }
.head_nav ul li .t:after { display: block; content: ''; position: absolute; left: 50%; bottom: 6rem; margin-left: -15rem; width: 30rem; height: 4rem; background: #00B367; opacity: 0;}

.head_nav ul li .m { display:none; position:absolute; left:4rem; top: 60rem; width: 180rem; background: #FFFFFF; box-shadow: 0rem 0rem 68rem 0rem rgba(0,0,0,0.05); border-radius: 12rem; border: 1rem solid rgba(0,0,0,0.05); padding: 10rem 0; z-index:1000;}
.head_nav ul li .m a{ display:block; padding: 10rem 16rem; line-height:20rem; font-size: 14rem; color: rgba(0, 0, 0, 0.8); text-align:left;}
.head_nav ul li .m a:hover{ color: rgba(0, 0, 0, 0.8); background: rgba(0,179,103,0.05);}

.head_nav ul li .ms { display: none; position: fixed; left: 0; right: 0; top: 72rem; background: #FFFFFF; box-shadow: 0rem 7rem 45rem 0rem rgba(0,0,0,0.05);}
.head_nav ul li .msm { display: flex; width: 1350rem; margin: 0 auto;}
.head_nav ul li .ms .item { flex: 1; padding: 32rem 0;}
.head_nav ul li .ms .item_m { display: block; margin: 0 35rem;}
.head_nav ul li .ms .item_m .tit { font-size: 15rem; line-height: 20rem; margin-bottom: 12rem;}
.head_nav ul li .ms .item_m .tit img{ float: left; height: 20rem; margin-right: 10rem;}
.head_nav ul li .ms .item_m .tit i{ float: left; font-size: 20rem; margin-right: 10rem; color:#00B367;}
.head_nav ul li .ms .item_m .tit:after { display: block; content: ''; clear: both;}
.head_nav ul li .ms .item_m .con { font-size: 12rem; color: rgba(0,0,0,0.6); line-height: 24rem; max-height: 48rem; overflow: hidden;}
.head_nav ul li .ms:after { display: block; content: ''; clear: both;}

.head_nav ul li:hover .t { color: #000; font-weight: 550;}
.head_nav ul li:hover .m{ display:block; }
.head_nav ul li:hover .ms{ display:block; }
.head_nav ul li .on { font-weight: 550;}
.head_nav ul li .on:after { opacity: 1;}

.imore { height: 48rem; line-height: 48rem; padding: 0 18rem; border-radius: 24rem; background: #00B367; color: #fff; font-size: 16rem;}
.imore i { margin-left: 6rem; display: inline-block; vertical-align: middle; }
.imore:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}

.ibanner{ position: relative; color: #0F1111;}
.ibanner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.ibanner .swiper-slide { overflow: hidden;}
.ibanner .swiper-slide .img img{ display: block; width: 100%; height: 640rem; object-fit: cover; }
.ibanner .swiper-slide .con { position: absolute; left: 50%; top: 50%; margin-left: -640rem; margin-top: -164rem; width: 1280rem; }
.ibanner .swiper-slide .con .tag { margin-bottom: 30rem; height: 32rem;}
.ibanner .swiper-slide .con .tag p { float: left; padding: 0 13rem; line-height: 32rem; border-radius: 16rem; background: linear-gradient( 180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); }
.ibanner .swiper-slide .con .tag p i { margin-right: 6rem; color: #00B367;}
.ibanner .swiper-slide .con .t { font-size: 44rem; line-height: 62rem; margin-bottom: 16rem; font-weight: 550; letter-spacing: 1rem;}
.ibanner .swiper-slide .con .m { font-size: 16rem; line-height: 22rem; margin-bottom: 55rem;}
.ibanner .swiper-slide .con .f { height: 48rem;}
.ibanner .swiper-slide .con .f .imore { float: left;}

.ibanner .swiper-pagination { bottom: 92rem !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.ibanner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; border-radius: 100%; width: 10rem; height: 8rem;background: #fff; opacity: 1; border-radius: 4rem; }
.ibanner .swiper-pagination .swiper-pagination-bullet-active { width: 30rem; background: #00B367; }


.ibanner_foot { margin-top: -64rem; position: relative; z-index: 2; padding-bottom: 60rem; }

.ibanner_flist { margin: 0 -10rem;}
.ibanner_flist .item { float: left; width: 25%;}
.ibanner_flist .item_m { margin: 0 10rem; padding: 24rem 118rem 24rem 24rem; position: relative; background: rgba(255,255,255,0.5); box-shadow: 0rem 2rem 32rem 0rem rgba(59,65,105,0.05); border-radius: 16rem; border: 1rem solid #FFFFFF; -webkit-backdrop-filter: blur(20rem); backdrop-filter: blur(20rem);}
.ibanner_flist .item_m img { position: absolute; right: 24rem; top: 50%; margin-top: -28rem; display: block; height: 56rem;}
.ibanner_flist .item_m b { display: block; margin-bottom: 16rem; font-size: 16rem; line-height: 22rem;}
.ibanner_flist .item_m span { display: block; line-height: 20rem; color: #393C4F;}


.imain { transition:all 300ms ease; overflow: hidden; position: relative; }

.imain1 { padding: 60rem 0; }
.imain2 { padding: 60rem 0 120rem 0; }
.imain3 { padding: 80rem 0; background: url(../img/index/bg1.jpg) center center no-repeat #676463; background-size: cover; }
.imain4 { padding: 100rem 0; background: url(../img/index/bg2.jpg) center center no-repeat #e3f8e6; background-size: cover; }
.imain5 { padding: 100rem 0; }
.imain6 { padding: 80rem 0; background: url(../img/index/bg3.jpg) center top no-repeat #fff; background-size: cover; }


.ititle { margin-bottom: 30rem; text-align: center; }
.ititle b { display: block; font-weight: 550; font-size: 40rem; line-height: 56rem;}

.ititle img { display: block; width: 58rem; margin-bottom: 20rem;}

.ititle_l { text-align: left;}
.ititle_w { color: #fff;}

.ititle a.more{ display: inline-block; font-size: 16rem; line-height: 30rem; color: #00B367; margin-top: 10rem;}
.ititle a i { margin-left: 4rem;}
.ititle a:hover { color: #ecba13; transform: translateY(-3rem);}


.iservice_nav { text-align: center; font-size: 0; margin-bottom: 30rem;}
.iservice_nav ul {
	display: inline-block;
	height: 60rem;
	background: #FFFFFF;
	box-shadow: 0rem 2rem 29rem 0rem rgba(18,47,79,0.05);
	border-radius: 30rem;
	border: 1rem solid rgba(0,0,0,0.03);
	padding: 5rem 3rem;
}
.iservice_nav ul li{ float: left; padding: 0 2rem; cursor: pointer;}
.iservice_nav ul li p { display: block; font-size: 16rem; line-height: 46rem; border-radius: 24rem; padding: 0 28rem; font-weight: 550; transition:all 300ms ease;}
.iservice_nav ul li i { margin-right: 10rem; color:#00B367; font-weight: normal; font-size: 20rem; vertical-align: middle;}
.iservice_nav ul li span { font-weight: 550;}
.iservice_nav ul li:hover p { color: #00B367; background: #f9f9f9;}
.iservice_nav ul li.on p{ color: #ffffff; background: #00B367;}
.iservice_nav ul li.on i { color: #fff;}

.iservice_box {}

.iservice_img { margin-bottom: 20rem; position: relative;}
.iservice_img .img { position: relative; z-index: 1; height: 400rem; overflow: hidden; border-radius: 24rem;}
.iservice_img .img img{ display: block; width: 100%; height: 460rem; margin-top: -30rem; object-position: -80rem top; object-fit: cover; }
.iservice_img .con { position: absolute; left: 60rem; top: 50%; margin-top: -125rem; width: 450rem; z-index: 2; }
.iservice_img .con .t { font-size: 32rem; line-height: 44rem; margin-bottom: 20rem; font-weight: 550; letter-spacing: 1rem;}
.iservice_img .con .m { font-size: 16rem; line-height: 24rem; height: 120rem; overflow: hidden; margin-bottom: 16rem;}
.iservice_img .con .f { height: 48rem;}
.iservice_img .con .f .imore { float: left;}


.iservice_list { margin: 0 -10rem;}
.iservice_list .item { float: left; width: 33.33%;}
.iservice_list .item_m { display: block; margin: 0 10rem; padding: 24rem 30rem 24rem 30rem; position: relative; background: #F6F7FA; border-radius: 16rem; }
.iservice_list .item_m:after { display: block; content: ''; position: absolute; left: 0; top: 38rem; margin-top: -5rem; width: 0; height: 0; border-top: 6rem transparent solid; border-bottom: 6rem transparent solid; border-left: 8rem #F2BA04 solid;}
.iservice_list .item .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 10rem; font-weight: 550; }
.iservice_list .item .con { line-height: 22rem; height: 66rem; overflow: hidden; margin-bottom: 10rem;}
.iservice_list .item .foot { line-height: 20rem; color: #00B367;}
.iservice_list .item .foot i { margin-left: 4rem;}

.iservice_list .item_m:hover { background: url(../img/index/pli.png) center center no-repeat #00B367; background-size: cover; color: #fff;}
.iservice_list .item_m:hover .foot { color: #fff;}


.isolution_list { margin: 0 -10rem;}
.isolution_list .item{ float: left; width: 25%;}
.isolution_list .item_m { display: block; margin: 0 10rem; border-radius: 24rem; color: #fff; transition:width 300ms ease; }
.isolution_list .item_box { border-radius: 24rem; position: relative; height: 376rem; /*background: rgba(0, 179, 103, 0.9)*/; transition:all 300ms ease;}
.isolution_list .item .icon { position: absolute; left: 40rem; top: 40rem; line-height: 1; }
.isolution_list .item .icon i { font-size: 40rem; color: #fff;}
.isolution_list .item .tit { position: absolute; left: 40rem; top: 264rem; }
.isolution_list .item .tit b{ display: block; font-size: 28rem; line-height: 40rem; margin-bottom: 10rem; }
.isolution_list .item .tit span{ display: block; font-size: 16rem; line-height: 22rem; }
.isolution_list .item .con { position: absolute; left: 40rem; bottom: 40rem; line-height: 34rem; opacity: 0; transition:all 300ms ease;}
.isolution_list .item_on { width: 50%;}
.isolution_list .item_on .item_box { background: none;}
.isolution_list .item_on .item_m{ color: #000; }
.isolution_list .item_on .icon{ opacity: 0; }
.isolution_list .item_on .tit{ top: 40rem; }
.isolution_list .item_on .con{ opacity: 1; }



.isolution_list .item:nth-child(1) .item_m { background: url(../img/index/s1.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(2) .item_m { background: url(../img/index/s2.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(3) .item_m { background: url(../img/index/s3.jpg) center center no-repeat; background-size: cover;}

.isolution_list .item:nth-child(1).item_on .item_m { background: url(../img/index/s1s.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(2).item_on .item_m { background: url(../img/index/s2s.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(3).item_on .item_m { background: url(../img/index/s3s.jpg) center center no-repeat; background-size: cover;}

/*
.isolution_list_1 .item_m { background: url(../img/product/simg1.jpg) left top no-repeat; background-size: 1800rem auto;}
.isolution_list_2 .item_m { background: url(../img/product/simg2.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_3 .item_m { background: url(../img/product/simg3.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_4 .item_m { background: url(../img/product/simg4.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_5 .item_m { background: url(../img/product/simg5.jpg) left top no-repeat; background-size: 1480rem auto;}


.isolution_list .item:nth-child(1) .item_m { background-position: 0 top !important;}
.isolution_list .item:nth-child(2) .item_m { background-position: -650rem top !important;}
.isolution_list .item:nth-child(3) .item_m { background-position: -975rem top !important;}

.isolution_list .item:nth-child(1).item_on .item_m { background-position: 0 top !important;}
.isolution_list .item:nth-child(2).item_on .item_m { background-position: -325rem top !important;}
.isolution_list .item:nth-child(3).item_on .item_m { background-position: -450rem top !important;}
*/

.imain3 .ititle { margin-bottom: 50rem;}

.icase_nav { float: left; -webkit-backdrop-filter: blur(10rem); backdrop-filter: blur(10rem); border-radius: 16rem; border: 1rem rgba(255,255,255,0.4) solid; overflow: hidden; width: 224rem;}
.icase_nav ul li { display: block; cursor: pointer; line-height: 120rem; font-size: 16rem; padding-left: 24rem; position: relative; color: #fff;}
.icase_nav ul li i { font-size: 20rem; margin-right: 16rem;}
.icase_nav ul li.on { font-weight: 550; background: linear-gradient( 270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); }
.icase_nav ul li.on i{ font-weight: normal;}
.icase_nav ul li:hover { font-weight: 550;}
.icase_nav ul li:hover i{ font-weight: normal;}
.icase_nav ul li:after { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -24rem; width: 4rem; height: 48rem; background: #00B367; border-radius: 0rem 100rem 100rem 0rem; opacity: 0; transition:all 300ms ease;}
.icase_nav ul li.on:after { opacity: 1;}


.icase_box { float: right; position: relative; width: 960rem; height: 480rem; color: #fff;}

.icase_list_nav { position: absolute; left: 0; right: 0; bottom: 0; border-top: 1rem rgba(255,255,255,0.1) solid; z-index: 99;}
.icase_list_nav ul li { float: left; font-size: 20rem; line-height: 100rem; cursor: pointer; margin-right: 56rem; opacity: 0.4;}
.icase_list_nav ul li.on { opacity: 1;}

.icase_list { position: relative;}
.icase_list .swiper-container{ position: relative; z-index: 1; height: 490rem;}
.icase_list .item { position: relative; padding: 15rem 300rem 0 0; height: 380rem; }
.icase_list .item .logo { margin-bottom: 50rem;}
.icase_list .item .logo img { display: block; height: 40rem;}
.icase_list .item .tit { font-size: 28rem; line-height: 40rem; margin-bottom: 20rem;}
.icase_list .item .con { font-size: 16rem; line-height: 28rem; padding-bottom: 20rem;}
.icase_list .item .info ul li{ float: left; margin-right: 12rem; margin-top: 12rem; padding: 0 18rem 0 10rem; line-height: 32rem; background: linear-gradient( 180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.1) 100%); border-radius: 16rem; -webkit-backdrop-filter: blur(10rem); backdrop-filter: blur(10rem); color: #fff; }
.icase_list .item .info ul li i { margin-right: 6rem; color: #00B367; font-size: 16rem; }
.icase_list .item .info:after { display: block; content: ''; clear: both;}

.icase_list .swiper-pagination { bottom: 16rem !important; line-height: 0; font-size: 0; text-align: left; z-index: 100; left: 0; right: auto; width: auto; height: 4rem; border-radius: 2rem; background: rgba(255,255,255,0.2);}
.icase_list .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0; width: 16rem; height: 4rem;background: #fff; opacity: 0; border-radius: 2rem; }
.icase_list .swiper-pagination .swiper-pagination-bullet-active { width: 32rem; opacity: 1; }


.ipartner_list { position: relative; overflow: hidden;}
.ipartner_list .swiper-container{ position: relative; z-index: 1;}
.ipartner_list .swiper-slide { width: auto; padding: 12rem 0; }
.ipartner_list .swiper-slide img{ display: block; width: 156rem; height: 78rem; background: #fff; border-radius: 10rem; object-fit: contain; transition:all 300ms ease; }
.ipartner_list .swiper-slide img:hover { box-shadow: 0 0 14rem rgba(0, 0, 0, 0.08);}
.ipartner_list .swiper-wrapper{ transition-timing-function: linear !important; }


.inews_nav { position: absolute; right: 0; top: 0; background: #FFFFFF; border-radius: 30rem; border: 1rem solid rgba(0,0,0,0.03); height: 60rem; padding: 5rem; line-height: 48rem; font-size: 16rem; font-weight: 550;}
.inews_nav ul li { float: left; cursor: pointer; padding: 0 30rem; border-radius: 24rem;}
.inews_nav ul li.on { background: #00B367; color: #fff;}


.inews_list { margin: 0 -10rem; }
.inews_list .item{ float: left; width: 25%; padding: 20rem 0;}
.inews_list .item_m { display: block; margin: 0 10rem; transition:all 300ms ease; background: #ffffff; position: relative; }
.inews_list .item .img { margin-bottom: 12rem; overflow: hidden; border-radius: 10rem; }
.inews_list .item .img img { display: block; object-fit: cover; width: 100%; height: 166rem;  transform: scale(1); transition: transform 0.2s; }
.inews_list .item .tit { font-size: 16rem; line-height: 22rem; height: 44rem; overflow: hidden; font-weight: 550; margin-bottom: 12rem; margin-right: 40rem; }
.inews_list .item .cate { font-size: 13rem; line-height: 18rem; color:#2ACE43; margin-bottom: 6rem; }
.inews_list .item .time { font-size: 13rem; line-height: 18rem; color: #122F4F; opacity: 0.6;}

.inews_list .item_m:hover { }
.inews_list .item_m:hover .img img { transform: scale(1.06); }


.imain6 {}
.imain6 .ititle { float: left;}
.imain6 .iarchive_box { float: right; width: 966rem;}


.iarchive_box { }
.iarchive_box .item{ float: left; width: 33.33%; }
.iarchive_box .item_m { display: block; margin-left: 16rem; transition:all 300ms ease; background: #ffffff; border-radius: 16rem; position: relative; padding: 30rem; }
.iarchive_box .item .tit { font-size: 24rem; line-height: 34rem; font-weight: 550; }
.iarchive_box .item .con { padding: 18rem 0; line-height: 36rem; }
.iarchive_box .item .con a{ display: block; opacity: 0.8; height: 36rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iarchive_box .item .con a:hover { opacity: 1;}
.iarchive_box .item .more { }

.iarchive_box .item .more a { display: inline-block; line-height: 20rem; color: #00B367; }
.iarchive_box .item .more a i { margin-left: 4rem;}
.iarchive_box .item .more a:hover { color: #ecba13; transform: translateY(-3rem);}

.iarchive_box .item_m:hover { box-shadow: 0 0 16rem rgba(0, 0, 0, 0.08);}


.footer { }

.footbox_contact { background: url(../img/footer/fbg2.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 55rem 0;}
.footbox_contact .tit { font-size: 32rem; line-height: 1; margin-bottom: 16rem; font-weight: 550; letter-spacing: 1rem;}
.footbox_contact .con { font-size: 16rem; line-height: 22rem; opacity: 0.6; margin-bottom: 30rem;}
.footbox_contact .foot { text-align: center;}
.footbox_contact .foot a { display: inline-block; padding: 0 20rem; min-width: 124rem; text-align: center; height: 36rem; line-height: 36rem; padding: 0 18rem; border-radius: 18rem; background: #00B367; color: #fff; }
.footbox_contact .foot a:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}


.footbox { background: #000000; color: #ffffff; padding: 60rem 0 40rem 0; border-top: 6rem #00B367 solid;}
.footbox a { color: #ffffff; opacity: 0.7;}
.footbox a:hover { color: #ffffff; opacity: 1; }

.foot_left { float: left; }
.foot_logo { margin-bottom: 68rem; }
.foot_logo a{ display: block; opacity: 1;}
.foot_logo a img{ display: block; height: 38rem;}

.foot_nav { float: right; }
.foot_nav .item { float: left; margin-left: 64rem;}
.foot_nav .item .tit { line-height: 20rem; margin-bottom: 20rem; font-weight: 550; }
.foot_nav .item .tit a { opacity: 1;}
.foot_nav .item .con { line-height: 36rem; color: rgba(255,255,255,0.7);}
.foot_nav .item .con ul li a{ display: block;}

.foot_erwei { }
.foot_erwei ul li { float: left; text-align: center; margin-right: 24rem; line-height: 18rem; font-size: 12rem; color: rgba(255,255,255,0.7);}
.foot_erwei ul li img { display: block; width: 80rem; border-radius: 8rem; background: #fff; margin: 0 auto 4rem auto;}


.foot_copy { background: #000000; color: rgba(255,255,255,0.4); text-align: center; padding: 22rem 0; }
.foot_copy a { color: #ffffff; opacity: 0.4;}
.foot_copy a:hover { color: #ffffff; opacity: 1; }

/*
.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.tt_main .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99991; background: rgba(0, 0, 0, 0.5); }
.tt_main .tt_box { position: absolute; left: 50%; top: 50%; z-index: 99992; background: #ffffff; width: 880rem; padding: 50rem 80rem; box-sizing: border-box; border-radius: 16rem; transform: translate(-50%,-50%); }
.tt_main .tt_clo { position: absolute; right: 0; top: 0; background: url(../img/clo.png) center center no-repeat; background-size: 26rem auto; width: 80rem; height: 80rem; cursor: pointer; }
.tt_main .tt_box_t { text-align: center;}
.tt_main .tt_box_t b{ display: block; font-size: 30rem; line-height: 2;}
.tt_main .tt_box_t span{ display: block; color: #999; font-size: 16rem; line-height: 2;}


.tt_form { padding: 30rem 0;}
.tt_form .item { float: left; width: 50%; padding: 0 4rem; margin-bottom: 10rem; }
.tt_form .item .t { color: #666666; font-size: 16rem; line-height: 40rem;}
.tt_form .item .t i { color: red;}
.tt_form .item .m input { display: block; width: 100%; text-indent: 20rem; background: #f5f5f5; border: none; height: 50rem; font-size: 16rem; border-radius: 6rem;}
.tt_form .btnbox { clear: both; padding-top: 30rem;}
.tt_form .btnbox .btn{ display: block; margin: 0 auto; width: 60%; text-align: center; border: none; cursor: pointer; color: #fff; font-size: 20rem; line-height: 60rem; background: #142462; }
*/

.mbanner { position: relative; height: 360rem; background-size: cover !important;}
.mbanner .tit { padding: 64rem 0; font-size: 40rem; line-height: 56rem; color: #000000; text-align: center; font-weight: 550; letter-spacing: 1rem;}
.mbanner .con { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 560rem;}
.mbanner .con .t2 { font-size: 16rem; line-height: 22rem; margin-bottom: 12rem; color: #00B367; text-transform: uppercase; }
.mbanner .con .t { font-size: 40rem; line-height: 56rem; margin-bottom: 32rem; font-weight: 550; letter-spacing: 1rem; }
.mbanner .con .t3{ font-size: 32rem; line-height: 46rem; margin-bottom: 32rem; letter-spacing: 1rem;}
.mbanner .con .m { font-size: 16rem; line-height: 28rem; opacity: 0.6; }

.mbanner_w { color: #fff;}
.mbanner_w .tit{ color: #fff;}
.mbanner_w .con .t2{ color: #fff;}

.mbanner1 { height: 480rem; }
.mbanner2 { background: url(../img/mban2.jpg) center center no-repeat #ecfcf1; background-size: cover; height: 480rem; }
.mbanner3 { background: url(../img/mban3.jpg) center center no-repeat #ecfcf1; background-size: cover; height: 480rem; }
.mbanner4 { background: url(../img/mban4.jpg) center center no-repeat #ecfcf1; background-size: cover; }
.mbanner5 { background: url(../img/mban5.jpg) center center no-repeat #ecfcf1; background-size: cover; height: 276rem; }
.mbanner52 { height: 184rem; }
.mbanner6 { background: url(../img/mban6.jpg) center center no-repeat #ecfcf1; background-size: cover; }


.mbannerl .tit { text-align: left;}

.mbanner10 { background: url(../img/mban10.jpg) center center no-repeat #fbfbfa; background-size: cover; height: 480rem; }
.mbanner11 { background: url(../img/mban11.jpg) center center no-repeat #fbfbfa; background-size: cover; }
.mbanner12 { background: url(../img/mban12.jpg) center center no-repeat #fbfbfa; background-size: cover; height: 276rem; }
.mbanner13 { background: url(../img/mban13.jpg) center center no-repeat #fbfbfa; background-size: cover; height: 184rem; }

.mbanner1 .mainbox { height: 480rem;}
.mbanner2 .mainbox { height: 480rem;}

.news_banner{ position: relative; margin-top: -176rem; z-index: 99; }
.news_banner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.news_banner .swiper-slide { padding-bottom: 34rem;}
.news_banner .swiper-slide .item {
	position: relative;
	background: rgba(255,255,255,0.7);
	box-shadow: 0rem 2rem 32rem 0rem rgba(59,65,105,0.05);
	border-radius: 16rem;
	border: 1rem solid #FFFFFF;
	-webkit-backdrop-filter: blur(30rem);
	backdrop-filter: blur(30rem);
	padding: 30rem 438rem 30rem 30rem;
	height: 272rem;
}
.news_banner .swiper-slide .img { display: block; position: absolute; right: 12rem; top: 12rem; border-radius: 16rem; overflow: hidden; width: 394rem;}
.news_banner .swiper-slide .img img{ display: block; width: 100%; height: 246rem; object-fit: cover; transform: scale(1); transition: transform 0.2s;  }
.news_banner .swiper-slide .con { }
.news_banner .swiper-slide .con .cate { line-height: 20rem; color:#122F4F; margin-bottom: 12rem; }
.news_banner .swiper-slide .con .cate span{ color:#00B367; margin-right: 16rem; }
.news_banner .swiper-slide .con .t { display: block; font-size: 28rem; line-height: 40rem; height: 40rem; overflow: hidden; font-weight: 550; margin-bottom: 12rem; margin-right: 40rem; }
.news_banner .swiper-slide .con .m { line-height: 26rem; height: 52rem; overflow: hidden; opacity: 0.6; margin-bottom: 32rem;}
.news_banner .swiper-slide .con .f { height: 40rem; }
.news_banner .swiper-slide .con .f a { float: left; height: 40rem; line-height: 40rem; padding: 0 24rem; border-radius: 24rem; background: #00B367; color: #fff; font-size: 16rem;}
.news_banner .swiper-slide .con .f a:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}

.news_banner .swiper-slide .item:hover .img img { transform: scale(1.06); }

.news_banner .swiper-pagination { bottom: 0 !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.news_banner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 2rem; border-radius: 100%; width: 64rem; height: 4rem; background: rgba(0,0,0,0.1); opacity: 1; border-radius: 2rem; }
.news_banner .swiper-pagination .swiper-pagination-bullet-active { background: #00B367; }


.news_main { background: #ffffff; padding: 64rem 0;}

.news_nav { margin-bottom: 20rem; box-shadow: 0rem 1rem 0rem 0rem rgba(18,47,79,0.05); text-align: center; font-size: 0;}
.news_nav ul {}
.news_nav ul li { line-height: 60rem; display: inline-block;}
.news_nav ul li a ,.news_nav ul li span{ display: block; color: rgba(0, 0, 0, 0.6); padding: 0 20rem; position: relative; cursor: pointer; font-size: 16rem;}
.news_nav ul li a img { display: block; margin: 0 auto; height: 40rem;}
.news_nav ul li a:hover ,.news_nav ul li span:hover{ color: #000;}
.news_nav ul li a.on { color: #000; font-weight: 550;}
.news_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 20rem; right: 20rem; bottom: 0; height: 3rem; background: #00B367;}
.news_nav ul li.on span{ color: #000; font-weight: 550;}
.news_nav ul li.on span:after { display: block; content: ''; position: absolute; left: 20rem; right: 20rem; bottom: 0; height: 3rem; background: #00B367;}

.news_nav2 ul li a ,.news_nav2 ul li span{ padding: 0 16rem; }
.news_nav2 ul li.on a:after { left: 16rem; right: 16rem; }
.news_nav2 ul li.on span:after { left: 16rem; right: 16rem; }

.news_header { background: url(../img/news/topbox.png) center center no-repeat; background-size: cover; padding: 48rem 0; }
.news_title { width: 880rem; margin: 0 auto; }
.news_title .tit { font-size: 32rem; line-height: 45rem; margin-bottom: 20rem;}
.news_title .tit h1{ font-size: 32rem; }
.news_title .con { line-height: 20rem; color: #122F4F; opacity: 0.6; }


.news_details { width: 880rem; margin: 0 auto; padding: 48rem 0 64rem 0; font-size: 16rem; line-height: 26rem;}
.news_details img{ max-width: 100%;}
.news_details .nimg { background: rgba(0,179,103,0.05); border-radius: 16rem; padding: 20rem;}
.news_details .nimg img { display: block; margin: 0 auto;}

.news_next{ border-top: 1rem #d3d3d3 solid;}
.news_next a { display: block; font-size: 18rem; font-weight: 550; color: #000; line-height: 36rem; padding: 22rem 0;}
.news_next a:hover {color:#142462; }
.news_next .l{ float: left; width: 49%;}
.news_next .r{ float: right; width: 49%;}
.news_next .r a{ text-align: right;}
.news_next:after { display: block; content: ''; clear: both;}

.pages_list { text-align: center; padding: 40rem 0; font-size: 0;}
.pages_list a { display: inline-block; vertical-align: middle; font-size: 22rem; color: #666666; background: #fff; border: 1rem #d3d3d3 solid; width: 66rem; height: 66rem; text-align: center; line-height: 64rem; margin: 0 4rem; position: relative;}
.pages_list a:hover { border: 1rem #142462 solid; background: #142462; color: #fff;}
.pages_list a.on { border: 1rem #142462 solid; background: #142462; color: #fff;}
.pages_list .prev:after ,.pages_list .next:after{ display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid; margin-left: -5rem; margin-top: -10rem; }
.pages_list .prev:after { border-right: 10rem #142462 solid; }
.pages_list .next:after { border-left: 10rem #142462 solid; }
.pages_list .prev:hover:after { border-right: 10rem #ffffff solid; }
.pages_list .next:hover:after { border-left: 10rem #ffffff solid; }



.archive_hot{ position: relative; margin-top: -100rem; z-index: 99; }
.archive_hot .item{ }
.archive_hot .item_m { display: block; padding: 40rem 195rem 40rem 230rem; transition:all 300ms ease; position: relative;
	background: rgba(255,255,255,0.7);
	box-shadow: 0rem 2rem 32rem 0rem rgba(59,65,105,0.05);
	border-radius: 16rem;
	border: 1rem solid #FFFFFF;
}
.archive_hot .item_m .time { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 146rem; text-align: right; height: 40rem; color: #000; }
.archive_hot .item_m .time b{ display: inline-block; vertical-align: middle; font-size: 40rem; line-height: 40rem; font-weight: normal;}
.archive_hot .item_m .time i { display: inline-block; vertical-align: middle; font-size: 36rem; line-height: 40rem; opacity: 0.1; margin: 0 4rem;}
.archive_hot .item_m .time span { display: inline-block; vertical-align: middle; font-size: 14rem; line-height: 19rem; padding-top: 2rem;}
.archive_hot .item_m .con { }
.archive_hot .item_m .t { font-size: 20rem; line-height: 28rem; height: 28rem; font-weight: 550; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10rem;}
.archive_hot .item_m .m { line-height: 22rem; max-height: 44rem; overflow: hidden; opacity: 0.6; color: #000; }
.archive_hot .item_m .more { position: absolute; right: 40rem; top: 50%; transform: translateY(-50%); width: 115rem; line-height: 82rem; border-radius: 12rem; text-align: center; background: rgba(0, 179, 103, 0.05); color: #00B367; font-size: 14rem; }
.archive_hot .item_m .more i { font-size: 12rem; margin-left: 4rem;}

.archive_hot .item_m:hover { }
.archive_hot .item_m:hover { background: #F6F7FA;}


.archive_list { margin-top: -20rem; }
.archive_list .item{ box-shadow: 0rem 1rem 0rem 0rem rgba(0,0,0,0.05); }
.archive_list .item_m { display: block; padding: 21rem 40rem 21rem 230rem; border-radius: 16rem; transition:all 300ms ease; position: relative; }
.archive_list .item_m .time { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 146rem; text-align: right; height: 40rem; color: #000; }
.archive_list .item_m .time b{ display: inline-block; vertical-align: middle; font-size: 40rem; line-height: 40rem; font-weight: normal;}
.archive_list .item_m .time i { display: inline-block; vertical-align: middle; font-size: 36rem; line-height: 40rem; opacity: 0.1; margin: 0 4rem;}
.archive_list .item_m .time span { display: inline-block; vertical-align: middle; font-size: 14rem; line-height: 19rem; padding-top: 2rem;}
.archive_list .item_m .tit { font-size: 16rem; line-height: 80rem; height: 80rem; font-weight: 550; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.archive_list .item:hover { box-shadow: none;}
.archive_list .item_m:hover { background: #F6F7FA; }


.download_tit { font-size: 24rem; line-height: 52rem; font-weight: 550; margin-top: 40rem;}

.download_list { margin: 0 -10rem; padding-bottom: 10rem; }
.download_list .item{ float: left; width: 33.33%; padding: 10rem 0; }
.download_list .item_m { display: block; margin: 0 10rem; background: #F6F7FA; border-radius: 16rem; padding: 30rem 20rem 20rem 20rem; transition:all 300ms ease; position: relative; }
.download_list .item_m .tit { font-size: 18rem; line-height: 26rem; height: 26rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.download_list .item_m .con { text-align: center; padding-top: 6rem;}
.download_list .item_m .con a { display: block; line-height: 40rem; color: #00B367; font-size: 14rem; font-weight: 550; }
.download_list .item_m .con a i { margin-left: 6rem; font-weight: normal;}

.download_list .item_m .con a:hover { color: #ecba13; transform: translateY(-3rem);}



.case_banner{ position: relative; margin-top: -260rem; z-index: 99; }
.case_banner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.case_banner .swiper-slide { padding-bottom: 34rem;}
.case_banner .swiper-slide .item {
	position: relative;
	background: rgba(255,255,255,0.7);
	box-shadow: 0rem 2rem 32rem 0rem rgba(59,65,105,0.05);
	border-radius: 16rem;
	border: 1rem solid #FFFFFF;
	-webkit-backdrop-filter: blur(30rem);
	backdrop-filter: blur(30rem);
	padding: 48rem 48rem 0 596rem;
	height: 360rem;
}
.case_banner .swiper-slide .img { display: block; position: absolute; left: 12rem; top: 12rem; border-radius: 16rem; overflow: hidden; width: 536rem;}
.case_banner .swiper-slide .img img{ display: block; width: 100%; height: 336rem; object-fit: cover; transform: scale(1); transition: transform 0.2s;  }
.case_banner .swiper-slide .con { }
.case_banner .swiper-slide .con .cate { line-height: 24rem; color:#122F4F; margin-bottom: 16rem; }
.case_banner .swiper-slide .con .cate span{ display: inline-block; padding: 0 10rem; line-height: 24rem; border-radius: 4rem; color:#00B367; margin-right: 16rem; background: rgba(0,179,103,0.1); border-radius: 4rem; }
.case_banner .swiper-slide .con .t { display: block; font-size: 32rem; line-height: 46rem; height: 46rem; overflow: hidden; font-weight: 550; margin-bottom: 20rem; }
.case_banner .swiper-slide .con .m { line-height: 26rem; height: 52rem; overflow: hidden; opacity: 0.6; margin-bottom: 64rem;}
.case_banner .swiper-slide .con .f { height: 40rem; }
.case_banner .swiper-slide .con .f a { float: left; height: 40rem; line-height: 40rem; padding: 0 24rem; border-radius: 24rem; background: #00B367; color: #fff; font-size: 16rem;}
.case_banner .swiper-slide .con .f a:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}

.case_banner .swiper-slide .item:hover .img img { transform: scale(1.06); }

.case_banner .swiper-pagination { bottom: 0 !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.case_banner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 2rem; border-radius: 100%; width: 64rem; height: 4rem; background: rgba(0,0,0,0.1); opacity: 1; border-radius: 2rem; }
.case_banner .swiper-pagination .swiper-pagination-bullet-active { background: #00B367; }


.case_list { margin: 0 -12rem; }
.case_list .item{ float: left; width: 33.33%; padding: 10rem 0;}
.case_list .item_m { display: block; margin: 0 12rem; transition:all 300ms ease; background: #ffffff; border: 1rem solid rgba(0,0,0,0.05); border-radius: 16rem; padding: 8rem 16rem 20rem 16rem; position: relative; }
.case_list .item .img { margin: 0 -8rem 20rem -8rem; overflow: hidden; border-radius: 10rem; }
.case_list .item .img img { display: block; object-fit: cover; width: 100%; height: 246rem;  transform: scale(1); transition: transform 0.2s; }
.case_list .item .tit { font-size: 18rem; line-height: 26rem; height: 26rem; overflow: hidden; font-weight: 550; margin-bottom: 10rem; }
.case_list .item .cate { line-height: 24rem; color:#122F4F; margin-bottom: 16rem; }
.case_list .item .cate span{ display: inline-block; padding: 0 10rem; line-height: 24rem; border-radius: 4rem; color:#00B367; margin-right: 16rem; background: rgba(0,179,103,0.1); border-radius: 4rem; }
.case_list .item .con { line-height: 24rem; height: 72rem; overflow: hidden; opacity: 0.4; margin-bottom: 10rem; color: #000;}
.case_list .item .foot { line-height: 20rem; color: #00B367; }
.case_list .item .foot i { display: inline-block; font-size: 10rem; margin-left: 4rem; vertical-align: middle; margin-bottom: 2rem;}

.case_list .item_m:hover { }
.case_list .item_m:hover .img img { transform: scale(1.06); }



.case_header { background: url(../img/mban3.jpg) center center no-repeat #ecfcf1; background-size: cover; padding: 110rem 0;}
.case_header .item { position: relative; padding: 0 656rem 0 0; min-height: 336rem; }
.case_header .item .img { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 16rem; overflow: hidden; width: 536rem;}
.case_header .item .img img{ display: block; width: 100%; height: 336rem; object-fit: cover; transform: scale(1); transition: transform 0.2s;  }
.case_header .item .con { }
.case_header .item .con .cate { line-height: 24rem; color:#122F4F; margin-bottom: 16rem; }
.case_header .item .con .cate span{ display: inline-block; padding: 0 10rem; line-height: 24rem; border-radius: 4rem; color:#00B367; margin-right: 16rem; background: rgba(0,179,103,0.1); border-radius: 4rem; }
.case_header .item .con .t { display: block; font-size: 32rem; line-height: 46rem; height: 46rem; overflow: hidden; font-weight: 550; margin-bottom: 30rem; }
.case_header .item .con .m { font-size: 16rem; line-height: 26rem; opacity: 0.6; }


.case_main { padding: 64rem 0;}
.case_mainl { float: left; width: 880rem;}

.case_mainr { float: right; width: 320rem; border-radius: 16rem; border: 1rem solid rgba(0,0,0,0.05); padding: 28rem 28rem 80rem 28rem; text-align: center;}
.case_mainr .img { padding: 12rem 0; margin-bottom: 16rem;}
.case_mainr .img img { display: block; height: 45rem; margin: 0 auto; border-radius: 10rem;}
.case_mainr .tit { display: block; font-size: 18rem; line-height: 26rem; font-weight: 550; margin-bottom: 20rem; }
.case_mainr .con { font-size: 16rem; line-height: 26rem; opacity: 0.6; }


.case_tit { position: relative; padding-left: 22rem; line-height: 34rem; font-size: 24rem; font-weight: 550;}
.case_tit:after { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 6rem; height: 32rem; margin-top: -16rem; border-radius: 3rem; background: #00B367;}
.case_con { padding: 20rem 0 40rem 0; font-size: 16rem; line-height: 26rem;}
.case_con img{ max-width: 100%;}
.case_con .nimg { background: rgba(0,179,103,0.05); border-radius: 16rem; padding: 20rem;}
.case_con .nimg img { display: block; margin: 0 auto;}


.solution_main { padding: 40rem 0 60rem 0;}

.solution_tit { font-size: 24rem; line-height: 64rem; font-weight: 550; position: relative; padding-left: 56rem; margin-top: 40rem;}
.solution_tit img { display: block; position: absolute; left: 0; top: 50%; height: 40rem; margin-top: -20rem;}

.solution_list { margin: 0 -10rem; padding-bottom: 10rem; }
.solution_list .item{ float: left; width: 50%; padding: 10rem 0; }
.solution_list .item_m { display: block; margin: 0 10rem; background: #F6F7FA; border-radius: 16rem; padding: 28rem; transition:all 300ms ease; position: relative; }
.solution_list .item_m .tit { font-size: 18rem; line-height: 26rem; height: 26rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 12rem; font-weight: 550; }
.solution_list .item_m .con { line-height: 22rem; height: 66rem; opacity: 0.6; overflow: hidden; margin-bottom: 18rem; color: #000;}
.solution_list .item_m .foot { display: block; line-height: 16rem; color: #00B367; font-size: 14rem; font-weight: 550; }
.solution_list .item_m .foot i { margin-left: 6rem; font-weight: normal;}

.solution_list .item_m:hover { background: #f5f5f5;}

.mbanner10 { height: 440rem; background-color: #18387d;}
.mbanner10 .mainbox{ height: 440rem;}


.solution_vmain { overflow: hidden;}
.solution_vmain1 { padding: 60rem 0 60rem 0;}
.solution_vmain2 { padding: 80rem 0 60rem 0; background: #F6F7FA;}
.solution_vmain3 { padding: 80rem 0 60rem 0;}
.solution_vmain4 { padding: 80rem 0 60rem 0; background: #F6F7FA;}
.solution_vmain5 { padding: 80rem 0 60rem 0;}

.solution_vmain .ititle b { font-size: 32rem; line-height: 32rem;}

.solution_vlist1 { margin: 0 -10rem; padding: 10rem 0; }
.solution_vlist1 .item{ float: left; width: 25%; padding: 10rem 0; }
.solution_vlist1 .item_m { display: block; margin: 0 10rem; background: #F6F7FA; border-radius: 16rem; padding: 32rem 24rem 30rem 24rem; transition:all 300ms ease; position: relative; }
.solution_vlist1 .item_m .img { margin-bottom: 20rem;}
.solution_vlist1 .item_m .img img{ display: block; height: 40rem; margin: 0 auto;}
.solution_vlist1 .item_m .tit { font-size: 16rem; line-height: 22rem; margin-bottom: 16rem; font-weight: 550; text-align: center; }
.solution_vlist1 .item_m .con { line-height: 20rem; height: 100rem; opacity: 0.6; overflow: hidden; color: #000;}

.solution_vlist1 .item_m:hover { background: #f5f5f5;}


.solution_vlist2 { margin: 0 -10rem; padding: 10rem 0; }
.solution_vlist2 .item{ float: left; width: 50%; padding: 10rem 0; }
.solution_vlist2 .item_m { display: block; margin: 0 10rem; background: #ffffff; border-radius: 16rem; padding: 28rem 24rem; transition:all 300ms ease; position: relative; }
.solution_vlist2 .item_m .tit { font-size: 16rem; line-height: 22rem; margin-bottom: 12rem; font-weight: 550; }
.solution_vlist2 .item_m .tit i { font-size: 20rem; font-weight: 550; margin-right: 12rem; color: #00B367;}
.solution_vlist2 .item_m .con { line-height: 20rem; height: 20rem; opacity: 0.6; overflow: hidden; color: #000;}

.solution_vlist2 .item_m:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.05);}

.innovate_box { padding: 20rem 0;}
.innovate_box .item { border-radius: 16rem; border: 1rem solid rgba(0,0,0,0.05); position: relative; padding-right: 480rem; height: 470rem;}
.innovate_box .item .img { padding: 24rem;}
.innovate_box .item .img img { display: block; object-fit: contain; width: 750rem; height: 420rem;}
.innovate_box .item .info { position: absolute; right: 0; top: 0; bottom: 0; width: 480rem; border-radius: 16rem; background: #F6F7FA; padding: 50rem 32rem 0 32rem; overflow-y: auto;}
.innovate_box .item .tit { font-size: 18rem; line-height: 26rem; font-weight: 550;}
.innovate_box .item .con { font-size: 14rem; line-height: 22rem; color: rgba(0, 0, 0, 0.6); padding: 12rem 0;}
.innovate_box .item .con ul { padding: 10rem 0;}
.innovate_box .item .con ul li { position: relative; padding: 10rem 0 10rem 14rem;}
.innovate_box .item .con ul li b { color: #000; margin-bottom: 0.4rem;}
.innovate_box .item .con ul li:before { display: block; content: ''; position: absolute; left: 0; top: 18rem; width: 6rem; height: 6rem; background: #00B367; border-radius: 100%;}


.solution_vlist4 { margin: 0 -10rem; padding: 10rem 0; }
.solution_vlist4 .item{ float: left; width: 33.33%; padding: 10rem 0; }
.solution_vlist4 .item_m { display: block; margin: 0 10rem; background: #ffffff; border-radius: 16rem; padding: 28rem 24rem; transition:all 300ms ease; position: relative; }
.solution_vlist4 .item_m .tit { font-size: 16rem; line-height: 22rem; margin-bottom: 12rem; font-weight: 550; position: relative; }
.solution_vlist4 .item_m .tit i { font-size: 20rem; font-weight: 550; margin-right: 12rem; color: #00B367;}
.solution_vlist4 .item_m .con { line-height: 20rem; height: 120rem; opacity: 0.6; overflow: hidden; color: #000;}

.solution_vlist4 .item_m:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.05);}

.solution_vlist42 .item_m .tit {  padding-left: 13rem; }
.solution_vlist42 .item_m .tit:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 5rem; height: 18rem; border-radius: 3rem; margin-top: -9rem; background: #00B367; }

.scase_box { padding: 20rem 90rem;}
.scase_box .item {
	position: relative;
	background: rgba(255,255,255,0.7);
	box-shadow: 0rem 2rem 32rem 0rem rgba(59,65,105,0.05);
	border-radius: 16rem;
	border: 1rem solid #FFFFFF;
	-webkit-backdrop-filter: blur(30rem);
	backdrop-filter: blur(30rem);
	padding: 32rem 32rem 0 472rem;
	height: 302rem;
}
.scase_box .img { display: block; position: absolute; left: 12rem; top: 12rem; border-radius: 16rem; overflow: hidden; width: 440rem;}
.scase_box .img img{ display: block; width: 100%; height: 276rem; object-fit: cover; transform: scale(1); transition: transform 0.2s;  }
.scase_box .con { }
.scase_box .con .cate { line-height: 24rem; color:#122F4F; margin-bottom: 24rem; }
.scase_box .con .cate span{ display: inline-block; padding: 0 10rem; line-height: 24rem; border-radius: 4rem; color:#00B367; margin-right: 16rem; background: rgba(0,179,103,0.1); border-radius: 4rem; }
.scase_box .con .t { display: block; font-size: 24rem; line-height: 34rem; height: 34rem; overflow: hidden; font-weight: 550; margin-bottom: 20rem; }
.scase_box .con .m { line-height: 26rem; height: 52rem; overflow: hidden; opacity: 0.6; margin-bottom: 44rem;}
.scase_box .con .f { height: 36rem; }
.scase_box .con .f a { float: left; height: 36rem; line-height: 36rem; padding: 0 20rem; border-radius: 18rem; background: #00B367; color: #fff; font-size: 16rem;}
.scase_box .con .f a:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}

.scase_box .item:hover .img img { transform: scale(1.06); }


.product_main { overflow: hidden;}
.product_main1 { padding: 60rem 0 60rem 0;}
.product_main2 { padding: 80rem 0 60rem 0; background: #F6F7FA;}
.product_main3 { padding: 80rem 0 60rem 0;}
.product_main4 { padding: 80rem 0 60rem 0; background: #F6F7FA;}

.product_main .ititle b { font-size: 32rem; line-height: 32rem;}


.product_list1 { margin: 0 -10rem; padding: 10rem 0; display: flex; align-items: stretch; }
.product_list1 .item{ flex: 1; padding: 10rem 0; }
.product_list1 .item_m { display: block; margin: 0 10rem; background: #F6F7FA; border-radius: 16rem; padding: 28rem; transition:all 300ms ease; position: relative; height: 100%; }
.product_list1 .item_m .img { margin-bottom: 16rem;}
.product_list1 .item_m .img img{ display: block; height: 56rem; border-radius: 18rem;}
.product_list1 .item_m .img img.c1{ box-shadow: 0 10rem 30rem rgba(0, 179, 103, 0.2);}
.product_list1 .item_m .img img.c2{ box-shadow: 0 10rem 30rem rgba(255, 148, 0, 0.2);}
.product_list1 .item_m .img img.c3{ box-shadow: 0 10rem 30rem rgba(1, 119, 236, 0.2);}
.product_list1 .item_m .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 14rem; font-weight: 550; }
.product_list1 .item_m .con { line-height: 22rem; opacity: 0.6; margin-bottom: 18rem; color: #000;}
.product_list1 .item_m .foot { display: block; line-height: 16rem; color: #00B367; font-size: 14rem; font-weight: 550; }
.product_list1 .item_m .foot i { margin-left: 6rem; font-weight: normal;}

.product_list1 .item_m:hover { background: #f5f5f5;}

.product_list1_num1 .item_m{ text-align: center;}
.product_list1_num1 .item_m .img img{ margin: 0 auto; }


.product_list2 { margin: 0 -10rem; padding: 10rem 0; display: flex; align-items: stretch; }
.product_list2 .item{ flex: 1; padding: 10rem 0; }
.product_list2 .item_m { display: block; margin: 0 10rem; background: #ffffff; border-radius: 16rem; padding: 44rem 24rem 40rem 24rem; transition:all 300ms ease; position: relative; height: 100%; }
.product_list2 .item_m .img { margin-bottom: 16rem;}
.product_list2 .item_m .img img{ display: block; margin: 0 auto; height: 56rem; }
.product_list2 .item_m .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 14rem; font-weight: 550; text-align: center; }
.product_list2 .item_m .con { line-height: 22rem; opacity: 0.6; color: #000; text-align: center;}
.product_list2 .item_m .con ul li { position: relative; padding:8rem 0 8rem 26rem; background: url(../img/icon/yes.svg) left 14rem no-repeat; background-size: 14rem auto; text-align: left;}
.product_list2 .item_m:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.05);}

.product_list2 + .product_list2 { padding-top: 0; margin-top: -10rem;}


.product_list3 { position: relative; overflow: hidden; margin: 0 -10rem;}
.product_list3 .swiper-container{ position: relative; z-index: 1;}
.product_list3 .swiper-slide { }
.product_list3 .swiper-slide:after { display: block; content: ''; clear: both; }
.product_list3 .item { float: left; width: 12.5%; padding: 10rem;}
.product_list3 .item img{ display: block; width: 100%; height: 78rem; background: #fff; border-radius: 10rem; object-fit: contain; transition:all 300ms ease; }
.product_list3 .item img:hover { box-shadow: 0 0 14rem rgba(0, 0, 0, 0.08);}


.product_list4 { margin: 0 -10rem; padding: 10rem 0; display: flex; align-items: stretch; }
.product_list4 .item{ flex: 1; padding: 10rem 0; }
.product_list4 .item_m { display: block; margin: 0 10rem; background: #ffffff; border-radius: 16rem; padding: 28rem; transition:all 300ms ease; position: relative; height: 100%; }
.product_list4 .item_m .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 14rem; font-weight: 550; text-align: center; }
.product_list4 .item_m .con { line-height: 22rem; color: rgba(0, 0, 0, 0.6); text-align: left;}
.product_list4 .item_m .con ul li { position: relative; padding:8rem 0 8rem 26rem; background: url(../img/icon/yes.svg) left 14rem no-repeat; background-size: 14rem auto;}

.product_list4 .item_m:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.05);}



.product_header { position: relative; background: url(../img/mbanp.jpg) center top no-repeat #ecfcf1; background-size: cover; padding: 60rem 0;}
.product_header_info {}
.product_header_info .img { padding: 20rem 0; margin-bottom: 10rem;}
.product_header_info .img img{ display: block; margin: 0 auto; height: 128rem; border-radius: 36rem; box-shadow: 0 10rem 30rem rgba(0, 179, 103, 0.2);}
.product_header_info .tit { font-size: 40rem; line-height: 56rem; text-align: center; font-weight: 550; letter-spacing: 1rem; margin-bottom: 20rem;}
.product_header_info .tit h1 { font-size: 40rem;}
.product_header_info .con { font-size: 16rem; line-height: 28rem; text-align: center; opacity: 0.6; }

.product_header_info .img img.c1{ box-shadow: 0 10rem 30rem rgba(0, 179, 103, 0.2);}
.product_header_info .img img.c2{ box-shadow: 0 10rem 30rem rgba(255, 148, 0, 0.2);}
.product_header_info .img img.c3{ box-shadow: 0 10rem 30rem rgba(1, 119, 236, 0.2);}

.product_header_list { padding: 46rem 0 10rem 0; margin: 0 -10rem; }
.product_header_list .item{ float: left; width: 33.33%; padding: 10rem 0; }
.product_header_list .item_m { display: block; margin: 0 10rem; background: #ffffff; border-radius: 16rem; padding: 32rem 28rem; transition:all 300ms ease; position: relative; }
.product_header_list .item_m .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 14rem; font-weight: 550; }
.product_header_list .item_m .tit i { font-size: 20rem; font-weight: 550; margin-right: 12rem; color: #00B367;}
.product_header_list .item_m .con { line-height: 20rem; opacity: 0.6; color: #000;}

.product_header_list .item_m:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.05);}



.product_vmain { overflow: hidden;}
.product_vmain1 { padding: 80rem 0 60rem 0;}
.product_vmain2 { padding: 80rem 0 80rem 0; background: #F6F7FA;}


.product_function { padding: 20rem 0 0 80rem;}
.product_function .item { position: relative; padding-right: 710rem; min-height: 400rem;}
.product_function .item .img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 630rem; padding: 42rem 36rem; border-radius: 16rem; background: #fff;}
.product_function .item .img img { display: block; object-fit: cover; width: 100%; }
.product_function .item .info { position: relative; padding: 22rem 0; }
.product_function .item .tit { font-size: 24rem; line-height: 32rem; font-weight: 550; margin-bottom: 20rem;}
.product_function .item .con { font-size: 14rem; line-height: 22rem; color: rgba(0, 0, 0, 0.6); }
.product_function .item .con ul { padding: 10rem 0;}
.product_function .item .con ul li { position: relative; padding: 10rem 0 10rem 14rem;}
.product_function .item .con ul li b { color: #000; margin-bottom: 0.4rem;}
.product_function .item .con ul li:before { display: block; content: ''; position: absolute; left: 0; top: 18rem; width: 6rem; height: 6rem; background: #00B367; border-radius: 100%;}


.product_feature { margin: 0 -10rem; padding-bottom: 10rem;}
.product_feature .item { float: left; width: 50%; padding: 10rem 0;}
.product_feature .item_m { display: block; margin: 0 10rem; background: #F6F7FA; border-radius: 16rem; padding: 40rem; transition:all 300ms ease; position: relative; }
.product_feature .item_m:after { display: block; content: ''; clear: both;}
.product_feature .item .img { position: relative; }
.product_feature .item .img img { display: block; object-fit: contain; width: 100%; height: 226rem; }
.product_feature .item .info { position: relative; margin-bottom: 50rem; }
.product_feature .item .tit { font-size: 24rem; line-height: 32rem; font-weight: 550; margin-bottom: 20rem;}
.product_feature .item .con { font-size: 14rem; line-height: 22rem; height: 44rem; overflow: hidden; color: rgba(0, 0, 0, 0.6); }

.product_feature .item_full { width: 100%;}
.product_feature .item_full .item_m { padding-bottom: 20rem; }
.product_feature .item_full .info { float: left; width: 550rem; margin-bottom: 0;}
.product_feature .item_full .con { height: auto;}
.product_feature .item_full .img { float: right; width: 580rem;}
.product_feature .item_full .img img { display: block; width: 100%; height: auto;}


.about_main { overflow: hidden;}
.about_main1 { padding: 60rem 0;}
.about_main2 { padding: 60rem 0 40rem 0; background: url(../img/about/bg1.jpg) center top no-repeat; background-size: cover;}
.about_main3 { padding: 24rem 0;}


.abanner { padding: 56rem 0 74rem 0;}
.abanner .tit { font-size: 16rem; color: rgba(12,43,37,0.4); line-height: 27rem; margin-bottom: 20rem;}
.abanner .conl { float: left; width: 530rem; font-size: 44rem; color: #0C2B25; line-height: 62rem;}
.abanner .conr { float: right; width: 520rem; padding-left: 33rem; position: relative;}
.abanner .conr .t {font-size: 20rem; color: #0C2B25; line-height: 32rem; margin-bottom: 22rem;}
.abanner .conr .m { font-size: 16rem; color: rgba(12,43,37,0.4); line-height: 27rem;}
.abanner .conr:after { display: block; content: ''; position: absolute; left: 0; top: 6rem; bottom: 6rem; width: 1rem; background: rgba(0,0,0,0.05);}


.abannerf img { display: block; width: 100%;}

.about_main1_l { float: left; width: 400rem;}
.about_main1_l .t {font-size: 32rem; line-height: 48rem; margin-bottom: 32rem;}
.about_main1_l .m { font-size: 16rem; color: rgba(12,43,37,0.4); line-height: 27rem;}

.about_main1_r { float: right; width: 738rem;}

.about_info { font-size: 16rem; color: #0C2B25; line-height: 30rem; margin-bottom: 56rem;}

.about_list1 {}
.about_list1 .img { float: left; width: 504rem;}
.about_list1 .img img { display: block; width: 100%; border-radius: 16rem;}
.about_list1 .con { float: right; width: 213rem; border: 1rem solid #EDEDED;}
.about_list1 .con .item { border-bottom: 1rem solid #EDEDED; }
.about_list1 .con .item_m { height: 168rem; position: relative;}
.about_list1 .con .item_m .m { position: absolute; left: 20rem; right: 20rem; top: 50%; transform: translateY(-50%); text-align: center;}
.about_list1 .con .item_m .m b { display: block; font-size: 28rem; line-height: 40rem; margin-bottom: 6rem; color: #00B367;}
.about_list1 .con .item_m .m span { display: block; font-size: 16rem; line-height: 22rem;}
.about_list1 .con .item:last-child { border-bottom: none;}

.about_honor { width: 1022rem; margin: 0 auto; padding: 20rem 0 65rem 0;}
.about_honor img { display: block; width: 100%; }

.about_list2 { background: #fff; padding: 24rem 0; border-radius: 16rem; font-size: 0; text-align: center;}
.about_list2 .item { display: inline-block;}
.about_list2 .item_m { margin: 0 60rem; position: relative;}
.about_list2 .item_m .img { display: inline-block; vertical-align: middle; margin-right: 12rem;}
.about_list2 .item_m .img img { display: block; height: 36rem;}
.about_list2 .item_m .tit { display: inline-block; vertical-align: middle; font-size: 14rem; line-height: 18rem; color: #7F7F7F;}

.about_map { position: relative; }
.map_box { display: block; width: 100%; height: 580rem; border-radius: 16rem; position: relative; z-index: 100;}

.about_contact { position: absolute; right: 0; top: 0; bottom: 0; width: 506rem; border-radius: 16rem; background: url(../img/about/pos.png) right top no-repeat rgba(255,255,255,0.9); background-size: 176rem auto; padding: 40rem 40rem 0 40rem; z-index: 101;}
.about_contact .tit { font-size: 28rem; line-height: 40rem;}
.about_contact .con { color: rgba(0, 0, 0, 0.8); font-size: 14rem; line-height: 20rem;}
.about_contact .con ul{ display: block; border-bottom: 1rem solid rgba(0,0,0,0.05); padding: 24rem 0;}
.about_contact .con ul li { display: block; padding: 5rem 0;}
.about_contact .con ul li b { color: #000; line-height: 30rem;}
.about_contact .con ul:last-child { border-bottom: none;}


@media (min-width:2200px){
html { font-size:1px !important; }
.ibanner .swiper-slide a img{ object-fit: contain; background: #e9e5d9; }
}

@media (max-width:1500px) and (min-width:999px){
html { font-size:calc(100vw/1700) !important; }
}

@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 18rem;}

.wap_show{ display: block !important;}
.pc_show{ display: none !important;}

.mainbox { width: auto; margin: 0 14rem; }

.header { }

.topbox { height: auto; position: fixed; left: 0; right: 0; top: 0; height: 70rem; z-index: 9990; box-shadow: 0 0 10rem rgba(0, 0, 0, 0.18); }

.head_logo { padding: 14rem 0; }
.head_logo img { height: 42rem; }

.head_right { display: none; }

.nav_btn { display: block; position: fixed; right: 14rem; top: 12rem; width: 46rem; height: 46rem; background: url(../img/mnav.png) center center no-repeat #00B367; background-size: 34rem auto; z-index: 9999; border-radius: 8rem;}

.head_lang { float: left; padding: 14rem 0; margin-left: 20rem; position: relative;}
.head_lang .tit { width: 88rem; height: 36rem; line-height: 36rem; border-radius: 18rem; padding: 0 0 0 12rem; background: rgba(18,47,79,0.05); position: relative; }
.head_lang .tit i { margin-right: 6rem; font-size: 16rem;}
.head_lang .tit:after { display: block; content: ''; position: absolute; right: 12rem; top: 50%; margin-top: -3rem; width: 0; height: 0; border-left: 6rem transparent solid; border-right: 6rem transparent solid; border-top: 6rem #000 solid;}
.head_lang .con { width: 100%;}

.head_right { display: none; position: fixed; left: 0; right: 0; top: 70rem; float: none; padding: 14rem 0; text-align: center; background: rgba(255,255,255,0.95);}
.head_right a { float: none; margin-left: 8rem; margin-right: 8rem; display: inline-block; font-size: 18rem; }


.head_user { display: none; position: fixed; left: 0; right: 0; top: 70rem; float: none; padding: 14rem 14rem; height: 64rem; text-align: center; background: rgba(255,255,255,0.95);}
.head_user .tit { float: left; }
.head_user .tit img { width: 32rem; height: 32rem; margin-top: -16rem;}
.head_user .tit:after { display: none; }
.head_user .con { float: right; display:block; position:relative; right:auto; top: auto; width: auto; background: none; box-shadow: none; border-radius: 0; border: none; padding: 0; }
.head_user .con  ul li { float: left;}
.head_user .con a{ padding: 0 12rem; line-height:36rem; }
.head_user .con a:hover{ color: rgba(0, 0, 0, 0.8); background: none;}
.head_user .con a.exit:after { display: none; }


.head_nav { float: none; position: fixed; display: none; left: 0; right: 0; top: 134rem; height: calc(100vh - 134rem); overflow-y: auto; padding: 20rem; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.18); z-index: 9992; margin-left: 0; background: rgba(255,255,255,0.96); }
.head_nav ul li { float: none; }
.head_nav ul li .t { height: 64rem; font-size: 20rem; }
.head_nav ul li .t:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -15rem; width: 30rem; height: 4rem; background: #00B367; opacity: 0;}


.head_nav ul li .m { display:block; position:relative; left:auto; top: auto; width: auto; box-shadow: none; border-radius: 12rem; border: 1rem solid rgba(0,0,0,0.05); padding: 6rem 6rem; }
.head_nav ul li .m a{ float: left; padding: 10rem 14rem; line-height:20rem; font-size: 16rem; }
.head_nav ul li .m:after { display: block; content: ''; clear: both;}

.head_nav ul li .ms { display: block; position: relative; left: auto; right: auto; top: auto; box-shadow: none; border-radius: 12rem; border: 1rem solid rgba(0,0,0,0.05); padding: 6rem 6rem;}
.head_nav ul li .msm { width: auto; margin:0;}
.head_nav ul li .ms .item { float: left; width: auto; padding: 0;}
.head_nav ul li .ms .item_m { display: block; margin: 0;}
.head_nav ul li .ms .item_m .tit { display: block; font-size: 16rem; line-height: 20rem; margin-bottom: 0; padding: 10rem 14rem;}
.head_nav ul li .ms .item_m .tit img{ display: none;}
.head_nav ul li .ms .item_m .tit i{ display: none;}
.head_nav ul li .ms .item_m .con { display: none;}


.ibanner .swiper-slide .img img{ height: 640rem; }
.ibanner .swiper-slide .con { left: 14rem; right: 14rem; top: 50%; margin-left: 0; margin-top: -164rem; width: auto; }
.ibanner .swiper-slide .con .t { font-size: 34rem; line-height: 52rem; }
.ibanner .swiper-slide .con .m { font-size: 18rem; line-height: 24rem; margin-bottom: 35rem;}


.ibanner_foot { margin-top: -74rem; padding-bottom: 60rem; }

.ibanner_flist { margin: 0 -7rem;}
.ibanner_flist .item { float: left; width: 50%; padding: 7rem 0;}
.ibanner_flist .item_m { margin: 0 7rem; padding: 20rem; text-align: center;}
.ibanner_flist .item_m img { position: relative; right: auto; top: auto; margin-top: 0; margin: 0 auto 16rem auto; height: 56rem;}
.ibanner_flist .item_m b { margin-bottom: 10rem; font-size: 18rem; line-height: 22rem;}
.ibanner_flist .item_m span { font-size: 16rem; line-height: 24rem; }


.imain1 { padding: 30rem 0 40rem 0; }
.imain2 { padding: 40rem 0 60rem 0; }
.imain3 { padding: 60rem 0; }
.imain4 { padding: 60rem 0; }
.imain5 { padding: 60rem 0; }
.imain6 { padding: 60rem 0; }


.ititle { margin-bottom: 30rem; text-align: center; padding: 0 30rem; }
.ititle b { font-size: 28rem; line-height: 46rem;}

.ititle img { width: 58rem; margin: 0 auto 12rem auto;}

.ititle_l { text-align: center;}

.ititle a.more{ font-size: 18rem; }


.iservice_nav { text-align: center; font-size: 0; margin-bottom: 30rem;}
.iservice_nav ul {
	height: auto;
}
.iservice_nav ul:after { display: block; content: ''; clear: both;}
.iservice_nav ul li{ float: left; width: 50%; padding: 2rem; }
.iservice_nav ul li p { text-align: left; font-size: 19rem; line-height: 56rem; border-radius: 28rem; padding: 0 0 0 28rem; }
.iservice_nav ul li i { margin-right: 10rem; font-size: 24rem;  }

.iservice_box {}

.iservice_img { }
.iservice_img .img { height: 220rem; border-radius: 24rem;}
.iservice_img .img img{ height: 220rem; margin-top: 0; object-position: center center; object-fit: cover; }
.iservice_img .con { position: absolute; left: 20rem; top: 50%; margin-top: -50rem; width: 90%; }
.iservice_img .con .t { font-size: 28rem; line-height: 34rem; margin-bottom: 30rem; }
.iservice_img .con .m { display: none; font-size: 18rem; line-height: 28rem; height: auto; margin-bottom: 16rem;}


.iservice_list { margin: 0 -7rem;}
.iservice_list .item { float: none; width: 100%; padding: 7rem 0;}
.iservice_list .item_m { margin: 0 7rem; }
.iservice_list .item_m:after { top: 43rem; }
.iservice_list .item .tit { font-size: 24rem; line-height: 38rem; }
.iservice_list .item .con { line-height: 26rem; height: auto; margin-bottom: 10rem;}


.isolution_list { margin: 0 -7rem;}
.isolution_list .item{ float: none; width: 100%; padding: 7rem;}
.isolution_list .item_m { margin: 0 7rem; color: #000; }
.isolution_list .item_box { height: 290rem; background: none; }
.isolution_list .item .icon { opacity: 0; }
.isolution_list .item .tit { left: 30rem; top: 24rem; }
.isolution_list .item .tit b{ display: block; font-size: 28rem; line-height: 40rem; margin-bottom: 10rem; }
.isolution_list .item .tit span{ display: block; font-size: 16rem; line-height: 22rem; }
.isolution_list .item .con { position: absolute; left: 30rem; bottom: 24rem; font-size: 16rem; line-height: 30rem; opacity: 1; }
.isolution_list .item_on { width: 100%;}
.isolution_list .item_on .item_box { background: none;}
.isolution_list .item_on .item_m{ color: #000; }
.isolution_list .item_on .icon{ opacity: 0; }
.isolution_list .item_on .tit{ top: 24rem; }
.isolution_list .item_on .con{ opacity: 1; }



.isolution_list .item:nth-child(1) .item_m { background: url(../img/index/s1s.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(2) .item_m { background: url(../img/index/s2s.jpg) center center no-repeat; background-size: cover;}
.isolution_list .item:nth-child(3) .item_m { background: url(../img/index/s3s.jpg) center center no-repeat; background-size: cover;}


/*
.isolution_list_1 .item_m { background: url(../img/product/simg1.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_2 .item_m { background: url(../img/product/simg2.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_3 .item_m { background: url(../img/product/simg3.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_4 .item_m { background: url(../img/product/simg4.jpg) left top no-repeat; background-size: 1480rem auto;}
.isolution_list_5 .item_m { background: url(../img/product/simg5.jpg) left top no-repeat; background-size: 1480rem auto;}


.isolution_list .item:nth-child(1) .item_m { background-position: -100rem top !important;}
.isolution_list .item:nth-child(2) .item_m { background-position: -100rem top !important;}
.isolution_list .item:nth-child(3) .item_m { background-position: -100rem top !important;}

.isolution_list .item:nth-child(1).item_on .item_m { background-position: -100rem top !important;}
.isolution_list .item:nth-child(2).item_on .item_m { background-position: -100rem top !important;}
.isolution_list .item:nth-child(3).item_on .item_m { background-position: -100rem top !important;}
*/

.imain3 .ititle { margin-bottom: 40rem;}

.icase_nav { float: none; width: auto; margin-bottom: 30rem;}
.icase_nav ul li { float: left; width: 50%; line-height: 60rem; font-size: 18rem; padding-left: 20rem; }
.icase_nav ul li i { font-size: 20rem; margin-right: 12rem;}


.icase_box { float: none; width: auto; height: auto; }

.icase_list { position: relative; padding-bottom: 80rem;}
.icase_list .swiper-container{ position: relative; z-index: 1; height: 520rem;}
.icase_list .item { padding: 15rem 0 0 0; height: 380rem; }
.icase_list .item .logo { margin-bottom: 30rem;}
.icase_list .item .tit { font-size: 22rem; line-height: 30rem; margin-bottom: 20rem;}
.icase_list .item .con { font-size: 16rem; line-height: 28rem; padding-bottom: 10rem;}
.icase_list .item .info ul li { font-size: 16rem;}
.icase_list .item .info ul li i { font-size: 18rem; }

.icase_list_nav {}


.inews_nav { position: relative;  border-radius: 30rem; text-align: center; }
.inews_nav ul li { display: inline-block; float: none;}


.inews_list { margin: 0 -7rem; }
.inews_list .item{ float: none; width: 100%; padding: 7rem 0;}
.inews_list .item_m { margin: 0 7rem; padding: 10rem; }
.inews_list .item .img img { height: 260rem; }
.inews_list .item .tit { font-size: 20rem; line-height: 32rem; height: auto; margin-bottom: 12rem; margin-right: 0; }
.inews_list .item .cate { font-size: 18rem; line-height: 24rem; margin-bottom: 6rem; }
.inews_list .item .time { font-size: 18rem; line-height: 24rem; }


.imain6 {}
.imain6 .ititle { float: none;}
.imain6 .iarchive_box { float: none; width: auto;}


.iarchive_box { }
.iarchive_box .item{ float: none; width: auto; padding: 10rem 0; }
.iarchive_box .item_m { display: block; margin-left: 0; }


.footer { }

.footbox_contact { padding: 55rem 20rem;}


.footbox {  padding: 60rem 0 40rem 0; }

.foot_left { float: none; }
.foot_logo { margin-bottom: 48rem; }
.foot_logo a img{ margin: 0 auto; height: 38rem;}

.foot_nav { float: none; }
.foot_nav .item { float: none; margin-left: 0; padding: 10rem 0;}
.foot_nav .item .tit { line-height: 20rem; margin-bottom: 10rem; font-weight: 550; }
.foot_nav .item .tit a { opacity: 1;}
.foot_nav .item .con { line-height: 32rem; color: rgba(255,255,255,0.7);}
.foot_nav .item .con ul li { float: left; width: 50%;}
.foot_nav .item .con ul li a{ display: block;}
.foot_nav .item .con ul:after { display: block; content: ''; clear: both;}

.foot_erwei { text-align: center; margin-bottom: 20rem; }
.foot_erwei ul li { float: none; display: inline-block; text-align: center; margin-right: 24rem; margin-left: 24rem; line-height: 22rem; font-size: 16rem; }
.foot_erwei ul li img { display: block; width: 120rem; }


.mbanner { height: 320rem; }
.mbanner .tit { font-size: 38rem; line-height: 56rem; padding: 44rem 0; }
.mbanner .con { left: 20rem; top: 50%; transform: translateY(-50%); width: auto; right: 20rem;}
.mbanner .con .t { font-size: 38rem; line-height: 56rem; margin-bottom: 26rem; }
.mbanner .con .t3{ font-size: 30rem; line-height: 44rem; margin-bottom: 26rem; }
.mbanner .con .m { font-size: 16rem; line-height: 28rem; }


.mbanner1 { height: 320rem; }
.mbanner2 { height: 320rem; }
.mbanner3 { height: 320rem; }
.mbanner5 { height: 246rem; }
.mbanner52 { height: 146rem; }

.mbanner10 { background-position: 74% top; height: 320rem; }
.mbanner11 { background-position: 74% top; }
.mbanner12 { background-position: 74% top; height: 246rem; }
.mbanner13 { background-position: 74% top; height: 146rem; }

.mbanner1 .mainbox { height: 320rem;}
.mbanner2 .mainbox { height: 320rem;}

.news_banner{ margin-top: -176rem; }
.news_banner .swiper-slide { padding-bottom: 24rem;}
.news_banner .swiper-slide .item {
	padding: 10rem 10rem 15rem 10rem;
	height: auto;
}
.news_banner .swiper-slide .img { position: relative; right: auto; top: auto; width: auto; margin-bottom: 20rem;}
.news_banner .swiper-slide .img img{ width: 100%; height: 246rem; }
.news_banner .swiper-slide .con .m { margin-bottom: 18rem;}
.news_banner .swiper-slide .con .f { height: 40rem; }

.news_main { padding: 34rem 0 64rem 0;}

.news_nav { line-height: 0; margin: 0 -14rem 20rem -14rem;}
.news_nav ul { white-space: nowrap; overflow-x: auto;}
.news_nav ul li { display: inline-block;}
.news_nav ul li a ,.news_nav ul li span{ min-height: 60rem; line-height: 60rem; font-size: 18rem;}
.news_nav ul li a img { height: 40rem;}

.news_nav2 ul li a ,.news_nav2 ul li span{ padding: 0 16rem; }

.news_header { padding: 48rem 0; }
.news_title { width: auto; }
.news_title .tit { font-size: 28rem; line-height: 40rem; margin-bottom: 20rem;}
.news_title .tit h1{ font-size: 28rem; }
.news_title .con { font-size: 16rem; line-height: 20rem; }


.news_details { width: auto; padding: 48rem 10rem 64rem 10rem; font-size: 18rem; line-height: 28rem;}

.news_next .l{ float: none; width: auto;}
.news_next .r{ float: none; width: auto}
.news_next .r a{ text-align: left;}


.pages_list { padding: 20rem 0; }


.archive_hot{ margin-top: -100rem; }
.archive_hot .item{ }
.archive_hot .item_m { padding: 20rem; }
.archive_hot .item_m .time { position: relative; left: auto; top: auto; transform: none; width: auto; text-align: left; height: auto; margin-bottom: 6rem; opacity: 0.7;}
.archive_hot .item_m .time b{ font-size: 18rem; line-height: 30rem; }
.archive_hot .item_m .time i { font-size: 16rem; line-height: 30rem; }
.archive_hot .item_m .time span { font-size: 18rem; line-height: 30rem; height: 30rem; overflow: hidden; padding-top: 0;}
.archive_hot .item_m .con { }
.archive_hot .item_m .t { font-size: 20rem; line-height: 30rem; height: auto; white-space: normal; margin-bottom: 10rem;}
.archive_hot .item_m .m { line-height: 28rem; max-height: 56rem; }
.archive_hot .item_m .more { display: none; }


.archive_list { margin-top: -20rem; }
.archive_list .item{ }
.archive_list .item_m { padding: 20rem; }
.archive_list .item_m .time { position: relative; left: auto; top: auto; transform: none; width: auto; text-align: left; height: auto; margin-bottom: 6rem; opacity: 0.7; }
.archive_list .item_m .time b{ font-size: 18rem; line-height: 30rem; }
.archive_list .item_m .time i { font-size: 16rem; line-height: 30rem; }
.archive_list .item_m .time span { font-size: 18rem; line-height: 30rem; height: 30rem; overflow: hidden; padding-top: 0;}
.archive_list .item_m .tit { font-size: 20rem; line-height: 30rem; height: auto; white-space: normal; }


.download_tit { font-size: 24rem; line-height: 52rem; margin-top: 30rem;}

.download_list { padding-bottom: 10rem; }
.download_list .item{ float: none; width: auto; padding: 6rem 0; }
.download_list .item_m { padding: 20rem 20rem 10rem 20rem; }
.download_list .item_m .tit { font-size: 20rem; line-height: 30rem; white-space: normal; }
.download_list .item_m .con a { font-size: 16rem; }


.case_banner{ margin-top: -180rem; }
.case_banner .swiper-slide .item {
	padding: 10rem 10rem 20rem 10rem;
	height: auto;
}
.case_banner .swiper-slide .img { position: relative; left: auto; top: auto; width: auto; margin-bottom: 20rem;}
.case_banner .swiper-slide .img img{ display: block; width: 100%; height: 336rem; }
.case_banner .swiper-slide .con { }
.case_banner .swiper-slide .con .cate { line-height: 30rem; }
.case_banner .swiper-slide .con .cate span{ padding: 0 10rem; line-height: 30rem; font-size: 18rem;}
.case_banner .swiper-slide .con .t { font-size: 26rem; line-height: 36rem; height: 36rem; margin-bottom: 20rem; }
.case_banner .swiper-slide .con .m { line-height: 28rem; height: 56rem; margin-bottom: 34rem;}


.case_list { margin: 0 -10rem; }
.case_list .item{ float: none; width: auto; padding: 10rem 0;}
.case_list .item_m { margin: 0 10rem; padding: 16rem 16rem 20rem 16rem;}
.case_list .item .img { margin: 0 0 20rem 0;}
.case_list .item .tit { font-size: 20rem; line-height: 30rem; height: auto; margin-bottom: 10rem; }
.case_list .item .cate { line-height: 30rem; }
.case_list .item .cate span{ line-height: 30rem; }
.case_list .item .con { font-size: 18rem; line-height: 28rem; height: 56rem; }


.case_header { padding: 30rem 0;}
.case_header .item { padding: 6rem; min-height: auto; }
.case_header .item .img { position: relative; right: auto; top: auto; transform: none; width: auto; margin-bottom: 20rem;}
.case_header .item .img img{ height: 336rem; }
.case_header .item .con { }
.case_header .item .con .cate { line-height: 30rem; }
.case_header .item .con .cate span{ line-height: 30rem; }
.case_header .item .con .t { font-size: 26rem; line-height: 40rem; height: auto; margin-bottom: 30rem; }
.case_header .item .con .m { font-size: 18rem; line-height: 28rem; }


.case_main { padding: 40rem 0;}
.case_mainl { float: none; width: auto;}

.case_mainr { float: none; width: auto; padding: 16rem 16rem 26rem 16rem; }
.case_mainr .img img { height: 85rem; }
.case_mainr .tit { font-size: 26rem; line-height: 36rem;  }
.case_mainr .con { font-size: 18rem; line-height: 28rem; }


.case_tit { padding-left: 18rem; line-height: 34rem; font-size: 24rem; }
.case_tit:after { width: 4rem; height: 26rem; margin-top: -13rem; border-radius: 2rem; }
.case_con { padding: 20rem 0 40rem 0; font-size: 18rem; line-height: 28rem;}
.case_con .nimg { padding: 10rem;}


.solution_main { padding: 30rem 0 40rem 0;}

.solution_tit { font-size: 24rem; line-height: 64rem; padding-left: 50rem; margin-top: 40rem;}
.solution_tit img { height: 36rem; margin-top: -18rem;}

.solution_list { margin: 0 -10rem; }
.solution_list .item{ float: none; width: auto; }
.solution_list .item_m { padding: 18rem; }
.solution_list .item_m .tit { font-size: 22rem; line-height: 36rem; height: auto; }
.solution_list .item_m .con { font-size: 18rem; line-height: 28rem; height: auto; }
.solution_list .item_m .foot { line-height: 16rem; font-size: 16rem; }

.mbanner10 { height: 320rem;}
.mbanner10 .mainbox{ height: 320rem;}


.solution_vmain1 { padding: 40rem 0;}
.solution_vmain2 { padding: 40rem 0;}
.solution_vmain3 { padding: 40rem 0;}
.solution_vmain4 { padding: 40rem 0;}
.solution_vmain5 { padding: 40rem 0;}

.solution_vmain .ititle b { font-size: 32rem; line-height: 32rem;}


.solution_vlist1 { margin: 0 -7rem; padding: 7rem 0; }
.solution_vlist1 .item{ float: none; width:auto; padding: 7rem 0; }
.solution_vlist1 .item_m { margin: 0 7rem; padding: 20rem 20rem 30rem 20rem; }
.solution_vlist1 .item_m .img { margin-bottom: 20rem;}
.solution_vlist1 .item_m .img img{ height: 60rem; }
.solution_vlist1 .item_m .tit { font-size: 24rem; line-height: 24rem }
.solution_vlist1 .item_m .con { font-size: 18rem; line-height: 28rem; height: auto; }

.solution_vlist1 .item_m:hover { background: #f5f5f5;}


.solution_vlist2 { margin: 0 -7rem; padding: 7rem 0; }
.solution_vlist2 .item{ float: none; width:auto; padding: 7rem 0; }
.solution_vlist2 .item_m { margin: 0 7rem; padding: 18rem 20rem; }
.solution_vlist2 .item_m .tit { font-size: 20rem; line-height: 24rem; }
.solution_vlist2 .item_m .tit i { font-size: 20rem; }
.solution_vlist2 .item_m .con { font-size: 18rem; line-height: 28rem; height: auto; }


.innovate_box { padding: 7rem 0;}
.innovate_box .item { padding-right: 0; height: auto; padding: 16rem;}
.innovate_box .item .img { padding: 0; margin-bottom: 20rem;}
.innovate_box .item .img img { width: 100%; height: auto;}
.innovate_box .item .info { position: relative; right: auto; top: auto; bottom: auto; width: auto; padding: 20rem; overflow-y: auto;}
.innovate_box .item .tit { font-size: 20rem; line-height: 26rem; }
.innovate_box .item .con { font-size: 18rem; line-height: 28rem; padding: 12rem 0;}
.innovate_box .item .con ul { padding: 7rem 0;}
.innovate_box .item .con ul li { padding: 7rem 0 7rem 14rem;}


.solution_vlist4 { margin: 0 -7rem; padding: 7rem 0; }
.solution_vlist4 .item{ float: none; width: auto; padding: 7rem 0; }
.solution_vlist4 .item_m { margin: 0 7rem; padding: 18rem 20rem; }
.solution_vlist4 .item_m .tit { font-size: 20rem; line-height: 24rem; }
.solution_vlist4 .item_m .tit i { font-size: 20rem; }
.solution_vlist4 .item_m .con { font-size: 18rem; line-height: 28rem; height: auto; }


.scase_box { padding: 10rem;}
.scase_box .item {
	padding: 10rem;
	height: auto;
}
.scase_box .img { position: relative; left: auto; top: auto; width: auto; margin-bottom: 20rem;}
.scase_box .img img{ width: 100%; height: 276rem; }
.scase_box .con { }
.scase_box .con .cate { line-height: 30rem; margin-bottom: 14rem; }
.scase_box .con .cate span{ line-height: 30rem; }
.scase_box .con .t { display: block; font-size: 24rem; line-height: 34rem; height: auto; margin-bottom: 10rem; }
.scase_box .con .m { font-size: 18rem; line-height: 28rem; height: auto; margin-bottom: 24rem;}


.product_main1 { padding: 40rem 0;}
.product_main2 { padding: 40rem 0;}
.product_main3 { padding: 40rem 0;}
.product_main4 { padding: 40rem 0;}

.product_main .ititle b { font-size: 32rem; line-height: 32rem;}


.product_list1 { margin: 0 -7rem; padding: 7rem 0; display: block; align-items: normal; }
.product_list1 .item{ flex: none; padding: 7rem 0; }
.product_list1 .item_m { margin: 0 7rem; padding: 30rem 20rem; }
.product_list1 .item_m .img { margin-bottom: 16rem;}
.product_list1 .item_m .img img{ height: 86rem; border-radius: 28rem; margin: 0 auto;}
.product_list1 .item_m .tit { font-size: 24rem; line-height: 28rem; margin-bottom: 14rem; text-align: center; }
.product_list1 .item_m .con { font-size: 18rem; line-height: 28rem; margin-bottom: 18rem; }
.product_list1 .item_m .foot { font-size: 16rem; text-align: center; }

.product_list1_num1 .item_m{ text-align: left;}
.product_list1_num1 .item_m .img img{ margin: 0 auto; }


.product_list2 { margin: 0 -7rem; padding: 7rem 0; display: block; align-items: normal; }
.product_list2 .item{ flex: none; padding: 7rem 0; }
.product_list2 .item_m { margin: 0 7rem; padding: 30rem 20rem 20rem 20rem; }
.product_list2 .item_m .img { margin-bottom: 16rem;}
.product_list2 .item_m .img img{ margin: 0 auto; height: 86rem; }
.product_list2 .item_m .tit { font-size: 24rem; line-height: 28rem; margin-bottom: 14rem; text-align: center; }
.product_list2 .item_m .con { font-size: 18rem; line-height: 28rem; margin-bottom: 18rem; }
.product_list2 .item_m .con ul li { padding:8rem 0 8rem 22rem; background: url(../img/icon/yes.svg) left 18rem no-repeat; background-size: 12rem auto;}

.product_list2 + .product_list2 { padding-top: 0; margin-top: -10rem;}


.product_list3 { margin: 0 -7rem;}
.product_list3 .item { width: 25%; padding: 7rem;}
.product_list3 .item img{ height: 68rem; }


.product_list4 { margin: 0 -7rem; padding: 7rem 0; display: block; align-items: normal; }
.product_list4 .item{ flex: none; padding: 7rem 0; }
.product_list4 .item_m { margin: 0 7rem; padding: 30rem 20rem 20rem 20rem; }
.product_list4 .item_m .tit { font-size: 24rem; line-height: 28rem; margin-bottom: 14rem; text-align: center; }
.product_list4 .item_m .con { font-size: 18rem; line-height: 28rem; text-align: left;}
.product_list4 .item_m .con ul li { padding:8rem 0 8rem 22rem; background: url(../img/icon/yes.svg) left 18rem no-repeat; background-size: 12rem auto;}


.product_header { padding: 40rem 10rem;}
.product_header_info .con { font-size: 18rem; line-height: 28rem; }

.product_header_list { padding: 26rem 0 10rem 0; margin: 0 -7rem; }
.product_header_list .item{ float: none; width: auto; padding: 7rem 0; }
.product_header_list .item_m { margin: 0 7rem; padding: 20rem; }
.product_header_list .item_m .tit { font-size: 20rem; line-height: 28rem; margin-bottom: 6rem; }
.product_header_list .item_m .con { font-size: 18rem; line-height: 28rem; }


.product_vmain1 { padding: 40rem 0;}
.product_vmain2 { padding: 40rem 0;}


.product_function { padding: 7rem 0;}
.product_function .item { padding-right: 0; height: auto; padding: 16rem;}
.product_function .item .img { position: relative; right: auto; top: auto; bottom: auto; width: auto; transform: none; padding: 0; margin-bottom: 20rem;}
.product_function .item .img img { width: 100%; height: auto;}
.product_function .item .info { padding: 16rem 0; }
.product_function .item .tit { font-size: 20rem; line-height: 26rem; }
.product_function .item .con { font-size: 18rem; line-height: 28rem; padding: 0;}
.product_function .item .con ul { padding: 7rem 0;}
.product_function .item .con ul li { padding: 7rem 0 7rem 14rem;}


.product_feature { margin: 0 -7rem; padding-bottom: 7rem;}
.product_feature .item { float: none; width: auto; padding: 7rem 0;}
.product_feature .item_m { margin: 0 7rem; padding: 20rem; }
.product_feature .item .img img { width: 100%; height: auto; }
.product_feature .item .info { position: relative; margin-bottom: 20rem; }
.product_feature .item .tit { font-size: 24rem; line-height: 38rem; margin-bottom: 20rem;}
.product_feature .item .con { font-size: 18rem; line-height: 28rem; height: auto; }

.product_feature .item_full { width: 100%;}
.product_feature .item_full .item_m { padding-bottom: 20rem; }
.product_feature .item_full .info { float: none; width: auto; margin-bottom: 20rem;}
.product_feature .item_full .con { height: auto;}
.product_feature .item_full .img { float: none; width: auto;}
.product_feature .item_full .img img { display: block; width: 100%; height: auto;}


.about_main1 { padding: 40rem 0;}
.about_main2 { padding: 40rem 0 20rem 0; }
.about_main3 { padding: 14rem 0;}


.abanner { padding: 26rem 0 34rem 0;}
.abanner .tit { font-size: 18rem; }
.abanner .conl { float: none; width: auto; font-size: 34rem; line-height: 52rem; margin-bottom: 22rem;}
.abanner .conr { float: none; width: auto; padding-left: 0; }
.abanner .conr .t {font-size: 20rem; line-height: 32rem; margin-bottom: 22rem;}
.abanner .conr .m { font-size: 18rem; }
.abanner .conr:after { display: none; }


.about_main1_l { float: none; width: auto; margin-bottom: 30rem;}
.about_main1_l .t {font-size: 28rem; line-height: 42rem; margin-bottom: 22rem;}
.about_main1_l .m { font-size: 18rem; }

.about_main1_r { float: none; width: auto;}

.about_info { font-size: 18rem; line-height: 30rem; margin-bottom: 36rem;}

.about_list1 {}
.about_list1 .img { float: none; width: auto; margin-bottom: 20rem;}
.about_list1 .con { float: none; width: auto; }
.about_list1 .con .item_m { height: auto; padding: 30rem 20rem; }
.about_list1 .con .item_m .m { position: relative; left: auto; right: auto; top: auto; transform: none; }
.about_list1 .con .item_m .m b { font-size: 28rem; line-height: 40rem; margin-bottom: 6rem; }
.about_list1 .con .item_m .m span { font-size: 18rem; line-height: 26rem;}
.about_list1 .con .item:last-child { border-bottom: none;}

.about_honor { width: auto; padding: 20rem 0 65rem 0;}

.about_list2 { padding: 14rem 10rem; border-radius: 16rem; font-size: 0; text-align: center;}
.about_list2 .item { display: block; float: left; width: 50%;}
.about_list2 .item_m { margin: 0 10rem; padding: 10rem 0; }
.about_list2 .item_m .img { display: block; margin-right: 0; margin-bottom: 8rem;}
.about_list2 .item_m .img img { display: block; height: 50rem; margin: 0 auto;}
.about_list2 .item_m .tit { display: block; font-size: 16rem; line-height: 26rem; height: 52rem; overflow: hidden;}

.map_box { height: 580rem; }

.about_contact { position: relative; right: auto; top: auto; bottom: auto; width: auto; padding: 20rem; border: 1rem solid rgba(0,0,0,0.05); margin-bottom: 20rem;}
.about_contact .con { font-size: 18rem; line-height: 28rem;}
.about_contact .con ul{ padding: 14rem 0;}
.about_contact .con ul li { padding: 10rem 0;}


.imore i { font-size: 14rem;}

}

.etip { position: fixed; left: 50%; top: 50%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 20rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 30rem; z-index: 9999991;}



.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none; }
.tt_main .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 99991; }
.tt_box { position: absolute; left: 50%; top: 50%; transform: translate(0,-50%); background:#ffffff; width: 480rem; margin-left: -240rem; border-radius: 16rem; z-index: 99992; }
.tt_clo { position: absolute; right: 5rem; top: 5rem; width: 50rem; height: 50rem; line-height: 50rem; cursor: pointer; text-align: center; z-index: 99999;}
.tt_clo span { font-size: 20rem; color: #333;}
.tt_clo:hover span { color: #00B367;}

.tt_login_top { font-size: 24rem; line-height: 98rem; font-weight: 550; text-align: center; }
.tt_login_top ul li { display: inline-block; cursor: pointer; opacity: 0.4; padding: 0 20rem; position: relative;}
.tt_login_top ul li.on { opacity: 1;}
.tt_login_top ul li.on:after { display: block; content: ''; position: absolute; left: 50%; bottom: 24rem; width: 48rem; margin-left: -24rem; height: 4rem; background: #00B367; border-radius: 2rem;}

.tt_box_btn { padding: 16rem 0; }
.tt_box_btn .btn { display: block; width: 100%; height: 44rem; line-height: 44rem; font-size: 16rem; font-weight: 550; text-align: center; background: #00B367; border-radius: 12rem; border: none; color: #ffffff; cursor: pointer;}
.tt_box_btn .btn:hover { transform: translateY(-4rem); }

.tt_login_main { padding: 0 50rem 21rem 50rem;}

.main_form {}
.main_form .item { padding: 8rem 0; box-sizing: border-box; position: relative;}
.main_form .item .tit { display: none; position: absolute; left: 8rem; top: 0; font-size: 12rem; line-height: 16rem; padding: 0 4rem; background: #fff; color: rgba(0,0,0,0.7); z-index: 99993; }
.main_form .item .tit i { font-style: normal; color: #FF0000; margin-left: 2rem;}
.main_form .item .con { border-radius: 12rem; border: 1rem solid rgba(0,0,0,0.07); box-sizing: border-box; transition:all 300ms ease; position: relative; z-index: 99992; }
/*
.main_form .item .con label { display: inline-block; cursor: pointer; margin-left: 14rem; margin-right: 6rem; }
.main_form .item .con label input { display: none;}
.main_form .item .con label span { display: block; line-height: 44rem; padding-left: 26rem; background: url(../img/login/radio.svg) left center no-repeat; background-size: 18rem auto;}
.main_form .item .con label input:checked+span { background: url(../img/login/radios.svg) left center no-repeat; background-size: 18rem auto;}
.main_form .item .con .select { display: block; padding: 0 14rem; font-size: 16rem; height: 46rem; line-height: 46rem; background: url(../img/select.png) right center no-repeat; background-size: 44rem auto; border: none; width: 100%; cursor: pointer; }
*/
.main_form .item .con .input { display: block; text-indent: 15rem; font-size: 14rem; height: 42rem; line-height: 42rem; background: none; border: none; width: 100%; }
.main_form .item .con .send { display: block; position: absolute; right: 4rem; top: 4rem; padding: 0 12rem; height: 36rem; line-height: 36rem; font-size: 14rem; border-radius: 8rem; background: #00B367; color: #fff; cursor: pointer;}
.main_form .item .con .send:hover { opacity: 0.8;}
.main_form .item .con .send_ed { display: none; position: absolute; right: 4rem; top: 4rem; padding: 0 12rem; height: 36rem; line-height: 36rem; font-size: 14rem; border-radius: 8rem; background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.4); cursor: default;}

.main_form .item:hover .tit { display: block;}

.main_form .item.error .tit { color: #FF0000; }
.main_form .item.error .con{ border-color: #FF0000;}
.main_form .item.error em { font-size: 12rem; line-height: 28rem; position: absolute; right: 24rem; top: 16rem;}

.main_form .item_f { padding: 8rem 0; text-align: right; font-size: 14rem; line-height: 20rem;}
.main_form .item_f span { color: rgba(0,0,0,0.6); cursor: pointer;}
.main_form .item_f span:hover { color: #00B367;}

.tt_login_foot { margin-top: 10rem; border-top: 1rem solid rgba(0,0,0,0.05); padding: 16rem 0; text-align: center; font-size: 14rem; color: rgba(0,0,0,0.4); line-height: 20rem;}
.tt_login_foot a { color: #00B367;}
.tt_login_foot a:hover { text-decoration: underline;}

.user_main { background: url(../img/ubg.jpg) center top no-repeat #f3f4f8; background-size: 100% auto; padding: 20rem 0 50rem 0;}
.user_main .mainbox { width: 980rem;}
.user_main_l { float: left; width: 200rem; background: #fff; border-radius: 16rem; padding: 12rem 0; }
.user_main_l .tit { padding: 12rem 24rem; font-size: 14rem; line-height: 20rem; color: rgba(0,0,0,0.4);}
.user_main_l .con {}
.user_main_l .con a{ display: block; padding: 12rem 24rem; font-size: 14rem; line-height: 20rem; position: relative;}
.user_main_l .con a.on:before { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -15rem; width: 4rem; height: 30rem; background: #00B367; border-radius: 2rem;}
.user_main_r { float: right; width: 760rem; padding: 24rem; background: #fff; border-radius: 16rem; min-height: 460rem; }

.user_title { font-size: 20rem; line-height: 28rem; margin-bottom: 20rem; font-weight: 550;}
.user_form { width: 554rem;}
.user_form .item { margin-bottom: 20rem; position: relative;}
.user_form .item .input { display: block; text-indent: 15rem; font-size: 14rem; height: 44rem; line-height: 42rem; background: none; border: 1rem solid rgba(0,0,0,0.07); width: 100%; border-radius: 12rem; }
.user_form .item.error .input{ border-color: #FF0000;}
.user_form .item.error em { font-size: 12rem; line-height: 28rem; position: absolute; right: 24rem; top: 50%; margin-top: -14rem;}
.user_form .btnbox { height: 44rem;}
.user_form .btnbox .btn { float: left; display: block; padding: 0 25rem; height: 44rem; line-height: 44rem; font-size: 16rem; font-weight: 550; text-align: center; background: #00B367; border-radius: 12rem; border: none; color: #ffffff; cursor: pointer;}
.user_form .btnbox .btn:hover { transform: translateY(-4rem); }


@media (max-width:999px){

.tt_box { left: 20rem; right: 20rem; top: 50%; transform: translate(0,-50%); width: auto; margin-left: 0; }

.tt_box_btn { padding: 16rem 0; }
.tt_box_btn .btn { height: 50rem; line-height: 50rem; font-size: 18rem }

.tt_login_main { padding: 0 30rem 14rem 30rem;}

.main_form .item .con .input { text-indent: 20rem; font-size: 18rem; height: 50rem; line-height: 50rem; }
.main_form .item .con .send { padding: 0 16rem; height: 40rem; line-height: 40rem; font-size: 16rem; }
.main_form .item .con .send_ed { padding: 0 16rem; height: 40rem; line-height: 40rem; font-size: 16rem; }


.main_form .item.error em { font-size: 12rem; line-height: 30rem; right: 20rem; top: 20rem;}

.main_form .item_f { font-size: 16rem; line-height: 20rem;}

.tt_login_foot { font-size: 16rem; line-height: 26rem;}

.user_main .mainbox { width: auto;}
.user_main_l { float: none; width: auto; margin-bottom: 20rem;}
.user_main_l .tit { font-size: 16rem; line-height: 20rem; }
.user_main_l .con a{ font-size: 16rem; }
.user_main_r { float: none; width: auto; }

.user_form { width: auto;}
.user_form .item .input { text-indent: 20rem; font-size: 16rem; height: 50rem; line-height: 48rem; }
.user_form .btnbox { height: 50rem;}
.user_form .btnbox .btn { height: 50rem; line-height: 50rem; font-size: 18rem; }
}

.langen .foot_nav .item{ margin-left: 20rem;}


@media (max-width:999px){
.langen .foot_nav .item { margin-left: 0;}
}

/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6rem; height:6rem; border-radius:3rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3rem; }