.inner-banner {position: relative; }
.inner-banner .pc-img {position: relative;z-index: 2; height:500px;}
/*.Inner_banner .img:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 40, 150, 0.4);}*/
.inner-banner .pc-img::before {content: ""; position: absolute;left: 0;top: 0;z-index: 0; width: 100%; height: 100%; background: rgba(14, 40, 118, .1);}
.inner-banner .pc-img::after {content: ""; position: absolute;left: 0;top: 0; z-index: 0; width: 100%;height: 64%;background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));}

.inner-banner .banner-titles {position: absolute;text-align: center;z-index: 2;left: 50%;top: 50%;  color: #fff;  font-size: 14px; transform: translate(-50%, -50%); }
.inner-banner .ban-en {font-size: 68px;font-family: "Arial";letter-spacing: 2px;transition-delay: .2s;line-height: 1.8; }
.inner-banner .ban-cn {font-size: 24px;line-height: 1.1;transition-duration: .8s;transition-delay: .4s; }
.inner-banner .ban-cn:after {content: "";display: block;height: 2px;width: 0px;margin: 30px auto 0;background: #fff;transition-delay: 1s;transition-duration: .8s; }
.inner-banner .ban-cn.animate:after {width: 48px; }


@media (max-width: 1024px){	

.inner-banner .pc-img {position: relative;z-index: 2; height: 3rem;}
}


.index_title {margin-bottom:0.4rem; text-align:center;}
.index_title .index_title_cn{ font-size:0.4rem; line-height:1.5;}
.index_title .index_title_en{font-size: 0.18rem;text-transform: uppercase;}


/**********公司简介*****************/
.about-1 { width: 100%; overflow: hidden;background: url(../images/bg4.png) no-repeat left bottom; padding:1rem 0px; }
.about-1center {width: 100%;margin: 0px auto;overflow: hidden;}
.about-1left {float: left;width: 35%;overflow: hidden;margin-top: 0.3rem;}
.about-1left .index_title {margin-bottom:0.4rem; text-align:left;}
.about-1right {float: right;width: 65%;overflow: hidden;position: relative;border-radius: 5px;padding: 0px 16px 16px 0px;}
.about-1info {float: left;width: 100%;overflow: hidden;font-size:16px;color: #495770;line-height: 1.6;}
.about-1info p {float: left;width: 100%;overflow: hidden;margin-top: 0.3rem;}

.about-1bottom .box { background: #002896; padding: 0.3rem 0;}
.about-1bottom .box .item {color: #fff; text-align: center;}
.about-1bottom .box .item .top {font-size: 0.36rem;}
.about-1bottom .box .item .top span { font-size: 0.46rem;}
.about-1bottom .box .item .bot { font-size: 0.16rem;}
.about-1bottom .box p { background: #fff; opacity: 0.3; width: 1px;}

@media screen and (max-width: 1024px) {
.w1520 { padding-left: 5vw;padding-right: 5vw; }
.ann_left {display: none; opacity:0;}
.about-1bottom .box .item .top span { font-size: 0.36rem;}
.about-1bottom .box .item .bot {margin-top: 0.1rem;}
}
@media screen and (max-width: 769px) {
.about-1left { float: left; width: 100%;  overflow: hidden;margin-top: 0.3rem;}	
.about-1right { float: right;width: 100%;}
.about-1bottom .box .item { padding: 0.2rem 0;width: 50%;}
.about-1bottom .box p { display: none; }
}


/************企业文化****************/
.about-2 { width: 100%; position:relative; overflow: hidden; padding:1rem 0px 0px; }
.about-2 .index_title {position: relative;z-index: 5; text-align:center;}
.about2content-bg {position:relative;background:url(../images/culture_bg.jpg) top center no-repeat;  background-size: cover; margin:0.5rem auto 0px;}
.about2content-bg::after {content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background: rgba(6,20, 58, 0.5);}
.about2content {width: 100%;overflow: hidden; padding:2rem 0px;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 2;}
.about2item {width: 33.333%;overflow: auto;text-align: center;}
.about2item samp { width: 120px; height: 120px; line-height: 120px; overflow: hidden; display: block; margin: 0px auto; position: relative; text-align: center; }
.about2item samp:before { width: 100%; height: 100%; overflow: hidden; border: 2px #fff dotted; border-radius: 50%; content: ""; position: absolute; left: 0px; top: 0px; box-sizing: border-box; }
.about2item samp:after { width: 80%; height: 80%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.about2item samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; vertical-align: middle; }
.about2item span { width: 100%; display: block; overflow: hidden; font-size: 26px; color: #fff;  margin-top: 20px; }
.about2item p {width: 100%;display: block;overflow: hidden;font-size: 16px;color: #fff;margin-top: 6px;line-height: 1.8;}












.sub-title {
    font-size: 32px;
    margin-bottom:20px;
}


.plan-section{
    padding-top: 4.79vw;
    padding-bottom: 5.2vw;
}


/*  */

.plan-section .row{
    margin-top: 3vw;
    margin-left: -.78vw;
    margin-right: -.78vw;overflow: hidden;
}
.plan-section .col-md-2{
    padding: 0 .78vw;width: 20%; margin-bottom:30px;
}
.plan-section .col-md-2 dl{
    background: #fff;
    height: 14vw;
    max-height: 220px;
    min-height: 110px;
    padding: 1.2vw 1.2vw 1.2vw 1.2vw;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: all .4s ease;
}


@media (max-width: 768px) {
    .plan-section .row{
        margin-top: 15px;
    }
    
}


.plan-section .col-md-2 dl dt {
    text-align: right;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.plan-section .col-md-2 dl dt span{
    color: #000;    
    font-weight: bold;
    font-size: 52px;
    font-size: calc(14px + 2vw);

}

.plan-section .col-md-2 dl dd{
    font-size: 15px;
    margin-top: 1vw;
    color: #333;
    line-height: 1.5;
}
.plan-section .col-md-2 dt,
.plan-section .col-md-2 dd{
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .plan-section .col-md-2{
        margin: 10px 0;    
    }
    .plan-section .col-md-2 dl{
        padding: .8rem;
    }
}

/**/
.plan-section{ background: url("../images/plan-bg.jpg") no-repeat center;background-size: cover;}
.plan-section{ color: #fff;}
.plan-section .sub-intro{color: rgba(255, 255, 255, .8);}
.plan-section .col-md-2:nth-child(1) dl{ background: url("../images/plan-img1.jpg") no-repeat center; background-size: cover;}
.plan-section .col-md-2:nth-child(2) dl{background: url("../images/plan-img2.jpg") no-repeat center;background-size: cover;}
.plan-section .col-md-2:nth-child(3) dl{ background: url("../images/plan-img3.jpg") no-repeat center; background-size: cover;
}
.plan-section .col-md-2 dl::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.plan-section .col-md-2 dl dt::before{
    content: "";
    background-color: #aaa;
    width: 24px;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;

}



/************************************/
.n_honor_bg{position:relative; padding:0.5rem 0px;}
.n_honor_box .swiper-container{ padding-bottom:40px;}
.n_honor_box .swiper-pagination-bullet {width: 15px;height: 5px;display: inline-block;border-radius: 0;background: #000;opacity: .2;}
.n_honor_box .swiper-pagination-bullet-active {opacity: 1;background: #003da6;}




/********************/
.proinfo{ overflow: hidden; background: #F3F4F8; padding: 4.79vw 0px;}
.proinfo .row{ box-shadow: 0 0 65px rgba(31, 86, 131, .12); display: flex; align-items: center; max-height: 500px; overflow: hidden; flex-wrap: wrap;background-color: #fff;overflow: hidden;}
.proinfo .txt-con{font-size:16px; color: #666;line-height: 1.9; margin-left:  4vw ;  margin-right: 4vw; position: relative;}
.proinfo .txt-con::before,
.proinfo .txt-con::after{ content: ""; position: absolute;width: 4.375vw; height: 69px;}
.proinfo .txt-con::before{ left: 0; top: -32px; background: url("../images/icon-tp1.png") no-repeat center; background-size: 100% auto;}
.proinfo .txt-con::after{  right: 11px;  bottom: -4.6875vw;  background: url("../images/icon-tp2.png") no-repeat center;  background-size: 100% auto;}
.proinfo .txt-con h6{ font-size:0.32rem; color: #333; margin-bottom: .7vw;}

.proinfo-list .proinfo-words { order:1; padding:0.4rem 0px;}
.proinfo-list .proinfo-pic { order:2;max-height: 500px; overflow: hidden;}

.proinfo-list:nth-child(2n) .proinfo-words { order:2;padding:0.4rem 0px;}
.proinfo-list:nth-child(2n) .proinfo-pic { order:1;max-height: 500px; overflow: hidden;}

@media screen and (max-width: 769px){
.proinfo-list:nth-child(2n) .proinfo-words { order:1;padding:0.4rem 0px;}
.proinfo-list:nth-child(2n) .proinfo-pic { order:2;max-height: 500px; overflow: hidden;}

.about2item {
    width: 100%; margin-bottom:20px;
    overflow: auto;
    text-align: center;
}

.about2content {
    width: 100%;
    overflow: hidden;
    padding: 0.7rem 0px;
}
}


/***************/
.n-rd-bg{width: 100%;overflow: hidden;background: #fff;padding: 45px 0;position:relative;z-index:2;}
.n-rd-info{ margin-bottom:30px; font-size:18px; line-height:1.8;}


.n-rd-img{ display:flex;}
.n-rd-img li{ width:25%; padding:5px;}
.n-rd-img li img{width:100%;}



/*************/
.n-shebei-bg{ padding:0.8rem 0px; position:relative;}

.case_list{ display:flex; flex-wrap:wrap;}


/******************/
.n-plan {width: 100%;overflow: hidden;background: #f5f5f5;background-size: cover;padding: 45px 0;/* margin-top: 20px; */line-height: normal;/* height: 526px; */position:relative;z-index:2;}
.n-plan .plan_top { width: 100%; overflow: hidden; color: #FFF; text-align: center; }
.n-plan .plan_top dt { font-weight: bolder;font-size: 36px; }
.n-plan .plan_top dd { font-size: 16px; padding-top: 10px; }
.n-plan .plan_top em {width: 2px;height: 40px;display: block;background: #fff;margin: 20px auto 0 auto;}
.n-plan .plan_bo { width: 100%; overflow: hidden; display:flex;}
.n-plan .plan_bo dl { width:calc(20% - 25px);  background: #FFF; text-align: center; padding: 30px 22px; margin: 20px 0.2rem 0 0 ; transition: all 0.4s;}

.n-plan .plan_bo dl:last-child { margin: 20px 0 0 0px;}
.n-plan .plan_bo dl dt { width: 134px; height: 134px; margin: 0 auto; display: block; position: relative; overflow: hidden; }
.n-plan .plan_bo dl dt i { width: 134px; height: 134px; display: block; background: url(/i/images/ty.png) no-repeat; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; position: absolute; left: 0; top: 0; z-index: 5; }
.n-plan .plan_bo dl dt span.plan1 { width: 134px; height: 134px; display: block; position: absolute; left: 0; bottom: 0; z-index: 10; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.n-plan .plan_bo dl dt em { width: 134px; height: 134px; display: block; background: url(/i/images/ty_ed.png) no-repeat; position: absolute; left: 0; top: -100%; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-i; }
.n-plan .plan_bo dl dt span.plan2 { width: 134px; height: 134px; display: block; position: absolute; left: 0; bottom: -100%; z-index: 10; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.n-plan .plan_bo dl dd { width: 100%; overflow: hidden; padding-top: 22px; }
.n-plan .plan_bo dl dd span { display: block; font-size: 20px; font-weight: bold; }
.n-plan .plan_bo dl dd p { font-size: 14px; line-height: 2; padding-top: 15px; }
.n-plan .plan_bo dl:hover { margin-top: 0; }
.n-plan .plan_bo dl:hover dt i { top: -100%; }
.n-plan .plan_bo dl:hover dt span.plan1 { bottom: -100%; }
.n-plan .plan_bo dl:hover dt em { top: 0; }
.n-plan .plan_bo dl:hover dt span.plan2 { bottom: 0; }
.n-plan .plan_bo dl:hover dd span {color: #14387a;}

/**************************/
.inner-nav-wrap1 { background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%); position: relative; z-index: 2;}
.inner-nav-wrap1 .swiper-btns-wrap5 {display: none;}
.inner-nav-wrap1 #list1{position: absolute; top: -64px;width: 1px;height: 1px; opacity: 0; left: 0;}
.inner-nav-wrap1 .inner-nav-banner { overflow: hidden;}

.inner-nav-wrap1 .swiper-slide { text-align: center;font-size: 16px;line-height: 20px;  color: #666; padding: .25rem 0 .25rem; border-left: 1px solid #e5e5e5; transition: all .5s ease;}
.inner-nav-wrap1 .swiper-slide:hover, .inner-nav-wrap1 .swiper-slide.cur { color: #fff; background: #123c8a;}

.inner-nav-wrap1 .ico-wrap { margin: 0 auto 10px;  position: relative;  width: 40px; height: 40px; }
.poa100 { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.inner-nav-wrap1 .hover { display: none;}
.inner-nav-wrap1 .swiper-slide:hover .hover, .inner-nav-wrap1 .swiper-slide.cur .hover {display: block; }
.inner-nav-wrap1 .swiper-slide:hover .unhover, .inner-nav-wrap1 .swiper-slide.cur .unhover {display: none; }

/********************************************************/
.m2proItem{ background: #f5f8ff; padding:40px 0px; margin-top:80px;}

.ajax-mains{ margin-top:20px;}
.ajax-mains .pro-item {position: relative;flex: 0 0 23.8%;background: #fff;margin-right: 1.6%;margin-bottom:20px;transition-duration: .5s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.ajax-mains .pro-item:nth-child(4n) {margin-right: 0; }

.ajax-mains .pro-item .img-wrap { position:relative; overflow: hidden;}
.ajax-mains .pro-item .img-wrap .img100 {  display: block; width: 100%; margin: 0 auto;transition: all 1s ease;}

.ajax-mains .pro-item .txts-wrap {padding: 22px 5px; text-align:center;font-size: 16px;line-height:1.5;color: #333; }

.ajax-mains .pro-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.ajax-mains .pro-item:hover .txts-wrap{color: rgba(0, 40, 150, 1); }

.ajax-mains .pro-item:hover .img-wrap .img100 { transform: scale3D(1.1, 1.1, 1.1); }
.ajax-mains .pro-item .pro-des{ padding:15px; font-size:14px; line-height:1.6; color:#333;}

.ajax-mains .pro-item::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e2e0e0;}
.ajax-mains .pro-item::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(0, 40, 150, 1);transition: all .36s;}
.ajax-mains .pro-item:hover::after { width: 100%; }

@media screen and (max-width: 769px){
.ajax-mains .pro-item {flex: 0 0 100%;margin-right: 0%;}

}





/**********xinwen***************/
.n-news-bg{ position:relative; width:100%; padding:40px 0px; overflow:hidden;}
.mc_e1_list {  margin: 0 -20px;padding-bottom: 10px;overflow:hidden;}
.mc_e1_li {float: left; width: 33.333333%;  padding:20px; margin-bottom: 25px;box-sizing: border-box;}
.mc_list_png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.mc_e1_lisbox {position: relative; display: block;transition: all .36s;}
.mc_list_imgbox { position: relative;overflow: hidden;}
.mc_e1_imgbox img {object-fit: cover;z-index: initial;transition: all .36s;}
.mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;}
.mc_e1_lisbox::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e2e0e0;}
.mc_e1_lisbox::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(0, 40, 150, 1);transition: all .36s;}
.mc_e1_txtbox {padding: 18px 28px 38px;}
.mc_e1_txt {font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;color: #000000;margin-bottom: 35px;}
.mc_e1_date {font-size: 16px;color: #999999;}
.mc_e1_lisbox:hover { box-shadow: 0 5px 15px 4px rgba(214, 211, 211, .75);}
.mc_e1_lisbox:hover::after { width: 100%; }
.mc_e1_lisbox:hover .mc_e1_imgbox img { transform: scale(1.1); }

@media screen and (max-width: 769px){
 .mc_e1_li {float: left; width: 100%;  padding:20px; margin-bottom: 25px;}
}





/**********/
.n_box{ width:100%; position:relative; padding:2rem 0px;}
.news-art-main{background: #f9f9f9;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;font-size: 14px;line-height: 30px;color: #666;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main p img{ margin-left:-2em;}
.art-main img{ max-width:100%;}
.art-main table{ width:100%; text-align:center;}
.art-main table td{ padding:5px 2px;border: 1px solid #ddd;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}




/***-----------------****/

.join_four{width:100%;position: relative; margin:30px 0px;}
.join_four .slide-item{position:relative;width:100%;text-align:center;cursor:pointer}
.join_four .slide-item .item-bg{width:100%;height:100%}
.join_four .slide-item .bg{position: absolute; width: 100%;height: 100%; left: 0;top: 0; background: #a6a9b0;mix-blend-mode: multiply;}
.join_four .mask{position:absolute; width:100%; text-align:center;left:0;right:0;top:0;bottom:0;}
.join_four .mask .content{position:absolute;left:0;right:0;top:40%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .item-title{color:#fff;font-size: 20px;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);}
.join_four .mask .content .line-panel{font-size:0;line-height:0;margin-top:0.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .line-panel .item-line{width:20px;height:2px;background:#c59917;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .item-icon{ width:100%; max-width:38px; margin-top:15px;}

.join_four .swiper-button-next{ display:none;}
.join_four .swiper-button-prev{ display:none;}

.recruits-list {overflow:hidden;background: #003da6;}
.recruits-list .recruits-nav {float: left;width: 250px;padding: 0.5rem 0px 0px 20px;}
.recruits-list .recruits-nav-name {font-size: 18px;color: #fff;line-height: 2;}
.recruits-list .recruits-nav-a {display: block;position: relative;font-size: 16px;line-height: 1.5;color: #fff;padding: 7px 15px;transition-duration: .5s;}
.recruits-list .recruits-nav-a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #c59917;position: absolute;}

.recruits-list .recruits-nav-a.cur {background: #c59917;color: #fff;}
.recruits-list .recruits-nav-a:hover:before, .recruits-list .recruits-nav-a.cur:before {height: 100%; }

.recruits-list .recruits-info {float:right;width: calc(100% - 250px);background: #f9f9f9;}
.recruits-list .recruits-info-contents {padding: 2rem 1rem 400px 2rem;transition-duration: .3s;border-left: 1px solid #dcdcdc; display:none; position:relative;}
.recruits-list .recruits-info-contents:first-child {display: block;}
.recruits-list .recruits-position-name {font-size: 18px;line-height:2;color: #003da6;}
.recruits-list .para-item {font-size: 15px;line-height:1.8;color: #787f88;position: relative; }
.recruits-list .recruits-bot-item {font-size: 14px;line-height: 34px;padding-top: 30px; }
.recruits-list .recruits-bot-h5 {color: #1c1c1c;font-size: 18px;line-height: 1.5;}
.recruits-list .recruits-bot-h5:after { content: "";display: block; width: 35px;height: 3px;line-height: 1px; background: #c59917;margin: 10px 0px;}
.recruits-list .recruits-bot-detial {color: #787f88;line-height: 2;}

.recruits-info .recruits-more {margin-top: 2rem;color: #003da6;font-size: 14px;display: inline-block;}
.recruits-info .recruits-btn {position:absolute;right: 1.5rem;top:10px;display:inline-block;margin-top:2rem;width: 160px;height: 40px;line-height: 40px;color: #fff;font-size: 15px;text-align: center;background: #003da6;transition-duration: .3s;border-radius: 10px;}
@media (max-width: 1920px) {
.recruits-list .recruits-info-contents {padding: 0.5rem 0.5rem 60px 0.5rem;transition-duration: .3s;border-left: 1px solid #dcdcdc;display:none;position:relative;}
}

@media (max-width: 769px) {

	
.join_four .swiper-button-next{ display:block;background: url(../images/feel4.png) no-repeat center center; position: absolute;right: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}
.join_four .swiper-button-prev{ display:block;background: url(../images/feel3.png) no-repeat center center; position: absolute;left: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}

.recruits-list .recruits-nav {float: left;width: 250px;}
.recruits-list .recruits-info {float:right;width:100%;background: #f8f8f8;}
.recruits-info .recruits-btn {bottom:1rem; top:auto;}


}





/*home-app*/
.home-app {width: 100%;overflow: hidden;background: url("../images/bg-3.jpg") no-repeat top center;padding: 80px 0px 100px;background-size: cover;}
.happ-content {width: 100%;overflow: hidden;margin: 0px auto;/* padding: 70px 0px; */display: flex;flex-wrap: wrap;justify-content: space-between;}
.happ-item { width: calc(25% - 10px); overflow: hidden; height: 330px; position: relative; box-sizing: border-box; padding: 2vw; }
.happ-item:before { width: 74px; height: 67px; content: ""; position: absolute; left: 2vw; top: 24px; background: url("../images/icon-13.png") no-repeat; opacity: 0; z-index: 11; }
.happ-pic { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: #fff; }
.happ-pic img { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }
.happ-item:hover .happ-pic { background: -webkit-linear-gradient(-45deg, #1517a6 40%, #108cee); background: -moz-linear-gradient(-45deg, #1517a6 40%, #108cee); background: -ms-linear-gradient(-45deg, #1517a6 40%, #108cee); background: -o-linear-gradient(-45deg, #1517a6 40%, #108cee); }
.happ-item:hover .happ-pic img { transform: scale(1.04); opacity: 0.2; }
.happ-item em {float: left;width: 100%;overflow: hidden;font-size: 50px;color: #1945c1;position: relative;z-index: 2;font-family: fantasy;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;opacity: 1;font-style: normal;}
.happ-item span {float: left;width: 100%;overflow: hidden;font-size: 18px;color: #333;position: relative;z-index: 12;font-family: "SOURCEHANSANSCN-MEDIUM";margin-top: 20px;margin-bottom: 9px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.happ-item p {float: left;width: 100%;overflow: hidden;font-size: 14px;color: #555;position: relative;z-index: 2;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.happ-item samp { float: left; width: auto; overflow: hidden; font-size: 16px; color: #555; position: relative; z-index: 12; background: url("../images/icon-14.png") no-repeat right center; padding-right: 22px; margin-top: 110px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.happ-item:hover { transform: translateY(-8px); }
.happ-item:hover:before { opacity: 0.2; }
.happ-item:hover em { margin-top: -50%; opacity: 0; }
.happ-item:hover span { margin-top: 20px; color: #fff; }
.happ-item:hover p, .happ-item:hover samp { color: #fff; }



/*home-yy*/
.home-yy { width: 100%; overflow: hidden; padding:0.8rem 0px; background: url("../images/bg-1.jpg") no-repeat center; text-align: center; color: #fff; }
.home-yy p { width: 100%; overflow: hidden; font-size: 22px; margin-top: 4px; }

.home-mb{ width: 100%; overflow: hidden; padding:0.8rem 0px; background:#fff;}
.about-2content { width: 100%; overflow: hidden; margin: 70px auto 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.about-2item {width: 20%;overflow: auto;text-align: center;}
.about-2item samp { width: 120px; height: 120px; line-height: 120px; overflow: hidden; display: block; margin: 0px auto; position: relative; text-align: center; }
.about-2item samp:before {width: 100%;height: 100%;overflow: hidden;border: 2px #003da6 dotted;border-radius: 50%;content: "";position: absolute;left: 0px;top: 0px;box-sizing: border-box;}
.about-2item samp:after {width: 80%;height: 80%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.1);border-radius: 50%;}
.about-2item samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; vertical-align: middle; }
.about-2item span {width: 100%;display: block;overflow: hidden;font-size: 18px;color: #003da6;margin-top: 20px;font-weight: bold;}

/***********联系我们***************/
.m2lxInfoWpr{margin-top: -80px;position:relative;z-index:3;}
.m2lxInfo{overflow:hidden;background:#fff;/* height:200px; */box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.m2lxInfo li{width: 25%;float:left;text-align:center;position:relative;padding: 0.4rem 0px;}
.m2lxInfo li:after{content:""; width:1px; height:140px; background:#ECECEC; position:absolute; right:0; top:50%; margin-top:-70px;}
.m2lxInfo li:last-child:after{display:none;}
.m2lxInfo span{ display:inline-block; transition:all 0.5s ease-in-out;}
.m2lxInfo li:hover span{transform:rotateY(180deg);}
.m2lxInfo p{font-size: 16px;line-height: 1.5;margin-top: 15px;}

.m2lxMap{height:36vw;margin-top: -120px;}
.m2lxMap .consec-map{ height:100%;}

@media (max-width:1799px){
.m2lxInfo span{width:42px; height:42px;}
.m2lxInfo p{margin-top:16px;}
}
@media (max-width:993px){
.m2lxInfoWpr{ margin-top:0px;}
.m2lxMap{ margin-top:0px;}
}
@media (max-width:767px){
.m2lxInfo li{width:100%; height:auto; margin-bottom:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.m2lxInfo p{font-size:16px;}
.m2lxMap{height:360px}
}



.arr_tac {text-align: center;margin-top: 1em;}
a.arr{display: inline-block;height: 2.7em;line-height: 2.7;padding: 0 2em;border-radius: 2em 0 2em 0;overflow: hidden;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;background: #002896;}
a.arr i{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;line-height: 1;color: #fff;font-size: 16px;font-style: normal;}
a.arr::before {content: "";display: inline-block;position: absolute;z-index: 1;background: #ff9600;left: -100%;top: 0;width: 100%;height: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.arr:hover::before{left:0;}
a.arr:hover i{color:#fff;}













/***********社会责任***************/
.tp-section{ overflow: visible; background: #F3F4F8;padding: 1rem 0px;}
.tp-section .index_title{ text-align:center;}
.tp-section .row{ box-shadow: 0 0 65px rgba(31, 86, 131, .12); margin-top:0.5rem; display: flex; align-items: center; background-color: #fff;margin-right: 0px; margin-left: 0px;}
.tp-section .row .col-md6 { width: 50%; float:left;}
.tp-section .txt-con{ font-size:0.2rem;color: #666; line-height: 1.9; margin-left:  4vw ; margin-right: 4vw;position: relative;}
.tp-section .txt-con h2{ font-size:0.3rem; color: #002896;margin-bottom: .7vw;}
.tp-section .txt-con::before,
.tp-section .txt-con::after{ content: ""; position: absolute; width: 4.375vw;height: 69px;}
.tp-section .txt-con::before{ left: 0; top: -32px; background: url("../images/icon-tp1.png") no-repeat center; background-size: 100% auto;}
.tp-section .txt-con::after{right: 11px; bottom: -4.6875vw; background: url("../images/icon-tp2.png") no-repeat center; background-size: 100% auto;}





/*home-mb*/
.home-mb{ width: 100%; overflow: hidden; padding:1rem 0px; background:#fff;}
.home-mb .index_title{ text-align:center;}
.mb-2content { width: 100%; overflow: hidden; margin: 70px auto 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mb-2item {width: 20%;overflow: auto;text-align: center;}
.mb-2item samp { width: 120px; height: 120px; line-height: 120px; overflow: hidden; display: block; margin: 0px auto; position: relative; text-align: center; }
.mb-2item samp:before {width: 100%;height: 100%;overflow: hidden;border: 2px #002896 dotted;border-radius: 50%;content: "";position: absolute;left: 0px;top: 0px;box-sizing: border-box;}
.mb-2item samp:after {width: 80%;height: 80%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.1);border-radius: 50%;}
.mb-2item samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; vertical-align: middle; }
.mb-2item span {width: 100%;display: block;overflow: hidden;font-size: 18px;color: #002896;margin-top: 20px;font-weight: bold;}

/*home-app*/
.home-app {width: 100%;overflow: hidden;background: url("../images/bg-3.jpg") no-repeat top center;padding:1rem 0px;background-size: cover;}
.home-app .index_title{ text-align:center;}
.home-app .index_title .content0 {font-size: 14px;color: #fff;}
.home-app .index_title .content1 {font-size: 0.4rem;color: #fff;position:relative;padding-bottom: 5px;}

.happ-content {width: 100%;overflow: hidden;margin: 0.6rem auto 0px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.happ-item {width: calc(25% - 10px);overflow: hidden;height: 250px;position: relative;box-sizing: border-box;padding: 2vw;margin-bottom: 15px;}
.happ-item:before { width: 74px; height: 67px; content: ""; position: absolute; left: 2vw; top: 24px; background: url("../images/icon-13.png") no-repeat; opacity: 0; z-index: 11; }
.happ-pic { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: #fff; }
.happ-pic img { display:none;width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }
.happ-item:hover .happ-pic { background: -webkit-linear-gradient(-45deg, #002896 40%, #108cee); background: -moz-linear-gradient(-45deg, #002896 40%, #108cee); background: -ms-linear-gradient(-45deg, #1517a6 40%, #108cee); background: -o-linear-gradient(-45deg, #1517a6 40%, #108cee); }
.happ-item:hover .happ-pic img { transform: scale(1.04); opacity: 0.2; }
.happ-item em {float: left;width: 100%;overflow: hidden;font-size: 0.55rem;color: #ff9600;position: relative;z-index: 2;font-family: fantasy;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;opacity: 1;font-style: normal;}
.happ-item p {float: left;width: 100%;overflow: hidden;font-size: 0.22rem;color: #555;position: relative;z-index: 2;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.happ-item samp { float: left; width: auto; overflow: hidden; font-size: 16px; color: #555; position: relative; z-index: 12; background: url("../images/icon-14.png") no-repeat right center; padding-right: 22px; margin-top: 110px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.happ-item:hover { transform: translateY(-8px); }
.happ-item:hover:before { opacity: 0.2; }
.happ-item:hover em { margin-top: -50%; opacity: 0; }
.happ-item:hover span { margin-top: 20px; color: #fff; }
.happ-item:hover p, .happ-item:hover samp { color: #fff; }


.partner-s1 { background-color: #f5f5f5; padding: 1rem 0;}
.partner-s1 .index_title{ text-align:center;}
.partner-s1 .items { margin-top: 0.5rem; display: flex;}
.partner-s1 .item:nth-of-type(1) {margin: 0;}
.partner-s1 .item {width: calc((100% - 140px) / 3);margin-left: 70px;background-color: #fff;position: relative;transition: all .3s ease;}

.partner-s1 .item .bg-box { position: absolute;top: 0; left: 0; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;}
.partner-s1 .item .txt-box { padding: 0.25rem;}

.partner-s1 .item .txt-box:before { content: ''; width: 24px;height: 4px; background-color: #ff9600;  display: block; transition: all .3s ease;}
.partner-s1 .item h3 {font-size: 0.28rem; color: #002896; margin-top: 0.1rem; transition: color .3s ease;}
.partner-s1 .item p {font-size:0.18rem; color: #808080;margin-top: 10px; transition: color .3s ease;}
@media screen and (max-width: 768px){
.tp-section .row { display: block;}
.tp-section .row .col-md6 { width: 100%; float: none;}
.tp-section .txt-con { margin: 4vw;padding-top: 0.3rem;}

.happ-item {width: calc(100% - 0px);overflow: hidden;height: 150px;position: relative;box-sizing: border-box;padding: 2vw;margin-bottom: 15px;}

.mb-2item {width: 50%; overflow: auto; text-align: center; margin-bottom:15px;}

.partner-s1 .items {
    margin-top: 20px;
    display: block;
}
.partner-s1 .item {
    width: 100%;
    margin: 20px 0 0;
}
}
/***********留言***************/
.contact-s2 { position:relative; padding:1rem 0;}
.contact-s2 .index_title{ text-align:center;}
.contact-s2 .index_title p { color: #999999; font-size: 0.18rem;line-height:1.6; margin-top: 5px;}
.contact-s2 form {margin-top: 3.125vw;display: flex;justify-content: space-between; flex-wrap: wrap;}
.contact-s2 .box {width: calc((100% - 100px) / 3); margin-right: 50px; margin-bottom: 40px;}
.contact-s2 .box:last-of-type {width: 100%;}
.contact-s2 .box:nth-of-type(3n), .contact-s2 .box:last-of-type { margin-right: 0;}

.contact-s2 .box span {font-size: 18px; color: #333333;}
.contact-s2 .box .txt {margin-top: 10px;position: relative; background-color: #fff; border: 1px solid transparent; box-shadow: 0 0 50px rgb(8 27 60 / 10%);border-radius: 20px;overflow: hidden;}
.contact-s2 .box i {width: 24px;height: 24px;position: absolute;left: 25px;top: 23px;background-position: center;background-repeat: no-repeat;filter: grayscale(1);}
.contact-s2 .box:nth-of-type(1) i { background-image: url(../images/icon-4-1.png);}
.contact-s2 .box:nth-of-type(2) i {background-image: url(../images/icon-4-2.png);}
.contact-s2 .box:nth-of-type(3) i { background-image: url(../images/icon-4-3.png);}
.contact-s2 .box:nth-of-type(4) i {background-image: url(../images/icon-4-4.png);}
.contact-s2 .box input, .contact-s2 .box textarea { width: 100%;font-size:0.18rem;  color: #bbbbbb;}
.contact-s2 .box input {height: 70px;padding: 0 20px 0 60px;}
.contact-s2 .box textarea {height: 3rem;padding: 22px 60px; resize: none;}
.contact-s2 .box p {font-size: 14px;color: #bbbbbb; position: absolute;bottom: 30px; left: 24px; right: 24px;}
.contact-s2 .button { display: block;width: 240px;height: 60px;background-color: #002896; font-size: 18px;color: #fff; margin: 0 auto; cursor: pointer;border-radius: 2em 0 2em 0; border: none;}
.contact-s2 .button:hover { background-color: #ff9600;}


@media screen and (max-width: 768px){
.contact-s2 .box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
}

/*******page*******/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #0964a1; border-color: #0964a1;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}