@charset "utf-8";
.container { position: relative; width: 100%; }

.Area-hd p { font-size:36px; color:#000; font-weight:bold; line-height:38px; margin-bottom:40px; }
.Area-hd span { display:block; width:30px; height:6px; background:#fccf00; }

.aArea { padding:80px 0; }
.aArea01 { float:left; width:375px; }
.aArea01 .bd { margin-top:60px; font-size:14px; color:#454545; line-height:40px; text-align:justify; min-height:365px; }
.aArea01 .more a { display:block; width:125px; height:35px; font-size:12px; color:#00744a; text-align:center; line-height:35px; border:2px solid #00744a; border-radius:25px;  }
.aArea02 { float:left; width:585px; text-align:center; }
.aArea02 img { max-width:100%; }
.aArea03 { float:right; width:240px; text-align:center; border-top:2px solid #e4e4e4; }
.aArea03 ul li { border-bottom:2px solid #e4e4e4; padding-top:35px; height:145px; text-align:center; background:url(a01.png) no-repeat center 140px; }
.aArea03 ul li p { font-size:40px; color:#00744a; font-weight:bold; line-height:42px; height:60px; font-family:"Impact","微软雅黑"; }
.aArea03 ul li span { display:block; font-size:16px; color:#464646; }

.bArea { padding-top:115px; height:640px; background:url(bArea.jpg) no-repeat center; }
.bArea .Area-hd p { color:#fff; }
.bArea01 { position:relative; min-height:450px; }
.bArea01 .bd { position:absolute; top:-84px; width:1200px; z-index:9; }
.bArea01 .bd .txt { float:left; width:365px; padding-top:140px; }
.bArea01 .bd .txt .p1 { font-size:20px; color:#fff; font-weight:bold; line-height:22px; margin-bottom:25px; }
.bArea01 .bd .txt .p1 a { color:#fff; }
.bArea01 .bd .txt .p2 { font-size:14px; color:#fff; line-height:40px; }
.bArea01 .bd .pic { float:right; width:700px; }
.bArea01 .hd { position:absolute; left:0; bottom:0; width:1020px; background:#fff; z-index:99; }
.bArea01 .hd ul li { width:170px; float:left; padding-top:40px; height:110px; background:url(li01.jpg) no-repeat center right; text-align:center; }
.bArea01 .hd ul li:last-child { background:none; }
.bArea01 .hd ul li p { height:65px; }

.bArea01 .hd ul li span { font-size:18px; color:#454545; }

.bArea01 .hd ul li.on { background:#ecf9f5; }
.bArea01 .hd ul li.on span { color:#01754b; }

.bArea01 .hd ul li p { position:relative; }
.bArea01 .hd ul li p .img01 { height:37px; width:38px; }
.bArea01 .hd ul li p .img02 { height:37px; width:38px; }
.bArea01 .hd ul li p i { position: absolute; display:block; bottom:28px; width:38px; height:0; left:50%; margin-left:-19px; width:100%; transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden; z-index:9; }
.bArea01 .hd ul li p i img { position: absolute; display:block; width:38px; height:37px; bottom: 0;left: 0; z-index:9; }
.bArea01 .hd ul li p em { position: absolute; display:block; top:0; height:37px; left:0; width:100%; transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden; z-index:9; }
.bArea01 .hd ul li.on p i { height:37px; }
.bArea01 .hd ul li.on p em { height:0; }
 
 
.bArea01 .prev,.bArea01 .next { position:absolute; top:220px; display:block; width:36px; height:36px; z-index:999; }
.bArea01 .prev { left:0; background:url(prev.png) no-repeat center; }
.bArea01 .next { left:60px; background:url(next.png) no-repeat center; }
.bArea01 .prev:hover { background:url(prev01.png) no-repeat center; }
.bArea01 .next:hover { background:url(next01.png) no-repeat center; }


.cArea { padding:80px 0; background:#eff1f6; }

.cArea01 { position:relative; }
.roundabout-holder  { position: relative; z-index: 100; padding:0; height:475px; width:1200px; overflow:hidden; margin:0 auto; }
.roundabout-moveable-item { position:relative; width:765px; height:475px; }
.roundabout-moveable-item img {width:100%; height:100%; display:block;}
.roundabout-moveable-item .p1 { position:absolute; top:220px; left:80px; color:#fff; font-size:18px; height:36px; line-height:36px; display:none; z-index:9; }
.roundabout-moveable-item .p2 { position:absolute; top:45px; left:590px; padding:70px 50px 0 50px; color:#fff; font-size:14px; line-height:35px; background:#00744a; width:300px; height:330px; text-align:justify; display:none; z-index:9; }
.roundabout-in-focus .p1 { display:block; }
.roundabout-in-focus .p2 { display:block; }

.round_conrol { position:absolute; top:220px; left:177px; width:70px; z-index:999; }
#bt-previous { float:left; width:35px; height:35px; display:block !important; background:url(prev02.png) no-repeat center; cursor:pointer; }
#bt-next { float:left; width:35px; height:35px; display:block !important; background:url(next02.png) no-repeat center; cursor:pointer; }
 
 
.dArea { padding:70px 0; }
.dArea01 { position:relative; margin-top:60px; }
.dArea01 .hd { position:absolute; top:-100px; right:0; text-align:right; }
.dArea01 .hd ul li { display:inline-block; width:125px; height:35px; font-size:12px; color:#00744a; text-align:center; line-height:35px; border:2px solid #00744a; border-radius:25px; margin-left:30px; cursor:pointer; }
.dArea01 .hd ul li.on { background:#00744a; color:#fff; }
.dArea01 .more { display:inline-block; width:125px; height:35px; font-size:12px; color:#00744a; text-align:center; line-height:35px; border:2px solid #00744a; border-radius:25px; margin-left:30px; }
.dArea01 .more:hover { background:#00744a; color:#fff; }

.dArea01 .bd .tempWrap { width:1200px!important; }
.dArea01 .bd ul li { float:left; width:375px; margin-right:37.5px; }
.dArea01 .bd ul li .txt { padding:40px 25px; background:#f2f4f7; }
.dArea01 .bd ul li .txt .date { float:left; width:55px; text-align:center; }
.dArea01 .bd ul li .txt .date p { font-size:44px; color:#00764c; font-weight:bold; line-height:45px; }
.dArea01 .bd ul li .txt .date span { display:block; font-size:14px; color:#5a5a5a; }
.dArea01 .bd ul li .txt .txt01 { float:right; width:255px; font-size:17px; color:#353535; height:66px; line-height:33px; overflow:hidden; }

.dArea01 .bd ul li:hover .txt { background:#007d54; }
.dArea01 .bd ul li:hover .txt .date p { color:#fff; }
.dArea01 .bd ul li:hover .txt .date span { color:#fff; }
.dArea01 .bd ul li:hover .txt .txt01 { color:#fff; font-weight:bold; }

.dBox01 { position:relative; }
.dArea01 .prev01,.dArea01 .next01 { position:absolute; display:block; width:22px; height:38px; top:50%; margin-top:-19px; z-index:9; }
.dArea01 .prev01 { left:-70px; background:url(prev03.png) no-repeat center; }
.dArea01 .next01 { right:-70px; background:url(next03.png) no-repeat center; }

.eArea { position:relative; width:1920px; left:50%; margin-left:-960px; }
.eArea01 { float:left; width:960px; background:#f3f3f3; height:280px; }
.eArea01 .e01 { width:600px; margin-left:360px; }
.eArea01 .e01 .hd01 { height:80px; line-height:80px; background:url(f01.png) no-repeat center left; padding-left:55px; font-size:20px; color:#000; }
.eArea01 .e01 .ebox01 .tempWrap { width:559px!important; }
.eArea01 .e01 .ebox01 ul li { width:173px; margin-right:20px; }
.eArea01 .e01 .ebox01 ul li p { width:173px; margin-bottom:20px; }

.eArea02 { float:right; width:960px; background:#00744a; height:280px; }
.eArea02 .e02 { width:600px; }
.eArea02 .e02 ul li { width:200px; float:left; padding-top:40px; height:100px; text-align:center; }
.eArea02 .e02 ul li p { height:50px; }
.eArea02 .e02 ul li span { display:block; font-size:16px; color:#b8cfc4; }
.eArea02 .e02 ul li:hover { background:#1a825c; }
.eArea02 .e02 ul li:hover span { color:#fff; }

.eArea02 .e02 ul li.li01 p { background:url(e11.png) no-repeat center top; }
.eArea02 .e02 ul li.li01:hover p { background:url(e12.png) no-repeat center top; }
.eArea02 .e02 ul li.li02 p { background:url(e21.png) no-repeat center top; }
.eArea02 .e02 ul li.li02:hover p { background:url(e22.png) no-repeat center top; }
.eArea02 .e02 ul li.li03 p { background:url(e31.png) no-repeat center top; }
.eArea02 .e02 ul li.li03:hover p { background:url(e32.png) no-repeat center top; }
.eArea02 .e02 ul li.li04 p { background:url(e41.png) no-repeat center top; }
.eArea02 .e02 ul li.li04:hover p { background:url(e42.png) no-repeat center top; }
.eArea02 .e02 ul li.li05 p { background:url(e51.png) no-repeat center top; }
.eArea02 .e02 ul li.li05:hover p { background:url(e52.png) no-repeat center top; }
.eArea02 .e02 ul li.li06 p { background:url(e61.png) no-repeat center top; }
.eArea02 .e02 ul li.li06:hover p { background:url(e62.png) no-repeat center top; }


.fArea { background:#f3f3f3; padding:25px 0; }
.fArea .tempWrap { width:1200px!important; }
.fArea ul li { float:left; width:177px; margin-right:27.5px; }

.gArea { padding:30px 0; }
.gArea .hd01 { padding-bottom:20px; margin-bottom:25px; background:url(hd01.png) no-repeat left bottom; }
.gArea .hd01 a { float:right; display:block; margin-top:15px; color:#686868; }
.gArea .hd01 p { font-size:24px; color:#000; }

.gArea01 { float:left; width:380px; }
.gArea01 .bd ul li { float:left; width:33.33%; text-align:center; margin-bottom:45px;  }
.gArea01 .bd ul li a { display:block; }
.gArea01 .bd ul li .pic { height:57px; }
.gArea01 .bd ul li .pic .img02 { display:none; }
.gArea01 .bd ul li p { font-size:15px; height:20px; line-height:20px; }
.gArea01 .bd ul li:hover .pic .img01 { display:none; }
.gArea01 .bd ul li:hover .pic .img02 { display:inline-block; }

.gArea01 .bd ul li:nth-child(4) { margin-bottom:0; }
.gArea01 .bd ul li:nth-child(5) { margin-bottom:0; }
.gArea01 .bd ul li:nth-child(6) { margin-bottom:0; }

.gArea02 { float:left; width:380px; margin-left:30px; }
.gArea02 .pic { float:left; width:155px; }
.gArea02 .txt { float:right; width:200px; padding-top:10px; line-height:26px; font-size:14px; text-align:justify; }

.gArea03 { float:right; width:380px; }
.gArea03 .hd01 { margin-bottom:15px; }
.gArea03 ul li { height:42px; line-height:42px; border-bottom:1px dashed #ccc; padding-left:10px; background:url(li.jpg) no-repeat left 23px; }
.gArea03 ul li a { display:block; font-size:16px; color:#000; height:42px; line-height:42px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.gArea03 ul li:hover a { color:#00744a; }
.gArea03 ul li:last-child { border-bottom:none; }