* {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%;min-width: 1500px;height:auto;margin:0 auto;background:url(../images/headpic.jpg) no-repeat top center;position: relative;display: inline-block;}
.headbtn{width:119px;height:51px;position: absolute; top:15px;right: 5%;}
.container{width:1160px;height:auto;margin:0 auto;padding-top:510px;}

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 */
.loadmore{
  width: 100px;
  margin:0 auto;
  cursor: pointer;
}
.article{
  width:100%;height:auto;margin:0 auto;background-color: #fff;
}
.article-tit{
  width:100%;
  font-size: 42px;
  line-height:1.5;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 100px;
}
.article-cont{
  width: 1400px;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.article-zw{
  width: 49%;
}
.article-pic{
  width: 49%;
}
.article-zw h1{
  font-size: 34px;
  margin-bottom: 30px;
}
.article-zw p{
  text-align: justify;
  font-size: 18px;
}
.article-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-pic p{
  font-size: 16px;
  text-align: right;
}
.picline{
  width: 100%;
  background: url("../images/bg.jpg") repeat;
  padding: 50px 0;
}
.picline-pic{
  width: 30%;
}
.picline-pic p{
  font-size: 14px;
  text-align: right;
}
.picline-pic img{
  width: 100%;
  cursor: pointer;
}
.zhezhao{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.zhezhao-cont{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.picbig{
  width: 50%;
  height:80%;
}
.picbig img{
  max-width: 100%;
  max-height:90%;
  display:block;
  margin:0 auto;
}
.picclose{
  width: 40px;
  cursor: pointer;
}
.picbig p{
  font-size: 14px;
  text-align: right;
  color: #fff;
}

/* foot */

.foot{
  width:100%;
  height:auto;
  margin:0 auto;
  background:#3a52a3 ;
}

.foot2{
  width:745px;
padding: 100px 0px;

}

.foot3{
  width:80%;
  margin:0 auto;
  margin-bottom:37px;
}

.foot6{
  width:100%;
  padding-bottom:10px;
  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 p{
  width: 100%;
  font: 16px / 24px "Microsoft YaHei";
  color: #fff;
  text-align: center;

}


.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:1370px){
.foot2{
    width:95%;
  }
  .foot2 h2{
    display: none;
  }
  .foot3{
    width:42%;
    display: flex;
    justify-content: center;
  }

  .foot6{
    width:68%;
    display: flex;
    justify-content: center;
  }
  .content{
    min-width: 100%;
    background-size: 100%;
  }
  .article-cont{
    width: 90%;
    padding: 50px 0;
  }
  .article-tit{
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 979px){
 .foot2{
    width:95%;
  }
  .foot2 h2{
    display: none;
  }
   .friendlink{
    width:95%;
  }

  .foot3{
    width:59%;
    display: flex;
    justify-content: center;
  }

  .foot6{
    width:83%;
    display: flex;
    justify-content: center;
  }
  .content{
    min-width: 100%;
    background-size: 100%;
  }
  .article-cont{
    width: 90%;
    padding: 50px 0;
  }
  .article-tit{
    margin-bottom: 50px;
  }
}

@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;
   }
   .content{
    min-width: 100%;
   }
   .article-tit{
    margin-bottom: 50px;
    font-size: 26px;
   }
   .article-zw h1{
    font-size: 22px;
   }
   .article-cont{
    width: 90%;
    flex-wrap: wrap;
    padding-top:50px;
   }
   .article-pic,.article-zw{
    width: 100%;
   }
   .article-cont{
    flex-wrap: wrap;
   }
   .picline-pic{
    width: 100%;
   }
   .picbig{
    width: 90%;
   }
   .article-pic img{
    height: auto;
   }
}

@media screen and (max-width : 480px){
 .foot2{
    width:95%;
    padding:5% 0px;
  }

  .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;
 }
 .content{
  min-width: 100%;
 }
 .article-tit{
  margin-bottom: 50px;
  font-size: 26px;
 }
 .article-zw h1{
  font-size: 22px;
 }
 .article-cont{
  width: 90%;
  flex-wrap: wrap;
  padding-top:50px;
 }
 .article-pic,.article-zw{
  width: 100%;
 }
 .article-cont{
  flex-wrap: wrap;
 }
 .picline-pic{
  width: 100%;
 }
 .picbig{
  width: 90%;
 }
 .article-pic img{
  height: auto;
 }
}