@charset "utf-8";
/* CSS Document */

/* banner */
.ibanner{ width:100vw; height:636px; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ width:100%; height:100%; background-size:cover !important; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.ibanner .control{ height:12px; position:absolute; left:50%; bottom:5%; z-index:5; transform:translateX(-50%);}
.ibanner .swiper-pagination{ height:12px; position:static;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:50%; opacity:1; margin:0 14px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ background:#2c9b51; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:32px; height:32px; background-size:auto 50% !important; top:50%; transform:translateY(-50%); margin:0;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:-36px;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:-36px;}

.ibox{ overflow:hidden; position:relative;}

.ibox .con{ width:1400px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:4.25; color:#333; font-size:36px; text-align:center;}
.ibox a.more{ display:block; width:154px; line-height:42px; color:#2c9b51; font-size:16px; text-align:center; border:2px solid #2c9b51; border-radius:23px; margin:0 auto; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#2c9b51;}

.box1{ padding:68px 0 64px;}
.box1 dl{ display:block; font-size:16px;}
.box1 dl::before,
.box1 dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 dl dt{ display:block; width:364px; overflow:hidden; position:relative; float:left; margin:0 0 48px;}
.box1 dl dt:nth-child(2){ float:right;}
.box1 dl dt:nth-child(5){ float:right; margin-top:-358px;}
.box1 dl dt > a{ display:block; overflow:hidden; background:#000; position:relative;}
.box1 dl dt > a::after{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(175,175,175,0), #364a3c); opacity:0.5; position:absolute; left:0; bottom:0; z-index:2;}
.box1 dl dt > a > img{ display:block; width:100%; height:310px; opacity:0.9;}
.box1 dl dt > a p{ display:block; width:100%; box-sizing:border-box; color:#fff; padding:0 26px 26px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:3;}
.box1 dl dt > a p img{ display:block; height:2.625em;}
.box1 dl dt > a p b{ display:block; line-height:1.58; font-size:1.5em; padding:0.42em 0 0;}
.box1 dl dt > a p span{ display:block; line-height:1.72; font-size:0.875em;}

.box1 dl dt.news{ width:576px; height:668px; box-sizing:border-box; background:#f6f6f6; padding:0 30px; margin:0 48px 48px; float:right;}
.box1 .slider{ width:576px; height:310px; font-size:16px; overflow:hidden; position:relative; z-index:1; margin:0 -30px;}
.box1 .slider .bd{ position:relative; height:auto; z-index:0;}
.box1 .slider .bd .tempWrap{ margin:0 auto;}
.box1 .slider .bd ul,
.box1 .slider .bd ul li,
.box1 .slider .bd ul li a{ display:block; overflow:hidden; position:relative;}
.box1 .slider .bd ul li a img{ display:block; width:100%; height:310px;}
.box1 .slider ul.titles{ display:block; width:100%; background:rgba(44,155,81,0.8); height:3.5em; position:absolute; left:0; bottom:0; z-index:2;}
.box1 .slider ul.titles li{ display:block; width:100%; line-height:3.5; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 120px 0 22px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.8s; transform:translateY(100%);}
.box1 .slider ul.titles li.current{ transform:translateY(0);}
.box1 .slider .hd{ z-index:1; position:absolute; right:16px; bottom:1.75em; z-index:9; transform:translateY(50%);}
.box1 .slider .hd ul{ display:block; overflow:hidden;}
.box1 .slider .hd ul li{ display:block; width:10px; height:10px; background:#fff; border-radius:50%; opacity:0.5; margin:0 6px; float:left; cursor:pointer;}
.box1 .slider .hd ul li.on{ opacity:1;}
.box1 dl dt.news h3{ display:block; line-height:1.625em; font-size:inherit; font-weight:normal; overflow:hidden; padding:36px 0 0;}
.box1 dl dt.news h3 em{ display:block; color:#176e34; font-size:1.5em; font-weight:bold; padding:0 0.6em; border-left:0.2em solid #176e34; float:left;}
.box1 dl dt.news h3 a{ display:block; color:#999; font-size:0.875em; float:right;}
.box1 dl dt.news h3 a:hover{ color:#176e34; text-decoration:underline;}
.box1 dl dt.news > ul{ display:block; overflow:hidden; padding:22px 0 0;}
.box1 dl dt.news > ul li{ display:block; overflow:hidden; padding:0 4px;}
.box1 dl dt.news > ul li a{ display:block; line-height:42px; color:#555; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; background:url(../images/icons/dot.png) left center no-repeat;}
.box1 dl dt.news > ul li a:hover{ color:#176e34; text-decoration:underline;}

.box1 dl dd{ display:block; width:364px; overflow:hidden; position:relative; float:left;}
.box1 dl dd:nth-child(6){ background:#4fc78d;}
.box1 dl dd:nth-child(7){ background:#b6cb64; width:576px; margin:0 48px;}
.box1 dl dd:nth-child(8){ background:#7ab1e0;}
.box1 dl dd > a{ display:block; color:#fff; text-align:center; padding:38px 28px; overflow:hidden; position:relative;}
.box1 dl dd > a img{ display:block; height:2.625em; margin:0 auto;}
.box1 dl dd > a b{ display:block; line-height:2.75; font-size:1.5em;}
.box1 dl dd > a p{ display:block; height:5.6em; line-height:1.86; font-size:0.9375em; text-align:left; padding:0.4em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

@media only screen and (max-width:1440px){
.ibanner{ height:546px;}

.ibox .con{ width:1200px;}

.box1 dl dt{ width:312px; margin:0 0 40px;}
.box1 dl dt > a > img{ height:268px;}
.box1 dl dt > a p{ padding:0 24px 20px;}

.box1 dl dt:nth-child(5){ margin-top:-308px;}

.box1 dl dt.news{ width:496px; height:576px; overflow:hidden; padding:0 24px; margin:0 40px 40px;}
.box1 .slider{ width:auto; height:268px; margin:0 -24px;}
.box1 .slider .bd ul li a img{ height:268px;}
.box1 dl dt.news h3{ padding:32px 0 0;}
.box1 dl dt.news > ul{ padding:18px 0 0;}
.box1 dl dt.news > ul li a{ line-height:36px; font-size:15px;}

.box1 dl dd{ width:312px;}
.box1 dl dd:nth-child(7){ width:496px; margin:0 40px;}
.box1 dl dd > a{ padding:35px 24px;}
.box1 dl dd > a p{ font-size:14px;}

}

@media only screen and (max-width:768px){
.ibanner{ width:100%; height:46vw;}
.ibanner .control{ height:10px; bottom:5%;}
.ibanner .swiper-pagination{ height:10px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 6px !important;}

.ibox .con{ width:calc(100% - 24px);}

.box1{ padding:20px 0 20px;}
.box1 dl{ font-size:12px;}
.box1 dl dt{ width:auto; float:none; margin:0 0 12px; float:none !important;}
.box1 dl dt > a > img{ height:50vw; object-fit:cover;}
.box1 dl dt > a p{ padding:0 1.5em 1.25em;}
.box1 dl dt:nth-child(5){ margin:0 0 12px;}

.box1 dl dt.news{ width:auto; height:auto; margin:0 0 12px; padding:0 16px;}
.box1 .slider{ height:50vw; font-size:14px; margin:0 -16px;}
.box1 .slider .bd ul li a img{ height:50vw;}
.box1 .slider .hd{ bottom:1.5em; right:1em;}
.box1 .slider .hd ul li{ margin:0 0 0 0.75em;}
.box1 .slider ul.titles{ height:3em;}
.box1 .slider ul.titles li{ line-height:3; padding:0 6em 0 1em;}
.box1 dl dt.news h3{ padding:26px 0 0;}
.box1 dl dt.news h3 a{ font-size:1em;}
.box1 dl dt.news > ul{ padding:16px 0 14px;}
.box1 dl dt.news > ul li{ padding:0;}
.box1 dl dt.news > ul li a{ line-height:2.625; font-size:14px;}

.box1 dl dd{ width:auto !important; float:none; margin:0 0 12px !important;}
.box1 dl dd > a{ padding:2em 1.5em 1.625em;}
.box1 dl dd > a p{ line-height:1.8; height:auto; font-size:13px; -webkit-line-clamp:99;}

}



























/**/