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

/*banner*/
.ibanner{ height:746px; position:relative;}
.ibanner .bd{ position:relative; z-index:2;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block; position:relative;}
.ibanner .bd ul li a{ display:block; position:relative; height:746px;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:24px; z-index:3;}
.ibanner .hd ul{ display:block; height:12px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; cursor:pointer; margin:0 9px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#05c56d;}

.ji{ width:auto;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2{ display:block; font-size:36px; font-weight:normal; overflow:hidden; position:relative;}
.ibox h2 span{ display:block; line-height:54px; color:#333; position:relative; z-index:3;}
.ibox h2 em{ display:block; line-height:48px; color:#ddd; text-transform:uppercase;}

.box1{ padding:80px 0 0;}
.box1 ul{ display:block; overflow:hidden; padding:74px 0 124px;}
.box1 ul li{ width:380px; background:#000; overflow:hidden; position:relative; float:left; margin-left:30px;}
.box1 ul li:first-child{ margin-left:0;}
.box1 ul li img{ display:block; width:100%; height:514px; opacity:0.32; filter:alpha(opacity:32); zoom:1; transition:all ease 0.4s;}
.box1 ul li .box{ width:100%; height:300px; position:absolute; left:0; top:214px;}
.box1 ul li a.title{ display:block; line-height:64px; color:#fff; font-size:29px; padding:16px 36px 0; overflow:hidden; transition:all ease 0.4s;}
.box1 ul li i{ display:block; width:34px; height:4px; background:#30d483; margin:0 36px; transition:all ease 0.4s;}
.box1 ul li p{ display:block; height:72px; line-height:24px; color:#fff; font-size:14px; padding:24px 36px 0; overflow:hidden; opacity:0.7; filter:alpha(opacity:70); zoom:1; transition:all ease 0.4s;}
.box1 ul li a.more{ display:block; width:40px; height:40px; background:url(../images/icons/more.png) center no-repeat; float:right; margin:12px -56px 0 0; transition:all ease 0.4s;}
.box1 ul li:hover img{ opacity:1; filter:alpha(opacity:100);}
.box1 ul li:hover .box{ background:rgba(31,163,96,0.95);}
.box1 ul li:hover i{ background:#fff;}
.box1 ul li:hover a.more{ margin-right:56px;}

.box2{ background:url(../images/icons/news_bg.jpg) center top no-repeat; padding:332px 0 62px;}
.box2 h2 span{ line-height:48px; color:#fff; font-size:40px;}
.box2 h2 em{ line-height:32px; color:#63bf90; font-size:30px;}
.box2 .left{ width:250px; background:#1fa360; padding:46px 50px 76px; margin-right:88px;}
.box2 .left .txt{ height:84px; line-height:28px; color:#a8e1c4; font-size:15px; padding:46px 0 0; overflow:hidden;}
.box2 .left a.more{ display:block; width:40px; height:40px; background:url(../images/icons/more.png) center no-repeat; margin:52px 0 0;}
.box2 ul.tab{ display:block; overflow:hidden; padding:104px 0 0;}
.box2 ul.tab li{ display:block; overflow:hidden; float:left;}
.box2 ul.tab li a{ display:block; line-height:48px; color:#666; font-size:16px; float:left;}
.box2 ul.tab li span{ display:block; width:2px; height:18px; background:#e6e6e6; float:left; margin:15px 42px;}
.box2 ul.tab li:first-child span{ display:none;}
.box2 ul.tab li.cur a{ color:#c47939;}
.box2 dl{ display:none; overflow:hidden; padding:16px 0 0;}
.box2 dl dt{ display:block; padding:0 2px 24px; border-bottom:2px solid #e6e6e6;}
.box2 dl dt a{ display:block; line-height:52px; color:#0e7741; font-size:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 dl dt span{ display:block; line-height:38px; color:#333; font-size:14px; font-weight:bold;}
.box2 dl dt .txt{ height:48px; line-height:24px; color:#333; font-size:14px; overflow:hidden; padding:6px 0 0;}
.box2 dl dd{ width:309px; padding:24px 0 0; float:left;}
.box2 dl dd.dd1{ margin-right:72px;}
.box2 dl dd a{ display:block; line-height:28px; color:#999; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:16px;}
.box2 dl dd a:hover{ color:#0e7741;}
.box2 dl dd span{ display:block; line-height:26px; color:#999; font-size:14px; font-weight:bold; padding-left:16px; background:url(../images/icons/dot.png) left center no-repeat;}

.ibox h3{ display:block; font-weight:normal; text-align:center; text-transform:uppercase; overflow:hidden; padding:82px 0 0; position:relative;}
.ibox h3 span{ display:block; line-height:76px; color:#333; font-size:50px; position:relative; z-index:3;}
.ibox h3 em{ display:block; line-height:44px; color:#555; font-size:24px; padding-bottom:58px; padding-bottom:52px; background:url(../images/title_mark.png) center bottom no-repeat;}

.box3{ background:url(../images/box3_bg.png) center top no-repeat; padding:0 0 106px;}
.box3 .txt{ line-height:32px; color:#333; font-size:17px; text-align:center; overflow:hidden; padding:36px 12px 82px; padding:32px 12px 60px;}
.box3 .data{ overflow:hidden;}
.box3 .data img.pic{ display:block; width:880px; height:300px; float:right;}
.box3 .data p{ display:block; overflow:hidden; background:#13894d; box-shadow:1px 2px 3px 0 rgba(3,118,60,0.5) inset;}
.box3 .data p span{ display:block; line-height:16px; color:#fff; font-size:16px; padding:32px 42px; padding:28px 36px; padding-right:0; overflow:hidden;}
.box3 .data p span:first-child{ background:#1fa360; box-shadow:1px 2px 3px 0 rgba(3,118,60,0.5) inset;}
.box3 .data p img{ display:block; height:86px; float:left; margin-right:26px;}
.box3 .data p em{ display:block; line-height:54px; font-size:62px; letter-spacing:-3px; overflow:hidden; padding:5px 0 9px;}

.box4{ height:410px; background:url(../images/box4_bg.jpg) center no-repeat;}
.box4 h3{ text-align:right; padding-top:146px; float:right;}
.box4 h3 span{ color:#fff;}
.box4 h3 em{ color:#fff; padding-bottom:0; background:none;}

.box5{ background:url(../images/box5_bg.png) center bottom no-repeat;}
.box5 .con{ overflow:visible;}
.box5 ul{ display:block; overflow:hidden; padding:66px 24px 114px; margin:0 -34px;}
.box5 ul li{ display:block; width:25%; float:left;}
.box5 ul li p{ display:block; background:#fff; overflow:hidden; padding:50px 0; margin:0 10px; box-shadow:0 1px 24px 0 rgba(76,76,76,0.14); transition:all ease 0.4s;}
.box5 ul li a{ display:block; width:182px; height:182px; line-height:24px; color:#333; font-size:24px; font-size:18px; text-align:center; background:#f4faf7; border-radius:50%; overflow:hidden; margin:0 auto; transition:all ease 0.4s;}
.box5 ul li em{ display:block; height:74px; margin:32px 0 18px; transition:all ease 0.4s;}
.box5 ul li em.pro01{ background:url(../images/pro01.png) center top no-repeat;}
.box5 ul li em.pro02{ background:url(../images/pro02.png) center top no-repeat;}
.box5 ul li em.pro03{ background:url(../images/pro03.png) center top no-repeat;}
.box5 ul li em.pro04{ background:url(../images/pro04.png) center top no-repeat;}
.box5 ul li:hover p{ background:#f4faf7;}
.box5 ul li:hover a{ color:#fff; background:#1fa360;}
.box5 ul li:hover a em{ background-position:center bottom;}

.ibox h3{ padding:64px 0 0;}
.ibox h3 span{ font-size:48px; margin/:0 0 -2px;}
.box3{ padding:0 0 96px;}
.box3 .txt{ font-size:16px; padding:32px 24px 52px;}
.box3 .data img.pic{ width:888px; height:284px;}
.box4{ height:380px;}
.box4 h3{ padding-top:130px;}
.box5 ul{ padding/:42px 24px 84px; padding:62px 24px 114px;}

.box2 .left{ width:258px; height:368px; padding:46px 46px 0; position:relative;}
.box2 .left .txt{ height:auto; line-height:34px; font-size:16px; padding:28px 0 0;}
.box2 .left a.more{ position:absolute; left:46px; bottom:64px; margin:0;}
.box2 dl dd span{ background:none; padding-left:0;}
.box2 dl dd a{ padding-left:0;}






/**/