:root{
    --primary-color: #063d79;
    --default-color: #303133;
    --title-color: #000000;
    --regular-color: #606266;
    --secondary-color: #909399;
    --hover-color: #063d79;
    --danger-color:#EA644A;
    --warning-color: #F1A325;
    --success-color: #38B03F;
    --info-color: #03B8CF;
    --important-color:#BD7B46;
    --special-color: #8666B8;
    --min-width: 1300px;
    --main-width: 1200px;
    --header-height: 140px;
    --mini-header-height: 80px;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --conetnt-margin-bottom: 20px;
}
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:var(--font-family);
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size:16px;
    min-width: calc(var(--min-width) + 20px);
    font-style: normal;
}
body {
    background-color: #f5f5f5;
    font-family:var(--font-family);
    color: var(--default-color);
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
}

/*	防止复制代码
body {-moz-user-select: none;-webkit-user-select: none;}
*/
[v-cloak]{display:none !important;}
header, section, footer, aside, nav, main, article, figure {
    display: block;margin:0;padding:0;border:0;
}
img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:5px 0;padding:5px 0;}
input,textarea,button,label {font-family:var(--font-family);}

a{transition: all .1s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear, .clearfix {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}
.hide {display: none;}
.p-t-20 {padding-top: 20px;}

.mt-50{margin-top: 50px;}
.mr-50{margin-right: 50px;}
.mb-50{margin-bottom: 50px;}
.ml-50{margin-left: 50px;}

/**
深蓝：#0c6fe7
浅蓝：var(--hover-color)
藏蓝：#030b2f
 */

/*	链接样式	*/
a {color:rgba(95,95,95,1);}
a:hover {text-decoration: none;color: var(--hover-color);}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:var(--default-color);}
a.nav-link:hover {text-decoration:none; color:var(--hover-color);}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#f0ab49;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #bc2021;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:var(--primary-color);}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:var(--warning-color);}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

/*	字体颜色	 */
.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}
.text-yellow{color: #ed693e;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-dark {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: var(--danger-color);}
.text-warning {color: var(--warning-color);}
.text-success{color: var(--success-color);}
.text-info{color: var(--info-color);}
.text-important{color:var(--important-color);}
.text-special{color: var(--special-color)}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-success-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}
.margin-bottom-0{margin-bottom:0;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-right-20{margin-right:20px;}

.header {
    width: 100%; height: var(--header-height); margin-bottom: 20px;padding-bottom: 0;
    transition: all .5s ease;
    background-image:url(../images/header-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.3);
}
.header .header-main {
    width: var(--main-width);height: var(--header-height);
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    overflow: hidden;
}
.header .header-main .logo {
    flex: none;
    width: 450px; height: var(--header-height);
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.header .header-main .logo a {float: left; width: 100%; height: 100%; display: block;}
.header .header-main .header-r{
    width: 700px; margin-left: 50px;
    display: flex;flex-flow: column nowrap;justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
}
.header .header-main .header-r .header-r-top {
    width: 100%;height: 90px;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
}
.header .header-main .header-r .header-r-top .text{margin-top:30px;width: 400px; height: 40px;padding: 0 10px;}
.header .header-main .header-r .header-r-top .search-share{
    margin-left: 10px;display: flex;flex-flow: row nowrap;justify-content: flex-end;align-items: center;
}
.header .header-main .header-r .header-r-top .search-share .search-label{
    cursor: pointer;font-size: 18px;
}
.header .header-main .header-r .header-r-top .search-share .search-label:hover{
    color:#d00d0f;
}
.header .header-main .header-r .header-r-top .search-share .share{
   display: flex;
    width: 150px;
    flex-flow: row nowrap;justify-content: center;align-items: center;
}
.header .header-main .header-r .header-r-top .search-share .share a{
    margin-left: 5px;width: 30px; height: 30px;
}
.header .header-main .header-r .header-r-top .search-share .share a img{
    float:left;width: 30px; height: 30px;
}

.header .header-main .header-r .nav {
    float:left;width: 100%;height: 50px;
}

.header .header-main .header-r .nav .nav-ul {
    float:left; width: 100%;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
}
.header .header-main .header-r .nav .nav-ul .nav-li{
    flex:auto;padding: 0 10px;height: 50px;
    position: relative;
}
.header .header-main .header-r .nav .nav-ul .nav-li .name{
    font-size:16px;line-height: 35px;height: 50px;
    position: relative; display: block;
    transition: all .2s ease;
}
.header .header-main .header-r .nav .nav-ul .nav-li:hover .name::after{
    content: '';
    position: absolute;bottom: 0; left: 0;z-index: 1;
    width: 100%; height: 0; border-bottom: 4px solid #ffcf0a;
}
/*
.header .header-main .header-r .nav .nav-ul .nav-selected {
}
.header .header-main .header-r .nav .nav-ul .nav-selected .name::after{
    content: '';
    position: absolute;bottom: 0; left: 0;z-index: 1;
    width: 100%; height: 0; border-bottom: 4px solid #ffcf0a;
}
*/

.main-wrap {
    margin: 0 auto; width: var(--min-width);
}
.search-box {
    display: none;
    position: absolute;left: 0;top: 140px;z-index: 999;
    width: 100%;
    padding: 40px;  background-color: #f2f2f2;overflow: hidden;
}
.search-box .search-input-box{
    margin: 0 auto; width: 1100px;
    height: 50px;
    border-radius: 25px;
    background-color: #ffffff;
    border:1px solid #dbdbdb;
    display: flex;flex-flow:row nowrap;justify-content: space-between;align-items: center;
    overflow: hidden;
}
.search-box .search-input-box .search-input-box-input {
    flex: auto; width: 100%; height: 48px; line-height: 48px;
    border: 0; outline: none;padding: 0 25px;
}
.search-box .search-input-box .search-input-box-btn {
    flex: none; width: 60px; height: 48px; line-height: 48px;
    text-align: center;color:#d00d0f;
    overflow: hidden;
}
.search-box .search-input-box .search-input-box-btn:hover{
    background-color: #d00d0f;
    color: #ffffff;cursor: pointer;
    overflow: hidden;
}

.banner {
    margin: 30px auto 20px auto; width: var(--main-width);
    overflow: hidden;
}

.bottom-menu{
    width: 100%; background-color: #2471b6; overflow: hidden;
}
.bottom-menu ul {
    margin: 0 auto; width: var(--main-width);
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    height: 50px;overflow: hidden;
}
.bottom-menu ul li {
    color:#ffffff;
}
.bottom-menu ul li a{
    color:#ffffff;
}
.bottom {
    width: 100%; background-color: rgba(220, 240, 255, 1);;
}
.bottom .bottom-main{
    margin: 0 auto 0 auto;padding: 20px 0;
    width: var(--main-width);border-bottom: 1px solid rgba(198, 216, 229, 1);
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;
    overflow: hidden;
}
.bottom .bottom-main .bottom-l{
    padding: 20px 0;
    text-align: center;
}
.bottom .bottom-main .qr-code{
    /*margin-left: 100px;*/
    display: flex;flex-flow: row nowrap;justify-content: space-between;
}
.bottom .bottom-main .qr-code .item {
    width: 100px;margin: 10px;
    overflow: hidden;
}
.bottom .bottom-main .qr-code .item .image {float:left; width: 100%;aspect-ratio: 1/1; padding: 5px; background-color: #ffffff; margin-bottom: 5px; overflow: hidden;}
.bottom .bottom-main .qr-code .item .image img{float:left; width: 100%; aspect-ratio: 1/1; object-fit: contain;}
.bottom .bottom-main .qr-code .item .text{float:left; width: 100%; text-align: center;font-size:14px;}
.bottom .bottom-line{
    margin: 0 auto; width: var(--main-width);
    line-height: 30px; text-align: center;padding: 20px;
}

.side-tools {
    position: fixed;
    top: 40vh;
    right: 5px;
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: flex-end;
    z-index: 99999;
}
.side-tools .item{
    cursor: pointer;
    margin-top: 5px;
    /*
    display: flex;flex-flow: row nowrap;
    justify-content: flex-start;align-items: center;
    */
    width: 50px;height: 50px;border-radius: 50px;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}
.side-tools .item-open:hover{
    width: 200px;
}
.side-tools .item .text{
    width: 200px; height: 50px;
    padding-left:50px;margin-right:20px;line-height: 20px;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: flex-start;
    font-size: 14px; color:#ffffff;overflow: hidden;
}
.side-tools .item .icon{
    position: absolute;
    z-index: 1;
    width: 50px; height: 50px; line-height: 50px; text-align: center; color: #ffffff;
    font-size: 26px;
    border-radius: 50px;overflow: hidden;
}
.side-tools .item .icon svg{left: 10px;top:10px; width: 30px;height: 30px; fill: #ffffff;}

.side-tools .email{background-color: #3f6ee0;}
.side-tools .kf{background-color: #f56c6c;}
.side-tools .go-top{background-color: var(--success-color);}
.page-wrap{
    margin: 0 auto; width: 1280px; padding: 0 40px; background-color: #ffffff;
}
.index-vote {
    margin: 0 auto 30px auto; width: var(--main-width);height: 80px;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.index-vote .index-vote-l{
    flex:none;width: 180px; height: 80px; background-color: rgba(230,0,18,1);
    color:#ffffff;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    font-size: 20px;
    overflow: hidden;
}
.index-vote .index-vote-l .icon{margin-right: 10px;font-size: 40px;}
.index-vote .index-vote-r{
    flex: auto; width: 100%; height: 80px;padding: 5px 30px 5px 0;
    font-size: 20px;
    background-color: #fafafa;
    overflow: hidden;
}
.index-vote .index-vote-r ul {float:left; width: 100%;}
.index-vote .index-vote-r ul li{
    float:left; width:50%;  padding-left: 30px;
    font-size:16px;
    line-height:35px; height: 35px;text-align: justify;overflow: hidden;}
.index-vote .index-vote-r ul li .date {
    float:right; font-size:14px; color: rgba(153,153,153,1);
}

.index-news-wrap {
    margin: 0 auto 30px auto;width: var(--main-width);height: 310px;overflow: hidden;
}
.index-news-wrap .pic-news{
    float:left; width: 450px; height: 315px;overflow: hidden;
}
.index-news-wrap .pic-news .image{
    float:left; width: 450px; height: 315px;overflow: hidden;
}
.index-news-wrap .pic-news .image img{
    float:left; width: 450px; height: 315px;overflow: hidden;object-fit: cover;
}

.index-news-wrap .text-news-wrap{
    float:left; width: 730px; height: 315px;margin-left: 20px;
    overflow: hidden;
}
.index-news-wrap .text-news-wrap  .text-news-tab {
    float:left; width: 100%; height: 53px;margin-bottom:5px;overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-tab {
    float:left; width: 100%; height: 53px;overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-tab ul {
    float:left; width: 100%; height: 53px;overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-tab ul li{
    float:left; width: 50%; height: 53px;line-height:50px;
    background-color: #cfdced;border-bottom: 3px solid #6f95c8;
    color: #666666; cursor: pointer;text-align: center;font-size:18px;
    overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-tab ul li a{float:left; width:100%; color:#666666;display: block;}
.index-news-wrap .text-news-wrap .text-news-tab .selected {
    background-color: #104ea3;
    color: #fff;
    border-bottom:3px solid #009fe9;
}
.index-news-wrap .text-news-wrap .text-news-tab .selected a{color:#ffffff;}


.index-news-wrap .text-news-wrap .text-news-main {
    float:left; width: 100%; overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-main ul {
    float:left; width: 100%;overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-main ul li{
    float:left; width: 100%; height: 43px; line-height: 42px; border-bottom: 1px dotted #efefef;
    display: flex;flex-flow: row nowrap;justify-content: stretch;align-items: center;
    overflow: hidden;
}
.index-news-wrap .text-news-wrap .text-news-main ul li:last-child{
    /*border-bottom: 0;*/
}
.index-news-wrap .text-news-wrap .text-news-main ul li .icon{
    flex:none; width: 42px; height: 42px; line-height: 42px; text-align: center;color:rgba(153,153,153,1);
}
.index-news-wrap .text-news-wrap .text-news-main ul li .title{
   flex:auto;height: 42px; line-height: 42px; text-align: left;
}
.index-news-wrap .text-news-wrap .text-news-main ul li .date{
    flex:none; width: 120px; height: 42px; line-height: 42px;
    color:rgba(153,153,153,1); font-size: 14px;text-align: right;
    overflow: hidden;
}
.index-quick-box {
    margin: 0 auto 20px auto; width: var(--main-width);
    overflow: hidden;
}
.index-quick-box ul {
    float:left; width: calc(var(--main-width) + 10px);margin-left: -5px;
    display: flex;flex-flow: row nowrap;
    justify-content: space-between;align-items: center;
}
.index-quick-box ul li{
    flex: auto;height: 100px;
    margin: 5px;background-color: rgba(36,113,182,1); border-radius: 4px;
    overflow: hidden;
}
.index-quick-box ul li a{
    float:left; width: 100%;height: 100%;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
}
.index-quick-box ul li a img{max-width: 100%; max-height: 100%; object-fit: cover;}
.index-quick-box ul li:hover{
    background-color: rgba(239,106,23,1);
}

.index-news-part {
    margin: 0 auto; width: var(--main-width);overflow: hidden;
}
.index-news-part .inpbl{margin-left: 15px;}
.index-news-part .inpbr{margin-right: 15px;}
.index-news-part .index-news-part-box {
    float:left; width: 585px; overflow: hidden;
    margin-bottom: 30px;
}
.index-news-part .index-news-part-box .index-news-part-title{
    float: left; width: 100%; height:30px;
    border-left: 6px solid rgba(36,113,182,1); padding-left: 10px;
    line-height: 30px; margin-bottom: 15px;
    overflow: hidden;
}
.index-news-part .index-news-part-box .index-news-part-title b{
    float:left; color:rgba(51,51,51,1); font-size: 22px;font-weight: normal;
}
.index-news-part .index-news-part-box .index-news-part-title a{
    background-color: rgba(36,113,182,1);padding: 0 15px;
    float:right; color:#ffffff; font-size: 14px;
}
.index-news-part .index-news-part-box .index-news-part-title a:hover{
    background-color: rgba(239,106,23,1);
}
.index-news-part .index-news-part-box .index-news-part-main{
    float:left; width: 100%; overflow: hidden;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;
}
.index-news-part .index-news-part-box .index-news-part-main .image{
    flex:none; width: 150px;height: 210px; margin-right: 20px;
    border:1px solid #efefef;overflow: hidden;
}
.index-news-part .index-news-part-box .index-news-part-main .image img{float:left; width: 100%;height: 210px;object-fit: cover;}
.index-news-part .index-news-part-box .index-news-part-main ul {
    flex:auto; width:100%;height:210px; overflow: hidden;}
.index-news-part .index-news-part-box .index-news-part-main ul li{
    float:left; width:100%; height: 43px;
    border-bottom: 1px dotted #efefef;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    text-align:justify;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news-part .index-news-part-box .index-news-part-main ul li:last-child{border-bottom: none;}
.index-news-part .index-news-part-box .index-news-part-main ul li .title{
    flex:auto; width:100%;
    text-align:justify;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news-part .index-news-part-box .index-news-part-main ul li .date{
    float:right;
    width: 80px;
    height: 42px;
    line-height: 42px;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    text-align: right;
    overflow: hidden;
}

.full-ad{margin: 0 auto;width: var(--main-width);overflow: hidden;}
.full-ad ul li{float:left; width: 100%; margin-bottom: 30px;overflow: hidden;}
.full-ad ul li img{float:left; width: 100%;}

.index-title-box{
    float:left; width: 100%; background-color:rgba(36,113,182,1);color:#ffffff; margin-bottom: 20px;
    line-height: 40px; padding: 0 20px;
    overflow: hidden;
}
.index-title-box b{float:left;font-size: 20px;}
.index-title-box a{float:right;color:#ffffff;font-size:14px;}
.index-title-box a:hover{color:#ffd003;}

.index-member-show {
    margin: 0 auto 30px auto; width: var(--main-width);overflow: hidden;
}
.index-member-show .index-member{
    float:left; width: 100%;overflow: hidden;
}
.index-member-show .index-member .item{
    width: 220px;overflow: hidden;
}
.index-member-show .index-member .item .image{
    float:left; width: 100%; aspect-ratio:5/3;
    padding: 5px;
    border: 1px solid #efefef; margin-bottom: 10px;overflow: hidden;}
.index-member-show .index-member .item .image img{float:left; width: 100%; height: 100%;object-fit: contain;}
.index-member-show .index-member .item .title{
    float:left;width: 100%; line-height:30px; height: 30px;
    padding: 0 10px;text-align:center;font-size: 14px;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}

.index-link {
    margin: 0 auto 30px auto; width: var(--main-width);overflow: hidden;
}
.index-link ul {float:left; width: calc(var(--main-width) + 20px);margin-left:-10px;overflow: hidden; }
.index-link ul li{
    float:left; width: calc(calc(calc(var(--main-width) + 20px) / 4) - 20px);
    border:1px solid #efefef;padding: 4px;
    margin:10px;overflow: hidden; }
.index-link ul li a{float:left; width: 100%;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.index-link ul li img{float:left;width: 100%;aspect-ratio: 5/1;object-fit: cover;}

.page-nav {
    margin: 0 auto; width: var(--main-width);padding: 10px 20px;
    background-color: rgba(233,233,233,1);display: flex;flex-flow: row nowrap;
    justify-content:space-between;align-items: center;
    overflow: hidden;
}
.page-nav .current{font-size: 16px;color:rgba(0,0,0,1);}
.page-nav .current a{color:rgba(0,0,0,1);}
.page-nav .category{
    flex: auto; margin-left: 10px;
}
.page-nav .category ul{
    float:left; width: 100%;
    display: flex;flex-flow: row wrap;
    justify-content: flex-end;align-items: center;
}
.page-nav .category ul li{padding:0  10px;font-size: 14px; position: relative;line-height: 25px;}
.page-nav .category ul li:after{content: ''; position: absolute;z-index: 1; top:7px; right: 0; height: 10px;border-right: 1px dotted #aaaaaa;overflow: hidden;}
.page-nav .category ul li:last-child:after{border-right: 0;}
.page-nav .category ul .selected{color:var(--danger-color) !important;}
.page-nav .category ul .selected a{color:var(--danger-color) !important;}


.page-main {margin: 0 auto; width: var(--main-width); overflow: hidden;}
.page-main ul {float:left; width: 100%;}
.page-main ul .page-item{
    float:left; width: 100%;padding: 20px 0; border-bottom: 1px dashed #efefef;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    overflow: hidden;
}
.page-main ul .page-item .image{
    flex: none; width: 25%;
    border: 1px solid #efefef;
    margin-right:20px;overflow: hidden;
}
.page-main ul .page-item .image img{
    float:left; width: 100%;
}
.page-main ul .page-item .date-time{
    flex:none;
    margin-right:20px;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;
    background-color: rgba(36,113,182,1);
    color: #ffffff; text-align: center;border-radius: 4px;
    overflow: hidden;
}
.page-main ul .page-item .date-time .day{
    /*background-color: #ffffff;*/
    padding: 5px 0;
    width: 100%;font-size: 30px; margin-bottom: 0;
    /*color:rgba(36,113,182,1);*/
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    overflow: hidden;
}
.page-main ul .page-item .date-time .year{
    width: 100%; padding: 10px 20px;
    background-color: rgba(255,255,255,.3);
    font-size: 14px;font-weight:normal;overflow: hidden;
}
/*
.page-main ul .page-item .date-time .year:after{
    content: ''; width: 4px; height: 4px; background-color: #ffffff;
    border-radius: 50%;
    position: absolute;top: 0; left: 0; margin-left: -2px;
}
*/


.page-main ul .page-item .info{
    flex: auto; width: 100%; display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: flex-start;
}

.page-main ul .page-item .info .title{
    width: 100%;font-size: 18px; line-height: 30px;font-weight: 600;
    overflow: hidden;
}
.page-main ul .page-item .info .demo{
    width: 100%; font-size: 15px; color:#666666;text-align: justify;margin-bottom: 10px;overflow: hidden;
}
.page-main ul .page-item .info .page-item-tools{
    width: 100%;
}
.page-main ul .page-item .info .page-item-tools .datetime{
    float:left;height:24px; line-height:24px; padding: 0 12px;font-size: 14px;
    background-color: rgba(36,113,182,1);
    color: #ffffff;
    border-radius: 12px; overflow: hidden;
}

.page-main .page-image-ul{
    float:left; width: calc(100% + 20px); margin-left: -10px;margin-top: -10px;
    display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;
    overflow: hidden;
}
.page-main .page-image-item{
    flex: none; width: calc(25% - 20px); margin: 10px;
    overflow: hidden;
}
.page-main .page-image-item .image{
    float:left; width: 100%; aspect-ratio: 4 / 3;padding: 5px;
    border:1px solid #efefef;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    overflow: hidden;}
.page-main .page-image-item .image img{float:left; width: 100%;height: 100%; object-fit: cover;}
.page-main .page-image-item .title{
    padding: 10px 20px;
    float:left; width: 100%; text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.page-main .page-image-item-3{
    flex: none; width: calc(33.33% - 20px); margin: 10px;
    overflow: hidden;
}
.page-main .page-image-item-3 .image{
    float:left; width: 100%; aspect-ratio: 4 / 3;padding: 5px;
    border:1px solid #efefef;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    overflow: hidden;}
.page-main .page-image-item-3 .image img{float:left; width: 100%;height: 100%; object-fit: cover;}
.page-main .page-image-item-3 .title{
    padding: 10px 20px;
    float:left; width: 100%; text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}


.page-main .page-download{
    float:left; width: 100%; padding: 10px; border:1px solid #efefef;
    margin-top: 20px;overflow: hidden;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
}
.page-main .page-download .title {
    flex: auto; width: 100%;text-align: justify;
}
.page-main .page-download .more {
    flex: none; width: 100px;text-align: center;font-size: 14px;color:#666666;
}

.page-main .page-main-left {
    float:left; width: 250px;margin-top: 20px; margin-right: 30px; overflow: hidden;
}
.page-main .page-main-left .page-main-left-title {
    float:left; width: 100%; background-color: rgba(36,113,182,1);
    padding: 0 20px; height: 45px; margin-bottom: 10px; overflow: hidden;
}
.page-main .page-main-left .page-main-left-title b{
    font-size: 20px;color:#ffffff; line-height: 45px;
}

.page-main .page-main-left .page-main-left-category {
    float:left; width: 100%; margin-bottom: 20px; overflow: hidden;
}
.page-main .page-main-left .page-main-left-category ul li{
    float:left; width: 100%; padding: 10px 20px; font-size: 18px;
    position: relative;
    border-bottom: 1px solid #efefef;overflow: hidden;
}
.page-main .page-main-left .page-main-left-category ul .selected{
    color:var(--danger-color) !important;
}
.page-main .page-main-left .page-main-left-category ul .selected a{
    color:var(--danger-color) !important;
}

.page-main .page-main-right {
    float:left; width: 920px; padding-top: 20px; overflow: hidden;
}
.page-main .page-main-right .ul{
    margin-top: -20px;
}

.page-main .content-title {
    float:left;width: 100%; text-align: center;
    line-height: 50px; font-weight: normal;
    margin-bottom: var(--conetnt-margin-bottom);
}
.page-main .content-date {

    border-top:1px dotted #dbdbdb;
    padding-top:var(--conetnt-margin-bottom);
    /*
    border-bottom: 1px dashed #dbdbdb;
    background-color: #fafafa;
    */
    font-size: 14px;
    float:left;width: 100%; text-align: left; line-height: 25px;
    margin-bottom: var(--conetnt-margin-bottom);
    overflow: hidden;
}
.page-main .content-demo{
    position: relative;
    float:left;width: 100%;
    margin-bottom: var(--conetnt-margin-bottom);padding:20px 40px 20px 40px;
    border: 1px dashed #dbdbdb;color: #999999;font-size: 14px;
    background-color: #fafafa;
    text-align: justify;
    overflow: hidden;
}
.page-main .content-demo::before{
    content: '“'; position: absolute;left: 10px; top: 0;
    width: 20px; font-size: 60px;
    color:#aaaaaa; overflow: hidden;
}
.page-main .content-demo::after{
    content: '”'; position: absolute;right: 10px; bottom: -30px;
    margin: 0; padding: 0;
    width: 20px; font-size: 60px;color:#aaaaaa;
    display: flex;flex-flow: column nowrap;justify-content: flex-end;align-items: center;
    overflow: hidden;
}

.page-main .content-text{
    float:left;width: 100%; text-align: justify;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: var(--conetnt-margin-bottom);
    overflow: hidden;
}
.page-main .content-text h1{line-height: 40px;}
.page-main .content-text h2{line-height: 35px;}
.page-main .content-text img{max-width: 100%;}
.page-main .content-text video{max-width: 100%;}
.page-main .content-text table{max-width: 100%;border:1px solid #dbdbdb;border-collapse: collapse;}
.page-main .content-text table td{padding: 2px;}

.page-main .content-download{
    border-top:1px dotted #dbdbdb;
    padding-top:var(--conetnt-margin-bottom);
    float:left; width: 100%; margin-bottom: var(--conetnt-margin-bottom);overflow: hidden;
}

.page-main .page-per-next{
    float:left;width: 100%; margin-bottom: var(--conetnt-margin-bottom);
    border-top: 1px dotted #dbdbdb; padding-top: 20px;
}
.page-main .page-per-next ul li{float:left; width: 100%;line-height: 30px; text-align: justify;overflow: hidden;}

.page-news-box {
    float:left;width:100%;margin-bottom:var(--conetnt-margin-bottom);
    overflow: hidden;
}
.page-news-box ul{
    float:left;width: calc(100% + 20px);
    margin-left: -10px;
    display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.page-news-box ul li{
    float:left; width: calc(50% - 20px);margin: 0 10px;
    height:40px;line-height: 40px;border-bottom: 1px dotted #efefef;text-align: justify;
    overflow: hidden;
}
.page-news-box ul li .date{float:right; width: 100px;text-align: right;color: #aaaaaa; font-size: 14px;overflow: hidden;}
.page-title-box{
    float:left; width: 100%; background-color: rgba(36,113,182,1);
    padding: 0 20px; height: 45px; margin-bottom: 10px; overflow: hidden;
}
.page-title-box b{font-size: 20px;color:#ffffff; line-height: 45px;}

.message-board {float:left; width: 100%; padding:20px 30px; margin-bottom: var(--conetnt-margin-bottom); overflow: hidden;}
.message-board .item {
    float:left; width: 100%; margin-bottom: 10px;
    background-color: #fafafa; padding: 10px;
    border-radius: 5px;
    display: flex;flex-flow: row nowrap;justify-content: stretch;align-items: center;
    overflow: hidden;
}
.message-board .item .captcha{height: 40px;cursor: pointer;}
.message-board .item .input{
    flex:auto;width:100%; height:40px;
    background-color: #fafafa;
    padding: 0 10px; border-radius: 4px;
    border: 0;outline: 0;
    overflow: hidden;
}
.message-board .item .textarea{
    width:100%;
    background-color: #fafafa;
    padding: 0 10px; border-radius: 4px;
    border: 0;outline: 0;
    overflow: hidden;
}
.message-board .message-board-btn{
    width: 100%; height: 60px; background-color: var(--primary-color); color: #ffffff; font-size: 18px;
    border-radius: 4px;
    border: 0; outline: 0;
    cursor: pointer;
    overflow: hidden;
}
.message-board .message-board-btn:hover{background-color: var(--success-color);}


.empty {padding: 30px 20px;width: 100%; display: flex;flex-flow: column nowrap;justify-content: center;align-items: center; overflow: hidden;}
.empty .image{width: 200px;overflow: hidden;}
.empty .image img{float:left; width: 100%;}
.empty .name{width: 100%;text-align:center; padding: 20px;overflow: hidden;}

/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#dbdbdb;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;border-radius:2px;overflow: hidden;}
.page ul li:hover{background-color: #0c6fe7;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #0c6fe7;color: #ffffff;}

.image-scale{transition:all .2s;}
.image-scale:hover{transform:scale(1.2);}

.x-msg{
    float: left;width: 100%;margin-top: 100px;
    display: flex;flex-flow: column nowrap;
    align-content: center;align-items: center;
    overflow: hidden;}
.x-msg .ico-success{margin-top:30px;padding:0;font-size:200px;color: #198754;}
.x-msg .ico-error{margin-top:30px;padding:0;font-size:200px;color: #dc3545;}
.x-msg .msg-box{padding:20px;width:100%;text-align: center;color: #adb5bd;}
.x-msg .btn-box{padding:20px;font-size:16px;}
.x-msg .btn-box .btn{margin:0 auto;padding:10px 50px;border:1px solid #101f65;background-color:#172a88;color:#ffffff;outline: none;border-radius: 5px;overflow: hidden;}