.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


/*顶部导航开始*/
#mould82295{ position: fixed; top: 0; width: 100%; z-index: 999; background: none; transition:.5s;}
#mould82295:hover{ background: #f5f5f5;}
.navbars4{ width: 1600px; position: static;}
.navbars4 .logo{ width:490px;}
.navbars4 .logo img:last-child{ display:none;}
#mould82295:hover .navbars4 .logo img:first-child{ display:none;}
#mould82295:hover .navbars4 .logo img:last-child{ display:block;}

.navbars4 li>a{ padding: 0px; margin: 0px 30px; position:relative; display:block; line-height:100px; color: #fff;}
#mould82295:hover .navbars4 li>a{ color:#333;}
#mould82295:hover .navbars4 li:hover>a{ color:#0067b7;}
.navbars4 li.active>a{ background:none; color:#fff; font-weight:bold;}
#mould82295:hover .navbars4 li.active>a{ color:#0067b7;}

.navs >li:hover>a{ color: #0067b7; background: none;}
.navs >li>a:after{ content: ""; width: 0; height: 3px; position: absolute; background: #0067b7; bottom: 0; left: 0; transition:.5s; transform-origin: center center;}
.navs >li>a:hover:after{ width: 100%;}

/*.navs >li>a:before{ content: ""; width: 44px; height: 44px; border:1px solid rgba(255,255,255,0.4); border-radius:50%; position: absolute; background: none; bottom: 25%; left: -30%; display: none;}
.navs >li>a:hover:before{ display: block;}
.navbars4 li.active>a:before{ display: block;}
#mould82295:hover .navs >li>a:before{ border:1px solid rgba(25,108,207,0.4);}*/

.search{ width:46px; height:46px; float:right; background:#196ccf; margin:27px 0 0 24px; border-radius:50%;display: flex;justify-content: center;align-items: center;}
.search img{ width:16px;}

.header_active{ background: #f5f5f5!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.header_active .navbars4 .logo img:first-child{ display:none;}
.header_active .navbars4 .logo img:last-child{ display:block;}
.header_active .navbars4 li>a{ color:#333;}
.header_active .navbars4 li.active>a{ color:#0067b7;}

/*下拉导航
.navs > li .hide1{ position: absolute; top: 100px; left: 0; height: 400px; width: 100%; background: #f5f5f5; z-index: 9999; box-sizing: border-box; display: none; border-top:1px solid #ccc;}
.navs > li:nth-child(5) .hide1{ height:420px;}
.navs > li .hide1 .left{ width: 60%; float: left; padding: 55px 80px 0 8%; box-sizing: border-box;}
.navs > li .hide1 .left h2{ font-size: 28px; font-weight:bold; margin-bottom:12px;}
.navs > li .hide1 .left p{ color: #636567; line-height:30px;}
.navs > li .hide1 .left .hide_btn{ display: flex; flex-wrap: wrap; margin-top:24px;}
.navs > li .hide1 .left .hide_btn a{ border-radius:6px; background:#d9d9d9; width:30%; margin:0 5% 1% 0; box-sizing: border-box; line-height: 36px; color:#333;}
.navs > li .hide1 .left .hide_btn a span{ float:right;}
.navs > li .hide1 .left .hide_btn a:nth-child(3n){ margin-right:0;}
.navs > li .hide1 .left .hide_btn a:hover{ color:#fff; background: #0067b7;}
.navs > li .hide1 .right{ width: 40%; float: right; height: 100%; background: url(/images/nav_bg.jpg) no-repeat; background-size: cover; padding:55px 0 0 55px; box-sizing: border-box;}
.navs > li .hide1 .right img{ border-radius:8px;}
.navs > li:hover .hide1{ display: block;}*/

/*下拉搜索*/
.head-search{ width:100%; background:rgba(0,0,0,0.3); position: absolute; left:0; top:-200px; transition:.5s; z-index:0;}
.head-search div{ width:1200px; margin:30px auto; position:relative;}
.head-search input{
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #0067b7;
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom: 0;
}
.head-search a{ background:#0067b7 url(/images/search.png) no-repeat center; width:48px; height:48px;display:block; position:absolute; right:0; top:0; background-size: 76%;}
.btn_active{ top:100px;}


/*顶部导航结束*/


/*大图*/
#mould86047 .swiper-slide img{ height:100vh;}
#mould86047 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould86047 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould86047 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:0.5;border-radius:4px; width:30px;}
#mould86047 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ opacity:1;}
#mould86047 .swiper-button-next,#mould86047 .swiper-button-prev{ top:56%;}

#mould86047 .swiper-button-prev:after,#mould86047 .swiper-rtl .swiper-button-next:after{ display:none;}
#mould86047 .swiper-button-next:after,#mould86047 .swiper-rtl .swiper-button-prev:after{ display:none;}


/*通用*/
.width_1600{ width:1600px; margin:80px auto 0 auto;}
.title_a{ margin-bottom:30px;}
.title_a h2{ font-size:36px; line-height:40px; font-weight:bold; color:#196ccf; font-family:arial; text-transform: uppercase;}
.title_a h3{ font-size:42px; line-height:48px; font-weight:bold; }

/*产品*/
.mySwiper{ height:540px;}
.mySwiper .swiper-slide{ height:260px; overflow:hidden; border-radius:24px; overflow:hidden;}
.mySwiper .swiper-slide a{ height:100%; display:block; position:relative;}
.mySwiper .swiper-slide a:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; bottom:0; z-index:1;}
.mySwiper .swiper-slide a img{ width:100%; height:100%;}
.mySwiper .swiper-slide a p{ position:absolute; left:40px; bottom:40px; font-size:24px; font-weight:bold; color:#fff; z-index:9;}
.mySwiper .swiper-slide a p:after{ content:""; width:60px; height:3px; background:#fff; position:absolute; left:0; bottom:-15px;}
.mySwiper .swiper-slide a span{ display:block; width:40px; height:40px; border-radius:50%;background:#fff url(/images/btn_jt.png) no-repeat center; position:absolute; right:40px; bottom:26px; z-index:9;background-size:50%;}


/*简介*/
.about_a .left{ width:46%; float:left;}
.about_a .left p{ text-indent:2em; line-height:36px; font-size:18px;}
.about_a .right{ width:50%; float:right; border-radius:8px; overflow:hidden;}
.about_a .right img{ transition:.5s;}
.about_a .right img:hover{ transform:scale(1.1);}
.about_b{ margin-top:40px;}
.about_b li{ float:left; width:23.5%; margin-right:2%; background:rgba(255,255,255,0.25); border-radius:8px; padding:40px 0;}
.about_b li:last-child{ margin-right:0;}
.about_b li p{ width:64px; height:64px; margin:0 auto; border-radius:50%; background:#196ccf url(/images/btn_c1.png) no-repeat center;}
.about_b li:nth-child(2) p{ background:#196ccf url(/images/btn_c2.png) no-repeat center;}
.about_b li:nth-child(3) p{ background:#196ccf url(/images/btn_c3.png) no-repeat center;}
.about_b li:nth-child(4) p{ background:#196ccf url(/images/btn_c4.png) no-repeat center;}
.about_b li p:hover{ box-shadow: 0 0 20px rgb(25 108 207 / 30%);}
.about_b li span{ display:block; text-align:center; font-weight:bold; font-size:24px; margin-top:24px;}
.about_b li:hover span{ color:#0067b7;}


/*文化*/
.culture_bg .title_a h2,.culture_bg .title_a h3{ color:#fff;}
.culture_a{ margin-top:80px;}
.culture_a li{ width:25%; float:left; text-align:center; color:#fff;}
.culture_a li div{ width:60px; height:60px; margin:0 auto; background: url(/images/btn_icon.png) no-repeat; background-position:0 0; transition:.5s;}
.culture_a li:nth-child(2) div{ background-position:-60px 0;}
.culture_a li:nth-child(3) div{ background-position:-120px 0;}
.culture_a li:nth-child(4) div{ background-position:-180px 0;}
.culture_a li:hover div{ transform:rotate(360deg);}
.culture_a li p{ font-weight:bold; font-size:28px; margin:80px 0 24px 0;}
.culture_a li span{ font-size:18px; line-height: 30px;}


/*新闻*/
.product1{ height:284px;}
.product1 .boxs{ box-shadow:none; margin-right:30px; flex: 1.5; justify-content: flex-start; transition:.5s;}
.product1 .boxs:last-child{ margin-right:0;}
.product1 .boxs .img_box{ width:378px; height:284px; border-radius:12px; overflow:hidden; float:left; border:1px solid #e5e5e5; box-sizing:border-box;}
.product1 .boxs .img_box img{ width:100%; height:100%;}
.product1 .boxs .txt_box{ display:none; float:right; width:48%;}
.product1 .boxs .txt_box h2{ width:80px; height:30px; line-height:30px; font-size:14px; text-align:Center; background:#196ccf; border-radius:4px; color:#fff; margin-top:10px;}
.product1 .boxs .txt_box h3{ font-weight:bold; font-size:18px; line-height:20px; margin:15px 0 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product1 .boxs .txt_box p{ line-height:28px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.product1 .boxs .txt_box a{ display:block; width:80px; height:80px; border-radius:50%; color:#fff; background:#196ccf url(/images/btn_jt1.png) no-repeat center top 24px; text-align:Center; 
  font-family:arial; padding-top: 52px; box-sizing: border-box; font-size: 12px; margin-top:20px;}
.product1 .boxs.active{ flex: 3.1;}
.product1 .boxs.active .txt_box{ display:block;}





/*版权*/
.footer_bg{ }
.footer_bg .left{ width:36%; float:left;}
.footer_bg .left .foot_logo img{ margin-bottom:16px;}
.footer_bg .left .foot_logo p{ color:#fff; font-size:18px; line-height:36px;}
.footer_bg .left .erweima_a{ margin-top:16px;}
.footer_bg .left .erweima_a div{ float:left; width:124px;}
.footer_bg .left .erweima_a div:first-child{ margin-right:24px;}
.footer_bg .left .erweima_a div p{ color:#fff; text-align:Center; line-height:40px;}

.footer_bg .right{ width:50%; float:right;}
.footer_bg .right a{ color:#fff;}
.footer_bg .right li{ float:left; width:20%;}
.footer_bg .right li h4{ font-size:20px; line-height:20px; font-weight:bold; margin-bottom:20px;}
.footer_bg .right li h5{ line-height:40px;}
.footer_bg .right li h5 a{ color:#ccc;}
.footer_bg .right li h5 a:hover{ text-decoration: underline; color:#fff;}

.copyright{ border-top:1px solid rgba(255,255,255,0.3); margin-top:30px;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px; color:#fff;}


@media (max-width: 1680px){
  .navbars4,.width_1600{ width:94%;}
  .navs > li .hide1 .left{ padding: 55px 80px 0 5%;}
  .title_a{ margin-bottom: 24px;}
  .title_a h2{ font-size:30px; line-height:32px;}
  .title_a h3{ font-size:36px; line-height:38px;}
  
  .about_b li{ padding:30px 0;}
  .about_b li span{ margin-top:12px;}
}

@media (min-width: 1360px) and (max-width: 1679px){
  .navbars4 li>a{ margin: 0px 24px;}
  .navs > li .hide1 .left{ padding: 55px 0 0 5%;}
  .navs > li .hide1 .left .hide_btn a{ width: 31%; margin: 0 3% 1% 0;}
  .about_a .left p{ font-size:16px; line-height:30px;}
  
  .product1 .boxs .txt_box{ width:45%;}
  .product1 .boxs .img_box{ width: 348px; height: 260px;}
  .product1 .boxs .txt_box a{ width:90px; height:36px; line-height:36px; padding:0; border-radius:8px; background: #e5e5e5; color:#333;}
  
  .footer_bg .right li h4{ font-size:18px;}
}

@media (min-width: 1360px) and (max-width: 1440px){
  
}