@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#555;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.5s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#e8e8e8;}
a:hover{color:#3cb034;}

/*header*/
.top{width:100%;background:#fff;}
.header{max-width:1024px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{transition:all 0.4s;}
.header .right a:hover{color:#3cb034;}

/*banner*/
.banner img{width:100%;}

/*头条*/
.tt{
	max-width:1024px;
	margin: auto;
	margin-top:10px;
    background:#fff;
}
.tt li{
    text-align: center;
    padding:10px 2%;
	transition:all 0.3s;
}
.tt li a{
	font-size:20px;
	font-weight:bold;
	color:#111;
}
.tt li:hover{
	background:#7cb554;
}
.tt li:hover a{
	color:#fff;
}

.fm{
    max-width:1024px;
    margin: auto;
    background:#fff;
    margin-top:20px;
}
.fl{
    float:left;
    width:48%;
}
.fl img{
    width:100%;
}
.fr{
    float:left;
    width:48%;
    margin-left:20px;
    padding-top:10px;
}
.fr p{
    font-size:18px;
    line-height:36px;
}
.fr strong{
    font-size:18px;
    color:#111;
    margin-right:2px;
}
.fr p a{
    margin:0 10px;
}
.show{
    display:block;
    font-size:18px;
    width:200px;
    margin: auto;
    margin-top:10px;
    background-color:#3cb034;
    color:#eee;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
    position:relative;
    transition:all 0.5s;
}
.show img{
    position:absolute;
    top:35px;
    left:-79px;
    opacity:0.95;
    display:none;
}
.show:hover{
    color:#fff;
}
.show:hover img{
    display:block;
}

.takeaway{
    max-width:1024px;
    margin:20px auto;
    display:flex;
    justify-content:space-between;
    background:#fff;
}
.takeaway li{
    padding:20px 40px;
}
.takeaway li:first-child{
    background:#7cb554;
}
.takeaway li:last-child{
    background:#7cb554;
}
.takeaway li h1{
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.takeaway li p{
    color:#fff;
    line-height:24px;
    margin-top:10px;
}

/*nav*/
.nav{
    max-width:1024px;
    margin: auto;
    display:flex;
    background:#fff;
    margin-top:20px;
    border-bottom:#ccc solid 2px;
}
.nav li{
    flex:1;
    font-size:20px;
    font-weight:bold;
    color:#333;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.5s;
}
.nav .current{
    background-color:#3cb034;
    color:#fff;
}
.nav li:hover{
    background-color:#3cb034;
    color:#fff;
}

.box-bg{
    max-width:1024px;
    margin: auto;
}
.box{
    width:100%;
    float:left;
    display:none;
    transition:all 0.5s;
}
.content{
    padding:30px 40px;
    background-color:#fff;
    background-image:url(images/bg.png);
    background-repeat:no-repeat;
    background-position:top left;
    border-bottom:#ccc solid 2px;
}
h2{
    font-size:24px;
    color:#7cb554;
    text-align:center;
}
.bl{
    float:left;
}
.bl h2{
    font-size:24px;
    color:#7cb554;
    text-align:center;
}
.bl img{
    width:480px;
    margin-top:10px;
}
.br{
    float:right;
    width:44%;
    padding:0 1%;
    background:#3cb034;
}
.br p{
    width:94%;
    margin: auto;
    font-size:16px;
    text-indent:2em;
    line-height:34px;
    color:#fff;
    margin-top:10px;
    padding-bottom:10px;
}
.br strong{
    color:#fff;
}
.br span{
    color:#3cb034;
    font-weight:bold;
    background:#fff;
    text-align:center;
    line-height:38px;
    border-radius:4px;
    padding:2px 4px;
    margin-right:2px;
}
.text{
    width:100%;
}
.text p{
    width:94%;
    margin: auto;
    text-indent:2em;
    line-height:30px;
    margin-top:10px;
    padding-bottom:10px;
}
.text span{
    color:#fff;
    font-weight:bold;
    background:#3cb034;
    text-align:center;
    line-height:38px;
    border-radius:4px;
    padding:2px 4px;
    margin-right:2px;
}
.text strong{
    color:#111;
}
.content p a {
    color: #3cb034;
    background: #fff;
    padding: 0 5px;
}


/*媒体采用*/
.mt{
    max-width:944px;
    margin: auto;
    margin-top:10px;
    background:#fff;
    padding:20px 40px;
}
.mt li{
    width:48%;
    float:left;
    padding-left:2%;
}
.mt h1{
    font-size:20px;
    color:#3cb034;
}
.mt p{
    line-height:30px;
    margin-top:10px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.5s;
}
.mt span{
    color:#111;
    font-weight:bold;
    transition:all 0.5s;
}
.mt p:hover a{
    color:#3cb034;
}
.mt_more{
    font-size:16px;
    color:#fff;
    background:#7cb554;
    text-align:center;
    line-height:32px;
    display:block;
}
.mt_more:hover{
    color:#fff;
}


/*往年报告*/
.xlbg{
    max-width:944px;
    margin: auto;
    margin-top:20px;
    background:#fff;
    padding:20px 40px;
}
.xlbg li{
    width:48%;
    float:left;
    padding-left:2%;
}
.xlbg h1{
    font-size:20px;
    color:#3cb034;
}
.xlbg h3{
    font-size:16px;
    color:#111;
    line-height:40px;
}
.xlbg p{
    line-height:30px;
}
.xlbg a{
    color:#3cb034;
    transition:all 0.5s;
}
.xlbg a:hover{
    border-bottom:#3cb034 solid 1px;
}


.zb{
    max-width:944px;
    margin:10px auto;
    background:#fff;
    padding:10px 40px;
}
.zb h1{
    font-size:20px;
    color:#3cb034;
    line-height:40px;
}
.zl{
    float:left;
    width:30%;
}
.zl a{
    font-size:22px;
    font-weight:bold;
    color:#3cb034;
    line-height:40px;
    text-align:center;
    display:block;
}
.zr{
    float:left;
    width:60%;
    margin-left:10%;
}
.zr p{
    font-size:16px;
    line-height:32px;
}
.zr p strong{
    font-size:16px;
    color:#333;
}
.zr img{
    float:right;
}

.end{
    width:100%;
    background:#fff;
    padding-top:10px;
    margin-top:10px;
}


/*移动端*/
@media(max-width:1024px){
    .dd p{
        font-size:14px;
        line-height:30px;
        letter-spacing:0;
    }

	.tt{
        padding:10px 0;
    }
    .tt li{
		flex:0 0 96%;
        text-align:center;
        padding:5px 0;
	}
    .tt li a{
        font-size:14px;
    }
    
    .fm{
        padding-bottom:10px;
    }
    .fl{
        width:100%;
    }
    .fr{
        width:100%;
        margin-left:0;
    }
    .fr p{
        font-size:14px;
        line-height:30px;
    }
    .fr strong{
        font-size:12px;
    }
    .show{
        margin-top:10px;
    }

    .takeaway{
        display:inherit;
    }
    
    .nav li{
        font-size:14px;
    }
    
    .content{
        padding:20px 10px;
    }
    h2{
        font-size:20px;
    }
    .bl h2{
        font-size:20px;
    }
    .bl img{
        width:100%;
    }
    .br{
        display:none;
    }
    .text p:last-child{
        text-indent:initial;
    }

    .mt{
        padding:20px 10px;
    }
    .mt h1{
        font-size:14px;
        text-align:center;
    }
    .mt li{
        width:98%;
        float:none;
        padding-left:0;
        text-align:center;
    }

    .text p{
        text-indent:inherit;
    }

    .xlbg{
        padding:20px 10px;
    }
    .xlbg h1{
        font-size:14px;
        text-align:center;
    }
    .xlbg h3{
        margin-top:20px;
    }
    .xlbg li{
        width:98%;
        float:none;
        padding-left:0;
        text-align:center;
    }
    .xlbg li p{
        line-height:28px;
    }

    .zb{
        padding:10px 20px;
    }
    .zl{
        float:none;
        width:80%;
        margin: auto;
    }
    .zr{
        float:none;
        width:100%;
        margin-top:10px;
        margin-left:auto;
    }
    .zr p{
        font-size:12px;
    }
    .zr p strong{
        font-size:12px;
    }
    .zr img{
        float:none;
        margin: auto;
    }
}