@font-face{
    font-family: 'Alibaba PuHuiTi Bold1';
    src : url('../../M/fonts/Alibaba-PuHuiTi-Bold-1.otf');



}
@font-face{
    font-family: 'AlibabaPuHuiTiM';
    src : url('../../M/fonts/Alibaba-PuHuiTi-Medium-1.otf');


}

@font-face{
    font-family: 'AlibabaPuHuiTiL';.mBan2 .slideBox .hd
    src : url('../../M/fonts/Alibaba-PuHuiTi-Light-1.otf');


}

.conten-wrapper{display: block;transition: width 0.25s ease, margin 0.25s ease;min-height: 100vh;position: relative;overflow: hidden;}
.index-navbg{height: 100px;position: fixed;top: 0;left: 0;right: 0;margin: 0px auto;background-color: #fff;z-index: 10;}
.index-nav{height: auto;overflow: hidden;margin: 0px auto;max-width: 1600px;min-width: 1250px;}
.index-nav .logo{width: 181px;margin-top: 25px;overflow: hidden;float: left;}
.index-navs{float: right;overflow: hidden;line-height: 100px;font-size: 16px;margin-right:2%; position: relative;}
.index-navs a{color: #333;display: inline-block;padding: 0px 25px;position: relative;}
.index-navs a:hover,a.cur{color: #ba9776;}
.index-conten{width: 100%;height: calc(100% - 90px);}
.nav_in{
    position: absolute;
    width: 100%;
    height: auto;
    top: 60px;
    left: 0;
}

header{position:fixed; left:0; top:0; right:0; z-index:100; font-family: AlibabaPuHuiTiM;
    background: linear-gradient(to bottom, #605d5d96 0%,#ffffff00 100%);
}

.option-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #000;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
    background-color: #fff;
    text-align: center;
    height: 44px;
    cursor: pointer;
    margin-top: 8px;
    color: #999aaa;
    font-size: 12px;
    line-height: 14px;
}
.csdn-side-toolbar a.option-box img {
    display: block;
    width: 24px;
}
.show-txt{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #999aaa;
    background-color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.lh-logo{position:relative; top:10px; float: left;}
.lh-logo>div{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-logo .icon2{position:absolute; left:0; top:0; opacity:0;}
.lh-header{height:auto;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-header:after{content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; left:0; bottom:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
#lh-header:after{content:''; display:block; width:100%; height:1px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-item li{float:left; margin-right:2.8229166666666667vw; position:relative;}
.lh-nav-item li>a{line-height:80px; color:#fff; opacity:1.6; font-size:16px; display:block; position:relative; padding:0 10px;}
.lh-nav-items li>a{line-height:80px; color:#000; opacity:1.6; font-size:16px; display:block; position:relative; padding:0 10px;}

.navFixed .lh-nav-item li>a{
    color: #000;
}
.lh-nav-item li>a:before{content:''; display:block; width:100%; height:3px; background:#dfb462; position:absolute; left:0; bottom:-1px;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:scaleX(0); z-index:3;}
.lh-nav{position: relative;
    z-index: 3;
    float: left;
    margin-left: 8%;}
.lh-nav-item li:hover>a:before{transform:scaleX(1);}
/*.lh-nav-item li>a:hover,.lh-nav-item li>a.on{color:#dfb462;}*/

.lh-nav-item li>a.on{color:#dfb462;}
.lh-nav-item li dl{position:absolute; left:0; top:80px; width:100%; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%); padding-top:13px;}
.lh-nav-item li dl a{font-size:12px; color:#666; line-height:34px; white-space:nowrap;}
.lh-nav-item li dl a:hover{color:#dfb462;}
.lh-nav-btn{line-height:80px; color:#fff; opacity:.6; font-size:16px; display:block; float:right;}
.lh-nav-btn:hover{opacity:1;}
.lh-nav-btn em{width:16px; height:12px; float:left; margin-right:10px; position:relative; margin-top:34px;}
.lh-nav-btn em:before,.lh-nav-btn em:after{content:''; display:block; width:100%; height:2px; background:rgba(255,255,255,.6); position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-btn em:after{top:inherit; bottom:0;}
.lh-nav-btn em i{width:50%; height:2px; background:rgba(255,255,255,.6);position:absolute; left:0; top:50%; margin-top:-1px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.navHover .lh-logo .icon2,.navFixed .lh-logo .icon2{opacity:1;}
.navHover .lh-logo .icon1,.navFixed .lh-logo .icon1{opacity:0;}
.navHover .lh-header:after{background:#999;}
.navHover .lh-nav-item li dl{opacity:1; visibility:visible; transform:translateY(0);transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-shadow{position:absolute; left:0; top:0; width:100%; height:364px; background:rgba(255,255,255,0.8); padding-top:80px;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0; visibility:hidden;}
.lh-nav-shadow .img{width:24.270833333333332vw; max-width:466px; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.lh-nav-shadow>div{height:100%;}
header>.container1400{z-index:2;}
.navHover .lh-nav-shadow{opacity:1; visibility:visible;}
/*.navHover .lh-nav-item li>a,.navHover .lh-nav-btn,.navFixed .lh-nav-item li>a,.navFixed .lh-nav-btn{color:#333; opacity:.8;}*/
.navHover .lh-nav-btn em:before,.navHover .lh-nav-btn em:after,.navHover .lh-nav-btn em i,.navFixed .lh-nav-btn em:before,.navFixed .lh-nav-btn em:after,.navFixed .lh-nav-btn em i{background:rgba(51,51,51,.8);}
.lh-nav-item li:hover>a{color:#dfb462;}
.lh-banner-box{height:100vh;}
.lh-banner{height:100vh; background:#000; overflow:hidden; position:fixed; left:0; top:0; width:100%;}
.lh-main{position:relative; z-index:2; background:#fff;}
.lh-banner .img{width:100%; height:100%; position:relative;}
.lh-banner .img:before{content:''; display:block; width:100%; height:100%; background:url(../img/bg1.png) repeat left top; position:absolute; left:0; top:0; z-index:2; opacity:.4;}
.lh-banner .text{position:absolute; left:13.541666666666666vw; z-index:2; top:50%; transform:translateY(-30%); opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; visibility:hidden;}
.lh-banner .swiper-slide-active .text,.lh-banner .swiper-slide-duplicate-active .text{/*animation:bannerText linear .45s forwards;*/ transform:translateY(-50%); opacity:1; visibility:visible;}
/*.lh-banner .swiper-slide-active .img,.lh-banner .swiper-slide-duplicate-active .img{opacity:1; transform:scale(1);}*/
@keyframes bannerText{
    0%{transform:translateY(20%);opacity:0;}
    100%{transform:translateY(-50%);opacity:1;}
}
@keyframes bannetImg{
    0%{opacity:0; transform:scale(1.2);}
    100%{opacity:1; transform:scale(1);}
}

.container{max-width:62.5%; margin:auto; position:relative; padding:0 15px; width:100%;}
.container1400{ margin:auto; position:relative; padding:0 15px; width:100%;}
.navFixed header {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

/*搜索*/
.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0; }
.reveal-modal {visibility: hidden;top:30%;width:712px; height:148px; left:0px; right:0px; margin:0 auto;background-color: #eee;position: absolute;z-index: 101;padding: 30px 40px 34px;-webkit-box-shadow: 0 0 55px -4px rgba(0,0,0,.4);-moz-box-shadow: 0 0 55px -4px rgba(0,0,0,.4);box-shadow: 0 0 55px -4px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {font-size: 28px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #555;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 
.reveal-modal p.p1{ font-size:18px; text-align:center; color:#333; line-height:40px; padding-bottom:10px;}
.reveal-modal .seacher_box{ width:630px; height:60px; overflow:hidden; text-align:center; margin:0 auto}
.reveal-modal .seacher_box dt,.reveal-modal .seacher_box dd{float:left;color:#333;height:60px; line-height:60px;}
.reveal-modal .seacher_box dt{width:528px; height:60px; line-height:60px;}
.pro_search_input{ background-color:#fff;border:none;height:60px; float:left;line-height:60px; width:510px; color:#999; padding-left:18px; font-size:16px;}
.pro_search_btn{width:100px;height:60px;overflow:hidden;border:none;cursor:pointer;float:left; color:#333; font-size:16px; font-weight:bold; background-color:#ffc012;}

.banner{width: 100%;height: 860px;margin: 0px auto;overflow: hidden;text-align: center;position: relative;}
#viewport {width: 100%; }
.view-content,.view-img{margin:0px;padding:0px; height:825px;width: 100%;}
#viewport .slide {width:100%;left:0;background-repeat:no-repeat;background-position:center center;height:860px;}
.slide img{ width:100%; height:860px; }
#viewport .slide a {display:block;width:100%;height:100%;color: #fff;}
#viewport .slide a .laberttx{width: 100%;position:absolute;bottom: 60px;left: 0px;right: 0px;margin: 0px auto;font-size: 30px;color: #fff;}
.view-content {overflow: hidden;text-align:center;height:860px; }
#controls {overflow: hidden;*zoom:1;}
#controls li {display: inline; float:left;width:33%;text-align:center;}
#next, #prev { position: absolute;top: 50%;margin-top:-50px;width: 80px;height: 80px; border-radius: 50%; overflow:hidden;background: url(../img/viewport-button.png) 0 0 no-repeat rgba(0,0,0,0.2);display: block;z-index:10;}
#next {right:10px;background-position:-80px -10px;}
#prev {left:10px;background-position:0 -10px;}
.view-controls {position:absolute;bottom:10px;width:970px; left:0px; right:0px; margin:0 auto}
.view-controls a {display:inline-block;width:12px;height:12px; overflow:hidden;margin:0 0 0 7px;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease;  border-radius:50%;background-color:rgb(255,255,255,0.5)}
.view-controls a:hover,.view-controls a.active  {  background:#fff;}


.box{
    width: 100%;display: block;overflow: hidden;min-height: 500px;
    background: url("../img/bj.png") no-repeat center; background-size: cover;
}

.titless{
    width: 194px; height: 45px; background: url("../img/huaw.png") no-repeat bottom;
    text-align: center; font-weight: 600;color: #ad822f; font-size: 24px; display: block;margin: 20px auto;
    font-family: "黑体", "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";
}
.title1{
    background: url("../img/title1.png") no-repeat center; background-size: cover; width: 244px; height: 70px; display: block; margin: 0 auto;
    margin-top: 40px;color: #c41326; font-size: 28px; text-align: center;
    line-height: 68px;    font-family: "黑体", "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";

}



.title2{
    background: url("../img/title1.png") no-repeat center; background-size: cover;
    width: 244px; height: 70px; display: block; float: left;
    margin-top: 20px;color: #c41326; font-size: 28px; text-align: center;
    line-height: 68px;    font-family: "黑体", "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";

}
.more{
    display: block; color: #fffe89; font-size: 14px; height: 14px; line-height: 14px; margin: 0 auto; opacity: 0.8;
    -webkit-transition: all .6s;
    vertical-align: bottom;
}
.more:hover{
    font-size: 16px;

}
 img{
    -webkit-transition: all .6s;
    vertical-align: bottom;

}

 img:hover{
    transform: scale(1.03,1.03);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}



.about{
    width: 1400px; display: block; margin: 0 auto;overflow: hidden;
}

.about_left{
    float: left;display: block; background: url("../img/about.png") no-repeat center; width: 415px;height: 556px;
}

.about_rit{
    float: left;display: block;   width: 985px;height: 556px;
    overflow: hidden;
    -webkit-transition: all .6s;
    vertical-align: bottom;
}

.about_rit:hover{
    transform: scale(1.02,1.02);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}
.about_left .info{
    width: 70%; margin: 0 auto; display: block; color: #ffffff;
    font-size: 16px; line-height: 1.5;letter-spacing:5px;margin-top: 15px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 13;
    word-break: break-all;
}


.news{
    width: 1400px;   display: block; margin: 0 auto; margin-top: 40px; overflow: hidden;
    background: url("../img/nesws.png") no-repeat center; background-size: cover;
}

.news_left{
    width: 607px; height: 414px;
    float: left; display: block;
}

.news_rit{
    float: right; width: 750px; height: 414px;
}


.news_rit ul li{
    width: 100%;height: auto;display: block; overflow: hidden; margin-top: 10px; margin-bottom: 25px;
}

.news_rit ul li a{
    float: left; width: 79%; display: block; color: #fffdc6; font-size: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}
.news_rit ul li a:hover{
    color: #fdf98d;
}


.news_rit ul li span{
    float: right;width: 17%; text-align: center; font-size: 14px; color: #fffdc6;overflow: hidden; display: block;

}

.news_rit ul li span em{
    font-size: 18px;overflow: hidden;
}

.news_rit ul li p{
    width: 93%; color: #ffffff; font-size: 14px;padding-top: 8px; margin-left: 32px;line-height: 1.5;opacity: 0.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.news_rit ul li:before {
    content: "";
    float: left;
    width: 22px;
    height: 18px;
    margin: 4px 8px 0 0;
    background:url("../img/px.png") no-repeat center;
    display: block;

}


.jingp{
    width: 1400px;display: block;overflow: hidden; position: relative;margin: 0 auto; margin-top: 40px;
    height: auto;
}


.jingp ul li{
    width: 25%;height: 496px; display: block; float: left;
}

.jingp ul li a{
    display: block; overflow: hidden; width: 100%;height: 100%; position: relative;
}

.jingp ul li a .ps1{
    writing-mode:vertical-lr; color: #000;
    font-size: 24px; margin-left: 15%; margin-top: 30%;
    float: left;letter-spacing:3px
}
.jingp ul li a .ps1:before {
    content: "";
    display: block;
    float: left;
    height: 80px;
    border-left: 1px solid #333;
    position: absolute;
    left: 13%;
}

.jingp ul li a .ps1:after {
    content: "";
    display: block;
    float: left;
    height: 120px;
    border-left: 1px solid #333;
    position: absolute;
    left: 25%;
}


.jingp ul li a .ps1_img{
    display: block; width: 70%;margin: 0 auto; position: absolute;
    left: 15%;bottom: 8%;
}




.jingp ul li a .ps2{
     color: #000;
    font-size: 24px; margin-left: 15%; margin-top: 30%;
    float: left;width: 175px;letter-spacing:3px
}
.jingp ul li a .ps2:before {
    content: "";
    display: block;
    float: left;
    width: 175px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 21%;
}

.jingp ul li a .ps2:after {
    content: "";
    display: block;
    float: left;
    width: 70px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 34.5%;
}


.jingp ul li a .ps2_img{
    display: block; width: 70%;margin: 0 auto; position: absolute;
    left: 15%;bottom: 8%;
}





.jingp ul li a .ps3{
    color: #000;
    font-size: 24px; margin-left: 15%; margin-top: 20%;
    float: left;width: 200px;letter-spacing:3px
}
.jingp ul li a .ps3:before {
    content: "";
    display: block;
    float: left;
    width: 55px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 13.5%;
}

.jingp ul li a .ps3:after {
    content: "";
    display: block;
    float: left;
    width: 125px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 21.5%;
}


.jingp ul li a .ps3_img{
    display: block; width: 70%;margin: 0 auto; position: absolute;
    left: 15%;bottom: 8%;
}



.jingp ul li a .ps4{
    color: #000;
    font-size: 24px; margin-left: 15%; margin-top: 45%;
    float: left;width: 140px;letter-spacing:3px
}
.jingp ul li a .ps4:before {
    content: "";
    display: block;
    float: left;
    width: 87px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 31.5%;
}

.jingp ul li a .ps4:after {
    content: "";
    display: block;
    float: left;
    width: 150px;
    border-top: 1px solid #333;
    position: absolute;
    left: 15%;
    top: 45.5%;
}


.jingp ul li a .ps4_img{
    display: block; width: 70%;margin: 0 auto; position: absolute;
    left: 15%;bottom: 8%;
}



.biaoq{
    width: 1400px;display: block;overflow: hidden; position: relative;margin: 0 auto; margin-top: 40px;
    height: auto;
}


.ssw{
    width: 38%; position: absolute; right: 10%; bottom: 10%;
}




.lh-business-item{width:1400px ;}
.lh-business-item li{flex:1; height: 286px; float: left;
    width: 32%; margin-right:2%; transition:ease .65s; position:relative; z-index:1;
    margin-bottom: 4%;
    line-height: 1.8;
    overflow: hidden;

}


.lh-business-item li:nth-child(3){
    margin-right: 0;
}


.lh-business-item li .mask { position: absolute;left:-100%; top: -100%;  background:rgba(0,0,0,0.7); z-index: -1; width: 100%; height: 100%;  }
.lh-business-item li .mask.trans { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; backface-visibility: hidden; }


.lh-business-item li:hover .mask.trans{left:0px;}



.lh-business-item p{
    width: 186px; height: 41px; line-height: 36px; display: block; margin: 0 auto;
    background: url("../img/titles.png") no-repeat center; margin-top: 20px;text-align: center;
    font-size: 24px; color: #fff5e7;
}




.bootm{
    width: 100%;  display: block; text-align: center; background: #000; overflow: hidden;
}
.bootm p{
    line-height: 2; opacity: 0.8; font-size: 14px; color: #fff;
}
.bootm ul{
    width: 1200px;display: block; margin: 0 auto; overflow: hidden; padding-top: 40px; padding-bottom: 40px;
}
.bootm ul li{
        width: 11%; display: block; text-align: center; float: left; border-right: 1px solid #4d4d4d; margin-left: 1%; height: 12px;
    line-height: 12px;
}
.bootm ul li:last-child{
    border-right: 0px solid #fff;
}
.bootm ul li a{
    color: #fff;
}


.boot_s{
    width: 1040px; display: block; overflow: hidden; margin: 0 auto; margin-top: 20px;
    padding-bottom: 30px;
}

.abouts{
    width: 100%; background: url("../img/abouts.png") no-repeat center; background-size: cover; height: auto; margin-top: 80px;
    overflow: hidden;
}




.about_box{
    width: 1260px; display: block; overflow: hidden;margin: 0 auto;
}

.abouts_box{
    position: relative; height: 800px;
     padding-top: 40px;
}
.about_one1{
    width: 1160px; height: 714px; display: block; z-index: 1; overflow: hidden; position: absolute; right: 0;bottom: 0;
}

.about_one2{
    width: 985px; height: 600px;  display: block; z-index: 1; overflow: hidden; position: absolute; left: 0; bottom: 0;
    background: url("../img/about2.png") no-repeat center;
}

.one2_boxs{
    width: 90%; margin: 20px auto; display: block; overflow: hidden;
}

.one2_boxs span{
    display: block; width: 100%; overflow: hidden; color: #fff; margin-top: 20px; font-size: 15px;
}


.about2{
    padding-top: 40px;  height: 670px; position: relative;
}

.about2_bj{
    background: url("../img/zc.png") no-repeat bottom ; width: 100%; height: 621px; position: absolute; top: 40px;
}

.about_title{
    height: 30px; margin: 20px auto; position: relative;width: auto;
    text-align: center; line-height: 30px; font-size: 28px; overflow: hidden;
    display: block;
}
.about_title a{

}
.about_title .s_l{
    height: 30px; background: url("../img/rite.png") no-repeat left;width: 21px;    padding: 15px;

}
.about_title .s_r{
    height: 30px; background: url("../img/lfr.png") no-repeat right;width: 21px;    padding: 15px;

}
.about2_box{
    width: 820px; height: 400px; margin-left: 29%;
    margin-top: 12%;
}

.about2_box p{
    color: #fffdc6; font-size: 20px;
}

.about3{
    padding-bottom: 60px; overflow: hidden; display: block;
}
.about2_box span{
    display: block; width: 100%; overflow: hidden; color: #fff; margin-top: 20px; font-size: 15px;
    line-height: 2;letter-spacing: 1px;
}
.about3 ul{
    display: block;padding-top: 10px; display: block; overflow: hidden;
}
.about3 ul li {
    width: 23.5%; margin-right: 2% ;  float: left; height: auto; display: block;overflow: hidden;
}

.about3 ul li:nth-child(4n){
    margin-right: 0px ;
}




.about3_img{
    height: 204px; display: block;overflow: hidden; position: relative;
    -webkit-transition: all .6s;
    vertical-align: bottom;

}


.about3_img img{
    position: absolute; bottom: 0; right: 0;
}
.about3_img:hover{
    transform: scale(1.03,1.03);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}
.about3_info{
    width: 100%; background: url("../img/jies.png") no-repeat center; height: 108px;background-size: cover;
}

.about3_info p{
    padding: 5%;
}
.about3_info a{
    display: block;font-size: 18px;
}
.about3_info span{
    display: block;font-size: 14px; opacity: 0.8;    display: -webkit-box;padding-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.gd{
    background: url("../img/gd.png") no-repeat center; width: 137px; height: 36px; line-height: 36px; margin: 50px auto;
    text-align: center;display: block; overflow: hidden; font-size: 16px;
}
.gd:hover{
    background: url("../img/gdsss.png") no-repeat center;color: #876524;width: 137px; height: 36px;
    background-size: cover;
}


.win_box{
    width: 1260px; display: block; overflow: hidden;margin: 0 auto;padding-top: 40px;
}
.jinp{
    width: 100%; height: 480px; margin-top: 40px; position: relative;
}

.jinp1{
    width: 100%; height: 36%; position: absolute; bottom: 0; background: rgba(0,0,0,0.3);
}

.jinp1 p{
    background: url("../img/jinp1.png") no-repeat center; width: 389px; height: 32px; line-height: 24px;
    margin: 0 auto; margin-top: 40px; text-align: center; font-size: 28px; color: #fff;
}
.jinp1 span{
    width: 53%; margin: 0 auto; display: block; margin-top: 20px; color: #fff; line-height: 2;
}

.jinp2{
    width: 100%;  margin-top: 40px; display: block; overflow: hidden; padding-bottom: 40px;
}
.jinp2 img{
     display: block; margin: 0 auto;
}

.jinp2 span{
    width: 72%; margin: 0 auto; display: block; margin-top: 20px; color: #000; line-height: 2; text-align: center;
    font-size: 16px; opacity: 0.8;
}

.jinp2 ul{
    display: block; margin-top: 40px; overflow: hidden;
}

.jinp2 ul li{
    width: 49%; margin-right: 2%;  float: left; display: block; margin-bottom: 2%;
}
.jinp2 ul li:nth-child(2n){
    margin-right: 0px;
}

.jinp2 ul li .jinp2_box{
    height: 330px; width: 100%; display: block; overflow: hidden;
}
.jinp2_box p{
    margin-top: 30px; margin-left: 40px; font-size: 26px; color: #fff; display: block; overflow: hidden;
    position: relative; padding-top: 5px; padding-bottom: 10px;

}


.jinp2_box p:before {
    content: "";
    float: left;
    width: 200px;
    border-top: 1px solid #e2e2e2;
    display: block;
    position: absolute;
    top: 0;
}

.jinp2_box p:after {
    content: "";
    float: left;
    width: 120px;
    border-top: 1px solid #e2e2e2;
    display: block;
    position: absolute;
    bottom: 0;
}


.ckgd{
    width: 186px;
    height: 41px;
    line-height: 40px;
    display: block;
    background: url(../img/titles.png) no-repeat center;
    margin-top: 130px;
    margin-left: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff8ed;
    font-weight: 200;
}










.box{
    margin-top: 80px;
}
.news_box{
    width: 1260px; margin: 0 auto;margin-top: 40px; display: block; overflow: hidden;
}

.news1-1 {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
    background: url(../img/nesws.png) no-repeat center;
    background-size: cover;
}
.news1-1 .news_left1 {
    width: 607px;
    height: 414px;
    float: left;
    display: block;
}




.news_rit1{
    float: right; width: 603px; height: 414px;
}


.news_rit1 ul li{
    width: 100%;height: auto;display: block; overflow: hidden; margin-top: 40px; margin-bottom: 25px;
}

.news_rit1 ul li a{
    float: left; width: 76%; display: block; color: #fffdc6; font-size: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}


.news_rit1 ul li a:hover{
    color: #fdf98d;
}

.news_rit1 ul li span{
    float: right;width: 17%; text-align: center; font-size: 14px; color: #fffdc6;overflow: hidden; display: block;

}

.news_rit1 ul li span em{
    font-size: 18px;overflow: hidden;
}

.news_rit1 ul li p{
    width: 85%; color: #ffffff; font-size: 14px;padding-top: 8px; margin-left: 32px;line-height: 1.5;opacity: 0.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.news_rit1 ul li:before {
    content: "";
    float: left;
    width: 22px;
    height: 18px;
    margin: 4px 8px 0 0;
    background:url("../img/px.png") no-repeat center;
    display: block;

}


.news2-2{
    width: 1260px; margin: 20px auto; display: block; overflow: hidden; background: url("../img/news_bj.png") no-repeat center; height: 414px;

}
.news2-2 ul{
    display: block; width: 95%; margin: 0 auto;
}
.news2-2 ul li{
    width: 48%; margin-right: 3%; float: left; margin-top: 30px;
}


.news2-2 ul li:before {
    content: "";
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 8px 0 0;
    background: url(../img/hua.png) no-repeat center;
    display: block;
}

.news2-2 ul li:nth-child(2n){
    margin-right: 0px;
}
.news2-2 .news2_info{
    width: 95%;float: right; border-bottom: 1px solid #d4cbaf; padding-bottom: 10px;
}

.news2-2 .news2_info p{
    font-size: 18px; color: #fff;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.news2-2 .news2_info p:hover{
    color: #fdf98d;
}



.news2-2 .news2_info span{
    display: block;font-size: 14px; color: #fff; margin-top: 10px;
}





.news3-3{
    width: 1260px; margin: 20px auto; display: block; overflow: hidden; height: auto;

}
.news3-3 ul{
    display: block; width: 100%; margin: 0 auto;
}
.news3-3 ul li{
    width: 18.4%; margin-right: 2%; float: left; margin-top: 30px; height: 304px;
    position: relative;
}

.news3-3 ul li:last-child{
    margin-right: 0px;
}

.news3-3 .news3_info{
    width: 100%; height: 304px; display: block;

}
.news3-3 .news3_info img{
    -webkit-transition: all .6s;
    vertical-align: bottom;
}

.news3-3 .news3_info:hover .news3-3 .news3_info img{
    transform: scale(1.03,1.03);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}


.news3-3 .news3_info p{
    display: block; position: absolute; bottom: 0; height: 82px; padding: 18px 10px 10px 10px; text-align: center;
    background: rgba(0,0,0,0.3);

}
.news3-3 .news3_info p span{
    font-size: 16px; color: #fff; line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;

}




.news_list{
    width: 1260px; margin: 0 auto; display: block;overflow: hidden; padding-bottom: 40px;
}
.news_list ul{
    display: block; padding-top: 40px;overflow: hidden;
}
.news_list ul li{
    width: 100%; font-size: 16px; color: #474747; height: 80px; line-height: 80px; border-top: 1px solid #e5e5e5;
}
.news_list ul li:last-child{
    border-bottom: 1px solid #e5e5e5;
}

.news_list ul li a{
     display: block; float: left; width: 60%; margin-left: 10px;
 }



.news_list ul li span{
    display: block; float: right; width: 25%; text-align: right; font-size: 14px; color: #707070;
}

.news_list ul li:before {
    content: "";
    float: left;
    width: 22px;
    height: 18px;
    margin: 31px 8px 0 0;
    background: url(../img/px.png) no-repeat center;
    display: block;
}




.us{
    width: 1260px; background: url(" ../img/us_bj.png") no-repeat center; height: 420px; margin: 40px auto;padding: 1.1%;
}

.us img{
    width: 731px; display: block; float: left;
}

.us .us1_rit{
    width: 470px; float: left; height: 400px; margin-top: 10px; display: block; overflow: hidden;
    margin-left: 30px;
}
.us .us1_rit .us_title{
    background: url("../img/us_title.png") no-repeat center; width: 183px; height: 30px; line-height: 30px;
    text-align: center; font-size: 28px; color: #fff; margin-top: 20px;
}


.us .us1_rit ul li{
    width: 100%; display: block; overflow: hidden; height: 80px; border-bottom: 1px solid #d4cbaf;
    margin-top: 25px;
}
.us .us1_rit ul li p{
    font-size: 18px; color: #fff; margin-top: 6px;
}
.us .us1_rit ul li span{
    font-size: 18px; color: #fff; margin-top: 3px; opacity: 0.8; display: block;
}

.us .us1_rit ul li:last-child{
    border-bottom: 0px solid #d4cbaf;
}

.us .us1_rit ul .uss1:before {
    content: "";
    float: left;
    width: 65px;
    height: 65px;
    margin: 0px 8px 0 0;
    background: url(../img/us_tel.png) no-repeat center;
    display: block;
}

.us .us1_rit ul .uss2:before {
    content: "";
    float: left;
    width: 65px;
    height: 65px;
    margin: 0px 8px 0 0;
    background: url(../img/us_eml.png) no-repeat center;
    display: block;
}



.us .us1_rit ul .uss3:before {
    content: "";
    float: left;
    width: 65px;
    height: 65px;
    margin: 0px 8px 0 0;
    background: url(../img/us_addr.png) no-repeat center;
    display: block;
}



.us2{
    width: 100%; display: block;overflow: hidden; position: relative;
}

.us2_1{
    width: 100%; background: url("../img/us1.png") no-repeat right; height: 1164px;
}

.us2_2{
    width: 100%; background: url("../img/us2.png") no-repeat left bottom; height: 1164px; overflow: hidden; display: block;
}



.us2_t{
    margin-top: 160px; overflow: hidden; margin-left: 60px; width: 100%;display: block;
}
.us2_2 .us2_t .us_title{
    background: url("../img/us_title.png") no-repeat center; width: 183px; height: 30px; line-height: 30px;
    text-align: center; font-size: 28px; color: #fff; overflow: hidden;
    float: left;
}

.us2_2 .us2_t span{
     font-size: 20px; color: #fff; opacity: 0.8; margin-left: 20px; height: 30px; line-height: 30px; display: block;
    float: left;
}


.us2_2 .us2_info{
    background: url("../img/us3.png") no-repeat left; height: 860px; width: 70%;  margin-top: 75px;
    display: block; overflow: hidden;
}


.us2_2 .us2_info a{
    font-size: 15px; color: #fff;  margin-left: 7%; display: block;
}




.us3{
    width: 100%; display: block;overflow: hidden; position: relative;
    height: auto; margin-top: 40px; padding-bottom: 80px;
}
.us3 .us3_bj{
    background: url("../img/massg.png") no-repeat center; height: 471px; margin-top: 40px; display: block; overflow: hidden;
}



.massg_rit{
    width: 45%; margin-left: 5%; margin-top: 5%;
}


.massg_rit .store_title_en{
    width:100% ;color: #dfb462; font-size: 32px; font-weight: bold; padding-top: 50px;
}

.massg_rit .store_title{
    width:100% ; color: #dfb462; font-size: 28px;
}

.massg_rit input{
     line-height: 47px;  margin-top:20px; padding-left: 5%;
    font-size: 18px; background: url("../img/input.png") no-repeat center; width: 517px; height: 47px; color: #fff;
}

.massg_rit textarea {
    font-size: 18px;
    color: #fff;
    margin-top: 3%;
    padding-left: 5%;
    padding-top: 2%;
    background: url("../img/textarea.png") no-repeat center; width: 518px; height: 143px;
}

.massg_rit button {
    width: 186px;
    height: 41px;
    line-height: 40px;
    display: block;
    background: url(../img/titles.png) no-repeat center;
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff8ed;
    font-weight: 200;
    border: 0;

    -webkit-transition: all .6s;
    vertical-align: bottom;
}
/*.massg_rit button:hover{*/
    /*transform: scale(1.03,1.03);*/
    /*-webkit-filter: brightness(100%); !*考虑浏览器兼容性：兼容 Chrome, Safari, Opera *!*/
    /*filter: brightness(100%);*/
/*}*/



.mySwiper1 {
    width: 100%;
    height: 480px;
    margin-top: 40px;
}

.mySwiper1 .swiper-slide {
    text-align: center;
    height: 100%;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.mySwiper1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper-pagination1{
    margin: 20px auto; position: inherit;
}
.swiper-pagination1 .swiper-pagination-bullet{
    background: url("../img/mor.png") no-repeat center; width: 50px; height: 33px;opacity: 1;
}

.swiper-pagination1 .swiper-pagination-bullet-active{
    background: url("../img/dj.png") no-repeat center; width: 50px; height: 33px;
}



.mt-tabpage {
    width: 1260px;
    margin: 40px auto;
}
.mt-tabpage-title {
    height: 44px;
    font-size: 0;
    width: max-content;
    margin: auto;
}
.mt-tabpage-title .mt-tabpage-item {
    display: inline-block;
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #666;
    font-size: 20px;
    background: url("../img/pxs1.png") no-repeat left;
}
.mt-tabpage-title .mt-tabpage-item:hover{
    background: url("../img/pxs.png") no-repeat left;
}
.mt-tabpage-title .mt-tabpage-item-cur {
    color: #000;
    font-size: 20px;
    background: url("../img/pxs.png") no-repeat left;
}
.mt-tabpage-count {
    position: relative;
    width: 1260px;
    height: 1000px;
    overflow: hidden;
    margin: 10px auto;
}




.mt-tabpage-cont__wrap {
    position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
    width: 1260px;
    height: 413px;
    text-align: center;
}

.mt-tabpage-count .mt-tabpage-item ul{
    display: block;  overflow: hidden;
}

.mt-tabpage-count .mt-tabpage-item ul li{
    width: 32.45%; float: left; margin-right: 1.3%;    margin-top: 20px;

}

.mt-tabpage-count .mt-tabpage-item ul li img{
    height: 270px;
}

.mt-tabpage-count .mt-tabpage-items ul li{
    width: 32.46%; float: left; margin-right: 1.3%;    margin-top: 20px;
    background: #fff;

}

.mt-tabpage-counts .mt-tabpage-items ul li:nth-child(3n){
    margin-right: 0px;
}

.mt-tabpage-counts .mt-tabpage-item ul li img{
    height: 300px;
}

.mt-tabpage-count1 .mt-tabpage-item ul li:nth-child(3n){
    margin-right: 0px;
}


.about3_infos{
    width: 100%; background: url("../img/jies.png") no-repeat center; height: 145px;background-size: cover;
}

.about3_infoss{
    width: 100%; background: #fff; height: 60px;
}
.about3_infoss p{
    height: 60px; line-height: 60px; font-size: 18px;
}

.about3_infos p {
    padding: 5%;
}
.about3_infos p em{
    text-align: left;
     font-size: 16px;
    display: -webkit-box;
    padding-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.about3_infos p span{
    display: block; text-align: left; font-size: 14px; margin-top: 15px;opacity: 0.7;
}
.about3_infos i{
    padding: 2% 3% 2% 3%; background: #9d3938; border-radius: 5px; color: #fff; margin-left: 2%;
}

.zl{
    width: 100%; display: block; overflow: hidden; background: #fff;height: 500px; position: relative;
}
.zl_title1{
    background: url("../img/zl1.png") no-repeat center; width: 1146px; height: 77px; margin: 30px auto;
}

.mySwiper2 {
    width: 1146px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.mySwiper2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: url("../img/zl_bj1.png") no-repeat center;
    background-size: cover;
   height: 314px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.mySwiper2 .swiper-slide:hover{
    background: url("../img/zl_bj2.png") no-repeat center;
    background-size: cover;
}

/*.mySwiper2 .swiper-slide-active{*/
    /*background: url("../img/zl_bj2.png") no-repeat center;*/
    /*background-size: cover;*/
/*}*/

.mySwiper2 .swiper-slide p{
    writing-mode:vertical-lr; position: absolute;
    left: 27px; color: #8f6e43; font-size: 18px; letter-spacing: 3px;font-family: 思源宋体;
    top: 36px;
}


.mySwiper2 .swiper-slide img {
    display: block;
    /*width: 100%;*/
    /*height: 100%;*/
    object-fit: cover;
    margin-top: 95px;
    max-width: 136px;
}


.zl .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 60%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.zl .swiper-button-next{
    background: url("../img/zl_rit.png"); height: 49px; width: 37px;
}

.zl .swiper-button-prev{
    background: url("../img/zl_left.png"); height: 49px; width: 37px;
}



.zl1{
    width: 100%; display: block; overflow: hidden; height: auto; position: relative;margin-top: 20px;
}

.zl_title2{
    background: url("../img/zl2.png") no-repeat center; width: 1260px; height: 77px; margin: 30px auto;
}

.zl_box1{
    width: 100%; height: 450px;

}
.zl_box1 a .imsss{
    -webkit-transition: all .6s;
    vertical-align: bottom;
}

.zl_box1 a:hover .imsss{
    transform: scale(1.02,1.02);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}


.zl_rit{
    float: right;height: 450px; width: 626px; overflow: hidden; display: block; position: relative;
}



.zl_rits{
    background: url("../img/zl_rits.png") no-repeat center; width: 100%; height: 220px; font-size: 14px; color: #fff;
    padding: 7%; line-height: 2;
}

.zl_rit ul{
    width: 100%; height: 221px; display: block; overflow: hidden; position: absolute;bottom: 0;
}

.zl_rit ul li{
    width: 49%; float: left; margin-right: 2%; display: block; height: 100%;position: relative;


}

.zl_rit ul li .imsss{

    -webkit-transition: all .6s;
    vertical-align: bottom;
}

.zl_rit ul li:hover .imsss{
    transform: scale(1.02,1.02);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}

.zl_rit ul li:last-child{
    margin-right: 0px;
}


.zl_titles{
    width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size: 18px;
    position: absolute; bottom: 0;
}


.zl_box2{
    width: 100%; height: 220px;
}
.zl_box2 ul li {
    width: 24.4%; float: left; margin-right: 10px; display: block; height: 220px;position: relative;margin-top: 10px;

    -webkit-transition: all .6s;
    vertical-align: bottom;
}
.zl_box2 ul li .imsss{

    -webkit-transition: all .6s;
    vertical-align: bottom;
}

.zl_box2 ul li:hover .imsss{
    transform: scale(1.02,1.02);
    -webkit-filter: brightness(100%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
    filter: brightness(100%);
}

.zl_box2 ul li:nth-child(4n){
    margin-right: 0px;
}



.sj{
    background: url("../img/sj.png") no-repeat center; width: 1260px; height: 1223px; margin: 0 auto; display: block;overflow: hidden;
    position: relative;
}

.sj1{
    width: 90%; margin: 50px auto; display: block; overflow: hidden;
}

.sj1_img{
    width: 529px; height: 529px; display: block; float: left; border-radius: 50%;
}

.sj1_rit{
    float: right; width: 540px; margin-top: 50px;
}
.sj1_rit p{
    font-size: 16px; line-height: 1.5; opacity: 0.8;
}

.gds {
    background: url(../img/gd.png) no-repeat center;
    width: 137px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-top: 50px;
    display: block;
    overflow: hidden;
    font-size: 16px;
}

.gds:hover{
    background: url("../img/gdsss.png") no-repeat center;color: #876524;width: 137px; height: 36px;
    background-size: cover;
}

.sj3{
    position: absolute; bottom: 70px; right: 0;
}



.fy{
    width: 1260px; height: 450px; margin: 40px auto; display: block;overflow: hidden;
    position: relative;
}

.fy1{
    background: url("../img/fy.png") no-repeat center; width: 399px; height: 450px;float: left;
    padding: 3%;
}




.fy1 .fy1_title {
    background: url(../img/us_title.png) no-repeat center;
    width: 183px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-top: 20px;
}

.fy1 span{
    font-size: 14px; color: #fff; line-height: 2; margin-top: 20px;
    display: -webkit-box;
    padding-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    word-break: break-all;
}

.gdss {
    background: url(../img/gds.png) no-repeat center; color: #fff;
    width: 137px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    font-size: 16px;
}

.gdss:hover{
    background: url("../img/gdssss.png") no-repeat center;color: #876524;

}


.page{
    text-align: center; margin: 30px auto; margin-bottom: 100px; width: 80%;
}
.page>div{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.page span,.page a{width: 30px;height: 30px;line-height: 30px;text-align: center;background: transparent;box-sizing: border-box;border: 1px solid #d0d0d0;margin-right: 7px;color: #757575;transition: all 0.3s;margin-bottom: 7px;}
.page .prev,.page .next{width: auto;padding: 0 15px;}
.page span{background-color: #ad822f;border: 1px solid  #ad822f;color: #fff;}
.page a:hover{background-color: #ad822f;border: 1px solid  #ad822f;color: #fff;}
.page span:hover{cursor: not-allowed;}


.path { height: 45px; line-height: 45px; padding-bottom: 39px; background: #f6f6f6; color: #555; }
.path_con {margin: 0 auto;width:1200px; overflow:hidden; font-size:14px;}
.path_con span {float: left;}
.path_con  i{ display:block; float:left}
.path_con  i a { color: #555; }
.con_cont{ width:100%; height:auto; overflow:hidden; background-color:#f4f4f4;}
.con_bg{ width:80%; height:auto; overflow:hidden; margin:40px auto 40px;}
.n_con_w {
    line-height: 28px;
    font-size: 14px;
    color: #666;
    padding: 0px 0px 20px;
    min-height: 300px;
}

.n_con_w img{
    /*max-width: 988px;*/
    width: 100%;
}

.view_page_left{ width:50%; float:left; overflow:hidden; text-align:left}
.view_page_left a{ color:#333}
.view_page_left a:hover{ color:#dfb462}
.view_page_right{ width:50%; float:right; overflow:hidden; text-align:right}
.view_page_right a{ color:#333}
.view_page_right a:hover{ color:#dfb462}

















    /* 公司介绍 */






.boot{
    width: 90%;padding-top: 60px; padding-bottom: 40px; display: block;overflow: hidden; margin: 0 auto;
}
.boot_box1,.boot_box2,.boot_box3{
    float: left;
}
.boot_box1{
    width: 45%;
}
.boot .title{
    font-size: 18px;font-weight: bold;
}

.boot .title i {
    font-size: 18px;
    display: block;
    margin-top: 2%;
    opacity: 0.9;
    width: 20px;
    border-bottom: 3px solid #dfb462;
}

.boot_box1 span{
    width: 80%; display: block; margin-top: 20px; opacity: 0.8; font-size: 14px; line-height: 2;
}


.boot_box2{
    width: 35%;
}
.boot_box2 span{
    width: 80%; display: block; margin-top: 20px; opacity: 0.8; font-size: 14px; line-height: 2;
}

.boot_box3{
    width: 20%; float: right;
}
.boot_box3 ul li {
    width: 33.3%; display: block; margin-top: 20px; opacity: 0.8; font-size: 14px; line-height: 2; float: left;
}

.link{
    width: 90%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea; display: block; overflow: hidden;
}
.link .title{
    font-size: 18px;font-weight: bold; text-align: left; float: left; display: block;
}
.link .title i {
    font-size: 18px;
    display: block;
    margin-top: 10px;
    opacity: 0.9;
    width: 20px;
    border-bottom: 3px solid #dfb462;
}
.link ul{
    float: left; margin-left: 30px;
}
.link ul li{
    display: block; float: left; margin-left: 40px; opacity: 0.8; margin-top: 4px;
}





.proin{
    width: 100%;margin: 0 auto; display: block;overflow: hidden;
}
.proin ul li{
    width: 24.25%; margin-right: 1%; height: auto; float: left;background: #d9d9d9; margin-top: 20px;
}
.proin ul li:nth-child(4),.proin ul li:nth-child(8),.proin ul li:nth-child(12){
    margin-right: 0%;
}
.proin ul li a{
    width: 100%;   display: block;
}
.proin ul li p{
    width: 100%; height: 40px;line-height: 40px; background: #fff; text-align: center;
}
.proin ul li img{
    width: 100%;
}



.cpp{
    width: 100%;display: block; margin: 0 auto; overflow: hidden;background: url("../img/cpbj.png") no-repeat  ;padding-bottom: 80px;
    background-position-x: 20%; background-position-y: 80%;
}
.cpp_box{
    width: 80%; margin: 80px auto;
}



.cpp_box .store_title_en{
    width:100% ;color: #dfb462; font-size: 32px; font-weight: bold;
}

.cpp_box .store_title{
    width:100% ; color: #dfb462; font-size: 28px;
}

.cpp_box .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    background: #dfb462;
    margin-top: 5px;
}


.cpp_cent{
    float: left;width: 25%; margin-top: 10px; line-height: 3; font-size: 16px;
}

.cpys{
    width: 100%;display: block; margin: 0 auto; overflow: hidden; padding-bottom: 80px;padding-top: 80px;
}

.cpys .store_title_en{
    width:100% ; text-align: center;color: #dfb462; font-size: 32px; font-weight: bold;
}

.cpys .store_title{
    width:100% ; text-align: center;color: #dfb462; font-size: 28px;
}

.cpys .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: center;
    background: #dfb462;
    margin: 5px auto;
}





.wenh{
    width: 100%; display: block; overflow: hidden;
}
.wenh ul li{
    width: 50%;
}

.wenh_box{
    width: 100%;display: block; overflow: hidden;
}

.wenh_box img{
    width: 50%; float: left;
}
.wenh_box:nth-child(2n) img{
    float: right;
}
.wenh_box .wenh_rit{
    width: 50%; float: left;
}

.wenh_box .wenh_rit p{
    padding-left: 20%;
    padding-top: 15%;
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.wenh_box .wenh_rit span{
    display: block;
    /*padding-left: 20%;*/
    padding-top: 3%;
    font-size: 16px;
    padding-left: 20%;
    line-height: 2;
    padding-right: 40px;

}
/*.wenh_box .wenh_rit p:before {*/
/*content: "";*/
/*float: left;*/
/*width: 8px;*/
/*height: 8px;*/
/*margin: 12px 20px 0 0;*/
/*background-color: #000;*/
/*display: block;*/
/*border-radius: 50%;*/
/*}*/

.wenxx{
    padding-top: 2%; width: 85%; margin: 0 auto;
}



.distribution{
    width: 80%; margin: 20px auto; display: block;
}

.distribution a{
    float: left; width: 25%; border-bottom: 1px solid #e4e2e3; padding-top: 20px; padding-bottom: 40px;

}
.distribution a p{
    font-size: 16px; font-weight: bold;
}
.distribution a span{
    display: block; margin-top: 10px;
}



.show{
    width: 80%; margin: 20px auto; display: block;

}

.show_img{
    width: 31.33%; margin-right: 3%; float: left; margin-top: 3%; position: relative;
}
.show_img p{
    width: 100%; text-align: center; position: absolute; bottom: 10px; color: #fff;
}

.show_img:nth-child(3n){
    margin-right: 0%;
}
.one_rit {
    float: right; width: 48%; overflow: hidden;
}

.one_rit .store_title_en{
    width:100% ;color: #dfb462; font-size: 32px; font-weight: bold;
}

.one_rit .store_title{
    width:100% ; color: #dfb462; font-size: 28px;
}

.one_rit .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    background: #dfb462;
    margin-top: 5px;
}

.one_rit .content{
    margin-top: 30px;line-height: 3;opacity: 0.9; font-size: 16px;
}

.two_rit {
    float: right; width: 48%; overflow: hidden; padding-bottom: 5%;
}



.two_let p{
    font-size: 24px;color: #1044ba; height: 60px; line-height: 60px; border-bottom: 1px solid #eaeaea;
    padding-left: 10px;
}

.two_let p span{
    font-size: 16px;color: #000;margin-left: 50px;
}

.two_let .hor:hover{
    background: #1044ba; color: #fff;
}

.two_let .hor:hover span{
    color: #fff;
}


.two_let .na_on{
    background: #1044ba; color: #fff;
}

.two_let .na_on span{
    color: #fff;
}




.stre .store_title_en{
    width:100% ; text-align: center;color: #dfb462; font-size: 32px; font-weight: bold;
}

.stre .store_title{
    width:100% ; text-align: center;color: #dfb462; font-size: 28px;
}

.stre .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: center;
    background: #dfb462;
    margin: 5px auto;
}


.stre ul li{
    float: left;width: 25%; text-align: center;
}

.stre ul li img{
    width: 25%; margin-top: 13%;
}
.stre ul li p{
    width: 100%; text-align: center; font-size: 18px;font-weight: 600; margin-top: 2%;
}
.stre ul li span{
    width: 75%;margin: 2% auto;opacity: 0.7; font-size: 14px; line-height: 1.5; height: 82px;

}



.stre .swiper {
    width: 100%;
    height: 100%;
}

.stre .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}




.stre .swiper {
    width: 100%;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.stre .swiper .swiper-slide {
    background-size: cover;
    background: none;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.stre .mySwiper2 {
    width: 70%;overflow: hidden;margin-left: 0;
}

.mySwiper22 {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper22 .swiper-slide {
    width: 25%;
    height: 100%;
}

.stre .mySwiper22 .swiper-slide-thumb-active {
    opacity: 1;
    color: #dfb462;
}

.stre .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.stre .mySwiper2 .swiper-slide{
    color: #fff;
    width: 95%;
    font-weight: 200;
    font-size: 14px;
    text-align: left;
    line-height: 2;
    opacity: 0.8;
}

.stre{
    /*position: relative;*/
}


.for_left{
    width: 70%;float: left;border-right: 1px solid #444546;
}

.for_left .store_title_en{
    width:100% ; text-align: left;color: #dfb462; font-size: 24px; font-weight: bold;
}

.for_left .store_title{
    width:100% ; text-align: left;color: #dfb462; font-size: 22px;
}

.for_left ul {
    display: block; margin-top: 25px;
}

.for_left ul li{
    width: 33.3%;float: left; margin-bottom: 20px;
}

.for_left ul li p{
    height: 25px;line-height: 25px; color: #fff; font-size: 18px; font-weight: bold;float: left; display: block;width: 100%;
}

.for_left ul li p i{
    display: block; height: 20px; font-weight: 200; width: 20px;border: 1px solid #ddddde;
    border-radius: 50%; text-align: center; float: left; line-height: 20px; margin-right: 10px;
    font-size: 14px; margin-top: 2.6px; opacity: 0.8;
}


.for_left ul li span{
    display: block;width: 80%; color: #fff; opacity: 0.8; font-size: 14px; margin-top: 40px;
    line-height: 1.5;
}


.for_rit{
    width: 25%;float: right;
}

.for_rit .store_title_en{
    width:100% ; text-align: left;color: #dfb462; font-size: 24px; font-weight: bold;
}

.for_rit .store_title{
    width:100% ; text-align: left;color: #dfb462; font-size: 22px;
}


.feedback1{
    background: url("../img/rit.png") no-repeat center #dfb462;
    padding: 30px 20px 35px 20px; width: 80%; display: block; background-position-x: 90%;
    max-width: 280px;
    overflow: hidden;
    margin-top: 20px;
}
.feedback1 p{
    color: #fff;font-size: 24px; float: left;width: 100%;margin-bottom: 5px;
}
.feedback1 p span{
    color: #fff;font-size: 22px; opacity: 0.5; margin-left: 5px;
}
.feedback1 i{
    font-size: 14px;   color: #fff; opacity: 0.7;  display: block;
}


.feedback2{
    background: url("../img/rit.png") no-repeat center #fff;
    padding: 30px 20px 35px 20px; width: 80%; display: block; background-position-x: 90%;
    max-width: 280px;
    overflow: hidden;
    margin-top: 20px;
}
.feedback2 p{
    color: #000;font-size: 24px; float: left;width: 100%;margin-bottom: 5px;
}
.feedback2 p span{
    color: #000;font-size: 22px; opacity: 0.5; margin-left: 5px;
}
.feedback2 i{
    font-size: 14px;   color: #000; opacity: 0.7;  display: block;
}



.uss{
  width: 100%; height: auto; display: block;overflow: hidden; position: relative;
}
.uss_box{
    height: 240px; position: absolute; bottom: 0;background: rgba(255,255,255,0.5);width: 100%;
    box-shadow: 0px -6px 20px rgb(0 0 0 / 10%);
}
.uss_box ul{
    width: 80%; display: block; margin: 0 auto;
}
.uss_box ul li{
    width: 25%;display: block; text-align: center; float: left;
}
.uss_box ul li img{
    margin-top: 40px;
}
.uss_box ul li p{
    font-size: 16px; opacity: 0.5; margin-top: 5px;
}

.uss_box ul li span{
    font-size: 13px; opacity: 0.9; margin-top: 5px; display: block;
}


.massg{
    width: 100%; height: auto; display: block;overflow: hidden;
}
.massg_left{
    width: 50%; float: left;
}

.brand_1{
    width: 80%;display: block; overflow: hidden; margin: 40px auto;
}


.brand_1 .store_title_en{
    width:100% ; text-align: center;color: #dfb462; font-size: 32px; font-weight: bold;
}

.brand_1 .store_title{
    width:100% ; text-align: center;color: #dfb462; font-size: 28px;
}


.brand_1 img{
    width: 100%; margin:40px auto;
}
.brand_1 .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: center;
    background: #dfb462;
    margin: 5px auto;
}


.brand_2 .store_title_en{
    width:100% ; text-align: center;color: #dfb462; font-size: 32px; font-weight: bold;
}

.brand_2 .store_title{
    width:100% ; text-align: center;color: #dfb462; font-size: 28px;
}
.brand_2{
    width: 100%;display: block; overflow: hidden; margin: 40px auto;
    background: #f5f5f5; padding-top: 60px;padding-bottom: 60px;
}


.brand_2 .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: center;
    background: #dfb462;
    margin: 5px auto;
}

.brand_2 ul{
    display: block; width: 80%; margin: 40px auto;
}


.brand_2 ul li{
    float: left; width: 31.3% ; margin-right: 2%; margin-top: 2%;
}
.brand_2 ul li img{
    width: 100%;
}
.brand_2 ul li:nth-child(3n){
    margin-right: 0%;
}




.brand_3 .store_title_en{
    width:100% ; text-align: left;color: #dfb462; font-size: 32px; font-weight: bold;
}

.brand_3 .store_title{
    width:100% ; text-align: left;color: #dfb462; font-size: 28px;
}
.brand_3{
    width: 80%;display: block; overflow: hidden; margin: 40px auto;
    padding-top: 60px;padding-bottom: 60px;
}

.br_left {
    float: left; width: 50%;
}
.br_rit {
    float: left; width: 50%;
}
.brand_3 .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: left;
    background: #dfb462;
    margin-top: 5px;
}



.tab{  margin:0 auto 50px; float: right;}
.tab-hd {  overflow:hidden; zoom:1;}
.tab-hd li{ float:left;font-size: 18px; width:100px; color:#000; text-align:center; cursor:pointer;}
.tab-hd li.active{color: #dfb462;font-weight: bold}


.tab-hd .active i {
    color: #dfb462;
    font-size: 18px;
    display: block;
    margin-top: 2%;
    opacity: 0.9;
    width: 30%;
    border-bottom: 3px solid #dfb462;
    margin-left: 25%;
}

.tab-bd{
    width: 100%; display: block; overflow: hidden; margin: 50px auto; padding-top: 50px;
}
.tab-bd li{display:none;  font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}

.tab-bd li{
    width: 100%;
}
.tab-bd li .show_imgs {
    width: 48%; margin-right: 2%; float: left; position: relative;
    display: block; overflow: hidden;margin-top: 2%;
}
.tab-bd li .show_imgs img{
    width: 100%;
}

.tab-bd li .show_imgs p{
    position: absolute; bottom: 0; height: 40px; line-height: 40px; text-align: center;
    font-size: 14px; width: 100%; color: #fff;
}

.tab-bd li .show_imgs:nth-child(2n){
    margin-right: 0;
}

.clamp1{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}


.clamp2{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.clamp3{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}

.clamp4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-break: break-all;
}









.footer-bottm{width: 100%;background-color: #9f1d21;color: #fff;height: auto;overflow: hidden;padding: 55px 0px 35px;}
.footer-con{width: 1250px;margin: 0px auto;overflow: hidden;}
.footer-con .fot_lef{width: 265px;float: left;overflow: hidden;margin-top: 10px;}
.footer-con .fot_lef p.p1{font-size: 14px;margin-bottom: 6px;}
.footer-con .fot_lef p.p2{font-size: 18px;font-family: Arial;margin-bottom: 5px;}
.footer-con .fot_lef p.p2 i{font-size: 14px;padding-left: 12px;}
.footer-con .fot_cen{width: 670px;float: left;overflow: hidden;margin-left: 60px;font-size: 14px;color: #fff;margin-top: 20px;}
.footer-con .fot_cen p.p1{margin-bottom: 20px;overflow: hidden;}
.footer-con .fot_cen p.p1 a{display: inline-block; color: #fff;padding: 0px 8px;}
.footer-con .fot_cen a{color: #fff;}
.footer-con .fot_rig{width: 124px;float: right;overflow: hidden;}
.footer-con .fot_rig .pic{width: 124px;height: 124px;margin-bottom: 8px;}
.footer-con .fot_rig .pic img{width: 100%;float: left;}
.footer-con .fot_rig p{text-align: center;font-size: 14px;color: #fff;}



/* 寄语 */
.jy_box{padding: 85px 0px 120px;overflow: hidden;position: relative;}
.jy_box .coin_1{width: 150px;height: 121px;position: absolute;left: 138px;top:45%;}
.jy_box .coin_2{width: 677px;height: 630px;position: absolute;right:17%;bottom:150px;z-index: -1;}
.jy_box .con{width: 1250px;height: auto;overflow: hidden;margin: 0px auto;padding-bottom: 30px}
.jy_box .con .contop{width: 100%;height: auto;overflow: hidden;}
.jy_box .con .contopleft{width: 485px;float: left;overflow: hidden;position: relative;}
.jy_box .con .contopleft .txt{padding: 28px 35px;overflow: hidden;font-size: 16px;color: #666;line-height: 40px;text-indent: 2em;}
.jy_box .con .contopleft .txt i{color: #b72024;}
.jy_box .con .contopleft.qibg{background-color: #b72024;}
.jy_box .con .contopleft.qibg .tt{width: 100%;height:45px;text-align: left;margin: 40px 35px 0px;box-sizing: border-box;}
.jy_box .con .contopleft .coin_3{width: 53px;height: 53px;position: absolute;right: 50px;top: 30px;}
.jy_box .con .contopleft.qibg .txt{color: #fff;padding: 28px 28px !important;}
.jy_box .con .contopleft.qibg .txt p.p1{line-height: 40px;}
.jy_box .con .contoprig{width: 765px;float: right;overflow: hidden;z-index: 10;}
/* 领导字体 */
.ldfont_bg{width: 100%;height: auto;overflow: hidden;padding: 90px 0px;background: url(../img/bg2.jpg)repeat;}
.ldfont_con{width: 1250px;height: auto;overflow: hidden;margin: 0px auto;}
.ldfont_conleftpic{width:508px;height: 365px;float: left;overflow: hidden;}
.ldfont_conleftpic img{width: 100%;}
.ldfont_conrigpic{width: 520px;height: 369px;float: right;overflow: hidden;}
.ldfont_conrigpic img{width: 100%;}
/* 产品广告图 */
.pro_ad{width: 100%;height: auto;overflow: hidden;text-align: center;}
.pro_ad a img{width: 100%;float: left;}
/* 产品展示 */
.pro_bgc{width: 100%;height: auto;overflow: hidden;margin: 0px auto;background: url(../img/bg1.jpg)no-repeat top center #fefefe;padding: 95px 0px;background-size: 100%;}
/* .c_249{ float:left; width:249px; height:545px; margin:0 1px 0 0; padding:30px 0 30px 0; cursor:pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.c_249 .m_160{ margin:0 auto; width:100%;}
.c_249 .m_160 .a_160{ float:left; width:100%; height:465px; display:block; overflow:hidden;text-align: center;}
.c_249 .m_160 .a_160 img{display:inline-block;height:465px;}
.c_249 .tit_hero{ float:left; width:199px; padding:22px 25px 0 25px; line-height:28px; text-align:center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.c_249 .tit_hero a{ color:#333333; font-size:18px; font-weight:bold;}
.c_249:hover .tit_hero a{ color:#b72024;}
.c_249 .sulotion_hero{ float:left; width:100%; padding:8px 15px 15px; line-height:18px; background:url(../img/main_img4.jpg) bottom center no-repeat; text-align:center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;font-size: 18px;color: #333; font-weight: bold; box-sizing: border-box;}
.c_249:hover .sulotion_hero{background:url(../img/main_img4_h.jpg) bottom center no-repeat;}
.c_249 .sulotion_hero a{ color:#666666;}
.c_249:hover .sulotion_hero a{ color:#b72024;}
.c_249 .text_hero{ float:left; width:100%; padding:10px 15px 0px; color:#878787; line-height:24px; overflow:hidden;font-size: 14px;box-sizing: border-box;}
.c_249:hover .text_hero{ color:#b72024;}
.c_249 .text_hero span.span1{display: inline-block;float: left;}
.c_249 .text_hero span.span2{display: inline-block;float: right;} */

.c_249{ float:left; width:249px; height:570px; margin:0 1px 0 0;cursor:pointer;border-right: 1px solid #e9e9e9;box-sizing: border-box;}
.c_249 .m_160{ margin:0 auto; width:100%;}
.c_249 .m_160 .a_160{ float:left; width:100%; height:465px; display:block; overflow:hidden;text-align: center;}
.c_249 .m_160 .a_160 img{display:inline-block;height:465px;}
.c_249 .tit_hero{ float:left; width:199px; padding:22px 25px 0 25px; line-height:28px; text-align:center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.c_249 .tit_hero a{ color:#333333; font-size:18px; font-weight:bold;}
.c_249:hover .tit_hero a{ color:#b72024;}
.c_249 .sulotion_hero{ float:left; width:100%; padding:8px 15px 15px; line-height:18px;  text-align:center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;font-size: 18px;color: #333; font-weight: bold; box-sizing: border-box;}
.c_249:hover .sulotion_hero{background:url(../img/main_img4_h.jpg) bottom center no-repeat;}
.c_249 .sulotion_hero a{ color:#666666;}
.c_249:hover .sulotion_hero a{ color:#b72024;}
.c_249 .text_hero{ float:left; width:100%; padding:10px 15px 0px; color:#878787; line-height:24px; overflow:hidden;font-size: 14px;box-sizing: border-box;}
.c_249:hover .text_hero{ color:#b72024;}
.c_249 .text_hero p{line-height: 25px;}
.c_249 .text_hero span.span1{display: inline-block;float: left;}
.c_249 .text_hero span.span2{display: inline-block;float: right;}


/* .c_249:hover{background: #b72024;} */
.PZ_WL_scrollPic {width:1300px;height:595px; margin:0 auto; position:relative;}
#PZ_WL_sp_box{height:595px; position:absolute; left:50%; margin-left:-960px; top:0px;}
#index_b_hero .prev {height:53px; width:53px; position: absolute; top: 50%; margin-top: -25px; left:0; margin-left: -82px; background:url(../img/slider-arrow1.png)  top left no-repeat; z-index: 3;  }
#index_b_hero .next { height:53px; width:53px; margin: -25px -82px 0 0 ; right: 0; position: absolute; top: 50%;background:url(../img/slider-arrow1.png) no-repeat top; background-position:-70px 0; z-index: 3;  }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {z-index:1; position: absolute; top: 0; left: 0; width: 1000px; height:595px; overflow: hidden; left: 2000px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 1; left: -1000px; filter: alpha(Opacity=70); opacity: .7; background: #f2f2f2; overflow: hidden; }
#index_b_hero .mask-right { left: 1000px; }
/* 招商加盟 */
.join_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg3.jpg)no-repeat top center #ededed;background-size: 100%;padding: 95px 0px 60px;}
.join_box{min-width: 1250px;height: auto;overflow: hidden;margin: 0px auto;position: relative;max-width: 1500px;}
.join_boxcon{width: 460px;height: auto;overflow: hidden;}
.join_boxcon ul li{width: 100%;float: left;padding: 25px 0px 35px;overflow: hidden;position: relative;}
.join_boxcon ul li .conin{width: 43px;height: 43px;background-color: #f7cb65;border-radius: 50%;color: #fff;line-height: 43px;text-align: center;font-size: 20px;font-weight: bold;display: inline-block;}
.join_boxcon ul li .txtcon{width: 375px;overflow: hidden;display: inline-block;}
.join_boxcon ul li .txtcon p.p1{font-size: 26px;font-weight: bold;color: #333;margin-bottom: 8px;}
.join_boxcon ul li .txtcon p.p2{font-size: 14px;color: #666;line-height: 30px;}
.join_boxcon ul li.minh{min-height: 225px;}
.join_box .coin_pic{width: 510px;height: 494px;position: absolute; bottom: 8%;left: 0px;right: 0px;margin: 0px auto;text-align: center;}
.join_box .coin_pic img{width: 100%;float: left;}
/* 加盟流程 */
.jmlc_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg4.jpg)no-repeat top center #f7f7f7;background-size: 100%;padding: 95px 0px;}
.jmlc_box{width: 1250px;height: auto;overflow: hidden;margin: 0px auto;}
.jmlc_box ul li{width: 25%;float: left;overflow: hidden;}
.jmlc_box ul li .pic{width: 136px;height: 243px;float: left;overflow: hidden;text-align: center;}
.jmlc_box ul li .pic img{width: 100%;float: left;}
.jmlc_box ul li .txt{display: inline-block;width: 150px;height: 243px;writing-mode: vertical-lr;overflow: hidden;line-height: 28px;font-size: 22px;color: #333;letter-spacing: 3px;font-weight: bold;margin-left: 20px;}
.jmsmit_bg{width: 100%;height:634px;background: url(../img/abanner2.jpg)no-repeat top center;position: relative;}
.jmsmit_box{width: 516px;height: 673px;position: absolute;bottom: 0px;right: 10%;background-color: #b72024;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);box-sizing: border-box;padding: 60px 60px 0px;}
.jmsmit_box .title2{width: 100%;margin-bottom: 20px;text-align: center;overflow: hidden;}
.jmsmit_box .jmtel{width: 100%;color: #fff;margin-bottom: 26px;}
.jmsmit_box .jmtel p.p1{font-size: 22px;line-height: 38px;}
.jmsmit_box .jmtel p.p1 span.span1{font-size: 26px;font-weight: bold;font-family: Arial;}
.jmsmit_box .jmtel p.p1 span.span2{font-size:18px;color: #da8486;padding-left: 10px;}
.jmsmit_box .jmtel p.p1 span.span1.span3{padding-left: 110px;}
.jmsmit_box .jminpcon{width: 100%;height: auto;overflow: hidden;margin-top: 42px;}
.jmsmit_box .jminpcon ul li{width: 100%;float: left;margin-bottom: 18px;overflow: hidden;}
.jmsmit_box .jminpcon ul li .input{width: 100%;border: none;background-color: #fff;height: 42px;border-radius: 20px;line-height: 42px;font-size: 16px;color: #333;box-sizing: border-box;padding-left: 30px;}
.jmsmit_box .jminpcon ul li .input2{width: 100%;border: none;background-color: #fff;height: 70px;border-radius: 20px;line-height: 30px;font-size: 16px;color: #333;box-sizing: border-box;padding-left: 30px;}
.jmsmit_box .jminpcon ul li .input3{width: 172px;height: 42px;border: none;background-color: #f7cb65;color: #fff;font-size: 20px;font-weight: bold;line-height: 42px;text-align: center;border-radius: 20px;margin-bottom: 25px;}
.jmsmit_box .jminpcon ul li .labler{font-size: 16px;color: #d8a0a2;}
/* 新闻 */

/* 内页 */
.navs-all-bg{width: 100%;overflow: hidden;margin: 0px auto;background-color: #ebebeb;box-sizing: border-box;border-bottom: 1px solid #e4e4e4;}
.navs-all{margin: 0px auto;overflow: hidden;width: 1200px;}
.navs-all-left{width: 60%;float: left;overflow: hidden;}
.navs-all-left a{display: inline-block;padding: 0px 22px;font-size: 15px;font-weight: bold;color: #333;float: left;line-height: 55px;}
.navs-all-left a.cur{color: #b72024;}
.navs-all-left a:hover{color: #b72024;}
.navs-all-rig{float: right;overflow: hidden;background: url(../img/addr.png)no-repeat left center;font-size: 15px;color: #333;padding-left: 25px;line-height: 55px;}
.navs-all-rig a{color: #333;}
.navs-all-rig a:hover{color: #333;}
.navs-all-pro{width: 100% !important;padding: 10px 0px;}
.navs-all-pro a{padding: 0px 18px !important;line-height: 30px;}
.cabou_txt{width:1200px;height: auto;overflow: hidden;margin: 40px auto 0px;font-size: 16px;color: #666;line-height: 36px;}
.cabou_txt p{padding: 2px 0px;}
.cabou_pic{width: 668px;overflow: hidden;position: absolute;left: 0.8%;top:70px;}
.cabou_pic img{width: 100%;float: left;}
.cabou_cc{width: 1180px !important;position: relative;padding:20px 0px 170px !important;}
.cabou_rr{margin-right: 40px !important;}
.cabou_vib{overflow:visible !important;}
/* 内产品展示 */
.cl_prolist{width: 1200px;height: auto;overflow: hidden;margin: 0px auto;}
.cl_prolist ul li{width: 25%;float: left;padding: 0px 2% 2%;box-sizing: border-box;border-right: 1px solid #e9e9e9;margin-bottom: 35px;}
.cl_prolist ul li:nth-child(4n){border-right:none;}
.cl_prolist ul li a .pic{width: 100%;height: 462px;text-align: center;overflow: hidden;margin: 0px auto;}
.cl_prolist ul li a .pic img{height: 100%;}
.cl_prolist ul li a p.p1{font-size: 18px;font-weight: bold;color: #333;padding-top: 10px;line-height: 30px;text-align: center;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.cl_prolist ul li a p.p2{padding-top: 7px;overflow: hidden;font-size: 14px;color: #878787;}
.cl_prolist ul li a p.p2 i.i1{display:inline-block;float: left;}
.cl_prolist ul li a p.p2 i.i2{display: inline-block;float: right;}
/*分页*/
.page{width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 0px 0; margin:50px auto 0px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 3px;padding: 3px 7px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #b72024;color: #fff;border: 1px solid #b72024;}
.pagination li a {display: block;text-align: center;}
/* 内新闻 */

/* 招聘内页 */
.cl_zplist{width: 1200px;height: auto;overflow: hidden;margin: 0px auto;}
.cl_zplist ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 20px;}
.cl_zplist ul li .tit{width: 100%;height: 44px;background-color: #ececec;line-height: 44px;font-size: 18px;font-weight: bold;}
.cl_zplist ul li .tit span{display: inline-block;padding-left: 20px;}
.cl_zplist ul li .con{box-sizing: border-box;border: 1px solid #e3e3e3;border-top: none;padding: 20px 27px 25px;overflow: hidden;}
.cl_zplist ul li .con .laber{font-weight: bold;color: #df0004;font-size: 16px;margin-bottom: 10px;}
.cl_zplist ul li .con .txt{width: 100%;height: auto;overflow: hidden;font-size: 16px;color: #333;line-height: 29px;}
.cl_zplist ul li .con .txt p{padding: 2px 0px;line-height: 29px;}
.cl_zplist ul li .boot{width: 100%;height: 5px;background: url(../img/zp_bmbg.jpg)repeat;}
/* 内联系我们 */
.cl_contantpic{width: 100%;height: auto;overflow: hidden;text-align: center;}
.cl_contantpic img{width: 100%;float: left;}
.cl_contanbg{width: 100%;height: 450px;background: url(../img/bg2.jpg)repeat;padding: 60px 0px;position: relative;}
/* 联系我们 */
.contan_con{width: 1180px;margin: -140px auto 0px;overflow: hidden;background-color: #fff;box-sizing: border-box;padding: 35px 60px;position: absolute; left: 0px;right: 0px;height: 498px;}
.contan_conleft{width: 35%;float: left;overflow: hidden;border-right: 1px solid #e6e6e6;box-sizing: border-box;padding-right: 3%;}
.contan_conleft .pic{width: 100%;height: 270px;text-align: center;margin-bottom: 22px;}
.contan_conleft .pic img{height: 100%;}
.contan_conleft p{font-size: 28px;font-weight: bold;color: #333;text-align: center;}
.contan_conrig{width: 65%;float:right;overflow: hidden;box-sizing: border-box;padding-left: 4%;}
.contan_conrig .title{width: 100%;height: auto;margin-bottom:25px;overflow: hidden;text-align: left;}
.contan_conrig .title p.p1{font-size: 22px;font-weight: bold;color: #333;margin-bottom: 6px;}
.contan_conrig .title p.p2{color: #999;font-size: 16px;}
.contan_conrig .ewm{width: 100%;height: auto;overflow: hidden;margin-bottom: 18px;}
.contan_conrig .ewmleft{width: 38%;overflow: hidden;}
.contan_conrig .ewmleft .pic{width: 138px;height: 138px;padding: 7px;border: 1px solid #d3d3d3;border-radius: 4px;float: left;box-sizing: border-box;}
.contan_conrig .ewmleft .pic img{width: 100%;}
.contan_conrig .ewmleft .tt{display: inline-block;width: 50px;float: left;overflow: hidden;font-size: 14px;color: #333;margin-left: 20px;margin-top: 50px;}
.contan_conrig .telcon{width: 100%;height: auto;overflow: hidden;}
.contan_conrig .telcon p.p1{font-size: 16px;color: #333;font-weight: bold;line-height: 30px;}
.contan_conrig .telcon p.p2{font-size: 24px;color: #333;font-weight: bold;font-family: Arial;margin-bottom: 15px;}
.contan_conrig .telcon p.p2 i{font-size: 14px;color: #333;font-weight: normal;padding-left: 8px;}
.contan_conrig .telcon p.p3 {font-size: 16px;color: #333;}
/* view */
.view-txt{width: 1300px;height: auto;margin: 40px auto 0px;overflow: hidden;}
.view-tit{font-size: 28px;color: #333;text-align: center;line-height: 45px;}
.view-b{font-size: 14px;color: #999;text-align: right;border-bottom: 1px solid #dedede;padding: 15px 40px;overflow: hidden;}
.views-cont{padding: 30px 40px;overflow: hidden;font-size: 15px;color: #333;line-height: 26px;min-height: 450px;}
.views-cont p{padding: 2px 0px;}
.views-cont img{max-width: 800px;margin: 4px auto;}
.cc_clear::after{content: "";display: block;clear: both;}
.view-page{width: 100%;height: auto;overflow: hidden;padding: 20px 0px;border-top: 1px solid #dedede;}
.view-page span.span1{display: inline-block;float: left;overflow: hidden;font-size: 14px;}
.view-page span.span1 a{color: #999;}
.view-page span.span2{display: inline-block;float: right;overflow: hidden;font-size: 14px;}
.view-page span.span2 a{color: #999;}
.view-page span.span1 a:hover{color: #b72024;}
.view-page span.span2 a:hover{color: #b72024;}
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height: auto; position:relative; }
.mBan2 .slideBox .hd{ height: auto; position: absolute; top: 90%; z-index: 1;  margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width:34px;height:46px;
    background: url("../img/as.png") no-repeat; z-index: 2; margin-right: 20px;
    overflow:hidden;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease;  border-radius:50%;}
.mBan2 .slideBox .hd ul li.on{background: url("../img/asa.png") no-repeat;}
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }



.bd li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,1);*/
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
    z-index: 2;
}


/* 栏目 */
.pronavs{width: 100%;height: auto;margin: 25px auto 40px;overflow: hidden;text-align: center;}
.pronavs a{display: inline-block;padding: 0px 25px;border: 1px solid #e9e9e9;border-radius: 20px;color: #333;line-height: 40px;margin: 0px 15px;}
.pronavs a:hover{background-color: #b72024;color: #fff;}

/* leftsead  返回顶部*/
#leftsead{width:165px;height:143px;position:fixed;top:258px;right:0px;z-index: 999;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:165px;height:53px; position:relative}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li .tel{ position:absolute; top:0px; left:0%; color:#fff; font-size:14px; line-height:53px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:165px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;display:none; }
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}
.links{width: 100%;height: auto;overflow: hidden;line-height: 28px;color: #999;font-size: 12px;}
.links a{display: inline-block;padding: 0px 10px;color: #999;}

@-webkit-keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}
@keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}





.video_title{
    width: 75%;
    font-size: 36px;
    color: #fff;
    font-family: AlibabaPuHuiTiM;
    padding-top: 18%;
    padding-left: 20%;
}

.video_box{
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.video_box1{
    width: 33%;
    height: 90%;
    float: left;
    margin-top: 2.5%;

}

.swiper-slide4-1{
   background: #dfb462;
}
.video_box2{
    width: 67%;
    height: 100%;
    float: right;
}

.video_info{
    width: 100%;
    margin-top: 5px;
    line-height: 2.5;
    font-size: 12px;
    display: block;
    font-family: Aharoni;
    color: #fff;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}

.change{
    display: block;
    height: 100%;
    -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9));
}


.video_bot {
    width: 100%;
    /*text-align: center;*/
    float: left;
    font-size: 14px;
    color: #8c8f94;
    /*background: url(../img/xiajiant.png) no-repeat center;*/
    /*background-position-y: 80%;*/
    height: 40px;
    position: relative;
    top: 0;
}
.change img{
    margin: 0 auto;
    display: block;


}


.slide7_box{
    width: 82%;
    height: auto;
    margin: 8% auto;

}


.slide7_title{
    margin: 0 auto; color: #fff; font-size: 24px; text-align: center;padding-bottom: 8%;
    padding-top: 5%;
}


.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.box_bot{
    position: absolute; bottom: 0; height: 30%; background: #fff;
    width: 80%;
    text-align: left;
    padding-left: 20%;
}
.box_bot span {
    width: 80%;
    text-align: left;
    position: absolute; bottom: 50px;
    font-family: AlibabaPuHuiTiM;
    font-size: 18px;
}
.iproduct_bd  .swiper-pagination-current{
    font-size: 28px; font-weight: 600;
}

.iproduct_bd .swiper-pagination-total{
    font-size: 18px; font-weight: 600;
}

.swiper-container4-1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container4-1 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 80px;
    left: 0;
    width: 80%;
    text-align: left;
    padding-left: 20%;
}

.jm{
    width: 100%; overflow: hidden;
}

.jm_img{
    width: 50%; float: left;position: relative;
}

.jm_p{
    width: 28%; background: #b1936f; float: right; text-align: center; padding-top: 1.2%; padding-bottom: 1.2%;
    color: #fff; font-family: 微软雅黑;
    font-size: 18px; position: absolute; right: 0; top: 75%;
}

.jm_title{
    width: 100%; padding-top: 10%; text-align: center; font-size: 36px; font-family: AlibabaPuHuiTiM; padding-bottom: 2%;
}
.jm_span{
    width: 70%; padding-top: 1%; text-align: center; font-size: 14px; font-family: 微软雅黑;
    margin: 0 auto; display: block; line-height: 1.8; opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-all;

}

.news_bq{
    width: 90%; margin: 0 auto; display: block; overflow: hidden; padding-bottom: 40px;
}
.news_bq ul{
    display: block; margin-top: 20px;
}
.news_bq ul li{
    width: 9%; margin-left: 1%;float: left;border: 1px solid #d4d4d4; text-align: center;
    padding-top: 5px; padding-bottom: 5px; margin-top: 20px; border-radius: 5px;
}




.city_bq{
    width: 80%; margin: 0 auto; display: block; overflow: hidden; padding-bottom: 40px;
}
.city_bq ul{
    display: block; margin-top: 20px;
}
.city_bq ul li{
    width: 10%; margin-left: 2%;float: left;border: 1px solid #d4d4d4; text-align: center;
    padding-top: 2%; padding-bottom: 2%; margin-top: 20px; border-radius: 5px;
}

.city_bq ul li:hover{
    color: #fff; background: #dfb462;
}
.city_bq ul li:hover a{
    color: #fff;
}






footer .w1200 {
    display: flex;
    justify-content: space-between;
}

footer .w1200 ul {
    display: flex;
    align-items: center;
}

footer .w1200 ul li.fj span {
    margin: 0 7px;
}

footer .w1200 ul li span {
    color: #999;
    font-size: 12px;
}

footer .w1200 ul li a {
    margin: 0 4px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    transition: .3s;
}



footer .w1200 ol {
    display: flex;
}

footer .w1200 ol li span {
    color: #555;
    font-size: 12px;
}

footer .w1200 ol li a {
    font-size: 12px;
    color: #555555;
    margin-left: 10px;
    transition: .3s;
}


footer {
    width: 100%;
    height: auto;
    background: #222;
    padding: 28px 0;
    box-sizing: border-box;
}



.bot_us_title{
    font-size: 28px; font-family: AlibabaPuHuiTiM;
}

.about_one{
    width: 86%; margin: 0 auto; height: auto; display: block;overflow: hidden; padding-top: 5%;
}

.about_left1{
    width: 55%;
}


.about_p1{
    font-size: 36px;
    line-height: 55px;
    margin-bottom: 5px;
}

.about_txt{
    font-size: 14px;
    color: #333;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 36px;
    opacity: 0.8;
}

.about_tt{
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

.rongy{
    width: 90%; margin: 0 auto; display: block; overflow: hidden;
}
.rongy_p{
    width: 100%; text-align: center; font-size: 36px;font-family: AlibabaPuHuiTiM; margin-top: 5%;
}

.rongy_span{
    width: 100%; text-align: center; margin-top: 2%; font-size: 14px; color: #000; opacity: 0.8; display: block;
}
.rongy_box{
    width: 50%; float: left; margin-top: 5%
}
.rongy_box ul{
    margin-left: 10%;
}

.rongy_box ul li{
    display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #ebebeb; width: 95%;
}
.rongy_box ul li a{
    padding-left: 3%; font-size: 14px;
}

.rongy_img{
    width: 90%; margin: 0 auto;  overflow: hidden; display: block; padding-top: 5%;
}
.rongy_img .rongy_img_box{
    float: left; width: 20%;
}
.rongy_img .rongy_img_box img{
    text-align: center; margin: 0 auto; display: block;width: 176px
}
.rongy_img .rongy_img_box p{
    width: 100%; text-align: center; margin-top: 20%; font-family: 微软雅黑; font-size: 16px; font-weight: 600;
}



.jiangx{
    width: 100%; display: block; overflow: hidden;
}
.jiangx_p{
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-family: AlibabaPuHuiTiM;
    margin-top: 5%;
}

.jiangx_box{

}
.jiangx ul li img{
    float: left;display: none;
}





.guide-slider {
    width: 100%;
    margin: 2% auto;
    background: #fff;
    height: 100%;
}

.guide-slider .guide {
    width: 6%;
    height: 100%;
    float: left;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;
}

.guide-slider .guide .display {
    /*border-right: 1px solid rgba(255,255,255,0.1);*/
    border-right: 1px solid #2b2b2b;
    width: 100%;
    height: 100%;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
    background: #1e1e1e;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .display .icon {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-top: 42px;
    background-image: url("function.png");
}

.guide-slider .guide .display .icon.icon1 {
    background-position: -592px 0;
}

.guide-slider .guide .display .icon.icon2 {
    background-position: 0 0;
}

.guide-slider .guide .display .icon.icon3 {
    background-position: -296px 0;
}

.guide-slider .guide .display .icon.icon4 {
    background-position: -444px 0;
}

.guide-slider .guide .display .icon.icon5 {
    background-position: -518px 0;
}

.guide-slider .guide .display .title {
    font-size: 24px;
    color: #dfb462;
    height: 120px;
    line-height: 40px;
    writing-mode:vertical-lr;
    width: auto;
    text-align: center;
    font-family: AlibabaPuHuiTiM;
}

.guide-slider .guide .display .introduction {
    width: auto;
    margin: 0 auto;
    font-size: 16px;
    color: #e3e1e1;
    text-align: left;
    line-height: 20px;
    writing-mode:vertical-lr;
}

.guide-slider .guide .display::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px;
    top: 100%;
    margin-top: 0;
    right: -1px;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .behind {
    width: 90%;
    height: 100%;
    display: inline-block;
    border-right: 1px solid #474747;
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.guide-slider .guide .behind .function-list-wrap {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.guide-slider .guide .behind .function-list {
    margin-right: -10px;
    margin-top: 20px;
}

.guide-slider .guide .behind .function-list > li {
    float: left;
    padding-right: 10px;
}

.guide-slider .guide .behind .function-list > li > a {
    display: block;
    border: 1px solid #ddd;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 18px;
    color: #0876c2;
}

.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none;
    border: 1px solid #0876c2;
    background: #0876c2;
    color: #ffffff;
}

.guide-slider .guide .behind .function-list > li > a.important {
    color: #f58914;
}

.guide-slider .guide .behind .function-list > li > a.important:hover {
    border: 1px solid #f58914;
    background: #f58914;
    color: #ffffff;
}

.guide-slider .guide.on {
    width: 70%;
}

.guide-slider .guide.on .display {
    width: 10%;
    background: #dfb462;
    border-right-color: transparent;
}

.guide-slider .guide.on .display .title {
    color: #fff;
}

.guide-slider .guide.on .display .introduction {
    color: #e3e1e1;
}



.guide-slider .guide.on .display .icon.icon1 {
    background-position: -74px 0;
}

.guide-slider .guide.on .display .icon.icon2 {
    background-position: -148px 0;
}

.guide-slider .guide.on .display .icon.icon3 {
    background-position: -222px 0;
}

.guide-slider .guide.on .display .icon.icon4 {
    background-position: -370px 0;
}

.guide-slider .guide.on .display .icon.icon5 {
    background-position: -666px 0;
}


.jiangx1{
    width: 90%; margin: 0 auto; display: block; overflow: hidden;
}

.jiangx1 ul li{
    width: 33.2%; height:  auto;  float: left; display: block; padding-bottom: 7.5%; padding-top:7.5%; border-bottom: 1px solid #dbdbdb;  border-right: 1px solid #dbdbdb;
}

.jiangx1 ul li:nth-child(3n){
    border-right: 0px solid #dbdbdb;
}

.jiangx1_p1{
    width: 35px;height: 35px; display: block; background: #dfb462;
    text-align: center;  margin: 0 auto; line-height: 35px; border-radius: 50%;
    color: #fff; font-family: AlibabaPuHuiTiM; font-size: 20px;
}

.jiangx1_p2{
     width: 100%; display: block;
     text-align: center;  margin: 0 auto;
     color: #dfb462; font-family: AlibabaPuHuiTiM; font-size: 16px; padding-top: 2%;
 }

.jiangx1_p3{
    width: 70%; display: block;
    text-align: center;  margin: 0 auto;
     font-family: AlibabaPuHuiTiM; font-size: 16px;
    line-height: 2;
}

.product .nav{
    width: 100%; background: #dfb462; height: 60px; display: block;overflow: hidden; margin-top: 2%;
}


.right{ width:100%;margin-top: 80px; height:65px; text-align: center;   overflow:hidden;animation: faderight 1s .5s ease forwards;-webkit-animation: faderight 1s .5s ease forwards;-moz-animation: faderight 1s .5s ease forwards; background-color:#dfb462;}
.ltit{  width: 85%; margin: 0 auto;  height:65px; }
.ltit p{color:#fff;line-height:65px;font-size:18px;  font-family: AlibabaPuHuiTiM}
.ltit span{ display:block; color:#fff;font-size:17px; font-family:Arial, Helvetica, sans-serif}
.nei_nav ul{margin-top: 1px;}
.nei_nav li a{ display:block;color:#333; cursor:pointer; font-size:15px; background:url(../img/hui_erjinavsicon.png) no-repeat 35px center ;}
.nei_nav li a:hover{ color:white; font-weight:bold; }
.nei_nav li a.on{ color:white; height: 65px; background: #063186}
.nei_nav li {
    width: 15%;float: left;
}

.left{ width: 100%; margin: 0 auto; float:left;animation: fadeInUp 1s .5s ease both;-webkit-animation: fadeInUp 1s .5s ease both;-moz-animation: fadeInUp 1s .5s ease both;}
.left2{width: 80%; margin: 0 auto; float:left; background-color:#fff;}
.leftitle { color: #555; height:65px; line-height:65px; padding-left:70px; margin-top:40px  }
.leftitle i{ color: #dfb462; display: block; float: left; margin-right: 7px; font-size:2em; font-weight:bold}
.leftitle span { color: #afafaf; display: block; float: left; margin-top: 2px; text-transform: uppercase; text-shadow: 0 0 1px #e6e6e6;font-size:13px;}


.right_con{width: 80%;overflow: hidden; margin: 0 auto; padding: 0px;margin-top: 30px;padding-bottom:30px;}
.right_con .title{ width:100%; border-bottom:#dedede dashed 1px; margin-bottom:20px; padding-bottom:10px }
.right_con .title h2{ text-align:center;font-size:18px; font-weight:bold;line-height:40px; display:inline-block; width:100%; color:#333}
.right_con .title span.span2{ text-align: center;font-size:12px;line-height:25px;display:inline-block; width:100%}
/* .right_con .title span.span2 i{ display:inline-block; float:right;} */
.comnrr_t{width:803px;line-height:34px;height:65px;overflow:hidden;margin:0px auto;padding:0px 0px 5px 0px;margin-top:20px;background:url("../img/com_05.png") left bottom no-repeat;}
.comnrr_t label{float:left;}
.comnrr_t label span{padding-left:0px;font-size:24px;color:#dfb462;display:inline-block;text-align:center;}
.comnrr_t label span.sp1{width:129px;display:inline-block;text-align:center;float:left;}

.cp{
    width: 100%; background-size: cover;
}

.cp_box{
    width: 80%; margin: 0 auto; height: 100%;
}

.cp_box a{
    width: 24%;border-right: 1px solid #5d5855; display: block;height: 100%; float: left; position: relative;
}

.cp_box a:first-child{
    border-left: 1px solid #5d5855;
}

.cp_box a p{
   position: absolute; bottom: 10%; width: 100%; padding-left: 10%; color: #fff; font-size: 18px; font-family: AlibabaPuHuiTiM;
}
.cp_box a span{
    position: absolute; bottom: 6%; width: 100%; padding-left: 10%; color: #fff; font-size: 14px; opacity: 0.6;font-family: AlibabaPuHuiTiM;
}



.news_on{
    width: 80%; margin: 0 auto; display: block; overflow: hidden;
}


.news_a{
    width: 100%; display: block; overflow: hidden; padding-bottom: 4%; padding-top: 4%;
    border-bottom: 1px solid #e9e9e9;
}
.news_a:last-child{
    border-bottom: 0 solid #e9e9e9;
}

.news_a p{
    float: left;
}

.p_titme{
    font-size: 24px; width: 10%; padding-top: 1%;font-family: AlibabaPuHuiTiM;
}

.news_a img{
    width: 28%; float: left;
}
.news_p1{
    width:50% ; margin-left: 5%;
}

.news_span1{
    width: 100%; display: block; font-family: AlibabaPuHuiTiM; font-size: 24px; padding-top: 2%;
}
.news_span2{
    padding-top: 3%; width: 100%;display: block; font-family: 微软雅黑; font-size: 14px; opacity: 0.7; line-height: 2;


    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}



.brandmore1{display: inline-block; float: left;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #999999;
    color: #999999;
    font-size: 12px;
    border-radius: 30px;
    margin-top: 50px;
}


.bq{
    margin-top: 55px; display: block; float: left; margin-left: 20px;font-size: 12px; opacity: 0.8;
}


.niews_tj{
    width: 100%; margin: 0 auto; background: #f5f5f5; display: block;overflow: hidden;
    padding-top: 80px; padding-bottom: 80px;
}
.niews_tj ul{
    width: 90%;margin: 0 auto; display: block;

}


.niews_tj ul li{
    width: 31.3%; margin-left: 2%; padding: 30px; background: #fff;display: block;float: left;
    margin-top: 2%
}
.niews_tj ul li span{
    font-size: 12px; opacity: 0.8; margin-top: 10px; display: block;
}

.niews_tj .store_title_en{
    width:100% ; text-align: center;color: #dfb462; font-size: 32px; font-weight: bold;
}

.niews_tj .store_title{
    width:100% ; text-align: center;color: #dfb462; font-size: 28px;
}

.niews_tj .hx {
    display: block;
    width: 30px;
    border: 2px solid #dfb462;
    text-align: center;
    background: #dfb462;
    margin: 5px auto;
}



.addr{
    width: 80%; margin: 0 auto; display: block; overflow: hidden; background: #f3f3f3; padding: 4% 10% 5% 10%;
}

.addr ul li {
    width: 48%; float: left;
}


.addr_p{
    font-size: 32px; font-weight: bold; padding-bottom: 8%;
}
.addr_p1{
    padding-bottom: 20%;
}
.addr_a1{
    width: 45%; font-size: 18px;font-weight: bold; text-align: left; display: block; float: left; line-height: 2;
}
.addr_a2{
    width: 50%; font-size: 18px;font-weight: bold; text-align: left; display: block;float: right; color: #dfb462;line-height: 2;
}


.fw{
    width: 80%; margin: 0 auto; display: block; overflow: hidden; padding-bottom: 2%;

}

.fw ul li{
    width: 49%; float: left;  background: #f3f3f3; margin-top: 1%; padding: 3% 3% 1% 3%;
}

.fw ul li:nth-child(2n){
    margin-left: 2%;
}

.news_span3{
    padding-top: 3%; width: 100%;display: inline-block; font-family: 微软雅黑; font-size: 14px; opacity: 0.7; line-height: 2;
    height: 132px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-all;
}












.right_news { width:100%; height:70px; text-align: center; border-bottom: 1px solid #999999;  overflow:hidden;animation: faderight 1s .5s ease forwards;-webkit-animation: faderight 1s .5s ease forwards;-moz-animation: faderight 1s .5s ease forwards; }
.right_news .ltit1{  width: 80%; margin: 0 auto;  height:65px;  }
.right_news .ltit1 p{line-height:5px;font-size:17px;   font-family: 微软雅黑;height: 10px;margin-top: 35px; text-align: left}
.right_news .ltit1 span{ display:block; color:#fff;font-size:17px; font-family:Arial, Helvetica, sans-serif}
.right_news .nei_nav1 li a{ display:block;color:#333; cursor:pointer; font-size:15px;}
.right_news .nei_nav1 li a:hover{ color:#dfb462; font-weight:bold; }
.right_news .nei_nav1 li a.on{ color:#dfb462; height: 65px;font-weight:bold;}

.right_news .nei_nav1 li a.on i{
    font-size: 18px;
    display: block;
    opacity: 0.9;
    width: 20px;
    border-bottom: 3px solid #dfb462;
    margin-top: 10px;
}

.right_news .nei_nav1 li {
    width: 12%;float: left;
}




.fenl{
    width: 450px; margin: 0 auto; display: block; overflow: hidden; text-align: center;
}

.fenl a{
    float: left; display: block; width: 90px; height: 80px;border: 1px solid #dddddd; border-radius: 10px;
    margin: 0 auto; text-align: center; margin-left: 20px; line-height: 130px; font-size: 14px;


}
.fenl_a1{
    background: url(../img/fenl0.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a1:hover,.fenl_a1_on1{
    background: url(../img/fenl0_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}



.fenl_a2{
    background: url(../img/fenl1.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a2:hover,.fenl_a1_on2{
    background: url(../img/fenl1_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}


.fenl_a3{
    background: url(../img/fenl2.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a3:hover,.fenl_a1_on3{
    background: url(../img/fenl2_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}


.fenl_a4{
    background: url(../img/fenl3.png) no-repeat center ; background-position-y:20%; background-size: 50%
}
.fenl_a4:hover,.fenl_a1_on4{
    background: url(../img/fenl3_1.png) no-repeat center #ba9776 ; background-position-y:20%; background-size: 50%    ;color: #fff;

}

#bfff{
    display: block; width: 10%; position: absolute; top: 40%; left: 47.5%;
}


.cans3{
    width: 140px;
    background: url(../img/xiala.png)   center no-repeat;     padding: 15px 8px 15px 18px; background-position-x: 80%;
    border-radius: 5px; font-size: 18px;
    float: left; margin-left: 30px;
}


.fzlc{
    width: 100%; background: #f3f3f3; display: block;overflow: hidden; margin-top: 5%; position: relative;
}

.fzlc_p{
    width: 80%; margin: 0 auto;font-size: 36px;
    font-family: AlibabaPuHuiTiM;
    /*margin-top: 5%;*/
}


.swiper-container_fzlc {
    width: 100%;
    margin-top: 5%;
}
.swiper-container_fzlc .swiper-slide {
    /*text-align: center;*/
    font-size: 18px;

    /* Center slide text vertically */
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    /*display: -webkit-flex;*/
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide1 .asd1,.swiper-slide1 .asd2,
.swiper-slide5 .asd1,.swiper-slide5 .asd2,
.swiper-slide9 .asd1,.swiper-slide9 .asd2{
    position: absolute; left: 30%; top: 30%; width: 100%;
}


.swiper-slide2 .asd1,.swiper-slide2 .asd2,
.swiper-slide6 .asd1,.swiper-slide6 .asd2,
.swiper-slide10 .asd1,.swiper-slide10 .asd2
{
    position: absolute; left: 9%; top: 6%; width: 100%;
}

.swiper-slide3 .asd1,.swiper-slide3 .asd2,
.swiper-slide7 .asd1,.swiper-slide7 .asd2,
.swiper-slide11 .asd1,.swiper-slide11 .asd2
{
    position: absolute; left:-20%; top: 48%; width: 100%;
}


.swiper-slide4 .asd1,.swiper-slide4 .asd2,
.swiper-slide8 .asd1,.swiper-slide8 .asd2,
.swiper-slide12 .asd1,.swiper-slide12 .asd2
{
    position: absolute; left:-15%; top: 25%; width: 100%;
}
.asd1{
    font-size: 24px; color: #dfb462; font-weight: bold; display: block;

}

.asd2{
    font-size: 14px; color: #000; font-weight: bold; display: block; margin-top: 10%;
}






.zsjm{
    width: 83%; display: block;overflow: hidden; margin: 0 auto; padding-top: 5%; padding-bottom: 5%;
}

.zsjm_left{
    float: left;display: block;width: 40%;
}

.zsjm_rit{
    float: left;display: block;width: 40%; margin-left: 10%; padding-top: 2%;
}
.jm_P{
    font-size: 48px; font-family: AlibabaPuHuiTiM;
}
.zsjm_left ul li p {
    padding-top: 7%;font-size: 22px; color: #dfb462;font-family: AlibabaPuHuiTiM;
}

.zsjm_left ul li span {
    font-size: 14px;font-family: 微软雅黑; line-height: 2; padding-top:  5px; display: block;
}


.jmlc{
    width: 100%; background: #eeefef;
}

.jmlc_box{
    width: 85%; display: block;overflow: hidden;  margin: 0 auto; padding-top: 5%; padding-bottom: 5%; padding-left: 2%;
}
.jmlc_box ul {
    padding-top: 3%;
}

.jmlc_box .ul1 li{
    display: block;float: left; width: 20%;
}
.jmlc_box ul li div{
    background: #d4d3d4;padding-bottom:8%; border-bottom: 3px solid #dfb462;padding-top:8%;
}

.jmlc_box .ul1 li .imgw5{
    display: none;
}
.jmlc_box ul li p{
    font-size: 20px;width: 90%; margin: 0 auto; font-family: AlibabaPuHuiTiM;
}
.jmlc_box ul li span{
     font-size: 12px; padding-top:2%; opacity: 0.5; width: 90%; margin: 0 auto; display: block;
}





.jmlc_box .ul2 li{
    display: block;float: right; width: 20%;
}

.jmlc_box .ul2 li .imgw1{
    display: none;
}




.zszc{
    width: 84%; display: block;overflow: hidden;  margin: 0 auto; padding-top: 5%; padding-bottom: 5%; padding-left: 2%;
}
.zszc .fn_1{
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    font-size: 36px;
    opacity: 0.6;
    height: 550px;
    font-family: AlibabaPuHuiTiL;
}

.zszc .fn_2{
    height: 550px;
    writing-mode: vertical-lr;
    font-size: 46px;
    font-weight: bold;
}


.zszc_1{
    float: left;width: 80%;margin-left: 10%
}

.zszc_1 .zszc_p{
    font-size: 24px; color: #dfb462; font-weight: bold; padding-bottom: 2%;
}
.zszc_1 span{
    display: block; font-size: 14px; opacity: 0.8; line-height: 2;
}



.haw{
    width: 100%; overflow: hidden; background: url(../img/waw.png) no-repeat center; background-size: cover;  height: 90vh;margin-top: 4%;
}

.haw_left{
    width: 65%; float: left;
}

.haw_left p{
    width: 100%; margin-top: 30vh; color: #fff; font-size: 36px; text-align: center; font-family: AlibabaPuHuiTiM;
}
.haw_left span{
    width: 55%; display: block; margin: 0 auto; margin-top: 5vh; color: #fff; font-size: 12px; text-align: center; opacity: 0.7;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}

.haw_rit{
    width: 35%; float: left;
}

.haw_r{
    width: 100%; height: 45vh; overflow: hidden; position: relative; display: block;
}

.haw_r:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,1);*/
    background: url(../img/rrtf.png) no-repeat center rgba(0,0,0,0.5);
    background-size: 5%;
    background-position-x: 90%;
    /*opacity: .5;*/
    position: absolute;
    left: 0;
    top: 0;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
}

.haw_r span{
    display: block;width: 60%; margin-left: 20%; color: #fff; position: relative; top: 18vh; bottom: 0; font-size: 18px; opacity: 0.5;
}
.haw_r p{
    display: block;width: 60%;margin-left: 20%; color: #fff; position: absolute; top: 22vh; bottom: 0; font-size: 42px;font-family: AlibabaPuHuiTiM;
}

.haw_rit2{
    border-top: 2px solid rgba(255,255,255,0.2); width: 100%;
}


.swiper-container {
    width: 100%;
    /*height: 80vh;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-thumbs {
    height: 14vh;
    box-sizing: border-box;
    padding: 10px 0;
    position: absolute;
    bottom: 5vh;
    z-index: 99;
    width: 35%;
    left: 60%;
    overflow: hidden;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active{
    opacity: 1; position: relative; top: -10px; z-index: 99; overflow: hidden;
}



.gallery-thumbs .swiper-slide-thumb-active:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(4,103,117,0.9);
    position: absolute;
    left: 0;
    top: 0;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
}
.gallery-thumbs .swiper-slide p{
    display: none; color: #fff; position: absolute; z-index: 999;
    width: 90%;  left: 5%; overflow: hidden; height: 12vh; top: 0; text-align: center; line-height: 12vh;
}

.gallery-thumbs .swiper-slide-thumb-active p{
    display: block;
}


.gallery-top .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;}
.gallery-top .text i{width:93px;height:93px; background:url(../img/bf1.png) no-repeat center; display:flex;align-items:center;justify-content:center;margin:auto;}
.gallery-top .text p{color:#fff; margin-top:1vw; font-size: 24px; font-family: "AlibabaPuHuiTiL"}


.swiper-slide1 .fzlc_pic1, .swiper-slide5 .fzlc_pic5, .swiper-slide9 .fzlc_pic9{
    position: absolute;
    left: 49%;
    top: 24%;
    width: 63px;
    height: 63px;
    border-radius: 50%;
}


.swiper-slide2 .fzlc_pic2, .swiper-slide6 .fzlc_pic6, .swiper-slide10 .fzlc_pic10{
    position: absolute;
    left: 43%;
    top: 28%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


.swiper-slide3 .fzlc_pic3, .swiper-slide7 .fzlc_pic7, .swiper-slide11 .fzlc_pic11{
    position: absolute;
    left: 22%;
    top: 46%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


.swiper-slide4 .fzlc_pic4, .swiper-slide8 .fzlc_pic8, .swiper-slide12 .fzlc_pic12{
    position: absolute;
    left: 22%;
    top: 58%;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.containers{width: 100%;height:auto;margin:0 auto;overflow:hidden;}
.container-tit{height:44px;position:relative;background:#F7F7F7;    border-bottom: 1px solid #ddd;}
.container-tit ul{position:absolute;width:301px;left:-1px;}
.container-tit li{float:left;padding:8px 20px 8px 20px;
    margin-right: 2px;
    border-radius: 4px 4px 0 0;
    margin-left: 1px;
    line-height:26px;text-align:center;overflow:hidden;background:#F7F7F7;border-bottom:1px solid #eee;}
.container-tit li.select{
    color: #dfb462;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.containers li a:link,.container li a:visited{text-decoration:none;color:#000;}
.containers li a:hover{color:#FF4400;}
.container-con .mod{margin:10px 6px;}
.container-con .mod ul li{float:left;width:143px;height:25px;overflow:hidden;}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)



/*小的笔记本1024*/
@media screen and (max-width: 1600px) {
    .index-nav .logo {
        margin-left: 5%;
    }
    .joining ul li .jm_img p {

        margin-top: 62%;
    }
    .about_rit .about_titlee {

        margin-top: 15%;
    }
    .about_one .swiper-button-next{
        top: 58%;
    }


    .about_one .swiper-button-prev {
        top: 58%;
    }


    /*.brandcon ul li a .laber{*/
        /*top: 62%;*/
    /*}*/

}

/*小的笔记本1024*/
@media screen and (max-width: 1440px) {
    .index-nav .logo {
        margin-left: 5%;
    }
    .lh-nav-item li{float:left; margin-right:1.8229166666666667vw; position:relative;}


    /*.brandcon ul li a .laber{*/
        /*top: 61%;*/
    /*}*/

}

/*普通大小笔记本1366*/
@media screen and (min-width: 1200px) and (max-width:1470px){
    .index-navs a{padding: 0px 20px;}
    .video_title{
        font-size: 24px;
    }
    .about_rit .about_titlee {

        margin-top: 10%;
    }
    .joining ul li .jm_img {
        float: left;
        height: 100%;
        width: 70%;
        padding-bottom: 15%;
    }

    .joining ul li .jm_img p {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-top: 72%;
    }


    .about_one .swiper-button-next{
        top: 56%;
    }


    .about_one .swiper-button-prev {
        top: 56%;
    }

    .addr_p1{
        padding-bottom: 25%;
    }

    .about_rig ul li p.p1 i.i1 {
        font-size: 25px;
    }
    .about_rig ul li p.p3 i.i1 {
        font-size: 25px;
    }


    .brandmore1 {
        margin-top: 2%;

    }
    .news_span1 {

        font-size: 18px;
    }



    .swiper-slide1 .fzlc_pic1, .swiper-slide5 .fzlc_pic5, .swiper-slide9 .fzlc_pic9{
        position: absolute;
        left: 49%;
        top: 19.5%;
        width: 63px;
        height: 63px;
        border-radius: 50%;
    }


    .swiper-slide2 .fzlc_pic2, .swiper-slide6 .fzlc_pic6, .swiper-slide10 .fzlc_pic10{
        position: absolute;
        left: 43%;
        top: 24%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }


    .swiper-slide3 .fzlc_pic3, .swiper-slide7 .fzlc_pic7, .swiper-slide11 .fzlc_pic11{
        position: absolute;
        left: 21%;
        top: 43%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }


    .swiper-slide4 .fzlc_pic4, .swiper-slide8 .fzlc_pic8, .swiper-slide12 .fzlc_pic12{
        position: absolute;
        left: 22%;
        top: 54%;
        width: 64px;
        height: 64px;
        border-radius: 50%;
    }


}
/*小的笔记本1024*/
@media screen and (min-width: 992px) and (max-width:1200px){

}