.o-main {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

.o-main:before, .o-main:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/*header*/

.header{
    width: 100%;
    height: 90px;
    
}

.header .logo-box{
    width: 171px;
    height: 57px;
    text-align: center;
    margin-top: 16px;
    float: left;
}

.header .header-nav{
    width: 800px;
    float: left;
   margin-left: 240px;

}
/*.header .header-nav .options{*/
    /*position: relative;*/
/*}*/


.header .header-nav .other{
    position: relative;
}
.header .header-nav .other .mask3{
    width: 182px;
    position: absolute;
    top: 94px;
    left: -50px;
    margin: auto;
    z-index: 99;
    display: none;

}

.header .header-nav .other .mask3 .inc-link{

}
.header .header-nav .other .mask3 .inc-link .list-box{
    width: 182px;
    z-index: 99;
}
.header .header-nav .other .mask3 .inc-link .list-box a{
    width: 182px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #444;
    background: #fff;
    display: inline-block;

}

.header .header-nav .other .mask3 .inc-link a:hover{
    border-bottom: 0;
    background: #f1f1f1;
}

.header .header-nav .other:hover .mask3{
    display: block;
    z-index: 100;
}
.header .header-nav .options .con-box{
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 45px;
}
.header .header-nav .options .mask{
    position: absolute;
    top: 94px;
    left: 0;
    margin: 0;
    right: 0;
    z-index: 99;
    display: none;
    background: #f1f1f1;
}




.header .header-nav .options:hover .mask{
    display: block;
    z-index: 99;
}
.header .header-nav .mask .list-box{
    width: 265px;
    display: inline-block;
    float: left;
    margin-right: 35px;
}

.header .header-nav .pro .con-box2{
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 ;
}
.header .header-nav .pro .mask2{
    position: absolute;
    left: 0;
    margin: 0;
    right: 0;
    top: 94px;
    z-index: 99;
    background: #f1f1f1;
    display: none;

}

.header .header-nav .pro:hover .mask2{
    display: block;
    z-index: 99;
}
.header .header-nav .pro .mask2 .list-box{
}

.header .header-nav .pro .mask2 .list-box .pro-box{
    width: 825px;
    float: left;
    
}

.header .header-nav .pro .mask2 .list-box .pro-box .list2{
    width: 185px;
    display: inline-block;
    float: left;
    margin-right: 23px;
}
.header .header-nav .pro .mask2 .list-box .pro-box .list2 .img_box{
    width: 185px;
    height: 148px;
    overflow: hidden;
}
.header .header-nav .pro .mask2 .list-box .pro-box .list2 p{
    line-height: 60px;
    text-align: center;
    font-size: 15px;
    color: #444;
}
.header .header-nav .pro .mask2 .list-box .pro-box .list2:nth-child(4n){
    margin-right: 0;
}
.header .header-nav .pro .mask2 .list-box .text-box{
    width: 362px;
    float: right;
}

.header .header-nav .pro .mask2 .list-box .text-box .i-pro-link{
    margin-bottom: 20px;
}
.header .header-nav .pro .mask2 .list-box .text-box .i-pro-link h4{
    font-size: 16px;
    color: #444;
    padding-bottom: 15px;
}


.header .header-nav .pro .mask2 .list-box .text-box .i-pro-link li{
    display: inline-block;
    color: #c8152d;
    font-size: 15px;
    margin-right: 11px;
    line-height: 30px;

}

.header .header-nav .pro .mask2 .list-box .text-box .i-pro-link2 h4{
    font-size: 16px;
    color: #444;
}


.header .header-nav .pro .mask2 .list-box .text-box .i-pro-link2 li{
    display: inline-block;
    color: #c8152d;
    font-size: 15px;
    margin-right: 11px;
    line-height: 30px;

}

.header .header-nav .mask .list-box:nth-child(5){
    margin-right: 0;
}
.header .header-nav .mask .list-box .img_box{
    width: 270px;
    height: 135px;
    overflow: hidden;
}

.header .header-nav .mask .list-box .text-box{
    margin-top: 10px;
}

.header .header-nav .mask .list-box .text-box h4{
    font-size: 15px;
    color:#444;
    padding-bottom: 7px;
}

.header .header-nav .mask .list-box .text-box h4 i{
    padding-left: 40px;
}


.header .header-nav .mask .list-box .text-box p{
    text-transform: uppercase;
    font-size: 13px;
    color: #888888;
}

.header .header-nav .pro .mask2 .list-box .text-box .i-pro-btn{
    width: 180px;
    height: 50px;
    background: #fff;
    font-size: 15px;
    color: #444;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border: 1px solid #d2d2d2;
    margin-top: 50px;
}


.header .header-nav .pro .mask2 .list-box .text-box .i-pro-btn a{
    display: block;
}
.header .header-nav li{
    display: inline-block;
    float: left;
    margin-right: 33px;

}


.header .header-nav li h3{
    font-size: 15px;
    color: #444;
    line-height: 90px;
    width: 80px;
    text-align: center;
    line-height: 90px;
    border-bottom: 2px solid #fff;
}
    .header .header-nav li a{
    display:block;
}


.header .header-nav .other.on,.header .header-nav .other:hover{
    border-bottom: 2px solid #c8152d;
}

.header .header-nav .options.on,.header .header-nav .options:hover{
    border-bottom: 2px solid #c8152d;
}

.header .header-nav .pro.on,.header .header-nav .pro:hover{
    border-bottom: 2px solid #c8152d;
}
.header .search{
    background: url("../images/search.png") no-repeat center center;
    width: 85px;
    height: 92px;
    border: 1px solid #d2d2d2;
    float: right;
}

.header .search {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;


}

 .header-search-from {
    position: absolute;
    background: #fff;
    top: 100%;
    right: 0;
    z-index: 200;
    padding: 0 15px;
    width: 290px;
    border: 1px solid #eee;
    height: 60px;
    line-height: 60px;
    display: none;

}

 .header-search-from .textInput {
    width: 235px;
    height: 35px;
    text-indent: 10px;
    background: #e4e4e4;
    font-size: 15px;
    color: #595959;
    border: none;
}

.header-search-from .submitBtn {
    height: 35px;
    width: 55px;
    color: #fff;
    background: #1857a4;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 12px;
    margin: auto;
}


.header .lang{
    font-size: 15px;
    width: 85px;
    height: 90px;
    float: right;
    color: #414143;
    text-align: center;
    line-height: 90px;
    border: 1px solid #d2d2d2;
}
/*.header .lang a{*/
    /*display: inline-block;*/
/*}*/
.index_banner{
    width: 100%;
    position: relative;
}

.index_banner .hd{
    position: absolute;
    bottom:37px;
    left: 0;
    right: 0;
    margin:0 auto;
    z-index: 99;
    text-align: center;
}

.index_banner .hd li{
    width: 50px;
    height: 5px;
    background: #fff;
    margin:0 5px;
    font-size: 0;
    display: inline-block;
}
/*.index_banner .hd li.on{
    background: #c8152d;
}
*/


.i-more {
    text-align: center;
    margin-top: 60px;
}
.i-more a{
    color: #333;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    display: inline-block;
    padding: 0 50px;
    border-radius: 50px;
    transition: all .3s;
    background: #f3f3f3;
}

.i-more a:hover {
    color: #fff;
    background: #c8152d;
}


.index_pro .i-product{
    background: url("../images/i-pro-bg_03.jpg") no-repeat center center;
    width: 100%;
    /* height: 711px; */
    background-size: 100% 680px;
    box-shadow: 0px -6px 12px #eee;
    margin-top: 60px;
    padding-bottom: 100px;
}

.index_pro .i-more {
    margin-top: 125px;
}

.tit{
    text-align: center;
    background: url("../images/pro-logo.png")no-repeat top 20px center;
    width: 1000px;
    margin:0 auto;
    padding-top: 20px;
}

.tit h2{
    font-size: 25px;
    font-family: 'Bell MT';
    padding-top: 40px;

}

.tit h3{
    font-size: 26px;
    color: #444444;
    margin-bottom: 20px;

}

.tit p{
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}


.index_pro .i-product .Slidebox{
    position: relative;
    width: 1275px;
    margin: 0 auto;

}

.index_pro .i-product .Slidebox .hd{

    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;


}
.index_pro .i-product .Slidebox .hd li{
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #c0c0c0;
    margin:0 5px;
    text-align: center;
    border-radius: 100%;
    font-size: 0;

}

.index_pro .i-product .Slidebox .hd li.on{
    background: #c8152d;
}
.index_pro .i-product .Slidebox .parBd{
    width: 1240px;
    margin: 20px 20px 0;
}

.index_pro .i-product .Slidebox .parBd .bd{
    width: 1240px;
    margin: 0 auto;
}
.index_pro .i-product .Slidebox .parBd .tempWrap{
    width: 1240px !important;
}
.index_pro .i-product .Slidebox .parBd li{
    display: inline-block;
    width: 300px;
    position: relative;
    margin-right: 12px;
}
.index_pro .i-product .Slidebox .parBd li .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 20px;
    color: #fff;
    text-indent: 24px;
    line-height: 457px;
    
    width: 300px;
    height: 457px;
    text-align: center;

       transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;

}
.index_pro .i-product .Slidebox .parBd li:hover .mask{
    background:rgba(0,0,0,0.5);
  
}

.index_pro .i-product .Slidebox .parBd li .img_box{
    width: 566px;
    height: 454px;
    overflow: hidden;
    background-repeat: no-repeat; 
    background-position: center;
    background-size: cover;


}
.index_pro .i-product .Slidebox .parBd li .img_box img{
    width: 566px;
    height: 454px;
    overflow: hidden;
}
.index_pro .i-product .Slidebox .prev,.index_pro .i-product .Slidebox .next{
    position: absolute;
    top: 45%;
    display: inline-block;
    width: 65px;
    height: 50px;

    text-align: center;
    line-height: 50px;
    z-index: 99;

}

.index_pro .i-product .Slidebox .prev{
    background:rgba(0,0,0,0.5) url("../images/prev.png") no-repeat center center;
    left: 50px;
}

.index_pro .i-product .Slidebox .next{
    background:rgba(0,0,0,0.5) url("../images/next.png") no-repeat center center;
    right: 50px;
}
.i-brand .pic-box{
    margin: 60px auto 0; 
    width: 1240px;
}

.i-brand .tit2{
    background: url("../images/i-about-bg.jpg")no-repeat center center;
    width: 100%;
    height: 147px;
    text-align: center;
    position: relative;
}

.i-brand .tit2 p{
    color: #c0c0c0;
    font-size: 25px;
    text-transform: uppercase;
    padding: 20px 0 8px;

}

.i-brand .tit2 h3{
    font-size: 26px;
    color: #444444;
}

.i-brand .tit2 h3:after{
    position: absolute;
    width: 40px;
    height: 5px;
    background: #c8152d;
    content: "";
    bottom: 32px;
    right: 0;
    left: 0;
    margin: auto;
}

.i-brand .text-box{
    margin: 40px 0 ;
}

.i-brand .text-box .text{
    text-align: center;
    font-size: 15px;
    color: #444444;
    line-height: 28px;
}
.i-brand-his {
    text-align: center;
    width: 780px;
    margin: 0 auto;
}
.i-brand-his li{
    width: 180px;
    float: left;
    display: inline-block;
    margin-right: 120px;
}

.i-brand-his li p{
    font-size: 15px;
    color: #444;
}

.i-brand-his li h3{
    font-size: 40px;
    color: #c8152d;
}

.i-brand-his li:nth-child(3){
    margin: 0;
}


.index_news{
    width: 1300px;
    margin: 0 auto 100px;
}


.index_news .hd{
    text-align: center;
    width: 370px;
    margin: 0 auto 55px;
}

.index_news .hd li{
    display: inline-block;
    float: left;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border:1px solid #d2d2d2;
    border-radius: 25px;
    margin:  0 10px;
    font-size: 16px;
    color: #444;
    cursor: pointer;
}


.index_news .SlideBox{
    width: 100%;
}
.index_news .hd li.on{
    background: #c8152d;
    color: #fff;
    cursor: pointer;
}
}

.index_news .SlideBox .list-box{
    width: 100%;
}
.index_news .SlideBox .list-box .sbd{
     width: 606px;
    height: 374px;
    float: left;
}
.index_news .SlideBox .list-box .img_box{
    width: 606px;
    height: 374px;
    overflow: hidden;
    float: left;     
}

.index_news .SlideBox .list-box .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_news .SlideBox .list-box .con-box{
    width: 620px;
    float: right;
}


.index_news .SlideBox .list-box .con-box .text-box{
    border-bottom:1px dotted #d2d2d2;
    padding: 20px;
    margin-top: 12px;
 
}


.index_news .SlideBox .list-box .con-box .text-box2{
    border-bottom:1px dotted #d2d2d2;
    height: 110px;
    margin-top: 12px;
 
}


.index_news .SlideBox .list-box .con-box .text-box2 h3{
    font-size: 18px;
    color: #444;
    padding-top: 22px;
}

.index_news .SlideBox .list-box .con-box .text-box2 h4{
    font-size: 15px;
    color: #888;
    padding: 5px 0;

}
.index_news .SlideBox .list-box .con-box .text-box2:hover h3{
    color: #c8152d;
}
.x-tit{
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    position: relative;
    margin: 55px 0 55px;
}

.x-tit p{
   font-size: 25px;
    font-family: 'Bell MT Regular';
    color: #c0c0c0;
    text-transform: uppercase;
	padding-bottom:7px;
}

.x-tit h4{
   font-size: 104px;
    font-family: 'Microsoft Yi Baiti Regular';
    color: #d6d6d6;
    text-transform: uppercase;
} 
.x-tit h3{
    font-size: 25px;
    color: #444;
	padding-bottom:14px;
}
.x-tit h3:after{
    position: absolute;
    content: '';
    width: 45px;
    height: 5px;
    background: #c8152d;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto; 
}
.index_news .SlideBox .list-box .con-box .text-box h3{
    font-size: 18px;
    color: #444;

}

.index_news .SlideBox .list-box .con-box .text-box h4{
    font-size: 15px;
    color: #888;
    padding: 5px 0;

}
.index_news .SlideBox .list-box .con-box .text-box:hover h3{
    color: #c8152d;
}
.index_news .SlideBox .list-box .con-box .text-box p{
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}
.foot{
    width: 100%;
    height: 65px;
    position: relative;
    background: #e6e6e6;
}

.friendship{
    width: 108px;
    padding: 15px 0;
    float: left;
    position: relative;
}
.friendship .mask{
    position: absolute;
    top: -62px;
    left: 0;
    padding: 20px;
    background: #e6e6e6;
    width: 1300px;
    display: none;
    border: 1px solid #fff;
 
}
.friendship:hover .mask{
    display: block;
}
.friendship .mask li{
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-right: 10px;

}
.friendship h3{
     width: 108px;
    height: 35px;
    background: #fff;
    font-size: 15px;
    color: #666666;
    line-height: 35px;
    text-indent: 12px;
}

.friendship h3 i{
    line-height: 35px;
    padding-left: 10px;
}
.foot .copyright{
    /*width: 650px;*/
	/* width: 730px; */
    float: left;
    font-size: 15px;
    color: #666666;
    line-height: 65px;
    text-indent: 36px;

}

.foot .foot-nav{
    /*width: 520px;*/
	width: 435px;
    float:right;
}

.foot .foot-nav li{
    display: inline-block;
    font-size: 15px;
    line-height: 65px;
    color: #666666;

}

.foot .foot-nav li i{
    padding: 0 10px;
}

.clickTop {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: fixed;
    /* top: 50%;
    transform: translateY(-50%); */
    right: 30px;
    bottom: 12.5px;
    background: url(../images/top.png) no-repeat center/contain;
 }




/*product*/

.inc-banner{
    width: 100%;
}

.product{
    margin-bottom: 60px;
}

.product .pro-series{
    padding: 45px 0 30px;
    border-bottom: 1px solid #d2d2d2;
}

.product .pro-series p{
    font-size: 16px;
    color: #444444;
    width: 150px;
    float: left;
}

.product .pro-series p i{
    padding-right: 20px;
}

.product .pro-series .series-views{
    width: 1050px;
    float: right;
}

.product .pro-series .series-views li{
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #444444;
    line-height: 35px;
    margin-right: 45px;
}

.product .pro-series .series-views li.on,.product .pro-series .series-views li:hover{
    color: #c8152d;
}
.product .pro-size .size-views li.on,.product .pro-size .size-views li:hover{
    color: #c8152d;
}
.product .pro-size{
    padding-top: 30px;
}
.product .pro-size p{
    font-size: 16px;
    color: #444444;
    width: 150px;
    float: left;
}

.product .pro-size p i{
    padding-right: 20px;
}

.product .pro-size .size-views{
    width: 1050px;
    float: left;

}

.product .pro-size .size-views li{
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #444444;
    line-height: 35px;
    margin-right: 45px;
}




.pro-case .list-box{
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #d2d2d2;
}
.pro-case .list-box .img_box{
    width: 566px;
    height: 454px;
    overflow: hidden;
    text-align: center;
    line-height: 454px;
    margin: 0 auto;
    float: left;
}

.pro-case .list-box .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}


.pro-case .list-box .img_box:hover img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.pro-case .list-box .text-box{
    width: 550px;
    float: right;
}

.tit3{
    position: relative;
}
.tit3 h3{
    font-size: 26px;
    color: #444;
}

.tit3 h4{
    font-size: 20px;
    color: #c4c4c4;
    text-transform: uppercase;
    margin-top: 8px;
}

/* .tit3 h4:after{
    position: absolute;
    content: '';
    bottom: 75px;
    left: 0;
    margin: auto;
    width: 40px;
    height: 3px;
    background: #c8152d;
} */

.tit3 p{
    font-size: 15px;
    color: #666666;
    padding-top: 50px;
    line-height: 28px;
}


.pro-case .list-box .text-box .model{
    margin-top: 50px;
}

.pro-case .list-box .text-box .model li{
    width: 172px;
    float: left;
    display: inline-block;
    margin-right: 17px;
}

.pro-case .list-box .text-box .model li .pic-box{
    width: 172px;
    height: 172px;
    overflow: hidden;
    line-height: 248px;
    text-align: center;
    margin:  0 auto;

}

.pro-case .list-box .text-box .model li p{
    font-size: 15px;
    color: #666;
    line-height: 60px;
}
.pro-case .list-box .text-box .model li:nth-child(3){
    margin-right: 0;
}


.pro-case .list-box:nth-child(2n){
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #d2d2d2;
}
.pro-case .list-box:nth-child(2n) .img_box{
    width: 566px;
    height: 454px;
    overflow: hidden;
    text-align: center;
    line-height: 454px;
    margin: 0 auto;
    float: right;
}

.pro-case .list-box:nth-child(2n) .text-box{
    width: 550px;
    float: left;
}








.pro-views {
    background: #eeeeee;
    border: 1px solid #eeeeee;
}
.pro_slide{
    background: #fff;
    padding: 60px 70px 60px 95px;
    margin-top: 40px;
}
.pro_slide .parbd {
    width: 460px;
    height: 460px;
    float: left;

}

.pro_slide .parbd li {
    width: 460px;
    height: 460px;
	border: 1px solid #d2d2d2;
	
}

.pro_slide .parbd li .pic-box{
    width: 460px;
    height: 460px;
    line-height: 680px;
 
}

.pro_slide .parbd li .pic-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pro_slide .parhd {
    width: 500px;
    height: 95px;
    float: right;
    position: relative;

}

.pro_slide .parhd .hd {
    height: 95px;
    margin-left: 25px;
}

.pro_slide .sslide {

    height: 95px;
}

.pro_slide .sslide .hd li {
    display: inline-block;
    float: left;
    width: 95px;
    height: 95px;
    border: 1px solid #fff;
    margin-right: 15px;

}

.pro_slide .sslide .hd li.on {
    border: 1px solid #ef1919;
}

.pro_slide .sslide .hd li .img_box {
    width: 110px;
    /* line-height: 94px; */
    height: 95px;
}

/* .pro_slide .sslide .hd li .img_box img{
    width: 110px;
    overflow: hidden;
} */

.pro_slide .views-text {
    width: 520px;
    float: right;
}

.pro_slide .views-text h2 {
    font-size: 26px;
    color: #333333;
    padding-bottom: 10px;
}
.pro_slide .views-text h3{
    font-size: 15px;
    color: #666;
    line-height: 28px;
}
.pro_slide .views-text i {
    margin: 0 20px;
}
.pro_slide .views-text h4{
    font-size: 15px;
    color: #c8152d;
    padding: 20px 0;
}
.pro_slide .views-text p {
    font-size: 15px;
    color: #666;
    line-height: 28px;
}

.pro_slide .views-text em {
    font-size: 15px;
    color: #ef1919;
}

.pro_slide .views-text {
    margin: 20px 0 20px;
}

.pro_slide .views-text .vr_box {
    width: 155px;
    height: 40px;
    background: url("../images/VR.png") no-repeat center center;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    float: left;
    display: inline-block;
    text-indent: 30px;
    position: relative;
    z-index: 99;
    margin: 20px 0;
}

.pro_slide .views-text .vr_box .img {
    position: absolute;
    left: 235px;
     margin-left: -220px;
    top: 40px;
    width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    background: red;
    text-indent: 0;
    display: none;
}

.pro_slide .views-text .vr_box:hover .img {
    display: block;
}

.pro_slide .views-text li {
    display: inline-block;
    font-size: 15px;
    color: #444;
    line-height: 40px;
}


.pro_slide .parhd .prev {
    position: absolute;
    top: 0;
    left: -20px;
    margin: auto;
    background: #b8b8b8;
    width: 30px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-family: 'ÐÂËÎÌå';
    cursor: pointer;
}

.pro_slide .parhd .next {
    position: absolute;
    top: 0;
    right: -5px;
    margin: auto;
    background: #b8b8b8;
    width: 30px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-family: 'ÐÂËÎÌå';
    cursor: pointer;
}

.pro_slide .parhd .next:hover {
    background: #414141;
}

.pro_slide .parhd .prev:hover {
    background: #414141;
}

.list{
    background: #fff;
    margin: 30px 0 95px;
    padding: 0 83px;
}
.pro-scenario{
    padding-top: 25px;
    text-align: center;
    position: relative;
}

.pro-scenario h3{
    font-size: 26px;
    color: #444444;
    line-height: 60px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
}
.pro-scenario .text-box{

}
.pro-scenario .text-box .text{
    font-size: 15px;
    color: #444;
    line-height: 28px;
}

.pro-scenario .vr-box2{
    width: 100%;
    position: relative;

}
.pro-scenario .vr-box2 .img_box{
    width: 100%;
    height: 562px;
    overflow: hidden;
	padding-top:30px;
}

.pro-scenario .vr-box2 .mask{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:65px;
    background:rgba(0,0,0,0.5);  
    font-size: 20px;
    color: #fff;
    line-height: 65px;
}
.xg-pro{
    padding: 20px 0 85px;
}

.xg-pro h3{
    font-size: 26px;
    color: #444444;
    line-height: 60px;
    
    margin-bottom: 15px;
    text-align: center;
}

.xg-pro li{
    width: 316px;
    display: inline-block;
    float: left;
    margin-right: 43px;
}
.xg-pro li .img_box{
    border:1px solid #d2d2d2;
}
.xg-pro li p{
    font-size: 16px;
    color: #444;
    line-height: 50px;
    border-bottom: 1px solid #d2d2d2;
    text-indent: 12px;
}

.xg-pro li:nth-child(3){
    margin-right: 0;
}

.slide_box{
    margin-top: 45px;
}
.slide_box .prev{
    left: 0;
}
.slide_box .prev,.slide_box .next{
    position: absolute;
    top: 58%;
    font-size: 70px;
    font-family:ÐÂËÎÌå;
    z-index: 99;
    color: #fff;
    cursor:pointer;
}
.slide_box .next{
    right: 0;
}

.slide_box{
    width: 100%;
}

.slide_box li{
    width: 100%;
}

.slide_box li .img_box{
    text-align: center;
    line-height: 580px;
    margin: 0 auto;
}

.pro2{

}


.pro2 .con-box{

}

.pro2 .con-box .list-box3{
    width: 368px;
    display: inline-block;
    float:left;
    border-bottom: 3px solid #d2d2d2;
    margin-right: 48px;
    margin-top: 50px;
}

.pro2 .con-box .list-box3 .img_box{
    width: 368px;
    height: 368px;
    overflow: hidden;
    border:1px solid #d2d2d2;
}

.pro2 .con-box .list-box3 p{
    font-size: 15px;
    color: #444;
    line-height: 50px;
}

.pro2 .con-box .list-box3:hover{
    border-bottom: 3px solid #c8152d;

}


.pro2 .con-box .list-box3:nth-child(3n){
    margin-right: 0;
}


.pages{

    margin: 80px 5px 100px;
    text-align: center;
}

.pages a{

    padding: 12px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    color: #444444;
    margin: 40px 5px 100px;
}


.pages a:hover,.pages a.on{
    background: #c8152d;
    color: #fff;
    border: 1px solid #c8152d;
}



/*case*/

.inc-link{
    text-align: center;
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;

}

.inc-link li{
    display: inline-block;
    line-height: 70px;
    font-size: 16px;
    color: #444444;
    margin: 0 30px;
}

.inc-link li a{
    display: block;
}

.inc-link li.on,.inc-link li:hover{
    border-bottom: 2px solid #c8152d;
}


.case{
    width:100%;
    max-width:1910px;
    /*padding:50px 0 40px 0;*/
    height: 748px;
    background: url("../images/eng-case-bg.jpg") no-repeat center center;
}


.tit4{
    text-align: center;
    padding-top: 60px;
}
.tit4 p{
    text-transform: uppercase;
    font-size: 38px;
    color: #c4c4c4;
    position: relative;
}

.tit4 p:after{
    position: absolute;
    content: '';
    top: 60px;
    left: 0;
    right: 0;
    margin:auto;
    width: 42px;
    height: 4px;
    background: #c8152d;
}
.tit4 h3{
    font-size: 26px;
    color: #444;
    padding-top: 40px;
}
.slide-carousel .item-list li .item-content{
    width:100%;
    height:auto;
    max-width:596px;
    max-height:391px;
    line-height:391px;
    text-align:center;
    position: relative;
}

.slide-carousel .item-list li .item-content .mask{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,0.7);
}



.case_side{width:1200px;height:510px;margin:60px auto 0;position: absolute}
.case_side .slide-carousel{margin-bottom:20px}
.case_side .slide-3d .desc{display:none}
.case_side .slide-3d .item-list li{width:596px;height:391px;transition:all .5s ease-out;opacity:0;position:absolute;top:0;left:0}
.case_side .slide-3d .item-list li.item0{transform:translate3d(-315px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item1{transform:translate3d(0,0,0) scale(.8);transform-origin:0 50%;opacity:1;z-index:2}
.case_side .slide-3d .item-list li.item2{transform:translate3d(315px,0,0) scale(1);transform-origin:0 50%;opacity:1;z-index:3}
.case_side .slide-3d .item-list li.item3{transform:translate3d(600px,0,0) scale(.8);transform-origin:100% 50%;opacity:1;z-index:2}
.case_side .slide-3d .item-list li.item4{transform:translate3d(885px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item5{transform:translate3d(1170px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item6{transform:translate3d(1455px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item7{transform:translate3d(1740px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item8{transform:translate3d(2025px,0,0) scale(.8)}
.case_side .slide-3d .item-list li.item9{transform:translate3d(2310px,0,0) scale(.8)}
.case_side .slide-2d .item-list li{width:1200px;height:490px;transition:all .5s ease-out;position:absolute;top:0;left:0}
.case_side .slide-2d .item-list li.item0{transform:translateX(-1200px)}
.case_side .slide-2d .item-list li.item1{transform:translateX(0px)}
.case_side .slide-2d .item-list li.item2{transform:translateX(1200px)}
.case_side .slide-2d .item-list li.item3{transform:translateX(2400px)}
.case_side .slide-2d .item-list li.item4{transform:translateX(3600px)}
.case_side .slide-2d .item-list li.item5{transform:translateX(4800px)}
.case_side .slide-2d .item-list li.item6{transform:translateX(6000px)}
.case_side .slide-2d .item-list li.item7{transform:translateX(7200px)}
.case_side .slide-2d .item-list li.item8{transform:translateX(8400px)}
.case_side .slide-2d .item-list li.item9{transform:translateX(9600px)}


/*.about5_side .slide-3d .item-prev,*/
/*.about5_side .slide-3d .item-next{*/
    /*width:250px;*/
    /*height:120px;*/
    /*line-height:120px;*/
    /*display:inline-block;*/
    /*position:absolute;*/
    /*bottom:0;*/
    /*background:#000;*/
    /*cursor:pointer;*/
    /*font-size:60px;*/
    /*color:#fff;*/
    /*font-family: 'ÐÂËÎÌå';*/
/*}*/
/*.about5_side .slide-3d .item-prev{*/
    /*left:0;*/
/*}*/
/*.about5_side .slide-3d .item-next{*/
    /*right:0;*/
/*}*/


/*contact*/

.contact{

}

.contact .list-box{
    width: 100%;
    margin: 80px 0;
}

.contact .list-box .text-box{
    width: 450px;
    float: left;
}

.contact .list-box .text-box h3{
    font-size: 20px;
    color: #444;
    padding-bottom: 25px;
}

.contact .list-box .text-box p{
    font-size: 15px;
    color: #444;
    line-height: 30px;

}

.contact .list-box .text-box em{
    color: #c8152d;

}

.contact .list-box .text-box i{
    color: #c8152d;
    padding: 0 10px;
}

.contact .list-box .text-box .code-box{
    width: 138px;
    margin-top: 40px;
}

.contact .list-box .text-box .code-box .img_box{
    width: 138px;
    height: 138px;
    overflow: hidden;
}

.contact .list-box .text-box .code-box p{
    font-size: 15px;
    color: #444;
    line-height: 40px;
}

.contact .list-box .apply{
    width: 700px;
    float: right;
}

.contact .list-box .apply .txt{
    width: 344px;
    height: 55px;
    float: left;
    background: #f2f2f2;
    text-indent: 24px;
    line-height: 55px;
    font-size: 15px;
    color: #888888;
    margin: 0 12px 12px 0;
}

.contact .list-box .apply .txt:nth-child(2n){
    margin-right: 0;
}

.contact .list-box .apply textarea{
    width: 100%;
    height: 120px;
    background: #f2f2f2;
    text-indent: 24px;
    font-size: 15px;
    color: #888888;
    padding-top: 20px;

}

.contact .list-box .apply2{
    margin-top: 30px;
}

.contact .list-box .apply2 p{
    font-size: 16px;
    color: #333;
    width: 75px;
    height: 45px;
    line-height: 42px;
    float: left;

}

.contact .list-box .apply2 p i{
    /*color: #e4000c;*/
    padding-right: 5px;

}

.contact .list-box .apply2 .txt2{
    width: 155px;
    height: 45px;
    color: #333;
    line-height: 45px;
    float: left;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    text-indent: 12px;
}

.contact .list-box .apply2 .img_box{
    width: 138px;
    height: 42px;
    float: left;
    margin: 0 30px 0 15px;
}


.contact .list-box .apply2 .btn{
    width: 215px;
    height: 45px;
    background: #313131;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: right;
}
 .map-box{
    width: 100%;
    overflow: hidden;
    height: 500px;
}

/*news*/

.news{
    background: #eeeeee;
}
.news .news-con{
    padding-top: 60px;
}
.news .news-con .list-box{
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
}
.news .news-con .list-box:hover{
    box-shadow:5px 5px 5px #dadada;
}

.news .news-con .list-box .img_box{
    width: 452px;
    height: 279px;
    float: left;
    overflow: hidden;
    line-height: 279px;
   
}
.news .news-con .list-box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.news .news-con .list-box .text-box{
    width: 645px;
    float: left;
    padding: 0 50px;
}
.news .news-con .list-box .text-box h4{
    font-size: 18px;
    color: #444;
    padding: 58px 0 20px;
}

.news .news-con .list-box .text-box h5{
    font-size: 15px;
    color: #888888;
    padding-top: 58px;
}
.news .news-con .list-box .text-box .text{
    font-size: 15px;
    color: #888;
    line-height: 27px;
}
.news .news-con .list-box .turn{
    width: 42px;
    height: 42px;
    border: 1px solid #d2d2d2;
    font-size: 26px;
    font-family: "ÐÂËÎÌå";
    line-height: 42px;
    text-align: center;
    float: left;
    margin-top: 60px;
    margin-left: 120px;
    position: absolute;
bottom: 50px;
    right: 63px;
    margin: auto;

}

.news .news-con .list-box:hover .turn{
    background: #c8152d;
    color: #fff;
}


.news .news-con .list-box:hover .img_box img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}


/*.news .news-con .list-box:nth-child(5){
    margin-bottom: 0;
}*/
.news .pages{
    padding: 85px 0 85px;
    margin: 0;
}

.news .pages a{
    background: #fff;
}

.news .pages a.on,.news .pages a:hover{
    background: #c8152d;
}



/*net*/


.net{
    padding: 70px 0 110px;
}

.net .form_box{
    padding:30px 0;
}
.net .form_box select,
.net .form_box input.text
{
    width:250px;
    height:55px;
    line-height:55px;
    float:left;
    text-indent:15px;
    border:1px solid #e8e8e8;
    margin-right:1.15%;
    border-radius:5px;
    background:#fff;
    -webkit-rtl-ordering: logical;
}

.net .form_box input.submit3{
    width: 130px;
    height: 55px;
    line-height: 55px;
    border-radius:5px ;
    text-align: center;
    background: #c8152d;
    color: #fff;
    font-size: 18px;
}
.net .form_box input.text{
    height:55px;
}



.net_box{
    box-shadow: 1px 1px 10px #ccc;
    background:#fff;
}
.net_box .net_sidebar{
    border:1px solid #f2f2f2;
    width:330px;
    float:left;
}
.net_box .net_sidebar h3{
    height:60px;
    line-height:60px;
    text-indent:30px;
    font-size:18px;
    color:#666;
}
.net_box .net_sidebar h3 span{
    font-size:18px;
    color:#ea3c06;
    font-weight:bold;
}
.net_box .net_sidebar li{
    border-top:1px solid #f2f2f2;
    height: 150px;
}
.net_box .net_sidebar li:hover .text_box i{
    background:#c8152d;
}

.net_box .net_sidebar li:hover{
    background: #fafafa;
}
.net_box .net_sidebar li .text_box{
    width:70%;
    float:right;
    display:inline-block;
    font-size:12px;
    color:#787878;
    line-height:26px;
    margin:15px 5% 0 0;
    position:relative;
}
.net_box .net_sidebar li .text_box h4{
    font-size:18px;
    color:#666;
    line-height:36px;
}
.net_box .net_sidebar li .text_box i{
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    background:#c5c5c5;
    display:inline-block;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border-radius:100px;
    position:absolute;
    left:-50px;
    top:3px;
}
.net_box .net_sidebar .Nprev,
.net_box .net_sidebar .Nnext{
    width:50%;
    height:70px;
    display:inline-block;
    cursor:pointer;
}
.net_box .net_sidebar .Nprev{
    float:left;
    background:#ececec url(../images/net_prev.png) no-repeat center center;
}
.net_box .net_sidebar .Nnext{
    float:right;
    background:#858585 url(../images/net_next.png) no-repeat center center;
}

.net_box .net_main{
    width:860px;
    float:right;
}
#ChinaMap{
    margin:0 auto;
    margin-top:40px;
}
.stateTip, #StateTip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333; }
.mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center }
.mapInfo i.active { background: #E27F21; }
.mapInfo span { padding: 0 5px 0 3px; }
.mapInfo b { font-weight: normal; color: #2770B5 }



.int{
    background: url(../images/int.jpg)no-repeat center center;
    width: 100%;
    height: 924px;
}


.tender{
    background: url("../images/eng-case-bg.jpg")no-repeat center center;
    width: 100%;
    max-width: 1910px;
    /* padding: 50px 0 40px 0; */
    height: 748px;
}


.tender .con-box{
    background: #fff;
    padding: 60px 40px 90px;
    margin-top: 35px;
}
.tender .con-box .i-apply:nth-child(3n){
    margin-right: 0;
}
.tender .con-box .i-apply{
    width: 362px;
    display: inline-block;
    float: left;
    margin-bottom: 45px;
    margin-right: 17px;
}

.tender .con-box .i-apply p{
    font-size: 15px;
    color: #444;
    font-weight: bold;
    padding-bottom: 10px;

}

.tender .con-box .i-apply input{
    width: 362px;
    height: 50px;
    border: 1px solid #d2d2d2;
    text-indent: 24px;
    font-size: 15px;
    color: #444;
}



.tender .con-box .i-apply2{
    /*margin-top: 30px;*/
}

.tender .con-box .i-apply2 p{
    font-size: 16px;
    color: #333;
    width: 75px;
    height: 45px;
    line-height: 42px;
    float: left;

}

.tender .con-box .i-apply2 p i{
    color: #e4000c;
    padding-right: 5px;

}

.tender .con-box .i-apply2 .txt2{
    width: 155px;
    height: 45px;
    color: #333;
    line-height: 45px;
    float: left;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    text-indent: 12px;
}

.tender .con-box .i-apply2 .img_box{
    width: 138px;
    height: 42px;
    float: left;
    margin: 0 30px 0 15px;
}


.tender .con-box .i-apply2 .btn{
    width: 215px;
    height: 45px;
    background: #313131;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
    margin-right: 20px;
}

.tender .con-box .i-apply2 .btn:hover{
    background: #c8152d;
}

.news-video{
    background: url("../images/news-bg.jpg") no-repeat center center;
    width: 100%;
    max-width: 1910px;
    /* padding: 50px 0 40px 0; */
    height: 980px;

}
.news-video .video-box{
    width: 100%;
    margin-top: 50px;
}


.service{
    background: url("../images/service-bg_02.jpg") no-repeat center center;
    width: 100%;
    max-width: 1910px;
    /* padding: 50px 0 40px 0; */
    height: 607px;
}

.service .service-con{
    padding: 0 40px;
    margin-top: 80px;
}

.service .service-con .list-box{
    width: 135px;
    display: inline-block;
    float: left;
    margin-right: 62px;
}

/*.service .service-con .list-box .con-box,.service .service-con .list-box .con-box2.service .service-con .list-box .con-box3,*/
/*.service .service-con .list-box .con-box4,.service .service-con .list-box .con-box5,.service .service-con .list-box .con-box6{*/
    /*width: 128px;*/
    /*text-align: center;*/
    /*margin: 0 auto;*/
    /*height: 120px;*/
    /*background: #fff;*/
    /*border: 1px dotted #d2d2d2;*/
    /*border-radius: 100%;*/
    /*border: 1px solid red;*/
/*}*/
.service .service-con .list-box .con-box{
    background: #fff url("../images/service01.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}

.service .service-con .list-box .con-box2{
    background: #fff url("../images/service02.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}

.service .service-con .list-box .con-box3{
    background: #fff url("../images/service03.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}

.service .service-con .list-box .con-box4{
    background: #fff url("../images/service04.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}

.service .service-con .list-box .con-box5{
    background: #fff url("../images/service05.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}
.service .service-con .list-box .con-box6{
    background: #fff url("../images/service06.jpg") no-repeat center center;
    width: 35px;
    height: 46px;
    width: 128px;
    text-align: center;
    margin: 0 auto;
    height: 120px;
    border: 1px dotted #d2d2d2;
    border-radius: 100%;
}

.service .service-con .list-box .con-box .pic-box{
    text-align: center;
    line-height: 160px;
    margin: 0 auto;
    width: 53px;
    height: 46px;
}

.service .service-con .list-box p{
    text-align: center;
    font-size: 16px;
    color: #444;
    line-height: 60px;

}

.service .service-con .list-box:hover .con-box{
    background: #c8152d url("../images/h-serivce01.png") no-repeat center center  ;
}

.service .service-con .list-box:hover .con-box2{
    background: #c8152d url("../images/h-serivce02.png") no-repeat center center  ;
}

.service .service-con .list-box:hover .con-box3{
    background: #c8152d url("../images/h-serivce03.png") no-repeat center center  ;
}
.service .service-con .list-box:hover .con-box4{
    background: #c8152d url("../images/h-serivce04.png") no-repeat center center  ;
}

.service .service-con .list-box:hover .con-box5{
    background: #c8152d url("../images/h-serivce05.png") no-repeat center center  ;
}
.service .service-con .list-box:hover .con-box6{
    background: #c8152d url("../images/h-serivce06.png") no-repeat center center  ;
}


.service .service-con .list-box:nth-child(6){
    margin-right: 0;
}




/*join*/


.join{
    background: url("../images/join-bg.jpg") no-repeat center center;
    width: 100%;
    height: 746px;
}


.join .join-case{
    margin-top: 80px;
}

.join .join-case .list-box{
    width: 598px;

    display: inline-block;
    float: left;
    margin-bottom: 58px;
}

.join .join-case .list-box .num-box{
    width: 85px;

    float: left;
    border-right: 1px solid #cdcdcd;
}

.join .join-case .list-box .text-box{
    width: 490px;
    float: right;

}


.join .join-case .list-box .num-box h3{
    font-size: 65px;
    color: #cdcdcd;
    font-style:italic;
}

.join .join-case .list-box .text-box h3{
    color: #c8152d;
    font-size: 18px;
    padding: 7px 0;

}

.join .join-case .list-box .text-box p{
    font-size: 16px;
    color: #333;
}


.join-show{
    margin-top: 110px;
}

.join-show .pic-box{
    width: 556px;
    height: 835px;
    overflow: hidden;
    float: left;
}
.join-show .pic-box2{
    width: 313px;
    height: 390px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0 9px 0 8px;
}

.join-show .pic-box2 .mask{
    background: rgba(180,19,41,0.5);
    width: 313px;
    height: 390px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.join-show .pic-box2 .mask p{
    font-size: 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 120px;
}
.join-show .pic-box2 .mask h3{
    font-size: 26px;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
.join-show .pic-box3{
    width: 313px;
    height: 390px;
    overflow: hidden;
    float: left;
}

.join-show .pic-box4{
    width: 636px;
    height: 436px;
    overflow: hidden;
    float: left;
    margin: 9px 0 0 8px;
}

.join-show .pic-box img,.join-show .pic-box2 img,.join-show .pic-box3 img,.join-show .pic-box4 img{
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.join-show .pic-box:hover img,.join-show .pic-box2:hover img,.join-show .pic-box3:hover img,.join-show .pic-box4:hover img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}


.join-apply .join-text{
    background: #f3f3f3;
    padding: 50px 0 80px;
}

.join-apply .join-text .text-box{
    background: #fff;
    padding: 50px 40px 70px;

}

.join-apply .join-text .text-box .apply{
    width: 365px;
    float: left;
    display: inline-block;
    margin-right: 9px;
}

.join-apply .join-text .text-box .apply p{
    font-size: 15px;
    color: #444;
    font-weight: bold;

}
.join-apply .join-text .text-box .apply:nth-child(3){
    margin-right: 0;
}
.join-apply .join-text .text-box .apply input{
    width: 365px;
    height: 50px;
    border: 1px solid #d2d2d2;
    text-indent: 24px;
    font-size: 15px;
    color: #333;
    margin-top: 15px;

}

#distpicker select{
    width: 250px;
    height: 55px;
    border: 1px solid #d2d2d2;
}

#distpicker input{
    width: 310px;
    height: 55px;
    border: 1px solid #d2d2d2;
    text-indent: 24px;
    font-size: 15px;
    color: #333;
}
#distpicker p{
    font-size: 15px;
    color: #444;
    font-weight: bold;
    padding: 30px 0 15px;
}

.join-apply .join-text .text-box label{
    width: 360px;
    height: 55px;
    display: inline-block;
    border: 1px solid #d2d2d2;

}

.join-apply .join-text .text-box label .check{
    width: 22px;
    height: 22px;
    background: #eeeeee;
    float: left;
    margin: 18px 20px 0 20px;

}
.join-apply .join-text .text-box .business h3{
    font-size: 15px;
    color: #444;
    font-weight: bold;
    padding: 30px 0 15px;

}
.join-apply .join-text .text-box label p{
    width: 180px;
    float: left;
    font-size: 15px;
    color: #888;
    margin-top: 18px;
}

.join-apply .join-text .text-box label .num{
    width: 100px;
    border-bottom: 1px solid #000;

}



.join-apply .join-text .text-box .i-apply2{
    margin-top: 55px;
}

.join-apply .join-text .text-box .i-apply2 p{
    font-size: 16px;
    color: #333;
    width: 75px;
    height: 45px;
    line-height: 42px;
    float: left;

}

.join-apply .join-text .text-box .i-apply2 p i{
    color: #e4000c;
    padding-right: 5px;

}

.join-apply .join-text .text-box .i-apply2 .txt2{
    width: 155px;
    height: 45px;
    color: #333;
    line-height: 45px;
    float: left;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    text-indent: 12px;
}

.join-apply .join-text .text-box .i-apply2 .img_box{
    width: 138px;
    height: 42px;
    float: left;
    margin: 0 30px 0 15px;
}


.join-apply .join-text .text-box .i-apply2 .btn{
    width: 215px;
    height: 45px;
    background: #313131;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
    margin-right: 20px;
}

.join-apply .join-text .text-box .i-apply2 .btn:hover{
    background: #c8152d;
}


.join-apply .tit4{
    margin-bottom: 50px;
}



/*brand*/
.brand .con-box{
    background: #f5f5f5;
    padding:60px 0 80px;
}

.tit-1{
    text-align: right;
    font-size: 104px;
    font-family: 'Microsoft Yi Baiti Regular';
    color: #d6d6d6;
}

.brand .tit-1 {
    font-size: 60px;
}

.brand .con-box .list-box{
    width: 1300px;
    margin:0 auto;
    border: 3px solid #535353; 
    position:relative;
    padding: 50px 0 60px;
}


.brand .con-box .list-box .pic-box{
    width: 688px;
    height: 458px;
    float: left;
    position:absolute;
    top: -85px;
    left: 60px;
    margin:auto;
    
   }


.brand .con-box .list-box .text-box{
    width: 450px;
    float: right;
    padding-right: 60px;

}


.brand .con-box .list-box .text-box h3{
    font-size: 30px;
    color: #444;
    padding-bottom:60px;
    position:relative;

}

.brand .con-box .list-box .text-box h3:after{
    position:absolute;
    top: 68px;
    left: 0;
    margin: auto;
    width: 100px;
    height:1px;
    background:#d2d2d2;
    content: '';
}

.brand .con-box .list-box .text-box h3:before{
    position:absolute;
    top: 68px;
    left: 0;
    margin: auto;
    width: 30px;
    height:1px;
    background:#626262;
    content: '';
    z-index: 99;
}
.brand .con-box .list-box .text-box .text{
    font-size: 15px;
    color: #444;
    line-height: 28px;
}
.brand-com{
    background: url("../images/band-bg2.jpg") no-repeat center center;
    height:680px;
    width: 100%;  



}


.tit-2{
    text-align: center;
    padding-top: 100px;
}

.tit-2 p{
    font-size: 104px;
    font-family: 'Microsoft Yi Baiti Regular';
    color: #d6d6d6;
    text-transform: uppercase;
}
.tit-2 h3{
    font-size: 30px;
    color: #fff;
    padding-top: 8px;
}
.barnd_culture{
    color: #fff;
}


.barnd_culture .bd{
    width: 100%;
    height:270px; 
}

.barnd_culture .bd li{
    text-align: center;
    font-size: 20px;
    line-height: 270px;

}


.barnd_culture .hd{
    text-align: center;
}
.barnd_culture .hd li{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding:10px 25px 10px;

}

.barnd_culture .hd li:hover,.barnd_culture .hd li.on{
    border-bottom: 1px solid red;
    cursor:pointer;

}

/*.brand-com .con-box{
    background:url("../images/band-t-bg.jpg") no-repeat center center;
    width: 1200px;
    height: 389px;
    position: absolute;
    top: -110px;
    left: 0;
    right: 0;
    margin: auto;



}

.brand-com .con-box .list-box{
}
.brand-com .con-box .text-box{

    width: 960px;
    margin: 0 auto;
    padding: 0 180px 0 60px;
    ;
}
.brand-com .con-box .text-box h3{
    font-size: 26px;
    color: #fff;
    position: relative;
    padding: 70px 0;
}

.brand-com .con-box .text-box h3:after{
    position: absolute;
    width: 100px;
    height: 1px;
    background: #fff;
    bottom: 35px;
    left: 0;
    margin: auto;
    content: '';
}

.brand-com .con-box .text-box .text{
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}


.brand-com .text-box2{
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
}

.brand-com .text-box2 h2{
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
}

.brand-com .text-box2 h3{
    font-size: 26px;
    color: #fff;
    position: relative;
    padding: 20px 0 70px;
}

.brand-com .text-box2 h3:after{
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background: #fff;
    bottom:35px;
    left: 0;
    margin: auto;
}

.brand-com .text-box2 p{
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}*/



.honor .SlideBox{
    margin: 60px auto 0;
}

.honor .SlideBox .parBd{
    width: 1200px;
    margin: 0 auto;
}
.honor .SlideBox{
    position: relative;
}
.honor .SlideBox .parhd{
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}


.honor .SlideBox .parhd li{
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #c0c0c0;
    margin:0 5px;
    text-align: center;
    border-radius: 100%;
    font-size: 0;
}
.honor .Slidebox{
    width: 895px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 23px;
    margin: 50px auto 0;
}
.honor .SlideBox .parhd li.on{
    background: #c8152d;
}
.honor .Slidebox li{
    /* width: 283px; */
    text-align: center;
}

.honor .Slidebox li p{
    text-align: center;
    line-height: 60px;
    color: #444;
    font-size: 15px;
}
.honor .Slidebox li .img_box{
    height: 411px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}



/*.honor .SlideBox .parBd li:nth-child(4){*/
    /*margin-right: 0;*/
/*}*/





.honor .SlideBox .sPrev{
    position: absolute;
    top: 180px;
    left: 0;
    margin: auto;
    font-size: 14px;
    background:rgba(0,0,0,0.5);
    width: 48px;
    height: 80px;
    z-index: 99;
    font-size: 60px;
    font-family: "ÐÂËÎÌå";
    line-height: 80px;
    text-align: center;
    color: #fff;

}


.honor .SlideBox .sNext{
    position: absolute;
    top: 180px;
    right: 0;
    margin: auto;
    font-size: 14px;
    background:rgba(0,0,0,0.5);
    width: 48px;
    height: 80px;
    z-index: 99;
    font-size: 60px;
    font-family: "ÐÂËÎÌå";
    line-height: 80px;
    text-align: center;
    color: #fff;
}



.history{
    width: 100%;
	padding-bottom:10px;
}

.history .his_slide {
    width: 50%;
    float: left;
}
.history .his_slide .swiper-container{
    height: 500px;
    overflow: hidden;
}
.history .his_slide .swiper-slide .slide-box{

    width: 100%;
    text-align: center;
}

.history .his_slide .swiper-slide .slide-box{
    width: 100%;
    height: 99px;
    /* line-height: 99px; */
    border-bottom: 1px solid #d2d2d2; 
    background: #f3f3f3;


}

.history .his_slide .swiper-slide{
    height: 100px !important;
}

.history .his_slide .swiper-slide .slide-box h2.on{
    background: #c8152d;
    color: #fff;
}
.history .his_slide .swiper-slide .slide-box h2.on em{
    color:#fff;
}
.history .his_slide .swiper-slide .slide-box h2.on i{
    color:#fff;
}
.history .his_slide .swiper-slide .slide-box h2{
    width:100%;
    font-size: 15px;
    text-align: left;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 200px;
    box-sizing: border-box;
    /* text-indent: 200px; */
    /* text-indent: 120px; */
}

.history .his_slide .swiper-slide .slide-box h2 i{
    padding: 0 20px;
    color:#c8152d; 
}

.history .his_slide .swiper-slide .slide-box h2 em{
    color:#c8152d; 
    font-size: 20px;
    /* width: 107px; */
}

.history .his_slide .swiper-slide .slide-box h2 p {
    line-height: 28px;
    width: calc(100% - 180px);
}

.history .slidebox{
    width: 50%;
    float: right;
}

.history .slidebox .bd{
    font-size: 0;
    height: 500px;
    border: 1px solid #fff;
}


.history .slidebox .bd li{
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}

.history .slidebox .bd li img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
/*news-views*/

.news-views{
    margin-top: 50px;
}

.news-views .text-box{
    width: 100%;
}

.news-views .text-box .news-tit{
    text-align: center;

}

.news-views .text-box .news-tit h3{
    font-size: 20px;
    color: #000;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.news-views .text-box .news-tit h4{
    font-size: 15px;
    color: #3e3e3e;
    padding-bottom: 50px;
    padding-top: 15px;
}

.news-views .text-box .text{
    color: #444;
    font-size:15px;
    line-height: 30px;
}

.news-views .news-v-link{

}
.news-views .news-v-link li{
    display: inline-block;
    font-size: 15px;
    margin: 40px 40px 60px 0;
}



    #certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
    margin-top: 80px;
}

#certify  .swiper-slide {
    width: 596px;
    height: 391px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
    position: relative;
}
#certify  .swiper-slide img{
    display:block;
}

#certify  .swiper-slide .mask{
    position: absolute;
    widows: 100%;
    height: 50px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    font-size: 20px;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#certify  .swiper-slide .mask {
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}




.breadcrumbs {
	display: flex;
	align-items: center;
}
.breadcrumbs li {
	color: #666;
	font-size: 16px;
	position: relative;
	transition: all .3s;
}
.breadcrumbs li:not(:first-child,:last-child) {
	margin-right: 32px;
}
.breadcrumbs li:not(:first-child,:last-child)::after {
	content: '>';                        
	width: 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
}
.breadcrumbs li:hover a {
	color: #c8152d;
}