/* = 轮播图 = */
.banner { position: relative;}
.banner .slick-slide{ position: relative;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ margin-top:50px; width: 123px; height: 47px; margin-top: -23px; background-color:rgba(255,255,255,0); border-radius: 0;}
.banner .swiper-button-prev{ left:4%; background-image: url(../images/banner_prev.png);}
.banner .swiper-button-next{ right:4%; background-image: url(../images/banner_next.png);}
.banner .swiper-pagination { bottom: 72px;}
.banner .swiper-pagination .swiper-pagination-bullet { border:1px solid rgba(255,255,255,0);}
.banner .swiper-pagination .swiper-pagination-bullet:before{ background: #FFFFFF;}
.banner .swiper-pagination .swiper-pagination-bullet-active {border:1px solid #ffffff;}
.banner .swiper-pagination .swiper-pagination-bullet-active:before{background: #ffffff;}
.banner .prev-num,
.banner .next-num{ position: absolute; display: block; top: 50%; margin-top: 50px;  margin-top:50px; width: 123px; height: 47px; margin-top: -23px; color: #FFFFFF;}
.banner .prev-num{ left:4%; padding-left: 27px;}
.banner .next-num{ right: 4%; text-align: right; padding-right: 27px;}
.banner-text{ position: absolute; top:50%; margin-top: -70px; left:0; width: 100%; text-align: center; color: #FFFFFF;}
.banner-text h2{ font-size: 48px; letter-spacing: 10px;}
.banner-text .cn{ margin-top: 5px; font-size: 18px; letter-spacing: 5px;}
.banner-text .en{ margin-top: 5px; font-size: 14px; text-transform: uppercase; letter-spacing:3px;}
.banner-more{ margin-top:40px; display: inline-block; padding: 12px 50px; letter-spacing:2px; text-transform: uppercase; font-size: 12px; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.6); color: #FFFFFF;}
.banner-more:hover{ background: rgba(255,255,255,.4);}
/* = 公用头样式 = */
.home-tit{ text-align: center;}
.home-tit .tit{ height: 187px;  padding-top: 80px;}
.home-tit .tit span{ display: block; font-size: 30px; line-height: 30px; color: #333333; font-weight:lighter; letter-spacing: 2px; text-transform: uppercase;}
.home-tit .tit p{ font-size: 38px; line-height:48px; color: #000; letter-spacing: 7px;}
.home-tit .des{ margin-top: 10px; font-size: 22px; color: #333333; letter-spacing: 5px; font-weight:lighter;}
.home-tit .des span{ position: relative; }
.home-tit .des span:before,
.home-tit .des span:after{ position:absolute; top:50%; content: ""; width: 60px; height: 1px; background: #ba181b;}
.home-tit .des span:before{ left:-75px;}
.home-tit .des span:after{ right:-75px;}
.home-tit .tip{ margin-top: 8px; color: #333333; letter-spacing:15px; opacity: .8;}
.home-tab { text-align: center;}
.home-tab span,.home-tab a{display: inline-block; margin: 0 3px; width: 120px; line-height: 30px; border: 1px solid #ba181b; color: #006e47;  cursor:pointer;}
.home-tab span.active{ background: #ba181b; color: #FFFFFF;}
.home-more{ margin: 0 auto; display: block; width: 180px; text-align: center; height: 46px; line-height: 46px; background: #C30101; color: #FFFFFF; font-size: 12px; letter-spacing: 1px;}
.home-more:hover{ background: #221815;}
/**公司简介**/
.bgbox{margin: 60px 0;}
.bgbox .tit{text-align: center;height: 187px;padding-top: 80px;}
.bgbox .tit h2 p{font-size: 38px;line-height: 48px;color: #000;letter-spacing: 7px;}
.bgbox .tit span{display: block;font-size: 30px;line-height: 30px;color: #333333;font-weight: lighter;letter-spacing: 2px;text-transform: uppercase;}
.bgbox .desc{margin-top: 15px;font-size: 18px;color: #333333;font-weight: lighter;text-align: center;line-height: 1.75;}
.bgbox .desc span{position: relative;font-size: 22px;color: #333333;letter-spacing: 5px;font-weight: lighter;}
.bgbox .desc span:before{position:absolute; top:50%; content: ""; width: 60px; height: 1px; background: #ba181b;left:-75px }
.bgbox .desc span:after{ position:absolute; top:50%; content: ""; width: 60px; height: 1px; background: #ba181b;right: -75px}
.bgbox .item{display: block;color: #FFFFFF;text-align: center;letter-spacing: 1px;position: relative;}
.bgbox .item p img{width: 100%;}
.bgbox .item .tip-title img{width: 30px;height: 30px;}
.bgbox .item .tip-title span{font-weight: bold;}
.bgbox .item .tip-title{width: 100%;line-height: 32px;text-align: center;font-size: 16px;font-weight: 200;position: absolute;bottom: 20%;left: 0;}
.bgbox .item .tip{width: 80%;text-align: center;display: inline-block;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size: 18px;padding: 8px 20px;position: absolute;bottom: 10%;left: 10%;}
.bgbox .item .tip_bg{width: 100%; height: 100%; position: absolute; top:0; background: rgba(0,0,0,0.5);}
.w60{width: 60%}
.w40{width: 40%}
.fleft{float: left;}
.fright{float: right;}
.bgtonglan{background:#F0F0F0;margin-top: 0}
.bgtonglan .fleft{padding-right:30px}
.bgtonglan .fright{margin-top:60px}
.bgtonglan .tits .tits-cn {font-size: 30px;line-height: 48px;color: #000;letter-spacing: 5px;}
.bgtonglan .tits .tits-en{font-size: 14px;line-height: 1.5;color: #000;letter-spacing: 5px;font-weight: lighter;}
.bgtonglan .tits .tits-desc{margin-top: 20px;font-size: 16px;letter-spacing: 3px;line-height: 1.75;text-indent: 42px;text-align:justify}
.bgtonglan .tits .tits-desc b{color: #231816}
/* = 合作加盟 = */
.home-point{ position: relative; z-index:1;}
.home-point li{ float: left; width: 33.33%; border-right: 1px solid #dcdcdc; text-align: center; }
.home-point li a{ display: block;padding: 10px 10px 22px; min-height: 110px; }
.home-point li:nth-child(3){ border-right: none;}
.home-point li .item{ display: block;}
.home-point li .item img{width: 100%;}
.home-point li .item div{ text-align: left; padding-top:8px;}
.home-point li .item div span{ display: block; font-size: 28px;font-weight: bold; line-height: 45px; color: #333333;text-align: center;letter-spacing: 3px}
.home-point li .item div p{ margin-top:3px; color: #666666; font-size:18px; text-transform: uppercase;line-height: 1.75;overflow: hidden;text-align: center;}
.home-point li a:hover{background-color:#221815 ;}
.home-point li a:hover span{color: #FFF;}
.home-point li a:hover p{color:#FFF;}
.home-wholehouse{  padding: 30px 0; background:#ffffff;}
.home-wholehouse-ul{ margin: 0 -18px 100px;  padding-bottom: 75px; border-bottom: 1px solid #dcdcdc; }
.home-wholehouse-ul li{ margin-top: 30px; padding: 0 18px; float: left; width: 33.333333333%;}
.home-wholehouse-ul li .img{ overflow: hidden;}
.home-wholehouse-ul li span{ margin-top: 40px; display: block; font-size: 20px; color:#000000; letter-spacing: 2px;}
.home-wholehouse-ul li p{ margin-top: 10px; font-size:16px; color: #999999; }
.home-wholehouse-ul li:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-wholehouse-ul li:hover span{ color: #c38e59;}
/* = 产品介绍 = */
.home-case{ margin-top: 20px; padding: 50px 0 50px;/* background-image: url(../images/home_case_bg.jpg);*/ background:#eaeaea;}

.home-case .home-tab{ margin: 22px 0;}
.home-case .home-tab span,
.home-case .home-tab a{ border: 1px solid #DCDCDC; background: rgba(255,255,255,.1); color: #999;}
.home-case .home-tab span.active{ border: 1px solid #ba181b; background: #ba181b; color:#fff}
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display: block; margin-bottom:60px}
.home-case-list li{ float: left; padding: 8px; width: 25%;}
.home-case-list li:nth-child(4n+1){ clear: both; /*margin: 0 10%;*/}
.home-case-list .item{ display: block; background: #FFFFFF;}
.home-case-list .item .img{ position: relative; overflow: hidden; display: block;}
.home-case-list .item .img-vertical i{ padding-bottom: 100%;}
.home-case-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(51,44,43,0.5); text-align: center; overflow: hidden;}
.home-case-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:0 20px;}
.home-case-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-case-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size: 16px; line-height: 28px; max-height:84px; overflow: hidden;}
.home-case-list .item .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../images/ico_search.png);}
.home-case-list .item .text{ padding: 15px 32px; background:#ba181b; color:#fff}
.home-case-list .item .tit{ position: relative;}
.home-case-list .item .tit span{ display: block; color: #fff; line-height:26px; font-size: 18px;}
.home-case-list .item .tit i{position: absolute; top:0; right:0; line-height:26px;  background: url(../images/ico_heart.png) no-repeat left; padding-left: 22px; color: #FFF; font-size: 16px; font-style: normal; cursor: pointer;}
.home-case-list .item .des{ margin-top: 8px; font-size: 12px;}
.home-case-list .item .des span{ margin: 0 15px;}
.home-case-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-case-list .item:hover .pop{ height: 100%;}
.home-case-list .item:hover .tit span{}
.home-case-list .item:hover .tit i,
.home-case-list .item:hover .text{background-color: #161a1d;color:#FFF}
.home-case-list .item .tit i.active{ background: url(../images/ico_heart_h.png) left no-repeat; color: #FFF;}
/*Home 新闻中心*/
.news-box{background-color: #FBFBFB;}
.news-box .news-cont{padding: 50px 0px;}
.news-box .news-cont .home-more{margin-top: 50px;}
.news-box .news-cont li{width: 25%;display: block;float: left;padding: 0 10px;margin-bottom:20px;}
.news-box .news-cont li .li-cont{background-color: #FFFFFF;padding: 10px;box-shadow: 0 20px 24px #CCC;display: block;}
.news-box .news-cont li .li-cont:hover{background-color: #221815;}
.news-box .news-cont li .li-cont:hover h1{color: #C30101;}
.news-box .news-cont li .li-cont h1{padding: 10px 0px;line-height: 1.5;font-size: 14px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-box .news-cont li .li-cont .desc{height: 63px;line-height: 1.5;font-size: 13px;font-weight: 400;color: #9B9B9B;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-box .news-cont li .li-cont .time{color:#ccc;text-align:right;font-size:13px;}
.news-box .news-cont li .li-cont img{width: 100%;/*transition:all .3s;*/height:200px;}
.news-box .news-cont li .li-cont .view{border: 2px solid #F39910;border-radius: 5px;width: 100px;height: 35px;line-height: 29px;display: block;font-size: 14px;font-weight: bold;margin-top: 10px;text-align: center;}
.news-box .news-cont li .li-cont .view:hover{background-color: #F49B0F;border: 2px solid #F49B0F;color: #FFF;}