@charset "utf-8";
:root{
    --font-family: system-ui,-apple-system,BlinkMacSystemFont,'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    --padding-left: 15px;
    --padding-right: 15px;
    --padding-top: 15px;
    --padding-bottom: 15px;
    --padding:15px;
    --margin-top: 15px;
    --margin-bottom: 15px;
    --margin-left: 15px;
    --margin-right: 15px;
    --margin: 15px;
    --header-height: 64px;
    --header-bottom: 1px solid #10141A;
    --header-menu-height: 48px;
    --sub-nav-height: 48px;
    --font-h1:30px;
    --font-h2:24px;
    --font-title:20px;
    --font-default: 16px;
    --font-small: 14px;
    --bg-color: var(--color-white);
    --color-white: rgba(255,255,255,.9);
    --default-font-color: #303133;
    --color-default: #063d79;
    --color-primary:#063d79;
    --color-info:#6cbfd1;
    --color-success: #19be6b;
    --color-warning: #ff9900;
    --color-error: #ed4014;
    --color-danger: #ea644a;
    --color-title:#17233d;
    --color-content: #515a6e;
    --color-sub-color: rgb(128, 134, 149);
    --color-dark: #17233d;
    --color-gray: #808695;
    --bg-color-gray: #eff3f5;
    --border-color: #efefef;
    --border: 1px solid #efefef;
    --border-radius: 5px;
    --line-height: 1.5;
    --letter-spacing: 0.015em;
}
* {
    word-wrap:break-word;
    word-break:break-all;
    box-sizing:border-box;
    outline: none;
    font-family: var(--font-family), serif;
}
html{
    font-family: var(--font-family), serif;
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    /*font-size:calc((100vw / 375) * 18);*/
    /*1rem = 20px*/
}
body {
    background: var(--bg-color);
    margin: 0;
    padding: 0;
    line-height: var(--line-height);
    color: var(--default-font-color);
    font-size:var(--font-default);
    font-weight: 400;
    letter-spacing:var(--letter-spacing);
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

li{list-style: none;}
ul,li,p{padding:0;margin:0;}
a:hover {text-decoration: none;}
a:link,a:visited,a:active {text-decoration: none;}
img{border: 0;}
[v-cloak] {display: none;}
input,button,textarea,select{font-family:var(--font-family),sans-serif;}
header, section, footer, aside, nav, article, figure {display: block;}

a{transition: all .25s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}

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

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

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

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

a.blue-link {color:var(--color-primary);}
a.blue-link:hover {text-decoration:none;color:var(--color-warning); }
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(--color-warning);}
a.yellow-link:hover {text-decoration:none;color:var(--color-default); }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

/*	字体颜色	 */
.text-white {color: var(--color-white);}
.text-black {color: var(--color-default);}
.text-dark {color: var(--color-dark);}
.text-gray {color:var(--color-gray);}
.text-danger {color: var(--color-danger);}
.text-warning {color: var(--color-warning);}
.text-success{color: var(--color-success);}
.text-info{color: var(--color-info);}

.f-h1 {font-size:var(--font-h1);}
.f-h2 {font-size:var(--font-h2);}
.f-title {font-size:var(--font-title);}

.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}
.hide{display:none;}

header {
    float:left;width: 100%;
    padding-left: var(--padding-left); padding-right: var(--padding-right);
    height: var(--header-height);
    background-color: #ffffff;
    border-bottom: var(--header-bottom);
    display: flex;flex-flow: row nowrap;justify-content: space-between;
    align-items: center;align-content: center;overflow: hidden;}
header .logo{flex: auto;height: calc(var(--header-menu-height) / 1.5);}
header .logo img{float:left; height: 100%;}
header .menu{
    flex: none; width: var(--header-menu-height); height: var(--header-menu-height); line-height:  var(--header-menu-height);
    text-align: center;
    font-size:var(--font-h2);
    color: var(--color-default);
}
header .menu i{transition: all .25s;}
.menu-wrap {
    width: 100vw;
    overflow: hidden;
}
.menu-show {left:20%!important;}
.menu-mark-show {right:80%!important;}
.menu-mark{
    position: absolute;
    z-index: 1000;
    top:var(--header-height);right: 100%;
    width: 20%;height: calc(100vh - var(--header-height));
    border-right: 1px solid #10141A;
    background-color: var(--color-default);
    padding: var(--padding);
    transition: all .25s;
    display: block;
    overflow: hidden;
}
.menu-list {
    position: fixed;
    z-index: 999;
    top:var(--header-height);
    left: 100%;
    width: 80%;height: calc(100vh - var(--header-height));
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--color-default);
    padding: var(--padding);
    transition: all .25s;
}
.menu-list .menu-ul {
    float:left; width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
}
.menu-list .menu-ul .menu-item {
    float:left; width: 100%;padding:var(--padding);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-list .menu-ul .menu-item .title {
    width: 100%;display: block;
    font-size:18px; font-weight: bold;text-transform: uppercase;
    color:var(--color-white);
}
.menu-list .menu-ul .menu-item-selected .title{
    color:var(--color-gray);
}
.menu-list .menu-ul .menu-item .menu-drop {
    width: 100%;
    overflow: hidden;
}
.menu-list .menu-ul .menu-item .menu-drop ul {
    float:left; width: 100%;display: flex;flex-flow: row wrap;
    justify-content: space-between;align-items: center;}

.menu-list .menu-ul .menu-item .menu-drop ul li{
    width: 100%;
    padding-left: calc(2 * var(--padding-left) + 5px);
    color:var(--color-white);
    line-height: 25px;
    position: relative;
}
.menu-list .menu-ul .menu-item .menu-drop ul li:before{
    content: '-';
    position: absolute;
    top: 10px;
    left: var(--padding-left);
    color: var(--color-white);
}
.menu-list .menu-ul .menu-item .menu-drop ul li a{
    float:left;margin-top: 10px;width: 100%;color:var(--color-white);
}
.banner {
    position: relative;
    float: left; width: 100%;
    /*
    height: calc(100vh - var(--header-height));

    background-color: var(--color-default);
    margin-bottom: var(--margin-bottom);*/
    overflow: hidden;}

.banner .banner-item {
    float:left;
    width: 100%;
    /*height: calc(100vh - var(--header-height));*/
    position: relative;overflow: hidden;
}
.banner .swiper-slide .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
    top: 100px;
}
.banner .banner-item img{float: left;width: 100%;
    object-fit: cover;}
.banner .banner-item .info {
    position: absolute;
    bottom: 0;left: 0;
    width: 100%;
    z-index: 1;
    padding: calc(var(--padding) * 3);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
.banner .banner-item .info .title{
    font-size:var(--font-h2); margin-bottom: 20px; color:var(--color-white);
}
.banner .banner-item .demo {
    color: var(--color-white);
}

.title-box {
    width: 100%; padding: var(--padding);
    display: flex;flex-flow: column nowrap;
    justify-content: center;align-items: center;align-content: center;
}
.title-box .title{font-size:var(--font-h1);position: relative;}
.title-box .subtitle{font-size:14px;position: relative;}

.i-about {
    float:left;width: 100%;padding:var(--padding);
    display: flex;flex-flow: column nowrap;
    align-items: center;
    line-height: 30px;
    padding-bottom: var(--padding-bottom);
    background-image:url(/static/mobile/images/bg-about.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.i-about .i-about-title{
    width: 100%;text-align: justify;
    font-size: var(--font-h1);
    /*
    padding-top:var(--padding-top);
    padding-bottom:var(--padding-bottom);
    */
    color:var(--color-dark);
    overflow: hidden;
}
.i-about .i-about-content{
    font-size:18px; line-height: 30px;
    width: 100%;text-align: justify;padding-bottom: var(--padding-bottom);
    overflow: hidden;
}
.i-about .i-about-btn{
    padding:var(--padding);
    background-color: var(--color-primary);color:rgba(255,255,255,.9);
    border-radius: 2px;
    overflow: hidden;
}
.i-btn{
    padding:10px 20px;
    background-color: var(--color-primary);
    color:rgba(255,255,255,.9);
    border-radius: 2px;
    overflow: hidden;
}
.i-btn:hover{
    background-color: #45505a;
}
.i-culture-bg{
    width: 100%;padding:40px var(--padding);
    background-image: url(/static/mobile/images/bg-culter.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.i-culture{
    width: 100%;
    display: flex;flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
}
.i-culture .i-culture-title {
    width: 100%; display: flex;flex-flow: column nowrap;
    justify-content: center;align-items: center;margin-bottom: 20px;
    overflow: hidden;
}

.i-culture .i-culture-title .title{
    font-size:var(--font-h1); color:#063d79; text-shadow:2px 2px #ffffff;
}
.i-culture .i-culture-title .subtitle{
    margin-left: 5px;font-weight: bold;margin-bottom: 5px;
    font-size:14px; color:#063d79; text-shadow:2px 2px #ffffff;
}
.i-culture .i-culture-content {
    width: 100%; background-color: rgba(6,61,121,.45);padding: 20px; text-align: justify;
    font-size:18px; line-height: 30px;color:#ffffff;
    overflow: hidden;
}

.zb-zf {
    margin: 0 auto; padding: var(--padding);
    width: 100%;
    display: flex;
    flex-flow: column nowrap;justify-content: center;align-items: center;
    overflow: hidden;
}
.zb-zf .zb-zf-item{
    width: 100%;
    padding-bottom: 30px;
    display: flex;
    flex-flow: row wrap;justify-content: center;align-items: flex-start;
    overflow: hidden;
}
.zb-zf .zb-zf-item .li {
    flex: none;width: 100%;margin-bottom: 20px;height: 80px;background-color: #e1edff;overflow: hidden;
    display: inline-flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
}
.zb-zf .zb-zf-item .li .date{
    flex:none; width:80px;height: 80px;padding: 5px;
    background-color: #872019;color: #ffffff;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;overflow: hidden;}
.zb-zf .zb-zf-item .li .date .day{
    width:100%; text-align:center;
    font-size:40px;line-height: 45px;font-weight: bold;
}
.zb-zf .zb-zf-item .li .date .year-month{
    width:100%; text-align:center;font-size:14px;height: 25px;line-height: 25px;
}
.zb-zf .zb-zf-item .li .title{flex:auto;text-align:justify;line-height: 30px;padding: 0 20px;overflow: hidden;}

.i-human-bg {
    width: 100%; padding:40px var(--padding);
    background-image: url(/static/mobile/images/bg-job.jpg);
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.i-human{
    width: 100%;
    display: flex;flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}
.i-human .i-human-title {
    width: 100%; display: flex;flex-flow: column nowrap;
    justify-content: center;align-items: center;margin-bottom: 20px;
    overflow: hidden;
}

.i-human .i-human-title .title{
    font-size:var(--font-h1); color:#ffffff;
}
.i-human .i-human-title .subtitle{
    margin-left: 5px;font-weight: bold; margin-bottom: 5px;
    font-size:18px; color:#ffffff;
}
.i-human .i-human-content {
    border: 2px solid rgba(255,255,255,.5); border-radius: 5px;
    width: 100%; background-color: rgba(0,0,0,.3);padding: 20px; text-align: justify;
    font-size:18px; line-height: 30px;color:#ffffff; margin-bottom: 20px;
    overflow: hidden;
}

.i-full-news{
    width: 100%; padding:var(--padding);
    background-color: #f6f7fa;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;
    overflow: hidden;
}

.i-news {
    float:left;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
}
.i-news ul {
    float:left; width: 100%;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;
    overflow: hidden;
}
.i-news ul li{
    flex:none; width: 100%;
    margin-bottom: 20px;background-color: #ffffff; border-radius: 5px;
    padding: 15px;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;
    overflow: hidden;
}
.i-news ul li .image{
    float:left; width: 100%;margin-bottom: 10px;
}
.i-news ul li .image img{float:left;width: 100%;object-fit: cover;}
.i-news ul li .title{width: 100%;text-align: justify;font-size:18px;padding: 10px 0;line-height: 30px;overflow: hidden;}
.i-news ul li .date{width: 100%;text-align: justify;font-size:16px;overflow: hidden;}


.i-product-full{
    width: 100%; background-color: var(--bg-color-gray);
    padding: var(--padding);
    overflow: hidden;
}
.i-product-title{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
    color: var(--color-default);
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.i-product-title:after{
    content: '';
    position: absolute;z-index: 1;
    width: 100%;height: 1px;
    background-color: #d2dbe2;
    top: 50%;left: 0;right: 0;
    overflow: hidden;
}
.i-product-title b{
    position:relative; padding:var(--padding);
    z-index:2;font-size: var(--font-h1);
    font-weight: bold;
    background-color: var(--bg-color-gray);
}

.i-product {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
}
.i-product ul{width: 100%;}
.i-product ul li{float:left; width: 100%;margin-bottom:var(--margin-bottom);overflow: hidden;}
.i-product ul li .box{float:left; width: 100%;
    background-color:var(--color-white);
    border:var(--border);
    overflow: hidden;}
.i-product .image {float: left;width: 100%;}
.i-product .image img{float: left;width: 100%;}
.i-product .title {
    float: left;
    width: 100%;text-align: center;
    line-height: var(--line-height);margin: var(--margin) 0;
    padding: 0 var(--margin);
    overflow: hidden;}

.title-wrap {
    width: 100%; background-color: var(--bg-color-gray);
    padding: var(--padding);
    display: flex;flex-flow: row nowrap;justify-content: space-between;
    align-items: center;align-content: center;
    overflow: hidden;
}
.title-wrap .name {flex: auto; font-size: var(--font-title); color: var(--color-default);}
.title-wrap .more {flex: none; margin-left: calc(var(--margin-left) * 2);font-size: var(--font-h2);color:var(--color-primary);}
.category {
    display: none;
    float:left;padding: var(--padding);
    border-top: 1px solid var(--color-white);
    width: 100%;background-color: var(--bg-color-gray);
    overflow: hidden;
}
.category ul{float:left;width: 100%;}
.category ul li {float:left;width: 100%;margin-bottom: var(--margin-bottom);background-color: var(--color-white);padding: var(--padding);}
.category ul li a{color: var(--color-default);width: 100%;float:left;
    display: flex;flex-flow: row nowrap;
    justify-content: flex-start;align-items: flex-start;align-content: center;}
.category ul li a i {flex: none;margin-right: var(--margin-right);line-height: var(--line-height);}
.category ul .selected{background-color: var(--color-dark);color: var(--color-white);}
.category ul .selected a{color:var(--color-white) !important;}
.category ul li:last-child{margin-bottom: 0;}

.page-image-main {
    float:left; width: 100%;
    padding: var(--padding);
    overflow: hidden;
}
.page-image-main ul {float:left; width: 100%;}
.page-image-main ul .page-image-item{
    float:left; width: 100%;margin-bottom: var(--margin-bottom);
    overflow: hidden;}
.page-image-main ul .page-image-item .image{float:left; width: 100%;overflow: hidden;}
.page-image-main ul .page-image-item .image img{float:left; width: 100%;}
.page-image-main ul .page-image-item .title{float:left; width: 100%;
    padding:var(--padding);
    background-color: var(--bg-color-gray);
    text-align: left; overflow: hidden;}
.page-image-main ul .page-image-item .name{float:left; width: 100%;
    padding:var(--padding);
    text-align: center; overflow: hidden;}

.page-image-main ul .page-image-item-hzhb{
    float:left; width: 100%;margin-bottom: var(--margin-bottom);
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;
    overflow: hidden;}
.page-image-main ul .page-image-item-hzhb .image{float:left; width: 100%;border:1px solid #dbdbdb;overflow: hidden;}
.page-image-main ul .page-image-item-hzhb .image img{float:left; width: 100%;}
.page-image-main ul .page-image-item-hzhb .title{
    float:left; width: 100%;
    padding:var(--padding);
    text-align: center; overflow: hidden;}

.page-main {
    float:left; width: 100%;
    overflow: hidden;
}
.page-main ul{float:left; width: 100%;}
.page-main ul li{float:left; width: 100%;}
.page-news-item {
    float:left; width: 100%;
    padding: var(--padding);
    overflow: hidden;
}
.page-news-item:nth-child(2n){
    background-color: var(--bg-color-gray);
}
.page-news-item .title {
    width: 100%;
    font-size:var(--font-title);
    padding-bottom: var(--padding-bottom);
    overflow: hidden}
.page-news-item .image-text{
    float:left;width: 100%;
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: flex-start;align-content: center;
    overflow: hidden;
}
.page-news-item .image{float:left;width:100%;margin-bottom: var(--margin-bottom);overflow: hidden;}
.page-news-item .image img{float:left; width: 100%;}
.page-news-item .info{float:left;width:100%;text-align: left;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start;align-content: center;}
.page-news-item .info .demo{float:left; width: 100%; margin-bottom: var(--margin-bottom);color: var(--color-sub-color);}
.page-news-item .info .date{
    float:left;margin-bottom: var(--margin-bottom);
    height: calc(var(--font-default) * var(--line-height));
    border-radius: calc(var(--font-default) * var(--line-height));
    background-color: var(--color-dark);
    display: flex;flex-flow: row wrap;
    justify-content: center;align-items: center;align-content: center;
    color: var(--color-white);
    padding: 0 var(--padding);
    overflow: hidden;
}
.page-news-item .info .date i{
     font-size:12px;
     width:  calc(var(--font-default) * var(--line-height));
     height: calc(var(--font-default) * var(--line-height));
     line-height: calc(var(--font-default) * var(--line-height));
     background-color: var(--color-dark);
     border-radius: 50%;text-align: center;
     color: var(--color-white);
     overflow: hidden;
 }


/**
display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
 */
.page-content {
    float:left; width: 100%; display: flex;flex-flow: column nowrap;
    justify-content: center;align-content: center;align-items: center;
    padding: var(--padding);
    overflow: hidden;
}
.page-content .title {
    border-bottom: var(--border);
    padding-bottom: var(--padding-bottom);
    width: 100%; text-align: center;font-size:var(--font-title); color: var(--default-font-color);
    margin-bottom: var(--margin-bottom);
    overflow: hidden;
}
.page-content .date {
    width: 100%; display: flex;flex-flow: row wrap;
    justify-content: center;align-items: center;align-content: center;
    margin-bottom: var(--margin-bottom);
    line-height: var(--line-height);
    overflow: hidden;
}
.page-content .date .item{
    margin:var(--margin);
    height: calc(var(--font-default) * var(--line-height));
    border-radius: calc(var(--font-default) * var(--line-height));
    background-color: var(--color-dark);
    display: flex;flex-flow: row wrap;
    justify-content: center;align-items: center;align-content: center;
    color: var(--color-white);
    padding: 0 var(--padding);
    overflow: hidden;
}
.page-content .date i{
    font-size:12px;
    width:  calc(var(--font-default) * var(--line-height));
    height: calc(var(--font-default) * var(--line-height));
    line-height: calc(var(--font-default) * var(--line-height));
    background-color: var(--color-dark);
    border-radius: 50%;text-align: center;
    color: var(--color-white);
    overflow: hidden;
}
.page-content .demo{
    width: 100%; padding:var(--padding); border-radius: 2px;
    /*background-color: var(--color-sub-color);*/
    background-color: var(--bg-color-gray);
    margin-bottom: var(--margin-bottom);
    font-size: var(--font-small);
    border: 1px dashed var(--color-sub-color);
    overflow: hidden;
}

.page-content .content{
    width: 100%;margin-bottom: var(--margin-bottom);
}
.page-content img{
    max-width: 100%;
}

.page-content .content table{max-width: 100%;border:1px solid #999999;border-collapse: collapse;}
.page-content .content table tr td{padding:5px;line-height: 25px;}

.contact-map {
    width: 100%; border-radius: 10px; height: 40vh;display: block;
    overflow: hidden;
}

.page-per-next{
    float:left;
    width: 100%;

    padding:var(--padding);
    background-color: var(--bg-color-gray);
    overflow: hidden;
}
.page-per-next ul li{
    float:left; width: 100%; margin-bottom: var(--margin-bottom);
    border-bottom: 1px dashed rgba(0,0,0,.1);
    padding-bottom: var(--padding-bottom);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;align-content: center;align-items: flex-start;
}
.page-per-next ul li .prefix{
    flex: none;
    margin-right: 10px;
    font-weight: bold;
    position: relative;
}
.page-per-next ul li .prefix:before{
    content: '';
    position: absolute;
    bottom: -5px;left: 0;
    width: 50%;
    height: 0;
    border-bottom: 2px solid var(--color-primary);
}


/* 分页 */
.page{float: left;width: 100%;margin: var(--margin) 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:#1d50a3;color:#ffffff;margin:5px;overflow: hidden;}
.page ul li:hover{background-color: #00c07a;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: #ea644a;color: #ffffff;}

.empty{float: left;width: 100%;padding:var(--padding);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.empty .image{margin-top:20px;max-width: 40%;overflow: hidden;}
.empty .image img{float:left;width: 100%;}
.empty .name{padding:var(--padding);color:#999999;margin-top: var(--padding-top);}

.footer{
    float: left;width: 100%;padding:0;
    background-color:var(--color-default);
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;
    text-align: center;overflow: hidden;
}

.footer .footer-logo{
    flex:none; width: 100%;margin-top: 40px;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;align-content: center;
}
.footer .footer-logo img{
    max-width:70%; max-height: var(--header-height);
}
.footer .footer-text{
    padding: 10px 0;
    color:rgba(255,255,255,.8);font-size:18px; font-weight: bold;line-height: 35px;
}
.footer .footer-text a {color:rgba(255,255,255,.8);}
.footer .footer-link{
    padding-top:10px;margin-bottom: 40px;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;align-content: center;
}
.footer .footer-link .footer-link-item{
    width: 30px;height: 30px;line-height: 30px;margin: 5px;background-color: #323a41;
    text-align: center;
    border-radius: 50%;color:#adb0b3;font-size: 12px;cursor: pointer;
    overflow: hidden;
}
.footer .footer-link .footer-link-item:hover{
    background-color: #0c6fe7;color:rgba(255,255,255,.9);
}
.footer .footer-menu{
    position: relative;
    float: left;width: 100%;
    background-color:#191d21;border-top: 1px solid #303337;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;align-items: center;align-content: center;
    text-align: center;}
.footer .footer-menu .footer-menu-item{
    position: relative;font-size: 16px;font-weight: bold; text-transform: uppercase;
    margin: 0 20px;height: 105px;line-height: 105px;
    text-align: center;color:#babcbd;transition: all .5s;
}
.footer .footer-menu .footer-menu-item:before{
    content: '';
    position: absolute;
    top: -1px; left: 0;
    width: 0; height: 2px; background-color: #0c6fe7;
    transition: all .5s;
}
.footer .footer-menu .footer-menu-item:hover:before{
    width: 100%;
}
.footer .footer-menu .footer-menu-item:hover,
.footer .footer-menu .footer-menu-selected{color:#0c6fe7;}
.footer .footer-menu .footer-menu-selected:before{
    content: '';
    position: absolute;
    top: -1px; left: 0;
    width: 100%; height: 2px; background-color: #0c6fe7;
}

.footer .footer-copyright{
    border-top: 1px solid #303337;
    width: 100%;
    flex:auto;padding: 20px;
    color:#babcbd;font-size:14px;
}
.footer .footer-copyright a{color:#babcbd;}
.footer .footer-copyright a:hover{color:#babcbd;text-decoration:underline;}

.go-top{position:fixed;right:0;bottom:2rem;background-color:rgba(0,0,0,.5);color:#ffffff;opacity:50%;border-top-left-radius: 1rem;border-bottom-left-radius:1rem;text-align: center;width: 2rem;height: 2rem;line-height: 2rem;/*font-size:2rem;*/overflow:hidden;}

.i-news-wrap {
    float:left; width: 100%; overflow: hidden;
}
.i-news-wrap .i-news-l{
    float:left;width: 100%;overflow: hidden;
    display: flex;flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
}
.i-news-wrap .i-news-l .image {
    flex:none; width: 100%; margin-bottom: 1rem;overflow: hidden;
}
.i-news-wrap .i-news-l .image img{
    float:left; width: 100%;
}

.i-news-wrap .i-news-l .info{
    float:left; width: 100%;padding: 0 1rem; margin-bottom: 1rem;
    display: flex;flex-flow: column nowrap; line-height: 2rem;
    text-align: justify;
}
.i-news-wrap .i-news-l .info b{width: 100%; font-size: 1.2rem; margin-bottom: .5rem;}
.i-news-wrap .i-news-l .info span{color:#c0bebe;margin-bottom: .5rem}
.i-news-wrap .i-news-l .info p{color:#6e6c6c; }

.i-news-wrap .i-news-r{
    float:left; width: 100%;overflow: hidden;
}
.i-news-wrap .i-news-r .title-tab{
    float:left;width: 100%;  margin-bottom: 1rem;
    background-color: #ffffff;
    padding: 0;border-bottom: 2px solid #efefef;
}
.i-news-wrap .i-news-r .title-tab ul li{
    float:left; padding: 0 1rem;position: relative;line-height: 3rem;
}
.i-news-wrap .i-news-r .title-tab .selected
,.i-news-wrap .i-news-r .title-tab .selected a{
    color:#1a73a8;font-weight: bold;
}
.i-news-wrap .i-news-r .title-tab .selected::before{
    content: '';position: absolute;left: 0; bottom: -2px;
    width: 100%; border-bottom: 2px solid #1a73a8;
}
.i-news-wrap .i-news-r .i-news-box{
    padding: 0 1rem;
    float:left;width: 100%; overflow: hidden;
}
.i-news-wrap .i-news-r .i-news-box ul{
    float:left;width: 100%; overflow: hidden;
}
.i-news-wrap .i-news-r .i-news-box ul li{
    float:left;width: 100%; line-height: 2rem;
    overflow: hidden;
    display: flex;flex-flow: row nowrap; justify-content: space-between;
    align-items: flex-start; margin-bottom: 1rem;
    padding-bottom:1rem;
    border-bottom:1px dashed #dbdbdb;
}
.i-news-wrap .i-news-r .i-news-box ul li .date{
    flex:none; margin-left:1rem;width: 100px;font-size:.9rem;
    text-align: center; background-color: #efefef;
    border-radius: 1rem;overflow: hidden;
}


.i-full-row{
    float:left;
    width: 100%;
}
.i-full-row .i-xcp{
    float:left;
    position: relative; cursor: pointer;
    flex: none;width: 100%;
    transition: all .5s;
    overflow: hidden;
}
.i-full-row .i-xcp .title{
    position: absolute;top: 20px; right: 0;font-size: 20px;
    padding: 5px 20px;font-weight: normal;
    z-index: 5;color:#ffffff;transition: all .5s;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
.i-full-row .i-xcp .mark{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0;
    z-index: 4;
    opacity: .5;
    background-color: rgba(0,0,0,1);
    transition: all .5s;
}
.i-full-row .i-xcp .image{float:left; width: 100%; overflow: hidden;}
.i-full-row .i-xcp .image img{
    float:left; width: 100%; object-fit:cover; object-position:center center;
    transition: all .5s;
    overflow: hidden;}
.i-full-row .i-xcp:hover {
    /*    transform: scale(1.2);
        z-index: 10;*/
}
.i-full-row .i-xcp:hover .mark {
    opacity: 0;
}
.i-full-row .i-xcp:hover .title{
    color:#ffffff;
    background-color: rgba(0,0,0,.9);
}

.i-full-row .services{
    float:left; width: 100%;
    display: flex; flex-flow: row wrap;
    justify-content: space-between;align-items: flex-start;
    overflow: hidden;
}
.i-full-row .services .item{
    flex:auto;max-width:50%;position: relative;
    height: 30vw;
    transition: all .5s;
    overflow: hidden;
}

.i-full-row .services .item .title{
    position: absolute;top: 20px; right: 0;font-size: 20px;
    padding: 5px 20px;font-weight: normal;
    z-index: 5;color:#ffffff;transition: all .5s;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
.i-full-row .services .item .mark{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0;
    z-index: 4;
    opacity: .5;
    background-color: rgba(0,0,0,1);
    transition: all .5s;
}
.i-full-row .services .item .image{float:left; width: 100%; height: 100%;overflow: hidden;}
.i-full-row .services .item .image img{
    float:left; width:100%;height: 100%; object-fit:cover; object-position:center center;
    transition: all .5s;
    overflow: hidden;}
/*

.i-full-row .services .item:hover{
    flex:none;width: 45%;
}
.i-full-row .services .item:hover .mark {
    opacity: 0;
}
.i-full-row .services .item:hover .title{
    color:#ffffff;
    background-color: rgba(0,0,0,.9);
}
*/

.i-full-row .services .item-1{width: 42%;}
.i-full-row .services .item-2{width: 26%;}
.i-full-row .services .item-3{width: 32%;}
.i-full-row .services .item-4{width: 34%;}
.i-full-row .services .item-5{width: 40%;}
.i-full-row .services .item-6{width: 26%;}



.company-warp {
    width: 100%;overflow: hidden;
    margin-bottom: 10px;
}
.company-warp .issue-number{
    float:left;width: 100%;overflow: hidden;
    padding: 20px; text-align: center;font-size: 32px;
}
.company-warp .company-list{
    float:left;width: 100%;overflow: hidden;
}

.company-warp .company-list .company-item{
    background-color: #fafafa;
    flex:none; width: 100%;
    border:1px solid #dbdbdb; margin-bottom: 20px;
    display: flex;flex-flow: column nowrap;
    overflow: hidden;
}
.company-warp .company-list .company-item .image{
    flex:none;float:left; width: 100%;border-bottom: 1px solid #dbdbdb; }
.company-warp .company-list .company-item .image img{
    float:left; width: 100%;}
.company-warp .company-list .company-item .company-item-info{
    float:left; width: 100%; padding: 20px; text-align: justify;overflow: hidden;
}

.content-video {
    float:left; width: 100%; background-color: #000000;
    overflow: hidden;
}
.content-video video{
    float:left; width: 100%; object-fit: cover;object-position: center;
}
<!--耗时1768680818.3799秒-->