@charset "utf-8";
/* CSS Document */
body {font-size:12px; font-family:"ËÎÌå"; overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti { text-indent:-999em;}
.none{ display:none;}
body{background-color: #76d3ff;}
/*ÄÚÈÝ*/
.wrapout{ width:100%; background:url(https://static.web.sdo.com/chd/pic/20190527June/wrapout.jpg) no-repeat 50% 0;}
.wrap{ position:relative; width:1000px; height:1034px; margin:0 auto; background:url(https://static.web.sdo.com/chd/pic/20190527June/wrap.jpg) no-repeat 50% 0;}
/*.home_btn{ position:absolute; bottom:51px; left:37px; width:960px; height:67px;}*/
.home_btn{ position:absolute; bottom:0; left:50%; margin-left: -498px; width:996px; height:142px;}
.home_btn .btn{ position:absolute; top:52px; width:195px; height:70px;}
.home_btn .btn1{ left:0;top: 0;height: 122px;}
.home_btn .btn2{ left:200px;}
.home_btn .btn3{ left:400px;}
.home_btn .btn4{ left:600px;}
.home_btn .btn5{ left:800px;top: 10px;height: 112px;}
.home_btn .btn a{ display:block; text-indent:-999em; width:100%; height:100%; background:url(https://static.web.sdo.com/chd/pic/20190527June/btn1.png) no-repeat;}
.home_btn .btn1 a{ background-position:0 0;}
.home_btn .btn2 a{ background-position:-200px -52px;}
.home_btn .btn3 a{ background-position:-400px -52px;}
.home_btn .btn4 a{ background-position:-600px -52px;}
.home_btn .btn5 a{ background-position:-800px -10px;}

.home_btn .btn1 a:hover{ background-position:0 -122px;}
.home_btn .btn2 a:hover{ background-position:-200px -174px;}
.home_btn .btn3 a:hover{ background-position:-400px -174px;}
.home_btn .btn4 a:hover{ background-position:-600px -174px;}
.home_btn .btn5 a:hover{ background-position:-800px -132px;}

.backHome{ position:absolute; bottom:-35px; right:30px; width:62px; height:21px; display:block; background:url(https://static.web.sdo.com/chd/pic/20190527June/backHome.jpg);}
.actGotop{position:fixed; _position:absolute; bottom:200px; left:50%; margin-left:500px; width:30px; height:46px; display:none;}
.actGotop a,.actGotop a:link{width:30px;height:46px;display:block; background:url(https://static.web.sdo.com/chd/pic/20190527June/top.png) no-repeat;}

/*ÄÚÒ³*/
.head{ width:100%; background:url(https://static.web.sdo.com/chd/pic/20190527June/head.jpg) no-repeat 50% 0;}
.head_con{ position:relative; width:1000px; height:639px; margin:0 auto;}
.head_con .home_btn{}

.pages{ width:100%; background:url(https://static.web.sdo.com/chd/pic/20190527June/bg_body.jpg) no-repeat 50% 0;}
.bg_top{ background:url(https://static.web.sdo.com/chd/pic/20190527June/bg_top.jpg) no-repeat 50% 0;}
.bg_bottom{}
.container{ width:1000px; margin:0 auto;}



/*µ¼º½fixed*/
.wrapout{ position:relative; height:1034px;}
.navBar{ width:100%; height:99px;}
.fixed{ position:fixed;_position:absolute;bottom:0;_top:expression(documentElement.scrollTop + 0);z-index:9999;}