﻿:root{
	--main_color:#0d3e98;        /* 主色 */
	--main_color_rgb:13,62,152;  /* rgba */
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


#mould90099{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:99; transition: .6s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.navbars41{ width:1600px; height:88px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 370px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ display: table; height:100%; margin:0 auto; width: 50%; float:right; z-index:2; position:relative;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a span{ background: url(/images/bottom-black.png) no-repeat; width: 12px; height: 6px; display: inline-block; margin-left:8px; padding-bottom:2px; transition:.5s;}
.navbars41 li:hover>a{ color:var(--main_color);}
.navbars41 li:hover a span{ background: url(/images/bottom-red.png) no-repeat; transform: rotate(180deg); margin-bottom:2px;}
.navbars41 li .hide1{ width: 150px; position:absolute; top:64px; left: 22%; transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li .hide1 a{ display:block; line-height:40px; border-radius: 4px;}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); color: #fff;}
.navbars41 .btngsearch{ float:right; background: url(/images/search.png) no-repeat center; width:24px; height:24px; margin-top:28px;}
.head-search{ width:100%;background: rgba(0,0,0,0.2);position: fixed;left:0;top:-200px;transition:.5s;z-index:1;}
.head-search div{ width:1200px;margin:30px auto;position:relative;}
.head-search input{ width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;transition:.5s;box-shadow:none;border: 2px solid var(--main_color);padding: 0 20px;box-sizing:border-box;margin-bottom:0;border-radius: 50px;}
.head-search a{ background:var(--main_color) url(/images/search1.png) no-repeat center;width:60px;height:60px;display:block;position:absolute;right:0;top:0;border-radius: 0 50px 50px 0;}
.btn_active{ top:88px;}



#mould90100 .swiper-slide img{ height:100vh;}
#mould90100 .swiper-button-next,#mould90100 .swiper-button-prev{ top:60%;}
#mould90100 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity:0.2; border-radius:4px; width:30px;}
#mould90100 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; opacity:1; border-radius:4px; width:30px;}

/*通用*/
.width_1600{ width:1600px; margin:0 auto;}
/*.title_a{ text-align:center;}
.title_a h2{ font-size:36px; line-height:36px; font-weight:bold; color: var(--main_color); margin-bottom:10px;}
.title_a p{ font-size:18px; line-height:18px; color:#999; font-family:arial;}*/


.about_a{ margin:100px 0;}
.about_up .left{ float:left; width:50%; height:540px; border-radius:10px; overflow:hidden;}
.about_up .left img{ width:100%; height:100%; transition:.5s;}
.about_up .left:hover img{ transform:Scale(1.1); cursor: pointer;}
.about_up .right{ float:right; width:50%; padding:30px 0 0 48px; box-sizing:border-box;}
.about_up .right h2{ font-size:36px; font-weight:bold; line-height:36px;}
.about_up .right h3{ font-size:24px; line-height:24px; color:#999; margin:20px 0 40px 0; letter-spacing: 2px;}
.about_up .right p{ font-size:18px; text-indent:2em; line-height:30px; margin-bottom:20px;}
.about_up .right a{ width:128px; line-height:48px; border:1px solid #ccc; text-align:Center; display:block; transition:.5s; border-radius:6px; margin-top:36px;}
.about_up .right a:hover{ background: var(--main_color); border:1px solid var(--main_color); color: #fff;}

.addmuns1 ul{ width:1600px; margin-top:60px;}
.addmuns1 li{ border-right:1px solid #e5e5e5; padding:24px 0;}
.addmuns1 li:nth-child(-n+4){ border-bottom:1px solid #e5e5e5;}
.addmuns1 li:nth-child(4n){ border-right:none;}
.addmuns1 li:after{ display:none;}
.addmuns1 li p{ line-height:inherit;}
.addmuns1 li p span{ font-size:48px; line-height:48px; font-family:arial; color: var(--main_color);}
.addmuns1 li p em{ font-weight:normal; padding-left:12px;}
.addmuns1 li h3{ font-size:16px; line-height:16px; margin-top:8px;}


.product_a{ }
.pro_box1{ height: 100vh; position: relative; display: flex; align-items: center;}
.pro_box1 .pro_box1_bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
}
.pro_box1 .pro_box1_txt{ position: relative; width: 1600px; margin:0 auto;}
.pro_box1 .pro_box1_txt h2{ font-size:36px; line-height:36px; font-weight:bold; display: flex;}
.pro_box1 .pro_box1_txt h2 em{ width:42px; height:42px; background: url(/images/pro_btn1.png) no-repeat center; margin-right:16px;}
.pro_box2 .pro_box1_txt h2 em{ background: url(/images/pro_btn2.png) no-repeat center;}
.pro_box1 .pro_box1_txt p{ font-size:24px; line-height:24px; font-family:Arial; color:#999; letter-spacing: 1px; margin:18px 0 48px 0;}
.pro_box1 .pro_box1_txt li a{ font-size:20px; line-height:40px; transition:.5s; display:inline-block;}
.pro_box1 .pro_box1_txt li a:hover{ color: var(--main_color); transform: translateX(10px); letter-spacing: 1px;}

/*新闻*/
.news_title{ display:flex; justify-content: space-between; margin:80px 0 60px 0;}
.news_title h2{ font-size: 36px; line-height: 36px; font-weight: bold;}
.news_title ul{ display:flex;}
.news_title li a{ line-height: 36px; font-size:20px;padding-right:15px; margin-right:15px; position:relative; transition:.5s;}
.news_title li a:after{ content:""; width:1px; height:20px; background:#ccc; position:absolute; right:0; top:4px;}
.news_title li:last-child a{ padding-right:0; margin-right:0;}
.news_title li a:hover{ color: var(--main_color); transform: translateX(16px); letter-spacing: 1px;}
.news_title li.on a{ color: var(--main_color); transform: translateX(16px); letter-spacing: 1px; text-decoration: underline;}

.news_info{ display:none;}
.news_info li{ padding:40px; box-sizing:border-box; position:relative; z-index:1;}
.news_info li:after{ content:""; width:0; height:100%; background:#f2f2f2; position:absolute; left:0; top:0; transition:1s; z-index:-1;}
.news_info li:hover:after{ width:100%;}
.news_info li a{ display:flex;}
.news_info li a:hover{ color:inherit;}
.news_info li .imgs{ width:400px; height:240px; border-radius:8px; overflow:hidden; margin-right:48px; border:1px solid #f2f2f2; box-sizing:border-box;}
.news_info li .imgs img{ width:100%; height:100%; transition:.5s;}
.news_info li:hover .imgs img{ transform:scale(1.1);}
.news_info li .txts{ width:calc(100% - 448px); padding-top:32px;}
.news_info li .txts h2{ font-size:24px; line-height:24px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:.5s;}
.news_info li:hover .txts h2{ color: var(--main_color); letter-spacing: 2px;}
.news_info li .txts time{ color:#666; font-size:18px; line-height:18px; font-family:arial; margin:24px 0 30px 0; display:block;}
.news_info li .txts p{ font-size:18px; line-height:30px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}


/*联系*/
.footer_a{ background:#2f3e51; margin-top:80px; padding-top:80px;}
.contact_a{ color:#fff;}
.contact_a .left{ floaT:right; width:36%;}
.contact_a .left .douyin_a{ float:left; margin-right:40px; width:164px;}
.contact_a .left .douyin_a img{ width:164px; height:164px;}
.contact_a .left .douyin_a p{ text-align:Center; line-height:36px;}
.contact_a .left .lianxi_a{ float:right; width:calc(100% - 204px);}
.contact_a .left .lianxi_a span{ font-size:18px; line-height:36px;}
.contact_a .left .lianxi_a h3{ font-family:arial; font-size:36px; font-weight:bold; margin-bottom:10px;}
.contact_a .left .lianxi_a p{ font-size:18px; line-height:36px;}
.contact_a .right{ floaT:left;}
.contact_a .right dl{ float:left; margin-right:100px;}
.contact_a .right dl:last-child{ margin-right:0;}
.contact_a .right dl a{ color:#ccc;}
.contact_a .right dl a:hover{ color:#fff;}
.contact_a .right dt{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:16px; margin-bottom:12px;}
.contact_a .right dt a{ font-size:20px; line-height:20px; font-weight: normal;}
.contact_a .right dd a{ line-height:36px;}

.copyright_a{ text-align:Center; color:#ccc; background: #202a36; margin-top:64px;}
.copyright_a .width_1600{ display:flex; justify-content: space-between;}
.copyright_a p{ line-height:64px;}
.copyright_a a{ color:#ccc;}
.copyright_a a:hover{ color:#fff;}



@media (min-width: 1560px) and (max-width: 1679px){ 
  .navbars41{ width:94%;}
  .width_1600{ width:90%;}
  .addmuns1 ul{ width:100%;}
  .pro_box1 .pro_box1_txt{ width:84%;}
}

@media (min-width: 1440px) and (max-width: 1559px){
  .navbars41{ width:94%;}
  .width_1600{ width:94%;}
  .addmuns1 ul{ width:100%;}
  .pro_box1 .pro_box1_txt{ width:88%;}
  .contact_a .right dl{ margin-right:80px;}
}

@media screen and (max-width:1439px){ 
  .navbars41{ width:94%;}
  .width_1600{ width:94%;}
  .addmuns1 ul{ width:100%;}
  .pro_box1 .pro_box1_txt{ width:88%;}
  .contact_a .right dl{ margin-right:80px;}
}


