body ,hr ,p ,blockquote ,dl ,dt ,dd ,ul ,ol ,li ,pre ,form ,fieldset ,legend ,button ,input ,textarea ,th ,td{margin:0px;padding:0px;font-weight:normal;font-style:normal;outline:none;}
img{border:0;} 
a{text-decoration:none;color:#333;}
ul li{list-style-type:none;}
a:active ,a:hover {outline: 0 none;text-decoration: none;}
a:link ,a:visited {text-decoration: none;}
button{cursor: pointer;border:none;}
a,button{-webkit-tap-highlight-color: rgba(0,0,0,0);outline:none;}
input[type=submit],select,option{
	-webkit-tap-highlight-color: rgba(0,0,0,0);outline:none;
	appearance:none;  /*下拉框去掉右侧图标*/  
    -moz-appearance:none;  
    -webkit-appearance:none;  
}
*{box-sizing: border-box;font-family: "microsoft yahei";}
.clear:after{
  content:"";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}

/*------------------------h1~h6------------------------*/
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 small ,h2 small ,h3 small ,h4 small ,h5 small ,h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1 ,h2 ,h3 {
  line-height: 40px;
}

@media screen and (min-width: 1032px){
  .clear {
    font-size: 22px;    
    height: 60px;   
  }
  header{
    width: 100%;
    min-width: 1200px;
  }
  nav{
    width: 1050px;
    margin: 0 auto;
  }
  .out_box {
    width: 100%;
    margin: 0 auto;
  }
  nav li{
    width:150px;
    height:60px;
  }
  nav li a{
    line-height:60px;
  }
  .fx_content{
    font-size: 22px;
    height: 800px;
    padding: 0 100px;
  }
  .out_box h2{
    padding-top: 60px !important;
    line-height: 100px;
  }
  footer{
    font-size: 16px;
  }
}
/* 2 */
@media screen and (max-width: 1030px){
  .clear {
    font-size: 20px;
    height: 60px;   
  }
  nav li{
    width:140px;
    height:60px;
  }
  nav li a{
    line-height:60px;
  }
  .fx_content{
    font-size: 20px;
    height: 780px;
    padding: 0 100px;
  }
  .out_box h2{
    padding-top: 60px !important;
    line-height: 90px;
  }
  footer{
    font-size: 16px;
  }
}
/* 3 */
@media screen and (max-width: 898px){
  .clear {
    font-size: 18px;
    height: 50px;   
  }
  nav li{
    width:130px;
    height:50px;
  }
  nav li a{
    line-height:50px;
  }
  .fx_content{
    font-size: 18px;
    height: 800px;
    padding: 0 90px;
  }
  .out_box h2{
    padding-top: 60px !important;
    line-height: 80px;
  }
  footer{
    font-size: 14px;
  }
}

/* 4 */
@media screen and (max-width: 768px){
  .clear {
    font-size: 16px;
    height: 50px;   
  }
  nav li{
    width:120px;
    height:50px;
  }
  nav li a{
    line-height:50px;
  }
  .fx_content{
    font-size: 16px;
    height: 790px;
    padding: 0 80px;
  }
  .out_box h2{
    padding-top: 40px !important;
    line-height: 70px;
  }
  footer{
    font-size: 14px;
  }
}
@media screen and (max-width: 420px){
  .clear {
    font-size: 14px;
    height: 40px;   
  }
  nav li{
    width:110px;
    height:40px;
  }
  nav li a{
    line-height:40px;
  }
  .fx_content{
    font-size: 14px;
    height: 634px;
    padding: 0 40px;
  }
  .out_box h2{
    padding-top: 20px !important;
    line-height: 70px;
  }
  footer{
    font-size: 12px;
  }
}
@media screen and (max-width: 375px){
  .clear {
    font-size: 14px;
    height: 40px;   
  }
  nav li{
    width:110px;
    height:40px;
  }
  nav li a{
    line-height:40px;
  }
  .fx_content{
    font-size: 14px;
    height: 565px;
    padding: 0 40px;
  }
  .out_box h2{
    padding-top: 20px !important;
    line-height: 60px;
  }
  footer{
    font-size: 12px;
  }
}


@media screen and (max-width: 320px){
  .clear {
    font-size: 12px;
    height: 40px;   
  }
  nav li{
    width:110px;
    height:40px;
  }
  nav li a{
    line-height:40px;
  }
  .fx_content{
    font-size: 12px;
    height: 465px;
    padding: 0 30px;
  }
  .out_box h2{
    padding-top: 20px !important;
    line-height: 50px;
  }
  footer{
    font-size: 12px;
  }
}