a:active {
    star: expression(this.onFocus=this.blur());
}

a:focus,
button:focus {
    outline: none;
    -moz-outline: none;
}

:focus {
    outline: none;
}

/*Reset Css*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
area,
param {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "arial", "WenQuanYi Micro Hei", sans-serif;
    -webkit-text-size-adjust: none;
    /*Google Chrome*/
}

input,
button,
select,
textarea {
    font-family: "arial", "WenQuanYi Micro Hei", sans-serif;
}

select {
    *behavior: url("select.htc");
}

/*IE6,IE7select*/
ol,
ul {
    padding-left: 0;
    list-style: none;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}

th {
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: 100%;
    font-weight: normal;
}

input {
    display: inline-block;
    vertical-align: middle;
    color: #666;
}

fieldset {
    border: none;
}

legend {
    display: none;
}

/*Clear Css*/
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearb {
    clear: both;
}

.clearfix {
    display: block;
    zoom: 1;
}

* html .clearfix {
    height: 1%;
}

/*Common Css*/
body {
    font-size: 12px;
    background: #fff;
}

a {
    text-decoration: none;
}

::-ms-clear,
::-ms-reveal {
    display: none;
}

input[type=button],
input[type=submit],
input[type=reset],
select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

a:focus,
a:hover {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all 0.3s linear;
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 3 !important;
}

textarea {
    resize: none;
}


.table {
    height: 100%;
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input::placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666 !important;
}

input::-webkit-input-placeholder {
    color: #666;
}

/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {
    color: #666;
}

img {
    max-width: 100%;
    width: 100%;
}

@media (max-width:6000px) {
    html {
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1024px) {
    html {
        font-size: calc(100vw/7.5) !important;
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}



/*首页*/
.w_1235 {
    width: 86%;
    margin: 0 auto;
}


.header {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 30;
    padding: 0.2rem 7%;
    box-sizing: border-box;
}

.logo {
    width: 2rem;
}

.header.on {
    background: rgba(29, 111, 217, 0.9);
}

.header.active {
    background: rgba(29, 111, 217, 0.9) !important;
}

.header_r {
    display: flex;
    align-items: flex-start;
}

.nav ul {
    display: flex;
}

.nav ul li {
    margin-right: 0.6rem;
    position: relative;
}

.nav ul li h2 {
    position: relative;
    z-index: 20;
}

.nav ul li h2 a {
    font-size: 0.16rem;
    color: #fff;
    position: relative;
    padding-bottom: 0.2rem;
}

.nav ul li h2 a::after {
    display: block;
    width: 0%;
    height: 2px;
    background: #fff;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.nav ul li.on h2 a::after {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.nav ul li:hover h2 a::after {
    width: 100%;
}

.nav ul li dl {
    width: 1.5rem;
    position: absolute;
    left: 50%;
    top: 0.6rem;
    transform: translateX(-50%);
    display: none;
    z-index: 10;
}

.nav ul li dl dd h3 a {
    display: block;
    width: 100%;
    font-size: 0.14rem;
    color: #a4cafc;
    line-height: 0.28rem;
    text-align: center;
    background: rgba(29, 111, 217, 0.9);
    padding: 0.1rem 0;
    text-transform:capitalize;
}

.nav ul li dl dd h3 a:hover {
    color: #fff;
    background: rgba(60, 137, 238, 0.9);
}

.nav ul li dl dd h3.on a {
    color: #fff;
    background: rgba(60, 137, 238, 0.9);
}

.search {
    width: 0.21rem;
}

.lan {
    margin-left: 0.3rem;
    display: flex;
    align-items: center;
}

.lan h2 {
    width: 0.3rem;
}

.lan dl {
    display: flex;
    align-items: center;
}

.lan dl dd {
    margin-left: 0.1rem;
    text-transform: uppercase;
}

.lan dl dd a {
    font-size: 0.14rem;
    color: #fff;
    opacity: 0.8;
}

.lan dl dd.on a {
    opacity: 1;
}

.top_lv3 {
    width: 1.5rem;
    height: 100%;
    background: rgba(60, 137, 238, 0.9);
    position: absolute;
    left: 1.5rem;
    top: 0;
    padding-top: 0.27rem;
    box-sizing: border-box;
    display: none;
}

.top_lv3 a {
    display: block;
    width: 100%;
    font-size: 0.14rem;
    color: #ffffff;
    line-height: 0.34rem;
    box-sizing: border-box;
    text-align: center;
    text-transform: capitalize;
}

.top_lv3 a:hover {
    color: #a4cafc;
}

.wap_hbtn {
    display: none;
}

.nav ul li h2 span,
.nav ul li h3 span {
    display: none;
}

.ban {
    position: relative;
}

.ban_con {
    width: 100vw;
    height: 8.7rem;
    position: relative;
    overflow: hidden;
}

.ban_con .w_1235 {
    position: absolute;
    left: 50%;
    top: 2rem;
    transform: translateX(-50%);
}

.ban_con .w_1235 h2 {
    font-size: 0.24rem;
    color: #ffffff;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.5s linear;
}

.ban_con .w_1235 h3 {
    min-height: 1.8rem;
    font-size: 0.68rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.9rem;
    padding: 0.2rem 0 0.6rem 0;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.5s linear;
}

.ban_btn {
    width: 1.34rem;
    border: 0.02rem solid #fff;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.5s linear;
}

.ban_btn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0.17rem;
    color: #ffffff;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
}

.ban_btn a span {
    position: relative;
    z-index: 2;
}

.ban_btn a::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.ban_btn:hover a::after {
    width: 100%;
}

.ban_btn:hover {
    border-color: #1050a3;
}

.swiper-pagination-ban {
    position: absolute;
    left: 7% !important;
    bottom: 0.57rem !important;
    text-align: left;
}

.swiper-pagination-ban .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.05rem;
    background: #fff;
    opacity: 0.5;
    margin-right: 0.2rem;
    border-radius: 0 !important;
}

.fl .tit {
    padding: 0.5rem 0 0.5rem 0;
  }

.swiper-pagination-ban .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-container-ban .swiper-slide-active .ban_con .w_1235 h2 {
    opacity: 1;
    transform: translateY(0);
}

.swiper-container-ban .swiper-slide-active .ban_con .w_1235 h3 {
    opacity: 1;
    transform: translateY(0);
}

.swiper-container-ban .swiper-slide-active .ban_btn {
    opacity: 1;
    transform: translateY(0);
}

.swiper-container-ban .swiper-slide.t_r {
    text-align: right;
}

.swiper-container-ban .swiper-slide.t_r .ban_btn {
    float: right;
}

.fl {
    width: 100%;
}

.tit {
    font-size: 0.36rem;
    color: #17222a;
    font-weight: bold;
    padding: 1.5rem 0 0.7rem 0;
    line-height: 0.7rem;
}

.tit b {
    display: block;
    font-size: 0.72rem;
    color: #d9d9db;
    font-family: '思源黑体 CN Heavy';
    text-transform: uppercase;
}

.fl_con {
    width: 85.93%;
    margin: 0 auto 1.7rem auto;
    position: relative;
    padding-bottom: 0.4rem;
}

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

.fl_con ul li {
    width: 5.2rem;
    position: relative;
    height: 5.07rem;
    overflow: hidden;
}

.fl_con ul li>img {
    transition: all 0.5s linear;
}

.fl_con ul li:hover>img {
    transform: scale(1.1);
}

.fl_con ul li:nth-of-type(1) {
    width: 5.23rem;
    height: 9.37rem;
}

.fl_con ul li:nth-last-of-type(2) {
    position: absolute;
    right: 5.55rem;
    bottom: 0.4rem;
    height: 3.9rem;
}

.fl_con ul li:nth-last-of-type(1) {
    position: absolute;
    right: 0;
    bottom: 0.4rem;
    height: 3.9rem;
}

.fl_con ul li::after {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.fl_contop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.fl_contop h2 {
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    padding: 0 0.4rem;
    box-sizing: border-box;
    height: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fl_contop h2 span {
    font-size: 0.26rem;
    color: #fff;
    text-transform: capitalize;
}

.fl_contop h2 img {
    width: 0.65rem;
}

.fl_contop dl {
    padding: 0 0.4rem;
    box-sizing: border-box;
}

.fl_contop dl dd {
    margin-top: 0.16rem;
}

.fl_contop dl dd a {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.26rem;
}

.fl_contop dl dd a:hover {
    color: #1050a3;
}

.fl_confot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
    z-index: 3;
}

.fl_confot a {
    width: 2.04rem;
    height: 0.4rem;
    border: 0.02rem solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    font-size: 0.17rem;
    color: #ffffff;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
    margin: 0 0.17rem;
}

.fl_confot a span {
    position: relative;
    z-index: 2;
}

.fl_confot a::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.fl_confot a:hover::after {
    width: 100%;
}

.fl_confot a:hover {
    border-color: #1050a3;
}

.fl_con ul li:nth-last-of-type(1) dl {
    display: flex;
    flex-wrap: wrap;
}

.fl_con ul li:nth-last-of-type(1) dl dd {
    width: 50%;
}

.news {
    background: #f5f5f5;
    overflow: hidden;
    padding-bottom: 0.94rem;
}

.news .w_1235 {
    position: relative;
}

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

.news ul li {
    width: 46%;
    margin-bottom: 0.6rem;
    position: relative;
}

.news ul li h2 {
    font-size: 0.2rem;
    color: #b5b5b5;
    padding: 0 0 0.1rem 0.9rem;
}

.news_con {
    width: 100%;
    background: #fff;
    padding: 0.3rem 0.56rem 0.3rem;
    box-sizing: border-box;
    margin-left: 0.4rem;
    position: relative;
}

.day {
    width: 0.66rem;
    background: #1050a3;
    font-size: 0.36rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 0.66rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0.76rem;
    z-index: 3;
}

.news_con a h3 {
    font-size: 0.2rem;
    color: #18222a;
    padding-bottom: 0.16rem;
}

.news_con a p {
    font-size: 0.16rem;
    color: #676767;
    line-height: 0.3rem;
}

.liner {
    width: 0.47rem;
    height: 0.04rem;
    background: #1050a3;
    position: absolute;
    right: 0.55rem;
    bottom: 0.4rem;
}

.news_more {
    width: 1.34rem;
    border: 0.02rem solid #1050a3;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 2.3rem;
}

.news_more a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0.17rem;
    color: #1050a3;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
}

.news_more a span {
    position: relative;
    z-index: 2;
}

.news_more a::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.news_more:hover a::after {
    width: 100%;
}

.news_more:hover a {
    color: #fff;
}

.home_nb {
    height: 10.62rem;
    overflow: hidden;
    background: url(/static/www/img/nb_bg.jpg) no-repeat center center/cover;
}

.home_nb .tit {
    color: #fff;
}

.home_nb .tit b {
    color: #d9d9db;
}

.swiper-container-nb .swiper-slide {
    background: #fff;
    position: relative;
}

.swiper-container-nb .swiper-slide h2 {
    font-size: 0.28rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.6rem;
    text-align: center;
    background: url(/static/www/img/nb_bg01.jpg) no-repeat center center/cover;
}

.swiper-container-nb .swiper-slide p {
    font-size: 0.2rem;
    line-height: 0.36rem;
    text-align: justify;
    padding: 0.4rem 0.5rem;
    box-sizing: border-box;
}

.swiper-container-nb .swiper-slide p a {
    color: #676767;
}

.home_nbliner {
    width: 0.47rem;
    height: 0.04rem;
    background: #1050a3;
    position: absolute;
    right: 0.52rem;
    bottom: 0.4rem;
}

.home_nbmore {
    width: 1.34rem;
    border: 0.02rem solid #fff;
    box-sizing: border-box;
    margin-top: 0.6rem;
}

.home_nbmore a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0.17rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
}

.home_nbmore a span {
    position: relative;
    z-index: 2;
}

.home_nbmore a::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.home_nbmore:hover a::after {
    width: 100%;
}

.home_nbmore:hover a {
    color: #fff;
}

.home_nbmore:hover {
    border-color: #1050a3;
}

.fot {
    background: #1050a3;
    padding: 0.65rem 0 0.1rem 0;
}

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

.fot_nav ul {
    display: flex;
}

.fot_nav ul li {
    margin-right: 0.5rem;
}

.fot_nav ul li h2 {
    font-size: 0.18rem;
    color: #fff;
    padding-bottom: 0.14rem;
    text-transform: capitalize;
}

.fot_nav ul li dl dd {
    font-size: 0.16rem;
    color: #7f93c1;
    margin-top: 0.14rem;
}

.fot_nav ul li dl dd a {
    color: #7f93c1;
    text-transform: capitalize;
}

.fot_ewm {
    width: 2rem;
    border-left: 1px solid #255daa;
    padding-left: 0.55rem;
    box-sizing: border-box;
    text-align: center;
    height: 1.46rem;
}

.fot_ewm img {
    width: 1.03rem;
}

.fot_ewm span {
    display: block;
    font-size: 0.16rem;
    color: #7f93c1;
    padding-top: 0.2rem;
}

.fot_fot {
    display: flex;
    justify-content: space-between;
    margin-top: 0.9rem;
    align-items: center;
}

.fot_fot p {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    color: #7f93c1;
}

.fot_fot p img {
    width: 1.27rem;
    margin-left: 0.14rem;
}

.fot_fot p a {
    color: #7f93c1;
}
.fot_fot p a.zhengche{padding-left: 0.2rem;margin-left: 0.2rem;border-left: 1px solid #7f93c1;}


.fot_fot p img:nth-of-type(1) {
    width: 14px;
    margin: 0 0.1rem;
}

.fot_fot h5 {
    display: flex;
    align-items: center;
}

.fot_fot h5 a {
    font-size: 0.16rem;
    color: #7f93c1;
}

.fot_fot h5 span {
    width: 0.04rem;
    height: 0.04rem;
    background: #7f93c1;
    border-radius: 100%;
    margin: 0 0.16rem;
}

.go_top {
    width: 0.48rem;
    position: fixed;
    right: 0.7rem;
    bottom: 0.7rem;
    z-index: 99;
    cursor: pointer;
    transform: translateY(1.5rem);
    transition: all 0.5s linear;
}

.go_top.on {
    transform: translateY(0);
}

.video_tc {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    display: none;
}

.video_tccon {
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video_tccon video {
    display: block;
    width: 100%;
}

.video_tcclose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: -36px;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_tcclose img {
    width: 20px;
}

/*新闻列表*/
.ny_ban .ban_con {
    height: 6.7rem;
}

.ny_ban .ban_con .w_1235 {
    top: 3.4rem;
}

.news_list {
    background: #f5f5f5;
    padding: 0.4rem 0 0 0;
}

.news_listcon {
    background: #fff;
    overflow: hidden;
    padding: 0 0.88rem 0.75rem 0.88rem;
    box-sizing: border-box;
}

.news_listnav {
    width: 6.6rem;
    height: 0.6rem;
    overflow: hidden;
    border-radius: 0.6rem;
    border: 0.02rem solid #1050a3;
    box-sizing: border-box;
    margin: 0.42rem auto;
}

.news_listnav ul {
    display: flex;
    align-items: center;
}

.news_listnav ul li {
    width: 33.33%;
    border-right: 0.02rem solid #1050a3;
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #134f9e;
    line-height: 0.6rem;
    text-align: center;
}

.news_listnav ul li a {
    color: #1050a3;
}

.news_listnav ul li:nth-last-of-type(1) {
    border: none;
}

.news_listnav ul li.on {
    background: #1050a3;
}

.news_listnav ul li.on a {
    color: #fff;
}

.news_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.news_toppic {
    width: 50%;
    overflow: hidden;
}

.news_toppic img {
    transition: all 0.3s linear;
}

.news_toppic:hover img {
    transform: scale(1.1);
}

.news_topr {
    width: 45%;
}

.news_topr h2 {
    font-size: 0.3rem;
    line-height: 0.35rem;
    color: #1050a3;
}

.news_topr h2 a {
    color: #1050a3;
}

.news_topr p {
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.36rem;
    padding: 0.4rem 0;
}

.news_topr p a {
    color: #999999;
}

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

.news_topbtn span {
    font-size: 0.18rem;
    color: #999999;
}

.news_topbtn a {
    width: 1.34rem;
    height: 0.4rem;
    border: 0.02rem solid #1050a3;
    box-sizing: border-box;
    font-size: 0.17rem;
    color: #22519d;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
}

.news_topbtn a strong {
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.news_topbtn a::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.news_topbtn a:hover::after {
    width: 100%;
}

.news_topbtn a:hover {
    color: #fff;
    border-color: #1050a3;
}

.news_lb ul li {
    background: #fff;
    padding: 0.56rem 0.7rem;
    box-sizing: border-box;
    margin-top: 0.2rem;
}

.news_lb ul li a {
    display: flex;
    justify-content: space-between;
}

.news_lbpic {
    width: 28%;
    overflow: hidden;
}

.news_lbpic img {
    transition: all 0.3s linear;
}

.news_lbpic:hover img {
    transform: scale(1.1);
}

.news_lr {
    width: 68%;
}

.news_lr h2 {
    font-size: 0.22rem;
    color: #1050a3;
}

.news_lr h2 a {
    color: #1050a3;
}

.news_lr p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
    padding: 0.22rem 0;
    min-height: 1.6rem;
    overflow: hidden;
}

.news_lr p a {
    color: #999999;
}

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

.news_lbfot span {
    font-size: 0.14rem;
    color: #999999;
}

.news_lbfot b {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #22519d;
    font-weight: normal;
}

.news_lbfot b img {
    width: 0.06rem;
    margin-left: 0.1rem;
}

.page {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    justify-content: center;
}

.page a {
    width: 0.38rem;
    height: 0.38rem;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #63686b;
    line-height: 0.38rem;
    text-align: center;
    margin: 0 0.1rem;
}

.page a.on {
    border-color: #1050a3;
    color: #fff;
    background: #1050a3;
}

/*新闻详情*/
.news_info {
    background: #f5f5f5;
    padding: 0.45rem 0 0 0;
}

.news_info .w_1235 {
    width: 64%;
}

.news_infocon {
    background: #fff;
    padding: 0 0.95rem 0.95rem 0.95rem;
    box-sizing: border-box;
}

.news_infocontop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.news_infocontop h2 {
    font-size: 0.16rem;
    color: #999999;
}

.news_infocontop h2 a {
    color: #999;
    margin: 0 0.06rem;
}

.news_infocontop h2 a:nth-of-type(1) {
    margin-left: 0;
}

.news_infocontop h3 a {
    display: block;
    width: 0.96rem;
    height: 0.45rem;
    background: #1050a3;
    font-size: 0.2rem;
    color: #ffffff;
    line-height: 0.45rem;
    text-align: center;
}

.news_infowz h2 {
    font-size: 0.36rem;
    color: #222222;
}

.news_infowz h3 {
    font-size: 0.24rem;
    color: #666666;
}

.news_infowz p {
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.32rem;
    padding-top: 0.4rem;
    text-align: justify;
    position: relative;
}

.news_infofot {
    padding: 1rem 0;
}

.news_infobtn {
    width: 0.48rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.news_infofot ul {
    display: flex;
    justify-content: space-between;
}

.news_infofot ul li {
    text-align: left;
}

.news_infofot ul li:nth-of-type(2) {
    text-align: right;
}

.news_infofot ul li a:nth-of-type(1) {
    display: block;
    width: 1.34rem;
    height: 0.4rem;
    border: 0.02rem solid #1050a3;
    font-size: 0.17rem;
    color: #22519d;
    text-align: center;
    line-height: 0.4rem;
    position: relative;
}

.news_infofot ul li a:nth-of-type(1) span {
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.news_infofot ul li a:nth-of-type(1)::after {
    display: block;
    width: 0%;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.news_infofot ul li a:nth-of-type(1):hover::after {
    width: 100%;
}

.news_infofot ul li a:nth-of-type(1):hover {
    color: #fff;
}

.news_infofot ul li a:nth-of-type(2) {
    display: block;
    font-size: 0.16rem;
    color: #666666;
    padding-top: 0.24rem;
}

.news_infofot ul li:nth-of-type(2) a:nth-of-type(1) {
    float: right;
}

/*关于我们*/

.ab_gk h2 {
    font-size: 0.48rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0 0.2rem 0;
    position: relative;
    text-transform: capitalize;
}

.ab_gk h2::after {
    display: block;
    width: 0.42rem;
    height: 0.06rem;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.ab_gk p {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.3rem;
    text-align: center;
    padding: 0.4rem 1.4rem 0;
    box-sizing: border-box;
}

.ab_gk ul {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
}

.ab_gk ul li {
    width: 25%;
    border-right: 1px solid #f5f5f5;
    box-sizing: border-box;
    text-align: center;
}

.ab_gk ul li:nth-last-of-type(1) {
    border: none;
}

.ab_gk ul li h3 {
    width: 1.3rem;
    height: 1.3rem;
    background: #f5f5f5;
    border-radius: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.ab_gk ul li h3 img {
    width: 1rem;
}

.ab_gk ul li h3 img:nth-of-type(1) {
    display: block;
}

.ab_gk ul li h3 img:nth-of-type(2) {
    display: none;
}

.ab_gk ul li h4 {
    font-size: 0.22rem;
    color: #1050a3;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0.2rem 0 0.14rem 0;
    font-family: 'arial';
}

.ab_gk ul li h4 sub {
    font-size: 0.16rem;
    padding-left: 0.06rem;
}

.ab_gk ul li h5 {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.3rem;
}

.ab_gk ul li h3:hover {
    background: #1050a3;
}

.ab_gk ul li h3:hover img:nth-of-type(1) {
    display: none;
}

.ab_gk ul li h3:hover img:nth-of-type(2) {
    display: block;
}

.ab_gkvideo {
    width: 8.04rem;
    overflow: hidden;
    margin: 1.5rem auto;
    position: relative;
}

.abvideo_btn {
    width: 0.71rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ab_cytop {
    background: #f5f5f5;
    padding: 1.1rem 0;
}

.ab_cytop .w_1235 {
    display: flex;
    justify-content: space-between;
}

.ab_cytopl {
    padding-left: 0.32rem;
    position: relative;
}

.ab_cytopl h2 {
    font-size: 0.42rem;
    color: #d6d6d6;
    text-transform: uppercase;
    line-height: 0.42rem;
}

.ab_cytopl h2 b {
    display: block;
    color: #1050a3;
    padding-top: 0.14rem;
}

.ab_cytopl::after {
    display: block;
    width: 0.05rem;
    height: 100%;
    content: '';
    background: #1050a3;
    position: absolute;
    left: 0;
    top: 0;
}

.ab_cytop p {
    width: 11.16rem;
    font-size: 0.2rem;
    color: #999999;
    line-height: 0.4rem;
    margin-right: 1.06rem;
}

.ab_cyfot {
    width: 100%;
    overflow: hidden;
}

.ab_cyfot ul {
    display: flex;
}

.ab_cyfot ul li {
    width: 12.5%;
    position: relative;
    transition: all 0.3s linear;
    overflow: hidden;
}

.ab_cyfot ul li img {
    width: auto;
    max-width: max-content;
}

.ab_cyfot ul li h3 {
    font-size: 0.26rem;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ab_cyfot ul li h3::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    content: '';
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -0.4rem;
    margin-left: -0.24rem;
}

.ab_cywz {
    width: 100%;
    position: absolute;
    left: 0;
    top: 14%;
    ;
    opacity: 0;
    padding: 0 1.4rem;
    box-sizing: border-box;
}

.ab_cywz h2 {
    font-size: 0.26rem;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
}

.ab_cywz h2::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -0.4rem;
}

.ab_cywz p {
    width: 100%;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.36rem;
    padding-top: 1rem;
}

.ab_cyfot ul li.on {
    width: 50%;
}

.ab_cyfot ul li.on .ab_cywz {
    opacity: 1;
    transition: all 0.3s linear;
    transition-delay: 0.3s;
}

.ab_cyfot ul li.on h3 {
    display: none;
}

.ab_zj {
    padding: 0.6rem 0;
}

.ab_zj .w_1235 {
    display: flex;
    justify-content: space-between;
}

.ab_zj .w_1235 h2 {
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
    text-transform: capitalize;
}

.ab_zj ul {
    display: flex;
    width: 85%;
    flex-wrap: wrap;
}

.ab_zj ul.w_100 li {
    width: 100%
}

.ab_zj ul li {
    border-left: 1px solid #f5f5f5;
    padding: 0 0.3rem;
    box-sizing: border-box;
    width: 33.3%;
    margin-bottom: 0.5rem;
}

.ab_zj ul li h3 {
    font-size: 0.24rem;
    color: #333333;
    padding-bottom: 0.1rem;
}

.ab_zj ul li dl {
    display: flex;
    flex-wrap: wrap;
}

.ab_zj ul li dl dd {
    font-size: 14px;
    margin: 0.1rem 0.2rem 0 0;
    color: #959595;
}

.ab_zj ul li dl dd a {
    color: #333333;
    line-height: 24px;
    padding: 0 0.1rem;
    box-sizing: border-box;
    display: inline-block;
}

.ab_zj ul li dl dd a:hover {
    background: #1050a2;
    color: #fff;
}

.ab_zj {
    display: none;
}

.ab_zj:nth-of-type(1) {
    display: block;
}

.ab_zj:nth-of-type(1) ul li:nth-of-type(2){width: 66.66%;}



.ab_global {
    background: #f5f5f5 url(/static/www/img/about/c_pic01.png) no-repeat right bottom/7.81rem 5.52rem;
}

.ab_global h2 {
    font-size: 0.72rem;
    color: #d9d9db;
    font-weight: bold;
    padding: 1.1rem 0 0 0;
    text-transform: uppercase;
}

.ab_global p {
    font-size: 0.36rem;
    color: #17222a;
    font-weight: bold;
}

.ab_globalnav {
    width: 5.38rem;
    margin: 0.6rem 0 0 0;
    display: flex;
    align-items: center;
}

.ab_globalnav span {
    width: 50%;
    border: 2px solid #1050a3;
    box-sizing: border-box;
    font-size: 0.25rem;
    color: #1050a3;
    line-height: 0.69rem;
    text-align: center;
    cursor: pointer;
}

.ab_globalnav span:nth-of-type(2) {
    border-left: none;
}

.ab_globalnav span.on {
    background: #1050a3;
    color: #fff;
}

.ab_globalwz {
    width: 5.38rem;
    padding: 0.64rem 0 1.1rem 0;
}

.ab_globalwz ul li {
    font-size: 0.16rem;
    color: #676767;
    line-height: 0.3rem;
    text-align: justify;
    display: none;
}

.ab_globalwz ul li.on {
    display: block;
}

.ab_map .map {
    display: none;
}

.ab_map .map.on {
    display: inline-block;
}

.ab_lnav {
    width: 1.1rem;
    background: #fff;
    border: 1px solid #ebebeb;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    z-index: 20;
    transition: all 0.3s linear;
}

.ab_lnav.on {
    transform: translate(0, -50%);
}

.ab_lnav ul li {
    height: 0.7rem;
    border-bottom: 1px solid #ebebeb;
    padding-left: 0.04rem;
    box-sizing: border-box;
}

.ab_lnav ul li:nth-last-of-type(1) {
    border: none;
}

.ab_lnav ul li a {
    font-size: 0.12rem;
    color: #666666;
    display: flex;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ab_lnav ul li a img {
    width: 0.2rem;
    margin-right: 0.04rem;
    display: none;
}

.ab_lnav ul li a img:nth-of-type(1) {
    display: block;
}

.ab_lnav ul li:hover,
.ab_lnav ul li.on {
    background: #1050a3;
}

.ab_lnav ul li:hover a,
.ab_lnav ul li.on a {
    color: #fff;
}

.ab_lnav ul li:hover a img:nth-of-type(1),
.ab_lnav ul li.on img:nth-of-type(1) {
    display: none;
}

.ab_lnav ul li:hover a img:nth-of-type(2),
.ab_lnav ul li.on img:nth-of-type(2) {
    display: block;
}

.ab_cyfotbtn {
    width: 1.34rem;
    background: #1050a3;
    box-sizing: border-box;
    font-size: 0.17rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    margin: 0.3rem auto;
}

.ab_cyfotbtn a {
    color: #fff;
}

.video_con {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
}

.video_con video {
    display: block;
    width: 100%;
}



/*联系我们*/
.ne_navtop {
    padding: 0.8rem 0;
}

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

.ne_navtop .w_1235 h2 {
    display: flex;
    align-items: center;
}

.ne_navtop .w_1235 h2 a {
    font-size: 0.16rem;
    color: #999999;
    text-transform: capitalize;
}

.ne_navtop .w_1235 h2 img {
    width: 0.08rem;
    margin: 0 0.1rem
}

.ne_navtop .w_1235 h3 a {
    width: 1.4rem;
    background: #1050a3;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.45rem;
    text-align: center;
    display: block;
}

.contact_ad ul {
    display: flex;
}

.contact_ad ul li img {
    transition: all 0.5s linear;
}

.contact_ad ul li:hover img {
    transform: scale(1.1);
}

.contact_ad ul li {
    width: 50%;
    position: relative;
    max-height: 9.7rem;
    overflow: hidden;
}

.contact_adwz {
    width: 4.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contact_adwz h2 {
    font-size: 0.16rem;
    color: #fff;
    padding-bottom: 0.2rem;
}

.contact_adwz h2 b {
    display: block;
    font-size: 0.26rem;
}

.contact_adwz p {
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.3rem;
}

.contact_fltop {
    width: 3.7rem;
    height: 0.62rem;
    border: 2px solid #1050a3;
    border-radius: 0.62rem;
    box-sizing: border-box;
    margin: 1.09rem 0 0.37rem 0;
    display: flex;
    overflow: hidden;
}

.contact_fltop a {
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    font-size: 0.22rem;
    color: #134f9e;
    line-height: 0.62rem;
    text-align: center;
}

.contact_fltop a.on {
    background: #134f9e;
    color: #fff;
}

.contact_flnav {
    background: #f1f1f1;
    padding-top: 0.07rem;
    display: flex;
    justify-content: center;
}

.contact_flnav a {
    display: block;
    font-size: 0.22rem;
    color: #888888;
    line-height: 0.32rem;
    padding: 0.3rem 0.34rem;
    box-sizing: border-box;
    position: relative;
}

.contact_flnav a.on {
    background: #fff;
    color: #134f9e;
    font-weight: bold;
}

.contact_flnav a.on::after {
    display: block;
    width: 0.48rem;
    height: 0.05rem;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.contact_flnav a:hover {
    background: #fff;
    color: #134f9e;
    font-weight: bold;
}

.contact_flnav a::after {
    display: block;
    width: 0;
    height: 0.05rem;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.5s linear;
}

.contact_flnav a:hover::after {
    width: 0.48rem;
}

.contact_fllist ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.3rem;
    flex-wrap: wrap;
}

.contact_fllist ul li {
    width: 6rem;
    margin-top: 0.46rem;
    padding-left: 0.38rem;
    box-sizing: border-box;
}

.contact_fllist ul li h2 {
    font-size: 0.26rem;
    color: #1050a3;
    font-weight: bold;
    padding-bottom: 0.2rem;
}

.contact_fllist ul li p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
}

.contact_adbtn {
    width: 1.87rem;
    height: 0.4rem;
    background: #1050a3;
    margin: 0.8rem 0 0 0;
    transition: all 0.3s linear;
}

.contact_adbtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.17rem;
    color: #fff;
}

.contact_adbtn a img {
    width: 0.14rem;
    margin-left: 0.13rem;
}

.contact_adbtn:hover {
    background: #000;
}


/*人力资源*/
.hum_top {
    padding: 1.24rem 0;
}

.hum_topcon {
    margin-bottom: 0.8rem;
}

.hum_topcon:nth-last-of-type(1) {
    margin-bottom: 0;
}

.hum_topcon h2 {
    font-size: 0.24rem;
    color: #17222a;
    padding-bottom: 0.26rem;
}

.hum_topcon ul {
    display: flex;
}

.hum_topcon ul li {
    width: 25%;
    padding-right: 0.8rem;
    box-sizing: border-box;
}

.hum_topcon ul li img {
    display: block;
    width: 0.54rem;
}

.hum_topcon ul li h3 {
    font-size: 0.28rem;
    color: #17222a;
    padding: 0.16rem 0;
}

.hum_topcon ul li p {
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.3rem;
}

.hum_cz {
    height: 7.2rem;
    background: url(/static/www/img/hum/pic01.jpg) no-repeat center center/cover;
}

.hum_cz h2 {
    font-size: 0.72rem;
    color: #ffffff;
    font-weight: bold;
    padding: 1.4rem 0 0 0;
    text-transform: uppercase;
}

.hum_cz p {
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
}

.hum_fltop {
    margin: 1.3rem 0 0.7rem 0;
    display: flex;
    border: 0.02rem solid #1050a3;
    box-sizing: border-box;
}

.hum_fltop span {
    width: 25%;
    font-size: 0.28rem;
    color: #1050a3;
    line-height: 0.7rem;
    text-align: center;
    cursor: pointer;
    border-right: 0.02rem solid #1050a3;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

.hum_fltop span:nth-last-of-type(1) {
    border-right: none;
}

.hum_fltop span.on,
.hum_fltop span:hover {
    background: #1050a3;
    color: #fff;
}

.hum_flqh {
    margin-bottom: 1.2rem;
}

.hum_flqhcon {
    height: 0 !important;
    overflow: hidden;
}

.hum_flqhcon.on {
    height: auto !important;
}

.hum_flqhcon dl dd {
    display: flex;
    background: #f5f5f5;
    margin-bottom: 0.46rem;
}

.hum_flqhcon dl dd img {
    width: 34%;
}

.hum_fzr {
    width: 66%;
    padding: 0 0.66rem;
    box-sizing: border-box;
}

.hum_fzr h2 {
    font-size: 0.28rem;
    color: #17222a;
    font-weight: bold;
    padding-top: 0.3rem;
    margin-top: 0.7rem;
    position: relative;
}

.hum_fzr h2::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    content: '';
    background: #1050a3;
    position: absolute;
    left: 0;
    top: 0;
}

.hum_fzr p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
    padding-top: 0.2rem;
}

.hum_flqhcon dl dd:nth-of-type(2) img {
    width: 66%;
}

.hum_flqhcon dl dd:nth-of-type(2) .hum_fzr {
    width: 34%;
    background: #4985d3;
}

.hum_flqhcon dl dd:nth-of-type(2) .hum_fzr h2 {
    color: #fff;
}

.hum_flqhcon dl dd:nth-of-type(2) .hum_fzr h2::after {
    background: #fff;
}

.hum_flqhcon dl dd:nth-of-type(2) .hum_fzr p {
    color: #fff;
}

.hum_fotnav {
    background: #f5f5f5;
    padding: 0 8% 1.2rem 8%;
    box-sizing: border-box;
}

.hum_fotnav .tit {
    color: #1050a3;
}

.hum_fotnav .tit b {
    font-family: '思源黑体 CN Regular';
}

.hum_fotnav ul {
    display: flex;
    justify-content: space-between;
}

.hum_fotnav ul li {
    width: 32%;
    background: #fff;
    position: relative;
    transition: all 0.3s linear;
}

.hum_fotnavwz {
    padding: 0.47rem 0.4rem;
    box-sizing: border-box;
}

.hum_fotnavwz h2 {
    font-size: 0.36rem;
    color: #151515;
    padding-bottom: 0.2rem;
}

.hum_fotnavwz p {
    width: 80%;
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.36rem;
}

.hum_fotnavbtn {
    width: 0.42rem;
    height: 0.42rem;
    background: #1050a3;
    position: absolute;
    right: 0.4rem;
    bottom: 0.66rem;
}

.hum_fotnavbtn a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.hum_fotnavbtn a img {
    width: 0.09rem;
}

.hum_fotnavbtn a img:nth-of-type(1) {
    display: block;
}

.hum_fotnavbtn a img:nth-of-type(2) {
    display: none;
}

.hum_fotnav ul li:hover {
    background: #1050a3;
}

.hum_fotnav ul li:hover .hum_fotnavwz h2 {
    color: #fff;
}

.hum_fotnav ul li:hover .hum_fotnavwz p {
    color: #adc6e5;
}

.hum_fotnav ul li:hover .hum_fotnavbtn {
    background: #fff;
}

.hum_fotnav ul li:hover .hum_fotnavbtn a img:nth-of-type(1) {
    display: none;
}

.hum_fotnav ul li:hover .hum_fotnavbtn a img:nth-of-type(2) {
    display: block;
}

.hum_fuli {
    background: #f5f5f5;
    padding: 1.1rem 1.1rem 0 1.1rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.hum_fulil {
    width: 30%;
}

.hum_fulil h2 {
    font-size: 0.56rem;
    color: #d6d6d6;
    text-transform: uppercase;
    line-height: 0.6rem;
}

.hum_fulil h3 {
    font-size: 0.36rem;
    color: #1050a3;
    font-weight: bold;
    padding: 0.4rem 0 0.26rem 0;
    position: relative;
}

.hum_fulil h3::after {
    display: block;
    width: 0.54rem;
    height: 0.06rem;
    content: '';
    background: #1050a3;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hum_fulil p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.38rem;
    padding-top: 0.4rem;
}

.hum_fulir {
    width: 60%;
}

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

.hum_fulir ol li {
    width: 33.33%;
    margin: 0 0 1.1rem 0;
    padding:0 0.2rem;box-sizing: border-box;
    text-align: center;
}

.hum_fulir ol li img {
    width: 0.9rem;
}

.hum_fulir ol li:nth-of-type(3n) {
    margin-right: 0;
}

.hum_fulir ol li span {
    display: block;
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
    padding-top: 0.26rem;
}

.hj {
    position: relative;
}

.swiper-container-hj {
    margin: 0 auto;
}

.hj_prev {
    width: 0.3rem;
    position: absolute;
    left: 0.5rem;
    top: 36%;
    cursor: pointer;
    z-index: 10;
}

.hj_next {
    width: 0.3rem;
    position: absolute;
    right: 0.5rem;
    top: 36%;
    cursor: pointer;
    z-index: 10;
}

.swiper-container-hj .swiper-slide span {
    display: block;
    font-size: 0.28rem;
    color: #666666;
    text-align: center;
    padding-top: 0.32rem;
}

.swiper-container-hjs {
    margin: 0.6rem auto 0rem auto;
}

.swiper-container-hjs .swiper-slide {
    opacity: 0.5;
}

.swiper-container-hjs .swiper-slide.on {
    opacity: 1;
}

/*社会招聘*/
.rec_consel select {
    width: 2.92rem;
    height: 0.5rem;
    display: block;
    border: 1px solid #e1e1e7;
    border-radius: 0.04rem;
    background: #fff url(/static/www/img/contact/xjt.png) no-repeat 94% center/0.12rem 0.09rem;
    font-size: 0.18rem;
    color: #676767;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.rec_top {
    width: 100%;
    height: 0.76rem;
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    display: flex;
    margin-top: 0.36rem;
}

.rec_top span {
    width: 20%;
    height: 100%;
    border-right: 1px solid #dcdcdc;
    box-sizing: border-box;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.76rem;
    text-align: center;
}

.rec_top span:nth-last-of-type(1) {
    border-right: none;
}

.rec_list ul {
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.rec_list ul li {
    display: flex;
}

.rec_list ul li span {
    width: 20%;
    height: 100%;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.76rem;
    text-align: center;
}

.jion_tit {
    font-size: 0.36rem;
    color: #151515;
    text-align: center;
    padding-top: 0.86rem;
}

.jion_nav {
    padding-bottom: 0.7rem;
}

.jion_nav ul {
    display: flex;
    justify-content: space-between;
}

.jion_nav ul li {
    width: 48%;
    overflow: hidden;
    position: relative;
}

.jion_nav ul li img {
    transition: all 0.3s linear;
}

.jion_nav ul li a h2 {
    font-size: 0.22rem;
    color: #ffffff;
    position: absolute;
    left: 0.24rem;
    bottom: 0.24rem;
}

.jion_nav ul li:hover img {
    transform: scale(1.1);
}

.jion_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}



/*产品与服务-油田装备*/
.pro_fltop {
    background: #f6f6f6;
    padding: 1.59rem 0 0.76rem 0;
}

.pro_fltopnav ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_fltopnav ul li {
    background: #fff;
    width: 3rem;
    height: 1.5rem;
    padding: 0.86rem 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.3s linear;
}

.pro_fltopnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.pro_fltopnav ul li h2 {
    width: 1rem;
    margin: 0 auto 0.1rem auto;
}

.pro_fltopnav ul li h2 img:nth-of-type(1) {
    display: block;
}

.pro_fltopnav ul li h2 img:nth-of-type(2) {
    display: none;
}

.pro_fltopnav ul li::after {
    display: block;
    width: 2px;
    height: 1.58rem;
    content: '';
    background: #efefef;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pro_fltopnav ul li:nth-last-of-type(1)::after {
    display: none;
}

.pro_fltopnav ul li p {
    font-size: 0.24rem;
    padding:0 0.04rem;box-sizing: border-box;
    color: #22519d;
}

.pro_fltopnav ul li.on,
.pro_fltopnav ul li:hover {
    width: 3.28rem;
    padding: 1rem 0;
    background: #1050a3;
}

.pro_fltopnav ul li.on h2 img:nth-of-type(1),
.pro_fltopnav ul li:hover h2 img:nth-of-type(1) {
    display: none;
}

.pro_fltopnav ul li.on h2 img:nth-of-type(2),
.pro_fltopnav ul li:hover h2 img:nth-of-type(2) {
    display: block;
}

.pro_fltopnav ul li.on p,
.pro_fltopnav ul li:hover p {
    color: #fff;
}

.pro_fltopnav ul li.on::after,
.pro_fltopnav ul li:hover::after {
    display: none;
}

.pro_flcon {
    margin: 0.5rem auto 0 auto;
    width: 74%;
}

.pro_flcon ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.26rem;
    align-items: center;
}

.pro_flcon ul li h2 {
    width: 20%;
    font-size: 0.3rem;
    color: #000;
}

.pro_flcon ul li p {
    width: 80%;
    display: flex;
    align-items: center;
}

.pro_flcon ul li p a {
    width: 2.2rem;
    height: 0.7rem;
    border: 2px solid #0f50a2;
    box-sizing: border-box;
    position: relative;
    margin-right: 0.06rem;
}

.pro_flcon ul li p a span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    color: #0f50a2;
    line-height: 0.26rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    text-transform: capitalize;
}

.pro_flcon ul li p a::after,
.pro_flcon ul li p a.on::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #0f50a2;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
}

.pro_flcon ul li p a:hover::after {
    width: 100%;
}

.pro_flcon ul li p a:hover span,
.pro_flcon ul li p a.on span {
    color: #fff;
}

.pro_flcon ul li p a.on::after {
    width: 100%;
}

.pro_qx {
    overflow: hidden;
    padding: 1.5rem 0 1.3rem 0;
}

.pro_qx .w_1235 {
    width: 64.32%;
}

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

.pro_qxtopl {
    width: 55%;
}

.pro_qxtopl h2 {
    font-size: 0.32rem;
    color: #1050a3;
    font-weight: bold;
    padding-top: 0.3rem;
    position: relative;
    text-transform: capitalize;
}

.pro_qxtopl h2::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    content: '';
    background: #1050a3;
    position: absolute;
    left: 0;
    top: 0;
}

.pro_qxtopl p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
    padding: 0.2rem 0 0.46rem 0;
}

.pro_qxtopbtn {
    display:flex;
    align-items:center;
    
}

.pro_qxtopbtn a {
    display: block;
    width: 1.56rem;
    font-size: 0.2rem;
    color: #1050a3;
    line-height: 0.52rem;
    text-align: center;
    position: relative;
	border: 0.02rem solid #1050a3;
    box-sizing: border-box;
	margin-right: 0.14rem;
}

.pro_qxtopbtn a span {
    position: relative;
    z-index: 2;
}

.pro_qxtopbtn a::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #1050a3;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    z-index: 1;
}

.pro_qxtopbtn a:hover::after {
    width: 100%;
}

.pro_qxtopbtn a:hover {
    color: #fff;
}

.pro_qxtopr {
    width: 40%;
}

.pro_qxnav {
    margin: 0.6rem auto 1.2rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap:wrap;
}

.pro_qxnav span {
    width: auto;
    font-size: 0.22rem;
    color: #1050a3;
    line-height: 0.64rem;
    text-align: center;
    cursor: pointer;
	padding:0 0.4rem;
    border: 1px solid #1451a1;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
	margin:0.02rem;
}

.pro_qxnav span b {
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.pro_qxnav span::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #1451a1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    z-index: 1;
}

.pro_qxnav span:hover::after,
.pro_qxnav span.on::after {
    width: 100%;
}

.pro_qxnav span:hover,
.pro_qxnav span.on {
    color: #fff;
}

.swiper-container-pro .swiper-slide {
    width: 100%;
    padding: 0.78rem 0.6rem;
    background: #f6f6f6 !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro_pic {
    width: 40.8%;
}

.pro_js {
    width: 54%;
}

.pro_js h2 {
    font-size: 0.2rem;
    color: #1451a1;
}

.pro_js p {
    font-size: 0.16rem;
    color: #898989;
    line-height: 0.3rem;
    padding: 0.17rem 0 0.36rem 0;
}

.pro_xqbtn {
    width: 1.24rem;
}

.pro_xqbtn a {
    display: block;
    width: 100%;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #1050a3;
    text-align: center;
    position: relative;
    border: 0.02rem solid #1050a3;
    box-sizing: border-box;
}

.pro_xqbtn a span {
    position: relative;
    z-index: 3;
}

.pro_xqbtn a::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    z-index: 1;
}

.pro_xqbtn a:hover::after {
    width: 100%;
}

.pro_xqbtn a:hover {
    color: #fff;
    border-color: #000;
}

.cy_name {
    background: #f5f5f5;
    padding-bottom: 1.4rem;
    overflow: hidden;
}

.cy_name h2 {
    font-size: 0.3rem;
    color: #1050a2;
    font-weight: bold;
    padding: 0.24rem 0 0.5rem 0;
    position: relative;
    margin-top: 1.12rem;
}

.cy_name h2::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    content: '';
    background: #1050a2;
    position: absolute;
    left: 0;
    top: 0;
}

.cy_name ul li {
    border-bottom: 1px solid #cccccc;
    line-height: 0.9rem;
    padding: 0 0.34rem;
    box-sizing: border-box;
}

.cy_name ul li a {
    display: flex;
    justify-content: space-between;
    font-size: 0.24rem;
    color: #333333;
    align-items: center;
}

.cy_name ul li img {
    width: 0.1rem;
    height: 0.15rem;
}

.cy_name ul li a:hover {
    color: #1050a2;
}

/*海洋工程*/
.pip_nav {
    margin-top: 0.78rem;
}

.pip_nav h3 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
}

.pip_nav span {
    width: 20%;
    font-size: 0.18rem;
    color: #1050a3;
    line-height: 0.36rem;
    text-align: center;
    cursor: pointer;
    padding:0.2rem 0;
    border-top: 0.02rem solid #1451a1;
    border-bottom: 0.02rem solid #1451a1;
    border-left: 0.02rem solid #1451a1;
    box-sizing: border-box;
    position: relative;
}

.pip_nav span:nth-last-of-type(1) {
    border-right: 0.02rem solid #1451a1;
}

.pip_nav span a {
    font-weight: normal;
    position: relative;
    z-index: 2;
    color: #1050a3;
}

.pip_nav span::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #1451a1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    z-index: 1;
}

.pip_nav span:hover::after,
.pip_nav span.on::after {
    width: 100%;
}

.pip_nav span:hover a,
.pip_nav span.on a {
    color: #fff;
}

.swiper-container-pip .swiper-slide {
    background: #fff;
}

/*管道技术*/
.pip_tit {
    width: 3.47rem;
    height: 0.64rem;
    background: #0f50a2;
    border-radius: 0.04rem;
    font-size: 0.28rem;
    margin: 0.78rem auto 0 auto;
    color: #fff;
    line-height: 0.64rem;
    text-align: center;
}

.pro_qxfot {
    display: flex;
    align-items: center;
}

/*产品详情*/
.pro_infocon {
    padding: 1.2rem 0;
}

.pro_infocon01 {
    display: flex;
    align-items: center;
    height: 2.4rem;
}

.pro_infoconl {
    width: 19.43%;
    height: 2.4rem;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_infoconl h2 img {
    display: block;
    width: 0.54rem;
    margin: 0 auto 0.18rem auto;
}

.pro_infoconl h2 span {
    display: block;
    font-size: 0.28rem;
    color: #17222a;
}

.pro_infocon01 .pro_infoconl {
    background: #1050a3;
}

.pro_infocon01 .pro_infoconl h2 span {
    color: #fff;
}

.pro_infocon01r {
    flex: 1;
    padding: 0 0.56rem 0 0.68rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    border: 2px solid #f5f5f5;
    box-sizing: border-box;
    justify-content: space-between;
}

.pro_infocon01r h2 {
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.3rem;
    width: 6.18rem;
}

.pro_infocon01r h2 b {
    display: flex;
    align-items: center;
    font-size: 0.32rem;
    color: #17222a;
    margin-bottom: 0.24rem;
}

.pro_infocon01r h2 img {
    width: 0.16rem;
    margin-right: 0.16rem;
}

.pro_infopic {
    width: 1.46rem;
}

.pro_infocon02 {
    margin: 0.8rem auto 0.2rem auto;
    display: flex;
    align-items: center;
}

.pro_infocon02r {
    flex: 1;
    padding: 0 0.56rem 0 0.68rem;
    box-sizing: border-box;
}

.pro_infocon02r p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
}

.pro_infocon02r p span {
    display: block;
    font-size: 0.16rem;
    color: #293239;
}

.pro_infocon03 {
    border: 2px solid #f5f5f5;
    box-sizing: border-box;
    padding: 0.56rem 0;
}

.pro_infocon03 dl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_infocon03 dl dd {
    margin: 0 0.6rem;
}

.pro_infocon03 dl dd img {
    display: block;
    width: 2.7rem;
    margin: 0 auto;
}

.pro_infocon03 dl dd h2 {
    font-size: 0.16rem;
    color: #999999;
    text-align: center;
}

.pro_infocon03 dl dd h2 span {
    display: block;
    font-size: 0.16rem;
    color: #1050a3;
    padding: 0.18rem 0 0.06rem 0;
}

.pro_infocon04 {
    display: flex;
    justify-content: space-between;
    margin-top: 0.9rem;
}

.pro_infocon04 dl {
    width: 76%;
    padding: 0.68rem 1rem 0 1rem;
    border: 2px solid #f5f5f5;
    box-sizing: border-box;
}

.pro_infocon04 dl dd {
    text-align: center;
}

.pro_infocon04 dl dd h2 {
    font-size: 0.16rem;
    color: #293239;
    padding: 0.22rem 0 0.44rem 0;
}

.pro_infoname{display: flex;align-items: center;font-size: 0.4rem;color:#17222a;font-weight: bold;}
.pro_infoname img{width:0.16rem;margin-right: 0.25rem;}
.pro_infojswz{border:1px solid #f5f5f5;box-sizing: border-box;height: 2.4rem;display: flex;align-items: center;margin:0.6rem auto;}
.pro_infojswzl{width: 2.4rem;height: 100%;background:#1050a3;display: flex;align-items: center;justify-content: center;}
.pro_infojswzl h2{text-align: center;}
.pro_infojswzl h2 img{width:0.4rem;}
.pro_infojswzl h2 span{display: block;font-size: 0.28rem;color:#ffffff;padding-top:0.18rem;}
.pro_infojswzr{flex: 1;padding:0 0.62rem;box-sizing: border-box;display: flex;align-items: center;}
.pro_infojswzr p{font-size: 0.18rem;color:#666666;line-height: 0.3rem;}
.swiper-container-proinfo{position: relative;}
.swiper-container-proinfo .swiper-slide{position: relative;}
.pro_infovideo{width:0.5rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.pro_infovideo img{transition: all 0.5s linear;}
.pro_infovideo:hover img{transform: rotate(45deg);}

.pro_infotit{border-bottom: 1px solid #d3d3d3;padding-bottom: 0.22rem;margin:0.96rem auto 0.46rem auto;display: flex;align-items: center;font-size: 0.28rem;color:#17222a;}
.pro_infotit img{width: 0.5rem;margin:0 0.2rem;}
.pro_infotext h2{font-size: 0.16rem;color:#293239;padding:0 0.34rem 0.2rem 0.34rem;box-sizing: border-box;}
.pro_infotext p{padding:0 0.34rem;box-sizing: border-box;font-size: 0.16rem;color:#999999;line-height: 0.3rem;}

.pro_infonpic{margin-top: 0.55rem;}
.proinfo_prev,.proinfo_next{width:0.19rem;position: absolute;cursor: pointer;top:50%;transform: translateY(-50%);z-index: 30;}
.proinfo_prev{left:3.82rem;}
.proinfo_next{right:0.16rem;}

/*发展历史*/
.his_top {
    background: #f5f5f5;
    padding: 1.13rem 0;
}

.his_tit {
    position: relative;
    padding-left: 0.36rem;
    box-sizing: border-box;
}

.his_tit h2 {
    font-size: 0.42rem;
    color: #d6d6d6;
    text-transform: uppercase;
    line-height: 0.44rem;
}

.his_tit h3 {
    font-size: 0.42rem;
    color: #1050a3;
    font-weight: bold;
    padding-top: 0.14rem;
}

.his_tit::after {
    display: block;
    width: 0.05rem;
    height: 100%;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.his_con {
    padding: 1.6rem 0;
}

.his_con .w_1235 {
    display: flex;
    justify-content: space-between;
}

.his_conl {
    width: 1.4rem;
}

.his_conr {
    width: 80%;
}

.his_prev {
    width: 100%;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.2rem;
    cursor: pointer;
    opacity: 0;
}

.his_prev img {
    width: 0.27rem;
}

.his_prev.on {
    opacity: 1;
}

.his_next {
    width: 100%;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.2rem;
    cursor: pointer;
    opacity: 0;
}

.his_next img {
    width: 0.27rem;
}

.his_next.on {
    opacity: 1;
}

.swiper-container-hisl {
    height: 8.8rem;
    overflow: hidden;
}

.swiper-container-hisl .swiper-slide {
    width: 100%;
    background: #f5f5f5;
    font-size: 0.3rem;
    color: #999999;
    font-weight: bold;
    line-height: 1.1rem;
    cursor: pointer;
    margin: 0 0.1rem;
    text-align: center;
}

.swiper-container-hisl .swiper-slide.on {
    background: #1050a3;
    color: #fff;
}

.his_conrqh {
    height: 0;
    overflow: hidden;
}

.his_conrqh.on {
    height: auto !important;
}

.swiper-container-hisrda .swiper-slide {
    font-size: 0.3rem;
    color: #999999;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding-bottom: 0.14rem;
    cursor: pointer;
}

.swiper-container-hisrda .swiper-slide.on {
    color: #1050a3;
}

.swiper-container-hisrda .swiper-slide.on::after {
    display: block;
    width: 0.4rem;
    height: 0.04rem;
    background: #1050a3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.swiper-container-hisxq {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.swiper-container-hisxq ul {
    display: flex;
    flex-wrap: wrap;
}

.swiper-container-hisxq ul li {
    width: 40%;
    position: relative;
    margin: 0.74rem 3% 0 0;
}

.his_wz {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0.8rem;
    padding: 0 0.52rem;
    box-sizing: border-box;
}

.his_wz h2 {
    font-size: 0.22rem;
    color: #fff;
    padding-bottom: 0.2rem;
}

.his_wz p {
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.36rem;
}

/*企业文化*/
.ab_cul {
    background: #f5f5f5;
    padding-bottom: 1.44rem;
}

.ab_cultit {
    padding: 1.2rem 0 0.4rem 0;
}

.ab_cultit h2 {
    font-size: 0.54rem;
    color: #1050a3;
    font-weight: bold;
    text-transform: uppercase;
}

.ab_cultit p {
    font-size: 0.36rem;
    color: #17222a;
    font-weight: bold;
}

.ab_culcon ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.76rem;
    overflow: hidden;
}

.ab_culpic {
    width: 61.6%;
    position: relative;
    overflow: hidden;
}

.ab_culpic img {
    transition: all 0.3s linear;
}

.ab_culcon ul li:hover .ab_culpic img {
    transform: scale(1.05);
}

.ab_culpic::after {
    display: block;
    width: 1.4rem;
    height: 100%;
    content: '';
    background: rgba(0, 161, 233, 0.5);
    position: absolute;
    top: 0;
}

.ab_culcon ul li:nth-child(odd) .ab_culpic::after {
    right: 0;
}

.ab_culcon ul li:nth-child(even) .ab_culpic::after {
    left: 0;
}

.ab_culwz {
    flex: 1;
    height: 100%;
    background: #00a1e9;
    display: flex;
    align-items: center;
}

.ab_culwzcon {
    display: flex;
    align-items: flex-start;
}

.ab_culwzcon img {
    width: 0.53rem;
    margin: 0 0.3rem 0 0.6rem;
}

.ab_culwzconr h2 {
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
}

.ab_culwzconr h3 {
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.4rem;
}

.ab_culwzconr p {
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.28rem;
    padding-top: 0.17rem;
}

.ab_culcon ul li:nth-child(even) .ab_culwz {
    order: 1;
}

.ab_culcon ul li:nth-child(even) .ab_culpic {
    order: 2;
}

/*科研创新*/
.ab_tec ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab_tec ul li {
    width: 6.2rem;
    position: relative;
}

.ab_tecwz {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.ab_tecwz h2 {
    width: 0.6rem;
    margin: 0.7rem auto 1.2rem auto;
}

.ab_tecwz h3 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.ab_tecwz h3 b {
    font-size: 0.88rem;
    color: #fff;
    font-family: 'arial';
}

.ab_tecwz h3 sub {
    font-size: 0.36rem;
    color: #fff;
    padding-left: 0.16rem;
}

.ab_tecwz p {
    font-size: 0.24rem;
    color: #ffffff;
    padding-top: 0.6rem;
    font-weight: lighter;
}

.ab_tecfot {
    width: 15rem;
    margin: 1.5rem auto 0.5rem auto;
}

.ab_tecfot ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}

.ab_tecfotpic {
    width: 50%
}

.ab_tecfotr {
    width: 46%
}

.ab_tecfotr h2 {
    font-size: 0.3rem;
    color: #333333;
    font-weight: bold;
    padding-bottom: 0.4rem;
    text-align: right;
    position: relative;
}

.ab_tecfotr h2::after {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    background: #1050a3;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
}

.ab_tecfotr p {
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.36rem;
    padding: 0.5rem 0;
}

.ab_tecbtn {
    width: 1.34rem;
    height: 0.4rem;
    background: #1050a3;
    font-size: 0.17rem;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
    float: right;
}

.ab_tecbtn a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.ab_tecbtn a span {
    position: relative;
    z-index: 3;
}

.ab_tecbtn::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    z-index: 1;
}

.ab_tecbtn:hover::after {
    width: 100%;
}

.ab_tecbtn:hover a {
    color: #fff;
    border-color: #000;
}

.ab_tecfot ul li:nth-of-type(2) .ab_tecfotpic {
    order: 2;
}

.ab_tecfot ul li:nth-of-type(2) .ab_tecfotr {
    order: 1;
}

.ab_tecfot ul li:nth-of-type(2) .ab_tecfotr h2 {
    text-align: left;
}

.ab_tecfot ul li:nth-of-type(2) .ab_tecfotr h2::after {
    right: 0;
    left: 0;
}

.ab_tecfot ul li:nth-of-type(2) .ab_tecbtn {
    float: left;
}

.ab_tec {
    margin-top: 1rem;
}


/*海隆石油管材研究所*/
.cop_top .w_1235 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cop_topl {
    width: 65%;
}

.cop_topl h2 {
    font-size: 0.36rem;
    color: #1050a3;
    font-weight: bold;
}

.cop_topl p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
    padding-top: 0.37rem;
}

.cop_topr {
    width: 30%;
}

.cop_fltopnav ul {
    display: flex;
    align-items: center;
    margin: 1.34rem auto 0.86rem auto;
}

.cop_fltopnav ul li {
    background: #f6f6f6;
    padding: 0.62rem 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.3s linear;
    width: 25%;
}

.cop_fltopnav ul li h2 {
    width: 1rem;
    margin: 0 auto 0.1rem auto;
}

.cop_fltopnav ul li h2 img:nth-of-type(1) {
    display: block;
}

.cop_fltopnav ul li h2 img:nth-of-type(2) {
    display: none;
}

.cop_fltopnav ul li::after {
    display: block;
    width: 2px;
    height: 1.58rem;
    content: '';
    background: #e8e8e8;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cop_fltopnav ul li:nth-last-of-type(1)::after {
    display: none;
}

.cop_fltopnav ul li p {
    font-size: 0.24rem;
    color: #22519d;
    min-height: 0.6rem;
}

.cop_fltopnav ul li.on,
.cop_fltopnav ul li:hover {
    padding: 0.8rem 0;
    background: #1050a3;
}

.cop_fltopnav ul li.on h2 img:nth-of-type(1),
.cop_fltopnav ul li:hover h2 img:nth-of-type(1) {
    display: none;
}

.cop_fltopnav ul li.on h2 img:nth-of-type(2),
.cop_fltopnav ul li:hover h2 img:nth-of-type(2) {
    display: block;
}

.cop_fltopnav ul li.on p,
.cop_fltopnav ul li:hover p {
    color: #fff;
}

.cop_fltopnav ul li.on::after,
.cop_fltopnav ul li:hover::after {
    display: none;
}

.cop_top01 .cop_topl {
    order: 2;
}

.cop_top01 .cop_topr {
    order: 1;
}

.cop_list {
    padding: 1rem 0 1.9rem 0;
}

.cop_list ul {
    display: flex;
    justify-content: space-between;
}

.cop_list ul li {
    width: 30%;
}

/*荣誉*/
.cop_ry {
    margin: 1.65rem auto;
}

.cop_ry .w_1235 {
    position: relative;
}

.swiper-container-ry {
    width: 8.78rem;
    margin: 0 auto;
}

.ry_prev {
    width: 0.3rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.ry_next {
    width: 0.3rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.swiper-container-ry p {
    font-size: 0.22rem;
    color: #999999;
    text-align: center;
    line-height: 0.34rem;
    padding-top: 0.2rem;
}

/*成果*/
.cop_achcon {
    margin: 0.84rem auto 1.6rem auto;
    border: 1px solid #f5f5f5;
    border-bottom: none;
}

.cop_ach ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    padding: 0.26rem 0.3rem;
    box-sizing: border-box;
}

.cop_ach img {
    width: 1.33rem;
    margin-right: 0.34rem;
}

.cop_ach h2 {
    flex: 1;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
}

.cop_ach h2 span {
    display: block;
    font-size: 0.22rem;
    padding-bottom: 0.2rem;
    color: #1050a3;
}


/*qshe*/
.qshe_top h2 {
    padding-bottom: 0.6rem;
}

.qshe_top h2 b {
    display: block;
    font-size: 0.72rem;
    color: #d9d9db;
    font-weight: bold;
}

.qshe_top h2 span {
    display: block;
    font-size: 0.36rem;
    color: #17222a;
    font-weight: bold;
}

.qshe_top ul {
    display: flex;
}

.qshe_top ul li {
    width: 5.5rem;
    position: relative;
    height: 100%;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.qshe_top ul li:nth-of-type(1) {
    width: 8.18rem;
    z-index: 3;
}

.qshe_top h3 {
    font-size: 0.28rem;
    color: #fff;
    position: relative;
    margin-bottom: 3.13rem;
    text-transform: capitalize;
}

.qshe_top h3::after {
    display: block;
    width: 0.46rem;
    height: 2px;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -0.28rem;
}

.qshe_top ul li:nth-of-type(1) .qshe_wz {
    position: absolute;
    left: 1rem;
    top: 1.04rem;
    width: 6.4rem;
}

.qshe_top ul li h4 {
    font-size: 0.28rem;
    color: #fff;
    text-transform: capitalize;
}

.qshe_top ul li p {
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.3rem;
    padding-top: 0.14rem;
}

.qshe_top ul li:nth-of-type(2) .qshe_wz,
.qshe_top ul li:nth-of-type(3) .qshe_wz {
    height: 3.81rem;
    background: #f5f5f5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 0.3rem;
    box-sizing: border-box;
    justify-content: center;
}

.qshe_top ul li:nth-of-type(2) h4,
.qshe_top ul li:nth-of-type(3) h4 {
    color: #333333;
}

.qshe_top ul li:nth-of-type(2) p,
.qshe_top ul li:nth-of-type(3) p {
    color: #999;
}

.qshe_top ul li:nth-of-type(3) .qshe_wz {
    order: 2;
}

.qshe_top ul li:nth-of-type(3) img {
    order: 1;
}

.qshe_top ul:nth-of-type(2) {
    position: relative;
    margin-top: 1.12rem;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(2),
.qshe_top ul:nth-of-type(2) li:nth-of-type(3) {
    width: 11rem;
    height: 3.84rem;
    overflow: hidden;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(3) {
    position: absolute;
    right: 0;
    bottom: 0;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz,
.qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz {
    position: absolute;
    left: 0.6rem;
    bottom: 0.5rem;
    height: auto;
    background: none;
    padding: 0;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz h3 {
    margin-bottom: 1rem;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz h4,
.qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz h4 {
    color: #fff;
}

.qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz p,
.qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz p {
    color: #fff;
}

.qshe_xb {
    font-size: 0.42rem;
    color: #333333;
    padding: 1.2rem 0 0.84rem;
}

.qshe_sm {
    padding-bottom: 0.7rem;
}

.qshe_sm ul {
    display: flex;
}

.qshe_sm ul li {
    width: 30%;
    margin-right: 5%;
}

.qshe_sm ul li:nth-of-type(2) {
    width: 65%;
}

.qshe_smcom {
    display: flex;
}

.qshe_smcom h2 {
    width: 0.61rem;
    margin-right: 0.3rem;
}

.qshe_smcom h3 {
    flex: 1;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.3rem;
    padding-bottom: 0.7rem;
}

.qshe_smcom h3 span {
    display: block;
    font-size: 0.28rem;
    color: #1050a3;
    padding-bottom: 0.14rem;
}

.qshe_gy {
    overflow: hidden;
    background: #f5f5f5;
    padding-bottom: 1.6rem;
}

.qshe_gy ul li {
    margin-bottom: 0.24rem;
}

.qshe_gy ul li h2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    align-items: center;
    cursor: pointer;
    background: #fff;
    line-height: 0.84rem;
    border-left: 0.05rem solid #1050a3;
    padding: 0 0.74rem 0 0.34rem;
    box-sizing: border-box;
}

.qshe_gy ul li h2 b {
    font-size: 0.24rem;
    color: #333333;
    font-weight: normal;
}

.qshe_gy ul li h2 span {
    font-size: 0.2rem;
    color: #898989;
}

.qshe_gy ul li h2 img {
    width: 0.1rem;
    position: absolute;
    right: 0.37rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s linear;
}

.qshe_gy ul li.on h2 img {
    transform: translateY(-50%) rotate(40deg);
}

.qshe_gyxq {
    width: 100%;
    padding: 0.6rem 0.34rem;
    box-sizing: border-box;
    display: none;
}

.qshe_gyxq h3 {
    font-size: 0.3rem;
    color: #1050a3;
    font-weight: bold;
}

.qshe_gyxq p {
    font-size: 0.16rem;
    color: #898989;
    line-height: 0.35rem;
    padding-top: 0.6rem;
}

/*产业详情*/
.add_qx {
    padding-bottom: 1.8rem;
}

.swiper-container-addpic .swiper-slide {
    position: relative;
}

.add_qxvbtn {
    width: 0.71rem;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.add_qxbtn {
    display: flex;
    justify-content: right;
    margin: 0.2rem 0 0.3rem auto;
}

.add_qxnext,
.add_qxprev {
    width: 0.62rem;
    height: 0.62rem;
    background: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.09rem;
    cursor: pointer;
    transition: all 0.3s linear;
}

.add_qxnext img,
.add_qxprev img {
    width: 0.15rem;
}

.add_qxnext:hover,
.add_qxprev:hover {
    background: #1050a3;
}

.add_qx h2 {
    font-size: 0.36rem;
    color: #1050a3;
    font-weight: bold;
}

.add_qx p {
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.42rem;
    padding: 0.36rem 0 0.7rem 0;
}

.add_qx h3 {
    display: flex;
}

.add_qx h3 span {
    width: 1.54rem;
    font-size: 0.24rem;
    color: #1050a3;
    font-weight: bold;
}

.add_qx h3 b {
    border-left: 1px solid #e5e5e5;
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.3rem;
    padding-left: 0.5rem;
    font-weight: normal;
}

.wap_lan {
    display: none;
}

/*搜索页*/
.searchBox {
    padding: 1.8rem 0 1rem 0;
}

.ny_searchtop {
    width: 6rem;
    border-bottom: 1px solid #1050a3;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.ny_searchtop input {
    width: 70%;
    height: 0.5rem;
    border: none;
    background: none;
    font-size: 0.18rem;
    color: #000;
}

.ny_searchbtn {
    width: 0.5rem;
    height: 0.5rem;
    background: #1050a3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ny_searchbtn img {
    width: 17px;
}

.AllSeaList {
    margin: 0.6rem auto 0 auto;
    width: 60%;
}

.AllSeaList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    font-size: 0.18rem;
    padding: 0.3rem 0;
    color: #1050a3;
}

.AllSeaList li a {
    color: #1050a3;
}




.zhengce h2{font-size: 0.36rem;color: #17222a;font-weight: bold;text-align: center;padding: 1.6rem 0 0.3rem 0;}
.zhengce h3{font-size: 0.22rem;color: #17222a;font-weight: bold;padding: 0.2rem 0;}
.zhengce p{font-size: 0.18rem;color: #666;line-height: 2;padding-bottom: 0.2rem;}
.zhengce h5{font-size: 0.16rem;color: #17222a;text-align: right;padding: 0.6rem 0;}









@media(max-width:1366px) {
    .header {
        width: 100%;
    }

    .w_1235 {
        width: 86%;
    }

    .news_info .w_1235 {
        width: 70%;
    }

    .swiper-pagination-ban {
        left: 7% !important;
    }

    .ab_culcon ul li {
        height: 3.56rem;
    }

}


.pager1 {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    justify-content: center;
}

.pager1 li {
    margin: 0 0.1rem;
}

.pager1 a,
.pager1 span {
    width: 0.38rem;
    height: 0.38rem;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #63686b;
    line-height: 0.38rem;
    text-align: center;

    display: block;
}

.pager1 .active span {
    border-color: #1050a3;
    color: #fff;
    background: #1050a3;
}

.ino_conts .cont {
    display: none;
}

.ino_conts .cont.on {
    display: block;
}

@media(max-width:1024px) {
    .w_1235 {
        width: 90%;
    }

    /*首页*/

    .header {
        width: 100%;
        padding: 0.3rem 5%;
    }

    .logo {
        width: 1.8rem;
    }

    .ban_con .w_1235 {
        width: 90%;
        left: 5%;
        transform: translateX(0);
        top: 1.2rem;
    }

    .ban_con {
        height: 5.3rem;
    }

    .ban_con .w_1235 h3 {
        font-size: 0.4rem;
        line-height: 0.6rem;padding: 0.2rem 0 ;
    }

    .ban_btn {
        width: 2rem;
    }

    .ban_btn a {
        font-size: 0.24rem;
        line-height: 0.6rem;
    }

    .swiper-pagination-ban {
        left: 5% !important;
        bottom: 0.2rem !important;
    }

    .tit {
        padding: 0.7rem 0 0.4rem 0;
    }

    .tit b {
        font-size: 0.5rem;
        line-height: 0.75rem;
    }

    .fl_con {
        margin: 0 auto;
    }

    .fl_con ul li:nth-of-type(1) {
        width: 100%;
        height: 7rem;
    }

    .fl_contop dl dd a {
        font-size: 0.24rem;
    }

    .fl_con ul li {
        width: 100%;
        height: 5rem !important;overflow: hidden;
        margin-bottom: 0.4rem;
    }

    .fl_confot a {
        font-size: 12px;
        line-height: 0.6rem;
        height: 0.6rem;
        width: 2.3rem;
    }
    .fl_confot a:nth-of-type(2){width: 3rem;}

    .fl_con ul li:nth-last-of-type(2),
    .fl_con ul li:nth-last-of-type(1) {
        position: relative;
        right: auto;
        bottom: auto;
        height: auto;
    }

    .news ul li {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .news_more {
        width: 2rem;
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto;
    }

    .news_more a {
        font-size: 0.24rem;
        line-height: 0.6rem;
    }

    .news ul li h2 {
        font-size: 0.24rem;
        padding: 0 0 0.2rem 0.4rem;
    }

    .news_con {
        width: calc(100% - 0.4rem);
    }

    .news_con a h3 {
        font-size: 0.24rem;
        line-height: 0.4rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
    }

    .news_con a p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .swiper-container-nb .swiper-slide p {
        font-size: 0.24rem;
        line-height: 0.4rem;
        padding: 0.4rem;
    }

    .home_nbliner {
        right: 0.4rem;
    }

    .fot_top {
        flex-wrap: wrap;
    }

    .fot_nav {
        width: 100%;
    }

    .fot_nav ul {
        flex-wrap: wrap;
    }

    .fot_nav ul li {
        width: 50%;
        margin: 0 0 0.4rem 0;
    }

    .fot_nav ul li h2 {
        font-size: 0.28rem;
    }

    .fot_nav ul li dl dd {
        font-size: 0.24rem;
    }

    .fot_ewm {
        width: 2.7rem;
        height: auto;
        margin-top: 0.4rem;
    }

    .fot_ewm img {
        width: 1.8rem;
    }

    .fot_ewm span {
        font-size: 0.24rem;
    }

    .fot_fot {
        flex-wrap: wrap;
        margin-top: 0.4rem;
    }

    .fot_fot p {
        font-size: 0.24rem;
        line-height: 0.4rem;
        flex-wrap: wrap;
    }

    .fot_fot p img {
        display: none;
    }

    .fot_fot h5 {
        padding: 0.4rem 0;
    }

    .fot_fot h5 a {
        font-size: 0.24rem;
    }

    .fot_fot h5 a span {
        font-size: 0.24rem;
    }

    .go_top {
        right: 5%;
        bottom: 0.4rem;
    }

    .wap_hbtn {
        width: 0.5rem;
        height: 0.4rem;
        display: block;
        position: relative;
    }

    .wap_hbtn span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0%;
        transition: all 0.3s linear;
    }

    .wap_hbtn span:nth-of-type(1) {
        top: 0;
    }

    .wap_hbtn span:nth-of-type(2) {
        top: 48%;
    }

    .wap_hbtn span:nth-of-type(3) {
        bottom: 0;
    }

    .search {
        width: 0.4rem;
        position: absolute;
        right: 17%;
        top: 50%;
        transform: translateY(-50%);
    }

    .wap_hbtn.on span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 50%
    }

    .wap_hbtn.on span:nth-of-type(2) {
        display: none;
    }

    .wap_hbtn.on span:nth-of-type(3) {
        transform: rotate(-45deg);
        bottom: 50%;
    }

    .lan {
        display: none;
    }

    .nav {
        width: 100vw;
        height: calc(100vh - 1.1rem);
        background: #fff;
        position: absolute;
        left: 0;
        top: 1.1rem;
        z-index: 99;
        transform: translateX(-100%);
        transition: all 0.3s linear;
    }

    .nav ul {
        display: block;
        padding: 0.3rem 5%;
        box-sizing: border-box;
    }

    .nav ul li {
        margin-right: 0;
        border-bottom: 1px solid #000;
        padding: 0.4rem 0;
    }

    .nav ul li h2 a {
        font-size: 16px;
        color: #000;
        padding-bottom: 0;
    }

    .nav ul li.on h2 a::after {
        display: none;
        width: 0;
    }

    .nav ul li:nth-of-type(1) {
        display: none;
    }

    .nav ul li dl {
        display: none;
        width: 100%;
        position: relative;
        top: auto;
        left: 0;
        transform: translateX(0);
        padding: 0.3rem 0 0 0.5rem;
        box-sizing: border-box;
    }

    .nav ul li dl dd h3 a {
        background: none;
    }

    .nav ul li dl dd h3 a {
        font-size: 15px;
        text-align: left;
        color: #333;
        line-height: 30px;
    }

    .nav ul li h2,
    .nav ul li h3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav ul li h2 span,
    .nav ul li h3 span {
        width: 16px;
        cursor: pointer;
    }

    .nav ul li h2 span:nth-of-type(1),
    .nav ul li h3 span:nth-of-type(1) {
        display: block;
    }

    .nav ul li h2 span:nth-of-type(2),
    .nav ul li h3 span:nth-of-type(2) {
        display: none;
    }

    .top_lv3 {
        display: none;
        width: 100%;
        position: relative;
        top: auto;
        left: 0;
        background: none;
        padding: 0.3rem 0;
    }

    .top_lv3 a {
        font-size: 14px;
        color: #999;
        text-align: left;
        padding-left: 0.3rem;
        box-sizing: border-box;
        line-height: 24px;
    }

    .nav.on {
        transform: translateX(0);
    }

    .fl_con {
        width: 90%;
    }

    .wap_lan {
        display: block;
    }

    .wap_lan dl {
        display: flex;
        align-items: center;
        padding: 0.3rem 5%;
        box-sizing: border-box;
    }

    .wap_lan dl dd a {
        font-size: 12px;
        color: #000;
        margin-right: 0.4rem;
        text-transform: uppercase;
    }

    .wap_lan dl dd.on a {
        color: #1050a3;
    }


    /*关于我们*/
    .ab_lnav {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
        width: 100%;
    }

    .ab_lnav ul {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .ab_lnav li {
        width: auto;
        padding:0 0.2rem;
        display: inline-block;
        border-right: 1px solid #ebebeb;
        box-sizing: border-box;
    }

    .ab_lnav ul li a {
        font-size: 0.24rem;
        justify-content: center;
    }

    .ab_lnav ul li a img {
        width: 0.4rem;
    }

    .ab_gk p {
        font-size: 0.24rem;
        line-height: 0.48rem;
        padding: 0.4rem 0;
        text-align:justify;
    }

    .ab_gk ul {
        flex-wrap: wrap;
    }

    .ab_gk ul li {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .ab_gk ul li:nth-of-type(2n) {
        border-right: none;
    }

    .ab_gk ul li h4 {
        font-size: 0.24rem;
    }

    .ab_gk ul li h4 {
        font-size: 0.28rem;
    }

    .ab_gk ul li h5 {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .ab_gkvideo {
        width: 100%;
        margin: 0.4rem auto 0.7rem auto;
    }

    .ab_cytop .w_1235 {
        flex-wrap: wrap;
    }

    .ab_cytopl {
        width: 100%;
    }

    .ab_cytopl h2 {
        font-size: 0.38rem;
    }

    .ab_cytopl h2 b {
        font-size: 0.38rem;
    }

    .ab_cytop p {
        width: 100%;
        margin-top: 0.3rem;
        font-size: 0.24rem;
        line-height: 0.48rem;
        margin-right: 0;
    }

    .ab_cyfot ul li {
        height: 9.5rem;
        width: 100%;
        overflow: hidden;
    }

    .ab_cyfot ul li.on {
        width: 100%;
    }

    .ab_cywz {
        width: 90%;
        left: 5%;
        top: 1rem;
    }

    .ab_cyfot ul li .ab_cywz {
        opacity: 1;
        padding: 0;
    }

    .ab_cyfot ul li.on .ab_cywz {
        padding: 0;
    }

    .ab_cywz p {
        width: 100%;
        white-space: wrap !important;
        font-size: 12px;
        line-height:20px;
    }

    .ab_cywz h2 {
        font-size: 0.28rem;
    }

    .ab_cyfotbtn {
        width: 2rem;
        line-height: 0.7rem;
        font-size: 0.24rem;
    }

    .ab_zj .w_1235 {
        flex-wrap: wrap;
    }

    .ab_zj .w_1235 h2 {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .ab_zj ul {
        flex-wrap: wrap;
        width: 100%;
    }

    .ab_zj ul li {
        margin-bottom: 0.3rem;
        width: 100%;
    }

    .ab_zj ul li h3 {
        font-size: 0.26rem;
    }

    .ab_zj ul li dl dd {
        font-size: 0.24rem;
    }

    .ab_global h2 {
        font-size: 0.5rem;
        line-height: 0.75rem;
    }

    .ab_global p {
        font-size: 0.36rem;
    }

    .ab_global {
        padding-bottom: 4.5rem;
    }
    .ab_globalwz{width: 100%;}

    .ab_globalwz ul li {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .ab_map img {
        width: 90%;
    }

    .ab_cyfot ul li h3 {
        display: none;
    }


    /*大事记*/
    .ne_navtop{padding:0.6rem 0;}
    .ne_navtop .w_1235 h2 a {
        font-size: 0.24rem;
    }

    .ne_navtop .w_1235 h3 a {
        width: 1.6rem;
        height: 0.7rem;
        font-size: 0.24rem;
        line-height: 0.7rem;
    }

    .his_con {
        padding: 1.7rem 0 1rem 0;
    }

    .his_conl {
        width: 100%;
        height: auto;
        position: relative;
    }

    .his_conr {
        width: 100%;
        margin-top: 0.7rem;
    }

    .his_con .w_1235 {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .swiper-container-hisl {
        height: auto;
    }

    .his_prev,
    .his_next {
        width: 1.6rem;
        height: 0.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #1050a3;
    }

    .his_prev {
        position: absolute;
        right: 1.8rem;
        top: -1rem;
        margin-bottom: 0;
    }

    .his_prev img {
        transform: rotate(-90deg);
    }

    .his_next {
        position: absolute;
        right: 0;
        top: -1rem;
        margin-top: 0;
    }

    .his_next img {
        transform: rotate(-90deg);
    }

    .swiper-container-hisxq ul li {
        width: 100%;
    }

    .his_wz h2 {
        font-size: 0.28rem;
    }

    .his_wz p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    /*qshe*/
    .qshe_top h2 b {
        font-size: 0.5rem;
    }

    .qshe_top ul {
        flex-wrap: wrap;
    }

    .qshe_top ul li {
        width: 100%;
        
    }

    .qshe_top ul li:nth-of-type(1) {
        width: 100%;
    }
    

    .qshe_top ul li:nth-of-type(1) .qshe_wz {
        width: 90%;
        left: 5%;
    }

    .qshe_top ul:nth-of-type(2){margin-top:0;}

    .qshe_top ul li:nth-of-type(2) .qshe_wz, .qshe_top ul li:nth-of-type(3) .qshe_wz{height: auto;}

    .qshe_top ul li h4{padding:0.4rem 0 0.2rem 0;}

    .qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz {
        top: 0.4rem;
    }

    .qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz h3 {
        margin-bottom: 0.4rem;
    }

    .qshe_top h3 {
        font-size: 0.36rem;
        margin-bottom: 1rem;
    }

    .qshe_top ul li p {
        font-size: 0.24rem;
        line-height: 0.48rem;
        padding-bottom: 0.4rem;
    }

    .qshe_top ul li:nth-of-type(2) .qshe_wz,
    .qshe_top ul li:nth-of-type(3) .qshe_wz {
        width: 90%;
        order: 2;
        padding: 0;
        margin: 0 auto;
    }

    .qshe_top ul li:nth-of-type(2) img,
    .qshe_top ul li:nth-of-type(3) img {
        order: 1;
    }

    .qshe_top ul:nth-of-type(2) li:nth-of-type(1) img{max-width: 200%;width: 150%;}
    .qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz, .qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz{bottom: 0.2rem;}
    .qshe_xb {
        font-size: 0.36rem;
        padding: 0.7rem 0 0.4rem 0;
    }

    .qshe_sm ul {
        flex-wrap: wrap;
    }

    .qshe_sm ul li {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .qshe_smcom h3 {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .qshe_smcom h3 span {
        font-size: 0.32rem;
    }

    .qshe_sm ul li:nth-of-type(2) {
        width: 100%;
    }

    .qshe_gy ul li h2 {
        flex-wrap: wrap;
        padding-top: 0.3rem;
    }

    .qshe_gy ul li h2 b {
        font-size: 0.28rem;
        line-height: 0.46rem;
        width: 100%;
    }

    .qshe_gy ul li h2 span {
        font-size: 0.24rem;
    }

    .qshe_gyxq p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .qshe_top ul:nth-of-type(2) li:nth-of-type(3) {
        position: relative;
    }

    .qshe_top ul:nth-of-type(2) li:nth-of-type(2),
    .qshe_top ul:nth-of-type(2) li:nth-of-type(3) {
        width: 100%;
        height: auto;
    }

    /*科技创新*/
    .ab_gk h2 {
        font-size: 0.38rem;
        padding: 0.7rem 0 0.4rem 0;
    }

    .ab_tec ul {
        flex-wrap: wrap;
    }

    .ab_tec ul li {
        width: 100%;
        height: 3.3rem;overflow: hidden;
    }

    .ab_tecwz h2 {
        margin: 0.4rem auto 0.3rem auto;
    }

    .ab_tecwz p {
        font-size: 0.28rem;
        padding-top: 0;
    }

    .ab_tecfot ul li {
        flex-wrap: wrap;
        margin-bottom: 0.7rem;
    }

    .ab_tecfot {
        width: 90%;
        margin: 0.7rem auto 0 auto;
    }

    .ab_tecfotpic {
        width: 100%;
    }

    .ab_tecfotr {
        width: 100%;
    }

    .ab_tecfotr h2 {
        padding-top: 0.4rem;
    }

    .ab_tecfotr p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .ab_tecbtn {
        width: 2rem;
        height: 0.7rem;
        font-size: 0.24rem;
        line-height: 0.7rem;
    }

    .ab_tecfot ul li:nth-of-type(2) .ab_tecfotpic {
        order: 1;
    }

    .ab_tecfot ul li:nth-of-type(2) .ab_tecfotr {
        order: 2;
    }

    /*科技创新*/
    .ab_culcon ul li {
        flex-wrap: wrap;
        margin-bottom: 0.4rem;
        height: auto;
    }

    .ab_culpic {
        width: 100%;
    }

    .ab_culwz {
        width: 100%;
        height: auto;
        padding: 0.4rem 0;
    }

    .ab_culwzconr p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .ab_culcon ul li:nth-child(2n) .ab_culpic {
        order: 1;
    }

    .ab_culcon ul li:nth-child(2n) .ab_culwz {
        order: 2;
    }

    .cop_top .w_1235{flex-wrap: wrap;}
    .cop_topr{width: 100%;order: 1;}
    .cop_topl{width: 100%;order: 2;margin-top:0.4rem;}
    .cop_topl p{font-size: 12px;line-height: 24px;}
    .cop_fltopnav ul{flex-wrap: wrap;}
    .cop_fltopnav ul li{width: 50%;}
    .cop_fltopnav ul li.on, .cop_fltopnav ul li:hover{padding:0.62rem 0;}
    .cop_ach ul li{flex-wrap: wrap;}
    .cop_ach h2{font-size: 12px;line-height: 20px;width:100%;flex: auto;margin-top:0.3rem;}
    .cop_ach h2 span{font-size: 14px;}

    /*产品服务*/
    .pro_fltop {
        padding: 0.7rem 0 0.4rem 0;
    }

    .pro_fltopnav {
        width: 90%;
        margin: 0 auto;
    }

    .pro_fltopnav ul {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
    }

    .pro_fltopnav ul li {
        display: inline-block;
        padding: 0.5rem 0;
    }

    .pro_fltopnav ul li::after {
        display: none;
    }

    .pro_fltopnav ul li.on {
        padding: 0.5rem 0;
    }

    .pro_flcon ul li {
        flex-wrap: wrap;
    }

    .pro_flcon ul li h2 {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .pro_flcon {
        width: 90%;
    }

    .pro_qx {
        padding: 0.7rem 0 0.4rem 0;
    }

    .pro_flcon ul li p {
        flex-wrap: wrap;
        width: 100%;
    }

    .pro_flcon ul li p a {
        width: 30%;
        font-size: 12px;line-height: 20px;
        margin-bottom: 0.14rem;
        padding: 0 0.2rem;
    }

    .pro_qxtop {
        flex-wrap: wrap;
    }

    .pro_qxtopr {
        width: 100%;
        order: 1;
    }

    .pro_qxtopl {
        width: 100%;
        order: 2;
    }

    .pro_qxtopl h2 {
        margin-top: 0.4rem;
    }

    .pro_qxtopl p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .pro_qxtopbtn a {
        width: 2rem;
    }

    .pro_qxtopbtn a {
        line-height: 0.7rem;
        font-size: 0.24rem;
    }

    .pro_qxnav {
        margin: 1rem auto 0.4rem auto;
    }

    .pro_qxnav span {
        font-size: 0.24rem;
    }

    .swiper-container-pro .swiper-slide {
        padding: 0.4rem;
        flex-wrap: wrap;
    }

    .pro_pic {
        width: 100%;
    }

    .pro_js {
        width: 100%;
        margin-top: 0.4rem;
    }

    .pro_js h2 {
        font-size: 0.32rem;
    }

    .pro_js p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .pro_xqbtn {
        width: 2rem;
    }

    .pro_xqbtn a {
        line-height: 0.7rem;
        font-size: 0.24rem;
    }

    /*产品详情*/
    .pro_infocon {
        padding: 0;
    }

    .news_infocontop h2 {
        font-size: 0.24rem;
    }

    .pro_infocon01 {
        flex-wrap: wrap;
        height: auto;
    }

    .pro_infoconl {
        width: 30%;
        height: auto;
        padding: 0.5rem 0;
    }

    .pro_infocon01r {
        width: 100%;
        margin-top: 0.3rem;
        height: auto;
        padding: 0.4rem;
        flex-wrap: wrap;
        flex: auto;
    }

    .item {
        margin-bottom: 0.4rem;
        overflow: hidden;
    }

    .pro_infocon01r h2 {
        font-size: 0.24rem;
        line-height: 0.48rem;
        width: 100%;
    }

    .pro_infocon02 {
        flex-wrap: wrap;
        height: auto;
    }

    .pro_infocon02r {
        width: 100%;
        margin-top: 0.3rem;
        height: auto;
        flex: auto;
        width: 100%;
        margin-top: 0.3rem;
        padding: 0;
    }

    .pro_infocon02r p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .pro_infopic {
        width: 3rem;
        margin-top: 0.4rem;
    }

    .pro_infocon03 dl {
        align-items: flex-start;
    }

    .pro_infocon03 dl dd h2 span {
        font-size: 0.26rem;
    }

    .pro_infocon03 dl dd h2 {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .pro_infocon03 dl dd {
        width: 30%;
        margin: 0 2%;
    }

    .pro_infocon03 dl dd img {
        width: 1.8rem;
    }

    .pro_infocon02r p span {
        font-size: 0.28rem;
    }

    .pro_infocon04 {
        flex-wrap: wrap;
    }

    .pro_infocon04 dl {
        width: 100%;
        margin-top: 0.3rem;
        padding: 0.4rem;
    }

    .pro_infocon04 dl dd h2 {
        font-size: 0.26rem;
    }

    .news_info .w_1235 {
        width: 90%;
    }

    /*联系我们*/
    .contact_ad ul {
        flex-wrap: wrap;
    }

    .contact_ad ul li {
        width: 100%;
    }

    .contact_adwz {
        width: 90%;
    }

    .contact_adwz h2 {
        font-size: 0.32rem;
    }

    .contact_adwz p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .contact_adwz h2 b {
        font-size: 0.38rem;
    }

    .contact_fltop {
        width: 70%;
        height: 0.7rem;
        border-radius: 0.7rem;
    }

    .contact_fltop a {
        font-size: 0.24rem;
        line-height: 0.7rem;
    }

    .contact_flnav {
        display: block;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .contact_flnav a {
        display: inline-block;
        font-size: 0.24rem;
        line-height: 0.7rem;
    }

    .contact_fllist {
        margin-top: 0.3rem;
    }

    .contact_fllist ul li h2 {
        font-size: 0.32rem;
    }

    .contact_fllist ul li p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    /*新闻列表*/
    .news_listcon {
        padding: 0 0 0.4rem 0;
        background: none;
    }

    .news_listnav ul li {
        font-size: 0.24rem;
    }

    .news_lb ul li {
        padding: 0.4rem;
    }

    .news_lb ul li a {
        flex-wrap: wrap;
    }

    .news_lbpic {
        width: 100%;
    }

    .news_lr {
        width: 100%;
        margin-top: 0.4rem;
    }

    .news_lr h2 {
        font-size: 0.32rem;
    }

    .news_lr p {
        font-size: 0.26rem;
        line-height: 0.52rem;
        min-height: auto;
    }

    .news_lbfot span {
        font-size: 0.24rem;
    }

    .news_lbfot b {
        font-size: 0.24rem;
    }

    .news_lbfot b img {
        width: 0.14rem;
    }

    .news_infocon {
        padding: 0 0.4rem 0.4rem 0.4rem;
    }

    .news_infowz p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .news_infofot ul li a:nth-of-type(1) {
        width: 2rem;
        height: 0.7rem;
        font-size: 0.24rem;
        line-height: 0.7rem;
    }

    .news_infofot ul li a:nth-of-type(2) {
        font-size: 0.28rem;
        padding-top: 0.3rem;
    }

    .news_top {
        width: 90%;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .news_toppic {
        width: 100%;
    }

    .news_topr {
        width: 100%;
    }

    .news_topr h2 {
        padding-top: 0.3rem;
        line-height: 0.5rem;
    }

    .news_topr p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .news_topbtn span {
        font-size: 0.24rem;
    }

    .news_topbtn a {
        width: 2rem;
        height: 0.6rem;
        font-size: 0.24rem;
        line-height: 0.6rem;
    }

    /*人才战略*/
    .hum_top {
        padding: 1rem 0;
    }

    .hum_topcon h2 {
        font-size: 0.36rem;
    }

    .hum_topcon ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .hum_topcon ul li {
        width: 48%;
        margin-bottom: 0.4rem;
        padding-right: 0;
    }

    .hum_topcon ul li p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .hum_cz h2 {
        font-size: 0.5rem;
    }

    .hum_flqhcon dl dd {
        flex-wrap: wrap;
    }

    .hum_flqhcon dl dd img {
        width: 100%;
        order: 1;
        overflow: hidden;
    }

    .hum_fzr {
        width: 100%;
        order: 2;
        padding: 0 0.4rem 0.4rem 0.4rem;
        box-sizing: border-box;
    }

    .hum_fzr h2 {
        font-size: 0.32rem;
    }

    .hum_fzr p {
        font-size: 0.24rem;
        line-height: 0.48rem;
    }

    .hum_flqhcon dl dd:nth-of-type(2) img {
        width: 100%;
        height: auto;
    }
    .animated{flex-wrap: wrap;}
    .hum_fltop{border-bottom: none;}
    .hum_fltop span{width: 50%;border-bottom: 1px solid #1050a3;}
    .hum_fltop span:nth-of-type(2n){border-right: none;}

    .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr {
        width: 100%;
    }

    .hum_fuli {
        padding: 0.4rem;
        flex-wrap: wrap;
    }

    .hum_fulil {
        width: 100%;
    }

    .hum_fulil h2 {
        font-size: 0.5rem;
    }

    .hum_fulil p {
        font-size: 0.26rem;
        line-height: 0.52rem;
    }

    .hum_fulir {
        width: 100%;
        margin-top: 0.4rem;
    }

    .hum_fulir ol li {
        width: 33.33%;
        margin: 0 0 0.3rem 0;
        text-align: center;
    }

    .hum_fotnav ul {
        flex-wrap: wrap;
    }

    .hum_fotnav ul li {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    /*招聘详情*/
    .rec_consel select {
        height: 0.7rem;
        font-size: 0.24rem;
    }

    .video_tccon {
        width: 90%;
    }

    .pro_qx .w_1235 {
        width: 90%;
    }


	.zhengce h2{font-size: 0.36rem;}
    .zhengce h3{font-size: 0.3rem;}
    .zhengce p{font-size: 0.24rem;}
    .zhengce h5{font-size: 0.2rem;line-height: 2;}

    .ny_ban .ban_con{height: 4rem !important;}
    .ny_ban .ban_con .w_1235{top: 2.6rem;}

    .pip_nav h3{display:block;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    .pip_nav span{display: inline-block;padding: 0 6px;font-size: 0.24rem;line-height: 2;width: auto;}




}