/* 公共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:  format("truetype");*/
}
/*xlt-k*/
::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
}

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

::-webkit-scrollbar-thumb
{
    background-color: #0935b0;
}
/*xlt-g*/
/*----------------------*/

.pub_banner{
    display: block;
    min-height: 200px;
    position: relative;
    margin-top: calc(var(--w_auto) * 70px);;
}
.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;
    }
    .fs36{
        font-size: 36px;
    }
}
.fs72 {
    font-size: .375rem;
}
.fs66 {
    font-size: .3438rem;
}
.fs60 {
    font-size: .3125rem;
}
.fs58 {
    font-size: .3rem;
}
.fs48{
    font-size: .25rem;
}
.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;
}




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

/*** 导航栏 ***/

.head .nav_ .cali .pos {
    position: absolute;
    left: 0;
    top: calc(var(--w_auto) * 90px);
    width: 100%;
    /*overflow: hidden;*/
    z-index: 1;
    justify-content: center;
    padding: calc(var(--w_auto) * 57px) 0 calc(var(--w_auto) * 40px) 0;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    display: none;
    transition: all 0.5s;
}
.head .nav_ .cali .pos .bor {
    margin: 40px 90px 63px 0;
    width: 17%;
    border-right: #f6f6f6 2px solid;
}

.head .nav_ .cali .pos .bor a {
    margin-bottom: 37px;
    font-size: 20px;
    color: #666;
    text-align: center;
}

.head .nav_ .cali .pos .bor a:last-child {
    margin-bottom: 0;
}

.head .nav_ .cali .pos .bor a.on,
.head .nav_ .cali .pos .bor a:hover {
    color: #0935b0;
}

.head .nav_ .cali .pos .next {
    margin-top: 60px;
    width: 45%;
}

.head .nav_ .cali .pos .next b {
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
}

.head .nav_ .cali .pos .next p {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.head .nav_ .cali .pos .next a {
    display: flex;
    width: 145px;
    height: 40px;
    text-align: center;
    background: #b92923;
    border-radius: 50px;
}

.head .nav_ .cali .pos .next a em {
    margin: 0 auto;
    padding-right: 27px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    background: url(/uploads/image/t_i/right.png) right center no-repeat;
}

.head .nav_ .cali:hover .pos {
    width: 100%;
    opacity: 1;
}
.head .nav_ .cali:first-child .optlist, .head .nav_ .cali:nth-child(2) .optlist{
    width: 330px;
}
.head .nav_ .cali:first-child .optsenlink, .head .nav_ .cali:nth-child(2) .optsenlink{
    width: 300px;
}
.head .nav_ .cali:first-child .optpos, .head .nav_ .cali:nth-child(2) .optpos{
    left: 330px;
}
.head .nav_ .cali:first-child .optlist a, .head .nav_ .cali:nth-child(2) .optlist a{
    font-size: 16px;
}
.opticalbox {
    display: flex;
    align-items: start;
}

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

.opttitle {
    font-size: calc(var(--ftsize) * 30px);
    font-weight: bold;
    color: #333333;
}

.optleft .line {
    width: 50px;
    height: 1px;
    background: #fff;
    margin-left: 30px;
}

.optright {
    display: flex;
    align-items: baseline;
}

.optlist {
    position: relative;
    padding-right: 30px;
    margin-left: 30px;
    transition: all 0.5s;
    width: 258px;
    border-right: 1px solid #ccc;
}
.optlist:first-child{
    margin-left: 0;
}
.optrel{

}
.optpos{
    position: absolute;
    left: 270px;
    top: 0;
    width: 0;
    height: 120px;
    overflow: auto;
    transition: all 0.5s;
}
.optlist .optpos a{
    font-size: 16px;
}

/*.optlist:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ccc;
}*/

.optlist a {
    color: #333;
    font-size: 16px;
    min-height: 40px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
}
.optsenlink{
    width: 230px;
}
.optlist a:first-child {
    margin-top: 0;
}

.optlist a:hover {
    color: #0935b0 !important;
}
.optrightimg{

}


.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 #0935b0;
}
.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(/uploads/image/t_image/xla.png) no-repeat center;
    margin-left: auto;
    background-size: 25%;
}
.pro-select .tit span.cur{
    background: url(/uploads/image/t_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 #0935b0;
    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: #0935b0;
}
.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(/uploads/image/t_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) * 90px);
    z-index: 999;
    transition: all 1s;
    background: linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
}
.head.colcur{
    background:white;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.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) * 240px);
}

.head_lxdh{
    float: left;
    color: #ffffff;
    position: absolute;
    left: 15%;
    width: 15%;
    height: 100%;
    border-left: 6px solid #0935b0;
    padding-left: 2%;
    line-height: 2;
    padding-top: 1%;
}
.head_lxdh .hlda{
    background: url(/uploads/image/t_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) * 70px);
    /*position: relative;*/
    visibility: visible!important;
}
.head_menu .cali:last-of-type{
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    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) * 90px);
    line-height: calc(var(--w_auto) * 90px);
    /*padding: 9% 0;*/
    /*display: block;*/
}
.head_menu .cali:last-of-type span{
    display: inline-block;
    padding:0 25% 0 10%;
    position: relative;
    white-space: nowrap;
    height: calc(var(--w_auto) * 90px);
    line-height: calc(var(--w_auto) * 90px);
}
.head_menu .cali:last-of-type span:after{
    position: absolute;
    content: '▼';
    right: 0;
    top: 0;
    width: 10px;
    height: 10px;
}
.language-tab{
    position: absolute;
    width: 140%;
    left: -20%;
    top: 100%;
    /* margin-top: 5px; */
    background-color: rgba(0,0,0,.5);
    color: white;
    overflow: hidden;
    opacity: 0;
    transition: all .5s;
}
.language-tab a{
    display: block;
    line-height: 2.5;
}

.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{
    /*color: #0d4d8b;*/
    /*background-color: #ffffff;*/
    width: 100%;
    height: 2px;
    opacity: 1;
    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: calc(var(--w_auto) * 15px);
    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) * 15px);
    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: #0935b0;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 999;
    box-shadow: none;
    height: 18vw;
}

.mi_head .logo {
    width: 41%;
    float: left;
    margin: 5% 0 0 4%;
    height: max-content;
}
.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: #ffffff;
    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: #0935b0;
}

.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: #0935b0 !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: #0935b0 !important;
    transform: rotate(90deg);
    border-left: 2vw solid #0935b0;
}
.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: #0935b0;
}
.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%;
}
.verticalmenu > div > div:last-child > div:hover{
    color:  #0935b0;
}
/*.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:  #0935b0!important;
}



.about_banner{
    position: relative;
}


.foot{
    background-color: #093e8d;
    position: relative;
    overflow: hidden;
    color: white;
}
.foot .ft-top{
    display: flex;
    justify-content: space-between;
    padding: 3% 0;
}
.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;
    color: white;
}
.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) img{
    width: 13.29vw;
}
.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: 1.8% 0;
    display: flex;
    justify-content: space-between;
}
.foot_list{
    /*width: calc(100%/7);*/
    /*float: left;*/
    min-width: 7.5%;
    margin-right: 6%;
    position: relative;
}
.foot_list:nth-of-type(-n 4){
    /*width: 18.2%;*/
}
.foot_list:last-child{
    /*width: 25%;*/
}
.foot_list:last-child:after{
    display: none;
}
.foot_list .ft-frm{
    
}
.foot_list .ft-frm li:nth-of-type(-n 2){
    width: 48.75%;
    float: left;
    margin: 0 2.5% 2.5% 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 2.5%;
}
.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 2% 2% 0;
    background-color: #0935b0;
}
.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{
    color: #ffffff;
    margin-bottom: calc(var(--w_auto) * 30px);
    letter-spacing: 2px;
    text-align:center;
}
.foot_list .foot_title span{
    color: #0935b0;
    padding-left: 5%;
    letter-spacing: 1px;
    font-weight: bold;
}
.foot_list .foot_ul{
    position: relative;
    color: #cccccc;
}
.foot_list .foot_ul li{
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2.5;
    text-align:center;
}
.foot_list .ulli50 li{
    width: 35%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 100%;
}




.copyright{
    background-color: #093e8d;
    color: #cccccc;
    z-index: 99;
    position: relative;
}
.copyright_all{
    border-top: 1px solid #797979;
    position: relative;
    padding: 1.3% 0;
}
.copyright .sys1{
    text-align: center;
    line-height: 2;
}
.copyright .sys2{
    float: right;
    width: 35%;
    text-align: right;
    padding-top: .5%;
}
.social-share .social-share-icon{
    margin-right: 2.3%;
    width: 1.725vw!important;
    height: 1.725vw!important;
    line-height: 1.725vw!important;
}
.social-share .icon-wechat,
.social-share .icon-twitter,
.social-share .icon-facebook,
.social-share .icon-linkedin
{
    color: unset!important;
    border: none!important;
    overflow: hidden;
    border-radius: unset!important;
}
.social-share .icon-wechat:hover,
.social-share .icon-twitter:hover,
.social-share .icon-facebook:hover,
.social-share .icon-linkedin:hover
{
    background-color: transparent!important;
}
.social-share .icon-wechat:before{
    position: absolute;
    width: 1.725vw!important;
    height: 1.725vw!important;
    content: '' !important;
    left: 0;
    right: 0;
    background:  no-repeat center ;
    transform: translatey(-33px);
    filter: drop-shadow(#aaaaaa 0 33px);
    background-size: 100%;
    transition: all .5s;
}
.social-share .icon-twitter:before{
    position: absolute;
    width: 1.725vw!important;
    height: 1.725vw!important;
    content: '' !important;
    left: 0;
    background:  no-repeat center ;
    background-size: 100%;
    transform: translatey(-33px);
    filter: drop-shadow(#aaaaaa 0 33px);
    transition: all .5s;
}
.social-share .icon-facebook:before{
    position: absolute;
    width: 1.725vw!important;
    height: 1.725vw!important;
    content: '' !important;
    left: 0;
    background:  no-repeat center ;
    background-size: 100%;
    transform: translatey(-33px);
    filter: drop-shadow(#aaaaaa 0 33px);
    transition: all .5s;
}
.social-share .icon-linkedin:before{
    position: absolute;
    width: 1.725vw!important;
    height: 1.725vw!important;
    content: '' !important;
    left: 0;
    background:  no-repeat center ;
    background-size: 100%;
    transform: translatey(-33px);
    filter: drop-shadow(#aaaaaa 0 33px);
    transition: all .5s;
}
.social-share .icon-wechat:hover:before,
.social-share .icon-twitter:hover:before,
.social-share .icon-facebook:hover:before,
.social-share .icon-linkedin:hover:before
{
    transform: translatey(0);
    filter: drop-shadow(#aaaaaa 0 33px);
}
.social-share .icon-wechat .wechat-qrcode{
    position: fixed!important;
    bottom: 5vw;
    right: 12vw;
    top: unset!important;
    left: unset!important;
    height: 155px!important;
    border-radius: 10px;
}
.social-share .icon-wechat .wechat-qrcode .help{
    display: none;
}



.bottom-fix{
    background-color: #0935b0;
    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: #ffffff;
    padding: 1.5% 0;
}

.kyword-section .flex{
    align-items: center;
}

.kyword-section .kwd-lt{
    width: 50%;
    float: left;
}
.kyword-section .kwd-lt .kwd-txt{
    text-transform: uppercase;
    /*font-family: arial;*/
    /*letter-spacing: 2px;*/
}
.kyword-section .kwd-lt .kwd-tit{
    margin-bottom: 3.5%;
}

.kyword-section .kwd-rt{
    width: 38%;
    float: right;
    margin-left: auto;
}
.kyword-section .kwd-rt .kwdr-tit{
    margin-bottom: 2.5%;
}
.kyword-section .kwd-rt .kwdr-ipt{
    display: flex;
    justify-content: flex-end;
}
.kyword-section .kwd-rt .kwdr-ipt input{
    background-color: #eee;
    line-height: 3.5;
    text-indent: 1.5em;
    width: 45%;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.kyword-section .kwd-rt .kwdr-ipt .frmbtn{
    border: none;
    color: white;
    /*margin-left: 3%;*/
    padding: 0 5% 0 5%;
    background: #eee  no-repeat center left 40%;
    background-size: 38%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}




/* product */
.product-section{
    position: relative;
    padding: 4.3% 0 0;
}
.product-section .product-cate{
    border-bottom: 2px solid #eeeeee;
}
.product-section .product-cate ul{
    display: flex;
    justify-content: space-between;
}
.product-section .product-cate li{
    /*width: calc(100%/6);*/
    float: left;
    padding: calc(var(--w_auto) * 50px) 0;
    margin-right: calc(var(--w_auto) * 95px);
    flex-wrap: nowrap;
    white-space: nowrap;
    transition: all .5s;
    display: block;
    position: relative;
    /*border-bottom: 2px solid #0935b0;*/
}
.product-section .product-cate li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    transform: scale(0);
    background-color: #0935b0;
    transition: all .5s;
}
.product-section .product-cate li:hover:after{
    transform: scale(1);
}


.product-section .product-cate li img{
    transition: all .5s;
}
.product-section .product-cate li.on{
    color: #0935b0;
    /*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:  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%;
    max-height: 3.2vw;
}
.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: #0935b0;
    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: #0935b0;*/
    /*border-bottom-color: #0935b0;*/
    z-index: -1;
    transition: all .6s;
}
.probox-c:hover:before{
    border: solid 4.75vw transparent;
    border-right-color: #0935b0;
    border-bottom-color: #0935b0;
}
.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:  no-repeat center right;
}
.probox-c:hover .btn-c:before{
    width: 100%;
}
.probox-c:hover .btn-c{
    border-color: #0935b0;
    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)  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: #0935b0;
    transition: all .5s;
}
.case_section .icase-box:hover .icase-fixed:after{
    /*filter: brightness(10);*/
    background:   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: #0935b0;
    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: #0935b0;
    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: #0935b0;
}
.syxwlb ul li:hover .xwnr2{
    color: #0935b0;
    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: #0935b0;
    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: #0935b0;
    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:  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;
    background: url(/uploads/image/t_image/a6.jpg) no-repeat center;
    background-size: cover;
}
.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: #0935b0;
    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: 30%;
    float: left;
    margin-right: 4%;
    border: 1px solid #e2e8f0;
}
.newsbox:nth-child(3n){
    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: 15vw;
    overflow: hidden;
}
.newsbox .news_cons{
    padding: 25px;
    background-color: #ffffff;
}
.newsbox .news_nyr{
    margin: 3% 0 0;
    color: #999999;
}
.newsbox .news_tit{
    color: #333333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.newsbox .news_cot{
    color: #555555;
    height: 4em;
    line-height: 2em;
    margin: 3% 0 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: #0935b0;
}
.newsbox:hover .time .time_n{
    color: #0935b0;
}

.newsbox:hover .news_plus{
    color: #0935b0;
}






.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: #0935b0;
}
.news-section .news-list .news-box:hover .btn-c{
    border-color: #0935b0;
    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:  no-repeat center right;
}


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

.news-section .news-list .news-box .nstit{
    color: #0935b0;
    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:  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: #0935b0;
    border: 1px solid #0935b0;
    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: #0935b0;
    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:  no-repeat center;
    transition: all .8s;
    background-size: 100%;
}
.btn-c:after{
    display: none;
    position: absolute;
    content: '';
    right: 20%;
    top: 0;
    height: 100%;
    background:  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: #0935b0;
    transition: all .5s;
}
.btn-c:hover,
.btn-c.on{
    border-color: #0935b0;
    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:  no-repeat center right;
}
.btn-c.on2 i{
    background:  no-repeat center right;
}
.btn-c:hover:before,
.btn-c.on:before,
.btn-c:active:before
{
    width: 100%;
    border: 1px solid #0935b0;
}










.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: #0935b0;
}
.tays1 div{
    color: #333333;
}
.tays1 .dcc{
    background-color: #333333;
}
.tays2 div{
    color: #ffffff;
}
.tays2 .dcc{
    background-color: #ffffff;
}


.sy_mka{
    background: url(/uploads/image/t_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(/uploads/image/t_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(/uploads/image/t_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: #0935b0;
}
.nyysb{
    color: #ffffff;
}
.nyysb:after,.nyysb:before{
    background-color: #ffffff;
}
.nyysh{
    color: #333333;
}
.nyysh:after,.nyysh:before{
    background-color: #0935b0;
}


.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: #0935b0;
    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: #0935b0;
    padding: 0 5px 0 0;
}
.sycp_item .sycp_ck{
    background-color: #0935b0;
    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: #0935b0;
}





.public_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2%;
}
.public_title .ny_cn{
    letter-spacing: 0px;
    position: relative;
    display: flex;
    align-items: center;
}
.public_title .ny_cn span{
    width: calc(var(--w_auto) * 100px) ;
    height: 3px;
    background-color: #333333;
    transform: translate(20%,3px);
}


.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:  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: #0935b0;
}*/


/*.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: #0935b0;
    left: -35%;
    top: 48%;
}
.public_title .ny_cn:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 10%;
    background-color: #0935b0;
    right: -35%;
    top: 48%;
}*/
.public_title.syysb{
    color: #ffffff;
}
.public_title.syysh{
    color: #333333;
}

.idxprolist{
    display: flex;
    margin-top: 5%;
    flex-direction: row;
    flex-wrap: wrap;
}
.idxprolist .idx_probox{
    display: flex;
    align-items: center;
    height: calc(var(--w_auto) * 477px);
    width: calc(100%/3 - .7%);
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #f8f9fb;
    transition: all .5s;
}
.idxprolist .idx_probox:first-of-type{
    width: calc(100%/3 * 2 - .4%);
}
.idxprolist .idx_probox:first-of-type .ipro-img{
    width: calc(100%/2);
}
.idxprolist .idx_probox .ipro-txt{
    max-width: 80%;
}
.idxprolist .idx_probox:first-of-type .ipro-img img{
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.idxprolist .idx_probox:first-of-type .iprocode{
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: calc(var(--w_auto) * 30px);
}


.idxprolist .idx_probox .ipromore2 img{
    width: calc(var(--w_auto) * 37px);
}
.idxprolist .idx_probox:first-of-type .ipromore2{
    display: none;
}
.idxprolist .idx_probox:nth-of-type(2){
    margin-right: 0;
}
.idxprolist .idx_probox:last-of-type{
    margin-right: 0;
}
.idxprolist .idx_probox:nth-of-type(n 2){
    flex-direction: column-reverse;
    justify-content: center;
}
.idxprolist .idx_probox:nth-of-type(n 2) .ipromore{
    display: none;
}
.idxprolist .idx_probox:nth-of-type(n 2) .ipro-img img{
    height: calc(var(--w_auto) * 210px);
}


.idxprolist .idx_probox:hover{
    background:  no-repeat;
    background-size: cover;
}
.idxprolist .idx_probox:hover .ipro-img img{
    transform: scale(1.1);
}
.idxprolist .idx_probox .ipro-img{
    overflow: hidden;
}
.idxprolist .idx_probox .ipro-txt{
    line-height: 1.8;
    overflow: hidden;
}
.idxprolist .idx_probox .ipro-txt .ipromore{
    margin-top: calc(var(--w_auto) * 47px);
}
.idxprolist .idx_probox .ipro-txt .ipromore span{
    display: inline-block;
    width: calc(var(--w_auto) * 145px);
    height: calc(var(--w_auto) * 50px);
    line-height: calc(var(--w_auto) * 50px);
    text-align: center;
    color: white;
    background-color: var(--clorb);
}

.prolistmore{
    margin: 3% 0;
    text-align: center;
}
.prolistmore span{
    background-color: #0935b0;
    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;
}

.technical-section{}
.technical-section .tech-blk{
    display: flex;
}
.technical-section .tech-blk .tech-img{
    width: 68%;
    overflow: hidden;
}
.technical-section .tech-blk .tech-txt{
    width: 32%;
    color: white;
    background:#0935b0  no-repeat right center;
    background-size: calc(var(--w_auto) * 123px);
    padding: 5% 7% 4% 4%;
    line-height: 1.8;
    letter-spacing: 1px;
}
.technical-section .tech-blk .tech-txt .tech-flag{
    margin-bottom: 35%;
}
.technical-section .tech-blk .tech-txt .tech-tit{
    font-family: syh_m;
}
.technical-section .tech-blk:hover .tech-img img{
    transform: scale(1.1);
}
.page-custom{
    width: 10% !important;
    right: 17.5%!important;
    left: unset!important;
    bottom: 18%!important;
    top: unset!important;
}
.page-mum{
    position: absolute;
    right: 23.6%;
    bottom: 22%;
    z-index: 10;
    color: white;
}
.page-mum .opacity_num{
    opacity: .5;
}
.page-mum .cur_n{
    color: white;
}

.swiper-pagination-progressbar{
    background: rgba(255,255,255,.5);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: white;
}
.swiper-button-next, .swiper-button-prev{
    height: auto!important;
    top: unset!important;
    right: 24.5% !important;
    bottom: calc(var(--w_auto) * 50px) !important;
    left: unset!important;
}
.swiper-button-prev{
    right: 26.3% !important;
    transform: rotate(180deg);
}
.swiper-button-next img, .swiper-button-prev img{
    width: calc(var(--w_auto) * 12px);
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
    background:  no-repeat ;
    content: '';
    width: 12px;
    height: 21px;
    background-size: calc(var(--w_auto) * 12px);
}

.map-section{
    background: #ffffff url(/uploads/image/t_image/a1.jpg) no-repeat bottom;
    background-size: cover;
    padding: 2% 0 0 0;
}

.about-section{
    margin:0 0 calc(var(--w_auto) * 100px);
}
.about-section .abtflex{
    align-items: center;
}
.about-section .abtflex .abtimg{
    float: left;
    width: 39.6%;
}

.about-section .abttxt{
    line-height: 2;
    float: right;
    width: 60.4%;
}
.about-section .abttxt .abt-tit{
    position: relative;
    /*padding-left: 15%;*/
    padding-top: 10%;
    margin-bottom: 6%;
    /*background:  no-repeat 14% 0;*/
    background-size: calc(var(--w_auto) * 375px);
    display: flex;
    align-items: center;
}
.about-section .abttxt .abt-tit span{
    flex: .13;
    height: 2px;
    background-color: #0935b0;
    width: 10%;
    margin-right: 4%;
}

/*.about-section .abttxt .abt-tit:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    height: 2px;
    background-color: #0935b0;
    width: 10%;
}*/
.about-section .abttxt .abt-cot{
    background-color: #eeeeee;
    padding: 3% 8% 3% 10%;
}
.about-section .abttxt .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  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:  no-repeat center 26%;
}
.about-section .abttxt .abt-page li:nth-of-type(2):after{
    background:  no-repeat center 26%;
}
.about-section .abttxt .abt-page li:nth-of-type(3):after{
    background:  no-repeat center 26%;
}
.about-section .abttxt .abt-page li:nth-of-type(4):after{
    background:  no-repeat center 26%;
}
.about-section .abttxt .abt-page li:hover{
    color: #0935b0;
}
.about-section .abttxt .abt-page li:hover:after{
    transform: translatey(-20%);
}
.about-section .abttxt .abt-page li:nth-of-type(1):hover:after{
    background:  no-repeat center ;
}
.about-section .abttxt .abt-page li:nth-of-type(2):hover:after{
    background:  no-repeat center ;
}
.about-section .abttxt .abt-page li:nth-of-type(3):hover:after{
    background:  no-repeat center ;
}
.about-section .abttxt .abt-page li:nth-of-type(4):hover:after{
    background:  no-repeat center ;
}














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

.sy_case_more{
    float: right;
    background-color: #0935b0;
    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: #0935b0;
    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: #0935b0;
}
.sycase_item:hover .dimg img{
    transform: scale(1.1);
}


.sy_news_dy{
    background: url(/uploads/image/t_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: #0935b0;
}




.sy_honor{
    background: url(/uploads/image/t_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: #0935b0;

}
.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(/uploads/image/t_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(/uploads/image/t_image/honor_arrow.png) no-repeat center;
    background-size: cover;
    transform:rotate(180deg);
}

.sy_partner_tit{
    padding: 4% 0;
}
.sy_partner{
    background: url(/uploads/image/t_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(/uploads/image/t_image/partner_arrow.png) no-repeat center;
    background-size: cover;
    left: -6.5%;
}
.partner_ulall .slick-next {
    right: -6.5%;
    background: url(/uploads/image/t_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(/uploads/image/t_image/partner_arrow.png) no-repeat center;
    background-size: cover;
    left: -6.5%;
}
.partner_ulalls .slick-next {
    right: -6.5%;
    background: url(/uploads/image/t_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: #0935b0;
    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;*/
    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:  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:  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 .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #0935b0;
}

/* 人力资源 */
.content_all.job-all{
    /*width: 86%;*/
    margin: 0 auto;
}
.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) * 54px);
    line-height: calc(var(--w_auto) * 54px);
    cursor: pointer;
    padding: 0 3% 0 5%;
    border-bottom: 1px solid #cccccc;
}
.job_list .dl dd span{
    /*font-size: 28px;*/
    display: inline-block;
    width: 30%;
    float: left;
}
.job_list .dl dd span.adrs,
.job_list .dl dd span.education
{

    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.job_list .dl dd span.education{

}


.job_list .dl dd span:before {
    content: "";
    display: block;
    position: absolute;
    left: 3%;
    top: 31%;
    width: calc(var(--w_auto) * 4px);
    height: calc(var(--w_auto) * 20px);
    background: #0935b0;
}
.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: 2% 2%;
    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 calc(var(--w_auto) * 10px);
    border-bottom: 1px solid #cccccc;
}
.job_list dl dt .txt .text1 li {
    float: left;
    position: relative;
    width: 33.33%;
    color: #333;
    overflow: hidden;
    margin: 0.5% 0;
    padding: 0 10px 0 0;
}
.job_list dl dt .txt .text2 {
    padding: 1% 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 .li2{
    padding: 0 2.5%;
}
.job_list dl dt .txt .text2 .li2 li{
    width: 100% !important;
}

.job_list dl dt .txt .text2 li *{
    line-height: 2!important;
    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: #0935b0;
    color: #ffffff;
}
.paging a.hpage:hover{
    background-color: transparent;
}

.paging .currpage:before{
    background-color: #0935b0;
}

.paging .currpage{
    border:1px solid #0935b0;
    color: #ffffff;
    background-color: #0935b0;
}




.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: #0935b0;
    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: #0935b0;
}
.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 #0935b0;
}
.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: #0935b0;
    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: #0935b0;
}
.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 #0935b0;
}
.ascrmcp{
    margin: 0 0 8% 0;
}
.ascrm_title{
    background-color: #0935b0;
    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(/uploads/image/t_image/acszx.png) no-repeat 10%;
    background-color: #0935b0;
    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: #f9f9f9;
}
.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: #0935b0;
    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(/uploads/image/t_image/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

.ny_pt_gap{
    padding: 0 0 2% 0;
}

.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: #0935b0;
    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%;
    display:block;
}







.load_more{
    text-align: center;
    padding-top: 2%;
}
.load_more .loads{
    display: inline-block;
    width: 16%;
    text-align: center;
    color: #ffffff;
    background-color: #0935b0;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1.2% 0;
    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: 4%;
}


.casecate{
    margin: 4.5% auto;
}
.case_item{
    width: 100%;
    position: relative;
    margin: 0 0 5% 0;
}
.case_item .dimg{
    width: 48.5%;
    float: left;
    overflow: hidden;
    transition: all .5s;
}
.case_item .dcot{
    position: absolute;
    width: 51.5%;
    left: 48.5%;
    top: 0;
    height: 100%;
    background: url(/uploads/image/t_image/case_item_logo .png) no-repeat 80% 85%;
    background-size: 16.5%;
    background-color: #eeeeee;
    padding: 0 4.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 .dint{
    margin: 7% 0 10%;
}
.case_item .dcot .dcase-txt{
    border-top: 1px dashed #979797;
    padding: 7.5% 0 0;

}
.case_item .dcot .dcase-txt .dcs-lt{
    display: flex;
    align-items: center;
    float: left;
    width: 58%;
    transition: all .5s;
}
.case_item .dcot .dcase-txt .dcs-lt .dcs_img{
    margin-right: 7%;
    width: 60%;
    height: 6.78vw;
}
.case_item .dcot .dcase-txt .dcs-lt .dcs_img img{
    border-radius: 50%;
}

.case_item .dcot .dcase-txt .dcs-lt .dcs_tit{
    margin-bottom: 7.5%;
}
.case_item .dcot .dcase-txt .dcs-lt .dcs_intro{
    position: relative;
    overflow: hidden;
}
.case_item .dcot .dcase-txt .dcs-lt .dcs_intro:before{
    position: absolute;
    content: ' ';
    font-size: 1.5vw;
    right: 0;
    bottom: -.6vw;
    width: auto;
    color: #0935b0;
}

.case_item .dcot .dcase-txt .dcs-rt{
    float: right;
    width: 28.65%;
    position: relative;
    background-color: #aaaaaa;
    transition: all .5s;
}
.case_item .dcot .dcase-txt .dcs-rt .xgcp-num{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}




.case_item:hover .dimg img{
    transform: scale(1.1);
}
.case_item:hover .dcot{
    /*background: url(/uploads/image/t_image/case_item_logo.png) no-repeat 85% 85%;*/
    /*background-size: 16.5%;*/
    /*background-color: #0935b0;*/
}
.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: #0935b0  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%/5 - .96%);
    float: left;
    margin: 0 1.2% 1.2% 0;
    padding: 0 1%;
    position: relative;
    overflow: hidden;
    background-color: #f8f9fb;
    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: #0935b0;
    border-right-color: #0935b0;
    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: #0935b0;
    border-left-color: #0935b0;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}


.case-list-section .apprelpro-section .aprelpro-box:nth-of-type(5n){
    margin-right: 0;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit{
    position: relative;
    line-height: 3;
    margin-top: 15%;
}
.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:  no-repeat left;
    background-size: contain;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_tit .aprpro_flag.hot{
    background:  no-repeat left;
    background-size: contain;
}

.case-list-section .apprelpro-section .aprelpro-box .aprpro_img{
    height: calc(var(--w_auto) * 230px);
    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;
    text-align: justify;
    padding: 0 7%;
}
.case-list-section .apprelpro-section .aprelpro-box .aprpro_more{
    margin: 7% 0 17%;
    display: flow-root;
}

.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: #0935b0;
    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: #0935b0;
}
.case-list-section .apprelcase-section{
    margin-bottom: 5%;
}
.case-list-section .apprelcase-section .aprelcase-list{
    padding: 3.5% 0 1%;
}
.case-list-section .apprelcase-section .aprelcs-box{
    width: calc(100%/4 - 1.15%);
    margin: 0 1.5% 1.5% 0;
    overflow: hidden;
    position: relative;
    float: left;
    transition: all .5s;
}
.case-list-section .apprelcase-section .aprelcs-box:nth-of-type(4n){
    margin-right: 0;
}

.case-list-section .apprelcase-section .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-list-section .apprelcase-section .aprelcs-box .aprelcs_img{
    overflow: hidden;
}

.case-list-section .apprelcase-section .aprelcs-box .aprelcs_tit:after{
    position: absolute;
    content: "";
    right: 5%;
    width: 15px;
    height: 100%;
    background:  no-repeat center right;
    background-size: 72%;
    filter: brightness(10);
}
.case-list-section .apprelcase-section .aprelcs-box:hover .aprelcs_tit{
    background-color: rgba(0,113, 220,.7);
}
.case-list-section .apprelcase-section .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: #0935b0;
    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:  no-repeat center;
    background-size: cover;
}
.xgapp-section .xgapp-intro{
    line-height: 2;
    padding: 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%;
    overflow: hidden;
    transition: all .5s;
}
.xgapp-section .xgapp-cot .xgapp-box img{
    border-radius: 10px;
}
.xgapp-section .xgapp-cot .xgapp-box:hover img{
    transform: scale(1.05);
}
/*.xgapp-section .xgapp-cot:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 1vw;
    background:  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:  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: #0935b0;
    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: #0935b0;
}
.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: #0935b0;
}
.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: #0935b0;
}
.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: #0935b0;
}
.head-sub-menu .isinfo .zx-msg:hover .zx_txt{
    color: #0935b0;
}
.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: #0935b0;
    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(/uploads/image/t_image/gsyb.png) no-repeat 25%;
    background-size: 10%;
    background-color: #0935b0;
    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)  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: #0935b0;
    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(/uploads/image/t_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: #0935b0;
}
.download_item .dcot .xzs:hover{
    color: #0935b0;
}
.download_item .dcot .ck:hover{
    background-color: #0935b0;
}

.zh-score{
    margin-top: 2%;
    padding: 5% 0;
    background:  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)  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: #0935b0;
}


.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 .reg-tit{
    line-height: 3;
    border-bottom: 1px solid #a0a0a0;
}
.contact-region .reg-cot{
    line-height: 2;
    margin-bottom: 1.5%;
}
.contact-region .reg-cot li{
    float: left;
    width: calc(100%/3 - 1.5%);
    margin: 0 2% 2% 0;
    transition: all .5s;
}
.contact-region .reg-cot li:last-of-type{
    margin-right: 0;
}


.contact-region .reg-cot h3{
    margin: 5% 0;
}


.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: #0935b0;
    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: #0935b0;
    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: #0935b0;
}


.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 #0935b0;
    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: #0935b0;
}
.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: 2em;
    padding-top: 1.5%;
    height: 10vw;
    resize: unset;
    background-color: #f6f6f6;
    font-size: .105rem;
    font-family: syh_r;
}
.contact-rt .frm-blk input{
    border: none;
    line-height: 2.8;
    width: 100%;
    text-indent: 2em;
    background-color: #f6f6f6;
    font-size: .105rem;
}
.contact-rt .frm-blk input::placeholder{
    letter-spacing: 4px;
}

.contact-rt .frm-blk li:nth-of-type(-n 3){
    width: 48%;
    margin-bottom: 2%;
    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: 2%;
}

.contact-rt .sub-btn .tj-btn{
    background-color: #0935b0;
    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 #0935b0;
}
.regional-agent .agent-box .card-bg{
    /*background:  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: #0935b0;
}
.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 #0935b0;
}

.page_abus{
    padding: 2% 0 0;
}
.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{
    display: flex;
    align-items: center;
}
.page_abus .pub-tit{
    line-height: 2;
    letter-spacing: 2px;
    margin-bottom: 8%;
    color: #333333;
}

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

}
.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;
}
.pagpub_tit{
    text-align: center;
    line-height: 2;
    letter-spacing: 2px;
}
.page_policy{
    margin: 5% 0 0;
}
.page_policy .policy-cot{
    padding: 5% 0 0;
}
.page_policy .policy-cot img{
    max-width: 100%;
}

.page_policy .policy-cot li{
    width: calc(100%/5 - 4.8%);
    float: left;
    margin: 0 6% 3% 0;
    overflow: hidden;
    position: relative;
    transition: all .8s;
}
.page_policy .policy-cot li:hover .cul-tit img{
    transform: translatey(calc(var(--w_auto) *-20px));
    background-color: #1b4095;
}
.page_policy .policy-cot li:hover{
    /*box-shadow: 0 0 15px rgba(0,0,0,.3);*/
}
.page_policy .policy-cot .cul-tit{
    text-align: center;
    margin-top: calc(var(--w_auto) * calc(-100px / 2));
}
.page_policy .policy-cot .cul-tit img{
    background-color: #a0a0a0;
    width: calc(var(--w_auto) * 100px);
    height: auto;
    border-radius: 50%;
    position: relative;
    transition: all .5s;
}

.page_policy .policy-cot li:nth-of-type(5){
    margin-right: 0;
}
.page_policy .policy-intro{
    line-height: 1.8;
    text-align: center;
    /*margin: 0 0 6%;*/
}


.page_brands{
    padding: 3% 0;
}
.page_brands .brands-map{
    margin: 0 0 3%;
    padding: 3% 0;
    position: relative;
    background:  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;
}

/* modified*/
.page_target .policy-cot{
    padding: 5% 0 3%;
}

.page_target .policy-cot .cmp-cultrue-tit{
    display: inline-block;
    padding:0 0 calc(var(--w_auto) * 10px) 0;
    letter-spacing: 2px;
    transition: all .5s;
}
.page_target .policy-cot .cmp-cultrue-tit img{
    vertical-align: middle;
    height: calc(var(--w_auto) * 54px);
    margin-right: calc(var(--w_auto) * 20px);
    transition: all .5s;
}
.page_target .policy-cot .cmp-cultrue-tit:hover{
    transform: translatex(10%);
}

.page_target .policy-cot .cmp-cultrue-intro{
    line-height: 2;
    margin-bottom: calc(var(--w_auto) * 95px);
}
.page_target .policy-cot .cmp-cultrue-intro:last-of-type{
    margin: 0;
}

.page_target .policy-cot li:first-of-type{
    flex: .55;
}
.page_target .policy-cot li{
    flex: .43;
    transition: all .8s;
}
.page_target .policy-cot li:hover img{
    /*transform: scale(1.1);*/
}
.page_target .policy-cot li:hover{
    /*box-shadow: 0 0 15px rgba(0,0,0,.3);*/
}

.page_target .policy-cot li:nth-of-type(1) img{
    /*margin-right: 0;*/
    max-width: 700px;
    height: auto;
    width: calc(var(--w_auto) * 700px);
}
.page_target .policy-intro{
    line-height: 1.8;
    text-align: center;
    /*margin: 0 0 6%;*/
}
/* modified*/



.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: #0935b0;
    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:  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: #0935b0;
}
.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{
    left: 0;
    right: 0;
    bottom:calc(var(--w_auto) * 165px);
    justify-content: space-around;
    color: white;
}
.technology .tech-box{
    text-align: center;
}
.technology .tech-box .tech_img{
    width: calc(var(--w_auto) * 130px);
    height: calc(var(--w_auto) * 130px);
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #eeeeee;
    overflow: hidden;
    position: relative;
}
.technology .tech-box .tech_img img{
    max-width: calc(var(--w_auto) * 108px);
    max-height: calc(var(--w_auto) * 108px);
    display: block;
    margin: 0 auto;
    transition: all 1s;
}
.technology .tech-box .tech_img:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    background-color: #0935b0;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: all .8s;
}
.technology .tech-box .tech_tit{
    margin-top: calc(var(--w_auto) * 40px);
}
.technology .tech-box.on .tech_img,
.technology .tech-box:hover .tech_img
{
    background-color: transparent;
}
.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: brightness(10);
    transform: rotatey(360deg);
}

.technology-cate{
    align-items: center;
    text-transform: uppercase;
    color: #0935b0;
    margin-top: 3.5%;
}
.technology-cate span{
    position: relative;
    display: inline-block;
    padding-bottom: 1%;
}
.technology-cate span:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #0935b0;
}

.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: #0935b0;
    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: #0935b0;
}
.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: #0935b0;
}
.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;
    border: 1px solid #dcdcdc;
    padding: 1.5% 0;
    transition: all .5s;
    position: relative;
    z-index: 1;
}
.adv_4 .adv_list li.on{
    color: white;
}
.adv_4 .adv_list li:before{
    /*background-color: #0935b0;*/
    color: white;
    position: absolute;
    content: '';
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #0935b0;
    z-index: -1;
    transition: all .5s;
}
.adv_4 .adv_list li.on:before{
    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:nth-of-type(n 2){
    border-left: none;
}
.adv_4 .adv_list .adv-num{
    color: #0935b0;
    font-family: arial;
}
.adv_4 .adv_list .adv-tit{
    margin: 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;
}
.adv_4 .adv-cot .adv-lt{
    float: left;
    width: 50%;
}
.adv_4 .adv-cot .adv-lt .advlt-img{
    overflow: hidden;
}
.adv_4 .adv-cot .adv-rt{
    float: right;
    width: 50%;
    padding: 2.6% 5% 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: #0935b0;
}
.adv_4 .adv-cot .adv-rt .advrt-list{
    margin-top: 5%;
}
.adv_4 .adv-cot .adv-rt .advrt-list li{
    position: relative;
    margin-bottom: 4.9%;
    text-indent: 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{
    position: absolute;
    content: '';
    left: 0;
    top: 30%;
    width: 8px;
    height: 8px;
    background-color: #0935b0;
    border-radius: 50%;
}
.adv_4 .adv-cot .adv-box:hover .advlt-img img{
    transform: scale(1.05);
}





.ab_mkt{
    background: url(/uploads/image/t_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(/uploads/image/t_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(/uploads/image/t_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: #0935b0;
    right: 5%;
    bottom: 30%;
}
.abmkt_list .dlxx{
    position: absolute;
    width: 2%;
    height: 100%;
    background-color: #0935b0;
    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.on{
    padding-bottom: 1.2%;
}

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

.cpca_item{
    float: left;
    /*margin: calc(var(--w_auto) * 25px) 0 calc(var(--w_auto) * 35px) 0;*/
    padding: 0 0 2% 0;
    margin-right: calc(var(--w_auto) * 55px);
    /*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:  no-repeat center right;
    background-size: calc(var(--w_auto) * 19px);
}

.pclevel2{

}
.pclevel2 ul{
    display: flex;
    justify-content: center;
}
.pclevel2 li{
    width: calc(100%/6);
    /*margin-right: 2%;*/
    border-right: 1px solid #cccccc;
    margin-bottom: 1%;
    text-align: center;
    line-height: 1.6;
}
.pclevel2 li:last-of-type{
    border: none;
}

.pclevel2 li.on{
    color: #0935b0;
}
.pclevel2 li.on a{
    padding-bottom: 2%;
    border-bottom: 2px solid #0935b0;
}


.cpej_item{
    width: 170%;
    line-height: 3.5;
    position: absolute;
    top: 100%;
    right: 0;
    left: -20%;
    z-index: 2;
    display: none!important;
}
.cpej_item.on{
    /*top: 170%;*/
}

.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: #0935b0;
    color: white;
}
.cpej_item li a{
    display: block;
}


.cpca_item:hover .pa_mc,
.cpca_item.on .pa_mc
{
    color: #0935b0;
}
.cpca_item.on .pa_a{
    padding-bottom: 8%;
    border-bottom: 2px solid #0935b0;
}


.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: #0935b0;
}
.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: #0935b0;
    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: #0935b0;
    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: #0935b0;
    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: #0935b0;
    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 #0935b0;
}
.cachoice .pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(/uploads/image/t_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: #0935b0;
}
.cachoice .pca_list ul li.on  .pca_a{
    color: #0935b0;
}





.navmenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    /*border-bottom: 15px solid #0935b0;*/
    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(/uploads/image/t_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(/uploads/image/t_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: #0935b0;
}
.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: #0935b0;
}

.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(/uploads/image/t_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: #0935b0;
}
.navmenu .xlcali .sub-menu .on .xlcblia{
    color: #0935b0;
}
.navmenu .xlcali .sub-menu .xlcbli:hover .xlcblia{
    color: #0935b0;
}

.plxall{
    border: 1px solid #0935b0;
    padding: 5% 2% 10% 4%;
    background-color: #0935b0;
    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(/uploads/image/t_image/plx_int1.png) no-repeat left;
    background-size: 8.35%;
}
.plxall .plx_int:nth-of-type(2){
    background: url(/uploads/image/t_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(/uploads/image/t_image/plx_int3.png) no-repeat left 8%;
    background-size: 8.35%;
    line-height: 2;
}
.plxall .plx_int:nth-of-type(4){
    background: url(/uploads/image/t_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(/uploads/image/t_image/honor_arrow.png) no-repeat center;
    background-color: #0935b0;
    background-size: 100%;
    right: 10%;
    top: 18%;
}


.plbt{
    width: 100%;
    /*background: url(/uploads/image/t_image/plbt.png) no-repeat 10%;*/
    background-size: 13.5%;
    background-color: #0935b0;
    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(/uploads/image/t_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(/uploads/image/t_image/pl_item_on.png) no-repeat 100%;
    background-size: 4.65%;
}
.pl_item.on{
    background: url(/uploads/image/t_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(/uploads/image/t_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: 50%;
    float: left;
}
.cp_detail .cpmkor{
    width: 50%;
    margin-left: auto;
    line-height: 4;
    height: 100%;
    margin-bottom:110px;
}
/*.cp_detail .cpmkor:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: ;
    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);
    height: calc(var(--w_auto) * 120px);
    overflow: hidden;
    position: relative;
}
.cp_detail .cpmkor .mutiple_img .swiper-slide img{
    /*height: calc(var(--w_auto) * 125px);*/
    /*max-height: calc(var(--w_auto) * 122px);*/
}
.cp_detail .cpmkor .mutiple_img .swiper-slide-thumb-active
{
    border-color: #0935b0;
}


.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) * 530px);
    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(/uploads/image/t_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: #0935b0;
}


.cpmkor .cpmkor_title{
    color: #0935b0;
    /*margin: 1.8% 0 2% 0;*/
}
.cpmkor .cpmkor_ys4{
    margin: 0 0 4.5% 0;
    color: #0935b0;
}
.cpmkor .cpdesc_tit{
    margin: calc(var(--w_auto) * 18px) 0;
}
.cpmkor .cpmkor_intro{
    color: #666666;
    width: 85%;
}
.cpmkor .cpmkor_zxzx{
    color: #ffffff;
    background-color: #0935b0;
    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: #0935b0;
    font-weight: bold;
}
.cpmkor .cpmkor_consult{
    margin-top: 3%;
}

.cp_content{
    position: relative;
}
.cpc_title{
    padding: 0 0 3% 0;
    justify-content: space-between;
    align-items: center;
    color: #0935b0;
}

.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: #0935b0;
    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: #0935b0;
}*/
.cpc_all .param_cot:before{
    /*content: '';*/
}
.cpc_all .middel-line{
    position: relative;
    width: 2px;
    height: auto;
    margin: 0 5%;
    background-color: #0935b0;

}
.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: #0935b0;
}
.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) * 45px);

}
.crumbs-nav{
    background-color: #ffffff;
}
.crumbs-nav .flex{
    align-items: center;
    justify-content: space-between;
    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{
    padding:  calc(var(--w_auto) * 10px) calc(var(--w_auto) * 20px) !important;
    background-color: #eeeeee;
    border-radius: 30px;
}
.search-form button{
    border: none;
}
.search-form input{
    font-size: calc(var(--ftsize) * 16px);
}



.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: #0935b0;
}
.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: #0935b0;
    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: #0935b0;
}
.cp_ficot .fis{
    font-size: 16px;
    color: #252424;
    position: relative;
}
.cp_ficot .fis:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0935b0;
    left: -20px;
    bottom: 32%;
    border-radius: 50%;
    overflow: hidden;
}

.cp_fifbz .fis{
    color: #ffffff;
}

.cp_fif4{
    background: url(/uploads/image/t_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: #0935b0;
}

.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after,
.vscomp-wrapper .checkbox-icon.checked::after
{
    transform: rotate(45deg) translate(1px, -4px) !important;
    border-color: #0935b0!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(/uploads/image/t_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(/uploads/image/t_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:  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;}



/*----------------------*/
:root {
    --colorzt: #093e8d;     /*主色*/
    --bili:1;               /*比例*/
}

@media screen and (max-width: 1680px) {
    :root {
        --bili:0.88;
    }
}

@media screen and (max-width: 1440px) {
    :root {
        --bili:0.82;
    }
}

@media screen and (max-width: 1360px) {
    :root {
        --bili:0.78;
    }
}

@media screen and (max-width: 1280px) {
    :root {
        --bili:0.73;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --bili:0.65;
    }
}
.eim {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.paim {
    position:absolute;
    left:0;
    top:0;
}
.eim05s {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:all 0.5s;
}
.content-main{
    padding: 4% 0;
}
.inpub-tit{
    margin: 0 0 calc( var(--bili) * 60px ) 0;
    display: flex;
    align-items: center;
}
.inpub-tit .ina{
    font-size: calc( var(--bili) * 36px );
    color: #333333;
    font-weight: 700;
    letter-spacing: 2px;
}
.inpub-tit .inb{
    width: calc(var(--w_auto) * 100px);
    height: 3px;
    background-color: #333333;
    transform: translate(20%,3px);
}
.wh1200{
    width: 1200px;
    margin: 0 auto;
}
.wh1400{
    width: 87.5%;
    margin: 0 auto;
}
@media screen{
    .zoom-list{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
    }
    .zoom-list .ec-item{
        width: calc(100%/3);
        padding: calc( var(--bili) * 20px );
    }
    .zoom-list .ec-item .ecbox{
        position: relative;
        border: 1px solid #eeeeee;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        background-color: #ffffff;
    }
    .zoom-list .ec-item .ecbox .eca{
        padding: calc( var(--bili) * 20px );
    }
    .zoom-list .ec-item .ecbox .ecb{
        position: relative;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 80%;
    }
    .zoom-list .ec-item .ecbox .ecb img{
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .zoom-list .ec-item .ecbox .ecc{
        border-top: 1px solid #eeeeee;
        font-weight: 400;
        font-style: normal;
        font-size: calc( var(--bili) * 18px );
        color: #333333;
        text-align: center;
        padding: calc( var(--bili) * 20px );
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .zoom-list .ec-item .ecbox:hover .ecc{
        color: var(--colorzt);
    }

}

/*薪酬福利*/
@media screen{
    .welfare-list{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -15px );
    }
    .welfare-list .ecitem{
        width: calc(100%/4);
        padding: calc( var(--bili) * 15px );
    }
    .welfare-list .ecitem .ecbox{
        position: relative;
        border: 1px solid #eeeeee;
        padding: calc( var(--bili) * 30px );
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .welfare-list .ecitem .ecbox .eccna{
        width: 100%;
        height: 100%;
        color: #333333;
        display: flex;
        flex-direction: column;
        align-items: center;
        transform:scale(1);
        transition: all 0.3s;
    }
    .welfare-list .ecitem .ecbox .eccna .eca{
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .welfare-list .ecitem .ecbox .eccna .ecb{
        width: 75%;
    }
    .welfare-list .ecitem .ecbox .eccnb{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: var(--colorzt);
        color: #ffffff;
        padding: calc( var(--bili) * 30px );
        text-align: center;
        transform:scale(0);
        transition: all 0.3s;
    }
    .welfare-list .ecitem .ecbox .eccnb .eca{
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .welfare-list .ecitem .ecbox .eccnb .ecb{
        font-size: calc( var(--bili) * 14px );
        line-height: 1.6;
    }
    .welfare-list .ecitem .ecbox:hover .eccna{
        transform:scale(0);
    }
    .welfare-list .ecitem .ecbox:hover .eccnb{
        transform:scale(1);
    }
}

/*培训发展*/
@media screen{
    .train-cons{
        position: relative;
    }
    .train-cons .ectit{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .train-cons .ectit .ina{
        width: 44%;
        height: 3px;
        background-color: var(--colorzt);
    }
    .train-cons .ectit .inb{
        font-size: calc( var(--bili) * 24px );
        color: var(--colorzt);
        font-weight: 700;
    }
    .train-cons .eca{
        font-size: 18px;
        color: #333333;
        margin: 0 0 calc( var(--bili) * 40px ) 0;
        line-height: 1.6;
    }
    .train-cons .ecb{
        margin: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .train-cons .eclist{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
        padding: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .train-cons .eclist .ecitem{
        width: calc(100%/3);
        padding: calc( var(--bili) * 20px );
    }
    .train-cons .eclist .ecitem .ecbox{
        border: 1px solid var(--colorzt);
        padding: calc( var(--bili) * 30px );
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        border-radius: 30px;
    }
    .train-cons .eclist .ecitem .ecbox .ina{
        font-size: calc( var(--bili) * 16px );
        background-color: var(--colorzt);
        color: #ffffff;
        width: calc( var(--bili) * 100px );
        height: calc( var(--bili) * 100px );
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        line-height: 1.6;
    }
    .train-cons .eclist .ecitem .ecbox .inb{
        width: calc(100% - calc( var(--bili) * 130px ));
        font-size: calc( var(--bili) * 18px );
        color: #333333;
        line-height: 1.6;
    }
}

/*左右*/
@media screen{
    .lrcons{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 87.5%;
        margin: 0 auto;
        align-items: flex-start;
    }
    .lrcons .ecmenu{
        width: calc( var(--bili) * 320px );
    }
    .lrcons .ecmenu .ectit{
        width: 100%;
        background: var(--colorzt) url(/uploads/image/t_image/a5.png) no-repeat calc( var(--bili) * 40px ) center;
        background-size: calc( var(--bili) * 37px ) calc( var(--bili) * 37px );
        line-height: calc( var(--bili) * 70px );
        font-size: calc( var(--bili) * 30px );
        color: #ffffff;
        padding: 0 0 0 calc( var(--bili) * 110px );
        position: relative;
    }
    .lrcons .ecmenu .ectit:after{
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: calc( var(--bili) * 15px ) solid #002151;
        border-right: calc( var(--bili) * 20px ) solid transparent;
        right: 0;
        bottom: calc( var(--bili) * -15px );
    }
    .lrcons .ecmenu .eclist{
        width: calc( var(--bili) * 300px );
        border-bottom: 5px solid var(--colorzt);
    }
    .lrcons .ecmenu .eclist .ecitem{
        background-color: #f3f3f3;
        border-top: 1px dashed #ccc;
    }
    .lrcons .ecmenu .eclist .ecitem .eca{
        display: block;
        width: 100%;
        height: 100%;
        font-size: calc( var(--bili) * 18px );
        color: #555555;
        padding: calc( var(--bili) * 20px ) calc( var(--bili) * 60px );
        background: url(/uploads/image/t_iicons/w16.svg) no-repeat 90% center;
        background-size: calc( var(--bili) * 14px );
        line-height: 1.6;
    }
    .lrcons .ecmenu .eclist .ecitem.on{
        background-color: var(--colorzt);
    }
    .lrcons .ecmenu .eclist .ecitem.on .eca{
        color: #ffffff;
        background: url(/uploads/image/t_iicons/w16s.svg) no-repeat 90% center;
        background-size: calc( var(--bili) * 14px );
    }
    .lrcons .ecmain{
        width: calc(100% - calc( var(--bili) * 380px ));
    }
    .lrcons .zhaopin{
        width: calc( var(--bili) * 300px );
    }
}

.mt50{
    margin: calc( var(--bili) * 50px ) 0 0 0;
}
.tablecon{
    width: 100%;
    /*overflow: auto;*/
}
.sorttable{
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.sorttable th{
    height: auto;
    text-align: center;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 15px ) calc( var(--bili) * 10px ) calc( var(--bili) * 5px );
    font-size: calc( var(--bili) * 14px );
    color: #fff;
    border: 1px solid #ccc;
    font-weight: 400;
    vertical-align: middle;
    background: #0935b0 url(/uploads/image/t_image/w2.svg) no-repeat 98% center;
    background-size: calc( var(--bili) * 12px )!important;
    cursor: pointer;
    position: relative;
}
.sorttable th:last-child{
    padding: calc( var(--bili) * 5px );
}
.sorttable th.headersortdown{
    background: #0935b0 url(/uploads/image/t_image/w3.svg) no-repeat 98% center;
}
.sorttable th.headersortup{
    background: #0935b0 url(/uploads/image/t_image/w4.svg) no-repeat 98% center;
}
.sorttable tr{
    background: #ffffff;
}
.sorttable tr:nth-child(2n){
    background: #f0f0f6;
}
.sorttable td{
    text-align: center;
    border: 1px solid #ccc;
    font-size: calc( var(--bili) * 14px );
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 5px );
    color: #555;
    vertical-align: middle;
}
.sorttable td:first-child{
    font-weight: bold;
}
.downpdf{
    width: calc( var(--bili) * 16px );
    height: calc( var(--bili) * 16px );
    display: inline-block;
    background: url(/uploads/image/t_image/w1.png) no-repeat center;
    background-size: 100%;
}

.sorttable th:hover .sxlist{
    display: block;
}
.sxlist{
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    display: none;
    overflow: auto;
    min-width: 100%;
    color: #333;
    padding: calc( var(--bili) * 10px );
    max-height: 360px;
}

.sxlist .sxcon{
    font-size: calc( var(--bili) * 16px );
    line-height: 2;
    white-space:nowrap;
}
.sxlist .sxcon:hover{
    color: var(--colorzt);
}
.sxlist .sxcon.on{
    color: var(--colorzt);
}

@media screen and (max-width: 1200px) {
    .tablecon{
        overflow: auto;
    }
    .sxlist{
        display: none!important;
    }
    .sorttable{
        width: 200%;
    }
}

/*技术*/
@media screen{
    .techmain{
        position: relative;
        padding: calc( var(--bili) * 80px ) 0;
        display: flex;
        flex-direction: column;
    }
    .techmain *{
        line-height: 1.4;
    }
    .techtit{
        margin: 0 0 calc( var(--bili) * 30px ) 0;
    }
    .techtit .eca{
        font-size: calc( var(--bili) * 36px );
        color: #333333;
        font-weight: 700;
        text-align: center;
    }
    .techtit .ecb{
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        margin: calc( var(--bili) * 20px ) 0 0 0;
        line-height: 2;
    }
    .techtit .ecc{
        font-size: calc( var(--bili) * 30px );
        color: #777777;
        margin: calc( var(--bili) * 20px ) 0 0 0;
        text-align: center;
    }
    .techima{
        display: block;
        margin: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .teaca{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .teaca .eccn{
        width: 50%;
        padding: 0 0 0 calc( var(--bili) * 40px );
    }
    .teaca .eccn .eca{
        font-size: calc( var(--bili) * 36px );
        color: #333333;
        font-weight: 700;
        margin: 0 0 calc( var(--bili) * 50px ) 0;
    }
    .teaca .eccn .ecb{
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        line-height: 2.5;
    }
    .teaca .eccn .ecb span{
        color: var(--colorzt);
    }
    .teaca .ecim{
        width: calc( var(--bili) * 730px );
    }
    .teacb{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .teacb .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -10px );
    }
    .teacb .ecls .ecie{
        width: calc(100%/4);
        padding: calc( var(--bili) * 10px );
    }
    .teacb .ecls .ecie .ecac{
        display: block;
    }
    .teacb .ecls .ecie .ecac .ecim{
        background-color: #e5e5e5;
        padding: calc( var(--bili) * 35px ) calc( var(--bili) * 48px );
        border-radius: calc( var(--bili) * 20px );
        display: flex;
    }
    .teacb .ecls .ecie .ecac .ecmc{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        text-align: center;
    }
    .teacb{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .teacb .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -10px );
    }
    .teacb .ecls .ecie{
        width: calc(100%/4);
        padding: calc( var(--bili) * 10px );
    }
    .teacb .ecls .ecie .ecac{
        display: block;
    }
    .teacb .ecls .ecie .ecac .ecim{
        background-color: #e5e5e5;
        padding: calc( var(--bili) * 35px ) calc( var(--bili) * 48px );
        border-radius: calc( var(--bili) * 20px );
        display: flex;
    }
    .teacb .ecls .ecie .ecac .ecmc{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        text-align: center;
    }

    .teacc{
        margin: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .teacc .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -15px );
    }
    .teacc .ecls .ecie{
        width: calc(100%/3);
        padding: calc( var(--bili) * 15px );
    }
    .teacc .ecls .ecie .ecac{
        border-radius: calc( var(--bili) * 20px );
        padding: calc( var(--bili) * 20px );
        display: block;
        background-color: var(--colorzt);
        color: #ffffff;
    }
    .teacc .ecls .ecie:nth-child(2n) .ecac{
        background-color: #626262;
    }
    .teacc .ecls .ecie .ecac .ecim{
        display: flex;
        height: calc( var(--bili) * 418px );
        overflow: hidden;
        border-radius: calc( var(--bili) * 16px );
    }
    .teacc .ecls .ecie .ecac .eccn{
        padding: calc( var(--bili) * 30px ) calc( var(--bili) * 15px ) calc( var(--bili) * 10px );
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .teacc .ecls .ecie .ecac .eccn .ecl{
        font-size: calc( var(--bili) * 34px );
    }
    .teacc .ecls .ecie .ecac .eccn .ecr{
        width: calc( var(--bili) * 90px );
        height: calc( var(--bili) * 90px );
        line-height: calc( var(--bili) * 90px );
        text-align: center;
        font-size: calc( var(--bili) * 40px );
        background-color: #ffffff;
        color: var(--colorzt);
        border-radius: 50%;
    }
    .teacc .ecls .ecie:nth-child(2n) .ecac .eccn .ecr{
        color: #626262;
    }
    .teacc .ecls .ecie .ecac:hover .ecim img{
        transform: scale(1.1);
    }

    .teacd{
        position: relative;
        /*margin: 0 0 90px 0;*/
    }
    .teacd .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -15px );
    }
    .teacd .ecls .ecie{
        width: calc(100%/1);
        padding: calc( var(--bili) * 15px );
    }
    .teacd .ecls .ecie .ecac{
        border-radius: calc( var(--bili) * 6px );
        padding: calc( var(--bili) * 20px );
        background-color: #eeeeee;
        color: #555555;
        display: flex;
        justify-content: space-between;
        align-content: center;
    }
    .teacd .ecls .ecie:nth-child(2n) .ecac{
        background-color: var(--colorzt);
        color: #ffffff;
    }
    .teacd .ecls .ecie .ecac .ecma{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 calc( var(--bili) * 10px );
    }
    .teacd .ecls .ecie .ecac .ecma .ecima{
        width: calc( var(--bili) * 82px );
        height: calc( var(--bili) * 82px );
        overflow: hidden;
    }
    .teacd .ecls .ecie .ecac .ecma .ecmc{
        margin: 0 0 0 calc( var(--bili) * 30px );
        width: calc( var(--bili) * 160px );
        font-size: calc( var(--bili) * 30px );
        font-weight: 700;
    }
    .teacd .ecls .ecie .ecac .ecma .ecin{
        width: calc( var(--bili) * 450px );
        font-size: calc( var(--bili) * 24px );
        line-height: 1.6;
    }
    .teacd .ecls .ecie .ecac .ecimb{
        display: flex;
        height: calc( var(--bili) * 138px );
        width: auto;
    }

    .tebca{
        margin: 0 0 calc( var(--bili) * 70px ) 0;
    }
    .tebca .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -25px );
    }
    .tebca .ecls .ecie{
        width: calc(100%/3);
        padding: calc( var(--bili) * 25px );
    }
    .tebca .ecls .ecie .ecac{
        height: 100%;
        display: block;
        text-align: center;
    }
    .tebca .ecls .ecie .ecac .ecim{
        position: relative;
        width: 100%;
        padding-top: 74%;
        overflow: hidden;
    }
    .tebca .ecls .ecie .ecac .ecmc{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        color: #333333;
        font-weight: 700;
    }
    .tebca .ecls .ecie .ecac .ecin{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        line-height: 1.6;
    }
    .tebcb{
        position: relative;
    }
    .tebcb .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
    }
    .tebcb .ecls .ecie{
        width: calc(100%/1);
        padding: calc( var(--bili) * 20px );
    }
    .tebcb .ecls .ecie .ecac{
        display: flex;
        justify-content: space-between;
        color: #ffffff;
        border-radius: calc( var(--bili) * 50px );
        overflow: hidden;
    }
    .tebcb .ecls .ecie .ecac .ecim{
        position: relative;
        width: 50%;
        padding-top: 28.375%;
        overflow: hidden;
    }
    .tebcb .ecls .ecie .ecac .eccn{
        width: 50%;
        background-color: var(--colorzt);
        padding: calc( var(--bili) * 30px ) calc( var(--bili) * 90px );
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .tebcb .ecls .ecie .ecac .eccn .ecmc{
        font-size: calc( var(--bili) * 30px );
        font-weight: 700;
    }
    .tebcb .ecls .ecie .ecac .eccn .ecin{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        line-height: 1.6;
        text-align: justify;
    }
    .tebcb .ecls .ecie:nth-child(2n) .ecac{
        display: flex;
        flex-direction: row-reverse;
    }
    .tebcb .ecls .ecie:nth-child(2n) .ecac .eccn{
        background-color: #eeeeee;
        color: #333333;
    }

    .tecca{
        position: relative;
    }
    .tecca .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px ) 0;
    }
    .tecca .ecls .ecie{
        width: 100%;
        padding: calc( var(--bili) * 20px ) 0;
    }
    .tecca .ecls .ecie .ecac{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .tecca .ecls .ecie:nth-child(2n) .ecac{
        flex-direction: row-reverse;
    }
    .tecca .ecls .ecie .ecac .ecim{
        width: 42.375%;
        position: relative;
        padding-top: 25.25%;
        overflow: hidden;
    }
    .tecca .ecls .ecie .ecac .eccn{
        width: 50%;
    }
    .tecca .ecls .ecie .ecac .eccn .ecmc{
        font-size: calc( var(--bili) * 30px );
        color: var(--colorzt);
        font-weight: 700;
    }
    .tecca .ecls .ecie .ecac .eccn .ecin{
        margin: calc( var(--bili) * 35px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        color: #555555;
        line-height: 1.8;
        text-align: justify;
    }

    .tedca{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .tedca .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -60px );
    }
    .tedca .ecls .ecie{
        width: calc(100%/3);
        padding: calc( var(--bili) * 60px );
    }
    .tedca .ecls .ecie .ecac{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tedca .ecls .ecie .ecac .ecim{
        width: calc( var(--bili) * 350px );
        height: calc( var(--bili) * 350px );
    }
    .tedca .ecls .ecie .ecac .ecin{
        margin: calc( var(--bili) * 40px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        color: #555555;
        text-align: center;
        line-height: 1.8;
    }

    .tedcb{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .tedcb .ecls{
        display: flex;
    }
    .tedcb .ecls .ecie{
        width: calc(100%/3);
    }
    .tedcb .ecls .ecie .ecac{
        position: relative;
        display: block;
    }
    .tedcb .ecls .ecie .ecac .ecim{
        position: relative;
        padding-top: 110%;
        overflow: hidden;
    }
    .tedcb .ecls .ecie .ecac .eccn{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: calc( var(--bili) * 70px );
    }
    .tedcb .ecls .ecie .ecac .eccn .ecic{
        width: calc( var(--bili) * 80px );
        height: calc( var(--bili) * 80px );
    }
    .tedcb .ecls .ecie .ecac .eccn .ecmc{
        margin: calc( var(--bili) * 40px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
    }
    .tedcb .ecls .ecie .ecac .eccn .ecin{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        line-height: 1.8;
    }

    .tedcc{
        padding: 0 0 calc( var(--bili) * 40px ) 0;
        position: relative;
    }
    .tedcc .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -50px ) calc( var(--bili) * -25px );
    }
    .tedcc .ecls .ecie{
        width: calc(100%/4);
        padding: calc( var(--bili) * 50px ) calc( var(--bili) * 25px );
    }
    .tedcc .ecls .ecie .ecac{
        display: block;
        position: relative;
    }
    .tedcc .ecls .ecie .ecac .ecim{
        width: 100%;
        position: relative;
        padding-top: 103%;
    }
    .tedcc .ecls .ecie .ecac .ecim:after{
        content: '';
        position: absolute;
        border-bottom: calc(var(--bili)* 15px) solid transparent;
        border-top: calc(var(--bili)* 15px) solid transparent;
        border-left: calc(var(--bili)* 12px) solid var(--colorzt);
        right: calc( var(--bili) * -32px );
        top: 50%;
        transform: translatey(-50%);
    }
    .tedcc .ecls .ecie:nth-child(4n) .ecac .ecim:after{
        display: none;
    }
    .tedcc .ecls .ecie:nth-child(n 4) .ecac .ecim:after{
        border-left: 0;
        border-right: calc(var(--bili)* 12px) solid var(--colorzt);
    }
    .tedcc .ecls .ecie:nth-of-type(8) .ecac .ecim:before{
        content: '';
        position: absolute;
        border-left: calc(var(--bili)* 15px) solid transparent;
        border-right: calc(var(--bili)* 15px) solid transparent;
        border-top: calc(var(--bili)* 12px) solid var(--colorzt);
        top: calc( var(--bili) * -42px );
        left: 50%;
        transform: translatex(-50%);
    }
    .tedcc .ecls .ecie .ecac .ecmc{
        position: absolute;
        left: 50%;
        bottom: calc( var(--bili) * -30px );
        transform: translatex(-50%);
        display: inline-block;
        font-size: calc( var(--bili) * 24px );
        color: #ffffff;
        padding: calc( var(--bili) * 15px );
        width: 80%;
        background-color: var(--colorzt);
        border-radius: calc( var(--bili) * 60px );
        text-align: center;
    }



}
@media screen and (max-width: 1200px) {
    .techmain{
        position: relative;
        padding: 2vw 0;
        display: flex;
        flex-direction: column;
    }
    .techtit{
        margin: 0 0 4vw 0;
    }
    .techtit .eca{
        font-size: 4.5vw;
        color: #333333;
        font-weight: 700;
        text-align: center;
    }
    .techtit .ecb{
        font-size: 3.2vw;
        margin: 3vw 0 0 0;
    }
    .techtit .ecc{
        font-size: 3.2vw;
        margin: 3vw 0 0 0;
    }
    .techima{
        display: block;
        margin: 0 0 8vw 0;
    }
    .teaca{
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 5vw 0;
    }
    .teaca .eccn{
        width: 100%;
        padding: 0 0 4vw 0;
    }
    .teaca .eccn .eca{
        font-size: 4vw;
        margin: 0 0 4vw 0;
    }
    .teaca .eccn .ecb{
        font-size: 3.5vw;
        color: #555555;
        line-height: 2.5;
    }
    .teaca .eccn .ecb span{
        color: var(--colorzt);
    }
    .teaca .ecim{
        width: 100%;
    }
    .teacb{
        margin: 0 0 6vw 0;
    }
    .teacb .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: -2vw;
    }
    .teacb .ecls .ecie{
        width: calc(100%/2);
        padding: 2vw;
    }
    .teacb .ecls .ecie .ecac{
        display: block;
    }
    .teacb .ecls .ecie .ecac .ecim{
        padding: 4vw;
    }
    .teacb .ecls .ecie .ecac .ecmc{
        margin: 3vw 0 0 0;
        font-size: 3.5vw;
    }

    .teacc{
        margin: 0 0 8vw 0;
    }
    .teacc .ecls{
        margin: -2vw;
    }
    .teacc .ecls .ecie{
        width: calc(100%/1);
        padding: 2vw;
    }
    .teacc .ecls .ecie .ecac{
        padding: 4vw;
    }
    .teacc .ecls .ecie .ecac .ecim{
        display: flex;
        height: auto;
    }
    .teacc .ecls .ecie .ecac .eccn{
        padding: 4vw 0 2vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .teacc .ecls .ecie .ecac .eccn .ecl{
        font-size: 4vw;
    }
    .teacc .ecls .ecie .ecac .eccn .ecr{
        width: 12vw;
        height: 12vw;
        line-height: 12vw;
        text-align: center;
        font-size: 4vw;
    }

    .teacd{
        position: relative;
        /*margin: 0 0 90px 0;*/
    }
    .teacd .ecls{
        margin: -2vw;
    }
    .teacd .ecls .ecie{
        width: calc(100%/1);
        padding: 2vw;
    }
    .teacd .ecls .ecie .ecac{
        padding: 4vw;
        background-color: #eeeeee;
        color: #555555;
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
    }
    .teacd .ecls .ecie .ecac .ecma{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0;
        margin: 0 0 4vw 0;
    }
    .teacd .ecls .ecie .ecac .ecma .ecima{
        width: 10vw;
        height: 10vw;
        overflow: hidden;
    }
    .teacd .ecls .ecie .ecac .ecma .ecmc{
        margin: 0 0 0 4vw;
        width: 20vw;
        font-size: 4vw;
        font-weight: 700;
    }
    .teacd .ecls .ecie .ecac .ecma .ecin{
        width: 55vw;
        font-size: 3vw;
        line-height: 1.6;
    }
    .teacd .ecls .ecie .ecac .ecimb{
        display: flex;
        height: auto;
        width: 100%;
    }

    .tebca{
        margin: 0 0 8vw 0;
    }
    .tebca .ecls{
        margin: -2vw;
    }
    .tebca .ecls .ecie{
        width: calc(100%/1);
        padding: 2vw;
    }
    .tebca .ecls .ecie .ecac .ecmc{
        margin: 3vw 0 0 0;
        font-size: 4vw;
    }
    .tebca .ecls .ecie .ecac .ecin{
        margin: 2vw 0 0 0;
        font-size: 3.5vw;
    }
    .tebcb{
        position: relative;
    }
    .tebcb .ecls{
        margin: -2vw;
    }
    .tebcb .ecls .ecie{
        width: calc(100%/1);
        padding: 2vw;
    }
    .tebcb .ecls .ecie .ecac{
        flex-wrap: wrap;
        border: 1px solid #eeeeee;
        overflow: hidden;
        border-radius: 20px;
    }
    .tebcb .ecls .ecie .ecac .ecim{
        position: relative;
        width: 100%;
        padding-top: 56.75%;
        overflow: hidden;
        border-radius: 20px;
    }
    .tebcb .ecls .ecie .ecac .eccn{
        width: 100%;
        background-color: transparent;
        padding: 4vw;
        color: #333333;
    }
    .tebcb .ecls .ecie .ecac .eccn .ecmc{
        font-size: 4vw;
    }
    .tebcb .ecls .ecie .ecac .eccn .ecin{
        margin: 3vw 0 0 0;
        font-size: 3.5vw;
    }
    .tebcb .ecls .ecie:nth-child(2n) .ecac .eccn{
        background-color: transparent;
        color: #333333;
    }

    .tecca{
        position: relative;
    }
    .tecca .ecls{
        margin: -2vw;
    }
    .tecca .ecls .ecie{
        width: 100%;
        padding: 2vw;
    }
    .tecca .ecls .ecie .ecac{
        flex-wrap: wrap;
    }
    .tecca .ecls .ecie:nth-child(2n) .ecac{
        flex-direction: row-reverse;
    }
    .tecca .ecls .ecie .ecac .ecim{
        width: 100%;
        position: relative;
        padding-top: 45%;
        overflow: hidden;
    }
    .tecca .ecls .ecie .ecac .eccn{
        width: 100%;
        margin: 4vw 0;
    }
    .tecca .ecls .ecie .ecac .eccn .ecmc{
        font-size: 4vw;
    }
    .tecca .ecls .ecie .ecac .eccn .ecin{
        margin: 3vw 0 0 0;
        font-size: 3.5vw;
    }

    .tedca{
        margin: 0 0 8vw 0;
    }
    .tedca .ecls{
        margin: -2vw;
    }
    .tedca .ecls .ecie{
        width: calc(100%/1);
        padding: 2vw;
    }
    .tedca .ecls .ecie .ecac{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tedca .ecls .ecie .ecac .ecim{
        width: 40vw;
        height: 40vw;
    }
    .tedca .ecls .ecie .ecac .ecin{
        margin: 3vw 0 0 0;
        font-size: 3.5vw;
    }

    .tedcb{
        margin: 0 0 8vw 0;
    }
    .tedcb .ecls{
        flex-wrap: wrap;
    }
    .tedcb .ecls .ecie{
        width: calc(100%/1);
    }
    .tedcb .ecls .ecie .ecac .eccn{
        padding: 10vw;
    }
    .tedcb .ecls .ecie .ecac .eccn .ecic{
        width: 12vw;
        height: 12vw;
    }
    .tedcb .ecls .ecie .ecac .eccn .ecmc{
        margin: 6vw 0 0 0;
        font-size: 4vw;
    }
    .tedcb .ecls .ecie .ecac .eccn .ecin{
        margin: 4vw 0 0 0;
        font-size: 3.5vw;
    }

    .tedcc{
        padding: 0 0 6vw 0;
        position: relative;
    }
    .tedcc .ecls{
        display: flex;
        flex-wrap: wrap;
        margin: -6vw -2vw;
    }
    .tedcc .ecls .ecie{
        width: calc(100%/2);
        padding: 6vw 2vw;
    }
    .tedcc .ecls .ecie .ecac .ecim:after{
        display: none!important;
    }
    .tedcc .ecls .ecie .ecac .ecim:before{
        display: none!important;
    }
    .tedcc .ecls .ecie .ecac .ecmc{
        bottom: -5vw;
        font-size: 3.2vw;
        color: #ffffff;
        padding: 2vw 4vw;
        width: 80%;
    }



}