﻿@charset ;
*{margin:0;padding:0;word-wrap:break-word;}
ul,li,ol{list-style:none;}

body{ 
    
   background:url(bg.png)  ;
    font-size:13px;
    
     text-decoration:none;}

.clear{overflow:hidden;height:0;width:0;clear:both;font-size:0;}
u,i {font-style:normal; text-decoration:none;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
table {border-collapse: collapse;border-spacing: 0;}
img,a img{border:none;}
a{text-decoration:none;color:#104798;}
a:hover{ text-decoration:underline;}
html, body, p, table,input,textarea,select{font: 14PX "utf-8",Tahoma, Arial, Helvetica, STHeiti;}

h1{font-size:24px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4,h5,h6{font-size:12px;}
.fl{float:left;}
.fr{float:right;}

#foot {
margin: 0 auto;
width: 1100px;
background: #d4d3d3;
font-size: 13px;
text-align: center;
color: #000;
height: 60px;
padding-top: 20px;}

.header{margin:0 auto;width:1100px;height:241px; margin-top:-25px;}
.logo{float:left;width:400px;margin:0; display:inline;}
.headerr{float:right;width:540px;margin-top:8px;}
.nav_top{float:right;overflow:hidden;}
.nav_top li{ background:url(../images/nav-dot.gif) no-repeat 0 center;height:16px; line-height:16px; text-indent:17px; float:left;margin-right:15px;}
.nav_top li a{color:#a8a8a8; font-weight:bold;}
.nav_lang{float:right;}
.nav_lang li{float:left;margin-left:5px;}
#flash{width:1100px;}
.txtarea{margin-left:5px;border:1px solid;border-color:#666 #ccc #ccc #666;background:#f9f9f9;}
.search{ margin-top:30px; text-align:center;clear:both;}
.stxt,.txt{margin-left:5px;padding:3px 2px;text-indent:5px;text-indent:3px;border:1px solid;border-color:#666 #ccc #ccc #666;background:#f9f9f9;}
.sselect{border:1px solid;border-color:#666 #ccc #ccc #666;background:#f9f9f9;padding:2px;}
.sbtn,.btn{cursor:pointer;background:#1D83DB;color:#fff;border:1px solid #1c6a9e;padding:0 8px;_padding:0 4px;overflow:hidden;height:24px;margin-left:5px;line-height:20px;}
.sbtn{margin-right:0;}
.sbtn:hover,.btn:hover {border-color:#3599DB;}
.sbtn:active ,.btn:active {border-color:#1E71A8;}
.line{ width: 1px;height:40px;}
.nav{float:left;width:100%;height:40px;background:url(head.png) repeat-x;}
#nav {padding:0; margin:0; list-style:none; height:40px;position:relative; z-index:500;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:36px; color:black; text-decoration:none; font-size:16px;font-weight:bold; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 21px; height:36px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 25px 0 25px; height:36px;}
#nav li a.top_link:hover { text-decoration:underline;}
#nav li a.top_link:hover span {text-decoration:underline;}
#nav li a.top_link:hover span.down {}

#nav li:hover > a.top_link {}
#nav li:hover > a.top_link span {}
#nav li:hover > a.top_link span.down {}

/* Default list styling */

#nav li:hover {position:relative;z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:33px; background:url(../images/back.png); padding:3px; white-space:nowrap; width:120px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:34px;position:relative; float:left; width:90px; font-weight:normal; text-align: :center;}
#nav li:hover ul.sub li a
{display:block; font-size:14px; height:34x; width:120px; line-height:34px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(../images/arrow.gif) 110px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#fff ;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(../images/arrow_over.gif) 110px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:120px; top:-4px;background: #fff; padding:3px;  white-space:nowrap;width:120px;z-index:400; height:auto;}


.tag{float:left;width:948px;background:#fafafa;padding:5px;clear:both;margin-top:10px;line-height:24px;border:1px solid #CCCCCC;}
.tag a{padding-left:5px;padding-right:5px;}
.font1{font-size:11px;color:#000099;}
.font2{font-size:12px;color:#333;}
.font3{font-size:13px;color:#921680;}
.font4{font-size:14px;color:#123555;}
.font5{font-size:15px;color:#ED9633;}
.font6{font-size:16px;color:#8BKK22;}
.font7{font-size:17px;color:#791315;}
.font8{font-size:18px;color:#1B7221;}
.font9{font-size:19px;color:#83451D;}
.font10{font-size:20px;color:#1E6A93;}

.main{width:960px;margin:0 auto;}

.banner{width:640px;height:250px;overflow:hidden;float:left;margin-top:8px;position:relative;z-index:0;}
.bslide{width:100%;height:250px;margin:0 auto;}
.boslide{width:640px;margin:0 auto;height:250px;position:relative;}
.slide{float:left;width:645px;height:200px;background:#fff;}

.news{width:302px;height:250px;overflow:hidden;float:right;margin-top:8px;}
.news .head{float:left;width:300px; height:29px;line-height:27px;border-bottom:2px solid #264685; background:url(../images/news.png) no-repeat left center;color:#05338a;font-weight:800;text-indent:20px;}
.news .head span{float:left;}
.news .head a{float:right;font-weight:300;color:#999;}
.news ul{width:300px;padding:0px 5px 5px;}
.news ul li{float:left;width:290px;height:30px;overflow:hidden;line-height:30px;text-indent:10px;background:url(../images/dot.gif) no-repeat 3px center;border-bottom:1px dashed #CCCCCC;}
.news ul li a{color:#666;}
.news ul li a span{color:#ff9d02;}

.main_left{float:left;}
.ask{width:643px;margin-top:7px;overflow:hidden;}
.ask_title{float:left;width:100%;}
.ask_title h3{width:100px;font-weight:bold; background:url(../images/title-bg.gif) no-repeat;width:78px;height:24px; line-height:24px; text-align:center;font-size:12px; color:#FFFFFF;}
.ask_title span{float:right;margin:6px 15px 0 0; display:inline;}
.ask_title span a{color:#999;}
.ask_content{float:left;background:url(../images/news-bg.gif) no-repeat;height:343px; width:643px;margin-top:5px; overflow:hidden;}
.ask_first{margin:9px auto 0;width:600px;height:165px;overflow:hidden;}
.ask_first img{padding-right:10px;}
.ask_list{float:left;margin-top:8px;}
.ask_list ul{padding-left:28px;}
.ask_list ul li{width:588px;height:29px; line-height:29px;border-bottom:1px dashed #979797; background:url(../images/dot.gif) no-repeat 0 center; text-indent:9px;}
.ask_list ul li a{color:#656464;}
.ask_list ul li span{ float:right;padding-right:6px;color:#656464;}

.anli{float:left;margin-top:15px;background:url(../images/anli_bg.gif) no-repeat;width:644px;height:177px; overflow:hidden;}
.anli_title{float:left;width:100%;height:30px;}
.anli_title h3{margin:14px 0 0 23px;color:#104798;font-size:14px;}
.anli_title span{ float:right;margin:10px 15px 0 0; display:inline;}
.anli_title span a{color:#999;}
.anli_content{float:left;margin-left:20px;margin-top:15px;}
.anli_content ul li{ float:left;width:132px; text-align:center;color:#8c8c8c;margin-right:24px;}
.anli_content ul li img{border:1px solid #9a9a9a;}
.anli_content ul li span{ display:block;margin-top:8px; line-height:20px;}

.main_right{float:right;width:302px;margin-top:7px;}
.product_content{background:url(../images/product_bg.gif) no-repeat;float:left;width:302px;height:534px;margin-top:6px;}
.product_list li{float:left;width:100%;padding:18px 0 13px;float:left;background:url(../images/product_border.gif) no-repeat center bottom; overflow:hidden;}
.product_img{width:94px; text-align:center;color:#424242; float:left;height:100px;overflow:hidden;padding-left:15px;line-height:25px;}
.product_img span{color:#141414; font-size:12px;font-weight:bold;line-height:30px;height:30px;display:block;}
.product_summary{ float:left;width:170px;height:100px;overflow:hidden;color:#8c8c8c;line-height:15px;padding-left:10px;line-height:20px;font-size:12px;}
.product_summary h3{margin:0 0 10px 0;font-size:12px;}
.product_summary h3 a{font-size:12px; color:#104798;}

.friendlink{float:left;width:948px;background:#fafafa;padding:5px;clear:both;margin-top:10px;line-height:24px;border:1px solid #CCCCCC;}
.friendlink a{color:#999;padding-left:5px;padding-right:5px;}
.footer{width:1100px;clear:both;margin:0 auto;color:#666;text-align:right;line-height:20px;padding:10px 0;}


.aboutnav{padding-top:5px;}
.aboutnav li{background:url(../images/left-bg.gif) no-repeat center bottom;height:41px; line-height:41px;text-indent:44px;}
.aboutnav li a{  color:#656464;}
.aboutnav li a:hover{ color:#104798;}
.aboutnav li.active a{color:#104798; text-decoration:underline;}
.aboutnav li.level1{text-indent:44px;}
.aboutnav li.level2{text-indent:64px;}
.aboutnav li.level3{text-indent:84px;}
.aboutnav li.level4{text-indent:104px;}
.aboutcontent{width:603px;margin:0px auto 0;line-height:26px;color:#656464;}
.aboutcontent h1{width:100%;text-align:center;line-height:50px;}
.contact{width:160px;margin:0 auto;padding-top:30px;padding-left:10px;}

.info_d{width:100%;text-align:center;}
.news_ctn{line-height:24px;padding-top:15px;word-wrap: break-word;}
.news_ctn p{line-height:200%;}
.guestbook{line-height:35px;width:100%;border:#eee 1px solid;margin:15px auto;}
.guestbook tr{border-bottom:1px solid #eee;width:80%;}
.guestbook td{padding-left:20px;}

.context{line-height:24px;clear:both;margin-top:20px;}
.context li{height:24px;line-height:24px;}
.context li a{color:#104798;}
.comment{line-height:24px;clear:both;margin-top:20px;margin-bottom:10px;}
.comment li{line-height:24px;border-bottom:1px dotted #999;padding:5px 3px;}
.comment li .user{color:#104798;margin-right:10px;}
.comment table th{text-align:left;font-size:14px;color:#104798;font-weight:800;}
.comment table td{padding:3px 0;}

.mainleft{float:left;width:218px;margin-top:10px;}

.lefttop{ background:url(../images/left-top.gif) no-repeat;height:32px; line-height:32px;}
.lefttop h3{ text-indent:44px;font-size:12px; color:#104798;}
.leftmiddle{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding-bottom:100px;}
.leftmiddle h3{ font-size:12px; height:44px; line-height:44px;text-indent:44px; font-weight:normal; background:url(../kl_images/left-bg.gif) no-repeat center bottom;}
.leftmiddle h3 a{color:#104798;text-decoration:underline;}
.cplist{padding:10px 0 3px 82px; background:url(../kl_images/left-bg.gif) no-repeat center bottom;}
.cplist li{height:36px; line-height:36px;}
.cplist li a{color:#656464;}

.cplast{width:118px;height:28px; line-height:28px; text-indent:8px; background:#cbdfee;}
.cpa{background:#f5fafe;width:118px;text-indent:12px;}
.leftbottom{ background:url(../images/left-bottom.gif) no-repeat;height:26px;}

.mainright{float:right;width:734px;margin-top:10px;}

.righttop{float:left;width:734px;background:url(../images/right-top.gif) no-repeat;height:24px; line-height:24px; text-align:right;color:#a0a0a0;}
.righttop a{color:#a0a0a0;padding:0 6px;}
.rightmiddle{float:left;width:732px; border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; overflow:hidden; height:auto;}
.rightbottom{float:left;width:734px;background:url(../images/right-bottom.gif) no-repeat;height:4px;}

.newsa{width:680px;margin:0 auto;padding-top:8px;}
.newsa li{overflow:hidden;border-bottom:1px dashed #a5a5a5;margin-top:15px;width:100%;padding-bottom:10px;}
.centerimg{ float:left;width:114px;text-align:center;height:72px;border:1px solid #e6e6e6;padding:4px;}
.centercontent{float:left;width:409px;padding-left:22px;color:#7a7a7a; line-height:200%;}
.centercontent p{line-height:200%;}
.centercontent b a{color:#104798;}

.centerlist{width:680px; margin:10px auto;padding:0;}
.centerlist li{border-bottom:1px dashed #a5a5a5;height:36px; line-height:36px; background:url(../images/news-dot.gif) no-repeat 2px center; text-indent:19px;color:#656464;}
.centerlist li a{color:#656464;}
.centerlist li span{ margin-left:10px; display:inline;color:#999;}

.page{text-align:center;line-height:24px;padding:0 0 20px 20px;}
.page a{padding:0 3px;color:#999;}
.page span{padding:0 3px;color:#f90;font-weight:900;}

.zhaopinlist{width:680px;margin:0 auto;padding-top:8px;color:#656464;}
.zhaopinlist li{margin-bottom:15px;}
.zhaopinlist li h5{font-size:18px;line-height:30px;color:#104798;}
.view_con .zhaopin{border-collapse: collapse;line-height:22px;margin-bottom:10px;}
.view_con .zhaopin td{border:1px solid #e3e3e3;text-indent:5px;line-height:30px;}

.sitemap li.level1{text-indent:40px;}
.sitemap li.level2{text-indent:70px;}
.sitemap li.level3{text-indent:100px;}
.sitemap li.level4{text-indent:130px;}
.sitemap li.level5{text-indent:160px;}

.view_title{width:680px;margin:0 auto;padding-top:8px;color:#656464;font-size:14px;}
.view_con{margin:0 auto;width:680px;padding:5px;margin-bottom:10px;line-height:22px;border-bottom:1px solid #e6e6e6;}
.view_con a{color:#7a7a7a;}

/*kefu*/
.kefu{display:block;top:150px;_top:expression(eval(document.documentElement.scrollTop+150));overflow:hidden;right:3px;position:fixed;_position:absolute;}
.keful{float:left;width:29px;margin-top:20px;height:180px;background:url(../images/kefur.gif);cursor:pointer;}
.kefur{width:110px;float:right;position:relative;display:none;}
.kefutop{width:110px;height:57px;background:url(../images/kefutop.gif);}
.kefucolose{float:right;width:22px;height:22px;cursor:pointer;}
.kefumiddle{width:110px;min-height:81px;background:url(../images/kefumiddle.gif);overflow:hidden;}
.kefumiddle li{float:left;width:110px;padding:5px 0 0 15px;overflow:hidden;}
.kefumiddle li.txt{line-height:18px;}
.kefumiddle li img{margin-right:3px;}
.kefumiddle li a{float:left;color:#333;}
.kefumiddle li a.txt{margin-top:3px;}
.kefumiddle li a:hover{text-decoration:none;}
.kefubottom{width:110px;height:42px;background:url(../images/kefubottom.gif);}

/* formvalid */
.formError {z-index: 990;}
.formError .formErrorContent { z-index: 991;}
.formError .formErrorArrow { z-index: 996;}
 .formErrorInsideDialog.formError { z-index: 5000;}
 .formErrorInsideDialog.formError .formErrorContent { z-index: 5001;}
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006;}
.inputContainer {position: relative;float: left;}
.formError {position: absolute;display: block;cursor: pointer;opacity: 0.87;}
.ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none;}

.formError .formErrorContent {width: 100%;background: #ee0101;position:relative;color: #fff;width: 150px;line-height:12px;font-size: 11px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;padding: 4px 10px  4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;	position:relative;}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom {	box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;	background: #ee0101;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.formError .formErrorArrow .line10 {width: 15px;border: none;}
.formError .formErrorArrow .line9 {width: 13px;border: none;}
.formError .formErrorArrow .line8 {width: 11px;}
.formError .formErrorArrow .line7 {width: 9px;}
.formError .formErrorArrow .line6 {width: 7px;}
.formError .formErrorArrow .line5 {width: 5px;}
.formError .formErrorArrow .line4 {width: 3px;}
.formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;}
.formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;}

/* message*/
.message{width:940px;margin:20px auto;border:1px solid #ccc;font-size:12px;padding:10px;}
.message .title{color:#cc0000;border-bottom:1px solid black;font-size:14px;font-weight:800;line-height:30px;}
.message .content{line-height:25px;}
.message .content ul{list-style-type:disc;padding-left:20px;}