@charset "utf-8";
/* CSS Document */
/* 通用 */
body {margin:0; padding:0; text-align:center; background: #fff; font-size:12px; color:#333; font-family:Arial,Helvetica,sans-serif; }
body > div {margin-right:auto; margin-left:auto;} 
div,form,ul,ol,li,span,p,dt,dl,dd{margin: 0; padding: 0; border: 0;}
img,a img{border:0; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,cite { margin:0; padding:0;font-size:12px;font-weight:normal;}
ul,ol,li,cite {list-style:none;}
cite{ font-style:normal;}
 
a:link { color: #333; text-decoration: none }
a:visited { color: #333; text-decoration: none }
a:active { color: #333; text-decoration: none }
a:hover { color: #2cb0e2; text-decoration: none }
.clear{ clear:both;}

.font-14b{ font-weight:bold; font-size:14px;}
.m-bottom10{ margin-bottom:10px;}
.m-bottom20{ margin-bottom:20px}
#font-bg { background:url(../images/left_bg.gif) repeat-x 0 0; border-bottom:2px solid #A10000; height:29px; text-align:center;}
.help-left .cjwt-list {  margin:0; padding:0;}
.help-left .cjwt-list li {background:url(../images/left_nr_bg.gif) repeat-x; height:40px; border-bottom:1px dashed #EFEFEF; text-align:center; vertical-align:middle; padding:5px 0 0;}
.help-left .cjwt-list li a { text-align:center; vertical-align:middle; text-decoration:none; color:#000000;}
.help-left .cjwt-list li a:hover { text-decoration:none; color:#FF0000; font-weight:}
#cjwt-list-nr td { background:#F7F7F7; border:1px dashed #ccccc; border-left:none; border-right:none; line-height:25px;}

.backToTop{display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60);}
.ontop{position:fixed;left:0;bottom:auto;top:expression(eval(document.documentElement.scrollTop));  } 
.onright{position:fixed;top:100px;right:0;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}       
.wapper{width: 100%;}
.wapper900{width: 900px;margin: 0px auto;position:relative}
.wapper1000{width: 1000px;margin: 0px auto;position:relative}
.wapper1200{width: 1200px;margin: 0px auto;position:relative}
.h30{height: 30px}


.toolbar{width:100%; height:28px; background:#f5f5f5; border-bottom:1px solid #d6d6d6; margin-bottom:5px;z-index: 999999;}
.toolbar ul.left{ display:block; height:28px; border-left:1px solid #d6d6d6; position:absolute; top:0; left:0; width:550px}
.toolbar ul.left li{ float:left; line-height:28px;height:28px; padding:0 20px; font-weight:bold;font-size:14px; border-right:1px solid #d6d6d6}
.toolbar ul.left li.hover{ background:#6d6c6c; font-weight:bold}
.toolbar ul.left li.hover a{ color:#fff}
.toolbar ul.right{ display:block; height:auto; position:absolute; top:0; right:0;height:20px; width:700px; padding-top:8px}
.toolbar ul.right li{ float:right; line-height:14px; border-left:1px solid #d6d6d6; padding:0 10px;height:14px}
.toolbar ul.right li a.lit{ color:#2cb0e2}

#dynamic{width:1200px;height:10px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden; border:#eec579 1px solid; background:url(../images/yx_notice_dot.png) #feefc8 repeat-x left -41px; height:22px; text-align:left; margin:0 auto; padding:0px; width:1198px;}   
#dynamic > ul {height:200px;}
#dynamic li{height:25px;padding-left:42px;}   
#dynamic .dot_speak { padding:0; margin:3px 10px 0; width:21px; display:inline-block; background:url(../images/yx_notice_dot.png) no-repeat left top; float:left; height:17px;}


.top-banner{ width:1200px; height:50px; background:#eee; margin:0 auto}
.head{ width:1200px; height:auto; margin:0 auto; position:relative; padding-top:90px; text-align:left}
.head .logo{ position:absolute; top:10px; left:0px; font-size:36px; font-family:"黑体"}

.head .search{ width:550px; height:auto; position:absolute; top:20px; left:280px}
.head .search ul{ display:block; height:40px; background:url(../images/search.png) no-repeat}
.head .search ul li{ float:left; overflow:hidden}
.head .search ul li.text{ width:507px}
.head .search ul li.text input{ width:485px; padding:10px; font-size:14px; border:none; background:none;outline: none;}
.head .search ul li.submit{ width:43px}
.head .search ul li.submit input{ width:47px; height:40px; background:none; border:none; cursor:pointer}
.head .search p{ padding:8px 0; color:#666}
.head .search p a{ color:#999; margin-right:10px}
.head .search p a:hover{ color:#666; border-bottom:1px solid #666}
.head .cart{ width:auto; position:absolute; top:12px; right:80px}
.head .act{ width:auto; position:absolute; top:50px; right:75px}
.head .cart p{ display:block; float:left; height:29px; margin-left:10px} 
.head .cart p.cart-pie{ height:29px; background:url(../images/pie.gif) left 0 no-repeat}
.head .cart p.cart-pie span{ height:23px; float:left;background:url(../images/pie.gif) right 0 no-repeat; margin-left:40px; padding-top:6px; padding-right:10px}
.head .cart p.cart-pie strong{ color:#f60; margin-right:2px; margin-left:5px}
.head .cart p.cart-links{ background:url(../images/hqs-pic.gif) 0 -50px no-repeat; width:59px; height:23px; padding-top:6px;_padding-top:7px; padding-left:10px}
.head .cart p.cart-links a{ color:#fff}
.head .cart p.cart-links a:hover{ color:#333}


.nav{ height:38px; background:#b40000 url(../images/hqs-bg.gif) 0 -677px repeat-x; margin-bottom:10px;width: 1200px;text-align: left; }
.nav .all{ width:210px; height:38px; background:url("../images/hqs-bg.gif") 0 0 repeat-x;position:relative; z-index:100; float:left; color:#fff}
.nav .all .noe{ display:none}
.nav .all .all-nav{padding-left:10px;font-family: "microsoft yahei";height:38px;}
.nav .all .all-nav h2{display: block; padding:8px 0;height:38px;width:150px; float:left}
.nav .all .all-nav h2 span{ }
.nav .all .all-nav .all-nav-ico{float:right;height:38px; line-height:38px;}
.nav .all .all-centent{ width:206px; height:383px; position:absolute; top:38px; left:0; background:#fafafa; border:2px solid #d90202;border-top:0px; padding:0px;z-index:9999}
.nav .togo{ width:980px; display:block; float:left;font-family: "microsoft yahei";}
*html .nav .all .all-nav .all-nav-ico{float:right;height:28px; padding-top:10px}
*html  .nav .togo{height:38px;overflow:hidden}
*html  .nav{height:38px;overflow:hidden;}
.nav .togo ul li{ float:left; font-size:15px; font-weight:bold; padding:9px 20px; border-left:1px solid #9f0000}
.nav .togo ul li a{ color:#fff}

.nav .all-centent .item { height:30px; border-top:1px solid #FFFFFF; }
.nav .all-centent .item.bo { border-top:none; border-bottom: 1px solid #fff;} 
.nav .all-centent .item h3 { height:28px; line-height:28px; border:1px 0px; font-size:14px; font-weight:normal; width:179px; overflow:hidden; padding: 0px 5px 0px 15px;}
.nav .all-centent .item h3 s{float: right;margin-top: 5px;background: url("../images/dyh.png") no-repeat;padding:8px;}
.nav .all-centent .hover h3 { position:relative; z-index:13; background:#FFF; border-color:#DDD; border-width:1px 0px; border-style:solid; }
.nav .all-centent .item span { padding:0px; color:#A40000; } 
.nav .all-centent .item a { color:#000; text-decoration:none; font-size: 14px;}
.nav .all-centent .item a:hover { font-weight:bold; color:#E4393C; }
.nav .all-centent .item-list { 
	display:none;
	position: absolute;
width: 280px;
height: 383px;
background: #FFF;
left: 196px;
box-shadow: 0px 0px 10px #DDDDDD;
border: 2px solid #ff0000;
border-top: 0px;
border-left: 0px;
z-index: 10;
}
.nav .all-centent .item-list .subitem { float:left; width:277px; padding:0px 4px 0px 8px; }
.nav .all-centent .item-list .subitem dl { border-top:1px solid #EEE; padding:0px; overflow:hidden; zoom:1; }
.nav .all-centent .item-list .subitem .fore1 { border-top:none;margin-top: 10px }
.nav .all-centent .item-list .subitem dt { float:left; width:54px; line-height:22px; text-align:right; padding:3px 6px 0px 0px; font-weight:700; color:#E4393C; }
.nav .all-centent .item-list .subitem dt a { color:#E4393C; text-decoration:underline; }
.nav .all-centent .item-list .subitem dd { float:left; width:260px; padding:0px; overflow:hidden; }
.nav .all-centent .item-list .subitem dd em { float:left; height:14px; line-height:14px;margin-top:5px;width:50%;text-indent: 10px;padding:5px 0px; }
.nav .all-centent .item-list .subitem dd em a, .item-list .cat-right dd a { color:#666; text-decoration:none;font-style: normal; }
.nav .all-centent .item-list .subitem dd em a:hover, .item-list .cat-right dd a:hover { font-weight:normal; text-decoration:underline; }
.nav .all-centent .item-list .cat-right { float:right; width:210px; }
.nav .all-centent .item-list .cat-right dl { width:194px; padding:6px 8px; }
.nav .all-centent .item-list .cat-right dd { padding-top:6px; line-height:22px; overflow:hidden; padding:3px 0px 0px; }
.nav .all-centent .item-list .cat-right dt { padding:3px 6px 0px 0px; font-weight:700; color:#E4393C;  }
.nav .all-centent .item-list .cat-right dd a:hover { color:#666; }



/*header end*/

.main{ width:1200px; height:auto; margin:0 auto; text-align:left; margin-bottom:20px}
.main .bread{ display:block; height:24px; line-height:24px; margin-bottom:10px}
.main .bread em{ padding:0 5px; font-family:Arial; font-size:14px; color:#999;float: left;}
.main .bread span{float: left;}
/*process*/

.process{ width:960px; height:auto; margin:0 auto; text-align:left}
.process .step{ width:960px; height:25px}
.process .process-header{ width:960px;height:70px; border-bottom:2px solid #b90000; position:relative}
.process-header .logo{ position:absolute; top:20px; left:0}
.process-header ul{ display:block; position:absolute; top:40px; right:0}
.process-header ul li{ float:left; color:#666}
.process-header ul li a{ padding:0 5px}

.process .main-cart{ width:960px; height:auto}
.process .main-cart .step img{ display:block; height:25px}

.process .process-footer{ width:960px; height:auto; margin-top:20px; text-align:center; margin-bottom:20px}
.process .process-footer p{ line-height:24px}

/*process end*/

/*line*/
.QQbox{Z-INDEX: 99;RIGHT: 6px;WIDTH: 200px;POSITION: absolute;TOP: 103px;}
.QQbox .press{RIGHT: 0px;WIDTH: 28px;CURSOR: pointer;BORDER-TOP-STYLE: none;BORDER-RIGHT-STYLE: none;BORDER-LEFT-STYLE: none;POSITION: absolute;HEIGHT: 89px;
BORDER-BOTTOM-STYLE: none;}
.QQbox .Qlist {LEFT: 0px;width:117px; height:auto; padding:5px; background:url(../images/line-bg.gif) repeat-y;}
.QQbox .Qlist h2{ background:#fff url(../images/line-ico.gif) 10px 10px no-repeat; height:37px}
.QQbox .Qlist .infobox {PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: 700px;
BACKGROUND:#fff; PADDING-BOTTOM: 5px; COLOR: #000; LINE-HEIGHT: 14px; PADDING-TOP: 5px; TEXT-ALIGN: center;}
.QQbox .Qlist .con {background-color:#ffffff;PADDING-RIGHT: 0px;PADDING-LEFT: 10px;WIDTH: 107px;overflow:hidden; *zoom:1;}
.QQbox .Qlist .con ul{padding:0px; margin:0px;}
.QQbox .Qlist .con ul li{ padding: 3px 0px 0px 3px; list-style:none; width:180px; float:left; line-height:1.5em;}

#qqtalk.a {color:#3399FF;text-decoration: none;}
#qqtalk.a:hover {text-decoration: underline;}
#servicelist{text-align:left;font-size:12px;}
#servicelist img{ border:none;}

.qq{margin:2px 2px;}
.biaoti{background:#ccc; height:20px; line-height:24px;margin-top:8px; }
.unnamed1{font-size: 12px;} 
.wbg{ width:100%; height:100%;  *height:1000px; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; *zoom:1; background:#333; z-index:999;}
.wbg .ft_lay{ ;position:relative; visibility: visible;}
.backToTop{display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60);}
/*line end*/

/*footer*/
.bottom{ width:1200px; height:auto; text-align:left; margin:0 auto; margin-bottom:20px;border-top:2px solid #d8d8d8; padding-top:20px; clear: both;}
.bottom .help{ display:block; _height:150px; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:20px;}
.bottom .help ul{ display:block; float:left; width:100px;_width:90px; height:150px; padding-right:20px; padding-left:30px}
.bottom .help ul.back{ width:240px;background:url(../images/tel.jpg) no-repeat; margin-left:20px; padding-right:10px; position:relative}
.bottom .help ul.back a{ display:block; width:115px; height:32px; position:absolute; text-indent:-2000px}
.bottom .help ul.back a.a{ top:58px; left:0}
.bottom .help ul.back a.b{ top:58px; left:125px}
.bottom .help ul.back a.c{ top:100px; left:0}
.bottom .help ul.back a.d{ top:100px; left:125px}
.bottom .help ul.back a.e{ top:142px; left:0px}
.bottom .help ul.back2{ background:url(../images/footer-back-bg.gif) 0 0 no-repeat}
.bottom .help ul.back3{ background:url(../images/footer-back-bg.gif) 0 -158px no-repeat}
.bottom .help ul.back4{ background:url(../images/footer-back-bg.gif) 0 -313px no-repeat}
.bottom .help ul.back5{ background:url(../images/footer-back-bg.gif) 0 -472px no-repeat}
.bottom .help ul.back6{ background:url(../images/footer-back-bg.gif) 0 -627px no-repeat}
.bottom .help ul.back7{ background:url(../images/footer-back-bg.gif) 0 -796px no-repeat}
.bottom .help ul li h2{ font-weight:bold; font-size:14px;font-family: "microsoft yahei",'宋体'}
.bottom .help ul li{ line-height:24px}

.bottom .honor{width:1200px; text-align:center; padding-bottom:10px}
.bottom .honor img{ padding: 0 10px}

.bottom .footer-back3{ width:1200px;text-align: center;}
.bottom .footer-back3 p{ line-height:24px; text-align:center}
.bottom .footer-back3 p a{ padding:0 10px}
/*footer end*/


.my_left_category{padding:10px 0}
.my_left_category h1{height:20px;font-size:14px;font-weight:bold;padding-left:15px;padding-top:8px;margin:0px;color:#FFF;}
.my_left_category .my_left_cat_list{width:214px;line-height:13.5pt;}
.my_left_category .my_left_cat_list h2 {margin:0px;padding:3px 5px 0px 9px;}
.my_left_category .my_left_cat_list h2 a {color:#d6290b;font-weight:bold;font-size:14px;line-height:32px;}
.my_left_category .my_left_cat_list h2 a:hover {color:#d6290b;font-weight:bold;font-size:14px;line-height:32px;}
.my_left_category .h2_cat{width:216px;height:34px;background:url('../images/my_menubg.gif');background-repeat:no-repeat;line-height:32px;font-weight:normal;color:#333333;position:relative;}
.my_left_category .h2_cat_1{width:216px;height:34px;line-height:32px;font-weight:normal;color:#333333;position:relative;}
.my_left_category a{font:12px;text-decoration:none;color:#333333;}
.my_left_category h3 a:hover{text-decoration:underline;color:#000;}
.my_left_category h3{width:208px;margin:0px;padding:0px;height:34px;font-size:14px;font-weight:normal;display:block;padding-left:8px;}
.my_left_category h3 span{color:#999999; width:208px; float:right;}
.my_left_category h3 a{	line-height:32px; color:#333}
.my_left_category .h3_cat{display:none;width:204px;position:absolute;left:216px;margin-top:-34px;cursor:auto}
.my_left_category .shadow{position:absolute;}
.my_left_category .shadow_border{position:absolute;z-index: 99999;width:256px;border:2px solid #d90202;border-left-width:0px;background:url('../images/shadow_border.gif') no-repeat 0px 30px;background-color:#fff;margin-bottom:3px;padding:8px 0;}
.my_left_category .shadow_border ul{margin-left:15px;height:auto !important;background:url("") !important;}
.my_left_category .shadow_border ul li {background-position:0 8px;float:left;width:120px;line-height: 24px;height:24px;}
.my_left_category .active_cat{background-position:0 -34px;cursor:pointer;height:auto;}
.my_left_category .active_cat ul li a:hover{color:#2cb0e2}
.my_left_category .active_cat h3 { font-weight:bold}
.my_left_category .active_cat h3 span{ display:none;}
.my_left_category .active_cat div{display:block;}


.onright
{  
    position:fixed;top:100px;right:0;bottom:auto;top:expression(eval(document.documentElement.scrollTop));
} 
.box{position:absolute;width:500px;left:50%;height:auto;z-index:100;background-color:#fff;border:1px #8FA4F5 solid;padding:1px;}
.box h2{width:480px;height:25px;font-size:14px;background-color:#ffff;position:relative;padding-left:10px;line-height:25px;color:#000;}
.box h2 a{font-size:12px;color:#000;}
#TB_overlayBG{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.service {
	font:12px/20px Arial, Verdana, Tahoma, normal;
}
.service-open {
	background:url(../images/service-open.png) no-repeat; 
	width:245px; 
	height:450px;
}
.service-close {
	background:url(../images/service-open.png) no-repeat;
	height:121px;
	width:31px;
	overflow:hidden;
}
.service-button {
	width:34px;
	height:121px;
	float:left;
	cursor:hand;
}
.service-inside {
	width:188px;
	height:450px;
	float:right;
	padding:10px
}

.service-inside dl dt {
	text-align:center;
	background:url(../images/dttitle.jpg) no-repeat;
	height:18px;
	line-height:18px;
	width:188px;
	margin-bottom:8px;
	color:#fff;
	margin-top:4px;
}
.service-inside dl dd {
/* background:url(../images/qq_online.gif) no-repeat 0px 4px;
*/
	height:27px;
	line-height:27px;
	text-align:left;
	width:188px;
	clear: both;
}
.service-inside dl dd.esp_1 a {
	color:#f50;
}
.service-inside dl dd.esp_2 {
	margin-left:4px;
	color:#999;
	background:none;
	text-indent:0;
	text-align:center;
	height:20px;
	line-height:20px;
}
.service-inside dl dd.esp_3 {
	margin-left:4px;
	color:#f50;
	background:none;
	text-indent:0;
	text-align:center;
	height:20px;
	line-height:20px;
}
.service-inside dl dd.esp_4 {
	margin-left:4px;
	text-align:center;
	color:#333;
	background:none;
	margin:0;
	height:18px;
	line-height:18px;
	text-indent:0;
}


#floatPanel .bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
#floatPanel .bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
#floatPanel .qr_img{position:absolute;top:-189px;left:-183px;display:none;}
#floatPanel #scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;}
#floatPanel #scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#floatPanel #feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#floatPanel #feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
#floatPanel .qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
#floatPanel .qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}
#floatPanel>div{display: inline;}
#floatPanel .page-body {padding-top:10px;background: #fff;height:2500px;}
#floatPanel .page-footer {margin-top:20px;padding-top:10px;background: #444;height:200px;border-top:10px solid #333}