/*reset*/
html{background:none;color:#333; height:100%;}
body{font-size:13px;font-family:verdana;line-height:1.8em; font-family:Microsoft YaHei,Tahoma,Arial; background-color:#fff; height:100%;width:100%;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
address, caption, cite, code, dfn, em, th, var, b, i{font-style:normal;font-weight:normal;}
li{list-style-image:none;list-style-position: outside;list-style-type:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;vertical-align:baseline;zoom:1;}
input, textarea, select, button{font-size: 12px;font-weight:inherit; vertical-align:middle}
input[type=radio], input[type=checkbox]{vertical-align: middle; margin-right:5px;}
textarea{resize:none;}
input[type=text],input[type=password],textarea, input[type=text]:focus, input[type=password]:focus, textarea:focus, button, button:focus{-webkit-appearance:textfield;outline:0}
/*base*/
a{text-decoration:none; color:#ddd;}
a:focus{outline-style:none;outline-width:0;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:none;}
label.checkbox, label.radio, label.text{padding-left:4px;vertical-align:top;}
/*margin*/
/*clear*/
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden}
.clearfix {zoom:1}
.am_css{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
body{ font:1.25em/1 "Helvetica Neue",Helvetica,\5fae\8f6f\96c5\9ed1;}


/*.cover .b{width:48px; height:164px; display:block; position:absolute; left:40px; top:40px; background:url(http://mat1.gtimg.com/sports/runlx/start_h.png) no-repeat; background-size:100%; animation:start 2s infinite; -webkit-animation:start 2s infinite;}
@keyframes start{
	0%  {transform:rotate(0deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes start{
	0%  {-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg);}
}
*/


.banner{ width:100%; float:left; font-size:0px;}
.banner img{ width:100%;}

.nav{ width:95%; padding:0 3% 0 2%; float:left; background:url(../image/nav-bg.png) center; background-size:cover;}
.nav div{ width:20%; float:left;}
.nav div img{ width:100%; float:left;}
.nav div a{ display:block;}

.hdtt{ width:100%; float:left;}
.hdtt_t{ width:100%; float:left; margin-top:0.5em;}
.hdtt_t img{ width:100%; float:left;}
.hdtt_i{ width:100%; float:left; margin-top:0.5em; overflow:hidden; position:relative;  _display:inline; float:left;}
.hdtt_i .hd{ height:22px; overflow:hidden; position:absolute; right:5px; bottom:7px; z-index:1; } 
.hdtt_i .hd ul{ overflow:hidden; zoom:1; float:left;} 
.hdtt_i .hd ul li{float:left; margin-left:10px;  width:20px; height:20px; line-height:20px; text-align:center; background:rgb(153, 153, 153); cursor:pointer; font-size:12px;overflow:hidden; opacity:0.7; border:#6d6f6f 1px solid; color:#FFF;} 
.hdtt_i .hd ul li.on{ background:#006297; } 
.hdtt_i .bd{ position:relative;width:100%; z-index:0; overflow:hidden;} 
.hdtt_i .bd p{position:absolute; left:0; bottom:0; text-indent:10px; line-height:36px;font-family:Verdana; font-size:14px; text-align:left; color:#FFF; display:block;width:100%; height:36px; font-family:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}
.hdtt_i .bd p a{ color:#FFF !important; float:left}
.hdtt_i .bd img{width:100%; margin:0; padding:0;}


.hdtt_l{ width:100%; float:left;}
.hdtt_l div{ width:100%; float:left; border-bottom:#e7e7e7 1px solid;}
.hdtt_l div a{padding:3% 3.125%; display:inline-block; float:left;}
.hdtt_l div img{ width:25%; height:60px; float:left; display:inline-block; margin-right:1%;}
.hdtt_l div h1{ width:72%; float:right; font-family:"\5FAE\8F6F\96C5\9ED1"; display:inline-block; vertical-align:top; line-height:1.2; font-weight:normal; margin:2% 0 5%; color:#3e3e3e; font-size:0.8em;}
.hdtt_m{ width:100%; float:left;}
.hdtt_m img{ width:100%; float:left;}

.hdxc{ width:100%; float:left; background:url(../image/hdxc-bg.jpg) top right no-repeat #e9f5f0; background-size:cover;}
.hdxc_t{ width:100%; float:left; margin-top:0.5em;}
.hdxc_t img{ width:100%; float:left;}
.hdxc_l{ width:100%; overflow:hidden; position:relative;  _display:inline; float:left; margin-top:0.5em;} 
.hdxc_l .hd{ width:100%; overflow:hidden; float:left; z-index:1; } 
.hdxc_l .hd ul{ width:100%; overflow:hidden; zoom:1; float:left;} 
.hdxc_l .hd ul li{float:left; width:20%; background:url(../image/hdxc-off.png) no-repeat; background-size:cover; cursor:pointer; font-size:12px;overflow:hidden; color:#FFF; position:relative;} 
.hdxc_l .hd ul li.on{ background:url(../image/hdxc-on.png) no-repeat; background-size:cover;} 
.hdxc_l .hd ul li img{ width:100%; float:left;}
.hdxc_l .bd{ width:100%; position:relative; z-index:0; overflow:hidden; float:left;} 
.hdxc_l .bd ul li{ width:80%; padding:10%; font-size:0.8em; line-height:1.5em;}

.elyx{ width:100%; float:left; margin-top:1em;}
.elyx_t{ width:100%; float:left;}
.elyx_t img{ width:100%; float:left;}
.elyx_l{ width:100%; overflow:hidden; position:relative;  _display:inline; float:left; margin-top:0.5em;} 
.elyx_l .hd{ width:96%; margin:2% 2% 5% 2%; overflow:hidden; float:left; z-index:1; } 
.elyx_l .hd ul{ width:100%; overflow:hidden; zoom:1; float:left;} 
.elyx_l .hd ul li{float:left; margin:0.5%; cursor:pointer; font-size:12px;overflow:hidden; color:#FFF; position:relative;} 
.elyx_l .hd ul li.on{ background:#c8e7d0;} 
.elyx_l .hd ul li img{ width:100%; float:left;}
.elyx_l .bd{ width:100%; position:relative; z-index:0; overflow:hidden; float:left;} 
.elyx_l .bd ul li{ width:100%; float:left;}
.elyx_l .bd ul li img{ width:100%; float:left;}


.dkgd{ width:100%; float:left; background:#d3ece3; background-size:cover;}
.dkgd_t{ width:100%; float:left; margin-top:0.5em;}
.dkgd_t img{ width:100%; float:left;}
.dkgd_l{ width:100%; float:left; margin-top:0.5em; border-top:#003105 1px solid;}
.dkgd_l div{ width:100%; float:left; border-bottom:#003105 1px solid;}
.dkgd_l div a{padding:3% 3.125%; display:inline-block; float:left;}
.dkgd_l div dd{ width:25%; position:relative; float:left;}
.dkgd_l div dd img{ width:100%; height:100%; float:left;}
.dkgd_l .dkgd_g{ position:absolute; left:0px; top:0px; z-index:888;}
.dkgd_l div img{ width:100%; float:left; display:inline-block; position:relative; z-index:9999;}
.dkgd_l div h1{ width:72%; float:right; font-family:"\5FAE\8F6F\96C5\9ED1"; display:inline-block; vertical-align:top; line-height:1.2; font-weight:normal; margin:2% 0 5%; color:#3e3e3e; font-size:0.8em;}
.dkgd_m{ width:100%; float:left;}
.dkgd_m img{ width:100%; float:left;}


.jcsp{ width:100%; float:left; margin-top:1em;  background:url(../image/jcsp-bg.jpg) top right no-repeat; background-size:cover;}
.jcsp_t{ width:100%; float:left;}
.jcsp_t img{ width:100%; float:left;}
.jcsp_l{ width:100%; overflow:hidden; position:relative;  _display:inline; float:left; margin-top:0.5em;} 
.jcsp_l .hd{ width:92%; margin:4% 4% 0 4%; overflow:hidden; float:left; z-index:1; } 
.jcsp_l .hd ul{ width:100%; overflow:hidden; zoom:1; float:left;} 
.jcsp_l .hd ul li{ width:19%; float:left; margin:0 0.5%; cursor:pointer; font-size:12px;overflow:hidden; color:#FFF; position:relative;} 
.jcsp_l .hd ul li.on{ background:#c8e7d0;} 
.jcsp_l .hd ul li img{ width:100%; float:left;}
.jcsp_l .bd{ width:75.18%; position:relative; z-index:0; overflow:hidden; float:left; margin-left:12.41%;} 
.jcsp_l .bd ul li{ width:100%; float:left;}
.jcsp_l .bd ul li img{ width:100%; float:left;}
.jcsp_m{ width:100%; float:left;}
.jcsp_m img{ width:100%; float:left;}

.mtjj{ width:100%; float:left;}
.mtjj_t{ width:100%; float:left; margin-top:0.5em;}
.mtjj_t img{ width:100%; float:left;}
.mtjj_i{ width:100%; float:left; margin-top:0.5em;}
.mtjj_i img{width:100%; margin:0; padding:0;}
.mtjj_l{ width:100%; float:left;}
.mtjj_l div{ width:100%; float:left; border-bottom:#e7e7e7 1px solid;}
.mtjj_l div a{padding:3% 3.125%; display:inline-block; float:left;}
.mtjj_l div img{ width:25%; height:60px; float:left; display:inline-block; margin-right:1%;}
.mtjj_l div h1{ width:72%; float:right; font-family:"\5FAE\8F6F\96C5\9ED1"; display:inline-block; vertical-align:top; line-height:1.2; font-weight:normal; margin:2% 0 5%; color:#3e3e3e; font-size:0.8em;}
.mtjj_m{ width:100%; float:left;}
.mtjj_m img{ width:100%; float:left;}

.foot{ width:100%; float:left; font-size:0px;}
.foot img{ width:100%;}
