html{font-size:62.5%;min-height:100%;}
body{font-size:12px;font-weight:normal;line-height:1.8;color:rgb(90,90,90);}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,figure,table,th,td,caption,hr,input,button{
font-family:'PingFang SC','Helvetica Neue','Helvetica','Microsoft YaHei','sans-serif';margin:0;padding:0;}

@media screen and (min-width:992px){
body{font-weight:200;}
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}

a,button{-webkit-transition:all .4s cubic-bezier(.23,.61,.355,1) 0s;transition:all .4s cubic-bezier(.23,.61,.355,1) 0s;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}

a{color:rgb(93,93,93);}
a:hover,a:focus{text-decoration:none;color:rgb(0,163,228);outline:0;}
a:focus,li:focus,button:focus,input:focus,textarea:focus{outline:none;}

button{border:0;background:transparent;}
div,section,dl,dt,dd{position:relative;}
li{list-style:none;}
input,textarea{width:100%;resize:none;-webkit-transition:border .4s,background-color .4s;transition:border .4s,background-color .4s;border:0;border-radius:0;background:transparent;-webkit-appearance:none;}
label{font-weight:normal;}

a:hover .no-hover{color:inherit;background:initial;}
strong,.strong{font-weight:bold;}

img{vertical-align:top;}


/**
 * img{max-width:100%;height:auto;vertical-align:top;}

 */

.bright{color:rgb(36,118,186);}
a.bright:hover{color:rgb(0,0,0);}
.inline{position:relative;display:inline-block;vertical-align:top;letter-spacing:normal;}
.inline-wrapper{font-size:0;position:relative;}
.inline-item{font-size:14px;position:relative;display:inline-block;vertical-align:top;}
.block{position:relative;display:block;}



.nowrap{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gray{color:rgb(188,190,192);}
.none{display:none;}
.normal{font-weight:normal;}
.full-size{position:relative;overflow:hidden;width:100%;height:100%;}
.full-height{height:100%;}
.full-width{width:100%;height:auto;vertical-align:top;}
.fix-height{overflow:auto;}
.abs{position:absolute;top:0;left:0;display:block;width:100%;}
.bgs-cover,.bgs-contain{background-repeat:no-repeat;background-position:center center;}
.bgs-cover{background-size:cover;}
.bgs-contain{background-size:contain;}
.bgp-left-top{background-position:left top;}
.bgp-center-top{background-position:center top;}
.full-line{position:relative;left:0;width:100%;height:0;margin:10px 0;border-bottom:1px solid rgb(174,174,174);}
.font-xxl{font-size:30px;}
.font-xl{font-size:20px;}
.font-lg{font-size:18px;}
.font-md{font-size:16px;}
.font-sm{font-size:14px;}




@media screen and (max-width:767px){
  .font-xxl{font-size:20px;}
  .font-xl{font-size:16px;}
  .font-lg{font-size:15px;}
  .font-md{font-size:14px;}
  .font-sm{font-size:13px;}
}
.en{font-family:'TimesEuropaLTStd-Roman';}
.bold{font-weight:600;}
a.white{color:white;}
a.white:hover,a.white.active{color:rgb(0,163,228);}
.shadow-box{position:relative;margin-top:35px;margin-bottom:35px;padding:20px;background:white;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.2);box-shadow:2px 2px 8px rgba(0,0,0,.2);}
[class*='icon-']{display:inline-block;margin-top:-2px;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
.row{margin-right:0;margin-left:0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:0;padding-left:0;}
.spacing-5{margin-right:-5px;margin-left:-5px;}
.spacing-5 [class^='col-']{padding-right:5px;padding-left:5px;}
.spacing-10{margin-right:-10px;margin-left:-10px;}
.spacing-10 [class^='col-']{padding-right:10px;padding-left:10px;}
.spacing-15{margin-right:-15px;margin-left:-15px;}
.spacing-15 [class^='col-']{padding-right:15px;padding-left:15px;}
.spacing-20{margin-right:-20px;margin-left:-20px;}
.spacing-20 [class^='col-']{padding-right:20px;padding-left:20px;}
.spacing-25{margin-right:-25px;margin-left:-25px;}
.spacing-25 [class^='col-']{padding-right:25px;padding-left:25px;}
.spacing-30{margin-right:-30px;margin-left:-30px;}
.spacing-30 [class^='col-']{padding-right:30px;padding-left:30px;}
.spacing-40{margin-right:-40px;margin-left:-40px;}
.spacing-40 [class^='col-']{padding-right:40px;padding-left:40px;}
.spacing-50{margin-right:-50px;margin-left:-50px;}
.spacing-50 [class^='col-']{padding-right:50px;padding-left:50px;}
p{margin-bottom:5px;}


@media screen and (min-width:1200px){
  p{margin-bottom:8px;}
}
@media screen and (min-width:1360px){
  p{margin-bottom:10px;}
}
@media screen and (min-width:1600px){
  p{margin-bottom:15px;}
}
@media screen and (min-width:1920px){
  p{margin-bottom:18px;}
}


hr{margin-top:20px;margin-bottom:20px;border:0;border-top:2px solid rgb(36,118,186);}
.btn-inline{width:100%;height:30px;padding-right:10px;padding-left:10px;-webkit-transition:background .4s;transition:background .4s;color:white;background-color:rgb(219,219,219);}
.btn-inline:hover{background-color:rgb(183,10,45);}
.btn-border{line-height:1;display:inline-block;padding:6px;border:2px solid rgb(109,110,113);border-radius:6px;}
.btn-border:hover{border-color:rgb(36,118,186);}
.ratio{position:relative!important;display:block;overflow:hidden;}
.ratio .inner{position:absolute!important;top:0;left:0;width:100%;height:100%;}
.ratio-16-10{padding-top:62.5%;}
.ratio-16-9{padding-top:56.25%;}
.ratio-9-16{padding-top:177.7777%;}
.ratio-1-1{padding-top:100%;}
.ratio-2-1{padding-top:50%;}
.ratio-3-1{padding-top:33.3333%;}
.ratio-4-3{padding-top:75%;}
.hover-zoom{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform-origin:center center;transform-origin:center center;}
a:hover .hover-zoom{-webkit-transform:scale(1.15,1.15);transform:scale(1.15,1.15);}
.window-height{height:1500px;-webkit-transition:opacity .8s;transition:opacity .8s;opacity:0;  }
.window-height.show-me{opacity:1;}
.wow{visibility:hidden;}
.widget-share{font-size:12px;line-height:25px;color:rgb(147,149,152);}
.frame-wide,.frame-middle{position:relative;display:block;margin-right:auto;margin-left:auto;}
.frame-middle{min-width:990px;max-width:1000px;}
.frame-table{display:table!important;width:100%;height:100%;}
.frame-cell,.table-cell{display:table-cell;vertical-align:middle;}
.frame-full{overflow:hidden;min-width:100%;margin:0 auto;padding-right:20px;padding-left:20px;}
.frame-wide{overflow:hidden;max-width:100%;padding-right:15px;padding-left:15px;}

@media screen and (min-width:1200px){
  .frame-full,.frame-wide{overflow:visible;padding-right:50px;padding-left:50px;}
}
@media screen and (min-width:1440px){
  .frame-full{padding-right:35px;padding-left:35px;}
  .frame-wide{max-width:1300px;}
}
@media screen and (min-width:1600px){
  .frame-full{padding-right:70px;padding-left:70px;}
  .frame-wide{max-width:1400px;}
}
@media screen and (min-width:1920px){
  .frame-full{padding-right:100px;padding-left:100px;}
  .frame-wide{max-width:1400px;}
}




/***----------*/
body{overflow-x:hidden;}
.full-screen,.full-screen body{overflow:hidden;height:100%;}


.top-nav{line-height:36px;z-index:990;top:0;left:0;width:100%;height:90px;padding-top:32px;
         padding-bottom:22px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.top-nav-logo h1{display:inline-block;width:150px;}
.top-nav-logo h1 a{display:block;background:url(../images/top-logo@2x.png) no-repeat left top;background-size:auto 100%;}
.top-nav-menu{z-index:2;height:100%;text-align:right;}
.top-nav-logo,.top-log-menu{height:100%;}
.top-nav-menu dl{position:relative;  /*margin-right: 5px;*/  /*margin-left: 5px;*//*padding-right: 15px;*/

/*padding-left: 15px;*/}
.top-nav-menu dt{overflow:hidden;height:38px;text-align:center;}
.top-nav-menu dt a{font-size:16px;display:block;height:100%;padding-top:10px;padding-right:20px;padding-left:20px;white-space:nowrap;color:rgb(51,51,51);}
[data-screen='lg'] .top-nav-menu dl:last-child dt a{padding-right:10px;}
.home .top-nav{  /*position: absolute;*/
background-color:transparent;}
.home .top-nav-menu dt a{color:#000;}
.top-nav-menu dl.active dt a{color:black;}
.top-nav-toggle{font-size:20px;line-height:36px;float:right;width:50px;text-align:center;color:rgb(189,147,119);}
.top-nav-toggle i{margin-top:-4px;}
.ani-menu{display:none;}
.slides-list,.slides-list li,.slides-list li a,.bx-wrapper,.bx-viewport{height:100%;}
.slides-nav{top:50%;height:0;-webkit-transition:opacity .4s;transition:opacity .4s;opacity:1;}
.slides-nav a{line-height:70px;position:absolute;top:50%;width:70px;height:70px;margin-top:-35px;text-align:center;color:white;}
.slides-nav-prev{margin-left:-30px;}
.slides-nav-next{margin-right:-30px;}
.slides-nav a:hover{color:rgb(0,163,228);}
.slides-nav a i{font-size:70px;}
.slides-nav-prev{left:3%;}
.slides-nav-next{right:3%;}
.slick-list,.slick-track{height:inherit;}
.slick-dots{font-size:0;line-height:20px;position:absolute;z-index:9;bottom:50px;left:0;width:100%;text-align:center;}
.slick-dots li{margin:0 10px;}
.slick-dots li button:before{font-size:0;top:4px;left:4px;width:12px;height:12px;content:'';-webkit-transition:all .3s;transition:all .3s;opacity:1;border-radius:40px;background-color:rgb(149,149,149);}
.slick-dots li.slick-active button:before{opacity:1;background-color:rgb(255,255,255);}
.home-video{overflow:hidden;height:100%;}
.home-video-cover{width:100%;height:100%;-webkit-transition:opacity .3s;transition:opacity .3s;}
.home-video-player{position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;opacity:0;}
.intro-video{z-index:2;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.home-video-player:before{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;content:'';background-color:rgba(0,0,0,.15);}
.playing .home-video-player{opacity:1;}
.playing .home-video-cover{opacity:0;}
.at-center{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;}
.common-nav-bar a{line-height:28px;height:30px;margin-left:-1px;text-align:center;border:1px solid rgb(211,211,211);background-color:rgb(255,255,255);}
.common-nav-bar a:first-child{margin-left:0;}
.common-nav-bar a:hover{background-color:rgb(211,211,211);}
.common-nav-bar a.active{color:rgb(255,255,255);border-color:rgb(210,21,47);background-color:rgb(210,21,47);}



/*---背景缩放------*/
.slides-list{
animation: zoomin 9s ease-in-out infinite alternate;
-webkit-animation: zoomin 9s ease-in-out infinite alternate;}

@keyframes zoomin {
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(1.2);}
}

/*---------*/



/**
 * FOOTER
 */
.footer{margin-top:30px;padding:0;color:#fff;background:#393939;}
@media screen and (min-width:768px){
}
@media screen and (min-width:1366px){
}
@media screen and (min-width:1440px){
.footer{margin-top:60px;}
}
.footer .row{overflow:hidden;}
.footer .row-1{padding:50px 0 40px;}
.footer .row-1 .button{font-size:1.714em;}
.footer .row-2{margin-top:40px;padding:20px 0 50px;border-top:1px solid #3a3939;border-bottom:1px solid #3a3939;}
.footer .row-3 .footer-logo{display:inline-block;float:left;width:90px;height:18px; 
background:url(../images/logo3.png) left center no-repeat;background-size: auto 100% ;}
@media (-webkit-min-device-pixel-ratio:2){
.footer .row-3 .footer-logo{background-image:url(../images/logo3.png); bbackground-size:90px 18px;}
}
.footer .row-3 p{font-size:.786em;margin:25px 0;text-align:right;opacity:.85;}
@media screen and (min-width:768px){
  .footer .row-3 p{font-size:.786em;}
}
.footer h2{font-size:1.167em;font-weight:bold;margin:20px 0 10px 0;text-align:left;text-transform:uppercase;opacity:.85;}
@media screen and (min-width:768px){
  .footer h2{font-size:1em;line-height:2;}
}
@media screen and (min-width:1024px){
  .footer h2{}
}
@media screen and (min-width:1600px){
  .footer h2{font-size:1em;}
}

.footer .offices{overflow:hidden;}
@media screen and (min-width:768px){
  .footer .offices{font-size:14px;float:left;width:35%;}
}
@media screen and (min-width:1024px){
  .footer .offices{width:35%;}
}
.footer .offices ul{float:left;margin:0;padding:0;list-style:none;}
@media screen and (min-width:480px){
  .footer .offices ul{width:100%;}
}
.footer .offices li{line-height:2;overflow:hidden;margin:0 0 1em;text-align:left;}
@media screen and (min-width:768px){
  .footer .offices ul{width:100%;}
  .footer .offices li:last-child{margin:0;}
}
.footer .offices a{font-weight:normal;position:relative;z-index:1;float:left;margin:0 1em 0 0;color:#fff;background:#393939;}
@media screen and (min-width:768px){
  .footer .offices a{font-size:1em;}
}
.footer .offices p{font-size:1.2em;position:relative;float:left;clear:left;width:100%;margin:0;color:#999;}
@media screen and (min-width:768px){
  .footer .offices p{font-size:1em;}
}
@media screen and (min-width:1024px){
  .footer .offices p{clear:none;}
}
.footer .links{font-size:0;display:block;float:none;}
.footer .links ul{display:inline-block;padding:0 40px 0 0;vertical-align:top;}
.footer .links li{font-size:14px;line-height:2;display:block;list-style:none;text-align:left;}
.footer .links li.strong{font-weight:bold;margin:20px 0 10px 0;opacity:.85;}
.footer .links li a{color:#999;}
.footer .links li a:hover,.footer .links li.strong a{color:#fff;}
.footer .links-sub{max-width:100%;}
.footer-about{font-size:30px;line-height:1.2;text-align:center;}
.footer-about h4{font-size:12px;padding-bottom:15px;color:rgb(102,102,102);}
.footer-about u{text-decoration:none;}
.footer-about a{color:white;}
.footer-about a:hover{color:rgb(0,163,228);}
@media screen and (min-width:768px){
  .footer .links{float:right;width:65%;text-align:right;}
  .footer .links ul{margin:0 0 0 30px;padding:0;}
  .footer .links-sub{max-width:200px;}
  .footer-about{font-size:40px;}
}
@media screen and (min-width:1024px){
  .footer .links{width:55%;}
  .footer .links ul{margin:0 0 0 50px;}
  .footer .links-sub{max-width:250px;}
}
@media screen and (min-width:1440px){
  .footer .row-1{padding:100px 0 50px;}
  .footer-about{font-size:50px;}
  .footer-about h4{font-size:14px;}
  .footer .links ul{margin:0 0 0 80px;}
}
@media screen and (min-width:1600px){
  .footer-about{font-size:60px;}
  .footer-about h4{font-size:16px;}
  .footer .links ul{margin:0 0 0 80px;}
}








a.home { background-image: url(../images/logo.png)}
@media (-webkit-min-device-pixel-ratio:2) {
a.home { background-image: url(../images/logo.png)}
}

.sub-screen .top-nav-logo h1 a, a.home.bg--black, .desktop.home .top-nav-border.fixed-top-nav .top-nav-logo h1 a, .phone.home .top-nav-border .top-nav-logo h1 a { background-image: url(../images/logo.png)}
@media (-webkit-min-device-pixel-ratio:2) {
.sub-screen .top-nav-logo h1 a, a.home.bg--black { background-image: url(../images/logo.png)}
}

.top-nav-logo h1 a, .preparing-primary-nav a.home { background-image:url(../images/logo2.png)}
@media (-webkit-min-device-pixel-ratio:2) {
.top-nav-logo h1 a, .preparing-primary-nav a.home, .mobile-menu .top-nav-logo h1 a { background-image:url(../images/logo2.png)}
}



/***--- HOME---*/

.home-slides1{overflow:hidden;height:100%;}
.home-slides{overflow:hidden;height:100%;}
.home-slides .slick-dots{bottom:1px; }
.home-slides-slogan{position:absolute;z-index:9;bottom:18%;  width:90%; left:5%; }
.home-slides .info{line-height:1.3;text-align:center;color:white;font-size:35px; }

.info a{color: #FFF; }
.info a:hover {color:rgba(256,256,256,0.7); }


.scrolling-tips{position:absolute;z-index:99;bottom:15px;left:0;  /*display: none;*/width:100%;height:50px;}
.desktop .scrolling-tips{display:block;} 
.scrolling-tips i{font-size:0px; background: url(../images/down.png); width:50px;height:50px;} 


@-webkit-keyframes fadeUpDown{
  0%,100%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);opacity:1;}
  25%,75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
  50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);}
}
@keyframes fadeUpDown{
  0%,100%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);opacity:1;}
  50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);}
}
.fadeUpDown{-webkit-animation-name:fadeUpDown;animation-name:fadeUpDown;}
h1.title{font-size:48px;font-weight:normal;padding-top:45px;padding-bottom:45px;text-align:center;color:black;}
h2.title{font-size:18px;margin-top:25px;margin-bottom:25px;padding-top:30px;padding-bottom:30px;text-align:center;color:rgb(165,165,165);border-top:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230); line-height:200%; }

h2.title.no-top{border-top:0;}
a.block span{position:relative;display:block;}
.home-slogan{padding-top:60px;padding-bottom:30px;text-align:center;  }
.home-slogan-strong{font-size:30px;line-height:1.5;padding-bottom:40px; }
.home-slogan-overview{font-size:16px;line-height:2; text-align: center;}
.home-industry,.home-works,.home-enjoy{padding-bottom:40px;}
.home-industry li,.home-works li,.home-enjoy li{margin-bottom:20px;}
.home-industry .overview{font-size:17px;margin-top:-2px;padding:25px 30px 35px 0px;-webkit-transition:background-color .4s,color .2s;transition:background-color .4s,color .2s;color:rgb(139,139,139);background-color:white;}
.home-industry .subject{font-size:30px;-webkit-transition:color .2s;transition:color .2s;color:rgb(61,61,61); }
.home a:hover .overview{background-color:white;}
.home a:hover .subject{color:rgb(0,163,228);  font-weight: 600;}
.home .subject.has-line:after{display:block;width:0px;height:1px;margin-top:5px;margin-bottom:5px;margin-left:1px;content:'';background-color:rgb(61,61,61);}
.home a:hover .subject.has-line:after{background-color:white;}
.home-works .overview{font-size:18px;overflow:hidden;margin-top:-2px;margin-bottom:15px;padding:15px 0;-webkit-transition:background-color .4s,color .2s;transition:background-color .4s,color .2s;color:rgb(139,139,139);background-color:white;}
.home-works .overview .text,.home-enjoy .overview .text{line-height:30px;overflow:hidden;height:60px;}
.home-works .subject{font-size:20px;-webkit-transition:color .2s;transition:color .2s;color:#d89d7e;}
.works .works-list-item:nth-child(n+5){display:none;}
.enjoy .works-list-item:nth-child(n+10){display:none;}
.works-list-item .ratio{background-color:rgb(230,230,230);}
.inner.picture{-webkit-transition:all .4s;transition:all .4s;opacity:0;}
.inner.picture.display{opacity:1;}
img.lazy{position:relative;z-index:-1;width:1px;height:1px;vertical-align:top;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;}
img.lazy.display{opacity:1;z-index:0;}

/**
 * ABOUT
 */
.sub-page{padding-top:60px;padding-bottom:100px;}
.box-heading{text-align:center;color:black;}
.box-heading h2.title{color:black;border-top-width:0;}
.box-heading .overview{font-size:16px;line-height:1.8;max-width:650px;margin:auto;padding:30px 0;}
.about h2.title{padding-bottom:60px;}
.about-whatwedo{padding-bottom:40px;}
.about-whatwedo-list{text-align:center;}
.about-whatwedo-list li{font-size:15px;line-height:2;padding:10px 20px;text-align:left;}
.about-whatwedo-list li .subject{padding-bottom:20px;}
.about-industry{padding-bottom:30px;text-align:center;background-color:black;}
.about-industry:before{display:table;clear:both;content:'';}
.about-industry,.about-industry .box-heading,.about-industry .box-heading h2{color:white;}
.about-industry h2.title{border-color:rgb(58,58,58);}
.about-industry .box-heading .overview{font-size:16px;}
.about-industry-list li{font-size:20px;line-height:1.5;padding:10px 20px;text-align:left;}
.about-industry-list li .subject{padding-bottom:20px;}
.about-industry-list li .overview{color:rgb(102,102,102);}
.about-industry-list .more{font-size:15px;display:inline-block;padding-top:15px;color:white;}
.about-industry-list .more:after{display:block;width:100%;height:2px;content:'';border-bottom:1px solid white;}
.about-insight-list{font-size:26px;line-height:1.5;padding-bottom:100px;text-align:center;color:black;border-bottom:1px solid rgb(230,230,230);}
.about-insight-list hr{width:100px;margin-top:30px;margin-right:auto;margin-bottom:30px;margin-left:auto;border-top:1px solid rgb(230,230,230);}
.about-clients-list{padding-right:80px;padding-bottom:80px;padding-left:80px;}
.about-clients-list li a{padding:20px;}
.about-whoweare .box-heading h2.title{padding-top:60px;border-top-width:1px;}
.about-whoweare-list{line-height:1.5;}
@media screen and (max-width:1365px){
  .about-whoweare-list{padding-right:100px;padding-left:100px;}
}
@media screen and (max-width:767px){
  .about-whoweare .box-heading h2.title{padding-top:35px;}
  .about-whoweare-list{padding-right:0;padding-left:0;}
}
.about-whoweare-list .subject{font-size:15px;font-weight:bold;padding-top:15px;color:black;}
.about-whoweare-list .sub_subject{font-size:15px;color:black;}
.about-whoweare-list a{padding-top:20px;padding-bottom:40px;}
.about-slogan{font-size:18px;line-height:1.8;margin-top:50px;padding-top:80px;padding-bottom:30px;text-align:center;border-top:1px solid rgb(230,230,230);}
.about-slogan-list{max-width:720px;margin:auto;}
.about-whatwedo,.about-industry{padding-bottom:50px;}
.fancybox-gallery{font-size:15px;line-height:2;position:relative;overflow:hidden;max-width:1300px;height:0;}
.about .fancybox-skin{padding:0!important;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;}
.about .fancybox-gallery .text h3{font-size:24px;}
.about .fancybox-gallery .text h4{font-size:14px;padding-top:15px;padding-bottom:25px;}
.about .gallery-nav button{font-size:26px;}
.about-details h2.title{margin:0;padding-top:10px;padding-bottom:0;text-align:left;border:0;}
.about-details .frame-wide{max-width:800px;}
.about-details .box-heading{text-align:left;}
.about-details h2.title{font-size:28px;}
.about-details-overview{padding-top:80px;}
.about-details-whatwedo ul{margin-left:20px;list-style-position:inside;}
.about-details-whatwedo li{list-style-type:disc;}
.about .home-industry,.about .home-works,.home-enjoy{padding-bottom:0;}
.about .works-list{padding-bottom:0;}
.about .works-list-item .picture{opacity:1;}
.about .box-heading .overview{margin-bottom:30px;}
@media screen and (min-width:1200px){
  .about-whatwedo .box-heading .overview{font-size:20px;}
  .about-whatwedo-list li{font-size:18px;padding:20px 50px;}
  .about-industry-list li{font-size:24px;padding:20px 30px;}
  .about-insight-list{font-size:36px;padding-top:30px;}
  .about .fancybox-gallery img{width:100%;height:auto;}
  .about .fancybox-gallery .text{padding-left:50px;}
  .about .fancybox-gallery .text h3{font-size:30px;}
  .about .fancybox-gallery .text h4{font-size:15px;}
}
@media screen and (min-width:1440px){
  .box-heading .overview{padding:40px 0;}
  .about-whatwedo .box-heading .overview{font-size:24px;}
  .about-whatwedo-list li{padding:30px 80px;}
  .about-industry-list li{font-size:32px;padding:30px 50px;}
  .about-whatwedo,.about-industry{padding-bottom:80px;}
  .about-industry-list .more{font-size:18px;}
  .about-insight-list{font-size:44px;padding-top:40px;}
  .about-insight-list hr{margin-top:40px;margin-bottom:40px;}
  .about-insight{}
  .about-slogan{font-size:22px;}
  .about .fancybox-gallery .text h3{font-size:34px;}
  .about .fancybox-gallery .text h4{font-size:16px;}
}

/**
 * WORKS
 */
.works-nav{margin-top:30px;  /*margin-bottom: 80px;*/}
.works-nav .inline-item{font-size:15px;}

@media screen and (max-width:1365px){
.works-nav dd a{margin-left:25px;}
}
.works-nav dl{display:none;padding:30px 200px 30px 0;border-bottom:1px solid rgb(230,230,230);}
.works-nav dl.show-me{display:block;}
.works-nav dt i{font-size:8px;}
.works-nav dt{display:none;margin-bottom:5px;}
.works-nav dd{font-size:0;width:100%;}
.works-nav dd a{font-size:15px;line-height:40px;display:inline-block;width:30%;margin:0;padding-left:15px;}
.works-nav dd a.active{color:rgb(0,163,228);}
.works-nav-tab{padding-top:20px;padding-bottom:20px;border-top:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230);}

@media screen and (max-width:991px){
.works-nav dl{padding:15px;padding-right:0;}
.works-nav dd a{width:49%;padding:0;}
}
.works-nav-tab button{margin-right:30px;margin-left:15px;white-space:nowrap;}
.works-nav-tab button{-webkit-transition:color .4s;transition:color .4s;color:rgb(153,153,153);}
.works-nav-tab i{font-size:16px;display:inline-block;float:right;margin:0;padding:6px 5px;-webkit-transition:all .4s;transition:all .4s;}
.works-nav-tab button.active{font-weight:normal;color:rgb(50,50,50);}
.works-nav-tab button.active i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.works-list{padding-bottom:0;}
.works-list li{margin-bottom:30px;}
.works-list li .overview{font-size:16px;}
.works-list li .subject{font-size:18px;padding-bottom:0;}
.works .works-list li .subject{padding-top:30px;padding-bottom:15px;}
.works-list{padding-top:40px;padding-bottom:40px;}
.works-list li{margin-bottom:60px;}
.works-list li .overview{font-size:18px;height:160px;color:rgb(153,153,153);}
.works-list li .subject{font-size:30px;font-weight:500;line-height:1.5;padding-top:25px;padding-bottom:10px;-webkit-transition:color .4s;transition:color .4s;color:black;}
.works-list li a:hover .subject{color:rgb(0,163,228);}
.details-banner{margin-top:30px;}
.details-heading{font-size:14px;padding-top:50px;padding-bottom:50px;}
.works .details-heading,.works .details-content{font-size:16px;}
.details-heading h2{padding-bottom:15px;line-height:1.6;}
.details-content{font-size:14px;}
.linear-image{margin-bottom:30px;}
.linear-text{padding-top:30px;padding-bottom:60px;}
.linear-text h3{padding-bottom:35px;}

@media screen and (max-width:991px){
.linear-image .col-sm-6:first-child{padding-bottom:30px;}
.works-nav-tab button{margin-right:15px;margin-left:15px;}
.works-list li .overview{line-height:1.5;height:auto;}
}
@media screen and (max-width:374px){
.works-nav-tab button{margin-right:5px;margin-left:15px;}
.works-nav-tab i{margin-left:-5px;}
}
.view-more{padding:80px;text-align:center;}
.view-more a{font-size:18px;line-height:1;display:inline-block;padding:20px 40px;color:rgb(93,93,93);border:2px solid rgb(230,230,228);}
.view-more a:hover{border-color:transparent;background-color:rgb(0,163,228);}
.related-heading{font-size:15px;line-height:1.5;margin-top:20px;padding-top:35px;padding-bottom:35px;border-top:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230);}
.related-heading i{font-size:8px;}

/**
 * ENJOY
 */
.enjoy-list li{margin-bottom:70px;}
.enjoy-list li a:after{position:relative;top:40px;left:0;display:block;width:100%;height:1px;content:'';background-color:rgb(230,230,230);}
@media screen and (max-width:767px){
.enjoy-list li a:after{margin-bottom:60px;}
}
.enjoy-list li .subject{font-size:28px;padding-top:5px;}
.enjoy-list .category{padding-top:40px;}
.enjoy-home-related .image{display:inline-block;width:45%;}
.enjoy-home-related .overview{display:inline-block;width:55%;padding-left:40px;}
.enjoy-home-related li .category{padding-top:20px;padding-bottom:10px;}
.details-heading,.details-content{font-size:16px;max-width:920px;margin:auto;}
.details-heading,.linear-text{padding-right:60px;padding-left:60px;}
@media screen and (max-width:767px){
.details-heading,.linear-text{padding-right:0;padding-left:0;}
}
.enjoy-home-list .view-more{z-index:-1;padding:0;-webkit-transition:opacity .15s;transition:opacity .15s;opacity:0;}
.details-content img{width:100%;height:auto;}

/**
 * CONTACT
 */
.desktop .contact-details.frame-wide{max-width:1000px;}
.contact-information{padding-top:100px;padding-bottom:100px;}
.contact-address{font-size:18px;line-height:1.8;}
.contact-slogan{font-size:24px;line-height:1.8;}
.contact-gallery{padding-bottom:100px;}
.contact-gallery li{padding-top:15px;padding-bottom:15px;}
.common-feedback .item{font-size:16px;margin-bottom:15px;padding-top:5px;padding-bottom:5px;border:1px solid rgb(220,220,220);}
.common-feedback .form-control{border:0;-webkit-box-shadow:none;box-shadow:none;}
.common-feedback input,.common-feedback textarea{padding-left:0;}
.common-feedback .feedback-label{padding-right:0;}
.common-feedback .input-group-addon{border:0;background-color:transparent;}
.common-feedback .item.active{border-color:rgb(0,163,228);}
.common-feedback .item.error{border-color:red;}
.common-feedback textarea{height:130px;}
.feedback-content .feedback-label{padding-top:9px;vertical-align:top;}
.feedback-submit{margin-top:30px;margin-bottom:130px;text-align:center;}
.feedback-submit button{font-size:18px;display:inline-block;padding:15px 100px;color:black;border-width:0;border-radius:0;background-color:rgb(0,163,228);}
.feedback-remark{min-width:40px;}
.feedback-submit button:hover{background-color:rgb(50,50,50);}
.btn-select i{font-size:15px;font-weight:bold;  /*color: black;*/}
.common-feedback .form-control[readonly]{font-weight:normal;color:black;background-color:transparent;}
.select-city{font-size:0;position:absolute;z-index:9;top:50px;left:0;display:none;width:100%;border:1px solid rgb(220,220,220);background-color:white;}
.feedback-city.show-me .select-city{display:block;}
.select-city li{font-size:16px;line-height:35px;display:inline-block;width:33.3333%;cursor:default;text-align:center;}
.select-city li:hover{background-color:rgb(0,163,228);}

/**
 * FANCYBOX
 */
.fancybox-close{line-height:40px;top:0;right:0;width:40px;height:40px;text-align:center;background:transparent;}
.fancybox-close:before{font-family:'cxany';font-size:90px;content:'\c0001';}
.fancybox-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.desktop.sub-screen body{padding-top:90px;}
.desktop .top-nav{position:fixed;  /*border-bottom: 2px solid transparent;*/}
.desktop.sub-screen .top-nav{background-color:white;}
.desktop .top-nav-bar{  /*position: absolute;*/
z-index:200;-webkit-transition-delay:100ms;transition-delay:100ms;-webkit-transition-duration:300ms;transition-duration:300ms;}
.desktop .hide-top-nav .top-nav-bar{top:-90px;}
.desktop .fixed-top-nav .top-nav-bar{position:fixed;}
.desktop.sub-screen .top-nav-border .top-nav-bar,.desktop.home .top-nav-border.fixed-top-nav .top-nav-bar{  /*border-color: rgb(239, 239, 238); */
background-color:white;}
.desktop.home .fixed-top-nav .top-nav-menu dt a{color:rgb(51,51,51);}
.desktop.home .fixed-top-nav .top-nav-menu dt a:hover,.desktop.home .fixed-top-nav .top-nav-menu .active dt a{color:rgb(0,163,228);}

/**
 * Responsive
 */
@media screen and (max-width:1439px){
  .desktop.sub-screen body{padding-top:80px;}
  .top-nav{height:80px;padding-top:26px;padding-bottom:18px;}
  .home-slides .info{font-size:30px;}
}


@media screen and (max-width:991px){
  .hide-top-nav .top-nav-bar{top:-65px;}
  .home .home-slides .info{font-size:25px;}
  .home-slogan{padding-top:60px;padding-bottom:30px;}
  .home-slogan-strong{font-size:22px;}
  h2.title{padding-top:35px;padding-bottom:35px!important;}
  .sub-screen h2.title{padding-top:15px;}
  .home-industry,.home-works,.home-enjoy{padding-bottom:20px;}
  .home-industry .overview{font-size:15px;padding:10px 20px 20px 0px;}
  .home-industry .subject{font-size:18px;}
  .footer .links ul{padding-right:15px;}
  .footer .links-nav{width:15%;}
  .footer .links-sub{max-width:55%;}
  .footer .links li a{white-space:nowrap;}
  .footer .links .links-friendly{max-width:30%;padding-right:0;}
  .sub-screen .ani-menu i{background:black;}
  .sub-screen.mobile-menu .ani-menu i{background:white;}
  .sub-screen .home-slides.ratio-3-1{padding-top:50%;}
  .sub-screen .home-slides .info{font-size:25px;padding-bottom:0;}
  .about-whatwedo-list{text-align:left;}
  .about-whatwedo-list li{width:50%;}
  .about-whatwedo-list li .overview{font-size:12px;text-align:left;}
  .about-industry-list li{font-size:18px;width:50%;padding-bottom:30px;}
  .about-industry-list li .subject{padding-bottom:10px;}
  .about-industry-list .more{font-size:13px;padding-top:10px;}
  .about-insight-list{font-size:22px;}
  .about-insight-list hr{margin-top:20px;margin-bottom:20px;}
  .about-whoweare-list a{padding-bottom:10px;}
  .about-whatwedo-list li .subject{padding-bottom:10px;}
  .about .fancybox-gallery .text h3{margin-top:30px;}
  .about-clients-list{padding-right:30px;padding-left:30px;}
  .about-clients-list .spacing-50{margin-right:-15px;margin-left:-15px;}
  .about-clients-list .spacing-50 [class^='col-']{padding-right:15px;padding-left:15px;}
  .view-more{padding:35px;}
  .view-more a{font-size:14px;padding:10px 20px;}
  .related-heading{padding-top:15px;padding-bottom:15px;}
  .related-list .works-list{padding-top:30px;}
  h2{font-size:20px;}
  h3{font-size:18px;}
  .works .details-heading h2.gray{margin-bottom:20px;}
  .works-nav-list{display:block;padding:0;}
  .works-list{padding-top:30px;}
  .works-list li{margin-bottom:40px;}
  .works .works-list li .subject{font-size:26px;line-height:1.2;padding-top:10px;padding-bottom:5px;}
  .enjoy-list .category{padding-top:10px;}
  .enjoy-home-related .overview{padding-left:20px;}
  .related-list .enjoy-list li a:after{top:30px;}
  .contact-information{padding-top:40px;padding-bottom:20px;}
  .contact-slogan{font-size:18px;padding-top:50px;}
  .contact .spacing-15{margin-right:-5px;margin-left:-5px;}
  .contact .spacing-15 [class^='col-']{padding:5px;}
  .contact-gallery{padding-bottom:30px;}
}



ins[data-type='screen']{display:none;content:'xs';}
@media (min-width:768px){
  ins[data-type='screen']{content:'sm';}
}
@media (min-width:992px){
  ins[data-type='screen']{content:'md';}
}
@media (min-width:1200px){
  ins[data-type='screen']{content:'lg';}
}
@media screen and (max-width:991px){
  .wow{    /*visibility: visible;*/}
  .sub-screen body{padding-top:65px;}
  .top-nav{position:fixed;height:65px;padding:20px 0 10px 0;    /*border-bottom: 2px solid transparent;*/}
  .sub-screen .top-nav-bar{background-color:white;}
  .top-nav-border .top-nav-bar{background-color:white;}
  .top-nav-border .ani-menu i{background-color:black;}
  .mobile-menu .ani-menu i{background-color:white;}
  .top-nav-logo{z-index:9;}
  .top-nav-menu{position:fixed;z-index:2;top:0;right:0;overflow:hidden;width:100%;height:100%;padding-top:100px;padding-right:20px;padding-left:20px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(100%);transform:translateX(100%);text-align:right;opacity:0;background-color:#ffc219;}
  .mobile-menu .top-nav-menu{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
  .top-nav-menu dl{position:relative;width:100%;}
  .top-nav-menu dt{height:auto;text-align:right;}
  .top-nav-menu dt a{
	  font-size:20px;font-weight:normal;line-height:30px;display:block;margin-top:10px;margin-bottom:15px;padding:0;white-space:nowrap;color:white; text-align:left;}
  .top-nav-menu dl.active dt a:after{position:absolute;right:0;bottom:0;width:100%;height:2px;content:'';-webkit-transition:width 200ms;transition:width 200ms;background:#000;}
  .ani-menu{display:inline-block;margin-top:2px;}
}




/***-- animate MENU-X---*/
.ani-menu{position:relative;z-index:20;float:right;overflow:hidden;width:40px;height:40px;text-align:right;}
.ani-menu span{position:relative;display:inline-block;overflow:hidden;width:30px;height:27px;vertical-align:top;}
.ani-menu i{position:absolute;left:0;display:block;width:28px;height:2px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-animation-duration:.5s;animation-duration:.5s;background-color:white;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.ani-menu .am1{top:5px;}
.ani-menu .am2{top:13px;}
.ani-menu .am3{bottom:4px;}

[data-menu='closed'] .ani-menu .am1{-webkit-animation-name:am-1-0;animation-name:am-1-0;}
[data-menu='closed'] .ani-menu .am2{-webkit-animation-name:am-2-0;animation-name:am-2-0;}
[data-menu='closed'] .ani-menu .am3{-webkit-animation-name:am-3-0;animation-name:am-3-0;}
[data-menu='opend'] .ani-menu .am1{-webkit-animation-name:am-1-1;animation-name:am-1-1;-webkit-animation-delay:0s;animation-delay:0s;}
[data-menu='opend'] .ani-menu .am2{-webkit-animation-name:am-2-1;animation-name:am-2-1;-webkit-animation-delay:0s;animation-delay:0s;}
[data-menu='opend'] .ani-menu .am3{-webkit-animation-name:am-3-1;animation-name:am-3-1;-webkit-animation-delay:0s;animation-delay:0s;}

@-webkit-keyframes am-1-1{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg);}
  100%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
}
@keyframes am-1-1{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg);}
  100%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
}
@-webkit-keyframes am-1-0{
  0%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
  50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}
@keyframes am-1-0{
  0%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
  50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}
@-webkit-keyframes am-2-1{
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes am-2-1{
  0%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes am-2-0{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes am-2-0{
  0%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes am-3-1{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg);}
  100%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
}
@keyframes am-3-1{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg);}
  100%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
}
@-webkit-keyframes am-3-0{
  0%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
  50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}
@keyframes am-3-0{
  0%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
  50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}
@-webkit-keyframes am-0-0{
  0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
  100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes am-0-0{
  0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
  100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes am-0-1{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
}
@keyframes am-0-1{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
}




/*Service*/
#service{  bottom:0;position:fixed; _position:absolute;right:3%;width:60px;height:120px;  }
#service a{display:block;width:60px; height:60px; text-align:center; font-size:11px; padding-top:40px;background:url(../images/side-icon.png) no-repeat;cursor:pointer;margin-bottom:1px}
#service a.qqOnlineHover{background-position:0 -120px;}
#service a.goTop{width:60px;background-position:0 -60px}
#service a.goTopHover{background-position:0 bottom}