@charset "utf-8";
div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:14px; font-family:"宋体"; text-align:left; color:#003366; line-height:28px;background: #e9fcf6; transition: all ease 3s;}
a{text-decoration:none; color:#003366;}
a:hover{text-decoration:none;color:#CC0000;}
a:visited{color:#333333;}
ul li{list-style:none;}
img{border:none;}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width:1400px;
}

.mycl{display: none}

.main{ width:100%; height: 900px; margin: auto; overflow: hidden; position: relative; transition: all ease 3s; z-index: 1; }
.teaMap{width: 3600px; height: 3600px; background:url("bg_da.jpg") no-repeat center top; position: absolute;
left: 50%; margin-left: -1200px; transition: all ease 4s; }


.logo{position: absolute; top:130px; left: 890px; display: none;}
.next{position: absolute; top:450px; left: 1350px; display: none; width: 77px; height: 76px; }
.kailanyu{position: absolute; top:900px; left: 1400px; opacity: 0;transition: opacity 3s ease; z-index: 2 }
.niao{position: absolute; top:900px; left: 1350px; opacity: 0; transition: opacity 2s ease; z-index: 1 }
.next2{position: absolute; top:1260px; left: 1300px; display: none; width: 77px; height: 76px; z-index: 2 }

.part2{width: 1920px; height: 900px; /*background:url("bg_02_a.png") repeat center;*/ position: absolute; top:500px; left: 100px; opacity: 1; transition: opacity 2s ease; display: none;}
.container{width: 1200px; height: 2400px; margin: auto; /*border: 2px solid #000;*/ margin-top: 930px; position: relative;}
.op1{position: absolute; top:0px; left: 600px; display: none;}
.op2{position: absolute; top:130px; left: 20px; display: none;}
.op3{position: absolute; top:300px; left: 390px; display: none;}
.op4{position: absolute; top:480px; left: 0px; display: none;}
.op5{position: absolute; top:670px; left: 110px; display: none;}
.op6{position: absolute; top:900px; left: 0px; display: none;}
.op7{position: absolute; top:1080px; left: 142px; display: none;}
.op8{position: absolute; top:1300px; left: 350px; display: none;}
.op9{position: absolute; top:1460px; left: 580px; display: none;}
.op10{position: absolute; top:1620px; left: 500px;display: none;}
.op11{position: absolute; top:1800px; left: 630px;display: none;}

.next_shang{position: absolute; top:400px; left: -150px;display: none;}
.next_xia{position: absolute; top:1200px; left:-150px; display: none;}

.cover{width:100%; height: 100%; overflow: hidden; z-index: 98; background: #000; position: fixed; top: 0px; left: 0px; font-family:"微软雅黑"; background:url("hei.png") repeat center top; display: none; }
.container_word{width: 1000px;margin:30px auto; z-index: 99; background: #FFF; padding-bottom: 10px; margin-top: 4%; position: relative; border-radius: 30px;}
.cha{position: absolute; left:950px; top: -50px; z-index: 99;}
.title{ background: #bff7e4; color: #4e4e4e; font-size: 3em; font-weight: bold; text-align: center; padding: 20px; line-height: 60px; border-top-left-radius: 30px;border-top-right-radius: 30px;}
.con{ line-height: 1.8em; color: #000; font-size: 2.3em; margin: 20px; text-indent: 2em; height: 680px; width:960px; overflow-y: scroll;}


.scale-in-center{-webkit-animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-center{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scale-in-center{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}

/*时间延迟（同时有 animated delay-0-3s 两个class，不会冲突）*/
.animated.delay-0-3s {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.vibrate-2{-webkit-animation:vibrate-2 5s linear infinite both;animation:vibrate-2 5s linear infinite both}
 @-webkit-keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(10px, -10px);
            transform: translate(10px, -10px);
  }
  40% {
    -webkit-transform: translate(10px, -5px);
            transform: translate(10px, -5px);
  }
  60% {
    -webkit-transform: translate(-10px, -5px);
            transform: translate(-10px, -5px);
  }
  80% {
    -webkit-transform: translate(-10px, -10px);
            transform: translate(-10px, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(10px, -10px);
            transform: translate(10px, -10px);
  }
  40% {
    -webkit-transform: translate(10px, -5px);
            transform: translate(10px, -5px);
  }
  60% {
    -webkit-transform: translate(-10px, -5px);
            transform: translate(-10px, -5px);
  }
  80% {
    -webkit-transform: translate(-10px, -10px);
            transform: translate(-10px, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/*放大缩小*/
.scale2 {animation: scale2 10s infinite linear;}
@keyframes scale2 {
    0% { transform: translateY(-5px) scale(0.93);}
    25% {transform: translateY(0px) scale(1);}
    50% {transform: translateY(-5px) scale(0.9);}
    75% { transform: translateY(0px) scale(1);}
    100% {transform: translateY(-5px) scale(0.93);}
}