﻿@charset "utf-8";
/*全局css*/
body{margin:0; padding:0; background:url(../images/body_bg.gif) top repeat-x #fffffe;text-align:center;font-size:12px;font-family:'宋体', arial, sans-serif; color:#000; line-height:16px;}

form, ul, li, div, h1, h2, h3, h4,dt, dd, dl, img,ol,label {margin:0;padding:0;}
input, select, textrea {font-size:12px;color:#333;}
img {border:0;vertical-align:middle; vertical-align:middle;}

ul li {list-style-type:none;}/*这里统一定义了li的type,如有特殊需要请另行定义*/
.clea {font:0px/0px sans-serif;clear:both;display:block;line-height:0; height:0px; overflow:hidden; width:100%;}

/* 字体样式 */
h2{ font-size:14px; line-height:24px;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:active {text-decoration:none;color:#000;}

.blue {color:#0c7ac6;}
a.blue:link, a.blue:visited{text-decoration:none;color:#0c7ac6;}
a.blue:hover{text-decoration:none;color:#0c7ac6;}

.orange {color:#fc770b;}
a.orange:link, a.orange:visited{text-decoration:none;color:#fc770b;}
a.orange:hover{text-decoration:none;color:#fc770b}

.white {color:#fff;}
a.white:link, a.white:visited{text-decoration:none;color:#fff;}
a.white:hover{text-decoration:none;color:#fff;}

a.blue2:link, a.blue2:visited{text-decoration:none;color:#85a9cd;}
a.blue2:hover{text-decoration:none;color:#85a9cd;}

/*布局*/
#container{ margin:0 auto;width:1003px;overflow:hidden; text-align:left;}
.pad10{ clear:both; height:10px; overflow:hidden; display:block; font-size:0; line-height:0; width:100%;}
.pad30{ clear:both; height:30px; overflow:hidden; display:block; font-size:0; line-height:0; width:100%;}
.block_l{ float:left; width:207px; overflow:hidden;}
.block_r{ float:right; width:788px; overflow:hidden;}
.cont_l{ float:left; width:185px; overflow:hidden; border:1px solid #cfd8e1; background:url(../images/cont_bg.gif) repeat-x top #fffffe; padding:10px 10px;}
.admin_l{ float:left; width:205px; overflow:hidden; border:1px solid #cfd8e1; background:url(../images/admin_tit.gif) repeat-x top #e1ebf1; padding:0px;}
.cont_r{ float:right; width:766px; overflow:hidden; border:1px solid #cfd8e1;padding:10px; background:url(../images/cont_bg.gif) repeat-x top #fffffe;}
.ce{ text-align:center;}


/*头部*/
#header{width:1003px; height:78px; margin:0 auto; position:relative;}
.logo{width:200px; height:22px;top:30px;left:25px; position:absolute; font-size:0; line-height:0;}


/*导航*/
#nav{width:1003px; height:30px; background:url(../images/nav_bg.gif) repeat-x 0 0;}
#nav ul{background:url(../images/nav_bg.gif) no-repeat  right -60px;width:973px; height:30px;padding-right:30px;}
#nav ul li{float:left; line-height:30px;}
#nav ul li.nav_l{float:left; width:10px; height:30px; overflow:hidden;background:url(../images/nav_bg.gif) no-repeat 0 -90px; margin-right:30px;}
#nav ul li.nav_line{float:left; width:10px; height:30px; overflow:hidden;background:url(../images/nav_bg.gif) no-repeat 0 -30px;}
#nav ul li a:link,#nav ul li a:visited{color:#fff;text-decoration: none; padding:0 14px;}
#nav ul li a:hover{color:#fff;text-decoration: none; }
#nav ul li.nav_d{color:#fff;text-decoration: none; font-weight:bold;}
#nav ul li.nav_d a:link,#nav ul li.nav_d a:visited{background:url(../images/nav_arrow.gif) no-repeat right 16px; display:block; padding-right:18px;}

/*导航-搜索*/
#nav ul li.sea_nav{float:right;background:url(../images/sea_bg.gif) no-repeat 0 7px; width:110px; height:30px;overflow:hidden; line-height:16px; padding:0 0 0 24px;}
#nav ul li.sea_nav input{ height:16px; margin:0; padding:0; line-height:14px; overflow:hidden;}
#nav ul li.sea_nav .sea_txt{width:85px; overflow:hidden; border:none; background:none; margin-top:6px; height:14px;}
#nav ul li.sea_nav .sea_but{height:16px; width:17px;margin-top:7px; border:none; background:url(../images/sea_but.gif) no-repeat;}

/*导航-下部*/
.sub_nav{width:1003px; height:40px; background:url(../images/subnav_bg.gif) repeat-x 0 -40px;}
.sub_nav h1{ font-size:12px; line-height:40px; width:303px; float:left; display:inline; padding-left:45px;}
.sub_nav ul{ float:right; width:620px; padding-right:15px;}
.sub_nav ul li{float:right;font-size:14px;font-weight:bold;}
.sub_nav ul li.subnav_line{float:right; width:2px; height:40px; overflow:hidden;background:url(../images/subnav_bg.gif) no-repeat;}
.sub_nav ul li a{ padding:0 15px; margin-top:8px; line-height:30px; display:block;}

.banner{ width:1003px;  font-size:0; line-height:0; margin-bottom:7px;}/* 去掉高度*/

/*foot*/
.foot_nav{ border-top:1px solid #cfd8e1; text-align:right; color:#85a9cd; line-height:26px; padding-right:15px;}
.footer{ border-top:1px solid #cfd8e1; color:#a8b2bd; text-align:center; padding:18px 0 100px 0;}

/*left*/
.khjl p{ line-height:16px; margin:18px 0; padding:0 12px}
.tx{ width:78px; width:102px; padding:13px 10px 9px 10px; background:url(../images/tx.gif) no-repeat; margin:12px 0px 18px 43px;}
.service{ margin:0px 0 10px 0;}
.m_top{ margin-top:179px;}

/*right*/
.tit_r{ border-bottom:2px solid #cbd4dc; padding-left:5px;}
.tit_r2{ border-bottom:2px solid #cbd4dc;border-top:2px solid #cbd4dc; font-weight:bold; line-height:26px; text-align:center; margin-top:15px;}

.tag_tit{ background:url(../images/tit_bg.gif) repeat-x; height:28px; line-height:28px;}
.tag_tit h2{ padding:0 10px; display:inline; float:left;}
.tag_tit h3 { font-size:12px; font-weight:normal; float:left; padding-left:12px; margin:0 2px; background:url(../images/h3_bg2.gif) no-repeat;}
.tag_tit h3 span{background:url(../images/h3_span2.gif) no-repeat right; display:block; padding-right:12px; cursor:pointer;}

.tag_tit h3.ed{ font-size:12px; font-weight:normal; float:left; padding-left:12px; margin:0 2px; background:url(../images/h3_bg.gif) no-repeat;}
.tag_tit h3.ed span{background:url(../images/h3_span.gif) no-repeat right;padding-right:12px;cursor:pointer;}
.tag_cont{ border:1px solid #cfd8e1; border-top: none;width:766px; padding:10px 10px 20px 10px;}

.pro1{ width:710px; margin:20px;}
.pro1_img{ width:200px;float:left; margin-left:30px; text-align:center; display:inline; font-size:0; line-height:0; padding:0;}
.pro1_img img{ width:150px;}
.pro1_info{ float:left; width:480px; position:relative; line-height:14px; padding:0;}
.pro1_info h3{ font-size:14px; line-height:24px; margin-bottom:10px;}
.pro1_but{ position:absolute; right:0; bottom:0;}
.pro1_line{ border-bottom:1px solid #ccd5dd; height:1px; overflow:hidden; clear:both;display:block; overflow:hidden; line-height:0; font-size:0; margin:15px 0; width:100%;}
.m_r{ margin-right:15px;}

.pro2{ padding:0; padding-left:12px; padding-bottom:10px;}
.pro2 li{ float:left; margin:0 18px; display:inline; width:150px;  text-align:center; padding:0; margin-bottom:10px;}


.pro2 li.b_line{ background:url(../images/line.gif) repeat-x 0 5px; width:700px; height:10px; clear:both; margin-top:20px;}

.cont_lb{ text-align:center; line-height:32px;}
.b_bo{ border-bottom:1px solid #cbd4dc;}
.notice{ text-align:right; padding-top:20px; width:760px; clear:both; height:28px; font-size:14px;color:red}
.wel{ float:right; font-size:12px; font-weight:normal;}

.big_img{ width:115px; height:101px; background:url(../images/tx2.gif) no-repeat; float:left; margin:20px 20px 20px 40px; display:inline;}
.big_info{ width:530px; float:right; padding:50px 25px 0 25px;}

/*msg*/
.msg_img{ width:50px; height:50px; overflow:hidden; float:left; margin-right:10px; display:inline; padding-top:15px;}
.msg_img img,msg_re_img img{ width:50px; height:50px;}
.msg_cont{ float:left; width:706px; padding-top:15px; line-height:24px;}
.msg_tit{ width:691px; height:24px; background:#91a3c0 url(../images/msg_bg.gif) no-repeat left top; color:#fff; padding-left:15px; font-weight:bold;}
.msg_tit span.msg_time{ float:right; height:24px;width:200px;display:block; background:url(../images/msg_bg.gif) no-repeat right -24px; padding-right:15px; color:#eaf3f5;text-align:right;}
.msg_txt{ background:#eaf3f5; padding:10px 15px; line-height:18px;}


.msg_re_img{ width:50px; height:50px; overflow:hidden; float:left; margin-right:10px; display:inline; padding-top:10px;}
.msg_img img,msg_re_img img{ width:50px; height:50px;}
.msg_re_cont{ float:left; width:646px; padding-top:10px; line-height:24px; overflow:hidden;}
.msg_re_tit{ width:631px; height:24px; background:#91c0a8 url(../images/msg_re_bg.gif) no-repeat left top; color:#fff; padding-left:15px; font-weight:bold;}
.msg_re_tit span.msg_re_time{ float:right; height:24px;width:200px;display:block; background:url(../images/msg_re_bg.gif) no-repeat right -24px; padding-right:15px; color:#eaf3f5; text-align:right;}
.msg_re_txt{ background:#eaf3f5; padding:10px 15px; line-height:18px;}

/*login*/
.login_to{ width:1003px; height:256px; background:url(../images/login_to.jpg) no-repeat;}
.login_wel{ padding:120px 0 0 507px; line-height:14px;}
.login_ce{ width:1003px; height:188px; background:url(../images/login_ce.jpg) no-repeat;}
.login_bo{ width:1001px; height:78px; background:#fffffe; border:1px solid #cfd8e1; border-top:none; padding-top:20px;}
.login_tit{ margin:0px 0 0 55px;height:35px; width:450px; clear:both;}
.login_tit1{ width:182px; height:20px; background:url(../images/login_tit1.gif) no-repeat; text-align:center; color:#9eb0bf; padding-top:15px; float:left; display:block; font-weight:bold;}
.login_tit11{ width:182px; height:35px; background:url(../images/login_tit11.gif) no-repeat; text-align:center; color:#fff; padding-top:10px; float:left; display:block;}
.login_tit2{ width:224px; height:35px; background:url(../images/login_tit2.gif) no-repeat; text-align:center; color:#fff; padding-top:10px; float:left; display:block; }
.login_tit22{ width:224px; height:20px; background:url(../images/login_tit22.gif) no-repeat; text-align:center; color:#9eb0bf; padding-top:15px; float:left; display:block;}
.login_fom{ padding:20px 0 0 100px; line-height:30px; }
.login_fom label{ color:#8897a7; text-align:right; width:100px; display:block; float:left;}
.login_fom .login_input{ width:190px; border:1px solid #c9d3db; height:18px; overflow:hidden; margin:4px 0; float:left;}
.login_fom span{ display:block; float:left; line-height:30px; height:30px;text-align:center; padding-left:10px;}
.login_fom .login_but{ margin:10px 0 0 20px;}

.win_wrap{position:absolute;top:75px;z-index:200; text-align:center; left:0; width:100%;}
.win{background:url(../images/win_bg.gif) repeat-x top #fffffe; margin:0 auto; width:760px; border:5px solid #fff; text-align:left; position:relative;}
.close{ width:23px; height:24px; position:absolute; top:-5px; right:-5px;}
.w_login_to{ width:400px; background:url(../images/login_img.gif) no-repeat left top; height:150px; padding:10px 170px 10px 190px; overflow:hidden;}
.w_edit_to h2,.w_login_to h2{ font-size:24px; font-family:"微软雅黑"; color:#fff; line-height:50px; font-weight:normal; padding-top:15px;}

.w_edit_to{ width:400px; background:url(../images/edit_img.gif) no-repeat left top; height:150px; padding:10px 170px 10px 190px; overflow:hidden;}

.w_login_ce{ width:500px; background:url(../images/login_suc.gif) no-repeat 160px top; height:300px; padding-left:260px;}
.w_reg_tit{ height:29px; width:740px; line-height:29px; background:url(../images/w_reg_tit.gif) repeat-x; font-weight:bold; color:#fff; padding-left:20px;}
.w_reg_fom{padding:20px 0 0 130px; line-height:30px;}
.w_reg_fom label{ color:#020202; text-align:right; width:100px; display:block; float:left; cursor:pointer;}
.w_reg_fom .login_input{ width:320px; border:1px solid #c9d3db; height:18px; overflow:hidden; margin:4px 0; float:left;}
.w_reg_fom .login_but{ margin:10px 20px 0px 100px;}
.w_reg_fom .sle_fom{margin:0!important; margin-top:4px;}

.w_order_to{ width:570px; background:url(../images/order.gif) no-repeat left top; height:140px; padding:10px 20px 15px 170px; overflow:hidden;}
.w_pro_to h2,.w_pwd_to h2,.w_order_to h2{ font-size:22px; font-family:"微软雅黑"; color:#fff; line-height:50px; font-weight:normal; padding-top:15px;}
.w_order_ce{ width:500px; background:url(../images/login_suc.gif) no-repeat 130px top; height:300px; padding-left:240px;}
.w_order_ce span#order_num{ padding:5px 10px; border:1px solid #b5cad9; clear:both; line-height:40px; background:#fffffe; font-size:14px; margin:5px 0;}
.w_order_ce .login_input{ width:220px; border:1px solid #c9d3db; height:22px; overflow:hidden; }

.order_n{ border:1px solid #c9d3db; height:14px; overflow:hidden; width:40px; margin:0; }
.w_order_tit{ height:58px; width:640px; line-height:22px; background:url(../images/w_reg_tit.gif) repeat-x top #4facd4; font-weight:bold; color:#fff; padding:10px 0 0 120px;}
.w_order_fom{padding:20px 0 0 50px; line-height:30px;}
.w_order_fom label{ color:#020202; text-align:right; width:100px; display:block; float:left; cursor:pointer;}
.w_order_fom .login_input{ width:300px; border:1px solid #c9d3db; height:18px; overflow:hidden; margin:4px 0; float:left;}
.w_order_fom .login_but{ margin:10px 20px 0px 100px;}
.w_order_fom .order_msg{ width:320px; border:1px solid #c9d3db; height:80px;margin:4px 0; float:left;}
.w_order_fom span{ color:#5b7c9d; float:right; width:290px; display:block; padding-left:0px;}
.w_order_fom em{ text-align:left; font-style:normal; }
.sel{ width:300px; height:22px; margin:0; padding:0; float:left;}
.sel select{ padding:0; _margin:4px 0;}

.w_msg_to{ width:500px; background:url(../images/win_msg.gif) no-repeat left top; height:140px; padding:0px 90px 10px 170px; overflow:hidden;}
.w_msg_line{ border-bottom:1px solid #adc6d8;}

.w_msg_to h2{ font-size:22px; font-family:"微软雅黑"; color:#fff; line-height:50px; font-weight:normal; padding-top:15px;}
.w_msg_ce{ width:760px; border-top:1px solid #fff;}
.w_msg_r{ float:right; width:180px; background:url(../images/msg_bg.gif) no-repeat left top;height:350px;}
.w_msg_r h2{ font-size:12px; padding:10px 0 0 15px;}
.w_msg_r p{ padding:0 20px;}
.w_msg_l{ float:right; width:540px;height:350px; padding:20px; line-height:24px;}
.w_msg_txt{ width:530px; height:240px; border:1px solid #afbdcb;}
.msg_but{ float:right; margin:10px 6px 0 0;}
.w_msg_suc{ width:500px; background:url(../images/login_suc.gif) no-repeat 140px 0px; height:300px; padding-left:240px;}

.w_gift_tit{
	height:68px;
	width:710px;
	line-height:22px;
	background:url(../images/w_reg_tit.gif) repeat-x top #4facd4;
	font-weight:bold;
	color:#fff;
	padding:10px 0 0 50px;
}
.w_gift_tit span{ padding-right:40px; display:block; float:left;}



.w_pro_to{ width:570px; background:url(../images/order.gif) no-repeat left top; height:50px; padding:0px 20px 15px 170px; overflow:hidden;}
.w_pro{ background:#fffffe; width:760px;  overflow:hidden;}


.w_pro_tit{ background:url(../images/w_pro_tit.gif) repeat-x; height:29px; line-height:29px;}
.w_pro_ce{width:740px; padding:10px 10px 20px 10px; background:url(../images/w_pro_ce.gif) repeat-x top; border-bottom:1px solid #adc6d8; min-height:190px;}/* j height 375*/
.w_pro_bo{ padding:20px 50px; color:#657a98;}

#jx1,#jx2{ width:740px; overflow:auto; }
.jx_l{ width:340px; float:left; padding:20px;}
.jx_r{ width:300px; float:right; padding:20px 20px 0 20px; overflow:hidden;}
.jx01_img{ float:left; width:80px; text-align:left;}
.jx01_txt{ width:190px; float:right; line-height:18px; padding-left:10px;  overflow:hidden;}

.w_pwd_to{ width:570px; background:url(../images/pwd_bg.gif) no-repeat left top; height:140px; padding:10px 20px 15px 170px; overflow:hidden;}
.but_pwd{padding-left:100px;}
.w_pwd_ce{ width:540px; background:url(../images/login_suc.gif) no-repeat 130px top; height:150px; padding-left:200px; line-height:28px;}
.w_pwd_ce label{ color:#020202; text-align:right; width:100px; display:block; float:left; cursor:pointer;}
.w_pwd_ce .login_input{ width:240px; border:1px solid #c9d3db; height:18px; overflow:hidden; float:left;}

/*admin*/
.admint_to{ width:1003px; height:8px; background:url(../images/admin_to.gif) repeat-x;}
.admin_l h2{ color:#fff; text-align:center; line-height:41px;}
.admin_l h3{ font-size:12px; background:#c0d2e0; line-height:25px; padding-left:15px;}
.sub_admin{ padding:5px 0;}
.sub_admin li{ line-height:30px; background:url(../images/admin_arrow.gif) no-repeat 18px 12px; padding-left:30px;}

.pro1{ width:710px; margin:20px;}
.w_pro_img{ width:240px;float:left; margin-left:30px; text-align:center; display:inline; font-size:0; line-height:0; padding-top:20px; height:200px;}
.w_pro_img img{ width:150px; height:150px;}
.w_pro_info{ float:right; width:440px; position:relative; line-height:14px; padding:20px 0;}
.w_pro_info h3{ font-size:14px; line-height:24px; margin-bottom:10px;}
.pro1_but{ position:absolute; right:0; bottom:0;}
.pro1_line{ border-bottom:1px solid #ccd5dd; height:1px; overflow:hidden; clear:both;display:block; overflow:hidden; line-height:0; font-size:0; margin:15px 0; width:100%;}


.w_pro_tit{ background:url(../images/tit_bg.gif) repeat-x; height:28px; line-height:28px; padding-left:30px;}
.w_pro_tit h3 a{ font-size:12px; font-weight:normal; float:left; padding-left:12px; margin:0 2px; background:url(../images/h3_bg2.gif) no-repeat; cursor:pointer;}
.w_pro_tit h3 a span{background:url(../images/h3_span2.gif) no-repeat right; display:block; padding-right:12px;float:left;}

.w_pro_tit h3 a:hover,.w_pro_tit h3.ed a{ font-size:12px; font-weight:normal; float:left; padding-left:12px; margin:0 2px; background:url(../images/h3_bgjj.gif) no-repeat;}
.w_pro_tit h3 a:hover span,.w_pro_tit h3.ed a span{background:url(../images/h3_spanjj.gif) no-repeat right; display:block; padding-right:12px;}

.msg_t{ margin-top:80px;}
/*jocelyn*/
#intro { line-height:18px;}
.imgarea{ height:150px; clear:both; overflow:hidden;}
.pro2 li{ height:300px;}
.inarea{height:90px;vertical-align:text-bottom;}

.tx2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/tx.gif) no-repeat scroll 0 0;
margin:12px 0 18px 18px;
padding:13px 10px 9px;
width:102px;
}

