﻿/* CSS Document */
@charset "utf-8";
/*
*网站名称:快视通科技
*日  期:2012.05.3
*修改记录:
*/

/*************************通用全局样式********************************************/
body{font-family:"宋体","Arial Narrow"; font-size:12px; background:#f0f0f0; padding:0px; margin:0px; }
.innerpage{ background:#f5f5f5;}
ul,li,dl,dd,dt,ol,li,img{ padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,h7{ margin:0px;}
li{ list-style:none;}
img{ border:none;}
a,a:visited{ text-decoration:none; color:#333333;}
a:hover{ color:#333333;}
.clear{ clear:both;}
h4{ font-size:12px; font-weight:normal;}
.showpage{ text-align:center; margin-top:20px;}
.showpage a,.showpage a:visited{ color:#000;}
.showpage a:hover{ color:#f00;}
.wrap{ width:1002px; margin:0px auto; overflow:hidden;}


/**Header样式*/
#header{ padding-bottom:7px;}
.mainnav{ background:url(../images/menu_bg.jpg) repeat-x left top; height:54px; border-radius:15;-moz-border-radius: 5px;border-radius: 5px; padding:0px 10px;}
.mainnav ul li{ float:left; width:106px; text-align:center; padding-top:4px;}
.mainnav ul li a,.mainnav ul li a:visited{ display:block; height:50px; color:#fff; font-family:微软雅黑; line-height:46px;}
.mainnav ul li a:hover,.current{ background:url(../images/current.png) no-repeat center top;}
.footer{ background:url(../images/footer_bg.jpg) repeat-x left top;}
.inner_footer{/* padding:15px 233px ; background:url(../images/copyico.jpg) no-repeat 93px top; */height:65px; text-align:center; color:#fff; line-height:1.5;}
.inner_footer p{ margin:5px 0;}
.inner_footer a,.inner_footer a:visited{ color:#fff;}
.inner_footer a:hover{ text-decoration:underline;}
.submenu{ height:27px; background:#b5b7b8; padding:0px 20px; line-height:27px;}
.submenu a,.submenu a:visited{ padding:0px 5px;}
.submenu a:hover{ text-decoration:underline;}

/**首页主体*/
.main{ padding:11px 10px 24px;}
.mod1{ width:466px; float:left; background:#f3f3f3; border:1px solid #e5e5e5; margin-right:18px; }
.mod2{ width:474px;_width:471px; margin-left:486px; background:#f3f3f3; border:1px solid #e5e5e5; padding:11px 10px 7px}
.mod_title ul li{ float:left; width:154px; height:31px; overflow:hidden;}
.mod_title ul li a,.mod_title ul li a:visited{ color:#fff; font-family:微软雅黑; text-align:center; line-height:31px; background:url(../images/t_current.jpg) no-repeat left top; display:block;}
.mod_title ul li a:hover,.m_current{ background:url(../images/t_current.jpg) no-repeat right top!important;}
.p_2{ padding-right:2px;}
.mod1_content{ padding:12px; display:none;}
.mod1_content ul li{ width:90px;  float:left; padding:6px 10px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.mod1_content ul li a,.mod1_content ul li a:visited{ line-height:2px; color:#333;}
.mod1_content ul li a:hover{ text-decoration:underline;}
.mod2 dl dt a,.mod2 dl dt a:visited{ color:#0c4988; font-family:微软雅黑; line-height:18px;}
.mod2 dl dd a,.mod2 dl dd a:visited{ line-height:27px;}
.mod2 dl dd a:hover{ text-decoration:underline;}
.pic{ float:right;}
.padding_b{ padding-bottom:7px;}
.sub_list{ display:none;}
.current_sub{ display:block;}

/**内页样式*/
.class_name{ height:36px; background:url(../images/sub_class_name.jpg) no-repeat left top; margin-bottom:5px; padding:0px 44px; line-height:36px;}
.class_name h2{ margin:0px; padding:0px; font-size:14px; color:#02508c;}

/**产品分类*/

.zzong a {
color: #656362;
text-decoration: none;
}
.zzong {
/*width: 950px;*/
width: 1002px;
margin: 0 auto;
clear: both;
background: url(../images/se02.jpg) repeat-y 0 0;
}
.zzong .oftop {
height: 13px;
/*width: 950px;*/
width: 1002px;
clear: both;
float: left;
overflow: hidden;
background: url(../images/fa02.jpg) no-repeat 0 0;
}
.zzong .fbi {
float: left;
width: 938px;
background: url(../images/se01.jpg) no-repeat 0 bottom;
padding-bottom: 15px;
padding-left: 12px;
clear: both;
margin-bottom: -1px;
}
.zzong .fbi dl {
float: left;
width: 287px;
height: 286px;
background: url(../images/av_tmp.gif) no-repeat 5px 2px;
padding: 12px 10px 3px 10px;
text-align: left;
}
.zzong .fbi dl dt {
float: left;
height: 20px;
line-height: 20px;
width: 286px;
clear: both;
padding-top: 3px;
padding-bottom: 10px;
}

.zzong .fbi dl {
text-align: left;
}
.zzong .fbi dl dd {
float: left;
width: 287px;
text-align: center;
clear: both;
}
.zzong .fbi dl dd ul {
width: 270px;
float: left;
clear: both;
padding: 15px 0 0 10px;
text-align: left;
}
.zzong .fbi dl dd ul li {
float: left;
height: 20px;
line-height: 20px;
width: 125px;
padding-left: 8px;
background: url(../images/pic1.gif) no-repeat 0 5px;
overflow: hidden;
}
.zzong .fbi dl dd ul li {
line-height: 20px;
}
.zzong .fbi dl dt span {
height: 20px;
float: right;
width: 18px;
}
.zzong .fbi dl dt b {
float: left;
width: 200px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
padding-left: 8px;
}
.zzong .fbi {
float: left;
width: 938px;
background: url(../images/se01.jpg) no-repeat 0 bottom;
padding-bottom: 15px;
padding-left: 12px;
clear: both;
margin-bottom: -1px;
}
.zzong .oftop {
height: 13px;
/*width: 950px;*/
width: 1002px;
clear: both;
float: left;
overflow: hidden;
background: url(../images/fa02.jpg) no-repeat 0 0;
}


/**参考网站样式*/

IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	CLEAR: both
}
.gSnavTop {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%
}
.gSnavBtm {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%
}
.gs1 {
	DISPLAY: block; OVERFLOW: hidden
}
.gs2 {
	DISPLAY: block; OVERFLOW: hidden
}
.gs3 {
	DISPLAY: block; OVERFLOW: hidden
}
.gs4 {
	DISPLAY: block; OVERFLOW: hidden
}
.gs1 {
	HEIGHT: 1px
}
.gs2 {
	HEIGHT: 1px
}
.gs3 {
	HEIGHT: 1px
}
.gs2 {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 0px solid; BACKGROUND: #fff; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 0px solid
}
.gs3 {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 0px solid; BACKGROUND: #fff; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 0px solid
}
.gs4 {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 0px solid; BACKGROUND: #fff; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 0px solid
}
.gs1 {
	BACKGROUND: #ddd; MARGIN: 0px 4px
}
.gs2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 2px; BORDER-RIGHT-WIDTH: 2px
}
.gs3 {
	MARGIN: 0px 1px
}
.gs4 {
	MARGIN: 0px 1px; HEIGHT: 1px
}

.oneCol {
	FLOAT: left; WIDTH: 950px
}

#contentPane1 {
	Z-INDEX: 1; MARGIN: 10px 0 0 0; FONT: 75%/1.2em arial,helvetica,sans-serif; WIDTH: 100%; COLOR: #555; POSITION: relative; TEXT-ALIGN: left;
}

.mainBdyWrapBdyCSbottom {
	BORDER-RIGHT: #ddd 1px solid; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: #fff
}
.mainBdyWrapTxtCSInnerpadding {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: #ddd 1px solid; COLOR: #333; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #fff
}
.mainBdyWrapTxtCSInnerpadding H3 {
	FONT-SIZE: 1em; TEXT-ALIGN: left
}
.mainBdyWrapTxtGray {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; BACKGROUND-COLOR: #b9b9b9
}
.mainBdyWrapTxt6padding {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #fff;PADDING-top: 20px;
}
.mainBdyWrapBdy17bottom {
	BORDER-RIGHT: #b9b9b9 1px solid; PADDING-BOTTOM: 0.8em; ; PADDING-BOTTOM: expression('0'); BORDER-LEFT: #b9b9b9 1px solid; BACKGROUND-COLOR: #fff
}
#tabSER UL {
	FLOAT: left; MARGIN: 8px 0px 10px 1px
}
#tabSER LI {
	DISPLAY: inline; FONT-SIZE: 1.2em; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none
}
#tabSER LI A {
	PADDING-RIGHT: 0.7em; DISPLAY: block; PADDING-LEFT: 0.7em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.2em; CURSOR: pointer; COLOR: #666; PADDING-TOP: 0.7em; TEXT-DECORATION: none
}


.mainBdyWrapTxtProdpadding {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #fff
}
.mainBdyWrapBdyProdbottom {
	BORDER-RIGHT: #b9b9b9 1px solid; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #b9b9b9 1px solid; BACKGROUND-COLOR: #fff
}




.csSptCrsl {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 825px; HEIGHT: 280px;
}
.csSptCrsl_p {
	FLOAT: left; WIDTH: 825px
}
.csSptCrsl_ph {
	WIDTH: 4125px
}
.csSptCrsl_clr {
	FLOAT: left; WIDTH: 30px; HEIGHT: 280px; TEXT-ALIGN: center
}
.csSptCrsl_clr DIV {
	POSITION: relative; TOP: 50%
}
.csSptCrsl_cbt {
	MARGIN: 10px 0 20px 0; DISPLAY: block; WIDTH: 885px; TEXT-ALIGN: center; padding-left:20px
}
.csSptCrsl_cbt DIV {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.csSptCrsl_cbt DIV span {
	BORDER:#CCCCCC 1px solid; WIDTH: 190px; HEIGHT: 30px; TEXT-ALIGN: center; font-size:18px; font-weight:bold;display:block; padding:20px 0 0 0;}
	
.csSptCrsl_cbt DIV span a{ color:#D84704}

.csSptCrsl_cbt DIV span a:hover{ color:#FF7700}

.csSptFeat {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-LEFT: 5px; FLOAT: left; WIDTH: 600px
}
.csSptFeat DIV {
	PADDING-RIGHT: 18px; DISPLAY: none; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 280px; PADDING-TOP: 10px
}
.csSptFeat DIV IMG {
	MARGIN-BOTTOM: 10px
}
.csSptOneColLft {
	FLOAT: left; WIDTH: 390px; HEIGHT: 280px
}
.csSptOneColRgt {
	FLOAT: left; WIDTH: 435px; padding-top:5px; font-size:12px; line-height:20px; height:100px
}
.csSptOneColRgt h3{ font-size:20px; font-weight:bold; padding-bottom:5px}
.csSptRcnt {
	PADDING-RIGHT: 5px; FLOAT: right; WIDTH: 260px
}
.csSptRcnt DIV {
	MARGIN-TOP: 10px; DISPLAY: none; FLOAT: left; WIDTH: 240px
}
.csSptRcnt DIV IMG {
	MARGIN-BOTTOM: 10px
}
#pr_case{float:left; width:52%; font-size:12px; line-height:20px}
#pr_case h1{ margin-bottom:-3px; font-size:13px; font-weight:bold; background:url(../images/icon-read.gif) no-repeat 0 1px; padding-left:22px}
#pr_case hr{ height:0px; color:#CC3300; border:dotted}
#pr_case .case_list{width:49%; float:left;}
#pr_case .case_list li{ background:url(../images/cycle.gif) no-repeat 0 8px; padding-left:7px}
#pr_case .case_list li span{ background:url(../images/text.gif) no-repeat 2px 1px}
#pr_case .case_list li a:link{color:#CC3300;}
#pr_case .case_list li a:visited{color:#CC3300;}
#pr_case .case_list li a:hover{color:#FF7700;}


#Content li{ line-height:20px}
#Content .hide_li{ visibility:hidden}
#Main_News {
	/*background-color: teal;*/
	width: 425px;
	height: 100px;
}
#Content {
	width: 400px;
	height: 100px;
	overflow: hidden;
	text-align: left;
}
#Pages {
	width: 400px;
	height: 15px;
	margin: 0px;
	text-align: right;
}

/**文本内容样式*/
.article{ padding:25px; color:#333; line-height:1.5;}
.class_name span{ float:right; color:#02508c; font-weight:bold;}
.class_name span a,.class_name span a:visited{ font-weight:normal; color:#02508c;}
.inner_main{ padding:11px 0px; 24px;}

/**新闻列表*/
.newslist ul li span{ float:right;}
.newslist ul li{ padding:7px 20px; border-bottom:1px dotted #ccc;}
.newslist ul li a:hover{ text-decoration:underline;}

/*产品展示*/
.at{ width:1002px!important;}
.p2{ padding:25px;}
.p2 ul li{ float:left; width:165px; margin-right:22px; margin-bottom:10px;}
.p2 ul li b{ display:block;width:153px; height:125px; overflow:hidden;}
.p2 ul li .imgarea{ width:153px; height:125px;padding:5px; border:1px solid #ccc; overflow:hidden; display:block;}
.p2 ul li p{ margin:4px 0; text-align:center;}
.p2 ul li p a:hover{ text-decoration:underline;}
.submit_btn{ margin-left:45px; cursor:pointer;}