/* 公共css */
body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
input,a,div{
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wh1600 {
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1800px) {
    .wh1600 {
        margin: 0 5% !important;
    }
    .social-share .icon-wechat .wechat-qrcode{
        bottom: 6vw!important;
        right: 10vw!important;
    }

}
@font-face {
    /*font-family: "Segoe Light";*/
    /*src: url("../font/segoeuil_1.ttf") format("truetype");*/
}
/*xlt-k*/
::-webkit-scrollbar
{
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-track
{
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb
{
    background-color: #002FA7;
}
/*xlt-g*/
/*----------------------*/

.pub_banner{
    display: block;
    min-height: 200px;
    position: relative;
    /*margin-top: calc(var(--w_auto) * 124px);;*/
}
.mi_pub_banner{
    display: none;
    margin-top: 18vw;
}
@media screen and (min-width: 1920px) {
    .fs72 {
        font-size: 72px;
    }
    .fs66 {
        font-size: 66px;
    }
    .fs60 {
        font-size: 60px;
    }
    .fs58 {
        font-size: 58px;
    }
    .fs48{
        font-size: 48px;
    }
    .fs48{
        font-size: 46px;
    }
    .fs36{
        font-size: 36px;
    }
}
/*.fs72 {
    font-size: .375rem;
}
.fs66 {
    font-size: .3438rem;
}
.fs60 {
    font-size: .3125rem;
}
.fs58 {
    font-size: .3rem;
}
.fs48{
    font-size: .25rem;
}
.fs46{
    font-size: .24rem;
}
.fs36{
    font-size: .1875rem;
}
.fs30{
    font-size: .1565rem;
}
.fs24{
    font-size: .125rem;
}
.fs22{
    font-size: .1146rem;
}
.fs20{
    font-size: .1045rem;
}
.fs18{
    font-size: .0937rem;
}
.fs16{
    font-size: .0833rem;
}
.fs14{
    font-size: .073rem;
}
.fs12{
    font-size: .05rem;
}*/


.fs72{
    font-size: calc( var(--ftsize) * 72px );
}
.fs66{
    font-size: calc( var(--ftsize) * 66px );
}
.fs60{
    font-size: calc( var(--ftsize) * 60px );
}
.fs58{
    font-size: calc( var(--ftsize) * 58px );
}
.fs48{
    font-size: calc( var(--ftsize) * 48px );
}
.fs46{
    font-size: calc( var(--ftsize) * 46px );
}
.fs36{
    font-size: calc( var(--ftsize) * 36px );
}
.fs34{
    font-size: calc( var(--ftsize) * 34px );
}
.fs32{
    font-size: calc( var(--ftsize) * 32px );
}
.fs30{
    font-size: calc( var(--ftsize) * 30px );
}
.fs28{
    font-size: calc( var(--ftsize) * 28px );
}
.fs26{
    font-size: calc( var(--ftsize) * 26px );
}
.fs24{
    font-size: calc( var(--ftsize) * 24px );
}
.fs22{
    font-size: calc( var(--ftsize) * 22px );
}
.fs20{
    font-size: calc( var(--ftsize) * 20px );
}
.fs18{
    font-size: calc( var(--ftsize) * 18px );
}
.fs16{
    font-size: calc( var(--ftsize) * 16px );
}
.fs14{
    font-size: calc( var(--ftsize) * 14px );
}
.fs12{
    font-size: calc( var(--ftsize) * 12px );
}




.syflex{
    position: absolute;
    z-index: 9999;
}

.zxfs-box{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 27%;
    /*padding: 1.6% 1.5% 2.7% 1.5% ;*/
}
.pro-select .select{
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 49px;*/
}
.pro-select .box{
    width: 48.1%;
    /*height: 45px;*/
    border: 2px solid #fff;
    background: #fff;
    transition: border 0.5s;
    position:relative;
}
.pro-select .box.hover, .pro-select .box.cur{
    border: 2px solid #002FA7;
}
.pro-select .tit{
    padding-left: 1.8em;
    /*font-size: 14px;*/
    line-height: 3vw;
    color: #666;
    cursor: pointer;
    display: flex;
}
.pro-select .tit p.fl{
    width: 90%
}
.pro-select .tit span{
    display: inline-block;
    width: 10%;
    /*height: 45px;*/
    background: url(../image/xla.png) no-repeat center;
    margin-left: auto;
    background-size: 25%;
}
.pro-select .tit span.cur{
    background: url(../image/xla.png) no-repeat center;
    background-size: 25%;
    transform: rotate(180deg);
}
.pro-select .list{
    left: -2px;
    top: 3.1vw;
    width: 100%;
    border: 2px solid #002FA7;
    border-top: 0;
    background: #fff;
    /*font-size: 14px;*/
    line-height: 3;
    color: #666;
    z-index: 9;
    position: absolute;
    box-sizing: content-box;
    display: none;
}
.pro-select .list p{
    padding: 0 1.8em;
    cursor: pointer;
    transition: all 0.5s;
}
.pro-select .list p.hover{
    color: #fff;
    background: #002FA7;
}
.pro-select input{
    width:90%;
    height: 3vw;
    padding: 0 4%;
    border: 0;
    /*font-size: 14px;*/
    line-height: 3vw;
    color: #666;
}
.pro-select input.submit{
    width: 10%;
    height: 3vw;
    padding: 0;
    background: url(../image/so1.png) no-repeat center;
}

.zxfs-box input::placeholder{
    color: #999999;
}
.pub_banner .zxfs-box{
}


.head {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*padding-top: 1.5%;*/
    /*padding-bottom: 1.5%;*/
    height: calc(var(--w_auto) * 142px);
    z-index: 1;
    transition: all 1s;
    background: linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
}
.head.colcur{
    position: relative;
    background:white;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.head.colcur:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: calc(var(--w_auto) * 10px);
    background: linear-gradient(350deg, rgba(0, 216, 247, 0) -100%, #002FA7 100%);
}

.head.colcur .head_menu .CAli{
    color: #333333;
}
.head.colcur .head_menu .CAli.lang img{
    /*filter: brightness(.1);*/
}

.head .nav-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_logo{
    /*float: left;*/
    /*width: 14.5%;*/
    visibility: visible!important;
    transition: all .5s;
}
.head_logo.logo2,
.head_logo.cur
{
    display: none;
}
.head_logo.logo2.cur{
    display: block;
}


.head_logo img{
    width: calc(var(--w_auto) * 350px);
}

.head_lxdh{
    float: left;
    color: #ffffff;
    position: absolute;
    left: 15%;
    width: 15%;
    height: 100%;
    border-left: 6px solid #002FA7;
    padding-left: 2%;
    line-height: 2;
    padding-top: 1%;
}
.head_lxdh .hlda{
    background: url(../image/head_lxdh.png)no-repeat left;
    padding-left: 20%;
    background-size: 15%;
}
.head_lxdh .hldb{
    font-weight: bold;
}

.head_fr{
    float: right;
}

.head_menu_list{
    margin-left: auto;
    width: 33%;
    display: flex;
    /*position: relative;*/
    justify-content: flex-end;
}
.head_menu{
    /*width: 100%;*/
    /*margin-left: auto;*/
}
.head_menu .nav_{
    /*width: 100%;*/
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*align-items: center;*/
}

.head_menu .CAli{
    display: inline-block;
    /*transition: all 0.2s;*/
    /*margin: 0;*/
    /*width: 100%;*/
    text-align: center;
    /*padding: 2% 8%;*/
    float: left;
    cursor: pointer;
    color: #ffffff;
    margin-left: calc(var(--w_auto) * 80px);
    /*position: relative;*/
    visibility: visible!important;
}
.head_menu .CAli:last-of-type{
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    height: calc(var(--w_auto) * 142px);
    /*line-height: calc(var(--w_auto) * 152px);*/
    padding-top: calc(var(--w_auto) * 8px);
    margin-left: calc(var(--w_auto) * 110px);
}
.head_menu .CAli.lang img{
    width: calc(var(--w_auto) * 25px);
}

.head_menu .CAli .CAa{
    width: 100%;
    height: calc(var(--w_auto) * 142px);
    line-height: calc(var(--w_auto) * 152px);
    /*padding: 9% 0;*/
    /*display: block;*/
}
.head_menu .CAli:last-of-type span{
    display: inline-block;
    padding:0 33% 0 25%;
    font-size: calc(var(--ftsize) * 18px);
    position: relative;
    font-weight: bold;
    color: #555555;
    width:95px;
}
.head_menu .CAli:last-of-type span:after{
    position: absolute;
    content: '▼';
    right: 0;
    top: 0;
    width: 10px;
    height: 10px;
}
.language-tab{
    position: absolute;
    width: calc(var(--w_auto) * 95px);
    left: calc(var(--w_auto) * 38px);
    top: 100%;
    /*margin-top: 5px;*/
    background-color: rgba(0,0,0,.5);
    color: white;
    overflow: hidden;
    opacity: 0;
    z-index: 9;
    transition: all .5s;
}
.language-tab a{
    display: block;
    line-height: 2;
}

.head_menu .CAli.lang:hover .language-tab{
    opacity: 1;
    height: auto;
}
@media screen and (min-width: 1920px){
    .head_menu .CAli .CAa {

    }
}
.head_menu .CAli .CAa {
    text-transform: uppercase;
    /*margin-top: 10px;*/
    position: relative;
    /*font-size: .835vw;*/
}

.head_menu .CAli:hover .CAa:after,
.head_menu .on .CAa:after
{
    /*color: #0d4d8b;*/
    /*background-color: #ffffff;*/
    /*width: 100%;*/
    /*height: 2px;*/
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 10px 7px;
    border-color: transparent transparent #002FA7 transparent;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.head_menu .CAli:hover:before{
    /*height: 3px;*/
}
.head_menu .on{
    /*color: #0d4d8b;*/
}
.head_menu .CAa:after{
    width: 0;
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.head.colcur .head_menu .CAa:after,
.head.colcur .head_menu .on .CAa:after
{
    /*background-color: #333333;*/
}
/*.head_menu .on .CAa:after{
    content: '';
    width: 100%;
    height: 2px;
    opacity: 1;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: calc(var(--w_auto) * 35px);
    right: 0;
    margin: 0 auto;
}*/
.head_menu .CAli.on:hover .CAa{
    /*color: #0d4d8b;*/
    /*background-color: #ffffff;*/
}



.mi_head_all{
    display: none;
}
.mi_head{
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 999;
    /*box-shadow: none;*/
    height: 18vw;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);

}

.mi_head .logo {
    width: 48%;
    float: left;
    margin: 4% 0 0 4%;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    position: relative;
    right: 0;
    padding: 9% 0;
}
.mi_head .mi_Cal .mmitem{
    position: absolute;
    width: 10vw;
    height: 2px;
    background-color: #002FA7;
    display: block;
    transition: all .3s;
}
.mi_head .mi_Cal .mmitem:nth-of-type(1){
    top: 6vw;

}
.mi_head .mi_Cal .mmitem:nth-of-type(2){
    top: 9vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(3){
    /*width: 6vw;*/
    top: 12vw;
    /*margin-left: 4vw;*/
}
.menuls{
    position: fixed;
    right: 0;
    width: 60%;
    transform: translateX(100%);
    top: 0;
    z-index: 101;
    height: 100%;
    background-color: #ffffff;
    transition: all .3s;
    overflow-y: scroll;
    overflow-x: hidden;
    opacity: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
.menuls .menu_one {
    line-height: 18vw;
    height: 18vw;
    background-color: #002FA7;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 1px;
}
.menuls .menu_one .headclose {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: -15vw;
    top: 5vw;
    display: none;
}

.menuls .menu_two ul {
    width: 100%;
}
.menuls .menu_two ul li {
    line-height: 15vw;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}
.menuls .menu_two ul li>a{
    font-size: 4vw;
    display: block;
    width: 84%;
    padding: 0 10%;
    color: #777;
    transition: color 0.3s ease 0s;
}
.show .mi_head{
    transform: translateX(-60%);
}
.show .logo{
    /*padding: 5% 0;*/
}
.show .menuls{
    opacity: 1;
    transform: translateX(0%);
}
.show .mmitem:nth-child(2n){
    opacity: 0;
}
.show .mmitem:nth-of-type(1) {
    transform: rotate(45deg);
    top: 9vw!important;
}
.show .mmitem:nth-of-type(3) {
    transform: rotate(-45deg);
    width: 10vw!important;
    top: 9vw!important;
    margin-left: 5vw!important;
    right: 5vw!important;
}
.show .headclose{
    display: block!important;
}



.VerticalMenu {
    padding: 0px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.VerticalMenu > div {
    width: 100%;
    float: left;
}
.VerticalMenu .bianse{
    color: #002FA7 !important;
}
.VerticalMenu .sjx{
    position: absolute;
    /* display: block; */
    border-top: 1.5vw solid transparent;
    border-left: 2vw solid #777;
    border-bottom: 1.5vw solid transparent;
    margin: 5.5vw 0.5vw 0;
    right: 9%;
    transform: rotate(0deg);
    transition: transform 0.4s linear;
}
.VerticalMenu .sxjsele{
    color: #002FA7 !important;
    transform: rotate(90deg);
    border-left: 2vw solid #002FA7;
}
.VerticalMenu .span2{
    width: 84%;
    padding: 0 10%;
    height: 15vw;
    overflow: hidden;
    display: inline-block;
    font-size: 4vw;
    color: #777;
}
.VerticalMenu .span2 a {
    max-width: 80%;
    display: inline-block;
}
.VerticalMenu .span2 .arrow{
    display: inline-block;
    text-align: right;
    width: 10%;
    float: right;
}
.VerticalMenu > div > div:first-child {
    font-size: 14px;
    height: 15vw;
    line-height: 15vw;
    border-top: 1px solid #f2f2f2;
}
.VerticalMenu > div > div:first-child:hover {
    color: #002FA7;
}
.VerticalMenu > div > div:first-child > i:last-child {
    line-height: 40px;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}
.VerticalMenu > div > div:last-child {
    width: 100%;
    display: none;
    padding: 0 0vw 0 2vw;
    font-size: 0.8vw;
    color: #777;
}
.VerticalMenu > div > div:last-child > div{
    font-size: 3.5vw;
    height: 12vw;
    line-height: 12vw;
    overflow: hidden;
    padding-left: 9%;
    border-top: 1px dashed #EEEEEE;
}
.VerticalMenu > div > div:last-child > div:hover{
    color:  #002FA7;
}
/*.VerticalMenu > div:last-child > div:first-child{*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/
.VerticalMenu > div:last-child::after{
    display: block;
    clear: both;
}
.VerticalMenu .cpbs{
    color:  #002FA7!important;
}



.about_banner{
    position: relative;
}


.foot{
    background-color: #e5e5e5;
    position: relative;
    overflow: hidden;
}
.foot .ft-top{
    display: flex;
    justify-content: space-between;
    padding: 3% 0;
    border-bottom: 1px dashed #a0a0a0;
}
.foot .ft-top .conatct_flt{
}
.foot .ft-top .conatct_flt .ft_Btit{
    letter-spacing: 4px;
}

.foot .ft-top .conatct_flt .ft_des{
    margin: calc(var(--w_auto) * 25px) 0 calc(var(--w_auto) * 40px) 0;
}
.foot .ft-top .conatct_flt .ft_btn button{
    border: none;
    outline: none;
}
.foot .ft-top .conatct_flt .ft_btn span{
    width: calc(var(--w_auto) * 150px);
    padding: calc(var(--w_auto) * 15px) 0;
    text-align: center;
    border: 1px solid white;
}
.foot .ft-top .contact_frm{
    width: calc(var(--w_auto) * 665px);
    flex-wrap: wrap;
}
.foot .ft-top .contact_frm .ipt-blk{
    width: 40%;
    margin-left: 10%;
}
.foot .ft-top .contact_frm .ipt-blk input{
    width: 100%;
    border-bottom: 1px solid #727273;
    line-height: 4;
    font-size: .0833rem;
    color: #cccccc;
}
.foot .ft-top .contact_frm .ipt-blk input::placeholder{
    color: #ccc;
    font-size: .0833rem;
}

.foot .ft-top .contact_frm .ipt-blk:last-of-type{
    flex: 2;
    margin-top: calc(var(--w_auto) * 10px);
}



.foot .ft-top .ft-blk{
    width: calc(100%/4);
    float: left;
    text-align: center;
}
.foot .ft-top .ft-blk:nth-of-type(1){
    text-align: left;
    padding-left: 3%;
}
.foot .ft-top .ft-blk:nth-of-type(1) img{
    width: calc(var(--w_auto) * 190px);
    height: auto;
}
.foot .ft-top .ft-blk:nth-of-type(n+2) img{
    height: 3.805vw;
}

.foot .ft-top .ft-blk .ft-en{
    margin-top: 1.5%;
    line-height: 2;
    letter-spacing: 2px;
}
.foot .ft-top .ft-blk .ft-txt{
    text-transform: uppercase;
    letter-spacing: 1px;
}


.foot .ft-btm{
    padding: 3% 0;
    display: flex;
    justify-content: space-between;
}
.foot_list{
    width: calc(100%/5 - 4%);
    /*float: left;*/
    min-width: 7.5%;
    margin-left: 3%;
    position: relative;
}
.foot_list:nth-of-type(-n+4){
    /*width: 18.2%;*/
}
.foot_list:last-child{
    width: 21%;
    margin-right: 3%;
}
.foot_list:last-child:after{
    display: none;
}
.foot_list .ft-frm{
}
.foot_list .ft-frm li:nth-of-type(-n+2){
    width: 48.45%;
    float: left;
    margin: 0 3% 3% 0;
}
.foot_list .ft-frm li:nth-of-type(2){
    margin-right: 0;
}
.foot_list .ft-frm li:last-of-type{
    width: 100%;
    float: left;
    margin: 0 0 3%;
}
.foot_list .ft-frm input{
    background-color: white;
    line-height: 2.5;
    width: 100%;
    text-indent: 1em;
}
.foot_list .ft-frm input::placeholder,
.foot_list .ft-frm textarea::placeholder{
    color: #CCCCCC;
}

.foot_list .ft-frm textarea{
    text-indent: 1em;
    width: 100%;
    background-color: white;
    padding-top: 2%;
    border: medium none;
    resize:none;
}

.foot_list .ft-frm .ft-btn{
    display: flex;
    align-items: baseline;
    clear: both;
}
.foot_list .ft-frm .ft-btn button{
    color: white;
    text-align: center;
    padding: 2% 9%;
    border: medium none;
    cursor: pointer;
}
.foot_list .ft-frm .ft-btn button:first-of-type{
    margin: 0 3% 2% 0;
    background-color: #002FA7;
}
.foot_list .ft-frm .ft-btn button:last-of-type{
    background-color: #555555;
}
.foot_ewm{
    color:#cccccc;
    text-align: center;
    letter-spacing: 2px;
    display: flex;
    align-items: flex-end;
}
.foot_ewm img{
    margin-bottom: 10px;
    width: calc(var(--w_auto) * 110px);
}





.foot_list .foot_title{
    margin-bottom: calc(var(--w_auto) * 30px);
    letter-spacing: 2px;
}
.foot_list .foot_title span{
    color: #002FA7;
    padding-left: 5%;
    letter-spacing: 1px;
    font-weight: bold;
}
.foot_list .foot_ul{
    position: relative;
    color: #555555;
}
.foot_list .foot_ul li{
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2;
}
.foot_list .ulli50 li{
    width: 35%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 100%;
}




.copyright{
    background-color: #e5e5e5;
    color: #555555;
    z-index: 99;
    position: relative;
}
.copyright_all{
    position: relative;
    padding: 2% 1.5% 2% 3%;
    border-top: 1px dashed #a0a0a0;
}
.copyright .sys1{
    float: left;
    width: 65%;
    line-height: 2;
}
.copyright .sys2{
    float: right;
    width: 35%;
    text-align: right;
    padding-top: .5%;
}

.share-box{
    position: relative;
}
.share-box ul{
    position: relative;
    align-items: center;
    justify-content: flex-end;
}
.share-box li{
    margin-right: calc(var(--w_auto) * 25px);
    /*overflow: hidden;*/
}
.share-box li .social-share-icon{
}
.share-box li .social-share-icon > img{
    height: calc(var(--w_auto) * 30px);
    filter: invert(51%) brightness(120%);
    /*margin-top: calc(var(--w_auto) * 60px);*/
    /*filter: drop-shadow(0 calc(var(--w_auto) * -60px) 0 #a0a0a0);*/
    transition: all .5s;
}
.share-box li:hover img{
    /*margin-top: 0;*/
    filter: none;
    /*filter: drop-shadow(0 -30px 0 #002FA7);*/
}
.social-share .social-share-icon{
    border: none!important;
}
.social-share .social-share-icon:hover{
    background: transparent!important;
}
.social-share-icon:before{
    display: none!important;
}
.social-share .icon-wechat .wechat-qrcode .qrcode{
    width: 100px!important;
    margin: 16px auto!important;
}



.bottom-fix{
    background-color: #002FA7;
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.bottom-fix>a>img {
    width: 33.3333%;
    float: left;
    display: block;
    height: 13.5vw;
}

.kyword-section{
    background-color: rgba(0,0,0,.5);
    /*padding: 2% 0;*/
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    height: calc(var(--w_auto) * 135px);
    color: white;
}
.kyword-section:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: -1;
    width: 35%;
    height: 100%;
    background-color: #002FA7;
}
.kyword-section .wrap-flex{
    align-items: center;
}
.kyword-section .kwd-lt{
    width: 64%;
    float: left;
    align-items: center;
    height: calc(var(--w_auto) * 135px);
    position: relative;

}
.kyword-section .kwd-lt .kwd-txt{
    flex: .9;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    max-height: calc(var(--w_auto) * 135px);
}
.kyword-section .kwd-lt .kwd-txt .swiper-wrapper{
    overflow: hidden;
}
.kyword-section .kwd-lt .kwd-txt .swiper-slide{
    /*max-height: calc(var(--w_auto) * 135px);*/
    line-height:calc(var(--w_auto) * 135px);
}
.kyword-section .kwd-lt .kwd-txt .swiper-slide a{
}

.kyword-section .kwd-lt .kwd-txt .swiper-btn-prev{
    position: absolute;
    background: url("../image/idx-ico2.png") no-repeat;
    width: calc(var(--w_auto) * 17px);
    height: calc(var(--w_auto) * 11px);
    right: 0;
    top: 35%;
    background-size: cover;
}
.kyword-section .kwd-lt .kwd-txt .swiper-btn-next{
    position: absolute;
    background: url("../image/idx-ico2.png") no-repeat;
    width: calc(var(--w_auto) * 17px);
    height: calc(var(--w_auto) * 11px);
    right: 0;
    bottom: 35%;
    transform: rotate(180deg);
    background-size: cover;
}

.kyword-section .kwd-lt .kwd-tit{
    background: url("../image/idx-ico1.png") no-repeat center left;
    text-indent: 3em;
    padding: 2% 0;
    background-size: calc(var(--w_auto) * 29px);
}


.kyword-section .kwd-rt{
    width: 29%;
    float: right;
    align-items: center;
    margin-left: auto;
    /*height: calc(var(--w_auto) * 135px);*/
    /*background-color: #002FA7;*/
}
.kyword-section .kwd-rt .kwdr-tit{
    margin-bottom: 2.5%;
}
.kyword-section .kwd-rt .kwdr-ipt{
    display: flex;
    border-bottom: 1px solid #ffffff;
}
.kyword-section .kwd-rt .kwdr-ipt input{
    line-height: 4.5;
    text-indent: 3em;
    width: 100%;
    background: url("../image/so2.png") no-repeat center left 10px;
    background-size: calc(var(--w_auto) * 20px);
    color: white;
}
.kyword-section .kwd-rt .kwdr-ipt .frmbtn{
    border: none;
    color: white;
    font-weight: bold;
    margin-left: 3%;
    padding: 0 5% 0 10%;
}




/* Product */
.Product-section{
    position: relative;
    padding: 4.3% 0;
}
.Product-section .Product-cate{
    overflow: hidden;
    position: relative;
}
.swiper_level1{
}
.swiper_level1 .swiper-button-next,
.swiper_level1 .swiper-button-prev{
    color: #002FA7;
}
.swiper_level1 .swiper-button-next:after,
.swiper_level1 .swiper-button-prev:after{
    font-size: 32px;
}
.Product-section .Product-cate ul{
    display: flex;
    justify-content: center;
}
.Product-section  ul.level_2{
    position: relative;
    display: flex;
    justify-content: center;
}
.Product-section  ul.level_2:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #EEEEEE;
}

.Product-section  li{
    /*width: calc(100%/6);*/
    float: left;
    width: calc(100%/6);
    padding: calc(var(--w_auto) * 25px) 0;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-align: center;
    transition: all .5s;
    display: block;
    position: relative;
}
.Product-section  li a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.Product-section .Product-cate li img{
    vertical-align: middle;
    width:calc(var(--w_auto) * 32px);
    height: calc(var(--w_auto) * 32px);
}
.Product-section .level_2 li:before{
    display: none;
}

.Product-section .Product-cate li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 1px;
    height: 1px;
    background-color: #7d7d7d;
}


.Product-section .Product-cate li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    /*width: 70%;*/
    width: 0;
    margin: 0 auto;
    bottom: -1.5px;
    height: 4px;
    /*transform: scale(0);*/
    background-color: #002FA7;
    transition: all .5s;
    z-index: 9;
}
.Product-section .level_2 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    /*width: 70%;*/
    width: 0;
    margin: 0 auto;
    bottom: -1px;
    height: 3px;
    /*transform: scale(0);*/
    background-color: #002FA7;
    transition: all .5s;
    z-index: 9;
}
.Product-section  li.on:after,
.Product-section  li:hover:after{
    /*transform: scale(1);*/
    width: 70%;
}


.Product-section .Product-cate li img{
    transition: all .5s;
}
.Product-section .Product-cate li.on{
    color: #002FA7;
    /*font-weight: bold;*/
}
.Product-section .Product-cate li.on img{
    transform: rotateY(360deg);
}

.Product-section .Product-cate li:last-of-type{
    justify-content: end;
    margin-right: 0;
}
.Product-section .Product-cate li:last-of-type span{
    display: inline-block;
    position: relative;
    padding: 3.2% 20% 3.2% 3%;
    z-index: 0;
    background: url("../image/jiant.png") no-repeat right center;
    background-size: 19%;
}
.Product-section .Product-cate li:last-of-type span:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 15%;
    background-color: #b5b5b5;
    z-index: -1;
}

.Product-section .Product-cate li img{
    margin-right: 10%;
}
.Product-section .procot-box{

}
.Product-section .procot-box .pcot-top{

}
.Product-section  .pcot-top .pcot-tpblk{
    width: calc(100%/2 - 1%);
    float: left;
    margin: 0 2% 2% 0;
    background-color: white;
}
.Product-section  .pcot-top .pcot-tpblk:nth-of-type(2){
    margin-right: 0;
}
.Product-section  .pcot-top .pcot-tpblk .pcot-tpimg{
    float: left;
    width: 50%;
    height: 23vw;
    padding: 15% 0;
    overflow: hidden;
}
.Product-section  .pcot-top .pcot-tpblk .pcot-tptxt{
    float: right;
    width: 50%;
    padding: 10% 3% 10% 0;
}
.Product-section  .pcot-top .pcot-tpblk .pcot-tptxt .tp-name{
    padding-bottom: 15%;
}
.Product-section  .pcot-top .pcot-tpblk .pcot-tptxt .tp-cot{
    line-height: 1.8;
    margin-bottom: 15%;
}
.Product-section  .pcot-top .pcot-tpblk .pcot-tptxt .tp-btn{

}
.Product-section  .pcot-top .pcot-tpblk .pcot-tptxt .tp-btn span{
    display: inline-block;
    padding: 2.9% 10.7%;
    color: white;
    border-radius: 20px;
    background-color: #ffc221;
}
.Product-section  .pcot-top .pcot-tpblk:hover .pcot-tpimg img{
    transform: scale(1.1);
}


.Product-section .pcot-bottom .pcot-btblk{
    width: calc(100%/4 - 1.5%);
    float: left;
    margin: 0 2% 2% 0;
    padding-bottom: .8%;
    background-color: white;
    transition: all .5s;
}
.Product-section .pcot-bottom .pcot-btblk:nth-of-type(4n){
    margin-right: 0;
}

.Product-section .pcot-bottom .pcot-btblk  .pcot-btimg{
    height: 17vw;
    padding: 15% 0;

    overflow: hidden;
}
.Product-section .pcot-bottom .pcot-btblk .pcot-bttxt {
    padding: 3% 5%;
    line-height: 2.3;
    height: 6.8vw;
    text-align: center;
    position: relative;
    transition: all .5s;
}
.Product-section .pcot-bottom .pcot-btblk .pcot-bttxt .bt-name{
    bottom: -32%;
    position: relative;
    right: 0;
    left: 0;
    transition: all .5s;
}
.Product-section .pcot-bottom .pcot-btblk .pcot-bttxt .bt-cot{
    height: 0;
    width: 0;
    bottom: 30%;
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 5%;
    overflow: hidden;
    transition: all .5s;
}
.Product-section .pcot-bottom .pcot-btblk .pcot-bttxt .bt-btn{
    position: absolute;
    bottom: 7%;
    right: 0;
    left: 0;
    transition: all .5s;
}

.Product-section .pcot-bottom .pcot-btblk:hover .bt-name{
    /*transform: translateY(-100%);*/
    bottom: -7%;
}
.Product-section .pcot-bottom .pcot-btblk:hover .bt-btn{
    color: #002FA7;
    font-weight: bold;
}

.Product-section .pcot-bottom .pcot-btblk:hover .bt-cot{
    height:auto;
    width: 100%;
}
.Product-section .pcot-bottom .pcot-btblk:hover .pcot-btimg img{
    transform: scale(1.1);
}









.probtn-switch{
    position: relative;
    height: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
}
.probtn-switch .probtn-lt,.probtn-switch .probtn-rt{
    height: 3.14vw;
    width: 3.14vw;
    cursor: pointer;
    margin-right: 2%;
}
.probtn-switch .probtn-rt{
    margin-right: 0;
}
.probtn-switch .procnt-cot{
    min-height: 22.8vw;
}

.Product-section .prolt-cot{
    width: 40%;
    float: left;
    background-color: #eeeeee;
    position: relative;
}
.Product-section .prolt-cot img{
    border: 1px solid #dcdcdc;
}

.Product-section .prort-cot{
    width: 60%;
    float: right;
    padding: 3% 22% 4% 4%;
}
.Product-section .prort-cot .prort-tit{
    font-family: Impact;
    color: #313131;
    margin-bottom: 4%;
}
.Product-section .prort-cot .prort-intro{
    color: #666666;
    margin-bottom: 1.8%;
}
.Product-section .prort-cot .prort-param{
    color: #666666;
    line-height: 2;
    margin-bottom: 5%;
}
.Product-section2{

}
.Probox-c{
    width: calc(100%/4);
    float: left;
    position: relative;
    padding: 4% 1% 2% 3%;
    transition: all .5s;
}
.Probox-c:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    width: 99.6%;
    height: 100%;
    border: 2px solid #dcdcdc;
    border-left: none;
    z-index: -1;
}
.Probox-c:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border: 0;
    /*border-top:none;*/
    /*border-left:none;*/
    /*border-right-color: #002FA7;*/
    /*border-bottom-color: #002FA7;*/
    z-index: -1;
    transition: all .6s;
}
.Probox-c:hover:before{
    border: solid 4.75vw transparent;
    border-right-color: #002FA7;
    border-bottom-color: #002FA7;
}
.Probox-c .pro-tit{
    font-family: "Segoe UI";
    font-style: italic;
    margin-bottom: 81%;
}


.Probox-c .prolt-tit,.Probox-c .prort-img{
    width: 50%;
    float: left;
    position: relative;
    /*overflow: hidden;*/
}

.Probox-c  .prort-img .pimg{
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 55%;
    width: 10.4vw;
    height: 10.5vw;
    max-width: 200px;
}
.Probox-c:hover  .prort-img .pimg img{
    /*transform: scale(1.2);*/
    transform: translateY(-15%) translateX(-10%) scale(1.2);
}

.Probox-c:hover .btn-c i{
    background: url("../image/jtou_.png") no-repeat center right;
}
.Probox-c:hover .btn-c:before{
    width: 100%;
}
.Probox-c:hover .btn-c{
    border-color: #002FA7;
    color: white;
}

.Case_section{
    background-color: #eeeeee;
}
.Case_section .icase-cnt{
    padding: 2.5% 0 5%;
}
.Case_section .icase-box{
    margin:0 .75%;
    position: relative;
}
.Case_section .icase-box .icase-img{
    position: relative;
    padding-bottom: 10%;
    margin-bottom: 4%;
}
.Case_section .icase-box .icase-img img{
    border-radius: 10px;
}

.Case_section .icase-box .icase-img .icase-fixed{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 5%;
    padding:5% 3% 10%;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .2);
    box-shadow:0 0 15px rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 1;
}
.Case_section .icase-box .icase-img .icase-fixed:after{
    position: absolute;
    right: -44%;
    bottom: -47%;
    width: 65%;
    height: 100%;
    /*border: 1px solid #000;*/
    border-radius: 50px;
    /*box-shadow: 0 0 0 900px rgba(255,255,255,0.2);*/
    content: '';
    opacity: 1;
    z-index: 2;
    background: rgba(0, 113, 220,.1) url("../image/jto.png") no-repeat 15% 26%;
    background-size: 8.5%;
    transition: all .5s;
    /*-webkit-transform: scale3d(0.5,0.5,1);*/
    /*transform: scale3d(0.5,0.5,1);*/
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.Case_section .icase-box .icase-fixed:before{
    position: absolute;
    content: '';
    right: -100%;
    bottom: -100%;
    width: 65%;
    height: 100%;
    opacity: 0;
    border-radius: 50px;
    background-color: #002FA7;
    transition: all .5s;
}
.Case_section .icase-box:hover .icase-fixed:after{
    /*filter: brightness(10);*/
    background:  url("../image/jto-w.png") no-repeat  15% 26%;
    background-size: 8.5%;
}
.Case_section .icase-box:hover .icase-fixed:before{
    right: -44%;
    bottom: -47%;
    opacity: 1;
}
.Case_section .icase-box .icase-img .icase-fixed .icase-tit{
    margin-bottom: 3%;
}
.Case_section .icase-box .icase-img .icase-fixed .icase-txt{
    padding-right: 16%;
    line-height: 1.6;
}

.index_news{
    background-color: #eeeeee;
    padding: 2% 0;
}
.index_news .syxw{
    width: 100%;
    position: relative;
    margin: 4% 0;
}
.index_news .syxw .syxwl{
    width: 59.1875%;
    box-shadow: 20px 0px 20px #cccccc;
    z-index: 3;
    position: relative;
}
.index_news .syxw .syxwl .dnra{
    color: #ffffff;
    position: relative;
}
.index_news .syxw .syxwl .dnra .dnr1{
    position: absolute;
    left: 5%;
    top: 20%;
}
.index_news .syxw .syxwl .dnra .dnr2{
    position: absolute;
    right: 5%;
    top: 22.5%;
}
.index_news .syxw .syxwl .dnrb{
    background-color: #ffffff;
    padding: 3%;
}
.syxwla{
    line-height: 2;
}
.syxwla .xwnra{

}
.syxwla .xwnra .xwnr1{
    color: #ffffff;
    background-color: #002FA7;
    float: left;
    padding: 0.8% 0;
    line-height: 1.2;
    width: 12%;
    text-align: center;
    margin: 0 2% 0 0;
}
.syxwla .xwnra .xwnr2{
    width: 60%;
    float: left;
    color: #333333;
    transition: all .5s;
}
.syxwla .xwnra .xwnr3{
    float: right;
    color: #aaaaaa;
}
.syxwla .xwnrb{
    color: #333333;
    margin: 2% 0 2% 0;
    /*padding: 0 0 2% 0;*/

}
.syxwla:hover .xwnr2{
    color: #002FA7;
    padding-left: 1%;
}

.syxwlb{
    border-top: 1px solid #cccccc;
    line-height: 2;
    padding-top: 1%;
}
.syxwlb ul li{
    margin: 1% 0;
}
.syxwlb ul li .xwnr1{
    float: left;
    color: #dcdcdc;
    transition: all .5s;
    line-height: 2.3;
    margin: 0 1% 0 0;
    position: relative;
}
.syxwlb ul li .xwnr1:before{
    position: absolute;
    content: '';
    left: 0;
    top: .56vw;
    width: 10px;
    height: 10px;
    background-color: #dcdcdc;
    border-radius: 50%;
}
.syxwlb ul li .xwnr2{
    float: left;
    width: 60%;
    text-indent: 1em;
    color: #333333;
    transition: all .5s;
}
.syxwlb ul li .xwnr3{
    float: right;
    color: #aaaaaa;
}
.syxwlb ul li:hover .xwnr1:before{
    background-color: #002FA7;
}
.syxwlb ul li:hover .xwnr2{
    color: #002FA7;
    padding-left: 1%;
}


.index_news .syxw .syxwr{
    position: absolute;
    width: 40.8125%;
    height: 100%;
    left: 59.1875%;
    top: 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2% 4% 2% 6%;
}
.index_news .syxw .syxwr .dnra{
    margin: 0 0 4% 0;
}
.index_news .syxw .syxwr .dnra .dnr1{
    color: #333333;
    float: left;
}
.index_news .syxw .syxwr .dnra .dnr2{
    color: #333333;
    float: right;
}
.index_news .syxw .syxwr .dnrb{
    line-height: 2;
}
.index_news .syxw .syxwr .syxwra{
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 3% 0;
    padding: 0 0 3% 0;
}
.index_news .syxw .syxwr .syxwra .xwnr1{
    color: #333333;
    margin: 2% 0 2% 0;
    transition: all .5s;
}
.index_news .syxw .syxwr .syxwra .xwnr2{
    color: #333333;
}
.index_news .syxw .syxwr .syxwra:hover .xwnr1{
    color: #002FA7;
    padding-left: 1%;
}
.index_news .syxw .syxwr .syxwrb .xwnr1{

}
.index_news .syxw .syxwr .syxwrb ul li{
    border-top: 1px dashed #dcdcdc;
    margin: 0 0 2% 0;
    padding: 2% 0 0 0;
}
.index_news .syxw .syxwr .syxwrb ul li:nth-of-type(1){
    border-top: 0;
}
.index_news .syxw .syxwr .syxwrb .xwnr1{
    color: #333333;
}
.index_news .syxw .syxwr .syxwrb .xwnr2{
    color: #333333;
    transition: all .5s;
}
.index_news .syxw .syxwr .syxwrb ul li:hover .xwnr2{
    color: #002FA7;
    padding-left: 1%;
}

.index_partner{
    background-color: #eeeeee;
    padding: 3.5% 0 2.5%;
}
.index_partner .partner_cot{
    margin-right: -1.8%;
}
.index_partner .partner_cot li{
    width: calc(100%/6 - .6%);
    float: left;
    margin-right: .6%;
}




.About-us{
    background: url("../image/abt_bg.jpg") no-repeat center;
    padding: 4.5% 0;
    background-size: cover;
}
.About-us .Abt-cnt{
    color: white;
    text-align: center;
}
.About-us .Abt-cnt .abt-lt{
    margin-top: 5%;
}
.About-us .Abt-cnt .abt-lt li{
    float: left;
    width: calc(100%/5);
}

.About-us .Abt-cnt .abt-lt .abt-simg{
    overflow: hidden;
    transition: all .5s;
}
.About-us .Abt-cnt .abt-lt .abt-simg img{
    height: 2.38vw;
    max-height: 46px;
    transition: all .5s;
}
.About-us .Abt-cnt .abt-lt li:hover .abt-simg{
    transform: translateY(-50%);
}
.About-us .Abt-cnt .abt-lt .abt-stit{
    margin: 6% 0 5%;
}
.About-us .Abt-cnt .abt-lt .abt-stxt{
    line-height: 1.5;
    color: #CCCCCC;
    text-transform: uppercase;
}



.About-us .Abt-cnt .abt-ct{

}
.About-us .Abt-cnt .abt-ct .abt-cot{
    line-height: 2.5;
    margin: 3% 0;
}
.About-us .Abt-cnt .abt-ct .abt-more .btn-c{
    text-align: left;
}

.About-us .Abt-cnt .abt-rt{
    width: 15%;
    float: right;
}

.News-section{
    padding: 3.5% 0;
}
.idxnews_top{
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3%;
}
.idxnews_top .idxnews_tit .p_en{
    margin: calc(var(--w_auto) * 35px) 0;
}
.idxnews_top .idxnews_cate ul{
    display: flex;
    flex-direction: row;
}
.idxnews_top .idxnews_cate li{
    width: calc(var(--w_auto) * 150px);
    margin-left: calc(var(--w_auto) * 22px);
    text-align: center;
    position: relative;
    background-color: var(--clorF) ;
    transition: all .5s;
    overflow: hidden;
    z-index: 1;
}
.idxnews_top .idxnews_cate li:before{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background-color: #002FA7;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
    z-index: -1;
    transition: all .5s;
}

.idxnews_top .idxnews_cate li a{
    display: block;
    padding: calc(var(--w_auto) * 21px) 0;
}
.idxnews_top .idxnews_cate li.on{
    color: white;
}
.idxnews_top .idxnews_cate li.on:before{
    left: 0;
}




.inews_all{
    padding-top: 2%;
}
.newsbox{
    width: 22.75%;
    float: left;
    margin-right: 3%;
}
.newsbox:nth-child(4n){
    margin-right: 0;
}
.newsbox .time{
    position: relative;
}
.newsbox .time .time_yr{
    float: left;
    color: #333333;
    font-weight: bold;
    transition: all 0.3s;
}
.newsbox .time .time_n{
    float: left;
    color: #555555;
    margin-top: 4%;
    margin-left: 4%;
    transition: all 0.3s;
}
.newsbox .news_img{
    margin: 5% 0;
    width: 100%;
    height: 12.5vw;
    overflow: hidden;
}
.newsbox .news_tit{
    color: #333333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.newsbox .news_cot{
    color: #333333;
    height: 40px;
    line-height: 20px;
    margin: 3% 0;
}
.newsbox .news_plus{
    font-size: 40px;
    color: #333333;
    transition: all 0.3s;
}
.newsbox:hover .news_img img{
    transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
    color: #002FA7;
}
.newsbox:hover .time .time_n{
    color: #002FA7;
}

.newsbox:hover .news_plus{
    color: #002FA7;
}






.News-section .news-list{}
.News-section .news-list .news-box {
    float: left;
    width: 50%;
    position: relative;
    padding: 3% 5%;
    display: block;
}
.News-section .news-list .news-box:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 99.6%;
    height: 99.6%;
    display: none;
}
.News-section .news-list .news-box:hover .nstime{
    color: #002FA7;
}
.News-section .news-list .news-box:hover .btn-c{
    border-color: #002FA7;
    color: white;
}
.News-section .news-list .news-box:hover .btn-c:before{
    width: 100%;
}

.News-section .news-list .news-box:hover .btn-c i{
    background: url("../image/jtou_.png") no-repeat center right;
}


.news-box .border-left{width: 1px;height: 0px;background: #002FA7;position:absolute;left:-1px;bottom: 0;}
.news-box .border-bottom{width: 0px;height: 1px;background: #002FA7;position:absolute;left:0;bottom: 0px;}
.news-box .border-top{width: 0px;height: 1px;background: #002FA7;position:absolute;right:0;top: 0px;}
.news-box .border-right{width: 1px;height: 0px;background: #002FA7;position:absolute;right:-1px;top: 0;}

.News-section .news-list .news-box .nstit{
    color: #002FA7;
    margin-bottom: 3%;
}
.News-section .news-list .news-box .nscot{
    line-height: 2.5;
    margin-bottom: 5%;
}
.News-section .news-list .news-box .nstime{
    font-family: "Impact";
    color: #c3c3c3;
    text-align: right;
    transition: all .5s;
}

.Contact-us{
    width: 100%;
    position: relative;
    background: url("../image/contact-bg.png") no-repeat center;
    background-size: cover;
}

.Contact-us .foot_message{
    padding: 2.35% 0;
}
.Contact-us .foot_message .fm_title{
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 2% 0;
    font-family: "Impact";
    line-height: 2;
    letter-spacing: 1px;
}
.Contact-us .foot_message .fm_form{

}
.Contact-us .foot_message .srk1{
    width: 25.5%;
    margin: 0 11.75% 3% 0;
    /*border: 1px solid #ffffff;*/
    /*color: #ffffff;*/
    background-color: white;
    padding: 1% 2%;
    float: left;
    border-radius: 5px;
}
.Contact-us .foot_message .srk1:nth-of-type(3){
    margin: 0 0 3% 0;
}
.Contact-us .foot_message .srk2{
    width: 62.5%;
    margin: 0 3% 3% 0;
    /*border: 1px solid #ffffff;*/
    /*color: #ffffff;*/
    background-color: white;
    padding: 1.2% 2%;
    float: left;
    border-radius: 5px;
}
.Contact-us .foot_message input::-webkit-input-placeholder{
    color:#333333;
}
.Contact-us .foot_message .ann{
    background-color: #002FA7;
    border: 1px solid #002FA7;
    color: #ffffff;
    text-align: center;
    padding: 1.1% 2%;
    display: block;
    /*margin: 2% auto 0;*/
    cursor: pointer;
    float: right;
    width: 15.5%;
    border-radius: 5px;
    letter-spacing: 2px;
}
.foot_link{
    background-color: #002FA7;
    line-height: 3.8;
}
.foot_link .link-blk{
    color: white;
}
.foot_link .link-blk li{
    float: left;
    margin-right: 2.5%;
}




.btn-c{
    display: inline-block;
    width: 7.5vw;
    height: 2.1vw;
    line-height: 2.1vw;
    padding-left: 1.1vw;
    /*text-align: center;*/
    border: 1px solid #333333;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .5s;
}
.btn-c i{
    position: absolute;
    content: '';
    width: 1.15vw;
    top: 2px;
    right: 20%;
    height: 100%;
    font-style: inherit;
    background: url("../image/jtou.png") no-repeat center;
    transition: all .8s;
    background-size: 100%;
}
.btn-c:after{
    display: none;
    position: absolute;
    content: '';
    right: 20%;
    top: 0;
    height: 100%;
    background: url("../image/jtou.png") no-repeat center right;
    width: 22px;
    transition: all .5s;
}
.btn-c:before{
    /*display: none;*/
    position: absolute;
    content: '';
    z-index: -1;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #002FA7;
    transition: all .5s;
}
.btn-c:hover,
.btn-c.on{
    border-color: #002FA7;
    color: white;
}
.btn-c.on2{
    border: 1px solid #333333;
    color: #333333;
}
.btn-c.on2:before{
    background-color: transparent;
}
.btn-c:hover i,
.btn-c.on i{
    background: url("../image/jtou_.png") no-repeat center right;
}
.btn-c.on2 i{
    background: url("../image/jtou.png") no-repeat center right;
}
.btn-c:hover:before,
.btn-c.on:before,
.btn-c:active:before
{
    width: 100%;
    border: 1px solid #002FA7;
}










.sy_title_all{
    position: relative;
    padding: 3% 0 3%;
    width: 100%;
    text-align: center;
}
.sy_title_all .dca{
    font-size: 30px;
    margin: 0 0 1% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.sy_title_all .dcb{
    font-size: 24px;
    margin: 0 0 1% 0;
}
.sy_title_all .dcc{
    display: inline-block;
    width: 20%;
    height: 1px;
    position: relative;
}
.sy_title_all .dcc:before{
    content: "";
    width: 15%;
    height: 9px;
    left: 40%;
    top: -4px;
    position: absolute;
    background-color: #002FA7;
}
.tays1 div{
    color: #333333;
}
.tays1 .dcc{
    background-color: #333333;
}
.tays2 div{
    color: #ffffff;
}
.tays2 .dcc{
    background-color: #ffffff;
}


.sy_mka{
    background: url(../image/sycpline.jpg) center;
}

.sy_sp{
    width: 87%;
    margin: -15% auto 3%;
    position: relative;
}
.sy_sp .sy_sp_da{
    width: 28.265%;
    float: left;
    position: relative;
}
.sy_sp .sy_sp_da .dcot{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sy_sp .sy_sp_da .dcot .dny1{
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 10% 0 2% 0;
}
.sy_sp .sy_sp_da .dcot .dny2{
    margin: 5% 0 20%;
}
.sy_sp .sy_sp_da .dcot .dny3{
    border: 1px solid #ffffff;
    padding: 2% 0;
    width: 50%;
    margin: 0 auto;
    line-height: 1.2;
}

.sy_sp .sy_sp_db{
    position: absolute;
    right: 0;
    width: 71.735%;
    height: 100%;
    float: right;
}
.sy_sp .sy_sp_db video{
    width: 100%;
    height: 100%;
}

.sy_sp .sy_sp_db .sy_sp_db_tit{
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3.35%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    letter-spacing: 1px;
}

.sy_cp{
    padding: 3% 0;
}

.mouse-down {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.mouse-down .mouseinfo {
    margin: auto;
    width: 1.9375%;
    padding: 1.5% 0;
    background: url(../image/mouse.png) center no-repeat;
    background-size: 100%;
    z-index: 10;
    filter: brightness(0.5);
}
.mouse-down .mouseinfo i {
    display: block;
    width: 3px;
    height: 9px;
    background: url(../image/line.png) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 8px;
    filter: brightness(0.5);
    animation: moveDownSpot 1000ms infinite;
    -webkit-animation: moveDownSpot 1000ms infinite;
    -moz-animation: moveDownSpot 1000ms infinite;
}
@keyframes moveDownSpot {
    from {
        opacity: 1;
        top: 7px;
    }

    to {
        opacity: 0.1;
        top: 16px;
    }
}

.mouse-down small {
    margin-top: 1%;
    display: block;
    color: #555555;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.sy_subhead{
    font-size: 44px;
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.sy_subhead:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 8px;
    width: 22.5%;
}
.sy_subhead:before{
    content: '';
    position: absolute;
    left: 22.5%;
    bottom: -23px;
    height: 8px;
    width: 22.5%;
}
.nyysr{
    color: #FFFFFF;
}
.nyysr:after,.nyysr:before{
    background-color: #002FA7;
}
.nyysb{
    color: #FFFFFF;
}
.nyysb:after,.nyysb:before{
    background-color: #ffffff;
}
.nyysh{
    color: #333333;
}
.nyysh:after,.nyysh:before{
    background-color: #002FA7;
}


.sy_cp_list{
    padding: 2% 0 0 0;
}
.sycp_fl{
    width: 46.25%;
    padding: 5% 0 0 0;
    float: left;
}

.sycp_fr{
    width: 46.875%;
    padding: 0 0 0 0;
    float: right;
}


.sycp_list{
    position: relative;
}
.sycp_item{
    line-height: 2;
}
.sycp_item .sycp_title{
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 1px;
    width: 70%;
    position: relative;
    margin: 0 0 5% 0;
}
.sycp_item .sycp_title:after{
    content: '';
    position: absolute;
    width: 12.5%;
    height: 10px;
    background-color: #002FA7;
    left: 0;
    bottom: -5px;
}
.sycp_item .sycp_merit{
    color: #666666;
    width: 70%;
    margin: 0 0 5% 0;
}
.sycp_item .sycp_three{
    color: #666666;
    text-align: left;
}
.sycp_item .sycp_three ul li{
    display: inline-block;
    margin: 0 3% 0 0;
}
.sycp_item .sycp_three ul li span{
    color: #002FA7;
    padding: 0 5px 0 0;
}
.sycp_item .sycp_ck{
    background-color: #002FA7;
    color: #ffffff;
    display: inline-block;
    width: 18%;
    position: absolute;
    right: 0;
    top: 5%;
    text-align: center;
}


.sycp_switchy{
    width: 76%;
    padding: 15% 0 5% 0;
    font-size: 0;
    position: relative;
    margin: 0 0 0 4%;
}
.sycp_switchy ul li{
    width: 33.3%;
    background: -webkit-linear-gradient(#f9f7fc,#f8f6fb,#e8e7ed); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(#f9f7fc,#f8f6fb,#e8e7ed); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(#f9f7fc,#f8f6fb,#e8e7ed); /* Firefox 3.6-15 */
    background: linear-gradient(#f9f7fc,#f8f6fb,#e8e7ed); /* 标准语法 */
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}
.sycp_switchy .on1{
    float: left;
}
.sycp_switchy .on3{
    float: right;
}
.sycp_switchy ul li:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.6);
}
.sycp_switchy .on2{
    position: absolute;
    left: 33.3%;
    z-index: 2;
    box-shadow: 0 1px 5px #333333;
    transform: scale(1.35);
}
.sycp_switchy .on2:after{
    display: none;
}


.sycp_switche{
    padding: 0 0 5%;
}

.sycp_switche ul li{
    font-size: 30px;
    color: #151515;
    width: 50%;
    float: left;
    line-height: 25px;
    position: relative;
    margin: 3% 0 3% 0;
    cursor: pointer;
}
.sycp_switche ul li:after{
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #171717;
    left: -35px;
    top: 0;
    transition: all 0.5s;
}
.sycp_switche .on:after{
    background-color: #002FA7;
}





.public_title{
    align-items: center;
    margin-bottom: 2.5%;
    text-align: center;
}
.public_title .ny_cn{
    letter-spacing: 4px;
    position: relative;
    margin-bottom: 2.3%;
}
.public_title .ny_en{
    color: #AAAAAA;
    text-transform: uppercase;
}
.public_title .ny_more{
    color: #666666;
    letter-spacing: 2px;
    padding-right: calc(var(--w_auto) * 25px);
    background: url("../image/more.png") no-repeat center right;
    background-size:  calc(var(--ftsize) * 12px);
}

.public_title .tit_zh{
    letter-spacing: 4px;
    position: relative;
    margin-bottom: 2.5%;
    display: inline-block;
}
.public_title .tit_en{
    text-transform: uppercase;
    color: #ffc221;
}
.public_title .ptcn{
    color: #333333;
    letter-spacing: 2px;
    margin-bottom: 1.6%;
}
.public_title .pten{
    color: #AAAAAA;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.public_title .pten2{
    color: #AAAAAA;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 2.5%;
}
.public_title .intro{
    position: relative;
}
/*.public_title .intro:before{
    position: absolute;
    content: '';
    left: 47.6%;
    bottom: 20%;
    width: 5%;
    height: 2px;
    background-color: #002FA7;
}*/


/*.public_title .tit_zh:after{
    content: "";
    position: absolute;
    width: 85%;
    height: 5%;
    background-color: #666666;
    left: -100%;
    top: 48%;
}
.public_title .tit_zh:before{
    content: "";
    position: absolute;
    width: 85%;
    height: 5%;
    background-color: #666666;
    right: -100%;
    top: 48%;
}*/
/*.public_title .ny_cn:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 10%;
    background-color: #002FA7;
    left: -35%;
    top: 48%;
}
.public_title .ny_cn:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 10%;
    background-color: #002FA7;
    right: -35%;
    top: 48%;
}*/
.public_title.syysb{
    color: #FFFFFF;
}
.public_title.syysh{
    color: #333333;
}

.idxprolist{
    /*display: flex;*/
    margin-top: 2%;
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
}
.level2_switch{
    margin-top: 2.5%;
}
.level2_switch .level2_prolist{

}
.level2_switch .level2_prolist .idx_probox{
    width: calc(100%/4 - 1.88%);
    float: left;
    display: block;
    margin: 0 2.5% 2.5% 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}
.level2_switch .level2_prolist .idx_probox:nth-of-type(4n){
    margin-right: 0;
}

.level2_switch .level2_prolist .idx_probox .ipro-img{
    background-color: #EEEEEE;
    overflow: hidden;
}
.level2_switch .level2_prolist .idx_probox .iproname{
    margin: 5% 0;
}
.level2_switch .level2_prolist .idx_probox .iprocode{
    line-height: 1.5;
}
.level2_switch .level2_prolist .idx_probox .ipromore{
    margin-top: 5%;
}
.level2_switch .level2_prolist .idx_probox .ipromore span{
    width: calc(var(--w_auto) * 150px);
    height: calc(var(--w_auto) * 50px);
    line-height: calc(var(--w_auto) * 50px);
    display: inline-block;
    /*background: url("../image/jto.png") no-repeat center right;*/
    /*background-size: calc(var(--w_auto) * 37px);*/
    position: relative;
    overflow: hidden;
    transition: all .5s;
    z-index: 0;
}
.level2_switch .level2_prolist .idx_probox .ipromore span:before{
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    height: 100%;
    z-index: -2;
    background-color: #002FA7;
    transition: all .5s;
}
.level2_switch .level2_prolist .idx_probox .ipromore span:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 100%;
    background: url("../image/jto.png") no-repeat center right;
    background-position-x: 75%;
    background-size: calc(var(--w_auto) * 37px);
    transition: all .5s;
}
.level2_switch .level2_prolist .idx_probox:hover .ipromore span{
    color: white;
    padding: 0 4.5%;
}
.level2_switch .level2_prolist .idx_probox:hover .ipromore span:after{
    filter: brightness(10);
    background-position-x: 83%;

}
.level2_switch .level2_prolist .idx_probox:hover .ipromore span:before{
    width: 100%;
}
.level2_switch .level2_prolist .idx_probox:hover .ipro-img img{
    transform: scale(1.1);
}







.prolistmore{
    margin: 3% 0;
    text-align: center;
}
.prolistmore span{
    background-color: #002FA7;
    color: white;
    border-radius: 0;
    width: calc(var(--w_auto) * 200px);
    height: calc(var(--w_auto) * 65px);
    line-height: calc(var(--w_auto) * 65px);
    padding: 0;
}
/******** Index ProApp *******/
.ProApp-section{
    background-color: #002FA7;
}
.ProApp-section .proapp-box{
    line-height: 2;
    float: left;
    position: relative;
    transition: all .5s;
}
.ProApp-section .proapp-box:first-of-type{
    width: 35%;
    padding: 5% 5% 5% 7%;
}
.ProApp-section .proapp-img{
    height: calc(var(--w_auto) * 480px);
    max-height: 45vw;
    overflow: hidden;
}
.ProApp-section .proapp-img img{
    object-fit: cover;
}


.ProApp-section .proapp-cot{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
    /*transition: all .5s;*/
    /*-moz-transition: all .5s;*/
    /*-o-transition: all .5s;*/
}

.ProApp-section .proapp-cot .proapp-tit{
    align-items: center;
    flex-direction: column;
    /*transition: all .5s;*/
    /*-o-transition: all .5s;*/
    /*-moz-transition: all .5s;*/
}

.ProApp-section .proapp-cot .proapp-tit .proapp-ico{
    position: relative;
    display: flex;
    border-radius: 50%;
    transition: all .5s;
}
.ProApp-section .proapp-cot .proapp-tit .proapp-ico img{
    /*background-color: #002FA7;*/
    border-radius: 50%;
    width: calc(var(--w_auto) * 103px);
    height: calc(var(--w_auto) * 103px);
    filter: invert(50%) brightness(10);
    z-index: 1;
    /*transition: all .5s;*/
}
.ProApp-section .proapp-cot .proapp-tit .proapp-ico:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #002FA7;
    transition: all .5s;
}
.ProApp-section .proapp-cot .proapp-tit .proapp-name{
    margin-top: 10%;
    /*transition: all .5s;*/
}

.ProApp-section .proapp-cot .proapp-txt{
    width: 0;
    height: 0;
    transform: scale(0);
}

.ProApp-section .proapp-more{
    margin-top: 20%;
}
.ProApp-section .proapp-box:nth-of-type(2){
    width: 65%;
}
.ProApp-section .proapp-box:nth-of-type(3){
    width: 50%;
}
.ProApp-section .proapp-box:nth-of-type(4){
    width: 25%;
}
.ProApp-section .proapp-box:nth-of-type(5){
    width: 25%;
}
.ProApp-section .proapp-box:hover .proapp-img img{
    transform: scale(1.1);
}
.ProApp-section .proapp-box:hover .proapp-cot .proapp-tit{
    flex-direction: revert;
    transition: all .5s;
}
.ProApp-section .proapp-box:hover .proapp-cot .proapp-tit .proapp-name{
    margin-top: 0;
}
.ProApp-section .proapp-box:hover .proapp-tit .proapp-ico:after{
    transform: scale(0);
}
.ProApp-section .proapp-box:hover .proapp-tit .proapp-ico img{
    background-color: transparent;
}
.ProApp-section .proapp-box:hover .proapp-cot .proapp-txt{
    width: auto;
    height: auto;
    transform: scale(1);
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}

/******* Service-section ********/
.Service-section{
    margin: 4% 0;
}
.wi-case{
    height: calc( var(--w_auto) * 710px );
    display: flex;
    position: relative;
}
.wi-case .wics-box{
    display: block;
    z-index: 1;
    /*background: rgba(0, 0, 0, 0.5);*/
    width: calc( var(--w_auto) * 190px );
    flex: .111;
    height: 100%;
    transition: all 0.5s;
    border-left: calc(var(--w_auto) * 4px) solid #eee;
    position: relative;
    overflow: hidden;

}
.wi-case .wics-box:first-child{
    border-left: 0;
}
.wi-case .wics-box.on{
    width: calc(100%);
    flex: .56;
    border: none;
    background: none;
}


.wi-case .wics-box .wics-onck{
    cursor: pointer;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}
.wi-case .wics-box .wics-onck .wics-smtie{
    width: 100%;
    font-size: calc( var(--ftsize) * 18px );
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 calc( var(--w_auto) * 50px );
    padding: 0 5%;
    line-height: 2;
}
.wi-case .wics-box .wics-onck .wics-arrow{
    background: url(../image/wics_arrow.png) no-repeat  center;
    width: calc( var(--w_auto) * 21px );
    height: calc( var(--w_auto) * 21px );
    background-size: 100% 100%;
}
.wi-case .wics-box.on .wics-onck{
    display: none;
}

.wi-case .wics-box .wics-open{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
    opacity: 0;
    transition: all 0.5s;
    position: absolute;

}
.wi-case .wics-box .wics-open .wodca{
    font-size: calc( var(--ftsize) * 36px );
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 calc( var(--w_auto) * 20px );
}
.wi-case .wics-box .wics-open .wodcb{
    font-size: calc( var(--ftsize) * 14px );
    color: #ffffff;
    margin: 0 0 calc( var(--w_auto) * 50px );
    line-height: 2;
}
.wi-case .wics-box .wics-open .wodcc{
    position: relative;
    width: calc( var(--w_auto) * 195px );
    height: calc( var(--w_auto) * 50px );
    line-height: calc( var(--w_auto) * 50px );
    /*border: 1px solid #002FA7;*/
    font-size: calc( var(--ftsize) * 16px );
    color: #ffffff;
    background-color: #002FA7;
    padding: 0 calc( var(--w_auto) * 40px );
}
.wi-case .wics-box .wics-open .wodcc:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 100%;
    z-index: 0;
    filter: brightness(10);
    background: url(../image/jto.png) no-repeat 80% center;
    background-size: calc(var(--w_auto) * 37px);
}

.wi-case .wics-box.on .wics-open{
    opacity: 1;
    animation: .3s ease .4s normal forwards 1 easyinleft;
}
.wics-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}



.About-section{
    margin: 6% 0 5%;
    background: url("../image/about_bg.png") no-repeat center top;
}
.About-section .abt-tit{
    position: relative;
    padding: 3% 0;
}
.About-section .abt-tit .abt-en{
    margin-top: 2%;
}
.About-section .abt-tit .abt-more{
    position: absolute;
    right: 0;
    top: 37%;
}


.About-section .abtflex{
    align-items: center;
    background: #002FA7;
}
.About-section .abtflex .abtimg{
    float: left;
    width: 50%;
}

.About-section .abttxt{
    line-height: 2;
    float: right;
    width: 50%;
}
.About-section  .abtcot-flex{
    position: relative;
}
.About-section  .abtcot-flex .abt-watermark{
    position: absolute;
    right: 0;
    bottom: 10%;
}
.About-section  .abtcot-flex .abt-watermark img{
    width: calc(var(--w_auto) * 142px);
    height: auto;
}


.About-section  .abt-enbox{
    position: absolute;
    left: 0;
    top: -27%;
    padding: 14% 14% 2% 5%;
    color: white;
    border: calc(var(--w_auto) * 14px) solid #002FA7;
}
.About-section  .abt-enbox .en-desc{
    font-size: calc(var(--ftsize) * 32px);
    letter-spacing: 2px;
    line-height: 1.6;
}
.About-section  .abt-enbox .en-year{
    font-size: calc(var(--ftsize) * 32px);
    letter-spacing: 2px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    margin-top: 5%;
}
.About-section  .abt-enbox .en-year span{
    font-size: calc(var(--ftsize) * 96px);
    letter-spacing: 15px;
    display: inline-block;
    margin-right: 5%;
}



.About-section  .abt-cot{
    width: 50%;
    float: right;
    line-height: 1.8;
    padding: 10% 0 0 6.5%;
}
.About-section  .abt-cot ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.About-section  .abt-tit{
    position: relative;
    padding-left: 6%;
}
.About-section  .abt-li-tit{
    width: calc(var(--w_auto) * 445px);
    position: relative;
    padding-left: 10%;
    display: inline-block;
}
.About-section  .abt-li-tit:before{
    position: absolute;
    content: '';
    left: 0;
    background: url("../image/abtico1.png") no-repeat left center;
    background-size: cover;
    width: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
    /*top: calc(var(--w_auto) * 28px);*/
}
.About-section .abt-cot li:nth-of-type(2) .abt-li-tit:before{
    background: url("../image/abtico2.png") no-repeat left center;
    background-size: cover;
    width: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
}
.About-section .abt-cot li:nth-of-type(3) .abt-li-tit:before{
    background: url("../image/abtico3.png") no-repeat left center;
    background-size: cover;
    width: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
}
.About-section .abt-cot li:nth-of-type(4) .abt-li-tit:before{
    background: url("../image/abtico4.png") no-repeat left center;
    background-size: cover;
    width: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
}

.About-section  .abt-li-tit:after{
    position: absolute;
    content: '';
    right: 0;
    top:31.5%;
    background: url("../image/more1.png") no-repeat center;
    background-size: contain;
    width: calc(var(--w_auto) * 22px);
    height: calc(var(--w_auto) * 22px);
}
.About-section .abt-cot li{
    margin-bottom: 5%;
}
.About-section .abt-cot li:nth-of-type(1) .abt-li-tit:after{
    transform: rotate(90deg);
}




.About-section  .abt-li-tit .tit-en{
    display: inline-block;
    margin-left: 2.5%;
    letter-spacing: 1px;
}
.About-section  .abt-li-cot{
    margin-top: 2.5%;
    padding-left: 10%;
    text-align: justify;
}





.About-section .abt-cot .abtmore{
    margin: 3% 0 0;
    display: flex;
    align-items: center;
}
.About-section .abttxt  .abtmore span{
    margin-left: 10px;
    display: inline-block;
    background: #fff url("../image/more4.png") no-repeat;
    width: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
    background-size: calc(var(--w_auto) * 42px);
    border-radius: 50px;
    transition: all .5s;
}
.About-section .abttxt  .abtmore:hover span{
    transform: rotate(360deg);
}
.About-section .abttxt .abt-page{
    margin-top: 2%;
}
.About-section .abttxt .abt-page ul{
    display: flex;
    justify-content: space-evenly;
}
.About-section .abttxt .abt-page li{
    padding-top: 7%;
    text-align: center;
    overflow: hidden;
    transition: all .5s;
    position: relative;
}
.About-section .abttxt .abt-page li:after{
    content: '';
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    /*width: 32px;*/
    height: calc(var(--w_auto) * 32px);
    transition: all .5s;
    background-size: contain!important;
}
.About-section .abttxt .abt-page li:nth-of-type(1):after{
    background: url("../image/abtico1.png") no-repeat center 26%;
}
.About-section .abttxt .abt-page li:nth-of-type(2):after{
    background: url("../image/abtico2.png") no-repeat center 26%;
}
.About-section .abttxt .abt-page li:nth-of-type(3):after{
    background: url("../image/abtico3.png") no-repeat center 26%;
}
.About-section .abttxt .abt-page li:nth-of-type(4):after{
    background: url("../image/abtico4.png") no-repeat center 26%;
}
.About-section .abttxt .abt-page li:hover{
    color: #002FA7;
}
.About-section .abttxt .abt-page li:hover:after{
    transform: translateY(-20%);
}
.About-section .abttxt .abt-page li:nth-of-type(1):hover:after{
    background: url("../image/abtico_1.png") no-repeat center ;
}
.About-section .abttxt .abt-page li:nth-of-type(2):hover:after{
    background: url("../image/abtico_2.png") no-repeat center ;
}
.About-section .abttxt .abt-page li:nth-of-type(3):hover:after{
    background: url("../image/abtico_3.png") no-repeat center ;
}
.About-section .abttxt .abt-page li:nth-of-type(4):hover:after{
    background: url("../image/abtico_4.png") no-repeat center ;
}


/***** Index News *****/

.index-News{
    background-color: #ffffff;
}
.index-News .news-cnt{

}
.index-News .news-cot{
    position: relative;
    margin-top: 4.5%;
}
.index-News .news-cate{
    position: absolute;
    left: 7.8%;
    top: 5%;
    width: 100%;
    z-index: 1;

}
.index-News .news-cate li{
    float: left;
    width: calc(100%/11);
    text-align: center;
}
.index-News .news-cate li a{
    display: block;
    padding: 9% 0;
}
.index-News .news-cate li.on a{
    background-color: #002FA7;
    color: white;
    border-radius: 50px;
}

.index-News .news-cnt .newslt{
    float: left;
    width: 45%;
    position: relative;
    padding-top: 7%;
    padding-left: 8%;
    z-index: 0;
    background: url("../image/newslt.png") no-repeat left bottom 13%;
    background-size: calc(var(--w_auto) * 85px);
}
.index-News .news-cnt .newslt .newslt-box{
    padding-right: 2%;
    padding-top: 4%;
    padding-bottom: 1%;
}
.index-News .news-cnt .newslt .newslt-box:hover .newslt-more img{
    position: relative;
    animation: animloader62 2s 0.2s ease infinite alternate;
}

.index-News .news-cnt .newslt .newslt-time{
    color: #999999;
}
.index-News .news-cnt .newslt .newslt-tit{
    line-height: 2.9;
}
.index-News .news-cnt .newslt .newslt-intro{
    color: #666666;
    line-height: 2;
    margin-bottom: 8%;
}
.index-News .news-cnt .newslt .newslt-more{
    display: flex;
    align-items: center;
}
.index-News .news-cnt .newslt .newslt-more span{
    text-decoration: underline;
}

.index-News .news-cnt .newslt .newslt-more img{
    margin-left: 5%;
    width: 1.5vw;
}
.index-News .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 80%;
    padding: 0;
    margin: 0;
    right: 0;
    list-style: none;
    text-align: right;
}
.index-News .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.index-News .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: .5vw;
    height: .5vw;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 50%;
    background: #AAAAAA;
}
.index-News .slick-dots li.slick-active button{
    background: #002FA7;
}
.index-News .owl-theme .owl-dots{
    text-align: right;
}
.index-News .owl-theme .owl-nav.disabled + .owl-dots{
    position: absolute;
    right: 0%;
    bottom: 0;
}
.index-News .owl-theme .owl-dots .owl-dot.active span{
    background: #002FA7;
}

.index-News .news-cnt .newsrt{
    float: right;
    width: 50%;
}
.index-News .news-cnt .newsbt{
    margin: 5% 0 0;
}
.index-News .news-cnt .newsbt .newsbt-box{
    width: calc(100%/3 - 1%);
    float: left;
    margin: 0 1.5% 2% 0;
    overflow: hidden;
    padding: 2.6% 2%;
    /*border: 1px solid #d2d2d2;*/
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    background-color: #EEEEEE;
    transition: all .5s;

}
.index-News .news-cnt .newsbt .newsbt-box:nth-of-type(3n){
    margin-right: 0;
}

.index-News .news-cnt .newsbt .newsbt-box:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    /*transform: scale(0);*/
    background-color: #002FA7;
    z-index: -1;
    opacity: 0;
    border-radius: 0;
    transition: all .8s;
}
.index-News .news-cnt .newsbt .newsbt-box:after{
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 2.97vw;
    height: 3.75vw;
    /*background: url("../image/shade.png") no-repeat;*/
    background-size: contain;
}

.index-News .news-cnt .newsbt .newsbt-box .nsbt-date{
    float: left;
    width: 23%;
    text-align: center;
    color: #333333;
}
.index-News .news-cnt .newsbt .newsbt-box .nsbt-date .t1{
    position: relative;
    display: inline-block;
    padding-bottom: 15%;
    margin-bottom: 20%;
    font-size: calc(var(--ftsize) * 49px);
}
.index-News .news-cnt .newsbt .newsbt-box .nsbt-date .t1:after{
    position: absolute;
    content: '';
    margin: 0 auto;
    bottom: 0;
    left: 10%;
    right: 0;
    width: 85%;
    height: 1px;
    background-color: #d2d2d2;
}

.index-News .news-cnt .newsbt .newsbt-box .nsbt-txt{
    float: right;
    width: 72%;
    margin-left: auto;
}
.index-News .news-cnt .newsbt .newsbt-box .nsbt-txt .nsbt-tit{
    /*position: relative;*/
    color: #555555;
    transition: all .5s;
}


.index-News .news-cnt .newsbt .newsbt-box .nsbt-txt .nsbt-cot{
    margin: 10% 0;
    line-height: 2;
    transition: all .5s;
}
.index-News .news-cnt .newsbt .newsbt-box .nsbt-txt .nsbt-more{

}
.index-News .news-cnt .newsbt .newsbt-box .nsbt-txt .nsbt-more img{
    width: calc(var(--w_auto) * 34px);
    height: calc(var(--w_auto) * 14px);
    transition: all .5s;
}
.index-News .news-cnt .newsbt .newsbt-box:hover .nsbt-cot,
.index-News .news-cnt .newsbt .newsbt-box:hover .nsbt-date,
.index-News .news-cnt .newsbt .newsbt-box:hover .nsbt-tit,
.index-News .news-cnt .newsbt .newsbt-box:hover
{
    color: white;
}
.index-News .news-cnt .newsbt .newsbt-box:hover{
    /*border-color: #002FA7;*/
}

.index-News .news-cnt .newsbt .newsbt-box:hover:before{
    width: 100%;
    opacity: 1;
    /*transform: scale(1);*/
}
.index-News .news-cnt .newsbt .newsbt-box:hover:after,
.index-News .news-cnt .newsbt .newsbt-box:hover .nsbt-more img{
    filter: brightness(10);
}
.index-News .news-cnt .newsbt .newsbt-box:hover .nsbt-more img{
    position: relative;
    animation: animloader61 2s 0.2s ease infinite alternate;
}











.sy_case{
    background: url(../image/sy_case.jpg) no-repeat;
    background-size: cover;
    padding: 6% 0 7% 0;
}

.sy_case_more{
    float: right;
    background-color: #002FA7;
    color: #f5f5f5;
    padding: 0 2% 0 4%;
    line-height: 2;
    margin: 4% 0 3%;
    display: inline-block;
}

.sycase_item{
    width: 23.75%;
    float: left;
    margin: 0 1.65% 0 0;
    text-align: center;
    line-height: 1.8;
    color: #333333;
}
.sycase_item:nth-child(4n){
    margin: 0 0 0 0;
}
.sycase_item .dimg{
    width: 100%;
    overflow: hidden;
}
.sycase_item .dcot{
    background-color: #FFFFFF;
    padding: 0 0 5% 0;
}
.sycase_item .dcot .dsz{
    width: 105px;
    height: 105px;
    line-height: 105px;
    border-radius: 50%;
    font-size: 40px;
    margin: -50px auto 0;
    background-color: #002FA7;
    color: #FFFFFF;
    z-index: 2;
    position: relative;
}
.sycase_item .dcot .dcn{
}
.sycase_item .dcot .den{
}
.sycase_item:hover{
    color: #FFFFFF;
}
.sycase_item:hover .dcot{
    background-color: #002FA7;
}
.sycase_item:hover .dimg img{
    transform: scale(1.1);
}


.sy_news_dy{
    background: url(../image/sy_news_dy.jpg) no-repeat;
    background-size: cover;
    padding: 4% 0;
}
.sy_news_de{
    padding: 0 0 5%;
}
.synewsdy_en{
    padding: 4% 0 0;
    color: #FFFFFF;
}
.synewsdy_more{
    font-size: 30px;
    color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 50%;
}

.Rm_news{
    padding: 5% 0;
}
.Rmnews_item{
    width: 31%;
    float: left;
    margin: 0 3.5% 0 0;
    text-align: center;
    line-height: 1.5;
}
.Rmnews_item:nth-child(3n){
    margin: 0 0 0 0;
}
.Rmnews_item .dimg{
    width: 100%;
    overflow: hidden;
}
.Rmnews_item .dtit{
    font-size: 36px;
    color: #333333;
    padding: 2% 10%;
}
.Rmnews_item .dcot{
    color: #666666;
    padding: 0 10%;
    text-align: left;
}
.Rmnews_item:hover .dimg img{
    transform: scale(1.1);
}


.Sxnews_item{
    position: relative;
    width: 45%;
    float: left;
    margin: 0 10% 0 0;
    border-top: 1px solid #cccccc;
    padding: 3% 0;
    line-height: 2;
}
.Sxnews_item:nth-child(2n){
    margin: 0 0 0 0;
}
.Sxnews_item:nth-of-type(1),.Sxnews_item:nth-of-type(2){
    border-top: 0;
}
.Sxnews_item .dtit{
    color: #333333;
    margin: 0 0 2% 0;
    transition: all 0.3s;
}
.Sxnews_item .dcot{
    color: #666666;
}
.Sxnews_item .dtime{
    position: absolute;
    right: 0;
    top: 28%;
    color: #666666;
}
.Sxnews_item:hover .dtit{
    color: #002FA7;
}




.sy_honor{
    background: url(../image/sy_honor.jpg) no-repeat;
    background-size: cover;
    padding: 6% 0;
}

.sy_honor .we_honor{
    background-color: #FFFFFF;
    width: 80%;
    margin: 0 0 0 15%;
    padding: 5% 0 5% 5%;
    position: relative;
}
.sy_honor .we_honor:after{
    content: "";
    position: absolute;
    right: 5%;
    top: -10%;
    width: 3%;
    height: 25%;
    background-color: #002FA7;

}
.sy_honor_list{
    position: relative;
}
.sy_honor_list .sy_honor_fl{
    padding: 5% 0 0 0;
    width: 50%;
    line-height: 2;
    float: left;
}
.sy_honor_list .sy_honor_fr{
    width: 40%;
    float: right;
}

.honor_ulall .slick-prev {
    background: url(../image/honor_arrow.png) no-repeat center;
    background-size: cover;
    left: 0;
}

.honor_ulall .slick-arrow {
    position: absolute;
    top: 40%;
    width: 12.5%;
    padding: 6% 0;
    text-align: center;
    z-index: 9;
    border: 0;
    font-size: 0;
    filter: grayscale(100%);
    transition: all .3s;
}
.honor_ulall .slick-next {
    right: 0;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-size: cover;
    transform:rotate(180deg);
}

.sy_partner_tit{
    padding: 4% 0;
}
.sy_partner{
    background: url(../image/sy_partner.jpg) no-repeat;
    background-size: cover;
    padding: 0 0 5%;
}

.sy_partner_list{
    padding: 0 9% 3%;
}
.sy_partner_item{
    width: 25%;
    float: left;
}



.partner_ulall .slick-prev {
    background: url(../image/partner_arrow.png) no-repeat center;
    background-size: cover;
    left: -6.5%;
}
.partner_ulall .slick-next {
    right: -6.5%;
    background: url(../image/partner_arrow.png) no-repeat center;
    background-size: cover;
    transform:rotate(180deg);
}

.partner_ulall .slick-arrow {
    position: absolute;
    top: 40%;
    width: 4.6%;
    padding: 2.3% 0;
    text-align: center;
    z-index: 9;
    border: 0;
    font-size: 0;
    filter: grayscale(100%);
    transition: all .3s;
}

.partner_ulalls .slick-prev {
    background: url(../image/partner_arrow.png) no-repeat center;
    background-size: cover;
    left: -6.5%;
}
.partner_ulalls .slick-next {
    right: -6.5%;
    background: url(../image/partner_arrow.png) no-repeat center;
    background-size: cover;
    transform:rotate(180deg);
}

.partner_ulalls .slick-arrow {
    position: absolute;
    top: 40%;
    width: 4.6%;
    padding: 2.3% 0;
    text-align: center;
    z-index: 9;
    border: 0;
    font-size: 0;
    filter: grayscale(100%);
    transition: all .3s;
}

.sy_partner_list_pc{
    display: block;
}

.sy_partner_list_mb{
    display: none;
}


.Public_Links{
    color: #FFFFFF;
    line-height: 2;
    width: 60%;
    letter-spacing: 1px;
}
.Public_Links .PL_tit{
    font-size: 30px;
    border-bottom: 1px solid #FFFFFF;
    width: 50%;
    margin: 0 0 1% 0;
    padding: 0 0 0.5% 0;
}
.Public_Links .PL_list{
}
.Public_Links .PL_list .PL_a{
    margin: 0 3% 0 0;
    display: inline-block;
}







.Inside_title{
    text-align: center;
    color: #333333;
    padding: 1% 0 1%;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.Inside_title .dnra{
    letter-spacing: 1px;
}
.Inside_title .dnrb{
    letter-spacing:10px;
    margin: 2% 0 0;
    font-size: 36px;
    padding-left: 10px;
}
.category_list{
    position: relative;
    text-align: center;
    font-size: 0;
}

.category_list ul li{
    display: inline-block;
    background-color: #ffffff;
    width: 12%;
    margin: 2% 1%;
    letter-spacing: 1px;
    color: #333333;
}
.category_list ul li a{
    display: block;
    padding: 10% 0;
}
.category_list .on{
    background-color: #002FA7;
    color: #ffffff;
}
.list_all{
    padding: 3% 0 0;
}

.single_show{
    width: 100%;
    word-wrap: break-word;
    /*word-break: break-all;*/
    overflow: hidden;
}
.single_show img{
    max-width: 100%;
}

.upperandlower {
    padding: 1% 0 0 0;
}
.upperandlower .next{
    width: 25%;
    background-color: #626262;
    padding: 1.5% 2%;
    color: #ffffff;
    /*font-size: 14px;*/
    display: flex;
    /*justify-content: space-between;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .fr .arrow:before{
    position: absolute;
    content: '';
    right: -20px;
    top: 5%;
    height: 100%;
    width: 15px;
    background: url("../image/more3.png") no-repeat center left;
    background-size: 78%;
    /*transform: rotate(180deg);*/
    filter: brightness(10);
}
.upperandlower .fl .arrow:before{
    position: absolute;
    content: '';
    left: -20px;
    top: 5%;
    height: 100%;
    width: 15px;
    background: url("../image/more3.png") no-repeat center left;
    background-size: 78%;
    transform: rotate(180deg);
    filter: brightness(10);
}
.upperandlower .next .arrow{
    position: relative;
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .next a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
    width: 100%;
}

.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #002FA7;
}

/* 人力资源 */
.job_list{
    border-top: 1px solid #cccccc;
    padding: 0 0 3% 0;
    font-family: "思源黑体 CN Regular";
}
.job_list .dl{
    width: 100%;
    position: relative;
}
.job_list .dl dd{
    position: relative;
    height: calc(var(--w_auto) * 80px);
    line-height: calc(var(--w_auto) * 80px);
    cursor: pointer;
    padding: 0 3% 0 3%;
    border-bottom: 1px solid #cccccc;
}
.job_list .dl dd span{
    /*font-size: 28px;*/
    display: inline-block;
    position: absolute;
    padding-left: 2.5%;
}
.job_list .dl dd span:before {
    content: "";
    display: block;
    position: absolute;
    left: 3%;
    top: 31%;
    width: calc(var(--w_auto) * 5px);
    height: calc(var(--w_auto) * 30px);
    background: #002FA7;
}
.job_list .dl dd small{
    position: absolute;
    right: 3%;
    top: 0;
    overflow: hidden;
    display: block;
    color: #333333;
}

.job_list dl dt{
    display: none!important;
    padding: 3% 3% 3% 3%;
    border-bottom: 1px solid #cccccc;
    position: relative;

}
.job_list dl dt .txt {
    position: relative;
    background: #eeeeee;
    padding: 2% 2%;
}
.job_list dl dt .txt .text1 {
    position: relative;
    padding: 0 0 30px;
    border-bottom: 1px solid #cccccc;
}
.job_list dl dt .txt .text1 li {
    float: left;
    position: relative;
    width: 25%;
    color: #333;
    overflow: hidden;
    margin: 1% 0;
    padding: 0 10px 0 0;
}
.job_list dl dt .txt .text2 {
   /* padding: 2% 0%;*/
    position: relative;
}

.job_list dl dt .txt .text2 li {
    float: left;
    padding: 0 10px 0 0;
    position: relative;
    width: 50%;
}
.job_list dl dt .txt .text2 li *{
    line-height: 2;
    color: #333333;
}
.job_list .active {
    border: 1px solid #cccccc;
    border-bottom: none;
    border-top: none;
    transition: all .5s;
}
.job_list .active dt{
    display: block!important;
}


.paging {
    text-align: center;
    padding: 2% 0 2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging a:first-of-type,
.paging a:last-of-type{
    width: calc(var(--w_auto) * 60px);
    background-color: transparent!important;
}

.paging a{
    position: relative;
    width: calc(var(--w_auto) * 50px);
    height: calc(var(--w_auto) * 50px);
    margin-right: calc(var(--w_auto) * 25px);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 1.5% 1.75%;*/
    /*border:1px solid #f9f9f9;*/
    color: #333333;
    /*margin:0 0.5%;*/
    transition: ease-in 0.1s;
    /*border-radius: 2px;*/
    background-color: #eeeeee;
}
/*.paging a:before{
    position: absolute;
    content: '';
    right: -1px;
    top: 25%;
    height: 50%;
    width: 1px;
    z-index: 1;
    background-color: #c1c1c1;
}*/
.paging a:last-of-type:before{
    display: none;
}

.paging span{
    margin:0 5px;
}

.paging a:hover,
.case_lisst .cate-box a:hover{
    background-color: #002FA7;
    color: #ffffff;
}
.paging a.hPage:hover{
    background-color: transparent;
}

.paging .currPage:before{
    background-color: #002FA7;
}

.paging .currPage{
    border:1px solid #002FA7;
    color: #ffffff;
    background-color: #002FA7;
}




.Rmnynews{
    padding: 5% 0 2%;
}

.Rmnynews .Rmnynews_list{
    padding: 3% 0 0 0;
}
.Rmnynews .Rmnynews_list .nynewsr_item{
    width: 48%;
    float: left;
    padding: 2% 0;
    margin: 0 4% 2% 0;
}
.Rmnynews .Rmnynews_list .nynewsr_item .img{
    width: 35%;
}
.Rmnynews .Rmnynews_list .nynewsr_item .cot{
    left: 35%;
    width: 65%;
}
.Rmnynews .Rmnynews_list .nynewsr_item:nth-child(2n){
    margin: 0 0 2% 0;
}
.info_item{
    width: 48%;
    float: left;
    margin: 4% 4% 2% 0;
    position: relative;
}
.info_item:nth-child(2n){
    margin: 4%  0 2% 0;
}
.info_item .info-lt{
    float: left;
    width: 55%;
    padding: 5%;

}
.info_item .info-rt{
    float: right;
    width: 45%;
    position: absolute;
    height: 90.5%;
    overflow: hidden;
    margin: 2% 0;
    right: 2%;
}

.info_item .info_cot{
    margin: 0 0 0 15%;
    width: 85%;
    /*padding: 4%;*/
    border: 1px solid #eaeaea;
    line-height: 2;
    z-index: 2;
    position: relative;
}
.info_item .info_cot .dnr1{
    padding: 0 0 0 5%;
    font-weight: bold;
    color: #555555;
}
.info_item .info_cot .dnr2{
    color: #555555;
    margin: 5% 0;
    line-height: 3;
}


.info_item .info_cot .dnr3{
    color: #999999;
    margin: 0 0 5% 0;
}
.info_item .info_cot .dimg{

}
.info_item .info_time{
    width: 19%;
    height: 35%;
    position: absolute;
    left: 0;
    top: -16%;
    background-color: #eeeeee;
    z-index: 1;
    transition: all 1s;
}
.info_item .info_time:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 45%;
    left: 40%;
    top: 32%;
    transform: rotate3d(1, 1, 1, 90deg);
    background-color: #555555;
}
.info_item .info_time .dnr1{
    color: #555555;
    margin: 20% 0 0 20%;
}
.info_item .info_time .dnr2{
    color: #555555;
    margin: 5% 0 0 45%;
}
.info_item:hover .info_time{
    background-color: #002FA7;
    transform: rotateX(360deg);
}
.info_item:hover .info_time:after{
    background-color: #ffffff;
}
.info_item:hover .info_time .dnr1,.info_item:hover .info_time .dnr2{
    color: #ffffff;
}
.info_item:hover .info_cot .dnr1,.info_item:hover .info_cot .dnr3{
    color: #002FA7;
}
.info_item:hover .info_cot .dimg img{
    transform: scale(1.1);
}







.acsl{
    width: 62.5%;
    float: left;
    line-height: 2;
}
.acsr{
    width: 32.5%;
    float: right;
    border-top: 10px solid #002FA7;
}
.acsna{
    font-size: 30px;
    color: #333333;
    padding: 3% 0;
    border-bottom: 1px dashed #555555;
    margin: 0 0 3% 0;
}
.acsnb{
    color: #333333;
}
.acslx{
    position: relative;
    margin: 5% 0;
}
.acslx .acslxan{
    font-size: 24px;
    color: #ffffff;
    background-color: #002FA7;
    padding: 0.5% 5%;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    letter-spacing: 3px;
    float: left;
}
.acslx .acslxrx{
    font-size: 24px;
    color: #333333;
    float: left;
    padding: 0.5% 5%;
}
.acsall{
    width: 100%;
}
.acsall .acsall_title{
    font-size: 30px;
    color: #333333;
    letter-spacing: 5px;
    border-bottom: 3px solid #d2d2d2;
    padding: 0 0 1% 0;
    position: relative;
}
.acsall .acsall_title span{
    font-size: 14px;
    color: #aaaaaa;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 3%;
}
.acsall .acsall_title:before{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 20%;
    background-color: #002FA7;
}
.acsnrall{
    width: 100%;
    overflow: hidden;
    padding: 2% 0;
    line-height: 0;
}
.acsnrall img{
    max-width: 100%;
}


.acsimg{
    border: 1px solid #d2d2d2;
    margin: 0 0 7% 0;
}
.acsCa{
    margin: 0 0 10% 0;
}
.acsCa ul li{
    float: left;
    width: 46.5%;
    margin: 0 7% 0 0;
    border: 1px solid #d2d2d2;
}
.acsCa ul li:nth-child(2n){
    margin: 0 0 0 0;
}
.acsCa .on{
    border: 1px solid #002FA7;
}
.ascRmcp{
    margin: 0 0 8% 0;
}
.ascRm_title{
    background-color: #002FA7;
    padding: 4% 8%;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}

.ascRmxw{
    background-color: #ffffff;
    margin: 0 0 10% 0;
}
.ascRmxw .acsRmls{
    padding: 8% 5%;
}
.newsRm{
    color: #555555;
    border-bottom: 1px dashed #d2d2d2;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
    transition:all 0.5s;
}
.newsRm:last-child{
    margin:  0 0 0 0;
    border-bottom: 0;
    padding: 0;
}
.newsRm .dnra{
    float: left;
    color: #33b8dd;
    width: 5%;
    transform: scale(1.5);
}
.newsRm .dnrb{
    float: left;
    width: 70%;
    transition:all 0.5s;
}
.newsRm .dnrc{
    float: right;
    width: 20%;
    text-align: right;
}
.newsRm:hover{
    color: #33b8dd;
}
.newsRm:hover .dnrb{
    padding-left: 1%;
}


.acsZx{
    background: url(../image/acsZx.png) no-repeat 10%;
    background-color: #002FA7;
    color: #ffffff;
    padding: 5% 0 5% 28%;
    line-height: 1.5;
    background-size: 14.425%;
    font-weight: bold;

}
.acsZx .acszxa{
    font-size: 24px;
    letter-spacing: 2px;
}
.acsZx .acszxb{
    font-size: 32px;
    letter-spacing: 1px;
}














.content_main{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 2.2% 0;
}
.ash_nyys{
    background-color: #EEEEEE;
}
.within_nyys{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
}



.nysm_all{
    position: absolute;
    width: 100%;
    padding: 0 0 4% 0;
    bottom: 0;
}
.download_nysm{
    padding: 0;
}
.nysm_all .slogan{
    width: 31.25%;
    float: left;
}
.nysm_all .slogan .crumbs-en{
    text-transform: uppercase;
    margin-bottom: 3%;
}

.nysm_all .slogan .crumbs-en span{
    font-weight: bold;
    position: relative;
    padding-left: 1.5em;
    overflow: hidden;
}
.nysm_all .slogan .crumbs-en span:before{
    position: absolute;
    content: '▋';
    left: 0;
    top: 4px;
    padding-left: 3px;
    bottom: 0;
    font-style: italic;
    height: 66%;
    color: #002FA7;
    overflow: hidden;
}
.nysm_all .slogan .crumbs-zh{
    padding-left: 1.5em;
}




.nysm_all .position{
    line-height: 1.5;
    text-align: right;
    letter-spacing: 1px;
}
.nysm_all .position_home{
    background: url(../image/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

.ny_pt_gap{
    padding: 0 0 2% 0;
}
.case-d-tit{
    line-height: 2;
}
.detail_title{
    font-size: 1.6vw;
    color: #333333;
    line-height: 1.5;
    position: relative;
    letter-spacing: 1px;
    margin: 0 0 2.5% 0;
}
.detail_title:after{
    display: none;
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #002FA7;
    left: 45%;
    bottom: -15px;
}
.detail_title_time{
    margin: 2% 0 0%;
    color: #535353;
    text-align: left;
}


.detail_content{
    width: 100%;
    padding: 3% 0;
    margin-bottom: 3%;
    border: 1px dashed #a5a5a5;
    border-left: none;
    border-right:none ;
    overflow: hidden;
}
.detail_content img{
    max-width: 100%;
}







.load_more{
    text-align: center;
    padding-top: 2%;
}
.load_more .loads{
    display: inline-block;
    width: 23%;
    text-align: center;
    color: #ffffff;
    background-color: #002FA7;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1% 0;
    border-radius: 50px;
    letter-spacing: 2px;
}
.load_more .loadend{
    display: none;
    color: #555555;
    letter-spacing: 2px;
}
.load_more .block{
    display: block;
}
.load_more_case{
    padding-top: 3%;
}
.info_load_more{
    padding-top: 1%;
}
.info_load_more .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 2% 0;
    cursor: pointer;
}
.info_load_more2{
    padding-top: 1%;
}
.info_load_more2 .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    cursor: pointer;
}




.news-list{

}
.news-list .newsbox{
    margin-bottom: 3%;
}


.casecate{
    margin: 4.5% auto;
}
.case_item{
    width: 100%;
    position: relative;
    margin: 0 0 5% 0;
}
.case_item .dimg{
    width: 50%;
    float: left;
    overflow: hidden;
    transition: all .5s;
}
.case_item .dcot{
    position: absolute;
    width: 50%;
    left: 50%;
    top: 0;
    height: 100%;
    /*background: url(../image/case_item_logo .png) no-repeat 80% 85%;*/
    /*background-size: 16.5%;*/
    background-color: #eeeeee;
    padding: 0 3.5%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
}
.case_item .dcot .dtit_cn{
    line-height: 1.5;
    letter-spacing: 2px;
    padding: 1% 0 0 0;
}
.case_item .dcot .dtit_en{
    margin: 1% 0;
}
.case_item .dcot .dmore{
    display: block;
}

.case_item .dcot .dmore span{
    float: right;
    position: relative;
    display: inline-block;
    padding-right:8% ;
    z-index: 0;
    transition: all .5s;
}
.case_item .dcot .dmore span:after{
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../image/jto.png") no-repeat center right;
    background-size: calc(var(--w_auto) * 37px);
    z-index: -1;
    transition: all .5s;
}

.case_item .dcot .dint{
    margin: 3% 0 3%;
    text-align: justify;
}
.case_item .dcot .dcase-txt{
    border-top: 1px dashed #979797;
    padding: 5% 0 0;

}
.case_item .dcot .dcase-txt .dcs-lt{
    float: left;
    width: 45%;
}
.case_item .dcot .dcase-txt .dcs-lt li{
    line-height: 1.6;
}
.case_item .dcot .dcase-txt .dcs-lt li .related_pname{
    display: inline-block;
    width: 80%;
}
.case_item .dcot .dcase-txt .dcs-lt span{
    display: inline-block;
    float: right;
    margin:0 5%;
}

.case_item .dcot .dcase-txt .dcs-tit{
    margin-bottom: 6%;
}
.case_item .dcot .dcase-txt .related_cs{
    justify-content: space-between;
}
.case_item .dcot .dcase-txt .related_cs li{
    flex: .45;
    height: calc(var(--w_auto) * 137px);
    background-color: #002FA7;
    overflow: hidden;
}
.case_item .dcot .dcase-txt .related_cs li img{
    object-fit: cover;
}
.case_item .dcot .dcase-txt .related_cs li:hover img{
    transform: scale(1.05);
}


.case_item .dcot .dcase-txt .dcs-rt{
    width: 45%;
    float: right;
}

.case_item:hover .dimg img{
    transform: scale(1.1);
}
.case_item:hover .dmore span{
    padding-left: 2%;
    color: white;
    background-color: #002FA7;
}
.case_item:hover .dmore span:after{
    /*opacity: 1;*/
    /*width: 100%;*/
    background:  url("../image/jto.png") no-repeat center right 12%;
    filter: brightness(10);
}

.case_item:hover .dcot{
    /*background: url(../image/case_item_logo.png) no-repeat 85% 85%;*/
    /*background-size: 16.5%;*/
    /*background-color: #002FA7;*/
}


.case-list-section{

}
.case-list-section .case-cate-list{
    position: relative;

}
.case-list-section .case-cate-list .case-cate-lt{
    float: left;
    width: 28%;
    position: absolute;
    left: 0;
    height: 100%;
    padding-top: 6%;
    background-color: #eeeeee;
}
.case-list-section .case-cate-list .case-cate-rt{
    float: right;
    width: 68.7%;
    padding-top: 4.5%;
    padding-right: 7%;
}
.case-list-section .case-cate-list .case-cate-lt .case_catetit{
    position: relative;
    letter-spacing: 4px;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    margin-bottom: 15.5%;
}
.case-list-section .case-cate-list .case-cate-lt .case_catetit img{
    margin-right: 3.5%;
    height: 1.65vw;
}
.case-list-section .case-cate-list .case-cate-lt li{
    line-height: 3.8;
    text-align: center;
    padding-left: 2.5%;
    margin-bottom: 7%;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    transition: all .5s;
}
.case-list-section .case-cate-list .case-cate-lt li > a{
    display: block;
    transition: all .5s;
}

.case-list-section .case-cate-list .case-cate-lt li:before{
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background: #002FA7 url("../image/jto1.png") no-repeat center right 23%;
    background-size: 3.9%;
    transition: all .5s;
}
.case-list-section .case-cate-list .case-cate-lt li:hover:before{
    width: 100%;
}
.case-list-section .case-cate-list .case-cate-lt li:hover a{
    color: white;
}
.case-list-section .case-cate-list .case-cate-lt li.on:before{
    width: 100%;
}
.case-list-section .case-cate-list .case-cate-lt li.on a{
    color: white;
}
.case-list-section .case-cate-list .case-cate-rt .cscatert_en{
    text-transform: uppercase;
    padding: 2.7% 0;
}
.case-list-section .case-cate-list .case-cate-rt .cscatert_intro{
    margin: 3.5% 0;
    line-height: 1.8;
}
.case-list-section .case-cate-list .case-cate-rt .cscatert_Btit{
    padding: 3% 0;
}
.case-list-section .case-cate-list .case-cate-rt .cscatert_dec{
    margin-bottom: 5%;
}
.case-list-section .csadv-four{
    
}
.case-list-section .csadv-four .csadv-box{
    width: calc(100%/4);
    float: left;
    position: relative;
    overflow: hidden;
    height: 21.9vw;
    transition: all .5s;
}
.case-list-section .csadv-four .csadv-box .csadv_img{
    width: 100%;
    height: 100%;
}

.case-list-section .csadv-four .csadv-box:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 10%;
    bottom: 10%;
    margin: 0 auto;
    width: 80%;
    height: 80%;
    background-color: rgba(0,113, 220,.65);
    transform: rotate(180deg);
    transform-origin : 0 -100% 0;
    transition: all .5s;
}
.case-list-section .csadv-four .csadv-box:hover .csadv-txt{
    transform: translateY(-3%);
}
.case-list-section .csadv-four .csadv-box:hover:before{
    transform: rotate(0);
    transform-origin : 0 100% 0;
}
.case-list-section .csadv-four .csadv-box:hover img{
    /*transform: scale(1.1);*/
}


.case-list-section .csadv-four .csadv-box .csadv-txt{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 22%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 2;
    color: white;
    transition: all .5s;
}
.case-list-section .csadv-four .csadv-box .csadv-txt .csadv_tit{
    position: relative;
    padding-bottom: 3%;
    margin-bottom: 10%;
    display: inline-block;
    transition: all .5s;
}
.case-list-section .csadv-four .csadv-box .csadv-txt .csadv_tit:before{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45%;
    height: 1px;
    background-color: white;
}
.case-list-section .apprelpro-section{
    padding: 4.5% 0 5%;
}
.case-list-section .apprelpro-section .apprelpro-list{
    margin: .5% 0;
}
.case-list-section .apprelpro-section .aprelpro-box{
    width: calc(100%/2 - 2%);
    float: left;
    margin: 0 4% 4% 0;
    /*padding: 0 1%;*/
    position: relative;
    overflow: hidden;
    background-color: #EEEEEE;
    transition: all .5s;
    z-index: 1;
}

.case-list-section .apprelpro-section .aprelpro-box:before,
.case-list-section .apprelpro-section .aprelpro-box:after{
    border: 2px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    z-index: -1;
}
.case-list-section .apprelpro-section .aprelpro-box::before {
    top: 0;
    left: 0;
}
.case-list-section .apprelpro-section .aprelpro-box::after {
    bottom: 0;
    right: 0;
}

.case-list-section .apprelpro-section .aprelpro-box:hover::before,
.case-list-section .apprelpro-section .aprelpro-box:hover::after {
    /*width: 100%;*/
    /*height: 100%;*/
}
.case-list-section .apprelpro-section .aprelpro-box:hover::before {
    /*border-top-color: #002FA7;*/
    /*border-right-color: #002FA7;*/
    /*transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;*/
}
.case-list-section .apprelpro-section .aprelpro-box:hover::after {
    border-bottom-color: #002FA7;
    border-left-color: #002FA7;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

/*  案例展示*/

.typical-app{
    justify-content: space-between;
}
.typical-app .app-fl{
    flex: .65;
}
.typical-app .app-fr{
    flex:.32;
}
.typical-app  .app-box img{
    transform-origin: 0 100% 0;
}
.typical-app .app-fr .app-box{
    position: relative;
    height:calc(var(--w_auto) * 241px) ;
    margin-bottom: calc(var(--w_auto) * 26px);
    padding-bottom: calc(var(--w_auto) * 23.5px);
    perspective: calc(var(--w_auto) * 223px);
    overflow: hidden;
    box-sizing: border-box;
}
.typical-app .app-fr .app-box:last-of-type{
    margin-bottom: 0;
}
.typical-app .app-fl .app-box{
    position: relative;
    padding-bottom: calc(var(--w_auto) * 32px);
    height: calc(var(--w_auto) * 518px);
    /*background-color: #EEEEEE;*/
    perspective: calc(var(--w_auto) * 513px);
    overflow: hidden;
}
.typical-app .app-box .app-mark{
    position: absolute;
    right: 5%;
    bottom: 0;
    text-align: center;
    color: white;
    width: calc(var(--w_auto) * 313px);
    padding: 0 5%;
    height: calc(var(--w_auto) * 51.8px);
    line-height: calc(var(--w_auto) * 51.8px);
    background: url("../image/mark1.png") no-repeat;
    background-size: calc(var(--w_auto) * 313px);
    background-size: cover;
}
.typical-app .app-fl .app-box .app-mark{
    position: absolute;
    right: 5%;
    bottom: 0;
    text-align: center;
    color: white;
    width: calc(var(--w_auto) * 513px);
    height: calc(var(--w_auto) * 70px);
    line-height: calc(var(--w_auto) * 70px);
    background: url("../image/mark1.png") no-repeat;
    background-size: calc(var(--w_auto) * 513px);
}
.typical-app  .app-box:hover img{
    /*transform: rotateX(10deg);*/
    transform: scale(1.05);
    box-shadow:  0 3px 10px rgba(0,0,0,.5);
}



.case-list-section .apprelpro-section .aprelpro-box:nth-of-type(2n){
    margin-right: 0;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit{
    position: relative;
    line-height: 3;
    border-bottom: 1px solid #bfbfbf;
    z-index: 0;
    /*margin-top: 15%;*/
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #002FA7;
    z-index: -1;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit .aprpro_flag{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 75px;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit .aprpro_flag.new{
    background: url("../image/new.png") no-repeat left;
    background-size: contain;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit .aprpro_flag.hot{
    background: url("../image/hot.png") no-repeat left;
    background-size: contain;
}

.case-list-section .apprelpro-section .aprelpro-box .aprpro_img{
    height: calc(var(--w_auto) * 400px);
    padding: 5% 0;
    overflow: hidden;
    transition: all .5s;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_img img{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.case-list-section .apprelpro-section .aprelpro-box .aprpro_txt{
    line-height: 2;
    margin-bottom: 3%;
    /*min-height: 4vw;*/
    /*height: 53px;*/
    text-align: justify;
    padding: 0 7%;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_more{
    margin: 7% 0 11%;
    display: flow-root;
    padding: 0 7%;
    text-align: right;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_more span{
    display: inline-block;
    width: calc(var(--w_auto) * 100px);
    height: calc(var(--w_auto) * 35px);
    line-height: calc(var(--w_auto) * 35px);
    text-align: center;
    border-radius: 20px;
    background-color: #b5b5b5;
    transition: all .5s;
}

.case-list-section .apprelpro-section .aprelpro-box .aprpro-brd{
    position: absolute;
    bottom: 0;
    width:100%;
    height: 7px;
    background-color: #a0a0a0;
    overflow: hidden;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro-brd:before{
    position: absolute;
    content: '';
    left: -100%;
    right: 0;
    width: 100%;
    height: 7px;
    background-color: #002FA7;
    transition: all .5s;
}

.case-list-section .apprelpro-section .aprelpro-box:hover .aprpro-brd:before{
    left: 0;
}
.case-list-section .apprelpro-section .aprelpro-box:hover .aprpro_img img{
    transform: scale(1.1);
}
.case-list-section .apprelpro-section .aprelpro-box:hover .aprpro_more span{
    background-color: #002FA7;
}
.case-list-section .apprelpro-section .aprelpro-box:hover .aprpro_tit{
    color: white;
}
.case-list-section .apprelpro-section .aprelpro-box:hover .aprpro_tit:before{
    width: 100%;
}




.case-list-section .apprelcase-section{
    margin-bottom: 5%;
}
.case-related-show{
    margin: 5% 0;
}
.case-related-show .aprelcase-list{
    padding: 3.5% 0 1%;
}
.case-related-show .aprelcs-box{
    width: calc(100%/4 - 1.5%);
    margin: 0 2% 2% 0;
    overflow: hidden;
    position: relative;
    float: left;
    transition: all .5s;
}
.case-related-show .aprelcs-box:nth-of-type(4n){
    margin-right: 0;
}

.case-related-show .aprelcs-box .aprelcs_tit{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 10% 0 5%;
    line-height: 3.5;
    background-color: rgba(0,0,0,.5);
    transition: all .5s;
}
.case-related-show .aprelcs-box .aprelcs_img{
    overflow: hidden;
}

.case-related-show .aprelcs-box .aprelcs_tit:after{
    position: absolute;
    content: "";
    right: 5%;
    width: 15px;
    height: 100%;
    background: url("../image/more1.png") no-repeat center right;
    background-size: calc(var(--w_auto) * 12px);
    filter: brightness(10);
}
.case-related-show .aprelcs-box:hover .aprelcs_tit{
    background-color: rgba(37, 153, 199,.8);
}
.case-related-show .aprelcs-box:hover .aprelcs_img img{
    transform: scale(1.08);
}
.case-detail{
    position: relative;
}
.case-detail .case_img{

}
.case-detail .case_txt{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: auto;
    line-height: 2;
    padding: 3.3%;
    background-color: rgba(0,0,0,.6);
}
.case-detail .case_txt .case_cot{

}
.appxgcp-section{
    padding: 3% 0 0;
}
.appxgcp-section .xgcp-box{
    width: calc(100%/4 - 1.5%);
    float: left;
    margin: 0 2% 2% 0;
    padding-bottom: .8%;
    background-color: white;
    transition: all .5s;
}
.appxgcp-section  .xgcp-box:nth-of-type(4n){
    margin-right: 0;
}

.appxgcp-section  .xgcp-box  .xgcp_img{
    height: 17vw;
    overflow: hidden;
}
.appxgcp-section  .xgcp-box .xgcp_txt {
    padding: 3% 5%;
    line-height: 2.3;
    height: 6.8vw;
    text-align: center;
    position: relative;
    transition: all .5s;
}
.appxgcp-section  .xgcp-box .xgcp_txt .xgcp_name{
    bottom: -32%;
    position: relative;
    right: 0;
    left: 0;
    transition: all .5s;
}
.appxgcp-section  .xgcp-box .xgcp_txt .xgcp_cot{
    height: 0;
    width: 0;
    bottom: 30%;
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 5%;
    overflow: hidden;
    transition: all .5s;
}
.appxgcp-section  .xgcp-box .xgcp_txt .xgcp_more{
    position: absolute;
    bottom: 7%;
    right: 0;
    left: 0;
    transition: all .5s;
}

.appxgcp-section  .xgcp-box:hover .xgcp_name{
    /*transform: translateY(-100%);*/
    bottom: -7%;
}
.appxgcp-section  .xgcp-box:hover .xgcp_more span{
    color: #002FA7;
    font-weight: bold;
}

.appxgcp-section  .xgcp-box:hover .xgcp_cot{
    height:auto;
    width: 100%;
}
.appxgcp-section  .xgcp-box:hover .xgcp_img img{
    transform: scale(1.1);
}

.xgapp-section{
    margin: 3% 0 0;
    padding: 4.5% 0;
    background: url("../image/solution.jpg") no-repeat center;
    background-size: cover;
}
.xgapp-section .xgapp-intro{
    line-height: 2;
    margin: 3.5% 0;
}
.xgapp-section .xgapp-more span{
    display: inline-block;
    width: 2.1vw;
    height: 2.1vw;
    line-height: 1.7vw;
    font-size: 1.8vw;
    color:white ;
    background-color: #ffc320;
    border-radius: 50%;
    border: 1px solid #ffc320;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    transition: all .5s;
}
.xgapp-section .xgapp-more span:hover{
    background-color: transparent;
    color: #ffc320;
}
.xgapp-section .xgapp-list{
    margin: 3% 0;
    position: relative;
}
.xgapp-section .xgapp-cot{
    background-color: rgba(255,255,255,.7);
    border-radius: 10px;
    padding: 1.2% 2.5% 1.2% 3.6%;
    position: relative;
    z-index: 0;
}
.xgapp-section .xgapp-cot .xgapp-box{
    float: left;
    margin-right: .4%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all .5s;
}
.xgapp-section .xgapp-cot .xgapp-box .xgapp-stit{
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 0 3%;
    text-align: center;
    background-color: rgba(0,0,0,.3);
}
.xgapp-section .xgapp-cot .xgapp-box .xgapp-stit span{
    display: block;
}

.xgapp-section .xgapp-cot .xgapp-box img{
    object-fit: cover;
}
.xgapp-section .xgapp-cot .xgapp-box:hover img{
    transform: scale(1.05);
}
.xgapp-section .xgapp-cot .xgapp-box.slick-current .xgapp-stit{
    display: none;
}
/*.xgapp-section .xgapp-cot:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 1vw;
    background: url("../image/sbtn.png") no-repeat center left;
}*/
.xgapp-section .xgapp-btn{
    position: absolute;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    height: 100%;
    width: 100%;
}
.xgapp-section .xgapp-btn .xgbtn-lt{
    z-index: 1;
    cursor: pointer;
    padding-left: 1%;
    height: 1.36vw;
}
.xgapp-section .xgapp-btn .xgbtn-rt{
    z-index: 1;
    cursor: pointer;
    margin-left: auto;
    margin-right: 1.2%;
    height: 1.36vw;
    transform: rotate(180deg);
}


.product-list-section{
    padding: 4% 0;
}
.product-list-section .product-ejcatedtl{
    display: flex;
}
.product-list-section .product-ejcatedtl .proejcate_lt{
    width: 48.5%;
    float: left;
    padding: 4%;
    min-height: 25vw;
    background-color: white;
    transition: all .5s;
}
.product-list-section .product-ejcatedtl .proejcate_lt .mark-ico{
    position: relative;
    overflow: hidden;
}

.product-list-section .product-ejcatedtl .proejcate_lt .mark-ico:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    background: url("../image/watermark.png") no-repeat;
    height: 2.035vw;
    width: 8.23vw;
    background-size: contain;
}
.product-list-section .product-ejcatedtl .proejcate_lt:hover img{
    transform: scale(1.1);
}

.product-list-section .product-ejcatedtl .proejcate_rt{
    width: 48.5%;
    float: right;
    margin-left: auto;
    padding: 3.5% 5%;
    line-height: 2;
    background-color: white;
    transition: all .5s;
}
.product-list-section .product-ejcatedtl .proejcate_rt .proejcate_name{
    margin-bottom: 9%;
}
.product-list-section .product-ejcatedtl .proejcate_rt .proejcate_trait{
    margin-bottom: 5.5%;
}
.product-list-section .product-ejcatedtl .proejcate_rt .proejcate_trait .trait-lt{
    width: 25%;
    float: left;
    line-height: 1.5;
}
.product-list-section .product-ejcatedtl .proejcate_rt .proejcate_trait .trait-rt{
    width: 75%;
    float: right;
}

.screen-section{
    padding: 3% 0;
}
.screen-section .screen-blk{
    padding: 2.5% 0;
}
.screen-section .screen-blk .screen-condition{
    display: flex;
}
.screen-section .screen-blk .screen-condition .cnditn_box{
    width: calc(100%/5);
    float: left;
    display: flex;
    align-items: center;
    text-align: center;
    transition: all .5s;
}
.screen-section .screen-blk .screen-condition .cnditn_box:first-of-type{
    flex-direction: column;
    width: 10%;
    line-height: 1.8;
    align-items: self-start;
}
.screen-section .screen-blk .screen-condition .cnditn_box:first-of-type img{
    padding-left: 15%;
    width: 2.75vw;
}
.screen-section .screen-blk .screen-condition .cnditn_reset{
    margin-left: auto;
}
.screen-section .screen-blk .screen-condition .cnditn_reset .reset_btn{
    margin-bottom: 6%;
}
.screen-section .screen-blk .screen-condition .cnditn_reset .reset_btn button{
    width: 8.85vw;
    height: 2.62vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #002FA7;
    margin-left: auto;
    color: white;
    border: none;
    border-radius: 5px;
}
.screen-section .screen-blk .screen-condition .cnditn_reset .reset_btn button img{
    margin-right: 5%;
    height: 1.25vw;
}


.product-list-screen .tftable {
    color:#333333;
    width:100%;
    border-width: 1px;
    border-color: #a9a9a9;
    border-collapse: collapse;
}
.product-list-screen .tftable th {
    background-color:#1b1b1b;
    border-width: 1px;
    padding: 2.5% 0;
    border-style: solid;
    color: white;
    border-color: transparent;
    text-align:center;
}
.product-list-screen .tftable .tab_head {
    line-height: 1.5;
}
.product-list-screen .tftable tr {
    background-color:#ffffff;
}
.product-list-screen .tftable tr:nth-of-type(2n) {
    background-color:#eeeeee;
}
.product-list-screen .tftable td {
    border-width: 1px;
    height: 3vw;
    /*border-style: solid;*/
    /*border-color: #a9a9a9;*/
}
.product-list-screen .tftable td:last-of-type img {
    width: 1.615vw;
}


.warning-box{
    height: 50vh;
}
.warning-box img{
    height: 9vw;
    max-height: 160px;
    min-height: 65px;
}
.warning-box .warning-tit{
    margin: 3% 0;
}



/*

.head-sub-menu-warp{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 10vh;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    !*visibility: visible;*!
    transform: scale(1);
    transition: all .5s ease;
}
.head_menu .CAli:hover .head-sub-menu-warp{
    opacity: 1;
    height: 100vh;
    transform: scale(1);
    visibility: visible;
    transition: all .5s ease;
}
.head-sub-menu-warp .container{
    max-width: 1600px;
}
.head-sub-menu-warp .top-line{
    width: 100%;
    height: 0px;
}
.head.fixedbg .head-sub-menu-warp .top-line{
    height: 11px;
}
.head-sub-menu{
    padding: 2% 0 0 0;
    background: rgba(0,0,0,.9);
    height: 93vh;
    text-align: left;
    transition: all .5s;
    !*
        height: 500px;
        overflow-y: auto;
    *!
}
.head-sub-menu2{
    line-height: 65px;
    background: #f4f4f4;
    text-align: center;
}
.head-sub-menu2 a{
    display: inline-block;
    font-size: 15px;
    padding: 0 25px;
}
.head-sub-menu2 a:hover{
    color: #002FA7;
}
.head-sub-menu .isClass{
    width: 100%;
    float: left;
    overflow: hidden;
}
.head-sub-menu .isClass .item{
    width: 11.1%;
    float: left;
    margin-bottom: 15px;
}
.head-sub-menu .isClass .item h4{
    font-weight: 600;
    font-size: .9vw;
    color: #ffffff;
    line-height: 25px;
}
.head-sub-menu .isClass .item h4 a{
    color: #fff;
}
.head-sub-menu .isClass .item h4 a:hover{
    color: #002FA7;
}
.head-sub-menu .isClass .item .link{
    margin-top: 16px;
    min-height: 190px;
}
.head-sub-menu .isClass .item .link a{
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    padding-right: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.head-sub-menu .isClass .item .link a:hover{
    color: #002FA7;
}
.head-sub-menu .isInfo{
    width: 9%;
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    display: block;
}
.head-sub-menu .isInfo .zx-msg{
    margin-bottom: 15%;
    line-height: 2;
    padding: 8% 0;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
}
.head-sub-menu .isInfo .zx-msg:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background-color: white;
    transition: all .5s;
}

.head-sub-menu .isInfo .zx-msg:last-of-type{
    margin-bottom: 0;
}

.head-sub-menu .isInfo .zx-msg .zx_pic{
    width: 2.45vw;
    margin: 2% auto;
    overflow: hidden;
    transition: all .5s;
}
.head-sub-menu .isInfo .zx-msg .zx_txt{
 transition: all .5s;
}

.head-sub-menu .isInfo .zx-msg .zx_pic img{
    transform: translateY(-50px);
    filter: drop-shadow(#fff 0 50px);
}
.head-sub-menu .isInfo .zx-msg:hover .zx_pic img{
    transform: translateY(0);
    filter: drop-shadow(#fff 0 50px);
}
.head-sub-menu .isInfo .zx-msg:hover{
    border-color: #002FA7;
}
.head-sub-menu .isInfo .zx-msg:hover .zx_txt{
    color: #002FA7;
}
.head-sub-menu .isInfo .zx-msg:hover:before{
    height: 100%;
}



*/



































.brands-category{

}
.brands-category .brds-box{
    width: calc(100%/4 - 2.63%);
    float: left;
    margin: 0 3.5% 3.5% 0;
    padding: 2.5%;
    background-color: #f4f4f4;
    cursor: pointer;
    transition: all .5s;
}
.brands-category .brds-box:last-of-type{
    margin-right: 0;
}
.brands-category .brds-box.on{
    background-color: #002FA7;
    color: white;
}
.brands-category .brds-box.on .brds-cot{
    color: white;
}
.brands-category .brds-box.on .brds-ico{
    filter: brightness(10);
}
.brands-category .brds-box.on .brds-ico img{
    transform: rotateY(360deg);
}

.brands-category .brds-box .brds-ico{

}
.brands-category .brds-box .brds-ico img{
    height: 3.78vw;
    transition: all .5s;
}
.brands-category .brds-box .brds-tit{
    margin: 7% 0;
}
.brands-category .brds-box .brds-cot{
    color: #666666;
    line-height: 2;
}


.partner_item{
    width: 16.25%;
    float: left;
    border: 1px solid #cccccc;
    margin: 0 0.5% 1% 0;
    overflow: hidden;
}
.partner_item:nth-child(6n){
    margin: 0 0 1% 0;
}
.partner_item:hover img{
    transform: scale(1.1);
}






.download_main{
    /*padding: 3% 0;*/
}
.download_main .gsyb{
    background: url(../image/gsyb.png) no-repeat 25%;
    background-size: 10%;
    background-color: #002FA7;
    color: #FFFFFF;
    display: inline-block;
    padding:1% 3% 1% 5%;
}


.download_list{
    /*padding: 2% 9% 0 1%;*/
}
.download_item{
    width: calc(100%/5 - .8%);
    margin: 0 1% 1% 0;
    float: left;
    color: #FFFFFF;
    text-align: center;
}
.download_item:nth-of-type(5n){
    margin-right: 0;
}

.download_item .dimg{
    /*padding:0 3.15%;*/
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}
.download_item .down-txt{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -100%;
    height: 100%;
    /*background-color: rgba(0,0,0,.7);*/
    color: white;
    transition: all .5s;
    background: rgba(0,0,0,.7) url("../image/down.png") no-repeat center center;
    background-size: 28.6%;
}
.download_item .down-txt:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 5px;
    width: 0;
    background-color: #002FA7;
    transition: all 1.5s;
}

.download_item .down-txt .down-tit{
    bottom: 2%;
    padding:0 5%;
    width: 100%;
    line-height: 3;
    text-align: left;
    position: absolute;
}


.download_item .dtit{
    margin: 10% 0;
    letter-spacing: 1px;
}
.download_item .dcot{

}
.download_item .dcot .xz{
    width: 35px;
    height: 35px;
    background: url(../image/download_item_logo.png) no-repeat center;
    background-color: #201f1f;
    background-size: 100%;
    float: left;
    transition: all 0.3s;
}
.download_item .dcot .xzs{
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left:5%;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.download_item .dcot .ck{
    float: right;
    background-size: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #201f1f;
    padding: 0 10%;
    transition: all 0.3s;
}
.download_item:hover .down-txt{
    top: 0;
}
.download_item:hover .down-txt:after{
    width: 100%;
}

.download_item:hover .dimg{
    /*transform:translateY(-10px);*/
}
.download_item .dcot .xz:hover{
    background-color: #002FA7;
}
.download_item .dcot .xzs:hover{
    color: #002FA7;
}
.download_item .dcot .ck:hover{
    background-color: #002FA7;
}

.zh-score{
    margin-top: 2%;
    padding: 5% 0;
    background: url("../image/score.png") no-repeat ;
    background-size: cover;
}
.zh-score .score-tit{
    color: white;
    position: relative;
    margin-bottom: 8%;
}
.zh-score .score-tit .scrtit-en{
    color: #8aa3cb;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: -1;
}
.zh-score .score-tit .scrtit-zh{
    position: relative;
    margin-top: -.6%;
    letter-spacing: 2px;
}
.score-loading{
    width: 50%;
}
.progress_bar .pro-bar {
    background: hsl(0, 0%, 97%);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
    height:6px;
    margin-bottom: 10%;
    /*margin-top: 50px;*/
    position: relative;
    border-radius: 5px;
}
.progress_bar .progress_bar_title{
    /*color: hsl(218, 4%, 50%);*/
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    top: -1.8vw;
    z-index: 1;
}
.progress_bar .progress-tit{
    margin-bottom: 1%;
}
.progress_bar .progress_number{
    float: right;
    margin-top: -2.2%;
}
.progress_bar .progress-bar-inner {
    background-color: hsl(0, 0%, 88%);
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    transition: width 1s linear 0s;
    animation: animate-positive 5s;
}
.progress_bar .progress-bar-inner:before {
    display: none;
    content: "";
    background-color: hsl(0, 0%, 100%);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 1;
}
.progress_bar .progress-bar-inner:after {
    display: none;
    content: "";
    width: 14px;
    height: 14px;
    background-color: inherit;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -5px;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive{
    0% { width: 0%; }
}





.video_show{
    text-align: center;
    margin-bottom: 3%;
}
.video_show .vid-tit{
    margin: 2% 0;
}
.video_show .vid-cot{
    padding: 0 5%;
    margin: 3% 0;
    line-height: 1.8;
}
.video_show .vid-movie{
    display: table;
    margin: 0 auto;

}
.mejs-poster.mejs-layer{
    display: none;
}
.video_show .mejs-container{
    max-width: 1100px;
}

.video_show .vid-survey{
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 2% 0;
}
.video_show .vid-survey li{
    float: left;
    width: calc(100%/4);
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}
.video_show .vid-survey li p{
    line-height: 2.5;
}


.video_item{
    width: 31.66%;
    /*width: 100%;*/
    float: left;
    line-height: 2;
    margin: 0 2.5% 0 0;
    cursor: pointer;
}
.video_item:nth-child(3n){
    margin: 0 0 1.25% 0;
}
.video_item .v-img{
    position: relative;
}
.video_item .v-img .v-mark{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.5) url("../image/bf-ico.png") no-repeat center center;
    background-size: 13.15%;
    transition: all .5s;
}
.video_item.on .v-img .v-mark{
    background-color: transparent;
}
.video_item.on .dtit{
    color: #002FA7;
}


.video_item .dtit{
    padding: 2% 0 5%;
    transition: all .5s;
}
.video_item .dtit .vidtit{
    float: left;
    width: 70%;
}
.video_item .dtit .vidtime{
    float: right;
    width: 30%;
    text-align: right;
}

.video_item video{
    width: 100%;
}
.video-switch{
    display: flex;
    justify-content: center;
    margin: 3% 0;
}
.video-switch .video-button-prev{
    flex: .08;
}
.video-switch .video-button-prev img,
.video-switch .video-button-next img{
    transform: rotate(90deg);
    width: 3.021vw;
}

.contact-region{

}
.contact-region .region-intro{
    margin: 2% 0;
    line-height: 1.5;
}
.contact-region .region-list{
    margin: 4% 0 2.5%;
}
.contact-region .region-list .region-box{
    width: calc(100%/4 - 1.2%);
    float: left;
    margin: 0 1.5% 1.5% 0;
    padding: 1.75% 0;
    text-align: center;
    line-height: 2.5;
    background-color: #f6f6f6;
    box-shadow: 1.8px 2px 5px rgba(0,0,0,.2);
    border-radius: 5px;
    transition: all .5s;
}
.contact-region .region-list .region-box:nth-of-type(4n){
    margin-right: 0;
}
.contact-region .region-list .region-box .region-name{
    margin-bottom: 3.5%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.contact-region .region-list .region-box .region-name img{
    width: 4.22vw;
    margin: 0 auto;
    min-width: 50px;
}

.contact-region .region-list .region-box .region-txt{
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-region .region-list .region-box .region-contact{
    letter-spacing: 1px;
    text-transform: uppercase;
}
.contact-region .region-list .region-box:hover {
    border-color: #002FA7;
    transform: translateY(-5%);
}
.contact-region .region-list .region-box:hover .region-name img{

}
.Pagetit{
    padding: calc(var(--w_auto) * 40px) 0;
    letter-spacing: 2px;
}
.contact_map{
    margin-bottom: calc(var(--w_auto) * 25px);
}
.contact_map .ifrm_map{
    width: 100%;
    border: 2px solid #eeeeee;
    height: calc(var(--w_auto) * 600px);
}






.contact-lt{
    width: 38.5%;
    float: left;
}
.contact-lt .contact-img{
    padding-bottom: 6%;
    margin-bottom: 6%;
    position: relative;
}
.contact-lt .contact-img:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 8%;
    height: 2px;
    background-color: #e7e7e7;
}

.contact-lt .contact-img img{
    width: 24.25vw;
}

.contact-lt .contact-teladr{
    margin: 3% 0;
}
.contact-lt .contact-teladr li{
    display: flex;
    align-items: center;
    margin-bottom: 4%;
}
.contact-lt .contact-teladr li .ctc-img{
    margin-right: 4%;
    background-color: #e5e5e5;
    border-radius: 50%;
    height: 3.858vw;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    z-index: 1;
    transition: all .5s;
}

.contact-lt .contact-teladr li .ctc-img:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    /*width: 0;*/
    /*height: 0;*/
    margin: 0 auto;
    opacity: 0;
    transform: scale(0);
    background-color: #002FA7;
    border-radius: 50%;
    z-index: -1;
    transition: all .5s;
}

.contact-lt .contact-teladr li .ctc-txt{
    line-height: 2;
    transition: all .5s;
}
.contact-lt .contact-teladr li:hover .ctc-img{
    background-color: transparent;
}
.contact-lt .contact-teladr li:hover .ctc-img:before{
    width: 100%;
    height: 100%;
    transform: scale(1);
    opacity: 1;
}
.contact-lt .contact-teladr li:hover .ctc-img img{
    filter: brightness(10);
}
.contact-lt .contact-teladr li:hover .ctc-txt p:nth-of-type(2){
    color: #002FA7;
}


.contact-lt .contact-teladr .cntct-teladr{
    width: 50%;
    float: left;
    color: #666666;
}
.contact-lt .contact-teladr .cntct-teladr:nth-of-type(2){
    padding-left: 7%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit{
    border-left: 2px solid #002FA7;
    padding-left: 4%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit .p1-zh{
    margin-bottom: 3.5%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit .p2-en{
    font-family: "Arial";
}
.contact-lt .contact-teladr .cntct-teladr .cntct-cot{
    margin-top: 3%;
    line-height: 2;
    padding-left: 4%;
}
.contact-lt .mapbox{
    margin-top: 5%;
}




.contact-rt{
    width: 100%;
    margin-bottom: 3.5%;
    /*background-color: #eeeeee;*/
    /*padding: 3% 5%;*/
}
.contact-rt .msg-tit{

}
.contact-rt .msg-tit .m1{
    position: relative;
    padding-bottom: 2.5%;
    display: inline-block;
}
.contact-rt .msg-tit .m1:after{
    display: none;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 15%;
    background-color: #002FA7;
}
.contact-rt .msg-tit .m2{
    margin-top: 2%;
    font-family: Arial;
}
.contact-rt .msg-tit .m3{
    text-align: right;
    font-family: Arial;
}
.contact-rt .frm-blk{
    /*margin-top: 5%;*/
}
.contact-rt .frm-blk textarea{
    border: none;
    width: 100%;
    text-indent: 2.5em;
    padding-top: 1.5%;
    height: 12vw;
    resize: unset;
    background-color: #f6f6f6;
    font-size: 16px;
    font-family: syh_r;
}
.contact-rt .frm-blk input{
    border: none;
    line-height: 3.6;
    width: 100%;
    text-indent: 2.5em;
    background-color: #f6f6f6;
    font-size: 16px;
}
.contact-rt .frm-blk input::placeholder{
    letter-spacing: 4px;
}

.contact-rt .frm-blk li:nth-of-type(-n+3){
    width: 48%;
    margin-bottom: 3.5%;
    float: left;
}
.contact-rt .frm-blk li:nth-of-type(2){
    float: right;
}
.contact-rt .frm-blk li:nth-of-type(n+3){
    width: 100%;
    margin-bottom: 5%;
}

.contact-rt .sub-btn .tj-btn{
    background-color: #002FA7;
    color: white;
    width: calc(var(--w_auto) * 190px);
    height: calc(var(--w_auto) * 74px);
    line-height: calc(var(--w_auto) * 74px);
    margin-right: 3%;
    display: inline-block;
    cursor: pointer;
    /*border: none;*/
}
.contact-rt .sub-btn .yzm{
    border-bottom: 1px solid #cccccc;
    height: calc(var(--w_auto) * 74px);
    line-height: calc(var(--w_auto) * 74px);
    width: 15%;
    background-color: #ffffff;
    text-indent: 1em;
    margin-right: 1%;
}
.contact-rt .ymzsz{
    margin-bottom: -.8vw;
}







.lxwmall{
    position: relative;
}
.lxwm_title{
    text-align: center;
    color: #333333;
    line-height: 2;
    letter-spacing: 1px;
    padding: 0 12%;

}
.lxwm_list{
    position: relative;
    padding: 3% 0 7% 0;
}

.lxwm_item{
    width: 20%;
    float: left;
    border: 1px solid #A6A6A6;
    margin: 0 6.65% 0 0;
    text-align: center;
    line-height: 2;
    padding: 2% 0 0;
}
.lxwm_item:nth-child(4n){
    margin: 0 0 0 0;
}
.lxwm_item .dimg{
    width: 37.7375%;
    margin: 0 auto;
    filter: grayscale(100%);
    transition: all 0.5s;
}
.lxwm_item .dtit{
    width: 90%;
    border-top: 1px solid #A6A6A6;
    padding: 5% 0 0 0;
    margin: 8% auto 0;
}
.lxwm_item .dint{
    font-weight: bold;
    width: 90%;
    margin: 0 auto 0;
    height: 90px;
    line-height: 30px;
}
.lxwm_item:hover .dimg{
    filter: grayscale(0);
}

.Regional-agent{
    overflow: hidden;
    padding: 3% 0;
    color: #22222b;
}
.Regional-agent .agent-box{
    float: left;
    width: 21%;
    margin-right: 5%;
    margin-bottom: 5%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 18px 17px 0 rgba(0,0,0,0.17), inset 0 1px 0 white;
    -moz-box-shadow: 18px 17px 0 rgba(0,0,0,0.17), inset 0 1px 0 white;
    box-shadow: 18px 17px 0 rgba(0,0,0,0.17), inset 0 1px 0 white;
}
.Regional-agent .agent-box:nth-of-type(4n){
    margin-right: 0;
}
.Regional-agent .agent-box .card-avatar{
    position: absolute;
    top: 10%;
    left: 6%;
    width: 100%;
    overflow: hidden;
}
.Regional-agent .agent-box .card-avatar img{
    width: 28%;
    height: 28%;
    display: block;
    border: 4px solid #002FA7;
}
.Regional-agent .agent-box .card-bg{
    /*background: url("../image/card-bg.jpg") no-repeat center;*/
    /*background-size: cover;*/
}
.Regional-agent .agent-box .card-name{
    color: white;
    background-color: black;
    line-height: 2;
    text-align: right;
    padding: 0 10%;
}
.Regional-agent .agent-box .card-name span{
    letter-spacing: 0;
    margin-left: 4%;
}
.Regional-agent .agent-box .card-con{
    padding: 5%;
    text-align: center;
    line-height: 2;
    border: 5px solid #f5f5f5;
    border-top: none;
}
.Regional-agent .agent-box .card-con .c-tel{
    margin-top: 1%;
    font-family: "思源黑体 CN Medium";
}
.Regional-agent .agent-box .card-con .fz-adr{
    font-weight: bold;
    position: relative;
    margin: 2% 0;
}
.Regional-agent .agent-box .card-con .fz-adr:after{
    content: '';
    position: absolute;
    width: 20%;
    height: 8%;
    left: 40%;
    bottom: -3px;
    background-color: #002FA7;
}
.Regional-agent .agent-box .card-con .adr-list{
    margin-top: 5%;
    font-family: "思源黑体 CN Medium";
}
.Regional-agent .agent-box .card-con .c-ewm{
    padding: 4% 33% 1%;
}
.Regional-agent .agent-box .card-con .c-ewm img{
    border: 3px solid #002FA7;
}


/****** About us *****/
.page_Abus{
    padding: 2% 0 8%;
    background: url("../image/mark.png") no-repeat right bottom;
    background-size: calc(var(--w_auto) * 348px);
}
.page_Abus .abus-cot{
    margin: 3% 0 9%;
    padding: 0 6%;
    line-height: 2.5;
    text-align: center;
}
.page_Abus .abus-cot .abus-cot2{
    padding: 3.5% 0;
}
.page_Abus .abus-cot .abus-cot2 li{
    width: calc(100%/6.5);
    float: left;
    text-align: center;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
}
.page_Abus .abus-cot .abus-cot2 li:hover .abt1-img img{
    transform: translateY(-15%);
}

.page_Abus .abus-cot .abus-cot2 .abt1-img img{
    height: 3.65vw;
    transition: all .5s;
}

.page_Abus .abus-cot .abus-cot2 li:first-of-type{
    width: 11.5%;
    text-align: left;

}
.page_Abus .abus-cot .abus-cot2 li:last-of-type{
    width: 11.5%;
    text-align: right;
}
.page_Abus .abus-cot .abus-cot2 li:last-of-type img{
    padding-right: 8%;
}



.page_Abus .abus-cot .abus-cot2 li .abt1-txt{
    margin-top: 2%;
}
.page_Abus .abus-cot4{
}
.page_Abus .pub-tit{
    line-height: 2;
    letter-spacing: 2px;
    margin-bottom: 8%;
}

.page_Abus  .abus-cot4 .abt4-lt{
    width: 60%;
    float: left;
    line-height: 2.5;

}
.page_Abus  .abus-cot4 .abt4-lt .abt-cot{
    text-align: justify;
}

.page_Abus  .abus-cot4 .abt4-lt p{
    margin-top: 3%;
}

.page_Abus  .abus-cot4 .abt4-rt{
    width: 35.7%;
    float: right;
    margin-left: auto;
}
.page_Abus  .abus-cot4 .abt4-rt img{
    position: relative;
}
.page_Abus .abt-cot{
    line-height: 2;
    overflow: hidden;
}
.page_Abus .abt-cot p{
    margin-top: 3%;
    text-indent: 2em;
}
.page_Abus .abt-cot img{
    max-width: 100%;
}
.page_Abus .abt-video{
    margin-bottom: 3.5%;
}

.pagpub_tit{
    text-align: center;
    line-height: 2;
    letter-spacing: 2px;
}
.pagpub_tit .pten{
    color: #919191;
}

.page_Policy{
    margin: 0 0 5%;
}
.page_Policy .policy-cot{
    padding: 3% 0 0;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.page_Policy .culture_lt,
.page_Policy .culture_rt
{
    width: 47%;
}
.page_Policy .culture_rt{
    margin-left: auto;
}
.page_Policy .culture_rt ul{
}
.page_Policy .culture_rt li{
    margin: 5% 0;
}

.page_Policy .culture_rt .cultit{
    border: 1px solid #f0f0f0;
    line-height: 2.5;
    position: relative;
    padding-left: calc(var(--w_auto) * 90px);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    cursor: pointer;
}
.page_Policy .culture_rt .cultit span{
    position: absolute;
    left: 4%;
    top: 30%;
}
.page_Policy .culture_rt .cultit span:after{
    position: absolute;
    content: '';
    left: calc(var(--w_auto) * 10px);
    width: calc(var(--w_auto) * 5px);
    height: calc(var(--w_auto) * 25px);
    background-color: #002FA7;
    transition: all .5s;
}
.page_Policy .culture_rt .cultit span:before{
    position: absolute;
    content: '';
    left: 0;
    top: calc(var(--w_auto) * 10px);
    /*top: 20%;*/
    width: calc(var(--w_auto) * 25px);
    height: calc(var(--w_auto) * 5px);
    /*height: calc(var(--w_auto) * 5px);*/
    background: #002FA7;
    transition: all .5s;
}
.page_Policy .culture_rt li.cur .cultit span:after{
    opacity: 0;
}

.page_Policy .culture_rt li.cur .culcot{
    display: block;
}
.page_Policy .culture_rt .culcot{
    display: none;
    margin-top: 2%;
    line-height: 1.6;
}

.page_Jobs .jobs-wrap{
    margin: 3% 0;
}


/**/
.page_Brands{
    padding: 3% 0;
}
.page_Brands .brands-map{
    margin: 0 0 3%;
    padding: 3% 0;
    position: relative;
    background: url("../image/brands_bg.jpg") no-repeat center 1.8vw;
    background-size: cover;
    background-position-x: 0;
}
.page_Brands .brands-map img{
    animation: bannerZm 2s infinite linear alternate;
}
.page_Brands .brands-slogan{
    line-height: 1.8;
}

.page_Brands .brands-slogan li{
    width: calc(100%/3);
    float: left;
    text-align: center;
    line-height: 2.2;
}
.page_Target{
    padding: 3.5% 0;
}
.page_Target .abt_target{
    align-items: center;
    justify-content: space-between;
    margin: 3% 0;
}
.page_Target .abt_target .tar-txt{

}
.page_Target .abt_target .tar-txt p{
    position: relative;
    line-height: 2.2;
    margin: 6% 0;
    text-indent: 1.5em;
}
.page_Target .abt_target .tar-txt p:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    transform: translate(-50%,50%);
    width: calc(var(--w_auto) * 28px);
    height: calc(var(--w_auto) * 28px);
    background-color: #002FA7;
    border-radius: 50px;
}
.page_Target .abt_target .tar-img{

}
.page_Target .abt_target .tar-img img{
    display: block;
    width: calc(var(--w_auto) * 660px);
}




.page_Honor{
    position: relative;
    padding: 6% 0;
}
.page_Honor:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 36vw;
    background: url("../image/honor.jpg") no-repeat center;
    z-index: -1;
}
.page_Honor .honor-Btit{
    padding-left: 13%;
    padding-bottom: 5%;
}
.page_Honor .honor-stit{
    font-family: "宋体";
    position: relative;
    padding-bottom: 2.5%;
    margin-bottom: 2%;
}
.page_Honor .honor-stit:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 10%;
    height: 3px;
    background-color: #002FA7;
}
.page_Honor .honor-en1{
    font-family: "Thin";
    margin-bottom: 2.5%;
}
.page_Honor .honor-tit{
    letter-spacing: 4px;
    margin-bottom: 2.5%;
}
.page_Honor .honor-en2{
    text-transform: uppercase;
}
.page_Honor .honor-list{

}

.page_Honor .honor-list .honor-blk{
    width: calc(100%/3 - 1.35%);
    float: left;
    margin: 0 0 .5% 0;
    text-align: center;
    transition: all .5s;
}
.page_Honor .honor-list .honor-blk:nth-of-type(3n){
    /*margin-right: 0;*/
}

.page_Honor .honor-list .honor-img{
    background-color: #eeeeee;
    border-radius: 10px;
    border: 5px solid #ffffff;
    padding: 6.6%;
    transition: all .5s;
}
.page_Honor .honor-list .honor-txt{
    margin-top: 2%;
    line-height: 2;
    text-transform: uppercase;
}
.page_Honor .honor-list .honor-blk:hover .honor-img{
    /*transform: translateY(-5%);*/
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.technology{
    justify-content: space-around;
}
.technology .tech-box{
    align-items: center;
}
.technology .tech-box .tech_img{
    width: calc(var(--w_auto) * 103px);
    height: calc(var(--w_auto) * 103px);
    display: block;
    margin: 0 auto;
    /*overflow: hidden;*/
    position: relative;
}
.technology .tech-box .tech_img img{
    width: calc(var(--w_auto) * 103px);
    height: calc(var(--w_auto) * 103px);
    display: block;
    margin: 0 auto;
    filter: grayscale(100%);
    transition: all 1s;
}
.technology .tech-box .tech_img:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    background-color: #002FA7;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: all .8s;
}
.technology .tech-box .tech_tit{
    /*margin-top: calc(var(--w_auto) * 25px);*/
}
.technology .tech-box.on .tech_img,
.technology .tech-box:hover .tech_img
{
    background-color: transparent;
}
.technology .tech-box.on {
    color: #002FA7;
}
.technology .tech-box.on .tech_img img{
    /*margin-top: calc(var(--w_auto) * 103px);*/
    /*filter: drop-shadow(0 calc(var(--w_auto) * -103px) 0 #002FA7);*/
}
.technology .tech-box.on .tech_img:before,
.technology .tech-box:hover .tech_img:before
{
    /*transform: scale(1);*/
}
.technology .tech-box.on img,
.technology .tech-box:hover img
{
    filter: none;
    transform: rotateY(360deg);
}

.technology-cate{
    align-items: center;
    text-transform: uppercase;
    color: #002FA7;
}
.technology-cate img{
    width: calc(var(--w_auto) * 58px);
    margin-right: calc(var(--w_auto) * 25px);
}

.technology-cot{
    padding: 3% 0;
    overflow: hidden;
    line-height: 1.5;
}
.technology-cot img{
    max-width: 100%;
}

.News-List{

}

.News-List .news-Btit{
    line-height: 3.2;
    letter-spacing: 4px;
}
.news_cate_list{
    margin: 1.5% 0 3%;
}
.news_cate_list li{
    width: calc(100%/10);
    float: left;
    text-align: center;
    background-color: #eeeeee;
    margin-right: 2%;
    position: relative;
    transition: all .5s;
    z-index: 1;
}
.news_cate_list li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #002FA7;
    z-index: -1;
    transition: all .5s;
}
.news_cate_list li a{
    display: block;
    padding: 14% 0;
}
.news_cate_list li:hover,
.news_cate_list li.on{
    color: white;
}
.news_cate_list li:hover:before,
.news_cate_list li.on:before
{
    width: 100%;
}











.ab_four{
    padding: 3% 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: white;
}
.ab_four_item{
    width: 25%;
    text-align: center;
    float: left;
    line-height: 1.5;
}
.ab_four_item .dnya{
    margin: 0 0 0% 0;
    position: relative;
}
.ab_four_item .dnya:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 45%;
    right: 0;
    top: 25%;
    background-color: white;
}
.ab_four_item:last-of-type .dnya:after{
    display: none;
}





.ab_mko{
    padding: 2.5% 0 8%;
}
.ab_mko .nysm_all{

}

.sy_subhead_en{
    position: absolute;
    bottom: 0;
    left: 105%;
    font-size: 24px;
    display: inline-block;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0;
}
.abmko_list{
    position: relative;
}

.abmko_list .dimg{
    width: 40.875%;
    float: right;
}

.abmko_list .company-tab{
    margin-bottom: 3%;
}
.abmko_list .company-tab li{
    float: left;
    padding: 1.8% 6%;
    background-color: #dcdcdc;
    color: #666666;
    cursor: pointer;
}
.abmko_list .company-tab li.on{
    color: white;
    background-color: #002FA7;
}
.abmko_list .cmpy-cnt{

}
.abmko_list .cmpy-cnt li{
    float: left;
    width: calc(100%/2 - 1%);
    margin: 0 1% 1% 0;
}
.abmko_list .cmpy-cnt li:nth-of-type(2n){
    margin-right: 0;
}




.abmko_list .dcot{
    float: left;
    width: 51%;
    line-height: 2;
    margin: 0 5% 0 0;
}
.abmko_list .dcot .dtit{
    padding: 0 0 2% 0;
    color: #002FA7;
}
.abmko_list .dcot .dint{
    text-indent: 2em;
    letter-spacing: 1px;
    line-height: 2.5;
}


.adv_4{
    background-color: #eeeeee;
    padding: 2.5% 0;
}
.adv_4 .adv_list{
    background-color: white;
}
.adv_4 .adv_list li{
    float: left;
    width: calc(100%/4);
    text-align: center;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #dcdcdc;*/
    padding: 2.1% 0;
    transition: all .5s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
.adv_4 .adv_list li.on{
    color: white;
}
.adv_4 .adv_list li:before{
    /*background-color: #002FA7;*/
    transition: all .5s;
    color: white;
    position: absolute;
    content: '';
    height: 260%;
    left: -30px;
    right: 110%;
    bottom: calc(var(--w_auto) * -60px);
    /*opacity: 0;*/
    transform: rotate(-15deg);
    background-color: #002FA7;
    z-index: -1;
}
.adv_4 .adv_list li.on:before{
    /*opacity: 1;*/
    right: -30px;
    /*height: 100%;*/
}
.adv_4 .adv_list li.on .adv-en,.adv_4 .adv_list li.on .adv-num{
    color: white;
}
.adv_4 .adv_list li.on .adv-num img{
    filter: brightness(10);
}
.adv_4 .adv_list li:nth-of-type(n+2){
    border-left: none;
}
.adv_4 .adv_list .adv-num{
    color: #002FA7;
    margin-right: calc(var(--w_auto) * 20px);
}
.adv_4 .adv_list .adv-num img{
    display: block;
    width: calc(var(--w_auto) * 50px);
    height: auto;
}

.adv_4 .adv_list .adv-tit{
    padding: 2% 0;
}
.adv_4 .adv_list .adv-en{
    font-family: Arial;
    color: #999999;
}
.adv_4 .adv-cot{
    margin-top: 3%;
}
.adv_4 .adv-cot .adv-box{
    display: flex;
    align-items: center;
}
.adv_4 .adv-cot .adv-lt{
    float: right;
    width: 50%;
}
.adv_4 .adv-cot .adv-lt .advlt-img{
    overflow: hidden;
}
.adv_4 .adv-cot .adv-rt{
    float: left;
    width: 50%;
    padding: 0 5% 0 0;
    /*background-color: white;*/
}
.adv_4 .adv-cot .adv-rt .advrt-en{
    line-height: 2;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.8%;
}
.adv_4 .adv-cot .adv-rt .advrt-en:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 10%;
    height: 2px;
    background-color: #002FA7;
}
.adv_4 .adv-cot .adv-rt .advrt-list{
    margin-top: 5%;
    line-height: 2;
}
.adv_4 .adv-cot .adv-rt .advrt-list li{
    position: relative;
    /*margin-bottom: 4.9%;*/
    /*text-indent: 1em;*/
    padding-left: 1em;
}
.adv_4 .adv-cot .adv-rt .advrt-list li:last-of-type{
    margin-bottom: 0;
}
.adv_4 .adv-cot .adv-rt .advrt-list li:before{
    /*display: none;*/
    position: absolute;
    content: '';
    left: 0;
    top: 20%;
    width: calc(var(--w_auto) * 8px);
    height: calc(var(--w_auto) * 8px);
    background-color: #333333;
    border-radius: 50%;
}
.adv_4 .adv-cot .adv-box:hover .advlt-img img{
    transform: scale(1.05);
}

.case-d-center{
    position: relative;
    margin: 2.5% 0 ;
}
.case-d-center:after{
    position: absolute;
    content: '';
    left: -82%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url("../image/mark.png") no-repeat center left;
    background-size: calc(var(--w_auto) * 348px);
    transform: rotate(180deg);
}

.case-d-center .cs-d-cetimg{
    text-align: center;
    margin: 2.5% 0;
}
.case-d-center .cs-d-cetimg img{
    max-width: 100%;
}
.case-d-center .cs-d-centxt{
    line-height: 2;
}
.case-d-center .cs-d-centxt .csd-small-tit{
    margin:  0 0 2%;
}

/**** 相关产品 ***/
.case-related-pro{
    position: relative;
}
.case-related-pro:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #FFFFFF;
}
.cs-rela-proCot{
    /*display: flex;*/
}
.cs-rela-proCot .cs-rela-lt{
    width: 50%;
    padding:5% 5% 5% 0;
    line-height: 2;
    transition: all .5s;
}
.cs-rela-proCot .cs-rela-lt .csrela-cate{

}
.cs-rela-proCot .cs-rela-lt .csrela-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5.5% 0;
}
.cs-rela-proCot .cs-rela-lt .csrela-name span{
    display: block;
}
.cs-rela-proCot .cs-rela-lt .csrela-name span:first-of-type{
    width: 80%;
}
.cs-rela-proCot .cs-rela-lt .csrela-name span:nth-of-type(2){
    width: calc(var(--w_auto) * 90px);
    height: calc(var(--w_auto) * 45px);
    line-height: calc(var(--w_auto) * 40px);
    background-color: #d2d2d2;
    color: white;
    text-align: center;
    transition: all .5s;
}
.cs-rela-proCot .cs-rela-lt .csrela-cot{
    margin-bottom: 8%;
}
.cs-rela-proCot .cs-rela-lt .csrela-nlist{}
.cs-rela-proCot .cs-rela-lt .csrela-nlist li{
    width: calc(100%/3 - 1.25%);
    float: left;
    margin: 0 1.75% 1.75% 0;
    height: calc(var(--w_auto) * 50px);
    line-height: calc(var(--w_auto) * 50px);
    color: white;
    background-color: #434343;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: all .5s;
}
.cs-rela-proCot .cs-rela-lt .csrela-nlist li:nth-of-type(3n){
    margin-right: 0;
}
.cs-rela-proCot .cs-rela-lt .csrela-nlist li a{
    display: block;
    padding: 0 3.5%;
}
.cs-rela-proCot .cs-rela-lt .csrela-nlist li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    opacity: 0;
    height: 100%;
    z-index: -1;
    background-color: #002FA7;
    transition: all .5s;
}
.cs-rela-proCot .cs-rela-lt .csrela-nlist li.on:before,
.cs-rela-proCot .cs-rela-lt .csrela-nlist li:hover:before{
    width: 100%;
    opacity: 1;
}
.cs-rela-proCot .cs-rela-lt .csrela-hover:hover .csrela-name span:nth-of-type(2){
    background-color: #002FA7;
}


.cs-rela-proCot .cs-rela-rt{
    width: 50%;
    padding-left: 5%;
}
.cs-rela-proCot .cs-rela-rt .csrela-more{
    border-bottom: 1px solid #d2d2d2;
    line-height: 4;
    text-align: right;
    padding-right: 10%;
    background: url("../image/cs-ico.png") no-repeat center right;
    background-size: calc(var(--w_auto) * 264px);
}
.cs-rela-proCot .cs-rela-rt .csrela-proimg{
    padding: 6% 5%;
}
.cs-rela-proCot .cs-rela-rt .csrela-proimg img{
    max-width: 100%;

}


/***** solution ****/
.solution-detail{
    background: url("../image/apply_bg.jpg") no-repeat center;
    background-size: cover;
    padding: 3.5% 0;
}
.solution_list .solution-box{
    width: calc(100%/2 - 1.5%);
    float: left;
    margin: 0 3% 3% 0;
    height: calc(var(--w_auto) * 880px);
    display: flex;
    flex-direction: column;
    transition: all .5s;
}
.solution_list .solution-box .sol-img{
    height: calc(var(--w_auto) * 880px);
    overflow: hidden;
    transition: all .5s;
}
.solution_list .solution-box .sol-img img{
    object-fit: cover;
}

.solution_list .solution-box .sol-txt{
    display: none;
    line-height: 2;
    padding: 0 3%;
}

.solution_list .solution-box .sol-txt .sol_en{
    transition: all .5s;
}
.solution_list .solution-box .sol-txt .sol_en i{
    width: calc(var(--w_auto) * 22px);
    height: calc(var(--w_auto) * 6px);
    background-color: #002FA7;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2%;
}
.solution_list .solution-box .sol-txt .sol_cn{
    margin: 2.5% 0;
    transition: all 1s;
}

.solution_list .solution-box:nth-of-type(-2n+6) .sol-txt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(var(--w_auto) * 410px);
}
.solution_list .solution-box:nth-of-type(4n) .sol-txt{
    display: none;
}
.solution_list .solution-box:nth-of-type(2) .sol-img{
    height: calc(var(--w_auto) * 410px);
}

.solution_list .solution-box:nth-of-type(2n)
{
    margin-right: 0;
}
.solution_list .solution-box:nth-of-type(n+3){
    width: calc(100%/3 - 2%);
    margin: 0 3% 3% 0;
    height: auto;
}
.solution_list .solution-box:nth-of-type(n+3) .sol-img {
    height: calc(var(--w_auto) * 383px);
}

.solution_list .solution-box:nth-of-type(5n){
    margin-right: 0;
}
.solution_list .solution-box:nth-of-type(n+6):nth-of-type(-n+7){
    width: calc(100%/2 - 1.5%);
    height: calc(var(--w_auto) * 880px);
    flex-direction: column-reverse;
    justify-content: space-between;
}
.solution_list .solution-box:nth-of-type(7) .sol-img{
    height: calc(var(--w_auto) * 880px);
}

.solution_list .solution-box:nth-of-type(7n)
{
    margin-right: 0;
}
.solution_list .solution-box:hover .sol-img img{
    transform: scale(1.1);
}
.solution_list .solution-box:hover .sol_en,
.solution_list .solution-box:hover .sol_cn
{
    margin-left: 2%;
}


.apply_frm_wrap{
    color: white;

}
.apply_frm_wrap .applyl_l{
    width: 40%;
}
.apply_frm_wrap .applyl_r{
    width: 40%;
}
.apply_frm_wrap .appfrm_tit{
    line-height: 2;
    margin: 2% 0;
    text-align: center;
}

.apply_frm_wrap .appfrm_box{}
.apply_frm_wrap .appfrm_box .w50{
    width: 48%;
}
.apply_frm_wrap .appfrm_box li{
    width: 100%;
    margin-bottom: 2.5%;
}
.apply_frm_wrap .appfrm_box li.flex{
    justify-content: space-between;
}
.apply_frm_wrap .appfrm_box li p{
    line-height: 2;
}
.apply_frm_wrap .appfrm_box li p:first-of-type i{
    font-style: normal;
    color: red;
}

.apply_frm_wrap .appfrm_box input{
    width: 100%;
    border: 2px solid #999999;
    background: rgba(255,255,255,.12);
    line-height: calc(var(--w_auto) * 42px);
    height: calc(var(--w_auto) * 42px);
    border-radius: 5px;
    padding:  0 15px;
    color: white;
    font-size: 16px;
}
.apply_frm_wrap .appfrm_box textarea{
    width: 100%;
    border: 2px solid #999999;
    background: rgba(255,255,255,.12);
    border-radius: 5px;
    padding:  15px;
    color: white;
    font-size: 16px;
    height: calc(var(--w_auto) * 100px);
    resize: none;
}


.apply_frm_wrap .appfrm_btn{

}
.apply_frm_wrap .appfrm_btn button{
    border: none;
    outline: none;
    color: white;
    background: #002FA7;
    text-align: center;
    width: 135px;
    height: 45px;
    line-height: 45px;
    border-radius: 6px;
}

.fw_network{
    /*border-top: calc(var(--w_auto) * 45px) solid #002FA7;*/
    padding: 0 0 5% 0;
}
.fw_network .ntwork_wrap{}
.fw_network .ntwork_wrap .ntwrk_l{
    width: 40%;
}
.fw_network  .ntwrk_tit{
    margin: 3.5% 0;
}
.fw_network .ntwork_wrap .ntwrk_r{
    width: 60%;
}

.fw_network .ntwork_wrap .ntwrk_l ul{
    overflow: hidden;
    margin-top: 10%;

}
.fw_network .ntwork_wrap .ntwrk_l li{
    margin-bottom: 10%;
    position: relative;
    padding-left: 6.5%;
}
.fw_network .ntwork_wrap .ntwrk_l li:before{
    position: absolute;
    content:'';
    left: 0;
    top: 13%;
    width: calc(var(--w_auto) * 15px);
    height: calc(var(--w_auto) * 15px);
    border-radius: 50%;
    background-color: #002FA7;
}
.fw_network .ntwork_wrap .ntwrk_l li p{
    margin-bottom: 3.5%;
}












.ab_mkt{
    background: url(../image/ab_mkt.png) no-repeat bottom;
    background-color: #FFFFFF;
    padding: 5% 0 0;
}

.abmkt_list{
    position: relative;
}
.abmkt_list .dcot{
    line-height: 2;
    color: #333333;
    width: 58%;
    margin: 0 0 0 5%;
}
.abmkt_list .dcot .dtit{
    background: url(../image/yinhao.png) no-repeat 0 top;
    text-align: center;
    font-size: 30px;
    padding: 10% 0 5%;
    background-size: 8.5%;
}
.abmkt_list .dcot .dint{

}
.abmkt_list .dlxa{
    position: absolute;
    width: 15%;
    right: 5%;
    bottom: 30%;
    z-index: 3;
    text-align: left;
    color: #FFFFFF;
    line-height: 2;
    margin: 0 auto;
    padding: 0 0 2% 2%;
}
.abmkt_list .dlxa .dbt{
    background: url(../image/head_lxdh.png) no-repeat left;
    display: inline-block;
    padding-left: 18%;
    background-size: 24%;
}
.abmkt_list .dlxa .dhm{
    font-size: 22px;
    font-weight: bold;
}


.abmkt_list .dlxs{
    position: absolute;
    width: 15%;
    height: 100%;
    background-color: #002FA7;
    right: 5%;
    bottom: 30%;
}
.abmkt_list .dlxx{
    position: absolute;
    width: 2%;
    height: 100%;
    background-color: #002FA7;
    right: 0;
    bottom: 30%;
}

.ab_mk4{
    padding: 5% 0 3%;
    background-color: #FFFFFF;
}

.ab_mk4_item{
    width: 25%;
    float: left;
    text-align: center;
    line-height: 2;
}
.ab_mk4_item:nth-of-type(1){
    width: 15%;
}
.ab_mk4_item:nth-of-type(1) .dimg{
    width:38.75%;
}
.ab_mk4_item:nth-of-type(2){
    padding-left: 6.5%;
}
.ab_mk4_item:nth-of-type(2),.ab_mk4_item:nth-of-type(3){
    width: 30%;
}
.ab_mk4_item:nth-of-type(2) .dimg{
    width: 24.735%;
}
.ab_mk4_item:nth-of-type(3) .dimg{
    width: 19.375%;
}

.ab_mk4_item .dimg{
    width:23.25%;
    margin: 0 auto 2%;
}
.ab_mk4_item .dtit{
    color: #333333;
}
.ab_mk4_item .dint{
    color: #666666;
}
.ab_mk5 .dimg{
    padding: 2% 0 3%;
}




.CPCA_list{
    position: relative;
    border-bottom: 2px solid #EEEEEE;
}
.CPCA_list .catelist{
    display: flex;
    justify-content: space-between;
}

.CPCA_item{
    float: left;
    padding: calc(var(--w_auto) * 25px) 0 calc(var(--w_auto) * 65px) 0;
    margin-right: calc(var(--w_auto) * 84px);
    /*overflow: hidden;*/
    position: relative;
    box-sizing: border-box;
    transition: all .5s;
}
.CPCA_item:last-child{
    margin-right: 0;
}
.CPCA_item .PA_a{
    display: inline-block;
}
.CPCA_item .PA_mc{
    position: relative;
    padding-right: calc(var(--w_auto) * 36px);
    background: url("../image/xla2.png") no-repeat center right;
    background-size: calc(var(--w_auto) * 19px);
}

.CPej_item{
    width: 170%;
    line-height: 3.5;
    position: absolute;
    top: 100%;
    right: 0;
    left: -20%;
    z-index: 2;
}
.CPej_item ul{
    overflow: hidden;
    height: 0;
    transform: translateY(20%);
    transition: all .5s;
}
.CPej_item li{
    text-align: center;
    background-color: #eeeeee;
}
.CPej_item li:hover,
.CPCA_item.on .CPej_item li.on
{
    background-color: #002FA7;
    color: white;
}
.CPej_item li a{
    display: block;
}


.CPCA_item:hover .PA_mc,
.CPCA_item.on .PA_mc
{
    color: #002FA7;
}

.CPCA_item:hover .CPej_item ul{
    height: auto;
    transform: translateY(0);
}


.Customer-feedback{
    margin: 2% 0 8%;
}
.Customer-feedback .cust-tit{
    position: relative;
    text-align: center;
}
.Customer-feedback .cust-tit .cust-zh{
    position: relative;
    display: inline-block;
    line-height: 2;
}
.Customer-feedback .cust-tit .cust-en{
    margin-top: 1%;
    text-transform: uppercase;
}

.Customer-feedback .cust-tit .cust-zh:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 31%;
    right: 0;
    width: 40%;
    height: 2px;
    background-color: #002FA7;
}
.Customer-feedback .cust-list{
    margin-top: 5%;
    position: relative;
    margin-right: -1.8%;
}
.Customer-feedback .cust-list .cust-blk{
    float: left;
    width: calc(100%/3 - 1%);
    margin-right: .5%;
    padding: .65%;
    background-color: #f9f9f9;
    position: relative;
    transition: all .5s;
}
.Customer-feedback .cust-list .cust-blk:hover{
    background-color: #002FA7;
    color: white;
}

.Customer-feedback .cust-list .cust-blk .feed-txt{
    float: left;
    width: 75%;
    line-height: 1.7;
}
.Customer-feedback .cust-list .cust-blk .feed-txt .feed-name{
    margin-top: 5%;
}

.Customer-feedback .cust-list .cust-blk .feed-avatar{
    float: right;
    width: 17.5%;
    text-align: right;
}
.Customer-feedback .cust-list .cust-blk .feed-avatar img{
    display: inline-block;
    border-radius: 50%;
    min-height: 4.06vw;
}


.Customer-feedback .slick-dots
{
    position: absolute;
    bottom: -25%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.Customer-feedback .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 2%;
    height: 3px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background-color: #bfbfbf;
}
.Customer-feedback .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.Customer-feedback .slick-dots li.slick-active
{
    width: 3%;
    background-color: #002FA7;
    color: black;
}





.synyz{
    width: 23.35%;
    float: left;
    padding: 0 0 5% 0;
}

.synyy{
    width: 100%;
}

.cpCaAN{
    margin: 5% 0 0 0;
    width: 100%;
    padding: 3% 5%;
    font-size: 4vw;
    letter-spacing: 2px;
    background-color: #002FA7;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    display: none;
}


.CAchoice{
    width: 100%;
    margin: 0 0 0% 0;
}
.CAchoice .Pca_title{
    /*font-size: 30px;*/
    background-color: #002FA7;
    color: #FFFFFF;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    /*letter-spacing: 2px;*/
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #002FA7;
}
.CAchoice .Pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(../image/Pca_img.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
    border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
    padding: 7% 0;
    display: block;
    font-weight: bold;
    color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
    color: #002FA7;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #002FA7;
}





.navMenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    /*border-bottom: 15px solid #002FA7;*/
    background-color: #FFFFFF;
}
.navMenu .xlCAli{
    line-height: 1.6;
    border-bottom: 1px dashed #c0c0c0;
}
.navMenu .xlCAli:last-of-type{
    border: none;
}

.navMenu .xlCAli .xlCAnr{
    background: url(../image/Pca_img.png) no-repeat left;
    background-size: 6.65%;
    display: block;
    color: #333333;
    transition: all 0.3s;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    overflow:hidden;
    padding: 7% 0 7% 10%;
    letter-spacing: 1px;
}
.navMenu .xlCAli .xlCAnr:after{
    content: '';
    position: absolute;
    background: url(../image/Pcaarrow.png) no-repeat center;
    right: 0;
    top: 30%;
    padding: 4%;
    background-size: 100%;
    filter: grayscale(1);
    transform:rotate(-90deg);
    transition: all 0.3s;
}
.navMenu .xlCAli .xlCAnr.active .nyt{
    color: #002FA7;
}
.navMenu .xlCAli .xlCAnr.active:after{
    transform:rotate(0);
    filter: grayscale(0);
}
.navMenu .nyt{
    width: 80%;
    float: left;
}

.navMenu .xlCAli .xlCAnr .arrow {
    padding: 3%;

    background-size: cover;
    display: inline-block;
    float: right;
    transition: all 0.3s;
    margin: 2.5% 0 0;
}
.navMenu .open .arrow {
    transform:rotate(90deg);
}


.navMenu>li>div.active, .navMenu>li>div:hover {
    color: #002FA7;
}

.navMenu .xlCAli .sub-menu{
    display: none;
}

.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu {
}

.navMenu .xlCAli .sub-menu .xlCBli {
    background: none;
    border-top: 1px dashed #c0c0c0;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 0 7% 8%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../image/cparrow.png)no-repeat left;
    background-size: 4%;
}

.navMenu>li>ul.sub-menu li>div {
    display: block;
    font-size: 14px;
    line-height: 65px;
    padding: 0 20px;
    color: #333333;
    clear: both;
    border-bottom: 1px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li:last-child>div{
    border-bottom: 0px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li>div.active, .navMenu>li>ul.sub-menu li>div:hover, .navMenu>li>ul.sub-menu>li.active >div {
    color: #002FA7;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
    color: #002FA7;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
    color: #002FA7;
}

.Plxall{
    border: 1px solid #002FA7;
    padding: 5% 2% 10% 4%;
    background-color: #002FA7;
    color: white;
}
.Plxall .Plx_ico{
    text-align: center;
}
.Plxall .Plx_ico img{
    width: 1.667vw;
    max-width: 32px;
}
.Plxall .Plx_title{
    border-bottom: 1px solid #ffffff;
    text-align: center;
    padding: 2% 0 5% 0;
    margin:  0 6% 8% 3%;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6;
    letter-spacing: 1px;
}
.Plxall .Plx_list{
    width: 100%;
}
.Plxall .Plx_int{
    line-height: 1.6;
    margin: 0 0 3% 0;
    padding: 0 0 0 11%;
}
.Plxall .Plx_int:nth-of-type(1){
    background: url(../image/Plx_int1.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(2){
    background: url(../image/Plx_int2.png) no-repeat left;
    background-size: 8.35%;
    margin: 0 0 3% 0;
}
.Plxall .Plx_int:nth-of-type(3){
    background: url(../image/Plx_int3.png) no-repeat left 8%;
    background-size: 8.35%;
    line-height: 2;
}
.Plxall .Plx_int:nth-of-type(4){
    background: url(../image/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_an{
    float: left;
    margin: 5% 0 0 12%;
    background-color: #ffffff;
    padding: 5% 18% 5% 6%;
    border-radius: 30px;
    text-align: left;
    position: relative;
    box-shadow: 0 1px 10px #cccccc;
    color: #333333;
}
.Plxall .Plx_an:after{
    content: '';
    position: absolute;
    padding: 12%;
    border-radius: 50%;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #002FA7;
    background-size: 100%;
    right: 10%;
    top: 18%;
}


.PlBt{
    width: 100%;
    /*background: url(../image/PlBt.png) no-repeat 10%;*/
    background-size: 13.5%;
    background-color: #002FA7;
    padding: 7.3% 0;
    color: white;
    text-align: center;
}
.Pl_list{
    width: 100%;
    background-color: #ffffff;
    padding: 8% 0;
    border: 1px solid #ccc;
    border-top: none;
}
.Pl_item{
    margin: 0 auto;
    width: 80%;
    padding: 5% 15% 5% 0;
    border-top: 1px dashed #bfbfbf;
    line-height: 1.5;
    background: url(../image/Pl_item.png) no-repeat 100%;
    background-size: 4.65%;
    transition:all 0.3s;
}
.Pl_item:nth-of-type(1){
    border-top: 0;
}
.Pl_item:hover{
    background: url(../image/Pl_item_on.png) no-repeat 100%;
    background-size: 4.65%;
}
.Pl_item.on{
    background: url(../image/Pl_item_on.png) no-repeat 100%;
    background-size: 4.65%;
}


.NyCaall{
    width: 100%;
    position: relative;
    margin: 0 0 3% 0;
}
.NyLsall{
    width: 100%;
    position: relative;
}

.Probox-c.Pro-list{
    width: calc(100%/3 - 1.5%);
    margin: 0 2% 2% 0;
}
.Probox-c.Pro-list:before{
    right: -2px;
    bottom: -3px;
    z-index: 0;
}
.Probox-c.Pro-list:after{
    border-left: 2px solid #dcdcdc;
}
.Probox-c.Pro-list:nth-of-type(3n){
    margin-right: 0;
}


.product_item{
    width: 31.5%;
    float: left;
    margin: 0 2.5% 5% 0;
    background-size: 23.1%;
    line-height: 1.5;
    background-color: #201f1f;
    position: relative;
}
.product_item:nth-child(3n){
    margin: 0 0 5% 0;
}
.product_item .dimg{
    width: 100%;
    overflow: hidden;
}
.product_item .dtit{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 3%;
}
.product_item .dsy{
    position: absolute;
    width: 8.7925%;
    right: 10%;
    top: 0;
    padding: 12.5% 0;
    background: url(../image/Pl_logo.png) no-repeat center;
    background-size: cover;
}
.product_item:hover .dimg img{
    transform: scale(1.1);
}


.CP_detail{

}
.CP_detail .CP_mko{
    margin: 0 0 5% 0;
    position: relative;
    display: flex;
    align-items: center;
}
.CP_detail .CPmkol{
    width: 46%;
    float: left;
}
.CP_detail .CPmkor{
    width: 50%;
    margin-left: auto;
    line-height: 2;
    height: 100%;
    margin-bottom:140px;
}
/*.CP_detail .CPmkor:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url("../image/bgd.png");
    background-size: contain;
}*/
.CP_detail .CPmkor .mutiple_img{
    
}

.CP_detail .CPmkor .mutiple_img ul{
    overflow: hidden;
    display: flex;
    /*justify-content: space-between;*/
}
.CP_detail .CPmkor .mutiple_img ul .slick-list{
    padding: 0!important;
}

.CP_detail .CPmkor .mutiple_img .swiper-slide{
    border:1px solid #cccccc;
    margin-right: calc(var(--w_auto) * 35px);;
    max-width: calc(var(--w_auto) * 167px);
    max-height: calc(var(--w_auto) * 122px);
    overflow: hidden;
    position: relative;
}
.CP_detail .CPmkor .mutiple_img .swiper-slide img{
    height: calc(var(--w_auto) * 122px);
    /*max-height: calc(var(--w_auto) * 122px);*/
}
.CP_detail .CPmkor .mutiple_img .swiper-slide-thumb-active
{
    border-color: #002FA7;
}


.CPmkol_list{
    width: 100%;
    margin: 0 0 0% 0;
}
.CPmkol_list .viall {
    width: 100%;
}
.CPmkol_list .viall video{
    width: 100%;
}
.CPmkol_img{
    position: relative;
}
.CPmkol_img .dimg{
    width: 100%;
    height: calc(var(--w_auto) * 420px);
    overflow: hidden;
}
.CPmkol_img .dimg img{
    /*margin: 0 auto;*/
    /*width: auto;*/
    max-width: 100%;
    /*background-color: #f8f9fb;*/

}


.CPmkol_img .dtit{
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 3%;
}
.CPmkol_img .dsy{
    position: absolute;
    width: 8.825%;
    right: 10%;
    top: 0;
    padding: 12.5% 0;
    background: url(../image/Pl_logos.png) no-repeat center;
    background-size: cover;
}
.CPmkol_img:hover .dimg img{
    /*transform: scale(1.1);*/
}


.CPmkol_item{
    width: 100%;
}

.CPmkol_item ul li{
    width: 50%;
    float: left;
    background-color: #201f1f;
    color: #FFFFFF;
    padding: 2% 0;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 2px;
    cursor: pointer;
}
.CPmkol_item ul li.on{
    background-color: #002FA7;
}


.CPmkor .CPmkor_title{
    /*margin: 1.8% 0 2% 0;*/
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 4.5% 0;
    color: #002FA7;
}
.CPmkor .CPDesc_tit{
    margin: calc(var(--w_auto) * 18px) 0;
}
.CPmkor .CPmkor_intro{
    color: #666666;
    width: 85%;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    background-color: #002FA7;
    display: inline-block;
    padding: 0.5% 5%;
    margin: 5% 0 3%;
}
.CPmkor .CPmkor_lxdh{
    color: #333333;
    display: flex;
    align-items: center;
}
.CPmkor .CPmkor_lxdh img{
    margin-right: 1%;
}
.CPmkor .CPmkor_lxdh span{
    color: #002FA7;
    font-weight: bold;
}
.CPmkor .CPmkor_consult{
    margin-top: 3%;
}

.CP_content{
    position: relative;
    line-height: 2;
}
.CP_content h3{
    font-weight: bold;
    color: #002FA7;
    font-size: calc(var(--ftsize) * 24px);
    line-height: 3;
}
.CP_content h2{
    color: #555555;
    font-weight: bold;
    font-size: calc(var(--ftsize) * 30px);
    line-height: 3;
}


.CP_content .ProDcot table{
    border: 1px solid transparent;
    text-align: center;
    color: #333333;
    width: 100%;
}

.CP_content .ProDcot table tr:nth-of-type(even){
    background-color: #c9c9c9;
}
.CP_content .ProDcot table tr:nth-of-type(odd){
    background-color: #ffffff;
}
.CP_content .ProDcot table tr{
    height: calc(var(--w_auto) * 70px);
}
.CP_content .ProDcot table tr:first-of-type{
    background-color: #002FA7;
    color: white;
    font-size: calc(var(--ftsize) * 20px);
    font-weight: bold;
    text-align: center;
    height: calc(var(--w_auto) * 88px);
}

.CP_content .ProDcot table tr td{
    border-right: 1px solid #dcdcdc;
    transition: all .5s;
}
.CP_content .ProDcot table tr td:last-of-type{
    position: relative;
    border: none;
}
.CP_content .ProDcot table tr:nth-of-type(n+2) td:last-of-type{
    font-size: 0;
    height: 100%;
    z-index: 0;
}
.CP_content .ProDcot table tr:nth-of-type(n+2) td:last-of-type a{
    display: block;
    height: calc(var(--w_auto) * 70px);
    z-index: 1;
}

.CP_content .ProDcot table tr:nth-of-type(n+2) td:last-of-type:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    background: url("../image/pdf.png") no-repeat center;
    background-size: calc(var(--w_auto) * 35px);
}

.CP_content .ProDcot table tr:first-of-type td:last-of-type{
    border-top-right-radius: 15px;
}
.CP_content .ProDcot table tr:first-of-type td:first-of-type{
    border-top-left-radius: 15px;
}
.CP_content .ProDcot table tr:last-of-type td:first-of-type{
    border-bottom-left-radius: 15px;
}
.CP_content .ProDcot table tr:last-of-type td:last-of-type{
    border-bottom-right-radius: 15px;
}



.CPc_title{
    padding: 0 0 3% 0;
    justify-content: space-between;
    align-items: center;
    color: #002FA7;
}

.CPc_title .CPc_return{
    align-items: center;
}
.CPc_title .CPc_return img{
    width: calc(var(--w_auto) * 39px);
}

.CPc_title .CPc_title_cn{
    align-items: center;
    /*width: 100%;*/
    letter-spacing: 1px;
}
.CPc_title .CPc_title_cn img{
    width: calc(var(--w_auto) * 26px);
}

.CPc_title  .CPc_title_sz{
    color: #002FA7;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;
}
.CPc_title .CPc_title_en{
    margin-top: 1%;
    color: #333333;
    font-family: "Segoe UI Emoji";
    text-transform: uppercase;
}

.CPc_all{
    width: 100%;
    overflow: hidden;
    line-height: 2;
}
.CPc_all .param_tit{
    /*margin-bottom: 2.5%;*/
    padding: 0 10%;
    line-height: 2.2;
    border-bottom: 1px solid #CCCCCC;
}
.CPc_all .Application .param_tit{
    border-color: #EEEEEE;
}

.CPc_tit{
    padding: 1% 0 3.5%;
}

.CPc_all .param_cot{
    display: flex;
    position: relative;
    border: 1px solid #EEEEEE;
}
/*.CPc_all .param_cot:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    flex: 1;
    width: 2px;
    height: 100%;
    background-color: #002FA7;
}*/
.CPc_all .param_cot:before{
    /*content: '';*/
}
.CPc_all .middel-line{
    position: relative;
    width: 2px;
    height: auto;
    margin: 0 5%;
    background-color: #002FA7;

}
.CPc_all .param_cnt{
    padding: 4% 10%;
}
.CPc_all .Features{
    flex: .5;
    background-color: #EEEEEE;
    /*padding: 0 5%;*/
}
.CPc_all .Application{
    flex: .5;
    /*padding: 0 5%;*/
    /*justify-content: flex-end;*/
    /*display: flex;*/
}

.CPc_all li{
    position: relative;
    padding-left: 1em;
}
.CPc_all li:before{
    position: absolute;
    content: '';
    left: 0;
    top: calc(var(--w_auto) * 13.5px);
    width: calc(var(--w_auto) * 8px);
    height: calc(var(--w_auto) * 8px);
    border-radius: 50px;
    background-color: #002FA7;
}
.prolrt_switch{
    margin-bottom: 2%;
}
.prev_more,
.next_more{
    align-items: center;
    /*color: #10534f;*/
}
.prev_more img{
    transform: rotate(180deg);
}
.prev_more img,
.next_more img{
    width: calc(var(--w_auto) * 55px);

}
.crumbs-nav{
    background-color: #ffffff;
}
.crumbs-nav .flex{
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--w_auto) * 17px) 0;
}
.crumbs-nav .crumb img{
    width: calc(var(--w_auto) * 19px);
}
.crumbs-nav .crumb,
.search-form
{
    align-items: center;
}
.search-form{
    display: none;
}
.search-form button{
    border: none;
}
.search-form input{
    font-size: .0833rem;
}



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

.CP_minutiae{
    padding: 1.5% 0 2.5% 0;
    background: #f9f9f9;
}

.CP_minutiae_item{
    width: 31.65%;
    float: left;
    margin: 0 2.5% 0 0;
}
.CP_minutiae_item:nth-child(3n){
    margin: 0 0 2.5% 0;
}

.CP_minutiae_item .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.CP_minutiae_item  .fl_layer{
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    padding: 0 7%;
    left: -100%;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 94, 185,.75);
    transition: all .8s;
}
.CP_minutiae_item  .fl_layer p{
    position: relative;
    padding-left: 1em;
    line-height: 1.8;
}
.CP_minutiae_item  .fl_layer p:after{
    position: absolute;
    content: '●';
    left: 0;
    top: -1px;
    width: 10px;
    height: 10px;
}

.CP_minutiae_item .dcot{
    padding: 2% 5%;
}
.CP_minutiae_item .dcot .dnum{
    color: #dbdbdb;
    font-family: DIN;
    transition: all .5s;
}
.CP_minutiae_item .dcot .dtit{
    margin: 5% 0;
    color: #666666;
}
.CP_minutiae_item .dcot .dint{
}
.CP_minutiae_item:hover .dimg img{
    transform: scale(1.1);
}
.CP_minutiae_item:hover .dnum{
    color: #002FA7;
}
.CP_minutiae_item:hover .fl_layer{
    left: 0;
}





.CP_five{
    padding: 0 0 5% 0;
}

.CP_five_item{
    width: 100%;
    position: relative;
}
.CP_five_item .CP_fiz{
    width: 50%;
    position: relative;
}
.CP_five_item .CP_fif{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    color: #FFFFFF;
}
.CP_five_item .CP_fiz.CP_fizs{
    float: right;
}
.CP_five_item .CP_fif.CP_fifs{
    left: 0;
}

.CP_fifhs{
    background-color: #252424;
}

.CP_ficot{
    position: relative;
    padding: 5% 10% 0 25%;
    line-height: 2.5;
}
.CP_ficot .fiz{
    width: 65px;
    height: 65px;
    background-color: #002FA7;
    color: #FFFFFF;
    font-size: 44px;
    font-weight: bold;
    left: 10%;
    position: absolute;
    overflow: hidden;
}
.CP_ficot .fiz span{
    margin-top: 6px;
    margin-right: 4px;
    float: right;
    line-height: 1;
}
.CP_ficot .fia{
    font-size: 36px;
    color: #002FA7;
}
.CP_ficot .fis{
    font-size: 16px;
    color: #252424;
    position: relative;
}
.CP_ficot .fis:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #002FA7;
    left: -20px;
    bottom: 32%;
    border-radius: 50%;
    overflow: hidden;
}

.CP_fifbz .fis{
    color: #ffffff;
}

.CP_fif4{
    background: url(../image/CP_five4.png) no-repeat bottom;
    background-size: 100%;
}
.CP_fif5{
    position: absolute;
    right: 0%;
    bottom: 10%;
    width: 100%;
}
.CP_five_m4{
    display: none;
}
.CP_five_w4{
    display: block;
}

.dropdown-menu{
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999;
    border-radius: 1px;
    top: 100%;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;
}

.xlYiall{
    padding: 35px 3% 35px 0;
}
.xlYiall:before{
    content: "";
    height: 1px;
    width: 100%;
    background-color: #999999;
}
.xlYiall .xlYils{
    float: right;
    color: #eeeeee;
}
.xlYiall .xlYils .xlYia{
    margin: 0 0 0 40px;
    display: inline-block;
}

.xlYicpall{
    padding: 30px 0 30px 0;
    position: relative;
}
.xlYicpall:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #777777;
    top: 70px;
}
.cpxlals{
    width: 10%;
    float: left;
    text-align: center;
    transition:all 0.3s;
}
.cpxlals .cpxlCA{
    margin-bottom: 40px;
    color: #eeeeee;
    transition:all 0.3s;
}
.cpxlals .cpxlCB{
    line-height: 2;
    color: #eeeeee;
}
.cpxlals .cpxlCA:hover,.cpxlals .cpxlCB:hover{
    color: #002FA7;
}

.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after,
.vscomp-wrapper .checkbox-icon.checked::after
{
    transform: rotate(45deg) translate(1px, -4px) !important;
    border-color: #002FA7!important;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    width: 50% !important;
}



.popup_menu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #272a2e url(../image/popup.png) no-repeat center bottom;
    background-size: 100%;
    z-index: 99999;
    display: none;
}

.wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.p_s_clo {
    cursor: pointer;
}

.bbb_close {
    text-align: right;
    margin-top: 2.5vw;
    cursor: pointer;
}

.bbb_input {
    border-bottom: 1px solid #686a6d;
    margin-top: 0;

}
.popup_menu .rmgjc{
    width: 100%;
    color: #999999;
    margin: 2% 0 0 0;
    letter-spacing: 1px;
}
.bbb_input input {
    background: none;
    border: 0;
    height: 40px;
}
.bbb_input .text {
    width: 90%;
    padding-left: 20px;
    color: #eeeeee;
}
.bbb_input .sub {
    width: 40px;
    background: url(../image/popup_search.png) no-repeat center;
    text-indent: -99999px;
}

.bbb_nav {
    margin-top: 3%;
}
.bbb_nav dl{
    float: left;
    width: 14.285%;
    letter-spacing: 1px;
}
.bbb_nav dl dt {
    position: relative;
    margin-bottom: 5%
}
.bbb_nav dl dt a {
    font-size: 18px;
    color: #fff;
}
.bbb_nav dl dd {
    margin-bottom: 5%;
    position: relative;
    font-size: 16px;
}
.bbb_nav dl dd a {
    color: #999999;
}

.bbb_img {
    margin-top: 50px;
}

.bbb_img li {
    float: left;
    margin-right: 2.75%;
    position: relative;
    width: 31.5%;
    text-align: center;
}
.bbb_img li:nth-of-type(3n) {
    margin-right: 0;
}

.bbb_img li p {
    font-size: 16px;
    line-height: 2.5;
    color: #eeeeee;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.QQ{ position:fixed; right:20px; top:40%; cursor:pointer;z-index: 999;}
.qq1{position:fixed;  top:8px;position:relative; display:none; right:225px; }
.qq1 img{ position:absolute; top:-193px; left:0; }
.qq1 p{
    display: block;
    float: left;
    width: 35px;
    height: 30px;
    position: absolute;
    z-index: 999;
    margin-top: -180px;
    margin-left: 145px;
}
.qq1 ul{
    position: absolute;
    padding-top: 10px;
    left: 20px;
    width: 160px;
    height: 225px;
    top: -91px;
}
.qq1 ul li{
    width: 100%;
    height: 20px;
    margin: 0 0 7px 0;
    background: url("../image/kf_frame_03.jpg") no-repeat center;
    background-size: cover;
    background-position-x: -10px;
    display: flex;
    align-items: center;
    position: relative;
}
.qq1 ul li span{
    width: 49%;
    text-align: center;
    text-indent: .8em;
}
.qq1 ul li a{ display:block;width:50%;height:100%;
    position: absolute;right: 0;}


.page_Course{
    margin-bottom: 3.5%;
}
.product-features {
    padding: 3.5% 0 4.5%;
    position: relative;
    background: url(../image/productBase-features-bag.jpg) no-repeat;
    background-size: cover;
}
.product-title {
    padding: 50px 10px 30px;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    color: #252b3a;
    text-align: center;
    color: #ffffff
}
.product-wrapper {
    max-width: 1600px;
    margin-top: 5%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.product-features .product-body {
    margin: 0px 25px
}
.product-features .product-body:after {
    content: "";
    width: 100%;
    height: 3px;
    background: url(../image/productBase-features-model.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 0
}
/*li*/
.features-item {
    position: relative;
    float: left
}
.features-slide .features-item>* {
    text-align: center
}
.features-item h3 {
    /*font-size: 16px;*/
    margin-bottom: 50px;
    color: #ffffff;
    opacity: 0.7;
    transition: all 0.1s
}
.features-item i {
    position: absolute;
    width: 75%;
    height: 33px;
    background: url(../image/productBase-features-timeline.png) no-repeat;
    background-size: contain;
    background-position: right center;
    left: -25%;
    margin-left: 10px;
    top: 35px;
    z-index: 3
}
.features-item .features-info {
    display: block;
    margin: 0 auto;
    padding: 20px 53px;
    transition: all 0.3s;
    border-radius: 2px
}
.features-item .features-info .features-info-i {
    font-size: 14px;
    color: #A0A2A8;
    line-height: 22px;
    margin-bottom: 10px
}
.features-item .features-info .features-info-s {
    /*font-size: 16px;*/
    color: #FFFFFF;
    line-height: 1.5;
    overflow: hidden
}
.features-item.dark i {
    background: url(../image/productBase-features-timeline-dark.png) no-repeat;
    background-size: contain;
    background-position: right center
}
/*鼠标悬浮效果*/
.features-item:hover h3 {
    font-size: 22px;
    line-height: 28px;
    opacity: 0.9
}
.features-item:hover i {
    width: 75%;
    margin-left: 13px;
    background: url(../image/productBase-features-timeline-hover.png) no-repeat;
    background-size: contain;
    background-position: right center
}
.features-item:hover a {
    background: url(../image/productBase-features-info.png) no-repeat;
    background-size: 100% 100%
}
/*左右按钮*/
.product-features .swiper-button-prev {
    width: 30px;
    height: 40%;
    left: -15px;
    top: 60%;
    background: none
}
.product-features .swiper-button-prev:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(../image/productBase-features-left.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}
.product-features .swiper-button-next {

    width: 30px;
    height: 40%;
    right: -15px;
    top: 60%;
    background: none
}
@media screen and (max-width: 1400px) {
    .product-features .swiper-button-next {
        right: 2%;
    }
    .product-features .swiper-button-prev {
        left: 2%;
    }
}
.product-features .swiper-button-next:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(../image/productBase-features-right.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}

.page_Honors{}
.page_Honors .honors-list{
    padding: 4.5% 0 0;
}
.page_Honors .honors-list li{
    width: calc(100%/4 - 1.5%);
    float: left;
    margin: 0 2% 2% 0;
    transition: all .5s;
}
.page_Honors .honors-list li:nth-of-type(4n){
    margin-right: 0;
}

.page_Honors .honors-list .honors_img{
    border: 1px solid #EEEEEE;
}
.page_Honors .honors-list .honors_tit{
    line-height: 1.5;
    padding: 2% 0;
    height: calc(var(--w_auto) * 80px);
    background-color: white;
}