/*清除浮动*/
.clear{
	zoom: 1;
}

.clear:after{
	content:"";
	display: block;
	height:0;
	visibility: hidden;
	clear: both;
}

div.head-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	background-color: #242424;
}

div.head-content{
	display: block;
	width:1200px;
	height:auto;
	margin:0 auto;
	box-sizing:border-box;
	/*border:1px solid white;*/
	height:40px;
	line-height: 40px;
}

div.head-content *{
	color:#cccccc;
	font-size:12px;
}

div.head-content span.huanying{
	float:left;
	display: block;
	height:100%;
}

div.head-content div.xinxilan{
	float:right;

}

div.head-content div.xinxilan span.shu-1{
	font-size:12px;
	color:#434343;
	margin:0px 10px;
}
div.head-content div.xinxilan span.shu-2{
	font-size:16px;
	color:#434343;
	margin:0px 10px;
	font-weight:bold;
}


div.nav-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	background-color: white;
}

div.nav-content{
	width:1200px;
	border:1px solid white;
	box-sizing:border-box;
	height:auto;
	margin:0 auto;
}

div.logo{
	float:left;
	width:auto;
	height:80px;
}

div.logo img{
	display: block;
	width:auto;
	height:100%;
}

ul.nav{
	float:right;
	height:100%;
	width:auto;
	/*border:1px solid red;*/
}

ul.nav li{
	float:left;
	width:110px;
	height:100%;
}

ul.nav li a{
	display: block;
	width:100%;
	height:100%;
	text-align: center;
	line-height: 80px;
	font-size:14px;
	color:#434343;
	letter-spacing: 1px;
}

ul.nav li a:hover{
	color:#913434;
}

div.lunbo{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:635px;
	overflow: hidden;
	position: relative;

}

div.lunbo div.swiper-container{
	width:100%;
	height:100%;
}

div.lunbo div.swiper-container img{
	display: block;
	width:100%;
	height:100%;
}

div.lunbo-xuanfu{
	width:480px;
	height:100px;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	/*border:1px solid red;*/
	z-index: 100000;
}

div.lunbo-xuanfu p.plan-1{
	display: block;
	width:100%;
	font-size:44px;
	font-weight:bold;
	color:white;
	font-family: "微软雅黑";
	text-align: center;
}

div.lunbo-xuanfu p.plan-1 span{
	color:#fc241c;
}

div.lunbo-xuanfu p.plan-2{
	font-size:12px;
	color:white;
	font-family: "微软雅黑";
	width:100%;
	text-align: center;
	margin-top:25px;
}

div.lunbo-xuanfu p.plan-2 span{
	color:#fc241c;
}

div.lunbo .swiper-pagination-bullet{
	width:18px;
	height:18px;
	background-color: white;
	opacity: 1;
	border:2px solid white;
}

div.lunbo .swiper-pagination-bullet-active{
	opacity: 1;
	background-color: transparent;
	/*border-color:#989a9f;*/
	border:2px solid #bdbfc2;
}

div.lunbo .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 26px;
}

div.about-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:1200px;
	box-sizing:border-box;
	height:auto;
	background-color: white;
	margin:10px auto;
	clear: both;
}

div.about-box-wenzi{
	width:50%;
	height:450px;
	box-sizing:border-box;
	/*border:1px solid black;*/
	float:left;
	background-color: white;
	padding:0px 40px; 
}

div.about-box-xxt{
	width:50%;
	height:450px;
	/*border:1px solid red;*/
	box-sizing:border-box;
	float:left;
	font-family: "微软雅黑";
}

div.about-box-xxt img{
	display: block;
	width:100%;
	height:100%;
}

div.about-box-wenzi span.bn-1{
	font-size:22px;
	color:black;
	letter-spacing: 1px;
	display: block;
	margin-top: 57px;
}

div.about-box-wenzi i.bn-2{
	display: block;
	width:14px;
	height:2px;
	background-color: black;
	margin-top: 30px;
	background-color: #666666;
}

div.about-box-wenzi span.bn-3{
	font-size:16px;
	color:black;
	margin-top: 25px;
	color:#666666;
	display: block;
}

div.about-box-wenzi p.bn-4{
	font-size:14px;
	color:#999999;
	line-height: 150%;
	margin-top: 20px;
	height:auto;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:7;
	line-clamp:7;
	display: -webkit-box;
	display: box;
	-webkit-box-orient:vertical;
}

div.about-box-wenzi a{
	display: block;
	width:50px;
	height:50px;
	text-align: center;
	line-height: 50px;
	color:black;
	border-radius: 100%;
	font-weight:bold;
	font-size:16px;
	border:1px solid black;
	margin-top: 35px;
	transition:all 0.5s;
}

div.about-box-wenzi a:hover{
	color:white;
	background-color: black;

}

div.heihei{
	background-color: #232222;
}

div.heihei span.yn-1{
	color:white;
}

div.heihei a{
	border-color:white;
	color:white;
	transition:all 0.3s;
}

div.heihei a:hover{
	background-color: white;
	color:black;
}

div.chanpin-box{
	/*border:1px solid red;*/
	margin:15px auto;
	width:1200px;
	height:auto;
	background-color: white;
	padding-top: 55px;
}

div.chanpin-box span.cp-1{
	display: block;
	width:100%;
	font-size:26px;
	color:black;
	text-align:center;
	/*font-weight:bold;*/
}

div.chanpin-box p.cp-2{
	width:750px;
	height:auto;
	line-height: 1.5;
	font-size:12px;
	color:#999999;
	margin:0 auto;
	margin-top: 25px;
}

div.chanpin-xx{
	width:630px;
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:0 auto;
	height:auto;
	background-color: #f2f2f2;
	margin-top: 20px;
}

div.chanpin-xx a{
	float:left;
	width:25%;
	height:50px;
	/*border:1px solid red;*/
	box-sizing:border-box;
	line-height: 50px;
	font-size:14px;
	text-align: center;
	color:#666666;
}

div.chanpin-xx a.active{
	background-color: #222222;
	color:white;
}

div.chanpin-xx a:hover{
	color:white;
	background-color: #222222;
}

ul.chanpin-ttt{
	width:100%;
	height:auto;
	/*border:1px solid black;*/
	box-sizing:border-box;
	padding:0px 40px;
	margin-top: 40px;
}


ul.chanpin-ttt li{
	float:left;
	width:360px;
	/*height:326px;*/
	border:1px solid #e6e6e6;
	box-sizing:border-box;
	padding:16px;
	margin-right: 18.5px;
	margin-bottom: 18px;
	transition:all 0.3s;
}

ul.chanpin-ttt li:hover{
	border-color:black;
	transform:scale(0.9,0.9);
}


ul.chanpin-ttt li a{
	display: block;
	width:100%;
	height:100;
}

ul.chanpin-ttt li a img{
	display: block;
	width:100%;
	height:auto;
}

ul.chanpin-ttt li a span{
	display: block;
	box-sizing:border-box;
	padding-left: 5px;

}

ul.chanpin-ttt li a span.lu-1{
	font-size:14px;
	color:#666666;
	margin-top: 14px;
}

ul.chanpin-ttt li a span.lu-2{
	font-size:12px;
	color:#999999;
	margin-top: 10px;
}

ul.chanpin-ttt li:nth-child(3n){
	margin-right:0px;
}


/*案例中心*/

div.bbq div.swiper-container{
	width:96%;
	height:auto;
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:20px auto;
	background-color:#f2f2f2;
	margin-bottom: 20px;
	border-radius: 3px;
}

div.bbq div.swiper-container div.swiper-slide{
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:0px;
	padding:20px;
}
div.bbq div.swiper-container div.swiper-slide a{
	display: block;
	border:2px solid #3b3a3a;
	box-sizing:border-box;
	padding:10px;
	outline:2px solid #3b3a3a;
	outline-offset:4px;
}

div.bbq div.swiper-container div.swiper-slide a img{
	display:block;
	width:100%;
	height:auto;
}

div.bbq div.swiper-container div.swiper-slide a span{
	display: block;
	width:100%;
	height:35px;
	line-height: 35px;
	background-color: #222222;
	color:white;
	text-align: center;
	font-size:14px;
	letter-spacing: 1px;
	overflow: hidden;
}

div.xuanchuan{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:1200px;
	height:auto;
	margin:15px auto;
	height:300px;
	/*background-image: url(../img/homebg.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

div.hexin{
	position: absolute;
	z-index: 100;
	width:990px;
	height:190px;
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
	top:0;
}

div.hexin span{
	display: block;
	font-size:30px;
	font-weight:bold;
	color:white;
	text-align: center;
	width:100%;
}

div.hexin p{
	line-height: 1.8;
	text-align: center;
	font-size:12px;
	color:white;
	margin:32px auto;
}

div.hexin a{
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size:14px;
	margin:8px auto;
	background-color: rgba(226,224,224,0.8);
	letter-spacing: 1px;
	overflow: hidden;
	transition:all 0.3s;
}

div.hexin a:hover{
	color:white;
	background-color: black;
}


ul.xinwen-lll{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:0px 25px;
	margin:25px auto;
}


ul.xinwen-lll li{
	float:left;
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:350px;
	height:auto;
	margin-right:48px;
	margin-bottom:20px;
}

ul.xinwen-lll li a{
	display: block;
	width:100%;
	height:100%;
}

ul.xinwen-lll li a img{
	display: block;
	width:100%;
	height:auto;
}

ul.xinwen-lll li a span.biaoti-1{
	font-size:16px;
	color:black;
	/*letter-spacing: 1px;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: block;
	margin-top: 5px;
}

ul.xinwen-lll li a span.time-1{
	font-size:14px;
	color:#999999;
	/*letter-spacing: 1px;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: block;
	margin:3px auto;
}

ul.xinwen-lll li a p{
	line-height: 1.4;
	font-size:14px;
	color:#666666;
}




ul.xinwen-lll li:nth-child(3n){
	margin-right:0px;
}

div.lion{
	padding-bottom: 30px;
}

div.lion .swiper-container{
	width:94%;
	height:auto;
	margin:30px auto;
}

div.lion .swiper-container .swiper-slide{
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:0px;
}
div.lion .swiper-container .swiper-slide img{
	display: block;
	margin:auto;
}


div.foot-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:35px 0px;
	background-color: rgb(30, 30, 30);
}

div.foot-box div.foot-content{
	display: block;
	width:1200px;
	height:auto;
	/*border:1px solid red;*/
	box-sizing:border-box;
	margin:0 auto;
	/*min-height: 300px;*/
}


div.foot-1{
	float:left;
	/*border:1px solid white;*/
	width:300px;
}

div.foot-1 span.foot-1-1{
	display: block;
	font-size:14px;
	color:#666666;
	margin-bottom: 25px;
}

div.foot-1 span.foot-1-2{
	display: block;
	font-size:24px;
	/*font-weight:bold;*/
	color:white;
	margin-bottom: 20px;
}

div.foot-1 a{
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	color:white;
	background-color: #f6404c;
	font-size:14px;
	letter-spacing: 1px;
}

div.foot-1 i{
	display: block;
	width:24px;
	height:2px;
	background-color: white;
	margin-top: 35px;
}
div.foot-2{
	float:left;
	box-sizing:border-box;
	padding-left: 15px;
}

div.foot-2 ul{
}


div.foot-2 ul li {
	float:left;
	width:100px;
	height:30px;
	line-height: 30px;
}

div.foot-2 ul li a{
	color:white;
	font-size:14px;
	display: block;
	width:100%;
	height:100%;
	/*text-align: center;*/
}

div.foot-2 span{
	display: block;
	font-size:18px;
	color:white;
	clear: both;
	margin:27px auto;
}

div.foot-2 p{
	display:block;
	font-size:14px;
	color:#666666;
	margin-top: 3px;
}


div.foot-3{
	float:right;
	margin-right: 20px;
}

div.foot-3 span{
	display: block;
	font-size:14px;
	color:white;
	letter-spacing: 1px;
	overflow: hidden;
	margin-bottom:14px;
	text-align: center;
	margin-top: 4px;
}

div.foot-3 div{
	width:130px;
	height:130px;
	border:1px solid #666666;
	box-sizing:border-box;
	padding:10px;
}

div.foot-3 div img{
	display: block;
	width:100%;
	height:100%;
}

div.neirong-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
}

div.neirong-content{
	display: block;
	width:1200px;
	height:auto;
	/*border:1px solid black;*/
	margin:0 auto;
	padding:30px 0px;
}

div.chanpin{
	width:100%;
	height:auto;
	/*border:1px solid red;*/
	margin:0 auto;
}

div.chanpin span.ffww-1{
	display: block;
	font-size:24px;
	/*font-weight:bold;*/
	color:black;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align:center;
}


div.chanpin p.ffww-2{
	width:900px;
	height:auto;
	line-height:1.5;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin:8px auto;
}


/*分页部分*/

div.page1{
	display: block;
	width:100%;
	height:auto;
	padding:10px 20px;
	box-sizing:border-box;
	/*border:1px solid red;*/
	margin:10px auto;

}

div.page1 a{
	display: block;
	font-size:14px;
	color:#999999;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	margin:2px auto;
}


div.page2{
	display: block;
	box-sizing:border-box;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	margin:5px auto;
}

div.page2 a,div.page2 span{
	display: inline-block;
	padding:2px 5px;
	border:1px solid #999999;
	color:#666666;
	font-size:14px;
	margin:0px 2px;
}

div.page2 span.show{
	background-color: black;
	color:white;
	border-color:black;
}

div.page2 a:hover{
	background-color: black;
	color:white;
	border-color:black;
}

div.page2 a.active{
	background-color: #ccc;
	border-color:#ccc;
	color:gray;

}

div.ttyy{
	text-align: center;
}

div.ttyy a{
	width:200px;
	float:none;
	display: inline-block;
	margin:0px;
}

ul.fffrrr li{
	margin-bottom: 15px;
}


div.danye{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:10px 0px;
}

div.danye p.danye-biaoti-1{
	display: block;
	font-size:18px;
	color:black;
	text-align: center;
	width:600px;
	height:auto;
	line-height: 1.65;
	margin:0 auto;
	font-weight:bold;
}

div.danye p.danye-biaoti-2{
	display: block;
	font-size:14px;
	color:#666666;
	text-align: center;
	margin:5px auto;
}

div.danye div.danye-biaoti-3{
	width:100%;
	height:auto;
	padding:10px 0px;
}

div.danye div.danye-biaoti-3 img{
	display: block;
	max-width:100%;
	height:auto;
	margin:3px auto;
}

div.danye div.danye-biaoti-3 p{
	font-size:16px;
	text-indent:2em;
	color:black;
	line-height: 1.5;
}


form{ clear: both; width:600px; margin:0 auto; margin-top:20px;}
form div{ width:100%; float:left; margin:0 0 15px;}
form div label{ width:80px; float:left; height:32px; line-height:32px; float:left; display:block; text-align:right; font-size:15px;}
form div input[type='text']{ height:32px; border:1px solid #e2e2e2; border-radius:3px; width:378px; float:left; text-indent:0.5em; font-size:14px; color:#7E7E7E}
form textarea{ width:368px; float: left; height:168px; border:1px solid #e2e2e2; border-radius:3px; padding:5px; font-size:14px; color:#7e7e7e}
form div img{ float:left; height:34px; width:110px; margin:0 0 0 15px}
form input[type='submit']{ width:100px; height:34px; margin:0 0 0 80px; border:none; background:rgb(30, 30, 30); font-size:14px; color:#fff; border-radius:5px; }
form b{width: 20px; height: 32px; line-height: 32px; text-align: center;float: left; color: red; display: none;}