html,body{
   font-size: 12px;
   line-height:1.45; 
}
*:focus { outline: none; }
.header{
    width: 100%;
    height: 5rem;
	padding:1rem 0;
}
.head-nav{
    width: 100%;
    height: 3rem;  
    padding: 0rem 0.35rem;
}
.nav-logo{
    width: 8rem; 
    height: 3rem; 
    float: left;
}
.nav-logo img{
    width: 8rem; 
    height: 3rem;  
}
.nav-search{
    width: 12rem; 
    height: 3rem; 
    float: left;
    margin-left: 0.65rem;
    position: relative;
}
.nav-search input{
  width: 12rem;
    height: 2.0rem;
    margin: 0.5rem 0rem 0.5rem 1.35rem;
    padding: 0.35rem 1.85rem 0.35rem 0.35rem;
    border: 1px solid #0050A1;
    border-radius: 1.35rem;
 }
 .search-btn{
    position: absolute;
    right: -0.6rem;
    top:0.9rem;
    background: none;
    color: #0050A1;
 }
.classify-i{
    width:4rem;
    height: 3rem;
    float:right;
}
.classify-button-i{
    width:4rem;
    height: 3rem;
    font-size: 20px;
    float:right;
    background:none;
    text-align: right;
}
.naver{
    display:none;
    width:8rem;
    height:auto; 
    float: right;
    position: absolute;
    right: 0rem;
    z-index: 20;
    background: #ffffff;
    top:3rem;
  }
  .nav{
  height: 14rem;
  
  }
  .nav-justified>li{
      width: 100%;
      height:2.8rem;
  }
  .nav li a.nav-a{
    width: 100%;
    height:2.8rem;
    margin: 0px;
    line-height: 38px;
    color: #000000;
    padding:0rem;
  }
  .nav li:hover a.nav-a{
    background-color: #337ab7;
    color: #ffffff;
  }
  .nav li:hover ul.dropdown-menu{
    display: block;
    width: 100%;
    height:auto;
  }
  
  .dropdown-menu{
    margin: 0px;
    border: none;
    background-color: #337ab7;
    color: #ffffff;
    min-width:100%;
    padding: 0px;
    right: 8rem;
    top:-0rem !important;
  }
  .dropdown-menu li{
    height:2.8rem;
    border: none;
    line-height:2.8rem;
    color: #ffffff;
    text-align: center;
    border-bottom: 1px solid #ffffff;
  }
  .dropdown-menu li a{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    line-height: 2.8rem;;
    color: #ffffff;
  }
  .dropdown-menu li:hover a{
    background-color: #ffffff;
    color:#000000;
  }
  .dropdown-menu li:first-child{
    /* border-top:1px solid #ffffff; */
  }
  .dropdown-menu li:last-child{
    border-bottom:none;
  }


/*  */
.carousel-inner-img{
    width: 100%;
    height: 10rem !important;
}

.myindicators li{
    width: 1.45rem;
    height: 0.35rem;
    border-radius: 0.45rem;
  }
.myindicators .active{
    width: 1.45rem;
    height: 0.35rem;
    border-radius: 0.45rem;
  }
  /*  */
  .service-main{
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 1rem 0.35rem;
    box-sizing: border-box;
  }
  .headline{
    width:100%;
    height:3rem;
    margin: 0 auto;
    text-align: center;
    font-size:18px;
    line-height:1.85;
    color: #333333;
    display: block;
  }
  .headline span:last-child{
    font-size:16px;
    color: #666666;
  }
  .subtitle{
    width:100%;
    height:0.85rem;
    color: #999999;
    text-align: center;
    display: block;
  }
  .service-content{
    width: 100%;
    height: auto;
    margin: 1.2rem 0rem;
    box-sizing: border-box;
  }
  .service-list{
    width:49%;
    height: 12rem;
    float: left;
    margin-left: 0.15rem;
    margin-bottom: 0.35rem;
  }
  .service-list:first-child,.service-list:nth-child(4){
    margin-left: 0px;
  }
  .service-li-left{
    width:2.8rem;
    height:2.8rem;
    border:1px solid #008fd7;
    position: relative;
   float: left;
  }
  .left-trangle{
    width:0;
    height:0;
    position: absolute;
    right: -0.35rem;
    top:-1px;
    border-top:0.35rem solid transparent;
    border-bottom:0.35rem solid transparent;
    border-left:0.35rem solid #008fd7;
  }
  .service-li-right{
    width: 9rem;
    height: 100%;
    float: left;
    margin-left: 0.35rem;
  }
  .service-li-title{
    width:100%;
    height: 3.0rem;
    font-weight:600;
    /* font-size: 14px; */
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
  }
  .service-li-p{
    width: 100%;
    height:8.3rem;
    line-height: 1.245;
    font-size: 10px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8; 
  }
  .details-btn{
    width: 10rem;
    height:2.4rem;
    display: block;
    margin: 0 auto;
    background-color: #008fd7;
    border-radius: 1.6rem;
    text-align: center!important;
    color: #ffffff;
    line-height: 2rem;
  }
  /*  */
  .case-main{
    width: 100%;
    height:34rem;
    margin: 0 auto;
  }
  .case-content{
  width:100%;
  /* height: 100%; */

  }
  .case-content ul {
    display: block;
    width:100%;
    height: 26rem;
    margin-top: 1rem;
  }
  .case-content ul li{
    width:48%;
    height:8rem;
    float:left;
    margin-left:0.35rem;
    margin-bottom:0.7rem;
    position:relative;
    overflow:hidden;
    cursor:pointer;
  }
    .case-content-i ul li:first-child,.case-content-i ul li:nth-child(3),.case-content-i ul li:nth-child(5){
      margin-left:0rem;
    }
    .case-content ul li:last-child{
      display: none;
    }
    .txt{
        width:100%;
        height:2.2rem;
        background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/
        position:absolute;
        left:0;
        bottom:0;
        color:#fff;
        font-family:"宋体";
      }
      
      .txt h3{
        font-size:12px;
        height:2.2rem;
        text-align:center;
        line-height:2.2rem;
      }
      .txt-icon{
        width: 2.2rem;
        height:2.2rem;
        font-size: 20px;
        float:right;
        background-color: #008fd7;
        opacity: 0.85;
        line-height:2.2rem;
      }
      .txt p{
		  display:none;
      }
      .case-content-img-i{
          width: 100%;
          height: 100%;
      }
      /*  */
      .news{
        width: 100%;
        /* background: url(./../images/swiper.png) no-repeat; */
        background-size: 100% 100%;
        
      }
      .news-opacity{
        width: 100%;
        height:100%;
        background-color:rgba(255,255,255,0.4);
        padding: 0.7rem 0rem;
      
      }
      .news-main{
        width:100%;
        margin: 0.7rem auto 0rem;
      
      }
      .news-content{
        width: 100%;
        padding: 0.7rem 0rem 0rem;
      }
      .news-content-left{
        width:100;
        position: relative;
        /* display:inline; */
      }
      .news-img{
        width:100%;
        height: 16rem!important;
      }
      .news-caption{
       left: 0px!important;
       right: 0px!important;
       bottom: 0px!important;
       background-color: #333333;
       opacity: 0.75;
       padding-left: 0.35rem!important;
       padding-bottom: 0.85rem!important;
       text-align: right;
      }
      .news-indicators{
        left:0rem!important;
        margin-left:0rem!important;
        width: 5rem!important;
        right:0.35rem!important;
        text-align: right;
      }
      .news-content-right{
		padding:0 0.5rem;
        height: 22rem;

       
      }
      .news-content-right ul li{
         width: 100%;
         height: 2rem;
         line-height:2rem;
         color: #333333;
         padding: 0rem 0.35rem;
      }
      .news-content-right ul li a:hover{
        text-decoration: underline;
      }
      .news-right-p{
      width:69%;
      float: left;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
      
      }
      .news-right-time{
        width: 30%;
        float: right;
        text-align: right;
      }
      /*  */
      .company-main{
        width:100%;
        height: 33rem;
        margin: 0rem auto 0rem;
		padding:0 0.5rem;
      }
      .company-content-detail{
        width: 100%;
        height: 12rem;
        padding: 0rem 0.1rem;
        margin: 1rem auto 0rem;
      }
      .company-content-detail img{
        width: 49%;
        height: 12rem;

        
      }
      .company-content-detail p{
        width: 49%;
        height: 12rem; 
       position: relative;
       right:0rem;
       top:0rem;
       float: right;
       overflow: hidden;
       display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 9;
      line-height: 1.4rem;

      }
      .company-list{
        width: 100%;
        height: 11rem;
        margin: 1rem 0px;
        display: block;
        box-sizing: border-box;
      }
      .company-list ul{
        width: 100%;
        height: 11rem;
        display: block;
        margin:0px;

      }
      .company-list ul li{
        width:49%;
        height: 4rem;
        float: left;
        position: relative;
        left: 0rem;
        margin: 0rem 0rem 0.35rem 0rem;
        padding: 0.35rem;
}
/*  */
.aboutus-main{
    width:100%;
    height:40rem;
    margin: 1rem auto 0rem;
	padding:0.5rem;
  }
  .aboutus-content{
    width:100%;
    height:40rem;
    /* padding:20px 0px; */
  
  }
  .aboutus-content-left{
    width:100%;
    height: 22rem;
    float: left;
    margin-top:1rem;
  }
  .code-img{
    width:8rem;
    height:8rem;
    margin: 1rem auto;
    display: block;
  }
  .aboutus-content-right{
    width:100%;
    height: 12rem;
    float: left;
  }
  .footer{
    width:100%;
    background-color: #008fd7;
  }
  .copyright{
    width:100%;
    height: 8rem;
    line-height:1.2rem;
    padding: 1rem 0.7rem 0rem;
    text-align: center;
    color:#ffffff;
  }
  .copyright p{
    padding: 0rem 1rem 1rem;
  }
  .footer-nav { text-align:center; line-height:2rem; padding-top:1rem; color:#ffffff;}
  .footer-nav a { margin:0 3px; color:#ffffff;}
  #allmap{
    width: 100%;
    height: 12rem;
}
.justify-icon{
  color: #008fd7;
}
.service-img{
  width: 2rem;
  height:2rem;
  display:block;
  margin:0.4rem auto 0;
}
.about-icon{
  color: #008fd7;
  font-size: 18px;
}
.aboutus-content-left p{
  /* width: 60%; */

}
/* .aboutus-content-left p:last-child{
  position: relative;
  right: 0rem;

} */
.new-left-i{
  width: 100%;
  position: relative;
  margin: 0 auto;
   margin-bottom: 1rem;
}
.new-left-i p:first-child{
  padding-left: 3.5rem;
}
.new-left-i p:nth-child(2){
  padding-left: 1rem;
  height:1.5rem;
}
.news-left{
  margin-top: 1rem;
}