body { background: #fff; font: 14px/24px "Microsoft YaHei"; }

.ab { left: 50%; position: absolute; }

h2 { width: 980px; height: 80px; margin: 0 auto 30px; }

#shareBox {position:absolute;left:50%;margin-left:176px;top:678px;z-index:133;}
#shareBox ul { width:330px; padding: 8px 4px; }
#shareBox li {float: left; cursor: pointer; clear: right; margin: 0 10px; }
.wrap { width: 980px; margin: 0 auto; }

<!--导航-->
.lan {color:#1399d3;text-decoration:none}
.lan a:link{color:#1399d3;text-decoration:none}
.lan a:visited{color:#1399d3;text-decoration:none;}
.lan a:hover{color:#1399d3;text-decoration:underline;}
.daohang{width:100%;height:36px;margin:0px auto;}
.daohanga{width:1000px;height:26px;margin:0px auto;background:url(../images/dh.png)  no-repeat top left;text-align:right;font-size:12px;padding-top:10px;font-family:'宋体';}
.daohanga a:link{color:#fff;text-decoration:none}
.daohanga a:visited{color:#fff;text-decoration:none;}
.daohanga a:hover{color:#fff;text-decoration:underline;}


.fm{background:url(../images/bj03.jpg) no-repeat center top;width:100%;height:894px;color:#ffffff;}
.fm .wrap{height:894px;position:relative;}

.fm .picBox { position: relative; }
.fm .pic { cursor: pointer; }
.fm .pic a { display: block; height: 100%; text-indent: -2014px; overflow: hidden; }
.fm .ico { position: absolute; top: 0; left: -50px; width: 212px; height: 143px; padding: 12px 15px 0px;font-size: 13px; color: #fff; background: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/fc.png") no-repeat; opacity: 0; filter: alpha(opacity=0); }
.fm .ico b{font-size: 16px;display:block;}
.fm .ico span{display:block}
.fm .ico p{padding-top:5px;}
.fm .ico p{padding-top:}
.fm .pic01 { position: absolute; width: 107px; height: 392px; left: 871px; top: 38px;z-index:7; }
.fm .pic02 { position: absolute; width: 187px; height: 149px; left: 698px; top: 138px;z-index:6; }
.fm .pic03 { position: absolute; width: 198px; height: 174px; left:581px; top: 255px;z-index:8; }
.fm .pic04 { position: absolute; width: 193px; height: 189px; left: 711px; top: 371px;z-index:9; }
.fm .pic05 { position: absolute; width: 167px; height: 177px; left: 571px; top: 482px;z-index:10; }

.fm .p1{width:529px;font:14px/25px "Microsoft Yahei";color:#ffffff;position: absolute;left: 0px; top: 300px;z-index:100;}



.nav_fm{width:640px;height:470px;position:absolute;left:390px;top:250px;z-index:10;}
.nav_fm li{width:640px;height:460px;float:left;padding-right:37px;font-size:25px;text-align:center;}
.nav_fm li span{font-size:20px;display:block;}
.nav_fm li a{width:105px;height:81px;display:block;padding-top:24px;color:#ffffff;text-decoration:none;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.nav_fm li a:hover{color:#ffffff;text-decoration:none;}
.nav_fm li.l1 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_fm1.png) no-repeat 0px 0px;}
.nav_fm li.l1 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_1.png) no-repeat 0px 0px;}
.nav_fm li.l2 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_fm2.png) no-repeat 0px 0px;}
.nav_fm li.l2 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_2.png) no-repeat 0px 0px;}
.nav_fm li.l3 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_fm3.png) no-repeat 0px 0px;}
.nav_fm li.l3 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_3.png) no-repeat 0px 0px;}
.nav_fm li.l4 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_fm4.png) no-repeat 0px 0px;}
.nav_fm li.l4 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_4.png) no-repeat 0px 0px;}



.subMenu{position:absolute;top:27px;z-index:1000;width:100%;height: 202px;background: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/ytop.jpg") no-repeat center top; }
.subMenu .inner{width:980px;margin:0 auto;position:relative;height:202px}
.subMenu .logo{position:absolute;left:154px;top:0px;}
.subMenu ul{position:absolute;left:500px;top:45px;width:492px;}
.subMenu li{width:105px;height:105px;float:left;padding-left:14px;font-size:25px;text-align:center;}
.subMenu li span{font-size:20px;display:block;}
.subMenu li a{width:105px;height:81px;display:block;padding-top:24px;color:#ffffff;text-decoration:none;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.subMenu li a:hover{color:#ffffff;text-decoration:none;}
.subMenu li.l1 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_n1.png) no-repeat 0px 0px;}
.subMenu li.l1 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_1.png) no-repeat 0px 0px;}
.subMenu li.l2 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_n2.png) no-repeat 0px 0px;}
.subMenu li.l2 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_2.png) no-repeat 0px 0px;}
.subMenu li.l3 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_n3.png) no-repeat 0px 0px;}
.subMenu li.l3 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_3.png) no-repeat 0px 0px;}
.subMenu li.l4 a{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_n4.png) no-repeat 0px 0px;}
.subMenu li.l4 a:hover{background:url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/nav_4.png) no-repeat 0px 0px;}



.c-1 { background: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/c1.jpg") no-repeat center 232px;width:980px; height: 572px; position: relative; overflow: hidden; zoom: 1;margin:0 auto; }
.c-1 .Lef { width: 570px;height:340px; float: left; }
.c-1 .Lef li { width: 72px; height: 82px; padding: 18px 0 0 23px; background-image: url("http://p1.yokacdn.com/pic/div/2014/topic/12/Te5/m05.png"); background-repeat: no-repeat; background-position: 0 -100px; position: relative; cursor: pointer; }
.c-1 .Lef li h4 { font-weight: normal; color: #fff; }
.c-1 .Lef li.on { background-position: 0 0; }
.c-1 .Lef li.on p { display: block; }
.c-1 .Lef li.n1 { position: absolute; top: 60px; left: 95px; }
.c-1 .Lef li.n2 { position: absolute; top: 150px; left: 47px; }
.c-1 .Lef li.n3 { position: absolute; top: 240px; left: 47px; }
.c-1 .Lef li.n4 { position: absolute; top: 330px; left: 95px; }
.c-1 .Lef p { top: 25px; left: 75px; width: 152px; }
.c-1 .Lef p, .c-1 .Lef .Tu span { display: none; color: #fff; text-align: center; position: absolute; background: #4b4b4b; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
.c-1 .Lef .Tu span a{color:#fff;}
.c-1 .Lef .Tu span { width: 0; font-size: 13px; height: 21px; line-height: 21px; z-index: 99; }
.c-1 .Lef .on span { display: block; }
.c-1 .Lef .t01 { position: absolute; top: 232px; left:0px;z-index:7; }
.c-1 .Lef .t01 span { top: 15px; left: 53px; }
.c-1 .Lef .t02 { position: absolute; top: 266px; left: 47px;z-index:6; }
.c-1 .Lef .t02 span { top: 8px; left: 110px; }
.c-1 .Lef .t03 { position: absolute; top: 326px; left: 100px; z-index:8;}
.c-1 .Lef .t03 span { top: 80px; right:18px; }
.c-1 .Lef .t04 { position: absolute; top: 386px; left: 30px;z-index:9; }
.c-1 .Lef .t04 span { top: 6px; left: 34px; }
.c-1 .Lef .t05 { position: absolute; top: 443px; left: 129px;z-index:10; }
.c-1 .Lef .t05 span { top: 16px; left: 91px; }
.c-1 .Rig { width: 410px;float: right; padding-top:232px;}

.c-1 p.p1{position:absolute;left:342px;top:274px;}
.c-1 p.p2{position:absolute;left:342px;top:377px;}
.c-1 p.p3{position:absolute;left:342px;top:467px;}





.c-2 {width:100%; height: 488px; margin:0 auto;background:#deeaf8 url(http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/c2_bg.jpg) no-repeat center top;padding-top:30px;overflow:hidden;}
.c-2 .cnt { width: 962px; height: 495px; padding: 33px 0 0 18px; border-top: 0; }
.c-2 .tit { width: 690px; height: 25px; margin: 0 auto 29px; }
.c-2 .tit h4 { width: 108px; height: 33px; line-height: 33px; text-align: center; color: #777777; background-image: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/Icn.jpg"); background-repeat: no-repeat; background-position: -138px 0; margin: 0 10px; float: left; cursor: pointer;font-size:16px; }
.c-2 .tit h4.on { background-position: 0 0; color: #ffffff;}
.c-2 .box { width: 160px; float: left; margin: 0 20px 0 0; display: inline; }
.c-2 .box .t dt { width: 63px; height: 63px; margin: 0 auto; }
.c-2 .box .t dd h3 { padding: 4px 0 1px 0; font-weight: normal; font-size: 12px; color: #3a88ff; }
.c-2 .box .t dd { padding: 10px 0; font-size: 16px; line-height: 23px; text-align: center; }
.c-2 .box .t a { color: #3c3c3c; }
.c-2 .box .b dt { width: 160px; }
.c-2 .box .b dt img { width: 160px; height: 160px; display: block; }
.c-2 .box .b dd p { width: 160px; overflow: hidden; zoom: 1;padding:5px 0px }
.c-2 .box .b dd p span { padding: 0 6px 0 0; color: #595959; line-height: 22px; display: block; float: left; }
.c-2 .box .b dd p img { width: 17px; height: 16px; display: block; padding: 2px 4px 0 0; float: left; }
.c-2 .box .b dd div { font-size: 14px; line-height: 18px; color: #000000; height: 55px; overflow: hidden; }



.c-3 { background: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/c3.jpg") no-repeat center 0;width:980px; height: 815px; position: relative; margin:0 auto;}
.c-3 .ab { position: absolute; }
.c-3 .bpic { display: block; text-indent: -99999px; }
.c-3 dl { position: absolute; }
.c-3 dl dt { font-size: 18px; }
.c-3 dl dd { color: #777; letter-spacing: -0.1px; }
.c-3 dl dd div { height: 110px; overflow: hidden; }
.c-3 dl dd p { width: 160px; overflow: hidden; zoom: 1; }
.c-3 dl dd p span { padding: 0 6px 0 0; color: #595959; line-height: 22px; display: block; float: left; }
.c-3 dl dd p img { width: 17px; height: 16px; display: block; padding: 2px 4px 0 0; float: left; }
.c-3 .Pro01 { top: 113px; left: 0px; }
.c-3 .Pro01 .bpic { width: 177px; height: 137px; }
.c-3 .Pro01 dl { width: 242px; }
.c-3 .Pro02 { top: 109px; left:290px; }
.c-3 .Pro02 .bpic { width: 87px; height: 346px; }
.c-3 .Pro02 dl { width: 242px; top: 85px; left: 92px; }
.c-3 .Pro02 dl div { height: 153px; }
.c-3 .Pro03 { top: 291px; left: 684px; }
.c-3 .Pro03 dl { top: -179px; width: 270px;  }
.c-3 .Pro03 .bpic { width: 152px; height: 156px; }
.c-3 .Pro04 { top: 507px; left: 0px; }
.c-3 .Pro04 .bpic { width: 178px; height: 168px; }
.c-3 .Pro04 dl { top: 0; left: 194px;width: 270px;  }
.c-3 .Pro05 { top:507px; left: 513px; }
.c-3 .Pro05 .bpic { width: 172px; height: 168px; }
.c-3 .Pro05 dl { top: 0; left: 194px; width: 270px; }
.c-3 .txt { bottom: 33px; left: 173px; width: 647px; font-size: 16px; line-height: 25px; color: #ffffff; }





.col { background:url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/hg.jpg") no-repeat center 0; height: 116px; }

.c-7 {height: 215px; position: relative; }
.c-7 h2 { width: 980px; height: 154px; margin: 0 auto; }
.c-7 .c-7cnt { width: 980px; margin: 0 auto; position: relative; }
.c-7 .focRgt, .c-7 .focLft { position: absolute; width: 36px; height: 36px; overflow: hidden; cursor: pointer; top: 33px; left: 0px; z-index: 999; }
.c-7 .focRgt { left: 946px; }
.c-7 .focRgt span, .c-7 .focLft span { background-image: url("http://p1.yokacdn.com/pic/div/2014/topic/12/sdsdpc/newbtn.png"); background-repeat: no-repeat; width: 33px; height: 33px; display: block; }
.c-7 .focLft span { background-position: 0 -33px; }
.c-7 .focLft span.on { background-position: 0 0; }
.c-7 .focRgt span { background-position: -33px -33px; }
.c-7 .focRgt span.on { background-position:-33px 0px; }
.c-7 .slide { width: 883px; height: 150px; padding: 0 0 0 50px; }
.c-7 .slide-box { position: relative; width: 883px; height: 150px; overflow: hidden; }
.c-7 .scrollable-panel li { float: left; display: inline; margin: 0 9px 0 0; }