/* start RESET CSS Document */
*{margin:0;padding:0;}
html{overflow:-moz-scrollbars-vertical;overflow-x:auto;}/* for firefox */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
img,fieldset {border:0;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul li {list-style-type:none;}
select,input,img{vertical-align:middle;}
caption{text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a{color:#595959;}
a:link,a:visited{ text-decoration:none;}
a:hover{color:#ff6600;text-decoration: underline;}
font{font-size:14px;}
.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.hidden{
	display: none!important;
}
/** 弹性图片的设计*/
body{
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
	font: 16px '微软雅黑';
	background: #fff;
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
}
a{
	text-decoration: none;
}
/*最大区域*/
#pagewrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.clearfix{width:100%; height:auto; overflow:hidden;}
/*头部*/
.topbox{width:100%; height:30px; background:#f0f0f0; overflow:hidden;}
.top{height:18px;margin:0px auto 10px;padding-top:5px;color:#fff; font-size:12px;}
.top h1{float:left;width:600px;padding-left:10px;font: bold 14px "黑体";color:#333;line-height:18px;}
.top p{float:right;color:#333;line-height:18px;}
.top p a{color:#333;}
.top p span:hover{color:#ff6600;}
/*内容区域*/
.content {
	width: 100%;
	height: auto;
}
.boxa{background: #eee;}
.boxb{height:400px;background: #999;position: relative;}
.boxc{height:400px;}
.boxb{height:400px;}
.boxe{height: 400px;}
.boxf{background: #eee;height: 400px;}
/*主体内容*/
.text4{width: 990px;height: auto;margin:0 auto;}
/*版头轮播*/
.banner{width: 100%;overflow: hidden;margin: 0px auto;}
.banner img{width:100%;height:545px;filter:revealTrans(duration=2,transition=40);margin: 0 auto;display: block;}
/*导航*/
.navbox{ width:100%;background:#eee;height:37px;}
.nav{margin:0 auto;}
.nav .nav-l{padding:0px 20px; overflow:hidden;}
.nav .nav-l li{ float:left;width:13%;height:37px;padding:0px 7px; text-align:center; font-weight:bold;}
.nav .nav-l li.on a{ display:block;width:100px; height:37px;line-height:37px;background:#999;}
.nav .nav-l li a{width:100px; height:37px;line-height:37px;color:#000;}
.nav .nav-l li.on a:hover{ text-decoration:none; color:#000;}
/*产品轮播*/
.rollBox{width:980px;overflow:hidden;margin:100px auto;position: relative;}
.rollBox .LeftBotton{height:60px;width:30px;background:url(../images/arrow2.png) no-repeat 0 0;overflow:hidden;position: absolute;top: 50px;left: 0;cursor:pointer;}
.rollBox .RightBotton{height:60px;width:30px;background:url(../images/arrow2.png) no-repeat 100% 0;overflow:hidden;position: absolute;top: 50px;right: 0;cursor:pointer;}
.rollBox .Cont{width:900px;overflow:hidden;margin: 0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:220px;float:left;text-align:center;display: block;margin:0 10px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.case{width:1000px;margin:0 auto;}
.case_box{position:relative;width:860px;height:470px;overflow:hidden;margin: 0 auto;}
.case_box p{position:absolute;width:30px;height:60px;top:40%;cursor:pointer}
.case_box .prev{background:url(../images/arrow2.png) no-repeat 0 0;left:0px;}
.case_box .next{background:url(../images/arrow2.png) no-repeat 100% 0;right:0px;}
.case_box ul{position:absolute;height:470px;overflow:hidden;top:0px;left:0px}
.case_box ul li{width:860px;float:left;height:470px}
.case_box ul li.case_1{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ul li.case_2{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ul li.case_3{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ul li.case_4{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ul li.case_5{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ul li.case_6{background:url(img/banner-1.jpg) no-repeat center top}
.case_box ol{display: none;}
/*品牌内容*/
.boxcmenu{
	width: 980px;
	padding: 8px;
	margin: 0 auto;
}
.boxstyle{
	padding: 8px 0;
}
.demo{
	color: #fff;
	display: -webkit-flex;
	text-align: center;
}
.demo .item{
	line-height: 40px;
	background-color: #ddd;
}
.fl
.demo .item:nth-child(1){
	background-color: #E46C49;
}
.demo .item:nth-child(2){
	background-color: #37B0D3;
}
.demo .item:nth-child(3){
	background-color: #68B33D;
}
.demo .item:nth-child(4){
	background-color: #E46775;
}
.demo .item:nth-child(5){
	background-color: #CFC731;
}
.demo .item:nth-child(6){
	background-color: #8370F4;
}

.demo .item span{
	display: block;
}
.demo-align-content{
	flex-wrap: wrap;
	height:200px;
	border: 1px dashed #B6B6B6;
}
.demo-align-content .item:nth-child(1), .demo-align-content .item:nth-child(2), .demo-align-content .item:nth-child(3),
.demo-align-content .item:nth-child(4), .demo-align-content .item:nth-child(5), .demo-align-content .item:nth-child(6){
	background-color: #717171;
	width: 80px;
	margin: 2px 10px;
}
.demo-column{
	height: 200px;
	flex-direction: column;
}
.demo-column-reverse{
	height: 200px;
	flex-direction: column-reverse;
}
/*标题图片样式*/
.tit_mb{width:100%;height:auto;margin:0 auto;overflow:hidden;zoom:1;text-align:center;}
/*品牌报道*/
.ppbd .tit_mb{display:none;}
.ppbd ul{padding:10px 0;overflow:hidden;zoom:1; margin:0 auto;}
.ppbd ul li{float:left;width:440px;overflow:hidden;zoom:1;padding:3px 0; margin-left:20px;}
.ppbd ul li a{float:left;width:340px;height:18px;line-height:18px;overflow:hidden;background:url(img/dian.jpg) no-repeat left center;padding-left:6px;}
.ppbd ul li span{ color:#999; font-size:12px;}
/*底部*/
#footer {
	font-size: 12px;
	clear: both;
	background: #eee;
	color: #838383;
	padding: 20px 0;
	text-align: center;

	margin-left: -25px;
	margin-bottom: -5px;
}
#footer a{
	color: #333;
}
#footer a:hover{color:#ff6600;}
#footer .ft_big{font-size:14px;}
#footer .share{width:250px;margin:0px auto;}
#footer .share font{font:100 14px/36px "Microsoft YaHei";}
.l{ float:left;}

.scroll_bg{width:100%;margin:0px auto;}
.demoTop {float:left;overflow:hidden;border:0px;height:300px;padding:10px 0px;}
.demoTop .indemo{float: left;width: 5000%;}
.demo3 img,.demo4 img{float:left;width:auto;height:300px;margin-right:8px;}
.demoLeft,.demoRight{float:left;overflow:hidden;border:0px;padding:10px 0px;}
.demoLeft .indemo,.demoRight .indemo{float:left;width:5000%;}
.demo3,.demo4,.demo1,.demo2,.demoTwo,.demoOne{float:left;border:0px;}
.demo1 img,.demo2 img,.demoRight img{float:left;width:auto;margin-right:8px;}