@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
@font-face{
    font-family: "gBold";
    src: url('../font/Gilroy-Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "pBold";
    src: url('../font/PingFang-Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "pMedium";
    src: url('../font/PingFang-Medium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "gRegular";
    src: url('../font/Gilroy-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* header */
.page1{
    height: 100vh;
    overflow: hidden;
}
header{
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 99;
}
.header-main{
    position: relative;
}
.logo{
    display: block;
    width: 207px;
    margin-top: 16px;
    float: left;
}
.logo img{
    display: block;
    width: 100%;
}
.header-right{
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav-ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 86px;
}
.nav-ul li{
    margin-right: 78px;
}
.nav-ul li:last-child{
    margin-right: 0px;
}
.nav-ul li>a{
    display: block;
    font-size: 16px;
    color: #333333;
}
.nav-ul li:hover>a,
.nav-ul li.nav-active a{
    color: #da5d1b;
}
.header-other{
    margin-left: 32px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30px;
    height: 86px;
}
.header-other::before{
    position: absolute;
    content: "";
    height: 18px;
    width: 1px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #505050;
}
.header-sou{
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.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%);
}
.header-lan{
    margin-left: 24px;
}
.header-lan a{
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}
.header-lan a:hover{
    color: #da5d1b;
}
.banner-next,.banner-prev{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .52);
    background-size: 8px 16px;
    top: auto;
    margin-top: 0px;
    bottom: 70px;
}
.banner-next{
    left: 137px;
    right: auto;
    background-image: url(../img/banner-next.png);
}
.banner-prev{
    left: 70px;
    background-image: url(../img/banner-prev.png);
}
@media(max-width: 1700px){
    .nav-ul li{
        margin-right: 50px;
    }
}
@media(max-width: 1600px){
    .nav-ul li{
        margin-right: 35px;
    }
}
@media(max-width: 1200px){
    .nav-ul li{
        margin-right: 15px;
    }
    .header-other{
        margin-left: 12px;
        padding-left: 15px;
    }
    .logo{
        width: 180px;
    }
    .header-lan{
        margin-left: 8px;
    }
    .page1{
        height: auto;
    }
}
@media(max-width: 991px){
    .header-right{
        display: none;
    }
    header{
        height: 70px;
        position: relative;
    }
    .logo{
        margin-top:5px;
        width: 168px;
    }
    .banner-next,.banner-prev{
        width: 38px;
        height: 38px;
        bottom: 30px;
    }
    .banner-next{
        left: 90px;
    }
    .banner-prev{
        left: 40px;
    }
}
@media(max-width: 599px){
    .banner-next,.banner-prev{
        width: 30px;
        height: 30px;
        bottom: 15px;
    }
    .banner-next{
        left: 58px;
    }
    .banner-prev{
        left: 20px;
    }
}
/* 底部 */
#footer{
    padding-top: 90px;
    overflow: hidden;
    width: 100%;
    background: #141414;
}
.footer-top{
    display: flex;
    justify-content: space-between;
    padding-bottom: 116px;
}
.footer-left{
    width: 23.5%;
}
.footer-logo{
    display: block;
    width: 207px;
    margin-bottom: 45px;
}
.footer-logo img{
    width: 100%;
    display: block;
}
.footer-hotline{
    margin-bottom: 50px;
}
.hotline-top{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.hotline-top span{
    display: block;
    margin-left: 20px;
    font-family: "pBold";
    font-size: 20px;
    color: #fff;
}
.footer-hotline p{
    font-size: 36px;
    font-family: "gBold";
    color: #da5d1b;
}
.copy{
    height: 85px;
    display: flex;
    padding-top: 25px;
    justify-content: space-between;
    color: #666;
    border-top: 1px solid #272727;
}
.copy-left{
    color: #666;
    font-size: 14px;
    height: 24px;
    font-family: "pMedium";
    display: flex;
    align-items: center;
}
.copy-left p{
    margin-right: 20px;
}
.copy-left span{
    padding-left: 30px;
    background: url(../img/nation-icon.png) no-repeat left center;
}
.copy-right{
    height: 24px;
    font-size: 14px;
    color: #666;
    font-family: "pMedium";
    display: flex;
    align-items: center;
}
.copy-right span{
    padding: 0 14px;
    display: block;
    position: relative;
}
.copy-right span:first-child::after{
    position: absolute;
    content: "";
    height: 14px;
    width: 2px;
    background-color: #5b5b5b;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.copy-right p{
    margin-left: 10px;
}
.copy-right a{
    line-height: 24px;
    font-size: 14px;
    color: #666;
    font-family: "pMedium";
}
.footer-ul{
    /* margin-bottom: 43px; */
    display: flex;
    justify-content: space-between;
    width: 76%;
}
.footer-ul li{
    margin-right: 100px;
}
.footer-ul li:last-child{
    margin-right: 0px;
}
.footer-ul li h3{
    color: #fff;
    font-family: "pBold";
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}
.footer-ul li dl dd>a{
    line-height: 36px;
    display: block;
    color: #888;
    font-size: 14px;
    font-family: "pMedium";
}
.footer-share{
    position: relative;
}
.footer-share .bshare-custom a{
    width: 47px;
    height: 46px;
    padding-left: 0px;
    margin-left: 0px;
    border-radius: 0px;
    margin-right: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.footer-share .bshare-custom .bshare-taojianghu{
    background-image: url(../img/footer-tmall.png);
}
.footer-share .bshare-custom .mshare-weixin{
    background-image: url(../img/footer-wchat.png);
}
.footer-share .bshare-custom .bshare-othertao{
    background-image: url(../img/footer-ali.png);
    margin-right: 0px;
}
@media(max-width: 1800px){
    .footer-ul li{
        margin-right: 60px;
    }
}
@media(max-width: 1700px){
    .footer-ul li{
        margin-right: 30px;
    }
}
@media(max-width: 1400px){
    .footer-ul li{
        margin-right: 20px;
    }
    .footer-left{
        width: 20%;
    }
    .footer-ul{
        width: 78%;
    }
    .footer-hotline p{
        font-size: 32px;
    }
}
@media(max-width: 1400px){
    .footer-ul li h3{
        font-size: 18px;
    }
    .footer-ul li{
        margin-right: 10px;
    }
    .footer-left{
        width: 18%;
    }
    .footer-ul{
        width: 81%;
    }
    .footer-logo{
        width: 168px;
    }
    .footer-hotline p{
        font-size: 24px;
    }
    .footer-share .bshare-custom a{
        margin-right: 14px;
        width: 38px;
        height: 37px;
        background-size: 100% 100%;
    }
    .footer-top{
        padding-bottom: 80px;
    }
}
@media(max-width: 991px){
    .footer-top{
        flex-wrap: wrap;
    }
    .footer-left{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }
    .footer-ul{
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .footer-logo{
        margin-bottom: 15px;
    }
    .hotline-top{
        margin-bottom: 15px;
    }
    .footer-hotline{
        margin-bottom: 20px;
    }
    .footer-ul li{
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
    }
    .footer-ul li h3{
        margin-bottom: 6px;
    }
    .footer-ul li dl{
        text-align: center;
    }
    .footer-ul li dl dd > a{
        line-height: 24px;
    }
    .footer-ul li dl dd{
        display: inline-block;
        margin: 0 4px;
    }
    .footer-top{
        padding-bottom: 0px;
    }
    #footer{
        padding-top: 42px;
    }
    .copy{
        flex-wrap: wrap;
        height: auto;
        padding: 15px 0px;
    }
    .copy-left{
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: auto;
        margin-bottom: 4px;
    }
    .copy-right{
        width: 100%;
        height: auto;
        justify-content: center;
    }
    .copy-right span{
        padding: 0 10px;
    }
    .copy-left p{
        text-align: center;
    }
}
/* 导航 */
.home-nav{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.hnav-ul{
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hnav-ul li a{
    display: flex;
    align-items: center;
    height: 119px;
}
.hnav-ul li img{
    transition: all .5s;
}
.hnav-ul li span{
    padding-left: 40px;
    color: #333;
    font-size: 20px;
}
.hnav-ul li:hover span{
    color: #da5d1b;
}
.hnav-ul li:hover img{
    transform: rotate(30deg);
}
.home-about{
    width: 100%;
    overflow: hidden;
    background: url(../img/habout-bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 130px;
}
.habout-left{
    width: 50%;
    float: left;
}
.public-title{
    font-family: "pBold";
}
.habout-title{
    color: #333;
    margin-bottom: 42px;
}
.public-title h3{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.public-title h2{
    font-size: 48px;
    line-height: 48px;
    position: relative;
    display: inline-block;
}
.habout-title h2{
    padding-right: 22px;
}
.public-title h2::after{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    bottom: 2px;
}
.habout-title h2::after{
    background: url(../img/dot-icon.png) no-repeat center;
    right: 0px;
}
.habout-txt p{
    font-family: "pBold";
    font-size: 18px;
    line-height: 36px;
    color: #333;
}
.habout-txtother{
    color: #666;
    font-size: 16px;
    line-height: 32px;
    font-family: "pMedium";
    margin-top: 25px;
    min-height: 160px;
}
.habout-bom{
    margin-top: 8px;
}
.habout-bomitem{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.habout-bomitem span{
    padding-left: 14px;
    font-size: 16px;
    color: #333;
}
.habout-bomitem:hover span{
    color: #da5d1b;
}
.habout-right{
    width: 50%;
    padding-left: 90px;
    float: right;
    margin-top: 16px;
}
.habout-right .public-img{
    position: relative;
}
.public-img{
    width: 100%;
    overflow: hidden;
}
.public-img img{
    display: block;
    width: 100%;
    transition: all .5s;
}
.play-wrap{
    position: absolute;
    width: 66px;
    height: 67px;
    background: url(../img/habout-play.png) no-repeat center;
    background-size: 100% 100%;
    left: 46px;
    bottom: 35px;
    cursor: pointer;
}
/**/
@media(max-width: 1700px){
    .habout-right{
        padding-left: 50px;
    }
}
@media(max-width: 1600px){
    .home-about{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media(max-width: 1400px){
    .hnav-ul{
        padding-left: 0px;
        padding-right: 0px;
    }
    .habout-txt p{
        font-size: 16px;
        line-height: 30px;
    }
    .habout-txtother{
        line-height: 30px;
    }
}
@media(max-width: 991px){
    .habout-left{
        width: 100%;
        float: none;
    }
    .habout-right{
        width: 100%;
        float: none;
        padding-left: 0px;
    }
    .home-about{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .public-title h2{
        font-size: 32px;
        line-height: 32px;
    }
    .habout-title{
        margin-bottom: 15px;
    }
    .habout-txtother{
        min-height: 30px;
        margin-top: 20px;
    }
    .habout-bom{
        margin-top: 20px;
    }
    .hnav-ul li span{
        font-size: 16px;
        padding-left: 12px;
    }
}
@media(max-width: 599px){
    .hnav-ul li a{
        height: auto;
        justify-content: center;
    }
    .hnav-ul{
        flex-wrap: wrap;
    }
    .hnav-ul li{
        width: 50%;
        margin: 10px 0px;
    }
    .play-wrap{
        width: 48px;
        height: 49px;
        left: 15px;
        bottom: 15px;
    }
    .home-about{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .public-title h2{
        font-size: 28px;
        line-height: 28px;
    }
    .public-title h3{
        font-size: 18px;
    }
}
/* 首页集团业务 */
.home-group{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.hgroup-img{
    width: 100%;
    overflow: hidden;
}
.hgroup-img img{
    display: block;
    width: 100%;
}
.hgroup-wrap{
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
}
.hgroup-wrap .container{
    display: flex;
    height: 100%;
}
.hgroup-main{
    display: flex;
    width: 100%;
}
.hgroup-left{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 88px;
}
.hgroup-item{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.hgroup-item li{
    width: 33.333%;
    display: flex;
    position: relative;
}
.hgroup-cont{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: relative;
    border: 1px solid #a6bbc7;
    border-left: none;
    border-bottom: none;
    padding: 0 20px;
}
.hgroup-item li:first-child .hgroup-cont{
    border-left: 1px solid #a6bbc7;
}
.hgroup-item li:nth-child(4) .hgroup-cont{
    border-left: 1px solid #a6bbc7;
    border-bottom: 1px solid #a6bbc7;
}
.hgroup-item li:nth-child(8) .hgroup-cont{
    border-left: 1px solid #a6bbc7;
}
.hgroup-more{
    align-items: center;
    transition: all .5s;
    position: absolute;
    background: #173178;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}
.hgroup-Act  .hgroup-more{
    display: flex;
}
.hgroup-more span{
    display: block;
    margin-top: 30px;
}
.h-group-moretxt{
    display: flex;
}
.hgroup-more-w{
    padding: 0 25px;
}
.hgroup-more h3{
    color: #fff;
}
.hgroup-more span{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-right: 18px;
}
.hgroup-more i{
    font-style: normal;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    font-family: "pBold";
}
.h-group-moretxt span{
    position: relative;
    display: block;
}
.h-group-moretxt span::after{
    background: url(../img/group-arrow.png) no-repeat center;
    content: "";
    width:9px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: -10px;
}
.hgroup-imglist .hgroup-img{
    display:none;
}
.hgroup-imglist .hgroup-img:first-child{
    display:block
}
.hgroup-right .hgroup-rightitem{
    display: none;
}
.hgroup-right .hgroup-rightitem:first-child{
    display: block;
}
.hgroup-border{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 11;
    /* background-color: red; */
}
.hgroup-border i{
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
}
.hgroup-border i:first-child{
    top: 0px;
    left: 0px;
    border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.hgroup-border i:nth-child(2){
    top: 0px;
    right: 0px;
    border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.hgroup-border i:nth-child(3){
    bottom: 0px;
    left: 0px;
    border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.hgroup-border i:nth-child(4){
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.hgroup-icon{
    position: relative;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    margin: 0 auto 18px;
}
.hgroup-icon img{
    transition: all .5s;
}
.hgroup-item li p{
    font-size: 18px;
    color: #fff;
    font-family: "pBold";
    line-height: 24px;
}
/* .hgroup-item li:hover .hgroup-cont{
    background-color: #173178;
    align-items: flex-start;
}
.hgroup-item li.on .hgroup-cont{
    background-color: #173178;
    align-items: flex-start;
}
.hgroup-item li:hover .hgroup-icon{
    display: none;
}
.hgroup-item li.on .hgroup-icon{
    display: none;
}
.hgroup-item li.on .hgroup-more{
    display: block;
}
.hgroup-item li:hover .hgroup-more{
    display: block;
} */
/* .hgroup-item:last-child{
    justify-content: flex-end;
} */
.hgroup-right{
    width: 50%;
    display: flex;
    padding-top: 160px;
    padding-left: 140px;
    padding-bottom: 145px;
}
.hgroup-rightitem{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.hgroup-title{
    color: #fff;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.hgroup-title h3{
    text-align: right;
}
.hgroup-des{
    font-family: "pMedium";
    font-style: 16px;
    color: #fff;
    text-align: right;
    line-height: 36px;
}
.hgroup-othermore{
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 200px;
    justify-content: flex-end;
}
.hgroup-othermore span{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding-left: 20px;
}
.home-strength{
    padding: 80px 0px;
    width: 100%;
    overflow: hidden;
}
.hstrength-img{
    width: 100%;
    overflow: hidden;
}
.hstrength-img img{
    display: block;
    width: 100%;
}
.hstrength-item{
    position: relative;
}
.hstrength-next, .hstrength-prev{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .56);
    background-size: 8px 16px;
    margin-top: 0px;
    top: auto;
    bottom: 50px;
}
.hstrength-next{
    right: 64px;
    background-image: url(../img/banner-next.png);
}
.hstrength-prev{
    left: auto;
    right: 130px;
    background-image: url(../img/banner-prev.png);
}
.hstrength-info{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../img/group-mask.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 70px;
    padding-right: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hstrength-title{
    color: #fff;
    margin-bottom: 115px;
}
.hstrength-title h2{
    padding-right: 30px;
}
.hstrength-title h2::after{
    background: url(../img/dot-icon.png) no-repeat center;
    right: 0px;
}
.hstrength-des{
    margin-bottom: 64px;
    color: #fff;
}
.hstrength-des h3{
    font-size: 24px;
    line-height: 24px;
    font-family: "pBold";
    margin-bottom: 32px;
}
.hstrength-des p{
    font-size: 18px;
    line-height: 36px;
    font-family: "pMedium";
}
.public-more{
    display: flex;
    align-items: center;
}
.hstrength-more{
    color: #fff;
}
.public-more span{
    font-size: 16px;
    line-height: 20px;
}
.hstrength-more span{
    padding-left: 15px;
}
@media(max-width: 1700px){
    .hstrength-title{
        margin-bottom: 50px;
    }
    .hstrength-des p{
        line-height: 30px;
    }
}
@media(max-width: 1600px){
    .hstrength-info{
        padding-left: 50px;
        padding-right: 50px;
    }
    .hstrength-des{
        margin-bottom: 35px;
    }
    /* .public-title h2{
        font-size: 36px;
    } */
    .hgroup-des{
        line-height: 30px;
    }
    .hgroup-othermore{
        margin-top: 60px;
    }
    .hgroup-more h3{
        line-height: 24px;
    }
}
@media(max-width: 1400px){
    .hstrength-des p{
        font-size: 16px;
    }
    .hstrength-des h3{
        margin-bottom: 20px;
    }
    .hstrength-title h2{
        font-size: 38px;
        line-height: 38px;
    }
    .hstrength-title{
        margin-bottom: 30px;
    }
    .hgroup-right{
        padding-top: 100px;
    }
}
@media(max-width: 1200px){
    .hgroup-right{
        padding-top: 50px;
        padding-left: 10px;
    }
    .hgroup-item li p {
        font-size: 14px;
        line-height: 18px;
    }
    .hstrength-info{
        padding-left: 30px;
        padding-right: 30px;
    }
    .hstrength-des p{
        font-size: 14px;
        line-height: 24px;
    }
    .hstrength-des h3{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .hstrength-title h2{
        font-size: 36px;
        line-height: 36px;
    }
    .hstrength-title{
        margin-bottom: 20px;
    }
    .hstrength-des{
        margin-bottom: 20px;
    }
    .hgroup-icon{
        width: 50px;
        height: 50px;
    }
    .hgroup-more-w{
        padding: 0 10px;
    }
}
@media(max-width: 991px){
    .home-strength{
        padding: 50px 0px;
    }
    .hstrength-info{
        position: relative;
        width: 100%;
        padding-top: 30px;
        background: #173178;
        padding-bottom: 30px;
    }
    .hstrength-title h2{
        font-size: 30px;
        line-height: 30px;
    }
    .hstrength-title h2::after{
        background-image: url(../img/dot-other-icon.png);
    }
    .hstrength-prev, .hstrength-next{
        bottom: 15px;
        width: 36px;
        height: 36px;
    }
    .hstrength-prev{
        right: 60px;
    }
    .hstrength-next{
        right: 20px;
    }
    .hgroup-wrap{
        position: relative;
        background: #173178;
    }
    .hgroup-main{
        display: block;
    }
    .hgroup-left{
        width: 100%;
        padding:20px 0;
    }
    .hgroup-cont{
        border-bottom: 1px solid #a6bbc7;
        padding: 15px 0;
    }
    .hgroup-item li p{
        padding: 0 10px;
    }
    .hgroup-right{
        width: 100%;
        padding: 0 0 30px;
    }
    .hgroup-othermore{
        margin-top: 30px;
    }
}
@media(max-width: 499px){
    .hstrength-info{
        padding-left: 20px;
        padding-right: 20px;
    }
    .hstrength-title h2{
        font-size: 28px;
        line-height: 28px;
    }
    .home-strength{
        padding-bottom: 40px;
    }
}
/* 乾宇资讯 */
.home-news{
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
}
.hnews-title{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 42px;
}
.hnews-titletop h2{
    padding-right: 20px;
}
.hnews-titletop h2::after{
    background: url(../img/dot-icon.png) no-repeat center;
    right: 0px;
}
.hnews-titletop{
    color: #333;
}
.hnews-titlemore{
    color: #333;
}
.hnews-titlemore span{
    padding-left: 20px;
}
.hnews-swiper{
    padding-bottom: 110px;
}
.hnews-next, .hnews-prev{
    background-color: #6c6c6c;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 8px 16px;
    margin-top: 0px;
    top: auto;
    bottom: 0px;
    left: 50%;
}
.hnews-next{
    right: auto;
    margin-left: 33px;
    background-image: url(../img/banner-next.png);
}
.hnews-prev{
    margin-left: -33px;
    background-image: url(../img/banner-prev.png);
}
.hnews-next:hover, .hnews-prev:hover{
    background-color: #173178;
}
.hnews-info{
    padding-top: 15px;
}
.hnews-info span{
    font-size: 16px;
    display: block;
    color: #969696;
    line-height: 20px;
    margin-bottom: 18px;
    font-family: "gRegular";
}
.hnews-info h3{
    margin-bottom: 8px;
}
.hnews-info h3 a{
    color: #666;
    font-size: 18px;
    line-height: 32px;
    min-height: 96px;
    font-family: "pMedium";
    display: block;
}
.hnews-more{
    display: block;
    padding-bottom: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #969696;
    font-family: "pBold";
    position: relative;
    border-bottom: 1px solid #dadada;
}
.hnews-more::after{
    position: absolute;
    content: "";
    width: 198px;
    height: 1px;
    background: url(../img/hnews-more.jpg) no-repeat center;
    background-size: 100% 100%;
    bottom: 0px;
    left: 0px;
    transition: all .5s;
    opacity: 0;
}
.hnews-item:hover .public-img img{
    transform: scale(1.1);
}
.hnews-item:hover .hnews-info h3 a{
    color: #333;
    font-family: "pBold";
}
.hnews-item:hover .hnews-more{
    color: #333;
}
.hnews-item:hover .hnews-more::after{
    opacity: 1;
}
@media(max-width: 991px){
    .hnews-title{
        margin-bottom: 30px;
    }
    .hnews-info h3 a{
        font-size: 16px;
        min-height: 90px;
        line-height: 30px;
    }
    .hnews-more{
        padding-bottom: 10px;
    }
    .hnews-info span{
        margin-bottom: 8px;
    }
    .home-news{
        padding-bottom: 40px;
    }
    .hnews-swiper{
        padding-bottom: 60px;
    }
    .hnews-next, .hnews-prev{
        width: 38px;
        height: 38px;
    }
    .hnews-next{
        margin-left: 14px;
    }
    .hnews-prev{
        margin-left: -40px;
    }
}
@media(max-width: 599px){
    .hnews-info h3 a{
        min-height: 30px;
    }
    .hnews-info h3{
        margin-bottom: 12px;
    }
}
/* 联系我们 */
.inside-banner{
    position: relative;
}
.banner-note{
    position: absolute;
    width: 210px;
    height: 210px;
    left: 13.5%;
    bottom: 0px;
    background: url(../img/banner-txtbg.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 28px;
    padding-top: 48px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.banner-note h3{
    font-size: 34px;
    color: #fff;
    line-height: 34px;
}
.banner-note i{
    display: block;
    width: 10px;
    height: 18px;
    background: url(../img/banner-down.png) no-repeat center;
    animation: move 2s infinite ;
}
@keyframes move{
    0% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-5px)
    }
    100%{
        transform: translateY(0px)
    }
}
.inside-nav{
    width: 100%;
    border-bottom: 1px solid #eee;
}
.inav-main{
    display: flex;
    justify-content: space-between;
}
.inav-ul{
    display: flex;
    padding-right: 8px;
    align-items: center;
}
.inav-ul li{
    margin-right: 180px;
}
.inav-ul li:last-child{
    margin-right: 0px;
}
.inav-ul li>a{
    font-size: 18px;
    color: #666;
    height: 103px;
    line-height: 103px;
    position: relative;
    border-bottom: 3px solid transparent;
    transition: all .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;

    
}
.inav-ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.inav-ul li:hover > a, .inav-ul li.on > a{
    color: #133170;
    border-color: #133170;
    font-weight: bold;
}
.inav-right{
    padding-left: 20px;
    background: url(../img/daohang-icon.png) no-repeat left center;
    width: 25%;
}
.inav-right a{
    line-height: 103px;
    color: #969696;
    font-size: 16px;
}
.inav-right a:hover{
    color: #133170;
}
.contact-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-list li{
    padding-top: 85px;
    padding-bottom: 74px;
}
.contact-list li h3{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 28px;
}
.contact-icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #db6120;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}
.contact-list li p{
    font-size: 24px;
    color: #da5d1b;
    line-height: 32px;
    text-align: center;
    min-height: 64px;
}
.contact-bom{
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    justify-content: space-between;
}
.contact-bom li{
    margin-right: 100px;
    width: 19.5%;
    padding-top: 22px;
    padding-bottom: 44px;
    position: relative;
}
.contact-bom li::after{
    position: absolute;
    width: 93%;
    height: 2px;
    content: "";
    top: 0px;
    left: 0px;
    background-color: #df7239;
}
.contact-bom li h3{
    font-size: 20px;
    color: #333;
    margin-bottom: 14px;
    line-height: 32px;
}
.contact-bom li:nth-child(4n){
    margin-right: 0px;
}
.contatc-txt p{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.contatc-txt p span{
    color: transparent;
}
.contact-wrap{
    width: 100%;
    overflow: hidden;
    padding-bottom: 62px;
}
@media(max-width: 1600px){
    .contact-bom li{
        margin-right: 60px;
        width: 20.5%;
    }
}
@media(max-width: 1400px){
    .inav-ul li{
        margin-right: 100px;
    }
    .contact-bom li h3{
        font-size: 18px;
    }
}
@media(max-width: 1200px){
    .contact-list li p{
        min-height: 30px;
        font-size: 20px;
        line-height: 30px;
    }
    .contact-bom li{
        margin-right: 30px;
        width: 22.5%;
    }
}
@media(max-width: 991px){
    .banner-note{
        left: 50px;
        width: 120px;
        height: 120px;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .banner-note h3{
        font-size: 18px;
    }
    .inav-ul li{
        margin-right: 30px;
    }
    .inav-ul li a{
        line-height: 48px;
        font-size: 16px;
    }
    .inav-main{
        flex-direction: column-reverse;
        padding-top: 20px;
    }
    .inav-ul{
        width: 100%;
    }
    .inav-right{
        width: 100%;
    }
    .inav-right a{
        line-height: 30px;
    }
    .contact-list{
        margin-bottom: 25px;
    }
    .contact-list li{
        width: 100%;
        padding-top: 25px;
        padding-bottom: 0px;
    }
    .contact-list li h3{
        margin-bottom: 15px;
    }
    .contact-icon{
        margin-bottom: 12px;
    }
    .contact-bom{
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .contact-bom li{
        width: calc(50% - 25px);
        margin-right: 0px;
        padding-top: 18px;
        padding-bottom: 20px;
    }
    .contact-bom li h3{
        margin-bottom: 5px;
    }
    .contact-wrap{
        padding-bottom: 30px;
    }
}
@media(max-width: 599px){
    .contact-bom li{
        width: 100%;
        padding-left: 60px;
    }
    .banner-note{
        left: 15px;
        width: 80px;
        height: 80px;
        padding-left: 6px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .banner-note h3{
        font-size: 16px;
        line-height: 20px;
    }
}
/* 人才招聘 */
.recruit-wrap{
    padding-top: 72px;
    padding-bottom: 54px;
}
.recruit-top{
    padding-left: 54px;
    background-color: #21419a;
    height: 60px;
    display: flex;
    align-items: center;
}
.recruit-top p{
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}
.recruit-pos{
    width: 28%;
}
.recruit-unit{
    width: 20%;
}
.recruit-people{
    width: 12%;
    text-align: center;
}
.recruit-time{
    width: 25.7%;
    text-align: center;
}
.recruit-ques{
    display: flex;
    align-items: center;
    height: 76px;
    padding-left: 54px;
    border-bottom: 1px dashed #bcbcbc;
    font-size: 16px;
    color: #666666;
}
.recruit-ques .recruit-pos{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.recruit-answer{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #bcbcbc;
    cursor: pointer;
    margin-left: 20px;
    background: url(../img/add-icon.png) no-repeat center;
}
.recruit-list li.on .recruit-answer{
    background-image: url(../img/slice-icon.png);
}
.recruit-bom{
    padding-left: 54px;
    padding-top: 30px;
    display: none;
    padding-bottom: 50px;
    border-bottom: 1px dashed #bcbcbc;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
}
.recruit-request{
    margin-top: 26px;
}
.recruit-ask{
    padding-left: 54px;
    color: #333;
    padding-right: 54px;
    line-height: 28px;
    padding-top: 50px;
}
@media(max-width: 1200px){
    .recruit-top{
        padding-left: 40px;
    }
    .recruit-ques{
        padding-left: 40px;
    }
    .recruit-bom{
        padding-left: 40px;
    }
    .recruit-ask{
        padding-left: 40px;
    }
}
@media(max-width: 991px){
    .recruit-wrap{
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .recruit-top{
        padding-left: 20px;
        padding-right: 20px;
    }
    .recruit-ques{
        padding-left: 20px;
        padding-right: 20px;
        height: 60px;
    }
    .recruit-bom{
        padding-left: 20px;
        padding-right: 20px;
    }
    .recruit-ask{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }
    .recruit-pos{
        width: 35%;
    }
    .recruit-people{
        width: 10%;
    }
    .recruit-top p{
        overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
    }
}
@media(max-width: 599px){
    .recruit-wrap{
        padding-top: 40px;
    }
    .recruit-top{
        height: 50px;
    }
    .recruit-ques .recruit-pos{
        font-size: 16px;
    }
    .recruit-top{
        padding-left: 10px;
        padding-right: 10px;
    }
    .recruit-ques{
        padding-left: 10px;
        padding-right: 0px;
        font-size: 14px;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .recruit-bom{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
        padding-top: 20px;
    }
    .recruit-ask{
        padding-left: 10px;
        padding-right: 10px;
    }
    .recruit-unit{
        width: 27.5%;
    }
    .recruit-pos{
        width: 30%;
    }
    .recruit-time{
        width: 24.8%;
    }
    .recruit-people{
        width: 35px;
    }
    .recruit-answer{
        margin-left: 0px;
        width: 22px;
        height: 22px;
    }
}
/* 公司新闻 */
.news-wrap{
    padding-top: 70px;
    width: 100%;
    overflow: hidden;
}
.news-top{
    padding-bottom: 50px;
    display: flex;
    border-bottom: 1px solid #eee;
}
.news-left{
    width: 50%;
}
.news-right{
    width: 50%;
    padding-left: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-time{
    font-size: 16px;
    display: block;
    line-height: 24px;
    color: #666;
    margin-bottom: 10px;
}
.news-right h3{
    margin-bottom: 20px;
}
.news-right h3>a{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
}
.news-right p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}
.news-more{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #da5d1b;
    width: 120px;
    height: 46px;
}
.news-more i{
    display: block;
    width: 9px;
    height: 15px;
    background: url(../img/news-arrow.png) no-repeat center;
    margin-right: 12px;
}
.news-more span{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.news-right:hover h3>a{
    color: #da5d1b;
}
.news-left .public-img:hover img{
    transform: scale(1.1);
}
.news-bom{
    padding-top: 42px;
}
.news-list li{
    margin-bottom: 50px;
    display: flex;
}
.news-list li:last-child{
    margin-bottom: 0px;
}
.news-img{
    width: 472px;
}
.news-info{
    width: calc(100% - 472px);
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-info .news-time{
    margin-bottom: 10px;
}
.news-info h3{
    margin-bottom: 16px;
}
.news-info h3>a{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}
.news-info p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    margin-bottom: 22px;
    min-height: 90px;
}
.news-list li:hover .public-img img{
    transform: scale(1.1);
}
.news-list li:hover .news-info h3>a{
    color: #da5d1b;
}
@media(max-width: 1400px){
    .news-right h3 > a{
        font-size: 20px;
        line-height: 24px;
    }
    .news-right p{
        margin-bottom: 30px;
    }
    .news-info{
        padding-left: 34px;
    }
}
@media(max-width: 1200px){
    .news-img{
        width: 33.5%;
    }
    .news-info{
       width: 66.5%;
    }
    .news-info p{
        -webkit-line-clamp: 2;
        min-height: 60px;
        margin-bottom: 15px;
    }
    .news-more{
        height: 38px;
    }
}
@media(max-width: 991px){
    .news-wrap{
        padding-top: 40px;
    }
    .news-top{
        padding-bottom: 30px;
        flex-wrap: wrap;
    }
    .news-left{
        width: 100%;
        margin-bottom: 20px;
    }
    .news-right{
        width: 100%;
        padding-left: 0px;
    }
    .news-right h3{
        margin-bottom: 15px;
    }
    .news-right p{
        margin-bottom: 20px;
    }
    .news-bom{
        padding-top: 30px;
    }
    .news-list li{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .news-img{
        width: 100%;
        max-width: 472px;
        margin: auto;
    }
    .news-info{
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .news-info h3{
        margin-bottom: 8px;
    }
    .news-info p{
        -webkit-line-clamp: 20;
        min-height: 30px;
        margin-bottom: 15px;
    }
}
.news-detail{
    padding-top: 0px;
}
.news-title{
    padding-top: 58px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
}
.news-title h3{
    font-size: 30px;
    line-height: 36px;
    color: #333;
    font-weight: bold;
    margin-bottom: 17px;
}
.news-title span{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.news-detailmain{
    padding-top: 26px;
}
.news-detailcont{
    width: 73.6%;
    margin: 0 auto 112px;
}
.news-detailcont p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.news-detailimg{
    max-width: 992px;
    width: 100%;
    overflow: hidden;
    margin: 32px auto 0px;
}
.news-detailimg img{
    display: block;
    width: 100%;
}
.news-page{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    height: 116px;
    border-top: 1px solid #eeeeee;
}
.news-page .news-page-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.news-page a{
    color: #666;
    font-size: 16px;
    line-height: 24px;
}
.news-page a:hover{
    color: #da5d1b;
}
@media(max-width: 1200px){
    .news-detailcont{
        width: 100%;
        margin-bottom: 80px;
    }
}
@media(max-width: 991px){
    .news-title{
        padding-top: 40px;
    }
    .news-title h3{
        font-size: 26px;
        margin-bottom: 12px;
    }
    .news-detailcont{
        margin-bottom: 30px;
    }
    .news-detailmain{
        padding-top: 20px;
    }
    .news-page{
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .news-page .news-page-icon{
        left: auto;
        right: 0px;
        bottom: 25px;
        top: auto;
        transform: translate(0px, 0px);
    }
}
@media(max-width: 449px){
    .news-title h3{
        font-size: 22px;
    }
}
/* 制造实力 */
.manu-inav li{
    margin-right: 100px;
}
.manu-wrap{
    width: 100%;
    overflow: hidden;
    padding-top: 60px;
}
.manu-list{
    margin-left: -10px;
    margin-right: -10px;
}
.manu-list li{
    padding: 0 10px;
    margin-bottom: 40px;
}
.manu-item p{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 26px;
    text-align: center;
    display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}
.manu-item:hover .public-img img{
    transform: scale(1.1);
}
.manu-item:hover p{
    color: #da5d1b;
}
.click-more{
    display: block;
    width: 154px;
    height: 48px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #da5d1b;
    border-radius: 2px;
    line-height: 48px;
    text-align: center;
}
.manu-click{
    margin: 10px auto 70px;
}
@media(max-width: 1200px){
    .manu-inav li{
        margin-right: 80px;
    }
}
@media(max-width: 991px){
    .manu-wrap{
        padding-top: 40px;
    }
    .manu-item p{
        margin-top: 18px;
    }
    .manu-list li{
        margin-bottom: 20px;
    }
    .manu-click{
        margin-bottom: 45px;
    }
    .manu-inav li{
        margin-right: 40px;
    }
}
@media(max-width: 767px){
    .manu-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .manu-list li{
        padding: 0px;
    }
}
/* 工程案例 */
.case-wrap{
    padding-top: 70px;
}
.case-list{
    margin-left: -10px;
    margin-right: -10px;
}
.case-list li{
    margin-bottom: 40px;
}
.case-click{
    margin: 10px auto 70px;
}
@media(max-width: 991px){
    .case-wrap{
        padding-top: 40px;
    }
    .case-list li{
        margin-bottom: 20px;
    }
    .case-click{
        margin-bottom: 45px;
    }
}
@media(max-width: 767px){
    .case-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .case-list li{
        padding: 0px;
    }
}
@media(max-width: 449px){
    .manu-inav li{
        margin-right: 10px;
    }
}
/* 产品 */
.pro-inav li{
    margin-right: 15px;
    position: relative;
    width: 150px;
}
.inav-sub{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 106px;
    z-index: 99;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    box-shadow: 0px 0px 10px #ededed;
    display: none;
}
.inav-sub dl a{
    display: block;
    line-height: 28px;
    border-bottom: 1px solid #eee;
    padding: 10px;
    color: #666;
    font-size: 16px;
}
.inav-sub dl:hover a{
    color: #133170;
}
.pro-wrap{
    padding-top: 55px;
    width: 100%;
    overflow: hidden;
}
.pro-list li{
    margin-bottom: 50px;
}
.pro-img{
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    transition: all .5s;
}
.pro-img img{
    display: block;
    width: 100%;
    transition: all .5s;
}
.pro-info{
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro-info p{
    font-weight: bold;
    color: #666;
    line-height: 22px;
    font-size: 16px;
    margin-right: 10px;
}
.pro-info i{
    display: block;
    width: 35px;
    height: 17px;
    transition: all .5s;
    background: url(../img/pro-more.png) no-repeat center;
}
.pro-item:hover .pro-img{
    box-shadow: 0px 0px 10px #ebebeb;
}
.pro-item:hover .pro-img img{
    transform: scale(1.1);
}
.pro-item:hover .pro-info p{
    color: #da5d1b;
}
.pro-item:hover .pro-info i{
    background-image: url(../img/pro-more-on.png);
}
.pro-mobile{
    width: 100%;
    height: 50px;
    background-color: #133170;
    margin-top: 15px;
    display: none;
}
.pro-mobile h3{
    color: #fff;
    padding-left: 20px;
    font-size: 18px;
    line-height: 50px;
    float: left;
}
@media(max-width: 1600px){
    .pro-inav li{
        margin-right: 10px;
    }
}

@media(max-width: 1400px){
    .pro-inav li{
        margin-right: 10px;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
        font-size: 14px;
    }
}
@media(max-width: 1200px){
    .pro-inav li{
        margin-right:10px;
    }
}
@media(max-width: 991px){
    .pro-inavwrap{
        border-bottom: none;
    }
    .pro-mobile{
        display: block;
    }
    .pro-inav{
        flex-wrap: wrap;
        display: none;
    }
    .pro-inav li{
        width: 100%;
        margin-right: 0px;
    }
    .pro-inav li>a{
        border: 1px solid #eee;
        border-top: none;
        line-height: 40px;
        text-align: center;
    }
    .pro-inav li.on > a, .pro-inav li:hover > a{
        border-color: #eee;
        border-bottom-color: #eee;
        color: #133170;
    }
    .inav-sub{
        top: 40px;
        width: 100%;
    }
    .pro-wrap{
        padding-top: 35px;
    }
    .pro-info{
        padding-top: 20px;
    }
    .pro-list li{
        margin-bottom: 25px;
    }
}
.pro-top{
    display: flex;
}
.pro-left{
    width: 50%;
    position: relative;
    margin-bottom: 56px;
}
.gallery-proimg{
    border: 1px solid #eee;
}
.dpro-thumbs{
    position: absolute;
    bottom: 20px;
    width: 310px;
    left: 20px;
}
.pro-right{
    width: 50%;
    padding-top: 75px;
    padding-left: 100px;
    overflow: hidden;
    height: 600px;
}
.pro-right h3{
    font-size: 32px;
    color: #333;
    line-height: 36px;
    margin-bottom: 64px;
    text-transform: uppercase;
}
.pro-right p{
    font-size: 18px;
    color: #333;
    line-height: 36px;
    margin-bottom: 44px;
}
.pro-buy{
    display: flex;
    width: 193px;
    height: 54px;
    background-color: #da5d1b;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}
.pro-buy span{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    display: block;
}
.pro-buy span::after{
    position: absolute;
    width: 3px;
    height: 17px;
    right: 0px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
.pro-bom{
    padding-bottom: 80px;
}
.pro-bom h3{
    font-size: 32px;
    line-height: 24px;
  /*  font-weight: bold;*/
    color: #333;
    padding-bottom: 40px;
    margin-bottom: 17px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
@media(max-width: 1400px){
    .pro-right{
        padding-left: 60px;
        padding-top: 40px;
    }
    .pro-right h3{
        margin-bottom: 30px;
    }
}
@media(max-width: 1200px){
    .pro-right{
        padding-left: 40px;
        padding-top: 30px;
    }
    .pro-right p{
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
}
@media(max-width: 991px){
    .pro-top{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .pro-left{
        width: 100%;
    }
    .pro-right{
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
    }
    .dpro-thumbs{
        width: 260px;
    }
    .pro-left{
        margin-bottom: 35px;
    }
    .pro-right h3{
        margin-bottom: 15px;
        font-size: 26px;
    }
    .pro-right p{
        margin-bottom: 20px;
    }
    .pro-bom{
        padding-bottom: 40px;
    }
}
.honor-list{
    margin-left: -10px;
    margin-right: -10px;
}
.honor-list li{
    padding: 0 10px;
    margin-bottom: 55px;
}
.honor-img{
    border: 22px solid #f5f5f5;
}
.honor-click{
    margin: 10px auto 80px;
}
@media(max-width: 991px){
    .honor-list li{
        margin-bottom: 20px;
    }
    .honor-click{
        margin-bottom: 45px;
    }
}
@media(max-width: 767px){
    .honor-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .honor-list li{
        padding: 0px;
    }
}
/* 公司简介 */
.num-list{
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
}
.num-list li{
    height: 188px;
    display: flex;
    align-items: center;
}
.num-wrap{
    display: flex;
    color: #004098;
    padding-right: 22px;
    position: relative;
}
.num-wrap h3{
    font-size: 60px;
    font-weight: bold;
    margin-right: 5px;
}
.num-wrap span{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.num-wrap span i{
    display: block;
    font-style: normal;
}
.num-wrap::after{
    content: "/";
    font-size: 30px;
    display: block;
    position: absolute;
    right: 0px;
    color: #d4d4d4;
    top: 50%;
    transform: translateY(-50%);
}
.num-txt{
    padding-left: 15px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 24px;
}
.about-wrap{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.about-wrap::after{
    height: 474px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #f5f6f8;
    content: "";
}
.about-main{
    padding-top: 72px;
    padding-bottom: 66px;
}
.about-wrap .inside-width{
    position: relative;
    z-index: 22;
}
.about-left{
    width: 52.9%;
    float: left;
}
.about-title{
    position: relative;
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    padding-right: 22px;
    display: inline-block;
    margin-bottom: 35px;
}
.about-title::after{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/ititle-dot.png) no-repeat center;
    bottom: 0px;
    right: 0px;
    content: "";
}
.about-des{
    font-size: 16px;
    line-height: 36px;
    color: #666;
    height: 400px;
    overflow: auto;
}
.about-des .mCSB_dragger_bar{
    background: #133170 !important;
}
.about-right{
    width: 39.3%;
    position: relative;
    padding-right: 68px;
    padding-top: 78px;
    float: right;
}
.about-right::after{
    position: absolute;
    height: calc(100% - 92px);
    width: calc(100% - 80px);
    top: 14px;
    right: 0px;
    background-color: #133170;
    content: "";
}
.about-rightimg{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 22;
}
.about-rightimg img{
    display: block;
    width: 100%;
}
.about-bom{
    width: 100%;
    overflow: hidden;
    padding-top: 82px;
    padding-bottom: 32px;
}
.about-bommain{
    display: flex;
}
.about-item{
    margin-right: 17px;
}
.about-item:last-child{
    margin-right: 0px;
}
.about-img{
    margin-bottom: 28px;
}
.about-img:hover img{
    transform: scale(1.1);
}
@media(max-width: 1400px){
    .about-des{
        line-height: 30px;
    }
    .about-right{
        width: 42%;
    }
}
@media(max-width: 1200px){
    .num-wrap h3{
        font-size: 48px;
        line-height: 48px;
    }
    .num-wrap{
        padding-right: 15px;
    }
    .num-txt{
        padding-left: 8px;
    }
}
@media(max-width: 991px){
    .num-list{
        flex-wrap: wrap;
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: none;
    }
    .num-list li{
        width: 50%;
        height: auto;
        justify-content: center;
        padding: 20px 0px 0px;
    }
    .about-main{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .about-left{
        width: 100%;
        float: none;
        margin-bottom: 18px;
    }
    .about-right{
        width: 100%;
        float: none;
    }
    .about-title{
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 18px;
    }
    .about-bom{
        padding-top: 40px;
        padding-bottom: 25px;
    }
    .about-bommain{
        flex-wrap: wrap;
    }
    .about-item{
        width: 100%;
        margin-right: 0px;
    }
    .about-img{
        margin-bottom: 20px;
    }
}
@media(max-width: 599px){
    .num-list li{
        width: 100%;
    }
    .about-right{
        padding-top: 36px;
        padding-right: 40px;
    }
    .about-right::after{
        top: 0px;
    }
    .about-right::after{
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }
}
/* 发展历程 */
.history-wrap{
    width: 100%;
    overflow: hidden;
    background: url(../img/history-img.jpg) no-repeat center;
    background-size: cover;
    padding-top: 88px;
    padding-bottom: 132px;
}
.history-title{
    text-align: center;
    margin-bottom: 48px;
}
.history-title .about-title{
    color: #fff;
    padding-right: 28px;
    margin-bottom: 0px;
}
.history-title .about-title::after{
    background-image: url(../img/dot-icon-on.png);
}
.history-main{
    width: 100%;
    position: relative;
}
.history-main .inside-width{
    position: relative;
}
.history-main::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.history-next, .history-prev{
    width: 54px;
    height: 54px;
    margin-top: -27px;
    background-color: #ffff;
    background-size: 9px 15px;
}
.history-next{
    right: -124px;
    background-image: url(../img/history-next.png);
}
.history-prev{
    left: -124px;
    background-image: url(../img/history-prev.png);
}
.history-next:hover, .history-prev:hover{
    background-color: #da5d1b;
}
.history-next:hover{
    background-image: url(../img/history-next-on.png);
}
.history-prev:hover{
    background-image: url(../img/history-prev-on.png);
}
.history-swiper .swiper-slide:nth-child(even){
    margin-top: 217px;
    position: relative;
}
.history-item{
    height: 216px;
    color: #fff;
    padding-top: 56px;
    position: relative;
}
.history-item h3{
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.history-info p{
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}
.history-note{
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #da5d1b;
    border: 2px solid #fff;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 23;
}
.history-note::after{
    width: 2px;
    height: 16px;
    position: absolute;
    content: "";
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    z-index: 21;
}
.history-swiper .swiper-slide:nth-child(odd) .history-note{
    bottom: -9px;
}
.history-swiper .swiper-slide:nth-child(odd) .history-note::after{
    bottom: 16px;
}
.history-swiper .swiper-slide:nth-child(even) .history-note{
    top: -9px;
}
.history-swiper .swiper-slide:nth-child(even) .history-note::after{
    top: 16px;
}
@media(max-width: 1700px){
    .history-next{
        right: -60px;
    }
    .history-prev{
        left: -60px;
    }
}
@media(max-width: 1400px){
    .history-info p{
        font-size: 16px;
    }
    .history-next{
        right: -20px;
    }
    .history-prev{
        left: -20px;
    }
}
@media(max-width: 1200px){
    .history-wrap{
        padding-bottom: 100px;
    }
}
@media(max-width: 991px){
    .history-wrap{
        padding-top: 45px;
        padding-bottom: 30px;
    }
    .history-title{
        margin-bottom: 0px;
    }
}
@media(max-width: 768px){
    .history-next, .history-prev{
        width: 38px;
        height: 38px;
        margin-top: -19px;
    }
    .history-next{
        right: 5px;
    }
    .history-prev{
        left: 5px;
    }
    .history-swiper .swiper-slide:nth-child(even){
        margin-top: 0px;
    }
    .history-item{
        width: auto;
        padding-top: 0px;
        height: auto;
        padding-bottom: 0px;
        padding-top: 30px;
    }
    .history-info p{
        font-size: 16px;
        min-height: 72px;
    }
    .history-note{
        display: none;
    }
    .history-main::after{
        display: none;
    }
}
@media(max-width: 449px){
    .history-info p{
        min-height: 24px;
    }
    .history-main .inside-width{
        padding-left: 45px;
        padding-right: 45px;
    }
}
/* 企业视频 */
.vedio-wrap{
    padding-top: 52px;
    width: 100%;
    overflow: hidden;
}
.vedio-top{
    margin-bottom: 87px;
}
.vedio-list{
    margin-left: -36px;
    margin-right: -36px;
}
.vedio-list li{
    padding: 0 36px;
    float: left;
    width: 33.333%;
    margin-bottom: 60px;
}
.vedio-item{
    width: 100%;
}
.vedio-img{
    position: relative;
}
.vedio-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../img/iplay-icon.png) no-repeat center;
}
.vedio-des{
    margin-top: 18px;
    display: flex;
    align-items: center;
}
.vedio-des span{
    padding-left: 20px;
    display: block;
    margin-left: 18px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    position: relative;
}
.vedio-des span::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    background: #adadad;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.vedio-click{
    margin: 0 auto 50px;
}
@media(max-width: 1200px){
    .vedio-list{
        margin-left: -20px;
        margin-right: -20px;
    }
    .vedio-list li{
        padding: 0 20px;
        margin-bottom: 40px;
    }
}
@media(max-width: 991px){
    .vedio-wrap{
        padding-top: 42px;
    }
    .vedio-top{
        margin-bottom: 40px;
    }
    .vedio-list{
        margin-left: 0px;
        margin-right: 0px;
    }
    .vedio-list li{
        padding: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
    .vedio-click{
        margin-top: 15px;
        margin-bottom: 40px;
    }
}
@media(max-width: 449px){
    .vedio-wrap{
        padding-top: 35px;
    }
    .vedio-top{
        margin-bottom: 30px;
    }
}
/* 集团业务 */
.inav-left{
    width: 52.3%;
}
.inav-icons{
    width: 36px;
    height: 116px;
    position: relative;
    display: flex;
    align-items: center;
}
.inav-icons img{
    transition: all .5s;
    cursor: pointer;
}
.inav-icons .inav-iconon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.inav-swiper .swiper-slide-active .inav-icons .inav-iconon{
    opacity: 0;
}
.inav-swiper .swiper-slide-active .inav-icons .inav-iconun{
    opacity: 1;
}
.inav-icons:hover .inav-iconon{
    opacity: 1;
}
.inav-icons:hover .inav-iconun{
    opacity: 0;
}
.business-inav a{
    line-height: 116px;
}
.business-wrap{
    width: 100%;
    overflow: hidden;
    padding-top: 58px;
    padding-bottom: 80px;
}
.business-list li{
    display: flex;
    margin-bottom: 70px;
}
.business-list li:last-child{
    margin-bottom: 0px;
}
.business-list li:nth-child(odd){
    flex-direction: row-reverse;
}
.business-img{
    width: 50%;
}
.business-info{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #e1e1e1;
}
.business-list li:nth-child(odd) .business-info{
    padding-right: 100px;
}
.business-list li:nth-child(even) .business-info{
    padding-right: 40px;
    padding-left: 60px;
}
.business-info h3{
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 32px;
}
.business-info p{
    font-size: 16px;
    line-height: 36px;
    color: #666;
    min-height: 144px;
    margin-bottom: 30px;
}
.business-more{
    display: block;
    width: 154px;
    height: 46px;
    background-color: #da5d1b;
    text-align: center;
    border-radius: 2px;
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.business-list li:hover .public-img img{
    transform: scale(1.1);
}
@media(max-width: 1600px){
    .inav-left{
        width: 60%;
    }
}
@media(max-width: 1400px){
    .business-info h3{
        margin-bottom: 20px;
    }
    .business-info p{
        line-height: 30px;
        margin-bottom: 10px;
    }
}
@media(max-width: 1200px){
    .business-info h3{
        margin-bottom: 10px;
    }
    .business-info p{
        font-size: 14px;
        line-height: 24px;
        min-height: 26px;
    }
    .business-list li:nth-child(odd) .business-info{
        padding-right: 50px;
    }
    .business-list li:nth-child(even) .business-info{
        padding-right: 20px;
        padding-left: 30px;
    }
}
@media(max-width: 991px){
    .business-inav a{
        line-height: 30px;
    }
    .inav-icons{
        height: 50px;
    }
    .inav-left{
        width: 100%;
        margin-bottom: 10px;
    }
    .business-wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .business-list li{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .business-img{
        width: 100%;
    }
    .business-info p{
        margin-bottom: 20px;
    }
    .business-info{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .business-info h3{
        font-size: 20px;
    }
    .business-list li:nth-child(odd) .business-info{
        padding-right: 0px;
    }
    .business-list li:nth-child(even) .business-info{
        padding-right: 0px;
        padding-left: 0px;
    }
}
.business-detail{
    padding-top: 0px;
    padding-bottom: 67px;
    position: relative;
}
.business-detail::after{
    width: 100%;
    height: 280px;
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    background-color: #133170;
}
.business-detail .inside-width{
    position: relative;
    z-index: 22;
}
.business-title{
    text-align: center;
    font-size: 36px;
    color: #333;
    line-height: 36px;
    padding-top: 46px;
    padding-bottom: 49px;
    border-bottom: 1px solid #f0f0f0;
}
.business-des{
    background-color: #fff;
    padding-left: 80px;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 75px;
    text-indent: 32px;
    font-size: 16px;
    line-height: 36px;
    color: #333;
}
.business-bom{
    width: 100%;
    overflow: hidden;
    padding-top: 54px;
    padding-bottom: 80px;
}
.business-img{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.business-img li{
    /* margin-right: 19px; */
}
.business-img li:last-child{
    margin-right: 0px;
}
.business-img li:hover .public-img img{
    transform: scale(1.1);
}
@media(max-width: 1200px){
    .business-des{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 991px){
    .business-title{
        font-size: 28px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .business-des{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .business-detail{
        padding-bottom: 40px;
    }
    .business-bom{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(max-width: 599px){
    .business-img li{
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .business-img li:last-child{
        margin-bottom: 0px;
    }
    .business-title{
        font-size: 24px;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .business-des{
        padding-top: 20px;
    }
}
.about-dess{
    margin-bottom: 50px;
}
.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%;
}
.about-dess video{
    max-width: 100%;
}

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




@media(max-width:991px){
    .inav-sub{
        text-align: center;
    }
}