@charset "UTF-8";
:root{
    --primary-theme-color:rgba(0, 128, 255,1.0);
    --background-gray:#f8f8f8;
    --font-color-gray:#999999;
    --default-font-color:#333;
    --main-width: 1200px;
    --font-size-medium: 16px;
    --font-size-small:14px;
    --font-size-smaller:12px;
    --font-size-large:18px;
    --font-size-larger:20px;
    --font-size-x-large:22px;
    --font-size-xx-large:24px;
    --padding-4:4px;
    --padding-14:14px;
}
@font-face {
    font-family: header-flag;
    src: url(../../fonts/head-flags.ttf); 
}
@font-face {
    font-family: banner-flag;
    src: url(../../fonts/banner-flag.ttf); 
}
/*css reset*/
/*清除内外边距*/
body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/
ul, ol, li, dl, dt, dd, /*列表元素*/
form, fieldset, legend, input, button, select, textarea, /*表单元素*/
th, td, /*表格元素*/
pre,figure {
padding: 0;
margin: 0;
}
form{font-size:0;}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: inherit;
    display:inline;
}
em, i {
    font-style: normal;
}
a {
    text-decoration: none;
    color: var(--default-font-color);
}
li {
    list-style-type: none;
    vertical-align: top;
}
img {
    vertical-align: top;
    max-width: 100%;
}
img,input{
    border: none;
    outline: none;
}
body{
    color: var(--default-font-color);
    font-size: var(--font-size-medium);
    line-height:2;
    font-family:  "Microsoft YaHei", Tahoma, Helvetica, Arial, SimSun, sans-serif;
}
*{ box-sizing: border-box; }
/*common*/
.container{ width:1200px;margin:0 auto;position: relative;z-index:10; }
.container::after{ content:"";display:block;clear:both; }
.bg-primary-color{ background-color:var(--primary-theme-color); }
.bg-primary-color,.bg-primary-color *{color:white;}
.more{ float:right;font-size:var(--font-size-small);flex-basis: 100%;text-align:right;color: }
.left-50{ float:left; width:582px; }
.right-50{ float:right;width:582px; }
.left-50 figure,.right-50 figure{ max-height:436px; }
.padding-bt-66{ padding-bottom:66px; }
.background-gray{ background-color:var(--background-gray); }

.sup-slide{ position:relative;overflow:hidden; }

.sup-slide .prev,.sup-slide .next{ position:absolute;z-index:100;top:50%;left:0;margin-top: -40px;display: block;width: 32px;height: 80px;background: url(slider-arrow.png) -110px center no-repeat ;filter: alpha(opacity=70);opacity: 0.7;border-radius: 3px;}
.sup-slide .prev:hover, .sup-slide .next:hover { filter: alpha(opacity=100); opacity: 1;background-position-y: center;background-color:var(--primary-theme-color);}
.sup-slide .next {left: auto;right: 0; background-position: 8px center; border-radius: 3px;}

.title{ white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block; }
.hide{ display:none; }
/*index*/
.top-bar{ padding-top:4px;padding-bottom:4px;position: relative;z-index:10; }
.top-bar,.top-bar *{ font-size:var(--font-size-small);}
.top-bar form{ font-size:0; }
.top-bar .search-wrap{ float:right; }
.search-wrap input[type="text"]{ border-top-left-radius: 14px; border-bottom-left-radius: 14px;border:none;background-color:rgba(255,255,255,0.5); padding-left:1em;padding-right:1em;line-height:2;}
.search-wrap input[type="submit"]{ line-height:2;color:var(--primary-theme-color);padding-left:calc(1em + 19px + 4px );padding-right:1em;border-top-right-radius: 14px; border-bottom-right-radius: 14px;background-image:url(icon-search.png);background-position: 1em center;background-repeat: no-repeat;cursor: pointer; }
.head{ display:flex;justify-content: space-between;align-items: center;padding-top:1em;padding-bottom:1em;position: relative;z-index:10; }
.nav-wrap{ background-color:#0091FD;position: relative;z-index:10; }
.main-nav{ display:flex;flex-wrap: nowrap;overflow:unset; }
.main-nav .nLi{ flex-basis: 100%; text-align:center;font-size:var(--font-size-large);font-weight: bold;line-height:2.5;white-space: nowrap;overflow:unset;position: relative;z-index:10;}
.main-nav li:hover{ background-color:rgba(255,255,255,0.4); }
.main-nav .sub{display:none;position: absolute;width:100%;font-size:var(--font-size-medium);font-weight: normal;border-top: 1px solid white;z-index: 100;}

.index-banner-wrap{ height:auto;position: relative;z-index:1;margin-top:-187px; }
.index-banner .bd li{position:relative;}
.index-banner .bd figure{ text-align:center; }
.index-banner .bd figure.tail{ position:absolute; left:50%;top:50%; }
.topic{ display:flex;align-items: center; }
.topic .topic-title{ font-size:var(--font-size-x-large);color:var(--primary-theme-color);font-weight: bold; margin-right:2em;flex-shrink: 0;line-height:4; }
.topic .topic-title:last-child{ margin-right:0; }

.tabs .topic-title{ color: var(--font-color-gray);}
.tabs .on{ color:var(--primary-theme-color) }
.index-focus{ position:relative;overflow:hidden;height:430px;}
.index-focus .bd ul li{ position:relative; }
.index-focus .bd figure{ height:430px;overflow:hidden; }
.index-focus .bd .title{ position:absolute;left:0;right:0;bottom:0;height:46px;line-height:46px;padding-left:0.5em;padding-right:0.5em;font-size:var(--font-size-large);background-color:rgba(0,0,0,0.5);color:white; }

.news li{ overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:var(--font-size-large); line-height:54px; }
.news li .title{ display:inline; }
.news li::before{ content:"·";display:inline-block;font-size:var(--font-size-large);font-weight: bold;width:1em;text-align:left; }
.news .date{ float:right;color:var(--font-color-gray);padding-left:1em; }
.tab-news{ height:430px;overflow:hidden; }
.tab-news ul li{ border-bottom:1px solid var(--background-gray) }
.tab-news ul li:last-child{ border-bottom:none; }
/* .pic-wall ul{display: flex; flex-wrap: wrap;justify-content: space-between; } */
/* .pic-wall ul li{ width:273px; position:relative;} */
/* .pic-wall ul li.w-100{ width: 100%; } */
/* .pic-wall ul li figure { max-height:204px;overflow:hidden;} */
/* .pic-wall ul li.w-100 figure { max-height:436px;overflow:hidden;} */
.pic-wall .title{ position:absolute;display:inline-block;top:1em;background-color:rgba(0, 128, 255,0.6);color:white;font-size:var(--font-size-large);padding-left:0.5em;padding-right:0.5em; }
/* .pic-wall .left-50 li.w-100{ margin-bottom:36px; } */
/* .pic-wall .right-50 li.w-100{ margin-top:36px; } */
.pic-wall ul li{ position:relative;display:flex;justify-content: space-between; margin-bottom:36px;}
.pic-wall ul li figure { max-height:436px;overflow:hidden;}
.pic-wall .poppycock{ flex-basis: 36px; visibility:visible; }
.zhuanti{ padding-left:22px;padding-right:22px;border-radius:10px; padding-top:20px;padding-bottom:20px;margin-top:34px;margin-bottom:34px;}

.zhuanti ul{  width:1156px;margin: 0 auto;height:84px;overflow:hidden; }
.zhuanti ul li{height:100%;display:flex;flex-wrap:nowrap;justify-content: space-between;align-items: center;}
/*temp 历史图片宽度不够样式补齐*/
.bxts-slide figure img{width:100%;}
/*end*/
.bxts-slide{ max-height:436px;overflow:hidden; }
.bxts-slide li{ position:relative; }
.bxts-slide .title{ position:absolute;left:0;right:0;bottom:0;font-size:var(--font-size-large);padding-left:0.5em;padding-right:0.5em;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;background-color:rgba(0,0,0,0.5);color:white; }
.bottom-banner{ background-image:url(bottom-banner.jpg);background-position: center;background-size:cover;padding-top:50px; }
.msfc{ padding-left:36px;padding-right:36px;background-color:rgba(255,255,255,0.6);border-radius: 10px;padding-bottom:30px;}

.msfc-slide ul li { width:200px;margin-right:32px;float:left;text-align:center;font-size: var(--font-size-large); }
.msfc-slide ul li:last-child{ margin-right:0; }
.msfc-slide ul li figure{ max-height:266px;overflow:hidden; }
.msfc-slide ul li figure img{ width:100%; }
.footer-wrap{ background-color:rgba(0, 134, 233,0.9); }
.footer{ display:flex;justify-content: space-between;padding-top:30px;padding-bottom:30px;align-items: center; }
.footer .oth ul{ display:flex; }
.footer .oth ul li { margin-left:1em;text-align:center; }

.list-bar { width: 240px;height: auto;float: left;margin-top:-80px; }
.child-menu li{ border-left:solid 4px #ddd;background-color:#F7F7F7;border-bottom:solid 1px #ddd;padding-left:1em;height:3em;line-height:1em;display:flex;align-items: center;flex-wrap:wrap;overflow:hidden;}
.child-menu li.on,.child-menu li:hover{ border-left-color: rgba(0, 128, 255,0.6); }
.child-menu li.parent{ height:80px;font-size:var(--font-size-xx-large);font-weight:bold;color:white;justify-content: center;padding-left:6px;padding-right:6px;background-color:rgba(0, 128, 255,0.6);border-bottom:none;border-left:none;}

.list-cont {  width: 940px; float:right;}
.list-cont .news li{ border-bottom:1px dashed #ccc;  }
.list-cont .news li:last-child{ border-bottom:none; }
.manu {TEXT-ALIGN: center;font-size: 12px;height: 40px;padding: 5px;line-height: 30px;}
.manu .disabled {PADDING: 5px 7px;BORDER: #dbdbdb 1px solid; MARGIN: 5px;COLOR: #ddd;}
.manu .current {BORDER: #dbdbdb 1px solid;PADDING: 5px 7px;FONT-WEIGHT: bold;MARGIN: 5px;COLOR: #fff;BACKGROUND-COLOR: var(--primary-theme-color);}
.manu A {BORDER: #dbdbdb 1px solid;PADDING: 5px 7px;MARGIN: 5px;COLOR: #333;TEXT-DECORATION: none;}
.article { width:1000px;margin:0 auto; }
.article .title{ font-size:var(--font-size-xx-large);text-align:center;margin-top:1em;margin-bottom:1em;white-space:unset;  }
.article .info{ text-align: center;font-size:var(--font-size-small);color:#999;background-image:linear-gradient(to right, transparent,#f4f4f4 40%,transparent) }
.article .info span{margin-right:2em;}
.article .info span:last-child{margin-right:0;}
.article .content{ margin-top:2em;margin-bottom:2em;font-size:var(--font-size-large);text-align: justify; }
.flags{overflow:unset;}
.flags li,.flags li a { font-family: header-flag;font-size: 48px;color:var(--primary-theme-color);-webkit-text-stroke: 2px #fff; }
/*flags不通用css*/
.flags ul,.flags ul li{width:650px !important;text-align:right;white-space: nowrap;}

/*end*/
.index-banner .flag{    font-size: 48px;font-family: banner-flag;color: #950508;text-shadow: 0px 0px 5px #fff;-webkit-text-stroke: 1px #fff;font-weight: 400;position:absolute;left:50%;top:300px;}
.topbar-flags a{ display:inline-block;border-left:1px solid #fff;margin-left:1em;padding-left:2.5em; background:url(hot.svg) 1em center no-repeat;}

ul.img-list{
    display:flex;
    flex-wrap: wrap;
}
ul.img-list li{
    width:25%;
    padding-left:12px;
    padding-right:12px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-bottom:1em;
}
.gg_pc{
    display:inline-block;
    padding:1em;
    font-size:18px;
    line-height:2;
    color:white;
    background-color:#d00000;
    font-weight: bold;
    min-width: 200px;
    text-align: center;
}
.pad-0{padding:0;}