@charset "utf-8";

/*
 *@fileName : single.css
 *@author : marsh
 *@time : 2014-04-17
 *@how to use : add by self 
 *qq:11266897
 *function : for single page
*/

address{ font-style:normal; font-size:15px; color:#5b5b5b; margin:50px 0;}
#companyMap{ width:500px;   border:1px solid #f1f1f1; }
.anchorBL{ display:none;} 
.contact h2,.contact h3{color:#53b247; font-size:19px;}

.question h2{ background:url(http://img.coohua.com/images/FAQ.gif) left center no-repeat; font-size:19px; padding-left:30px; margin-bottom:20px;}
.question p{ font-size:15px; color:#a5a5a5; margin-bottom:60px;}
 

.joinUs div{ border-bottom:1px dashed #ccc; }
.joinUs div.content{border-bottom: 1px solid #ccc;}
.joinUs div.tabs{border:none;}
.joinUs div.last{ border:none;}
.joinUs h2,.joinUs h3,.joinUs h4,.joinUs h5{font-weight:800; }
.joinUs h2{ font-size:20px; margin-bottom:50px;}
.joinUs h3{ font-size:18px; color:#58ba47;margin-bottom:20px;}
.joinUs h4{ font-size:16px; margin-bottom:20px;}
.joinUs h5{ font-size:14px; }
.joinUs ol{ list-style:none; margin:5px 0 5px 30px;padding-right: 30px; font-size:15px;}
.joinUs strong,.joinUs p{font-size:15px;margin:30px 0 20px 30px;}
.joinUs strong{  display:block; }
.joinUs li strong{  display:inline; margin:0;}

.contact aside{ width:160px; float:left; margin-top:40px;_margin-top:110px;}
.contact aside li{ margin-top:20px;}
.contact aside a{ width:116px; height:39px; display:block; background:url(http://img.coohua.com/images/terms_02.png) no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.coohua.com/images/terms_02.png'); text-align:center; line-height:39px; font-size:16px;}
.contact aside a:hover,.contact aside a.hover{  background:url(http://img.coohua.com/images/terms_01.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.coohua.com/images/terms_01.png'); color:#58ba47; text-decoration:none;}

.contact div{ margin-left:160px; margin-top:70px; padding-bottom:50px;}
.contact h2{ font-size:20px;color:#53b247; font-weight:800; }
.contact h3{margin-top:30px;margin-bottom:20px;}
.contact li{ font-size:15px; color:#5b5b5b; line-height:1.8em;}


.tabs {
      position: relative;   
      min-height: 4600px; /* This part sucks */
      clear: both;
      margin: 25px 0;
    }
    .tab {
      float: left;
    }
    .tab label {
      background: #eee; 
      padding: 10px 10px 7px 10px;
      border: 1px solid #ccc; 
      border-bottom: none;
      margin-left: -1px; 
      position: relative;
      left: 1px; 
      font-size:16px;
      width:150px;

    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 28px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #ccc; 
      overflow: hidden;
    }
    .content > * {
      opacity: 0;
      
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }