@charset "utf-8";
.container { margin-bottom: 10px; }
.w-a { margin-top: 50px; }
.w-a-a h2 { font-size: 24px; color: #000; padding-bottom: 16px; text-align: center; background: url(h2bg.png) no-repeat bottom center; }
.w-a-b { margin-top: 45px; }
.w-a-c { width: 513px; height: 346px; position: relative; overflow: hidden; }
.w-a-d { width: 166px; height: 42px; position: absolute; right: 0; bottom: 0; }
.w-a-d a { display: block; width: 166px; height: 42px; line-height: 42px; font-size: 14px; color: #fff; }
.w-a-d a span { display: inline-block; width: 125px; height: 42px; line-height: 42px; background: #484848; text-align: center; }
.w-a-d a i { display: inline-block; width: 41px; height: 42px; line-height: 42px; text-align: center; background: #007bc8; }
.w-a-e { width: 650px; margin-left: 35px; }
.w-a-e h2 { font-size: 18px; color: #007bc8; font-weight: normal; margin:10px 0 15px; }
.w-a-e p { font-size: 14px; color: #6c6b6b; line-height: 24px; }
.w-a-e h2 a { color: #007bc8; }
.w-a-f { min-height: 248px; }
.w-a-g { width: 663px;	height: 88px; box-sizing: border-box; border: 6px solid #dad9d9; }
.w-a-g li {cursor: pointer; width: 33%; height: 76px; padding: 17px 0 0 120px; box-sizing: border-box; }
.w-a-g li:nth-child(1){ background: url(pic1.png) no-repeat 45px center; }
.w-a-g li:nth-child(2){ background: url(pic2.png) no-repeat 45px center; }
.w-a-g li:nth-child(3){ background: url(pic3.png) no-repeat 45px center; }
.w-a-g h3 { padding-right: 25px; border-right: 1px solid #eee; }
.w-a-g li:nth-child(3) h3 { border-right: none; }
.w-a-g h3 a { font-size: 14px; color: #333; font-weight: normal; }
.w-a-g h3 span { display: block; font-size: 14px; color: #333; text-transform: uppercase; }
.w-a-g li:hover a, .w-a-g li:hover a span { color: #007bc8; }
.w-a-g li:nth-child(1):hover { background: url(pic1bg.png) no-repeat 45px center; }
.w-a-g li:nth-child(2):hover { background: url(pic2bg.png) no-repeat 45px center; }
.w-a-g li:nth-child(3):hover { background: url(pic3bg.png) no-repeat 45px center; }
.w-b { width: 100%; height: 500px; box-sizing: border-box; padding-top: 30px; overflow: hidden; background: url(probg.png) no-repeat center; margin-top: 55px; }
.w-b-a h2 { font-size: 24px; color: #fff; text-align: center;}
.w-b-a p { font-size: 14px; color: #fff; text-align: center; padding: 3px 0; }
.w-b-a span { width: 87px; height: 5px;	background: #fff; display: block; margin: 10px auto 0; }
.w-b-b { margin-top: 50px; height: 350px; position: relative; }
.w-b-b .bd li { width: 278px; height: 215px; margin-right: 31px; overflow: hidden; position: relative; }
.w-b-b .bd li p { position: absolute; left: 7px; bottom: 10px; width: 265px; height: 31px; line-height: 31px; text-align: center; background: rgba(0,0,0,0.8); }
.w-b-b .bd li p a { font-size: 14px; color:#fff; }
.w-b-b .hd { position: absolute; bottom: 80px; width: 1200px; left: 0; text-align: center; }
.w-b-b .hd li {cursor:pointer; display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: #fff; border-radius: 5px; font-size: 0;}
.w-b-b .hd li.on { background: #f4d10b; }
.w-b-c {margin-top: 80px; text-align: center;}
.w-b-c a { display: block; width: 144px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #fff; border-radius: 6px; margin: 0 auto; font-size: 14px; color: #fff; }
.w-c { margin-top: 50px; }
.w-c-a { width: 100%; height: 475px; background: #f5f5f5; box-sizing: border-box; padding: 9px 0 0 19px; }
.w-c-b { width: 735px; }
.w-c-b .hd { width: 735px; padding-left: 10px; border-bottom: 1px solid #007bc8; box-sizing: border-box; }
.w-c-b .hd li { position: relative; width: 124px; height: 46px; line-height: 46px; cursor: pointer; text-align: center; font-size:18px; color: #000; }
.w-c-b .hd li.on { background: #007bc8; color: #fff;}
.w-c-b .hd li .more {display: none; position: absolute; top: 0; font-size: 14px; color: #333; }
.w-c-b .hd .sign1 .more { right: -590px; }
.w-c-b .hd .sign2 .more { right: -466px; }
.w-c-b .hd .sign3 .more { right: -342px; }
.w-c-b .hd li.on .more { display: block; }
.w-c-b .bd { margin-top: 20px; }
.w-c-b .bd li { padding-left: 10px; }
.w-c-e { width: 390px; margin-left: 25px; }
.w-c-e h2 { font-size: 16px;color: #333; font-weight: normal; padding: 10px 0 8px; }
.w-c-e h2 a { color: #333; }
.w-c-e p { font-size: 14px; color: #333; line-height: 24px; }
.w-c-e span { font-size: 14px; color: #a3a2a2; display: block; margin: 10px 0 15px; }
.w-c-e .more { font-size: 14px; color: #fff; display: block; width: 147px; height: 42px; line-height: 42px; text-align: center; background: #007bc8; }
.w-c-b .bd li dl { margin-top: 8px; }
.w-c-b .bd li dd { padding: 7px 30px; border-bottom: 1px dashed #c5c5c5; background: url(ddbg.png) no-repeat 10px center; }
.w-c-b .bd li dd a,.w-c-b .bd li dd span { font-size: 14px; color: #333; }
.w-c-f { width: 377px; margin-left: 55px; }
.w-c-f .hd { width: 377px; padding-left: 10px; border-bottom: 1px solid #007bc8; box-sizing: border-box; }
.w-c-f .hd li { position: relative; width: 124px; height: 34px; line-height: 34px;  text-align: center; font-size:18px; color: #000; }
.w-c-f .hd li .more {position: absolute; top: -5px; right: -220px; font-size: 14px; color: #333; }
.w-c-f .hd li p { height: 22px; line-height: 22px; margin-top: 12px; border-left: 4px solid #007bc8; }
.w-c-g { padding: 0 6px; margin-top: 20px; }
.w-c-i li { padding: 7px 30px; background: url(ddbg.png) no-repeat 10px center; }
.w-c-i .bd li a,.w-c-i .bd li span { font-size: 14px; color: #333; }
.w-c-i { margin-top: 15px; height: 270px; overflow: hidden; }
.w-d { margin-top: 60px; }
.w-d-a { margin-top: 40px; }
.w-d-a .bd { position:relative; }
.w-d-a .bd li {margin-right: 75px; position: relative; box-sizing: border-box; width: 350px!important; height: 275px; border: 5px solid #fff; }
.w-d-a .bd li p a { display: block; width: 340px; margin-top: -1px; height:40px; line-height: 30px; text-align: center; font-size: 14px; color: #333; }
.w-d-a .bd li:hover { border: 5px solid #7fbde3; }
.w-d-a .bd li:hover a { background: #7fbde3; color: #fff; }
.w-d-a .bd .prev { z-index: 99; cursor: pointer; position:absolute; left: -65px; top: 50%; margin-top: -34px; width: 43px; height: 68px; background: url(prev.png) no-repeat center; }
.w-d-a .bd .prev:hover { cursor: pointer; position:absolute; left: -65px; top: 50%; margin-top: -34px; width: 43px; height: 68px; background: url(prevbg.png) no-repeat center; }
.w-d-a .bd .next { z-index: 99; cursor: pointer; position:absolute; right: -65px; top: 50%; margin-top: -34px; width: 43px; height: 68px; background: url(next.png) no-repeat center; }
.w-d-a .bd .next:hover {z-index: 99;  cursor: pointer; position:absolute; right: -65px; top: 50%; margin-top: -34px; width: 43px; height: 68px; background: url(nextbg.png) no-repeat center; }
.w-d-b {margin-top: 80px; text-align: center;}
.w-d-b a { display: block; width: 144px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #a3a6a8; border-radius: 6px; margin: 0 auto; font-size: 14px; color: #737a81; }




