.home-tit{ text-align: center;}
.home-tit p{ margin-top: 10px; font-size: 36px; color: #1f0a00; font-weight: bold; letter-spacing: 2px;}
.home-tit span{ margin-top: 20px; padding: 0 55px; display: inline-block; font-size: 18px; letter-spacing: 3px; position: relative;}
.home-tit span i{ font-style: normal; color: #f08200;}
.home-tit span:before{ content: ""; position: absolute; top:50%; left:0; width: 37px; height: 1px; background: #afb0b7;}
.home-tit span:after{ content: ""; position: absolute; top:50%; right:0; width: 37px; height: 1px; background: #afb0b7;}


.home-tab{ margin-top: 40px; text-align: center;}
.home-tab span{ margin: 0 10px; display: inline-block; width: 150px; height:40px; border:2px solid #e1e0e0; line-height: 36px; font-size: 12px; font-weight: bold; letter-spacing: 2px; cursor: pointer;}
.home-tab span.active{ color: #2d2d2d; border:2px solid #2d2d2d;}


.home-point{ width:100%; background: #f9f9f9; padding: 15px 0;}
.home-point ul{ margin: 0 -8px;}
.home-point li{ float: left; width: 20%; padding: 0 8px;}
.home-point li .item{ background: #FFFFFF; text-align: center; padding: 25px 5px 20px; position: relative;}
.home-point li .item span{ font-size: 40px; font-weight: 300; color: #f08200; position: relative; padding-right:26px;}
.home-point li .item i{ font-style: normal;}
.home-point li .item em{ position: absolute; top:3px; right:0; font-size:30px; line-height: 30px; font-style: normal; font-weight: 200;}
.home-point li:first-child .item em{ font-size: 18px;}
.home-point li .item p{ margin-top: 10px; font-size: 16px; color: #111111;}
.home-point li .item:hover{ background: #ff9517; -o-box-shadow:0 5px 20px rgba(103,59,9,.12); -ms-box-shadow:0 5px 20px rgba(103,59,9,.12); -moz-box-shadow:0 5px 20px rgba(103,59,9,.12);  -webkit-box-shadow:0 5px 20px rgba(103,59,9,.12); box-shadow:0 5px 20px rgba(103,59,9,.12); }
.home-point li .item:hover span{ color: #FFFFFF;}
.home-point li .item:hover p{ color: #FFFFFF;}



.home-customization{ padding: 65px 0 100px;}
.home-customization ul{ margin-top: 50px;}
.home-customization li{ float: left; width: 25%; position: relative; text-align: center;}
.home-customization li a{ display: block; color: #FFFFFF;}
.home-customization li .tip{ position: absolute; top:0; left:0; width: 36px; line-height:18px; background:rgba(0,0,0,.7); padding:15px 8px; color: rgba(255,255,255,.7);}
.home-customization li .text{ position: absolute; top:0; left:0; width: 100%; height: 100%; text-shadow:0 0 2px rgba(0,0,0,.4);}
.home-customization li .text div{ display: inline-block; vertical-align: middle; width: 100%; padding:0 15.5%;}
.home-customization li .text div+i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-customization li .text span{ font-size: 28px; letter-spacing:5px; font-weight:bold;}
.home-customization li .text p{ margin-top: 40px; line-height: 30px; color: #ffffff; letter-spacing:1px;}
.home-customization li .text p i{ font-style: normal; color: #ff8d07; font-weight: bold;}
.home-customization li .text .more{ margin-top: 40px; display: inline-block; width:40px; line-height: 36px; border: 2px solid #FFFFFF; width: 156px; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
.home-customization li a:hover .tip{ color: #f08200;}
.home-customization li a:hover .text .more{ background: #f08200; border: 2px solid #f08200; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,.08); 
-moz-box-shadow:0 0 20px rgba(0,0,0,.08);  -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08); }



.home-case{ padding-bottom: 90px; }
.home-case .js-tab-box{ margin-top:50px;}
.home-case .js-tab-con{ height: 0; margin: 0 -15px; overflow: hidden;}
.home-case .js-tab-con.active{ height: auto;}
.home-case .swiper-slide{ padding: 0 15px 55px;}
.home-case .item{  position: relative;}
.home-case .item .img-div{ position:relative;padding-top:5px;}
.home-case .item .img{ overflow: hidden;}
.home-case .item .img img{ width: 100%;}
.home-case .item .img span{ position: absolute; z-index: 1; top:0; left:23px; display: inline-block;  width: 55px; height: 49px; text-align: center; padding-top: 20px; line-height: 26px; background-image: url(../images/ico_heart.png); color: #FFFFFF;}
.home-case .item .des-img{ position: absolute; bottom:-58px; left:50%; margin-left: -58px; border-radius: 50%; border: 3px solid #FFFFFF; width: 116px; height: 116px; overflow: hidden;z-index: 1;}
.home-case .item .text{ border: 1px solid #eeeeee; border-top: none; text-align: center; padding: 82px 10px 40px;}
.home-case .item .text .tit{ font-size: 20px; color: #1f0a00; font-weight:600;}
.home-case .item .text .tip{ margin-top: 15px;  font-size: 0;}
.home-case .item .text .tip span{ display: inline-block; padding: 0 15px; font-size: 14px; position: relative;}
.home-case .item .text .tip span:after{ content: ""; position: absolute; right:0; top:50%; width: 1px; height: 12px; margin-top: -6px; background: #dcdcdc;}
.home-case .item .text .tip span:last-child:after{ display: none; }
.home-case .item .text .tip span:first-child{ padding-left: 0;}
.home-case .item .text .tip span:last-child{ padding-right: 0;}
.home-case .item .text .tip i{ font-style: normal; color: #f08200;}
.home-case .item .text .zx{ margin-top: 30px; display: inline-block; padding: 10px 50px; border: 2px solid #f3f3f3; font-size: 12px; font-weight: bold;}
.home-case .item:hover{	-o-box-shadow:0 0 15px rgba(0,0,0,.05); -ms-box-shadow:0 0 15px rgba(0,0,.05); -moz-box-shadow:0 0 15px rgba(0,0,0,.05);  -webkit-box-shadow:0 0 15px rgba(0,0,0,.05); box-shadow:0 0 15px rgba(0,0,0,.05); }
.home-case .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-case .item:hover .text{ border: 1px solid #FFFFFF; border-top: none;}
.home-case .item:hover .text .zx{ border: 2px solid #f08200; color: #f08200;}

@media (max-width:1640px) {
	.home-case .item .text .tip span{ padding: 0 8px; font-size: 12px;}
}


.home-order{ padding: 65px 0 35px; text-align: center; background-image: url(../images/home/order_bg.jpg); color:#FFFFFF;}
.home-order .tit{ font-size: 28px; text-shadow: 0 2px 2px rgba(0,0,0,.4); font-weight: bold; letter-spacing: 2px;}
.home-order .con{ margin: 35px auto 0; max-width: 840px;}
.home-order .con div{ float: left; width: 33.3333333333%; padding: 0 10px;}
.home-order .con div input{ width: 100%; height: 40px; padding:10px; line-height: 20px; border: none;}
.home-order .con .bt{ background: #f08200; font-weight: bold; letter-spacing: 2px; text-shadow: 0 2px 2px rgba(0,0,0,.2); color: #FFFFFF;}
.home-order .des{ margin-top: 20px; text-shadow: 0 2px 2px rgba(0,0,0,.4); letter-spacing: 1px;}
.home-order .des em{ color: #ff9110;}



.home-designer{ padding: 95px 0 70px; }
.home-designer .content{ position: relative;}
.home-designer .slick-slide{ padding: 80px 0 120px; z-index:0; position: relative;}
.home-designer .item{ margin-left:1px; display: block; position: relative;}
.home-designer .item .img{ position: relative; cursor: pointer; overflow: hidden;}
.home-designer .item .img img{ width: 100%;}
.home-designer .item .png{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.65);}
.home-designer .item .png span{ position: absolute; bottom:0; right:0;color: #FFFFFF; font-size: 26px; line-height: 26px; width:50px; height: 50px; display: inline-block; background-image: url(../images/home/designer_png.png); background-size: cover; padding-top:18px; padding-left:26px;} 
.home-designer .item .text{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; }
.home-designer .item .text .con{ display: inline-block; vertical-align: middle; padding: 0 10px;}
.home-designer .item .text i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-designer .item .text .tit{ padding-bottom: 18px; position: relative; color: #FFFFFF;}
.home-designer .item .text .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 40px; height: 2px; background: #FFFFFF;}
.home-designer .item .text .tit b{ font-size: 18px; font-weight: bold; letter-spacing: 2px;}
.home-designer .item .text .tit p{ margin-top:10px;}
.home-designer .item .text .tip{ margin-top: 25px; color: #FFFFFF;}
.home-designer .item .text .appoint-button{ margin-top: 40px; display: inline-block; padding:8px 20px; border: 2px solid #f08200; color: #f08200; font-size: 14px; font-weight: bold;}
.home-designer .item .text .des{ margin-top: 10px; font-size: 12px; color: #FFFFFF;}
.home-designer .item .text .des em{ font-style: normal; color: #f08200;}
.home-designer .slick-center{ z-index:2;}
.home-designer .slick-center .item .img{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.home-designer .slick-center .item .png{ display: block;}
.home-designer .slick-center .item .text{ display: block;}
.home-designer .home-button{ position: absolute; bottom:0; left:0; width: 100%;}
.home-designer .slick-prev{ bottom:0; top:auto; margin-top: 0; left:50%; margin-left:-155px;  background-image:url(../images/button_prev.png);}
.home-designer .slick-next{  bottom:0; top:auto; margin-top: 0; right:50%; margin-right: -155px;  background-image:url(../images/button_next.png);}
.home-designer .slick-prev:hover{ background-image:url(../images/button_prevh.png);}
.home-designer .slick-next:hover{ background-image: url(../images/button_nexth.png);}

@media (max-width:1600px) {
	.home-designer .item .text .tit span{ font-size: 16px;}
	.home-designer .item .text .tip{ margin-top: 15px; font-size: 12px;}
	.home-designer .item .text .appoint-button{ margin-top: 20px; padding:5px 12px;}
	.home-designer .item .text .con{ padding: 0;}
}





.home-why{padding: 85px 0 80px; background-image: url(../images/home/why_bg.jpg);}
.home-why ul{ margin-top: 55px; background: #FFFFFF;}
.home-why li{ float: left; width: 20%; border-right: 1px solid #ededed; text-align: center; position: relative; z-index:0;}
.home-why li a{ display: block; position: relative;}
.home-why li a:before{ display: none; content: ""; position: absolute; top:-5%; left:-5%; width: 110%; height: 110%; background: #f08200;}
.home-why li .con{ position: relative;  padding:20px 10px 40px;  border: 1px solid #FFFFFF; z-index: 1;}
.home-why li span{ display: inline-block; border-radius: 50%; background: #FFFFFF; overflow: hidden;}
.home-why li b{ display: block; padding: 15px 0; color: #1f0a00; font-size: 17px; letter-spacing: 2px;}
.home-why li:hover{ z-index: 1; text-shadow: 0 0 2px rgba(0,0,0,.6);}
.home-why li:hover a:before{ display: block;}
.home-why li:hover b{ color: #FFFFFF;}
.home-why li:hover p{ color: #FFFFFF;}



.home-video{ position:relative; cursor: pointer;}
.home-video .text{ position: absolute; top:50%; margin-top: -55px; width: 100%; text-align: center; color:#FFFFFF;}
.home-video .text p{ font-size: 38px; letter-spacing:7px;}
.home-video .text span{ margin-top: 35px; display: inline-block; line-height: 28px; font-size:20px; padding-right: 35px; background: url(../images/home/ico_play.png) no-repeat right;}
.home-video video{ width: 100%;}



.home-site{ padding: 80px 0 60px;}
.home-site .content{ margin-top: 55px; border:4px solid #f1f1f1;}
.home-site .content .tit{ padding: 24px 10px; text-align: center;}
.home-site .content .tit img{ margin-right: 10px; display: inline-block; vertical-align: middle;}
.home-site .content .tit span{ display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; color: #1f0a00; letter-spacing: 3px;}
.home-site .content li{ padding: 20px 0; border-top: 1px solid #f1f1f1; font-size: 0; text-align: center;}
.home-site .content li div{ width: 20%; display: inline-block; vertical-align: middle; font-size: 14px;}
.home-site .content .li-tit{ background: #f1f1f1;}
.home-site .content .li-tit div{ font-size: 16px; color: #1f0a00;}
.home-site .content .li-tit a{ color: #1f0a00;}
.home-site .content li .span-hot{ position: relative; display:inline-block; padding: 0 40px;}
.home-site .content li .span-hot:after{ content: ""; position: absolute; top:50%; right:0; width: 32px; height: 14px; margin-top: -7px; background: url(../images/home/ico_hoth.png);}
.home-site .content li .span-designer{ position: relative; display: inline-block; padding: 0 75px;}
.home-site .content li .span-designer:after{ content: "";  position: absolute; top:50%; right:0; margin-top: -8px;  width: 69px; height: 17px; background: url(../images/home/ico_yy.png);}
.home-site .content li .span-yy{ display: inline-block; padding: 8px 20px; background: #e5e5e5; color: #f08200; font-size: 12px; font-weight: bold; letter-spacing:1px; border-radius:4px;}
.home-site .content li:hover div{ color: #f08200;}
.home-site .content li:hover a{ color: #f08200;}
.home-site .content li:hover .span-hot:after{ background: url(../images/home/ico_hot.png);}
.home-site .content li:hover .span-yy{ background: #f08200; color: #FFFFFF;}
.home-site .swiper-container{ margin: 50px -20px 0;}
.home-site .swiper-slide{ padding:0 20px;}
.home-site .item{ display:block; position: relative;}
.home-site .item img{ width: 100%;}
.home-site .item .text{ position: absolute; bottom:0; left:0; height: 100px; width: 100%; padding: 65px 12px 0; font-size: 17px; font-weight: bold; background: url(../images/home/site_png.png) repeat-x bottom; color: #FFFFFF;}
.home-site .item .text span{ display: block; padding-left: 18px; background: url(../images/home/ico_site_liubian.png) no-repeat left;}
.home-site .home-button{ margin-top: 50px;}




.home-material{ padding: 80px 0 75px; background-image: url(../images/home/material_bg.jpg);}
.home-material ul{ margin:35px -12px;}
.home-material li{ float: left; width: 14.2857143%; padding:12px;}
.home-material li a{ display: block; position:relative;}
.home-material li a:after{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #f08200; -webkit-transition: all ease .4s;  -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.home-material li img{ width: 100%;}
.home-material li a:hover:after{ width: 100%;}



.home-honor{ padding-top: 65px; }
.home-honor .content{ margin-top: 50px; background-image: url(../images/home/home_honor_bg.jpg); background-size: cover; background-position: center center;}
.home-honor .col{ float: left; width: 50%; padding: 75px 5% 70px; }
.home-honor .tit{ font-size: 16px; line-height: 30px; font-weight: bold; padding-left: 15px; position: relative;}
.home-honor .tit:before{ content: ""; position: absolute; top:50%; margin-top:-24px; left:0; width: 3px; height: 48px; background: #f08200;}


.honor-box .tit{ color: #FFFFFF;}
.honor-box .slick{ margin: 45px 0; padding: 0 60px;}
.honor-box .slick-slide .item{ margin: 5px; display: block; border:2px solid #FFFFFF;}
.honor-box .slick-slide .item img{ width: 100%;}



.evaluate-box .tit{ color: #1f0a00; }
.evaluate-box .slick{ margin-top: 40px; padding: 0 55px; width: 100%;}
.evaluate-box .slick-slide{ padding: 0 10px;}
.evaluate-box .slick-prev{ background-image:url(../images/button_prev_white2.png);}
.evaluate-box .slick-next{ background-image: url(../images/button_next_white2.png);}
.evaluate-box .slick-prev:hover{ background-image:url(../images/button_prev_whiteh.png);}
.evaluate-box .slick-next:hover{ background-image: url(../images/button_next_whiteh.png);}
.evaluate-box .item{ margin: 10px 0; width: 100%; background: #FFFFFF; padding:25px 30px; }
.evaluate-box .item .img{ float: left; border-radius: 50%; overflow: hidden;}
.evaluate-box .item .text{ margin-left: 95px; }
.evaluate-box .item .text span{ display: block; color: #1f0a00; font-size: 17px; font-weight: bold;}
.evaluate-box .item .text p{ margin-top: 10px; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden;}
.evaluate-box .home-more{ margin-top: 40px;}



.home-service{ padding: 85px 0 65px;}
.home-service ul{ margin-top: 70px;}


.home-news{ padding: 75px 0 130px; background-image:url(../images/home/news_bg.jpg); background-position: right bottom;}
.home-news .js-tab-box{ margin-top: 55px;}
.home-news .js-tab-con{ margin: 0 -12px; height:0; overflow:hidden;}
.home-news .js-tab-con.active{ height: auto;}
.home-news .swiper-container{ margin-bottom: 75px;}
.home-news .swiper-slide{ padding: 0 12px;}
.home-news .swiper-slide a{ display: block; padding-bottom: 120px; position: relative;}
.home-news .swiper-slide .img{ overflow:hidden;}
.home-news .swiper-slide .img img{ width: 100%;}
.home-news .swiper-slide .text{ position: absolute; bottom: 0; left:0; height: 120px; width: 100%; padding: 30px 80px 0 20px;}
.home-news .swiper-slide .text p{ font-size: 18px; line-height: 28px; color: #101010;}
.home-news .swiper-slide .text span{  margin-top: 10px; display: block; font-size: 12px;}
.home-news .swiper-slide .text div{ margin-top: 20px; display: none; line-height: 32px; color: #FFFFFF; height: 64px; overflow: hidden;}
.home-news .swiper-slide .text i{ position: absolute; bottom:45px; right:20px; display: block; width: 40px; height: 40px; background-image:url(../images/home/ico_news_more.png);}
.home-news .swiper-slide a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news .swiper-slide a:hover .text{ height: 100%; background: #f08200; padding:45px 25px 0;}
.home-news .swiper-slide a:hover .text p{ color: #FFFFFF;}
.home-news .swiper-slide a:hover .text span{ color: rgba(255,255,255,.6); }
.home-news .swiper-slide a:hover .text div{ display: block;}
.home-news .swiper-slide a:hover .text i{ bottom:25px; background-image:url(../images/home/ico_news_moreh.png);}
.home-news .swiper-button-prev{ background-image: url(../images/button_prev_gray.png);}
.home-news .swiper-button-next{ background-image: url(../images/button_next_gray.png);}
.home-news .swiper-button-prev:hover{ background-image: url(../images/button_prevh.png);}
.home-news .swiper-button-next:hover{ background-image: url(../images/button_nexth.png);}

@media (max-width:1600px) {
	.home-news .swiper-slide .text p{ font-size: 16px;}
	.home-news .swiper-slide .text div{ margin-top: 15px; font-size: 12px; line-height: 24px; height: 48px;}
	.home-news .swiper-slide a:hover .text{ padding-top: 30px;}
}