/* 公司概况 手机端样式*/
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;
}
.mian1-content{
  width: 100%;
  height: auto;
  margin: 2rem auto 1rem;
  padding: 0rem 0.35rem;
}
.mian1-title{
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #EBEBEB;
  padding: 0.5rem 0px 1rem;
  text-align: center;
}
.mian1-title p:first-child{
  width: 100%;
  height: auto;
  float: left;
  font-size: 18px;
  line-height: 24px;
  color: #0087D5;
  font-weight: 500;
}
.mian1-title p:last-child{
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  float: left;
  font-size: 14px;
  color: #999999;

}
.mian1-p1{
  width: 100%;
  height: auto;
  margin: 0.5rem 0rem;
  float: left;
  font-size: 12px;
  /* line-height: 30px; */
 
}

.mian1-p1 p img{
  width: 100%;
  height: 12rem;
  display: block;
}
.mian1-img{
  width: 100%;
  height: auto;
  margin: 0.5rem 0px;
  float: left;
}
.mian1-img div img{
  width: 12rem;
  height:9rem;
  display: block;
  margin: 0rem auto;

}
.mian1-p2{
  width: 100%;
  height: auto;
  margin: 0.5rem 0rem;
  float: left;
}
.mian1-p2 p{
  width: 100%;
  height: auto;
  float: left;
  font-size: 12px;
}

/* 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;}