@font-face {
    font-family: 'HarmonyOS';
    /*src: url('http://www.hwcc.gov.cn/images/font/HarmonyOSHans-Regular.woff2') format('woff2');*/
    src: url('../font/HarmonyOSHans-Regular.woff2') format('woff2');
}

/** 设置默认字体 **/
body, button, input, select, textarea {
    font: 16px "HarmonyOS", PingFang SC, "微软雅黑", Arial, sans-serif !important;
    color: var(--normal-font-color);
}
body,html{
     /*background-color: #fbfbfb;*/
     /*background-image: var(--background-gradient-color);*/
 }
a{
    color: var(--normal-font-color);
}
a:hover{
    color: var(--text-href-color);
    transition: color 0.3s;
}
.top-banner-email{
    width: 100%;
    height: 40px;
    background: var(--base-color-600);
}
.banner-container-email{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    color: var(--text-header-banner);
    display: flex;
    justify-content: space-between;
}
.time{
    line-height: 40px;
    font-size: 14px;
}
.hwcc-search-bt{
    display: inline-block;
    background-color: var(--base-color-400);
    height: 20px;
    line-height: 20px;
    font-size: 14px !important;
    transform: translateY(1px);
    color:var(--text-header-banner);
}
.hwcc-email-bt{
    background-color: var(--base-color-400);
    height: 20px;
    line-height: 20px;
    width:70px;
    font-size: 14px !important;
    transform: translateY(1px);
    color:var(--text-header-banner);
}
/*.email-logo{
!*    width: 60px;
    padding-left: 21px;
    height: 14px;
    position: relative;
    float: right;
    line-height: 14px;
    top: 13px;*!
}
.email-logo a{
    color: #ffffff;
}*/
.web-search-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    vertical-align: top;
}
.search-input{
    width: 200px;
    margin-right: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px !important;
    padding: 0 5px;
    border-radius: 2px;
    background-color: var(--input-header-banner);
    color:var(--input-color-text)
}

.search-input::-webkit-input-placeholder { /* Chrome、Safari */
    color: var(--input-color-placeholder);
}
.search-input:-moz-placeholder { /* Firefox 18- */
    color: var(--input-color-placeholder);
}
.search-input::-moz-placeholder { /* Firefox 19+ */
    color: var(--input-color-placeholder);
}
.search-input:-ms-input-placeholder { /* IE/Edge */
    color: var(--input-color-placeholder);
}
.top-banner-bg{
    width: 100%;
    height: var(--header-banner-bg-height);
    position: relative;
    overflow: hidden;
}
.flash-position-container{
    width: 1920px;
    height: var(--header-scroll-img-height);
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -960px;
    margin-top:var(--height-scroll-img-margin-top);
}
.container-hwcc-logo{
    width: 1200px;
    padding-top: var(--height-logo-position-padding-top);
    height: 200px;
    position: absolute;
    z-index: 999;
    left:50%;
    box-sizing: border-box;
    margin: var(--height-logo-position-margin);
}

.hwcc-logo{
    position: relative;
    width: 616px;
    height: 111px;
    background: url("../images/base/2logo.png") no-repeat;
    top:var(--height-logo-position-top);
    left: var(--height-logo-position-left);
}
.hwcc-logo-mzd{
    width: 259px;
    height: 127px;
    background: url("../images/base/mzxtc.png") no-repeat;
    position: absolute;
    top: var(--header-mzd-position-top);/*40px*/
    left: var(--header-mzd-position-left);
}
.hwcc-logo-festival{
    width: 587px;
    height: 40px;
    background: url("../images/festivalAllRed/festival-kh.png") no-repeat;
    display: var(--is-festival);
    position: absolute;
    top: var(--header-kh-position-top);/*40px*/
    left: var(--header-kh-position-left);
}
.container-hwcc-search{
    width: 290px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #D4D9DF;
    border-radius: 4px;
    box-shadow: #D4D9DF 1px 1px 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 70px;
}
.container-hwcc-search input{
    width: 218px;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    font-size: 16px;
}
.search-bt{
    width: 23px;
    height: 24px;
    border-left: 1px solid #D4D9DF;
    position: relative;
    float: right;
    padding: 8px 19px;
    cursor: pointer;
}
.search-bt:hover{
    background-color: #D4D9DF;
}
.header-container{
    width: 100%;
    margin: 0 auto;
    background-color: var(--base-color-500);
}

.banner-blue{
    width: 100%;
    height: 10px;
    background-image: var(--background-gradient-color);
}
.menu-container{
    width: 1200px;
    height: 84px;
    background-color: var(--base-color-500);
    margin: 0 auto;
}
.menu-logo{
    background: var(--hw-menu-logo) center right no-repeat;
    width: 80px;
    height: 84px;
    float: left;
}
.menu-list{
    width: 1120px;
    height: 54px;
    margin: 14px 0;
    float: left;
}
.menu-list ul{
    width: 1120px;
    height: 27px;
}
.menu-list ul li{
    width: 139px;
    height: 25px;
    border-right: 1px dashed var(--menu-line-color);
    float: left;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    vertical-align: center;
    margin: 1px 0;
}
.menu-list ul li a{
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 18px !important;
    transition: color .3s;
}
.menu-list ul li a:hover{
    color: var(--text-href-color);
    transition: color .3s;
}
.clean-border{
    border: 0 !important;
}
/*首页内容部分样式*/
.triangular{
    background: var(--public-triangular) center center no-repeat;
}
.dot{
    background: var(--public-dot) center center no-repeat;
}
.double-triangular{
    background: var(--public-double-triangular) center center no-repeat;
}
.main-container{
    width: 100%;
    background: var(--background-img-grain) repeat-x var(--background-color) 100% 200px;
}
.main-shadow-container{
    width: 100%;
    padding-top: 15px;
    background: var(--background-img-shadow) no-repeat 100% top;
}
.main-position-container{
    width: 1200px;
    margin: 0 auto;

}
.top-news-container{
    width: 1200px;
    height: 75px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    background-color: var(--top-news-bg-color);
    background-image: var(--top-news-bg-img);

    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
}
.top-news-container a{
    display:block;
    width:1200px;
    line-height: 75px;
    text-align: center;
    color: var(--top-news-txt-color);
    font-size: 32px;
    font-weight: bolder;
    letter-spacing: 2px;

}
/*第一行两块新闻*/
.two-news{
    width: 1200px;
    height: 400px;
    margin-top: 15px;/*591*/
}
.scroll-img-container{
    width: 591px;
    height: 400px;
    margin-left: 15px;
    float: left;
}
/*轮播图CSS*/
/*轮播CSS开始*/
.focus{ position:relative; width:591px; height:400px; background-color: #000; float: left;}
.focus img{ width: 591px; height: 400px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#D4D4D4;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D4D4D4; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:var(--base-color-400);}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:41px; line-height: 41px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; }
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom:10px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#D4D4D4;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D4D4D4; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:var(--base-color-400);}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url('../images/base/focus_btn.png') no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
/*轮播CSS结束*/
.tab-news-container{
    width: 562px;
    height: 368px;
    border: 1px solid var(--container-line-color);
    float: left;
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    padding: 15px;


}
.tab-banner-container{
    width: 100%;
    height: 40px;
    border-bottom: var(--yw-news-tab-bottom-line);
    font-size: 14px;
}
.tab{
    width: 112px;
    height: 40px;
    float: left;
    cursor: pointer;
    line-height: 40px;
    font-size: 19px;
    text-align: center;
    font-weight: bolder;
    border-radius: 4px 4px 0 0 ;
    background: var(--yw-news-normal-img) no-repeat;
    color:var(--yw-news-normal-font-color);
}
.tab-active{
    font-weight: bolder;
    background: var(--yw-news-active-img) no-repeat;
    color: var(--yw-news-active-font-color);
}
.tab-banner-container span{
    position: relative;
    float: right;
    top: 15px;
}
.tab-banner-container span a{
    color:var(--more-font-color);
}
.tab-banner-container span a:hover{
    color: var(--text-href-color);
}
.sl-table{
    height: 300px;
    margin-top: 15px;
    font-size: 16px;
}
.sl-table tr{
    line-height: 31px;
}
.hw-table{
    height: 300px;
    margin-top: 15px;
    font-size: 16px;
}
.hw-table tr{
    line-height: 31px;
}

/*八个新闻*/
.eight-news{
    width: 1200px;
}
.eight-news-container{
    padding-top: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.eight-news-container-xs{
    width: 291px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    background-color: var(--news-card-bg-color);
    box-sizing: border-box;
}
.clean-margin{
    margin:0 !important;
}
.four-news-tab-container-long{
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    background-color: var(--news-card-bg-color);
}
.four-news-tab-title{
    display: flex;
    height: 48px;
    box-sizing: border-box;
    width: 894px;
    background: var(--four-new-bg-long-img) bottom right no-repeat var(--news-title-container-color);

}
.four-news-tab-item{
    line-height: 32px;
    padding: 6px 15px ;
    font-size: 18px;
    letter-spacing: 0.05em;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 2px;

}

.four-news-tab-item-active{
    background: var(--four-tab-item-active-bg);
    color: var(--four-tab-item-active-font-color);
}
.four-table{
    box-sizing: border-box;
    padding: 15px 10px;
    height: 214px;
    display: flex;
    justify-content: space-between;

}
.four-table div{
    width: 430px;
}
.eight-news-title{
    width: 100%;
    height: 50px;
    background: var(--eight-new-bg-img) bottom no-repeat var(--base-color-500);
}
.eight-news-more{
    position: relative;
    float: right;
    top: 15px;
    margin-right: 15px;
    font-size: 14px;
}
.public,.public a{
    color: var(--xzxk-public-a-color);
}
.public-more,.public-more a{
    color: var(--xzxk-public-more-a-color);
}
.eight-news-more a:hover{
    color: var(--text-href-color);
}
.eight-news-text{
    font-size: 18px;
    font-weight: bolder;
    width: 100px;
    height: 50px;
    line-height: 50px;
    float: left;
    padding-left: 20px;

}
.eight-news-text span{
    color: var(--eight-new-text-color);
}
.eight-news-title-blue{
    width: 100%;
    height: 64px;
}
.eight-news-title-blue a{
    display: block;
    width: 100%;
    height: 64px;
}
.eight-title-bg-01{
    background: var(--hw-zwnj-logo) no-repeat 100%;
}
.eight-title-bg-02{
    background: var(--hw-ylj-logo) no-repeat;
}
.eight-title-bg-03{
    background: var(--hw-hhx-logo) no-repeat;
}
.eight-title-bg-04{
    background: var(--hw-zhs-logo) no-repeat;
}
.eight-table{
    box-sizing: border-box;
    padding: 15px 10px;
}
.eight-table a{
    font-size: 15px;
}
.scroll-banner{
    width: 1200px;
    height: 80px;
    margin-top: 15px;
}
/*滚动条css开始*/
.banner-focus{ position:relative; width:1200px; height:80px; background-color: #000; float: left;}
.banner-focus img{ width: 1200px; height: 80px;}
.banner-focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.banner-focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#D4D4D4;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D4D4D4; }
.banner-focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:var(--base-color-400);}
.banner-focus .fPic{ position:absolute; left:0px; top:0px; }
.banner-focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.banner-focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.banner-focus .fcon img{ display:block; }
.banner-focus .fbg{bottom:5px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200; }
.banner-focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.banner-focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#D4D4D4;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D4D4D4; }
.banner-focus .D1fBt .current,.focus .D1fBt a:hover{background:var(--base-color-400);}
.banner-focus .D1fBt img{display:none}
.banner-focus .D1fBt i{display:none; font-style:normal; }
/*滚动条css结束*/
/*政务公开,水清预警发布*/
.news-container-01{
    width: 1200px;
    height: 355px;
    margin-top: 15px;
}
.affairs-public-container{
    width: 833px;
    height: 353px;
    margin-right: 15px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    float: left;
    background-color: var(--news-card-bg-color);
}
.water-warning-container{
    width: 348px;
    height: 353px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    float: left;
    background-color: var(--news-card-bg-color);
}
.news-title-container{
    width: 100%;
    height: 50px;
    background-color: var(--news-title-container-color);
}
.news-title{
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 50px;
    line-height: 50px;
    float: left;
    padding-left: 30px;
    color:var(--news-title-text-color);
}
.news-container{
    width: 813px;
    height: 283px;
    padding: 10px;
}
.bt-list-container{
    width: 135px;
    height: 283px;
    margin-left: 10px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}
.bt-container{
    width: 135px;
    height: 62px;
    /*margin-top: 12px;*/
    line-height: 62px;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;

}
.ysq-img{
    background: var(--hw-gkzl-img) no-repeat;
    background-size: contain;

}
.zwgk-img{
    background: var(--hw-gksq-img) no-repeat ;
    background-size: contain;
}
/*政务公开*/
/*政策法规*/
.zcfg-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.zcfg-base-img{
    background: var(--hw-zcfg-img) no-repeat;
    padding-left: 50px;
}
.zcfg-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.zcfg-active.zcfg-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.zcfg-active .zcfg-base-img{
    background: var(--hw-zcfg-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*政策解读*/
.zcjd-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.zcjd-base-img{
    background: var(--hw-zcjd-img) no-repeat;
    padding-left: 50px;
}
.zcjd-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.zcjd-active.zcjd-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.zcjd-active .zcjd-base-img{
    background: var(--hw-zcjd-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*规划计划*/
.jhgh-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.jhgh-base-img{
    background: var(--hw-jhgh-img) no-repeat;
    padding-left: 50px;
}
.jhgh-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.jhgh-active.jhgh-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.jhgh-active .jhgh-base-img{
    background: var(--hw-jhgh-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*人事财务*/
.rscw-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.rscw-base-img{
    background: var(--hw-rscw-img) no-repeat;
    padding-left: 50px;
}
.rscw-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.rscw-active.rscw-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.rscw-active .rscw-base-img{
    background: var(--hw-rscw-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*防汛抗旱*/
.fxkh-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.fxkh-base-img{
    background: var(--hw-fxkh-img) no-repeat;
    padding-left: 50px;
}
.fxkh-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.fxkh-active.fxkh-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.fxkh-active .fxkh-base-img{
    background: var(--hw-fxkh-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*水政执法*/
.szzf-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.szzf-base-img{
    background: var(--hw-szzf-img) no-repeat;
    padding-left: 50px;
}
.szzf-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.szzf-active.szzf-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.szzf-active .szzf-base-img{
    background: var(--hw-szzf-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*水利工程*/
.slgc-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.slgc-base-img{
    background: var(--hw-slgc-img) no-repeat;
    padding-left: 50px;
}
.slgc-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.slgc-active.slgc-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.slgc-active .slgc-base-img{
    background: var(--hw-slgc-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
/*行业监管*/
.hyjg-base{
    background-image: var(--hw-zwgk-bg-color);
    color:var(--hw-zwgk-font-color);
    border: 1px solid var(--hw-zwgk-line-color);
}
.hyjg-base-img{
    background: var(--hw-hyjg-img) no-repeat;
    padding-left: 50px;
}
.hyjg-active{
    border: 1px solid var(--hw-zwgk-line-active-color);
    font-weight: bolder;
}
.hyjg-active.hyjg-base{
    background-image: var(--hw-zwgk-bg-active-color);
}
.hyjg-active .hyjg-base-img{
    background: var(--hw-hyjg-img-active)  no-repeat;
    color: var(--hw-zwgk-font-active-color);
}
.table-box-container{
    width: 389px;
    height: 263px;
    padding: 10px 0;
    margin-left: 10px;
    float: left;
    overflow: hidden;
}
.table-box-container td{
    font-size: 16px;
}
.link-list-container{
    width: 124px;
    height: 283px;
    margin-left: 10px;
    float: left;
}
.link-container{
    width: 124px;
    height: 135px;
    margin-top: 12px;
}
.link-container a{
    display: block;
    width: 124px;
    height: 135px;
}
.warning-pic-container{
    width: 328px;
    height: 283px;
    padding: 10px;
    background-color: var(--news-card-bg-color);
}
.pic-warning{
    background: url("../images/base/sqyj.png") no-repeat;
    width: 328px;
    height: 135px;

}
.pic-rain{
    background: url("../images/base/lyysq.png") no-repeat;
    width: 328px;
    height: 135px;
    margin-top: 10px;
}
.warning-pic-container a{
    display: block;
    width: 328px;
    height: 135px;
}
/*行政许可*/
.news-container-02{
    width: 1200px;
    height: 530px;
    margin-top: 15px;
}
.news-left-container{
    width: 835px;
    height: 530px;
    margin-right: 15px;
    float: left;
}
.admin-license{
    width: 833px;
    height: 348px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    background-color: var(--news-card-bg-color);
}
.admin-license-container{
    width: 813px;
    height: 370px;
    padding: 10px 11.5px;
}
.admin-license-title{
    width: 810px;
    height: 60px;
    border-bottom: 1px solid var(--hw-admin-license-bottom-line-color);
}
.admin-license-list-container{
    width: 84px;
    height: 58px;
    float: left;
    padding-left: 70px;
    /*padding-top: 15px;*/
    line-height: 48px;
    margin-left: 10px;
    cursor: pointer;
}
.blzt-w{
    background: var(--hw-blzt-w-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color);
}
.blzt-b{
    background: var(--hw-blzt-b-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color-active);
    font-weight: bolder;
}
.bgxz-w{
    background: var(--hw-bgxz-w-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color);
}
.bgxz-b{
    background: var(--hw-bgxz-b-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color-active);
    font-weight: bolder;
}
.bszn-w{
    background: var(--hw-bszn-w-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color);
}
.bszn-b{
    background: var(--hw-bszn-b-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color-active);
    font-weight: bolder;
}
.xkjd-w{
    background: var(--hw-xkjd-w-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color);
}
.xkjd-b{
    background: var(--hw-xkjd-b-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color-active);
    font-weight: bolder;
}
.xggd-w{
    background: var(--hw-xggd-w-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color);
}
.xggd-b{
    background: var(--hw-xggd-b-img) no-repeat;
    background-size: contain;
    color:var(--hw-admin-license-font-color-active);
    font-weight: bolder;
}
.admin-license-table{
    width: 790px;
    height: 210px;
    margin: 7px 10px 0 10px;
    overflow: hidden;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) {
    background-color: var(--hw-layui-table-header-color);
}
.layui-table{
    background-color: var(--hw-layui-table-bg-color);
    color:var(--hw-layui-table-font-color);
}
.layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
    border-color: var(--hw-layui-table-border-color);
}
.layui-table-tips-main{
    overflow-y:hidden;
    background-color: var(--hw-layui-tips-main-color);
    color: var(--hw-layui-tips-main-font-color);
}
.layui-table-tips-c{
    background-color: var(--hw-layui-tips-c);
}
.layui-table-tips-c:hover{
    background-color: var(--hw-layui-tips-c-hover);
}
.interactive-communication{
    width: 833px;
    height: 163px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    margin-top: 15px;
    background-color: var(--news-card-bg-color);
}
.comm-pic-container{
    width: 829px;
    height: 159px;
    padding: 2px;
}
.comm-pic-container a:hover{
    color:var(--text-href-color)
}
.comm-pic{
    width: 275px;
    height: 159px;
    margin-left: 2px;
    float: left;
}
.zxft-bg{
    background: var(--hw-zxft-img) var(--hw-zxft-bg) right bottom no-repeat;
}
.wjdc-bg{
    background: var(--hw-wjdc-img) var(--hw-wjdc-bg) right bottom no-repeat;
}
.gzzx-bg{
    background: var(--hw-gzzx-img) var(--hw-gzzx-bg) right bottom no-repeat;
}
.comm-title{
    width: 245px;
    height: 20px;
    padding-left: 30px;
    margin-top: 25px;
    margin-bottom: 10px;

}
.comm-title a{
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.comm-title a:hover{
    text-decoration: underline !important;
}
.comm-table{
    width: 275px;
    height: 60px;
}
.zxft-color-t a{
    color: var(--hw-zxft-t);
}
.zxft-color-c a{
    color: var(--hw-zxft-c);
}
.wjdc-color-t a{
    color: var(--hw-wjdc-t);
}
.wjdc-color-c a{
    color: var(--hw-wjdc-c);
}
.gzzx-color-t a{
    color: var(--hw-gzzx-t);
}
.gzzx-color-c a{
    color: var(--hw-gzzx-c);
}
.gzzx-bt-container{
    padding-left: 120px;
    width: 155px;
}
.gzzx-bt-color{
    background: var(--hw-gzzx-bt-color);
}
.pic-right-container{
    width: 348px;
    height: 620px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    float: left;
    background-color: var(--news-card-bg-color);
}
.feature-pic-container{
    width: 328px;
    height: 470px;
    padding: 0 10px;
}
.pic-link-container{
    width: 328px;
    height: 83px;
    margin-top: 10px;
}
.pic-link-container a{
    width: 328px;
    height: 83px;
    display: block;
}
.szygb-pic{
    background: url("../images/base/2_1.jpg") no-repeat;
}
.ysde-pic{
    background: url("../images/base/2_2.jpg") no-repeat;
}
.jydt-pic{
    background: url("../images/base/2_3.jpg") no-repeat;
}
.xfxx-pic{
    background: url("../images/base/2_4.jpg") no-repeat;
}
.jbts-pic{
    background: url("../images/base/2_5.jpg") no-repeat;
}
.jdjb-pic{
    background: url("../images/base/2_6.jpg") no-repeat;
}
.e-text-color{
    color: var(--news-title-flower-color );
}
/**/
.news-container-03{
    width: 1200px;
    height: 220px;
    border: 1px solid var(--container-line-color);
    box-shadow: var(--container-line-color-shadow) 0 0 10px;
    margin-top: 15px;
    background-color: var(--news-card-bg-color);
    box-sizing: border-box;
}
.scroll-title-bg{
    width: 1168px;
    height: 50px;
    padding-left: 30px;
    background-color: #F5F5F5;
}
.scroll-title{
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 50px;
    line-height: 50px;
    float: left;
    padding-left: 20px;
    cursor: pointer;
}
/*无缝滚动图CSS开始*/
.slideGroup-line{
    width: 30px;
    line-height: 50px;
    float: left;
    font-size: 18px;
    text-align: center;
    color: var(--slide-group-line);
}
.slideGroup{ width:1198px; text-align:left;  }
.slideGroup .parHd{ height:50px; line-height:50px; background:var(--news-title-container-color); padding:0 30px; position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:30px; top:-1px; height:50px;   }
.slideGroup .parHd ul li{ float:left; padding:0 20px; cursor:pointer; font-size: 18px;line-height: 50px;color:var(--slide-group-normal-font-color)}
.slideGroup .parHd ul li.on{ height:50px;background: var(--hw-triangular-right-img) left no-repeat;color:var(--news-title-text-color);font-weight: bold;}
/*.slideGroup .parHd ul li a{ font-size: 18px;font-weight: bold;line-height: 50px;color:inherit}
.slideGroup .parHd ul li a:hover{color:#096EBA;}*/
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 42px 10px 42px; position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:35px; display:block; width:30px; height:94px; background:var(--hw-prev-img) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:5px; background:var(--hw-next-img) center center no-repeat;  }
.slideGroup .sPrev:hover{ background:var(--hw-prev-hover-img) center center no-repeat; }
.slideGroup .sNext:hover{ background:var(--hw-next-hover-img) center center no-repeat; }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:200px; height:144px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;font-size: 14px;}
/*无缝滚动图CSS结束*/
/*政府站点*/
.website-container{
    width: 1200px;
    height: 260px;
    background-color: var(--news-card-bg-color);
    border-top: 3px solid var(--base-color-500);
    margin-top: 15px;
}
/*政府站点tab开始*/
.slideTxtBox{ width:1200px;text-align:left;  }
.slideTxtBox .hd{ height:50px; line-height:50px; background:var(--news-title-container-color); padding:0 20px 0 20px;   border-bottom:1px dashed rgba(221,221,221,.5);  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:30px; top:-1px; height:50px;   }
.slideTxtBox .hd ul li{ float:left; padding-right:20px; cursor:pointer;font-size: 18px;line-height: 50px;background: var(--hw-triangular-bottom-img-base) right no-repeat;color:var(--slide-group-normal-font-color);}
.slideTxtBox .hd ul li.on{ height:50px;background: var(--hw-triangular-bottom-img) right no-repeat;font-weight: bold;color:var(--news-title-text-color); }
.slideTxtBox .bd ul{ padding:15px 30px;  zoom:1;  }
.slideTxtBox .bd li{ height:38px; line-height:38px;   }
.slideTxtBox .bd li a{ display: block;float: left;font-size: 15px;width: 250px;height: 38px;}
.slideTxtBox .bd li a:hover{ color:var(--text-href-color); }
/*政府站点tab结束*/
/*海委网站页尾*/
.footer-container{
    width: 100%;
    height: 200px;
    background-color: var(--hw-footer-banner-line-color);
}
.footer-banner{
    width: 100%;
    height: 6px;
    background: var(--hw-footer-banner-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    /*box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);*/
    position: relative;
}
.footer-ding-container{
    width: 1200px;
    height: 194px;
    margin: 0 auto;
}
.footer-logo-container{
    width: 210px;
    height: 164px;
    float: left;
    padding: 15px;
}
.footer-text-container{
    width: 696px;
    height:154px;
    float: left;
    padding: 20px;
}
.footer-splinter-container{
    width: 284px;
    height: 20px;
    margin: 15px 0;
}
.footer-splinter-container a{
    font-size:14px;
}
.website-text{
    width: 693px;
}
.website-text p{
    font-size: 15px;
    width: 231px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.footer-wechat-container{
    width: 224px;
    height:194px;
    float: left;
}
.hwcc-wechat{
    width: 82px;
    height: 122px;
    background: url("http://www.hwcc.gov.cn/images/W020241204371100253928.jpg") no-repeat  top center ;
    background-size: 100%;
    margin-top: 40px;
    float: left;
}
.china-wechat{
    width: 82px;
    height: 122px;
    background: url("../images/base/74.png") no-repeat;
    margin: 40px 30px;
    float: left;
}
.w-text{
    width: 82px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color:var(--hw-footer-wx-color);
    text-align: center;
    margin-top: 92px;
}
.jiucuo{
    width: 110px;
    height: 55px;
    background: url("../images/base/jiucuo.png") no-repeat;
}
.blue{
    background: url('../images/base/blue.png') no-repeat;
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 20px;
    margin-left: 20px
}