body, html{overflow: hidden;overflow-y: hidden;}
.service_header{width: 100%; height:100px; position: fixed; left: 0; top: 0; z-index: 99; }

.pageList{width: 100%; position: relative; left: 0; top: 0;}

.btns{width: 8px; position: fixed; right: 20px; top: 50%; z-index: 10;}
.btns span{width: 8px; height: 8px; margin: 8px 0; opacity: 0.5; filter: alpha(opacity=50); background: url(../image/icon_point.png) no-repeat center; display: inline-block; cursor: pointer; transition: 300ms;}
.btns span:hover, .btns .cur{opacity: 1; filter: alpha(opacity=100);}

.page{position: relative; overflow: hidden;}
.page_tip{margin: 0 0 0 -18px; position: absolute; left: 50%; bottom: 80px; z-index:9;}

.page1{background: #108acb;}
.page1 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page1 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page1 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page1 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page1.pageShow .top .p1, .page1.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page1.pageShow .top .p2, .page1.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page1.pageShow .top .p3, .page1.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page1 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page1 .left{width: 520px; height:400px; float: left; background:url(../image/service_page1_1.png); transition: 500ms; opacity: 0; filter: alpha(opacity=0); position: relative; top:40px;}
.page1 .left .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:450px; height:78px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 68px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:142px; height:142px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 14px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:142px; height:142px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 14px 0 0 14px; position: relative; top: 50px; float:left;}
.page1 .left .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:138px; height:40px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 14px 0 0 14px; position: relative; top: 50px; float:left;}
.page1 .left .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:138px; height:40px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 10px 0 0 14px; position: relative; top: 50px; float:left;}
.page1 .left .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:138px; height:126px; background:rgba(0, 0, 0, 0.20); border-radius:3px; margin: 10px 0 0 14px; position: relative; top: 50px; float:left;}
.page1 .left .p7{transition: 500ms; opacity:0; filter: alpha(opacity=0); width:138px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -74px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p8{transition: 500ms; opacity:0; filter: alpha(opacity=0); width:120px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -58px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p9{transition: 500ms; opacity:0; filter: alpha(opacity=0); width:130px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -42px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p10{transition: 500ms; opacity:0; filter: alpha(opacity=0); width:80px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -26px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p11{transition: 500ms; opacity:0; filter: alpha(opacity=0); width:100px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -10px 0 0 35px; position: relative; top: 50px; float:left;}
.page1 .left .p12{transition: 500ms; opacity:0; filter:alpha(opacity=0); width:90px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -74px 0 0 191px; position: relative; top: 50px; float:left;}
.page1 .left .p13{transition: 500ms; opacity:0; filter:alpha(opacity=0); width:130px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -58px 0 0 191px; position: relative; top: 50px; float:left;}
.page1 .left .p14{transition: 500ms; opacity:0; filter:alpha(opacity=0); width:122px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -42px 0 0 191px; position: relative; top: 50px; float:left;}
.page1 .left .p15{transition: 500ms; opacity:0; filter:alpha(opacity=0); width:92px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -26px 0 0 191px; position: relative; top: 50px; float:left;}
.page1 .left .p16{transition: 500ms; opacity:0; filter:alpha(opacity=0); width:62px; height:10px; background:rgba(0, 0, 0, 0.20); margin: -10px 0 0 191px; position: relative; top: 50px; float:left;}

.page1.pageShow .left, .page1.pageOldShow .left{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page1.pageShow .left .p1, .page1.pageOldShow .left .p1{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 200ms;}
.page1.pageShow .left .p2, .page1.pageOldShow .left .p2{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 300ms;}
.page1.pageShow .left .p3, .page1.pageOldShow .left .p3{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 900ms;}

.page1.pageShow .left .p4, .page1.pageOldShow .left .p4{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1500ms;}
.page1.pageShow .left .p5, .page1.pageOldShow .left .p5{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1600ms;}
.page1.pageShow .left .p6, .page1.pageOldShow .left .p6{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1700ms;}

.page1.pageShow .left .p7, .page1.pageOldShow .left .p7{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 400ms;}
.page1.pageShow .left .p8, .page1.pageOldShow .left .p8{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 500ms;}
.page1.pageShow .left .p9, .page1.pageOldShow .left .p9{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 600ms;}
.page1.pageShow .left .p10, .page1.pageOldShow .left .p10{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 700ms;}
.page1.pageShow .left .p11, .page1.pageOldShow .left .p11{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 800ms;}

.page1.pageShow .left .p12, .page1.pageOldShow .left .p12{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1000ms;}
.page1.pageShow .left .p13, .page1.pageOldShow .left .p13{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1100ms;}
.page1.pageShow .left .p14, .page1.pageOldShow .left .p14{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1200ms;}
.page1.pageShow .left .p15, .page1.pageOldShow .left .p15{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1300ms;}
.page1.pageShow .left .p16, .page1.pageOldShow .left .p16{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1400ms;}

.page1 .right{width:480px; float: right; font-size:18px; font-weight:bold; color:#fff;}
.page1 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 60px; position: relative; left: 50px; float:left;}
.page1 .right .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page1 .right .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 60px; position: relative; left: 50px; float:left;}
.page1 .right .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page1 .right .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 60px; position: relative; left: 50px; float:left;}
.page1 .right .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page1 .right .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 60px; position: relative; left: 50px; float:left;}
.page1 .right .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page1 .right .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:480px; height:31px; margin: 40px 0 0 60px; position: relative; left: 50px; float:left;}
.page1 .right .p10{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 20px 0 0 60px; position: relative; top: 50px; float:left;}
.page1 .right .p10 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page1 .right .p10 a:hover{ background:#fff; color:#108acb;}
.page1.pageShow .right .p1, .page1.pageOldShow .right .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page1.pageShow .right .p2, .page1.pageOldShow .right .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page1.pageShow .right .p3, .page1.pageOldShow .right .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page1.pageShow .right .p4, .page1.pageOldShow .right .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page1.pageShow .right .p5, .page1.pageOldShow .right .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page1.pageShow .right .p6, .page1.pageOldShow .right .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page1.pageShow .right .p7, .page1.pageOldShow .right .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page1.pageShow .right .p8, .page1.pageOldShow .right .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page1.pageShow .right .p9, .page1.pageOldShow .right .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}
.page1.pageShow .right .p10, .page1.pageOldShow .right .p10{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}



.page2{background: #ff8000;}
.page2 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page2 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page2 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page2 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page2.pageShow .top .p1, .page2.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page2.pageShow .top .p2, .page2.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page2.pageShow .top .p3, .page2.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page2 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page2 .left{width:480px; float: left; font-size:18px; font-weight:bold; color:#fff;}
.page2 .left .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page2 .left .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page2 .left .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page2 .left .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page2 .left .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page2 .left .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page2 .left .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page2 .left .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page2 .left .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:480px; height:32px; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page2 .left .p10{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 20px 0 0 0; position: relative; top: 50px; float:left;}
.page2 .left .p10 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page2 .left .p10 a:hover{ background:#fff; color:#108acb;}
.page2.pageShow .left .p1, .page2.pageOldShow .left .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page2.pageShow .left .p2, .page2.pageOldShow .left .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page2.pageShow .left .p3, .page2.pageOldShow .left .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page2.pageShow .left .p4, .page2.pageOldShow .left .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page2.pageShow .left .p5, .page2.pageOldShow .left .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page2.pageShow .left .p6, .page2.pageOldShow .left .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page2.pageShow .left .p7, .page2.pageOldShow .left .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page2.pageShow .left .p8, .page2.pageOldShow .left .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page2.pageShow .left .p9, .page2.pageOldShow .left .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}
.page2.pageShow .left .p10, .page2.pageOldShow .left .p10{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}

.page2 .right{width:420px; float: right; font-size:20px; font-weight:bold; color:#fff;}
.page2 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:286px; height:584px; margin: 0 0 0 120px; position: relative; top: 50px; }
.page2 .right .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:274px; height:274px; margin: -540px 0 0 -20px; position: relative; top: 50px; }
.page2.pageShow .right .p1, .page2.pageOldShow .right .p1{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 200ms;}
.page2.pageShow .right .p2, .page2.pageOldShow .right .p2{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 600ms;}



.page3{background: #75c300;}
.page3 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page3 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page3 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page3 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page3.pageShow .top .p1, .page3.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page3.pageShow .top .p2, .page3.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page3.pageShow .top .p3, .page3.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page3 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page3 .left{width: 580px; height:670px; float: left; transition: 500ms; opacity: 0; filter: alpha(opacity=0); position: relative; top:40px;}
.page3.pageShow .left, .page3.pageOldShow .left{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}

.page3 .right{width:420px; float: right; font-size:18px; font-weight:bold; color:#fff;}
.page3 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page3 .right .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page3 .right .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page3 .right .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page3 .right .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page3 .right .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page3 .right .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page3 .right .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page3 .right .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 60px 0 0 0; position: relative; top: 50px; float:left;}
.page3 .right .p9 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page3 .right .p9 a:hover{ background:#fff; color:#108acb;}
.page3.pageShow .right .p1, .page3.pageOldShow .right .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page3.pageShow .right .p2, .page3.pageOldShow .right .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page3.pageShow .right .p3, .page3.pageOldShow .right .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page3.pageShow .right .p4, .page3.pageOldShow .right .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page3.pageShow .right .p5, .page3.pageOldShow .right .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page3.pageShow .right .p6, .page3.pageOldShow .right .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page3.pageShow .right .p7, .page3.pageOldShow .right .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page3.pageShow .right .p8, .page3.pageOldShow .right .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page3.pageShow .right .p9, .page3.pageOldShow .right .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}


.page4{background: #ff4086;}
.page4 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page4 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page4 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page4 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page4.pageShow .top .p1, .page4.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page4.pageShow .top .p2, .page4.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page4.pageShow .top .p3, .page4.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page4 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page4 .left{width:520px; float: left; font-size:20px; font-weight:bold; color:#fff;}
.page4 .left .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page4 .left .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page4 .left .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page4 .left .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page4 .left .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page4 .left .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page4 .left .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page4 .left .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page4 .left .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:520px; height:32px; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page4 .left .p10{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 20px 0 0 0; position: relative; top: 50px; float:left;}
.page4 .left .p10 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page4 .left .p10 a:hover{ background:#fff; color:#108acb;}
.page4.pageShow .left .p1, .page4.pageOldShow .left .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page4.pageShow .left .p2, .page4.pageOldShow .left .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page4.pageShow .left .p3, .page4.pageOldShow .left .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page4.pageShow .left .p4, .page4.pageOldShow .left .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page4.pageShow .left .p5, .page4.pageOldShow .left .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page4.pageShow .left .p6, .page4.pageOldShow .left .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page4.pageShow .left .p7, .page4.pageOldShow .left .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page4.pageShow .left .p8, .page4.pageOldShow .left .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page4.pageShow .left .p9, .page4.pageOldShow .left .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}
.page4.pageShow .left .p10, .page4.pageOldShow .left .p10{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}

.page4 .right{width:420px; float: right; font-size:18px; font-weight:bold; color:#fff;}
.page4 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:630px; height:340px; margin: 0 0 0 -180px; position: relative; top: 50px; }
.page4 .right .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:284px; height:231px; margin: -170px 0 0 150px; position: relative; top: 50px; }
.page4 .right .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:160px; height:142px; margin: -130px 0 0 140px; position: relative; top: 50px;}
.page4.pageShow .right .p1, .page4.pageOldShow .right .p1{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 200ms;}
.page4.pageShow .right .p2, .page4.pageOldShow .right .p2{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 600ms;}
.page4.pageShow .right .p3, .page4.pageOldShow .right .p3{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 1000ms;}




.page5{background: #00CD66;}
.page5 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page5 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page5 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page5 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page5.pageShow .top .p1, .page5.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page5.pageShow .top .p2, .page5.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page5.pageShow .top .p3, .page5.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page5 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page5 .left{width:520px; float: left; font-size:18px; font-weight:bold; color:#fff;}
.page5 .left .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 0; position: relative; left: 50px; float:left;}
.page5 .left .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page5 .left .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page5 .left .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page5 .left .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page5 .left .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page5 .left .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 0; position: relative; left: 50px; float:left;}
.page5 .left .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:200px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page5 .left .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 60px 0 0 0; position: relative; top: 50px; float:left;}
.page5 .left .p9 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page5 .left .p9 a:hover{ background:#fff; color:#108acb;}
.page5.pageShow .left .p1, .page5.pageOldShow .left .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page5.pageShow .left .p2, .page5.pageOldShow .left .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page5.pageShow .left .p3, .page5.pageOldShow .left .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page5.pageShow .left .p4, .page5.pageOldShow .left .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page5.pageShow .left .p5, .page5.pageOldShow .left .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page5.pageShow .left .p6, .page5.pageOldShow .left .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page5.pageShow .left .p7, .page5.pageOldShow .left .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page5.pageShow .left .p8, .page5.pageOldShow .left .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page5.pageShow .left .p9, .page5.pageOldShow .left .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}

.page5 .right{width:480px; float: right; font-size:20px; font-weight:bold; color:#fff;}
.page5 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:480px;margin: 0 0 0 0; position: relative; top: 50px; }
.page5 .right .p1 img{ width: 100%;}
.page5.pageShow .right .p1, .page5.pageOldShow .right .p1{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1600ms 200ms;}

.page6{background: #ff5151;}
.page6 .top{width:1200px; height:200px; margin: 0 0 0 -600px; text-align: center; position: absolute; left: 50%; top:18%;}
.page6 .top .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:60px; font-weight:bold; color: #fff; margin: 0 0 20px 0; position: relative; top: 50px;}
.page6 .top .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:30px; font-weight:bold; color: #fff; margin: 0 0 4px 0; position: relative; top: 50px;}
.page6 .top .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); font-size:14px; font-weight:bold; color: #fff; position: relative; top: 50px;}
.page6.pageShow .top .p1, .page6.pageOldShow .top .p1{transition: 1200ms 30ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page6.pageShow .top .p2, .page6.pageOldShow .top .p2{transition: 800ms 600ms; top: 0; opacity: 1; filter: alpha(opacity=100);}
.page6.pageShow .top .p3, .page6.pageOldShow .top .p3{transition: 600ms 800ms; top: 0; opacity: 1; filter: alpha(opacity=100);}

.page6 .box{width: 1000px; margin:0 0 0 -500px; position: absolute; left: 50%; top: 42%; z-index: 1;}
.page6 .left{width: 520px; height:400px; background:url(../image/service_page5_1.png); transition: 500ms; opacity: 0; filter: alpha(opacity=0); position: relative; top:40px;  float:left; font-size:24px; font-weight:bold; color:#fff; line-height:62px; }

.page6.pageShow .left, .page6.pageOldShow .left{top: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}

.page6 .right{width:480px; float: right; font-size:18px; font-weight:bold; color:#fff;}
.page6 .right .p1{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 20px; position: relative; left: 50px; float:left;}
.page6 .right .p2{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 40px 0 0 10px; position: relative; left: 50px; float:left;}
.page6 .right .p3{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 20px; position: relative; left: 50px; float:left;}
.page6 .right .p4{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page6 .right .p5{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 20px; position: relative; left: 50px; float:left;}
.page6 .right .p6{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page6 .right .p7{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 20px; position: relative; left: 50px; float:left;}
.page6 .right .p8{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:180px; height:30px; padding-left:40px; line-height:30px; background:url(../image/service_page0_3.png) left center no-repeat; margin: 20px 0 0 10px; position: relative; left: 50px; float:left;}
.page6 .right .p9{transition: 500ms; opacity: 0; filter: alpha(opacity=0); width:224px; height:52px; margin: 60px 0 0 20px; position: relative; top: 50px; float:left;}
.page6 .right .p9 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; border-radius:24px;}
.page6 .right .p9 a:hover{ background:#fff; color:#108acb;}
.page6.pageShow .right .p1, .page6.pageOldShow .right .p1{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 200ms;}
.page6.pageShow .right .p2, .page6.pageOldShow .right .p2{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 300ms;}
.page6.pageShow .right .p3, .page6.pageOldShow .right .p3{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 400ms;}
.page6.pageShow .right .p4, .page6.pageOldShow .right .p4{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 500ms;}
.page6.pageShow .right .p5, .page6.pageOldShow .right .p5{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 600ms;}
.page6.pageShow .right .p6, .page6.pageOldShow .right .p6{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 700ms;}
.page6.pageShow .right .p7, .page6.pageOldShow .right .p7{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 800ms;}
.page6.pageShow .right .p8, .page6.pageOldShow .right .p8{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 900ms;}
.page6.pageShow .right .p9, .page6.pageOldShow .right .p9{left: 0; opacity: 1; filter: alpha(opacity=100); transition: 1000ms 1000ms;}