*{padding:0;margin:0;}
 body{font-size:12px;font-family:'Microsoft YaHei';overflow-x:hidden;}
 ul,li{text-decoration:none; list-style:none;}
 a{text-decoration:none;color:inherit;  }
 img{ border:0;display:block;}

.top{width:100%;height:45px;background-color:#009ee8;position:relative;z-index:200000;}
.topl{float:left;font-size:14px;}
.logo{ margin-left:34px;margin-top:7px;float:left;}
.topl ul{padding-left:190px;line-height:45px;color:#ffffff;}
.topl ul li{display:block;float:left; width:100px;color:#ffffff;}
.topl ul li:hover{color:#d6e9f2;}
.topr{width:670px;height:45px;position:absolute;right:0px;}
.topr span{line-height:45px;color:#ffffff;text-align:center;float:left;display:block;margin-left:20px;}
.topr1{width:140px;height:318px;background:url(../images/bgxl.png) no-repeat; margin-right:20px;   margin-top: 7px;line-height: 29px !important;cursor:pointer;float:left;color:#ffffff;text-align:center;}
.topul1{position:absolute;width:140px;text-align:center;line-height:27px;top:36px;display:none;z-index:1000;}
.topul1 li{background-color:#0191d5;color:#ffffff;}
.topul1 li:hover{background-color:#4fb5e5;}
.topul1 li ul li{background-color:#29aae6;}
.topul1 li ul li:hover{background-color:#60bce7;}
.topr2{width:140px;height:318px;background:url(../images/bgxl.png) no-repeat;    margin-top: 7px;line-height: 29px !important;cursor:pointer;float:left;color:#ffffff;text-align:center;}
.topul2{position:absolute;width:140px;height:81px; text-align:center;line-height:27px;top:36px;display:none;z-index:1000;}
.topul2 li{background-color:#0191d5;color:#ffffff;}
.topul2 li:hover{background-color:#4fb5e5;}
.topul2 li ul li{background-color:#29aae6;}
.topul2 li ul li:hover{background-color:#60bce7;}
.topulzz{position:absolute;left:140px;width:140px;margin-top:-27px;display:none;}
.topulwh{position:absolute;left:140px;width:140px;margin-top:-27px;display:none;}
.banner{width:100%;height:950px;background:url(../images/banner.jpg) no-repeat center;}
.bannermid {    width: 1000px;height:950px; margin:0 auto;position:relative;}
.rainbow{position:absolute;top: 74px;left: 243px;width:0px;height:248px;background:url(../images/rainbow.png) no-repeat 0px 0px;}     
/*@keyframes  rainbow1{
   0%{width:0px;}
    100%{width:649px;}
}
@-moz-keyframes  rainbow1{
  0%{width:0px;}
    100%{width:649px;}
}
@-o-keyframes  rainbow1{
  0%{width:0px;}
    100%{width:649px;}
}
@-webkit-keyframes  rainbow1{
  0%{width:0px;}
    100%{width:649px;}
}
    animation:rainbow1 4s linear;-o-animation:rainbow1 4s linear;-webkit-animation:rainbow1 4s linear;-moz-animation:rainbow1 4s linear;
*/
.word{position:absolute;top: -400px;left: -46px;}
.bird{position:absolute;top: -500px;left: 1000px;}
.people{position:absolute;bottom: 0px;left: -456px;}
.balloon1{position:absolute;top: 108px;left: -77px;}

.down{ position:absolute;left:50%;right:27px; bottom:200px;opacity:0.5;z-index:5000;}




.midt{width:100%;height:383px;background-color:#ffffff;}
.midtm{width:1200px;height:263px;margin:0 auto;color:#ffffff;text-align:center;font-size:22px;line-height:45px;    padding-top: 60px;font-weight:bold;}
.midtl{width:360px;height:263px;float:left;display:block;overflow:hidden;    box-shadow: 1px 1px 20px #888888}
.midtl span{display:block;width:360px;height:45px;background-color:#009ee8;position:absolute;z-index:11;}
.midtlbj{width:360px;height:218px;}
.midtlbj:hover{opacity:0.7; transform:scale(1.2);transition:all 0.5s ease-in-out;}
.midt2{width:360px;height:263px;float:left;margin-left:60px; box-shadow: 1px 1px 20px #888888}
.midt3{width:360px;height:263px;float:left;margin-left:60px;overflow:hidden;    box-shadow:1px 1px 20px #888888}
.midt3 span{display:block;width:360px;height:45px;background-color:#ff8626;position:absolute;z-index:11;}
.midt3bj{width:360px;height:218px;}
.midt3bj:hover{ opacity:0.7; transform:scale(1.2);transition:all 0.5s ease-in-out;}
  #midm{width:100%;height:1249px;background:url(../images/midm.jpg) no-repeat center;}
  /*#midm img{display:block;float:left;}*/
  .midms{width:1100px;height:1249px;margin:0 auto;position:relative;}
  .midms1{display:block;width:465px;top:543px;color:#009ee8;right:10px;position:absolute;font-size:16px;line-height:30px;}
  /**.midml{position:absolute;  background:url(../images/midm1.jpg) no-repeat;width:960px;height:682px;left:-360px;}*/
   /*.animat1{animation:anim1 1s forwards;}
@keyframes anim1
{
100%{ left:-360px; opacity:1; }
}*/
/*.quanact0{animation:quan0 1s forwards;}*/
/*@keyframes qd0
{
from {left:300px; opacity:1;}
to { left:-200px; opacity:0; }
}*/


 /*.midm1sp{ color:#434446;font-size:26px;margin:0 auto; line-height:25px;max-width:650px;}
 .midm1s {float:right;min-width:600px;padding-top:120px;}
  .midm1sp span{font-size:18px;}
  .midmr{position:absolute;  background:url(../images/midm2.jpg) no-repeat;width:960px;height:682px;right:-360px;}
  .rimg {width:100%;height:682px; }
  .rimg img{display:block;margin:0 auto;margin-top:160px;}*/


       /*.animat2{animation:anim2 1s  forwards;}
@keyframes anim2
{
100%{ right:-360px; opacity:1; }
}*/
.about{ background:url(../images/abt-bg.jpg) center top no-repeat; position:relative; padding-bottom:470px;}
.abt-banner{ text-align:center; }
.abt-canit{ height:330px; width:1020px; margin:0 auto; position:relative;}

.mid_lunbo{ width:1200px; margin: 0 auto;height:700px;position:relative;}
.mid_zz{position:absolute; bottom:0; left:0; width:100%; height:360px;z-index:19; background:url(../images/midmbj.jpg) #54b9f3 center bottom no-repeat;}
.mid_zz1{position:absolute;bottom: 307px;left: 105px;width: 161px;height:50px;z-index:19; background-color:#54b9f3;}
.mid_zz2{position:absolute; bottom:310px; right:105px; width:161px; height:50px;z-index:19; background-color:#54b9f3;}
/*3D轮播*/
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:1200px; height:700px !important;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{width:1200px !important;position:relative; z-index:10001; height:1px;  margin:0 !important;}
.imageflow .slider{ height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .navigation{width:100%;}
.imageflow .button{cursor:pointer; height:60px; position:absolute; width:60px;}
.imageflow .previous{background:url(../images/common.png) -2px -42px no-repeat;top:-150px; left:0;}
.imageflow .next{background:url(../images/common.png) -55px -42px no-repeat; top:-150px; right:0;}

footer{ position:absolute; border:0; width:100%;}
.footer{ position:absolute; bottom:0; height:444px; background:url(../images/footer-bg.png) center no-repeat; width:100%;}
.f-con{ width:1033px; margin:0 auto; padding-top:290px;}
.f-cleft{ width:740px; float:left; padding-top:30px; }
.f-nal{ text-align:center;}
.f-nal a{ color:#fff; transition:0.5s; margin:0 10px;}
.f-nal a:hover{ color:#b1d9f6;}
.f-nal span{ color:#fff; margin:0 7px;}
.f-link{ padding-top:10px; text-align:center;}
.f-link a{ color:#b1d9f6; margin:0 10px;}
.f-word{ text-align:center; color:#b1d9f6; padding-top:10px;}
.f-cright{ width:160px; float:left; padding-left:50px; text-align:center; color:#fff;}
.f-cright span{ display:block; padding-bottom:5px;}
.zindex{width:1920px;height:306px;top:408px;position:absolute;z-index:6;background:url(../images/midmbj.jpg) no-repeat center;left:-450px;}
.dz{width:357px;height:54px;top:387px;position:absolute;z-index:8;background:url(../images/dz.png) no-repeat center;left:335px;}

 #midf{ width:100%;height:829px;background-color:#54b9f3;position:relative;}
 .midfm{margin:0 auto;width:1200px;height:670px;position:relative;}
 .midfmt{ width:1200px;height:114px;    margin: 0 auto;}
.midfmt span{display:block;font-size:25px;color:#ffffff;width:103px;line-height:46px;border-bottom:2px solid #ffffff;text-align:center;margin:0 auto;padding-top:50px;font-weight:bold;}
   .spa1{font-size:18px !important;color:#3686be !important;text-align:center;margin-top:10px;}
.spa2{font-size:18px !important;color:#96c600 !important;text-align:center;margin-top:10px;}
.spa3{font-size:18px !important;color:#ff8f33 !important;text-align:center;margin-top:10px;}
.spa4{font-size:18px !important;color:#d5274f !important;text-align:center;margin-top:10px;}
.featureBox span{font-size:14px;color:#666666;    display: block; width: 250px;  line-height: 20px; padding: 10px 20px;}
  .featureBox:hover{ background-color:#fff;}

#featureContainer {width: 1200px; position:absolute; }
#wrap {overflow: hidden;}
#load {background-image: url(images/loader32x32.gif); border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; margin: 0px auto; width: 923px; display: none; background-repeat: no-repeat; background-position: center 50%; HEIGHT: 100px; border-top: #999 0px dotted; border-right: #999 0px dotted;}
#feature {border-bottom: #999 0px dotted; position: relative; border-left: #999 0px dotted; margin-top: 5px; margin-bottom: 20px; border-top: #999 0px dotted; border-right: #999 0px dotted;}
#feature .button {border-bottom: #999 0px dotted; position: absolute; border-left: #999 0px dotted; width: 840px; border-top: #999 0px dotted; top: 72px; border-right: #999 0px dotted; left: 0px;}
#feature .prev {border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; width: 45px; display: block; background: url(../images/feature_left.png) center top; float: left; HEIGHT: 88px; border-top: #999 0px dotted; left: -45px; top: -420px;position:relative; border-right: #999 0px dotted;}
#feature .next {border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; width: 45px; display: block; background: url(../images/feature_right.png) center top; float: right; HEIGHT: 88px; border-top: #999 0px dotted;right: -45px;  top: -420px;position:relative; border-right: #999 0px dotted;}
#feature .prev:hover {background-position: center bottom;}
#feature .next:hover {background-position: center bottom;}                                             
.featureUL {border-bottom: #000 0px dotted; position: relative; border-left: #000 0px dotted; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 2800px; padding-right: 0px; float: left; border-top: #000 0px dotted; border-right: #000 0px dotted; padding-top: 0px; left: 0px;}
.featureBox {border-bottom: #999 0px dotted; border-left: #999 0px dotted; width: 330px; background-repeat: no-repeat; float: left; HEIGHT: 485px; overflow: hidden; border-top: #999 0px dotted; border-right: #999 0px dotted; padding-top: 10px ;  margin-left: 72px;}
#botton-scroll {z-index: 0; border-bottom: #999 0px dotted; border-left: #999 0px dotted; margin: 0px auto; width: 840px; float: left; HEIGHT: 560px; border-top: #999 0px dotted; border-right: #999 0px dotted;}
#block {z-index: 0; border-bottom: #999 0px dotted; position: relative; border-left: #999 0px dotted; padding-bottom: 20px; margin: 0px auto; padding-left: 0px; width: 1200px; padding-right: 0px; HEIGHT: 650px; FONT-SIZE: 70%; overflow: hidden; border-top: #999 0px dotted; border-right: #999 0px dotted; padding-top: 0px ;}
#block .box {border-bottom: #d8d8d8 0px solid; border-left: #d8d8d8 0px solid; padding-bottom: 10px; margin: 0px 10px; padding-left: 10px; width: 240px; padding-right: 10px; float: left; HEIGHT: 150px;  padding-top: 10px;position:relative;}
#block .box .feature-title {font-size: 140%; font-weight: normal}
#block .box .feature-thumb {width: 240px; margin-bottom: 5px; float: left; height: 150px;}
.box img{ margin-left: 15px;}
.img1{    width: 260px;height: 260px; }
.featureBox:hover .img1{transform:scale(1.1);transition:all 0.5s ease-in-out;}
  .opacity{ position:absolute;    left: -4px;top: -14px;z-index: 1000;display:none;}
  .featureBox:hover  .opacity{ display:block;}
/*.img2{width:260px;height:260px;}*/

#midff{width:101%;height:100%;background-color:#fff;}
.midffm{width:100%;height:100%;}
.midffm1{ width:100%;   margin: 0 auto;margin-bottom:30px;}
.midffm1 span{display:block;font-size:25px;color:#2ca8fe;width:154px;line-height:46px;border-bottom:2px solid #2ca8fe;text-align:center;margin:0 auto;padding-top:50px;font-weight:bold;}
.midffm2 { width:83%;position:relative;margin: 0 auto;overflow: hidden;margin-bottom:50px;}
.f1{width:315px;height:414px;float:left;  }
.f11{width:315px;height:207px;background:url(../images/tuzhz.jpg) no-repeat;overflow:hidden;}
.ff11{width:315px;height:207px;background:url(../images/ewmzhz.jpg) no-repeat;margin-top:207px;}
.f12{width:315px;height:207px;background:url(../images/logozhz.png) no-repeat center;background-color:#f393a3;}

.f2{width:315px;height:414px;float:left; }
.f21{width:315px;height:207px;background:url(../images/logowh.png) no-repeat  center;background-color:#fdf8fc;}
.ff22{width:315px;height:207px;background:url(../images/ewmwh.jpg) no-repeat;    margin-top: -207px;}
.f22{width:315px;height:207px;background:url(../images/tuwh.jpg) no-repeat;overflow:hidden;}

.f3{width:315px;height:414px;float:left; }
.f31{width:315px;height:207px;background:url(../images/tuta.jpg) no-repeat;overflow:hidden;}
.ff33{width:315px;height:207px;background:url(../images/ewmta.jpg) no-repeat;margin-top:207px;}
.f32{width:315px;height:207px;background:url(../images/logota.png) no-repeat center;background-color:#62c4e8;}

.f4{width:315px;height:414px;float:left; }
.f41{width:315px;height:207px;background:url(../images/logozz.png) no-repeat  center;background-color:#5cc3aa;}
.ff44{width:315px;height:207px;background:url(../images/ewmzz.jpg) no-repeat;    margin-top: -207px;}
.f42{width:315px;height:207px;background:url(../images/tuzz.jpg) no-repeat;overflow:hidden;}

.f5{width:315px;height:414px;float:left; }
.f51{width:315px;height:207px;background:url(../images/tusy.jpg) no-repeat;overflow:hidden;}
.ff55{width:315px;height:207px;background:url(../images/ewmsy.jpg) no-repeat;margin-top:207px;}
.f52{width:315px;height:207px;background:url(../images/logosy.png) no-repeat center;background-color:#ded18a;}

.f6{width:315px;height:414px;float:left; }
.f61{width:315px;height:207px;background:url(../images/tust.jpg) no-repeat;overflow:hidden;}
.ff66{width:315px;height:207px;background:url(../images/ewmst.jpg) no-repeat;margin-top:207px;}
.f62{width:315px;height:207px;background:url(../images/logost.png) no-repeat center;background-color:#d4d1c0;}

.f7{width:315px;height:414px;float:left; }
.f71{width:315px;height:207px;background:url(../images/logotj.png) no-repeat  center;background-color:#7bcdb9;}
.ff77{width:315px;height:207px;background:url(../images/ewmtj.jpg) no-repeat;    margin-top: -207px;}
.f72{width:357px;height:207px;background:url(../images/tutj.jpg) no-repeat;overflow:hidden;}

.f8{width:315px;height:414px;float:left; }
.f81{width:315px;height:207px;background:url(../images/tucq.jpg) no-repeat;overflow:hidden;}
.ff88{width:315px;height:207px;background:url(../images/ewmcq.jpg) no-repeat;margin-top:207px;}
.f82{width:315px;height:207px;background:url(../images/logocq.png) no-repeat center;background-color:#b380f2;}

.f9{width:315px;height:414px;float:left; }
.f91{width:315px;height:207px;background:url(../images/logojyg.png) no-repeat  center;background-color:#fdf8fc;}
.ff99{width:315px;height:207px;background:url(../images/ewmjyg.jpg) no-repeat;    margin-top: -207px;}
.f92{width:315px;height:207px;background:url(../images/tujyg.jpg) no-repeat;overflow:hidden;}

.f10{width:315px;height:414px;float:left; }
.f101{width:315px;height:207px;background:url(../images/tudt.jpg) no-repeat;overflow:hidden;}
.ff103{width:315px;height:207px;background:url(../images/ewmdt.jpg) no-repeat;margin-top:207px;}
.f102{width:315px;height:207px;background:url(../images/logodt.png) no-repeat center;background-color:#b380f2;}

.foot{    width: 100%; height: 270px;background-color: #2ca9ff;}
 .foot1{width:1200px;height:255px;margin:0 auto;padding-top:15px;}
.foot11{width:350px;height:225px;margin-top:20px;float:left;}
.foot11 img{display:block;float:right;}
.lyft{ padding-right:13px;}
.foot22{ width:800px;height:255px;float:left; }
.sp1{ float:right;margin-right:40px;font-size:20px;width:70px;background:url(../images/return.jpg) no-repeat left;color:#003cba;text-align:right;display:block;    margin-top: 10px;}
.ul1{    display: block; float: left;color: #ffffff; font-size: 20px;width: 550px;line-height: 50px; margin-top: 75px; margin-left: 90px;}
.ul1 li{display:block;float:left;width:180px;background:url(../images/li.png) no-repeat left;text-indent:2em;cursor:pointer;}
.ul1 li:hover{background:url(../images/li1.png) no-repeat left;}
.sp2{display:block;width:680px;float:left;font-size:14px;color:#ffffff;text-align:center;margin-top:25px;}

.return_top{display:none; width:127px;height:126px;background:url(../images/return_top1.png) no-repeat;position:fixed;z-index:999; bottom:120px;right:60px;color:#0b5096; font-size:14px;cursor:pointer; font-weight:bold; text-align:center;line-height:127px; }
    .return_top:hover { color:#fff;animation:return_top 1.5s infinite linear;-webkit-animation:return_top 1.5s infinite linear;-o-animation:return_top 1.5s infinite linear;-moz-animation:return_top 1.5s infinite linear;}
@keyframes return_top {
    50% { background:url(../images/return_top2.png) no-repeat;}
}
@-webkit-keyframes return_top {
    50% { background:url(../images/return_top2.png) no-repeat;}
}
@-o-keyframes return_top {
    50% { background:url(../images/return_top2.png) no-repeat;}
}
@-moz-keyframes return_top {
    50% { background:url(../images/return_top2.png) no-repeat;}
}