:root{
	--main_color:#e60012;        /* 主色 */
	--main_color_rgb:230,0,18;  /* rgba */
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

/*侧边*/
.nav_bar{ position:fixed; right:2%; bottom:6%; z-index:99;}
.nav_bar ul{ border-radius:30px; overflow: hidden; padding:15px 0; background:var(--main_color);}
.nav_bar li:hover{ cursor: pointer;}
.nav_bar li span{ display:block; width:60px; height:60px; background:url(/images/nav_btn.png) no-repeat;}
.nav_bar li:nth-child(2) span{ background-position:-60px 0;}
.nav_bar li:nth-child(3) span{ background-position:-180px 0;}
.nav_bar li .phone_a{ width:240px; padding:12px 0; position:absolute; right:90px; top:16%; background:var(--main_color); display:flex; justify-content:space-between; flex-wrap:wrap; align-content:center; border-radius:6px;box-sizing:border-box;padding-left:16px;opacity:0;transform-origin:right center;transform:translateY(-50%) scale(0);}
.nav_bar li .phone_a:before{ width:auto; content:""; position:absolute; right:-10px; top:50%; transform:translateY(-50%); border-left:10px var(--main_color) solid; border-top:10px transparent solid; border-bottom:10px transparent solid;}
.nav_bar li .phone_a p{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.nav_bar li:hover .phone_a{ transform:translateY(-50%) scale(1); opacity:1;}

.nav_bar li .ewm_a{ width:180px; height:180px; position:absolute; right:90px; top:50%; background:var(--main_color); display:flex; justify-content:space-between; flex-wrap:wrap; align-content:center; border-radius:6px; box-sizing:border-box; transform-origin:right center; transform:translateY(-50%) scale(0);}
.nav_bar li .ewm_a:before{ width:auto; content:""; position:absolute; right:-10px; top:50%; transform:translateY(-50%); border-left:10px var(--main_color) solid; border-top:10px transparent solid;border-bottom:10px transparent solid;}
.nav_bar li .ewm_a img{ width:88%; height:88%; margin-left:6%; border-radius:6px;}
.nav_bar li:hover .ewm_a{ transform:translateY(-50%) scale(1); opacity:1;}

.nav_bar .back_top{ width:60px; height:60px; border-radius:50%; background:var(--main_color); margin-top:12px;}
.nav_bar .back_top:hover{ cursor: pointer;}
.nav_bar .back_top span{ display:block; width:60px; height:60px; background:url(/images/nav_btn.png) no-repeat center right;}


/*导航*/
#mould90103{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:99; transition: .5s ease-in-out; box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.navbars41{ width:100%; height:80px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 180px; height: 100%; display: table; padding-left:8%;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ display: table; height:100%; margin:0 auto; width: 56%; float:right; z-index:2; position:relative;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li>a{ color:#1a1a1a; font-size:18px;}
.navbars41 li:hover>a{ color:var(--main_color);}
.navbars41 li .hide1{ width: 150px; position:absolute; top:72px; 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 .vr{ float:right; background: var(--main_color); height:100%; width:240px;}
.navbars41 .vr a{ display: block; color:#fff; text-align: center; line-height: 80px;}
.navbars41 .vr img{ width:26px; display: inline-block; margin: -6px 4px 0 0;}
.navbars41 .vr em{ font-size:20px; font-weight:bold; letter-spacing: 2px;}


#mould90104 .swiper-slide img{ height:100vh;}
#mould90104 .swiper-pagination{ bottom:20px;}
#mould90104 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity:1; border-radius:4px; width:30px;}
#mould90104 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #e00314; border-radius:4px; width:30px;}


/*通用*/
.width_1600{ width:1600px; margin:0 auto;}
.title_a h2{ font-size:36px; line-height:36px; font-weight:bold; color: var(--main_color); position:relative; padding-bottom:30px; margin-bottom:30px;}
.title_a h2:after{ content:""; width:48px; height:2px; background: var(--main_color); position:absolute; left:0; bottom:0;}

/*简介*/
.about_a{ margin-top:100px;}
.about_a .about_txt{ width:45%; float:left;}
.about_a .about_txt p{ font-size:18px; line-height:36px; text-indent:2em;}
.about_a .about_txt a{ width:120px; line-height:48px; background: var(--main_color); color:#fff; text-align:Center; display: block; border-radius:8px; margin-top:40px;}
.about_a .about_img{ width:50%; float:right; border-radius:10px; overflow:hidden;}
.about_a .about_img img{ transition:1s;}
.about_a .about_img:hover img{ transform:scale(1.08); cursor: pointer;}

.about_number{ margin:80px 0;}
.about_number li{ width:calc(100% / 5); float:left; position:relative; padding-left:24px; box-sizing:border-box;}
.about_number li:after{ content:""; width:2px; height:84px; background: #ccc; position:absolute; left:0; top:0;}
.about_number li:before{ content:""; width:2px; height:30px; background: var(--main_color); position:absolute; left:0; top:0; z-index:2;}
.about_number li p{ }
.about_number li p em{ font-size:64px; line-height:64px; font-family:arial; font-weight:bold; color:var(--main_color);}
.about_number li p b{ font-size:16px; font-weight:normal; margin-left: 5px;}
.about_number li span{ font-size:16px;}


/*产品*/
.product_a{ background:#f5f5f5; padding:80px 0 60px 0;}
.product_a .title_a h2{ float:left;}
.product_a .title_a a{ width:120px; line-height:48px; background: var(--main_color); color:#fff; text-align:Center; display: block; border-radius:8px; float:right;}
.product_a ul{ margin-top:24px;}
.product_a li{ width:calc((100% - 100px) / 3); min-height:280px; background:#fff; float:left; margin:0 50px 50px 0; position:relative; padding:50px 0 0 36px; box-sizing:border-box; transition:.3s;}
.product_a li:after{ content:""; width:100%; height:18px; background:url(/images/cp_bg.png) no-repeat; position:absolute; left:0; bottom:-17px;}
.product_a li:nth-child(3n){ margin-right:0;}
.product_a li h2{ font-size:24px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.product_a li p{ font-size:16px; line-height:30px;}
.product_a li a{ display:block; width:90px; line-height:36px; background:#e6e6e6; text-align:Center; font-family:arial; font-size:16px; border-radius:6px; margin-top:30px;}
.product_a li img{ position:absolute; right:40px; bottom:30px;}

.product_a li:hover{ background: var(--main_color); cursor: pointer; border-radius:12px;}
.product_a li:hover h2,.product_a li:hover p{ color:#fff;}
.product_a li:hover a{ background:#fff;}


/*优势*/
.advantage_a{ width:100%; position:relative;}
.advantage_a li{ display:none;}
.advantage_a li img{ width:100%; height:100%;}
.advantage_a .adv_txt{ color:#fff; position:absolute; top:150px; left:50%; transform: translateX(-50%);}
.advantage_a .adv_txt h2{ font-size:36px; line-height:36px; font-weight:bold;}
.advantage_a .adv_txt p{ font-size:18px; line-height:36px; margin-top:24px;}
.advantage_a .adv_title{ position:absolute; bottom:100px; left:50%; transform: translateX(-50%);}
.advantage_a .adv_title a{ width:calc((100% - 90px) / 4); display:block; background:rgba(0,0,0,0.6); color:#fff; float:left; margin-right:30px; padding:40px; box-sizing:border-box;}
.advantage_a .adv_title a:last-child{  margin-right:0;}
.advantage_a .adv_title a p{ font-size:30px; line-height:30px; font-weight:bold;}
.advantage_a .adv_title a span{ font-size:20px; line-height:20px; font-family:arial; text-transform: capitalize; margin-top:16px; display:block;}

.advantage_a .adv_title a:hover{ background:rgba(230,0,18,0.8); border-radius:12px;}
.advantage_a .adv_title a.on{ background:rgba(230,0,18,0.8); border-radius:12px;}


/*新闻*/
.news_a{ padding:80px 0 100px 0; background:url(/images/news_bg.jpg) no-repeat bottom center;}
.news_a .title_a h2{ float:left;}
.news_a .title_a a{ width:120px; line-height:48px; background: var(--main_color); color:#fff; text-align:Center; display: block; border-radius:8px; float:right;}
.news_a ul{ margin-top:24px;}
.news_a li:first-child{ width:50%; float:left; border-radius:16px; padding:0;}
.news_a li:first-child .img{ width:100%; height:480px; border-radius:inherit;}
.news_a li:first-child .img img{ width:100%; height:100%;}
.news_a li:first-child .txt{ padding:40px; box-sizing:border-box; margin-top:0; width:100%;}
.news_a li:first-child .txt h2{ font-size:24px; line-height:24px;}
.news_a li:first-child .txt time{ font-size:18px; line-height:18px; font-family:arial; color:#999; margin-top:20px; display:block;}
.news_a li{ width:48%; float:right; background:#fff; border-radius:10px; overflow:hidden; box-shadow: 0 0 10px rgb(0 0 0 / 15%); padding:20px 20px 20px 30px; box-sizing:border-box;}
.news_a li:nth-child(2),.news_a li:nth-child(3){ margin-bottom:40px;}
.news_a li .img{ float:right; width:33%; border-radius:8px; overflow:hidden;}
.news_a li .img img{ transition:1s;}
.news_a li .txt{ float:left; width:65%; margin-top:43px;}
.news_a li .txt h2{ font-size:24px; line-height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li .txt time{ font-size:18px; line-height:18px; font-family:arial; color:#999; margin-top:20px; display:block;}

.news_a li:hover{ background: var(--main_color);}
.news_a li:hover h2,.news_a li:hover .txt time{ color:#fff;}
.news_a li:hover .img img{ transform:scale(1.1);}

/*联系*/
.footer_a{ background:#1a1a1a; padding-top:80px;}
.contact_a{ color:#fff;}
.contact_a .left{ floaT:right; width:30%; border-left:1px solid rgba(255,255,255,0.2); padding-left:80px; box-sizing:border-box;}
.contact_a .left span{ font-size:18px; line-height:36px;}
.contact_a .left h3{ font-family:arial; font-size:36px; font-weight:bold; margin-bottom:10px;}
.contact_a .left p{ font-size:18px; line-height:36px;}
.contact_a .right{ float:left; width:70%;}
.contact_a .right dl{ float:left; margin-right:100px;}
.contact_a .right dl:last-child{ margin-right:0;}
.contact_a .right dl a{ color:#e5e5e5;}
.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:#e5e5e5; background: none; margin-top:64px;}
.copyright_a .width_1600{ display:flex; justify-content: space-between; border-top:1px solid rgba(255,255,255,0.2);}
.copyright_a p{ line-height:64px;}
.copyright_a a{ color:#e5e5e5;}
.copyright_a a:hover{ color:#fff;}


@media screen and (max-width:1680px){
  .navbars41 .logo{ padding-left: 3%;}
  .width_1600{ width:94%;}
} 

@media screen and (max-width: 1560px){
  .about_a .about_txt p{ font-size: 16px; line-height: 30px;}
  .advantage_a .adv_txt p{ font-size: 16px; line-height: 30px;}
  .advantage_a .adv_title a p{ font-size: 24px; line-height: 24px;}
  .advantage_a .adv_title a span{ font-size: 18px; line-height: 18px;}
  .news_a li .txt h2,.news_a li:first-child .txt h2{ font-size: 20px; line-height: 20px;}
  .news_a li:first-child .img{ height:450px;}
  .contact_a .right dl{ margin-right:80px;}
}

@media screen and (max-width: 1440px){
  .advantage_a .adv_txt{ top:100px;}
  .product_a li p{ font-size: 14px; line-height: 24px;}
  .product_a li img{ width:148px;}
  .news_a li:first-child .img{ height:418px;}
}

@media screen and (max-width:1360px){ 
  .product_a li{ min-height:240px; padding: 40px 0 0 36px;}
  .product_a li img{ width:124px; right:30px;}
  .news_a li:first-child .img{ height:396px;}
  .contact_a .right dl{ margin-right:64px;}
}