@font-face {
    font-family: 'dyna1';
    src: url('fonts/dyna1webfont.eot');
    src: url('fonts/dyna1webfont.eot') format('embedded-opentype'),
         url('fonts/dyna1webfont.woff2') format('woff2'),
         url('fonts/dyna1webfont.woff') format('woff'),
         url('fonts/dyna1webfont.ttf') format('truetype'),
         url('fonts/dyna1webfont.svg#dyna1webfont') format('svg');



    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dyna1';
    src: url('fonts/dyna1_0webfont.eot');
    src: url('fonts/dyna1_0webfont.eot') format('embedded-opentype'),
         url('fonts/dyna1_0webfont.woff2') format('woff2'),
         url('fonts/dyna1_0webfont.woff') format('woff'),
         url('fonts/dyna1_0webfont.ttf') format('truetype'),
         url('fonts/dyna1_0webfont.svg#dyna1_0webfont') format('svg');



    font-weight: normal;
    font-style: normal;
}








.span-tanchuan-1{
  text-align: right;
  font-size: 12px;
  padding-right: 10px;
  padding-top: 50px;
}

.div-tanchuan-1{
text-align: right;
 cursor: default; 
 height: 5px;


}

.black_overlay{
display: none;
position: absolute;
top: 160px;
left: 0px;
width: 100%;
height: 900px;
background-color: #000000;
/*background: transparent;*/
z-index:1001;
-moz-opacity: 0.8;
opacity:0;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
/*border: 16px solid lightblue;*/
background-color: #1db8c2;
z-index:1002;
overflow: auto;

font-family: 

}
.halou{
  width:100%;height:100%;position:fixed;left:0px;top:0px;bottom:-10px;display:none;z-index:1003;
}

.white_content_small {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 40%;
height: 50%;
border: 16px solid lightblue;
background-color: blue;
z-index:1002;
overflow: auto;
}

.white_content-2 {
display: none;
position: absolute;
top: 0px;
left: 14.2%;
width: 700px;
height: 361px;
/*border: 16px solid lightblue;*/
background-color: #335F80;
z-index:1002;
overflow: auto;
}


.company{
  opacity: 0.3;
}

.company:hover{
  cursor: pointer;
  opacity: 1;
}

.margintop{
  margin-top: 90px !important;
}

.floatdiv{
  position: relative;
  float: left;
}

a:hover{
  text-decoration: underline;
  color: white;
}

div.lazy{
  background-size: 100% 100%;
}

.underlined{
  text-decoration: underline;
}

.leftalign{
  text-align: left;
}

#designgrid, #architecturalgrid, #eventgrid, #mediagrid,#partners, #partners2
{
    cursor: pointer;
}

#clients, #clients2{
  margin-right: 50px;
  cursor: pointer;
}


.justify{
  text-align: justify;
}

.redline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #e34738;
}

.greenline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #39c66d;
}

.yellowline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #f3e10e;
}


.blueline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #4eaaf3;
}

.purpleline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #c05dff;
}

.mapframe{
  width: 349px;
  height: 232px;
}

.office-name{
  font-size: 22px;
  color: gray;
}

.office-address{
  font-size: 14px;
  color: gray;
}

.address-content{
  position: relative;
  float: center;
  height: 232px;
  width: 293px;
  color: black;
}

.fixedcaption{
  position: absolute;
  top: 40px;
  left: 80px;
  font-family: "DYNA2";
  color: white;
  font-size: 16px;
}


.slick-prev{
  left: 0px;
}

a{
  color: white;
}

.slick-next{
  right: 0px;
}

.slick-dots{
  bottom: 0px;
}

.slick-slide{
  padding-top: 40px;
  text-align: left;
  padding-left: 80px;
}

.slick-dots{
  text-align: left;
  padding-left: 80px;
}

.slick-dots li.slick-active button:before
{
    opacity: .85;
    color: transparent;
    border: 5px solid white;
    border-radius: 5px;

    height: 10px;
    width: 10px;
}

.slick-dots li button::before{
  font-size: 25px;
  color: transparent;
  border: 2px solid white;
  border-radius: 5px;

  height: 10px;
  width: 10px;

  line-height: 10px;
}

.slick-dots li button{
  width: 10px;
  height: 10px;
}

.slick-dots li{
  width: 10px;
  height: 10px;
}

.contents{
  width: 1284px;
  margin: auto;
  z-index: 999;
}

.bgdiv{
  width: 100%;
  background-color: #f4f4f4;
  height: 700px;
  position: absolute;
  margin-top: 90px;
}

.bgdiv2{
  width: 100%;
  background-color: #f4f4f4;
  height: 1168px;
  position: absolute;
  margin-top: 90px;
}

.map{
  width: 583px;
  height: 466px;
}

.font-title{

  font-family: "Helvetica"; 
  font-size: 18px;
}

.addresstd{
  width:45%;text-align:left;padding-left:20px;font-size: 13px;
}

.emptytd{
  width:5%;
}

.contacttd{
  width:45%;text-align:left;padding-right:20px;font-size: 13px;
}

.clickable{
  cursor: pointer;
}

.footer{
  width: 1270px;
  margin: auto;
  height: 100px;
}

.footer-right{
  margin-top: 20px;
  float: right;
  font-family: 'DYNA1';
}

.chat-img{
  margin-top: 30px;
 

}

.footer-chat{
  font-size: font-size: 18px;
  color: green;
}

.footer-detail{
  float: right;
/*  margin-right: 90px;*/

}

.navbar{
  width: 1310px;
  margin: auto;
  margin-bottom: -20px;
}

.main-content{
  width: 1284px;
  margin: auto;
  /*float: left; */
}

.edge-content{
  width: 235px;
  margin: auto;
  float: left;
  background: white;
}

.right-edge-content{
  width: 235px;
  margin: auto;
  float: right;
  background: white;
}

.edge-grid{
  width: 100%;
  height: 100%;
}

.client-grid{
  width: 100%;
  height: 100%;
}

.news-grid{
  width: 100%;
  height: 100%;
}


.left-text{
  text-align: left;
}

.general-do-1{
  font-weight: bold; 
  font-size: 24px;

}

.general-do-neo{
  font-family: 'dyna1';
  font-weight: bold; 
  font-size: 30px;

}

.general-do-cap{
  font-family: 'MyriadPro-Regular';
  font-weight: bold; 
  font-size: 24px;

}

.general-do-ter{
  font-family: 'Avenir';
  font-weight: bold; 
  font-size: 24px;

}

.general-detail-1{
  /*font-weight: bold;*/ 
  font-size: 16px;
  line-height: 25px;

}

.general-detail-avat{
  /*font-weight: bold;*/ 
  font-size: 11px;
  line-height: 20px;

}

.general-detail-ter{
  /*font-weight: bold;*/ 
  font-family: 'Avenir';
  font-size: 16px;
  line-height: 25px;

}

.general-detail-neo{
   font-family: 'Sakkaldyna1';
  /*font-weight: bold;*/ 
  font-size: 14px;
  line-height: 25px;

}

.general-detail-cap{
   font-family: 'MyriadPro-Regular';
  /*font-weight: bold;*/ 
  font-size: 16px;
  line-height: 25px;

}

.content-font-1{
  font-family: arial;
  font-size: 15px;
  color: black;
  /*//font-weight: bold;*/
}

.content-font-3{
  //font-family: 'DYNA1';
  font-size: 16px;
  color: black;
  //font-weight: bold;
}

.content-font-5{
  //font-family: 'DYNA1';
  font-size: 16px;
  color: black;
  padding-left: 5px;
  padding-right: 50px;
  //font-weight: bold;
}

.content-font-4{
  font-family: arial;
  font-size: 11px;
  color: white;
 /* //font-weight: bold;*/
 padding-top: 13px;
 padding-bottom: 7px;
 line-height: 13px;
}

.content-font-6{
  font-family: arial;
  font-size: 13px;
  color: white;
 /* //font-weight: bold;*/
/* padding-top: 13px;
 padding-bottom: 7px;*/
 line-height: 20px;
}

.content-font-icure{
  font-family: corbel;
  font-size: 16px;
  color: white;
  font-weight: 550;
}

.content-font-icure2{
  font-family: corbel;
  font-size: 24px;
  color: white;
  font-weight: 600;
}

.content-font-st{
  font-family: arial;
  font-size: 14px;
  color: white;
  /*font-weight: bold;*/
}
.content-font-iqum-1{
    font-family: arial;
  font-size: 12px;
  color: white;
   line-height: 15px;
  /*text-align: justify;

*/ 
padding-left: 40px;

 }

 .iquman-titile-font-1{
  font-size:18px;
 font-family: 'corbel';
 line-height: 25px;

 }

.content-font-honorary{
  font-family: arial;
  font-size: 20px;
  color: white;
  font-weight: bold;
}

.content-font-st2{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 15px;
  padding-bottom: 5px;
   padding-left: 10px;
  padding-right: 10px;
}


.content-font-st2-mobile{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 30px;
  padding-bottom: 5px;
   padding-left: 10px;
  padding-right: 10px;
}

.content-font-tetris{
  font-family: 'Avenir';
  font-size: 19px;
  color: white;
 /* padding-left: 20px;
  padding-right: 20px;*/
  font-weight: lighter;
}

.content-font-tetris2{
 font-family: 'Avenir';
  font-size: 20px;
  color: white;
 // font-weight: 10;

}

.content-font-neo{
  font-family: 'dyna1' !important;
  font-size: 28px;
  color: white;
}

.neo-contact{
  font-family: 'dyna1';
  font-size: 36px;
  
  
}

.neo-contact2{
  //font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  line-height: 1px;
}


.content-font-wem{
  font-family: 'HelveticaNeue-Bold_0';
  font-size: 20px;
  color: white;
  /*//font-weight: bold;*/
}

.content-font-bj{
  font-family: arial;
  font-size: 18px;
  color: white;
}

.content-font-bj2{
  font-family: arial;
  font-size: 14px;
  color: black;
  padding-top: 30px;
  // padding-bottom: 23px;
}

.content-font-iquman-discover-1{
  font-family: arial;
  font-size: 12px;
  color: black;
}

.content-font-gz{
  font-family: arial;
  font-size: 14px;
  color: white;
}

.content-font-gz2{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify;
  line-height: 18px;
  padding-top: 15px;

}

.content-font-gz2-mobile{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify;
  line-height: 18px;
  padding-top: 23px;
  padding-left: 10px;
  padding-right: 10px;

}

.content-font-honoranry-font-1{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 20px;

}

.content-font-honoranry-font-2{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 14px;

}

.content-font-gz3{
  font-family: arial;
  font-size: 19px;
  color: white;
}

.content-font-galenus{
  font-family: 'FZLTCXHJW';
  font-size: 24px;
  color: white;
  text-align: justify;
}

.content-font-galenus2{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px
}

.content-font-galenus3{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: justify;
}

.content-font-galenus3-mobile{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 15px;
}

.content-font-ps{
  font-family: arial;
  font-size: 12px;
  color: white;
  text-align: justify !important;
}

.content-font-ps-mobile{
  font-family: arial;
  font-size: 11px;
  color: white;
  text-align: justify !important;
}

.content-font-rda{
  font-family: arial;
  font-size: 14px;
  color: white;

}

.content-font-rda2{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify !important;
  padding-top: 27px;

}

.content-font-rda2-mobile{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify !important;
  padding-top: 15px;

}

.wem-span{
  font-family:'HelveticaNeue-Bold_0' ;
  font-size: 12px;
  color: white!important;
  padding-right: 30px;
  padding-left: 20px;
/* // font-weight: lighter;*/

}

.wem-span-mobile{
  font-family:'HelveticaNeue-Bold_0' ;
  font-size: 12px;
  color: white!important;
  padding-right: 3px;
  padding-left: 5px;
/* // font-weight: lighter;*/

}

.wem-span-sec-1{
  /*font-family:'HelveticaNeue-Bold_0' ;*/
  font-size: 28px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;


}

.wem-span-sec-neo{
   font-family:'dyna1b' ;
  font-size: 40px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
/* font-weight: bold;*/

}

.wem-span-sec-cap{
  font-family:'MyriadPro-Regular' ;
  font-size: 30px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;

}

.wem-span-sec-ter{
  font-family:'Avenir' ;
  font-size: 28px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;


}

.general-introduce{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-iquam{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-ps{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-st{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-galen{
    font-size:12px;
    line-height: 16px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-avat{
    font-size:12px;
    line-height: 19px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-neo{
  font-family: 'dyna1';
    font-size:18px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-exploer{
    font-size:12px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-cap{
  font-family: 'MyriadPro-Regular';
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-ter{
  font-family: 'Avenir';
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}


.wem-span2{
  font-family: 'HelveticaNeue-Bold_0';
  font-size: 14px;
  color: white;
  padding-right: 10px;
}

.ld-span{
  font-size: 14px;
  color: white!important;
  padding-right: 30px;
  padding-left: 60px;

}

.ld-span-mobile{
  font-size: 14px;
  color: white!important;
  padding-right: 10px;
  padding-left: 10px;

}


.gz-span{
font-size: 14px;
  color: white!important;
  padding-right: 30px;
  padding-left: 40px;

}

.gz-span-mobile{
font-size: 14px;
  color: white!important;
  padding-right: 15px;
  padding-left: 10px;

}

.wem-product-font-1{
  font-size:22px;
   color: white!important;
   font-weight: bold;
}



.neo-span{
  font-family: 'dyna1';
  font-size: 19px;
  color: white ;
  padding-right: 25px;
  padding-left: 30px;


}

.neo-span-mobile{
  font-family: 'dyna1';
  font-size: 19px;
  color: white ;
  padding-right: 15px;
  padding-left: 20px;


}

.neo-active{
  text-decoration: none;
    border-bottom: 3px solid #1395b0;
}

.neo-active-2{
  text-decoration: none;
    border-bottom: 3px solid #ffffff;
    //border-bottom-width :5px;
    color: white;
 }

 .neo-active-phone{
  text-decoration: none;
    border-bottom: 2px solid #ffffff;
    //border-bottom-width :2px;
    color: white;
 }

.neo-span a:link {
    text-decoration: none;
}

.rda-span{
  font-family: arial;
  font-size: 14px;
  color: white;
  padding-right: 45px;
  padding-left: 20px;
}

.rda-span-mobile{
  font-family: arial;
  font-size: 14px;
  color: white;
  padding-right: 10px;
  padding-left: 10px;
}


.tetris-span{
  font-family: 'Avenir-Roman';
  font-size: 16px;
  color: white;
  padding-right: 50px;
  padding-left: 10px;
font-weight: lighter;
}

.iquman-span{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  line-height: 24px;

  /*padding-right: 5px;*/
  padding-left: 20px;
}
.iquman-span2{
  font-family: 'corbel';
  font-size: 12px;
  color: white;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 24px;
}

.iquman-span2-mobile{
  font-family: 'corbel';
  font-size: 13px;
  color: white;
  padding-right: 15px;
  padding-left: 9px;
  line-height: 14px;
}


.contacts-grid{
  text-align: center;
  background-color: #25446d;
  width: 100%;
  height: 100%;
}

.partners-grid{
  text-align: center;
  background-color: #aad285;
  width: 100%;
  height: 100%;
}

.services-grid{
  text-align: center;
  background-color: #faa334;
  width: 100%;
  height: 100%;
}

.clients-grid{
  text-align: center;
  background-color: #a65ea2;
  width: 100%;
  height: 100%;
}

.info-grid{
  text-align: center;
  background-color: #5d51a3;
  width: 100%;
  height: 100%;
}

.london-grid{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.beijing-grid{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.guangzhou-grid{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.miami-grid{
  text-align: center;
  background-color: #4eaaf3;
  width: 100%;
  height: 100%;
}

.neo-grid{
  text-align: center;
  background-color: #666b70;
  width: 100%;
  height: 100%;
}

.neo-grid-2{
  text-align: center;
  background-color: #1395b0;
  width: 100%;
  height: 100%;
}

.galenus-grid{
  text-align: center;
  background-color: #7e7a95;
  width: 100%;
  height: 100%;
}

.rda-grid{
  text-align: center;
  background-color: #a1c910;
  width: 100%;
  height: 100%;
}

.rda-grid-2{
  text-align: center;
  background-color: #8bd1f5;
  width: 100%;
  height: 100%;
}

.rda-grid-3{
  text-align: center;
  background-color: #2294ee;
  width: 100%;
  height: 100%;
}

.rda-grid-4{
  text-align: center;
  background-color: #c3df5e;
  width: 100%;
  height: 100%;
}

.melbourne-grid{
  text-align: center;
  background-color: #c05dff;
  width: 100%;
  height: 100%;
}

.icure-grid-green{
  text-align: center;
  background-color: #5ecc05;
  width: 100%;
  height: 100%;
}

.icure-grid-blue{
  text-align: center;
  background-color: #4daaf2;
  width: 100%;
  height: 100%;
}

.icure-grid-yellow{
  text-align: center;
  background-color: #fac133;
  width: 100%;
  height: 100%;
}

.icure-grid-red{
  text-align: center;
  background-color: #e24737;
  width: 100%;
  height: 100%;
}

.st-grid-pink{
  text-align: center;
  background-color: #e04699;
  width: 100%;
  height: 100%;
}

.st-grid-green{
  text-align: center;
  background-color: #58ba47;
  width: 100%;
  height: 100%;
}

.st-grid-yellow{
  text-align: center;
  background-color: #f3b62d;
  width: 100%;
  height: 100%;
}

.st-grid-blue{
  text-align: center;
  background-color: #58c4c3;
  width: 100%;
  height: 100%;
}

.st-grid-blue2{
  text-align: center;
  background-color: #4e6bb3;
  width: 100%;
  height: 100%;
}

.tetris-grid-yellow{
  text-align: center;
  background-color: #ffab00;
  width: 100%;
  height: 100%;
}

.tetris-grid-yellow2{
  text-align: center;
  background-color: #f3c13a;
  width: 100%;
  height: 100%;
}

.wem-grid-green{
  text-align: center;
  background-color: #4db848;
  width: 100%;
  height: 100%;
}

.wem-grid-green2{
  text-align: center;
  background-color: #218f4b;
  width: 100%;
  height: 100%;
}



.bj-grid-orange{
  text-align: center;
  background-color: #f3b00e;
  width: 100%;
  height: 100%;
}

.bj-grid-orange2{
  text-align: center;
  background-color: #fa8834;
  width: 100%;
  height: 100%;
}

.bj-grid-yellow{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.gz-grid-green{
  text-align: center;
  background-color: #9ad940;
  width: 100%;
  height: 100%;
}

.gz-grid-green2{
  text-align: center;
  background-color: #1a6d38;
  width: 100%;
  height: 100%;
}

.gz-grid-green3{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.captaen-grid-1{
  text-align: center;
  background-color: #25aae1;
  width: 100%;
  height: 100%;
}

.captaen-grid-2{
  text-align: center;
  background-color: #da7db3;
  width: 100%;
  height: 100%;
}

.captaen-grid-3{
  text-align: center;
  background-color: #425fac;
  width: 100%;
  height: 100%;
}

.captaen-grid-4{
  text-align: center;
  background-color: #278a42;
  width: 100%;
  height: 100%;
}

.captaen-grid-5{
  text-align: center;
  background-color: #a6cf42;
  width: 100%;
  height: 100%;
}

.captaen-grid-6{
  text-align: center;
  background-color: #f5b636;
  width: 100%;
  height: 100%;
}

.captaen-grid-7{
  text-align: center;
  background-color: #e73a54;
  width: 100%;
  height: 100%;
}

.captaen-grid-8{
  text-align: center;
  background-color: #1a6eac;
  width: 100%;
  height: 100%;
}

.captaen-grid-9{
  text-align: center;
  background-color: #81c341;
  width: 100%;
  height: 100%;
}

.iquman-grid-1{
  text-align: center;
  background-color: #385e80;
  width: 100%;
  height: 100%;
}

.iquman-grid-2{
  text-align: center;
  background-color: #c6b482;
  width: 100%;
  height: 100%;
}

.iquman-grid-3{
  text-align: center;
  background-color: #a0d2de;
  width: 100%;
  height: 100%;
}



.iquman-grid-4{
  text-align: center;
  background-color: #f37024;
  width: 100%;
  height: 100%;
}

.iquman-grid-5{
  text-align: center;
  background-color: #ed0909;
  width: 100%;
  height: 100%;
}

.iquman-menu-backgroudcolor-1{
    background-color: #aac3de;
    font-size: 16px;
    

}



.content-font-captaen{
  font-family: 'MyriadPro-Regular';
  font-size: 14px;
  color: white;
  font-weight: semibold;

}

a{
    color: black ;
}

a:hover{

  color:white;
}



.content-font-captaen2{
  font-family: 'MyriadPro-Regular';
  font-size: 16px;
  color: black !important;
  line-height: 20px;
  font-weight: bold;

}

.content-font-captaen100{
 font-family: 'MyriadPro-Regular';
  font-size: 21px;
  color: white;

}

.content-font-iquman{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: justify;
  line-height: 16px;

}

.content-font-iquman-2{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: justify;
  line-height: 19px;


}

.content-font-iquman-discover-title{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 24px;
  font-weight: bold;

}

.content-font-iquman-discover-title-2{
  font-family: 'corbel';
  font-weight: bold;
  font-size: 36px;
  color: black;

}

.content-font-iquman-corporate-1{
  color: black;
/*  padding-left: 20px;
  padding-right: 20px;*/
  line-height: 30px;
}

.content-font-iquman-corporate-2{
  color: black;
font-weight: bold;
font-size: 16px;
}

.content-font-iquman-corporate-3{
  color: black;
/*font-weight: bold;*/
font-size: 16px;
}

.content-font-iquman-3{
  font-family: 'corbel';
  font-size: 16px;
  color: black;
  text-align: center;
  line-height: 16px;
  font-weight: bold;


}

.content-font-iquman-4{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: justify;
  line-height: 16px;
  /*font-weight: bold;*/
  padding-left: 20px;


}

.content-font-iquman-5{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: center;
  line-height: 16px;
  /*font-weight: bold;*/
  /*padding-left: 30px;*/


}


.content-font-iquman-6{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: justify;
  line-height: 16px;
  /*font-weight: bold;*/
  padding-left: 30px;


}


.london-grid-1{
  text-align: center;
  background-color: #cecece;
  width: 100%;
  height: 100%;
}

.london-grid-2{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.london-grid-3{
  text-align: center;
  background-color: #9e1002;
  width: 100%;
  height: 100%;
}

.content-font-london{
  font-family: arial;
  font-size: 16px;
  color: white;
  text-align: center;
}



.content-font-london2{
  font-family: arial;
  font-size: 13px;
  color: black;
  text-align: justify;
}

.content-font-london2-mobile{
  font-family: arial;
  font-size: 13px;
  color: black;
  text-align: justify;
  padding-top: 30px;
}

.about-grid{
  text-align: center;
  background-color: #5d51a3;
  width: 100%;
  height: 100%;
}

.yellow-grid{
  text-align: center;
  background-color: #f6bb26;
  width: 100%;
  height: 100%;
}

.cyan-grid{
  text-align: center;
  background-color: #2cb7dc;
  width: 100%;
  height: 100%;
}

.blue-grid{
  text-align: center;
  background-color: #145ab9;
  width: 100%;
  height: 100%;
}

.green-grid{
  text-align: center;
  background-color: #c0d743;
  width: 100%;
  height: 100%;
}




.yellow-grid-2{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.red-grid{
  text-align: center;
  background-color: #ee2e2a;
  width: 100%;
  height: 100%;
}

.red-grid-2{
  text-align: center;
  background-color: #bd1932;
  width: 100%;
  height: 100%;
}

.purple-grid{
  text-align: center;
  background-color: #9e288f;
  width: 100%;
  height: 100%;
}

.gray-grid{
  text-align: center;
/*  background-color: #E0E1E2;*/
background-color: #f4f4f4;
  width: 100%;
  height: 100%;
}

.gray-grid-2{
  text-align: center;
  background-color: #E0E1E2;
  width: 100%;
  height: 100%;
}

.lightgray-grid{
  text-align: center;
  background-color: #e8e8e8;
  width: 100%;
  height: 100%;
}

.news-grid{
 text-align: center;
  background-color: #8ead23;
  width: 100%;
  height: 100%;

}

.orange-grid{
  text-align: center;
  background-color: #faa334;
  width: 100%;
  height: 100%;
}

.black-grid{
  text-align: center;
  background-color: black;
  width: 100%;
  height: 100%;
}

.green-grid-2{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.pink-grid{
  text-align: center;
  background-color: #ef1b8a;
  width: 100%;
  height: 100%;
}

.orange-grid-2{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.yellow-grid-3{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.green-grid-3{
  text-align: center;
  background-color: #5ece05;
  width: 100%;
  height: 100%;
}



.blue-grid-2{
  text-align: center;
  background-color: #4eaaf3;
  width: 100%;
  height: 100%;
}

.purple-grid-2{
  text-align: center;
  background-color: #c05dff;
  width: 100%;
  height: 100%;
}

.team-grid{
  background-color: rgb(125,151,162);
  height: 100%;
}

.team-grid2{
  background-color: rgb(150,181,192);
  height: 100%;
}

.team-member{
  font-size: 10px;
}

span.team-member{
  line-height: 2px;
}

.grid-sizer,
.grid-item {
  width: 158px;
}

.grid-item {
  float: left;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}
`
.grid-item-2 {
  width: 160px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}

.grid-item-5-1 {
  float: left;
  width: 798px;
  height: 158px;
  background-color: white
  ;
  margin-bottom: 2px;
}

.grid-item-6-1 {
  float: left;
  width: 958px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-6{
  float: left;
  width: 158px;
  height: 958px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-6-2 {
 float: left;
  width: 958px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;


}

.grid-item-6-3 {
  float: left;
  width: 958px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-2 {
  float: left;
  width: 798px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-3 {
  float: left;
  width: 798px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-4 {
  float: left;
  width: 798px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-5 {
  float: left;
  width: 798px;
  height: 798px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-3 { 
  width: 318px; 
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}
.grid-item-4-3 { 
  width: 638px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-4-3(1){
  width: 300px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;

}*/

.grid-item-4-1 { 
  width: 638px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-4 {
  width: 158px;
  height:638px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-4-2 { 
  width: 638px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-4 { 
  width: 638px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-1 { 
  width: 478px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-3{
  width: 158px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-3-2 { 
  width: 478px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-3 { 
  width: 478px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-4 { 
  width: 478px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-5 { 
  width: 478px;
  height: 798px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-1 { 
  width: 318px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-4 { 
  width: 318px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-5 { 
  width: 318px;
  height: 798px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-2 { 
  width: 158px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-7 { 
  width: 158px;
  height: 1118px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-8 { 
  width: 158px;
  height: 1278px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-9 { 
  width: 158px;
  height: 1438px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-0-0 { 
  width: 55px;
  height: 55px;
  background-color: white;
  margin-bottom: 1px;
}

.grid-item-2-2 { 
  width: 318px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-1 { 
  width: 1118px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-2 { 
  width: 1118px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-3 { 
  width: 1118px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-4 { 
  width: 1118px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-5 { 
  width: 1118px;
  height: 798px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-1 { 
  width: 1278px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-2 { 
  width: 1278px;
  height: 318px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-3 { 
  width: 1278px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-8-4 { 
  width: 1278px;
  height: 638px;
  background-color: white;
  margin-bottom: 2px;
}


.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-nav {
  margin-top: 10px;
}

.navbar-right{
  margin-top: 70px;
}

.navbar-brand{
  margin-top: 2px;
  margin-bottom: 85px;
}


.navbar-brand-logo{
  margin-top: 33px;
  margin-bottom: 85px;

  float: left;
  margin-left: 920px;
}

.navbar-toggle {
  margin-top: 25px;
}

.iis-caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0px;
    bottom: 0%;
    box-sizing: border-box;
    color: #fff;
    font: 14px/1.6em "Helvetica Neue",Helvetica,Arial,sans-serif;
    left: 0%;
    max-width: 100%;
    width: 100%;
    padding: 0px 10px;
    position: absolute;
    height: 30px;
}

.iis-has-bullet-nav .iis-caption {
    max-width: 100%;
}

.iis-has-captions .iis-bullet-nav {
    max-width: 100%;
}
.iis-bullet-nav {
    bottom: 10%;
    opacity: 0.4;
    position: absolute;
    right: 47%;
    text-align: right;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 15;
}

.iis-bullet-nav a {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 1);
}

.iis-bullet-nav a.iis-bullet-active, .iis-bullet-nav a:hover {
    background: rgba(19, 149, 176, 1) none repeat scroll 0 0;
}

.ideal-image-slider:hover .iis-previous-nav:hover, .ideal-image-slider:hover .iis-next-nav:hover {
    background-color: #4daaf2;
    border-bottom: solid 0px #1395b0;

}



.red-1{
  text-align: left;
}

.blue-1{
  text-align: left;
}

.yellow-2{
  text-align: left;
}

.yellow-3{
  text-align: left;
}

.content-font-2{
  font-family:'HelveticaNeue-Bold_0' ;
  text-align: center;
  color: green;
  font-size: 14px;
}

.caption{
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font: 14px/1.6em "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 50px;
    left: 5;
    max-width: 100%;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    text-align: left;
}

.caption-text{
  color: #eee;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 5px;
}

.ptah_video{
  width: 349px;
  height: 232px;
}


.hidedesktop{
  display: none;
}

.hidemobile{
    display: block;
}

#news-text{
  text-align: left;
  font-size: 10px;
}

h6{
   margin-bottom: 0;
    margin-top: 0;
}

.red-grid td{
  text-align: center;
}

.projectNameClass{
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 55px;
  margin-left: 10%;
}

.clientName{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-bottom: -5px;
  margin-left: 10%;
}

.locationName{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-left: 10%;
}

.proportion{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-top: -15px;
  margin-left: 10%;
}

  .logo-grid{
     width: 115px;
     height: 115px;

  }


/*myself*/

  .index-menu-conten-1{
  TEXT-DECORATION: underline;
  color: white

}

.index-mune-conten-2{


}

.home-content-1{
  font-size: 30px;
  color: white;
font-family: "dyna1"; 
line-height: 26px;

}

.about-us-content-1{
  font-size: 26px;
  color: white;
font-family: "dyna1"; 

text-align: justify;





}


.about-us-content-2{
  font-size: 50px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
}

.about-us-content-3{
  font-size: 18px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
  line-height: 24px;

}

.about-us-content-4{
  font-size: 24px;
  color: white;
font-family: "dyna1"; 
  float: left;

text-align: justify;
  line-height: 26px;
}

.about-us-content-5{
  font-size: 24px;
  color: white;
font-family: "dyna1"; 
/*  float: left;
padding-left: 65px;*/
text-align: justify;

}

.about-us-content-6{
  font-size: 12px;
  color: #218f4b;
  font-family: 'HelveticaNeue-Bold_0'; 
    float: left;
  text-align: justify;

}


.about-us-content-5-big{
  font-size: 26px;
  color:white;
 font-family: 'Helvetica';
    float: left;
  text-align: justify;

}


.about-us-content-6-big{
  font-size: 18px;
  color: white;
 font-family: 'Helvetica';
    float: left;
  text-align: left;

}

.slid-img{
 width: 158px;
 height: 158px;

}

.home-content{

  font-family: 'Helvetica';
  font-size: 25px;
  color: white;
}

.about-content-1{
  font-family: 'Helvetica';
  font-size: 18px;
  line-height: 24px;
  text-align: justify;
  float: left;
 

}



.ipad-suban{
  display: none;

  }

.hide-phone{
  display: block;

  }

.phone{
  display: none;

  }







/*ipad*/
@media (max-width: 1367px) and (min-width: 771px){
/*每一格长度 ＝  1024 ＊ 158 / 1920  ＝ 84；*/

/*120  8格*/
  .hidemobile{
    display: none;
  }

    .hidedesktop{
    display: block;
  }

    .ipad-suban{
  display: none;

  }

    .phone{
  display: none;

  }

   .hide-phone{
  display: block;

  }


.grid-sizer,
.grid-item {
  width: 120px;
}

.grid-item {
  float: left;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}
`



.grid-item-6-1 {
  float: left;
  width: 730px;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-6{
  float: left;
  width: 120px;
  height: 730px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-6-2 {
 float: left;
  width: 730px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;


}

.grid-item-6-3 {
  float: left;
  width: 730px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-1 {
  float: left;
  width: 608px;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-5-2 {
  float: left;
  width: 608px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-3 {
  float: left;
  width: 608px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-4 {
  float: left;
  width: 608px;
  height: 486px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-5 {
  float: left;
  width: 608px;
  height: 608px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-3 { 
  width: 242px; 
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}
.grid-item-4-3 { 
  width: 486px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-4-3(1){
  width: 300px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;

}*/

.grid-item-4-1 { 
  width: 486px;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-4 {
  width: 120px;
  height:486px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-4-2 { 
  width: 486px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-4 { 
  width: 486px;
  height: 486px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-1 { 
  width: 364px;
  height:120px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-3{
  width: 120px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-3-2 { 
  width: 364px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-3 { 
  width: 364px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-4 { 
  width: 364px;
  height: 486px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-5 { 
  width: 364px;
  height: 608px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-1 { 
  width: 242px;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-5 { 
  width: 242px;
  height: 608px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-2 { 
  width: 120px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-7 { 
  width: 120px;
  height: 852px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-1-8 { 
  width: 158px;
  height: 1278px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-9 { 
  width: 158px;
  height: 1438px;
  background-color: white;
  margin-bottom: 2px;
}*/


/*.grid-item-0-0 { 
  width: 55px;
  height: 55px;
  background-color: white;
  margin-bottom: 1px;
}*/

.grid-item-2-2 { 
  width: 242px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-1 { 
  width: 852px;
  height: 120px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-2 { 
  width: 852px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-3 { 
  width: 852px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-4 { 
  width: 852px;
  height: 486px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-5 { 
  width: 852px;
  height: 608px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-8-2 { 
  width: 974px;
  height: 242px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-3 { 
  width: 974px;
  height: 364px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-4 { 
  width: 974px;
  height: 486px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-8-1 { 
  width: 1278px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}*/




.footer{
  width: 965px;
  margin: auto;
  height: 100px;
}

.footer-right{
  margin-top: 20px;
  float: right;
  font-family: 'DYNA1';
}

.chat-img{
  margin-top: 30px;
 

}

.footer-chat{
  font-size: font-size: 18px;
  color: green;
}

.footer-detail{
  float: right;

}

.navbar{
  width: 1000px;
  margin: auto;
  margin-bottom: -20px;
}

.main-content{
  width: 976px;
  margin: auto;
  /*float: left; */
}

.contents{
  width: 1024px;
  margin: auto;
  z-index: 999;
}

/*弹出框*/
.black_overlay{
display: none;
position: absolute;
top: 122px;
left: 0px;
width: 100%;
height: 600px;
background-color: #000000;
/*background: transparent;*/
z-index:1001;
-moz-opacity: 0.8;
opacity:0;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 974px;
height: 120px;
/*border: 16px solid lightblue;*/
background-color: #1db8c2;
z-index:1002;
overflow: auto;

font-family: 

}

.slid-img{
 width: 120px;
 height: 120px;

}


/*弹出菜单字体大小*/

  .index-menu-conten-1{
  TEXT-DECORATION: underline;
  color: white;
    font-size: 12px;

}

.index-mune-conten-2{
  font-size: 15px;

}


/*字体格式*/

.about-us-content-1{
  font-size: 24px;
  color: white;
font-family: "dyna1"; 

text-align: justify;





}


.about-us-content-2{
  font-size: 46px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
}

.about-us-content-3{
  font-size: 16px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
  line-height: 22px;

}

.about-us-content-4{
  font-size: 18px;
  color: white;
font-family: "dyna1"; 
  float: left;

text-align: justify;
  line-height: 20px;
}

.about-us-content-5{
  font-size: 20px;
  color: white;
font-family: "dyna1"; 
/*  float: left;
padding-left: 65px;*/
text-align: justify;

}


.about-us-content-5-big{
  font-size: 23px;
  color: white;
  font-family: 'Helvetica'; 
    float: left;
  text-align: justify;

}


.about-us-content-6-big{
  font-size: 13px;
  color: white;
    float: left;
  text-align: left;
    font-family: 'Helvetica'; 

}

.about-us-content-6{
  font-size: 9px;
  color: #218f4b;
  font-family: 'HelveticaNeue-Bold_0'; 
    float: left;
  text-align: justify;

}




.content-font-honoranry-font-1{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 15px;

}

.home-content{

  font-family: 'Helvetica';
  font-size: 21px;
  color: white;
}

.about-content-1{
  font-family: 'Helvetica';
  font-size: 15px;
  line-height: 21px;
  text-align: justify;
  float: left;
 

}



.navbar-brand-logo{
  margin-top: 33px;
  margin-bottom: 85px;

  float: left;
  margin-left: 630px;
}








}


/*竖版*/


@media (max-width: 770px) and (min-width: 671px){
/*每一格长度 ＝   ＊ 158 / 1920  ＝ 84；*/

/*94  8格*/

.hidedesktop{

  display:none ;
}


  .hidemobile{
    display: none;
  }


  .ipad-suban{
  display: block;

  }

  .phone{
  display: none;

  }

   .hide-phone{
  display: block;

  }


.grid-sizer,
.grid-item {
  width: 94px;
}

.grid-item {
  float: left;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}

.grid-item-1-2 { 
  width: 94px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-3{
  width: 94px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-1-4 {
  width: 94px;
  height:382px;
  background-color: white;
  margin-bottom: 2px;

}


.grid-item-1-6{
  float: left;
  width: 94px;
  height: 574px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-6-1 {
  float: left;
  width: 574px;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-6-2 {
 float: left;
  width: 574px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;


}

.grid-item-6-3 {
  float: left;
  width: 574px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-1 {
  float: left;
  width: 478px;
  height: 94px;
  background-color: white
  ;
  margin-bottom: 2px;
}

.grid-item-5-2 {
  float: left;
  width: 478px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-3 {
  float: left;
  width: 478px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-4 {
  float: left;
  width: 478px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-5 {
  float: left;
  width: 478px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}




/*.grid-item-4-3(1){
  width: 300px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;

}*/

.grid-item-4-1 { 
  width: 382px;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-4-2 { 
  width: 382px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-3 { 
  width: 382px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-4 { 
  width: 382px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}




.grid-item-3-1 { 
  width: 286px;
  height:94px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-3-2 { 
  width: 286px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-3 { 
  width: 286px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-4 { 
  width: 286px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-5 { 
  width: 286px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-1 { 
  width: 190px;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-3 { 
  width: 190px; 
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-5 { 
  width: 190px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}



.grid-item-1-7 { 
  width: 94px;
  height: 670px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-1-8 { 
  width: 158px;
  height: 1278px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-9 { 
  width: 158px;
  height: 1438px;
  background-color: white;
  margin-bottom: 2px;
}*/


/*.grid-item-0-0 { 
  width: 55px;
  height: 55px;
  background-color: white;
  margin-bottom: 1px;
}*/

.grid-item-2-2 { 
  width: 190px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-1 { 
  width: 670px;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-2 { 
  width: 672px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-3 { 
  width: 672px;
  height: 284px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-4 { 
  width: 672px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-5 { 
  width: 672px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-8-2 { 
  width: 766px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-8-3 { 
  width: 766px;
  height: 286px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-8-4 { 
  width: 766px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}


/*.grid-item-8-1 { 
  width: 1278px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}*/




.footer{
  width: 750px;
  margin: auto;
  height: 100px;
}

.footer-right{
  margin-top: 20px;
  float: right;
  font-family: 'DYNA1';
}

.chat-img{
  margin-top: 30px;
 

}

.footer-chat{
  font-size: font-size: 18px;
  color: green;
}

.footer-detail{
  float: right;

}

.navbar{
  width: 780px;
  margin: auto;
  margin-bottom: -20px;
}

.main-content{
  width: 768px;
  margin: auto;
  /*float: left; */
}

.contents{
  width: 768px;
  margin: auto;
  z-index: 999;
}



/*弹出框*/
.black_overlay{
display: none;
position: absolute;
top: 96px;
left: 0px;
width: 100%;
height: 600px;
background-color: #000000;
/*background: transparent;*/
z-index:1001;
-moz-opacity: 0.8;
opacity:0;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 766px;
height: 94px;
/*border: 16px solid lightblue;*/
background-color: #1db8c2;
z-index:1002;
overflow: auto;

/*font-family: */

}


/*产品图片*/
.slid-img{
 width: 94px;
 height: 94px;

}

/*弹出框里的字体*/
  .index-menu-conten-1{
  TEXT-DECORATION: underline;
  color: white;
   font-size: 12px;

}

.index-mune-conten-2{
  font-size: 14px;

}


.about-us-content-1{
  font-size: 20px;
  color: white;
font-family: "dyna1"; 

text-align: justify;





}


.about-us-content-2{
  font-size: 42px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
}

.about-us-content-3{
  font-size: 14px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
  line-height: 16px;

}

.about-us-content-4{
  font-size: 16px;
  color: white;
font-family: "dyna1"; 
  float: left;

text-align: justify;
  line-height: 16px;
}


.about-us-content-5{
  font-size: 16px;
  color: white;
font-family: "dyna1"; 
/*  float: left;
padding-left: 65px;*/
text-align: justify;

}

.about-us-content-6{
  font-size: 7px;
  color: #218f4b;
  font-family: 'HelveticaNeue-Bold_0'; 
    float: left;
  text-align: justify;

}


.about-us-content-5-big{
  font-size: 18px;
  color: white;
  font-family: 'Helvetica';
    float: left;
  text-align: justify;

}


.about-us-content-6-big{
  font-size: 11px;
  color: white;
    float: left;
  text-align: left;
  font-family: 'Helvetica';

}


.content-font-honoranry-font-1{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 11px;

}


.home-content{

  font-family: 'Helvetica';
  font-size: 18px;
  color: white;
}


.about-content-1{
  font-family: 'Helvetica';
  font-size: 15px;
  line-height: 19px;
  text-align: justify;
  float: left;
 

}


.navbar-brand-logo{
  margin-top: 33px;
  margin-bottom: 85px;

  float: left;
  margin-left: 410px;
}


}


@media (max-width: 420px){

/*103  3格*/

.hidedesktop{

  display:none ;
}


  .hidemobile{
    display: none;
  }


  .ipad-suban{
  display: none;

  }

  .hide-phone{
  display: none;

  }

  .phone{

    display: block;
  }


.grid-sizer,
.grid-item {
  width: 103px;
}

.grid-item {
  float: left;
  height: 103px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}

.grid-item-1-2 { 
  width: 103px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-3{
  width: 103px;
  height: 313px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-1-4 {
  width: 103px;
  height:418px;
  background-color: white;
  margin-bottom: 2px;

}


.grid-item-1-6{
  float: left;
  width: 103px;
  height: 628px;
  background-color: white;
  margin-bottom: 2px;

}

.grid-item-6-1 {
  float: left;
  width: 628px;
  height: 103px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-6-2 {
 float: left;
  width: 628px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;


}

.grid-item-6-3 {
  float: left;
  width: 628px;
  height: 313px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-1 {
  float: left;
  width: 523px;
  height: 103px;
  background-color: white
  ;
  margin-bottom: 2px;
}

.grid-item-5-2 {
  float: left;
  width: 523px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-3 {
  float: left;
  width: 523px;
  height: 313px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-4 {
  float: left;
  width: 523px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-5 {
  float: left;
  width: 523px;
  height: 523px;
  background-color: white;
  margin-bottom: 2px;
}




/*.grid-item-4-3(1){
  width: 300px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;

}*/

.grid-item-4-1 { 
  width: 418px;
  height: 103px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-4-2 { 
  width: 418px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-3 { 
  width: 418px;
  height: 313px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-4 { 
  width: 418px;
  height: 418px;
  background-color: white;
  margin-bottom: 2px;
}




.grid-item-3-1 { 
  width: 313px;
  height:103px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-3-2 { 
  width: 313px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-3 { 
  width: 313px;
  height: 313px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-4 { 
  width: 313px;
  height: 418px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-5 { 
  width: 313px;
  height: 523px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-6 { 
  width: 313px;
  height: 628px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-1 { 
  width: 208px;
  height: 103px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-3 { 
  width: 208px; 
  height: 313px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-5 { 
  width: 208px;
  height: 523px;
  background-color: white;
  margin-bottom: 2px;
}



/*.grid-item-1-7 { 
  width: 103px;
  height: 670px;
  background-color: white;
  margin-bottom: 2px;
}*/

/*.grid-item-1-8 { 
  width: 158px;
  height: 1278px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-9 { 
  width: 158px;
  height: 1438px;
  background-color: white;
  margin-bottom: 2px;
}*/


/*.grid-item-0-0 { 
  width: 55px;
  height: 55px;
  background-color: white;
  margin-bottom: 1px;
}*/

.grid-item-2-2 { 
  width: 208px;
  height: 208px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-0-0{
  width: 156.5px;
  height: 77.5px;
  background-color: white;
  margin-bottom: 2px;


}




/*
.grid-item-7-1 { 
  width: 672px;
  height: 94px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-2 { 
  width: 672px;
  height: 190px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-3 { 
  width: 672px;
  height: 284px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-4 { 
  width: 672px;
  height: 382px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-5 { 
  width: 672px;
  height: 478px;
  background-color: white;
  margin-bottom: 2px;
}*/


/*.grid-item-8-1 { 
  width: 1278px;
  height: 158px;
  background-color: white;
  margin-bottom: 2px;
}*/




.footer{
  width: 310px;
  margin: auto;
  height: 100px;
}

.footer-right{
  margin-top: 20px;
  float: left;
  font-family: 'DYNA1';
}

.chat-img{
  margin-top: 30px;
 

}

.footer-chat{
  font-size: font-size: 18px;
  color: green;
}

.footer-detail{
  float: left;

}



.main-content{
  width: 320px;
  margin: auto;
  /*float: left; */
}

.contents{
  width: 320px;
  margin: auto;
  z-index: 999;
}



/*弹出框*/
.black_overlay{
display: none;
position: absolute;
top: 105px;
left: 0px;
width: 100%;
height: 600px;
background-color: #000000;
/*background: transparent;*/
z-index:1001;
-moz-opacity: 0.8;
opacity:0;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 313px;
height: 208px;
/*border: 16px solid lightblue;*/
background-color: #1db8c2;
z-index:1002;
overflow: auto;

/*font-family: */

}


/*产品图片*/
.slid-img{
 width: 94px;
 height: 94px;

}

/*弹出框里的字体*/
  .index-menu-conten-1{
  TEXT-DECORATION: underline;
  color: white;
   font-size: 12px;

}

.index-mune-conten-2{
  font-size: 13px;

}


.about-us-content-1{
  font-size: 18px;
  color: white;
font-family: "dyna1"; 

text-align: justify;





}


.about-us-content-2{
  font-size: 40px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
}

.about-us-content-3{
  font-size: 14px;
  color: white;
font-family: "dyna1"; 
  float: left;
/*padding-left: 65px;*/
text-align: justify;
  line-height: 18px;

}

.about-us-content-4{
  font-size: 16px;
  color: white;
font-family: "dyna1"; 
  float: left;

text-align: justify;
  line-height: 16px;
}


.about-us-content-5{
  font-size: 16px;
  color: white;
font-family: "dyna1"; 
/*  float: left;
padding-left: 16px;*/
text-align: justify;
  line-height: 18px;

}

.about-us-content-6{
  font-size: 18px;
  color: white;
font-family: "dyna1"; 
/*  float: left;*/
padding-left: 15px;
text-align: justify;
  line-height: 18px;


}

.about-us-content-5-big{
  font-size: 20px;
  color: white;
  font-family: 'Helvetica';
    float: left;
  text-align: justify;

}


.about-us-content-6-big{
  font-size: 13px;
  color: white;
    float: left;
  text-align: left;
  font-family: 'Helvetica';

}


.navbar{
  width: 330px;
  margin: auto;
  margin-bottom: -20px;
}


.home-content{

  font-family: 'Helvetica';
  font-size: 20px;
  color: white;
}

.home-content-2{

  font-family: 'Helvetica';
  font-size: 17px;
  color: white;
}


.about-content-1{
  font-family: 'Helvetica';
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
  float: left;
 

}


.iis-bullet-nav {

    right: 43%;

}





.navbar-brand-logo{
  margin-top: 1px;
/*  margin-bottom: 85px;*/

 /* float: left;*/
  margin-left: 20px;
}


}