@charset "gb2312";
/* CSS Document */

body{font-family:"΢ÈíÑźÚ",Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #666;line-height:24px;margin:0; text-align:justify;}
html { overflow: scroll; }

img{ border:none;}

a:link { color: #666; text-decoration: none;}
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #0060af; }
a:active { text-decoration: none; color: #666; }

h1{ margin:0; padding:0; font-size:22px; font-weight:normal;}
h2{ margin:0; padding:0 0 15px 0; font-size:18px; font-weight:normal; color:#0060af;}
h3{ margin:0; padding:0; font-size:16px; font-weight:normal;}
h4{ margin:0; padding:0 0 5px 0; font-size:16px; font-weight:normal; color:#0060af;}
h5{ margin:0; padding:0; font-size:22px; font-weight:normal; color:#0060af;}

.mainclear{ height:0; overflow:hidden; clear:both;}

.topwrap{ margin:0 auto 0 auto; padding:10px 0 15px 0; width:960px; height:60px;}
	.topwrap .logo{ float:left; padding:15px 0 10px 0; width:256px;}
	.topwrap .navwrap{ float:left; width:704px;}
	.topwrap .navwrap .toplink{ float:left; padding-bottom:10px; width:704px;}
	.topwrap .navwrap .toplink ul{ list-style-type:none; margin:0; padding:0;}
	.topwrap .navwrap .toplink ul li{ float:right; margin-left:10px; padding:0 0 0 18px;}
	.topwrap .navwrap .toplink ul li#hotline{ background:url(../images/topicon1.gif) left center no-repeat; color:#CC0000;}
	.topwrap .navwrap .toplink ul li#weibo{ background:url(../images/topicon2.gif) left center no-repeat;}
	.topwrap .navwrap .toplink ul li#service{ background:url(../images/topicon3.gif) left center no-repeat;}
	.topwrap .navwrap .mainnav{ float:left; width:704px;}
	#nav{width:704px;  position:relative; z-index:999; }
	ul#navmenu { list-style: none; padding:0;  margin: 0;  border: 0 none; height:32px;} 
	ul#navmenu li { float: right; display: inline; position: relative; line-height:32px; font-size:14px;} 
	ul#navmenu ul { margin-left: 30px; border: 0 none; padding: 0; width: 260px; list-style: none; display: none; position: absolute; top: 32px; left: 0; } 
	ul#navmenu ul li { float: none;display: block !important; display: inline; height:32px; line-height:32px;} 
	
	ul#navmenu a { text-decoration:none; padding: 0 0 0 30px; float: none !important; float: left; display: block;  text-decoration: none; height:32px !important;} 
	
	ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { color: #0060af; height:32px;} 
	
	ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; padding:0 30px; background: #0060af; color: #fff; font-size:12px;  border-top:1px solid #026dc5;} 
	
	ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {margin: 0;  background: #d4e9fb; color: #333; height:24px;} 
	
	ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #caf2fc; color: #333;  height:24px;} 
	
	ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #0060af; color: #fff;  height:24px;} 
	
	ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #60cdff; color: #fff;  height:24px;} 
	
	ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #60cdff; color: #FFF;  height:24px;} 
	ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; } 

	ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } 
	ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; } 
	
	#nav li#nav2 ul{width:260px;}
	#nav li#nav3 ul{width:140px;}
	#nav li#nav5 ul{width:140px;}
	#nav li#nav6 ul{width:120px;}
	#nav li#nav7 ul{width:120px;}
	
	.index #nav li#nav1 a{ color: #0060af;}
	.about #nav li#nav7 a{ color: #0060af;}
	.about #nav li#nav7 ul li a{ color: #fff;}
	.about #nav li#nav7 ul li a:hover{ color: #333;}
	.partner #nav li#nav5 a{ color: #0060af;}
	.partner #nav li#nav5 ul li a{ color: #fff;}
	.partner #nav li#nav5 ul li a:hover{ color: #333;}
	.service #nav li#nav4 a{ color: #0060af;}
	.service #nav li#nav4 ul li a{ color: #fff;}
	.service #nav li#nav4 ul li a:hover{ color: #333;}
	.case #nav li#nav3 a{ color: #0060af;}
	.case #nav li#nav3 ul li a{ color: #fff;}
	.case #nav li#nav3 ul li a:hover{ color: #333;}
	.product #nav li#nav2 a{ color: #0060af;}
	.product #nav li#nav2 ul li a{ color: #fff;}
	.product #nav li#nav2 ul li a:hover{ color: #333;}
	.news #nav li#nav6 a{ color: #0060af;}
	.news #nav li#nav6 ul li a{ color: #fff;}
	.news #nav li#nav6 ul li a:hover{ color: #333;}
	
#Slidebox{ width:100%; height:360px;  padding:0px;  margin:0 auto;  /*position:relative;*/ background:#005faf; overflow:hidden; border-top: solid 4px #0060af; z-index:-999;}
#flashBg {height: 360px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {height: 360px;width: 100%;clear: both;}
#flash{width: 960px;height: 360px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 960px;height: 360px;display: none;}
#flash img {width: 960px;height: 360px;}
.flash_bar {width:555px;padding-left: 460px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
bottom:0px;left:0px;}
.flash_bar .dq {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/pagination.png) no-repeat 0px -12px; overflow:hidden;}
.flash_bar .no {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background:url(../images/pagination.png) no-repeat 0px 0px; overflow:hidden;}

.newswrap{ margin:0 auto 0 auto; padding:20px 0 20px 0; width:960px; height:34px; background:url(../images/indexNews.jpg) left center no-repeat; }
	.newswrap .left{ float:left; padding-left:28px; width:92px; height:34px; line-height:34px; font-size:14px;}
	.newswrap .center{ float:left; margin:8px 0; width:760px; height:18px; line-height:18px; overflow:hidden; position:relative;}
	.newswrap .center ul{ list-style-type:none; margin:0; padding:0;}
	.newswrap .center ul li{ line-height:18px;}
	.newswrap .center ul li span{ padding-left:20px;}
	.news_li,.swap{ line-height:18px; display:inline-block; position:absolute; top:0;}
	.swap{top:18px;}
	.newswrap .right{ float:left; width:80px; height:34px; line-height:34px; text-align:center;}
	
.modulewrap{ width:100%; height:165px; padding:0 0 30px 0; }
.module{margin:0 auto 0 auto; width:960px; }
.module1{ float:left; padding:30px 20px 30px 111px; width:180px; height:105px; background:url(../images/module1.png) center top no-repeat;display:inline; position:relative; cursor:pointer;}
	.module1 dl{ list-style-type:none; margin:0; padding:0;}
	.module1 dl dt{ font-size:22px; color:#FFFFFF;}
	.module1 dl dd{ margin:0; padding-top:5px; line-height:16px; color:#FFFFFF;}
.module2{ float:left; margin:0 13px 0 14px; padding:30px 20px 30px 111px; width:180px; height:105px; background:url(../images/module2.png) center top no-repeat; cursor:pointer;}
	.module2 dl{ list-style-type:none; margin:0; padding:0;}
	.module2 dl dt{ font-size:22px; color:#FFFFFF;}
	.module2 dl dd{ margin:0; padding-top:5px; line-height:16px; color:#FFFFFF;}
.module2-1{ float:left; margin:0 13px 0 14px; padding:30px 20px 30px 111px; width:180px; height:105px; background:url(../images/module2-1.png) center top no-repeat; cursor:pointer;}	
	.module2-1 dl{ list-style-type:none; margin:0; padding:0;}
	.module2-1 dl dt{ font-size:22px; color:#FFFFFF;}
	.module2-1 dl dd{ margin:0; padding-top:5px; line-height:16px; color:#FFFFFF;}

.module3{ float:left; padding:30px 20px 30px 111px; width:180px;  height:105px; background:url(../images/module3.png) center top no-repeat; cursor:pointer;}
	.module3 dl{ list-style-type:none; margin:0; padding:0;}
	.module3 dl dt{ font-size:22px; color:#FFFFFF;}
	.module3 dl dd{ margin:0; padding-top:5px; line-height:16px; color:#FFFFFF;}
.module3-1{ float:left; padding:30px 20px 30px 111px; width:180px;  height:105px; background:url(../images/module3-1.png) center top no-repeat; cursor:pointer;}
	.module3-1 dl{ list-style-type:none; margin:0; padding:0;}
	.module3-1 dl dt{ font-size:22px; color:#FFFFFF;}
	.module3-1 dl dd{ margin:0; padding-top:5px; line-height:16px; color:#FFFFFF;}
	
.openwin{ padding:30px 40px; width:557px; height:255px; display:none; z-index:100; position:absolute; left:0px; bottom:0px; background:url(../images/openwinbg.png) left top no-repeat; cursor:pointer;}
	.openwin .listpro{ float:left; padding-left:70px; width:190px; height:126px; color:#FFFFFF; line-height:16px;}
	.openwin .listpro#list1{ margin-bottom:10px; background:url(../images/openicon1.png) left top no-repeat;}
	.openwin .listpro#list2{ margin-bottom:10px; background:url(../images/openicon2.png) left top no-repeat; margin-left:37px;}
	.openwin .listpro#list3{ background:url(../images/openicon3.png) left top no-repeat;}
	.openwin .listpro#list4{ background:url(../images/openicon4.png) left top no-repeat; margin-left:37px;}
	.openwin .listpro span{ display:block; padding-bottom:10px; font-size:22px; height:22px; line-height:22px; color:#FFFFFF;}
	.openwin a{ color:#FFFFFF;}
	
.customerwrap{ width:100%; height:100px; padding:20px 0; border-top:solid 1px #ccc;}
.customer{margin:0 auto 0 auto; width:984px; }
	.customer .title{ padding:0 12px 10px 12px; width:960px; font-size:18px;}
	.customer .customerlogo{ padding-left:12px; width:972px;}
	.customer .customerlogo ul{ list-style-type:none; margin:0; padding:0;}
	.customer .customerlogo ul li{ float:left; padding-right:12px;}
	.customer .customerlogo ul li img{ border:solid 1px #dedede;}
	
.subbannerwrap{ width:100%; height:150px; border-top: solid 4px #0060af; background:#0060af;}
.subbanner{margin:0 auto 0 auto; width:960px;}

.subtitle{margin:0 auto 0 auto; width:960px; height:60px; line-height:60px; border-bottom:solid 1px #cccccc;}
	.subtitle span{ float:right; padding-top:10px; height:50px; line-height:50px;}
	
.subbody{margin:0 auto 0 auto; width:960px;}
	.subbody .left{ float:left; padding-right:19px; width:200px;}
	.subbody .left ul{ list-style-type:none; margin:0; padding:0;}
	.subbody .left ul li{ padding-left:15px; height:48px; line-height:48px; font-size:14px; border-bottom:solid 1px #ccc;}
	.subbody .left ul li#current{ height:48px; width:185px; background:#0060af;}
	.subbody .left ul li#current a{ color:#FFFFFF;}
	.subbody .right{ float:left; padding:20px 0 20px 20px; width:720px; border-left:solid 1px #ccc;}
	.subbody .right .agentlist1{ float:left; margin-bottom:20px; width:350px;}
	.subbody .right .agentlist1 span{ padding:2px 10px; background:#0060af; color:#FFFFFF; margin-right:5px;  font-size:12px;}
	.subbody .right .agentlist1 img{ border:solid 1px #dedede;}
	.subbody .right .agentlist2{ float:left; padding-left:19px; padding-bottom:0; margin-bottom:20px;  width:350px; border-left:solid 1px #dedede;}
	.subbody .right .agentlist2 span{ padding:2px 10px; background:#0060af; color:#FFFFFF; margin-right:5px; font-size:12px;}
	.subbody .right .agentlist3{ float:left; padding-left:19px; margin-bottom:20px;  width:350px;}
	.subbody .right .agentlist3 img{ border:solid 1px #dedede;}
	
	.subbody .right .articletitle{ float:left; padding-bottom:10px; width:720px; border-bottom:solid 1px #dedede; text-align:center;}
	.subbody .right .articledate{ float:left; width:720px; color:#999999; text-align:center;}
	.subbody .right .articlecontent{ float:left; padding:20px 0; width:720px;}
	.subbody .right .articlecontent img{width: expression(this.width > 690 ? 690 : true); max-width: 690px; }
	.subbody .right .backone{ float:left; padding-top:20px; width:720px; text-align:center; border-top:solid 1px #dedede;}
	.subbody .right .weibo{ float:left; padding-top:20px; width:720px;  border-top:solid 1px #dedede;}
	.subbody .right .weibo a{ color:#0060af; text-decoration:underline;}
	
	.subbody .right dl{ list-style-type:none; margin:0; padding:0;}
	.subbody .right dl dt{ float:left; padding-top:10px; width:720px;font-size:18px; font-weight:normal; color:#0060af;}
	.subbody .right dl dd{ float:left; padding:0; margin:0; width:240px;}
	
	.subbody .right ul{ list-style-type:none; margin:0; padding:0;}
	.subbody .right ul li{ width:720px; height:36px; line-height:36px; border-bottom:solid 1px #dedede;}
	.subbody .right ul li span{ float:right; color:#999999;}
	.subbody .right .pages{ width:720px; padding-top:20px; text-align:right;}
	
	.subbody .right_case{ float:left; padding:20px 0 20px 0; width:740px; border-left:solid 1px #ccc;}
	.subbody .right_case ul{ list-style-type:none; margin:0; padding:0;}
	.subbody .right_case ul li{ float:left; margin-left:35px; margin-bottom:20px; width:150px;}
	.subbody .right_case .alert{ float:left; padding-left:30px; padding-top:20px; width:710px; border-top:solid 1px #dedede;}
	
	.subbody .right .producttech{ float:left; margin:0 10px 10px 0; width:166px; height:115px; border:solid 2px #dedede;}
	.subbody .right .producttechbig{ float:left; margin:0 10px 10px 0; width:346px; height:115px; border:solid 2px #dedede;}
	.subbody .right .havenone{ float:left; width:720px; height:100px;}
	
	.subbody .right_service{ float:left; padding:20px 0 20px 20px; width:720px; border-left:solid 1px #ccc;}
	.subbody .right_service a{ color:#0060af; text-decoration:underline;}
	 
.productbody{margin:0 auto 0 auto; width:960px;}
	.productbody .left{  float:left; padding-right:19px; width:230px;}
	.productbody .left ul{ list-style-type:none; margin:0; padding:0;}
	.productbody .left ul li{ padding-left:15px; height:48px; line-height:48px; font-size:14px; border-bottom:solid 1px #ccc;}
	.productbody .left ul li#current{ height:48px; width:215px; background:#0060af;}
	.productbody .left ul li#current a{ color:#FFFFFF;}
	.productbody .right{ float:left; padding:20px 0 20px 20px; width:690px; border-left:solid 1px #ccc;}
	.productbody .right a{ color:#0060af; text-decoration:underline;}
	
.techbody{margin:0 auto 0 auto; width:976px;}
.tech{ float:left; padding:30px 0 100px 8px;}
	.tech .producttech{ float:left; margin:0 8px 8px 0; width:230px; height:160px; border:solid 2px #dedede;}
	.tech .producttechbig{ float:left; margin:0 8px 8px 0; width:472px; height:160px; border:solid 2px #dedede;}
	.tech .producttechhover{ float:left; margin:0 8px 8px 0; width:230px; height:160px; border:solid 2px #0060af;}
	.tech .producttechbighover{ float:left; margin:0 8px 8px 0; width:472px; height:160px; border:solid 2px #0060af;}
	
.timeicon{ width:720px; height:59px; background:url(../images/history_1.gif) 50px top no-repeat;}
.timezhou{ float:left; padding-top:40px; background:url(../images/history_3.gif) 80px top repeat-y; width:720px; }
	.timezhou .years{ float:left; width:73px; font-size:18px; color:#0060af;}
	.timezhou .history{ float:left ; padding-left:20px; width:610px; background:url(../images/history_2.gif) left 4px no-repeat; line-height:24px; font-size:16px; }

.honoricon{ width:720px; height:59px; background:url(../images/honor_1.jpg) 87px top no-repeat;}	
.honor{ float:left; padding-top:40px; background:url(../images/history_3.gif) 117px top repeat-y; width:720px; }
	.honor .years{ float:left; width:110px; font-size:18px; color:#0060af;}
	.honor .history{ float:left ; padding-left:20px; width:590px; background:url(../images/history_2.gif) left 4px no-repeat; line-height:24px; font-size:16px; }

.casewrap{ float:left; padding:0 0 15px 0; margin-bottom:20px; border-bottom:solid 1px #dedede;}
	.casewrap .logo{ float:left; width:150px; padding-right:20px;}
	.casewrap .profile{ float:left; width:550px; line-height:20px;}
	.casewrap .profile a{ color:#0060af;}
	
.pageno{float:left; margin-top:20px; width:690px; text-align:right; }
	
.copyrightwrap{ width:100%;  padding:10px 0 30px 0; border-top:solid 1px #ccc;}
	.copyright{margin:0 auto 0 auto; width:960px;}
	.copyright span{ float:right; text-align:right;}
	
.backToTop {display: none;width: 60px; height:60px; background:url(../images/gotop.gif) left top no-repeat; position: fixed; _position: absolute; right:0; bottom: 90px; _bottom: "auto"; cursor: pointer; }