@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;
}
@font-face{
    font-family: "Gilroy";
    src: url('../font/Gilroy-Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* header */
header{
    width: 100%;
    height: 100px;
    background: #fff;
}
.header-main{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
}
.logo{
    display: block;
    width: 101px;
    overflow: hidden;
}
.logo img{
    width: 100%;
}
.hotline-wrap{
    display: flex;
    align-items: center;
}
.hotline-wrap p{
    font-size: 24px;
    color: #222;
    line-height: 24px;
    margin-left: 8px;
    white-space: nowrap;
}
.nav-ul{
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: flex-end;
}
.nav-ul li{
    margin-right: 54px;
    width: 130px;
    position: relative;
}
.nav-ul li:last-child{
    margin-right: 0px;
}
.nav-ul li>a{
    display: block;
    font-size: 22px;
    line-height: 92px;
    text-align: center;
    color: #222;
    transition: all .3s;
    border-bottom: 4px solid transparent;
}
.nav-ul li:hover>a,
.nav-ul li.nav-active a{
    color: #f8b500;
    border-bottom-color: #f8b500;
}
.nav-sub dl dd:hover a{
    background: #f8b500;
    color: #fff;
}
.nav-sub{
    position: absolute;
    top: 96px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 666;
    width: 100%;
}
.nav-sub dl dd a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    width:100%;

} 
.menu-itemtit{
    display: flex;
}

@media(max-width: 1600px){
    .nav-ul li{
        margin-right:20px;
        width: 120px;
    }
}
@media(max-width: 1400px){
    .nav-ul li>a{
        font-size: 18px;
    }
}
@media(max-width: 1200px){
    .nav-ul li>a{
        font-size: 16px;
    }
    .nav-ul li{
        margin-right:0px;
        width: 106px;
    }
}
@media(max-width: 991px){
    .nav-ul{
        display: none;
    }
    .hotline-wrap{
        display: none;
    }
    header{
        height: 70px;
    }
    .header-main{
        height: 70px;
    }
}
/* 公共您可能需要了解更多 */
.public-need{
    width: 100%;
    overflow: hidden;
    background: url(../img/need-bg.jpg) no-repeat center;
    height: 479px;
    padding-top: 96PX;
}
.need-title{
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #FFF;
    margin-bottom: 60px;
}
.need-list{
    display: flex;
    justify-content: space-between;
}
.need-list li{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.need-icon{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 28px;
    transition: all .5s;
}
.need-icon img{
    transition: all .5s;
}
.nicon-on{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.need-list li p{
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}
.need-list li:hover .need-icon{
    background-color: #f8b500;
    transform: translateY(-8px);
}
.need-list li:hover .need-icon .nicon{
    opacity: 0;
}
.need-list li:hover .need-icon .nicon-on{
    opacity: 1;
}
/* 底部 */
#footer{
    width: 100%;
    background: #282828;
}
.footer-main{
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: center;
}
.footer-hotline{
    display: flex;
    align-items: center;
}
.footer-phone{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.footer-hotlineinfo h3{
    font-size: 16px;
    color: #c5c5c5;
    line-height: 24px;
    margin-bottom: 2px;
}
.footer-hotxt{
    display: flex;
}
.footer-hotxt span{
    font-size: 24px;
    color: #fff;
    line-height: 24px;
}
.footer-hotxt p{
    font-size: 16px;
    color: #c5c5c5;
    line-height: 24px;
    margin-left: 22px;
}
.copy{
    text-align: right;
    font-size: 16px;
    color: #c5c5c5;
    line-height: 24px;
    margin-top: 4px;
}
.footer-share{
    position: relative;
}
.modal-code{
    display: none;
    width: 112px;
    height: 112px;
    position: absolute;
    right: 0px;
    bottom: 30px;
}
.modal-code img{
    width: 112px;
    height: 112px;
}
.footer-share .bshare-custom{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-share .bshare-custom a{
    padding-left: 0px;
    margin-right: 12px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.share-txt{
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-right: 12px;
}
.footer-share .bshare-custom a:hover{
    opacity: 1;
}
.footer-share .bshare-custom .bshare-more{
    display: none;
}
.footer-share .bshare-custom .bshare-share-count{
    display: none;
}
.footer-share .bshare-custom .bshare-qqim{
    width: 18px;
    background-image: url(../img/share-qq.png);
}
.footer-share .bshare-custom .bshare-qqim:hover{
    background-image: url(../img/share-qq-on.png);
}
.footer-share .bshare-custom .bshare-sinaminiblog{
    width: 23px;
    background-image: url(../img/share-wb.png);
}
.footer-share .bshare-custom .bshare-sinaminiblog:hover{
    background-image: url(../img/share-wb-on.png);
}
.footer-share .bshare-custom .mshare-weixin{
    width: 22px;
    margin-right: 0px;
    background-image: url(../img/share-wchat.png);
}
.footer-share .bshare-custom .mshare-weixin:hover{
    background-image: url(../img/share-wchat-on.png);
}
@media(max-width: 1200px){
    .footer-main{
        flex-wrap: wrap;
        height: auto;
        padding: 12px 0px;
    }
    .footer-hotline{
        width: 100%;
        margin-bottom: 10px;
        justify-content: center;
    }
    .footer-right{
        width: 100%;
    }
    .copy{
        text-align: center;
    }
    .footer-share .bshare-custom{
        justify-content: center;
    }
}
@media(max-width: 991px){
    .public-need{
        padding-top: 40px;
        height: 260px;
        background-size: 100% 100%;
    }
    .need-title{
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .need-icon{
        width: 100px;
        height: 100px;
        margin-bottom: 12px;
    }
}
@media(max-width: 640px){
    .need-list{
        flex-wrap: wrap;
    }
    .public-need{
        height: auto;
        padding-bottom: 20px;
    }
    .need-list li{
        margin-bottom: 18px;
    }
    .footer-hotxt{
        flex-direction: column;
    }
    .footer-hotxt p{
        margin-left: 0px;
    }
}
.index-one{
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    width: 100%;
}
.public-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.public-title h3{
    font-size: 38px;
    color: #333;
    line-height: 38px;
}
.public-title i{
    width: 57.9%;
    display: block;
    height: 1px;
    background-color: #6c6c6c;
}
.hpro-list{
    margin-left: -40px;
    margin-right: -40px;
}
.hpro-list li{
    padding: 0 40px;
    float: left;
    width: 50%;
}
.hpro-item{
    position: relative;
}
.hpro-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
}
.hpro-top h3{
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin-bottom: 12px;
}
.hpro-top span{
    font-size: 18px;
    color: #333;
    line-height: 24px;
}
.hpro-txt{
    line-height: 30px;
    color: #444;
    font-size: 16px;
    margin-top: 38px;
}
.hpro-more{
    display: block;
    width: 140px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    background-color: #282828;
    font-size: 16px;
    color: #fff;
    margin-top: 42px;
}
.hpro-item:hover .public-img img{
    transform: scale(1.1);
}
.hpro-item:hover .hpro-more{
    background-color: #f8b500;
}
@media(max-width: 1700px){
    .hpro-info{
        padding-top: 30px;
    }
    .hpro-txt{
        margin-top: 18px;
    }
    .hpro-more{
        margin-top: 30px;
    }
    .public-title i{
        width: 47%;
    }
}
@media(max-width: 1600px){
    .hpro-list{
        margin-left: -25px;
        margin-right: -25px;
    }
    .hpro-list li{
        padding: 0 25px;
    }
    .hpro-more{
        margin-top: 20px;
    }
    .public-title h3{
        font-size: 34px;
        line-height: 34px;
    }
    .hpro-top h3{
        font-size: 32px;
        line-height: 32px;
    }
    .public-title i{
        width: 47%;
    }
}
@media(max-width: 1400px){
    .public-title h3{
        font-size: 32px;
        line-height: 32px;
    }
    .hpro-top h3{
        font-size: 28px;
        line-height: 28px;
    }
    .hpro-info{
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .hpro-txt{
        margin-top: 12px;
        line-height: 24px;
    }
}
@media(max-width: 1200px){
    .public-title i{
        width: 37.5%;
    }
    .hpro-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .hpro-list li{
        padding: 0px;
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .hpro-list li:last-child{
        margin-bottom: 0px;
    }
}
@media(max-width: 991px){
    .public-title h3{
        font-size: 28px;
        line-height: 30px;
    }
    .public-title i{
        display: none;
    }
    .index-one{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .public-title{
        margin-bottom: 25px;
    }
}
@media(max-width: 559px){
    .hpro-info{
        position: relative;
        padding: 25px;
        background-color: #f0f0f4;
        margin-top: 20px;
    }
    .hpro-top h3{
        font-size: 24px;
        line-height: 26px;
    }
}
/* 走进博大 */
.home-about{
    margin-bottom: 95px;
}
.habout-main{
    display: flex;
    justify-content: space-between;
}
.habout-left{
    padding-right: 90px;
    width: calc(100% - 507px);
}
.habout-right{
    width: 507px;
}
.habout-left h3{
    font-size: 38px;
    line-height: 38px;
    color: #333;
}
.habout-des{
    font-size: 18px;
    color: #333;
    margin-top: 38px;
    line-height: 30px;
    margin-bottom: 45px;
}
.num-list{
    display: flex;
}
.num-item{
    margin-right: 120px;
}
.num-item:last-child{
    margin-right: 0px;
}
.num-data{
    display: flex;
    color: #333;
}
.num-list .num-item:nth-child(2) .num-data{
    align-items: center;
}
.num-data span{
    font-size: 48px;
    line-height: 48px;
    font-family: "Gilroy";
    margin-right: 10px;
}
.num-data i{
    font-style: normal;
    font-size: 18px;
}
.num-item p{
    font-size: 20px;
    color: #f3980e;
    line-height: 24px;
    margin-top: 22px;
}
.num-list .num-item:nth-child(2) .num-data i{
    font-family: "Gilroy";
    font-size: 48px;
    line-height: 48px;
}
.num-list .num-item:nth-child(2) .num-data span{
    margin-right: 0px;
}
.num-list .num-item:nth-child(3) .num-data i{
    font-family: "Gilroy";
    font-size: 48px;
    line-height: 48px;
}
.num-list .num-item:nth-child(3) .num-data span{
    margin-right: 0px;
}
.habout-right .public-img{
    border-radius: 5px;
    position: relative;
}
.play-wrap{
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .38) url(../img/play-icon.png) no-repeat center;
}
.habout-right .public-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1700px){
    .num-item{
        margin-right: 90px;
    }
    .habout-des{
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
@media(max-width: 1600px){
    .num-item{
        margin-right: 50px;
    }
    .habout-left{
        padding-right: 50px;
    }
}
@media(max-width: 1400px){
    .num-list{
        justify-content: space-between;
    }
    .num-item{
        margin-right: 0px;
    }
    .habout-des{
        font-size: 16px;
        line-height: 26px;
    }
}
@media(max-width: 1200px){
    .habout-main{
        flex-direction: column-reverse;
        align-items: center;
    }
    .habout-left{
        width: 100%;
    }
}
@media(max-width: 991px){
    .habout-left{
        margin-top: 20px;
    }
    .habout-left h3{
        font-size: 28px;
        line-height: 28px;
    }
    .habout-des{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .num-data span{
        font-size: 38px;
        line-height: 38px;
    }
    .num-data i{
        font-size: 16px;
    }
    .num-list .num-item:nth-child(2) .num-data i{
        font-size: 38px;
        line-height: 38px;
    }
    .num-list .num-item:nth-child(3) .num-data i{
        font-size: 38px;
        line-height: 38px;
    }
    .num-item p{
        margin-top: 12px;
    }
    .home-about{
        margin-bottom: 40px;
    }
}
@media(max-width: 599px){
    .home-about{
        margin-bottom: 26px;
    }
    .num-list{
        flex-wrap: wrap;
    }
    .num-item{
        width: 50%;
        margin-bottom: 5px;
    }
    .num-item p{
        margin-top: 6px;
        font-size: 16px;
    }
}
@media(max-width: 499px){
    .habout-right{
        width: 100%;
    }
    .play-wrap{
        background-size: 50px 50px;
    }
}
.index-two .public-title{
    margin-bottom: 60px;
}
.index-two .public-title i{
    width: 64.5%;
}
.solution-list{
    margin-left: -14px;
    margin-right: -14px;
}
.solution-list li{
    padding: 0 14px;
    float: left;
    width: 25%;
}
.solution-item{
    position: relative;
    width: 100%;
}
.solution-info{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding-bottom: 32px;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.solution-info h3{
    width: 68%;
    font-size: 24px;
    line-height: 30px;
}
.solution-item:hover .public-img img{
    transform: scale(1.1);
}
.home-news{
    padding-top: 75px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 76px;
}
.hnews-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hnews-title{
    width: 230px;
}
.hnews-title h3{
    font-size: 38px;
    line-height: 38px;
    color: #333;
    margin-bottom: 10px;
}
.hnews-title span{
    color: #111;
    font-size: 16px;
    line-height: 24px;
}
.hnews-list{
    /* width: calc(100% - 230px); */
}
.hnews-list li{
    padding: 0 68px;
    float: left;
    position: relative;
}
.hnews-list li::after{
    position: absolute;
    height: 75px;
    width: 1px;
    background-color: #c8c8c8;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
.hnews-list li span{
    font-size: 16px;
    color: #969696;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
    max-width: 210px;
}
.hnews-list li p{
    line-height: 26px;
    font-size: 16px;
    color: #333;
    max-width: 210px;
    min-height: 52px;
}
.hnews-list li p a{
    color: #333;
}
.hnews-list li:last-child{
    padding-right: 0px;
}
.hnews-list li:last-child::after{
    display: none;
}
.hnews-list li:hover p a{
    color: #f8b500;
}
.hnews-list li:first-child{
    padding-left: 0px;
}
@media(max-width: 1700px){
    .index-two .public-title i{
        width: 57%;
    }
    .solution-info h3{
        width: 76%;
    }
    .solution-info h3{
        font-size: 20px;
        line-height: 24px;
    }
    .hnews-list li{
        padding: 0 40px;
    }
}
@media(max-width: 1600px){
    .hnews-list li{
        padding: 0 30px;
    }
}
@media(max-width: 1400px){
    .solution-info{
        padding-left: 18px;
        padding-right: 18px;
        padding-bottom: 18px;
    }
    .solution-info h3{
        font-size: 16px;
    }
    .hnews-main{
        flex-wrap: wrap;
    }
    .hnews-title{
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .hnews-list{
        width: 100%;
    }
    .hnews-list li{
        padding: 0px 20px;
        text-align: center;
        width: 25%;
    }
    .hnews-list li p{
        max-width: 100%;
    }
    .hnews-list li span{
        max-width: 100%;
    }
}
@media(max-width: 1200px){
    .index-two .public-title i{
        width: 46%;
    }
}
@media(max-width: 991px){
    .index-two .public-title{
        margin-bottom: 30px;
    }
    .solution-list li{
        width: 50%;
        margin-bottom: 20px;
    }
    .home-news{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .hnews-title h3{
        font-size: 28px;
        line-height: 28px;
    }
    .hnews-list li{
        width: 50%;
        margin-bottom: 15px;
    }
    .hnews-list li:nth-child(2)::after{
        display: none;
    }
}
@media(max-width: 559px){
    .solution-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .solution-list li{
        width: 100%;
        padding: 0px;
        float: none;
    }
    .hnews-list li{
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }
    .hnews-list li::after{
        display: none;
    }
    .hnews-list li span{
        margin-bottom: 5px;
    }
    .hnews-list li p{
        min-height: 26px;
    }
}
/* 技术支持 */
.support-wrap{
    padding-top: 60px;
    width: 100%;
    overflow: hidden;
}
.support-nav{
    display: flex;
    margin-bottom: 70px;
}
.support-nav li{
    flex: 1;
    border: 1px solid #d8d8d8;
    border-right: none;
    transition: all .3s;
}
.support-nav li:last-child{
    border-right: 1px solid #d8d8d8;
}
.support-nav li a{
    display: block;
    line-height: 95px;
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 18px;
}
.support-nav li:hover, .support-nav li.on{
    background-color: #f8b500;
    border-color: #f8b500;
    color: #fff;
}
.support-nav li:hover a, .support-nav li.on a{
    color: #fff;
}
.support-item{
    display: flex;
}
.support-item:nth-child(even){
    flex-direction: row-reverse;
}
.support-img{
    width: 50%;
}
.support-info{
    width: 50%;
}
.support-info{
    width: 50%;
    border: 1px solid #d8d8d8;
    padding-left: 70px;
    padding-top: 85px;
    padding-right: 115px;
}
.support-info h3{
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 40px;
}
.support-info p{
    font-size: 18px;
    line-height: 36px;
    color: #666;
}
.support-img:hover .public-img img{
    transform: scale(1.1);
}
.partner-wrap{
    margin-top: 62px;
    margin-bottom: 62px;
}
.partner-title{
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #333;
    margin-bottom: 70px;
}
.partner-list{
    margin-left: -15px;
    margin-right: -15px;
}
.partner-list li{
    padding: 0 15px;
    width: 20%;
    margin-bottom: 33px;
    float: left;
}
.partner-img{
    border: 1px solid #d8d8d8;
    overflow: hidden;
}
.partner-img img{
    width: 100%;
    transition: all .5s;
    display: block;
}
.partner-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1700px){
    .support-info{
        padding-top: 70px;
        padding-left: 60px;
        padding-right: 80px;
    }
}
@media(max-width: 1400px){
    .support-info{
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .support-info h3{
        margin-bottom: 25px;
    }
}
@media(max-width: 1200px){
    .support-nav li a{
        line-height: 70px;
    }
    .support-info{
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .support-info p{
        line-height: 26px;
        font-size: 16px;
    }
    .partner-list{
        margin-left: -10px;
        margin-right: -10px;
    }
    .partner-list li{
        padding: 0 10px;
    }
}
@media(max-width: 991px){
    .support-wrap{
        padding-top: 40px;
    }
    .support-nav{
        margin-bottom: 30px;
    }
    .support-nav li a{
        line-height: 50px;
        font-size: 16px;
    }
    .support-item{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .support-item:last-child{
        margin-bottom: 0px;
    }
    .support-img{
        width: 100%;
    }
    .support-info{
        width: 100%;
        padding: 30px;
    }
    .partner-wrap{
        margin-top: 35px;
        margin-bottom: 20px;
    }
    .partner-list li{
        width: 33.333%;
        margin-bottom: 20px;
    }
    .partner-title{
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .support-info h3{
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }
}
@media(max-width: 559px){
    .support-nav{
        flex-wrap: wrap;
    }
    .support-nav li{
        flex: none;
        width: 50%;
        border-bottom: none;
    }
    .support-nav li:nth-child(2){
        border-right: 1px solid #d8d8d8;
    }
    .support-nav li:nth-child(3){
        border-bottom: 1px solid #d8d8d8;
    }
    .support-nav li:nth-child(4){
        border-bottom: 1px solid #d8d8d8;
    }
    .support-info{
        padding: 20px;
    }
    .partner-list li{
        width: 50%;
    }
}
/* 产品应用 */
.application-nav{
    margin-bottom: 54px;
}
.application-info{
    width: 50%;
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
}
.application-info h3{
    font-size: 24px;
    line-height: 24px;
    color: #333;
    position: relative;
    padding-left: 20px;
    margin-bottom: 46px;
}
.application-info h3::before{
    position: absolute;
    content: "";
    height: 24px;
    width: 6px;
    background-color: #f8b500;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.application-info p{
    font-size: 18px;
    line-height: 30px;
    color: #666;
}
.application-item:nth-child(even) .application-info{
    padding-left: 0px;
    padding-right: 100px;
    padding-top: 110px;
}
.application-main{
    margin-bottom: 114px;
}
.application-list{
    display: none;
}
.application-on{
    display: block;
}
@media(max-width: 1700px){
    .application-info p{
        font-size: 16px;
        line-height: 26px;
    }
}
@media(max-width: 1400px){
    .application-info{
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .application-info h3{
        margin-bottom: 20px;
    }
    .application-item:nth-child(even) .application-info{
        padding-right: 60px;
        padding-top: 50px;
    }
}
@media(max-width: 1200px){
    .application-info p{
        font-size: 14px;
        line-height: 20px;
    }
    .application-info{
        padding-top: 18px;
    }
    .application-main{
        margin-bottom: 80px;
    }
}
@media(max-width: 991px){
    .application-info p{
        font-size: 14px;
        line-height: 20px;
    }
    .application-info{
        width: 100%;
        padding: 25px 0px 0px;
    }
    .application-info p{
        font-size: 16px;
        line-height: 26px;
    }
    .application-item:nth-child(even) .application-info{
        padding-right: 0px;
        padding-top: 25px;
    }
    .application-info h3{
        margin-bottom: 15px;
    }
    .application-main{
        margin-bottom: 38px;
    }
    .application-nav{
        margin-bottom: 26px;
    }
    .application-nav li{
        border-bottom: 1px solid #d8d8d8;
    }
}
/* 产品中心 */
.inside-navs{
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    height: 90px;
}
.inav-main{
    padding: 0 88px;
    width: 100%;
}
.inav-item a{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 85px;
    transition: all .5s;
    border-bottom: 5px solid transparent;
}
.inav-on .inav-item a{
    font-weight: bold;
    color: #f8b500;
    border-bottom-color: #f8b500;
}
.inav-three .inav-item a{
    border-bottom: none;
}
.inav-item a:hover{
    font-weight: bold;
    color: #f8b500;
    border-bottom-color: #f8b500;
}
.inav-three .inav-on .inav-item a{
    color: #f8b500;
    border-bottom: none;
}
.inav-three .inav-item a:hover{
    font-weight: bold;
    color: #f8b500;
    border-bottom: none;
}
.inav-three .three-on .inav-item a{
    color: #f8b500;
    border-bottom: none;
}
.inav-three .three-on a:hover{
    font-weight: bold;
    color: #f8b500;
    border-bottom: none;
}





.inav-swiper .swiper-slide{
    width: auto!important;
    margin-right: 120px;
}
.spro-wrap{
    padding-top: 40px;
    padding-bottom: 56px;
    overflow: hidden;
    background-color: #f9f9f9;
}
.spro-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}
.spro-left{
    width: calc(50% - 2px);
    background-color: #fff;
}
.spro-right{
    width: calc(50% - 2px);
    padding-left: 92px;
    padding-right: 80px;
    background-color: #fff;
    padding-top: 80px;
}
.spro-right h3{
    font-size: 32px;
    line-height: 32px;
    color: #333;
    margin-bottom: 50px;
}
.spro-right p{
    font-size: 16px;
    line-height: 36px;
    color: #666;
    margin-bottom: 25px;
}
.spro-main{
    background-color: #fff;
}
.spro-nav{
    display: flex;
    align-items: center;
    height: 82px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}
.spro-navfix{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 83px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 666;
}
.spro-navfix .spro-nav{
    border-bottom: none;
}
.spro-nav li a{
    display: block;
    position: relative;
    width: 278px;
    text-align: center;
    color: #666;
    font-size: 20px;
    line-height: 82px;
}
.spro-nav li a::after{
    position: absolute;
    content: "";
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 14px solid transparent;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.spro-nav li:hover a, .spro-nav li.on a{
    background-color: #f8b500;
    color: #fff;
}
.spro-nav li:hover a::after, .spro-nav li.on a::after{
    border-top-color: #f8b500;
}
.spro-list{
    width: 1230px;
    margin: 0 auto;
}
.spro-item{
    padding-top: 75px;
    text-align: center;
    padding-bottom: 30px;
    display: none;
}
.spro-on{
    display: block;
}
.spro-item h3{
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 32px;
}
.spro-item p{
    font-size: 18px;
    line-height: 36px;
    color: #666;
    text-align: center;
}
.spro-charater{
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    padding-top: 52px;
    padding-left: 60px;
    padding-right: 50px;
    padding-bottom: 50px;
}
.spro-charater h3{
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 62px;
}
.charater-list{
    margin-left: -41px;
    margin-right: -41px;
}
.charater-list li{
    float: left;
    width: 25%;
    padding: 0 41px;
}
.charater-item{
    width: 100%;
    border-top: 4px solid #f8b500;
    padding-top: 38px;
}
.charater-item span{
    font-size: 20px;
    line-height: 20px;
    color: #333;
    display: block;
    margin-bottom: 20px;
}
.charater-item p{
    font-size: 18px;
    color: #666;
    line-height: 36px;
    min-height: 144px;
    margin-bottom: 2px;
}
@media(max-width: 1700px){
    .inav-swiper .swiper-slide{
        margin-right: 100px;
    }
}
@media(max-width: 1600px){
    .inav-swiper .swiper-slide{
        margin-right: 80px;
    }
    .spro-right{
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
    }
    .spro-right h3{
        margin-bottom: 30px;
    }
}
@media(max-width: 1400px){
    .inav-swiper .swiper-slide{
        margin-right: 55px;
    }
    .spro-right{
        padding-top: 30px;
    }
    .spro-right h3{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .spro-right p{
        line-height: 30px;
        margin-bottom: 15px;
    }
    .spro-list{
        width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }
    .spro-item img{
        width: 100%;
    }
    .charater-list{
        margin-left: -20px;
        margin-right: -20px;
    }
    .charater-list li{
        padding: 0 20px;
    }
}
@media(max-width: 1200px){
    .inav-swiper .swiper-slide{
        margin-right: 40px;
    }
    .spro-right{
        padding-left: 30px;
        padding-right: 30px;
    }
    .spro-top{
        align-items: flex-start;
    }
    .charater-list li{
        width: 33.33%;
    }
    .spro-charater{
        padding-bottom: 20px;
    }
    .inav-main{
        padding: 0px;
    }
}
@media(max-width: 991px){
    .inav-swiper .swiper-slide{
        margin-right: 30px;
    }
    .inav-item a{
        line-height: 50px;
    }
    .inside-navs{
        height: 55px;
    }
    .spro-wrap{
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .spro-top{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .spro-left{
        width: 100%;
    }
    .spro-right{
        width: 100%;
        margin-top: 10px;
    }
    .spro-right h3{
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .spro-nav{
        height: 60px;
    }
    .spro-nav li{
        flex: 1;
    }
    .spro-navfix{
        height: 60px;
    }
    .spro-nav li a{
        line-height: 60px;
        width: 100%;
        font-size: 16px;
    }
    .spro-nav li a::after{
        border-left-width: 12px;
        border-right-width: 12px;
        border-bottom-width: 10px;
        bottom: -10px;
    }
    .spro-item{
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .spro-item h3{
        margin-bottom: 12px;
    }
    .spro-item p{
        font-size: 16px;
        line-height: 30px;
    }
    .spro-list{
        padding: 0px 10px;
    }
    .spro-charater{
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .charater-list{
        margin-left: -14px;
        margin-right: -14px;
    }
    .charater-list li{
        padding: 0 14px;
        width: 50%;
    }
    .charater-item{
        padding-top: 22px;
    }
    .charater-item span{
        margin-bottom: 10px;
    }
    .charater-item p{
        font-size: 16px;
        line-height: 30px;
        min-height: 90px;
    }
    .spro-charater h3{
        margin-bottom: 30px;
    }
}
@media(max-width: 559px){
    .charater-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .charater-list li{
        padding: 0px;
        margin-bottom: 15px;
        width: 100%;
    }
    .charater-item p{
        min-height: 30px;
    }
    .spro-right{
        padding: 20px 20px 0px;
    }
    .spro-right img{
        width: 100%;
        max-width: 405px;
    }
    .spro-charater{
        padding-bottom: 10px;
    }
}
.pro-one{
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
    background-color: #f9f9f9;
}
.proone-list{
    margin-left: -30px;
    margin-right: -30px;
}
.proone-list li{
    float: left;
    width: 25%;
    padding: 0 30px;
    margin-bottom: 48px;
}
.proone-info{
    height: 73px;
    border-top: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
}
.proone-info i{
    display: block;
    width: 72px;
    height: 72px;
    transition: all .5s;
    background: #fff url(../img/pro-arrow.png) no-repeat center;
}
.proone-info p{
    width: calc(100% - 74px);
    padding-left: 35px;
    line-height: 30px;
    font-size: 20px;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #333;
}
.proone-item:hover .public-img img{
    transform: scale(1.1);
}
.proone-item:hover .proone-info p{
    color: #f8b500;
}
.proone-item:hover .proone-info i{
    background-image: url(../img/pro-arrow-on.png);
}
@media(max-width: 1600px){
    .proone-list{
        margin-left: -20px;
        margin-right: -20px;
    }
    .proone-list li{
        padding: 0 20px;
    }
    .proone-info p{
        padding-left: 20px;
        padding-right: 10px;
    }
}
@media(max-width: 1400px){
    .proone-list{
        margin-left: -14px;
        margin-right: -14px;
    }
    .proone-list li{
        padding: 0 14px;
        margin-bottom: 32px;
    }
}
@media(max-width: 1200px){
    .proone-info p{
        font-size: 16px;
        padding-left: 10px;
        width: calc(100% - 54px);
        line-height: 24px;
        height: 52px;
    }
    .proone-info i{
        width: 52px;
        height: 52px;
    }
    .proone-info{
        height: 52px;
    }
}
@media(max-width: 991px){
    .proone-list li{
        width: 50%;
        margin-bottom: 22px;
    }
}
@media(max-width: 559px){
    .proone-list{
        margin-left:0px;
        margin-right:0px;
    }
    .proone-list li{
        padding: 0px;
        width: 100%;
    }
    .pro-one{
        padding-top: 35px;
    }
}
/* 公共导航 */
.public-nav{
    overflow: hidden;
    width: 100%;
    border-bottom:1px solid #e8e8e8;
}
.publicnav-swiper .swiper-slide{
    text-align: center;
    position: relative;
}
.publicnav-swiper{
    height: 90px;
    line-height: 90px;
    padding:0 150px;
}
.publicnav-swiper .swiper-slide.on a{
    color: #f8b500;
}
.publicnav-swiper .swiper-slide.on::after{
    background: #f8b500;
    width: 64px;
    height: 5px;
    content:" ";
    position: absolute;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
}
.publicnav-swiper .swiper-slide a:hover{
    color: #f8b500;
}
.publicnav-swiper .swiper-slide a:hover::after{
    background: #f8b500;
    width: 64px;
    height: 5px;
    content:" ";
    position: absolute;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
}
@media(max-width: 1600px){
    .publicnav-swiper{
        padding:0px;
    }
}
@media(max-width: 991px){
    .publicnav-swiper{
        height: 60px;
        line-height: 60px;
    }
}
/* 联系我们 */
.page-navs{
    height: 90px;
    border-bottom: 1px solid #e8e8e8;
}
.pagenav-main{
    padding-left: 185px;
    overflow: hidden;
    padding-right: 185px;
}
.pnav-item a{
    line-height: 85px;
    font-size: 16px;
    color: #333;
    display: inline-block;
    border-bottom: 5px solid transparent;
}
.pnav-item:hover a, .pnav-on a{
    color: #f8b500;
    font-weight: bold;
    border-bottom-color: #f8b500;
}
.contact-wrap{
    background-color: #fff;
    padding-top: 60px;
    overflow: hidden;
}
.contact-list{
    margin-left: -27px;
    margin-right: -27px;
    margin-bottom: 55px;
}
.contact-list li{
    padding: 0 27px;
    width: 25%;
    float: left;
}
.contact-item{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    height: 257px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}
.contact-item span{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-top: 32px;
    margin-bottom: 26px;
}
.contact-item p{
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.contact-item .contact-add{
    min-height: 60px;
}
.contact-item:hover{
    box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.08);
    border-color: #fff;
}
.contact-other{
    background-color: #f9f9f9;
    padding-top: 85px;
    overflow: hidden;
    padding-bottom: 80px;
}
.contact-left{
    width: 50%;
    padding-right: 27px;
    float: left;
}
.contact-title{
    font-size: 32px;
    color: #1a1a1a;
    line-height: 32px;
    margin-bottom: 60px;
}
.contact-ditu{
    border: 1px solid #c1c0bd;
}
.contact-right{
    float: right;
    width: 50%;
    padding-left: 30px;
}
.contact-form{
    margin-bottom: 28px;
}
.contact-form:last-child{
    margin-bottom: 0px;
}
.contact-formtop{
    display: flex;
    justify-content: space-between;
}
.contact-fitem{
    width: 100%;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    padding-left: 18px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.contact-fitem span{
    display: block;
    width: 48px;
    font-size: 16px;
    color: #666;
    line-height: 57px;
}
.contact-fitem input{
    width: calc(100% - 48px);
    border: none;
    background-color: #fff;
    line-height: 57px;
}
.contact-formtop .contact-fitem{
    width: calc(50% - 19px);
}
.contact-ftextarea{
    padding-top: 28px;
    padding-bottom: 28px;
    height: 249px;
    align-items: flex-start;
}
.contact-ftextarea span{
    line-height: 30px;
}
.contact-fitem textarea{
    resize: none;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    width: calc(100% - 48px);
    border: none;
    height: 193px;
}
.contact-btn{
    display: block;
    margin: 48px auto 0px;
    background-color: #f8b500;
    width: 248px;
    height: 53px;
    font-size: 16px;
    color: #fff;
    border: none;
}
@media(max-width: 1400px){
    .contact-list li{
        padding: 0 15px;
    }
    .contact-list{
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media(max-width: 1200px){
    .contact-item p{
        font-size: 16px;
    }
    .contact-item span{
        margin-top: 16px;
        margin-bottom: 15px;
    }
    .contact-item{
        height: 218px;
    }
    .contact-left{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 35px;
    }
    .contact-right{
        width: 100%;
        padding-left: 0px;
    }
    .contact-title{
        margin-bottom: 40px;
    }
}
@media(max-width: 991px){
    .contact-list li{
        width: 50%;
        margin-bottom: 20px;
    }
    .contact-wrap{
        padding-top: 35px;
    }
    .contact-list{
        margin-bottom: 15px;
    }
    .contact-other{
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .contact-title{
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .contact-left{
        margin-bottom: 26px;
    }
    .contact-formtop .contact-fitem{
        width: calc(50% - 12px);
    }
    .contact-form{
        margin-bottom: 18px;
    }
    .contact-btn{
        margin-top: 30px;
    }
}
@media(max-width: 559px){
    .contact-list li{
        width: 100%;
        float: none;
        padding: 0px;
    }
    .contact-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .contact-item{
        height: auto;
        padding: 20px 10px;
    }
    .contact-item span{
        margin-top: 12px;
        margin-bottom: 10px;
    }
    .contact-item .contact-add{
        min-height: 24px;
    }
    .contact-formtop{
        flex-wrap: wrap;
    }
    .contact-formtop .contact-fitem{
        width: 100%;
        margin-bottom: 18px;
    }
    .contact-formtop .contact-fitem:last-child{
        margin-bottom: 0px;
    }
    .contact-ftextarea{
        height: 200px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .contact-fitem textarea{
        height: 170px;
    }
    .contact-fitem{
        padding-left: 10px;
    }
    .contact-btn{
        width: 200px;
    }
}
/* 招贤纳士 */
.job-wrap{
    width: 100%;
    overflow: hidden;
    padding-top: 68px;
    background-color: #f9f9f9;
    padding-bottom: 110px;
}
.job-list{
    padding-left: 170px;
    padding-right: 170px;
}
.job-list li{
    margin-bottom: 37px;
    background-color: #fff;
    transition: all .3s;
}
.job-list li:last-child{
    margin-bottom: 0px;
}
.job-top{
    display: flex;
    justify-content: space-between;
}
.job-left{
    width: 134px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f8b500;
    color: #fff;
}
.job-left strong{
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    font-style: normal;
}
.job-left span{
    font-size: 16px;
    line-height: 16px;
}
.job-right{
    width: 126px;
    border-left: 1px solid #d0d0d0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job-right span i{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #6e6e6e;
    margin: 0 4px;
}
.job-right a{
    font-size: 16px;
    color: #666;
    line-height: 16px;
    margin-top: 16px;
}
.job-center{
    width: calc(100% - 260px);
    display: flex;
    padding-left: 70px;
    height: 110px;
    align-items: center;
}
.job-center p{
    flex: 1;
    font-size: 18px;
    height: 110px;
    display: flex;
    align-items: center;
    line-height: 30px;
    color: #333;
}
.job-list li:hover, .job-list li.on{
    background-color: #f8b500;
}
.job-list li:hover .job-right, .job-list li.on .job-right{
    border-left-color: #f8b500;
}
.job-list li:hover .job-right a, .job-list li.on .job-right a{
    color: #fff;
}
.job-list li:hover .job-right span i, .job-list li.on .job-right span i{
    background-color: #fff;
}
.job-list li:hover .job-center p, .job-list li.on .job-center p{
    color: #fff;
}
.job-bom{
    background-color: #fff;
    padding-left: 204px;
    padding-top: 32px;
    display: none;
    padding-bottom: 34px;
}
.job-bom h3{
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    line-height: 24px;
}
.job-bom p{
    line-height: 32px;
    font-size: 16px;
    color: #333;
}
@media(max-width: 1600px){
    .job-list{
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media(max-width: 1200px){
    .job-list{
        padding-left: 0px;
        padding-right: 0px;
    }
    .job-center{
        padding-left: 30px;
    }
    .job-bom{
        padding-left: 164px;
    }
}
@media(max-width: 991px){
    .job-wrap{
        padding-top: 38px;
        padding-bottom: 40px;
    }
    .job-left{
        width: 80px;
        height: 80px;
    }
    .job-left span{
        font-size: 14px;
    }
    .job-center{
        height: 80px;
        padding-left: 10px;
        width: calc(100% - 166px);
    }
    .job-center p{
        font-size: 16px;
        height: 80px;
    }
    .job-right{
        width: 86px;
    }
    .job-right a{
        margin-top: 10px;
    }
    .job-bom{
        padding-left: 90px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media(max-width: 559px){
    .job-list li{
        background: none;
        margin-bottom: 25px;
    }
    .job-top{
        flex-wrap: wrap;
        background: none;
    }
    .job-center{
        width: 100%;
        background-color: #fff;
        height: 50px;
    }
    .job-center p{
        height: 50px;
        font-size: 14px;
        line-height: 24px;
    }
    .job-left{
        display: none;
    }
    .job-right{
        border-left: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 56px;
        background-color: #fff;
        border-top: 1px solid #d0d0d0;
    }
    .job-right a{
        margin-top: 0px;
    }
    .job-right span{
        font-size: 0px;
    }
    .job-list li:hover, .job-list li.on{
        background: none;
    }
    .job-list li:hover .job-right, .job-list li.on .job-right{
        border-left-color: #fff;
        background-color: #f8b500;
        border-top-color: #f8b500;
    }
    .job-list li:hover .job-center, .job-list li.on .job-center{
        background-color: #f8b500;
    }
    .job-bom{
        padding: 15px 10px;
    }
    .job-bom p{
        line-height: 30px;
    }
}
/* 合作案例 */
.case-wrap{
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    padding-top: 87px;
    padding-bottom: 60px;
}
.case-list{
    margin-left: -12px;
    margin-right: -12px;
}
.case-list li{
    float: left;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 66px;
}
.case-item{
    display: flex;
    width: 100%;
    border: 2px solid transparent;
    transition: all .3s;
}
.case-img{
    width: 46.6%;
}
.case-info{
    width: 53.4%;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 16px;
    transition: all .3s;
}
.case-info h3{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 30px;
}
.case-info p{
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.case-item:hover{
    border-color: #f8b500;
}
.case-item:hover h3{
    font-weight: bold;
    color: #f8b500;
}
.case-item:hover .public-img img{
    transform: scale(1.1);
}
.case-info span{
    padding-right: 15px;
}
.other-case{
    width: 100%;
    height: 198px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #666;
    background: url(../img/case-info-bg.jpg) no-repeat center;
}
.other-case p{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.other-case h3{
    font-size: 36px;
    line-height: 36px;
    margin-top: 14px;
    font-weight: 300;
}
@media(max-width: 1700px){
    .case-info{
        padding-left: 20px;
    }
    .case-info h3{
        margin-bottom: 18px;
    }
}
@media(max-width: 1600px){
    .case-info{
        padding-top: 10px;
    }
    .case-info h3{
        margin-bottom: 12px;
    }
    .case-info p{
        font-size: 14px;
        line-height: 24px;
    }
}
@media(max-width: 1400px){
    .case-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .case-list li{
        width: 100%;
        margin-bottom: 40px;
        float: none;
        padding: 0px;
    }
    .case-info{
        padding-top: 30px;
    }
}
@media(max-width: 991px){
    .case-list li{
        margin-bottom: 26px;
    }
    .case-info{
        padding-top: 20px;
    }
    .case-wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .other-case h3{
        font-size: 30px;
        line-height: 30px;
    }
    .other-case p{
        font-size: 18px;
    }
    .other-case{
        height: 160px;
    }
}
@media(max-width: 767px){
    .case-item{
        flex-wrap: wrap;
    }
    .case-img{
        width: 100%;
    }
    .case-info{
        width: 100%;
        padding: 15px 10px;
        border: 2px solid #fff;
    }
    .case-list li{
        margin-bottom: 10px;
    }
    .case-item:hover{
        border-color: transparent;
    }
    .case-item:hover .case-info{
        border-color: #f8b500;
    }
}
@media(max-width: 559px){
    .other-case{
        height: 120px;
    }
    .other-case h3{
        font-size: 26px;
        line-height: 26px;
    }
    .other-case p{
        font-size: 16px;
    }
}
/* 新闻资讯 */
.dnews-wrap{
    padding-top: 94px;
    background-color: #f9f9f9;
    overflow: hidden;
    padding-bottom: 105px;
}
.dnews-main{
    background-color: #fff;
    padding-left: 125px;
    padding-right: 114px;
}
.news-dtitle{
    padding-top: 72px;
    text-align: center;
    padding-bottom: 50px;
    border-bottom: 2px solid #f0f0f0;
}
.news-dtitle h3{
    font-size: 36px;
    line-height: 36px;
    color: #333;
    margin-bottom: 16px;
}
.news-dtitle span{
    font-size: 18px;
    color: #999;
    line-height: 24px;
}
.dnews-des{
    padding-top: 45px;
    padding-bottom: 30px;
}
.dnews-des h3{
    font-size: 18px;
    line-height: 24px;
    color: #666;
    margin-bottom: 20px;
    font-weight: bold;
}
.dnews-des p{
    font-size: 18px;
    line-height: 32px;
    color: #666;
    margin-bottom: 30px;
}
/*.dnews-des p span{*/
/*    display: block;*/
/*}*/
.dnews-page{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 72px;
    border-top: 2px solid #f0f0f0;
}
.dnews-left{
    width: calc(100% - 140px);
}
.dnews-left a{
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #666;
}
.dnews-back{
    width: 128px;
    height: 46px;
    line-height: 46px;
    background-color: #f8b500;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.dnews-left a:hover{
    color: #f8b500;
}
@media(max-width: 1200px){
    .dnews-main{
        padding-left: 30px;
        padding-right: 30px;
    }
    .news-dtitle{
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .news-dtitle h3{
        font-size: 30px;
        line-height: 30px;
    }
}
@media(max-width: 991px){
    .dnews-wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .dnews-main{
        padding-left: 12px;
        padding-right: 12px;
    }
    .news-dtitle{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .news-dtitle h3{
        font-size: 24px;
        margin-bottom: 6px;
        line-height: 24px;
    }
    .news-dtitle span{
        font-size: 16px;
    }
    .dnews-des{
        padding-top: 28px;
        padding-bottom: 10px;
    }
    .dnews-des h3{
        margin-bottom: 10px;
    }
    .dnews-des p{
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .dnews-page{
        padding-top: 15px;
        padding-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }
    .dnews-left{
        width: 100%;
    }
    .dnews-back{
        margin-top: 10px;
        width: 110px;
        height: 32px;
        line-height: 32px;
    }
    .dnews-left a{
        font-size: 16px;
        line-height: 30px;
    }
}
.news-wrap{
    width: 100%;
    overflow: hidden;
    padding: 94px 0px;
    background-color: #f9f9f9;
}
.news-list li{
    margin-bottom: 62px;
    display: flex;
}
.news-list li:last-child{
    margin-bottom: 0px;
}
.news-img{
    width: 473px;
}
.news-info{
    width: calc(100% - 473px);
    padding-left: 95px;
    padding-right: 90px;
    background-color: #fff;
    padding-top: 42px;
}
.news-info .news-time{
    font-size: 16px;
    color: #999999;
    line-height: 24px;
    display: block;
    margin-bottom: 20px;
}
.news-info h3 {
    margin-bottom: 22px;
}
.news-info h3 a{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #666;
}
.news-info p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
}
.news-more{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #f8b500;
    font-weight: bold;
    margin-top: 60px;
}
.news-more i{
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/news-more.png) no-repeat center;
    margin-left: 10px;
    transition: all .5s;
}
.news-list li:hover .public-img img{
    transform: scale(1.1);
}
.news-list li:hover .news-info h3 a{
    color: #f8b500;
}
.news-list li:hover .news-more i{
    transform: translateX(6px);
} 
.click-more{
    display: block;
    margin: 0px auto 0px;
    width: 128px;
    height: 46px;
    background: #f8b500;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.news-click{
    margin-top: 42px;
}
@media(max-width: 1600px){
    .news-info{
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media(max-width: 1200px){
    .news-info{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media(max-width: 991px){
    .news-wrap{
        padding: 40px 0px;
    }
    .news-list li{
        flex-direction: column;
        margin-bottom: 30px;
    }
    .news-img{
        width: 100%;
        max-width: 473px;
        margin: 0 auto;
    }
    .news-info{
        width: 100%;
        padding: 30px;
    }
    .news-more{
        margin-top: 30px;
    }
}
@media(max-width: 559px){
    .news-info{
        padding: 20px;
    }
    .news-info .news-time{
        margin-bottom: 6px;
    }
    .news-info h3{
        margin-bottom: 10px;
    }
    .news-more{
        margin-top: 20px;
    }
}
/* 厂房设备 */
.equ-box{
    background: #f9f9f9;
    padding:90px 0 70px;
}
.equ-list{
    margin-left: -21px;
    margin-right: -21px;
}
.equ-list li{
    padding: 0 21px;
    float: left;
    width: 25%;
    margin-bottom: 56px;
}
.equ-item p{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 16px;
}
.equ-img{
    border: 4px solid #e7e7e7;
}
.equ-item:hover .equ-img{
    border-color: #f8b500;
}
.equ-item:hover .equ-img img{
    transform: scale(1.1);
}
.equ-item:hover p{
    color: #f8b500;
}
@media(max-width: 1400px){
    .equ-list{
        margin-left: -12px;
        margin-right: -12px;
    }
    .equ-list li{
        padding: 0 12px;
    }
}
@media(max-width: 1200px){
    .equ-list li{
        margin-bottom: 35px;
    }
}
@media(max-width: 991px){
    .equ-box{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .equ-list li{
        margin-bottom: 20px;
        width: 50%;
    }
}
@media(max-width: 559px){
    .equ-list li{
        margin-bottom: 20px;
        width: 100%;
    }
    .equ-click{
        margin-top: 10px;
    }
}
/* 资质荣誉 */
.honor-wrap{
    padding-bottom: 75px;
    padding-top: 62px;
    overflow: hidden;
    background: #f9f9f9;
}
.honor-title{
    width: 1080px;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 78px;
    line-height: 30px;
}
.honor-list{
    margin-left: -40px;
    margin-right: -40px;
    overflow: hidden;
}
.honor-list li{
    float: left;
    padding: 0 40px;
    width: 20%;
    margin-bottom: 45px;
}
.honor-item .public-img{
    border: 8px solid #ffffff;
}
.honor-item p{
    font-size: 16px;
    color: #666;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    margin-top: 12px;
}
.honor-item:hover .public-img img{
    transform: scale(1.1);
}
.honor-item:hover p{
    color: #f8b500;
}
.honor-click{
    margin-top: 5px;
}
@media(max-width: 1600px){
    .honor-list{
        margin-left: -30px;
        margin-right: -30px;
    }
    .honor-list li{
        padding: 0 30px;
    }
}
@media(max-width: 1400px){
    .honor-list{
        margin-left: -20px;
        margin-right: -20px;
    }
    .honor-list li{
        padding: 0 20px;
        margin-bottom: 30px;
    }
}
@media(max-width: 1200px){
    .honor-title{
        width: 100%;
        padding: 0 20px;
        margin-bottom: 50px;
    }
    .honor-list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .honor-list li{
        padding: 0 15px;
    }
}
@media(max-width: 991px){
    .honor-wrap{
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .honor-list li{
        width: 33.33%;
        margin-bottom: 20px;
    }
    .honor-title{
        padding: 0px;
        font-size: 16px;
        margin-bottom: 25px;
    }
}
@media(max-width: 599px){
    .honor-list li{
        width: 50%;
    }
}
@media(max-width: 449px){
    .honor-list {
        margin-left: 0px;
        margin-right: 0px;
    }
    .honor-list li{
        float: none;
        padding: 0px;
        width: 100%;
        margin-bottom: 15px;
    }
}
/* 企业简介 */
.about-one{
    padding-top: 56px;
    overflow: hidden;
}
.one-main{
    display: flex;
    margin-bottom: 118px;
}
.one-left{
    width: 50%;
    padding-right: 70px;
}
.one-title{
    display: flex;
    position: relative;
    align-items: flex-end;
    padding-left: 35px;
    margin-bottom: 52px;
}
.one-title h3{
    font-size: 36px;
    line-height: 36px;
    color: #333;
    margin-right: 28px;
}
.one-title span{
    font-size: 24px;
    font-weight: 300;
    color: #333;
    line-height: 24px;
}
.one-title::before{
    position: absolute;
    width: 6px;
    height: 36px;
    content: "";
    background-color: #f8b500;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.one-txt{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.one-num{
    justify-content: space-between;
    margin-top: 50px;
}
.one-num .num-item{
    margin-right: 0px;
}
.one-right{
    padding-left: 75px;
    width: 50%;
}
.one-txt p{
    margin-bottom: 30px;
}
.one-txt p:last-child{
    margin-bottom: 0px;
}
.about-bom{
    width: 100%;
    height: 788px;
    overflow: hidden;
    background: url(../img/about-bg.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-top: 112px;
    position: relative;
    z-index: 11;
}
.about-main{
    display: flex;
}
.about-left{
    width: 50%;
    padding-left: 80px;
    padding-right: 66px;
}
.about-imgwrap{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}
.about-img{
    width: calc(50% - 10px);
}
.about-right{
    padding-left: 105px;
    width: 50%;
    padding-right: 135px;
    padding-top: 52px;
}
.about-title h3{
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    letter-spacing: 5px;
}
.about-title h3 span{
    color: #f8b500;
}
.about-info{
    margin-top: 74px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 3px;
}
.about-vedio{
    margin-top: -125px;
    position: relative;
    z-index: 33;
    margin-bottom: 125px;
}
.vedio-img{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.vedio-img img{
    width: 100%;
    transition: all .5s;
}
.vedio-play{
    background-color: rgba(0, 0, 0, .44);
}
.vedio-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1700px){
    .about-right{
        padding-left: 85px;
        padding-right: 105px;
        padding-top: 20px;
    }
}
@media(max-width: 1600px){
    .one-right{
        padding-left: 40px;
    }
    .one-left{
        padding-right: 40px;
    }
    .about-right{
        padding-left: 55px;
        padding-right: 75px;
        padding-top: 20px;
    }
    .about-info{
        margin-top: 40px;
    }
    .about-bom{
        height: 710px;
    }
}
@media(max-width: 1400px){
    .one-left{
        padding-right: 20px;
    }
    .one-main{
        margin-bottom: 70px;
    }
    .about-title h3{
        font-size: 38px;
        line-height: 42px;
    }
    .about-info{
        letter-spacing: 2px;
    }
    .about-bom{
        height: 660px;
    }
}
@media(max-width: 1200px){
    .one-main{
        flex-wrap: wrap;
    }
    .one-left{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .one-right{
        width: 100%;
        padding-left: 0px;
    }
    .about-left{
        padding-left: 0px;
        padding-right: 20px;
    }
    .about-right{
        padding-left: 40px;
        padding-right: 40px;
    }
    .about-info{
        letter-spacing: 0px;
        margin-top: 30px;
        font-size: 16px;
    }
    .about-bom{
        height: 600px;
    }
}
@media(max-width: 991px){
    .about-one{
        padding-top: 38px;
    }
    .one-title{
        padding-left: 20px;
        margin-bottom: 24px;
    }
    .one-title h3{
        font-size: 28px;
        line-height: 28px;
        margin-right: 12px;
    }
    .one-title span{
        font-size: 18px;
        line-height: 18px;
    }
    .one-title::before{
        height: 26px;
    }
    .one-num{
        margin-top: 25px;
    }
    .one-left{
        margin-bottom: 20px;
    }
    .one-txt p{
        margin-bottom: 12px;
    }
    .one-main{
        margin-bottom: 35px;
    }
    .about-bom{
        padding: 30px 0px;
        height: auto;
    }
    .about-main{
        flex-wrap: wrap;
    }
    .about-left{
        width: 100%;
        padding: 0px;
    }
    .about-right{
        width: 100%;
        padding: 0px;
        margin-top: 18px;
    }
    .about-vedio{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .about-title h3{
        font-size: 28px;
        line-height: 32px;
    }
    .about-info{
        margin-top: 15px;
    }
}



/*博大历程*/
.dev{
    padding: 86px 0 120px;
    background: url('../img/history-bg.png')  no-repeat top center;
}   
.dev-tit h3{
    font-size: 42px;
    text-align: center;
}
.dev-box{
    position: relative;
    padding-top: 80px;
}
.dev-line{
    position: absolute;
    background: url('../img/history-line.png') repeat-x;
    height: 1px;
    width: 100%;
    top:97px;
}
.dev-line::before{
    position: absolute;
    width: 21px;
    height: 21px;
    background: #f8b500;
    content: " ";
    border-radius: 50%;
    top: -10.5px;
    left: 0;
}
.dev-line::after{
    position: absolute;
    width: 21px;
    height: 21px;
    background: #f8b500;
    content: " ";
    border-radius: 50%;
    top: -10.5px;
    right: 0;
}


.dev-swiper .swiper-slide h4{
    width: 14px;
    height: 14px;
    background: #818181;
    border-radius: 50%;
    margin: 0 auto;
}
.dev-swiper .swiper-slide span{
    display: block;
    height: 46px;
    width: 1px;
    background: #818181;
    margin: 0 auto;
}
.dev-item{
    width: 120px;
}
.dev-swiper{
    height: 192px;
}
.dev-item{
    display: flex;
    justify-content: flex-end;
}
.dev-swiper  .swiper-slide:nth-child(odd){
    margin-top:90px;
}
.dev-item h3{
    font-size: 24px;
    color: #333333;
    
}
.dev-swiper  .swiper-slide:nth-child(even)  .dev-item h3{
    margin-bottom:18px;
}
.dev-swiper  .swiper-slide:nth-child(odd)  .dev-item h3{
    margin-top:18px;
}
.dev-bot{
    margin-top: 96px;
    display: flex;
    padding:0 180px;
    
}
.dev-botl ul li img{
    width: 100%;
}
.dev-botl ul li{
    display: none;
}
.dev-botl ul li:first-child{
    display: block;
}
.dev-botr{
    background: #fff;
    position: relative;
}
.dev-botrm{
    padding:45px 70px 0;
}
.dev-botrm h3{
    font-size: 36px;
    color: #333333;
    font-weight: bold;
}
.dev-txt h4{
    margin-top:20px;
    font-size: 18px;
}
.dev-txt p{
    color: #666666;
    margin-top: 3px;
}
.dev-botrnext{
    width: 52px;
    height: 52px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    background: #f8b500 url('../img/history-arrow.png') no-repeat center; 
}
.dev-box .swiper-button-prev{
    left: -40px;
    margin-top: 0;
    top:56%;
    background: url("../img/history-prev.png") no-repeat center;
}

.dev-box .swiper-button-next{
    right: -40px;
    margin-top: 0;
    top:56%;
    background: url("../img/history-next.png") no-repeat center;
}
.dev-swiper  .swiper-slide.on h4{
    background: #f8b500;
}
.dev-swiper  .swiper-slide.on h3{
    color: #f8b500;
}
.dev-swiper .swiper-slide.on span{
    background: #f8b500;
}

.dev-swiper  .swiper-slide{
    cursor: pointer;
}
.dev-botrul li{
    display: none;
}
@media(max-width:1800px){
    .dev-bot{
        padding: 0 80px;
    }
}
@media(max-width:1600px){
    .dev-bot{
        padding: 0;
    }
}
@media(max-width:1200px){
    .dev-botrm h3{
        font-size: 28px;
    }
    .dev-botrm {
        padding: 20px 30px 0;
    }
}
@media(max-width:991px){
    .dev-bot{
        margin-top: 40px;
        flex-direction: column-reverse;
    }
    .dev-botr{
        box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.08);
    }
    .dev-botrm {
        padding: 20px 30px 80px;
    }
    .dev-tit h3{
        font-size: 28px;
    }
    .dev {
        padding: 40px 0 40px;
    }
    .dev-box{
        padding-top: 40px;
        
    }
    .dev-box .swiper-button-prev{
        top: 50%;
        left: 0;
    }
    .dev-box .swiper-button-next{
        top: 50%;
        right: 0;
    }
    .dev-line::before {
        display: none;
    }
    .dev-line::after{
        display: none;
    }
}   

@media(max-width:500px){

    .dev-botr{
        box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.08);
    }
    .dev-botrm {
        padding:15px 15px 80px;
    }
    .dev-txt h4{
        font-size: 16px;
    }
    .dev-item {
        display: flex;
        justify-content: center;
    }
}

.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%;
}
#dc-home-address {
    height: 520px;
    width: 100%;
}
.BMap_Marker img{
    width: 210%;
}
.BMap_bubble_title{
    color: #21419a;
    font-size: 18px;
    font-weight: bolder;
}
.BMap_bubble_content{
    font-size: 14px;
}

.inav-three{
    background: #FFF;
    line-height: 80px;
}