@charset "utf-8";
* {
	font-family:"Microsoft Yahei";
	font-size: 12px;
	list-style-type:none;
}
a { text-decoration:none;}
img { border:0;}
body { background:#699CBB;}
.all { width:1000px; margin:0 auto; background: #FFF;}

/* demo02 */
#myController1{height:32px;line-height:32px;padding-right:20px;background:#333;font-weight:bold;font-size:14px;text-align:right;white-space:nowrap;z-index:1001;position:relative;margin-top:-32px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
#myController1 span{ padding:0 4px;text-align:center;cursor:pointer;color:#fff}
#myController1 span.jFlowSelected1{background:#d3d3d3;color:#333}


.content { padding:10px; height:auto; overflow:hidden; background:#FFF url(../images/foot_bg.jpg) left bottom no-repeat;}

.img { width:300px; margin-right:10px; height:200px;}
.Warp{width:300px;height:200px;overflow:hidden;}
.Warp img { border:0;}
.num{height:20px;position:absolute;bottom:5px;right:5px;list-style-type:none;}
.num li{background: #000;color: #FFF;border: 1px solid #E1E1E1;width:15px;height:15px;float:left;line-height:15px;text-align:center;font-size:12px;margin-left:2px;cursor:pointer;}
.num li:hover{color:#fff;background:#f27602;}
.num .active{color:#fff;background:#f27602;}

.news,.views,.share,.download { width:310px;margin-right:10px; background:#F7F7F5 url(../images/txt_bg.jpg) repeat-x; height:195px; padding:5px; padding-bottom:0;}
.news h1,.views h1,.viewpoint h1,.share h1,.download h1,.contact h1,.jswk h1 { border-left:solid 6px #E20113;padding-left:5px; font-size:16px;font-family:"Microsoft Yahei"; color:#0275fe;}
.more { margin-left:179px;}
.news h1 a,.views h1 a,.viewpoint h1 a,.share h1 a,.download h1 a,.jswk h1 a{ color:#E20113;}
.news h1 a:hover,.views h1 a:hover,.viewpoint h1 a:hover,.share h1 a:hover,.download h1 a:hover,.product h3 a:hover,.jswk h1 a:hover { text-decoration:underline; }
.news ul,.share ul,.download ul { padding:5px; line-height:26px;}
.news ul a,.share ul a,.download ul a { color:#000;}
.news ul a:hover,.share ul a:hover,.download ul a:hover { color:#06C;}
.news li { width:295px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news span { float:right; margin-left:10px;}

.views { width:330px; margin-right:0; margin-bottom:10px;}
.views_txt { padding:5px; height:155px;}
.views_txt img { float:left; margin-right:10px; width:115px; height:152px;}
.views_txt p a{ font-size:14px;font-family:"Microsoft Yahei"; font-weight:bold; color:#000;}
.views_txt p a:hover,.vp a:hover{color:#06C;}

.viewpoint{ width:268px; margin-right:10px; border:solid 1px #20b6fb; margin-bottom:10px; padding:5px;}
.jswk{ width:268px;margin-right:10px;border:solid 1px #20b6fb; margin-bottom:10px; padding:5px;}
.more2 { margin-left:137px;}
.more3 { margin-left:500px;}
.vp { width:260px; float:left; padding:5px;}
.vp a,.pro_txt a { color:#333;}

.video { width:400px; margin-bottom:10px; height:240px;}
.video h2 { background:#000; padding:2px; color:#FFF;font-size:16px;font-family:"Microsoft Yahei";}
.video2 { display:none;}
#perpic { cursor:hand;cursor:pointer;}

.project,.product { width:640px; margin-right:10px; margin-bottom:10px;}
.product h3 a{ color:#FFF;}
.project h3,.weixin h3,.product h3 { background:url(../images/menu_bg.jpg) repeat-x; height:40px; line-height:40px; padding-left:10px;font-size:16px;font-family:"Microsoft Yahei"; color:#FFF;}
/* tabshow */
.tabshow{width:640px;height:370px;position:relative; margin-top:-3px;_margin-top:-2px;}
.tabshow .hide{display:none;}
.tabshow .udbtn,.tabshow .tabTagBox li{ background:url(../images/tab-all-bg.png) no-repeat;}
.tabshow .udbtn{display:block;width:194px;height:35px;line-height:999em;overflow:hidden;}
.tabshow .uPrev{background-position:0 -580px;}
.tabshow .dNext{background-position:0 -615px;}
.tabshow .tabTagBox{height:348px;width:194px;overflow:hidden;position:relative;z-index:9;margin:2px 0;_margin-top:1px;}
.tabshow .tabTagBox .tabTagList{position:absolute;left:0;height:31em;}
.tabshow .tabTagBox li{float:left;width:193px;height:58px;line-height:99em;overflow:hidden;cursor:pointer;}
.tabshow .tabTagBox li.current{width:194px;}
.tabshow .tabTagBox li#tag01{background-position:-194px 0;}
.tabshow .tabTagBox li#tag01.current{background-position:0 0;}
.tabshow .tabTagBox li#tag02{background-position:-194px -58px;}
.tabshow .tabTagBox li#tag02.current{background-position:0 -58px;}
.tabshow .tabTagBox li#tag03{background-position:-194px -116px;}
.tabshow .tabTagBox li#tag03.current{background-position:0 -116px;}
.tabshow .tabTagBox li#tag04{background-position:-194px -174px;}
.tabshow .tabTagBox li#tag04.current{background-position:0 -174px;}
.tabshow .tabTagBox li#tag05{background-position:-194px -232px;}
.tabshow .tabTagBox li#tag05.current{background-position:0 -232px;}
.tabshow .tabTagBox li#tag06{background-position:-194px -290px;}
.tabshow .tabTagBox li#tag06.current{background-position:0 -290px;}


.tabshow .tabcon{position:absolute;top:0;right:0;z-index:1;border:solid 1px #20b6fb;background:#FFFFFF;height:368px;width:445px;overflow:hidden;_margin-top:2px;+margin-top:2px;}
.tabshow .tabcon p { padding:8px; line-height:22px;}
.tabshow .tabcon h2{height:37px;line-height:37px;font-size:14px; color:#09C;padding:10px 0 10px 25px; background:#f7f5f5;}
.tabshow .tabcon p a { color:#000; text-decoration:none;}
.tabshow .tabcon p a:hover { color:#06C;}

.weixin{ width:330px;}
.wx_txt {border:solid 1px #20b6fb; padding:10px; padding-bottom:0;}
.wx_txt img { margin-left:80px; margin-bottom:7px;+margin-bottom:4px;}
.wx_txt li { list-style:square inside; color:#E20113; line-height:28px;+line-height:26px; +padding-bottom:2px;}
.wx_txt a { color:#666;font-family:"Microsoft Yahei";}
.wx_txt a:hover { color:#06C;}

.qt { width:330px;}
.product { margin-top:5px;}
.pro_txt {border:solid 1px #20b6fb;padding:10px; height:245px;+height:241px;}
.pro_txt ul { float:left; width:290px;}
.pro_txt li { background: url(../images/ico1.gif) left center no-repeat; padding-left:20px;line-height:35px;}
.pro_txt a:hover {color:#06C;}
.share { margin-bottom:10px; margin-top:5px; height:auto; width:320px;_width:310px;}
.share li { background:url(../images/ico1.gif) left center no-repeat; padding-left:20px; line-height:21px;_line-height:22px;}

.download { height:auto; width:320px;_width:310px; margin-bottom:10px;}
.download li { background:url(../images/ico2.gif) left center no-repeat; padding-left:20px; line-height:22px;}

.contact { background:#f6f6f6; padding:10px; height:auto; overflow:hidden;}
.contact p { margin-bottom:5px;}
.blue {font-size:12px;color:#0275fe; font-weight:bold;}
.contact img { padding-top:3px; float:left;}


.gread { width:980px; margin:0 auto; background:#FFF; padding:10px; margin-top:10px; height:30px;}

.content .f14 { font-size:14px; font-weight:bold; margin-left:30px;}
.content .f14 a { color:#06C; font-size:14px;}
.content .f14 a:hover { color:#F00;}
.alltxt { padding:20px; width:900px; margin:0 auto; font-size:14px; font-size:12px;}
.alltxt h4 { color:#06C; font-size:24px; text-align:center; padding-bottom:20px;}
.alltxt p { text-indent:2em;}

.ct { text-align:center; font-size:16px; color:#06C; margin-bottom:10px;}
.f18 { font-size:18px; font-weight:bold;}
.f16 { font-size:16px; color:#06C;}
.blue1 { color:#06C;}
.color1 { color:#67437D; font-size:16px;}
.red { color:#F33; font-size:18px; font-weight:bold;}
.color2 { color:#F63;}
.ct { text-align:center;}
.photo img { border:solid 1px #CCC; padding:5px;}
.mr { margin-right:20px;}

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;}
/*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; font-size:14px;}
.qlink a:link,.qlink a:visited{color:#5E5E5E;}
.qlink a:hover{color:#f60;}
#foot {width:980px;margin:20px auto 45px;text-align:center;}
#foot a:link,#foot a:visited{color:#000;}
#foot a:hover{color:#5F99DA;}
.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; color:#FFF; margin-bottom:20px;}
.foot a:link,.foot a:visited {text-decoration: none;color:#FFF;}
.foot a:hover {text-decoration: underline;}
/*header style end*/

#ckepop { margin:40px 0; padding-left:370px;}