@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (min-width: 1200px){
  .inner_teamlist2 li:nth-child(even) .inner_team_imgcon{float: right;}
.inner_teamlist2 li:nth-child(even) .designer_sky{padding-left: 217px;}
.conceptcon{min-height: 800px;padding-right: 100px;}
.newsList02 li:first-child .big{width: 384px;
height: 358px;
max-height: 358px;border-right:20px solid #e5e5e5;}
.newsList02 li:first-child .big img{height: 100%;}
.newsList02 li:nth-child(2) .big{display: none;}
.newsList02 li:nth-child(3) .big{display: none;}}
@media screen and (max-width: 1200px) {
      .containe{
        margin-left: 10px;
        margin-right: 10px;
      } 
      #ind_pro .containe{display: flex; flex-flow: row nowrap; justify-content: space-between;}
      .ind_pro_con{flex:1;margin: 0 10px;}
      .ind_pro_con .con{width: 100%;max-width: 400px;margin: 0 auto;}
      .tabcon01 .fr{display: none;}
      #header{height: 82px;}
      .ind_titbar{margin-top: 35px;margin-bottom: 20px;}
      .pro_tit_con{width: 50%;text-align: center;    margin-top: 1em;}
      #pro_list_wrap .w45 .big{margin-right: 0;}
      .pro_tit_con h2{width: auto;text-align: center;}
      #pro_list_wrap .w45:first-child{text-align: center;}
      #header .language{display: none;}
      #navbar .logo{float: left;}
      #Nav{ width: 100%; display: block;margin-top: 1%;}
      #Nav li a small{display: none;}
      .inner_teamlist2 .inner_team_imgcon{float: left;}
      .designer_sky{width: auto;display: block;}
      #indshare{display: none;}
.aright{display: none;}
.concept_wrap{width: 100%;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
  #tcBg .tanC:first-child{display: none;}
/*    .indAbout_con .w40{float: none;border-right: 0;border-bottom: 1px solid #ddd;width: 100%;box-sizing: border-box;}
    #slideII{max-width: 450px;margin: 0 auto;height: auto;}
    .indAbout_con .w40 p{height: auto;margin-bottom: -5px;}
    .fotop dl{display: none;}
    .contactCon .w30.mid{border:none;}*/
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 1200px) {
.about_bot .fl{background: none;float: none;font-size: 15px;}  
}
@media screen and (max-width: 767px) {
      /*body {
        padding-left: 10px;
        padding-right: 10px;
      }*/
.containe{padding:0;}
#header{height: 60px;}
.indFix{height: auto;box-shadow: 0 0 12px #c0c0c0;}
#Nav{margin-top: 0; padding-top: 0;}
.inner_pagetop{padding-top: 20px;}
.inner_pagetop h2 {font-size: 20px;}
.top_nav {padding-top: 12px;}
.inner_pagetop li {margin-top: 10px;}
.inner_pagetop h3{font-size: 14px;}
.pro_titcon .fr{display: none;}
.inner_prolist li,.inner_teamlist li{width: 31%;}
.inner_teamlist li p{line-height: 35px;font-size: 14px;}
.inner_teamlist li{margin-bottom: 10px;}
.newsList02 li{padding: 10px;}
.newsList02 span{display: none;}
.newsList02 h2{font-size: 15px;font-weight: bold;}
.newsList02 .con{margin-top: 0;}
.block-title {font-size: 30px;margin-top: 45px !important;margin-bottom: 30px;}
.block-title::after{font-size: 61px;}
.category-more.text-right{top: 0;}
.tab_case li span{font-size: 14px;}
.tab_case li {padding-right: 8px; margin-right: 10px; margin-bottom: 10px;}
.ind_contact_detail{display: none;}
.about_bot .fr{display: none;}
.about_bot .fl{width: 100%;float: none;font-size: 15px;margin: 0 auto;}
.containe.main {padding-top: 0; }
#tcBg .tanC{margin-top: 30px;height: auto;margin-left: 0;margin-right: 0;box-sizing: border-box;}
.tanC h1{font-size: 16px;}
.tanC h2.tellnum{background: none;padding:0;}




      .indAbout_con .w60{min-height: auto;}
      .indAbout_con .w60 .w50{
        margin-top:0;padding-top: 26px;background-size: auto 60px;padding-bottom: 26px;}
       #ind_apply .ind_apply_ul li a .bg{display: block;}
      .ind_apply_ul li h4 {font-size: 15px;}
      .copyright{text-align: center;font-size: 12px;} 
      .fotlogo img {margin-right: 19px; width: 82px; margin-left: 15px; } 
      .service_tel{margin-top: 8px;}
      .pro_tit_con {width: 90%;}
      .navigate{margin-bottom: 1em;}
      .breaker{margin-top: 5px;margin-bottom: 0;}
	  .navigate h2{padding:0;}
      .nr{border:none;box-shadow:none;}
      .banner-in+.nr{margin-top: 0;}
      .nr .textContent{margin: 0; padding-top: 23px;}
      .nr .lm_qp{float: none;margin-top: 15px;margin-right: 0;font-size: 12px;padding: 0 10px;}
      .abtit{margin-left: 0;padding: 0;margin-top:5px;width: 102%;}
      .abtit ul li a{line-height: 18px;font-size: 14px;padding: 11px 0;}
	  .acshow ul li{width:120px;}
      .acshow ul li img{width:120px;height: 92px;}
      .contactCon .con{display: inline-block;}
      .contactCon .w30 {width: auto; float: none; text-align: left; } 
      .contactCon h2 {font-size: 24px; line-height: 75px; padding-top: 25px; padding-left: 30px; background-size: 27px; height: 50px; }
	  .flex-viewport{transform: scale(2,2);
-ms-transform: scale(2,2);
-moz-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-webkit-transform-origin: 50% 0;
-o-transform-origin: 50% 0;}
}
@media screen and (max-width: 639px) {
.inner_teamlist2 .inner_team_imgcon{width: 40%;padding-top: 46%;}
.designer_sky{padding-left: 10px;font-size: 13px;line-height: 23px;height: 16em;}
.inner_pagetop{margin-bottom: 20px;}
.fotCon{max-width: 90%;border: none;}

     .ind_titbar {background-position: center 10px;font-size: 14px;margin-top: 15px;margin-bottom: 12px;background-size: 87px auto;padding-top: 38px;}
     #ind_pro,#ind_corpor{margin-top: 15px;}
     #footer {margin-top: 25px;}
     .contact_con img{margin-right: 14px;}
    .tot_pro_detail {margin-top: 25px;}
    .ind_apply_ul li {width: 48%; margin: 5px 1%;}
    #caseList li{    width: 48%;
    margin-bottom: 10px;}
    #caseList li h4{font-size: 15px;line-height: 38px;height: 32px;}
    #caseList li .date, #caseList li p {font-size: 13px; color: #666666; line-height: 18px;}
    .pro_top_detail .big {display: block; float: none; margin-right: 0; }
    .pro_top_detail h1{margin-top: 0;font-size: 17px;padding-left: 10px;}
    .pro_top_detail ul {padding: 0 10px 15px;}
    .pro_top_detail{margin-bottom: 20px;}
    .abtit ul{display: flex; flex-flow: row nowrap; justify-content: space-around;}
    .abtit ul li{padding: 0 5px;}
    #serviceLst li {width: 48%; margin: 0 1%; margin-top: 10px;}
    #serviceLst li .p1 {font-size: 14px;}
    #casenav{display: flex; flex-flow: row nowrap; justify-content: space-around;}
    #casenav a{flex:1 1 100px;padding: 0}
	a.slidesjs-next, a.slidesjs-previous{width:15px;}

}
     /* For smartphones */
@media screen and (max-width: 480px) {
.inner_prolist li,.inner_teamlist li,.tabcon_case li,.ind_teamlist li{width: 48%;}
.tabcon_news li{width: 90%;}
.tabcon_news li:nth-child(n+2){border-bottom: 1px dashed #c6c6c6;padding-left:12px;padding-right:80px;background:url(../images/i03.png) no-repeat 0 center;box-sizing: border-box;}
.tabcon_news li:nth-child(n+2) .news_imgcon{display: none;}
.tabcon_news li:nth-child(n+2) p{display: none;}
.tabcon_news li:nth-child(n+2) h5{font-weight: normal;font-size: 14px}
.tabcon_news li:nth-child(n+2) .date{font-size: 12px;color: #666;right: 0;top: 2px;left: auto;background: none;}
.tabcon_news li:nth-child(n+2) .date em{margin: 0 -3px;display: inline-block;}
.tabcon_news li:nth-child(n+2) .date strong{font-weight: normal;float: right;font-size: 12px;}
.tab_news li{width: auto;padding: 0 10px;margin-right: 0;margin-bottom:7px;}
.tab_news{margin-bottom: 20px;}
.tanC{padding: 35px 13px 40px;}
.tanC h1{font-size: 14px;}
.zxlyinp{width: 268px;}
.about_bot .fl{padding: 20px 10px;font-size: 13px;}
#inform2{padding: 0 15px;}



      .indAbout_con .w40{padding: 13px;}
      .indAbout_con .w60  div{padding: 7px;}
      .indAbout_con .w60 .w100{background-size: auto 60px;background-position: 9px center;}
      .indAbout_con .w60 .w50{background-image: none !important;padding-left: 0;padding-top: 9px;padding-bottom: 7px;}
      .indAbout_con .w60 .w100 p{padding-right: 0;}
      .indAbout_con .w40 p{margin-bottom: 0;}
      .tab01{display: flex; flex-flow: row nowrap; justify-content: space-around;} 
      .uls1 .date{display: none;}
    .uls1 h5{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
    .uls1 strong{font-size: 23px;}
}