*{
    margin:0;
    padding: 0;
}
img{
    vertical-align: middle;
    /* width: 100%; */
    /* height: 240px; */
}
.container{

    width: 1165px;

    margin: 0 auto;

    text-align: center;


    /* min-width: 1200px; */
}

.top{

    overflow: hidden;

    background: #76a314;

    height: 30px;

    line-height: 30px;
}
.topL{

    float: left;

    color: #fff;
}
.topR{

    float: right;

    color: #fff;
}
.topR a{

    color: #fff;

    text-decoration: none;
}
.nav{

    /* overflow: hidden; */

    height: 101px;

    width: 100%;

    background: url('../images/navbg.png') no-repeat;

    background-size: 100% 205%;
}
.navL{

}
.nav a{

    float: left;

    width: 19%;

    display: block;

    height: 93px;
}
.nav1{
    background: url(../images/nav1.png) no-repeat center;
}
.nav1:hover{
    background: url(../images/nav11.png) no-repeat center;
}
.nav2{
    background: url(../images/nav2.png) no-repeat center;
}
.nav2:hover{
    background: url(../images/nav22.png) no-repeat center;
}
.nav3{
	 background: url(../images/nav7.png) no-repeat center;
    
}
.nav3:hover{
    background: url(../images/nav77.png) no-repeat center;
}
.nav4{
    background: url(../images/nav5.png) no-repeat center;
}
.nav4:hover{
    background: url(../images/nav55.png) no-repeat center;
}
.nav5{
    background: url(../images/nav4.png) no-repeat center;
}
.nav5:hover{
    background: url(../images/nav44.png) no-repeat center;
}
.nav6{
    background: url(../images/nav6.png) no-repeat center;
}
.nav6:hover{
    background: url(../images/nav66.png) no-repeat center;
}
.nav7{
    background: url(../images/nav3.png) no-repeat center;
}
.nav7:hover{
    background: url(../images/nav33.png) no-repeat center;
}
.nav8{
    background: url(../images/nav8.png) no-repeat center;
}
.nav8:hover{
    background: url(../images/nav88.png) no-repeat center;
}
.nav9{
    background: url(../images/nav9.png) no-repeat center;
}
.nav9:hover{
    background: url(../images/nav99.png) no-repeat center;
}
.nav10{
    background: url(../images/nav10.png) no-repeat center;
}
.nav10:hover{
    background: url(../images/nav1010.png) no-repeat center;
}




.navM{

    float: left;

    width: 142px;

    height: 101px;

    position: relative;
	top:-30px;
}
.navM img{

    position: absolute;

    left: 0;

    z-index: 10;

    width: 106px;
}
.navL{

    float: left;

    overflow: hidden;

    width: 42%;
}

.banner{

    overflow: hidden;

    width: 100%;
}
.banner img{
    width: 100%;
}
.gonggao{

    background: #76a314;

    overflow: hidden;

    width: 100%;

    padding: 6px 0px;
}
.gonggaoL{

    float: left;

    color: #fff;

    width: 10%;
}
.gonggaoL img{

    vertical-align: middle;
}
.gonggaoR{

    float: left;

    width: 90%;
}
.gonggaoR a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-right: 1px solid #fff;
    padding-right: 24px;
}
.advangtage{

    overflow: hidden;
    background: url('../images/adbg.png') no-repeat bottom;
    background-size: 100% ;
}
.advans{width: 1200px;margin: 0 auto;margin-top: 50px;}
.advansitem:hover img{
    /*margin-top: 10px;*/

    transform: scale(1.1);
}
.advansitem{
    /*transition:  3ms;*/

    display: inline-block;

    text-align: center;

    margin: 0 1%;

    width: 15%;
}
.advansitem:hover{transition:all 0.4s ease-out;
    transform:translateY(-20px);}

.advansitem img{width: 180px;transition: 3ms;max-width: 200px;}
.intro{

    overflow: hidden;

    margin: 50px auto;

    width: 1071px;
}
.introtit{

    float: left;

    width: 19%;
}
.introtit img{

    width: 100%;
}
.introtxt{

    float: left;

    width: 430px;

    font-size: 16px;

    color: #2c3b2e;

    text-align: left;

    line-height: 39px;

    margin: 0 3%;

    width: 42%;
}
.introvideo{

    float: left;

    width: 29%;

    height: 230px;

    border: 10px solid #76a314;

    border-radius: 10px;

    overflow: hidden;
}
.wenhua{

    overflow: hidden;

    /* text-align: left; */

    padding: 100px 0;

    background: url('../images/wenhuabg.png');

    background-size: 100% 100%;

    /* width: 90%; */

    /* margin: 0 auto; */
}
.wenhuaL{

    float: left;

    display: inline-block;

    width: 32%;
}
.wenhuaL img{

    /* height: 328px; */

    /* width: 331px; */
}
.wenhuatit{

    float: left;

    display: inline-block;

    margin: 0 42px;
}
.wenhuatit img{

    width: 300px;

    margin: 2%;
}
.wenhuatxt{

    float: left;

    display: inline-block;
}
.wenhuatxt img{

    /* height: 380px; */

    margin-left: 10px;


}
.honor{

    overflow: hidden;

    padding: 55px 0;
    background: url('../images/tr1.png');
}
.honor .container{

    width: 1124px;

    margin: 0 auto;
}
.wenhua .container{

    width: 1103px;

    margin: 0 auto;

    overflow: hidden;
}
.honortit{

    float: left;

    width: 200px;
}
.honortit img{

    width: 174px;
}
.honoerR{

    float: left;

    width: 829px;

    margin-left: 32px;
}
.honoerR a{
    color: #76a314;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
}
.honoerR a img{
    width: 202px;
    height: 167px;
    margin-bottom: 15px;
    padding-left: 4px;
    /* float: right; */
}
.time{

    overflow: hidden;

    background: url("../images/timebga.png") no-repeat;

    background-size: 100% 100%;

    height: 820px;
}
.timeL{

    float: left;

    margin: 12% 11%;
}
.timeL img{

    width: 300px;
}
.tiemR{

    float: left;

    width: 565px;

    height: 500px;

    overflow-y: scroll;

    margin-top: 119px;
}
.tiemR::-webkit-scrollbar-track { /* 定义滚动条轨道  内阴影+圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: none;
}

.tiemR::-webkit-scrollbar { /*滚动条整体样式*/
    width: 0px;
    background-color: none;
    border-radius: 5px;
}

.tiemR::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #none;
}
.zhou{

    position: absolute;

    height: 98%;

    width: 2px;

    background: #007953;

    left: 8px;

    z-index: 0;

    top: 11px;
}
.cir{

    display: inline-block;

    float: left;
}
.cir img{

}
.crtime{

    display: inline-block;

    float: left;
	text-align:left;
    width: 105px;
}
.creatname{

    float: left;

    display: block;

    width: 419px;

    text-align: left;
}
.timeRcon{
    color: #007953;
    position: relative;
    overflow: hidden;
}
.timeRcon p{
    overflow: hidden;
    margin: 14px 0px;
}
.news{

    overflow: hidden;

    padding: 100px 0;

    background: url('../images/newsbg.png');
}
.newstit1{

    color: #76a314;

    float: left;
}
.newstit1 img{

    width: 190px;
}
.newsM{

    float: left;

    width: 42%;

    margin: 0 10px;

    margin-left: 37px;
}
.newslist{

    overflow: hidden;

    display: block;

    margin: 14px;

    color: #77a317;
}
.newslistL{

    float: left;

    background: url('../images/timebg.png');

    background-size: 100% 100%;

    width: 59px;

    height: 60px;

    text-align: center;

    color: #ffff;
}
.newslistL p:first-child{

    margin: 8px 0;
}
.newslistL p:last-child{

    font-size: 14px;
}
.newslistR{

    float: left;

    margin-left: 10px;

    text-align: left;

    margin-left: 15px;

    width: 80%;
}
.newstit{

    float: left;

    font-size: 16px;

    height: 24px;

    overflow: hidden;
}
.newsDes{

    font-size: 12px;

    color: #6f7967;

    width: 100%;

    line-height: 19px;

    height: 40px;

    overflow: hidden;
}
.newsR{

    float: left;

    width: 400px;
}
.bannernews{

    display: block;

    width: 400px;

    position: relative;
}
.bannernews img{
    width: 100%;
    height: 240px;
}
.bannernewsTit{

    position: absolute;

    bottom: 0;

    height: 41px;

    line-height: 40px;

    color: #ffff;

    width: 100%;

    background: rgba(255,255,255,.2);
}
.footer{

    background: #77a317;

    overflow: hidden;
}
.footerlogo{

    float: left;

    width: 20%;
}
.footerlogo img{
    width: 200px;
}
.footerR{

    float: left;

    width: 80%;
}
.footerTop{

    overflow: hidden;

    height: 220px;

    width: 90%;

    margin: 0 auto;
}
.footerlink{

    float: left;

    border-right: 1px solid #fff;

    width: 100px;

    height: 140px;

    margin-top: 39px;
}
.footerlink a{

    text-decoration: none;

    color: #fff;

    display: block;

    margin: 5px 0px;
}
.footerlink p{
    color: #fff;
}
.copyright{

    border-top: 1px solid #fff;

    color: #fff;

    font-size: 14px;

    height: 44px;

    line-height: 29px;

    text-align: center;
}
.tr{
    background: url("../images/tr2.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
}
.banners2 {
    position: relative;

    overflow: hidden;
    margin: 0px auto 0;
    border-radius: 0px;
}

.banners2 .swiper-pagination2 {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 19px;
    z-index: 10;
    text-align: center;
    width: 100%;
}

.banners2 .swiper-pagination2 span {
    height: 8px;
    width: 8px;
    border-radius: 5px;
}

.banners2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    text-align: right;
    display: inline-block;
    border-radius: 50%;
    background: #ffff00 !important;

    /*background: rgba(0,0,0,.2);*/
    opacity: 1
}

.banners2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
    border: 0px solid #fff;
    text-align: right;
    width: 8px !important;
    height: 8px !important;
}
.banners2 .swiper-pagination{
    text-align: right;
}

.news .container{
    width: 1101px;
    margin: 0 auto;
}
.footer .container{
    width: 1100px;
}
.gonggao .container{
    width: 1200px;
}
.nav .container{
    width: 1026px;
}
.top .container{
    width: 1000px;
}
.swiper-wrapper{
    width: 90%;
}