/* 公司概况 手机端样式*/

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:last-child{

   border-bottom:none;

 }

 .justify-icon{

  color: #008fd7;

}

 /*  banner*/

 .banner{

   width: 100%;

   height: 6rem;

   background-image: url(../images/bg-1.png);

   background-repeat: no-repeat;

   background-size: 100% 100%;

 }

 /* breadNav */

.breadnav{

  width: 100%;

  height: 3rem;

  background-color: #F8F8F8;

}

.breadnav-content{

  width: 100%;

  height: 100%;

  margin: 0 auto;

}

.breadnav-content-left{

  width:40%;

  height: 100%;

  float: left;

}

.breadnav-content-right{

  width:60%;

  height: 100%;

  float: left;

}

.bread-nav{

  width: auto;

  height: 100%;

  float: right;

}

.bread-nav li{

  width: 5rem;

  height: 100%;

  text-align: center;

  line-height:3;

  float: right;

  background-color: #DFDFDF;

}

.bread-nav li.active{

  background-color: #0087D5;

}

.bread-nav li.active a{

  color: #ffffff!important;

}

.breadcrumb{

padding: 0px;

margin: 0px;

height: 3rem;



}

.breadcrumb li{

  height: 3rem;

  line-height: 3rem;

}

.breadcrumb>li+li:before{

  padding: 0 5px;

  color: #ccc;

  content: ">";

}

.breadcrumb li:nth-child(2)::before{

  content: "";

  display: none;

} 

.breadcrumb .active{

  color: #0087D5;

}

/* main1 */

.main1{

  width: 100%;

  height: auto;

}

.main1-content{

  width: 100%;

  height: auto;

  margin: 1rem auto 0.5rem;

  padding: 0rem 0.35rem;

}

.main-detail{

  width: 100%;

  height: auto;

 float: left;

}

.detail-list{

  width:33%;

  height:15rem;

  float: left;

  box-sizing: border-box;

  text-align: center;

  

}

.detail-li-icon{

  width: 100%;

  height: 4rem;

  float: left;

}

.detail-li-icon i{

  font-size: 35px;

  color: #0087D5;



}

.detail-li-p{

  width: 100%;

  height: 2.5rem;

  float: left;

  font-size: 18px;

  color: #333333;

  font-weight: 500;

  letter-spacing: 1px;

}

.detail-li-border{

  width: 100%;

  height:3px;

  float: left;

}

.detail-li-border span{

  width:2.4rem;

  height: 1px;

  border: 1px solid #0087D5;

  display: block;

  margin:  0 auto;

}

.detail-li-p1{

  width: 100%;

  height: auto;

  float: left;

  padding: 0rem 0.35rem;

}

/* main2 */

.main2{

  width: 100%;

  height: auto;

  background-color: #F8F8F8;

 

}

.main2-content{

  width: 100%;

  height: auto;

  margin: 0px auto;

  box-sizing: border-box;

  padding: 1rem 0rem 0rem;

}

.map-left{

  width: 100%;

  height:14rem;

  float: left;

  text-align: center;

  margin-bottom: 1rem;

}

.map-left p:nth-child(odd){

  width: 100%;

  float: left;

  height:2.5rem;

  color: #0087D5;

  font-size: 18px;

}

.map-left p:nth-child(even){

  width: 100%;

  float: left;

  height:4rem;

}

.map-right{

  width: 100%;

  height:12rem;

  float: left;



}

#allmap{

  width: 100%; 

  height:12rem;

}

/* footer */

  .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;}