body{ width:100%; height:100%;font-family:Arial, "微软雅黑"; color:#fff;overflow-x: hidden;}
*{ padding:0; margin:0;}
a{ text-decoration:none;}
ol, ul { list-style:none; }
@media screen and (max-width: 1340px) {
    body {
    	width: 1340px !important;
        overflow-x: scroll !important;
    }
}
@media screen and (max-width: 1280px) {
    body {
    	width: 1280px !important;
       
    }
}


@media screen and (max-width: 1280px) {
    .allbj{
    	margin-left:130px;
       
    }
}
body { 

    cursor:url('../img/mfb.png'),auto;
   cursor:url('../img/mfb.png'),-moz-zoom-out;
      background-size: cover;
}

 
 
 
 
 
 
 
 @media \0screen\,screen\9{.moleft {
	display: none !important;
	 }}
 @media \0screen\,screen\9{.moright {
display: none !important;
	 }}

body{
margin:0 auto;display: block; background:url(../img/bj.jpg)   ;   	
    position: relative;
    visibility: visible;
    display: block;
    height: 8000px;
    width: 100%;
background-size: cover;

}
.mian{
	width: 1420px;
	
    margin: 0 auto;
   
}
.header{
	height: 650px;
	position: relative;
}
.logo{
	margin-top: 15px;
	position: absolute;
}
.logo2{
	position: absolute;
	left: 50%;
	margin-left: -428px;;


}

.mf{
     margin:0 auto;display: block; 	overflow: visible;
    overflow: visible;
    position: relative;
    visibility: visible;
    display: block;
    overflow: hidden;
        position: absolute;
    top: 600px;
width:100%;
}

.moleft{
	
	display: block;
	float: left;
	width: 646px;
	margin-left: -322px;
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 50s linear infinite;
    -moz-animation: rotate 50s linear infinite;
    -o-animation: rotate 50s linear infinite;
    animation: rotate 50s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.moright{
	display: block;
	float: right;
	width: 646px;
	margin-right: -322px;
    
 -webkit-transition-property: -webkit-transform2;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 50s linear infinite;
    -moz-animation: rotate 50s linear infinite;
    -o-animation: rotate 50s linear infinite;
    animation: rotate 50s linear infinite;
   
    }
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(-359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(-359deg)}
}

@media screen and left: (max-width:1900px){
 .moright{margin- -337px;}

}
@media screen and  (max-width:1880px){
 .moright{margin-right: -352px;}
}
@media screen and  (max-width:1860px){
 .moright{margin-right: -367px;}
}
@media screen and  (max-width:1840px){
 .moright{margin-right: -382px;}
}
@media screen and  (max-width:1820px){
 .moright{margin-right: -397px;}
}
@media screen and  (max-width:1800px){
 .moright{margin-right: -412px;}
}
@media screen and  (max-width:1780px){
 .moright{margin-right: -427px;}
}
@media screen and  (max-width:1780px){
 .moright{margin-right: -442px;}
}
@media screen and  (max-width:1760px){
 .moright{margin-right: -457px;}
}
@media screen and  (max-width:1740px){
 .moright{margin-right: -472px;}
}
@media screen and  (max-width:1720px){
 .moright{margin-right: -487px;}
}
@media screen and  (max-width:1700px){
 .moright{margin-right: -502px;}
}
@media screen and  (max-width:1680px){
 .moright{margin-right: -517px;}
}
@media screen and  (max-width:1660px){
 .moright{margin-right: -532px;}
}
@media screen and  (max-width:1640px){
 .moright{margin-right: -547px;}
}
@media screen and  (max-width:1620px){
 .moright{margin-right: -562px;}
}
@media screen and  (max-width:1600px){
 .moright{margin-right: -577px;}
}
@media screen and  (max-width:1590px){
 .moright{margin-right: -592px;}
}
@media screen and  (max-width:1580px){
 .moright{margin-right: -607px;}
}
@media screen and  (max-width:1560px){
 .moright{margin-right: -622px;}
}
@media screen and  (max-width:1570px){
 .moright{margin-right: -637px;}
}
@media screen and  (max-width:1580px){
 .moright{margin-right: -652px;}
}
@media screen and  (max-width:1900px){
 .moleft{margin-left: -337px;}
}
@media screen and  (max-width:1880px){
 .moleft{margin-left: -352px;}
}
@media screen and  (max-width:1860px){
 .moleft{margin-left: -367px;}
}
@media screen and  (max-width:1840px){
 .moleft{margin-left: -382px;}
}
@media screen and  (max-width:1820px){
 .moleft{margin-left: -397px;}
}
@media screen and  (max-width:1800px){
 .moleft{margin-left: -412px;}
}
@media screen and  (max-width:1780px){
 .moleft{margin-left: -427px;}
}
@media screen and  (max-width:1780px){
 .moleft{margin-left: -442px;}
}
@media screen and  (max-width:1760px){
 .moleft{margin-left: -457px;}
}
@media screen and  (max-width:1740px){
 .moleft{margin-left: -472px;}
}
@media screen and  (max-width:1720px){
 .moleft{margin-left: -487px;}
}
@media screen and  (max-width:1700px){
 .moleft{margin-left: -502px;}
}
@media screen and  (max-width:1680px){
 .moleft{margin-left: -517px;}
}
@media screen and  (max-width:1660px){
 .moleft{margin-left: -532px;}
}
@media screen and  (max-width:1640px){
 .moleft{margin-left: -547px;}
}
@media screen and  (max-width:1620px){
 .moleft{margin-left: -562px;}
}
@media screen and  (max-width:1600px){
 .moleft{margin-left: -577px;}
}
@media screen and  (max-width:1590px){
 .moleft{margin-left: -592px;}
}
@media screen and  (max-width:1580px){
 .moleft{margin-left: -607px;}
}
@media screen and  (max-width:1560px){
 .moleft{margin-left: -622px;}
}
@media screen and  (max-width:1570px){
 .moleft{margin-left: -637px;}
}
@media screen and  (max-width:1580px){
 .moleft{margin-left: -652px;}
}
@media screen and  (max-width:1650px){
 .allbj{margin-left: 10px;}
}
@media screen and  (max-width:1640px){
 .allbj{margin-left: 20px;}
}
@media screen and  (max-width:1630px){
 .allbj{margin-left: 30px;}
}
@media screen and  (max-width:1620px){
 .allbj{margin-left: 40px;}
}
@media screen and  (max-width:1610px){
 .allbj{margin-left: 50px;}
}
@media screen and  (max-width:1590px){
 .allbj{margin-left: 60px;}
}
@media screen and  (max-width:1580px){
 .allbj{margin-left: 70px;}
}
@media screen and  (max-width:1570px){
 .allbj{margin-left: 80px;}
}
@media screen and  (max-width:1560px){
 .allbj{margin-left: 90px;}
}
@media screen and  (max-width:1550px){
 .allbj{margin-left: 100px;}
}
.centerall{
	width: 1420px;
	
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}
.bb {
	margin: 0 auto;
	height: 700px;
	width: 1128px;
	margin-top: 100px;
}
.bbimg{
	position: absolute;
	
}
.black{
	    width: 1128px;
    height: 643px;
   background:#000;
    position: relative;
    top: 40px;
    text-align: center;
    line-height: 630px;
    font-size: 60px;
}
.gygkheader{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.gygkheader img{
	margin:0 auto;
	display: block;
}
.gygkcenter{
	background: #000000;
      filter:alpha(opacity=25);  
      -moz-opacity:0.25;  
      -khtml-opacity: 0.25;  
      opacity: 0.25;  
      height: 277px;
      width: 1315px;
      margin: 0 auto;
      margin-top: 15px;
      border-radius: 10px;
}
.gygkword{
	  position: relative;
    top: -278px;
    width: 1268px;
    left: 65px;
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.gygk{
	height: 365px;
}



.gyldheader{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.gyldheader img{
	margin:0 auto;
	display: block;
}
.gyldcenter{
	background: #000000;
      filter:alpha(opacity=25);  
      -moz-opacity:0.25;  
      -khtml-opacity: 0.25;  
      opacity: 0.25;  
      height: 200px;
      width: 1128px;
      margin: 0 auto;
      margin-top: 15px;
      border-radius: 10px;
}
.gyldword{
	   position: relative;
    top: -185px;
    width: 1000px;
    left: 220px;
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.gyld{
	height: 360px;
}





.par1header{
width: 1150px;
    /* margin: 0 auto; */
    margin-top: 60px;
}
.par1header img{
	display: block;
}
.par1center{
	    background: #000000;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    height: 425px;
    width: 1150px;
    /* margin: 0 auto; */
    margin-top: 40px;
    border-radius: 10px;
}
.par1word{
	     position: relative;
    top: -424px;
    width: 1000px;
    left: 10px;
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.par1{
	    height: 565px;
    padding-top: 35px;
}


.par2header{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.par2header img{
	display: block;
}
.par2center{
	background: #000000;
      filter:alpha(opacity=25);  
      -moz-opacity:0.25;  
      -khtml-opacity: 0.25;  
      opacity: 0.25;  
      height: 380px;
      width: 905px;
      margin: 0 auto;
      margin-top: 40px;
      border-radius: 10px;
}
.par2word{
	     position: relative;
    top: -390px;
    width: 905px;
    /* left: 155px; */
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.par2{
    width: 900px;
    /* float: right; */
    margin-left: 515px;
    height: 435px;
}




.par3header{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.par3header img{
	display: block;
}
.par3center{
	background: #000000;
      filter:alpha(opacity=25);  
      -moz-opacity:0.25;  
      -khtml-opacity: 0.25;  
      opacity: 0.25;  
      height: 315px;
      width: 905px;
      margin: 0 auto;
      margin-top: 40px;
      border-radius: 10px;
}
.par3word{
	     position: relative;
    top: -310px;
    width: 905px;
    /* left: 155px; */
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.par3{
    width: 900px;
    /* float: right; */
    height: 390px;
}



.par4header{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.par4header img{
	display: block;
}
.par4center{
	    background: #000000;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    height: 160px;
    width: 760px;
    /* margin: 0 auto; */
    margin-top: 40px;
    border-radius: 10px;
}
.par4word{
	     position: relative;
   top: -161px;
    width: 905px;
    /* left: 155px; */
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.par4{
  width: 900px;
    /* float: right; */
    margin-left: 515px;
    height: 280px;
}





.par5header{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.par5header img{
	display: block;
}
.par5center{
	    background: #000000;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    height: 315px;
    width: 687px;
    /* margin: 0 auto; */
    margin-top: 40px;
    border-radius: 10px;
}
.par5word{
	     position: relative;
    top: -310px;
    width: 905px;
    /* left: 155px; */
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.par5{
       width: 900px;
    /* float: right; */
    height: 450px;
}



.gycyheader{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.gycyheader img{
	margin:0 auto;
	display: block;
}
.gycycenter{
	height: 680px;
}
.gif1{
	float: left;
	width: 200px;height: 200px;
	position: absolute;
}
.imgall{
	display: block;
	height: 200px;
	width: 200px;
	float: left;
}
.gif1 .peo{
position: relative;
    left: 44px;
    top: 10px;
    width:134px;
    height: 200px;
}
.gif1 .gifimg1{
	  width: 200px;
    height: 200px;
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: 10px;
}





.gif2{
	float: left;
	width: 200px;height: 200px;
	position: absolute;
}
.gif2 .peo{
position: relative;
    left: 44px;
    top: 22px;
}
.gif2 .gifimg1{
	  width: 200px;
    height: 200px;
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: 10px;
}




.peo{
	display: none;
}
.gifnone{
	display: none;
}
.giftop{
	width: 1200px;
	height: 200px;
	margin: 0 auto;
}
.gifcenter{
	width: 1400px;
    height: 200px;
    margin: 0 auto
}



.zbheader{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.zbheader img{
	margin:0 auto;
	display: block;
}
.zbcenter{
	background: #000000;
      filter:alpha(opacity=25);  
      -moz-opacity:0.25;  
      -khtml-opacity: 0.25;  
      opacity: 0.25;  
      height: 277px;
      width: 1315px;
      margin: 0 auto;
      margin-top: 15px;
      border-radius: 10px;
}
.zbword{
	  position: relative;
    top: -278px;
    width: 1268px;
    left: 65px;
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.zb{
	height: 500px;
}


.jjheader{
	width: 1128px;
	margin: 0 auto;
	margin-top: 60px;
}
.jjheader img{
	margin:0 auto;
	display: block;
}
.jjcenter{
    background: #000000;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    height: 840px;
    width: 1315px;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 10px;
}
.jjword{
	position: relative;
    top: -842px;
    width: 1268px;
    left: 65px;
    padding: 15px;
    font-size: 25px;
    line-height: 45px;
}
.jj{
	height: 500px;
}
.fpall{
	height: 480px;
}
.fanp {margin:10px; width: 350px;height: 454px;text-align: center;position: relative;float: left;}
 .fanp .front{width: 350px;z-index: 1; height: 454px;position:absolute;left:0px;top:0px;color: #fff;}
 .fanp .behind{width: 0;height: 454px;z-index: 0;position:absolute;left:100px;top:0;color: #000;}