@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- 头部 --- */
.page_header{ position: sticky; left: 0; top: 0; width: 100%; background: #fff; z-index: 999;}
.page_header .wrap{justify-content: space-between; display: flex; height: 5rem; align-items: center; padding: 0 2rem;}


/* --- hamburg --- */
.page_hamburg{width:3rem; height:3rem; background:url(../images/nav.svg) no-repeat center center; background-size:2rem; cursor:pointer; margin-left: auto;}
.page_hamburg.close{background:url(../images/close.svg) no-repeat center center; background-size:2rem;}


/* --- logo --- */
.page_logo {width: 12rem;}


/* --- 分页 --- */
.page_showpage{text-align:center; padding: 3.5rem 1rem;}
.page_showpage a{display:inline-block; border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:.2rem; margin-right:.2rem;font-size: 1.2rem;}
.page_showpage a.now{ background:#1966FF; color:#fff; border:1px solid #1966FF; }


/* --- btn --- */
.page_btn{border: 1px solid #ddd; padding: .6rem 2rem; border-radius: 4px;}
.page_btn:hover{ background:#1966FF; border:1px solid #1966FF; color: #fff;}
.page_btn.fill{ background:#1966FF; border:1px solid #1966FF;color: #fff;}


/* --- nav --- */
.page_nav{position: absolute; left: 0; top: 5rem; background: #fff; width: 100%;display: none;}
.page_nav .item{ height: 4rem;line-height: 4rem; text-align: center; border-top: 1px solid #efefef; font-size: 1.2rem;}
.page_nav .item a{position: relative;}
.page_nav .item a.active{color: #1966FF;}
.page_nav .item a.active::after{ opacity: 1;}


/* --- tel --- */
.page_tel{color: #1966FF; align-items: center; display: none;}
.page_tel img{width: 32px; margin-right: 8px;}


/* --- 分页 --- */
.page-showpage{text-align:center; padding: 1.5rem;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:5px; margin-right:5px; background: #fff; margin-bottom: 1rem; font-size: 1.2rem; font-weight: bolder;}
.page-showpage a.now{ background:#CD1F28; color:#fff; border:1px solid #CD1F28; }


/* --- column --- */
.page_column{text-align: center; padding: 3rem 1.5rem;}
.page_column h3{font-size: 1.8rem; margin-bottom: 1rem; font-weight: bolder;}
.page_column .text{color: #999;font-size: 1.2rem;}


/* --- footer --- */
.page_footer{background: #141A24;}

/* box */
.page_footer .box{border-bottom: 1px solid rgba(255,255,255,0.1);}

/* contact */
.page_footer .contact {padding: 1.5rem 2rem; border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 1.5rem;}
.page_footer .contact li{line-height: 250%; font-size: 1.2rem; color: #999; display: flex; align-items: center;}
.page_footer .contact li img{width: 1.5rem; margin-right: .8rem;}

/* nav */
.page_footer .nav{padding: 1.5rem 2rem;}
.page_footer .nav dl{ margin-bottom: 1.5rem; font-size: 1.2rem;}
.page_footer .nav dt{color: #fff; margin-bottom: .5rem;}
.page_footer .nav dd{display: flex;flex-wrap: wrap;}
.page_footer .nav em{display: block; width: 50%;line-height: 200%;}
.page_footer .nav em a{color: #999;}
.page_footer .nav em a:hover{color: #fff;}

/* qrcode */
.page_footer .qrcode{text-align: center;color: #999;font-size: 1.2rem;margin-bottom: 2rem;}
.page_footer .qrcode .pic{margin-bottom: 1rem;display: flex;justify-content: center;}
.page_footer .qrcode .pic img{width: 16rem;}

/* copyright */
.page_footer .copyright{text-align: center; font-size: 1.2rem; padding: 1.5rem; }






/* ------ 首页 ------ */

/* --- banner --- */
.home_banner {}
.home_banner .item{ position: relative;}
.home_banner .item .box{height: 100%; position: absolute;left: 0;top: 0; width: 100%; height: 100%; padding: 1.5rem; padding-top: 15%; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,0.5));}
.home_banner .item .text{font-size: 1.4rem;color: #fff; text-align: center; text-shadow: 0 1px 1px #212121;}
.home_banner .item .title{font-size: 2rem; font-weight: bolder; color: #fff; text-align: center; text-shadow: 0 0px 1px #212121;}
.home_banner .item .btn {margin-top: 1.5rem;display: flex;justify-content: center;}
.home_banner .item .btn a{ margin-right:16px; border: 1px solid #1966FF;color: #fff;}
.home_banner .item .btn a:nth-child(2){border: 1px solid #fff;}
.home_banner .item .btn a:nth-child(2):hover{ border: 1px solid #1966FF;}


/* --- service --- */

/* hd */
.home_service .hd ul{justify-content: space-between;display: flex;flex-wrap: wrap;}
.home_service .hd li{width: 50%; text-align: center; background: #F4F7FD; padding: 1.2rem 0; overflow: hidden; font-size: 1.2rem; position: relative; border-bottom: 3px solid #EAEEFA; cursor: pointer;}
.home_service .hd li.on{position: relative; border-bottom: 3px solid #1966FF; color: #1966FF; background: linear-gradient(to bottom, #F4F7FD , #fff); }
.home_service .hd li.on::after{background: #1966FF; width: 100%; height: 3px; position: absolute; top: 0; left: 0;}
.home_service .hd li.on:before{content:""; background: url(../images/icon_tab.svg) no-repeat; position: absolute; left: 20%; top: calc(50% - .8rem); background-size: 1.6rem 1.6rem; width: 1.6rem; height: 1.6rem; opacity: .3;}

/* bd */
.home_service .bd .box{ padding: 3rem 2rem; }
.home_service .bd .content{ text-align: center;}
.home_service .bd .content h3{font-size: 1.6rem; margin-bottom: 1rem; font-weight: 400;}
.home_service .bd .content p{font-size: 1.2rem; margin-bottom: 3rem; line-height: 180%;color: #999;}
.home_service .bd .pic{margin-top: 3rem; }
.home_service .bd .pic img{}


/* --- about --- */
.home_about{background: #F4F7FD;}
.home_about .pic{ padding: 3rem 0;padding-bottom: 0;}
.home_about .box{ margin-top: 3rem; padding:2rem; padding-top: 0;}
.home_about .box h3{font-size: 1.6rem; font-weight: bolder; margin-bottom: 1rem; text-align: center;}
.home_about .box .text p{line-height: 180%; font-size: 1.2rem; margin-bottom: 1rem;}


/* --- data --- */
.home_data{background: linear-gradient(to bottom, #1966FF, #1995FF);padding-bottom: 3rem;}
.home_data .wrap{ display: flex;flex-wrap: wrap;}
.home_data .item{ text-align: center; width: 50%; padding: 2rem 0;padding-bottom: 0;}
.home_data .item .number{font-size:4rem; color: #fff; font-family: din; line-height: 1; padding: 1rem 0;}
.home_data .item .number::after{content: "+"; font-size: 1.8rem; font-weight: 400; margin-left: .5rem;}
.home_data .item .text{color: #fff; font-size: 1.2rem; opacity: .8;}
.home_data .item:last-child{border-right: none;}


/* --- scheme --- */
.home_scheme .wrap{ display: flex; flex-wrap: wrap;}
.home_scheme .item{width: 50%; text-align: center;position: relative; height: 25rem; overflow: hidden;}
.home_scheme .item .title{ transition: all .3s; position: absolute; bottom: 0;left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6)); height: 100%; color: #fff; display: flex;justify-content: center;align-items: center; font-size: 1.4rem; }
.home_scheme .item .title p{line-height: 160%;}
.home_scheme .item .title:hover{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}


/* --- news --- */
.home_news {}
.home_news .wrap{ padding: 0 2rem;}
.home_news .item{ margin-bottom: 2rem;}
.home_news .item .pic{margin-bottom: .8rem; overflow: hidden; border-radius: 4px;}
.home_news .item .title{ font-size: 1.4rem; margin-bottom: .5rem;}
.home_news .item .text{color: #999; font-size: 1.2rem; line-height: 125%;}
.home_news .more {justify-content: center; margin: 3rem 0;display: flex;}


/* --- contact --- */
.home_contact{background: linear-gradient(to bottom, #1966FF, #1995FF);padding: 3rem 1.5rem;}

/* content */
.home_contact .content{color: #fff; text-align: center;margin-bottom: 1.5rem;}
.home_contact .content h3{font-size: 2.2rem; color: #fff; margin-bottom: 2rem;}
.home_contact .content p{font-size: 1.2rem; opacity: .5;}

/* contact */
.home_contact .contact{color: #fff; text-align: center;}
.home_contact .contact .icon{ display: flex;justify-content: center;}
.home_contact .contact .right h3{font-size: 1.2rem; color: #fff; opacity: .5;}
.home_contact .contact .right p{font-size: 3rem; font-family: din;padding: 1.5rem 0;}


/* --- link --- */
.home_link{border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1.5rem 2rem; font-size: 1.2rem;}
.home_link .title{ color: rgba(255,255,255,0.3); margin-bottom: 1rem; }
.home_link .list a{margin-right: 1.2rem; color: #999; line-height: 180%;}
.home_link .list a:hover{color: #fff;}





/* ------ inner ------ */

/* --- banner --- */
.inner_banner{text-align: center; padding: 2rem 0;}
.inner_banner h3{font-size: 1.8rem; margin-bottom: 1rem;font-weight: bolder; }
.inner_banner .text{color: #999;font-size: 1.2rem;}


/* --- service --- */
.inner_service {padding: 0 2rem;}
.inner_service .item{ justify-content: space-between; background: #F4F7FD; border-radius: 4px; overflow: hidden; padding: 3rem; margin-bottom: 2rem; }
.inner_service .content {margin-bottom: 3rem;text-align: center;}
.inner_service .content h3{font-size:1.6rem; margin-bottom: 1rem;font-weight: bolder;}
.inner_service .content p{color: #999; margin-bottom: 2rem; line-height: 160%;}
.inner_service .item:hover{background: linear-gradient(to bottom, #F4F7FD , #fff); }
.inner_service .page_btn{padding: .8rem ;}


/* --- news --- */
.inner_news .wrap{padding: 0 1.5rem;}
.inner_news .item{border-bottom: 1px solid #efefef; padding: 2rem 0;}
.inner_news .item h3{font-size: 1.4rem; margin-bottom: 1rem;}
.inner_news .item p{color: #ccc;line-height: 180%;}


/* --- show --- */
.inner_show {padding: 3rem 0;}
.inner_show .wrap{padding: 0 2rem;}
.inner_show h1{font-size: 1.6rem; font-weight: bolder;text-align: center;line-height: 180%;} 
.inner_show .date{border-bottom: 1px solid #efefef;text-align: center; padding: 1.2rem 0;margin-bottom: 2rem; color: #999; font-size: 1.2rem;}
.inner_show .content p{line-height: 180%; font-size: 1.2rem; margin-bottom: 1.5rem;}


/* --- about --- */
.inner_about{}

/* left */
.inner_about .left{padding: 2rem;}
.inner_about .left h1{font-size: 1.6rem; font-weight: bolder; margin-bottom: 2rem; text-align: center;}
.inner_about .left .text p{line-height: 160%;font-size: 1.2rem;}

/* right */
.inner_about .right{padding:2rem;}
.inner_about .right img{border-radius: 4px;}


/* --- contact --- */
.inner_contact .wrap{padding: 2rem;}
.inner_contact .item{display: flex;align-items: center;border-bottom: 1px solid #efefef; padding: 1.5rem 0;font-size: 1.2rem;}
.inner_contact .item .icon{margin-right:2rem;}
.inner_contact .item .icon img{width: 2rem;}
.inner_contact .item h3{font-weight: bolder;font-size: 1.2rem; margin-bottom: .8rem;}
.inner_contact .item p img{width: 10rem;}


/* --- honor --- */
.inner_honor{background: #f9f9f9; padding: 0 1.5rem; padding-bottom: 2rem;}
.inner_honor .swiper{ padding-bottom: 4rem;}
.inner_honor .item{ text-align: center; font-size: 1.2rem;}
.inner_honor .item .pic{margin-bottom: 1rem;}
.inner_honor .item:nth-child(3n+1){margin-left: 0;}


/* --- scheme --- */
.inner_scheme {padding: 0 2rem;}
.inner_scheme .wrap{}
.inner_scheme .item{margin-bottom: 2rem; border-radius: 4px; overflow: hidden;position: relative; }
.inner_scheme .item .box{position: absolute;left: 0;top:0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6)); padding: 2rem; display: flex; align-items: flex-end;} 
.inner_scheme .item .text h3{font-size: 1.6rem; color: #fff; margin-bottom: .5rem;}
.inner_scheme .item .text p{color: #fff; line-height: 180%; opacity: .8;}
.inner_scheme .item .text em{color: #fff; display: none; margin-top: 10px;}
.inner_scheme .item .text .eng{margin-bottom: 1rem; opacity: .5;}
.inner_scheme .item:hover .box{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}



/* --- service --- */

/* box */
.service_show .box{ padding: 3rem 2rem; text-align: center;}
.service_show .text {}
.service_show .text h3{font-size: 1.8rem; font-weight: bolder; margin-bottom: 1rem;}
.service_show .text p{font-size: 1.2rem; line-height: 180%; margin-bottom: 2rem; color: #999;}
.service_show .pic{margin-top: 3rem;}

/* case */
.service_show .case{}



/* --- scheme --- */
.scheme_show .box{ padding: 3rem 2rem; text-align: center;}
.scheme_show .text { }
.scheme_show .text h3{font-size: 1.8rem; font-weight: bolder;margin-bottom: 1rem;}
.scheme_show .text p{font-size: 1.2rem; line-height: 180%; margin-bottom: 2rem;}
.scheme_show .pic{margin-top: 3rem;}
.scheme_show .pic img{border-radius: 4px;}

/* case */
.scheme_show .case{}






}