/* ========== */

/* = BANNER = */

/* ========== */

.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-POINT = */
/* ========== */
.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-point li:hover img{ animation: tada 1s; -webkit-animation: tada 1s;}*/
/* ========== */
/* = HOME-TIT = */
/* ========== */
.home-tit{ text-align: center;}
.home-tit .tit{ height: 187px; background: url(../images/home_tit_png2_01.png) top no-repeat; 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: #FF0000;}
.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 #cbaf5c; color: #006e47;  cursor:pointer;}
.home-tab span.active{ background: #FF0000; color: #FFFFFF;}
.home-more{ margin: 0 auto; display: block; width: 180px; text-align: center; height: 40px; line-height: 40px; background: #FF0000; color: #FFFFFF; font-size: 14px; letter-spacing: 1px;}
.home-more:hover{ background: #221815;}
/* ========== */
/* = HOME-WHOLEHOUSE = */
/* ========== */
.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;}


.bgbox{margin: 60px 0;}
.bgbox .tit{text-align: center;background: url(../images/home_tit_png2_01.png) top no-repeat;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 ul{margin-top: 50px}
.bgbox ul li{float: left;width: 33.33%;text-align: center;padding: 0 5px}*/
.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: #ff0000;left:-75px }
.bgbox .desc span:after{ position:absolute; top:50%; content: ""; width: 60px; height: 1px; background: #ff0000;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;}
.tits .tits-cn {font-size: 45px;line-height: 48px;letter-spacing: 5px;}
.tits .tits-en{font-size: 30px;line-height: 48px;letter-spacing: 5px;font-weight: lighter;}
.tits .tits-desc{margin-top: 20px;font-size: 18px;letter-spacing: 3px;line-height: 1.75;text-indent: 42px;}
.bgtonglan{background:#ff0000;margin-top: 0;color:#FFF;margin-top:8px;}
/* ========== */
/* = HOME-VR = */
/* ========== */
.home-vr{ padding-top: 75px; position: relative; z-index: 1;}
.home-vr .home-tab{ text-align: center; margin: 28px 0;}
.home-vr .js-tab-con{ display: none; position: relative;}
.home-vr .js-tab-con.active{ display: block;}
.home-vr .png{ position:absolute; left:80px; top:55px;}
.home-vr .con{ position: relative; max-width: 850px;margin: 0 auto; padding-bottom: 37.5%; overflow: hidden;}
.home-vr .con:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4);z-index:0;}
.home-vr .con iframe{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden;}
.home-vr .con span{ position: absolute; top:50%; left:50%; margin-left: -40px; margin-top: -30px; z-index: 1;}
.home-vr .con:hover:after{ display: none;}
.home-vr .con:hover span{ display:none;}
/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ margin-top: 20px; padding: 50px 0 50px;/* background-image: url(../images/home_case_bg.jpg);*/ background:#eaeaea;}
.home-case .home-tit .tit{ background-image: url(../images/home_tit_png2_01.png);}
.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 #FF0000; background: #FF0000; 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: 67.021277%;}
.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:#FF0000; 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: #101b26; 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{ color: #FFFFFF;font-weight: bold;}
.home-case-list .item:hover .tit i,
.home-case-list .item:hover .text{background-color: #221815;}
.home-case-list .item .tit i.active{ background: url(../images/ico_heart_h.png) left no-repeat; color: #221815;}
/* ========== */
/* = HOME-SERVICE = */
/* ========== */
.home-service{ padding: 57px 0 60px;}
.home-service ul{ margin: 0 -10px;}
.home-service li{ float: left; width: 11%; text-align: center;letter-spacing: 1px;}
.home-service li span{ margin-top: 12px; display: block; font-size: 16px; color: #333333;}
.home-service li p{ margin-top: 2px; font-size: 12px; color: #cccccc; text-transform:uppercase; }
.home-service li:hover img{ animation: bounce 1s; -webkit-transform:  bounce 1s;}
/* ========== */
/* = HOME-DESIGNER = */
/* ========== */
.home-designer{ padding: 120px 0 115px; background-image: url(../images/whole_house_bg.jpg);}
.home-designer .home-tab{ margin: 30px 0 40px;}
.home-designer .js-tab-con{ display: none;}
.home-designer .js-tab-con.active{ display: block;}
.home-designer .item{ margin-bottom: 50px;}
.home-designer .item .img{ float: left; width: 40%; position: relative;}
.home-designer .item .img-vertical{ padding-bottom: 100%;}
.home-designer .item .img-vertical img{ bottom:auto; min-width: 100%; max-height:1000%;}
.home-designer .item .img .text{ position: absolute; bottom:0; left:0; width: 100%; text-align: center; background: rgba(47,126,78,0.8); padding:12px; color: #FFFFFF;}
.home-designer .item .img .text span{ margin: 0 10px;}
.home-designer .item ul{ float: right; width: 60%; margin-top: 60px; position: relative;}
.home-designer .item ul:before{ content: ""; position: absolute; top:-8%; left:0; width: 50%; height:116%;  border:2px solid #ff0000; border-left: none;}
.home-designer .item li{ float: left;  width: 25%; position: relative;}
.home-designer .item li .con{ position: absolute; bottom:0; left:0; width: 100%; height:0%; overflow: hidden; background: rgba(47,126,78,0.8); color: #FFFFFF; text-align: center; overflow: hidden; -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-designer .item li .con div{ display: inline-block; vertical-align: middle; padding:0 10px; font-size: 18px; letter-spacing: 2px;}

.home-designer .item li .con span{  margin-top: 12px; display: inline-block; width: 36px; height: 36px; background: url(../images/ico_search2.png);}

.home-designer .item li .con i{ display: inline-block; vertical-align: middle; height: 100%;}

.home-designer .item li .des{ display: none;}

.home-designer .item li.active .con{  height: 100%; }





/* ========== */

/* = HOME-SOFTFITTED = */

/* ========== */

.home-softfitted{ padding: 110px 0 85px;}

.home-softfitted .slick{ margin:30px -3px 0; width: 100%;}

.home-softfitted .slick-slide{width: 100%; display: flex; align-items: center; margin-bottom: 60px;}

.home-softfitted .slick .slide-item{width: 20%;}

.home-softfitted .slick .slide-item.slide-center{width: 60%; display: flex; align-items: center; flex-flow: wrap;}

.home-softfitted .slick .slide-item dl{width:100%; display: flex; align-items: center; flex-flow: wrap; padding:4px; box-sizing:border-box; position: relative;}

.home-softfitted .slick .slide-item.slide-center dl{width: 50%;}

.home-softfitted .slick .slide-item dt{width: 100%;}

.home-softfitted .slick .slide-item img{width: 100%;}

.home-softfitted .slick .slide-item dd{width:97%; height: 96%; color: #fff; padding:2% 1%; display: flex; align-items: center; justify-content: center; position: absolute; background: rgba(47,126,78,0.8);}



.home-softfitted .slick-dots{ bottom:-40px;}

.home-softfitted .item ul{ float: left; width: 19.98%;}

.home-softfitted .item li{ padding: 3px;}

.home-softfitted .item li .box{ position: relative; text-align: center;}

.home-softfitted .item li .box div{ position: absolute; bottom:0; left:0; width: 100%; height: 0; background: rgba(10,36,68,.8); }

.home-softfitted .item li .box div p{ display: inline-block; vertical-align: middle; font-size: 12px; line-height: 24px; max-height: 48px; overflow: hidden; color: #FFFFFF; padding: 0 30px; text-align: center;}

.home-softfitted .item li .box div i{ display: inline-block; vertical-align: middle; height: 100%;}

.home-softfitted .item li:hover .box div{ height: 100%;}

.home-softfitted .item .big{ float: left; width:60.04%; padding: 3px;}

.home-softfitted .item .big-box{ position: relative; }

.home-softfitted .item .big-box .text{ position: absolute; bottom:0; left:0; padding: 15px 25px; width: 100%; background: rgba(10,36,68,.8);  color: #FFFFFF;}





/* ========== */

/* = HOME-ADD = */

/* ========== */

.home-add{ height: 168px; background-image: url(../images/home_add_bg.jpg);}

.home-add img{ margin: 0;}

.home-add .tit{ float: left; width:25.5%; font-size: 24px; line-height: 30px; color: #c8c8c8; font-weight: lighter; letter-spacing: 5px; padding-bottom: 7px; border-bottom: 2px solid #ff0000; text-align: right; padding-bottom: 10px;}

.home-add .tit span{ display: block; text-transform: uppercase;}

.home-add .text{ margin-left:40px; float: left;}

.home-add .text p{ font-size: 18px;  line-height: 30px; letter-spacing:10px; margin-bottom: 10px; color: #c8c8c8;}

.home-add ul{ float: right; width:40%;}

.home-add ul li{ margin-bottom: 20px; float: left; width:50%; text-align: right;}

.home-add ul li a{ display: inline-block; text-align: left; background: url(../images/ico_right.png) left 7px no-repeat; padding-left: 28px; color:#c8c8c8;}

.home-add ul li p{ margin-bottom: 5px; display: block; font-size: 16px;}









/* ========== */

/* = HOME-CRAFTSMANSHIP = */

/* ========== */

.home-craftsmanship{ padding: 50px 0 50px;}

.home-craftsmanship .ico-box{ margin-top: 20px; text-align: center;}

.home-craftsmanship .ico-box span{ display: inline-block; padding: 0 30px; border-right: 1px solid #e5e5e5;}

.home-craftsmanship .ico-box span:last-child{ border-right:none;}

.home-craftsmanship .ico-box span p{ margin-top: 10px; font-size: 12px; color: #959595;}

.home-craftsmanship ul{ margin: 30px -15px 38px;}

.home-craftsmanship li{ float: left; width: 25%; padding: 0 15px;}

.home-craftsmanship .item{ display:block; color: #FFFFFF; text-align:center; letter-spacing: 1px; position: relative}

.home-craftsmanship .item .tip_bg{width: 100%; height: 100%; position: absolute; top:0; background: rgba(51,44,43,0.5);}

.home-craftsmanship .item .tip{width: 80%; text-align: center; display: inline-block; background: #FF0000; color: #FFFFFF; font-size: 18px; padding: 4px 20px; position: absolute; top: 45%; left: 10%;}





/* ========== */

/* = HOME-HOTCASE = */

/* ========== */

.home-hotcase{ padding: 110px 0 105px; background-image: url(../images/whole_house_bg.jpg);}

.home-hotcase ul{ margin:15px -6px 35px;}

.home-hotcase li{ margin-top: 20px; float: left; width: 25%; padding: 0 6px;}

.home-hotcase li:nth-child(4n+1){ clear:both;}

.home-hotcase li .item{ display: block;}

.home-hotcase li .img{ position: relative; color: #FFFFFF; overflow: hidden;}

.home-hotcase li .img .img-vertical{ padding-bottom: 67.021277%;}

.home-hotcase li .img img{ width: 100%;}

.home-hotcase li .text{ position: absolute; bottom: 0; left:0; width: 100%; line-height: 46px; padding: 0 30px; background: rgba(255,182,0,.5); letter-spacing: 1px;}

.home-hotcase li .text span{ float: left; font-size: 12px;}

.home-hotcase li .text span em{ font-size:24px; letter-spacing:1px;}

.home-hotcase li .text i{ float:right;background: url(../images/ico_heart2.png) no-repeat left; padding-left: 22px; font-size: 16px; font-style: normal;}

.home-hotcase li .pop{  display: none; position: absolute; bottom: 0; left:0; width: 100%; height: 100%; background: rgba(10,36,68,.8); text-align: center;}

.home-hotcase li .pop div{ display: inline-block; vertical-align: middle; padding: 0 15px;}

.home-hotcase li .pop i{display: inline-block; vertical-align: middle; height: 100%;}

.home-hotcase li .pop p{ margin:0 auto 20px;  max-width: 360px; color: #ffffff; font-size: 12px; line-height: 24px; max-height:48px; overflow: hidden;}

.home-hotcase li .pop span{display: inline-block; width: 48px; height: 48px; background: url(../images/ico_search.png);}

.home-hotcase li .tit{ line-height: 60px; height: 60px; text-align: center; padding: 0 50px;} 

.home-hotcase li .tit span{ position:relative; display:inline-block; font-size: 24px; color: #006e47;}

.home-hotcase li .tit span:before,

.home-hotcase li .tit span:after{ content:""; position:absolute; top:50%; width: 30px; height: 1px; background: #006e47;}

.home-hotcase li .tit span:before{ left:-50px;}

.home-hotcase li .tit span:after{ right:-50px;}

.home-hotcase li .item:hover .img img{ transform:scale(1.05); -webkit-transform: scale(1.05);}

.home-hotcase li .item:hover .text{ display: none;color:}

.home-hotcase li .item:hover .pop{ display: block;}







/* ========== */

/* = HOME-NEWS = */

/* ========== */

.home-news{ padding: 110px 0 95px;}

.home-news .home-tab{ margin-top:25px;}

.home-news .js-tab-box{ margin-top: 35px;}

.home-news .js-tab-con{ display:none;}

.home-news .js-tab-con.active{ display: block;}

.home-news .content { margin-bottom: 50px;}

.home-news .content .left{ float: left; width: 580px;}

.home-news .content .left .img{ overflow: hidden; position: relative;}

.home-news .content .left .img img{ position: absolute; top:0;  left:0; width: 100%}

.home-news .content .left .img i{  display: inline-block; padding-bottom: 58.62%; }

.home-news .content .left .text{ padding:27px 45px;}

.home-news .content .left span{ margin-bottom:5px; display:block; font-size: 12px; color: #bbbbbb;}

.home-news .content .tit{ font-size: 18px; color: #222222;}

.home-news .content .des{ margin-top: 12px; font-size: 12px; color: #999999; padding-right: 70px; position: relative;}

.home-news .content .des em{ position: absolute; top:0; right:0; color: #C2A760;}

.home-news .content .left a:hover .img img{ transform:scale(1.05); -webkit-transform: scale(1.05);}

.home-news .content .left a:hover .tit{color: #ff0000;}

.home-news ul{  margin-left: 630px;}

.home-news li{ border-bottom:1px solid #e5e5e5; }

.home-news li a{ display: block; position:relative; padding:20px 20px 20px 154px; position: relative;}

.home-news li a:after{ content: ""; position: absolute; bottom:-1px; left:0; width: 0; height: 2px; background: #C2A760; -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-news li .date{ position: absolute; top:18px; left:30px; height:55px; width:105px; border-right:1px dotted #e1dfe0;}

.home-news li .date span{ display: block; font-size: 24px;}

.home-news li .date p{ margin-top: 5px; font-size: 12px; color: #999999;}

.home-news li a:hover{ -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}

.home-news li a:hover:after{ width: 100%;}

.home-news li a:hover .tit{ color: #C2A760;}









/* ========== */

/* = HOME-BOTTOM = */

/* ========== */

.home-bottom{  padding:40px 0; background-image: url(../images/whole_house_bg.jpg); background-position: top center; text-align: center;}

.home-bottom p{font-size: 18px; color: #525d6e; letter-spacing: 20px; font-weight: lighter; text-transform: uppercase;}

.home-bottom .text{ margin:0 auto; width: 726px; height: 85px; font-size: 24px; line-height: 30px; letter-spacing: 10px; color:#222222; background: url(../images/bottom_bg.png) no-repeat top;}

.home-bottom a{ margin: -17px auto 0; display: block; width: 190px; height:34px; line-height: 34px; background: #ff0000; color: #FFFFFF; }

.home-bottom a:hover{background: #b9834d;}

.home-bottom .tip{ margin-top: 5px; font-size: 12px; letter-spacing:4px; color: #858585; text-transform: uppercase;}









@media (max-width:1600px) {

	

	/* ========== */

	/* = HOME-POINT = */

	/* ========== */

	.home-point li .item div span{ font-size: 14px;}

	.home-point li .item div{ margin-left: 65px;}

	

	

}



.home-brandStory{ margin-top: -125px; position: relative; padding:140px 0 100px;}

.brandStory_bg{ width: 100%; margin-left: -1.7%;}

.home-brandStory .home-brandStory-content{width:100%;}

.home-brandStory .brandStory-video{ margin:0 auto 50px; text-align: center;padding: 30px 0; position: relative;background: url(../images/brandstory_bg.png) no-repeat; background-size: 100%;background-position: 0;}

.brandStory_bg_02{width:60%;}

.home-brandStory .brandStory-video .video{ width: 39%; height: 74%;padding-top: 2.4%; margin: 0 auto;position: absolute; top: 30px; left: 0;  right: 0;}

/*Home 新闻中心*/
.news-box{padding-top: 75px;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;}
.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 img{transform:scale(1.1);-webkit-transform:scale(1.1);}*/
.news-box .news-cont li .li-cont:hover h1{color: #FF0000;}
.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;color:#FF0000}
.news-box .news-cont li .li-cont .desc{height: 105px;line-height: 1.5;font-size: 14px;font-weight: 400;color: #9B9B9B;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.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;}


/*形象店铺*/
.dpxx{background-color:#F0F1F3 ;margin: 0;padding-top: 50px;}

#yshygczgBox{border: 1px solid #FF0000;padding: 30px 20px 20px;position: relative;}
#yshygczgBox i{display: block;width: 30px;height: 30px;position: absolute;top: -13px;left: -1px;background-color: #ff0000;}
#yshygczgBox span{display: block;width: 300px;height: 35px;position: absolute;top: -20px;left: 29px;background-color: #FFF;text-align: center;font-size: 30px;color: #FF0000;font-weight: bold;padding: 0 20px}
#yshygczgBox p{font-size: 16px;line-height: 1.75;text-align:Justify}
#linxingBox li{width: 50%;height: 240px;margin-bottom: 20px;float: left;background: url('../images/linxingbg.png') no-repeat center;padding: 40px;color: #FFF;}
#linxingBox li h3{height: 50px;line-height: 50px;font-size: 24px;font-weight: bold;text-align: center;}
#linxingBox li p{text-align: justify;line-height: 1.75;font-size: 16px;}
.tupian{margin-top: 20px;}
.tupian li{float: left;width: 33.33%;}
.tupian li:nth-child(2){padding:0  20px;height: 320px;overflow: hidden;}
.tupian li p{margin-bottom: 20px;}
.tupian li p img{height: 150px;width: 100%;}
#cflp{padding: 50px 0}