@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
@font-face {
    font-family: "PINGFANG REGULAR_2";
    src: url("../fonts/PINGFANG REGULAR_2.woff2") format("woff2"),
    url("../fonts/PINGFANG REGULAR_2.woff") format("woff"),
    url("../fonts/PINGFANG REGULAR_2.ttf") format("truetype"),
    url("../fonts/PINGFANG REGULAR_2.eot") format("embedded-opentype"),
    url("../fonts/PINGFANG REGULAR_2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "BEBAS__";
    src: url("../fonts/BEBAS__.woff2") format("woff2"),
    url("../fonts/BEBAS__.woff") format("woff"),
    url("../fonts/BEBAS__.ttf") format("truetype"),
    url("../fonts/BEBAS__.eot") format("embedded-opentype"),
    url("../fonts/BEBAS__.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "PINGFANG BOLD_2";
    src: url("../fonts/PINGFANG BOLD_2.woff2") format("woff2"),
    url("../fonts/PINGFANG BOLD_2.woff") format("woff"),
    url("../fonts/PINGFANG BOLD_2.ttf") format("truetype"),
    url("../fonts/PINGFANG BOLD_2.eot") format("embedded-opentype"),
    url("../fonts/PINGFANG BOLD_2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PINGFANG MEDIUM_2";
    src: url("../fonts/PINGFANG MEDIUM_2.woff2") format("woff2"),
    url("../fonts/PINGFANG MEDIUM_2.woff") format("woff"),
    url("../fonts/PINGFANG MEDIUM_2.ttf") format("truetype"),
    url("../fonts/PINGFANG MEDIUM_2.eot") format("embedded-opentype"),
    url("../fonts/PINGFANG MEDIUM_2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #227ecc;
    /*border-radius: 4px;*/
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #227ecc;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #227ecc;
}
body{
    -webkit-font-smoothing: antialiased; 
    overflow: hidden;
}
*{
    margin: 0;
    padding: 0;    
}
body{
    overflow: hidden;
}
a{
    text-decoration: none;
    display: inline-block;
}
li{
    list-style: none;
}
.pro{
    position: absolute;
}
.pre{
    position: relative;
}
.bac{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.ft14{
    font-size: 14px;
}
.ft15{
    font-size: 15px;
}
.ft16{
    font-size: 16px;
}
.ft18{
    font-size: 18px;
}
.ft20{
    font-size: .5rem;
}
.ft24{
    font-size: .6rem;
}
.ft30{
    font-size: .75rem;
}
.ft50{
    font-size: 1.25rem;
}
.clff{
    color:#fff;
}
.cl22{
    color:#222;
}
.cl27{
    color:#227ecc;
}
.cl66{
    color:#666;
}
.cl99{
    color:#999;
}
/* header.css */
header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 2.25rem;
    line-height: 2.25rem;
    background: #fff;
    box-shadow: 0px 0 5px 0 rgba(0,0,0,.3);
    padding:0 0 0 1.4rem;
    box-sizing: border-box;
    z-index: 999;
}
.headPc-navs{
    font-size: 0;
}
.headPc-nav{
    display: inline-block;
    padding: 0 .625rem;
    height: 2.25rem;
}
.headPc-all-items{
    display: flex;
    height: 2.25rem;
    justify-content: space-between;
}
.headPc-main-title{
    transition: color .4s ease;
    position: relative;
    font-weight: bold;
}
.headPc-main-title:hover{
    color:#2382d3;
}
.headPc-main-title.on-Pc{
    color:#2382d3;
}
.headPc-main-title:after{
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2382d3;
    display: block;
    transition: all .4s ease;
}
.headPc-main-title.on-Pc:after{
    width: 100%;
}
.headPc-nav:hover .headPc-main-title:after{
    width: 100%;
}
.headPc-all-nav{
    display: flex;
}
.headPc-language{
    width: 2.25rem;
    text-align: center;
    border-left:1px solid #eeeeee;
}
.headPc-language a{
    display: initial;
}
.headPc-eg{
    position: absolute;
    left: -.23rem;
    top: 23px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}
.headPc-cn:after{
    /*content: '';
    width: 10px;
    height: 5px;
    background: url(../img/jt.png) right center no-repeat;
    background-size: 10px 5px;
    display: inline-block;
    padding-right: 10px;
    transition: transform .4s ease;*/
}
.headPc-cos:hover .headPc-eg{
    opacity: 1;
    visibility: visible;
}
/* .headPc-cos:hover .headPc-cn:after{
    transform: rotate(180deg);
    } */
    .headPc-ss{
        width: 2.25rem;
        text-align: center;
        border-left:1px solid #eeeeee;
        box-sizing: border-box;
        cursor: pointer;
    }
    .headPc-ml{
        width: 4rem;
        left: 0;
        top:2.25rem;
        display: none;
    }
    .headPc-ml a{
        width: 100%;
        font-size: .38rem;
        color: #222 !important;
        line-height: .42rem;
        padding: .35rem .3rem;
        box-sizing: border-box;
        text-align: left;
        background: rgba(255,255,255,.8);
        position: relative;
        /* border-bottom: 1px solid rgba(0,0,0,.3); */
        transition: all .4s ease;
        display: block;
    }
    .wel-ldc-lb1{
        position: relative;
    }
    .header2-all .headPc-language,.header2-all .headPc-ss{
        border-left: 1px solid rgba(255,255,255,.3) !important;
    }
    .headPc-ml a{
        border-bottom:1px solid rgba(0,0,0,.2); 
    }
    .headPc-ml a:last-child{
        border-bottom:1px solid rgba(0,0,0,0);
    }
    .headPc-ml a:hover{
        color:#2382d3 !important;
    }
    .headPc-ml a:before{
        content: "";
        width: 3px;
        height: 12px;
        background: #0096db;
        display: block;
        position: absolute;
        left:.1rem;
        top: 50%;
        opacity: 0;
        transform: translateY(-50%);
        transition: all .4s ease;
    }
    .headPc-ml a:after{
        content: "";
        width: 13px;
        height: 15px;
        background: url(../img/23233.png) center center no-repeat;
        background-size: 13px 15px;
        position: absolute;
        right: .1rem;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: all .4s ease;
    }
    .headPc-ml a:hover:after,.headPc-ml a:hover:before{
        opacity: 1;
    }
    .headPc-ml a{
        background: rgba(255,255,255,1) !important; 
    }
    /* footer.css */
    footer{
        padding: 2.3rem 2.5rem 0 2.5rem;
        background: #1b1b1b;
    }
    .footer-top{
        padding: 0 0 3rem 0;
    }
   
    .foot2-item-list a{
        display: block;
    }
    .foot2-item-list a:hover{
        color:#204eb6;
    }
    .foot2-item-list div{
        margin-bottom: .55rem;
    }
    .foot-item2-all{
        margin: 1.1rem 0 0 0;
    }
    .foot-item2{
        display: flex;
    }
    .foot2-item-list:nth-child(n+2){
        margin-left: 1.5rem;
    }
    .foot-item2-all{
        display: flex;
        justify-content: space-between;
    }
    .foot-item22 .foot22-list1{
        margin: .85rem 0 .78rem 0;
    }
    .foot23-gz-img{
        margin: .3rem 0 0 0;
    }
    .bshare-sinaminiblog{
        background:url(../img/wb.png) !important;
    }
    .bshare-weixin{
        background:url(../img/wx.png) !important;
        margin: 0 .75rem !important;
    }
    .bshare-qqim{
        background:url(../img/qq.png) !important;
    }
    .bshare-custom a{
        background-repeat: no-repeat !important;
    }
    .bshare-custom{
        margin: .25rem 0 1rem 0;
    }
    .footer-bot{
        padding: 1.125rem 0 1.5rem 0;
        border-top:1px solid rgba(255,255,255,.3);
        background: #1b1b1b;
    }
    .foot22-title{
        line-height: 1.6;
    }
    .foot-bot-all{
        padding:0 2.5rem;
        box-sizing: border-box;
    }
    .foot-bot-all{
        display: flex;
        align-items:top;
        justify-content: space-between;
    }
    .foot-bot-all a:hover{
        color: #204eb6;
    }
    .foot-bot-txt div{
        line-height: 1.7;
    }
    /* 鍏辩敤鍓鑸 */
    .all-navs{
        padding: 0 1.5rem;
        box-sizing: border-box;
        width: 100%;
        margin-top: 2.25rem;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }
    .all-navs{
        height: 1.875rem;
        line-height: 1.875rem;
    }
    .all-navs-left{
        width: 2rem;
        text-align: center;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
    }
    .all-navs-right{
        font-size: 0;
    }
    .all-navs-right a.navs-on{
        color:#0096db;
    }
    .all-navs {
        display: flex;
    }
    .all-navs-right a{
       margin: 0 .75rem;
   }
   .about-list1{
    padding:0 .5rem .5rem .5rem;
    box-sizing: border-box;
    background-color: #f7f7f7;
}
.all-navs-right a:hover{
    color:#2382d3;
}
.about1-all{
    width: 100%;
    background: #fff;
    padding: 2.3rem 3rem  4rem 3rem;
    box-sizing: border-box;
}
.about-list12{
    padding: .5rem;
}
.about1-title{
    font-size: 1.25rem;
    line-height: 1.55rem;
    font-family: "PINGFANG REGULAR_2";
}
.about1-content p {
    line-height: 1.6;
}
.about1-content{
    margin: 1.25rem 0 0 0;
}
.about1-video-items{
    width: 100%;
    margin: 2.25rem 0 0 0;
    cursor: pointer;
    overflow: hidden;
}
.about1-video-items {
    width: 100%;
    height: 12.5rem;
}
.about1-video-items img{
    width: 100%;
}
.about1-video-zz{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}
.about1-video-content img{
    max-width: 100%;
    width: unset !important;
}
.about1-video-content{
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.about1-video-title{
    margin: 7px 0 0 0;
}
.about1-video-banner{
    transition: all .4s ease;
}
.about1-video-banner.about1-von{
    transform: scale(1.05);
    transition: all .4s ease;
}
.video-all-tc {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    top: -50px;
    left: 0;
    z-index: 950;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease;
}
.video-tc-items {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.video-tc-play {
    width: 900px;
    margin: 0 auto;
    font-size: 0;
}
.video-tc-play video {
    width: 100%;
}
.video-tc-close {
    cursor: pointer;
    position: absolute;
    right: -30px;
    top: 0;
}
.video-all-tc.on-video {
    opacity: 1;
    visibility: visible;
    top: 0;
}
/* 浣垮懡 */
.mis1-txt{
    padding-left: .75rem;
    box-sizing: border-box;
    margin: .875rem 0 0 0;
}
.mis1-lists img{
    margin: 2.875rem 0 0 0;
}
.mis1-txt p{
    line-height: 1.6;
}
.mis1-txt:before{
    content:"";
    width: 2px;
    height: 90%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #227ecc;
    display: block;
}
.about1-all img{
    width: 100%;
}
.mis1-lists:nth-child(n+2){
    margin-top: 2.625rem;
}
/* 鎴戜滑鐨勮崳瑾?css */
.hor-list1{
    height: 13.5rem;
    position: relative;
    z-index: 99;
}
.hor-list1 img{
    width: 100%;
}
.hor1-title-cn{
    line-height: 1.4rem;
}
.hor1-content{
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 3.25rem 0 3.25rem;
    box-sizing: border-box;
}
.hor-list2{
    margin: 2.25rem 0 0 0;
    padding-left: 28px;
    box-sizing: border-box;
}
.hor1-items{
    padding: 0 0 0 30px;
    border-left:1px solid #dddddd;
}
.hor1-items-txt div{
    line-height: 2;
    position: relative;
}
.hor1-items-txt div:before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #dddddd;
    display: inline-block;
    position: relative;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    margin-right: 8px;
}
.hor1-items-time{
    line-height: 1.6;
    font-family: "BEBAS__";
}
.hor1-items{
    padding-bottom: 1.5rem;
}
.hor1-items-time:before{
    content: "";
    width: 15px;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
/* 鎴戜滑鐨勮冻杩 */
.dev-all-banner{
    width: 100%;
    background: #fff;
    /* background: url(../img/images/5_05.jpg) center center repeat-y; */
}
.dev-items{
    margin: 2.5rem 0 0 0;
    position: relative;
    z-index: 200;
}
.dev1-txt{
    color:#0096db;
}
.dev-list1{
    text-align: center;
}
.dev1-title{
    line-height: 1.7;
}
.dev-list2{
    overflow: hidden;
}
.dev2-list{
    width: 50%;
    box-sizing: border-box;
    float: right;
}


.dev2-time{
    font-family: "BEBAS__";
}
.dev-main-items{
    width: 100%;
    text-align: center;
    top: 1.5rem;
    z-index: 20;
}
.dev-main-items .dev2-time{
    font-size: 2rem;
    line-height: 1.65;
}
/* .dev-list2 .dev2-list:first-child .dev2-time{
    opacity: 0;
}
.dev-list2 .dev2-list:first-child .dev2-txt{
    opacity: 0;
    } */
    .dev2-list{
        border-left:1px solid #dddddd;
        padding-left: 20px;
        box-sizing: border-box;
        padding-bottom: 3.25rem;
    }
    .dev2-list:nth-child(2n){
        float: left;
        width: 50.01%;
        text-align: right;
        border-right:1px solid #dddddd;
        border-left:none;
        padding-right: 20px;
        box-sizing: border-box;
        position: relative;
        left: 1px;
    }
    .dev2-list .dev2-time{
        font-size: 1.25rem;
        line-height: 1.6;
    }
    .dev2-p{
        margin: 1.875rem 0 0 0;
    }
    .dev2-p:before{
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #227ecc;
        display: block;
        position: absolute;
        left: -24.5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .dev2-list:nth-child(2n) .dev2-p:before{
        left: unset;
        right: -24.5px;
    }
    .dev2-list .dev2-time:before{
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #227ecc;
        display: block;
        position: absolute;
        left: -24.5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .dev2-list:nth-child(2n) .dev2-time:before{
        left: unset;
        right: -24.5px;
    }
    .dev-list2 .dev2-list:first-child{
        padding-top: 4rem;
    }
    .dev-all-itemss{
        margin: .75rem 0 0 0;
    }
    .yq{
        position: absolute;
        width: 24px;
        height: 24px;
        background: #dbf1fc;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        top: -12px;
        border-radius: 50%;
        z-index: 21;
    }
    .yq span{
        width: 8px;
        height: 8px;
        background: #4cb8ef;
        display: block;
        border-radius: 50%;
        position: relative;
        left: 50%;
        top: 50%;
        margin: -4px 0 0 -4px;
    }
    /* 鎴戜滑鐨勪环鍊艰 */
    .hor1-content2 {
        left: unset;
        right: 0;
    }
    .val-list1{
        margin: 2rem 0 0 0;
    }
    .about-list1 .val-list1 .val1-title{
        font-size: 0.9rem;
        line-height: 0.7rem;
        font-weight: bold;
    }
    .val1-list:nth-child(n+2){
        margin: .6rem 0 0 0;
    }
    .val1-title {
        font-family: "PINGFANG REGULAR_2";
    }
    /* 鏂伴椈鍒楄〃 */
    .all-banner img{
        width: 100%;
        margin-top: 2.25rem;
    }
    .all-navs2{
        margin-top: 0;
    }
    .all-banner-title{
        font-family: "PINGFANG REGULAR_2";
        position: absolute;
        left: 3.5rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .news1-list{
        width: 29.7%;
        margin-right: 5.45%;
        margin-bottom: 1.5rem;
        vertical-align: top;
    }
    .news1-list:nth-child(3n){
        margin-right: 0;
    }
    .news1-list .news1-img{
        overflow: hidden;
    }
    .news1-img img{
        width: 100%;
        transition: all .4s ease;
    }
    .news1-list:hover img{
        transform: scale(1.05);
    }
    .news1-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1;
    }
    .news1-lists{
        margin: 1.75rem 0 0 0;
        font-size: 0;
        /* overflow: hidden; */
    }
    .news1-content{
        padding:.75rem 1.15rem .55rem 0 ;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news1-txt{
        font-size: .65rem;
        line-height: .8rem;
        margin: 2px 0 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 1.62rem;    
    }
    .news-ckgd{
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background: url(../img/images/slh_68.jpg) right center no-repeat;
        padding-right: 28px;
        margin-top: -.25rem;
    }
    .news-list1:nth-child(2){
        margin-top: 2.75rem;
    }
    .news-ckgd:hover{
        color:#227ecc;
    }
    /* 鏂伴椈璇︽儏*/
    .newsd-list-all{
        background: #f7f7f7;
        padding: 0 3.5rem 3.75rem 3.5rem;
        box-sizing: border-box;
    }
    .newsd-all{
        width: 100%;
        background: #fff;
        padding: 2.25rem 7rem 5rem 7rem;
        box-sizing: border-box;
        margin-top: -2rem;
        position: relative;
        z-index: 50;
    }
    .newsd-all div,.newsd-all p {
        font-family: "PINGFANG REGULAR_2";
    }
    .newsd-main-title{
        text-align: center;
        line-height: 1.1;
    }
    .newsd-time{
        text-align: center;
    }
    .newsd-content{
        border-top:1px solid #dddddd;
        margin: .875rem 0 0 0;
        padding: 1.5rem 0 0 0;
    }
    .newsd-content p{
        line-height: 1.6;
    }
    .newsd-content img{
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }
    .newsd-page{
        display: flex;
        justify-content: space-between;
        margin: 2.75rem 0 0 0;
    }
    .newd-prev-2{
        line-height: 1.8;
    }
    .newd-prev{
        background: url(../img/jt2.png) left center no-repeat;
        background-size: 10px 16px;
        padding-left: 1.25rem;
        transition: all .4s ease;
    }
    .newd-prev,.newd-next{
        width: 10rem;
    }
    .newd-next{
        background: url(../img/jt3.png) right center no-repeat;
        background-size: 10px 16px;
        padding-right: 1.25rem;
        text-align: right;
        transition: all .4s ease;
    }
    .newd-prev div,.newd-next div{
        transition: color .4s ease;
    }
    .newd-prev:hover div,.newd-next:hover div{
        color:#0096db;
    }
    .newd-next:hover{
        background: url(../img/jt32.png) right center no-repeat;
    }
    .newd-prev:hover{
        background: url(../img/jt22.png) left center no-repeat;
    }
    .newsd-back{
        text-align: center;
    }
    .newsd-back div{
        transition: all .4s ease;
    }
    .newsd-back:hover div{
        color:#0096db;
    }
    /* 鎶曡祫鑰呭叧绯 */
    .inv1-lists{
        /* overflow: hidden; */
    }
    .inv1-list{
        width: 48.78%;
        padding: .75rem;
        box-sizing: border-box;
        background: #f7f7f7;
        display: flex;
        transition: all .4s ease;
        float: left;
        margin-right: 2.44%;
        margin-bottom: .75rem;
    }
    .inv1-list:nth-child(2n){
        margin-right: 0;
    }
    .inv1-list .inv1-img{
        width: 200px;
        overflow: hidden;
    }
    .inv1-img img{
        width: 100%;
        transition: all .4s ease;
    }
    .inv1-list:hover img{
        transform: scale(1.05);
    }
    .inv1-content{
        flex:1;
        padding-left: .75rem;
        box-sizing: border-box;
    }
    .inv1-title{
        /* font-size: .55rem; */
        line-height: .75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .inv1-txt{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.6;
        margin: .55rem 0 0 0;
    }
    .inv1-jt{
        font-size: 16px;
        color:#222;
        position: absolute;
        left: .75rem;
        bottom: 0;
        transition: all .4s ease;
    }
    .inv1-list:hover .inv1-jt{
        left: .9rem;
        color:#fff;
    }
    .inv1-list .inv1-content div{
        transition: all .4s ease;
    }
    .inv1-list:hover .inv1-content div{
        color:#fff;
    }
    .inv1-list:hover{
        background: #0096db;
    }
    .page-all {

        display: table;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .all-navs-add{
        font-size: 0;
        float: right;
    }
    .all-navs-add a{
        display: inline-block;
    }
    .all-navs-add a:after{
        content: "";
        width: 0%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #2382d3;
        display: block;
        transition: all .4s ease;
    }
    .all-navs-add a.on-add3:after{
        width: 100%;
    }
    .all-navs-add a:hover:after{
        width: 100%;
    }
    .all-navs-add a:nth-child(n+2){
        margin-left: 1.125rem;
    }
    .add-all{
        display: flex;
    }
    .all-navs3{
        justify-content: space-between;
        padding: 0 3.5rem 0 1.5rem;
    }
    .crv-img img{
        width: 100%;
        margin: 1.5rem 0 2rem 0;
    }
    .pro-img img{
        width: 100%;
        margin: 1.1rem 0 2rem 0;
    }
    .crv1-title{
        font-size: 1rem;
        line-height: 1.2;
        margin-bottom: .875rem;
        font-family: "PINGFANG REGULAR_2";
    }
    .crv1-txt p {
        line-height: 1.5;

        font-family: "PINGFANG MEDIUM_2" !important;
    }
    .crv1-content{
        padding-left: 25px;
        box-sizing: border-box;
        position: relative;
    }
    .crv1-content:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 100%;
        background: #2382d3;
        display: block;
    }
    .crv2-items{
        display: flex;
        justify-content: space-between;
        margin: 2rem 0 0 0;
    }
    .crv2-left{
        width: 49.4%;
    }
    .crv2-left img{
        width: 100%;
    }
    .crv2-content{
        top:2.5rem;
        left: 0;
        padding: 0 2rem;
        box-sizing: border-box;
    }
    .crv2-title{
        font-size: 1rem;
        line-height: 1.2;
        font-family: "PINGFANG REGULAR_2";
    }
    .crv2-txt {
        line-height: 1.5;
        margin: .625rem 0 0 0;
    }
    .crv3-items{
        margin-top: .5rem;
    }
    .crv3-items img{
        width: 100%;
    }
    .crv3-content{
        width: 100%;
        text-align: center;
        top:50%;
        transform: translateY(-50%);
        left: 0;
    }
    .crv3-title{
        line-height: 1.2;
        font-family: "PINGFANG REGULAR_2";
    }
    .crv3-content span{
        width: 1.75rem;
        height: 2px;
        background: #fff;
        display: block;
        margin: 0 auto;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }
    .crv3-txt {
        line-height: 1.5;
    }
    .about1-all2{
        padding: 2.25rem 3rem 3.25rem 3rem;
    }
    /* 椤圭洰 */
    .crv1-title{
        margin: 2.375rem 0 1.4rem 0;
    }
    .pro2-lists{
        width: 100%;
        padding: 1rem 2.2rem 0 2.2rem;
        background: #227ecc;
        box-sizing: border-box;
    }
    .pro2-lf-txt{
        width: 13.75rem;
        line-height: 1.6;
        min-height: 5rem;
        margin: 1.1rem 0 0 0;
    }
    .pro2-lf-stitle{
        margin: 1.75rem 0 .5rem 0;
    }
    .pro2-lf-li{
        width: 48.125%;
        display: flex;
        justify-content: space-between;
        border-top:2px solid #fff;
        padding: .4rem 0 0 0;
        margin-bottom: 1.25rem;
        float: left;
    }
    .pro2-lfli-txt span{
        font-size: 1.1rem;
        line-height: 1rem;
        font-family: "BEBAS__";
    }
    .pro2-lfli-title{
        font-family: "PINGFANG REGULAR_2";
    }
    .pro2-left{
        width: 48.78%;
    }
    .pro2-lfli-txt{
        line-height: 1.2;
    }
    .pro2-lf-item{
        overflow: hidden;
    }
    .pro2-lf-li:nth-child(2n){
        margin-left: 3.75%;
    }
    .pro2-right{
        right: 2.2rem;
        top: 1rem;

    }
    .pro2-right img{
        width: 17.05rem;
    }
    /* 鍏泭 */
    .wr1-content{
        margin:1.3rem 0 0 0;
    }
    .wr2-item{
        display: flex;
    }
    .wr-list2 img{
        width: 100%;
    }
    .wr2-left{
        background: #fff;
        padding:  3.5rem 3rem;
        box-sizing: border-box;
    }
    .wr2-left,.wr2-right{
        width: 50%;
    }
    .wr2-right img{
        width: 100%;
    }
    .wr2-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.15;
    }
    .wr2-left span{
        width: 1.125rem;
        height: 2px;
        background: #0096db;
        display: block;
        margin: 1.4rem 0 0 0;
    }
    .wr2-txt{
        position: absolute;
        bottom: 0;
        font-family: "PINGFANG REGULAR_2";
    }
    .wr2-lf-content{
        height: 100%;
    }
    .wr2-item:nth-child(2n){
        /* flex-flow: row-reverse */
    }
    .ev2-list{
        width: 30.48%;
    }
    .ev2-img img{
        transition: all .4s ease;
        width: 100%;
    }
    .ev2-img{
        overflow: hidden;
    }
    .ev2-list:hover img{
        transform: scale(1.05);
    }
    .ev2-title{
        margin: .5rem 0;
        font-family: "PINGFANG REGULAR_2";
    }
    .ev2-txt{
        font-size: 15px;
        line-height: 1.7;
        font-family: "PINGFANG REGULAR_2";
    }
    .ev2-list{
        display: inline-block;
    }
    .ev-list2{
        font-size: 0;
        display: flex;
        justify-content: space-between;
    }
    .ev-list3{
        display: flex;
    }
    .ev3-left{
        background: #fff;
        padding: 0 3rem;
    }
    .ev3-right,.ev3-left{
        width: 50%;
    }
    .ev3-rt-top,.ev3-rt-bot{
        padding: 0 3rem;
        box-sizing: border-box;
        height: 8.5rem;
        width: 100%;
    }
    .ev3-rt-top{
        background: #0096db;
    }
    .ev3-rttp-title{
        font-family: "PINGFANG REGULAR_2";
    /* border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 0 0 .55rem 0;
    margin-bottom: .75rem; */
    font-size: 1rem;
    line-height: 1.2;
}
.ev3-rttp-content{
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.ev3-rttp1-txt{
    font-family: "BEBAS__";
}
.ev3-rttp1-txt span{
    font-size: 1.5rem;
    line-height: 1.1;
}
.ev3-rttp1-txt b{
    font-size: .5rem;
    font-family: "PINGFANG REGULAR_2";
    margin-left: 5px;
}
.ev3-rttp1-title{
    line-height: 1.7;
}
.ev3-rttp-txt{
    display: flex;
    justify-content: space-between;
}
.ev3-all-rt{
    width: 100%;
    height: 100%;
}
.ev3-rtbt-content{
    font-size: 1rem;
    line-height: 1.2;
    top: 50%;
    transform: translateY(-50%);
    font-family: "PINGFANG REGULAR_2";
}
.ev3-lf-txt{
    line-height: 1.7;
}
.ev3-lf-title{
    font-family: "PINGFANG REGULAR_2";
    margin-bottom: .625rem;
}
.ev3-lf-all{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.ev3-lf-items{
    width: 100%;height:100%;
}
.ev3-lf-txt2{
    display: flex;
    color:#0096db;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.6;
}
.ev3-lf-txt2 span{
    font-size: 1.5rem;
    line-height: 1.5rem;
    color:#0096db;
    font-family: "PINGFANG BOLD_2";
    display: inline-block;
}
.ev3-lf-txt2{
    font-size: 0;
    border-top:1px solid #f1f1f1;
    margin: 1.6rem 0 0 0;
    padding: 1.6rem 0 0 0;
}
.ev3-lf-txt2 div{
    display: inline-block;
    margin: 0 5px;
}
/* 鑱屼笟鍙戝睍 */
.all-navs-right a.on-add3{
    color:#0096db;
}
.crv1-txt p{
    font-family: "PINGFANG REGULAR_2";
}
.about1-all3{
    padding: 2.3rem 3rem 3rem 3rem;
}
.con1-left,.con1-right{
    width: 50%;
}
.con1-right img{
    width: 100%;
}
.con-list1{
    display: flex;
}
.con1-left{
    background: #038ac8;
    padding: 0 3rem;
    box-sizing: border-box;
}
.con1-lf-txt p {
    line-height: 1.6;
}
.con1-lf-content div{
    font-family: "PINGFANG REGULAR_2";
}
.con1-lf-title{
    line-height: 1.2;
}
.con1-left-items{
    width: 100%;
    height: 100%;
    position: relative;
}
.con1-lf-txt{
    margin: 1.2rem 0 1rem 0;
    min-height: 6rem;
}
.con1-lf-content{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.con1-lf-title2{
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 0 0 .5rem 0;
    margin: 0 0 .55rem 0;
}
.con1-lf-li{
    display: inline-block;
    margin-right: 1.125rem;
    line-height: 1.9;
}
.con1-lf-lis{
    font-size: 0;
}
.con1-lf-li:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: .3rem;
    vertical-align: middle;
}
.con1-left2{
    background: #fff;
}
.con1-left2 img{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.con12-title{
    line-height: 1.2;
}
.con12-left{
    width: 50%;
}
.con12-content{
    display: flex;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: .2rem;
    position: relative;
    z-index: 20;
}
.con12-left:before{
    content: "";
    width: 5px;
    height: 5px;
    background: #0096db;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
}
.con12-content:last-child{
    border-bottom: none;
}
.con12-content:nth-child(n+2){
    margin-top: .25rem;
}
.con12-title {
    min-height:6em;
    margin-bottom: 1.4rem;
}
.con1-left-items{
    z-index: 20;
}
.all-banner2{
    top: 50%;
    transform: translateY(-50%);
    padding-left: 3.5rem;
    box-sizing: border-box;
}
.all2-txt{
    line-height: 1.8;
    margin: .25rem 0 0 0;
}
.job1-list-title{
    font-size: 15px;
}
.job-list1{
    width: 23.17%;
    /* flex:1; */
    display: flex;
    align-items: center;
}
.job-list1 .select{
    box-sizing: border-box;
    /* width: 22.5%; */
    height: 45px;
    font-size: 15px;
    background-color: #f0f0f0;
    position: relative;
    flex:1;
    /* border:1px solid #dbdbdb; */
    display: inline-block;
    margin-left: .25rem;
}
.job-list1 .select:after{
    content:'';
    display:block;
    width: 0;
    height: 0;
    border-width:7px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    position:absolute;
    top:20px;
    right: .5rem;
    transform-origin: 50% 0;
    /* transition: transfrom .3s ease-in,top .3s  ease-out; */
}
.job-list1{
    position: relative;
    z-index: 25;
    margin-right: 3.5%;
}
.job-list1 .select p{
    font-size: 15px;
    padding: 0 .5rem;
    line-height: 45px;
    cursor: pointer;
    color:#333;
    position: relative;
    z-index: 99;
}
.job-list1{
}
.job-list1 .select ul{
    list-style-type:none;
    background-color: #f0f0f0;
    width: 100%;
    overflow-y:auto;
    position: absolute;;
    top: 45px;
    left: 0;
    max-height: 0;
    z-index: 20;
}
.job-list1 .select ul li{
    padding: 0 .5rem;
    line-height: 40px;
    cursor: pointer;
    color:#666;
    transition: all .3s ease 0s;
}
.job-list1 .select ul li .pro-tt{
    color:#666;
}
.job-list1 .select ul li:last-child{
    border-bottom:1px solid #d4d4d4;
}
.job-list1.select ul li .pro-tt:hover{
    color: #005bab !important;
}
.job-list1 .select ul li .pro1-mulu-add span:hover {
    color: #005bab !important;
}
.job-list1 .select ul li.selected{
    color: #005bab;
}
@-webkit-keyframes slide-down{
    0%{transform: scale(1,0);}
    25%{transform: scale(1,1.2);}
    50%{transform: scale(1,0.85);}
    75%{transform: scale(1,1.05);}
    100%{transform: scale(1,1);}
}
.job-list1 .select.open ul{
    max-height: 250px;
    transform-origin: 50% 0;
    /* -webkit-animation:slide-down .5s ease-in; */
    transition: max-height .5s ease-out;
}
.job-list1 .select.open:after{
    transform: rotate(-180deg);
    top: 28px;
    transition: all .3s ease-in;
}
.job-list1-all{
    display: flex;
    margin: 1.1rem 0 0 0;
}
.job-list1-all a{
    width: 4rem;
    height: 45px;
    background: #0096db;
    text-align: center;
    line-height: 45px;
}
.job1-form ul li{
    width: 100%;
    
}
.job1-form ul li div{
    font-size: 15px;
    line-height: 1.2;
    color:#666;
}
.job1-t2{
    width: 13.3%;
}
.job1-t1{
    width: 16.5%;
}
.job1-form ul li{
    cursor: pointer;
}
.job1-form ul li:nth-child(2n) .job1-top{
    background: #f7f7f7;
}
.job1-form{
    margin-top: .75rem;
}
.job1-img2{
    display: none;
}
.job1-t3 img{
    max-width: 100%;
    width: 20px;
}
.job1-top{
    width: 100%;
    display: flex;
    padding:.65rem .75rem !important;
    box-sizing: border-box;
    background: #fff;
    transition: all .2s ease;
}
.job1-top.on-job1 .job1-img1{
    display: none !important;
}
.job1-top.on-job1 .job1-img2{
    display: block !important;
}
.job1-form ul li .job1-top.on-job1{
    background: #0096db;
}
.job1-form ul li .job1-top.on-job1 .job1-t1{
    color:#fff;
}
.job1-form ul li .job1-top.on-job1 .job1-t2{
    color:transparent;
}
.job1-bot{
    border:3px solid #0096db;
    border-top:none;
    padding:1.55rem 1.5rem 1.875rem 1.5rem;
    box-sizing: border-box;
}
.cl33{
    color:#333;
}
.job1-bttp-txt{
    margin: .625rem 0 0 0;
}
.job1-bttp-txt p{
    font-size: 15px;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.9;
}
.job1-bttp-left{
    width: 50.5%;
}
.job1-bttp-title{
    font-family: "PINGFANG BOLD_2";
    
}
.job1-bttp-right{
    width: 37.5%;
}
.job1-bt-top{
    display: flex;
    justify-content: space-between;
}
.job1-btmid-txt{
    margin: .25rem 0 0 0;
}
.job1-btmid-txt p{
    font-size: 15px;
    font-family: "PINGFANG REGULAR_2";
}
.job1-bt-mid{
    margin: 1.25rem 0 1.125rem 0;
}
.form1-scwj{
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 10px;
}
.form1-submit-all{
    display: block;
    position: absolute;
    left:185px;
    top: 0;
    /* margin-top: .5rem; */
}
.form-horizontal .control-group{
    border:none !important;
}
.job1-bt-btn,.form1-submit-all input{
    width: 170px;
    height: 50px;
    border-radius: 30px;
    background: #2382d3;
    color:#fff !important;
    text-align: center;
    line-height: 50px!important;
    border:1px solid transparent;
    transition: all .4s ease;
    box-sizing: border-box;
}
.job1-bt-btn:hover{
    color:#2382d3!important;
    background: #fff!important;
    border:1px solid #2382d3!important;
}
.job1-bot{
    display: none;
}
.job1-zkgd{
    font-family: "PINGFANG REGULAR_2";
    font-size: 15px;
    text-align: center;
    margin: .5rem 0 0 0;
    cursor: pointer;
}
.job1-zkgd:after{
    content: "";
    width: 11px;
    height: 7px;
    background: url(../img/jt5.png) center center no-repeat;
    background-size: 11px 7px;display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
.job2-title{
    margin: 1.8rem 0 .3rem 0;
}
.job2-txt {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 2rem;
}
.job2-left,.job2-right{
    width: 49.4%;
    padding: 1.7rem 1.5rem;
    box-sizing: border-box;
}
.job2-left{
    background: #2382d3;
}
.job2-right{
    background: #3ba773;
}
.job2-content{
    width: 100%;
    display: flex;
    margin-top: 1rem;
    justify-content: space-between;
}
.job2-lf-txt p:before{
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
.job2-lf-title{
    line-height: 1.2;
    margin-bottom: 1rem;
}
.job2-left .job2-lf-title:before{
    content: "";
    width: 31px;
    height: 27px;
    background: url(../img/xs.png) left center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: .35rem;
}
.job2-right .job2-lf-title:before{
    content: "";
    width: 33px;
    height: 31px;
    background: url(../img/dyj.png) left center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: .35rem;
}
.job2-logo{
    font-size: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}
.job2-logo a{
    width: 4.5rem;
    border:1px solid #eeeeee;
    box-sizing: border-box;
    margin-right: .625rem;
}
.job2-logo img{
    width: 100%;
}
#container{
    width: 100%;
    height: 9.5rem;
}
#container img{
    width: 4rem;
}
.job2-txt2{
    margin-top: .75rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.1rem;
    font-family: "PINGFANG REGULAR_2";
}
.job3-navs-title,.job3-navs-title2{
    width: 25%;
    background: #eeeeee;
    border:1px solid #eee;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    transition: all .4s ease;
    text-align: center;
    cursor: pointer;
}
.job3-navs{
    display: flex;
}
.job3-navs-title.on-job3,.job3-navs-title2.on-job3{
    background: #fff;
}
.job3-navs-title:hover,.job3-navs-title2:hover{
    background: #fff;
}
.job3-content{
    border:1px solid #eee;
    border-top:none;
    padding: 0 2rem .6rem 2rem;
    box-sizing: border-box;
}
.job3-con-title{
    line-height: 1.4;
    margin-bottom: .6rem;
    font-family: "PINGFANG BOLD_2";
}
.job3-con-txt p{
    font-size: 15px;
    font-family: "PINGFANG MEDIUM_2";
}
.job3-con-all{
    padding: 1.125rem 0;
    border-bottom: 1px solid #eee;
}
.job3-content .job3-con-all:last-child{
    border-bottom: none;
}

.job3-content,.job4-items{
    display: none;
}
.job3-content.on-job32,.job4-items.on-job32{
    display: block !important;
}
.job2-title,.job2-lf-txt p,.job4-content{
    font-family: "PINGFANG MEDIUM_2";
}
.job2-title22{
    margin: -.25rem 0 .3rem 0;
}
.job3-navs-title2{
    width: 50%;
}
.job4-items{
    width: 100%;
    font-size: 0;
}
.job4-item{
    width: 48.17%;

}
.job4-nav{
    padding: .4rem .875rem;
    box-sizing: border-box;
    background: #0096db;
}
.job4-item{
    margin-top: 1.5rem;
}
.job4-nav{
    font-family: "PINGFANG BOLD_2";
    line-height: 1.5;
}
.job4-content{
    padding: .75rem .875rem .5rem .875rem;
    min-height: 5.75rem;
    box-sizing: border-box;
    background: #f7f7f7;
}
.job4-content p{
    line-height: 1.8;
}
.job4-item{
    display: inline-block;
    vertical-align: top;
}
.job4-item:nth-child(2n){
    margin-left: 3.65%;
}
.com1-txt{
    width: 21.5rem;
}
.com-list2 img{
    width: 100%;
}
body .about-list1:first-child{
    padding: .5rem;
}
.com2-content{
    position: absolute;
    width:21.6rem;
    top: 3.75rem;
    left: 3rem;
}
.com2-title{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.2;
}
.com2-txt{
    font-size: .55rem;
    line-height: 1.6;
    margin-top: 1.3rem;
    /* font-family: "PINGFANG REGULAR_2"; */
}
.com3-left{
    width: 49.4%;
}
.com3-left img{
    width: 100%;
}
.com-list3{
    display: flex;
    justify-content: space-between;
    margin: 1.7rem 0 0 0;
}
.com3-title{
    font-size: 1rem;
    line-height: 1.1rem;
    font-family: "PINGFANG REGULAR_2";
}
.com3-content{
    position: absolute;
    width: 100%;
    padding: 0 2.5rem;
    box-sizing: border-box;
    top:3rem
}
.com3-txt{
    line-height: 1.6;
    margin-top: .8rem;
    font-family: "PINGFANG MEDIUM_2";
}
.com-list3-stitle{
    font-size: 1rem;
    line-height: 1.1rem;
    font-family: "PINGFANG MEDIUM_2";
    margin: 2.25rem 0 .8rem 0;
}
.com-list3-stxt{
    /* width: 21rem; */
    line-height: 1.5;

}
.com3-s1{
    width: 1.75rem;
    height: 2px;
    background: #fff;
    display: block;
    margin: 1rem 0 .5rem 0;
}
.com4-content{
    position: absolute;
    left: 3rem;
    top: 7rem;
    width: 17rem;
}
.com4-content .com2-txt{
    /* font-size: .45rem; */
    margin-top: 1.2rem;
}
.com-list5{
    display: flex;
    width: 100%;
}
.com5-left{
    width: 50%;
}
.com5-left2{
    background: #fff;
    padding: 3rem;
    box-sizing: border-box;
}
.com5-title{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.2;
}
.com5-txt{
    line-height: 1.6;
    margin: 8rem 0 0 0;
}
/* 鏍稿績keji */
.tec-list1{
    width: 100%;
    background: #fff;
    padding: 3.25rem 0 2.75rem 0;
    overflow: hidden;
}
.tec-list1 img{
    float: right;
}
.tec1-content{
    left: 3rem;
    top: 20%;
    /* transform: translateY(-50%); */
    width: 14rem;
}
.tec1-content .com5-txt{
    margin-top: 4rem;
}
.tec2-title{
    line-height: 1.2;
    font-family: "PINGFANG REGULAR_2";
}
.tec2-content  p{
    font-family: "PINGFANG BOLD_2";
    padding: .35rem 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.tec2-content p:last-child{
    border-bottom: none;
}
.tec2-content p:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}
.tec2-content{
    margin-top: 6rem;
}
.tec3-left{
    width: 47.56%;
    background: #f7f7f7;
    padding: 1.375rem .5rem 1.625rem .5rem;
    box-sizing: border-box;
}
.tec-list3{
    display: flex;
    justify-content: space-between;
    margin: 1.75rem 0 0 0;
}
.tec3-content{
    width: 100%;
    height: 100%;
}
.tec3-content img{
    width: 100%;
}
.tec3-title{
    line-height: 1.2;
    font-family: "PINGFANG BOLD_2";
    margin-bottom: 1rem;
    text-align: center;
}
.s1{
    width: 1.75rem;
    height: 2px;
    display: block;
    background: #fff;
    margin: 1rem 0 0 0;
}
.tal1-txt{
    position: absolute;
    left: 0;
    bottom: 3.75rem;
}
.tal1-txt p {
    font-family: "PINGFANG MEDIUM_2";
    line-height: 1.6;
}
.tal1-lf-content{
    width: 100%;
    position: absolute;
    top: 3.5rem;
}
.tal4-left{
    width: 230px;
}
.tal4-left img{
    width: 100%;
    transition: all .4s ease;
}
.tal4-list{
    display: flex;
}
.tal4-right{
    width: calc(100% - 230px);
    padding-left: 1.2rem;
    box-sizing: border-box  ;
}
.tal-list4{
    margin: .75rem 0 0 0;
}
.tal4-list{
    padding: 1.125rem 0;
    border-bottom: 1px solid #dddddd;
}
.tal4-list:last-child{
    border-bottom: none;
}
.about1-all4{
    padding:2.25rem 3rem 2.25rem 3rem;
}
.tal4-left{
    overflow: hidden;
}
.tal4-list:hover img{
    transform: scale(1.05);
}
.tal4-title{
    font-size: .55rem;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.2;
}
.tal4-stitle{
    line-height: 1.5;
    font-family: "PINGFANG MEDIUM_2";
    margin: .25rem 0 0 0;
}
.tal4-content{
    /* width: 100%; */
    line-height: 1.6;
    /* height: 3.2rem; */
    /* overflow-y: scroll; */
    position: absolute;
    bottom: 0;
    left: 1.2rem;
}
.tal4-content p:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0595d7;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
/* 鍝佽川 */
.qua2-txt{
    margin-top: 1.4rem;
    line-height: 1.5;
    font-family: "PINGFANG MEDIUM_2";
}
.qua2-li-2{
    font-size: 15px;
    margin-top: .2rem;
}
.qua2-li-1{
    font-family: "PINGFANG REGULAR_2";
}
.qua2-li-1 span{
    font-size: 1.75rem;
    line-height: 1.2;
    font-family: "BEBAS__";
}
.qua2-li{
    display: inline-block;
}
.qua1-txt{
    font-size: 0;
}
.qua1-s1{
    width: 1px;
    height: 2.75rem;
    background: #fff;
    display: inline-block;
    margin: 0 1.4rem;
}
.qua3-list{
    width: 32.3%;
    display: inline-block;
    margin-right: 1.55%;
    vertical-align: top;
}
.qua3-list:nth-child(3n){
    margin-right: 0;
}
.qua-list3{
    font-size: 0;
    margin: 1.5rem 0 0 0;
}
.qua3-img{
    overflow: hidden;
}
.qua3-img img{
    width: 100%;
    transition: all .4s ease;
}
.qua3-list:hover img{
    transform: scale(1.05);
}
.qua3-title{
    line-height: 1.3;
    font-family: "PINGFANG BOLD_2";
    margin: .6rem 0 .35rem 0;
}
.qua3-content{

}
.qua3-txt{
    line-height: 1.6;
    font-family: "PINGFANG MEDIUM_2";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.qua5-txt p{
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: .4rem 0;
}
.qua5-txt p:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.qua5-txt{
    bottom: 2.75rem;
}
.kow1-left{
    width: calc(100% - 1120px);
}
.kow1-right{
    width: 950px;
}
.kow1-all-lists{
    display: flex;
    justify-content: space-between;
}
.kow1-txt{
    line-height: 1.6;
    margin: 1.1rem 0 0 0;
}
.kow1-time{
    font-size: 12px;
    line-height: 1.2;
    font-family: "PINGFANG BOLD_2";
    right: .15rem;
    bottom: .15rem;
}
.kow1-rt-1{
    width: 46.3%;
}
.kow1-rt-2{
    width: 25.3%;
}
.kow1-rt-3{
    width: 24.2%;
}
.kow1-rt-all{
    display: flex;
    justify-content: space-between;
    margin:  0 0 .6rem 0;
}
.kow1-rt-title {
    width: 100%;
    text-align: center;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.2;
    background: #0096db;
    padding: .25rem 0;
}
.kow1-rt-items{
    border:1px solid #0096db;
    padding: .5rem 0 .8rem 0;
    box-sizing: border-box;
    border-top:none;
}
.kow1-rt-item{
}

.kow1-rtit-title{
    color:#0096db;
    font-family: "PINGFANG BOLD_2";
}
.kow1-rtit-title span{

    font-size: 1rem;
    line-height: 1.15;
    font-family: "BEBAS__";
}
.kow1-rtit-txt{
    font-size: 15px;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.5;
}
.kow1-rt-items{
    text-align: center;
    font-size: 0;
}
.kow1-rt-item{
    display: inline-block;
    margin: 0 .5rem;
}
.kow2-all-lists{
    border-top:1px solid #eeeeee;
    padding: 4rem 3rem;
    background: #fff;
}
.kow2-lbs .swiper-slide img {
    width: 100%;
}
.kow2-lbs .swiper-slide {
    width: 6.25rem;
    border:1px solid #ddd;
    box-sizing: border-box;
}
.kow2-lbs{
    width: 1640px;
    margin: 0 auto;
    overflow: hidden;
}
/* 浜у搧鐮斿彂.css */
.res1-title-rg{
    width: 20.5rem;
    line-height: 1.2;
}
.res1-content{
    left: 2rem;
    padding: 0;
}
.res-list1{
    margin: 1.5rem 0 2.7rem 0;
}
.res2-all-title{
    font-size: 1rem;
    line-height: 1.2;
    font-family: "PINGFANG MEDIUM_2";
}
.res2-all-txt{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.8;
    margin: .6rem 0 1.75rem 0;
}
.res2-li-top{
    height: 3rem;
    line-height: 3rem;
}
.res2-li-content{
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
}
.res2-li-title{
    font-family: "PINGFANG BOLD_2";
    line-height: 1.2;
}
.res2-li-txt{
    font-family: "PINGFANG BOLD_2";
    line-height: 1.2;
}
.res2-bt-li table{
    width: 100%;
}
.res2-bt-li tr:nth-child(2) td{
    border-top: 1px solid #ddd;
}
.res2-bt-li tr:nth-child(n+3){
    background: #f7f7f7;
    position: relative;
}
.res2-bt-li tr:nth-child(n+3) td{
    height: 2rem;
    line-height: 2rem;
}
.res2-bt-li tr td{
    width: 10%;
    position: relative;
    font-size: 16px;
    text-align: center;
    color:#222;
    border-right: 1px solid #ddd;
    height: 1rem;
    line-height: 1rem;
    box-sizing: border-box;
}
.res2-bt-li tr{
    box-sizing: border-box;
}
.res2-bt-li tr td:last-child{
    border-right: none;
}
.tr-hide{
    color:transparent;
}
.res2-s1{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 101%;
    height: 10px;
    background: #39b890;
    display: block;
    opacity: 0;
}
.res2-list:nth-child(n+2){
    margin-top: 1.25rem;
}
.ls-on{
    background: #39b890;
    opacity: 1;
}
.hs-on{
    background: #fc9c3d;
    opacity: 1;
}
.ls-on2{
    width: 49% !important;
    background: #39b890;
    opacity: 1;
}
.hs-on2{
    width: 49% !important;
    background: #fc9c3d;
    opacity: 1;
}
.res2-s1.ls-on2:after{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../img/ls.png) center center no-repeat;
    background-size:18px 18px ;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.res2-s1.hs-on2:after{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../img/hs.png) center center no-repeat;
    background-size:18px 18px ;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.res4-title{
    font-size: .75rem;
    line-height: 1.2;
    font-family: "PINGFANG BOLD_2";
}
.res1-titles{
    font-family: "PINGFANG MEDIUM_2";
}
.res4-txt{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.75;
    margin: .5rem 0 0 0;
}
.res-list4{
    margin: 1.54rem 0 0 0;
}
.res4-list:nth-child(n+2){
    margin: 1.875rem 0 0 0;
}
/* 璋婄敓鎬?css */
.int-list1 img{
    width: 100%;
}
.int1-items{
    width: 940px;
    left: 3rem;
    top: 2.75rem;
}
.int1-title{
    font-family: "PINGFANG BOLD_2";
    line-height: 1.5;
}
.int0-img{
    position: relative;
    z-index: 99;
}
.int0-img img{
    width: 900px;
}
.int1-content{
    font-size: 0;
    padding: .875rem 0 0 0;
    margin: .7rem 0 0 0;
    border-top:1px solid rgba(255,255,255,.3);
}
.int1-content div{
    font-family: "PINGFANG REGULAR_2";
    width: 50%;
    display: inline-block;
    padding-right: .25rem;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 1.5;
    margin-bottom: .25rem;
}
.int1-content div:before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: .25rem;
}
.int-list2{
    text-align: center;
    background: #fff;;
    padding: 3.5rem 3rem;
    box-sizing: border-box;
}
.int2-title{
    line-height: 1.2;
    font-family: "PINGFANG REGULAR_2";
}
.int2-txt{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.85;
    margin: .5rem 0 0 0;
}
.int3-egtitle{
    font-family: "PINGFANG MEDIUM_2";
    line-height: 1.8;
    margin: 1.625rem 0 0 0;
}
.int3-egstitle{
    width: 21rem;
    font-family: "PINGFANG MEDIUM_2";
    line-height: 1.7;
}
.int3-item{
    width: 48.78%;
    height: 8rem;
}
.int3-items{
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.int3-content{
    text-align: center;
    width: 100%;
    padding: 0 .5rem;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}
.int3-content img{
    max-width: 100%;
    width: unset;
}
.int3-title{
    font-size: .55rem;
    margin: .15rem 0 0 0;
}
.int3-content div{
    font-family: "PINGFANG BOLD_2";
}
.int3-content a{
    width: 4.25rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    background: #fff;
    display: block;
    margin: 0 auto;
    border-radius: 25px;
    color:#0096db;
    margin-top: .75rem;
}
.int4-list{
    width: 100%;
    background: #f7f7f7;
    padding: .65rem 2rem;
    box-sizing: border-box;
    display: flex;
}
.int4-left,.int4-right{
    width: 50%;
}
.int4-left div{
    font-family: "PINGFANG BOLD_2";
    line-height: 1.8;
}
.int4-txt{
    font-family: "PINGFANG MEDIUM_2";
    line-height: 1.8;
}
.int4-list:nth-child(2n){
    background: #fff;
}
.int4-lists-all{
    margin-top: 1rem;
}
.int5-s1{
    width: 1.55rem;
    height: 2px;
    background: #0096db;
    display: block;
    margin: 1.25rem 0 1.2rem;
}
.int5-all-txt{
    line-height: 1.7;
    font-family: "PINGFANG REGULAR_2";
}
.int5-items{
    padding: 0 2rem;
    box-sizing: border-box;
    margin-top: 1.5rem;
}
.int5-item{
    width: 100%;
    margin-bottom: .25rem;
}
.int5-left{
    display: flex;
    width: 100%;
}
.int5-item-time{
    padding-left: 1rem;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 2px solid #eee;
    padding-bottom: .425rem;
}
.int5-item-time:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #0096db;
    display: block;
    bottom: -5px;
    left: 1rem;
    border-radius: 50%;
}
.int5-item-time.on-int5:after{
    background: transparent !important;
}
.int5-item-txt{
    padding-left: 1rem;
    box-sizing: border-box;
    width: 50%;
    min-height: 3.2rem;
    height: 3.2rem;
    overflow-y: scroll;
}
.int5-item-time{
    color:#0096db;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.3;
}
.int5-item-time span{
    font-family: "PINGFANG REGULAR_2";
}
.int5-item-txt{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.7;
    margin: .65rem 0 0 0;
}
/* .int5-s2{
    width: 100%;
    position: absolute;
    left: 0;
    top:1.4rem;
    height:2px;
    background: #eeeeee;
    } */
    .ip-left,.ip-right{
        width:2rem;
        height:5.5rem;
        border-radius:50px 0 0 50px;
        background:transparent;
        border:2px solid #eee;
        border-right: none;
        left: -2rem;
        top:  1.4rem;
    }
    .ip-right{
        border-left: none;
        left: unset;
        border-radius:0 50px 50px 0;
        border-right: 2px solid #eee;
        right: -1.9rem;
    }
    .int-list6{
        display: flex;
    }
    .int6-right img{
        width: 100%;
    }
    .int6-left,.int6-right{
        width: 50%;
    }
    .int6-left{
        background: #fff;
        padding: 2.75rem 3rem  3.6rem 3rem;
        box-sizing: border-box;
    }
    .int6-lf-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.12;
    }
    .int6-lf-content{
        width: 100%;
        height: 100%;
    }
    .int6-lf-txt{
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .int6-lf-txt  p {
        line-height: 1.5;
        font-family: "PINGFANG MEDIUM_2";
    }
    .int-list7{
        display: flex;
        justify-content: space-between;
    }
    .int7-left{
        width: 49.46%;
        background: #fff;
    }
    .int7-lf-top{
        padding: 2.5rem 3rem 1.25rem 3rem;
        box-sizing: border-box;
        background: #fff;
    }
    .int7-lftp-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.1;   
    }
    .int7-lftp-txt{
        line-height: 1.6;
        margin: 1.3rem 0 0 0;
    }
    .int-list8 .about1-title{
        text-align: center;
    }
    .int8-all-txt{
        font-family: "PINGFANG REGULAR_2";
        text-align: center; 
        margin: .5rem 0 2.5rem 0;
    }
    .int8-all-items {
        text-align: center;
    }
    .int8-all-items img{
        width: unset;
    }
    .int8-all-nq{
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -230px 0 0 -233px;
        transform: rotate(0);
        animation: scroll 6s infinite linear;
    }
    @keyframes scroll{
        100%{
            transform: rotate(360deg);
        }
    }

    .int8-list-title{
        line-height: 1.5;
        font-family: "PINGFANG BOLD_2";
    }
    .int8-list-txt{
        line-height: 1.6;
        font-family: "PINGFANG MEDIUM_2";
        min-height: 1.25rem;
    }
    .int8-list1{
        left: 50%;
        transform: translateX(-50%);
        top: -2rem;
    }
    .int8-list2 {
        width: 11.4rem;
        text-align: right;
        left: 4rem;
        bottom: -.5rem;
    }
    .int8-list3{
        width: 13.75rem;
        text-align: left;
        right: 1.5rem;
        bottom: -.5rem;
    }
    .int8-list3 .int8-list-txt,
    .int8-list2 .int8-list-txt{
        margin-top: .45rem;
    }
    #wave {

    }
    .int-list9{
        background: #0096db;
        height: 14.75rem;
        position: relative;
        padding: 3rem 3rem 0 3rem;
        box-sizing: border-box;
    }
    #wave{
        height: 8rem;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 200;
    }
    .int9-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.15;
        text-align: center;
    }
    .int9-title span{
        font-size: .6rem;
        display: inline-block;
        vertical-align: super;
    }
    .int9-txt{
        font-family: "PINGFANG REGULAR_2";
        text-align: center;
        line-height: 1.65;
        margin: .55rem 0 0 0;
    }
    .int9-img-all{
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 250;
    }
    .int10-all-items{
        padding: 2.75rem 3rem 2.5rem 3rem;
        box-sizing: border-box;
        background: #fff;
    }
    .int10-lb{
        overflow: hidden;
    }
    .int10-lb{
        margin: 2.75rem 0 0 0;
    }
    .slide10-img{
        overflow: hidden;
    }
    .slide10-img img{
        transition: all .4s ease;
    }
    .int10-lb .swiper-wrapper .swiper-slide{
        /* width: 12.5rem; */
    }
    .int10-lb .swiper-slide:hover .slide10-img img{
        transform: scale(1.05);
    }
    .slide10-txt{
        font-size: .55rem;
        height: 1.3rem;
        line-height: 1.2;
        font-family: "PINGFANG MEDIUM_2";
        margin: .25rem 0 .875rem 0;
    }
    .slide10-content{
        padding: .5rem 0 0 0;
    }
    .slide10-fl{
        font-family: "PINGFANG MEDIUM_2";
        background: url(../img/bq.png) left center no-repeat;
        background-size: 13px 13px;
        padding-left: 20px;
    }
    .int10-hd{
        display: none;
        width: 3rem;
        height: 100%;
        background-image: linear-gradient(to right, transparent , #fff);
        right: 0;
        top: 0;
        z-index: 55;
    }
    .slide10-add{
        display: none;
    }
    .swiper-button-prevint10,.swiper-button-nextint10,
    .swiper-button-prevwel1,.swiper-button-nextwel1{
        margin-top: 0 !important;
        width: auto !important;
        height: 25px !important;
        opacity:  1 !important;
        border-radius: 50% !important;
        border:1px solid transparent !important;
        background: transparent !important;
        background-image: unset !important;
        top: 28.5% !important;
        bottom: unset !important;
        margin-top: 0 !important;
        outline: none;
    }
    .swiper-button-prevint10,.swiper-button-prevwel1{
        left: 0rem !important;
    }
    .swiper-button-nextint10,.swiper-button-nextwel1{
        right: 0rem !important;
    }

    .swiper-button-prevint10 img,.swiper-button-prevwel1 img{
        transform: rotate(180deg);
    /* max-width: 100%;
    width: unset !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12.5px 0 0 -10px; */
    transition: all .4s ease;
}
.swiper-button-nextint10 img,.swiper-button-nextwel1 img{
    display: inline-block;
    *display: inline;
    zoom: 1;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin: -12.5px 0 0 -10px; */
    transition: all .4s ease;
}
.swiper-button-nextint10 img{
    margin-left: -8px;
}
.swiper-button-prevint10 img{
    margin-right: -8px;
}
/* .swiper-button-prevint10 .circle2,.swiper-button-nextint10 .circle2,
.swiper-button-prevwel1 .circle2,.swiper-button-nextwel1 .circle2{
    display: none;
    } */
    .swiper-button-nextint10:hover img,.swiper-button-nextwel1:hover img{
        /* left: 58% !important; */
    }
    .swiper-button-prevint10:hover img,.swiper-button-prevwel1:hover img{
        /* left: 42% !important; */
    }

    .swiper-button-nextint10 img,.swiper-button-nextwel1 img {

        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }
    .swiper-button-prevint10 img,.swiper-button-prevwel1 img {

        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }
    .swiper-button-nextint10 img:nth-child(1),
    .swiper-button-nextwel1 img:nth-child(1) {
        animation-delay: -1s;
        -webkit-animation-delay: -1s;
    }
    .swiper-button-nextint10 img:nth-child(2),
    .swiper-button-nextwel1 img:nth-child(2) {
        animation-delay: -0.5s;
        -webkit-animation-delay: -0.5s;
    }
    .swiper-button-prevint10 img:nth-child(2),
    .swiper-button-prevwel1 img:nth-child(2) {
        animation-delay: -1s;
        -webkit-animation-delay: -1s;
    }
    .swiper-button-prevint10 img:nth-child(1),
    .swiper-button-prevwel1 img:nth-child(1) {
        animation-delay: -0.5s;
        -webkit-animation-delay: -0.5s;
    }

    .slide-1{
        width: 38px;height: 38px;
        position: absolute;
        border-radius: 50%;
        z-index: 90 ;
    }
    .circle2{
        transform-origin: center center;
        transform: rotate(-90deg);
        /* animation: dash 5s linear infinite; */
        stroke-dashoffset:159.03;
    }
    @keyframes dash {
        0% {
            stroke-dashoffset: 159.03;
        }
        100%{
            stroke-dashoffset:0px; 
        }
    }
    .swiper-button-prevint10:hover .circle2,
    .swiper-button-prevwel1:hover .circle2{
        animation: dash 2.5s linear forwards;
    }
    .swiper-button-nextint10:hover .circle2,
    .swiper-button-nextwel1:hover .circle2{
        animation: dash 2.5s linear forwards;
    }
    .swiper-scrollbar{
        height: 1px;
        background: #dddddd;
        padding-right: 3rem;
        box-sizing: border-box;
        bottom: 3.5rem;
    }
    .slide10-add{
        padding:0 3rem;
        box-sizing: border-box;
    }
    .swiper-scrollbar{
        height: 3px !important;
    }
    .swiper-scrollbar-drag{
    /* height: 67px !important;
    background: url(../img/ss2.png) center center no-repeat !important;
    background-size: 60px 67px !important;
    top:-14px !important;
    cursor: pointer; */
    background: #0096db !important;
}
.int-list10{
    display: flex;
    justify-content: space-between;
}
.int11-left,.int11-right{
    width: 49.46%;
    background: #fff;
    height: 20.5rem;
    padding: 2.75rem 3rem 3rem 3rem;
    box-sizing: border-box;
}
.int11-left .int9-title,.int11-right .int9-title{
    text-align: left;
}
.int11-img1{
    width: 100%;
    transition: all .4s ease;
}
.int11-video-all{
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    margin: 1.5rem 0 0 0;
}
.int11-video-all:hover .int11-img1{
    transform: scale(1.05);
}
.int11-video-zz{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
}
.int11-video-zz img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
}
.int11-rt-img{
    bottom: 0;
    left: 0;
}
.int11-rt-img img{
    width: 100%;
}
.int11-title-1{
    font-family: "PINGFANG MEDIUM_2";
    margin: .75rem 0 1.3rem 0;
}
.int11-title-2{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.6;
}
.int11-title-3{
    color:#0096db;
    font-family: "PINGFANG BOLD_2";
    line-height: 1.1;
}
.int11-title-4{
    font-family: "PINGFANG REGULAR_2";
    margin: .15rem 0 1.6rem 0;
}
.int11-txt{
    font-family: "PINGFANG MEDIUM_2";
    line-height: 1.6;
}
.int11-txt span{
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}
.int12-img{
    position: relative !important;
    width: 100%;
    bottom: 0;    
    left: 0;
}
.dee-left{
    height: auto !important;
}
.int12-txt{
    line-height: 1.6;
    font-family: "PINGFANG MEDIUM_2";
    margin: 1.35rem 0 0 0;
}

/* 棣栭〉.css */

.newsd-back2{
    display: none;
}
.add-detail-pdf{
    background: #f7f7f7;
    padding: .85rem 0;
    text-align: center;
    width: 100%;
    margin: 2rem 0 0 0;
}
.add-pdf-title{
    font-family: "PINGFANG MEDIUM_2";
}
.ad-ed{
    flex-flow: row-reverse;
}
.crv3-items{
    height: 16rem;
}
.wr2-item:first-child,.con-list1,.con-list1{
    flex-flow: row-reverse; 
}
.com-list2{
    width: 100%;
    height: 19.5rem;
}
.com-list32 .com3-left{
    height: 13.75rem;
}
.com5-left img{
    width: 100%;
}
/* .res-list1{
    height: auto !important;
    } */
    .wel-all-items {
        width: 100%;
        /* height: 100vh; */
        margin-left: auto;
        margin-right: auto;
    }
    .wel-ldc-lb1{
        height: 26.875rem;
    }
    .wel-all-lb, .swiper-containerwel{
        height: 100%;
    }
    .swiper-containerwel .indx-slide {
        height: 100%;
    }
    .header2-all{
        background: transparent;
        box-shadow: unset;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    .header2-all a,.header2-all div{
        color:#fff;
    }
    .header2-all .headPc-cn:after{
        background: url(../img/bjt.png) right center no-repeat;
    }
    .welldc1-title{
        font-size: 1.5rem;
        line-height: 1.3;
        font-family: "PINGFANG BOLD_2";
    }
    .welldc1-txt{
        font-size: .65rem;
        line-height: .85rem;
        font-family: "PINGFANG BOLD_2";
        margin: .375rem 0 0 0;
    }
    .welldc1-content{
        position: absolute;
        padding-left: 3.5rem;
        box-sizing: border-box;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
    .swiper-button-prevwel1,.swiper-button-nextwel1{
        border:1px solid rgba(255,255,255,.3) !important
    }
    .swiper-button-prevwel1{
        left: unset !important;
        right: 1.25rem !important;
        bottom: 1.25rem !important;
    }
    .swiper-button-nextwel1{
        left: unset !important;
        right: 1.25rem !important;
        bottom: 2.5rem !important;
    }
    .slide-index1{
        height: 100%;
        padding: 2.75rem 2.5rem 2.55rem 2.5rem;
        box-sizing: border-box;
        background: #fff;
    }
    .slide1-all-items{
        width: 100%;
        text-align: center;
    }
    .slide1-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.2;
        margin: .5rem 0 1.2rem 0;
    }
    .slide1-list-1{
        background: #f7f7f7;
        width: 610px;
        padding: .25rem 0;
        border-radius: 25px;
        margin: 0 auto;
    }
    .slide1-list1-title{
        width: 33.333%;
        box-sizing: border-box;
        font-family: "PINGFANG MEDIUM_2";
        line-height: 1.3;
        position: relative;
    }
    .slide1-list1-title:after{
        content: "";
        width: 1px;
        height: 16px;
        background: #eaeaea;
        display: inline-block;
        vertical-align: middle  ;
        position: absolute;
        right: 0;
        transform: translateY(-50%);
        top: 50%;
    }
    .slide1-list1-title:last-child:after{
        background: transparent;
    }
    .slide1-list-1{
        display: flex;
    }
    .slide1-txt-1{
        line-height: 1.9;
        font-family: "PINGFANG MEDIUM_2";
        margin: 1.375rem 0 1.7rem 0;
    }
    .slide1-list2-item{
        width: 315px;
        text-align: center;
    }
    .slide1-list-2{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slide1-list2-title{
        font-family: "PINGFANG BOLD_2";
        margin: .5rem 0 0 0;
    }
    .slide1-list2-item:nth-child(2){
        border-left:1px solid #dddddd;
        border-right:1px solid #dddddd;
    }
    .slide1-btn{
        width: 170px;
        height: 50px;
        background: #2382d3;
        text-align: center;
        line-height: 50px;
        font-family: "PINGFANG MEDIUM_2";
        margin: 0 auto;
        border-radius: 25px;
        margin-top: 1.7rem;
        position: relative;
        z-index: 500;
    }
    .slide1-btn:hover{
        color:#fff;
    }
    .slide-index3{
        padding: 2.5rem 3rem 2.5rem 3rem;
    }
    .slide3-txt{
        font-family: "PINGFANG REGULAR_2"; 
        margin: .2rem 0 0 0;
    }
    .slide-index3 .int10-lb{
        margin: 1.6rem 0 0 0;
    }

    .add-ldc1 .swiper-scrollbar{
        bottom: 3.8rem;
    }
    .add-ldc1 .swiper-button-prevint10,
    .add-ldc1 .swiper-button-nextint10{
        bottom: 1.5rem !important;
    }
    .slide-index4{
        display: flex;
        justify-content: space-between;
    }
    .slide4-left{
        background: #fff;
    }
    .slide4-left,.slide4-right{
        width: 49.47%;
    }
    .slide4-right img{
        width: 100%;
    }
    .add-ldc2{
        padding:0 .5rem .5rem .5rem;
        box-sizing: border-box;
        background: #f7f7f7;
    }
    .slide4-content{
        text-align: center;
        padding: 0 1.5rem;
        box-sizing: border-box;
        position: absolute;
        top: 3.5rem;
        width: 100%;
    }
    .slide4-title{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.2;
    }
    .slide4-txt{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.6;
        margin: .5rem 0 3.5rem 0;
    }
    .slide4-s1{
        width: 1px;
        height: 3.15rem;
        background: rgba(255,255,255,.5);
        display: block;
        margin: 0 auto;
    }
    .slide4-yq{
        width: 67px;
        height: 67px;
        border:1px solid rgba(255,255,255,.5);
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .slide4-yq img{
        width: 26px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -11.5px 0 0 -13px;
    }

    .slide-2{
        width: 67px;height: 67px;
        position: absolute;
        border-radius: 50%;
        z-index: 90 ;
        left: 0;
        top: 0;
    }
    .slide-2 .circle2{
        transform-origin: center center;
        transform: rotate(-90deg);
        animation: dash2 5s linear infinite;
        stroke-dashoffset:280.5;
    }
    @keyframes dash2 {
        0% {
            stroke-dashoffset: 280.5;
        }
        100%{
            stroke-dashoffset:0px; 
        }
    }
/* .slide4-yq:hover .slide-2 .circle2{
    animation: dash2 5s linear infinite;
    } */
    .slide4-left{
        padding: 3.5rem 1.5rem 0 1.5rem;
        text-align: center;
        box-sizing: border-box;
    }
    .slide4-lf-txt{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.6;
        margin: .35rem 0 0 0;
        min-height: 1.3rem;
    }
    .slide4-lf-img2{
        position: relative;
        right: 1rem
    }
    .slide4-lf-img1{
        position: relative;
        z-index: 55;
        left: 1rem;
    }
    .slide4-lf-img1 img{
        width: 5.25rem;
        height: 5.25rem;
        border-radius: 50%;
        border:5px solid #fff;
    }
    .slide4-lf-img2 img{
        width: 5.25rem;
        height: 5.25rem;
        border-radius: 50%;
    }
    .slide4-lf-items{
        display: flex;
        justify-content: center;
    }
    .slide4-lf-txt2{
        font-family: "PINGFANG REGULAR_2";
        line-height: 1.6;
        min-height: 1.3rem;
        margin: 1.8rem 0 1.8rem 0;
    }
    .slide4-lf-btn{
        margin: 0 auto;
        width: 170px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #2382d3;
        border-radius: 25px;
    }
    .slide4-lf-btn:hover{
        color:#fff;
    }
    .slide4-rt-last{
        font-family: "PINGFANG REGULAR_2";
        margin: 2px 0 0 0;
    }
    .index2-all-items{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .index2-items1{
        background: #2382d3;
        width: 100%;
        height: 100%;
    }
    .index2-all-items{
    /* padding: .5rem;
    box-sizing: border-box;
    background: #f7f7f7; */
}
.index2-items2{
    width: 100%;
    height: 100%;
    /* padding: 3rem; */
    box-sizing: border-box;
}
.index22-txt{
    text-align: center;
    line-height: 1.6;
    min-height: 1.6rem;
    font-family: "PINGFANG REGULAR_2";
    margin: .4rem 0 0 0;
}
/* 鏂板css 1*/
.int-list1{
    height: 16.25rem;
}
.int12-img img,.int7-lf-bot img,.slide10-img img{
    width: 100%;
}
.int11-rt-all{
    position: relative;
    z-index: 99;
}
.int-list6{
    flex-flow: row-reverse;
}
.int5-items2{
    display: none;
}
.int0-txt-all{
    font-size: 0;
    margin: .5rem 0 2rem 0;
}
.int0-txt-all div{
    font-family: "PINGFANG REGULAR_2";
    display: inline-block;
    vertical-align: middle;
}
.int0-txt-all div:nth-child(n+2){
    margin-left: .75rem;
}
.int0-txt-all span{
    font-size: 12px;
    font-family: "PINGFANG REGULAR_2";
}
.int0-title-1{
    font-size: .55rem;
    font-weight: bold;
}
.int0-content-all{
    font-size: 0;
    margin-top: .7rem;
}
.int0-list{
    width: 7.5rem;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    position: relative;
    top: .5rem;
    animation: fg .5s .8s ease forwards;
}
@keyframes fg {
    to{
        opacity: 1;
        top:0;
    }
}
.int0-txt-1{
    line-height: 1.4;
    margin: 3px 0 0 0;
}
.int0-list:nth-child(2){
    margin: 0 5rem;
}
.headerm-list2 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.hdm-img2{
    width: 20px;
    height: 16px;
    transition: all .5s ease;
    position: relative;
}
.hdm-img1{
    width: 20px;
    height: 20px;
    transition: all .5s ease;
    position: relative;
}
.hdm-img1{
    display: none;
}
.headerm-list2 div{
    display: inline-block;
    margin-right: .5rem;
}
.headerm-list2 div img{
    width: 20px;
    cursor: pointer;
}
/*  */
.list_ul {
    width: 100%;
    height: auto;
    background: #191919;
    position: absolute;
    top: 2.25rem;
    left: 0;
    z-index: 120;
    line-height: 2 !important;
    display: none;
}
.mulum-on{
    transform: rotate(0) !important;
}
.list_ul li {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0 35px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
}
.list_ul li .a1 {
    text-align: left;
    /* border-bottom: 1px solid #e8e8e8; */
    text-decoration: none;
    font-size: .6rem;
    color: #444;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.a1 span {
    width: 20px;
    height: 11px;
    background: url(../img/images/r6_29.png) center center no-repeat;
    background-size: 20px 11px;
    transform: rotate(180deg);
    display: inline-block;
    transition: all .3s ease;
}
.mulum {
    /* padding: 0 .4rem; */
    margin: 0 auto;
    /* border-bottom: 1px solid #e8e8e8; */
    display: none;
}
.mulum a {
    font-size: .55rem;
    color: #444;
    display: block;
    padding: 10px 30px;
    line-height: 1.5 !important;
}
.header-1024 {
    display: block;
}
.headerm-list2{
    display: none;
}
/* 鎼滅储 */
.header-search-wrap {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    margin-top: -22px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    /* transform: scale(0);
    opacity: 0; */
    width: 600px;
    height: 44px;
    margin-left: -300px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #666;
    line-height: 44px;
    transition: all 0.5s;
    background: #fff;
    padding-right: 50px;
}
.header-search-wrap.show1,
.search-close.show1 {
    z-index: 8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.header-search-wrap .ser-input {
    width: 100%;
    height: 43px;
    position: relative;
    border: none;
    background: none;
    box-sizing: border-box;
    text-indent: 20px;
}
.header-search-wrap .submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 36px;
    height: 43px;
    background: url(../img/search.png) no-repeat center;
    background-size: 20px !important;
    border: none;
    box-sizing: border-box;
}
.search-close {
    position: absolute;
    z-index: -1;
    display: block;
    right: -.6rem;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../img/close2.png) no-repeat center;
    background-size: 24px !important;
    cursor: pointer;
    transition-duration: .5s;
    transform: scale(0);
}
.hide1 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition-duration: .5s;
}
.headerpc-sub12{
    display: none;
}
.index2-all-items{
    height: 26.25rem;
}
.index2-items1{
    padding: 1rem 0 1.25rem 0;
    background: #2382d3;
}
.wel-id21-yq{
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    position: relative;
    left: 50%;
    margin-left: -12rem;
}
.wel-id21-yqq{
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9rem 0 0 -9rem;
    animation: big 4s ease infinite;
}
@keyframes big{
    0%{
        transform: scale(1);
        opacity: 0;
    }
    100%{
        transform: scale(1.2);
        opacity: 1;
    }
}
.wel-id21-nq1{
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    position: relative;
    left: 50%;
    transform: translateY(-50%);
    margin-left: -8.5rem;
    top: 50%;
}
.wel-id21-nq2{
    width: 9.5rem;
    height: 9.5rem;
    border-radius: 50%;
    background: rgba(255,255,255,1);
    position: relative;
    left: 50%;
    transform: translateY(-50%);
    margin-left: -4.75rem;
    top: 50%; 
    perspective: 1200px;
}
.wel-nav2{
    display: none;
}
.wel-ind21-img{
    left: 50%;
    margin-left: -8.5rem;
    width: 17rem;
    top: 50%;
    transform: translate(0,-50%);
}
.wel-ind21-img img{
    width: 100%;
}
.wel-id21-title{
    font-family: "PINGFANG REGULAR_2";
    text-align: center;
    line-height: 1.35;
}
.wel-id21-content{
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
}
.wel21-yq-all1{
    left: .45rem;
    top: 5.35rem;
}
.wel21-yq-all2{
    left: 1.8rem;
    bottom: 3rem;
}
.wel21-yq-all3{
    right: 1.39rem;
    bottom: 3.5rem;
}
.wel21-yq-all span{
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: block;
}
.wel21-yqt-bt{
    font-weight: bold;
    line-height: 1.2;
}
.wel21-yq-txt{
    width: 8rem;
}
.wel21-yqt-wb{
    line-height: 1.4;
    margin: .2rem 0 0 0;
}
.wel21-yq-txt1{
    left: -8.75rem;
    top: -1.14rem;
}
.wel21-yq-txt2{
    left: -8.75rem;
    top: -1.14rem;
}
.wel21-yq-txt3{
    left: .6rem;
    top: -1.2rem;
}
.wel-id21-yq a{
    width: 4.15rem;
    border: 1.2px solid #fff;
    height: 1.15rem;
    text-align: center;
    line-height: 1.15rem;
    border-radius: 25px;
    font-family: "PINGFANG REGULAR_2";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.125rem;
}
.wel-id21-yq a:hover{
    color:#fff;
}
.wel-lb22 .swiper-slide div{
    color:rgba(255,255,255,.5);
    font-family: "PINGFANG MEDIUM_2";
}
.slide22-txt{
    line-height: 1.6;
}
.slide22-title {
    margin:0;
    line-height: 1.3;
}
.slide22-num{
    line-height: 1.2;
}
.index2-items2 .swiper-slide{
    /* margin-top: 1rem; */
}
.wel-lb22 .swiper-slide.swiper-slide-active{
    margin-top: 0;
}
.wel-lb22 .swiper-slide-active div{
    color:#fff !important;
}
.wel-lb22 .swiper-slide-active .slide22-num {
    font-size: .75rem;
    font-weight: bold;
}
.wel-lb22 .swiper-slide-active .slide22-title{
    font-size: .75rem;
    font-family: "PINGFANG BOLD_2";
}
.wel-lb22 .swiper-slide-active .slide22-txt{
    font-size: 18px;
    font-family: "PINGFANG MEDIUM_2";
}
.wel-index22-btn{
    width: 4.15rem;
    border:1.2px solid #fff;
    height: 1.15rem;
    text-align: center;
    line-height: 1.15rem;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    margin-left: -2.075rem;
    bottom: 3.5rem;
    z-index: 800;
}
.wel-index22-btn:hover{
    color:#fff;
}
.wel-index22-all{
    position: absolute;
    top: 8.7rem;
    width: 100%;
    left: 0;
    padding:0 3rem;
    box-sizing: border-box;
    z-index: 888;
}
.wese-ds{
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    top: 3rem;
    z-index: 8;
}
.index2-items3,.wel-index23-all,.wel-lb23{
    width: 100%;
    height: 100%;
}
.index23-main-ct{
    left: 3rem;
    top: 4.25rem;
    z-index: 50;
}
.index23-main-title{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.1;
}
.index23-main-txt{
    font-family: "PINGFANG REGULAR_2";
    line-height: 1.8;
    margin: .45rem 0 0 0;
}
/*  */

.slide23-content div{
    font-family: "PINGFANG REGULAR_2";
}
.slide23-title{
  font-size: 1.1rem;
  line-height: 1.15;
  margin-bottom: .5rem;
}

.wel23-pg-num2{
  font-size: 1.7rem;
  line-height: 1.45;
  font-family: "闆呴粦" !important;
}
.wel23-page-num div{
    display: inline-block;
    vertical-align: top;
}
.wel23-page-num{
    font-size: 0;
}
.wel23-page-num{
    position: absolute;
    left:3.25rem;
    bottom: 9.45rem;
    z-index: 55;
}
.wel23-pg-num1 span{
    display: inline-block;
    vertical-align: middle;
}
.slide23-btn{
    width: 4.25rem;
    height: 1.25rem;
    background: #2382d3;
    text-align: center;
    line-height: 1.25rem;
    border-radius: 25px;
    margin: 1rem 0 0 0;
}
.index2-items2,.index2-items1,.index2-items3{
    opacity: 0;
    visibility: hidden;
    transition: all .8s ease;
}
.index2-items2,.index2-items3{
    position: absolute;
    top: 0;
    left: 0;
}
.on-wel123{
    opacity: 1 !important;
    visibility: visible !important;
}
.slide23-btn:hover{
    color:#fff;
}
.da-in-22{
    width: 100%;
    height: 100%;
}

.path-slider {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
}
  /* .path-slider:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border:1px dashed #fff;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    } */
    .path-slider__background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
    }

    svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 60;
    }

    .path-slider__path {
        stroke-width: 2px;
        stroke: #fff;
        fill: none;
        left: 0;
    }

    .path-slider__item {
        position: absolute;
        left: -5px;
        top: -12.5px;
        cursor: pointer;
        z-index: 1;
    }

    .item__circle {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-position: center;
        border-radius: 100%;
        /* transform: scale(0.5); */
        transition: 0.5s transform;
    /* border: 20px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.3); */
    background: #fff;
}

.path-slider__current-item {
    z-index: 2;
}
.path-slider__current-item .item__circle{
    transform: scale(1);
    z-index: 750;
}
.path-slider{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500;
}
svg{
  z-index: 99;
}
#svg-add{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 55;
}
.path-slider__item .item__circle:after{
    content: "";
    width: 24px;
    height: 24px;
    border:1px dashed #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin: -8px 0 0 -8px;
    /* animation-delay: 15s;
    animation: hg 1s ease forwards; */
    transform: scale(0);
    /* transition-delay: ; */
    transition: all 1s ease;
}
.path-slider__current-item .item__circle:after{
 transform: scale(1); 

}
.path-slider__item {
  position: relative;
}
.path-slider__item span{
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s .5s ease;
}
.path-slider__current-item .item__circle span{
  width:10rem;
  height: 10rem;
}
.form1-scwj .controls {
    display: none;
}
/*棣栭〉瑙嗛*/
.ban-video video{
    width: 100%;
    height: 100%;
}
.dre-se{
    display: none;
}
/* .se{
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    } */
    .se.on-t{
        opacity: 1;
        visibility: visible;
    }
    .path-slider__item{
        display: inline-flex;
    }
    .path-slider__item{
        z-index: 800 !important;
    }
    .about-list12{
        position: relative;
        z-index: 900;
    }

    .int1-title span{
        font-size: .4rem;
        margin: 0 3px;
        display: inline-block;
        vertical-align: super;
    }
    .int1-title{
        line-height: 1;
    }
    .about1-title span{
        font-size: .6rem;
        display: inline-block;
        vertical-align: super;
    }
/* .path-slider__item--5{
    top: -10.5px;
}
.path-slider__item--4{
    top: -14px;
    } */
    .con-list1-add{
        flex-flow: unset !important ;
    }
/* .com5-txt p,.com5-txt p span{
    font-family: "PINGFANG MEDIUM_2" !important;
    } */
    .page{
        font-size: 0;
        text-align: center;
    }
    .page a{
        width:40px;
        height:40px;
        background-color: transparent;
        transition: all .4s ease;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        white-space: nowrap;
    }
    .page a:hover{
        background-color: #0096db;
        color:#fff;
    }
    .page .pagination{
        display: inline-block;
        vertical-align: middle;
    }
    .page a:nth-child(n+2){
        margin-left: .15rem;
    }
    .page a.on-page{
        background-color: #0096db;
        color:#fff;
    }
    .page-all-num{
        display: inline-block;
        vertical-align: middle;
        margin-left: .25rem;
    }
    .about-list13{
        display: none;
    }
    /*  */
    .about-list13{
        display: none;
    }
    .about-list14 .con-list122,.about-list14 .con-list123{
        flex-flow: unset !important;
    }
    .con-list122 .con1-left{
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: rgba(3,138,200,.88) !important;
    }
    .con-list122 img,.con-list123 img{
        width: 100%;
    }
    .con-list123 .con1-left{
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: rgba(3,138,200,.88) !important;
    }
    .com1-txt{
        border-left: 2px  solid #2382d3;
        padding-left: 25px;
    }
    .dee-d1{
        width: 1.5rem;
        height: 3px;
        border-radius: 3px;
        background: #0096db;
        display: block;
        opacity: .5;
        margin: .35rem 0 .6rem 0;
    }
    .wel-lb22 .swiper-slide-active .dee-d1{
        opacity: 1 !important;
    }

    .ldv-1{
        height: 100%;
        width: 25%;
        background: transparent;
        z-index: 80;
        left: 0;
        top: 0;
    }
    .ldv-2{
        height: 100%;
        width: 25%;
        background: transparent;
        z-index: 80;
        right: 0;
        top: 0;
    }
    .headPc-logo img{
        width: 130px;
    }

    #particle-canvas canvas{
        height: 100%;
        width: 100%;
    }
    #particle-canvas{
        position: absolute !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    #particle-canvas div{
        opacity: 0;
    }

    .int11-rt-all a{
        width: 170px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 30px;
        background: #0096db;
        margin: .4rem 0 0 0;
    }
    .int11-rt-all a:hover{
        color:#fff;
    }
    .dee-left{
        width: 100% !important;
    }   
    .about-list1s{
        overflow: hidden;
    }
    .int12-content{
        position: absolute;
        left: 3rem;
        top: 2.75rem;
        z-index: 9;
        width: 70%;
    }
    .dee-left{
        padding: 0 !important;
    }

    .int8-all-cp{
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -144px 0 0 -144px;
    }
    .int8-all-cp2{
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -209px 0 0 -41px;
    }
    .fg-ldc{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .fg-lb{
        width: 100%;
        height: 100%;
    }
    .fg-lb .swiper-slide{
        opacity: 1 !important;
    }
    .wel23-pg-num2 {
        padding-left: 1rem;
    }

    .con-list122,.con-list123{
        display: block !important;
    }

    .ip-ldc{
        width: 100%;
        position: absolute;
        padding: 0 3.25rem;
        box-sizing: border-box;
        bottom: 3.7rem;
        z-index: 90;
    }
/* .foot2-item-list{
    width: 4rem;
    } */
    .foot2-item-list a{
        width: 1.875rem;
        white-space: nowrap;
    }
    /*  */
    .wel-ad-content{
        position: absolute;
        top: 37%;
        left: 0;
        padding: 0 3rem;
    }
    .welad-lb .swiper-slide{
        cursor: pointer;
    }
    .welad-lb .swiper-slide div{
        color:rgba(255,255,255,.1);
        transition: all .4s ease;
    }
    .welad-lb .swiper-slide:hover div{
        color:rgba(255,255,255,1);
    }
    .welad-lb{
        width: 100%;
        position: relative;
        z-index: 20;
        height: 100%;
    }
    .wel-ad-zz{
        position: absolute;
        z-index: 8;
        background: rgba(0,0,0,.25);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .welad-lb .swiper-slide:hover span{
        opacity: 1;
    }
    .swiper-paginationer1{
        bottom:3.5rem !important;
    }
    .swiper-paginationer1 span{
        background: #fff !important;
        opacity: 1 !important;
        transition: all .6s ease;
    }
    .swiper-paginationer1 .swiper-pagination-bullet-active{
        width: 30px !important;
        border-radius: 20px;
    }
    .page a{
        vertical-align: middle;
        display: inline-block;
    }
    .next{
        background: url(../img/a7.png) no-repeat center;
        background-size: 100%;
    }
    .next:hover{
        /* background-color:  !important; */
        background: url(../img/a8.png) #0096db no-repeat center !important;
        background-size: 100%;
    }
    .prev{
        background: url(../img/a7.png) no-repeat center;
        background-size: 100%; 
        transform: rotate(180deg);
    }
    .prev:hover{
        /* background-color:  !important; */
        background: url(../img/a8.png) #0096db no-repeat center !important;
        background-size: 100%;
    }
    .hk-d{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .pg-pre{
        /* width: 40px; */
        height: 25px;
        /* border-radius: 50%; */
        /* transform: rotate(180deg); */
    /* background: url(../img/xy2.png) no-repeat center !important;
    background-size: 20px 25px;  */
    position: absolute;
    left: 0;
    top: 43%;
    transform: translateY(0%) rotate(180deg);
    cursor: pointer;
    white-space: nowrap;
}
.pg-nex{
    /* width: 40px; */
    height: 25px;
    /* border-radius: 50%; */
    /* transform: rotate(180deg); */
    /* background: url(../img/xy2.png)  no-repeat center !important; */
    /* background-size: 20px 25px;  */
    position: absolute;
    right:0;
    top: 43%;
    transform: translateY(-0%);
    cursor: pointer;
    white-space: nowrap;
}

.pg-nex img{
    margin-left: -8px;
}
.pg-pre img{
    margin-right: -8px;
}
.pg-nex img {

    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.pg-pre img {

    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.pg-nex img:nth-child(1){
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.pg-nex img:nth-child(2){
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.pg-pre img:nth-child(1){
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.pg-pre img:nth-child(2){
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}

.all-page-img {
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
}
.all-page-img{
	animation:add-dh 2s linear infinite;
	cursor: pointer;
	z-index: 999;
}
@keyframes add-dh{
	0%{
		opacity: 1;
		bottom: 1rem;
	}
	100%{
		opacity: 0;
		bottom:.4rem;
	}
}
.wel-ldc-lb122{
    height: 100vh !important;
}
.index23-main-ct12{
    display: none;
}
.hk-d{
    padding: 0 55px;
    box-sizing: border-box;
}
.int10-lb{
    padding: 0 55px;
    box-sizing: border-box;
}
.item__circle span{
    display: none;
}
.job1-top div{
    transition: all .4s ease;
}
.job1-form ul li:nth-child(n+2) .job1-top:hover div{
    color:#2382d3 !important;
}
.hg-15 span{
    display: inline-block;
}
.hg-15{
    line-height: 1.5;
    position: absolute;
    right: -28rem;
    bottom: 0;
}
/*  */
.scrollindicator {
    opacity: .75;
    position: absolute;
    z-index: 50;
    left:50%;
    bottom: 2rem;
    text-align: center;
    transform: translateX(-50%);
    z-index: 99;
}
.scrollarrows{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#scrolldescription {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    /* font-style: italic; */
    transform: skew(-15deg);
    font-size: 16px;
}
.scroll-description {
    animation: scd 6s infinite;
    -webkit-animation: scd 6s infinite;
}
.scrollarrows {
    width: 22px;
    height: 42px;
    margin-top: 30px;
}
svg:not(:root) {
    overflow: hidden;
}   
.scrollarrows path {
    stroke: #fff;
    fill: transparent;
    stroke-width: 4px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.scrollarrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.scrollarrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.scrollarrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
@-webkit-keyframes arrow{
    0%{opacity:0}
    40%{opacity:1}
    80%{opacity:0}
    100%{opacity:0}
}
@keyframes scd{
    0%{opacity:0}
    40%{opacity:1}
    80%{opacity:0}
    100%{opacity:0}
}
.job1-form ul li:first-child .job1-top div{
    font-weight: bold;
}
.job1-form ul li .job1-top.on-job1:hover .job1-t1{
    color:#fff !important;
}
.job1-form ul li .job1-top.on-job1:hover .job1-t2{
    color:transparent !important;
}
.job1-bttp-txt p,.job1-bttp-txt p span{
    white-space: normal !important;
}
.wr2-item:nth-child(2){
    display: none;
}
.ldc-dtdh2{
    display: none;
}
/* 鍦板浘 */
.dtdh-all-0{
    right: 0;
    top: 0;
}
.ldc-dtdh{
    display: inline-block;
    float: right;
}
.dtdh-all-0{
    height: 100%;
}
.dtdh-all-00{
    height: 100%;
    left: 0;
    top: 0;
}
.dtdh-all-000{
    width: 100%;
    left: 0;
    top: 0;  
}
.dtdh-all-0000 {
    width: 100%;
    left: 0;
    bottom: 0; 
}
.dtdh-tp{
    height: 0;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.dtdh-bp{
    height: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
}
.dtdh-rt{
    width: 0;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;

}
.dtdh-1{

}
.on-dtdh1{
    animation: rt 7.5s linear forwards;
}
.dtdh-3{
}
.on-dtdh3{
    animation: rt 4.5s linear forwards;
    animation-delay: 3s;
}
.dtdh-4{
}
.dtdh-5{
}
.on-dtdh5{
    animation: lt 6s linear forwards;
}
.dtdh-6{
}
.dtdh-7{
}
.on-dtdh7{
    animation: tp 5s linear forwards;
}
.dtdh-lt{
    width: 0;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.dtdh-3{

}
.dtdh-1{
    /* width: 0; */
}
@keyframes rt{
    80%{
        width: 100%;
    }
    100%{
        width: 100%;
    }   
}
@keyframes lt{
    80%{
        width: 100%;
    }
    100%{
        width: 100%;
    }
}
@keyframes tp{
    80%{
        height: 100%;
    }
    100%{
        height: 100%;
    }
}
/*  */
.unkownfile img{
    width: 30px !important;
    height: auto !important;
}
.form-horizontal .control-group{
    margin-bottom: 0 !important;
}
.control-group{
    margin-bottom: 0 !important;
}
.img-list-action{
    display: none;
}

.red{
    background: #2382d3;
    position: absolute;
    height: 100%;
}
.progress {
    width: 300px;
    height: 20px;
    background: #ebebeb;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 10px;
    position: relative;

}
.control-group{
    margin-top: 10px;
}
.progress > span{
    border-radius: 10px;
}
.progress > span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 18px;
    /* background: url(../img/progress.png) 0 0 repeat-x; */
    border-radius: 10px;
}
.progress > span > span {
    float: right;
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    color: rgba(0,0,0,0.7);
    text-shadow: 0 1px rgba(255,255,255,0.4);
}
.slide4-lf-img1{
    border-radius: 50%;
    background-color: #fff;
}


.newvideo-tc{
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    z-index: -1;
    background: #7f7f7f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.newvideo-tc .closebtn{
    margin-bottom: 2rem;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.newvideo-tc .closebtn:hover{
    transform:rotate(90deg); 
}
.newvideo-tc.show{
    z-index: 999;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px){
    .newvideo-tc .closebtn{
        margin-bottom: 1rem;
    }
    .newvideo-tc .img {
        text-align: center;
    }
    .newvideo-tc .img img{
        width: 80%;
    }
}