@charset "utf-8";
/*用于存放公共样式和手机端的样式*/
/*字体*/

html{font-size: 20px;}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.ic{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.plr{padding-left: 25px; padding-right: 25px;box-sizing:border-box;}
.clearfix:after,.clearfix:before{content: '';display: table;}.clearfix:after{clear: both;}.clearfix{*zoom:1;}
/*.gwidth{ padding-left: 25px; padding-right: 25px;box-sizing:border-box; }*/
.tac{text-align: center;}
.zong{width: 1200px;margin: auto;}
 .telhide{display: block;}
.clea{clear:both;}
/*头部CSS*/
footer{
  background-color: #e4e7ec;

}
footer .di1{
 padding-bottom: 55px;
 padding-top: 100px;
 border-bottom: 1px solid #ccc;
}
footer .di1 ul{
  float: left;
}
footer .di1 ul li{
  font-size: 0.8rem;
  margin-bottom: 20px;
}
footer .di1 ul li:first-child a{
  color: #111;
}
footer .di1 ul li:first-child{
  font-size: 1.2rem;
  color: #111;
  font-weight: 600;
  margin-bottom: 36px;
}
footer .di1 ul li:first-child .ic{
  margin-left: 22px;
}
footer .di1 ul li a{
  color: #7b7676;
}
footer .di1 .men2{
  margin-left: 80px;
}
footer .di1 .men3{
  margin-left:100px;
}
footer .di1 .men4{
  float: right;
  width: 270px;
}
footer .di1 .men4 .tou p{
  font-size: 0.9rem;
  color: #7b7676;
}
footer .di1 .men4 .tou h4{
  font-size: 1.5rem;
  margin-top: -3px;
}
footer .erweima{margin-top: 38px;}
footer .erweima .er1{
  float: left;
  width: 108px;
  height: 108px;
  padding: 6px;
  box-sizing:border-box;
  border:1px solid #ccc;
  background-color: #fff;
}
footer .erweima img{
  width: 100%;
}
footer .erweima .er2{
  float: left;
  width: 108px;
  margin-left: 50px;
  height: 108px;
  padding: 6px;
  box-sizing:border-box;
  border:1px solid #ccc;
  background-color: #fff;
}
footer .banquan{
  font-size: 0.8rem;
  color: #7b7676;
  margin-top: 23px;
}
footer .di2{
   padding-top: 60px;
   padding-bottom: 50px;
}
footer .di2 li:first-child{
  width: 264px;
}
footer .di2 li:first-child+li{
  width: 242px;
  margin-left: 118px;
  }
footer .di2 li:first-child+li+li{
  margin-left: 118px;
}
footer .di2 li:first-child+li+li .zi{
  font-size: 0.9rem;
  margin-left: 24px;
}
footer .di2 li:first-child+li .zi{
  font-size: 0.9rem;
}
footer .di2 li:first-child+li .zi p:first-child+p{
   margin-top: -3px;
}
footer .di2 li{
  float: left;
}
footer .di2 li .tu{
  float: left;
}
footer .di2 li:first-child .zi{
  width: 206px;

}
footer .di2 li .zi{
  float: right;
  font-weight: 600;
}
footer .di2 li .zi{
  font-size: 0.8rem;
  color: #111;
}
footer .di2 li:first-child+li+li .zi h4{
  font-size: 0.9rem;
  line-height: 40px;
}
footer .di2 li:first-child+li+li+li{
  float: right;
}
footer .di2 li:first-child+li+li+li p{
  font-size: 0.8rem;
  color: #5b5b5b;
}
footer .di2 li:first-child+li+li+li h4{
  font-size: 0.9rem;
  margin-top: -3px;
}
.yqlj{
  width: 100%;
  height: 90px;
  line-height: 90px;
  background-color: #1f1f1f;
  font-size: 0.8rem;
  font-weight: 600;
  color: #cbcbcb;

}
.yqlj p{
  width: 96%;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.yqlj span{
  font-weight: 400;
  margin-right: 38px;
}
.yqlj span a{
  color: #7b7676;
}







@media(max-width: 1680px){
  html{font-size: 19px;}
  
}
@media(max-width: 1440px){
  html{font-size: 17px;}
  
}
@media(max-width: 1368px){
  html{font-size: 16px;}
  
}
@media(max-width: 1280px){
  html{font-size: 15px;}
  
}
@media(max-width: 1200px){
    .telhide{display: none;}
    .zong{width: 100%;margin: auto;padding-left: 3%;padding-right: 3%;box-sizing:border-box;}
    .gwidth{ padding-left: 10px; padding-right: 10px; box-sizing:border-box;}
   
}
@media (max-width: 768px){
  html{font-size: 14px;}
   .top{right: 120px;}
  .w960{width: 90%;margin:0 auto;}
  .nav{display: none;}

  footer .di1{padding-bottom: 16px;padding-top: 26px;}
 footer .di1 ul{width: 100%;}
footer .di1 ul li{float: left;margin-right: 12px;}
footer .di1 ul li:first-child{width: 100%;margin-bottom: 6px;}
footer .di1 ul li:first-child .ic{margin-left: 2px;}
footer .di1 .men2{margin-left: 0;}
footer .di1 ul li{margin-bottom: 8px;}
footer .di1 .men3{margin-left: 0;}
footer .di1 .men4{float: left;}
footer .erweima{margin-top: 8px;}
footer .banquan{margin-top: 8px;}
footer .di2{padding-top: 16px;padding-bottom: 16px;}
footer .di2 li:first-child+li{margin-left: 0;width: 100%;margin-top: 12px;}
footer .di2 li .zi{float: left;margin-left: 26px;}
footer .di2 li:first-child{width: 100%;}
footer .di2 li:first-child+li+li+li{float: left;margin-top: 16px;}
footer .di2 li:first-child+li+li{margin-left: 0;width: 100%;margin-top: 12px;}
footer .di2 li:first-child+li+li+li p{float: left;}
footer .di2 li:first-child+li+li+li h4{float: left;margin-top: 0;}
.yqlj{height: 50px;line-height: 50px;}
.yqlj span{margin-right: 12px;}
footer .di1 ul li:first-child{font-size: 1.2rem}
footer .di1 ul li{font-size: 0.95rem;}
footer .banquan,footer .di1 .men4 .tou p,footer .di2 li:first-child+li+li .zi h4,footer .di2 li:first-child+li+li+li p,.yqlj{font-size: 0.95rem;}
footer .di2 li:first-child+li+li+li h4{font-size: 1rem;}

}

