@charset "utf-8";
@import url('reset.css?v=0.0256');
@import url('swiper-bundle.min.css');
@import url('font-awesome/css/font-awesome.min.css');
 @font-face {
    font-family: "FjallaOne";
    src: url("fonts/fjallaone.eot");
    src: url("fonts/fjallaone.eot?#iefix")format("embedded-opentype"),
    url("fonts/fjallaone.woff2")format("woff2"),
    url("fonts/fjallaone.woff")format("woff"),
    url("fonts/fjallaone.ttf")format("truetype"),
    url("fonts/fjallaone.svg#FjallaOne")format("svg");
} 
@font-face {
    font-family: "Eksell Display";
    font-display: block;
    src: url('fonts/EksellDisplayMedium.woff') format('woff');
    src: url('fonts/EksellDisplayMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
} 
@font-face {
    font-family: "Roboto";
    src: url('fonts/Roboto-Regular-webfont.woff') format('woff');
    font-style: normal;
} 
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input,select,button,textarea{ font-family:"Roboto",Arial, Helvetica, sans-serif; }
body{font-family:"Roboto",Arial, Helvetica, sans-serif; background-color: #fff; font-size: 14px; color: #000;}
a{background:transparent;text-decoration:none;color:#000}a:active,a:hover{outline:0}a:hover{text-decoration:none;}
.wrapper{width: 1400px; margin: 0 auto;}
.wrapper-fluid{margin: 0 auto; padding:0 15px;}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pf{position: fixed; z-index: 1;}
.pz{position:relative;z-index: 1}
.pa{position:absolute;z-index: 1999}
.bz{box-sizing:border-box}
.b,.fb{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
::placeholder{color: #666 !important;}
.cb{clear:both}
.vs{overflow:visible !important}
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}
.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}
.ov{overflow: hidden;}
.transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
table{border-collapse: collapse;}
table td{border:1px dotted rgba(0,0,0,.2); padding:6px 10px;}
.textCenter{text-align: center !important;}
.textRight{text-align: right;}
.db{display: block;}
.fr{float: right;}
.clear{clear: both;}
img{max-width: 100%;}
.fb{font-weight: bold !important;}
/*animation*/
.scaleImg{overflow: hidden;}
/*.scaleImg img{border-radius:15px;}*/
.scaleImg img,.scaleImg:hover img{transition: all 1s;}
.scaleImg:hover img{transform: scale(1.1);}
.textEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line6 {
    -webkit-line-clamp: 6;
}
.line5 {
    -webkit-line-clamp: 5;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line1 {
    -webkit-line-clamp: 1;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}


/*头部*/
header{ position:fixed; left:0; top:0; width:100%; height:135px; background:#fff; z-index: 999 !important; transition: all .25s ease-in-out;}
header.active{box-shadow: 0 2px 6px rgba(115,115,115,.2); height:80px; }
header.active  .top-contact{ display:none;}
header.active .logo{ padding:5px 15px 5px 15px;  }
header.active .logo img{ height:70px;}
.t-contact{ border-left: 1px solid rgba(255,255,255,.25); background:#2a2a2a; line-height:55px; padding:0 10px; font-size:16px;}
.t-contact i{ margin-right:7px;}
.t-contact a{ color:#fff; }
.logo{ width:163px; padding:15px 15px 0 15px;  background:#FFFFFF; }
.logo img{ height:100px;}
.head-menu-item{position:relative;}
.head-menu-item a.nav-link{font-size:18px; line-height:80px; height:80px; padding:0 30px; text-transform:uppercase; font-weight: 700;}
.head-menu-item .nav-link .sub-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 4px;
    border-top: 5px #000000 solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.head-menu-item:hover,.head-menu-item.active{ background:#23150c; /*transform: skewX(-20deg);*/}
.head-menu-item:hover a.nav-link,.head-menu-item.active a.nav-link{ color:#FFFFFF;} 
.head-menu-item:hover a.nav-link .sub-arrow,.head-menu-item.active a.nav-link .sub-arrow{ border-top-color:#ffffff;}
.menu_down{
	display: none;
	position: absolute;
	left: 0;
	top:80px;
	z-index: 9;
	width: 250px;
	background:rgba(255,255,255,.89);
	/*transform: skewX(20deg);*/
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.menu_down a{
	width: 100%;
	line-height: 24px;
	padding: 12px 15px; 
	display:block;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc; 
	position:relative;
}
.menu_down a:last-child{
	border: 0;
}
.menu_down a:hover{
	color: #fff;
	background: #23150c;
}
.head-menu-search{ background:#313749;  width:80px; position:relative; line-height:80px; height:80px; text-align:center;  border-left:#fab702 solid 2px; }
.head-menu-search i{ cursor:pointer; color:#fab702; font-size:28px; }
.index-search{
    display: none;
	position: absolute;
	right:0;
	top:80px;
	z-index: 9;
	width: 350px; 
	background:rgba(255,255,255,.89);
	padding: 15px 20px; 
	line-height:35px;
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.index-search.active{
    display:block;
}
.index-search-input{width:calc(100% - 56px); height:46px; }
.search-ips{border-radius:10px 0 0 10px; border:#dddddd solid 1px; width:100%; height:46px; font-size:16px; line-height:35px; padding:0 10px 0 15px;}
.index-search-bth{height:46px; line-height:35px;}
.isearch-bth{ border:none; background:#23150c url(../images/search.png) 15px center no-repeat; color:#FFFFFF; padding:0 15px 0 32px;; border-radius:0 10px 10px  0; height:46px; line-height:35px; font-size:16px; letter-spacing:2px; width:56px;}
.m-navbth{display: none;}
.nav_box {
    background: #ce1b1b;
    width: 100%;
    position: absolute;
    top: 80px; 
	z-index: 9991 !important;
    display: none;
    padding-bottom: 50px;
	animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;
}
.nav_box.nav_show {
    display:block;
}
.head-nav{
	margin:0px auto;
	width:92%;
}
.head-nav .nav_item .title{
	line-height:50px;
	position:relative;
	border-bottom:1px solid #fff;
}
.head-nav .nav_item .title, .head-nav .nav_item .title a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:normal;
}
.head-nav .nav_item .link-list,.head-nav .nav_item .link-list .third-list{
	padding:10px 0 0px;
	display:none; animation: fadeIn 1s;-moz-animation: fadeIn 1s;-webkit-animation: fadeIn 1s;-o-animation: fadeIn 1s;
}
.head-nav .nav_item .link-list.active,.head-nav .nav_item .link-list .third-list.active{
	display:block 
}
.jtt {
	position: absolute;
	top: 15px;
	right: 5px;
	font-size:20px;
    transition: transform .5s;
}
.head-nav .nav_item .link-list{
	padding-left:10px;
	line-height:36px;
	color:#FFFFFF;
	font-size:14px; 
}
.head-nav .nav_item .link-list .link-item{
	position:relative;
}

.head-nav .nav_item .link-list a.links{
	line-height:36px;
	color:#FFFFFF; 
	display:block;
	font-size:14px; 
}
.jts{
	position: absolute;
	top: 10px;
	right: 5px;
	font-size:16px;
    transition: transform .5s;
}
.head-nav .nav_item .third-list a{ 
    display:block;
    padding-left:10px;
	line-height:36px;
	color:#FFFFFF;
	font-size:14px; 
}
.head-nav .nav_item.open .jtt,.head-nav .link-list.open .jts{
	transform: rotate(180deg);
}


/*轮播图*/
.indexbanner,.index-b-products,.index-pcategory,.index-products,.index-gongshi{width:100%;}
.indexbanner{ position:relative; margin-top:135px;}
.indexbanner .swiper-slide img,.index-lt-timglist .swiper-slide img{ width:100%;}
.indexbanner .swiper-bottom{ bottom:30px; position:absolute; width:100%;}
.indexbanner .swiper-pagination{ position:relative; padding:0 15px;}
.indexbanner .swiper-button-prev,.indexbanner .swiper-button-next{ position:relative; width:24px; height:18px; color:#FFFFFF; top:5px; margin-top:0;}
.indexbanner .swiper-button-next:after,.indexbanner  .swiper-button-prev:after{ display:none;}
.indexbanner .swiper-pagination-bullet,.index-lt-timglist .swiper-pagination-bullet{
     opacity: 1;
	 width: 12px;
	 height: 12px;
	 background: #fff;
	 display:inline-block;
	 vertical-align:middle; 
	 margin:0 3px;
	 border: 1px solid #fff; 
	 border-radius: 50%; 
	 background-clip: content-box;
}
.indexbanner .swiper-pagination-bullet-active,.index-lt-timglist .swiper-pagination-bullet-active {
    width: 18px;height: 18px;padding: 2px;background-color: #fff;border-width: 2px;
}
.indexbanner-con{ background:#091f2c; z-index:9; width:380px; padding:40px; position:absolute; top:15%; right:100px; color:#FFFFFF;}
.indexbanner-con-t{
  font-size: 36px;
  line-height: 1;
  font-weight: 500; 
  font-family: "Eksell Display";
}
.indexbanner-con-c{ margin-top:20px; line-height:1.4; font-size:16px;}
.indexbanner-con-m a{margin-top:20px; width:230px; background:#dc4404; text-transform:uppercase; color:#FFFFFF; font-size:15px; font-weight:bold; line-height:46px; padding:0 20px;}
.indexbanner-con-m a:hover{ background:#FFFFFF; color:#000000;}
.indexbanner-con-m a div:first-child{ margin-right:6px;}

/*轮播图下产品*/
.index-products,.index-news{ padding:50px 0;}
.index-products-items{width:calc((100% - 20px)  / 2);}
.index-products-two{width:calc((100% - 20px) / 2);}
.index-products-items .index-products-two:last-child{ margin-left:20px;}
.index-products-item{ width:100%; position:relative; box-shadow: 5px 5px 0 #eee;}
.index-products-item img,.products-list .products-item img{ width:100%;}
.index-products-item  a,.products-list .products-item  a{ display:block; position:relative;}
.index-products-item .active,.products-list .products-item .active{opacity:0;  position:absolute; z-index:1; left:0; top:0;  transition: all .6s ease-out;}
.index-products-item .index-products-item-t a,.products-list .products-item .index-products-item-t a {
    color: #fff; 
	font-size:16px; 
	font-weight:bold;
    display: block;
    background: rgba(0,0,0,.25);
    padding: 5px;
    position: absolute; 
	z-index:3;  
	text-align:right;
    width: 100%;
}
.index-products-item:hover .active,.products-list .products-item:hover .active{opacity:1; }
.index-products-center{ width:90%; margin:0 auto; text-align:center;}
.index-products-c-tit{ font-size:34px; line-height:1; color:#2c6cb1;  font-family: "Eksell Display";}
.index-products-c-con{ font-size:16px; margin-top:20px;}
.index-products-c-more{margin-top:20px;}
.index-products-c-more a{ background:#c51430; border-radius:25px; font-size:16px; color:#FFFFFF; padding:11px 35px; }
.index-products-c-more a i{ font-weight:normal; margin-left:5px;}
.index-products-c-more a:hover{ background:#cf2a44; }

/*首页房主*/
.index-house{ background:url(../images/puzzle.jpg) center top no-repeat; padding:50px 0;}
.index-house-title{font-size:38px; line-height:1; font-family: "Eksell Display";}
.index-house-con{ margin-top:20px; font-size:16px; line-height:1.4; /*max-width:800px;*/} 
.index-house-list{ margin-top:10px;}
.index-house-list .index-house-item{width:calc((100% - 20px) / 2); position:relative; margin-top:20px;}
.index-house-list .index-house-item img{ width:100%;}
.index-house-list .index-house-item .index-house-item-text{ background:#FFFFFF; position:absolute; z-index:1; left:0; bottom:0; width:60%; padding:30px;}
.index-house-item-t{ font-size:24px; font-family: "Eksell Display";}
.index-house-item-c{width:calc(100% - 40px); line-height:1.5; color:#091f2c;}
.index-house-item-jt{ width:24px;}
.index-house-list .index-house-item:hover .index-house-item-text{background:#091f2c;}
.index-house-list .index-house-item:hover .index-house-item-text a,.index-house-list .index-house-item:hover .index-house-item-c{ color:#FFFFFF;}
.index-house-list .index-house-item:hover  .index-house-item-jt{color:#fab702;}

/*首页新闻*/
.index-news-list{ margin-top:10px;}
.index-news-list .index-news-item{width:calc((100% - 60px) / 4); position:relative; margin-top:20px; margin-right:20px;}
.index-news-list .index-news-item:last-child{ margin-right:0;}
.index-news-item-img img{ width:100%;}
.index-news-item-title{ margin-top:15px; font-size:18px; line-height:1.3;}
.index-news-item-con{ line-height:1.5; margin-top:10px; color:#3b3b38;}
.index-news-list .index-news-item a:hover,.news-list .news-item a:hover{ color:#ce1b1b;}

/*底部*/
footer{background:#2a2a2a; width:100%; padding:20px 0 40px; color:#777; font-size:16px;}
footer .foot-item{ width:20%; margin-top:20px;}
footer .foot-nav-list,.social-icons{ margin-top:10px;}
footer .foot-nav-list a{ display:block; color:#777; line-height:30px; font-size:16px;}
.foot-item-title{font-size:20px; line-height:1.3;}
footer .foot-nav-list a:hover{color:#fff;}
.foot-contact{width:calc(100% - 30px);}
.foot-logo{ display: flex; justify-content: flex-end;}
.foot-logo img{width:220px;}
.social-icons{ margin-top:10px; display: flex; justify-content: flex-end;}
.social-icons a{display:block; width:50px; height:50px; margin-right:10px; font-size:24px; color:#777;}
.social-icons a:last-child{ margin-right:0;}
.pc{ display:none;}
/*漂浮*/
a.getTop {
    position: fixed;
    right: 19px;
    bottom: 20px;
    background: #ce1b1b url(../images/get_top.png) no-repeat;
    display: block;
    width: 50px;
    height: 50px;
	border-radius:50px;
    cursor: pointer;
    text-align: center;
    z-index: 1000;
}
a.getTop:hover{
   background:#e02828 url(../images/get_top.png) no-repeat;
}

/*内页banner*/
.page-banner{ position:relative; margin-top:135px;}
.page-banner img{ width:100%;}
.page-banner-text{ position:absolute; z-index:1; left:0; width:100%; top:0; height:100%; text-align:center;}
.page-banner-tit{ color:#FFFFFF; font-size:48px; font-weight:bold; letter-spacing:3px; line-height:78px; }

/*分页*/
.page-pages{ text-align:center; margin-bottom:50px; }
.page-pages a{ color: #242424;
    font-size: 14px;
    line-height:30px; 
	height:30px;
    border: 1px solid #dcdcdc;
    padding: 7px 15px;
    margin: 0 4px 4px; border-radius:5px;}
.page-pages a:hover,
.page-pages a.active{
	color: #fff;
	background: #3660aa;
	border-color: #3660aa;
}	
/*图文*/
.page-about{background:#f2f2f2;}
.page-body{font-size:16px;}
.page-info .page-about:nth-child(2n){flex-flow: row-reverse wrap;}
.page-about-img img{width:100%;}
.page-about-img,.page-about-con{width:50%;}
.page-about-con{ font-size:16px; padding:0 50px;}
.page-about-con-tit{ font-size:28px; color:#ce1b1b;}

/*文章页面*/
.news-info,.page-info{ margin:30px auto 50px; }
.page-info h1{ font-size:36px; font-weight:bold; color: #494c4d;}
.news-list .news-item{
	width:calc((100% - 60px) / 4);
	position:relative; 
	margin-top:20px; 
	margin-right:20px; 
	background:#f9f9f9;
}
.news-list .news-item:nth-child(4n){ margin-right:0;}
.news-item .news-item-img,.house-list .house-item-img{ width:100%; 	overflow:hidden;}
.news-item .news-item-img img,.house-list .house-item-img img{
	width: 100%; 
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.news-item:hover .news-item-img img,.house-item:hover .house-item-img img{
	transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}
.news-item .news-item-info{
	padding: 15px;
}
.news-item-info-tit{
	 font-size:18px; line-height:1.3;
}
.news-item-info-con{
	line-height:1.5; margin-top:10px; color:#3b3b38; 
}
/*文章详细*/
.news-info-tit{
	font-size: 24px;
	color: #333; 
	line-height:1.3; 
	text-align:center; 
	padding-top:30px;
}
.news-info-tips{ 
    text-align:center;
	color: #333;
	font-size: 14px;
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}
.news-info-tips span{ margin-right:10px;}
.news-info-detail{ 
    padding-top:20px;
	line-height: 35px;
	font-size: 16px;
	color: #333;
}
.rsLink{ border-top: 1px solid #dcdcdc; margin-top:50px; padding-top:10px; }
.prevLink,.nextLink{ line-height:30px; padding:5px 0; font-size:16px;}

/*case详细*/
.news-case-tit{
	font-size: 24px;
	color: #333; 
	line-height:1.3; 
	padding:30px 0; 
}

.news-case-detail{ 
	line-height: 35px;
	font-size: 16px;
	color: #333;
	width:calc(100% - 280px);
}
.news-case-sidebar{ width:250px;}
.news-case-sitem{background: #f9f9f9; margin-bottom:20px;}
.news-case-sitem img{ width:100%;}
.sitem-info{ padding:15px;}
.sitem-tit{font-size: 20px; line-height:1; padding-bottom:10px;}
.sitem-tit a{color:#ce1b1b;}
.sitem-con{ line-height:1.5; color: #494c4d;}
/*houser列表*/
.house-list .house-item{
	width:calc((100% - 40px) / 3);
	position:relative; 
	margin-top:20px; 
	margin-right:20px; 
	background:#f9f9f9;
}
.house-list .house-item:nth-child(3n){ margin-right:0;}
.house-item .house-item-info{
	padding: 15px;
}
.house-item-info-tit{
	 font-size:24px; line-height:1.3;
}
.house-item-info-tit a{
	 color:#ce1b1b;
}
.house-item-info-con{
	line-height:1.5; margin-top:10px; color:#3b3b38; 
}
.house-item-info-ctit{
    margin-top:15px;
	font-size:14px; 
	line-height:1.3; 
}
.house-item-info-ctit .svg-icon{ 
    margin-right:5px; color:#ce1b1b;
}
/*FAQ列表*/
.faq-list .faq-item{border-bottom:#f1f1f1 solid 1px; width:100%;}
.faq-q{ padding:16px 0; cursor:pointer;}
.faq-qtit{width: calc(100% - 80px); font-size:18px; line-height:25px;}
.faq-list .faq-item:hover .faq-qtit{color:#ce1b1b;}
.faq-icon{ width:20px; background:url(../images/faq-jia.png) center center no-repeat; margin-right:20px;}
.faq-a{display:none;animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s; padding:10px 0 20px; font-size:16px; line-height:30px;}
.faq-list .faq-item.active .faq-a{ display:block;} 
.faq-list .faq-item.active .faq-icon{background:url(../images/faq-jian.png) center center no-repeat;}

/*down列表*/
.down-list .down-item{margin-top:20px;background:#f9f9f9;}
.products-d-list .down-item{margin-top:20px;background:#f9f9f9; width: calc(50% - 10px);}
.down-item-aimg{width:130px; margin-right:20px;}
.down-item-stext{display: flex; align-items: center; width: calc(100% - 160px);  }
.down-item-stext div{line-height:1.4; word-wrap:break-word;}
.down-item-l{width: calc(100% - 190px);}
.down-item-text{width: calc(100% - 210px);}
.down-item-desc{font-size:16px; line-height:1.6;   }
.down-item-img{width:180px; margin-right:20px;}
.down-item-img img,.down-item-aimg img{ width:100%;}
.down-item-qtit{ font-size:20px; padding:10px 0 5px; line-height:1.4; }
.down-item-icon{height:20px; line-height:20px;}
.down-item-icon .pdf-icon{ background:url(../images/pdf.png) no-repeat; background-size:20px 20px; width:20px; height:20px; margin-right:5px;}
.down-item-d{ width:150px; }
.down-item-d a{color:#ce1b1b;  height:100%; display: flex; align-items: center; justify-content: center;}
.down-item-d a:hover{color:#fff; background:#c32032;}
.down-item-d-c{ text-align:center;}
.down-item-d-c .icon{ font-size:35px; line-height:35px;}
/*分类*/
.page-category{margin-top:50px;}
.page-category-c{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;  flex-wrap: wrap;}
.page-category .category-item{ padding:10px 28px;  text-align:center; line-height:30px; font-size:18px;  background:#f9f9f9; margin-top:20px; border:#e0dfdf solid 1px; }
.page-category .category-item:first-child{ border-right:none; }
.page-category .category-item.current,.page-category .category-item:hover{ background:#23150c; color:#FFFFFF;  border:#23150c solid 1px;}
/*Gallery*/
.pics-list{ margin-top:20px;}
.pics-list .pics-item{width: calc((100% - 60px) / 4 ); margin-right:20px; margin-top:20px; background:#f9f9f9; }
.pics-list .pics-item:nth-child(4n){ margin-right:0;}
.pics-item .pics-item-info{
	padding: 15px;
}
.pics-item .pics-item-tit{font-size:18px; line-height:1.4;}
.pics-item .pics-item-ctit{ font-size:12px;}
.pics-item-info-ptit{color:#ce1b1b; margin-top:10px;}
.pics-item-info-ptit .svg-icon{ margin-right:5px;}
.pics-item .pics-item-img img{ width:100%;}

/*Gallery View*/
.pic-info-list{ margin-top:20px;}
.pic-info-list a{width: calc(100% / 4 );}

/*Contact Us*/
.contact-info{margin:50px auto;}
.page-map{ width:55%;}
.page-contact{ width:45%;}
.form-group{ margin-bottom:20px; width: calc(100% - 100px);}
.form-bth{width: calc(100% - 100px );}
.form-control{border-radius:5px; border:#e0dfdf solid 1px;  width:100%; height:45px; line-height:45px; padding:0 10px;}
.contact_btn{ border:none; background:#23150c; color:#FFFFFF; padding:10px 0; width:100%; text-align:center; border-radius:5px; font-size:16px; letter-spacing:2px;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.contact_btn:hover{background:#c32032;}
textarea.form-control{ min-height:90px; line-height:30px; padding:8px 10px;}

/*products*/
.products-list{margin-top:30px;}
.products-list .products-item{width:calc((100% - 40px) / 3); margin-right:20px; margin-top:20px; position:relative; box-shadow: 5px 5px 0 #eee;}
.products-list .products-item:nth-child(3n){ margin-right:0;}

/*Products View*/
.products-info-l{width:55%;}
.products-info-img{ position:relative;}
.gallery-view{ position:absolute; z-index:2; bottom:20px; left:20px; width:160px; line-height:40px; background:#FFFFFF; text-align:center;}
.gallery-view:hover{ background:#c32032;}
.gallery-view:hover a{ color:#FFFFFF;}
.products-info-img a:nth-child(n+2){ display:none;}
.products-info-img img{width:100%;}
.products-info-text{width:calc(45% - 52px); margin-left:50px;}
.products-info-tit{font-size:28px; border-bottom:#e7e4e4 solid 1px; line-height:1.4; padding:20px 0; }
.products-info-cs{ line-height:35px; padding-top:15px; font-size:16px;}
.products-info-piclist a{width:calc((100% - 40px) / 5); margin-right:10px; margin-top:20px;}
.products-info-piclist a:nth-child(5n){ margin-right:0;}
.piclist-title{ text-align:center; line-height:1.4; padding-top:10px;}

.products-documents{font-weight:bold; font-size:22px; letter-spacing:2px;}
.relate-tit{font-weight:bold; font-size:22px; letter-spacing:2px; height:44px;  }
.relate-products .relate-product-iem{width:calc((100% - 20px) / 3); margin-right:10px; margin-top:20px;}
.relate-products .relate-product-iem:nth-child(3n){ margin-right:0;}
.products-info-contact{ padding:20px 0;}
.products-info-contact a{ padding:10px 20px; color:#FFFFFF; background:#23150c; font-size:16px;}
.products-info-contact a:first-child{ margin-right:15px;}
.products-info-contact a:hover{ background:#c32032;}
.products-show{ margin-top:50px;}
.products-d-tab a{padding:10px 20px; font-size:16px; border-bottom:#e7e4e4 solid 2px;}
.products-d-tab a.current{border-bottom:#c32032 solid 2px;}
.products-d-content{ padding-top:20px; font-size:14px; }
.products-d-content-item{ display:none;}
.products-d-content-item.current{ display:block;}
/*Tefute Choice*/


@media (max-width: 1450px) {
   .wrapper{width:94%;}
}
@media (max-width: 1200px) {
  header{height:80px;}
  header .logo{ padding:5px 15px 5px 15px;  }
  header .logo img{ height:70px;}
 .indexbanner,.page-banner{ position:relative; margin-top:80px;}
 .head-r{ display:none;}
 .m-navbth{ display:block;}
 .m-navbth {
    position: relative;
    display:block;
    width: 30px;
    height: 25px; 
    margin-top:30px; 
	margin-right:20px;
   }
 .m-navbth a {
 display:block;
 width: 30px;
 height: 25px;
 position:relative;
}
.m-navbth span {
 display:block;
 width:30px;
 height:2px;
 background:#ce1b1b;
 transition:transform .5s ease
}
.m-navbth .menu_top {
 position:absolute;
 top:2px;
 right:0
}
.m-navbth .menu_mid {
 position:absolute;
 top:9px;
 right:0;
 opacity:1
}
.m-navbth .menu_bot {
 position:absolute;
 top:16px;
 right:0
}
.m-navbth span.menu_top_r {
 transform:rotateZ(-45deg);
 transform-origin:center
}
.m-navbth .menu_mid_r {
 opacity:0
}
.m-navbth .menu_bot_r {
 transform:rotateZ(45deg);
 transform-origin:center
} 
.indexbanner-con{ top:10%; right:50px;}
} 
@media (max-width: 1000px) {
  .indexbanner-con{ top:0; right:0; position:relative; width:100%;}
  .index-house-list .index-house-item{width:100%;}
  .index-news-list .index-news-item,.news-list .news-item,.pics-list .pics-item,.house-list .house-item,.products-list .products-item{width:calc((100% - 20px) / 2);}
  .products-list .products-item:nth-child(3n){ margin-right:20px;}
  .index-news-list .index-news-item:nth-child(2n),.news-list .news-item:nth-child(2n),.pics-list .pics-item:nth-child(2n),.house-list .house-item:nth-child(2n),.products-list .products-item:nth-child(2n){ margin-right:0;}
  .m-hidden{ display:none;}
  .index-products-items{width:100%;}
  .index-products .index-products-items:first-child{ margin-bottom:20px;}
   footer .foot-item,.foot-contact,.page-contact,.page-map,.news-case-detail,.news-case-sidebar{ width:100%;}
  .foot-logo,.social-icons{justify-content:flex-start;}
  .pic-info-list a{width:50%;}
  .page-map,.news-case-sidebar{ margin-top:30px;}
  .products-info-l,.products-info-text,.page-about-img,.page-about-con{width:100%;}
  .products-info-text{ margin-left:0;}
  .page-about-con{ padding:25px;}
  .page-body iframe{ width:100% !important;} 
  .products-d-list .down-item{width:100%;}
}
@media (max-width: 780px) {
  .socials{display:none;}
  .pc{ display:block;}
  .form-group,.form-bth{width:100%;}
}
@media (max-width: 760px) {
  .down-item-l,.down-item-d,.down-item-text,.down-item-img,.down-item-stext,.down-item-aimg{width:100%;}
  
  .down-item-img{ margin-right:0;}
  .down-item-text,.down-item-stext{padding:10px 20px;}
  .down-item-d{ border-top:#FFFFFF solid 2px;}
  .down-item-qtit{ font-size:16px;}
  .down-item-d a{display: flex;justify-content:flex-start; padding:10px 20px;}
  .down-item-d a div{display: flex; flex-wrap: wrap;  justify-content: flex-start; align-items: center;}
  .page-info h1,.page-about-con-tit{ font-size:24px;}
}

@media (max-width: 580px) {
  .index-house-list .index-house-item .index-house-item-text{width:90%; padding:20px;}
  .index-news-list .index-news-item,.news-list .news-item,.pics-list .pics-item,.house-list .house-item,.products-list .products-item{width:100%;  margin-right:0;}
  footer .foot-item,.index-products-two,.pic-info-list a{ width:100%;}
  .index-products-items .index-products-two:last-child{ margin-left:0; margin-top:20px;}
  .page-banner-tit{ font-size:24px;}
  .products-d-tab a{padding:10px 8px;}
  .page-category .category-item{ padding:10px 20px;  font-size:16px; }
}
@media (max-width: 480px) {
  .page-category .category-item{ width:100%; text-align:center;}
  .page-category .category-item:first-child{ border-right:#e0dfdf solid 1px;}
}
   

@font-face {
  font-family: "iconfont2"; /* Project id 2367891 */
  src: url('fonts/iconfont2.woff2?t=1717742048682') format('woff2'),
       url('fonts/iconfont2.woff?t=1717742048682') format('woff'),
       url('fonts/iconfont2.ttf?t=1717742048682') format('truetype');
}
.iconfont2 {
  font-family: "iconfont2" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfacebook:before {
  content: "\e6d4";
}
.icontwitter:before {
  content: "\e646";
}
.iconprinter:before {
  content: "\e87f";
}
.iconemail:before {
  content: "\e66f";
}
.iconfenxiang:before {
  content: "\e739";
}
.products-share{ padding-top:20px;}
.share-title{ text-align:center; padding-bottom:10px;}
.share-icons a{ border:#CCCCCC solid 1px;  border-radius: 50%; margin-right:8px; padding:7px; }
.share-icons a:hover{ background:#c32032; border:#c32032 solid 1px; color:#FFFFFF;}
