@charset "utf-8";
/* CSS Document */

/* 浏览器重写 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, p, th, td { margin: 0; padding: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { font-size: inherit; *font-size:100%;
font-family: inherit }
address, cite, dfn, em, code, var, caption, th { font-style: normal; font-weight: normal }
q:before, q:after { content: '' }
wbr:after { content: '\00200b' }

/* 基础通用 */
.Clear { clear: both }
body { font: 12px/1.5 \5b8b\4f53 }
.clearfix { display: inline-block }
.clearfix:after {/*/*/ content: "."; /* 兼容ie8 */ display: block; height: 0; clear: both; visibility: hidden }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }


/* 页面内容 */	
body {background-color:#ebfdff}
img { border: 0px; vertical-align: middle}
#wrapout { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_01.jpg) no-repeat center top; width:100%; height:auto }
#wrap { width: 1000px; margin: 0 auto; overflow:hidden}
.header { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_021.png) no-repeat 0 0; width:1000px; height:424px}
.bg { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_04.jpg) repeat-y center top}
.notice { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_05.jpg) no-repeat center top; width:1000px; height:224px; margin-bottom:40px}
.middle { width:852px; margin:0 auto;}
#loopedSlider { width:852px; position:relative}
#slider-block { height:64px; width:852px; position:relative; overflow:hidden; }
.container { width:806px;  position:relative; overflow:hidden; margin:0 auto; }
.container div {z-index:0; position:absolute; top:0; left:0;}
.container div div { opacity:1; z-index: auto; position:static; padding:0px; }
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; }
#loopedSlider li#p { position:absolute; top:18px; left:0px; }
#loopedSlider li#n { position:absolute; top:18px; right:0px; }
ul.nav { width:852px; height:64px}
ul.nav li {width:107px; height:24px; float:left; display:inline; background-color:#4dbaff; border:#2881b9 1px solid;  color:#ffffff;  margin:3px; font-weight:bold;  text-align:center; line-height:24px;  text-decoration:none; cursor:pointer; display:block}
ul.nav li.hsk {width:107px; height:24px; float:left; display:inline; background-color:#fc86b3; border:#e35492 1px solid;  color:#ffffff; margin:3px; font-weight:bold;  text-align:center; line-height:24px;  text-decoration:none;}
.left { width:490px; margin-top:15px; float:left; display:inline;}
.leftBg { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_08.jpg) repeat-y center top ; width:490px; height:auto; }
.leftTop {background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_07.jpg) no-repeat center top; width:490px }
.leftBottom {background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_09.jpg) no-repeat center bottom; width:490px;}
.leftCon { width:400px; margin:0 auto; padding:30px 45px; min-height:380px}
.leftCon p { color:#31444d; line-height:20px}
.leftCon p span.blue { color:#2881b9; font-size:15px; font-weight:bold; line-height:24px}
.right { width:347px; margin-top:15px; float:right; display:inline}
.rightBg { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_13.jpg) repeat-y center top; width:347px; height:auto}
.rightTop { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_12.jpg) no-repeat center top ; width:347px}
.rightBottom { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_14.jpg) no-repeat center bottom ; width:347px;}
.rightCon { width:331px; margin:0 auto; padding:20px 0; min-height:390px}
.line { background:url(https://static.web.sdo.com/chd/pic/140509lj/images/lj_11.jpg) no-repeat 0 0; width:330px; height:2px; z-index:99px; margin:10px 0;}
ul.receive { width:270px; margin:0 auto}
ul.receive ul li { width:270px; height:24px;  float:left; display:inline; margin-bottom:10px }
.txt { width:165px; height:22px;  float:left; display:inline; color:#2881b9; font-size:12px; font-weight:bold; line-height:22px; margin-bottom:10px}
.btn { float:right; display: inline; background:url(https://static.web.sdo.com/chd/pic/140509lj/images/btn_bg.jpg) no-repeat 0 0; width:82px; height:22; font-size:12px; margin-bottom:10px; margin-right:5px; text-align:center;}
.btn a { color:#ffffff; font-weight:bold; text-align:center; line-height:22px; text-decoration:none}
.btn a.copy { color:#FF0; font-weight:bold; text-align:center; line-height:22px; text-decoration:none}
.active { width:180px; margin:0 auto; margin-top:30px; margin-bottom:20px; text-align:center; }
.active p { height:30px; color:#2881b9; font-size:14px; font-weight:bold; }

/* 弹出框 */
#mask { width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 9995; display: none; }
.popBox { border: 6px solid #e3e3e3; position: absolute; z-index: 9999; display: none; width: 450px; height: 430px; background: #fff; text-align: center; padding-top: 25px }
.popBox .btnClose { width: 32px; height: 32px; display: block; position: absolute; top: -18px; right: -20px; background: url(https://static.web.sdo.com/chd/pic/btnClose.png) no-repeat; }