﻿* {margin: 0;padding: 0;}

body {font-size:20px;font-family:"Microsoft YaHei",Arial;background-color:#fff;margin:0 auto;width:100%;line-height:36px;}

img {border:none;}
a {text-decoration: none;cursor:pointer;}
p {margin:0;}
ul {margin:0;padding:0;list-style:none;}
.clear:after{display:block;content:'';clear:both;}
.clear{*zoom:1;}

/* 全局设置 */
.content{width:100%;height:auto;margin:0 auto;background:url(../images/head.jpg) no-repeat top center;}
.headbtn{width:119px;height:51px;margin:0 auto;padding-top:240px;padding-left:950px;}
.container{width:1155px;height:auto;margin:0 auto;padding-top:240px;padding-bottom:60px;}

a, a:hover{text-decoration:none;cursor:pointer;}
a:link {color:#bd0000;}
a:visited {color:#bd0000;}
a:hover {color:#bd0000;}
a:active {color:#bd0000;}

/* container */


/* foot */

.foot{
  width:100%;
  height:auto;
  margin:0 auto;
  background:#4d4d4e url(../images/bg3_1920.jpg) 50% top no-repeat;
}

.foot2{
  width:717px;
  height:auto;
  margin:0 auto;
  padding:100px 0px 65px 0px;
}

.foot3{
  width:80%;
  margin:0 auto;
  margin-bottom:37px;
}

.foot6{
  width:100%;
  padding-bottom:15px;
  margin:0 auto;
}

.foot3 a,.foot6 a{
  padding:0px 20px;
  display:block;
  float:left;
  font:16px/16px "微软雅黑";
  color:#999999;
  border-right:1px solid #999;
}

.foot6 a{
   padding:0px 12px;
}

.foot4{
  width:70%;
  height:auto;
  padding-bottom:22px;
  margin:0 auto;
}

.foot4 p{
  text-align:center;
  width:100%;
  height:auto;
  font:16px/26px "微软雅黑";
   color:#999999;
   margin:0 auto;

}


.foot5{
  width:37%;
  height:auto;
  padding-bottom:30px;
  margin:0 auto;
}

.foot5 li{
  width:22%;
  margin:0px 5%;
  float:left;
}

.foot5 li img{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:12px;
}

.foot5 li span{
  width:100%;
  height:auto;
  display:block;
  font:14px/14px "微软雅黑";
  color:#999;
}

@media screen and (min-width: 980px) and (max-width:1200px){
.foot2{
    width:95%;
  }

  .foot3{
    width:42%;
  }

  .foot6{
    width:68%;
  }
}

@media (min-width: 768px) and (max-width: 979px){
 .foot2{
    width:95%;
  }
   .friendlink{
    width:95%;
  }

  .foot3{
    width:59%;
  }

  .foot6{
    width:83%;
  }
}

@media screen and (max-width : 768px){
 .foot5{
    width:50%;
  }
  .foot2{
    width:95%;
  }

  .foot3{
    width:80%;
  }
   .friendlink{
    width:95%;
  }
      .zixun{
    width:95%;
  }

  .foot6{
    width:98%;
    font-size:14px;
  }
   .foot6 a{
    padding:0px 10px;
   }
}

@media screen and (max-width : 480px){
 .foot2{
    width:95%;
  }

  .foot3{
    width:88%;
  }

  .foot4{
    width:98%;
  }

  .foot5{
    width:85%;
  }
  .foot6{
    width:98%;
  }
  .foot6 a{
    font-size:12px;
  }

  .foot4 p{
     font-size:14px;
  }

   .foot3 a{
    font-size:14px;
    padding:0px 10px;
   }
   .friendlink{
    width:95%;
    padding-top:25px;
  }
 .friendlink li{
  margin-bottom:18px;
 }
}