@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
@font-face{
    font-family: "dBold";
    src: url('../font/din-bold_.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* 顶部 */
.top-wrap{
    width: 100%;
    background-color: #efefef;
    height: 42px;
}
.top-main{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #666;
}
.top-right{
    display: flex;
    align-items: center;
}
.top-item{
    display: flex;
    align-items: center;
    height: 42px;
    position: relative;
    padding-left: 20px;
    padding-right: 18px;
}
.top-item span{
    padding-right: 10px;
}
.top-item::after{
    position: absolute;
    width: 1px;
    height: 9px;
    content: "";
    background-color: #969696;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
.top-item:last-child{
    padding-right: 0px;
}
.top-item:last-child::after{
    display: none;
}
.top-icon{
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
}
.top-code{
    position: absolute;
    width: 160px;
    height: 171px;
    top: 42px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: none;
}
.top-code::before{
    position: absolute;
    content: "";
    width: 22px;
    height: 11px;
    background: url(../img/top-ewmicon.png) no-repeat center;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.top-codeimg{
    width: 160px;
    height: 160px;
    border: 2px solid #244e9e;
    overflow: hidden;
}
.top-codeimg img{
    display: block;
    width: 100%;
}
.public-img{
    width: 100%;
    overflow: hidden;
}
.public-img img{
    width: 100%;
    display: block;
    transition: all .5s;
}
/* header */
header{
    width: 100%;
    z-index: 22;
    background-color: #fff;
    position: relative;
}
.header-main{
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 104px;
    align-items: center;
}
.logo{
    display: block;
    width: 501px;
}
.logo img{
    display: block;
    width: 100%;
}
.header-hotline{
    display: flex;
    align-items: center;
}
.hotline-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #244e9e;
    margin-right: 22px;
}
.hotline-info h3{
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.hotline-info span{
    font-size: 32px;
    line-height: 32px;
    font-family: "dMedium";
    color: #2c5fdb;
    display: block;
}
.nav-main{
    display: flex;
    height: 52px;
    justify-content: space-between;
}
.nav-all{
    width: 318px;
    position: relative;
}
.nav-sub{
    position: absolute;
    padding-top: 35px;
    display: none;
}
.nav-subs{
    position: absolute;
    background: #fff;
    position: absolute;
    width: 120px;
    padding: 10px 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.nav-subs dl dd{
    line-height: 35px;
    text-align: center;
}
.nav-subs dl dd:hover>a{
    color: #2c5fdb;
}
.nav-bg{
    height: 230px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    padding-top: 35px;
    display: none;
    
}
.nav-sub dl dt{
    margin-bottom: 30px;
}
.nav-sub{
    display:flex;
    padding: 0 146px;
    position: relative;
}
.nav-sub dl{
    margin-right: 256px;
}
.nav-sub dl:last-child{
    margin-right: 0;
}
.nav-all .nav-alltitle{
    display: block;
    width: 100%;
    line-height: 52px;
    text-align: center;
    border-radius: 2px;
    background-color: #093ca5;
    font-size: 16px;
    color: #fff;
}
.sub-wraps{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
}
.sub-wraps .container{
    position: relative;
    display: flex;
}
.all-sub{
    position: absolute;
    width: 318px;
    background-color: rgba(0, 0, 0, .1);
    z-index: 999;
    top: 0;
    left: 0px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.asub-item{
    display: flex;
    padding-left: 19px;
    padding-right: 29px;
    border-bottom: 1px solid #3860f4;
    align-items: center;
    transition: all .5s;
    flex:1;
}
.asub-child{
    width: 280px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 318px;
    background-color: #093ca5;
    display: none;
}
.csub-item{
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 56px;
    border-bottom: 1px solid #325db4;
}
.csub-item:last-child{
    border-bottom: none;
}
.csub-item > a{
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}
.csub-item dl dd a{
    color: #fff;
    opacity: .6;
    font-size: 16px;
    line-height: 30px;
}
.asub-item.on, .asub-item:hover{
    background-color: #083694;
}
.all-main{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.asub-info{
    display: flex;
    width: calc(100% - 10px);
}
.asub-txt{
    margin-left: 17px;
}
.asub-txt h3{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #fff;
}
.asub-title span{
    font-size: 14px;
    line-height: 18px;
    opacity: .7;
    color: #f1f1f1;
}
.all-main i{
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/head-larrow.png) no-repeat center;
    cursor: pointer;
    margin-top: 8px;
}
.nav{
    width: calc(100% - 318px);
}
.nav-ul{
    display: flex;
    justify-content: flex-end;
}
.nav-ul li{
    margin-right: 80px;
    position: relative;
}
.nav-ul li:last-child{
    margin-right: 0px;
}
.nav-ul li>a{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    padding-bottom: 9px;
    border-bottom: 3px solid transparent;
    transition: all .3s;
}
.nav-ul li:hover>a,
.nav-ul li.nav-active>a{
    color: #093ca5;
    border-bottom-color: #093ca5;
    font-weight: bold;
}
.nav-sub dl dd a{
    color: #666666;
}
.nav-sub dl dd{
    height: 30px;
}
.nav-sub dl dd a:hover{
    color: #093ca5;
}
@media(max-width:1800px){
    .csub-item{
        padding-top: 20px;
    }
    .csub-item > a{
        margin-bottom: 5px;
    }
}

@media(max-width: 1600px){
    .nav-ul li{
        margin-right: 40px;
    }
    .asub-item{
        min-height: auto;
        flex: 1;
    }
    .csub-item > a{
        margin-bottom: 8px;
    }
    .csub-item{
        padding-left: 40px;
        padding-top: 12px;
    }
    .csub-item dl dd a {

        font-size: 14px;
        line-height: 24px;
    }

}
@media(max-width: 1400px){
    .nav-ul li > a{
        font-size: 14px;
    }
    .nav-ul li{
        margin-right: 30px;
    }
    .nav-sub dl dt{
        margin-bottom: 10px;
    }
    .nav-sub a{
        font-size: 14px;
    }
    .csub-item{
        padding-top: 15px;
        padding-bottom: 12px;
    }
    .csub-item dl dd a{
        line-height: 20px;
    }
    .all-sub{
        left: 15px;
    }
    .asub-txt h3{
        margin-bottom: 4px;
    }
}
@media(max-width: 1200px){
    .logo{
        width: 460px;
    }
    .nav-all{
        width: 314px;
    }
    .all-sub{
        width: 314px;
    }
    .asub-child{
        left: 314px;
    }
    .nav{
        width: calc(100% - 314px);
    }
    .nav-ul li{
        margin-right: 10px;
    }
    .asub-txt h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0px;
        color: #fff;
    }
    .asub-title span{
        font-size: 12px;
        line-height: 14px;
    }
    .csub-item dl dd a{
        font-size: 14px;
        line-height: 20px;
    }
    .asub-title{
        line-height: 16px;
    }
    .csub-item dl dd a{
        font-size: 12px;
    }
    .csub-item {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}
@media(max-width:1080px){
/*
    .nav-all{
        width: 400px;
    } */
    .asub-item{
        padding-left: 10px;
        padding-right: 15px;
    }
    .csub-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media(max-width: 991px){
    .top-wrap{
        display: none;
    }
    .header-hotline{
        display: none;
    }
    .logo{
        width: 360px;
    }
    .header-main{
        height: 70px;
    }
    .nav-main{
        display: none;
    }
    .sub-wraps{
        display: none;
    }
}
@media(max-width: 599px){

    .logo{
        width: 260px;
    }
}
/* 底部 */
#footer{
    padding-top: 25px;
    overflow: hidden;
    width: 100%;
    background: #1b1b1b;
}
.footer-top{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
}
.footer-left{
    width: calc(100% - 160px);
    padding-right: 80px;
}
.fleft-top{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}
.fleft-fbusiness{
    width: 50%;
}
.fbusiness{
    display: flex;
    margin-bottom: 25px;
}
.fbusiness h3{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 18px;
    margin-right: 10px;
}
.fleft-top dl{
    display: flex;
    flex-wrap: wrap;
}
.fleft-top dl:last-child{
    margin-bottom: 0px;
}
.fleft-top dl dd{
    margin-right: 16px;
}
.fleft-top dl dd a{
    color: #969696;
    font-size: 14px;
    line-height: 22px;
}
.fleft-hotline{
    display: flex;
    align-items: center;
}
.fhot-img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}
.fhot-txt{
    color: #fff;
}
.fhot-txt h3{
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
}
.fhot-txt span{
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
}
.footer-nav{
    display: flex;
    width: 100%;
}
.footer-nav li{
    margin-right: 108px;
}
.footer-nav li:last-child{
    margin-right: 0px;
}
.footer-nav li a{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
}
.footer-code{
    width: 158px;
    height: 158px;
    overflow: hidden;
    margin-bottom: 18px;
}
.footer-code img{
    width: 100%;
    display: block;
}
.footer-right p{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}
.copy{
    padding-top: 23px;
    padding-bottom: 34px;
    border-top: 1px solid #474747;
}
.copy p{
    font-size: 16px;
    color: #666;
    line-height: 32px;
}
.copy-main{
    display: flex;
}
.copy-item{
    display: flex;
    align-items: center;
    height: 32px;
    margin-right: 30px;
}
.copy-item p{
    margin-left: 10px;
}
@media(max-width: 1600px){
    .footer-nav li{
        margin-right: 54px;
    }
}
@media(max-width: 1400px){
    .footer-nav li{
        margin-right: 38px;
    }
}
@media(max-width: 1200px){
    .footer-nav li{
        margin-right: 25px;
    }
    .fhot-img{
        width: 58px;
        margin-right: 15px;
        height: 58px;
    }
    .fhot-txt span{
        font-size: 30px;
        line-height: 30px;
    }
    .footer-left{
        padding-right: 20px;
    }
    .fleft-hotline{
        align-items: flex-start;
    }
    .fleft-fbusiness{
        width: 58%;
    }
}
@media(max-width: 991px){
    .footer-top{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .footer-left{
        padding-right: 0px;
        width: 100%;
    }
    .fleft-top{
        flex-wrap: wrap;
        padding-top: 0px;
        margin-bottom: 20px;
    }
    .fleft-fbusiness{
        width: 100%;
        margin-bottom: 15px;
    }
    .fbusiness{
        margin-bottom: 12px;
    }
    .fhot-txt span{
        font-size: 24px;
        line-height: 24px;
    }
    .footer-nav{
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-nav li{
        margin-right: 5px;
        margin-left: 5px;
    }
    .footer-right{
        margin: 10px auto 0px;
    }
    .fleft-hotline{
        justify-content: center;
        width: 100%;
    }
    .footer-code{
        margin-bottom: 10px;
    }
    .copy-main{
        justify-content: center;
        flex-wrap: wrap;
    }
    .copy-item{
        width: 100%;
        justify-content: center;
        margin-right: 0px;
    }
    .copy{
        flex-wrap: wrap;
        height: auto;
        padding: 15px 0px;
    }
    .copy p:first-child{
        width: 100%;
    }
    .copy p{
        text-align: center;
        line-height: 24px;
    }
}
/* 服务 */
.home-service{
    padding-top: 64px;
    background: url(../img/homezl-bg.jpg) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}
.hservice-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 49px;
}
.hservice-item:last-child{
    margin-bottom: 0px;
}
.hservice-left{
    width: 320px;
    position: relative;
}
.hservice-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding-top: 54px;
}
.hservice-info h4{
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 16px;
}
.hservice-info h3{
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 25px;
}
.hservice-info p{
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    max-width: 186px;
}
.hser-consult{
    display: block;
    width: 120px;
    height: 36px;
    text-align: center;
    border-radius: 18px;
    background-color: #fff;
    color: #666;
    line-height: 36px;
    margin-top: 22px;
    font-size: 14px;
}
.book-img{
    width: 180px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.hservice-item:last-child .book-img{
    width: 184px;
    bottom: 0px;
}
.book-img img{
    display: block;
    width: 100%;
}
.hservice-right{
    width: calc(100% - 320px);
    padding-left: 29px;
    display: flex;
}
.hservice-rlist{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.hservice-rtem{
    width: calc(50% - 11px);
    background-color: #fff;
    border-radius: 10px;
    padding: 65px 80px 0px;
}
.hser-title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
}
.hser-titleleft{
    display: flex;
    align-items: center;
}
.hser-titleleft h3{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    margin-right: 12px;
}
.hser-title a{
    font-size: 14px;
    color: #969696;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 14px;
}
.hser-title a::before{
    width: 1px;
    height: 12px;
    position: absolute;
    background: #969696;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
.hser-title a:hover{
    color: #093ca5;
}
.hser-title a:hover::before{
    background: #093ca5;
}
.hser-other{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px;
}
.hser-other li{
    width: 45%;
    margin-bottom: 52px;
}
.hser-name{
    display: flex;
    align-items: center;
}
.hser-name h3{
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.hser-other li:hover .hser-name h3{
    color: #093ca5;
}
.hser-name img{
    margin-left: 8px;
    animation: move 2s infinite ;
}
@keyframes move{
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px)
    }
    100%{
        transform: translateY(0px)
    }
}
.hser-txt{
    margin-top: 8px;
    font-size: 14px;
    color: #969696;
    line-height: 22px;
}
@media(max-width: 1600px){
    .hservice-rtem{
        padding: 50px 45px 0px;
    }
}
@media(max-width: 1400px){
    .hservice-rtem{
        padding-left: 25px;
        padding-right: 25px;
    }
    .hser-other li{
        width: 48%;
    }
}
@media(max-width: 1200px){
    .hservice-item{
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .hservice-left{
        margin: 0 auto;
    }
    .hservice-right{
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .hser-other li{
        width: 45%;
    }
}
@media(max-width: 991px){
    .hservice-rlist{
        flex-wrap: wrap;
    }
    .hservice-rtem{
        width: 100%;
        padding-top: 25px;
        margin-bottom: 20px;
    }
    .hser-other li{
        margin-bottom: 30px;
    }
    .hservice-item{
        margin-bottom: 0px;
    }
    .home-service{
        padding-top: 40px;
    }
}
@media(max-width: 559px){
    .hser-other{
        margin-top: 12px;
    }
    .hservice-info h4{
        font-size: 20px;
    }
    .hservice-info h3{
        font-size: 24px;
        line-height: 24px;
    }
    .hser-other li{
        margin-bottom: 18px;
    }
    .hservice-rtem{
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
    }
    .hser-title{
        padding-bottom: 6px;
    }
    .hser-name h3{
        font-size: 14px;
    }
    .hser-txt{
        margin-top: 6px;
    }
}
/* 版权登记 */
.register-wrap{
    width: 100%;
    overflow: hidden;
    background-color: #f6fbfe;
    padding-top: 48px;
}
.public-title{
    text-align: center;
    position: relative;
    z-index: 10;
}
.public-title h3{
    font-size: 36px;
    line-height: 36px;
    color: #333;
    position: relative;
    font-weight: normal;
    display: inline-block;
    padding: 0 64px;
    margin-bottom: 12px;
    position: relative;
}
.public-title h3::after,
.public-title h3::before{
    position: absolute;
    width: 44px;
    height: 1px;
    background-color: #d2dfe6;
    content: "";
    top: 50%;
    transform: translateY(-50%);
}
.public-title h3::after{
    right: 0px;
}
.public-title h3::before{
    left: 0px;
}
.public-title dl{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}
.public-title dl dd{
    color: #8095a2;
    font-size: 16px;
    line-height: 24px;
    padding: 0 8px;
    position: relative;
}
.public-title dl dd::after{
    position: absolute;
    width: 2px;
    height: 18px;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background-color: #8095a2;
}
.public-title dl dd:last-child::after{
    display: none;
}
.public-title span{
    position: absolute;
    text-transform: uppercase;
    font-size: 102px;
    line-height: 102px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: -68px;
    color: #fff;
    z-index: 9;
    width: 100%;
    font-weight: bold;
}
.register-list{
    margin-top: 18px;
    position: relative;
    z-index: 10;
    display: flex;
    padding: 25px 30px 34px;
    justify-content: space-between;
    background-color: #fff;
}
.register-list li{
    margin-right: 25px;
    position: relative;
}
.register-list li:last-child{
    margin-right: 0px;
}
.register-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 48px;
    padding-left: 45px;
    padding-right: 58px;
    padding-bottom: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .5s;
}
.register-txt{
    color: #fff;
}
.register-txt h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 16px;
}
.register-txt p{
    line-height: 18px;
    font-size: 16px;
}
.register-btn{
    display: flex;
    opacity: 0;
    transition: all .5s;
    align-items: center;
}
.register-btn a{
    display: block;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    border-radius: 20px;
}
.register-btn .register-more{
    background-color: #244e9e;
}
.register-btn .register-apply{
    background-color: #cb0c0c;
}
.register-list li:hover .register-info{
    background-image: url(../img/register-mask.png);
}
.register-list li:hover .register-btn{
    opacity: 1;
}
@media(max-width: 1600px){
    .register-info{
        padding: 30px 30px;
    }
    .public-title span{
        font-size: 82px;
        line-height: 82px;
        bottom: -50px;
    }
}
@media(max-width: 1200px){
    .register-list{
        padding-left: 15px;
        padding-right: 15px;
    }
    .register-info{
        padding: 20px;
    }
    .public-title span{
        font-size: 72px;
        line-height: 72px;
        bottom: -40px;
    }
}
@media(max-width: 991px){
    .public-title h3{
        font-size: 28px;
        line-height: 28px;
    }
    .register-list{
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
        flex-wrap: wrap;
    }
    .register-list li{
        width: calc(50% - 12px);
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .public-title span{
        font-size: 52px;
        line-height: 52px;
        bottom: -24px;
    }
    .register-wrap{
        padding-top: 20px;
    }
    .public-title dl{
        text-align: center;
        display: block;
    }
    .public-title dl dd{
        display: inline-block;
    }
}
@media(max-width: 599px){
    .public-title h3{
        font-size: 26px;
        line-height: 26px;
    }
    .public-title h3::after,
    .public-title h3::before{
        width: 28px;
    }
    .public-title span{
        font-size: 30px;
        line-height: 40px;
    }
    .register-list{
        margin-top: 10px;
    }
    .register-list li{
        width: 100%;
    }
    .register-info{
        padding: 25px;
    }
}
/******关于我们******/
.about-nav{
    background: #f8f8f8;
    height: 84px;
    line-height: 84px;
}
.about-navw{
    padding: 0 125px;
}
.about-navswiper .swiper-slide.on{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background:#fff url('../img/nav-arrow.png') no-repeat center top;
}
.about-navswiper .swiper-slide:hover{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background:#fff url('../img/nav-arrow.png') no-repeat center top;
}
.about-navswiper .swiper-slide{
    text-align: center;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}
.about-navswiper .swiper-slide a{
    display: block;

}
.about-m{
    overflow: hidden;
    margin-top: 80px;
}
.about-qyjs{
    display: flex;
}
.about-qyjsl{
    width: 50%;
    overflow: hidden;
}
.about-qyjsl img{
    width: 100%;
    transition: all .5s;
}
.about-qyjsl:hover img{
    transform: scale(1.1);
}
.about-qyjsr{
    width: 36.5%;
    padding-left: 65px;
    padding-top: 35px;
}
.about-qyjsrtxt h3{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 36px;
}
.about-qyjsrtxt p{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.news-qyzxtit h3{
    font-size: 24px;
    color:#333333;
    font-weight: bold;
}
.about-num{
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.about-num li{
    padding: 0 70px;
    position: relative;
}
.about-num li::after{
    position: absolute;
    content: "";
    height: 48px;
    width: 1px;
    background-color: #d0d0d0;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
.about-num li:last-child::after{
    display: none;
}
.about-num li:first-child{
    padding-left: 0px;
}
.about-num li:last-child{
    padding-right: 0px;
}
.num-wrap{
    display: flex;
}
.num-wrap h3{
    font-size: 48px;
    line-height: 48px;
    color: #333;
    font-family: "dBold";
    margin-top: 12px;
}
.num-wrap span{
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.about-num li p{
    color: #a1a1a1;
    font-size: 16px;
    line-height: 22px;
}
@media(max-width: 1800px){
    .about-num li{
        padding: 0 60px;
    }
    .about-num{
        margin-top: 30px;
    }
}
@media(max-width: 1600px){
    .about-num li{
        padding: 0 40px;
    }
}
@media(max-width: 1400px){
    .about-qyjsr{
        width: 45%;
        padding-top: 0px;
        padding-left: 30px;
    }
    .about-qyjsrtxt h3{
        margin-bottom: 20px;
    }
    .about-num li{
        padding: 0 60px;
    }
}
@media(max-width: 1200px){
    .about-num li{
        padding: 0 30px;
    }
}
@media(max-width: 991px){
    .about-m{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .about-qyjs{
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .about-qyjsl{
        width: 100%;
    }
    .about-qyjsr{
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
    .about-qyjsrtxt h3{
        font-size: 24px;
        line-height: 24px;
    }
    .about-num{
        margin-top: 20px;
    }
    .about-num li{
        padding: 0px;
        width: 33.333%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width: 599px){
    .num-wrap h3{
        font-size: 36px;
        line-height: 36px;
        margin-top: 0px;
    }
}
/* 企业文化 */
.culture-wrap{
    background-color: #f6f9ff;
    width: 100%;
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 58px;
}
.inside-title{
    text-align: center;
    color: #333;
    font-size: 30px;
    line-height: 30px;
}
.culture-list{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    padding-left: 120px;
    padding-right: 120px;
}
.culture-list li{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.culture-icon{
    margin-bottom: 24px;
    min-height: 70px;
    height: 115px;
}
.culture-icon img{
    transition: all .5s;
}
.culture-list li p{
    font-size: 24px;
    color: #333;
    line-height: 24px;
    text-align: center;
}
.culture-list li:hover .culture-icon img{
    transform: translateY(-10px)
}
.culture-list li:hover p{
    color: #244e9e;
}
@media(max-width: 1200px){
    .culture-list{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media(max-width: 991px){
    .culture-list{
        margin-top: 30px;
    }
    .inside-title{
        font-size: 26px;
        line-height: 26px;
    }
    .culture-wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(max-width: 599px){
    .culture-icon{
        margin-bottom: 0px;
    }
    .culture-list li{
        width: 33.33%;
        margin-bottom: 10px;
    }
    .culture-wrap{
        padding-bottom: 20px;
    }
    .culture-list{
        flex-wrap: wrap;
        justify-content: center;
    }
    .culture-list li p{
        font-size: 18px;
        line-height: 24px;
    }
}
/* 团队风采 */
.team-wrap{
    width: 100%;
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 68px;
}
.team-wrap .inside-title{
    margin-bottom: 58px;
}
.team-next, .team-prev{
    width: 74px;
    height: 74px;
    background-color: rgba(255, 255, 255, .74);
    margin-top: -37px;
    border-radius: 50%;
    background-size: 13px 24px;
}
.team-next{
    background-image: url(../img/team-next.png);
    right: 128px;
}
.team-prev{
    background-image: url(../img/team-prev.png);
    left: 128px;
}
@media(max-width: 1400px){
    .team-next{
        right: 88px;
    }
    .team-prev{
        left: 88px;
    }
}
@media(max-width: 1400px){
    .team-next, .team-prev{
        width: 54px;
        height: 54px;
        margin-top: -27px;
    }
    .team-next{
        right: 48px;
    }
    .team-prev{
        left: 48px;
    }
}
@media(max-width: 991px){
    .team-wrap{
        padding-top: 40px;
    }
    .team-wrap .inside-title{
        margin-bottom: 30px;
    }
    .team-next, .team-prev{
        width: 44px;
        height: 44px;
        margin-top: -22px;
    }
    .team-next{
        right: 20px;
    }
    .team-prev{
        left: 20px;
    }
}
@media(max-width:449px){
    .team-next, .team-prev{
        width: 38px;
        height: 38px;
        margin-top: -19px;
        background-size: 10px 18px;
    }
    .team-next{
        right: 10px;
    }
    .team-prev{
        left: 10px;
    }
}
.about-service{
    width: 100%;
    overflow: hidden;
    padding-top: 41px;
    padding-bottom: 130px;
    background: url(../img/about-ser-bg.jpg) no-repeat center;
    background-size: 100% 100%;
}
.aser-list{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
    margin-right: -30px;
    
}

.aser-list li{
    padding: 30px;
    border-radius: 50%;
    position: relative;
    transition: all .5s;
    position: relative;
}


.aser-list li:last-child::after{
    display: none;
} 
.aser-list li:first-child .aser-item::before{
    display: none;
} 
.aser-list li::after{
    content: "";
    position: absolute;
    height: 1px;
    background: url("../img/about-linebg.png") repeat-x center right;
    width: 58%;
    top: 50%;
    left: 85%;
}
.aser-item::before{
    position: absolute;
    background: url("../img/arrow.png") no-repeat center left;
    content: "";
    width: 8px;
    height: 14px;
    width: 100%;
    right: -10%;
    top: 51%;
    transform: translateY(-50%);
}


@media(max-width:1600px){
    .aser-list li::after{
        width: 44%;
    }
}
@media(max-width:1400px){
    .aser-list li::after{
        width: 33%;
    }
}
@media(max-width:1200px){
    .aser-list li::after{
        display: none;
    }
    .aser-item::before{
        display: none;
    }
}
.aser-list li span{
    position: absolute;
    height: 60px;
    font-style: italic;
    font-size: 52px;
    line-height: 60px;
    color: #fff;
    font-family: "dBold";
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}
.aser-item{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all .5s;
}
.aser-icon{
    min-height: 36px;
    margin-bottom: 12px;
}
.aser-item p{
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.aser-list li:hover{
    background-color: rgba(36, 78, 158, .55);
}
.aser-list li:hover .aser-item{
    background-color: #244e9e;
}
.about-service .inside-title{
    color: #fff;
}
@media(max-width: 1200px){
    .aser-list{
        margin-left: 0px;
        margin-right: 0px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 50px;
    }
    .about-service{
        padding-bottom: 80px;
    }
}
@media(max-width: 991px){
    .aser-list{
        margin-top: 30px;
    }
    .about-service{
        padding-bottom: 30px;
    }
}
@media(max-width: 599px){
    .aser-list{
        margin-top: 30px;
    }
    .aser-list li{
        padding: 20px;
    }
    .aser-item{
        width: 110px;
        height: 110px;
    }
    .aser-icon{
        margin-bottom: 2px;
        margin-top: 8px;
    }
    .aser-list li p{
        font-size: 16px;
    }
    .about-service{
        padding-bottom: 30px;
    }
    .aser-list li span{
        height: 42px;
        font-size: 42px;
        line-height: 42px;
    }
}
/* 资质荣誉 */
.honor-wrap{
    padding-top: 43px;
    padding-bottom: 79px;
    width: 100%;
    overflow: hidden;
}
.honor-main{
    margin-top: 64px;
}
.honor-top{
    width: 72.9%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto 70px;
    position: relative;
}
.honor-gallery{
    width: 57.5%;
    margin: 0 auto;
}
.honor-top .swiper-button-next,
.honor-top .swiper-button-prev{
    width: 74px;
    height: 74px;
    background-color: rgba(255, 255, 255, .74);
    margin-top: -37px;
    border-radius: 50%;
    background-size: 13px 24px;
    box-shadow: 0px 0px 10px #f8f8f8;
    opacity: 1;
}
.honor-top .swiper-button-next{
    background-image: url(../img/team-next.png);
    right: 10px;
}
.honor-top .swiper-button-prev{
    background-image: url(../img/team-prev.png);
    left: 10px;
}
.gallery-top .public-img:hover img{
    transform: scale(1.1);
}
/* .gallery-thumbs .public-img{
    border: 1px solid #dddddd;
} */
/* .gallery-thumbs .swiper-slide-thumb-active .public-img{
    border-color: #244e9e;
} */
.history-time{
    width: 100%;
    position: relative;
    margin-top: 60px;
}
.history-time::after{
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    left: 0px;
    background-color: #b7c3da;
    top: 10px;
}
.history-line{
    padding: 0 144px;
}
.hgallery-year{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hgallery-year span{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(180, 180, 180, .29);
    position: relative;
    margin-bottom: 20px;
}
.hgallery-year p{
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}
.hgallery-year span::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    background-color: #b4b4b4;
}
@media(max-width: 1200px){
    .honor-top{
        width: 90%;
    }
}
@media(max-width: 991px){
    .honor-top{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .honor-gallery{
        width: 75%;
    }
    .honor-main{
        margin-top: 30px;
    }
    .honor-wrap{
        padding-top: 40px;
        padding-bottom: 45px;
    }
}
@media(max-width: 599px){
    .honor-top .swiper-button-next,
    .honor-top .swiper-button-prev{
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background-size: 10px 18px;
    }
    .honor-top .swiper-button-next{
        right: 0px;
    }
    .honor-top .swiper-button-prev{
        left: 0px;
    }
    .honor-gallery{
        width: 80%;
    }
    .honor-wrap{
        padding-bottom: 40px;
    }
}
/* 发展历程 */
.history-wrap{
    background-color: #f5f5f5;
    padding-bottom: 44px;
}
.history-top{
    margin-top: 58px;
}
.history-top .container{
    position: relative;
}
.hgallery-info{
    width: 100%;
    position: relative;
    padding-left: 240px;
    padding-right: 240px;
}
.history-top .swiper-button-next,
.history-top .swiper-button-prev{
    width: 74px;
    height: 74px;
    background-color: rgba(255, 255, 255, .74);
    margin-top: -37px;
    border-radius: 50%;
    background-size: 13px 24px;
    box-shadow: 0px 0px 10px #eeeeee;
    opacity: 1;
}
.history-top .swiper-button-next{
    background-image: url(../img/team-next.png);
    right: 62px;
}
.history-top .swiper-button-prev{
    background-image: url(../img/team-prev.png);
    left: 62px;
}
.history-item{
    display: flex;
}
.history-info{
    padding-top: 22px;
    width: 50%;
    padding-right: 60px;
}
.history-info h3{
    font-size: 80px;
    line-height: 80px;
    font-family: "dBold";
    color: #244e9e;
    margin-bottom: 30px;
}
.history-info p{
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
.history-img{
    width: 50%;
    overflow: hidden;
}
.history-img img{
    transition: all .5s;
    width: 100%;
}
.swiper-slide-thumb-active .hgallery-year span::after{
    background-color: #244e9e;
}
@media(max-width: 1600px){
    .history-info{
        padding-top: 0px;
        padding-right: 40px;
    }
    .hgallery-info{
        padding-left: 180px;
        padding-right: 180px;
    }
}
@media(max-width: 1400px){
    .history-top .swiper-button-next{
        right: 15px;
    }
    .history-top .swiper-button-prev{
        left: 15px;
    }
    .history-info h3{
        margin-bottom: 20px;
    }
    .hgallery-info{
        padding-left: 120px;
        padding-right: 120px;
    }
    .history-line{
        padding: 0 80px;
    }
}
@media(max-width: 1200px){
    .history-top .swiper-button-next{
        right: 0px;
    }
    .history-top .swiper-button-prev{
        left: 0px;
    }
    .history-info h3{
        font-size: 60px;
        line-height: 60px;
    }
    .hgallery-info{
        padding-left: 80px;
        padding-right: 80px;
    }
    .history-line{
        padding: 0 40px;
    }
}
@media(max-width: 991px){
    .history-top{
        margin-top: 30px;
    }
    .history-top .swiper-button-next,
    .history-top .swiper-button-prev{
        width: 54px;
        height: 54px;
        margin-top: -27px;
    }
    .history-info h3{
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 10px;
    }
    .history-item{
        flex-wrap: wrap;
    }
    .history-info{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 15px;
    }
    .history-img{
        width: 100%;
    }
    .history-time{
        margin-top: 30px;
    }
    .hgallery-year span{
        margin-bottom: 10px;
    }
    .history-wrap{
        padding-bottom: 40px;
    }
    .hgallery-info{
        padding-left: 60px;
        padding-right: 60px;
    }
    .history-line{
        padding: 0px;
    }
    .history-info p{
        font-size: 16px;
    }
}
/****新闻****/
.news-qyzx{
    padding-top: 54px;
}
.news-qyzxtit h3{
    border-left: 6px solid #244e9e;
    padding-left: 27px;
}
.news-qyzxm{
    margin-top: 40px;
}
.about-nav .news-nav{
    padding: 0 300px;
}
.news-navswiper .swiper-slide.on{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #fff;
    background:#fff url('../img/nav-arrow.png') no-repeat center top;
}
.news-navswiper .swiper-slide:hover{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background:#fff url('../img/nav-arrow.png') no-repeat center top;
}
.news-navswiper .swiper-slide{
    text-align: center;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}
.news-navswiper.swiper-slide a{
    display: block;
}
.news-qyzxm ul li a{
    display: flex;
}
.news-qyzxml{
    width: 23%;
    overflow: hidden;
}
.news-qyzxml img{
    width: 100%;
    transition: all .5s;
}
.news-qyzxmr{
    width: 60%;
    margin-left: 50px;
    border-bottom: 1px solid transparent;
    transition: all .5s;
}
.news-qyzxm ul li{
    margin-bottom: 40px;
}
.news-qyzxm ul li:last-child{
    margin-bottom: 0px;
}
.news-qyzxm ul li .news-qyzxmrtxt h3{
    font-size: 16px;
    color: #969696;
}
.news-qyzxm ul li .news-qyzxmrtxt h4{
    font-size: 18px;
    font-weight: bold;
    padding: 23px 0;
}
.news-qyzxm ul li .news-qyzxmrtxt{
    padding-top: 18px;
}
.news-qyzxm ul li .news-qyzxmrtxt p{
    font-size: 14px;
    color: #a4a4a4;
    padding-right: 80px;
}
.news-qyzxmrtxt span{
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    display: block;
    margin-top: 19px;
    transition: all .5s;
}
.news-qyzxm ul li:hover .news-qyzxml img{
    transform: scale(1.1);
}
.news-qyzxm ul li:hover .news-qyzxmrtxt span{
    transform: translateX(5px);
    color: #244e9e;
}
.news-qyzxm ul li:hover .news-qyzxmrtxt h4{
    color: #244e9e;
}
.news-qyzxm ul li:hover .news-qyzxmr{
    border-bottom-color: #e4e4e4;
}
@media(max-width:1600px){
    .about-nav .news-nav{
        padding: 0 100px;
    }
    .about-nav .news-nav{
        padding: 0;
    }
    .news-qyzxm ul li .news-qyzxmrtxt p{
        padding-right: 0;
    }
    .news-qyzxm ul li .news-qyzxmrtxt h4{
        padding: 10px 0;
    }
    .news-qyzxm ul li .news-qyzxmrtxt{
        padding-top: 0;
    }
}
@media(max-width:1400px){
    .news-qyzxm ul li .news-qyzxmrtxt p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 48px;
        overflow: hidden;
    }
}
@media(max-width:1200px){
    .news-qyzxmrtxt span{
        margin-top: 5px;
    }
}

@media(max-width:991px){
    .about-nav .news-nav{
        padding: 0;
    }
    .about-navw{
        padding: 0 30px;
    }
    .news-qyzxm ul li a{
        display: block;
    }
    .news-qyzxm ul li{
        margin-bottom: 0px;
    }
    .news-qyzxml{
        width: 100%;
    }
    .news-qyzxmr{
        width: 100%;
    }
    .news-qyzxmr{
        margin-left: 0;
        padding: 15px 0;
    }
    .news-qyzxm ul li .news-qyzxmrtxt h4{
        font-size: 16px;
        line-height: 28px;
    }
    .news-qyzxtit h3{
        padding-left: 15px;
        font-size: 20px;
    }
    .news-qyzxm{
        margin-top: 20px;
    }
    .news-qyzx{
        padding-top: 30px;
    }
}
@media(max-width:449px){
    .about-nav{
        height: 60px;
        line-height: 60px;
    }
}

/*新闻详情*/
.newsd-box{
    margin: 0 100px 80px;
}
.newsd{
    margin-top: 50px;
}
.newsd-tit h3{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 28px;
}
.newsd-tit h4{
    color: #666666;
}
.newsd-tit{
    text-align: center;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}
.newsd-box{
    border: 1px solid #dcdcdc;
    padding: 70px 67px 0;
}
.newsd-txt{
    margin-top: 40px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 50px;
}
.newsd-tm{
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}
.newsd-img{
    text-align: center;
    padding: 50px 0;
}

.newsd-txt p{
    text-align: center;
    color: #666666;
    line-height: 30px;
}
.newsd-page span{
    display: block;
}
.newsd-page span a{
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.newsd-page span:hover a{
    color: #244e9e;
}
.newsd-page{
    display: flex;
    justify-content: space-between;
    padding-top: 45px;
    padding-bottom: 66px;
}
.newsd-pager{
    width: 94px;
    height: 34px;
    background: #244e9e;
    color: #fff;
    text-align: center;
    line-height: 34px;
    font-size:14px;
    border-radius: 2px;
    cursor: pointer;
}
.newsd-img{
    padding: 50px 100px;
}
.newsd-img img{
    width: 100%;
}
@media(max-width:1400px){
    .newsd-tit h3{
        font-size: 24px;
    }
    .newsd-box{
        margin: 0 80px 80px;
        padding: 40px 50px 0;
    }
}
@media(max-width:1200px){
    .newsd-tit h3{
        line-height: 36px;
    }
    .newsd{
        margin-top: 40px;
    }
    .newsd-tit h3{
        font-size: 22px;
    }
    .newsd-img{
        padding: 30px 0;
    }
}
@media(max-width:991px){
    .newsd-tit h3{
        line-height: 36px;
    }
    .newsd{
        margin-top: 40px;
    }
    .newsd-tit h3{
        font-size: 22px;
    }
    .newsd-img{
        padding: 30px 0;
    }
    .newsd-box {
        margin: 0 0px 40px;
        padding: 20px 15px 0;
    }
    .newsd-tit h3{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .newsd-tm{
        font-size: 16px;
    }
    .newsd-txt {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .newsd-pagel{
        font-size: 14px;
    }
    .newsd-page {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .newsd-pager{
        margin: 20px auto 0 ;
    }
}

/*****联系我们 ******/
.contact-tit h3{
    font-size: 32px;
    color: #333333;
    text-align: center;
}
.contact{
    padding-top: 56px;
    width: 100%;
    overflow: hidden;
}
.contact-top{
    padding-top: 54px;
}
.contact-top ul li{
    display: flex;
}
.contact-toplimg{
    width: 130px;
    height: 130px;
    border:1px solid #cbcbcb;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.contact-toplimg img:last-child{
    display:none;
}
.contact-topewm img{
    border: 1px solid #dcdcdc;
}
.contact-topr{
    padding-left: 38px;
    padding-top: 14px;
}
.contact-topr h4{
    padding-bottom: 20px;
    font-size: 18px;
}
.contact-topr h5{
    font-size: 26px;
    margin-bottom: 10px;
}
.contact-topr p{
    margin:8px 0;
}
.contact-top ul li:hover .contact-toplimg{
    background: #21419a;
    border:1px solid #21419a;
}
.contact-top ul li:hover .contact-toplimg img:last-child{
    display: block;
}
.contact-top ul li:hover .contact-toplimg img:first-child{
    display: none;
}
.contact-ditu img{
    width: 100%;
}
.contact-ditu{
    margin-top: 80px;
}
@media(max-width:1400px){
    .contact-toplimg{
        width: 110px;
        height: 110px;
    }
    .contact-topewm img{
        width: 100%;
    }
    .contact-topewm {
        width: 110px;
    }
}
@media(max-width:1200px){
    .contact-toplimg{
        width: 100px;
        height: 100px;
    }
    .contact-topewm img{
        width: 100%;
    }
    .contact-topewm {
        width: 100px;
    }
    .contact-topr {
        padding-left: 10px;
        padding-top: 8px;
    }
    .contact-topr h5{
        font-size: 20px;
    }
    .contact-topr p {
        margin: 5px 0;
        font-size: 14px;
    }
    .contact-topr h4{
        padding-bottom: 10px;
    }
}
@media(max-width:991px){
    .contact-top ul li{
        margin-bottom: 20px;
    }
    .contact-topr{
        padding-left: 30px;
    }
    .contact-ditu{
        margin-top: 20px;
    }
    .contact-tit h3{
        font-size: 28px;
        line-height: 28px;
    }
    .contact-top{
        padding-top: 30px;
    }
    .contact{
        padding-top: 40px;
    }
}
@media(max-width:700px){
    .contact-top ul li{
        width: 100%;
    }
}
@media(max-width:500px){
    .contact-tit h3{
        font-size: 24px;
    }
    .contact {
        padding-top: 30px;
    }
    .contact-top {
        padding-top: 30px;
    }
    .contact-ditu{
        margin-top: 10px;
    }
    .contact-topr{
        padding-left: 15px;
    }
    .contact-topr p{
        margin: 2px 0px;
    }
}
/* 弹窗 */
.public-mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none;
}
.mask-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, .6);
}
.mask-main{
    width: 696px;
    height: 417px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    background-color: #fff;
    display: flex;
}
.mask-left{
    width: 541px;
    padding-left: 46px;
    padding-top: 44px;
    position: relative;
}
.mask-close{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/cha.png) no-repeat center;
    background-size: 100% 100%;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.mask-right{
    width: 155px;
}
.mask-title{
    display: flex;
    margin-bottom: 32px;
    align-items: flex-end;
}
.mask-title h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    color: #333;
    margin-right: 18px;
}
.mask-title span{
    font-size: 16px;
    line-height: 18px;
    color: #969696;
}
.mask-form{
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}
.mask-form span{
    font-size: 16px;
    color: #666;
    width: 78px;
}
.mask-form span i{
    font-size: 16px;
    color: #c20600;
    font-style: normal;
}
.mask-form input{
    width: 365px;
    height: 50px;
    border-radius: 3px;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    background: none;
}
.mask-consult{
    height: 50px;
    border: 1px solid #e0e0e0;
    margin-left: 78px;
    color: #fff;
    width: 365px;
    background-image: linear-gradient(to right, #6f86f3 , #3859f4);
}
@media(max-width: 991px){
    .mask-main{
        width: 80%;
        height: auto;
    }
    .mask-left{
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 77.7%;
    }
    .mask-right{
        width: 22.3%;
    }
    .mask-title h3{
        font-size: 18px;
        line-height: 24px;
        margin-right: 10px;
    }
    .mask-title span{
        font-size: 14px;
        line-height: 16px;
    }
    .mask-title{
        margin-bottom: 18px;
    }
    .mask-form input{
        width: calc(100% - 90px);
    }
    .mask-consult{
        width: calc(100% - 90px);
    }
}
@media(max-width: 599px){
    .mask-left{
        padding: 20px 15px;
        width: 100%;
    }
    .mask-form input{
        width: calc(100% - 78px);
        height: 40px;
        line-height: 32px;
    }
    .mask-right{
        display: none;
    }
    .mask-consult{
        width: calc(100% - 78px);
        height: 40px;
        line-height: 32px;
    }
}
.high-tecwrap{
    padding-top: 52px;
    background-color: #f6fbfe;
    width: 100%;
    padding-bottom: 80px;
    overflow: hidden;
}
.htech-main{
    margin-top: 20px;
    background-color: #fff;
    width: 100%;
    padding: 30px;
    position: relative;
    z-index: 22;
    justify-content: space-between;
    display: flex;
}
.htech-item{
    width: calc(50% - 13px);
    position: relative;
}
.htech-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.htech-left .htech-info{
    padding-top: 70px;
    padding-left: 70px;
    padding-bottom: 32px;
}
.htech-title h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 12px;
}
.htech-title span{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}
.htech-right{
    display: flex;
    justify-content: space-between;
}
.htech-sitem{
    width: calc(50% - 12px);
    position: relative;
}
.htech-sitem .htech-info{
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 40px;
}
.htech-left:hover .public-img img{
    transform: scale(1.1);
}
.htech-sitem:hover .public-img img{
    transform: scale(1.1);
}
@media(max-width: 1600px){
    .htech-left .htech-info{
        padding-top: 40px;
        padding-left: 40px;
        padding-bottom: 25px;
    }
    .htech-sitem .htech-info{
        padding: 20px 20px 25px;
    }
}
@media(max-width: 1400px){
    .htech-left .htech-info{
        padding-top: 30px;
        padding-left: 30px;
    }
    .htech-title h3{
        font-size: 20px;
    }
}
@media(max-width: 1200px){
    .high-tecwrap .public-title span{
        font-size: 62px;
        line-height: 62px;
    }
    .htech-main{
        padding: 20px;
    }
}
@media(max-width: 991px){
    .high-tecwrap .public-title span{
        font-size: 36px;
        line-height: 36px;
        bottom: -20px;
    }
    .htech-main{
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .htech-item{
        width: 100%;
    }
    .htech-left{
        margin-bottom: 20px;
    }
    .high-tecwrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(max-width: 599px){
    .htech-left .htech-info{
        padding: 15px;
    }
    .htech-title h3{
        margin-bottom: 8px;
    }
    .htech-right{
        flex-wrap: wrap;
    }
    .htech-sitem{
        width: 100%;
        margin-bottom: 20px;
    }
    .htech-sitem:last-child{
        margin-bottom: 0px;
    }
    .high-tecwrap .public-title span{
        font-size: 24px;
        line-height: 24px;
        bottom: -10px;
    }
}
/* 关于我们 */
.home-about{
    width: 100%;
    padding-top: 62px;
    background-color: #f6fbfe;
    position: relative;
}
.habout-top{
    background: url(../img/about-bg.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 565px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9;
}
.habout-bom{
    position: relative;
    z-index: 12;
}
.habout-title{
    margin-bottom: 32px;
}
.habout-title h3{
    color: #fff;
}
.habout-title dl dd{
    color: #fff;
}
.habout-title span{
    color: #2e5397;
}
.habout-main{
    display: flex;
    position: relative;
    z-index: 888;
}
.habout-left{
    width: 50%;
    padding-left: 68px;
    padding-right: 72px;
    background-color: #fff;
    padding-top: 70px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.habout-ltit{
    display: flex;
    align-items: center;
    margin-bottom: 46px;
}
.habout-ltit h3{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-right: 22px;
    line-height: 30px;
}
.habout-left p{
    font-size: 16px;
    line-height: 30px;
    min-height: 240px;
    color: #666;
}
.habout-iconlist{
    margin-top: 28px;
    border-top: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
}
.habout-iconlist li{
    padding-top: 19px;
}
.habout-iconlist li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.habout-icon {
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    position: relative;
}
.habout-icon img{
    transition: all .5s;
}
.habou-iconon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.habout-iconlist li span{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}
.habout-iconlist li:hover .habou-iconon, .habout-iconlist li.on .habou-iconon{
    opacity: 1;
}
.habout-iconlist li:hover span, .habout-iconlist li.on span{
    color: #093ca5;
    font-weight: bold;
}
.habout-right{
    width: 50%;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.play-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../img/play-icon.png) no-repeat center;
}
.habout-right:hover .public-img img{
    transform: scale(1.1);
}
@media(max-width: 1600px){
    .habout-left{
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .habout-ltit{
        margin-bottom: 20px;
    }
    .habout-left p{
        min-height: 210px;
    }
    .habout-top{
        height: 475px;
    }
}
@media(max-width: 1400px){
    .habout-left p{
        font-size: 14px;
        line-height: 24px;
        min-height: auto;
    }
}
@media(max-width: 1200px){
    .habout-left p{
        min-height: 144px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    .habout-left{
        padding: 30px 30px 0px;
    }
    .habout-iconlist{
        margin-top: 18px;
    }
    .habout-ltit h3{
        font-size: 26px;
        line-height: 26px;
    }
    .habout-iconlist li{
        padding-top: 8px;
    }
    .habout-top{
        height: 375px;
    }
}
@media(max-width: 991px){
    .habout-top{
        height: 565px;
    }
    .home-about{
        padding-top: 40px;
    }
    .habout-title{
        margin-bottom: 20px;
    }
    .habout-main{
        flex-wrap: wrap;
    }
    .habout-left{
        width: 100%;
        padding-bottom: 20px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .habout-left p{
        -webkit-line-clamp: 60;
        min-height: auto;
        font-size: 16px;
        line-height: 30px;
    }
    .habout-ltit h3{
        font-size: 24px;
        line-height: 34px;
        margin-right: 12px;
    }
    .habout-ltit{
        margin-bottom: 15px;
    }
    .habout-right{
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
@media(max-width: 499px){
    .habout-iconlist{
        flex-wrap: wrap;
    }
    .habout-iconlist li{
        width: 33.333%;
    }
    .habout-left{
        padding: 20px;
    }
}
.why-us{
    padding-top: 60px;
    padding-bottom: 0px;
}
.why-main{
    margin-top: 28px;
    position: relative;
    z-index: 19;
    margin-left: -12px;
    margin-right: -12px;
}
.why-main li{
    float: left;
    padding: 0 12px;
    width: 25%;
}
.why-item{
    border: 1px solid #dee9ef;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 35px;
    transition: all .5s;
}
.why-icon{
    min-height: 62px;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.why-item p{
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    max-width: 198px;
    min-height: 60px;
}
.why-item:hover{
    box-shadow: 0px 0px 15px #ccc;
    transform: translateY(-10px);
}
@media(max-width: 1200px){
    .why-item p{
        font-size: 16px;
    }
}
@media(max-width: 991px){
    .why-main li{
        width: 50%;
        margin-bottom: 20px;
    }
    .why-main{
        margin-top: 18px;
    }
    .why-us{
        padding-top: 40px;
    }
}
@media(max-width: 499px){
    .why-main li{
        width: 100%;
    }
    .why-main li:last-child{
        margin-bottom: 0px;
    }
    .why-item{
        padding-top: 25px;
        padding-bottom: 24px;
    }
    .why-item p{
        line-height: 26px;
        min-height: 26px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* 新闻资讯 */
.home-news{
    padding-top: 70px;
    padding-bottom: 0px;
}
.hnews-main{
    display: flex;
    margin-top: 22px;
    position: relative;
    z-index: 99;
    padding-left: 54px;
    padding-right: 45px;
    padding-top: 20px;
    padding-bottom: 44px;
    background-color: #fff;
}
.hnews-item{
    margin-right: 60px;
    flex: 1;
}
.hnews-main .hnews-item:last-child{
    margin-right: 0px;
}
.hnews-tit{
    font-size: 18px;
    line-height: 56px;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
    font-weight: bold;
    color: #333;
}
.hnews-notice{
    padding-top: 20px;
    padding-bottom: 17px;
    border-bottom: 1px dashed #e5e5e5;
}
.notice-one{
    display: flex;
    margin-bottom: 30px;
}
.notice-img{
    width: 137px;
    overflow: hidden;
}
.notice-img img{
    width: 100%;
    display: block;
}
.notice-info{
    width: calc(100% - 137px);
    padding-left: 9px;
}
.notice-info h3>a{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 9px;
}
.notice-info {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hnews-txt h3>a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.hnews-txt:hover h3>a{
    color: #244e9e;
}
.hnews-notice:hover .notice-info h3 > a{
    color: #244e9e;
}
.notice-ul li{
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px dashed #e5e5e5;
}
.notice-ul li:last-child{
    border-bottom: none;
}
.baike-list li{
    padding-top: 26px;
    padding-bottom: 29px;
    border-bottom: 1px dashed #e5e5e5;
}
.baike-list li:last-child{
    border-bottom: none;
}
.baike-list li:hover .baike-aues p{
    color: #244e9e;
}
.baike-aues{
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}
.baike-aues p{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-left: 25px;
}
.baike-answer{
    display: flex;
}
.baike-answer p{
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin-left: 24px;
}
.baike-answer img{
    width: 20px;
    height: 22px;
}
.baike-aues img{
    width: 19px;
    height: 21px;
}
.cnews-main{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}
.cnews-img{
    width: 162px;
    overflow: hidden;
}
.cnews-img img{
    transition: all .5s;
    width: 100%;
}
.cnews-info{
    width: calc(100% - 162px);
    padding-left: 22px;
    padding-right: 15px;
}
.cnews-info span{
    font-size: 16px;
    line-height: 20px;
    color: #969696;
}
.cnews-info h3>a{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 9px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
}
.cnews-info .cnews-more{
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #666;
}
.cnews-main:hover .cnews-img img{
    transform: scale(1.1);
}
.cnews-main:hover .cnews-info .cnews-more{
    color: #244e9e;
}
/* @media(max-width: 1600px){
    .hnews-main{
        padding-left: 30px;
        padding-right: 30px;
    }
    .hnews-item{
        margin-right: 30px;
    }

    
} */
@media(max-width: 1600px){
    .hnews-main{
        flex-wrap: wrap;
        padding-left: 0px;
        padding-right: 0px;
        justify-content: flex-end;
    }
    .hnews-item{
        flex: none;
        margin-right: 0px;
        width: 50%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .hnews-main .hnews-item:last-child{
        width: 100%;
    }
    .cnews-list{
        display: flex;
    }
}
@media(max-width: 991px){
    .hnews-main{
        margin-top: 18px;
        padding-top: 12px;
        padding-bottom: 15px;
    }
    .hnews-notice{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .hnews-tit{
        line-height: 40px;
    }
    .hnews-item{
        width: 100%;
    }
    .notice-one{
        margin-bottom: 15px;
    }
    .notice-ul li{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .baike-list li{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .home-news{
        padding-top: 30px;
    }
    .cnews-list{
        display:block;
    }
}
@media(max-width: 499px){
    .hnews-item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .baike-answer p{
        margin-left: 12px;
    }
    .baike-aues p{
        margin-left: 12px;
    }
    .cnews-main{
        padding-top: 15px;
        padding-bottom: 15px;
        flex-direction: column;
    }
    .cnews-img{
        margin: 0 auto 6px;
    }
    .cnews-info{
        width: 100%;
        padding: 0px;
    }
}
/* 合作伙伴 */
.hpartner-main{
    margin-top: 22px;
    margin-bottom: 50px;
    position: relative;
    z-index: 19;
}
.hpartner-img{
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.hpartner-img img{
    transition: all .5s;
    width: 100%;
}
.hpartner-next,
.hpartner-prev{
    width: 17px;
    height: 30px;
    background-size: 17px 30px;
    margin-top: -15px;
    opacity: 1;
}
.hpartner-next{
    right: -66px;
    background-image: url(../img/hpartner-right.png);
}
.hpartner-prev{
    left: -66px;
    background-image: url(../img/hpartner-left.png);
}
.hpartner-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1200px){
    .hpartner-next{
        right: -30px;
    }
    .hpartner-prev{
        left: -30px;
    }
}
@media(max-width: 991px){
    .hpartner-next{
        right: 0px;
    }
    .hpartner-prev{
        left: 0px;
    }
    .hpartner-main{
        margin-top: 18px;
        margin-bottom: 40px;
    }
}
/* 政策公告 */
.public-news{
   width: 100%;
   overflow: hidden;
}
.inside-newstitle{
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    margin-top: 46px;
}
.inews-titleft{
    padding-left: 32px;
    display: flex;
    align-items: center;
    position: relative;
}
.inews-titleft h3{
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}
.inews-titleft::before{
    position: absolute;
    content: "";
    width: 6px;
    height: 26px;
    background: #244e9e;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.inews-more{
    display: block;
    width: 100px;
    height: 40px;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid #969696;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    text-align: center;
    transition: all .3s;
}
.inews-more:hover{
    border-color: #244e9e;
    background: #244e9e;
    color: #fff;
}
.policy-mian{
    display: flex;
}
.policy-left{
    width: 32.21%;
    position: relative;
    margin-right: 32px;
}
.policy-left:hover .public-img img{
    transform: scale(1.1);
}
.policy-leftinfo{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: url(../img/news-mask.png) no-repeat center;
    left: 0px;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    padding-left: 20px;
    padding-right: 25px;
    padding-bottom: 16px;
}
.policy-leftinfo span{
    font-size: 16px;
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
}
.policy-leftinfo h3>a{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
}
.policy-leftinfo p{
    font-size: 14px;
    line-height: 18px;
    color: #a4a4a4;
    margin-top: 8px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.policy-center{
    width: 37.14%;
    margin-right: 58px;
}
.policy-center ul li{
    display: flex;
    margin-bottom: 13px;
}
.policy-center ul li:last-child{
    margin-bottom: 0px;
}
.policy-cimg{
    width: 137px;
    overflow: hidden;
}
.policy-cimg img{
    width: 100%;
    transition: all .5s;
}
.policy-cinfo{
    width: calc(100% - 137px);
    padding-left: 21px;
}
.policy-cinfo h3>a{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: bold;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}
.policy-cinfo p{
    font-size: 24px;
    color: #888;
    font-size: 14px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
}
.policy-center ul li:hover .policy-cimg img{
    transform: scale(1.1);
}
.policy-center ul li:hover .policy-cinfo h3>a{
    color: #244e9e;
}
.policy-right{
    width: 23.93%;
}
.policy-right ul li{
    margin-bottom: 13px;
    padding: 19px 16px 17px 25px;
    background-color: #f8f8f8;
}
.policy-right ul li:last-child{
    margin-bottom: 0px;
}
.policy-right ul li a{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    transition: all .5s;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.policy-right ul li:hover{
    background-color: #244e9e;
}
.policy-right ul li:hover a{
    color: #fff;
}
@media(max-width: 1400px){
    .policy-center{
        margin-right: 30px;
    }
    .policy-right{
        width: calc(23.93% + 30px);
    }
}
@media(max-width: 991px){
    .inside-newstitle{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .inews-titleft{
        padding-left: 20px;
    }
    .inews-titleft h3{
        font-size: 20px;
        line-height: 20px;
    }
    .policy-mian{
        flex-wrap: wrap;
    }
    .inews-titleft::before{
        height: 24px;
    }
    .policy-left{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .policy-center{
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .policy-right{
        width: 100%;
    }
}
@media(max-width: 449px){
    .policy-leftinfo{
        padding-left: 18px;
        padding-right: 18px;
    }
    .policy-leftinfo span{
        margin-bottom: 4px;
    }
    .policy-cinfo{
        padding-left: 10px;
    }
    .policy-right ul li{
        padding: 15px;
    }
}
.hang-item{
    position: relative;
    width: 100%;
}
.hang-swiper {
    padding-bottom: 24px;
}
.hang-swiper > .swiper-pagination-bullets{
    bottom: 0px;
}
.hang-swiper .swiper-pagination-bullet{
    width: 22px;
    height: 4px;
    border-radius: 2px;
    background-color: #d0d0d0;
    opacity: 1;
}
.hang-swiper .swiper-pagination-bullet-active{
    background-color: #244e9e;
}
.hang-item:hover .public-img img{
    transform: scale(1.1);
}
.corp-newsul li{
    display: flex;
    margin-bottom: 42px;
}
.corp-newsul li:last-child{
    margin-bottom: 0px;
}
.corp-newsimg{
    width: 370px;
}
.corp-newsinfo{
    width: calc(100% - 370px);
    padding-left: 50px;
    padding-right: 75px;
    padding-top: 12px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.corp-newstxt span{
    font-size: 16px;
    color: #969696;
    line-height: 24px;
    display: block;
    margin-bottom: 18px;
}
.corp-newstxt h3>a{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    display: block;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 22px;
}
.corp-newstxt p{
    font-size: 14px;
    line-height: 24px;
    color: #a4a4a4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.corp-newsmore{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-weight: bold;
}
.corp-newsul li:hover .corp-newsimg img{
    transform: scale(1.1);
}
.corp-newsul li:hover .corp-newsmore{
    color: #244e9e;
}
.corp-newsul li:hover .corp-newstxt h3 > a{
    color: #244e9e;
}
@media(max-width: 1200px){
    .corp-newsinfo{
        padding-left:30px;
        padding-right: 35px;
    }
}
@media(max-width: 991px){
    .corp-newsul li{
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .corp-newsinfo{
        padding-left:0px;
        padding-right:0px;
        width: 100%;
        padding-bottom: 0px;
    }
    .corp-newsimg{
        margin: 0 auto;
    }
    .corp-newstxt span{
        margin-bottom: 8px;
    }
    .corp-newstxt h3 > a{
        margin-bottom: 10px;
    }
    .corp-newsmore{
        margin-top: 5px;
    }
    .corp-news .inside-newstitle{
        margin-top: 20px;
    }
}
.knowledge-main{
    padding-top: 10px;
}
.knowledge-list{
    margin-left: -16px;
    margin-right: -16px;
}
.knowledge-list li{
    float: left;
    padding: 0 16px;
    width: 25%;
    margin-bottom: 30px;
}
.knowledge-item{
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
.knowledge-top{
    height: 80px;
    border-bottom: 1px dashed #e3e3e3;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}
.knowledge-top p{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.knowledge-item:hover .knowledge-top p{
    color: #244e9e;
}
.knowledge-bom{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
    padding-bottom: 15px;
}
.knowledge-txt{
    font-size: 14px;
    color: #888;
    margin-top: 8px;
    line-height: 24px;
    min-height: 120px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.knowledge-bom a{
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}
.knowledge-item:hover .knowledge-bom a{
    color: #244e9e;
}
.knowledge{
    margin-bottom: 72px;
}
@media(max-width: 1400px){
    .knowledge-list{
        margin-left: -12px;
        margin-right: -12px;
    }
    .knowledge-list li{
        padding: 0 12px;
    }
}
@media(max-width: 991px){
    .knowledge-list li{
        margin-bottom: 20px;
        width: 50%;
    }
    .knowledge{
        margin-bottom: 30px;
    }
}
@media(max-width: 599px){
    .knowledge-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .knowledge-list li{
        margin-bottom: 20px;
        width: 100%;
        padding: 0px;
    }
    .knowledge{
        margin-bottom: 20px;
    }
    .knowledge-txt{
        min-height: 24px;
        -webkit-line-clamp: 50;
        margin-bottom: 12px;
    }
}
/* 版权服务 */
.copyright-ser{
    padding-top: 80px;
    background-color: #f4f6f8;
}
.copyright-title h3{
    padding: 0px;
    font-weight: bold;
}
.copyright-title h3::after,
.copyright-title h3::before{
    display: none;
}
.copyright-serlist{
    margin-top: 38px;
    padding: 20px;
}
.copyright-serlist li{
    margin-right: 8px;
}
@media(max-width: 991px){
    .copyright-serlist li{
        width: calc(50% - 4px);
        margin-right: 0px;
    }
    .copyright-serlist{
        padding-bottom: 0px;
        margin-top: 12px;
    }
    .copyright-ser{
        padding-top: 40px;
    }
}
@media(max-width: 599px){
    .copyright-serlist li{
        width: 100%;
    }
}
.computer{
    padding-top: 52px;
    padding-bottom: 60px;
    background-color: #f4f6f8;
}
.computer-title span{
    font-size: 70px;
    line-height: 70px;
    bottom: -78px;
}
.computer-main{
    margin-top: 40px;
    padding: 20px;
    background-color: #fff;
    position: relative;
    z-index: 99;
}
.computer-main:hover .public-img img{
    transform: scale(1.1);
}
.logos-apply{
    width: 100%;
    overflow: hidden;
    background: url(../img/copyright-img6.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-bottom: 82px;
    padding-top: 58px;
    background-color: #f4f6f8;
}
.logos-applytit{
    text-align: center;
    color: #fff;
    margin-bottom: 36px;
}
.logos-applytit h3{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: bold;
}
.logos-applytit span{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.logos-applylist{
    display: flex;
    justify-content: space-between;
    padding-left: 58px;
    padding-right: 58px;
}
.logos-applylist li{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logos-applyicon{
    width: 153px;
    height: 171px;
    background: url(../img/copyright-round.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}
.logos-applyicon img{
    transition: all .5s;
}
.logos-applylist li:hover .logos-applyicon{
    transform: translateY(-10px);
}
/* .logos-applylist li:hover .logos-applyicon img{
    transform: translateY(-10px);
} */
.logos-applyinfo {
    color: #fff;
    text-align: center;
    margin-top: 32px;
}
.logos-applyinfo h3{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
}
.logos-applyinfo p{
    text-align: center;
    max-width: 240px;
    font-size: 16px;
    line-height: 20px;
}
/* 客户案例 */
.copyright-case{
    padding-bottom: 64px;
    background-color: #f4f6f8;
}
.copyright-case .public-title span{
    bottom: -92px;
}
.copyright-casemain{
    position: relative;
    z-index: 22;
    background-color: #fff;
    padding-top: 45px;
    margin-top: 38px;
    padding-bottom: 21px;
    padding-left: 34px;
    padding-right: 34px;
}
.copyright-caseul{
    margin-left: -16px;
    margin-right: -16px;
}
.copyright-caseul li{
    float: left;
    padding: 0 16px;
    width: 20%;
    margin-bottom: 23px;
}
.copyright-caseul li .public-img{
    border-radius: 5px;
    border: 1px solid #f0f0f0;
}
.copyright-caseul li .public-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1400px){
    .computer-title span{
        font-size: 58px;
        line-height: 58px;
        bottom: -64px;
    }
    .logos-applylist{
        padding-left: 0px;
        padding-right: 0px;
    }
    .logos-applylist li{
        padding: 0 10px;
    }
}
@media(max-width: 1200px){
    .computer-title span{
        font-size: 42px;
        line-height: 42px;
        bottom: -54px;
    }
    .copyright-caseul{
        margin-left: -12px;
        margin-right: -12px;
    }
    .copyright-caseul li{
        padding: 0 12px;
    }
    .copyright-case .public-title span{
        bottom: -70px;
    }
}
@media(max-width: 991px){
    .computer{
        padding-top: 40px;
        padding-bottom: 38px;
    }
    .computer-title span{
        font-size: 24px;
        line-height: 24px;
        bottom: -20px;
    }
    .computer-main{
        margin-top: 12px;
    }
    .logos-applytit h3{
        font-size: 26px;
        line-height: 26px;
    }
    .logos-apply{
        padding-top: 35px;
        padding-bottom: 20px;
    }
    .logos-applylist{
        flex-wrap: wrap;
        justify-content: center;
    }
    .logos-applylist li{
        width: 33.33%;
        margin-bottom: 20px;
    }
    .logos-applyinfo{
        margin-top: 15px;
    }
    .logos-applyinfo h3{
        margin-bottom: 10px;
    }
    .copyright-caseul li{
        width: 50%;
    }
    .copyright-case{
        padding-bottom: 40px;
        padding-top: 35px;
    }
    .copyright-casemain{
        margin-top: 20px;
    }
    .copyright-case .public-title span{
        bottom: -40px;
    }
}
@media(max-width: 599px){
    .logos-applylist li{
        width: 50%;
    }
    .logos-applyicon{
        width: 110px;
        height: 123px;
    }
    .copyright-caseul{
        margin-left: -8px;
        margin-right: -8px;
    }
    .copyright-caseul li{
        padding: 0 8px;
    }
    .copyright-casemain{
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px;
    }
    .logos-applytit{
        margin-bottom: 25px;
    }
    .computer-main{
        padding: 10px;
    }
}
.brand-inter{
    background-color: #f4f6f8;
    width: 100%;
    overflow: hidden;
    padding-top: 80px;
}
.brand-title{
    text-align: center;
    position: relative;
}
.brand-title h3{
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
}
.brand-title p{
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.brand-title span{
    font-size: 102px;
    text-transform: uppercase;
    color: #fff;
    line-height: 102px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    bottom: -98px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
}
.ibrand-main{
    margin-top: 40px;
    background-color: #fff;
    padding: 21px 20px 20px;
    position: relative;
    z-index: 9;
}
.ibrand-ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ibrand-ul li{
    flex: 1;
    margin-right: 8px;
    position: relative;
}
.ibrand-ul li:last-child{
    margin-right: 0px;
}
.ibrand-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*  */
    padding: 55px 34px 0px;
    transition: all .5s;
}
.ibrand-title {
    padding-left: 10px;
    margin-bottom: 46px;
}
.ibrand-title h3{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 14px;
}
.ibrand-title p{
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.ibrand-price{
    display: flex;
    align-items: flex-end;
    margin-bottom: 70px;
    padding-left: 10px;
}
.ibrand-price p{
    font-size: 30px;
    color: #1c4baf;
    font-weight: bold;
    margin-right: 5px;
}
.ibrand-price p i{
    font-size: 16px;
    font-style: normal;
}
.ibrand-price span{
    font-style: 16px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    display: block;
    margin-bottom: 4px;
}
.ibrand-btn{
    display: flex;
    align-items: center;
    transition: all .5s;
    height: 40px;
    opacity: 0;
}
.ibrand-btn a{
    display: block;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    font-style: 14px;
    font-weight: bold;
    color: #fff;
}
.register-more{
    background-color: #244e9e;
}
.register-apply{
    background-color: #cb0c0c;
}
.ibrand-ul li:hover .ibrand-info{
    background: url(../img/inter-brand-mask.png) no-repeat center;
    background-size: 100% 100%;
}
.ibrand-ul li:hover .ibrand-btn{
    opacity: 1;
}
@media(max-width: 1600px){
    .ibrand-info{
        padding-top: 35px;
    }
}
@media(max-width: 1400px){
    .brand-title span{
        font-size: 82px;
        line-height: 82px;
        bottom: -78px;
    }
    .ibrand-info{
        padding-left: 25px;
        padding-right: 25px;
    }
    .ibrand-title{
        margin-bottom: 28px;
    }
    .ibrand-price{
        margin-bottom: 40px;
    }
}
@media(max-width: 1200px){
    .brand-title span{
        font-size: 62px;
        line-height: 62px;
        bottom: -68px;
    }
    .ibrand-info{
        padding-right: 10px;
        padding-top: 25px;
    }
    .ibrand-title{
        margin-bottom: 20px;
    }
    .ibrand-price{
        margin-bottom: 25px;
    }
}
@media(max-width: 991px){
    .brand-inter{
        padding-top: 40px;
    }
    .brand-title span{
        font-size: 46px;
        line-height: 46px;
        bottom: -38px;
    }
    .brand-title h3{
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .ibrand-main{
        margin-top: 20px;
        padding-bottom: 0px;
    }
    .ibrand-ul li{
        flex: none;
        width: calc(50% - 8px);
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .ibrand-info{
        padding-right: 10px;
        padding-top: 25px;
    }
}
@media(max-width: 599px){
    .brand-title span{
        font-size: 24px;
        line-height: 24px;
        bottom: -25px;
    }
    .ibrand-ul li{
        width: 100%;
    }
    .ibrand-title{
        margin-bottom: 40px;
    }
    .ibrand-price{
        margin-bottom: 60px;
    }
}
.brand-outer{
    padding-top: 54px;
    padding-bottom: 62px;
}
.brand-outer .brand-title span{
    font-size: 82px;
    line-height: 82px;
    bottom: -80px;
}
.obrand-info{
    padding-top: 56px;
    padding-left: 45px;
    padding-right: 30px;
    height: 358px;
}
.obrand-ul li:nth-child(1) .obrand-info{
    background-color: #dfe6eb;
}
.obrand-ul li:nth-child(2) .obrand-info{
    background-color: #eeeeee;
}
.obrand-ul li:nth-child(3) .obrand-info{
    background-color: #e3e3e3;
}
.obrand-ul li:nth-child(4) .obrand-info{
    background-color: #f2f1f9;
}
.obrand-info .ibrand-title{
    padding-left: 0px;
}
@media(max-width: 1400px){
    .obrand-info{
        padding-top: 40px;
        padding-left: 30px;
        height: 310px;
    }
    .brand-outer .brand-title span{
        font-size: 62px;
        line-height: 62px;
        bottom: -60px;
    }
}
@media(max-width: 1200px){
    .obrand-info{
        height: 280px;
    }
    .brand-outer .brand-title span{
        font-size: 52px;
        line-height: 52px;
    }
}
@media(max-width: 991px){
    .brand-outer .brand-title span{
        font-size: 36px;
        line-height: 36px;
        bottom: -32px;
    }
    .brand-outer{
        padding-top: 40px;
        padding-bottom: 38px;
    }
}
@media(max-width: 599px){
    .brand-outer .brand-title span{
        font-size: 20px;
        line-height: 20px;
        bottom: -20px;
    }
    .obrand-info{
        padding-top: 35px;
        padding-left: 25px;
        padding-right: 20px;
    }
}
.brand-apply{
    background-image: url(../img/brand-img.jpg);
    padding-bottom: 78px;
}
.brand-apply .logos-applylist{
    padding-left: 45px;
    padding-right: 70px;
}
.brand-apply .logos-applylist .logos-applyinfo{
    margin-top: 25px;
}
.brand-apply .logos-applylist .logos-applyinfo p{
    font-size: 18px;
    line-height: 30px;
    min-height: 90px;
}
@media(max-width: 1200px){
    .brand-apply .logos-applylist{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media(max-width: 991px){
    .brand-apply .logos-applylist .logos-applyinfo{
        margin-top: 18px;
    }
    .brand-apply{
        padding-bottom: 30px;
    }
    .brand-apply .logos-applylist .logos-applyinfo p{
        min-height: 30px;
    }
}
.opatent-ul li:nth-child(1) .obrand-info{
    background: url(../img/foreign-patent-img1.jpg) no-repeat center;
    background-size: 100% 100%;
}
.patent-apply{
    background-image: url(../img/patent-bg.jpg);
}
/*********详情页*********/
.detail-t{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    color: #666666;
}
.detail{
    background: #f4f6f8;
    padding-bottom: 30px;
}
.detail-w{
    background: #fff;
    padding: 20px 30px 25px;
}
.fmzlsq{
    display: flex;
    overflow: hidden;
}
.fmzlsq-l{
    width: 50%;
}
.fmzlsq-r{
    width: 50%;
    padding: 36px 30px 0 60px;
}
.fmzlsq-l img{
    width: 100%;
}
.fmzlsq-r h3{
    font-size: 24px;
    font-weight: bold;
}
.fmzlsq-r p{
    margin-top: 40px;
    color: #666666;
    line-height: 32px;
}
.fmzlsq-link{
    margin-top: 60px;
    display: flex;
}
.fmzlsq-link .fmzlsq-linkw{
    width: 132px;
    height: 40px;
    background: #244e9e;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border-radius: 30px;
    margin-right: 20px;
    cursor: pointer;
}
.fmzlsq-link .fmzlsq-linkw a{
    color: #fff;
    display: block;
}
.fmzlsq-link .fmzlsq-linkw img{
    margin-right:5px;
}
.detail-nav{
    background: #f4f6f8;
    margin-top: 20px;
    height: 70px;
    line-height: 70px;
    border-top: 1px solid #e1e1e1;
    position: sticky;
    top: 0;
    z-index: 66;
}
.detail-nswiper .swiper-slide a{
    display:block;
    text-align: center;
    font-weight: bold;
}
.detail-nswiper{
    padding:0 300px;
}
.detail-nswiper .swiper-slide a:hover{
    background: #244e9e;
    color: #fff;
}
.detail-nswiper .swiper-slide.swiper-slide-active a{
    background: #244e9e;
    color: #fff;
}

.det-tit h3{
    font-size: 20px;
    font-weight: bold;
}
.det-tit{
    text-align:center;
}
.sxcl{
    padding-top: 35px;
}
.sxcl-w{
    margin-top: 30px;
}
.sxcl-wltxt{
    background: #f4f6f8;
    display: flex;
    padding: 50px 20px 25px 40px;
    transition: all .5s;
}
.sxcl-wltxtw h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}
.sxcl-wltxtw p{
    color: #666666;

}
.sxcl-wltxt:hover {
    transform: translateY(-10px);
}
.det-sqlc{
    margin-top: 50px;
}
.det-sqlcbox ul{
    display: flex;
}
.det-sqlcbox{
    padding-top: 45px;
}
.det-sqlcbox ul li{
    width: 20%;
}
.det-sqlcimg{
    display: flex;
    justify-content:center;
    align-items: center;
    width: 153px;
    height: 171px;
    margin: 0 auto;
    transition: all 0.4s;
    background: url('../img/patent-bg.png') no-repeat;
}
.det-sqlctxt{
    text-align: center;
}
.det-sqlctxt h3{
    font-size: 18px;
    margin-top: 30px;
}
.det-sqlctxt h4{
    color: #8b8b8b;
    margin-top: 22px;
}
.det-sqlcimg img{
    transition: all 0.4s;
}
.det-sqlcbox ul li:hover .det-sqlcimg{
    transform: translateY(-10px);
}
.fwys{
    padding-top: 60px;
}
.fwys-box{
    padding-top: 40px;
}
.fwys-box ul li a{
    background: #f4f6f8;
    display: block;
    height: 340px;
    position: relative;
}
.fwys-img{
    width: 144px;
    height: 144px;
    background: #fff;
    border-radius: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0px auto 0;
}
.fwys-box ul li h3{
    text-align: center;
    margin-top: 40px;
    line-height: 28px;
}
.fwys-sort{
    position: absolute;
    top: 0;
    left: 40px;
    width: 43px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 28px;
    font-weight: bold;
    height: 68px;
    background: url('../img/adv-arrow.png') no-repeat top center;
}
.fwys-txt{
    padding-top: 50px;
}
.fwys-img img{
    transition: all 0.4s;
}

.fwys-box ul li:hover .fwys-img img{
    transform: translateY(-10px);
}
.cjwt{
    margin-top: 35px;
}
.cjwt-box ul{
    margin-top: 30px;
}
.cjwt-box ul li a{
    display: block;
    background: #f4f6f8;
}
.cjwt-box ul li h3{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    padding-left: 33px;
    background: url('../img/cjwt-iconbg.jpg') repeat-x bottom;
}
.cjwt-box ul li:hover h3{
    color: #244e9e;
}
.cjwt-box ul li p{
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}
.cjwt-boxtxt{
    padding: 24px 30px 28px;
    font-size: 14px;
}
.cjwt-boxtxtbg{
    padding-bottom: 10px;
    background: url('../img/question-arrow-dowm.png') no-repeat right bottom;
}
.service-case{
    padding-top: 38px;
}
.service-casemain{
    margin-top: 28px;
    padding: 0px;
}
@media(max-width:1600px){
    .fmzlsq-r p{
        margin-top: 30px;
    }
    .fmzlsq-link{
        margin-top: 30px;
    }
    .detail-nav .detail-nswiper{
        padding: 0 100px;
    }
    .sxcl-wltxtw p{
        color: #666666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

@media(max-width:1200px){
    .fmzlsq-r p{
        margin-top:15px;
        line-height: 28px;
    }
    .fmzlsq-link{
        margin-top:15px;
    }
    .fmzlsq-r h3{
        font-size: 20px;
    }
    .fmzlsq-r{
        padding: 0px 0px 0 30px;
    }
    .detail-nav .detail-nswiper{
        padding: 0 !important;
    }
    .det-sqlcimg{
        background-size: 100%;
    }
    .det-sqlcimg{
        width: 130px;
        height: 146px;
    }
    .fwys-img{
        width: 110px;
        height: 110px;
    }
    .fwys-txt{
        padding-top: 70px;
    }
    .fwys-box ul li a{
        height: 310px;
    }
    .fwys-box ul li{
        margin-bottom: 20px;
    }
}
@media(max-width:991px){
    .fmzlsq{
        display: block;
    }
    .fmzlsq-l{
        width: 100%;
    }
    .fmzlsq-r{
        width: 100%;
        margin-top: 30px;
        padding: 0;
    }
    .detail-w{
        padding: 20px 15px 25px;
    }
    .detail-nav .detail-nswiper{
        padding: 0 !important;
    }
    .sxcl-wl{
        margin-bottom: 15px;
    }
    .sxcl-wltxt {
        padding: 30px 15px 20px 15px;
    }
    .det-sqlcbox ul li{
        width: 33.333333333333%;
        margin-bottom: 30px;
    }
    .det-sqlcbox ul{
        flex-wrap: wrap;
    }
    .det-sqlctxt h3{
        margin-top: 10px;
    }
    .det-sqlctxt h4{
        margin-top: 12px;
    }
    .det-sqlc {
        margin-top: 30px;
    }
    .fwys{
        padding-top: 40px;
    }
    .cjwt-box ul li{
        margin-bottom: 15px;
    }
    .service-case{
        padding-top: 18px;
    }
}
@media(max-width:500px){
    .det-sqlcbox ul li{
        width: 50%;
    }
    .service-casemain{
        margin-top: 20px;
    }
    .detail-w{
        padding-bottom: 0px;
    }
    .service-case{
        padding-top: 10px;
    }
}
.dc-phone {
    display: none;
}
@media (max-width: 991px) {
    .dc-phone {
        display: block;
    }

    .dc-pc {
        display: none;
    }
}
#pbanner .swiper-slide img {
    width: 100%;
    display: block;
}
.about-dess img{
    max-width: 100%;
}
#ymwl-kefu{
    display: none;
}

@media(max-width:1600px){
    .nav-sub{
        justify-content: space-around;
        padding: 0 50px;
    }
    .nav-sub dl{
        margin-right: 0;
    }
}
.ibrand-ul li{
    overflow: hidden;
}
.com-btn{
    position: absolute;
    bottom: 0px;
    background: url('../img/inter-brand-mask.png') no-repeat center;
    width: 100%;
    height: 100%;
    left: 0;
    background-size: 100% 100%;
    opacity: 0;
}
.com-btn .ibrand-btn{
    position: absolute;
    bottom:50px;
    left: 50%;
    transform: translateX(-50%);
}   
.ibrand-ul li:hover .com-btn{
    opacity: 1;
}
.wcase-swiper .public-img{
    margin-bottom: 23px;
}

/*常见问题*/

.cjwt-swiper .wcjwt-swiper .swiper-wrapper{
    display: flex;
}
.cjwt-box .cjwt-swiper{
    margin-top: 30px;
}
.cjwt-box a{
    display: block;
    background: #f4f6f8;
}

.cjwt-swiper .wcjwt-swiper .swiper-slide {
    background: #f4f6f8;
    height: 200px;
}
.cjwt-box h3{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    padding-left: 33px;
    background: url('../img/cjwt-iconbg.jpg') repeat-x bottom;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cjwt-box .swiper-slide:hover h3{
    color: #244e9e;
}
.cjwt-box .swiper-slide p{
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
   
}
.cjwt-boxtxt{
    padding: 24px 30px 28px;
    font-size: 14px;
}
.cjwt-boxtxtbg{
    padding-bottom: 10px;
    background: url('../img/question-arrow-dowm.png') no-repeat right bottom;
}


.about-t .about-qyjs{
    justify-content:flex-end;
}
.about-t{
    margin-top: 0;
    margin-bottom: 70px;
}


.about-t .about-qyjsr {
    padding-right: 65px;
    padding-left: 0px;
}


@media(max-width:1800px){
    .about-qyjsrtxt p{
        line-height: 26px;
    }
    .about-qyjsr{
        width: 45%;
    }
    
}
@media(max-width:1600px){
    .about-num {
        margin-top: 5px;
    }
    .about-qyjsr {
        padding-left: 40px;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .about-t .about-qyjsr {
        padding-right: 40px;
        padding-left: 0px;
    }
}

@media(max-width:1200px){
    .about-qyjs{
        flex-wrap: wrap;
    }
    .about-qyjsl{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .about-qyjsr{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .about-num{
        margin-top: 30px;
    }
    .about-t .about-qyjs{
        flex-direction: column-reverse;
    }
    .about-t .about-qyjsr{
        padding-right: 0;
    }
}
@media(max-width:991px){
    .about-t{
        margin-bottom: 20px;
    }
    .about-qyjsr{
        margin-bottom: 0;
    }
}


#dc-home-address {
    height: 500px;
    width: 100%;
}
.BMap_Marker img{
    width: 210%;
}
.BMap_bubble_title{
  color: #21419a;
  font-size: 15px;
  font-weight: bolder;
}
.BMap_bubble_content{
  font-size: 14px;
}

@media(max-width:765px){
  #dc-home-address {
    height: 400px;
    width: 100%;
}
}