.htitle img{display: block;margin:0px auto;}
.htitle{padding:20px 0;}
.htitle h1,.htitle span{text-align: center;color: #4a1e13;font-family: 'Impact';letter-spacing: 2px; display:block; transition:.5s;}
.htitle h1 i,.htitle span i{display: inline-block;color: #5c342a;font-size: 60px;font-family: 'Impact';}
.htitle h1{font-size: 60px;}
.htitle h3{text-align: center;color: #4a1e13;font-family: 'Impact';  transition:.5s;}
.if-1{
    border: medium none;
    width: 85%;
    height: 540px;
}
@media screen and (min-width:960px){
.htitle span,.htitle span i{font-size:20px; letter-spacing: 2px;}
.htitle h3{font-size: 55px;}
}
@media screen and (max-width:960px) and (min-width:760px){
.htitle span,.htitle span i{font-size:50px;letter-spacing:1px;}
.htitle h3{font-size:30px;}
}
@media screen and (max-width:760px) and (min-width:460px){
.htitle span,.htitle span i{font-size:40px; letter-spacing:0px;}
.htitle h3{font-size:25px;}
}
@media screen and (max-width:460px){
.htitle span,.htitle span i{font-size:30px; letter-spacing:0px;}
.htitle h3{font-size:22px;}
}
/*关于我们*/
.habout{background-size: 100%;width: 100%; overflow: hidden;padding-top: 5%;}
.habout .container{}
.haboutleft{width: 47%;float: left;position: relative; height:442px;
}
.haboutright{width: 49%;float: right;position: relative;}
.haboutleft img{width: 100%;display: block; height:442px;}
.haboutright img.fr{display: block;float: right;max-width: 396px;}
.habtxt{margin-top: 20px;line-height: 25px;}
.habtxt div{text-indent: 30px;font-size: 16px;color: #666;padding-bottom: 10px;}
.habtxt div h1{ display:inline-block;font-size: 16px;color: #666; font-weight:500;text-indent: 0;}
.habicobox{min-width: 89%;float: right;margin-top: 15px;}
.habicobox li{width: 80px;float: right;margin-left:7%;padding-bottom: 5px;}
.habicobox li span{display: block;width: 75px;height: 75px;border:1px solid #5c342a;border-radius: 15px;margin:10px auto;position: relative;}
.habicobox li i{display: block;width: 50px;height: 50px;position: absolute;top:0;right: 0;bottom: 0;left: 0;text-align: center; margin:auto;}
.habicobox li p{font-size: 16px;color: #333;text-align: center;line-height: 30px;}
.habicobox li:hover span{background: #fcfcfc;-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.08);
            box-shadow: inset 0 0 30px rgba(0,0,0,.08);border:1px solid #fcfcfc;}
.habicobox li:hover p{color: #ba1d22;}                
i.habico1{background: url('../cm_images/advan1.png') no-repeat;background-size: 100%;}
i.habico1:hover,.habicobox li:hover i.habico1{background: url('../cm_images/advan1.gif') no-repeat;background-size: 100%;}
i.habico2{background: url('../cm_images/advan2.png') no-repeat;background-size: 100%;}
i.habico2:hover,.habicobox li:hover i.habico2{background: url('../cm_images/advan2.gif') no-repeat;background-size: 100%;}
i.habico3{background: url('../cm_images/advan3.png') no-repeat;background-size: 100%;}
i.habico3:hover,.habicobox li:hover i.habico3{background: url('../cm_images/advan3.gif') no-repeat;background-size: 100%;}
i.habico4{background: url('../cm_images/advan4.png') no-repeat;background-size: 100%;}
i.habico4:hover,.habicobox li:hover i.habico4{background: url('../cm_images/advan4.gif') no-repeat;background-size: 100%;}
i.habico5{background: url('../cm_images/advan5.png') no-repeat;background-size: 100%;}
i.habico5:hover,.habicobox li:hover i.habico5{background: url('../cm_images/advan5.gif') no-repeat;background-size: 100%;}
.haboutleft a.habbtn{display: block;background-color: #d6b375;width: 195px;height: 46px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 46px;position: absolute;bottom: 40px;right: -98px;overflow: hidden;}
.haboutright a.habbtn{display: none;background-color: #ffce10;width: 195px;height: 46px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 46px;margin:25px auto 0;position: relative; overflow: hidden;}
.haboutright a.habbtn:hover,.haboutleft a.habbtn:hover{color: #fff;}
.habhaochu{margin:40px 0;}
.habhaochu li{width: 18.3%;float: left;margin-right: 2%;transition: 0.3s;position: relative;overflow: hidden;}
.habhaochu li div{border: 1px solid #ccc;padding:20px;height: 95px;position: relative;}
.habhaochu li:last-child{margin-right:0;}
.habhc_num span{display: inline-block;font-size: 40px;color: #333333;font-weight: 700;}
.habhc_num{font-size: 32px;color: #333;}
.habhc_txt{font-size: 14px;color: #666;margin-top: 5px;}
.habhaochu li div i{display: block;width:26px;height: 26px;background:url(../cm_images/ico1.png) no-repeat;position: absolute;top:15px;right: 15px; }
.habhaochu li:hover{background-color: #5c342a;}
.habhaochu li:hover .habhc_num span,.habhaochu li:hover .habhc_num,.habhaochu li:hover .habhc_txt{color: #fff;}
.habhaochu li{z-index: 5;}
.habhaochu li::before{content: "";width: 0;background-color: #5c342a;color: #fff;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
.habhaochu li:hover::before{width: 100%;}
@media screen and (max-width:1700px){
.habicobox{width: 98%;}	
}
@media screen and (max-width:1550px){
.habtxt p:nth-child(2){display: none;}
}
@media screen and (max-width:1450px){
.habicobox{width: 90%;}	
.habicobox li{margin:0 1%;width: 18%;}
.haboutleft a.habbtn{ position:relative; bottom:0; right:0;margin: 26px auto 0;}
}
@media screen and (max-width:1200px){
	.habicobox{width: 100%;}	
.haboutleft,.haboutright{width: 100%;float: none;height: auto;clear: both;}
.haboutright{margin-top: 40px;}
.haboutright a.habbtn{display: block;}
.haboutleft a.habbtn{display: none;}
}
@media screen and (max-width:960px){
.habhaochu li{width: 31.33%;margin:1%;}
.habhaochu li:nth-child(4){width: 48%;}
.habhaochu li:nth-child(5){width: 48%;}
.habout{background: background-size: 100%;}
.habicobox li{width: 23%;}
}
@media screen and (max-width:640px){
.habicobox li span{height: 60px;width: 60px;}
.habicobox li i{width: 35px;height: 35px;}
.habhaochu li{width: 48%;margin:1%;}
.habhaochu li:nth-child(5){width: 98%;margin:1%;}
.habhaochu{margin:30px 0;}
.habhc_num span{font-size: 30px;}
.habhc_num{font-size: 26px;}
}
@media screen and (max-width:500px){
.htitle{padding:40px 0;}
.htitle h1,.htitle h1 i{font-size: 30px;}  
.habicobox li p{font-size: 14px;} 
}
@media screen and (max-width:450px){
.habicobox li span{height: 50px;width: 50px;}
.haboutright img.fr,.htitle img{width: 80%;}
}
/*产品中心*/
.hproduct{
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: center;
}
.hprobtn{width: 70%;margin:0px auto;}
.hprobtn a{display: block;background-color: #e2e2e2;width: 23%;margin:1%;font-size: 18px;color: #666;text-align: center;border-radius: 30px;line-height: 40px;float: left;}
.hprobtn a.proon,.hprobtn a:hover{background-color: #4a1e13;color: #fff;}
.proCon{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 50px;display: block;}
.pro_iframe{width: 100%;height: 670px;border:none;overflow: hidden;}
.hproconbox{position: relative;width: 100%;height: 670px;text-align: center;}
.view{width: 49%;float: right;position: relative;z-index: 9;}
.view .swiper-wrapper{max-height: 580px;overflow: hidden;}
.view .swiper-slide{width: 100%;position: relative;}
.view .swiper-slide a.pimg{display: block;width: 100%;height:530px;overflow: hidden;}
.view .swiper-slide img{height: auto;width: 100%;display: block;}
.view .swiper-slide span.ptit{display: block;font-size: 24px;color: #fff;font-weight: 700;text-align: center;margin-top: 20px;}
.view .swiper-slide span.ptit strong{display: block;font-size: 24px;color: #fff;font-weight: 700;}
.preview{width: 41.2%;padding:30px;background-color: #fff; position: absolute;left:20px;bottom: 20px;z-index:5;}
.preview .swiper-container{width: 90%;margin:0;height: 161px;}
.preview .swiper-slide{width: 31.33%;}
.preview a{ cursor:pointer;width: 93%;height: 120px;overflow: hidden; display: block;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;}
.preview .swiper-slide img{width: 100%;display: block;transition: all 1s ease 0s;}
.preview h3{font-size: 24px;color: #333;margin-bottom:20px;text-align: left;border-left: 4px solid #5c342a;text-indent: 10px;}
.preview .swiper-slide span{display: block;width: 93%;line-height: 35px;border:1px solid #cccccc; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.preview .swiper-slide:hover,.preview .active-nav{text-decoration: none;}
.preview .swiper-slide:hover a,.preview .swiper-slide:hover span{border-color: #f96833;}
.preview .active-nav a,.preview .active-nav span{border-color: 5c342a;}

.view_btn{width: 108px;height: 88px;position: relative;bottom: 50px;}
.view_btn a{width: 50%;height: 88px;float: left;display: block;position: relative;z-index: 999;}
.view_btn a.arrow-left{background: #5c342a url(../cm_images/l1.jpg) no-repeat;}
.view_btn a.arrow-right{background: #fff url(../cm_images/r1.jpg) no-repeat;}
.hprotxt{padding:20px;background-color: #fff;font-size: 16px;color: #333;line-height: 20px; border-radius: 20px;width: 125px; position: absolute;top:15%;right: 160px;writing-mode: tb-rl; /*word-break:keep-all;white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis;height: 180px;text-align: left;}
.hprotxt p{max-width: 60px;overflow: hidden;}
.hprotxt em{display: block;font-size: 24px;color: #5c342a;border-right: 1px solid #cccccc;line-height: 40px;margin-right: 20px;}
.hprotxt em strong{font-size: 24px;color: #5c342a; font-weight:500;}
.hproinfo{position: absolute;top: 25px;left: -500px;text-align: right;}
.hproinfo h3{color: #e9aa00;font-size: 24px;}
.hproinfo h2{color: #7c020e;font-size: 60px;}
.hproinfo p{color: #333;font-size: 16px;}
a.hpinfobtn{color: #333;font-size: 16px;width: 195px;height: 50px;line-height: 50px;background-color:#d6b375;display: block;border-radius: 35px;text-align: center;float: right;margin-top: 35px;position: relative;overflow: hidden;}
a.hpinfobtn:hover{color: #fff;}
a.hproconboxbtn{display: none;background-color: #ffce10;width: 185px;height: 40px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 40px;overflow: hidden;margin:0px auto 25px;}

@media screen and (max-width:1680px){
.preview{width: 44.7%;}
.preview a{height: 105px;}
.view .swiper-slide img{height: 100%;width: auto;}
}
@media screen and (min-width:1660px){
.preview{ margin-left:160px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.preview{ margin-left:80px;}
}
@media screen and (max-width:1440px){
.preview a{height: 92px;}
.hprotxt{right: 50px;}
.view .swiper-slide a.pimg{}
}
@media screen and (max-width:1400px){
.preview{width: 43.4%;}
}
@media screen and (max-width:1366px){
.preview{width: 43.2%;}
.preview .swiper-container{height: 130px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.preview{ margin-left:30px;}
}
@media screen and (max-width:1360px){
.view{width: 52.6%;}
}
@media screen and (max-width:1300px){
.hproconbox,.pro_iframe{height: 530px;}
.view .swiper-slide a.pimg,.view .swiper-slide{height: 400px;}
.view .swiper-wrapper{max-height: 450px;}
}
@media screen and (max-width:1200px){
.hproinfo{top:0;left: -390px;}
.hproinfo h2{font-size: 45px;}    
.hproinfo h3{display: none;}
.hproconbox,.pro_iframe{height: 480px;}
.view .swiper-slide a.pimg,.view .swiper-slide{height: 350px;}
.view .swiper-wrapper{max-height: 400px;}
.preview a{height: 80px;}
}
@media screen and (max-width:1024px){
.hproinfo,.hprotxt,.view .swiper-slide span.ptit{display: none;}
.view{float: none;width: 100%;clear: both;}
.preview{position: relative;width: 94%;left:0;padding:3%;margin:0px auto;background-color: #5c342a;}
.view .swiper-slide img{margin:0px auto;}
.hproconbox{height: auto;}
.pro_iframe{height: 703px;}
.view .swiper-wrapper{max-height: 356px;}
.preview .swiper-container{height:170px; }
.preview a{height: 130px;}
.view_btn{position:absolute;top: 40%;width: 100%;}
.view_btn a{width: 54px;}
.view_btn a.arrow-left{float: left;}
.view_btn a.arrow-right{background: #5c342a url(../cm_images/r1-2.jpg) no-repeat;right: 0;float: right;}
a.hproconboxbtn{display: block;}
.proCon{margin-bottom: 0px;}
.preview h3{border-left: 4px solid #fff;color: #fff;}

.preview a,.preview .swiper-slide span{border:none;}
.preview .swiper-slide span{color: #333;background-color: #fff;}
}

@media screen and (max-width:960px){
.hprobtn{width: 90%;}
}
@media screen and (max-width:780px){
.preview a,.view .swiper-slide a.pimg, .view .swiper-slide{height: auto;}
.preview h3{margin-left: 15px;}
.preview{width: 100%;padding:0;margin-top: 30px;}
.preview .swiper-container{width: 89%;height: 150px;margin-left: 15px;}
.preview .active-nav a,.preview .active-nav span{color: #5c342a;}
.view .swiper-wrapper{max-height: auto;}
.hprobtn{width: 100%;}
.view .swiper-slide img{width: 100%;height: auto;}
.preview .swiper-wrapper,.preview .swiper-slide{height: auto;}
.pro_iframe{height: 660px;}
}
@media screen and (max-width:560px){
.hprobtn a{width:48%; }
.preview .swiper-container{height: 110px;}
.view_btn a{width: 30px;height: 49px;}
.view_btn a.arrow-left{background-size: 100% 100%;display:none;}
.view_btn a.arrow-right{background-size: 100% 100%;display:none;}
.pro_iframe{height: 545px;}
.view .swiper-wrapper{max-height: 280px;}
}
@media screen and (max-width:450px){
.view .swiper-wrapper{max-height: 225px;}
.pro_iframe{height: 491px;}
.preview{margin-top: 20px;}
.preview{bottom: 0;margin-bottom: 20px;}
}

.smllproduct{margin:1.5%;display: none;}
.smllproduct li{width: 48%;margin:1.5% 1%;float: left;}
.smllproduct li a{display: block;width: 100%;overflow: hidden; transition:.5s;}
@media screen and (min-width:760px){
.smllproduct li a{height:220px;}
}
@media screen and (max-width:760px) and (min-width:460px){
.smllproduct li a{height:160px;}
}
@media screen and (max-width:460px){
.smllproduct li a{height: 100px;}
}

.smllproduct li img{display: block;width: 100%;}
.smllproduct li span{line-height: 40px;font-size: 14px;text-align: center;color: #333;display: block;background-color: #fff;color: #333;position: relative;overflow: hidden;}
a.smllprobtn{display: none;background-color: #ffce10;width: 185px;height: 40px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 40px;overflow: hidden;margin:25px auto;}
@media screen and (max-width:960px){
.smllproduct,a.smllprobtn{display: block;}
.proCon{background-color: #5c342a;}
.pro_iframe{display:none;}
}

/*门店介绍*/
.hshopbox{position: relative;}
.hshopbox,.swiper-container{max-height: 550px\9\0;}
.hshopbox em{display: block;width: 99.7%;height: 477px;overflow: hidden;border:1px solid #fff;}
.hshopbox img{display: block;width:auto; height:100%; margin:auto;transition: all 1s ease 0s;}
.hshopbox span{display: block;font-size: 18px;text-align: center;line-height: 45px;color: #333;background-color: #efefef;}
.hshopbox a{display: block;width: 100%;height: 100%; overflow:hidden; position:relative;}
.hshopinfo{display: none;background-color:rgba(0,0,0,0.8);position: absolute;bottom: 45px; left: 0;line-height: 26px;transition: 0.5;height: 0; width:100%;}
.hshopinfo i{display: block;padding:40% 15%;font-size: 16px;color: #fff;}
.swiper-slide:hover .hshopinfo{display: block;height: 100%;}
.hshopbtn{width: 100%;z-index: 99;}
.hshopbtn div{width: 48px;height: 48px;position: absolute;top:43%;}
.hshopbtn .swiper-button-prev{background: url(../cm_images/sl1.png) no-repeat;left: -40px;}
.hshopbtn .swiper-button-next{background: url(../cm_images/sr1.png) no-repeat;right: -40px;}
.hshopbox .swiper-slide:hover em{border:1px solid #5c342a;}
.hshopbox .swiper-slide:hover span{background-color: #5c342a;color: #fff;}
a.hshopboxbtn{display: block;background-color: #d6b375;width: 185px;height: 50px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 50px;overflow: hidden;margin:20px auto 40px;position: relative;}

a.hcaseboxbtn{display: block;background-color: #ffce10;width: 185px;height: 50px;border-radius: 25px;font-size: 16px;text-align: center;color: #333;line-height: 50px;overflow: hidden;margin:20px auto 0;position: relative;}

@media screen and (max-width:1600px){
.hshopbox em{width: 99.5%;height: 440px;}
}
@media screen and (max-width:1360px){
.hshopbtn div{top:40%;}
.hshopbtn .swiper-button-prev{left:0;}
.hshopbtn .swiper-button-next{right: 0;}
.hshopbox em{height: 395px;}
}
@media screen and (max-width:1200px){
.hshopbox em{height: 340px;}
}
@media screen and (max-width:780px){
.hshopinfo{opacity: 0;}
a.hcaseboxbtn{margin:0 auto;}
}
@media screen and (max-width:680px){
.hshopbox em{height: auto; max-height: 200px; min-height:auto}
.hshopbox img{ width:100%; height:auto;}
}
/*成功案例*/
.hcase{}
.hcase .container{position: relative;overflow: hidden;height: 645px;}
.hcasetit{position: absolute;top:0;right: 0;display: block;}
.hcaseleft{width: 47%;float: left;padding-top: 60px;position: relative;}
.hcaseCon{width: 100%; display: block;}
.cimg{width: 100%;height: 584px;position: relative;overflow: hidden;display: block;}
.cimg img{height: 100%;display: block;}
.cimg span{display: block;width: 100%;position: absolute;bottom: 0;left: 0;background-color:#f96832;font-size: 16px;text-align: center;color: #fff;line-height: 40px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hcase .slide_nav{width: 49%;float: right;height: 100%;position: relative; }
.hcase .slide_nav ul{position: absolute;bottom: 0;left: 0;}
.hcase .slide_nav li{width: 32.33%;margin-right:1.5%;display: block;height: 180px;float: left;}
.hcase .slide_nav li a.slide_img{display: block;width: 100%;height: 100%;overflow: hidden;}
.hcase .slide_nav a.slide_img img{width: 100%;display: block;transition: all 1s ease 0s;}
.hcase .slide_nav li:last-child{margin-right:0;}
.hcase .slide_nav li:hover img,.preview .swiper-slide:hover img,.hshopbox .swiper-slide:hover img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
.cinfo{margin-top:55px;display: block;width: 100%;position: absolute;top: 40px;right:-810px;}
.cinfo h3{font-size: 30px;color: #fff;padding-bottom: 5px;}
.cinfo i{display: block;width: 200px;height: 1px;background-color: #fff;position: relative;left: 0px;}
.cinfo p{font-size: 16px;color: #fff;width: 60%;margin:25px 0;}
a.cbtn{font-size: 16px;color: #fff;width: 100px;height: 35px;line-height: 35px; border:1px solid #fff;text-align: center;display: block;position: relative;overflow: hidden;}
.smallhcase{display: none;}

@media screen and (max-width:1680px){
.cinfo{right: -694px;}
}
@media screen and (max-width:1600px){
.cinfo{right: -734px;}    
}
@media screen and (max-width:1440px){
.cinfo{right: -654px;}    
.cimg{height: 555px;}
.hcase .slide_nav li a.slide_img{height: 145px;}
}
@media screen and (max-width:1400px){
.cimg{height: 377px;} 
.cimg img{height: auto;width: 100%;}
.hcase .slide_nav{width: 100%;float: none;}
.hcase .slide_nav li{height: 200px;}
.hcase .container{height: 665px;}
.hcase .slide_nav li a.slide_img{height: 195px;}
}
@media screen and (max-width:1366px){
.cinfo{right: -605px;}
}
@media screen and (min-width:1200px){
.hcase
}
@media screen and (max-width:1200px){

.hcase .htitle span,.hcase .htitle span i,.hcase .htitle h3{ color:#fff !important;}
.hcase .container{height: auto;}
.hcasetit,.slide_nav,.hcaseleft{display: none;}
.smallhcase{display: block;}
div.htitle2{padding:0 0 40px 0;}
div.htitle2 h1 i{color: #fff;}
.smallhcasebox{width: 100%;}
.smallhcasebox li{width: 32.33%;margin-right:1.5%;display: block;float: left;}
.smallhcasebox a{display: block;width: 100%;height: 180px;overflow: hidden;}
.smallhcasebox a img{width: 100%;display: block;}
.smallhcasebox li span{display: block;width: 100%;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background-color: #5c342a;}
.smallhcasebox li:last-child{margin-right:0;}
}
@media screen and (max-width:680px){
.smallhcasebox li{width: 48%;margin:1%;}
.smallhcasebox li:last-child{margin-right:1%;}
}
@media screen and (max-width:540px){
.smallhcasebox a{height: 130px;}  
div.htitle2{padding:0 0 25px 0;}
}
@media screen and (max-width:480px){
.smallhcasebox li{width: 100%;margin:0 0 20px 0;} 
.smallhcasebox a{height: 190px;}   
}
/*加盟优势*/
.hjiameng{background: url(../cm_images/abbg.jpg) top center no-repeat;background-size: 100%;width: 100%; overflow: hidden;}
.hjm_txt{font-size: 16px;color: #666;width: 60%;float: right;padding:1% 0;line-height: 27px;}
.w-accor{ overflow:hidden; position:relative;}
.w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;}
.w-accor ul{ width:100%;}
.w-accor li{ position:relative; overflow:hidden;float:left;}
.accorClick li{ cursor:pointer;}
.w-accor li .item{ position:relative;}
.w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.w-accor h3{ font-size:125%; margin:0; padding:0; font-weight:normal;}
.w-accor .acr_p{ margin-top:0.5em; }
.w-accor3 li img{ max-width:100%; max-height: 100%; height: 100%;}
.w-accor3 li .cont_ar{ color:#fff;}
.w-accor3 li .left_ar{ position:absolute; right:0; top:0; bottom:0;width:100%;background-color: #f4f4f4;transition:all 0.5s; -webkit-transition:all 0.5s;border-right: 1px solid #fff;}
.w-accor3 li:nth-child(even) .left_ar{background-color: #cccccc;}
.w-accor3 li .left_ar h3{ 
writing-mode: tb-rl;color: #333;letter-spacing: 1px;font-size: 28px;
    position:absolute; left:50%; margin-left:-0.6em;top:30%; top:10%\9; *top:10%; 
}
:root .w-accor3 li .left_ar h3{ top:30%;}
.w-accor3 li .right_ar{ position:absolute; top:0; bottom:0; left:100%; right:0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition-delay: 0.3s; -webkit-transition-delay:0.3s;}
.w-accor3 li .right_ar .dec_ar{ line-height:1.7; position:absolute; left:20px; right:20px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:100%; width:70%;font-size: 18px;}
:root .w-accor3 li .right_ar .dec_ar{ top:50%;}
.w-accor3 li .acr_p{padding:1em; background:rgba(0,0,0,0.7);font-size: 18px;}
.w-accor3 li.cur .left_ar{ width:5em;background-color: #ff7135;}
.w-accor3 li.cur .right_ar{ left:5em;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-accor3 li.cur .left_ar h3{color: #fff;}
.w-accor3 li .left_ar i{display: block;width:44px;height: 66px;position: absolute;left: 50%;margin-left: -22px;top:50px;}

@media (max-width:1440px){
.w-accor3 li .left_ar h3{font-size: 20px;}
:root .w-accor3 li .left_ar h3,.w-accor3 li .left_ar h3{top:35%;}
}
@media (max-width:960px){
.w-accor h3{ font-size:110%;}
.w-accor .acr_p{ font-size:90%;}
.w-accor3 li .img_ar{ height:350px !important;}
.w-accor3 li .img_ar img{ height:100%; max-width:inherit;}
.w-accor3 li .left_ar i{width: 30px;height: 45px;margin-left: -15px;}
.w-accor3 li .right_ar .dec_ar{left: -50px;}
}
/*小屏展示*/
.hjiamengbox{display: none;}
.hjiamengbox li{width:48%;margin:1%;float: left;position: relative;overflow: hidden;height: 180px;}
.hjiamengbox li img.hjmimg{display: block;height: 100%;width: 100%;}
.hjiamengbox li div{width: 80%;height: 95%;padding:5% 10%; position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.7);font-size: 16px;color: #fff;}
.hjiamengbox li div h3{font-size: 22px;}
.hjiamengbox li div h3 img{display: inline-block;margin-right: 10px;width: 35px;}
.hjiamengbox li div p{margin-top: 15px;}
@media (max-width:680px){
.hjm_txt,.w-accor{display: none;}
.hjiameng{background-image: none;}
.hjiamengbox{display: block;}
}
@media (max-width:560px){
.hjiamengbox li{width: 100%;float: none;margin:0 0 2.5% 0;}
.hjiamengbox li img.hjmimg{height: auto;}
.hjiamengbox li{margin-bottom: 2.5%;}
}


/*新闻*/
.hnews{background:#fbfbfb url(../cm_images/newsbg.jpg) top center no-repeat;}
.hnews .htitle span{ color:#4a1e13  !important; text-shadow:0px 0px 2px #111;}
.hnews .htitle h3{ text-shadow:0px 0px 2px #111;}
div.hnestit{padding-top: 120px;}
div.hnestit h1,div.hnestit h3{color: #4a1e13;}
div.hnestit i{display: block;width: 40px;height: 3px;background-color: #fff;margin:20px auto 0;}
.hnews_list li{width: 31.33%;margin-right:3%;float: left;}
.hnews_list li a{display: block;}
.hnews_list li em{display: block;width: 100%;max-height:250px;overflow: hidden; }
.hnews_list li em img{display: block;width: 100%;transition: 0.5s;}
.hnews_list li h4{font-size: 18px;color: #333;margin-bottom: 15px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnews_list li div{background-color: #fff;padding:6% 6% 8% 6%;box-shadow: #ddd 0px 0px 5px;}
.hnews_list li p{font-size: 14px;color: #666;} 
.hnews_list li:last-child{margin-right:0;}
.hnews_list li:hover h4{color: #5c342a;}
.hnewsleft{float: left;width: 56%;}
.hnewsright{float: right;width: 40%;}
.hnltit{width: 100%;height: 25px;line-height: 25px;margin:10px 0 25px 0;}
.hnltit span{float: left;font-size:24px;color: #333;display: inline-block;font-weight: 700;border-left: 4px solid #5c342a;text-indent: 15px;}
.hnltit a.nl_more{float: right;font-size: 14px;color: #666;transition:0.5s;}
.hnltit a.nl_more:hover{color: #f96833;}
.hnewlist{clear: both;width: 100%;height: 150px;display: block;background-color: #f6f6f6;border-bottom: 1px solid #cccccc;}
.hnewlist dt{width: 21%;}
.hnewlist dt a{width: 100%;height: 150px;float: left;overflow: hidden;position: relative;}
.hnewlist dt img{width: auto;height: 100%;transition: all 1s ease 0s;text-align: center;}
.hnewlist dd{width: 74%;padding-right:2%;padding-top:2.5%; float: right;line-height: 24px;overflow: hidden;}
.hnewlist dd a.hnlefttit{display: block; color: #333333;font-style: normal;font-size: 18px;font-weight: 700;margin-bottom: 2.5%;}
.hnewlist dd p{color: #888;font-size: 13px;width: 100%;height: 50px;overflow: hidden;}
.hnewlist dd a.hnlefttit:hover,.hnewlist dd:hover a.hnlbtn,.hnewlist:hover dd a.hnlefttit{color:#fff;}
.hnewlist:hover dt img,.hnews_list li:hover em img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
a.hnlbtn{display:block;font-size: 14px;color: #666;;text-align: right;position: relative;right:10px;transition: 0.5s;}
.hnewlist:hover{background-color: #5c342a;}
.hnewlist:hover span,.hnewlist:hover dd p{color: #fff;}
.hnewlist:hover a.hnlbtn{color: #fff;right:20px;}
.hngslist{width: 100%;position: relative;overflow: hidden;padding: 25px 0;border-bottom: 1px solid #eaeaea;}
.hnjiamenglist{width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #cccccc;background-color: #f6f6f6;padding-top:3%;height: 98px;}
.hnjmdate{width:84px;float: left;display: block;color: #333;padding:0 1%;position: relative;overflow: hidden;transition: 0.5s;}
.hnjmdate span{width: 80%;display: block;margin:0px auto;border:1px solid #333;padding:4%;position: relative;overflow: hidden;}
.hnjmdate em{display: block;text-align: center;font-size: 30px;font-family: 'Impact';}
.hnjmdate i{display: block;text-align: center;font-size: 14px;}
.hnjiamenglist a{width: 80%;float: left;display: block;margin-left: 2%;}
.hnjiamenglist a p span{font-size: 18px;color: #333;display: block;margin-bottom: 5px;}
.hnjiamenglist a p{font-size: 14px;color: #666;line-height: 22px;width: 95%;}
.hnjiamenglist:hover a span{color: #5c342a;}
.hnjiamenglist:hover .hnjmdate{color:#5c342a;}
.hnjiamenglist:hover .hnjmdate span{border-color:#5c342a;}
.hnjiamenglist.border_b{border-bottom: none;}
.hnjmdate span:before,.hnjmdate span:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #5c342a;
  transition:400ms ease all;
}
.hnjmdate span:after{right:inherit;top:inherit;left:0;bottom:0;}
.hnjiamenglist:hover .hnjmdate span:before,.hnjiamenglist:hover .hnjmdate span:after{width:100%;transition:800ms ease all;}
.hnewsrightlist{width: 100%;margin:3% auto;}
.hnewsrightlist li{padding:1%;background-color: #f6f6f6; height: 105.5px;margin-bottom: 2%; position: relative;}
.newsrdate{float: left;width: 15%;height: 90px;color: #666;font-size: 16px;margin-top: 2%;text-align: center;background: url(../cm_images/line.jpg) right top no-repeat;}
.newsrdate span{font-size: 30px;color: #4a4a4a;margin:0 auto;display: block;padding-top: 10px;} 
.newsrtxt{float: left;width: 78%;padding:1% 2%;font-size: 14px;color: #666;line-height:26px;overflow: hidden;}
.newsrtxt span{font-size: 19px;color: #333;margin:2% 0 1% 0;display: block;width: 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsrtxt span strong{font-size: 19px;color: #333;display: block;width: 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnewsrightlist li:hover .newsrtxt span,.hnewsrightlist li:hover .newsrtxt span strong{color: #fff;}
.hnewsrightlist li:hover .newsrtxt{color: #fff;}
.hnewsrightlist li:hover .newsrdate,.hnewsrightlist li:hover .newsrdate span{color: #fff;}
.hnewsrightlist li:hover{background-color: #5c342a;}
.hnewsrightlist li:hover .newsrdate{background: url(../cm_images/line1.jpg) right top no-repeat;}

@media (max-width:1440px){
.hnews_list li em{height: 240px;}
}
@media (max-width:1024px){
.hnews_list li{width: 48%;margin-right: 4%;}
.hnews_list li:nth-child(2){margin-right: 0;}
.hnews_list li:last-child{width: 100%;margin: 30px 0 0 0;}
.hnewsleft,.hnewsright{float: none;width:100%;}
.hnewsright{margin-top: 30px;}
}
@media (max-width:680px){
.hnews_list li{float: none;width: 100%;margin: 30px 0 0 0;}
.hnewlist dt{width: 30%;}
.hnewlist dd{width: 64%;}
.hnjiamenglist a p em{height: 48px;display: block;overflow: hidden;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:560px){
.hnjiamenglist a{width: 75%;}
}
@media (max-width:480px){
.hnewlist dt,.hnewlist dd{width: 100%;}
.hnewlist dt img{height: auto;width: 100%;}
.hnewlist dd{padding:15px 0 15px 0;}
.newsrtxt{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnjmdate,.newsrdate{width: 20%;}
.newsrtxt{float: right;width: 74%;}
}





/*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #292e39;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #292e39;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #292e39;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #292e39;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}

@media (max-width: 990px) {
  #toolbar {
    display: none;
  }
}
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../cm_images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}

.nntit h1{

font-size: 26px;
}