@charset "utf-8";
.group{
    padding-top: 62px;
    padding-bottom: 110px;
}
.group .title{
    margin-bottom: 65px;
    text-align: center;
}
.group .title h3{
    font-size: 30px;
}
.group .title p{
    font-size: 15px;
}
.group .content{
    width: 1200px;
}
.group .content .s-title{
    margin-bottom: 72px;
}
.group .content .s-title ul li{
    width: 50%;
    height:80px ;
    background-color: #f2f2f2;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
}
.group .content .s-title ul li.on{
    background-color: #449c4a;
}
.group .content .s-title ul li a.on{
    color: white;
}
.group .content .g-news{
    padding-bottom: 92px;
}
.group .content .g-news .list{
    margin-bottom: 25px;
}
.group .content .g-news .list li{
    width: 525px;
    height: 135px;
    margin-bottom: 40px;
    padding: 32px;
    background-color: #f2f2f2;
}
.group .content .g-news .list li:nth-child(even){
    margin-left:22px ;
}
.group .content .g-news .list li img{
    vertical-align: middle;
}
.group .content .g-news .list li .center{
    width: 272px;
    margin-left: 20px;
    vertical-align: middle;
}
.group .content .g-news .list li .center h4{
    margin-bottom: 20px;
    color: #585858;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.group .content .g-news .list li .center p{
    color: #8d8d8d;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.group .content .g-news .list li i {
    width: 1px;
    height: 135px;
    margin-left: 30px;
    margin-right: 10px;
    background-color: #dadada;
    vertical-align: middle;
}
.group .content .g-news .list li .date {
    vertical-align: middle;
    text-align: center;
}
.group .content .g-news .list li .date p{
    color: #818181;
}
.group .content .g-news .list li .date p:nth-child(1){
    font-size: 48px;
}
.group .content .g-news .list li .date p:nth-child(2){
    font-size: 12px;
}
#btn{
    width: 310px;
}
#btn .prv,
#btn .next,
#btn .center{
    vertical-align: middle;
    font-size: 20px;
}
#btn .center{
    margin: 0 20px;
}
#btn .prv,
#btn .next,
#btn .center li{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
#btn .center li.on{
    background-color: #449c4a;
    color: white;
}
#btn .prv,
#btn .next{
    border: 1px solid #bdbdbd;
}
.group .content .video{
}
.group .content .video .v-title{
    text-align: center;
    margin-bottom:35px ;
}
.group .content .video .v-title h3{
    font-size: 30px;
}
.group .content .video .v-title p{
    font-size: 20px;
}
.group .content .video .vc .v-content{
    width: 1026px;
}
.group .content .video .vc .v-content ul{
    /*width: 2052px;*/
    transition: margin-left .3s;
}
.group .content .video .vc .v-content ul li{
    width: 1026px;
}
.group .content .video .vc .prv,
.group .content .video .vc .next{
    top: 50%;
    width: 42px;
    height: 74px;
    margin-top:-37px ;
    z-index: 1;
}
.group .content .video .vc .prv{
    background: url("../img/prv.png") no-repeat center top/100%;
}
.group .content .video .vc .next{
    right: 0;
    background: url("../img/next.png") no-repeat center top/100%;
}
.details{
    padding-top: 62px;
    padding-bottom: 110px;
}
.details .d-title{
    margin-bottom: 65px;
    text-align: center;
}
.details .d-title h3{
    font-size: 30px;
}
.details .d-title p{
    font-size: 15px;
}
.details .content{
    width: 1200px;
    padding-bottom: 200px;
}
.details .content .s-title{
    margin-bottom: 72px;
}
.details .content .s-title ul li{
    width: 50%;
    height:80px ;
    background-color: #f2f2f2;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
}
.details .content .s-title ul li.on{
    background-color: #449c4a;
}
.details .content .s-title ul li a.on{
    color: white;
}
.details .content .article{
}
.details .content .article h4{
    text-align: center;
    font-size:26px ;
}
.details .content .article h3{
    margin-bottom: 87px;
    text-align: center;
    font-size: 14px;
}
.details .content .article p{
 /*   color: #8d8d8d;
    font-size: 16px;
    text-indent: 32px;
    text-align: justify;*/
}
.details .content .article img{
    margin: 20px auto;
    display: block;
    max-width: 100% !important;
    height: auto !important;
}
.details .content .article ul li{
    color: #8d8d8d;
    line-height: 25px;
}