/* 引导页 */
@-webkit-keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
            box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }
@keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
            box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }


.button-primary{
  border-color: #088ef0;
  background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
  background: linear-gradient(#34a5f8, #088ef0); 
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
   font-weight: 300;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 40px;
    color: #FFF;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     -webkit-animation-name: glowing-primary;
          animation-name: glowing-primary; 
   -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
     
    
}
.button-primary:visited {color: #FFF; }

#flsBanner .con,#flsBanner .hd{
	display: none;
}
.bodiv {
    position: relative;
    width: 800px;
    height: 500px;
    margin: 0 auto;
    z-index: 1;
}
.bgimg {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-width: 1000px;
    z-index: -10;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    zoom: 1;
}

#logo {
    position: absolute;
    width: 400px;
    height: 78px;
    top: 0px;
    left: 10px;
    margin: 0 auto;
    z-index: 15;
}
.btn {
    position: absolute;
    width: 150px;
    height: 50px;
    top: 440px;
    left: 630px;
    margin: 0 auto;
    z-index: 16;
}

/* 首页 */
/*焦点图-轮播 S*/
#indBanner{position: relative; z-index: 1; height:500px; overflow:hidden;}
#indBanner .bd{position:relative; overflow:hidden; height:500px;}
#indBanner .bd li{position:relative; display:block; width:100%; height:500px; background-size:cover !important;}
#indBanner .bd li a{display:block;}
#indBanner .con{display:none;}
#indBanner .hd{position:absolute; z-index:1; right:0; bottom:5px; }
#indBanner .hd ul{display: inline-block; *display:inline; overflow:hidden; zoom:1;  margin:0 auto;text-align:center; }
#indBanner .hd ul li{float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;}
#indBanner .hd ul li.on{background:#f00; color:#fff; }
#indBanner .prev,
#indBanner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../../Base/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#indBanner .next{ left:auto; right:3%; background-position:8px 5px; }
#indBanner .prev:hover,
#indBanner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#indBanner .prevStop{ display:none;  }
#indBanner .nextStop{ display:none;  }

/* indSlideBox */
#indSlideBox {
    width: 1000px;
    height: 120px;
    margin: 0 auto 20px
}
#indSlideBox .bd li,
#indSlideBox .bd li .pic,
#indSlideBox .bd li .pic img {
    width: 1000px;
    height: 120px;
    line-height: 0;
}
#indSlideBox .hd,#indSlideBox1 .hd{
    display:none; 
}

#content{padding:10px 0;}

.notice{margin-top: 10px; overflow: hidden;}
.notice .hd{
    width: 44px;
    height: 42px;  
    float: left;
    background:url(../../Base/img/allico.png) -9px -97px no-repeat;
}

.notice .bd{
    width: 950px;
    float: left;
}
.txtMarquee-left{ width:934px;  position:relative;  border:1px solid #5A8BD1;  height: 24px; padding:10px; }
.txtMarquee-left .tempWrap{ width:932px !important; }
.txtMarquee-left ul{ overflow:hidden; zoom:1; }
.txtMarquee-left ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left ul li span{ color:#999;  }
.txtMarquee-left ul li.first a,.txtMarquee-left ul li.first span{color:#3382ff;}
.column{overflow: hidden; margin-top:10px;}
.index_left {width: 692px;float:left}
.index_right { float:right; width:270px }
#focusNews{width: 320px; height: 200px;position: relative; overflow: hidden;float: left;margin-right:20px; margin-bottom: 0px;}
.focusBox .bd .pic img{ height: 200px;}
.focusBox .hd ul li{ border-radius: 100%;}
.focusBox .hd ul li.on{background:#1b5f98;}
#news{ margin-bottom: 15px; border-bottom: 1px solid #e0d7d2;padding-bottom: 15px;}
#news .topicList,#news{ overflow: hidden;}
#news .topicList .t{ margin-bottom: 8px;padding-bottom: 5px;}
#news .topicList .t .tit{color: #3382ff; font-size:14px; padding-left:0px;}
#news .topicList .n .tit{padding-left:0px;}
#news .topicList .t .intro{line-height: 22px;height: 44px;overflow: hidden;}
#news .topicList .n,.inbox .infoList li,.infoList li{font-size:14px;padding-left: 8px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;line-height: 26px;height: 26px;  position: relative;}
#news .topicList .n:before,.inbox .infoList li:before,.infoList li:before{content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:10px;background:#3382ff;}

.inbox{width: 336px;}
.inbox .hd{height: 38px;line-height: 38px;border-bottom: 1px solid #3382ff; margin-bottom: 10px; overflow: hidden;}
.inbox .hd li{float: left; width: 50%;float: left;text-align: center;font-size: 20px;}
.inbox .hd li a{display: block; color: #3382ff;}
.inbox .hd li.on{background:#3382ff;  }
.inbox .hd li.on a{color: #fff;}
.inbox .infoList .date,.jwlogo,.indRdzt .tit,#mtjj .infoList li .date,.userserver .picList li .title,.userserver .picList li .date,#fridendlink .links li .date{display:none;}
.inbox .bd{height:136px;}
.infoList li a{padding-left:5px;}
#tab1{float:left;}
#tab2{float:right;}
#zt{margin-top:10px;}
.indRdzt li{ height: 56px; margin-bottom: 8px;}
#mtjj{float:left; width:490px;}
#ggtz{float:right; width:490px;}
#ggtz .infoList li .date{float:none; margin-left: 5px;}

#wsfwt{margin-top:10px;}
.gas-service{display: flex;align-items: center;justify-content: space-around; padding: 20px; background-color: #EFEFEF;}
.gas-service .item1 {background-color: #4283c1;}
.gas-service .item2 {background-color:#42c242;}
.gas-service .item3 {background-color: #c28042;}
.gas-service .item4 {background-color: #c242bc;}
.gas-service .item5 {background-color: #c24242;}
.gas-service .item6 {background-color: #0f7014;}
.gas-service .item7 { background-color: #42a8c2; }
.gas-service .btns:hover .iconfont {transform: rotateY(180deg);transition: 2s;}
.gas-service .btns { width: 120px; height: 100px;border-radius: 10px;box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);cursor: pointer; }
.gas-service .box-top { width: 100%;height: 55%; border-radius: 10px 10px 0 0;display: flex;align-items: center; justify-content: center; }
.gas-service .box-top .iconfont {font-size: 40px; color: rgb(255, 255, 255);transition: transform 2s; -webkit-transition: transform 2s; }
.gas-service .texta { color: white;height: 24px;}
.gas-service .textb { font-size: 10px; color: #9b9dc0;}
.gas-service a { text-decoration: none }
.gas-service .box-bottom { position: relative; width: 100%;height: 45%;border-radius: 10px;border-radius: 0 0 10px 10px;}
.gas-service .box-bottom-one { display: inline; position: absolute; width: 100%;height: 100%; border-radius: 10px; border-radius: 0 0 10px 10px;z-index: 99;display: flex; flex-direction: column;align-items: center;justify-content: center;font-size: 16px; }
.gas-service .box-bottom-two {display: inline; position: absolute; width: 100%;height: 100%;border-radius: 10px; border-radius: 0 0 10px 10px; background-color: black;opacity: 0.3; z-index: 100;}
.gas-service .btns:hover .box-bottom-one { z-index: 100;}
.gas-service .btns:hover .box-bottom-two { opacity: 0.05; }

.userserver{background: #EFEFEF;height: 140px; padding:10px 0 0px 15px;}
.userserver .picList li{float:left; width:180px; margin-right:15px;}
.userserver .picList li .pic img{width:180px; height:120px;padding:0; border:0;}
#indSlideBox1,#fridendlink{margin-top: 10px;}
#fridendlink .links li{width: 33%; float: left;text-align: center;}


#gg3{width: 140px;
    height: 260px;
    border: 1px solid #c4c6c9;    
    position: fixed;
    left: 25px;
    bottom: 25px;
    z-index: 99;
}
.fwrx{
    width: 140px;
    font-size: 14px;
    padding-top: 50px;
    text-align: center;
    line-height: 25px;
    background: url(../../base/img/footer-phone.png) center top no-repeat;
}
#gg3 .line{    height: 1px;
    width: 100%;
    background-color: #c4c6c9;
    margin-bottom: 5px;}
#gg3 .wxzfb{
    width: 140px;
    height: 127px;
    background: url(../../base/img/pay.png);
}