@charset "utf-8";
/* CSS Document */
.pc{ display:block;}
.m{ display:none;}
@media screen and (max-width: 1160px) {
.pc{ display:none;}
.m{ display:block;}



/* 公司简介 */
.gsjj {width: 94%;margin:0 auto;background-size: cover; margin:0 auto;position: relative;}
.gsjj .ibox .lrt {width: 90%;display: flex;justify-content: space-between;align-items: center;}
.gsjj .ibox .lrt .left {width: 40%;position: relative;cursor: pointer;}
.gsjj .ibox .lrt .right {width: 50%;padding-right:10%;}

.screen3{width: 94vw;margin: 0 auto;height: 100%;position: relative;padding:50px 0 60px;}

.section-words .items .words {position: absolute;height: 100%;padding-top: 15%;color: #ffffff;top: 0;left: 0;right: 0;left: 3%;margin: auto;box-sizing: border-box;}



.scr3_left{float: left;width: 25%;}
.scr3_left .con{margin-top: 80px;}
.scr3_left .three_img1 .three{float: left; width:50%;}
.scr3_left .list .three:first-child{margin-right:20%;}
.scr3_left .three_img1 .three .num{font-size: 58px;color: #333;font-family: Impact;}
.scr3_left .three_img1 .three .zhijin{font-size: 22px;color: #333;font-weight: bold;margin-left: 10px;}
.scr3_left .three_img1 .three span {padding-top: 20px; line-height:30px;}
.scr3_left .three_img1 .three .nian { font-size:34px;}
.scr3_left .line{width: 90%;height: 1px;background: #333;margin: 40px 0;}
.scr3_left .slogn{font-size: 26px;color: #333; margin-top:90px;}
.scr3_right{width: 75%;position: relative;height: 100%;float: right;margin-top: 60px;}



.ny_nav{display: flex;flex-wrap:wrap;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-top:90px;}
.ny_nav .ny_nav_list{display: flex;flex-wrap:wrap; flex-wrap:wrap;display: -webkit-flex;-webkit-align-items: center;align-items: center; text-align:center; margin:0 auto;justify-content: center;width: 100%;}
.ny_nav .ny_nav_list li{flex: 1;display: flex; text-align:center;}
.ny_nav .ny_nav_list a{display: block;font-size: 0.9rem !important;color: #000; height:60px; line-height:60px;;position: relative; text-align:center; height:auto;flex-basis: 100%;}
.ny_nav .ny_nav_list li.act a::after{content: '';display: block;width: 100%;height: 2px;background-color: #0081cc;transition: all .3s;position: absolute;left: 0;bottom: 0;} 



.banner1{margin-top:0px;}

.w1280{max-width:94%;margin:0 auto;}

.ret{ position:absolute; right:4%; top:28%;}
.sha{ width:45px; height:45px;background:#004998; position:relative; border-radius:50%; margin:5px 10px 0 10px; float:left;}
.sha img{ width:30%; margin-left:35%; margin-top:35%;}
.sha:hover{background:#0265d0;}

}
@media screen and (max-width: 810px) {

.pc{ display:none;}
.m{ display:block;}

.banner .swiper-slide-active .images {transform: scale3d(1.2, 1.2, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
 
.section-words .swiper-slide-active .images {transform: scale3d(1.2, 1.2, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.section-words .images {transform: scale3d(1, 1, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}

.banner1{}

.section1 .items {position: relative;display:block;}
.section1 .items .words {position: absolute;color: #ffffff;top: 45vh;line-height: 1;text-align:center; width:100%; margin:0 auto;}
.section1 .items .words .cn {margin-top: 20px;}
.section1 .wel-pagination {position: absolute;bottom: 65px;line-height: 1;width: 100%;text-align: center;z-index: 3;padding: 0 100px;box-sizing: border-box;}
.section1 .wel-pagination .span {display: inline-block;transition: .5s ease-in-out;cursor: pointer; width:40px; height:10px; background:rgba(255,255,255,1);}
.section1 .wel-pagination .span:hover, .section1 .wel-pagination .span.active {transition: .5s ease-in-out;color: #ffffff; background:rgba(0,74,152,1);}
.section1 .wel-pagination .span:nth-child(n+2) {margin-left: 15px;}
.section1 .wel-pagination .span:hover, .section1 .wel-pagination .span.active {color: #fff;transition: .5s ease-in-out;}


.a_dw {position: relative;top: -100px;}
.ybox {width: 1360px;margin: 0 auto;position: relative;}
.ibox {max-width: 100%;min-width: 100%;width: 100%;margin: 0 auto;position: relative;box-sizing: border-box;}

/* 头部 */
header{position: fixed;top: 0;width: 94%;left: 50%;transform: translateX(-50%); height:90px; line-height:90px;background:rgba(0,73,152,0.8);z-index: 50;padding:0 3vw;}
header .logo{float: left;width: 183px;margin-top:25px;}
header .logo img{width: 100%;display: block;}
.header-right{float: right;font-size: 0;margin-top:5px;}

.m-nav{display: none;}
.header-right .header-btns .icon{margin: 0;padding: 0;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.header-right .header-btns .nav-btn{display:block;}

.header-right .header-btns{position: static;background-color: transparent;width: auto; margin-top:7px; margin-right:5px;}
.header-right .header-btns .nav-btn{display: inline-block;position: relative;width: 24px;height:24px;margin-top: 20px;transition: all .1s;background-image: url(m_icon1.png);color: #fff;}
.header-right .header-btns .nav-btn.cur{background-image: url(m_close.png);}
.m-nav{position: fixed;top: 80px;width: 100%;z-index: 50;box-sizing: border-box;padding: 0 20px 10px;background-color: rgba(255,255,255,.95); border-top:1px solid #ccc;}
.m-nav li{border-bottom: 1px solid #dcdcdc;}
.m-nav li:last-child{border-bottom: none;}
.m-nav li .tit{display: block;font-size:15px;padding:10px 5px;color: #333;position: relative;}
.m-nav li .tit:before{content: "";position: absolute;right: 0;width:16px;height:16px;margin-top:-10px;
	background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(m_jia.png);top: 50%;transition: all .2s;
}
.m-nav li:nth-child(1) .tit:before{display: none;}
.m-nav li.on .tit:before{transform: rotate(45deg);}
.m-nav li .navson{padding-bottom:5px;display: none;}
.m-nav li .navson a{display: block;font-size:13px;line-height:25px;padding: 0 15px;color: #333;}
 /* header end */


/* 公司简介 */
.gsjj { width:100%;background-size: cover;}
.gsjj .ibox .lrt {width: 100%;display: flex;flex-wrap: wrap; position:relative;padding-top:40px;}
.gsjj .ibox .lrt .left {width: 94%;margin:0 auto;position: relative;}

.gsjj .ibox .lrt .right {width: 100%;}

.gsjj .ibox .lrt .right .gmy_text {margin: 5px 0 3px 0; font-weight:bold;color: #054fa6;} 
.gsjj .ibox .lrt .right .c_text {color: #333;line-height:20px;margin-bottom: 5px;text-align: justify;}
.gsjj .ibox .lrt .right .c_text:last-child {margin-bottom: 0;}
.gsjj .ibox .lrt .right .three_img {width: 100%;display: flex;margin: 10px 0 10px 0;}
.gsjj .ibox .lrt .right .three_img .three {display: flex;width: 33%;}
.gsjj .ibox .lrt .right .three_img .three:nth-child(2){width: 37%;}
.gsjj .ibox .lrt .right .three_img .three:last-child {margin-right: 0;}
.gsjj .ibox .lrt .right .three_img .three .wenzi {width: calc(100% - 60px);}
.gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin {color: #555;line-height: 1.5;}
.gsjj .ibox .lrt .right .three_img .three .wenzi .flx {display: flex;align-items: flex-end;}
.gsjj .ibox .lrt .right .three_img .three .wenzi .flx .num {font-family: Impact;font-size: 48px;color: #054fa6;position: relative;}
.gsjj .ibox .lrt .right .three_img .three .wenzi .flx .nian {color: #333;transform: translate(3px, -4px);}
.gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before {content: "+";display: block;position: absolute;top: -2px;right: -15px;color: #333;font-size: 28px;}

.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.ad-operator{position:relative; margin:20px auto;}
.ad-item{width:33%;height:auto;list-style:none;}
.ad-item:nth-child(2){width: 37%;}
.ad-item strong{font-size:16px;}
.ad-item h2{color: #333;position:relative;text-align:left;font-family: Impact; margin-top:-10px;font-weight:bold;}
.ad-item .scrollNum{font-size:48px;color: #054fa6;}
.ad-item span{font-size:30px; margin-left:-16px; font-weight:normal; position:absolute;}
.ad-item p{font-size:16px;color:#333;text-align:left;}


.gsjj .more {width: 125px;height: 40px;line-height: 40px;font-size: 14px;color: #333;transition: .5s ease-in-out;text-transform: uppercase;text-align: center; margin-top:5px;}
.gsjj .more span {display: block;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, 0.6);border-radius: 40px;transition: .5s ease-in-out;}
.gsjj .more:hover {color: #ffffff;transition: .5s ease-in-out;}
.gsjj .more:hover span {background: #004a98;border-color: #004a98;transition: .5s ease-in-out;}


.screen3{width: 94vw;margin: 0 auto;height: 100%;position: relative;padding:50px 0 60px;}
.section_3 .pub_title {color: #333;margin-top: calc(5.5vh);}
.section_3 .pub_title > div:first-child {font-size: 46px; line-height: 1.2; text-transform: uppercase; font-weight:bold; }
.section_3 .pub_title > div:nth-child(2) {font-size: 18px; line-height: 2.5; text-transform: uppercase; }
.section3{ background: url(bj.jpg) no-repeat center center; background-size: 100% 100%;}
.scr3_left{width: 100%;}
.scr3_left .con{margin-top: 40px;}
.scr3_left .three_img1 .three{float: left; width:50%;}
.scr3_left .list .three:first-child{margin-right:20%;}
.scr3_left .three_img1 .three .num{font-size: 58px;color: #333;font-family: Impact;}
.scr3_left .three_img1 .three .zhijin{font-size: 22px;color: #333;font-weight: bold;margin-left: 10px;}
.scr3_left .three_img1 .three span {padding-top: 20px; line-height:30px;}
.scr3_left .three_img1 .three .nian { font-size:34px;}
.scr3_left .line{width: 90%;height: 1px;background: #333;margin: 20px 0;}
.scr3_left .slogn{font-size: 26px;color: #333; margin-top:40px;}
.scr3_right{width: 100%;position: relative;height: 100%; margin-top:20px;}
#chart-panel {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; }

.map-service{position:relative;height:700px;}
.china-map{width:748px;height:618px;background:url(map_black_bg.png) center no-repeat;position:relative; z-index:1000;}
.region-list{position:absolute;left:0;top:0;}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#009fd9;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #009fd9;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-05{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-06{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}

.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:-18px;top:-11px;padding:6px 10px;font-size:14px;color:#00366e;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.postition-14 .show-regin span{left:12px; top:2px;}
.area-box{z-index:77}
.show-regin{z-index:66}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-4{left:453px;top:348px}
.postition-5{left:516px;top:394px}
.postition-19{left:576px;top:374px}
.postition-7{left:652px;top:200px}
.postition-8{left:549px;top:219px}
.postition-14{left:569px;top:239px}
.postition-15{left:542px;top:269px}
.postition-16{left:502px;top:289px}
.postition-9{left:612px;top:341px}
.postition-9 .area-box .dot{background:#c60000;}
.postition-9 .area-box .pulse{border:2px solid #c60000;}
.postition-17{left:647px;top:381px}
.postition-18{left:627px;top:411px}
.postition-20{left:607px;top:471px}
.postition-21{left:507px;top:451px}
.postition-22{left:533px;top:348px}
.postition-23{left:567px;top:441px}
.postition-24{left:431px;top:423px}
.postition-25{left:662px;top:150px}
.postition-26{left:672px;top:100px}
.postition-27{left:393px;top:328px}
.postition-28{left:423px;top:298px}
.postition-29{left:152px;top:378px}
.postition-30{left:152px;top:208px} 
.postition-11{left:604px;top:300px}
.postition-13{left:550px;top:160px}

.feng{ position:absolute; display:none; width:240px; height:85px; left:-120px; top:-93px; background:url(vf1.png) no-repeat 0 top; z-index:100;}
.feng .sang{ position:absolute; left:117px; bottom:0px; background:url(vf2.png) no-repeat 0 0; width:14px; height:8px;}
.feng .tree{ height:62px; width:330px; margin:9px; }
.feng .tree .du_size{ height:62px; width:100%;} 
.feng .tree .du_size p{ font-size:14px; color:#FFF; line-height:30px;}

.section-words {}
.section-words .items {position: relative;line-height: 1;}
.section-words .items .words {position: absolute;height: 100%;padding-top: 25%;color: #ffffff;top: 0;left: 0;right: 0;left: 3%;margin: auto;box-sizing: border-box;}
.section-words .items .words .t0 {text-transform: capitalize;margin-bottom:30px; font-weight:bold;}
.section-words .items .words .t1 {margin-top: 20px;margin-bottom: 46px;}
.section-words .items .words .p {line-height: 30px; width:65%;}
.section-words .items .words .more {margin-top: 40px;}

.wel-more {display: block;width: 178px;height: 45px;line-height: 45px;border: 2px solid rgba(255, 255, 255, 0.4);box-sizing: border-box;font-size: 18px;color: #ffffff;transition: .5s ease-in-out;
  text-align: center;text-transform: uppercase;transition: .5s ease-in-out;margin: 0 auto;margin-top: 80px;
}
.wel-more:hover {color: #ffffff;transition: .5s ease-in-out;background: #008b8d;border-color: #008b8d;}

.section3 .more {width: 125px;height: 40px;line-height: 40px;font-size: 14px;color: #ffffff;transition: .5s ease-in-out;text-transform: uppercase;text-align: center;}
.section3 .more span {display: block;width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 40px;transition: .5s ease-in-out;}
.section3 .more:hover {color: #ffffff;transition: .5s ease-in-out;}
.section3 .more:hover span {background: #008b8d;border-color: #008b8d;transition: .5s ease-in-out;}




.section-words .swiper-pagination, .section-words0 .swiper-pagination {line-height: 1;width: 100%;}
.section-words .swiper-pagination .swiper-pagination-bullet, .section-words0 .swiper-pagination .swiper-pagination-bullet {
  width: 50px;height: 15px;background: transparent;position: relative;opacity: 1;margin: 0 5px;
}
.section-words .swiper-pagination .swiper-pagination-bullet:after, .section-words0 .swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;width: 100%;content: "";height: 8px;background: #ffffff;transition: .4s ease-in-out;left: 0;top: 0;bottom:0;margin: auto;
}
.section-words .swiper-pagination .swiper-pagination-bullet-active:after, .section-words0 .swiper-pagination .swiper-pagination-bullet-active:after {width: 100%;transition: .4s ease-in-out;background: #004a98;}
.wel-con .section-words .swiper-pagination, .wel-con .section-words0 .swiper-pagination {bottom: 48px;}



.screen5{width: 94vw;margin: 0 auto;height: 100%;position: relative; padding-top:50px;}
.screen5 .pub_title {color: #333;}
.screen5 .pub_title > div:first-child {font-size: 24px; line-height: 1.2; text-transform: uppercase; font-weight:bold; }
.screen5 .pub_title > div:nth-child(2) {font-size: 14px; line-height: 2.5; text-transform: uppercase; margin-bottom:15px; }
.scr5_news {width: 100%;}
.scr5_news .pic {background-position: center;background-repeat: no-repeat;overflow: hidden;position: relative;}
.scr5_news .pic .bg {transition: all .3s;display: block;padding-bottom:60%;background-size: cover;}
.scr5_news a {display: block;}
.scr5_news a:hover .bg{transform:scale(1.1);transition: all .3s;}
.scr5_news .left {width: 100%; display: flex;flex-wrap: wrap; justify-content: space-between; align-items: stretch; }


.scr5_news .layer-box{width: 48%;margin-bottom: 20px;}
.scr5_news .layer-box .msg {padding: 20px 20px; background-color: #f1f1f1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
.scr5_news .layer-box .msg h3{font-size: 18px;margin-bottom: 20px;height: 34px; line-height:30px;}
.scr5_news .layer-box .msg h3 a{color: #333;}
.scr5_news .layer-box .msg .other {padding-top: 20px; border-top: 1px solid #dbdee3; position: relative; }
.scr5_news .layer-box .msg .other > a {color: #93abc3; line-height: 32px; display: inline-block; vertical-align: top; }
.scr5_news .layer-box .msg .other > a.go {position: absolute; bottom: 0; right: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.scr5_news .layer-box .msg .other > a.go:hover {color: #2e7ef0; }
.scr5_news .layer-box.on .pic .data {background-color: #2e7ef0; }
.scr5_news .layer-box.on .msg {background-color: #f8fbff; }
.scr5_news .layer-box:hover .msg {background-color: #09397c; }
.scr5_news .layer-box:hover .msg a{color: #fff; }


.section_5 .swiper-pagination {line-height: 1;width: 100%;}
.section_5 .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background:#333;position: relative;opacity: 1;margin: 0 5px; border-radius:50%;}
.section_5 .swiper-pagination .swiper-pagination-bullet:after {position: absolute;width:12px;content: "";height: 12px;background: #333;transition: .4s ease-in-out;left: 0;top: 0;bottom:0;margin: auto; border-radius:50%;}
.section_5 .swiper-pagination .swiper-pagination-bullet-active:after, .section-words0 .swiper-pagination .swiper-pagination-bullet-active:after {width: 100%;transition: .4s ease-in-out;background: #004a98;}
.wel-con .section_5 .swiper-pagination{bottom: -30px;}



/* 泽宇人才 */
.sprc {width: 100%;position: relative;}
.sprc::before {content: "";display: block;width: 100%;height: 100%;background-color: #e9edef;position: absolute;left: 0;bottom: 0;display: none;}
.sprc .ibox {padding: 70px 0 90px;position: relative;}
.sprc .ibox .sp_img {width: 100%;height: 700px;position: relative;}
.sprc .ibox .sp_img>img {width: 100%;height: 100%;object-fit: none;}
.sprc .ibox .sp_fp {width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;position: absolute;top: 0;left: 0;padding-top: 100px;color: #fff;}
.sprc .ibox .sp_fp .gmy_text1 {font-weight: bold;}
.sprc .ibox .sp_fp .c_text {color: #fff;margin: 65px 0 70px 0;}
.sprc .ibox .sp_fp .zpmh {width: 200px;height: 50px;border-radius: 25px;background-color: #015aaa;}
.sprc .ibox .sp_fp .zpmh .zpnh_text {color: #fff; line-height:50px; text-align:center;}
.sprc .ibox .sp_fp .zpmh:hover .jt_img {transform: translateX(5px);}


 
.clear{ clear:both;} 
.screen7{width: 84vw;margin:0 auto;position: relative; height:45%;}
.screen7 .pub_title {color: #333;margin-top: calc(10.5vh);}
.screen7 .pub_title > div:first-child {font-size: 36px; line-height: 1.2; text-transform: uppercase; font-weight:bold; }
.screen7 .pub_title > div:nth-child(2) {font-size: 18px; line-height: 2.5; text-transform: uppercase; margin-bottom:15px; }
.scr7_news {display: flex;flex-wrap:wrap; flex-wrap:wrap;display: -webkit-flex;-webkit-align-items: center;align-items: center; text-align:center; margin:0 auto;justify-content: center;}
.scr7_news .pic {background-position: center;background-repeat: no-repeat;background-size: 50%;overflow: hidden;position: relative;height: 0;padding-bottom:45%; border-bottom:none;}
.scr7_news .pic img.w-h {width: 100%; max-width: 100%; opacity: 0;}
.scr7_news .layer-box{width: 31%;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); margin-bottom:20px;}
.scr7_news .layer-box .msg {padding: 10px; background-color: #f1f1f1; text-align:center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.scr7_news .layer-box .msg h3 a{font-size: 16px;color: #333;}
.scr7_news .layer-box.on .msg {background-color: #f8fbff; }
.scr7_news .layer-box:hover .msg {background-color: #09397c; }
.scr7_news .layer-box:hover .msg a{color: #fff; }

.screen7 .zpmh {width: 150px;height: 50px;border-radius: 25px;background-color: #015aaa;display: flex;justify-content: space-between;align-items: center;padding: 0 25px; margin:90px auto 0;}
.screen7 .zpmh .zpnh_text {color: #fff;}
.screen7 .zpmh:hover .jt_img {transform: translateX(5px);}


/* 脚部 */ 
.xxfooter{ position: relative;  display: block;overflow: hidden;padding: 60px 3%; text-align: center; z-index: 20; background:#062c60; height:50%;}
.xxfooter1{ padding: 5vh 3% 160px; }
.xxfooter .left{ display: block;overflow: hidden;float: left;position: relative;text-align: left;}
.xxfooter .left .footlebot{ display: block;overflow: hidden;margin: 3vh 0 0;color: #999;}
.xxfooter .left .footlebot p{ display: block;overflow: hidden;color: #999;font-size: 12px; font-weight:bold;line-height: 24px;margin: 0 0 5px 0;}
.xxfooter .left .footlebot p a{ color: #999; font-size: 12px;}
.xxfooter .left .footlebot a{ margin-right:30px; color: #999;font-size: 12px;}
.xxfooter .left .footlebot span{ text-align: left; display: block;color: #999;font-size: 12px;line-height: 24px;margin: 3vh 0 5px 0; }
.xxfooter .left .footlebot span a{ color: #666;margin: 0 15px 0 0; font-size: 12px;}
.xxfooter .tt{ display: block; overflow: hidden;}
.xxfooter .tt span{text-align: left;display: block; color: #fff;font-size: 30px; opacity: 0.3; margin-bottom:15px;}
.xxfooter .tt font{text-align: left;display: block;font-size: 30px;color: #fff; }

.xxfooter .right{ display: block;overflow: hidden;float: right;position: relative;}
.xxfooter .right ul{ width: 230px;display: block;overflow: hidden;margin: 3vh 0 0;}
.xxfooter .right ul li{ display: block;float: left;width: 50%;text-align: right; margin: 0 0 10px 0;}
.xxfooter .right ul li a{ color: #999;font-size: 12px;line-height: 24px;display: inline-block;}
.xxfooter .right .tt span,.xxfooter .right .tt font{text-align: right;}

.xxfooter .center{ vertical-align: top;display: inline-block;position: absolute;left: 57%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.xxfooter .center .tt span,.xxfooter .center .tt font{text-align: center;}
.xxfooter .center ul{ display: block;overflow: hidden;margin: 3vh 0 0 0;}
.xxfooter .center ul li{display: block;vertical-align: top;margin: 0 20px;}
.xxfooter .center ul li p{ display: block;text-align: center;color: #999;font-size: 12px;line-height: 1;margin: 10px 0 0 0;}
.xxfooter .center ul li img{ display: block; height: 120px;margin: auto;}
.xxfooter .right ul li a:hover{ color:#fff; }






#fp-nav{ display:none;}
.wel-con #fp-nav .fp-tooltip {top: 0;}
.wel-con #fp-nav ul li {width: 50px;height: 18px;line-height: 18px;margin: 15px 0;position: relative;}
.wel-con #fp-nav ul li a {height: 1px;position: absolute;height: 1px;background: #ffffff;top: 0;left: 0;bottom: 0;width: 50%;margin: auto;transition: .5s ease-in-out;}
.wel-con #fp-nav ul li a.active {transition: .5s ease-in-out;width: 100%;}
.wel-con #fp-nav ul li a + .fp-tooltip.right {width: 90px;right: 100%;}
.wel-con #fp-nav ul li:nth-child(1) a + .fp-tooltip.right {width: 50px;}
.wel-con #fp-nav ul li a.active + .fp-tooltip.right {opacity: 1;}
.wel-con #fp-nav ul li:hover a + .fp-tooltip.right {display: none;}
.wel-con #fp-nav ul li:hover a.active + .fp-tooltip.right {display: block;}
.wel-con #fp-nav ul li:hover a.active span, .wel-con #fp-nav ul li:hover a span, .wel-con #fp-nav ul li span, .wel-con #fp-nav ul li a.active span {
  display: block;width: 100%;height: auto;position: static;margin: 0;
}


.w1440 {width: 1440px;margin: 0 auto;}
.w1490 {width: 1490px;margin: 0 auto;}
.section {overflow: hidden;}


/* 关于我们 */
#about .n_about {width: 100%;background: #f5f8ff;}
#about .n_about .ybox {padding: 70px 0 70px 0;}
#about .n_about .ybox .lhx_text {text-align: left; padding-bottom:50px; font-weight:bold;}
#about .n_about .ybox .lhx_text strong{display: block;width: 50px;height: 2px;background-color: #015aaa; margin-top:15px;}
#about .n_about .ybox .d_text {color: #333;font-weight: bold;margin: 50px 0 11px 0;text-align: center;}
#about .n_about .ybox .c_text {color: #555;line-height:30px; text-align:justify; min-height:350px; padding-bottom:50px;}
#about .n_about .ybox .txt{line-height:35px;}


/* 关于我们 */
#about .gsjj {width: 100%;background-color: #f0f4f6;}
#about .gsjj .ybox {padding: 100px 0 70px 0;}
#about .gsjj .ybox .lhx_text {text-align: center;}
#about .gsjj .ybox .d_text {color: #333;font-weight: bold;margin: 50px 0 11px 0;text-align: center;}
#about .gsjj .ybox .c_text {color: #555;line-height: 1.555;text-align: center;}


/* 关于我们 */
#about .n_about1 {width: 100%;background: #f5f8ff; margin:0 auto;}
#about .n_about1 .ybox1 {padding:70px 5%;}
#about .n_about1 .ybox1 .lhx_text {text-align: left; padding-bottom:50px; font-weight:bold;}
#about .n_about1 .ybox1 .lhx_text strong{display: block;width: 50px;height: 2px;background-color: #015aaa; margin-top:15px;}
#about .n_about1 .ybox1 .d_text {color: #333;font-weight: bold;margin: 50px 0 11px 0;text-align: center;}
#about .n_about1 .ybox1 .c_text {color: #555;line-height:30px; text-align:justify; min-height:350px; padding-bottom:50px;}
#about .n_about1 .ybox1 .txt{line-height:35px;}


/* 企业愿景 */
#about .qyyj {width: 100%;}
#about .qyyj .ybox {padding: 100px 0 160px;}
#about .qyyj .ybox .lhx_text1 {text-align: center;color: #333;}
#about .qyyj .ybox .d_text {text-align: center;margin: 50px 0 40px 0;font-weight: bold;}
#about .qyyj .ybox .two_text {width: 100%;display: flex;-webkit-box-pack: space-around;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-justify-content: space-around;-moz-justify-content: space-around;-ms-justify-content: space-around;-o-justify-content: space-around;justify-content: space-around;}
#about .qyyj .ybox .two_text .two {width: 30.625%;height: 190px;border: 2px solid rgba(0, 0, 0, .3);border-radius: 9px;color: #666;display: flex;justify-content: center;align-items: center;line-height: 1.8;text-align: center;}
#about .qyyj .ybox .two_text .line {width: 1px;height: 190px;background-color: rgba(0, 0, 0, .3);display: none;}


/* 人才招聘 */
#about .rczp {width: 100%;background-color: #f0f4f6;}
#about .rczp .ybox {padding: 100px 0;}
#about .rczp .ybox .lhx_text {text-align: center;}
#about .rczp .ybox .hyr {text-align: center;color: #333;margin: 52px 0 50px 0;}
#about .rczp .ybox .lrt {width: 100%;display: flex;justify-content: space-between;}
#about .rczp .ybox .lrt .left {width: 50%;}
#about .rczp .ybox .lrt .left img {width: 100%;}
#about .rczp .ybox .lrt .right {width: 50%;padding: 63px 4.375% 30px;background-color: #fff;}
#about .rczp .ybox .lrt .right .ul1 {width: 100%;display: flex;}
#about .rczp .ybox .lrt .right .ul1 li {margin-right: 48px;position: relative;color: 555;cursor: pointer;}
#about .rczp .ybox .lrt .right .ul1 li:last-child {margin-right: 0;}
#about .rczp .ybox .lrt .right .ul1 li.act {color: #333;}
#about .rczp .ybox .lrt .right .ul1 li:hover {color: #333;}
#about .rczp .ybox .lrt .right .ul1 li::before {content: "";display: block;width: 0;height: 2px;background-color: #333;position: absolute;bottom: -2px;left: 0;opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#about .rczp .ybox .lrt .right .ul1 li.act::before {width: 100%;opacity: 1;}
#about .rczp .ybox .lrt .right .ul1 li:hover:before {width: 100%;opacity: 1;}
#about .rczp .ybox .lrt .right .ul2 {width: 100%;position: relative;margin-top: 30px;}
#about .rczp .ybox .lrt .right .ul2 li {position: absolute;top: 8px;left: 0;opacity: 0;z-index: -1;}
#about .rczp .ybox .lrt .right .ul2 li.act {position: relative;z-index: 2;opacity: 2;top: 0;}
#about .rczp .ybox .lrt .right .ul2 li .line {width: 27px;height: 2px;background-color: #333333;}
#about .rczp .ybox .lrt .right .ul2 li .d_text {color: #333;margin: 0px 0 24px 0; font-weight:bold;}
#about .rczp .ybox .lrt .right .ul2 li .c_text {color: #555;line-height: 2.1;}


#about .zpmh {width: 330px;height: 82px;border-radius: 41px;background-color: #015aaa;display: flex;justify-content: space-between;align-items: center;padding: 0 58px;margin: 50px auto 0;}
#about .zpmh .zpnh_text {color: #fff;}
#about .zpmh:hover .jt_img {transform: translateX(5px);}


/* indexwrap */
.indexwrap{width: 100%; margin:0 auto;position: relative;}


/* index03wrap */
.index03wrap{margin: 10px auto;overflow: hidden;}
.index03wrap a{display: block;width: 96%; margin:0 auto;position: relative;overflow: hidden;}
.index03wrap a .bg{display: block;width: 100%;}
.index03wrap a .text{width: 100%;left: 0;box-sizing: border-box;z-index: 1;padding: 10px; text-align:center; background:#f6f6f6; height:80px;}
.index03wrap a .text h3{font-size: 16px;color: #333;transition: all .3s; line-height:20px;}
.index03wrap .page .swiper-button-next,
.index03wrap .page .swiper-button-prev{position: relative;bottom: 0;top: 0;margin: 0;padding: 0;background-image: none;font-size: 26px;color: #333;height: auto;width: auto;outline: none;}
.index03wrap .page{width:100%;box-sizing:border-box;position:relative;display:flex;display:-webkit-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-content:center;margin-top:40px;}
.index03wrap .swiper-pagination{position: relative;margin: 0 40px;}
.index03wrap .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #004998;margin: 0 6px;opacity: 1;}
.index03wrap .swiper-pagination-bullet-active{background-color: #666;}

.index03wrap a .img { width:100%; height:100%; position:relative;}
.index03wrap a .img i {display:block; width:100%; height:100%; position:absolute; right:100%; top:0; z-index:1; background-color:rgba(0, 78, 151, 0.7); filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.50;
 -webkit-transition: all 0.6s ease-in-out; }
.index03wrap a .img:hover i {right:0;}

.n_nav{width: 100%;position:relative;margin-top:80px;}
.n_nav ul{width: 100%; position:relative;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.n_nav ul li{position: relative;flex-basis:720px; text-align:center;}
.n_nav ul li>a{display: block;height: 60px;line-height: 60px;font-size: 16px;color: #333;position: relative;box-sizing: border-box;}
.n_nav ul li.act a::after{content: '';display: block;width: 100%;height: 2px;background-color: #0081cc;transition: all .3s;position: absolute;left: 0;bottom: 0;} 



.ret{ position:absolute; right:4%; top:23%;}
.sha{ width:45px; height:45px;background:#004998; position:relative; border-radius:50%; margin:5px 10px 0 10px; float:left;}
.sha img{ width:30%; margin-left:35%; margin-top:35%;}
.sha:hover{background:#0265d0;}

 

}