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

.Area-hd { background:#e2f2e9; border-radius:5px; height:35px; line-height:35px; padding-right:10px;}
.Area-hd a { float:right; font-size:14px; color:#01612d; }
.Area-hd p { width:118px; background:url(hd.jpg) repeat-x; border-radius:5px; }
.Area-hd p span { display:block; padding-left:38px; font-size:16px; color:#fff; }

.Area-hd01 p span { background:url(hd01.png) no-repeat center left; }
.Area-hd02 p span { background:url(hd02.png) no-repeat center left; }
.Area-hd03 p span { background:url(hd03.png) no-repeat center left; }
.Area-hd04 p span { background:url(hd04.png) no-repeat center left; }
.Area-hd05 p span { background:url(hd05.png) no-repeat center left; }
.Area-hd06 p span { background:url(hd06.png) no-repeat center left; }
.Area-hd10 p span { background:url(hd10.png) no-repeat center left; }

.bArea {  margin:10px 0 15px; }
.bArea01 { float:left; width:240px; }
.bArea01 .bd { margin-top:10px; height:120px; }
.bArea01 .bd ul li { background:url(li01.jpg) no-repeat 5px 11px; font-size:14px; padding:0 0 0 20px; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.bArea02 { float:right; width:370px; }
.bArea02 .bd { margin-top:10px; }
.bArea02 .bd ul li {   font-size:14px; padding:0 0 0 5px; height:36px; line-height:36px; border-bottom:1px dashed #888; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .bd ul li span { float:right; }

.bArea03 { position:relative; float:left; width:560px; margin-left:10px; }
.bArea03 .bd ul li { position:relative; }
.bArea03 .bd ul li p { position:absolute; left:0; bottom:0; width:550px; height:40px; line-height:40px; padding-left:10px; color:#fff; font-size:14px; color:#fff; background:rgba(0,0,0,0.33); z-index:1; }
.bArea03 .hd { position:absolute; width:100%; bottom:10px; left:0; text-align:right; z-index:99; }
.bArea03 .hd ul { padding-right:28px; }
.bArea03 .hd ul li { display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:rgba(0,0,0,0.8); margin:0 1px; cursor:pointer; }
.bArea03 .hd ul li.on { background:#009946; }

.cArea { margin-bottom:15px; }
.cArea .hd { float:left; width:120px; }
.cArea .bd { float:left; width:720px; margin-left:10px; }
.cArea .bd p { text-align:right; }
.cArea .bd p a { font-size:14px; color:#01794c; }
.cArea .bd ul { margin-top:0px; }
.cArea .bd ul li { float:left; width:33.333%; height:32px; line-height:32px;/* border-bottom:1px dashed #484848; */}
.cArea .bd ul li a { font-size:16px; color:#000; padding-left:20px; background:url(li04.png) no-repeat center left; }
.cArea .bd ul li i { font-size:14px; color:#f79515; display:none; }

.cArea .bd01 { float:right; width:314px; }
.cArea .bd01 .video { margin-top:8px; }

.dArea01 { margin-top:15px; overflow:hidden; padding-bottom:20px; }
.dArea01 ul li { width:205px; margin:0 4px; }
.dArea01 ul li p { margin-top:5px; font-size:14px; }

.eArea { margin-bottom:15px; }

.fArea { margin-bottom:25px; }
.fArea01 { float:left; width:460px; margin-right:10px; }
.fArea01 .bd { margin-top:10px; }
.fArea01 .bd ul { padding-left:1px; }
.fArea01 .bd ul li { padding-left:20px; background: url(li01.jpg) no-repeat center left; /*background:url(li02.jpg) no-repeat 8px 11px;*/ font-size:14px; height:36px; line-height:36px; border-bottom:1px dashed #888; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea01 .bd ul li span { float:right; }

.fArea01 .Area-hd p { width:150px; }

.fArea01 .bd01 { margin-top:10px; }
.fArea01 .bd01 ul { padding-left:15px; }
.fArea01 .bd01 ul li { float:left; width:195px; background:url(li03.jpg) no-repeat 8px 11px; font-size:14px; padding:0 0 0 25px; height:36px; line-height:36px; border-bottom:1px dashed #888; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fArea02 { float:right; width:250px; }
.fArea02 a { display:block; width:160px; height:74px; line-height:74px; padding-left:90px; font-size:18px; color:#fff; margin-bottom:14px; }

.fArea02 a:nth-child(1) { background:url(f01.png) no-repeat; }
.fArea02 a:nth-child(2) { background:url(f02.png) no-repeat; }
.fArea02 a:nth-child(3) { background:url(f03.png) no-repeat; }
.fArea02 a:nth-child(4) { background:url(f04.png) no-repeat; margin-bottom:0; }

.fArea03 { position:relative; width:920px;float:left; background:#e2f2e9; }
.fArea03 area { cursor:pointer; }
.fArea03 .bd { float:right; width:557px; margin-right:50px; padding-top:85px; }
.fArea03 .bd ul li { font-size:14px; color:#363636; height:270px; overflow:hidden; }
.fArea03 .bd ul .li { margin-bottom:10px; height:25px!important; padding-left:20px; }
.fArea03 .bd ul li p { position:relative; float:right; width:51px; height:22px; font-size:12px; line-height:22px; padding-left:18px; color:#fff; }
.fArea03 .bd ul li p span { position:absolute; top:7px; left:-487px; display:block; width:8px; height:8px; z-index:9; }
.fArea03 .bd ul li i { display:inline-block; width:310px; }

.fArea03 .bd ul li .p1 { background:url(m1.png) no-repeat center; }
.fArea03 .bd ul li .p2 { background:url(m2.png) no-repeat center; }
.fArea03 .bd ul li .p3 { background:url(m3.png) no-repeat center; }
.fArea03 .bd ul li .p4 { background:url(m4.png) no-repeat center; }

.fArea03 .bd ul li .p1 span { background:url(l01.png) no-repeat center; }
.fArea03 .bd ul li .p2 span { background:url(l02.png) no-repeat center; }
.fArea03 .bd ul li .p3 span { background:url(l03.png) no-repeat center; }
.fArea03 .bd ul li .p4 span { background:url(l04.png) no-repeat center; }


.fArea03 .bd01 { position:absolute; width:610px; top:10px; right:35px; z-index:999; }
.fArea03 .bd01 .p1 p { float:left; font-size:20px; color:#09753b; font-weight:bold; padding-left:29px; height:30px; line-height:30px; }
.fArea03 .bd01 .p1 form { width:435px; float:right; }
.fArea03 .bd01 .p1 form select { float:left; width:130px;  background:url(select.jpg) no-repeat center right #fff; padding:5px 0 6px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.fArea03 .bd01 .p1 form .txt { float:right; margin-left:20px; width:235px; padding-left:15px; height:30px; line-height:30px; background:#fff; }
.fArea03 .bd01 .p1 form .btn { float:right; width:45px; height:30px; line-height:30px; background:url(form01.jpg) no-repeat; }
.fArea03 .bd01 .p2 { padding-top:5px; padding-left:25px; font-size:13px; }
.fArea03 .bd01 .p2 p { float:left; display:inline-block; width:140px; text-align:center; margin:0 3px 0 4px; height:30px; line-height:30px; color:#fff; }
.fArea03 .bd01 .p2 p:nth-child(4) { background:#bc2103; margin-right:0; }
.fArea03 .bd01 .p2 p:nth-child(3) { background:#ef7000; }
.fArea03 .bd01 .p2 p:nth-child(2) { background:#efba00; }
.fArea03 .bd01 .p2 p:nth-child(1) { background:#0075a3; }

.fArea03 .bd .s1 { position:absolute; top:73px; left:-174px; color:#fff; z-index:9; }
.fArea03 .bd .s2 { position:absolute; top:118px; left:-264px; color:#fff; z-index:9; }
.fArea03 .bd .s3 { position:absolute; top:67px; left:-204px; line-height:1; color:#fff; z-index:9; }
.fArea03 .bd .s4 { position:absolute; top:88px; left:-237px; color:#fff; z-index:9; }
.fArea03 .bd .s5 { position:absolute; top:108px; left:-180px; color:#fff; z-index:9; }
.fArea03 .bd .s6 { position:absolute; top:141px; left:-208px; color:#fff; z-index:9; }
.fArea03 .bd .s7 { position:absolute; top:196px; left:-242px; color:#fff; z-index:9; }
.fArea03 .bd .s8 { position:absolute; top:190px; left:-182px; color:#fff; z-index:9; }
.fArea03 .bd .s9 { position:absolute; top:150px; left:-146px; color:#fff; z-index:9; }
.fArea03 .bd .s10 { position:absolute; top:260px; left:-235px; color:#fff; z-index:9; }
.fArea03 .bd .s11 { position:absolute; top:248px; left:-185px; color:#fff; z-index:9; }
.fArea03 .bd .s12 { position:absolute; top:225px; left:-142px; color:#fff; z-index:9; }
.fArea03 .bd .s13 { position:absolute; top:200px; left:-138px; color:#fff; z-index:9; }
.fArea03 .bd .s14 { position:absolute; top:283px; left:-185px; color:#fff; z-index:9; }
.fArea03 .bd .s15 { position:absolute; top:312px; left:-149px; color:#fff; z-index:9; }
.fArea03 .bd .s16 { position:absolute; top:267px; left:-106px; color:#fff; z-index:9; }

.fArea03 .prev01,.fArea03 .next01 { position:absolute; font-size:30px; top:200px; }
.fArea03 .prev01 { left:300px; }
.fArea03 .next01 { right:33px; }

.fArea04 { position:relative; width:880px;float:left; background:#f0f0f0; padding:15px 20px; }
.fArea04 .p1 p { float:left; font-size:22px; color:#09753b; font-weight:bold; }
.fArea04 .p1 form { width:435px; float:right; }
.fArea04 .p1 form select { float:left; width:130px;  background:url(select.jpg) no-repeat center right #fff; padding:5px 0 6px 15px;-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.fArea04 .p1 form .txt { float:right; margin-left:20px; width:235px; padding-left:15px; height:30px; line-height:30px; background:#fff; }
.fArea04 .p1 form .btn { float:right; width:45px; height:30px; line-height:30px; background:url(form01.jpg) no-repeat; }

.fArea02 .box { margin-top:15px; background:#f0f0f0; padding:0 15px; }
.fArea02 .box .hd { height: 35px; line-height: 35px; border-bottom: 1px solid #09753b;; font-size: 18px; color: #09753b;; font-weight: bold; }
.fArea02 .box .bd { }
.fArea02 .box .bd ul li { height: 35px; line-height: 35px;  padding-right:15px;  }
.fArea02 .box .bd ul li a { width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; background:none; color:#666; height: 35px; line-height: 35px; padding:0; margin-bottom:0; font-size:12px; }

.fArea04 .p2 { padding-top:10px; border-bottom:1px solid #ccc; padding-bottom:20px; }
.fArea04 .p2 .p { margin-top:15px; }
.fArea04 .p2 .p i { float:left; display:block; font-size: 14px; padding: 2px 10px; }
.fArea04 .p2 .p .pp { padding-left:80px; }
.fArea04 .p2 .p .pp a { display:inline-block; font-size: 14px; padding: 2px 10px; margin-right:5px; margin-bottom:5px; }
.fArea04 .p2 .p .pp a.on,.fArea04 .p2 .p .pp a:hover { background:#09753b; color:#fff; }

.fArea04 .p3 { height:40px; line-height:40px; background:#ccc; font-size:14px; padding:0 10px; margin-top:15px; }
.fArea04 .p3 p { float:right; }

.fArea04 .p4 ul li { height:40px; line-height:40px; border-bottom:1px solid #ccc; }
.fArea04 .p4 ul li i { float:left; height:40px; display:block; padding-right:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fArea04 .p4 ul li i:nth-child(1) { width:370px; }
.fArea04 .p4 ul li i:nth-child(2) { width:30px; }
.fArea04 .p4 ul li i:nth-child(3) { width:80px; text-align:center; }
.fArea04 .p4 ul li i:nth-child(4) { width:40px; }
.fArea04 .p4 ul li i:nth-child(5) { width:60px; }
.fArea04 .p4 ul li i:nth-child(6) { width:245px; }

.fArea04 .p4 ul li i em { color:#fff; padding:2px 3px; }
.fArea04 .p4 ul li i em.p1 { background:#bc2103; }
.fArea04 .p4 ul li i em.p2 { background:#ef7000; }
.fArea04 .p4 ul li i em.p3 { background:#efba00; }
.fArea04 .p4 ul li i em.p4 { background:#0075a3; }

.fArea04 .p5 { /*height:400px;*/ overflow:auto; margin-bottom:30px; }

.fArea04 .p5 p { position:relative; width:55px; height:22px; font-size:12px; line-height:22px; padding-left:14px; color:#fff; margin-top: 10px!important; margin-left:2px; }
.fArea04 .p5 .p1 { background:url(m1.png) no-repeat center; }
.fArea04 .p5 .p2 { background:url(m2.png) no-repeat center; }
.fArea04 .p5 .p3 { background:url(m3.png) no-repeat center; }
.fArea04 .p5 .p4 { background:url(m4.png) no-repeat center; }

.fArea04 .p5 .p2 {
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.fArea04 .p5 .p3 {
    padding-right: 0;
}

.video .Area-hd p span {
    background: url(ssb.png) no-repeat center left;
}