.section .btn{
    border-radius: 100px;
    height: 48px;
    line-height: 48px;
}


.section1 .owl-ccarousel,.section1 .inban-item,.index-banner,.section1 .owl-carousel,.section1 .owl-carousel .owl-item,.section1 .owl-carousel .owl-stage-outer,.section1 .owl-carousel .owl-stage{
    height: 100%;
}
.index-banner{
    position: relative;
}
.inban-item{
    width: 100%;
    height: 100%;
}

.inMain{
    max-width: 1520px;
    margin: auto;
}


.insec1-main{
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    height: 300px;
}
.inban-tit3{
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
}
.insec1-tit{
    font-size: 56px;
    line-height: 77px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
}
.inban-tit2{
    font-size: 20px;
    line-height: 27px;
    color: rgba(255,255,255,0.8);
    margin-top: 20px;
}
.insec1-btn{
    margin-top: 60px;
    height: unset;
}
.insec1-btn .btn{
    width: 180px;
    height: 48px;
    line-height: 48px;
    border-radius: 100px;
}
.btn{
    display: inline-block;
    width: 210px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    vertical-align: top;
    box-sizing: border-box;
    transition: 0.3s;
    font-size: 14px;
}
.btn-white{
    background-color: #fff;
    color: #E64040;
}
.btn-white span{
    padding-right: 33px;
    background: url(../images/red-arr.png) no-repeat right center;
}
.btn-white:hover{
    background-color: #E64040;
    color: #fff;
}
.btn-white:hover span{
    background: url(../images/white-arr.png) no-repeat right center;
}

.btn-whitebd{
    border: 1px solid #fff;
    color: #fff;
}
.btn-whitebd span{
    padding-right: 33px;
    background: url(../images/white-arr.png) no-repeat right center;
}
.btn-whitebd:hover{
    background-color: #fff;
    color: #e64040;
}
.btn-whitebd:hover span{
    background: url(../images/red-arr.png) no-repeat right center;
}


.index-banner .owl-dots{
    position: absolute;
    left: 200px;
    bottom: 60px;
    margin: auto;
    width: 120px;
    height: 8px;
}
.index-banner .owl-dot{
    transition: 0.3s;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 4px;
    vertical-align: top;
    margin-right: 10px;
    opacity: 0.5;
}
.index-banner .owl-dots  .active{
    opacity: 1;
    width: 20px;
}
.index-banner .owl-nav{
    position: absolute;
    right: 180px;
    bottom: 55px;
    width: 160px;
    height: 22px;
}
.index-banner .owl-nav button{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width:40px;
    height:22px;
    transition: 0.5s;
    cursor: pointer;
}
.index-banner .owl-prev{
    left: 0;
    background:url(../images/inban-prev.png) no-repeat center center;
}
.index-banner .owl-next{
    right: 0;
    background: url(../images/inban-next.png) no-repeat center center;
}
.index-banner .owl-prev:hover{
    background-image: url(../images/inban-prevh.png);
}
.index-banner .owl-next:hover{
    background-image: url(../images/inban-nexth.png);
}
.inban-num{
    position: absolute;
    right: 220px;
    bottom: 55px;
    width: 80px;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 2;
}
.inban-num span{
    color: #fff;
}
#fp-nav ul li a span{
    width: 17px;
    height: 17px;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/inftnav-dot.png) no-repeat center center;
    background-color: unset !important;
}
#fp-nav ul li a.active span{
    background-image: url(../images/inftnav-doth.png);
}
#fp-nav ul li{
    width: 17px;
    height: 17px;
    text-align: center;
    margin: 10px auto;
}




.index-about{
    width: 100%;
    height: 100%;
}
.inab-left{
    float: left;
    width: 62.5%;
    box-sizing: border-box;
    height: 100%;
    padding: 0 6.25%;
    position: relative;
    background: url(../images/inab-leftbg.png) no-repeat 110px center;
}
.inab-right{
    float: left;
    width: 37.5%;
    box-sizing: border-box;
    height: 100%;
}
.inab-rtitem{
    height: 50%;
    position: relative;
}
.inab-img{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/inab-img2.jpg) no-repeat center center;
    background-size: cover;
    transition: 0.36s;
}

.inab-rtitem:hover .inab-img{
    background-image: url(../images/inab-img2h.jpg);
}
.inab-rtitem .inab-rev{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.36s;

}
.inab-rtitem .tit{
    font-size: 32px;
    line-height: 56px;
    text-align: center;
    height: 56px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    margin: auto;
    transition: 0.36s;
}
.inab-rev .rev-btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 56px;
    margin: auto;
    opacity: 0;
    transition: 0.36s;
}

.inab-rtitem:hover .inab-rev .rev-btn{
    opacity: 1;
    bottom: -56px;
}
.inab-rtitem:hover .inab-rev .tit{
    top: -56px;
}
.inab-box{
    height: 100%;
    position: relative;
}
.inab-info{
    position: absolute;
    height: 335px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}
.inab-tit{
    font-size: 38px;
    line-height: 52px;
    color: #E64040;
    font-weight: bold;
}
.inab-tit2{
    font-size: 15px;
    line-height: 22px;
    color: #585555;
    margin-top: 5px;
}

.inab-text{
    font-size: 16px;
    line-height: 28px;
    color: #6F6B6B;
    margin-top: 35px;
}

.inab-more{
    margin-top: 60px;
}
.inab-more .btn{
    width: 180px;
    height: 48px;
    line-height: 48px;

}
.inab-more .btn span{
    padding-right: 33px;
    background: url(../images/white-arr.png) no-repeat right center;
}
.btn-red{
    background-color: #E64040;
    color: #fff;
}
.inab-more a:hover{
    background-color: #D12828;
}

.inab-num{
    margin-top: 60px;
}
.inab-num li{
    width: 25%;
    float: left;
    height: 112px;
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
}
.bgfa{
    background-color: #fafafa;
}
.bgf5{
    background-color: #f5f5f5;
}



.play-btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 180px;
    height: 180px;
    font-size: 0;
    line-height: 27px;
    color: #fff;
    text-align: center;
    background: url(../images/inplay.png) no-repeat center center;
    cursor: pointer;
    /* transition: 0.36s; */
}
.play-btn:hover{
    background-image: url(../images/inplayh.png);
}
/* .play-btn i{
    display: block;
    width:76px;
    height:76px;
    background:rgba(38,36,36,0.1) url(../images/play-arr.png) no-repeat center center;
    border:2px solid #fff;
    border-radius:50%;
    margin: auto;
}
.play-btn p{
    margin-top: 10px;
} */
.section3{
    background: url(../images/insec3-bg.jpg) no-repeat 0 bottom;
}
.in-ctit{
    font-size: 38px;
    line-height: 52px;
    color: #E64040;
    font-weight: bold;
}
.in-ctext{
    font-size: 15px;
    line-height: 32px;
    color: #585555;
    margin-top: 5px;
}
.section3 .in-ctit,.section3 .in-ctext,.section5 .in-ctit,.section5 .in-ctext{
    text-align: center;
}
.inb3-main{
    margin: 40px auto 0;
    overflow: hidden;
}
.inb3-main .list-main{
    text-align: center;
    font-size: 0;
}
.inb3-main .list-item{
    margin-left: 60px;
    display: inline-block;
    vertical-align: top;
}
.inb3-main .list-item:first-child{
    margin-left: 0;
}
.inb3-main .item-box{
    width: 420px;
    height: 420px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.inb3-main .item-img{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.inb3-main .item-img img{
    width: 100%;
    transition: 0.36s;
}
.inb3-main .item-rev{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -69px;
    margin: auto;
    height: 180px;
    background: url(../images/inb3-revbg.png) no-repeat center top;
    box-sizing: border-box;
    padding: 43px 75px 0;
    transition: 0.36s;
}
.inb3-main .item-rev .tit{
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    transition: 0.36s;
}
.inb3-main .item-rev .text{
    font-size: 14px;
    line-height: 26px;
    color: rgba(255,255,255,0.8);
    text-align: center;
    margin-top: 15px;
    opacity: 0;
}
.inb3-main .item-box:hover .item-rev{
    bottom: 0;
}
.inb3-main .item-box:hover .tit{
    font-weight: bold;
}
.inb3-main .item-box:hover .text{
    opacity: 1;
}
.inb3-main .item-box:hover img{
    transform: scale(1.08);
}
.inb3-btn{
    margin-top: 60px;
    font-size: 0;
    text-align: center;
}
.inb3-btn .btn{
    width: 200px;
    height: 48px;
    line-height: 48px;
}
.inb3-btn .btn-red{
    margin-right: 40px;
}
.inb3-btn .btn-red span{
    display: inline-block;
    padding-right: 33px;
    background: url(../images/white-arr.png) no-repeat right center;
}
.btn-greybd{
    border: 1px solid #6F6B6B;
    color: #6F6B6B;
}
.btn-greybd span{
    display: inline-block;
    padding-right: 33px;
    background: url(../images/grey-arr.png) no-repeat right center;
}
.btn-greybd:hover{
    background-color: #e64040;
    color: #fff;
    border-color: #e64040;
}
.btn-greybd:hover span{
    background-image: url(../images/white-arr.png);
}
.section4{
    background: url(../images/insec4-bg.jpg) no-repeat center bottom;
}
.inb4-main{
    margin-top: 40px;
}
.inb4-main .list-item{
    overflow: hidden;
    position: relative;
    display: block;
}

.inb4-main .item-img img{
    width: 100%;
}

.inb4-main .item-info{
    margin-top: 30px;
}
.inb4-main .item-tit{
    padding-left: 30px;
    background: url(../images/inb4-tit.png) no-repeat 0 6px;
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4C4949;
    transition: 0.36s;
}
.inb4-main .item-more{
    margin-top: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #e64040;
    font-weight: bold;
    opacity: 0;
    transition: 0.36s;
}
.inb4-main .item-more span{
    padding-right: 33px;
    background: url(../images/red-arr.png) no-repeat right center;
}

.inb4-main .item-time{
    width: 88px;
    height: 80px;
    position: absolute;
    left: 20px;
    top: 20px;
    background: url(../images/inb4-time.png) no-repeat 0 0;
    box-sizing: border-box;
    padding: 10px;
    transition: 0.36s;
}
.inb4-main .item-time .time-md{
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
}
.inb4-main .item-time .line{
    width: 20px;
    height: 2px;
    margin-top: 4px;
    background-color: #fff;
}
.inb4-main .item-time .time-y{
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.5);
}
.inb4-main .list-item:hover .item-time{
    background-image: url(../images/inb4-timeh.png);
}
.inb4-main .list-item:hover .item-tit{
    color: #e64040;
    background-image: url(../images/inb4-tith.png);
}
.inb4-main .list-item:hover .item-more{
    opacity: 1;
}
.inb4-btn{
    margin-top: 60px;
    text-align: center;
}
.inb4-btn .btn{
    width: 180px;
    height: 48px;
    line-height: 46px;
}
.inb4-main .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
    width: 90px;
    height: 22px;
    background: url(../images/inb4-owlline.png) no-repeat center center;
}
.inb4-main .owl-nav button{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width:40px;
    height:22px;
    transition: 0.5s;
    cursor: pointer;
}
.inb4-main .owl-prev{
    left: 0;
    background:url(../images/inban-prev.png) no-repeat center center;
}
.inb4-main .owl-next{
    right: 0;
    background: url(../images/inban-next.png) no-repeat center center;
}
.inb4-main .owl-prev:hover{
    background-image: url(../images/inban-prevh2.png);
}
.inb4-main .owl-next:hover{
    background-image: url(../images/inban-nexth2.png);
}

.section5{
    background: url(../images/insec5-bg.jpg) no-repeat center bottom;
}

.inb5-text{
    max-width: 1000px;
    text-align: center;
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 30px;
    color: #6F6B6B;
}
.inb5-main{
    margin-top: 60px;
}
.inb5-row{
    margin-top: 20px;
    font-size: 0;
    text-align: center;
}
.inb5-row:first-child{
    margin-top: 0;
}
.inb5-row .item{
    display: inline-block;
    vertical-align: top;
    width: 180px;
    height: 160px;
    margin: 0 10px;
    transition: 0.36s;
}
.inb5-row .item img{
    width: 100%;
}
.inb5-row .item1{
    background: url(../images/inb5-1.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item2{
    background: url(../images/inb5-2.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item3{
    background: url(../images/inb5-3.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item4{
    background: url(../images/inb5-4.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item5{
    background: url(../images/inb5-5.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item6{
    background: url(../images/inb5-6.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item7{
    background: url(../images/inb5-7.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item8{
    background: url(../images/inb5-8.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item9{
    background: url(../images/inb5-9.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item10{
    background: url(../images/inb5-10.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item11{
    background: url(../images/inb5-11.png) no-repeat center center;
    background-size: cover;
}
.inb5-row .item1:hover{
    background-image: url(../images/inb5-12.png);
}
.inb5-row .item2:hover{
    background-image: url(../images/inb5-21.png);
}
.inb5-row .item3:hover{
    background-image: url(../images/inb5-31.png);
}
.inb5-row .item4:hover{
    background-image: url(../images/inb5-41.png);
}
.inb5-row .item5:hover{
    background-image: url(../images/inb5-51.png);
}
.inb5-row .item6:hover{
    background-image: url(../images/inb5-61.png);
}
.inb5-row .item7:hover{
    background-image: url(../images/inb5-71.png);
}
.inb5-row .item8:hover{
    background-image: url(../images/inb5-81.png);
}
.inb5-row .item9:hover{
    background-image: url(../images/inb5-91.png);
}
.inb5-row .item10:hover{
    background-image: url(../images/inb5-101.png);
}
.inb5-row .item11:hover{
    background-image: url(../images/inb5-111.png);
}
.index-block6,.index-block6 .inMain{
    height: 100%;
}
.inb6-top,.inb6-bot{
    height: 50%;
    box-sizing: border-box;
}

.inb6-top{
    padding-top: 80px;
    background: url(../images/inb6-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.inb6-top-main{
    padding-right:300px;
    margin-top: 60px;
}
.inb6-text{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #585555;
}
.inb6-text em{
    color: #E64040;
    font-weight: bold;
}
.inb6-btn{
    float: right;
    width: 180px;
    margin-right: -300px;
}
.inb6-btn .btn{
    width: 180px;
    height: 48px;
    line-height: 46px;
}

.inb6-bot .footerNav-tex p {
    line-height: 42px;
}

@media screen and (min-width:1600px){
    .inab-img img{
        width: 100%;
        height: 100%;
    }
    .inb6-top{
        padding-top: 100px;
    }
}
@media screen and (min-width:1920px){
    .inb6-top{
        padding-top: 120px;
    }

}
@media screen and (min-width:1600px){
    .inb6-bot .footerNav-cls{
        margin-left: 140px;
    }
    .inb6-bot .footerNav-cls:first-child{
        margin-left: 0;
    }
}

@media screen and (max-width:1600px){
    .inab-tit{
        font-size: 34px;
    }
    .in-ctit{
        font-size: 32px;
    }
    .in-ctext{
        font-size: 13px;
    }
    .inab-tit2{
        font-size: 13px;
    }
    .inb3-main .item-box{
        width: 360px;
        height: 360px;
    }
    .inb3-main .item-rev .tit{
        font-size: 18px;
    }
    .inb3-main .item-rev .text{
        font-size: 12px;
    }
    .inb5-row .item{
        margin: 0 5px;
    }
    .inb5-text{
        font-size: 14px;
    }
    .footerNav-tit a{
        font-size: 16px;
    }
    .inb6-bot .footerNav-tex p{
        font-size: 13px;
        line-height: 38px;
    }
    .footer-main{
        padding-top: 50px;
    }
    .inMain{
        padding: 0 100px;
    }
    .inb6-text{
        font-size: 15px;
        line-height: 28px;
    }
    .inb6-top-main{
        margin-top: 40px;

    }
    .ft-pos{
        font-size: 15px;
    }
    .ft-tel em{
        font-size: 22px;
    }

    .inb6-top{
        height: 40%;
        padding-top: 60px;
    }
    .inb6-bot{
        height: 60%;
    }
    .inb6-bot .ftdom-main{
        padding: 0 100px;
    }
    .inb6-bot .footerNav-cls{
        margin-left: 110px;
    }
    .inb6-bot .footerNav-cls:first-child{
        margin-left: 0;
    }
}
@media screen and (max-width:1440px){
    .footerNav-tit a{
        font-size: 15px;
    }
    .footerNav-tex{
        margin-top: 13px;
    }
    .inb6-bot .footerNav-tex p{
        font-size: 12px;
        line-height: 32px;
    }
    .in-ctit{
        line-height: 42px;
    }
    .in-ctext{
        line-height: 28px;
    }
    .inb5-text{
        margin-top: 20px;
    }
    .inb4-btn{
        margin-top: 50px;
    }
    .inb3-btn{
        margin-top: 50px;
    }
    .footer-main{
        padding-top: 40px;
    }
    .inb6-text{
        font-size: 14px;
        line-height: 24px;
    }
    .inb6-bot .footerNav-cls{
        margin-left: 80px;
    }
    .inb6-bot .footerNav-cls:first-child{
        margin-left: 0;
    }
}
@media screen and (max-width:1366px){
    .insec1-tit{
        font-size: 48px;
    }
    .inban-tit2{
        font-size: 16px;
    }
    .inab-tit{
        font-size: 28px;
        line-height: 42px;
    }
    .inab-tit2{
        font-size: 12px;
    }
    .inb3-main,.inb4-main,.inb4-main .item-info{
        margin-top: 20px;
    }
    .inb3-btn,.inb4-btn{
        margin-top: 30px;
    }
    .inb3-main .item-box{
        width: 320px;
        height: 320px;
    }
    .inb3-main .item-rev .tit{
        font-size: 16px;
    }
    .inb3-main .item-rev .text{
        font-size: 12px;
    }
    .inMain{
        padding: 0 100px;
    }
    .inb4-main .item-tit{
        font-size: 16px;
    }
    .inb6-top-main{
        margin-top: 30px;
        padding-right: 260px;
    }
    .inb6-btn{
        margin-right: -260px;
    }
    .inb6-text{
        font-size: 14px;
    }
    .inb5-row .item{
        margin: 0 0 0 5px;
    }
    .inb5-row .item:first-child{
        margin-left: 0;
    }
    .inb5-text{
        font-size: 14px;
        line-height: 24px;
    }
    .footer-main{
        padding: 40px 0;
    }
    .ft-pos{
        font-size: 15px;
    }
    .ft-tel em{
        font-size: 22px;
    }
    .inb6-top{
        height: 42%;
        padding-top: 60px;
    }
    .inb6-bot{
        height: 58%;
    }
    .inb6-bot .ftdom-main{
        padding: 0 100px;
    }
    .inb5-main{
        margin-top: 30px;
    }

}

/*二号*/
.xh_mainPic>h3{
    width:59px;
    height:262px;
    font-size:60px;
    font-weight:bold;
    line-height:60px;
    color:rgba(255,255,255,1);
    opacity:1;
    position: absolute;
    top: 140px;
    left: 18.90625%;
}
.xh_mainPic>p{
    width: 18px;
    word-spacing: 26px;
    font-size:18px;
    line-height:26px;
    color:rgba(255,255,255,1);
    letter-spacing:75px;
    position: absolute;
    top: 146px;
    left: 25.104%;
}
.xh_mainPic>p:first-of-type{
    width: 18px;
    word-spacing: 26px;
    font-size:18px;
    line-height:26px;
    color:rgba(255,255,255,1);
    letter-spacing:75px;
    position: absolute;
    top: 146px;
    left: 23.385416%;

}
.xh_content_right h1{
    display: inline-block;
}
.xh_company_introduce{
    width: 1180px;
    margin: 80px auto;
}
.xh_introduce_left{
    width: 640px;
    float: left;
}
.xh_introduce_left h3{
    width:168px;
    height:55px;
    font-size:42px;
    font-weight:bold;
    line-height:55px;
    color:#262424;
}
.xh_introduce_left h4{
    width:216px;
    height:31px;
    font-size:24px;
    font-weight:400;
    line-height:31px;
    margin-top: 5px;
    color:#5F5A5A;
}
.xh_introduce_left p{
    margin-top: 54px;
    font-size:16px;
    font-weight:400;
    line-height:28px;
    color:#736D6D;
}
.xh_introduce_left p:last-of-type{
    margin-top: 19px;
}
.xh_introduce_scale{
    margin-top: 60px;
}
.xh_video{
    left: 50%;
    width: 100px;
    position: relative;
    top: 50%;
    height: auto;
    box-sizing: border-box;
    margin-top: -50px;
    margin-left: -50px;
}
.xh_video_btn{
    width:60px;
    height:60px;
    border:2px solid #FFFFFF;
    border-radius:50%;
    position: relative;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    padding-top: 14px;

}
.xh_video>span{
    margin-top: 10px;
    display: block;
    text-align: center;
    color:#FFFFFF
}
.xh_video_btn>span{
    display: block;
    margin-left: 23px;
    width: 18px;
    height: 27px;
    background: url("../images/trangle.png") no-repeat;

}

.xh_introduce_scale li{
    background:#F5F5F5;
    float: left;
    width: 160px;
    height: 112px;
    text-align: center;
}
.xh_introduce_scale .li_even{
    float: left;
    width: 160px;
    height: 112px;
    background:#FAFAFA;
    text-align: center;
}
.xh_scale_first{
    height:20px;
    font-size:14px;
    font-weight:400;
    line-height:17px;
    color:#B3AAAA;
    display: block;
    margin-top: 17px;
}
.xh_scale_last{
    height:52px;
    font-size:38px;
    font-weight:bold;
    line-height:67px;
    color:#E64040;
    display: block;
}
.xh_introduce_right{
    width: 480px;
    height: 532px;
    margin-left: 60px;
    background: url("../images/introduce.jpg") no-repeat center;
    float: right;
    position: relative;
}
.xh_company_culture{
    margin: 0 auto;
    width: 1180px;
    text-align: center;
}
.xh_company_culture>h3{
    height:55px;
    font-size:42px;
    line-height: 55px;
    margin-top: 70px;
    font-weight:bold;
    color:#262424;
}
.xh_company_culture h4{
    margin-top: 5px;
    height:31px;
    line-height: 31px;
    font-size:24px;
    color:#5F5A5A;
}
.xh_culture_mission,.xh_culture_concept{
    float: left;
    width:580px;
    height:160px;
    background:#F8F8F8;
    margin-top: 57px;


}
.xh_culture_concept{
    float: right;
}
.xh_culture_mission>.left,.xh_culture_concept>.left{
    margin: 40px 0  0 40px;
    width: 80px;
    height: 80px;
    background: url("../images/missionleft.png") no-repeat no-repeat;
    float: left;
}
.xh_culture_concept>.left{
    background: url("../images/miss_right.png") no-repeat no-repeat ;
}
.xh_company_culture  .right h3{
    height: 26px;
    line-height: 26px;
    margin-top: 36px;
    font-weight:bold;
    color:#4C4949;
    font-size:20px;
}
.xh_company_culture .right{
    width: 394px;
    float: left;
    margin-left: 20px;

}
.xh_company_culture p{
    margin-top: 13px;
    line-height: 26px;
    width:394px;
    font-size:16px;
    color:#736D6D;
    text-align: left;
}
.xh_coreCompetency>h3{
    height:55px;
    font-size:42px;
    line-height: 55px;
    font-weight:bold;
    color:#262424;
}
.xh_coreCompetency{
    margin: 80px auto 80px auto;
    width: 1180px;
    text-align: center;
}
.xh_coreCompetency>h4{
    margin-top: 5px;
    height:31px;
    line-height: 31px;
    font-size:24px;
    color:#5B5B5B;
}

.xh_product_lis li:first-of-type{
    margin-left: 0;
}
.xh_product_lis{
    margin-top: 55px;
    box-sizing: border-box;
}
.xh_product_lis li{
    float: left;
    margin-left: 20px;
    position: relative;
    width: 279px;
    height: 460px;
    text-align: center;
    box-sizing: border-box;
}
.xh_product{
    background: url("../images/chanpin.jpg") no-repeat;
}
.xh_technology{
    background: url("../images/test.jpg") no-repeat;
}
.xh_produce{
    background: url("../images/shengchan.jpg") no-repeat;
}
.xh_market{
    background: url("../images/yingxiao.jpg") no-repeat;
}
.xh_product_lis li>img{
    width: 280px;
    height: 144px;
    position: absolute;
    bottom: 0;
    left: 0;

}
.no_margin_left{
    margin-left: 0!important;
}
.xh_product_lis li>span{
    position: absolute;
    bottom:40px;
    font-size:24px;
    font-weight:bold;
    left: 50%;
    color:#FFFFFF;
    width: 100px;
    margin-left: -50px;

}
.xh_product_lis li>div{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width:280px;
    height:460px;
    background:rgba(230,64,64,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fE64040,endColorstr=#7fE64040);zoom:1;
}
.xh_product_lis li h4{
    height: 31px;
    line-height: 31px;
    font-size:24px;
    font-weight:bold;
    margin-top: 155px;
    color:#FFFFFF
}
.xh_product_lis li p{
    width: 200px;
    margin: 20px auto 0;
    font-size:14px;
    color:#FFFFFF;
}
.xh_product_lis .xh_line{
    display: block;
    margin: 20px auto 25px auto;
    width:40px;
    height:3px;
    background:#FFFFFF;
    border-radius:2px;
}
.xh_news_bottom .xh_a2{
    display: block;
    width: 44px;
    height: 44px;
}

.xh_news{
    width: 1180px;
    margin: 0 auto 0 auto;

}
.xh_news_top .left{
    float: left;
    color: #262424;
    font-size:32px;
    height: 42px;
    line-height: 42px;
}
.xh_news_top .right{
    float: right;
    font-size:14px;
    color: #736D6D;
    line-height: 42px;
}
.xh_news_top .right:hover {
    color: red!important;
}
.xh_news_top .right span{
    margin-left: 15px;
    font-size: 13px;
}
.xh_news_bottom{
    width: 100%;
    margin-top: 40px;
}
.xh_news_bottom div{
    width: 580px;
    height: 300px;
    background-color: #F8F8F8;
}

.xh_news_bottom .right{
    float: left;
    padding-left: 41px;
    box-sizing: border-box;
}
.xh_news_bottom .left{
    float: left;
    padding-left: 41px;
    box-sizing: border-box;
    margin-left: 20px;
}
.xh_news_bottom .left:first-of-type{
    margin-left: 0;
}
.xh_news_bottom .left h4,.xh_news_bottom .right h4{
    height: 26px;
    line-height: 26px;
    margin-top: 40px;
    color: #4C4949;
    font-size:20px;
    width: 500px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.xh_news_bottom .right h4:hover{
    color: red;
}
.xh_news_bottom .left span{
    display:block ;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #9B9494;
    margin-top: 10px;
}
.xh_news_bottom .left p {
    margin-top: 20px;
    color: #9B9494;
}

/*二号*/
.xh_mainPic>h3{
    width:59px;
    height:262px;
    font-size:60px;
    font-weight:bold;
    line-height:60px;
    color:rgba(255,255,255,1);
    opacity:1;
    position: absolute;
    top: 140px;
    left: 18.90625%;
}
.xh_mainPic>p{
    width: 18px;
    word-spacing: 26px;
    font-size:18px;
    line-height:26px;
    color:rgba(255,255,255,1);
    letter-spacing:75px;
    position: absolute;
    top: 146px;
    left: 25.104%;
}
.xh_mainPic>p:first-of-type{
    width: 18px;
    word-spacing: 26px;
    font-size:18px;
    line-height:26px;
    color:rgba(255,255,255,1);
    letter-spacing:75px;
    position: absolute;
    top: 146px;
    left: 23.385416%;

}
.xh_content_right h1{
    display: inline-block;
}
.xh_company_introduce{
    width: 1180px;
    margin: 80px auto;
}
.xh_introduce_left{
    width: 640px;
    float: left;
}
.xh_introduce_left h3{
    width:168px;
    height:55px;
    font-size:42px;
    font-weight:bold;
    line-height:55px;
    color:#262424;
}
.xh_introduce_left h4{
    width:216px;
    height:31px;
    font-size:24px;
    font-weight:400;
    line-height:31px;
    margin-top: 5px;
    color:#5F5A5A;
}
.xh_introduce_left p{
    margin-top: 54px;
    font-size:16px;
    font-weight:400;
    line-height:28px;
    color:#736D6D;
}
.xh_introduce_left p:last-of-type{
    margin-top: 19px;
}
.xh_introduce_scale{
    margin-top: 60px;
}
.xh_video{
    left: 50%;
    width: 100px;
    position: relative;
    top: 50%;
    height: auto;
    box-sizing: border-box;
    margin-top: -50px;
    margin-left: -50px;
}
.xh_video_btn{
    width:60px;
    height:60px;
    border:2px solid #FFFFFF;
    border-radius:50%;
    position: relative;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    padding-top: 14px;

}
.xh_video>span{
    margin-top: 10px;
    display: block;
    text-align: center;
    color:#FFFFFF
}
.xh_video_btn>span{
    display: block;
    margin-left: 23px;
    width: 18px;
    height: 27px;
    background: url("../images/trangle.png") no-repeat;

}

.xh_introduce_scale li{
    background:#F5F5F5;
    float: left;
    width: 160px;
    height: 112px;
    text-align: center;
}
.xh_introduce_scale .li_even{
    float: left;
    width: 160px;
    height: 112px;
    background:#FAFAFA;
    text-align: center;
}
.xh_scale_first{
    height:20px;
    font-size:14px;
    font-weight:400;
    line-height:17px;
    color:#B3AAAA;
    display: block;
    margin-top: 17px;
}
.xh_scale_last{
    height:52px;
    font-size:38px;
    font-weight:bold;
    line-height:67px;
    color:#E64040;
    display: block;
}
.xh_introduce_right{
    width: 480px;
    height: 532px;
    margin-left: 60px;
    background: url("../images/introduce.jpg") no-repeat center;
    float: right;
    position: relative;
}
.xh_company_culture{
    margin: 0 auto;
    width: 1180px;
    text-align: center;
}
.xh_company_culture>h3{
    height:55px;
    font-size:42px;
    line-height: 55px;
    margin-top: 70px;
    font-weight:bold;
    color:#262424;
}
.xh_company_culture h4{
    margin-top: 5px;
    height:31px;
    line-height: 31px;
    font-size:24px;
    color:#5F5A5A;
}
.xh_culture_mission,.xh_culture_concept{
    float: left;
    width:580px;
    height:160px;
    background:#F8F8F8;
    margin-top: 57px;


}
.xh_culture_concept{
    float: right;
}
.xh_culture_mission>.left,.xh_culture_concept>.left{
    margin: 40px 0  0 40px;
    width: 80px;
    height: 80px;
    background: url("../images/missionleft.png") no-repeat no-repeat;
    float: left;
}
.xh_culture_concept>.left{
    background: url("../images/miss_right.png") no-repeat no-repeat ;
}
.xh_company_culture  .right h3{
    height: 26px;
    line-height: 26px;
    margin-top: 36px;
    font-weight:bold;
    color:#4C4949;
    font-size:20px;
}
.xh_company_culture .right{
    width: 394px;
    float: left;
    margin-left: 20px;

}
.xh_company_culture p{
    margin-top: 13px;
    line-height: 26px;
    width:394px;
    font-size:16px;
    color:#736D6D;
}
.xh_coreCompetency>h3{
    height:55px;
    font-size:42px;
    line-height: 55px;
    font-weight:bold;
    color:#262424;
}
.xh_coreCompetency{
    margin: 80px auto 80px auto;
    width: 1180px;
    text-align: center;
}
.xh_coreCompetency>h4{
    margin-top: 5px;
    height:31px;
    line-height: 31px;
    font-size:24px;
    color:#5B5B5B;
}

.xh_product_lis li:first-of-type{
    margin-left: 0;
}
.xh_product_lis{
    margin-top: 55px;
    box-sizing: border-box;
}
.xh_product_lis li{
    float: left;
    margin-left: 20px;
    position: relative;
    width: 279px;
    height: 460px;
    text-align: center;
    box-sizing: border-box;
}

.xh_product{
    background: url("../images/chanpin.jpg") no-repeat;
}
.xh_technology{
    background: url("../images/test.jpg") no-repeat;
}
.xh_produce{
    background: url("../images/shengchan.jpg") no-repeat;
}
.xh_market{
    background: url("../images/yingxiao.jpg") no-repeat;
}
.xh_product_lis li>img{
    width: 280px;
    height: 144px;
    position: absolute;
    bottom: 0;
    left: 0;

}
.no_margin_left{
    margin-left: 0!important;
}
.xh_product_lis li>span{
    position: absolute;
    bottom:40px;
    font-size:24px;
    font-weight:bold;
    left: 50%;
    color:#FFFFFF;
    width: 100px;
    margin-left: -50px;

}
.xh_product_lis li>div{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width:280px;
    height:460px;
    background:rgba(230,64,64,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fE64040,endColorstr=#7fE64040);zoom:1;
}
.xh_product_lis li h4{
    height: 31px;
    line-height: 31px;
    font-size:24px;
    font-weight:bold;
    margin-top: 155px;
    color:#FFFFFF
}
.xh_product_lis li p{
    width: 200px;
    margin: 20px auto 0;
    font-size:14px;
    color:#FFFFFF;
    text-align: left;
}
.xh_line{
    display: block;
    margin: 20px auto 25px auto;
    width:40px;
    height:3px;
    background:#FFFFFF;
    border-radius:2px;
}
.xh_news_bottom .xh_a2{
    display: block;
    width: 44px;
    height: 44px;
}

.xh_news{
    width: 1180px;
    margin: 0 auto 0 auto;

}
.xh_news_top .left{
    float: left;
    color: #262424;
    font-size:32px;
    height: 42px;
    line-height: 42px;
}
.xh_news_top .right{
    float: right;
    font-size:14px;
    color: #736D6D;
    line-height: 42px;
}
.xh_news_top .right:hover {
    color: red!important;
}
.xh_news_top .right span{
    margin-left: 15px;
    font-size: 13px;
}
.xh_news_bottom{
    width: 100%;
    margin-top: 40px;
}
.xh_news_bottom div{
    width: 580px;
    height: 300px;
    background-color: #F8F8F8;
}

.xh_news_bottom .right{
    float: left;
    padding-left: 41px;
    box-sizing: border-box;
}
.xh_news_bottom .left{
    float: left;
    padding-left: 41px;
    box-sizing: border-box;
    margin-left: 20px;
}
.xh_news_bottom .left:first-of-type{
    margin-left: 0;
}
.xh_news_bottom .left h4,.xh_news_bottom .right h4{
    height: 26px;
    line-height: 26px;
    margin-top: 40px;
    color: #4C4949;
    font-size:20px;
}
.xh_news_bottom .left h4:hover{
    color: red;
}
.xh_news_bottom .right h4:hover{
    color: red;
}
.xh_news_bottom .left span{
    display:block ;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #9B9494;
    margin-top: 10px;
}
.xh_news_bottom .left p{
    margin-top: 20px;
    color: #9B9494;
    font-size: 14px;
    width: 500px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xh_news_bottom .left div{
    margin-top: 40px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height:40px;
    background:#FFFFFF;
    border:2px solid #736D6D;
    border-radius:50%;
    font-weight: bold;
    background: url("../images/news_19544.png") no-repeat center center;
}
.xh_news_bottom .left div:hover{
    background: url("../images/news_icon_19154.png") red no-repeat center center;
    border:2px solid red;
}
.video-js {
    width: 700px;
    height: 400px;
}

/**
partnerShip
 */

.xh_all_partner{
    width: 1180px;
    margin: 0 auto;
    text-align: center;

}
.xh_all_partner>h3{
    margin-top: 80px;
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 42px;
    line-height: 42px;

}
.xh_all_partner>p{
    color: #736D6D;
    font-size: 16px;
    line-height: 30px;
    margin-top: 53px;
    text-align: left;
}
.xh_all_partner>ul{
    margin-top:53px;
    margin-bottom: 80px;
}
.xh_all_partner>ul>li{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.no_margin_top{
    margin-top: 0!important;
}
.xh_partner_news{
    background-color: #f8f8f8;
}
.xh_partner_news .xh_news_bottom .left{
    background-color: #fff;
}

/**
supply
 */
.xh_main_supply{
    width: 1180px;
    margin: 0 auto;
    text-align: center;
}
.xh_main_supply>h3{
    margin-top: 80px;
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
}
.xh_main_supply>h4{
    font-size: 20px;
    color: #5f5a5a;
    height: 25px;
    line-height: 25px;
    margin-top: 15px;
}
.xh_content_txt{
    margin-top: 60px;
}
.xh_content_txt li{
    float: left;
    width: 380px;
    height: 210px;
    box-sizing: border-box;
    padding-left: 30px;
    background-color: #f8f8f8;
    margin-left: 20px;
    padding-right: 35px;
}

.xh_content_txt li h3{
    font-size: 20px;
    font-weight: bold;
    color: #4c4949;
    height: 22px;
    line-height: 22px;
    margin-top: 40px;

}
.xh_content_txt li p{
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
    margin-top: 4px;
    text-align: left;
}
.xh_flow_path{
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    height: 100%;
}
.xh_pic_txt{
    height: 950px;
    background-color: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
}
.xh_pic_center{
    width: 1180px;
    margin: 0 auto 0 auto;
    padding-top: 80px;

}
.xh_pic_center .left{
    float: left;
}
.xh_pic_center .right{
    float: right;
}
.xh_pic_center01 h3,.xh_pic_center02 h3{
    margin-top: 45px;
    color: #262424;
    font-size: 40px;
    height: 42px;
    line-height: 42px;

}
.xh_pic_center02{
    margin-top: 90px;
}
.xh_pic_center01 p,.xh_pic_center02 p{
    margin-top: 55px;
    font-size: 16px;
    color: #736d6d;
    line-height: 25px;
}
.xh_pic_center .xh_sP{
    margin-top: 25px;
}

.xh_pic_center02 .left{
    width: 480px;
}
.xh_pic_center01 .left,.xh_pic_center02 .right{
    width: 640px;
}
.xh_eight_system h3{
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    margin-top: 80px;
}
.xh_eight_system h4{
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 45px;
}
.xh_eight_system{
    width: 1180px;
    margin: 0 auto 80px auto;
    text-align: center;


}
.xh_eight_all  img{
    margin-top: 40px;
    margin-bottom: 25px;
}
.xh_eight_all p{
    height: 20px;
    line-height: 20px;
}
.xh_eight_all li{
    float: left;
    width: 295px;
    height: 220px;
    background-color: #fafafa;
}
.xh_eight_all .xh_odd{
    background-color: #f5f5f5;
}

/**
companyHistory
 */

.xh_history_main{
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    height: 1000px;
    box-sizing: border-box;
}
.xh_history_main h3{
    font-size: 40px;
    font-weight: bold;
    color: #262424;
    height: 42px;
    line-height: 42px;
    margin-top: 74px;
}
.xh_history_main h4{
    margin-top: 15px;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    color: #5f5a5a;
}
.xh_history_main>p{
    margin-top: 52px;
    font-size: 16px;
    line-height: 28px;
    color: #736d6d;
    text-align: left;
}
.xh_history_main .xh_history_p_second{
    margin-top: 16px;
}
.xh_history_pic_txt{
    position: relative;
}

.xh_history_pic_txt span{
    position: absolute;
    font-size: 20px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    bottom: 41px;
}
.xh_longArrow{
    margin-top: 100px;
}
.xh_year_01{
    position: absolute;
    left: 44px;
}

.xh_year_03{
    left: 212px;
}
.xh_year_04{
    left: 380px;
}
.xh_year_05{
    left: 548px;
}
.xh_year_06{
    left: 716px;
}
.xh_year_07{
    left: 884px;
}
.xh_year_08{
    left: 1052px;
}
.xh_pic_tb{
    margin-top: 130px;
}
.xh_history_pic_txt i{
    width: 13px;
    height: 6px;
    background: url("../images/redtrangle_03.png") no-repeat;
    position: absolute;
    bottom: -11px;
    left: 40px;
}
.xh_pic_tb .left{
    float: left;
    width: 590px;
    text-align: center;
    box-sizing: border-box;
    border-right: 2px solid #ececec;
}
.xh_pic_tb .right{
    margin-top: 10px;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 60px;
    float: right;
    width: 590px;
    height: 140px;
    text-align: left;
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
}
.xh_pic_tb .right span{
    color:#e83030;
}
.red{
    color: red!important;
}

/**
contactUs
 */

.xh_contact_main{
    margin: 0 auto;
    width: 1180px;
    text-align: center;

}
.xh_contact_main>h3{
    margin-top: 80px;
    height:55px;
    font-size:42px;
    color: #262424FF;
    font-weight: bold;
    line-height: 55px;
    text-align: left;
    padding-left: 506px;
    box-sizing: border-box;
}
.xh_sp_phone_address{
    margin-top: 62px;
}
.xh_sp_phone_address>.left{
    float: left;
    width: 629px;
}
.xh_sp_phone_address>.right{
    float: left;
}
.xh_phone_top{
    background: url("../images/icon_phone.png") no-repeat left center;
    text-align: left;
    height: 21px;
    line-height: 24px;
    box-sizing: border-box;
    padding-left: 39px;
    font-size: 16px;
    font-weight: bold;
    color: #736D6DFF;
}
.xh_phone_bottom{
    text-align: left;
    box-sizing: border-box;
    padding-left:39px ;
    height:42px;
    font-size:32px;
    font-weight: bold;
    color: #E64040FF;
    margin-top: 15px;

}
.xh_address_top{
    height:25px;
    font-size:16px;
    font-weight:bold;
    line-height: 25px;
    color: #736D6DFF;
    background: url("../images/icon_address.png") no-repeat left top;
    text-align: left;
    box-sizing: border-box;
    padding-left: 38px;
}

.xh_address_bottom{
    height:31px;
    font-size:24px;
    line-height: 31px;
    font-weight:400;
    color: #5F5A5AFF;
    margin-top: 17px;
    box-sizing: border-box;
    padding-left: 38px;
    text-align: left;
}
.xh_wx_top{
    height: 21px;
    line-height: 21px;
    color: #736D6DFF;
    font-size: 16px;
    font-weight:bold;
    box-sizing: border-box;
    padding-left: 39px;
    background: url("../images/icon_wx.png")no-repeat left center;
    text-align: left;
}
.xh_sp_wx{
    margin-top: 40px;
}
.xh_sp_wx>.left{
    float: left;
    width: 629px;
}
.xh_sp_wx>.right{
    float: left;
}
.xh_wx_bottom{
    text-align: left;
    margin-top: 20px;
}
.xh_wx_pic{
    float: left;
    margin-left: 38px;
}
.xh_wx_pic>div{
    text-align: center;
    line-height: 22px;
    height: 22px;
    margin-top: 20px;
}
#xh_phone_email{
    margin-top: 60px;
    width: 100%;
    height: 573px;
    position: relative;
    margin-bottom: 80px;
}
#spFrom{
    position: absolute;
    top: 60px;
    left: 60px;
    width: 360px;
    height: 417px;
    text-align: center;
    z-index: 1;
    background-color: #fff;
}
#spFrom>h3{
    color: #4C4949FF;
    font-size:24px;
    font-weight:bold;
    height:31px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 30px;

}
#xh_contact_map{
    width: 100%;
    height: 573px;

}
#spFrom input,#spFrom textarea,#spFrom button{
    display: block;
    margin-left: 40px;
    width: 280px;
    padding-left: 0px;
    border: 1px solid #E6E6E6FF;
    margin-top: 20px;
    box-sizing: border-box;
    font-size: 14px;
}
#spFrom textarea{
    height: 80px;
    padding: 10px 0 10px 15px;
}
#spFrom input:focus {
    border-color: #E64040;
}
#spFrom textarea:focus {
    border-color: #E64040;
}
#spFrom input{
    width: 280px;
    height: 42px;
    line-height: 40px;
    padding-left: 15px;
}
#spFrom button{
    width: 160px;
    height: 42px;
    background-color: #E64040FF;
    color: #FFFFFFFF;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
    line-height: 42px;
    border: none;
}

/**
recruitment
 */
.xh_recruitment_main{
    margin: 0 auto;
    width: 1180px;
}
.xh_info_list{
    width: 1180px;
    box-sizing: border-box;
}
.xh_list_bottom li{
    float: left;
}
.xh_list_top p{
    height: 69px;
    line-height: 69px;
    box-sizing: border-box;
    border-bottom: 2px dotted #d0d0d0;
    font-size: 18px;
    font-weight: bold;
    color: #4c4949;

}
.xh_info_list>li{
    margin-top: 24px;
    padding-right: 32px;
    padding-left: 33px;
    box-sizing: border-box;
    background-color: #fafafa;
}
.xh_info_list>li:hover{
    background-color: #ffffff;
    box-shadow: 5px 10px 25px 0px
    rgba(38, 36, 36, 0.1);
}
.xh_list_bottom li{
    height: 69px;
    box-sizing: border-box;
    line-height: 69px;
}
.xh_list_bottom li span{
    color: #b3aaaa;
    font-size: 14px;
}
.xh_list_bottom li i{
    font-size: 14px;
    color: #4c4949;
}
.xh_list_bottom li{
    float: left;
    margin-left: 90px;
}
.xh_list_bottom .right{
    float: right;
}
.xh_info_list>li:first-of-type{
    margin-left: 0;
}

/**
talentConcept
 */

.xh_talent_top{
    width: 100%;
    height: 365px;
    background-color: #fafafa;
    box-sizing: border-box;
    padding-top: 60px;
}
.xh_talent_txt{
    width: 1180px;
    margin: 0 auto;
    text-align: left;
    height: 225px;
    background-color: #ffffff;
    padding-left: 39px;
    padding-right: 40px;
    box-sizing: border-box;
    padding-top: 39px;
}

.xh_talent_txt>h3{
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    font-weight: bold;
    color: #262424;

}
.xh_talent_txt>p{
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #5f5a5a;
    margin-top: 19px;
}
.xh_talent_txt .xh_talent_secondP{
    margin-top: 23px;
    color: #736d6d;
    font-size: 16px;
    line-height: 28px;
    height: auto;
}
.xh_talent_c{
    margin: 0 auto;
    width: 1180px;
    height: 700px;
}
.xh_talent_c>.left{
    width: 497px;
    height: 535px;
    float: left;
    box-sizing: border-box;
    background: url("../images/talent_back.jpg") no-repeat;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.xh_talent_c>.left>h3{
    height: 33px;
    line-height: 33px;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 143px;
}
.xh_talent_c>.left>p{
    line-height: 28px;
    margin: 0 auto 0 auto;
    width: 382px;
    color: #ffffff;
    font-size: 16px;
    text-align: left;

}
.xh_talent_c>.right{
    float: right;
    margin-top: 80px;
    margin-bottom: 80px;
}
.xh_talent_c .xh_line{
    width: 40px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
    margin: 19px auto 24px auto;
}
.xh_c_top img{
    display: block;
}
.xh_c_top>.left{
    float: left;
}
.xh_c_top>.right{
    float: right;
}
.xh_c_img_second{
    margin-top: 4px;
    margin-bottom: 4px;
}
.xh_talent_b{
    height: 663px;
    width: 100%;
    background-color: #fafafa;
    box-sizing: border-box;
    padding-top: 80px;

}
.xh_talent_bc{
    width: 1180px;
    margin: 0 auto;
}
.xh_talent_bc>.left:first-of-type{
    margin-left: 0;
}
.xh_talent_bc>.left{
    width: 575px;
    height: 503px;
    float: left;
    background-color: #fff;
    margin-left: 30px;
}
.xh_talent_bc>.right{
    float: right;
    width: 575px;
    height: 503px;
    background-color: #fff;
}
.xh_talent_bc img{
    width: 575px;
    height: 210px;
}
.xh_talent_bc h3{
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 20px;
    color: #4c4949;
    margin-top: 30px;
    margin-bottom: 21px;
    margin-left: 30px;
}
.xh_talent_bc h3:hover{
    color: red;
}
.xh_talent_bc p{
    font-size: 14px;
    color: #736d6d;
    line-height: 26px;
    width: 513px;
    margin-left: 30px;
}
.xh_talent_bc .xh_talent_a2{
    display: block;
    margin-top: 41px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 2px solid #736D6D;
    border-radius: 50%;
    font-weight: bold;
    background: url(../images/news_19544.png) no-repeat center center;
    margin-left: 30px;
}
.xh_talent_bc .xh_talent_a2:hover{
    background: url(../images/news_icon_19154.png) red no-repeat center center;
    border: 2px solid red;
}


/**
detail
 */

.xh_main_detail{
    width: 1180px ;
    margin-top: 60px;
    height: 640px;
    box-sizing: border-box;
}

.xh_sp_left{
    float:left ;
    position: relative;
}
.swiper-wrapper,.swiper-container{
    width: 560px;
    height: 420px;
}
.swiper-slide{
    position: relative;

}
#video10{
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 420px;
    background-color: black;
    z-index: -1;
}
.swiper-slide img,.swiper-slide{
    width: 560px;
    height: 420px;
    cursor: pointer;
}
.pagination1 .mix_p:first-of-type{
    margin-left: 0;
    position: relative;
}
.pagination1 .mix_p{
    display: inline-block;
    margin-left: 12px;
    width: 100px;
    height: 74px;
}
.pagination1 .mix_p img{
    width: 100%;
    height: 100%;
}
.mix_p .xh_video_trangle{
    left: 41px;
    top: 23.5px;
}
.pagination1{
    margin-top: 20px;
    width: 560px;
    overflow: auto;
    text-align: left;
    cursor: pointer;
}
.xh_video_round{
    width: 80px;
    height: 80px;
    position: absolute;
    border:2px solid #fff;
    border-radius:50%;
    left: 240px;
    top: 160px;
    box-sizing: border-box;
}
.xh_video_trangle{
    position: absolute;
    top: 26.5px;
    left: 31px;
    display: block;
    width: 18px;
    height: 27px;
    background: url(../images/trangle.png) no-repeat;
}
.xh_sp_right{
    float: left;
    margin-left: 60px;
  width:560px;
}
.xh_ri_top>h3{
    font-size:42px;
    font-weight:400;
    color: #262424;
    line-height: 55px;
}
.xh_ri_top>p{
    line-height: 30px;
    color: #4C4949;
    font-size: 14px;
    margin-top: 32px;
}
.xh_ri_top>p>span{
    color: #868686;
    font-size: 14px;
}

.xh_ri_line{
    width:560px;
    height:1px;
    background:rgba(230,230,230,1);
    opacity:0.5;
    margin-top: 34px;
}

.xh_ri_bottom ul{
    list-style-type:disc !important;
}
.xh_ri_bottom{
    margin-top: 30px;
}
.xh_ri_bottom li{
    font-size:16px;
    line-height:36px;
    color: #4C4949;
}
.xh_ri_line1{
    width:560px;
    height:1px;
    background:rgba(230,230,230,1);
    opacity:0.5;
    margin-top: 35px;
}
.xh_contact_mao2{
    margin-left: 19px;
    float: left;
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid red;
}
.xh_contact_mao2 img{
    width: 123px;
    height: 25px;
}
.xh_contact_mao{
    margin-top: 60px;
}
.arrow-left{
    position: absolute;
    background-color: #262424;
    border-top-right-radius: 3px;
    opacity: 0.3;
    width: 40px;
    height: 60px;
    left: 0;
    top: 180px;
    z-index: 2;
}
.arrow-left>span{
    width: 9px;
    height: 21px;
    position: absolute;
    left: 15.5px;
    top: 19.5px;
    background: url("../images/s_jiantou2.png") no-repeat;
}
.arrow-right{
    position: absolute;
    background-color: #262424;
    opacity: 0.3;
    border-top-left-radius: 3px;
    width: 40px;
    height: 60px;
    right: 0;
    top: 180px;
    z-index: 2;
}
.arrow-right:hover{
    background-color: #fff;
    opacity: 1;
}
.arrow-left:hover{
    background-color: #fff;
    opacity: 1;
}

.arrow-right>span{
    width: 9px;
    height: 21px;
    position: absolute;
    right: 15.5px;
    top: 19.5px;
    background: url("../images/s_jiantou1.png") no-repeat;
}
.arrow-left .xh_hover01{
    background: url("../images/s_jiantou4.png") no-repeat;
}
.arrow-right .xh_hover02{
    background: url("../images/s_jiantou3.png")no-repeat;
}

/**
corporateCharter
 */
.xh_charter_main{
    margin: 0 auto;
    width: 1180px;
}
.xh_charter_content{
    margin-top: 80px;
    text-align: center;
}
.xh_charter_content>h3{
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
.xh_charter_content>h4{
    margin-top: 15px;
    font-size: 20px;
    color: #5f5a5a;
    height: 25px;
    line-height: 25px;

}
.xh_charter_round{
    margin-top: 34px;
}
.xh_charter_round li{
    float: left;
    margin-left: 20px;
}
.xh_charter_round li p{
    line-height: 25px;
    font-size: 16px;
    margin-top: 5px;
}
.xh_charter_square{
    margin-top: 75px;
    float: left;
    margin-bottom: 40px;
}
.xh_charter_square li{
    float: left;
    margin-left: 20px;
}
.xh_charter_square li P{
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #4c4949;
}

.xh_banner02{
    background: url("../images/xb_baner01_02_02.jpg") no-repeat center;
}
.xh_banner03{
    background: url("../images/xb_banner03_02.jpg") no-repeat center;
}
.xh_banner05{
    background: url("../images/xh_banner05.jpg") no-repeat center;
}
.xh_news_top .right a{
    display: inline-block;
    background: url("../images/news_more_icon.png") no-repeat  right center;
}
.xh_news_top .right a:hover{
    background: url("../images/news_hower.png") no-repeat  right center;
}
/*三号*/
/*有效区*/
.wrap {
    width: 1180px;
    margin: 0 auto;
}
/*业务布局*/
.bus-banner {
    background: url("../images/business-banner.jpg") no-repeat center top;
}
.bus-banner-art {
    padding-top: 127px;
    position: relative;
}
.bus-banner-art .bus-banner-tit {
    display: inline-block;
    width: 60px;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
}
.bus-banner-art .bus-banner-text {
    position: absolute;
    width: 18px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    top: 130px;
}
.bus-banner-art .sgzy {
    left: 87px;
}
.bus-banner-art .cyxt {
    left: 120px;
}
.business {
    width: 100%;
    background-color: #fff;
}
.busCont {
    padding: 80px 0;
}
.busMain {
    text-align: center;
}
.busMain .busTit {
    font-size: 40px;
    line-height: 55px;
    font-weight: bold;
    color: #262424;
    text-align: center;
}
.busMain .busText {
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
    color: #736D6D;
    text-align: left;
}
.busMain .busText span {
    font-weight: bold;
}
.busCont .busList {
    margin-top: 60px;
}
.busList ul {
    margin-top: -20px;
    margin-right: -20px;
}
.busList li {
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    width: 180px;
    height: 100px;
}
.busList li img {
    width: 100%;
}
.brand {
    width: 100%;
    background: url("../images/bus-brand-bg.png") no-repeat center top;
}
.brandCont {
    padding: 80px 0;
}
.brand .busTit {
    color: #fff;
}
.brand .busText {
    color: #fff;
}
.brandMain {
    margin-top: 60px;
}
.brandBeh li {
    float: left;
    width: 280px;
    height: 100px;
    background:rgba(38,36,36,0.3);
    text-align: center;
    line-height: 100px;
    margin-left: 20px;
    transition: 0.3s;
}
.brandBeh li:first-child {
    margin-left: 0;
}
.brandBeh li h3 {
    color: #fff;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    padding-left: 60px;
    display: inline-block;
    vertical-align: middle;
}
.brandBeh li .qr {
    background: url("../images/bus-brand-qr.png") no-repeat left center;
}
.brandBeh li .pg {
    background: url("../images/bus-brand-pg.png") no-repeat left center;
}
.brandBeh li .jr {
    background: url("../images/bus-brand-jr.png") no-repeat left center;
}
.brandBeh li .xc {
    background: url("../images/bus-brand-xc.png") no-repeat left center;
}
.brandBeh li:hover,.brandBeh .active {
    background:rgba(230,64,64,1);
}
.brandBeh li:hover h3,.brandBeh .active h3 {
    font-weight: bold;
}
.brandBeh li:hover .qr,.brandBeh .active .qr {
    background: url("../images/bus-brand-qr-hover.png") no-repeat left center;
}
.brandBeh li:hover .pg,.brandBeh .active .pg {
    background: url("../images/bus-brand-pg-hover.png") no-repeat left center;
}
.brandBeh li:hover .jr,.brandBeh .active .jr {
    background: url("../images/bus-brand-jr-hover.png") no-repeat left center;
}
.brandBeh li:hover .xc,.brandBeh .active .xc {
    background: url("../images/bus-brand-xc-hover.png") no-repeat left center;
}
.brandUse {
    background-color: rgba(255,255,255,0.8);
    width: 100%;
}
.bu_main {
    padding: 60px;
}
.bu_main .bs_tit {
    font-size: 20px;
    line-height: 33px;
    color: #4C4949;
    font-weight: bold;
}
.bu_main .bs_ev {
    margin-top: 15px;
}
.bs_cont .bs_list {
    float: left;
    margin-left: 20px;
    width: 162px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
.bs_cont .sc {
    background: url("../images/bus-bs-list1.png") no-repeat center top;
}
.bs_cont .ssd {
    background: url("../images/bus-bs-list2.png") no-repeat center top;
}
.bs_cont .zcg {
    background: url("../images/bus-bs-list3.png") no-repeat center top;
}
.bs_cont .jd {
    background: url("../images/bus-bs-list4.png") no-repeat center top;
}
.bs_cont .lc {
    background: url("../images/bus-bs-list5.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .zxc {
    background: url("../images/bus-bs-list7.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .zzc {
    background: url("../images/bus-bs-list9.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .hgd {
    background: url("../images/bus-bs-list10.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .dgf {
    background: url("../images/bus-bs-list11.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .bld {
    background: url("../images/bus-bs-list12.jpg") no-repeat center top;
    background-size: 162px 100px;
}
.bs_cont .zzct {
    background: url("../images/bus-bs-list13.jpg") no-repeat center top;
    background-size: 162px 100px;
}

.bs_list:first-child {
    margin-left: 0;
}
.bs_list h3 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.bm_cont {
    margin-top: 40px;
}
.bm_list {
    float: left;
    width: 140px;
    height: 108px;
    background-color: #fff;
    text-align: center;
    margin-left: 20px;
    line-height: 108px;
}
.bm_list:first-child {
    margin-left: 0;
}
.bm_list h3 {
    font-size: 16px;
    line-height: 20px;
    color: #736D6D;
    padding-top: 47px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.bm_list .jxs {
    background: url("../images/bus-bm-list1.png") no-repeat top center;
}
.bm_list .scqd {
    background: url("../images/bus-bm-list2.png") no-repeat top center;
}
.bm_list .jdcy {
    background: url("../images/bus-bm-list3.png") no-repeat top center;
}
.bu_main {
    display: none;
}
.brandUse .active{
    display: block;
}
.static {
    width: 100%;
    background-color: #fff;
}
.static_cont {
    padding: 80px 0;
}
.static_cont .static_tit {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    line-height: 55px;
    color: #4C4949;
}
.static_cont .staticMain {
    margin-top: 60px;
}
.staticMain .staticList {
    margin-top: 40px;
}
.staticMain .staticList:first-child {
    margin-top: 0;
}
.staticList .sl_left {
    float: left;
    margin-right: 60px;
}
.staticList .sl_right {
    float: right;
}
.staticList .sl_img {
    width: 480px;
    height: 300px;
}
.staticList .sl_img img {
    width: 100%;
}
.staticList .sl_art {
    width: 640px;
    margin-top: 54px;
}
.staticList .sl_art .sl_tit {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #4C4949;
}
.staticList .sl_art .sl_text {
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
    color: #736D6D;
}

/*新闻资讯*/
.news-banner {
    background: url("../images/news-banner_02.jpg") no-repeat center top;
}
.news {
    width: 100%;
    background-color: #fff;
}
.news .newsCont {
    padding: 60px 0 80px;
}
.newsCont .list-item {
    padding-left: 400px;
    margin-top: 30px;
    transition: 0.3s;
}
.newsCont .list-item:first-child {
    margin-top: 0;
}
.newsCont .list-img {
    width: 360px;
    float: left;
    margin-left: -400px;
}
.newsCont .list-img img {
    width: 100%;
}
.newsCont .list-info {
    float: left;
    width: 100%;
    margin-top: 40px;
    position: relative;
}
.newsCont .list-tit {
    font-size: 20px;
    line-height: 35px;
    color: #5f5a5a;
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsCont .list-text {
    width: 640px;
    font-size: 16px;
    line-height: 26px;
    color: #9b9494;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 12px;
}
.newsCont .time {
    font-size: 16px;
    line-height: 26px;
    color: #b3aaaa;
    position: absolute;
    top: 0px;
    right: 40px;
}
.newsCont .list-arr {
    display: none;
    position: absolute;
    bottom: 8px;
    right: 40px;
    width: 14px;
    height: 10px;
    background: url("../images/news-arr_03.png") no-repeat center center;
}
.newsCont .list-item:hover{
    box-shadow: 5px 10px 35px 0px
    rgba(38, 36, 36, 0.1);
}
.newsCont .list-item:hover .list-tit{
    color: #e64040;
    font-weight: bold;
}
.newsCont .list-item:hover .list-arr {
    display: block;
}
.newsCont .u-paging {
    text-align: center;
    margin-top: 60px;
}
.newsCont .paging-inner{
    display: inline-block;
    font-size: 0;
}
.newsCont .paging-inner a{
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #9B9494;
    margin: 0 5px;
    border-radius: 4px;
    background: #F6F6F6;
    vertical-align: top;
}
.newsCont .paging-inner a.current,
.newsCont .paging-inner a:hover{
    color: #fff;
    background-color: #E64040;
}
.newsCont .paging-inner .prev {
    width: 48px;
    background:#F6F6F6 url(../images/news-pageprev.png) no-repeat center center;
}
.newsCont .paging-inner .next {
    width: 48px;
    background:#F6F6F6 url(../images/news-pagenext.png) no-repeat center center;
}
.newsCont .prev:hover {
    background:#E64040 url(../images/news-pageprev_hover.png) no-repeat center center;
}
.newsCont .next:hover {
    background:#E64040 url(../images/news-pagenext_hover.png) no-repeat center center;
}
/*新闻详情*/
.wsc-news-det {
    box-shadow: 0px 5px 12px 0px
    rgba(38, 36, 36, 0.03);
}
.news_det {
    width: 100%;
    background-color: #fff;
}
.news_det_cont {
    padding: 60px 0 0px;
}
.news_det_top {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
.news_det_top .news_det_tit {
    font-size: 30px;
    line-height: 40px;
    color: #4c4949;
    text-align: center;
    font-weight: bold;
}
.news_det_top .news_det_info {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #a2a0a0;
}
.news_det_top .news_det_info span {
    padding-left: 20px;
    margin-left: 30px;
}
.news_det_top .news_det_info .news_au{
    background: url("../images/news-det-au_03.png") no-repeat left center;
}
.news_det_top .news_det_info .news_time{
    background: url("../images/news-det-time_03.png") no-repeat left center;
}
.news_det_top .news_det_info .news_bro{
    background: url("../images/news-det-bro_05.png") no-repeat left center;
}
.news_det_top .news_det_info span:first-child {
    margin-left: 0;
}
.news_det_cont .cd-editcont {
    margin-top: 40px;
}
.news_det_cont .cd-editcont p {
    font-size: 16px;
    line-height: 28px;
    color: #736d6d;
    padding: 10px 0;
}
.news_det_cont .wsc-edit img {
    display: block;
    margin: auto;
    padding: 10px 0;
    max-width: 100%;
}
.news_det_cont .cd-tags {
    margin-top: 50px;
}
.wsc-tags {
    font-size: 0;
}
.wsc-tagstit {
    display: inline-block;
    vertical-align: top;
    width: 48px;
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
}
.wsc-tagsCon {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
}
.wsc-tagsCon span {
    margin-right: 20px;
}
.wsc-detlink {
    margin-top: 40px;
    background-color: #f8f8f8;
    height: 57px;
    line-height: 57px;
}
.wsc-detlink .dl-prev {
    width: 50%;
    float: left;
    transition: 0.3s;
    box-sizing: border-box;
    padding-left: 20px;
}

.wsc-detlink .dl-next {
    width: 50%;
    float: right;
    text-align: right;
    transition: 0.3s;
    box-sizing: border-box;
    padding-right: 20px;
}
.wsc-detlink a {
    background: #f8f8f8;
    height: 57px;
}
.wsc-detlink i {
    width: 23px;
    height: 60px;
}
.dl-prev a i {
    float: left;
    background: url("../images/news-det-prev_11.png") no-repeat left center;
}
.dl-next a i {
    float: right;
    background: url("../images/news-det-next_03.png") no-repeat right center;
}
.wsc-detlink span {
    float: left;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 460px;
}
.dl-next span {
    float: right;
}
.dl-prev:hover,.dl-next:hover{
    background-color: #e64040;
}
.dl-prev:hover a,.dl-next:hover a{
    color: #fff;
}
.dl-prev:hover i{
    background: url("../images/news-det-prev-hover_03.png") no-repeat left center;
}
.dl-next:hover i{
    background: url("../images/news-det-next-hover_03.png") no-repeat right center;
}
.news_det_bot {
    width: 100%;
    padding-top: 80px;
}
.news_det_bot .xh_news_bottom div {
    background-color: #fff;
}

/*四号*/
/**
m_partner_ship
 */
#retrs {
    width: 100%;
    overflow: hidden;
    border-bottom:1px solid #f8f8f8;
    box-sizing: border-box;
    position: relative;
    font-size:26px;
}
#retrs .swiper-slide {
    text-align:center;
    cursor: pointer;
    width: auto;
}
#retrs .swiper-slide a{

    transition:all .3s ease;
    display:block;
}
#retrs .curs a{
    color:#FF2D2D;
}
#navBar .curs a{
    color:#FF2D2D!important;
}
ul{
    list-style: none;
}
.navMore {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.8rem;
    width: 0.8rem;
    display: none;
    background-color: #fff;
    z-index: 99;
}
.scrollerDialog {
    position: absolute;
    top: 0;
    background: #fff;
    padding: 0 0.24rem ;
    z-index: 100;
}
.scrollerDialog li {
    float: left;
    font-size: 0.26rem;
    color: #6A6A6A;
    background-color: #EAEAEA;
    width:1.5rem;
    height:0.64rem;
    line-height: 0.64rem;
    margin-left: 0.18rem;
    border-radius:0.04rem;
    text-align: center;
    margin-top: 0.2rem;

}
.navMore span{
    background:url("../images/gdico@2x.png") no-repeat;
    position: absolute;
    width: 27px;
    height: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);


}
.scrollerDialog .close {
    background: url("../images/close@2x.png") no-repeat center center;
    position: absolute;
    right: 0rem;
    top: 0;
    z-index: 1;
    width: 0.4rem;
    height: 0.4rem;


}
.secDrop-head{
    position: relative;
    height: 0.4rem;
    width: 100%;
}
.supNav {
    overflow: hidden;
    height: 0.81rem;
}
.supNav li:first-child {
    padding-left: 0.24rem;
}
.supNav li {
    float: left;
    background: #fff;
    padding-left: 0.22rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    box-sizing: border-box;

}
.swiper-slide span{
    width: 0.01rem;
    height: 0.3rem;
    background-color: #DDDDDD;
    display: inline-block;
    margin-left: 0.22rem;
}
.swiper-slide:last-of-type span{
    width: 0;
}
.xh_m__center{
    text-align: center;
    padding: 0 0.24rem;
}
.xh_m__center>h3{
    color: #262424;
    font-size: 0.4rem;
    height: 0.56rem;
    line-height: 0.56rem;
    font-weight: bold;
    margin-top: 0.38rem;
    margin-bottom: 0.24rem;
}
.xh_m__center>p{
    font-size: 0.28rem;
    text-align: left;
    color: #736D6D;
    margin-bottom: 0.28rem;
    line-height: 44px;
}
.xh_m__center>p>i{
    font-weight: bold;
}
.xh_partner_icon li{
    float: left;
    margin-left: 0.18rem;
    margin-top: 0.18rem;
    box-sizing: border-box;


}
.xh_partner_icon img{
    width: 2.18rem;
    height: 1.18rem;
    border: 0.02rem dotted #ccc;
}
.no_margin_left{
    margin-left: 0!important;
}
.no_margin_top{
    margin-top: 0!important;
}
.gray_line{
    width: 100%;
    height: 0.36rem;
    background-color: #F7F7F7;
    margin-top: 0.36rem;
    margin-bottom: 0.36rem;
}
.xh_news_header{
    height:0.56rem;
    line-height: 0.56rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.24rem;

}
.xh_news_header .left{
    float: left;
    color: #3A3A3A;
    font-size: 0.4rem;
    line-height: 0.56rem;
}
.xh_news_header .right{
    float: right;
    font-size: 0.28rem;
    color: #6A6A6A;
}
.xh_more_info{
    display: inline-block;
    width: 0.07rem;
    height: 0.19rem;
    margin-left: 0.18rem;
    background: url("../images/m_right_arrow.png") no-repeat center;
}
.xh_news_concrete{
    margin-top: 0.24rem;
    padding: 0 0.24rem;
    margin-bottom: 0.48rem;
}
.xh_news_concrete li{
    box-sizing: border-box;
    margin-top: 0.18rem;
    background-color: #F8F8F8;
    padding: 0.24rem  0.36rem 0.27rem  0.36rem;
}
.xh_news_concrete li:first-of-type{
    margin-top: 0;


}
.xh_news_concrete li h3{
    color: #43434A;
    font-size: 0.32rem;
    line-height:0.48rem;
}
.xh_news_concrete li span{
    height:0.36rem;
    font-size:0.26rem;
    line-height: 0.36rem;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
    color: #909098;
    display: block;
}
.xh_news_concrete li p{
    line-height:44px;
    font-size:0.26rem;
    color: #76767C;
}

/*五号*/
.banner {
    width: 100%;
    height: 520px;
}
.pro-banner {
    background: url("../images/probanner.jpg") no-repeat center top;
}
.container {
    width: 1180px;
    margin: 0 auto;
}
.wsc-supNav {
    float: left;
}
.wsc-supNav a {
    float: left;
    color: #5f5a5a;
    font-size: 16px;
    line-height: 76px;
}
.wsc-supNav a:first-child {
    padding-left: 0;
    background: none;
}
.wsc-breadCon {
    float: right;
    margin-top: 28px;
}
.wsc-breadCon h1 {
    display: inline-block;
}
.wsc-bread {
    height: 76px;
    border-bottom: 1px solid #f2f2f2;
}
.wsc-supNav a:hover {
    color: #e83030;
    border-bottom: 2px solid #e83030;
    height: 75px;
}
.wsc-supNav .active {
    color: #e83030;
    border-bottom: 2px solid #e83030;
    height: 75px;
}
.wsc-supNav span {
    width: 1px;
    height: 12px;
    float: left;
    background: url("../images/braxa.jpg") no-repeat center;
    margin: 32px 20px 0;
}
.wsc-breadCon span {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url("../images/mianb.png") no-repeat center;
    margin: 0 10px;
}
.wsc-breadCon a {
    font-size: 14px;
    color: #868686;
}
.wsc-breadCon a:hover {
    color: #e83030;
}
.pinLs li {
    width: 380px;
    height: 502px;
}
.proL .xh_product_lis li>img {
    width: 380px;
    height: 502px;
}
.xh_dlst1 {
    background: url("../images/roujuan1.jpg") no-repeat center top;
}
.xh_dlst2 {
    background: url("../images/roujuan2.jpg") no-repeat center top;
}
.xh_dlst3 {
    background: url("../images/roujuan3.jpg") no-repeat center top;
}
.proL .xh_product_lis li>div {
    width: 380px;
    height: 502px;
}
.proIndex-head {
    text-align: center;
}
.proIndex-title {
    font-size: 40px;
    color: #262424;
    font-weight: bold;
}
.proIndex-intro {
    font-size: 20px;
    color: #5f5a5a;
}
.proIndex-bg {
    width: 100%;
    height: 420px;
    margin-top: 60px;
    position: relative;
}
.bg1 {
    background: url("../images/qizi1.jpg") no-repeat center top;
}
.bg2 {
    background: url("../images/qizi2.jpg") no-repeat center top;
}
.bg3 {
    background: url("../images/qizi3.jpg") no-repeat center top;
}
.bg4 {
    background: url("../images/qizi4.jpg") no-repeat center top;
}
.bg5 {
    background: url("../images/qizi5.jpg") no-repeat center top;
}
.bg6 {
    background: url("../images/qizi6.jpg") no-repeat center top;
}
.bg7 {
    background: url("../images/qizi7.jpg") no-repeat center top;
}
.bg8 {
    background: url("../images/qizi8.jpg") no-repeat center top;
}
.proIndex-bg-main {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
.proIndex {
    padding-bottom: 80px;
}
.rou1 {
    position: absolute;
    background: url("../images/rou1.png") no-repeat center;
    width: 724px;
    height: 530px;
    left: -140px;
    top: -28px;
      background-size: 80%;
}
.proIndexBg-title {
    font-size: 70px;
    line-height: 75px;
    color: #fff;
    float: left;
    width: 112px;
    margin-top: 66px;
}
.bg1 .proIndexBg-cont {
    margin-left: 620px;
}
.proIndexBg-intro {
    float: left;
    color: #fff;
    width: 440px;
}
.proIndexBg-tit {
    font-size: 20px;
    color: #fff;
    padding-top: 80px;
}
.proIndexBg-intro {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}
.rou4 {
    width: 505px;
    height: 476px;
    position: absolute;
    top: 10px;
    right: -50px;
    background: url("../images/rou4.png") no-repeat center;
      background-size: 80%;
}
.rou3 {
    width: 722px;
    height: 489px;
    position: absolute;
    top: 6px;
    left: -128px;
    background: url("../images/rou3.png") no-repeat center;
      background-size: 80%;
}
.rou2 {
    width: 502px;
    height: 473px;
    position: absolute;
    top: 8px;
    right: -15px;
    background: url("../images/rou2.png") no-repeat center;
      background-size: 80%;
}
.rou8 {
    width: 505px;
    height: 476px;
    position: absolute;
    top: 10px;
    right: -50px;
    background: url("../images/rou8.png") no-repeat center;
      background-size: 100%;
}
.rou7 {
    width: 722px;
    height: 489px;
    position: absolute;
    top: 10px;
   right: -50px;
    background: url("../images/rou7.png") no-repeat center;
      background-size: 100%;
}
.rou6 {
    width: 505px;
    height: 476px;
    position: absolute;
    top: 10px;
    right: -50px;
    background: url("../images/rou6.png") no-repeat center;
      background-size: 100%;
}
.rou5 {
    width: 722px;
    height: 489px;
    position: absolute;
    top: 10px;
   right: -50px;
    background: url("../images/rou5.png") no-repeat center;
      background-size: 100%;
}
.pro-list {
    width: 280px;
    float: left;
    margin-left: 20px;
}
.pro-list:first-child {
    margin-left: 0;
}
.pro-img {
    width: 280px;
    height: 210px;
    position: relative;
    overflow: hidden;
}
.pro-img img {
    width: 280px;
    height: 210px;
    transition: .3s;
}
.pro-info {
    background: #fafafa;
    text-align: center;
    padding: 20px;
}
.proIndex-proList {
    margin-top: 80px;
}
.pro-tit {
    font-size: 20px;
    line-height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pro-tit a {
    color: #4c4949;
}
.pro-tit a:hover {
    color: #e64040;
}
.pro-intro {
    font-size: 16px;
    color: #777;
    line-height: 18px;
    margin-top: 8px;
}
.pro-list:hover .pro-img img {
    transform: scale(1.1);
}
.pro-list:hover .pro-info {
    background: #fff;
    box-shadow: 4.994px 9.801px 35px 0px rgba(38, 36, 36, 0.1);
}
.pro-list:hover .inpro-review {
    opacity: 1;
}
.proIndex-post a {
    width: 220px;
    height: 50px;
    border: 2px solid #736d6d;
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #736d6d;
    text-indent: 38px;
    background: url("../images/heibiao.png") no-repeat 167px center;
    margin: 60px auto 0;
}
.proIndex-post a:hover {
    color: #E64040;
    background: url("../images/hongbiao.png") no-repeat 167px center;
}
.ak-pro {
    padding-top: 30px;
}
.no-pad {
    padding-top: 0;
}
.proList-main {
    width: 1180px;
    margin: 40px auto 0;
    padding-bottom: 40px;
}
.proList-left {
    width: 880px;
    float: left;
}
.proList-intro {
    padding: 30px;
    background: #F6F6F6;
    font-size: 14px;
    line-height: 26px;
}
.proList-list {
    width: 900px;
    margin-left: -20px;
}
.proList-list .pro-list {
    margin-top: 20px;
}
.proList-list .pro-list:first-child {
    margin-left: 20px;
}
.u-paging{
    text-align: center;
    margin-top: 40px;
}
.xh_recruitment_main .u-paging {
    margin-bottom: 40px;
}
.paging-inner{
    display: inline-block;
    font-size: 0;
}
.paging-inner a{
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #9B9494;
    margin: 0 5px;
    border-radius: 4px;
    background: #F6F6F6;
}
.paging-inner a.current,
.paging-inner a:hover{
    color: #fff;
    background-color: #E64040;
}
.proList-right {
    width: 280px;
    float: right;
}
.souQd-head {
    width: 280px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #4C4949;
    text-indent: 40px;
    position: relative;
    background: url("../images/cnnm.png") no-repeat center;
}
.souQd-head span {
    width: 4px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    background: url("../images/cnn-xian.png") no-repeat center;
}
.souQd-cont {
    background: #FAFAFA;
    padding: 14px 14px 20px;
    font-size: 0;
}
.souQd-cont span {
    width:117px;
    height:48px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(234,234,234,1);
    opacity:1;
    border-radius:2px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #736D6D;
    margin-top: 6px;
    margin-left: 6px;
}

.souQd-xbt {
    width: 280px;
    background: #FAFAFA;
    padding: 20px 0;
}
.souQd-xbt p {
    width: 76px;
    height: 86px;
    float: left;
    text-align: center;
    background: #F0F0F0;
    margin-left: 6px;
}
.souQd-xbt p:first-child {
    margin-left: 20px;
}
.souQd-xbt span {
    font-size: 14px;
    color: #736D6D;
    line-height: 26px;
    margin-top: 52px;
    display: inline-block;
}
.souQd-xbt .ais1 {
    background: #F0F0F0 url("../images/ais1.png") no-repeat center 15px;
}
.souQd-xbt .ais2 {
    background: #F0F0F0 url("../images/ais2.png") no-repeat center 17px;
}
.souQd-xbt .ais3 {
    background: #F0F0F0 url("../images/ais3.png") no-repeat center 15px;
}
.mt20 {
    margin-top: 20px;
}
.souQd-ddh {
    padding: 30px;
    background: #f6f6f6;
}
.souQd-ico {
    width: 56px;
    height: 56px;
    float: left;
}
.souQd-ico img {
    width: 56px;
    height: 56px;
}
.souQd-ct {
    width: 150px;
    float: left;
    font-size: 14px;
    color: #B2AAAA;
    margin-left: 10px;
    margin-top: 2px;
}
.souQd-ct span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial;
    color: #E64040;
}
.souQd-lx {
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}
.soLx-post a {
    width: 220px;
    height: 60px;
    background:rgba(230,64,64,1) url("../images/tmtb.png") no-repeat 27px center;
    display: block;
    text-indent: 24px;
    font-size: 16px;
    line-height: 60px;
    color: #fff;
    margin-top: 24px;
}
.detA .wsc-breadCon {
    float: left;
}
.proDetail-left {
    width: 880px;
    float: left;
}
.pat-box {
    width: 880px;
    height: 60px;
}
.proDetail-nav {
    width: 880px;
    height: 60px;
    overflow: hidden;
}
.proDetail-nav a {
    float: left;
    width: 25%;
    height: 60px;
    line-height: 60px;
    background: #F0F0F0;
    font-size: 18px;
    text-align: center;
    color: #736D6D;
}
.proDetail-nav .active {
    color: #E64040;
    border-top: 0.04rem solid #E64040;
    background: #FAFAFA;
    line-height: 56px;
}
.proDetail-cont {
    background: #f8f8f8;
    padding: 0 60px 60px;
}
.proDetail-mouse {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #5F5A5A;
    padding-top: 60px;
}
.proDetail-css {
    font-size: 18px;
    line-height: 34px;
    color: #736D6D;
    margin-top: 36px;
}
.no-mt {
    padding-top: 0;
}
.msz-cls {
    width: 370px;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.msz-img {
    width: 370px;
    height: 250px;
}
.msz-cls img {
    width: 370px;
    height: 250px;
}
.proDetail-msz {
    width: 780px;
    margin-left: -20px;
    font-size: 18px;
    line-height: 34px;
    color: #736D6D;
    margin-top: 36px;
}
.msz-tit {
    font-size: 20px;
    font-weight: bold;
    color: #736D6D;
    margin-top: 20px;
}
.slf img {
    margin-top: 40px;
}
.proDetail-ios {
    padding-top: 20px;
}
.abs-tll .left {
    background: #f6f6f6!important;
}
.ios-cla {
    width: 760px;
    height: 380px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.proDetail-ios .zk1 {
    background: url("../images/qizi05.jpg") no-repeat center;
}
.proDetail-ios .zk2 {
    background: url("../images/qizi06.jpg") no-repeat center;
}
.ios-tit {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    padding-top: 244px;
}
.ios-intro {
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
}
.pro-fixed {
    position: fixed;
    top: 0;
    width: 880px;
    z-index: 999;
}
/*.xh_product_lis li:hover span {*/
/*    display: none;*/
/*}*/
.proL .xh_product_lis li>span {
    width: 150px;
    left: 45%;
}
.wsc-nav {
    box-shadow:0px 5px 10px rgba(38,36,36,0.03);
}

.xh_news_bottom .left div{
    margin-top: 40px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height:40px;
    background:#FFFFFF;
    border:2px solid #736D6D;
    border-radius:50%;
    font-weight: bold;
    background: url("../images/news_19544.png") no-repeat center center;
}
.xh_news_bottom .left div:hover{
    background: url("../images/news_icon_19154.png") red no-repeat center center;
    border:2px solid red;
}
.video-js {
    width: 700px;
    height: 400px;
}

/**
partnerShip
 */

.xh_all_partner{
    width: 1180px;
    margin: 0 auto;
    text-align: center;

}
.xh_all_partner>h3{
    margin-top: 80px;
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 42px;
    line-height: 42px;

}

.xh_all_partner>ul{
    margin-top:53px;
    margin-bottom: 80px;
}
.xh_all_partner>ul>li{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.no_margin_top{
    margin-top: 0!important;
}
.xh_partner_news{
    background-color: #f8f8f8;
}
.xh_partner_news .xh_news_bottom .left{
    background-color: #fff;
}
.xh_partner_news .xh_news_bottom .left:hover{
    box-shadow: 5px 10px 25px 0px rgba(38, 36, 36,0.1) ;
    background-color: #fff;
}
.xh_partner_news .xh_news_bottom .left:hover h4{
    color: #E64040;
    font-weight: bold;
}
.xh_news_bottom .left:hover h4{
    color: #E64040;
    font-weight: bold;
}
.xh_news_bottom .left:hover{
    background-color: #fff;
    box-shadow: 5px 10px 25px 0px rgba(38, 36, 36,0.1) ;
}


/**
supply
 */
.xh_main_supply{
    width: 1180px;
    margin: 0 auto;
    text-align: center;
}
.xh_main_supply>h3{
    margin-top: 80px;
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
}
.xh_main_supply>h4{
    font-size: 20px;
    color: #5f5a5a;
    height: 25px;
    line-height: 25px;
    margin-top: 15px;
}
.xh_content_txt{
    margin-top: 60px;
}
.xh_content_txt li{
    float: left;
    width: 380px;
    height: 210px;
    box-sizing: border-box;
    padding-left: 30px;
    background-color: #f8f8f8;
    margin-left: 20px;
    padding-right: 35px;
}

.xh_content_txt li h3{
    font-size: 20px;
    font-weight: bold;
    color: #4c4949;
    height: 22px;
    line-height: 22px;
    margin-top: 40px;

}
.xh_content_txt li p{
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
    margin-top: 4px;
}
.xh_flow_path{
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    height: 100%;
}
.xh_pic_txt{
    height: 950px;
    background-color: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
}
.xh_pic_center{
    width: 1180px;
    margin: 0 auto 0 auto;
    padding-top: 80px;

}
.xh_pic_center .left{
    float: left;
}
.xh_pic_center .right{
    float: right;
}
.xh_pic_center01 h3,.xh_pic_center02 h3{
    margin-top: 45px;
    color: #262424;
    font-size: 40px;
    height: 42px;
    line-height: 42px;

}
.xh_pic_center02{
    margin-top: 90px;
}
.xh_pic_center01 p,.xh_pic_center02 p{
    margin-top: 55px;
    font-size: 16px;
    color: #736d6d;
    line-height: 25px;
}
.xh_pic_center .xh_sP{
    margin-top: 25px;
}

.xh_pic_center02 .left{
    width: 480px;
}
.xh_pic_center01 .left,.xh_pic_center02 .right{
    width: 640px;
}
.xh_eight_system h3{
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    margin-top: 80px;
}
.xh_eight_system h4{
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 45px;
}
.xh_eight_system{
    width: 1180px;
    margin: 0 auto 80px auto;
    text-align: center;


}
.xh_eight_all  img{
    margin-top: 40px;
    margin-bottom: 25px;
}
.xh_eight_all p{
    height: 20px;
    line-height: 20px;
}
.xh_eight_all li{
    float: left;
    width: 295px;
    height: 220px;
    background-color: #fafafa;
}
.xh_eight_all .xh_odd{
    background-color: #f5f5f5;
}

/**
companyHistory
 */

.xh_history_main{
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    height: 1000px;
    box-sizing: border-box;
}
.xh_history_main h3{
    font-size: 40px;
    font-weight: bold;
    color: #262424;
    height: 42px;
    line-height: 42px;
    margin-top: 74px;
}
.xh_history_main h4{
    margin-top: 15px;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    color: #5f5a5a;
}
.xh_history_main>p{
    margin-top: 52px;
    font-size: 16px;
    line-height: 28px;
    color: #736d6d;
    text-align: left;
}
.xh_history_main .xh_history_p_second{
    margin-top: 16px;
}
.xh_history_pic_txt{
    position: relative;
}

.xh_history_pic_txt span{
    position: absolute;
    font-size: 20px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    bottom: 41px;
}
.xh_longArrow{
    margin-top: 100px;
}
.xh_year_01{
    position: absolute;
    left: 44px;
}

.xh_year_03{
    left: 212px;
}
.xh_year_04{
    left: 380px;
}
.xh_year_05{
    left: 548px;
}
.xh_year_06{
    left: 716px;
}
.xh_year_07{
    left: 884px;
}
.xh_year_08{
    left: 1052px;
}
.xh_pic_tb{
    margin-top: 130px;
}
.xh_history_pic_txt i{
    width: 13px;
    height: 6px;
    background: url("../images/redtrangle_03.png") no-repeat;
    position: absolute;
    bottom: -11px;
    left: 40px;
}
.xh_pic_tb .left{
    float: left;
    width: 590px;
    text-align: center;
    box-sizing: border-box;
    border-right: 2px solid #ececec;
}
.xh_pic_tb .right{
    margin-top: 10px;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 60px;
    float: right;
    width: 590px;
    height: 140px;
    text-align: left;
    font-size: 16px;
    color: #736d6d;
    line-height: 28px;
}
.xh_pic_tb .right span{
    color:#e83030;
}
.red{
    color: red!important;
}

/**
contactUs
 */

.xh_contact_main{
    margin: 0 auto;
    width: 1180px;
    text-align: center;

}
.xh_contact_main>h3{
    margin-top: 80px;
    height:55px;
    font-size:42px;
    color: #262424FF;
    font-weight: bold;
    line-height: 55px;
    text-align: left;
    padding-left: 506px;
    box-sizing: border-box;
}
.xh_sp_phone_address{
    margin-top: 62px;
}
.xh_sp_phone_address>.left{
    float: left;
    width: 629px;
}
.xh_sp_phone_address>.right{
    float: left;
}
.xh_phone_top{
    background: url("../images/icon_phone.png") no-repeat left center;
    text-align: left;
    height: 21px;
    line-height: 24px;
    box-sizing: border-box;
    padding-left: 39px;
    font-size: 16px;
    font-weight: bold;
    color: #736D6DFF;
}
.xh_phone_bottom{
    text-align: left;
    box-sizing: border-box;
    padding-left:39px ;
    height:42px;
    font-size:32px;
    font-weight: bold;
    color: #E64040FF;
    margin-top: 15px;

}
.xh_address_top{
    height:25px;
    font-size:16px;
    font-weight:bold;
    line-height: 25px;
    color: #736D6DFF;
    background: url("../images/icon_address.png") no-repeat left top;
    text-align: left;
    box-sizing: border-box;
    padding-left: 38px;
}

.xh_address_bottom{
    height:31px;
    font-size:24px;
    line-height: 31px;
    font-weight:400;
    color: #5F5A5AFF;
    margin-top: 17px;
    box-sizing: border-box;
    padding-left: 38px;
    text-align: left;
}
.xh_wx_top{
    height: 21px;
    line-height: 21px;
    color: #736D6DFF;
    font-size: 16px;
    font-weight:bold;
    box-sizing: border-box;
    padding-left: 39px;
    background: url("../images/icon_wx.png")no-repeat left center;
    text-align: left;
}
.xh_sp_wx{
    margin-top: 40px;
}
.xh_sp_wx>.left{
    float: left;
    width: 629px;
}
.xh_sp_wx>.right{
    float: left;
}
.xh_wx_bottom{
    text-align: left;
    margin-top: 20px;
}
.xh_wx_pic{
    float: left;
    margin-left: 38px;
}
.xh_wx_pic>div{
    text-align: center;
    line-height: 22px;
    height: 22px;
    margin-top: 20px;
}
#xh_phone_email{
    margin-top: 60px;
    width: 100%;
    height: 573px;
    position: relative;
    margin-bottom: 80px;
}
#spFrom{
    position: absolute;
    top: 60px;
    left: 60px;
    width: 360px;
    height: 417px;
    text-align: center;
    z-index: 1;
    background-color: #fff;
}
#spFrom>h3{
    color: #4C4949FF;
    font-size:24px;
    font-weight:bold;
    height:31px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 30px;

}
#xh_contact_map{
    width: 100%;
    height: 573px;

}
#spFrom textarea{
    height: 80px;
    padding: 10px 0 10px 15px;
}

#spFrom input{
    width: 280px;
    height: 42px;
    line-height: 40px;
    padding-left: 15px;
}
#spFrom button{
    width: 160px;
    height: 42px;
    background-color: #E64040FF;
    color: #FFFFFFFF;
    font-size: 16px;
    cursor: pointer;
}

/**
recruitment
 */
.xh_recruitment_main{
    margin: 0 auto;
    width: 1180px;
}
.xh_info_list{
    width: 1180px;
    box-sizing: border-box;
}
.xh_list_bottom li{
    float: left;
}
.xh_list_top p{
    height: 69px;
    line-height: 69px;
    box-sizing: border-box;
    border-bottom: 2px dotted #d0d0d0;
    font-size: 18px;
    font-weight: bold;
    color: #4c4949;

}
.xh_info_list>li{
    margin-top: 24px;
    padding-right: 32px;
    padding-left: 33px;
    box-sizing: border-box;
    background-color: #fafafa;
}
.xh_info_list>li:hover{
    background-color: #ffffff;
    box-shadow: 5px 10px 25px 0px
    rgba(38, 36, 36, 0.1);
}
.xh_list_bottom li{
    height: 69px;
    box-sizing: border-box;
    line-height: 69px;
}
.xh_list_bottom li span{
    color: #b3aaaa;
    font-size: 14px;
}
.xh_list_bottom li i{
    font-size: 14px;
    color: #4c4949;
}
.xh_list_bottom li{
    float: left;
    margin-left: 90px;
}
.xh_list_bottom .right{
    float: right;
}
.xh_info_list>li:first-of-type{
    margin-left: 0;
}

/**
talentConcept
 */

.xh_talent_top{
    width: 100%;
    height: 365px;
    background-color: #fafafa;
    box-sizing: border-box;
    padding-top: 60px;
}
.xh_talent_txt{
    width: 1180px;
    margin: 0 auto;
    text-align: left;
    height: 225px;
    background-color: #ffffff;
    padding-left: 39px;
    padding-right: 40px;
    box-sizing: border-box;
    padding-top: 39px;
}

.xh_talent_txt>h3{
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    font-weight: bold;
    color: #262424;

}
.xh_talent_txt>p{
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #5f5a5a;
    margin-top: 19px;
}
.xh_talent_txt .xh_talent_secondP{
    margin-top: 23px;
    color: #736d6d;
    font-size: 16px;
    line-height: 28px;
    height: auto;
}
.xh_talent_c{
    margin: 0 auto;
    width: 1180px;
    height: 700px;
}
.xh_talent_c>.left{
    width: 497px;
    height: 535px;
    float: left;
    box-sizing: border-box;
    background: url("../images/talent_back.jpg") no-repeat;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.xh_talent_c>.left>h3{
    height: 33px;
    line-height: 33px;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 143px;
}
.xh_talent_c>.left>p{
    line-height: 28px;
    margin: 0 auto 0 auto;
    width: 382px;
    color: #ffffff;
    font-size: 16px;
    text-align: left;

}
.xh_talent_c>.right{
    float: right;
    margin-top: 80px;
    margin-bottom: 80px;
}
.xh_talent_c .xh_line{
    width: 40px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
    margin: 19px auto 24px auto;
}
.xh_c_top img{
    display: block;
}
.xh_c_top>.left{
    float: left;
}
.xh_c_top>.right{
    float: right;
}
.xh_c_img_second{
    margin-top: 4px;
    margin-bottom: 4px;
}
.xh_talent_b{
    height: 663px;
    width: 100%;
    background-color: #fafafa;
    box-sizing: border-box;
    padding-top: 80px;

}
.xh_talent_bc{
    width: 1180px;
    margin: 0 auto;
}
.xh_talent_bc>.left:first-of-type{
    margin-left: 0;
}
.xh_talent_bc>.left{
    width: 575px;
    height: 503px;
    float: left;
    background-color: #fff;
    margin-left: 30px;
}
.xh_talent_bc>.right{
    float: right;
    width: 575px;
    height: 503px;
    background-color: #fff;
}
.xh_talent_bc img{
    width: 575px;
    height: 210px;
}
.xh_talent_bc h3{
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 20px;
    color: #4c4949;
    margin-top: 30px;
    margin-bottom: 21px;
    margin-left: 30px;
}
.xh_talent_bc h3:hover{
    color: red;
}
.xh_talent_bc p{
    font-size: 14px;
    color: #736d6d;
    line-height: 26px;
    width: 513px;
    margin-left: 30px;
}
.xh_talent_bc .xh_talent_a2{
    display: block;
    margin-top: 41px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 2px solid #736D6D;
    border-radius: 50%;
    font-weight: bold;
    background: url(../images/news_19544.png) no-repeat center center;
    margin-left: 30px;
}
.xh_talent_bc .xh_talent_a2:hover{
    background: url(../images/news_icon_19154.png) red no-repeat center center;
    border: 2px solid red;
}


.talentForm {
    width: 100%;
    background-color: #FAFAFA;
    padding-bottom: 80px;
    padding-top: 1px;
}
.formAll {
    width: 1180px;
    margin: 60px auto 0;
    background-color: #fff;
}
.formHead {
    padding-top: 40px;
    text-align: center;
}
.formHead .fhTit {
    color: #4C4949;
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
}
.formHead .fhText {
    font-size: 16px;
    line-height: 20px;
    color: #736D6D;
    margin-top: 20px;
}
.talentForm .form-model {
    padding: 40px 60px 60px;
}
.talentForm .fm-row {
    margin-top: 30px;
}
.talentForm .fm-row:first-child {
    margin-top: 0px;
}
.talentForm .fm-row .fm-col {
    float: left;
    position: relative;
    margin-left: 20px;
}
.talentForm .fm-row .fm-col:first-child {
    margin-left: 0px;
}
.talentForm .fm-item {
    width: 100%;
    position: relative;
}
.talentForm .fm-item input {
    width: 493px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    line-height: 42px;
    padding: 0 12px;
}
.talentForm .fm-item textarea {
    width: 1036px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    padding: 12px;
    display: block;
}
.talentForm .fm-btn button {
    width:160px;
    height:42px;
    background:rgba(230,64,64,1);
    font-size:16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}












/**
detail
 */

.xh_main_detail{
    width: 1180px ;
    margin-top: 60px;
    height: 640px;
    box-sizing: border-box;
}

.xh_sp_left{
    float:left ;
    position: relative;
}
.swiper-wrapper,.swiper-container{
    width: 560px;
    height: 420px;
}
.swiper-slide{
    position: relative;

}
#video10{
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 420px;
    background-color: black;
    z-index: -1;
}
.swiper-slide img,.swiper-slide{
    width: 560px;
    height: 420px;
    cursor: pointer;
}
.pagination1 .mix_p:first-of-type{
    margin-left: 0;
    position: relative;
}
.pagination1 .mix_p{
    display: inline-block;
    margin-left: 12px;
    width: 100px;
    height: 74px;
}
.pagination1 .mix_p img{
    width: 100%;
    height: 100%;
}
.mix_p .xh_video_trangle{
    left: 41px;
    top: 23.5px;
}
.xh_video_round{
    width: 80px;
    height: 80px;
    position: absolute;
    border:2px solid #fff;
    border-radius:50%;
    left: 240px;
    top: 160px;
    box-sizing: border-box;
}
.xh_video_trangle{
    position: absolute;
    top: 26.5px;
    left: 31px;
    display: block;
    width: 18px;
    height: 27px;
    background: url(../images/trangle.png) no-repeat;
}
.xh_sp_right{
    float: left;
    margin-left: 60px;
}
.xh_ri_top>h3{
    font-size:42px;
    font-weight:400;
    color: #262424;
    line-height: 55px;
}
.xh_ri_top>p{
    line-height: 30px;
    color: #4C4949;
    font-size: 14px;
    margin-top: 32px;
}
.xh_ri_top>p>span{
    color: #868686;
    font-size: 14px;
}

.xh_ri_line{
    width:560px;
    height:1px;
    background:rgba(230,230,230,1);
    opacity:0.5;
    margin-top: 34px;
}

.xh_ri_bottom ul{
    list-style-type:disc !important;
}
.xh_ri_bottom{
    margin-top: 30px;
}
.xh_ri_bottom li{
    font-size:16px;
    line-height:36px;
    color: #4C4949;
}
.xh_ri_line1{
    width:560px;
    height:1px;
    background:rgba(230,230,230,1);
    opacity:0.5;
    margin-top: 35px;
}
.xh_contact_mao2{
    margin-left: 19px;
    float: left;
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid red;
}
.xh_contact_mao2 img{
    width: 123px;
    height: 25px;
}
.xh_contact_mao{
    margin-top: 60px;
}
.arrow-left{
    position: absolute;
    background-color: #262424;
    border-bottom-right-radius: 3px;
    opacity: 0.3;
    width: 40px;
    height: 60px;
    left: 0;
    top: 180px;
    z-index: 2;
}
.arrow-left>span{
    width: 9px;
    height: 21px;
    position: absolute;
    left: 15.5px;
    top: 19.5px;
    background: url("../images/s_jiantou2.png") no-repeat;
}
.arrow-right{
    position: absolute;
    background-color: #262424;
    opacity: 0.3;
    border-top-left-radius: 3px;
    width: 40px;
    height: 60px;
    right: 0;
    top: 180px;
    z-index: 2;
}
.arrow-right:hover{
    background-color: #fff;
    opacity: 1;
}
.arrow-left:hover{
    background-color: #fff;
    opacity: 1;
}

.arrow-right>span{
    width: 9px;
    height: 21px;
    position: absolute;
    right: 15.5px;
    top: 19.5px;
    background: url("../images/s_jiantou1.png") no-repeat;
}
.arrow-left .xh_hover01{
    background: url("../images/s_jiantou4.png") no-repeat;
}
.arrow-right .xh_hover02{
    background: url("../images/s_jiantou3.png")no-repeat;
}

/**
corporateCharter
 */
.xh_charter_main{
    margin: 0 auto;
    width: 1180px;
}
.xh_charter_content{
    margin-top: 80px;
    text-align: center;
}
.xh_charter_content>h3{
    font-size: 40px;
    color: #262424;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
.xh_charter_content>h4{
    margin-top: 15px;
    font-size: 20px;
    color: #5f5a5a;
    height: 25px;
    line-height: 25px;

}
.xh_charter_round{
    margin-top: 34px;
}
.xh_charter_round li{
    float: left;
    margin-left: 20px;
}
.xh_charter_round li p{
    line-height: 25px;
    font-size: 16px;
    margin-top: 5px;
}
.xh_charter_square{
    margin-top: 75px;
    float: left;
    margin-bottom: 40px;
}
.xh_charter_square li{
    float: left;
    margin-left: 20px;
}
.xh_charter_square li P{
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #4c4949;
}

.xh_banner01{
    background: url("../images/xb_baner01_03.jpg") no-repeat center;
}
.xh_banner04{
    background: url("../images/fdrss.jpg") no-repeat center;
}
.xh_banner05{
    background: url("../images/bannerlx.jpg") no-repeat center;
}
.xh_banner06{
    background: url("../images/bannersp.jpg") no-repeat center;
}
.xh_news_top .right a{
    display: inline-block;
    background: url("../images/news_more_icon.png") no-repeat  right center;
}
.xh_news_top .right a:hover{
    background: url("../images/news_hower.png") no-repeat  right center;
}
/*三号*/

/*四号*/
/**
m_partner_ship
 */
#retrs {
    width: 100%;
    overflow: hidden;
    border-bottom:1px solid #f8f8f8;
    box-sizing: border-box;
    position: relative;
    font-size:26px;
}
#retrs .swiper-slide {
    text-align:center;
    cursor: pointer;
    width: auto;
}
#retrs .swiper-slide a{

    transition:all .3s ease;
    display:block;
}
#retrs .curs a{
    color:#FF2D2D;
}
#navBar .curs a{
    color:#FF2D2D!important;
}
ul{
    list-style: none;
}
.navMore {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.8rem;
    width: 0.8rem;
    display: none;
    background-color: #fff;
    z-index: 99;
}
.scrollerDialog {
    position: absolute;
    top: 0;
    background: #fff;
    padding: 0 0.24rem ;
    z-index: 100;
}
.scrollerDialog li {
    float: left;
    font-size: 0.26rem;
    color: #6A6A6A;
    background-color: #EAEAEA;
    width:1.5rem;
    height:0.64rem;
    line-height: 0.64rem;
    margin-left: 0.18rem;
    border-radius:0.04rem;
    text-align: center;
    margin-top: 0.2rem;

}
.navMore span{
    background:url("../images/gdico@2x.png") no-repeat;
    position: absolute;
    width: 27px;
    height: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);


}
.scrollerDialog .close {
    background: url("../images/close@2x.png") no-repeat center center;
    position: absolute;
    right: 0rem;
    top: 0;
    z-index: 1;
    width: 0.4rem;
    height: 0.4rem;


}
.secDrop-head{
    position: relative;
    height: 0.4rem;
    width: 100%;
}
.supNav {
    overflow: hidden;
    height: 0.81rem;
}
.supNav li:first-child {
    padding-left: 0.24rem;
}
.supNav li {
    float: left;
    background: #fff;
    padding-left: 0.22rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    box-sizing: border-box;

}
.swiper-slide span{
    width: 0.01rem;
    height: 0.3rem;
    background-color: #DDDDDD;
    display: inline-block;
    margin-left: 0.22rem;
}
.swiper-slide:last-of-type span{
    width: 0;
}
.xh_m__center{
    text-align: center;
    padding: 0 0.24rem;
}
.xh_m__center>h3{
    color: #262424;
    font-size: 0.4rem;
    height: 0.56rem;
    line-height: 0.56rem;
    font-weight: bold;
    margin-top: 0.38rem;
    margin-bottom: 0.24rem;
}
.xh_m__center>p{
    font-size: 0.28rem;
    text-align: left;
    color: #736D6D;
    margin-bottom: 0.28rem;
    line-height: 44px;
}
.xh_m__center>p>i{
    font-weight: bold;
}
.xh_partner_icon li{
    float: left;
    margin-left: 0.18rem;
    margin-top: 0.18rem;
    box-sizing: border-box;


}
.xh_partner_icon img{
    width: 2.18rem;
    height: 1.18rem;
    border: 0.02rem dotted #ccc;
}
.no_margin_left{
    margin-left: 0!important;
}
.no_margin_top{
    margin-top: 0!important;
}
.gray_line{
    width: 100%;
    height: 0.36rem;
    background-color: #F7F7F7;
    margin-top: 0.36rem;
    margin-bottom: 0.36rem;
}
.xh_news_header{
    height:0.56rem;
    line-height: 0.56rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.24rem;

}
.xh_news_header .left{
    float: left;
    color: #3A3A3A;
    font-size: 0.4rem;
    line-height: 0.56rem;
}
.xh_news_header .right{
    float: right;
    font-size: 0.28rem;
    color: #6A6A6A;
}
.xh_more_info{
    display: inline-block;
    width: 0.07rem;
    height: 0.19rem;
    margin-left: 0.18rem;
    background: url("../images/m_right_arrow.png") no-repeat center;
}
.xh_news_concrete{
    margin-top: 0.24rem;
    padding: 0 0.24rem;
    margin-bottom: 0.48rem;
}
.xh_news_concrete li{
    box-sizing: border-box;
    margin-top: 0.18rem;
    background-color: #F8F8F8;
    padding: 0.24rem  0.36rem 0.27rem  0.36rem;
}
.xh_news_concrete li:first-of-type{
    margin-top: 0;


}
.xh_news_concrete li h3{
    color: #43434A;
    font-size: 0.32rem;
    line-height:0.48rem;
}
.xh_news_concrete li span{
    height:0.36rem;
    font-size:0.26rem;
    line-height: 0.36rem;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
    color: #909098;
    display: block;
}
.xh_news_concrete li p{
    line-height:44px;
    font-size:0.26rem;
    color: #76767C;
}

/*五号*/
.banner {
    width: 100%;
    height: 520px;
}
.pro-banner {
    background: url("../images/probanner.jpg") no-repeat center top;
}
.container {
    width: 1180px;
    margin: 0 auto;
}
.wsc-supNav {
    float: left;
}
.wsc-breadCon {
    float: right;
    margin-top: 28px;
}
.wsc-breadCon h1 {
    display: inline-block;
}
.wsc-bread {
    height: 76px;
    border-bottom: 1px solid #f2f2f2;
}
.wsc-supNav .active {
    color: #e83030;
    border-bottom: 2px solid #e83030;
    height: 75px;
}
.wsc-supNav span {
    width: 1px;
    height: 12px;
    float: left;
    background: url("../images/braxa.jpg") no-repeat center;
    margin: 32px 20px 0;
}
.wsc-breadCon span {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url("../images/mianb.png") no-repeat center;
    margin: 0 10px;
}
.wsc-breadCon a {
    font-size: 14px;
    color: #868686;
}
.wsc-breadCon a:hover {
    color: #e83030;
}
.pinLs li {
    width: 380px;
    height: 502px;
}
.proL .xh_product_lis li>img {
    width: 380px;
    height: 502px;
}
.xh_dlst1 {
    background: url("../images/roujuan1.jpg") no-repeat center top;
}
.xh_dlst2 {
    background: url("../images/roujuan2.jpg") no-repeat center top;
}
.xh_dlst3 {
    background: url("../images/roujuan3.jpg") no-repeat center top;
}
.proL .xh_product_lis li>div {
    width: 380px;
    height: 502px;
}
.proIndex-head {
    text-align: center;
}
.proIndex-title {
    font-size: 40px;
    color: #262424;
    font-weight: bold;
}
.proIndex-intro {
    font-size: 20px;
    color: #5f5a5a;
}
.proIndex-bg {
    width: 100%;
    height: 420px;
    margin-top: 60px;
    position: relative;
}
.bg1 {
    background: url("../images/qizi1.jpg") no-repeat center top;
}
.bg2 {
    background: url("../images/qizi2.jpg") no-repeat center top;
}
.bg3 {
    background: url("../images/qizi3.jpg") no-repeat center top;
}
.bg4 {
    background: url("../images/qizi4.jpg") no-repeat center top;
}
.proIndex-bg-main {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
.rou1 {
    position: absolute;
    background: url("../images/rou1.png") no-repeat center;
    width: 724px;
    height: 530px;
    left: -140px;
    top: -28px;
}
.proIndexBg-title {
    font-size: 70px;
    line-height: 75px;
    color: #fff;
    float: left;
    width: 112px;
    margin-top: 66px;
}
.bg1 .proIndexBg-cont {
    margin-left: 620px;
}
.proIndexBg-intro {
    float: left;
    color: #fff;
    width: 440px;
}
.proIndexBg-tit {
    font-size: 20px;
    color: #fff;
    padding-top: 80px;
}
.proIndexBg-intro {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}
.rou4 {
    width: 505px;
    height: 476px;
    position: absolute;
    top: 10px;
    right: -50px;
    background: url("../images/rou4.png") no-repeat center;
}
.rou3 {
    width: 722px;
    height: 489px;
    position: absolute;
    top: 6px;
    left: -128px;
    background: url("../images/rou3.png") no-repeat center;
}
.rou2 {
    width: 502px;
    height: 473px;
    position: absolute;
    top: 8px;
    right: -15px;
    background: url("../images/rou2.png") no-repeat center;
}
.pro-list {
    width: 280px;
    float: left;
    margin-left: 20px;
}
.pro-list:first-child {
    margin-left: 0;
}
.pro-img {
    width: 280px;
    height: 210px;
    position: relative;
    overflow: hidden;
}
.pro-img img {
    width: 280px;
    height: 210px;
    transition: .3s;
}
.pro-info {
    background: #fafafa;
    text-align: center;
    padding: 20px;
}
.proIndex-proList {
    margin-top: 80px;
}
.pro-tit {
    font-size: 20px;
    line-height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pro-tit a {
    color: #4c4949;
}
.pro-tit a:hover {
    color: #e64040;
}
.pro-intro {
    font-size: 16px;
    color: #777;
    line-height: 18px;
    margin-top: 8px;
}
.pro-list:hover .pro-img img {
    transform: scale(1.1);
}
.pro-list:hover .pro-info {
    background: #fff;
    box-shadow: 4.994px 9.801px 35px 0px rgba(38, 36, 36, 0.1);
}
.pro-list:hover .inpro-review {
    opacity: 1;
}
.proIndex-post a {
    width: 220px;
    height: 50px;
    border: 2px solid #736d6d;
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #736d6d;
    text-indent: 38px;
    background: url("../images/heibiao.png") no-repeat 167px center;
    margin: 60px auto 0;
}
.proIndex-post a:hover {
    color: #E64040;
    background: url("../images/hongbiao.png") no-repeat 167px center;
}
.ak-pro {
    padding-top: 30px;
}
.no-pad {
    padding-top: 0;
}
.proList-main {
    width: 1180px;
    margin: 40px auto 0;
    padding-bottom: 40px;
}
.proList-left {
    width: 880px;
    float: left;
}
.proList-intro {
    padding: 30px;
    background: #F6F6F6;
    font-size: 14px;
    line-height: 26px;
}
.proList-list {
    width: 900px;
    margin-left: -20px;
}
.proList-list .pro-list {
    margin-top: 20px;
}
.proList-list .pro-list:first-child {
    margin-left: 20px;
}
.u-paging{
    text-align: center;
    margin-top: 40px;
}
.paging-inner{
    display: inline-block;
    font-size: 0;
}
.paging-inner a{
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #9B9494;
    margin: 0 5px;
    border-radius: 4px;
    background: #F6F6F6;
}
.paging-inner a.current,
.paging-inner a:hover{
    color: #fff;
    background-color: #E64040;
}
.proList-right {
    width: 280px;
    float: right;
}
.souQd-head {
    width: 280px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #4C4949;
    text-indent: 40px;
    position: relative;
    background: url("../images/cnnm.png") no-repeat center;
}
.souQd-head span {
    width: 4px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    background: url("../images/cnn-xian.png") no-repeat center;
}
.souQd-cont {
    background: #FAFAFA;
    padding: 14px 14px 20px;
    font-size: 0;
}
.souQd-cont span {
    width:117px;
    height:48px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(234,234,234,1);
    opacity:1;
    border-radius:2px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #736D6D;
    margin-top: 6px;
    margin-left: 6px;
}

.souQd-xbt {
    width: 280px;
    background: #FAFAFA;
    padding: 20px 0;
}
.souQd-xbt p {
    width: 76px;
    height: 86px;
    float: left;
    text-align: center;
    background: #F0F0F0;
    margin-left: 6px;
}
.souQd-xbt p:first-child {
    margin-left: 20px;
}
.souQd-xbt span {
    font-size: 14px;
    color: #736D6D;
    line-height: 26px;
    margin-top: 52px;
    display: inline-block;
}
.souQd-xbt .ais1 {
    background: #F0F0F0 url("../images/ais1.png") no-repeat center 15px;
}
.souQd-xbt .ais2 {
    background: #F0F0F0 url("../images/ais2.png") no-repeat center 17px;
}
.souQd-xbt .ais3 {
    background: #F0F0F0 url("../images/ais3.png") no-repeat center 15px;
}
.mt20 {
    margin-top: 20px;
}
.souQd-ddh {
    padding: 30px;
    background: #f6f6f6;
}
.souQd-ico {
    width: 56px;
    height: 56px;
    float: left;
}
.souQd-ico img {
    width: 56px;
    height: 56px;
}
.souQd-ct {
    width: 150px;
    float: left;
    font-size: 14px;
    color: #B2AAAA;
    margin-left: 10px;
    margin-top: 2px;
}
.souQd-ct span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial;
    color: #E64040;
}
.souQd-lx {
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}
.detA .wsc-breadCon {
    float: left;
}

.proDetail-left {
    width: 880px;
    float: left;
}
.pat-box {
    width: 880px;
    height: 60px;
}
.proDetail-nav {
    width: 880px;
    height: 60px;
    overflow: hidden;
}
.proDetail-nav a {
    float: left;
    width: 25%;
    height: 60px;
    line-height: 60px;
    background: #F0F0F0;
    font-size: 18px;
    text-align: center;
    color: #736D6D;
}
.proDetail-nav .active {
    color: #E64040;
    border-top: 0.04rem solid #E64040;
    background: #FAFAFA;
    line-height: 56px;
}
.proDetail-cont {
    background: #f8f8f8;
    padding: 0 60px 60px;
}
.proDetail-mouse {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #5F5A5A;
    padding-top: 60px;
}
.proDetail-css {
    font-size: 18px;
    line-height: 34px;
    color: #736D6D;
    margin-top: 36px;
}
.no-mt {
    padding-top: 0;
}
.msz-cls {
    width: 370px;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.msz-img {
    width: 370px;
    height: 250px;
}
.msz-cls img {
    width: 370px;
    height: 250px;
}
.proDetail-msz {
    width: 780px;
    margin-left: -20px;
}
.msz-tit {
    font-size: 20px;
    font-weight: bold;
    color: #736D6D;
    margin-top: 20px;
}
.slf img {
    margin-top: 40px;
}
.proDetail-ios {
    padding-top: 20px;
}
.ios-cla {
    width: 760px;
    height: 380px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.proDetail-ios .zk1 {
    background: url("../images/qizi05.jpg") no-repeat center;
}
.proDetail-ios .zk2 {
    background: url("../images/qizi06.jpg") no-repeat center;
}
.ios-tit {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    padding-top: 244px;
}
.ios-intro {
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
}
.pro-fixed {
    position: fixed;
    top: 0;
    width: 880px;
    z-index: 999;
}
/*.xh_product_lis li:hover span {*/
/*    display: none;*/
/*}*/
.proL .xh_product_lis li>span {
    width: 150px;
    left: 45%;
}
.wsc-nav {
    box-shadow:0px 5px 10px rgba(38,36,36,0.03);
}
.xh_contact_mao1 .soLx-post a {
    width: 240px;
    background: rgba(230,64,64,1) url(../images/tmtb.png) no-repeat 37px center;
    text-indent: 74px;
    margin-top: 0;
    height: 62px;
    line-height: 62px;
}
.xh_contact_mao1 .soLx-post {
    float: left;
}



.form-input{
    position: relative;
}

.msg-box{
    color: #E64040;
    font-size: 12px;
}
.susOk {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
}
.susOk-main {
    width: 1000px;
    height: 260px;
    background: #fff url("../images/susok.png") no-repeat 150px 70px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.susOk-tle {
    font-size: 32px;
    color: #444;
    font-weight: bold;
    line-height: 34px;
    padding-top: 86px;
    padding-left: 210px;
}
.susOk-tex {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding-left: 210px;
    margin-top: 14px;
    width: 680px;
}
.susOk-tex span {
    color: #0068d2;
}
.privacy {
    padding: 48px;
}
.mapct a {
    font-size: 18px;
    color: #15191b;
}
.mapcitem a {
    font-size: 14px;
    color: #44494b;
    background-image: none;
    padding-left: 0;
}
.mapct ul {
    overflow: hidden;
    margin-top: 16px;
}
.mapct li {
    width: 272px;
    float: left;
    line-height: 28px;
}
.mapct {
    margin-top: 24px;
}
.mapct:first-child {
    margin-top: 0;
}
.mapct a:hover {
    text-decoration: underline;
}
.conceal {
    width: 1184px;
    background: #fff;
    margin: 0 auto;
}
.wb-li {
    width: 1180px;
    margin: 30px auto 0;
}
.wbL-head {
    height: 50px;
    background: url("../images/btd.jpg") no-repeat center;
    font-size: 20px;
    font-weight: bold;
    color: #4c4949;
    line-height: 50px;
    text-indent: 30px;
}
.xh_talent_b {
    height: auto!important;
    padding-bottom: 60px;
}
.wbL-cont {
    background: #fff;
    padding: 30px 32px;
}
.wbL-cont a {
    float: left;
    width: 198px;
    height: 64px;
    margin-left: 20px;
    background: #f6f6f6 url("../images/zhilian.png") no-repeat center;
}
.wbL-cont a:first-child {
    margin-left: 0;
}
.wbL-cont .cs22 {
    background: #f6f6f6 url("../images/liehu.png") no-repeat center;
}
.wbL-cont a:hover {
    background: #fff url("../images/zhilian.png") no-repeat center;
    box-shadow: 0px 0px 30px 0px rgba(38, 36, 36, 0.1);
}
.wbL-cont .cs22:hover {
    background: #fff url("../images/liehu.png") no-repeat center;
    box-shadow: 0px 0px 30px 0px rgba(38, 36, 36, 0.1);
}
.proDetail .soLx-post a {
    margin-top: 0!important;
    width: 240px!important;
}
.xh_contact_mao2 .soLx-post a {
    text-indent: 0!important;
}
.xh_banner099 {
    background: url("../images/bannerh.jpg") no-repeat center top;
}
.xh_contact_mao1 .soLx-post a {
    background: rgba(230,64,64,1) url(../images/tmtb123.png) no-repeat 37px center;
    text-indent: 74px;
}
.proDetail-msz img {
    max-width: 100%;
}
.soLx-post-tm a {
    background: rgba(230,64,64,1) url(../images/tmtb123.png) no-repeat 27px center;
}
.tianmao a {
    background: rgba(230,64,64,1) url(../images/tmtb123.png) no-repeat 27px center;
}
.souQd-ddh .jd {
    margin-top: 20px;
}
.xh_news .proIndex-proList {
    margin-top: 40px;
}
.xh_partner_news {
    background: none;
    padding-bottom: 60px;
}
.proDetail {
    margin-bottom: 80px;
}
.proDetail-main {
    position: relative;
}
.proDetail-main .fixed {
    position: absolute;
    top: 0;
    right: 0;
}
.newBans {
    width: 100%;
    height: 242px;
    background: #f8f8f8 url("../images/newban.jpg") no-repeat center top;
    text-align: center;
}
.newBans-tit {
    font-size: 54px;
    color: #E64040;
    font-weight: bold;
    padding-top: 65px;
    line-height: 60px;
}
.newBans-tex {
    font-size: 16px;
    color: #959090;
    margin-top: 20px;
    line-height: 24px;
}
.ppgSe {
    width: 100%;
    height: 716px;
    background: url("../images/ppgs.jpg") no-repeat center top;
}
.ppgSe-cont {
    width: 1180px;
    margin: 0 auto;
    text-align: center;
}
.ppgSe-title {
    font-size: 42px;
    color: #262424;
    font-weight: bold;
    line-height: 48px;
    padding-top: 80px;
}
.ppgSe-tex {
    font-size: 24px;
    color: #5F5A5A;
    line-height: 30px;
    padding-top: 10px;
}
.ppgSe-intro {
    font-size: 16px;
    line-height: 28px;
    color: #6F6B6B;
    text-align: left;
    margin-top: 30px;
}
.ppgSe-cls {
    width: 580px;
    height: 236px;
    background: url("../images/ggsmd.png") no-repeat center;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
    text-align: center;
}
.ppgSe-cls:first-child {
    margin-left: 0;
}
.ppgSe-img {
    padding-top: 40px;
}
.ppgSe-lit {
    font-size: 24px;
    line-height: 29px;
    color: #4C4949;
    margin-top: 30px;
}
.ppgSe .inb3-btn a {
    border-radius: 50px;
}
.xh_main_detail .xh_contact_mao1 .soLx-post a {
    background: rgba(230,64,64,1) url(../images/tmtb123.png) no-repeat 40px center;
    text-indent: 92px;
}
.xh_main_detail .xh_contact_mao2 .soLx-post a {
    background: rgba(230,64,64,1) url(../images/tmtb.png) no-repeat 40px center;
    display: block;
    text-indent: 40px!important;
}
input::-webkit-input-placeholder { /* WebKit browsers */
    font-family: "Microsoft Yahei";
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: "Microsoft Yahei";
    color: #999;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: "Microsoft Yahei";
    color: #999;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
    font-family: "Microsoft Yahei";
    color: #999;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: "Microsoft Yahei";
    color: #999;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: "Microsoft Yahei";
    color: #999;
}
.fm-item .n-msg {
    position: absolute;
    left: 0;
    bottom: -22px;
}
.form-input .n-msg {
    position: absolute;
    left: 40px;
    bottom: -18px;
}
.fm-item input:focus {
    border-color: #E64040;
}
.fm-item textarea:focus {
    border-color: #E64040;
}
.fl-es .wsc-breadCon {
    float: left;
}
.souQd-ddh .soLx-post a {
    text-indent: 80px;
}
.ak-pro .inb3-btn .btn {
    border-radius: 50px;
}
.rsps span:first-child {
    display: none;
}
.qywHy-main {
    width: 1180px;
    margin: 60px auto 0;
}
.qywHy-cls {
    width: 280px;
    height: 329px;
    float: left;
    text-align: center;
    background: url("../images/qywbg.jpg") no-repeat center;
    margin-left: 20px;
}
.qywHy-cls:first-child {
    margin-left: 0;
}
.qywHy-cls .qywHy-img {
    width: 96px;
    height: 96px;
    margin: 40px auto 0;
}
.qywHy-cls .iyo1 {
    background: url("../images/qyw1.png") no-repeat center;
}
.qywHy-cls .iyo2 {
    background: url("../images/qyw2.png") no-repeat center;
}
.qywHy-cls .iyo3 {
    background: url("../images/qyw3.png") no-repeat center;
}
.qywHy-cls .iyo4 {
    background: url("../images/qyw4.png") no-repeat center;
}
.qywHy-title {
    font-size: 24px;
    color: #4C4949;
    line-height: 29px;
    margin-top: 25px;
}
.qywHy-text {
    font-size: 14px;
    line-height: 28px;
    color: #736D6D;
    margin-top: 20px;
}
.wsc-edit a:hover {
    color: #E64040;
}
.xh_product_lis li:hover span {
    display: none;
}
.noFountWrap{padding-top: 60px;padding-bottom: 100px;}
.nofount{width: 1080px;padding: 260px 50px 80px;margin: 0 auto;text-align: center;background: #fff url(../images/4041.png) no-repeat center 100px}
.nfTit{font-size: 26px;color: #111}
.nfText{font-size: 14px;color: #555;margin-top: 10px;}
.u-paging .next, .u-paging .prev {
    display: none;
}

.proDetail-mde img {
    width: 760px;
}
.proDetail-info {
    text-align: center;
    background: #fff;
    padding: 40px 0;
}
.proDetail-itl {
    font-size: 24px;
    line-height: 26px;
    color: #5f5a5a;
    font-weight: bold;
}
.proDetail-jak {
    font-size: 18px;
    line-height: 34px;
    color: #736d6d;
    margin-top: 15px;
}
.mtys {
    margin-top: 40px;
}
         .xh_list_top a:hover b {
        color: #e83030;
    }
        .xh_pic_tb .right strong {
         display: block;
     }