@charset "utf-8";
@-ms-viewport{width:device-width;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,ul,ol,p{margin:0;padding:0;}
html{font-family:sans-serif;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-ms-overflow-style:scrollbar;}
body{color:#333;font-size:1em;font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:#fff;line-height:1.5;font-variant-ligatures:no-common-ligatures;}
header,nav,menu,aside,main,article,section,footer{display:block;}
table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;}
td,th{padding:.5em;}
b,strong{font-weight:bold;}
small{font-size:80%;}
img{border:0;border-style:none;vertical-align:middle;}
a,a:link{text-decoration:none;color:#333;transition:all 0.5s ease;}
a:active,a:hover{outline:0;color:#0a8;text-decoration:none;}
a:focus{text-decoration:none;outline:thin dotted;outline:0.5em auto -webkit-focus-ring-color;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float: left;position: relative;min-height: 1px;overflow: hidden;}
.x1 {width:8.33333333%}
.x2 {width:16.66666667%}
.x3 {width:25%}
.x4 {width:33.33333333%}
.x5 {width:41.66666667%}
.x6 {width:50%}
.x7 {width:58.33333333%}
.x8 {width:66.66666667%}
.x9 {width:75%}
.x10 {width:83.33333333%}
.x11 {width:91.66666667%}
.x12 {width:100%}

hr{color:#333;border:none;border-bottom:solid 1px #ddd;clear:both;float:none;width:100%;height:0;margin:1em 0;-moz-box-sizing:content-box;box-sizing:content-box;}
.hr-space{color:#333;border:none;border-bottom:solid 1px #ddd;clear:both;float:none;width:100%;height:0;margin:0;-moz-box-sizing:content-box;box-sizing:content-box;}
.bg{background-color: #eee;}
.border{border: 1px solid #ccc;}
.block{display: block!important;}
.inline-block{display: inline-block!important;}
.clearfix{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.float-left{float:left;}
.float-right{float:right;}

.layout{width: 100%;}
.container{width: 1080px;margin-left:auto;margin-right:auto;overflow: hidden;}
.row:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.row [class^="x"]{padding-left:10px;padding-right:10px;}
.row{margin-left:-10px;margin-right:-10px;}
.container > .row{padding-top: 15px;padding-bottom: 15px;}
.container > .row.nopd{padding-top: 0;padding-bottom: 0;}
.layout > .row{margin-left:0;margin-right:0}
.layout > .row .x12{padding-left:0;padding-right:0}


.logo{padding: 20px;}
.logo img{height: 60px;}

.nav{overflow: hidden;padding-top: 30px;/* position: absolute;top:100%;right:0 */}
.nav li{display: inline-block;}
.nav a{display: inline-block;padding: 10px 10px;}

.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ background:#f4f4f4;  border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{overflow: hidden;}
.slideTxtBox .hd ul li{ float:left;width:6em; cursor:pointer;font-size:18px;list-style: none;text-align: center;}
.slideTxtBox .hd ul li:last-child {border-right: none;}
.slideTxtBox .hd ul li.on{ color:#006eab;  }
.slideTxtBox .hd ul li.on a {color:#006eab;border-bottom:2px solid #006eab;display: inline-block;padding: 8px;}
.slideTxtBox .hd ul li a {color:#999999;border-bottom:2px solid transparent;display: inline-block;padding: 8px;}
.slideTxtBox .bd{ padding-top: 10px;}
.slideTxtBox .bd ul{ padding-left:1.1em;  zoom:1;padding-top:12px}
.slideTxtBox .bd li{ line-height:1.5;padding-bottom:10px;}
.slideTxtBox .bd li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul li a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 1em;float:left;width:80%}
.slideTxtBox:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.slideTxtBox .bd ul li.media{list-style: none;margin-left:-26px;padding-left:0;margin-bottom:6px}
.slideTxtBox .bd ul li.media a{width: 100%;}
.slideTxtBox .bd ul li.media .title{text-overflow: ellipsis;overflow: hidden;}
.slideTxtBox .bd ul li.media .abstract{white-space: normal;font-size: .8em;color: #999;}

.slideTxtBox.single .bd .date{width:58px;height:58px;background:#eee;float:left;text-align:center;padding:4px;margin-right:.5em;line-height: 1.5;}
.slideTxtBox.single .bd .date .year{font-size: 1em;}
.slideTxtBox.single .bd .date .month{font-size: .8em;}
.slideTxtBox.single .bd li a{width:80%}
.slideTxtBox.single .bd li{list-style: none;margin-left:-1.1em}
.slideTxtBox.single .bd li{ line-height:1.5;padding-bottom:8px;}

.links{overflow: hidden;text-align:center;background-color: #3F4CA6;padding: 40px 0;opacity: .8;height:200px}
.links:hover{opacity: 1;}
.links .title{margin-bottom: 20px;font-size: 20px;font-size: 1.175em;padding: 0 4px;font-weight: 300;}
.links a{display: block;color:#fff}
.radius-tl{border-top-left-radius: 2em;border-bottom-right-radius: 2em;}
.radius-tr{border-top-right-radius: 2em;border-bottom-left-radius: 2em;}

.list-boxlink{padding:0 10px;overflow: hidden;border:1px solid #eee;}
.list-boxlink > a{display: block;}
.list-boxlink .title{color:#006eab;padding-top: 15px;padding-bottom: 15px;font-size: 1.2em;line-height: 1.2em;}
.list-boxlink .title > span{font-size: .8em;color:#666;float:right;}
.list-boxlink .img img{width:100%}
.list-boxlink .abstract{font-size: .9em;color:#999;padding-top: 10px;padding-bottom: 10px;}

.list-img{overflow: hidden;padding: 5px;background-color: #fff;}
.list-img a{display:block;padding-top: 5px;padding-bottom: 5px;}
.list-img img{width:100%}

.list-imglinks{overflow: hidden;}
.list-imglinks .title{color:#006eab;font-size: 1.2em;border-bottom:2px solid #006eab;display:inline-block}
.list-imglinks .list{margin-left: -10px;margin-right: -10px;}
.list-imglinks .list:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.list-imglinks .list a{display: block;width:20%;float:left;padding:10px}
.list-imglinks img{width: 100%;}

.pager {
    text-align: center;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #eee;
  }
  .pager a{ display: inline-block;
    background-color: #fff;
    padding: 6px 15px;
    border: 1px solid #ccc;
    border-radius: 0.2em;
    margin-left:2px;
    margin-right:2px;
  }
  .pager span{ display: inline-block;
    background-color: #006eab;
    color:#FFF;
    padding: 6px 15px;
    border: 1px solid #ccc;
    border-radius: 0.2em;
    margin-left:2px;
    margin-right:2px;
  }
  .pager a.on,.pager a:hover{
    background-color: #62adf1;
    color: #fff;
    text-decoration: none;
  }

.imgvideo img{width: 380px;}
.imgvideo > a{width:380px;float:left;}
.imgvideo > .abstract{width:310px;float:left;padding: 10px;text-align: justify;}
.imgvideo:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}

.footer{background-color: #4350AF;color:#ddd}
.footer .title{font-size: 1.8em;}
.footer .addr{}
.footer .wx{}

.cbox{background-image: linear-gradient(90deg, #FECA05 0%, #FFAC02 100%);border-radius: 34px 0 0 34px;}

.list-page{padding: 20px 30px;}
.list-page .title{float: left;width:10em;font-size: 24px;}
.list-page .path{float:right;font-size: 14px;}
.list-page .path a{display: inline-block;}
.list-page .sub-nav{text-align: right;background-color: #f2f2f2;padding: 15px;}
.list-page .sub-nav a{display:inline-block;padding-left: 20px;padding-right: 20px;}

.list-text{overflow: hidden;}
.list-text li{border-bottom: 1px dashed #eee;list-style: none;padding: 10px 0;}
.list-text li a{width:80%;}
.list-text li span{float:right}

.content{overflow: hidden;}
.content .ctitle{font-size: 1.6em;text-align: center;padding-top: 15px;padding-bottom: 15px;}
.content .csubtitle{background-color: #eee;text-align: center;border-top: 1px solid #ccc;padding: 10px;}
.content > .csubtitle{color:#666}
.content .chtml{padding: 20px;}
.content .chtml p{padding-bottom: 10px;}

@media (max-width:760px) {
    .xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12{float: left;position: relative;min-height: 1px;overflow: hidden;}
    .xm1 {width:8.33333333%}
    .xm2 {width:16.66666667%}
    .xm3 {width:25%}
    .xm4 {width:33.33333333%}
    .xm5 {width:41.66666667%}
    .xm6 {width:50%}
    .xm7 {width:58.33333333%}
    .xm8 {width:66.66666667%}
    .xm9 {width:75%}
    .xm10 {width:83.33333333%}
    .xm11 {width:91.66666667%}
    .xm12 {width:100%}
    html{font-size:1em;}
    /* [class^="x"]{width: 100%} */
    .container{width: 100%!important;}
    .xm-full{width: 100%;}
    .xm-show{display: block!important;}
    .xm-hidden{display: none!important;}
    .footer{padding-left: 10px;padding-right: 10px;text-align: center;}
    .footer .title{font-size: 1.25em;}
    .nav a,.nav li{display: block;}
    .nav{display: none;}
    .slideTxtBox.single .bd .date{line-height: 2;}
    .slideTxtBox .bd{ padding: 10px;}
    .slideTxtBox .bd ul li a{width:75%}
    .slideTxtBox .bd li .date{font-size:.8em;display: block;/* float: none; */}
    .logo img{width:100%;height:auto!important}
    .list-page .title{float: none;width:100%;}
    .list-page .path{float:none;width:100%}
    .list-page .sub-nav{text-align: left;padding: 0;}
    .list-page .sub-nav a{padding: 5px;}
    .list-page{padding-left: 15px;padding-right: 15px;}
    .list-text li span{display: none;}
    .list-page .path{display: none;}
    .content .csubtitle{padding: 10px 0;}
    .content .ctitle{text-align: left;font-size: 1.2em;}
    .content .csubtitle{font-size: .875em;}
    .content .chtml{padding: 15px 0;}
    .logo{width: 85%;padding: 15px;}
} 




#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #menu-button {
    display: none
}

#cssmenu {
    width: auto;
    font-family: open sans, sans-serif;
    line-height: 1;
    background: #eee
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #009ae1;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

#cssmenu>ul>li {
    float: left
}

#cssmenu.align-center>ul {
    font-size: 0;
    text-align: center
}

#cssmenu.align-center>ul>li {
    display: inline-block;
    float: none
}

#cssmenu.align-center ul ul {
    text-align: left
}

#cssmenu.align-right>ul>li {
    float: right
}

#cssmenu.align-right ul ul {
    text-align: right
}

#cssmenu>ul>li>a {
    padding: 20px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

#cssmenu>ul>li:hover>a,
#cssmenu>ul>li.active>a {
    color: #009ae1
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 25px
}

#cssmenu>ul>li.has-sub>a::after {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease
}

#cssmenu>ul>li.has-sub:hover>a::after {
    border-color: #009ae1
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px
}

#cssmenu li:hover>ul {
    left: auto
}

#cssmenu.align-right li:hover>ul {
    right: 0
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease
}

#cssmenu ul li:hover>ul>li {
    height: 32px
}

#cssmenu ul ul li a {
    padding: 10px 20px;
    width: 160px;
    font-size: 12px;
    background: #333;
    text-decoration: none;
    color: #ddd;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    color: #fff
}

#cssmenu ul ul li.has-sub>a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease
}

#cssmenu.align-right ul ul li.has-sub>a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

#cssmenu ul ul li.has-sub:hover>a::after {
    border-color: #fff
}

#cssmenu {
    display: none
}

@media all and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),
only screen and (min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px) {
    #cssmenu {
        width: 100%;
        display: block;
    }

    #cssmenu ul {
        width: 100%;
        display: none
    }

    #cssmenu.align-center>ul,
    #cssmenu.align-right ul ul {
        text-align: left
    }

    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover>ul>li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, .15)
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%
    }

    #cssmenu>ul>li,
    #cssmenu.align-center>ul>li,
    #cssmenu.align-right>ul>li {
        float: none;
        display: block
    }

    #cssmenu ul ul li a {
        padding: 20px 20px 20px 30px;
        font-size: 12px;
        color: #000;
        background: 0 0
    }

    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li a:hover {
        color: #000
    }

    #cssmenu ul ul ul li a {
        padding-left: 40px
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0
    }

    #cssmenu>ul>li.has-sub>a::after,
    #cssmenu ul ul li.has-sub>a::after {
        display: none
    }

    #menu-line {
        display: none
    }

    #cssmenu #menu-button {
        display: inline-block;
        padding: 20px;
        color: #000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        position: absolute;
        top: -65px;
        right: 0;
        z-index: 999999
    }

    #cssmenu #menu-button::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        width: 20px;
        height: 2px;
        background: #000
    }

    #cssmenu #menu-button::before {
        content: '';
        position: absolute;
        top: 25px;
        right: 20px;
        display: block;
        width: 20px;
        height: 7px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, .15);
        height: 52px;
        width: 52px;
        cursor: pointer
    }

    #cssmenu .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 26px;
        display: block;
        width: 1px;
        height: 11px;
        background: #000;
        z-index: 99
    }

    #cssmenu .submenu-button::before {
        content: '';
        position: absolute;
        left: 21px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #000;
        z-index: 99
    }

    #cssmenu .submenu-button.submenu-opened:after {
        display: none
    }
}

.slideBox {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    /* margin: 10px auto; */
}

.slideBox .hd {
    position: absolute;
    width: 100%;
    height: 27px;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.slideBox .hd img {
    width: 11px;
}

.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 23px;
    height: 27px;
    line-height: 27px;
    text-align: center;
}

.slideBox .next {
    left: auto;
    right: 0;
}

.slideBox .bd {
    position: relative;
    z-index: 0;
}

.slideTxtBox .slideBox .bd li {
    position: relative;
    padding-bottom: 0;
}

.slideBox .bd li img {
    width: 100%;
    height: 230px;
    display: block;
}

.slideBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 取消链接高亮 */
}

.slideBox .bd li .tit {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}