@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
@font-face{
    font-family: "dMedium";
    src: url('../font/DIN-Medium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* header */
header{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.header-main{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.logo{
    display: block;
    width: 211px;
    margin-top: 21px;
}
.logo img{
    display: block;
    width: 100%;
}
.nav-ul{
    display: flex;
}
.nav-ul li{
    margin-right: 70px;
}
.nav-ul li:last-child{
    margin-right: 0px;
}
.nav-ul li>a{
    display: block;
    font-size: 16px;
    color: #111111;
    line-height: 98px;
    border-bottom: 2px solid transparent;
}
.nav-ul li:hover>a,
.nav-ul li.nav-active a{
    color: #00479d;
    border-bottom-color: #00479d;
}
.header-other{
    position: relative;
    display: flex;
    align-items: center;
}
.header-shop{
    display: flex;
    align-items: center;
    margin-right: 66px;
}
.shop-icon{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #ff4000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}
.header-shop a{
    font-size: 16px;
    line-height: 24px;
    color: #444;
}
.header-sou{
    position: relative;
}
.hsou-wrap{
    width: 170px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none;
}
.hsou-wrap input{
    width: 100%;
    outline: none;
    height: 24px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    background-color: none;
}
.hsou-wrap i{
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/sou-cha.png) no-repeat center;
    background-size: 10px 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
@media(max-width: 1600px){
    .nav-ul li{
        margin-right: 40px;
    }
    .header-shop{
        margin-right: 40px;
    }
}
@media(max-width: 1400px){
    .nav-ul li{
        margin-right: 30px;
    }
    .header-shop{
        margin-right: 20px;
    }
}
@media(max-width: 1200px){
    .nav-ul li{
        margin-right: 15px;
    }
    .shop-icon{
        margin-right: 8px;
    }
    .header-shop{
        margin-right: 10px;
    }
}
@media(max-width: 991px){
    .nav{
        display: none;
    }
    .header-other{
        display: none;
    }
    header{
        height: 70px;
    }
    .logo{
        margin-top: 6px;
    }
}
@media(max-width: 599px){
    .logo{
        width: 192px;
        margin-top: 9px;
    }
}
/* 底部 */
#footer{
    padding-top: 47px;
    overflow: hidden;
    width: 100%;
    background: #2f2f2f;
}
.copy{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #808080;
    border-top: 1px solid #808080;
}
.links a{
    color: #808080;
    display: block;
    margin-right: 10px;
}
.links a:last-child{
    margin-right: 0px;
}
.links{
    height: 80px;
    display: flex;
    align-items: center;
}
.footer-ul{
    margin-bottom: 43px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.footer-ul li h3{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}
.footer-ul li dl dd>a{
    line-height: 30px;
    display: block;
    color: #808080;
    font-size: 16px;
}
.footer-ul li dl dd span{
    color: transparent;
}
.footer-dl{
    display: flex;
}
.footer-dl dl{
    margin-right: 50px;
}
.footer-dl dl:last-child{
    margin-right: 0px;
}
.code-wrap{
    display: flex;
}
.code-item{
    width: 154px;
    text-align: center;
}
.code-item p{
    color: #808080;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}
@media(max-width: 1200px){
    .copy{
        flex-wrap: wrap;
        height: auto;
        padding: 15px 0px;
    }
    .copy p{
        width: 100%;
        line-height: 24px;
        text-align: center;
        margin-bottom: 10px;
    }
    .links{
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        height: auto;
    }
    .links a{
        line-height: 24px;
    }
    .footer-dl dl{
        margin-right: 20px;
    }
}
@media(max-width: 991px){
    .footer-ul{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .footer-ul li{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-ul li h3{
        margin-bottom: 10px;
    }
    .footer-ul li dl{
        text-align: center;
    }
    .footer-ul li dl dd{
        display: inline-block;
        margin: 0 4px;
    }
    .code-wrap{
        width: 100%;
        justify-content: center;
    }
    .code-item{
        width: 153px;
        margin: auto;
    }
    #footer{
        padding-top: 42px;
    }
    .footer-dl{
        flex-wrap: wrap;
    }
    .footer-dl dl{
        width: 100%;
        text-align: center;
    }
    .footer-dl dd{
        display: inline-block;
    }
}
/* 首页关于我们 */
.home-about{
    padding-top: 100px;
    padding-bottom: 110px;
    width: 100%;
    overflow: hidden;
}
.habout-main{
    margin-bottom: 110px;
    display: flex;
}
.habout-left{
    width: 50%;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.habout-right{
    width: 50%;
    padding-left: 50px;
}
.habout-time{
    width: 180px;
    height: 180px;
    border-radius: 10px;
    background-color: #00479d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    margin-bottom: 50px;
    padding-left: 20px;
}
.habout-time span{
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 9px;
}
.habout-time strong{
    display: block;
    font-family: "dMedium";
    font-size: 62px;
    line-height: 62px;
}
.habout-top h3{
    font-size: 30px;
    line-height: 30px;
    color: #111;
    margin-bottom: 18px;
}
.habout-des{
    font-size: 16px;
    line-height: 32px;
    color: #444;
}
.habout-des p{
    margin-bottom: 15px;
}
/* .habout-des p:last-child{
    margin-bottom: 0px;
} */
.public-more{
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    background-color: #00479d;
    padding-left: 22px;
}
.public-more span{
    display: block;
    font-size: 16px;
    color: #fff;
    margin-right: 32px;
}
.public-more i{
    display: block;
    width: 8px;
    height: 14px;
    background: url(../img/habout-arrow.png) no-repeat center;
    transition: all .5s;
}
.public-more:hover{
    background-color: #ff4000;
}
.public-more:hover i{
    transform: translateX(5px);
}
.public-img{
    width: 100%;
    overflow: hidden;
}
.public-img img{
    display: block;
    width: 100%;
    transition: all .5s;
}
.habout-right .public-img:hover img{
    transform: scale(1.1);
}
.num-list{
    display: flex;
    justify-content: space-between;
}
.num-list li{
    position: relative;
    padding: 0 130px;
}
.num-list li:first-child{
    padding-left: 0px;
}
.num-list li:last-child{
    padding-right: 0px;
}
.num-list li::after{
    position: absolute;
    content: "";
    height: 84px;
    width: 1px;
    background: #b3b3b3;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.num-list li:last-child::after{
    display: none;
}
.num-wrap{
    display: flex;
    margin-bottom: 15px;
}
.num-wrap h3{
    font-size: 56px;
    line-height: 56px;
    font-family: "dMedium";
    color: #00479d;
    margin-right: 5px;
}
.num-wrap span{
    font-size: 18px;
    line-height: 24px;
    color: #222;
}
.num-list li p{
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
@media(max-width: 1700px){
    .num-list li{
        padding: 0 90px;
    }
    .habout-time{
        margin-bottom: 30px;
    }
}
@media(max-width: 1600px){
    .num-list li{
        padding: 0 60px;
    }
    .habout-left{
        padding-right: 30px;
    }
    .habout-right{
        padding-left: 10px;
    }
    .habout-time{
        height: 140px;
    }
    .habout-des{
        font-size: 14px;
        line-height: 26px;
    }
}
@media(max-width: 1400px){
    .num-list li{
        padding: 0 40px;
    }
}
@media(max-width: 1200px){
    .num-list li{
        padding: 0 20px;
    }
    .habout-main{
        margin-bottom: 80px;
    }
}
@media(max-width: 991px){
    .home-about{
        padding-top: 46px;
        padding-bottom: 20px;
    }
    .habout-time strong{
        font-size: 48px;
        line-height: 48px;
    }
    .habout-main{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .num-list{
        flex-wrap: wrap;
    }
    .num-list li{
        padding: 0px;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 14px;
    }
    .num-list li:nth-child(2)::after{
        display: none;
    }
    .num-list li::after{
        height: 62px;
    }
    .habout-left{
        padding-right: 0px;
        width: 100%;
        margin-bottom: 25px;
    }
    .habout-right{
        padding-left: 0px;
        width: 100%;
    }
    .habout-time{
        width: 140px;
        height: 120px;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .habout-top h3{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .habout-des{
        margin-bottom: 20px;
    }
    .num-wrap{
        margin-bottom: 3px;
    }
    .num-wrap h3{
        font-size: 44px;
        line-height: 44px;
    }
}
@media(max-width: 599px){
    .num-list li{
        padding: 0 12px;
    }
    .num-wrap span{
        font-size: 16px;
    }
    .num-wrap h3{
        font-size: 38px;
        line-height: 38px;
    }
    .num-list li p{
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }
}
/* 首页产品 */
.home-pro{
    width: 100%;
    overflow: hidden;
    background-color: #f0f0f4;
    padding-top: 98px;
    padding-bottom: 100px;
}
.hpro-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.public-title{
    display: flex;
    align-items: flex-end;
}
.public-title h3{
    font-size: 44px;
    line-height: 44px;
    color: #111;
    margin-right: 15px;
}
.public-title span{
    font-size: 24px;
    color: #444;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
}
.hpro-more{
    width: 130px;
    height: 40px;
    border-radius: 5px;
    background-color: #00479d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hpro-more span{
    font-size: 16px;
    color: #fff;
    padding-right: 15px;
}
.hpro-more i{
    display: block;
    width: 8px;
    height: 14px;
    background: url(../img/habout-arrow.png) no-repeat center;
    transition: all .5s;
}
.hpro-more:hover{
    background-color: #ff4000;
}
.hpro-more:hover i{
    transform: translateX(5px);
}
.hpro-item{
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    transition: all .5s;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 48px;
}
.hpro-swiper .swiper-slide .hpro-item:last-child{
    margin-bottom: 0px;
}
.hpro-info{
    text-align: center;
    margin-top: 48px;
}
.hpro-info h3{
    font-size: 24px;
    color: #222;
    line-height: 24px;
    margin-bottom: 36px;
}
.hpro-info a{
    display: inline-block;
    color: #19479d;
    line-height: 28px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    transition: all .5s;
}
.hpro-item:hover {
    box-shadow: 0px 0px 10px #dcdcdc;
}
.hpro-item:hover .hpro-info a{
    border-bottom-color: #19479d;
}
@media(max-width: 1200px){
    .public-title h3{
        font-size: 38px;
        line-height: 38px;
    }
    .public-title span{
        font-size: 20px;
        line-height: 20px;
    }
}
@media(max-width: 991px){
    .home-pro{
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .public-title h3{
        font-size: 32px;
        line-height: 32px;
        margin-right: 8px;
    }
    .public-title span{
        font-size: 16px;
        line-height: 20px;
    }
    .hpro-title{
        margin-bottom: 30px;
    }
    .hpro-item{
        padding: 0;
        margin-bottom: 25px;
    }
    .hpro-info{
        margin-top: 25px;
    }
    .hpro-info h3{
        margin-bottom: 15px;
    }
}
@media(max-width: 449px){
    .hpro-more{
        width: 100px;
    }
    .hpro-more span{
        padding-right: 8px;
    }
    .public-title h3{
        font-size: 28px;
    }
}
.home-other{
    padding: 100px 0px;
    width: 100%;
    overflow: hidden;
}
.other-item{
    display: flex;
    margin-bottom: 50px;
}
.other-item:nth-child(odd){
    flex-direction: row-reverse;
}
.other-info{
    width: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.other-img{
    width: 56.25%;
}
.other-des{
    margin-top: 38px;
    font-size: 16px;
    line-height: 36px;
    color: #444;
    min-height: 216px;
    margin-bottom: 4px;
}
.other-item:last-child{
    margin-bottom: 0px;
}
.other-item:first-child .other-info{
    padding-right: 95px;
}
.other-item:last-child .other-info{
    padding-left: 95px;
}
.other-img .public-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1600px){
    .other-item:first-child .other-info{
        padding-right: 65px;
    }
    .other-item:last-child .other-info{
        padding-left: 65px;
    }
    .other-des{
        margin-top: 18px;
        margin-bottom: 12px;
        line-height: 30px;
    }
}
@media(max-width: 1200px){
    .other-item:first-child .other-info{
        padding-right: 35px;
    }
    .other-item:last-child .other-info{
        padding-left: 35px;
    }
    .other-des{
        min-height: 30px;
    }
}
@media(max-width: 991px){
    .home-other{
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .other-item{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .other-info{
        width: 100%;
    }
    .other-img{
        width: 100%;
        margin-bottom: 25px;
    }
    .other-item:first-child .other-info{
        padding-right: 0px;
    }
    .other-item:last-child .other-info{
        padding-left: 0px;
    }
    .other-des{
        margin-bottom: 22px;
        margin-top: 12px;
    }
}
/* 首页新闻 */
.hnews-list{
    margin-left: -25px;
    margin-right: -25px;
}
.hnews-list li{
    float: left;
    padding: 0 25px;
    width: 33.333%;
}
.hnews-item{
    border-radius: 20px;
}
.hnews-info{
    width: 100%;
    padding-top: 35px;
    padding-bottom: 34px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.hnews-img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.hnews-info h3{
    font-size: 24px;
    line-height: 30px;
    color: #111;
    margin-bottom: 10px;
}
.hnews-info span{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}
.hnews-des{
    font-size: 16px;
    line-height: 30px;
    color: #444;
    margin-top: 6px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hnews-item:hover .hnews-img img{
    transform: scale(1.1);
}
.hnews-item:hover .hnews-info h3{
    color: #00479d;
}
@media(max-width: 1400px){
    .hnews-list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .hnews-list li{
        padding: 0 15px;
    }
}
@media(max-width: 1200px){
    .hnews-info h3{
        font-size: 20px;
        line-height: 24px;
    }
}
@media(max-width: 991px){
    .hnews-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .hnews-list li{
        padding: 0px;
        margin-bottom: 25px;
        width: 100%;
        float: none;
    }
    .hnews-list li:last-child{
        margin-bottom: 0px;
    }
    .hnews-info{
        padding: 20px;
    }
}
/* 新闻中心 */
.news-wrap{
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
}
.news-item .hnews-info{
    background-color: #f0f0f4;
}
.news-list li{
    margin-top: 50px;
    background-color: #f0f0f4;
    padding: 40px 30px;
    border-radius: 10px;
}
.news-list li h3{
    margin-bottom: 15px;
}
.news-list li h3>a{
    font-size: 24px;
    line-height: 30px;
    color: #111;
}
.news-list li span{
    font-size: 16px;
    line-height: 24px;
    color: #999;
}
.news-list li .hnews-des{
    margin-top: 10px;
}
.news-list li:hover h3>a{
    color: #00479d;
}
@media(max-width: 991px){
    .news-list li{
        margin-top: 30px;
        padding: 30px 20px;
        border-radius: 5px;
    }
}
@media(max-width: 599px){
    .news-list li h3 > a{
        font-size: 20px;
    }
    .news-list li h3{
        margin-bottom: 5px;
    }
    .news-list li .hnews-des{
        margin-top: 5px;
    }
    .news-list li{
        padding: 20px 20px;
    }
}
/* 产品中心 */
.pros-wrap{
    background-color: #f0f0f4;
}
.pros-left{
    float: left;
    width: 260px;
}
.proleft-list{
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
}
.proleft-tit{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 140px;
    background-color: #00479d;
    text-align: center;
}
.proleft-tit h3{
    font-size: 44px;
    color: #fff;
    line-height: 140px;
}
.pronav-list{
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 26px;
}
.pronav-list li{
    padding: 0 20px;
    position: relative;
}
.left-sub{
    width: 100%;
    display: none;
}
.pronav-list li > a{
    display: block;
    line-height: 59px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 14px;
    position: relative;
    font-size: 16px;
    color: #222;
}
.pronav-list li > a::after{
    width: 16px;
    height: 16px;
    background: url(../img/pro-add.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    transition: all .5s;
}
.pronav-list li:last-child > a{
    border-bottom: none;
}
.pronav-list li:hover > a, .pronav-list li.on a{
    color: #00479d;
}
.pronav-list li:hover > a::after, .pronav-list li.on a::after{
    background-image: url(../img/pro-add-on.png);
}
.pro-service{
    height: 186px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pro-tel h3{
    font-size: 18px;
    line-height: 24px;
    color: #111;
    margin-top: 14px;
    margin-bottom: 6px;
    text-align: center;
}
.pro-tel span{
    font-size: 28px;
    line-height: 30px;
    color: #00479d;
    font-family: "dMedium";
}
.pros-right{
    width: calc(100% - 260px);
    float: right;
    padding-left: 60px;
}
.pros-list{
    margin-left: -13px;
    margin-right: -13px;
}
.pros-list li{
    padding: 0 13px;
    float: left;
    width: 25%;
    margin-bottom: 26px;
}
.pros-item{
    width: 100%;
    border: 1px solid #dcdcdc;
    padding-bottom: 39px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .5s;

}
.hpro-img img{
    width: 100%;
}
.hpro-img{
    overflow: hidden;
    width: 100%;
}
.pros-info{
    margin-top: 32px;
    text-align: center;
}
.pros-info h3{
    font-size: 20px;
    line-height: 24px;
    color: #222;
    margin-bottom: 27px;
}
.pros-info a{
    display: inline-block;
    line-height: 22px;
    font-size: 16px;
    color: #19479d;
    border-bottom: 2px solid transparent;
    transition: all .5s;
}
.pros-item:hover{
    box-shadow: 0px 0px 10px #dcdcdc;
}
.pros-item:hover .pros-info a{
    border-bottom-color: #19479d;
}
.pros-img img{
    width: 100%;
}
@media(max-width: 1600px){
    .pros-right{
        padding-left: 40px;
    }
    .pros-img{
        padding: 0px;
        overflow: hidden;
        width: 100%;
    }
    .pros-img img{
        display: block;
        width: 100%;
    }
}
@media(max-width: 1200px){
    .pros-right{
        padding-left: 30px;
    }
    .pros-img{
        padding: 0px;
        width: 100%;
    }
    .pros-list li{
        width: 50%;
    }
}
@media(max-width: 991px){
    .news-wrap{
        padding-top: 50px;
    }
    .pros-left{
        width: 100%;
        margin-bottom: 30px;
    }
    .pros-right{
        padding-left: 0px;
        width: 100%;
        float: none;
    }
    .proleft-tit{
        width: 100%;
        height: 50px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .proleft-tit h3{
        float: left;
        line-height: 50px;
        font-size: 24px;
        padding-left: 20px;
    }
    .pronav-list {
        display: none;
    }
    .pronav-list li > a{
        line-height: 49px;
    }
    .pro-service{
        display: none;
    }
    .pros-list li{
        width: 100%;
        padding: 0px;
    }
    .pros-item{
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .pros-list{
       margin-left: 0px;
       margin-right: 0px;
    }
    .pros-info{
        margin-top: 20px;
    }
    .pros-info h3{
        margin-bottom: 15px;
    }
}
/* 关于奇展 */
.about-wrap{
    width: 100%;
    overflow: hidden;
}
.about-title{
    padding-top: 100px;
    text-align: center;
    margin-bottom: 50px;
}

.about-title h3{
    font-size: 44px;
    line-height: 44px;
    color: #111;
}
.about-des p{
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-indent: 32px;
    margin-bottom: 15px;
}
.about-nums{
    margin-top: 40px;
    margin-bottom: 50px;
}
.about-title p{
    font-size: 16px;
    color: #444;
    margin-top: 22px;
    line-height: 32px;
    text-align: center;
}
.culture-wrap{
    padding-bottom: 100px;
}
.culture-list{
    margin-left: -16px;
    margin-right: -16px;
}
.culture-list li{
    float: left;
    width: 25%;
    padding: 0 16px;
}
.culture-item{
    border-radius: 10px;
    position: relative;
}
.culture-item .public-img{
    border-radius: 10px;
}
.culture-item:hover .public-img img{
    transform: scale(1.1);
}
.culture-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.culture-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 2px solid #fff;
    width: 122px;
    height: 122px;
    border-radius: 50%;
}
.culture-info h3{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
}
.culture-des{
    padding-top: 12px;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 0px;
    visibility: hidden;
    transition: all .5s;
}
.culture-item:hover .culture-des{
    visibility: visible;
    height: 76px;
}
/* 合作客户 */
.partner-wrap{
    background-color: #f0f0f4;
}
.partner-item{
    margin-bottom: 25px;
}
.partner-swiper .swiper-slide .partner-item:last-child{
    margin-bottom: 0px;
}
@media(max-width: 1400px){
    .culture-icon{
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }
}
@media(max-width: 1200px){
    .culture-wrap{
        padding-bottom: 80px;
    }
    .about-title{
        padding-top: 80px;
    }
     .pro-title{
        padding-top: 80px;
    }
    .culture-icon{
        width:90px;
        height:90px;
    }
    .culture-des{
        font-size: 14px;
        line-height: 20px;
    }
}
@media(max-width: 991px){
    .culture-wrap{
        padding-bottom: 30px;
    }
    .partner-wrap{
        padding-bottom: 40px;
    }
    .about-title{
        padding-top: 45px;
        margin-bottom: 20px;
    }
      .pro-title{
        padding-top: 45px;
        margin-bottom: 20px;
    }
    .about-title h3{
        font-size: 30px;
        line-height: 30px;
    }
      .pro-title h3{
        font-size: 30px;
        line-height: 30px;
    }
    .about-nums{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .culture-list li{
        width: 50%;
        margin-bottom: 20px;
    }
}
@media(max-width: 599px){
    .culture-list li{
        width: 100%;
        float: none;
        padding: 0px;
    }
    .culture-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .culture-des{
        visibility: visible;
        height: 78px;
        font-size: 16px;
        line-height: 24px;
    }
}
.dc-phone {
    display: none;
}
@media (max-width: 991px) {
    .dc-phone {
        display: block;
    }

    .dc-pc {
        display: none;
    }
}
#pbanner .swiper-slide img {
    width: 100%;
    display: block;
}
.public-img video {
    display: block;
    width: 100%;
    transition: all .6s;
}
.about-dess img{
    max-width: 100%;
}
.about-dess video{
    max-width: 100%;
}
/* 联系我们 */
.contact-main{
    padding-bottom: 60px;
}
.contact-cont{
    overflow: hidden;
}
.contact-info{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f3f3f3;
    justify-content: center;
}
.contact-info dl dt{
    font-size: 24px;
    color: #003f88;
    margin-bottom: 25px;
}
.contact-info dl dd{
    line-height: 30px;
    color: #666;
    font-size: 16px;
}
.contact-img{
    overflow: hidden;
    width: 100%;
}
.contact-img img{
    display: block;
    width: 100%;
}
.contact-ditu{
    margin-top: 28px;
    overflow: hidden;
    width: 100%;
}
.contact-ditu img{
    display: block;
    width: 100%;
}
@media(max-width: 1200px){
    .contact-info dl dt{
        margin-bottom: 15px;
    }
}
@media(max-width: 991px){
    .col-xxs-12{
        width:100%;
    }
    .contact-info{
        padding: 30px 0px;
        margin-bottom: 15px;
    }
    .contact-main{
        padding-bottom: 40px;
    }
}
@media(max-width: 599px){
    .contact-main{
        padding-bottom: 30px;
    }
    .contact-ditu{
        margin-top: 15px;
    }
}
.about-dess{
    margin-bottom: 20px;
}
.about-dess img{
    max-width: 100%;
}

.pro-title{
    
    text-align: center;
    margin-bottom: 50px;
}
.pro-title h3{
    font-size: 44px;
    line-height: 44px;
    color: #111;
}
.pro-title p{
    font-size: 16px;
    color: #444;
    margin-top: 22px;
    line-height: 32px;
    text-align: center;
}