@charset "UTF-8";

@font-face {
  font-family: "AGLettericaCondensed";
  src: url("../fonts/AGLettericaCondensed.woff2") format("woff2"),
  url("../fonts/AGLettericaCondensed.woff") format("woff"),
  url("../fonts/AGLettericaCondensed.ttf") format("truetype"),
  url("../fonts/AGLettericaCondensed.eot") format("embedded-opentype"),
  url("../fonts/AGLettericaCondensed.svg") format("svg");
}

@font-face {
    font-family: "PINGFANG REGULAR-subfont";
    src: url("../fonts/PINGFANG REGULAR-subfont.woff2") format("woff2"), url("../fonts/PINGFANG REGULAR-subfont.woff") format("woff"), url("../fonts/PINGFANG REGULAR-subfont.ttf") format("truetype"), url("../fonts/PINGFANG REGULAR-subfont.eot") format("embedded-opentype"), url("../fonts/PINGFANG REGULAR-subfont.svg") format("svg");
}

@font-face {
    font-family: "PINGFANG MEDIUM-subfont";
    src: url("../fonts/PINGFANG MEDIUM-subfont.woff2") format("woff2"), url("../fonts/PINGFANG MEDIUM-subfont.woff") format("woff"), url("../fonts/PINGFANG MEDIUM-subfont.ttf") format("truetype"), url("../fonts/PINGFANG MEDIUM-subfont.eot") format("embedded-opentype"), url("../fonts/PINGFANG MEDIUM-subfont.svg") format("svg");
}



.ping_b{
    font-family: "PINGFANG REGULAR-subfont";
    font-weight: bold;
}
.ping_m{
  font-family: "PINGFANG MEDIUM-subfont";
}
.ping_r{
    font-family: "PINGFANG REGULAR-subfont";
}
.agletter_b{
  font-family: "AGLettericaCondensed";
}

.w1610{
    width: 83.85%;
    margin: 0 auto;
}
.w1490{
    width: 77.6%;
    margin: 0 auto;
}

.w1240{
    width: 83%;
    margin: 0 0 0 6%;
}


.m_img{
    display: none;
}


.main_con{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    box-sizing:border-box;
}
.z_index2{
    z-index: 2;
}

@media(min-width: 1025px){
/*    body.noscroll{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 2;
    }*/
}


.font_b{
    font-weight: bold;
}


.arial{
    font-family: arial;
}

.zmdx{
    text-transform: uppercase;
}


@media(max-width: 1024px){
    .w1610{
        width: 92%;
    }
    .w1490{
        width: 92%;
    }

    .w1240{
        width: 92%;
        margin: 0 auto;
    }

}
/*---------------------------------------------*/

.header-wrap{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 100;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    transition:all 0.3s ease 0s;
}

.header-wrap .ricon li{
    margin: 0 0.75rem;
    line-height: 1;
}
.header-wrap .ricon .pc_list{
    margin-top: 1.3rem;
}
.header-wrap a{
    color: #fff;
    transition: all 0s ease 0s;
}

.header-wrap .ricon .lang_box{
    width: 2.85rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    box-sizing:border-box;
    margin-top: 1.15rem;
    border:1px solid rgba(255,255,255,0.5);
    margin-left: 0.375rem;
}
.header-wrap .ricon .lang_box a{
    color: #fff;
}
.header-wrap .ricon .lang_box i{
    width: 9px;
    height: 5px;
    background: url('../../web/img/arrow-d1.png')no-repeat center center;
    background-size: contain;
}
.header-wrap .lang_up{
   box-sizing:border-box;
   padding: 0 0.425rem;
   display: flex;
   align-items: center;
   cursor: pointer;
   justify-content: space-between;
}
.header-wrap .lang_up img{
    margin-right: 0.1rem;
}

.header-wrap .ricon .lang_box:hover{
   border:1px solid rgba(255,255,255,1);
   background: #fff;
}
.header-wrap .ricon .lang_box:hover a{
   color: #206bd1;
}
.header-wrap .ricon .lang_box:hover i{
   background: url('../../web/img/arrow-d1a.png')no-repeat center center;
   background-size: contain;
}
.header-wrap .tabb{
    display: none;
}

.header-wrap .sub_box{
    width: 250%;
    position: absolute;
    left: 50%;
    transform:translate(-50%,20px); 
    background: rgba(45,68,98,0.9);
    top: 1.7rem;
    text-align: center;
    font-size: 0.35rem;
    transition:all 0.3s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.header-wrap .sub_box:before{
    content: '';
    position: absolute;
    width: 50%;
    height: 1.35rem;
    left: 50%;
    transform:translateX(-50%);
    top: -1.35rem;
    visibility: hidden;
}

.header-wrap li:hover .sub_box{
    transform:translate(-50%,0);
    visibility: visible;
    opacity: 1;
}
.header-wrap li:hover .sub_box:before{visibility: visible;}

.header-wrap li:nth-child(3) .sub_box{
    width: 280%;
}

.header-wrap .sub_box a{
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
    position: relative;
    transition:all 0.3s ease 0s;
}
.header-wrap .sub_box a:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 56%;
    background: rgba(255,255,255,0.5);
    left: 0.2rem;
    top: 50%;
    transform:translateY(-50%); 
    opacity: 0;
}
.header-wrap .sub_box a:hover{
 background: rgba(45,68,98,1);
}
.header-wrap .sub_box a:hover:after{
    opacity: 1;
}
.header-wrap .sub_box a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    left: 0;
    bottom: 0;
}

.header-wrap .sub_box a:last-child:before{
    display: none;
}




@media(min-width: 1025px){
    .header-wrap.down{
        background: #2d4462;
        height: 2rem;
        line-height: 2rem;
    }
    .header-wrap.down.headroom--unpinned{
        transform:translateY(-2rem); 
    }
    .header-wrap.down .ricon .lang_box{
        margin-top: 0.65rem;
    }

    .header-wrap.down .ricon .pc_list{
        margin-top: 0.8rem;
    }
    .header-wrap.down .sub_box{
        top: 1.2rem;
    }
    .header-wrap.down .sub_box:before {
        top: -0.9rem;
        height: 0.9rem;
    }

    .header-wrap.hover{
        background: #2d4462;
    }

}



.footer-wrap{
    background: #2d4462;
}

.footer-wrap .footer_bot{
    background: #223248;
    height: 1.25rem;
    line-height: 1.25rem;
    width: 100%;
    color: rgba(255,255,255,0.5);
}


.footer-wrap .footer_bot a{
    color: rgba(255,255,255,0.5);
}

.footer-wrap .footer_bot a:hover{
 color: rgba(255,255,255,1);
}
.footer-wrap .back_top{
    cursor: pointer;
    right: 1.25rem;
    top: 6rem;
    color: #fff;
    text-align: center;
}
.footer-wrap .back_top img{
    transition:all 0.3s ease 0s; 
}
.footer-wrap .back_top:hover img{
    transform:translateY(-2px); 
}
.footer-wrap .back_top span{
    display: block;
    margin-top: 0.3rem;
}

.footer-wrap .footer_top{
    padding: 1.25rem 0 1.5rem;
}

.footer-wrap .footer_top .top_con{
    padding-bottom: 0.6rem;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom:1rem;
    box-sizing:border-box;
    padding-left: 2.8rem;
}

.footer-wrap .top_con .tit-18{
    margin-bottom: 0.65rem;
}
.footer-wrap .top_con .tit-18 a{
    color: #fff;
}


.footer-wrap .top_con .sub-box a{
    color: #ccc;
    line-height: 2.25;
    display: block;
}
.footer-wrap .top_con .sub-box a:hover{
    color: #fff;
}

.footer-wrap .top_con li {
    width: calc(100% / 7);
}

.footer-wrap .top_con li:last-child{
    width: auto;
}




.footer-wrap .bot_con .con-t{
    padding-left: 1.3rem;
    color: #ccc;
    line-height:1.71; 
    margin: 0.4rem 0 0.6rem;
}

.footer-wrap .bot_con .conbox{
   padding-left: 1.3rem;
   display: flex;
}

.footer-wrap .bot_con .item{
    display: flex;
    align-items: center;
    width: 6.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing:border-box;
    border: 1px solid rgba(255,255,255,0.1);

    color: #fff;
    margin-right: 0.75rem;
}
.footer-wrap .logo{
    width:4rem;
}
.footer-wrap .bot_con .item img{
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.6rem;
}
.footer-wrap .bot_con .item span {
    line-height: 0.5rem;
    display: inline-block;
    margin: 0;
    width: 50%;
    vertical-align: middle;
}
.footer-wrap .bot_con .ricon{
    text-align: right;
}
.footer-wrap .bot_con .ricon .share-tit{
    color: #fff;
    margin-bottom: 0.5rem;
}


.footer-wrap .bot_con .foot-link{
    margin-top: 1rem;
}
.footer-wrap .bot_con .foot-up{
    width: 11.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #fff;
    box-sizing:border-box;
    padding: 0 0.5rem;
    color: #333366;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.footer-wrap .bot_con .foot-option{
    bottom: 1.5rem;
    left: 0;
    width: 100%;
    background: #fff;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display:none;
    z-index: 333;
}

.footer-wrap .bot_con .foot-option a{
    display: block;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #fff;
    color: #666;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.footer-wrap .bot_con .foot-option a:last-child{
    border-bottom: none;
}
.footer-wrap .bot_con .foot-option a:hover{
    color: #333366;
}



.footer-wrap .bshare-custom{
    display: flex;
    justify-content: flex-end;
}


.footer-wrap .bshare-qqim{
    display: block!important;
    width: 1.1rem!important;
    height: 1.1rem!important;
    border:1px solid rgba(255,255,255,0.23)!important;
    border-radius: 50%!important;
    padding: 0!important;
    margin: 0 10px 0 0!important;
    position: relative;
    background: none!important;
}

.footer-wrap .bshare-qqim:before{
    content: '';
    position: absolute;
    width: 20px!important;
    height: 20px!important;
    background: url('../../web/img/share_ico1.png')no-repeat center center!important;
    background-size: contain!important;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}


.footer-wrap .bshare-weixin{
    display: block!important;
    width: 1.1rem!important;
    height: 1.1rem!important;
    border:1px solid rgba(255,255,255,0.23)!important;
    border-radius: 50%!important;
    padding: 0!important;
    margin: 0 10px 0 0!important;
    position: relative;
    background: none!important;
}

.footer-wrap .bshare-weixin:before{
    content: '';
    position: absolute;
    width: 20px!important;
    height: 20px!important;
    background: url('../../web/img/share_ico2.png')no-repeat center center!important;
    background-size: contain!important;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}




.footer-wrap .bshare-sinaminiblog{
    display: block!important;
    width: 1.1rem!important;
    height: 1.1rem!important;
    border:1px solid rgba(255,255,255,0.23)!important;
    border-radius: 50%!important;
    padding: 0!important;
    margin: 0 0 0 0!important;
    position: relative;
    background: none!important;
}

.footer-wrap .bshare-sinaminiblog:before{
    content: '';
    position: absolute;
    width: 20px!important;
    height: 20px!important;
    background: url('../../web/img/share_ico3.png')no-repeat center center!important;
    background-size: contain!important;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}


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


.index_banner{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.index_banner .banner-swiper{
    width: 100%;
    height: 100%;
}

.index_banner .swiper-slide{
    width: 100%;
    height: 100%;
}

.index_banner .swiper-slide .backcover{
    width: 100%;
    height: 100%;
}

.index_banner .main_con{
    padding-top: 8rem;
    color: #fff;
}


.banner_ty .banner_ico{
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.25rem;
    width: 0.75rem;
    height: 0.75rem;
    background: #1d62be;
    border-radius: 50%;
}


.banner_ty .banner_ico .scroll_ico{
    position: absolute;
    width: 0.5rem;
    height: 0.8rem;
    border-radius: 0.5rem;
    box-sizing:border-box;
    border:1px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: 7px;
}

.banner_ty .banner_ico .scroll_ico:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.5);
    left: 50%;
    transform: translate(-50%,0);
    bottom: 15px;
    animation: bannerico 1.5s linear infinite;
}




@keyframes bannerico {
  0% {
     transform: translate(-50%,0);;
     opacity: 1;
 }
 100% {
     transform: translate(-50%,0.2rem);
     opacity: 0;
 }
}


.index_banner .tit-30{
    letter-spacing: 4px;
}
.index_banner .tit-72{
    margin: 0.1rem 0 0.75rem;
    letter-spacing: 10px;
    line-height: 1.2;
}

.index_banner .tit-15{
    line-height: 2;
}

.index_banner .banner_link{
    margin-top: 2.25rem;
}

.index_banner .banner_link a{
    display: flex;
    align-items: center;
    color: #fff;
}

.index_banner .banner_link img{
    margin-left: 0.5rem;
    transition:all 0.3s ease 0s;
}
.index_banner .banner_link:hover img{
 transform: translateX(2px);
}
.index_banner .title{
    width: 16.25rem;
}




.index_banner .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(255,255,255,0.5);
    width: 1rem;
    height: 3px;
    border-radius: 0;
}
.index_banner .swiper-pagination-bullet-active{
    background: rgba(255,255,255,1);
}





.index_banner .swiper-slide .backcover{
    width: 100%;
    height: 100%;
    transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}

.index_banner .swiper-slide-active .backcover{
    transform: scale3d(1.1, 1.1, 1);
}

.index_banner .swiper-slide .backimg.m_img{
   transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}
.index_banner .swiper-slide-active .backimg.m_img{
   transform: scale3d(1.1, 1.1, 1);
}


.index_banner .w1490{
    transition:all 1s ease 0s;
    transform:translateY(20px);
    opacity: 0;
    visibility: hidden;
}

.index_banner .swiper-slide-active .w1490{
    transform:translateY(0);
    opacity: 1;
    visibility: visible;
}



.index_about{
    padding: 1.75rem 0 1.5rem;
/*    height: 23.5rem;*/
    background: #f5f5f5;
    box-sizing:border-box;
}

.index_about .title{
    margin-bottom: 1.75rem;
    text-align: center;
}


.index_about .title .tit-54{
    color: #206bd1;
    margin-bottom: 0.6rem;
}

.index_about .title .tit-16 {
    color: #003366;
    line-height: 1.875;
    width: 60%;
    margin: auto;
}


.index_about .lecon{
    width: 44%;
}



.index_about:after{
   content: '';
   position: absolute;
   background: url('../../web/img/index-back1.png')no-repeat center center;
   background-size: contain;
   width: 8rem;
   height: 13.5rem;
   left: 30%;
   top: 6.75rem;
}


.index_about .ricon{
    width: 50.3%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing:border-box;
    padding-top: 4.5rem;
}

.index_about .ricon .tit-24.poa{
    height: 2.2rem;
    line-height: 2.2rem;
    background: #f5f5f5;
    left: -4.75rem;
    z-index: 2;
    color: #003366;
    box-sizing:border-box;
    padding-left: 1.25rem;
    top: 1.75rem;
}


.index_about .ricon .tit-16{
    color: #666;
    line-height: 1.875;
}


.ty_connum{
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 8rem;
}

.ty_connum .item{
    -width: calc(100% / 3);
    position: relative;
}




.ty_connum .item:nth-child(2){
    margin: 0 2.75rem;
}
.ty_connum .item:nth-child(2):before{
  content: '';
  position: absolute;
  width: 1px;
  height: 4rem;
  background: #dedede;
  top: 55%;
  transform:translateY(-50%);
  left: -1.1rem; 
}

.ty_connum .item:nth-child(2):after{
  content: '';
  position: absolute;
  width: 1px;
  height: 4rem;
  background: #dedede;
  top: 55%;
  transform:translateY(-50%);
  right: -1.5rem; 
}


.ty_connum .item img{
  opacity: 0.1;
  max-height: 1rem;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -1.5rem;
}
.ty_connum .item_con{
   display: flex;
   align-items: flex-end;
}
.ty_connum .item .tit-80{
    color: #003366;
    margin-right: 0.3rem;
    line-height: 1;
    transform: translateY(0.125rem);
}

.index_about .item .tit-18{
    color: #003366
}
.index_about .item .tit-16{
    color: #666;
    margin-bottom: 0.05rem;
}
.index_about .ricon .index_link{
    position: absolute;
    width: 7.25rem;
    height: 1.5rem;
    line-height: 1.5rem;
    display: block;
    background: #206bd1;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
}

.index_about .ricon .index_link img{
    margin-left: 0.5rem;
    transition:all 0.3s ease 0s;
}


.index_about .ricon .index_link:hover img{
    transform:translateX(3px); 
}


.index_product{
    padding-top: 5rem;
}

.index_product .lecon{
    width: 65.1%;
    z-index: 3;
}

.index_product .ricon{
    width: 41.666%;
    right: 8.075%;
    top: 4.75rem;
    z-index: 2;
}
.z-index2{
    z-index: 2;
}
.index_product .ricon li{
    width: 100%;
    height: 3.15rem;
    line-height: 3.15rem;
    background: #206bd1;
    cursor: pointer;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding: 0 1.75rem;
    transition:all 0.3s ease 0s;
}



.index_product .ricon li:last-child{
 border-bottom: 1px solid rgba(255,255,255,0);
}

.index_product:before{
    content: '';
    position: absolute;
    width: 10.5rem;
    height: 7.5rem;
    border-top: 1px solid #d2e1f6;
    border-left: 1px solid #d2e1f6;
    border-right: 1px solid #d2e1f6;
    left: 35.41%;
    top: 1.25rem;
}


.index_product .ricon .item_link{
    right: 1.75rem;
    top: 50%;
    transform:translateY(-50%); 
    transition:all 0.3s ease 0s;
    
}
.index_product .ricon .item_link a{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
}
.index_product .ricon .item_link img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.index_product .ricon .item_link .ico{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    position: relative;
    margin-left: 0.5rem;
    transition:all 0.3s ease 0s;
}
.index_product .ricon .item_link .ico:before{
    content: '';
    position: absolute;
    width: 0.4rem;
    height: 2px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}

.index_product .ricon .item_link span{
    opacity: 0;
}
.index_product .ricon li img {
    display: none;
}
.index_product .ricon li.cur img {
    display: block !important;
}

.index_product .ricon li.cur .tit-16 {
    display: block !important;
}
.index_product .ricon li {
    display: flex;
    align-items: center;
}
.index_product .ricon li .tit-16{
    height: 54px;
    overflow: hidden;
/*    opacity: 0;*/
display: none;
}

.index_product .ricon li.cur{
    display: block;
    height: 8.5rem;
    line-height: 1;
    background: #2a4f82;
    border-bottom: 1px solid rgba(255,255,255,0);
    padding:1.3rem 1.75rem 0;
}

.index_product .ricon li.cur .tit-24{
    font-size: 1rem;
    margin-bottom: 0.8rem;
    color: #fff;
}
.index_product .ricon li.cur .tit-16{
    opacity: 1;
    margin-bottom: 1.25rem;
    color: #fff;
    line-height:0.75rem;
}

.index_product .ricon li.cur>img{
    max-height: 1.5rem;
}

.index_product .ricon li.cur .item_link{
    top: auto;
    bottom:.5rem;
}
.index_product .ricon li.cur .item_link:hover .ico{
    transform: translateX(2px);
}
.index_product .ricon li.cur .item_link span{
    opacity: 1;
}
.index_product .ricon li.cur .item_link img{
    opacity: 1;
}



.index_product:after{
   content: '';
   position: absolute;
   background: url('../../web/img/index-back1.png')no-repeat center center;
   background-size: contain;
   width: 8rem;
   height: 13.5rem;
   left: 49.48%;
   top: 7.5rem;
}

.index_product .title{
    z-index: 2;
    right: 10%;
    top: 0;
}
.index_product .title .tit-54{
    line-height: 1;
}
.index_product .title .tit-16{
    color: #003366;
}

.index_product .tit-24{
    color: rgba(255,255,255,0.8);
}


.index_title .tit-54{
    color: #206bd1;
    margin-bottom: 0.35rem;
}

.index_title .tit-16{
    color: #003366;
}

.index_news{
    padding: 4rem 0 2.5rem;
}


.index_news .title{
    margin-bottom: 0.75rem;
}


.index_news .news_tab{
    display: flex;
    justify-content: flex-start;
}

.index_news .news_tab .item{
    width: 3.6rem;
    position: relative;
    color: #003366;
    margin-bottom: 0.7rem;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.index_news .news_tab .item:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #bbb;
    right: 0;
    top: 50%;
    transform:translateY(-50%); 
}


.index_news .news_tab .item:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #206bd1;
    left: 0;
    bottom: -0.7rem;
    opacity: 0;
    transition:all 0.3s ease 0s;
}

.index_news .news_tab .item:last-child:before{display: none;}


.index_news .news_tab .item.cur{
    color: #206bd1;
}
.index_news .news_tab .item.cur:after{
    opacity: 1;
}

.index_news .news_ajax{
    padding: 1rem 1rem 0;
}
.index_news .news_ajax:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 7rem;
    background: #f5f5f5;
    left: 0;
    top: 0;
}


.index_news .news_swiper{
    padding-bottom: 1.75rem;
}


.index_news .news_pagination{
    bottom: 0;
}


.index_news .swiper-pagination-bullet{
    opacity: 1;
    background: #b2b2b2;
    width: 10px;
    height: 10px;
    border-radius:50%;
}
.index_news .swiper-pagination-bullet-active{
    background: #206bd1;
}


.index_news .swiper-slide .hoverimg{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 62.5%;
    margin-bottom: 1rem;
}

.index_news .swiper-slide .img img{
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.index_news .swiper-slide .img .videoplay{
    z-index: 2;
    width: 1.5rem;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition:all 0.3s ease 0s;
    display: none
}
.index_news .swiper-slide .img .videoplay:hover{
    top: 51%;
}
.index_news .swiper-slide .tit-24{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.5rem;
    transition:all 0.3s ease 0s;
}


.index_news .swiper-slide .tit-16{
    color: #666;
    line-height: 1.875;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:1.5rem;
    margin-bottom: 0.75rem;
}


.index_news .swiper-slide .time-bot{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #999;
}


.index_news .swiper-slide .time-bot img{
    margin-right: 6px;
}

.index_news .swiper-slide:hover .tit-24{
    color: #206bd1;
}

.index_news .video .swiper-slide .img .videoplay{
    display: block;
    cursor: pointer;
}
.index_news .video .swiper-slide .tit-16{
    display: none;
}
.index_news .video .swiper-slide .time-bot{
    display: none;
}
.nybanner{
    width: 100%;
    height: 21rem;
    text-align: center;
    color: #fff;
    box-sizing:border-box;

}

.nybanner .main_con{
  padding-top: 8rem;
}


.nybanner .tit-72{
    margin-bottom: 0.2rem;
    letter-spacing: 12px;
}


.nybanner .tit-30{
    letter-spacing: 8px;
}



.subbox-wrap{
    width: 100%;
    height: 2.75rem;
}

.subbox-wrap .subbox{
    width: 100%;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    background: #fff;
}



.subbox-wrap .subbox a{
    color: #000;
}
.subbox-wrap .subnav_swiper{
  box-sizing:border-box;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.subbox-wrap .swiper-slide{
    box-sizing:border-box;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
    position: relative;
    background: #fff;
}
.subbox-wrap .swiper-slide:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1d61bd;
    left: 0;
    bottom: -0;
    opacity: 0;
    transition:all 0.3s ease 0s;
}
.subbox-wrap .swiper-slide:hover a{
    color: #1d61bd;
}
.subbox-wrap .swiper-slide:hover:before{
 opacity: 1;
}

.subbox-wrap .swiper-slide.cur a{
    color: #1d61bd;
}
.subbox-wrap .swiper-slide.cur:before{
 opacity: 1;
}

.subbox-wrap .swiper-slide:last-child{
/*    border-right: none;*/
}

.subbox-wrap .about .swiper-slide{
    width: 25%;
}
.subbox-wrap .recruit .swiper-slide{
    width: 50%;
}
.subbox-wrap .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.subbox-wrap .product .swiper-slide{
    width: calc(100% / 6);
}

.subbox-wrap .w1610{
    box-shadow: 0 2px 2px rgba(51,51,51,0.2);

}

.subbox-wrap .subbox .w1610:before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 2px rgb(51 51 51 / 0%);
    bottom: -1px;
    background: rgba(0,0,0,0.1);
    transition:all 2s ease 0s;
}

.subbox-wrap .subbox.on{
 height: 1.8rem;
 line-height: 1.8rem;
 position: fixed;
 width: 100%;
 left: 0;
 top: 0;
 z-index: 40;
}

.subbox-wrap .subbox.on .w1610{
    box-shadow: 0 2px 2px rgba(51,51,51,0)
}

.subbox-wrap .subbox.on .w1610:before{
    width: 200%;
}
.about-info{
    padding: 2.75rem 0 4.25rem;
}


.about-info .lecon{
    width: 43.26%;
}

.about-info .lecon .videoplay{
    z-index: 3;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
    cursor: pointer;
    width: 2rem;
    transition:all 0.3s ease 0s;
}

.about-info .lecon .videoplay:hover{
 top: 51%;
}


.about-info .ricon{
    width: 49.875%;
    height: 100%;
    right: 0;
    top: 0;
}

.about-info .ricon .tit-54{
    margin-bottom: 1.25rem;
}

.about-info .ricon .tit-30{
    margin-bottom: 0.45rem;
}

.about-info .ricon .tit-16{
    color: #666;
    line-height: 1.875;
}

.about-info .ty_connum{
    margin-top: 2.5rem;
    position: relative;
    bottom: 0;
}


.about-info .arial{
    position: absolute;
    bottom: 0;
    left: -48.7%;
    padding-left: 1.25rem;
    height: 3.75rem;
    line-height: 3.75rem;
    color: #dddddd;
    box-sizing:border-box;
    text-align: left;
    white-space: nowrap;
}

.about-info .arial:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(45,109,195,0.95);
    width: 9.75rem;
    height: 100%;
}


.about-info .arial span{
    position: relative;
    z-index: 2;
}
.about-info .arial span:first-child{
    color: rgba(255,255,255,0.2);
    transform: translateX(10px);
    display: inline-block;
}

.about-info .ricon:after{
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: #f2f2f2;
    bottom: -2rem;
    left: 0;
}



.about-intro{
    width: 100%;
    height: 20.85rem;
    padding-top: 2.6rem;
}

.about-intro .tit-30{
    line-height: 1.6;
    margin-bottom: 1.5rem;
    text-align: center;color: #fff;
}


.intro_swiper .swiper-slide{
    height: 10.5rem;
    background: rgba(255,255,255,0.1);
    box-sizing:border-box;

    color: #fff;
    text-align: center;
    transition:all 0.3s ease 0s;
}
.intro_swiper .swiper-slide .main_con{
 padding: 3rem 0.7rem 0;
 transition:all 0.3s ease 0s;
}

.intro_swiper .swiper-slide .tit-20{
    margin-bottom: 0.2rem;
}

.intro_swiper .swiper-slide .tit-12{
    color: rgba(255,255,255,0.5);
}

.intro_swiper .swiper-slide img{
    max-height: 1.5rem;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    opacity: 0.5;
    top: 5.5rem; 
    transition:all 0.3s ease 0s;
}

.intro_swiper .swiper-slide .tit-14{
    line-height: 1.71;
    opacity: 0;
}


.intro_swiper .swiper-slide:hover{
    background: #2362b9;
}

.intro_swiper .swiper-slide:hover .tit-20{
    margin-bottom: 0.75rem;
}
.intro_swiper .swiper-slide:hover .main_con{
    padding: 2.15rem 0.7rem 0;
}

.intro_swiper .swiper-slide:hover img{
    top: 1.6rem;
}
.intro_swiper .swiper-slide:hover .tit-12{
    opacity: 0;
}
.intro_swiper .swiper-slide:hover .tit-14{
    opacity: 1;
}



.about-third{
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.about-third li{
    width: 43.4375%;
    float: left;
    position: relative;
}

.about-third li .con{
    margin-bottom: 4.5rem;
    position: relative;z-index: 2;
}
.about-third li:nth-child(2n-1){
    z-index: 3;
}
.about-third li:nth-child(2n){
    width: 50%;
    float: right;
    transform:translateY(1.5rem); 
    display: flex;
    flex-direction: column-reverse;
}


.about-third li:nth-child(2n) .con{
    margin-bottom: 0;
}
.about-third li .tit-30{
    margin-bottom: 0.75rem;
}
.about-third li .tit-16{
    color: #666;
    line-height: 1.875;
    font-size: 14px;
}
.about-third li:nth-child(2n) .img{
    margin-bottom: 2.75rem;
    position: relative;
}
.about-third li:nth-child(2n) .img img{
    position: relative;
    z-index: 2;
}
.about-third li:nth-child(2n) .img:before{
  content: '';
  position: absolute;
  width: 200%;
  height: 300%;
  background: #f2f2f2;
  left: 0;
  bottom: 0;
}

.about-third li:nth-child(2n) .img:after{
  content: '';
  position: absolute;
  width: 200%;
  height: 5.5rem;
  background: #f2f2f2;
  right: 100%;
  bottom: 0;
}


.about-project{
    background: #f5f5f5;
    padding-top: 2rem;
}

.about-project .tit-30{
    text-align: center;
    margin-bottom: 1.1rem;
}


.about-project .project_swiper{
    width: 50%;
    margin: 0;
}

.about-project .ricon{
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    box-sizing:border-box;
    border: 1px solid #d7d7d7;
}
.about-project .ricon li{
    width: 100%;
    height: 17%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing:border-box;
    padding: 0 1.5rem;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
    transition:all 0.3s ease 0s;
}
.about-project .ricon li:last-child{
    border-bottom: none;
}
.about-project .ricon li .tit-16{
    display: none;
}
.about-last{
    width: 100%;
    height: 12.75rem;
    color: #fff;
    text-align: center;
    box-sizing:border-box;
    padding-top: 3rem;
}


.about-last .tit-30{
    margin-bottom: 0.75rem;
}

.about-last .tit-16{
    line-height: 1.875;
}


.about-project .ricon li.cur{
    height: 49%;
    background: #fff;
    padding: 1.25rem 1.75rem 0 1.5rem;
    justify-content: flex-start;
}

.about-project .ricon li.cur .tit-20{
    font-size: 0.6rem;
    margin-bottom: 0.6rem;
}

.about-project .ricon li.cur .tit-16{
    color: #666;
    line-height: 1.875;
    display: block;
}




.stru-wrap{
    padding: 2.75rem 0;
}
.stru-wrap .tit-54{
    text-align: center;
    margin-bottom: 1rem;
}


.busi-wrap{
    padding: 2.75rem 0 3rem;
}

.busi-wrap .tit-54{
    text-align: center;
    margin-bottom: 1.75rem;
}


.busi_list .item{
    position: relative;
    box-sizing:border-box;
    border-top: 2px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    margin-bottom: 2.6rem;
}
.busi_list .item:last-child{
    margin-bottom: 0;
}

.busi_list .item:before{
    content: '';
    position: absolute;
    width: 5rem;
    height: 2px;
    background: #2567c3;
    left: 0;
    top: -2px;
    z-index: 2;
}


.busi_list .lecon{
    width: 71.56%;
    box-sizing:border-box;

    padding: 0.8rem 2.25rem 0 0;
}

.busi_list .lecon .tit-30{
    margin-bottom: 0.55rem;
}
.busi_list .lecon .tit-16{
    color: #666;
    line-height: 1.875;
    margin-bottom: 0.4rem;
}
.busi_list .lecon .tit-14{
    color: #2567c3;
    display: inline-block;
    cursor: pointer;
}
.busi_list .lecon .tab_con{
    margin-top: 0.75rem;
    display: none;
}

.busi_list .tab_list li{
    width: 6.5rem;
    height: 6rem;
    background: #f5f5f5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
} 
.busi_list .tab_list li .tit-20{
    height: 1.5rem;
}
.busi_list .tab_list li .main_con{
    background: #fff;
    border:1px solid #2567c3;
    display: flex;
    align-items:center;
    justify-content: center;
    transition:all 0.3s ease 0s;
    transform:scale(0); 
}
.busi_list .tab_list li:hover .main_con{
    transform:scale(1); 
}
.busi_list .tab_list li .main_con img{
    max-width: 65%;
}
.busi_list .tab_list .tit-14{
    color: #666;
    margin: 0.3rem 0 0.4rem;
}

.busi_list .tab_list .ico{
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff;
    box-sizing:border-box;
    border:1px solid #e8e8e8;
    display: flex;
    align-items:center;
    justify-content: center;
}
.busi_list .tab_list .ico img{
    max-height: 50%;
}


.busi_list .ricon{
    width:28.44%;
    box-sizing:border-box;
    border-left: 1px solid #eaeaea;
    padding: 2.25rem 0 0 1.25rem;
}


.busi_list .ricon .tit-16{
    color: #666;
}

.busi_list .ricon .tit-36{
    color: #2567c3;
    margin: 0.4rem 0 0.7rem;
}


.busi_list .ricon img{
    max-height: 1.15rem;
    opacity: 0.25;
}


.develop-wrap{
    padding: 2.75rem 0 4rem;
}
.develop-wrap .tit-54{
    text-align: center;
    padding-bottom: 0.75rem;
    border-bottom:2px solid #e3e3e3;
    position: relative;
}
.develop-wrap .tit-54:before{
    content: '';
    position: absolute;
    width: 7.35rem;
    height: 2px;
    bottom: -2px;
    background: #2567c3;
    left: 50%;
    transform:translateX(-50%); 
}


.develop-wrap .loadmore{
    width: 5.25rem;
    height: 1.3rem;
    box-sizing:border-box;
    border: 1px solid #d6d6d6;
    border-radius: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    color: #2567c3;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    cursor: pointer;
    margin-top: 0.75rem;
    margin-left: 50%;
    transform: translateX(-50%);
}

.develop-wrap .develop_con:before{
    content: '';
    position: absolute;
    width: 35px;
    height: 100%;
    background: url('../../web/img/about_line.png')no-repeat bottom center;
    background-size:cover;
    left: 50%;
    top: 0;
    transform:translateX(-50%);
}


.develop_con .year_num{
    width: 3.4rem;
    height: 0.95rem;
    background: #2567c3;
    text-align: center;
    line-height: 0.95rem;
    border-radius: 0.95rem;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 1.1rem;
}


.develop_con li{
    width: 50%;
    box-sizing:border-box;
}


.develop_con li .time_tit{
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #b9b9b9;
    position: relative;
    margin-bottom: 0.7rem;
}

.develop_con li .time_tit .tit-36{
    color: #1d61bd;
    margin-right: 0.1rem;
}
.develop_con li .time_tit .tit-24{
    color: #666;
}
.develop_con li .conbox{
    display: flex;
}

.develop_con li .img{
    width: 5.75rem;
    margin-right: 0.6rem;
}

.develop_con li .tit-18{
    width: 7.9rem;
    line-height: 1.66;
}

.develop_con li:nth-child(2n-1){
    padding-left: 2.5rem;
    padding-top: 2rem;
}
.develop_con li:nth-child(2n-1) .time_tit .point{
   position: absolute;
   right: 0;
   bottom: -16px;
   background: rgba(255,255,255,0.8);
   border-radius: 50%;
   width: 32px;
   height: 32px;
   box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}
.develop_con li:nth-child(2n-1) .time_tit .point:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #2567c3;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform:translate(-50%,-50%); 
}




.develop_con li:nth-child(2n){
    padding-right: 2.5rem;
    text-align: right;
    padding-top:6.5rem;
}

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

.develop_con li:nth-child(2n) .conbox .img{
 margin-left: 0.6rem;
}

.develop_con li:nth-child(2n) .time_tit .point{
   position: absolute;
   left: 0;
   bottom: -16px;
   background: rgba(255,255,255,0.8);
   border-radius: 50%;
   width: 32px;
   height: 32px;
   box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}
.develop_con li:nth-child(2n) .time_tit .point:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #2567c3;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform:translate(-50%,-50%); 
}


.develop_con .dev_con{
    margin-bottom: 1rem;
}

.develop_con .dev_con:last-child{
    margin-bottom: 0;
}


.vision-wrap{
    padding: 3rem 0 4.75rem;
    background: url('../../web/img/miss-back.jpg')no-repeat center bottom;
    background-size:contain;
}


.vision-wrap .tit-54{
    text-align: center;
    margin-bottom: 1.5rem;
}


.vision-wrap .item{
    box-sizing:border-box;
}
.vision-wrap .item .item_con{
   box-sizing:border-box;
}

.vision-wrap .item .img{
    width: 100%;
}
.vision-wrap .item .img img{
    width: 100%;
}

.vision-wrap .item1{
    width: 45%;
    height: 31.73%;
    left: 0;
    top: 0;
    
}

.vision-wrap .item2{
 width: 25%;
 height: 63%;
 top: 0;
 right: 28.375%;
 background: url('../../web/img/miss-img3.jpg')no-repeat center center;
 background-size:cover; 

 color: #fff;
 padding: 1.75rem 0 0 1.25rem;
}
.vision-wrap .item2 .tit-18{
    color: #fff;
}

.vision-wrap .item3{
    width: 26.875%;
    height: 41.34%;
    right: 0;
    top: 0;
}

.vision-wrap .item3 .item_con{
    padding: 1.25rem 0 0 1rem;
}

.vision-wrap .item4{
 width: 45%;
 height: 4.75rem;
 left: 0;
 bottom: 0;
 text-align: right;

 padding: 0 1rem 0 0;
}

.vision-wrap .item5{
    width: 53.35%;
    height: 34.615%;
    right: 0;
    bottom: 0;
    background: url('../../web/img/miss-img5.jpg')no-repeat center center;
    background-size:cover; 

    color: #fff;
    padding: 1.25rem 0 0 1.25rem;
}
.vision-wrap .item5 .tit-18{
  color: #fff;
}

.vision-wrap .item6{
    width: 45%;
    height: 40.3846%;
    left: 0;
    top: 34.615%;
    background: url('../../web/img/miss-img2.png')no-repeat center bottom;
    background-size:contain;  
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);


    padding: 1.5rem 0rem 0 1.25rem;
}


.vision-wrap .item3 .img{
   box-shadow: 0 2px 6px rgba(0,0,0,0.1)
}


.vision-wrap .tit-18{
    margin-bottom: 0.9rem;
    color: #2567c3;
}

.vision-wrap .item_con .tit-30{
    margin-bottom: 0.1rem;
    line-height: 1.5;
}

.vision-wrap .item_con .tit-12{
    color: rgba(153,153,153,0.5);
}





.pro_top_con{
    padding: 2.75rem 0 2.25rem;
    text-align: center;
}


.pro_top_con .tit-54{
    margin-bottom: 0.5rem;
}

.pro_top_con .tit-24{
    color: #2567c3;
    line-height: 2;
}


.wmzh-wrap .top_con{
    width: 100%;
    height: 15.25rem;
    padding-top: 2rem;
}


.wmzh-wrap .lecon{
    width: 23.125%;
}
.wmzh-wrap .lecon .item .tit-30{

    cursor:pointer;
}
.wmzh-wrap .lecon .item .tit-30.on{
       color: #1d61bd;
}
.wmzh-wrap .lecon .tit-30{
    margin-bottom: 0.75rem;
} 

.wmzh-wrap .lecon .tit-16{
    line-height: 1.875;
    color: #666;
    margin-bottom: 0.5rem;
}

.wmzh-wrap .lecon .pop_img{
    cursor: pointer;
    display: inline-block;
    background: #fff;
    border:1px solid #cecece;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0.6rem;
    font-weight: bold;
    color: #333;
    display:none;
}
.wmzh-wrap .lecon .item{
    padding-bottom: 0.25rem;
}
.wmzh-wrap .lecon .item:first-child{
    border-bottom:1px solid #b1b1b1;
    margin-bottom: 1rem;
}
.wmzh-wrap .lecon .item:last-child .tit-30{
   
}

.wmzh-wrap .ricon{
    width: 66.25%;
}
.wmzh-wrap .ricon .yy-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    display:none;
}

.wmzh-wrap .ricon .item{
    height: 10.5rem;
    width: 30.18%;
    background: #fff;
    box-sizing:border-box;
    padding: 1rem 1.15rem 0;
    position: relative;
    border:1px solid #cecece;
    float: left;
    margin-right: 4.6%;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.wmzh-wrap .ricon .item:last-child{
    margin-right: 0;
}
.wmzh-wrap .ricon .item .tit-24{
    margin-bottom: 0.6rem;
}
.wmzh-wrap .ricon .item .tit-16{
    color: #666;
    line-height: 1.875;
}

.wmzh-wrap .ricon .item img{
    position: absolute;
    max-height: 2rem;
    right: 1.15rem;
    bottom: 1.25rem;
}


.pro-wrap .pro-le{
    width: 22.395%;
    height: 100%;
    left: 0;
    top: 0;
    background: #1d61bd;
    box-sizing:border-box;
    padding-top: 3.25rem;
    text-align: center;
    color: #fff;
}

.leftfix.on{
    position: fixed;
    top: 3rem;
    z-index: 20;
    width: 22.395%;
    text-align: center;
    left: 0;
}

.leftfix.posi{
    position: absolute!important;
    top: auto;
    z-index: 20;
    width: 22.395vw;
    text-align: center;
    left: 0;
    bottom: 2rem;
}


.pro-wrap .pro-le .tit-30{
    margin-bottom: 0.9rem;
}
.pro-wrap .pronav_list{
    display: inline-block;
    position: relative;
    padding: 0.15rem 0;
    text-align: left;
}
.pro-wrap .pronav_list:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.pro-wrap .pronav_list li{
    margin-bottom: 1.25rem;
    cursor: pointer;
    box-sizing:border-box;
    padding-left: 0.6rem;
    position: relative;
}
.pro-wrap .pronav_list li:last-child{
    margin-bottom: 0;
}

.pro-wrap .pronav_list li.cur:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 1rem;
    background: #000;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
}

.pro-wrap .pro-ri{
    width: 77.605%;
}


.wmzh_one{
    padding: 2.75rem 0 2rem;
}


.ty_pro_title{
    margin-bottom: 1rem;
    color: #000;
}

.ty_pro_title span:last-child{
    color: #1d61bd;
}

.wmzh_one li{
    width: 23.125%;
    height: 3rem;
    margin: 0 2.5% 2.5% 0;
    border:1px solid #d6d6d6;
    text-align: center;
    box-sizing:border-box;
    padding-top: 0.75rem;
    color: #666;
    transition:all 0.3s ease 0s;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.wmzh_one li .tit-24{
    margin-bottom: 0.2rem;
}

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

.wmzh_one li:hover{
    background: #1d61bd;
    color: #fff; 
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
}


.wmzh_two{
    background: #f5f5f5;
    padding: 1.75rem 0 2rem;
}


.wmzh_two .tit-con{
    line-height: 2.57;
    margin-bottom: 0.75rem;
}




.wmzh_two .wmzhlist>.item{
    background: #fff;
    box-sizing:border-box;
    padding: 0.8rem 1.25rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    border-top: 2px solid #2567c3; 
    margin-bottom: 1rem;
}


.wmzh_two .item .title-t{
    margin-bottom: 0.5rem;
}


.wmzh_two .item .tit-18{
    margin-bottom: 0.35rem;
}

.wmzh_two .item .title-t .tit-14{
    color: #666;
    line-height: 1.71;
}


.wmzh_two .item .conimg{
    text-align: center;
}

.wmzh_two .left_tab{
    display: inline-block;
    float: left;
}

.wmzh_two .left_tab .item{
    width: 5.3rem;
    box-sizing:border-box;
    border-radius: 4px;
    border:1px solid #d6d6d6;
    text-align: center;
    height: 1.15rem;
    line-height: 1.15rem;
    transition:all 0.3s ease 0s;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

.wmzh_two .left_tab .item:hover{
    background: #2567c3;
    color: #fff;
}

.wmzh_two .left_tab .item.cur{
    background: #2567c3;
    color: #fff;
}

.wmzh_two .wmzh_two_swiper{
    width: 77.66%;
    padding-bottom: 1rem;
}

.wmzh_two .wmzh_two_swiper .tit-14{
    line-height: 1.71;
    color: #666;
    margin-bottom: 1.15rem;
    width: 9.25rem;
}
.wmzh_two .wmzh_two_swiper ul{
    display: flex;
    justify-content: space-between;
}
.wmzh_two .wmzh_two_swiper li{
    width: 32.32%;
    height: 4.65rem;
    box-sizing:border-box;
    border:1px solid #eaeaea;
    transition:all 0.3s ease 0s;
    text-align: center;
    padding-top: 0.75rem;
}
.wmzh_two .wmzh_two_swiper li .tit-24{
    margin-bottom: 0.4rem;
}
.wmzh_two .wmzh_two_swiper li .tit-16{
    color: rgba(51,51,51,0.8);
}

.wmzh_two .wmzh_two_swiper li .agletter_b{
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: #d6d6d6;
    text-align: center;
    line-height: 1.15rem;
    color: #fff;
    margin-top: 0.4rem;
}

.wmzh_two .wmzh_two_swiper li:hover{
    background: #1d61bd;
    border:1px solid #1d61bd;
    color: #fff;
}

.wmzh_two .wmzh_two_swiper li:hover .tit-16{
    color: #fff;
}

.wmzh_two .wmzh_two_swiper li:hover .agletter_b{
    color: #1d61bd;
    background: #fff;
}

.wmzh_two .wmzh_two_swiper .wmzh_two_pagination{
    bottom: 0;
    display: none;
}




.wmzh_three{
    padding: 2.5rem 0 4.25rem 6%;
}


.wmzh_three .ty_pro_title{
    margin-bottom: 1.25rem;
}
.wmzh_three .ty_pro_title span{
 color: #000;
}


.wmzh_three .wmzh_three_swiper{
    padding-bottom: 1.2rem;
}


.wmzh_three_swiper .swiper-slide{
    width: 26.5%;
}

.wmzh_three_swiper .swiper-slide .img{
    width: 100%;
    padding-bottom: 43.85%;
    position: relative;
    overflow: hidden;
}
.wmzh_three_swiper .swiper-slide .img img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.wmzh_three_swiper .swiper-slide .con{
    height: 4.5rem;
    box-sizing:border-box;
    border:1px solid #d6d6d6;
    border-top: none;
    text-align: center;
    padding: 0.9rem 1.1rem 0;
}

.wmzh_three_swiper .swiper-slide .tit-18{
    margin-bottom: 0.4rem;
}
.wmzh_three_swiper .swiper-slide .tit-14{
    color: #666;
    line-height: 1.71;
}

.wmzh_three_swiper .swiper-scrollbar{
    height: 10px;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.1);
    border-radius: 0;
}

.wmzh_three_swiper .swiper-scrollbar .swiper-scrollbar-drag{
    background: #1d61bd;
    border-radius: 0;
}


.wmyx-con:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 15.35rem;
    background: #f5f5f5;
    top: 0;
    left: 0;
}




.wmyx-wrap .tab_swiper{
    margin-top: 0.75rem;
}

.wmyx-wrap .tab_swiper{
    height:4.25rem;
    padding-bottom: 0.7rem;
}

.wmyx-wrap .tab_swiper .swiper-slide{
    line-height: 1.6;
    border-radius: 4px;
    box-sizing:border-box;
    border:1px solid #d6d6d6;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding-top: 0.75rem;
    height:3.5rem;
    cursor: pointer; 
    transition:backcover 0.3s ease 0s;
}

.wmyx-wrap .tab_swiper .img{
    margin-bottom: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wmyx-wrap .tab_swiper .img .a{
    display: none;
}
.wmyx-wrap .tab_swiper .img img{
    max-height: 0.9rem;
}


.wmyx-wrap .tab_swiper .tab_pagination{
    display: none;
}

.wmyx-wrap .tab_swiper .swiper-slide:hover{
  height:4.25rem;
  color: #fff;
  background: url('../../web/img/pro2-hover.png')no-repeat center center;
  background-size: contain;
  border:none;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transform: translateY(-0.1rem);
}
.wmyx-wrap .tab_swiper .swiper-slide:hover img{
    display: none;
}
.wmyx-wrap .tab_swiper .swiper-slide:hover .a{
    display: block;
}

.wmyx-wrap .tab_swiper .swiper-slide.cur{
  height:4.25rem;
  color: #fff;
  background: url('../../web/img/pro2-hover.png')no-repeat center center;
  background-size: contain;
  border:none;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transform: translateY(-0.1rem);
}
.wmyx-wrap .tab_swiper .swiper-slide.cur img{
    display: none;
}
.wmyx-wrap .tab_swiper .swiper-slide.cur .a{
    display: inline-block;
}

.wmyx-wrap .pro_top_con {
    padding: 2.75rem 0 0rem;
}


.wmyx-con{
    padding-top: 1.75rem;
    padding-bottom: 2.5rem;
}


.wmyx-con .tit-t{
    text-align: center;
    margin-bottom: 1.75rem;
}

.wmyx-con .swiper-slide p:first-child{
    margin-bottom: 0.75rem;
    font-size: 26px;
}

.wmyx-con .swiper-slide p:nth-child(2){
    color: #666;
    line-height: 1.875;
    font-size: 16px;
    width:80%;
    margin:auto;
    
}


.wmyx-con .img.last{
    background: #f7f7f7;
    padding: 1.5rem 2rem;
    margin-top: 0.6rem; 
}



.kjds-one{
    background: #f5f5f5;
    padding: 2.25rem 0 3rem;
}

.kjds-one .tit-30{
    margin-bottom: 1rem;
}


.kjds-one .item_con{
    height: 9.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.kjds-one .item_con .item{
    height: 100%;
    width: 35%;
    box-sizing:border-box;
    color: #fff;
    text-align: center;
    transition:all 0.3s ease 0s;
}
.kjds-one .item_con .item .main_con{
    padding-top: 4rem;
}

.kjds-one .item_con .item .main_con:before{
    content: '';
    position: absolute;
    width: 65%;
    height: 100%;
    background:rgba(37,103,195,0.5);
    left: 0;
    top: 0; 
    opacity: 0;
    transition:all 0.3s ease 0s;
}
.kjds-one .item_con .item .tit-24{
    position: relative;
    z-index: 2;
}
.kjds-one .item_con .item .tit-16{
    position: relative;
    z-index: 2;
    line-height: 1.875;
    opacity: 0;
    margin-top: 0.75rem;
    width: 61%;
    transition:all 0.3s ease 0s;
}

.kjds-one .item_con .item.cur{
    width: 62.5%;
    text-align: left;
}

.kjds-one .item_con .item.cur .main_con{
 padding: 1.25rem 1.25rem 0;  
}
.kjds-one .item_con .item.cur .main_con:before{
    opacity: 1;
}

.kjds-one .item_con .item.cur .tit-16{
    opacity: 1;
}


.kjds-two{
    padding: 2.25rem 0 2.75rem;
}


.kjds-two .tit-30{
    text-align: center;
    margin-bottom: 1rem;
}

.kjds-two .item{
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2)
}
.kjds-two .item1{
    width: 50%;
    height: 56.52%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.kjds-two .item1 .backcover{
    width: 43.125%;
    height: 100%;
}

.kjds-two .item1 .item_con{
    width: 56.875%;
    height: 100%;

    border:1px solid #d6d6d6;
    border-left: none;

}

.kjds-two .item2{
    top: 0;
    left: 51.875%;
    width: 21.875%;
    height: 56.52%;
}

.kjds-two .item2 .item_con{
    width: 100%;
    height: 100%;
    color: #fff;
}
.kjds-two .item2 .item_con .tit-16{
    color: #fff;
}

.kjds-two .item3{
    height: 100%;
    right: 0;
    top: 0;
    width: 24.375%;
}
.kjds-two .item3 .item_con{
    height: 43.48%;
    width: 100%;
    border:1px solid #d6d6d6;
    border-top: none;
}
.kjds-two .item3 .backcover{
    width: 100%;
    height: 56.52%;
}

.kjds-two .item4{
    bottom: 0;
    left: 0;
    height: 39.855%;
    width: 73.75%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.kjds-two .item4 .item_con{
    width: 39%;
    height: 100%;

    border:1px solid #d6d6d6;
    border-right: none;
}
.kjds-two .item4 .backcover{
    position: absolute;
    right: 0;
    top: 0;
    width: 61%;
    height: 100%;
}

.kjds-two .item_con{
    box-sizing:border-box;
    padding: 1.2rem 1.5rem 0;
}
.kjds-two .item_con .tit-24{
    margin-bottom: 0.8rem;
}

.kjds-two .item_con .tit-16{
    color: #666;
    line-height: 1.875;
}


.kjds-three{
    width: 100%;
    height: 22rem;
    box-sizing:border-box;
    background: #f5f5f5;
    padding-top: 2.25rem;
}


.kjds-three .tit-30{
    text-align: center;
    margin-bottom: 1rem;
    color: #333;
}


.kjds-three .yewu_swiper .circle{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
    box-sizing:border-box;
    border:1px solid #cecece;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    margin-left: 50%;
    transform: translateX(-50%)scale(0.75);
}
.kjds-three .yewu_swiper .circle>img{
    width: 110%;
    margin-left: 50%;
    margin-top: 50%;
    transform:translate(-50%,-50%);
    max-width: inherit; 
}

.kjds-three .yewu_swiper .circle:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.9);
    z-index: 2;
}
.kjds-three .yewu_swiper .circle .main_con{
    padding-top: 3.75rem;
    z-index: 3;
}
.kjds-three .yewu_swiper .circle .tit-30{
    margin-bottom: 0.4rem;
}
.kjds-three .yewu_swiper .circle .a{
    display: none;
}

.kjds-three .yewu_swiper .circle .ico{
    display: flex;
    justify-content: center;
    align-items: center;
}
.kjds-three .yewu_swiper .circle .ico img{
    max-height: 1rem;
}

.kjds-three .yewu_swiper .item_con{
    text-align: center;
    opacity: 0;
}
.kjds-three .yewu_swiper .tit-24{
    color: #2567c3;
    line-height: 1.25;
}

.kjds-three .yewu_swiper .tit-14{
    color: #666;
    line-height: 1.71;
    margin-top: 0.5rem;
    width: 19.5rem;
    margin-left: 50%;
    transform: translateX(-50%);
}


.kjds-three .yewu_swiper .swiper-slide-active{
    color: #fff;
}

.kjds-three .yewu_swiper .swiper-slide-active .item_con{
    opacity: 1;
}

.kjds-three .yewu_swiper .swiper-slide-active .circle{
    transform: translateX(-50%)scale(1);
    border:none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.kjds-three .yewu_swiper .swiper-slide-active .circle .tit-30{
    color: #fff;
}


.kjds-three .yewu_swiper .swiper-slide-active .circle:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(37,103,195,0.75);
    z-index: 2;
}


.kjds-three .yewu_swiper .swiper-slide-active .circle .ico img{
    display: none;
}

.kjds-three .yewu_swiper .swiper-slide-active .circle .ico .a{
    display: block;
}



.kjds-three .back_img{
    width: 15.75rem;
    height: 15.75rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 1.25rem;
    overflow: hidden;
    border-radius: 50%;
    overflow: hidden;
}

.kjds-three .back_img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.85);
    z-index: 2;
}

.kjds-three .back_img img{
  width: 110%;
  margin-left: 50%;
  margin-top: 50%;
  transform:translate(-50%,-50%);
  max-width: inherit; 
}


.kjds-three .w1610{
    z-index: 3;
}


.kjds-three .swiper-button-next{
    width: 0.65rem;
    height: 1.25rem;
    background: url('../../web/img/swiper-r1.png')no-repeat center center;
    background-size: contain;
    top: 34%;
}
.kjds-three .swiper-button-next:hover{
  background: url('../../web/img/swiper-r1a.png')no-repeat center center;
  background-size: contain;
}


.kjds-three .swiper-button-prev{
    width: 0.65rem;
    height: 1.25rem;
    background: url('../../web/img/swiper-l1.png')no-repeat center center;
    background-size: contain;
    top: 34%;
}
.kjds-three .swiper-button-prev:hover{
   background: url('../../web/img/swiper-l1a.png')no-repeat center center;
   background-size: contain;
}



.export_one{
    background: #f5f5f5;
    padding: 1.25rem 0;
}


.export_one .list li{
    width: 48.75%;
    margin: 0 2.5% 2.5% 0;
    height: 5.5rem;
    background: #fff;

    display: flex;
    justify-content: space-between;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2)
}
.export_one .list li:nth-child(2n){
    margin-right: 0;
}
.export_one .list li .img{
    width: 7rem;
    position: relative;
    padding-bottom: 27.57%;
    overflow: hidden;
}
.export_one .list li .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;    
}
.export_one .list li .item_con{
    width: calc(100% - 7rem);
    box-sizing:border-box;
    padding: 0.9rem 1.15rem 0;
    border:1px solid #cecece;
    border-left: none;
}
.export_one .list li .item_con .tit-24{
    margin-bottom: 0.6rem;
}
.export_one .list li .item_con .tit-16{
    color: rgba(51,51,51,0.8);
    line-height: 1.875;
}



.export_two{
    padding: 2.75rem 0 2.25rem;
}

.export_two{
    text-align: center;
}

.export_two .title{
    margin-bottom: 1.5rem;
}

.export_two .title .tit-30{
    margin-bottom: 0.7rem;
}

.export_two .title .tit-16{
    color: #666;
}


.export_two .ico_list{
    padding-top: 5.75rem;
    position: relative;
}

.export_two .ico_list li:first-child{
    position: absolute;
    top: 0;
    left: 24%;
    transform:translate(-50%,0); 
    width: auto;
    height: auto;
    border:none;
    font-size: 0.45rem;
    padding: 0;
    margin: 0;
}
.export_two .ico_list li:first-child .ico{
    width: 3.4rem;
    height: 3.4rem;
    border:1px solid #d6d6d6;
    border-radius: 50%;
    box-shadow: 0 2px 10px 3px rgba(0,0,0,0.1);
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.export_two .ico_list li:first-child .ico img{
    max-height: 1rem;
}
.export_two .ico_list li:nth-child(2){
    position: absolute;
    top: 0;
    left: 50%;
    transform:translate(-50%,0);  
    width: auto;
    height: auto;
    border:none;
    font-size: 0.45rem;
    padding: 0;
    margin: 0;
}
.export_two .ico_list li:nth-child(2) .ico{
    width: 3.4rem;
    height: 3.4rem;
    border:1px solid #d6d6d6;
    border-radius: 50%;
    box-shadow: 0 2px 10px 3px rgba(0,0,0,0.1);
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.export_two .ico_list li:nth-child(2) .ico img{
    max-height: 1rem;
}
.export_two .ico_list li:nth-child(3){
    position: absolute;
    top: 0;
    left: 76%;
    transform:translate(-50%,0);
    width: auto;
    height: auto;
    border:none;
    font-size: 0.45rem;
    padding: 0;
    margin: 0;
}
.export_two .ico_list li:nth-child(3) .ico{
    width: 3.4rem;
    height: 3.4rem;
    border:1px solid #d6d6d6;
    border-radius: 50%;
    box-shadow: 0 2px 10px 3px rgba(0,0,0,0.1);
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.export_two .ico_list li:nth-child(3) .ico img{
    max-height: 1rem;
}

.export_two .ico_list li{
    width: 13.125%;
    margin: 0 4.25% 4.25% 0;
    height: 3.1rem;
    box-sizing:border-box;
    border:1px solid #d6d6d6;
    padding-top: 0.75rem;
}

.export_two .ico_list li img{
    max-height: 0.75rem;
}

.export_two .ico_list li .ico{
    margin-bottom: 0.35rem;
}

.export_two .ico_list li:nth-child(6n+3){
    margin-right: 0
}



.tech-one{
    height: 16.5rem;
    box-sizing:border-box;
    padding-top: 2.25rem;
    text-align: center;
}


.tech-one .tit-30{
    margin-bottom: 1.75rem;
    color: #fff;
}
.tech-one .one_swiper{
    padding-bottom: 1rem;
}

.tech-one .one_swiper .swiper-slide{
    height: 7.5rem;
    background: rgba(255,255,255,0.1);
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,0.2);
    width:13.75%;
    color: #fff;
    transition:all 0.3s ease 0s;
    padding-top: 1.6rem;
}

.tech-one .one_swiper .swiper-slide .ico{
    margin-bottom: 0.75rem;
}

.tech-one .one_swiper .swiper-slide .ico img{
    max-height: 1.25rem;
}

.tech-one .one_swiper .swiper-slide .poa{
    display: none;
}



.tech-one .one_swiper .one_pagination{
    display: none;
}

.tech-one .one_swiper .swiper-slide .tit-24{
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.tech-one .one_swiper .swiper-slide .tit-16{
    color: #666;
    line-height: 1.5;
    opacity: 0;
}


.tech-one .one_swiper .swiper-slide.cur{
    width: 42.5%;
    background: rgba(255,255,255,1);
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,1);
    color: #333;
    text-align: left;
    padding: 1.6rem 1.25rem 0;
}
.tech-one .one_swiper .swiper-slide.cur .tit-24{
    color: #333;
}
.tech-one .one_swiper .swiper-slide.cur .tit-24 br{
    display: none;
}
.tech-one .one_swiper .swiper-slide.cur .ico{
    margin-bottom: 0;
}
.tech-one .one_swiper .swiper-slide.cur .tit-16{
    opacity: 1;
}

.tech-one .one_swiper .swiper-slide.cur img{
    display: none;
}

.tech-one .one_swiper .swiper-slide.cur .poa{
   display: block;
   right: 1.5rem;
   bottom: 1rem;
}


.tech-two{
    background: #f5f5f5;
    padding-top: 2.25rem;
}


.tech-two .two_swiper{
    padding-top: 2.25rem;
    padding-bottom: 4.6rem;
    padding-right: 1rem;
}

.tech-two .two_swiper .two_pagination{
    display: none;
}

.tech-two .tit-30{
    text-align: center;
    margin-bottom: 1.25rem;
}


.tech-two .two_swiper .swiper-slide{
    background: #fff;
    border:1px solid #dcdcdc;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 2.25rem 0.6rem 0;
    height: 10rem;
    box-sizing:border-box;
    text-align: center;
    position: relative;
}

.tech-two .two_swiper .swiper-slide .img{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform:translateX(-50%); 
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    top: -2.25rem;
}
.tech-two .two_swiper .swiper-slide .img>img{
    width: 100%;
}
.tech-two .two_swiper .swiper-slide .img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(31,98,188,0.75);
    opacity: 0;
    transition:all 0.3s ease 0s;
}
.tech-two .two_swiper .swiper-slide .main_con{
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition:all 0.3s ease 0s;
}

.tech-two .two_swiper .swiper-slide:nth-child(2n){
    height: 8.75rem;
    transform:translateY(3.5rem); 
}


.tech-two .two_swiper .swiper-slide .tit-24{
    line-height: 1.5;
    margin-bottom: 0.2rem;
}

.tech-two .two_swiper .swiper-slide .tit-14{
    line-height: 1.71;
    color: #666;
    text-align: justify;
    transition:all 0.3s ease 0s;
}

.tech-two .two_swiper .swiper-slide:hover{
    color: #1d61bd;
}
.tech-two .two_swiper .swiper-slide:hover .tit-14{
   color: #1d61bd;
}
.tech-two .two_swiper .swiper-slide:hover .img:before{
    opacity: 1;
}

.tech-two .two_swiper .swiper-slide:hover .main_con{
    opacity: 1;
}


.tech-three{
    padding: 2.25rem 0 1.3rem;
}

.tech-three .tit-30{
    text-align: center;
    margin-bottom: 1.1rem;
}

.tech-three .three_swiper{
    box-sizing:border-box;
    padding:0 1px 1rem;
}
.tech-three .three_swiper .three_pagination{
    display: none;
}

.tech-three .three_swiper .img{
    width: 100%;
    position: relative;
    padding-bottom: 40.78%;
    overflow: hidden;
}

.tech-three .three_swiper .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}

.tech-three .three_swiper .con{
    width:100%;
    height: 5.5rem;
    background: #fff;
    border:1px solid #e5e5e5;
    border-top: none;

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-sizing:border-box;
    padding: 0.9rem 0.6rem 0;
    text-align: center;

    transition:all 0.3s ease 0s;
}

.tech-three .three_swiper .con .tit-24{
    margin-bottom: 0.5rem;
}

.tech-three .three_swiper .con .tit-14{
    color: #666;
}


.tech-three .three_swiper .swiper-slide:hover .con{
    background: #1d61bd;
    color: #fff;
}

.tech-three .three_swiper .swiper-slide:hover .con .tit-14{
   color: #fff;
}



.tech-wrap .sec_one{
    background: #f5f5f5;
    padding: 2.75rem 0 2rem;
}
.tech-wrap .sec_box .title .tit-36{
    color: #000;
}
.tech-wrap .sec_box .title .tit-16{
    line-height: 1.875;
    color: #666;
    margin-top: 0.8rem;
}


.tech-wrap .sec_one .title{
    width: 69.1%;
}



.tech-wrap .sec_one .list{
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;

}

.tech-wrap .sec_one li{
    background: #fff;
    width: 40%;
    height: 5.25rem;
    background: #fff;
    margin-bottom: 0.4rem;
    box-sizing:border-box;
    display: flex;
    justify-content: space-between;

    transition:all 0.3s ease 0s;
}


.tech-wrap .sec_one li .tit-14{
    color: #666;
    line-height: 1.71;
    margin-top: 0.45rem;
}

.tech-wrap .sec_one li .item_con{
    width: 80%;
}

.tech-wrap .sec_one li .ico{
    margin-top: 0.5rem;
}

.tech-wrap .sec_one li:first-child{
    width: 56.097%;
    padding: 1rem 1.25rem 0 1rem;
}

.tech-wrap .sec_one li:nth-child(2){
    width: 42.683%;
    padding: 1rem 1rem 0 1.25rem;
    flex-direction: row-reverse;
}

.tech-wrap .sec_one li:nth-child(2) .item_con{
    width: 75%;
}
.tech-wrap .sec_one li:nth-child(2) .ico{
    margin-top: 0;
}
.tech-wrap .sec_one li:nth-child(3){
    width: 42.683%;
    padding: 1rem 1rem 0 1.25rem;
    flex-direction: row-reverse;
}
.tech-wrap .sec_one li:nth-child(3) .ico{
    margin-top: 0;
}
.tech-wrap .sec_one li:nth-child(3) .item_con{
  width: 75%;  
}

.tech-wrap .sec_one li:last-child{
    width: 56.097%;
    padding: 1rem 1.25rem 0 1rem;
}

.tech-wrap .sec_one li img{
    opacity: .25;
    max-height: 1.5rem;
}
.tech-wrap .sec_one li .a{
    display: none;
}



.tech-wrap .sec_one li:hover{
    background: #1d61bd;
    color: #fff;
}

.tech-wrap .sec_one li:hover .tit-14{
    color: #fff;
}


.tech-wrap .sec_one li:hover img{
    display:none;
}

.tech-wrap .sec_one li:hover .a{
    display: block;
}


.tech-wrap .sec_two{
    background: #1d61bd;
    padding: 1.75rem 0 1.5rem;
}

.tech-wrap .sec_two .title .tit-36{
    color: #fff;
}

.tech-wrap .sec_two .w1240{
    display: flex;
    justify-content: space-between;
    color: #fff;
    box-sizing:border-box;
    padding-right: 1.25rem;
}

.tech-wrap .sec_two .title .tit-16{
    width: 10rem;
    color: #fff;
}



.tech-wrap .sec_three{
    background: #f5f5f5;
    padding: 1.75rem 0 1.5rem;
}


.tech-wrap .sec_three .w1240{
    display: flex;
    justify-content: space-between;
    color: #fff;
    box-sizing:border-box;
    padding-right: 1.25rem;
}
.tech-wrap .sec_three .w1240 .tit-36{
    color: #000;
}

.tech-wrap .sec_three .title .tit-16{
    width: 11.75rem;
    color: #666;
}



.tech-wrap .sec_four{
    background: #fff;
    padding: 1.75rem 0 2.25rem;
}
.tech-wrap .sec_four .tit-36{
    margin-bottom: 0.75rem;
}


.tech-wrap .sec_four li{
    height: 5.25rem;
    width: 22.675%;
    margin: 0 3.1% 3.1% 0;

    box-sizing:border-box;
    border:1px solid #e5e5e5;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    padding: 0.75rem 0.9rem 0;
    text-align: center;
}
.tech-wrap .sec_four li img{
    max-height: 1.1rem;
    opacity: 0.5;
}
.tech-wrap .sec_four li .tit-18{
    margin: 0.35rem 0;
}
.tech-wrap .sec_four li .tit-14{
    color: rgba(51,51,51,0.8);
}
.tech-wrap .sec_four li:nth-child(4n){
    margin-right: 0;
}


.tech-wrap .sec_five{
    background: #f5f5f5;
    padding: 1.5rem 0 2.5rem;
}


.tech-wrap .sec_five .tit-36{
    margin-bottom: 1.5rem;
}

.tech-wrap .sec_five ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.tech-wrap .sec_five ul li{
    margin:0.3rem 0.9rem 0.3rem 0;

}

.tech-wrap .sec_five ul li:last-child{
    margin-right: 0;
}


.tech-system{
    height: 21.25rem;
    width: 100%;
    padding-top: 2.25rem;
}


.tech-system .tit-30{
    color: #fff;text-align: center;
    margin-bottom: 0.9rem;
}


.tech-system .tab_box{
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.tech-system .tab_box .item{
    width: 6.5rem;
    height: 1.26rem;
    line-height: 1.26rem;
    border-radius: 1.26rem;
    background: #466b86;
    border:1px solid rgba(255,255,255,0.2);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0 0.375rem;
    transition:all 0.3s ease 0s;
}


.tech-system .tab_box .item:hover{
    background: #1d61bd;
}
.tech-system .tab_box .item.cur{
    background: #1d61bd;
}
.tech-system .system_swiper{
    width: 100%;
    padding-bottom: 1rem;
    transform:translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition:all 1s ease 0s; 
}
.tech-system .swiper_box{
   height: 9.5rem;
}
.tech-system .swiper_box.cur .system_swiper.cur{
    transform:translateY(0);
    opacity: 1;
    visibility: visible;
}

.tech-system .swiper-slide{
    height: 9.5rem;
    background: #fff;
    text-align: center;
    box-sizing:border-box;
    padding: 1.75rem 0.75rem 0;
    position: relative;
    transition:background 0.3s ease 0s;
}

.tech-system .system_swiper{
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
}
.tech-system .system_swiper .system_pagination{display: none;}


.tech-system .swiper-slide .tit-24{
    margin-bottom: 0.6rem;
}

.tech-system .swiper-slide .tit-14{
    color: #666;
    line-height: 1.71;
}


.tech-system .swiper-slide .ico{
    position: absolute;
    left: 50%;
    transform:translateX(-50%); 
    bottom: 1.75rem;
}


.tech-system .swiper-slide .ico .a{
    display: none;
}

.tech-system .swiper-slide:hover{
    background: #1d61bd;
    color: #fff;
}
.tech-system .swiper-slide:hover .tit-14{
    color: #fff;
}

.tech-system .swiper-slide:hover .ico img{
    display: none;
}
.tech-system .swiper-slide:hover .ico .a{
    display: block;
}



.tech-last{
    padding: 2rem 0 3.25rem;
}
.tech-last .tit-30{
    text-align: center;
    margin-bottom: 1.25rem;
}


.tech-last li{
    width: 49.375%;
    height: 9.5rem;
    margin: 0 1.25% 1.25% 0;
    box-sizing:border-box;
    display: flex;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2)
}

.tech-last li:nth-child(2n){
    margin-right: 0;
}


.tech-last li .img{
    width: 48.1%;
    position: relative;
    padding-bottom: 48%;
    overflow: hidden;
}
.tech-last li .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.tech-last li .con{
    width: 48.1%;
    box-sizing:border-box;
    padding: 1.7rem 1.2rem 0;
}

.tech-last li .con .tit-14{
    color: #666;
    line-height: 1.71;
    margin-top: 0.55rem;
}

.tech-last li .con{
    width: 51.9%;
    height: 100%;

}


.chain-one .ricon{
    width: 50%;
}

.chain-one .lecon{
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing:border-box;
    background: #f5f5f5;
    padding: 2rem 3rem 0 8.333%;
}

.chain-one .lecon .tit-30{
    margin-bottom: 1rem;
}

.chain-one .lecon .tit-16{
    color: #666;
    line-height: 1.875;
}

.chain-two{
    padding: 2.75rem 0 1.75rem;
    text-align: center;
}

.chain-two .tit-24{
    margin-bottom: 0.6rem;
}

.chain-two .advan_swiper{
    padding-bottom: 1rem;
    padding-right: 1px;
}

.chain-two .advan_swiper .swiper-slide{
    height: 8rem;
    box-sizing:border-box;
    border:1px solid #d6d6d6;
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
    box-sizing:border-box;
    padding-top: 1.75rem;
    transition:background 0.3s ease 0s;
}

.chain-two .advan_swiper .swiper-slide .ico{
    margin-bottom: 0.75rem;
}
.chain-two .advan_swiper .swiper-slide .ico img{
    max-height: 1.25rem;
}
.chain-two .advan_swiper .swiper-slide .a{
    display: none;
}

.chain-two .advan_swiper .swiper-slide .tit-24{
    margin-bottom: 0.65rem;
}


.chain-two .advan_swiper .swiper-slide .tit-16{
    color: #666;
}
.chain-two .advan_swiper .advan_pagination{
    display: none;
}

.chain-two .advan_swiper .swiper-slide:hover{
    background: #1d61bd;
    color: #fff;
}


.chain-two .advan_swiper .swiper-slide:hover .tit-16{
    color: #fff;
}
.chain-two .advan_swiper .swiper-slide:hover img{
    display: none;
}
.chain-two .advan_swiper .swiper-slide:hover .a{
    display: inline-block;
}



.chain-three{
    background: #f5f5f5;
    padding-top: 1.75rem;
}
.chain-three .leimg{
 width: 50%;
 text-align: center;
}
.chain-three .ricon{
    width: 50%;
    box-sizing:border-box;
    padding-left: 3.5rem;
    padding-top: 3rem;
}


.chain-three .ricon .tit-24{
    margin-bottom: 1.5rem;
}

.chain-three .ricon .wecode{
    background: #fff;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing:border-box;
    padding: 0.75rem;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    margin-bottom: 0.45rem;
}

.chain-three .ricon .wecode img{
    width: auto;
}


.chain-four{
    padding: 1.5rem 0 2rem;
}


.chain-four .tit-24{
    text-align: center;
    margin-bottom: 1.1rem;
}


.chain-four .four-item{
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    margin-bottom: 0.55rem;
}

.chain-four .four-item .four_swiper{
    width: 45.625%;
    float: left;
}
.chain-four .four-item .four_swiper img{
    width: 100%;
}
.chain-four .four-item:last-child .four_swiper{
    float: right;
}

.chain-four .four-item:last-child .ricon{
    float: left;
}
.chain-four .four-item .ricon{
    width: 54.375%;
    float: right;
    box-sizing:border-box;
    padding: 1.25rem 0 0 1.75rem;
}



.chain-four .four-item .ricon .tit-30{
    color: #1d61bd;
    margin:0.25rem 0 1rem;
}

.chain-four .four-item ul{
    width: 100%;
}
.chain-four .four-item li{
    width: auto;
    height: 1.25rem;
    line-height: 1.25rem;
    width:7rem;
    box-sizing:border-box;
    border:1px solid #cfcfcf;
    color: #666;
    padding: 0 1rem;
    cursor: pointer;
    transition:all 0.3s ease 0s;
    margin:0 0.95rem 0.25rem 0;
    display:inline-block;
}
.chain-four .four-item li:hover{
    background: #1d61bd;
    border:1px solid #1d61bd;
    color: #fff;
}
.chain-four .four-item li.cur{
    background: #1d61bd;
    border:1px solid #1d61bd;
    color: #fff;
}

.chain-six{
    padding: 1.75rem 0;
}
.chain-six .title{
    margin-bottom: 0.6rem;
    box-sizing:border-box;
    padding: 0 7.5rem;
    text-align: center;
}

.chain-six .title .tit-24{
    margin-bottom: 0.75rem;
}

.chain-six .title .tit-16{
    color: #666;
    line-height: 1.875;
    margin-bottom: 0.2rem;
}


.chain-six .six_list li{
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
    background: #f5f5f5;
    border:1px solid #d6d6d6;
    box-sizing:border-box;
    padding: 0.5rem 1rem;
    position: relative;

}


.chain-six .six_list li .ico{
    right: 1rem;
    top: 50%;
    transform:translateY(-50%); 
}
.chain-six .six_list li .ico img{
    opacity: 0.2;
}
.chain-six .six_list li .ico .a{
    display: none;
    opacity: 1;
}


.chain-six .six_list li .item_option{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #999;
    display: none;
    margin-top: 0.35rem;
}
.chain-six .six_list li .item_option p{
    position: relative;
    padding-left: 0.5rem;
}

.chain-six .six_list li .item_option p:before{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #9f9f9f;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform:translateY(-50%); 
}



.chain-six .six_list li.cur{
    padding: 0.75rem 1rem; 
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    margin-bottom: 18px;
}

.chain-six .six_list li.cur .tit-24{
    color: #1d61bd;
}

.chain-six .six_list li.cur .ico{
    transform:translateY(0);
    top: 0.55rem; 
}
.chain-six .six_list li.cur .ico .a{
    display: block;
}
.chain-six .six_list li.cur .ico img{
    display: none;
}


.chain-seven{
    padding: 1.5rem 0 2.5rem;
    background: #fafafa;
}

.chain-seven .title{
    text-align: center;
    box-sizing:border-box;
    padding: 0 4.25rem;
}

.chain-seven .title .tit-24{
    margin-bottom: 0.75rem;
}

.chain-seven .title .tit-16{
    color: #666;
    line-height: 1.875;
}


.chain-seven .seven-con{
    background: #fff;
    border:1px solid #d2d2d2;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding: 1.25rem 1.5rem 1rem;
    margin-top: 1rem;
}

.chain-seven .seven-con .tit-18{
    margin-bottom: 0.5rem;
    text-align: center;
}

.chain-seven .seven-con li{
    width: 10%;
    text-align: center;
    margin: 0.2rem 0;
}












/*详情页模板*/
.newde-wrap{
  padding: 5rem 0 2rem;
}  

.newde-wrap .title {
  text-align: center;
  padding-bottom: 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.newde-wrap .title .t {
  margin-top: 0.5rem;
}
.newde-wrap .con-t {
  padding-top: 1rem;
}
.newde-wrap .con-t p {
    line-height:2;
}
.newde-wrap .de-bottom {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newde-wrap .de-bottom h1 {
  margin-bottom: 0.1rem;
}
.newde-wrap .de-bottom p {
  line-height: 1.2;
}
.newde-wrap .de-bottom .back-list {
  width: 12%;
}
.newde-wrap .de-bottom .back-list p {
  text-align: center;
}
.newde-wrap .de-bottom .back-list .icon {
  text-align: center;
}
.newde-wrap .de-bottom .back-list i {
  width: 24px;
  height: 24px;
  background: url("../../web/img/back-news-icon.png") no-repeat center center;
  background-size: contain;
}
.newde-wrap .de-bottom .prev {
  width: 40%;
}
.newde-wrap .de-bottom .prev a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newde-wrap .de-bottom .prev .icon {
  width: 10px;
}
.newde-wrap .de-bottom .prev .icon i {
  width: 10px;
  height: 16px;
  background: url("../../web/img/swiper-l2.png") no-repeat center center;
  background-size: contain;
}
.newde-wrap .de-bottom .prev .debo-con {
  width: 95%;
}
.newde-wrap .de-bottom .next {
  width: 40%;
}
.newde-wrap .de-bottom .next a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newde-wrap .de-bottom .next .icon {
  width: 10px;
  text-align: right;
}
.newde-wrap .de-bottom .next .icon i {
  width: 10px;
  height: 16px;
  background: url("../../web/img/swiper-r2.png") no-repeat center center;
  background-size: contain;
}
.newde-wrap .de-bottom .next .debo-con {
  width: 95%;
  text-align: right;
}


@media(max-width: 767px){
  .newde-wrap .con-t {
    padding-top: 0.5rem;
}
.newde-wrap .title .t {
    margin-top: 0.2rem;
    font-size: 0.28rem;
}
.newde-wrap .title {
    padding-bottom: 0.3rem;
}
h2 {
    font-size: 0.4rem;
}
body{
    font-size: 0.28rem;
    line-height: 1.6;
}
.newde-wrap{
    padding: 1rem 0 1rem;
}
.newde-wrap .con-t p{
    font-size: 0.28rem;
}
.newde-wrap .de-bottom .back-list {
    display: none;
}
.newde-wrap .de-bottom .next {
    width: 100%;
}
.newde-wrap .de-bottom .next a {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.newde-wrap .de-bottom .next .debo-con {
    text-align: left;
    width: 90%;
}
.newde-wrap .de-bottom .next .icon {
    width: 10px;
    text-align: right;
}
.newde-wrap .de-bottom h1 {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
}
.newde-wrap .de-bottom p {
    line-height: 1.6;
    font-size: 0.28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newde-wrap .de-bottom .prev {
    width: 100%;
    margin-bottom: 0.2rem;
}
.newde-wrap .de-bottom .prev a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newde-wrap .de-bottom .prev .icon {
    width: 10px;
}
.newde-wrap .de-bottom .prev .debo-con {
    width: 90%;
}
.newde-wrap .de-bottom {
    margin-top: 0.8rem;
    display: block;
}
}


/*详情页模板*/



.video-first{
    padding: 2.75rem 0 2.5rem;
}

.video-first .tit-54{
    text-align: center;
    margin-bottom: 2rem;
}


.video-first .list li{
    width: 30%;
    margin: 0 5% 5% 0;
}

.video-first .list li:nth-child(3n){
    margin-right: 0;
}


.video-first .list .hoverimg{
    position: relative;
    padding-bottom: 66.66%;
    overflow: hidden;
} 

.video-first .list .hoverimg .img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.video-first .list .videoplay{
    position: absolute;
    z-index:2;
    left: 50%;
    top: 50%;
    max-width: 1.3rem;
    transform:translate(-50%,-50%); 
    transition:all 0.3s ease 0s;
    cursor: pointer;
}
.video-first .list .videoplay:hover{
    top: 52%;
}
.video-first .list .con{
    background: #f5f5f5;
    height: 2rem;
    line-height: 2rem;
    box-sizing:border-box;
    padding: 0 1rem;
}

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

.pagination a{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    box-sizing:border-box;
    border:1px solid #e5e5e5;
    text-align: center;
    line-height: 1rem;
    color: #666;
    margin: 0 2px;
    position: relative;
}

.pagination a[rel=prev]:before{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 15px;
    background: url('../../web/img/page-l.png')no-repeat center center;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}
.pagination a.page-first{
    display:none;
}
.pagination a.page-last{
    display:none;
}
.pagination a[rel=prev]:hover:before{
    background: url('../../web/img/page-la.png')no-repeat center center;
    background-size: contain;
}
.pagination a[rel=next]:before{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 15px;
    background: url('../../web/img/page-r.png')no-repeat center center;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%); 
}
.pagination a[rel=next]:hover:before{
    background: url('../../web/img/page-ra.png')no-repeat center center;
    background-size: contain;
}
.pagination a:hover{
    background: #1d61bd;
    color: #fff;
}

.pagination a.active{
    background: #1d61bd;
    color: #fff;
}


.info-first{
    padding: 2.75rem 0 1.5rem;
}


.info-first .tit-54{
    text-align: center;
    margin-bottom: 1.5rem;
}


.info-first .news_swiper{
    padding-bottom: 1rem;
}

.info-first .news_swiper .swiper-slide{
    width: 100%;
}
.info-first .news_swiper .swiper-slide .hoverimg{
    position: relative;
    padding-bottom: 66.66%;
    overflow: hidden;
}
.info-first .news_swiper .swiper-slide .img{
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.info-first .news_swiper .swiper-slide .con{
    padding-top: 0.75rem;
}
.info-first .news_swiper .tit-24{
    color: #666;
    margin-bottom: 0.4rem;
    transition:all 0.3s ease 0s;
}
.info-first .news_swiper .swiper-slide:hover .tit-24{
    color: #206bd1;
}
.info-first .news_swiper .tit-16{
   color: #666;
/*   overflow: hidden;*/
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 1.25rem;
   margin-bottom: 0.65rem;
}
.info-first .news_swiper .time{
    color: #999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.info-first .news_swiper .time img{
    margin-right: 4px;
}
.info-first .news_swiper .news_pagination{
    bottom: 0;
}

.info-first .news_swiper .swiper-pagination-bullet{
    opacity: 1;
    background: #b2b2b2;
    width: 10px;
    height: 10px;
    border-radius:50%;
    margin: 0 10px;
}
.info-first .news_swiper .swiper-pagination-bullet-active{
    background: #206bd1;
}




.info-last{
    background: #f5f5f5;
    padding: 1.75rem 0 2.5rem;
}
.info-last .list{
    margin-bottom: 1rem;
}

.info-last li{
    background: #fff;
    box-sizing:border-box;
    border:1px solid #dcdcdc;
    padding: 0.35rem;
    margin-bottom: 10px;
}
.info-last li a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.info-last li .img{
    width: 7rem;
    position: relative;
    padding-bottom: 10.7%;
    overflow: hidden;
    margin-right: 0.9rem;
    float: left;
}

.info-last li .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.info-last li .con{
    float: left;
    width: 59%;
    padding-top: 0.4rem;
}

.info-last li .con .tit-18{
    margin-bottom: 0.25rem;
    color: #333;
}.info-last li:hover .con .tit-18{
    color: #08c;
}

.info-last li .con .tit-14{
    color: #999;
    line-height: 1.71;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 1.2rem;
    margin-bottom: 0.6rem;
}

.info-last li .con .tit-12{
    color: #999;
}






.recruit-last .list-title {
  height: 1.75rem;
  line-height: 1.75rem;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d1d3d8;
}

.recruit-last .list-title.top {
  background: #f2f3f4;
}
.recruit-last .list {
  margin-top: 0.4rem;
  margin-bottom: 1.75rem;
}
.recruit-last .list li {
  margin-bottom: 0.4rem;
}
.recruit-last .list li.cur{
    margin-bottom: 0.5rem;
}
.recruit-last .list .list-title {
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.recruit-last .list .sub-wrap {
  width: 100%;
  background: #fff;
  padding: 0.9rem 1.75rem 0.75rem 0.9rem;
  overflow: hidden;
  border:1px solid #e5e5e5;
  border-top: none;
  display: none;
}

.recruit-last .list li.cur .sub-wrap {
  height: auto;
  padding: 0.75rem 1.75rem 1rem 0.9rem;
}
.recruit-last .list .link_box {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recruit-last .list .link_box span {
  color: #1d61bd;
  cursor: pointer;
  transition:all 0.3s ease 0s;
}
.recruit-last .list .link_box span:hover{
    transform:translateX(2px); 
}
.recruit-last .list .sub-wrap .apply {
  width: 4.65rem;
  height: 1.25rem;
  line-height: 1.25rem;
  color: #fff;
  text-align: center;
  color: #fff;
  background: #1d61bd;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  letter-spacing: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.recruit-last .list .sub-wrap .apply img{
    margin-right: 0.25rem;
}
.recruit-last .list li.cur {
  background: #fff;
}
.recruit-last .list li.cur .list-title {
  background: #1d61bd;
  color: #fff;
  border: 1px solid #1d61bd;
}
.recruit-last .list li.cur .list-title .caozuo .img {
  display: block;
}
.recruit-last .list li.cur .list-title .caozuo img {
  display: none;
}

.recruit-last .list li .list-title:hover {
  background: #1d61bd;
  color: #fff;
  border: 1px solid #1d61bd;
}

.recruit-last .list li:hover .list-title .caozuo .img {
  display: block;
}
.recruit-last .list li:hover .list-title .caozuo img {
  display: none;
}

.recruit-last .list-title .name {
  width: 20%;
  padding-left: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recruit-last .list-title .local {
  width: 20%;
  padding-left: 0.9rem;
}
.recruit-last .list-title .num {
  width: 20%;
  padding-left: 0.9rem;
}
.recruit-last .list-title .starttime {
  width: 20%;
  padding-left: 0.9rem;
}
.recruit-last .list-title .endtime {
  width: 20%;
  padding-left: 0.9rem;
}
.recruit-last .list-title.top .local {
  border-left: 1px solid #d1d3d8;
}
.recruit-last .list-title.top .num {
  border-left: 1px solid #d1d3d8;
}
.recruit-last .list-title.top .posi {
  border-left: 1px solid #d1d3d8;
}
.recruit-last .list-title.top .starttime {
  border-left: 1px solid #d1d3d8;
}
.recruit-last .list-title.top .endtime {
  border-left: 1px solid #d1d3d8;
}

.recruit-last .list .sub-wrap .tab-con {
  display: none;
}

.recruit-last .list .sub-item {
  width: 100%;
}
.recruit-last .list .sub-item:last-child {
  margin-top: 0.6rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #eaeaea;
}
.recruit-last .list .sub-item .t {
  margin-bottom: 0.3rem;
}

.recruit-last .list .sub-item .con-t {
  line-height: 2.25;
}


.develop-first{
    padding: 2.75rem 0 1.75rem;
}

.develop-first .title{
    text-align: center;
    margin-bottom: 2.5rem;
}

.develop-first .title .tit-54{
    margin-bottom: 1rem;
}

.develop-first .title .tit-16{
    line-height: 1.875;
    color: #666;
}


.develop-first .img img{
    width: 100%;    
}

.develop-first .recruit_swiper{
    padding: 0 2px 1rem;
    margin-top: 1.5rem;
}
.develop-first .recruit_swiper .swiper-slide{
    text-align: center;
    box-sizing:border-box;
    transition:background 0.3s ease 0s;
    padding: 1.6rem 1.5rem 0; 
}

.develop-first .recruit_swiper .swiper-slide .a{
    display: none;
}

.develop-first .recruit_swiper .swiper-slide:hover{
    background: #1d61bd;
    border:1px solid #1d61bd;
    color: #fff;
}
.develop-first .recruit_swiper .swiper-slide:hover img{
    display: none;
}

.develop-first .recruit_swiper .swiper-slide:hover .a{
    display: inline-block;
}
.develop-first .recruit_swiper .swiper-slide:hover .tit-20{
    color: #fff;
}
.develop-first .recruit_swiper .ico img{
    max-height: 2rem;
}

.develop-first .recruit_swiper .tit-30{
    margin: 0.7rem 0;
    font-size: 28px;
}

.develop-first .recruit_swiper .tit-20{
    color: #666;
    line-height: 1.8;
}

.develop-first .recruit_swiper .swiper-slide{
    height: 12rem;
    border:1px solid #e6f5f9;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1)
}


.develop-first .recruit_swiper .recruit_pagination{
    display: none;
}


.develop-last .first{
    background: #f5f5f5;
}

.develop-last .first .main_con{
    padding-top: 2.25rem;
}

.develop-last .first .tit-30{
    text-align: center;
    margin-bottom: 0.5rem;
}

.develop-last .last{
    padding: 2.5rem 0;
}


.recruit-first{
    padding-top: 6rem;
}

.recruit-first .title{
    text-align: center;
    margin-bottom: 0.75rem;  
}
.recruit-first .tit-54{
    margin-bottom: 0.75rem;
}

.recruit-first .title_con .backcover{
    height: 11rem;
}

.recruit-first .title_con .main_con{
    padding: 2.25rem 0 0 2.5rem;
}


.recruit-first .title_con .tit-24{
    margin: 0rem 0 0.9rem;
}

.recruit-first .title_con .tit-36{
    color: #1d61bd;
    letter-spacing: 8px;
}

.recruit-first .process-box{
    padding-top:1rem; 
}

.recruit-first .process-box .tit-30{
    margin-bottom: 0.9rem;
}

.recruit-first .process-box li{
    width: 13.75%;
    height: 3.25rem;
    margin: 0 3.5% 3.5% 0;
    box-sizing:border-box;
    border:1px solid #eaeaea;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin-bottom: 1.25rem;
    padding-top: 0.75rem;
    transition:all 0.3s ease 0s;
    position: relative;
    font-size: 0.4rem;
}

.recruit-first .process-box li img{
    max-height: 0.9rem;
    display: inline-block;
}
.recruit-first .process-box li .a{
    display: none;  
}

.recruit-first .process-box li:hover{
    background: #1d61bd;
    color: #fff;
}
.recruit-first .process-box li:hover img{
    display: none;
}
.recruit-first .process-box li:hover .a{
    display: inline-block;
}

.recruit-first .process-box li .ico{
    margin-bottom: 0.3rem;
}

.recruit-first .process-box li:nth-child(6n){
    margin-right: 0;
}

.recruit-first .process-box li:nth-child(7){
    margin-left: 17.25%;
}
.recruit-first .process-box li:last-child{
    margin-right: 0;
}

.recruit-first .process-box li:before{
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.25rem;
    background: url('../../web/img/recruit-arrow.png')no-repeat center center;
    background-size: contain;
    right: -1rem;
    top: 50%;
    transform:translateY(-50%); 
}

.recruit-first .process-box li:nth-child(6):before{
    width: 0.25rem;
    height: 0.5rem;
    background: url('../../web/img/recruit-arrow2.png')no-repeat center center;
    background-size: contain;
    top: auto;
    bottom: -1rem;
    left: 50%;
    transform:translate(-50%,0%); 
}
.recruit-first .process-box li:last-child:before{
    display: none;
}
.recruit-first .process-box li:nth-child(7):before{
    background: url('../../web/img/recruit-arrowa.png')no-repeat center center;
    background-size: contain;
}
.recruit-first .process-box li:nth-child(8):before{
    background: url('../../web/img/recruit-arrowa.png')no-repeat center center;
    background-size: contain;
}
.recruit-first .process-box li:nth-child(9):before{
    background: url('../../web/img/recruit-arrowa.png')no-repeat center center;
    background-size: contain;
}
.recruit-first .process-box li:nth-child(10):before{
    background: url('../../web/img/recruit-arrowa.png')no-repeat center center;
    background-size: contain;
}


.recruit-first .last_con{
    border-top: 2px solid #6d6d6d;
    padding: 0.9rem 0 0.9rem 0.6rem; 
}


.recruit-first .last_con .item{
    margin-bottom: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.recruit-first .last_con .item:last-child{
    margin-bottom: 0;
}

.recruit-first .last_con .item span{
    display: inline-block;
}

.recruit-first .last_con .item .font_b{
    margin: 0 5px 0 10px;
}


.recruit-last .title{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #cccfd5;
    padding: 0.7rem 0 0.9rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.8rem;
}


.recruit-last{
    padding-bottom: 2.75rem;
}




.recruit-last .select_item{
    width: 7.125rem;
    margin-left: 14px;
}

.recruit-last .select_item .select_up{
    width: 100%;
    height: 1.2rem;
    box-sizing:border-box;
    border:1px solid #ccc;
    background: #f2f3f4;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.recruit-last .select_item .select_up i{
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url('../../web/img/arrow-d2a.png')no-repeat center center;
    background-size: contain;
}


.recruit-last .select_item .select_up:hover{
    background: #1d61bd;
    color: #fff;
}
.recruit-last .select_item .select_up:hover i{
    background: url('../../web/img/arrow-d2.png')no-repeat center center;
    background-size: contain;
}
.recruit-last .select_item.cur .select_up{
    background: #1d61bd;
    color: #fff;
}
.recruit-last .select_item.cur .select_up i{
    background: url('../../web/img/arrow-d2.png')no-repeat center center;
    background-size: contain;
}
.recruit-last .select_item .select_option{
    width: 100%;
    top: 1.2rem;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    display: none;
}


.recruit-last .select_item .select_option dd{
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    color: #666;
    box-sizing:border-box;
    transition:all 0.3s ease 0s;
    cursor: pointer;
    padding: 0 0.5rem;
}

.recruit-last .select_item .select_option dd:hover{
    background: #f7f7f7;
    color: #000;
}


.contact-first{
    padding-top: 2rem;
}
.contact-first .lecon{
    width: 43.125%;
}
.contact-first .lecon .tit-30{
    margin-bottom: 0.6rem;
}
.contact-first .lecon .first{
    margin-bottom: 1.25rem;
    font-size: 16px;
}
.contact-first .lecon .first .item{
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    box-sizing:border-box;
    border-bottom: 1px solid #eaeaea;
    padding-left: 0.25rem;
}
.contact-first .lecon .first .item img{
    margin-right: 0.2rem;
}
.contact-first .lecon .wecode_box .tit-18{
    margin-bottom: 0.9rem;
}

.contact-first .lecon .wecode_box .item_box{
    display: flex;
    justify-content: flex-start;
    text-align: center;
}
.contact-first .lecon .wecode_box .item{
    margin-right: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-first .lecon .wecode_box .img{
    width: 4.25rem;
    height: 4.25rem;
    box-sizing:border-box;
    border:1px solid #d6d6d6;
    background: #fff;
    padding: 12px;
    margin-bottom: 0.45rem;
}
.contact-first .lecon .wecode_box .img img{
    width: 100%;
}
.contact-first .ricon{
    width: 50%;
    height: 15.5rem;
}
.contact-first .lecon .first .item:nth-child(2) img {
    margin-right: 0.1rem;
}


.contact-last{
    background: #f5f5f5;
    padding: 1.5rem 0 3rem;
}


.contact-last li{
    width: 32.5%;
    height: 6.25rem;
    margin: 0 1.25% 1.25% 0;
    box-sizing:border-box;
    padding: 0.9rem 0.75rem 0;
    border: 1px solid #dcdcdc;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2)
}

.contact-last li:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    background: #1d61bd;
}

.contact-last li:nth-child(3n){
    margin-right: 0
}

.contact-last li .tit-18{
    margin-bottom: 0.65rem;
}


.contact-last li .tit-16{
    color: #666;
    line-height: 1.875;
}






/*移动端下拉列表*/
.msub-list{
    display: none;
}
@media (max-width: 1024px){
    .msub-list{
        color: #fff;
        background: #223248;
        padding: 0.5rem 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 2rem;
    }

    .msub-list a{
        color: #fff;
        display: block;
        width: 100%;
        width: 100%;
        height: 100%;
    }


    .msub-list li .ico{
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 50%;
        transform:translateY(-50%); 
    }
    .msub-list li .ico .line{
        position: absolute;
        background: #fff;
        transition:all 0.3s ease 0s;
    }
    .msub-list li .ico .line1{
        width: 100%;
        height: 2px;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%); 
    }
    .msub-list li .ico .line2{
        width: 2px;
        height: 100%;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%); 
        transition:all 0.3s ease 0s;
    }
    .msub-list li.cur .ico .line2{
        height: 0;
    }

    .msub-list li .ico{
        width: 16px;
        height: 16px;
        position: absolute;
        right: 4%;
        top: 50%;
        transform:translateY(-50%); 
    }
    .msub-list li .ico .line{
        position: absolute;
        background: #fff;
        transition:all 0.3s ease 0s;
    }
    .msub-list li .ico .line1{
        width: 100%;
        height: 2px;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%); 
    }
    .msub-list li .ico .line2{
        width: 2px;
        height: 100%;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%); 
        transition:all 0.3s ease 0s;
    }
    .msub-list li.cur .ico .line2{
        height: 0;
    }
    .msub-list dt{
        height: 2rem;
        line-height: 2rem;
        font-size: 0.7rem;
        box-sizing:border-box;
        padding: 0 4%;
        position: relative;
    }
    .msub-list dt:before{
        content: '';
        position: absolute;
        width: 92%;
        height: 1px;
        background: rgba(255,255,255,0.1);
        left: 4%;
        bottom: 0;
    }
    .msub-list li.cur dt:before{display: none;}
    .msub-list dt:last-child:before{
        display: none;
    }

    .msub-list dd{
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 0.6rem;
        text-indent: 0.5rem;
        position: relative;
        background:#2d4462;
        box-sizing:border-box;
        padding: 0 4%;
        display: none;
    }
    .msub-list dd:before{
        content: '';
        position: absolute;
        width: 92%;
        height: 1px;
        background: rgba(255,255,255,0.1);
        left: 4%;
        bottom: 0;
    }
    .msub-list dd:last-child:before{
        display: none;
    }
}

@media(max-width: 767px){
    .msub-list {
        padding: 0.2rem 0;
    }
    .msub-list dt {
        height: 1rem;
        line-height: 1rem;
        font-size: 0.3rem;
    }
    .msub-list dd {
        height: 0.9rem;
        line-height: 0.9rem;
        font-size: 0.26rem;
        text-indent: 0.1rem;
    }
    .msub-list li .ico {
        width: 14px;
        height: 14px;
    }
}
/*移动端下拉列表*/


.swiper-pagination{
    bottom: 0;
}

.swiper-pagination-bullet{
    opacity: 1;
    background: #b2b2b2;
    width: 10px;
    height: 10px;
    border-radius:50%;
}
.swiper-pagination-bullet-active{
    background: #206bd1;
}

.head-code {
	position: absolute;
	top: calc(100% + .5rem);
	left: 50%;
	transform: translateX(-50%);
	width: 4rem;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.header-wrap .ricon li:hover .head-code {
	opacity: 1;
	visibility: visible;
}


/*20231226 袁阳修改*/

.about-info .lecon  img{
    width: 100%;
}

.about-info_a .list .item.show .fx{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.about-info_a .list .li:last-child{
    margin-right: 0;
}

.home-a .top{
    background-size: cover;
}

.subbox-wrap .subnav_swiper{
    border-right: 0;
}

.imgshow{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
   
    display: none;
}