body{
    background: url("bg.jpg") center 34px no-repeat;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a:hover{
    text-decoration: none;
}
.top{
    background: #f5f5f5;
    border-bottom: 2px solid #9eb2bb;
    line-height: 32px;
}
.top,.top a{
    color: #7a7a7a;
    font-size: 16px;
}
.top span{

}
.top span+span:before{
    content: "|";
    margin: 0 4px;
}
.toptools{
    margin: 100px 0 75px;
}
.navbar-form{
    width: 100%;
}
.search .form-group{
    display: flex;
    width: 100%!important;
    padding: 0;
}
.search input{
    border-radius: 17px 0 0 17px;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .2);
    opacity: .7;
    transition: all 0.2s;
    width: 100%!important;
}
.search input:focus{
    opacity: 1;
}
.search button{
    background: #338fcb;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .2);
}
.search button:focus{
    outline: none;
}
.search button:after{
    color: #fff;
    font-size: 22px;
}
.search .btn{
    border-radius: 0px 17px 17px 0;
    padding: 0 12px;
}
.nav{
    background: url("nav.png") center top no-repeat;
    line-height: 50px;
}
.nav ul{
    display: flex;
}
.nav ul li a{
    color: #fff;
    font-size: 20px;
}
.hotnews{
    background: #f3f3f3;
}
.tzgg{
    background: #fff;
    overflow: hidden;
    margin: 15px auto;
    position: relative;
    text-align: center;
}
.tzgg h2{
    font-weight: bolder;
    font-size: 28px;
}
.tzgg h2 a{
    color: #565656;
}
.tzgg h2 a:hover{
    color: #000;
}
.tzgg p{
    color: #a7a7a7;
    margin: 10px 0 15px;
}
.tzgg .italic{
    background: #0d83d5;
    color: #fff;
    font-weight: bold;
    transform:rotate(-45deg);
    text-align: center;
    width: 120px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    left: -30px;
    top: 15px;
}
.focus ul,.ztzl ul,.rdzt ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.focus li{
    float: left;
}
.focus li p{
    background: rgba(0, 0, 0,.5);
    color: #fff;
    margin-top: -50px;
    line-height: 50px;
    text-indent: 2em;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.swiper-pagination {
    text-align: right;
    position: absolute;
    z-index: 999;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    width: 95%;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    background: #1a4e95;
    opacity: 1;
}
.focus,.news{
    margin-bottom: 15px;
}
.focus .swiper-slide,.ztzl .swiper-slide,.video .box,.swiper-pic .swiper-slide div{
    position:relative;
    width:100%;
    height:0;
}
.swiper-slide img,.video img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.focus .swiper-slide{
    padding-top: 54.3%;
}
.video .box{
    padding-top: 61%;
}
.swiper-pic .swiper-slide div{
    padding-top: 63.89%;
}
.title{
    background: url("title.png") center 0 no-repeat;
    color: #565656;
    margin: 0 0 9px;
    text-align: center;
}
.title b{
    font-size: 20px;
    font-weight: bold;
}
.more{
    position: absolute;
    font-family: \5B8B\4F53;
    font-size: 12px;
    line-height: 26px;
    right: 1em;
}
.news .nl{
    background: #fff;
    padding: 9px 20px;
}
.nl li{
    line-height: 35px;
}
.nl li a{
    font-size: 16px;
}
.nl li {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.nl li{
    text-indent: 1em;
}
.news .nl li{
    text-indent: 1em;
}
.nl li a {
    color: #999;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
}
.nl li span{
    color: #999;
}
.nl li a:hover{
    color: #5092ce;
}
.nl li a:before {
    content: "";
    background: #00a7dc;
    border-radius: 50%;
    content: "";
    width: 2px;
    height: 2px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
}
.news .nl li a:before {
    content: "";
    display: block;
    border: 1px solid #999;
    border-radius: 50%;
    background: none;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news .nl li a:hover:before{
    border-color: #5092ce;
}
.flexbox i:before{
    color: #3baef6;
    font-size: 38px;
    transition: all .3s ease 0s;
}
.ztzl,.ti,.fff,.pic{
    margin-top: 20px;
}
.ti{
    background: url("titlebf.png") no-repeat;
}
.ti > div:nth-of-type(1){
    padding-bottom: 20px;
}
.ysxx.ti > div:nth-of-type(1) {
    padding-bottom: 13px;
}
.ti > div:nth-of-type(1):after,.fff .title:after{
    background: #e7e7e7;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
.ti b{
    color: #146cb8;
    font-size: 20px;
    margin-left: 10px;
    line-height: 24px;
    background: -webkit-linear-gradient(90deg, #146cb8, #089ad0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ysxx.ti {
    background: #f3f3f3;
}
.ysxx div:nth-of-type(1){
    background: #fff url(titlebf.png) no-repeat;
}
.ysxx li{
    line-height: 32px;
}
.ysxx li:first-child{
    padding-top: 10px;
}
.ysxx li:first-child a:before {
    top: 65%;
}
.ysxx li:last-child{
    padding-bottom: 10px;
}
.ysxx li:last-child a:before {
    top: 35%;
}
.fff .title{
    background: transparent url("title.jpg") center 0 no-repeat;
    position: relative;
}
.fff .title:after{
    position: absolute;
    top: 86%;
    z-index: -1;
}
.ffo{
    position: relative;
}
.ffo:after{
    background: #e7e7e7;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
.ffo .nl{
    padding-bottom: 10px;
}
.fff .nl li span,.ti .nl li span{
    font-size: 12px;
}
.ad3{
    margin-top: 45px;
}
.swiper-pic{
    padding-top: 8px;
    overflow: hidden;
}
.video .box{
    position: relative;
}
.cover{
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .3s;
    transform:translate(-50%,-50%);
}
.cover:before{
    content: "";
    display: block;
    width: 0;
    border: 20px solid transparent;
    border-top-color: rgba(255,255,255,.6);
    transition: all .5s;
    transform:rotate(-90deg) translate(0,40%);
}
.video .box a:hover .cover{
    background: rgba(255,255,255,1);
    box-shadow: 1px 1px 15px rgba(0,0,0,.8);
}
.video .box a:hover .cover:before{
    border-top-color: rgba(1,155,219,.6);
}
.video p,.pic p{
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height: 2;
    margin: 0;
    text-indent: 1em;
    text-shadow: 1px 1px 3px #000;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.swiper-pic .swiper-slide div{
    position: relative;
}
.flink{
    background: #f1f1f1;
    margin-top: 30px;
    padding: 0 0 5px;
}
.item div{
    background: url("flink.jpg") no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 54px;
    width: 156px;
    text-align: center;
    margin-top: -4px;
}
.item{
    padding:0;
    margin:0;
    list-style: none;
    display:flex;
    flex-flow: row wrap;
    justify-content:space-around;
}
.item select{
    width:20%;
    margin:10px 0;
}
.footer{
    background: #32373a;
    color: #fff;
    padding:30px 0 20px;
}
.flexbox{
    display: flex;
}
.flexbox a{
    color: #565656;
    font-size: 16px;
    text-align: center;
}
.flexbox i{
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    display: flex;
    align-items:center;
    justify-content:center;
    margin: 10px 0 15px;
}
.flexbox a:hover i:before{
    color: #089ad0;
    transform:rotateY(180deg);
}
.sider dd a:before{
    content: "\e6cf";
}
.page .container{
    padding-bottom: 20px;
    border-top: 1px solid #0c86d7;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.sider{
    background: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.sider dt{
    border-bottom: 1px solid #0c86d7;
    line-height: 3;
    margin-top: 10px;
}
.sider:hover dt{
    border-bottom-color: transparent;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%230c86d7' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;
    background-size: 20px auto;
    animation: waveFlow 1s infinite linear;
}
@keyframes waveFlow {
    from { background-position: 0 100%; }
    to   { background-position: -20px 100%; }
}
.sider dd{
    line-height: 2.4;
}
.sider dd:nth-of-type(1){
    margin-top: 10px;
}
.sider dd a{
    display: block;
    position: relative;
    overflow: hidden;
}
.sider dd a:before{
    position: absolute;
    transform: translateX(-5000%);
    transition: all .3s ease 0s;
}
.sider dd a:hover:before{
    transform: translateX(-1em);
}
.sider dd.on a{
    background: #0c86d7;
    color: #fff;
}
.sider .wave{
    background-color: rgb(118,218,255,.6);
    border-radius: 0 0 10% 10%;
    height: 0;
    padding-top: 100%;
}
.list .wave{
    border-radius: 33%;
}
.wave {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.wave:before,.wave:after{
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 45%;
    transform: translate(-50%, -70%) rotate(0);
    animation: rotate 6s linear infinite;
    z-index: 1;
}
.list .wave:before,.list .wave:after{
    width: 800px;
    height: 800px;
    top: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, .1);
    transform: translate(-50%, -70%) rotate(0);
}
.wave:after {
    border-radius: 47%;
    background-color: rgba(255, 255, 255, .9);
    transform: translate(-50%, -70%) rotate(0);
    animation: rotate 10s linear -5s infinite;
    z-index: 2;
}
@keyframes rotate {
    50% {
        transform: translate(-50%, -73%) rotate(180deg);
    }
    100% {
        transform: translate(-50%, -70%) rotate(360deg);
    }
}
.list{
    background: #fdfdfd;
}
.bnav{
    background: #fff;
    background-image: linear-gradient(190deg, #e8e8e8 0%, #fff 40%);
    border-bottom: 1px solid #fff4f4;
    padding: 10px;
}
.column{
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-weight: bold;
    padding: .8em 0 0;
}
.column span{
    border-bottom: 2px solid #0077d1;
    float: left;
    padding: 11px;
}
.column li,.tab li{
    float: left;
    list-style: none;
}
.column li span{
    border-color: transparent;
}
.column li.default span{
    border-color: #0077d1;
}
.column li span a{
    color: #333;
}
.newslist{
    border-bottom: 1px dotted #eee;
    display: flex;
    float: left;
    margin: 10px auto;
    padding: 10px 0;
    width: 100%;
    transition: all 0.5s ease 0s;
}
.newslist:hover{
    background: #00c9ff;
    border-color: transparent;
    border-radius: 6px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2),0 0 45px rgba(0, 0, 0, 0.3) inset;
}
.newslist:hover .year,.newslist:hover .md,.newslist:hover .news-info h3 a,.newslist:hover .news-info p{
    color: #fff;
}
.year,.md{
    font-family: Rajdhani;
}
.news-date{
    text-align: center;
}
.year{
    font-size: 20px;
    position: relative;
    height: 2em;
}
.md{
    font-size: 34px;
}
.news-info{
    padding-top: 1em;
}
.news-info h3{
    font-size: 18px;
}
.news-info h3 a{
    color: #333;
    position: absolute;
    z-index: 3;
    top: .5em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-info p{
    color: #bbb;
}
.article-footer {
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    float: left;
    width: 100%;
}
.art .container{
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.art .container{
    padding-top: 30px;
    padding-bottom: 30px;
}
.artt{
    text-align: center;
    margin: 0;
    line-height: 1.48;
}
.tools{
    border-bottom: 1px dotted #ccc;
    margin: 15px auto 20px;
    padding: 5px 30px;
    text-align: center;
}
.tools .date span{
    font-family: Rajdhani;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1em;
}
.tools #print{
    margin: -4px 12px 0 0;
}
.article{
    font-size: 16px;
    line-height: 2.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.article p{
    margin: 0 auto 1em;
    text-align: justify;
}
.qrcode{
    margin: 30px auto 15px;
}
.qrcode,#qrcode{
    text-align: center;
}
.date:before,.date a:before{
    font-size: 18px;
}
.flexbox i:before,.search button:after,.bnav:before,.sider dd a:before,.date:before,.date a:before{
    font-family: "iconfont" !important;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.search button:after{
    content: "\e64d";
}
.flexbox a:nth-of-type(1) i:before {
    content: "\e600";
}
.flexbox a:nth-of-type(2) i:before {
    content: "\e67c";
}
.flexbox a:nth-of-type(3) i:before {
    content: "\e7dc";
}
.date:before {
    content: "\e618";
}
.date a:before {
    content: "\e6a5";
}
.bnav:before{
    color: #337ab7;
    content: "\e64a";
}
@font-face {
    font-family: 'iconfont';  /* project id 1858347 */
    src: url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.eot');
    src: url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1858347_vh5tmtbnwl.svg#iconfont') format('svg');
}
@font-face {
    font-family: "Rajdhani";
    src: url("Rajdhani.woff2") format("woff2"),
    url("Rajdhani.woff") format("woff"),
    url("Rajdhani.ttf") format("truetype"),
    url("Rajdhani.eot") format("embedded-opentype"),
    url("Rajdhani.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@media (min-width: 768px) {
    .newslist{
        align-items: center;
    }
    .year span{
        background: #fff;
        padding: 0 5px;
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all 0.5s ease 0s;
    }
    .year:after{
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #eee;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .newslist:hover .year span{
        background: #00c9ff;
    }
}
@media (min-width: 992px) {
    .nav ul li:nth-of-type(1){
        background: url("index.png") center 0 no-repeat;
        line-height: 60px;
        margin-top: -9px;
    }
    .nav ul li:nth-of-type(1) a{
        color: #015f9b;
        font-weight: bold;
        margin: 0 100px;
    }
    .ti,.ad3{
        padding: 0;
    }
    .ti b{
        margin-left: 26px;
    }
    .pic,.fff{
        padding-right: 0;
    }
    .nav{
        padding-bottom: 25px;
    }
    .nav ul li a{
        margin: 0 45px;
    }
    .flexbox{
        justify-content: space-between;
    }
    .ysxx ul{
        background: #fff;
        margin: 5px;
    }
    .ysxx li{
        margin: 0 auto;
        width: 90%;
    }
    .ffo ul li{
        float: left;
        width: 50%;
        padding: 0 2em;
    }
    .fff .nl li a:before {
        left: 2em;
    }
    .ffo:before{
        background: #e7e7e7;
        content: "";
        display: block;
        width: 1px;
        height: 210px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);;
    }
}
@media (min-width: 1200px) {
    .art .container{
        width: 1070px;
    }
}
@media (min-width: 1920px) {
    .art .container{
        width: 1170px;
    }
}
@media (max-width: 500px) {
    .nav ul li a{
        font-size: 14px;
        justify-content: space-between;
    }
}
@media (max-width: 991px) {
    .nav{
        background:linear-gradient(rgba(10,92,154,1), rgba(12,133,214,1));
    }
    .nav ul{
        display: flex;
        justify-content: space-around;
    }
    .ysxx.ti{
        background:#fff url(titlebf.png) no-repeat;
    }
    .ysxx div:nth-of-type(1){
        background: none;
    }
    .flexbox{
        justify-content: space-around;
    }
    .item select {
        width: 30%;
    }
}
@media (max-width: 1200px) {
    .list .wave{
        border-radius: 0;
    }
}