* {
    margin: 0;
    padding: 0;
    list-style-type: none;}
div#menu{width:1000px; margin:auto; display:block;}
ul.menu{clear:both;float:none;cursor:pointer;z-index:1;position:relative;}
div#menu ul{list-style:none;float:left;z-index:2;position:relative;}
div#menu li{position:relative;width:140px;color: rgb(255, 255, 255); text-align: center;font-size: 16px; display:block;overflow:visible;float:left;height:36px;z-index:3;}
/* menu::level1 */
div#menu li a{height:36px;display:block;line-height:36px;text-decoration:none;color:#fff;overflow:hidden;z-index:4;position:relative;}
div#menu li span{color:#fff;display:block;z-index:6;position:relative;}
div#menu li span.bg{display:block;padding:0;height:30px;z-index:5;position:relative;float:left;}
div#menu li.current{font-weight:bold;}
div#menu li.current ul{font-weight:normal;}
/* menu::level2 */
div#menu ul.menu ul{border-top: 1px solid #1cb1f2;  background: rgba(4, 42, 104, 0.88);  transition: all 0.1s;left:-999em;width:140px;position:absolute;top:36px; }
div#menu li:hover ul,div#menu li.sfhover ul{left:0px;z-index:100;visibility:visible;}
div#menu li li{width:100%;text-indent:0px;float:none;height:auto;}
div#menu li li a,div#menu li li span.separator{padding:0px; border: 1px solid #1cb1f2; border-top:none; height:auto;float:none;display:block;line-height:36px;}
div#menu li li a.parent{}
div#menu li li a span:hover{ color: rgb(0, 0, 0);
      background: rgba(255, 255, 255, 0.88);}
/* menu::level3 */
div#menu li ul ul{margin:-31px 0 0 140px;}
div#menu li:hover ul ul,div#menu li.sfhover ul ul{border-top:1px solid #1cb1f2; top:30px;}
div#menu li:hover ul ul,div#menu li.sfhover ul ul,div#menu li:hover ul ul ul,div#menu li.sfhover ul ul ul,div#menu li:hover ul ul ul ul,div#menu li.sfhover ul ul ul ul{left:-999em;}
div#menu li li:hover ul,div#menu li li.sfhover ul,div#menu li li li:hover ul,div#menu li li li.sfhover ul,div#menu li li li li:hover ul,div#menu li li li li.sfhover ul{left:0pt;z-index:100;}
div#menu a:hover{color:#FFFFFF;}
div#menu span:hover{color:#888;}
div#menu li ul span:hover{color:#fff;padding: 0px;}
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    background: #f7f8fa;}

section {
    position: absolute;
    left: 39.9%; 
    top: 12.88%;
    z-index: 99999;
    text-align: center;}

section .showNum {
    float: left;
    margin-top: 80px;
    font-weight: bold;}

.showNum {
    background-image: url(../../../15394/orangesmall.jpg);
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 36px;
    text-align: center;}

.container {
    width: 1080px;
    margin: 0 auto;}

a {
    text-decoration: none;}

.head {
    background-color: #fff;
    width: 100%;
    height: 100px
;}

.bar {
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: -39px;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-family: '微软雅黑', 'Helvetica Neue', sans-serif, SimHei;
    font-size: 15px;
    text-align: center;
    position: relative;}

.topbar {
    width: 100%;
    height: 30px;
    color: #FFF;
    background-color: rgb(4, 42, 104);}

.footbar {
    width: 100%;
    height: 160px;
    color: #FFF;
    background-color: #114ba9;}

.foot {
    bottom: 0;
    color: #FFF;
    background-color: rgb(4, 42, 104);
    width: 100%;
    clear: both;}

.footbox {
    margin: 0 auto;
    padding: 6px 0;
    text-align: center;}

h6 > a{
    text-decoration: none;
    color: #fff;}

.topic {
    float: right;
    width: 396px;
    height: 500px;
    margin: 9px 10px 0 0;}

.vis {
    display: none;}

.plat {
    float: left;
    width: 616px;
    padding: 0 1px;
    margin: 10.6px 10px;}

.pleft {
    margin: 0 0 0 10px;}

.platitle {
    width: 100%;
    font-size: 19px;
    text-align: center;
    padding: 6px 0 10px 0;}

.platbox {
    font-size: 17px;
    float: left;
    width: 188px;
    text-align: center;}

.plat-a {
    color: rgb(4, 42, 104);
    text-decoration: none;
    float: left;}

.plat-a>li {
    padding: 16px 0;
    border-radius: 8px;
    line-height: 25px;
    margin: 6px 20px;
    font-size: 15px;
    background: #FFF;
    width: 110px;
    float: left;}

.plat-a>li:hover {
    color: white;
    background: rgb(4, 42, 104);
    transition: all 0.18s linear;}

.f-box-info>a {
    line-height: 27px;}

@font-face {
    font-family: 'gxcme';
src: url(gxcme.jpg);
src: url(gxcme..jpg) format('woff'), url(gxcme.jpg) format('truetype'), url(gxcme.jpg) format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'iconfont';
    /* project id 149377 */
    src: url('//at.alicdn.com/t/font_149377_uowbwkrhnan.eot');
src: url(../../at.alicdn.com/t/font_149377_uowbwkrhnan.eot?#i.jpg) format('embedded-opentype'), url(../../at.alicdn.com/t/font_149377_uowbwkrhnan.w.jpg) format('woff2'), url(../../at.alicdn.com/t/font_149377_uowbwkrhnan..jpg) format('woff'), url(../../at.alicdn.com/t/font_149377_uowbwkrhnan.jpg) format('truetype'), url(../../at.alicdn.com/t/font_149377_uowbwkrhnan.svg#icon.jpg) format('svg')}

.Gotop {
    position: fixed;
    bottom: 66px;
    right: 25px;
    width: 36px;
    height: 36px;
    display: none;}

.Gotop a, .Gotop a:link {
    width: 36px;
    height: 36px;
    display: inline-block;
    outline: none;
    background: none;
    color: rgb(4, 42, 104)
;}

.ic {
    font-family: iconfont;
    font-size: 16px;
    font-style: normal;}

.icon {
    font-family: iconfont;
    font-size: 25px;
    font-style: normal;}

.ico {
    font-family: iconfont;
    font-size: 36px;
    font-style: normal;}

.ico-s {
    font-family: iconfont;
    font-size: 30px;
    font-style: normal;}

.ico-l {
    font-family: iconfont;
    font-size: 39px;
    font-style: normal;}

.iro {
    color: #1131a9;
    display: inline-block;
    -webkit-animation: ro 18s linear;
    animation: ro 18s linear infinite;}

@-webkit-keyframes ro {
    from {
        -webkit-transform: rotate(0deg);}
    to {
        -webkit-transform: rotate(900deg);}
    0% {
        color: #1cb1f2
    ;}
    6% {
        color: #1cb1f2
    ;}
    25% {
        color: #1131a9
    ;}
    39% {
        color: #7d3eff
    ;}
    50% {
        color: #df24e1
    ;}
    55% {
        color: #e13724
    ;}
    60% {
        color: #e1cc42
    ;}
    63% {
        color: #3ee104
    ;}
    80% {
        color: #27e1c9
    ;}
    88% {
        color: #1cb1f2
    ;}
    100% {
        color: #1cb1f2
    ;}
}

@keyframes ro {
    from {
        transform: rotate(0deg);}
    to {
        transform: rotate(900deg);}
    0% {
        color: #1cb1f2
    ;}
    6% {
        color: #1cb1f2
    ;}
    25% {
        color: #1131a9
    ;}
    39% {
        color: #7d3eff
    ;}
    50% {
        color: #df24e1
    ;}
    55% {
        color: #e13724
    ;}
    60% {
        color: #e1cc42
    ;}
    63% {
        color: #3ee104
    ;}
    80% {
        color: #27e1c9
    ;}
    88% {
        color: #1cb1f2
    ;}
    100% {
        color: #1cb1f2
    ;}
}

a.color:link {
    color: #000
;}

/* 未访问的链接 */

a.color:visited {
    color: #000
;}

/* 已访问的链接*/

a.color:hover {
    color: rgb(4, 42, 104)
;}

/* 当有鼠标悬停在链接上 */

a.color:active {
    color: #000
;}

/* 被选择的链接 */



/*隐藏盒子设置*/

div.hidden-box {
    line-height: 39px;
    padding: 0 12px;
    border: 1px solid #2196F6;
    position: absolute;
    display: none;
    background: rgba(4, 42, 104,0.88);
    z-index: 9;
    font-size: 15px;
    border-top: 0px;}

.hidden-box>ul {
    list-style-type: none;
    cursor: pointer;}

.hidden-box li:hover {
    background: #FDE615;
    color: #000;}

/*隐藏盒子位置设置*/

.hidden1 {
    right: 219px;}
.hidden2 {
    right: 112px;}
.hidden5 {
    right: 632px;}
.hidden6 {
    right: 400px;}
.hidden7 {
    right: 333px;}

.ulfont {
    color: rgb(255, 255, 255);
    text-decoration: none;}

.topright {
    float: right;}

.topleft {
    line-height: 30px;
    font-size: 15px;
    margin: 0 0 0 30px;
    float: left;}

.topr {
    line-height: 30px;
    float: right;
    color: #FFF;
    margin-right: 18px;
    text-decoration: none;}

.toptag {
    float: right;
    margin: 0;
    padding: 0 auto;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;}

.toptag:hover {
    border-bottom: 3px solid #002fff;
    transition: all 0.18s linear;
    cursor: pointer;}

.bgdiv {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -999;
    background-color: #000;}

.wx {
    float: right;
    text-align: center;
    margin: 0 0 0 12px;}

.wxx {
    float: right;
    text-align: center;
    margin: 0 0 0 6px;}

.wxs {
    float: right;
    width: 88px;
    text-align: center;
    margin: 0 0 0 6px;}

.f-box {
    width: 1080px;
    margin: 0 auto;
    padding: 30px;}

.f-box-l {
    float: left;
    text-align: center;
    font-size: 19px;}

.f-box-info {
    float: left;
    text-align: center;
    font-size: 15px;
    margin: 0 0 0 66px;}

.fboxlink {
    color: white;
    line-height: 26px;
    text-decoration: none;}

.logo {
    float: left;
    margin: 0px 10px 0 0;}

.logotop {
    float: left;
    margin: 6px 0 0 28px;}

.tfont {
    float: left;
    color: #ef2f2f;
    margin: 18px 0 0 -30px;
    font-size: 26px;
    font-weight: 100;
    font-family: "gxcme";}

.hfont {
    float: left;
    margin: 18px 0 0 6px;
    font-size: 26px;
    font-weight: 100;
    font-family: "gxcme";}

.sfont {
    float: left;
    font-size: 12px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.80);
    font-family: "Microsoft YaHei Light";}

.smallsize {
    font-size: 9.6px;}

.topictitle {
    line-height: 30px;
    color: #000;}

.gallery {
    width: 1060px;
    margin: 11.6px 10px;
    float: left;}

.honor {
    width: 1060px;
    margin: 8px;
    float: left;
    height: 136px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;}

.hbox {
    width: 900px;
    display: flex;
    flex-direction: row;
    margin: 16px;
    left: 0;
    position: absolute;
    transition: all 66s;}

.imgbox{
    margin: -6px 20px 16px 6px;
    cursor: pointer;}

.center {
    text-align: center;}

.news {
    width: 616px;
    margin: 10.6px 10px;
    float: left;}

.header-content {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 3.6px solid;
    color: rgb(4, 42, 104);
    border-image: -webkit-linear-gradient( to left, #00a2ff, #1131a9) 30 30;
    border-image: -moz-linear-gradient( to left, #00a2ff, #1131a9) 30 30;
    border-image: linear-gradient( to left, #00a2ff, #1131a9) 30 30;}

.more {
    height: auto;}

.header-more {
    float: right;
    margin: 0px 18px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    color: rgb(4, 42, 104);}

.header-more:hover {
    color: rgb(255, 58, 58);}

.c-list {
    width: 390px;
    height: 36px;
    margin-left: 36px;
    line-height: 36px;
    list-style-type: circle;}

.c-list:hover {
    list-style-type: disc;}

.c-list a {
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-decoration: none;
    color: #276156;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.c-list a:hover {
    color: rgb(255, 173, 0);}

.header-list {
    width: 570px;
    height: 36px;
    margin-left: 36px;
    line-height: 36px;
    list-style-type: circle;
    font-size: 15px;}

.header-list:hover {
    list-style-type: disc;}

.header-list a {
    float: left;
    width: 466px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-decoration: none;
    color: #11316b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.header-list a:hover {
    color: rgb(255, 173, 0);}

.date {
    float: right;
    margin-right: 10px;}

.topicbox {
    margin: 12px 0px 0 50px;
    /* border: 1px solid #1131a9; */
    border-radius: 10px;
    overflow: hidden;
    float: left;
    width: 280px;
    transition: all 0.18s linear;}

.topicbox:hover {
    /* box-shadow:3px 3px 5px #2c2e35; */
    box-shadow: -1px 5px 25px -5px rgba(0, 0, 0, 0.8);
    margin: 6px 0px 0 50px;}

.photo {
    width: 350px;
    height: 190px;
    margin: 10px 0px 0px 2px;
    float: left;
    overflow: hidden;
    transition: all 0.36s ease 0s;}

.photo:hover {
    transform: scale(1.18);
    transition: all 0.66s ease 0s;}

.svgbox {
    margin: 0 0 0 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;}

.svgbox li {
    width: 200px;
    margin: 36px 18px;
    color: #808080
;}

.num{
    font-size: 36px;
    line-height: 70px;
    padding-left: 80px;
    font-weight: 500;
    color: #0099ff;}

.textwrap{
    text-align: center;}

.exp{
    text-align: center;}

.ppt {
    width: 100%;
    margin: 0 auto;
    height: 600px;}

.pptlink img{
    margin: 0 auto;
    width: 1800px;}

.ck-slide { width: 1800px; height: 600px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 600px;}

/* 自适应配置 */

@media (max-width: 1088px) {
    .tfont {
        display: none;}
    .ppt {
        height: 360px;
        float: left;}
    .ck-slide {
        width: 1080px;
        height: 360px;}
    .ck-slide ul.ck-slide-wrapper {
        height: 360px;}
    .pptlink img {
        width: 1080px;}
    .logotop {
        margin: 6px 0 0 36%;}
    .foot {
        width: 1080px;}
    .head {
        width: 1080px;
        float: left;
        height: 100%;}
    div.nav {
        position: relative;
        float: left;
        margin-left: 16%;}
}

@media (max-width: 1760px) {
    .ppt {
        height: 500px;
        float: left;}
    .ck-slide {
        width: 1500px;
        height: 500px;}
    .ck-slide ul.ck-slide-wrapper {
        height: 500px;}
    .pptlink img {
        margin: 0 auto;
        width: 1500px;}
}

@media (max-width: 1500px) {
    .tfont {
        display: none;}
    .ppt {
        height: 450px;
        float: left;}
    .ck-slide {
        width: 1350px;
        height: 450px;}
    .ck-slide ul.ck-slide-wrapper {
        height: 450px;}
    .pptlink img {
        margin: 0 auto;
        width: 1360px;}
}

@media (max-width: 1380px) {
    .tfont {
        display: none;}
    .ppt {
        height: 400px;
        float: left;}
    .ck-slide {
        width: 1200px;
        height: 400px;}
    .ck-slide ul.ck-slide-wrapper {
        height: 400px;}
    .pptlink img {
        margin: 0 auto;
        width: 1200px;}
}

@media (max-width: 1280px) {
    .tfont {
        display: none;}
    .ppt {
        height: 390px;
        float: left;}
    .ck-slide {
        width: 1170px;
        height: 390px;}
    .ck-slide ul.ck-slide-wrapper {
        height: 390px;}
    .pptlink img {
        margin: 0 auto;
        width: 1170px;}
}
@media (min-width: 1920px) {}