@charset "utf-8";
iframe,body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,table,td,tr{ margin:0; padding:0;list-style:none;}
body{
	margin:0px;
	font-size:13px;
	line-height:26px;
	padding:0px;
	background:#E9EAEB;
}
* {
	font-family: "Microsoft Yahei";
	color:#222;
}
img {
	border:0;
}
a {text-decoration:none;}
a:hover { text-decoration:underline;}
/*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:70px;
	line-height:30px;
	margin:0 auto;
}
.foot li { color:#000; font-size:12px; line-height:24px;}
.foot a { color:#000;}
.foot a:link,.foot a:visited {text-decoration: none;}
.foot a:hover {text-decoration: underline;}
.tc{text-align:center;}
/*header style end*/
/********** main **********/
.box {
	width:980px;
	margin:0 auto;
}

.fl { float:left;}
.fr { float:right;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml38 { margin-left:38px;}
.ml40 { margin-left:40px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr30 { margin-right:30px;}
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt7 { margin-top:7px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt150 { margin-top:150px;}
.m20 { margin:30px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:25px;}
.pt1 { padding-top:1px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}

h1 { font-size:32px; color:#222;}
h2 { font-size:22px; color:#032852; font-weight:bold;}
h3 { font-size:18px; color:#FFF; font-weight:bold;}
h4 { font-size:16px; color:#222; font-weight:bold;}
.f15 { font-size:15px; color:#155799;}
/********** banner **********/
.banner{height:420px;width:100%;overflow:hidden;}
.banner img{width:1920px;height:420px;position:relative;top:0;left:50%;margin-left:-960px;}
.banner h1 { display:none;}
/********** 导语 **********/
.part1 {
	width:980px;
	height:290px;
	overflow:hidden;
}
.daodu {
	width:690px;
	height:210px;
}
.daodu img {
	width:90px;
	height:260px;
	float:left;
}
.daodu .content {
	width:580px;
	height:210px;
	float:right;
	display:block;
	line-height:24px;
}
.relate {
	width:270px;
	height:260px;
}
.relate .tit{
	width:270px;
	height:40px;
	background:#FFF;
	border-top:3px solid #1D5792;
	font-size:18px;
	color:#032852;
	font-weight:bold;
	line-height:38px;
	padding-left:10px;
	margin-bottom:10px;
}
/********** PK **********/
.part2 {
	height:340px;
	overflow:hidden;
}
.title {
	width:980px;
	height:43px;
	background:url(../image/title_bg.png) top center no-repeat;
}
.title h2 {
	line-height:50px;
	padding-left:54px;
}
.pk {
	width:980px;
	height:252px;
	background:url(../image/pk_bg.png) top center no-repeat;
}
.point {
	width:360px;
	color:#FFF;
}
.allv {
	width:165px;
	height:38px;
}
.allv p {
	width:auto;
	height:38px;
	line-height:38px;
	font-size:18px;
	color:#FFF;
}
.vote {
	width:122px;
	height:38px;
	background:url(../image/vote_btn.png) top center no-repeat;
	margin-top:5px;
	text-align:center;
    font-size:22px;
	color:#155799;
	font-weight:bold;
	line-height:34px;
}

/********** 精彩回答 **********/
.answer {
	width:100%;
	height:320px;
	overflow:hidden;
	background:#FFF;
}
.answer img {
	width:260px;
	height:200px;
	float:left;
	margin-top:15px;
	overflow:hidden;
}
.gd {
	width:710px;
	height:200px;
	float:right;
	margin-top:15px;
}
.gd .po {
	width:710px;
	overflow:hidden;
}
.gd .po .pot {
	width:60px;
	height:62px;
	background:url(../image/answer_bg.png) top center no-repeat;
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:62px;
	text-align:center;
	color:#155799;
}
.gd .po .pop {
	width:640px;
	height:62px;
	float:right;
	line-height:22px;
	color:#155799;
}

/********** 历程回顾 **********/
.part3 {
	height:460px;
	overflow:hidden;
	background:#FFF;
}
.view {
	width:980px;
	height:341px;
	background:url(../image/view_bg.png) top center no-repeat;
	position:relative;
}
.view p {
	color:#155799;
	width:185px;
	line-height:22px;
	height:auto;
}
.view .p1 {
	position:absolute;
	top:20px;
	left:18px;
}
.view .p2 {
	position:absolute;
	top:12px;
	left:275px;
}
.view .p3 {
	position:absolute;
	top:12px;
	left:528px;
}
.view .p4 {
	position:absolute;
	top:12px;
	left:782px;
}
.view .p5 {
	position:absolute;
	top:252px;
	left:145px;
}
.view .p6 {
	position:absolute;
	top:240px;
	left:400px;
}
.view .p7 {
	position:absolute;
	top:235px;
	left:653px;
	line-height:20px;
}
/********** 挑战 **********/
.part4 {
	height:250px;
	overflow:hidden;
}

.c1 {
	width:230px;
	height:158px;
	background:url(../image/challenage_bg1.png) top center no-repeat;
	text-align:center;
	padding-top:75px;
	font-size:16px;
	color:#155799;
	line-height:28px;
}
.c2 {
	width:230px;
	height:158px;
	background:url(../image/challenage_bg2.png) top center no-repeat;
	text-align:center;
	padding-top:75px;
	font-size:16px;
	color:#155799;
	line-height:28px;
}
.c3 {
	width:230px;
	height:158px;
	background:url(../image/challenage_bg3.png) top center no-repeat;
	text-align:center;
	padding-top:75px;
	font-size:16px;
	color:#155799;
	line-height:28px;
}
.c4 {
	width:230px;
	height:158px;
	background:url(../image/challenage_bg4.png) top center no-repeat;
	text-align:center;
	padding-top:75px;
	font-size:16px;
	color:#155799;
	line-height:28px;
}
/********** 挑战 **********/
.part5 {
	width:100%;
	height:450px;
	background:#FFF;
	overflow:hidden;
}
.part5 img {
	width:320px;
	height:330px;
	float:left;
	margin-top:15px;
}
/********** 应用趋势 **********/
.part6 {
	height:510px;
	overflow:hidden;
}
.latestl {
	width:360px;
	height:452px;
	background:url(../image/latest_bg.png) top center no-repeat;
}
.latestl .l1 {
	width:360px;
	height:124px;
}
.latestl .l1 img {
	width:220px;
	height:124px;
	float:left;
}
.latestl .l1 .lt {
	width:122px;
	height:36px;
	background:url(../image/latest_title.png) top center no-repeat;
	float:right;
	margin-top:45px;
	font-size:16px;
	color:#155799;
	line-height:36px;
	font-weight:bold;
	text-align:center;
}
.latestr {
	width:600px;
	height:452px;
}
.latestr .l2 {
	width:600px;
	height:124px;
	background:#FFF;
}
.latestr .l2 p {
	line-height:24px;
	padding-top:2px;
	padding-left:6px;
	padding-right:4px;
}
/********** 图片展示 **********/
.part7 {
	height:450px;
	width:100%;
	background:#FFF;
	overflow:hidden;
}
.rollBox{width:980px; height:300px; overflow:hidden;margin:0 auto;}
.rollBox .LeftBotton{height:46px;width:27px;background:url(../image/left.png) top center no-repeat; margin-right:12px; margin-top:110px; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:46px;width:27px;background:url(../image/right.png) top center no-repeat; margin-left:12px; margin-top:110px; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:902px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:450px;float:left;text-align:center; margin-right:1px;}
.rollBox .Cont .pic img{display:block;margin:0 auto; border:none;}
.rollBox #List1,.rollBox #List2{float:left;}
/********** 解决方案 **********/
.part8 {
	height:680px;
	overflow:hidden;
}
.part8 .case1_t {
	width:480px;
	height:36px;
	background:#3E3E97;
	font-size:18px;
	color:#FFF;
	text-align:center;
	line-height:36px;
}
.part8 .case2_t {
	width:480px;
	height:36px;
	background:#1D85A7;
	font-size:18px;
	color:#FFF;
	text-align:center;
	line-height:36px;
}
/********** 案例剖析 **********/
.part9 {
	width:100%;
	height:560px;
	overflow:hidden;
	background:#FFF;
}
.part9 p {
	padding-top:185px;
	text-align:center;
}
.part9 p a {
	font-size:15px;
	color:#0C2E54;
}
.analyze1 {
	width:313px;
	height:215px;
	background:url(../image/case01.png) top center no-repeat;
}
.analyze2 {
	width:313px;
	height:215px;
	background:url(../image/case02.png) top center no-repeat;
}
.analyze3 {
	width:313px;
	height:215px;
	background:url(../image/case03.png) top center no-repeat;
}
.analyze4 {
	width:313px;
	height:215px;
	background:url(../image/case04.png) top center no-repeat;
}
.analyze5 {
	width:313px;
	height:215px;
	background:url(../image/case05.png) top center no-repeat;
}
.analyze6 {
	width:313px;
	height:215px;
	background:url(../image/case06.png) top center no-repeat;
}
/********** 案例剖析 **********/
.video { width:980px;overflow:hidden;}
#perpic { width:400px; height:230px; cursor:hand; cursor:pointer;}
.videobox {
	width:600px;
	height:230px;
	overflow:hidden;
}
.video-img{width:400px; height:230px;}
.video-list{ width:180px; height:230px; margin-left:10px;}
.video-list ul { width:180px; height:230px;}
.video-list li{width:180px; height:70px; overflow:hidden; background:#1873BC; cursor:pointer;text-align:center;}
.video-list li p { color:#FFF; padding-top:8px;}
.video-list li .icon-video{height:33px;z-index:99;}


.news {
	width:355px;
	height:230px;
	border-left:1px dashed #CCC;
	padding-left:15px;
}
.news a {
	color:#155799;
}
.news .n1 {
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	padding-top:5px;
}
.news p {
	line-height:22px;
}


.com {
	height:390px;
	overflow:hidden;
	background:#FFF;
}
.com .comment {
	border:1px solid #CCC;
}