@charset "utf-8";

/* CSS Document */
@media (min-width:1260px) {
    .container {
        width: 1230px;
    }
}
@-webkit-keyframes opa_btm {
    0% {
        -webkit-transform: translate(0, 20px);
        opacity: .3;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes opa_btm {
    0% {
        transform: translate(0, 20px);
        opacity: .3;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

html, body, div, ul, ol, li, a, p, input, img, span, table, tr, td, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, i, dl, dt, dd {
    padding: 0;
    margin: 0;
}
header, nav, footer, menu {
    display: block;
}
dt {
    font-weight: 300;
}
img {
    border: none;
    max-width: 100%;
    height: auto !important;
}
li {
    list-style-type: none;
}
a, a:hover, a:focus {
    text-decoration: none;
    color: #333;
}
body {
    font-family: "KaiTi","microsoft yahei", Helvetica, Arial, sans-serif;
    font-size: 0.18rem;
    color: #333;
    position: relative;
    background-color: #f5f5f5;
    visibility: hidden;
}
.h1, h1 {
    font-size: 0.39rem;
}
.h2, h2 {
    font-size: 0.31rem;
}
.h3, h3 {
    font-size: 0.27rem;
}
.h4, h4 {
    font-size: 0.21rem;
}
.h5, h5 {
    font-size: 0.19rem;
}
.h6, h6 {
    font-size: 0.15rem;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
p {
    color: #454545;
    line-height: 0.24rem;
}
input::placeholder {
    color: #fff;
}
input::-moz-placeholder {
    color: #fff;
}
input:-ms-input-placeholder {
    color: #fff;
}

/*******头部********/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #064089;
    z-index: 999;
}
header, header .navbar-toggle, header .navbar {
    margin-top: 0;
    margin-bottom: 0;
}
header .navbar {
    margin-bottom: 0;
    border-bottom: none;
    border: none;
    background-color: #064089;
    border-radius: 0;
}
header #navbar-collapse, header .navbar-header {
    /*background-color: #064089;*/
}
header .navbar-nav {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    float: none;
}
header .navbar-nav li {
    float: none;
    display: inline-block;
    width: 10%;
    min-width: 110px;
    height: 49px;
    line-height: 49px;
}

header .navbar-nav li:hover .nav-hover {
    display: block;
}

header .navbar-nav li a{
    transition: all .3s;
}
header .navbar-nav li a.nav-on {
    color: #fff;
    font-size: 0.21rem;
}
header .navbar-nav li {
}
header .navbar-nav > li.on a.nav-on, header .navbar-nav > li > a.nav-on:focus {
    color: #fff;
    font-weight: bold;
    font-size: 0.2rem;
    background-color: transparent;
}
.nav-hover {
    position: absolute;
    top: 45px;
    left: 0;
    width: 140%;
    margin-left: -20%;
    display: none;
}
.nav-hover .nav-bg {
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 0.12rem 0;
}
.nav-hover .nav-bg div a {
    color: #064089;
    font-size: 0.16rem;
    display: block;
    padding: 6px 0;
    height: 40px;
    line-height: 30px;
}
.nav-hover .nav-bg div:hover a {
    background-color: #1d5295;
    color: #fff;
}
#logo {
    position: absolute;
    left: 0.15rem;
    top: 0;
    bottom: 0;
}
#logo .navbar-brand > img {
    height: 51px !important;
}
header .navbar-brand {
    margin: 0;
    padding: 0;
    float: none;
}
header .navbar-brand img {
    display: inline-block;
}
header .language {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0.15rem;
}
header .language .btn-group {
    margin-left: 0.14rem !important;
    position: relative;
}
header .language .btn-group div {
    border: 1px solid #fff;
    font-size: 0.16rem;
    color: #fff;
    background-color: rgba(208, 208, 208, 0.5);
    text-transform: uppercase;
    width: 95px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    text-align: center;
    position: relative;
    padding-right: 14px;
    cursor: pointer;
    font-family: Arial;
}
header .language .btn-group div:after {
    content: '';
    position: absolute;
    top: 40%;
    right: 4px;
    background: url("../images/menu-btn.png") no-repeat center;
    width: 10px;
    height: 7px;
}
header .language .btn-group:hover .pc-menu {
    display: block;
}
header .language .pc-menu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    padding: 12px 0;
    border-radius: 2px;
    display: none;
}
header .language .pc-menu li {
    line-height: 26px;
    text-align: center;
}
header .language .pc-menu a {
    color: #fff;
}
header .language .app-group ul li {
    float: left;
    width: 50%;
    text-align: center;
}
header .language .app-group ul li a {
    padding: 10px 15px;
    display: block;
    background-color: #a39481;
    color: #fff;
    line-height: 20px;
}
header .language .app-group ul li + li a {
    border-left: 1px solid #fff;
    background-color: #604a33;
}

/*展开按钮*/
.navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 25px;
}
.navbar-toggle .icon-bar:nth-child(3) {
    position: relative;
}
.navbar-toggle .icon-bar:nth-child(3):before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    content: "";
    background-color: inherit;
}
.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2), .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) {
    opacity: 0;
}
.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3):before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*********尾部************/
footer {
    background: url("../images/footer-bg.png") no-repeat center bottom #09366f;
    background-size: cover;
    min-height: 3.50rem;
    color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -999;
}
footer div.row {
    padding: 0.48rem 0;
}
footer .f-table {
    width: 100%;
    color: #e8e8e8;
}
footer .f-table tr td:nth-child(1) {
    width: 134px;
    border-right: 1px solid #5f7ca1;
}
footer .f-table .f-wechat {
    padding-right: 0.2rem;
}
footer .f-table .f-wechat div {
    padding-top: 0.07rem;
    font-size: 0.16rem;
}
footer .f-table .f-tie {
    line-height: 0.32rem;
    padding-left: 0.2rem;
}
footer .f-tie-wc {
    padding-top: 0.1rem;
}
footer .f-tie-wc .wechat-d, footer .f-tie-wc .sina {
    color: #ffffff;
    background-repeat: no-repeat;
    padding-left: 0.25rem;
    background-position: left center;
}
footer .f-tie-wc .wechat-d {
    background-image: url("../images/wc.png");
    background-size: 0.19rem 0.16rem;
}
footer .f-tie-wc .sina {
    background-image: url("../images/sina.png");
    background-size: 0.2rem 0.17rem;
}
footer .f-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: distribute;
  justify-content: space-between;
  flex-flow: row wrap;
}
footer .f-nav ul li {
    line-height: 0.25rem;
}
footer .f-nav ul li h5 {
    font-weight: 300;
    padding-bottom: 0.1rem;
    color: #e8e8e8;
}
footer .f-nav ul li a {
    color: #cccccc;
    font-size: 0.15rem;
    display: inline-block;
}
footer .copyright {
    padding: 0.24rem 0;
    margin: 0 5.73%;
    border-top: 1px solid #46648a;
    text-transform: capitalize;
    font-family: Arial;
}

/*****主体开始*******/
#banner {
    position: relative;
}
#banner .banner img, .welfare-swiper img, .home-business ul li a .img img {
    width: 100%;
    display: block;
    background: #f5f5f5;
}
.home-svg {
    width: 480px;
    height: 480px;
}
.home-svg .home-svg-cir {
    width: 480px;
    height: 480px;
    display: block;
}
.home-svg .home-svg-cir1 {
    display: none;
}
.main {
    margin-bottom: 3.50rem;
    position: relative;
    z-index: 99;
}
.m-body {
    background-color: #f5f5f5;
    padding-bottom: 0.5rem;
}
.m-body .m-con {
    background-color: #fff;
    box-shadow: 0 0 10px #d6d5d5;
    min-height: 8rem;
    margin-top: 0.50rem;
    position: relative;
    z-index: 99;
    padding: 0.26rem 0.3rem 0.4rem;
}
.m-body .m-news-list {
    background-image: url("../images/news-bg.png");
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 0.35rem;
    min-height: 400px;
}

/*about*/
.m-body .m-title {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
}
.m-body .m-title .t-h1 h1 {
    color: #064089;
}
.m-body .m-title .t-h1 span.h5 {
    color: #666666;
    text-transform: uppercase;
    padding-top: 0.1rem;
    display: block;
    font-family: Arial;
}
.m-body .m-title .t-nav ul {
    padding: 0.12rem 0 0.19rem 0;
}
.m-body .m-title .t-nav ul li {
    float: left;
}
.m-body .m-title .t-nav ul li + li {
    margin-left: 0.2rem;
}
.m-body .m-title .t-nav ul li:hover a, .m-body .m-title .t-nav ul li.on a {
    color: #064089;
    font-weight: bold;
}
.m-body .m-title .t-nav ul li a {
    font-size: 0.19rem;
    color: #454545;
}
.m-body .m-title .t-nav ol.breadcrumb {
    clear: both;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
    background: url("../images/home-img.png") no-repeat left center;
    background-size: 0.11rem;
    padding-left: 0.16rem;
    float: right;
    font-size: 0.15rem;
}
.m-body .m-title .t-nav ol.breadcrumb > li + li:before {
    background: url("../images/breadcrumb-li.png") no-repeat center center;
    background-size: 0.07rem;
    content: "";
    padding: 0 0.08rem 0 0.16rem;
}
.m-body .m-title .t-nav ol.breadcrumb > li a {
    color: #333333;
}
.m-body .m-title .t-nav ol.breadcrumb > li.active {
    color: #064089;
    font-weight: bold;
}
.m-body .m-about {
}
.m-body .m-about p, .m-body .m-product p, .m-newsd p, .m-party p, .join-con p {
    line-height: 0.33rem;
    text-indent: 0.36rem !important;
}
.m-body .m-about p img:nth-child(1), .m-body .m-product p img:nth-child(1), .m-newsd p img:nth-child(1), .m-party p img:nth-child(1), .join-con p img:nth-child(1) {
    margin-left: -0.35rem;
}
.m-honor {
    position: relative;
    margin-top: 0.70rem;
}
.honor-swiper {
    margin: 0 1.20rem;
}
.honor-swiper li {
    padding: 0.64rem 0;
}
.honor-swiper li div.img {
    max-height: 3.25rem;
    min-height: 3.25rem;
    line-height: 3.25rem;
    max-width: 2.50rem;
    margin: 0 auto;
}
.honor-swiper li div.h4 {
    color: #333333;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.m-honor .honor-prev, .m-honor .honor-next, .m-video .video-prev, .m-video .video-next {
    width: 0.27rem;
    height: 0.51rem;
    margin-top: -0.251rem;
    background-size: 0.27rem 0.51rem;
}
.m-honor .honor-prev, .m-video .video-prev, #notice .notice-prev {
    background-image: url("../images/honor-next.png");
    left: 0.4rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.m-honor .honor-next, .m-video .video-next, #notice .notice-next {
    background-image: url("../images/honor-next.png");
    right: 0.4rem;
}
.m-honor .honor-prev.swiper-button-disabled, .m-video .video-prev.swiper-button-disabled, #notice .notice-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url("../images/honor-prev.png");
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.m-honor .honor-next.swiper-button-disabled, .m-video .video-next.swiper-button-disabled, #notice .notice-next.swiper-button-disabled {
    opacity: 1;
    background-image: url("../images/honor-prev.png");
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.m-course {
}
.m-course .title {
    font-size: 0.28rem;
    color: #064089;
    padding-top: 0.25rem;
    padding-bottom: 0.06rem;
}
.course-box {
    background: url("../images/course-bg.png") no-repeat center top;
    min-height: 460px;
    background-size: contain;
    margin-bottom: 0;
    padding-top: 0.85rem;
}
.panel-group .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.course-box .tab {
    font-size: 0.2rem;
    font-weight: bold;
    width: 23.25%;
    text-align: right;
    border-right: 1px solid #acacac;
    padding-bottom: 0.40rem;
    cursor: pointer;
}
.course-box .tab div {
    position: relative;
    display: inline-block;
    padding-right: 0.42rem;
    top: -10px;
}
.course-box .tab div:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    height: 14px;
    width: 14px;
    margin-top: -7px;
    border: 2px solid #1b61b9;
    border-radius: 50%;
    background-color: #fff;
}
.course-box .tab-con {
}
.course-box .tab-con .time {
    width: 23.25%;
    float: left;
    text-align: right;
    font-weight: bold;
    font-size: 0.2rem;
    padding-right: 0.42rem;
    position: relative;
}
.course-box .tab-con .time:after {
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    height: 10px;
    width: 10px;
    margin-top: -5px;
    border: 2px solid #1b61b9;
    border-radius: 50%;
    background-color: #fff;
}
.course-box .tab-con .text {
    width: 76.75%;
    float: left;
    padding-left: 0.3rem;
    border-left: 1px solid #acacac;
    margin-left: -1px;
    font-size: 0.16rem;
    line-height: 0.27rem;
    padding-bottom: 0.44rem;
}
.course-box .tab a.collapsed {
    color: #064089;
}
.course-box .tab a.collapsed div:after {
    content: '';
    position: absolute;
    right: 0.18rem;
    top: 50%;
    width: 0.13rem;
    background-size: 100%;
    height: 0.08rem;
    margin-top: -0.04rem;
    background: url("../images/tab-prev.png") no-repeat center center;
}
.course-box .tab a {
    color: #064089;
}
.course-box .tab div:after {
    content: '';
    position: absolute;
    right: 0.18rem;
    top: 50%;
    width: 0.13rem;
    background-size: 100%;
    height: 0.08rem;
    margin-top: -0.04rem;
    background: url("../images/tab-next.png") no-repeat center center;
}

/*产品*/
.pro-list {
    padding-top: 0.20rem;
}
.pro-list li .img {
    padding: 0;
}
.pro-list li .text {
    padding: 0.7rem 0.3rem 0.2rem;
}
.pro-list li .text h3 {
    font-size: 0.28rem;
    position: relative;
    display: inline-block;
    padding-bottom: 0.13rem;
    color: #555;
    margin-bottom: 0.13rem;
}
.pro-list li .text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.03rem;
    background-color: #064089;
}
.pro-list li .text p {
    color: #454545;
}
.pro-list li .text .more {
    margin-top: 0.60rem;
}
.pro-list li .text .more a {
    display: block;
    margin: 0 auto;
    border: 1px solid #064089;
    color: #064089;
    width: 2.10rem;
    text-align: center;
    padding: 0.10rem;
    font-size: 0.18rem;
}
.pro-list li:hover {
    background-color: #f5f5f5;
}
.pro-list li:hover .text .more a {
    background-color: #064089;
    color: #fff;
}

/*新闻*/
.m-news {
    padding-top: 0.2rem;
}
.m-news ul li {
    padding-bottom: 0.26rem;
    padding-top: 0.26rem;
    border: 1px solid #fff;
    border-bottom: 1px solid #e6e6e6;
}
.m-news ul li .img, .m-news ul li .img img {
    width: 100%;
}
.m-news ul li .con {
    width: 100%;
}
.m-news ul li .img, .m-news ul li .con {
    padding-right: 10px;
    padding-left: 10px;
}
.m-news ul li .con h3 a {
    padding-top: 0.1rem;
    display: inline-block;
    padding-bottom: 0.22rem;
}
.m-news ul li .con h3 a, .m-news ul li .con p {
    color: #555555;
}
.m-news ul li .con .con-f {
    padding-top: 0.48rem;
    color: #555555;
}
.m-news ul li .con .con-f .time {
    padding: 0.06rem 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 0.16rem;
}
.m-news ul li .con .con-f .source {
    border-radius: 30px;
    border: 1px solid #dddddd;
    padding: 0.06rem 0.17rem;
    display: inline-block;
}
.m-news ul li.wu-img .con {
    width: 100%;
}
.m-news ul li.wu-img .con h3 a {
    padding-bottom: 0.16rem;
    padding-top: 0;
}
.m-news ul li.wu-img .con .con-f {
    padding-top: 0.20rem;
}
.m-news ul li:hover {
    border: 1px solid #064089;
}
.m-news ul li:hover .con h3 a {
    color: #064089;
}
.pagination {
    margin: 0.5rem 0 0.1rem;
}
.pagination li a {
    margin: 0 0.05rem;
    border-color: #bbbbbb;
    color: #064089;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li.active > a {
    background-color: #064089;
    color: #fff;
    border-color: #064089;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    font-family: "宋体";
    font-weight: bold;
    border-radius: 0 !important;
    color: #c5c5c5;
    width: 37px;
}
.pagination > li:first-child > a:hover, .pagination > li:last-child > a:hover, .pagination > li.on > a {
    background-color: #fff;
    color: #064089;
    border-color: #064089;
}

.pagination {
    max-width: 800px;
    text-align: center;
    margin-bottom: 30px;
    display: inline-block;
}

.pagination a {
    cursor: pointer;
}

.pagination a,
.pagination span {
    width: 36px;
    height: 36px;
    border: 1px solid #EBEBEB;
    margin-left: -1px;
    color: #8a8a8a;
    display: inline-block;
    line-height: 36px;
    float: left;
    font-size: 16px;
    text-decoration: none;
    margin: 0 2px;
    border-radius: 6px;
}
.pagination a:hover,
.pagination span:hover {
    border-color: #064089;
    color: #064089;
    position: relative;
    z-index: 1;
}

.pagination span.current {
    background-color: #064089;
    color: #fff;
    border-color: #EBEBEB;
    position: relative;
    z-index: 1;
}

.pagination .pg-first,
.pagination .pg-prev,
.pagination .pg-next,
.pagination .pg-last {
    background: white url(../images/page_bg.jpg)  8px 7px no-repeat;
}

.pagination .pg-first:hover,
.pagination .pg-prev:hover,
.pagination .pg-next:hover,
.pagination .pg-last:hover {
    background: white url(../images/page_bg_hover.jpg)  8px 7px no-repeat;
}

.pagination .pg-first,
.pagination .pg-first:hover {
    background-position: 3px 4px;
}

.pagination .pg-prev,
.pagination .pg-prev:hover {
    background-position: 3px -24px;
}

.pagination .pg-next,
.pagination .pg-next:hover {
    background-position: -27px -24px;
}

.pagination .pg-last,
.pagination .pg-last:hover {
    background-position: -27px 3px;
}

.pagination .pg-prev[disabled='true'],
.pagination .pg-prev[disabled='true']:hover {
    cursor: default;
    background-image: url(../images/page_bg.jpg);
}

.pagination .pg-next[disabled='true'],
.pagination .pg-next[disabled='true']:hover {
    cursor: default;
    background-image: url(../images/page_bg.jpg);
}

.pagination .pg-prev[disabled='true'],
.pagination .pg-next[disabled='true'] {
    border-color: #eeeeee;
}

.pagination span.els {
    border-color: transparent;
}

.pagerHtmlWrap {
    width: 800px;
    margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
    width: 100%;
    height: 35px;
    padding: 5px 0;
    border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
    color: #454545;
    font-size: 14px;
    line-height: 35px;
    text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
    display: inline-block;
    width: 25%;
    text-align: left;
    margin: 0;
}

.m-newsd {
}
.m-newsd .title {
    padding: 0.18rem 0 0.32rem;
}
.m-newsd .title h3 {
    color: #064089;
    font-size: 0.28rem;
    padding-bottom: 0.18rem;
}
.m-newsd .title div.title {
    color: #555555;
}
.m-newsd .newsd-img {
    padding: 0.15rem 0;
}
.m-newsd p {
    line-height: 0.26rem;
}
.m-newsd .newsd-prev {
    border-top: 2px solid #dcdcdc;
    padding-top: 0.32rem;
    margin-top: 0.20rem;
    font-size: 0.18rem;
    text-align: center;
}
.m-newsd .newsd-prev .page {
    display: inline-block;
}
.m-newsd .newsd-prev .page div {
    padding-bottom: 0.18rem;
    text-align: left;
}
.m-newsd .newsd-prev a {
    color: #454545;
}
.m-newsd .newsd-prev a:hover {
    color: #064089;
}
.m-video {
    position: relative;
    margin-top: 0.90rem;
}
.video-swiper {
    margin: 0 0.48rem;
}
.video-swiper li {
    padding: 0.40rem 0;
}
.video-swiper li div.img {
    max-height: 2.90rem;
    position: relative;
}
.video-swiper li div.h4 {
    color: #333333;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0.16rem;
}
.video-swiper li div.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url("../images/video-button.png") no-repeat center center;
    cursor: pointer;
    opacity: 0;
}
.state, .welfare-swiper .t {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(6, 64, 137, 0.7);
    padding: 3px 0.2rem;
    z-index: 999;
}
.state .time {
    background: url("../images/video-time.png") no-repeat left center;
    background-size: 0.15rem;
    padding-left: 0.2rem;
}
.state .suo {
    background: url("../images/video-see.png") no-repeat left center;
    background-size: 0.2rem 0.13rem;
    padding-left: 0.25rem;
    margin-left: 0.2rem;
    display: none;
}
.video-swiper li:hover div.absolute {
    opacity: 1;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.m-video .video-prev {
    left: -0.11rem;
}
.m-video .video-next {
    right: -0.11rem;
}
#notice {
    background-color: #f5f5f5;
    position: relative;
}
#notice .n-title {
    font-weight: bold;
    font-size: 0.18rem;
    color: #064089;
    width: 110px;
    text-align: right;
}
#notice .notice-swiper, #notice .n-title {
    height: 50px;
    line-height: 50px;
}
#notice .notice-swiper {
    width: 60%;
    padding-left: 0.06rem;
}
#notice .notice-swiper li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#notice .notice-prev, #notice .notice-next {
    width: 0.11rem;
    height: 0.19rem;
    margin-top: -0.1rem;
    background-size: 0.11rem 0.19rem;
}
#notice .notice-prev {
    background-image: url("../images/notice-next.png");
    right: 0.4rem;
    left: auto;
}
#notice .notice-next {
    background-image: url("../images/notice-next.png");
    right: 0.1rem;
}
#notice .notice-next:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #b8b8b8;
    left: 0.2rem;
    top: 0;
}
#notice .notice-prev.swiper-button-disabled {
    background-image: url("../images/notice-perv.png");
}
#notice .notice-next.swiper-button-disabled {
    background-image: url("../images/notice-perv.png");
}
.news-list {
    margin-right: -0.3rem;
    margin-left: -0.3rem;
    padding-top: 0.9rem;
    padding-bottom: 1.50rem;
}
.news-list li {
    padding-left: 0.3rem;
    padding-right: 0.3rem;        /*padding-bottom: 2rem;*/
}
.news-list li h3 {
    padding: 0.3rem 0;
    color: #454545;
    font-size: 0.26rem;
}
.news-list li .img {
    max-height: 2.45rem;
}
.news-list li .more {
    padding-top: 0.2rem;
    display: inline-block;
    font-size: 0.15rem;
    color: #00307c;
}
.news-list li .more span {
    display: none;
}
.news-list li:nth-child(1) .more span:nth-child(1) {
    display: block;
}
.news-list li:nth-child(2) .more span:nth-child(2) {
    display: block;
}
.news-list li:nth-child(3) .more span:nth-child(3) {
    display: block;
}

/*联系我们*/
.map {
    position: relative;
    width: 100%;
    height: 458px;
    margin-bottom: 20px;
    background: url("../images/world-map.png") center center no-repeat;
}
.map .marker {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 43px;
    margin-left: -15px;
    margin-top: -26px;
    background: url("../images/map-marker.png") center center no-repeat;
}
.msg {
    position: relative;
    text-align: center;
}
.msg .msg-panel {
    position: relative;
    z-index: 99;
    padding: 0.5rem 1rem;
}
.msg .msg-panel .office {
    text-align: center;
}
.msg .msg-panel .office li {
    display: inline-block;
    float: left;
    width: 33.3333%;
    margin-bottom: 25px;
    font-size: 0.16rem;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
}
.msg .msg-panel .office li a {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent;
    color: #333333;
    text-decoration: none;
}
.msg .msg-panel .office li a.active {
    border-bottom-color: #064089;
    color: #064089;
}
.msg .msg-panel .office li:hover a {
    border-bottom-color: #064089;
    color: #064089;
}
.msg .msg-panel .contact-method {
    margin-top: 45px;
}
.msg .msg-panel .contact-method .header .title-icon {
    min-width: 87px;
    min-height: 87px;
    margin-bottom: 20px;
}
.msg .msg-panel .contact-method .header .office-name {
    text-align: center;
}
.msg .msg-panel .contact-method .header .office-name .divider {
    position: relative;
    display: inline-block;
    width: 63.63%;
    height: 0;
    border-top: 1px solid #064089;
}
.msg .msg-panel .contact-method .header .office-name .title {
    position: relative;
    width: 370px;
    top: -20px;
    margin: 0 auto 14px auto;
    color: #064089;
    background-color: #fff;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
}
.msg .msg-panel .contact-method .header address {
    margin-bottom: 46px;
    color: #343333;
    font-size: 0.16rem;
    line-height: 16px;
}
.msg .msg-panel .contact-method .content .icon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 0.3rem;
    border-radius: 50%;
    background-image: url("../images/g-icon.png");
}
.msg .msg-panel .contact-method .content .icon-2 {
    background-position: -274px 0;
}
.msg .msg-panel .contact-method .content .icon-3 {
    background-position: -548px 0;
}
.msg .msg-panel .contact-method .content .msg {
    color: #2f2f2f;
    font-size: 0.16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial;
}

/*社会公益*/
.m-welfare {
}
.m-welfare > div.h4, .m-culture > div.h4 {
    color: #064089;
    padding: 0.1rem 0 0.05rem;
}
.m-welfare ul li {
    margin-top: 0.3rem;
    border: 0.05rem solid #f5f5f5;
}
.m-welfare ul li .img, .m-welfare ul li .text {
    padding: 0;
}
.m-welfare ul li .img .welfare-swiper {
    margin: -0.05rem 0 -0.05rem -0.05rem;
    text-align: left;
}
.m-welfare ul li .img.col-sm-push-6 .welfare-swiper {
    margin: -0.05rem -0.05rem -0.05rem 0;
    text-align: right;
}
.welfare-swiper .swiper-button-white {
    background-size: 0.13rem 0.23rem;
    height: 0.50rem;
    width: 0.32rem;
    margin-top: -0.25rem;
    background-color: rgba(0, 0, 0, 0.5);
}
.welfare-swiper .t {
    padding-top: 7px;
    padding-bottom: 7px;
}
.welfare-swiper .welfare-prev {
    left: 0;
}
.welfare-swiper .welfare-next {
    right: 0;
}
.m-welfare ul li .text {
    padding: 0.2rem;
}
.m-welfare ul li .text h3 {
    position: relative;
    font-size: 0.26rem;
    padding-bottom: 0.2rem;
    margin-bottom: 0.14rem;
}
.m-welfare ul li .text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0.8rem;
    background-color: #064089;
}

/*企业文化*/
.m-party p {
    padding-top: 0.03rem;
}
.m-party .img {
    padding: 0.23rem 0 0.4rem;
}
.m-party table.table {
    margin-bottom: 0;
    margin: 0 auto;
    max-width: 844px;
}
.m-party table.table tbody:nth-child(1) tr th {
    background-color: #ce1a1a;
    text-align: center;
    color: #fff;
    font-size: 0.24rem;
    border: 1px solid #ce1a1a;
    padding: 0.13rem 0.12rem;
}
.m-party table.table tbody tr td {
    border: 1px solid #cccccc;
    font-size: 0.18rem;
    padding: 0.16rem 0.12rem;
}
.m-culture > div.h4 {
    text-indent: 0.36rem;
    line-height: 0.32rem;
    padding: 0.2rem 0 0.14rem;
}
#culture-tab {
    padding-top: 0.3rem;
}
#culture-tab .nav-tabs {
    border-bottom: 1px solid #fff;
    border-top: 2px solid #dfdfdf;
    background: url("../images/culture-tab-li-bg.png") repeat-x center top;
}
#culture-tab .nav-tabs li {
    padding: 7px 0.15rem 0;
    margin-bottom: 0;
}
#culture-tab .nav-tabs li a {
    border: none;
    border-radius: 0;
    margin-right: 0;
    padding: 0.11rem 0.39rem;
    background-color: transparent;
}
#culture-tab .nav-tabs li a:after {
    content: '';
    position: absolute;
    bottom: -0.12rem;
    left: 0;
    width: 100%;
    height: 0.12rem;
    background: url("../images/culture-tab-li-btn.png") no-repeat center center;
    background-size: 0.18rem 0.12rem;
    display: none;
}
#culture-tab .nav-tabs li + li {
    border-left: 1px solid #dfdfdf;
}
#culture-tab .nav-tabs li.active a {
    background-color: #064089;
    color: #fff;
}
#culture-tab .nav-tabs li.active a:after {
    display: block;
}
#culture-tab .tab-content {
}
.introduce {
    background: url("../images/introduce-bg.png") no-repeat center bottom #efefef;
    min-height: 334px;
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
    padding-bottom: 0.2rem;
    position: relative;
}
.introduce .title {
    padding: 0.4rem 0 0.22rem;
    font-size: 0.32rem;
    color: #454545;
}
.introduce .introduce-swiper {
    margin: 0 0.9rem;
}
.introduce .introduce-prev, .introduce .introduce-next {
    background-image: url("../images/introduce-prev.png");
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
}
.introduce .introduce-prev {
    left: 0.2rem;
}
.introduce .introduce-next {
    right: 0.2rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.enterprise {
    padding: 0.40rem 0 0;
}
.enterprise .clearfix {
    padding: 0.6rem 0.3rem;
    position: relative;
    border: 2px solid #c3c3c3;
    border-right: none;
}
.enterprise .clearfix:after, .enterprise .clearfix:before {
    content: '';
    position: absolute;
    width: 0.49rem;
    height: 0.49rem;
    background: url("../images/enterprise-bor.jpg") no-repeat center;
    z-index: 999;
    clear: both;
    display: block;
    zoom: 1;
    background-size: 0.49rem;
}
.enterprise01 .clearfix:after {
    left: -0.06rem;
    top: -0.05rem;
}
.enterprise01 .clearfix:before {
    left: -0.05rem;
    bottom: -0.06rem;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.enterprise02 .clearfix:after {
    right: -0.05rem;
    top: -0.06rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.enterprise02 .clearfix:before {
    right: -0.06rem;
    bottom: -0.05rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.enterprise02 {
    padding-top: 0;
    margin-top: -2px;
}
.enterprise02 .clearfix {
    border-left: none;
    border-right: 2px solid #c3c3c3;
}
.enterprise .img {
    width: 17%;
}
.enterprise .text {
    width: 83%;
}
.enterprise h2 {
    font-size: 0.34rem;
    background: url("../images/enterprise-logo.jpg") no-repeat center center;
    background-size: 3.55rem 0.76rem;
    height: 0.76rem;
    line-height: 0.76rem;
    margin-bottom: 0.4rem;
    color: #00307c;
}
.enterprise p, .introduce .introduce-swiper div p {
    color: #333333;
    line-height: 0.3rem;
    letter-spacing: 0.013rem;
}
.enterprise p {
    text-indent: 0.30rem;
}
.m-join {
}
.m-join .title {
    background-color: #f5f5f5;
    padding: 0.14rem 0.15rem;
    font-size: 0.2rem;
    margin-top: 0.32rem;
    margin-bottom: 0.2rem;
}
.m-join .title div {
    border-left: 2px solid #064089;
    padding-left: 0.15rem;
    line-height: 0.22rem;
}
.join-con {
    padding: 0 0.3rem 0.4rem;
}
.join-con p strong {
    color: #064089;
}
.join-recruit {
    margin: 0.24rem 0.7rem 0.58rem;
}
.recruit-title {
    background-color: #eaf3ff;
    font-size: 0.18rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-weight: bold;
}
.join-recruit .panel-group .panel {
    box-shadow: none;
    border: none;
}
.join-recruit .panel-group .panel + .panel {
    margin-top: 0;
}
.join-recruit .panel-group .panel-heading {
    padding: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}
.join-recruit .panel-group .panel-body {
    border-top: none !important;
    padding: 0.14rem 8.3%;
    border-bottom: 1px solid #e5e5e5;
    color: #666666;
}
.join-recruit .panel-group .panel-body, .join-recruit .panel-group .panel-body p {
    line-height: 0.34rem;
}
.join-recruit .panel-group .panel-body strong {
    color: #333333;
}
.join-recruit .panel-group .panel-heading a {
    display: block;
    padding: 0.14rem 0;
}
.join-recruit .panel-group .panel-heading a.collapsed {
    color: #333333;
}
.join-recruit .pagination {
    margin: 0.1rem 0 0;
}
.job-seeker {
    background-color: #f3f3f3;
    padding-bottom: 0.35rem;
}
.job-seeker h3 {
    padding: 37px 0 47px;
}
.job-seeker .row {
    margin: 0 10%;
}
.job-seeker ul li {
    margin-bottom: 0.25rem;
}
.job-seeker ul li .con {
    background-color: #fff;
    width: 2.18rem;
    min-height: 1.75rem;
    margin: 0 auto;
    padding: 0.15rem;
}
.job-seeker ul li .con .img {
    height: 0.80rem;
    margin-bottom: 0.05rem;
    background-position: center;
    background-repeat: no-repeat;
}
.job-seeker ul li .con .img01 {
    background-image: url("../images/seeker01.png");
    background-size: 0.23rem 0.31rem;
}
.job-seeker ul li .con .img02 {
    background-image: url("../images/seeker02.png");
    background-size: 0.23rem 0.30rem;
}
.job-seeker ul li .con .img03 {
    background-image: url("../images/seeker03.png");
    background-size: 0.31rem 0.24rem;
}
.job-seeker ul li .con p {
    line-height: 0.3rem;
}

/*首页*/
.animation_bg{
    background-color: #081345;
    object-fit: fill;
    position: fixed;
    z-index: -10;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.page-loader video{
    display: block;
}
.page-loader img{
    display: none;
}
.page-loader {
    position: fixed;
    top: 0;
    z-index: -9999;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all .5s;
    opacity: 0;
}
.page-loader .site-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*background-image: url("../images/page-loader-bg.jpg") !important;*/
}
body.page-loader {
    z-index: 9999;
}
body.has-preloader > * {
    transition: all .5s;
    opacity: 0;
    -webkit-transform: translate3d(0, 8%, 0) scale(0.9);
    transform: translate3d(0, 8%, 0) scale(0.9);
}
body.has-preloader > .page-loader {
    display: block;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.home-slide {
    overflow: hidden;
}
.home-banner {
    background-color: #064089;
    background-image: url("../images/h-banner01.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-about {
    background-color: #f3f3f3;
    background-image: url("../images/h-about.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-business {
    background-color: #ebebeb;
    background-image: url("../images/h-business.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-title {
    padding: 30px 0 20px;
}
.home-title h1 {
    color: #1552aa;
    font-size: 0.3rem;
    padding-bottom: 0.1rem;
}
.home-title h2 {
    color: #cccccc;
    text-transform: uppercase;
    font-family: Arial;
}
.home-business {
}
.home-business ul {
}
.home-business ul li a {
    display: block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.home-business ul li a .img {
    height: 150px;
    position: relative;
    overflow: hidden;
}
.home-business ul li a div.shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: url("../images/business01_.png") no-repeat center center rgba(0, 0, 0, 0.6);
    background-size: 0.5rem;
    margin-top: -150px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 9;
}
.home-business ul li a div.text {
    position: relative;
    height: 72px;
    z-index: 9;
    border-bottom: 1px solid #1552aa;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.home-business ul li a div.bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -72px;
    height: 72px;
    opacity: 1;
    background-color: #1552aa;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.home-business ul li a div.h4 {
    padding: 15px 0 8px;
}
.home-business ul li a p {
    font-size: 0.12rem;
    color: #666666;
    padding: 0px;
    line-height: 0.2rem;
    height: 0.3rem;
    overflow: hidden;
}
.home-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.home-slide {
    text-align: center;
}
.home-banner {
}
.home-banner .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.home-banner .svg-wrapper .text {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 3.6rem;
    height: 3.6rem;
    margin: -1.8rem 0 0 -1.8rem;
    border-radius: 50%;
}
.home-banner .svg-wrapper .text:before {
    content: "";
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    right: -0.2rem;
    bottom: -0.2rem;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.home-banner .svg-wrapper .text:after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: -0.4rem;
    right: -0.4rem;
    bottom: -0.4rem;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.mis-stage {
    text-align: center;
}
.mis-stage ul {}
.mis-stage li .img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 5px;
    overflow: hidden;
}
.mis-stage li .text {
    font-size: 0.18rem;
    padding-top: 0.15rem;
    position: relative !important;
    top: 0;
}
.mis-stage li.hove .text {
    font-size: 0.36rem;
    padding-top: 0.2rem;
    font-weight: bold;
}
.mis-stage li.hove .img {
    box-shadow: 0 0.05rem 0.1rem #c9c8c8;
    position: relative;
}
.mis-stage li.hove .img:after {
    content: '';
    position: absolute;
    left: 4%;
    top: 4%;
    z-index: 999;
    width: 92%;
    height: 92%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.6);
}
.mis-stage .mis-prev,
.mis-stage .mis-next {
    height: 0.66rem;
    width: 0.66rem;
    background-size: 0.66rem;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    cursor: pointer;
    z-index: 999;
}
.mis-stage .mis-prev {
    background-image: url("../images/mis-stage-prev.png");
    left: 0;
}
.mis-stage .mis-next {
    background-image: url("../images/mis-stage-next.png");
    left: 80px;
}
.mouse {
    position: absolute;
    bottom: 20px;
    left: 50%;
    /*margin-left: -11px;*/
    width: 22px;
    height: 39px;
    z-index: 999;
    cursor: pointer;
    -webkit-animation: opa_btm 1s infinite alternate linear;
    animation: opa_btm 1s infinite alternate linear;
}
.home-container {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.guanpei-body {
    padding: 0.2rem 10px 0.15rem;
}
.guanpei-body p {
    line-height: 0.34rem;
}
#business, #about {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto;
    right: 0;
    bottom: 0;
}
#tie {
    cursor: pointer;
}
#tie .text {
    position: absolute;
    top: 0;
    left: -100%;
    color: #fff;
    font-size: 0.16rem;
    width: 100%;
    opacity: 0;
    z-index: -999;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
}
#tie:hover .text {
    opacity: 1;
    z-index: 9;
    left: -130px;
}