﻿/*全局样式*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333;font-size:14px;clear:both;font-family: Arial,"宋体";word-break: break-all;background:#FFF;}
ul,ol,li{list-style:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;color:#666}
a:hover{color:#333;}
.clearit{clear:both;}



/* 菜单 */
#MutiNav {font-size:12px;color:#ccc;background-repeat: repeat-x;background-position: left top; margin-top:20px;margin-bottom:5px;}
#MutiNav A {TEXT-DECORATION: none}
#MutiNav .multiUl { width:100%; height:26px; CLEAR: both; display:block;}
#MutiNav .multiUl LI {display:block; float:left; height:26px; LINE-HEIGHT: 26px; POSITION: relative; }
#MutiNav .multiUl LI a:hover{BACKGROUND: #EAE8E8;}
#MutiNav .multiUl LI A.go {font-size:11pt; 
	PADDING-RIGHT: 18px; DISPLAY: inline-block; PADDING-LEFT: 18px; Z-INDEX: 300; PADDING-BOTTOM: 0px; MARGIN: 0px 7px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 26px; font-weight:bold;TEXT-ALIGN: center}
#MutiNav .multiUl LI A.on {	FONT-WEIGHT: bold; COLOR: #dfe8d9; TEXT-DECORATION: none}
#Nav LI.s {	DISPLAY: inline; FLOAT: left; WIDTH: 8px; COLOR: #517b55; LINE-HEIGHT: 35px; HEIGHT: 35px; TEXT-ALIGN: center}
#MutiNav .multiUl LI BLOCKQUOTE {DISPLAY: none; Z-INDEX: 201; LEFT:-33px; POSITION: absolute; top:12px; HEIGHT: auto}

#MutiNav .multiUl LI BLOCKQUOTE .ChildNavIn {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #EAE8E8; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 200px;  PADDING-TOP: 10px; HEIGHT: auto; TEXT-ALIGN: left;}

#MutiNav .multiUl LI BLOCKQUOTE .ChildNavIn A {	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 3px 6px; WIDTH: 90%; COLOR: #000; LINE-HEIGHT: 18px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px dotted; TEXT-ALIGN: left;}
	
#MutiNav .multiUl LI BLOCKQUOTE A:hover {	BACKGROUND: #74B9EA; COLOR: #000! important}
#MutiNav .multiUl #TopNavDept {}
#MutiNav .multiUl #TopNavDept BLOCKQUOTE {	DISPLAY: none; LEFT: -254px}
#MutiNav .multiUl #TopNavDept BLOCKQUOTE .ChildNavIn {	BACKGROUND: #1b453b; WIDTH: 1000px}
#MutiNav .multiUl #TopNavDept .NavDeptIn {
	DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 0px 0px 0px 20px; WIDTH: 310px; TEXT-ALIGN: left! important
}
#MutiNav .multiUl #TopNavDept .NavDeptIn A {	FLOAT: none; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ORDER-BOTTOM-STYLE: none
}
#TopNavDept .NavDeptIn H6 {
	OVERFLOW: hidden; WIDTH: 310px; LINE-HEIGHT: 23px! important; BORDER-BOTTOM: #2c705f 1px solid; HEIGHT: 23px! important; TEXT-ALIGN: left
}
#TopNavDept .NavDeptIn H6 A {
	DISPLAY: block; MARGIN: 0px; LINE-HEIGHT: 23px; HEIGHT: 23px! important
}
#MutiNav .multiUl #TopNavDept .NavDeptIn .NavDeptInList {
	MARGIN-TOP: 5px; OVERFLOW: hidden; WIDTH: auto
}
#MutiNav .multiUl #TopNavDept .NavDeptIn .NavDeptInList A {
	FLOAT: left; MARGIN: 2px 1px 0px; WIDTH: auto; COLOR: #acbc9e; WHITE-SPACE: nowrap
}
#MutiNav .multiUl #TopNavDept .NavDeptInOther {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; OVERFLOW: hidden; PADDING-TOP: 5px
}
#MutiNav .multiUl #TopNavDept .NavDeptInOther A {
	PADDING-LEFT: 13px; BACKGROUND: url(icon.png) no-repeat 0px -116px; MARGIN: 0px 7px; WIDTH: auto; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

<!--焦点图 S-->
.main {	MARGIN: 0px auto; WIDTH: 100%}
.main .banner {	POSITION: relative; MARGIN-TOP: 0px; WIDTH: 1000px; HEIGHT: 400px; OVERFLOW: hidden;MARGIN: 0px auto;}
.main .banner UL {	POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 300px; PADDING-TOP: 0px}
.main .banner UL LI {	POSITION: relative; WIDTH: 1000px; FLOAT: left; HEIGHT: 400px; OVERFLOW: hidden}
.main .banner UL LI DIV {	POSITION: absolute; OVERFLOW: hidden}
.main .banner .btnBg {	POSITION: absolute; WIDTH: 1000px; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 20px; LEFT: 0px}
.main .banner .btn {	POSITION: absolute; TEXT-ALIGN: right; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; WIDTH: 1000px; BOTTOM: 0px; PADDING-RIGHT: 10px; HEIGHT: 10px; RIGHT: 0px; PADDING-TOP: 5px}
.main .banner .btn SPAN {	WIDTH: 25px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 10px; MARGIN-LEFT: 5px; CURSOR: pointer; _display: inline; _zoom: 1; _font-size: 0}
.main .banner .btn SPAN.on {	BACKGROUND: #fff}
.main .banner .preNext {POSITION: absolute; WIDTH: 45px; BACKGROUND: url(../images/sprite.png) no-repeat 0px 0px; HEIGHT: 100px; TOP: 140px; CURSOR: pointer}
.main .banner .pre {	LEFT: 0px}
.main .banner .next {	BACKGROUND-POSITION: right top; RIGHT: 0px}


<!--在边菜单-->
.menuBox{ width:230px; padding:px px px 0px; float:left;}
.menu{ background:url(../images/menu_ul_bg.jpg) repeat-y center;}
.menu li{ line-height:30px; margin:0px; background:url(../images/menu_li_bg.jpg) no-repeat top; padding: 0px 15px 0px 45px; overflow: hidden;}
.menu li.man{ line-height:30px; margin:0px; background:url(../images/menu_li_bga.jpg) no-repeat top; padding: 0px 15px 0px 45px; overflow: hidden;}
.menu li.First{ color:#fff; background:url(../images/menu_first_bg.jpg) no-repeat center top; font-size:20px; line-height:52px; font-family:Verdana; text-align:left; text-indent:-29px; margin-top:0px; margin-bottom:10px}
.menu li.curHere{}
.menu li a{ font-size:12px; color:#222222; display:block; font-family:Verdana;}
.menu li.curHere a,.menu li a{ color:#777777;}
.menu li.curHere a,.menu li a:hover{ color:#0066CC;}
.menu li.E-mail{ height:70px; padding:50px 0px; overflow:hidden; background:url(../images/menu_email_bg.jpg) no-repeat center;}
.menu li.Last{ height:15px; overflow:hidden; color:#183881; background:url(../images/menu_last_bg.jpg) no-repeat center top; text-align:left;}


/* page */
#content{width:1000px; margin:0 auto; background:#FFF; height:650px;}
#start{width:900px; margin:100px auto; text-align:center;}
#logo{width:1000px; height:100px; background:url(../images/Top_logo.jpg);}

#psc{width:auto; height:20px; float:right; margin-top:-100px; margin-right:5px;}
#psc li{float:left; margin:5px; font-size:11px; line-height:20px; color:#CCC;}
#psc li a{color:#FFF;}
#psc li a:hover{color:#CCC;}

.hometop{width:360px; float:right;height:80px; }
.hometop .hs{text-align:right;font-size:11px;color:#CCC; line-height:28px; padding-right:12px;}
.hometop .hs a{color:#FFF;}
.hometop .hs a:hover{color:#CCC;}
.hometop .ss{text-align:right;padding-right:12px; margin-top:20px;}
.text {  border:none; background:none; width:160px;padding:3px 5px 3px 5px; color:#545454; background:#F0F0F0;}
.submit { background:#F06000;width:66px; height:21px; color:#fff; cursor:pointer; border:none; font-family: Arial;}

#top{z-index:100; visibility:visible; position:absolute; text-align:left; margin-top:20px;}
#hotimg{height:400px;margin-top:50px;padding-bottom:10px;}


#imgnav #product{width:510px; height:210px;float:left;margin:0 10px;}
#imgnav #product ul{height:184px; border:1px #DEDEDE solid}
#imgnav #product .sidebar{width: 500px;height: 175px; margin:5px 5px 3px 4px;position: relative;overflow: hidden;}
#imgnav #product .sidebar ul{position: absolute;}
#imgnav #product .sidebar li{position: absolute; float:left}
#imgnav #product h3{line-height:26px;height:26px; background:#004098; color:#FFFFFF; padding-left:10px;}
#imgnav #product span{ float:right; padding-right:10px; font-size:9px;}

#imgnav #news{width:240px;height:22px;float:left;}
#imgnav #news h3{line-height:26px;height:26px; background:#004098; color:#FFFFFF; padding-left:10px;}
#imgnav #news span{ float:right; font-size:9px; margin-right:10px;}
#imgnav #news ul{height:184px; border:1px #DEDEDE solid;font-size:12px;}
#imgnav #news li a{text-align:left;  float:left; padding:4px 0px 3px 8px; line-height:18px; color:#333;}
#imgnav #news li a:hover{color:#000; text-decoration:underline;}
#imgnav #news li span{width:70px;float:left;line-height:18px;margin:2px 0 0 5px;color:#666;text-align:left;font-size:12px; padding-left:10px}

#imgnav #services{width:230px; height:210px;float:right;}
#imgnav #services h3{line-height:26px;height:26px; background:#004098; color:#FFFFFF; padding-left:10px;}
#imgnav #services span{ float:right; padding-right:10px; font-size:9px;}
#imgnav #services ul{height:184px; border:1px #DEDEDE solid; text-align:center}

#icp{height:30px;background: url(../images/ICP_BG.jpg);color:#777;text-align:left;line-height:30px;font-size: 11px;float:left;width:1000px;margin-top:10px;}
#icp li{float:left;}
#icp li a{color:#999;margin:0 5px 0px 5px;}
#icp li a:hover{color:#333;}

#hotline{text-align:right; margin:0 5px 0 0;}
#copy{height:30px; background:#FFF; margin:5px 0 0 5px; text-align:left; font-size:10px; color:#888; float:left; width:990px;}

#gan{display:none;}
#bimg{FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );HEIGHT: 400px;z-index:10;}
#info{FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 34px; TEXT-ALIGN: center}
#simg{margin:-20px 2px 0 0px;z-index:100;position:relative;float:right;}
#simg DIV{FONT-SIZE: 12px;BACKGROUND: #000;FLOAT: left;WIDTH: 18px;CURSOR: pointer;COLOR: #fff;LINE-HEIGHT: 18px;HEIGHT: 18px;TEXT-ALIGN: center;z-index:100;margin-left:2px;}
#simg .f1{BACKGROUND: #CCC;}
.dis{DISPLAY: block}
.undis{DISPLAY: none}
h2{width:650px;text-align:left;}
h2 a{font-size:16px;height:30px;line-height:30px;border-bottom:#999 solid 2px}
h3{font-size:14px; font-weight:normal;}
h4{font-size:12px; font-weight:normal;line-height:20px;}
.check{padding-left:20px;color:#666;font-weight:bold;}
#hotproimg{height:200px; margin-top:0px;}
#bigpro1{width: 896px;margin-top: 50px;border: #CCC solid 2px;}
#bigpro2{width: 900px;margin-top: 50px;}
#bigpro2 img{margin-bottom:20px;}
#bigpro3{width: 900px;margin-top: 50px;}
#bigpro3 img{border: #CCC solid 2px; margin:0px 13px 18px 0px;}
#pro_nav{margin:10px auto;color:#333;}
#pro_index{margin:50px 0 0 0;color:#333;}
.navblue{background:#004098;}
.navblue a{color:#FFF;}
.navblue a:hover{color:#004098;}
#left_nav{width:250px; float:left;}
#left_nav222{width:250px; float:left;}
#left_nav li{float:left;}
#left_nav li a{width:205px; height:35px; line-height:35px; border-right:#EEE solid 1px;border-bottom:#EEE dashed 1px; text-align:right;padding-right:25px; display:block;}
#left_nav li a:hover{background: #EEE;}
#left_nav h1{width:220px;font-size:14px;text-align:left;padding:0 0 0 10px;height:25px;line-height:25px;border-bottom:#EEE solid 2px;margin-bottom:20px;color:#999;float:left;}
#left_nav li .pro_g select{margin:20px 20px 0 20px;width:210px;border:#EEE solid 1px;background-color: #EEE;}

#right_con{width:750px; float:right; margin-bottom:20px; text-align:center;}
#right_con #img_con{margin-top:20px;}
#right_con #img_con li{float:left; margin:5px 42px 30px 3px; border:#ccc solid 1px;width:200px; height:260px;}
#right_con #img_con .yb{float:right; margin:5px 0px 30px 3px; padding:0}
/*#right_con li{float:left; margin:5px 3px; display:block; height:230px; background:#98BFDF; border:#98BFDF solid 5px;}*/
#right_con #support{margin-top:20px; text-align:center;}
#right_con #support li{float:left; margin:5px 3px 20px 3px; border:#EEE solid 1px;width:150px; height:220px;}

#right_con #news_con li{width:750px; float:right; text-align:center;}
#right_con #news_con li a{text-align:left; width:660px; float:left;border-bottom:#eee solid 1px; padding:10px 0 0 10px;}
#right_con #news_con li span{background:#EEE; width:80px; float:left; line-height:20px; margin-top:10px;border-bottom:#eee solid 1px; color:#888;}

#right_con .dl_con{margin:0px 0 10px 0px;}
#right_con .dl_con li{width:630px; float:right;}
#right_con .dl_con li a{text-align:left;width:530px;float:left;border-bottom:#EEE solid 1px;padding:10px 0 0 10px;}
#right_con .dl_con li span{background:#EEE;width:80px;float:left;line-height:20px;margin-top:10px;border-bottom:#EEE solid 1px;color:#666;}
#right_con #faq_con li{margin:5px 0; width:620px;float:left; text-align:left; border-bottom:#EEE solid 1px; color:#000;}
#right_con #faq_con li p{font-size:12px;padding:5px 0;color:#666;line-height:20px;}
#right_con #flashcontent01{width:642px; float:left; text-align:left; margin:25px 0px 10px 3px;}
#page_c{width:645px; float:left; text-align:center; margin-top:20px;}
#page_c ul{float:right; padding-right:30px;}
#page_c li{height:18px;line-height:18px;border:#DDD solid 1px;margin:20px 0 0 10px;background:#EEE;width:60px;font-size:12px;float:left;}

#right_pro{width:750px; float:right; text-align:center;}
#right_pro li{float:left; width:750px; font-size:12px;}
#right_pro img{max-width:700px; width:expression(this.width>600?"600px":this.width);}
#right_pro .Pro_img{width:750px;border-bottom:#EEE solid 1px; text-align:left}
#right_pro .pad10{padding:20px 0;}
#right_pro .Pro_con{width:750px; text-align:justify; line-height:20px; padding:15px 0 30px 0;}
#right_pro .pro_list{display:block;height:25px;line-height:25px;border:#DDD solid 1px;margin:20px 10px 0 0px;background:#EEE;width:100px;}
#right_pro .feedback{width:650px; float:left; text-align:left; margin:20px 0;}
#right_pro .feedback input{width:300px; line-height:20px; height:20px;}
#right_pro .feedback textarea{width:300px;}
#right_pro .feedback td{border-bottom:#eee solid 1px;}
#dl_tags{FONT-SIZE: 12px; MARGIN: 10px auto; WIDTH: 645px;}
#tags{WIDTH: 648px; HEIGHT: 23px; z-index:100; position:relative;}
#tags LI{FLOAT: left;MARGIN-RIGHT: 5px;HEIGHT: 22px;BACKGROUND:#EEE;}
#tags LI A{PADDING-RIGHT: 10px; PADDING-LEFT: 10px; LINE-HEIGHT: 23px; HEIGHT: 23px;}
#tags LI.selectTag{MARGIN-BOTTOM: -2px;HEIGHT: 22px;background:#FFF;color:#FFF;border-left:#EEE solid 1px;border-right:#EEE solid 1px;border-top:#EEE solid 1px;}
#tags LI.selectTag A{COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px}
#tagContent{border:#EEE solid 1px;z-index:10;position:relative;margin-top:-1px;}
.tagContent{DISPLAY: none;}
#tagContent DIV.selectTag{DISPLAY: block;}

#homefoot{MARGIN: 10px auto; WIDTH: 1000px;}

.txt { font-size:12px; color:#363636; text-decoration:none; background:url(../images/bg-transparent.png) repeat; padding:4px 7px; border:1px solid #d2d2d2; margin-right:5px; text-align:center; float:left; }
.txtp { padding:4px 7px; text-decoration:none;  float:left; }
.txt:hover{background: #EEE;}
.click { margin-top:10px}
.click a{ padding:4px 7px; background:#0066CC; color:#FFFFFF;}
.click a:hover{background:#ccc; color:#000}