@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 span{background: #008c3f;color: #fff;}
.pagelist strong {background: #008c3f;color: #fff;}