#banner_box {margin:0 auto; width:1000px; margin-top:15px;}
#banner {width:1000px;height:300px;position:relative;z-index:1; }
#banner .imgs li {position:absolute;}
#banner .num {position:absolute;bottom:10px;right:14px;z-index:10;}
#banner .num li {color:#535353;float:left;margin:3px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40);	-moz-opacity:0.4;opacity:0.4;cursor:pointer;height:17px;width:17px;text-align:center;line-height:17px;}
#banner .num li.curr {background:#c9c9c9;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#000000;font-weight:bold;}





.prolist{width:1000px; height:200px;  margin-top:20px; padding-bottom:20px;}
.prolist .pro{width:33%; float:left}
.prolist .delimiter{width:1px; height:150px; margin-top:30px; border-right:#a4aaaf 1px dashed; float:left;}
.prolist .pro .title h2{font-family:Tahoma;font-size:18px;color:#5D5D5D;padding:15px 0 15px 0px;  text-align:center}
.prolist .pro .center{ margin:0px 0 20px 20px;}
.prolist .pro .center .img{ width:100px; float:left;}
.prolist .pro .center .img img{}
.prolist .pro .center .info{float:left; padding:5px 5px 5px 5px; width:196px;}
.prolist .pro .center .info .describe{width:100%;}
.prolist .pro .center .info a{color: #666666; text-decoration:underline; font-size:15px; }
.prolist .pro .center .info p{color:#333; margin:10px 0 0 0;}
.prolist .pro .center .info .buy{margin:5px 5px 5px 0px; bottom:0px; width:196px;}
.prolist .pro .center .info .buy a{ line-height:25px; margin-right:10px; height:25px; color:#11609d; text-decoration:underline}
.prolist .pro .center .info .buy a img{margin-top:6px; float:left;}
.prolist .pro .center .info .buy a span{float:left; margin-left:5px;}
.prolist .pro .center .info .buy a .imgright{margin-left:10px;}

#index_parttwo{margin:0 auto; width:1000px; margin-top:20px; 	}
.innerbox {padding-right:20px;}
.resource{width:980px; border:#CCC 1px solid; margin-top:20px; padding-left:20px; height:370px;padding-top:10px;}

.resource .more{float:right;margin-right:30px}
.resource .testimonials, .resource .tips{ float:left; width:48%;display:block; margin-right:10px; }
.resource h2{font-family:Tahoma; margin-bottom:10px; font-size:18px;color:#5D5D5D;}
.resource li{color:#333; line-height:18px;}
.resource .tips{ float:right; }
.resource .tips ul li{background:url("../images/article_bullet.gif") no-repeat 0px 4px; padding-left:18px; margin-top:5px; margin-left:10px; line-height:20px;}
.resource .delimiter{float:left;width:1px;height:320px;border-left:1px dashed #a4aaaf;margin-top:23px;}
.resource .testimonials p{ margin-bottom:15px; }

.prolist a{font-family:Tahoma;font-size:18px;color:#5D5D5D;padding:15px 0 15px 0px;  text-align:center; }
.prolist a:hover {font-family:Tahoma;font-size:18px;color: #0099CC;padding:15px 0 15px 0px;  text-align:center; }



.advShow{
	width:100%;
	height:220px;
	margin-bottom:30px;
	
	padding-top:230px;
	
	
	background-image: url(../images/icon/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.body_bg{background-color:#FFFFFF;}
.mainpan{ margin-bottom:30px; overflow:hidden;}
.mainpan .topthree{ width:960px; height:340px; float:left; margin:0 0 0px 0;}
.topthree a{color:#666666;}
.mainpan .topthree .ttcol{ display:block; float:left; width:280px; height:310px; margin-right:15px; padding:15px; }
.mainpan .topthree .ttcol .tttile{ display:block; height:20px; padding:0 0 10px 0; line-height:20px; font-size:15px; font-weight:bold; border-bottom:2px solid #d3d3d3;}
.mainpan .topthree .ttcol .tttile .tttimg{ display:block; float:left; width:20px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:-80px -220px; margin-right:10px;}
.mainpan .topthree .ttcol img.tthreeimg{ margin-top:10px; display:block; width:278px; height:160px;}
.mainpan .topthree .ttcol ul.ttdesc{ display:block; margin:10px 0 0 5px;}
.mainpan .topthree .ttcol ul.ttdesc li{ line-height:28px; height:28x;}
.mainpan .maincontent{ width:960px; float:left; overflow:hidden;}


.mainpan .maincontent .contentbox .cbcol .ckbutton{ display:block; width:160px; height:50px; float:left; margin:10px 20px 25px 0;}
.mainpan .maincontent .contentbox .cbcol .ckbutton a{ display:block; width:160px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/chubaoelement.png) no-repeat; background-position:0 -1040px;}
.mainpan .maincontent .contentbox .cbcol .ckbutton a:hover{ background-position:-170px -1040px;}





.m23{margin-left:50px;}
.mainpan_2{
	margin-bottom:30px;
	
	background-color: #EEEEEE;
}
.mainpan_2 .maincontent{ width:960px; margin:0 auto; overflow:hidden; margin-top:50px;}

.mainpan_2 .maincontent .contentbox .cbcol02{ display:block; float:left; width:400px; margin:10px 35px 20px;  overflow:hidden;}






.mainpan_2 .maincontent .contentbox .cbcol02 img.cbcoll{ display:block; width:90px; height:90px; margin-right:10px; float:left;}
.mainpan_2 .maincontent .contentbox .cbcol02 p.cbcolr{ display:block; width:297px; float:left;}
.mainpan_2 .maincontent .contentbox .cbcol02 p.cbcolr span{ line-height:1.6em;}
.mainpan_2 .maincontent .contentbox .cbcol02 p.cbcolr span.ccrtitle{ font-size:14px; font-weight:bold; margin:5px 0px 8px; display:block;}

.mainpan_2 .maincontent .contentbox .cbcol .ckbutton{ display:block; width:160px; height:50px; float:left; margin:10px 20px 25px 0;}
.mainpan_2 .maincontent .contentbox .cbcol .ckbutton a{ display:block; width:160px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/chubaoelement.png) no-repeat; background-position:0 -1040px;}
.mainpan_2 .maincontent .contentbox .cbcol .ckbutton a:hover{ background-position:-170px -1040px;}
.mainpan_2 .maincontent .contentbox h2.cboxtitle{ float:left; height:24px; line-height:24px; font-size:20px; width:880px; padding:15px 10px 10px; margin:0 27px 20px; _margin:0 15px 20px; border-bottom:1px solid #d3d3d3;}


.mainpan  h2.cboxtitle{ float:left; height:24px; line-height:24px; font-size:20px; width:880px; padding:15px 10px 10px; margin:0 27px 20px; _margin:0 15px 20px; border-bottom:1px solid #d3d3d3;}




.mainpan{ margin-bottom:30px; overflow:hidden;}
.mainpan .topthree{ width:960px; height:340px; float:left; margin:0 0 0px 0;}
.topthree a{color:#666666;}
.mainpan .topthree .ttcol{ display:block; float:left; width:280px; height:340px; margin-right:15px; padding:15px; }
.mainpan .topthree .ttcol .tttile{ display:block; height:20px; padding:0 0 10px 0; line-height:20px; font-size:15px; font-weight:bold; border-bottom:2px solid #d3d3d3;}
.mainpan .topthree .ttcol .tttile .tttimg{ display:block; float:left; width:20px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:-80px -220px; margin-right:10px;}
.mainpan .topthree .ttcol img.tthreeimg{ margin-top:10px; display:block; width:278px; height:160px;}
.mainpan .topthree .ttcol ul.ttdesc{ display:block; margin:10px 0 0 5px;}
.mainpan .topthree .ttcol ul.ttdesc li{ line-height:20px; height:20x;}
.mainpan .maincontent{ width:960px; float:left; overflow:hidden;}

.mainpan .topthree .ttcol .tttile a{color:#4D4D4D; font-size:18px;}
.mainpan .topthree .ttcol .tttile a:hover{color: #0099FF; text-decoration:underline;}

.learn_more{background-color:#009999;}

.mainContent{
	margin-bottom:30px;
	overflow:hidden;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;

}
.mainContent .col01{
	width:632px;
	height:282px;
	float:left;
	
	padding:15px;
	overflow:hidden;
	
	
}
.mainContent .col01 .flashvideo h3 span.titleimg{}
.mainContent .col01 .flashvideo{ width:250px; padding:0 15px 0 2px; float:left; height:280px; border-right:1px solid #d3d3d3; position:relative;}
.mainContent .col01 .flashvideo h3, .mainContent .col02 .col02con h3{ width:250px; font-size:15px; height:20px; line-height:20px; padding:5px 0 8px; border-bottom:2px solid #d3d3d3; margin-bottom:15px;} 
.mainContent .col01 .flashvideo h3 span.titleimg, .mainContent .col02 .col02con h3 span.titleimg{ display:block; float:left;width:34px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:0 -130px;}
.mainContent .col01 .flashvideo .videoimg{ display:block; float:left; width:250px; height:160px; padding-bottom:20px; border-bottom:1px solid #d3d3d3;}
.mainContent .col01 .flashvideo .videoshare{ display:block; float:left; width:250px; height:20px; padding-top:20px; border-top:1px solid #ffffff;}
.mainContent .col01 .flashvideo .videoshare h4{ display:block; float:left; width:110px; background:url(../images/chubaoelement.png) no-repeat; background-position:0px -160px; text-indent:-9999px; overflow:hidden;}
.mainContent .col01 .flashvideo .videoshare a{ display:block; float:right; width:20px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:-120px -160px; margin:0 10px;}
.mainContent .col01 .flashvideo .videoshare a.shareweibo:hover{background-position:-150px -160px;}
.mainContent .col01 .flashvideo .videoshare a.sharerr{background-position:-180px -160px;}
.mainContent .col01 .flashvideo .videoshare a.sharerr:hover{background-position:-210px -160px;}
.mainContent .col01 .flashvideo ul.videoflash{ display:block; position:absolute; width:112px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:0px -190px; top:221px; right:25px;}
.mainContent .col01 .flashvideo ul.videoflash li{ display:block; width:10px; height:10px; float:left; margin:4px 5px; _margin:4px;}
.mainContent .col01 .flashvideo ul.videoflash li{ display:block; width:10px; height:10px; background:url(../images/chubaoelement.png) no-repeat;}
.mainContent .col01 .flashvideo ul.videoflash li.fpre{ background-position:-110px -190px;}
.mainContent .col01 .flashvideo ul.videoflash li.fpre:hover{ background-position:-130px -190px;}
.mainContent .col01 .flashvideo ul.videoflash li.ffinal{ background-position:-150px -190px;}
.mainContent .col01 .flashvideo ul.videoflash li.ffinal:hover{ background-position:-170px -190px;}
.mainContent .col01 .flashvideo ul.videoflash li.dq, .mainContent .col01 .flashvideo ul.videoflash li.dq:hover{ background-position:-210px -190px;}
.mainContent .col01 .flashvideo ul.videoflash li.no{ background-position:-190px -190px;}
.mainContent .col01 .news{width:298px; padding:0 0 0 5px; float:left; height:280px; border-left:1px solid #ffffff; }
.mainContent .col01 .news ul.ntitle{display:block; width:308px; height:33px;  margin-bottom:15px;  }
.mainContent .col01 .news ul.ntitle li{ display:block; float:left; width:120px;}
.mainContent .col01 .news ul.ntitle li.ntitle03{width:108px; border-bottom: 2px solid #D3D3D3; height:33px;}
.mainContent .col01 .news ul.ntitle li a{ display:block; float:left; width:120px; height:20px; line-height:20px; padding:5px 0 8px; border-bottom:2px solid #d3d3d3; }
.mainContent .col01 .news ul.ntitle li.ntitle01 a span.ntimg, .mainContent .col01 .news ul.ntitle li.ntitle02 a span.ntimg{ display:block; float:left; width:34px; height:20px; background:url(../images/chubaoelement.png) no-repeat; background-position:-40px -130px;}
.mainContent .col01 .news ul.ntitle li a span.ntcon{ font-size:15px; font-weight:bold; line-height:20px; color:#555555;}
.mainContent .col01 .news ul.ntitle li.ntitle02 a span.ntimg{background-position:-80px -130px;}
.mainContent .col01 .news ul.ntitle li a.titleactive{padding:5px 0 7px; border-bottom:3px solid #06b0ff;}
.mainContent .col01 .news ul.ntitle li a:hover{ padding:5px 0 7px; border-bottom:3px solid #06b0ff;}
.mainContent .col01 .news .newscon .latest .latestcon{ display:block; float:left; height:40px; padding:10px 0; border-bottom:1px solid #d3d3d3; width:348px;}
.mainContent .col01 .news .newscon .latest #latestcon1{ height:40px; padding:0 0 10px 0;}
.mainContent .col01 .news .newscon .latest .latestcon img{ display:block; float:left; width:40px; height:40px; margin-right:5px;}
.mainContent .col01 .news .newscon .latest .latestcon a{ color:#555555; font-size:12px;}
.mainContent .col01 .news .newscon .latest .latestcon a span.lctitle{ font-size:14px; font-weight:normal; display:block;}
font.latestdate, font.digitaldate, .mainContent .col01 .news .newscon .latest .latestcon a span.lcdesc{ color:#999999; font-weight:normal;}
.mainContent .col01 .news .newscon .latest .latestcon a:hover, .mainContent .col01 .news .newscon .latest .latestcon a:hover span.lcdesc{ color:#06b0ff;}
.mainContent .col01 .news .newscon .media .mediacon, .mainContent .col01 .news .newscon .media .mediacon a{ display:block; float:left; height:14px; line-height:14px; border-bottom:1px dashed #d3d3d3; width:308px;  padding:6px 0;}
.mainContent .col01 .news .newscon .media #mediacon1{ padding:5px 0 10px 0;}
.mainContent .col01 .news .newscon .media .mediacon a{ border-bottom:none; height:14px; line-height:14px; color:#555555; padding:0;}
.mainContent .col01 .news .newscon .media .mediacon a:hover{ color:#6bbeff;}
.mainContent .col01 .news .newscon .media .mediacon a span.mconimg{ display:block; float:left; width:12px; height:12px; margin-right:5px; background:url(../images/chubaoelement.png) no-repeat; background-position:-270px -190px; color:#ffffff; text-align:center; line-height:12px;}
.mainContent .col01 .news .newscon .media .mediacon a:hover span.mconimg{ background-position:-290px -190px;}
.mainContent .col01 .news .newscon .media .mediacon a span.mcondesc{ display:block; float:left; width:331px; height:12px; line-height:12px;}
.mainContent .col01 .news .newscon .media #mediacon7{ border:none; height:20px; padding:10px 0 0;}
.mainContent .col01 .news .newscon .media .mediacon a.more{ display:block; float:right; height:20px; line-height:20px; width:42px; background:url(../images/chubaoelement.png) no-repeat; background-position:0 -690px; padding:0 0 0 8px; color:#ffffff;}
.mainContent .col01 .news .newscon .media .mediacon a.more:hover{ background-position:-60px -690px;}

.mainContent .col02{ width:282px; height:312px; background:url(../images/indexcontent02.png) no-repeat #ffffff; float:left;}
.mainContent .col02 .col02con{ width:252px; padding:15px;}
.mainContent .col02 .col02con h3 span.titleimg{ background-position:-120px -130px;}
.mainContent .col02 .col02con .digital{width:252px; float:left; padding-bottom:5px; }
.mainContent .col02 .col02con #digital02{ padding:0; background-color:#f1f1f1;}
.mainContent .col02 .col02con .digital .numericdesc, .mainContent .col02 .col02con .digital p.numbersum, .mainContent .col02 .col02con .digital p.numbereach, .mainContent .col02 .col02con .digital01 ul.numeric{ display:block; float:left; width:252px; margin-bottom:5px;}
.mainContent .col02 .col02con .digital p.numbersum, .mainContent .col02 .col02con .digital p.numbereach{ height:36px; text-align:center; line-height:36px;}
.mainContent .col02 .col02con .digital p.numbersum font.orange, .mainContent .col02 .col02con .digital p.numbereach font.orange{ line-height:36px; font-size:30px; color:#F60; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.mainContent .col02 .col02con .digital p.numbereach{ width:232px; padding:15px 10px; text-align:left; height:24px; line-height:24px; border-bottom:1px solid #ffffff; margin:0;}
.mainContent .col02 .col02con .digital p.numbereach font.orange{ line-height:24px; font-size:20px;}

.banner_box{width:950px; padding-top:20px; margin:0 auto;}
.banner_learn {
	width:230px;
	height:40px;
	color:#FFFFFF;
	font-size:23px;
	padding-left:20px;
	 border-radius:5px;
	border: thin solid #FFFFFF;
}

.banner_learn:hover{background-color:#FFFFFF; border-radius:5px; color: #0066CC; }
.mediacon{
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	height:28px;
}