/* 公共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: 1500px;
    margin: 0 auto;
}
@media screen and (max-width: 1800px) {
    .wh1600 {
        margin: 0 5% !important;
    }
}



.pub_banner{
    display: block;
    min-height: 200px;
}
.mi_pub_banner{
    display: none;
    margin-top: 18vw;
}
.fs76{
    font-size: 76px;
}
.fs47{
    font-size: 47px;
}
.fs36{
    font-size: 36px;
}
.fs30{
    font-size: 30px;
}
.fs24{
    font-size: 24px;
}
.fs26{
    font-size: 26px;
}
.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs15{
    font-size: 15px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}
.fsw{
    font-weight: bold;
}



.syflex{
    position: absolute;
    z-index: 9999;
}
.position{
    padding: 2% 2%;
    letter-spacing: 1px;
    color: #333333;
    background: url(../image/home.png)no-repeat left;
    /*background-size: 1% auto;*/
    text-indent: 1em;
}

.head {
    width: 100%;
    transition: all 0.5s;
    /*background-color: #ffffff;*/
    /*padding: 1.15% 0;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    /*height: 90px;*/
    background-color: #0d4d8b;
    /*border-bottom: 1px solid white;*/
}
/*.head:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 1px;
    width: 10.2%;
    background-color: white;
}
.head:before{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    height: 1px;
    width: 79.8%;
    background-color: white;
}*/
.header-active{
    background-color: #0d4d8b;
}
.head_logo{
    float: left;
    position: absolute;
    width: 13.3%;
    padding: 1.2% 2% 0% 0%;
    /*background-color: #0d4d8b;*/
    /*border-bottom-right-radius: 50%;*/
    /*border-bottom-left-radius: 50%;*/
}
.head_lxdh{
    float: right;
    color: #333333;
    position: absolute;
    right: 0;
    height: 100%;
    line-height: 1.8;
    top: -20%;

}
.head_lxdh .hlda{
    width: 100%;
    padding-left: 2.5vw;
    font-weight: bold;
    letter-spacing: 1px;
}

.head_lxdh .hlda:nth-of-type(1){
    background: url(../image/head_lxdh1.png)no-repeat left 70%;
    background-size: 7.4%;
}
.head_lxdh .hlda:nth-of-type(2){
    background: url(../image/head_lxdh2.png)no-repeat left 70%;
    background-size: 7.4%;
}
.head_lxdh .hldb{
    font-weight: bold;
}

.head_menu_list{
    /*background-color: #0d4d8b;*/
    width: 82%;
    float: right;
    /*padding: 1.1% 0;*/
    position: relative;
    right: -7.5%;
}
.head_menu{
    width: 100%;
}
.head_menu .CAli{
    display: inline-block;
    /*transition: all 0.2s;*/
    margin: 0;
    /*width: 10.25%;*/
    text-align: left;
    padding: 2.3% 3.1%;
    float: left;
    cursor: pointer;
    color: #ffffff;
    position: static;
}
.head_menu .CAli .CAa{
    width: 100%;
    padding: 9% 0;

    /*display: block;*/
}
.head_menu .CAli .CAa .en{
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
}

.head_menu .CAli:hover .CAa .en: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 .en:after{
    width: 0;
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -12px;
    right: 0;
    margin: 0 auto;
}

.head_menu .on .en:after{
    content: '';
    width: 100%;
    height: 2px;
    opacity: 1;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -12px;
    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: #0f4885;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 18vw;
}

.mi_head .logo {
    width: 42%;
    float: left;
    margin: 3% 0 0 5%;
}
.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: #fff;
    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: #0d4d8b;
}

.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: #0d4d8b !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: #0d4d8b !important;
    transform: rotate(90deg);
    border-left: 2vw solid #0d4d8b;
}
.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: #0d4d8b;
}
.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:  #0d4d8b;
}
/*.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:  #0d4d8b!important;
}



.about_banner{
    height: 100vh;
}


/*.foot{
    background-color: #2a2a2a;
    position: relative;
    padding: 3% 0 3%;
    overflow: hidden;
}

.foot_links{
    color: #ffffff;
    margin: 0 0 3% 0;
}
.foot_links .linksa{
    margin: 0 2% 0 0;
}

.foot_logo{
    width: 15%;
    float: left;
    margin: 0 3% 0 0;
}
.foot_logo .foot_logo_img{
    width: 89.585%;
}
.foot_make{
    color: #ffffff;
    line-height: 2;
    padding: 15% 0 0 11%;
}



.foot_list{
    float: left;
    position: relative;
}
.foot_list:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 9vw;
    left: 0;
    top: 25%;
    background-color: #FFFFFF;
}
.foot_list.fly{
    width: 20%;
    padding: 0 0 0 4%;
}
.foot_list.fle{
    width: 14%;
    padding: 0 0 0 4%;
}
.foot_list.fls{
    width: 25%;
    padding: 0 0 0 4%;
}
.foot_list.flf{
    width: 22%;
    padding: 0 0 0 3%;
}

.foot_list:last-child:after{
    display: none;
}

.foot_list .foot_title{
    color: #eeeeee;
    margin-bottom: 35px;
    letter-spacing: 1px;
}
.foot_list .foot_title span{
    color: #0d4d8b;
    padding-left: 5%;
    letter-spacing: 1px;
    font-weight: bold;
}
.foot_list .foot_ul{
    position: relative;
}
.foot_list .foot_ul li{
    color: #eeeeee;
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2.5;
}
.foot_list .ulli50 li{
    width: 45%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 90%;
}
.foot_rwm{
    width: 100%;
    float: left;
    padding: 10% 0 0;
}
.foot_rwm .foot_ewm_nr{
    width: 40%;
    margin: 0 10% 0 0;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
}
.foot_rwm .foot_ewm_nr .foot_sys{
    padding: 10% 0 0 0;
}

.copyright{
    background-color: #2a2a2a;
    color: #cccccc;
    text-align: center;
    z-index: 99;
    position: relative;
    padding: 0 0 2%;
}
.copyright_all{
    position: relative;
    padding: 2% 0 0;
}
.copyright_all:after{
    content: "";
    position: absolute;
    width: 75%;
    left: 12.5%;
    height: 1px;
    background-color: #ffffff;
    top: 0;
}*/
.foot{
    position: relative;
    background-color: #1b1b1b;
    padding: 3% 0;
}
.foot .ft_top{
    /*overflow: hidden;*/
    padding-bottom: 2%;
    border-bottom: 1px solid #999;
}
.foot .ft_top .links{
    color: white;
    float: left;
}
.foot .ft_top li{
    float: left;
    color: white;
    width: calc(100%/7);
    text-align: center;
}
.foot .ft_top ul{
    display: flex;
    align-items: center;
}
/*.foot .ft_top li:nth-of-type(1){
    margin-right: 3%;
}
.foot .ft_top li:nth-of-type(2){
    padding-right: 1%;
    border-right: 2px solid #AAAAAA;
}
.foot .ft_top li:nth-of-type(3){
    margin-left: 1%;
}*/
.foot .ft_top li a{

}
.foot .ft_bottom{
    /*overflow: hidden;*/
    margin: 3% 0 0;
}
.foot .ft_bottom .ftul{
    /*overflow: hidden;*/
}
.foot .ft_bottom .ftul .wt{
    width: 16%;
    float: left;
    padding-right: 5%;
}
.foot .ft_bottom .ftul .frt{
    float: right;
    padding-right: 0;
}
.foot .ft_bottom .ft_title{
    color: white;
    margin: 0 0 8%;
}
.foot .ft_bottom .ftul .wt .ewm-img{
    width: 56.3%;
    margin: 0 auto;
}
.foot .ft_bottom .ftul .frt p{
    text-align: center;
    line-height: 2.5;
    color: white;
}
.foot .ft_bottom .foot_list{
    padding: 0;
}
.foot .ft_bottom .foot_list li{
    line-height: 2.3;
}
.foot .ft_bottom .foot_list a{
    color: #999A99;
}





.foot_logo{
    float: left;
    width: 19%;
    padding: 4% 0 0;
}
.foot_link{
    width: 25%;
    float: left;
    margin-left: 3%;
}
.foot_link .foot_title{
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: url(../image/foot_cotact.png)no-repeat left;
    padding-left: 18%;
    margin-bottom: 7%;
}
.foot_title .ften{
    color: #ffffff;
    padding-left: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.foot_list{
    width: 100%;
    padding-left: 18%;
}
.fw50{
    width: 50%;
}
.fw100{
    width: 100%;
}
.foot_list li{
    float: left;
    color: #f7f6f6;
    line-height: 2.5;
    overflow: hidden;
}
.foot_contact{
    width: 31%;
    float: left;
}
.foot_contact .foot_title{
    height: 51px;
    line-height: 51px;
    color: #ffffff;
    background: url(../image/foot_pro.png)no-repeat left;
    padding-left: 15%;
    margin-bottom: 4%;
    margin-top: -2%;
}
.foot_follwous{
    width: 20%;
    float: left;
    margin-left: 2%;
}
.foot_follwous .foot_title{
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: url(../image/foot_about.png)no-repeat left;
    padding-left: 18%;
    margin-bottom: 10%;
}
.foot_ewm{
    width: 63%;
    padding-left: 18%;
}
.copyright{
    background-color: #0f4885;
    color: #ffffff;
    text-align: center;
    padding: 1.5% 0;
}


.bottom-fix{
    background-color: #0d4d8b;
    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;
}




.sy_about{
    background-color: #0d4d8b;
    line-height: 2;
    padding: 2% 0;
}
.sy_about .dnry{
    color: #ffffff;
    float: left;
    line-height: 1.5;
    margin: 0 1% 0 0;
}
.sy_about .dnre{
    color: #ffffff;
    float: left;
    width: 70%;
}
.sy_about .dnrs{
    color: #ffffff;
    float: right;
    letter-spacing: 1px;
    margin: 1% 0 0 0 ;
}
.sy_about .dnrs{
    font-weight: bold;
}


.public_title{
    text-align: center;
    padding: 2% 0;
}
.public_title .nr_en{
    font-size: 60px;
    color: #ebebeb;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
    display: none;
}
.public_title .nr_cn{
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    margin: -50px 0 0 0;
    z-index: 2;
    text-transform: uppercase;
}
.public_title .nr_in{
    margin: 1.3% 0 0 0;
    font-size: 31px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.public_title .nr_ins{
    margin: 1% 0 0 0;
    color: #999999;
    line-height: 2;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.public_title .nr_in.yse{
    color: #ffffff;
}
.public_title .nr_in.yss{
    color: #999999;
}
.public_title .nr_en.yse{
    color: #929292;
}
.public_title .nr_cn.ysy{
    color: #0d4d8b;
}
.public_title .nr_cn.yse{
    color: #ffffff;
}
.public_title .nr_cn .hs{
    color: #333333;
}
.public_title .nr_cn .ls{
    color: #0d4d8b;
}
/*.public_title .nr_cn:after{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    left: -200px;
    top: 50%;
    background-color: #0d4d8b;
}
.public_title .nr_cn:before{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    right: -200px;
    top: 50%;
    background-color: #0d4d8b;
}*/
.sys_recoy_cate{
    margin: 2% 0;
}
.sys_recoy_cate ul{
    overflow: hidden;
}
.sys_recoy_cate li{
    float: left;
    width: calc(100%/7);
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #0f4885;
    color: #0f4885;
    text-align: center;
}
.sys_recoy_cate .btn-2{
    position: relative;
    display: block;
    padding: 6%;
}
.sys_recoy_cate .btn-2:after{
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent #0f4885 transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.sys_recoy_cate .btn-2:before{
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent transparent transparent #0f4885;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.sys_recoy_cate .btn-2:hover{
    color: white;
    z-index: 1;
}
.sys_recoy_cate .btn-2:hover:before{
    z-index: -1;
    border-width: 150px 0 0 150px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.sys_recoy_cate .btn-2:hover:after{
    z-index: -1;
    border-width: 0 150px 150px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.sys_recoy_cot{

}
.sys_recoy_cot .recoy-box{
    float: left;
    width: calc(100%/4 - 1.5%);
    display: inline-block;
    transition: all .5s;
    margin-right: 2%;
    margin-bottom: 2%;
}
.sys_recoy_cot .recoy-box:nth-child(4n){
    margin-right: 0;
}
.sys_recoy_cot .recoy-box .recoy_img{
    height: 15vw;
    overflow: hidden;
    position: relative;
}
.sys_recoy_cot .recoy-box .more_shade{
    position: absolute;
    content: '';
    background-color: rgba(0,0,0,.3);
    top: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all .5s;
}
.sys_recoy_cot .recoy-box .more_shade span{
    position: relative;
    top: 45%;
    display: inline-block;
    padding: 3.5% 5%;
    border-radius: 50px;
    background-color: #0f4885;
    color: white;
}
.sys_recoy_cot .recoy-box .recoy_tit{
    border: 1px solid #eaeaea;
    line-height: 3;
    text-align: center;
    padding: 0 5%;
}
.sys_recoy_cot .recoy-box:hover .more_shade{
    top: 0;
}
.sys_recoy_cot .recoy-box:hover{
    box-shadow: 0 0 8px 5px rgba(0,0,0,.09);
}
.sys_recoy_cot .recoy-box:hover .recoy_img img{
    transform: scale(1.05);
}
.sys_recoy_more{
    text-align: center;
    margin: 3% 0;
}
.sys_recoy_more a{
    display: inline-block;
    padding: 1.5% 6%;
    border: 1px solid #AAAAAA;
    transition: all .5s;
}
.sys_recoy_more a:hover{
    background-color: #0f4885;
    color: white;
    border-color: #0f4885;
}

.sys_recoy_about{
    overflow: hidden;
    position: relative;
    margin: 2% 0;
    display: flex;
    align-items: center;
    background-color: #F8F8F8;
}
.sys_recoy_about .abt-lt{
    width: 35%;
    float: left;
    padding: 0 3%;
}
.sys_recoy_about .abt-rt{
    width: 65%;
    float: right;
}
.sys_recoy_about .abt-tit{
    padding: 6% 0;
}
.sys_recoy_about .abt-desc{
    line-height: 2;
}
.sys_recoy_about .abt-more{
    margin: 5% 0 0;
    display: inline-block;
    padding: 3% 6%;
    background-color: #0f4885;
    color: white;
    text-align: center;
    border-radius: 3px;
}

.sys_recoy_fwts{

}
.sys_recoy_news{
    overflow: hidden;
}
.recoy_news_cot{
    overflow: hidden;
    padding: .5%;
}
.recoy_news_cot .news-box{
    float: left;
    width: calc(100%/3 - 1.5%);
    margin-right: 2%;
    padding: 2%;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 11%);
    border-radius: 5px;
    box-sizing:border-box;
}
.recoy_news_cot .news-box:nth-child(3n){
    margin-right: 0;
}
.recoy_news_cot .news-box .news-tit{
    border-left: calc(5 * 0.0625em) solid #0f4885;
    padding-left: calc(19 * 0.0625em);
    left: calc(-24 * 0.0625em);
    position: relative;
}
.recoy_news_cot .news-box .news-time{
    line-height: 2.5;
    color: #999A99;
}
.recoy_news_cot .news-box .news-img{
    overflow: hidden;
}
.recoy_news_cot .news-box:hover .news-img img{
    transform: scale(1.05);
}
.sys_recoy_msg{
    overflow: hidden;
    background: url("../image/msg_bg.jpg") no-repeat center;
    background-size: cover;
    padding: 5%;
}
.sys_recoy_msg .form-msg{
    overflow: hidden;
    float: right;
    background: white;
    padding: 3% 4%;
    width: 32%;
}
.form-msg p{
    margin-bottom: 15%;
    text-align: center;
}
.form-msg input{
    line-height: 4;
    background-color: #efefef;
    width: 100%;
    margin-bottom: 7%;
    text-indent: 1em;
}
.form-msg button{
    border: none;
    background-color: #0f4885;
    color: white;
    display: block;
    width: 100%;
    line-height: 3;
    margin: 5% 0 0;
}
.sys_recoy_detail{
    overflow: hidden;
    margin: 3% 0 0;
}
.recoy_detail{
    overflow: hidden;
    padding: .5%;
    margin: 2% 0 0;
}
.recoy_detail .rdetail_box{
    float: left;
    width: calc(100%/3 - 2%);
    margin-right: 3%;
    padding: 2%;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 11%);
    background-color: #0f4885;
    border-radius: 5px;
    color: white;
}
.recoy_detail .rdetail_box:nth-child(3n){
    margin-right: 0;
}
.recoy_detail .rdetail_box p:nth-child(1){
    margin: 0 0 8%;
    text-align: center;
}
.recoy_detail .rdetail_box p:nth-child(1) span{
    padding-bottom: 3%;
    border-bottom: 2px solid white;
}
.recoy_detail .rdetail_box p:nth-child(2){
    line-height: 2;
}

.sys_recoy_flow{
    overflow: hidden;
    margin: 5% 0;
}
.recoy_flow{
    margin: 2% 0 0;
    overflow: hidden;
}
.recoy_flow .rflow_box{
    float: left;
    width: calc(100%/5);
    display: inline-block;
    position: relative;
}
.recoy_flow .rflow_box:after{
    position: absolute;
    content: '';
    background: url(../image/arrowhs.png) no-repeat center;
    padding: 8.135%;
    background-size: 100%;
    right: -8%;
    top: 25%;
}
.recoy_flow .rflow_box:last-child:after{
    display: none;
}
.recoy_flow .rflow_box .flowico{
    text-align: center;
}
.recoy_flow .rflow_box .flowtit{
    text-align: center;
    line-height: 2;
}


.sy_business{
    padding: 3.3% 0 0;
}
.sy_product{
    padding: 3.3% 0 4%;
}
.Procate{
    overflow: hidden;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 2% 0;
}
.Procate li{
    float: left;
    width: calc(100%/6);
    /*text-align: center;*/
    letter-spacing: 2px;
    line-height: 3.5;
    position: relative;
    /*text-indent: 3.3em;*/
    padding-left: 5%;
}
/*.Procate li:nth-of-type(1),.Procate li:nth-of-type(2),.Procate li:nth-of-type(3),.Procate li:nth-of-type(4),.Procate li:nth-of-type(5),.Procate li:nth-of-type(6){
    background-size: 21.5%;
}*/
.Procate li:nth-of-type(1){
    background: url("../image/zlin_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(2){
    background: url("../image/fenx_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(3){
    background: url("../image/yyao_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(4){
    background: url("../image/wxiu_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(5){
    background: url("../image/jshe_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(6){
    background: url("../image/hshou_h.png") no-repeat center left 5%;
    background-size: 21.5%;
}
.Procate li:nth-of-type(1).on{
    background: url("../image/zlin.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li:nth-of-type(2).on{
    background: url("../image/fenx.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li:nth-of-type(3).on{
    background: url("../image/yyao.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li:nth-of-type(4).on{
    background: url("../image/wxiu.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li:nth-of-type(5).on{
    background: url("../image/jshe.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li:nth-of-type(6).on{
    background: url("../image/hshou.png") no-repeat center left 5%;
    background-color: #0d4d8b;
    background-size: 21.5%;
}
.Procate li.on{
    background-color: #0d4d8b;
}
.Procate li.on a{
    color: white;
}
.sypro-cot{
    overflow: hidden;
    position: relative;
}
.sypro-cot .plt-div{
    float: left;
    width: 36.9%;
}
.sypro-cot .prt-div{
    position: absolute;
    left: 40%;
    float: right;
    width: 60%;
    height: 100%;
}
.sypro-cot .prt-div  .prt-top{
    padding: 3% 6% 6%;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.06);
}
.sypro-cot .prt-div .prt-top .prt_tit{
    margin-bottom: 5%;
    position: relative;
    line-height: 3;
}
.sypro-cot .prt-div .prt-top .prt_tit:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 4px;
    width: 10%;
    background-color: #0d4d8b;
}
.sypro-cot .prt-div .prt-top .prt_desc{
    line-height: 1.5;
    letter-spacing: 2px;
}
.sypro-cot .prt-div .prt-btm{
    margin: 5% 0 0;
    overflow: hidden;
}
.sypro-cot .prt-div .prt-btm .btm-lt{
    float: left;
    width: 33.7%;
}
.sypro-cot .prt-div .prt-btm .btm-rt{
    float: right;
    width: 62%;
}
.sypro-cot .prt-div .prt-btm .btm-rt .btm_tit{
    color: #0d4d8b;
    font-weight: bold;
    line-height: 6;
}
.sypro-cot .prt-div .prt-btm .btm-rt .btm_desc{
    line-height: 1.8;
    letter-spacing: 2px;
}

.ProCa{
    margin: 0 0 3% 0;
}
.ProCa ul li{
    float: left;
    color: #333333;
    margin: 0 0 0 0;
    padding: 2px 25px;
    line-height: 2;
    letter-spacing: 2px;
    border-radius: 3px;
}
.ProCa ul li.on{
    background-color: #0d4d8b;
    color: #ffffff;
}
.ProCa .dcb{
    float: right;
    background-color: #0d4d8b;
    color: #ffffff;
    margin: 0.6% 0 0 0;
    padding: .5% 1%;
    letter-spacing: 2px;
}


.sycore_item{
    width: 22.5%;
    float: left;
    margin: 0 3.33% 3% 0;
    line-height: 2;
    position: relative;
    overflow: hidden;
}
.sycore_item:nth-child(4n){
    margin: 0 0 3% 0;
}
.sycore_item .sys1{
    width: 100%;
    height: 18vw;
    overflow: hidden;
}
.sycore_item .sys2{
    width: 100%;
    overflow: hidden;
    padding: 0 20% 0 0;
    border-bottom: 1px solid #0d4d8b;
    position: relative;
    transition: all 0.5s;
    height: 55px;
    line-height: 55px;
    letter-spacing: 1px;
}
.sycore_item .desc{
    position: absolute;
    top: -55px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0,0,.5);
    opacity: 0;
    transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}
.sycore_item .desc p{
    position: absolute;
    top: 45%;
    width: 100%;
    color: white;
    padding: 3% 16%;
    line-height: 26px;
    transform: scale(0);
    /*border-top: 1px solid white;*/
    /*border-bottom: 1px solid white;*/
    /*-webkit-transform: translate(-50%, -75%);*/
    /*-ms-transform: translate(-50%, -75%);*/
    /*-o-transform: translate(-50%, -75%);*/
    /*transform: translate(-50%, -75%);*/
    /*display: inline-block;*/
    max-width: 100%;
    max-height: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.sycore_item .desc p:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 25%;
    height: 1px;
    width: 50%;
    background-color: white;

}
.sycore_item .desc p:before{
    position: absolute;
    content: '';
    top: 0;
    left: 25%;
    height: 1px;
    width: 50%;
    background-color: white;

}
.sycore_item .sys2:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 12.78%;
    height: 100%;
    background: url(../image/proarrow.png) no-repeat center 55%;
    background-size: 100%;
    transition: all 0.5s;
}
.sycore_item:hover .sys1 img{
    transform: scale(1.1);
}
.sycore_item:hover .sys2{
    color: #ffffff;
}
.sycore_item:hover .desc p{
    /*left: 50%;*/
    transform: scale(1);
}
.sycore_item:hover .desc{
    opacity: 1;
}
.sycore_item:hover .sys2:after{
    background: #ffffff;
}
.sycore_item .sys2:before{
    content: attr(data-hover);
    position: absolute;
    text-align: center;
    width: 96%;
    height: 100%;
    opacity: 0;
    color: #ffffff;
    left: 0;
    bottom: -100%;
    transition: all 0.5s;
    background-color: #0d4d8b;
    z-index: 2;
    padding: 0 3%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 20px;
}
.sycore_item:hover .sys2:before{
    opacity: 1;
    bottom: 0;
}


.sypro_ca{

}
.sypro_ca ul li{
    width: 19.2%;
    float: left;
    margin: 0 1% 1% 0;
    line-height: 2;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}
.sypro_ca ul li:nth-child(5n){
    margin: 0 0 1% 0;
}
.sypro_ca ul li .wimg{
    width: 100%;
    overflow: hidden;
}
.sypro_ca ul li .wtit{
    width: 100%;
    text-align: center;
    padding: 0 5%;
    position: absolute;
    bottom: 5%;
    letter-spacing: 1px;
    transform: scale(1);
    transition: all 0.5s;
}
.sypro_ca ul li .wcot{
    position: absolute;
    width: 100%;
    padding: 10% 10%;
    background-color: rgba(0,153,204,0.5);
    text-align: center;
    bottom: -100%;
    /*bottom: 0;*/
    transition: all 0.6s;

}
.sypro_ca ul li .wcot .wtits{

}
.sypro_ca ul li .wcot .wints{
    margin: 10% 4%;
    text-align: left;
}
.sypro_ca ul li .wcot .wcks{
    background-color: #FFFFFF;
    color: #0d4d8b;
    display: inline-block;
    margin: 0 20%;
    width: 60%;
    padding: 1% 0;
    text-align: center;
    letter-spacing: 1px;
}
.sypro_ca ul li:hover .wimg img{
    transform: scale(1.1);
}
.sypro_ca ul li:hover .wtit{
    /*opacity: 0;*/
    transform: scale(0);
}
.sypro_ca ul li:hover .wcot{
    bottom: 0;
}

.sypro_ca ul li.on .wtit{
    transform: scale(0);
}
.sypro_ca ul li.on .wcot{
    bottom: 0;
}





.syrm_title{
    font-size: 46px;
    color: #0d4d8b;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5% 0 4%;
    width: 100%;
}
.syrm_title .nr_sy{
    display: inline-block;
    width: 25%;
    float: left;
    margin: -1.3% 0 0 0;
}
.syrm_title .flx{
    width: 37.5%;
    border-top: 1px solid #0d4d8b;
    border-bottom: 1px solid #0d4d8b;
    padding: 0.2% 0;
    float: left;
}
.syrm_title .frx{
    width: 37.5%;
    border-top: 1px solid #0d4d8b;
    border-bottom: 1px solid #0d4d8b;
    padding: 0.2% 0;
    float: right;
}



.syrmpro_item{
    width: 23.125%;
    float: left;
    margin: 0 2.5% 4% 0;
}
.syrmpro_item:nth-child(4n){
    margin: 0 0 4% 0;
}
.syrmpro_item .wimg{
    width: 100%;
    overflow: hidden;
}
.syrmpro_item .wcot{
    background-color: #ffffff;
    color: #333333;
    padding: 5% 5% 10%;
    line-height: 2;
    text-align: center;
    border: 1px solid #cccccc;
    border-top: 0;
    position: relative;
}
.syrmpro_item .wcot .wtit{
    margin: 0 0 2% 0;
    font-weight: bold;

}
.syrmpro_item .wcot .wint{

}
.syrmpro_item .wcot .wjia{
    background-color: #0d4d8b;
    color: #ffffff;
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    position: absolute;
    bottom: -25px;
    left: 43%;
}
.syrmpro_item:hover .wimg img{
    transform: scale(1.1);
}
.syrmpro_item:hover .wcot{
    background-color: #0d4d8b;
    color: #ffffff;
}
.syrmpro_item:hover .wcot .wjia{
    background-color: #eeeeee;
    color: #0d4d8b;
}

.syrmpro_switch{
    text-align: center;
    position: relative;
    width: 100%;
}
.syrmpro_switch .srps{
    padding: 1.5%;
    font-size: 50px;
    display: inline-block;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #eeeeee;
    background-size: cover;
    margin: 0 1%;
    cursor: pointer;
    transition: all 0.1s;
}
.syrmpro_switch .srps:last-child{
    transform:rotate(180deg);
}
.syrmpro_switch .srps:hover{
    background-color: #0d4d8b;
}

.sy_fangan {
    background: url(../image/1_02.png) no-repeat center;
    /* height: 209px; */
    line-height: 2;
    /*padding: 6.2% 0;*/
    background-size: cover;
}

.sy_fangan .fa_nry{
    /*float: left;*/
    color: #333333;
    letter-spacing: 1px;
    padding: 3.7% 0 0 0;
    line-height: 1.8;
    overflow: hidden;
}
.sy_fangan .fa_nry .nr0{
    z-index: 2;
    position: relative;
    /*background-image:-webkit-linear-gradient(bottom,white,white,#0d4d8b);*/
    /*background-image:linear-gradient(#0d4d8b, white);*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
    margin-top: -1%;
    margin-bottom: 1%;
    color: #fff;
    letter-spacing: -1px;
    font-weight: bold;
}
.sy_fangan .fa_nry .nr0:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 23.4%;
    height: 50%;
    z-index: -1;
    background-color: #0d4d8b;
}
.sy_fangan .fa_nry .nr0 span::before{
    position: absolute;
    height: 50%;
    content: attr(content);
    overflow: hidden;
    color: #0d4d8b;
    z-index: 999;
}

.sy_fangan .fa_nry .nr1{
    position: relative;
    z-index: 2;
}
.sy_fangan .fa_nry .nr1:after{
    display: none;
    content: '';
    position: absolute;
    width: 30%;
    height: 8px;
    background-color: #0d4d8b;
    bottom: 7px;
    left: 0;
    z-index: 1;
}
.sy_fangan .fa_nre{
    float: left;
    margin: 0% 0 0 0%;
    clear: both;

}

.sy_fangan .fa_nre .hlda{
    width: 100%;
    /*padding-left: 2.5vw;*/
    font-weight: bold;
    letter-spacing: 2px;
    color: #333333;
}

.sy_fangan .fa_nre .hlda:nth-of-type(1){
    /*background: url(../image/sy_fangan1.png)no-repeat left 70%;*/
    /*background-size: 7.4%;*/
}
.sy_fangan .fa_nre .hlda:nth-of-type(2){
    /*background: url(../image/sy_fangan2.png)no-repeat left 70%;*/
    /*background-size: 7.4%;*/
}
.sy_fangan .fa_nre .hldb{
    font-weight: bold;
}

.sy_fangan .fa_nrs{
    float: left;
    margin: 1.5% 0 1.5% 0;
    background-color: #ffffff;
    padding: 0.65% 5% 0.65% 1.5%;
    border-radius: 30px;
    text-align: left;
    position: relative;
    clear: both;
    display: inline-flex;
    align-items: center;
}
.sy_fangan .fa_nrs:after{
    content: '';
    position: absolute;
    padding: 12.5%;
    border-radius: 50%;
    background:#0e4683 url(../image/honor_arrow.png) no-repeat center;
    /*background-color: #0e4683;*/
    background-size: 100%;
    right: 5%;
    transform: rotate(180deg);
}





.sy_aboutus{
    background: url(../image/index_about.png)no-repeat top;
    position: relative;
    /*background-size: 100% 100%;*/
    background-size: cover;
    margin: 5% 0 0;
}

.sy_aboutus .iab_right{
    width: 72%;
    float: right;
}
.sy_aboutus .iab_right .iab_tit{
    color: #15499a;
    font-weight: bold;
    padding: 10% 0 5%;
}
.sy_aboutus .iab_right .iab_cot{
    color: #333333;
    line-height: 2;
    text-indent: 2em;
}
.sy_aboutus .iab_right .miab_cot{
    display: none;
}
.sy_aboutus .iab_right .iab_view{
    text-align: left;
    margin-top: 5%;
}
.sy_aboutus .iab_right .iab_view ul li{
    display: inline-block;
    margin-right: 8%;
    margin-bottom: 3%;
    text-align: center;
}
.sy_aboutus .iab_right .iab_view ul li:nth-of-type(4){
    margin-right: 0px;
}
.sy_aboutus .iab_right .iab_view ul li .sz{
    /*font-size: 76px;*/
    color: #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}
.sy_aboutus .iab_right .iab_view ul li span{
    /*font-size: 47px;*/
    color: #ffffff;
    display: inline-block;
}
.sy_aboutus .iab_right .iab_view ul li .wz{
    color: #ffffff;
}


.iab_menu2{
    position: absolute;
    width: 28%;
    background-color: rgba(13, 77, 139,0.9);
    height: 100%;
    left: 0;
    top: 0;

}
.iab_menu{
    position: relative;
    z-index: 9;
    padding: 5% 0%;
    width: 20%;
    float: left;
}
.iab_menu .tit_cn{
    color: #ffffff;
    margin: 0 0 15% 0;
}
.iab_menu .tit_en{
    color: #ffffff;
    margin: 0 0 15% 0;
}
.into_us{
    font-size: 18px;
    color: #ffffff;
    margin-top: 5%;
}
.iab_list li{
    color: #ffffff;
    margin-bottom: 11.5%;
    padding-left: 20%;
    /*height: 35px;*/
    line-height: 1.7;
}
.iab_list li:nth-of-type(1){
    background: url(../image/iab_logo1.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(2){
    background: url(../image/iab_logo2.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(3){
    background: url(../image/iab_logo3.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(4){
    background: url(../image/iab_logo4.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(5){
    background: url(../image/iab_logo5.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(6){
    background: url(../image/iab_logo6.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(7){
    background: url(../image/iab_logo7.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(8){
    background: url(../image/iab_logo8.png)no-repeat left;
}




.syabmy{
    line-height: 2;
    padding: 2% 0;
}
.syabmy .wnrf{
    width: 40%;
    float: left;
    padding: 2% 0 0 0;
}
.syabmy .wnrf .wtit{
    color: #333333;
    position: relative;
    display: inline-block;
    margin: 0 0 5% 5%;
}
.syabmy .wnrf .wtit:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #0d4d8b;
    bottom: 0;
    left: 0;
}
.syabmy .wnrf .wint{
    text-indent:2em;
    color: #333333;
}
.syabmy .wnrr{
    float: right;
    width: 50%;
    text-align: right;
    position: relative;
    margin: 2% 0 0 0;
}

.syab_item{
    float: left;
    width: 46%;
    padding: 5% 1% 5% 4%;
    margin: 0 0 3% 3%;
    display: inline-block;
    box-shadow: 0 1px 10px #cccccc;
    background-color: #ffffff;
    transition: all 0.5s;
}
.syab_item .wimg{
    float: left;
    padding: 9.15%;
    margin: 0 22% 0 0;
    background-size: 100%!important;
}
.syab_item:nth-of-type(1) .wimg{
    background: url(../image/syabus1.png) no-repeat center;
}
.syab_item:nth-of-type(2) .wimg{
    background: url(../image/syabus2.png) no-repeat center;
}
.syab_item:nth-of-type(3) .wimg{
    background: url(../image/syabus3.png) no-repeat center;
}
.syab_item:nth-of-type(4) .wimg{
    background: url(../image/syabus4.png) no-repeat center;
}
.syab_item .wcot{
    text-align: left;
}
.syab_item .wcot .wtit{
    color: #333333;
    letter-spacing: 1px;
}
.syab_item .wcot .wint{
    font-size: 30px;
    color: #0d4d8b;
    font-weight: bold;
    line-height: 1.2;
}
/*.syab_item:nth-of-type(2){*/
    /*margin-left: 52%;*/
/*}*/
/*.syab_item:nth-of-type(1){*/
    /*background-color: #0d4d8b;*/
    /*position: absolute;*/
    /*box-shadow: 0 5px 25px #0d4d8b;*/
    /*z-index: 2;*/
    /*width: 54%;*/
    /*top: -12%;*/
    /*left: -4%;*/
    /*border-radius: 5px;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wtit{*/
    /*color: #ffffff;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wint{*/
    /*color: #ffffff;*/
    /*font-size: 48px;*/
/*}*/
.syab_item:hover{
    box-shadow: 0 1px 10px #0d4d8b;
    background-color: #0d4d8b;
    transform: scale(1.2);
    /*margin-top: -3%;*/
    /*margin-bottom: 6%;*/
    /*margin-top: -5%;*/
}
.syab_item:hover .wcot .wtit{
    color: #FFFFFF;
}
.syab_item:hover .wcot .wint{
    color: #FFFFFF;
}
.syab_item:nth-of-type(1):hover .wimg{
    background: url(../image/syabus1s.png) no-repeat center;
}
.syab_item:nth-of-type(2):hover .wimg{
    background: url(../image/syabus2s.png) no-repeat center;
}
.syab_item:nth-of-type(3):hover .wimg{
    background: url(../image/syabus3s.png) no-repeat center;
}
.syab_item:nth-of-type(4):hover .wimg{
    background: url(../image/syabus4s.png) no-repeat center;
}




.syabmey{
    position: relative;
}
.syabmey .wimg{
    width: 54.6875%;
}
.syabmey .wcot{
    position: absolute;
    left: 54.6875%;
    top: 0;
    width: 45.3125%;
    color: #ffffff;
    height: 100%;
    background-color: #0d4d8b;
    padding: 3% 5% 3% 0;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.syabmey .wcot:after{
    content: '';
    position: absolute;
    right: 8%;
    width: 8px;
    height: 20%;
    background-color: #FFFFFF;
    top: 18%;
}
.syabmey .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmey .wcot .wtit_en{
    margin: 0 0 4% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmey .wcot .wint{
    text-indent:2em
}

.syabmee{
    position: relative;
}
.syabmee .wimg{
    float: right;
    width: 45.3125%;
}
.syabmee .wcot{
    position: absolute;
    width: 54.6875%;
    top: 0;
    left: 0;
    color: #0d4d8b;
    height: 100%;
    background-color: #ffffff;
    padding: 2% 4% 2% 4%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.syabmee .wcot:after{
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 30%;
    background-color: #0d4d8b;
    top: 18%;
}
.syabmee .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmee .wcot .wtit_en{
    margin: 0 0 2% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmee .wcot .wint{
    text-indent:2em;
    color: #333333;
}

.sy_process{
    padding: 3% 0;
    background-color: #ffffff;
}
.sy_process .sylc_title{
    width: 100%;
    line-height: 2;
    font-size: 46px;
    color: #0d4d8b;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.sylc_list{
    padding: 4% 4% 0;
}
.sylc_item{
    width: 8.4245%;
    float: left;
    text-align: center;
    color: #0d4d8b;
    line-height: 2;
    margin: 0 9.85% 0 0;
    position: relative;
}
.sylc_item:after{
    content: '';
    position: absolute;
    background: url(../image/arrowhs.png) no-repeat center;
    padding: 16.135%;
    background-size: 100%;
    right: -70%;
    top: 30%;
}
.sylc_item:last-child{
    margin: 0 0 0 0;
}
.sylc_item:last-child:after{
    display: none;
}

.sy_case{
    /*background: url(../image/sycase.jpg) no-repeat top;*/
    /*padding: 2% 0 5%;*/
    /*background-size: cover;*/
    overflow: hidden;
}

.sycs_list{
    width: 100%;
    position: relative;
}
.sycs_list .wimg{
    width: 36%;
}
.sycs_list .wcot{
    position: absolute;
    width: 63.5%;
    left: 36.5%;
    top: 0;
    height: 100%;
}

.sycs_item{
    width: 32.65%;
    float: left;
    margin: 0 1% 1.65% 0;
    position: relative;
}
.sycs_item:nth-child(3n){
    margin: 0 0 1.65% 0;
}
.sycs_item .himg{
    width: 100%;
    overflow: hidden;
}
.sycs_item .htit{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5% 20%;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.2;
    background: url(../image/arrow_s.png) no-repeat 90% 50%;
    background-color: rgba(0,153,204,0.7);

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

.sy_news{
    padding: 3% 0;
}
.sy-newslist{
    overflow: hidden;
    margin: 3% 0 0;
}
.sy-newslist .nslt-box{
    width: 100%;
    /*float: left;*/
    padding-left: 11%;
    position: relative;
}
.newsitem_big{
    overflow: hidden;
    position: relative;
}
.newsitem{
    width: 50%;
    float: left;
}

.newsitem2{
    position: absolute;
    width: 45%;
    float: right;
    height: 100%;
    left: 55%;
}





.nslt-box .nslt-nav{
    overflow: hidden;
    width: 50%;
}
.nslt-box .nslt-nav li{
    float: left;
    width: calc(100%/4);
    text-align: center;
    line-height: 2;
}
.nslt-box .nslt-nav li.on{
    background-color: #0f4885;
    border-radius: 50px;
}
.nslt-box .nslt-nav li.on a{
    color: white;
}
.nslt-box .nslt-cot{
    overflow: hidden;
    /*width: 100%;*/
    /*position: relative;*/
}
.nslt-box .nslt-cot .ns-time{
    color: #AAAAAA;
    font-weight: bold;
    margin-top: 7.5%;
    margin-bottom: 4%;
}
.nslt-box .nslt-cot .ns-title{
    font-weight: bold;
    margin-bottom: 4%;
}
.nslt-box .nslt-cot .ns-desc{
    color: #555555;
    line-height: 2;
}
.nslt-box .nslt-cot .ns-more{
    margin-top: 4%;
    color: #0f4885;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.nslt-box .nslt-cot .ns-more > a{
    display: inline-block;
    padding-bottom: 1%;
    border-bottom: 1px solid #0f4885;
}
.nslt-box .psra-box{
    position: absolute;
    left: 0;
    top: 35%;
    width: 9%;
    height: 100%;
    color: #AAAAAA;
    text-transform: uppercase;
}
.nslt-box .psra-box p{
    margin: 45% 0 0;
}
.nslt-box .psra-box span{
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #AAAAAA;
}
.nslist .hd ul{
    float: right;
    overflow: hidden;
    zoom: 1;
    margin: 2% 0 0;
}
.nslist .hd  li{
    position:relative;
    _display:inline;
    float:left;
    width:10px;
    height:10px;
    overflow:hidden;
    background:#ccc;
    margin-right:10px;
    text-indent:-999px;
    cursor:pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.nslist .hd  li.on{
    background-color: #0f4885;
}


.sy-newslist .nsrt-box{
    width: 44.83%;
    float: right;
    height: 19.2vw;
}

.news-all{
    overflow: hidden;
    margin: 5% 0 0;
}
.newsbox{
    width: 31%;
    float: left;
    margin-right: 3.5%;
    margin-bottom: 2%;
}
.newsbox:nth-child(3n){
    margin-right: 0px;
}
.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;
    font-size: 18px;
    color: #333333;
    margin-top: 4%;
    margin-left: 4%;
    transition: all 0.3s;
}
.newsbox .news_img{
    margin: 4% 0;
    width: 100%;
    height: 15vw;
    overflow: hidden;
}
.newsbox .news_tit{
    color: #333333;
    line-height: 2.2;
    font-weight: bold;
    overflow: hidden;
}
.newsbox .news_cot{
    color: #333333;
    line-height: 1;
    margin: 3% 0;
}
.newsbox .news_plus{
    color: #333333;
    line-height: 2;
    transition: all 0.3s;
}
.newsbox:hover .news_img img{
    transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
    color: #0d3b95;
}
.newsbox:hover .time .time_n{
    color: #0d3b95;
}

.newsbox:hover .news_plus,.newsbox:hover .news_tit{
    color: #0d3b95;
}






.syns_list{

}
.syns_list .syns_title{
    line-height: 2;
    letter-spacing: 1px;
    position: relative;
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 1% 0;
}
.syns_list .syns_title:after{
    content: '';
    position: absolute;
    width: 36%;
    height: 8px;
    bottom: 0;
    left: 0;
    background-color: #0d4d8b;
}
.syns_list .snsfl{
    width: 43%;
    float: left;
}
.syns_list .snsfr{
    width: 50%;
    float: right;
}

.syns_list .snslist{
    position: relative;
}

.snsitemy{
    position: relative;
    line-height: 2;
    background: url(../image/arrow_xxl.png) no-repeat 100% 10%;
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 2% 0;
    background-size: 3.5%;
    margin: 0 0 2% 0;
}
.snsitemy:last-child{
    border-bottom: 0;
}
.snsitemy .wtit{
    color: #333333;
    width: 80%;
}
.snsitemy .wcot{
    color: #666666;
    width: 80%;
}
.snsitemy .wtime{
    position: absolute;
    right: 0;
    bottom: 15%;
    color: #666666;
}


.snsiteme{
    position: relative;
    margin: 0 0 6% 0;
}
.snsiteme .wimg{
    width: 38.125%;
    float: left;
    overflow: hidden;
}
.snsiteme .wcot{
    float: right;
    width: 60%;
    line-height: 2;
}
.snsiteme .wcot .wtit{
    line-height: 1.5;
    color: #333333;
}
.snsiteme .wcot .wint{
    margin: 3% 0 2% 0;
    color: #666666;
}
.snsiteme .wcot .wck{
    text-align: right;
}
.snsiteme:hover .wimg img{
    transform: scale(1.1);
}
















.sy_zyx{
    background-color: #0d4d8b;
    padding: 1% 0;
}
.syzyx_item{
    width: 25%;
    float: left;
    text-align: center;
}
.syzyx_item .wall{
    display: inline-block;
}
.syzyx_item .wnrl{
    width: 60px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #0d4d8b;
    float: left;
    margin: 0 15px 0 0;
}
.syzyx_item .wnrr{
    float: right;
    line-height: 2;
    text-align: left;
    letter-spacing: 1px;
}
.syzyx_item .wnrr .wnry{
    color: #FFFFFF;
}
.syzyx_item .wnrr .wnre{
    color: #333333;
}





.nysyl{
    width: 23.5%;
    float: left;
}
.nysyr{
    width: 75%;
    float: right;
}

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


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





.navMenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #0d4d8b;
    background-color: #FFFFFF;
}
.navMenu .xlCAli{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
}

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

.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 solid #eeeeee;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 0 7% 8%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../image/cparrow.png)no-repeat left;
    background-size: 4%;
}

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


.cp4ys_title{
    text-align: center;
    line-height: 2;
    color: #333333;
    margin: 0 0 3% 0;
    letter-spacing: 1px;
}
.cp4ys_list{
    padding: 0 0 2% 0;
}
.cp4ys_item{
    width: 24%;
    position: relative;
    float: left;
    margin: 0 1.325% 2% 0;
    overflow: hidden;
}
.cp4ys_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.cp4ys_item .wimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cp4ys_item .wxtb{
    position: absolute;
    padding: 8.3365%;
    bottom: 18%;
    z-index: 3;
    left: 41%;
    transition: all 0.5s;
}
.cp4ys_item:nth-of-type(1) .wxtb{
    background: url(../image/cp4ys1.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2) .wxtb{
    background: url(../image/cp4ys2.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3) .wxtb{
    background: url(../image/cp4ys3.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4) .wxtb{
    background: url(../image/cp4ys4.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item .wint{
    position: absolute;
    width: 70%;
    left: 15%;
    top: 45%;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.6;
    z-index: 2;
    transform: scale(0);
    transition: all 0.5s;
}
.cp4ys_item .wcot{
    color: #FFFFFF;
    line-height: 2;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #0d4d8b;
    text-align: center;
    letter-spacing: 2px;
    padding: 6% 0 2% 0;
    z-index: 2;

}
.cp4ys_item .wmb{
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.cp4ys_item:hover .wxtb{
    bottom: 70%;
}
.cp4ys_item:nth-of-type(1):hover .wxtb{
    background: url(../image/cp4ys1s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2):hover .wxtb{
    background: url(../image/cp4ys2s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3):hover .wxtb{
    background: url(../image/cp4ys3s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4):hover .wxtb{
    background: url(../image/cp4ys4s.png)no-repeat center;
    background-size: 100%;
}

.cp4ys_item:hover .wint{
    transform: scale(1);
}
.cp4ys_item:hover .wcot{
    background-color: transparent;
    z-index: 2;
}
.cp4ys_item:hover .wmb{
    top: 0;
}



.RM_article{
    width: 100%;
    margin: 0 0 12% 0;
    background-color: #FFFFFF;
}
.RM_article .Rma_title{
    color: #FFFFFF;
    text-align: center;
    padding: 5% 0;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../image/fabulous.png) no-repeat 25%;
    background-color: #0d4d8b;
    background-size: 6.65%;

}
.RM_article .Rma_list{
    width: 100%;
    border: 1px solid #cccccc;
}
.RM_article .Rma_list ul li{
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
    background-size: 6.65%;
}
.RM_article .Rma_list ul li:last-child{
    border-bottom: 0;
}
.RM_article .Rma_list ul li .Rma_a{
    padding: 4% 5%;
    display: block;
    color: #333333;
    text-align: center;
}
.RM_article .Rma_list ul li:hover .Rma_a{
    color: #0d4d8b;
}


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







.service_int{
    line-height: 2;
    color: #666666;
    text-align: center;
    padding: 0 0 2% 0;
}

.service_list .service_img{
    position: relative;
    margin: 0 0 28% 0;
}

.service_list{
    position: relative;
}
.tempWrap{
}
.service_list ul li{
    float: left;
    width: 16.6666%;
    position: relative;
    overflow: hidden;
}
.service_list ul li .img{
    position: relative;
}
.service_list ul li .cot{
    position: absolute;
    bottom: 7.5%;
    text-align: center;
    padding: 0 5%;
    width: 100%;
}
.service_list ul li .cot .tit_cn{
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2%;
}
.service_list ul li .cot .tit_en{
    color: #ffffff;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 5%;
}
.service_list ul li .cot .arrow{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../image/service_arrow.png)no-repeat center;
}
.service_list ul li:hover .img img{
    transform: scale(1.1);
}

.service_list .switch_arrow_left{
    position: absolute;
    left: 0;
    top: 40%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    z-index: 9;
    padding: 1% 1% 1% 0%;
    font-size: 22px;
}
.service_list .switch_arrow_right{
    position: absolute;
    right: 0;
    top: 40%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    z-index: 9;
    padding: 1% 0% 1% 1%;
    font-size: 22px;
}

.sy_part{
    overflow: hidden;
    margin: 3% 0 0;
}
.sy_part .part-cot{
    overflow: hidden;
    margin: 2% 0 0;
}
.sy_part .part-cot li{
    float: left;
    width: calc(100%/5);
    border-left: 6px solid #0b274e;
}
.sy_part .part-cot li:nth-of-type(2){
    border-left-color: #1b5086;
}
.sy_part .part-cot li:nth-of-type(3){
    border-left-color: #2e74c1;
}
.sy_part .part-cot li:nth-of-type(4){
    border-left-color: #3c8dc4;
}
.sy_part .part-cot li:nth-of-type(5){
    border-left-color: #6daccb;
}
.sy_part .part-cot .part_box{
    overflow: hidden;
    padding-left: 10%;
}
.sy_part .part-cot .part_box .part-tit{
    margin-bottom: 10%;
    margin-top: 5%;
}
.sy_part .part-cot .part_box .part-desc{
    margin-bottom: 10%;
    color: #666666;
    height: 2.8vw;
    line-height: 1.5;
    padding: 0 20% 0 0;
}
.sy_part .part-cot .part_box .part-more{
    color: #0f4885;
    margin-bottom: 10%;
    letter-spacing: 2px;
}


.fw4ys_list{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 10%;
}
.fw4ys_item{
    width: 24%;
    float: left;
    position: relative;
    margin: 0 1.325% 0 0;
}
.fw4ys_item:nth-child(4n){
    margin: 0 0 0 0;
}
.fw4ys_item .fwnrs{
    position: relative;
    width: 100%;
    padding: 55% 1% 25%;
    color: #FFFFFF;
    text-align: center;
    line-height: 2;
}
.fw4ys_item:nth-of-type(1) .fwnrs{
    background: url(../image/fw4ys1.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(2) .fwnrs{
    background: url(../image/fw4ys2.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}
.fw4ys_item:nth-of-type(3) .fwnrs{
    background: url(../image/fw4ys3.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(4) .fwnrs{
    background: url(../image/fw4ys4.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}


.fw4ys_item .fwnrx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8% 8%;
    border: 1px solid #cccccc;
    line-height: 1.8;
    text-align: center;
    background-color: #FFFFFF;
    color: #333333;
}
.fw4ys_item .fwnrx .wtit{
    margin: 0 0 5% 0;
}
.fw4ys_item .fwnrx .wint{
    text-align: left;
}
.fw4ys_item .fwnrx .sz{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    z-index: 2;
}
.fw4ys_item .fwnrx .sz span{
    position: relative;
    z-index: 5;
    padding: 0 5px 0 0;
}
.fw4ys_item .fwnrx .sz:after{
    content: '';
    position: absolute;
    border-bottom: 40px solid #333333;
    border-left: 40px solid transparent;
    right: 0;
    bottom: 0;
}

.fw4ys_item:nth-child(2n) .fwnrx .sz:after{
    border-bottom: 40px solid #0d4d8b;
    border-left: 40px solid transparent;
}

.service_list .service_partner{
    padding: 0 8%;
    margin: 0 0 3% 0;
}

.service_list .service_zbrx{
    padding: 0 10%;
    line-height: 2;
    margin: 0 0 3% 0;
    color: #333333;
}
.service_list .service_zbrx span{
    font-size: 30px;
    color: #0d4d8b;
    font-weight: bold;
}
.service_list .service_3img{
    padding: 0 10%;
    margin: 0 0 4% 0;
}
.service_list .service_3img .s3item{
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
}
.service_list .service_3img .s3item:nth-child(3n){
    margin: 0 0 0 0;
}
.service_list .service_table{
    padding: 0 10%;
}
.service_list .service_table .wtit{
    color: #080000;
    line-height: 2;
    margin: 0 0 1% 0;
}
.service_table_all{

}
.service_table_all .nry{
    background-color: #333333;
    padding: 1% 0;
}
.service_table_all .nry .nrys{
    width: 50%;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
    letter-spacing: 2px;
}
.service_table_all .nre{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    position: relative;
    border-top: 0;
}
.service_table_all .nre .fnre{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service_table_all .nre .fnre .znre_item{
    line-height: 2;
    color: #333333;
    margin: 10% 0;
}
.service_table_all .nre .znre{
    width: 50%;
    background-color: #0d4d8b;
    color: #ffffff;
    margin-left: 50%;
    padding: 2% 5%;
}
.service_table_all .nre .znre .znre_item{
    border-bottom: 1px dashed #ffffff;
    line-height: 2;
    text-align: center;
    padding: 3% 0;
}
.service_table_all .nre .znre .znre_item:last-child{
    border-bottom: 0;
}



.newssyl{
    position: relative;
    width: 80%;
    float: left;
}
.newssyl .CA_news{
    width: 100%;
    margin: 0 0 2% 0;
}
.newssyl .CA_news ul li{
    width: 24.25%;
    float: left;
    background-color: #efefef;
    margin: 0 1% 1% 0;
    text-align: center;
    color: #333333;
}
.newssyl .CA_news ul li:nth-child(4n){
    margin: 0 0 1% 0;
}
.newssyl .CA_news ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 5% 0;
}
.newssyl .CA_news ul li:hover{
    background-color: #0d4d8b;
    color: #FFFFFF;
}
.newssyl .CA_news ul li.on{
    background-color: #0d4d8b;
    color: #FFFFFF;
}



.newssyr{
    width: 18%;
    float: right;
    background: white;
    padding: 1%;
}
.ner_zwf{
    padding: 6% 0;
}
.ner_list{
    width: 100%;
    padding: 20% 0 0 0;
}
.ner_list .nsr_title{
    border-bottom: 1px solid #333333;
    display: inline-block;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
}

.RM_label_all{
    width: 100%;
}
.RM_label_all .RM_label{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 2% 3% 0;
    padding: 3% 3%;
    color: #333333;
}

.RM_news_all{
    width: 100%;
}

.RM_news_all .RM_news{
    width: 100%;
    color: #333333;
    margin: 0 0 0 0;
    line-height: 2;
}

.ner_ca_list{
    width: 100%;
}
.ner_ca_list .nsr_ca_title{
    width: 100%;
    background-color: #0d4d8b;
    color: #ffffff;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.ner_ca_list .nsr_ca_all ul li{
    width: 100%;
    border: 1px solid #cccccc;
    margin: -1px 0 0 0;
    text-align: center;

}
.ner_ca_list .nsr_ca_all ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 7% 0;
}
.ner_ca_list .nsr_ca_all ul li:hover{
    background-color: #0d4d8b;
    color: #FFFFFF;
}
.ner_ca_list .nsr_ca_all ul li.on{
    background-color: #0d4d8b;
    color: #FFFFFF;
}








.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: #0d4d8b;
    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 .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #0d4d8b;
}



.paging {
    text-align:center;
    padding: 2% 0 2%;
}
.paging a{
    display: inline-block;
    padding: 0.65% 0.9%;
    border:1px solid #333333;
    color: #333333;
    margin:0 0.5%;
    transition: ease-in 0.1s;
    border-radius: 2px;
    background-color: #ffffff;
}
.paging span{
    margin:0 5px;
}
.paging a:hover,
.case_lisst .cate-box a:hover{
    border:1px solid #0d4d8b;
    color: #0d4d8b;
}
.paging .currPage{
    border:1px solid #0d4d8b;
    color: #ffffff;
    background-color: #0d4d8b;
}




.Rmnynews{
    padding: 5% 0 2%;
}
.Rmnynews .newsny{
    text-align: left;
    margin-bottom: 0;
}






.acsl{
    width: 62.5%;
    float: left;
    line-height: 2;
}
.acsr{
    width: 32.5%;
    float: right;
    border-top: 10px solid #0d4d8b;
}
.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: #0d4d8b;
    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: #0d4d8b;
}
.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 #0d4d8b;
}
.ascRmcp{
    margin: 0 0 8% 0;
}
.ascRm_title{
    background-color: #0d4d8b;
    padding: 4% 8%;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}

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


.acsZx{
    /*background: url(../image/acsZx.png) no-repeat 10%;*/
    background-color: #0d4d8b;
    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: 3% 0;
}

.content_mains{
    width: 100%;
    position: relative;
    overflow: hidden;
    /*padding: 0 0 2%;*/
}
.ash_nyys{
    background-color: #efefef;
}
.within_nyys{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
    padding: 0% 0 0 0;
}



.nysm_all{
    position: relative;
    padding: 0 0 4% 0;
    color: #333333;
}
.download_nysm{
    padding: 0;
}
.nysm_all .slogan{
    width: 31.25%;
    float: left;
}
.nysm_all .position{
    width: 60%;
    float: right;
    line-height: 2;
    text-align: right;
    padding-top: 5px;
    letter-spacing: 1px;
}
.nysm_all .position_home{
    background: url(../image/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

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

.detail_title{
    font-size: 30px;
    width: 100%;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title:after{
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #0d4d8b;
    left: 45%;
    bottom: -15px;
    display: none;
}

.detail_content{
    width: 100%;
    overflow: hidden;
    line-height: 2;
}
.detail_content img{
    max-width: 100%;
}

.detail_title_news{
    font-size: 30px;
    width: 70%;
    float: left;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title_time{
    float: right;
    text-align: right;
    width: 30%;
    margin: 2% 0 0 0;
    color: #666666;
    padding: 0 1% 0 0;
}

.screen{
    overflow: hidden;
    background-color: #efefef;
    margin-left: 2.45%;
    margin-bottom: 2%;
}
.screen dt{
    float: left;
    padding: 1.8% 0;
    margin-left: 2%;
}
.screen li{
    float: left;
    width: calc(100%/10);
    text-align: center;
    color: #8d8d91;
    margin: 2% 0;
    border-right: 1px solid #AAAAAA;
}
.screen li:last-of-type{
    border: none;
}
.screen li > a{
    display: block;
}


.load_more{
    text-align: center;
    padding-top: 3%;
}
.load_more .loads{
    display: inline-block;
    width: 16%;
    text-align: center;
    color: #ffffff;
    background-color: #0d4d8b;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1.2% 0;
    letter-spacing: 5px;
    border-radius: 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;
}


.slider-nav{
    padding: 3% 10%;
}
.slider-nav .dimg.slick-current img{
    border: 2px solid #0f4885;
}
.slider-nav .dimg img{
    width: 5vw;
    height: 5vw;
}
.tab-small{
    position: relative;
    overflow: hidden;
}
.tab-small .prev-btn img,.tab-small .next-btn img{
    width: 50%;
}
.tab-small .prev-btn,.tab-small .next-btn{
    position: absolute;
    z-index: 10;
    top: 20%;
}
.tab-small .prev-btn{
    left: 0;
}
.tab-small .next-btn{
    right: -27px;
}

.public_content{
    padding: 2% 0;
}
.aboutny1{
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}
.aboutny1 .aboutimg{
    width: 50%;
}
.aboutny1 .aboutcot{
    width: 50%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #0f4885;
}

.aboutny1 .aboutcot .aboutbt{
    color: #fff;
    margin-bottom: 5%;
}
.aboutny1 .aboutcot .aboutbt .aboutbten{
    margin-left: 5%;
    color: #fff;
    text-transform: uppercase;
}
.aboutny1 .aboutcot .aboutny{
    color: #fff;
    line-height: 2;
    padding-right: 10%;
}

.aboutny1 .aboutcot2{
    width: 50%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aboutny1 .aboutcot2 .aboutny{
    font-size: 14px;
    color: #555555;
    line-height: 2;

}
.aboutny1 .aboutcot2 .aboutny:nth-of-type(1){
    margin-bottom: 10%;
}


.aboutny2 .aboutbt{
    font-size: 36px;
    color: #555555;
    margin-bottom: 3%;
}
.aboutny2 .aboutbt .aboutbten{
    margin-left: 5%;
    font-size: 24px;
    color: #cccccc;
}
.aboutny2 .aboutny{
    margin-top: 3%;
    font-size: 14px;
    color: #555555;
    line-height: 2;
}





.news_item{
    width: 31.5%;
    float: left;
    margin: 0 2.75% 2.75% 0;
    position: relative;
}
.news_item:nth-child(3n){
    margin: 0 0 2.75% 0;
}
.news_item .dimg{
    width: 100%;
    height: 16vw;
    overflow: hidden;
    position: relative;
}
.news_item .dimg img{
    width: auto;
    margin: 0 auto;
}
.news_item .dcot{
    width: 100%;
    background-color: #efefef;
    color: #333333;
    padding: 5% 8% 10%;
    position: relative;
}
.news_item .dcot .dtit{
    width: 100%;
    height: 70px;
    line-height: 35px;
}
.news_item .dcot .dint{
    height: 70px;
    line-height: 35px;
    margin: 8% 0 20% 0;
}
.news_item .dcot .dtime{
    line-height: 2;
}
.news_item .dcot:after{
    content: '';
    position: absolute;
    bottom: 14%;
    right: 10%;
    background: url(../image/news_arrow.png) no-repeat center;
    padding: 3.225%;
    background-size: 100%;
}
.news_item:hover .dcot{
    background-color: #0d4d8b;
    color: #FFFFFF;
}
.news_item:hover .dcot:after{
    background: url(../image/news_arrows.png) no-repeat center;
    background-size: 100%;
}
.news_item:hover .dimg img{
    transform: scale(1.1);
}



.case_item{
    width: 32%;
    position: relative;
    margin: 0 2% 2% 0;
    float: left;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}
.case_item:nth-child(3n){
    margin-right: 0;
}
.case_item .dimg{
    width: 100%;
    height: 18.5vw;
    overflow: hidden;
}
.case_item .dcot{
    position: relative;
    /*width: 59%;*/
    /*left: 40.4175%;*/
    /*top: 0;*/
    /*height: 100%;*/
    background-color: #ffffff;
    padding: 3% 0;
    line-height: 2;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    transition: all 0.5s;
    overflow: hidden;
    z-index: 0;
}
.case_item .dcot:before{
    content: '';
    position: absolute;
    background-color: #0d4d8b;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all .5s;
}
.case_item .dcot .dtit_cn{
    text-indent: 1em;
    line-height: 2;
    padding: 1% 0 0 0;
    color: #333333;
    z-index: 1;
}
.case_item .dcot .dtit_en{
    margin: 1% 0;
    color: #999999;
}
.case_item .dcot .dint{
    margin: 3% 0 8%;
    color: #333333;
}
.case_item .dcot .dck{
    background-color: #0d4d8b;
    color: #ffffff;
    display: inline-block;
    width: 20%;
    padding: 0.5% 0;
    text-align: center;
    border-radius: 2px;
    letter-spacing: 2px;
}
.case_item:hover .dimg img{
    transform: scale(1.1);
}
.case_item:hover .dcot .dtit_cn{
    color: white;
    position: relative;
    /*z-index: 1;*/
}
.case_item:hover .dcot:before{
    top: 0;
}



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






.lxwmall{
    position: relative;
    margin: 3% 0 3% 0;
}

.lxwm_list{
    position: relative;
    width: 50%;
    float: left;
    margin: 3% 0 0 0;
}
.lxwm_list img{
    max-width: 100%;
}
.lxwm_item{
    width: 100%;
    line-height: 1.7;
    margin: 0 0 5% 0;
    color: #333333;
}
.lxwm_item:nth-child(4n){
    margin: 0 0 0 0;
}
.lxwm_item .dimg{
    width: 6.25%;
    float: left;
    margin: 0 2% 0 0;
}
.lxwm_item .dtit{
    float: left;
    width: 80%;
}

.lxwm_item .dtit span{
    font-weight: bold;
}

.lxwm_cot{
    width: 50%;
    float: right;
    color: #ffffff;
    /*background-color: #0d4d8b;*/
    /*padding: 2.5%;*/
    line-height: 1.4;
    margin: 2% 0 0 0;
}



.lxwmwd{
    padding: 2% 0 0 0;
}
.lxwmwd .wtit{
    text-align: center;
    color: #333333;
    line-height: 2;
    margin: 0 0 3% 0;
}

.lxwmwd_item{
    width: 24.25%;
    float: left;
    margin: 0 1% 2% 0;
    box-shadow: 0 1px 5px #cccccc;
    padding: 7% 2% 5%   ;
    line-height: 1.2;
    background: url(../image/lxwmwd_item.png) no-repeat left 0;
    background-size: 25.8%;
}
.lxwmwd_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.lxwmwd_item .wtitl{
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10% 0;
    margin: 0 0 10% 0;
    color: #333333;
}
.lxwmwd_item .wcity{
    text-align: center;
    font-size: 48px;
    color: #0d4d8b;
    margin: 3% 0 15% 0;
}
.lxwmwd_item .wints{
    line-height: 2;
    text-align: center;
    color: #333333;
    min-height: 140px;
}





.ab_mky{
    padding: 2% 0 3%;
    width: 100%;
    background-color: #ffffff;
}

.ab_video{
    width: 100%;
}
.ab_video video{
    width: 100%;
}

.ab_four{
    padding: 2% 0;
    background-color: #0d4d8b;
}
.ab_four_item{
    width: 25%;
    text-align: center;
    float: left;
    line-height: 1.2;
}
.ab_four_item .dimg {
    width: 27.25%;
    margin: 0 auto;
}
.ab_four_item .dnya{
    font-size: 48px;
    color: #ffffff;
    margin: 5% 0 1% 0;
    font-weight: bold;
}
.ab_four_item .dnyb{
    color: #ffffff;
}


.ab_mke{
    padding: 3% 0;
    background-color: #ffffff;
    text-align: center;
}
.ab_mke .wcot{
    color: #333333;
    line-height: 3;
}





.ab_mks{
    position: relative;
}
.ab_sitem{
    position: absolute;
    width: 26%;
    top: 0;
    height: 100%;
}

.ab_sitem ul li{
    position: absolute;
    width: 100%;
    height: 50%;
    text-align: left;
    padding: 10% 5% 10% 35%;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333333;
    cursor: pointer;
}
.ab_sitem ul li:nth-of-type(1){
    top: 0;
    border-top: 1px solid #cccccc;
    background: url(../image/absw1.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li:nth-of-type(2){
    top: 50%;
    border-bottom: 1px solid #cccccc;
    background: url(../image/absw2.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li.on{
    background-color: #0d4d8b;
    border-top: 1px solid #0d4d8b;
    border-bottom: 1px solid #0d4d8b;
    color: #ffffff;
}
.ab_sitem ul li.on:nth-of-type(1){
    background: url(../image/absw1s.png) no-repeat 28% 45%;
    background-color: #0d4d8b;
    background-size: 4.8%;
}
.ab_sitem ul li.on:nth-of-type(2){
    background: url(../image/absw2s.png) no-repeat 28% 45%;
    background-color: #0d4d8b;
    background-size: 4.8%;
}
.ab_sitem ul li.on:after{
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    right: -3%;
    top: 0;
    background-color: #0d4d8b;
    z-index: 2;
}

.ab_sitem{

}
.ab_sall{
    position: relative;
    margin-left: 26%;
}
.ab_slist .wimg{
    width: 42%;
    overflow: hidden;
}
.ab_slist .wcot{
    position: absolute;
    width: 58%;
    left: 42%;
    top: 0;
    height: 100%;
    background-color: #0d4d8b;
    padding: 3% 5%;
    color: #ffffff;
    line-height: 1.8;
    overflow-x: auto;
}



.ab_mkw{
    padding: 3% 0 ;
    background-color: #ffffff;
}

.ab_mkw .abmwt{
    line-height: 2;
    text-align: center;
}
.ab_mkw .abmwtit{
    color: #0d4d8b;
    font-size: 30px;
    font-weight: bold;
}
.ab_mkw .abmwint{
    color: #999999;
}

.abmw_list{
    width: 100%;
    position: relative;
    padding: 200px 0;
}
.abmw_list:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    background-color: #cccccc;
    z-index: 1;
}
.abmw_item{
    width: 28%;
    line-height: 34px;
    text-align: center;
    position: absolute;
    height: 140px;
}

.abmw_item .wdian{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0d4d8b;
    margin: -14px auto 0;
    z-index: 2;
    position: relative;
    color: #333333;
}
.abmw_item .wline{
    width: 1px;
    height: 30px;
    background-color: #cccccc;
    margin: 20px auto;
}
.abmw_item .wny{
    font-weight: bold;
}


.abmw_item:nth-of-type(1){
    top: 50%;
    left: 0;
}
.abmw_item:nth-of-type(2){
    top: 60px;
    left: 14%;
}
.abmw_item:nth-of-type(3){
    top: 50%;
    left: 28%;
}
.abmw_item:nth-of-type(4){
    top: 60px;
    left: 42%;
}
.abmw_item:nth-of-type(5){
    top: 50%;
    left: 56%;
}
.abmw_item:nth-of-type(6){
    top: 60px;
    left: 70%;
}

.ab_news{
    background: url(../image/ab_news.jpg) no-repeat top;
    padding: 2% 0;
}

.abnst{
    text-align: center;
    line-height: 1.8;
    letter-spacing: 1px;
    padding: 0 0 2% 0;
}
.abnst .abnsttit{
    color: #0d4d8b;
    font-size: 30px;
    font-weight: bold;
}
.abnst .abnstint{
    color: #999999;
}


.ab_news_item{
    color: #333333;
    width: 49%;
    float: left;
    background-color: #ffffff;
    padding: 1.5% 2% 2% 5%;
    margin: 0 2% 2% 0;
    border-radius: 5px;
}

.ab_news_item:nth-child(2n){
    margin: 0 0 2% 0;
}
.ab_news_item:nth-of-type(2)
{
    background-color:#0d4d8b;
    color: #ffffff;
}
.ab_news_item:nth-child(3n+0)
{
    background-color:#0d4d8b;
    color: #ffffff;
}
.ab_news_item .wcot{
    width: 70%;
    float: left;
}
.ab_news_item .wcot .wtit{
    line-height: 2;
    margin: 0 0 0.5% 0;
}
.ab_news_item .wcot .wint{
    line-height: 1.5;
}
.ab_news_item .wimg{
    width: 22%;
    float: right;
}


.CPCA_list{
    position: relative;
}
.CPCA_item{
    width: 33.3%;
    float: left;
    text-align: center;
    background-color: #201f1f;
    color: #FFFFFF;

    line-height: 1.5;
    position: relative;
}
.CPCA_item:last-child{
    margin: 0 0 5% 0;
}
.CPCA_item .PA_a{
    display: block;
    padding: 11% 0 17%;
}
.CPCA_item .PA_mc{
    position: relative;
}
.CPCA_item .PA_mc:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    border-top: 1px dashed #ccc;
    bottom: -50%;
    left: 25%;
    overflow: hidden;
}
.CPCA_item.on{
    background-color: #0d4d8b;
}
.CPCA_item.on:after{
    content: '';
    position: absolute;
    background: url(../image/PA_on.png) no-repeat center;
    background-size: 100%;
    width: 6.57%;
    padding: 3% 0;
    left: 44%;
    bottom: 12.5%;
}
.CPCA_item:hover{
    background-color: #0d4d8b;
}




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

.synyy{
    width: 79%;
    float: right;
}

.PlBt{
    width: 100%;
    background: url(../image/PlBt.png) no-repeat 10%;
    background-size: 13.5%;
    background-color: #0d4d8b;
    padding: 12.5% 0;
}



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


.product_item{
    width: 30.835%;
    float: left;
    margin: 0 0 2.45% 2.45%;
    background-size: 23.1%;
    line-height: 1.5;
    background-color: #201f1f;
    position: relative;
}

.product_item .wimg{
    width: 100%;
    height: 18vw;
    overflow: hidden;
    position: relative;
}
.product_item .wimg .wmck{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/cp_more.png) no-repeat 50% 40%;
    background-size: 13.5%;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-align: center;
    padding: 53% 0 0 0;
    letter-spacing: 1px;
    transition: all 0.5s;
    transform: scale(0);
}
.product_item .wcot{
    background-color: #ffffff;
    padding: 5%;
    line-height: 2;
    text-align: center;
    color: #333333;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all 0.3s;
}
.product_item .wcot .wtit{
    border-bottom: 1px dashed #999999;
    margin: 0 0 3% 0;
    padding: 0 0 3% 0;
    position: relative;
    z-index: 2;
}
.product_item .wcot .wpower{
    position: relative;
    z-index: 2;
}
.product_item .wcot .wpower .consult{
    padding: 2.5% 6%;
    background-color: #0f4885;
    text-align: center;
    color: white;
    transition: all .5s;
}
.product_item .wcot .wexhaust{
    position: relative;
    z-index: 2;
}
.product_item .wcot:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background-color: #0d4d8b;
    z-index: 1;
    transition: all 0.2s;
}
.product_item:hover .wimg .wmck{
    /*top: 0;*/
    transform: scale(1);
}
.product_item:hover .wcot{
    color: #ffffff;
}
.product_item:hover .wcot .wpower .consult{
    background-color: white;
    color: #0f4885;
}
.product_item:hover .wcot .wtit{
    border-bottom: 1px dashed #ffffff;
}
.product_item:hover .wcot:after{
    top: 0;
}
.product_item:hover .wimg img{
    transform: scale(1.1);
}


.CP_detail{
    width: 100%;
}

.PCP_title{
    border-bottom: 1px solid #cccccc;
    margin: 0 0 3% 0;
}
.PCP_title .PCP_titlewz{
    color: #ffffff;
    background-color: #0d4d8b;
    padding: 1% 4%;
    letter-spacing: 2px;
    display: inline-block;
    line-height: 1.1;
}

.CP_detail .CP_mko{
    margin: 0 0 5% 0;
}
.CP_detail .CPmkol{
    width: 40%;
    float: left;
}
.CP_detail .CPmkor{
    width: 48.125%;
    float: right;
    margin: 0 4% 0 0;
    line-height: 2;
}
.CPmkol_list{
    width: 100%;
    margin: 0 0 5% 0;
}



.CPmkol_item{
    width: 100%;
    color: #333333;
    text-align: center;
    letter-spacing: 3px;
}


.CPmkor .CPmkor_title{
    /*font-size: 36px;*/
    color: #0d4d8b;
    margin: 0 0 3% 0;
    padding: 0 0 2% 0;
    line-height: 1.5;
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 5% 0;
}
.CPmkor .CPmkor_ys4s{
    color: #333333;
    float: left;
    width: 100%;
}
.CPmkor .CPmkor_intro{
    clear: both;
    color: #666666;
    width: 100%;
    margin: 3% 0 0;
    line-height: 1.6;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    background-color: #0d4d8b;
    display: inline-block;
    padding: 0.4% 5%;
    margin: 5% 2% 3%;
    letter-spacing: 2px;
    position: relative;
}
.CPmkor .CPmkor_zxzx.ico1:before{
    /*content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: -2px 0 0 0;
    background: url(../image/all-icon.png) 0 -650px;*/
}
.CPmkor .CPmkor_lxdh{
    color: #333333;
    line-height: 1.8;
}
.CPmkor .CPmkor_lxdh span{
    color: #0d4d8b;
    font-size: 30px;
    font-weight: bold;
}

.CP_content{
    position: relative;
}
.CPc_title{
    line-height: 2;
    text-align: center;
    padding: 0 0 3% 0;
}
.CPc_title .CPc_title_cn{
    color: #333333;
    font-size: 36px;
    position: relative;
    width: 100%;
    letter-spacing: 1px;
}
.CPc_title .CPc_title_cn:after{
    content: '';
    position: absolute;
    width: 22%;
    height: 1px;
    background-color: #333333;
    left: 39%;
    bottom: 0;

}
.CPc_title .CPc_title_cn:before{
    content: '';
    position: absolute;
    width: 4%;
    left: 48%;
    bottom: -1px;
    height: 3px;
    background-color: #0d4d8b;
    z-index: 2;
}
.CPc_title  .CPc_title_sz{
    color: #0d4d8b;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;
}
.CPc_title .CPc_title_en{
    color: #999999;
}

.CPc_all{
    width: 100%;
    overflow: hidden;
    padding: 0 0 5% 0;
    line-height: 2;
}
.CPc_all img{
    max-width: 100%;
}





.dropdown-menu{
    position: absolute;
    width: 120%;
    display: none;
    z-index: 999;
    border-radius: 1px;
    top: 100%;
    left: -30%;
    padding: 2%;
    border-top: 5px solid #0d4d8b;
    background-color: rgba(255,255,255,.8);
    overflow: hidden;
}
.dropdown-menu .yjxial{
    overflow: hidden;
}
.dropdown-menu .yjxial > li{
    float: left;
    width: calc(100%/7);
    color: #333333;
    text-align: center;
    padding: 0 1%;
    position: relative;
}
.dropdown-menu .yjxial.stico > li{
    text-align: left;
    padding-left: 2.5%;
    padding-top: .3%;
}
.dropdown-menu .yjxial > li:before{
    position: absolute;
    content: '';
    left: 0;
    width: 3px;
    height: 13px;
    background-color: #0f4885;
}
.dropdown-menu .yjxial.stico > li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 40px;
    height: 22px;
    background-color: transparent;
    /*background: url("../image/zlin_h.png") no-repeat center left ;*/
    /*background-size: 53%;*/
}
.dropdown-menu .yjxial.stico > li:nth-of-type(1):before{
    background: url("../image/zlin_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(2):before{
    background: url("../image/fenx_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(3):before{
    background: url("../image/wxiu_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(4):before{
    background: url("../image/jshe_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(5):before{
    background: url("../image/yyao_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(6):before{
    background: url("../image/hshou_l.png") no-repeat center left ;
    background-size: 53%;
}
.dropdown-menu .yjxial > li > a{
    display: block;
    margin-bottom: 10%;
}
.dropdown-menu .erjxial > li > a{
    display: block;
    line-height: 2;
    text-align: left;
    /*text-indent: 1em;*/
}

.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: #0d4d8b;
}

.honor_list{
    padding-bottom: 3%;
}
.staff{
    position: relative;
    margin: 0 0 7%;
}
.honors{
    margin: 0 0 7%;
}
.staff-box{
    width: 31%;
    float: left;
    margin-right: 1.5%;
}
.staff .slick-prev:after,.honors .slick-prev:after{
    position: absolute;
    content: '«';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    transition:all 0.3s;
    cursor: pointer;
}
.staff .slick-next:after,.honors .slick-next:after{
    position: absolute;
    content: '»';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    transition:all 0.3s;
    cursor: pointer;
}
.staff .slick-prev,.honors .slick-prev {
    left: 39%;
}
.staff .slick-next,.honors .slick-next {
    right: 39%;
}
.staff .slick-arrow,.honors .slick-arrow {
    position: absolute;
    bottom: -45px;
    width: 4%;
    text-align: center;
    z-index: 9;
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: #0f4885;
    font-size: 0;
}
.nyhonor{
    width: 31%;
    margin-right: 1.5%;
    /*margin-bottom: 3.5%;*/
    float: left;
}
/*.nyhonor:nth-child(3n){
    margin-right: 0px;
}*/
.nyhonor .img{
    width: 100%;
    /*height: 13.85vw;*/
}
.nyhonor .tit{
    text-align: center;
    line-height: 2.2;
    color: #333333;
}
.advantage{
    overflow: hidden;
}
.adv-bnr{
    position: relative;
    overflow: hidden;
}
.advantage .adv-lt{
    width: 75%;
    float: left;
}
.advantage .adv-rt{
    width: 25%;
    padding: 7% 6%;
    position: absolute;
    float: right;
    left: 75%;
    line-height: 1.5;
    background-color: #0f4885;
    height: 100%;
    color: white;
    font-weight: bold;
}
.advantage .adv-desc{
    padding: 2% 0;
    line-height: 2;
}

.adv-lc{
    overflow: hidden;
}
.adv-lc .advlc-cot{
    overflow: hidden;
}
.adv-lc .advlc-cot li{
    float: left;
    width: calc(100%/3);
    text-align: center;
    padding: 3% 10.3%;
}
.adv-lc .advlc-cot .adv_ico{

}
.adv-lc .advlc-cot .adv_tit{
    line-height: 2.5;
    font-weight: bold;
}
.involve{
    overflow: hidden;
    margin: 3% 0 0;
}
.involve li{
    float: left;
    width: calc(100%/6);
    text-align: center;
    display: inline-block;
    line-height: 2.3;
}
.involve .inv_img{
    padding: 0 38.5%;
}
.stock{
    margin: 5% 0 0;
}
.stock p{
    margin-bottom: 3%;
}

.wxwb-bnr{
    overflow: hidden;
    position: relative;
}
.wxwb-bnr .wxwb-lt{
    width: 25%;
    float: left;
    padding: 5% 5%;
    background-color: #0f4885;
    color: white;
    line-height: 1.5;
    height: 100%;
    position: absolute;
    left: 0;
}
.wxwb-bnr .wxwb-rt{
    width: 75%;
    float: right;
}
.wxwb-intro{
    overflow: hidden;
    margin: 2% 0;
    line-height: 2;
}
.wxwb-plate{
    overflow: hidden;
    position: relative;
    display: flex;
}
.wxwb-plate .plate-lt{
    left: 0;
    width: 30%;
    height: 100%;
    display: flex;
}
.pat-box1{
    position: absolute;
    top: 8%;
    left: 16%;
    width: 16%;
    height: 25%;
}
.pat-box2{
    position: absolute;
    top: 38.5%;
    left: 0%;
    width: 24%;
    height: 25%;
}
.pat-box3{
    position: absolute;
    top: 70%;
    left: 13%;
    width: 19%;
    height: 25%;
}
.pat-box4{
    position: absolute;
    top: 8%;
    right: 13%;
    width: 18%;
    height: 25%;
}
.pat-box5{
    position: absolute;
    top: 38.5%;
    right: 0%;
    width: 23%;
    height: 25%;
}
.pat-box6{
    position: absolute;
    top: 69%;
    right: 12%;
    width: 19%;
    height: 25%;
}
.wxwb-plate .plate-cet{
    left: 30%;
    width: 50%;
    height: 100%;
    display: flex;
}
.wxwb-plate .plate-rt{
    right: 0;
    width: 30%;
    display: flex;
    height: 100%;
}
.wxwb-plate .pat_tit{
    line-height: 1.8;
    letter-spacing: 1px;
}
.wxwb-plate .pat_desc{
    line-height: 1.8;
    letter-spacing: 1px;
}
.wxwb-fwcot{
    overflow: hidden;
    margin: 5% 0 0;
}
.wxwb-fwcot .wxwbfw-title{
    line-height: 2.5;
    background-color: #0d4d8b;
    color: white;
    text-indent: 1em;
}
.wxwb-fwcot .fwcot-wrap{
    /*overflow: hidden;*/
    margin: 2.5% 0.3%;
}
.fwcot-wrap li{
    float: left;
    display: inline-block;
    width: calc(100%/4 - 1.5%);
    text-align: center;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 2% 0;
    background-color: white;
    transition: all .5s;
}
.fwcot-wrap li:nth-of-type(4n){
    margin-right: 0;
}
.fwcot-wrap .fw_tit{
    line-height: 3;
}
.fwcot-wrap .fw_img {
    padding: 0 30%;
    height: 9vw;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
.fwcot-wrap .fw_img img{
    display: block;
    width: 100%;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
.fwcot-wrap li:hover{
    box-shadow: 0 0 3px 3px #0d4d8b;
}
.fwcot-wrap li:hover img{
    transform: scale(1.1);
}
.labory-bnr{
    overflow: hidden;
    position: relative;
    height: 25vw;
}
.labory-bnr .labory-lt{
    float: left;
    width: 60%;
}
.labory-bnr .labory-rt{
    position: absolute;
    float: right;
    left: 60%;
    height: 100%;
    width: 40%;
    color: white;
    background-color: #4F75A0;
    padding: 4% 5%;
}
.labory-bnr .labory-rt .labory-en{
    text-transform: uppercase;
    line-height: 1.5;
}
.labory-bnr .labory-rt .labory-zh{
    line-height: 2;
}
.labory-bnr .labory-rt .labory-intro{
    margin: 5% 0 0;
    line-height: 1.8;
    text-align: justify;
}

.labory-cot{
    overflow: hidden;
    margin: 5% 0 0;
}
.bg_main{ background:#4F75A0;}
.w-simgtext2 li{ float: left; width: 20%; *width:19.99%; /*min-width: 200px;*/margin: 0 0 5%; transition: all .5s}
.w-simgtext2 li .item{position:relative; width: 11vw;  height: 11vw; margin: 0 auto; text-align: center;}
.w-simgtext2 li .s_img{max-width: 3.5vw; max-height: 3.5vw; margin:0 auto; overflow: hidden;}
.w-simgtext2 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .line{ height: 1px; margin: 8% auto;}
.w-simgtext2 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.w-simgtext2 li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 50%; -webkit-border-radius: 50%;border:1px solid #4F75A0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt1 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt1 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt1 h3{ line-height: 1.5; color:#333; }
.w-simgtext2 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.w-simgtext2 li .sigt2 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;opacity:0;border-radius: 50%; -webkit-border-radius: 50%; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt2 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 h3{  line-height: 1.5;color:#fff; }
.w-simgtext2 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-simgtext2 li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.w-simgtext2 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);}
.w-simgtext2 li a:hover .sigt2 .line{ width: 40%; }
.w-simgtext2 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-simgtext2 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

/* 投资合作 */
.cooper-bnr{
    overflow: hidden;
    background: url("../image/img_38.png") no-repeat center;
    background-size: cover;
    height: 30vw;
}
.cooper-bnr .cbnr-txt{
    width: 45%;
    height: 17vw;
    text-align: center;
    display: table;
    margin: 6.5vw auto;
    padding: 3% 0;
    background-color: rgba(255,255,255,.8);
}

.cooper-bnr .cbnr-txt .cpn-img{
    padding: 0 44.3%;
}

.cooper-bnr .cbnr-txt .cpn-zh{
    font-weight: bold;
    color: #0d4d8b;
    line-height: 2;
}
.cooper-bnr .cbnr-txt .cpn-en{
    text-transform: uppercase;
    font-weight: bold;
    color: #0d4d8b;
}
.cooper-bnr .cbnr-txt .cpn-intro{
    margin: 6% 0 0;
    letter-spacing: 1px;
}

.cpn-modules{
    overflow: hidden;
    margin: 3% 0 0;
    padding: .5%;
    position: relative;
}
.cpn-modules .cpn-mod{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow: 0 0 8px 1px #fff;
    background-color: #fff;
    text-align: center;
    padding: 5% 0;
    transition: all .5s;
}
.cpn-modules .cpn-mod:nth-of-type(2n){
    margin-right: 0;
}
.cpn-modules .cpn-mod .mod-img{

}
.cpn-modules .cpn-mod .mod-tit{
    margin: 5% 0 0;
    letter-spacing: 2px;
}
.cpn-modules .cpn-mod:hover{
    background-color: #0d4d8b;
    box-shadow: 3px 0 6px 3px #0f4885;
    color: white;
}
.cpn-modules .cpn-mod:hover .mod-img img{
    filter: brightness(10);
}
.cpn-modules .mod-posa{
    position: absolute;
    left: 43.7%;
    top: 31.5%;
    width: 10vw;
    height: 10vw;
    background-color: #0d4d8b;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 1.3;
}
.cpn-modules .mod-posa span{
    width: 5vw;
    height: 5vw;
    position: absolute;
    display: flex;
    left: 26%;
    top: 24%;
    letter-spacing: .3vw;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.order_detail{
    margin: 2% 0;
    text-align: center;
}
.order_detail .pro-cot{

}
.order_detail .pro-cot .warning-tit{
    line-height: 3;
    background-color: #0f4885;
    color: white;
}
.order_detail .prodtbox{
    overflow: hidden;
    background-color: white;
    line-height: 2.5;
}
.order_detail .prodtbox .protit{
    float: left;
    width: 30%;
    border: 1px solid #0f4885;
}
.order_detail .prodtbox .proname{
    float: left;
    width: 70%;
    border: 1px solid #0f4885;
    border-left: none;
}
.order_detail .prodtbox .proname:last-of-type,.order_detail .prodtbox .protit:nth-of-type(4){
    border-top: none;
}


 .form-box{
    overflow: hidden;
     padding: .3%;
}
 .form-box .frm_div{
     position: relative;
     margin: 0 0 3%;
 }
 .form-box .frm_lt{
     width: 65%;
     float: left;
 }
.form-box .frm_lt li{
    float: left;
    width: calc((100% - 2%)/2);
    display: inline-block;
    margin: 0 2% 2% 0;
}
.form-box .frm_lt li:nth-child(2n){
    margin-right: 0;
}
.form-box .frm_lt li:nth-child(n+5){
    margin-bottom: 0;
}
.form-box .frm_lt input{
    border: 1px solid #AAAAAA;
    line-height: 3.2;
    width: 100%;
    text-indent: 1em;
    border-radius: 10px;
    background-color: white;
}
 .form-box .frm_rt{
     width: 33%;
     float: right;
     position: absolute;
     left: 67%;
     height: 100%;
 }
.form-box .frm_rt textarea{
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 2%;
    background-color: white;
}
.form-box .frm_rt textarea:focus,.form-box .frm_lt input:focus{
    border-color: #0d4d8b;
    box-shadow: 0 0 3px 1px #0d4d8b;
}
 .form-box .ipt-div{
    width: 48%;
    float: left;
    margin: 0 4% 2% 0;
    background-color: #eeeeee;
    color: #555555;
     height: 3.5vw;
     line-height: 3.4vw;
    transition: all .5s;
}
 .form-box .ipt-div:nth-of-type(2n){
    margin-right: 0;
}
 .form-box .ipt-div label{
    width: 20%;
    text-align: center;
}
 .form-box .ipt-div .ipt-txt{
     height: 3vw;
     line-height: 3vw;
     width: 79%;
     text-indent: 1em;
     background-color: white;
}
 .form-box .ipt-div.area{
    width: 100%;
    height: 10.4vw;
     margin-right: 0;
     display: flex;
     align-items: center;
}
.form-box .ipt-div.area label{
    width: 9.9%;
}
 .form-box .ipt-div .tarea-txt{
    height: 10vw;
    margin: 3px 0;
    width: 89.91%;
     background-color: white;
     border: none;
     text-indent: 1em;
}
 .form-box .ipt-div:hover{
    /*background-color: #0d4d8b;*/
    color: white;
}
 .form-box .sub-btn{
    overflow: hidden;
     text-align: center;
}
.form-box .sub-btn .yzm{
    border: 1px solid #AAAAAA;
    line-height: 3.2vw;
    height: 3.2vw;
    /*border-radius: 10px;*/
    background-color: white;
    text-indent: 1em;
}
.form-box .ymzsz{
    /*background-color: white;*/
    /*width: 5vw;*/
    /*height: 3.2vw;*/
    margin-bottom: -.6vw;
}
 .form-box .sub-btn .tj-btn{
    background-color: #0d4d8b;
    color: white;
    width: 12%;
     height: 3.2vw;
     line-height: 3.2vw;
    margin-right: 3%;
    display: inline-block;
    cursor: pointer;
     border: none;
}
 .form-box .sub-btn .cz-btn{
    width: 12%;
     height: 3.2vw;
     line-height: 3.2vw;
    background-color: #c9c9c9;
    cursor: pointer;
     border: none;
}
 .msg_title{
     text-align: center;
     line-height: 2;
     margin: 0 0 3%;
 }
.msg_title p:nth-child(1){
    color: #0d4d8b;
    margin-bottom: 1%;
}

 
.alys-cot{
    overflow: hidden;
    position: relative;
}
.alys-cot .alys-lt{
    width:60%;
    float: left;
}
.alys-cot .alys-rt{
    width:40%;
    float: right;
    position: absolute;
    left: 60%;
    height: 100%;
    padding: 5% 3% 3%;
    background-color: white;
}
.alys-rt .alys-en{
    text-transform: uppercase;
}
.alys-rt .alys-zh{
    line-height: 3;
    font-weight: bold;
}
.alys-rt .alys-intro{
    line-height: 1.8;
    text-align: justify;
}
.alys-list{
    overflow: hidden;
    position: relative;
    padding: 5% 0 0;
}
.alys-list ul li{
    float: left;
    width: calc(100%/5 - 2.4%);
    display: inline-block;
    border-radius: 50%;
    margin: 0 3% 3% 0;
    position: relative;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}
.alys-list ul li:nth-of-type(5n){
    margin-right: 0;
}
.alys-list ul li .alys-ico{
    width: 8vw;
    height: 8vw;
    left: 0;
    top: 0;
    margin: 0 auto;
    padding: 10%;
    background-color: white;
    /*background: white url("../image/alys1.png") no-repeat center;*/
    border-radius: 50%;
    box-shadow: 0 0 10px 2px #ddd;
    z-index: 1;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

.alys-list ul li a{
    display: block;
    height: 100%;
    width: 100%;
}
.alys-list ul li p{
    width: 100%;
    margin: 10% 0 0;
    height: 3vw;
    line-height: 1.5vw;
    text-align: center;
}
.alys-list ul li p span{
    display: block;
}

.alys-list ul li:hover .alys-ico{
    background: #0f4885;
    box-shadow: 0 0 10px 2px #0f4885;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.alys-list ul li:hover .alys-ico img{
    filter: brightness(10);
}
.newscot-tab .slick-dots{
    float: right;
    overflow: hidden;
    zoom: 1;
    margin: 2% 0 0;
}
.newscot-tab .slick-dots li{
    position:relative;
    _display:inline;
    float:left;
    width:10px;
    height:10px;
    overflow:hidden;
    background:#ccc;
    margin-right:10px;
    text-indent:-999px;
    cursor:pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: unset;
}
.newscot-tab .slick-dots li button{
    font-size: 0;
    border: none;
}
.newscot-tab .slick-dots li.slick-active{
    background-color: #0f4885;
}

/*.nslist .hd ul{
    float: right;
    overflow: hidden;
    zoom: 1;
    margin: 2% 0 0;
}
.nslist .hd  li{
    position:relative;
    _display:inline;
    float:left;
    width:10px;
    height:10px;
    overflow:hidden;
    background:#ccc;
    margin-right:10px;
    text-indent:-999px;
    cursor:pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.nslist .hd  li.on{
    background-color: #0f4885;
}*/
.job_list{
    border-top: 1px solid #cccccc;
    padding: 0 0 3% 0;
}
.job_list .dl{
    width: 100%;
    position: relative;
}
.job_list .dl dd{
    position: relative;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    padding: 0 3% 0 5%;
    border-bottom: 1px solid #cccccc;
}
.job_list .dl dd span{
    /*font-size: 28px;*/
}
.job_list .dl dd span:before {
    content: "";
    display: block;
    position: absolute;
    left: 3%;
    top: 35%;
    width: 5px;
    height: 30px;
    background: #0f4885;
}
.job_list .dl dd small{
    position: absolute;
    right: 3%;
    top: 0;
    overflow: hidden;
    display: block;
    color: #666666;
}

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

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

.zulin_top{

}
.zulin_top .zlin-dec{
    margin: 2% 0;
    line-height: 2;
}
.zulin_top .zlin_adv{
    margin: 0 0 3%;
}
.zulin_top .zlin_adv .adv-tit{
    text-align: center;
    margin: 2% 0;
}
.zulin_top .zlin_adv .adv-tit span{
    display: inline-block;
    background-color: #0d4d8b;
    color: white;
    padding: 1% 6%;
    border-radius: 10px;
}
.zulin_top .zlin_adv .adv-step{

}
.sale_adv{
    padding: 2%;
    background-color: #E6E7E9;
}
.sale_adv .sadv-lt{
    width: 60%;
    float: left;
}
.sale_adv .sadv-lt .sp1{
    margin:1.8% 0;
    color: #0d4d8b;
}
.sale_adv .sadv-lt .sp1:nth-child(1){
    margin-top: 0;
}

.sale_adv .sadv-rt{
    width: 35%;
    float: right;
}

.zulin_top .zlin_adv .adv-step li{
    float: left;
    width: 50%;
    line-height: 2.3;
    padding-left: 10%;
    position: relative;
}
.zulin_top .zlin_adv .adv-step li span{
    background-color: #0d4d8b;
    display: inline-block;
    color: white;
    width: 1.6vw;
    height: 1.6vw;
    text-align: center;
    line-height: 1.6vw;
    border-radius: 50%;
    margin-right: 2%;
}
.zulin_top .zlin_adv .adv-step li:nth-child(1){

}


.servercePart {
    margin: 0 auto 0;
}
.servercePart ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.servercePart li {
    width: calc((100% - 3%)/4);
    height: 18vw;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    overflow: hidden;
    text-align: center;
    perspective: 800px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.servercePart li:nth-child(4n){
    margin-right: 0;
}
.servercePart li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.servercePart li div {
    width: 100%;
    height: 100%;
    display: none;
    background: url(../image/servercePartdivbg.png) no-repeat center -3px;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.servercePart li div p {
    width: calca(95%);
    margin: 8% 5%;
    /*font-size: 16px;*/
    line-height: 2;
    color: #fff;
}
.servercePart li:hover .servercePartImg {
    transform: rotateX(80deg);
    transform-origin: center bottom 0;
    transition: 0.4s;
}
.servercePart li:hover .servercePartDiv {
    transition: 0.4s;
    display: block;
}



.index_ywjs_ul {
    width:100%;
    height:auto;
    margin-top:2%;
    display:flex;
    justify-content:space-between;
}
.index_ywjs_ul li {
    width:30%;
    height:auto;
    background-color: white;
    box-shadow:4px 2px 9px 1px rgba(54, 55, 56, 0.11)
}
.index_ywjs_ul_top {
    width:100%;
    height:143px;
    background:url(../image/index_yw_bg.png) no-repeat center center;
    background-size:100% 143px;
    align-items:center;
    text-align:center;
    display:flex;
    justify-content:center;
    flex-direction:column
}
.index_ywjs_ul li:hover .index_ywjs_ul_top {
    background:url(../image/index_yw_bgs.png) no-repeat center center;
    background-size:100% 143px;
}
.index_ywjs_ul_top h2 {
    display:block;
    width:100%;
    height:auto;
    /*font-size:28px;*/
    color:#df5e48
}
.index_ywjs_ul_top h3 {
    /*font-size:28px;*/
    color:#333;
    margin-top:10px
}
.index_ywjs_ul_top span {
    display:block;
    width:30px;
    height:2px;
    background:#df5e48;
    margin-top:20px
}
.index_ywjs_ul_center {
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden
}
.index_ywjs_ul_center_img {
    width:100%;
    height:auto
}
.index_ywjs_ul_center_img img {
    width:100%;
    height:auto;
    display:block
}
.index_ywjs_ul_center_div {
    width:100%;
    height:100%;
    position:absolute;
    top:100%;
    left:0;
    background:rgba(0, 0, 0, 0.5);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    transition:all .6s
}
.index_ywjs_ul li:hover .index_ywjs_ul_center_div {
    top:0
}
.index_ywjs_ul_center_div p {
    display:flex;
    align-items:center;
    font-size:18px;
    color:#fff;
    width:192px;
    margin-top:15px
}
.index_ywjs_ul_center_div p:nth-of-type(1) {
    margin-top:0
}
.index_ywjs_ul_center_div p img {
    display:block;
    width:20px;
    margin-right:10px;
    height:auto;
    margin-right:10px
}
.fxyw_ywjs_ul_center_img {
    width:100%;
    height:auto;
    margin:0 auto;
    margin-top:12%;
    text-align: center;
}
.fxyw_ywjs_ul_center_img img{
    margin: 0 auto;
}
.fxyw_ywjs_ul_bottom {
    width:45%;
    line-height: 2.5;
    background-color:#ed9200;
    color:#fff;
    display:inline-block;
    transform: translateX(60%);
    border-radius:10px;
    cursor:pointer;
    text-align:center;
    margin:30px auto;
    opacity:0;
    transition:all .6s
}
.index_ywjs_ul li:hover .fxyw_ywjs_ul_bottom {
    background:#e35514;
    transition:background .2s linear;
    box-shadow:0 0 10px #e35514;
    opacity:1
}
.index_ywjs_ul_bottom {
    width:256px;
    height:48px;
    background-color:#ed9200;
    color:#fff;
    display:block;
    border-radius:10px;
    font-size:16px;
    cursor:pointer;
    text-align:center;
    margin:30px auto;
    line-height:48px
}
.index_ywjs_ul li:hover .index_ywjs_ul_bottom {
    background:#e35514;
    transition:background .2s linear;
    box-shadow:0 0 10px #e35514
}
.index_ywjs_ul_top.two h2 {
    color:#6b3e9f
}
.index_ywjs_ul_top.two span {
    background:#6b3e9f
}
.index_ywjs_ul_top.three h2 {
    color:#1daf8b
}
.index_ywjs_ul_top.three span {
    background:#1daf8b
}

.fxyw_ywjs_ul_center_div {
    width:100%;
    height:auto;
    margin:0 auto;
    text-align: center;
    display:none
}
.fxyw_ywjs_ul_center_div p {
    color:#666;
    line-height:2;
}
/*.fxyw_ys_ul li:nth-of-type(1) .fxyw_ywjs_ul_center_div {
    width:232px
}
.fxyw_ys_ul li:nth-of-type(2) .fxyw_ywjs_ul_center_div {
    width:196px
}
.fxyw_ys_ul li:nth-of-type(3) .fxyw_ywjs_ul_center_div {
    width:196px
}*/
.fxyw_ys_ul li:hover .fxyw_ywjs_ul_center_img img {
    display:none
}
.fxyw_ys_ul li:hover .fxyw_ywjs_ul_center_div {
    display:block
}

.chain-cot{
    margin: 3% 0;
}
.fxyw_this_server_ul {
    width:100%;
    height:auto;
    margin-top:34px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.fxyw_this_server_ul li {
    width:32%;
    /*height:16vw;*/
    margin-bottom: 1.8%;
    box-shadow:0 0 5px 1px rgba(20, 36, 70, 0.34);
    position:relative
}
.fxyw_this_server_ul li h2 {
    /*font-size:24px;*/
    color:#5b5b5c;
    text-align:center;
    margin-top:40px
}
.fxyw_this_server_ul li p {
    display:block;
    width:100%;
    padding: 0 10%;
    height:auto;
    margin:0 auto;
    margin-top:6%;
    margin-bottom: 30%;
    line-height:2;
    color:#5b5b5c;
    text-align:justify
}
.fxyw_this_server_ul li span {
    display:inline-block;
    width:36%;
    transform: translateX(90%);
    line-height:2.5;
    background:#d1c0a5;
    border-radius:10px;
    color:#fff;
    position:absolute;
    /*left:50%;*/
    /*margin-left:-83px;*/
    margin: 5% 0 0;
    bottom:27px;
    text-align:center
}
.fxyw_this_server_ul li:hover {
    background:#0d4d8b;
}
.fxyw_this_server_ul li:hover h2 {
    color:#fff
}
.fxyw_this_server_ul li:hover p {
    color:#fff
}
.fxyw_this_server_ul li:hover span {
    background:#f8b551;
    color:#4d4e4e
}



.floating{
    position: fixed;
    right: 2%;
    bottom: 10%;
    width: 50px;
    z-index: 999;
}
.floating li {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 10px;
}

.floating li>a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #0d4d8b;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    transition: .15s linear;
    -moz-transition: .15s linear;
    -webkit-transition: .15s linear;
    position: relative;
    z-index: 2;
    background-size: 80%!important;
}

.floating li .floating_tel{
    background-image: url(../image/floating1.png);
}
.floating li .floating_qq{
    background-image: url(../image/floating2.png);
}
.floating li .floating_wx{
    background-image: url(../image/floating3.png);
}
.floating li .floating_top{
    background-image: url(../image/floating4.png);
}

.floating li span {
    background: #0d4d8b;
    color: #fff;
    font-size: 15px;
    text-align: left;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 50px;
    top: 0;
    transition: .1s linear;
    -moz-transition: .1s linear;
    -webkit-transition: .1s linear;
}
.sbwya{
    font-size: 12px;
    margin: 0 5%;
}
.floating li:hover span {
    width:250px;
    padding-left:30px;
    z-index:1;
}
.floating li:nth-of-type(1):hover span{
    width:200px;
    padding-left:30px;
}
.floating li:nth-of-type(3):hover span{
    width: 280px;
    z-index: 1;
    right: 50px;
    height: auto;
    padding: 25px 5px 5px 30px;
}
.floating li:nth-of-type(3) span img{
    width: 80%;
}
.emwfd{
    float: left;
    width: 50%;
    font-size: 12px;
    text-align: left;
}
.emwfd img{
    width: 100%;
}

.rentsale_bnr{
    margin: 0 0 3%;
}

.rentsale-cot{

}
.rentsale-cot .rentsale-box{
    width: calc((100% - 4%)/3);
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow: 0 0 5px 1px #AAAAAA;
    position: relative;
    overflow: hidden;
    padding-bottom: 4.5%;
}
.rentsale-cot .rentsale-box:nth-child(3n){
    margin-right: 0;
}
.rentsale-cot .rentsale-box .rts-img{
    overflow: hidden;
    position: relative;
}
.rentsale-cot .rentsale-box .rts-tit{
    text-align: center;
    line-height: 4;
}
.rentsale-cot .rentsale-box .rts-cot{
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: white;
    border-top: 5px solid #0d4d8b;
    overflow: hidden;
    transform: translateY(-39%);
    transition: .4s transform ease;
}
.rentsale-cot .rentsale-box .rts-cot .rts-desc{
    line-height: 2;
    padding: 0 5%;
}
.rentsale-cot .rentsale-box .rts-cot .rts-more{
    margin: 3% 5%;
    color: #0d4d8b;
}
.rentsale-cot .rentsale-box:hover .rts-cot{
    transform: translateY(-100%);
}
.recruit_list{

}
.recruit_list .recruit_box{
    width: 100%;
    float: left;
    /*display: flex;*/
    margin-bottom: 2%;
    line-height: 2.5;
    padding: 0 2%;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}
.recruit_list .recruit_box:hover{
    box-shadow: 0 0 4px 2px rgba(13, 77, 139);
}
.recruit_list .recruit_box .rec_tit{
    float: left;
    width: 80%;
}
.recruit_list .recruit_box .rec_time{
    float: right;
    width: 20%;
    text-align: right;
    color: #999;
}