/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul,ol{list-style: none;}
a{text-decoration: none!important}
input{border: none}

/* 导航 */
.header {overflow:visible;position:fixed;z-index:7;left:0;top:0;width:100%; background:#fff;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;border-bottom: 1px solid #ebebeb;}
.header .logo { padding-top: 20px;}
.header .m-nav-btn {display:none;position:absolute;width:20px;height:14px;cursor:pointer;left:6.125%;top:27px;}
.header .m-nav-btn.cur .line1 {-webkit-transform:rotate(47deg);-ms-transform:rotate(47deg);transform:rotate(47deg);}
.header .m-nav-btn.cur .line2 {display:none;}
.header .m-nav-btn.cur .line3 {-webkit-transform:rotate(-47deg);-ms-transform:rotate(-47deg);transform:rotate(-47deg);}
.header .m-nav-btn .line {position:absolute;display:block;width:100%;height:2px;background-color:#333;left:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin:0;}
.header .m-nav-btn .line1 {top:0;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0;}
.header .m-nav-btn .line2 {top:7px;}
.header .m-nav-btn .line3 {top:100%;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0;}
.header .header-right {-webkit-box-flex:0;-ms-flex:0 0 992px;flex:0 0 992px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:distribute;justify-content:space-around;}
.header .header-mains {-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.header .language-a-wrap {-webkit-box-flex:0;-ms-flex:0 0 74px;flex:0 0 74px;height:24px;padding-top:2px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 52px;position:relative;}
.header .language-a-wrap:before,.header .language-a-wrap:after {position:absolute;top:50%;margin-top:-6px;display:inline-block;content:"";height:14px;width:1px;background:rgba(255,255,255,0.1);}
.header .language-a-wrap:before {left:-26px;}
.header .language-a-wrap:after {right:-26px;}
.header .language-a {display:inline-block;position:relative;-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px;height:20px;line-height:18px;border:1px solid #fff;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;text-align:center;color:#fff;overflow:hidden;}
.header .language-a:hover,.header .language-a.cur {color:#1b1b1b;background:#fff;}
.header .en-a {left:1px;border-radius:10px 0 0 10px;}
.header .cn-a {border-left:none;border-radius:0  10px 10px 0;}
.header .mobile-a {position:relative;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;display:inline-block;width:20px;height:20px;margin:2px 17px 0 0;background:url(../images/moblie.png) no-repeat center;}
.header .mobile-hides {display:none;position:absolute;left:50%;top:calc(100% + 22px);width:226px;padding:10px 0;background:#fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);text-align:center;}
.header .ewm-hides-item {display:inline-block;width:90px;vertical-align:top;margin:0 10px;}
.header .ewm-img-wrap {padding:5px;border:1px solid #ebdfdf;}
.header .ewm-txt {font-size:12px;line-height:1.2;margin-top:10px;color:#333;}
.header .show-search-btn {margin-top:2px;display:inline-block;width:25px;margin-left: 20px; cursor:pointer; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s;background:url(../images/ss.png) no-repeat center;}
.m-language-a {display:none;padding-top:4px;bottom:20px;right:6.125%;width:74px;height:28px;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;}

.header-nav .nav-item {position:relative;float: left;width: 120px;text-align: center;}
.header-nav .nav-item:hover .nav-top-a1,.header-nav .nav-item.cur .nav-top-a1 {color:#004ea2;}

.header-nav .nav-sub-wrap {display:none;background:#fff;position:absolute;right:-25px;top:100%;width:calc(100% + 50px);height:auto;}
.header-nav .nav-top-a1 {display:block;font-size:16px;line-height:100px; color:#333;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
.header-nav .nav-top-a2 {display:block;text-align:center;font-size:12px;line-height:24px;padding:0 14px;color:#fff;background:#004ea2;border-radius:12px;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
.header-nav .sub-a {display:block;font-size:15px;line-height:44px;color:#333;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;padding:0 10px 0 10px;border-top:1px solid rgba(255,255,255,0.2);}
.header-nav .sub-a:hover {background:#004ea2;padding-left:16px;color: #fff;}
.header-search-wrap {position:fixed;z-index:4;left:50%;top:30px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;width:600px;height:34px;margin-left:-300px;border:1px solid rgba(0,0,0,0.2);color:#666;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;background:#fff;padding-right:50px;}
.header-search-wrap .submit {position:absolute;top:0;right:0;z-index:5;width:36px;height:34px;background:url(../images/ss.png) no-repeat center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box; cursor:pointer;}
.header-search-wrap .ser-input {width:100%;height:34px;position:relative;border:none;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:20px;}
.header-search-wrap .search-close {position:absolute;display:block;right:-60px;top:50%;margin-top:-17px;width:34px;height:34px;background:url(../images/close1.png) no-repeat center;background-size:20px !important;cursor:pointer;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;}
.header-search-wrap .search-close:hover {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.header-nav  .nav-top-a1:after {content:"";width:0;height:3px;background:#004ea2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.header-nav  .nav-top-a1 span{display: none;}
.header-nav{padding-right: 20px;}

.header-nav .nav-item.active .nav-top-a1{ color:#004ea2;}

.header-nav .nav-item .nav-top-a1  p.active2{display: none;}
.header-nav .nav-item .nav-top-a1  span.active3{display: block;display: block;font-size: 15px;color:#004ea2;}
.header-nav  .nav-item.active:after {width:100%}
.country{overflow: hidden;padding : 35px 15px 0 15px;position: relative;}
.country::before{display: block;content: ""; clear: both; width: 1px;height: 15px;background: #d7d7d7;top:42px;right:   0px; position: absolute;}

.country::after{display: block;content: ""; clear: both; width: 1px;height: 15px;background: #d7d7d7;top:42px;left: 0px; position: absolute;}
.country a{float: left; display: block; width: 30px;height: 30px;border: 1px solid #c3c3c3;color: #c3c3c3; border-radius: 50%;text-align: center;line-height: 30px;margin :0 5px;}
.country a:hover{background: #004ea2;color: #fff; border-color: #004ea2;}
.country a.active{background: #004ea2;color: #fff; border-color: #004ea2;}

.header-nav  .nav-item::after  {content:"";width:0;height:3px;background:#004ea2;position:absolute;bottom:-1px;left:0;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.header-nav  .nav-item:hover::after  {width:100%}
.hide1 {-webkit-transform:scale(0) !important;-ms-transform:scale(0) !important;transform:scale(0) !important;opacity:0 !important;}
.show1 {z-index:8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}




@media (max-width:1530px) {
.header-nav .nav-item{width: 100px;}


}




@media (max-width:1024px) {
.app-list1 .images-mains {width:600px;top:-30px;margin-top:-210px;}

.welcome-banner .pc-banner-img,.wel-list1 .list1-titles,.pc-wel-list1,.wel-list1 .smart-name:after,.wel-list2 .video-ewm,.footer-outerLink .outer-txts,.footer-outerLink .outer-ico .unhover,.footer-outerLink .outer-item:before,.footer-bot .footer-bot-dr,.header-nav,.header .mobile-a,.header .language-a-wrap,.footer-outerLink {display:none;}
.welcome-banner .m-banner-img,.welcome-banner-txts,.m-wel-list1,.footer-outerLink .hover,.header .m-nav-btn {display:block;}

.header-search-wrap {top:17px;}

.header-search-wrap .search-close {right:-40px;}
.header .logo {display:block;width:130px;-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px;margin:0 auto;}
.header-nav {width:100%;max-height:calc(100vh - 68px);overflow:scroll;position:fixed;height:auto;top:60px;left:0;padding-bottom:50px;background:#fff;}
.header-nav.cur {display:block;}

.nav-sub-wrap {max-height:180px;overflow:scroll;}
.header-nav .nav-item {display:block;width:100%!important;padding-bottom:0;}
.header-nav .nav-top-a1 {background:url(../images/i.png) no-repeat right center;line-height:40px;height:40px;padding:0;margin:0 6.125%;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;background-size:15px !important;border-bottom:1px solid #ebebeb}
.header-nav .nav-top-a1 {color:#444;}
.header-nav .nav-item.m-cur .nav-top-a1 {background:url(../images/2.png) no-repeat right center;}
.header-nav .sub-a {padding:0 1.5%;border-top:none;line-height:36px;}
/* .header-nav .nav-top-a2 {position:relative;width:120px;top:28px;line-height:28px;border-radius:14px;margin-left:6.125%;}
.header-nav .nav-sub-wrap {position:static;width:87.5%;margin:0 auto;background:#1b1b1b;} */
.header .header-mains {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.header-nav .sub-a:hover {padding-left:1.5%;background:none;}
.header .show-search-btn {margin-top:2px;width:24px;height:24px;position:absolute;right:6.125%;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:24px;}
.header .header-right {-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;}
.welcome-banner .swiper-slide-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.header {padding:12px 0;}

.header-nav .nav-item:hover  .nav-top-a1 span{display:none}
.header-nav  .nav-top-a1:after{display: none;}
.header .logo{float: none;padding-top: 0;}
.header .show-search-btn{margin-top: 0;}

.header .m-nav-btn{top: 11px;}
}
@media (max-width:1270px) {
.header-search-wrap {width:calc(87.5% - 40px);left:6.125%;margin-left:0;}
.header-nav .nav-item .nav-top-a1 span.active3{display: none;}
.header-nav .nav-item.active:after{display: none;}
.header-nav .nav-item .nav-top-a1 p.active2{display: block;}
.header-nav .nav-item::after{display: none;}
.nav-sub-wrap{display: none;}
.banner {padding-top: 60px!important;}
.n_banner {padding-top: 60px!important;}

.nav-top-a1 p:hover{color: #333;}

.header-nav .nav-item:hover .nav-top-a1 p{display: block;}
.header-nav .nav-item .nav-top-a1 span.active3{color:#333 ;}
}


/* banner */
.banner{  width:100%; padding-top: 100px;}
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{  display: none;color: #004ea2; }
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ display: none; color: #004ea2;} 
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:14%;width: auto; left: 11%;}
.banner .swiper-pagination-bullet{ width:40px; height: 4px; opacity: 1; background: #ccc; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:40px;background: #004ea2 }

.abtit{padding-bottom: 60px;}
.abtit h2{font-size: 34px; color: #fff;padding-bottom: 20px;}
.abtit i{display: block;width: 40px;height: 2px ;background: #fff;}
/* 关于我们 */
.about{background-color: #004ea2;}
.about .abfl{padding: 80px 0;padding-right:60px;}
.about .abfl .adfltxt p{font-size: 18px;line-height: 36px;color: #fff;padding-bottom:40px; text-indent:2em;}
.about .abfr{ padding-left:40px;}
.hbtnab{margin-top: 60px !important;}
/* 技术 */
.tech{margin: 80px 0;overflow: hidden;}
.techtit{float: left;}
.techtit h2{font-size: 30px;color: #333;}
.techtit i{background: #333;}
.techtit p{font-size: 18px;color: #666;padding-top: 20px;}
.techmore{float: right;padding-top: 40px;}
.techfl{overflow: hidden;}
.techbot{overflow: hidden;}
.techbot li{width: 19.5%; float: left;border: 1px solid #ccc;  background: #f5f5f5;padding: 0 40px; margin-right:0.6%;}
.techbot li a{display: block;}
.techbot li:last-child{margin: 0;}
.techbot li h4{padding : 120px  0 ;text-align: center;font-size: 16px;line-height: 26px;color: #333;font-weight: bold;}
.techbot li p{text-align: center;font-size: 16px;padding: 10px 0;color: #666;}
.techbot li i{display: block;width: 90px;height: 1px; background: #666;margin: auto;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.techx {padding-bottom: 80px;}
.techxt{height: 295px;}
.techbot li:hover {background: #004ea2 url(../images/UGi-Pump.png) right no-repeat; }
.techbot li:hover i{background: #fff;width: 100%;}
.techbot li:hover p{color: #fff;}
.techbot li:hover h4{color: #fff;}


/* 链接 */
.link {padding: 50px 0 100px 0;background: #f8f8f8;}
.link .linktit h4{font-size: 18px;font-weight: bold;padding-bottom: 15px;}
.link .linktit i{display: block;width: 100%;height: 1px;background: #bebebe;}
.link .linkfl{padding-right: 80px;}
.link .linkcon{overflow: hidden;padding-top: 30px;}
.link .linkcon a{display: block;float: left;color: #838383;padding: 7px;border: 1px solid #b8b8b8;margin-right: 10px;margin-bottom: 15px;}
.link .linkcon a:hover {border-color: #004ea2; color: #004ea2;}
.link .linkfr p{line-height:28px;padding-top: 30px;color: #666;}


/* 底部 */
footer{padding: 80px 0 60px 0;background: #004ea2;}
footer i{display: block;width: 100%;height: 1px;background: #72b4fa;margin: 45px 0 50px 0;}
.ftnavcen{overflow: hidden;}
.ftnav{color: #fff;}
.ftnav a{display: inline-block;padding: 0 20px;color: #fff;font-size: 16px;}
.ftnav a:hover{color: #72b4fa;}
.ftnav a:first-child{padding-left: 0;}
.ftnav{float: left;}
.ftnavtel{float: right;color: #fff;font-size: 16px;}
.footbot{overflow: hidden;}
.footbot p{float: left;color: #fff;}
.footbot p a:hover{color: #72b4fa;}
.footbot span{float: right;color: #fff;}
.footbot span a:hover{color: #72b4fa;}




.n_banner{padding-top: 100px;}

/* 关于我们 */

.n_about{padding : 70px 0 100px 0;min-height: 600px;}
.fafltit{height: 90px; background:#004ea2 url(../images/wd.png) no-repeat 95%; }
.fafltit h3{font-size: 34px; line-height: 90px;color: #fff;padding-left: 20px;}
.fangan{padding-top: 40px;}
.fafllb {  margin-bottom: 40px;padding-top: 3px;overflow: hidden;}
.fafllb li a{display: block; width: 100%;line-height: 55px;color: #333; height:55px;}
.fafllb li{border-bottom: 1px solid #fff;  background: #e3ecf5;}
.fafllb li::after{content: "";clear: both;}
.fafllb li p{ padding-left:30px ;font-size: 18px;overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;}
.fafllb li .active{color: #fff;background: #004ea2;}
.fafllb li .active2{opacity: 1;}
.fafllb li:hover {background: #004ea2;}
.fafllb li:hover p{color: #fff;}
.n_abfl {padding-right: 27px;}

.n_abfr {padding-left: 23px;}

.n_abtit{font-size: 30px;position: relative;  }
.n_abtit::after{display:block;clear: both;content: "";border-bottom: 1px solid #ccc;margin-top: 30px;}
.n_abtit::before{display:block;clear: both;content: "";width: 130px;height:4px;background: #004ea2;position: absolute;bottom: 0;}
.nabtop{padding-top: 70px;overflow: hidden;}
.nabtopfl{padding-right: 30px;}
.nabtopfl h3{font-size: 24px;padding-bottom: 55px;}
.nabtopfl p{font-size: 16px;padding-bottom: 35px;line-height: 28px;}

.nabbot{padding-top: 60px;}
.nabbot ul{overflow: hidden;}
.nabbot  h4{font-size: 24px;padding-bottom: 35px;}
.nabbot  li {margin-bottom: 40px;position: relative;}
.nabbot  li::after{display: block;clear: both;content: "";}
.nabbot  li a{display: block;}
.nabbot  li .nabimg{overflow: hidden;}
.nabbot  li .nabimg img{-webkit-transition: 1s;-o-transition: 1s;transition: 1s;width: 100%;}
.nabbot  li:hover  .nabimg img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.nabbot  li .nabbotfl{padding-right:35px;}
.nabbot  li .nabbotfr{position: relative;padding-left: 40px;}
.nabbot  li .nabbotfr img{position: absolute;left: 0; }
.nabbot  li .nabbotfr h2{font-size: 30px;font-weight: bold;color: #004ea2;padding-bottom: 20px;}
.nabbot  li .nabbotfr p{font-size: 16px;line-height: 28px; color: #333;}

/* 移动栏目 */
.tab-list{font-size:0;white-space:nowrap;position:relative;background-color:#fff;height:50px;display: none;}
.tab-list:after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;border-bottom:1px solid #d5d5d5}
.tab-list .list{height:55px;margin-bottom:-5px;overflow-x:auto}
.tab-list li{position:relative;display:inline-block;vertical-align:top}
.tab-list a{display:block;line-height:50px;padding:0 15px;font-size:18px;color:#777}
.tab-list .on a{position:relative;z-index:2;font-size:20px;color:#004ea2}
.tab-list .on a:after{content:'';position:absolute;left:50%;bottom:-4px;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#fff;border-radius:50%;border:1px solid #eb6717}


/* 技术 */
.technotit{width:65%;margin: auto;}
.technotit h3{font-size: 34px;text-align: center;}
.technotit p{font-size: 16px;text-align: center;color: #666;padding: 20px 0 70px 0;line-height: 26px;}

.technology li{margin-bottom: 40px;}
.technology li p{font-size: 18px;color: #333;padding-top: 30px;overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;text-align: center;}
.technology li:hover p{color: #004ea2;}
.technology li a{display: block;}
.technology .box {overflow:hidden;position:relative;z-index:1;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}

.technology .box img {width:100%;height:auto;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.technology .box:hover img {  -webkit-filter: blur(5px);  filter: blur(5px);}
.technology .box .box-content {color:#fff;text-align:center;width:100%;height:100%;padding:27% 0 0;position:absolute;left:0;top:0;z-index:2;}
.technology .box:before,.box:after,.box .box-content:before,.box .box-content:after {content:'';height:50%;width:50%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:100%;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:1;}
.technology .box:before {-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
.technology .box:after {left:50%;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.technology .box .box-content:before,.box .box-content:after {z-index:-1;top:100%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.technology .box .box-content:after {left:50%;-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;transition-delay:0.35s;}
.technology .box:hover:before,.box:hover:after {top:0;}
.technology .box:hover .box-content:before,.box:hover .box-content:after {top:50%; }
.technology .box .title {font-size:22px;font-weight:600;text-transform:uppercase;margin:0;opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition:all 0.3s ease 0.3s;-o-transition:all 0.3s ease 0.3s;transition:all 0.3s ease 0.3s;}
.technology .box .post {font-size:16px;font-style:italic;letter-spacing:1px;text-transform:capitalize;margin-bottom:10px;opacity:0;display:block;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition:all 0.3s ease 0.3s;-o-transition:all 0.3s ease 0.3s;transition:all 0.3s ease 0.3s;}
.technology  .box:hover .title,.box:hover .post,.box:hover .icon {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}


/* 文化 */
.cult h5{font-size: 16px;line-height: 26px;padding: 40px 0;}

.cult h2{font-size: 30px;padding: 40px 0; text-align: center;}
.Culture li{margin-bottom: 20px;}
.Culture li p{font-size: 14px;color: #333;padding-top: 10px;overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap; text-align:center;}
.Culture li:hover p{color: #004ea2;}
.Culture li a{display: block;}
.Culture .boximg {overflow:hidden; }
.Culture .boximg img {width:100%;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.Culture .boximg:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.n_cul::before{width: 200px;}



/* 招聘 */
.join-list {padding-top: 30px;}
.join-list .top .con-l{width:230px}

.join-list .head{width:calc(100% );color:#fff;background: #d6383f;line-height:55px;}
.join-list .head .boxs{width:20%}
.join-list h2{font-size:36px}
.join-list li{margin-bottom:12px}

.infosfl{width: 50%;float: left;padding-right: 30px;}
.infosfr{width: 50%;float: left;padding-left: 30px;}

.join-list li.cur .moxq{color:#004ea2; }
.join-list .heads{cursor:pointer}

.join-list .con{width:calc(100% );color:#5a5a5a;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.join-list .con .boxs{width:25%;height:54px;line-height:54px; padding-left:5%;}
.join-list .info{display:none;width:calc(100% );line-height:35px;padding:20px; }

.contact h4{font-size: 34px;padding-bottom: 60px;}
.contactfl ul li{overflow: hidden;margin-bottom: 50px;}
.contactfl{overflow: hidden;}
.contactfl .conimg  {float: left;width: 10%;}
.contactfl .contxt{float: left;width: 80%;}
.contactfl .contxt p{font-size: 18px;line-height: 32px;padding-top: 10px; }
.contactfl .conimg img  {width:60px;padding-top: 13px;}
/* 创始人 */
.csrjs {overflow: hidden;padding-top: 50px;}
.csrjs li{overflow: hidden;margin-bottom: 40px;}
.csrjs li .csrimg{width: 20%;float: left;}
.csrjs li .csrtit{width: 27%;float: left; padding:0 35px;position: relative;}
.csrjs li .csrtxt{width: 73%;float: left;padding-left: 40px;}
.csrjs li .csrtit h5{padding : 80px 0 15px 0;font-size: 18px;color: #000;}
.csrjs li .csrtit h4{padding-top: 5px;font-size: 18px;color: #000;line-height: 32px;}
.csrjs li .csrtit::before{display: block;content: "";clear: both;width: 1px;height: 250px;background: #ccc;position: absolute;right: 0;top: 0;}
.csrjs  p{font-size: 16px;color: #333;line-height: 30px; padding-top:10px;}

/* 新闻 */
.newsbcon{padding-top: 60px;}
.courseList li { padding-bottom: 30px;}
.courseList li a{display: block;}
.courseList li .pic {float: left;width: 11%;overflow: hidden;}
.courseList li .cont {float: right; width: 89%;padding-left: 25px}
.courseList li .cont h3 { font-size: 18px; font-weight: 600; line-height: 34px;}
.courseList li .cont h3  {color: #333333;}
.courseList li:hover h3 {color: #004ea2;}
.courseList li .cont p {color: #666; line-height: 30px;}
.courseList li img{-webkit-transition: 1s;-o-transition: 1s;transition: 1s;width: 100%;} 
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.newsList li {overflow: hidden; border: none;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic img {width: 100%}
.newsList li .cont {-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {overflow: hidden;
-o-text-overflow:ellipsis;
   text-overflow:ellipsis;
white-space: nowrap;margin-top: 10px; line-height: 28px; font-size: 18px; font-weight: bold;}
.newsList li .cont h3 a {color: #333333;}
.newsList li .cont h4 {margin-top: 12px; line-height: 24px; color: #adadad;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; font-size:15px;}
.newsList li .cont p {color: #666; line-height: 24px; font-size:12px;padding-top: 10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newsList li .cont span{font-size: 14px ;color: #666;margin: 20px 0 5px 0;display: block;}
.newsList li:hover h3 a {color: #004ea2;}
.newsList li .cont .more{background: url(../images/jt1.png) center no-repeat;width: 35px;height: 30px;}
.newsList li:hover .more{background: url(../images/jt2.png) center no-repeat;width: 35px;height: 30px;}
.courseList .clpic {  width: 100%;height: 0;padding-bottom: 62%; overflow: hidden;    }


.courseList .mores{width: 100%; display:inline-block; -webkit-transition:1s; -o-transition:1s; transition:1s; border-bottom:1px solid rgb(223, 223, 223); position:relative; margin-top: 10px; font-size: 16px; padding-bottom: 7px;}
.courseList .mores:hover{ color: #004ea2; }
.courseList .mores:before{ content:""; width:100%; height:1px; background:#004ea2; position:absolute; left:0; bottom:-1px; -ms-transform-origin:100%; transform-origin:100%; 
-webkit-transform-origin:100%; -webkit-transition:-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); transition:-webkit-transform 1.32s cubic-bezier(.4,0,.2,1); -webkit-transition:-webkit-transform 1.6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform 1.6s cubic-bezier(.4,0,.2,1); -o-transition:transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.6s cubic-bezier(.4,0,.2,1), -webkit-transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.2s cubic-bezier(.4,0,.2,1),-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform:scaleX(0); 

}
.courseList li:hover .mores:before{ -ms-transform:scaleX(1); transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform-origin:0; transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.in-page{color:#888;margin-top: 30px;}
.in-page span{padding:0 15px;border:1px solid #e8e8e8}
.in-page a{padding:8px 12px;border:1px solid #e8e8e8;border-radius:3px; }
.in-page a.cur,.in-page a:hover{border-color:#004ea2;background:#004ea2;color:#fff}

.newsbfr {padding-left: 70px;}
.newsbfr .newsbfrtop{background: #f3f3f3;text-align: center;padding: 40px 0;}
.newsbfr .newsbfrtop h3{font-size: 18px;padding-bottom: 5px;}
.newsbfr .newsbfrtop li{padding : 10px;}
.newsbfr .newsbfrtop ul{padding-top: 20px;}
.newsbfr .newsbfrtop li a{display: block;overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;}
.newsbfr .newsbfrtop li:hover a{color: #004ea2;}



.newsbcons{padding: 50px 0 0 0;}
.nsneitime{width: 80%;border: 1px solid #ccc;}
.nsneitime h5{font-size: 36px;color: #004ea2;text-align: center;padding: 5px 0; font-weight: bold;border-bottom: 1px solid #ccc;}
.nsneitime h4{font-size: 15px;color: #949494;text-align: center;padding: 5px 0; }
.nsneifr{padding-left: 50px;}
.nsneifr h3{font-size: 18px;color: #666}
.nsneifr i{display: block;height: 1px;background: #004ea2;margin: 10px 0;}
.nsneifr h5{font-size: 18px;padding : 20px 0; color: #666}
.nsneifr p{font-size: 14px;color: #666;line-height: 28px;}



/* 研发 */
.research h4{font-size: 34px;padding-bottom: 40px;}


/* 愿景 */
.vision{padding: 70px 0 0 0;overflow: hidden;}
.vision li{overflow: hidden;}
.vision .cultpd{padding-left: 40px}
.vision .cultsm{float:left;}
.vision .cultxm{float: right}
.vision .cult{padding-top: 100px;padding-left: 50px;}
.vision .cult h3{font-size: 24px;color: #333; padding: 10px 0;}
.vision .cult p{font-size: 24px;color: #666;line-height: 36px;padding-right:50px ;}



@media(max-width:1530px){
.about .abfl .adfltxt p{padding-bottom: 20px;}
.hbtnab{margin-top: 10px !important;}
.abtit{padding-bottom: 20px;}
.about .abfl{padding: 40px 0;}
.techbot li{padding: 0 10px;}
.csrjs li .csrtit h5{padding: 10px 0;font-size: 16px;}
.csrjs li .csrtit h4{font-size: 16px;line-height: 26px;}
.csrjs li .csrtxt p{line-height: 24px;}
.newsList li .cont h3{margin-top: 0;}
.newsList li .cont p{line-height: 22px;}
.newsList li .cont span{margin: 5px 0;}
.courseList .mores{margin-top: 1px;}
}
@media(max-width:1460px){



}
@media(max-width:1440px){

.vision .cult {
    padding-top: 50px;
    padding-left: 30px;
}

}

@media(max-width:1366px){

.header-nav .nav-item{width: 95px;}
.technotit{width: 100%;}
.contactfl ul li{margin-bottom: 20px;}
.contactfl .contxt p{padding-top: 0;font-size: 16px;}

}




@media(max-width:1200px){


.header-nav .nav-item{width: 90px;}
.nabtopfl h3{padding-bottom: 20px;}
.nabtopfl p{padding-bottom: 10px;line-height: 24px;}

}
@media(max-width:1024px){
.newsbfr{display: none!important;}
.vision .cult {
    padding-top: 10px;
    padding-left: 20px;
}
.country{display: none;}
.techbot li{width: 49.5%;margin-right: 0.5%;}
.ftnavcen{display: none;}
.footbot p{float: none;}
.footbot span{float: none;}
.footbot{text-align: center;}
footer{padding: 20px 0;}
footer i{display: none}



} 


@media(max-width:993px){
.n_abfl {display: none!important;}
.n_abfr{padding-left: 0;}
.tab-list{ display: block;}

}

@media(max-width:768px){
.courseList .clpic{ display:none;}
.newsList li .cont{ width:100%;}
.vision .cult {
    padding:20px 0;

}
.csrjs li .csrtit::before {
    display:none;
}
.main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer;margin: 70px 0 0 0}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#034582;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;-ms-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;-ms-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{-ms-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{-ms-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(3,69,130,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}


.technology li p{padding-top: 20px;}
.csrjs li .csrimg{width:100%;float: none;}
.csrjs li .csrtit{width:100%;float: none;padding: 0; }
.csrjs li .csrtxt{width:100%;float: none; padding: 0;}
.csrjs li .csrtxt p{line-height: 28px;}
.nsneitime {width: 95%;margin-bottom: 20px;}
.nsneitime h4{font-size: 12px;}
.nsneitime h5{font-size: 20px;}

}
@media(max-width:767px){
.abtit h2{font-size: 24px;padding-bottom: 10px;}
.about .abfr{padding-left: 0;}
.about .abfr img{ width:100%;}
.about .abfl{padding: 20px 0;}
.about .abfl img{ width:100%;}
.about .abfl .adfltxt p{font-size: 14px;line-height: 24px;}
.about{padding-bottom: 20px;}
.tech{margin: 20px 0;}
.techtit p{font-size: 14px;}
.techmore{padding: 10px 0;}
.techxt{height: 200px;}
.techbot li h4{padding: 0;padding-top: 50px;}
.techx{padding-bottom: 20px;}
.techbot li{margin-bottom:  5px;}
.link .linkfl{padding-right: 0;}
.link{padding: 20px 0;}
.link .linkcon a{font-size: 12px;padding: 3px;}

.n_about{padding: 20px 0;}
.n_abtit{font-size: 24px;}
.n_abtit::after{margin-top: 15px;}
.nabtop{padding-top: 20px}
.nabtopfl {padding: 0;}
.nabbot li .nabbotfl{padding: 0;}
.nabbot{padding-top: 30px;}
.technotit h3{font-size: 24px;}
.technotit p{padding: 20px 0;}
.technology li{margin-bottom: 20px;}
.tech_2 h3{font-size: 22px;}
.infosfl{padding: 0;width: 100%;float: none;}
.infosfr{padding: 0;width: 100%;float: none;}
.contactfl .conimg  { width: 20%;}

.contact h4{font-size: 24px;padding-bottom: 30px;}

.newsList li .cont p{    -webkit-line-clamp: 1;padding-top: 2px;}
.newsList li .cont span{font-size: 12px;margin: 1px 0;}
.newsList li .cont h3{font-size: 16px;}
.courseList li .cont{padding-left: 10px;}
.newsbcon{padding-top: 30px;}
.nsneifr{display: none!important;}
.nsneitime {width: 45%;margin-bottom: 20px;}
.newsbcons{padding: 20px 0 0 0;}
.research h4{font-size:18px; }

}
.pagination-style {
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding: 5px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 3px;
  color:#888;
}
.pagination-style ul li a:hover {
  background: #004ea2;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background: #004ea2;
}


.alert-danger {
    background-color: #004ea2;
    border-color: #004ea2;
    color: #fff;
}
.alert {
    padding:10px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
}
.center{ text-align:center;}
.pageJump {margin-top: 25px; padding-top: 30px; border-top: 1px dashed #DCDCDC;}
.pageJump p {font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.pageJump p a {color: #666;}
.pageJump p a:hover {color: #004ea2;}
.fxx2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}