/********************           
Name:       all style
Date:       2012/05/05
Author:     Lu
********************/
/**********
reset
**********/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;}
body, button, input, select, textarea { font:12px/1.5 \5FAE\8F6F\96C5\9ED1, Arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
address, cite, dfn, em, var { font-style:normal;}
code, kbd, pre, samp { font-family:courier new, courier;}
small { font-size:12px;}
ul, ol { list-style:none;}
a { text-decoration:none; color:#333;}
a:hover { text-decoration:underline; color:#117BB7;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
legend { color:#000;}
fieldset, img { border:0;}
button, input, select, textarea { font-size:100%;}
table { border-collapse:collapse; border-spacing:0;}
/**********
background
**********/
body, .bgx { background:url(images/bgx.png) repeat-x 0 0;}
.ico, .list-news li { background:url(images/ico.png) no-repeat 0 0;}
.btn, .list-login li { background:url(images/btn.png) no-repeat 0 0;}
#top #sitemoreinfo, #nav ul.list-menu li.current a, #nav ul.list-menu li a:hover, #nav ul.list-superiority, #banner #notice p, #top #topnav #tel, #top #topnav #pay-logo { background:url(images/head.png) no-repeat 0 0;}
#foot-logo, #foot-logo-alipay { background:url(images/foot.png) no-repeat 0 0;}
.list-login2 li { background:url(images/40089.jpg) no-repeat 0 0;}
/**********
base
**********/
.c-gray { color: #999;}.c-red { color: #F30;}.c-orange { color: #F60;}.c-green { color: #609D19;}.c-white { color: #FFF;}.c-blue{ color:#18719D;}
.fl { float:left;}.fr { float:right;}
.tr { text-align:right;}.tc { text-align:center;}
.hide { display:none;}.show { display:block;}
.of { overflow:hidden; zoom:1;}
.clear { display:block; float:none; clear:both; overflow:hidden; width:auto; height:0; margin:0 auto; padding:0; font-size:0; line-height:0;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both}
.clearfix { display:block; zoom:1;}
.box { margin:10px 0 0;}.box-n { border:none;}
.tits { margin:0 10px; font-size:14px; font-weight:400;}
.ut {}.ut li { line-height:25px;}
.tab-hd {}
.tab-hd li { float:left; display:inline; cursor:pointer;}
.text { margin:10px 10px 0; line-height:21px;}
.text p, .articles .indent { text-indent:2em;}
.articles { line-height:21px;}
.articles p, .articles h3 { padding:5px 0;}
.articles h3 { font-size:14px;}
.title { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #E2E2E2; text-align:center;}
.title h2 { margin:5px 0; font-size:18px;}
.line { clear:both; height:1px; padding:10px 0 0; margin-bottom:10px; border-bottom:1px solid #E2E2E2;}
.line-gray {}
.line-blue { border-bottom-color:#9CCAE1;}
/**********
Pagebar
**********/
#pagination { margin:20px 0;}
.page { height:30px; line-height:30px; }
.page-line { padding-top:10px; border-top:1px solid #E2E2E2;}
.page a { padding:0 3px 0 0; white-space:nowrap; }
.page a:hover { border-color:#F50; }
/**********
grid
**********/
.fixed { width: 965px; margin: 0 auto;}
.fixed:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.w220, .w730 { float:left; display:inline; margin-right:15px;}
.w220 { width:220px;}
.w730 { width:730px;}
.wr { margin-right:0;}
/**********
common
**********/
body { background-color:#FFF; background-position:0 -150px; color:#555;}
#header {}
#pay #header { border-bottom:1px solid #E4E4E4;}
#top { height:110px; background:url(images/head.jpg) no-repeat 0 0;}
#top #logo { width:270px; height:70px; margin:25px 0 0;}
#top #logo a { float:left; width:350px; height:50px;  outline:none; text-decoration:none; display:inline-block; position:relative; }
#top #logo a .sitename { position:absolute;top:10px;left:90px;font-size:21px;font-family:'PingFang SC','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-weight:bold;color:#868686; }
#top #logo a .sitedomain { position:absolute;top:38px;left:95px;font-size:14px;color:#B5BABD; }
#top #sitemoreinfo { float:left; display:inline; width:280px; height:40px; margin:45px 0 0 90px; background-position:-100px 0;}
#top #sitemoreinfo .parentSite{margin:35px auto 0 auto;text-align:center;}
#top #topnav { clear:right; float:right; margin:30px 0 0;}
#top #topnav #tel { width:190px; height:40px; text-indent:-9999px; background-position:0 -50px;}
#top #topnav p { margin:5px 0 0;}
#top #topnav #pay-logo { width:300px; height:50px; background-position:-200px -50px;}
#top #topnav #pay-logo p { text-indent:-9999px;}
#nav { clear:both; height:110px; background-position:0 -40px;}
#nav ul.list-menu { height:33px; padding:3px 0 0; background-position:0 -72px;}
#nav ul.list-menu li { float:left; display:inline; width:85px; margin-right:35px; height:33px; line-height:33px; font-size:14px; font-weight:700; text-align:center; }
#nav ul.list-menu li a { display:block; color:#FFF;}
#nav ul.list-menu li.current a, 
#nav ul.list-menu li a:hover {  background-position:0 0; text-decoration:none;}
#nav ul.list-superiority { height:73px; background-position:20px -115px;}
#nav ul.list-superiority li { float:left; text-indent:-9999px;}

#textAD{margin-top:10px;height:auto;background:url(images/sub_bottombg.gif) bottom repeat-x #fff; border:1px solid #CCC;text-align:left;overflow:hidden;zoom:1;}
#textAD ul{float:left; margin-top:12px; font-size:13px; padding: 0 0 10px 0;}
#textAD ul li{height:27px; float:left; padding-left:10px; width:110px; display:inline; overflow:hidden; line-height:25px}
#textAD ul li a{ color:#000000; padding-left:5px}
#textAD ul li a:hover{ background:url(images/sub_libg.gif) no-repeat 0 0; width:110px; height:23px; display:block; text-decoration:none; font-weight:normal;}
#textAD .c{color:#bf0430;background-color:#FFFFFF;}
#imgAD{margin-top:10px;height:auto;border:1px solid #CCC;text-align:left;overflow:hidden;zoom:1;}
#imgAD ul{float:left;padding:2px;}
#imgAD ul li{float:left;margin-left:2px;width:auto;display:inline; overflow:hidden; }

#banner {}
#banner img, #banner-page img { vertical-align:top;}
#banner #notice { height:38px; line-height:38px; background-position:0 0; overflow:hidden;}
#banner #notice p { height:34px; line-height:34px; margin:3px 20px 1px; text-indent:80px; background-position:-400px 0;}
#banner #step { margin-top:10px;}
#banner-page {}
#footer { margin-top:10px;}
#pay #footer { border-top:1px solid #E4E4E4;}
#footer #foot-links { height:37px; line-height:37px; margin:10px 0 0; border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1;}
#footer #foot-links p { color:#CCC;}
#footer #foot-links p a { padding:0 10px;}
#footer #foot-logo { float:left; width:180px; height:85px; padding-right:20px; margin:10px 20px; border-right:1px solid #E1E1E1; background-position:0 10px; position:relative;}
#footer #foot-logo .sitename { position:absolute;top:25px;left:60px;font-size:14px; font-family:'PingFang SC','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif font-weight:bold;color:#868686; }
#footer #foot-logo .sitedomain { position:absolute;top:42px;left:62px;font-size:11px;color:#B5BABD; }
#footer #foot-copyright { line-height:21px; margin:10px 0; color:#666;}
#footer #foot-logo-alipay { float:right; width:180px; height:50px; margin:25px 0 0; background-position:0 -80px;}
#crumb { height:35px; line-height:35px; border-bottom:1px dashed #CCC;}
/* sidebar */
#sidebar .box .hd, #sidebar .box .fd, #box-s-alipay .bd p, #box-s-contact ul, #box-s-tel ul { background:url(images/side.png) no-repeat 0 0;}
#sidebar {}
#sidebar .box { border:none;}
#sidebar .box .hd { height:36px; background-position:0 -180px;}
#sidebar .box .hd h2 { text-indent:-9999px;}
#sidebar .box .bd { border-left:1px solid #CCC; border-right:1px solid #CCC; overflow:hidden; zoom:1;}
#sidebar .box .fd { clear:both; height:20px; background-position:0 -150px;}
#box-s-about.box { margin:0;}
#box-s-about.box .hd { height:47px; background-position:0 0;}
#box-s-tel.box { margin:3px 0 0;}
#box-s-tel.box .hd { height:43px; background-position:0 -50px;}
#box-s-contact.box { margin:7px 0 0;}
#box-s-contact.box .hd { height:39px; background-position:0 -100px;}
#box-s-tel ul { margin:10px 0 0; background-position:0 -330px;}
#box-s-tel li { height:68px; text-indent:-9999px;}
#box-s-contact ul { margin:10px 0 0; background-position:0 -550px;}
#box-s-contact li { height:65px; text-indent:-9999px;}
#box-s-alipay .bd { border:1px solid #CCC;}
#box-s-alipay .bd p { display:block; height:108px; background-position:0 -220px; text-indent:-9999px;}
#box-s-tab .hd {}
#box-s-tab .hd ul {}
#box-s-tab .hd li { line-height:30px; margin:3px 0 0; padding:0 10px; border-right:1px dotted #CCC; font-weight:700;}
#box-s-tab .hd li.selected { border-bottom:3px solid #1C8DC4; color:#18719D;}
#box-s-tab .bd { padding:10px 10px 0;}
#box-s-tab .list-news li { padding-left:10px; background-position:0 11px;}
/* page- */
.list .list-news {}
.list .list-news li { height:35px; line-height:35px; text-indent:35px; border-bottom:1px solid #E2E2E2; background-position:5px -52px;}
.tb-nor { width:100%; margin:10px 0;}
.tb-nor th, .tb-nor td { border:1px solid #DDECF2; padding:5px 10px;}
.tb-nor th { text-align:left; background:#EEF5F8; color:#22759F;}
.tb-p { width:100%; margin:0;}
.tb-p th, .tb-p td { border-bottom:1px solid #E4E4E4; padding:5px 10px;}
.tb-p th { text-align:left; border-bottom-color:#B7DDEE; background:#EDF6FA; font-weight:400; color:#333;}
.tb-n { width:100%; margin:10px 0; border:1px solid #F2F2C5; background:#FDFBF0;}
.tb-n td { border-bottom:1px solid #F2F2C5; padding:5px 10px;}

.list-login, .list-login2 { height:72px; padding:10px 0;}
.list-login li, .list-login2 li { float:left; display:inline; width:223px; height:72px; margin:0 20px 0 0;}
.list-login li a, .list-login2 li a { display:block; width:100%; height:100%; text-indent:-9999px;}
.list-login .login2, .list-login2 .login2{background-position:-223px 0px;}
.list-login .login3, .list-login2 .login3{background-position:-446px 0px;}

.list-agent { height:300px; padding:15px 0; background:url(images/bgs-agent.png) no-repeat 0 0;}
.list-agent li { height:60px; text-indent:-9999px;}
.list-faq {}
.list-faq dt, .list-faq dd .bd, .list-faq dd .fd, #box-client .hd { background:url(images/bgs-faq.png) no-repeat 0 0;}
.list-faq dt { height:45px; margin:10px 0; line-height:40px; text-indent:40px; font-weight:700; color:#2D87B1;}
.list-faq dd { width:720px;}
.list-faq dd .bd { padding:9px 9px 9px 39px; border:1px solid #CDE8F2; border-bottom:none; background-color:#FEFDF4; background-position:-730px 0;}
.list-faq dd .fd { height:10px; background-position:0 -45px;}
.list-client {}
.list-client li { float:left; width:320px; height:25px; line-height:25px; margin-right:40px;}
.list-client li span { float:left;}
.list-client li em { float:right;}

#box-client {}
#box-client .hd { height:30px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #CCC; background-position:0 -60px;}
#box-client .hd h2 { float:left; text-indent:-9999px;}

.articles .list-news { margin-bottom:10px;}
.articles .list-news li { height:25px; line-height:25px; text-indent:30px; background-position:0 -58px;}
.tips { margin:10px 0 0;}
.tips h3 { text-indent:30px; background-position:0 -55px;}
.tips p, .tips ul { padding-left:30px;}

.tab-c .tab-hd li { background:url(images/bgs.png) no-repeat 0 0;}
.tab-c { clear:both; margin:15px 0 0;}
.tab-c .tab-ch { height:27px; border-bottom:2px solid #3A96C4;}
.tab-c .tab-hd { height:27px; line-height:27px;}
.tab-c .tab-hd li { width:109px; height:27px; margin-right:2px; text-align:center; font-weight:700; font-size:14px; background-position:0 -29px; color:#2179A5;}
.tab-c .tab-hd li.selected { background-position:0 0; color:#FFF;}
.tab-ch p.so { height:23px; padding:0 0 5px; margin:0;}
.tab-ch p.so label, .tab-ch p.so input, .tab-ch p.so button { float:left; display:inline;} 
.tab-ch p.so input { width:100px; height:17px; padding:1px; border:1px solid #E7E7E7; background:#F9F9F9;}
.tab-ch p.so .btn { width:45px; height:23px; border:none; text-indent:-9999px; background-position:-196px -75px; cursor:pointer;}

.btn-kf, .btn-faq { float:left; display:inline; margin:0 10px 10px 0; width:98px; height:31px; text-indent:-9999px;}
.btn-kf { background-position:0 -75px;}
.btn-faq { background-position:-98px -75px;}
.btn-num { display:block; width:75px; height:24px; line-height:23px; background-position:-241px -75px; text-align:center;}

#box-index {}
#box-index .hd, #box-client-index .hd, #box-client-index .bd { background: url(images/bgs.png) no-repeat 0 0;}
#box-index .hd, #box-client-index .hd { height:30px;}
#box-index .hd h2, #box-client-index .hd h2 { text-indent:-9999px;}
#box-index .hd { background-position:0 -60px;}
#box-client-index .hd { border-bottom:2px solid #3A96C4; background-position:0 -90px;}
#box-client-index .bd { margin:10px 0 0; height:89px; background-position:0 -125px; overflow:hidden;}

.block-slider {}
.slider_img { float:left; display:inline; width:640px; margin:14px 15px; position:relative; overflow:hidden;}
.list-links { width:640px; overflow: hidden;}
.list-links li { float:left; width:160px; height:52px; margin:0;}
.list-links li img { width:140px; height:50px; margin:0 8px; border:1px solid #EEE;}
.btn-left, .btn-right { float:left; display:inline; width:15px; height:20px; margin:30px 0 0; cursor:pointer;}
.btn-left { margin-left:15px;}
.btn-right { margin-right:15px;}
/* page-pay */
#pay-box .hd, #pay-box .pay-info, .btn-alipay  { background:url(images/bgs-pay.png) no-repeat 0 0;}
#pay-box {}
#pay-box .hd { height:20px; margin:30px 0 20px; padding:0; overflow:hidden;}
#pay-box .hd p { text-indent:-9999px;}
#pay-box .pay-info { height:65px; padding:8px 10px 10px 20px; background-position:0 -40px;}
#pay-box .pay-info div { height:35px; overflow:hidden;}
#pay-box .pay-info div strong { font-size:22px; font-weight:400;}
#pay-box .pay-info div span { float:left; width:180px; text-indent:-9999px;}
.pay-form { margin:10px 0 0;}
.pay-form table {}
.pay-form table td { padding:5px;}
.pay-form table th { font-size:14px; font-weight:400;}
.pay-form input,
.pay-form select { width:240px; height:21px; line-height:21px; padding:2px; border:1px solid #CEC1C1;}
.pay-form select { width:126px; height:27px;}
.pay-form input:focus { border:1px solid #09F;}
.btn-alipay { width:136px; height:42px; border:none; cursor:pointer; background-position:0 -130px;}

/*  numlist */
.list-num{max-width:760px;margin-right:-15px}
.list-num li{float:left;display:inline-block;width:200px;padding:13px;margin:0 15px 10px 0;border:2px solid #E6E6E6;cursor:pointer;font-size:14px;position:relative;z-index:80;background:#FFF}
.list-num li .nhd{height:30px;line-height:30px}
.list-num li h4.left{width:120px;float:left;font-size:14px;line-height:30px}
.list-num li .nbd{width:200px;margin:15px 0 0;padding:0 13px 10px;border:2px solid #E6E6E6;border-top:none;background:#FFF}
.list-num li .nbd .inner{padding:10px 0 0;border-top:2px solid #E6E6E6}
.list-num li .nbd p{float:left;display:inline;margin-right:10px;color:#999}
.list-num li .nbd p span{display:block;color:#333}
.list-num li.active{border-color:#149FEE;z-index:900}
.list-num li.active .nbd{display:block;position:absolute;left:-2px;top:41px;z-index:999;border-color:#149FEE}
.list-num li.active .nhd .right{font-weight:700}
.btn-buy{float:right;width:45px;height:45px;background:url(/images/cart.png) no-repeat 0 0}
.btn-buy .sr{display:none}
.list-num .mini,.list-num li .mini{width:213px}
.ico-f5{float:right;display:inline;height:23px;line-height:23px;padding:0 10px;border:1px solid #E3E3E3;background-color:#f7f7f7}

.list-com,.list-re-num{max-width:760px;margin-right:-15px}
.list-com li,.list-re-num li{float:left;display:inline-block;width:200px;padding:13px;margin:0 15px 10px 0;border:2px solid #E6E6E6;cursor:pointer;font-size:14px;position:relative;z-index:80;background:#FFF}
.list-com li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list-re-num li{width:auto;}
.td_right {text-align:right;}.td_left {text-align:left;}
.tab-c .tab-hd li.tab-title-item{width: 102px;}
.sidebar-hd-title li {
    border-bottom: 3px solid #1C8DC4;
    color: #18719D;
    line-height: 30px;
    margin: 3px 0 0;
    padding: 0 10px;
    font-weight: 700;
    float: left;
    display: inline;
    cursor: pointer;
    width:calc(100% - 20px);
}
#tab-addr-bd,.sidebar-bd-items { padding: 10px 10px 0;}
#tab-addr-bd .tab-content a{margin:0 5px 0 0; white-space:nowrap;}
a.addr_a { float: left; width: 99px; line-height: 1.5;}
a.addr_key { float: left; margin-right:5px; line-height: 1.5;}