.fade-masking{
    background-image: -webkit-linear-gradient(bottom,#000,transparent);
    background-image: -moz-linear-gradient(bottom,#000,transparent);
    background-image: -ms-linear-gradient(bottom,#000,transparent);
    background-image: -o-linear-gradient(bottom,#000,transparent);
    background-image: linear-gradient(bottom,#000,transparent);
}
.more-button {
    border: 0;
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 87.5%;
    position: relative;
    overflow: hidden;
}
.more-button > .fl,
.more-button > .fr {
    position: relative;
    z-index: 2;
}
.more-button:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #de692a;
    z-index: 1;
    animation: button-move-bottom 0.2s linear forwards;
}
@keyframes button-move-bottom {
    0% {
        top: 0;
    }
    100% {
        top: 40px;
    }
}
.more-button:hover > .fl {
    color: #fff;
    border-color: #de692a !important;
}
.more-button:hover:before {
    animation: button-move-top 0.2s linear forwards;
}
@keyframes button-move-top {
    0% {
        top: -40px;
    }
    100% {
        top: 0;
    }
}
.more-button > .fl {
    border: 1px solid #fff;
    border-right: 0 none;
}
.more-button > .fr {
    background-color: #de692a;
}
.more-button > .fr:after {
    display: block;
    content: "";
    position: absolute;
    background-image: url(../images/home.png);
    -webkit-background-size: 76px 143px;
    -moz-background-size: 76px 143px;
    background-size: 76px 143px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 15px;
    margin: -7.5px 0 0 -6px;
    background-position: -18px -1px;
}
.more-button.default > .fl {
    border-color: #d2d2d5;
}
.more-button.mini {
    width: auto!important;
}
.more-button.mini > .fr {
    background-color: transparent;
    border: 1px solid #777777;
}
.more-button.mini > .fr:after {
    background-position: -18px -15px;
}
.more-button.white {
    background-color: #fff;
}
.more-button.active > .fr {
    background-color: #fff;
    border-color: #fff;
}
.more-button.active > .fr:after {
    background-position: -18px -28px;
}
.home-title{
    position: relative;
}
.home-title .nav{
    height: auto;
    line-height: unset;
}
.home-title .tel{
    color: #bfbfbf;
    font-weight: bold;
    transition: all 0.2s ease-out;
}
.home-title .tel:hover{
    color: #de692a;
}
.home-title .title {
    line-height: 1;
    font-size: 212.5%;
    font-weight: bold;
}
.home-title .title > .active,
.home-title .selected {
    color: #de692a;
}
.home-title .en {
    text-transform: uppercase;
    font-size: 75%;
    opacity: 0.5;
}
.home-title .tab-option > .item {
    float: left;
}
.home-title .tab-option > .item > .relative {
    padding-bottom: 20px;
}
.home-title.white {
    color: #fff;
}
.home-title.white .title {
    font-weight: normal;
}
.home-title.white .title > .selected {
    color: inherit;
    font-weight: bold;
}
.nav .relative:before {
    display: none;
}
.nav .relative:before,
.nav .relative:after {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background-image: url(../images/home.png);
    -webkit-background-size: 76px 143px;
    -moz-background-size: 76px 143px;
    background-size: 76px 143px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 20px;
    height: 12px;
    background-position: 0 0;
    left: 50%;
    bottom: 5px;
    margin-left: -10px;
}
.nav .active > .relative {
    color: #de692a;
}
.nav .active > .relative:before,
.nav .item:hover > .relative:before,
.nav .active > .relative:after,
.nav .item:hover > .relative:after {
    bottom: 0;
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.text-node {
    font-size: 14px;
    line-height: 1.6;
}
.time {
    font-size: 14px;
    opacity: 0.8;
}
.time > .home-icon-img {
    width: 18px;
    height: 18px;
    background-position: 0 -24px;
}
.swiper-pagination {
    line-height: 0.5;
}
.swiper-pagination.default > .swiper-pagination-bullet {
    background-color: #000;
    opacity: 0.2;
}
.swiper-pagination.white > .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.5;
}
.swiper-pagination > .swiper-pagination-bullet {
    vertical-align: middle;
    margin-left: auto!important;
}
.swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #de692a;
    opacity: 1;
}
.oppress {
    overflow: hidden;
}
.oppress img,
.oppress .cover-img,
.oppress .contain-img {
    transition: transform 6s linear;
}
.oppress:hover img,
.oppress:hover .cover-img,
.oppress:hover .contain-img {
    transform: scale(1.2);
}
.interaction:hover > .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.interaction:hover > .default {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.home-icon-img {
    background-image: url(../images/home.png);
    -webkit-background-size: 76px 143px;
    -moz-background-size: 76px 143px;
    background-size: 76px 143px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}
.change > .home-icon-img {
    position: static;
    width: 38px;
    height: 30px;
    margin-top: 0;
    background-position-y: -78px;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.change > .home-icon-img:after {
    display: none;
}
.change > .home-icon-img.swiper-button-prev {
    background-position-x: -38px;
}
.change > .home-icon-img.swiper-button-next {
    background-position-x: 0;
    margin-left: 36px;
}
.change > .home-icon-img:hover {
    opacity: 1;
    background-position-y: -48px;
}
.change.white > .home-icon-img {
    background-position-y: -108px;
}
.change.white > .home-icon-img:not(:hover) {
    opacity: 0.5;
}
.load-more-state {
    text-align: center;
}
.load-more-state .loading,
.load-more-state .end {
    display: none;
}
.load-more-state .default .cover-img {
    width: 16px;
    height: 27px;
    margin: 0 auto 10px;
    background-image: url(../images/down.png);
}
.load-more-state .loading .cover-img {
    width: 24px;
    height: 24px;
    margin: 0 auto 10px;
    background-image: url(../images/load.png);
    animation: xuanzhuan 2s ease-out infinite;
}
@keyframes xuanzhuan {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.load-more-state.loading .default,
.load-more-state.loading .end {
    display: none;
}
.load-more-state.loading .loading {
    display: block;
}
.load-more-state.end .default,
.load-more-state.end .loading {
    display: none;
}
.load-more-state.end .end {
    display: block;
}
.edit-content {
    line-height: 1.8;
}
.edit-content img {
    height: auto!important;
}
.point {
    text-align: left;
    color: #fff;
    font-size: 14px;
    max-width: 610px;
}
.point .icon-home-fill {
    display: inline-block;
    vertical-align: middle;
}
.point > a {
    display: inline;
}
.point > a:hover {
    color: #de692a;
}
#nav {
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
#nav.active {
    transform: translateY(-100%);
}
#nav.scroll {
    transform: translateY(0);
}
#fixed_nav {
    position: fixed;
    display: none;
    z-index: 2001;
    background-color: rgba(0, 0, 0, 0.2);
}
#fixed_nav > .close {
    position: absolute;
    width: 26px;
    height: 26px;
    z-index: 4;
    cursor: pointer;
}
#fixed_nav > .close:after,
#fixed_nav > .close:before {
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    height: 2px;
    background-color: #7f7f7f;
    top: 50%;
    margin-top: -1px;
}
#fixed_nav > .close:after {
    transform: rotateZ(45deg);
}
#fixed_nav > .close:before {
    transform: rotateZ(-45deg);
}
#fixed_nav > .container {
    z-index: 3;
}
#fixed_nav > .container > .relative {
    height: 100%;
    -webkit-box-align: space-around;
    -ms-flex-align: space-around;
    -webkit-align-conten: space-around;
    align-content: space-around;
}
#fixed_nav > .container > .relative > .row {
    width: 100%;
}
#fixed_nav > .container > .relative > .row a {
    font-size: 14px;
}
#fixed_nav > .container > .relative > .row a.title {
    font-weight: bold;
    font-size: 1.2em;
}
#fixed_nav > .container > .relative > .row a:not(.title) {
    float: left;
}
#fixed_nav > .container > .relative > .row a.circle {
    background-color: #de692a;
    color: #fff;
    text-align: center;
    border: 1px solid #de692a;
}
#fixed_nav > .container > .relative > .row a.circle:hover {
    background-color: #fff;
    color: #de692a;
}
#fixed_nav > .container > .relative > .row > .list:empty {
    display: none;
}
#fixed_nav > .container > .relative > .row > .list {
    margin-top: 0.6em;
}
#fixed_nav > .container > .relative > .row > .left {
    text-align: left;
}
#fixed_nav > .container > .relative > .row > .left > .key {
    color: #de692a;
    font-size: 0.9em;
    margin-bottom: 0.66em;
}
#fixed_nav > .container > .relative > .row:not(:last-child) {
    margin-bottom: 1em;
}
#fixed_nav > .container > .relative > .row.line {
    height: 0.15em;
    background-color: #de692a;
}
#navbar .slide{
    position: absolute;
    top: 100%;
    padding: 10px 36px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.5;
    background-color: #fff;
    margin-top: 8px;
}
#navbar .slide:empty{
    display: none;
}
#navbar .slide a{
    white-space: nowrap;
    margin: 16px auto;
    font-size: 87.5%;
    text-align: center;
}
#navbar .slide a:hover{
    color: #de692a;
    text-decoration: underline;
}
#navbar .item{
    position: relative;
    padding-bottom: 30px;
}
@media (max-width: 1500px){
    #navbar .item{
        padding-bottom: 20px;
    }
}
@media (max-width: 1200px){
    #navbar .item{
        padding-bottom: 16px;
    }
}
#navbar .item:hover .slide{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
     margin-top: 2px;
}
#navbar-button {
    left: auto;
    background-color: #de692a;
    z-index: 100;
    cursor: pointer;
    color: #fff;
    transition: all 0.2s ease;
    text-align: center;
}
#navbar-button:hover {
    background-color: #c15a22;
}
#navbar-button:hover #content > div {
    margin-left: 0!important;
}
#navbar-button.close #content > div {
    margin-left: 0!important;
}
#navbar-button.close #content > div:nth-of-type(1) {
    top: 50%;
    margin-top: -1px;
    transform: rotateZ(45deg);
}
#navbar-button.close #content > div:nth-of-type(2) {
    display: none;
}
#navbar-button.close #content > div:nth-of-type(3) {
    bottom: 50%;
    margin-bottom: -1px;
    transform: rotateZ(-45deg);
}
#navbar-button #content {
    position: relative;
    margin-left: 0.25em;
    width: 1.5em;
    height: 1.125em;
}
#navbar-button #content > .transition2 {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 0.125em;
}
#navbar-button #content > .transition2:nth-of-type(1) {
    top: 0;
}
#navbar-button #content > .transition2:nth-of-type(2) {
    top: 50%;
    margin-top: -1px;
    margin-left: 6px;
}
#navbar-button #content > .transition2:nth-of-type(3) {
    bottom: 0;
    margin-left: 16px;
    animation: run-line-2 6s linear infinite;
}
@keyframes run-line-2 {
    0% {
        margin-left: 16px;
    }
    10% {
        margin-left: 18px;
    }
    20% {
        margin-left: 16px;
    }
    30% {
        margin-left: 18px;
    }
    40% {
        margin-left: 12px;
    }
    70% {
        margin-left: 22px;
    }
    100% {
        margin-left: 16px;
    }
}
#banner {
    color: #fff;
}
#banner .banner-content:after {
    display: block;
    content: "";
}
#banner .banner-content .fade-masking{
    top: auto;
    height: 36%;
}
#banner #banner-text {
    z-index: 2;
    text-align: center;
}
#banner #banner-text .full {
    top: auto;
}
#banner #banner-text .title {
    font-size: 300%;
    margin-bottom: 20px;
    font-weight: bold;
    opacity: 0;
    transform: translateY(-50%);
}
#banner #banner-text .en {
    text-transform: uppercase;
}
#banner #banner-text .more-button {
    margin-top: 60px;
    margin-bottom: 60px;
}
#banner #banner-text .swiper-slide.swiper-slide-active .title {
    animation: banner-title-move-1 0.8s ease-in forwards;
}
@keyframes banner-title-move-1 {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
#banner > .swiper-pagination {
    position: absolute;
    z-index: 5;
    right: 0;
}
#banner > .swiper-pagination > .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 0;
    opacity: 1;
    position: relative;
    background-color: transparent;
}
#banner > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}
#banner #banner-page {
    z-index: 3;
    top: auto;
    font-weight: bold;
    font-size: 87.5%;
}
#banner #banner-page > .content {
    width: auto;
    position: absolute;
    left: 0;
    line-height: 1;
    bottom: 100%;
}
#banner #banner-page > .content > span {
    display: inline-block;
    vertical-align: middle;
}
#banner #banner-page > .content > span.swiper-pagination-current {
    font-size: 170%;
    color: #de692a;
    transform: translateY(-50%);
}
#banner #banner-page > .content > span.swiper-pagination-total {
    transform: translateY(50%);
}
#banner #scroll-down {
    cursor: pointer;
    z-index: 4;
    top: auto;
    font-size: 87.5%;
    text-align: center;
    width: 80px;
    margin: 0 auto;
}
#banner #scroll-down:after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background-image: -webkit-linear-gradient(top, #fff, transparent);
    background-image: linear-gradient(top, #fff, transparent);
}
#home-about > .cover-img {
    /*background-position: top center;*/
    /*-webkit-background-size: 100% 50%;*/
    /*-moz-background-size: 100% 50%;*/
    /*background-size: 100% 60%;*/
    background-image: url(../images/home-about-bg.jpg);
}
#home-company .quote {
    background-image: url(../images/title-black.png);
    transform: translate(-50%, -50%);
    width: 125px;
    height: 115px;
}
#home-company .text-node{
    max-height: 157px;
    -webkit-line-clamp: 7;
    height: auto;
}
#home-company .home-title {
    background: url(../images/logo.png) no-repeat scroll right center;
}
#home-company .more-button {
    margin-left: 0;
    margin-top: 24px;
}
#home-data {
    /*background-image: url(../images/home-about-data.jpg);*/
    
    background-image: url(../images/home-news-hover.png.jpg);
    
    color: #fff;
}
#home-data .row {
    position: relative;
    cursor: pointer;
    padding: 30px 0;
}
#home-data .row:after {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: block;
    content: "";
    position: absolute;
    background-image: url(../images/home.png);
    -webkit-background-size: 76px 143px;
    -moz-background-size: 76px 143px;
    background-size: 76px 143px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    width: 20px;
    height: 12px;
    background-position: 0 -12px;
    top: 50%;
    right: 0;
    margin-top: -6px;
}
#home-data .row:last-child .full {
    display: none;
}
#home-data .row:hover:after {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#home-data .row:hover .line:after {
    width: 55%;
}
#home-data .data {
    font-weight: bold;
}
#home-data .full {
    top: auto;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
#home-data .full:after {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    content: "";
    height: 100%;
    background-color: #fff;
    width: 0;
}
#home-data > .body-content {
    transform-style: preserve-3d;
}
#home-data > .body-content,
#home-data > .body-content > .content > .row,
#home-data > .body-content > .content {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
#home-data > .body-content > .content {
    color: #666;
    line-height: 1;
}
#home-data > .body-content > .content.fade {
    display: block;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
#home-data > .body-content > .content.fade > .row {
    transform: rotateX(-90deg);
}
#home-data .body-content.active > .default {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
#home-data .body-content.active > .default > .row {
    transform: rotateX(-90deg);
}
#home-data .body-content.active > .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#home-data .body-content.active > .fade > .row {
    transform: rotateX(0);
}
#home-video {
    position: relative;
    opacity: 1!important;
}
#home-video > .tab-option {
    z-index: 2;
    bottom: auto;
    background-color: rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#home-video > .tab-option > .item {
    width: 50%;
    float: left;
    font-size: 125%;
}
#home-video > .tab-option > .item.active {
    background-color: #de692a;
}
#home-video > .tab-option > .item > .content {
    position: relative;
    max-width: 220px;
    width: 80%;
    margin: 0 auto;
}
#home-video > .tab-option > .item > .content:after,
#home-video > .tab-option > .item > .content:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #fff;
}
#home-video > .tab-option > .item > .content:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 0;
}
#home-video > .tab-content {
    position: relative;
    background-color: #5e5e5e;
    z-index: 1;
}
#home-video > .tab-content .cover-img {
    position: relative;
}
#home-video.body-content > .tab-content .cover-img {
    padding: 0;
}
#home-video > .tab-content .full {
    top: auto;
    text-align: center;
    color: #fff;
}
#home-video > .tab-content .iconfont {
    color: #de692a;
    font-size: 320%;
}
#home-video > .tab-content .title {
    font-size: 200%;
    margin-top: 3%;
    margin-bottom: 16px;
}
#home-video > .tab-content .en {
    text-transform: uppercase;
    font-size: 60%;
    opacity: 0.5;
}
#home-video > .tab-content .button-play {
    cursor: pointer;
    position: relative;
}
#home-video > .tab-content .button-play:after,
#home-video > .tab-content .button-play:before,
#home-video > .tab-content .button-play > .content {
    -webkit-border-radius: 960px;
    -moz-border-radius: 960px;
    border-radius: 960px;
}
#home-video > .tab-content .button-play > .content {
    position: relative;
    z-index: 2;
    width: 50%;
    height: 50%;
    top: 25%;
    background-color: #de692a;
    margin: 0 auto;
}
#home-video > .tab-content .button-play > .content:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
}
#home-video > .tab-content .button-play:before {
    animation: button-play-ripple 4s linear infinite;
}
@keyframes button-play-ripple {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    75% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
#home-video > .tab-content .button-play:after,
#home-video > .tab-content .button-play:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.5);
}
#home-video > .tab-content .button-play:after {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}
#home-video > .tab-content .button-play:hover:after {
    opacity: 0.2;
}
#home-video.body-content > .tab-content .title {
    opacity: 0;
    transform: rotateX(-90deg);
}

#home-video:not(.body-content) > .tab-content .title {
    opacity: 1;
    transform: rotateX(0deg);
}


#fade-panel {
    display: none;
    position: fixed;
    z-index: 2100;
}
#fade-panel .close {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: 16px 0 0 -16px;
    width: 32px;
    height: 32px;
    opacity: 0.4;
    cursor: pointer;
}
#fade-panel .close:hover {
    opacity: 1;
}
#fade-panel .close:after,
#fade-panel .close:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: -0.5px;
    background-color: #fff;
}
#fade-panel .close:before {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
#fade-panel .close:after {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
#panel-bg {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}
#panel-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 852px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#panel-content.img,
#panel-content.video {
    height: 80%;
}
#panel-content.img > .img {
    display: block;
}
#panel-content.video > .video {
    display: block;
}
#panel-content.iframe > .iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0 none;
    display: block;
}
#panel-content.iframe:after {
    display: block;
    content: "";
    width: 100%;
    padding-top: 64%;
}
#panel-content > .video-box {
    max-width: 100%;
    max-height: 100%;
    display: none;
}
#home-business {
    color: #fff;
    text-align: center;
}
#home-business > .cover-img {
    min-height: 480px;
}
#home-business > .cover-img:after {
    display: block;
    content: "";
    padding-top: 48.95833333%;
}
#home-business > .cover-img > .swiper-pagination {
    position: absolute;
    bottom: 24px;
}
#business-title {
    pointer-events: none;
    position: relative;
    margin-top: 1%;
}
#business-title > .contain-img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    top: 50%;
    bottom: auto;
    background-image: url(../images/title-white.png);
}
#business-title > .contain-img:after {
    display: block;
    content: "";
    padding-top: 91.93548387%;
}
#business-title > .home-title {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
#business-direc {
    top: 25%;
    bottom: auto;
    z-index: 2;
}
#business-direc > .swiper-change {
    width: auto;
    color: #fff;
    font-size: 12px;
    margin-top: -18px;
    height: auto;
    font-weight: bold;
    text-transform: uppercase;

}
#business-direc > .swiper-change:not(.swiper-button-disabled) {
    animation: fade-swiper-button 2s linear infinite;
}
@keyframes fade-swiper-button{
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}
#business-direc > .swiper-change > .direc {
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
#business-direc > .swiper-change > .direc:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
    border: 1px solid #fff;
    border-radius: 4px;
    transform: rotateZ(45deg);
}
#business-direc > .swiper-change > .direc:after {
    text-transform: none;
    font-family: swiper-icons;
    color: #fff;
}
#business-direc > .swiper-change:after {
    display: none;
}
#business-direc > .swiper-change.swiper-button-prev {
    left: 0;
}
#business-direc > .swiper-change.swiper-button-prev > .direc {
    text-indent: -2px;
    margin-right: 12px;
}
#business-direc > .swiper-change.swiper-button-prev > .direc:after {
    content: 'prev';
}
#business-direc > .swiper-change.swiper-button-next {
    right: 0;
}
#business-direc > .swiper-change.swiper-button-next > .direc {
    text-indent: 2px;
    margin-left: 12px;
}
#business-direc > .swiper-change.swiper-button-next > .direc:after {
    content: 'next';
}
#business-direc > .swiper-change:hover {
    opacity: 1;
    animation: none;
}
#business-direc > .swiper-change:hover > .direc:before {
    border-color: #fff;
}
#business-container .container {
    height: 100%;
    position: relative;
}
#business-container .container > .full {
    top: auto;
}
#business-container .container > .full > .title > .small {
    font-size: 70%;
}
#business-container .container > .full > .text-node {
    opacity: 0.7;
}
#business-container .container > .full > .home-icon-img {
    width: 20px;
    height: 12px;
    background-position: 0 -12px;
}
#business-container .container > .full > .cover-img {
    width: 35px;
    height: 35px;
    margin: 0 auto 16px;
}
#business-container .container > .full > .cover-img.business-01 {
    background-image: url(../images/business_01.png);
}
#business-container .container > .full > .cover-img.business-02 {
    background-image: url(../images/business_02.png);
}
#business-container .container > .full > .cover-img.business-03 {
    background-image: url(../images/business_03.png);
}
#business-container .container > .full > .cover-img.business-04 {
    background-image: url(../images/business_04.png);
}
#business-container .container > .full > .cover-img.business-05 {
    background-image: url(../images/business_05.png);
}
#business-container .container > .full > .cover-img.business-06 {
    background-image: url(../images/business_06.png);
}
#business-container .container > .full > .cover-img.business-07 {
    background-image: url(../images/business_07.png);
}
#business-container .container > .full > .cover-img.business-08 {
    background-image: url(../images/business_08.png);
}
#business-container .container > .full > .cover-img.business-09 {
    background-image: url(../images/business_09.png);
}
#business-container .container > .full > .cover-img.business-10 {
    background-image: url(../images/business_10.png);
}
#business-container .swiper-slide:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
    z-index: 1;
    background-image: -webkit-linear-gradient(bottom, #e07034b3, #e070344d);
    background-image: -moz-linear-gradient(bottom, #e07034b3, #e070344d);
    background-image: -ms-linear-gradient(bottom, #e07034b3, #e070344d);
    background-image: -o-linear-gradient(bottom, #e07034b3, #e070344d);
    background-image: linear-gradient(bottom, #e07034b3, #e070344d);
    opacity: 0;
}
#business-container .swiper-slide > .body-content {
    z-index: 2;
}
#business-container .swiper-slide:hover:after {
    opacity: 1;
}
#business-container .swiper-slide:hover .container > .full.fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#business-container .swiper-slide:hover .container > .full.default {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
#home-news1 > .cover-img {
    background-image: url(../images/home-news-bg.jpg);
}
#home-news1 > .cover-img > .cover-img {
    padding-top: 9.94791667%;
    background-image: url(../images/home-news-bottom.png);
}
#news1-container .swiper-slide > .container {
    position: relative;
}
#news1-container .swiper-slide > .container > .content .news-title {
    line-height: 1.5;
    font-weight: bold;
}
#news1-container .swiper-slide > .container > .content > .more-button {
    display: inline-block;
}
#news1-container .swiper-slide > .container > .content.default {
    color: #fff;
}
#news1-container .swiper-slide > .container > .content.default > .fade-masking {
    top: auto;
    height: 40%;
}
#news1-container .swiper-slide > .container > .content.default > .news-title {
    top: auto;
    margin: 1em;
}
#news2-container .swiper{
    margin-bottom: 0;
}
#news2-container .col-item-content {
    position: relative;
}
#news2-container .col-item-content .default{
    background-color: #fff;
}
#news2-container .col-item-content .fade {
    padding: 9%;
}
#news2-container .col-item-content .fade .text-node {
    height: 67px;
    -webkit-line-clamp: 3;
}
#news2-container .col-item-content .fade > .info > .fl {
    color: #de692a;
}
#news2-container .col-item-content .default .text-node {
    display: none;
}
#news2-container .col-item-content .right {
    padding: 9%;
    background-color: #fff;
}
#news2-container .col-item-content .info {
    line-height: 18px;
    height: 18px;
}
#news2-container .col-item-content .title {
    -webkit-line-clamp: 2;
    line-height: 1.5;
}
#news2-container .col-item-content .news-img:after {
    display: block;
    content: "";
}
#news2-container .col-item-content .more-button {
    position: absolute;
    left: 9%;
    bottom: 7%;
}
#news2-container .col-item-content .fade > .home-icon-img,
#news2-container .col-item-content .right > .home-icon-img {
    display: none;
}
#news2-container .col-item-content > .content.fade {
    background-image: url(../images/home-news-hover.png.jpg);
}
#news2-container .swiper-slide:nth-of-type(3) .fade > .home-icon-img,
#news2-container .swiper-slide:nth-of-type(4) .fade > .home-icon-img,
#news2-container .swiper-slide:nth-of-type(5) .fade > .home-icon-img,
#news2-container .swiper-slide:nth-of-type(3) .right > .home-icon-img,
#news2-container .swiper-slide:nth-of-type(4) .right > .home-icon-img,
#news2-container .swiper-slide:nth-of-type(5) .right > .home-icon-img {
    margin-top: 24px;
    width: 35px;
    height: 6px;
    background-position: 0 -42px;
}
#news2-container .swiper-slide:nth-of-type(3) .title,
#news2-container .swiper-slide:nth-of-type(4) .title,
#news2-container .swiper-slide:nth-of-type(5) .title {
    font-size: 18px;
}
#footer {
    color: #fff;
    background-color: #343434;
}
#footer > .cover-img {
    background-image: url(../images/footer.jpg);
}
#footer .iconfont.circle {
    text-align: center;
    border: 1px solid #fff;
}
#footer-left > .logo > img {
    -webkit-filter: invert(100%) grayscale(100%) brightness(1000%);
    filter: invert(100%) grayscale(100%) brightness(1000%);
}
#footer-left > .address > .title {
    font-size: 112.5%;
    color: #de692a;
    margin-bottom: 24px;
}
#footer-left > .share {
    color: #de692a;
}
#footer-left > .share > .iconfont {
    background-color: #fff;
    margin-right: 20px;
}
#footer-left > .share > .iconfont:hover {
    border-color: #de692a;
    background-color: #de692a;
    color: #fff;
}
#footer-right > .icon-arrow-up:hover {
    background-color: #fff;
    color: #343434;
}
#footer-right > .tel {
    font-weight: bold;
    line-height: 1;
    background-image: url(../images/tel.png);
    background-position: left center;
}
#footer-right > .wechat {
    line-height: 2;
    text-align: center;
    max-width: 100px;
    margin: 0 auto;
}
#footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    text-align: center;
}
#footer-bottom > .left,
#footer-bottom > .right {
    margin-top: 2px;
    margin-bottom: 2px;
    opacity: 0.5;
    word-break: keep-all;
}
#column > .set {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    max-height: 64vh;
}
#column > .set:after {
    display: block;
    content: "";
}
#column > .full {
    top: auto;
}
#column > .full:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    margin: 0 -100px;
    pointer-events: none;
    background-image: -webkit-linear-gradient(bottom, #000, transparent);
    background-image: -moz-linear-gradient(bottom, #000, transparent);
    background-image: -ms-linear-gradient(bottom, #000, transparent);
    background-image: -o-linear-gradient(bottom, #000, transparent);
    background-image: linear-gradient(bottom, #000, transparent);
    opacity: 0.5;
}
#column > .full > .point {
    position: relative;
    z-index: 2;
    bottom: -24px;
}
#profile {
    background-image: url(../images/about.jpg);
    background-position: right bottom;
}
#about-data {
    width: 38.4em;
    padding-bottom: 30px;
}
#about-data > .col-2-item {
    float: left;
}
#about-data > .col-2-item > .col-item-content {
    white-space: nowrap;
    margin-left: 2em;
    padding: 1.5em 0;
    position: relative;
    color: #999;
    height: 2em;
    line-height: 2em;
}
#about-data > .col-2-item > .col-item-content > .bottom-item {
    font-size: 0.8em;
}
#about-data > .col-2-item > .col-item-content > .data {
    font-size: 2.3em;
    font-weight: bold;
    font-family: Arial;
}
#about-data > .col-2-item > .col-item-content > img {
    max-height: 100%;
}
#about-data > .col-2-item > .col-item-content > .full {
    top: auto;
    height: 1px;
    background-color: #cccccc;
}
#about-data > .col-2-item > .col-item-content > .full > .transition2 {
    height: 100%;
    width: 0;
    background-color: #de692a;
}
#about-data > .col-2-item > .col-item-content:hover {
    color: #de692a;
}
#about-data > .col-2-item > .col-item-content:hover > .full > .transition2 {
    width: 40%;
}
#about-data > .col-2-item:nth-last-child(1) > .col-item-content > .full,
#about-data > .col-2-item:nth-last-child(2) > .col-item-content > .full {
    display: none;
}
#development {
    z-index: 2;
    padding-bottom: 5em;
}
#select_year {
    overflow: hidden;
}
#select_year > .contain-img {
    display: none;
}
#select_year > .list {
    overflow-x: hidden;
    overflow-y: scroll;
}
#select_year > .list::-webkit-scrollbar {
    display: none;
}
#select_year > .list > .li {
    font-family: Arial;
    color: #cccccc;
    font-weight: bold;
}
#select_year > .list > .li > .content > .year {
    color: #7f7f7f;
    font-size: 0.9em;
}
#select_year > .list > .li > .content > .year > .item:hover,
#select_year > .list > .li > .content > .year > .active {
    color: #de692a;
    cursor: pointer;
}
#select_year > .list > .li.active {
    padding: 0 15%;
    color: #de692a;
}
#select_year > .list > .li.active > .scope:after {
    width: 500px;
}
#development_content > .title {
    font-size: 3em;
    line-height: 1em;
    font-weight: bold;
    color: #de692a;
    margin-bottom: 1em;
    font-family: Arial;
}
#development_content > .title > .month > .bottom-item {
    line-height: 1em;
}
#development_content > .title > .month > .contain-img {
    font-size: 0.6em;
    margin-left: 0.44em;
    padding-left: 0.8em;
    background-image: url(../images/right.png);
    background-position: left center;
}
#development_content > .title > .month > .en {
    font-size: 0.333em;
    color: #c6c4c4;
}
#development_content > .text-node {
    height: 180px;
    overflow-y: scroll;
    padding-right: 5%;
}
#development_content > .text-node::-webkit-scrollbar {
    width: 3px;
    background-color: #dbd8d9;
}
#development_content > .text-node::-webkit-scrollbar-thumb {
    background-color: #de692a;
    border-radius: 2px;
}
#development_month {
    margin: 50px -2em 0 0;
    /*margin: 5.55em -1em 0;*/
    font-size: 0.8em;
    padding-top: 2em;
}
#development_month > .item {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 2em;
    margin-bottom: 6px;
    height: 10em;
    /*width: 8.33333333%;*/
    text-align: center;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}
#development_month > .item:hover {
    color: #de692a;
}
#development_month > .item:hover > .top-item:after {
    border-color: #de692a;
}
#development_month > .item.active {
    color: #de692a;
}
#development_month > .item.active > .top-item:after {
    border-color: #de692a;
}
#development_month > .item.active > .top-item:before {
    opacity: 1;
}
#development_month > .item:nth-of-type(2n-)  {
    /*height: 10em;*/
    top: -2em;
}
#development_month > .item:nth-of-type(2n)  {
    top: 2em;
}

#organ {
    z-index: 5;
    margin-top: 0!important;
}
#team > .body-content > .clear > .fl > img {
    width: 100%;
}
#team > .body-content > .clear > .right > .title {
    font-weight: bold;
}
#team > .body-content > .swiper {
    margin-right: -3%;
}
#team > .body-content > .swiper .content {
    margin-bottom: 15%;
    position: relative;
}
#team > .body-content > .swiper .content .padding {
    padding-left: 12px;
    padding-right: 12px;
}
#team > .body-content > .swiper .content .title {
    font-size: 20px;
    margin-bottom: 10px;
}
#team > .body-content > .swiper .content .zw {
    margin-top: 14px;
}
#team > .body-content > .swiper .content .more-button {
    position: absolute;
    right: 12px;
}
#team > .body-content > .swiper .content > .masking {
    top: 50px;
    background-color: #f4f1f2;
    z-index: 1;
}
#team > .body-content > .swiper .content > .default {
    z-index: 2;
}
#team > .body-content > .swiper .content > .default > .cover-img {
    padding-top: 114.63414634%;
}
#team > .body-content > .swiper .content > .default > .box {
    padding-top: 30px;
    padding-bottom: 30px;
}
/*-------------------todo---------------------------*/
#team > .body-content > .swiper .content > .default > .box:after {
    content: "敬请期待...";
    color: #999;
}
#team > .body-content > .swiper .content > .default > .box > .left {
    margin-right: 56px;
    line-height: 1;
    font-weight: bold;
    /*-------------------todo---------------------------*/
    display: none;
}
#team > .body-content > .swiper .content > .default > .box > .left > .zw {
    margin-top: 10px;
    color: #de692a;
}
#team > .body-content > .swiper .content > .default > .box > .more-button {
    top: 50%;
    margin: -20px 0 0;
    /*-------------------todo---------------------------*/
    display: none;
}
#team > .body-content > .swiper .content > .fade {
    z-index: 3;
    background-color: #de692a;
    color: #fff;
    padding-top: 12%;
    padding-bottom: 36px;
    /*-------------------todo---------------------------*/
    display: none;
}
#team > .body-content > .swiper .content > .fade > .relative {
    height: 100%;
}
#team > .body-content > .swiper .content > .fade > .relative > .more-button {
    bottom: 0;
}
#team > .body-content > .swiper .content > .fade > .relative > .text-node {
    margin-top: 24px;
    -webkit-line-clamp: 5;
    height: 112px;
}

#honor .home-title > .item:not(:first-child) {
    margin-left: 60px;
}
#honor .home-title > .item .text {
    display: block;
    padding-bottom: 14px;
}
#honor .swiper {
    margin-bottom: 0;
}
#honor .swiper .col-item-content {
    padding: 9%;
    background-color: #fff;
}
#honor .swiper .col-item-content > .title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1.8em;
}
#honor .swiper .col-item-content > .contain-img {
    padding-top: 64.87119438%;
}
#honor .swiper .col-item-content:hover {
    color: #fff;
    background-color: #d0703b;
}
#honor .swiper > .swiper-pagination {
    width: auto;
    margin: 0 auto;
    transform: translate(0);
}
#company-video .swiper .swiper-scrollbar {
    width: auto;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}
#company-video .swiper .swiper-scrollbar-drag {
    background-color: #de692a;
}
#company-video .swiper .content {
    color: #de692a;
    background-color: #f4f1f2;
}
#company-video .swiper .content > .relative {
    padding-top: 62.5%;
    overflow: hidden;
}
#company-video .swiper .content > .box .time {
    font-size: 14px;
    color: #868585;
    margin-left: 30px;
}
#company-video .swiper .content > .box .time .iconfont {
    opacity: 0.6;
}
#company-video .swiper .content > .box .title {
    line-height: 1.6;
    color: #333;
}
#company-video .swiper .content > .box .m-video {
    cursor: pointer;
    border-top: 1px solid #de692a;
    border-bottom: 1px solid #de692a;
    font-size: 14px;
    line-height: 36px;
}
#company-video .swiper .content:hover {
    background-color: #d0703b;
    color: #fff;
}
#company-video .swiper .content:hover > .box .time {
    opacity: 1;
}
#company-video .swiper .content:hover > .box .time .iconfont {
    opacity: 1;
}
#company-video .swiper .content:hover > .box .m-video {
    border-color: #fff;
}
#company-video .swiper .content:hover > .box .title,
#company-video .swiper .content:hover > .box .time {
    color: #fff;
}
#publication > .item {
    position: relative;
    background-color: #fff;
    font-size: 20px;
}
#publication > .item > .full {
    opacity: 0.12;
}
#publication > .item > .container {
    padding: 3em;
}
#publication > .item .title > .cover-img {
    width: 2em;
    height: 2em;
    background-image: url(../images/read.png);
    background-size: 4em 6em;
    margin-bottom: 1em;
}
#publication > .item .title > .text {
    font-size: 1.3em;
}
#publication > .item .textMoreOver {
    -webkit-line-clamp: 2;
    font-size: 18px;
    height: 54px;
    line-height: 1.5;
}
#publication > .item .fade {
    color: #fff;
    margin-top: 7.5em;
    min-height: 195px;
}
#publication > .item .fade > .title {
    font-size: 1.1em;
    padding-bottom: 1.8em;
    margin-bottom: 1.8em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#publication > .item .fade .swiper > .swiper-pagination {
    text-align: left;
    margin-top: 2.5em;
}
#publication > .item .fade .swiper > .swiper-pagination > span {
    opacity: 0.2;
}
#publication > .item .fade .swiper > .swiper-pagination > span.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
}
#publication > .item .default {
    top: auto;
}
#publication > .item.active {
    background-color: #d0703b;
    color: #fff;
}
#publication > .item.active .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#publication > .item.active .default {
    display: none;
}
#publication > .item.active .title > .cover-img {
    background-position-x: -2em;
}
#publication > .item:nth-of-type(1) .title > .cover-img {
    background-position-y: 0;
}
#publication > .item:nth-of-type(2) .title > .cover-img {
    background-position-y: -2em;
}
#publication > .item:nth-of-type(3) .title > .cover-img {
    background-position-y: -4em;
}
#cul_inter {
    background-image: url("../images/cultural.jpg");
}
#cul_inter .swiper .fl > .box {
    padding: 6%;
    background-color: #f4f1f2;
}
#cul_inter .swiper .fl > .box > .title {
    font-weight: bold;
    margin-bottom: 24px;
}
#cul_inter .swiper .fl > .box > .title > .or {
    font-family: Arial;
    font-size: 2.2em;
    color: #de692a;
}
#cul_inter .swiper .fl > .box > .title > .text {
    margin-left: 1em;
    font-size: 1.3em;
}
#cul_inter .swiper .fl > .box > .edu {
    font-size: 0.9em;
}
#cul_inter .tab-option {
    position: relative;
    margin-bottom: 30px;
    font-size: 0;
    direction: rtl;
}
#cul_inter .tab-option .doshed {
    stroke: #000;
    stroke-width: 1px;
    stroke-dasharray: 4px,5px;
    opacity: 0.1;
}
#cul_inter .tab-option .bold {
    stroke: #de692a;
    stroke-width: 2px;
}
#cul_inter .tab-option .item {
    direction: ltr;
    height: 100%;
    position: relative;
    text-align: center;
    width: 16.666666%;
    font-weight: bold;
}
#cul_inter .tab-option .item > .full {
    bottom: auto;
    margin-top: -4px;
}
#cul_inter .tab-option .item > .full > .circle {
    width: 8px;
    height: 8px;
    margin: 0 auto 12px;
    background-color: #727272;
}
#cul_inter .tab-option .item.active ~ .item,
#cul_inter .tab-option .item.active {
    color: #de692a;
}
#cul_inter .tab-option .item.active ~ .item > .full > .circle,
#cul_inter .tab-option .item.active > .full > .circle {
    background-color: #de692a;
}
#cul_inter .tab-option .item:nth-of-type(1) > .full {
    top: 23%;
}
#cul_inter .tab-option .item:nth-of-type(2) > .full {
    top: 11%;
}
#cul_inter .tab-option .item:nth-of-type(3) > .full {
    top: 85%;
}
#cul_inter .tab-option .item:nth-of-type(4) > .full {
    top: 77%;
}
#cul_inter .tab-option .item:nth-of-type(5) > .full {
    top: 26%;
}
#cul_inter .tab-option .item:nth-of-type(6) > .full {
    top: 36%;
}
#cul_story {
    color: #fff;
}
#cul_story .text-node {
    margin-bottom: 100px;
}
#cul_story .swiper {
    margin-bottom: 0;
}
#cul_story .swiper .col-item-content {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 9%;
}
#cul_story .swiper .col-item-content .time {
    font-size: 1em;
    margin-bottom: 1em;
}
#cul_story .swiper .col-item-content .textMoreOver {
    font-size: 1.1em;
    -webkit-line-clamp: 2;
    line-height: 1.6;
    height: 3.2em;
}
#cul_story .swiper .col-item-content .more-button {
    margin-top: 2.5em;
}
#cul_story .swiper .col-item-content:hover {
    background-color: #d0703b;
}
#cul_story .swiper .col-item-content:not(:hover) .more-button > .fr:after {
    background-position: -18px -15px;
}
#brand_story {
    overflow: hidden;
}
#brand_story .fl {
    z-index: 2;
}
#brand_story .swiper .content .cover-img {
    padding-top: 56%;
}
#brand_story .swiper .content .time {
    font-size: 1em;
    margin: 1.2em auto 0.8em;
}
#brand_story .swiper .content .textMoreOver {
    font-size: 1.1em;
    -webkit-lin-clamp: 2;
    height: 3.5em;
    font-weight: bold;
    line-height: 1.6;
}
#brand_story .swiper .content .more-button {
    margin-top: 1.6em;
}
#brand_story .swiper .content:hover {
    color: #de692a;
}
#brand_story .swiper .content:hover .more-button {
    background-color: #de692a;
}
#brand_story .swiper .content:hover .more-button > .fr {
    border-color: #de692a;
}
#brand_story .swiper .content:hover .more-button > .fr:after {
    background-position: -18px 0;
}
#case_zs .right > .swiper{
    margin-right: -6%;
}
#case_zs .right > .swiper .col-item-content{
    margin-right: 12%;
}
#case_zs .right > .swiper .col-item-content > img{
    width: 100%;
}
#case_zs .right > .swiper .col-item-content > .contain-img{
    padding-top: 120%;
    background-position: top center;
}
#case > .cover-img {
    /*background-image: url(../images/case.jpg);*/
    background-image: url(../images/case-bg.jpg);
    z-index: 1;
}
#case > .body-content {
    z-index: 2;
}
#case .home-title {
    /*color: #fff;*/
}
#case .swiper .col-item-content {
    position: relative;
}
#case .swiper .col-item-content > .cover-img {
    padding-top: 100%;
    margin: 0 1px;
    background-position: top center;
}
#case .swiper .col-item-content > .full {
    top: auto;
}
#case .swiper .col-item-content > .full > .title {
    font-weight: bold;
}
#case .swiper .col-item-content > .full.masking {
    z-index: 1;
    height: 35%;
    opacity: 0.5;
    background-image: -webkit-linear-gradient(bottom, #000, transparent);
    background-image: -moz-linear-gradient(bottom, #000, transparent);
    background-image: -ms-linear-gradient(bottom, #000, transparent);
    background-image: -o-linear-gradient(bottom, #000, transparent);
    background-image: linear-gradient(bottom, #000, transparent);
}
#case .swiper .col-item-content > .full.bottom {
    color: #fff;
    z-index: 2;
    padding: 5%;
}
#case .swiper .col-item-content > .full.bottom > .title {
    border-bottom: 2px solid #fff;
    max-width: 100%;
}
#case .swiper .col-item-content > .full.content {
    z-index: 3;
    padding-top: 40px;
    padding-bottom: 20px;
}
#case .swiper .swiper-slide-active .content {
    opacity: 0;
    transform: translateY(100%);
}
#d_list .swiper {
    padding-bottom: 2%;
}
#d_list .swiper .swiper-slide > .clear {
    margin-top: 10%;
}
#d_list .swiper .swiper-slide > .clear > .fl {
    width: 2.8em;
    text-align: center;
    color: #de692a;
    font-family: Arial;
}
#d_list .swiper .swiper-slide > .clear > .fl > .date {
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px solid #de692a;
    padding-bottom: 0.1em;
}
#d_list .swiper .swiper-slide > .clear > .fl > .y-m {
    margin-top: 0.5em;
    font-size: 0.8em;
}
#d_list .swiper .swiper-slide > .clear > .right {
    margin-left: 4.8em;
}
#d_list .swiper .swiper-slide > .clear > .right > .title {
    font-weight: bold;
    margin-bottom: 0.6em;
}
#d_list .swiper .swiper-slide > .clear > .right > .text-node {
    -webkit-line-clamp: 2;
    height: 45px;
}
#d_list .swiper .swiper-slide > .clear:hover {
    color: #de692a;
    text-decoration: underline;
}
#d_list .change {
    z-index: 2;
}
#d_top .title {
    font-weight: bold;
}
#d_top .flex > .item > .cover-img {
    padding-top: 64%;
}
#d_top .flex > .item > .content > .title {
    font-size: 1.5em;
    line-height: 1;
    margin: 2.4em auto 0.9em;
}
#d_top .flex > .item > .content > .text-node {
    height: 112px;
    -webkit-line-clamp: 5;
}
#d_top .flex > .item > .content > .text-node:empty{
    display: none;
}
#d_top .flex:hover {
    color: #de692a;
}
#d_top .flex:hover .more-button > .fr {
    background-color: #de692a;
    border-color: #de692a;
}
#d_top .flex:hover .more-button > .fr:after {
    background-position: -18px 0;
}
#d_top .col-3 {
    margin-top: 3%;
}
#d_top .col-3 > .col-3-item {
    float: left;
}
#d_top .col-3 > .col-3-item > .col-item-content .cover-img {
    padding-top: 56%;
}
#d_top .col-3 > .col-3-item > .col-item-content .title {
    height: 3em;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    margin: 1.2em auto 0.8em;
}
#d_top .col-3 > .col-3-item > .col-item-content:hover {
    color: #de692a;
}
#d_main .home-title.pc {
    text-align: center;
}
#d_main .home-title.pc > .title {
    font-size: 300%;
}
#d_main .home-title.pc > .title > .contain-img {
    background-image: url(../images/title.png);
    background-position: left center;
}
#d_main .home-title.pc > .title > .contain-img > .text {
    background-image: -wekbit-radial-gradient(circle farthest-corner at center top, #cd1c1c, #961a16);
    background-image: -moz-radial-gradient(circle farthest-corner at center top, #cd1c1c, #961a16);
    background-image: -ms-radial-gradient(circle farthest-corner at center top, #cd1c1c, #961a16);
    background-image: -o-radial-gradient(circle farthest-corner at center top, #cd1c1c, #961a16);
    background-image: radial-gradient(circle farthest-corner at center top, #cd1c1c, #961a16);
    -webkit-background-clip: text;
    color: transparent;
}
#d_main .home-title.pc > .en {
    opacity: 1;
    color: #771a12;
}
#d_main .relative > .left > .swiper {
    line-height: 1.2em;
}
#d_main .relative > .left > .swiper .full {
    top: auto;
    padding: 5%;
    color: #fff;
}
#d_main .relative > .left > .swiper .full.left {
    font-size: 1.2em;
    font-weight: bold;
}
#d_main .relative > .left > .swiper .full.right {
    left: auto;
    z-index: 3;
}
#d_main .relative > .left > .swiper .full.right > .swiper-pagination {
    line-height: inherit;
}
#d_main .relative > .right {
    line-height: 1em;
}
#d_main .relative > .right > .clear {
    border-bottom: 1px solid #e5e5e5;
}
#d_main .relative > .right > .clear:first-child {
    padding-top: 0!important;
}
#d_main .relative > .right > .clear > .fr {
    font-size: 0.9em;
    opacity: 0.5;
}
#d_main .relative > .right > .clear > .title {
    font-weight: bold;
}
#d_main .relative > .right > .clear > .title > .iconfont {
    font-weight: normal;
}
#d_main .relative > .right > .clear:hover {
    color: #c41c1b;
}
#d_main_list {
    background-image: url(../images/dj.png);
    background-position: bottom center;
}
#d_main_list .clear {
    padding-top: 2.2em;
    padding-bottom: 2em;
    border-top: 1px solid #c3c1c2;
}
#d_main_list .clear > .fl > .title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.6em;
}
#d_main_list .clear:hover {
    background-color: #fff;
    padding-left: 2.2em;
    padding-right: 2.2em;
}
#d_main_list .clear:hover > .fl > .title {
    color: #c41c1b;
}
#d_main_list .clear:hover,
#d_main_list .clear:hover + .clear,
#d_main_list .clear:first-child {
    border-color: transparent;
}
#rl_list > .swiper-scrollbar {
    bottom: auto;
    height: 3px;
}
#rl_list > .swiper-scrollbar > .swiper-scrollbar-drag {
    background-color: #de692a;
}
#rl_list .bottom {
    top: auto;
}
#rl_list .bottom .home-icon-img {
    position: absolute;
    top: auto;
    bottom: 0;
}
#rl_list .bottom .home-icon-img.swiper-button-prev {
    left: 0;
}
#rl_list .bottom .home-icon-img.swiper-button-next {
    right: 0;
}
#rl_list .swiper-slide {
    z-index: 1;
}
#rl_list .swiper-slide > .content {
    overflow: visible;
}
#rl_list .swiper-slide > .content > .clip > .cover-img {
    padding-top: 83.333%;
}
#rl_list .swiper-slide > .content > .title {
    margin: 2em auto 0;
    line-height: 1.5;
    height: 3em;
    -webkit-line-clamp: 2;
    text-align: center;
    font-weight: bold;
}
#news_top .body-content {
    background-color: #fff;
    padding: 2.5em;
}
#news_top .body-content .right > .title {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.8;
}
#news_top .body-content .right > .text-node {
    -webkit-line-clamp: 3;
    height: 67px;
}
#news_top .body-content .right .swiper-pagination {
    text-align: right;
    line-height: 40px;
}
#news_list .col-3 {
    margin-bottom: 0;
}
#news_list .col-3 > .col-3-item {
    float: left;
}
#news_list .col-3 > .col-3-item > .col-item-content {
    border: 1px solid #e5e5e5;
    position: relative;
}
#news_list .col-3 > .col-3-item > .col-item-content > .clip > .cover-img {
    padding-top: 43%;
}
#news_list .col-3 > .col-3-item > .col-item-content > .content {
    padding: 1.6em 2.5em;
}
#news_list .col-3 > .col-3-item > .col-item-content > .content > .date {
    opacity: 0.3;
    font-size: 0.7em;
    margin-top: 1em;
}
#news_list .col-3 > .col-3-item > .col-item-content > .content > .title {
    font-size: 1.1em;
    margin-bottom: 1em;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    height: 3em;
    font-weight: bold;
}
#news_list .col-3 > .col-3-item > .col-item-content > .content > .text-node {
    height: 45px;
    -webkit-line-clamp: 2;
}
#news_list .col-3 > .col-3-item > .col-item-content:hover {
    background-color: #d0703b;
    border-color: #d0703b;
    color: #fff;
}
#news_list .col-3 > .col-3-item > .col-item-content:hover > .content > .date {
    opacity: 1;
}
#column_detail {
    color: #fff;
    text-align: center;
    background-color: #000;
}
#column_detail > .full {
    z-index: 1;
}
#column_detail > .full > .cover-img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
#column_detail > .full > .filter {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}
#column_detail > .body-content {
    z-index: 2;
}
#column_detail > .body-content > .title {
    margin: 0 auto;
    max-width: 900px;
    font-weight: bold;
    text-align: center;
}
#column_detail > .body-content > .position {
    font-weight: bold;
}
#column_detail > .body-content > .info {
    font-size: 14px;
}
#column_detail > .body-content > .info > span:not(:first-child) {
    margin-left: 40px;
}
#column_detail > .body-content > .share > .circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    color: #a6a6a6;
}
#column_detail > .body-content > .share > .circle:hover {
    color: #de692a;
}
#news_detail {
    z-index: 2;
    padding-top: 1px;
}
#news_detail > .body-content {
    background-color: #fff;
}
#news_detail > .body-content .container {
    margin: 0 auto;
    max-width: 1400px;
}
#news_detail .page {
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
    font-weight: bold;
    position: relative;
}
#news_detail .page > .textOver {
    margin: 8px auto;
}
#news_detail .page > .textOver > a {
    display: inline;
}
#news_detail .page > .textOver:hover {
    color: #de692a;
}
#news_recomm .col-item-content .cover-img {
    padding-top: 62%;
}
#news_recomm .col-item-content .date {
    line-height: 1;
    margin: 1.2em auto 1em;
}
#news_recomm .col-item-content .title {
    font-weight: bold;
    font-size: 1.1em;
}
#news_recomm .col-item-content:hover {
    color: #de692a;
}
#recruit .relative {
    padding-right: 50%;
    padding-bottom: 60px;
    background-position: right center;
}
#recruit .relative > .full {
    left: 50%;
}
#recruit .col-2 > .col-2-item {
    float: left;
}
#recruit .col-2 > .col-2-item > .col-item-content {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 50px 24px;
    font-size: 14px;
}
#recruit .col-2 > .col-2-item > .col-item-content > .title,
#recruit .col-2 > .col-2-item > .col-item-content > .information {
    max-width: 700px;
    margin: 0 auto;
}
#recruit .col-2 > .col-2-item > .col-item-content > .title {
    line-height: 40px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: bold;
    font-size: 157%;
}
#recruit .col-2 > .col-2-item > .col-item-content > .title > .fade {
    width: auto;
    margin-left: 20%;
}
#recruit .col-2 > .col-2-item > .col-item-content > .information {
    font-family: 宋体;
}
#recruit .col-2 > .col-2-item > .col-item-content > .information > li {
    float: left;
}
#recruit .col-2 > .col-2-item > .col-item-content > .information > li > .content {
    margin-top: 30px;
}
#recruit .col-2 > .col-2-item > .col-item-content > .information > li > .content > .name {
    opacity: 0.5;
    margin-bottom: 12px;
}
#recruit .col-2 > .col-2-item > .col-item-content > .information > li > .content > .value {
    opacity: 0.9;
    line-height: 1.5;
    height: 21px;
    -webkit-line-clamp: 1;
}
#recruit .col-2 > .col-2-item > .col-item-content > .full {
    top: auto;
    height: 4px;
    background-color: #de692a;
    margin-bottom: -4px;
}
#recruit .col-2 > .col-2-item > .col-item-content:hover > .full {
    margin-bottom: 0;
}
#recruit .col-2 > .col-2-item > .col-item-content:hover > .title {
    color: #de692a;
}
#recruit .col-2 > .col-2-item > .col-item-content:hover > .title > .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#recruit_detail .home-title a:hover {
    color: #de692a;
}
#recruit_detail .container {
    background-color: #fff;
}
#recruit_detail .container > .fr {
    color: #de692a;
}
#recruit_detail .container > .fr > span {
    font-weight: bold;
    font-size: 200%;
}
#recruit_detail .row-title {
    font-weight: bold;
    color: #de692a;
    padding-top: 10px;
}
#recruit_detail .item-title {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
}
#recruit_detail .item-node {
    margin: 10px auto 20px;
}
#recruit_detail .col-4 {
    margin-right: -3%;
    margin-bottom: -1.5%;
}
#recruit_detail .col-4 > .col-4-item {
    float: left;
}
#recruit_detail .col-4 > .col-4-item > .col-item-content {
    line-height: 45px;
}
#recruit_detail .col-4 > .col-4-item > .col-item-content > .put {
    position: relative;
    margin-left: 85px;
}
#recruit_detail .col-4 > .col-4-item > .col-item-content > .put > .main {
    right: auto;
    left: 100%;
    margin: 2px 0 0 6px;
}
#recruit_detail .col-4 > .col-4-item > .col-item-content > .put > .line {
    position: absolute;
    left: 20px;
    top: 50%;
    pointer-events: none;
    height: 1px;
    background-color: #605f5f;
    width: 8px;
    margin-top: -0.5px;
}
#recruit_detail .col-4 > .col-4-item > .col-item-content > .put > .icon-xiala {
    pointer-events: none;
    left: auto;
    right: 0;
    width: 50px;
    text-align: center;
}
#recruit_detail form {
    font-size: 14px;
}
#recruit_detail input {
    padding: 0 0 0 20px;
}
#recruit_detail select {
    padding: 0 50px 0 40px;
}
#recruit_detail textarea {
    padding: 16px;
}
#recruit_detail input,
#recruit_detail textarea,
#recruit_detail select {
    outline: none;
    height: 45px;
    width: 100%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c3c1c2;
    background-color: transparent;
}
#recruit_detail input:focus,
#recruit_detail textarea:focus,
#recruit_detail select:focus {
    background-color: #fff;
    border-color: #de692a;
}
#recruit_detail input:focus ~ .full,
#recruit_detail textarea:focus ~ .full,
#recruit_detail select:focus ~ .full {
    color: #de692a;
}
#contact .container {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-right: 0 none;
}
#contact .container td {
    vertical-align: top;
    border-right: 1px solid #e5e5e5;
    width: 33.3333%;
    position: relative;
    overflow: hidden;
}
#contact .container td > .full {
    height: 3px;
    background-color: #de692a;
}
#contact .container td > .full.top {
    bottom: auto;
    margin-top: -3px;
}
#contact .container td > .full.bottom {
    top: auto;
    margin-bottom: -3px;
}
#contact .container td > .content {
    padding: 10% 15%;
    font-weight: bold;
}
#contact .container td > .content > .iconfont {
    color: #ccc;
    border: 0.1em solid #cccccc;
    width: 2.9em;
    height: 2.9em;
    text-align: center;
    line-height: 2.9em;
    display: block;
    margin-bottom: 2.8em;
    font-weight: normal;
}
#contact .container td > .content > .name {
    font-size: 1.1em;
    margin-bottom: 1.2em;
}
#contact .container td > .content > .value {
    font-size: 1.3em;
    margin-bottom: 1em;
}
#contact .container td > .content > .explain {
    color: #737373;
    font-size: 0.8em;
}
#contact .container td:hover {
    color: #de692a;
}
#contact .container td:hover > .content > .iconfont {
    border-color: #de692a;
    background-color: #de692a;
    color: #fff;
}
#contact .container td:hover > .full.top {
    margin-top: 0;
}
#contact .container td:hover > .full.bottom {
    margin-bottom: 0;
}
#map_container {
    background-color: #ddd;
}
#map_container > .body-content {
    z-index: 2;
    width: 50%;
    max-width: 750px;
    background-color: #fff;
    
}
#map_container > .body-content .title {
    line-height: 1;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1.3em;
}
#map_container > .body-content .item {
    border: 1px solid #e5e5e5;
    padding: 0.5em 1em;
    line-height: 2.2em;
}
#map_container > .body-content .item.active {
    border-color: #de692a;
}
#map_container > .body-content .item.active > .fl {
    color: #de692a;
}
#map_container > .body-content .item > .fl {
    font-size: 0.8em;
}
#map_container > .body-content .item > .put {
    margin-left: 3.5em;
}
#map_container > .body-content .item > .put > input,
#map_container > .body-content .item > .put > textarea {
    font-size: 0.8em;
    border: 0;
    outline: 0;
    padding: 0;
    width: 100%;
    vertical-align: top;
    background-color: transparent;
}
#map_container > .body-content .item > .put > textarea {
    min-height: 200px;
}
#map_container > .body-content .col-2 {
    margin-right: -16px;
}
#map_container > .body-content .col-2 > .col-2-item {
    float: left;
}
#map_container > .body-content .col-2 > .col-2-item > .col-item-content {
    margin-right: 16px;
    margin-bottom: 16px;
}
#map_container > .body-content .submit-button {
    border: 0;
    outline: 0;
    padding: 0;
    width: 100%;
    margin-top: 2em;
    line-height: 3.5em;
    color: #fff;
    background-color: #de692a;
    cursor: pointer;
}
#map_container > .body-content .submit-button:hover {
    background-color: #cd5f27;
    -webkit-box-shadow: 5px 5px 0 #ee9f72;
    -moz-box-shadow: 5px 5px 0 #ee9f72;
    box-shadow: 5px 5px 0 #ee9f72;
}
#map_container > .full {
    z-index: 1;
}
#map_container #map {
    height: 100%;
}
#map_container #map #map_content {
    padding: 20px 40px;
    width: 240px;
    text-align: center;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4));
}
#map_container #map #map_content:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    margin-left: -8px;
}
#album .point {
    color: #929191;
}
#album .fr:hover {
    color: #de692a;
}
#channel{
    padding:  20px;
}
#channel .clear{
    margin: -8px -16px 0 0;
}
#channel .clear a{
    float: left;
    margin: 8px 16px 0 0;
    border-bottom: 2px solid transparent;
}
#channel .clear a.active{
    color: #de692a;
    border-bottom-color: #de692a;
}
/*#development_month > .item:nth-of-type(6n) ,*/
/*#development_month > .item:nth-of-type(6n-4) {*/
/*    height: 8em;*/
/*}*/
/*#development_month > .item:nth-of-type(6n-1) ,*/
/*#development_month > .item:nth-of-type(6n-3)  {*/
/*    height: 6em;*/
/*}*/
/*#development_month > .item:nth-of-type(6n-2) {*/
/*    height: 3em;*/
/*}*/
/*#photobook {*/
/*    width: 200%;*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*}*/