﻿html, body
{
    height: 100%;
}
body
{
    line-height: 1.65;
    font-size: 15px;
    font-weight: lighter;
    font-family: 'microsoft yahei','PingFangSC-Regular','helvetica neue',tahoma,'PingFang SC',arial,'hiragino sans gb',sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #393e40;
}
@media(min-width: 768px)
{
    body
    {
        padding-top: 77px;
    }
}
@media(max-width: 768px)
{
    body
    {
        padding-top: 50px;
    }
}
a
{
    color: #393e40;
    text-decoration: none;
}
a:hover, a:focus
{
    color: #e60d16;
    text-decoration: none;
}
@font-face
{
    font-family: "iconfont";
    src: url('');
    src: url('') format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url('') format('woff'),url('') format('truetype'),url('') format('svg');
    font-display: swap;
}
.iconfont
{
    font-family: "iconfont"!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-baogao:before
{
    content: "";
}
.icon-baogao1:before
{
    content: "";
}
.icon-arrow-up:before
{
    content: "";
}
.icon-pdf:before
{
    content: "";
}
.icon-bofang:before
{
    content: "";
}
.icon-arrow-left:before
{
    content: "";
}
.icon-arrow-right:before
{
    content: "";
}
.icon-arrow:before
{
    content: "";
}
.icon-search:before
{
    content: "";
}
.icon-weixin:before
{
    content: "";
}
.icon-xiaochengxu:before
{
    content: "";
}
.icon-global:before
{
    content: "";
}
.icon-product1:before
{
    content: "";
}
.icon-product5:before
{
    content: "";
}
.icon-product6:before
{
    content: "";
}
.icon-product3:before
{
    content: "";
}
.icon-product2:before
{
    content: "";
}
.icon-product4:before
{
    content: "";
}
@font-face
{
    font-family: "chuangzhonghei";
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("woff"),url("") format("truetype"),url("") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face
{
    font-family: "chuangcuhei";
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("woff"),url("") format("truetype"),url("") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face
{
    font-family: "alibaba-puhuiti";
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("woff"),url("") format("truetype"),url("") format("svg");
    font-style: normal;
    font-weight: normal;
}
.red
{
    color: #e60d16;
}
.pc-br
{
    display: none;
}
@media(min-width: 768px)
{
    .pc-br
    {
        display: block;
    }
}
.chuangzhonghei
{
    font-family: "chuangzhonghei";
    font-style: italic;
}
.chuangcuhei
{
    font-family: "chuangcuhei";
    font-style: italic;
}
@media(min-width: 1200px)
{
    .container
    {
        width: 1280px!important;
    }
}
@media(min-width: 768px)
{
    .container-fluid
    {
        width: 750px;
    }
}
@media(min-width: 992px)
{
    .container-fluid
    {
        width: 970px;
    }
}
@media(min-width: 1200px)
{
    .container-fluid
    {
        width: 1280px;
    }
}
@media(min-width: 1680px)
{
    .container-fluid
    {
        width: 1600px;
    }
}
.page-banner
{
    position: relative;
    height: 430px;
    color: #fff;
}
.page-banner .video
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.page-banner .banner-image
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f5f7f7;
    z-index: 0;
}
.page-banner.page-banner-small
{
    height: 290px;
}
.page-banner .container
{
    position: relative;
    height: 100%;
    z-index: 2;
}
.page-banner .slogin
{
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 490px;
    transform: translateY(-50%);
}
@media(max-width: 768px)
{
    .page-banner .slogin
    {
        max-width: 100%;
        left: 15px;
        right: 15px;
    }
}
.page-banner .slogin.inverse
{
    color: #6c7174;
}
.page-banner h3
{
    font-size: 48px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400;
    line-height: 1.3;
    height: 42px;
}
@media(max-width: 768px)
{
    .page-banner h3
    {
        font-size: 32px;
        height: 34px;
    }
}
.page-banner .subtitle
{
    font-size: 18px;
    margin-top: 15px;
}
@media(max-width: 768px)
{
    .page-banner .subtitle
    {
        font-size: 15px;
    }
}
.page-banner .subtitle.chuangzhonghei
{
    margin-top: 0;
    font-size: 24px;
}
@media(max-width: 768px)
{
    .page-banner .subtitle.chuangzhonghei
    {
        font-size: 24px;
        line-height: 1.2;
    }
}
.page-banner-swiper, .page-banner-swiper .swiper-wrapper, .page-banner-swiper .swiper-slide
{
    height: 100%;
}
.breadcrumb-wrap
{
    background: #f5f7f7;
}
.breadcrumb-wrap.inverse
{
    background-color: #fff;
}
.breadcrumb-wrap .breadcrumb
{
    margin: 0;
    padding: 15px 0;
    background-color: transparent;
}
.page-tab
{
    background: #f5f7f7;
}
.page-tab.fixed
{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
}
.page-tab.inverse
{
    background-color: #fff;
}
.page-tab .page-tab-content
{
    overflow-x: auto;
    overflow-y: hidden;
}
.page-tab .page-tab-content ul
{
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.page-tab .page-tab-content ul li
{
    display: inline-block;
    font-size: 15px;
    margin-right: 40px;
}
.page-tab .page-tab-content ul li a
{
    position: relative;
    display: block;
    padding: 18px 0;
}
.page-tab .page-tab-content ul li:last-child
{
    margin-right: 0;
}
.page-tab .page-tab-content ul li.active a::before
{
    content: " ";
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e60d16;
}
.pagination-wrap
{
    text-align: center;
}
.thumbnail
{
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
}
.thumbnail:after
{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #e60d16;
    transition: .3s;
    opacity: 0;
}
.thumbnail i.img
{
    display: block;
    position: relative;
    padding-top: 45%;
    overflow: hidden;
}
.thumbnail i.img img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.thumbnail .caption
{
    padding: 35px;
    min-height: 200px;
    overflow: hidden;
}
@media(max-width: 768px)
{
    .thumbnail .caption
    {
        min-height: 1px;
    }
}
.thumbnail .caption h3
{
    font-weight: lighter;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.thumbnail .caption .descript
{
    color: #6c7174;
}
.thumbnail:hover, .thumbnail:focus, .thumbnail.active
{
    transition: .3s;
    box-shadow: 0 15px 15px -10px rgba(0,0,0,.2);
}
.thumbnail:hover h3, .thumbnail:focus h3, .thumbnail.active h3
{
    color: #e60d16;
}
.thumbnail:hover:after, .thumbnail:focus:after, .thumbnail.active:after
{
    opacity: 1;
}
.thumbnail.no-padding .caption
{
    padding: 20px 0;
    min-height: 150px;
}
.thumbnail.no-padding:hover, .thumbnail.no-padding:focus, .thumbnail.no-padding.active
{
    box-shadow: 0 15px 15px -12px rgba(0,0,0,.2);
}
.thumbnail.no-bg
{
    background-color: transparent;
}
.thumbnail.no-bg:hover, .thumbnail.no-bg:focus, .thumbnail.no-bg.active
{
    box-shadow: 0 10px 10px -13px rgba(0,0,0,.2);
}
.thumbnail-mask
{
    display: block;
    position: relative;
    overflow: hidden;
}
.thumbnail-mask .caption
{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    text-align: center;
    font-size: 22px;
    padding: 15px;
    color: #fff;
}
.thumbnail-mask::after, .thumbnail-mask::before
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
@media(max-width: 768px)
{
    .thumbnail-mask::after, .thumbnail-mask::before
    {
        top: 50%;
    }
}
.thumbnail-mask::before
{
    background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    transition: .3s;
    z-index: 1;
}
.thumbnail-mask::after
{
    transition: .3s;
    background: linear-gradient(to top,#e62129,rgba(230,33,41,0));
    opacity: 0;
    z-index: 0;
}
.thumbnail-mask:hover::before
{
    opacity: 0;
}
.thumbnail-mask:hover::after
{
    opacity: 1;
}
.lists
{
    list-style: none;
    padding: 30px 0 0;
    margin-bottom: 0;
}
.lists li
{
    border-bottom: 1px #eee solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.lists li span
{
    font-size: 12px;
    color: #919797;
}
.lists li h3
{
    margin-top: 0;
    font-size: 18px;
}
.lists li p
{
    color: #919797;
}
.lists .image
{
    position: relative;
    width: 300px;
    height: 180px;
    overflow: hidden;
    text-align: center;
    float: left;
}
@media(max-width: 768px)
{
    .lists .image
    {
        width: auto;
        height: auto;
    }
}
.lists .image img
{
    height: 100%;
}
@media(max-width: 768px)
{
    .lists .image img
    {
        width: 100%;
        height: auto;
    }
}
.lists .info
{
    position: relative;
    float: left;
    width: 780px;
    margin-left: 30px;
    padding-top: 15px;
}
@media(max-width: 768px)
{
    .lists .info
    {
        width: auto;
        margin-left: 0;
    }
}
.lists .info h3
{
    margin-bottom: 15px;
}
.btn-lg
{
    border-radius: 3px;
    line-height: 1.5;
    padding: 8px 26px;
}
.btn-outline-inverse
{
    font-size: 16px;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    transition: .3s;
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active
{
    color: #6c7174;
    text-shadow: none;
    background-color: #fff;
    border-color: #fff;
}
.btn-outline
{
    font-size: 16px;
    color: #6c7174;
    background-color: transparent;
    border-color: #6c7174;
    transition: .3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active
{
    color: #fff;
    text-shadow: none;
    background-color: #e60d16;
    border-color: #e60d16;
}
.btn-more
{
    color: #e60d16;
    font-size: 16px;
    transition: .3s;
    padding: 5px 0;
}
.btn-more:hover, .btn-more:focus, .btn-more:active
{
    color: #e60d16;
    text-shadow: none;
    border-bottom: 1px #e60d16 solid;
}
.btn-more.gray
{
    color: #6c7174;
}
.btn-submit
{
    color: #fff;
    background-color: #e60d16;
    border-color: #e60d16;
    min-width: 170px;
    margin-top: 15px;
}
.btn-submit:hover
{
    color: #fff;
    background-color: #b60a11;
    border-color: #b60a11;
}
.btn-play
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    text-align: center;
    color: rgba(255,255,255,.6);
    transition: .3s;
    cursor: pointer;
}
.btn-play:hover
{
    color: #fff;
}
.btn-play i
{
    font-size: 64px;
}
.swiper-button-next, .swiper-button-prev
{
    outline: none;
    color: #6c7174;
}
.swiper-button-next.inverse, .swiper-button-prev.inverse
{
    color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after
{
    opacity: .5;
    font-family: "iconfont";
}
.swiper-button-next:after
{
    content: "";
}
.swiper-button-prev:after
{
    content: "";
}
.swiper-pagination
{
    width: 100%;
    bottom: 20px;
}
.swiper-pagination-bullet
{
    border-radius: 0;
    width: 30px;
    height: 5px;
    transform: skewX(-30deg);
    margin: 0 3px;
    background-color: #ccc;
}
.swiper-pagination-bullet-active
{
    background: #c00;
}
.column-title
{
    margin-bottom: 40px;
}
.column-title.text-center:after
{
    margin-left: auto;
    margin-right: auto;
}
.column-title:after
{
    content: " ";
    overflow: hidden;
    height: 4px;
    width: 90px;
    background-color: #e60d16;
    display: block;
    transform: skewX(-30deg);
    margin-top: 15px;
}
.column-title.no-line:after
{
    display: none;
}
.column-title h3
{
    font-size: 42px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    height: 45px;
}
@media(max-width: 768px)
{
    .column-title h3
    {
        font-size: 24px;
        height: 30px;
    }
}
.column-title h3 small
{
    display: block;
    font-size: 22px;
    color: #e60d16;
    margin-bottom: 8px;
}
@media(max-width: 768px)
{
    .column-title h3 small
    {
        font-size: 18px;
    }
}
.column-title .descript
{
    font-size: 22px;
    line-height: 26px;
    color: #6c7174;
    padding-bottom: 15px;
}
@media(max-width: 768px)
{
    .column-title .descript
    {
        font-size: 18px;
    }
}
.timeline
{
    width: 580px;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;
}
@media(max-width: 768px)
{
    .timeline
    {
        width: auto;
    }
}
.timeline:before
{
    content: " ";
    position: absolute;
    left: 58px;
    right: 58px;
    bottom: 3px;
    background-color: #e6e6e6;
    height: 1px;
    overflow: hidden;
}
.timeline .year
{
    position: relative;
    text-align: center;
    font-size: 18px;
    padding-bottom: 8px;
    cursor: pointer;
}
.timeline .year:before
{
    content: " ";
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #e6e6e6;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    transform: translateX(-50%);
}
.timeline .swiper-slide-thumb-active
{
    color: #e60d16;
}
.timeline .swiper-slide-thumb-active:before
{
    background-color: #e60d16;
}
.timeline .timeline-prev:after, .timeline .timeline-next:after
{
    font-size: 24px;
}
.timeline .timeline-prev
{
    left: 0;
}
.timeline .timeline-next
{
    right: 0;
}
.list-meta
{
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding-left: 10px;
    color: #919797;
}
.list-meta span
{
    padding: 0 5px;
    border-right: 1px #d3d5d5 solid;
}
.list-meta span:last-of-type
{
    border-right: 0;
}
.list-meta:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #e60d16;
    height: 12px;
    width: 5px;
    margin-right: 8px;
    transform: skewX(-15deg) translateY(-50%);
}
.section
{
    position: relative;
    padding: 100px 0 0;
}
@media(max-width: 768px)
{
    .section
    {
        padding: 60px 0 0;
    }
}
.section .section_position
{
    position: absolute;
    top: -137px;
}
.section.gray
{
    background-color: #f5f7f7;
}
.media-news-block .more
{
    position: relative;
    text-align: right;
    z-index: 2;
    padding: 15px;
}
.media-news-block .content
{
    position: relative;
    min-height: 960px;
}
@media(max-width: 768px)
{
    .media-news-block .content
    {
        min-height: 880px;
    }
}
.media-news-block .top-news-background
{
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.media-news-block .top-news-background:before, .media-news-block .top-news-background:after
{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
}
.media-news-block .top-news-background:before
{
    top: 0;
    bottom: 50%;
    background: linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,0));
}
.media-news-block .top-news-background:after
{
    top: 50%;
    bottom: 0;
    background: linear-gradient(to top,#f5f7f7,#f5f7f7 80%,rgba(245,247,247,0) 100%);
}
.media-news-block .top-news-info
{
    position: relative;
    padding: 120px 0 100px;
    z-index: 1;
    width: 50%;
    color: #fff;
}
@media(max-width: 768px)
{
    .media-news-block .top-news-info
    {
        width: 100%;
        padding: 60px 0 60px;
    }
}
.media-news-block .top-news-info .list-meta
{
    color: #fff;
}
.media-news-block .top-news-info .title
{
    font-weight: lighter;
    font-size: 36px;
}
.media-news-block .top-news-info .descript
{
    margin-top: 25px;
    margin-bottom: 35px;
}
.media-news-block .news-lists
{
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
@media(max-width: 1360px)
{
    .media-news-block .news-lists .swiper-button-next, .media-news-block .news-lists .swiper-button-prev
    {
        display: none;
    }
}
.media-news-block .news-lists .swiper-button-prev
{
    left: -30px;
}
.media-news-block .news-lists .swiper-button-next
{
    right: -30px;
}
.firstlink-entry-block .item
{
    position: relative;
}
@media(max-width: 768px)
{
    .firstlink-entry-block .item
    {
        margin-bottom: 15px;
    }
}
.firstlink-entry-block .item .iconfont
{
    font-size: 22px;
}
.firstlink-entry-block .item a
{
    color: #fff;
}
.firstlink-entry-block .item .info
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.firstlink-entry-block .item .info h3
{
    margin-bottom: 0;
    font-size: 36px;
}
@media(max-width: 768px)
{
    .firstlink-entry-block .item .info h3
    {
        font-size: 32px;
    }
}
.firstlink-entry-block .full-content
{
    position: relative;
}
.firstlink-entry-block .full-content .info
{
    position: absolute;
    left: 80px;
    top: 35%;
    color: #fff;
}
@media(max-width: 768px)
{
    .firstlink-entry-block .full-content .info
    {
        left: 15px;
        right: 15px;
        top: 15px;
        color: #6c7174;
    }
}
@media(max-width: 768px)
{
    .firstlink-entry-block .full-content .info .btn-outline-inverse
    {
        color: #6c7174;
        border-color: #6c7174;
    }
}
.firstlink-entry-block .full-content .info h2
{
    font-size: 42px;
}
@media(max-width: 768px)
{
    .firstlink-entry-block .full-content .info h2
    {
        font-size: 32px;
    }
}
.p100
{
    padding-bottom: 100px;
}
@media(max-width: 768px)
{
    .p100
    {
        padding-bottom: 60px;
    }
}
.pt0
{
    padding-top: 0;
}
#video_box_model
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,.8);
    display: none;
}
#video_box_model .videos
{
    border: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    width: 640px;
    height: 360px;
}
#video_box_model .vclose
{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 32px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
}
.text-justify
{
    text-align: justify;
    word-break: break-all;
    text-justify: distribute;
}
.video-load-poster
{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 2;
}
.webkit-scrollbar::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
}
.webkit-scrollbar::-webkit-scrollbar-thumb
{
    cursor: pointer;
    background: #e60d16;
}
.webkit-scrollbar::-webkit-scrollbar-track
{
    background: #ededed;
}
.header
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    padding: 15px 0;
    z-index: 999;
    width: 100%;
    transition: .5s;
}
@media(max-width: 768px)
{
    .header
    {
        padding: 10px 0;
    }
}
.header .navbar-toggle
{
    margin-top: 3px;
    margin-bottom: 0;
    padding: 5px;
}
.header .navbar-toggle .icon-bar
{
    background-color: #919797;
}
.header .navbar-sunwoda
{
    min-height: initial;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}
.header .navbar-sunwoda .navbar-brand
{
    float: left;
    height: auto;
    padding: 0;
}
@media(max-width: 768px)
{
    .header .navbar-sunwoda .navbar-brand
    {
        padding-left: 15px;
    }
}
@media(max-width: 768px)
{
    .header .navbar-sunwoda .navbar-brand img
    {
        width: 100px;
    }
}
.header .navbar-sunwoda .navbar-brand img.normal
{
    display: block;
}
.header .navbar-sunwoda .navbar-brand img.white
{
    display: none;
}
.header .navbar-sunwoda .navbar-brand .logo, .header .navbar-sunwoda .navbar-brand .stock
{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.header .navbar-sunwoda .navbar-brand .logo
{
    padding-right: 15px;
    margin-right: 10px;
    border-right: 1px #d3d5d5 solid;
}
@media(max-width: 768px)
{
    .header .navbar-sunwoda .navbar-brand .logo
    {
        padding-right: 10px;
        margin-right: 5px;
    }
}
.header .navbar-sunwoda .navbar-brand .stock
{
    font-size: 14px;
}
@media(max-width: 768px)
{
    .header .navbar-sunwoda .navbar-brand .stock
    {
        font-size: 12px;
        line-height: 1.25;
    }
}
@media(max-width: 768px)
{
    .header .navbar-sunwoda .navbar-nav
    {
        margin: 15px -15px;
    }
    .header .navbar-sunwoda .navbar-nav:first-of-type
    {
        border-bottom: 1px #edeeee solid;
    }
}
.header .navbar-sunwoda .navbar-nav:first-of-type>li>a
{
    line-height: 1.7em;
    font-size: 16px;
}
.header .navbar-sunwoda .navbar-nav>li
{
    position: relative;
}
.header .navbar-sunwoda .navbar-nav>li>a
{
    color: #fff;
    padding: 10px;
    transition: .3s;
}
.header .navbar-sunwoda .navbar-nav>li>a:hover, .header .navbar-sunwoda .navbar-nav>li>a:focus
{
    opacity: .5;
    background-color: transparent!important;
}
.header .navbar-sunwoda .navbar-nav>.active>a, .header .navbar-sunwoda .navbar-nav>.active>a:hover, .header .navbar-sunwoda .navbar-nav>.active>a:focus
{
    color: #fff;
    background-color: transparent!important;
}
@media(min-width: 768px)
{
    .header .navbar-sunwoda .navbar-nav.lang
    {
        margin-left: 15px;
    }
    .header .navbar-sunwoda .navbar-nav.lang a
    {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }
    .header .navbar-sunwoda .navbar-nav.lang a::before
    {
        content: " ";
        position: absolute;
        height: 16px;
        left: 0;
        top: 50%;
        margin-top: -8px;
        width: 1px;
        overflow: hidden;
        font-size: 0;
        background-color: rgba(255,255,255,.2);
    }
}
.header .navbar-sunwoda .navbar-nav .sub-menu-ul
{
    position: absolute;
    left: 0;
    list-style: none;
    padding: 0 15px;
    display: none;
}
.header .navbar-sunwoda .navbar-nav .sub-menu-ul.sub-menu-ul_show
{
    animation: a_menu_item_show .2s ease-out both;
}
.header .navbar-sunwoda .navbar-nav .sub-menu-ul.sub-menu-ul_hide
{
    animation: a_menu_item_hide .15s ease-out both;
    pointer-events: none;
}
@keyframes a_menu_item_show
{
    0%
    {
        -webkit-transform: translate(0,-30px);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes a_menu_item_hide
{
    0%
    {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(0,-30px);
        opacity: 0;
    }
}
.header .navbar-sunwoda .navbar-nav .sub-menu-ul.open
{
    opacity: 1;
}
.header .navbar-sunwoda .navbar-nav .sub-menu-ul>li
{
    font-style: normal;
    line-height: 1;
    padding: 10px 0;
    width: 300%;
}
.header.header_hover_show, .header.header_white
{
    background-color: #fff;
}
.header.header_hover_show .navbar-sunwoda, .header.header_white .navbar-sunwoda
{
    z-index: 999;
}
.header.header_hover_show .navbar-sunwoda .navbar-brand img.normal, .header.header_white .navbar-sunwoda .navbar-brand img.normal
{
    display: none!important;
}
.header.header_hover_show .navbar-sunwoda .navbar-brand img.white, .header.header_white .navbar-sunwoda .navbar-brand img.white
{
    display: block!important;
}
.header.header_hover_show .navbar-sunwoda .navbar-brand .logo, .header.header_white .navbar-sunwoda .navbar-brand .logo, .header.header_hover_show .navbar-sunwoda .navbar-brand .stock, .header.header_white .navbar-sunwoda .navbar-brand .stock
{
    display: inline-block;
    vertical-align: middle;
    color: #6c7174;
}
.header.header_hover_show .navbar-sunwoda .navbar-nav>li>a, .header.header_white .navbar-sunwoda .navbar-nav>li>a
{
    color: #393e40;
}
.header.header_hover_show .navbar-sunwoda .navbar-nav>li>a:hover, .header.header_white .navbar-sunwoda .navbar-nav>li>a:hover, .header.header_hover_show .navbar-sunwoda .navbar-nav>li>a:focus, .header.header_white .navbar-sunwoda .navbar-nav>li>a:focus
{
    opacity: 1;
    color: #e60d16;
}
.header.header_hover_show .navbar-sunwoda .navbar-nav>.active>a, .header.header_white .navbar-sunwoda .navbar-nav>.active>a, .header.header_hover_show .navbar-sunwoda .navbar-nav>.active>a:hover, .header.header_white .navbar-sunwoda .navbar-nav>.active>a:hover, .header.header_hover_show .navbar-sunwoda .navbar-nav>.active>a:focus, .header.header_white .navbar-sunwoda .navbar-nav>.active>a:focus
{
    color: #e60d16;
}
@media(min-width: 768px)
{
    .header.header_hover_show .navbar-sunwoda .navbar-nav.lang a::before, .header.header_white .navbar-sunwoda .navbar-nav.lang a::before
    {
        background-color: rgba(0,0,0,.2);
    }
}
@media(max-width: 768px)
{
    .header.header_hover_show .navbar-sunwoda .navbar-nav.lang li, .header.header_white .navbar-sunwoda .navbar-nav.lang li
    {
        float: left;
        width: 50%;
    }
    .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile, .header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile
    {
        position: relative;
        padding-top: 3px;
    }
    .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-field, .header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-field
    {
        width: 100%;
    }
    .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-clear, .header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-clear
    {
        position: absolute;
        top: 50%;
        right: 0;
        border: none;
        background: none;
        transform: translateY(-50%);
    }
}
.header.header_hover_show .header_hover_bg
{
    display: block!important;
    width: 100%;
    height: 350px;
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    animation: a_bg_hover_show .2s ease-out both;
    transform-origin: 50% 0%;
}
.header.header_hover_hide
{
    pointer-events: none;
}
.header.header_hover_hide .header_hover_bg
{
    animation: a_bg_hover_hide .15s ease-out both;
    transform-origin: 50% 0%;
}
@keyframes a_bg_hover_show
{
    0%
    {
        -webkit-transform: scale(1,.5);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
}
@keyframes a_bg_hover_hide
{
    0%
    {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1,.5);
        opacity: 0;
    }
}
.header .main-navigation>li>a
{
    font-family: 'chuangcuhei';
    line-height: 1.25;
    font-style: italic;
}
@media(min-width: 1280px)
{
    .header-form
    {
        position: fixed;
        left: 0;
        top: -90px;
        width: 100%;
        height: 85px;
        background: #fff;
        z-index: 999;
        transition: .3s;
    }
    .header-form.open
    {
        top: 0;
        z-index: 9999;
    }
    .header-form .container
    {
        position: relative;
    }
    .header-form .header-field
    {
        display: block;
        width: 100%;
        padding: 0 15px 0;
        border: 0;
        height: 85px;
    }
    .header-form .header-clear
    {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: none;
        color: #555;
        border: none;
    }
}
.footer
{
    overflow: hidden;
}
.footer .footer-navbar
{
    padding-top: 80px;
    padding-bottom: 100px;
}
@media(max-width: 768px)
{
    .footer .footer-navbar
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.footer .footer-navbar dt
{
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}
@media(max-width: 768px)
{
    .footer .footer-navbar dt
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .footer .footer-navbar dt.open .icon
    {
        transform: rotate(180deg);
    }
    .footer .footer-navbar dt .icon
    {
        color: #919797;
    }
    .footer .footer-navbar dt .icon .iconfont
    {
        display: block;
        font-size: 12px;
        margin-top: 1px;
    }
}
.footer .footer-navbar dt:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #e60d16;
    height: 18px;
    width: 5px;
    margin-right: 8px;
    transform: skewX(-15deg) translateY(-50%);
}
.footer .footer-navbar dd
{
    padding-left: 15px;
    height: 100%;
}
@media(max-width: 768px)
{
    .footer .footer-navbar dd
    {
        height: 0;
        overflow: hidden;
        transition: .3s;
    }
    .footer .footer-navbar dd.open
    {
        height: 150px;
        padding-left: 30px;
    }
}
.footer .footer-navbar dd a
{
    display: block;
    line-height: 30px;
}
.footer .footer-bottom
{
    background-color: #f5f7f7;
}
.footer .footer-bottom .friend-links, .footer .footer-bottom .follow, .footer .footer-bottom .stock, .footer .footer-bottom .logo
{
    display: inline-block;
    vertical-align: middle;
}
.footer .footer-bottom .logo
{
    padding-right: 15px;
    margin-right: 10px;
    border-right: 1px #d3d5d5 solid;
}
@media(max-width: 768px)
{
    .footer .footer-bottom .logo
    {
        padding-right: 10px;
        margin-right: 5px;
    }
}
@media(max-width: 768px)
{
    .footer .footer-bottom .logo img
    {
        width: 100px;
    }
}
.footer .footer-bottom .stock
{
    line-height: 1.25;
}
@media(max-width: 768px)
{
    .footer .footer-bottom .stock
    {
        font-size: 12px;
    }
}
.footer .footer-bottom .friend-links
{
    margin-right: 15px;
}
.footer .footer-bottom .friend-links .btn-default
{
    color: #333;
    background-color: transparent;
    border-color: #ccc;
}
.footer .footer-bottom .follow span
{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}
.footer .footer-bottom .follow span.iconfont
{
    position: relative;
    font-size: 32px;
    margin-left: 8px;
    color: #919797;
    transition: .3s;
    cursor: pointer;
}
.footer .footer-bottom .follow span.iconfont img
{
    position: absolute;
    right: 0;
    top: -120px;
    display: none;
    width: 100px;
    height: 100px;
}
.footer .footer-bottom .follow span.iconfont:hover
{
    color: #6c7174;
}
.footer .footer-bottom .follow span.iconfont:hover img
{
    display: block;
}
.footer .footer-bottom .footer-content
{
    padding: 30px 0 30px;
}
@media(max-width: 768px)
{
    .footer .footer-bottom .footer-content
    {
        padding: 30px 0 15px;
    }
}
@media(max-width: 768px)
{
    .footer .footer-bottom .footer-content .pull-left, .footer .footer-bottom .footer-content .pull-right
    {
        float: none!important;
        margin-bottom: 15px;
    }
}
@media(max-width: 768px)
{
    .footer .footer-bottom .footer-content .pull-left
    {
        margin-bottom: 30px;
    }
}
@media(min-width: 768px)
{
    .footer .footer-bottom .container
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.footer .footer-bottom .copyright
{
    font-size: 14px;
    border-top: 1px #e3e5e5 solid;
    padding: 15px 0;
}
@media(max-width: 768px)
{
    .footer .footer-bottom .copyright
    {
        font-size: 12px;
    }
    .footer .footer-bottom .copyright span
    {
        display: block;
    }
}
.footer .footer-bottom .copyright .footer-links a
{
    margin-left: 10px;
}
@media(max-width: 768px)
{
    .footer .footer-bottom .copyright .footer-links a
    {
        margin-left: 0;
        margin-right: 10px;
    }
}
@media(max-width: 768px)
{
    .footer .footer-bottom .copyright .pull-left, .footer .footer-bottom .copyright .pull-right
    {
        float: none!important;
    }
}
#lists .section
{
    padding-top: 50px;
}
@media(max-width: 768px)
{
    #lists .section
    {
        padding-top: 30px;
    }
}
#details .section .container
{
    font-size: 16px;
}
@media(min-width: 1200px)
{
    #details .section .container
    {
        width: 830px!important;
    }
}
#details .page-header h1
{
    margin-bottom: 30px;
}
#details .page-header .meta
{
    color: #919797;
}
#details .page-content
{
    text-align: justify;
}
#details .page-content p
{
    margin-bottom: 2em;
}
#details .page-content blockquote
{
    color: #6c7174;
    padding: 0 20px;
    margin: -5px 0 20px;
    font-size: 14px;
    border-left: 0;
}
#details .image-box
{
    text-align: center;
    margin: 30px auto!important;
}
#details .image-box img
{
    display: block!important;
    max-width: 100%!important;
    margin-bottom: 10px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
#details .image-box span
{
    color: #6c7174;
    font-size: 14px;
}
#details .lists .info
{
    width: 470px;
}
#home
{
    padding-top: 0;
}
@media(min-width: 768px)
{
    #home
    {
        padding-top: 0;
    }
}
#home .banner
{
    height: 100%;
    width: 100%;
    min-height: 720px;
    background-color: #000;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #fff;
    display: block;
}
@media(max-width: 768px)
{
    #home .banner
    {
        min-height: initial;
    }
}
#home .banner .video
{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    z-index: 1;
}
@media(max-width: 768px)
{
    #home .banner .video
    {
        height: 640px;
    }
}
#home .banner .banner-layout, #home .banner .banner-slogn-wrap
{
    height: 100%;
    width: 100%;
}
#home .banner .slogin
{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
#home .banner .slogin-scroll
{
    padding: 0 30%;
}
@media(max-width: 768px)
{
    #home .banner .slogin-scroll
    {
        padding: 0;
    }
}
#home .banner .slogin-scroll .text
{
    font-size: 100px;
    line-height: 1.25;
}
@media(max-width: 768px)
{
    #home .banner .slogin-scroll .text
    {
        font-size: 66px;
    }
}
#home .banner .swiper-banner
{
    height: 100px;
}
#home .banner .swiper-slide
{
    height: 100px;
}
#home .banner .swiper-slide .text
{
    transition-duration: .3s;
    opacity: 0;
}
#home .banner .swiper-slide-duplicate-active .text, #home .banner .swiper-slide-active .text
{
    transform: translateX(0);
    opacity: 1;
}
#home .banner .slogin-fixed
{
    font-size: 36px;
    line-height: .5;
}
@media(max-width: 768px)
{
    #home .banner .slogin-fixed
    {
        font-size: 24px;
        margin-top: 0;
    }
}
#home .banner .swiper-button-next, #home .banner .swiper-button-prev
{
    outline: none;
    color: #fff;
}
#home .banner .swiper-button-next:after, #home .banner .swiper-button-prev:after
{
    font-size: 36px;
}
#home .banner .swiper-button-prev
{
    left: 20px;
}
@media(max-width: 768px)
{
    #home .banner .swiper-button-prev
    {
        left: 5px;
    }
}
#home .banner .swiper-button-next
{
    right: 20px;
}
@media(max-width: 768px)
{
    #home .banner .swiper-button-next
    {
        right: 5px;
    }
}
#home .profile
{
    background: url(/png/zxvb2k2g.png) no-repeat center center #f5f7f7;
}
#home .profile .content
{
    margin: 0 auto;
    margin-top: 60px;
    width: 100%;
    max-width: 960px;
    position: relative;
    text-align: center;
}
#home .profile .content .swiper-slide
{
    box-sizing: border-box;
    padding: 10px 8px;
    background: url(/png/h8szihsl.png) no-repeat center -8px;
}
#home .profile .content .swiper-slide .sub-title
{
    font-size: 14px;
    line-height: 1.25;
}
#home .profile .content .swiper-slide p
{
    font-family: 'alibaba-puhuiti';
    font-weight: bold;
    font-stretch: normal;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 15px;
    color: #e60d16;
}
@media(max-width: 768px)
{
    #home .profile .content .swiper-slide p
    {
        font-size: 20px;
        line-height: 18px;
    }
}
#home .profile .content .swiper-button-next:after, #home .profile .content .swiper-button-prev:after
{
    font-size: 24px;
}
#home .profile .content .swiper-button-prev
{
    left: -50px;
}
@media(max-width: 768px)
{
    #home .profile .content .swiper-button-prev
    {
        left: 0;
    }
}
#home .profile .content .swiper-button-next
{
    right: -50px;
}
@media(max-width: 768px)
{
    #home .profile .content .swiper-button-next
    {
        right: 0;
    }
}
#home .business .row
{
    margin-left: -1px;
    margin-right: -1px;
}
#home .business .item
{
    padding: 1px;
}
#home .business .item::after, #home .business .item::before
{
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
#home .media-news .content
{
    position: relative;
    min-height: 960px;
}
@media(max-width: 768px)
{
    #home .media-news .content
    {
        min-height: 880px;
    }
}
#home .media-news .top-news-background
{
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#home .media-news .top-news-background:before, #home .media-news .top-news-background:after
{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
}
#home .media-news .top-news-background:before
{
    top: 0;
    bottom: 50%;
    background: linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,0));
}
#home .media-news .top-news-background:after
{
    top: 50%;
    bottom: 0;
    background: linear-gradient(to top,#f5f7f7,#f5f7f7 80%,rgba(245,247,247,0) 100%);
}
#home .media-news .top-news-info
{
    position: relative;
    padding: 120px 0 100px;
    z-index: 1;
    width: 50%;
    color: #fff;
}
@media(max-width: 768px)
{
    #home .media-news .top-news-info
    {
        width: 100%;
        padding: 60px 0 60px;
    }
}
#home .media-news .top-news-info .list-meta
{
    color: #fff;
}
#home .media-news .top-news-info .title
{
    font-weight: lighter;
    font-size: 36px;
}
#home .media-news .top-news-info .descript
{
    margin-top: 25px;
    margin-bottom: 35px;
}
#home .media-news .news-lists
{
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
@media(max-width: 1360px)
{
    #home .media-news .news-lists .swiper-button-next, #home .media-news .news-lists .swiper-button-prev
    {
        display: none;
    }
}
#home .media-news .news-lists .swiper-button-prev
{
    left: -30px;
}
#home .media-news .news-lists .swiper-button-next
{
    right: -30px;
}
#home .culture .content
{
    padding-top: 50px;
}
@media(max-width: 768px)
{
    #home .culture .content
    {
        padding-top: 20px;
    }
}
#home .culture .text-content
{
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.25;
    color: #6c7174;
}
#home .hr
{
    overflow: hidden;
}
#home .hr .image-box
{
    position: relative;
    overflow: hidden;
    height: 570px;
}
@media(max-width: 768px)
{
    #home .hr .image-box
    {
        height: 280px;
    }
}
#home .hr .image-box img
{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#home .hr .content
{
    height: 570px;
    background-color: #f5f7f7;
}
@media(max-width: 768px)
{
    #home .hr .content
    {
        height: auto;
    }
}
#home .hr .content .content-inner
{
    width: 610px;
    padding: 160px 80px 0;
}
@media(max-width: 768px)
{
    #home .hr .content .content-inner
    {
        width: 100%;
        padding: 30px 15px 60px;
    }
}
#home .hr .text-content
{
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.25;
    color: #6c7174;
}
#about .profile .content
{
    width: 750px;
    margin: 0 auto;
    color: #6c7174;
}
#about .profile .content p
{
    margin-bottom: 2em;
}
@media(max-width: 768px)
{
    #about .profile .content
    {
        width: auto;
    }
}
#about .video-wrap
{
    display: block;
    height: 800px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
@media(max-width: 768px)
{
    #about .video-wrap
    {
        height: 370px;
    }
}
#about .video-wrap .video
{
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    opacity: .5;
}
@media(max-width: 768px)
{
    #about .video-wrap .video
    {
        width: 960px;
        height: 480px;
    }
}
#about .history .history-content
{
    position: relative;
}
#about .history .history-content .mountain
{
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 20%;
    margin-left: -170px;
}
#about .history .history-content .item
{
    position: relative;
    width: 800px;
    padding-top: 170px;
}
@media(max-width: 768px)
{
    #about .history .history-content .item
    {
        width: auto;
        padding-top: 30px;
    }
}
#about .history .history-content .item .year-bg
{
    position: absolute;
    font-family: "alibaba-puhuiti";
    font-size: 270px;
    text-align: center;
    color: #919797;
    opacity: .2;
    background-image: linear-gradient(180deg,rgba(103,108,112,.3) 30%,rgba(103,108,112,0) 80%);
    background-image: -moz-linear-gradient(-90deg,rgba(0,0,0,.8) 30%,rgba(0,0,0,0) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    top: 0;
    left: 0;
    z-index: 0;
}
@media(max-width: 768px)
{
    #about .history .history-content .item .year-bg
    {
        display: none;
    }
}
#about .history .history-content .item .info
{
    position: relative;
    padding-left: 30px;
    z-index: 1;
    transition-duration: .3s;
    opacity: 0;
}
@media(max-width: 768px)
{
    #about .history .history-content .item .info
    {
        padding-left: 0;
    }
}
#about .history .history-content .item .info .image
{
    width: 280px;
    float: left;
    margin-right: 30px;
}
@media(max-width: 768px)
{
    #about .history .history-content .item .info .image
    {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
}
#about .history .history-content .item .info .info-text
{
    float: left;
    margin-top: 100px;
}
@media(max-width: 768px)
{
    #about .history .history-content .item .info .info-text
    {
        float: none;
        margin-top: 50px;
        width: 280px;
    }
}
#about .history .history-content .item .info .info-text p
{
    position: relative;
    padding-left: 10px;
}
#about .history .history-content .item .info .info-text p:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 11px;
    background-color: #e60d16;
    height: 10px;
    width: 3px;
    margin-right: 8px;
    transform: skewX(-15deg) translateY(-50%);
}
#about .history .history-content .item.init .info
{
    opacity: 1;
}
#about .history .history-content .item.swiper-slide-active .info
{
    opacity: 1;
}
#about .chairman
{
    padding-top: 0;
    position: relative;
    overflow: hidden;
}
#about .chairman .bg
{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
@media(max-width: 768px)
{
    #about .chairman .bg
    {
        background-position: center 0;
    }
}
#about .chairman .container
{
    padding-top: 150px;
    position: relative;
    min-height: 1120px;
    z-index: 1;
}
@media(max-width: 768px)
{
    #about .chairman .container
    {
        padding-top: 60px;
        height: 600px;
    }
}
#about .chairman .container .col-md-6
{
    margin-bottom: 62px;
}
#about .chairman .content
{
    padding-top: 0;
    padding-bottom: 60px;
    color: #6c7174;
}
@media(max-width: 768px)
{
    #about .chairman .content
    {
        padding-top: 0;
    }
}
#about .chairman .btn-more
{
    margin-bottom: 32px;
}
@media(max-width: 768px)
{
    #about .chairman .btn-more
    {
        display: block;
        text-align: right;
    }
}
#about .chairman .signature
{
    position: absolute;
    width: 170px;
    right: 0;
    bottom: 24px;
}
@media(max-width: 768px)
{
    #about .chairman .signature
    {
        width: 140px;
        font-size: 12px;
        right: 15px;
        bottom: 15px;
    }
}
#about .chairman .signature img
{
    margin-top: 15px;
    display: block;
    width: 100%;
}
#about .culture .content
{
    padding-top: 30px;
    padding-right: 60px;
}
@media(max-width: 768px)
{
    #about .culture .content
    {
        padding-right: 15px;
    }
}
#about .culture .content-text
{
    color: #6c7174;
}
#about .culture .content-text dl
{
    margin-top: 50px;
}
#about .culture .content-text dl dt
{
    position: relative;
    font-size: 24px;
    font-weight: normal;
    padding-left: 10px;
    height: 30px;
}
#about .culture .content-text dl dt:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #e60d16;
    height: 18px;
    width: 5px;
    margin-right: 8px;
    transform: skewX(-15deg) translateY(-50%);
}
#about .culture .content-text dl dd
{
    padding-left: 10px;
    margin-bottom: 40px;
}
#about .industrial
{
    background-color: #f5f7f7;
}
#about .industrial .industrial_desc
{
    margin-bottom: 25px;
}
#about .industrial .desc_item
{
    background-color: #fff;
    padding: 30px;
    height: 230px;
    line-height: 1.25;
}
#about .industrial .desc_item h3
{
    font-size: 20px;
    margin-bottom: 20px;
}
#about .industrial .desc_item p
{
    margin-bottom: 15px;
    font-size: 14px;
}
#about .industrial .company-list
{
    position: relative;
    padding-top: 100px;
    background-color: #fff;
}
@media(max-width: 768px)
{
    #about .industrial .company-list
    {
        padding-top: 60px;
    }
}
#about .industrial .company-list::before
{
    content: " ";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 24px dashed;
    border-top: 24px solid\9;
    border-right: 24px solid transparent;
    border-left: 24px solid transparent;
    border-top-color: #f5f7f7;
    transform: translateX(-50%);
}
#about .industrial .company-list .item
{
    margin-bottom: 30px;
}
#about .industrial .company-list .item small
{
    display: block;
    font-size: 14px;
}
.business-tab ul
{
    text-align: justify;
    text-align-last: justify;
}
.business-tab li
{
    text-align: center;
}
.business-tab li a
{
    color: #6c7174;
}
.business-tab li a:hover
{
    color: #e60d16;
}
.business-tab li .iconfont
{
    display: block;
    font-size: 67px;
    line-height: 1.25;
    width: 67px;
    height: 67px;
    margin: 0 auto;
    margin-bottom: 15px;
}
@media(max-width: 768px)
{
    .business-tab li .iconfont
    {
        font-size: 42px;
        width: 42px;
        height: 42px;
    }
}
.business-tab li.active a
{
    color: #393e40;
}
@media(min-width: 768px)
{
    #business .profile
    {
        padding-top: 180px;
    }
}
#business .profile h2
{
    font-size: 42px;
}
#business .profile p
{
    color: #6c7174;
}
#business .solution .solution-title
{
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 15px;
}
#business .solution .solution-item
{
    padding: 60px 0;
    background-color: #f5f7f7;
}
#business .solution .solution-item.odd
{
    background-color: #fafbfb;
}
#business .solution .grid .row
{
    margin-left: -5px;
    margin-right: -5px;
}
#business .solution .grid-item
{
    padding-left: 5px!important;
    padding-right: 5px!important;
}
#business .solution .thumbnail
{
    padding-top: 15px;
}
#business .solution .caption
{
    height: auto;
    min-height: 95px;
    padding: 25px 15px 0;
    text-align: center;
}
@media(max-width: 768px)
{
    #business .solution .caption
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
#business_details .business-page-header
{
    position: relative;
}
#business_details .business-page-header h1
{
    font-size: 42px;
    font-weight: normal;
}
@media(max-width: 768px)
{
    #business_details .business-page-header h1
    {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 32px;
    }
}
#business_details .business-page-header .business-page-next, #business_details .business-page-header .business-page-prev
{
    position: absolute;
    font-size: 18px;
    top: 50%;
}
@media(max-width: 768px)
{
    #business_details .business-page-header .business-page-next, #business_details .business-page-header .business-page-prev
    {
        top: 45%;
    }
    #business_details .business-page-header .business-page-next span, #business_details .business-page-header .business-page-prev span
    {
        display: none;
    }
}
#business_details .business-page-header .business-page-next .iconfont, #business_details .business-page-header .business-page-prev .iconfont
{
    font-size: 42px;
    vertical-align: middle;
}
#business_details .business-page-header .business-page-next
{
    right: 60px;
}
@media(max-width: 768px)
{
    #business_details .business-page-header .business-page-next
    {
        right: 0;
    }
}
#business_details .business-page-header .business-page-prev
{
    left: 60px;
}
@media(max-width: 768px)
{
    #business_details .business-page-header .business-page-prev
    {
        left: 0;
    }
}
#business_details .main-content
{
    background-color: #f5f7f7;
}
#business_details .main-content .image
{
    position: relative;
    height: 440px;
    background-color: #fff;
    overflow: hidden;
}
@media(max-width: 768px)
{
    #business_details .main-content .image
    {
        height: 250px;
    }
}
#business_details .main-content .image img
{
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#business_details .main-content .info h2
{
    font-size: 42px;
    margin-top: 15px;
    margin-bottom: 35px;
}
@media(max-width: 768px)
{
    #business_details .main-content .info h2
    {
        font-size: 32px;
    }
}
#business_details .main-content .info .info-block
{
    color: #6c7174;
}
#business_details .main-content .info .info-block h3
{
    font-size: 22px;
    margin-bottom: 20px;
    color: #393e40;
}
@media(max-width: 768px)
{
    #business_details .main-content .info .info-block h3
    {
        font-size: 18px;
    }
}
#business_details .main-content .info .info-block p
{
    margin-bottom: 30px;
}
#business_details .main-content .info .info-block ul
{
    list-style: none;
    padding: 0;
}
#business_details .main-content .info .info-block ul li
{
    float: left;
    width: 50%;
}
#business_details .other-products .container
{
    position: relative;
}
#business_details .other-products .slide-item
{
    position: relative;
    display: block;
}
#business_details .other-products .slide-item:before
{
    content: " ";
    display: block;
    padding: 30%;
}
#business_details .other-products .slide-item:after
{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px transparent solid;
}
#business_details .other-products .slide-item:hover:after, #business_details .other-products .slide-item.active:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px #e60d16 solid;
}
#business_details .other-products .slide-item .image-box
{
    background-color: #f5f7f7;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#business_details .other-products .slide-item .image-box i
{
    position: relative;
    display: block;
    height: 100%;
}
#business_details .other-products .slide-item .image-box i img
{
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#business_details .other-products .swiper-slide .title
{
    font-weight: lighter;
    text-align: center;
    font-size: 22px;
    padding: 15px;
}
@media(max-width: 768px)
{
    #business_details .other-products .swiper-slide .title
    {
        font-size: 18px;
    }
}
#business_details .other-products .other-products-next, #business_details .other-products .other-products-prev
{
    transform: translateY(-50%);
}
#business_details .other-products .other-products-next
{
    right: -30px;
}
#business_details .other-products .other-products-prev
{
    left: -30px;
}
#contact .service .content
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 768px)
{
    #contact .service .content
    {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
}
#contact .service .vip-line
{
    font-size: 24px;
    margin-bottom: 15px;
}
#contact .service .vip-line h3
{
    margin-bottom: 0;
}
#contact .service .tip
{
    margin-bottom: 25px;
}
#contact .service .qr
{
    font-size: 0;
}
#contact .service .qr>div
{
    display: inline-block;
    margin: 0 10px;
    font-size: 12px;
    text-align: center;
}
#contact .service .qr>div img
{
    display: block;
    border: 1px #f5f7f7 solid;
    padding: 5px;
    width: 112px;
    height: 112px;
    margin-bottom: 8px;
}
#contact .meeting
{
    background-color: #f5f7f7;
}
#contact .meeting h3
{
    margin-bottom: 20px;
}
#contact .meeting a
{
    text-decoration: underline;
}
#contact .meeting .headquarters
{
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
}
@media(max-width: 768px)
{
    #contact .meeting .headquarters h3
    {
        font-size: 18px;
    }
}
#contact .meeting .headquarters .item
{
    height: 168px;
    border-right: 1px #dee5e5 solid;
    line-height: 1.25;
}
@media(max-width: 768px)
{
    #contact .meeting .headquarters .item
    {
        border-right: 0;
        height: auto;
    }
}
#contact .meeting .headquarters .item p
{
    margin-bottom: 15px;
    font-size: 14px;
}
#contact .meeting .headquarters .col-md-4:last-child .item
{
    border-right: 0;
}
#contact .meeting .sub-company .item
{
    background-color: #fff;
    padding: 30px;
    height: 310px;
    line-height: 1.25;
}
@media(max-width: 768px)
{
    #contact .meeting .sub-company .item
    {
        height: auto;
    }
}
#contact .meeting .sub-company .item h3
{
    font-size: 20px;
}
@media(max-width: 768px)
{
    #contact .meeting .sub-company .item h3
    {
        font-size: 18px;
    }
}
#contact .meeting .sub-company .item p
{
    margin-bottom: 15px;
    font-size: 14px;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .column-title
    {
        margin-bottom: 0;
    }
}
#contact .tendering-platform .column-title h3
{
    line-height: 1.4;
}
#contact .tendering-platform .time-line
{
    position: relative;
    list-style: none;
    padding: 0 15px;
    display: block;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line
    {
        padding: 0;
        overflow-x: auto;
        border-bottom: 1px #dee5e5 solid;
        margin-bottom: 30px;
    }
    #contact .tendering-platform .time-line ul
    {
        display: block!important;
        width: auto!important;
        white-space: nowrap;
    }
}
#contact .tendering-platform .time-line:before
{
    content: " ";
    position: absolute;
    height: 100%;
    height: 1px;
    left: 18px;
    overflow: hidden;
    background-color: #dee5e5;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line:before
    {
        display: none;
    }
}
#contact .tendering-platform .time-line li
{
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line li
    {
        padding-left: 0;
        padding-right: 15px;
        display: inline-block!important;
        width: auto!important;
        margin-bottom: 0;
    }
}
#contact .tendering-platform .time-line li:after
{
    content: " ";
    position: absolute;
    left: -4px;
    top: 50%;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 1px transparent solid;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line li:after
    {
        display: none;
    }
}
#contact .tendering-platform .time-line li:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #e6e6e6;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    transform: translateY(-50%);
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line li:before
    {
        display: none;
    }
}
#contact .tendering-platform .time-line li.active
{
    font-size: 24px;
}
#contact .tendering-platform .time-line li.active a
{
    color: #e60d16;
}
#contact .tendering-platform .time-line li.active:before
{
    background-color: #e60d16;
}
#contact .tendering-platform .time-line li.active:after
{
    border: 1px #e60d16 solid;
}
#contact .tendering-platform .current-year
{
    font-size: 42px;
    margin: 0;
    line-height: 1;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .current-year
    {
        display: none;
    }
}
#contact .tendering-platform .time-line-content-swiper
{
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}
@media(max-width: 768px)
{
    #contact .tendering-platform .time-line-content-swiper
    {
        height: auto;
        min-height: initial;
    }
}
#contact .tendering-platform ul
{
    list-style: none;
    padding: 0;
}
#contact .tendering-platform ul li
{
    margin-bottom: 35px;
}
#contact .tendering-platform ul li .iconfont
{
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    vertical-align: top;
    margin-right: 5px;
    color: #919797;
}
#contact .tendering-platform ul li .title
{
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: lighter;
}
#contact .tendering-platform ul li .title span
{
    font-size: 14px;
    display: block;
    color: #919797;
    margin-top: 5px;
}
#contact .jubao-body
{
    background-color: #f5f7f7;
    padding: 50px 0;
}
#contact .jubao-body form
{
    position: relative;
    padding-right: 112px;
}
@media(max-width: 768px)
{
    #contact .jubao-body form
    {
        padding-right: 0;
        padding-bottom: 30px;
    }
}
#contact .jubao-body form:after
{
    content: " ";
    position: absolute;
    top: -58px;
    bottom: 0;
    right: 40px;
    border-right: 1px #dee5e5 solid;
}
@media(max-width: 768px)
{
    #contact .jubao-body form:after
    {
        right: 0;
        left: 0;
        border-right: 0;
        border-bottom: 1px #dee5e5 solid;
        top: auto;
    }
}
#contact .jubao-body form label
{
    font-size: 14px;
    font-weight: normal;
}
#contact .jubao-body form textarea
{
    height: 160px;
}
#contact .jubao-body form .form-group.required label:after
{
    content: "*";
    color: #e60d16;
}
#contact .jubao-body form .form-control
{
    border-radius: 0;
    box-shadow: none;
}
@media(max-width: 768px)
{
    #contact .jubao-body .tabs-wrap
    {
        overflow-x: auto;
        overflow-y: hidden;
    }
}
#contact .jubao-body .nav-tabs
{
    border: none;
}
@media(max-width: 768px)
{
    #contact .jubao-body .nav-tabs
    {
        display: block;
        white-space: nowrap;
    }
}
@media(max-width: 768px)
{
    #contact .jubao-body .nav-tabs>li
    {
        display: inline-block;
        float: none;
    }
}
#contact .jubao-body .nav-tabs>li>a
{
    border: none;
    border-radius: 0;
    padding: 26px 50px;
}
@media(max-width: 768px)
{
    #contact .jubao-body .nav-tabs>li>a
    {
        display: block;
        padding: 20px 15px;
    }
}
#contact .jubao-body .panel
{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 35px;
    padding: 85px;
}
@media(max-width: 768px)
{
    #contact .jubao-body .panel
    {
        padding: 15px;
    }
}
#contact .jubao-body .panel h3
{
    margin-bottom: 35px;
}
#contact .jubao-body .panel h4
{
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #dee5e5 solid;
}
@media(max-width: 768px)
{
    #contact .jubao-body .panel h4 small
    {
        display: block;
        margin-top: 5px;
    }
}
#contact .jubao-body .panel .info-group
{
    margin-bottom: 65px;
}
@media(max-width: 768px)
{
    #contact .jubao-body .panel .info-group
    {
        margin-bottom: 45px;
    }
}
#contact .jubao-body .panel .info-group:last-of-type
{
    margin-bottom: 0;
}
@media(max-width: 768px)
{
    #contact .jubao-body .panel .btn-submit
    {
        display: block;
        min-width: 100%;
    }
}
#contact .jubao-body .tab-content
{
    background-color: #fff;
    padding: 60px 50px;
}
@media(max-width: 768px)
{
    #contact .jubao-body .tab-content
    {
        padding: 15px;
    }
}
#contact .jubao-body .tab-content .qr
{
    width: 200px;
}
#core .competencies .row
{
    margin-left: -1px;
    margin-right: -1px;
}
#core .competencies .item
{
    padding: 1px;
}
#core .competencies .item::after, #core .competencies .item::before
{
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
#core .quality
{
    background-color: #f5f7f7;
}
#core .quality .content
{
    background-color: #fff;
}
#core .quality .content dl
{
    padding: 50px 30px 0;
    margin-bottom: 0;
}
#core .quality .content dl dt
{
    font-size: 24px;
    margin-bottom: 5px;
}
#core .quality .content dl dd
{
    margin-bottom: 25px;
    color: #6c7174;
}
#core .quality .content dl dd p
{
    line-height: 1.25;
}
#core .quality .model .title
{
    font-weight: lighter;
    font-size: 24px;
    margin: 50px 0;
}
@media(min-width: 768px)
{
    #core .quality .model .item:first-of-type dl
    {
        border-right: 1px #ccc solid;
        padding-right: 50px;
    }
    #core .quality .model .item:last-of-type
    {
        padding-left: 45px;
    }
}
@media(max-width: 768px)
{
    #core .quality .model .item
    {
        margin-bottom: 60px;
    }
}
#core .quality .model dl dt
{
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}
#core .quality .model dl dd
{
    color: #6c7174;
}
#hr .blocks .content
{
    background-color: #f5f7f7;
}
#hr .blocks .image-box
{
    margin-left: -15px;
    margin-right: -15px;
}
#hr .blocks .info
{
    padding: 80px 70px 0;
}
@media(max-width: 768px)
{
    #hr .blocks .info
    {
        padding: 40px 15px 30px;
    }
}
#hr .blocks .info h4
{
    font-size: 24px;
    font-weight: normal;
}
#hr .blocks .info p
{
    color: #6c7174;
}
#hr .blocks .welfare, #hr .blocks .development, #hr .blocks .university
{
    position: relative;
}
#hr .blocks .welfare .info
{
    padding-top: 100px;
}
@media(max-width: 768px)
{
    #hr .blocks .welfare .info
    {
        padding-top: 40px;
    }
}
#hr .blocks .university .info
{
    padding-top: 55px;
}
#hr .blocks .university .column-title h3, #hr .blocks .university .column-title img
{
    display: inline-block;
    vertical-align: middle;
}
#hr .blocks .university .column-title h3
{
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
@media(max-width: 768px)
{
    #hr .blocks .university .column-title h3
    {
        font-size: 24px;
    }
}
#hr .blocks .university .column-title img
{
    width: 90px;
}
@media(max-width: 768px)
{
    #hr .blocks .university .column-title img
    {
        width: 60px;
    }
}
#hr .environment
{
    background-color: #f5f7f7;
}
#hr .environment .item
{
    transition: .3s;
    position: relative;
    overflow: hidden;
}
#hr .environment .item .bg
{
    height: 520px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#hr .environment .item .bg::after, #hr .environment .item .bg::before
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
#hr .environment .item .bg::before
{
    background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    transition: .3s;
    z-index: 1;
}
#hr .environment .item .bg::after
{
    transition: .3s;
    background: linear-gradient(to top,#e62129,rgba(230,33,41,.8));
    opacity: 0;
    z-index: 0;
}
@media(max-width: 768px)
{
    #hr .environment .item .bg
    {
        height: 320px;
    }
}
#hr .environment .item:hover .bg::before
{
    opacity: 0;
}
#hr .environment .item:hover .bg::after
{
    opacity: 1;
}
#hr .environment .item:hover .item-info p
{
    opacity: 1;
    height: 200px;
}
@media(max-width: 768px)
{
    #hr .environment .item:hover .item-info p
    {
        height: 120px;
    }
}
#hr .environment .item .item-info
{
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 40px;
    right: 40px;
    bottom: 15px;
    padding: 15px 30px;
}
#hr .environment .item .item-info h3
{
    font-weight: lighter;
}
#hr .environment .item .item-info p
{
    color: #fff;
    opacity: 0;
    transition: all .3s ease;
    height: 0;
    overflow: hidden;
}
#hr .environment .swiper-button-next, #hr .environment .swiper-button-prev
{
    color: #fff;
    z-index: 10;
}
#hr .environment .swiper-button-next:hover:after, #hr .environment .swiper-button-prev:hover:after
{
    opacity: 1;
}
#hr .staff-style .content
{
    padding-left: 15px;
    padding-right: 15px;
}
#hr .staff-style .item
{
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    position: relative;
}
@media(max-width: 1600px)
{
    #hr .staff-style .item
    {
        height: 245px;
    }
}
@media(max-width: 768px)
{
    #hr .staff-style .item
    {
        height: 125px;
    }
    #hr .staff-style .item::before
    {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(to top,#000,rgba(0,0,0,0));
        transition: .3s;
        z-index: 1;
    }
}
#hr .staff-style .item .info-media
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#hr .staff-style .item .info-media .info-media-box
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#hr .staff-style .item video
{
    display: block;
    width: 102%;
    height: 102%;
    object-fit: cover;
}
#hr .staff-style .item .media-mask
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .3;
}
#hr .staff-style .item .info-block
{
    position: absolute;
    height: 100%;
    width: 38.5%;
    padding: 30px;
    color: #fff;
    font-size: 42px;
    z-index: 1;
    background-color: #000;
}
#hr .staff-style .item .info-block .item-box
{
    position: relative;
    height: 100%;
}
#hr .staff-style .item .info-block em
{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top-width: 25px;
    border-bottom-width: 25px;
    border-color: transparent;
}
@media(min-width: 768px)
{
    #hr .staff-style .item .info-block .info-title
    {
        height: 46px;
    }
}
#hr .staff-style .item .info-block .descript
{
    position: relative;
    font-size: 14px;
    padding-left: 3px;
    overflow: hidden;
    transition: .3s;
    opacity: 0;
    bottom: -30px;
}
@media(max-width: 768px)
{
    #hr .staff-style .item .info-block .descript
    {
        display: none;
    }
}
@media(max-width: 1600px)
{
    #hr .staff-style .item .info-block
    {
        font-size: 26px;
    }
}
@media(max-width: 768px)
{
    #hr .staff-style .item .info-block
    {
        font-size: 18px;
        width: 100%!important;
        text-align: center!important;
        bottom: 0;
        height: auto;
        padding: 5px;
        background-color: transparent!important;
    }
    #hr .staff-style .item .info-block::before
    {
        background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }
}
#hr .staff-style .item:hover .info-block .descript
{
    bottom: 0;
    opacity: 1;
}
#hr .staff-style .item-1
{
    background-position: left center;
}
#hr .staff-style .item-1 .info-block
{
    width: 23.5%;
    right: 0;
}
#hr .staff-style .item-1 .info-block em
{
    right: 100%;
    border-right-width: 30px;
}
#hr .staff-style .item-2, #hr .staff-style .item-3
{
    background-position: right center;
}
#hr .staff-style .item-2 .info-block, #hr .staff-style .item-3 .info-block
{
    left: 0;
}
#hr .staff-style .item-2 .info-block em, #hr .staff-style .item-3 .info-block em
{
    left: 100%;
    border-left-width: 30px;
}
#hr .staff-style .item-4, #hr .staff-style .item-5
{
    background-position: left center;
}
#hr .staff-style .item-4 .info-block, #hr .staff-style .item-5 .info-block
{
    right: 0;
}
#hr .staff-style .item-4 .info-block em, #hr .staff-style .item-5 .info-block em
{
    right: 100%;
    border-right-width: 30px;
}
#investor .stock .content
{
    background-color: #f5f7f7;
    padding: 70px;
}
@media(max-width: 768px)
{
    #investor .stock .content
    {
        padding: 30px;
    }
}
#investor .stock .title
{
    font-weight: lighter;
    font-size: 24px;
}
#investor .stock .stock-present
{
    line-height: 1;
}
#investor .stock .stock-present.up .price, #investor .stock .stock-present.up .change
{
    color: #e60d16;
}
#investor .stock .stock-present.up .price::after, #investor .stock .stock-present.up .change::after
{
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-left-color: transparent!important;
    border: #e60d16 solid 10px;
    margin-top: 10px;
}
#investor .stock .stock-present.down .price, #investor .stock .stock-present.down .change
{
    color: #43b610;
}
#investor .stock .stock-present.down .price::after, #investor .stock .stock-present.down .change::after
{
    border-bottom-color: transparent!important;
    border-right-color: transparent!important;
    border-left-color: transparent!important;
    border: #43b610 solid 10px;
    margin-top: 10px;
}
#investor .stock .stock-present .price, #investor .stock .stock-present .change
{
    vertical-align: middle;
    display: inline-block;
}
@media(max-width: 768px)
{
    #investor .stock .stock-present .price, #investor .stock .stock-present .change
    {
        display: block;
    }
}
#investor .stock .stock-present .price
{
    font-weight: bold;
    font-size: 60px;
}
#investor .stock .stock-present .price span
{
    font-size: 18px;
    color: #393e40;
}
@media(max-width: 768px)
{
    #investor .stock .stock-present .price span
    {
        display: block;
    }
}
#investor .stock .stock-present .change
{
    padding-bottom: 5px;
    padding-left: 10px;
}
#investor .stock .stock-present .change::after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
}
#investor .stock .transaction .item
{
    position: relative;
}
#investor .stock .transaction .item:before
{
    content: " ";
    position: absolute;
    height: 100%;
    width: 1px;
    overflow: hidden;
    background-color: #d9e0e0;
    left: 0;
    top: 0;
}
#investor .stock .transaction .item .label
{
    font-size: 14px;
    color: #919797;
    padding-left: 0;
}
#investor .stock .transaction .item .value
{
    font-size: 24px;
}
#investor .stock .transaction .item .value strong
{
    font-weight: normal;
}
#investor .stock .transaction .item .value span
{
    font-size: 14px;
}
#investor .stock .tip
{
    margin-top: 30px;
    color: #919797;
    font-size: 12px;
}
#media .more
{
    text-align: right;
}
#media .sticky-news .thumbnail-mask
{
    min-height: 450px;
}
#media .sticky-news img
{
    position: absolute;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media(max-width: 768px)
{
    #media .sticky-news img
    {
        max-height: initial;
        max-width: 100%;
    }
}
#media .company-news .thumbnail .caption
{
    padding: 35px 0;
}
#media .company-news .company-news-list
{
    list-style: none;
    padding: 0;
    margin-left: -30px;
    margin-right: -30px;
}
#media .company-news .company-news-list li
{
    padding: 10px 30px;
    position: relative;
}
#media .company-news .company-news-list li:before
{
    content: "‚óŹ";
    display: inline-block;
    margin-right: 5px;
}
#media .industry-news
{
    background-color: #f5f7f7;
}
#media .industry-news .content
{
    background-color: #fff;
}
#media .industry-news .lists
{
    height: 450px;
    overflow: hidden;
}
@media(max-width: 768px)
{
    #media .industry-news .lists
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}
#media .industry-news .more
{
    margin-top: 15px;
}
@media(max-width: 768px)
{
    #media .media-news .sticky-news
    {
        margin-bottom: 15px;
    }
}
#media .media-news .sticky-news .thumbnail-mask
{
    min-height: 380px;
}
#media .media-news .grid .thumbnail i
{
    display: block;
    position: relative;
    padding: 30%;
}
#media .media-news .grid .thumbnail i img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
}
#media .media-news .grid .thumbnail .caption
{
    padding: 8px 0 15px;
    font-size: 14px;
    height: 70px;
    min-height: 70px;
    overflow: hidden;
}
#responsibility .epidemic .content
{
    position: relative;
}
#responsibility .epidemic .info
{
    position: absolute;
    left: 80px;
    top: 160px;
}
@media(min-width: 768px)
{
    #responsibility .epidemic .info
    {
        display: block;
    }
}
@media(max-width: 768px)
{
    #responsibility .epidemic .info
    {
        left: 25px;
        right: 25px;
        top: 25px;
    }
}
#responsibility .epidemic .info h2
{
    font-size: 42px;
}
@media(max-width: 768px)
{
    #responsibility .epidemic .info h2
    {
        font-size: 24px;
    }
}
#responsibility .epidemic .info .descript
{
    margin-bottom: 25px;
}
#responsibility .charitable
{
    background-color: #f5f7f7;
}
#responsibility .charitable .foundations
{
    background-color: #fff;
    margin-bottom: 30px;
}
#responsibility .charitable .foundations .video
{
    margin-right: -15px;
}
@media(max-width: 768px)
{
    #responsibility .charitable .foundations .video
    {
        margin-right: 0;
    }
}
#responsibility .charitable .foundations .info
{
    padding: 70px 45px 0 45px;
}
@media(max-width: 768px)
{
    #responsibility .charitable .foundations .info
    {
        padding: 30px;
    }
}
#responsibility .charitable .foundations .info h3
{
    margin-top: 0;
    margin-bottom: 30px;
}
#responsibility .charitable .foundations .info p
{
    color: #808080;
    margin-bottom: 25px;
}
#responsibility .charitable .good-deeds .thumbnail
{
    background-color: transparent;
}
#responsibility .charitable .good-deeds .thumbnail .caption
{
    padding: 25px 0 15px;
    min-height: 150px;
}
#responsibility .charitable .good-deeds .thumbnail .caption p
{
    color: #808080;
}
#responsibility .responsibility-news .caption
{
    padding: 25px 0 15px;
}
#responsibility .responsibility-news .caption p
{
    color: #808080;
}
#foundations .page-banner .container-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#foundations .page-banner .container
{
    position: relative;
}
#foundations .page-banner .title
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}
#foundations .page-banner .title .link
{
    color: #fff;
}
#foundations .page-banner .small-images
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    transform: translate(425px,-50%);
    z-index: 2;
}
#foundations .page-banner .small-images .small-item
{
    height: 120px;
    margin: 15px 0;
    background-color: #000;
}
#foundations .page-banner .small-images .small-item .img-box
{
    position: relative;
    height: 100%;
}
#foundations .page-banner .small-images .small-item img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
}
#foundations .profile .image-box, #foundations .profile .link-box
{
    height: 205px;
    overflow: hidden;
}
#foundations .profile .link-box .link-item
{
    height: 50%;
}
#foundations .profile .link-box .link-item:first-child
{
    padding-bottom: 10px;
}
#foundations .profile .link-box .link-item:last-child
{
    padding-top: 10px;
}
#foundations .profile .link-box .link-item a
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #e60d16;
    color: #fff;
}
#foundations .profile .link-box .link-item .iconfont
{
    font-size: 32px;
    line-height: 1;
}
#foundations .profile .image-box
{
    padding-left: 0;
}
#foundations .profile .image-box a
{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#foundations .profile .image-box img
{
    height: 100%;
    display: block;
}
@media(max-width: 750px)
{
    #foundations .profile .right-content
    {
        margin-top: 15px;
    }
}
#foundationsAbout .profile .profile-left
{
    padding-top: 0;
}
#foundationsAbout .rules-pagination
{
    left: 0;
    bottom: 30px;
}
#foundationsAbout .rules-prev
{
    left: 30px;
}
#foundationsAbout .rules-next
{
    right: 30px;
}
#foundationsAbout .thumbnail img
{
    width: 100%;
    height: 400px;
    object-fit: contain;
    background-color: #e5e5e5;
}
@media(max-width: 750px)
{
    #foundationsAbout .thumbnail img
    {
        height: 300px;
    }
}
#foundationsAbout .thumbnail .caption
{
    padding: 15px;
    min-height: 100px;
}
#foundationsAbout .thumbnail .caption .title
{
    font-size: 16px;
    line-height: 1.5;
}
#foundationsAbout .thumbnail .caption .title i
{
    height: 50px;
    float: left;
    margin-right: 8px;
    font-size: 24px;
}
#foundationsAbout .baidu-map
{
    width: 100%;
    height: 300px;
}
#foundationsAbout .contact-info th
{
    padding: 15px 0;
    font-weight: normal;
}
#foundationsAbout .contact-info td
{
    padding: 15px;
}
#foundationsHonours .thumbnail-mask
{
    position: relative;
    padding-top: 60%;
}
#foundationsHonours .thumbnail-mask img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #e5e5e5;
}
#foundationsHonours .thumbnail-mask .caption
{
    font-size: 16px;
    line-height: 1.25;
    opacity: 0;
    transition: .3s;
}
#foundationsHonours .thumbnail-mask:hover .caption
{
    opacity: 1;
}
#foundationsPublic .timeline-content
{
    margin-top: 40px;
}
#foundationsPublic .thumbnail img
{
    width: 100%;
    height: 400px;
    object-fit: contain;
    background-color: #e5e5e5;
}
@media(max-width: 750px)
{
    #foundationsPublic .thumbnail img
    {
        height: 300px;
    }
}
#foundationsPublic .caption
{
    font-size: 16px;
    padding: 15px;
    min-height: 100px;
}
#foundationsPublic .caption i
{
    float: left;
    height: 80px;
    margin-right: 8px;
    font-size: 24px;
}
#reports .navigation-2
{
    top: 200px;
    position: absolute;
    left: 0;
}
#reports .navigation-2
{
    width: 200px;
    height: 200px;
    overflow: hidden;
}
#reports .navigation-2 .box
{
    padding-bottom: 33px;
    position: relative;
}
#reports .navigation-2 a
{
    position: relative;
    z-index: 2;
    height: 26px;
    line-height: 26px;
    display: block;
    color: #2018;
}
#reports .navigation-2 .icon
{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d8d9dc;
    display: block;
    float: left;
    margin-top: 9px;
    margin-right: 16px;
}
#reports .navigation-2 .active a
{
    font-size: 20px;
    color: #e60d16;
}
#reports .navigation-2 .active .icon
{
    background: #e60d16;
}
#reports .navigation-2 .line
{
    background: #d8d9dc;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 4px;
}
#reports .navigation_wrap
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all .5s;
}
#reports .years_box
{
    padding-bottom: 30px;
}
#reports .years_box_title
{
    float: left;
    width: 120px;
    font-size: 36px;
    line-height: 47px;
}
#reports .years_box_content
{
    float: left;
    width: 660px;
}
#reports .years_box_content .item i
{
    display: block;
    margin-bottom: 5px;
}
#reports .years_box_content .item img
{
    max-width: 100%;
}
#reports .years_box_content .item .title
{
    line-height: 1.25;
    min-height: 80px;
}
@media screen and (max-width: 769px)
{
    .years_box_content
    {
        width: 72%;
    }
    .years_box_title
    {
        font-size: 20px;
        width: 20%;
        position: relative;
    }
    .years_box_title:before
    {
        content: ' ';
        position: absolute;
        width: 1px;
        height: 80px;
        background: #f2f3f5;
        left: 25px;
        top: 40px;
    }
    .years_box_content
    {
        width: 75%;
    }
}/*# sourceMappingURL=./style.css.map */
