/* CSS Document */
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0;}
body { font-size: 14px; font-family: 'Microsoft YaHei'; color: #fff; }
a { color: #666; }
a:hover { color: #f60; text-decoration: underline; }
p { line-height: 1.5em; padding: 5px 0; }
h2 { font-size: 14px; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.title_1{ font-size:50px; text-align:center; height:60px;  line-height:60px; overflow:hidden; }
.title_2{ text-align:center; color:#fbfe00; height:40px; font-size:24px; line-height:40px;overflow:hidden;}


.page1{ background: #ec4444;}
.page1 .dw{ width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px; overflow:hidden;}
.page1 .con .left{ width:560px; float:left;}
.page1 .con .left .video{ background:url(../img/biao_01.gif) no-repeat; width:408px; height:330px;  margin:0 auto;margin-top:60px; margin-bottom:10px; overflow:hidden;}
.page1 .con .left .video .video_con{ width:370px; height:215px; background:#ddd; overflow:hidden; margin-top:13px; margin-left:15px;}
.page1 .con .right{ background:url(../img/biao_02.gif) no-repeat;width:584px; height:518px; float:right; margin-top:20px;}
.page1 .con .right .title_03{ height:30px; line-height:30px; text-align:center;}

.page2{ background: #605cba;}
.page2 .dw{ overflow:hidden;width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page2 .dw .con{ padding-top:20px;}
.page2 .dw .con .left{ float:left;}
.page2 .dw .con .center{ width:270px; float:left; font-size:20px; line-height:35px; margin-left:18px; padding-top:90px;}
.page2 .dw .con .right{ background:url(../img/biao_04.gif) no-repeat; width:459px; height:416px; float:right; margin-top:20px; overflow:hidden;}
.page2 .dw .con .right .video{ width:370px; height:215px; background:#333; overflow:hidden; margin-top:65px; margin-left:70px;}

.page3 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page3 .title_1{ color:#cc0000;}
.page3 .title_2{ color:#333;}
.page3 .dw .con{ height:40px; line-height:40px; margin-left:305px; margin-top:310px; font-size:24px;}

.page4{ background: #2eb080;}
.page4 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page4 .dw .con{ background:url(../img/biao_06.gif) center 5px no-repeat; height:510px; position:relative; line-height:20px;}
.page4 .dw .con h2{ font-size:20px; height:30px; line-height:30px; font-weight:normal;}
.page4 .dw .con .a{ height:70px; width:370px; text-align:right; position:absolute; right:695px; top:10px;}
.page4 .dw .con .b{ height:70px; width:370px; text-align:right; position:absolute; right:855px; top:210px;}
.page4 .dw .con .c{ height:70px; width:370px; text-align:right; position:absolute; right:770px; top:420px;}
.page4 .dw .con .d{ height:70px; width:370px; position:absolute; left:845px; top:150px;}
.page4 .dw .con .e{ height:70px; width:370px; position:absolute; left:830px; top:385px;}
.page4 .dw .con .f{ width:270px;position:absolute; left:478px; top:235px; text-align:center;}
.page4 .dw .con .f h3{ height:50px; line-height:50px; font-size:30px;}

.page5{ background: #ee4b62;}
.page5 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page5 .dw .con{ height:510px; background:url(../img/biao_08.gif) center 30px no-repeat; overflow:hidden;}
.page5 .dw .con ul{ width:1368px;}
.page5 .dw .con ul li{ width:174px; margin-right:168px; text-align:center; float:left; font-size:18px; margin-top:460px;}

.page6{ background: #4bb2dd;}
.page6 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page6 .dw .con{ width:1200px; overflow:hidden; background:url(../img/biao_10.gif) center 20px no-repeat;}
.page6 .dw .con ul{ width:1224px;}
.page6 .dw .con ul li{ width:180px; margin-right:24px; float:left; padding-top:370px;}
.page6 .dw .con ul li strong{ display:block; background:#125e7e; height:40px; text-shadow:1px 1px 0px #125e7e; line-height:40px; font-size:16px; font-weight:normal; text-align:center; border-radius:5px; margin:10px 0;}
.page6 .dw .con ul li span{ color:#125e7e;}

.page7{ background: #605cba;}

.page8{ background:#FEE04C;}
.page8 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page8 .title_1{ color:#c00;}
.page8 .title_2{ color:#333;}
.page8 .dw .con{ height:500px; background:url(../img/biao_13.gif) center top no-repeat; overflow:hidden;}
.page8 .dw .con table{border-top:#f34d0c dotted 1px;border-left:#f34d0c dotted 1px; margin-top:90px;}
.page8 .dw .con table tr td{ border-bottom:#f34d0c dotted 1px; background:#fff; background:rgba(255,255,255,0.8);border-right:#f34d0c dotted 1px; line-height:40px; padding:10px; text-align:left; color:#f34d0c; font-size:18px;}
.page8 .dw .con .suan{ line-height:40px; padding:20px 0; text-align:center; color:#f00; font-size:24px; background:#fff; border-bottom-left-radius:20px;border-bottom-right-radius:20px; padding-left:20px; text-align:left;}


.page8_b .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page8_b .dw .con{ height:500px; overflow:hidden;}
.page8_b .dw .con h2{ height:60px; line-height:60px; text-align:center; font-size:24px; font-weight:normal; background:url(../img/dllc_bg.gif) center no-repeat;  margin:0 auto;margin-top:20px; position:relative; z-index:1;}
.page8_b .dw .con ul{ height:132px; overflow:hidden; position:relative; z-index:2;}
.page8_b .dw .con ul li{ float:left; height:130px; width:130px; text-align:center; border-radius:130px;border:#ca74f3 dotted 1px; margin-left:25px; font-size:16px; background:#ad45de;color:#fff; overflow:hidden;}
.page8_b .dw .con ul li span{ display: block; height:56px; margin-top:15px; color:#fff; text-align:center; font-size:30px; padding-top:10px;}
.page8_b .dw .con .llybz{width:190px; text-align:center; height:50px; line-height:48px;  float:left; margin-left:396px; margin-right:30px;}
.page8_b .dw .con .llybz a{ display:block;background: url(../img/llybz_hover.png) #ad45de 20px center no-repeat; padding-left:60px; text-align:left;  border:#7a17a8 dotted 1px; color:#7a17a8; font-weight:bold; border-radius:5px; font-size:16px; transition:all 0.5s;}
.page8_b .dw .con .llybz a:hover{ text-decoration:none; background: url(../img/llybz.png) #ad45de 20px center no-repeat;color:#fff;border:#fff dotted 1px;}
.page8_b .dw .con .xzht{ width:190px; text-align:center; height:50px; line-height:48px;  float:left;}
.page8_b .dw .con .xzht a{ display:block;background: url(../img/xzht_hover.png) #ad45de 20px center no-repeat; padding-left:60px; text-align:left;  border:#7a17a8 dotted 1px; color:#7a17a8; font-weight:bold; border-radius:5px; font-size:16px; transition:all 0.5s;}
.page8_b .dw .con .xzht a:hover{ text-decoration:none; background: url(../img/xzht.png) #ad45de 20px center no-repeat;color:#fff;border:#fff dotted 1px;}

.page9{ background:#4182ee;}
.page9 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
/*scroll_03*/
.scroll_03{ height:220px; position:relative; margin-top:30px; width:1200px; }
.scroll_03 .hd .prev{ display:block; position:absolute; left:0px; top:56px; width:33px; height:65px; line-height:10px;overflow:hidden;cursor:pointer; background: url(../img/biao_11.gif) no-repeat;} 
.scroll_03 .hd .next{ display:block; position:absolute; left:1217px; top:56px; width:33px; height:65px; line-height:10px;overflow:hidden;cursor:pointer;background:url(../img/biao_11_b.gif) no-repeat; }
.scroll_03 .bd{ margin-left:41px;}
.scroll_03 .bd li{ float:left; width:156px; overflow:hidden; margin:0 15px;}
.scroll_03 .bd li .img{height:170px; border:#b9d0f7 solid 1px; padding:2px; width:150px; overflow:hidden; }
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table{ width:150px; overflow:hidden;}
.scroll_03 .bd li .img table tr td{ height:170px; text-align:center; font-size:0; width:150px; overflow:hidden; background:#b9d0f7;} 
.page9 .dw .rongyu{ height:200px; margin-top:15px; overflow:auto;border-top:#b9d0f7 solid 1px;border-bottom:#b9d0f7 solid 1px; background:url(../img/biao_12.gif) 5px 122px no-repeat; border-radius:10px; }
.page9 .dw .rongyu ul{ padding:15px 0;}
.page9 .dw .rongyu ul li{ text-align:center; padding-bottom:15px;}
.page9 .dw .rongyu ul li strong{ display:block; line-height:30px; font-size:24px;  height:30px;}

.page9_b{ background:#ee6c44;}
.page9_b .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}

.page10{ background: #BF0036;}
.page10 .dw{overflow:hidden; width:1200px; height:610px;position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-280px;}
.page10 .dw .con_1 .left{ background:url(../img/biao_09_a.gif) center top no-repeat; width:590px; float:left; margin-top:60px;}
.page10 .dw .con_1 .left strong{ display:block; font-weight:normal; padding-top:60px; height:60px; line-height:60px; text-align:center; font-size:30px;}
.page10 .dw .con_1 .left span{ display:block; height:80px; line-height:80px; font-size:60px; text-align:center; border:#fff solid 1px; color:#fbfe00;}
.page10 .dw .con_1 .right{ background:url(../img/biao_09_b.gif) center top no-repeat; width:590px; float:right; margin-top:60px;}
.page10 .dw .con_1 .right strong{ display:block; font-weight:normal; padding-top:60px; height:60px; line-height:60px; text-align:center; font-size:30px;}
.page10 .dw .con_1 .right span{ display:block; height:80px; line-height:80px; font-size:60px; text-align:center; border:#fff solid 1px; color:#fbfe00;}
.page10 .dw .con_1 .right span a{color: #fbfe00;font-size:60px; display:block;}
.page10 .dw .con_1 .right span a:hover{ text-decoration:none; background:#a2002e;}
.page10 .dw .cg{ height:60px;color:#fbfe00; line-height:60px; font-size:24px; padding-top:20px;  text-align:center;}
.page10 .dw .more{ text-align:center;}

.section .next{ position:absolute; bottom:0px; left:50%; width:100px; height:100px; margin-left:-50px;}
.section .next a{ display:block;width:100px; height:100px; background:url(../img/next.gif) center 50px no-repeat;}
.section .pre{ position:absolute; top:51px; left:50%; width:100px; height:100px; margin-left:-50px;}
.section .pre a{ display:block;width:100px; height:100px; background:url(../img/pre.gif) center 15px no-repeat;}

@media screen and (width:1220px){ 
.section .next{ position:absolute; bottom:0px; left:50%; width:300px; height:300px; margin-left:-150px;}
.section .next a{ display:block;width:300px; height:300px; background:url(../img/next.gif) center 150px no-repeat;}
.section .pre{ position:absolute; top:51px; left:50%; width:300px; height:300px; margin-left:-150px;}
.section .pre a{ display:block;width:300px; height:300px; background:url(../img/pre.gif) center 115px no-repeat;}
.scroll_03 .hd .next{ display:block; position:absolute; left:1400px; top:56px; width:33px; height:65px; line-height:10px;overflow:hidden;cursor:pointer;background:url(../img/biao_11_b.gif) no-repeat; display:none; }
.scroll_03 .hd .prev{ display:block; position:absolute; left:0px; top:56px; width:33px; height:65px; line-height:10px;overflow:hidden;cursor:pointer; background: url(../img/biao_11.gif) no-repeat;display:none; } 
}

.jm_tanchu_bg{ position: fixed; height: 100%; width: 100%; background-color: #000; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 9998; top: 0; left: 0; }
.jm_tanchu{top: 50%; left: 50%; margin-left: -462px; margin-top: -225px; width:925px; height: 450px;background: url(../img/jm_tanchu_01.jpg) repeat-x; position: fixed; z-index: 9999; border-radius:10px;}
.jm_tanchu .right{ width:400px; position:absolute; right:50px; top:80px; z-index:5;}
.jm_tanchu .right h2{ height:70px; line-height:70px; text-align:center; font-size:48px; font-weight:normal;}
.jm_tanchu .right h3{ height:30px; line-height:30px; text-align:center; font-weight:normal; font-size:17px; margin-bottom:20px;}
.jm_tanchu .right .list{ height:40px; line-height:40px;}
.jm_tanchu .right .list span{ float:left; font-size:14px; margin-left:54px;}
.jm_tanchu .right .list input{ background:#e1f3ff; display:block; float:left; height:24px; line-height:24px; padding:0 10px; margin:0; border:1px #fff solid; margin-top:7px; width:228px; outline:none; color:#1765d1;}
.jm_tanchu .right .tijiao{ height:48px; margin-top:20px;}
.jm_tanchu .right .tijiao span{ height:48px; display:block; line-height:48px; width:138px; float:left;margin-left:54px;}
.jm_tanchu .right .tijiao span a{ display:block; height:48px; border-radius:10px; background:#fdab2b; color:#fff; text-align:center; font-size:18px;}
.jm_tanchu .right .tijiao span a:hover{ text-decoration:none; background:#1765d1;}
.jm_tanchu .right .tijiao strong{ display:block; float:right; margin-right:54px; height:48px; }
.jm_tanchu .right .tijiao strong a{ display:block; height:46px; line-height:46px; border:#fff solid 1px; text-align:center; width:138px; font-size:18px; font-weight:normal; border-radius:10px; color:#fff;}
.jm_tanchu .right .tijiao strong a:hover{ color:#1765d1; background:#fff;text-decoration:none;}
.jm_tanchu .jm_tanchu_02{ height:265px; width:925px; background:url(../img/jm_tanchu_02.png) -680px 0px no-repeat; bottom:0px; left:0px; z-index:2; position:absolute; border-radius:10px;}
.jm_tanchu_03{ width:152px; height:115px;background:url(../img/jm_tanchu_03.png) no-repeat;bottom:30px; left:195px; z-index:4; position:absolute;}
.jm_tanchu .close{ width:37px; height:51px; overflow:hidden; background:url(../img/jm_tanchu_05.png) no-repeat; position:absolute; top:-51px; right:30px; cursor:pointer;}
.jm_tanchu_04{ width:132px; height:237px;background:url(../img/jm_tanchu_04.png) no-repeat;bottom:115px; left:205px; z-index:3; position:absolute; animation:myfirst 1s infinite alternate linear;-moz-animation:myfirst 1s infinite alternate linear;-ms-animation:myfirst 1s infinite alternate linear;-o-animation:myfirst 1s infinite alternate linear;-webkit-animation:myfirst 1s infinite alternate linear;}
@keyframes myfirst
{from {bottom: 115px;}
to {bottom: 70px;}
}
@-moz-keyframes myfirst
{from {bottom: 115px;}
to {bottom: 70px;}
}

@-o-keyframes myfirst
{from {bottom: 115px;}
to {bottom: 70px;}
}

@-webkit-keyframes myfirst
{from {bottom: 115px;}
to {bottom: 70px;}
}

.jm_tanchu_05{ width:925px; height:107px;bottom:0px; left:0px; z-index:1; position:absolute; overflow:hidden; border-radius:10px;}
.jm_tanchu_05 img{ position:absolute; left:0; top:0; animation:mytwo 5s linear infinite;-moz-animation:mytwo 5s linear infinite;-ms-animation:mytwo 5s linear infinite;-o-animation:mytwo 5s linear infinite;-webkit-animation:mytwo 5s linear infinite;}

@keyframes mytwo
{from {left:0px;}
to {left:-995px;}
}
@-moz-keyframes mytwo
{from {left:0px;}
to {left:-995px;}
}
@-o-keyframes mytwo
{from {left:0px;}
to {left:-995px;}
}
@-webkit-keyframes mytwo
{from {left:0px;}
to {left:-995px;}
}