﻿/*_____________________________________________site set_____________________________________________*/
body{margin:0;padding:0;background:#c7d9e3 url(public/body_x.gif) repeat-x;font:13px/24px Arial, Helvetica, sans-serif,"宋体";color:#1a5483}
body,html{height:100%}
a{text-decoration:none;color:#1a5483}
a:hover{text-decoration:underline;color:#049CFE}
ul,li,dl,dt,dd{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,h7{margin:0;padding:0;font-size:12px;font-weight:normal}
p,span,strong,img,form,input,label{margin:0;padding:0}
img{border:none}
/*_____________________________________________layer set_____________________________________________*/
#description,#wapper,#foot,#copyright{overflow:hidden;margin:0 auto}
#description{width:960px;height:25px;line-height:25px}
#wapper{margin-bottom:8px;padding:11px;width:938px;background-color:#FFF}
       #header{overflow:hidden;margin:0 auto;width:938px}
	   #banner{overflow:hidden;margin:0 auto;padding-bottom:15px;width:936px;height:238px;background:url(public/banner_x.gif) 0 237px repeat-x}
	   #dataBox,#newsBox,#contentBox{overflow:hidden;margin:0 auto;width:938px;border:1px #afc5d3 solid;background:url(class/product_box_bg.gif) no-repeat}
       #sub_nav{float:left;display:inline;width:138px;border:1px #b0bdc6 solid;background:url(index/sub_nav_list_y.gif) repeat-y}
       #container{float:right;width:784px} 
	      #main{float:left;width:480px}
		  #rightBar{float:right;width:290px}
#foot{padding:11px;width:938px;background-color:#dde8ee}
#copyright{width:960px;line-height:250%;text-align:center;font-size:14px;color:#1a5483}
/*_____________________________________________description set_____________________________________________*/
#description h1{float:left;display:none;margin-left:5px;color:#b4cad8}
#description p{float:right;margin-right:-1px}
#description p a{float:left;display:inline;margin-top:4px;padding:0 8px 0 8px;height:15px;line-height:15px;border-right:1px #b4cad8 solid;color:#b4cad8}
/*_____________________________________________header set_____________________________________________*/
#header a#logo{float:left;display:inline;margin-left:20px;width:215px;height:80px;background:url(public/logo.gif) no-repeat}
#header a#logo h2{display:none}
#header ul{float:right;margin:45px -10px 0 0}
#header ul li{float:left;display:inline;padding:0 10px 0 10px;background:url(public/nav_line.gif) 100% 7px no-repeat}
#header ul li a{float:left;display:block;height:28px;line-height:28px;font-size:14px;color:#1a5483}
#home #header ul li#n1 a,#about1 #header ul li#n2 a,#news1 #header ul li#n3 a{border-bottom:2px #1a5483 solid;text-decoration:none;font-weight:900}
#header ul li a:hover{text-decoration:none;color:#049CFE}
/*_____________________________________________banner set_____________________________________________*/
#Slide{clear:both;overflow:hidden;border:#fff 1px solid;width:938px;height:237px}
#Slide a{color:#000}
#Slide .img{margin:0px auto;border-right:1px#fff solid;border-left:1px #fff solid;background:#fff;text-align:center}
.thumb_title{position:absolute;margin-top:10px;width:936px;line-height:25px;height:25px;text-indent:10px;background:#fff;filter:alpha(opacity=30);-moz-opacity:0.3}
#Slide_Thumb{position:absolute;margin:190px 0 0 0}
.thumb_on{float:left;display:inline;margin-left:8px;cursor:pointer}
.thumb_off{float:left;display:inline;margin-left:8px;cursor:pointer}
.thumb_off{filter:alpha(opacity=50);-moz-opacity:0.5}
.thumb_on{filter:alpha(opacity=100);-moz-opacity:1}
.thumb_off img{margin-top:10px;width:50px;height:30px;border:1px #fff solid}
.thumb_on img{width:60px;height:40px;border:1px #fff solid}
/*_____________________________________________index set_____________________________________________*/
/*______________________sub_nav set______________________*/
#sub_nav_title{overflow:hidden;padding:0 10px 0 10px;height:24px;line-height:24px;border-bottom:1px #b0bdc6 solid;background:url(index/sub_nav_title_x.gif) repeat-x}
#sub_nav_title h3{font-weight:900}
#sub_nav_list{overflow:hidden;padding:10px 5px 10px 5px;height:328px;background:url(index/sub_nav_list_norepeat.gif) no-repeat}
#sub_nav_list ul li a{float:left;padding-left:23px;width:106px;height:30px;line-height:30px;background:url(index/all_ico.gif) no-repeat}
#sub_nav_list ul li#softDele a{background-position:0 -2px}
#sub_nav_list ul li#site a{background-position:0 -33px}
#sub_nav_list ul li#flash a{background-position:0 -64px}
#sub_nav_list ul li#shop a{background-position:0 -97px}
#sub_nav_list ul li#oa a{background-position:0 -128px}
#sub_nav_list ul li#SoftOut a{background-position:0 -160px}
#sub_nav_list ul li#host a{background-position:0 -191px}
#sub_nav_list ul li#system a{background-position:0 -225px}
#sub_nav_list ul li#traffic a{background-position:0 -256px}
#sub_nav_list ul li#sz a{background:url(index/sz.gif) 0 48% no-repeat}
/*______________________main set______________________*/
.mTitleBar{overflow:hidden;padding:0 10px 0 10px;height:25px;border-bottom:3px #0793e3 solid}
.mTitleBar h4{float:left;font-weight:900}
.mTitleBar span{float:right;display:inline;padding-left:8px;background:url(index/more_ico.gif) 0 10px no-repeat}
#newBox{overflow:hidden;margin-top:10px}
#flashNews{float:left;padding:1px;width:220px;border:1px #aecfdf solid}
#newBox ul{float:left;margin-left:10px}
#newBox ul li{padding-left:10px;height:22px;line-height:22px;background:url(public/list_ico.gif) 0 50% no-repeat}
/*________case_tab set________*/
/*case_edit_tab*/
.case_tab_nav{overflow:hidden;height:32px;line-height:32px;background:url(index/tab_bg.gif) repeat-x}
.case_tab_nav ul{width:475px}
.case_tab_nav li,.case_tab_nav li a{float:left;display:inline;color:#087fc3}
.case_tab_nav ul li a{margin-right:5px;padding:0 10px 0 10px;cursor:pointer}
.case_tab_nav ul li.case_tab_hover a{background:url(index/tab_current.gif) 0 50% no-repeat}
/*case_edit_tab_box*/
.case_tab_box{overflow:hidden;padding-top:15px}
.case_tab_box dl{float:left;display:inline;margin-left:-15px}
.case_tab_box dt{display:none}
.case_tab_box dl dd{float:left;display:inline;margin-bottom:5px;text-align:center}
.case_tab_box dl dd a{display:block;margin-left:16px}
.case_tab_box dl dd a img{display:block;width:105px;height:95px;border:1px #afcee3 solid}
.case_tab_box dl dd a:hover{background-color:#afcee3;text-decoration:none}
/*______________________rightBar set______________________*/
.rTitleBar{overflow:hidden;padding:0 10px 0 10px;height:25px;border-bottom:1px #6393b2 solid}
.rTitleBar h4{float:left;font-weight:900}
.rTitleBar span{float:right;display:inline;padding-left:8px;background:url(index/more_ico.gif) 0 10px no-repeat}
.rNewsBox{overflow:hidden;padding:10px 0 10px 0}
.rNewsBox ul li{padding-left:10px;height:22px;line-height:22px;border-bottom:1px #d1e5f3 solid;background:url(public/list_ico.gif) 0 50% no-repeat}
  .scrollBox{width:290px;height:85px;margin:0 auto;overflow: hidden;white-space: nowrap}
  .scrollBox img{width:130px;height:85px;margin: auto 8px;border:1px #efefef solid}
  #scroll_s,#scroll_e,#scroll_s dl,#scroll_e dl,#scroll_s dl dd,#scroll_e dl dd{display:inline}
  .scrollBox dt{display:none}
#daili{overflow:hidden;padding:10px 0 10px 0}
#daili ul li{float:left;width:100%}
#daili ul li:hover,#daili li.sfhover{background-color:#E8F2F9}
#daili span{float:left;display:inline;margin:5px 5px 0 4px;padding:1px;width:38px;height:31px;background:url(index/daili_bg.gif) no-repeat}
#daili span img{width:34px;height:31px}
#daili h5{float:left;font-size:13px}
#daili p{float:left;overflow:hidden;margin-left:-10px;width:250px;border-bottom:1px #d1e5f3 solid}
#daili p a{float:left;display:inline;margin-left:-1px;padding:2px 10px 2px 10px;line-height:13px;background:url(public/nav_line.gif) 0 50% no-repeat;font-size:12px;color:#06a6d9}
/*_____________________________________________footer set_____________________________________________*/
#foot h5{float:left;width:100%;font-weight:900;color:#5a758a}
#contact{float:left;padding-right:10px;width:290px;border-right:1px #bbced9 solid;color:#5a758a}
#contact li{float:left;padding-left:25px;width:265px;background:url(index/all_ico.gif) no-repeat}
#contact li#addr{background-position:0 -285px}
#contact li#tel{background-position:0 -307px}
#contact li#addr{background-position:0 -327px}
#process{float:left;width:335px;padding:0 10px 0 10px;border-right:1px #bbced9 solid}
#process ul li{float:left;padding-left:2%;width:48%;background:url(public/foot_ico.gif) 0 50% no-repeat;color:#5a758a}
#friend{float:left;padding-left:10px;width:270px}
#friend ul li{float:left;padding-left:2%;width:48%;background:url(public/foot_ico.gif) 0 50% no-repeat}
#friend ul li a{color:#5a758a}
/*_____________________________________________class set_____________________________________________*/
/*_________case set_________*/
#dataList,#newsList,#breadCrumb,#dataPage{float:right;overflow:hidden;display:inline;margin-right:10px;padding:10px 0 10px 0;width:680px}
.classNav{float:left;overflow:hidden;display:inline;margin:35px 0 0 15px;padding:10px 0 10px 0;width:230px}
#dataPage{margin-bottom:15px}
#breadCrumb{border-bottom:1px #A5BDF3 solid}
/*类别*/
.classNav ul li{float:left;display:inline;margin-bottom:10px;width:230px}
.classNav ul li a{float:left;display:inline;margin-right:3px;padding:1px 5px 1px 5px;width:200px;line-height:25px;border:1px #A5BDF3 solid}
.classNav ul li a:hover{border:1px #457799 solid;background-color:#457799;text-decoration:none;color:#FFF}
/*简介排列方式*/
#dataList ul li{float:left;padding:15px 0 15px 0;width:678px;border:1px #FFF dashed;border-bottom:1px #99b4c7 dashed}
#dataList ul li:hover,#dataList li.dlHover{border:1px #99b4c7 dashed;background-color:#E8F2F9}
#dataList ul li:hover img,#dataList li.dlHover img{border:5px #376d91 solid}
#dataList ul li img{float:left;display:inline;margin:10px;margin-top:0;width:230px;height:150px;border:5px #a2bbcc solid}
#dataList ul li h4{display:block;font-size:16px;font-weight:900}
#dataList ul li span{float:left;overflow:hidden;margin-left:-11px}
#dataList ul li span a{float:left;display:inline;margin-left:-1px;padding:2px 10px 2px 10px;line-height:15px;background:url(public/nav_line.gif) 0 50% no-repeat;font-size:12px;font-family:PMingLiu;color:#06a6d9}
/*图片排列方式*/
#dataList dl{float:left;display:inline;margin-top:-10px;margin-bottom:-30px;+margin-bottom:0}
#dataList dl dt{display:none}
#dataList dl dd{float:left;display:inline;margin:0 30px 30px 0}
#dataList dl dd a{float:left;padding-top:10px;width:280px;border:5px #c3d7e3 solid;color:#c3d7e3}
#dataList dl dd img{margin:0 auto;display:block;width:174px;height:160px}
#dataList dl dd a span{float:left;display:block;padding-top:5px;width:100%;text-align:center}
#dataList dl dd a:hover{border:5px #457799 solid;text-decoration:none;color:#457799}
/*#dataList dl dd a:hover span{float:left;display:block;position:relative;margin-top:-20px;width:100%;height:20px;line-height:20px;background-color:#79C8FB;color:#1A5483;text-align:center;filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}*/
/*新闻列表*/
#newsList ul{float:left;margin-top:-10px}
#newsList ul li{float:left;width:100%;height:25px;font-size:14px}
#newsList ul li a{float:left;padding-left:10px;background:url(public/list_ico.gif) 0 50% no-repeat}
#newsList ul li span{float:right;color:#B1CBDD}
/*分页*/
#dataPage table tr td{padding:1px 5px 1px 5px;line-height:25px;border:1px #A5BDF3 solid}
#dataPage table tr td a{text-decoration:underline}
/*_____________________________________________detail set_____________________________________________*/
/*_________news && about set_________*/
#info,#content,#titleContent{float:right;overflow:hidden;display:inline;margin-right:10px;padding:10px 0 10px 0;width:680px}
#info{padding-bottom:10px;border-bottom:1px #CCC dashed;text-align:center}
#info h3{font-size:16px;font-weight:900}
#content{font-size:14px}
#titleContent{padding-left:10px;width:670px;background:url(index/sub_nav_title_x.gif) 0 50% repeat-x;font-weight:900}
/*_________product set_________*/
#productAbout{float:right;overflow:hidden;display:inline;margin-right:10px;padding:10px 0 10px 0;width:680px}
#productAbout img{float:left;width:346px;height:226px;border:2px #b5dfea solid}
#productAbout ul{float:left;margin-left:15px;width:312px}
#productAbout ul li{width:100%;border-bottom:1px #457799 dashed}
#productAbout ul li h3{font-size:16px;font-weight:900}
#productAbout ul li strong{font-weight:normal;color:#06a6d9}
#productAbout ul li a{float:left;display:block;width:129px;height:52px}
#productAbout ul li a{padding-top:15px;border-bottom:none}
#productAbout ul li a span{display:none}
#productAbout ul li a#down{background:url(class/down_ico_a.gif) 50% 50% no-repeat}
#productAbout ul li a#down:hover{background:url(class/down_ico_hover.gif) 50% 50% no-repeat}
#productAbout ul li a#buy{background:url(class/buy_ico_a.gif) 50% 50% no-repeat}
#productAbout ul li a#buy:hover{background:url(class/buy_ico_hover.gif) 50% 50% no-repeat}
