/* a:hover */
.pro_item .title a:hover{color: #9A6141;}

.pro_class_more .icon::before{
	font-family: fontawesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
}

.pro_class_more, .about_item_list li .txt::before, .design_info, .news_info, .visit_form input.sub{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.home_class_item .class_pic img, .home_about_pic .wel_pic img, .design_item .des_pic img, .visit_left .visit_pic img, .home_news_item .news_pic img, .customer_item .user_pic img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.home_class_item:hover .class_pic img, .home_about_pic .wel_pic:hover img, .design_item:hover .des_pic img, .visit_left:hover .visit_pic img, .home_news_item .news_pic:hover img{
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.customer_item:hover .user_pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* slider_banner */
.slider_banner .swiper-pagination {padding-bottom: 15px;}
.slide-page-box {display: none;}
.slider_banner {position: relative;}
.slider_banner, .swiper-slide {overflow: hidden;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
    width: 56px; height: 56px; line-height: 54px; margin-top: -28px; 
	opacity: 0; background-image: none; border-radius: 50%;
}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 0;}
.slider_banner .swiper-button-next {right: 0;}
.slider_banner:hover .swiper-button-prev {left: 20px;}
.slider_banner:hover .swiper-button-next {right: 20px;}
.slider_banner .swiper-pagination {
	width: 100%; text-align: center; left: 0; bottom: 10px
}
.slider_banner .swiper-pagination .swiper-pagination-bullet {
	width: auto; height: auto; margin: 0 8px; border-radius: 0;
	padding: 8px 0; background: 0;
}
.slider_banner .swiper-pagination .swiper-pagination-bullet:before {
	content: ""; display: block; width: 36px; height: 6px;
	border-radius: 1em; background-color: rgba(0,0,0,.9)
}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active:before {
	background-color: hsla(0,0%,100%,.9)
}
.slider_banner .swiper-slide img+img {
	position: absolute; left: 0; top: 0
}
.slider_banner .swiper-slide img {
    width: 100%; transition: 3s linear; transform: scale(1.08);
}
.slider_banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}
.slider_banner .swiper-pagination-bullet {margin: 0 8px;}

.banner_txt{position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,.4); padding: 0.78rem 0.6rem;}
.banner_txt .title{font-size: 0.56rem; line-height: 0.64rem;}
.banner_txt ul{float: left;}
.banner_txt ul li{line-height: 0.28rem; color: #fff; font-size: 0.24rem; margin-top: 0.25rem;}
.banner_txt ul li a{color: #fff;}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 950px) {
	.web_main{background: #fff;}
	.slider_banner-phone{display: block; margin-top: 55px;}
	.slider_banner{margin-top: 50px; display: none;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}


/* home_pro_class */
.home_pro_class{}
.home_pro_class .layout{width: 100%; padding-left: calc((100% - 1480px)/2);}
.home_pro_class .web_th{width: 30%;}

.home_pro_class .brief{margin: 10% 0 12% 34px; max-height: 10.5em; overflow-y: auto;}

.pro_class_more{line-height: 30px; color: #C09D77; font-weight: bold; margin-left: 34px;}
.pro_class_more .icon::before{content: '\f105'; font-size: 32px; margin-right: 6px;}
.pro_class_more:hover{margin-left: 40px;}

.pro_class_right{width: 67%; position: relative; margin-right: 8px;}
.pro_class_right .swiper-container-horizontal{}
.pro_class_right .swiper-slide{width: calc((100% - 28px) / 3); margin-right: 14px; vertical-align: middle;}

.home_class_item{position: relative; background: #000;}
.home_class_item .class_pic{padding-bottom: 151%;}

.home_class_info{position: absolute; left: 20px; right: 20px; top: 50%; transform: translateY(-50%);}
.home_class_info .icon{height: 72px; margin: 0 auto; display: block;}
.home_class_info .title{color: #fff; text-align: center;}

.home_class_item:hover .class_pic img{opacity: 0.75;}

.pro_class-pagination{display: none;}

@media only screen and (max-width: 1580px) {
	.home_pro_class .layout{padding-left: 50px; padding-right: 0; box-sizing: border-box;}
}
@media only screen and (max-width: 1200px) {
	.home_pro_class .brief, .pro_class_more{margin-left: 26px;}
}
@media only screen and (max-width: 950px) {
	.home_pro_class .layout{padding: 0 15px;}
	.pro_class_inner{flex-direction: column;}
	.home_pro_class .web_th{width: 100%;}
	.home_pro_class .brief{margin: 15px 0; max-height: unset;}
	.pro_class_more{margin-left: 0;}
	
	.pro_class_right{width: 100%; margin-right: 0; margin-top: 10px;}
	.home_class_info{left: 15px; right: 15px;}
	.home_class_info .icon{height: 60px; margin-bottom: 6px;}
	.home_class_item .class_pic img{opacity: 0.75;}
	
	.pro_class-next, .pro_class-prev{display: block !important;}
}


/* home_about */
.home_about{}

.home_about_pic{width: 49%; position: relative; padding-bottom: 7.5%; height: 100%;}

.wel_pic_item{width: calc(50% - 6px); margin-right: 12px; float: left;}
.home_about_pic .wel_pic{border-radius: 2px; padding-bottom: 174%;}
.wel_pic_item:nth-child(2){position: absolute; z-index: 1; right: 0; bottom: 0; margin-right: 0;}

.home_about_info{width: 48.5%; padding-top: 7.5%;}
.home_about_info .web_th .title{padding-left: 0;}
.home_about_info .web_th .title::before{width: 0; opacity: 0;}
.home_about_info .brief{max-height: 10.5em; overflow-y: auto;}

.about_item_list{margin-top: 6%;}
.about_item_list li{width: 48%; margin-bottom: 24px;}
.about_item_list li .txt{position: relative; line-height: 24px; padding: 5px 0; padding-left: 50px;}
.about_item_list li .txt::before{position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: url(../img/icon_right.png) no-repeat center/20px auto; background-color: #C09D77; content: '';}
.about_item_list li:hover .txt::before{background-color: #9A6141;}

@media only screen and (max-width: 1200px) {
	.about_item_list li{margin-bottom: 20px;}
}
@media only screen and (max-width: 950px) {
	.home_about{}
	.home_about .layout{flex-direction: column;}
	.home_about_pic{width: 100%; padding: 5px 0 50px; order: 2;}
	.home_about_info{width: 100%; padding: 0; order: 1;}
	.home_about_info .brief{max-height: unset;}
	
	.about_item_list li .txt{padding: 3px 0; padding-left: 40px;}
	.about_item_list li .txt::before{width: 30px; height: 30px; background-size: 18px auto;}
}


/* home_advantage */
.home_advantage{}

.advantage_inner{padding: 3% 0 0;}

.advantage_num{width: 26%; padding-bottom: 30px;}
.advantage_num .number{position: relative; font-size: 160px; font-family: 'DIN-Bold';  color: #0E0E0E; z-index: 0; padding: 0 0 12% 6%; line-height: 1;}
.advantage_num .number::before{position: absolute; left: 0; bottom: 0; width: 130px; height: 130px; background: #C2947A; content: ''; z-index: -1;}
.advantage_num .title{font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: 1.5; margin-top: 20px;}

.advantage_ul{width: 69%;}
.advantage_ul li{width: 48.5%;}
.advantage_ul li:nth-child(n+3){margin-top: 12%;}
.adv_item .adv_pic{overflow: hidden; position: relative; z-index: 0; padding: 12px 5px 0 0; margin-right: 20px;}
.adv_item .adv_pic::before{position: absolute; top: 0; right: 0; width: 45px; height: 45px; border-radius: 4px; background: #C2947A; content: ''; z-index: -1;}
.adv_item .adv_pic img{display: block; height: 80px; width: 80px;}

.adv_info{flex: 1;}
.adv_info .title{display: block; margin: 5px 0 15px; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.adv_info .txt{display: block; color: #666; line-height: 1.75; max-height: 8.75em; overflow-y: auto;}

.adv_item:hover .adv_pic img{animation: swing 0.5s;}
.adv_item:hover .adv_info .title{}

@media only screen and (max-width: 1450px) {
	.advantage_num .number{font-size: 130px;}
	.advantage_num .number::before{width: 110px; height: 110px;}
	.advantage_num .title{font-size: 30px;}
}
@media only screen and (max-width: 1350px) {
	.advantage_num .number{font-size: 100px;}
	.advantage_num .number::before{width: 90px; height: 90px;}
	.advantage_num .title{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.advantage_num .number{font-size: 80px; padding: 0 0 10% 6%;}
	.advantage_num .number::before{width: 65px; height: 65px;}
	.advantage_num .title{font-size: 24px;}
	.advantage_ul li:nth-child(n+3){margin-top: 6%;}
	.adv_info .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.advantage_inner{flex-direction: column;}
	.advantage_num{width: 100%; margin-top: 15px; padding-bottom: 0;}
	.advantage_ul{width: 100%;}
	
	.advantage_num .number{font-size: 64px; padding: 0 0 15px 32px;}
	.advantage_num .number::before{width: 76px; height: 76px;}
	.advantage_num .title{font-size: 20px;}
	
	.adv_info .txt{max-height: unset;}
	.advantage_ul{flex-direction: column; padding: 0;}
	.advantage_ul li{margin: 24px 0 0; width: 100%; align-items: center;}
	.advantage_ul li:nth-child(n+3){margin-top: 24px;}
	.adv_info .title{margin: 0 0 10px; font-size: 20px;}
	
	.adv_item .adv_pic{padding: 6px 2px 0 0;}
	.adv_item .adv_pic::before{width: 28px; height: 28px;}
	.adv_item .adv_pic img{width: 52px; height: 52px;}
}


/* home_design */
.design_pc{display: block;}
.design_ul{margin: 30px 0 0;}

.design_ul li{width: 25%; margin-right: 25px; margin-top: 25px; overflow: hidden;}
.design_ul li:nth-child(3n){margin-right: 0;}
.design_ul li:nth-child(1), .design_ul li:nth-child(6){width: calc(50% - 50px);}

.design_item{position: relative; z-index: 0;}
.design_item .des_pic{padding-bottom: 115%;}
.design_ul li:nth-child(1) .des_pic{padding-bottom: 0; height: 100%;}
.design_ul li:nth-child(6) .des_pic{padding-bottom: 0; height: 100%;}

.design_info{position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; z-index: 1; color: #fff; background: rgba(0, 0, 0, .5); padding: 0 7%;}
.design_info .title{font-size: 32px; font-weight: bold; margin-top: 12%; text-transform: uppercase; color: #fff;}
.design_info .brief{line-height: 1.75; margin-top: 12px; color: #fff; opacity: 0;}

.design_ul li:nth-child(1) .design_info .brief, .design_ul li:nth-child(6) .design_info .brief{max-height: 60%;}

.design_item:hover .design_info{bottom: 0;}
.design_item:hover .design_info .brief{opacity: 0.95;}
.design_info .title:hover{
	color: #9A6141;
}
.design_phone{display: none; position: relative;}
.design-pagination{display: none;}

@media only screen and (max-width: 1450px) {
	.design_info .title{font-size: 30px;}
}
@media only screen and (max-width: 1350px) {
	.design_info .title{font-size: 28px;}
}
@media only screen and (max-width: 1200px) {
	.design_info .title{font-size: 26px; margin-top: 8%;}
}
@media only screen and (max-width: 950px) {
	.design_info .title{font-size: 26px; margin-top: 30px;}
	.design_pc{display: none;}
	.design_phone{display: block; padding-top: 20px;}
	.design_item .des_pic{padding-bottom: 110%;}
	.design_item .design_info{bottom: 0; padding: 0 30px;}
	.design_info .brief{opacity: 1; max-height: 72%;}
}

/* home_customer */
.home_customer{background: url(../img/bg1.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position: relative;}
.home_customer::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); content: ''; z-index: 0;}
.home_customer .web_th .brief{margin-top: 30px;}

.customer_inner{margin-top: 3%; position: relative;}
.customer_inner .swiper-slide{width: calc((100% - 220px) / 3); margin-right: 110px; height: auto;}
.customer_item{background: #fff; border-radius: 32px; padding: 32px; height: 100%; position: relative;}
.customer_item .user_pic{height: 80px; width: 80px; border-radius: 10px; margin-right: 20px;}
.customer_item .customer_info{flex: 1;}
.customer_info .title{font-size: 24px; font-weight: bold; line-height: 30px;}
.customer_info .title_up{text-transform: uppercase; margin: 5px 0 15px;}
.customer_info .title .txt{font-size: 16px; font-weight: normal;}

.customer_item .brief{color: #666; line-height: 1.75; margin: 20px 0 45px; max-height: 14em; overflow-y: auto;}

.customer_star{position: absolute; bottom: 30px;}
.customer_star .star_item{background: url(../img/star.png) no-repeat left center; background-size: 30px auto; width: 30px; height: 30px; margin-right: 6px;}

.customer-pagination{display: none;}
.customer-prev{left: -25px;}
.customer-next{right: -25px;}

@media only screen and (max-width: 950px) {
	.home_customer{padding: 35px 0;}
	.home_customer .web_th .title br{display: none;}
	.home_customer .web_th .brief{margin-top: 20px; display: none;}
	.customer_inner{margin-top: 26px;}
	.customer_inner .swiper-slide{width: 100%; margin-right: 15px;}
	.customer_item{padding: 25px;}
	.customer_info .title{font-size: 20px;}
	.customer_info .title_up{margin: 2px 0 12px;}
	.customer_item .user_pic{margin-right: 15px; width: 70px; height: 70px;}
	.customer_item .brief{max-height: unset; margin-bottom: 40px;}
	.customer-prev{left: -10px;}
	.customer-next{right: -10px;}
	.customer_star{bottom: 24px;}
}


/* home_visit */
.home_visit{position: relative;}
.home_visit_bg{position: absolute; left: 0; top: 0; right: 0; height: 76%; background: #9A6141;}
.visit_bg{background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/index9.jpg); width: 50%; position: relative;}
.visit_bg::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); content: ''; z-index: 0;}

.visit_form{margin: 3% 0 5%; padding: 0 40px;}
.visit_form input{line-height: 40px; padding: 20px; font-weight: bold; font-size: 20px; background: #814A2C; color: #fff; border: 0;}
.visit_form input.txt{width: 38%; margin-right: 15px;}
.visit_form input.sub{width: calc(24% - 30px); background: #fff; color: #333; margin: 0; height: 80px;}
.visit_form input.sub:hover{background: #9A6141; color: #fff;}

.visit_form input::-webkit-input-placeholder {color: #fff;}
.visit_form input::-moz-placeholder {color: #fff; opacity: 1;}
.visit_form input:-ms-input-placeholder {color: #fff;}
.visit_form input:-moz-placeholder {color: #fff;}


.visit_inner{}
.visit_left{width: 35%;}
.visit_left .visit_pic{padding-bottom: 80%; height: 100%; padding-bottom: 0;}
.visit_right{width: 65%; background: #0E0E0E;}
.visit_info{padding: 6.5% 0; width: 90%; margin: 0 auto; max-width: 750px; color: #fff;}
.visit_info .title{font-size: 32px; font-weight: bold;}
.visit_info .brief{margin: 5% 0; line-height: 1.75; opacity: 0.95; max-height: 7em; overflow-y: auto;}

.visit_contact a{color: #fff; font-weight: bold; font-size: 20px; white-space: nowrap;}
.visit_contact img{width: 64px; height: 64px; border: 2px solid #fff; border-radius: 50%; padding: 12px; margin-right: 10px;}
.visit_contact a:hover{color: #9A6141;}
.visit_contact a:hover img{animation: swing 0.5s;}
.visit_contact a.tel{margin-right: 6%;}

@media only screen and (max-width: 1350px) {
	.visit_form input{padding: 14px 20px;}
	.visit_form input.sub{height: 68px;}
	.visit_info .title{font-size: 30px;}
}
@media only screen and (max-width: 1200px) {
	.visit_form{padding: 0 20px;}
	.visit_form input{padding: 10px 20px; font-size: 18px;}
	.visit_form input.sub{height: 60px;}
	.visit_info .title{font-size: 28px;}
	.visit_contact a.tel{margin-bottom: 20px;}
	.visit_contact img{width: 56px; height: 56px; margin-right: 8px;}
}
@media only screen and (max-width: 950px) {
	.home_visit .layout{padding: 0;}
	.visit_bg{width: 100%;}
	.home_visit_bg{height: 300px;}
	.visit_form{padding: 0 26px; margin: 0 0 30px;}
	.visit_form input{border-radius: 8px; margin-top: 16px; line-height: 32px;}
	.visit_form input.txt{width: 100%; margin-right: 0;}
	.visit_form input.sub{width: 160px; height: 48px; margin-top: 16px;}
	
	.visit_left{display: none;}
	.visit_right{width: 100%; padding: 0 15px;}
	.visit_info{padding: 30px 0; width: 100%;}
	.visit_info .title{font-size: 26px;}
	.visit_info .brief{max-height: unset;}
	.visit_contact a.tel{margin-bottom: 18px;}
	.visit_contact img{width: 34px; height: 34px; padding: 5px;}
}

@keyframes scale {
	0% {
		transform: scale(1); opacity: .9;
	}
	100% {
		transform: scale(5); opacity: 0;
	}
}

@keyframes scale2 {
	0% {
		transform: scale(1); opacity: .9;
	}
	100% {
		transform: scale(10); opacity: 0;
	}
}


/* home_news */
.home_news .web_th .title{color: #333;}
.home_news .web_th .brief{width: 69%; margin-top: 0;}
.news_inner{padding: 2.6% 0 0 32px; padding-right: calc((100% - 1480px) / 2);}

.home_news_item{}
.news_left_pic{width: 20%; margin-right: 20px;}
.news_mid_pic{width: 36%;}
.news_left_pic .news_pic{padding-bottom: 85%; background: #000;}
.news_mid_pic .news_pic{padding-bottom: 75%; background: #000;}
.home_news_item .news_pic img{opacity: 0.9;}
.news_right_div{flex: 1; padding-top: 10%;}

.news_info{background: #9A6141; color: #fff; padding: 5% 6%; position: relative;}
.news_info::before{position: absolute; content: ''; left: 0; top: 20px; width: 5px; height: 75px; background: #fff;}

.news_info .news_date{padding-left: 52px; background: url(../img/icon_date.png) no-repeat left center/45px auto; line-height: 48px; font-size: 24px;}
.news_info .link_title{height: 2.5em; overflow: hidden; line-height: 1.25; font-size: 32px; color: #fff; margin: 14px 0; font-weight: bold;}
.news_info .link_title a{color: inherit; transition: color 0s ease-in-out;}
.news_info .brief{line-height: 1.75; height: 4.75em; overflow: hidden; opacity: 0.95;}
.news_info .order{color: #000; font-family: 'DIN-Medium'; margin: 14px 0 0;}
.news_info .order .active{color: #fff; font-size: 32px; margin-right: 2px;}
.news_info .order .def{margin-left: 2px;}

.home_news_item .news_pic:hover img{opacity: 1;}
.news_info:hover{background: #814A2C;}
.news_info:hover .link_title a{text-decoration: underline;}

.news_info .news_more{display: none;}

.swiper_news{position: relative;}
.news_btns{position: absolute; right: 0; top: 10%; width: 140px; height: 60px;}
.news-next, .news-prev{width: 60px; height: 60px; background: #9A6141; top: 0; margin: 0;}
.news-next{right: 0;}
.news-prev{left: 0;}
.news-next:hover, .news-prev:hover{background: #0E0E0E;}
.news-prev::before, .news-next::before{content: ''; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 30px auto; background-position: center;}
.news-prev::before{background-image: url(../img/icon_left_w.png);}
.news-next::before{background-image: url(../img/icon_right_w.png);}

@media only screen and (max-width: 1580px) {
	.news_inner{padding-right: 50px;}
}

@media only screen and (max-width: 1450px) {
	.news_btns{top: 8%;}
	.news_info .link_title{font-size: 30px;}
}
@media only screen and (max-width: 1350px) {
	.news_btns{top: 7%;}
	.news_info .link_title{font-size: 28px;}
}
@media only screen and (max-width: 1200px) {
	.news_left_pic{margin-right: 15px;}
	.news_btns{top: 5%; height: 50px; width: 120px;}
	.news_info .link_title{font-size: 26px;}
	.news-next, .news-prev{width: 50px; height: 50px;}
	.news-prev::before, .news-next::before{background-size: 26px auto;}
}
@media only screen and (max-width: 950px) {
	.news_info .link_title{font-size: 24px; color: #333; padding-left: 38px;}
	
	.home_news .web_th{flex-direction: column; align-items: flex-start;}
	.home_news .web_th .title br{display: none;}
	.home_news .web_th .brief{display: none; width: 100%; height: auto;}
	
	.news_inner{padding: 20px 15px 0; flex-direction: column;}
	.home_news_item{flex-direction: column;}
	.home_news_item .news_left_pic{display: none;}
	.news_mid_pic{margin-left: 38px; width: calc(100% - 38px);}
	.news_mid_pic .news_pic{padding-bottom: 125%;}
	
	.news_right_div{padding-top: 0;}
	.news_info{background: none; color: #333; padding: 0; position: relative; z-index: 1; margin-top: -52px;}
	.news_info:hover{background: none;}
	.news_info::before{width: 0;}
	
	.news_info .news_date{background-color: #9A6141; color: #fff; padding: 10px 30px 10px 78px; display: inline-block; background-position: 30px center; font-size: 22px; background-size: 40px auto; line-height: 40px;}
	
	.news_btns{top: auto; bottom: 0; height: 40px; width: 95px; background: #fff; z-index: 1;}
	.news-next, .news-prev{width: 40px; height: 40px; background: #9A6141;}
	
	.news_info .news_more{display: block; padding-left: 38px;}
	.news_info .brief{display: none;}
	.news_info .order{display: none;}
	
}