.heio { height:auto; overflow:hidden;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb10 { margin-bottom:10px;+margin-bottom:5px;}
.mb15 { margin-bottom:15px;+margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mr40 { margin-right:40px;}
.mr20 { margin-right:20px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr18 { margin-right:18px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.fwb { font-weight:bold;}
.tin2 { text-indent:2em;}
.fz16 { font-size:16px;}
.fz14 { font-size:14px;}
img { border:none;}
a { text-decoration:none;} 
.w1000 { width:1000px;margin:0 auto;}
.w1200 { width:1200px;margin:0 auto;}

/************** banner **************/
.banner{height:500px;width:100%;overflow:hidden; position:relative;}
.banner img{width:1920px;height:500px;position:absolute;top:0;left:50%;margin-left:-960px;}
.banner h1 { display:none;}
.banner .date  {
	position: absolute;
	z-index: 900;
	top: 90%;
	left: 13%;
	font-size: 12px;
	display: block;
	background-image: url(../images/qs_bg.png);
	background-repeat: repeat;
	padding-right: 10px;
	padding-left: 10px;
	color:#FFFFFF;
	width:140px;
	}
	
.lead { background:#232323; height:80px;}
.lead_info { width:1200px; margin:0 auto;}
.lead_info img { float:left; width:120px;}
.lead_info p { float:right; width:1080px; font-size:20px; line-height:80px; color:#f9c909;}

.video { width:600px; float:left; margin-right:30px; background:#000; height:425px;}
.reg { width:560px; float:left;}
.reg h2 { font-size:24px; margin-bottom:20px; font-weight:normal;}
.reg .book { float:left;}
.reg .book img { margin-bottom:8px;}
.reg .book div { width:250px; margin-left:5px; height:40px; line-height:40px; display:block; text-align:center; background:#049fd9; font-size:16px;}
.reg .book div a { color:#FFF; display:block; font-size:18px;}
.reg .book div:hover { background:#09F;}

.bg_gray { background:#f2f2f2; padding-top:50px; padding-bottom:50px;}
.view{ width:620px; float:left;}
.DNA { width:540px; float:right;}
.view h2,.DNA h2 { font-size:36px; font-weight:normal; height:40px; margin-bottom:30px; }

.sulution h2,.case h2 { font-size:36px; font-weight:normal; text-align:center; height:40px; margin-bottom:30px; }

/* m-banner */
.m-banner{width:1200px;}
.mb-news{width:400px;padding:30px;line-height:1.8; background:#3f98eb; height:300px; margin-right:20px;}
.mb-news h4{word-break:break-all;word-wrap:break-word; }
.mb-news h4 a{font-size:20px;color:#fff;line-height:1.6;word-break:break-all;word-wrap:break-word; margin-bottom:20px;}
.mb-news p {font-size:16px;color:#fff;margin-top:15px;overflow:hidden; line-height:35px;}
.mb-news p a{font-size:16px;color:#fff;margin-top:15px;overflow:hidden; line-height:35px;}
.mb-news h4 a:hover,.mb-news p a:hover{text-decoration:underline}

.mb-img{width:720px;height:360px}
.mb-inav{width:15px;margin-right:1px}
.mb-inav li{width:15px;height:120px;margin-bottom:1px}
.mb-inav li a{display:block;width:15px;height:118px;background:#bbbbba; cursor:pointer;}
.mb-inav li a.cur{background:#eba83f}

.mb-ibox{width:700px;height:360px;position:relative;overflow:hidden}
.mb-ibox a{display:block;width:700px;height:360px;overflow:hidden;position:absolute;top:0;left:0;z-index:10;display:none}

.case li { width:370px; float:left;}
.case li img { margin-bottom:20px;}
.case li h3 { font-size:22px; margin-bottom:15px; font-weight:normal;}
.case li p { font-size:16px;}
.case li a { color:#333;}
.case li a:hover { color:#3f98eb;}

.about { width:940px; float:left;}
.about h2 { background:url(../images/about.jpg) no-repeat; height:42px; line-height:42px; width:186px; text-align:center; color:#FFF; font-size:20px; font-weight:normal; margin-bottom:20px;}
.about p { font-size:16px; line-height:30px;}
.wx { width:200px; float:right; font-size:14px;  text-align:center;}

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; font-family:"Microsoft Yahei";color:#333;}
/*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:80px;padding-top:20px; background:#3f3e3e;}
.foot a,.foot li { color:#fff;}
.foot a:link,.foot a:visited {text-decoration: none;}
.foot a:hover {text-decoration: underline;}
/*header style end*/

.login-form .forgot,.login-form .login,.login-form .reg,.signup-form .forgot,.signup-form .login,.signup-form .reg,.forgot-form .forgot,.forgot-form .login,.forgot-form .reg{width:302px;padding:0;margin:20px 100px;height:35px;font-size:18px;cursor:pointer}

.button-blue{display:block;float:left; border:none;padding:5px 0;width:100px; margin-left:120px; margin-top:20px; margin-right:10px;color:#fff;background:#407acc;text-align:center;cursor:pointer}
.button-blue:hover{background:#084b91;text-decoration:none;color:#ffffff}

.modal { width:550px; margin:0 auto;}
.modal p { font-size:18px; padding-bottom:5px; text-align:center; margin-top:15px;}
.box04-form {
  float: left;
  width: 550px;
}
.box04-form h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #CCC;
  text-align: center;
  font-weight: normal;
}
.box04-form .formbox li {
  padding-top: 15px;
  display: block;
}
.box04-form .formbox li span {
  width: 90px;
  padding-right: 15px;
  line-height: 32px;
  font-size: 16px;
  color: #333;
  float: left;
  text-align: right;
}
.box04-form .formbox li span.city {
  width: 95px;
  padding-right: 11px;
}
.box04-form .formbox li input {
  width: 378px;
  border: 1px #CCC solid;
  padding: 0 10px;
  line-height: 30px;
  font-size: 13px;
  color: #00778c;
  background: none;
  font-family:"Microsoft Yahei";
}
.box04-form .formbox li .sub {
  float: left;
  margin: 40px 0 0 10px;
  width: 220px;
  line-height: 35px;
  height: 35px;
  font-size: 18px;
  background: #CCC;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000;
  border: none;
  letter-spacing: 2px;
}
.box04-form .formbox li .selectbox {
  float: left;
  width: 145px;
  height: 30px;
  font-size: 13px;
  border: 1px #CCC solid;
  color: #00778c;
}
.box04-form .formbox li .selectbox .select-head {
  overflow: hidden;
  width: 143px;
  height: 30px;
  line-height: 30px;
}
.box04-form .formbox li .selectbox .select-head .select-head-cont {
  float: left;
  color: #00778c;
  font-size: 13px;
  text-indent: 10px;
}
.box04-form .formbox li .selectbox .select-head .select-icon {
  float: right;
  font-size: 10px;
  padding: 0 5px 0 0;
  margin: 0;
}
.box04-form .formbox li .selectbox .option {
  float: left;
  position: absolute;
  text-indent: 10px;
  padding: 0px;
  margin: 0px;
  width: 143px;
  color: #00778c;
  line-height: 30px;
  border: 1px #CCC solid;
  background: #000;
}
.box04-form .formbox li .selectbox .option li {
  padding: 0;
}
.box04-form .formbox li .selectbox .option-item:hover {
  background: #0d92ab;
  color: #fff;
}

#bg { position:absolute;left:0;top:0;background: rgba(0,0,0,0.5); z-index:100; height:100%; width:100%;}