﻿:root{
	--main_color:#ca0b16;        /* 主色 */
	--main_color_rgb:202,11,22;  /* rgba */
    --main_yell_color:#fed900;   /* 辅色 */
}
.fy_all div {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.xinwen_xq {
    width: 100%;
  padding: 0;}
/*内页标签*/
.tb_nav li:nth-child(1) a {background:0;color:var(--main_color);}
/*栏目*/
.tb_nav li a{font-weight: bold;color:var(--main_color);box-sizing: border-box;}
.active a{ border:none; color:#fff!important;}
.active {background: var(--main_color);}

#mould76972{width:100%;}
#mould72066{ border-top-width:0px; border-top-style:solid; margin-top:20px;}
#mould72065{ margin-top:20px;}
#mould72067{ margin-top:20px;}
#mould72062 .menu span{ background-color:#fff; background:var(--main_color);}
#mould72062 .menu span:before{ background-color:#fff; background:var(--main_color);}
#mould72062 .menu span:after{ background-color:#fff; background:var(--main_color);}

#mould72073 .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:rgb(255,255,255,0.5);background:rgb(255,255,255,0.5);width:10px;height:10px;}
#mould72073 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;background:var(--main_color);width:10px;height:10px;}
#mould72079 {width: 90%;}

#mould48106{background: var(--main_color);}

.top { background: #fff; height:auto; padding:4px 0;}
.top .logo > a{ width:15%; margin:0 10px;margin-top: 2.5%;height: auto;}
.top .logo img{ width:100%; margin-top: 0; border-radius:4px;}
.top .logo p{ font-size: 12px; line-height:16px; margin-top:10px;color: var(--main_color);margin-left:3%;}
.top .logo p a{ font-size: 20px; line-height:22px;color: var(--main_color);}
.top ul{ top: 0.58rem;}
.menu{ top: 48%;}

.lm_nav7{ background: #da0010; height: 46px; margin-bottom:20px;}
.lm7_list{ margin: 0 auto;}
.lm7_list li{ background: none; height: 46px;}
.lm7_list li a{ text-decoration: none; line-height: 46px;}
.lm7_list .two_this{ text-decoration: none; position: relative;}
.lm7_list .two_this:after{ content: ""; clear: both; display: block; height: 1px; width: 80%; position: absolute; left: 10%; top: 36px; background: #fff;}

#mould72080{ width:100%; padding:0 10px 20px 10px; box-sizing: border-box;}
#mould72080 p{ line-height:30px; float: inherit!important; margin: inherit!important;}
#mould72080 p img{ margin:5px 0!important;}


/* 简介 */
.brand_box1 .left{/* width:50%; *//* padding:6vw 5vw 0; */box-sizing:border-box;}
.brand_box1 .left h2{font-family:arial;font-size: 26px;line-height: 26px;font-weight:bold;color: var(--main_color);margin-top: 10%;}
.brand_box1 .left h3{letter-spacing:2px;font-size: 20px;line-height: 18px;font-weight:bold;color: var(--main_color);margin: 12px 0 10px 0;}
.brand_box1 .left p{font-size: 14px;line-height: 28px;/* text-indent:2em; */}
.brand_box1 .right{/* width:50%; */margin-bottom: 4%;}

.brand_box2 .left{/* padding:4vw 5vw 0; */}
.brand_box2 .left p{ text-indent:0;}
.brand_box2 .left p span{ font-weight:bold; color: var(--main_color); display:block;}

.brand_box3 .left{/* padding:4vw 5vw 0; */}
.brand_box3 .left h4{background: var(--main_yell_color);padding:20px 30px;box-sizing:border-box;text-align:center;margin-bottom: 20px;}
.brand_box3 li img{width: 80px;margin:0 auto;display:block;}
.brand_box3 li:nth-child(3) img{width:120px;/* margin-top:-10px; */}
.brand_box3 li p{text-indent:0!important;line-height:28px!important;margin-top: 5px;text-align: center;}
.brand_box3 li:nth-child(3) p{ margin-top:20px;}

.brand_box4{padding: 30px 0;background-attachment: fixed;}
.brand_box4 h2{font-family:arial;font-size: 26px;line-height: 26px;font-weight:bold;color: var(--main_color);text-align:center;}
.brand_box4 h3{letter-spacing:2px;font-size: 20px;line-height: 18px;font-weight:bold;color: var(--main_color);text-align:center;margin: 12px 0 34px 0;}
#index_case_btn{ overflow:hidden;}
.brand_box4 .swiper-slide p{ font-size:18px; line-height:30px; color:#fff; margin-top:12px;}


.product li {
    width: 100%;
    float: left;
    margin-right: 0;
}

.news2 ul li:first-child a{ padding-top:0;}
.news2 ul li:last-child a{ border-bottom:none; padding-bottom:5px;}
.n2_img{ height: 75px;}
.n2_img img{ height: 100%;}
.n2_contain p:nth-child(1){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n2_contain p:nth-child(3){ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-indent: inherit;}
.news_xq h2{ line-height: 30px;}
.news_xq h3,.news_xq h3 span{ font-size: 14px;}
.news_xq h3 span{ margin:0 10px;}
.news_xq p span{ display:inline;}
.btns_p a{ font-size: 14px; background: #666;}
.fy_all{ margin: .15rem auto;}
.fy_all div a{ background:#666;}

.lc1 .lc1_cont .lc1_left .lc1_tit{ font-size:14px;}

#mould72090{ padding: 0 20px; box-sizing: border-box;}
.product_ .peizhi p{ font-size: 14px; line-height: 24px; font-weight: normal; padding-left:0;}
.tb_page1{ margin: .1rem 0.15rem; width: auto;}
.tb_page1 h4{ font-weight: normal; margin:0;}
.tb_page1 h4 a{ color: var(--main_color)!important;}

.picture1 .picture1-cont{ padding:0 15px; margin:0; width:100%; box-sizing:border-box;}
.picture1 .picture1-cont > ul li{ width:48%}
.picture1 .picture1-cont > ul a{ }
.product ul{ margin-top:0;}

.product li p{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.headst tr td{ background:#666; font-size: 0.13rem;}
.cd-faq-trigger{ border-bottom: 0.01rem dashed #ccc;}
.cd-faq-items ul li .a-1:first-child{ width:21%;}
.cd-faq-items ul li .a-1:last-child{ width:19%;}
.cd-faq-trigger::before, .cd-faq-trigger::after{ background: #666;}

#mould72094{ padding-bottom:30px;}

.lianxiwo{ width:94%; margin:0 auto; padding-bottom: 20px;}
.lianxiwo h2{ font-size:20px; line-height: 30px; margin:20px 0 0; color: var(--main_color);}
.lianxiwo p{ line-height: 30px !important;}

.liuyan{ margin:0.1rem 0;}
.message .input{ padding-left:12px;}
.message .require{ padding: 12px; color: #4b4b4b;}
.message input:focus,.message .require:focus{ border: 1px solid #024190; box-shadow: none; outline: none;}

.copy h2{ line-height:24px; padding: 8px 0;}
.copy h2 a{ line-height:24px;}

#mould61152,#mould61150{ background: #4c4c4c; border: 1px solid #4c4c4c;}


.container-fluid {max-width: 100%;}
#mould37086{ box-sizing:border-box; margin-bottom:20px;}
.video video{ height: auto;}
.video p{ margin-top:10px;}

.news_xq h3 a{ color:var(--main_color);}
.newslist1 .news2{ width:100%; padding:0 15px; box-sizing:border-box;}
.newslist1 .news2 li{ box-shadow: 0 0 10px rgb(0 0 0 / 20%); padding:12px; box-sizing:border-box; margin-bottom:20px;}
.newslist1 .news2 ul li a{ border-bottom:none; color:#333; padding:0;}
.newslist1 .news2 ul li h3{ font-size:20px; border-bottom:1px solid #ccc;}




.input_text input {height: 36px;}
#mould59558 {width: 92%;margin: 0 auto;}
input[type="submit"] {background: var(--main_color);margin: 10px auto 20px auto;width: 100%;display: block;}

/*联系*/
.boxes {position: relative;background: #fff}
.contactBox {position: relative;direction: rtl;}
.contactBox {width: 100%;height: auto;display: flex;justify-content: space-between;flex-direction: column;}
.sub_title{margin:0 auto;}
.sub_title h2{font-family:arial;font-size: 26px;/* line-height: 13px; */font-weight:bold;color: var(--main_color);text-align:center;margin-top:3%;}
.sub_title h3{letter-spacing:2px;font-size: 30px;line-height: 14px;font-weight:bold;color: var(--main_color);text-align:center;margin: 12px 0 20px 0;}
.map {/* width: 55%; */height: 217px;background: #fff;overflow: hidden;position: relative;z-index: 0;background-color: rgb(243, 241, 236);color: rgb(0, 0, 0);text-align: left;}
.map img {width: 100%;height: 100%;object-fit: cover;}
.cons {height: 417px;background: var(--main_color);padding: 0px 29px;color: #fff;position: relative;direction: initial;margin-bottom:6%;}
.cons h2 {margin-top: 7%;display: block;font-size: 16px;line-height: 1.4;margin-bottom: 10px;}
.cons ul {display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 2px solid rgba(255, 255, 255, 0.5);padding-top: 26px;border-bottom: 2px solid rgba(255, 255, 255, 0.5);margin-bottom: 25px;}
.cons ul li {width: 100%;position: relative;height: auto;display: flex;align-items: flex-start;margin-bottom: 24px;}
.cons ul li .icon {width: 45px;height: 45px;line-height: 20px;text-align: center;border-radius: 50%;font-size: 20px;letter-spacing: 1px;}
.cons ul li .info {width: 100%;}
.cons ul li .name {font-size: 14px;}
.cons ul li .info a {font-size: 20px;font-family: GeoBrandBold;color: #fff;}



/*内页留言*/
.message input[type="button"]{background:var(--main_color);}

/*招聘*/
#mould72092 .headst tr td{ background-color:var(--main_color);background:var(--main_color); }
#mould72092 .cd-faq-trigger::before{ background-color:#DA0011;background:var(--main_color); }
#mould72092 .cd-faq-trigger::after{ background-color:#DA0011;background:var(--main_color); }

/* 合作 */
.jm_box1{padding: 20px;}
.jm_box1 .left img{ width:80%; display:block; margin:0 auto;padding-top: 5%;}
.jm_box1 .right{box-sizing:border-box;}
.jm_box1 .right h2{font-family:arial;font-size: 20px;line-height: 28px;font-weight:bold;color: var(--main_color);}
.jm_box1 .right h3{letter-spacing:2px;font-size: 24px;line-height: 16px;font-weight:bold;color: var(--main_color);margin:8px 0 16px 0;}
.jm_box1 .right li{margin-top: 20px;}
.jm_box1 .right li img{display:block;width:10%;margin:0 auto;}
.jm_box1 .right li h4{font-size: 16px;font-weight:bold;margin:15px 0 15px;text-align: center;}
.jm_box1 .right li p{line-height: 22px;text-align: center;}

.jm_box2 .left{box-sizing:border-box;}
.jm_box2 .left h2{font-family:arial;font-size: 20px;line-height: 36px;font-weight:bold;color: var(--main_color);}
.jm_box2 .left h3{letter-spacing:2px;font-size: 24px;line-height: 12px;font-weight:bold;color: var(--main_color);margin: 12px 0 22px 0;}
.jm_box2 .left p{font-size: 14px;line-height: 32px;}
.jm_box2 .left a{font-size:24px;font-weight:bold;color: var(--main_color);font-family:arial;margin-top: 15px;display: block;margin-bottom: 20px;}
.jm_box2 .right{padding-bottom:3%;}

.jm_box3{background: #de2020;padding: 20px 0;}
.jm_box3 h2{font-family:arial;font-size: 20px;line-height: 20px;font-weight:bold;color: #fff;text-align:center;}
.jm_box3 h3{letter-spacing:2px;font-size: 24px;line-height: 30px;font-weight:bold;color: #fff;text-align:center;margin: 12px 0 10px 0;}
.jm_box3 ul{width: 100%;height: auto;margin: 0 auto;color: #fff;}
.jm_box3 li div:first-child{width: 75px;height: 75px;border-radius:50%;background:#fff;margin: 0px auto 0 auto;}
.jm_box3 li div:first-child span{color: var(--main_color);text-align:center;display: block;font-size: 14px;font-weight:bold;line-height: 75px;}
.jm_box3 li div:last-child{background: rgb(255,255,255,0.3);height: 17%;position:relative;top:-40px;border-radius:50px;margin: 0 8%;padding:48px 20px 0;box-sizing:border-box;text-align: center;}
.jm_box3 li div:last-child p{line-height: 20px;}

.jm_box4{background:url(/images/about_bg.jpg) no-repeat;background-attachment: fixed;width:100%;padding: 10px 3% 28px;box-sizing:border-box;}
.jm_box4 h2{font-family:arial;font-size: 20px;line-height: 30px;font-weight:bold;color: var(--main_color);text-align:center;}
.jm_box4 h3{letter-spacing:2px;font-size: 24px;line-height: 16px;font-weight:bold;color: var(--main_color);text-align:center;margin: 0 0 18px 0;}
.jm_box4 .picture1 a{width: 48%;margin-top: 10px;overflow:hidden;display: block;float: left;margin-right: 4%;}
.jm_box4 .picture1 a:nth-child(even) {margin-right: 0; }
.jm_box4 .picture1 a img{ transition:.6s;}
.jm_box4 .picture1 a:hover img{ transform:scale(1.08);}

.jm_box5{background: var(--main_yell_color);padding: 10px 0;}
.jm_box5 h2{font-family:arial;font-size: 20px;line-height: 24px;font-weight:bold;color: #333;text-align:center;}
.jm_box5 h3{letter-spacing:2px;font-size: 24px;line-height: 20px;font-weight:bold;color: #333;text-align:center;margin: 12px 0 10px 0;}
.jm_box5_cont{ width:100%; padding:0 3%; box-sizing:border-box;}
.jm_box5 .swiper-slide h2{font-family:arial;font-size: 14px;line-height: 18px;font-weight:bold;color: var(--main_color);text-align:center;}
.brand_box4 h3{letter-spacing:2px;font-size: 20px;line-height: 18px;font-weight:bold;color: var(--main_color);text-align:center;margin: 12px 0 34px 0;}
#index_case_btn{ overflow:hidden;}
.jm_box5 .swiper-slide p{font-size: 14px;line-height: 24px;color: var(--main_color);margin-top:12px;text-align:center;}


.jm_box6{ width:100%; padding:20px 3% 20px; box-sizing:border-box;}
.jm_box6 h2{font-family:arial;font-size: 20px;line-height: 24px;font-weight:bold;color: var(--main_color);text-align:center;}
.jm_box6 h3{letter-spacing:2px;font-size: 24px;line-height: 20px;font-weight:bold;color: var(--main_color);text-align:center;margin: 0 0 18px 0;}
.jm_box6 li{width: 48%;float: left;margin-right: 4%;}
.jm_box6 li:nth-child(even) {margin-right: 0; }  
.jm_box6 li img{ border:1px solid rgba(var(--main_color_rgb),0.1);}
.jm_box6 li p{text-align:center;margin: 10px 0 10px;}


/*底部*/
.foot3{  position: fixed;  bottom: 0;  width: 100%;  background-color: #fff;    text-align: center;z-index: 999;} 
.footer{ background: var(--main_color);margin-bottom: 60px;}
.footer_a{ padding:20px 0 20px; text-align:center; color:#fff;}
.footer_a h2{ font-size: 2.2vw;line-height: 22px; font-weight:bold;}
.footer_a p{ font-size:14px; line-height:26px; margin:24px 0;}
.footer_a h3{ font-size:28px; line-height:36px; font-weight:bold;}
.footer_a h4{ font-size:46px; line-height:40px; font-weight:bold; font-family:arial; margin:12px 0 20px 0;}

.messages3{ background:none; box-sizing:border-box; color:#333; width:100%;}
.messages3 input{ width: 88%; border: 1px solid #d7d8d9; height: 40px; line-height: 40px; padding: 0 18px; font-size:12px; box-sizing: border-box; outline: none;}
input::placeholder{ color: rgba(0,0,0,0.5);}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}
input[type="number"]{ -moz-appearance: textfield;}
.messages3 a{ display:block; width:88%; height:130px; background: url(/images/icon_lx.png) no-repeat top -14px center; margin:0 auto;background-size:auto 100%;}

.footer_a .icon_a{ display: flex; justify-content: center; margin-top: 48px;}
.footer_a .icon_a li{ position:relative; margin-right:20px; cursor: pointer;}
.footer_a .icon_a li span{ display:block; width:58px; height:58px; border-radius:50%; border:1px solid #fff; background-image:url(/images/icon_1.png); background-position:0 -62px;}
.footer_a .icon_a li:nth-child(2) span{ background:url(/images/icon_2.png) no-repeat; background-position:0 -62px;}
.footer_a .icon_a li:nth-child(3) span{ background:url(/images/icon_3.png) no-repeat; background-position:0 -62px;}
.footer_a .icon_a li:hover span{ background-position:0 0; background-color: #fff;}
.footer_a .icon_a li div{ display:none; width: 128px; height: 128px; border-radius: 4px; position: absolute; bottom: 84px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.footer_a .icon_a li div img{ width: 100%; height: 100%;}
.footer_a .icon_a li:hover div{ display:block;}
.footer_a .icon_a li:hover:after,.footer_a .icon_a li:hover:before{ display:block;}
.footer_a .icon_a li:after{
	content:"";
    width:0; 
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:12px solid #fff;
    position:absolute;
    bottom:72px; 
    left:50%; 
    transform:translateX(-50%);
    z-index:1;
    display:none;
}
.footer_a .icon_a li:before{
	content:"";
    width:0; 
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-top:15px solid rgba(0,0,0,0.05);
    position:absolute;
    bottom:70px;
    left:50%; 
    transform:translateX(-50%);
    z-index:0;
  display:none;
}

.footer_a .t{ font-size:16px; line-height:30px; font-weight:bold; margin:24px 0 10px;}
.footer_a .copy{ border-top:1px solid rgba(255,255,255,0.36); font-size:14px; line-height:24px; padding-top:24px;}
.footer_a .copy a{ color:#fff;}
.footer_a .copy a:hover{ text-decoration:underline;}








