@charset "utf-8";
/* CSS Document */

/* banner */
.ibanner{ width:100%; height:370px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block;}
.ibanner .bd ul li a{ display:block; width:100%; height:370px; background-size:cover !important;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:24px;}
.ibanner .hd ul{ display:block; height:14px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:14px; height:14px; background:#fff; border-radius:50%; margin:0 8px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background:#009f3c;}

.main{ width:auto;}

/*主体样式*/
.ibox{ overflow:hidden;}
.ibox .con{ position:relative; padding:0 20px;}
.ibox h2{ display:block; line-height:134px; color:#333; font-size:40px; font-weight:normal; text-align:center; padding:4px 0 0;}

.box1{ padding:0 0 56px;}
.box1 .con{ overflow:hidden;}
.box1 img.pic{ display:block; width:258px; height:120px; object-fit:cover; margin:0 auto;}
.box1 a.more{ display:block; line-height:56px; color:#009f3c; font-size:20px; float:right; margin:16px 0 0;}
.box1 video{ display:block; width:100%; height:397px;}
.box1 .txt{ line-height:42px; color:#999; font-size:22px; text-align:center; overflow:hidden;}
.box1 a.btn{ display:block; width:120px; line-height:48px; color:#fff; font-size:20px; background:#009f3c url(../images/icons/arrow.png) right 44px center no-repeat; padding:0 44px; border-radius:24px; margin:16px auto 0;}

.box2{ padding:0 0 56px;}
.box2 ul{ display:block; overflow:hidden; margin:0 -14px;}
.box2 ul li{ display:block; width:50%; overflow:hidden; float:left;}
.box2 ul li a{ display:block; border:2px solid #f2f2f2; margin:0 14px 20px; position:relative;}
.box2 ul li a img{ display:block; width:100%; height:222px;}
.box2 ul li a span{ display:block; height:68px; line-height:34px; color:#333; font-size:22px; text-align:center; overflow:hidden; padding:14px 12px 12px; background:#f2f2f2;}
.box2 ul li a span font{ display:block; max-height:68px; margin-top:34px; transform:translateY(-50%);
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 ul li a:hover{ border-color:#009f3c;}
.box2 ul li a:hover span{ color:#fff; background-color:#009f3c;}

.box3{ background:url(../images/icons/bg3.jpg) center top no-repeat; padding:0 0 56px;}
.box3 .slide{ position:relative; z-index:1; padding:0 0 96px;}
.box3 .slide .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.box3 .slide .bd .tempWrap{ width:620px; margin:0 -10px;}
.box3 .slide .bd ul{ display:block; overflow:hidden;}
.box3 .slide .bd ul li{ display:block; width:310px; overflow:hidden; float:left;}
.box3 .slide .bd ul li a{ display:block; margin:0 10px; position:relative;}
.box3 .slide .bd ul li a img{ display:block; width:100%; height:216px;}
.box3 .slide .bd ul li a span{ display:block; line-height:66px; color:#fff; font-size:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#009f3c;}
.box3 .slide a.prev,
.box3 .slide a.next{ display:block; width:44px; height:44px; position:absolute; bottom:0;}
.box3 .slide a.prev{ background:url(../images/common/prev.png) center top no-repeat; left:50%; margin-left:-54px;}
.box3 .slide a.next{ background:url(../images/common/next.png) center top no-repeat; right:50%; margin-right:-54px;}
.box3 .slide a.prev:hover,
.box3 .slide a.next:hover{ background-position:center bottom;}

.box4{ background:#f5f5f5;}
.box4 .news{ display:block; overflow:hidden;}
.box4 .news dl{ display:block; overflow:hidden;}
.box4 .news dl dt{ display:block; overflow:hidden; padding:0 0 32px; border-bottom:1px solid #ddd;}
.box4 .news dl dt a.pic{ display:block; position:relative; float:left; margin-right:26px;}
.box4 .news dl dt a.pic img{ display:block; height:184px;}
.box4 .news dl dt span{ display:block; line-height:60px; color:#009f3c; font-size:20px; overflow:hidden;}
.box4 .news dl dt a.title{ display:block; height:80px; line-height:40px; color:#333; font-size:24px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 .news dl dd{ display:block; line-height:78px; font-size:22px; overflow:hidden; padding:0 2px; border-bottom:1px solid #ddd;}
.box4 .news dl dd a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 .news dl dd a:hover{ color:#009f3c;}
.box4 a.more{ display:block; width:120px; line-height:48px; color:#fff; font-size:20px; background:#009f3c url(../images/icons/arrow.png) right 44px center no-repeat; padding:0 44px; border-radius:24px; margin:48px auto 56px;}







/**/