@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
  font-family: '微软雅黑';
  font-size: 14px;
}
a{
  cursor: pointer;
}
.bwg-item a{display:block;width:30%;margin-left:3%;margin-top:20px;float:left;}
    .bwg-item a img{width:100%;height:125px;}
    .bwg-item a p{text-align:center;}
    .bwg-item a p span{color:#333;font-size: 16px;line-height: 30px;}
.yq{width:1160px;margin:auto; padding:20px 20px 0px 20px;background: #fff;}
/* .yq a{width:48%;display:block;} */
.yq a{width:48%;display:block;margin:0 1%;}
.yq a img{width:100%;}
.wbzs-more{margin-left:400px;}
 /*建党100周年 ,二十大专题背景 新增   开始*/
 /* .bg{background: url(https://libvpn.swfu.edu.cn/vpn/89/https/P75YPLUUMMYGP55XF3SXP/10462/xhtml/images/indexbgybzn.jpg;vpn_img) top center no-repeat!important;}
body{background: url(https://libvpn.swfu.edu.cn/vpn/89/https/P75YPLUUMMYGP55XF3SXP/10462/xhtml/images/indexbgybzn.jpg;vpn_img) top center no-repeat;padding-top: 100px;}*/
/*.bg{background: url(../images/esdbj.jpg;vpn_img) top center no-repeat!important;}
body{background: url(../images/esdbj.jpg;vpn_img) top center no-repeat;padding-top: 301px;}
.logo{margin-left:20px;}
.head .head-content .search{margin-right:20px!important;}
.head {background: #fff url(../images/head-bg.png;vpn_img) top right no-repeat!important;}
.dj100{display:none;}
.headlj {
  position: absolute;
  width: 1200px;
  height: 95px;
  left: 50%;
  display: block;
  margin-left:-600px;
  top: 0;
}*/
/*建党100周年新增 二十大专题背景  结束*/
@media screen and (max-width:750px){
  /*建党100周年新增   开始*/
  /*.headlj{display:none;}
  body {
    padding-top:0;
    background: none;
}
.bg{padding-top:0!important;
  background: none!important;}
.dj100{display:block;width:100%;}
.dj100 img{width: 100%;}
.head .head-content .search{margin-right:0!important;}*/
/*建党100周年新增   结束*/
.logoLianghui{width:100%!important;}
.logoLianghui img{width:98%;}
  #page-div,.page-div{overflow-x: scroll;padding:10px 0;}
  #xinwb ul li{width:253px!important;}
  .yq a{width:100%;margin:10px 0!important;}
  .wbzs-more{float:right;}
  .bwg-item a{display:block;width:100%;margin-left:0;margin-top:20px;float:none;}
  #form1{
    display: flex;
  }
  .yq{width:90%;padding:20px 0;}
  .head {
  background:#fff !important;
  padding-top:10px !important;
  width: 1200px;
  margin: auto;
  }
  .head .head-content .search .search-box{
	  margin-bottom:10px;
  }
  .head .head-content .search .search-box .kw {
    border: currentColor; border-image: none; 
    width: 130px; 
    height: 30px; line-height: 30px; padding-left: 5px;
  }
 .mr_frBtnR {
    top:50px;
    z-index:10;
    font-size: 30px;
  }
  .web-cli {
    background: rgb(255, 255, 255); margin: auto; 
    /* padding: 15px 0px 0px !important; */
    padding: 0px !important;  
    width: 100%;
  }
 .ky{
  width:100% !important;
  text-align:center;
  padding:20px 0px 0px !important;
 }
.ky img{
  width:90%;
}
.text img{
  width:100% !important;
  height:auto !important;
  display:block;
}
.text p video{
  width:100% !important;
  display: block;
  height:auto;
  position:relative;
  z-index:2;
}
.backtop{
 display:block !important;
}
p .df{
  width:auto !important;
  display:inline !important;
}
.mid dd{
 width:100% !important;
 box-sizing:border-box;
}
.mid dd img{
  width:100% !important;
}
#page-div div{
  margin-bottom:15px;
}
.visits span:nth-child(2){
  display:block;
}
.list-box .content .article .visits{
  text-align:left !important;
}
.wb-view .dl{
  width:100% !important;
  padding:0 7%;
  box-sizing:border-box;
  margin:0 auto 10px!important;
}
.tempWrap{
  width:100% !important;
  overflow:visible !important;
}
.jpds{
  width:100% !important;
  overflow:visible !important;
  left:0px !important;
}
.jpds li{
 margin: 0 20px 20px 60px !important;
 display:block !important;
 float:none !important;
}
.mr_frbox,.mr_frUl{
 height:auto !important;
}
.mr_frUl{
  width:100% !important;
}
.jpds .clone{
display:none !important;
}
/* .xzsd{
  width:4550px !important;
} */
}
img {
  border: none;
  *border: 0;
}

.cf:after {
  clear: both;
  display: table;
  content: '';
}

.cf {
  *zoom: 1;
}

.mid{
  display:flex !important;
  /* justify-content:center; */
  flex-wrap:wrap;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.dn {
  display: none;
}

.bg {
  background: url("../images/bg.jpg;vpn_img") repeat-y;
  /* background-size: 100% 100%; */
}
.backtop{
 display:none;
}
.head {
  background: url('../images/head-bg.png;vpn_img') top right no-repeat;
  position: relative;
  padding: 20px 0 0 0;
  width: 1200px;
  margin: auto;
  background-size: 36%;
  z-index: 99999;
}
.head .head-content {
  width: 1200px;
  margin: auto;
}
.head .head-content .search {
  width: 505px;
  text-align: right;
  /* padding: 10px 0; */
}
.head .head-content .search .china {
  margin-top: 10px;
  margin-bottom: 10px;
  /* text-align: right;
  display: inline-block; */
  margin-left: 20px;
}
.head .head-content .search .china .wza {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url("../images/w.png;vpn_img") no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.head .head-content .search .china .wza:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  opacity: 0.6;
}
.head .head-content .search .china span {
  color: #a78758;
  padding: 0 3px;
}
.head .head-content .search .china .ch {
  font-size: 14px;
  color: #a78758;
}
.head .head-content .search .china .ch:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #b36565;
}
.head .head-content .search .search-box {
  border: 4px solid #77552a;
  display: inline-block;
  *width: 50%;
}
.head .head-content .search .search-box .kw {
  padding-left: 10px;
  line-height: 30px;
  height: 30px;
  border: none;
  width: 189.5px;
  *width: 100%;
  outline: none;
}
.head .head-content .search .search-box .search-btn {
  width: 52px;
  height: 30px;
  background: #77552a;
  border: none;
  padding: 0;
  vertical-align: top;
  color: #fff;
  float: right;
  *margin-top: -35px;
  *height: 35px;
}
.head .nav {
  width: 100%;
  background: #77552a;
  padding: 10px 0;
}
.head .nav li {
  /* width: 12.4%; */
  width:11%;
  position: relative;
  float: left;
  border-right: 1px solid #fff;
}
.head .nav li:last-child {
  border-right: none;
}
.head .nav li .column {
  position: absolute;
  width: 100%;
  background: #77552a;
  top: 24px;
  left: 0;
  z-index: 99999;
  padding-top: 10px;
}
.head .nav li .column p {
  border-bottom: 1px dashed #ccc;
  line-height: 30px;
  height: 30px;
}
.head .nav li .column p:last-child {
  border: none;
}
.head .nav li .column p a {
  font-size: 16px;
}
.head .nav li .column p a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #efe250;
}
.head .nav li a {
  display: block;
  width: 100%;
  color: #fff;
  float: left;
  text-align: center;
}
.head .nav li a span {
  font-size: 20px;
}
.head .nav li a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #efe250;
}

.lunbo {
  display: none !important;
}

.web-cli {
  width: 1160px;
  margin: auto;
  padding: 20px 20px 0 20px;
  background: #fff;
}
.web-cli .pic-new {
  width: 49%;
  /* height: 285px; */
  height:342px;
  overflow-x: hidden;
}
.web-cli .pic-new .new-list {
  width: 100%;
  /* height: 285px; */
  height: 342px;
  overflow: hidden;
  position: relative;
}
.web-cli .pic-new .new-list .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  bottom: 10px;
  z-index: 999;
}
.web-cli .pic-new .new-list .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.web-cli .pic-new .new-list .hd ul li {
  float: left;
  margin-right: 20px;
  width: 10px;
  height: 10px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.web-cli .pic-new .new-list .hd ul .on {
  background: #77552a;
  color: #77552a;
}
.web-cli .pic-new .new-list .pic-list {
  position: relative;
  height: 100%;
  *z-index: 10;
}
.web-cli .pic-new .new-list .pic-list li {
  position: relative;
  z-index: 1;
  /* height: 285px; */
  height: 342px;
}
.web-cli .pic-new .new-list .pic-list li .pic-title {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  *background: #000;
  width: 100%;
  line-height: 40px;
}
.web-cli .pic-new .new-list .pic-list li .pic-title span {
  font-size: 16px;
  color: #fff;
  padding-left: 20px;
  display: block;
  width: 60%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.web-cli .pic-new .new-list .pic-list li img {
  width: 100%;
  height: 100%;
  display: block;
  /* object-fit: cover; */
}
.web-cli .special-list {
  width: 1160px;
  background: #f2f2f2;
  position: relative;
  padding-top: 20px;
}
.web-cli .special-list .content {
  width: 1160px;
  margin: auto;
  height: 190px;
  overflow: hidden;
  position: relative;
}
.web-cli .special-list .next1 {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 50px;
  color: #c8c8c8;
  font-family: '宋体';
  margin-top: -25px;
  cursor: pointer;
}
.web-cli .special-list .next1:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.web-cli .special-list .prev1 {
  position: absolute;
  right: -20px;
  top: 50%;
  color: #c8c8c8;
  font-size: 50px;
  font-family: '宋体';
  margin-top: -25px;
  cursor: pointer;
}
.web-cli .special-list .prev1:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.web-cli .reveal {
  width: 1160px;
  margin: auto;
  padding-bottom: 20px;
  margin-top: 20px;
}
.web-cli .reveal dd {
  width: 20%;
  height: 290px;
  float: left;
  margin-right: 20px;
}
.web-cli .reveal dd img {
  width: 100%;
  height: 100%;
}
.web-cli .reveal dt {
  float: right;
  width: 34.5%;
  height: 290px;
}
.web-cli .reveal dt .wb-item {
  height: 135px;
  margin-bottom: 20px;
  text-align: right;
}
.web-cli .reveal dt .wb-item img {
  width: 100%;
  height: 100%;
}

.special {
  width: 100%;
  background: url("../images/ztzl1.png;vpn_img") no-repeat;
  background-size: 2.5%;
}
.special span {
  font-size: 20px;
  font-weight: 900;
  color: #77552a;
  margin-left: 40px;
  border-bottom: 3px solid #77552a;
  padding-bottom: 7px;
}
.special .more {
  color: #b1b1b1;
  font-size: 14px;
  font-family: '宋体';
}
.special .more:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}

.focus-news {
  width: 49%;
}
.focus-news dt .new-name {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc;
}
.focus-news dt .new-name span {
  font-size: 20px;
  font-weight: 900;
  color: #77552a;
  *float: left;
  margin-left: 50px;
    border-bottom: 3px solid #77552a;
    padding-bottom: 7px;
}
.focus-news dt .new-name .more-new a {
  color: #b1b1b1;
  font-size: 14px;
  font-family: '宋体';
}
.focus-news dt .new-name .more-new a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.focus-news dt .mtjj-bg {
  background: url("../images/mtjj1.png;vpn_img") no-repeat;
}
.focus-news dt .tzgg-bg {
  background: url("../images/tzgg1.png;vpn_img") no-repeat;
}
.focus-news dt .wbyw-bg {
  background: url("../images/wbyw1.png;vpn_img") no-repeat;
  background-size: 9%;
}
.focus-news dt .zwgk-bg {
  background: url("../images/zwgk1.png;vpn_img") no-repeat;
}
.focus-news dt .zfyw-bg {
  background: url("../images/zfyw.png;vpn_img") no-repeat;
}
.focus-news dt .type-new {
  width: 75%;
  border-bottom: 2px solid #77552a;
}
.focus-news dt .type-new span {
  display: inline-block;
  width: 160px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  padding: 10px 0;
  color: #595959;
  cursor: pointer;
}
.focus-news dt .type-new .on {
  background: #77552a;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}
.focus-news dt .more {
  line-height: 46px;
}
.focus-news dt .more a {
  color: #b1b1b1;
  font-size: 14px;
  font-family: '宋体';
}
.focus-news dt .more a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.focus-news .tab1 a {
  border-bottom: 1px dashed #b7b7b7;
  display: block;
  padding: 4.5px 0;
}
.focus-news .tab1 a .title {
  display: inline-block;
  width: 70%;
  color: #444;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.focus-news .tab1 a .title:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c4c4c4;
  display: inline-block;
  margin-right: 5px;
}
.focus-news .tab1 a .title:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.focus-news .tab1 a .time {
  color: #444;
  font-size: 18px;
}

.bgnone {
  background: none !important;
}

.bottom {
  width: 100%;
  padding-bottom: 20px;
  background: #6f4d22;
}
.bottom .bottom-c {
  width: 1200px;
  margin: auto;
}
.bottom .bottom-c .link {
  width: 100%;
  margin: auto;
  text-align: center;
}
.bottom .bottom-c .link span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
.bottom .bottom-c .link a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  /* width: 13%; */
  text-align: center;
  margin-right: 30px;
}
.bottom .bottom-c .link #link-list {
  position: relative;
  display: inline-block;
  *display: inline;
  *padding-right: 25px;
  color: #fff;
  font-size: 16px;
  padding-right: 20px;
  /* width: 13%; */
  text-align: center;
  background: url("../images/down.png;vpn_img") right center no-repeat;
  background-size: 10%;
}
.bottom .bottom-c .link #link-list .link-son {
  width: 156px;
  display: block;
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
  padding: 10px 0;
  background: #fff;
}
.bottom .bottom-c .link #link-list .link-son a {
  display: block;
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 25px;
}
.bottom .bottom-c .link #link-list .link-son a:hover {
  color: #77552a;
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
}
.bottom .link-v {
  width: 100%;
  height: 42px;
  background: url("../images/botbg.jpg;vpn_img") repeat-x;
  background-size: 100% 100%;
  margin: 20px 0;
  text-align: center;
}
.bottom .link-v a {
  display: inline-block;
  width: 120px;
  text-align: center;
  border-right: 1px solid #fff;
  height: 24px;
  margin-top: 9px;
  font-size: 16px;
  color: #fff;
}
.bottom .link-v a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #efe250;
}
.bottom .link-v a:last-child {
  border-right: none;
}
.bottom .web-info {
  width: 1200px;
  margin: 20px auto;
}
.bottom .web-info li {
  text-align: center;
  line-height: 30px;
}
.bottom .web-info li span {
  font-size: 14px;
  color: #fff;
  margin: 0 10px;
}

/**列表**/
.banner {
  width: 1200px;
  margin: auto;
  height: 168px;
}
.banner img {
  width: 100%;
  height: 100%;
}

.w100 {
  width: 100% !important;
}

.position span {
  font-size: 16px;
  color: #3f3f3f;
  font-family: '微软雅黑';
  margin: 0 10px;
}
.position .indexs {
  padding-left: 25px;
  background: url("../images/home.png;vpn_img") left center no-repeat;
}
.position a {
  color: #3f3f3f;
  font-size: 16px;
}
.position a:last-child {
  color: #727272;
}
.position a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}

.list-box {
  width: 1160px;
  padding: 20px;
  background: #fff;
  margin: auto;
}
.list-box .content {
  width: 100%;
  margin: 20px auto;
  margin-bottom: 0px;
}
.list-box .content .navigation {
  /* width: 240px; */
  width: 265px;
}
.list-box .content .navigation dt {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #936832;
}
.list-box .content .navigation dt span {
  font-size: 22px;
  color: #fff;
}
.list-box .content .navigation dd {
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f5f5f5;
  border-bottom: 1px solid #fff;
}
.list-box .content .navigation dd a {
  font-size: 20px;
  color: #4c4c4c;
}
.list-box .content .navigation dd a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.list-box .content .navigation dd a:last-child {
  border: none;
}
.list-box .content .wblist {
  width: 100%;
}
.list-box .content .wblist dd {
  float: left;
  width: 31.3%;
  margin-right: 2%;
  height: 150px;
  margin-top: 20px;
  text-align:center;
}
.list-box .content .wblist dd:nth-child(3n){
  margin-right: 0px;
}
/* .list-box .content .wblist dd:nth-child(4n) {
  margin-right: 0;
} */
.list-box .content .wblist dd img {
  width: 365px;
  height: 150px;
}
.list-box .content .list {
  width: 75%;
}
.list-box .content .list .wb-zhuti {
  text-align: center;
  border-bottom: 1px solid #9a6c30;
  padding: 10px 0;
}
.list-box .content .list .wb-zhuti span {
  font-size: 20px;
  color: #3d3d3d;
}
.list-box .content .list dl {
  margin-top: 20px;
}
.list-box .content .list dl dd {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  height: 150px;
  margin-top: 20px;
}
.list-box .content .list dl dd:nth-child(4n) {
  margin-right: 0;
}
.list-box .content .list dl dd img {
  width: 100%;
  height: 100%;
}
.list-box .content .list .wblist {
  width: 100%;
  margin-top: 30px;
}
.list-box .content .list .wblist span {
  display: inline-block;
  width: 30%;
  height: 146px;
  margin: 0 1.5%;
}
.list-box .content .list .wblist span img {
  width: 100%;
  height: 100%;
}
.list-box .content .list .navigation-type {
  padding: 30px 0 5px 0;
  border-bottom: 2px solid #77552a;
}
.list-box .content .list .navigation-type .list-more {
  font-size: 16px;
  color: #3b3b3b;
}
.list-box .content .list .navigation-type .list-more:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.list-box .content .list .navigation-type span {
  font-size: 20px;
  font-weight: 900;
  color: #77552a;
  position: relative;
  /* *float: left; */
}
.list-box .content .list .navigation-type span:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  display: inline-block;
  bottom: -25px;
  left: 50%;
  background: #77552a;
  margin-left: -10px;
  border: 10px solid;
  border-color: #77552a white white white;
}
.list-box .content .list ul {
  margin-top: 30px;
}
.list-box .content .list ul li {
  border-bottom: 1px dashed #b2b2b2;
  padding: 8px 0;
}
.list-box .content .list ul li a {
  display: block;
}
.list-box .content .list ul li a:hover span {
  color: #77552a;
}
.list-box .content .list ul li a span {
  font-size: 18px;
  color: #4c4c4c;
}
.list-box .content .list ul li a .title {
  float: left;
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-box .content .list ul li a .title:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c4c4c4;
  display: inline-block;
  margin-right: 5px;
}
.list-box .content .list ul li a .time {
  float: right;
  font-size: 18px;
  color: #aaa;
}
.list-box .content .list ul li .phone {
  width: 12%;
  height: 146px;
}
.list-box .content .list ul li .phone img {
  width: 100%;
  height: 100%;
}
.list-box .content .list ul li .lader {
  width: 60%;
  margin-left: 10px;
}
.list-box .content .list ul li .lader p {
  margin: 10px 0;
  line-height: 25px;
}
.list-box .content .list ul li .lader p lable {
  font-size: 16px;
  color: #333;
  font-weight: 900;
  vertical-align: top;
}
.list-box .content .list ul li .lader p span {
  font-size: 16px;
  color: #4c4c4c;
  display: inline-block;
  width: 85%;
  vertical-align: middle;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
.list-box .content .list ul li .lader-more {
  width: 15%;
  text-align: center;
}
.list-box .content .list ul li .lader-more a {
  padding: 3px 5px;
  background: #ddbb90;
  color: #fff;
  border-radius: 5px;
}
.list-box .content .list ul li .lader-more a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  background: #77552a;
}
.list-box .content .article {
  width: 79%;
}
.list-box .content .article .title-wz {
  text-align: center;
}
.list-box .content .article .title-wz span {
  font-size: 30px;
  font-weight: 900;
  color: #454545;
}
.list-box .content .article .visits {
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #b31512;
}
.list-box .content .article .visits span {
  color: #808080;
  font-size: 14px;
  margin: 0 10px;
}
.list-box .content .article .visits a {
  color: #808080;
  margin: 0 5px;
}
.list-box .content .article .visits a:hover {
  color: #77552a;
}
.list-box .content .article .visits .on {
  color: #77552a;
  margin: 0 0;
}
.list-box .content .article .lader-js span {
  display: block;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
}
.list-box .content .article .text {
  line-height: 30px;
  font-size: 14px;
  color: #343434;
  margin: 20px 0;
}
.list-box .content .article .text p {
  font-size: 14px;
  text-indent: 20px;
}
.list-box .content .article .text .lader-pic {
  width: 12%;
  height: 120px;
}
.list-box .content .article .text .lader-pic img {
  width: 100%;
  height: 100%;
}
.list-box .content .article .text .lader-info {
  width: 88%;
}
.list-box .content .article .text .lader-info lable {
  font-size: 16px;
}
.list-box .content .article .text .lader-info span {
  font-size: 16px;
}
.list-box .content .article .nextprev {
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.list-box .content .article .nextprev .title-left {
  width: 45%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-box .content .article .nextprev .title-left a {
  color: #808080;
}
.list-box .content .article .nextprev .title-left a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}
.list-box .content .article .nextprev .title-right {
  width: 45%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-box .content .article .nextprev .title-right a {
  color: #808080;
}
.list-box .content .article .nextprev .title-right a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}

.title-left {
  width: 45%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-left a {
  color: #808080;
}
.title-left a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}

.title-right {
  width: 45%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-right a {
  color: #808080;
}
.title-right a:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #77552a;
}

.page {
  width: 100%;
  margin: 20px auto;
  text-align: right;
}
.page a {
  padding: 3px 8px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #4c4c4c;
  margin: 0 10px;
  width:auto!important;
  float:none!important;
  margin-right:0!important;
  margin-top:0!important;
}
.page span {
  margin-left: 10px;
  display: inline-block\0;
}
.page .page-put {
  width: 30px;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  margin: 0 3px;
}

.hdjl-content {
  width: 100%;
}
.hdjl-content .hdjl-title {
  padding: 10px 0;
  background: #a57334;
  margin-top: 20px;
}
.hdjl-content .hdjl-title span {
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
}
.hdjl-content .hdjl-text {
  padding: 0 20px;
  line-height: 30px;
  border: 1px solid #ccc;
  color: #4b4b4b;
  font-size: 14px;
  position: relative;
}
.hdjl-content .hdjl-text .hdjlbg {
  position: absolute;
  background: url("../images/hdjlbg.png;vpn_img") no-repeat;
  background-size: 100%;
  width: 280px;
  height: 400px;
  bottom: 0;
  right: 0;
  opacity: 0.3;
}
.hdjl-content .hdjl-text p {
  font-size: 18px;
}
.hdjl-content .hdjl-text p:first-child {
  margin-top: 20px;
}
.hdjl-content .hdjl-text .red {
  color: #d40e25;
  padding: 0 5px;
}
.hdjl-content .hdjl-text .white {
  color: #fff;
  padding: 0 5px;
}
.hdjl-content .hdjl-text .lyb-dl {
  margin: 20px 0;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item {
  margin-bottom: 20px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item lable {
  font-size: 18px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .mr50 {
  margin-right: 50px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .input-type2 {
  height: 30px;
  line-height: 30px;
  width: 73.5%;
  padding-left: 10px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .textarea {
  height: 200px;
  width: 71%;
  padding-left: 13px;
  padding-top: 10px;
  margin-left: 3px;
  background: none;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .item-put {
  display: inline-block;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .item-put lable {
  font-size: 18px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .item-put img {
  vertical-align: middle;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .item-put .input-type1 {
  height: 30px;
  line-height: 30px;
  width: 200px;
  padding-left: 10px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .item-put .w300 {
  width: 263px;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .sub {
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #a57334;
  color: #fff;
  border: none;
  font-size: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item .sub:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  background: #724001;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item button {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #a57334;
  color: #a57334;
  font-size: 20px;
  margin-right: 20px;
  background: none;
  cursor: pointer;
}
.hdjl-content .hdjl-text .lyb-dl .lyb-item button:hover {
  transition: all 0.5s 0s ease-in-out;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  color: #724001;
  border: 1px solid #724001;
}
/**手机端**/
.mobile-nav-btn {
  display: none;
}

.mobile-list {
  display: none;
}

@media screen and (max-width: 680px) {
  .web-cli .pic-new{height:240px;}
  .web-cli .pic-new .new-list .pic-list li{
    height:240px;
  }
  .web-cli .pic-new .new-list{height:240px;}
  .zcfg{
   width:480px;
 }
 .zcfglist{
    overflow-x:scroll;
    height:72px;
 }
  #page-div .pagination_totalCount{display: none;}
  .page{text-align: center;}
  .bg {
    background: #fff;
  }
.head .head-content .search .search-box .search-btn{
 width:17% !important;
 border:1px solid #77552a;
}
  .mobile-list {
    display: block;
    width: 90%;
    margin: auto;
  }
  .mobile-list li {
    margin-bottom: 20px;
  }
  .mobile-list li img {
    width: 100%;
  }

  .banner {
    width: 100%;
    height: auto;
  }
  .banner img {
    width: 100%;
  }
  .group1 .form-group{
    width:100% !important;
 }
  /**头部 start**/
  .head {
    width: 100%;
  }
  .head .head-content {
    width: 90%;
  }
  .head .head-content .logo {
    width: 70%;
  }
  .head .head-content .logo img {
    width: 100%;
  }
  .head .head-content .search {
    width: 100%;
  }
  .head .head-content .search .search-box .kw {
    width: 83%;
    box-sizing:border-box;
  }
  .head .head-content .search .china {
    display: none;
  }
  .head .head-content .mobile-nav-btn {
    display: block;
    width: 10%;
  }
  .head .head-content .mobile-nav-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #77552a;
    margin-top: 7px;
  }
  .head .head-content .close span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(7px, 6px);
    -webkit-transition: all .3s;
  }
  .head .head-content .close span:nth-child(2) {
    display: none;
  }
  .head .head-content .close span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(6px, -6px);
    -webkit-transition: all .3s;
    margin-top: 15px;
  }
  .head .head-content .mobile-nav {
    position: absolute;
    top: 61px;
    right: 0;
    width: 100%;
    background: #77552a;
    padding-top: 10px;
    z-index: 9999;
  }
  .head .head-content .mobile-nav dl dt {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-weight: 900;
    font-size: 1rem;
  }
  .head .head-content .mobile-nav dl dt a {
    color: #fff;
    font-weight: 900;
    font-size: 1rem;
  }
  .head .head-content .mobile-nav dl dd a {
    font-size: .8rem;
    color: #fff;
    display: block;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0 5px 30px;
  }
  .head .nav {
    display: none;
  }

  /**头部 end**/
  .web-cli {
    width: 100%;
    padding: 0;
  }
  .web-cli .special-list {
    width: 100%;
    display: none;
  }
  .web-cli .mr_frUl1 {
    width: 100%;
  }
  .web-cli .special {
    width: 90%;
    background-size: 8%;
    margin: 20px auto;
  }
  .web-cli .pic-new {
    width: 100%;
    float: none;
  }
  .web-cli .focus-news {
    width: 90%;
    margin: auto;
    margin-top: 20px;
    float: none;
  }
  .web-cli .focus-news dt .wbyw-bg {
    background-size: 14%;
  }
  .web-cli .focus-news .tab1 a .title {
    width: 55%;
  }
  .web-cli .focus-news .type-new span {
    width: 50%;
  }

  /**底部 start**/
  .bottom {
    padding: 2px 0;
  }
  .bottom .bottom-c {
    width: 100%;
    display: none;
  }
  .bottom .bottom-c .link span {
    display: block;
  }
  .bottom .bottom-c .link a {
    display: inline;
  }
  .bottom .bottom-c .link #link-list {
    display: none;
  }
  .bottom .link-v {
    display: none;
  }
  .bottom .web-info {
    width: 100%;
  }
  .bottom .web-info li span {
    font-size: 1rem;
    display: block;
  }
  .bottom .web-text{
    width:100%;
    margin:auto;
    text-align:left;
    float:none;
  }
  .bottom .web-img{
    float:none;
    width:100%;
  }
  .linkbox{
    /*text-align:left !important;*/
    width:100%;
    display:block;
    box-sizing:border-box;
    /*padding-left:20px;*/
}
.bottom .linkbox a{
  display:inline-block;
  margin:5px 0;
  width: 140px;
}

 .linkbox select{
    margin:5px 0 10px 0 !important;
    width: 93%!important;
  }
  .bottom .xglink{
    text-align:left;
    display:block;
    margin-bottom:5px;
    padding-top:10px;
    padding-left:20px;
  }
  #_ideConac{
    display: inline-block;
  }

  /**底部 end**/
  .list-box {
    width: 90%;
    padding: 20px 0;
    margin: auto;
  }
  .list-box .content {
    margin: auto;
  }
  .list-box .content .list ul li .phone {
    width: 30%;
  }
  .list-box .content .list ul li .lader {
    width: 100%;
  }
  .list-box .content .list ul li .lader p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-box .content .list ul li .lader p span {
    /* width: 45%; */
  }
  .list-box .content .article {
    width: 100%;
    margin-top: 20px;
  }
  .list-box .content .article .text .lader-pic {
    width: 30%;
  }
  .list-box .content .article .text .lader-info {
    width: 65%;
  }
  .list-box .content .article .title-wz span {
    font-size: 1.6rem;
  }
  .list-box .content .article .visits span:nth-child(3) {
    display: none;
  }
.list-box .content .article .visits #Browse{
    display:block;
 }
  .list-box .content .navigation {
    display: none;
  }
 .list-box .content .slide{
height:72px;
  width:100%;
  overflow-x:scroll;
  }
.list-box .content .list .wid{
  width:420px;
}
  .list-box .content .list {
    width: 100%;
  }
  .list-box .content .list ul li a .title {
    width: 60%;
  }
}