html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}
li {
    list-style: none;
}
a,
a:hover {
    text-decoration: none;
    display: block;
}
img {
    border: 0;
}
.whole {
    width: 100%;
}
body {
    font-size: 16px;
}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
.bg{
    background: url("../images/bg.png");
}
.cl1{
    color: #ffffff;
}
.bgc1{
    background-color:#22a847;
}
.bgc2{
    background-color: #ffffff;
}
.mt5{
    margin-top: 5px;
}
.fs14{
    font-size: 14px;
}
.fs18{
    font-size: 18px;
}
.fs12{
    font-size: 12px;
}
.mt15{
    margin-top: 15px;
}
.mt25{
    margin-top: 25px;
}
.right{
    float: right;
}
.left{
    float: left;
}
.top-nav{
    width: 100%;
    height: 33px;
}
.top-nav ul{
    width:1002px;
    margin: auto;
    line-height: 33px;
    overflow: hidden;
}
.top-nav li{
    float: left;
    margin-right: 22px;

}
.top-nav li a{
    color: #ffffff;
    font-size: 12px;
}
.top-nav .ss{
    float: right;
    margin-right: 22px;
}
.top-nav .ss .ssk{
    width: 138px;
    height: 21px;
    padding-left: 10px;
    float: left;
    border: 0;
    margin-top: 6px;
}
.top-nav .ss .ssan{
    float: left;
    width: 30px;
    height: 21px;
    margin-top: 6px;
    background: url("../images/ssan_03.jpg") no-repeat;
    border: 0;
}

.mid-nav{
}
.mid-nav .nav01{
    background: url("../images/nav-bg.png") no-repeat;
    width: 1133px;
    margin: auto;
}
.mid-nav .nav-logo{
    width: 1002px;
    margin: auto;
}
.mid-nav .nav02{

}
.mid-nav .nav02 .nav02-ul{
    width: 1002px;
    margin: auto;
    line-height: 40px;
    height: 40px;
}
.mid-nav .nav02 .nav02-ul .nLi{
    width: 167px;
    height: 40px;
    float: left;
    position: relative;
}
.mid-nav .nav02 .nav02-ul .nLi a:hover{
    color: #ffffff;
}

.mid-nav .nav02 .navi01{
    background: url("../images/icon01.png") no-repeat left;
}
.mid-nav .nav02 .navi02{
    background: url("../images/icon02.png") no-repeat left;
}
.mid-nav .nav02 .navi03{
    background: url("../images/icon03.png") no-repeat left;
}
.mid-nav .nav02 .navi04{
    background: url("../images/icon04.png") no-repeat left;
}
.mid-nav .nav02 .navi05{
    background: url("../images/icon05.png") no-repeat left;
}
.mid-nav .nav02 .navi06{
    background: url("../images/icon06.png") no-repeat left;
}
.nav02 .a1{
    position: absolute;
    left: 30px;
}
.nav02 .a11{
   position: absolute;
    left: 50px;
}
.mid-nav .nLi .i1{
    top: 5px;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    position: relative;
}
.on {
    background-color: #42c365;
}

.bot-nav{
    width: 100%;
    height: 150px;
    background: url("../images/banner-bg.png") no-repeat;
    margin-top: 15px;
}
.bot-nav .nav-auto{
    width: 1002px;
    margin: auto;
}
.bot-nav .nav-auto .rt{
    width: 540px;
    height: 101px;
    background: url("../images/nav-z.png") no-repeat;
    margin-top: 30px;
    margin-right: 200px;

}
.bot-nav .nav-auto .rt a{
    display: block;
}
.bd2 {
    border: 1px solid #d1d1d1;
}
.bdt1{
    border-bottom: 1px solid #22a847;
}
.bdt2{
    border-top: 2px solid #64cf81;
}
.cl11 {
    color: #ffffff;
    float: left;
}
.cl4 {
    color: #22a847;
}
.cl5 {
    color: #ff9400;
}
.cl6 {
    color: #53b7d8;
}
.a23{
    margin-right: 8px;
    margin-top: 6px;
}
.bdb4 {
    border-bottom: 1px solid #f8bb5c;
}
.bdb5 {
    border-bottom: 1px solid #53b7d8;
}
.bdt3 {
    border-top: 2px solid #f8bb5c;
}
.bdt4 {
    border-top: 2px solid #53b7d8;
}
.bdb6 {
    border-bottom: 2px solid #22a847;
}
.mr10 {
    margin-right: 10px;
}


/*footer*/
.footer{
    width: 100%;
    height: 80px;
    padding: 40px 0;
    background: #58aa3b;
    margin-top: 20px;
}
.nr{
    width: 1002px;
    margin: auto;
    overflow: hidden;
}
#_span_jiucuo img{
    margin-right: 30px!important;
    margin-top: 10px!important;
    padding-left: 150px!important;
}
.footer img{
    /*margin-left: 0;*/
    float: left;

}
.footer .r{
    float: left;
    margin-left: 10px;
}
.footer .r p{
    font-size: 12px;
    color: white;
    line-height: 20px;
    margin-top: 5px;
}
.footer .r p span{
    margin-left: 5px;
}

/*list  CSS*/
.list-top{
    width: 960px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #d1d1d1;
    background-color: white;
    padding-left: 38px;
    margin:0 auto;
    margin-top: 15px;
}
.list-top a{
    display: inline;
    color: #000;
}
.hdjl{
    width: 1000px;
    margin: auto;
    margin-top: 17px;
    overflow: hidden;
}
.hdjl .left {
    width: 274px;
    float: left;
}
.hdjl .left h2{
    font-size: 16px;
    font-weight: normal;
    width: 263px;
    color: white;
    background-color: #23a849;
    height: 31px;
    line-height: 31px;
    text-align: center;
}
.hdjl .left .menu{
    width: 263px;
    background-color: #ececec;
}
.hdjl .left .menu ul li {
    width: 261px;
    line-height: 38px;
    border: 1px solid #d1d1d1;
    border-top: none;
    font-size: 14px;
    text-align: center;
    float: left;
    display: block;
    background-color: #FFF;
}
.menu ul li a {
    display: block;
    color: #000;
}
.hdjl .right {
    min-height: 450px;
}
.hdjl .right {
    float: right;
    width: 705px;
    border: solid 1px #d1d1d1;
    background: white;
    padding-bottom: 30px;
}
.hdjl .right .nr08 {
    width: 638px;
    margin: auto;
    margin-top: 20px;
}
.hdjl .right .nr08 dd {
    font-size: 14px;
    line-height: 35px;
    border-bottom: dashed 1px #d1d1d1;
    overflow: hidden;
    height: 35px;
    display: block;
}
.hdjl .right .nr08 dd a {
    float: left;
    color: #000;
}
.hdjl .right .nr08 dd p {
    float: right;
}
.right .number{ display:table; margin:40px auto 0;}
.right .number .on{ background:#58aa3b;}
.right .number .on a{ color:#fff;}
.right .number dl{border:1px solid #ccc;}
.right .number dd{ float:left; border:none; text-align: center;border-right:1px solid #ccc;}
.right .number dd:hover{ background:#58aa3b;}
.right .number dd:hover a{ color:#fff; }
.right .number dd a{display:block; padding:10px;font-size: 12px; color:#333;  text-align: center;}
.right .number .no_border{border-right:0;}

/*detail CSS*/
.detail_tittle {
    text-align: center;
    color: #22a847;
    padding: 20px 20px;
    line-height: 30px;
    font-size: 1.15em;
    border-bottom: 1px solid #d5d5d5;
}
.detail_intro {
    text-align: center;
    margin: 20px;
    color: #959595;
    font-size: 0.8em;
}
.detail_content {
    margin-top: 20px;
    padding: 0 20px;
}
.inpage_form_intro {
    font-family: initial;
    padding: 0 20px;
}
.inpage_content{
    width:1000px;
    margin:auto;
    background-color:white;
    margin-top: 17px;
    border: 1px solid #d1d1d1;
    padding-bottom: 20px;
}
.content{
    height:100%;
    background-color:white;}


@media screen and (max-width: 980px) {
    .top-nav{display:none;}
    .mid-nav .nav01{ width:100%;}
    .mid-nav .nav-logo{ width:100%;}
    .mid-nav .nav01 img{ width:100%;}

    .nav02{overflow-x: scroll;}
    .footer{height:auto;}
    .nr{width:100%;}
    .footer img{ float:none;margin: 0 auto; display:block; text-align: center;}
    .list-top{width:100%; height:auto;line-height: normal; padding: 5px 0;}
    .inpage_content{ width:100%;}
    .hdjl{ width:100%;}
    .hdjl .left{ width:100%;float:none;}
    .hdjl .left h2{ width:100%;}
    .hdjl .left .menu{ width:100%;}
    .hdjl .left .menu ul li{ width:100%;float:none;}
    .hdjl .right{ width:100%;float:none;}
    .hdjl .right .nr08{ width:98%;margin:0 auto;}
    .hdjl .right .nr08 dd a{ width:72%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .hdjl .right .nr08 dd p{ width:28%; text-align: right;}
    .right .number{ display:table; margin:40px auto 0;}
    .right .number .on{ background:#58aa3b;}
    .right .number .on a{ color:#fff;}
    .right .number dl{border:1px solid #ccc;}
    .right .number dd{ float:left; border:none; text-align: center;border-right:1px solid #ccc;}

    .right .number dd a{display:block; padding:10px;font-size: 12px; color:#333;  text-align: center;}
    .right .number .no_border{border-right:0;}
}