@import url(./inner_sidebar.css);

/* ==========================================================================
   全局
   ========================================================================== */
.content {
  min-height: 300px;
  padding: 1.2rem 0;
}

.content img {
  max-width: 100%;
}




.sub-banner {
  --bannerH: 380px;
  height: var(--bannerH);
}


.sub-banner .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bgtitle2 {  color: rgb(255, 255, 255);  font-size: .64rem;  font-weight: 500;}
.bttiten {  color: rgb(255, 255, 255);  font-size: .30rem;  font-weight: 300;text-transform:Uppercase;}

.inner_zhanwei {
  height: var(--global-header-height);
}



@media only screen and (max-width:1536px) {
  .sub-banner {
    height: calc(var(--bannerH) / 1.25);
  }
}

@media only screen and (max-width:1440px) {
  .sub-banner {
    height: calc(var(--bannerH) * 0.75);
  }
}

@media only screen and (max-width:1280px) {
  .sub-banner {
    height: calc(var(--bannerH) / 1.5);
  }
}

@media only screen and (max-width:1024px) {
  .sub-banner {
    height: calc(var(--bannerH) / 1.875);
  }
}

@media only screen and (max-width:960px) {
  .sub-banner {
    height: calc(var(--bannerH) / 2);
  }
}

@media only screen and (max-width:768px) {
  .sub-banner {
    height: calc(var(--bannerH) / 2.5);
  }
.inner_zhanwei {height: 0;}
}






/* ==========================================================================
   服务中心
   ========================================================================== */

   .servicelist03{margin-left: -1.5rem;}
   .servicelist03 li{width: calc(50% - 1.5rem); margin-left: 1.5rem; float: left;margin-bottom:.4rem;}
   .servicelist03 li h4{margin:.3rem 0 .1rem 0;}
   .servicelist03 li .txt{ color: rgb(153, 153, 153); height: 60px; }
   .servicelist03 li .pic{margin-top: .3rem;}
   
   .service{max-width: 1100px;margin:0 auto;line-height: 30px; }

   @media only screen and (max-width:920px) {

    .servicelist03 li { width: calc(50% - .5rem); margin-left: .5rem;}
    .servicelist03{margin-left: -.5rem;}
    .content {padding: .8rem 0;}
   }
   
   
   @media only screen and (max-width: 768px) {
    .servicelist03 li .txt{height: 80px; line-height: 20px;}
   }
   
   
   @media only screen and (max-width:500px) {
    .servicelist03 li { width:100%; margin-left:0;}
    .servicelist03{margin-left:0;}
    .servicelist03 li .txt{height:auto;}
   }
   



/* ==========================================================================
   关于我们
   ========================================================================== */
.innerabout .left{width: 420px;}
.innerabout .right{width: calc(100% - 500px);}
.innerabout .right .home_tit{text-align: left;margin-bottom: .3rem;}
.innerabout .home_tit .titen::before{left:0;  margin-left:0;}
.innerabout .right .txt{ line-height: 30px;color: rgb(102, 102, 102);}

.innerhonor{padding:.8rem 0; background-color: rgb(249, 249, 249);}
.honorswiper .swiper-pagination{bottom:0;}
.honorswiper .swiper{padding-bottom: .5rem;}
.honorswiper .tit{text-align: center;margin-top: .2rem;}

@media only screen and (max-width:920px) {
  .innerabout .left, .innerabout .right{width: 100%; float: none;}
  .innerabout .right{margin-bottom: 20px;}
 }
 
 
 @media only screen and (max-width: 768px) {

 }
 
 
 @media only screen and (max-width:500px) {

 }


/* ==========================================================================
   新闻资讯
   ========================================================================== */


  .news_list li{margin:.3rem .1rem;}
  .news_list li:hover{;}
.news_box {  justify-content: space-between; align-items: center; transition: all .3s;padding:.2rem;background: #fff;border-bottom: 1px solid #ececec;}

.news_box:hover {box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;}
.news_pic {  width: 3.83rem;}
.news_area {  width: calc(100% - 4.36rem);}
.news_title { color: var(--primary);  font-size: .20rem;  font-weight: 400;   transition: all 0.3s; margin:.2rem 0 .4rem 0;
   overflow:hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient: vertical;  }
.news_date {  color:#15337B;  font-size: .16rem;  line-height: 2;  font-weight: 400;}

.news_info {
  color: rgb(85, 85, 85);
  font-size: .16rem;
  font-weight: 400;
  line-height: 2;
  margin: .15rem 0 .3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  transition: all 0.3s;
}

.news_info:hover,.news_title:hover {  color: rgb(6, 41, 73);}
.news_ckxxnr {  color: rgb(6, 41, 73);  font-size: .18rem;  font-weight: 400;  align-items: center; }
.news_ckxxnr img {  margin-left: .1rem; transition: all 0.3s;}
.news_ckxxnr:hover img{margin-left: .3rem;}
.news_ckxxnr:hover {  color: var(--primary);}



@media only screen and (max-width:920px) {
  
}


@media only screen and (max-width: 768px) {

}

@media only screen and (max-width:500px) {
  .news_pic { width:2rem;}
  .news_area { width: calc(100% - 2.36rem);}
  .news_area .txt{display: none;}
  .news_date{font-size: 14px;}
  .news_title { font-size: 14px;margin:0;}
  
}


/* ==========================================================================
   新闻详情
   ========================================================================== */
.news_details {
  padding: .2rem 0;
}



.nd_area {
  padding-bottom: .3rem;
  border-bottom: 1px solid #e5e8ef;
  box-sizing: border-box;
}

.nd_title {
  color: var(--primary);
  font-size: .24rem;
  font-weight: 400;
  text-align: center;
}

.nd_date {
  font-size: .16rem;
  color: rgb(85, 85, 85);
  margin: .1rem 0;
  text-align: center;
}

.nd_main {
  font-size: .18rem;
  font-weight: 400;
  color: rgb(85, 85, 85);
  line-height: 2;
  padding: .5rem 0;
  box-sizing: border-box;
}

.nd_main img {
  margin: .4rem 0;
}

.nd_toolbar {
  border-top: 1px solid #e5e8ef;
  padding: .4rem 0;
  align-items: center;
  justify-content: space-between;
}

.tool_left {
  width: calc(100% - 1.9rem);
}

.tool_right {
  width: 1.58rem;
}

.tool_toggle {
  font-size: .18rem;
  font-weight: 400;
  line-height: 2;
  align-items: center;
}

.tool_toggle span {
  flex-shrink: 0;
}

.tool_toggle a {
  color:#666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tool_toggle a:hover {
  color: var(--primary02);
}

.back_btn {
  width: 1.58rem;
  height: .54rem;
  font-size: .18rem;
  color: #fff;
  border-radius: .05rem;
  background: linear-gradient(90.00deg, rgba(2, 56,134), rgb(0, 91, 175) 100%);
}

.back_btn:hover {
  color:#fff;
}

.top_btn {
  margin-left: .2rem;
}



@media only screen and (max-width: 768px) {

  .tool_toggle,
  .nd_main,
  .nd_date {
    font-size: 12px;
  }


}

@media only screen and (max-width: 500px) {
  .nd_main {
    padding: 20px 0;
    line-height: 1.5;
  }


  .tool_toggle {
    line-height: 2;
  }

  .nd_title {
    font-size: 14px;
  }
}






@media only screen and (max-width:1600px) {
  
}

@media only screen and (max-width: 1400px) {
  
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width:920px) {

}


@media only screen and (max-width: 768px) {

}






/* ==========================================================================
   联系我们
   ========================================================================== */

.innerfeedback .left{width: 530px;}
.innerfeedback .feedback_main{width: calc(100% - 600px);}

.contactlist{/*margin-top: .8rem;margin-left: -.6rem;*/
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.contactlist li{/*width: calc(25% - .6rem); float: left; margin-left: .6rem;margin-top: .6rem; */
flex: 0 0 33.33333%;
margin-top: .6rem;
}
.contact_box {/*width:100%;*/
	margin-left: .6rem;
    
  background:#fff;
  height: 100%;
  padding: .4rem ;
  transition: all .3s;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);background: url(../images/contactbg.jpeg) no-repeat bottom center;
  background-size: cover;
}
.contact_box .line{width: 50px; height: 3px;background: var(--primary);margin-bottom: .2rem;}
.contact_box:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.contact_msg {  color:#000;  font-size: .14rem;  font-weight: 400;  line-height: 175%;}



.shiplist{margin-top: .8rem;margin-left: -.6rem;}
.shiplist li{width: calc(33.33% - .6rem); float: left; margin-left: .6rem;margin-top: .2rem; }
.shiplist li a{    color: rgb(91, 91, 91);}
.shiplist li a:hover{color: var(--primary);}




@media only screen and (max-width: 1200px) {
  .innerfeedback .left { width:400px;}
  .innerfeedback .left img{width: 100%;}
  .innerfeedback .feedback_main { width: calc(100% - 420px);}
  .contactlist li { width: calc(33.33% - .6rem);}
  .contact_msg{font-size: 14px;}
}

@media only screen and (max-width:920px) {

}


@media only screen and (max-width: 768px) {
  .innerfeedback .feedback_main { width:100%;}
  .contactlist li { width: calc(50% - .6rem);}
  .shiplist li{width: calc(50% - .6rem); }
}

@media only screen and (max-width:500px) {
  .contactlist li { width:100%; float: none; margin-left: 0;}
  .contactlist{margin-left: 0;margin-top: 20px;}
  .shiplist { margin-top:0;}
  
}