@charset "utf-8";
.mob_ad_container{display:none;}
html{position:relative;}
.bodyheight{height:100vh;overflow: hidden;width: 100%;}
.mob_ad_container{width: 100%;height: 100vh;top: 0px;left:0px;position: absolute;z-index: 9999;}
.mob_ad_container .swiper-slide img,.swiper-mobad,.swiper-mobad .swiper-slide{height: 100%;width:100%;}
.jump_btn{color:#fff;font-size: 14px;background: rgb(0 0 0 / 60%);padding:8px 15px;position: absolute;right: 3%;top:3%;z-index: 999;border-radius:30px;cursor: pointer;}
/* CSS Document */
.gg{ height:98px;}
.gg a{ margin-right:150px; font-size:30px; color:#056399; line-height:98px;}

.h_service{ overflow:hidden; margin-bottom:30px;}
.h_service ul{ width:110%;}
.h_service li{ float:left; width:370px; margin-right:50px; height:80px;}
.h_service li a{ display:block; line-height:80px; text-align:center; background-color:#057dc2; font-size:26px; color:#fff; letter-spacing:3px;}
.h_service li em{ display:inline-block; font-size:26px; margin-left:30px;}
.h_service li a:hover{ background-color:#056399;}


#news{ height:675px; padding-top:50px; background:url(../images/bgline.png) no-repeat center center #f5f5f5;}
.frontPage{ width:603px; float:left;}
.frontPage .tit{ font-size:26px; color:#056399; height:60px;}

.slidebox{ position:relative;}
.slidebox .bd ul{ overflow:hidden; zoom:1;}
.slidebox .bd ul li{ float:left; _display:inline; overflow:hidden; position:relative;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
.slidebox .bd ul li img{ width:100%; height:auto;}
.slidebox .hd{ position:absolute; left:0; right:0; bottom:32px;}
.slidebox .hd ul{ width:100%; text-align:right;}
.slidebox .hd ul li{ display:inline-block; width:19px; height:19px; margin-left:22px; font-size:0; cursor:pointer; background:url(../images/focus.png) no-repeat; }
.slidebox .hd ul li{ *display:inline; zoom:1;}
.slidebox .hd ul li.on{ background-image:url(../images/focus_on.png);}

#hd,#newsLbt{ position:relative;}
/* #kinMaxShow .kinMaxShow_button{ width:1200px; left:50%; margin-left:-600px; text-align:right;} */
#newsLbt .kinMaxShow_button{ left:50%; width:50%; text-align:right;}

.next-ico{ position:absolute; cursor:pointer; left:50%; margin-left:-12px; bottom:30px; z-index:1;
animation: ln_next 1s linear 0s infinite alternate;
/* Firefox: */
-moz-animation: ln_next 1s linear 0s infinite alternate;
/* Safari 和 Chrome: */
-webkit-animation: ln_next 1s linear 0s infinite alternate;
/* Opera: */
-o-animation: ln_next 1s linear 0s infinite alternate;
}
@keyframes ln_next
{
0%   { bottom:30px;}
50%   { bottom:20px;}
100%  { bottom:10px;}
}
@-moz-keyframes ln_next
{
0%   { bottom:30px;}
50%   { bottom:20px;}
100%  { bottom:10px;}
}
@-webkit-keyframes ln_next
{
0%   { bottom:30px;}
50%   { bottom:20px;}
100%  { bottom:10px;}
}
@-o-keyframes ln_next
{
0%   { bottom:30px;}
50%   { bottom:20px;}
100%  { bottom:10px;}
}

.frontPage .info{ margin-top:48px; padding-left:54px; background:url(../images/icon01.png) no-repeat left top;}
.frontPage .info h3 a{ font-size:20px; color:#056399;}
.frontPage .info h3 span{ font-size:18px; float:right; font-weight:bold;}
.frontPage .info p{ font-size:18px; line-height:34px; margin-top:20px;}

.news{ width:546px; float:right;}
.news .name{ height:60px; border-bottom:3px solid #056399; padding:0 10px; overflow:hidden; margin-bottom:24px;}
.news .name .box{ width:120%;}
.news .name span{ display:inline-block; font-size:24px; margin-right:50px; cursor:pointer;}
.news .name span.now{ color:#056399;}
.news .list{ display:none;}
.news .list div{ height:107px; overflow:hidden;}
.news .list .time{ width:62px; float:left; background:url(../images/dateBg.png) no-repeat left top;}
.news .list .time i{ display:block; height:37px; line-height:37px; text-align:center; font-size:24px; color:#fff;}
.news .list .time span{ display:block; height:26px; line-height:28px; text-align:center; font-size:16px;}
.news .list .con{ width:460px; float:right;}
.news .list .con h3 a{ font-size:22px; color:#056399;}
.news .list .con p{ font-size:16px; color:#666; line-height:30px; margin-top:5px;}

/* proReg */
.box03{ height:720px; background-color:#056399; position:relative;}
.proReg{ float:left; margin-top:74px;}
.proReg .con{ height:326px; display:none;}
.proReg .con h3{ font-size:36px; color:#fff;}
.proReg .con .txt{ font-size:24px; line-height:40px; color:#fff;}

.process{ margin-top:16px; position:relative;}
.process li{ float:left; width:118px; text-align:center; cursor:pointer;}
.process li span{ display:block; font-size:20px; color:#fff; padding-top:68px; height:70px;}
.process li span.reg01{ background:url(../images/reg01.png) no-repeat top center;}
.process li span.reg02{ background:url(../images/reg02.png) no-repeat top center;}
.process li span.reg03{ background:url(../images/reg03.png) no-repeat top center;}
.process li span.reg04{ background:url(../images/reg04.png) no-repeat top center;}
.process li span.reg05{ background:url(../images/reg05.png) no-repeat top center;}
.process li i{ display:block; font-size:24px; color:#fff; padding-top:30px; background:url(../images/reg_i.png) no-repeat top center;}
.process li.now i{ background-image:url(../images/reg_i_on.png);}

.line{ position:absolute; left:0; right:0; bottom:51px; height:1px; background-color:#fff;}

.video{ position:absolute;width:50%; top:0; right:0; bottom:0;}
.video h3{ position:absolute; z-index:1; font-size:36px; color:#fff; top:73px; left:50px;}
.video em{ display:inline-block; z-index:1; width:140px; height:140px; background:url(../images/play.png) no-repeat; position:absolute; left:50%; top:50%; margin-top:-70px; margin-left:-70px; cursor:pointer;}
.video img{ display:block; width:100%; height:100%;}

#project{ height:958px; padding-top:60px; background:url(../images/bg_pro.jpg) no-repeat;}
.hName{ text-align:center;}
.hName h3{ font-size:30px; color:#056399;}
.hName p{ font-size:18px; color:#666; margin-top:10px;}

/* team */
.team{ height:700px;}
.team .con{ width:442px; float:left; margin-top:90px;}
.team .con h3{ font-size:32px; color:#056399;}
.team .con p{ font-size:18px; color:#666; line-height:36px; margin-top:20px;}
.team .con .fb{ margin-top:60px; font-size:16px; color:#666;}
.team .con .fb i{ font-size:36px; color:#ce0000;  display:inline-block; margin:0 10px; font-family:Arial, Helvetica, sans-serif;}
.wMap{ width:750px; float:right; height:630px; background:url(../images/map.png) no-repeat left top; position:relative;}
.wMap .area{ position:absolute; background:url(../images/area.png) no-repeat; display:inline-block; width:17px; height:29px;}

#expert{ height:518px; padding-top:55px; background:url(../images/bgline.png) no-repeat center center #f5f5f5;}
#expert .list{ margin-top:28px; position:relative; height:360px;}
#expert .list li{ float:left; width:186px; margin-right:16px;}
#expert .list li img{ width:186px; height:221px; border-radius:6px;}
#expert .list .txt{ margin-top:25px; border-left:1px solid #b1b1b1; padding-left:10px;}
#expert .list .txt h3{ font-size:18px; color:#056399;}
#expert .list .txt .job{ font-size:15px; color:#666; line-height:24px;}
#expert .list .hd{ left:0; right:0; bottom:0; position:absolute; text-align:center;}
#expert .list .hd ul{ display:inline-block;}
#expert .list .hd li{ display:inline-block; cursor:pointer; width:19px; height:19px; background:url(../images/focus.png) no-repeat; outline:none; font-size:0;}
#expert .list .hd ul,#expert .list .hd li{ *display:inline;}
#expert .list .hd li.on{ background:url(../images/focus_on.png) no-repeat;}

.links{ padding-top:55px;}
.links .list{ margin-top:43px;}
.links .list li{ width:206px; height:51px; float:left; margin-right:34px; margin-bottom:16px;}
.links .list li img{ width:206px; height:51px; border:1px solid #eaeaea;}

.tiafe_ad{ position:fixed; top:50%; left:50%; z-index:999; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);	-ms-transform: translate(-50%,-50%);	-o-transform: translate(-50%,-50%);	transform: translate(-50%,-50%);visibility: hidden;	opacity: 0;	-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;	-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.tiafe_ad em{ display:inline-block; width:35px; height:35px; background:url(../images/close.png) no-repeat; position:absolute; right:30px; top:30px;}
.tiafe_ad.vis{visibility: visible;opacity: 1;}

@media screen and (max-width:800px){
.hidebody_flag{display: none;}
.mob_ad_container{display:block;}
.swiper-mobad.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;}


body{ background-color:#f1f1f1;}
.frontPage .info,.team .wMap,#expert{ display:none;}

/********** swiper s *****************/
.swiper-slide img{ width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: .15rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 .08rem;}
.swiper-pagination-bullet{ width:.4rem; height:.1rem; opacity:1; background:#d4d4d4; border-radius:.3rem;}
.swiper-pagination-bullet-active{ background:#2c50f4;}
/********** swiper e *****************/
	
.wap_gg{ padding:.3rem 0 .2rem; margin-bottom:.3rem; border:1px solid #dbe9fd; border-radius:.1rem; background:url(../wap/wapGgBg.jpg) no-repeat center bottom; background-size:cover; padding:.2rem; box-sizing:border-box; margin-top:.3rem; box-shadow:0 5px 5px 0 rgba(27,122,255,.2);}
.wap_gg h3{ font-size:.3rem; color:#2d50f4; text-align:center;}
.wap_gg p{ font-size:.22rem; line-height:.36rem; color:#333; margin-top:.1rem;}
.wap_gg p em{ font-size:.22rem; color:#ff0f0f;}
.wap_gg_lst{ overflow:hidden;}
.wap_gg_lst ul{ margin-left:-.05rem; margin-right:-.05rem;}
.wap_gg_lst li{ float:left; width:33.33%; text-align:center; border-radius:.1rem;}
.wap_gg_lst .box{ margin:0 .05rem; padding:.2rem 0; border:1px solid #ebebeb; border-radius:.1rem;}
.wap_gg_lst li img{ width:.55rem; height:.55rem;}
.wap_gg_lst li h3{font-size:.26rem; color:#333; margin:.2rem 0 .15rem;}
.wap_gg_lst li p{ font-size:.18rem; color:#666;}
.wap_gg_lst li span{ display:inline-block; font-size:.2rem; color:#fff; padding:.05rem .3rem; border-radius:.3rem; margin-top:.15rem;}
.wap_gg_lst  li:nth-child(1) .box{ background:url(../wap/wap_ggLst_bg1.png) no-repeat center center #fff; background-size:contain;}
.wap_gg_lst  li:nth-child(2) .box{ background:url(../wap/wap_ggLst_bg2.png) no-repeat center center #fff; background-size:contain;}
.wap_gg_lst  li:nth-child(3) .box{ background:url(../wap/wap_ggLst_bg3.png) no-repeat center center #fff; background-size:contain;}
.wap_gg_lst li:nth-child(1) span{ background-color:#1b7aff;}
.wap_gg_lst li:nth-child(2) span{ background-color:#ff0f0f;}
.wap_gg_lst li:nth-child(3) span{ background-color:#00ceca;}

#news{ height:auto; background:none; padding-top:0;}
.frontPage{ float:none;}
.news{ width:100%; float:none;}

.wap_tit{ font-size:.28rem; font-weight:bold; color:#da0a09; margin:.2rem 0;}
.wap_tit:before{ display:inline-block; content:''; width:.47rem; height:.48rem; background:url(../wap/ico_tou.png) no-repeat; background-size:contain; vertical-align:middle; margin-right:.1rem;}

.wapNews .name{ margin:.3rem 0;}
.wapNews .name span{ font-size:.28rem; color:#000; margin-right:.3rem;}
.wapNews .name span.now{ color:#2d50f4;}
.wapNews .swiper-slide .box{ background-color:#f5f5f5; margin-bottom:.3rem; background-color:#fff;}
.wapNews .swiper-slide .img{ height:3.57rem; overflow:hidden;}
.wapNews .swiper-slide .txt{ padding:.3rem;}
.wapNews .swiper-slide h3 a{ display:block; font-size:.24rem; color:#333; line-height:.48rem; height:.96rem; overflow:hidden;}
.wapNews .swiper-slide p{ margin-top:.2rem;}
.wapNews .swiper-slide p span{ font-size:.2rem; color:#939292; display:inline-block;}
.wapNews .swiper-slide p span:nth-child(2n){float:right;}

.hName{ margin-top:.3rem;}
.hName h3{ font-size:.3rem; color:#2d50f4; font-weight:bold;}
.hName p{ font-size:.2rem; color:#626262; margin-top:.1rem;}

.team{ height:auto; margin-top:.5rem;}
.team .con{ float:none; width:100%; margin-top:.3rem; }
.team .con>h3{ font-size:.3rem; color:#2d50f4; font-weight:bold; text-align:center;}
.team .con>p{ font-size:.2rem; line-height:.36rem; margin-top:.1rem;}
.team .wapMap{ text-align:center; margin-top:.3rem; }
.team .wapMap img{ max-width:90%;}
.team .con .fb{ margin-top:.2rem;}
.team .con .fb p{ font-size:.2rem; line-height:.36rem; margin-top:0;}
.team .con .fb i{ font-size:.2rem; margin:0 .05rem;}

#project{height:auto; background-size:cover; padding:.35rem 0;}
#project .list li{ display:none;}
#project .list li:nth-child(-n+4){ display:block;}

#wapExpert{ margin-top:.3rem; background:url(../images/bgline.png) no-repeat center center #f5f5f5; background-size:cover; padding:.35rem 0 .6rem;}
.wapExpert{ position:relative; margin-top:.3rem;}
.wapExpert .swiper-container{ margin-left:-.1rem; margin-right:-.1rem;}
.wapExpert .swiper-slide { margin-bottom:.2rem;}
.wapExpert .swiper-slide a{ display:block; padding:0 .1rem;}
.wapExpert .swiper-slide img{ width:100%; border-radius:0.05rem; height:2.2rem; }
.wapExpert .txt{ padding:.1rem 0; text-align:center;}
.wapExpert .txt h3{ font-size:.24rem; color:#da0a09;}
.wapExpert .txt .job{ font-size:.16rem; color:#626262; line-height:.36rem;}
.wapExpert .swiper-pagination{ width:100%; text-align:center;}
.wapExpert .swiper-pagination-bullet{ margin:0 .08rem;}

.links{ padding:.3rem 0; background-color:#fff;}
.links .list{ margin-left:-1.65%; margin-right:-1.65%; margin-top:.2rem;}
.links .list li{ width:30%; margin:0 1.65% .15rem; height:.51rem;}
.links .list li a{ display:block;}
.links .list li img{ width:100%; height:.45rem;}
}