@font-face{
	font-family:"impact";
	src: url('../font/impact.eot');
	src: url('../font/impact.eot?#iefix') format('embedded-opentype'),
	     url('../font/impact.woff') format('woff'),
		 url('../font/impact.ttf') format('truetype'),
		 url('../font/impact.svg#NeuesBauenDemo') format('svg');
	
}
@font-face{
	font-family:"helvetica";
	src: url('../font/HelveticaNeueLTPro-ThEx.eot');
	src: url('../font/HelveticaNeueLTPro-ThEx.eot?#iefix') format('embedded-opentype'),
	     url('../font/HelveticaNeueLTPro-ThEx.woff') format('woff'),
		 url('../font/HelveticaNeueLTPro-ThEx.ttf') format('truetype'),
		 url('../font/HelveticaNeueLTPro-ThEx.svg#NeuesBauenDemo') format('svg');
	
}

.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom: 1}
.clearfix:before, .clearfix:after { display: table; content: "";line-height: 0}
.clearfix:after {clear: both}
.center{text-align:center;}
.text-right{text-align:right;}
.mt30{margin-top:30px;}
.h100{height:100%;}
.layui-container{padding:0;}
@media screen and (min-width: 1200px){
	.layui-container{width:1200px;}
}
/*head*/
.header{width:100%;position:absolute;top:0;z-index:100;}
.header:hover{background:rgba(0,0,0, .5);}
.menu-wrap-top{height:50px;border-bottom:1px solid rgba(255,255,255,.2);}
.brand{float:left;}

.operation{float:right;color:#18312d;}
.header:hover .operation{color:#fff;}
.consultation{display:inline-block;font-size: 14px;vertical-align: middle; margin-right: 20px;}
.search{display: inline-block;width:170px;font-size: 14px; vertical-align: middle; margin-right: 10px;color: #18312d; height: 50px;
background:rgba(255,255,255,.1);position:relative;}
.header:hover .search{color:#fff;}
.search input{border: 1px solid transparent;outline: 0;background: 0 0;height: 50px;padding: 4px 54px 4px 10px; width: 100%; box-sizing: border-box;color: #fff;}
.search input::-webkit-input-placeholder{color:#18312d;}
.search input::-moz-input-placeholder{color:#18312d;}
.search input::-ms-input-placeholder{color:#18312d;}
.header:hover .search input::-webkit-input-placeholder{color:#fff}
.header:hover .search input::-moz-input-placeholder{color:#fff}
.header:hover .search input::-ms-input-placeholder{color:#fff}
.search .search-btn{position: absolute;top: 0; right: 0; width: 36px;height: 50px; line-height:50px;border: none; background: 0 0; outline: 0; text-align: center;cursor: pointer;}
.search .search-btn i{font-size:20px;color:#18312d;}
.header:hover .search .search-btn i{color:#fff;}
.lang{display: inline-block;vertical-align: middle;font-size: 14px; color: #18312d;cursor: pointer; position: relative;}
.header:hover .lang{color:#fff;}
.lang .lang-tit{line-height: 50px;height: 50px; padding: 0 15px 0 34px;position: relative;}
.lang .lang-tit .lang-icon{position: absolute; top:0; left: 12px;font-size:20px;}
.lang .lang-tit .lang-down{color:#18312d; opacity: .5;font-size: 10px;}
.header:hover .lang .lang-tit .lang-down{color:#fff;}
.lang .lang-list{display:none;position: absolute; top: 49px;left: 0; padding: 10px 0; background: #2a2e42; width: 100%; min-width: 106px;}
.lang .lang-list a{display:block;color:#fff;padding:0 10px;font:12px/30px 'arial','Microsoft Yahei';}
.nav ul li{float:left;text-align:center;position:relative;padding:0 30px;}
.nav ul li:first-child{padding-left:0;}
.nav ul li a{display:block;color:#18312d;font-size:14px;line-height:50px;}
.header:hover ul li a{color:#fff;}
/*banner*/
.swiper-container {width: 100%;height:700px;}
.backimg{width: 100%;height:100%;}
.backimg .imgBg{width: 100%;height:100%;background-position:center center;background-size: cover;background-repeat:no-repeat;}
.swiper-slide-active .imgBg{animation: imageAnimation 6s linear 0s;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}
.swiper-pagination span{width:10px;height:10px;border-radius:5px;background-color:rgba(255,255,255,.8);}
.swiper-pagination span.swiper-pagination-bullet-active{width:30px;border-radius:5px;background:#cc2a1e;}
/*标题*/
.index-tit{text-align:center;padding:70px 0 60px;position: relative;}
.index-tit span.e{display:block;font-size:30px;font-family: helvetica;color:#333;font-weight:500;}
.index-tit i{display:block;width:30px;height:2px;background:#d80d0d;margin:10px auto;}
.index-tit span.c{display:block;font-size:20px;color:#333;font-family:'Microsoft Yahei';}

.left{text-align:left;}
.left i{margin:10px 0;}
.white span.e{color:#fff;}
.white span.c{color:#fff;}

.cates{position: absolute;top:110px;right:0;}
.cates ul li{display:inline-block;width:90px;height:30px;border-radius:15px;border:1px solid #d4d4d4;margin-left:20px;
font:13px/30px 'Microsoft Yahei';color:#828282;text-align:center;}
.cates ul li a{color:#828282;}
/*pro-list*/
.index-pro-list ul li{margin-right:30px;float:left;}
.index-pro-list ul li:last-child{margin-right:0;}
.index-pro-list ul li a{display:block;position:relative;}
.index-pro-list ul li a p{position:absolute;left:18px;top:25px;font-size:14px;color:#fff;}
.index-pro-list ul li a p i{display:block;width:20px;height:2px;background:#d80d0d;margin-top:8px;}

.l-pic{width:390px;height:400px;}
.c-pic{width:360px;height:400px;}
.r-pic{width:390px;height:400px;}

/*设计风格*/
.index-style{height:560px;background:url('../images/sback.jpg') center center;margin-top:70px;}
.styles li{width:300px;height:230px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-right:0;float:left;box-sizing: border-box;
text-align:center;color:#fff;position:relative;}
.styles li:hover{background:#d60b0b;border:none;}
.styles li:last-child{border-right:1px solid rgba(255,255,255,.2);}
.styles li p.title{width:100%;font-size:16px;line-height:36px;position: absolute;top:70px;color:#fff;}
.styles li p.title span{display:inline-block;width:36px;height:36px;border-radius:18px;border:1px solid #fff;margin-right:18px;}
.styles li p.title span i{font-size:20px;color:rgba(255,255,255,.6);}
.styles li p.subtitle{width:120px;position: absolute;left:90px;top:130px; font-size:12px;color:rgba(255,255,255,.6);}
.styles li p.subtitle::before{width: 42px;height: 1px; background-color: rgba(255,255,255,.2);
display: block; content: " ";margin-bottom: 12px;transition: all .6s ease;}
.styles li:hover p.subtitle::before{width:100%;}

/*关于我们*/
.index-about{height:650px;background:url('../images/aback.jpg') center center;padding-top:70px;box-sizing: border-box;}
.about-tit{margin-top:70px;}
.about-tit span.e{display:block;font-size:18px;font-family:impact;color:#d60b0b;font-weight:500;}
.about-tit span.c{display:block;font-size:26px;color:#555;}
.about-tit i{display:block;width:30px;height:2px;background:#d80d0d;margin-top:35px;}

.about-info{font:15px/30px 'Microsoft Yahei';color:#333;margin-top:24px;}
.about-more{display:inline-block;width:150px;height:45px;margin-top:60px;border:1px solid #d60b0b;color:#555;text-align:center;font:14px/45px 'helvetica';}

.videoBox{padding-top:70px;text-align:right;}
/*新闻*/
.news-info .title{font:16px/32px 'Microsoft Yahei';color:#333;margin-top:25px;}
.news-info .desc{font:13px/26px 'Microsoft Yahei';color:#999;margin-top:14px;}
.news-info .date{font:18px/50px 'impact';height:50px;color:#888;border-top:1px solid #e2e4e6;margin-top:20px;position: relative;}
.news-info .date i{float:right;}
.news-info .date::before{content: " ";position:absolute;top:-1px;width:0;height:1px;background:#d60b0b;transition: all .6s ease;}
.new-list ul li:hover .news-info .title{color:#d60b0b;}
.new-list ul li:hover .news-info .date{color:#d60b0b;}
.new-list ul li:hover .news-info .date::before{width:100%;}
.news-img img{max-width:100%;}
/*index-map*/
.index-map{height:350px;position:relative;}
.contact-wrap{width:100%;position:absolute;top:0;z-index:19900826;}
.contact-wrap ul li{text-align:center;padding-top:80px;}
.contact-wrap ul li h4{font-size:20px;margin-top:20px;}
.contact-wrap ul li p{font-size:14px;color:#444;margin-top:20px;}
/*footer*/
#footer{margin-top:70px;background:#222;padding-top:55px;color:#fff;}
.lie{display:inline-block;min-width:200px;vertical-align: top;}
.long{width:280px;}
.lie h4{font-size:14px;}
.lie i{display:block;width:18px;height:1px;background:#d60b0b;margin:12px 0 16px;}
.lie a,#footer .lie span{display:block;font:12px/24px 'Microsoft Yahei';color:#777;}
#footer hr{background:rgba(255,255,255,.2);margin:30px 0 0 0;}
.copyright p{font:12px/55px 'Microsoft Yahei';color:#777;}
.copyright p a{color:#777;}

.show{position:relative;cursor:pointer;}
.qrcode-img{display:none;position:absolute;left:100px;top:0;}

#backtotop{width:60px;height:60px;line-height:60px;text-align:center;background:#fff;color:#d60b0b;position:fixed;right:20px;bottom:50px;}
#backtotop i{font-size:20px;}

.wap-menu{display:none;}
.closebtn{display:none;}
.footlau{display:none;}
/**wap***/
@media only screen and (max-width: 640px){
	.mt30{margin:0}
	.header:hover{background:transparent;}
	.swiper-container{height:250px;}
	.layui-container{padding:0;}
	.waphidden{display:none;}
	.wap-menu{display:block;position:absolute;top:10px;right:10px;}
	.operation{display:none;}
	.closebtn{display:block;width:50px;height:50px;position:absolute;left:250px;top:0;background:#333;text-align:center;line-height:50px;}
	
	.brand img{height:30px;margin-top:14px;}
	
	.nav{position:fixed;width:250px;height:100%;background:#fff;top:0;left:0;display:none;}
	.nav ul li{float:none;text-align:center;padding:0;position:relative;margin:0;}
	.nav ul li.active{border-radius:0;}
	.nav ul li a{display:block;padding:5px 16px;color:#666;font-size:14px;line-height:40px;}
	.header:hover ul li a{color:#666;}
	
	/*标题*/
	.index-tit{padding:30px 0 20px;}
	.index-tit span.e{font-size:16px;}
	.index-tit i{margin:5px auto;}
	.index-tit span.c{font-size:14px;}
	.left i{margin:5px 0;}
	
	/*pro-list*/
	.index-pro-list ul li{margin-right:0;float:left;}
	.index-pro-list ul li img{width:100%;}
	.index-pro-list ul li:last-child{margin-right:0;}
	.index-pro-list ul li a{display:block;position:relative;}
	.index-pro-list ul li a p{position:absolute;left:18px;top:25px;font-size:14px;color:#fff;}
	.index-pro-list ul li a p i{display:block;width:20px;height:2px;background:#d80d0d;margin-top:8px;}
	
	.l-pic{width:50%;height:auto;}
	.c-pic{width:50%;height:auto;}
	.r-pic{display:none;}
	
	/*设计风格*/
	.index-style{height:560px;background:url('../images/sback.jpg') center center;margin-top:30px;}
	.styles li{width:50%;height:200px}
	.styles li p.title{width:100%;font-size:14px;line-height:36px;position: absolute;top:50px;color:#fff;}
	.styles li p.title span{display:inline-block;width:36px;height:36px;border-radius:18px;border:1px solid #fff;margin-right:18px;}
	.styles li p.title span i{font-size:20px;color:rgba(255,255,255,.6);}
	.styles li p.subtitle{width:120px;position: absolute;left:20px;top:120px; font-size:12px;color:rgba(255,255,255,.6);}
	.styles li p.subtitle::before{width: 42px;height: 1px; background-color: rgba(255,255,255,.2);
	display: block; content: " ";margin-bottom: 12px;transition: all .6s ease;}
	.styles li:hover p.subtitle::before{width:100%;}
	
	/*about*/
	.index-about{height:auto;background:url('../images/aback.jpg') center center;padding:30px 5px 0 5px;box-sizing: border-box;}
	.about-tit{margin-top:0;}
	.about-tit span.e{display:block;font-size:14px;font-family:impact;color:#d60b0b;font-weight:500;}
	.about-tit span.c{display:block;font-size:20px;color:#555;}
	.about-tit i{display:block;width:30px;height:2px;background:#d80d0d;margin-top:35px;}
	
	.about-info{font:12px/24px 'Microsoft Yahei';color:#333;margin-top:24px;}
	.about-more{display:inline-block;width:120px;height:40px;font:12px/30x 'helvetica';margin-top:30px;border:1px solid #d60b0b;color:#555;text-align:center;}
	.videoBox{padding-top:30px;text-align:center;}
	/*news*/
	.index-news{padding:0 5px;}
	/*footer*/
	#footer{margin-top:20px;}
	.lie{display:none;}
	.lie:nth-child(5){display:block;padding-left:10px;}
	.copyright{padding-bottom:30px;}
	.copyright p{font:12px/20px 'Microsoft Yahei';color:#777;}
	.copyright p a{color:#777;}

	#backtotop{width:30px;height:30px;line-height:30px;text-align:center;}
	
	.footlau{display:block;width:100%;position:fixed;bottom:0;background:#fff;padding:5px 0;text-align:center;}
	.footlau a{padding:0 30px;}
	.footlau a p{display:inline-block;line-height:24px;}
}