/* 公共css */
body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
}
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;
}
.wh1200 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 1900px) {
    .wh1600 {
        margin: 0 5%;
    }
}



.headsy{
    width: 100%;
    background-color: #ffffff;
    padding: 1% 0;
}
.headsy .headsy_logo{
    float: left;
    width: 28.75%;
}

.headsy .headsy_find{
    float: left;
    width: 50%;
}
.headsy .headsy_find .find_all{
    margin: 1% 0 2%;
}
.headsy .headsy_find .find_all .shk{
    border: 1px solid #cccccc;
    /*width: 465px;*/
    /*height: 50px;*/
    float: right;
    border-radius: 5px;
    padding: 1.8% 33% 1.8% 5%;
    font-size: 14px;
}

.headsy .headsy_find .find_all .ann{
    margin: 0 0 0 2%;
    background: url(../image/headsy_find_ann.png) no-repeat center;
    background-color: #2d3685;
    border: 1px solid #2d3685;
    color: transparent;
    float: right;
    border-radius: 5px;
    padding: 1.8% 2.5% 1.8% 2.5%;
    background-size: 100%;
    font-size: 12px;
}

.headsy .headsy_find .find_gjz{
    font-size: 14px;
    color: #333333;
    letter-spacing: 1px;
    text-align: right;
}
.headsy .headsy_find .find_gjz .find_gjz_a{
    transition: all 0.3s;
}
.headsy .headsy_find .find_gjz .find_gjz_a:hover{
    color: #00aef3;
}
.head_lxfs{
    float: right;
    line-height: 1.5;
    font-size: 20px;
    color: #2d3685;
    font-weight: bold;
    padding-left: 3%;
    background: url(../image/head_lxfs.png) no-repeat 0px 70%;
    /*background-size: 13.7%;*/
    padding-top: 1%;
    letter-spacing: 1px;
}

.headsy_menu{
    width: 100%;
    background-color: #eeeeee;
}
.headsy_menu .hsmdy{
    width: 25%;
    position: relative;
    float: left;
    background: url(../image/hsmdy.png) no-repeat 15%;
    background-color: #313131;
    text-align: right;
    background-size: 10%;
    padding: 0 3%;
}
.headsy_menu .hsmdy span{
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: bold;
}
.headsy_menu .hsmde{
    width: 75%;
    float: left;
}
.headsy_menu .hsmde .CAli{
    float: left;
    width: 11.25%;
    text-align: right;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
}
.headsy_menu .hsmde .CAli:nth-of-type(1){
    width: 8%;
}
.headsy_menu .hsmde .CAli:nth-of-type(5){
    width: 13%;
}
.headsy_menu .hsmde .CAli .CAa{
    display: block;
}

.service_menu_all{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.service_menu_1600{
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 1900px) {
    .service_menu_1600{
        margin: 0 5% !important;
    }
}

.service_menu{
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    height: 32vw;
    background-color: #2d3685;
    display: none;
    z-index: 99;
    text-align: left;
}
.service_menu .zAli{
    position: absolute;
    width: 100%;
    height: 25%;
    padding:0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    color: #ffffff;
    line-height: 1.5;
}
.service_menu .zAli:before{
    content: '';
    width: 80%;
    height: 1px;
    overflow: hidden;
    border-top: 1px dashed  #ffffff;
    top: 0;
    position: absolute;
}
.service_menu .zAli:nth-of-type(1):before{
    display: none;
}
.service_menu .zAli:nth-of-type(2){
    top: 24%;
}
.service_menu .zAli:nth-of-type(3){
    height: 17%;
    top: 48%;
}
.service_menu .zAli:nth-of-type(4){
    height: 17%;
    top: 65%;
}
.service_menu .zAli:nth-of-type(5){
    height: 17%;
    top: 82%;
}

.service_menu .zAli .zAall{
    margin-bottom: 2%;
    margin-top: 1%;
}
.service_menu .zAli .zAall .zAimg{
    width: 8.125%;
    float: left;
}
.service_menu .zAli .zAall .zAtit{
    width: 70%;
    float: left;
    font-size: 16px;
    letter-spacing: 1px;
    margin-left: 5%;
}
.service_menu .zAli .zAall .zAarw{
    width: 10%;
    float: right;
    font-size: 12px;
    text-align: right;
    margin-top: 1%;
}
.service_menu .zAli .zArm{
    font-size: 12px;
}
.service_menu .zAli .zArm .zArma{
    width: 32%;
    margin: 2% 0;
    padding: 0 0 0 2%;
    display: inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.3s;
}
.service_menu .zAli .zArm .zArma:hover{
    color: #00aef3;
}

.service_menu_Cs{
    position: absolute;
    width: 150%;
    height: 400%;
    left: 100%;
    top: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 10%;
    color: #333333;
    display: none;
}
.service_menu .zAli:nth-of-type(1) .service_menu_Cs{
    top: 0;
    height: 400% !important;
}
.service_menu .zAli:nth-of-type(2) .service_menu_Cs{
    top: -96%!important;
    height: 400% !important;
}
.service_menu .zAli:nth-of-type(3) .service_menu_Cs{
    top: -282%!important;
    height: 588% !important;
}
.service_menu .zAli:nth-of-type(4) .service_menu_Cs{
    top: -382%!important;
    height: 588% !important;
}
.service_menu .zAli:nth-of-type(5) .service_menu_Cs{
    top: -482%!important;
    height: 588% !important;
}
.service_menu_Cs .zcAtit{
    font-size: 16px;
    font-weight: bold;
    border-left: 3px solid #2d3685;
    padding:  0 0 0 2%;
    margin:  0 0 3% 0;
}
.service_menu_Cs .zBall{
    height: 23%;
    border-bottom: 1px solid #cccccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service_menu_Cs .zBall:last-child{
    border-bottom: 0;
}
.service_menu_Cs .zBall .zBtit{
    color: #2d3685;
    font-size: 14px;
    margin: 0 0 2% 0;
    font-weight: bold;
}
.service_menu_Cs .zBall .nyLs{
    font-size: 0;
}
.service_menu_Cs .zBall .nyLs .Nlrma{
    display: inline-block;
    width: 25%;
    padding: 0 3%;
    font-size: 12px;
    line-height: 2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pub_banner{
    display: block;
}
.mi_pub_banner{
    display: none;
}
.head{
    background-color: #2d3685;
    width: 100%;
    top: 0px;
    z-index: 999;
    transition: all 0.5s;
}
.head .logo{
    width: 13.334%;
    float: left;
    padding-top: 1.2vw;
}
.head_logo{
    float: left;
    width: 20%;
    margin: 1.2% 5% 0 0;
}
.head .head-left{
    float: left;
}
.menu .CAli{
    float: left;
    width: auto;
    text-align: center;
    line-height:5vw;
    padding: 0 5px 0 5px;
    margin-right: 40px;
    position: relative;
}
.menu .CAli:nth-of-type(1){
}

.menu .CAli .CAa{
    font-size: 15px;
    color: #ffffff;
}

.menu .CAli:hover .CAa{
    color: #ffffff;

}
.menu .on{
    border-bottom: 1px solid #2d3685;
}
.menu .on .CAa{
    color: #ffffff!important;
}

.head .head-right{
    float: right;
    height: 5vw;
    line-height: 5vw;
}
.head .head-right .hrlx{
    background: url(../image/hrlx.jpg) no-repeat center;
    width: 1.2vw;
    height: 1.2vw;
    float: left;
    background-size: 100% auto!important;
    margin-top: 2vw;
}
.head .head-right .hrdh{
    background: url(../image/hrdh.jpg) no-repeat center;
    width: 1.2vw;
    height: 1.2vw;
    float: left;
    background-size: 100% auto!important;
    margin-left: 20px;
    margin-top: 2vw;
}
.head .head-right .hrrx{
    margin-left: 20px;
    font-size: 16px;
    color: #ffffff;
    float: left;
}








.mi_head{
    width: 100%;
    display: none;
    background-color: #2d3685;
    transition: all 0.5s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 20vw;
}
.fix{
    position: fixed;
}
.mi_head .logo{
    width: 44.7%;
    padding: 0vw 3vw;
    float: left;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    padding-top: 6.5vw;
}
.mi_head .mi_Cal .mmx1{
    width: 10vw;
    height: 2px;
    background-color: #ffffff;
    display: block;
    margin-top: 1vw;
}
.mi_head .mi_Cal .mmx2{
    width: 10vw;
    height: 2px;
    background-color: #E76D3E;
    display: block;
    margin: 2vw 0;
}

.menuls{
    display: none;
    position: fixed;
    right: -110%;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 100%;
    background-color: #fff;
    transition: all 0.2s ease 0s;
    overflow-y: scroll;
    overflow-x: hidden !important;
}
.menuls .menu_one {
    line-height: 20vw;
    background-color: #2d3685;
    height: 20vw;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 3px;
}
.menuls .menu_one .close {
    display: inline-block;
    height: 19vw;
    line-height: 19vw;
    /* background: url(../image/close.png) no-repeat center; */
    margin-right: 7.8%;
    /* margin-top: 6vw; */
    cursor: pointer;
    color: #fff;
    font-size: 7vw;
}

.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 7.8% 0 10.2%;
    color: #777;
    transition: color 0.3s ease 0s;
}
.show {
    right: 0;
    transition: all 0.44s ease 0s;
}


/*.dropdown-menu{*/
    /*position: absolute;*/
    /*display: none;*/
    /*z-index: 999;*/
    /*border-radius: 2px;*/
    /*right: 0;*/
    /*top: 100%;*/
    /*left: 50%;*/
    /*width: 160px;*/
    /*margin-left: -80px;*/
/*}*/
.dropdown-menu{
    position: absolute;
    display: none;
    z-index: 999;
    border-radius: 2px;
    right: -40px;
    top: 100%;
    width: 160px;
    margin-left: -80px;
}
.headsy_menu .hsmde .CAli:nth-of-type(5) .dropdown-menu{
    right: -25px;
}

.dropdown-menu .tit:nth-child(1){
    border-top: 0px solid #ccc;
}
.dropdown-menu .dmli{
    background: rgba(45,54,133,0.8);
    text-align: center;
    display: block;
    transition: ease-in 0.3s;
    padding: 15px 30px;
    line-height: 25px;
    color: #ffffff;
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    letter-spacing: 2px;
}
.dropdown-menu .dmli .dma{
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
}
.dropdown-menu .dmli .arrow{
    position: absolute;
    right: 15px;
    top: 15px;
}

.dropdown-menu .dmli:hover{
    background: rgba(243,152,0,0.8)!important;
    color: #FFFFFF!important;
}

.foot{
    background-color: #333333;
    position: relative;
    padding: 3% 0;
}

.foot_list{
    width: 25%;
    float: left;
}
.foot_list .foot_title{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 10%;
}
.foot_list .foot_title span{
    font-size: 18px;
    color: #ffffff;
    padding-left: 5%;
    letter-spacing: 1px;
}
.foot_list .foot_ul{
    position: relative;
}
.foot_list .foot_ul li{
    font-size: 14px;
    color: #cccccc;
    margin-bottom: 3%;
    float: left;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}
.foot_list .ulli50 li{
    width: 35%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 90%;
}

.copyright{
    background-color: #2d3685;
    color: #ffffff;
    text-align: center;
    padding: 2% 0;
    font-size: 14px;
}
.bottom-fix{
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0%;
    z-index: 3;
}
.bottom-fix>a>img {
    width: 33.3333%;
    float: left;
    display: block;
    height: 13.5vw;
}









/*input{*/
/*!*去除阴影*!*/
/*box-shadow:none;*/
/*!*聚焦input的蓝色边框*!*/
/*outline: none;*/
/*!*textarea 禁止拖拽*!*/
/*resize: none;*/
/*!*去除边框*!*/
/*border: none;*/
/*!*常用于IOS下移除原生样式*!*/
/*-webkit-appearance: none;*/
/*!*点击高亮的颜色*!*/
/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
/*}*/



.public_title{
    padding: 6% 0 4%;
}
.public_title .pt_left{
    float: left;
}
.public_title .pt_left .cn_tit{
    font-size: 34px;
    color: #000000;
    margin-bottom: 30px;
}
.public_title .pt_left .cn_tit .line{
    margin: 0 30px;
}
.public_title .pt_left .cn_tit .cntls{
    color: #2d3685;
}
.public_title .pt_left .nr_tit{
    font-size: 18px;
    color: #000000;
}
.public_title .pt_right{
    float: right;
    text-align: right;
}
.public_title .pt_right .en_tit{
    font-size: 42px;
    color: #cccccc;
    margin-bottom: 28px;
    font-weight: bold;
    letter-spacing: 3px;
}
.public_title .pt_right .moreck{
    font-size: 18px;
    color: #2d3685;
    letter-spacing: 1px;
}
.mktop1{
    padding-top: 5%;
}

.rzxm_all{

}
.rzxm_item{
    width: 7.5%;
    float: left;
    margin-right: 5.5%;
    margin-bottom: 3%;
    position: relative;
}
.rzxm_item:nth-child(8n){
    margin-right: 0px;
}
.rzxm_item .img{
    margin-bottom: 10%;
}
.rzxm_item .cot{
    font-size: 14px;
    color: #000000;
    text-align: center;
    line-height: 22px;
    height: 44px;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.rzxm_item .ck{
    margin-top: 10%;
    padding: 5%;
    margin-left: 15%;
    width: 70%;
    color: #ffffff;
    font-size: 14px;
    background-color: #2d3685;
    text-align: center;
    border-radius: 5px;
}

.rzxm_item:hover .img img{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}


.service_all{

}
.service_item{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 10px;
    padding: 3%;
    transition: all 0.3s;
}
.service_item:nth-child(4n){
    margin-right: 0px;
}
.service_item .service_item_logo{
    width: 25%;
    display: inline-block;
    background-size: 100% auto!important;
    background-repeat: no-repeat!important;
    filter: invert(50%);
    transition: all 0.3s;
}


.service_item .service_item_tit{
    font-size: 18px;
    color: #000000;
    margin: 10% 0;
}
.service_item .service_item_ny{
    font-size: 14px;
    color: #555555;
    height: 75px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.service_item:hover{
    background-color: #242b6a;
}
.service_item:hover .service_item_tit{
    color: #ffffff;
}
.service_item:hover .service_item_ny{
    color: #ffffff;
}
.service_item:hover .service_item_logo{
    filter: invert(0%);
}






.sybusiness{
    position: relative;
}
.syyw_list{
    position: relative;
}
.syyw_list .ywil{
    position: relative;
    width: 28.125%;
    float: left;
}
.syyw_list .ywil .ywcaimg{

}
.syyw_list .ywil .ywcacot{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    color: #ffffff;
    padding: 15%;
}
.syyw_list .ywil .ywcacot .dnra{
    font-size: 24px;
}
.syyw_list .ywil .ywcacot .dnrl{
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    margin: 15px 0;
}
.syyw_list .ywil .ywcacot .dnrb{
    font-size: 18px;
}
.syyw_list .ywil .ywcacot .dnrc{
    position: absolute;
    font-size: 15px;
    background-color: #242b6a;
    border-radius: 20px;
    text-align: center;
    width: 45%;
    padding: 3%;
    letter-spacing: 1px;
    bottom: 40px;
    right: 45px;
}

.syyw_list .ywir{
    position: absolute;
    width: 71.875%;
    height: 100%;
    right: 0;
}
.rangeik{
    position: relative;
    width: 33.3%;
    height: 50%;
    background-color: #f5f5f5;
    float: left;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 3%;
    box-shadow: none;
    transition: all 0.3s;
}
.rangeik:nth-child(3n){
    border-right: 0;
}
.rangeik:nth-child(-n+3){
    border-top: 0;
}
.rangeik .dnr1{
    font-size: 16px;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rangeik .dnr2{
    font-size: 14px;
    color: #999999;
    margin: 5.5% 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rangeik .dnrimg{
    width: 100%;
    height: 9vw;
    overflow: hidden;
}
.rangeik:hover{
    z-index: 2;
    box-shadow: 1px 2px 6px #cccccc;
    background-color: #ffffff;
}
.rangeik:hover .dnrimg img{
    transform: scale(1.1);
}





















.in_case_all{
    width: 100%;
}
.case_item{
    width: 25%;
    float: left;
    position: relative;
    background-color: rgba(0,0,0,0.8);
}
.case_item .img{
    width: 100%;
    overflow: hidden;
}
.case_item .mbny{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    transition: all 0.3s;
}
.case_item .cot{
    position: absolute;
    top: 75%;
    text-align: center;
    width: 80%;
    left: 10%;
    z-index: 2;
    transition: all 0.3s;
}

.case_item .cot .tit{
    font-size: 18px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5%;
}
.case_item .cot .ck{
    font-size: 14px;
    color: #ffffff;
}
.case_item .ckmore{
    position: absolute;
    font-size: 36px;
    color: #ffffff;
    background-color: #2d3685;
    top: 43%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    left: 43%;
    opacity: 0;
    transition: all 0.5s;
}
.case_item:hover .ckmore{
    opacity: 1;
}
.case_item:hover .mbny{
    opacity: 0;
}
.case_item:hover .cot{
    opacity: 0;
}
.case_item:hover .img img{
    transform: scale(1.1);
}

.news_all{

}

.newsny{
    width: 31.25%;
    margin-right: 3.125%;
    float: left;
}
.newsny:nth-child(3n){
    margin-right: 0;
}
.newsny .CaNr{
    position: relative;

}
.newsny .CaNr .Caimg{
    width: 100%;
    overflow: hidden;
}
.newsny .CaNr .Catit{
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 5px;
}
.newsny .Csls{
    font-size: 14px;
    background-color: #f5f5f5;
    padding: 2% 5% 5%;
}
.newsny .Csls .CsNr{
    border-top: 1px dashed #a3a3a3;
    color: #333333;
    padding: 5% 0;
}
.newsny .Csls .CsNr:nth-of-type(1){
    border-top: 0;
}
.newsny .Csls .CsNr .dnr1{
    font-size: 14px;
    width: 80%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.newsny .Csls .CsNr .dnr2{
    font-size: 14px;
    width: 20%;
    float: right;
    text-align: right;
}
.newsny .Csls .CsNr .dnr3{
    font-size: 14px;
    width: 100%;
    line-height: 2;
    margin: 5% 0 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.newsny:hover .CaNr .Caimg img{
    transform: scale(1.1);
}
.newsny .Csls .CsNr:hover .dnr1{
    color: #2d3685;
}










.news_item{
    width: 50%;
    float: left;
    position: relative;
}
.news_item:nth-of-type(2) .img{
    width: 50%;
    float: right;
}
.news_item:nth-of-type(3) .img{
    width: 50%;
    float: right;
}
.news_item .img{
    width: 100%;
    overflow: hidden;
}
.news_item .cot{

}
.news_item .cot .tit{
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
    margin-bottom: 35%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.news_item .cot .time{
    font-size: 14px;
    color: #cccccc;
    float: left;
    margin-top: 2%;
}
.news_item .cot .more{
    font-size: 18px;
    color: #ffffff;
    float: right;
}

.news_item:nth-of-type(1) .cot{
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 50%;
    background-color: #2d3685;
    padding: 5%;
}
.news_item:nth-of-type(2) .cot{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #2d3685;
    padding: 5%;
}
.news_item:nth-of-type(3) .cot{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #dcdcdc;
    padding: 5%;
}
.news_item:nth-of-type(3) .cot .tit{
    color: #1b1b1b;
}
.news_item:nth-of-type(3) .cot .time{
    color: #1b1b1b;
}
.news_item:nth-of-type(3) .cot .more{
    color: #1b1b1b;
}

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

.in_partner{
    /*margin-top: 3%;*/
    /*background: url(../image/in_partner.jpg)no-repeat bottom;*/
}
/*.in_partner .public_title{*/
/*padding: 6% 0 4%;*/
/*}*/
/*.in_partner .public_title .pt_left .cn_tit{*/
/*color: #ffffff;*/
/*}*/
/*.in_partner .public_title .pt_left .nr_tit{*/
/*color: #ffffff;*/
/*}*/
/*.in_partner .public_title .pt_right .moreck{*/
/*color: #ffffff;*/
/*}*/
.partner_all{
    padding-bottom: 2%;
}
.partner_item{
    width: 8%;
    float: left;
    margin-right: 7.33%;
    margin-bottom: 2%;
    filter: grayscale(100%);
    transition: all 0.5s;
}
.partner_item:nth-child(7n){
    margin-right: 0px;
}
.partner_item:hover{
    filter: grayscale(0%);
}


.in_application{
    background-color: #ffffff;
    position: relative;
    padding-bottom: 4%;
}
.applicationCA{
    text-align: center;
    padding-bottom: 30px;
}
.applicationCA ul li{
    width: 125px;
    height: 125px;
    line-height: 125px;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #333333;
    margin: 0 40px;
    overflow: hidden;
}
.applicationCA ul .on{
    color: #ffffff;
    background-color: #2f3f7a;
}
.applicationList{
    padding-bottom: 30px;
}
.applicationList .al_left{
    width: 570px;
    float: left;
    margin-right: 55px;
}
.applicationList .al_left img{
    width: 570px;
}
.applicationList  .nry{
    width: 585px;
    float: right;
}
.applicationList .al_right{
    /*width: 585px;*/
    /*float: right;*/

}
.applicationList .al_right .alr_nr{
    padding-top: 95px;
}
.applicationList .al_right .alr_nr .nr1{
    font-size: 36px;
    color: #333333;
    margin-bottom: 25px;
}
.applicationList .al_right .alr_nr .nr2{
    font-size: 14px;
    color: #333333;
    height: 75px;
    line-height: 25px;
    overflow: hidden;
}
.applicationList .al_right .app_list{
    padding-top: 50px;
}
.applicationList .al_right .app_list .app_box{
    width: 185px;
    height: 155px;

    float: left;
    margin-right: 10px;
}
.bg_ash{
    background-color: #e5e5e5;
}
.bg_white{
    background-color: #ffffff;
}
.applicationList .al_right .app_list .app_box .img{
    width: 185px;
    height: 155px;
    overflow: hidden;
}
.applicationList .al_right .app_list .app_box:hover .img img{
    transform: scale(1.1);
}
.applicationList .al_right .app_list .app_box .cot{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
    margin-top: -30px;
    color: #ffffff;
    font-size: 14px;
}
.applicationList .al_right .app_list .ls{
    background-color: #2f3f7a;
    margin-right: 0px;
}

.applicationList .al_right .app_list .app_box .plus{
    font-size: 100px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}
.applicationList .al_right .app_list .app_box .ck{
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.ina_arrow{



}
.ina_arrow .ina_arrow1{
    position: absolute;
    left: 180px;
    top: 220px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background-color: #e5e5e5;
    cursor: pointer;
}
.ina_arrow .ina_arrow2{
    position: absolute;
    right: 180px;
    top: 220px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background-color: #e5e5e5;
    cursor: pointer;
}
.ina_arrow .ina_arrow1:hover {
    color: #ffffff;
    background-color: #2f3f7a;
}
.ina_arrow .ina_arrow2:hover{
    color: #ffffff;
    background-color: #2f3f7a;
}

.ini_arrow .ini_arrow1{
    position: absolute;
    left: 180px;
    top: 220px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    color: #e5e5e5;
    background-color: #ffffff;
    cursor: pointer;
}
.ini_arrow .ini_arrow2{
    position: absolute;
    right: 180px;
    top: 220px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    color: #e5e5e5;
    background-color: #ffffff;
    cursor: pointer;
}
.ini_arrow .ini_arrow1:hover {
    color: #ffffff;
    background-color: #2f3f7a;
}
.ini_arrow .ini_arrow2:hover{
    color: #ffffff;
    background-color: #2f3f7a;
}
.in_Intelligence{
    background-color: #eeeeee;
    padding-bottom: 4%;
}


.in_case{
    background-color: #ffffff;
    padding-bottom: 5px;
}
.case_list{
    text-align: center;
}
.case_list ul li{
    width: 240px;
    text-align: center;
    display: inline-block;
    margin:0 70px;
}
.case_list ul li .img{
    display: inline-block;
    width: 150px;
    height: 150px;
}
.case_list ul li .cot{
    margin-top: -75px;
    width: 100%;
    background-color: #eeeeee;
    height: 155px;
    border-radius: 10px;
    transition: all 0.3s;
}
.case_list ul li .cot .tit{
    padding-top: 85px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}
.case_list ul li .cot .more{
    font-size: 12px;
    color: #333333;
}
.case_list ul li:hover .img img{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}
.case_list ul li:hover .cot{
    background-color: #2f3f7a;
}
.case_list ul li:hover .cot .tit,.case_list ul li:hover .cot .more{
    color: #ffffff;
}






.in_about{
    background: url(../image/in_about.jpg)no-repeat center;
    height: 614px;
    position: relative;
}
.in_about .inab_1{
    font-size: 36px;
    color: #333333;
    padding-top: 80px;
}
.in_about .inab_2{
    font-size: 14px;
    color: #2f3f7a;
    margin: 20px 0 40px;
}
.in_about .inab_3{
    width: 705px;
    font-size: 14px;
    color: #333333;
    line-height: 2;
}
.in_about .inab_4{
    margin: 50px 0 80px ;
    text-align: left;
}
.in_about .inab_4 ul li{
    display: inline-block;
    text-align: center;
    margin-right: 30px;
}
.in_about .inab_4 .ny{
    font-size: 36px;
    color: #2f3f7a;
    margin-bottom: 22px;
}
.in_about .inab_4 .nr{
    font-size: 14px;
    color: #333333;
}
.in_about .inab_5{
    font-size: 30px;
    color: #ffffff;
    padding-left: 80px;
}

.in_about2{
    background: url(../image/in_about2.jpg)no-repeat center;
    height: 500px;
    position: relative;
}
.inab2_nr{
    font-size: 14px;
    line-height: 2;
    color: #333333;
    text-align: center;
}
.inab2_ck{
    font-size: 16px;
    line-height: 2;
    color: #2f3f7a;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 70px;
}
.inab2_ls{
    text-align: center;
}
.inab2_ls ul li{
    width: 25%;
    text-align: center;
    float: left;
}
.inab2_ls .ny{
    font-size: 36px;
    color: #333333;
    margin-bottom: 22px;
    font-weight: bold;
}
.inab2_ls .nr{
    font-size: 16px;
    color: #333333;
}



.in_service{
    background-color: #ffffff;
}

.insv_left{
    width: 770px;
    float: left;
}
.insv_right{
    width: 300px;
    float: right;
}
.insv_right ul li{
    width: 100%;
    height: 120px;
    background-color: #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
}
.insv_right ul li .img{
    width: 155px;
    float: left;
}
.insv_right ul li .cot{
    width: 145px;
    float: left;
    text-align: center;
}
.insv_right ul li .cot .insvnr1{
    font-size: 28px;
    color: #333333;
    padding: 25px 0 15px;
    letter-spacing: 10px;
}
.insv_right ul li .cot .insvnr2{
    font-size: 16px;
    color: #777777;
    letter-spacing: 5px;
}

.insv_right .sknr{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2f3f7a;
    right: -300px;
    text-align: center;
    padding-top: 30px;
    transition: all 0.5s;
    border-radius: 10px;
}
.insv_right .sknr .dh{
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
}
.insv_right ul li:hover .sknr{
    right: 0px;
}


.in_news{
    background-color: #ffffff;
}
.in_news .ckmore{
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #eeeeee;
    font-size: 16px;
    color: #333333;
    letter-spacing: 2px;
    margin-top: 30px;
    margin-left: 510px;
}



.content_main{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 5%;
    background-color: #f0f0f0;
}
.within_content_main{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
}
.position_all{
    background-color: #e5e5e5;
}
.position{
    padding: 2% 2%;
    font-size: 14px;
    letter-spacing: 1px;
    color: #333333;
    background: url(../image/home.png)no-repeat left;
    background-size: 1% auto;
}


.within_title{
    text-align: center;
    padding: 80px 0 50px;
}
.within_title .nr_cn{
    font-size: 36px;
    color: #000000;
    margin-bottom: 2%;
    letter-spacing: 3px;
}
.within_title .nr_sm{
    font-size: 16px;
    color: #555555;
    line-height: 2;
}

.advantageimg{
    margin-bottom: 3%;
}

.recommend_list{
    position: relative;
    margin-bottom: 5%;
}
.rml_case{
    width: 50%;
    float: left;
    position: relative;
}
.rml_case .img{
    width: 100%;
    overflow: hidden;
}
.rml_case:nth-of-type(2){
    width: 25%;
}
.rml_case:nth-of-type(3){
    width: 25%;
}

.rml_case:nth-of-type(5){
    width: 25%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.rml_case:nth-of-type(6){
    width: 25%;
    position: absolute;
    left: 25%;
    bottom: 0;
}

.rml_case .tit{
    position: absolute;
    font-size: 14px;
    width: 80%;
    left: 10%;
    background-color: #2d3685;
    z-index: 2;
    text-align: center;
    color: #ffffff;
    bottom: 15%;
    border-radius: 30px;
    overflow: hidden;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding: 0 5%;
    transition: all 0.3s;
}
.rml_case:nth-of-type(1) .tit{
    bottom: 8%;
    height: 10%;
    font-size: 18px;
}
.rml_case:nth-of-type(4) .tit{
    bottom: 8%;
    height: 10%;
    font-size: 18px;
}
.rml_case .cot{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(45,54,133,0.5);
    top: 0;
    padding: 15% 15%;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
}
.rml_case:nth-of-type(1) .cot{
    padding: 22% 15%;
}
.rml_case:nth-of-type(4) .cot{
    padding: 22% 15%;
}
.rml_case .cot .cot_tit{
    font-size: 24px;
    color: #ffffff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rml_case .cot .cot_ny{
    font-size: 14px;
    color: #ffffff;
    margin: 10% 0;
    line-height: 2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.rml_case .cot .cot_more{
    font-size: 20px;
    color: #ffffff;
}
.rml_case .mb{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    transition: all 0.3s;
}
.rml_case:hover .img img{
    transform: scale(1.1);
}
.rml_case:hover .tit{
    opacity: 0;
}
.rml_case:hover .cot{
    opacity: 1;
}
.rml_case:hover .mb{
    opacity: 0;
}

.case_pih{
    font-size: 30px;
    color: #333333;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 3%;
}





.category{
    padding: 0% 0 5%;
}
.category_list{
    position: relative;
    text-align: center;
    font-size: 0;
}
.category_list ul li{
    /*float: left;*/
    display: inline-block;
    width: 12.5%;
    font-size: 16px;
    color: #333333;
    position: relative;
    border-left: 1px solid #f0f0f0;
    background-color: #ffffff;
    transition: all 0.2s;
}
.category_list ul li:nth-of-type(1){
    border-left: 0px;
}
.category_list ul li a{
    display: block;
    padding: 13.5% 5%;
}
.category_list ul li:hover{
    color: #2d3685;
}
.category_list ul .on{
    color: #2d3685;
}


.category2{
    padding: 0% 0 3.5%;
}
.category_list2{
    position: relative;
    text-align: left;
    font-size: 0;
}
.category_list2 ul li{
    /*float: left;*/
    display: inline-block;
    width: 20%;
    font-size: 16px;
    color: #333333;
    position: relative;
    border-left: 1px solid #f0f0f0;
    background-color: #ffffff;
    transition: all 0.2s;
    text-align: center;
}
.category_list2 ul li:nth-of-type(1){
    border-left: 0px;
}
.category_list2 ul li a{
    display: block;
    padding: 10% 5%;
}
.category_list2 ul li:hover{
    color: #2d3685;
}
.category_list2 ul .on{
    color: #2d3685;
}



.casebox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.casebox:nth-child(4n){
    margin-right: 0px;
}
.casebox .img{
    width: 100%;
    height: 13.447vw;
    overflow: hidden;
}
.casebox .cont{
    background-color: #ffffff;
    padding: 5%;
    transition: all 0.3s;
}
.casebox .cont .tit{
    font-size: 16px;
    color: #333333;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    transition: all 0.3s;
}
.casebox .cont .int{
    font-size: 14px;
    color: #555555;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    transition: all 0.3s;
}
.casebox .ck{
    margin-top: 4%;
    line-height: 50px;
    border-top: 1px solid #d2d2d2;
    display: block;
    width: 100%;
}
.casebox .ck .time{
    float: left;
    color: #555555;
    font-size: 14px;
    transition: all 0.3s;
}
.casebox .ck .more{
    float: right;
    color: #555555;
    font-size: 14px;
    transition: all 0.3s;
}

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

.casebox2{
    width: 31.25%;
    float: left;
    margin: 0 3% 3% 0;
}
.casebox2:nth-child(3n){
    margin: 0 0 3% 0;
}
.casebox2 .img{
    width: 100%;
    height: 11.5vw;
    overflow: hidden;
}
.casebox2 .cont{
    background-color: #f5f5f5;
    padding: 3% 5%;
    transition: all 0.3s;
    line-height: 2;
}
.casebox2 .cont .tit{
    font-size: 14px;
    color: #333333;
    transition: all 0.3s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.casebox2 .cont .int{
    font-size: 12px;
    color: #555555;
    transition: all 0.3s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.casebox2 .ck{
    margin-top: 3%;
    border-top: 1px solid #d2d2d2;
    display: block;
    width: 100%;
    padding: 3% 0 0;
    font-size: 12px;
}
.casebox2 .ck .time{
    float: left;
    color: #555555;
    transition: all 0.3s;
}
.casebox2 .ck .more{
    float: right;
    color: #555555;
    transition: all 0.3s;
}

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



.probox{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    float: left;
    background-color: #ffffff;
    padding: 1%;
    transition: all 0.5s;
}
.probox:nth-child(5n){
    margin-right: 0;
}
.probox .img{
    width: 60%;
    margin: 10% 20%;
}
.probox .tit{
    width: 100%;
    font-size: 16px;
    color: #555555;
    margin: 20% 0;
    text-align: center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.probox .cot{
    font-size: 14px;
    color: #000000;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.probox .ckzx{
    margin: 8% 0;
}
.probox .ckzx .ck{
    font-size: 14px;
    color: #ffffff;
    float: left;
    background-color: #a40000;
    padding: 3% 5%;
    border-radius: 5px;
}
.probox .ckzx .zx{
    font-size: 14px;
    color: #ffffff;
    float: right;
    background-color: #2d3685;
    padding: 3% 5%;
    border-radius: 5px;
}

.probox:hover{
    box-shadow: 1px 5px 10px #cccccc;
}

.probox2{
    width: 100%;
    margin-bottom: 10%;
    float: left;
    background-color: #ffffff;
    padding: 5%;
}

.probox2 .img{
    width: 50%;
    margin: 10% 25%;
}
.probox2 .tit{
    width: 50%;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 5%;
    margin-left: 25%;
    text-align: center;
}
.probox2 .cot{
    font-size: 14px;
    color: #000000;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.probox2 .ckzx{
    margin: 8% 0;
}
.probox2 .ckzx .ck{
    font-size: 14px;
    color: #ffffff;
    float: left;
    background-color: #a40000;
    padding: 3% 5%;
    border-radius: 5px;
}
.probox2 .ckzx .zx{
    font-size: 14px;
    color: #ffffff;
    float: right;
    background-color: #2d3685;
    padding: 3% 5%;
    border-radius: 5px;
}


.infobox{
    width: 100%;
    padding: 2%;
    background-color: #ffffff;
    margin-bottom: 3%;
}
.infobox .img{
    width: 30%;
    float: left;
    overflow: hidden;
}
.infobox .cot{
    width: 70%;
    float: right;
    padding: 2% 5%;
}
.infobox .cot .tit{
    font-size: 24px;
    color: #333333;
    height: 50px;
    line-height: 50px;
    overflow:hidden;
}
.infobox .cot .intro{
    font-size: 14px;
    color: #777777;
    height: 50px;
    line-height: 25px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin: 1% 0 5% 0;
}
.infobox .cot .cktime{

}
.infobox .cot .cktime .ck{
    font-size: 14px;
    color: #ffffff;
    background-color: #2d3685;
    border-radius: 20px;
    text-align: center;
    float: left;
    padding: 1.5% 3%;
}
.infobox .cot .cktime .time{
    float: right;
    font-size: 14px;
    color: #999A99;
}
.infobox:hover .img img{
    transform: scale(1.1);
}

.info_more .ifloads{
    margin-top: 3%;
    width: 100%;
    background-color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 5% 0;
    cursor: pointer;
}


.contact_title{
    width: 240px;
    margin-left: 400px;
    padding-bottom: 5%;
}
.contact_left{
    float: left;
}
.contact_right{
    float: right;
    width: 150px;
}
.contact_map{
    padding-top: 5%;
}


.prony{
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px;
}
.prony_left{
    width: 500px;
    height: 420px;
    float: left;
}
.prony_right{
    float: right;
    width: 500px;
}

.prony_right .tit{
    font-size: 30px;
    color: #333333;
    padding-top: 50px;
}
.prony_right .intro{
    width: 100%;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin: 30px 0;
}
.prony_right .purchase{

}
.prony_right .purchase .buy{
    width: 150px;
    height: 45px;
    line-height: 45px;
    background-color: #2f3f7a;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    float: left;
}
.prony_right .purchase .hotline{
    float: left;
    font-size: 22px;
    color: #333333;
    margin-top: 10px;
    margin-left: 20px;
}

.product_nr_tit{
    text-align: center;
    padding:  30px 0;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}
.product_nr_tit .en_nr{
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 1%;
}
.product_nr_tit .cn_nr{
    font-size: 30px;
    color: #333333;
    position: relative;
}
.product_nr_tit .cn_nr span{
    width: 30px;
    height: 1px;
    background-color: #2d3685;
    display: inline-block;
    margin: 10px 20px;
}






.public_list{
    position: relative;
}

.public_content{

}
.nyms1{
    position: relative;
    background-color: #ffffff;
}
.nyms1 .nyms1img{
    width: 40%;
}
.nyms1 .nyms1cot{
    position: absolute;
    width: 48%;
    height: 100%;
    right: 6%;
    top: 0;
}
.nyms1 .nyms1cot .tit{
    font-size: 30px;
    color: #555555;
    padding-top: 10%;
    line-height: 1.5;
}
.nyms1 .nyms1cot .cstime{
    font-size: 16px;
    color: #555555;
    margin: 5% 0;
}
.nyms1 .nyms1cot .cstime .llcs{
    float: left;
    margin-right: 10%;
}
.nyms1 .nyms1cot .cstime .time{
    float: left;
}
.nyms1 .nyms1cot .intro{
    font-size: 14px;
    color: #555555;
    padding: 5% 0;
    line-height: 2;
    border-top: 1px dashed #cccccc;
}
.nyms1 .nyms1cot .lxfs{

}
.nyms1 .nyms1cot .lxfs .more{
    font-size: 22px;
    color: #ffffff;
    background-color: #2d3685;
    width: 30%;
    text-align: center;
    padding: 3% 0;
    border-radius: 10px;
    float: left;
    margin-right: 3%;
}
.nyms1 .nyms1cot .lxfs .fwrx{
    float: left;
    font-size: 28px;
    margin-top: 2%;
    margin-bottom: 2%;
}
.nyms1 .nyms1cot .lxfs .fwrx span{
    color: #2d3685;
}


.nyall_left{
    width: 78%;
    float: left;
}
.nyal_tit{
    background-color: #2d3685;
    padding: 2% 5%;
    letter-spacing: 2px;
}
.nyal_tit .nr1{
    font-size: 24px;
    color: #ffffff;
    float: left;
}
.nyal_tit .nr2{
    font-size: 18px;
    color: #ffffff;
    float: right;
    margin-top: 0.2%;
}
.nyal_list{
    background-color: #ffffff;
    padding: 3%;
}
.nyal_list .nyalimg{
    width: 30%;
    float: left;
}
.nyal_list .nyalimg .Big_img{
    width: 100%;
}
.nyal_list .nyalimg .Small_img{
    margin: 5% 0;
    border: 1px solid #2d3685;
    width: 30%;
}
.nyal_list .nyalcot{
    width: 65%;
    float: right;
}
.nyal_list .nyalcot .tit{
    font-size: 28px;
    color: #000000;
    line-height: 1.5;
}
.nyal_list .introduce{
    font-size: 14px;
    color: #d12524;
    line-height: 2;
    margin: 2% 0;
    letter-spacing: 1px;
}
.pro_details_price{
    background-color: #f5f5f5;
    padding: 2% 5% 3%;
    margin:  0 0 3% 0;
}
.pro_details_price .dnrall{
    font-size: 16px;
    margin: 1% 0;
    line-height: 2;
}
.pro_details_price .snrt{
    color: #555555;
    letter-spacing: 10px;
}
.pro_details_price .snrmy{
    font-size: 24px;
    color: #a40000;
    margin: 0 1%
}
.pro_details_price .snrmys{
    color: #999999;
}
.pro_details_price .snrsy{
    color: #a40000;
    background: url(../image/pxp1.png) no-repeat 3%;
    background-size: 10%;
    padding-left: 6%;
}
.pro_details_price .snrli{
    color: #999999;
    padding-left: 5%;
    margin-right: 1%;
}
.pro_details_price .snrli:nth-of-type(2){
    background: url(../image/pxp2.png) no-repeat 3%;
    background-size: 16.25%;
}
.pro_details_price .snrli:nth-of-type(3){
    background: url(../image/pxp3.png) no-repeat 3%;
    background-size: 16.25%;
}
.pro_details_price .snrli:nth-of-type(4){
    background: url(../image/pxp4.png) no-repeat 3%;
    background-size: 16.25%;
}
.pro_details_price .snrli:nth-of-type(5){
    background: url(../image/pxp5.png) no-repeat 3%;
    background-size: 16.25%;
}


.choice_item{
    margin: 1% 0;
}
.choice_item .choice_tit{
    float: left;
    font-size: 14px;
    color: #333333;
    width: 12%;
    letter-spacing: 1px;
    padding: 2% 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.choice_item .choice_all{
    overflow: hidden;
}
.choice_item .choice_all .choice_ny{
    width: 17%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: left;
    padding: 2% 1%;
    text-align: center;
    margin: 0 3.75% 2% 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 14px;
    border-radius: 3px;
}
.choice_item .choice_all .choice_nys{
    width: 17%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: left;
    padding: 2% 1%;
    text-align: center;
    margin: 0 0 2% 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
}
.choice_item .choice_all .choice_ny:nth-child(5n){
    margin: 0 0 3% 0;
}
.choice_item .choice_all .choice_ny:hover{
    border: 1px solid #2d3685;
}
.choice_item .choice_all .choice_nys:hover{
    border: 1px solid #2d3685;
}
.choice_item .choice_all .on{
    background-color: #2d3685;
    border: 1px solid #2d3685;
    color: #ffffff;
}
.choice_item .choice_all .nyyc{
    display: none;
}




.nyal_list .nyalcot .purchase{

}
.nyal_list .nyalcot .purchase .buy{
    background: url(../image/pxp6.png) no-repeat 20%;
    background-size: 10%;
    padding: 2.7% 6% 2.7% 12%;
    background-color: #2d3685;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    float: left;
    font-size: 16px;
    margin-top: 1%;
}
.nyal_list .nyalcot .purchase .hotline{
    font-size: 24px;
    color: #333333;
    float: left;
    margin-top: 1%;
}
.nyal_detail{
    background-color: #ffffff;
    padding: 0 5% 5%;
    margin-bottom: 5%;
}

.detailtls{
    text-align: left;
    border-bottom: 2px solid #a0a0a0;
    margin: 0 0 3% 0;
}
.detailtls ul li{
    padding: 2% 1%;
    display: inline-block;
    font-size: 16px;
    color: #333333;
    margin: 0 2% 0 0;
    position: relative;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
}
.detailtls ul li:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #a0a0a0;
    left: 0;
    bottom: -2px;
    transition: all 0.3s;
}
.detailtls ul li:hover{
    color: #2d3685;
}
.detailtls ul li:hover:before{
    background-color: #2d3685;
}
.detailtls .on{
    color: #2d3685;
}
.detailtls .on:before{
    background-color: #2d3685;
}

.detailtlslyz{
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    margin: 0 0 3% 0;
    background-color: #f5f5f5;
}
.sncl .fixed{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.sncl #syxf .wh1600{
    margin: 0 auto;
}

@media screen and (max-width: 1900px) {
    .sncl .fixed .wh1600{
        margin: 0 5% !important;
    }
}
.sncl .fixed .detailtlslyz{
    width: 71.25%;
}
.detailtlslyz ul li{
    padding: 3% 1%;
    display: inline-block;
    font-size: 18px;
    color: #333333;
    margin: 0 1% 0 3%;
    position: relative;
    letter-spacing: 2px;
    /*cursor: pointer;*/
    transition: all 0.3s;
}
.detailtlslyz ul li:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #a0a0a0;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
}
.detailtlslyz ul li:hover{
    color: #2d3685;
    font-weight: bold;
}
.detailtlslyz ul li:hover:before{
    height: 5px;
    background-color: #2d3685;
}
.detailtlslyz .on{
    font-weight: bold;
    color: #2d3685;
}
.detailtlslyz .on:before{

    height: 5px;
    background-color: #2d3685;
}



.nyal_detail .detail_tit{
    font-size: 24px;
    color: #2d3685;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom: 3%;
    margin-bottom: 3%;
    border-bottom: 2px solid #a0a0a0;
    position: relative;
}
.nyal_detail .detail_tit .line{
    position: absolute;
    width: 10%;
    height: 2px;
    background-color: #2d3685;
    left: 0;
    bottom: -2px;
}
.nyal_detail .allnr{
    width: 100%;
    overflow: hidden;
}
.nyal_detail .allnr img{
    max-width: 100%!important;
}
.nyall_right{
    width: 20%;
    float: right;
}
.nyall_right .nyar_tit{
    background-color: #2d3685;
    padding: 8% 5%;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
}
.lxwmall{
    position: relative;
}

.lxwmnr1{
    font-size: 24px;
    color: #333333;
    line-height: 2;
    margin-bottom: 2%;
}
.lxwmnr1 span{
    color: #2d3685;
}
.lxwmnr2 li{
    font-size: 18px;
    color: #333333;
    line-height: 3;
    padding-left: 3%;
}

.lxwmewm{
    position: absolute;
    right: 0;
    top: 55%;
    width: 12%;
    text-align: center;
    color: #333333;
}


.lxwmmap{
    margin-top: 3%;
}




.lxwmnr2 li:nth-of-type(1){
    background: url(../image/lxwm1.png) no-repeat 0px 11%;
}

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


.sl_nyall{
    margin-bottom: 3%;
}
.sl_nyall .sl_tit{
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #2d3685;
    padding: 1.2%;
    letter-spacing: 2px;
}
.sl_nyall .sl_cot{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    background-color: #ffffff;
}


.recommend_news{

}
.rn_nyall{
}
.rn_nyall .rn_tit{
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #2d3685;
    padding: 1.2%;
    letter-spacing: 2px;
}
.rn_nyall  .rn_list{
    padding-top: 2%;
}
.rnbox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.rnbox:nth-child(4n){
    margin-right: 0px;
}
.rnbox .img{
    width: 100%;
    overflow: hidden;
}
.rnbox .tit{
    font-size: 16px;
    color: #1b1b1b;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 5% 0;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.rnbox .more{
    font-size: 14px;
    color: #2d3685;
}
.rnbox:hover .img img{
    transform: scale(1.1);
}
.honor_left{
    width: 75%;
    float: left;
    padding-bottom: 5%;
}
.honor_list{
    padding-bottom: 3%;
}
.nyhonor{
    width: 31%;
    margin-right: 3.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;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333333;
}

.rmnews_right{
    width: 21.5%;
    float: right;
    padding-bottom: 5%;
}
.rmnews_right .rnr_tit{
    background-color: #2d3685;
    padding: 3.9% 5%;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
}
.rmnews_right .rnr_list{
    width: 100%;
    padding: 5%;
    background-color: #ffffff;
}
.rmnews_right .ckgd{
    margin-top: 3%;
    width: 100%;
    background-color: #ffffff;
    font-size: 12px;
    color: #333333;
    text-align: center;
    padding: 5% 0;
}
.rnrbox{
    margin-bottom: 10%;
}
.rnrbox .img{
    width: 100%;
    overflow: hidden;
}
.rnrbox .tit{
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rnrbox .cot{
    font-size: 12px;
    color: #555555;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 40px;
    line-height: 20px;
}
.rnrbox .cktime{
    margin-top: 5%;
}
.rnrbox .cktime .time{
    font-size: 12px;
    color: #333333;
    float: left;
}
.rnrbox .cktime .ck{
    font-size: 12px;
    color: #2d3685;
    float: right;
}
.rnrbox:hover .img img{
    transform: scale(1.1);
}


.rnrbox2{
    margin-bottom: 8%;
    background-color: #ffffff;
}
.rnrbox2 .img{
    width: 100%;
    overflow: hidden;
}
.rnrbox2 .nrall{
    padding: 5%;
}
.rnrbox2 .tit{
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rnrbox2 .cot{
    font-size: 12px;
    color: #555555;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 40px;
    line-height: 20px;
}
.rnrbox2 .cktime{
    margin-top: 5%;
}
.rnrbox2 .cktime .time{
    font-size: 12px;
    color: #333333;
    float: left;
}
.rnrbox2 .cktime .ck{
    font-size: 12px;
    color: #2d3685;
    float: right;
}
.rnrbox2:hover .img img{
    transform: scale(1.1);
}

.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;
}

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

.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;
}





.content_show{
    padding: 0 0;
}
.content_show .tit{
    font-size: 30px;
    color: #333333;
    text-align: center;
}


.content_show .info{
    margin: 2% 0;
    font-size: 12px;
    color: #535353;
    text-align: center;
}
.content_show .info .returnls{
    float: right;
    font-size: 16px;
}
.content_show .allnr{
    width: 100%;
    overflow: hidden;
    border-top: 1px dashed #a3a3a3;
    border-bottom: 1px dashed #a3a3a3;
    padding: 2% 1%;
    margin-bottom: 2%;
}
.content_show  .Solidline{
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}
.content_show .allnr img{
    max-width: 100%;
}

.product_info{
    padding-bottom: 2%;
}
.product_info .left{
    width: 60%;
    float: left;
}
.product_info .left .productname{
    font-size: 30px;
    color: #333333;
    padding-top: 3%;
}
.product_info .left .intro{
    width: 70%;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin: 4% 0;
}
.product_info .left .purchase{

}
.product_info .left .purchase .buy{
    width: 20%;
    background-color: #2d3685;
    color: #ffffff;
    padding: 2% 0;
    text-align: center;
    border-radius: 10px;
    float: left;

}
.product_info .left .purchase .hotline{
    float: left;
    font-size: 24px;
    color: #333333;
    margin-top: 1.5%;
    margin-left: 2%;
}
.product_info .right_img{
    width: 37.5%;
    float: right;
}


.partner_box{
    width: 13%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    float: left;
}
.partner_box:nth-child(7n){
    margin-right: 0px;
}
.partner_box .img{
    width: 100%;
    height: 5.417vw;
}
.partner_box .tit{
    text-align: center;
    font-size: 14px;
    color: #333333;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.partner_box:hover .img img{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}


.advantagebox{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    float: left;
}
.advantagebox:nth-child(2n){
    margin-right: 0px;
}
.advantagebox .img{
    width: 40%;
    float: left;
    overflow: hidden;
}
.advantagebox .cont{
    padding: 1% 5%;
    position: absolute;
    height: 100%;
    width: 60%;
    left: 40%;
    float: right;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s;
}
.advantagebox .tit{
    font-size: 18px;
    color: #1b1b1b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    height: 20px;
    line-height: 20px;
}
.advantagebox .int{
    font-size: 14px;
    color: #1b1b1b;
    margin: 7% 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 50px;
    line-height: 25px;
}
.advantagebox .more{
    font-size: 14px;
    color: #2d3685;
}
.advantagebox:hover .img img{
    transform: scale(1.1);
}
.advantagebox:hover .cont{
    background-color: #2d3685;
}
.advantagebox:hover .tit{
    color: #ffffff;
}
.advantagebox:hover .int{
    color: #ffffff;
}
.advantagebox:hover .more{
    color: #ffffff;
}


.infotop{
    margin-bottom: 3%;
}
.info_left{
    width: 32.5%;
    float: left;
}
.ifl_tit{
    font-size: 30px;
    color: #333333;
    border-left: 10px solid #2d3685;
    padding-left: 20px;
    line-height: 35px;
    margin-bottom: 10%;
}





.info_right{
    width: 62.5%;
    float: right;
}







.upperandlower{
    padding: 0 1%;
}
.pad0{
    padding: 0;
}
.upperandlower .next{
    width: 20%;
    background-color: #626262;
    padding: 0% 2%;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    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: #2d3685;
}




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



.single_content{
    font-size: 14px;
    line-height: 2;
    padding: 2% 0;
}






.VerticalMenu {
    padding: 0px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.VerticalMenu > div {
    width: 100%;
    float: left;
}
.VerticalMenu .bianse{
    color: #2d3685 !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: #2d3685 !important;
    transform: rotate(90deg);
    border-left: 2vw solid #2d3685;
}
.VerticalMenu .span2{
    width: 93%;
    margin-left: 10vw;
    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: #2d3685;
}
.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:  #2d3685;
}
/*.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:  #2d3685!important;
}





.banner_nr{
    width: 100%;
    height: 100vh;
    background-size: cover!important;
}


/* 新增底部内容 */
.gzb_xznr {
    width: 100%;
    background-color: #333333;
    padding: 25px 0;
}
.gzb_xznr ul li {
    float: left;
    width: 25%;
    padding: 20px 0 25px 6%;
}
.gzb_xznr ul li:nth-child(1) {
    background: url(../image/gzbxz1.png) left no-repeat;
    background-size: 18%;
}
.gzb_xznr ul li:nth-child(2) {
    background: url(../image/gzbxz2.png) left no-repeat;
    background-size: 18%;
}
.gzb_xznr ul li:nth-child(3) {
    background: url(../image/gzbxz3.png) left no-repeat;
    background-size: 18%;
}
.gzb_xznr ul li:nth-child(4) {
    background: url(../image/gzbxz4.png) left no-repeat;
    background-size: 18%;
}
.gzb_xznr ul li .p1 {
    font-size: 18px;
    color: #ffffff;
    line-height: 2em;
}
.gzb_xznr ul li .p2 {
    font-size: 14px;
    color: #616161;
}

.map {
    height: 450px;
}
.BMap_cpyCtrl{
    display: none;
}
@media screen and (max-width: 1200px) {
    .gzb_xznr {
        display: none;
    }
}










.white_top{
    background-color: #ffffff;
    position: relative;
}


.nyCAlist{
    text-align: center;
    font-size: 0;
}
.nyCAlist ul li{
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    padding: 2% 3% 2%;
    position: relative;
    letter-spacing: 2px;
    color: #000000;
}
.nyCAlist ul li a{
    display: inline-block;
    height: 100%;
}
.nyCAlist .on:before{
    content: '';
    width: 60%;
    height: 5px;
    background-color: #033f8e;
    position: absolute;
    bottom: 0;
    left: 20%;
}

.nyCBlist{
    padding: 4% 0;
    text-align: center;
}
.nyCBlist ul li{
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    letter-spacing: 1px;
    width: 12%;
    color: #000000;
    position: relative;
    background-color: #ffffff;
    margin: 0 1%;

}
.nyCBlist ul li a{
    width: 100%;
    padding: 8% 5%;
    display: inline-block;
    height: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.nyCBlist ul li:hover{
    color: #ffffff;
    background-color: #033f8e;
}
.nyCBlist .on{
    color: #ffffff;
    background-color: #033f8e;
}






.serviceny{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 3%;
    transition: all 0.3s;
    border: 1px solid #cccccc;
}
.serviceny:nth-child(4n){
    margin-right: 0px;
}
.serviceny .service_item_logo{
    width: 25%;
    display: inline-block;
    background-size: 100% auto!important;
    background-repeat: no-repeat!important;
    filter: invert(50%);
    transition: all 1s;
}


.serviceny .service_item_tit{
    font-size: 18px;
    color: #000000;
    margin: 10% 0;
}
.serviceny .service_item_ny{
    font-size: 14px;
    color: #555555;
    height: 75px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.serviceny  .service_item_an{
    width: 70%;
    font-size: 14px;
    color: #555555;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5% 0;
    border-radius: 20px;
    margin: 7% 0 0 0;
    letter-spacing: 2px;
    transition: all 0.3s;
}


.serviceny:hover{
    box-shadow: 1px 5px 10px #cccccc;
    background: url(../image/servicenybg.png) no-repeat bottom;
    /*background-size: 150%;*/
}
/*.serviceny:hover .service_item_tit{*/
/*color: #ffffff;*/
/*}*/
/*.serviceny:hover .service_item_ny{*/
/*color: #ffffff;*/
/*}*/
.serviceny:hover .service_item_an{
    border: 1px solid #2d3685;
    background-color: #2d3685;
    color: #ffffff;
}
.serviceny:hover .service_item_logo{
    transition: all 1s;
    filter: drop-shadow(2px 4px 6px black);
}





.servicenytop{
    margin: 3% 0;
    padding: 2.5%;
    background-color: #f5f5f5;
}
.servicenytop .simg{
    float: left;
    width: 30%;
}
.servicenytop .scot{
    width: 65%;
    float: right;
}
.servicenytop .scot .sctit{
    font-size: 36px;
    line-height: 2;
}
.servicenytop .scot .scsys{
    text-align: left;
    margin: 3% 0;
}
.servicenytop .scot .scsys .sysnr{
    display: inline-block;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    padding: 1.25% 5%;
    border-radius: 30px;

    margin: 0 2% 0 0;
}
.servicenytop .scot .scsys .sysnr:nth-of-type(1){
    border: 1px solid #a91400;
    color: #a91400;
}
.servicenytop .scot .scsys .sysnr:nth-of-type(2){
    border: 1px solid #2d3685;
    color: #2d3685;
}
.servicenytop .scot .scsys .sysnr:nth-of-type(3){
    border: 1px solid #218d00;
    color: #218d00;
}
.servicenytop .scot .scint{
    font-size: 16px;
    color: #333333;
    line-height: 2;
}
.servicenytop .scot .sclys{
    text-align: left;
    margin: 3% 0;
}

.servicenytop .scot .sclys .lysnr{
    display: inline-block;
    font-size: 16px;
    background-color: #ffffff;
    padding: 2% 3% 2% 8%;
    margin: 0 2% 0 0;
    position: relative;
}
.servicenytop .scot .sclys .lysnr:after{
    content: '';
    width: 0.7vw;
    height: 0.7vw;
    border-radius: 50%;
    background-color: #2d3685;
    position: absolute;
    top: 40%;
    left: 10%;
}
.servicenytop .scot .sclxs{
    text-align: left;
}
.servicenytop .scot .sclxs .lxsan{
    display: inline-block;
    font-size: 18px;
    color: #2d3685;
    background: url(../image/sntlxsan.png) no-repeat 30%;
    background-size: 10%;
    border: 1px solid #2d3685;
    border-radius: 30px;
    letter-spacing: 2px;
    padding: 1.25% 5% 1.25% 10%;
    margin: 0 5% 0 0;
}
.servicenytop .scot .sclxs .lxshm{
    display: inline-block;
    font-size: 24px;
    color: #333333;
}



.servicenycot{

}
.servicenycot .sncl{
    background-color: #f5f5f5;
    float: left;
    width: 71.25%;
    position: relative;
}

.servicenycot .sncr{
    float: right;
    width: 25.625%;
}

.sncall_switch{
    padding: 0 3% 3%;
}

.relation_teacher{
    position: relative;
    margin: 0 0 10%;
}
.relation_teacher .rtimg{
    overflow: hidden;
}
.relation_teacher .rtname{
    position: absolute;
    font-size: 26px;
    color: #ffffff;
    border: 1px solid #ffffff;
    width: 50%;
    left: 25%;
    bottom: 15%;
    text-align: center;
    padding: 3% 0;
    border-radius: 30px;
}
.similarall{
    width: 100%;
    margin:0 0 10%;
}
.similarall .smatitle{
    font-size: 30px;
    color: #ffffff;
    background-color: #2d3685;
    text-align: center;
    padding: 5% 0;
    letter-spacing: 3px;
}
.similarall .smalist{
    background-color: #f5f5f5;
    padding: 5% 10%;
}
.similarall .smalist .smaitem{
    line-height: 2;
    border-bottom: 1px dashed  #555555;
    margin-bottom: 5%;
    padding-bottom: 5%;
    position: relative;
}
.similarall .smalist .smaitem:last-child{
    border-bottom: 0;
}
.similarall .smalist .smaitem .dnr1{
    font-size: 18px;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.similarall .smalist .smaitem .dnr2{
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    height: 50px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.similarall .smalist .smaitem .dnr3{
    font-size: 14px;
    color: #2d3685;
    text-align: right;
    display: inline-block;
    float: right;
}

.simlx{
    position: relative;
}
.simlx .simlximg{
    width: 100%;
    overflow: hidden;
}
.simlx .simlxcot{
    background-color: #f5f5f5;
    text-align: center;
    padding: 10%;
    letter-spacing: 2px;
}
.simlx .simlxcot .dnr1{
    font-size: 22px;
    color: #333333;
}
.simlx .simlxcot .dnr2{
    font-size: 28px;
    color: #2d3685;
    margin: 5% 0;
    font-weight: bold;
}
.simlx .simlxcot .dnr3{
    display: inline-block;
    width: 50%;
    font-size: 18px;
    color: #ffffff;
    background-color: #2d3685;
    padding: 3% 0;
    border-radius: 30px;
    font-weight: bold;
}


.snrmnews{
    padding: 5% 0 0 0;
    width: 100%;
}
.snrmnews .snrmnt{
    text-align: center;
    border-bottom: 2px solid #cccccc;
    padding: 0 0 2% 0;
    margin: 0 0 2% 0;
    font-size: 32px;
    color: #333333;
    font-weight: bold;
    position: relative;
    letter-spacing: 5px;
}
.snrmnews .snrmnt:before{
    content: '';
    position: absolute;
    width: 10%;
    height: 3px;
    left: 45%;
    bottom: -2px;
    background-color: #2d3685;
}

.snrmnews .snrmls{
    width: 100%;
}
.snrmnews .snrmls .rmnews{
    width: 23.5%;
    float: left;
    letter-spacing: 1px;
    margin-right: 2%;
    margin-bottom: 2%;

}
.snrmnews .snrmls .rmnews:nth-child(4n){
    margin-right: 0;
}
.snrmnews .snrmls .rmnews .nimg{
    width: 100%;
    height: 12vw;
    overflow: hidden;
}
.snrmnews .snrmls .rmnews:hover .nimg img{
    transform: scale(1.1);
}
.snrmnews .snrmls .rmnews .nnr1{
    font-size: 16px;
    color: #333333;
    margin: 5% 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.snrmnews .snrmls .rmnews .nnr2{
    font-size: 16px;
    color: #2d3685;
}



.nyzytd{
    float: left;
    width: 22.5%;
    margin: 0 3.25% 3.25% 0;
    position: relative;
}
.nyzytd:nth-child(4n){
    margin: 0 0 3.25% 0;
}
.nyzytd .img{
    width: 100%;
    overflow: hidden;
}
.nyzytd .tit{
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 6% 5%;
    letter-spacing: 1px;
    text-align: center;
    background-color: #eeeeee;
}
.nyzytd .zx{
    width: 50%;
    position: absolute;
    top: 60%;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    left: 25%;
    padding: 3% 0;
    font-size: 14px;
    border-radius: 30px;
    opacity: 0.9;
}




.solxgnew{
    width: 48%;
    border-bottom: 1px dashed #cccccc;
    padding: 0 2% 2% 0;
    margin: 0 4% 2% 0;
    float: left;
}
.solxgnew:nth-child(2n){
    margin: 0 0 2% 0;
}
.solxgnew .nkly1{
    float: left;
    width: 5%;
    transition: all 1s;
    font-size: 18px;
    color: #555555;
    text-align: center;
}
.solxgnew .nkly2{
    float: left;
    font-size: 16px;
    color: #333333;
    width: 65%;
    margin-left: 3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    line-height: 1.1;
}
.solxgnew .nkly3{
    width: 25%;
    float: right;
    font-size: 14px;
    color: #777777;
    text-align: right;
}
.solxgnew:hover .nkly1{
    color: #2d3685;
    transform:rotate(360deg);
}
.solxgnew:hover .nkly2{
    color: #2d3685;
}


.teamlist{
    display: block;
}
.teamlist2{
    display: none;
}

.teamall .wh1700{
    max-width: 1670px;
    margin: 0 auto;
}
.demo-box{
    margin: 5% 0 0;
    padding-bottom: 3%;
    overflow: hidden;
}
.demo-box .wh1700{
    max-width: 1670px;
    margin: 0 auto;
}

@media screen and (max-width: 1900px){
    .teamall .wh1700 {
        margin: 0 3% !important;
    }
    .demo-box .wh1700 {
        margin: 0 3% !important;
    }
}

.teamitem{
    /*width: 21%;*/
    float: left;
    margin: 0 40px;

}
/*.teamitem:nth-child(4n){*/
    /*margin: 0 0 0 0;*/
/*}*/
.teamitem .cot{
    position: relative;
}
.teamitem .img{
    width: 100%;
    overflow: hidden;
}
.teamitem .dnr1{
    position: absolute;
    left: 5%;
    top: 80%;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}
.teamitem .dnr2{
    height: 80px;
    font-size: 14px;
    background-color: #f5f5f5;
    padding: 5%;
    line-height: 25px;
    overflow:hidden;
}
.demo-box .dnr2{
    height: 50px;
    line-height: 35px;
    padding: 2% 5%;
}
.teamitem .dnr2 span{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.teamitem:hover .img img{
    transform: scale(1.1);
}
.teamswitch{
    text-align: center;
    padding: 3% 0 0;
}

.teamswitch .tsan{
    margin: 0 1%;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-color: #eeeeee;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    color: #555555;
    transition: all 0.5s;
    cursor: pointer;
}
.teamswitch .tsan:hover{
    background-color: #2d3685;
    color: #ffffff;
}

.ProLs_ulall .slick-arrow{
    position: absolute;
    bottom: -70px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    z-index: 9;
    border: 0;
    background-color: #eeeeee;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}
.ProLs_ulall .slick-prev{
    left: 46%;
}
.ProLs_ulall .slick-prev:after{
    position: absolute;
    content: '«';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #777777;
    transition:all 0.3s;
    cursor: pointer;
}
.ProLs_ulall .slick-next{
    right: 46%;
}
.ProLs_ulall .slick-next:after{
    position: absolute;
    content: '»';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #777777;
    transition:all 0.3s;
    cursor: pointer;
}
.ProLs_ulall .slick-arrow:hover:after{
    background-color: #2d3685;
    color: #ffffff;
}




.nyhead{

}
.nyhead .hsmdy span{
    font-size: 16px;
}
.nyhead .zAli .zAall .zAtit{
    font-size: 16px;
}
.nyhead .zAli .zArm{
    font-size: 12px;
}

.nyhead .zcAtit{
    font-size: 16px;
}
.nyhead .zBall .nyLs .Nlrma{
    font-size: 12px;
    transition: all 0.3s;
}
.nyhead .zBall .nyLs .Nlrma:hover{
    color: #00aef3;
}





.traintable{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0px 0px 30px #cccccc;
}
.traintable th{
    background-color: #29358f;
    color: #ffffff;
    padding: 1.5%;
    border: 1px solid #cccccc;
    transition:all 0.3s;
    text-align: center;
}
.traintable td{
    text-align: center;
    font-size: 16px;
    color: #1a1a1a;
    border: 1px solid #cccccc;
    padding: 1%;
    line-height: 1.5;
    transition:all 0.3s;
}
.trainck{
    width: 60%;
    display: block;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    color: #1a1a1a;
    padding: 1.5% 0;
    font-weight: 100;
}
.traintable tbody tr:hover{
    background-color: #e0e9f4;
    font-weight: bold;
}
.traintable tbody tr:hover .trainck{
    background-color: #a40000;
    color: #ffffff;
}

.traints{
    margin: 3% 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
}
.traints span{
    color: #29358f;
    font-weight: bold;
}
.trainzx{
    width: 22%;
    background-color: #a40000;
    color: #ffffff;
    text-align: center;
    padding: 1.2% 0;
    font-size: 24px;
    letter-spacing: 1px;
    border-radius: 5px;
    margin: 0 auto ;
}
.sbrxzx{
    text-align: center;
    margin: 3% 0 0;
}
.sbrxzx .rx{
    display: inline-block;
    font-size: 24px;
    color: #a40000;
    margin: 0 2%;
}
.sbrxzx .rx span{
    color: #2d3685;
    letter-spacing: 2px;
}
.sbrxzx .zx{
    display: inline-block;
    color: #a40000;
    border: 1px solid #a40000;
    padding: 1% 3%;
    font-size: 18px;
    letter-spacing: 2px;
}
.fwlclist{
    position: relative;
    background: url(../image/fwlcline.png) no-repeat 0 72%;
    background-size: 100%;
}
.fwlclist ul li{
    width: 16.5%;
    float: left;
    text-align: center;
}
.fwlclist ul li .nra{
    font-size: 16px;
    color: #555555;
}
.fwlclist ul li .nrb{
    font-size: 18px;
    color: #1a1a1a;
    margin: 8% 0;
    font-weight: bold;
}
.fwlclist ul li .nrc{
    width: 39.775%;
    margin: 0 auto;
}

.train_detail{
    margin: 1% 0 3%;
}
.train_detail .tditem{
    margin: 1% 0;
    font-size: 18px;
    line-height: 2;
    color: #333333;
}
.train_detail .tditem>span{
    font-weight: bold;
}

.yysk{

}
.yysk{
    margin: 3% 0 0 0 ;
}
.yytit{
    font-size: 24px;
    color: #2d3685;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 3% 0 3%;
}
.yysk .yyform{
    width: 100%;
}
.yysk .yyform .srk1{
    width: 48%;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
    padding: 1.5% 2%;
    margin: 0 4% 0 0;
    float: left;
}
.yysk .yyform .srk1:nth-of-type(2){
    margin: 0 0 0 0;
}
.yysk .yyform .ann{
    color: #ffffff;
    padding: 0 2%;
    background-color: #2d3685;
    border: 0;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 3% 0 0;
    line-height: 2.5;
    float: left;
}
.yyint{
    font-size: 16px;
    color: #2d3685;
    float: left;
    margin: 4.2% 0 0 3%;
}



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

.gx_title{
    font-size: 34px;
    color: #333333;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    padding: 0 0 2% 0;
    margin:  0 0 2% 0;
}
.gx_title:after{
    content: '';
    background-color: #2d3685;
    width: 6%;
    height: 5px;
    position: absolute;
    left: 47%;
    bottom: 0;
}
.gx_title .bs{
    color: #2d3685;
}

.gxm1ls ul li{
    float: left;
    width: 20%;
    margin: 0 6.3% 0 0;
    text-align: center;
    font-size: 28px;
    color: #333333;
    line-height: 2;
}
.gxm1ls ul li:nth-child(4n){
    margin: 0 0 0 0;
}
.gxm1ls ul li:nth-child(n+3){
    color: #1a6481;
}
.gxm1ls ul li .dimg{
    width: 62.5%;
    display: inline-block;
}

.gxm1cx{
    line-height: 2;
    padding: 3% 0 0;
}
.gxm1cx .dnr1{
    text-align: center;
    font-size: 34px;
    color: #333333;
    letter-spacing: 2px;
}
.gxm1cx .dnr2{
    font-size: 14px;
    color: #999999;
    text-align: center;
    letter-spacing: 2px;
}
.gxm1cx .dnr2 .bs{
    color: #cd222a;
    font-weight: bold;
}

.gxm1cx .gxm1Bd{
    padding: 0 10%;
    margin: 3% 0;
}
.gxm1cx .gxm1Bd .srk{
    border: 1px solid #cccccc;
    height: 60px;
    float: left;
    width: 33%;
    padding: 0 2%;
    font-size: 16px;
    letter-spacing: 1px;
}
.gxm1cx .gxm1Bd .Bdhm{
    margin-left: -1px;
}
.gxm1cx .gxm1Bd .Bdan{
    width: 18%;
    background-color: #2d3685;
    color: #ffffff;
    height: 60px;
    border: 1px solid #2d3685;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
}


/* diy_select */
.diy_select {
    box-shadow: 3px 1px 15px #e1e1e1;
    width: 14%;
    margin-right: 2%;
    height: 60px;
    line-height: 60px;
    position: relative;
    color: #333333;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
}


.diy_select,

.diy_select_list {
    border: 1px solid #ffffff;
}

.diy_select_txt{
    height: 100%;
    width: 80%;
    font-size: 16px;
    color: #3646d4;
    float: left;
    padding-left: 5px;
}
.diy_select_btn{
    width: 20%;
    float: right;
    color: #a5adb9;
}


.diy_select_txt,

.diy_select_list li {
    text-indent: 10px;
    overflow: hidden;
}



.select-option {
    width: 100%;
}

.diy_select_list {
    height: 300px;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 88888;
    border-top: none;
    width: 100%;
    display: none;
    background: #fff;
    overflow: auto;
}
/*xlt-k*/
.diy_select_list::-webkit-scrollbar
{
width: 5px;
height: 5px;
}

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

.diy_select_list::-webkit-scrollbar-thumb
{
background-color: #2d3685;
}
/*xlt-g*/
/*----------------------*/

.diy_select_list li {
    margin: 0 5px;
    font-size: 14px;
    list-style: none;
    height: 50px;
    line-height: 50px;
    cursor: default;
    background: #fff;
}

.diy_select_list li.focus {
    margin: 0;
    padding: 0 5px;
    cursor: pointer;
    background: #3399FF;
    color: #fff
}



.gxm2{
    padding: 3% 0;
    background-color: #f3f3f3;
}

.gx2ls{

}
.gx2ls ul li{
    width: 25%;
    float: left;
    border: 1px solid #cccccc;
    border-right: 0;
    border-bottom: 0;
    padding: 2% 2% 5% 2%;
    color: #444444;
    letter-spacing: 1px;
    line-height: 2;
    background-size: 30% !important;
}
.gx2ls ul li:nth-child(4n){
    border-right: 1px solid #cccccc;
}
.gx2ls ul li:nth-child(n+5){
    border-bottom: 1px solid #cccccc;
}
.gx2ls ul li .dnr1{
    font-size: 26px;
}
.gx2ls ul li .dnr2{
    font-size: 18px;
    width: 70%;
    height: 60px;
    line-height: 30px;
}
.gx2ls ul li:nth-of-type(1){
    background: url(../image/gx/gx2ls1.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(2){
    background: url(../image/gx/gx2ls2.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(3){
    background: url(../image/gx/gx2ls3.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(4){
    background: url(../image/gx/gx2ls4.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(5){
    background: url(../image/gx/gx2ls5.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(6){
    background: url(../image/gx/gx2ls6.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(7){
    background: url(../image/gx/gx2ls7.png)no-repeat 92% 80%;
}
.gx2ls ul li:nth-of-type(8){
    background: url(../image/gx/gx2ls8.png)no-repeat 92% 80%;
}


.gx_lxan{
   text-align: center;
    padding: 3% 0 0 0;
}
.gx_lxans{
    background-color: #2d3685;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 5px;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    padding: 1% 2%;
}


.gxm3{
    padding: 3% 0 1%;
    background-color: #ffffff;
}
.gx3ls ul li{
    width: 49%;
    float: left;
    margin: 0 2% 2% 0;
    padding: 2%;
    background-color: #f6f6f6;
    color: #333333;
    letter-spacing: 1px;
    transition: all 0.5s;
}
.gx3ls ul li:nth-child(2n){
    margin: 0 0 2% 0;
}

.gx3ls ul li .dnr1{
    float: left;
    font-size: 76px;
    padding-right: 5%;
    margin-right: 5%;
    background: url(../image/gx/gx3line.png)no-repeat center right;
    line-height: 1.2;
    transition: all 0.5s;
}
.gx3ls ul li .dnr2{
    float: left;
    line-height: 2;
}
.gx3ls ul li .dnr2 .dnr2a{
    font-size: 24px;
}
.gx3ls ul li .dnr2 .dnr2b{
    font-size: 20px;
}
.gx3ls ul li:hover{
    background-color: #ffffff;
    box-shadow: 1px 1px 10px #b8b8b8;
}
.gx3ls ul li:hover .dnr1{
    color: #2d3685;
}

.gxm4{
    padding: 3% 0;
    background: url(../image/gx/gxm4.jpg)no-repeat center;
}

.gxm4ls{
    background-color: #ffffff;
    padding: 3% 2% 3%;
    margin: 0 10%;
    border-radius: 30px;
    box-shadow: 1px 1px 20px #cccccc;
    color: #333333;
}
.gxm4ls .dnrt{
    text-align: center;
    font-size: 34px;
    margin: 0 0 3% 0;
}
.gxm4ls .flimg{
    width: 32%;
    float: left;
}
.gxm4ls .flimg img:nth-of-type(1){
    margin-bottom: 10%;
}
.gxm4ls .frcot{
    width: 65%;
    float: right;
    line-height: 2.5;
    font-size: 18px;
}




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

.gxm5ls{
    overflow: hidden;
}
.gxm5ls ul li{
    float: left;
    width: 16.5%;
    margin: 0 0 0 0;
    text-align: center;
    font-size: 24px;
    color: #333333;
    line-height: 2;
}
.gxm5ls ul li .dimg{
    width: 33.335%;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #ffffff;
}
.gxm5ls ul li .dimg:after{
    content: '';
    position: absolute;
    width: 500%;
    height: 1px;
    background: #2d3685;
    top: 50%;
    left: 100%;
    z-index: 1;
    display: inline-block;
}
.gxm5ls ul li:nth-child(6n) .dimg:after{
    background-color: #ffffff;
}


.gxm6{
    padding: 3% 0;
    background: url(../image/gx/gxm6.jpg)no-repeat center top;
    line-height: 2.5;
    background-size: cover;
}
.gxm6 .gxm6all{
    display: inline-block;
}
.gxm6 .dnr1{
    font-size: 26px;
    color: #ffffff;
}
.gxm6 .dnr2{
    font-size: 18px;
    color: #ffffff;
    border-bottom: 1px dashed #e5e5e5;
}




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

.gxm7ls ul li{
    float: left;
    width: 22%;
    margin: 0 4% 4% 0;
    text-align: center;
    line-height: 2;
    position: relative;
}
.gxm7ls ul li:nth-child(4n){
    margin: 0 0 4% 0;
}

.gxm7ls ul li .dimg{
    width: 100%;
    overflow: hidden;
}
.gxm7ls ul li .dtit{
    position: absolute;
    width: 100%;
    top: 40%;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 1px;
    transition: all 0.5s;
}
.gxm7ls ul li .dann{
    position: absolute;
    top: 60%;
    background-color: #2d3685;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    z-index: 2;
    width: 40%;
    left: 30%;
    border-radius: 30px;
    opacity: 0;
    transition: all 0.5s;
}
.gxm7ls ul li .dsbx{
    position: absolute;
    width: 90%;
    height: 86%;
    border: 1px solid #ffffff;
    top: 7%;
    left: 5%;
    opacity: 0;
    transition: all 1s;
}
.gxm7ls ul li:hover{

}
.gxm7ls ul li:hover .dimg img{
    transform: scale(1.1);
}
.gxm7ls ul li:hover .dtit{
    top: 30%;
}
.gxm7ls ul li:hover .dann{
   opacity: 1;
}
.gxm7ls ul li:hover .dsbx{
    opacity: 1;
}



.gxm8{
    padding: 3% 0 3%;
    background-color: #f4f3f3;
}

.gxm8ls{
    padding: 0 10%;
}
.gxm8ls ul li{
    float: left;
    width: 45%;
    margin: 1% 10% 1% 0;
    position: relative;
    line-height: 2;
}
.gxm8ls ul li:nth-child(2n){
    margin: 1% 0 1% 0;
}

.gxm8ls ul li .dnr1{
    font-size: 20px;
    color: #333333;
    background: url(../image/gx/gx8Q.png)no-repeat  0 7px;
    padding-left: 10%;
    background-size: 5%;
    margin-bottom: 2%;
}

.gxm8ls ul li .dnr2{
    font-size: 16px;
    color: #333333;
    background: url(../image/gx/gx8A.png)no-repeat  0 5px;
    padding-left: 10%;
    background-size: 5%;
}


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

.gxm9ls{
}
.gxm9ls ul li{
    width: 100%;
    position: relative;
    box-shadow: 1px 1px 10px #f2f2f2;
    margin: 3% 0;
}
.gxm9ls ul li .dimg{
    width: 22.5%;
}

.gxm9ls ul li .dcot{
    position: absolute;
    left: 22.5%;
    width: 77.5%;
    height: 100%;
    background-color: #f4f4f4!important;
    top: 0;
    background-size: 18% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gxm9ls ul li .dcot .dcotall{
    width: 68%;
    line-height: 2;
    margin-left: 5%;
}
.gxm9ls ul li .dcot .dnr1{
    font-size: 26px;
    color: #2d3685;
    position: relative;
    margin: 1% 0;
    padding: 1% 0;
}
.gxm9ls ul li .dcot .dnr1:after{
    content: "";
    position: absolute;
    width: 5%;
    height: 3px;
    background-color: #2d3685;
    left: 0;
    bottom: 0;
}
.gxm9ls ul li .dcot .dnr2{
    font-size: 16px;
    color: #333333;
}
.gxm9ls ul li:nth-child(2n) .dimg{
    float: right;
}
.gxm9ls ul li:nth-child(2n) .dcot{
    left: 0;
    background-color: #ffffff!important;
}
.gxm9ls ul li:nth-child(2n) .dcot .dcotall{
    margin-left: 22%;
}
.gxm9ls ul li:nth-of-type(1) .dcot{
    background: url(../image/gx/gxm9lsa.png)no-repeat right;
}
.gxm9ls ul li:nth-of-type(2) .dcot{
    background: url(../image/gx/gxm9lsb.png)no-repeat left;
}
.gxm9ls ul li:nth-of-type(3) .dcot{
    background: url(../image/gx/gxm9lsc.png)no-repeat right;
}
.gxm9ls ul li:nth-of-type(4) .dcot{
    background: url(../image/gx/gxm9lsd.png)no-repeat left;
}

.gxm9ls ul li:nth-of-type(5) .dcot{
    background: url(../image/gx/gxm9lse.png)no-repeat right;
}
.gxm9ls ul li:nth-of-type(6) .dcot{
    background: url(../image/gx/gxm9lsf.png)no-repeat left;
}

.gxm9ls ul li:nth-of-type(7) .dcot{
    background: url(../image/gx/gxm9lsg.png)no-repeat right;
}
.gxm9ls ul li:nth-of-type(8) .dcot{
    background: url(../image/gx/gxm9lsh.png)no-repeat left;
}


.sb_title{
    text-align: center;
    line-height: 2;
    padding: 1% 0 2%;
}
.sb_title .tcn{
    font-size: 36px;
}
.sb_title .ten{
    font-size: 12px;
    text-transform: uppercase;
}
.sb_title .tline{
   width: 5%;
    height: 5px;
    background-color: #2d3685;
    display: inline-block;
}
.sb_title.clh .tcn{
    color: #333333;
}
.sb_title.clh .ten{
    color: #999999;
}
.sb_title.clb .tcn{
    color: #ffffff;
}
.sb_title.clb .ten{
    color: #ffffff;
}

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

.sb1ls{
    position: relative;
}
.sb1ls .dimg{
    width: 40%;
    z-index: 2;
    position: relative;
}
.sb1ls .dcot{
    position: absolute;
    left: 37%;
    height: 100%;
    width: 63%;
    top: 0;
    background-color: #eeeeee;
    z-index: 1;
    padding: 3% 5% 5% 8%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sb1ls .dcot .dnr1{
    font-size: 30px;
    color: #2d3685;
}
.sb1ls .dcot .dnr2{
    font-size: 18px;
    color: #333333;
}


.sb1ls2{
    position: relative;
    padding: 4% 0 0 0;
}

.sb1ls2 ul li{
    width: 20%;
    float: left;
    text-align: center;
    line-height: 2;
    margin: 2% 0;
}
.sb1ls2 ul li .dimg{
    width: 34%;
    display: inline-block;
}
.sb1ls2 ul li .dcot{
    font-size: 24px;
    color: #333333;
}







.sbm2{
    background-color: #f8f8f8;
    padding: 3% 0 5%;
}

.sb2ls ul li{
    width: 29.375%;
    float: left;
    margin: 0 5.5% 0 0;
    position: relative;
}
.sb2ls ul li:nth-child(3n){
    margin: 0 0 0 0;
}
.sb2ls ul li .dimg{
    width: 100%;
}
.sb2ls ul li .dcot{
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(45,54,133,0.5);
    border-radius:0 0 20px 20px;
    padding: 8% 0;
    text-align: center;
}
.sb2ls ul li .dcot .zx{
    background: url(../image/sb/sb2lszx.png)no-repeat 10%;
    background-color: #395fe4;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    padding: 2% 2% 2% 10%;
    border-radius: 5px;
    background-size: 25%;
    margin: 0 5%;
}
.sb2ls ul li .dcot .cx{
    background: url(../image/sb/sb2lscx.png)no-repeat 10%;
    background-color: #ff4a4a;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    padding: 2% 2% 2% 10%;
    border-radius: 5px;
    background-size: 25%;
    margin: 0 5%;
}



.sbm3{
    background: url(../image/sb/sbm3.jpg)no-repeat center;
    padding: 3% 0 50% 0;
    background-size: cover;
    text-align: center;
}
.sbm3 .sbm3tit{
    font-size: 36px;
    color: #333333;
    background: url(../image/sb/sbm3tit.png)no-repeat left;
    display: inline-block;
    padding: 0 0 0 5%;
    line-height: 2;
    background-size: 12%;
}


.sbm4{
    background: url(../image/sb/sbm4.jpg)no-repeat left;
    padding: 1% 0 3%;
    background-size: cover;
}
.sb4ls ul{
    text-align: center;
}
.sb4ls ul li{
    width: 18%;
    background-color: #ffffff;
    padding: 1%;
    display: inline-block;
    margin: 0 2%;
}
.sb4ls ul li .dimg{
    width: 100%;
    position: relative;
}
.sb4ls ul li .dimg .dtit{
    position: absolute;
    width: 100%;
    top: 35%;
    font-size: 24px;
    color: #333333;
    background-color: rgba(255,255,255,0.5);
    line-height: 2;
}

.sb4ls ul li .dcot{
    width: 100%;
    font-size: 17px;
    line-height: 40px;
    height: 120px;
    margin: 5% 0;
    overflow: hidden;
}




.sbm5{
    background-color: #ffffff;
    padding: 3% 0;
}
.sb5ls ul{
    text-align: center;
}
.sb5ls ul li{
    width: 20%;
    text-align: center;
    margin: 0 -1.5%;
    display: inline-block;
}
.sb5ls ul li .dnr1{
    background: url(../image/sb/sbm5b1.png)no-repeat center;
    text-align: center;
    background-size: 100%;
    padding: 15% 0;
}
.sb5ls ul li:nth-child(2n) .dnr1{
    background: url(../image/sb/sbm5b2.png)no-repeat center;
    background-size: 100%;
}
.sb5ls ul li .dimg{
    margin-left: 15%;
    width: 28%;
    display: inline-block;
}
.sb5ls ul li .dcot{
    font-size: 24px;
    color: #333333;
    line-height: 2;
    padding: 5% 5% 0 0;
}

.sbm6{
    background: url(../image/sb/sbm6.jpg)no-repeat left;
    padding: 2% 0 3%;
    background-size: cover;
}

.sb6ls ul{
    text-align: center;
}
.sb6ls ul li{
    width: 28%;
    margin: 0 2%;
    line-height: 2;
    padding: 2% 2% 1% 6%;
    float: left;
}
.sb6ls ul li:nth-of-type(1){
    margin: 0 2% 0 5%;
    background: url(../image/sb/sb6ls1.png)no-repeat 5% 30%;
    background-color: #ffffff;
    background-size: 13.5%;
}
.sb6ls ul li:nth-of-type(2){
    background: url(../image/sb/sb6ls2.png)no-repeat 5% 30%;
    background-color: #ffffff;
    background-size: 13.5%;
}
.sb6ls ul li:nth-of-type(3){
    background: url(../image/sb/sb6ls3.png)no-repeat 5% 30%;
    background-color: #ffffff;
    background-size: 13.5%;
}
.sb6ls ul li .dnr1{
    font-size: 20px;
    text-align: left;
    color: #333333;
}
.sb6ls ul li .dnr2{
    font-size: 16px;
    text-align: left;
    color: #444444;
    min-height: 120px;
}

.sbm7{
    background-color: #ffffff;
    padding: 2% 0 1%;
}
.sb7ls ul li{
    border-bottom: 1px solid #cccccc;
    margin: 0 0 2% 0;
    padding: 0 0 2% 0;
}
.sb7ls ul li .afl{
    width: 70%;
    float: left;
    line-height: 2.2;
}
.sb7ls ul li .afl .dnr1{
    font-size: 26px;
    color: #2d3685;
}
.sb7ls ul li .afl .dnr2{
    font-size: 20px;
    color: #333333;
}
.sb7ls ul li .afr{
    font-size: 180px;
    color: #8286af;
    float: right;
    line-height: 1.1;
}

.sbm8{
    background-color: #ffffff;
    padding: 1% 0 3%;
}
.sb8ls ul li{
    margin: 1% 2.5% 1% 0;
    color: #333333;
    background-color: #f6f6f6;
    float: left;
    width: 18%;
    line-height: 2;
    padding: 2% 1.75%;
    position: relative;
    transition: all 0.3s;
}
.sb8ls ul li:after{
    content: '';
    position: absolute;
    background: url(../image/sb/sb8ls1.png)no-repeat center;
    padding: 10%;
    right: 8%;
    top: 8%;
    filter: brightness(0.5);
    transition: all 0.3s;
    background-size: 50%;
}
.sb8ls ul li:nth-child(5n){
    margin: 1% 0 1% 0;
}
.sb8ls ul li .dnr1{
    font-size: 20px;
}
.sb8ls ul li .dnr2{
    font-size: 16px;
}

.sb8ls ul li:hover{
    color: #ffffff;
    background-color: #2d3685;
}
.sb8ls ul li:hover:after{
    filter: brightness(1);
}



.sbm9{
    background-color: #dcdcdc;
    padding: 2% 0;
}
.sb9ls ul li{
    color: #333333;
    float: left;
    width: 25%;
    line-height: 2;
    position: relative;
    transition: all 0.3s;
    padding: 0 0 0 10%;
}
.sb9ls ul li:nth-of-type(1){
    background: url(../image/sb/sb9ls1.png)no-repeat 10%;
    background-size: 23.5%;
}
.sb9ls ul li:nth-of-type(2){
    background: url(../image/sb/sb9ls2.png)no-repeat 10%;
    background-size: 23.5%;
}
.sb9ls ul li:nth-of-type(3){
    background: url(../image/sb/sb9ls3.png)no-repeat 10%;
    background-size: 23.5%;
}
.sb9ls ul li:nth-of-type(4){
    background: url(../image/sb/sb9ls4.png)no-repeat 10%;
    background-size: 23.5%;
}
.sb9ls ul li .dnr1{
    font-size: 26px;
    color: #333333;
}
.sb9ls ul li .dnr2{
    font-size: 16px;
    color: #666666;
}


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

.zl1ls{
    padding: 0 10%;

}
.zl1ls .zllx{
    margin: 0 0 3% 0;
}
.zl1ls .zllxt{
    font-size: 20px;
    color: #333333;
    float: left;
    letter-spacing: 1px;
    line-height: 35px;
}
.zl1ls .zllxs{
    float: left;
}
.zl1ls .zllxs .dx{
    position: relative;
    float: left;
    margin: 0 0 0 50px;
}
.zl1ls .zllxs .dx .zl_radio[type=radio] {
    visibility: hidden;
}
.zl1ls .zllxs .dx .zl_radio{
    display: block;
    width: 14px;
    height: 14px;
    float: left;
}
.zl1ls .zllxs .dx .zl_radio_lb{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 0;
    border: 1px solid #2d3685;
    overflow: hidden;
    border-radius: 50%;
}
.zl1ls .zllxs .dx .zl_radio:checked +label::before{
    display: block;
    content: "";
    text-align: center;
    color: #ffffff;
    width: 12px;
    height: 12px;
    background-color: #2d3685;
    border-radius: 50%;
    top: 3px;
    position: absolute;
    left: 3px;
}
.zl1ls .zllxs .dx .zl_radio_tit{
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
    float: left;
    cursor: pointer;
    margin: 0 0 0 15px;
    line-height: 35px;
}

.zl1ls .zldh{
    position: relative;
    margin: 0 0 3% 0;
}
.zl1ls .zlsrk{
    position: relative;
    float: left;
    width: 80%;
    height: 80px;
    border: 1px solid #cccccc;
    font-size: 16px;
    border-radius: 10px 0 0 10px;
    color: #333333;
    padding: 0 120px;
}
.zl1ls .zlxf{
    position: absolute;
    left: 20px;
    top: 27px;
    font-size: 20px;
    color: #333333;
}
.zl1ls .zlaan{
    float: left;
    width: 20%;
    height: 80px;
    border: 1px solid #2d3685;
    background-color: #2d3685;
    color: #ffffff;
    font-size: 30px;
    border-radius: 0 10px 10px 0;
    letter-spacing: 2px;
}

.zl1ls .zlcx{

}
.zl1ls .zlrs{
    font-size: 16px;
    float: left;
    color: #333333;
    letter-spacing: 1px;
    line-height: 30px;
}
.zl1ls .zldt{
    font-size: 16px;
    color: #333333;
    float: right;
    letter-spacing: 1px;
}
.zl1ls .zldt .Query_results{
    line-height: 30px;
    text-align: right;
}





.zlm2{
    padding: 2% 0 2%;
    background-color: #eff1ff;
}

.zl2ls{
    position: relative;
}
.zl2ls ul li{
    width: 20%;
    float: left;
    background-color: #ffffff;
    padding: 2%;
    margin: 0 6.65% 2% 0;
    text-align: center;
    line-height: 2;
}
.zl2ls ul li:nth-child(4n){
    margin: 0 0 3% 0;
}
.zl2ls ul li:last-child{
    padding: 0;
    position: absolute;
    height: 45%;
    right: 0;
    /* width: 20%; */
    bottom: -2%;
}

.zl2ls ul li .dimg{
    display: inline-block;
    width: 39.065%;
}
.zl2ls ul li .dnr1{
    font-size: 24px;
    color: #333333;
    line-height: 1.2;
}
.zl2ls ul li .dnr2{
    width: 15%;
    height: 4px;
    background-color: #2d3685;
    display: inline-block;
}
.zl2ls ul li .dnr3{
    font-size: 14px;
    color: #333333;
}
.zl2ls ul li .dnr4{
    font-size: 16px;
    color: #2d3685;
    border: 1px solid #2d3685;
    border-radius: 30px;
    width: 70%;
    margin: 8% 15% 0;
    padding: 1% 0;
    transition: all 0.5s;
}
.zl2ls ul li .dnr4:hover{
    background-color: #2d3685;
    color: #ffffff;
}








.zlm3{
    padding: 2% 0 1%;
    background-color: #ffffff;
}
.zl3ls ul li{
    width: 20%;
    float: left;
    text-align: center;
    line-height: 40px;
    position: relative;
    margin: 0 0 70px 0;
    transition: all 0.5s;
}
.zl3ls ul li:nth-child(n+5){
    float: right;
}
.zl3ls ul li .dnry{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.zl3ls ul li .dnry .dy1{
    float: left;
    margin: 4px 4px 0 0;
    filter: brightness(0.5);
}
.zl3ls ul li .dnry .dy2{
    font-size: 24px;
    color: #333333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0 15%;
    filter: grayscale(1);
    background-size: 40px !important;
    transition: all 0.5s;
}
.zl3ls ul li:nth-of-type(1) .dnry .dy2{
    background: url(../image/zl/ser_icon1.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(2) .dnry .dy2{
    background: url(../image/zl/ser_icon2.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(3) .dnry .dy2{
    background: url(../image/zl/ser_icon3.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(4) .dnry .dy2{
    background: url(../image/zl/ser_icon4.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(5) .dnry .dy2{
    background: url(../image/zl/ser_icon5.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(6) .dnry .dy2{
    background: url(../image/zl/ser_icon6.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(7) .dnry .dy2{
    background: url(../image/zl/ser_icon7.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(8) .dnry .dy2{
    background: url(../image/zl/ser_icon8.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(9) .dnry .dy2{
    background: url(../image/zl/ser_icon9.png)no-repeat left;
}
.zl3ls ul li:nth-of-type(10) .dnry .dy2{
    background: url(../image/zl/ser_icon10.png)no-repeat left;
}

.zl3ls ul li .dnre{
    background-color: #dcdcdc;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    line-height: 30px;
    margin: 5% 0;
    z-index: 2;
    position: relative;
    transition: all 0.5s;
}
.zl3ls ul li .dnrs{
    font-size: 16px;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.5s;
}
.zl3ls ul li .darrow{
    position: absolute;
    left: 40%;
    top: 40%;
    color: #2d3685;
    z-index: 1;
    font-size: 38px;
    opacity: 0;
    transition: all 0.5s;
    font-weight: bold;
}
.zl3ls ul li:nth-child(n+6) .darrow{
    left: 56%;
    top: 45%;
    transform:rotate(180deg);
}
.zl3ls ul li:after{
    content: '';
    position: absolute;
    left: -55%;
    top: 55%;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 1;
}
.zl3ls ul li:nth-child(n+6):after{
    content: '';
    position: absolute;
    left: 55%;
    top: 55%;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 1;
}
.zl3ls ul li:nth-of-type(5):before {
    content: '';
    position: absolute;
    right: 0%;
    top: 55%;
    width: 50%;
    height: 1px;
    background-color: #ccc;
    z-index: 1;
}
.zl3ls ul li:nth-of-type(10):before{
    content: '';
    position: absolute;
    right: 50%;
    top: 55%;
    width: 50%;
    height: 1px;
    background-color: #ccc;
    z-index: 1;
}
.zl3ls ul li:nth-of-type(6):before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 45%;
    width: 1px;
    height: 145%;
    background-color: #ccc;
    z-index: 1;
}
.zl3ls ul li.on .dnry .dy2{
    filter: grayscale(0);
    color: #2d3685;
}
.zl3ls ul li.on .dnre{
    background-color: #2d3685;
}
.zl3ls ul li.on:after{
    background-color: #2d3685;
}
.zl3ls ul li.on:before{
    background-color: #2d3685;
}
.zl3ls ul li.on .darrow{
    opacity: 1;
}

/*.zl3ls .li2:hover:after{*/
    /*background-color: #2d3685;*/
/*}*/
.zl3ls .li2:hover  .zl3ls .li1:after {
    background-color: #2d3685;
}


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

.Patent_Online{
    box-shadow: 1px 1px 20px #cccccc;
    border-radius: 20px;
    padding: 0 0 3% 0;
}
.zl4ls ul{
    text-align: center;
}
.zl4ls ul li{
    width: 7%;
    margin: 0 2%;
    display: inline-block;
    background-color: #f3f3f3;
    padding: 1%;
    line-height: 1.5;
    color: #666666;
    transition: all 0.5s;
}
.zl4ls ul li .dimg{
    width: 50%;
    display: inline-block;
    filter: brightness(0.5);
    transition: all 0.5s;
}
.zl4ls ul li .dcot{
    font-size: 16px;
}
.zl4ls ul li:hover{
    background-color: #2d3685;
    color: #ffffff;
}
.zl4ls ul li:hover .dimg{
    filter: brightness(1);
}

.zlform{
    padding: 3% 3% 0;
}
.zlform .zlsrk{
    height: 55px;
    border: 1px solid #cccccc;
    width: 39.5%;
    margin: 0 1%;
    padding: 0 2%;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1px;
}
.zlform .zlann{
    height: 55px;
    border: 1px solid transparent;
    background: url(../image/zl/pat_button.png)no-repeat left;
    width: 15.5%;
    background-size: cover;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2px;
    border-radius: 10px;
}


.zlm5{
    background-color: #eff1ff;
}

.zlm6{
    background: url(../image/zl/zlm6.jpg) no-repeat;
    background-size: cover;
}
.zl6ls{
    padding: 3% 0 5%;
}
.zl6ls ul li{
    width: 55%;
    background-color: #ffffff;
    margin: 0 0 3% 45%;
    line-height: 2;
    padding: 1% 2%;
    border-radius: 20px;
}
.zl6ls ul li .dnry{
    float: left;
}
.zl6ls ul li .dnry .dy1{
    font-size: 26px;
    color: #333333;
}
.zl6ls ul li .dnry .dy2{
    font-size: 16px;
    color: #333333;
}
.zl6ls ul li .dnre{
    margin: 2% 0 0 0;
    width: 30%;
    font-size: 16px;
    color: #ffffff;
    float: right;
    background-color: #2d3685;
    border-radius: 30px;
    padding: 1% 0 1% 3%;
    position: relative;
    cursor: pointer;
}
.zl6ls ul li .dnre:hover{
    background-color: #ffc347;
}
.zl6ls ul li .dnre:after{
    content: ">";
    position: absolute;
    right: 8%;
    top: 15%;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}


.zlm7{
    padding: 2% 0 1%;
    background-color: #ffffff;
}

.zl7ls ul li{
    width: 18%;
    float: left;
    margin: 0 2.5% 2.5% 0;
    background: url(../image/zl/zl7lsb1.png)no-repeat;
    background-size: cover;
    text-align: center;
    padding: 9% 2%;
    position: relative;
    line-height: 2;
    overflow: hidden;
}
.zl7ls ul li:nth-of-type(4),.zl7ls ul li:nth-of-type(5),.zl7ls ul li:nth-of-type(9),.zl7ls ul li:nth-of-type(10){
    background: url(../image/zl/zl7lsb2.png)no-repeat;
}
.zl7ls ul li:nth-child(5n){
    margin: 0 0 2.5% 0;
}
.zl7ls ul li .dimg{
    position: absolute;
    width: 30%;
    left: 35%;
    top: 20%;
    display: inline-block;
    transition: all 0.5s;
}
.zl7ls ul li .dcot{
    position: absolute;
    width: 80%;
    left: 10%;
    top: 55%;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    transition: all 0.5s;
}
.zl7ls ul li .dlxa{
    position: absolute;
    width: 60%;
    left: 20%;
    font-size: 16px;
    color: #ffffff;
    background-color: #ffc347;
    border-radius: 10px;
    letter-spacing: 1px;
    bottom: -50%;
    transition: all 0.5s;
}
.zl7ls ul li:hover .dimg{
    top: 15%;
}
.zl7ls ul li:hover .dcot{
    top: 48%;
}
.zl7ls ul li:hover .dlxa{
    bottom: 10%;
    opacity: 1;
}



.zlm8{
    background-color: #dcdcdc;
    padding: 2% 0;
}
.zl8ls ul li{
    color: #333333;
    float: left;
    width: 25%;
    line-height: 2;
    position: relative;
    transition: all 0.3s;
    padding: 1% 0 1% 10%;
}
.zl8ls ul li:nth-of-type(1){
    background: url(../image/zl/zl8ls1.png)no-repeat 10%;
    background-size: 23.5%;
}
.zl8ls ul li:nth-of-type(2){
    background: url(../image/zl/zl8ls2.png)no-repeat 10%;
    background-size: 23.5%;
}
.zl8ls ul li:nth-of-type(3){
    background: url(../image/zl/zl8ls3.png)no-repeat 10%;
    background-size: 23.5%;
}
.zl8ls ul li:nth-of-type(4){
    background: url(../image/zl/zl8ls4.png)no-repeat 10%;
    background-size: 23.5%;
}
.zl8ls ul li .dnr1{
    font-size: 26px;
    color: #333333;
}
.zl8ls ul li .dnr2{
    font-size: 16px;
    color: #666666;
}
.table-responsive table{ width:90%; margin: 0 auto; max-width: 100%; border-collapse:collapse; overflow:hidden; font-size:16px;}
.table-responsive table th{ background-color:#2d3685; border-bottom:0px !important; color:#fff; text-align:center;padding: 1% 0;width: 12%}
.table-responsive table th:first-child{ text-align:left;text-indent: 1em;width: 25%}
.table-responsive table td{ background-color:#F0F0F0; border:1px solid #FFF; text-align:center; vertical-align:middle !important;padding: .8% 0;
    overflow: hidden;
}
.table-responsive table td:first-child{ text-align:left;text-indent: 1em;}
.table-responsive table td:nth-child(4){ }
.table-responsive table .btn-danger{
    background-color: #2d3685;
    color: white;
    padding: 2% 4%;
}