/* CSS Document */

/*-----------------------------------// 全局样式 //-----------------------------------*/



.hei{ height:1200px;}

.profra{width:960px;margin:15px auto}
.profra .limg{float:left;width:297px;height:366px;display:inline;margin:0 10px 13px 10px;  }
.profra .limg a b{z-index:10;position:absolute;top:-27px;left:104px;width:27px;height:27px;background:url("../images/big.png")/*tpa=http://0001567.ks.panguweb.cn/App/Home/Public/images/big.png*/ left top no-repeat}
.profra .limg a:hover b{z-index:10;position:absolute;top:180px;left:130px;width:27px;height:27px;background:url("../images/big.png")/*tpa=http://0001567.ks.panguweb.cn/App/Home/Public/images/big.png*/ left top no-repeat;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
.profra .limg a label{display:none;text-align:center;position:absolute;width:225px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;line-height:30px;z-index:10;bottom:10px;left:0;font-size:14px;padding:0 5px}
.profra .limg a.img{cursor:pointer;float:left;width:290px;height:360px;overflow:hidden;position:relative;padding:3px;border:#a89371 1px solid;}
.profra .limg a.img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.profra .limg a span{z-index:9;position:absolute;left:0;top:0;width:295px;height:360px;background:url("../images/pfloat.png")/*tpa=http://0001567.ks.panguweb.cn/App/Home/Public/images/pfloat.png*/ left top repeat;display:none;color:#fff;font-size:14px;padding:125px 0 0 0;line-height:30px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.profra .limg a:hover span{display:block}


   @keyframes coc_s1_fb-in {  
               0% { bottom:300px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_s1_fb-in {/*针对webkit内核*/  
               0% { bottom:300px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_s1_fb-in 
   {
      0% { bottom:300px;opacity: 0;}  
     
        100% {bottom: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_s1_fb-in 
 {
            0% { bottom:300px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;}   
  }


    #coc_s1_fb { position:relative;  padding: 170px 0 0 26%;
        animation: coc_s1_fb-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_s1_fb-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_s1_fb-in 3s;
        -o-animation:coc_s1_fb-in 3s ; 
    }		
	
	
	    @keyframes coc_s2_fb-in {  
               0% { top:300px;opacity: 0;}  

        100% {top: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_s2_fb-in {/*针对webkit内核*/  
               0% { top:300px;opacity: 0;}  

        100% {top: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_s2_fb-in 
   {
      0% { top:300px;opacity: 0;}  
     
        100% {top: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_s2_fb-in 
 {
            0% { top:300px;opacity: 0;}  

        100% {top: 0px;opacity: 1;}   
  }


    #coc_s2_fb { position:relative;  padding: 50px 0 0 26%;
        animation: coc_s2_fb-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_s2_fb-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_s2_fb-in 3s;
        -o-animation:coc_s2_fb-in 3s ; 
    }		
	
	
	   @keyframes coc_n1_fb-in {  
               0% { top:100px;opacity: 0;}  

        100% {top: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_n1_fb-in {/*针对webkit内核*/  
               0% { top:100px;opacity: 0;}  

        100% {top: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_n1_fb-in 
   {
      0% { top:100px;opacity: 0;}  
     
        100% {top: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_n1_fb-in 
 {
            0% { top:100px;opacity: 0;}  

        100% {top: 0px;opacity: 1;}   
  }


    #coc_n1_fb { position:relative;  padding: 140px 0 0 30%;
        animation: coc_n1_fb-in  ;/*动画名称*/  
        animation-duration:1.5s ;/*动画持续时间*/  
        -webkit-animation:coc_n1_fb-in 1.5s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_n1_fb-in 1.5s;
        -o-animation:coc_n1_fb-in 1.5s ; 
    }		
	
	
	    @keyframes coc_n2_fb-in {  
               0% { bottom:100px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_n2_fb-in {/*针对webkit内核*/  
               0% { bottom:100px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_n2_fb-in 
   {
      0% { bottom:100px;opacity: 0;}  
     
        100% {bottom: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_n2_fb-in 
 {
            0% { bottom:100px;opacity: 0;}  

        100% {bottom: 0px;opacity: 1;}   
  }


    #coc_n2_fb { position:relative;  padding: 0px 0 0 33%;
        animation: coc_n2_fb-in  ;/*动画名称*/  
        animation-duration:1.5s ;/*动画持续时间*/  
        -webkit-animation:coc_n2_fb-in 1.5s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_n2_fb-in 1.5s;
        -o-animation:coc_n2_fb-in 1.5s ; 
    }		
	
	

		    @keyframes coc_n3_fb-in {  
               0% { bottom:0px;opacity: 0;}  
50% { bottom:0px;opacity: 0;}
        100% {bottom: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_n3_fb-in {/*针对webkit内核*/  
               0% { bottom:0px;opacity: 0;}  
50% { bottom:0px;opacity: 0;}
        100% {bottom: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_n3_fb-in 
   {
               0% { bottom:0px;opacity: 0;}  
50% { bottom:0px;opacity: 0;}
        100% {bottom: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_n3_fb-in 
 {
               0% { bottom:0px;opacity: 0;}  
50% { bottom:0px;opacity: 0;}
        100% {bottom: 0px;opacity: 1;}  
  }


    #coc_n3_fb { position:relative;  padding: 0px 0 0 29%; height:25px;
        animation: coc_n3_fb-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_n3_fb-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_n3_fb-in 3s;
        -o-animation:coc_n3_fb-in 3s ; 
    }		

.sin20{ width:55%; float:left}
.sin21{ width:45%; float:left}
	
	 @keyframes coc_g1_fb-in {  
               0% { right:300px;opacity: 0;}  
60% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_g1_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
60% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_g1_fb-in 
   {
               0% { right:300px;opacity: 0;}  
60% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_g1_fb-in 
 {
               0% { right:300px;opacity: 0;}  
60% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
  }


    #coc_g1_fb { position:relative;  padding: 135px 0 0 52%; float:left;
        animation: coc_g1_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_g1_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_g1_fb-in 2s;
        -o-animation:coc_g1_fb-in 2s ; 
    }		
	
		 @keyframes coc_g2_fb-in {  
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_g2_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_g2_fb-in 
   {
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_g2_fb-in 
 {
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;}  
  }


    #coc_g2_fb { position:relative; padding: 10px 0 0 63%; float:left;
        animation: coc_g2_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_g2_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_g2_fb-in 2s;
        -o-animation:coc_g2_fb-in 2s ; 
    }		
	
			 @keyframes coc_g3_fb-in {  
               0% {bottom: 0px;opacity: 1;} 

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_g3_fb-in {/*针对webkit内核*/  
               0% {bottom: 0px;opacity: 1;} 

        100% {bottom: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_g3_fb-in 
   {
               0% {bottom: 0px;opacity: 1;} 

        100% {bottom: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_g3_fb-in 
 {
               0% {bottom: 0px;opacity: 1;} 

        100% {bottom: 0px;opacity: 1;}  
  }


    #coc_g3_fb { position:relative;  padding:0px 0 0 0; float:left; 
        animation: coc_g3_fb-in  ;/*动画名称*/  
        animation-duration:5s ;/*动画持续时间*/  
        -webkit-animation:coc_g3_fb-in 5s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_g3_fb-in 5s;
        -o-animation:coc_g3_fb-in 5s ; 
    }		
	
				 @keyframes coc_g4_fb-in {  
               0% { bottom:20px;opacity: 1;}  
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}  
    }  
    @-webkit-keyframes coc_g4_fb-in {/*针对webkit内核*/  
               0% { bottom:20px;opacity: 1;}  
 
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}    
    }  
    @-moz-keyframes coc_g4_fb-in 
   {
               0% { bottom:20px;opacity: 1;}  
 
  
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}    
   } 
   @-o-keyframes coc_g4_fb-in 
 {
               0% { bottom:20px;opacity: 1;}  
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}   
  }


    #coc_g4_fb { position:relative;  padding: 180px 0 0 0; float:left; 
        animation: coc_g4_fb-in  ;/*动画名称*/  
        animation-duration:3s infinite;/*动画持续时间*/  
        -webkit-animation:coc_g4_fb-in 3s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_g4_fb-in 3s infinite;
        -o-animation:coc_g4_fb-in 3s infinite; 
    }		
	
					 @keyframes coc_g5_fb-in {  
               0% { bottom:200px;opacity: 0;}  
40% { bottom:200px;opacity: 0;}

        90% {bottom: 0px;opacity: 1;} 
        100% {bottom: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_g5_fb-in {/*针对webkit内核*/  
               0% { bottom:200px;opacity: 0;}  
40% { bottom:200px;opacity: 0;}

        90% {bottom: 0px;opacity: 1;} 
        100% {bottom: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_g5_fb-in 
   {
      0% { bottom:200px;opacity: 0;}  
40% { bottom:200px;opacity: 0;}

        90% {bottom: 0px;opacity: 1;}
        100% {bottom: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_g5_fb-in 
 {
            0% { bottom:200px;opacity: 0;}  
40% { bottom:200px;opacity: 0;}

        90% {bottom: 0px;opacity: 1;} 
        100% {bottom: 0px;opacity: 1;}   
  }


    #coc_g5_fb { position:relative;  padding: 100px 0 0 0; float:left; margin-left:-25px; 
        animation: coc_g5_fb-in  ;/*动画名称*/  
        animation-duration:5s ;/*动画持续时间*/  
        -webkit-animation:coc_g5_fb-in 5s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_g5_fb-in 5s;
        -o-animation:coc_g5_fb-in 5s ; 
    }		
	
	   @keyframes coc_x1_fb-in {  
               0% { right:600px;opacity: 1;}  

        100% {right: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_x1_fb-in {/*针对webkit内核*/  
               0% { right:600px;opacity: 1;}  

        100% {right: 0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_x1_fb-in 
   {
               0% { right:600px;opacity: 1;}  

        100% {right: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_x1_fb-in 
 {
               0% { right:600px;opacity: 1;}  

        100% {right: 0px;opacity: 1;} 
  }


    #coc_x1_fb { position:relative;  padding: 0px 0 0 18%; float:left;
        animation: coc_x1_fb-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_x1_fb-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_x1_fb-in 3s;
        -o-animation:coc_x1_fb-in 3s ; 
    }		
	
	
	    @keyframes coc_x2_fb-in {  
               0% { left:600px;opacity: 0;}  

        100% {left: 0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_x2_fb-in {/*针对webkit内核*/  
               0% { left:600px;opacity: 0;}  

        100% {left: 0px;opacity: 1;}  
    }  
    @-moz-keyframes coc_x2_fb-in 
   {
               0% { left:600px;opacity: 0;}  

        100% {left: 0px;opacity: 1;} 
   } 
   @-o-keyframes coc_x2_fb-in 
 {
               0% { left:600px;opacity: 0;}  

        100% {left: 0px;opacity: 1;}  
  }


    #coc_x2_fb { position:relative;  padding: 200px 0 0 2%;float:left;
        animation: coc_x2_fb-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_x2_fb-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_x2_fb-in 3s;
        -o-animation:coc_x2_fb-in 3s ; 
    }		
	
	
		 @keyframes coc_c1_fb-in {  
               0% { right:300px;opacity: 0;}  
50% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_c1_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
50% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_c1_fb-in 
   {
               0% { right:300px;opacity: 0;}  
50% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_c1_fb-in 
 {
               0% { right:300px;opacity: 0;}  
50% { right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
  }


    #coc_c1_fb { position:relative;  padding: 120px 0 0 42%; float:left;
        animation: coc_c1_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_c1_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_c1_fb-in 2s;
        -o-animation:coc_c1_fb-in 2s ; 
    }		
	
		 @keyframes coc_c2_fb-in {  
               0% { right:300px;opacity: 0;}  
25% { right:300px;opacity: 0;}
     75% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_c2_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
25% { right:300px;opacity: 0;}
     75% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_c2_fb-in 
   {
               0% { right:300px;opacity: 0;}  
25% { right:300px;opacity: 0;}
     75% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_c2_fb-in 
 {
               0% { right:300px;opacity: 0;}  
25% { right:300px;opacity: 0;}
     75% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;}  
  }


    #coc_c2_fb { position:relative; padding: 10px 0 0 42%; float:left;
        animation: coc_c2_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_c2_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_c2_fb-in 2s;
        -o-animation:coc_c2_fb-in 2s ; 
    }		
	
	
	
			 @keyframes coc_c3_fb-in {  
               0% { right:300px;opacity: 0;}  
50% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_c3_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
50% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_c3_fb-in 
   {
               0% { right:300px;opacity: 0;}  
50% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_c3_fb-in 
 {
               0% { right:300px;opacity: 0;}  
50% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;}  
  }


    #coc_c3_fb { position:relative; padding: 10px 0 0 56%; float:left;
        animation: coc_c3_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_c3_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_c3_fb-in 2s;
        -o-animation:coc_c3_fb-in 2s ; 
    }		
	
	
					 @keyframes coc_p3_fb-in {  
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_p3_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_p3_fb-in 
   {
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_p3_fb-in 
 {
               0% { right:300px;opacity: 0;}  
40% { right:300px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
  }


    #coc_p3_fb { position:relative; padding: 0 0 0 16%; float:left; z-index:1; margin-top:-10px; width:365px;height: 502px;
        animation: coc_p3_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_p3_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_p3_fb-in 2s;
        -o-animation:coc_p3_fb-in 2s ; 
    }		
	
	
					 @keyframes coc_p4_fb-in {  
               0% { right:300px;opacity: 0;}  
60% {right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_p4_fb-in {/*针对webkit内核*/  
               0% { right:300px;opacity: 0;}  
60% {right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_p4_fb-in 
   {
               0% { right:300px;opacity: 0;}  
60% {right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_p4_fb-in 
 {
               0% { right:300px;opacity: 0;}  
60% {right:0px;opacity: 1;}

        100% {right:0px;opacity: 1;} 
  }


    #coc_p4_fb { position:relative; padding: 90px 0 0 0; float:left; z-index:2; margin-left: -100px;width:261px;height: 323px;
        animation: coc_p4_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_p4_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_p4_fb-in 2s;
        -o-animation:coc_p4_fb-in 2s ; 
    }		
	
	 @keyframes coc_p1_fb-in {  
               0% { right:0;opacity: 0;}  
50% { right:0px;opacity: 0;}

        100% {right:0px;opacity: 1;}  
    }  
    @-webkit-keyframes coc_p1_fb-in {/*针对webkit内核*/  
               0% { right:0;opacity: 0;}  
50% { right:0px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_p1_fb-in 
   {
               0% { right:0;opacity: 0;}  
50% { right:0px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_p1_fb-in 
 {
               0% { right:0;opacity: 0;}  
50% { right:0px;opacity: 0;}

        100% {right:0px;opacity: 1;} 
  }


    #coc_p1_fb { position:relative;  padding: 155px 0 0 27%; float:left; width:738px; height:105px;
        animation: coc_p1_fb-in  ;/*动画名称*/  
        animation-duration:4s ;/*动画持续时间*/  
        -webkit-animation:coc_p1_fb-in 4s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_p1_fb-in 4s;
        -o-animation:coc_p1_fb-in 4s ; 
    }		
	
		 @keyframes coc_r1_fb-in {  
               0% { top:350px;opacity: 1;}  


        100% {top:0px;opacity: 1;}  
    }  
    @-webkit-keyframes coc_r1_fb-in {/*针对webkit内核*/  
               0% { top:350px;opacity: 1;}  


        100% {top:0px;opacity: 1;}  
    }  
    @-moz-keyframes coc_r1_fb-in 
   {
               0% { top:350px;opacity: 1;}  


        100% {top:0px;opacity: 1;}
   } 
   @-o-keyframes coc_r1_fb-in 
 {
               0% { top:350px;opacity: 1;}  


        100% {top:0px;opacity: 1;} 
  }


    #coc_r1_fb { position:relative;  padding: 43px 0 0 21%; float:left;
        animation: coc_r1_fb-in  ;/*动画名称*/  
        animation-duration:1s ;/*动画持续时间*/  
        -webkit-animation:coc_r1_fb-in 1s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_r1_fb-in 1s;
        -o-animation:coc_r1_fb-in 1s ; 
    }	
	
.ronger{ width:470px; height:80px; overflow:hidden; float:left; margin: 100px 0 0 2%; }	

		 @keyframes coc_r2_fb-in {  
               0% { bottom:200px;opacity: 1;}  
60% {bottom:0px;opacity: 1;}

        100% {bottom:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_r2_fb-in {/*针对webkit内核*/  
               0% { bottom:200px;opacity: 1;}  
60% {bottom:0px;opacity: 1;}

        100% {bottom:0px;opacity: 1;} }  
    }  
    @-moz-keyframes coc_r2_fb-in 
   {
               0% { bottom:200px;opacity: 1;}  
60% {bottom:0px;opacity: 1;}

        100% {bottom:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_r2_fb-in 
 {
               0% { bottom:200px;opacity: 1;}  
60% {bottom:0px;opacity: 1;}

        100% {bottom:0px;opacity: 1;} 
  }


    #coc_r2_fb { position:relative;  padding: 10px 0 0 1%; float:left;
        animation: coc_r2_fb-in  ;/*动画名称*/  
        animation-duration:2s ;/*动画持续时间*/  
        -webkit-animation:coc_r2_fb-in 2s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_r2_fb-in 2s;
        -o-animation:coc_r2_fb-in 2s ; 
    }
		
.tuer{ float:right; overflow:hidden; width:445px}
		 @keyframes coc_r3_fb-in {  
               0% { right:500px;opacity: 1;} 
    30% { right:500px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
    }  
    @-webkit-keyframes coc_r3_fb-in {/*针对webkit内核*/  
               0% { right:500px;opacity: 1;} 
    30% { right:500px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_r3_fb-in 
   {
               0% { right:500px;opacity: 1;} 

    30% { right:500px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_r3_fb-in 
 {
               0% { right:500px;opacity: 1;} 

    30% { right:500px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
  }


    #coc_r3_fb { position:relative;  padding: 10px 0 0 3%; float:left; overflow:hidden;
        animation: coc_r3_fb-in  ;/*动画名称*/  
        animation-duration:4s ;/*动画持续时间*/  
        -webkit-animation:coc_r3_fb-in 4s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_r3_fb-in 4s;
        -o-animation:coc_r3_fb-in 4s ; 
    }		
	
/* css3 让一个图片不断翻转示例代码 */
#gavinPlay{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
   
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:122px;
    height:122px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
		position:relative;  float:left; margin:17% 0 0 48%;
}
@-webkit-keyframes play{
    0%  {
     

    
        -webkit-transform:rotate(0deg);

    }
    100% {
        -webkit-transform:rotate(360deg);

    }
}
@-moz-keyframes play{
    0%  {

        -moz-transform:rotate(0deg);

    }
    100% {
        -moz-transform:rotate(360deg);

    }
}
@keyframes play{
    0%  {
        transform:rotate(0deg);

    }
    100% {
        transform:rotate(360deg);

    }
}
 @-o-keyframes play{
    0%  {
        transform:rotate(0deg);

    }
    100% {
        transform:rotate(360deg);

    }
}



#gavinPlayer{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
   
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:75px;
    height:75px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:player 2s linear infinite;
    -moz-animation:player 2s linear infinite;
    animation:player 2s linear infinite;
	position:relative;  float:left; margin:14% 0 0 -1.5%;
}
@-webkit-keyframes player{
    0%  {
     

    
        -webkit-transform:rotate(0deg);

    }
    100% {
        -webkit-transform:rotate(-360deg);

    }
}
@-moz-keyframes player{
    0%  {

        -moz-transform:rotate(0deg);

    }
    100% {
        -moz-transform:rotate(-360deg);

    }
}
@keyframes player{
    0%  {
        transform:rotate(0deg);

    }
    100% {
        transform:rotate(-360deg);

    }
}
 @-o-keyframes player{
    0%  {
        transform:rotate(0deg);

    }
    100% {
        transform:rotate(-360deg);

    }
}
.sin100{ width:100%; float:left}
.ydmz{    padding: 2% 0 0 45%; position: relative; float:left}
.yyd{ width:100%; float:left}
.sin111{ width:300px; height:7px; float:left; margin: 1.5% 0 0 45%; background:#333; overflow:hidden }

				 @keyframes coc_y1_fb-in {  
               0% {right:200px;opacity: 1;}  
 
		 100% {right:-300px;opacity: 1;}  
    }  
    @-webkit-keyframes coc_y1_fb-in {/*针对webkit内核*/  
               0% {right:200px;opacity: 1;}  
 
		 100% {right:-300px;opacity: 1;}   
    }  
    @-moz-keyframes coc_y1_fb-in 
   {
               0% {right:200px;opacity: 1;}  
 
		 100% {right:-300px;opacity: 1;} 
   } 
   @-o-keyframes coc_y1_fb-in 
 {
               0% {right:200px;opacity: 1;}  
 
		 100% {right:-300px;opacity: 1;}  
  }


    #coc_y1_fb { position:relative;  float:left; 
        animation: coc_y1_fb-in  ;/*动画名称*/  
        animation-duration:4s infinite;/*动画持续时间*/  
        -webkit-animation:coc_y1_fb-in 4s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_y1_fb-in 4s infinite;
        -o-animation:coc_y1_fb-in 4s infinite; 
    }		
	
		 @keyframes coc_y2_fb-in {  
               0% { bottom:20px;opacity: 1;}  
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}  
    }  
    @-webkit-keyframes coc_y2_fb-in {/*针对webkit内核*/  
               0% { bottom:20px;opacity: 1;}  
 
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}    
    }  
    @-moz-keyframes coc_y2_fb-in 
   {
               0% { bottom:20px;opacity: 1;}  
 
  
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}    
   } 
   @-o-keyframes coc_y2_fb-in 
 {
               0% { bottom:20px;opacity: 1;}  
 
        50% {bottom: 0px;opacity: 1;} 
		 100% { bottom:20px;opacity: 1;}   
  }


    #coc_y2_fb { position:relative;  padding: 2% 0 0 51%; float:left; 
        animation: coc_y2_fb-in  ;/*动画名称*/  
        animation-duration:3s infinite;/*动画持续时间*/  
        -webkit-animation:coc_y2_fb-in 3s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_y2_fb-in 3s infinite;
        -o-animation:coc_y2_fb-in 3s infinite; 
    }		

#coc_y2_fb a:hover img{
	    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}