@font-face {
    font-family: "icontfont";
    src: url('./../iconfont.eot?t=1526462278344'); /* IE9*/
    src: url('./../iconfont.eot?t=1526462278344#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('./../iconfont.ttf?t=1526462278344') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('./../iconfont.svg?t=1526462278344#icontfont') format('svg'); /* iOS 4.1- */
}
.iconcis {
    margin-right: 5px;
    font-family: "icontfont" !important;
    font-size: inherit;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-email:before {
    content: "\e6e3";
}
.icon-wendang:before {
    content: "\e722";
}
.icon-lock:before {
    content: "\e609";
}
.icon-xiazai:before {
    content: "\e622";
}
.icon-upload:before {
    content: "\e8c6";
}
.icon-nexts:before {
    content: "\e600";
}
.icon-previous:before {
    content: "\e601";
}
.icon-locations:before {
    content: "\e76f";
}
.icon-mobile:before {
    content: "\e9b0";
}
.icon-line:before {
    content: "\e638";
}
.icon-goback:before {
    content: "\e639";
}
.icon-home:before {
    content: "\e63a";
}
.icon-search:before {
    content: "\e63b";
}
.icon-user:before {
    content: "\e63c";
}
.icon-map:before {
    content: "\e63d";
}
.icon-star:before {
    content: "\e63e";
}
.icon-zan:before {
    content: "\e63f";
}
.icon-lines:before {
    content: "\e640";
}
.icon-message:before {
    content: "\e641";
}
.icon-share:before {
    content: "\e642";
}
.icon-write:before {
    content: "\e643";
}
.icon-clock:before {
    content: "\e644";
}
.icon-wxin:before {
    content: "\e645";
}
.icon-weibo:before {
    content: "\e646";
}
.icon-pic:before {
    content: "\e647";
}
.icon-qq:before {
    content: "\e648";
}
.icon-media:before {
    content: "\e649";
}
.icon-eye:before {
    content: "\e64a";
}
.icon-tv:before {
    content: "\e64b";
}
.icon-board:before {
    content: "\e64c";
}
.icon-play:before {
    content: "\e64d";
}
.icon-location:before {
    content: "\e64e";
}
.icon-pdf:before {
    content: "\e64f";
}
.icon-prev:before {
    content: "\e650";
}
.icon-next:before {
    content: "\e651";
}
.icon-up:before {
    content: "\e652";
}
.icon-down:before {
    content: "\e653";
}
.icon-xprev:before {
    content: "\e654";
}
.icon-tab:before {
    content: "\e655";
}
.icon-xnext:before {
    content: "\e656";
}
.icon-close:before {
    content: "\e657";
}
.icon-plus:before {
    content: "\e658";
}
.icon-gnext:before {
    content: "\e659";
}
.icon-reduce:before {
    content: "\e65a";
}
.icon-gdetail:before {
    content: "\e65b";
}
.icon-linedown:before {
    content: "\e65c";
}
.icon-lineup:before {
    content: "\e65d";
}
.icon-linenext:before {
    content: "\e65e";
}
.icon-lineprev:before {
    content: "\e65f";
}
.icon-arrow:before {
    content: "\e660";
}
.icon-setting:before {
    content: "\e661";
}
.icon-masonry:before {
    content: "\e662";
}
.icon-earth:before {
    content: "\e663";
}
.icon-verify:before {
    content: "\e664";
}
.icon-verfriys:before {
    content: "\e665";
}
.icon-use:before {
    content: "\e666";
}
.icon-searcklock:before {
    content: "\e667";
}
/*  */
iframe {
    border: 0;
    background-size: 100% auto;
}
iframe.display {
    background: url("../images/upload/hall_iframe.jpg") no-repeat center;
    background-size: 100% auto;
}
.display-opera {
    width: 60%;
    margin: 0 auto;
}
body {
    font-family: 'Microsoft YaHei, Arial, Helvetica, sans-serif' !important;
}
.position-fixed {
    width: 100%;
}
a {
    color: inherit;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
p {
    font-size: 14px;
    color: #4c4c4c;
}
.w100 {
    width: 100px !important;
}
.w-100 {
    width: 100% !important;
}
.w900 {
    min-width: 900px !important;
}
.hidden {
    display: none;
}
.bg-gray1 {
    background: #a3a3a3 !important;
}
.bg-gray2 {
    background: #bcbcbc !important;
}
.bg-gray3 {
    background: #d6d7d8 !important;
}
.bg-gray4 {
    background: #e5e6e8 !important;
}
.bg-gray5 {
    background: #f0f1f2 !important;
}
.bg-gray6 {
    background: #f7f8f9 !important;
}
.white {
    color: #fff !important;
}
.c4c {
    color: #4c4c4c;
}
.c93 {
    color: #939393;
}
.f12 {
    font-size: 12px !important;
}
.f13 {
    font-size: 13px !important;
}
.f16 {
    font-size: 1rem !important;
}
.f20 {
    font-size: 1.25rem !important;
}
.f25 {
    font-size: 25px !important;
    line-height: 1;
}
.f30 {
    font-size: 1.875rem !important;
}
.f40 {
    font-size: 40px !important;
}
.f70 {
    font-size: 100px !important;
}
.bg-light {
    background: #fff;
    border-bottom: 2px solid #eaebeb;
}
.bg-line, .bg-line-red {
    position: relative;
}
.bg-line:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1rem;
    width: 30px;
    height: 3px;
    background: #2b2b2b;
}
.bg-line-red:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 30px;
    height: 3px;
    background: #e50012;
}
.text-red {
    color: #e50012;
}
.cis-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #e50012;
    color: #fff;
    font-weight: bolder;
}
.cis-scroll-top:hover {
    color: #2b2b2b;
}
.cis-more {
    display: -webkit-flex;
    display: flex;
    width: 146px;
    height: 32px;
    font-size: 32px;
    margin: 1.5rem 0 2rem;
    border: 1px solid #8c8c8c;
    justify-content: center;
}
.cis-more:hover {
    border-color: #e50012;
    color: #e50012;
}
.loadingmore {
    cursor: pointer;
    margin-bottom: 20px;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}
.cis-tabs-switch {
    position: relative;
}
.nav-tabs-switch {
    position: absolute;
    top: .6rem;
    right: 0;
    font-size: 13px;
}
/*  */
.img-fluid {
    width: 100%;
}
.w1200 {
    min-width: 1200px !important;
}
.navbar-toggler-icon {
    background-image: url("../images/base/lines.png");
}
.swiper-slide img {
    width: 100%;
    height: auto;
}
.container-fluid {
    overflow: hidden;
    margin-top: 60px;
    padding: 0 2.6%;
    background: #fff;
}
.container-min {
    width: 70.33% !important;
    margin: 0 auto;
    padding: 0;
}
.dropdown-toggle::after {
    content: normal;
}
.dropdown-menu:hover, .dropdown-toggle:hover + .dropdown-menu {
    display: block;
}
.dropdown-menu {
    border-color: #e3e3e3;
}
.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -13px;
    width: 23px;
    height: 14px;
    margin-left: -12px;
    background: url("../images/base/up.png") no-repeat center;
}
.navbar-nav .iconcis {
    font-size: 20px;
}
.navbar-nav .iconcis.icon-home {
    vertical-align: text-bottom;
    font-size: 20px;
}
.navbar {
    padding: 10px 2.6%;;
    background: #fff;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand img {
    max-height: 38px;
}
.nav-tabs .nav-item {
    margin: 0;
}
.nav-tabs .nav-link {
    border: 0;
    color: #4c4c4c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #4c4c4c;
}
.navlist > li > a {
    position: relative;
    font-size: 15px;
    white-space: nowrap;
}
.navlist > li > a:after {
    content: '';
    border-bottom: 2px solid #e50012;
    width: 0;
    position: absolute;
    bottom: -1px;
    left: 10%;
    right: 10%;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}
.navbar-expand-lg {
    border: 1px solid #dedfe0;
    color: #3a3a3a;
}
.navbar-expand-lg .navlist > li > a:after {
    bottom: -11px;
}
@media (min-width: 996px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (min-width: 1500px) {
    .navbar {
        padding: 0 2.6%;
        background: #fff;
        height: 80px;
    }
    .navbar-brand img {
        max-height: 50px;
    }
    .navlist > li > a {
        font-size: 16px;
    }
    .navbar-expand-lg .navlist > li > a:after {
        bottom: -20px;
    }
    .container-fluid {
        margin-top: 80px;
    }
    .search-menu, .login-menu, .country-menu {
        top: 56px;
    }
}
.navlist > li:hover > a:after, .navlist > li > a.active:after, .navlist:hover > li:hover > a.active:after {
    width: 80%
}
.navlist:hover > li > a.active:after {
    width: 0
}
.table td, .table th {
    border-color: #8d8d8d;
    font-size: 13px;
}
.swiper-button-prev {
    left: 100px !important;
}
.swiper-button-next {
    right: 100px !important;
}
.swiper-button-prev, .swiper-button-next {
    height: auto;
    background: none;
}
.swiper-button-prev .iconcis, .swiper-button-next .iconcis {
    font-size: 30px;
    color: #999;
}
.cis-pagination .swiper-pagination-bullet {
    border: 1px solid #393939;
    background: #999;
}
.cis-pagination .swiper-pagination-bullet-active {
    background: #393939 !important;
}
.cis2-pagination .swiper-pagination-bullet {
    border: 1px solid #8f8f8f;
    background: transparent;
}
.cis2-pagination .swiper-pagination-bullet-active {
    background: #8f8f8f !important;
}
.page-item {
    margin: 0 5px;
}
.page-item:hover .page-link, .page-item.active .page-link {
    background: #e50012;
    border-color: #e50012;
    color: #fff;
}
.page-link {
    padding: 0 1rem;
    line-height: 1.6;
    border-color: #898989;
    color: #898989;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 0;
}
.breadcrumb {
    background: transparent;
    font-size: 14px;
    padding: 0;
}
.breadcrumb li, .breadcrumb a {
    color: #7f7f7f;
}
.breadcrumb .iconcis {
    vertical-align: bottom;
}
.bgicon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-right: 5px;
}
.bgicon-location {
    background: url("../images/base/location.png") no-repeat center;
}
.card {
    border: 0;
}
.card-header {
    position: relative;
    background: #e8e9ea;
    border: 0;
}
.card-header:after {
    content: '';
    position: absolute;
    left: 1.25rem;
    bottom: .36rem;
    width: 30px;
    height: 3px;
    background: #e50012;
}
.card-header a {
    font-size: 13px;
    color: #7f7f7f;
}
.figure img {
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.card-body {
    background: #fff;
    padding: 1.25rem 7% 1rem;
}
.card-code-line {
    position: relative;
    padding-bottom: 20px;
}
.card-code-line:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 26px;
    height: 2px;
    border: 1px solid #484848;
    background: #484848;
}
.card-code-line + .card-title-line {
    padding-bottom: 32px;
    bottom: 12px;
}
.card-code-line + .card-title-line:after {
    height: 4px;
}
.card-title-line {
    position: relative;
    margin: 0;
    padding-bottom: 30px;
    color: #484848;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.card-title-line:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 50px;
    height: 3px;
    border: 1px solid #484848;
    background: #484848;
}
.card-title a, .card-title-line a {
    color: inherit;
    text-decoration: none;
}
.card-text {
    font-size: .8125rem;
    color: #8f8f8f;
    text-align: justify;
}
.card-tags {
    width: 100%;
}
.card-tags.row * {
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.card-footer {
    border: 0;
    background: #f0f1f2;
    padding: .75rem 7%;
}
.team-card {
    position: relative;
    height: 580px;
    padding: 0 10% 20px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.team-card .card-img-top {
    display: block;
    width: 80%;
    height: auto;
    margin: 40px auto 0;
    border-radius: 50%;
}
.team-card .card-img-top img {
    border-radius: 50%;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.team-card .card-img-top:hover img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.team-card .card-subtitle {
    position: relative;
    font-size: 15px;
    margin-bottom: 30px;
}
.team-card .card-subtitle:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 30px;
    height: 4px;
    background: #333333;
}
.team-card .card-title {
    font-weight: bolder;
}
.team-card .card-body {
    background: #fff;
    padding: 2rem 0 0;
}
.team-card .card-text {
    text-indent: 30px;
    margin-bottom: 30px;
}
.team-card .btn {
    line-height: 1;
    padding: 7px 7px 9px 22px;
    color: #bfbfbf;
    border: 1px solid #cbcbcb;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.team-card .btn:hover {
    border-color: #e50012;
    color: #e50012;
}
.power-card {
    padding: 100px 0 0;
    height: 470px;
}
.power-card .card-img-top {
    display: block;
    width: 36%;
    height: auto;
    margin: 0 auto;
    border-radius: 50%;
}
.figure {
    display: block;
    position: relative;
    margin: 0;
    overflow: hidden;
}
.cis-mask {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    text-align: center;
}
.cis-mask-back {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    text-align: center;
}
.cis-mask, .cis-mask-back {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.slide-boom-mask, .slide-boom-mask-back {
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;

}
.figure:hover {
    cursor: pointer;
}
.slide-boom-mask {
    -ms-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}
.card:hover .slide-boom-mask, .figure:hover .slide-boom-mask {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.slide-boom-mask-back {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.card:hover .slide-boom-mask-back, .figure:hover .slide-boom-mask-back {
    -ms-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}
.cis-mask .iconcis, .cis-mask-back .iconcis {
    font-size: 2.6rem;
    margin: 0;
}
.cis-mask p, .cis-mask-back p {
    text-align: right;
    color: #fff;
    margin: 0;
}
.card:hover .cis-mask {
    opacity: 1;
}
.card:hover .cis-mask-back, .figure:hover .cis-mask-back {
    opacity: 0;
}
.card:hover .figure img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.card .list-group {
    padding: 30px 7%;
    background: #f0f1f2;
}
.list-group-item {
    background: transparent;
    border-color: #bfbfbf;
    padding: 1rem 1rem .625rem;
    line-height: 1.1;
}
.reveal-list li {
    font-size: 14px;
}
.reveal-list li h5 {
    display: inline-block;
    width: 65%;
    color: #4c4c4c;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.investor-list .reveal-list li h5 {
    width: 50%;
}
.reveal-list li .renext {
    float: right;
    display: none;
    margin: 2px 0 0 20px;
    line-height: 1.1;
}
.reveal-list li a:hover {
    color: #4c4c4c;
}
.reveal-list li:hover h5, .reveal-list li:hover a {
    color: #e50012;
}
.reveal-list li:hover .renext {
    display: inline-block;
}
.reveal-list li span .icon-pdf {
    color: #e50012;
}
@media (max-width: 1320px) {
    .reveal-list li span .iconcis {
        margin-left: 10px !important;
    }
}
.list-reveal .date {
    float: left;
    width: 60px;
    text-align: center;
    font-size: 15px;
}
.list-reveal .date em {
    line-height: 1.2;
    font-size: 35px;
    color: #e50012;
    font-weight: bolder;
    font-style: normal
}
.list-reveal .list-group-item {
    padding: .28rem 0;
}
.list-reveal .content {
    margin-left: 80px;
    padding-top: 5px;
}
.list-reveal .content a {
    display: block;
    font-size: 1rem;
    color: #2b2b2b;
}
.list-reveal .content p {
    font-size: 13px;
}
.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
/* 解决方案 */
.card-plan-body {
    background: #e5e6e8;
}
.card-plan-body .card-text {
    color: #4c4c4c;
}
/* 图文解释 */
.textures-info {
    padding: 60px 10px 20px 0;
}
@media (min-width: 576px) {
    .textures-info {
        padding: 40px 30px 20px;
    }
}
@media (min-width: 1500px) {
    .textures-info h3 {
        margin-bottom: 70px !important;
    }
}
.textures-info h3 {
    position: relative;
    font-size: 1.25rem;
    color: #2b2b2b;
    font-weight: 600;
    margin-bottom: 30px;
}
.textures-info h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 4px;
    background: #2b2b2b;
}
.textures-info .title {
    font-size: 1.25rem;
    color: #2b2b2b;
    margin-bottom: 10px;
}
.textures-info .subtitle {
    font-size: 13px;
    color: #4f4f4f;
}
.textures-info .content {
    overflow: hidden;
    max-height: 84px;
    font-size: 14px;
    line-height: 2;
    text-indent: 30px;
    color: #4c4c4c;
}
.textures-info .btn {
    line-height: 1;
    padding: 7px 7px 9px 22px;
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.textures-info .btn:hover {
    color: #e50012;
    border-color: #e50012;
}
.textures-info .news-time {
    position: absolute;
    top: 0;
    right: 0;
}
.textures-info .news-time p {
    margin-bottom: 5px;
    color: #2b2b2b;
    line-height: 1;
    text-align: right;
    font-weight: normal;
}
/*  通配页 */
.wildcard {
    width: 100%;
    height: 100%;
    background: url("../images/upload/cis_bg.jpg") no-repeat center;
    background-size: cover;
}
.wildcard .cis-user-modal {
    width: 450px;
    margin: 0 auto;
}
.wildcard .cis-user-modal .wrapper {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
}
.wildcard .user-header {
    padding: 24px 26px;
    color: #fff;
    font-size: 25px;
    line-height: 1;
    background: #e50012;
}
.wildcard .user-body {
    padding: 30px 70px 20px;
    background: rgba(35, 37, 39, .2);
}
.wildcard .btn-danger {
    padding: .2rem 0;
    background: #e50012;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.wildcard .input-group-text {
    background: #fff;
    color: #999;
    padding-right: 0;
}
.wildcard .form-control {
    border: 0;
}
.wildcard .user-footer {
    line-height: 44px;
    font-size: 13px;
    color: #999;
    text-align: center;
    background: #f9fafb;
}
.wildcard .changecode {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 41px;
}
.wildcard .user-body .title {
    position: relative;
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px;
}
.wildcard .user-body .title:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -16px;
    width: 36px;
    height: 4px;
    margin-left: -18px;
    background: #fff;

}
.quicklogin {
    padding: 0 50px 0 20px;
    border-right: 2px solid #828283;
}
.quicklogin .tips {
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    color: #999;
}
/* 布局 */
.layout {
    overflow: hidden;
    margin-bottom: 40px;
}
.layout-left-content {
    float: left;
    width: 79.4%;
    padding: 40px 5.53%;
}
.layout-right-content {
    float: right;
    width: 79.4%;
}
.layout-right-content .wrapper {
    padding: 40px 5.53%;
    min-height: 480px;
}
.layout-right {
    float: right;
    width: 20.6%;
}
.layout-left {
    float: left;
    width: 20.6%;
}
.layout-left .wrapper, .layout-right .wrapper {
    padding: 50px 18%;
}
.layout-right .annual {
    margin-top: 8rem;
}
.layout-right .annual p {
    color: #7f7f7f;
}
.layout-right .shortcut-entrance {
    padding: 40px 13.3%;
}
.layout-right .shortcut-entrance .title {
    font-size: 15px;
    color: #3a3a3a;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.6rem + 2px);
    padding: .2rem .3rem;
    color: #495057;
    border-color: #929293;
    border-radius: 0;
    font-size: 14px;
    background: transparent url('../images/base/select.png') no-repeat right .75rem center;
    background-size: 10%;
}
/* 投资者关系 */
.shares-detail {
    width: 560px;
    margin: 110px auto;
}
.shares-detail .shares-now {
    color: #b40810;
    font-size: 30px;
    font-weight: bolder;
}
.shares-detail .shares-now p {
    font-size: 15px;
    margin: 0;
    color: #b40810;
    font-weight: normal;
}
.shares-detail .tips {
    margin-top: 100px;
}
/* 图片预览 */
#zoom {
    z-index: 99990;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
    z-index: 99991;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    background: #ffffff no-repeat 50% 50%;
    padding: 0;
    margin: -100px 0 0 -100px;
    box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
#zoom .content.loading {
    background-image: url('../images/base/loading.gif');
}
#zoom img {
    display: block;
    max-width: none;
    background: #ececec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
#zoom .close {
    z-index: 99993;
    position: absolute;
    top: 60px;
    right: 80px;
    cursor: pointer;
    text-shadow: none;
    opacity: 1;
    color: #fff;
}
#zoom .previous,
#zoom .next {
    z-index: 99992;
    position: absolute;
    top: 50%;
    overflow: hidden;
    display: block;
    margin-top: -25px;
    font-size: 40px;
    color: #fff;
}
#zoom .previous {
    left: 44px;
}
#zoom .next {
    right: 44px;
}
#zoom .close:hover, #zoom .previous:hover,
#zoom .next:hover {
    color: #e50012;
    text-decoration: none;
}
/* 评论 */

.cis-operate {
    font-weight: normal;
    font-size: 13px;
    margin: 0;
}
.cis-operate .item {
    margin-right: 16px;
}
.cis-operate .iconcis {
    font-size: 16px;
    vertical-align: text-top;
}
.comment p {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.4;
    margin-bottom: 10px;
}
.comment-title {
    overflow: hidden;
    padding: 20px 0;
}
.comment-title .cis-operate {
    text-align: right;
    line-height: 26px;
}
.comment-title .isay, .isay {
    float: right;
    margin-left: 15px;
    padding: 5px 8px;
    line-height: 1;
    background: #7f7f7f;
    color: #fff;
}
.comment-box {
    font-size: 13px;
}
.comment-sum {
    line-height: 30px;
    margin: 5px 0;
}
.comment-text {
    position: relative;
    width: 100%;
    min-height: 80px;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.comment-text textarea {
    width: 80%;
    height: 100%;
    line-height: 1.6;
    border: 0;
    resize: none;
}
.comment-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background: #fff;
    text-align: center;
}
.comment-tip {
    line-height: 21px;
    color: #ccc;
}
.comment {
    padding-top: 20px;
}
.common-avatar {
    float: left;
    width: 60px;
    height: 60px;
    font-size: 0;
    border-radius: 50%;
    background: url('') 0 0 no-repeat;
}
.comment-block {
    padding: 0 0 10px 80px;
    border-bottom: 1px solid #4c4c4c;
}
.comment-content {
    line-height: 21px;
}
.comment-operate {
    margin-top: 16px;
    font-size: 13px;
}
.comment-operate .operate-item {
    cursor: pointer;
    margin-right: 14px;
}
.comment-operate .operate-item .iconcis {
    vertical-align: middle;
}
.operate-up {
    margin-right: 24px;
}
.reply {
    margin-left: 80px;
}
/* 公司简介 */
.profileContent {
    padding-bottom: 30px;
    border-bottom: 1px solid #d4d4d5;
}
.profileContent img {
    width: 100%;
    display: block !important;
}
.profileContent p {
    text-indent: 30px;
    color: #4c4c4c;
    line-height: 28px;
    text-align: justify;
}
.bigeventContent {
    padding-top: 30px;
    border-top: 1px solid #d6d7d8;
}
.bigeventContent h3 {
    text-align: center;
    font-size: 18px;
    color: #2b2b2b;
    margin: 0;
}
.bigeventContent p {
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
    margin: 0;
}
.bigeventContent .timeline {
    position: relative;
    padding: 0;
    margin: 40px 0 22px 0;
    list-style: none;
    background: transparent;
}
.bigeventContent .timeline:before {
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    content: "";
    background-color: #2b2b2b;
}
.bigeventContent .timeline > li {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 15px 0;
    position: relative;
}
.bigeventContent .timeline-dot {
    position: absolute;
    top: 7.5px;
    left: 50%;
    width: 60px;
    height: 30px;
    margin-left: -6px;
}
.bigeventContent .timeline-dot.dot-right {
    background: transparent url("../images/base/timeline_r.png") no-repeat center;
    background-size: 100%;
}
.bigeventContent .timeline-dot.dot-left {
    margin-left: -54px;
    background: transparent url("../images/base/timeline_l.png") no-repeat center;
    background-size: 100%;
}
.bigeventContent .timeline-content {
    overflow: hidden;
    float: left;
    width: 50%;
    padding: 10px 60px 0 0;
    text-align: right;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.bigeventContent .timeline-reverse .timeline-content {
    float: right;
    padding: 10px 0 0 60px;
    text-align: left;
}
.bigeventContent .timeline-content h4 {
    font-size: 20px;
    font-weight: bolder;
}
.bigeventContent .timeline-content p {
    font-size: 15px;
    line-height: 26px;
    text-align: inherit;
}
.leftnav {
    background: transparent;
    padding: 0;
}
.leftnav .nav-item {
    width: 100%;
    border-bottom: 1px solid #e7e8e9;
}
.leftnav a.nav-link {
    color: #3a3a3a;
    font-size: 15px;
}
.leftnav .nav-link:hover, .leftnav .nav-link.active {
    color: #e63a48;
}
.leftnav .nav-item .iconcis {
    font-weight: bolder;
}
.leftnav .nav-item span {
    display: inline-block;
    position: relative;
    margin-left: 1rem;
}
.leftnav .nav-link:hover span:after, .leftnav .nav-link.active span:after {
    content: '';
    position: absolute;
    left: 5px;
    bottom: -10px;
    width: 50px;
    height: 2px;
    background: #e63a48;
}
.jion-list {
    background: #e5e6e8;
}
.jion-list .job-item {
}
.jion-list .item-title {
    width: 100%;
    display: table;
    font-size: 13px;
    color: #2b2b2b;
    margin: 0;
    padding: 16px 0 12px;
    border-bottom: 1px solid #d6d7d8;
}
.jion-list .item-title li {
    position: relative;
    display: table-cell;
    padding: 4px;
}
.jion-list .item-title li:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    width: 1px;
    background: #d6d7d8;
}
.jion-list .item-title li:first-child {
    font-size: 16px;
}
.jion-list .item-title li:last-child {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jion-list .item-title li:last-child:after {
    width: 0;
}
.jion-list .item-content {
    background: #fff;
    padding: 30px 30px 30px 60px;
    font-size: 14px;
    color: #4d4d4d;
}
.jion-list .item-title .detailbtn {
    padding: 5px 0 5px 20px;
    border: 1px solid #4d4d4d;
    cursor: pointer
}
.jion-list .item-title .detailbtn:hover, .jion-list .item-title .detailbtn:active, .jion-list .item-title .detailbtn:link {
    color: #2b2b2b;
    text-decoration: none;
}
.jion-list .item-content p {
    line-height: 1;
}
.jion-list .item-content .applyjob {
    padding: 5px 0 5px 20px;
    border: 1px solid #4d4d4d;
    cursor: pointer;
    color: #e63a48;
    border: 1px solid #e63a48;
}
.jion-list .item-content .operation {
    margin-top: 30px;
}
.jion-list .item-content .cis-operate {
    font-size: 14px;
    color: #a3a3a3;
}
.team-member-box {
    position: relative;
    padding: 0 0 40px;
}
.team-member-box .swiper-wrapper {
    padding: 30px 0 0;
}
.team-member-box .swiper-pagination {
    width: 100% !important;
    bottom: 0 !important;
}
.team-member-box .swiper-pagination span {
    margin: 0 6px !important;
}
.team-member-box .team-card:hover {
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
.team-member-box .team-card:hover img {
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.team-member-detail {
    overflow: hidden;
    border-bottom: 1px solid #d6d7d8;
}
.team-member-detail img {
    width: 38.5%
}
.member-info {
    margin-left: 46.3%;
}
.member-info h5 {
    font-weight: bolder;
}
.member-info h6 {
    font-size: 15px;
    font-weight: 500;
}
.team-members {
    padding: 50px 13.3%;
}
.team-members .media {
    padding: 10.3% 7.27%;
    background: #fff;
}
.team-members .media img {
    width: 38%;
    height: auto;
    border-radius: 50%;
    margin-right: 15px;
    background: #fff;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.team-members .media:hover img {
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.team-members .media h5 {
    margin: 10px 0 5px;
    font-size: 15px;
    color: #2b2b2b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.team-members .media h6 {
    font-size: 13px;
    color: #2b2b2b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.team-members .nav-tabs-switch {
    top: 0;
}
/* 模态框 */
@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
        margin: 30px auto;
        padding-top: 10%;
    }
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    height: 48px;
    padding: 0 15px;
    background: #2b2b2b;
}
.modal-title {
    text-align: center;
    color: #e63a48;
    line-height: 48px;
}
.modal-header .close {
    margin-top: -2px;
    padding: 0 20px;
    opacity: 1;
    color: #fff;
    font-weight: 100;
    font-size: 40px;
}
.modal-body {
    padding: 20px 50px 20px;
}
.form-title {
    color: #2b2b2b;
    font-size: 14px;
    margin-bottom: 15px;
}
.form-title em {
    font-size: 20px;
}
.form-subtitle {
    padding: 10px 15px;
    font-weight: bolder;
    font-size: 15px;
    background: #e5e6e8;
}
.modal-body .form-group > * {
    background: #f7f8f9;
}
.modal-body .form-control {
    border: 0;
    background: transparent;
    box-shadow: none;
}
.modal-body textarea.form-control {
    resize: none;
}
.uploadbox {
    width: 76px;
    height: 34px;
    background: #4d4d4d;
    color: #fff;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    float: right;
    position: relative;
}
.uploadbox input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.codepic {
    padding: 0;
    line-height: 34px;
}
.codepic img {
    width: 80px;
    height: 34px;
}
.codepic .changecode {
    margin-left: 10px;
    cursor: pointer;
    white-space: nowrap;
}
.modal-footer {
    border: 0;
    padding: 0 0 40px 0;
    justify-content: center;
}
.modal-footer .btn {
    width: 100px;
    line-height: 1;
    font-size: 14px;
    border: 1px solid #a3a3a3;
    border-radius: 0;
    background: transparent;
}
/* 产品 */
.product-detail-banner {
    overflow: hidden;
    background-color: #f2f2f2;
}
.product-detail-banner .banner-left {
    float: left;
    width: 68.24%;
}
.product-detail-banner .baner-right {
    margin-left: 68.24%;
    padding: 0 4%;
}
@media (max-width: 1325px) {
    .product-detail-banner p, .product-detail-banner .content, .product-detail-banner .read {
        margin: 0 !important;
    }
    .product-detail-banner .textures-info h3 {
        margin-bottom: 10px !important;
    }
}
@media (max-width: 966px) {
    .product-detail-banner .banner-left {
        float: none;
        width: 100%;
    }
    .product-detail-banner .baner-right {
        margin-left: 0;
        padding: 0 4%;
    }
}
.product-detail-banner .textures-info .title, .product-detail-banner p, .product-detail-banner .content {
    font-size: 13px;
    margin-bottom: 10px;
}
.product-detail-box {
    overflow: hidden;
}
.product-detail-box img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 1.5rem;
}
/* 资质荣誉 */
.honor-list .col-sm-6, .honor-list .col-md-3 {
    padding: 0;
    cursor: pointer;
}
.honor-list .honor-imgbox {
    z-index: 3;
}
.honor-list .honor-imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}
.honor-list .honor-mask {
    -ms-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;

}
.honor-list .figure:hover .slide-boom-mask-back {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.honor-list .honor-mask .line {
    width: 36px;
    height: 3px;
    background: #fff;
    margin: 10px auto 20px;
}
.honor-list .honor-mask .shrink {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 auto;
    line-height: 26px;
    padding-left: 10px;
    font-size: 13px;
    border: 1px solid #dcdcdc;
    text-align: center;
}
.honor-list .honor-mask .shrink img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}
.viewer-btn {
    position: fixed;
    top: 50%;
    color: #fff;
    z-index: 2018;
}
.viewer-btn.viewer-prev1 {
    left: 5.2%;
}
.viewer-btn.viewer-next1 {
    right: 5.2%;
}
/* 新闻 */
.news-top-container .textures-info .content {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-media {
    overflow: hidden;
    position: relative;
    background-color: #f0f1f2;
}
.news-media .figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 52.36%;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-media .figure img {
    width: 100%;
    height: auto;
}
.news-media .figure:hover img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.news-media .news-media-body {
    float: right;
    width: 52.36%;
    padding: 15px 10px 10px 20px;
}
@media (min-width: 1200px) {
    .news-media .news-media-body {
        float: right;
        width: 52.36%;
        padding: 30px 20px 20px 40px;
    }
}
.news-media h5 {
    font-size: 1.2rem;
    color: #2b2b2b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-weight: 600;
}
.news-media .des {
	margin: 10px 0 0 0;
    line-height: 2;
    color: #4f4f4f !important;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-mask-back {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    padding: 20px;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: flex-end;
    color: #fff;
}
/**/
#mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1033;
    width: 100%;
    height: 100%;
}
#mask .wrap {
    position: fixed;
    top: 0;
    right: -378px;
    z-index: 1033;
    padding: 0 29px;
    width: 380px;
    height: 100%;
    background-color: #2b2b2b;
}
#mask .wrap p {
    margin-top: 80px;
    color: #8C8C8C;
    line-height: 18px;
    font-size: 13px;
}
#mask .wrap p span {
    display: block;
}
#mask .wrap p .tit {
    font-size: 20px;
    color: #df0022;
}
#mask .wrap p .column {
    margin-left: -16px;
    padding-left: 16px;
    background: url(../img/sitemap_arrow.png) no-repeat 0 7px;
    font-size: 13px;
}
#legal {
    background: url(../img/legal_tit.png) no-repeat 29px 77px;
}
#sitemap {
    background: url(../img/sitemap_tit.png) no-repeat 29px 77px;
}
#sitemap a {
    color: #a3a3a3;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    font-size: 13px;
}
#sitemap a.reenoo {
    font-weight: bold;
}
#sitemap a:hover {
    color: #e62b1e
}
#mask .classfiy {
    border-bottom: 1px solid #a3a3a3;
    margin-bottom: 8px;
    padding-bottom: 4px;
}
/* 尾部 */
footer, footer p {
    background: #2b2b2b;
    color: #bfbfbf;
}
.footer-wrapper {
    padding: 30px 2.6%;
}
footer .foot {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1;
    color: #bfbfbf;
    padding: 10px 0 16px;
    border-bottom: 1px solid #7a7a7a;
}
footer .foot a {
    font-size: 15px;
    padding: 0 8px;
}
.footer-group-link li {
    line-height: 1;
    font-size: 13px;
    margin-top: 14px;
    white-space: nowrap;
}
.footer-group-link li:first-child {
    font-size: 15px;
}
.take {
    position: relative;
    width: 160px;
    height: 30px;
    padding: 3px 0;
    border: 1px solid #656565;
    overflow: hidden;
    margin-bottom: 20px;
}
.take .take-ipt {
    width: 80%;
    position: absolute;
    left: 0;
    padding: 0 5px;
    background: transparent;
    border: 0;
}
.take .take-btn {
    float: right;
    font-size: 13px;
    padding: 0 5px;
    border-left: 1px solid #656565;
    cursor: pointer;
}
.websites {
    font-size: 13px;
}
.websites .custom-select {
    color: #666;
}
.keywords .row {
    flex-wrap: nowrap;
    margin: 0 auto 10px;
}
.keywords a {
    font-size: 13px;
    border: 1px solid #666;
    margin: 0 5px;
    padding: 5px 10px;
    white-space: nowrap;
}
.copyright {
    padding: 1.25rem 0 1.875rem;
    font-size: 14px;
    line-height: 1;
    color: #666;
    background-color: #1c1c1c;
    text-align: center;
}
/* login   register */
.dropdown-toggle::after {
    content: normal;
}
.flag {
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}
.flag-china {
    background: url("../images/base/china.jpg") no-repeat center;
}
.flag-english {
    background: url("../images/base/english.jpg") no-repeat center;
}
.flag-sprache {
    background: url("../images/base/sprache.jpg") no-repeat center;
}
.flag-japan {
    background: url("../images/base/japan.jpg") no-repeat center;
}
.login-menu {
    top: 48px;
    left: 50%;
    width: 345px;
    max-width: 345px;
    margin-left: -172px;
}
.loginReadly-menu {
    top: 48px;
    left: -58px;
    padding: 0 0 20px;
    background-color: #e50012;
    border-bottom: 0;
}
.loginReadly-menu .dropdown-item {
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff;
    font-size: 14px;
    padding: 10px 1.5rem;
}
.loginReadly-menu div.dropdown-item {
    padding: 10px 1rem;
}
.loginReadly-menu .dropdown-item:hover {
    background-color: #f9fafb;
}
.loginReadly-menu .dropdown-item .iconcis {
    color: #acacac;
    font-size: 15px;
    margin-right: 10px;
}
.index-login .wrapper {
    width: 265px;
    margin: 0 auto;
    padding-top: 20px;
}
.index-login h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.login-group {
    background: #f9fafb;
    padding: 10px 22px;
    margin-bottom: 20px;
}
.login-group input {
    border: 0;
    background: transparent;
    font-size: 13px;
}
.index-login .btn {
    width: 100%;
    height: 40px;
    background: #ee0018;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 16px;
}
.index-login .link {
    text-align: right;
    color: #999 !important;
    font-size: 13px;
    margin-bottom: 30px;
}
.index-login h5 {
    font-size: 15px;
    color: #333;
    text-align: center;
}
.index-login p {
    font-size: 13px;
    color: #999;
    text-align: center;
}
.index-login .login-footer {
    padding: 16px 0 10px;
    font-size: 12px;
    background: #f9fafb;
    text-align: center;
    color: #999;
    border-top: 1px solid #e4e4e5;
}
.search-menu {
    left: 50%;
    top: 48px;
    width: 346px;
    max-width: 346px;
    margin-left: -173px;
    padding: 20px 15px;
}
.search-menu input {
    width: 270px !important;
    border: 1px solid #ddd;
    border-radius: 0;
    border-right: 0;
}
.search-menu .btn {
    width: 40px;
    height: 35px;
    background: #ee0018;
    color: #fff;
    border-radius: 0;
}
.country-menu {
    left: 50%;
    top: 48px;
    margin-left: -81px;
}
.country-menu .dropdown-item {
    font-size: 14px;
}
/* 解决方案 */
.plan-detail {
    overflow: hidden;
    padding: 40px 48px 10px;
    background: #e5e6e8;
}
.plan-detail h4 {
    font-size: 1.5625rem;
    color: #2b2b2b;
}
.plan-detail h6 {
    font-size: .875rem;
    margin-bottom: 40px;
    color: #6e6e6e;
}
.plan-detail p {
    font-size: 14px;
    line-height: 2;
}
.plan-detail img {
    width: 100%;
    margin-bottom: 1rem;
}
/* 服务支持 */
.faqtitle {
    font-size: 18px;
    color: #3a3a3a;
    margin: 0;
}
.faqtitle .iconcis {
    font-size: 30px;
    vertical-align: sub;
}
.ask-list {
    padding: 0 0 50px 0;
    list-style: none;
}
.ask-item {
    margin-bottom: 10px;
}
.ask-item a {
    display: block;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    padding: 18px 26px 12px 16px;
    background: #fff;
}
.ask-item .item-content {
    background: #e5e6e8;
}
.ask-item .text {
    width: 87.5%;
    padding: 30px 0 10px;
    margin: 0 auto;
}
.ask-item .text p {
    font-size: 13px;
    line-height: 24px;
    text-indent: 30px;
    color: #4c4c4c;
}
.left-box {
    width: 100%;
}
.helpinfo {
    text-indent: 20px;
}
.map-search-box {
    overflow: hidden;
    position: relative;
}
.map-search-box #map {
    width: 100%;
    height: 100%;
}
.map-search-box .map-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    background: rgba(0, 0, 0, .8);
}
.search-result {
    position: absolute;
    top: 0;
    right: -460px;
    bottom: 0;
    width: 460px;
    background: #e5e6e8;
    padding: 30px;
}
.search-result p {
    font-size: 13px;
}
.map-search-box .input-group-text {
    width: 100px;
    height: 46px;
    background: #e50012;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    justify-content: center;
}
.map-search-box.form-control {
    border-radius: 0;
    font-size: 14px;
    color: #7f7f7f;
}
.search-result .list-group-item {
    border: 0;
    border-bottom: 1px solid #b2b3b4;
}
.search-result .location {
    background-size: 18px;
    width: 40px;
    height: 40px;
    float: left;
    padding-right: 20px;
    margin-right: 16px;
    color: #e50012;
    border-right: 2px solid #656566;
    background-position: left center;
}
.cooper-top {
    overflow: hidden;
    background-color: #e5e6e8;
}
.cooper-top-banner {
    float: left;
    width: 48.96%;
    margin-right: 6.6%;
}
.cooper-top-intro {
}
@media (max-width: 767px) {
    .cooper-top-banner {
        float: none;
        clear: both;
        width: 100%;
    }
    .cooper-top-intro {
        padding: 30px 4.4%;
    }
    .cooper-top-intro .intro-head:after {
        left: 0 !important;
    }
}
.cooper-top .intro-wrapper {
    padding-top: 30px;
}
.cooper-top .intro-head {
    position: relative;
    font-size: 25px;
}
.cooper-top .intro-head:after {
    content: '';
    position: absolute;
    left: 58.25%;
    bottom: -10px;
    height: 4px;
    border: 1px solid #656666;
    background: #2b2b2b;
    width: 60px;
}
.cooper-top .intro-text {
    overflow: hidden;
    padding-right: 4.4%;
    text-indent: 30px;
    max-height: 168px;
}
.cooper-conetent .demand-wrapper p {
    text-indent: 30px;
}
.suggest-top-box {
    overflow: hidden;
    background-color: #efefef;
}
.suggest-top-banner {
    float: left;
    width: 50.73%;
}
.suggest-top-intro {
    float: right;
    width: 45.67%;
    padding-right: 2%;
    padding: 60px 2% 10px;
}
@media (max-width: 1400px) {
    .suggest-top-intro {
        padding: 20px 2%;
    }
}
@media (max-width: 1160px) {
    .suggest-top-banner {
        float: none;
        clear: both;
        width: 100%;
    }
    .suggest-top-intro {
        float: none;
        clear: both;
        width: 100%;
        padding: 20px 2%;
    }
}
.suggest-top-box .intro-wrapper .title {
    margin-bottom: 50px;
    font-size: 20px;
    color: #3a3a3a;
}
.suggest-top-box .intro-wrapper input {
    border: 0;
}
.suggest-top-box .intro-wrapper .cis_gbook .code {
    width: 100px;
    height: 34px;
}
.suggest-top-box .intro-wrapper .cis_gbook .changeCode {
    color: #3a3a3a;
}
.suggest-top-box .intro-wrapper .cis_gbook .btn {
    margin: 0;
    padding: 0 20px;
    line-height: 34px;
    background: #fff;
    border-radius: 0;
}
.left-box h2 {
    font-size: 20px;
}
.document-down .table {
    margin-bottom: 0;
}
.document-down .table tbody {
    background: #fff;
}
.document-down .table td, .table th {
    border: 0;
    font-size: 14px;
}
.document-down .table td {
    padding: .2rem .75rem;
}
.document-down .detail {
    line-height: 1;
    border: 1px solid #3a3a3a;
    font-size: 14px;
    padding: 6px 15px 8px 20px;
    cursor: pointer;
}
.document-down .detail:hover {
    text-decoration: none;
    color: #e50012;
    border-color: #e50012;
}
.document-down .down-item .content {

    background: #e5e6e8;
}
.document-down .down-item .text {
    overflow: hidden;
    width: 87.5%;
    padding: 30px 0 10px;
    margin: 0 auto;
}
.document-down .agreenment1 {
    overflow: hidden;
    font-size: 14px;
    color: #4c4c4c;
    margin-bottom: 10px;
}
.document-down .down-item .text .dbtn {
    font-size: 15px;
    color: #3a3a3a;
    text-align: right;
}
.document-down .down-item .text .down:hover {
    color: #e50012;
}
.cis_gbook .tips {
    position: relative;
    border-bottom: 1px solid #dbdcdc;
    font-size: 20px;
    color: #4d4d4d;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.cis_gbook .tips:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    height: 1px;
    background: #e50012;
}
.cis_gbook img {
    width: auto;
    height: 34px;
}
.cis_gbook label {
    font-size: 13px;
    color: #848484;
}
.cis_gbook input {
    width: 48%;
    padding: 2px 3px;
    border: 0;
    border-bottom: 1px solid #dbdcdc;
    color: #848484;
}
.cis_gbook textarea {
    resize: none;
    overflow: hidden;
    border-radius: 0;
}
.cis_gbook .changeCode {
    font-size: 13px;
    line-height: 40px;
    color: #848484;
    white-space: nowrap;
    color: #848484;
    cursor: pointer;
}
.cis_gbook .btn {
    margin-top: 7px;
    padding: 5px 20px;
    border-color: #dcdcdc !important;
    color: #848484;
    background: transparent;
    border-radius: 0;
    font-size: 13px;
    padding: 2px 20px;
}
/* 图书馆 */
.library-row {
    margin: 0 -10px 0 -10px;
}
.library-col {
    float: left;
    width: 20%;
    padding: 0 10px;
}
@media (max-width: 1200px) {
    .library-col {
        float: left;
        width: 25%;
        padding: 0 10px;
    }
}
@media (max-width: 960px) {
    .library-col {
        float: left;
        width: 33.33%;
        padding: 0 10px;
    }
}
@media (max-width: 720px) {
    .library-col {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
}
.card-library-book {
    position: relative;
    background-color: #6a7283;
    padding: 20px 5%;
}
.card-library-book .book-cover {
    position: absolute;
    top: 20px;
    left: 16%;
    right: 16%
}
.card-library .card-title {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ebebeb;
}
.card-library .card-body {
    background: #f5f5f5;
}
.card-library p {
    font-size: 13px;
}
.card-library .operate {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.card-library .operate a {
    display: block;
    width: 30%;
    border: 1px solid #cecece;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
}
.library-top-box {
    padding: 80px 20px;
    background: #e5e6e8;
}
.library-cover {
    margin: 0 20px;
}
.library-cover .cover {
    display: block;
    width: 66%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.library-cover .bottom {
    margin-top: -5px;
}
.library-intro {
    padding-top: 30px;
}
.library-intro h3 {
    font-size: 20px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.library-intro h4 {
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #ebebeb;
}
.library-intro .txt {
    padding-bottom: 20px;
    border-bottom: 1px solid #dadbdc;

}
.library-intro p {
    font-size: 13px;
    color: #333;
    max-height: 154px;
    overflow: hidden;
    margin-bottom: 45px;
}
.library-operate input {
    width: 260px;
    margin-right: 10px;
}
.library-operate .library-operate-left {
    background: #fff;
    width: 260px;
    height: 42px;
    border: 1px solid #bababa;
    font-size: 15px;
    padding: 8px;
    margin-right: 10px;
}
.library-operate-left a {
    margin: 0 30px;
}
.library-operate-right {
    background: #fff;
    height: 42px;
    border: 1px solid #bababa;
    font-size: 15px;
    padding: 8px;
}
.library-operate-right a {
    padding: 0 20px
}
.library-operate button {
    background: #fff;
    border: 1px solid #bababa;
    padding: 3px 13px;
    font-size: 15px;
}
.ifra-tip-box {
    position: relative;
    background-color: #f5f5f5;
}
.ifra-tip-box .title {
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -12px;
    color: #4f4f4f;
}
.ifra-tip-box img {
    padding-right: 100px;
}
.ifra-tip-box .back {
    position: absolute;
    position: absolute;
    right: 2%;
    top: 50%;
    margin-top: -12px;
    color: #4f4f4f;
}
.ifra-tip-box .back .iconcis {
    vertical-align: text-bottom;
    font-size: 20px;
}
.news-detail-des h2 {
    font-size: 20px;
    color: #2b2b2b;
    text-align: center;
    margin-bottom: 10px;
}
.news-detail-des h3 {
    position: relative;
    font-size: 13px;
    color: #4f4f4f;
    text-align: center;
    margin-bottom: 60px;
}
.news-detail-des h3:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -40px;
    width: 80px;
    height: 3px;
    background: #e50012;
}
.news-detail-des img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 60px;
}
.news-detail-des p {
    color: #5d5d5d;
    font-size: 16px;
    text-align: justify;
}
.news-links {
    padding: 10px 0;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}
.news-links p {
    line-height: 1;
    margin: 5px 0;
    font-size: 15px;
    color: #2b2b2b;
}
.news-entrance {
    padding: 20px 10.6%;
}
.news-entrance .card-title {
    font-size: 14px;
    color: #2b2b2b;
    line-height: 1.6;
}
.news-entrance p.bg-line::after {
    width: 50px;
    bottom: 5px;
}
.news-entrance .nav-tabs-switch {
    top: 0;
}
.text-indent {
    text-indent: 30px !important;
}
/* 联系我们 */
.appoint-box {
    width: 900px;
    margin: 0 auto;
    padding: 20px 0;
}
.appoint-wrapper {
    border-radius: 10px;
    padding: 30px 50px;
    background: rgba(255, 255, 255, .1);
}
.appoint-form .title {
    font-size: 15px;
    color: #4d4d4d;
    background: #e5e6e8;
    padding: 8px 20px;
}
.appoint-form .title-suggest {
    font-size: 20px;
    color: #4d4d4d;
    margin: 40px 0 20px;
}
.appoint-form .col-form-label {
    padding-left: 20px;
    white-space: nowrap;
    background: #f7f8f9;
}
.appoint-form .form-control {
    border-radius: 0;
    background: #f7f8f9;
    border: 0;
}
.appoint-form .appoint-row {
    margin-bottom: 20px;
}
.appoint-form .appoint-row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.appoint-form .appoint-row .btn {
    padding: 5px 30px;
    border-radius: 0;
}
.appoint-form .changecode {
    line-height: 34px;
    cursor: pointer;
    color: #4d4d4d;
}
/* media */
.hall-card .card-body {
    padding: 1.25rem 5.8% 1rem;
    background: #f5f5f5;
}
.hall-card .card-body .card-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.photo-top-container {
    background: #e5e6e8;
}
.photo-tags {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #9b9b9b;
    padding: 10px 0 10px 10px;
    font-size: 12px;
    z-index: 9;
}
.photo-detail {
    width: 70.33%;
    margin: 0 auto;
	background-color: #e5e5e7;
	padding: 30px 80px 0;
}
.photo-detail .photo-title h3 {
    margin-bottom: 16px;
    font-size: 16px;
    color: #3f3f3f;
    font-weight: bolder;
}
.photo-detail .subtitle {
    padding: 20px 0;
}
.photo-detail .aPageNum {
    position: relative;
    float: left;
    width: 50px;
    line-height: 1;
}
.photo-detail .aPageNum p {
    line-height: 1;
    font-size: 20px;
    margin: 0;
}
.photo-detail .aPageNum:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 100%;
    height: 1px;
    background: #393939;
    /*border: 1px solid #969698;*/
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
}
.photo-detail .subtitle .txt {
    line-height: 1.7;
    margin: 0 80px;
    font-size: 13px;
    color: #3f3f3f;
}
.photo-detail .pic-prev, .pic-next {
    position: absolute;
    bottom: 16px;
    margin: 0;
    font-size: 24px;
    color: #484848;
    cursor: pointer;
    z-index: 9;
}
.photo-detail .pic-prev {
    right: 24px;
}
.photo-detail .pic-prev:after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 1px;
    height: 24px;
    background: #484848;
}
.photo-detail .pic-next {
    right: 0;
}
.photo-detail .enlarge {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url("../images/base/enlarge.png") no-repeat center;
    cursor: pointer;
}
.photo-detail .enlarge img {
    width: 100%;
    height: 100%;
    opacity: 0;
}
/* 404 */
.errorPage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.error-body {
    padding: 100px 15.6%;
}
.error-body .redline {
    width: 120px;
    height: 3px;
    background: #e50012;
    margin: 60px 0 10px;
}
.error-body .error {
    font-size: 100px;
    color: #fff;
    margin: 0 !important;
    font-family: fantasy;
    font-weight: 100;
    color: #fff;
}
.error-body p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}
.error-footer {
    margin-top: 120px;
}
.error-footer .links {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.error-footer .links a {
    padding: 0 20px;
    border-right: 1px solid #fff;
}
.error-footer .links p {
    font-size: 15px;
    color: #ccc;
    line-height: 1.4;
}
.error-footer .links .big {
    font-size: 20px;
    color: #fff;
}
.error-body .copy-right {
    overflow: hidden;
    font-size: 12px;
    color: #8c8c8c;
}
.error-body .copy-right p {
    float: left;
    margin-top: 20px;
    font-size: 12px;
    color: #8c8c8c;
}
/* 重置viewer */
.viewer-button {
    display: none;
!important;
}
/* 悬浮窗口 */
.qq-link {
    width: 131px;
    position: fixed;
    top: 114px;
    right: -141px;
    background: #f8f8f9;
    z-index: 100;
    border-radius: 5px;
    padding-bottom: 23px;
}
.qq-link > img {
    margin: 0 auto;
    display: block;
    margin-top: 22px;
    margin-bottom: 15px;
}
.qq-addr {
    width: 100%;
    height: 100%;
    text-align: center;
    border-left: 1px solid #cacacc;
    font-size: 15px;
    color: #595757;
    line-height: 26px;
    cursor: pointer;
}
.qq-addr:hover {
    background: #186eb5;
    color: #FFFFFF;
}
.qq-box {
    width: 118px;
    height: 28px;
    margin-left: 7px;
    padding-left: 25px;
    background-image: url(../images/base/qq-logo.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 3px 5px;
    border: 1px solid #cbcfd1;
    border-radius: 5px;
    margin-top: 7px;
}
.qq-ewm {
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 10px;
    background: url(../images/base/link-ewm.jpg);
    cursor: pointer;
    margin-top: 20px;
}
.focus-us {
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 7px;
    font-size: 12px;
    color: #666666;
    line-height: 13.5px;
    margin-top: 20px;
    cursor: pointer;
}
.btn-hide {
    width: 49px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #f8f8f8;
    float: left;
    margin-left: 5px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}
.btn-hide:hover {
    color: #C20D23;
}
.large-ewm {
    position: absolute;
    bottom: 0;
    right: 136px;
    display: none;
}
.ol-box {
    width: 32px;
    height: 140px;
    border: 1px solid #dfe1e3;
    background: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    right: 10px;
    top: 300px;
    z-index: 9;
    overflow: hidden;
}
.ol-box > div {
    width: 100%;
    height: 110px;
    background: #fdfdfd;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 8px;
}
.ol-box img {
    margin: 0 auto;
    display: block;
}
.ol-font {
    font-size: 12px;
    color: #666666;
    width: 12px;
    margin: 0 auto;
    margin-top: 10px;
}
.ol-box button {
    width: 100%;
    height: 25px;
    border: none;
    background: #FFFFFF;
    cursor: pointer;
    outline: none;
}
/* 动画 */
[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animation-slide-bottom {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom
}
.animation-slide-right {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom
}
@-webkit-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-o-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-o-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.hvr-wobble-horizontal {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e50012;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* Overline From Left */
.hvr-overline-from-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #e50012;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0;
}
/* flip */
.hvr-flip {
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.hvr-flip:hover, .hvr-flip:focus, .hvr-flip:active {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}