@charset "utf-8";
* {
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #333;
}
a { text-decoration:none;}
a:hover { color:#F60; text-decoration:underline;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mt20 { margin-top:20px;}
.mt40 { margin-top:40px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.fwb { font-weight:bold;}
.tin2 { text-indent:2em;}
.heio { height:auto; overflow:hidden;}
.fz12 { font-size:12px;}
.fz13 { font-size:13px;}
.fz14 { font-size:14px;}
.fz16 { font-size:16px;}

.all { background:#2a2a2a url(../images/bannerbg.jpg) no-repeat; height:695px; background-position:center;}
.banner { width:1000px; margin:0 auto;}
.banner h1 { display:none;}
.content { background:#2a2a2a url(../images/topbg.jpg) no-repeat; width:1000px; margin:0 auto;}
.cont { width:980px; margin:0 auto; background:#FFF url(../images/con_t.jpg) left top no-repeat; height:auto; overflow:hidden;padding:10px;}

.video { width:615px; margin-right:15px;overflow:hidden;}
#perpic { cursor:hand;cursor:pointer;}
.video-img { display:none;}
.video h2,.reg h2,.history h2,.product h2,.makings h2,.photo h2,.about h2,.wypl h2 { background:#ec8104; height:40px;color:#FFF; font-size:25px; padding:20px 0 0 10px; font-style:normal;}

/* videobox */
.videobox{background:#666;width:615px;}
.video-img{width:615px;height:340px;overflow:hidden;}
.video-list{height:120px;padding:15px 0 0 0;}
.video-list li{width:180px;height:120px;overflow:hidden;position:relative;float:left;margin:0 12px;cursor:pointer;}
.video-list li p { color:#FFF; font-size:12px;}
.video-list li .icon-video{position:absolute;left:72px;top:22px;width:33px;height:33px;z-index:99;}
.video-list li.now .icon-video{display:none;}

.reg { width:350px;}
.reginfor { border:solid 1px #ec8104; padding:10px; height:455px;}
input,select { background:#FFF; border:solid 1px #CCC; height:25px; line-height:25px;}
.w230 { width:230px;}
.w80 { width:80px;}
table { margin-bottom:20px;}
table td{ font-size:15px;}
table tr { line-height:35px; height:45px;}
.zy { color:#F00; font-size:15px; font-weight:bold; margin-bottom:20px;}
.button { background:#09F; height:28px; line-height:25px; width:100px; color:#FFF; font-size:16px;}

.wrapstory { background:url(../images/history.jpg) no-repeat; height:388px; padding:40px 0 0 60px;}
.wrapstory h3 { font-size:18px;}

.lead { background:#EEE; padding:15px;}
.pro { background:url(../images/probg1.jpg) no-repeat; height:473px; width:484px;}
.redbg { background:#f53939;}
.greenbg { background:#58d01d;}
.graybg { background:#7592b2;}
.bluebg { background:#1b90da;} 
.pro h3 { color:#FFF; font-size:20px; padding:10px;}

.make_left,.make_right { width:468px; padding:10px; font-family:"Microsoft Yahei";}
.make_left { border:solid 1px #1c9afc; height:540px; border-right:none;}
.make_left h3,.make_right h3 { background:#1c9afc; color:#FFF; width:200px; padding:5px; font-size:16px;}
.make_info_lf { background:url(../images/make1.jpg) center 50px no-repeat; width:471px; height:400px;}
.minfo1,.minfo2,.minfo3,.minfo4,.minfo5,.minfo6,.minfo7,.minfo8,.minfo9 {width:120px;line-height:18px;position:absolute;margin:10px 0 0 280px;font-size:11px;font-family: Arial, Helvetica, sans-serif; color:#666;}
.minfo2 {position:absolute; margin:70px 0 0 350px;width:120px;}
.minfo3 {position:absolute; margin:240px 0 0 350px;width:120px;}
.minfo4 {position:absolute; margin:310px 0 0 320px;width:120px;}
.minfo5 {position:absolute; margin:330px 0 0 200px;width:120px;}
.minfo6 {position:absolute; margin:295px 0 0 30px;width:120px;}
.minfo7 {position:absolute; margin:165px 0 0 0;width:120px;}
.minfo8 {position:absolute; margin:70px 0 0 20px;width:120px;}
.minfo9 {position:absolute; margin:10px 0 0 130px;width:120px;}
.minfo10 {position:absolute; margin:155px 0 0 170px;width:165px;}


.make_right { border:solid 1px #58d01d; height:540px;}
.make_right h3 { background:#58d01d;}
.make_info_rg { background:url(../images/make2.jpg) center 50px no-repeat; width:457px; height:400px;}
.minfor1,.minfor2,.minfor3,.minfor4,.minfor5,.minfor6,.minfor7,.minfor8,.minfor9 {width:120px;line-height:18px;position:absolute;margin:10px 0 0 280px;font-size:11px;font-family: Arial, Helvetica, sans-serif; color:#666;}
.minfor2 {position:absolute; margin:80px 0 0 345px;width:120px;}
.minfor3 {position:absolute; margin:240px 0 0 365px;width:120px;}
.minfor4 {position:absolute; margin:310px 0 0 320px;width:120px;}
.minfor5 {position:absolute; margin:340px 0 0 190px;width:120px;}
.minfor6 {position:absolute; margin:300px 0 0 40px;width:120px;}
.minfor7 {position:absolute; margin:180px 0 0 0;width:120px;}
.minfor8 {position:absolute; margin:80px 0 0 20px;width:120px;}
.minfor9 {position:absolute; margin:10px 0 0 110px;width:120px;}
.minfor10 {position:absolute;margin:155px 0 0 170px;width:165px;}

.regard { width:188px; height:240px; padding:0 0 10px 0;_height:260px;+height:260px;}
.bgcolor1 { background:#fdede0;}
.bgcolor2 { background:#e0f1fd;}
.orange { color: #f57d03;}
.blue { color:#1c9afc;}

.case1 { width:309px; background:url(../images/c1.jpg) no-repeat; height:175px;}
.case1 h3,.case2 h3,.case3 h3 { color:#FFF; text-align:center; margin-top:8px;}
.case2 { width:309px; background:url(../images/c2.jpg) no-repeat; height:175px;}
.case3 { width:309px; background:url(../images/c3.jpg) no-repeat; height:175px;}

#nav                { width:10px; height:10px;} 
#nav a              { height: 120px;width: 150px;display: block;cursor:pointer;} 
#nav a:link         { height: 120px;width: 150px;display: block;cursor:pointer;} 
#nav a:visited      { height: 120px;width: 150px;display: block;cursor:pointer;} 
#nav a:hover        { height: 120px;width: 150px;display: block;cursor:pointer;} 
#nav li             { float: left; width:250px; height:10px; margin:50px 0 0 -95px; } 
#nav li ul          { width:350px; height:100px;left: -999em; position: absolute; } 
#nav li ul li       {width:230px;height:85px;background-image: url(../images/bt.png); margin:-80px 0 0 50px;font-weight: bold;color: #fff; font-size:16px; line-height:22px; letter-spacing:1px;padding:10px; padding-top:20px;} 
#nav #aa li a { color:#FC0; height:0; width:230px; letter-spacing:0px; font-size:13px;}
#nav #aa li a:hover { text-decoration:underline;}
#nav li:hover ul    { left: auto; } 
#nav li.sfhover ul  { left: auto; } 

.hx { width:980px;}
#colee_left img {border:solid 1px #EEE; padding:1px; margin-right:10px; width:300px; height:198px;}


.about { width:485px;}
.about_txt { background:#EEE; padding:15px; height:290px;}
.about_txt img { border:solid 1px #F93;}
.wypl { width:485px;}











iframe,body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td { margin:0; padding:0;list-style:none;}
body{margin:0px;line-height:24px;font-size:12px;padding:0px; background:#2a2a2a;}
/*header style*/
.topwrapwrap{width:100%;background:url("http://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;border-bottom:1px solid #7F7F7F;}
.topwrap{width:980px;height:38px;line-height:38px;padding:0px 0px;font-size:14px;color:#7D8184;overflow:hidden;}
.qlink{width:534px;}
.qlink a{padding-right:21px; text-decoration:none;font-size:14px;}
.qlink a:link,.qlink a:visited{color:#5E5E5E;}
.qlink a:hover{color:#f60;}
.tl			{text-align:left;}
.tc			{text-align:center;}
.tr			{text-align:right;}
.mag		{margin:0px auto;}
.fl		    {float: left;}
.fr			{float: right;}
.clear             {clear:both;}
.clearfix:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix          {display: inline-block;}      
/* Hides from IE-mac \*/
* html .clearfix   {height: 1%;}
.clearfix          {display: block;}
.mt10{margin-top:10px;}
.foot{height:60px;padding-top:20px;}
.foot li { color:#FFF;}
.foot a { color:#fff;}
.foot a:link,.foot a:visited {text-decoration: none;}
.foot a:hover {text-decoration: underline;}
/*header style end*/


/*main css*/
.izl-rmenu{position:fixed;left:90%;bottom:10px;padding-bottom:53px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps { left:90%;
	z-index:2;
	width:50px;
	height:50px;
	right:10px;
	position:fixed;
	cursor:pointer;

	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

#moquu_wxin {
	top:360px;
	_margin-top:360px
}
#moquu_wxin a {
	background:url(../images/sbtn.png) 0 -0px;
	right:0;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px
}
#moquu_wxin a:hover {
	background:url(../images/sbtn.png) -50px -0px
}
#moquu_wshare {
	top:412px;
	_margin-top:412px
}
#moquu_wshare a {
	background:url(../images/sbtn.png) 0 -50px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#moquu_wshare a:hover {
	background:url(../images/sbtn.png) -50px -50px
}
/*#moquu_wmaps {
	top:464px;
	_margin-top:464px
}
#moquu_wmaps a {
	background:url(../images/sbtn.png) 0 -150px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#moquu_wmaps a:hover {
	background:url(../images/sbtn.png) -50px -150px
}*/
#moquu_top {
	top:464px;
	_margin-top:464px;
	background:url(../images/sbtn.png) 0 -101px;
	width:50px;
	height:50px
}
#moquu_top:hover {
	background:url(../images/sbtn.png) -50px -101px
}
.moquu_wxin,.moquu_wshare {
	position:relative;
	z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
	display:block
}
.moquu_wxin .moquu_wxinh {
	position:absolute;
	display:none;
	left:-170px;
	top:-60px;
	width:162px;
	height:162px;
	background:url(../images/weixin.jpg) 0 -2px no-repeat
}
.moquu_wshare .moquu_wshareh {
	position:absolute;
	display:none;
	left:-170px;
	top:-60px;
	width:162px;
	height:162px;
	background:url(../images/weibo.jpg) no-repeat
}