@charset "utf-8";
.article-detail-head{
  background:#11345c url("../images/article/article-detail-head-bg.png") center top no-repeat;
  height: 280px;
}
.article-search-panel{
  background: url("../images/article/article-search-bg.png") center top no-repeat;
  height: 250px;
}
.article-search-box{
  padding-top: 58px;
  text-align: center;
  width: 390px;
  margin: 0 auto;
}
.article-search-box h2{
  font-size: 30px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,1);
  margin-bottom: 14px;

}
.pr{
  position: relative;
  z-index: 5;
}
.article-search-ipt{
  padding-left: 20px;
  width: 390px;
  height: 42px;
  border: 0;
  border-radius: 42px;
  font-size: 16px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -ms-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}
::-webkit-input-placeholder {color: #bcbcbc;}

::-webkit-input-placeholder {
  color: #bcbcbc;
}
::-moz-placeholder {
  color: #bcbcbc;
}
:-ms-input-placeholder {
  color: #bcbcbc;
}
:-moz-placeholder {
  color: #bcbcbc;
}
.article-search-ipt:focus{
  background: #f9f9f9;
}

.article-search-btn{
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -15px;
  background: url("../images/article/article-search-btn.png") center top no-repeat;
  width: 30px;
  height: 30px;
  border: 0;
  text-indent: -9999px;
  outline: 0;
  cursor: pointer;
}
.article-search-btn:hover{
  opacity: .95;
}
.content{
  margin: 0 auto;
  width: 960px;
}
.article-nav-bar{
  padding-top: 12px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  background: #f8f8f8;
  border-bottom: solid 1px #ededed;
  height: 48px;
  line-height: 24px;
}
.article-nav-bar a{
  float: left;
  margin-right: 50px;
  font-size: 14px;
  color: #535353;
}
.article-nav-bar a:hover,.article-nav-bar .active{
  color: #008cd6;}
.article-nav-bar .active{
  border-bottom: solid 2px #1e99da;
}
.breadcrumb{
  font-size: 16px;
  line-height: 66px;
  color: #d3d3d3;
}
.breadcrumb a{
  display: inline-block;
  color: #d3d3d3;
}
.breadcrumb a:hover{
  color: #999;
}
.article-info{
  padding-top: 20px;
}
.article-title{
  font-size: 46px;
  font-weight: bold;
  color: #232323;
  line-height: 1.5;
}
.fl{
  float: left;
}
.article-source{
  overflow: hidden;
  padding: 30px 0 50px;
  color: #cdcdcd;
  font-size: 14px;
  line-height: 30px;
}
.article-source div{
  margin-right: 50px;
}
.article-source .iconfont {
  font-size: 18px;
  vertical-align: -.15em;
}
.article-tag{
  margin-right: 8px;
  border: solid 1px #ef4345;
  border-width: 2px 1px;
  padding: 0 6px;
  color: #ef4345;
  border-radius: 3px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width:300px;
}
.article-ct{
  border-bottom: solid 2px #c0c0c0;
  padding-bottom: 70px;
  font-size: 20px;
  line-height: 36px;
  color: #a7a7a7;
  text-align: justify;
  font-weight:normal;
}

.article-ct p{
  font-size: inherit;
  font-weight:normal !important;
 }
.article-ct img{
  display: block;
  max-width: 100%;
  margin: 36px 0;
}
.article-ct video{
  display: block;
  vertical-align: top;
  margin: 36px auto;
  max-width:100%;
}
.article-ct a{
  font-size: inherit;
  display:inline;
  color: #01AAED;
}
.disclaimer{
  padding: 100px 25px;
  font-size: 16px;
  color: #acacac;
  line-height: 28px;
}
.inquiry{
    height: 110px;
    line-height: 110px;
    background: #00a0e8;
    color: #fff;
    po: 100px;
    position: absolute;
    position: fixed;
    left:0px;
    bottom:0px;
    width:100%;
    /* height:50px; */
    /* background-color:#000; */
    z-index:9999;
}
.inquiry a{
  color: #fff;
}
.inquiry-col-left{
  float: left;
  width: 566px;
  font-size: 30px;
}
.inquiry-col-left a{
  display: inline-block;
  padding: 0 35px;
  font-weight: bold;
  border: solid 1px #fff;
  line-height: 58px;
  font-size: 28px;
}
.go-place-view{
  float: right;
  padding-left: 90px;
  background: url("../images/article/network.png") 32px center no-repeat;
  border-left: solid 2px #fff;
  font-size: 30px;

}
.go-place-view:hover,.inquiry-col-left a:hover{
  opacity: .90;
  filter:alpha(opacity=95);
}
.footer{
  margin-top: 3px;
}
.hui-venue{
  padding-bottom: 20px;
}
.hui-venue p{
  color: #fff;
}

.article-list-main{
  float: left;
  width: 710px;
}
.article-list-ul li{
  overflow: hidden;
  padding: 44px 30px 32px 20px;
  border-bottom: solid 1px #e7e7e7;
}
.news-cover{
  width: 148px;
  height: 148px;
  overflow: hidden;
}
.news-list-info{
  padding-left: 183px;
}
.news-info-title{
  font-size: 30px;
  line-height: 40px;
  overflow: hidden;
}
.news-info-title a{
  padding-top: 10px;
  font-size: 24px;
  color: #070707;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-info-title a:hover,.article-list-tags a:hover{
  color: #eb7f00;
}
.news-info-des{
  padding-top: 10px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-size: 14px;
  color: #818181;
}
.news-info-bar{
  padding-top: 10px;
  color: #909090;
  line-height: 38px;
  overflow: hidden;
}
.news-info-bar .article-tag{
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-info-bar> .fl{
  padding-right: 25px;
}
.more-info-btn{
  float: left;
  margin-right: 25px;
  background: #008cd6;
  border-radius: 5px;
  width: 136px;
  line-height: 38px;
  text-transform:uppercase;
  text-align: center;
  color: #fff;
}
.more-info-btn:hover{
  background: #0079ba;
  color: #fff;
}

.page_list{
  float: none;
  margin: 60px 0;
  overflow: hidden;
}
.article-list-side{
  float: right;
  width: 220px;
}
.article-list-tags{
  overflow: hidden;
  border: solid 1px #e6e6e6;
  padding: 10px;
  margin-bottom: 25px;
}
.article-list-tags a{
  color: #6c6c6c;
  overflow: hidden;
 /* text-overflow: ellipsis;*/
  white-space: nowrap;
}
.article-list-tags li{
  float: left;
  border: solid 1px #e7e7e7;
  margin: 5px;
  width: 81px;
  padding: 0 3px;
  text-align: center;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-list-tags.col-3 li{
  width: 48px;
}
.side-list-cover{
  overflow: hidden;
  padding-bottom: 25px;
}
.side-list-cover li{
  margin: 0 0 10px 0;
}
.article-list img{
  width: 100%;
}
.news-code{
  background: #11345c;
  padding: 35px 0;
  margin-bottom: 35px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  color: #fff;
}
.news-code div{
  width: 150px;
  height: 150px;
  margin: 0 auto 30px;
}

.footer-ct{
  margin-top:  5px!important;
}

.enter-need-box{
  width: 472px;
}
.web-server {
  box-sizing: border-box;
  padding: 16px 0 0;
  background: rgba(1, 1, 1, .65);
  background: url(../images/v2/hui_black08_bg.png) repeat 0 0\9;
  border: 1px solid #879eba;
  box-shadow: inset 0 0 0 1px #808080, inset 0 0 0 2px #879eba;
  color: #fff;
  font-size: 14px;
}
.web-server .iconfont{
  font-size: inherit;
}
.web-server .iconfont-close{
  z-index: 19;
  right: 10px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}
.web-server .iconfont-close:hover{
  opacity: .85;
}

.web-server-hd {
  left: 48px;
  top: 0;
  margin-top: -26px;
  background: #10345c;
  padding: 0 42px;
  border: 1px solid #879eba;
  box-shadow: inset 0 0 0 1px #808080, inset 0 0 0 2px #879eba;
  border-radius: 42px;
  line-height: 46px;
  color: #fff;
  font-size: 25px;
}

.web-server-ct {
  padding: 24px 22px;
}

.notice-icon-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  color: #555;
}

.help-finish-panel {
  padding-top: 22px;
}

.help-finish-panel li {
  position: relative;
  padding-bottom: 22px;
  padding-left: 52px;
  min-height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
}

.help-finish-panel dl{
  color: #000;
  font-size: 14px;
}
.help-finish-panel em.pa {
  border-right: dashed 1px #fff;
  top: 40px;
  left: 20px;
  bottom: 0;
}

.pa.ipt-icon-circle {
  z-index: 15;
  top: 0;
  left: 0;
}

.ipt-icon-circle {
  display: inline-block;
  background: #1d1d1d;
  border-radius: 100%;
  border: solid 2px #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 26px;
}


.help-finish-btn {
  background: #009fe8;
  color: #fff;
  padding: 0 56px;
  font-size: 18px;
  height: 43px;
  border: 0;
  border-radius: 43px;
}
.help-finish-btn:hover{
  background: #028ac8;
}
.pr{
  position: relative;
  z-index: 9;
}
.pa{
  position: absolute;
  z-index: 8;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.tc{
  text-align: center;
}
.layui-form-select .layui-input, .layui-input {
  background: none;
  color: #fff;
  font-size: 16px;
  border: solid 2px #fff;
  height: 40px;
  border-radius: 45px;
}

.layui-form-select .layui-input::-webkit-input-placeholder {
  color: #cbcbcb
}

.layui-input::-webkit-input-placeholder {
  color: #cbcbcb
}

.layui-form-select .layui-edge {
  border-top-color: #fff;
}

.layui-form-select dl dd.layui-this, .layui-laydate td.layui-this {
  background: #042659!important;
}
.layui-form-select dl{
  padding: 0;
}
.need-choose-list{
  display: none;
  position: absolute;
  top: 42px;
  left: 10px;
  right: 25px;
  padding: 6px 0;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 30px;
}
.need-choose-list span{
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-left: 14px;
}
.need-choose-list .iconfont:before{
  margin-right: 6px;
  font-weight: bold;
}
.need-choose-list .iconfont.checked:before{
  content: '\e60b';
}
.citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;
  z-index: 9999999999!important;}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #B3CDC0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);overflow:auto;max-height:300px;}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0px 10px;line-height:30px;}
.cityslide li.on{background:#042659;color:#fff;cursor:pointer;}
.cityslide li:hover{background:#042659;color:#fff;cursor:pointer;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:380px;border:1px solid #B3CDC0;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li:first-child{margin-left:5px;}
.cityBox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #DDD;cursor:pointer;display:inline;color:#042659;}
.cityBox ul li.on{border-bottom-color:#042659;position:relative;}
.hide{display:none;}
p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #DDD;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0 0 0 10px;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#042659;margin-top:1px;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:25px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:335px;}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none;}
.cityTab dl dd a:hover{color:#042659;}

.need-custon-dialog{
  background: rgba(255,255,255,.65);
}
.need-custon-dialog.layui-layer .layui-layer-content{
  overflow: visible;
  background: none;
}
.need-custon-dialog.layui-layer{
  overflow: visible;
  background: none;
}


