.bsm{margin-top: 80px;}

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

.banner .swiper-pagination-bullet{width:18px; height:18px; background: #fff; opacity: 1; margin:0 6px !important; transform: translateY(-10px);}
.banner .swiper-pagination-bullet-active{background: #008c41;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px; height: 50px;  background: #fff; border-radius: 50%; font-family: "微软雅黑"; text-align: center; line-height: 50px; color: #666; font-size: 25px;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{display: none;}
.banner .swiper-button-prev:hover{color: #000;}
.banner .swiper-button-next:hover{color: #000;}






/**/
.part1{padding-top: 70px; padding-bottom: 40px; text-align: center;}
.part1 h2{font-family: "EU-F7"; font-size: 30px; line-height: 1; color: #338f39; text-transform: uppercase;}
.part1 h3{display: inline-block; position: relative; margin-top: 15px; padding: 0 22px; font-size: 26px; color: #222; line-height: 1; font-weight: bold;}
.part1 h3:after,
.part1 h3:before{position: absolute; top: 45%; display: block; content: ""; width: 15px; height: 3px; background: #338f39;}
.part1 h3:after{left: 0px;}
.part1 h3:before{right: 0px;}
.part2 h2,
.part2 h3{color: #fff;}
.part2 h3:after,
.part2 h3:before{background: #fff;}





/*新闻*/
.news{background: url("../images/news-bj.jpg") no-repeat center; padding:80px 0 100px;}
.title-news{text-align: center;}
.title-news i{margin: 0 auto;}
.news-main{display: flex; justify-content: space-between; margin-top: 50px;}
.news-item{width: 380px; height: 285px; position: relative;}
.news-item>a{width: 100%; height: 100%; display: block;}
.news-item .zhut{width: 100%; height: 100%; position: relative; overflow: hidden;}
.news-item .zhut img{display: block; width: 100%; height: 100%; transition: 0.5s;}
.news-item .zhut span{width: 100%; height: 75px; position: absolute; bottom: 0; left: 0;background: #ff0008; color: #fff;font-size: 14px; text-align: center; line-height: 75px; transition: 0.5s;}
.news-item:hover .zhut span{bottom: -75px;}
.news-item:hover .zhut img{transform:scale(1.2);}

.news-item .ceng{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #ff0008; z-index: 100; display: flex; justify-content: center; align-items: center;transform: rotateY(90deg); opacity: 0; transition: 0.3s;}
.news-item .ceng .box{width: 95%; height: 95%; border: 1px solid #fff; text-align: center; padding-top: 58px;}
.news-item .ceng .box b{font-size: 20px; color: #fff; font-weight: 300; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.news-item .ceng .box span{display: block;color: #fff; font-size: 14px; text-align: left; margin-left: 30px; margin-top: 30px;}
.news-item .ceng .box p{color: #fff; font-size: 14px; width: 300px; margin: 0 auto; text-align: left; margin-top: 20px;}
.news-item .ceng .box .news-btn{display: block; width: 100px;  color: #fff; font-size: 14px; text-align: left; margin-left: 30px; margin-top: 20px;}

.news-item:hover .ceng{transform: rotateY(0) ; opacity: 1;}
/**/

/**/
.pro-main{display: flex; margin: 80px auto;}
.title-pro span{color: #338f39; font-size: 14px; display: block; margin-top: 15px;}
.pro-left{width: 250px; padding-top: 30px;}
.pro-left .text{width: 230px; font-size: 14px; margin-top: 15px;}
.pro-left .pro-btn{display: block; width: 150px; height: 50px; border: 1px solid #ccc; text-align: center; line-height: 50px; color: #333; margin-top: 30px; transition: 0.3s;}
.pro-right{width: 880px; margin-left: 80px;}
.pro-right ul{width: 100%;display: flex;}
.pro-right ul li{width: 270px; height: 460px; margin-right: 30px;}
.pro-right ul li:last-child{margin-right: 0;}
.pro-right ul li a{display: block; width: 100%; height: 100%; position: relative;}
.pro-right ul li .pic{width: 100%; height: 100%; position: absolute; left: 0;top: 0; position: relative;}
.pro-right ul li .pic img{width: 100%; height: 100%; display: block;}
.pro-right ul li .pic .bm{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:#fff; opacity: .5; transition: 0.5s;}
.pro-right ul li .pro-con{width: 100%; height: 100%; position: absolute;top: 0; left: 0;}
.pro-right ul li .pro-con .sanj{width: 70px; height:70px; background: #338f39; transform: rotateZ(45deg); margin: 180px auto 40px; display: flex; justify-content: center; align-items: center;}
.pro-right ul li .pro-con .sanj img{width: 50%; transform: rotateZ(-45deg);}
.pro-right ul li .pro-con p{text-align: center; color: #000;font-size: 18px; font-weight: bold;}

.pro-right ul li:first-child{margin-top: 100px;}
.pro-right ul li:nth-child(3){margin-top: 100px;}

.pro-right ul li:hover .pic .bm{opacity: 0;}
.pro-left .pro-btn:hover{background: #338f39; color: #fff;}
/**/
.investment{width: 100%; height: 350px; margin-top: 0px;}
.investment .swiper-slide{width: 100%; height:350px; position: relative;}

.investment-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}

.investment .swiper-pagination-bullet{width: 14px; height: 14px;background: none; border: 1px solid #fff;}
.investment .swiper-pagination-bullet-active{background: #fff;}

.investment .swiper-slide .title-investment{position: relative; z-index: 101; text-align: center; margin-top: 100px;}
.investment .swiper-slide .title-investment p{color: #fff;}
.title-investment span{font-size: 20px; color: #fff;position: relative;}
.title-investment span::after{display: block;content: ""; width: 100px; height: 2px; background: #fff; position: absolute; left: 105%;top: 14px;}
.title-investment span::before{display: block;content: ""; width: 100px; height: 2px; background: #fff; position: absolute; right: 105%; top: 14px;}
.title-investment b{font-weight: 300; font-size: 16px; color: #fff; display: block; margin-top: 20px;}



.cp_bj{width: 100%; background: url('../images/cp_bj.jpg') no-repeat top center; overflow: hidden;}

/**/
.zz_bj{width: 100%; background: url('../images/zz_bj.jpg') no-repeat top center; overflow: hidden;}
.shi_ul01{display: block;padding: 0px 0 0;height: 140px;width: 1200px; margin: 0 auto;}
.shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url('../images/yin_ico07.png') no-repeat 20px 18px;width: 300px;float: left;padding: 0 0 0 50px; box-sizing: border-box;}


/**/
.about_con{float: left; width: 400px; margin-top: 70px}
.about_con h2{padding-top: 0px; font-size: 14px; line-height: 1; color: #338f39; text-transform: uppercase;font-family: "tt0282m"; }
.about_con h3{padding-top: 15px; font-size: 26px; line-height: 1; font-weight: bold; color: #222;}
.about_con h3:after{display: block; content: ""; margin-top: 18px; margin-bottom: 25px; width: 50px; height: 3px; background: #007408;}
.about_con p{padding-top: 0px; padding-bottom: 20px; font-size: 14px; line-height: 32px;}

.about_img{float: right;}
.about_video{float: right; margin: 70px 0; width: 650px; height: 420px;}
.about_video video{width:100%; height:420px; object-fit:fill;}

/**/
.index_more{width: 130px; height: 36px; line-height: 36px; margin-top: 0px; overflow: hidden; display:block; transform:translateX(-50%); margin-left:65px; position: relative; background-color: #338f39; border:1px solid #338f39; text-align: center;border-radius:25px;}
.index_more p{transition: 0.5s; position: relative; z-index: 10;font-size: 14px !important; color: #fff;}
.index_more::after{display: block; content: ""; position: absolute;top: 0; left: 0; width: 0;height: 100%;background-color: #edf7fd; transition: 0.5s; z-index: 9;}
.index_more:hover::after{width: 100%;}
.index_more:hover p{color: #338f39 !important;}


.about_bg{width: 100%; background: url('../images/about_bj.jpg') no-repeat top center; overflow: hidden;}
/**/
.news_bg{background: #f1f5f6; overflow: hidden;}
.list2{padding-bottom: 85px;}
.list2 .hd{text-align: center;}
.list2 .hd ul{margin-bottom: 40px;}
.list2 .hd ul li{display: inline-block; margin: 0 3px; width: 100px; line-height: 35px; font-size: 14px; text-align: center; background: #d7d7d7; border-radius: 5px; cursor: pointer;}
.list2 .hd ul li.on{background: #338f39; color: #fff;}
.list2 .bd ul{overflow: hidden; margin-left: -20px;}
.list2 .bd ul li{float: left; width: 25%;}
.list2 .bd ul li a{display: block; margin-left: 20px;}
.list2 .bd ul li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}
.list2 .bd ul li span:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 0%; background: #338f39; opacity: 0;}
.list2 .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list2 .bd ul li span em{position: absolute; left: 50%; bottom: 0%; margin-left: -15px; margin-bottom: -15px; z-index: 10; font-size: 30px; color: #fff; opacity: 0;}
.list2 .bd ul li h2{padding-top: 17px; padding-bottom: 15px; font-size: 14px; font-weight: bold; color: #333;}
.list2 .bd ul li p{color: #888; line-height: 24px;}
.list2 .bd ul li i{margin-top: 22px; display: inline-block; width: 90px; text-align: center; line-height: 30px; background: #338f39; font-style: normal; color: #fff;font-size: 12px}

.list2 .bd ul li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.list2 .bd ul li a:hover span:after{height: 100%; opacity: 0.8;}
.list2 .bd ul li a:hover span em{bottom: 50%; opacity: 1;}
.list2 .bd ul li a:hover h2{color: #338f39;}
.list2 .bd ul li a:hover i{background: #228128;}
.list2 .hd ul li,
.list2 .bd ul li h2,
.list2 .bd ul li span img,
.list2 .bd ul li span:after,
.list2 .bd ul li span em,
.list2 .bd ul li i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.link{ padding: 25px 0; width: 100%; }
.link ul{overflow: hidden; width: 1200px;margin: 0 auto;}
.link ul li{float: left; margin-right: 20px; line-height: 22px; color: #fff; font-size: 14px; font-weight: normal;}
.link ul li.ok{background:#338f39; border-radius:50px; padding: 6px 20px;}
.link ul li a{color: #333; font-weight: normal;padding: 6px 0;display: block}
.link ul li a:hover{color: #338f39;}



.img_list2{overflow: hidden; margin: 0 0 0 -18px;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin-left: 15px;}
.img_list2 li span{display: block; position: relative; padding-bottom: 83.33%;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%; padding: 5px;}
.img_list2 li h2{text-align: center; font-size: 14px; font-weight: normal; line-height: 25px; padding: 0 0 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333}

.img_list2 li span:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; border:0px solid #d6d6d6;}
.img_list2 li a:hover span img{ transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
    transform: scale(1.1);}
.img_list2 li a:hover span:after{}