@font-face {
        font-family: "syrh";
        src: url("../fonts/SourceHanSansCN-Regular.woff") format("woff")
             url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
             url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
             url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
    }
    @font-face {
        font-family: "sym";
        src: url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"),
             url("../fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"),
             url("../fonts/SourceHanSansCN-Medium.svg") format("svg");
    }


@media screen and (max-device-width: 767px) {
    body {
        -webkit-text-size-adjust: 100%
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
a, input[type=button] {
    cursor: pointer;
    text-decoration: none
}
body{font-size: 16px;line-height: 25px;-webkit-overflow-scrolling: touch; font-weight: 300;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;}

:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.clearfix:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
    zoom: 1;
}
.clear{clear: both;}

.index_box h2{font-size: 1.5em !important;font-weight: normal !important;}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
.container {
	margin: auto;
    margin-top: 96px;
    position: relative;
	width: 1280px;
	/* padding: 0 80px; */
}
.container1{width:100%;}


.phone, .tablet {
    display: none !important
}

.content {
    max-width: 1280px;
    margin: 0px auto;
    padding: 0 80px;
    position: relative;
}
.search-content {
    padding: 60px 80px;
}
.search-content .search-form {
    height: 50px;
    margin-bottom: 60px;
}
.search-content .search-form .form-item-keys {
    float: left;
    height: 50px;
    margin: 0 20px 0 0;
    display: flex;
    max-width: 560px;
    width: 60%;
}
.search-content .search-form .form-item-keys label {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-right: 20px;
    float: left;
    font-weight: normal;
    width: 80px;
    white-space: nowrap;
}
.search-content .search-form .form-item-keys .form-text {
    height: 100%;
    background: #F1F3F5;
    border: none;
    padding: 20px;
    font-size: 16px;
    line-height: 30px;
    flex: 1;
    width: 100%;
    outline: none;
    color: #000;
}
.search-content .search-form .form-item-keys .form-text:-webkit-autofill {
    color: #000;
}
.search-content .search-form input.form-submit {
    width: 144px;
    height: 50px;
    background: #D62334;
    color: #fff;
    font-size: 16px;
    border: none;
}
.container .search-content h2 {
    margin-bottom: 20px;
    font-size: 1.2px;
}
.search-results li {
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
}
.search-results h3.title {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
}
.search-results .search-info {
    margin-bottom: 0;
}
.search-results h3.title a {
    color: #000;
    transition: all 0.5s;
}
.search-results h3.title a:hover {
    color: #D62334;
}
.node-content {
    max-width: 1280px;
    padding: 0 160px;
    margin: 0px auto;
}

.content:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}

.column {
    vertical-align: top;
    position: relative;
    display: inline-block;
    box-sizing: border-box
}
.search-content .pager {
    margin-top: 20px;
}
#mobileDeviceAlert {
    display: none;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: -100;
    pointer-events: none
}

.container .footer-blocks h2 {
    margin-bottom: 15px;
    color: #fff;
}

#cover {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    z-index: 99;
    display: none;
}

.disclaimer-exit {
    background: url(../i/x.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer
}

#weChatQR {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #FFFFFF;
    max-width: 358px;
    width: 92%;
    max-height: 456px;
    height: 92%;
    z-index: -102;
    text-align: left;
    opacity: 0;
    transition: opacity .15s ease-out, z-index 0s ease .15s;
    transform: translate(-50%, -50%)
}

#weChatQR.active {
    display: block;
    z-index: 105;
    opacity: 1;
    transition: opacity .2s ease-out
}

.biggerSp {
    text-transform: uppercase;
    font-size: 1.3125px;
    margin-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 21px;
    line-height: 50px;
    padding-left: 7%;
    padding-right: 7%;
    color: #000;
    font-weight: 300;
    border-bottom: 1px solid #D9DEE1
}

.biggerSp span {
    display: inline-block;
    padding-right: 50px
}

#weChatQRActual {
    height: 310px;
    width: 100%;
    background: url(../i/wechat-qr.jpg) no-repeat center center;
    background-size: contain;
    margin-bottom: 25px
}

.cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: justify;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    max-width: 100%
}

.theater {
    height: 480px;
    transition: background-image 0.3s ease;
    position: relative;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.theaters{height:300px;}

.theater .swiper-container {
    width: 100%;
    height: 100%;
}

.theater .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #D62434;
    background-size: cover;
	background-image: url(../images/tuyi-20200331-idgbannera_er_te_qi_che_.jpg);
}
.theater .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.theater .swiper-slide .content {
    padding-top: 100px;
}

.select {
    box-sizing: border-box;
    width: 100%;
    color: #656c6e;
    
    font-size: 0.813px;
    display: inline-block;
    text-align: left;
    height: 50px;
    overflow-y: hidden;
   
    text-transform: uppercase;
    position: relative;
}

.select.on {
    overflow-y: visible
}

.select span {
    line-height: 20px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 30px 15px 10px;
    background: url(../images/select.svg) no-repeat right 10px center #F5F6F8;
    cursor: pointer;
}

.select ul {
    background: #fff;
    list-style-type: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    position: absolute;
    left: 0;
    top: 50px;
    max-height: 390px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
}

.select li {
    cursor: pointer;
    padding: 7px 5px;
    /*border-left: 1px solid #F0F2F5;*/
    /*border-right: 1px solid #F0F2F5;*/
    color: #171d2d;
    font-size: 0.875px;
    background: none;
    border-bottom: 1px solid #F0F2F5;
    transition: all 0.3s;
}

.select li.active,
.select li:hover {
    background: #5E5C5D;
    color: #fff
}

.select.on ul {
    opacity: 1;
    visibility: visible
}

/* ss */
.container .main-right h2 {
    margin-bottom: 30px;
}
.container h3 {
    font-weight: 300;
    font-size: 1px;
    color: #333;;
    margin-bottom: 20px;
    padding-top: 20px;
}
.overview-sector {
    padding-top: 30px;
}
.overview-sector p.big {
    margin-bottom: 0;
}
.container {
    color: #666;
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 1em;
    text-align: justify
}
.container img {max-width: 100%;}
.gywm h2{position: relative;font-size: 18px !important;}
.gywm h2:after{
    width: 46px;
    display: block;
    background: #BC171D;
    overflow: hidden;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.container p.big{font-size:16px;}

.container p.no-val {
    padding-top: 40px;
}


.container p.big2 {

    margin-bottom: 0;

    color: #333;
}
.container .top p.big {
    line-height: 150%

}

.container p.big2 span,
.container p.big span {
    color: #d62334
}

.theater h2.title {
    color: #fff;
    font-size: 37px;
    line-height: 120%;
    text-shadow: 0 3px 2px rgba(0,0,0,0.95);
    margin-bottom: 10px;
    text-transform: none;
}
.theater p {
    font-size: 1.25px;
    line-height: 30px;
    color: #fff;
    font-weight: 400
}

/* s */

.theater h2.title:after {
    display: none;
}

.H2Box{margin-top:2em;font-size:19px!important;text-align:center;}
.H2Box:after{left:50%!important;margin-left:-23px;}
.H2Box span{color:#D62334}
.OurTxt,.OurTxt1{position:relative;}
.OurTxt .Ologo{position:absolute;top:50%;right:5%;transform:translate(0,-50%);z-index:-1;opacity:0.3;}
.OurTxt p,.touzi_p{font-size: 14px !important;}
.OurTxt1 p{font-size: 14px ;}
.OurTxt p i{font-size: 18px !important;margin-bottom: 20px;display: inline-block;position: relative;padding-bottom: 18px;}
.OurTxt p i::after{
    width: 46px;
    display: block;
    background: #BC171D;
    overflow: hidden;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.container .main-right h2 {
    margin-bottom: 30px;
}
.container h2 {
    color: #000;
    font-size: 24px;
    /* letter-spacing: 2px; */
    padding-bottom: 18px;
    margin-bottom: 80px;
    position: relative;
    font-weight: bold;
}
.index_box h2:after {
    width: 46px;
    display: block;
    background: #BC171D;
    overflow: hidden;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.container1 .aside {
    width: 300px;
    position: absolute;
    top:0;
    height: 100%;
    left: 0;
    text-align: left;
    z-index: 2;
    background: #333;
}
.container1 .aside1 {    
    background: #333;
}
.aside1 h5 {
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 20px;
}

.aside .nav {
   /* background: #D62334;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aside .nav h4 {
    text-transform: uppercase;
    width: 100%;
    font-weight: 300;
    font-size: 1em;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
    padding-top:50px;
}

.aside .nav ul {
    list-style-type: none
}

.aside .nav a {
    font-size: 1em;
    line-height: 30px;
    padding: 10px 0;
    font-weight: 300;
    color: #fff;
    display: block;
    transition: background 0.5s ease;
    width: 100%;
    text-align: center;
   
}

.aside .nav a:hover {
    background: #444;
    
}


.page-banner h2.title {
    padding-top: 80px;
    font-weight: normal;
	padding-left: 8%;
}
.container .main-right{    padding-left: 300px;}

.main-right .page-banner h2.title {
    padding-left: 8%;
    padding-right: 8%;
    text-align: left;
    font-weight: normal;
}

.bio-detail {
    position: relative;
}
.scontent {
    padding: 0 45px;
}

.aside h5, .aside h6 {
    color: #fff;
    border-bottom: 1px solid #222;
    margin-top: 70px;
}

.aside h5 {
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 20px;
}

.aside h6 {
    font-weight: 100;
    padding-bottom: 1px;
    font-size: 3.75px;
    line-height: 120%;
    text-align: center;
    margin-top: 59px;
}

.aside p {
    font-size: 1em;
    line-height: 150%;
    text-align: center;
    margin: 10px 0;
    
    color: #BCBCBC;
}

.aside a {
    color: #fff;

}
.aside .scontent a {
    display: block;
    margin-top: 20px;
    text-align: center;
    word-break: break-all;
}

h1 {
    color: #fff;
    font-weight: 300;
    font-size: 5.313px;
    position: absolute;
    left: 0;
    bottom: 80px;
    text-shadow: 1px 1px 1px #000
}

#logo {
    float: left;
    padding-top: 5px;
}



#menu {
    float: right;
}

#menu ul {
    list-style-type: none;
    float: left;
    
}


#menu li {
    float: left;
    padding-top: 34px;
    margin-left: 40px;
	position: relative;
}

#menu a {
    font-weight: 500;
    color: #2d292a;
    font-size: 16px;
    line-height: 24px;
    transition: color 0.2s ease
}
#menu li .arr{display: inline-block;margin-left: 20px;}
#menu li.active,
#menu li.active-trail {
    border-top: 6px solid #D62334;
    padding-top: 28px
}

#menu li.active a,
#menu li.active-trail a, #menu a:hover {
    color: #D62334
}

#menu dl{ display: none; background: #f7f8f9;padding: 5px 5px;position: absolute;width: 150px;text-align: center;left: -34px;top: 60px;box-shadow: 0 3px 5px #ddd;line-height: 33px;}


#menu .search-btn {
    float: left;position: relative;
    margin-left: 40px;
    margin-top: 34px;
    height: 24px;
    cursor: pointer;
    transition: all 0.5s;
}
#menu .search-btn .btn{
    width: 24px;
    height: 24px;
    background: url("../images/searchBtn.svg") no-repeat center center;
    cursor: pointer;
}
#menu .search-btn .btn:hover{background-image: url("../images/searchBtnRed.svg");}
#menu .inp_se{position: absolute;right: 76px;display: none;bottom: -32px;}
#menu .inp_se input{border:1px solid #f5f5f5;padding: 5px 30px 5px 5px;width:200px;border-bottom: 2px solid #D62334;font-size: 12px;}
#menu .inp_se button{position: absolute;right: 1px;top: 1px;width:26px;height:25px;background: #fff url("../images/searchBtn.svg") no-repeat center center;border:0;}
.flagList {
    float: left;
    padding-top: 34px;
    padding-left: 40px;
}
/*
.flagList a {
    width: 30px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    background-image: url(../i/flagChinese.svg);
}*/

#menu .flagList a {
    display: block;
    padding: 0 10px;
    color: #666;
    position: relative;
    float: left;
}
#menu .flagList a:after {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background: #eee;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}
#menu .flagList a:last-of-type {
    padding-right: 0;
}
#menu .flagList a:last-of-type:after {
    display: none;
}
#menu .flagList a.active {
    color: #D62334;
}
.header {
    position: fixed;
    z-index: 12;
    left: 0;
    top: 0;
    width: 100%;
    transition: background-color 0.5s ease;
    height: 96px;
    background-color: #fff
}

.header.scroll #logo {
    top: 10px
}

.header.scroll #logo img {
    height: 70px
}

.header.scroll {
    background-color: #12151D
}

#btn-menu i {
    position: absolute;
    height: 3px;
    width: 30px;
    background-color: #000;
    transition: all 0.5s ease;
}

#btn-menu i:nth-child(1) {
    right: 0;
    top: 0
}

#btn-menu i:nth-child(2) {
    right: 0;
    top: 10px
}

#btn-menu i:nth-child(3) {
    right: 0;
    top: 20px
}

#btn-menu span {
    transition: opacity 0.5s ease
}

#btn-menu {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: none;
    z-index: 12;
    position: fixed;
    right: 3%;
    color: #fff;
    top: 30px;
    padding-right: 40px;
    text-transform: uppercase;
    font-size: 0.688px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 23px;
    height: 30px;
}

#btn-menu.on i {
    background-color: #D62334;
    top: 10px;
    opacity: 0;
}

#btn-menu.on i:nth-child(1) {
    transform: rotate(45deg);
    opacity: 1;
}

#btn-menu.on i:nth-child(3) {
    transform: rotate(-45deg);
    opacity: 1;
}

#btn-menu.on i:nth-child(2) {
    opacity: 0;
}

#btn-menu.on span {
    opacity: 0
}

#btn-menu.on {
    position: fixed
}

.footer-top {
    overflow: hidden;
    font-weight: 400;
    margin-bottom: 15px;
}

.footer-top .logo {
  
    float: left;
}

.footer-top .logo img {
    height: 100%;
}

.footer-blocks {
    float: right;
    overflow: hidden;
}

.footer-blocks .block {
    float: left;
    padding-left: 70px;
}

.footer-blocks .block .block-content{line-height:35px;}
.footer-blocks .block:first-of-type {
    padding-left: 0;
}

.footer-blocks .block:last-of-type {
    float: right;
}

footer ul {
    list-style-type: none
}

footer a {
    color: #fff
}

footer h3 {
    font-weight: 600;
    margin-bottom: 15px
}

footer p {
    color: #fff;
    font-size: 0.875em
}

footer .social a {
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle
}

footer .social img {
    width: 30px
}

footer li.phone {
    display: block !important
}

footer {
    background: #3D3C3C;
    padding: 30px 0;
    color: #fff
}

.front .theater,
#home .theater {
    height: 480px
}

.swiper-pagination {
    text-align: left;
    padding: 0;
    left: 80px;
    bottom: 80px;
    position: absolute;
}

.swiper-pagination span.swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 0;
    background: #817775;
    transition: background-color 0.5s;
    opacity: 0.4;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.swiper-pagination span.swiper-pagination-bullet-active {
    background: #BC171D;
    opacity: 1;
}

.firm {
    background: #f7f8f9;
    display: flex;
    text-align: center;
    height: 190px;
    align-items: center;
    padding: 0;
}
.firm p.big {
    line-height: 225%;
    text-align: center;
    margin: 0px auto;
}
.flower {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    padding: 0;
	margin-top: 80px;
}

.flower .column {
    background: #F4F6F7;
    height: 480px;
    float: left;
}

.flower .column {
    width: 100%
}

.flower .column ul {
    overflow: hidden;
	width: 30%;float: left;
    /* display: flex; */
    /* justify-content:space-between; */
}

.flower .column li {
    height: 100%;
    color: #ECEFEF;
    position: relative;
    flex: 1;
    text-align: center;
}

.flower .column li span {
    font-weight: 400;
    display: block;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #656c6e;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    transition: color 0.3s;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 0 15px;box-sizing: border-box;
}
.flower .column li span.liArt{display: none;}
.swiper-btn-left,
.swiper-btn-right {
    display: block;
    position: absolute;
    width: 57px;
    height: 44px;
    background-color: #D62434;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    cursor: pointer;
    z-index: 10;
}
.theater .swiper-btn-left,
.theater .swiper-btn-right {
    margin-top: -22px;
}
.news .swiper-btn-left,
.news .swiper-btn-right ,
.advantage .swiper-btn-left,
.advantage .swiper-btn-right {
    display: none;
}
.swiper-btn-left {
    left: 0;
    background-image: url("../images/right-arrow.svg");
}
.swiper-btn-right {
    right: 0;
    background-image: url("../images/left-arrow.svg");
}
.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}
.flower .column li:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.25s;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.flower .column li:hover:before {background-color: #D62434;
    background-image: url(../images/venture-capital.png)
}



.flower .column li:hover span {
    color: #fff
}

.flower .column li:hover:before {
    transform: translate3d(0, 0, 0);
}

.flower .column li:hover .liBt{display: none;}
.flower .column li:hover .liArt{display: flex;}



.flower .column ul li{width: 100%;float: left;height: 160px;position: relative;}
/* .flower .column:last-of-type li {
    border-bottom: 1px solid #DCDFE0;
}
.flower .column:last-of-type li:last-of-type {
    border-bottom: none;
} */
.flower .img {
    background: url(../images/trees.jpg) no-repeat;
    background-size: cover;
    height: 480px;width: 70%;float: right;
}

.flower ul {
    list-style-type: none
}
.flower label,
.flower p {
    color: #7A7A7A;
    text-transform: uppercase;
    font-size: 1.125px;
    line-height: 150%;
    margin-bottom: 8px;
}

.flower h4 {
    color: #333;
    font-weight: 100;
    font-size: 3.75px;
    line-height: 150%;
    text-align: center;
}
.flower h4 small {
    font-size: 0.33px;
    top: -3px;
    position: relative;
}

.flower li:last-of-type h4 {
    border-bottom: none;
}

.flower {
    text-align: left
}

.portfolios {
    position: relative;
    min-height: 300px;
}
.portfolios .btn-all {
    float: right;
}

.bg-gray {
    background-color: #F4F6F7;
}

.front .portfolios,
#home .portfolios {
    padding: 0 0 80px 0;
}

.portfolios .content {
    padding-top: 80px;
}

.portfolios .swiper-container {
    list-style-type: none;
    margin-bottom: 40px;
    overflow: hidden;
}

.portfolios .swiper-slide {
    color: #ECEFEF;
    position: relative;
    text-align: center;
}

h5.portfolio-title {
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
}

.portfolio-logo {
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s;
}

.portfolios .swiper-slide:hover .portfolio-logo {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.portfolio-logo img {
    max-width: 100%;
    height: auto;
    float: left;
}

.btn-all {
    font-weight: 400;
    font-size: 14px;
    
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 20px;
    background: #D62334;
    /*background: url(../i/arrow-white.svg) no-repeat 92% center #D62334;*/
    /*background-size: 33px auto*/
}

#request section.main input {
    margin-bottom: 5px;
    padding: 5px
}

#request section.main {
    padding: 80px 0
}

.theater.about-banner {
    background-image: url(../images/about-us-1600.jpg);
    margin-top:96px;
}

.main-content {
    padding: 60px 8%;
}

.services {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.services .box {
    border-right: 1px solid #D9DEE1;
    border-bottom: 1px solid #D9DEE1;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    background: #F4F6F7;
    padding: 33px 0 33px;
    background-size: 65px auto;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #3d3c3c;
    text-transform: uppercase;
    float: left;
	text-align: center;
}

.services .box:nth-child(odd) {
    border-right: 0
}

.services .box:nth-last-of-type(-n+2) {
    border-bottom: 0
}

.services .box:nth-child(2) {
    background-image: url(../i/icons/branding.svg)
}

.services .box:nth-child(3) {
    background-image: url(../i/icons/oversea.svg)
}

.services .box:nth-child(4) {
    background-image: url(../i/icons/marketing.svg)
}

.services .box:nth-child(5) {
    background-image: url(../i/icons/human.svg)
}

.services .box:nth-child(6) {
    background-image: url(../i/icons/channel.svg)
}

.services .box:nth-child(7) {
    background-image: url(../i/icons/finance.svg)
}

.services .bg {
    background: #F4F6F7;
    width: 200%;
    height: 100%;
    left: -100%;
    position: absolute;
    z-index: -1
}

.timeline {
    position: relative;
    height: 780px;
    width: 100%;
    background: url("../images/bg-history.jpg") no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.timeline:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #3B3B3B;
    opacity: 0.82;
}
.timeline-logo {
    width: 236px;
    margin: 64px 40px 60px;
    position: relative;
    z-index: 3;
}
.timeline-container {
    position: relative;
    z-index: 3;
    width: 100%;
    overflow: hidden;
    /*overflow-x: auto;*/
}
.timeline-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0 40px;
    height: 500px;
    transition: all 0.5s;
    box-sizing: border-box;display:flex;
}
.timeline-wrapper:before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    overflow: hidden;
    background: #D62434;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
}
.timeline .swiper-slide {
    float: left;
    width: 280px;
    height: 250px;
    margin-left: -155px;
    display: block;
    padding: 15px 30px 0 30px;
    color: #fff;
    background: url("../images/timeline-top.svg") no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    cursor: pointer;
}
.timeline .swiper-slide.active {
    /* background: url("../images/timeline-active.svg") no-repeat center center; */
    background-size: 100% 100%;
}
.timeline .swiper-slide:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: -5px;
    bottom: -5px;
    background: url("../images/oval.svg") no-repeat;
}
.timeline .swiper-slide:first-of-type {
    margin-left: 0;
}

.timeline .swiper-slide:nth-of-type(2n) {
    margin-top: 250px;
    background: url("../images/timeline-bottom.svg") no-repeat 0 0;
    background-size: 100% 100%;
}
.timeline .swiper-slide:nth-of-type(2n):before {
    top: -5px;
}

.timeline .slide-item {
    padding: 0;
}
.timeline .swiper-slide h3 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0px;
    padding-top: 15px;
    color: #fff;
}
.timeline .swiper-slide li {
    font-size: 14px;
    line-height: 155%;
}
.timeline .swiper-slide ul {
    list-style: none;
}
.swiper-slide-bg {
    width: 311px;
    height: 323px;
	top:139px;
    position: absolute;
    background: url("../images/timeline-active.svg") no-repeat center top;
    background-size: 100% 100%;
    transition: all 0.5s;
}
.swiper-nav-box {
    width: 90%;
    padding-bottom:10px;
    display: flex;
    position: absolute;
    bottom: 25px;
    left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);overflow:auto;
}

/*网页滚动条*/
.swiper-nav-box::-webkit-scrollbar{
	width: 6px; height:6px;-webkit-overflow-scrolling : touch;
	background-color: rgba(255,255,255,0.5);}
    .swiper-nav-box::-webkit-scrollbar-track{
	background-color: rgba(255,255,255,0.5);}
    .swiper-nav-box::-webkit-scrollbar-thumb{
	border-radius: 3;
	background-color: #D62334;}
    .swiper-nav-box::-webkit-scrollbar-button{
	height: 0px;
	background-color: rgba(255,255,255,0.5);width:0;}

.swiper-nav-box .swiper-nav{display: flex;}
.swiper-nav span {
    width:120px;
    text-align: center;
    color: #fff;
    opacity: 0.4;
    font-size: 16px;
    transition: all 0.5s;
    cursor: pointer;
}
.swiper-nav span:hover,
.swiper-nav span.active {
    opacity: 1;
    color: #fff;
}
.history {
    /*padding-top: 40px*/
}

.theater.focus-banner {
    background-image: url(../i/focus-1600.jpg)
}

.sector {
    padding-bottom: 40px;
}

.sectors {
    position: relative;
    margin-bottom: 40px
}

.sectors .box {
    vertical-align: middle;
    height: 98px;
    
    border-right: 1px solid #D9DEE1;
    border-bottom: 1px solid #D9DEE1;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    background: #F4F6F7;
    /* padding: 0 20px 0 110px; */
    background-size: 65px auto;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #3d3c3c;
    text-transform: uppercase;
	text-align: center;
}

.sectors .box:nth-of-type(2n) {
    border-right: 0
}

.sectors .box:nth-last-of-type(-n+2) {
    border-bottom: 0
}

.sectors .box.tmt {
    background-image: url(../i/icons/tmt.svg)
}

.sectors .box.healthcare {
    background-image: url(../i/icons/healthcare.svg)
}

.sectors .box.consumer {
    background-image: url(../i/icons/consumer.svg)
}

.sectors .box.tech {
    background-image: url(../i/icons/advance.svg)
}

.sectors .box a {
    color: inherit;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 98px
}

.sectors .box a span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%)
}

.investment ul {
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.investment li {
    width: 100%;
    color: #5e5d5d;
    font-size: 0.938px;
    line-height: 2px;
    margin: 0.5em 0;
    float: left;
    padding-left: 18px;
    background: url("../i/bullet.png") no-repeat left 13px;
}

.investment {
    padding-bottom: 80px
}

.casestudies {
    padding-bottom: 80px
}

.casestudies dt {
    font-size: 0.813px;
    text-transform: uppercase;
    font-weight: 400;
    
    color: #656c6e;
    border-bottom: 1px solid #D9DEE1;
    transition: all 0.5s ease;
    height: 95px;
    line-height: 95px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.casestudies dt span {
    position: relative;
    z-index: 3;
}

.casestudies dt:after {
    content: '';
    display: block;
    position: absolute;
    width: 95px;
    height: 95px;
    right: 0;
    top: 0;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.5s ease;
    background-size: 35px;
}

.casestudies dt:before {
    content: '';
    display: block;
    background: url(../i/accordion.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.5s ease
}

.casestudies dl.fx-on dt:before {
    transform: translate3d(0, 0, 0);
}

.casestudies dl.fx-on dt:after {
    background-image: url(../images/minus.svg);
}

.casestudies dl.fx-on dt {
    color: #fff;
    padding-left: 40px;
}

.casestudies dd {
    padding: 0 40px;
    overflow: hidden;
    display: none;
}

.casestudy {
    padding: 50px 0;
    border-bottom: 1px solid #D9DEE1;
    overflow: hidden;
}

.casestudy .column:first-of-type {
    width: 44%;
    padding-right: 40px;
    float: left;
}

.casestudy .column:last-of-type {
    width: 56%;
    padding-left: 60px;
    border-left: 2px solid #D62334;
}

.casestudy p.items {
    font-size: 0.938em !important;
    color: #d62334 !important;
    font-weight: 400
}

.casestudy p.items span {
    text-transform: uppercase;
    color: #3d3c3c;
    font-size: 0.867px;
    
}

.casestudy:last-of-type {
    border-bottom: 0
}

.theater.portfolio-banner {
    background-image: url(../i/portfolio-1600.jpg)
}
.search-portfolio {
    position: absolute;
    right: 0;
    top: 30px;
    width: 200px;
    height: 50px;
    border-bottom: 1px solid #E1E4EB;
    transition: top 0.5s;
}
.search-portfolio input.fx-input {
    border: 0;
    outline: none;
    color: #222;
    width: 100%;
    height: 100%;
    padding: 4px 30px 4px 10px;
    box-sizing: border-box;
    background: #fff;
    transition: all 0.5s;
}

.search-portfolio input.search-btn {
    width: 24px;
    height: 24px;
    background: url(../images/search.svg) no-repeat center center;
    background-size: 20px auto;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    z-index: 3;
    border: none;
    outline: none;
}

.search-portfolio label {
    color: #CECECE;
    font-size: 0.813px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.portfolios .select {
    clear: both;
    width: 240px;
}
.portfolios .select ul {
    width: 240px;
}

.portfolio-list {
    overflow: hidden;
}

.portfolio-item {
    width: 25%;
    display: block;;
    height: 160px;
    float: left;
}

.portfolio-item a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #F5F6F8;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 100%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.17), inset 0 0 25px rgba(0, 0, 0, 0.03);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
}

.portfolio-item a:hover,
.portfolio-item.active a {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none;
    background-color: #EDEEF0;
}

/*.portfolio-item.active a {*/
    /*background-color: rgb(236, 239, 239);*/
/*}*/

.field-name-field-sector li {
    font-size: 0.938px;
    color: #d62334;
    font-weight: 400;
}

.portfolio-detail {
    background: #fff;
    overflow: hidden;
    clear: both;
    height: 0;
    padding: 0;
    opacity: 0;
    float: left;
    width: 100%;
}

.portfolio-detail.active {
    -webkit-animation: height0 ease 0.5s both;
    -o-animation: height0 ease 0.5s both;
    animation: height0 ease 0.5s both;
}
@keyframes height0 {
    to {
        height: auto;
        padding: 40px 0;
        opacity: 1;
    }
}


.portfolio-detail .column {
    overflow: hidden;
    transition: all .5s ease;
}


.portfolio-detail .column {
    width: 100%;
}

.portfolio-detail .column.hide {
    transform: translate3d(-100%, 0, 0);
}

.portfolio-detail .column:first-of-type:after {
    content: '';
    display: block;
    width: 260px;
    height: 2px;
    margin: 10px 0 20px;
    clear: both;
    background: #D62334;
}

.portfolio-detail .column:last-of-type {

}

.portfolio-item .portfolio-info {
    display: none;
}

.portfolio-detail h4 {
    font-size: 1.5px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
}
.portfolio-detail .item-list ul {
    list-style: none;
    margin: 0;
}
.portfolio-detail .item-list li {
    margin: 0;
    font-size: 0.875px;
    line-height: 150%;
    margin-bottom: 20px;
    color: #666;
}
.portfolio-detail p {
    color: #5e5d5d;
    font-size: 0.875px;
    line-height: 2em
}

.portfolio-detail p.items {
    color: #d62334;
    font-weight: 400
}

.portfolio-detail p.items span {
    text-transform: uppercase;
    color: #3d3c3c;
    font-size: 0.867px;
    
}

.portfolio-detail p.outlink {
    text-align: right;
}

.portfolio-detail p.outlink a {
    margin-top: 20px;
    line-height: 24px;
    font-weight: 600;
    transition: background-position 0.3s ease;
    background: url(../i/arrow.svg) no-repeat 90% center;
    background-size: 33px auto;
    font-size: 0.813px;
    color: #000;
    
    text-transform: uppercase;
    padding-right: 60px;
    display: inline-block
}

.portfolio-detail p.outlink a:hover {
    background-position: 100% center
}

.portfolio-detail p.link {
    text-align: right
}

.theater.team-banner {
    box-sizing: border-box;
    background-image: url(../i/team-1600.jpg)
}
.theater.search-banner {
    box-sizing: border-box;
    background-image: url(../images/searchBanner.jpg)
}

.top ul li {
    flex: 1;
    text-align: center;
    font-size: 5px;
    line-height: 120%;
    font-weight: 100;
    color: #3d3c3c;
    border-right: 2px solid #D8DCDC;
    padding: 40px 5%;
    box-sizing: border-box
}

.top ul li span {
    font-size: 0.15px;
    font-weight: 300;
    color: #656c6e;
    text-transform: uppercase;
    
    display: block;
    line-height: 2em
}

.top ul li:last-of-type {
    border-right: 0
}

.top ul {
    list-style-type: none;
    display: flex;
    width: 100%;
    background: #F4F6F7;
    margin: 80px 0 0 0
}

.top {
    padding: 80px 0
}

.team ul li {
    width: calc((100% - 240px) / 4);
    float: left;
    margin-right: 80px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.team ul li span {
    position: relative;
    display: block;
}

.team ul li span.name {
    padding-bottom: 4px;
}

.team ul li span:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #D62334;
    position: absolute;
    bottom: 0;
}

.team .avatar {
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s;
}

.team .avatar img {
    width: 100%;
    float: left;
    height: auto;
}

.team li:hover .avatar {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none;
}

.team ul a {
    font-weight: 600;
    font-size: 0.875px;
    color: #000;
    text-transform: uppercase;
}

.team ul {
    list-style-type: none;
    width: 100%;
    overflow: hidden;
}

.team ul li:nth-of-type(4n) {
    margin-right: 0;
}

.team .alphabet a {
    display: block;
    font-size: 0.875px;
    font-weight: 600;
    color: #313232;
    padding: 3px 4px;
    border-radius: 50%;
    margin: 2px 0;
    width: 16px;
    text-align: center;
    border: 1px solid transparent;
    transition: border-color 0.3s ease
}

.team .alphabet a.on {
    border-color: #D62334
}

.team .alphabet {
    position: fixed;
    right: 3%;
    top: 10%;
    width: 15px;
    height: auto;
    transition: opacity 0.5s ease;
    z-index: 98;
}

.team .alphabet.hide {
    opacity: 0;
    z-index: -10
}

.portfolio-pop .close,
.pop .close,
.bio .btn-close {
    display: block;
    position: absolute;
    right: 40px;
    top: 0;
    width: 32px;
    height: 32px;
    background: url(../i/x.png) no-repeat;
    background-size: 100%;
    z-index: 1
}

.portfolio-pop .close,
.pop .close {
    top: 10px;
    right: 10px;
}

.bio dl {
    display: flex;
    width: 100%
}

.bio dt {
    width: 362px;
    padding-right: 50px;
    overflow: hidden;
}

.bio dd {
    flex: 1;
    font-size: 0.938px;
    line-height: 2px;
    color: #5e5d5d
}

.container .bio dd h3 {
    font-size: 1.875px;
    color: #000;
    
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 2px solid #D62334;
    padding-top: 0;
}
.container .bio dd p {
    font-size: 1px;
    line-height: 187.5%;
    color: #666;
}

.bio dt img {
    width: 100%;
    height: auto;
    float: left;
}

.bio {
    padding: 80px 0;
    position: relative
}

.theater.contact-banner {
    background-image: url(../i/contact-1600.jpg)
}

.contact ul li {
    flex: 1;
    text-align: center;
    font-size: 1.313px;
    font-weight: 300;
    color: #3d3c3c;
    border-right: 1px solid #D8DCDC;
    padding: 40px 3%;
    box-sizing: border-box;
    text-transform: uppercase
}

.contact ul li span {
    font-size: 0.619px;
    font-weight: 300;
    color: #656c6e;
    text-transform: uppercase;
    
    display: block;
    line-height: 1.75px;
    margin-top: 1em
}

.contact ul li:last-of-type {
    border-right: 0
}

.contact ul a {
    color: #656c6e
}

.contact ul {
    list-style-type: none;
    display: flex;
    width: 100%;
    background: #F4F6F7
}

.contact {
    display: none
}

.offices {
    overflow: hidden;
    padding-bottom: 40px;
}

.offices .select {
    position: relative;
    margin-bottom: 0px
}

.offices .contain {
    float: left;
    width: 414px;
    text-align: left;
    min-height: 450px;
}

.offices .fx-list {
    display: none
}

.offices .photos {
    width: calc(100% - 414px);
    padding-left: 8%;
    float: right;
    height: 450px;
}
.offices .photos img{height: 100%;}
.offices .fx-slider h3 {
    font-size: 18px;
    color: #000;
    font-weight: 300;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9DEE1
}

.address-list ul {
    list-style-type: none;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
}

.address-list li {
    width: 100%;
    clear: both;
}
.address-list li p {
    overflow: hidden;
    display: flex;
    line-height: 150%;
}
.offices .fx-slider span {
    color: #cc3131;
    width:55px;
}
.offices .fx-slider b {
    font-weight: normal;
    flex: auto;
}

.offices .fx-slider a {
    color: #CC3131;
    margin-bottom: 25px;
    display: inline-block
}

.offices .fx-slider .btn-map {
    color: #CC3131;
    border: 1px solid #CC3131;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 10px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.offices .fx-slider p {
    margin: 10px 0
}

.photos h6 {
    margin-left: 50px;
    color: #fff;
    font-size: 3px;
    line-height: 1.5px;
    font-weight: 100;
    /*display: none;*/
}

.photos ul {
    list-style: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: left;

    overflow: hidden;
    position: relative;
}

.photos li {
    padding-top: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-100%, 0, 0);
    transition: all 0.5s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.photos li.current {
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.address-list {
    display: none;
    min-height: 393px;
    position: relative;
}

.address-list.current {
    display: block;
}

.photos .hline {
    display: block;
    margin-left: 50px;
    max-width: 440px;
    width: 100%;
    border-top: 1px solid #fff;
    /*display: none;*/
}

.offices .map {
    height: 500px;
    width: 100%;
    margin-top: 20px;
    clear: both;
    position: relative;
}

.theater.news-banner {
    box-sizing: border-box;
    background-image: url(../i/news-1600.jpg)
}

.news .fx-slides {
    column-count: 3;
    column-rule: #D5D4D4 1px solid;
    column-gap: 80px;
    /*-webkit-column-width:150px;*/
}

.news .article {
    column-span: none;
}

.news .article h3 {
    /*column-span: all;*/
}

.news .column {
    width: 33.33%;
    border-right: 1px solid #D5D4D4;
    float: left;

}

.news .column:nth-of-type(3n) {
    border-right: 0;
}

.news .column:nth-child(1) {
    padding-right: 2.5%
}

.news .column:nth-child(2) {
    padding-right: 2.5%;
    padding-left: 2.5%
}

.news .column:nth-child(3) {
    padding-left: 2.5%
}

.news h3 {
    color: #000;
    font-size: 1.438em !important;
    font-weight: 300 !important;
}

.news .article {
    /*border-right: 1px solid #EAEAEA;*/
    margin-bottom: 30px;
    padding-bottom: 40px;
}

.news-block {
    overflow: hidden;
}

.gallery-wrapper {
    position: relative;
}

.news-block .article {
    width: 33.33%;
    float: left;
    border-bottom: none;
    padding: 0 40px;
    position: relative;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    margin-left: -1px;
}

.news-block .article:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #EAEAEA;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.news-block .article:first-of-type {
    padding-left: 0;
    border-left: none;
}

.news-block .article:last-of-type {
    padding-right: 0;
    border-right: 0;
}

.news-block .article:last-of-type:after {
    display: none;
}

.news .article:last-of-type {
    border-bottom: 0
}

.news .content {
    position: relative;
}

.news-main-left .source,
.news .source {
    /*text-transform: uppercase;*/
    color: #d62334;
    font-size: 0.938px;
    padding-bottom: 10px;
}
.news-main-left .date,
.news .date {
    color: #656c6e;
    font-size: 0.813px;
    margin-bottom: 20px;
    
}
.news-main-left .description,
.news .description {
    color: #5e5d5d;
    font-size: 0.938px;
    line-height: 2px;
    /*text-align: justify;*/
}
.description video {
    max-width: 100%;
    margin: 0px auto 20px;
}
.description a {
    color: #5e5d5d;
    transition: all 0.3s;
}
.description a:hover {
    color: #222;
}
.news .btn-more {
    margin-top: 20px;
    line-height: 24px;
    font-weight: 600;
    transition: background-position 0.3s ease;
    background: url(../i/arrow.svg) no-repeat 90% center;
    background-size: 33px auto;
    font-size: 0.813px;
    color: #000;
    
    text-transform: uppercase;
    padding-right: 60px;
    display: inline-block
}

.news .btn-more:hover {
    background-position: 100% center
}

.news .fx-list {
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 40px
}

.news .fx-nav {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    text-align: center
}

.news .fx-nav span {
    color: #000;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    z-index: 1;
    pointer-events: none;
    font-size: 0.875px;
    font-weight: 600
}

.news svg {
    position: absolute;
    left: 0;
    top: 0;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    transition: all 0.5s ease;
    width: 40px;
    height: 40px
}

.news svg:hover {
    stroke-dashoffset: 260;
    transition-duration: 1s
}

.news .fx-nav.fx-on svg {
    stroke-dashoffset: 40;
    transition-duration: 1.5s
}
.offices .fx-slider b i{display: block;}

.news {
    padding: 80px 0;
    position: relative;
}

.node-content {
    position: relative;
}

.portfolio-pop {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    display: none;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.portfolio-pop.show {
    height: auto;
    overflow: hidden;
}

.pop {
    width: 60%;
    position: fixed;
    height: auto;
    left: 20%;
    top: 20%;
    max-height: 80%;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    display: none;
    z-index: 100;
    transition: all 0.5s ease;
    opacity: 0;
}

.pop.active {
    display: block;
    opacity: 1;
}

.item-list .pager {
    text-align: right;
}

.pager li a {
    color: #474c54;
    transition: all 0.4s;
}

.pager li a:hover,
.pager li.pager-current {
    color: #D62334;
}

.footer-blocks ul li.leaf {
    list-style: none;
    margin: 0;font-size:16px;line-height:35px;
}

.footer-blocks ul li a:hover {
    color: #D62334;
}
.footer-blocks h2 {
    font-size: 22px!important;
    text-transform: uppercase;
    margin-bottom: 20px!important;
}
.footer-blocks h2:after {
    content: "";
    display: block;
    margin-top: 10px!important;
    width: 30px!important;
    height: 1px!important;
    background: #d62328;
}
@media(max-width:1024px){
    .container .main-right h2{margin-bottom: 0;}
    .offices .fx-slider h3{padding-top: 0;}
    #menu .inp_se{width: 100%;}
    .footer-top .logo img{height: 30px;}
    .footer-blocks h2{font-size: 18px !important;}
    footer a{font-size: 14px;}
}
.footer-blocks ul li.leaf{line-height: 28px;}
.advantage {
    padding: 80px 0;
    position: relative;
}
.advantage .swiper-slide {
    overflow: hidden;
}
.advantage .swiper-slide .content {
    height: 100%;
}
.advantage .swiper-pagination {
    bottom: auto;
    top:200px;
}
.advantage-left {
    height: 100%;
    width: 48%;
    /*padding-top: 7%;*/
}
.advantage-right {
    width: 46%;
    padding-bottom: 30%;
    float: right;
    overflow: hidden;
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.advantage-right img {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}
.advantage-left h3 {
    font-size: 34px;
    line-height: 150%;
    color: #333333;
    margin-bottom:40px;
    margin-top: 0;
    padding-top: 0;
}
.advantage-left p {
    color: #666;
    line-height: 36px;
	
}
.overview {
    padding-bottom: 40px;
}

.news .swiper-slide {
    /*height: 420px;*/
}
.news-left {
    width: 48%;
}
.news-left h3 {
    font-size: 1.5em!important;
    line-height: 150%;
    margin-bottom: 20px;
}
.news-left h3 a {
    color: #222;
}
.news-left .date {
    font-size: 1.25px;
    color: #D62434;
    line-height: 150%;
    margin-bottom: 40px;
}
.news-left .description {
    font-size: 14px;
    line-height: 150%;
    max-height: 210px;
    overflow: hidden;
    color: #666666;
}
.news-right {
    float: right;
    width: 50%;
    padding-bottom: 41.6%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
}
.news .all-news {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 6;
}
.news .swiper-pagination {
    bottom: 90px;
}
.feeds-front {
    padding: 0px 0 80px;
}
.feeds-front .btn-all {
    float: right;
}
.media-list {
    width: calc((100% - 60px)/2);
    float: left;
    margin: 0 60px 60px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.media-list video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.media-list:nth-of-type(2n) {
    margin-right: 0;
}
.feeds-front .media-list {
    width: calc((100% - 60px)/3);
    margin: 0 30px 30px 0;
}
.feeds-front .media-list:nth-of-type(2n) {
    margin-right: 30px;
}
.feeds-front .media-list:nth-of-type(3n) {
    margin-right: 0;
}
.media-list a {
    width: 100%;
    padding-bottom: 64%;
    position: relative;
    display: block;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    transition: background-color 0.5s;
    overflow: hidden;
    z-index: 3;
}
.media-list a:hover {
    background-color: rgba(0,0,0,0.6);
}
.media-list a span {
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    transition: all 0.5s;
}
.media-list a span.title {
    margin-bottom: 15px;
    bottom: 0;
    font-size: 16px;
    line-height: 150%;
}
.media-list a span.date,
.media-list a span.date-display-single {
    bottom: -37px;
    font-size: 0.875px;
    line-height: 150%;
    margin-bottom: 15px;
}
.media-list a:hover span.title {
    bottom: 50px;
}
.media-list a:hover span.date,
.media-list a:hover span.date-display-single {
    bottom: 0;
}
.news-tab {
    height: 100px;
    border-bottom: 1px solid #DEDEDE;
    padding: 25px 0;
    margin-bottom: 60px;
}
.news-tab a {
    font-size: 1.125px;
    height: 50px;
    line-height: 50px;
    color: #666;
    padding: 0 50px;
    position: relative;
    display: block;
    float: left;
}
.news-tab a.active {
    color: #D62434;
}
.news-tab a:after {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: #DEDEDE;
    overflow: hidden;
}
.news-tab a:last-of-type:after {
    display: none;
}
a.back {
    background: url("../images/back.svg") no-repeat left center;
    background-size: 35px;
    padding-left: 45px;
    font-size: 1.125px;
    height: 40px;
    line-height: 40px;
    color: #666;
}
.bio dd {
    position: relative;
    padding-bottom: 50px;
}
.bio dd a.back {
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-tab a.back {
    height: 50px;
    line-height: 50px;
}
.news-wrapper {
    overflow: hidden;
}
.node-content .pager {
    margin-bottom: 70px;
}
.news-main-left {
    width: 63%;
    float: left;
    padding: 0 40px 0 0;
    border-right: 1px solid #DEDEDE;
}
.news-main-right {
    width: 37%;
    float: left;
    padding: 0 0 0 40px;
    border-left: 1px solid #DEDEDE;
    margin-left: -1px;
}
.news-main-left h3 {
    font-size: 1.5px;
    color: #222222;
    line-height: 150%;
    margin-bottom: 10px;
}
.news-main-left p {
    margin-bottom: 2px;
    font-size: 1px;
    color: #333333;
    line-height: 150%;
}
.news-main {
    padding-bottom: 100px;
    overflow: hidden;
}
.news-main img {
    max-width: 86%;
    margin: 0px auto;
    display: block;
}
.news-main-right ul.news-list {
    list-style: none;
}
.news-main-right .news-list li {
    margin-bottom: 40px;
}
.news-main-right .news-list li a {
    background: url("../images/go.svg") no-repeat 95% bottom;
    display: block;
    width: 100%;
    transition: all 0.3s;
}
.news-main-right .news-list li a:hover {
    background-position: 100% bottom;
}
.news-main-right .news-list li a span.title {
    font-size: 1px;
    color: #222222;
    line-height: 150%;
    margin-bottom: 10px;
    display: block;
}
.news-main-right .news-list li a span.source {
    font-size: 0.875px;
    color: #d62334;
    line-height: 150%;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.news-main-right .news-list li a span.date-display-single {
    font-size: 0.875px;
    color: #666;
    line-height: 150%;
}
.news-cover {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.news-cover img {
    max-width: 100%;
    height: auto;
}
.bdshare-button-style0-16 .bds_more {
    padding: 0!important;
    background: none!important;
    line-height: 30px;
    margin: 0;
}
.bdshare-button-style0-16 .bds_tsina {
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    background: url("../images/sina.svg") no-repeat left center!important;
}
.bdshare-button-style0-16 .bds_weixin {
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    background: url("../images/weixin.svg") no-repeat left center!important;
}
.portfolio-top-bar {
    height: 110px;
    padding: 30px 0;
    position: relative;
    margin-top: -60px;
    transition: margin-top 0.5s, padding 0.5s, height 0.5s;
}
.portfolio-top-bar.fixed {
    position: fixed;
    z-index: 10;
    padding: 10px 0;
    height: 70px;
    margin-top: 0;
    background: rgba(255,255,255,0.9);
}
.portfolio-top-bar.fixed .select {
    visibility: hidden;
}
.portfolio-top-bar.fixed .search-portfolio {
    top: 10px;
    border: none;
}
.portfolio-top-bar.fixed .search-portfolio input.fx-input {
    background: #F5F6F8;
}
.sr-bdimgshare {
    z-index: 9!important;
}
.search-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99;

    display: none;
}
.search-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-wrapper a.close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30px;
    right: 50px;
    display: block;
    background: url("../images/close.svg") no-repeat center center;
}
.search-wrapper .block-search {
    width: 592px;
    height: 70px;
    border: 1px solid #fff;
    background: none;
}
.search-wrapper .block-search .form-item {
    width: 88%;
    float: left;
    height: 68px;
    margin: 0;
}
.search-wrapper .block-search input.form-text {
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    border: none;
    height: 100%;
    width: 100%;
    background: none;
    outline:none;
}
.search-wrapper .block-search .form-actions {
    width: 12%;
    height: 68px;
    float: right;
}
.search-wrapper .block-search .form-submit {
    border: none;
    width: 100%;
    height: 100%;
    background: url("../images/searchBtnWhite.svg") no-repeat center center;
    background-size: 24px;
    text-indent: -2000px;
    overflow: hidden;
    outline: none;
}
.search-results .search-snippet-info {
    padding-left: 0;
}
.search-content ul {
    margin-left: 1.3px;
}
#menu .flagList a:first-of-type {
    padding-left: 0;
}
.search-snippet strong {
    color: #d62328;
}
.pop-right {
    position: fixed;
    top: 96px;
    left: 50%;
    margin-left: 580px;
    width: 60px;
    z-index: 10;
}
.pop-right a.shengming-icon {
    display: block;
    width: 60px;
    height: 170px;
    background: url("../images/shengming.png") no-repeat;
    background-size: 100%;
}
.ann70th {
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/anniversary70th.jpg") no-repeat center;
    background-size: cover;
    z-index: 11;
    display: none;
}
@media screen and (max-width: 1365px) {
    .container .aside {
        width: 260px;
    }
  
    .container .aside .nav h4 {
        padding-left: 30px
    }

    .container .aside .nav a {
        padding: 10px 0 10px 40px
    }

    .container .aside h6 {
        margin-left: 30px;
        font-size: 3.5em
    }
    .container .aside h5 {
        margin-left: 30px;
    }
    .container .aside p {
        margin-left: 30px;
        margin-right: 15px
    }

    #contact .aside {
        display: none
    }

    .flower h4 {
        font-size: 41px;
    }

    #contact .container .content {
        max-width: 90%;
        margin: 0
    }

    .timeline li {
        font-size: 14px;
    }

    .offices .fx-slider .btn-map {
        padding: 10px 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1279px) {
    .portfolio-item {
        width: 25%;
    }
    .portfolios li {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto
    }

    .contact {
        margin-bottom: 40px;
    }
    .theater p {
        max-width: 90%
    }

    .flower .img {
        height: 400px;
    }
    .flower .column {
        height: 610px;
    }

    .flower h4 {
        font-size: 33px;
    }

    .offices .fx-slider .btn-map {
        padding: 4px 10px;
        font-size: 12px;
    }

    .offices .contain {
        width: 35%;
    }
    .offices .photos {
        width: 65%;
        padding-left: 10px;
    }

    .photos h6 {
        font-size: 2px;
    }

    .content {
        max-width: 1280px;
        padding: 0 45px;
    }
    .search-content {
        padding: 45px;
    }
    .swiper-pagination {
        left: 45px;
    }
    .advantage {
        padding: 40px 0;
    }
    .swiper-btn-left, .swiper-btn-right {
        width: 29px;
        height: 29px;
        background-size: 20px;
    }
    .flower {
		margin-top: 0;
        padding-top: 40px;
    }
    .flower .column {
        height: 610px;
    }
    .portfolios .content {
        padding-top: 40px;
    }
    .front .portfolios {
        padding-bottom: 40px;
    }
    .feeds-front,
    .news {
        padding: 40px 0;
    }
    .main-right .page-banner h2.title {
        padding-left: 5%;
    }
    .main-content {
        padding: 45px 5%;
    }
    .node-content {
        padding: 0 80px;
    }
    #menu li,
    #menu .search-btn {
        margin-left: 55px;
    }
    .flagList {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .firm p.big{line-height: 28px;padding:0 10px;}
    .container {line-height: 24px;font-size: 14px;}
    body {
        font-size: 14px;
    }
    #btn-menu {
        display: block
    }

    .tablet {
        display: block !important
    }

    .desktop {
        display: none !important
    }

    h1 {
        font-size: 4em
    }

    #menu li {
        float: none
    }

    #menu li.active {
        border-top: 0;
        padding-top: 34px
    }

    #menu a {
        font-size: 1.125em
    }

    #menu .phone {
        display: block !important
    }

    #menu {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all 0.5s;
    }

    #menu.show {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    #menu ul {
        float: none;
        width: 100%;
    }

    #menu .flagList {
        float: none;
    }

    .aside {
        display: none;
    }

    .contact {
        display: block
    }

    .container .main-right {
        padding-left: 0;
    }
	
	#menu dl{position: relative;top: 0;left: 0;width: 100%;box-shadow: none;text-align: left;}

    /*.container .content, #focus .container .content, #portfolio .container .content, #contact .container .content {
        margin-left: 0;
        width: 90%
    }*/
    .casestudies .fx-nav .bg {
        margin-left: 0
    }

    .photos h6 {
        font-size: 1.5px;
    }
    .firm {
        height: 180px;
    }
    .feeds-front .media-list {
        width: calc((100% - 30px)/2);
        margin-right: 30px!important;
    }
    .feeds-front .media-list:nth-of-type(2n) {
        margin-right: 0!important;
    }
    .timeline {
        /* height: 460px; */
    }
    .swiper-nav-box{display: none;}
    .timeline-container {
        overflow-x: auto;
    }
    .swiper-nav,
    .swiper-slide-bg {
        display: none;
    }
    .bio,
    .top {
        padding: 40px 0;
    }
    .top ul {
        margin-top: 40px;
    }
    .node-content {
        padding: 0 45px;
    }
    .bio dt {
        width: 300px;
    }
    .news-tab {
        margin-bottom: 30px;
        height: 80px;
    }
    .news-tab a {
        height: 30px;
        padding: 0 30px;
        line-height: 30px;
    }
    .news-tab a.back {
        height: 30px;
        line-height: 30px;
    }
    .news-tab a:after {
        height: 30px;
    }
    .media-list {
        width: calc((100% - 30px)/2);
        float: left;
        margin: 0 30px 30px 0;
    }


    #menu .search-btn {
        float: none;
        /*margin-left: 0;*/
    }
    .search-wrapper a.close {
        top: 10px;
        right: 10px;
    }
    .search-content .search-form .form-item-keys {
        width: calc(100% - 94px);
        margin-right: 10px;
    }
    .search-content .search-form input.form-submit {
        width: 84px;
    }
    .offices{padding-bottom: 0;}

}

@media screen and (max-width: 767px) {
    .OurTxt p i{margin-top: 10px;}
    .OurTxt, .OurTxt1{padding-top: 12px;}
    .ann70th {
        width: 45px;
        height: 45px;
    }
    .content {
        padding: 0 15px;
    }
    .adyou{position: absolute;top:200px;z-index: 8888;bottom: auto;}
    .search-content {
        padding: 15px;
    }
    .gallery-wrapper .article {
        position: static;
    }
    .overview {
        padding-top: 40px;
    }
    #toolbar {
        display: none;
    }
    .main-right .page-banner h2.title {
        padding-left: 3%;
    }
    .news .article {
        /*border-right: 1px solid #EAEAEA;*/
        margin-bottom: 15px;
        padding-bottom: 20px;
    }
    .header {
        height: 60px;
    }
    .header .content {
        height: 100%;
    }
    .header #logo img {
        /* height: 24px; */
        width:150px;
    }
    #btn-menu {
        top: 19px;
        padding-top: 19px;
    }
    #logo {
        /* padding-top: 19px; */
    }
    #btn-menu i {
        height: 2px;
    }

    .container {
        margin-top: -33px;
    }
    .container01{margin-top: 60px;}
    
	
    .theater .swiper-pagination span.swiper-pagination-bullet {
        height: 3px;
        width: 30px;
    }

    #mobileDeviceAlert {
        display: block
    }
    .container h2 {
        margin-bottom: 20px;
    }
    .container .theater h2.title {
        font-size: 2px;
        padding-top: 0px;
    }

    .container .page-banner h2.title {
        padding-top: 50px;
        font-size: 30px;
    }

    #frontBanner .swiper-pagination {
        bottom: 20px;
        left: 15px;
    }

    .main-content {
        padding: 20px;
    }

    .tablet {
        display: none !important
    }

    .phone {
        display: block !important
    }

    footer td {
        width: 50%;
        display: inline-block
    }

    footer h3 {
        margin-top: 30px
    }
    .theater,.theaters {
        height: 150px;
    }

    .front .theater,
    #home .theater {
        height: 480px;
    }

    .theater .swiper-slide .content {
        padding-top: 20px;
    }

    .container .theater p {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }

    .theater .fx-slides > div > div {
        height: 400px
    }

    .theater .fx-list {
        margin-top: -50px
    }

    .firm {
        padding: 30px 0;
        height: auto;
    }
    .advantage {
        padding: 30px 0 0;
    }
    .advantage .swiper-slide {
        height: auto;
        /* padding-bottom: 60px; */
    }
    .advantage .swiper-pagination {
        position: static;
    }
    .swiper-pagination {
        left: 15px;
    }
    .advantage-right {
        width: 100%;
        padding: 0;
        height: 200px;
        position: static;
        clear: both;
        margin-bottom: 30px;
    }
    .advantage .swiper-slide .content {
        height: auto;
        clear: both;
    }
    .advantage-left {
        width: 100%;
    }
    .swiper-btn-left, .swiper-btn-right {
        /*display: none;*/
    }
    .advantage-left h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .flower {
        padding-top: 20px;
    }
    .flower .column {
        width: 100% !important;
        background: none;
    }
    .flower .column ul {
        height: 100px;
    }

    .flower .column li, .flower .column li a {
        height: 100px;
        color: #fff
    }

    .flower .column li {
        border-right: 0
    }

    .flower .column{
        height: auto
    }

    .flower .img {
        height: 200px
    }


    .flower ul {
        display: flex;
        background: #f4f6f7;
    }

    .flower li {
        flex: 0 33.33%
    }

    .flower .column {
        height: auto;
        padding: 0 15px;
    }
    .flower .column ul {
        width: 100%;
        flex-direction: row;
        padding: 0;
        background: none;
        justify-content: space-between;
		
    }
    .flower .column li {
        border-bottom: 1px solid #DCDFE0
    }

    .flower h4 {
        font-size: 2em
    }
    .flower .column li {
        justify-content: flex-start;
    }
    .flower label, .flower p {
        margin-bottom: 5px;
    }
    .portfolios .content {
        padding: 20px 15px;
    }
    .portfolios .swiper-container {
        margin-bottom: 20px;
    }
    .news-right {
        width: 100%;
        height: 200px;
        padding: 0;
        clear: both;
        position: static;
    }
    .news .swiper-container {
        /*padding: 0 15px;*/
    }
    
    .news-left .date {
        margin-bottom: 20px;
    }
    .news .content {
        clear: both;
    }
    .news-left {
        width: 100%;
        float: none;
    }
    .news .swiper-slide {
        height: auto;
        padding-bottom: 60px;
    }
    .news .swiper-pagination {
        bottom: 50px;
    }
    .news .column {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: 0 !important
    }
    .news-main {
        padding-bottom: 20px;
    }
    .news-main-left {
        width: 100%;
        padding: 0 0 20px;
        border-bottom: 1px solid #DEDEDE;
        float: none;
    }
    .news-main-right {
        float: none;
        width: 100%;
        padding: 20px 0 0;
        border: none;
    }
    .news-main-right .news-list li {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #f5f5f5;
    }
    .news-main-right .news-list li a {
        background: url("../images/go.svg") no-repeat 100% bottom;
    }
    .portfolio-top-bar {
        margin-top: 0;
        height: 80px;
        padding: 5px 0
    }
    .offices .select {
        /*margin-bottom: 20px;*/
    }
    .search-portfolio {
        top: 5px;
    }
    .flower .column li a:before {
        transform: translate3d(0, 0, 0);
    }
    .feeds-front .media-list {
        width: 100%;
        margin: 0 0 20px!important;
        float: none;
    }
    .media-list a span.title {
        bottom: 25px;
    }
    .media-list a span.date, .media-list a span.date-display-single {
        bottom: 0;
    }
    .footer-blocks .block:last-of-type {
        float: left;
    }

    .news {
        padding: 20px 0
    }
    .timeline {
        height: 420px !important;
    }
    .swiper-nav span{width:90px;}
    .timeline .swiper-slide h3{padding-top: 0;}
    .timeline .swiper-slide li{height: 67px;overflow-y: scroll;}
    .timeline-logo {
        width: 176px;
        margin: 30px 0px 30px 15px;
    }
    .timeline-wrapper {
        padding: 0 15px;
        height: 240px;
    }
    .timeline .swiper-slide {
        float: left;
        width: 240px;
        height: 120px;
        background-size: 100% 100%;
        margin-left: -130px;
        padding: 10px 20px 0 30px;
    }
    .timeline .swiper-slide:nth-of-type(2n) {
        background-size: 100% 100%;
    }
    .timeline .swiper-slide:nth-of-type(2n) {
        margin-top: 120px;
    }
    h1 {
        bottom: 40px
    }
    .top ul li {
        font-size:  3px;
        padding: 20px 0;
    }



    .services {
        margin-bottom: 40px
    }

    .history {
        padding-bottom: 40px
    }

    .top, .bio {
        padding: 40px 0
    }

    .top ul {
        margin-top: 40px
    }

    .team ul li {
        width: calc((100% - 20px)/2);
        margin-right: 20px;
        margin-bottom: 0;
    }
    .team ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .bio dl {
        display: block;
    }
    .bio dt {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .bio dd {
        width: 100%;
        padding-top: 20px;
    }
    .node-content {
        padding: 0 15px;
    }
    .media-list {
        width: 100%;
        margin: 0 0 20px!important;
        float: none;
    }
    .news-tab {
        margin-bottom: 20px;
    }

    .team .alphabet {
        display: none !important
    }

    .sector .sectors .box {
        width: 100%;
        border-right: 0 !important
    }

    .sector .sectors .box:nth-last-of-type(-n+2) {
        border-bottom: 1px solid #D9DEE1
    }

    .sector .sectors .box:last-of-type {
        border-bottom: 0
    }

    .sector .sectors {
        margin-bottom: 40px
    }

    .investment {
        padding-bottom: 40px
    }

    .casestudies .casestudy .content {
        padding: 30px 0
    }

    .casestudies .casestudy .column {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: 0 !important
    }

    .portfolios .fx-accordion .column {
        width: 100% !important;
        border-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin: 20px 0
    }

    #news .news .column {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: 0 !important
    }

    #news .news {
        padding: 40px 0 0 0
    }

    #contact .affiliates {
        padding-bottom: 40px
    }

    .offices .fx-slider h6, #contact .affiliates .fx-slider h6 {
        font-size: 2em
    }

    .contact ul {
        display: block
    }

    .contact ul li {
        border-right: 0;
        border-bottom: 1px solid #D8DCDC
    }

    .contact ul li:last-of-type {
        border-bottom: 0
    }

    #contact #map1, #contact #map2 {
        margin-top: 40px !important
    }

    .timeline .fx-right-arrow span, .timeline .fx-left-arrow span {
        display: none;
    }

    .footer-blocks {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .timeline .pointer {
        display: none;
    }

    .news-block .article {
        width: 100%;
        border: none;
        padding: 0;
    }

    .news-block .article:after {
        display: none;
    }
    .portfolio-item {
        width: 50%;
    }
    .offices .contain {
        width: 100%;
        float: none;
        padding-bottom: 20px;
        min-height: inherit;
        position: relative;
        z-index: 11;
    }
    .address-list {
        height: auto;
        min-height: inherit;
        padding-bottom: 47px;
    }
    .offices .photos {
        width: 100%;
        height: 240px;
        float: none;
        clear: both;
        padding-left: 0;
    }
    .news .fx-list {
        margin: 0 0 20px;
    }
    .casestudies {
        padding-bottom: 20px;
    }
    .casestudies .ab {
        top: -10px;
    }
    .casestudies dt {
        height: 48px;
        line-height: 48px;
    }
    .casestudies dt:after {
        width: 48px;
        height: 48px;
        background-size: 20px;
    }
    .casestudies dl.fx-on dt {
        padding-left: 10px;
    }
    .casestudies dd {
        padding: 0 10px;
    }
    .casestudy {
        padding: 20px 0;
    }
    .casestudy img {
        max-height: 60px;
        margin-bottom: 15px;
    }
    .btn-all {
        padding: 7px 10px;
        background: #D62334;
        /*background: url(../i/arrow-white.svg) no-repeat 92% center #D62334;*/
        /*background-size: 17px auto;*/
        font-size: 14px;
        line-height: 20px;
    }
    .item-list .pager li {
        padding: 0;
    }
    .flower label, .flower p {
        padding: 0;
        text-align: center;
    }
    .search-wrapper .block-search {
        width: 85%;
    }


    .search-content .search-form {
        height: auto;
    }
    .search-content .search-form .form-item-keys {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        margin-bottom: 10px;
    }
    .search-content .search-form .form-item-keys label {
        float: none;
        clear: both;
        margin-right: 0;
        width: 100%;
    }
    .search-content .search-form .form-item-keys .form-text {
        width: 100%;
    }
    .pop-right {
        top: 40%;
        margin: 0;
        right: 15px;
        width: 30px;
        position: fixed;
        left:inherit;
    }
    .pop-right a.shengming-icon {
        width: 30px;
        height: 80px;
        background: url("../images/shengming-m.png") no-repeat;
        background-size: 100%;
    }

}

/*.main-right{padding: 0 80px;}*/

@media(max-width:1280px){
	.container{width: auto;}
	
	
}

@media (max-width:900px) {
	.advantage-left{padding: 4%;}
	.advantage-left p { line-height: 25px;}
	.container h2 {font-size: 18px;margin-bottom: 40px;}
	.feeds-front, .news{padding: 20px 0;}
	.flower{padding-top: 20px;}
	
}

@media (max-width:414px) {
	.footer-blocks .block{    padding-right:13%;padding-left: 0;}
	/* .main-right{padding: 0 30px;} */
    .container h2{margin-bottom: 20px;}
    .footer-blocks .block:first-of-type{display: none;}
}
/* @media(max-width:600px){
	.flower .column ul li{width: 100%;float: left;}
	.flower ul{display: block;}
} */


/*
 .PicList001646 
 */
/*
 .PicList002497 涓篸emo缂栧彿
 */
ul li{list-style:none;}
.PicList002497{ padding:2% 0;}
.PicList002497 *{padding:0px;margin:0px;}

.PicList002497 .wrap-container{ margin: 0 auto; }
@media (max-width: 1230px) {
    .PicList002497 .wrap-container{ padding: 0 15px;}
}

.PicList002497 .List *{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.PicList002497 .List  ul li { padding-top: 100%;position: relative;width: 100%;margin-top: -1px; border:1px solid #eee;}
.PicList002497 .List  ul li a { display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.PicList002497 .List  ul li .imgBox {height: 100%;position: relative;width: 100%;}
.PicList002497 .List  ul li .imgWrap { left: 50%;   position: absolute;top: 50%;transform: translate(-50%, -50%); width: 100%;}
.PicList002497 .List  ul li .txtCon{padding: 20px;}
.PicList002497 .List  ul li a .img {display: block;height: 75px; position: relative;}
.PicList002497 .List  ul li a .img img {max-height: 90%;}

.PicList002497 .List  ul li a .txt {display: block; width: 100%; color: #666; font-size: 14px;}
.PicList002497 .List  ul li a .h3{font-size: #333;font-size: 18px;font-weight: normal;margin: 10px 0;}
.PicList002497 .List ul li a .txtp{padding-right:20px;box-sizing:border-box;}
.PicList002497 .List ul li a .txtp .pt2{font-size:14px;color:#666;margin-bottom:3px;line-height:22px;}
.PicList002497 .List ul li a .txtp .pt2 i{display:inline-block;vertical-align:middle;width:5px;height:5px;background:#666;border-radius:50%;margin:-4px 10px 0 0;}

.PicList002497 .List ul li a .pt1 {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px;
}
@media(max-width:1024px){
    .PicList002497 .List ul li a .txtp{height: auto;overflow-y: scroll;}
}
@media screen and (min-width:540px ){
.PicList002497 .List ul li{width: 50%;padding:5% 0 30%;float: left; margin-top: 0; border:none;}

  .PicList002497 .List  ul li a {border-right: 1px solid #eee;border-bottom:1px solid #eee; }
  .PicList002497 .List  ul li:nth-child(2n+1) a,
  .PicList002497 .List  ul li.last a{  border-left: 1px solid none; }

  .PicList002497 .List  ul li:nth-child(1) a,.PicList002497 .List  ul li:nth-child(2n+1) a{border-left: 1px solid #eee;}
  .PicList002497 .List  ul li:nth-child(1) a,
  .PicList002497 .List  ul li:nth-child(2) a {border-top:1px solid #eee;}

}
@media(max-width:1024px){
    .PicList002497 .List ul li a .h3{margin-top: 0;padding-top: 10px;}
    .PicList002497 .wrap-container{padding:0;}
    .PicList002497 .List ul li{width: auto;float: none;padding: 0;}
    .PicList002497 .List ul li a .txtp{overflow: auto;}
    .PicList002497 .List ul li .txtCon{border:1px solid #eeeeee;}
    .PicList002497 .List ul li a{position: static;}
    .PicList002497 .List ul li .imgWrap{transform: translate(0,0);position: static;}
}



@media screen and (min-width:1200px ){
  .PicList002497 .List  ul li .txtCon{padding:0 30px 0 30px;}
  .PicList002497 .List  ul li a .h3{margin: 12px 0;padding:0px;}
  .PicList002497 .List  ul li a .txtp{height: 125px;overflow:auto;}
}

.PicList002497 .List  ul li a .txtp::-webkit-scrollbar{width: 2px;-webkit-overflow-scrolling : touch;background-color: #e6e6e6;}
.PicList002497 .List  ul li a .txtp::-webkit-scrollbar-thumb{background-color: #D62334;}


/*PicList002171 */
.PicList002171{ padding-top:3%;}
.PicList002171 li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;}
.PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;}
.PicList002171 li img{ display:block; width:100%;}
.PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(214,35,52,0.95); opacity:0; transition:0.3s;}
.PicList002171 li a:hover figure{ opacity:1;}
.PicList002171 li dl{ display:table;  width:100%; height:100%;}
.PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:16px; color:#fff;}
.PicList002171 li:hover img{-webkit-filter: grayscale(0); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(0); /* W3C */}

@media(min-width:769px){
.PicList002171 li:nth-child(4n){ margin-right:0;}
}
@media(max-width:768px){
.PicList002171 ul{margin-left: -3%;}
.PicList002171 li{ width:47%;margin-right: 0;margin-left: 3%;}
}

@media(max-width:480px){
.PicList002171 li dt{ font-size:15px;}
}

.HomeTit{text-align:center;margin-bottom:30px;}
.HomeTit .Homt{display:inline-block;position:relative;padding-right:20px;}
/* .HomeTit .Homt::before {position:absolute;content:'';width:0;height:0;border:8px solid #4c4c4c;border-top-color:transparent;border-bottom-color:transparent;border-right:0;right:0;top:50%;margin-top:-9px;} */
.HomeTit img{display:inline-block;vertical-align:middle;margin-right:10px;margin-top:1px;}
.HomeTit span{font-size:17px;color:#000;display:inline-block;vertical-align:middle;letter-spacing:5px;}
.HomeTit span.s2{color:#BC171D;}

#frontBanner .swiper-pagination{width:100%;left:0px;bottom:20px;text-align:center;}
#frontBanner .swiper-pagination span.swiper-pagination-bullet{width:10px;height:10px;background:#fff;border-radius:50%;opacity:1;}
#frontBanner .swiper-pagination span.swiper-pagination-bullet-active{background:#BC171D}


/* 投资团队 */
/* 投资团队 */
/*
 .PicList000762 为demo编号
 */
 .tztd1{padding: 3% 10%;}
 /* .PicList000762{ margin-right:-80px;} */
 /* .PicList000762 li{ float:left; width:23%;margin-right:2%; margin-bottom:3%;} */
 .PicList000762 li{width: calc((100% - 240px) / 4);float: left;margin-right: 80px;margin-bottom: 10px;}
 .PicList000762 li:nth-of-type(4n) {
     margin-right: 0;
 }
 /* .PicList000762 li:nth-child(n+1){ margin-right:0;}s */
 .PicList000762 li a{ display:block; background-color:#fff;transition:all ease-in-out 0.3s;position: relative;}
 .PicList000762 li a::before{content: "";width: 30px;height: 1px;background: #BC171D;display: block;position: absolute;bottom: 0px;}
 .PicList000762 li h2{ margin:0; font-size:14px; color:#000; text-align:left; padding:3% 0%;font-weight: bold;margin-top: 10px;}
 .PicList000762 h2:after{content: none !important;}
 .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:100%;filter: gray;opacity:0.9; filter: grayscale(100%);}
 .PicList000762 li figure:hover{opacity:1; filter: grayscale(0%);}
 @media(max-width:1024px){
     .tztd{ width: 100%;padding: 3% 5%;}
 }
 @media(max-width:640px){
     /* .PicList000762 ul{margin-left: -2%;} */
     .PicList000762 li{width:50%;float: left;margin-bottom: 10px;margin-right: 0;padding: 0px 2%;}
 /* .PicList000762 li{width:49%;} */
 /* .PicList000762 li:nth-child(3n){ margin-right:2%;}
 .PicList000762 li:nth-child(2n){ margin-right:0;} */
 }
 @media(max-width:480px){
 .PicList000762 li h2{font-size:14px;}
 }
 .tz_img{width:35%;float: left;height:400px;background-size:cover}
 .tz_left{width: 100%;height: 100%;}
 .tz_right{width: 60%;float: right;font-size: 16px;line-height: 30px;}
 .PicList0020781{margin-bottom: 40px;}
 .tz_right h3{font-size: 20px;color: #333;border-bottom: 2px solid #e03734;padding-bottom: 20px;font-weight: bold;}
 .tz{position: relative;}
 .tz_btn{position: absolute;right: 0; bottom: 0;}
 .tz_btn a{color: #333;font-size: 18px;}
 .tz_btn a i{background: url(../images/back.png) no-repeat left center;width:36px;height: 22px;display: inline-block;vertical-align: middle;}
 .tz_right p{    font-size: 1em; line-height: 187.5%; color: #666;margin-top: 1em;}
 
 
 
 .PicList002078 .list li {
     position: relative;
     margin-bottom: 2%;
     background-color: #fafafa;
 }
 .PicList002078 .list li .Ispic {
     position: absolute;
     left: 0;
     width: 22.65%;
     height: 100%;
     background-size: contain;
 }
 .PicList002078 .list li .Ispic img {
     display: none;
 }
 .PicList002078 .list li div {
     border: 1px solid #f0f0f0;
     padding: 5% 5% 5% 27.34%;
 }
 .PicList002078 .list li p {
     margin-bottom: 0;
     color: #888;
     line-height: 26px;
     height: 104px;
     overflow: hidden;
     margin-top: 10px;
 }
 .PicList002078 .list li .dot {
     font-weight: bold;
     font-size: 16px;
     color: #D62334;
 }
 .PicList002078 .list li:nth-child(2n) div {
     padding-right: 27.34%;
     padding-left: 5%;
     text-align: right;
 }
 .PicList002078 .list li:nth-child(2n) .Ispic {
     left: auto;
     right: 0;
 }
 
 
 @media (max-width: 640px){
 .PicList002078 .list li p {height: 78px;font-size: 12px;}
 .PicList002078 .list li:nth-child(2n) div {
     padding-right: 35%;
 }
 .tz_img{width: 100%;float: none;}
 .tz_right{width: 100%;margin-top: 20px;}
 .tz_right p{font-size: 14px;}
 }
 /*pages*/
 .Pages{margin-top:40px;padding:0px; zoom:1; overflow:hidden;text-align:center; color:#666; clear:both; font-size:14px;margin-bottom: 40px;}
 .Pages em{font-style:normal;}
 .Pages span{ padding:0px 0px; display:inline-block;}
 .Pages a{ display:inline-block; margin:0px 5px; line-height:36px; border:1px solid #d2d2d2; color:#666;border-radius:3px;}
 .Pages .p_page a{ display:inline-block; vertical-align:middle;}
 .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; text-align:center; vertical-align:middle; padding:0px 12px;}
 .Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#e03734; border:1px solid #e03734; color:#fff;}
 .Pages .p_page .num a{ display:inline-block; text-align:center;vertical-align:middle; color:#666; width:36px;}
 .Pages .p_page .num a:hover{ color:#fff; background:#e03734; border:1px solid #e03734;}
 .Pages .p_page .num a.a_cur{ background:#e03734; border:1px solid #e03734; color:#fff;}
 @media ( max-width:560px){
 .Pages .p_page .a_prev, .Pages .p_page .a_next, .Pages .p_page .a_first, .Pages .p_page .a_end{padding:0 3px;}
 .Pages{font-size:13px;}
 .Pages a{margin:0 1px 5px 1px;line-height:25px;}
 .Pages .p_page .num a{width:22px;}
 }
 /* 投资领域 */
 .tzly{padding: 3% 5%;}
 .Field{padding-bottom: 4%}
 .tltle1{text-align: center;}
 .tltle1 h2{font-size:18px;color: #e03734;position: relative;font-weight: bold;}
 .tltle1 h2::after{position: absolute;left:50%;top:40px;content: "";display: block;width: 50px;height: 2px;background: #e03734;transform: translateX(-50%);}
 .tltle1 p{text-align:center;font-size: 14px;line-height:20px;}
 .Field .tab{text-align: center;}
 .Field .tab ul{display: inline-block;width: 80%;margin: 0 auto;}
 .Field .tab li{position: relative;float: left;width: 25%;}
 .Field .tab li .pic_list{width:80px;height: 80px;border: 1px solid #e03734;border-radius: 100px;margin: 45px auto 0;}
 .Field .tab li a{display: block; cursor: pointer;padding: 0 25px; line-height: 43px; border-radius: 3px; font-size: 16px; transition: 0.3s;color: #333;}
 .tab-list{font-size: 16px;margin-top: 40px;}
 .tab-list i{display: inline-block;width: 5px;height: 5px;background: #666;border-radius: 100px;margin-right: 5px;}
 .tab-list  h2{font-size: 16px;color: #e03734;font-weight: bold;margin:10px 0!important;background: url(../images/RighInfo001385_arrow.png) no-repeat left center;padding-left:20px;}
 .tab-list p{font-size: 14px;line-height:30px;}
 .tab-list b{font-size: 15px;font-weight:100}
 .tab_left{width: 45%;float: right;}
 .tab_right{width: 50%;float: left;}
 @media ( max-width:1024px){
     .tzly{width: 100%;}
     .Field .tab li a{font-size: 14px;padding: 0 !important;}
     .tab-list{margin: 0;}
 }	
 @media ( max-width:640px){
 .Field .tab li a{display: block; cursor: pointer; line-height: 43px; border-radius: 3px; font-size: 12px; transition: 0.3s;color: #333;}
 .Field .tab li .pic_list{margin: 30px auto 0 !important;}
 .Field .tab li .pic_list{width:40px;height: 40px;border: 1px solid #e03734;border-radius: 100px;margin: 30px auto 0;font-size: 12px;}
 }
/* 新闻中心 */
/* .MediaNews{margin: 30px auto;} */
.news_box{background: url(../images/bg_bg.jpg) no-repeat left center;background-size: cover;padding: 3% 0%;}
.news_box li{padding: 16px 0;border-bottom: 1px solid #b5b5b5;}
.news_box li a{color: #333;display: block;width: 100%;font-size: 16px;font-weight: bold;}
.news_box li a div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_box li:hover a{color: #e03734;}
.news_box li span{font-size: 14px;color: #e03734;font-family: Georgia,"宋体";}
@media ( max-width:1024px){
	.news_box{width: 100% !important;padding: 0px 0 !important;}
}
@media(max-width:768px){
    .news_box li a div{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space:normal}
}
/*联系我们 s*/
.Map{ width:100%;  border:1px solid #e2e2e2;}
#dituContent{ height:342px;}
.Contacts{ line-height:42px; padding-top:5px; width:100%;padding-bottom: 30px;}
.Contacts .iconfont{ margin-right:13px; color:#0091df;}
.Contacts .ewm{ padding-top:20px;}
.Contacts .ewm img{ display:block; width:94px; height:94px;}
.Contacts li a{background:#e03734;color: #fff;padding: 10px 20px;}
.Contacts li img{width: 25px;vertical-align: middle;margin-right: 15px;}

.lxwm{line-height: 30px;color: #333;margin-bottom: 20px;padding: 0px 20px;text-align: left !important;color: #fffs;}
.lxwm h2{font-size: 14px;color: #fff;font-weight: normal;margin-bottom: 20px;}
.lxwm p{text-align: left !important;color: #fff;font-size: 12px;}
.lxwm a{color: #fffs !important;sbackground:rgba(255,255,255,0,5) !important;}

@media ( max-width:768px){
.Map{ width:auto; float:none;}
#dituContent{ height:;}
.Contacts{ line-height:30px; padding-top:15px; width:auto; float:none;}
}
.Contacts a{color: #666;}
.Contacts span {
    float: left;
    width: 50%;
    padding-right: 50px;
    height: 68px;
    display: table;
    line-height: 10px;
    border: 1px solid #d6edfa;
    margin: 15px 0;
}
.Contacts span em {
    display: table-cell;
    vertical-align: middle;
    width: 68px;
}
.Contacts span strong {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
    padding-left: 20px;
    font-weight: 500;
}
@media ( max-width:1024px){
.Contacts span{width: 100%;line-height: 21px;}
.Contacts span img{vertical-align: middle;}
}

/* 合作伙伴 */
/*合作品牌 s*/
.MediaNews1 li .box .img{ background-size:100%;}
/* 详情页面 */
.Titleinfo{text-align: center;border-bottom: 1px solid #dadada;padding: 20px 0;margin-bottom: 20px;}
.Titleinfo h2{padding: 10px 0;}
.share{margin-top: 10px;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;font-style: normal;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#333; font-size:16px; padding-right:31px; background:url(../images/back.png) right center no-repeat;}
.Newsinfo{margin-bottom: 30px;}
i{font-style: normal;}

@media(max-width:1024px){
    .HomeTit{margin-bottom: 15px;}
    .PrevNextBox dl{width: auto;}
    .PrevNextBox a.back{top: -35px;right: 0;font-size: 14px;}
}


/* 合作 */
.hzhb{padding: 3% 0;}
.portfolio-list {
    overflow: hidden;
}

.portfolio-item {
    width: 25%;
    display: block;
    height: 160px;
    float: left;
}

.portfolio-item a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #F5F6F8;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.17), inset 0 0 25px rgba(0, 0, 0, 0.03);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
}

.portfolio-item a:hover, .portfolio-item.active a {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none;
    background-color: #EDEEF0;
}

/*.portfolio-item.active a {*/

/*background-color: rgb(236, 239, 239);*/

/*}*/

.field-name-field-sector li {
    font-size: 0.938em;
    color: #d62334;
    font-weight: 400;
}

.portfolio-detail {
    background: #fff;
    overflow: hidden;
    clear: both;
    height: 0;
    padding: 0;
    opacity: 0;
    float: left;
    width: 100%;
}

.portfolio-detail.active {
    -webkit-animation: height0 ease 0.5s both;
    -o-animation: height0 ease 0.5s both;
    animation: height0 ease 0.5s both;
}

@keyframes height0 {
    to {
        height: auto;
        padding: 40px 0;
        opacity: 1;
    }
}

.portfolio-detail .column {
    overflow: hidden;
    transition: all .5s ease;
}

.portfolio-detail .column {
    width: 100%;
}

.portfolio-detail .column.hide {
    transform: translate3d(-100%, 0, 0);
}

.portfolio-detail .column:first-of-type:after {
    content: '';
    display: block;
    width: 260px;
    height: 2px;
    margin: 10px 0 20px;
    clear: both;
    background: #D62334;
}

.portfolio-detail .column:last-of-type {}

.portfolio-item .portfolio-info {
    display: none;
}

.portfolio-detail h4 {
    font-size: 1.5em;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
}

.portfolio-detail .item-list ul {
    list-style: none;
    margin: 0;
}

.portfolio-detail .item-list li {
    margin: 0;
    font-size: 0.875em;
    line-height: 150%;
    margin-bottom: 20px;
    color: #666;
}

.portfolio-detail p {
    color: #5e5d5d;
    font-size: 0.875em;
    line-height: 2em
}

.portfolio-detail p.items {
    color: #d62334;
    font-weight: 400
}

.portfolio-detail p.items span {
    text-transform: uppercase;
    color: #3d3c3c;
    font-size: 0.867em;
}

.portfolio-detail p.outlink {
    text-align: right;
}

.portfolio-detail p.outlink a {
    margin-top: 20px;
    line-height: 24px;
    font-weight: 600;
    transition: background-position 0.3s ease;
    background: url(../images/bg3.png) no-repeat 90% center;
    background-size: 33px auto;
    font-size: 0.813em;
    color: #000;
    text-transform: uppercase;
    padding-right: 60px;
    display: inline-block
}

.portfolio-detail p.outlink a:hover {
    background-position: 100% center
}

.portfolio-detail p.link {
    text-align: right
}
@media (max-width:1024px) {
	.hzhb{width: 100%;padding: 3% 5%;}
}
@media (max-width:1024px) {	
.portfolio-item {
    width: 100%;
    display: block;
    height: 160px;
    float: left;
}
}

.RighInfo002363 .auto{ max-width: 1280px;margin: 0 auto;}
@media only screen and (max-width:1600px ) {
	.RighInfo002363 .auto{ padding-left: 2%; padding-right: 2%;}
}
.RighInfo002363 .con-head em{position:relative; font-style:normal; display: inline-block; color:#333; font-size:18px; padding-bottom:20px;    }
.RighInfo002363 .con-head em span{ color:#005bac;}
.RighInfo002363 .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:3px; content:""; background:#e03734; }
.RighInfo002363 .box1{ padding:2% 0 4% 0; background: #f6f6f6;}
.RighInfo002363 .box1 .tit{ text-align:center; font-size:24px;  font-weight:normal;  color:#333; margin:0; padding-bottom:25px; position:relative;    }
.RighInfo002363 .box1 .tit:after{ display:block; margin:0 auto; width:68px; height:1px; background-color:#bbb; margin-top:16px; content:''; }
.RighInfo002363 .box1 .text{ position:relative; color: #333; padding: 15px 0;}
.RighInfo002363 .box1 .text i{display: inline-block;width: 5px;height: 5px;background: #ccc;border-radius: 100px;margin-right: 10px;}
.RighInfo002363 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;}
@media only screen and (min-width:768px ) {
	.RighInfo002363 .con-head em{ font-size: 22px;}
	.RighInfo002363 .tit{ font-size:28px;}
}
@media only screen and (min-width:1024px ) {
	.RighInfo002363 .con-head em{ font-size: 18px;}
	.RighInfo002363 .tit{ font-size:32px;}
}

.RighInfo002363 .box2{ background: #fff; padding:40px 0;}
.RighInfo002363 .box2 .list{ padding-top: 25px;}
.RighInfo002363 .box2 li{float:left;width: 25%;text-align: center; position:relative;padding: 0px 20px;}
.RighInfo002363 .box2 li:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;}
.RighInfo002363 .box2 li:first-child{ border-left:1px solid #f4f4f4;}
.RighInfo002363 .box2 li a{display: block; margin:0 auto; width:50%; max-width:206px;}
.RighInfo002363 .box2 li figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;}
.RighInfo002363 .box2 li:hover figure img{ top: -10px;}
.RighInfo002363 .box2 li h3{font-size: 16px; color: #333; margin:25px 0 15px;}
.RighInfo002363 .box2 li p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;}
@media(max-width:767px){
.RighInfo002363 .box2{  padding:20px 0;}	
.RighInfo002363 .box2 li{ width:50%; margin-bottom:2%;}
.RighInfo002363 .box2 li{ border-left:1px solid #f4f4f4;}
.RighInfo002363 .box2 li:nth-child(2n){ border-left:1px solid #fff;}
}
.xyt{padding-bottom: 20px;}
.xyt img{width:100%}
.TouZi h4{background: #bf1920;color: #fff;padding: 3px;}
.TouZi ul{display: flex;align-items: center;justify-content: space-between;margin: 25px 0;}
.TouZi ul li{width:25%;background-size: cover;text-align: center;height: 175px;line-height: 175px;}
.TouZi ul li a{color: #fff;}
.TouZi p{margin-bottom: 0;margin-top: 15px;}
.TouZi h3,.xyt h3{font-size: 18px;font-weight: bold;color: #000;position: relative !important;text-align: left;padding-bottom: 20px;}
.xyt h3::after{width: 46px;display: block;background: #BC171D;overflow: hidden;content: "";height: 2px;position: absolute;bottom: 0;left: 0;}
.TouZi h3::after{width: 46px;display: block;background: #BC171D;overflow: hidden;content: "";height: 2px;position: absolute;bottom: 0;left: 0;}