:root{
	--main_color:#b90000;      /* 主色 */
	--main_color_rgb:185,0,0;  /* rgba */
}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'DINPro'; src: url('/images/fonteditor.ttf');}

html{ scroll-behavior: smooth;}
body{ background:#fffbf0;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.width_1600{ width:1600px; margin:0 auto;}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

/*返回顶部*/
.back_top{ position: fixed; right: 24px; bottom: 48px; width: 64px; height: 64px; color: #fff; border-radius:6px; background:rgba(0,0,0,0.5); text-align:Center; cursor: pointer; z-index:99;}
.back_top img{ width: 20px; display: block; margin:0 auto 5px auto; padding-top:10px;}
.back_top p{ font-size: 14px;}

/* 背景 */
@keyframes mask{
	0%{ -webkit-mask-position-x: 0;}
	100%{ -webkit-mask-position-x: 100vw;}
}
.mask{ position: absolute; height: calc(100% + 80px); left: 0; top: 0; width: 100%; background-color: var(--main_color); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: repeat; animation: mask linear 5s infinite;}
.mask .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image:url(/images/bg1.jpg);background-size: cover;background-position: center center; background-blend-mode: soft-light;opacity: 0.8; background-color: #e98f89;}


/* 导航 */
#mould87085{ width:100%; background:#fffbf0; z-index:99; transition:1s; box-shadow: 0 1px 20px rgb(0 0 0 / 20%);}
.navbars41{ width:1600px; height:100px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 280px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ float:right; display: table; height:100%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 24px; font-size:18px; font-weight:bold;}
.navbars41 li a em{ display: inline-block; width:13px; height:7px; background:url(/images/icon_1.png) no-repeat; position: relative; top: -2px; margin-left: 6px;}
.navbars41 li:first-child a em{ display:none;}
.navbars41 li a:hover{ color: var(--main_color);}
.navbars41 li.active a{ color: var(--main_color);}
.navbars41 li a:hover em{ background-position:0 -13px;}
.navbars41 .phone{ float:right; display: flex; justify-content:center; margin-top:35px; margin-left:30px;}
.navbars41 .phone span{ display:inline-block; width:30px; height:30px; border-radius:50%; background: var(--main_color) url(/images/phone.png) no-repeat center; background-size:18px;}
.navbars41 .phone a{ font-family:'arial'; font-size:24px; line-height:30px; font-weight:bold; color: var(--main_color); margin-left:10px;}

/*页面宽度*/
#mould76972{ width:100%;}
#mould76974{ padding-bottom:120px;}

/*基本页*/
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}

/*内页栏目*/
.ny_lanmu{ margin:0 auto;}
.ny_lanmu ul{ margin:64px auto;}
.ny_lanmu li{ width: 180px; float:left;}
.ny_lanmu li a{ font-size:18px; line-height:60px; text-align:center; display:block; background: rgba(var(--main_color_rgb),0.08); border-radius:30px; margin:0 10px;}
.ny_lanmu li.active a{ background: var(--main_color); color: #fff;}
.ny_lanmu li:hover a{ background: var(--main_color); color: #fff;}

/* 通用标题 */
.heading{ font-size:48px; font-weight:bold; font-family:'alimama';}
.heading span{ position:relative; z-index:1; color: var(--main_color); margin-left:20px;}
.heading span:before{ content:""; width:80px; height:80px; border-radius:50%; background: #fffbf0; border:3px solid rgba(var(--main_color_rgb)); box-sizing:border-box; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:-1;}
.heading p{ font-size:36px; line-height:36px; text-transform: uppercase; font-family:'DINPro'; margin:16px 0 36px 0;}

/* 简介-文化 */
.brand_box1{ padding:36px 0 100px 0;}
.brand_box1_content .txt{ width:48%;}
.brand_box1_content .txt p{ font-size:18px; line-height:36px; text-indent:2em;}
.brand_box1_content .txt p strong{ color: var(--main_color);}
.brand_box1_content .img{ width:48%; border-radius:12px; overflow:hidden; cursor: pointer;}
.brand_box1_content .img img{ width:100%; transition:1s;}
.brand_box1_content .img:hover img{ transform:scale(1.08);}

.brand_cont1{ background: url(/images/about_bg1.jpg) no-repeat; background-size:100% 100%; padding:120px 0 200px 0;}
.brand_cont1 .left{ display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.brand_cont1 .right{ width: 50%;}
.brand_cont1 .heading{ padding-top:20px;}
.brand_cont1 .heading span{ color:#fff;}
.brand_cont1 .heading span:before{ background: var(--main_color); border:3px solid #fff;}
.brand_cont1 ul{ width:100%;}
.brand_cont1 li+li{ margin-top:20px;}
.brand_cont1 li span{ background: var(--main_color); line-height:72px; display: inline-block; width:30%; font-size:22px; font-weight:bold; text-align:Center; color:#fff; border-top-left-radius:30px;}
.brand_cont1 li span+span{ background:#fffbf0; width:60%; text-align:left; color: #333; border-radius:inherit; padding-left:30px;}

/*荣誉页面*/
.picture1 .picture1-cont{ width:1600px; margin:0 auto;}
.picture1 .picture1-cont > ul{ margin-bottom:20px;}
.picture1 .picture1-cont > ul li{ width:31%;}
.picture1 .picture1-cont > ul li a img{ height:auto;}

/*产品列表*/
.product-list > ul li img{ width: 100%; height: auto; transition: 1s;}
.product-list{ width:1600px;}
.product-list > ul li{ margin-bottom:2%; width:31%;}
.product-list > ul li p:first-child{ height:auto;}
.product_xq3 h2{ height: auto; width: 50%;}
.main3{ padding:0; width:1600px;}
.morebanner{ margin:0 auto;}

/*新闻*/
.newslist>ul li{ width:31%;}
.newslist>ul li:hover{ border-radius:10px; overflow:hidden;}
.newslist>ul li .newsconts h3{ padding-bottom: 10px; line-height:30px;}
.newslist>ul li:hover .newsconts h3{ color: #333;}
.newslist>ul li .newsimgs{ height:auto; border-radius:6px; overflow:hidden;}
.newslist>ul li .newsconts{ padding:10px 2% 10px 2%;}
.newslist li .newsconts time{ display: block; margin-top:12px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}

.newcontent{ width:1600px; min-height:400px; padding-top:64px;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.newcontent h3 a,.tb_page h4 a,.fenye3_all h4 a{ color:var(--main_color);}
.tb_page{ width:1600px; margin:30px auto;}


/* 底部 */
.footer_a{ padding-top: 20px; display: flex; flex-direction: column; align-items: center; padding-bottom: 30px; background-color: var(--main_color); position: relative;}
.footer_a .mask{ height: 60px; top: -60px; width: 50%;}
.footer_a .mask+.mask{ left: 50%;}
.footer_a ul{ display: flex; margin: 48px 0; position: relative;}
.footer_a li{ width: 275px; height: 100px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.6); display: flex; align-items: center; padding: 0 12px;}

.footer_a li+li{ margin-left:20px;}
.footer_a li .left{ width:76px; height:76px; margin-right:16px; text-align: right;}
.footer_a li .left img{ max-width:100%;}
.footer_a li:first-child .left img{ width:48px; margin-top:14px;}
.footer_a li .right p{ color:#fff;}
.footer_a li .right span{ font-size:24px; font-family: 'alimama'; color:#fff; margin-top:6px; display: block;}

.footer_a .copyright{ display: flex; flex-direction: column; align-items: center;}
.footer_a .copyright p{ line-height:30px; color:#fff;}
.footer_a .copyright a{ color:#fff;}

.jm_box1{ background:url(/images/jm_bg1.jpg) no-repeat; position:relative; z-index:1; padding:36px 0 100px 0;}
.jm_box1:after{ content:""; width:100%; height:100%; background: #12543e; opacity:0.8; position:absolute; top:0; left:0; z-index:-1;}
.jm_box1 .heading p{ color:#fff;}
.jm_box1 ul{ margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jm_box1 li{ position: relative; padding-right: 100px; box-sizing:border-box; display: flex; align-items: center; width: calc((100% - 100px) / 3);}
.jm_box1 li:nth-child(n + 4){ margin-top: 120px;}
.jm_box1 li .name{ font-size: 30px; color: #fff; font-family:'alimama';}
.jm_box1 li .des{ margin-top: 12px; line-height:24px; color: #fff;}
.jm_box1 li .right{ font-family: 'DINPro'; font-size: 200px; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8); position: absolute; right: 0;}

.jm_box2{ background:url(/images/jm_bg2.jpg) no-repeat; padding:80px 0;}
.jm_box2 li{ width:16%; background: var(--main_color); padding:60px 20px; box-sizing:border-box; color:#fff; text-align:center;}
.jm_box2 li span{ display:block; width:80px; height:80px; border-radius:50%; margin:0 auto; background:#12543e url(/images/jm_icon.png) no-repeat; border:2px solid #fff;}
.jm_box2 li:nth-child(2) span{ background-position:-80px 0;}
.jm_box2 li:nth-child(3) span{ background-position:-160px 0;}
.jm_box2 li:nth-child(4) span{ background-position:-240px 0;}
.jm_box2 li:nth-child(5) span{ background-position:-320px 0;}
.jm_box2 li:nth-child(6) span{ background-position:-400px 0;}
.jm_box2 li em{ font-family: 'DINPro'; font-size: 64px; border-bottom:1px solid #fff; margin:24px 0 20px 0; display:inline-block;}
.jm_box2 li p{ line-height:24px;}

.jm_box3{ padding:36px 0 80px 0;}
.fuwu .swiper-slide{ background: var(--main_color); padding:60px 0; box-sizing:border-box; color:#fff; text-align:center; cursor: pointer;}
.fuwu .swiper-slide h2{ font-size:30px; line-height:30px; font-weight:bold; letter-spacing:2px;}
.fuwu .swiper-slide h3{ line-height:24px; font-family:arial; text-transform: uppercase; margin:12px 0 24px 0;}
.fuwu .swiper-slide .img{ width:84%; margin:0 auto; border:3px solid #fff; box-sizing:border-box; overflow:hidden;}
.fuwu .swiper-slide .img img{ transition:1s;}
.fuwu .swiper-slide .img:hover img{ transform:scale(1.08);}
.fuwu .swiper-slide p{ line-height:24px; width:84%; margin:16px auto 0 auto; text-align:left;}

.jm_box4{ padding:36px 0 160px 0; background: #12543e;}
.jm_box4 .heading p{ color:#fff;}
.jm_box4 ul{ position:relative; z-index:1;}
.jm_box4 ul:after{ content:""; border-top:1px dashed #fff; width:99%; position:absolute; top:66px; left:0; z-index:-1;}
.jm_box4 li span{ display:block; width:132px; height:132px; margin:0 auto; background: url(/images/jm_icon2.png) no-repeat;}
.jm_box4 li:nth-child(2) span{ background-position:-132px 0;}
.jm_box4 li:nth-child(3) span{ background-position:-264px 0;}
.jm_box4 li:nth-child(4) span{ background-position:-396px 0;}
.jm_box4 li:nth-child(5) span{ background-position:-528px 0;}
.jm_box4 li:nth-child(6) span{ background-position:-660px 0;}
.jm_box4 li:nth-child(7) span{ background-position:-792px 0;}
.jm_box4 li:nth-child(8) span{ background-position:-924px 0;}
.jm_box4 li p{ color:#fff; line-height:26px; text-align:Center; margin-top:20px;}

/* 联系 */
.lx_box{ padding-top:64px;}
.lx_box .width_1600{ width:1200px; text-align:center;}
.lx_box .heading p{ margin: 30px 0 36px 0;}
.lx_box .txt{ padding-top:24px;}
.lx_box .txt div{ text-align:center;}
.lx_box .txt div span{ display:block; width:108px; height:108px; border-radius:50%; margin:0 auto; background: #12543e url(/images/c_ico2.png) no-repeat;}
.lx_box .txt div:nth-child(2) span{background-position-x: 50%;}
.lx_box .txt div:nth-child(3) span{background-position-x: 100%;}
.lx_box .txt div em{ font-family:'alimama'; font-size:20px; padding:20px 0 10px 0; display:inline-block; border-bottom:1px solid var(--main_color);}
.lx_box .txt div p{ margin-top:20px; font-family:'DINPro'; font-size:36px;}
.lx_box .txt div.p p{ font-size:18px;}
.lx_box1 .map{ border:2px solid var(--main_color); min-height:600px; background: url(/images/map.jpg) no-repeat;}

.lx_box2{ padding-top:120px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}
input[type=number]{ -moz-appearance: textfield;}
#messages11{ margin-bottom:64px; border-radius:10px; padding-top:20px;}
#messages11 input{ border: 1px solid var(--main_color); background:none; outline: none; box-shadow:none; border-radius:8px; width: 48%; padding:30px; box-sizing:border-box; font-size:15px; margin-bottom: 36px; box-shadow: 0 0 10px rgb(0 0 0 / 5%);} 
#messages11 input:focus{ box-shadow:none;}
#messages11 textarea{ display: block; border: 1px solid var(--main_color); box-shadow:none; background:none; outline: none; width: 100%; padding: 20px 25px;box-sizing: border-box;min-height:160px; border-radius:8px;} 
#messages11 textarea:focus{ box-shadow:none;}
#messages11 .submit{ display:block; border:none;outline: none; font-size:16px; margin:40px auto 0; cursor:pointer; text-align:center; color:#fff; background:var(--main_color);  transition:0.3s all;
  width:280px; line-height:52px; border-radius:30px;}





/*视频*/
#mould35389{ width:1536px; margin:0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;}
#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{ border:1px solid #ccc; height: 415px;}
#mould35389 li video{ width:100%; height: 100%; border:none;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}
.map{ width:100%; height:auto;}
#mould52519 .span6:first-child{ width:60%; overflow: hidden;}
#mould52519 .span6:last-child{ width:36%; float:right;}
#mould52519{ width:1300px; margin:0 auto 40px;}
.commonality{ padding:0;}
.ly8-wrap .ly8-form1Input,.form1Textarea1{ border:1px solid #ccc;}



@media (max-width: 1680px){
  .navbars41{ width:94%; height:80px;}
  .navbars41 .logo{ width:220px;}
  .navbars41 .phone{ margin-top:25px;}
  
  .width_1600,.picture1 .picture1-cont,.product-list,.main3,.newcontent,.tb_page{ width:92%;}
}

@media (min-width: 1560px) and (max-width: 1679px){
  .brand_box1_content .txt p{ line-height:34px;}
  .newslist>ul li{ width:32%;}
}

@media (min-width: 1440px) and (max-width: 1559px){
  .heading{ font-size: 42px;}
  .brand_box1_content .txt p{ font-size:16px; line-height:30px;}
  .brand_cont1{ padding: 80px 0 150px 0;}
  .newslist>ul li{ width:32%;}
  .fuwu .swiper-slide h3{ font-size:14px;}
  .jm_box2{ padding: 20px 0 80px 0;}
}

@media (min-width: 1360px) and (max-width: 1439px) {
  .heading{ font-size: 42px;}
  .brand_box1_content .txt p{ font-size:16px; line-height:30px;}
  
  .brand_box1{ padding: 36px 0 80px 0;}
  .brand_cont1{ padding: 80px 0 120px 0;}
  .newslist>ul li{ width:32%;}
  .jm_box2{ padding: 20px 0 80px 0;}
  .fuwu .swiper-slide{ padding:48px 0;}
  .fuwu .swiper-slide h2{ font-size:24px; line-height:24px;}
  .fuwu .swiper-slide h3{ font-size:12px; margin: 8px 0 16px 0;}
}