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

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

/*xlt-k*/
/*::-webkit-scrollbar*/
/*{*/
    /*width: 8px;*/
    /*height: 8px;*/
/*}*/

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

/*::-webkit-scrollbar-thumb*/
/*{*/
    /*background-color: #003f98;*/
/*}*/
/*xlt-g*/
/*----------------------*/

.pub_banner{
    display: block;
    min-height: 200px;
}
.mi_pub_banner{
    display: none;
    margin-top: 18vw;
}
.fs30{
    font-size: 30px;
}
.fs24{
    font-size: 24px;
}
.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}




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

.head_top{
    background-color: #eeeeee;
    padding: 0.5% 0;
    line-height: 2;
    letter-spacing: 1px;
}
.head_top .dnrl{
    color: #333333;
    float: left;
}
.head_top .dnrr{
    color: #333333;
}
.head_top .dnrr .dnrsc{
    background: url(../image/headsc.png)no-repeat left;
    display: inline-block;
    background-size: 29%;
    padding-left: 2.5%;
    float: right;
    margin: 0 2% 0 0;
    cursor: pointer;
}
.head_top .dnrr .dnrdt{
    background: url(../image/headdt.png)no-repeat left;
    display: inline-block;
    background-size: 29%;
    padding-left: 2.5%;
    float: right;
}

.head {
    width: 100%;
    transition: all 0.5s;
    background-color:#ffffff;
    top: 5px;
}
.head_logo{
    float: left;
    width: 13.125%;
}
.head_wz{
    color: #333333;
    font-size: 36px;
    float: left;
    line-height: 2.8vw;
    border-left: 1px solid #003f98;
    position: absolute;
    left: 15%;
    height: 80%;
    top: 10%;
    padding: 0 0 0 2%;
    text-align: center;
    letter-spacing: 1px;
}
.head_wz .wz30{
    font-size: 30px;
}
.head_wz .wzhs{
    color: #e60012;
    font-weight: bold;
}
.head_lxdh{
    color: #003f98;
    line-height: 1.4;
    padding: 2.5% 0 0 0;
}
.head_lxdh .hlda{
    float: right;
    background: url(../image/headrx.png)no-repeat left;
    padding-left: 4%;
    background-size: 2.35vw;
    margin: 0 4% 0 0;
}
.head_lxdh .hldb{
    background: url(../image/headdh.png)no-repeat left;
    float: right;
    padding-left: 4%;
    background-size: 2.35vw;
}
.head_lxdh span{
    font-weight: bold;
}
.head_menu{
    width: 100%;
    background-color: #003F98;
}
.head_menu .CAli{
    display: inline-block;
    transition: all 0.2s;
    margin: 0;
    width: 9%;
    text-align: center;
    float: left;
    cursor: pointer;
    position: relative;
}
.head_menu .CAli .CAa{
    padding: 25% 0;
    color: #ffffff;
    display: block;
    transition: all 0.2s;
}
.head_menu .CAli span{
    position: relative;
    display: inline-block;
    width: auto;
}
.head_menu .CAli:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 0;
    bottom: 0;
    left: 25%;
    background-color: #ffffff;
    transition: all 0.2s;
}
.head_menu .CAli.on:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 3px;
    bottom: 0;
    left: 25%;
    background-color: #ffffff;
}
.head_menu .CAli:hover:before{
    height: 3px;
}
.head_menu .CAli:hover:before{
    /*height: 3px;*/
}
.head_menu .on{

}
.head_menu .CAli.on:hover .CAa{
    color: #ffffff;
}


.mi_head_all{
    display: none;
}
.mi_head{
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 18vw;
}

.mi_head .logo {
    width: 28.7475%;
    float: left;
    margin: 0 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: #003f98;
    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: #003f98;
}

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



.about_banner{
    height: 60vh;
}


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

.foot_list{
    width: 22%;
    float: left;
    padding-left: 3%;
    position: relative;
}
.foot_list.fly{
    width: 20%;
    padding: 0 0 0 4%;
}
.foot_list.fle{
    width: 16%;
    padding: 0 0 0 4%;
}
.foot_list:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 7vw;
    right: 0;
    top: 20%;
    background-color: #FFFFFF;
}
.foot_list:last-child{
    width: 13%;
}
.foot_list:last-child:after{
    display: none;
}

.foot_list .foot_title{
    color: #eeeeee;
    margin-bottom: 15%;
    padding-top: 2%;
    letter-spacing: 1px;
    position: relative;
}
.foot_list.fle .foot_title{
    margin-bottom: 25.5%;
    padding-top: 3.4%;
}
.foot_list.fle .foot_title:after{
    width: 34%;
}
.foot_list.fly .foot_title{
    margin-bottom: 18.215%;
    padding-top: 2.43%;
}
.foot_list.fly .foot_title:after{
    width: 24.285%;
}
.foot_list .foot_title:after{
    content: '';
    position: absolute;
    width: 20%;
    height: 3px;
    background-color: #003f98;
    left: 0;
    bottom: -100%;
}

.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: 35%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 90%;
}
.foot_rwm{
    padding: 10% 0 0;
}
.foot_rwm .foot_ewm_nr{
    width: 80%;
    float: right;
    text-align: center;
    color: #ffffff;
    line-height: 3;
}


.copyright{
    background-color: #003f98;
    color: #cccccc;
    text-align: center;
    z-index: 99;
    position: relative;
    padding: 0.5% 0;
}
.copyright_all{
    position: relative;
    padding: 1% 0;
}




.bottom-fix{
    background-color: #003f98;
    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_keyword{
    position: absolute;
    top: -2.5vw;
    width: 100%;
    line-height: 2;
}
.bryx{
    border-radius: 5px;
    overflow: hidden;
}
.sy_keyword .rkl{
    background-color: #ffffff;
    width: 50%;
    position: relative;
    padding: 2.25% 5%;
}
.sy_keyword .rkr{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    background-color: #003f98;
    padding: 2.25% 5%;
}
.sy_keyword .rkl .dnr1{
    margin: 0 0 1% 0;
}
.sy_keyword .rkl .dnr2{
    color: #999999;
}
.sy_keyword .rkl .dnr2 span{
    margin: 0 5% 0 0;
}
.sy_keyword .rkr .dnr1{
    color: #ffffff;
    margin: 0 0 1% 0;
    letter-spacing: 1px;
}
.sy_keyword .rkr .dnr2{
    letter-spacing: 1px;
}
.sy_keyword .rkr .dnr2 .srk{
    background-color: #809fcc;
    width: 60%;
    border: 0;
    height: 40px;
    padding: 0 5%;
    float: left;
    color: #ffffff;
}
.sy_keyword .rkr .dnr2 .srk::-webkit-input-placeholder{
    color:#ffffff;
}
.sy_keyword .rkr .dnr2 .ann{
    border: 0;
    color: #ffffff;
    height: 40px;
    float: left;
    padding: 0 5% 0 9%;
    background: url(../image/syss.png) no-repeat 20%;
    background-size: 16%;
    background-color: #e60012;
    margin: 0 0 0 3%;
}


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


.public_title{
    line-height: 2;
    padding: 2% 0;
}
.public_title .dten{
    font-size: 36px;
    color: #dbdbdb;
    font-weight: bold;
    text-transform: uppercase;
}
.public_title .dttb{
    background: url(../image/ptlogo.png) no-repeat center;
    padding: 2%;
    background-size: 3.95%;
    width: 50%;
    margin: 0 25%;
}
.public_title .dtcn{
    font-size: 30px;
    letter-spacing: 2px;
    color: #333333;
}



.symka .syys5{

}
.symka .syys5 .dzx{
    width: 30%;
    padding: 22% 0 3% 0;
}
.symka .syys5 .dzx:hover img{
    /*transform: scale(1.01);*/
}
.symka .syys5 .dzx{
    margin: 0 auto;
    text-align: center;
}

.dysnr{
    width: 32.75%;
    position: absolute;
    text-align: center;
    line-height: 1.8;
    color: #555555;
}
.dysnr .dnrimg{
    padding: 16.2225%;
    background-size: 32.85%!important;
    transition: all 1s;
}
.dysnr .dnr1{
    width: 100%;
    margin: 3% 0 1%;
    transition: all 0.5s;
}
.dysnr .dnr2{

}
.dysnr:nth-of-type(1){
    left: 34.85%;
    bottom: 48%;
}
.dysnr:nth-of-type(2){
    left: 1%;
    bottom: 38%;
}
.dysnr:nth-of-type(3){
    right: 1%;
    bottom: 38%;
}
.dysnr:nth-of-type(4){
    left: 1%;
    bottom: 4%;
}
.dysnr:nth-of-type(5){
    right: 1%;
    bottom: 4%;
}
.dysnr:nth-of-type(4) .dnr2,.dysnr:nth-of-type(5) .dnr2{
    padding: 0 11%;
}
.dysall .dysnr:nth-of-type(1) .dnrimg{
    background: url(../image/symko1.png) no-repeat center;
    transition: all 1s;
}
.dysall .dysnr:nth-of-type(2) .dnrimg{
    background: url(../image/symko2.png) no-repeat center;
    transition: all 1s;
}
.dysall .dysnr:nth-of-type(3) .dnrimg{
    background: url(../image/symko3.png) no-repeat center;
    transition: all 1s;
}
.dysall .dysnr:nth-of-type(4) .dnrimg{
    background: url(../image/symko4.png) no-repeat center;
    transition: all 1s;
}
.dysall .dysnr:nth-of-type(5) .dnrimg{
    background: url(../image/symko5.png) no-repeat center;
    transition: all 1s;
}
.dysall .dysnr:hover .dnrimg{
    transform: translate3d(0, -5px, 0);
}
.dysall .dysnr:nth-of-type(1):hover .dnrimg{
    background: url(../image/symko1s.png) no-repeat center;
    /*transform: rotate3d(1, 1, 1, 360deg);*/
}
.dysall .dysnr:nth-of-type(2):hover .dnrimg{
    background: url(../image/symko2s.png) no-repeat center;
    /*transform: rotate3d(1, 1, 1, 360deg);*/
}
.dysall .dysnr:nth-of-type(3):hover .dnrimg{
    background: url(../image/symko3s.png) no-repeat center;
    /*transform: rotate3d(1, 1, 1, 360deg);*/
}
.dysall .dysnr:nth-of-type(4):hover .dnrimg{
    background: url(../image/symko4s.png) no-repeat center;
    /*transform: rotate3d(1, 1, 1, 360deg);*/
}
.dysall .dysnr:nth-of-type(5):hover .dnrimg{
    background: url(../image/symko5s.png) no-repeat center;
    /*transform: rotate3d(1, 1, 1, 360deg);*/
}
.dysall .dysnr:hover .dnr1{
    /*margin: 2% 0 2%;*/
}


.symkb{
    background: url(../image/sybd.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 1.425% 0;
    line-height: 2;
}
.symkb .sybda{
    width: 35%;
    color: #ffffff;
    float: left;
    padding: 2% 0 0 0;
}
.symkb .sybdb{
    background: url(../image/sybdline.png) no-repeat left;
    width: 40%;
    float: left;
    color: #ffffff;
    padding: 0 0 0 4%;
}
.symkb .sybdc{
    float: right;
    color: #ffffff;
    text-align: right;
    letter-spacing: 1px;
    padding: 2% 8% 0 0;
}

.symkb .sybda .dnr1{
    font-size: 28px;
}
.symkb .sybda .dnr2{
    font-size: 22px;
}
.symkb .sybdb .dnrbd{
    margin: 3% 0;
}
.symkb .sybdb .dnrbd .srk1{
    background-color: #ffffff;
    border: 0;
    padding: 2% 5%;
    float: left;
    height: 50px;
    width: 30%;
    margin: 0 3% 0 0;
}
.symkb .sybdb .dnrbd .srk2{
    background-color: #ffffff;
    border: 0;
    padding: 2% 5%;
    float: left;
    height: 50px;
    width: 40%;
    margin: 0 3% 0 0;
}
.symkb .sybdb .dnrbd .ann1{
    background-color: #342c2a;
    border: 0;
    float: left;
    height: 50px;
    width: 20%;
    color: #ffffff;
}
.symkb .sybdc .dnr1{
    font-weight: bold;
    background: url(../image/sybddh.png) no-repeat 12%;
    background-size: 17%;
    padding: 0 0 3% 0;
}
.symkb .sybdc .dnr2{
    font-size: 28px;
}



.symkc{
    padding: 2% 0 3% 0;
}
.syCpall{
    padding: 1% 0 0 0;
}
.syCpall .syCpl{
    width: 21.25%;
    float: left;
}
.syCpall .syCpr{
    width: 75%;
    float: right;
}
.syCpall .syCpl .syCplt{
    color: #ffffff;
    background-color: #003f98;
    font-size: 30px;
    text-align: center;
    line-height: 2.75;
    letter-spacing: 3px;
}
.syCpall .syCpl .syCpmenu{

}

.syCpMenubox{
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}
.syCpMenu .Cali{
    display: block;
    line-height: 2;
}
.syCpMenu .Caa{
    display: block;
    color: #333333;
    transition: all 0.3s;
    position: relative;
    font-weight: bold;
    overflow: hidden;
    background-color: #efefef;
    padding: 5% 5%;
}
.syCpMenu .syCpicon{
    width: 5.2325%;
    padding: 3% 0;
    background: url(../image/syCpicon.png)no-repeat center;
    display: inline-block;
    float: left;
    margin: 2.25% 5% 0 0;
    background-size: 100%;
}
.syCpMenu .syCpname{
    float: left;
    width: 65%;
    margin: 0 5% 0 0;
}
.syCpMenu .syCparrow{
    width: 7.845%;
    padding: 5% 0;
    background: url(../image/syCparrow.png)no-repeat center;
    background-size: 100%;
    float: left;
    transition: all 0.3s;
}
.syCpMenu .syCbmenu{
    margin: 0 2%;
    display: none;
}
.syCpMenu .Cbli{
    background: none;
    margin: 0px;
    padding: 0px;
}
.syCpMenu .Cba{
    display: block;
    font-size: 14px;
    line-height: 65px;
    padding: 0 20px;
    color: #333333;
    clear: both;
    border-bottom: 1px dashed #cccccc;
}

.syCpall .syCpr .syCprcals{
    position: relative;
    margin: 0 0 2% 0;
}
.syCpall .syCpr .syCprcals ul li{
    width: 30%;
    float: left;
    margin: 0 5% 2% 0;
    font-size: 30px;
    text-align: center;
    line-height: 2.75;
    letter-spacing: 3px;
    background-color: #efefef;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0 2%;
}
.syCpall .syCpr .syCprcals ul li:nth-child(3n){
    margin: 0 0 2% 0;
}
.syCpall .syCpr .syCprcals .on{
    color: #FFFFFF;
    background-color: #003f98;
}

.syCpall .syCpr .syCprcaal{
    position: relative;
}
.syCpall .syCpr .syCprcaal .sycpaall{
    width: 90%;
    line-height: 2;
    margin: 0 5% 5% 5%;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpimg{
    width: 45%;
    float: left;
    position: relative;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpimg:after{
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../image/product_sy.png) no-repeat;*/
    background-size: cover;
    z-index: 2;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot{
    width: 50%;
    float: right;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr1{
    font-size: 30px;
    color: #333333;
    margin: 0 0 3% 0;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr2{
    color: #333333;
    margin: 0 0 5% 0;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr3{
    margin: 0 0 5% 0;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr3 ul li{
    float: left;
    position: relative;
    padding: 0 3% 0 4%;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr3 ul li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    padding: 0.2vw;
    border-radius: 50%;
    overflow: hidden;
    background-color: #003f98;
}
.syCpall .syCpr .syCprcaal .sycpaall .cpcot .dnr4{
    color: #ffffff;
    background-color: #003f98;
    display: inline-block;
    padding: 1% 8%;
    cursor: pointer;
}

.symkd{
    background: url(../image/symkb.jpg) no-repeat;
    /*background-color: #cccccc;*/
    background-size: cover;
    position: relative;
    padding: 1.425% 0 3% 0;
    line-height: 2;
}
.sylyall{

}
.sylyall ul li{
    width: 20.3125%;
    float: left;
    padding: 15% 1.8% 9% 1.8%;
    line-height: 2;
    margin: 0 6.25% 0 0;
    background-size: 100% !important;

}
.sylyall ul li:nth-child(4n){
    margin: 0 0 0 0;
}
.sylyall ul li:nth-of-type(1){
    background: url(../image/syly1.png) no-repeat top;
    background-color: transparent;
}
.sylyall ul li:nth-of-type(2){
    background: url(../image/syly2.png) no-repeat;
}
.sylyall ul li:nth-of-type(3){
    background: url(../image/syly3.png) no-repeat;
}
.sylyall ul li:nth-of-type(4){
    background: url(../image/syly4.png) no-repeat;
}
.sylyall ul li .dnr1{
    text-align: center;
    font-size: 30px;
    color: #1c4198;
    margin: 0 0 2% 0;
}
.sylyall ul li .dnr2{
    color: #333333;
}
.sylyall ul li .dnr2 .wzbh{
    color: #1c4198;
}
.sylyall ul li:hover:nth-of-type(1){
    background: url(../image/syly1s.png) no-repeat top;
}
.sylyall ul li:hover:nth-of-type(2){
    background: url(../image/syly2s.png) no-repeat top;
}
.sylyall ul li:hover:nth-of-type(3){
    background: url(../image/syly3s.png) no-repeat top;
}
.sylyall ul li:hover:nth-of-type(4){
    background: url(../image/syly4s.png) no-repeat top;
}
.sylyall ul li:hover .dnr1{
    color: #FFFFFF;
}
.sylyall ul li:hover .dnr2{
    color: #FFFFFF;
}
.sylyall ul li:hover .wzbh{
    color: #ff0000;
}

.reliable_lxzx{
    text-align: center;
}
.reliable_lxzx .dnr1{
    width: 25%;
    text-align: center;
    line-height: 3.3;
    border: 1px dashed #003f98;
    display: inline-block;
    border-radius: 25px;
    color: #003f98;
    vertical-align: middle;
    background-color: #ffffff;
}
.reliable_lxzx .dnr2{
    width: 20%;
    background: #003f98;
    text-align: center;
    line-height: 3.5;
    color: #fff;
    border-radius: 22px;
    margin-left: -40px;
    display: inline-block;
    vertical-align: middle;
}


.symkcase{
    position: relative;
    padding: 2% 0 0 0;
}

.sycsmenu{
    margin: 2% 0;
}
.sycsmenu ul li{
    width: 12.5%;
    float: left;
    text-align: center;
}
.sycsmenu ul li .dimg{
    width: 40%;
    margin: 0 auto;
    filter: invert(0.5);
    transition: all 0.3s;
}
.sycsmenu ul li .dtit{
    line-height: 2;
    color: #333333;
    transition: all 0.3s;
}
.sycsmenu ul li:hover .dimg,.sycsmenu ul li.on .dimg{
    filter: invert(0);
}
.sycsmenu ul li:hover .dtit,.sycsmenu ul li.on .dtit{
    color: #003f98;
}



.sycsitem{
    width: 32.4755%;
    float: left;
    margin: 0  1.25% 1% 0;
}
.sycsitem:nth-child(3n){
    margin: 0 0 0 0;
}
.sycsitem .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.sycsitem .dimg .dck{
    background: url(../image/sycsck.png) no-repeat top;
    background-size: 12.125%;
    position: absolute;
    color: #ffffff;
    line-height: 3;
    width: 100%;
    text-align: center;
    top: 30%;
    z-index: 3;
    text-transform: uppercase;
    padding: 18% 0 0 0;
    opacity: 0;
    transition: all 1s;
}
.sycsitem .dimg:after{
    content: '';
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1s;
}
.sycsitem .dtit{
    margin: 3% 0 3% 0;
    text-align: center;
    line-height: 2;
    padding: 0 2%;
}
.sycsitem:hover .dck{
    opacity: 1;
}
.sycsitem:hover .dimg:after{
    opacity: 1;
}
.sycsitem:hover .dimg img{
    transform: scale(1.1);
}
.sycsitem:hover .dtit{
    color: #003f98;
}
.symkcase .sycsckall{
    background-color: #003f98;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    width: 18%;
    margin: 2% 41%;
    padding: 1% 0;
    letter-spacing: 2px;
}



.symkfz{
    position: relative;
}
.symkfz .dlctit{
    position: absolute;
    left: 10%;
    top: 15%;
    line-height: 2;
    letter-spacing: 2px;
}
.symkfz .dlc1{
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.symkfz .dlc2{
    font-size: 30px;
    color: #003f98;
}
.symkfz .dlcls{

}
.symkfz .dlcls .dlcitem{

}
.symkfz .dlcls .dlcitem ul li{
    position: absolute;
    color: #003f98;
    background-color: #ffffff;
    width: 4.6875vw;
    height: 4.6875vw;
    line-height: 4.6875vw;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    font-weight: bold;
    transition: all 0.5s;
    cursor: pointer;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(1){
    left: 9%;
    top: 85%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(2){
    left: 17%;
    top: 60%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(3){
    left: 32%;
    top: 70%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(4){
    left: 42%;
    top: 49%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(5){
    left: 53%;
    top: 52%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(6){
    left: 63%;
    top: 26%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(7){
    left: 75%;
    top: 32%;
}
.symkfz .dlcls .dlcitem ul li:nth-of-type(8){
    left: 83%;
    top: 6%;
}
.symkfz .dlcls .dlcitem ul li.on{
    color: #ffffff;
    background-color: #003f98;
    transform: rotate(360deg);
}
.symkfz .dlcls .dlcall{
    width: 34%;
    position: absolute;
    left: 56%;
    top: 69%;
}
.symkfz .dlcls .dlcall .dlcnr{
    color: #ffffff;
    line-height: 2;
}
.symkfz .dlcls .dlcall .dlcnr .dnr1{
    font-weight: bold;
}
.symkfz .dlcls .dlcall .dlcnr .dnr2{

}

.symkabtit{
    width: 100%;
    background-color: #003f98;
    padding: 2% 0;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    position: relative;
}
.symkabtit:after{
    content: '';
    position: absolute;
    border-top: 1vw solid transparent;
    border-left: 2vw solid #003f98;
    border-bottom: 1vw solid transparent;
    transform: rotate(90deg);
    transition: transform 0.4s linear;
    top: 100%;
    left: 48%;
}
.symkabtit .dmren{
    font-weight: bold;
    font-size: 60px;
    color: #7da6df;
    text-transform: uppercase;
    z-index: 1;
}
.symkabtit .dmrcn{
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    margin-top: -1.5%;
    z-index: 2;
    letter-spacing: 3px;
}

.symkab{
    width: 100%;
    padding: 4% 0 4%;
}
.symkab .dnrl{
    width: 50%;
    float: left;
}
.symkab .dnrr{
    width: 50%;
    float: right;
    line-height: 2;
    padding: 0 4%;
    position: relative;
}
.symkab .dnrr:after{
    content: '';
    position: absolute;
    background: url(../image/symkabtb.png) no-repeat right;
    background-size: 15%;
    padding: 5%;
    left: 2%;
    top: 1%;
    transform: rotate(180deg);
}
.symkab .dnrr:before{
    content: '';
    position: absolute;
    background: url(../image/symkabtb.png) no-repeat bottom;
    background-size: 39.05%;
    padding: 5%;
    right: 5%;
    bottom: 5%;
}
.symkab .dnrr .dnr1{
    color: #333333;
    padding: 5% 0 0 0;
}
.symkab .dnrr .dnr2{
    color: #333333;
    padding: 5% 0 8% 0;
}
.symkab .dnrr .dnr3{
    color: #003f98;
}

.symkpp{
    background: url(../image/syppbj.jpg) no-repeat;
    /*background-color: #cccccc;*/
    background-size: cover;
    position: relative;
    padding: 1.425% 0 3% 0;
    line-height: 2;
}
.syppitem{
    margin: 0 0 6% 0;
    position: relative;
}
.syppitem .dimg{
    width: 26.25%;
    overflow: hidden;
    float: left;
    position: relative;
}
.syppitem:hover .dimg img{
    transform: scale(1.1);
}


.syppitem .dcot{
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 26.25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
    background: url(../image/syppnr.jpg) no-repeat;
    background-size: cover;
    padding: 0 8% 0 2%;
}
.syppitem .dcot .dnr1{
    color: #b80606;
    font-weight: bold;
}
.syppitem .dcot .dnr2{
    color: #003f98;
    margin: 2% 0 4% 0;
}
.syppitem .dcot .dnr3{
    color: #555555;
}
.syppitem .dcot .dnr4{
    color: #555555;
    font-weight: bold;
    margin: 2% 0 0 0;
}
.syppitem .dcot .dnr3 .wzbs{
    color: #b80606;
}
.syppitem .dcot .dnr3 .wzbss{
    color: #b80606;
    font-weight: bold;
}
.syppitem .dsz{
    width: 15%;
    position: absolute;
    right: 2.5%;
    bottom: 0;
}
.syppitem:nth-child(2n){

}
.syppitem:nth-child(2n) .dimg{
    float: right;
}
.syppitem:nth-child(2n) .dcot{
    right: 26.25%;
    left: auto;
    padding: 0 2% 0 8%;
}
.syppitem:nth-child(2n) .dsz {
    right: auto;
    left: 2.5%;
}


.symkxw{
    background-color: #eeeeee;
    padding: 0 0 3% 0;
}
.symkxw .syxwitem{
    border: 1px solid #cccccc;
    margin: 1% 0 3% 0;
    background-color: #FFFFFF;
}
.symkxw .syxwitem ul li a{
    color: #555555;
    width: 12.5%;
    float: left;
    text-align: center;
    padding: 1.5% 1%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.symkxw .syxwitem .dck .danra{
    float: right;
    color: #003f98;
    width: 12.5%;
    text-align: center;
    padding: 1.5% 1%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.symkxw .syxwitem .on a{
    color: #ffffff;
    background-color: #003f98;
}
.syxwimg{
    width: 23.75%;
    float: left;
    margin: 0 1.666% 0 0;
}
.syxwimg:nth-child(4n){
    margin: 0 0 0 0;
}
.syxwimg .dimg{
    width: 100%;
    overflow: hidden;
}
.symkxw .syxwall{
    margin: 0 0 5% 0;
}

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

}
.syxwla .xwnra .xwnr1{
    color: #ffffff;
    background-color: #003f98;
    float: left;
    padding: 0.8% 0;
    line-height: 1.2;
    width: 10%;
    text-align: center;
    margin: 0 2% 0 0;
}
.syxwla .xwnra .xwnr2{
    width: 60%;
    float: left;
    color: #333333;
    transition: all .5s;
}
.syxwla .xwnra .xwnr3{
    float: right;
    color: #aaaaaa;
}
.syxwla .xwnrb{
    color: #333333;
    margin: 2% 0 2% 0;
    padding: 0 0 2% 0;
    border-bottom: 1px dashed #cccccc;
}
.syxwla:hover .xwnr2{
    color: #003f98;
    padding-left: 1%;
}

.syxwlb{
    line-height: 2;
}
.syxwlb ul li{
    margin: 1% 0;
}
.syxwlb ul li .xwnr1{
    float: left;
    color: #dcdcdc;
    transition: all .5s;
    line-height: 1.3;
    margin: 0 2% 0 0;
}
.syxwlb ul li .xwnr2{
    float: left;
    width: 60%;
    color: #333333;
    transition: all .5s;
}
.syxwlb ul li .xwnr3{
    float: right;
    color: #aaaaaa;
}
.syxwlb ul li:hover .xwnr1{
    color: #003f98;
}
.syxwlb ul li:hover .xwnr2{
    color: #003f98;
    padding-left: 1%;
}


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

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

.symkxw .sylink{
    width: 100%;
    position: relative;
    padding: 5% 0 0 0;
}
.symkxw .sylink .dnr1{
    color: #003f98;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    background:url(../image/sylink.png) no-repeat 0 50%;
    padding: 1% 0 1% 7%;
}
.symkxw .sylink .dnr2{
    color: #555555;
    float: left;
    padding: 1% 0 1% 0;
}
.symkxw .sylink .dnr2 span{
    margin: 0 10px 0 0;
}














.nyysr{
    color: #FFFFFF;
}
.nyysr:after,.nyysr:before{
    background-color: #003f98;
}
.nyysb{
    color: #FFFFFF;
}
.nyysb:after,.nyysb:before{
    background-color: #ffffff;
}
.nyysh{
    color: #333333;
}
.nyysh:after,.nyysh:before{
    background-color: #003f98;
}


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

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


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


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


.sycp_switche{
    padding: 0 0 5%;
}

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





.public_title{
    text-align: center;
    line-height: 1.5;
}
.public_title .ny_cn{
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.public_title .ny_en{
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.public_title .tit_zh{
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.public_title .tit_en{
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d6d6d6;
}

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







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

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



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


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









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

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

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

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

.sy_partner_list_pc{
    display: block;
}

.sy_partner_list_mb{
    display: none;
}


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







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

.category_list ul li{
    display: inline-block;
    background-color: #ffffff;
    width: 12%;
    margin: 2% 1%;
    letter-spacing: 1px;
    color: #333333;
}
.category_list ul li a{
    display: block;
    padding: 10% 0;
}
.category_list .on{
    background-color: #003f98;
    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: #003f98;
}



.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 #003f98;
    color: #003f98;
}
.paging .currPage{
    border:1px solid #003f98;
    color: #ffffff;
    background-color: #003f98;
}




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





.acsl{
    width: 62.5%;
    float: left;
    line-height: 2;
}
.acsr{
    width: 32.5%;
    float: right;
    border-top: 10px solid #003f98;
}
.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: #003f98;
    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: #003f98;
}
.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 #003f98;
}
.ascRmcp{
    margin: 0 0 8% 0;
}
.ascRm_title{
    background-color: #003f98;
    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-color: #003f98;
    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: 4% 0;
}
.ash_nyys{
    background-color: #f5f5f5;
}
.within_nyys{
    background-color: #ffffff;
}
.content_all .nywzl{
    width: 31.25%;
    float: left;
}
.content_all .nywzl{

}

.nywz_all{
    background-color: #eeeeee;
    padding: 1.15% 0;
    line-height: 3;
    color: #333333;
}
.nywz_all .nywzl{
    width: 50%;
    float: left;
}
.nywz_all .nywzl .nywzlnr{
    background: url(../image/nylb.png) no-repeat left;
    background-size: 2.1vw;
    padding: 2% 0 2% 7%;
}
.nywz_all .nywzr{
    width: 50%;
    float: right;
    text-align: right;
}
.nywz_all .nywzr .position_home{
    background: url(../image/nyhome.png) no-repeat left;
    background-size: 2.1vw;
    padding: 2% 0 2% 7%;
}


.nysm_all{
    position: relative;
    padding: 0 0 4% 0;
    color: #333333;
    background-color: #eeeeee;
}
.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/nyhome.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

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

.detail_title{
    font-size: 38px;
    color: #333333;
    text-align: center;
    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: #003f98;
    left: 45%;
    bottom: -15px;
}

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







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




.xwtop{
    margin: 0 0 3% 0;
    position: relative;
}
.xwtop .dimg{
    width: 100%;
    overflow: hidden;
}
.xwtop .dvot{
    position: absolute;
    width: 100%;
    padding: 2% 4%;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    transition: all 0.8s;
    z-index: 2;
    letter-spacing: 2px;
}
.xwtop .dvot .dnr1{
    float: left;
    width: 70%;
    text-align: left;
}
.xwtop .dvot .dnr2{
    float: right;
    text-align: right;
    width: 20%;
}
.xwtop:hover .dimg img{
    transform: scale(1.1);
}
.xwtop .dvot{
    /*font-size: 3vw;*/
    padding: 3% 4%;
    letter-spacing: 1px;
}









.info_left{
    width: 32.5%;
    float: left;
}
.info_right{
    width: 62.5%;
    float: right;
}
.nynewsTit{
    color: #333333;
    border-left: 10px solid #003f98;
    padding-left: 3%;
    line-height: 1.2;
    margin-bottom: 11%;
    letter-spacing: 3px;
}

.nynewsl_all{
    width: 100%;
}



.nynewsl_item{
    margin-bottom: 8%;
    background-color: #ffffff;
}
.nynewsl_item .img{
    width: 100%;
    overflow: hidden;
}
.nynewsl_item .nrall{
    padding: 5%;
    line-height: 2;
}
.nynewsl_item .tit{
    color: #333333;
}
.nynewsl_item .cot{
    color: #777777;
    margin: 2% 0;
}
.nynewsl_item .cktime{
    width: 100%;
}
.nynewsl_item .cktime .time{
    color: #777777;
    float: left;
}
.nynewsl_item .cktime .ck{
    color: #003f98;
    float: right;
}
.nynewsl_item:hover .img img{
    transform: scale(1.1);
}

.nynewsCA{
    padding: 0 0 3.5%;
}
.nynewsCA_list{
    position: relative;
    text-align: left;
    font-size: 0;
}
.nynewsCA_list ul li{
    float: left;
    width: 20%;
    color: #333333;
    position: relative;
    border-right: 1px solid #f0f0f0;
    background-color: #ffffff;
    transition: all 0.2s;
    text-align: center;
}
.nynewsCA_list ul li:nth-child(5n){
    border-left: 0;
}
.nynewsCA_list ul li:nth-child(5n){
    border-top: 1px solid #f0f0f0;
}




.nynewsCA_list ul li a{
    display: block;
    padding: 10% 5%;
}
.nynewsCA_list ul li:hover{
    /*color: #003f98;*/
}
.nynewsCA_list ul .on{
    color: #ffffff;
    background-color: #003f98;
}


.nynewsr_item{
    width: 100%;
    padding: 2%;
    background-color: #ffffff;
    margin-bottom: 3%;
    position: relative;
}
.nynewsr_item .img{
    width: 30%;
    float: left;
    overflow: hidden;
}
.nynewsr_item .cot{
    position: absolute;
    height: 100%;
    left: 30%;
    width: 70%;
    top: 0;
    float: right;
    padding: 0 5%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nynewsr_item .cot .tit{
    color: #333333;
}
.nynewsr_item .cot .intro{
    color: #777777;
    margin: 1% 0 2% 0;
}
.nynewsr_item .cot .cktime{

}
.nynewsr_item .cot .cktime .ck{
    color: #ffffff;
    background-color: #003f98;
    border-radius: 20px;
    text-align: center;
    float: left;
    padding: 0.5% 3%;
}
.nynewsr_item .cot .cktime .time{
    float: right;
    color: #999A99;
}
.nynewsr_item:hover .img img{
    transform: scale(1.1);
}

.content_show{
    width: 100%;
}
.content_show .tit {
    line-height: 2;
    color: #333333;
}
.content_show .info {
    margin: 2% 0;
    color: #535353;
    letter-spacing: 1px;
}
.content_show .info .returnls {
    float: right;
}
.content_show .allnr {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 2% 0;
    margin-bottom: 2%;
    line-height: 2;
}


.ny_calist{
    position: relative;
    width: 100%;
    margin: 0 0 3% 0;
}
.ny_calist ul li{
    width: 12.5%;
    float: left;
    text-align: center;
    background-color: #ffffff;
}
.ny_calist ul li .caca{
    width: 100%;
    display: block;
    padding: 15% 0;
}
.ny_calist ul li:hover{
    background-color: #003f98;
    color: #ffffff;
}
.ny_calist .on{
    background-color: #003f98;
    color: #ffffff;
}










.case_item{
    width: 23.75%;
    position: relative;
    float: left;
    margin: 0 1.65% 1.65% 0;
    line-height: 2;
}
.case_item:nth-child(4n){
    margin: 0 0 1.65% 0;
}
.case_item .dimg{
    width: 100%;
    overflow: hidden;
}
.case_item .dcot{
    width: 100%;
    background-color: #eeeeee;
    line-height: 2;
    /*transition: all 0.5s;*/
    padding: 3% 8%;
}
.case_item .dcot .dtit_cn{
    padding: 1% 0 2% 0;
    color: #333333;
}
.case_item .dcot .dtime{
    float: left;
    color: #003f98;
}
.case_item .dcot .dck{
    float: right;
    color: #003f98;
}
.case_item:hover .dimg img{
    transform: scale(1.1);
}
.case_item:hover .dtit_cn{
    color: #ffffff;
}
.case_item:hover .dtime,.case_item:hover .dck{
    color: #ffffff;
}
.case_item:hover .dcot{
    background-color: #003f98;
}



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


.core_item{
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;

}
.core_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.core_item .sys1{
    width: 100%;
}
.core_item .sys2{
    position: absolute;
    width: 100%;
    padding: 4% 2%;
    text-align: center;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    transition: all 0.8s;
    z-index: 3;
}
.core_item .plus_xy {
    position: absolute;
    top: -38%;
    left: 38%;
    z-index: 4;
    background-size: 100%;
    transition: all 0.5s;
    color: #003f98;
    text-align: center;
}
.core_item:before {
    transition-duration: .4s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50%;
    background: #003f98;
    content: "";
    z-index: 5;
}
.core_item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -100%;
    text-align: center;
    background: white;
    opacity: .4;
    transition: all 0.5s;
    z-index: 2;
}
.core_item:hover .sys1 img{
    /*border:1px solid #EB262D;*/
    /*transform: translateY( -5px);*/
    /*box-shadow : 0 10px 15px rgba(0,0,0,0.3);*/
    transform: scale(1.1);
}
.core_item:hover:before{
    width: 0;
}

.core_item:hover .sys2{
    background-color: #003f98;
}





.download_main{
    background: url(../image/download_xm.jpg) no-repeat bottom;
    background-color: #4B4A4A;
    padding: 3% 0;
}
.download_main .gsyb{
    background: url(../image/gsyb.png) no-repeat 25%;
    background-size: 10%;
    background-color: #003f98;
    color: #FFFFFF;
    display: inline-block;
    padding:1% 3% 1% 5%;
}


.download_list{
    padding: 2% 9% 0 1%;
}
.download_item{
    width: 20%;
    margin: 2% 0 2% 12.5%;
    float: left;
    color: #FFFFFF;
    text-align: center;
}
.download_item .dimg{
    padding:0 3.15%;
    overflow: hidden;
    transition: all 0.5s;
}
.download_item .dtit{
    margin: 10% 0;
    letter-spacing: 1px;
}
.download_item .dcot{

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





.video_item{
    width: 32.5%;
    float: left;
    text-align: center;
    line-height: 2;
    margin: 0 1.25% 1.25% 0;
}
.video_item:nth-child(3n){
    margin: 0 0 1.25% 0;
}
.video_item .dtit{
    padding: 2% 0 5%;
}
.video_item video{
    width: 100%;
}






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

.lxwmnr1{
    color: #333333;
    line-height: 2;
    margin-bottom: 1%;
    font-weight: bold;
    letter-spacing: 1px;
}

.lxwmnr2 li{
    color: #333333;
    line-height: 3;
    padding-left: 3%;
}

.lxwmewm{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    text-align: center;
    color: #333333;
    line-height: 3;
}
.lxwmewm_item{
    float: left;
    width: 54.6875%;
    margin: 0 0 0 10%;
}
.lxwmmap{
    margin-top: 3%;
}

.lxwmnr2 li:nth-of-type(1){
    background: url(../image/lxwm1.png) no-repeat 0 50%;
    background-size: 1.55%;
}
.lxwmnr2 li:nth-of-type(2){
    background: url(../image/lxwm2.png) no-repeat 0 50%;
    background-size: 1.55%;
}
.lxwmnr2 li:nth-of-type(3){
    background: url(../image/lxwm3.png) no-repeat 0 50%;
    background-size: 1.55%;
}
.lxwmnr2 li:nth-of-type(4){
    background: url(../image/lxwm4.png) no-repeat 0 50%;
    background-size: 1.55%;
}
.lxwmnr2 li:nth-of-type(5){
    background: url(../image/lxwm5.png) no-repeat 0 50%;
    background-size: 1.55%;
}



.lxrxall{
    position: relative;
    margin: 3% 0 0 0;
}
.lxrxall .dnrs{
    margin: 0 0 3% 0;
}
.lxrxall ul li{
    width: 100%;
    margin: 0 0 1% 0;
    padding: 0 0 1% 0;
    border-bottom: 1px dashed #cccccc;
}
.lxrxall ul li:last-child{
    border-bottom: 0;
}
.lxrxall ul li .dnr1{
    line-height: 2.8;
    width: 60%;
    float: left;
}
.lxrxall ul li .dnr2{
    width: 30%;
    float: left;
    text-align: right;
    font-weight: bold;
    color: #90101a;
}
.lxrxall ul li .dnr2 span{
    background: url(../image/lxwmdh.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 15.5%;
    line-height: 2.5;
    display: inline-block;
}





.CPCA_list{
    position: relative;
}
.CPCA_item{
    width: 16.6%;
    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: #003f98;
}
.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: #003f98;
}



.pro_excellent{
    background-size: cover;
    padding: 5% 0;
    line-height: 1.5;
    position: relative;
}
.pro_excellent .dtit{
    font-size: 60px;
    color: #b4b6b9;
    font-weight: bold;
}
.pro_excellent .dint{
    font-size: 36px;
    color: #ffffff;
}
.pro_excellent .pe_lxdh{
    position: absolute;
    right: 0;
    top: 60%;
}
.pro_excellent .pe_lxdh .dnr1{
    color: #ffffff;
    letter-spacing: 3px;
}
.pro_excellent .pe_lxdh .dnr2{
    color: #003f98;
    font-weight: bold;
}

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

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

.PlBt{
    width: 100%;
    background: url(../image/PlBt.png) no-repeat 10%;
    background-size: 13.5%;
    background-color: #003f98;
    padding: 12.5% 0;
}
.Pl_list{
    width: 100%;
    background-color: #201f1f;
    padding: 8% 0;
}
.Pl_item{
    margin: 0 auto;
    width: 80%;
    padding: 5% 15% 5% 0;
    color: #FFFFFF;
    border-top: 1px dashed #ccc;
    line-height: 1.5;
    background: url(../image/Pl_item.png) no-repeat 100%;
    background-size: 4.65%;
    transition:all 0.3s;
}
.Pl_item:nth-of-type(1){
    border-top: 0;
}
.Pl_item:hover{
    background: url(../image/Pl_item_on.png) no-repeat 100%;
    background-size: 4.65%;
}
.Pl_item.on{
    background: url(../image/Pl_item_on.png) no-repeat 100%;
    background-size: 4.65%;
}


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


.product_item{
    width: 32.5%;
    float: left;
    margin: 0 1.25% 1.25% 0;
    line-height: 2;
    position: relative;
    color: #333333;
}
.product_item:nth-child(3n){
    margin: 0 0 1.25% 0;
}
.product_item .dimg{
    width: 100%;
    overflow: hidden;
    background-color: #e5e5e5;
    position: relative;
}
.product_item .dimg:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    opacity: 0;
    transition:all 0.3s;
}
.parts_item .dimg:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/product_sy.png) no-repeat;
    background-size: cover;
    z-index: 2;
    left: 0;
    top: 0;
}
.product_item .dck{
    position: absolute;
    width: 40%;
    left: 30%;
    top: 46%;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    z-index: 3;
    line-height: 2.5;
    opacity: 0;
    transition:all 0.3s;
}
.product_item .dcot{
    background-color: #d2d2d2;
    padding: 3% 6%;
}
.product_item .dcot .dnr1{
    margin: 0 0 1% 0;
}
.product_item .dcot .dnr2{

}
.product_item:hover .dimg img{
    transform: scale(1.1);
}
.product_item:hover{
    color: #FFFFFF;
}
.product_item:hover .dcot{
    background-color: #003f98;
}
.product_item:hover .dimg:after{
    opacity: 1;
}
.product_item:hover .dck{
    opacity: 1;
}





.CP_detail{

}
.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_list .viall {
    width: 100%;
}
.CPmkol_list .viall video{
    width: 100%;
}
.CPmkol_img{
    background-color: #ffffff;
    position: relative;
}
.CPmkol_img .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.CPmkol_img .dimg:after{
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../image/product_sy.png) no-repeat;*/
    background-size: cover;
    z-index: 2;
}

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


.CPmkol_item{
    width: 100%;
}

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


.CPmkor .CPmkor_title{
    color: #333333;
    margin: 0 0 3% 0;
    padding: 0 0 2% 0;
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 5% 0;
}
.CPmkor .CPmkor_ys4s{
    color: #666666;
    float: left;
    width: 100%;
}
.CPmkor .CPmkor_intro{
    color: #666666;
    width: 85%;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    background-color: #003f98;
    display: inline-block;
    padding: 0 10%;
    margin: 3% 5% 3% 0;
    letter-spacing: 3px;
    border-radius: 10px;
    float: left;
    line-height: 2.5;
}
.CPmkor .CPmkor_lxdh{
    color: #e60012;
    float: left;
    padding: 3% 0 0 0;
    font-weight: bold;
    line-height: 2.5;
}


.CP_content{
    position: relative;
}
.CPc_title{
    line-height: 2;
    padding: 0 0 3% 0;
    margin:  0 0 3% 0;
    border-bottom: 1px dashed #cccccc;
}
.CPc_title .CPc_title_cn{
    color: #333333;
    position: relative;
    float: left;
    padding: 0 3% 0 3%;
    letter-spacing: 5px;
}
.CPc_title .CPc_title_cn:after{
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #003f98;
    left: 0;
    bottom: 0;
}

.CPc_title  .CPc_title_sz{
    color: #003f98;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;

}
.CPc_title .CPc_title_en{
    float: left;
    color: #aaaaaa;
    text-transform: uppercase;
    padding: 1.5% 0 0 0;
}

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

.proDt-wrap{
    overflow: hidden;
    clear: both;
}
.CPc_all .ProDt-box{
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #dedede;
}
.CPc_all .ProDt-box:nth-of-type(2n){
    margin-right: 0;
}
.ProDt-box .pt_title{
    color: #003F98;
    line-height: 2.5;
    padding: 0 2%;
}
.ProDt-box .pt_desc{
    line-height: 1.8;
    padding: 0 2%;
    margin: 0 0 3%;
}
.Pdt-box2{
    clear: both;
    display: flex;
}

.Pdt-box2 .pdt-lt{
    width: 60%;
    float: left;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
}
.Pdt-box2 .pdt-lt .p1{
    color: #003F98;
    font-weight: bold;
    line-height: 3;
}
.Pdt-box2 .pdt-lt .p2{
    line-height: 2;
}
.Pdt-box2 .pdt-rt{
    width: 40%;
    float: right;
    flex-grow: 1;
    flex-shrink:1;
}


.CP_rm{
    padding: 3% 0 0 0;
    border-top: 1px dashed #cccccc;
}
.CP_rm .CP_rmcn{
    text-align: center;
    line-height: 2;
    color: #333333;
    font-weight: bold;
    letter-spacing: 2px;
}
.CP_rm .CP_rmen{
    text-align: center;
    line-height: 2;
    color: #555555;
    letter-spacing: 1px;
}
.CP_rm .CP_rmlist{
    margin: 3% 0 0 0;
}
.CP_rm .CP_rmlist .product_item{
    width: 23%;
    margin: 0 2% 0 0;
}
.CP_rm .CP_rmlist .product_item:nth-child(4n){
    margin: 0 0 0 0;
}










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

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

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




.popup_menu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100%;
    z-index: 99999;
    display: none;
}

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

.p_s_clo {
    cursor: pointer;
}

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

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

}
.popup_menu .rmgjc{
    width: 100%;
    color: #999999;
    margin: 2% 0 0 0;
    letter-spacing: 1px;
}
.bbb_input input {
    background: none;
    border: 0;
    height: 40px;
}
.bbb_input .text {
    width: 90%;
    padding-left: 20px;
    color: #eeeeee;
}
.bbb_input .sub {
    width: 40px;
    text-indent: -99999px;
}

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

.bbb_img {
    margin-top: 50px;
}

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

.bbb_img li p {
    font-size: 16px;
    line-height: 2.5;
    color: #eeeeee;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.QQ{ position:fixed; right:20px; top:40%; cursor:pointer;z-index: 999;}
.qq1{position:fixed;  top:8px;position:relative; display:none; right:225px; }
.qq1 img{ position:absolute; top:-193px; left:0; }
.qq1 p{
    display: block;
    float: left;
    width: 35px;
    height: 30px;
    position: absolute;
    z-index: 999;
    margin-top: -180px;
    margin-left: 145px;
}
.qq1 ul{
    position: absolute;
    padding-top: 10px;
    left: 110px;
    width: 75px;
    height: 225px;
    top: -91px;
}
.qq1 ul li{
    width: 100%;
    height: 20px;
    margin: 0 0 7px 0;
}
.qq1 ul li a{ display:block;width:100%;height:100%; }




.abmka{
    position: relative;
    margin: 0 0 2% 0;
}
.abmka .aba1{
    width: 50%;
    float: left;
}
.abmka .aba2{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    padding: 3.5%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abmka .aba2 .dnr1{
    font-size: 36px;
    color: #003f98;
    font-weight: bold;
    letter-spacing: 2px;
}
.abmka .aba2 .dnr2{
    color: #cccccc;
    letter-spacing: 5px;
    margin: 3% 0 5% 0;
}
.abmka .aba2 .dnr3{
    color: #333333;
    display: block;
    width: 100%;
    position: relative;
    white-space: normal;
    line-height: 2.5;
}

.abmkb{
    position: relative;
}
.abmkb .abb1{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abmkb .abb2{
    width: 48.125%;
    float: right;
}
.abmkb .abb1 .dnr1{
    color: #333333;
    display: block;
    width: 100%;
    position: relative;
    white-space: normal;
    line-height: 2.5;
    padding: 2% 8%;
}
.abmkb .abb1 .dnr2{
    width: 100%;
}
.abmkb .abb1 .dnr3{
    color: #333333;
    display: block;
    width: 100%;
    position: relative;
    white-space: normal;
    line-height: 2.5;
    padding: 2% 8%;
}

.honor_ny{
    width: 22%;
    float: left;
    margin: 0 4% 4% 0;
}
.honor_ny:nth-child(4n){
    margin: 0 0 2% 0;
}
.honor_ny .cover{
    transition: all 0.5s;
}
.honor_ny .dnr1{
    color: #333333;
    text-align: center;
    border-bottom: 2px solid #cccccc;
    padding: 5% 0;
    line-height: 2;
    transition: all 0.5s;
}
.honor_ny:hover .dnr1{
    color: #003f98;
    border-bottom: 2px solid #003f98;
}
.honor_ny:hover .cover{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}

.history_list{

}
.history_list ul li{
    line-height: 2;
    position: relative;
    padding: 0 0 2% 0;
}
.history_list ul li .dnr1{
    color: #003f98;
    font-weight: bold;
    position: relative;
    padding: 0 3%;
}
.history_list ul li .dnr1:after{
    content: '';
    position: absolute;
    padding: 1%;
    background-color: #003f98;
    border-radius: 50%;
    left: 0;
    top: 7%;
}
.history_list ul li:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 1%;
    top: 20%;
    background-color: #003f98;
}
.history_list ul li .dnr2{
    padding: 1% 3%;
}



.caseny{
    position: relative;
}

.caseny .nymka{
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 4% 0;
    margin:  0 0 4% 0;
}
.caseny .nymka .dimg{
    width: 41%;
    float: left;
}
.caseny .nymka .dcot{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.caseny .nymka .dcot .dtit{
    color: #555555;
    line-height: 1.2;
}
.caseny .nymka .dcot .dhs{
    color: #555555;
    line-height: 2;
    margin: 4% 0;
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 5% 0;
}
.caseny .nymka .dcot .dhs .dcs{
    float: left;
    margin: 0 5% 0 0;
}
.caseny .nymka .dcot .dhs .dtime{
    float: left;
}
.caseny .nymka .dcot .din{
    color: #555555;
    line-height: 2;
}
.caseny .nymka .dcot .dmrx{
    margin: 10% 0 0 0;
}
.caseny .nymka .dcot .dmrx .dck{
    float: left;
    margin: 0 5% 0 0;
    background-color: #003f98;
    color: #ffffff;
    padding: 2% 5%;
    border-radius: 10px;
    letter-spacing: 1px;
}
.caseny .nymka .dcot .dmrx .drx{
    color: #555555;
    float: left;
    font-weight: bold;
    padding: 1.5% 0 0 0;
}





.nysyl{
    width: 21.25%;
    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: #003f98;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    display: none;
}


.CAchoice{
    width: 100%;
    margin: 0 0 12% 0;
}
.CAchoice .Pca_title{
    background-color: #003f98;
    color: #FFFFFF;
    text-align: center;
    padding: 6% 0;
    letter-spacing: 2px;
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #003f98;
}
.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: #003f98;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #003f98;
}





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

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

.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-bottom: 1px dashed #cccccc;
}
.navMenu .xlCAli .sub-menu .xlCBli:last-child{
    border-bottom: 0;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 7% 7% 20%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../image/cparrow.png)no-repeat 10%;
    background-size: 3%;
}

.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: #003f98;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
    color: #003f98;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
    color: #003f98;
}

.ke-zeroborder{

}
table.ke-zeroborder tr{
    /*padding: 1%;*/
    /*border: 1px dotted #AAA;*/
}

table.ke-zeroborder td {
    padding: 1% 2%;
    border: 1px dotted #AAA;
    border-top: 0;
}
table.ke-zeroborder td:nth-of-type(1){
    border-right: 0;
}
table.ke-zeroborder tr:nth-of-type(1) td{
    border-top: 1px dotted #AAA;
}

.CPc_all iframe{
    min-width: 90%;
    min-height: 350px;
}
.foot_menu{ display:flex; }
.foot_menu li{ width:33.333%; height:50px; line-height:50px; text-align:center;  }
.foot_menu li a{ color:#fff; }