.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.an{ background:url(/images/ga.png) no-repeat; background-position: center left; padding-left: 24px;}


#mould82118{ position:fixed; top:0; width:100%; z-index:99; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.navbars4{ width:1600px;}
.navbars4 .logo{ width:156px;}
#mould82118 .navs>li{ }
#mould82118 .navs>li>a{ padding: 8px 24px; min-width:120px; display:block; box-sizing:border-box; text-align:center; margin:0 2px;}
#mould82118 .navs>li:hover>a{ background-color:#164283; background:#164283;}
#mould82118 .navs>li.active>a{ background-color:#164283; background:#164283;}


#mould82117 .swiper-slide img{ height:100vh;}
#mould82117 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould82117 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:48px;}
#mould82117 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:48px;}
#mould82117 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;width:36px; border-radius:4px;}
#mould82117 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#164283;}


.width_1600{ width:1600px; margin:100px auto 0 auto;}
.title_a{ text-align:center;}
.title_a h2{ font-size:48px; line-height:48px; color:#164283; letter-spacing: 5px;}
.title_a h2 span{ width:10px; height:20px; display:inline-block; background:#164283; border-top-right-radius:4px; border-bottom-left-radius:4px; position:relative; top:-5px; margin:0 10px 0 6px;}
.title_a p{ font-size:24px; line-height:24px; margin:12px 0 30px 0;}


/*简介*/
.about_cont{ background:rgba(255,255,255,0.72); border-radius:24px; padding:36px 30px; box-sizing:border-box; margin:60px 0 80px 0;}
.about_cont h2{ font-size:30px; line-height:30px; text-align:center; margin-bottom:20px;}
.about_cont p{ font-size:18px; line-height:30px; text-indent:2em;}

.top{ color: #fff;}
.top>div{ float:left; width:16.66%;}
.top .strong{ font-size: 80px; font-family:arial; font-weight: bold;}
.top .strong span{ }
.top .strong em{ font-weight: normal; font-size: 18px;}
.top>div div:last-child{ font-size: 20px;}


/*产品*/
#mould821171 .swiper-container{ padding-bottom:80px;}
#mould821171 .swiper-slide p{ text-align:Center; font-size:20px; margin-top:12px;}
#mould821171 .swiper-button-next,#mould821171 .swiper-button-prev{ top:inherit; bottom:0; width:60px; height:60px; background:url(/images/btn_cp.png) no-repeat;}
#mould821171 .swiper-button-prev{ left:inherit; right:30%; transform: rotate(180deg);}
#mould821171 .swiper-button-next{ right:inherit; left:30%;}
#mould821171 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#164283; opacity:1; border-radius:4px;}
#mould821171 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#164283; width:30px;}
#mould821171 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}


/*新闻*/
.news{ margin-top:-60px;}
.news_a li{ float:left; width:31%; margin-right:3.5%;}
.news_a li:last-child{ margin-right:0;}
.news_a li div:first-child{ height:320px; overflow:hidden;}
.news_a li div:first-child img{ width:100%; height:100%; transition:.5s;}
.news_a li:hover div:first-child img{ transform:scale(1.08);}
.news_a li div:last-child{ background:#f2f2f2; padding:15px; box-sizing:border-box;}
.news_a li div:last-child time{ width:18%; float:left; border-right:1px solid #ccc; margin-right:4%; padding:2% 2% 2% 0; box-sizing:border-box; text-align:Center; font-family:arial;}
.news_a li div:last-child time span{ display:block; font-size:48px; line-height:48px; color:#164283;}
.news_a li div:last-child .news_cont{ float:right; width:78%; padding:0;}
.news_a li div:last-child h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px; color:#164283;}
.news_a li div:last-child p{ font-size:16px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a li:hover div:last-child p{ color:#333;}


/*底部*/
.messages3{ float: left; width: 30%; background: 0;}
.messages3 ul{ padding: 0;width: 100%;}
.messages3 ul li{ margin-bottom:12px;}
.messages3 ul li input{ float: inherit;height: 50px; padding: 0; padding-left: 14px; width: 100%; border: 1px solid #ccc; border-radius: 6px; margin: 0!important; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li input:focus{ box-shadow:none; border: 1px solid #555;}
.messages3 ul li textarea{ float: inherit; height: 120px; padding: 0; padding: 14px 0 0 14px; width: 100%; border: 1px solid #ccc; border-radius: 6px; margin: 0; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li textarea:focus{ border: 1px solid #555;}
.messages3 ul li a{ transition: 0.5s;width: 100%; background: #164283; border-radius: 6px; font-size: 16px; color: #fff; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#0c3674;}

.contact{ margin-top:60px;}
.contact .right{ float:right; width:32%; margin-right:10%;}
.contact .right p{ line-height:36px; font-size:18px;}
.contact .right div h2{ float:left; margin-top:24px;}
.contact .right div h2:first-child{ margin-right:24px;}
.contact .right div h2 img{ width:128px; height:128px;}
.contact .right div h2 span{ display:block; text-align:center;}


.footer_foot{ width:1600px; margin:0 auto; position:absolute; bottom:30px; left:50%; transform:translateX(-50%);}
.footer_foot p{ float:left; color:#fff;}
.footer_foot p:last-child{ float:right;}
.footer_foot p a{ color:#fff;}


@media screen and (min-width:1501px) and (max-width:1680px){ 
  .navbars4{ width:94%;}
  .width_1600,.footer_foot{ width:92%;}
  #mould821171 .swiper-container{ padding-bottom:0;}
  #mould821171 .swiper-pagination{ display:none;}
  #mould821171 .swiper-button-next,#mould821171 .swiper-button-prev{ top:45%;}
  #mould821171 .swiper-button-prev{ right:2%;}
  #mould821171 .swiper-button-next{ left:2%;}
  .news{ margin-top:0;}
  .contact_a{ margin-top:0;}
}


@media screen and (min-width:1441px) and (max-width:1500px){ 
  .navbars4{ width:94%;}
  .width_1600,.footer_foot{ width:92%;}
  
  .about_cont{ margin:40px 0 60px 0;}
  .top .strong{ font-size: 64px;}
  .top .strong em{ font-size: 16px;}
  .top>div div:last-child{ font-size: 18px;}
  
  #mould821171 .swiper-container{ padding-bottom:0;}
  #mould821171 .swiper-pagination{ display:none;}
  #mould821171 .swiper-button-next,#mould821171 .swiper-button-prev{ top:45%;}
  #mould821171 .swiper-button-prev{ right:2%;}
  #mould821171 .swiper-button-next{ left:2%;}
  .news_a li div:first-child{ height: 280px;}
  .news{ margin-top:0;}
  .contact_a{ margin-top:0;}
}

@media screen and (min-width:1361px) and (max-width:1440px){ 
  .navbars4{ width:94%;}
  .width_1600,.footer_foot{ width:92%;}
  
  .about_cont{ margin:40px 0 60px 0;}
  .top .strong{ font-size: 64px;}
  .top .strong em{ font-size: 16px;}
  .top>div div:last-child{ font-size: 18px;}
  
  #mould821171 .swiper-container{ padding-bottom:0;}
  #mould821171 .swiper-pagination{ display:none;}
  #mould821171 .swiper-button-next,#mould821171 .swiper-button-prev{ top:45%;}
  #mould821171 .swiper-button-prev{ right:2%;}
  #mould821171 .swiper-button-next{ left:2%;}
  .news_a li div:first-child{ height: 280px;}
  .news{ margin-top:0;}
  .news_a li div:last-child time{ width:20%;}
  .news_a li div:last-child .news_cont{ width:76%;}
  .news_a li div:last-child h3{ font-size:18px;}
  .contact_a{ margin-top:0;}
}

@media screen and (max-width:1360px){ 
  .navbars4{ width:94%;}
  .width_1600,.footer_foot{ width:92%;}
  
  .about_cont{ margin:40px 0 60px 0;}
  .top .strong{ font-size: 64px;}
  .top .strong em{ font-size: 16px;}
  .top>div div:last-child{ font-size: 18px;}
  
  #mould821171 .swiper-container{ padding-bottom:0;}
  #mould821171 .swiper-pagination{ display:none;}
  #mould821171 .swiper-button-next,#mould821171 .swiper-button-prev{ top:45%;}
  #mould821171 .swiper-button-prev{ right:2%;}
  #mould821171 .swiper-button-next{ left:2%;}
  .news_a li div:first-child{ height: 240px;}
  .news{ margin-top:0;}
  .news_a li div:last-child time{ width:20%;}
  .news_a li div:last-child .news_cont{ width:76%;}
  .news_a li div:last-child h3{ font-size:18px;}
  .contact_a{ margin-top:0;}
}