* {
   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;
 }
 .topul1 li:hover .topulzz {
    display: block;
  }

 .banner {
   width: 100%;
   height: 823px;
   background: url(../images/banner.jpg) no-repeat center;
 }

 .bannermid {
   display: none;
   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;
   text-align: justify;
 }

 /**.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: 100%;
   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: 1428px;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   margin-bottom: 50px;
 }

 .f1 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f11 {
   width: 357px;
   height: 234px;
   background: url(../images/park1.png) no-repeat;
   overflow: hidden;
 }

 .ff11 {
   width: 357px;
   height: 234px;
   background: #f393a3 url(../images/ewmzhz.jpg) no-repeat center;
   margin-top: -234px;
 }

 .f12 {
   width: 357px;
   height: 234px;
   background: url(../images/logozhz.png) no-repeat center;
   background-color: #f5a1af;
 }

 .f2 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f21 {
   width: 357px;
   height: 234px;
   background: url(../images/logowh.png) no-repeat center;
   background-color: #fdf8fc;
 }

 .ff22 {
   width: 357px;
   height: 234px;
   background: #fdf8fc url(../images/ewmwh.jpg) no-repeat center;
   margin-top: -234px;
 }

 .f22 {
   width: 357px;
   height: 234px;
   background: url(../images/park2.png) no-repeat;
   overflow: hidden;
 }

 .f3 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f31 {
   width: 357px;
   height: 234px;
   background: url(../images/park3.png) no-repeat;
   overflow: hidden;
 }

 .ff33 {
   width: 357px;
   height: 234px;
   background: #62c4e8 url(../images/ewmta.jpg) no-repeat center;
   margin-top: 234px;
 }

 .f32 {
   width: 357px;
   height: 234px;
   background: url(../images/logota.png) no-repeat center;
   background-color: #62c4e8;
 }

 .f4 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f41 {
   width: 357px;
   height: 234px;
   background: url(../images/logozz.png) no-repeat center;
   background-color: #5cc3aa;
 }

 .ff44 {
   width: 357px;
   height: 234px;
   background: #5cc3aa url(../images/ewmzz_01.png) no-repeat center;
   margin-top: -234px;
 }

 .f42 {
   width: 357px;
   height: 234px;
   background: url(../images/park4.png) no-repeat;
   overflow: hidden;
 }

 .f5 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f51 {
   width: 357px;
   height: 234px;
   background: url(../images/park5.png) no-repeat;
   overflow: hidden;
 }

 .ff55 {
   width: 357px;
   height: 234px;
   background: #dcd187 url(../images/ewmsy.jpg) no-repeat center;
   margin-top: 234px;
 }

 .f52 {
   width: 357px;
   height: 234px;
   background: url(../images/logosy.png) no-repeat center;
   background-color: #d6c97f;
 }

 .f6 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f7 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f71 {
   width: 357px;
   height: 234px;
   background: url(../images/logotj.png) no-repeat center;
   background-color: #6dc3a1;
 }

 .ff77 {
   width: 357px;
   height: 234px;
   background: #7bcdb9 url(../images/ewmtj.jpg) no-repeat center;
   margin-top: 234px;
 }

 .f72 {
   width: 357px;
   height: 234px;
   background: url(../images/park6.png) no-repeat;
   overflow: hidden;
 }

 .f9 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f91 {
   width: 357px;
   height: 234px;
   background: url(../images/logojyg.png) no-repeat center;
   background-color: #fdf8fc;
 }

 .ff99 {
   width: 357px;
   height: 234px;
   background: #fdf8fc url(../images/ewmjyg.jpg) no-repeat center;
   margin-top: -234px;
 }

 .f92 {
   width: 357px;
   height: 234px;
   background: url(../images/park8.png) no-repeat;
   overflow: hidden;
 }

 .f10 {
   width: 357px;
   height: 468px;
   float: left;
 }

 .f101 {
   width: 357px;
   height: 234px;
   background: url(../images/park7.png) no-repeat;
   overflow: hidden;
 }

 .ff103 {
   width: 357px;
   height: 234px;
   background: #9776bf url(../images/ewmdt2.png) no-repeat center;
   margin-top: -234px;
 }

 .f102 {
   width: 357px;
   height: 234px;
   background: url(../images/logodt.png) no-repeat center;
   background-color: #a98ad0;
 }
 .foot {width: 100%;background-color: #2ca9ff;font-size: 16px;}
 .foot .bt1 {width: 1020px;margin: 0 auto;text-align: center;color: #fff;padding: 25px 0;line-height: 2;}
 .foot .bt1 a {color: #fff;}
 .foot .bt1 .m10{margin: 24px;}

 .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;
   }
 }