@charset "gb2312";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"΢ÈíÑźÚ"; font-size:14px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration: none; color: #15ad61;}

.fl{ float:left;}
.fr{ float: right;}
.clear{ clear: both; height: 0px; line-height: 0px;}

body{ background-color: #dcffcc;}

.header{ height: 297px; background: url(header.jpg) no-repeat center top; border-bottom: 4px solid #01b980;}

.main{ width: 1140px; margin: 20px auto;}

.main-left{ float: left; width: 770px; height: 540px; padding: 20px; background-color: #fff;}

.slideBox{ float: left; width:385px; height:290px; overflow:hidden; position:relative;}
.slideBox .hd{ width: 100%; height:8px; overflow:hidden; position:absolute; left:5px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center; font-size: 0px;}
.slideBox .hd ul li{ display: inline-block; *display: inline; zoom: 1;width:8px; height:8px; line-height:999px; font-size: 0px; background:#fff; border-radius: 4px; cursor:pointer; margin: 0 4px;}
.slideBox .hd ul li.on{ background:#ff3333;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:385px; height:290px; display:block; }

.news{}
.news .title{ border-bottom: 1px solid #d1d1d1; height: 40px; line-height: 40px;}
.news .title h2{ float: left; border-bottom: 1px solid #15ad61; font-size: 20px; color: #15ad61; padding: 0 5px;}
.news .title span{ float: left; font-size: 12px; color: #15ad61; margin-left: 10px;}
.news .title .more{ float: right; font-size: 12px; color: #999;}
.news .title .more:hover{ color: #15ad61;}
.news .head-line{ border-bottom: 1px dashed #d1d1d1; padding: 18px 0 12px;}
.news .head-line h3{ font-size: 16px; line-height: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .head-line p{ font-size: 12px; line-height: 18px; color: #999; text-indent: 2em; margin-top: 10px;}
.news .head-line p a{ color: #f33;}
.news .head-line p a:hover{ color: #15ad61;}
.news .list{ margin-top: 15px;}
.news .list li{ background: url(icon-jt.png) no-repeat left center; height: 36px; line-height: 36px; vertical-align: top; overflow: hidden; padding-left: 16px;}
.news .list li a{ float: left;}
.news .list li span{ float: right; font-size: 12px; color: #999;}

.dcdt{ float: right; width: 365px; height: 290px; overflow: hidden;}
.dcdt .list{ margin-top: 5px;}
.dcdt .list li{ height: 30px; line-height: 30px; background: none; padding-left: 0px;}

.w385{ width: 385px;}
.w365{ width: 365px;}
.mt20{ margin-top: 20px;}

.main-right{ float: right; width: 310px; height: 580px;}
.main-right .title{ height: 93px; background: url(title01.png) no-repeat;}
.main-right .title h2{ font-size: 20px; line-height: 30px; color: #fff; text-align: center; padding-top: 15px;}
.main-right .text{ border: 1px solid #04bd84; background-color: #fff; width: 308px; height: 465px; padding-top: 20px; overflow: hidden;}
.main-right .text p{ line-height: 26px; text-indent: 2em; padding: 0 20px;}
.main-right .text p b{ color: #15ad61;}


.box{ width: 520px; height: 240px; background-color: #fff; margin-top: 20px; padding:10px 20px;}

.footer{ background-color: #01a87c; padding: 30px 0; line-height: 25px; color: #fff; text-align: center;}