body{
    background: #fcdd7c url(../images/manitobg.png) no-repeat center top;
    background-size:cover; 
    overflow-x: hidden;
} 
.manito{ 
    min-width: 1200px;
}
.mt_top{ 
    position: relative;
    margin: 5% auto;
    width: 96%;
}
.manito img{
    width: 100%;
}
.mt_roundbg{
    position: relative;
    z-index: 110;
}
.mt_top .mt_round{
    width: 36%;
    position: absolute;
    top: -40px;
    left: 50%;
    width: 36%;
    margin-left: -18%;
    -webkit-animation: pulse 3s linear infinite;
    -moz-animation: pulse 3s linear infinite;
    -ms-animation: pulse 3s linear infinite;
    -o-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}
.ltlinght,.ctlinght,.rtlinght,.fiveline{
    position: absolute;
    top: -25px; 
    width: 37%;
    z-index: 100;
    -moz-animation: twinkling 600ms infinite alternate; 
    -ms-animation: twinkling 600ms infinite alternate;
    -o-animation: twinkling 600ms infinite alternate; 
    -webkit-animation: twinkling 600ms infinite alternate; 
    animation: twinkling  600ms infinite alternate;    
} 
.fiveline{
    position: static;
    top: 0; 
    width: auto;
    z-index: 100;
}
.ctlinght{
    left: 50%;
    margin-left: -18.5%;
    width: 37%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.rtlinght{
    right: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.mt_top .topfont{
    width: 45%;
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -22.5%;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
.mt_top .topname{
    width: 23%;
    position: absolute;
    top: 65%;
    left: 50%;
    margin-left: -11.5%;
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.topsay{
    width: 48.8%;
    margin: 2% auto;
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
}
.mt_updown{
    width: 48px;
    margin: 3% auto;
    -moz-animation: start 1.5s infinite ease-in-out;
    -webkit-animation: start 1.5s infinite ease-in-out;
    animation: start 1.5s infinite ease-in-out;
}
.mt_cont{
    background: url(../images/mt_conbg.png) repeat-y center center;
    background-size:100%; 
    padding: 15px 0; 
    margin-top: -5px;  
}
.mt_call h1{
    background:  url(../images/mt_conbgtop.png) no-repeat center center;
    background-size:100%; 
    height:125px ;
}
.mt_allcont{
    margin: 15px 10%;
}
.mt_allcont .one span{
    width: 45%;
    text-align: center;
}
.mt_allcont .one h2 a{
    display: inline-block;
    width: 165px;
    margin: 0 2%;
    height: 102px;
}
.mt_allcont .one .golook{
    background: url(../images/golook.png) no-repeat center;
    background-size: contain;
}
.mt_allcont .one .goadd{
    background: url(../images/goadd.png) no-repeat center;
    background-size: contain;
}
.mt_allcont .one .fr{
    text-align: right;
}
.mt_allcont .two{
    margin:10% 0;
}
.mt_allcont .two h2{
    background: url(../images/twobg.png) no-repeat left center;
    background-size: contain;
    height:61px ;
}
.mt_allcont .two h3{
    margin: 5% 0;
}
.mt_allcont .two span{
    width: 25%;
}
.mt_allcont .two .fr{
    width:70%;
    margin-left: 5%;
    text-indent: 2em;
    font-size:22px ;
    line-height: 44px;
    color: #000;
}
.mt_allcont .three h2{
    background: url(../images/threebg.png) no-repeat left center;
    background-size: contain;
    height:61px ;
}
.mt_allcont .three h3{
    text-align: center;
    font-size:20px ;
    color: #1e1e1e;
    margin: 10% 0;
}
.mt_allcont .three h3 p{
    margin: 50px 0;
}
.mt_allcont .three h5{
    text-align: right;
}
.mt_allcont .three .mt_look{
    display: inline-block;
    width: 119px;
    background: url(../images/mt_look.png) no-repeat left center;
    background-size: contain;
    height:44px ;
}
.mt_allcont .three img{
    width: auto;
}
.mt_allcont .three ul{
    max-height: 525px;
    overflow: hidden;
}
.mt_allcont .three .maxul{
    max-height: 100%;
    overflow: auto;
}
.mt_allcont .three li{
    margin: 20px 0;
    overflow: hidden;
    font-size: 20px;
    color: #1e1e1e;
    line-height: 32px;
}
.mt_allcont .three b{
    display: inline-block;
    width:42px ;
    height: 42px;
}
.mt_allcont .three .que{
    background: url(../images/que.png) no-repeat left center;
    background-size: contain;
}
.mt_allcont .three .ans{
    background: url(../images/ans.png) no-repeat left center;
    background-size: contain;
}
.mt_allcont .three span{ 
    width: 3%; 
}
.mt_allcont  .three .fr{
    width: 92%; 
    position: relative;
    top: 5px;
} 
.mt_allcont .three h4{
    font-size: 24px;
    color: #1e1e1e;
}
.mt_allcont .four {
    margin: 10% 0;
    position: relative;
    z-index: 10;
}
.mt_allcont .four h2{
    background: url(../images/fourbg.png) no-repeat left center;
    background-size: contain;
    height:61px ;
}
.mt_allcont .four h3{
    margin: 50px 0;
}
.mt_allcont .four b{
    float: left;
    width: 33.33%;
    text-align: center;
}
.mt_allcont .four img{
    width: auto;
}
.mt_allcont .five {
    position: relative;
    z-index: 10; 
    padding-bottom: 20%;
}
.mt_allcont .five h2{
    background: url(../images/fivebg.png) no-repeat left center;
    background-size: contain;
    height:61px ;
}
.mt_allcont .five h3{
    width: 79%;
    margin: 25% auto;
    position: relative;
}
.mt_allcont .five .fivema{
    position: absolute;
    margin-top: -25%;
    width: 40%;
    left: 50%;
    margin-left: -20%;
} 
.mt_footer {
    background: url(../images/mt_conbgfoot.png) no-repeat center bottom;
    background-size: 100%;
    width: 94%;
    height: 1327px;
    position: absolute;
    bottom: 0;
    left: 3%;
    right: 3%;
}

/*文字闪烁*/
 @-ms-keyframes twinkling{    
     
    0%{
       opacity:0.3; 
     }
    100%{
       opacity:1; 
    }
  }
/*文字闪烁*/
 @-moz-keyframes twinkling{    
     
    0%{
       opacity:0.3; 
     }
    100%{
       opacity:1; 
    }
  }
/*文字闪烁*/
 @-webkit-keyframes twinkling{    
     
    0%{
       opacity:0.3; 
     }
    100%{
       opacity:1; 
    }
  }/*文字闪烁*/
 @keyframes twinkling{    
     
    0%{
      opacity:0.3; 
     }
    100%{
       opacity:1; 
    }
  }

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@-ms-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}