@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1200px) {
      .containe{
/*        padding-left: 15px;
        padding-right: 15px;*/
        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%;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
    .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: 979px) {
      
}
@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;}
      .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) {
     .ind_titbar {background-position: center 10px;font-size: 14px;margin-top: 15px;margin-bottom: 12px;background-size: 87px auto;padding-top: 8px;}
	 .ind_titbar h2{font-size: 18px;
    padding-bottom: 5px;
    width: 90px;
    margin-bottom: 4px;}
     #ind_pro,#ind_corpor{margin-top: 15px;}
     #footer  .language{float: none;margin-top: 10px;display: block;padding-left: 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) {
	.navigate h2{display:none;}
      .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;}
}