@charset "utf-8";
/* CSS Document */

.nbanner{ position:relative;}
.nbanner .bgImg{ height:5.3rem;}
.nbanner::before {content: "";position: absolute;left: 0;top: 0;z-index:1;width: 100%;height: 100%;background: rgba(0, 0 , 0, .3);}
.nbanTxt{ position:absolute; left:0; z-index:3; width:100%; top:52%; transform:translateY(-50%); color:#fff;}
.nbanTxt strong{ font-size:0.44rem; line-height:1.5; display: block; letter-spacing: 1px; text-align: center;}
.nbanTxt p{ font-size: 24px; line-height: 40px; letter-spacing: 2px; display: block; margin-top: 16px; }

.npos{ position:relative;height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 18px;}
.npos_home{ margin-right:8px; color: #fff; }
.npos_a{ font-size:18px;margin-left:8px; color: #fff;}


/* banner_nav */
.banner_nav {border-bottom:1px solid #e5e5e5;}
.banner_nav a {color: #333; font-size:18px;padding: 20px 0.3rem;transition: .5s all;display: block;position: relative;}
.banner_nav a:before {content: '';position: absolute;bottom: 0;left: 51%;right: 51%;height: 1px;background-color: #224b86;transition: .5s all;}
.banner_nav a:hover ,.banner_nav a.active {color: #224b86;}
.banner_nav a:hover:before  ,.banner_nav a.active:before {left: 25px;right: 25px;}


/*****about**********/
.n_about_bg{ position:relative; width:100%; padding:1rem 0px;}
.n_about_box{position: relative;display: flex;justify-content: space-between;align-items: center;}
.n_about_box .n_about_Lx {width: 45%;display: flex;flex-direction: column;justify-content: center;}
.n_about_box .n_about_Pt{font-size:16px;line-height:1.5;text-transform:uppercase;font-weight:600;position:relative;color:#224b86;transform:scale(1,1.1);margin-bottom: 0.1rem;}
.n_about_box .n_about_Pt:after{position:absolute;content:"";width:50px;height:1px;top:12px;align-items:center;margin-left:10px;background:#224b86;}
.n_about_box .n_about_Ptit {font-weight:bold;font-size: 0.24rem;color:#000;}
.n_about_box .n_about_des {font-size: 16px;line-height: 2;color: #555555;margin-top: 1vw;text-align: justify;}
.n_about_box .n_about_des p:not(:first-child){/* margin-top:0.3rem; */}

.n_about_box .n_about_Rx { position: relative; width: 51%;overflow: hidden }
.n_about_box .n_about_Rx  .hm_c1Rx_img { position: relative; width: 100%; height:6.5rem; overflow: hidden; border-radius:20px; }
.n_about_box .n_about_Rx_txt{ text-transform:uppercase; color:rgba(255,0, 0, 0.1); line-height:2; font-size:0.8rem; text-align:right;}
.n_about_box  .n_about_Rx_img { position: relative; width: 100%; height:6.5rem; overflow: hidden; border-radius:20px; }


.n_brand_bg{ position:relative; width:100%;}

.ab-01 { position:relative; padding:1rem 0px 2.6rem;background:url(../images/n_brand_bg.jpg) no-repeat center; background-size: cover;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;background-attachment:fixed;}
.ab-01:after{position: absolute; width: 100%;height: 100%;left: 0;top: 0;z-index: 1; content: "";display: block;background:rgba(37, 31, 31, 0.75);}
.ab-01 .n_brand_tit{position:relative;z-index:3; text-align:center; color:#fff; font-weight:bold;font-size:0.5rem; margin-bottom:0.9rem;}

.n_brand_item{ position:relative; z-index:3;}
.n_brand_item .item{ width:33.33%; float:left; }
.n_brand_item .item .sz{text-align:center;color:#fff; margin-bottom:0.2rem;}
.n_brand_item .item .sz span{ font-size:0.58rem;font-family:"Bebas"; line-height:1;}
.n_brand_item .item .sz em{ font-size:16px; position:absolute; font-style:normal; margin-left:10px;}
.n_brand_item .item .txt{ text-align:center; color:#fff;font-size:18px;  line-height:2; }

.ab-02 { position: relative;z-index:3; bottom:0.8rem; }
.ab-02 ul{ }
.ab-02 ul li{ width:32%; background:#fff; text-align:center; position:relative; box-shadow:0 0 30px 0 rgba(27,68,163,.1); padding:0.6rem 0.9rem; -webkit-transition: all 0.6s;
transition: all 0.6s;}
.ab-02 ul li:after{ right:-4px; bottom:-4px; background:#224b86; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li:before{ left:-4px; bottom:-4px; background:#224b86; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li h1{ font-size:26px; font-weight:bold; margin-bottom:0.3rem; line-height:2;}
.ab-02 ul li .more{ color:#333; font-size:16px;line-height:1.8; letter-spacing:0px;transform: scale(1,1.1);}
.ab-02 ul li:hover{ box-shadow:0 0 30px 0 rgba(0,119,180, 0.75);background:#224b86;}
.ab-02 ul li:hover h1,.ab-02 ul li:hover .more{ color:#fff}

/*************honor*****************/
.n_honor_bg{ position:relative; padding:0.9rem 0px;background: #f8f8f8;}
.n_honor_bg .n_brand_tit{position:relative;z-index:3; text-align:center; text-transform:uppercase;color:#333; font-weight:bold;font-size:0.5rem; margin-bottom:0.9rem;}

.honor-slide {box-sizing: border-box;position: relative;z-index: 2;padding: 2.5vw 20px 44px;width: 33.333%;background: #fff;border-radius: 20px;text-align: center; margin:0px 0.12rem;height: auto;}
.honor-slide:hover:before {height: 50%;}
.honor-slide:hover figure img {transform: scale(1.06);}
.honor-slide:hover strong {color: #fff;}
.honor-slide:before {position: absolute;left: 0;bottom: 0;z-index: -1;content: "";width: 100%;height: 0;border-radius: 0 0 20px 20px;background: #224b86;transition: 0.68s;}
.honor-slide figure {position: relative;height: 3rem;text-align: center;}
.honor-slide figure img {display: inline-block;margin: auto;max-width: 100%;max-height: 100%;transition: 0.68s;}
.honor-slide strong {display: block;margin-top: 36px;color: #333333;font-size: 20px;font-weight: bold;line-height: 1.5;transition: 0.35s;}


.honorswiper{padding: 0px 0.7rem;margin-top:20px;}
.honorswiper .slick-track{ margin:0;}
.honorswiper .slick-prev{background: url(../images/ftBtn.png) no-repeat center center;display: inline-block;height: 0.6rem;width: 0.6rem;position: absolute;left: 5px;top: 50%;text-indent: 1000px;white-space: nowrap;border:1px solid #333;overflow: hidden;cursor: pointer;margin-top: -0.3rem;z-index: 2;transition:all 0.5s ease;border-radius:50%;transform:rotate(180deg);opacity:0.5;background-size: 0.2rem auto;}
.honorswiper .slick-next{background: url(../images/ftBtn.png) no-repeat center center;display: inline-block;height: 0.6rem;width: 0.6rem;position: absolute;right: 5px;top: 50%;text-indent: 1000px;white-space: nowrap;border:1px solid #333;overflow: hidden;cursor: pointer;margin-top: -0.3rem;z-index: 2;transition:all 0.5s ease;border-radius:50%;opacity:0.5;background-size: 0.2rem auto;}
.honorswiper .slick-prev:hover,.hmc4yrs .slick-next:hover{ opacity:1;}



/************partner*****************/
.partner{position:relative;background:#f9f9f9;padding: 0.8rem 0px;}
.partner .n_brand_tit{position:relative;z-index:3;text-align:center;text-transform:uppercase;color:#333;font-weight:bold;font-size:0.5rem;margin-bottom: 0.5rem;}

.partner .list {display:flex;flex-flow:row wrap;padding-top: 0.35rem;padding-bottom: 1rem;}
.partner .list li {margin-top:1.1%;margin-right:1.1%;padding:20px;width:15.75%;height:120px;font-size:0;text-align:center;box-sizing:border-box;background-color:#fff;transition:box-shadow ease-out 250ms;overflow:hidden; display: flex; flex-direction: column; justify-content: center;}
.partner .list li:nth-child(6n) {margin-right:0;}
.partner .list li span {max-height:100%;}
.partner .list li img {max-width:100%;max-height:100%;transition:transform ease-out 400ms;}
.partner .list li:hover {box-shadow:0 0 8px rgba(0,0,0,0.2);}
.partner .list li:hover img {transform:scale(1.08);}

.public_anchor{    position: relative; top: -100px;}

.hmCon4{ background: url(../images/hmc4bg.jpg) no-repeat fixed center center; padding: 90px 0px; background-size:cover; position:relative; overflow:hidden;}
.hmCon4:before{content:""; width:100%; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:0; bottom:145px;}
.hmCon4 .n_brand_tit{position:relative;z-index:3; text-align:center; text-transform:uppercase;color:#fff; font-weight:bold;font-size:0.5rem; margin-bottom:0.9rem;}


.hmc4bg{ display:none;}
.hmc4bg .bgImg{}

.hmc4SwiperWpr{ margin-top:5vw; margin-bottom:10vw; position:relative;}
.hmc4Swiper{ max-width:1120px; width:100%; margin:0 auto;}
.hmc4item{color:#fff;text-align: center;}
.hmc4item span{padding-top: 75px;font: bold 100px/150px rbt_bb;transition:all 0.8s ease;opacity:0;transform:translateX(120px);color: #fff;}
.hmc4des{transition:all 0.8s ease;opacity:0;transform:translateX(120px);margin-top: 40px;font-size: 18px;line-height: 1.6;}
.hmc4des:after {display: block;margin: 30px auto 0 auto;width: 48px;height: 3px;content: "";background-color: #48b14c;}

.hmc4yrs{ height:110px; position:relative; z-index:2;}
.hmc4yr{ color:#fff; position:relative; text-align:center; transition:all 0.5s ease; height:110px; cursor:pointer}
.hmc4yrs .hmc4yr:nth-child(2n){ padding-top:82px;}
.hmc4yr:before{content:""; width:16px; height:16px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,0.3);}
.hmc4yr:after{content:""; width:8px; height:8px; background:#fff; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
.hmc4yr span{ font-size: 25px; font-weight: bold; line-height: 28px; display:block;}
.hmc4yr span.htit{ position:absolute;width: 100%; bottom:0; left:0; text-align:center;}
.hmc4yrs .hmc4yr:nth-child(2n) span.htit{ top:0; bottom:auto;}

.slick-current.hmc4yr:before{ background:rgba(13,86,166,0.8); width:28px; height:28px;}
.slick-current.hmc4item span{opacity:1; transform:translateX(0);}
.slick-current.hmc4item .hmc4des{opacity:1; transform:translateX(0); transition-delay:0.2s;}

.hmc4Swiper .slick-prev{ background: url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -200px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; margin-top:-10px; transform:rotate(180deg); }
.hmc4Swiper .slick-next{background: url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -200px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; margin-top:-10px;}
.hmc4Swiper .slick-prev:hover,.hmc4Swiper .slick-next:hover{background-image:url(../images/hmc4btnBg.png);}

.hmc4Swiper .slick-next.slick-disabled,
.hmc4Swiper .slick-prev.slick-disabled{ opacity:0!important; cursor:default;}


@media (max-width:767px){
.hmc4SwiperWpr{transform:scale(0.9);}
.hmc4anix img:nth-child(4){display:none;}
.hmc4item span{font: bold 50px/100px rbt_bb;}
.hmc4des{margin-left:0px;}

}




/*************新闻*******************/
.n_news_bg{ position:relative; padding:0.9rem 0px;background: #f8f8f8;}
.n-news-top{ position:relative; overflow:hidden;align-items: center;background: #fff;}
.n-news-top .boxLeft{ width: 46%;}
.n-news-top .boxLeft .hnews-pic{ height:4.5rem;}
.n-news-top .boxRight { width: 54%; box-sizing: border-box;  padding:0px 3% 0px 5%;}
.n-news-top .boxRight .content1 {font-size: 16px;color: #999;}
.n-news-top .boxRight .content2 {font-size: .3rem;color: #000;margin-top: 0.25rem; padding-bottom:0.3rem;transition: 0.4s;font-weight: bold;border-bottom: 1px solid #e5e5e5;}
.n-news-top .boxRight .content3 {font-size: 16px;color: #666;line-height: 1.9; margin-top:0.25rem;}
.n-news-top .boxRight .content4 {margin-top: 0.5rem;}


.n-news-bottom{ position:relative; overflow:hidden; margin-top:0.4rem;}	  
.rn_news{ width:100%;position:relative; }
.rn_news .item { float: left; width: 32%; margin-right: 2%; box-shadow: 0px 0px 16px #eee; transition: 0.4s; margin-bottom:.35rem;}
.rn_news .item:nth-child(3n) { margin-right: 0;}
.rn_news .item a { display: block;}
.rn_news .item a .content1 { overflow: hidden;}
.rn_news .item a .mc_list_imgbox { position: relative;overflow: hidden; width:100%;}
.rn_news .item a .mc_list_png {object-fit: cover;z-index: initial;width: 100%;}
.rn_news .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}
.rn_news .item a .content2 {padding: 0.35rem;background:#fff;}
.rn_news .item a .content3 {font-size: 18px;line-height:1.5;font-weight:bold;color: #1b1c1c;height: 54px;transition: all .6s;}
.rn_news .item a .content4 {font-size:16px;line-height:1.8;height:57.6px;color: #666666;margin-top:0.2rem;transition: all .6s;}
.rn_news .item a .content5 {font-size:14px;color:#999;margin-top:0.2rem;transition: all .6s;}
.rn_news .item:hover a .content1 img {  transform: scale(1.1);}
.rn_news .item:hover a .content2 { background:#224b86;}
.rn_news .item:hover a .content3,.rn_news .item:hover a .content4,.rn_news .item:hover a .content5 { color: #fff;}


/*************case*****************/
.n_case_bg{ position:relative; padding:0.9rem 0px;background: #f8f8f8;}
.n_case_box{ width:100%;position:relative; overflow:hidden; margin-left: -15px;}
.n_case_box .caselist {position: relative; width: calc(100% * 1 / 3.001); padding-left:15px;  transition: .5s all; box-shadow: 0px 0px 16px #eee; overflow: hidden; margin-bottom:.2rem;}
.n_case_box .caselist .caselist_toggle{position: relative;box-sizing: border-box; width: 100%;  max-width: 100%;display: inline-block;flex: auto;transition: .5s all; vertical-align: middle;}
.n_case_box .caselist .mc_list_imgbox { position: relative;overflow: hidden;}
.n_case_box .caselist .mc_list_png {object-fit: cover;z-index: initial;width: 100%;}
.n_case_box .caselist .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}


.caselist_bototm {position: absolute;top: 0;bottom: 0; z-index: 2;left: 0; right: 0;padding: 30px 30px;justify-content: center;display: flex;align-items: center;background: rgba(255,0,0,.8);transform: translateY(100%);transition: .5s all;opacity: 0;}
.caselist_bototm .text-center{ text-align:center;}
.caselist_bototm  h3 {font-size: 24px;color: #fff;font-weight: bold;}
.caselist_bototm .text-center-top{ margin-top:0.4rem;}
a.view_btn {display: inline-block;border: 1px solid #FFFFFF;overflow: hidden;position: relative;text-align: center;transition: .5s all;width: 46px;height: 46px;border-radius: 50px; background-color: transparent;}
a.view_btn span {position: relative;z-index: 1;display: inline-block;}
a.view_btn:before {content: '';left: 0;top: 0;bottom: 0;right: 100%;background-color: #015f9f;transition: .5s all;position: absolute;}
a.view_btn:hover {border-color: #d71524;}
a.view_btn:hover:before {right: 0;}

.n_case_box .caselist:hover .caselist_bototm{opacity:1;transform: translateY(0%);}
.n_case_box .caselist:hover .mc_list_img{ transform: scale(1.1);}


/* prolist */
.n_pro_bg{ position:relative; padding:0.9rem 0px;background: #fff;}
.prolist * {transition: .5s remall;}
.prolist .protit {font-size:0.48rem;font-weight: bold;color: #191919;text-align: center!important; margin-bottom:0.4rem;}

.prolist a.productlist_nav {color: #333;position: relative;margin: 0 20px;font-size: 18px;margin-bottom: 44px;}
.prolist a.productlist_nav:hover ,.prolist a.productlist_nav.active{color: #224b86;}
.prolist a.productlist_nav:before {content: '';position: absolute;bottom: -20px;left: 50%;right: 50%;height: 2px;background-color: #224b86;transition: .5s all;}
.prolist a.productlist_nav:hover:before ,.prolist a.productlist_nav.active:before {left: 0;right: 0;}

.n_pro_box{width:100%;position:relative;margin-top: 50px;}
.n_pro_box .item { float: left; width:23.8%; margin-right: 1.6%;transition: 0.4s; margin-bottom:.35rem;}
.n_pro_box .item:nth-child(4n) { margin-right: 0;}
.n_pro_box .item a { display: block;}
.n_pro_box .item a .content1 { overflow: hidden; background:#fff; box-shadow: 0px 0px 12px rgba(4,0 ,0, 0.1); }
.n_pro_box .item a .mc_list_imgbox { position: relative;overflow: hidden;}
.n_pro_box .item a .mc_list_png {object-fit: cover;z-index: initial; width:100%;}
.n_pro_box .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;transition: all .6s;}
.n_pro_box .item a .content2 { position: relative;padding:0.18rem 0px;font-size:18px; text-align:center;}
.n_pro_box .item a .content2::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e5e5e5;}
.n_pro_box .item a .content2::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: #224b86;transition: all .6s;}
.n_pro_box .item:hover a .content1 img {  transform: scale(1.1);}
.n_pro_box .item:hover a .content2 { background:#224b86; color: #fff}
.n_pro_box .item:hover a .content2::after { width: 100%; }




.n_pro_wrap {align-items:center; width:100%; margin-top:0.6rem; margin-bottom:40px;}
.n_pro_img { width:50%; order:1; overflow:hidden; border-radius:5px;border:1px solid #ddd; text-align:center;}
.n_pro_img img{ width:100%; vertical-align:middle;}
.n_pro_text {width:45%;order:2;}
.n_pro_text .n_pro_tit{ color:#005aac;font-size:0.3rem;font-weight:600;}
.n_pro_text .n_pro_des{font-size: 18px;line-height: 1.6;color:#313133;margin: 10px 0px 15px;}
.n_pro_text .n_pro_p{font-size: 14px;line-height: 1.8;}


/*招贤纳士*/
.n_join_bg{ position:relative; width:100%; padding:0.8rem 0px;}
.n_join_box{ text-align:center;}
.n_join_tit{ font-size:0.48rem; color:#1c1c1c; line-height:1.5;}
.n_join_tit strong{display:block;font-size:0.48rem;color:#1c1c1c;font-weight: normal;}
.n_join_tit span{font-size:0.48rem; color:#e9203c;}
.n_join_info{ margin-top:0.15rem;}
.n_join_info P{ font-size:0.18rem; line-height:1.9; color:#555555;}


.n_joincite_bg{ background: url(../images/n_joincite_bg.jpg) no-repeat center bottom; padding:0.8rem 0px; background-size: cover; position: relative; width:100%; }
.n_joincite_box{ position:relative; text-align:center; padding-bottom:calc(50px + 0.3rem);}
.item_cite{align-items: center;}
.cite_lf{ width:40%; text-align:left !important;}
.cite_lf .cite_tit{ font-size:0.36rem; color:#333333; font-weight:bold;}
.cite_lf .cite_info{ margin-top:0.4rem;}
.cite_lf .cite_info p{font-size:0.18rem;line-height: 1.5;color:#333333;margin-bottom: 15px;}
.cite_rf{ width:60%;}

.n_joincite_box .swiper-button-next, .n_joincite_box .swiper-button-prev {top: auto; bottom:0;width: 42px;height: 42px;margin-top: 0px;-moz-background-size: 16px 16px;-webkit-background-size: 16px 16px;background-size: 16px 16px;background-position: center;border: 2px solid #333333;border-radius: 50%;}
.n_joincite_box .swiper-button-prev{ left: 40%;right: auto;}
.n_joincite_box .swiper-button-next{left:auto;right:calc(60% - 140px);}


/*招聘职位*/
.joinWarp{ position:relative;  padding:1rem 0px; overflow:hidden;}

.m-list13{border-radius:.2rem;overflow:hidden;border-bottom: none;border: 1px solid #e7e7e7;}
.m-list13 .top{display:table; width:100%; background:#f6f8fa; color:#333;-webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.m-list13 .top .item_job{ display:table-cell; vertical-align:middle; line-height:.96rem;cursor:pointer;font-size:.18rem;}
.m-list13 li.on .top,.m-list13 li .top:hover{background: #224b86;color: #ffff;}
.m-list13 .top .item_job:nth-child(1){width: 40%;padding-left:.5rem;font-weight:bold;}
.m-list13 .top .item_job:nth-child(2){width: 25%;}
.m-list13 .top .item_job:nth-child(3){width: 25%;}
.m-list13 li .top .item_job:nth-child(4){background:url(../images/icon_close.png) no-repeat center center;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;background-size: 0.2rem;}
.m-list13 li.on .top .item_job:nth-child(4){ background-image:url(../images/icon_open.png);}
.m-list13 li{overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.m-list13 li:last-child{overflow: hidden;border-bottom:none;}

.m-list13 .con{display:none;position: relative;overflow:hidden;font-size:.16rem;line-height: 2;color:#666666;padding: .3rem 0 0.1rem;}
.m-list13 .con .conitem{margin-bottom: .2rem;padding: 0 .5rem;}
.m-list13 .con .conitem h5{font-size:.16rem;font-weight: bold;color:#333;}
.m-list13 .con .applyBtn a{display: block;width: 1.5rem;line-height:.5rem;border-radius:.5rem;text-align: center;background: #0b53a7;color:#fff;font-size:.16rem;position: absolute;right: .95rem;bottom:1rem;}

@media(max-width:768px){
.m-list13 .con .conitem h5 { font-size: 14px;}	

.m-list13 .con{font-size:13px;}
}




/*弹窗*/
.jobfixWarp{position: fixed;z-index: 99;background:rgba(255,255,255,.8);top: 0;left: 100%;width: 100%;height: 100%;transition:.5s;}
.jobfixWarp.show{left: 0;}
.jobfixWarp .jobfixCont{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.jobfixWarp .jobfixCont .contener{box-shadow:0 .1rem .15rem rgba(0,0,0,.2);padding:.8rem 10%;background: #fff;}
.jobfixWarp .jobfixCont .contener h5{font-size:.24rem;color:#0b53a7;text-align: center;font-weight:normal;margin-bottom:.5rem;}


.jobfixWarp .jobfixCont .contener .form{}
.jobfixWarp .jobfixCont .contener .form .itemBox{margin-bottom:.2rem;}
.jobfixWarp .jobfixCont .contener .form .itemBox .item{width: 41%;float: left;}
.jobfixWarp .jobfixCont .contener .form .itemBox .item:nth-child(even){float: right;}
.jobfixWarp .jobfixCont .contener .form .itemBox .item label{display: inline-block;vertical-align: middle;width: 1.15rem;font-size:.16rem;}
.jobfixWarp .jobfixCont .contener .form .itemBox .item input{display: inline-block;vertical-align: middle;width: calc(100% - 1.25rem);line-height:.5rem;height: .5rem;border-radius:.5rem;background:#f5f6f9;padding:0 .2rem;font-size:.16rem;}
.jobfixWarp .jobfixCont .contener .form .itemBox.w100 .item{width: 100%;}
.jobfixWarp .jobfixCont .contener .form .btnBox{margin-top: .8rem;text-align: center;}
.jobfixWarp .jobfixCont .contener .form .btnBox .sub{display: inline-block;vertical-align: middle;width: 1.5rem;line-height:.5rem;margin: 0 .1rem;border-radius:.5rem;font-size:.16rem; border:0;}
.jobfixWarp .jobfixCont .contener .form .btnBox .clo{display: inline-block;vertical-align: middle;width: 1.5rem;line-height:.5rem;margin: 0 .1rem;border-radius:.5rem;font-size:.16rem;background:#f5f6f9;color:#0b53a7;}
.jobfixWarp .jobfixCont .contener .form .btnBox .sub{background:#0b53a7;color:#fff;}




/*************contact******************/
.n_contact_bg{ position:relative; width:100%; padding:0.8rem 0px; background:#f5f5f5; overflow:hidden;}

/*col*/
.col { width: 100%; max-width:1420px; overflow: hidden; margin: 0.6rem auto;  position: relative; z-index: 2;  }
.col ul { float: left; width: 100%; height: 100%; overflow: hidden; }
.col ul li {float: left;width: 33.33333%;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: space-between;}
.col ul li samp {width:0.6rem;height: 0.6rem;overflow: hidden;border-radius: 50%;position: relative;}
.col ul li samp:before { width: 100%; height: 100%; content: ""; border-radius: 50%; background:#fff; border: 2px solid #1497db;position: absolute; left: 0px; top: 0px; opacity: 1; z-index: 2; }
.col ul li samp:after { width: 100%; height: 100%; content: ""; border-radius: 50%; background:#224b86; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 2; }
.col ul li samp img { width:0.35rem; height:0.35rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 12; }
.col ul li samp img:last-child { opacity: 0; }
.col ul li .col-right {width: calc(100% - 0.8rem);overflow: hidden;}
.col ul li span { width: 100%; overflow: hidden; font-size:0.18rem; color: #666666; line-height:1.5;  }
.col ul li p {  width: 100%; overflow: hidden; font-size: 0.2rem; color: #333333; line-height:1.5; font-weight:bold; }
.col ul li:hover samp:before { opacity: 0; }
.col ul li:hover samp:after { opacity: 1; }
.col ul li:hover samp img { opacity: 0; }
.col ul li:hover samp img:last-child { opacity: 1; }
.col ul li:hover p { color:#224b86; }

#allmap {
    width: 100%;
    height: 460px;
    overflow: hidden;
    border: 1px solid #949494;max-width:1200px;margin: 0px auto;
    margin-bottom: 20px;
}

/*********masseag************/
.n_contact_masseag {position: relative;width: 100%;padding: 0.8rem 0px;}

.n_contact_tit {text-align: center;}
.n_contact_tit .n_contact_big {font-size: 0.34rem;text-align: center;line-height: 2;font-weight: bold;}
.n_contact_tit .n_contact_small {font-size: 0.18rem;text-align: center;line-height: 1.8;color: #888;}

.n_contact_masseag form {width: 100%;margin-top: 0.6rem;border-radius: 0.1rem;border: 1px solid rgba(25, 174, 191, 0.27);background: #fff;box-shadow: 0px 0px 0.129rem 0px rgba(0, 0, 0, 0.11);padding: 0.51rem 0.4rem 0.59rem;margin-bottom: 1.1rem;}

.n_contact_masseag form .t {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;margin-bottom: 0.14rem;}

.n_contact_masseag form .t span {color: #e62f43;margin-right: 0.06rem;}

.n_contact_masseag form .input-wrap {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 0.37rem;}

.n_contact_masseag form .input-wrap .l,
.n_contact_masseag form .input-wrap .r {width: calc((100% - 0.72rem) / 2);}

.n_contact_masseag form .input-wrap .l .b,
.n_contact_masseag form .input-wrap .r .b {background-color: #f5f5f5;border-radius: 0.1rem;overflow: hidden;}

.n_contact_masseag form .input-wrap .l .b input,
.n_contact_masseag form .input-wrap .r .b input {padding: 0.2rem 0.3rem;background-color: unset;border: unset;font-size: 0.16rem;width: 100%;}

.n_contact_masseag form .input-wrap .l {margin-right: 0.72rem;}

.n_contact_masseag form .input-item textarea {width: 100%;height: 1.21rem;background-color: #f5f5f5;padding: 0.2rem 0.3rem;box-sizing: border-box;border: unset;border-radius: 0.1rem;}

.n_contact_masseag form .tips {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;margin-top: 0.28rem;margin-bottom: 0.93rem;}

.n_contact_masseag form .tips span {color: #a7a7a7;}

.n_contact_masseag form .tips p {color: #a7a7a7;}

.n_contact_masseag form .submit {margin: 0 auto;background-color: #224b86;width: -moz-min-content;width: min-content;white-space: nowrap;border-radius: 0.345rem;border: 0.01rem solid #224b86;transition: all 0.3s linear;margin-top: 0.4rem;}

.n_contact_masseag form .submit:hover {background-color: #fff;border: 0.01rem solid #224b86;}

.n_contact_masseag form .submit .button {font-size: 0.18rem;color: #fff;padding: 0.2rem 0.75rem;background-color: unset;border: unset;cursor: pointer;transition: all 0.3s linear;}

.n_contact_masseag form .submit:hover .button {color: #224b86;}

@keyframes autoHeight {100% {  height: 500px;}
}

/*****详细页*****/
.news-art-main{background: #fff;margin:0px auto;padding:4%;}
.art-tit h4{text-align: center;font-size: 22px;line-height:1.4;padding-bottom:0.2rem;color: #333;}
.art-tit h5{text-align: center;font-size: 14px;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:0.4rem 0px;font-size: 0.18rem;line-height:1.9;color: #444;}
.art-main p{text-indent: 2em;font-size: 0.18rem;line-height:1.9;color: #444;}


.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:#c61634;}
.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 #c61634;line-height:36px;text-align: center;box-sizing: border-box;color: #c61634;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #c61634;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/********分页*********/
.text-center {text-align: center;  clear: both;}
.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: #224b86; border-color: #224b86;}
.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;}


@media (max-width:767px){
.hmCon_Con {flex-wrap:wrap;}
.hm_c1Lx {width:100%; margin-bottom:20px;}
.hm_c1Rx { width: 100%;}
.hm_c1Rx_img {
    position: relative;
    width: 100%;
    height: 4.5rem;
}
.hmc2ul li strong span {font: 0.4rem rbt_bb;}
.hmc2ul li p {font: 100 16px/30px "";}
.hmc4yr span {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    display: block;
}
.news-center-top {flex-wrap:wrap;}
.news-title { width:100%;}
.n_about_box {flex-wrap:wrap;}
.n_about_box .n_about_Lx {width: 100%;display: flex;flex-direction: column;justify-content: center; }
.n_about_box .n_about_Rx .hm_c1Rx_img {   height: 4.5rem;}
.n_about_box .n_about_Rx { position: relative; width: 100%;overflow: hidden;margin-bottom:15px; }

.news-center-t {flex-wrap:wrap;}
.news-center-info {position: relative;width: 100%;}
.news-center-right {width: 100%;margin-top: 2vw;}
.news-c-in strong {
    display: block;
    margin-bottom: 1.25vw;
    line-height: 2;
    color: #000000;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.4s;
}

.news-center-list li {
    margin-right: 0%;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.index_sale_bg .left {width: 100%;float: left;}
.index_sale_bg .right {width:100%;float: left;margin: 0 auto;position: relative;overflow: hidden}
.join-wrap .input .li {
    float: left;
    width: 100%; margin-bottom:10px;
    padding: 0 0.1rem;
}
.join-wrap .input {
    padding: 0rem;
    overflow: hidden;
}

.n_pro_box .item {
    float: left;
    width: 100%;
    margin-right: 0%;
    transition: 0.4s;
    margin-bottom: 0.35rem;
}

.n_pro_img { width:100%; order:1; overflow:hidden; border-radius:5px;border:1px solid #ddd; text-align:center; margin-bottom:20px;}
.n_pro_img img{ width:100%; vertical-align:middle;}
.n_pro_text {width:100%;order:2;}


.rn_news .item {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.n-news-top .boxLeft {
    width: 100%;
}
.n-news-top .boxLeft .hnews-pic {
    height: 4rem;
}
.n-news-top .boxRight {
    width: 100%;
    box-sizing: border-box;
    padding:20px;
}
.col ul li {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; margin-bottom:15px;
}
.col ul li span { width: 100%; overflow: hidden; font-size:16px; color: #666666; line-height:1.5;  }
.col ul li p {  width: 100%; overflow: hidden; font-size:18px; color: #333333; line-height:1.5; font-weight:bold; }


.partner .list li {
    margin-top: 1.1%;
    margin-right: 1.1%;
    padding: 20px;
    width: 48.9%;
    height: 120px;
  
}
.ab-02 ul li { width: 100%; margin-bottom:10px; padding: 0.6rem 0.9rem;}
.n_brand_item .item .txt {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 2;
}



}