body,div,ul,li,dl,dt,dd,p,span,a,img,header,nav,article,section,footer,h1,h2,h3,h4,h5,ol,a { margin:0; padding: 0;}
a { /* color: #666; */ text-decoration:none;}
img{border:0px;}
            ul, ol{ list-style: none;}
            body{ font:2em "微软雅黑"; color:#fff; overflow: hidden;}
            #box{ width:100%; transition:all 1s ease-in 0s;}
            .page{ width:100%; height:100%; position:relative;}
            .go0{
                transform: translate3d(0,0,0);			 
				-ms-transform:translate3d(0,0,0); 	/* IE 9 */
				-moz-transform:translate3d(0,0,0); 	/* Firefox */
				-webkit-transform:translate3d(0,0,0); /* Safari 和 Chrome */
				-o-transform:translate3d(0,0,0); 	/* Opera */
            }
             .go1{
          
				  transform: translate3d(0,-100%,0);			 
				-ms-transform:translate3d(0,-100%,0); 	/* IE 9 */
				-moz-transform:translate3d(0,-100%,0); 	/* Firefox */
				-webkit-transform:translate3d(0,-100%,0); /* Safari 和 Chrome */
				-o-transform:translate3d(0,-100%,0); 	/* Opera */
            }
             .go2{
                	  transform: translate3d(0,-200%,0);			 
				-ms-transform:translate3d(0,-200%,0); 	/* IE 9 */
				-moz-transform:translate3d(0,-200%,0); 	/* Firefox */
				-webkit-transform:translate3d(0,-200%,0); /* Safari 和 Chrome */
				-o-transform:translate3d(0,-200%,0); 	/* Opera */
            }
             .go3{
              	  transform: translate3d(0,-300%,0);			 
				-ms-transform:translate3d(0,-300%,0); 	/* IE 9 */
				-moz-transform:translate3d(0,-300%,0); 	/* Firefox */
				-webkit-transform:translate3d(0,-300%,0); /* Safari 和 Chrome */
				-o-transform:translate3d(0,-300%,0); 	/* Opera */
            }
             .go4{
             	  transform: translate3d(0,-400%,0);			 
				-ms-transform:translate3d(0,-400%,0); 	/* IE 9 */
				-moz-transform:translate3d(0,-400%,0); 	/* Firefox */
				-webkit-transform:translate3d(0,-400%,0); /* Safari 和 Chrome */
				-o-transform:translate3d(0,-400%,0); 	/* Opera */
            }
            
            .header{ width: 100%; height: 75px;  /* background: rgba(0,0,0,0.6); */  position: fixed; z-index: 999; background-color:#53797C; }
        .header-in{ width: 980px; height: 75px; margin: 0 auto;}
        .header-in h1{ width: 75px; height: 75px; background: url(../images/logo.png) no-repeat 0 8px; float: left; margin-left:68px; }
       .header-in h1 a{ display: block; height: 0; padding-top: 58px; overflow: hidden;}

        .header-in ul{ float: left; margin-left: 228px;}
           .header-in ul li{ width: 105px; height: 55px; float: left; text-align: center; padding-top: 20px; color: #fff; font-size: 18px; font-family: "宋体"; cursor:pointer; }
           .header-in ul li.current{ background-color: #F38382;}    
                     
              /* 音乐播放 */
            /* div{ width: 56px; height: 44px; background: url(../images/musicBtn.gif) no-repeat; cursor: pointer; }  */

               .one{ background: url(../images/shouye.jpg);background-size:cover}

/* page2 */
.two {
    background: url(../images/zuopin.jpg);
    background-size: cover
}        
         .xiaodaohang{width:980px;height:600px; margin:0 auto; padding-top:90px; position:absolute; right:10%; margin-left:-668px; box-sizing: border-box;}
                 .xiaodaohang ol{height:30px; position:absolute; top:280px; left:90%; }
                 .xiaodaohang ol li{height:30px; line-height:30px; margin:0 5px; padding:0 10px; float:right; font-size:18px; background:#fff; opacity:0.6; text-align:center; cursor: pointer; color:#333; border-radius: 8px; font-family: "宋体"; /* font-weight: bold; */ margin-top:5px;}
                 .xiaodaohang ol li:hover{color:blue;}
                 .xiaodaohang ol li.current{ color:#F38382; opacity:1;} 
				 
.clear{clear:both;}				 
.page_content{ width:68%; position:absolute; margin-left:180px;margin-top:125px;}
.page_content ul li img{ float:left; width:280px; height:180px; border:1px solid #ccc; margin-right:20px;background:#fff; opacity:0.6; margin-top:15px; margin-bottom:20px;
border-radius:5px;
box-shadow:0 0 12px #333;
}     
.page_content ul li img:hover{color:#3985F5;opacity:1;}


#page2 ul li img{ float:left; width:200px; height:180px; border:1px solid #ccc; margin-right:20px;background:#fff; opacity:0.6; margin-top:15px; margin-bottom:20px;
border-radius:5px;
box-shadow:0 0 12px #333;
}     
#page2 ul li img:hover{color:#3985F5;opacity:1;}

	 

        #page3 ul li{ width:450px;  float: left; height: 520px;margin:0px  6px; background: url(../images/mobilebg.png) center center no-repeat;}
        #page3 ul li img{width:195px; height:352px; margin-left:119px; margin-top: 85px; opacity:0.7;  box-shadow:none}
        #page3 ul li img:hover{color:#3985F5;opacity:1;}


        #page4 ul li img{ float:left; width:280px; height:450px; border:1px solid #ccc; margin-right:25px;background:#fff; opacity:0.6; margin-top:15px; margin-bottom:20px;
border-radius:5px;
box-shadow:0 0 12px #333;
}     
#page4 ul li img:hover{color:#3985F5;opacity:1;}

#page5 ul li img{ float:left; width:208px; height:140px; border:1px solid #ccc; margin-right:20px;background:#fff; opacity:0.6; margin-top:15px; margin-bottom:10px;
border-radius:5px;
box-shadow:0 0 12px #333;
}     
 #page5 ul li img:hover{color:#3985F5;opacity:1;}
           
/* 第三页 */
.three {
    background: url(../images/jineng.jpg);
    background-size: cover
}
            .dahezi{ width:1200px;  margin:0 auto 0 245px; }
              .dahezi ul{ padding-top:130px; }
            .dahezi ul li{  float:left; width:23%;  margin-left:-20px; text-align: center; font-family: "微软雅黑"; font-size: 18px; line-height: 40px; color:#141516;}
        .dahezi ul li p{font-size: 14px;  padding:5px 15px;  display:block;}
        .dahezi ul li p:hover{ color:#F38382;}
            .dahezi ul li:first-child{ left:-45px; top:40px;}
            .dahezi ul li:nth-child(2){ left:225px; top:42px;}
            .dahezi ul li:nth-child(3){ left:493px; top:40px;}
            .dahezi ul li:last-child{ left:757px; top:38px;}
            .dahezi ul li a img{ transition:1s;}

/* page4 */
.four {
    background: url(../images/guanyu.jpg);
    background-size: cover
}
 
            #circle{ position: fixed; right:20px; }
            #circle li{ width:15px; height:15px; background-color: #F38382;  margin:10px 0;  border-radius: 50%;  cursor: pointer; }
            #circle li.current{ background-color: #fff;}
 

         .left{ width:330px; height:300px;  float:left; margin-left: 215px; margin-top: 180px; }
        .left dl{ width:330px; float:left; }
        .left dd{ height:40px;}
        .left dl dd a{ margin-left: 30px; text-align: center; font-family: "微软雅黑"; font-size: 16px; line-height: 30px;  color:#2d2e2e;  text-decoration: none; color:#3cbbb7;} 
         .yuan{width:162px; height:200px; border-radius:100%; float:right; margin-right:421px;}
         span{display: block; width:300px; height:300px;  transition:all 0.5s ease 0s; margin-right:64px; margin-top: 100px;}
            span:hover{
                -webkit-transform: rotateY(180deg);
                   -moz-transform: rotateY(180deg);
                    -ms-transform: rotateY(180deg);
                     -o-transform: rotateY(180deg);
                        transform: rotateY(180deg);
            }
            i{ display:block; width:13px; height:22px; background: url(../images/bb.png) no-repeat; cursor:pointer; transition:all 0.5s ease 0s;}
            i:hover{
                background-position: -300px -300px;
            }
            .xiaoyuan{ width:750px; height:200px; float:right; margin-top:240px; position:relative; }
            .xiaoyuan ul li{ margin-left:30px; width:88px; height:130px; float:left; text-align: center; }

            /* page5 */
.five {
    background: url(../images/wu.jpg);
    background-size: cover
}
             .hezi{ width:1000px; height:700px;  position:relative; margin:0 auto;}
             .shang{ width:539px; height:50px;  margin-top:0; top:138px; position:absolute;}
            .shang h2{ font-family: "微软雅黑"; font-size: 24px; color:white; float:right; font-weight:bold;}
            .tubiao{ width:738px; height:200px; float:right; margin-top:220px; position:relative;}
            .tubiao ul li{ margin-left:30px; width:110px; height:110px; float:left; text-align: center; }
           .zuo{ width:738px; height:400px; float:right; margin-top:-23px; position:relative;}
            .zuo ul li{ margin-left:90px; width:400px; height:40px;  line-height: 20px; color:#fff; font-size: 18px;  }
            
            


        /* 旋转效果 */
            .dahezi{width:1200px; height: 115px; 
                   transition:transform 1s ease 0s;
                   -webkit-transition:-webkit-transform 1s ease 0s;
                   -o-transition:-o-transform 1s ease 0s;
           
               }
               .dahezi li:hover a img{
                   transform:rotate(360deg);
                   -webkit-transform:rotate(360deg);
                   -o-transform:rotate(360deg);
               }