/* ====首页====== */

html{ font-size: 100px;}

body{ background-color:#fff; opacity: 0;}

/** header **/
.f18{font-size:0.18rem!important}
.header{position: fixed;width: 100%;background: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 99; }

.loarea{ height:0.96rem; position:relative; z-index:3; padding: 0 3%;}

.loarea{ display: flex; justify-content: space-between; align-items: center; }

.logo{ width:2.5rem; height: 0.96rem; display:flex; align-items: center; }

.logo .tp{ height:.58rem; width:auto;}



.topSearch{ position: relative; height: 0.96rem; align-items: center; display: inline-flex; margin-left: .4rem; }



.searchBtn{ font-size:.16rem; color: #fff; display: inline-flex; align-items: center; cursor: pointer;}

.searchBtn::before{ font-size: .22rem; line-height: 1; margin-right: .03rem;}

.searchLay{ position: absolute; right: 0; top: 100%;  display:none;}

.search{ width: 3rem;height:.45rem;line-height: .45rem;  box-sizing: border-box;padding-right:.5rem;top:100%;right:0;background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,0.1);  }

.search .text{  width:100%;box-sizing: border-box;padding:0 0.2rem;height:100%;width:2.5rem;}

.search .text::placeholder { color: #fff;}

.search .tj{position: absolute;width:.5rem;height:100%;position: absolute;right:0;top:0; background-color: #043478; }

.search .tj::before{ font-size: .22rem; color: #fff; font-weight: bold; }



.topLan{ position: relative; height: 0.96rem; align-items: center; display: inline-flex;  margin-left: .3rem;  }

.lanBtn{ font-size:.16rem; color: #fff; display: inline-flex; align-items: center; cursor: pointer;}

.lanBtn::before{ font-size: .22rem; line-height: 1; margin-right: .03rem;}

.lanLay{ position: absolute; right: 0; top: 100%; background-color: #fff; display: none; }

.lanLay a{ width: .8rem; display: block; font-size: .16rem; padding: 0.5em 0; text-align: center;}

.lanLay a:hover{ background-color: #043478; color: #fff;}



/*PC导航 begin*/

.nav{  z-index:5; margin-left: auto;}

.navul{ font-size:0; display: flex; justify-content: space-between;}

.navul li{ display:inline-block;white-space: nowrap;  padding:0 0.2rem; font-size:.2rem;position:relative;}

.navul li>a{  color: #fff; text-align:center; display:inline-block;  line-height:.88rem; height:.88rem; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: .02rem; background-color:#fff ; position: absolute; left: 50%; bottom: 0.1rem; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li:hover>a,.act_nav{color:#fff !important; font-weight: bold;}

.navul li:hover>a::after,.act_nav::after{  width:100% !important;}





/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -0.6rem; top:.88rem; width:1.8rem;padding-top: 0rem;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: .08rem solid transparent; border-bottom-color: #fff; position: absolute; top: -0.16rem; left: 50%; margin-left: -0.06rem; display: none;}

.subnav>.nr{background:#fff; padding:.1rem 0; box-shadow: 0 .02rem .1rem 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: .06rem .15rem; box-sizing: border-box; width:100%; font-size:.18rem; display:block;  color:#333; }

.subnav .nr a:hover{ color: #fff !important; background-color: #043478; }





/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:21px; height:26px; top:50%; transform:translateY(-50%) ; right:2%; cursor:pointer; display:none; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

.menubtn .tp{ width: 100%;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 88%; height: 100vh; overflow-y: auto; background-color:#162141; position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 8px; display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size: 12px; }

.act_inav{ border-color: #043478 !important; color:#043478 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}



/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:100vh; object-fit: cover; display:block;}

.banner .swiper-slide:hover .banimg{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

.banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banIntro  .wp{  color: #fff;}

.banIntro .tit{ 
    /*font-size: .96rem; */
        font-size: .7rem;
    line-height: 1.3; }

.banIntro .subtit{ font-size: .24rem; margin: 0.2rem 0 0.9rem;}

.morea{ display: inline-block; height: .5rem; line-height: .5rem; padding: .02rem; border-radius: .6rem; -webkit-border-radius: .6rem; -moz-border-radius: .6rem; -ms-border-radius: .6rem; -o-border-radius: .6rem; border: .01rem solid #fff; display: inline-flex; align-items: center;  }

.morea .val{ font-size: .14rem; display: inline-block; padding: 0 2em;color: #fff;}

.morea .iconfont{color: #fff; display: inline-flex; align-items: center; justify-content: center; width: .5rem; height: .5rem; background-color: #1b7fb8; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }

.morea:hover .iconfont{  background-color: #5091ec; font-size: 0.2rem; margin-left: .05rem;}



/* .banner .swiper-pagination{ bottom:.24rem !important;}

.banner .swiper-pagination-bullet{width:.18rem;height:.18rem;padding: 0;background-color:transparent; border:.01rem solid #0054A4; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 .11rem !important;}

.banner .swiper-pagination-bullet-active{background-color:#0054A4;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;} */

.banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

.banner .swiper-button-prev,.banner .swiper-button-next{ width:42px; height:42px; line-height: 42px; background-color: #F1A60A; top:50%; margin-top:-21px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: .8; }

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size:30px;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity: 1;}

/*banner end*/

.h_tit{ position: relative;margin-bottom: 0.35rem;}

.h_tit .tit{ }

.h_tit .tit .mc ,.h_tit .tit .mc2{ display: block;}

.h_tit .tit .mc{ font-size: 0.56rem;color: #000;font-weight: bold;line-height: 1;}

.h_tit .tit .mc2{ font-size: 0.24rem;color: #000;font-weight: bold;margin-top: 0.1rem;}

.h_tit .tit .num{font-family: oswald;font-size: 0.3rem;color: #000;opacity: 0.1;position: absolute;right: 100%;top: 0;padding: 0 0.3rem 0 0.15rem;line-height: 1.3;}

.h_tit .tit .num::before {content: '';display: block;width: 0.3rem;height: 3px;background: #000;position: absolute;right: 100%;top: 50%;margin-top: -1.5px;}

.h_tit_w .mc,.h_tit_w .mc2{ color: #fff !important;}

.h_tit_w .num{ color: #fff !important; opacity: 0.1;}

.h_tit_w .num::before{ background-color: #fff !important;}



.morea2{ display: inline-block; height: .5rem; line-height: .5rem; padding: .02rem; border-radius: .6rem; -webkit-border-radius: .6rem; -moz-border-radius: .6rem; -ms-border-radius: .6rem; -o-border-radius: .6rem; border: 1px solid #043478; background-color: #043478; display: inline-flex; align-items: center;  }

.morea2 .val{ font-size: .14rem; display: inline-block; padding: 0 2.4em;color: #fff;}

.morea2 .iconfont{ display: inline-flex; font-size: 0.18rem; align-items: center; justify-content: center; width: .5rem; height: .5rem; color: #1b7fb8; background-color: #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }

.morea2:hover .iconfont{  background-color: #fafafa; margin-left: .05rem;}





.h_about{ padding: 1.1rem 0; background-position: center bottom;}

.h_about .wrap{ display: flex;  flex-wrap: wrap; justify-content: space-between;}

.h_about .wrap .intro{ width: 50%;}

.h_about .intro .desc{}

.h_about .intro .wz{ text-indent: 2em;}

.h_about .intro .mandiv{ margin-top: 0.3rem;}

.h_about .intro .mandiv .morea{}

.h_about .intro .counts{ margin-top: 0.3rem; display: flex;justify-content: space-between;}

.h_about .intro .counts .item{ font-size: 0.18rem;color: #666;}

.h_about .intro .counts .item .num{ font-size: 0.36rem;font-weight: normal;color: #043478;display: inline-block;margin: 0 0.1rem;}

.h_about .wrap .tparea{ width: 47%;  padding-top: 0.1rem; font-size: 0;}

.h_about .wrap .tparea .tp{ width: 100%; }

.qlink{margin-top: 0.7rem;border: 1px solid #e5e5e5; display: flex; flex-wrap: wrap; }

.qlinkItem{width: 33.33%;box-sizing: border-box;border-left: 1px solid #e5e5e5;  display: flex;justify-content: center;align-items: center;padding: 0.35rem;   }

.qlinkItem:nth-child(1){ border-left: 0;}

.qlinkItem .tparea{ width: 0.65rem;margin-right: 0.2rem;}

.qlinkItem .tparea .tp{}

.qlinkItem .des{}

.qlinkItem .des .tit{ font-size: 0.24rem;line-height: 1.5;}

.qlinkItem .des .nr{ color: #999;}

.qlinkItem:hover .tparea{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}



.h_pro{}

.h_pro .title_tabHeader{ display: flex; margin-bottom: 0.3rem; justify-content: space-between;}

.h_pro .title_tabHeader .h_tit{ margin: 0 0.5rem 0 0;}

.h_pro .title_tabHeader .hproTit{ flex: 1; min-width: 0; text-align: right;}

.hproTit{line-height: 0.8rem;font-size: 0.2rem;}

.hproTit .list{ display: inline-block; cursor: pointer; padding: 0 0.5rem;opacity: 0.5;position: relative;transition: all .3s; color: #fff;}

.hproTit .list .icon{width: 0.26rem;position: absolute;left: 50%;margin-left: -0.13rem;bottom: 0;opacity: 0;}

.hproTit .list::after{ content: '';display: block;width: 1px;height: .16rem;background: #fff;opacity: 0.3;position: absolute;right: 0;top: 50%;margin-top: -0.08rem; }

.hproTit .list:hover,.act_hpro{font-size: 0.22rem !important;opacity: 1 !important;}

.hproTit .list:hover .icon,.act_hpro .icon{ opacity: 1 !important;}

.hproContent{ }

.hproBox{ display: none;}

.hproItem{ overflow: hidden; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; background-color: #fff; }

.hproItem .tparea{ font-size: 0; overflow: hidden; text-align: center;}

.hproItem .tparea .tp{object-fit: contain;
/*aspect-ratio: 346/450; */
/*max-width: 70%;*/
  width: 100%;  
}

.hproItem .des{ background-image: linear-gradient(to right, #0978cd, #0978cd, #094284);padding: 0.12rem 0.35rem;padding-right: 0.9rem;position: relative;}

.hproItem .des .tit{ font-size: 0.2rem;height: 0.6rem;display: flex;align-items: center; color: #fff;  }

.hproItem .des .morea3{}

.hproItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hproItem:hover .des .tit{}

.hproItem:hover .des .morea3{ opacity: 1;}

.morea3{width: .3rem;height: .3rem;border: 1px solid #fff;border-radius: 50%;position: absolute;right: 0.35rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0.3; font-size: 0.18rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; }

.hproSlide .swiper-wrapper{ padding-top: 0.6rem;}

.hproSlide .swiper-slide-active{ margin-top: -0.6rem;}



.h_core{}

.home_title_header{ display: flex; margin-bottom: 0.3rem; justify-content: space-between;}

.home_title_header .h_tit{ margin: 0 0.5rem 0 0;}

.home_title_header .info{ flex: 1; min-width: 0;  font-size: 0.2rem;line-height: 1.8;padding-right: 1.2rem;max-width: 7.6rem;padding-top: 0.2rem;}

.hcoreTitPart{ display: flex;border-bottom: 1px solid #e5e5e5; align-items: center;}

.hcoreTitPart .morea2{ margin-left: 0.3rem;}

.hcoreTit{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap;position: relative;}

.hcoreTit .list{ font-size: 0.18rem; cursor: pointer; text-align: center;position: relative; padding: 1em 3em;}

.hcoreTit .list::after{ content: ''; display: block; width: 0%; height: 2px; background: #043478; position: absolute; bottom: 0px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }

.act_hcore{ color: #043478 !important;}

.act_hcore::after{ width: 100% !important;}

.hcoreContent{margin-top: 0.4rem;}

.hcoreBox{ display: none;}



.hcoreItem{ display: flex; flex-wrap: wrap; background-color: #fff;}

.hcoreItem .tparea{ width: 62.5%; font-size: 0;}

.hcoreItem .tparea .tp{  width: 100%; aspect-ratio: 845/522; object-fit: cover;}

.hcoreItem .intro{ width: 37.5%; padding: 0.45rem; box-sizing: border-box;}

.hcoreItem .intro .tit{font-size: 0.3rem;padding-left: 20px;position: relative;color: #333; }

.hcoreItem .intro .tit::after{ content: '';display: block;width: 3px;height: 60%;background: #043478;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }

.hcoreItem .intro .nr{   margin: 0.3rem 0 0.6rem 0;color: #333;}

.hcoreItem .intro .tags{ border-top: 1px solid #e5e5e5;padding-top: 0.5rem; display: flex; flex-wrap: wrap;}

.hcoreItem .intro .tags .tag{  margin-bottom: 0.1rem;color: #666;width: 48%;box-sizing: border-box;margin-right: 4%;padding-left: 15px;position: relative;float: left;}

.hcoreItem .intro .tags .tag:nth-child(2n){ margin-right: 0;}

.hcoreItem .intro .tags .tag::after{  content: '';display: block;width: 4px;height: 4px;background: #043478;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2px;}



.h_apply{}

.h_apply .wrap{ display: flex; flex-wrap: wrap; margin-top: 1rem;}

.happlyItem{ width: 23.5%; margin:  0 2% 0 0; overflow: hidden;}

.happlyItem:nth-child(2n+1){ margin-top: -0.6rem;}

.happlyItem:nth-child(4n){ margin-right: 0;}

.happlyItem a{ display: flex; position: relative;}

.happlyItem .tparea{ font-size: 0; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

.happlyItem .tparea .tp{ width: 100%; aspect-ratio: 346/550;}

.happlyItem .shade{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;padding: 0.75rem 0.55rem; z-index: 2;}

.happlyItem .shade .inner{ color: #fff;}

.happlyItem .shade .line{ display: block;width: 0.3rem;height: 3px;background: #fff;}

.happlyItem .shade .tit{ font-size: 0.24rem;color: #fff;display: block;margin-top: 0.15rem;}

.happlyItem .shade .tag{ margin: 0.5rem 0;min-height: 1.5rem;opacity: 0;transition: all .3s;transform: translateY(30px);-webkit-transform: translateY(30px);}

.happlyItem .shade .tag .list{ margin-bottom: 0.06rem; }

.happlyItem .shade .tag .list:hover{ color: #efa40c;text-decoration: underline;}

.happlyItem .shade .mandiv{transform: translateY(30px);}

.morea4{width: .5rem;height: .5rem;border: 1px solid #043478; background-color: #043478;  border-radius: 50%;opacity: 0.3; font-size: 0.22rem; display: inline-flex; align-items: center; justify-content: center; color: #fff;}

.happlyItem:hover .shade .tag{ opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}

.happlyItem:hover .shade .mandiv{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.happlyItem:hover .shade .morea4{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}



.h_news .wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.h_news .home_title_header2{ width: 22%;}

.h_news .wrap{ display: flex; flex-wrap: wrap; width: 70%;}

.home_title_header2 .h_tit{}

.home_title_header2 .info{ margin-top: 0.3rem;}

.home_title_header2 .mandiv{ margin-top: 0.3rem;}

.hnewsItem{ width: 31%; margin-right:3.5%;}

.hnewsItem:nth-child(3n){ margin-right: 0;}

.hnewsItem a{ display: block;}

.hnewsItem .tparea{font-size: 0; overflow: hidden; }

.hnewsItem .tparea .tp{ width: 100%; aspect-ratio: 250/182; object-fit: cover;}

.hnewsItem .des{padding: 0.3rem 0.3rem 1rem; border-left:1px solid #ddd;};

.hnewsItem .des .type_time{ display: flex; justify-content: space-between; align-items: center;}

.hnewsItem .des .type_time .type{ line-height: 0.24rem;font-size: 0.14rem;padding:0.4em 0.1rem;border: 1px solid #e5e5e5;color: #666;}

.hnewsItem .des .type_time .time{ color: #999;font-size: 0.14rem;font-weight: lighter;}

.hnewsItem .des .tit{ font-size: 0.18rem; line-height: 1.6; margin: 0.25rem 0;min-height: 0.64rem}

.hnewsItem .des .mandiv{ margin-top: 0.5rem;}

.hnewsItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hnewsItem:hover .des .tit{ color: #043478;}

.hnewsItem:hover .des .mandiv .morea5{ opacity: 1;}

.morea5{width: .5rem;height: .5rem; color: #043478; background-color: #d9e4f2; color: #043478;  border-radius: 50%; font-size: 0.22rem; display: inline-flex; align-items: center; justify-content: center; }

.morea5:hover{color: #fff; background-color: #043478; }



.h_relate .h_tit{ text-align: center;}

.h_relate .h_tit .num2{ text-align: center; font-size: 0.3rem; text-align: center; color: #fff; opacity: .1; position: relative; }

.h_relate .h_tit .num2::after{ content: ''; display: block; width: 0.3rem; height: 3px; background: #fff; position: absolute; left: 50%; transform:translateX(-50%) ; top: -0.12rem; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }

.h_relate .h_tit .mc{ margin-top: 0.1rem;}

.h_relate .wrap{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.hrelateItem{ width: 48%;}

.hrelateItem a{ display: block;}

.hrelateItem .tparea{ margin-top: 0.4rem; font-size: 0; overflow: hidden; border-radius:0 0.2rem 0 0.2rem ; -webkit-border-radius:0 0.2rem 0 0.2rem ; -moz-border-radius:0 0.2rem 0 0.2rem ; -ms-border-radius:0 0.2rem 0 0.2rem ; -o-border-radius:0 0.2rem 0 0.2rem ; }

.hrelateItem .tparea .tp{ width: 100%; aspect-ratio: 310/143; object-fit: cover;}

.hrelateItem .tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;}

.hrelateItem .tit::after {content: '';display: block;width: 60%;height: 1px;background: #fff;opacity: 0.5;margin-left: 0.2rem;}

.hrelateItem .tit .titbox {display: flex;width: 40%;padding-left: 50px;position: relative;}

.hrelateItem .tit .titbox::before {content: '';display: block;width: 40px;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.hrelateItem .tit .titbox .icon{ max-height: 0.32rem;}

.hrelateItem .tit .titbox span {white-space: nowrap;color: #fff;font-size: 0.18rem;display: inline-block;margin-left: 0.2rem;
  /* max-width: 200px; */
  /* display: -webkit-box; */overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.hrelateItem .desc{ font-size: 0.22rem;line-height: 1.4;color: #fff;margin-bottom: 0.2rem;}

.hrelateItem .con{ font-size: 0.16rem;line-height: 1.4;color: #fff;margin-bottom: 0.3rem; height: 1.12rem; overflow: hidden;}

.hrelateItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.footer{ background-color: #162141; color: #555;}

.f_t{padding:1rem 0 0.15rem 0; display: flex; justify-content: space-between; }

.f_t a:hover{color: #043478;}

.flogo{ width: 24%;}

.flogo .icon,.flogo .tp{ display: block;}

.flogo .icon{  height: 0.52rem;}

.flogo .tp{ width: 1.4rem; margin-top: 0.4rem;}

.fnav{  width: 75%; min-width: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}

.fnavItem{ flex: 1; padding: 0 10px; box-sizing: border-box; font-size: 16px;}

.fnavItem .tit{ padding-bottom: 18px;}

.fnavItem .tit a{ font-size: 18px; color: #555; }

.fnavItem .tit a:hover{color: #043478;}

.fnavItem .nr{ margin-top: 15px;}

.fnavItem .nr a{ display: block; padding: 4px 0;color: #555;}

.fnavItem .nr a:hover{color: #043478;}

.f_m{ margin-top: 0.2rem;}

.fadd{ margin-top: 20px;}

.fadd .list{ padding:6px 0 6px 3em; position: relative; font-size: 16px; }

.fadd .list .mc{ position: absolute; left: 0; top: 6px;}



.f_b{ padding: 0.15rem 0; margin-top: 0.2rem ;border-top: 1px solid #eaeaea;color: #999;}

.f_b .wp{ display: flex; align-items: center; justify-content: space-between;}

.copyright{ font-size: 14px; color:#999}

.copyright a{color:#999}

.copyright a:hover{ color: #043478}





/* 关于我们 */

.i_main{  min-height:5rem; }

.i_ban{ width: 100%; font-size: 0;}

.i_ban .tp{ width: 100%;}

.loca_lm{border: 1px solid #dcdcdc; }

.loca_lm .wp{ display: flex; justify-content: space-between;  flex-wrap: wrap; flex-direction: row-reverse; align-items: center;}

.loca_lm .lm{ flex: 1; min-width: 0;}



.location{}

.location span{ font-size:0.16rem; color:#999;}

.location a{ font-size:0.16rem; color:#999;}

.location .home::before{ margin-right: 6px; font-size:.18rem; line-height: 1; display: inline-flex; align-items: center;}

.location a:hover{ color:#043478;}

.act_loca{ color:#043478 !important;}

.location i{ margin:0 6px;color:#999; font-style: normal; }



.lm{  }

.lm a{ display: inline-block; margin: 0 0.6em 0px 0; color: #043478; position: relative; padding: 1.2em 1.8em; font-size: 0.18rem; position: relative; }

.lm a::after{content: '';display: block;width: 100%;height: 3px;background: #043478;position: absolute;left: 0;bottom: -1px; opacity: 0;}

.lm a:hover,.actlm{  color: #043478 !important;  }

.lm a:hover::after,.actlm::after{ opacity: 1 !important; }



.i_tit{}

.i_tit .mc,.i_tit .mc2{ display: block;}

.i_tit .mc{ font-size: .36rem; font-weight: bold; }

.i_tit .mc2{ font-size: .16rem; color: #999;}



.aboutGallery {margin-top: 0.4rem;display: flex;margin-left: -0.1rem;}

.aboutItem {margin-left: 0.1rem;width: 12%;transition: all .5s;opacity: 0.5;}

.aboutItem .tp {height: 5.2rem; object-fit: cover;}

.aboutItem.on {width: 64%;opacity: 1;}

.aboutItem:nth-child(2) {margin-top: 0.2rem;}

.aboutItem:nth-child(3) {margin-top: -0.2rem;}



/* 荣誉资质 */

.honItem{  }

.honItem a{ display: block; padding: 0.6rem 0.4rem; background-color: #fff; }

.honItem .tparea{ font-size: 0; overflow: hidden;}

.honItem .tparea .tp{ width: 100%; aspect-ratio: 166/210; object-fit: contain;}

.honItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.honSlide{}

.hon{ padding: 0 1rem; position: relative;}

.hon .swiper-button-prev{ left:0rem;}

.hon .swiper-button-next{ right:0rem;} 

.hon .swiper-button-prev::after,.hon .swiper-button-next::after{ display: none;}

.hon .swiper-button-prev,.hon .swiper-button-next{ width:0.6rem; height:0.6rem; line-height: 0.6rem; background-color: #d9e4f2;; top:50%; margin-top:-0.3rem; color: #666; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.hon .swiper-button-prev .iconfont,.hon .swiper-button-next .iconfont{ font-size:.2rem;}

.hon .swiper-button-prev:hover,.hon .swiper-button-next:hover{ background-color: #043478; color: #fff; }

/* 发展历程 */



.hisItem{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap;}

.hisItem .tparea{ width: 48%; font-size: 0; }

.hisItem .tparea .tp{ width: 100%; aspect-ratio: 72/41; object-fit: cover;}

.hisItem .intro{ padding:0.6rem 1rem 0 0; box-sizing: border-box; width: 48%;}

.hisItem .intro .tit{font-size: 0.48rem; opacity: 0.1;}

.hisItem .intro .nr{}

.hisItem .intro .nr .list{  padding-left: 15px;  position: relative;  margin-top: 8px;  cursor: pointer;  font-size: 0.18rem;}

.hisItem .intro .nr .list::after{  content: '';  display: block;  width: 4px;  height: 4px;  background: #043478;  border-radius: 50%;  position: absolute;  left: 0;  top: 0.14rem;}

.hisItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.hisSlide .swiper-slide{ transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }

.hisSlide .swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.hisSlide{ position: relative;}

.hisSlide .swiper-button-prev{ top:50%; margin-top: -0.7rem;}

.hisSlide .swiper-button-next{ top:auto; margin-top:0px; bottom:50%; margin-bottom: -0.7rem;} 

.hisSlide .swiper-button-prev::after,.hisSlide .swiper-button-next::after{ display: none;}

.hisSlide .swiper-button-prev,.hisSlide .swiper-button-next{ width:0.6rem; height:0.6rem; line-height: 0.6rem;left: auto; right: 0; color: #043478; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;   background-color: #d9e4f2; }

.hisSlide .swiper-button-prev .iconfont,.hisSlide .swiper-button-next .iconfont{ font-size: .2rem; }

.hisSlide .swiper-button-prev:hover,.hisSlide .swiper-button-next:hover{ background-color: #043478; color: #fff;}



.hisDotItem{ text-align: center;}

.hisDotItem .icon{ height: 0.28rem;  opacity: 0;}

.hisDotItem .year{ position: relative; font-size: 0.22rem; margin-top: 0.3rem;}

.hisDotItem .year::after{ content: ""; display: block;width: 1px; position: absolute; left: 50%; top: -0.2rem;height: .15rem;background: #e5e5e5;margin: 0 auto;}

.hisIntroSlide{}

.hisIntroSlide .swiper-slide-thumb-active .hisDotItem .icon{ opacity: 1 !important;}

.hisIntroSlideWrap{ position: relative;}

.hisIntroSlideWrap::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 0.16rem;}



/* 生产基地 */

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

.productBase .tparea{ width: 50%; font-size: 0; overflow: hidden;}

.productBase .tparea .tp{ width: 100%; height: 100%; object-fit: cover;}

.productBase .intro{ width: 50%; display: flex; align-items: center;}

.productBase .intro .inner{ padding: 0.3rem 5%;}

.productBase .intro .tit{font-size: 0.3rem;font-weight: bold;}

.productBase .intro .nr{  min-height: 1.04rem;margin: 0.2rem 0;}

.productBase .intro .add{ padding-left: 0.28rem;font-weight: bold; position: relative;}

.productBase .intro .add .icon{ position: absolute; left: 0; top: 0.02rem; height: 0.18rem;}



/* 产品中心-列表 */

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

.proItem{ width: 49%; margin:0 2% 2% 0;}

.proItem:nth-child(2n){ margin-right: 0; }

.proItem a{ display: block; padding: 0.55rem;background: #f8f9fb; display: flex; align-items: center;  position: relative; flex-direction: row-reverse; justify-content: space-between;  }

.proItem a::after{content: '';width: 0;opacity: 0;height: 3px;background: #043478;position: absolute;top: 0;left: 0;transition: all .5s;-webkit-transition: all .5s;}

.proItem .tparea{ width: 40%; font-size: 0;}

.proItem .tparea .tp{ width: 100%; aspect-ratio: 270/170; object-fit: contain;}

.proItem .des{ width: 55%;}

.proItem .des .tit{ font-size: 0.3rem;font-weight: bold;}

.proItem .des .nr{ margin-top: 0.1rem; color: #666;}

.proItem .des .mandiv{ margin-top: 0.3rem;}

.proItem a:hover{ box-shadow: 0 0 20px rgba(4, 52, 120, 0.1);}

.proItem a:hover::after{ width: 100%; opacity: 1;}

.proItem a:hover .des .tit{color: #043478;}

.proItem a:hover .des .mandiv .imorea{background-color: #043478; color: #fff;}



.imorea{width: 30px;height: 30px;border-radius: 30px;border: 1px solid #043478; color: #043478; display: inline-flex; align-items: center; justify-content: center;} 

.imorea:hover{ background-color: #043478; color: #fff;}

/* 产品列表-详情 */

.prodel{ display: flex; flex-wrap: wrap;box-shadow: 0 0 20px rgba(4, 52, 120, 0.1); }

.prodel .tparea{width: 50%; font-size: 0; display: flex; align-items: center; justify-content: center; height: 6rem; overflow: hidden;}

.prodel .tparea .tp{
    /*max-width: 80%;*/
    width: 100%;
    object-fit: contain; aspect-ratio: 1;
    
}
/*.prodel .tparea:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }*/

.prodel .intro{width: 50%;}

.prodel .intro .inner{    box-sizing: border-box;padding: 0.8rem; max-height: 6rem;overflow: auto;}

.prodel .intro .title{ padding-bottom: 0.2rem;border-bottom: 1px solid #eeeeee;margin-bottom: 0.4rem;font-size: 0.36rem;font-weight: bold;color: #043478; line-height: 1.2; }

.prodel .intro .title .mc{}

.prodel .intro .title .mc2{ font-size: 0.18rem;font-weight: normal;}

.prodel .intro .nr{}

.prodel .intro .nr .tags{}

.prodel .intro .nr .tags .tag{ padding: 0.4em 1.2em;text-align: center;border-radius: 5px;background: #ebf2f9;font-size: 0.18rem;color: #043478;}

.prodel .intro .nr .desc{}

.prodel .intro .nr .desc .wz{ font-size: 0.2rem; line-height: 1.8; margin-top: 0.3rem;text-indent: 2em;}

.i_tit2{padding-bottom: 0.2rem;border-bottom: 1px solid #eeeeee;margin-bottom: 0.3rem;font-size: 0.36rem;font-weight: bold;color: #043478;}

.proAdvan{ margin-top: 0.7rem;}

.proAdvan .wrap{}

.proAdvan .wrap .wz{ line-height: 2; font-size: 0.18rem;}



/* 核心能力 */

.i_tit3{padding-left: .25rem;position: relative;font-size: 0.36rem;margin-bottom: 0.2rem;}

.i_tit3::after{  content: '';display: block;width: 3px;height: 60%;background: #1b4784;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.core{}

.coreItem{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin-bottom: 0.3rem; display: flex; flex-wrap: wrap;}

.coreItem:nth-child(2n){ flex-direction: row-reverse;}

.coreItem .tparea{width: 50%; font-size: 0; overflow: hidden;}

.coreItem .tparea .tp{width: 100%;object-fit: cover; aspect-ratio: 720/580;}

.coreItem .intro{width: 50%;}

.coreItem .intro .i_tit3{}

.coreItem .intro .inner{padding: 0.5rem 0.6rem;}

.coreItem .intro .nr{}

.coreItem .intro .nr .wz{ line-height:2;color: #666;}

.corelists{ display: flex; flex-wrap: wrap; margin-top: 0.3rem;border-top: 1px solid #e5e5e5;padding-top: 0.3rem;}

.corelists .list{ width: 48%;margin-left: 2%;box-sizing: border-box;padding-left: 15px;margin-bottom: 0.1rem;position: relative;color: #666;}

.corelists .list::after{  content: "";display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;left: 0;top: 50%;background: #1b4784;margin-top: -2px;}

.coreItem .intro .mandiv{ margin-top: 0.3rem;}

.coreItem:hover .tparea .tp{ transform: scale(1.1);}



/* 联系我们 */

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

.contact .map{ width: 69.5%; display: flex;overflow: hidden;  position: relative; align-items: center; font-size: 0;box-shadow: 0 0 20px rgba(4, 52, 120, 0.1);}
/* .contact .map .tp{ width: 100%;}*/
.map iframe{ position: absolute; width: 100%; height: 650px; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }


.contact .intro{ width: 30.5%; box-sizing: border-box; background: #043478;padding: 0.5rem;box-sizing: border-box;color: #fff;min-height: 4.8rem;}

.c_tit{}

.c_tit .icon{ height: 0.3rem;}

.c_tit .tit{font-size: 0.2rem;margin: 0.1rem 0 0;font-weight: bold;}

.contact .intro .nr{ margin-top: 0.1rem; }

.contact .intro .nr .list{ padding: 0.2em 0;}

.contact .qrcode{margin-top: 0.4rem;padding-top: 0.4rem;border-top: 1px solid rgba(255, 255, 255, 0.1);display: flex;align-items: center;}

.contact .qrcode .tp{max-width: 1.25rem;margin-right: 0.2rem;}

.contact .qrcode .desc{}



/* 人力资源-列表 */

.tactics{ overflow-x: hidden;}

.tactics .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.tactics .intro{width: 45.83%;}

.tactics .intro .item{}

.tactics .intro .item .tit{}

.tactics .intro .item .tit .num{ line-height: 1;font-weight: bold;font-size: .4rem;font-family: Oswald;background-image: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.4), transparent);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.tactics .intro .item .tit aside{margin-bottom: .3rem;line-height: 1;font-weight: bold;font-size: .26rem;color: #000;transform: translateY(-.1rem);-webkit-transform: translateY(-.1rem);-moz-transform: translateY(-.1rem);-ms-transform: translateY(-.1rem);-o-transform: translateY(-.1rem);}

.tactics .intro .item .nr{}

.tactics .intro .item .nr p{margin: 1em 0;line-height: 1.625;}

.tactics .intro .item .nr p i{display: inline-block;border: 0.06rem solid transparent;margin: 0 0.14rem 0 -0.06rem;border-right: 0.1rem solid #1b4784;vertical-align: baseline;}

.tactics .intro .item .nr .lists{ display: flex;flex-wrap: wrap;justify-content: space-between;width: 4rem;}

.tactics .intro .item .nr .lists .list{  position: relative;width: 50%;font-weight: normal;line-height: 2;}

.tactics .intro .item .nr .lists .list::before{ content: '';display: inline-block;width: .04rem;height: .04rem;margin-right: .1rem;border-radius: 50%;background-color: #1b4784;vertical-align: middle;}

.tactics .pic{width: 44.58%;position: relative;margin-top: 0.7rem ; margin-right: 0.4rem;}

.tactics .pic::before{ position: absolute;content: '';width: 100%;height: 100%;left: .4rem;top: -.4rem;border-radius: .1rem;background-color: rgba(19, 64, 128, 0.04);}

.tactics .tparea{ position: relative;border-radius: .1rem;overflow: hidden;}

.tactics .tparea .tp{ position: relative;transition: .3s; width: 100%;}

.tactics:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.developement{}

.developement .wp{}

.developement .wp .tp{ display: block; margin: 0 auto; width: 100%;}



.n_tit{ margin-bottom: 0.4rem;}

.n_tit .tit{font-size: 0.36rem;font-weight: bold; text-align: center;}

.n_tit .info{ text-align: center; width: 700px; margin: 0.2rem auto 0; max-width: 100%;}

.env{}

.env .wrap{ justify-content: space-between; display: flex; flex-wrap: wrap;}

.env_content{ width: 71.52%;}

.env_box{ font-size: 0; display: none;}

.env_box .tp{ width: 100%; aspect-ratio: 920/430; object-fit: cover; }

.env_tit{width: 27.5%; display: flex; flex-direction: column; justify-content: space-between;}

.env_tit .list{display: flex;align-items: center;padding: 0.2rem 0.3rem;border-bottom: 1px solid #eeeeee;cursor: pointer;transition: .3s;}

.env_tit .list .iconarea{ margin-right: 0.2rem;display: inline-flex;align-items: center;justify-content: center;width: 0.8rem;height: 0.8rem;border-radius: 50%;background-color: #e7ecf2;}

.env_tit .list .iconarea .icon{ height: 0.28rem;}

.env_tit .list .des{ flex: 1; min-width: 0;}

.env_tit .list .des .tit{ font-size: 0.2rem;}

.env_tit .list .des .nr{ color: #999;}

.env_tit .list:hover,.act_env{background-color: rgba(178, 210, 255, 0.14) !important;}

.env_tit .list:hover .iconarea .icon,.act_env .iconarea .icon{ -webkit-animation: icon-bounce 0.5s alternate !important; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate !important; } 



.teamItem{ }

.teamItem .tparea{ font-size: 0; overflow: hidden;}

.teamItem .tparea .tp{ aspect-ratio: 784/500; width: 100%;}

.teamItem .des{padding-top: 0.24rem;}

.teamItem .des .tit{color: #000;font-size: .18rem; text-align: center;}

.teamItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.teamSlideWrap{  position: relative;}

.teamSlideWrap .swiper-button-prev{ left:-0.8rem;}

.teamSlideWrap .swiper-button-next{ right:-0.8rem;} 

.teamSlideWrap .swiper-button-prev::after,.teamSlideWrap .swiper-button-next::after{ display: none;}

.teamSlideWrap .swiper-button-prev,.teamSlideWrap .swiper-button-next{ width:0.5rem; height:0.5rem; line-height: 0.5rem; border: 1px solid #a8a8a8; top:50%; margin-top:-0.25rem; color: #666; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.teamSlideWrap .swiper-button-prev .iconfont,.teamSlideWrap .swiper-button-next .iconfont{ font-size:.2rem;}

.teamSlideWrap .swiper-button-prev:hover,.teamSlideWrap .swiper-button-next:hover{ background-color: #043478; border-color: #a8a8a8; color: #fff; }



.recruit{ background-color: #f9f9f9;}

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

.recuriteItem{ width: 31.33%; margin: 0 3% 3% 0; padding: 0.4rem;color: #555;background-color: #fff;box-sizing: border-box; }

.recuriteItem:nth-child(3n){ margin-right: 0;}

.recuriteItem .tit{}

.recuriteItem .tit a{ display: block; padding:0em  .5rem 0.8em 0; border-bottom:1px dashed #dcdcdc; position: relative; font-size: 0.2rem; font-weight: bold;}

.recuriteItem .tit a .arr{ position: absolute; right: 0; top:0.05rem;  color: #999;}

.recuriteItem .tit a:hover{ color: #043478;}

.recuriteItem .tit a:hover .arr{ color: #043478;}

.recuriteItem .des{ margin-top: 0.2rem; line-height: 1.8;}

.recuriteItem .des .name{ font-size: 0.16rem;}

.recuriteItem .des .nr{ margin-top: 0.04rem;}

.recruit .mandiv{ margin-top: 0.1rem;}

.recruitInfo{ margin-top: 0.2rem;}

.recruitInfo .title{ font-size: 0.18rem;}

.recruitInfo .title::before{ font-size: 0.2rem; color: #043478; line-height: 1; margin-right: 0.05rem;}

.recruitInfo .nr{ padding-left: 0.25rem; color: #555; margin-top: 0.05rem;}

.recruitInfo .nr .list{ display: inline-block; margin-right: 0.5rem;}



/* 人力资源-列表 */



/* 招聘列表 */

.recuit .item {background: #f9f9f9;padding:0.2rem 0.3rem;margin-bottom: 10px;}

.recuit .item .itemtit {padding: 0.15rem 0;border-bottom: 1px dashed #e5e5e5;margin-bottom: 0.1rem;}

.recuit .item .itemtit .tit {font-size: 0.2rem;font-weight: bold;}

.recuit .item .itemtit .address {color: #999;}

.recuit .item .contit {font-weight: bold;}

.recuit .item .contxt {color: #666;}

.recuit .item .con {line-height: 2;padding-right: 1.5rem;position: relative;}

.recuit .item .showbox {position: relative;}

.recuit .item .showbox .open {line-height: 30px;color: #1b4784;position: absolute;right: 0;top: 0.2rem;cursor: pointer;}

.recuit .item .showbox .open i {display: inline-block;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #1b4784;display: inline-flex; align-items: center; justify-content: center;vertical-align: middle;position: relative;top: -2px;box-sizing: border-box;}

.recuit .item .hidebox {position: relative;display: none;}

.recuit .item .hidebox .close {line-height: 30px;position: absolute;right: 0;bottom: 0.2rem;cursor: pointer;}

.recuit .item .hidebox .close i {color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ffa916;vertical-align: middle;position: relative;top: -2px;box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background-color: #ffa916;}

.recuit .item.on .more {background-image: linear-gradient(to right, #0868b1, #04397d);}

/* 新闻 */

.newsItem0 a{ display: block;}

.newsItem0 .tparea{font-size: 0; overflow: hidden; }

.newsItem0 .tparea .tp{ width: 100%; aspect-ratio: 250/182; object-fit: cover;}

.newsItem0 .des{padding: 0.3rem 0.3rem 1rem; border-left:1px solid #ddd;}

.newsItem0 .des .tit{ font-size: 0.2rem;}

.newsItem0 .des .nr{ margin-top: 0.1rem;  color: #555;}

.newsItem0 .des .mandiv{ margin-top: 0.5rem;}

.newsItem0:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newsItem0:hover .des .tit{ color: #043478;}

.newsSlide{ padding-bottom: 0.8rem !important;}

.newsSlide .swiper-pagination{ bottom:0rem !important;}

.newsSlide .swiper-pagination-bullet{width:0.1rem;height:0.1rem;padding: 0;background-color:transparent; border: 3px solid #fff; background-color: #ddd; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 .1rem !important;}

.newsSlide .swiper-pagination-bullet-active{background-color:#fff !important; border: 3px solid #043478;}



.newsItem{border-bottom: 1px solid #f2f2f2;transition: all .3s;}

.newsItem a{  display: block;padding: 0.18rem 0.4rem;position: relative; display: flex; align-items: center;}

.newsItem .time{ width: 1.1rem;border-right: 1px solid #f2f2f2;color: #999; padding: 0.1rem 0; margin-right: 0.4rem; text-align: left;}

.newsItem .time .day{  font-size: 0.24rem;}

.newsItem .time .year{}

.newsItem .des{ flex: 1; min-width: 0;}

.newsItem .des .tit{font-size: 0.2rem; font-weight: bold;}

.newsItem .morea5{ margin-left: 0.2rem;}

.newsItem:hover{ background: url(../images/news_bg.jpg) no-repeat center center;    background-size: cover;}

.newsItem:hover .time{ color: #fff;border-right: 1px solid rgba(255, 255, 255, 0.3);}

.newsItem:hover .des .tit{ color: #fff; opacity: .8;}

.newsItem:hover .morea5{ background-color: #fff; color: #043478;}

.news .turnpage{ margin-top: 0.5rem;}

/* 翻页 */

.turnpage{font-size:0; margin:0 auto; text-align: center; }

.turnpage a,.turnpage span{ display:inline-flex; align-items: center; justify-content: center; width: 0.52rem;  height: 0.52rem;  border-radius: 50%;

  border: 1px solid #f2f2f2; font-size:.16rem; margin:0 .05rem; color:#666; }

  .turnpage .point{ margin:  0 0.3rem; font-size: 0.2rem;}

.turnpage a:hover,.current{ color:#fff !important; background-color:#043478 !important; border-color: #043478; }



/* 新闻资讯-详情 */

.n_main{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.n_l{  width: 70.8%;}

.n_r{ width: 20%; }

.in_sh .in_tit{  padding:0px 0 .3rem; border-bottom: 1px solid #e5e5e5;}

.in_sh .in_tit h4{ font-size:0.3rem; font-weight: bold; color:#333; margin-bottom:.1rem;}

.in_sh .in_tit .pub_del{ margin-top: .1rem;   }

.in_sh .in_tit .pub_del span{ margin: 0 0.2rem 0 0; display: inline-block;}

.in_sh .sh_con{ padding:.4rem 0px;  }

.in_sh .sh_con .wz{ line-height:2em;color:#333; }

.in_sh .sh_con .tp{ display:block; margin:0px auto;}



.pnpage{  padding:.4rem 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.pnpage .des{ flex: 1; min-width: 0;}

.pnpage .des .item{ padding: 0.05rem 0; }

.pnpage .des .item .mc{ margin-right: 0.1rem;}

.pnpage .des .item a{ display: inline-block;}

.pnpage .des  a:hover{ color:#043478;}

.pnpage .backBtn .sbtn{ padding: 0.6em 2em; display: inline-block;}



.tNew{ }

.tNew_tit{font-size: 0.24rem;font-weight: bold;  margin-bottom: 0.2rem;}

.tNewItem{ margin-bottom: 0.2rem;}

.tNewItem a{ display: block;}

.tNewItem .tparea{font-size: 0; overflow: hidden; }

.tNewItem .tparea .tp{ width: 100%; aspect-ratio: 280/196; object-fit: cover;}

.tNewItem .des{padding: 0.1rem 0;}

.tNewItem .des .time{ color: #999;}

.tNewItem .des .tit{ margin-top: 0.02rem; line-height: 1.6;}

.tNewItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.tNewItem:hover .des .tit{ color: #043478;}



/* 应用领域 */

.applyArea{}

.applyAreaPart{ padding: 1rem 0;}

.applyAreaPart .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.applyAreaPart:nth-child(2n+1) .wp{ flex-direction: row-reverse;}

.applyAreaPart:nth-child(2n){ background-image: linear-gradient(to bottom, #f9f9f9, #fcfcfc);}

.applyAreaPart .intro{ width: 48%;}

.applyAreaPart .intro .title{font-size: 0.26rem;font-weight: bold;margin-bottom: 0.2rem;}

.applyAreaPart .intro .item{ margin-bottom: 0.2rem;}

.applyAreaPart .intro .item .tit{font-size: 0.2rem;font-weight: bold;margin-bottom: 0.1rem;}

.applyAreaPart .intro .item .nr{}

.applyAreaPart .intro .item .nr .wz{text-indent: 2em; line-height: 1.6;}

.applyAreaPart .intro .item .lists{ display: flex; flex-wrap: wrap; margin-top: 0.2rem;}

.applyAreaPart .intro .item .lists .box{ width: 31.33%;margin-right: 3%;box-sizing: border-box;padding: 0.15rem 0.25rem;}

.applyAreaPart .intro .item .lists .box:nth-child(3n){ margin-right: 0;}

.applyAreaPart .intro .item .lists .box .iconarea{ text-align: center;}

.applyAreaPart .intro .item .lists .box .iconarea .tp{ width: .5rem;}

.applyAreaPart .intro .item .lists .box .tit{line-height: 1.8; font-weight: normal; font-size: 0.18rem; margin-top: 0.1rem;}

.applyAreaPart .intro .item .lists .box:hover{ background-image: linear-gradient(to top, #f5f7fa, #fff);}



.applySlideItem{ font-size: 0; overflow: hidden;}

.applySlideItem .tp{ width: 100%; aspect-ratio: 677/510; object-fit: contain;}

.applySlideItem:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.applySlide{ width: 46%;}

.applySlide .swiper-pagination{ bottom:0rem !important; text-align: right;}

.applySlide .swiper-pagination-bullet{width:0.1rem;height:0.1rem;padding: 0;background-color:transparent; border: 3px solid #fff; background-color: #ddd; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 .1rem !important;}

.applySlide .swiper-pagination-bullet-active{background-color:#fff !important; border: 3px solid #043478;}



/* 弹窗 */

.powerPup{ max-width: 1100px;box-sizing: border-box;width: 95%;padding: 0.6rem;border-radius: 0.2rem;background: #fff; max-height: 90%; overflow-y: auto; }

.closePup{

  position: absolute;

  right:0px;

  top: 0px;

  line-height: 1;

  transition:.3s ;

  cursor: pointer;

  font-size:0.2rem;

  color: #999;

  display: inline-block;

  width: 44px;

  height: 44px;

  line-height: 44px;

  font-weight: normal;

  box-shadow: 0 0 5px 0 #ddd;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  -webkit-transition:.3s ;

  -moz-transition:.3s ;

  -ms-transition:.3s ;

  -o-transition:.3s ;

}

.closePup:hover{ color: #fff; background-color: #04397d;}

.powerMain{}

.powerMain .title{ padding-left: 25px;position: relative;font-size: 0.36rem;margin-bottom: 0.2rem;}

.powerMain .title::after{ content: '';  display: block;  width: 3px;  height: 60%;  background: #1b4784;  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  -webkit-transform: translateY(-50%);}

.powerMain .nr{}

.powerMain .nr .wz{text-indent: 2em;}

.powerMain .nr .tp{ display: block; margin: 0 auto;}

.serverDel{}

.serverDel .subtit{font-size: 0.24rem;  margin: 0.3rem 0 0.2rem 0;}

.serverDel .wrap{}

.sdItem{ margin-bottom: 0.3rem; display: flex;}

.sdItem .mc{ font-size: 0.18rem; width: 2.5rem;}

.sdItem .attrval{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap;}

.sdItem .list{margin-left: 2%;box-sizing: border-box;width: 48%;margin-bottom: 0.1rem;position: relative;padding-left: 15px; }

.sdItem .list::before{ content: '';display: block;width: 3px;height: 3px;background: #666;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -1.5px;}





































.lm a::after,.morea .iconfont,.morea2 .iconfont,.hproTit .list .icon,.hproTit .list,.hcoreTit .list::after,.happlyItem .shade .mandiv,.morea5,.lm a::after,.hon .swiper-button-prev,.hon .swiper-button-next,.imorea,.coreItem .tparea .tp,.tactics .tparea .tp,.teamItem .tparea .tp,.applySlideItem .tp{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }