@charset "UTF-8";
    /* Landscape phone to portrait tablet */
    
    @media (max-width: 767px) {
        .menu-toggle {
            display: block;
        }
        a.logo {
            width: 220px;
            left: 20px;
            top: 15px;
        }
        #index.main {
            margin-bottom: 0;
        }
        #index .lSSlideOuter{height: auto;}
        .lSSlideWrapper .lSSlide li{
            background-image: none!important;
        }
        .lSSlideWrapper .lSSlide img {
            display: block;
        }
        #wrapper {
            padding-bottom: 40px;
        }
        .featherlight .featherlight-inner .ceoarea {
            width: 100%;
            text-align: left;
            padding-top: 20px;
            float: left;
        }
        .featherlight .featherlight-inner .ceoarea .thumb {
            margin: 0 20px 0 0;
            display: inline-block;
            float: left;
        }
        .featherlight .featherlight-inner .ceoarea .title {
            display: inline-block;
            position: relative;
            z-index: 1;
            padding-top: 40px;
            float: left;
        }
        .featherlight .featherlight-inner .ceoarea:before {
            width: 100%;
            height: 40px;
            background: rgba(226, 226, 226, 1);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
            background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);
            background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
        }
        footer {
            position: relative;
            z-index: 1;
            text-align: center;
        }
        .social {
            position: inherit;
            padding: 10px 0;
            width: 100%;
            bottom: auto;
            right: auto;
            text-align: center;
        }
        .rwdMenu ul.social {
            margin: 0 auto;
        }
        .rwdMenu p {
            margin-top: 0;
        }
        body.page-template-page-contact .social {
            left: auto;
        }
        .rwdMenu .language-chooser li a {
            background: none;
        }
        .social li {
            display: inline-block;
            margin: 0 5px;
        }
        header {
            height: 50px;
        }
        header .language-chooser {
            display: none;
        }
        .main {
            overflow-x: hidden;
            margin-bottom: 60px;
        }
        .pageTitle {
            left: 20px;
            top: 60px;
        }
        .pageTitle h1 {
            font-size: 3rem;
            margin-bottom: 0;
        }
        .pageTitle h1:before,
        .pageTitle h4:before {
            height: 20px;
        }
        #copyright {
            margin: 0;
            width: 100%;
            bottom: auto;
            left: auto;
            position: inherit;
            width: 100%;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
        }
        #index .total h5 {
            top: 0;
            right: 0;
            z-index: 9;
            margin: 0;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
        #index .total h5:after {
            width: 110%;
            margin-left: -10%;
        }
        #index .total {
            bottom: -120px;
            right: 15px;
            z-index: 2;
            text-align: center;
        }
        #index .total .number {
            letter-spacing: 0;
            margin-top: 50px;
        }
        #index > div {
            padding: 0;
            margin-top: 50px;
            height: auto;
        }
        #index .slideshow {
            height: auto;
        }
        #lines {
            display: none;
        }
        .slideshow {
            height: 300px;
        }
        .slideshow:after {
            display: none;
        }
        .slideshow .caption {
            left: 20px;
            line-height: 1.4;
        }
        .slideshow .caption h1:before {
            left: -10px
        }
        .slideshow .caption h1.cn,
        .slideshow .caption h1.en {
            font-size: 1.4rem;
            line-height: 1.3;
        }
        .lSSlideOuter {
            overflow: inherit;
        }
        .lSSlideOuter .lSPager.lSpg {
            bottom: auto;
            top: 310px;
            right: auto;
            left: 10px;
        }
        .lSSlideOuter .lSPager.lSpg > li a {
            width: 40px;
            height: 20px;
        }
        .slideshow .lightSlider.lsGrabbing > * img,
        .slideshow .lightSlider.lsGrab > * img {
            height: calc(100%);
            width: auto;
        }
        #index .slideshow .caption {
            height: auto;
            position: relative;
            margin-top: 10px;
            left: inherit;
            top: inherit;
            padding: 20px;
            padding-bottom: 0;
            position: inherit;
        }
        #index .lSSlideOuter .lSPager.lSpg {
            position: inherit;
            bottom: inherit;
            top: inherit;
            left: inherit;
            right: inherit;
            margin-top: 10px;
        }
        .newsList .item {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
        }
        .newsList .item .thumb .caption {
            font-size: 1.2rem;
        }
        .cd-filters .filter {
            padding: 10px 70px 10px 15px;
            line-height: normal;
        }
        .cd-gallery li {
            width: 50%;
            padding-bottom: 100px;
            height: 150px;
        }
        .peoples .item {
            width: 100%
        }
        #about section.first {
            padding-top: 80px;
            height: auto;
        }
        #about section.first .title h2 {
            font-size: 2.8rem;
        }
        #about section.first .title h2 em {
            font-size: 4.2rem;
        }
        #about section.first .center {
            left: 30px;
            width: 150px;
            margin: 0;
        }
        #about section.first .info {
            padding: 0px;
        }
        #about section.first .chart {
            width: 100%;
            display: inline-block;
        }
        #about section.second .topBg {
            top: -50px;
            width: 200%;
            margin-left: -100%;
        }
        #about section.second .content {
            margin-top: 50px;
            text-align: center;
        }
        #about section.second .content h2:before,
        #about section.second .content .desc:before {
            display: none;
        }
        .peoples.team .item .content:before {
            height: 50%;
        }
        #about section.second .valuation {
            padding: 0 15px;
            margin-top: 80px;
        }
        #about section.second .valuation h6 {
            padding: 3px 15px;
        }
        #about section.second .valuation .mark {
            display: none;
        }
        #about section.second .valuation h1 {
            font-size: 3rem;
        }
        #about section.second .valuation:before {
            background-image: none;
        }
        #about section.first .chart ul.markList li:nth-child(1),
        #about section.first .chart ul.markList li:nth-child(2),
        #about section.first .chart ul.markList li:nth-child(3),
        #about section.first .chart ul.markList li:nth-child(4),
        #about section.first .chart ul.markList li:nth-child(5) {
            position: relative;
            left: auto;
            top: auto;
            right: auto;
            bottom: auto;
            width: 250px;
            height: 250px;
            margin: 20px auto;
        }
        #about section.first .chart > img {
            bottom: 300px;
            left: 0;
            width: 1000px;
            margin-left: -160px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        #about section.second .content h2 {
            font-size: 1.7rem;
        }
        #about section.third {
            padding-top: 110px;
        }
        #about section.fourth {
            padding-bottom: 0px;
        }
        .partner.featherlight .featherlight-inner .leftarea img {
            width: 150px;
        }
        #news {
            margin-top: 50px;
        }
        .cd-main-content {
            margin-top: 50px;
        }
        #companies .cd-gallery img {
            width: 100px;
        }
        #companies .slideshow .caption {
            min-height: inherit;
            line-height: 1.3;
    font-size: 1rem;
        }
        .featherlight .featherlight-inner .leftarea:before {
            width: 100%;
            height: 30px;
            top: auto;
            bottom: 0;
            background: rgba(255, 255, 255, 0);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(237, 237, 237, 1)));
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(237, 237, 237, 1) 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(237, 237, 237, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
        }
        #companies .cd-filters,
        #jobs .cd-filters {
            margin: 0 auto 15px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        #jobs .cd-filters:last-child {
            margin-bottom: 0;
        }
        #companies .cd-filters select,
        #jobs .cd-filters select {
            width: 80%;
            height: 42px;
        }
        .cd-filters > div {
            width: 80px;
            margin-right: 10px;
            padding-top: 9px;
            text-align: center;
        }
        #companies .cd-filters select,
        #jobs .cd-filters select {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }
        body.lang_en .cd-filters > div {
            margin-right: 10px;
            margin-bottom: 0;
            text-align: center;
        }
        #jobs .cd-main-content {
            display: block;
            margin-top: 50px;
            padding: 0 15px;
            background: #f1f1f1;
        }
        #jobs .cd-gallery {
            padding: 0;
        }
        #jobs .cd-gallery .info .header {
            width: 100%;
        }
        #jobs .cd-gallery .info .desc {
            width: 100%;
        }
        #jobs .cd-gallery li {
            padding-bottom: 0;
            border-bottom: 1px #eee solid;
        }
        #jobs .cd-gallery li .info a {
            bottom: auto;
            z-index: 1;
            top: -44px;
        }
        #jobs .cd-gallery .info {
            padding: 15px;
        }
        #companies .cd-tab-filter {
            padding: 30px 15px 15px;
            display: block;
            height: auto;
        }
        #companies .slideshow li {
            height: auto;
        }
        #jobs .cd-tab-filter {
            width: 100%;
            height: auto;
            position: inherit;
            padding: 0;
            margin: 0;
            top: auto;
            left: auto;
        }
        #jobs .cd-gallery li > div {
            -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
        }
        #jobs .cd-tab-filter > div {
            padding: 20px 0;
            margin-top: 15px;
        }
        #contact {
            margin-top: 50px;
            height: 100%;
        }
        #contact .map {
            display: none;
        }
        #contact .contactList .item {
            height: auto;
            width: 100%;
            border: 1px solid #eee;
        }
        .featherlight .featherlight-content {
            width: calc(100% - 30px);
            height: 85%;
        }
        .featherlight .featherlight-inner {
            display: block;
        }
        .featherlight .featherlight-inner .rightarea p {
            font-size: 12px;
        }
        .featherlight .featherlight-inner .leftarea,
        .featherlight .featherlight-inner .rightarea {
            width: 100%;
        }
        .featherlight .featherlight-inner .leftarea {
            padding: 10px;
        }
    }
    /* Landscape phones and down */
    
    @media (max-width: 480px) {}
    
    @media (min-width: 768px) and (max-width: 991px) {
        .social {
            right: 7px;
            bottom: 40px;
        }
        a.logo img {
            display: block;
        }
        a.logo img.rwd {
            display: none;
        }
        header .language-chooser {
            display: none;
        }
        .menu-toggle {
            display: block;
        }
        .featherlight .featherlight-content {
            width: 700px;
        }
        #copyright {
            left: -110px;
        }
        .lSSlideOuter .lSPager.lSpg {
            bottom: 50px;
            left: 15px;
        }
        #index .total {
            bottom: 50px;
            right: 50px;
        }
        #lines span:first-child {
            border-left: none;
        }
        #lines span:last-child {
            display: none;
        }
        #index .slideshow .caption {
            height: 250px;
            bottom: 0px;
        }
        #index .lSSlideWrapper {
            height: calc(100% - 290px);
            margin-top: 40px;
        }
        #index .slideshow .caption h1.en {
            font-size: 2rem;
        }
        #index .slideshow .caption h1.cn {
            font-size: 1.3rem;
        }
        #index .lSSlideOuter .lSPager.lSpg > li a {
            width: 80px;
        }
        #index .lSSlideOuter .lSPager.lSpg {
            right: 0;
            left: inherit;
            width: 100%;
        }
        #about section.first .info {
            float: right;
        }
        #about section.first .center {
            width: 230px;
            margin-left: -115px;
            left: 18%;
        }
        #about section.second .content {
            margin-top: 100px;
            text-align: center;
        }
        #about section.second .content h2:before,
        #about section.second .content .desc:before {
            width: 70%;
            right: auto;
            left: 50%;
            margin-left: -35%;
            bottom: 10px;
        }
        #about section.second .content .desc:before {
            width: 80%;
            margin-left: -40%;
            bottom: -10px;
        }
        #about section.second .valuation .mark {
            right: 75px;
            top: -20px;
            height: 100px;
            width: 100px;
        }
        #about section.second .valuation .mark span {
            height: 80px;
            top: 0;
        }
        #about section.second .topBg {
            top: -50px;
        }
        #about section.first {
            padding-top: 100px;
            height: 730px;
        }
        #about section.first .chart ul.markList li:nth-child(1) {
            right: 0%;
            bottom: 30%;
        }
        #about section.first .chart ul.markList li:nth-child(2) {
            right: 22%;
            bottom: 4%;
            width: 230px;
            height: 230px;
        }
        #about section.first .chart ul.markList li:nth-child(3) {
            right: 42%;
            bottom: 28%;
        }
        #about section.first .chart ul.markList li:nth-child(4) {
            left: 8%;
            bottom: 5%;
        }
        #about section.first .chart ul.markList li:nth-child(5) {
            left: 0%;
            bottom: 40%;
        }
        .peoples .item {
            width: 48%;
        }
        #jobs .cd-tab-filter {
            width: 260px;
            font-size: 12px;
        }
        #jobs .cd-gallery li > div {
            -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
        }
        #jobs .cd-gallery {
            padding-left: 260px;
        }
        #jobs .cd-gallery li .title {
            margin-left: 30px;
        }
        #jobs .cd-filters {
            margin: 0 0 10px 0;
        }
        #jobs .cd-gallery li .info img {
            width: 80px;
        }
        #jobs .cd-gallery .info .desc {
            margin-top: 0;
            padding: 0 50px 20px 20px;
        }
        #jobs .cd-gallery .info .header {
            padding: 15px 10px;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        .slideshow .caption h1 {
            font-size: 2rem
        }
        .slideshow .caption h1.en {
            font-size: 2rem;
            line-height: 1;
        }
        .newsList .item {
            width: 50%;
            height: 440px;
        }
        .newsList .item .thumb .caption {
            font-size: 1.2rem;
        }
        .cd-gallery li {
            width: 33.33%;
        }
        #companies .slideshow li {
            height: 300px;
        }
        #contact {
            display: block;
        }
        #contact .map {
            width: 100%;
            height: auto;
            padding: 25px 0;
            background: #fff;
        }
        #contact .contactList .item {
            height: 235px;
            border: 1px solid #eee;
        }
        #contact .contactList .item:before {
            left: -1px;
            top: -1px;
        }
        #contact .map .thumb {
            width: 700px;
            margin: 0 auto;
        }
        #contact .map .thumb li#point-tw {
            left: 235px;
            top: 155px;
        }
        #contact .map .thumb li#point-bj {
            left: 220px;
            top: 125px;
        }
        #contact .map .thumb li#point-us {
            left: 225px;
            top: 140px;
        }
        #contact .map .thumb li:nth-child(4) {
            right: 190px;
            top: 125px;
        }
        .slideshow .lightSlider.lsGrabbing > * img,
        .slideshow .lightSlider.lsGrab > * img {
            height: calc(100% - 40px);
            width: auto
        }
    }
    
    @media (min-width: 992px) {
        .featherlight .featherlight-content {
            width: 800px;
        }
        #lines span:last-child {
            display: block;
            border-right: 1px #000 solid;
        }
        .pageTitle h1 {
            font-size: 4rem;
        }
        .current-menu-item a {
            background: #f0f0f0;
            color: #000;
        }
        #jobs .pageTitle.no,
        #contact .pageTitle.no {
            opacity: 1;
        }
        .social li a:hover:before {
            -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }
        .social li a:hover i {
            color: #fff;
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }
        a.logo {
            width: 130px;
            left: 40px;
            top: 35px;
        }
        a.logo img {
            display: block;
        }
        a.logo img.rwd {
            display: none;
        }
        header nav {
            display: block;
        }
        header nav ul li {
            width: 16.66666667%;
        }
        header nav ul li:first-child {
            margin-left: 8.33333333%;
        }
        header nav ul li:hover a {
            color: #000;
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
            -webkit-transition-timing-function: cubic-bezier(0.75, 0.5, 0.3, 1);
            transition-timing-function: cubic-bezier(0.75, 0.5, 0.3, 1);
            -webkit-transition-delay: .3s;
            transition-delay: .3s;
        }
        header nav ul li:hover:before {
            -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }
        .lSSlideOuter .lSPager.lSpg {
            right: 0;
        }
        .slideshow .caption h1 {
            font-size: 2rem
        }
        .slideshow .caption h1.en {
            font-size: 2.6rem;
            line-height: 1;
        }
        #index .slideshow .caption {
            height: 150px;
            bottom: 20px;
        }
        #index .lSSlideWrapper {
            height: calc(100% - 210px);
            margin-top: 40px;
        }
        #index .slideshow .caption h1.en {
            font-size: 2.3rem;
        }
        #index .slideshow .caption h1.cn {
            font-size: 1.6rem;
        }
        #index .lSSlideOuter .lSPager.lSpg > li a {
            width: 50px;
        }
        #index .lSSlideOuter .lSPager.lSpg {
            right: 0px;
        }
        #about section.first {
            height: 850px;
        }
        #about section.second .valuation .mark {
            right: 15px;
            top: -30px;
        }
        #about section.first .chart ul.markList li:nth-child(1) {
            right: 0%;
            bottom: 30%;
        }
        #about section.first .chart ul.markList li:nth-child(2) {
            right: 18%;
            bottom: 40%;
        }
        #about section.first .chart ul.markList li:nth-child(3) {
            right: 32%;
            bottom: 14%;
        }
        #about section.first .chart ul.markList li:nth-child(4) {
            left: 24%;
            bottom: 13%;
        }
        #about section.first .chart ul.markList li:nth-child(5) {
            left: 2%;
            bottom: 7%;
        }
        .peoples .item {
            max-width: 48%;
        }
        .peoples .item .content,
        .peoples .item .header .title {
            padding-left: 180px;
        }
        .peoples .item:hover .content:before,
        .peoples .item:hover .content:after {
            -webkit-transition: all cubic-bezier(0.75, 0.5, 0.3, 1) .5s;
            transition: all cubic-bezier(0.75, 0.5, 0.3, 1) .5s;
        }
        .peoples .item:hover .content:before {
            height: 50%;
            -webkit-transition-delay: .3s;
            transition-delay: .3s;
        }
        .peoples .item:hover .content:after {
            height: 55%;
        }
        .peoples.team .item:hover .content:after {
            height: 100%;
        }
        #jobs .cd-gallery .info .desc {
            margin-top: 15px;
        }
        #jobs .cd-gallery li {
            height: 400px;
            margin-bottom: 5px;
        }
        #jobs .cd-gallery .thumb {
            height: 100%;
        }
        #jobs .cd-tab-filter {
            width: 300px;
        }
        #jobs .cd-gallery {
            padding-left: 300px;
        }
        #companies .slideshow .caption {
            padding: 20px 50px;
            font-size: 1.3rem;
        }
        #companies .slideshow li {
            height: 360px;
        }
        #companies .cd-gallery li:hover img {
            opacity: 1;
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            -ms-filter: grayscale(0);
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }
        .newsList .item {
            width: 50%;
            height: 450px;
        }
        .cd-gallery li {
            width: 33.33%;
        }
        #contact .contactList .item:after {
            display: block;
        }
        #contact .map {
            width: 680px;
        }
        #contact .map .thumb {
            margin-top: 110px;
        }
        #contact .map .thumb li#point-tw {
            left: 215px;
            top: 145px;
        }
        #contact .map .thumb li#point-bj {
            left: 200px;
            top: 112px;
        }
        #contact .map .thumb li#point-us {
            right: 170px;
            top: 120px;
        }
        #contact .contactList {
            overflow: auto;
        }
        #contact .contactList .item {
            width: 100%;
        }
        #contact .contactList .item .thumb {
            width: 150px;
            margin-right: 0;
        }
        #contact .contactList .item .thumb img {
            width: 85px;
        }
    }
    
    @media (min-width: 1200px) {
        a.logo {
            width: 165px;
            left: 30px;
            top: 35px;
        }
        .slideshow .caption h1 {
            font-size: 1.8rem
        }
        .lSSlideOuter .lSPager.lSpg {
            right: 0;
        }
        #index .slideshow .caption {
            height: 150px;
            bottom: 20px;
        }
        #index .lSSlideWrapper {
            height: calc(100% - 220px);
            margin-top: 40px;
        }
        #index .slideshow .caption h1.en {
            font-size: 2.3rem;
        }
        #index .slideshow .caption h1.cn {
            font-size: 1.6rem;
        }
        #index .lSSlideOuter .lSPager.lSpg > li a {
            width: 70px;
        }
        #companies .slideshow li {
            height: 400px;
        }
        #about section.first .chart ul.markList li:nth-child(1) {
            right: 6%;
            bottom: 30%;
        }
        #about section.first .chart ul.markList li:nth-child(2) {
            right: 22%;
            bottom: 40%;
        }
        #about section.first .chart ul.markList li:nth-child(3) {
            right: 41%;
            bottom: 20%;
        }
        #about section.first .chart ul.markList li:nth-child(4) {
            left: 20%;
            bottom: 15%;
        }
        #about section.first .chart ul.markList li:nth-child(5) {
            left: 2%;
            bottom: 15%;
        }
        #about section.second .valuation .mark {
            right: 30px;
            top: -50px;
        }
        .peoples .item {
            width: 32%;
        }
        .newsList .item .thumb .caption {
            font-size: 1.4rem;
        }
        body.lang_en .newsList .item .thumb .caption {
            font-size: 1.2rem;
        }
        #jobs .cd-gallery li {
            height: 420px;
            margin-bottom: 0;
        }
        #jobs .cd-gallery .info {
            padding: 0 30px;
        }
        #jobs .cd-filters {
            margin-bottom: 30px;
        }
        #jobs .cd-tab-filter {
            width: 340px;
        }
        #jobs .cd-gallery {
            padding-left: 340px;
        }
        #contact .contactList .item:hover:after {
            -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }
        #contact .map .thumb {
            margin-top: 70px;
        }
        #contact .map {
            width: 860px;
        }
        #contact .map .thumb li#point-tw {
            left: 275px;
            top: 190px;
        }
        #contact .map .thumb li#point-bj {
            left: 263px;
            top: 153px;
        }
        #contact .map .thumb li#point-us {
            right: 225px;
            top: 150px;
        }
    }
    
    @media (min-width: 1600px) {
        .container {
            width: 1570px;
        }
        #contact .map .thumb {
            margin-top: 0px;
        }
        #contact .map {
            width: 1200px;
        }
        #contact .map .thumb li#point-tw {
            left: 395px;
            top: 270px;
        }
        #contact .map .thumb li#point-bj {
            left: 380px;
            top: 213px;
        }
        #contact .map .thumb li#point-us {
            left: 390px;
            top: 245px;
        }
        #contact .map .thumb li:nth-child(4) {
            right: 310px;
            top: 235px;
        }
    }