@charset "utf-8";

    @media (max-width: 1400px) {
      h2 {
        font-size: 48px;
      }
    }
    
    @media (max-width: 1400px) {
      h3 {
        font-size: 28px;
      }
    }
	
	 @media (max-width: 1400px) {
      .sub {
        font-size: 36px;
      }
    }
	@media (max-width: 1400px) {
      h4 {
        font-size: 42px;
      }
    }
	
	@media (max-width: 1400px) {
      p {
        font-size: 20px;
      }
    }
    

.section{position:relative; overflow:hidden}


.section .wow1{ 
  opacity:0;
  transition:2s;
  transform: translateX(-1000px);
  transition-delay: 0.5s;
}

.section.active .wow1{ 
  opacity:1;
  transform:translateX(0px);
}

.section .wow2{
  opacity:0;
  transition:2s;
  transform: translateX(1000px);
  transition-delay: 0.5s;
}

.section.active .wow2{
  opacity:1;
  transform:translateX(0px);
}

.section .wow3{
  opacity:0;
  transition:2s;
  transform: translateY(1000px);
  transition-delay: 0.2s;
}

.section.active .wow3{opacity:1;
  transform:translateY(0px);
  
}

.section .wow4{
  opacity:0;
  transition:2s;
  transform: translateY(1000px);
  transition-delay: 0.4s;
}

.section.active .wow4{
  opacity:1;
  transform:translateY(0px);
  
}

.section .wow5{
  opacity:0;
  transition:2s;
  transform: translateY(1000px);
  transition-delay: 0.5s;
}

.section.active .wow5{
  opacity:1;
  transform:translateY(0px);
  
}


.section .wow6{
  opacity:0;
  transition:1.5s;
  transform: translateY(1000px);

}

.section.active .wow6{
  opacity:1;
  transform:translateY(0px);
  
}
.section .wow7{
  opacity:0;
  transition:1.8s;
  transform: translateY(1000px);
  transition-delay: 1.5s;
}

.section.active .wow7{
  opacity:1;
  transform:translateY(0px);
  
}

.section .wow8{
  opacity:0;
  transition:2s;
  transform: translateY(1000px);
  transition-delay: 1.5s;
}

.section.active .wow8{
  opacity:1;
  transform:translateY(0px);
  
}




.img1 {
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.img1:hover {
    transform:translate(0,-30px);
    -webkit-transform:translate(0,-30px);
    -moz-transform:translate(0,-30px);
    -o-transform:translate(0,-30px);
    -ms-transform:translate(0,-30px);
}

.img2 {
 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s;

        }
.img2:hover {
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
-webkit-box-shadow:0px 0px 30px gray; 
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}








/*以下是重置样式代码*/
html{
	color:#000;
	background:#FFF; 
	font-family:"Microsoft YaHei";/*SimSun*//*SimHei*/
}
html {
    width: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

a{text-decoration: none; color:inherit}

em,strong,b,u,i{font-style:normal;font-weight:normal;}

ol,ul{list-style:none;}

h1,h2,h3,h4{font-size:100%;font-weight:normal;}

input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; /*to enable resizing for IE*/}
input::-webkit-input-placeholder{ 
color: #ffffff; 
} 
textarea:-moz-placeholder { 
color: #b2b2b2; 
} 




img{border: 0 none;}

input {border: none;}
/*定位*/
.tl {text-align: left;}

.tr {text-align: right;}

.tc {text-align: center;}

.bc {margin-left: auto;margin-right: auto;}

.fl {float: left;display: inline;}

.fr {float: right;display: inline;}

/*长度宽度*/
.pagelist {text-align: center;margin: 20px 0 40px;clear: both;padding-top: 30px;}

.pagelist span, .pagelist strong, .pagelist a {display: inline-block;border: 1px solid #ddd;padding: 2px 6px;margin-right: 2px;line-height: 16px;text-decoration: none;color: #666;}

.pagelist strong {background: #ef5600;color: #fff;}