/* 头部 */
.bdsharebuttonbox{ position: fixed; width: 100%; top: 5%; text-align: right; z-index: 998;}
.bdsharebuttonbox ul{ margin-right: 100px;}
.bdsharebuttonbox ul li{ display: inline-block;margin-left: 50px; } 
.bdsharebuttonbox ul li i{ font-size: 20px;}
.bdsharebuttonbox a { width: 30px!important; height: 30px!important; margin: 0 auto 10px!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox a img { width: 30px; height: 30px; }
.bdsharebuttonbox .bds_tsina { opacity: 0.7; background: url(../images/t03.png) no-repeat center center/30px 30px;  background-position:0 !important;}
.bdsharebuttonbox .bds_qzone {opacity: 0.7;  background: url(../images/t01.png) no-repeat center center/30px 30px;  background-position:0 !important;}
.bdsharebuttonbox .bds_weixin { opacity: 0.7; background: url(../images/t02.png) no-repeat center center/30px 30px;  background-position:0 !important;}
.bdshare-button-style0-24 a:hover{ opacity: 1 !important;}
.rightnav{ position: fixed; width: 30px;  top: 5%; left: 60px; height: 100%; z-index: 999;}
.rightnav ul{height:95%; position: relative; }
.rightnav ul li a{ display: block; height: 100%;  padding: 10px 2px; border-radius: 50px; font-weight: bold;}
.rightnav ul li{ font-size: 16px; margin-bottom: 50px;  text-align: center;}
.rightnav ul li:hover a{ background-color: brown; color: #fff; font-weight: normal;}
.rightnav ul li:nth-child(4){ position: fixed; bottom: 5%; width: 30px; margin-bottom: 0;}
.rightnav .current{ background-color: brown; color: #fff;  font-weight: normal;}

/* 首页 */
.inbg{background: fixed url(../images/in01.jpg) no-repeat center center; background-size: 100%; text-align: center;}
.invideo{ margin: 0 auto; text-align: center;}

/* 联系我们 */
.contact{ width: 80%; margin: 0px auto; text-align: center; font-size: 16px; line-height: 30px;}
.contact img{ padding: 10px 0;}


/* 合作伙伴 */
.cooperation{}
.cooperation .item-title{text-align: center; font-size: 20px; color: #fff;}
.cooperation .item-title h3{font-size: 20px; font-weight: normal;}
.cooperation .item-list{}

.cooperation .item-list ul{ overflow: hidden;}
.cooperation .item-list ul li{ float: left; width: 20%; text-align: center; margin-top: 80px;}
.cooperation .item-list .colorimg{ display:none;  margin:0 auto ;}
.cooperation .item-list .grayimg{ display: block; margin:0 auto ;}
.cooperation .item-list ul li:hover .colorimg{ display: block;}
.cooperation .item-list ul li:hover .grayimg{ display: none;}


/* 品牌 */
.brandlist{}
.brand-pagination{ position: fixed !important; left: 8% !important; bottom: 5% !important; width: auto !important;     margin-bottom: 10px;}
.brand-con{ margin-left: 8%; width: 92%; overflow: hidden;}
.brand-confl{ float: left;  width: 40%; }
.brand-confl h2{ font-size: 70px; color: #fff;}
.brand-confl .brand-line{ display: block;  width: 140px; height: 10px; background-color: #e1e1e1; margin: 30px 0;}
.brand-confl p{ font-size: 20px;}
.brand-confr{ float: right; text-align: right; width: 50%; padding: 50px 0;}
.brand-more{ margin-top: 110px;}
.brand-more a{ display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #a11111; border-radius: 50px;}
.brand-more a:hover{border: 1px solid #fff; color: #fff;}
.brand-confl b{ font-size: 70px; color: #161410;   -webkit-text-stroke: 1px #fff; }
.brandlist{
    width: 100%;
    height: 100%;
}
.brand-pagination .swiper-pagination-bullet-active {background: #161410;   border: 2px solid #fff;}
.brandlist .swiper-slide {       /* 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;    -webkit-box-align: center;    -ms-flex-align: center;
    -webkit-align-items: center;    align-items: center;    justify-content:space-between
}
.brand-xk .brand-confr{ position: relative;}
.brand-xk .xiuke-sm{ display: none; position: absolute; top: 50%; margin-top: -80px; left: -250px; background-color: #aeaeae; width: 500px; padding: 30px; text-align: left; font-size: 20px; color: #dfdfdf;}
.brand-xk .xiuke-sm-hover{ position: absolute; top: 50%; margin-top: -220px; left: -60px; background-color: #aeaeae; text-align: left; font-size: 20px; color: #dfdfdf; padding: 20px;}
.brand-xk .xiuke-sm-hover span{ display: block; width: 2px; height: 80px; background-color: #fff; margin: 0 auto;}
.brand-xk .xiuke-sm-hover .item-con{ color: #fff;     margin: 20px auto;   writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  }


.brand-yy{margin-left: 15%; width: 80%;}
.brand-yy .item-title{ color: #fff; font-size: 20px;}
.brand-yy .item-title h2{ font-size: 34px}
.brand-yy .item-title p{ margin: 20px 0 100px 0; font-size: 34px; color: #a1a1a1; letter-spacing:5px}
.brand-yy .item-img{ width: 80%; margin: 0 auto; text-align: right;}
.brand-yyswidper{ width: 1020px; margin: 0 auto; padding: 30px 0; overflow: hidden; }
.brand-yy .swiper-container{ width: 680px; overflow: visible !important;}
.brand-yy .swiper-slide-active{    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1002;  opacity: 1 !important;}
.brand-yy .swiper-slide{-webkit-transition: transform 1s;     -moz-transition: transform 1s;   -ms-transition: transform 1s;
        -o-transition: transform 1s;  }        
.brand-yy .swiper-slide img{ border-radius: 10px; width: 350px;}  
.brand-yy .swiper-slide-next,.brand-yy .swiper-slide-prev{ position: relative;}
.brand-yy .swiper-slide-next:before,.brand-yy .swiper-slide-prev:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:rgba(0, 0, 0, .5); }

/* 视频 */
.box-163css{width:1200px; position:relative;  margin:5px auto;}
.box-163css .btn{position:absolute;display:none; padding-top:200px;width:22px; height:205px; cursor:pointer; text-indent:-999em;}
.box-163css .pre{ background:url(../images/left.png) no-repeat 0 200px; left:20px;}
.box-163css .next{background:url(../images/right.png) no-repeat 0 200px;right:30px;}
.box-163css #ztbox {width:100%; position:relative; height:120px;}
.box-163css .spic{ width:1200px; position:relative;  padding-top:6px; height:78px;}
.box-163css #left {width:25px; height:43px; float:left; top:20px; position:absolute; left:4px; cursor:pointer; background:url(../images/prevBtn.png) no-repeat; }
.box-163css #right{ width:25px; height:43px; right:4px; top:20px; position:absolute;cursor:pointer; background:url(../images/nextBtn.png) no-repeat; }
.box-163css #conter{ margin-left:30px; width:1140px;  position:relative; height:90px; float:left; display:inline; overflow:hidden; }
.box-163css #conter .txt{ display:none;}
.box-163css #conter ul { width:auto; height:76px; overflow:hidden; top:0px; left:0px; position:absolute;  }
.box-163css #conter .conterul{  top: 50%;   left: 50%;   transform: translate(-50%,-50%);}
.box-163css #conter li{ width:82px; cursor:pointer;float:left; border:1px solid #161410; border-radius: 10px; overflow: hidden; display:inline; margin:0 0 0 4px; }
.box-163css #conter li b,#conter li strong{ font-weight:normal;}
.box-163css #conter li.on{border:1px solid brown; }
.box-163css #conter li.on span{ background:#898989; color:#fff;}
.box-163css #conter li img{ width:82px; height:60px; float:left; overflow:hidden;}
.box-163css #conter li span{ display:none; width:100%; line-height:17px; color:#797979; float:left; height:17px; overflow:hidden; background:#eaeaea; text-align:center; }
.box-163css #scroll{ background:none; width:1200px; height:13px; left:0px; bottom:14px; cursor:pointer; position:absolute;  }
.box-163css #scroll span { width:142px; height:13px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:none; }
.box-163css .bpic{ width:100%; margin:0 auto 0 auto; }

.box-163css .bigpic{ width:100%; position:relative; margin-bottom:10px;}
.box-163css .intro{ width:100%; height:52px; margin: 30px 0 20px 0;}
.box-163css .bg{ background:#000;filter:alpha(opacity=40); opacity:0.4; z-index:0; width:100%; height:52px; position:absolute; bottom:0;}
.box-163css .txt{ position:absolute; padding-left:1%; width:99%; top:5px; z-index:10; color:#fff; text-align: center}
.box-163css .txt h2{ width:100%; float:left; font-size:20px; padding-bottom:4px;}
.box-163css .txt p{width:100%; float:left; color: #8e8e8e;}
.box-163css .bclose{ position:absolute; right:10px; top:10px; z-index:11; cursor:pointer; color:#fff;}