@charset "utf-8";
@font-face {
    src: url("../fonts/fz.ttf");
    font-family: 'fzzz';
}
@font-face {
    src: url("../fonts/pfscbd.ttf");
    font-family: 'pf';
}
*{
    font-family: 'pf';
}
@media(max-width:1200px){
    body{
        min-width:2560px
    }
}
.header{
    background: url("../images/banner.png") center top no-repeat;
    height:700px;
}
.warp{
    background: #fff;
}
.grid, .main, .side{
    background: none;
    box-shadow: none;
    padding-left:0px;
    padding-right:0px
}
.grid>h3{
    width: 100%;
    height:48px;
    background: url("../images/h3.png") center center no-repeat;
    line-height:48px;
    text-align: center;
    background-size: 100%;
}
.grid>h3 a{
    color:#188c5f;
    font-family: 'fzzz';
    font-size:48px
}
.p1 .list-t li h4{
    color:#0a774d;
    font-size:24px;
    line-height:32px;
    margin-bottom:20px
}
.p1 .list-t li p{
    color:#6f9b8a;
    font-size:18px;
    line-height:32px
}
.p1 .row,.p2 .row,.p3 .row{
    margin-left:-20px;
    margin-right:-20px
}
.p1 .list-t li{
    padding-left:20px;
    margin-top:40px;
    padding-right:20px;
}
.p1 .list-t li a{
    background-color:#f2f8e8;
    padding:30px 25px;
    border-top:5px solid #2d8e47;
    white-space: normal;
    height:213px
}
.p1 .list-t li:hover a{
    background-color:#2d8e47;
    border-top:5px solid #a1cc58;
}
.p1 .list-t li:hover h4,.p1 .list-t li:hover p{
    color:#fff
}
.p1 .list-t li:before,.p3 .list-t li:before{
    display: none;
}
.p1 .more a{
    color:#ffffff;
    background-color:#2d8e47;
    font-size:24px;
    display: block;
    margin:40px auto 20px;
    width: 260px;
    line-height:60px;
    text-align: center;
}
.p2 .list-p>div{
    padding-left:20px;
    padding-right:20px;
}
.p2 .list-p>div img{
    width:100%;
    height:580px
}
.list-p div a{
    margin:0px
}
.p2 h3{
    margin-bottom:35px
}
.p3 .list-t li{
    padding-left:20px;
    padding-right:20px;
    margin-top:40px
}
.p3 .list-t li a{
    background:#f2f8e8 ;
    height:108px;
    color:#0a774d;
    font-size:24px;
    line-height:32px;
    padding:22px;
    display: block;
    white-space: normal;
    border-left:5px solid #2d8e47
}
.p3 .list-t li:hover a{
    background-color:#2d8e47;
    border-left:5px solid #a1cc58;
}
.p3 .list-t li:hover a{
    color:#fff
}
.topic .scroll{
    margin:0px
}
.topic-prev {
    left: 20px;
}
@media(max-width:1024px){
    .grid{
        padding-left:10px;
        padding-right:10px
    }
    .header{
        height:500px
    }
    .grid h3{
        background-size: auto;
    }
}
@media(max-width:768px){
    .header{
        height:400px;
    }
    .header .banner{
    padding-left:10%;
    padding-right:10%
    }
    .header .banner img{
        width:100%;
    }
    .content{
        margin-top:20px
    }
    .p3 .list-t li,.p3 .list-t li a,.p1 .list-t li a{
        height:auto
    }
}
@media(max-width:480px){
    .header{
        height:auto
    }
    .header .banner{
        padding-bottom:30px;
    }
}
.flex{
    position: fixed;
    left: 50%;
    margin-left:-888px;
    top: 455px;
    width:228px;
    height:469px;
}
.dw{
    width:228px;
    height:469px;
    background:url("../images/bg.png") top center no-repeat;
    padding-top:40px
}
.dw li{
    width:228px;
    height:83px;
    background:url("../images/dingdian.png") top center no-repeat;
    line-height:70px;
    margin-bottom:10px;
    text-align: center;
}
.dw li a{
    color:#fff;
    font-size:28px;
    text-align: center;
}
.dw li.current a{
    color:#fff44c
}
@media(max-width:1200px){
    .flex{
        display:none
    }
}