body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input



*{margin:0;padding:0;word-break:break-all !important; word-wrap:break-word !important; white-space:normal !important;}



body{font-size:12px;color:#bfbfbf; font-family: '微软雅黑';margin:0px auto;width: 1206px;height: 915px; position: relative;background:black; word-wrap:break-word !important;



}







img{border:none;}



ul,ol,li{list-style-type:none;text-decoration: none;} 



input,select,textarea{outline:none; bor der:none; }



textarea{resize:none;}



/*.slideBox img,.ziye img{	



	-webkit-filter: grayscale(100%); 



	-moz-filter: grayscale(100%); 



	-ms-filter: grayscale(100%); 



	-o-filter: grayscale(100%); 



	filter: grayscale(100%); 



	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);



}*/



/*.bd ul li ol li:hover img{



	-webkit-filter: grayscale(0%); 



	-moz-filter: grayscale(0%); 



	-ms-filter: grayscale(0%); 



	-o-filter: grayscale(0%); 



	filter: grayscale(0%); 



	filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);



}*/



/*.ziye li img:hover{



	-webkit-filter: grayscale(0%); 



	-moz-filter: grayscale(0%); 



	-ms-filter: grayscale(0%); 



	-o-filter: grayscale(0%); 



	filter: grayscale(0%); 



	filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);



}*/







/* 公共部分 */



.header{overflow: hidden;}



a{color:#ffc000;text-decoration: none;}



a:hover{color:#ffd65b;}  



.logo{position:absolute;top: 6.7%;}



.nav ul,.nav li,.logo,.footer,.shu,.sheji ul,.sheji li,.heng,.con,.sj ul,.sj li,.slideBox ul,.slideBox li,.services,.comp ul,.comp li{float: left;}



.nav ul{position:absolute;top: 8%;right: 16%;}



.nav ul li{width: 208px; margin-right:20px; text-align: center;height:30px; position: relative; display:block;}



.nav li a{color:#bfbfbf; display:block; padding:10px 0; height:10px;}

.nav img{

	text-align:center;

	margin:auto;

	-webkit-filter: grayscale(100%); 



	-moz-filter: grayscale(100%); 



	-ms-filter: grayscale(100%); 



	-o-filter: grayscale(100%); 



	filter: grayscale(100%); 



	filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/* 兼容IE */}

.search,.text,.window,.photo,.window1,.window2{float: right;}



.search,.text{margin-top: 78px;}



.search{background-color: #bfbfbf;width: 20px;height: 15px;cursor: p ointer;border: none;}



.search:hover{background-color:#ffd65b;}



.text{color:#FFF;height: 13px;width: 166px;border:1px solid #bfbfbf;background-color: transparent;}



.footer{position:absolute;top: 90.93%;}



.footer p{margin: 13px 0 0 153px;}



.dn{display: none;}



.nav ul li ol{ height: 100px;position: absolute;left:1px;top: 30px; display:none;}



.nav ul li ol li{line-height: 0px;width: 80px;height: 25px;z-index: 1000;}



.list_2{position: absolute;left:0px!important; }



/* 首页 */



.main{margin-top: 85px;float: right;text-align: center;}



/* 关于我们 */



.about_us{margin-top: 100px;margin-left: 158px;overflow: hidden;width: 1206px;height: 700px;}



.about_us ul li{padding-top: 30px;width: 427px;float: left;line-height: 21px;}



.about_us p{width: 427px;height: 432px; float: left;line-height: 21px;margin-top: 30px;}



.shu{ width: 5px;height: 306px;margin: 195px 0 0 30px;}



.window{margin-right: 120px;width: 488px;height: 502px;}



.gund{width: 6px;height: 436px;float: left;background-color: #fff;



position: relative;z-index: 1;margin-top: 32px;}



.tiao{width: 5px;height: 306px;float: left;position: absolute;top:0;left: 1px;}



.bjj{width: 6px;height: 436px;float: left;background-color: #fff;



position:absolute;top: 0;left: 0;}



/* 设计总监*/



.sheji{width: 1050px;height: 614px;margin-top: 124px;margin-left: 158px;overflow: hidden;}



.zp li{margin-top: 12px;line-height: 20px;}



.xl{margin-top:123px; }



.xl li{width: 377px;}



.li1{padding-left: 28px;}



.li2{padding-left: 19px;}



.photo{width: 201px;height: 350px;margin-top: 195px;}



.heng{margin-top: 12px;}



/* 联系我们 */



.con{margin: 190px 0 0 158px;font-size: 14px;line-height: 50px;}



.window1{margin-top: 84px;}



/* 设计师 */



.sj_p li{padding-left: 20px;}



.sj ul{margin:82px 0 0 134px;}



/* 产品内容*/



.ziye{ width:1277px; height:502px; position:relative;margin-top: 84px;}







.ziye .ziye_bd{ position:relative; height:522px; z-index:0;}



.ziye .ziye_bd li{ zoom:1; vertical-align:middle;width: 1127px;height: 502px;}



.ziye .ziye_bd li img{width: 1205px;height: 502px;}



.ziye .prev,.ziye .next{ position:absolute; left:-2.5%; top:50%; margin-top:-25px; 



								 display:block; width:32px; height:40px; 



								 background:url(images/prev.png) -110px 5px no-repeat; 



								 filter:alpha(opacity=50);opacity:0.6;}



.ziye .next{ left:auto; right:3.5%; background-position:14px 5px; }



.ziye .prev:hover,.ziye .next:hover{ filter:alpha(opacity=100);opacity:1;  }



.ziye .prevStop{ display:none;  }



.ziye .nextStop{ display:none;  }







.slideBoxmi{margin-left: 152px !important;}



.slideBox{ width:1277px; height:502px; position:relative;margin-top: 84px;}



.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:88px; 



			   bottom:4px; z-index:1;}



.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}



.slideBox .hd ul li{ float:left; margin-right:0px;  width:15px; height:15px;



					 line-height:14px; text-align:center; background:#000000; cursor:pointer; }



.slideBox .hd ul li.on{ background:#646464; color:#fff;}



.slideBox .hddd{position: absolute;top: 483px;right: 87px;}



.slideBox .bd{ position:relative; height:522px; z-index:0;}



.slideBox .bd li{ zoom:1; vertical-align:middle;}



.slideBox .bd ul li ol{width: 1200px;}



.slideBox .bd ul li ol li{width: 303px; float:left;}







.slideBox .prev,.slideBox .next{ position:absolute; left:-2.5%; top:50%; margin-top:-25px; 



								 display:block; width:32px; height:40px; 



								 background:url(images/prev.png) -110px 5px no-repeat; 



								 filter:alpha(opacity=50);opacity:0.7;

	-webkit-filter: grayscale(100%); 



	-moz-filter: grayscale(100%); 



	-ms-filter: grayscale(100%); 



	-o-filter: grayscale(100%); 



	filter: grayscale(100%); 



	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/* 兼容IE */

								}



.slideBox .next{ left:auto; right:3.5%; background-position:14px 5px; }



.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }



.slideBox .prevStop{ display:none;  }



.slideBox .nextStop{ display:none;  }







.sliderboxnew{width: 1168px!important;}



.sliderboxnew ol li{width:245px!important;height: 250px!important;}



.bdnew li {margin-left: 76px!important;position: relative; }



.bdnew ol span{color:#fff;position: absolute;top: 5px;left: 23px;



line-height: 22px;overflow: hidden;height: 242px;}



.bdnew ol span p{width: 242px;height: 114px;letter-spacing: 1px;



				 margin-top: 5px;font-weight: bold; overflow:hidden;}



.bdnew ol span  a{



	color:#fff!important;



}



.bdnew ol span h5{text-align: center;width: 242px}



.bdnew ol span:hover{display: block;}



.prevnew,.nextnew{position:absolute!important; left:-0.6%!important; top:50%!important; margin-top:-25px!important;



				  display:block!important; width:32px!important; height:40px!important; 



				  background:url(images/prev.png) -110px 5px no-repeat!important; 



				  filter:alpha(opacity=50)!important;opacity:0.7!important;}



.nextnew{ left:auto!important; right:-3.2%!important; background-position:14px 5px!important; }



.prevnew:hover,.nextnew:hover{ filter:alpha(opacity=100)!important;opacity:1!important;  }



.nextmi{ left:auto!important; right:15%!important; background-position:14px 5px!important; }



.slideBox .prevStop{ display:none;  }



.slideBox .nextStop{ display:none;  }



.bdli li{width:320px!important;position: relative;}



.bdli ul{margin-left: 154px;}



.bdli ol span{color:#ffcc00;position: absolute;top: 25px;left: 25px;



line-height: 22px;height: 450px;overflow: hidden; width:250px;}



.bdli ol li p{margin-top: 10px;width: 242px;line-height: 26px; white-space:normal !important;font-size: 14px;/* font-weight: bold; */ overflow:hidden;}



.bdli ol li h5{text-align: center;font-size: 14px;width: 242px;}



.bdll ol li h5{text-align: left!important;width: 242px;}



.bdll ol li p{font-size: 12px!important;width: 242px; white-space:normal !important;}



.bdll ol li span{margin-top:28px!important;}



.hdnew{position: absolute!important;right:74px!important;bottom: -18px!important;}				  



.hdsj{position: absolute!important;right: 189px!important;bottom: 3px!important;}



.hdnews{position: absolute!important;right: 184px!important;bottom: 5px!important;}



.hdmi{position: absolute!important;right: 214px!important;bottom: 9px!important;}







.bdc{width:475px;margin:0 auto;margin-top:50px;height:600px;}



.top{height:573px;width:423px;overflow:hidden;float:left;padding:0 5px 5px 5px;}



.top ul{width:250px;padding-bottom:5px;}



.top ul li{padding:2px;border:1px solid #ccc;font-size:0px;margin-top:5px;}



.top ul .li{margin-top:5px}



.top ul li img{width:244px;height:180px;}



.scroll{width:11px;margin-left:10px;height:578px;float:left;background:url(images/scroll02.png);position:relative;}



.scroll p{width:11px;height:61px;background:url(images/shutiao.png);cursor:auto;left:0;top:1px;position:absolute;}







/* 联系我们 */



.services{width: 300px;}



.services ul{width:540px;margin:84px 0 0 153px;letter-spacing: 1px;}



.services ul li{line-height: 40px;width: 540px;}



.window2{width: 450px;margin-top: 84px;}



.w1{font-size: 15px;font-weight: bold;margin-bottom: 5px;}



.w2,.w3{font-size: 14px;}



.w3{margin-top: 38px;}



/* 公司作品 */



.comp{margin: 84px 0 0 155px;}



.comp li{width:330px;}



.sul{margin-top: 20px;}







.bd ol li div,.ziye_bd li div{



	position: absolute;



	top: 0;



	left: 0;



	display: none;



	font-size: 15px;



}



.bd ol li:hover div,.ziye_bd li:hover div{



	display: block;



}















.scrollbar{background:black;line-height:0;}



.scrollbar .handle{border-radius:4px;background:#ffc000;cursor:pointer;line-height:0;



	-webkit-box-shadow:0 1px 0 #555;



	-moz-box-shadow:0 1px 0 #555;



	-o-box-shadow:0 1px 0 #555;



	box-shadow:0 1px 0 #555;



}







/* Horizontal examples */



#horizontal .slyWrap{margin-top:243px;}







#horizontal .scrollbar{height:3px;}



#horizontal .scrollbar .handle{width:50px;height:100%;}







#horizontal .example1 .sly{height:230px;width: 745px;}



#horizontal .example1 .sly ul{height:100%;}



#horizontal .example1 .sly ul li{float:left;width:230px;height:210px;margin:0 1px 0 0;line-height: 24px;overflow: hidden;}



#horizontal .example1 .sly ul li img{width:185px;height:168px;border:solid 1px #ddd;}



#horizontal .example1 .sly ul li.active img{border:solid 1px #3366cc;}







#horizontal .example2 .sly{height:200px;}



#horizontal .example2 .sly ul{height:100%;}



#horizontal .example2 .sly ul li{float:left;width:266px;height:100%;margin:0 1px 0 0; }



#horizontal .example2 .sly ul li img{width:264px;height:198px;border:solid 1px #ddd;}



#horizontal .example2 .sly ul li.active img{border:solid 1px #3366cc;}







#horizontal .example3 .sly{height:200px;}



#horizontal .example3 .sly ul{height:100%;}



#horizontal .example3 .sly ul li{float:left;width:465px;height:100%;margin:0 10px 0 0;cursor:default;}



#horizontal .example3 .sly ul li.active{background:#4DBCE9;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}







#horizontal .example4 .sly{height:160px;}



#horizontal .example4 .sly ul{height:100%;}



#horizontal .example4 .sly ul li{float:left;padding:0 20px;width:360px;height:100%;font-size:50px;opacity:0.2;cursor:default;



	overflow:hidden;background:none;box-shadow:none;font-size:14px;text-align:justify;color:#444;



	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;



}



#horizontal .example4 .sly ul li.active{opacity:1;}



.container{



	width: 745px;



	float: left;



	margin-left: 153px;



}

.qunar { width:1200px !important; *width:1200px; margin:auto; position: relative; overflow: hidden; }

	.qunar .e_pic_wrap { z-index: 1; white-space:normal; width:1200px; height:640px; *width:1200px;}

	.qunar .e_pic_wrap li {position:relative; width: 1200px; height: 640px; overflow: hidden; }

	.qunar .e_pic_wrap li img{ width:1200px !important; height:640px;}

	.e_prevnext .prev, .e_prevnext .next { position: absolute; z-index: 30; display: block; }

	.e_prevnext .prev { top: 50%; margin-top:-16px; left:0; background:url(__PUBLIC__/images/prev.png) no-repeat;}

	.e_prevnext .next { top: 50%; margin-top:-16px; right:0; background:url(__PUBLIC__/images/next.png) no-repeat;}

	.e_prevnext .prev a, .e_prevnext .next a { display: block; width: 18px; height: 32px; overflow: hidden;}

.bd ul li ol li:hover span{ display:block !important; z-index:9999 !important; overflow:hidden;}

*[target]{ white-space:normal !important;}