body,html{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif,Open Sans; font-size: 18px; color: #000;}
li{list-style: none;}
*{margin:0;padding:0; box-sizing: border-box;}
a{text-decoration: none;}
img{ display:block; max-width: 100%;}
p,span,h1,h2,h3{margin: 0;padding: 0;}
header{ position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;}
.headcon{background: #494949; height:120px}
.warp80{ width: 80%; margin: 0 auto;}
.warp1440{width:1400px; margin: 0 auto;}
.headcon .h_con{ display: flex; flex-wrap: nowrap; justify-content: space-between;align-items: center;}
.headcon .h_con .logo h1,.logo h2{color: #fff;}
.logo a{ display:flex; justify-content: space-between;}
.logo h2{ font-size: 18px;}
.logo h1{font-size: 35px;font-weight: normal;
padding-right: 20px;}
.logo_text{ padding-left: 20px; position: relative;}
.logo_text::after{content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%;background: #fff;border-radius: 100px; transform: skewX(-15deg) }
.logo_text span{ display: block;font-size: 1rem;font-weight: normal;}
.logo_text em{ display: block;
line-height: 1.25rem;
font-size: 1rem;
color: #ffffff;
font-weight: normal;font-style: normal;}
.headcon .h_con{ padding:20px 0px 30px; position: relative;}
.logo{padding-top: 30px;}
.headcon .h_con nav{ width: calc(100% - 700px); position: absolute;z-index: 1000;
right: 0;
top: 50px;}
.headcon .h_con nav ul{display: flex; justify-content: space-between;}
.headcon .h_con nav ul li{ position: relative; }
.headcon .h_con nav ul li>a{ color: #fff; border:5px #fff solid; border-radius: 50px;line-height: 35px; padding: 0 20px;display: block;}
.headcon .h_con nav ul li:hover .sub{ display: block; overflow: hidden; background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius:20px ;}
.headcon .h_con nav ul li.cur{border-top-right-radius: 20px;border-top-left-radius: 20px;border-bottom-left-radius:0 ;border-bottom-right-radius: 0; background: #fff;}
.headcon .h_con nav ul li.active{ border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;}
.headcon .h_con nav ul li.active>a{color: #000;background: #fff; }
.headcon .h_con nav ul li:hover>a{background: #fff; font-weight: 600;}
.headcon .h_con nav ul li .sub a{font-size:14px;}
.headcon .h_con nav ul li .sub a:hover{background: #B9B9B9;}
.headcon .h_con nav ul li:hover a { color: #333;}
.h_tel{ display: flex;
align-items: center;
position: absolute;
right: 0;
top: 5px;}
.h_tel svg{ width:25px}
.h_tel p{display: flex; padding-left: 20px;
align-items: center;}
.h_tel span{padding-left: 10px; color: #fff;}
.sub a{ display: block; line-height: 50px;}
.sub{ display: none; position: absolute; left: 0;z-index: -1;box-shadow: 0px 0px 0px 1px #707070;
width: 100%;
text-align: center;}
.p_search input{ padding-left: 10px; border: 1px #707070 solid; width: 300px; height: 45px; line-height: 45px; border-radius: 30px;}
.p_search button{ border: none;
position: absolute;
right: 0;
height: 45px;
width: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background: #494949;
}
.p_search button svg{ width: 25px;}
.p_search{position: relative;}
.banner img{width: 100%;}
.build{ background: #dfdfdf; padding: 50px 0px;}
.b_ul{ display: grid; grid-template-columns:1fr 1fr 1fr 1fr;gap:50px; }
.b_num b{font-size: 4rem; padding-right: 20px;}
.b_num{ display: flex; align-items: center;}
.b_num h2{ font-size: 4rem; display:inline-block}
.b_ul .b_li p{ font-size: 14px;line-height: 20px;}
.h_about{ background: url(../img/h_about.jpg) no-repeat top;}
.fac_img{padding-top: 10px; /*display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;*/}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
overflow: auto;
animation: fadeIn 0.3s;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.modal-content {
display: block;
max-width: 90%;
max-height: 80vh;
margin: 5% auto;
animation: zoomIn 0.3s;
}
@keyframes zoomIn {
from {transform: scale(0.8);}
to {transform: scale(1);}
}
.close {
position: absolute;
top: 20px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
cursor: pointer;
}
.close:hover {
color: #bbb;
transform: rotate(90deg);
}
.caption {
margin: 15px auto;
display: block;
width: 80%;
text-align: center;
color: #ccc;
font-size: 18px;
padding: 10px 0;
}
@media screen and (max-width: 768px) {
.modal-content {
max-width: 95%;
max-height: 85vh;
}
.close {
top: 10px;
right: 20px;
font-size: 30px;
}
}
.ht{margin-top: 80px;}
.h_about_content{ display: flex; justify-content: space-between; align-items: center;}
.ch_con{ display:flex}
.ch_con .icon{width: 130px;
height: 130px;
background: #747474;
display: flex;
justify-content: center;
align-items: center;}
.ch_text{ margin-top: 20px;
padding-left: 40px;
width: calc(100% - 130px);}
.ch_text p{color: #707070;
margin-top: 10px;
font-size: 16px;}
.fac_con{background:#DFDFDF}
.h_a_fl{ width: 40%; color: #fff;}
.h_a_fr{ width: 55%; background: rgba(255,255,255,0.6); height: 80vh; align-items: center;
justify-content: center;
display: flex;}
.h_a_fl ul{ display: flex;}
.h_a_fl ul li{flex:1;}
.h_a_fl h3{text-align: right; font-size: 80px; font-weight: 500;}
.h_a_fl .h_about_nav ul li a{ color: #fff; font-size: 20px;}
.h_a_fl .h_about_nav ul li{ text-align: center; margin: 0 20px; border:5px #fff solid; border-radius: 30px; line-height: 50px; transition: 0.3s;}
.h_about_nav{ padding-left: 10%; margin-top:140px;}
.h_a_fl .h_about_nav ul li:hover{background: #fff;}
.h_a_fl .h_about_nav ul li:hover a{ color: #000; }
.h_a_text{ padding-top: 50px;
width: 80%;
margin: auto;
font-size: 25px;
line-height: 35px;}
.h_pro_main{ background:url(../img/cp_bg.jpg) no-repeat; color: #fff; padding-bottom: 100px; position: relative; padding-top:50px}
.h_pro_con{background: #2D2D2D; display: flex; align-items: center; justify-content: space-between;}
.h_pro_tit h3{ padding: 65px 0px 0px 0px; font-size: 43px; text-align: center;}
.h_pro_tit p{ text-align: center; color: #2D2D2D; font-size: 25px; line-height: 35px;padding: 20px 0px;
margin-bottom: 30px;}
.pro_t_img{ display: flex;}
.p_img{ width: 100px;
height: 100px;
background: #ddd;
border-radius: 100px;
overflow: hidden; margin-right: 20px; border: 5px #fff solid;}
.pro_an .swiper-button-next:after,.pro_an .swiper-rtl .swiper-button-prev:after{content: 'next'; font-size: 100px; }
.pro_an .swiper-button-prev:after,.pro_an .swiper-rtl .swiper-button-next:after{content: 'prev'; font-size: 100px;}
.pro_an .swiper-button-next,.pro_an .swiper-button-prev{
border-radius: 100%; color: #fff; outline: none;}
.h_ry_item .swiper-button-next,.h_ry_item .swiper-button-prev{ color: #000;outline: none;}
.pro_an .swiper-button-prev{ left:-100px;}
.pro_an .swiper-button-next{ right:-100px;}
.h_pronr{ position:relative}
.p_img img{ width: 100%; display: block; }
.h_pro_text h2{ font-size: 35px;}
.h_p_con{line-height: 25px; font-size: 18px; margin-top: 20px;}
.more{ background:rgba(255,255,255,0.8); color: #333; padding: 0 30px;line-height: 50px;display: inline-block;border-radius: 30px; margin: 50px 0px;}
.more:hover{ background: #fff;}
.pagebar{ display: flex;align-items: center;
flex-wrap: nowrap;
flex-direction: row-reverse;}
.pagination{padding-right: 30px;}
.pagebar a{border:1px #707070 solid; line-height: 35px; padding: 0 10px;display: inline-block;}
.page-num{ margin-left:10px}
.page-num.page-num-current{background-color:#707070; color:#fff;}
.h_p-bg{ width: 100%;
height: 0;
border-bottom: 500px solid #fff;
border-left: 110px solid transparent;
border-right: 0 solid transparent;
border-top: 0 solid transparent;position: relative;}
.h_p-bg:before{
content: "";
position: absolute;
top: 0;
left:0;
width: 100%;
height: 0;
border-bottom: 500px solid #000;
border-left: 110px solid transparent;
border-right: 0 solid transparent;
border-top: 0 solid transparent;
background-blend-mode: overlay;
filter: blur(300px);
}
.page-pre a:hover,.page-next a:hover{ background: #707070;}
.page-pre a:hover svg path,.page-next a:hover svg path{ fill:#fff}
.page-next{padding-left: 10px; display: flex;}
.page-pre{display: flex;}
.page-pre svg,.page-next svg{height: 100%;}
.h_pro_fl{ width:40%}
.h_pro_fr{ width: calc(100% - 45%); padding-left:50px}
.h_pro_fr img{ position: absolute;
bottom: 0;
width: 65%;
left: 30%;}
.h_ry_con{ position:relative}
.h_ry_con .swiper-button-prev,.h_ry_con .swiper-rtl .swiper-button-next{ left:-50px; color:#333}
.h_ry_con .swiper-button-next, .h_ry_con .swiper-rtl .swiper-button-prev{ right:-50px; color:#333}
.h_ry_tit h3,.h_case_tit h3,.h_map_tit h3{ font-size: 60px; text-align: center; font-weight: 500;}
.h_ry_tit p{ text-align: center;font-size: 20px;}
.h_ry_ul { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.h_ry_ul .y_tit{ text-align: center; line-height: 50px; color:#333}
.h_ry_img{ border:1px #ddd solid; transition:all 0.3s}
.h_ry_img:hover{box-shadow:0 0 8px 1px #666}
.h_case_tit h3{color: #fff;}
.h_case_tit p{ text-align: center;font-size: 20px; margin-top: 10px;}
/* .h_case_ul{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px;} */
.h_case_ul .h_case_li:hover .h_case_text{background:#707070; color: #fff;}
.h_case_ul .h_case_li:hover .h_case_text .bt,.h_case_ul .h_case_li:hover .h_case_text .text{color: #fff;}
.h_case_ul .h_case_li{background:#fff; overflow: hidden;border-top-right-radius: 100px;border-bottom-left-radius: 100px; transition: 0.3s;}
.h_case{background: #B9B9B9; padding: 50px 0px;}
.h_map{background:url(../img/map_bg.jpg) no-repeat; padding: 50px 0;}
.map_img img{ width:70%;margin: auto;}
.h_map_tit h3{ color: #fff; margin: 50px 0px;}
.h_case_text{ text-align: center; padding:50px 20px; transition:all 0.5s;}
.h_case_text .bt{ line-height: 50px; font-size: 35px; color: #000;}
.h_case_text .text{ color: #333; font-weight: 200;line-height: 25px;}
.ny_banner{padding-top:120px;}
.ny_banner img{ display: block; width: 100%;}
.about_w_con{ display: grid; gap:30px;grid-template-columns:1fr 1fr;}
.about_w_con .about_w_fl{height: 100%;
overflow: hidden;}
.about_w_con .about_w_fl img{ height:100%;object-fit:cover}
.about_w_fl h2{font-size: 45px; font-weight: 500; margin-bottom: 20px;}
.about_w_fr h3{font-size: 45px; font-weight: 500;margin-bottom: 20px;}
.about_w_fr .about_w_text{font-size: 18px; line-height: 30px;}
.b_tit{ font-size:45px; text-align: center;}
.about_b_ul { display: grid; gap:20px; grid-template-columns:1fr 1fr 1fr 1fr; padding-top: 50px;}
.about_b_li{ text-align: center;}
.about_ico img{ display: inline-block;}
.ico_a{ position: absolute;right: -18px;width: 35px; top: 80px;}
.tp{ padding-top: 123px;}
.about_b_text h4{ font-size: 25px; padding: 20px 0px;}
.about_b_text p{line-height: 25px; color: #494949;}
.about_c_li{ display: grid; grid-template-columns:1fr 1fr 1fr 1fr;background: #B9B9B9; line-height: 120px; text-align: center;}
.about_c_text{background: #707070;display: grid; grid-template-columns:1fr 1fr 1fr 1fr;text-align: center; margin-top: 20px; padding: 10px 0px 50px;}
.about_c_text .about_c_text_li{ color: #fff; font-size: 18px; line-height: 25px; padding: 30px; position: relative;}
.about_c_text_li:before{position: absolute; right: 0; top: 30px; content: ""; width: 2px; height: 40px;background:#fff;}
.about_c_text_li:nth-child(4):before{display: none;}
.about_d_nr{display: grid; gap:50px; grid-template-columns:1fr 1fr;align-items: center;}
.about_d_text{ font-size: 18px;line-height: 30px;}
.about_d_fr{border:1px #ddd solid}
.fp{ margin-bottom: 50px;}
.zz_c h2{text-align: center;}
.zz_ul{display: grid; grid-template-columns:1fr 1fr 1fr 1fr; gap: 50px;}
.zz_ul .zz_li img{ width: 100%; }
.zz_img{border: 1px #ddd solid; margin-bottom:20px}
.zz_li:hover .zz_img{ box-shadow:0px 0px 8px 1px #000}
.zz_li:hover .down1{ background:#a1a1a1}
.zz_li h3{ text-align: center; padding-bottom: 20px;}
.down1{display: flex;
align-items: center;
background: #DDDDDD;
width: 200px;
border-radius: 100px;
margin: auto;
padding: 0 20px;
text-align: center;
justify-content: center; transition:all 0.3s}
.down1 span{ color:#000; padding-left:10px}
.down1 svg{width:15px}
.fw_c{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.fw_c_fl{line-height: 30px; font-size: 18px;}
.fw_c_fr{height:100%; overflow:hidden}
.fw_c_fr img{height:100%; object-fit:cover}
.s_ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px;}
.s_ul_li{background: #ddd; line-height: 30px;padding: 30px;}
.fw_tit h3{ background: #707070; line-height: 50px; padding: 0 20px; color: #fff; display: inline-block;}
.fw_tit p{line-height: 30px; font-size: 16px; margin-top: 10px; margin-bottom: 20px;}
.team_img{display: grid; grid-template-columns:1fr 1fr; gap: 50px;}
.line_ul{ margin-top: 30px;}
.line{position: relative;}
.l2 .line_li{border:1px #707070 solid}
.l1 .line_li img{ width:100%}
.button-next,.button-next1{
position: absolute;
right: 8%;
z-index: 10;
top: 40%;
border: 1px #707070 solid;
border-radius: 100px;
height: 80px;
width: 80px;
text-align: center;
outline: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.button-next svg,.button-prev svg,.button-next1 svg,.button-prev1 svg{width: 2rem;height: 2rem;}
.button-next:hover,.button-prev:hover,.button-next1:hover,.button-prev1:hover{background: #707070;}
.button-next:hover svg path,.button-prev:hover svg path,.button-next1:hover svg path,.button-prev1:hover svg path{fill:#fff}
.button-prev,.button-prev1 { position: absolute;
left: 8%;
z-index: 10;
top: 40%;
border: 1px #707070 solid;
border-radius: 100px;
height: 80px;
width: 80px;
text-align: center;
outline: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;}
.news_ul{display: grid; grid-template-columns:1fr 1fr 1fr; gap: 50px;}
.news_li{border:1px #494949 solid; border-radius: 20px; overflow: hidden; transition: all 0.3s;}
.news_li:hover{background: #707070; box-shadow: 0px 0px 10px 1px #707070;}
.news_li:hover .news_text{ color: #fff;}
.news_text{padding: 20px; line-height: 25px; color: #333;}
.news_img{ height: 300px;overflow: hidden;}
.news_img img{height: 100%; object-fit: cover; width: 100%;}
.news_tit {font-size: 30px; margin-bottom: 50px; padding-bottom: 30px; position: relative;}
.news_tit::after{content: ""; position: absolute; bottom: 0;left: 0; width: 80px; height: 5px; background: #494949;}
.arc_tit{ text-align: center;
font-size: 25px;
font-weight: 600;}
.arc_con img{ display:inline-block}
.dete{display: grid;grid-template-columns:1fr 1fr; gap: 50px;font-size: 16px; padding: 20px 0; width: 40%; margin: auto;}
.date_fl{ text-align: center;}
article{font-size: 16px; line-height: 30px;color: #494949;}
.n_page{ text-align: center;}
.n_page a{padding: 0 20px; background: #707070;line-height: 45px; color: #fff; display: inline-block; border-radius: 10px;}
.knowledge_li{display: grid; grid-template-columns: 1fr 2fr;border:1px #707070 solid; margin-bottom: 20px;}
.knowledge_li_fl{border-right:1px #707070 solid; overflow: hidden;height: 285px;}
.knowledge_li_fl img{object-fit: cover; width: 100%; height: 100%;object-fit: cover;}
.knowledge_li_fr{display: grid; grid-template-columns: 10fr 1fr;}
.k_frcon{ padding: 50px 20px; background: #ddd;}
.k_frcon h3{ color: #333;}
.k_more{ background: #707070; text-align: center; padding-top: 100px; color: #fff; transition: all 0.3s;}
.k_more a{ color: #fff;}
.k_frcon span{ display: block; padding: 20px 0px; color: #707070;}
.k_frcon .k_text{ font-size: 16px; line-height: 25px; color: #494949;}
.k_more span{ display: block; color: #fff;}
.knowledge_li:hover .k_more{background: #fff; color: #000;}
.knowledge_li:hover .k_more span{color: #000;}
.Cat_down{display: grid;grid-template-columns:1fr 1fr 1fr; gap: 50px;}
.Cat_down_li{border-radius: 10px;border:1px #494949 solid; overflow: hidden;}
.Cat_down_li:hover{box-shadow: 0px 0px 8px 1px #777;}
.down_text{ text-align: center; padding: 20px 50px;}
.down_text p{padding: 10px 0px;}
.down_text .d_more{ background: #494949;text-align: center; border-radius: 20px; line-height: 35px; display: inline-block; color: #fff; padding: 0 20px; display: flex;
padding: 0 100px;
align-items: center;
}
.down_text .d_more svg{ width: 1.5rem;}
.down_text .d_more span{ padding-left: 10px;}
.pro_con{display: grid;grid-template-columns:1fr 3fr; gap: 50px;}
.pro_li{display: grid;grid-template-columns:1fr 1fr 1fr; gap: 30px;}
.pro_fl h2{ text-align: center;
font-size: 48px;}
.pro_menu{background: #494949; color: #fff; margin-top: 20px; height:100vh; border:1px #707070 solid; }
.pro_nav li{}
.pro_menu h3{ text-align: center; line-height: 50px; background: url(../img/p_jt2.png) no-repeat right;background-position-x: 273px;
background-size: 20px;}
.pro_nav h4{line-height: 50px; color: #fff;border-bottom: 1px #707070 solid; padding: 0 20px; background:#B9B9B9 url(../img/p_jt1.png) no-repeat right;background-position-x: 273px;
background-size: 20px;}
.pro_nav h4.sidenavcur{background:#B9B9B9 url(../img/p_jt.png) no-repeat right;background-position-x: 273px;
background-size: 20px;}
.pro_nav h4 a{color: #fff;}
.pro_nav h5{line-height: 50px; color: #494949;border-bottom: 1px #707070 solid; padding-left: 20px;}
.pro_nav h5{background: #B9B9B9 url(../img/p_jt4.png) no-repeat right;background-position-x: 273px;
background-size: 20px; }
.pro_nav h5.sidenavcur{background: #B9B9B9 url(../img/p_jt3.png) no-repeat right;background-position-x: 273px;
background-size: 20px; }
.pro_nav h5 a{ color: #494949;}
.pos a,.pos{color: #494949;}
.arc_pro1{ display: flex; flex-wrap: nowrap; justify-content: space-between;}
.arc_pro1 .arc_pro1_fl{ width: 44%;}
.arc_pro1 .arc_pro1_fr{width: 50%}
.mySwiper3 .arc_pro_img{border:1px #707070 solid }
.arc_pro1_con{ margin-bottom: 30px;border:1px #707070 solid}
.arc_pro1_con .swiper-button-prev, .arc_pro1_con .swiper-button-next{ color: #707070; outline: none;}
.arc_fx{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; text-align: center;}
.arc_li{ display:flex;flex-wrap: nowrap; margin-bottom: 50px;}
.arc_li span{ flex:1; text-align: center; display: inline-block; background:#707070 ; color:#fff;height:60px; line-height: 60px;border-radius: 20px; cursor: pointer; }
.arc_li span.on{background: #fff; color: #000;box-shadow: 0px 4px 5px 1px black;}
.arc_fx_ico{border:1px #707070 solid; border-radius: 50px; background: #fff;padding-top: 10px;}
.arc_fx_ico svg{width: 20px;height: auto;}
.arc_fx_ico h3{font-size: 18px; color: #494949;}
.xz{ background: #B9B9B9; border-radius: 50px; transition: all 0.3s;margin-top: 50px;}
.xz a{ color: #fff; line-height: 80px; margin: auto;
display:block;}
.xz_con{ display: flex;
align-items: center; justify-content: center;}
.xz_con span{padding-left: 10px;}
.xz:hover{background: #494949;}
.arc_fx .arc_fx_ico:hover { box-shadow: 0px 0px 5px 1px black;}
.arc_p_des table{ border-collapse: collapse;width: 100%}
input,select,textarea{border:none;margin: 0;padding: 0;}
.arc_p_des table tr td{font-size: 16px;
border: 1px solid #707070;
padding: 12px 30px;}
.arc_p_des table tr:first-child td{ padding: 20px;
text-align: center;
font-size: 24px;
color: #fff;
background: #000000;}
.arc_text{ display: none;}
.arc_text.on{ display: block; }
.del_table{overflow: auto; }
.del_table table{ width: 100%; background: #fff; border-collapse: collapse; }
.del_table table td{ border: 1px solid #d5d5d5; padding:5px 4px; font-size: 16px; color: #666; }
.del_table table tr:hover td{ background: #2d2d2d; color: #fff; }
.del_table table tr:first-child td{ background: #2d2d2d; color: #fff; line-height: 22px;}
.f_nav_n{ background: #fff;}
.f_nav_n a{transition: all 0.3s; display: block; line-height: 50px;border-bottom:1px #707070 solid; color: #707070;font-size: 14px; padding-left: 20px;}
.f_nav_n a:hover{padding-left:30px;}
.pro_fr_1{ display: flex; justify-content: space-between;align-items: center;}
.pro_list{ margin-top: 50px;}
.pro_li_con{border:1px #707070 solid}
.pro_li_con:hover p{background: #707070; color: #fff;}
.pro_img{ height: 190px;overflow: hidden;}
.pro_img img{ width: 100%; height: auto; object-fit: cover;}
.pro_li_con p{line-height: 65px; text-align: center;border-top:1px #707070 solid; color: #333; transition: all 0.3s;}
.case_ul{display: grid;grid-template-columns:1fr 1fr 1fr; gap: 30px;}
.case_ul .case_li{border-top-right-radius: 100px; border-bottom-left-radius: 100px; overflow: hidden; transition: all 0.3s;}
.case_ul .case_li:hover .case_text{background: #fff;}
.case_ul .case_li:hover .case_text h3{ color: #000;}
.case_ul .case_li:hover{box-shadow: 0px 0px 8px 1px #707070;}
.case_ul .case_li .case_img{max-height: 300px;}
.case_ul .case_li img{ width: 100%; height: 100%;object-fit: cover;}
.case_text{background: #B9B9B9; text-align: center; padding: 50px 20px;}
.case_text h3{color: #fff;font-size: 30px;}
.case_text p{ margin-top: 10px; line-height: 25px; color: #333;}
.lx_con_fr{background: #707070; padding: 80px 30px 0px;}
.lx_con{display: grid;grid-template-columns:2fr 1fr ; gap: 30px;}
.lx_form{display: grid;grid-template-columns:1fr 1fr ; gap: 30px;}
.lx_name{ display:inline-block;border:1px #707070 solid;
width: 100%;
border-radius: 100px;
height: 50px;
line-height: 50px;
padding-left: 30px;
margin-top: 20px;}
.lx_tit{ display: flex;
height: 30px;}
.lx_tit span{color:#8D0000; font-size: 25px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
input:focus,button:focus,textarea:focus{outline:none;}
.lx_message{height: 150px;width: 100%;font-family: none; border-radius: 30px; display:inline-block; margin-top: 20px;padding-left: 30px;line-height: 25px;border:1px #707070 solid;}
.lx_f1{ margin-top: 20px;}
.lx_add{background: #494949; padding: 10px 20px;border-radius: 20px; color: #fff; margin-bottom: 20px;}
.button{ display: block; background: #B9B9B9;color: #fff; border:none; width: 100%; height: 50px; line-height: 50px; border-radius: 100px; margin-top: 20px;}
.lx_add a{color: #fff;}
.lx_add span{font-weight:600}
footer{background: #494949; padding: 50px; color: #fff;}
.foot .foot_nav{ display: flex; justify-content: space-between;}
.foot_nav_ul{ display: flex; justify-content: space-between; width: 30%;}
.foot_fh_con{ display: flex; justify-content: space-between;}
.foot_dh{ width: 55%;}
.foot_f{ margin-top: 20px;}
.foot_f a{ color: #fff; font-size: 16px; display: block; line-height: 30px;}
.foot_f a:hover{ color: #eee; font-weight: 600;}
.f_lx{ margin-bottom: 20px;}
.f_lx p{font-size: 20px;}
.f_lx1 h3{ margin: 10px 0px;}
.f_lx1 p{ font-size: 20px;}
.case_xq{line-height: 30px;font-size: 16px; }
.top_nav{ display: none;}
.case_xq img{ display: inline-block;}
.faq h3,.test_con h3,.textcon h3{line-height: 50px;position: relative; background-color: #B9B9B9; display: inline-block; padding:0px 50px 0px 20px; color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.textcon h3,.test_con h3{position:relative}
.textcon h3:after,.test_con h3:after{position:absolute; right:0; content:""; top:0px; background:url(../img/bg001.png) no-repeat 0px; width: 60px;
height: 100%;}
.faq_text{line-height: 25px; padding:20px 0px;}
.faq h3 svg,.test_con h3 svg,.textcon h3 svg{position: absolute;
width: auto;
right: 0px;
height: 114%;}
.arc_text{ line-height: 30px;}
.fx{margin-top: 20px;}
.h_lx{background: #fff; display: flex; align-items: center; padding: 0px 20px;border-radius: 50px; justify-content: center;}
.h_lx span{color: #000;}
.h_lx .fx_ico { padding-left: 20px;}
.h_lx .fx_ico svg{width: 35px;}
.h_lx .fx_ico a:hover svg circle,.h_lx .fx_ico a:hover svg rect{fill:#777}
.h_lx .fx_ico a{display: inline-block;margin: 0 5px;}
.foot_lx_fl{width: 60%;}
.faq_an{ display:none}
@media screen and (max-width:1860px){
.warp80{ width: 90%;}
.headcon .h_con nav ul li:hover>a{ font-size: 14px;}
}
@media screen and (max-width:1640px){
.headcon .h_con nav ul li:hover>a{ font-size: 14px;}
body,html{ font-size: 14px;}
.headcon .h_con nav{ width: calc(100% - 600px);}
}
@media (min-width:1220px) and (max-width:1500px) {
.warp1440{ width: 80%;}
.headcon .h_con nav{ width: calc(100% - 600px);}
.headcon .h_con nav ul li>a{ padding: 0 10px;}
.news_img{height: 260px;}
.pro_img{ height: 150px;}
.headcon .h_con nav ul li .sub a{ font-size:12px}
.knowledge_li_fl{ height: 265px;}
}
@media screen and (max-width:1300px){
.warp80{ width: 95%;}
}
@media screen and (max-width:1220px){
.warp1440,.warp144{width: 95%; margin: auto;}
nav,.h_tel{ display: none;}
.logo{ padding-top: 0;}
.headcon .h_con{ padding: 30px 0px;}
.h_about_nav{ padding-left: 0;margin-top: 0px;}
.h_a_fl ul{ flex-wrap: wrap;}
.h_a_fl .h_about_nav ul li{ width: 100%; margin: 20px 0px;
flex: auto;}
.h_a_fl h3{text-align: center;font-size: 25px;}
.pro_an{right: 110px;}
.h_ry_tit h3, .h_case_tit h3, .h_map_tit h3{ font-size: 50px;}
.ny_banner{ padding-top:58px;}
.tp{ padding-top: 60px;}
.pro_img{ height: auto;}
.pro_li_con p{line-height: 25px;}
.ht{margin-top: 20px;}
.news_img{height: auto;}
.knowledge_li_fl{ height: auto;}
.date_fl{ font-size: 12px;}
.head{height: 100px;}
.top_nav{ background: #707070;
padding: 0 1.375rem;
margin-left: 3.125rem;
position: fixed;
z-index: 1000;
right: 0;
top: 0;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
display: block;}
.menubtn{width: 1.875rem;
height: 100px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;}
.menubtn span{ display: block;
width: 1.875rem;
height: 3px;
background: #fff;
position: relative;
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;}
.menubtn span:before{ top: -7px;
transition-property: top, transform;}
.menubtn span:after, .menubtn span:before{content: "";
position: absolute;
display: inline-block;
width: 50%;
height: 3px;
left: 0;
background-color: #fff;
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;}
.menubtn span:after{ bottom: -7px;
left: 50%;
transition-property: bottom, transform;}
.menubtn.active span {
background-color: transparent !important;
transition-delay: 0s, 0s;
}
.menubtn.active span:after, .menubtn.active span:before {
width: 100%;
background: #fff;
transition-delay: 0s, 0.3s;
}
.menubtn.active span:before {
top: 0;
transform: rotate(45deg);
}
.menubtn.active span:after {
bottom: 0;
left: 0;
transform: rotate(-45deg);
}
nav.act{ display: block;top:0px !important;
width: 100% !important;
height: 100vh;
background: #000; padding: 3.125rem 0;}
.headcon .h_con nav ul{display: initial;}
.headcon .h_con{position:initial;}
.headcon .h_con nav ul li>a{ border: none; font-size: 18px; line-height: 65px;
border-radius: 0;
display: block;}
.headcon .h_con nav ul li{border-bottom: 1px #706a6a solid;}
.sub{ position: relative;box-shadow:none;z-index:1;
display: flex;}
.headcon .h_con nav ul li .sub a{ color:#eee; padding-left: 20px; display: inline-block;}
.headcon .h_con nav ul li:hover .sub{background:none; text-align:left}
.headcon .h_con nav ul li .sub a:hover{background:none; }
.h_ry_con .swiper-button-next, .h_ry_con .swiper-rtl .swiper-button-prev{right:0}
.h_ry_con .swiper-button-prev, .h_ry_con .swiper-rtl .swiper-button-next{left:0}
.pro_an{ position:initial}
.h_map{ background-size: 100% 100%;}
.about_w_con{ display:initial}
.about_w_con .about_w_fl{height: auto;
overflow: hidden;}
.about_w_con .about_w_fl img{ height: auto;object-fit:cover}
}
.db_nav{ display:none}
@media screen and (max-width:768px){
.warp1440, .warp144{ width:90%}
.h_pro_tit h3{ font-size: 50px;}
.pro_an{ top:80px}
.foot_nav_li{ display: none;}
footer{ padding: 20px 20px 80px 20px}
.foot_lx_fr{ margin-left: 20px;}
.foot_dh{ width: 100%;}
.foot .foot_nav{ flex-wrap: wrap;}
.h_case_text{ padding: 30px 20px;}
.h_case_text .bt{ font-size: 25px;}
body, html{ font-size: 16px;}
.about_b_text h4{font-size: 16px;}
.zz_ul{ display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;}
.ht{ margin-top: 50px;}
.case_ul{ gap: 10px;
grid-template-columns: 1fr 1fr;}
.case_text{ padding: 20px 30px;}
.case_text h3{ font-size: 1rem;}
.case_text p{line-height: 20px; height: 65px;overflow: hidden;}
.news_ul{ grid-template-columns: 1fr 1fr; gap: 20px;}
.lx_con{ display: initial;}
.lx_con_fr{ margin-top: 20px; padding-bottom: 50px;}
.more{margin: 20px 0px;padding: 0 10px;
line-height: 25px;}
.h_p_con{line-height: 20px;
font-size: 14px;
margin-top: 10px;}
.h_pro_fl,.h_pro_fr{width: 100%;}
.h_pro_con{ flex-wrap: wrap;}
.h_p-bg{border-bottom:200px solid #fff;border-left:none; margin-top: 20px;}
.p_img{width:auto;height: auto;}
.banner{ padding-top: 50px;}
.h_pro_fr img{width: 30%;}
.Cat_down{ grid-template-columns: 1fr 1fr; gap:20px;}
.down_text{padding: 10px;}
.down_text .d_more{padding: 0 10px}
.pro_fr_1{display: none;}
.arc_fx{grid-template-columns: 1fr 1fr;}
.b_ul{grid-template-columns: 1fr 1fr; gap:20px}
.b_num h2,.b_num b{ font-size:2rem}
.b_num svg{width:30px}
.h_pro_text{ padding:20px}
.h_pro_text h2{ font-size:1.2rem}
.h_pro_fr{ padding-left:0}
.pro_an .swiper-button-prev{left:0}
.pro_an .swiper-button-next{right:0px}
.h_pro_fl img{ width:100%}
.fx{ display:none}
.h_pro_tit p{ margin-bottom:0}
.h_pro_main{padding-bottom:20px}
.fac .swiper-button-next,.fac .swiper-button-prev{ width:50px; height:50px; background:#2d2d2d; color:#fff; border-radius:50px}
.fac .swiper-button-next:after,.fac .swiper-button-prev:after{ font-size:1.5rem}
.fac{ width:95%}
.db_nav{ position: fixed; display:block;
bottom: 0;
width: 100%;
background: #6c6c6c;z-index: 9999;}
.db_con{ display: flex;
width: 90%;
margin: auto; padding:10px 0px}
.db_con .db_li{ flex:1; text-align:center;border-radius: 50px;
border: 1px #fff solid;padding: 5px 0px;
margin: 0 5px;}
.db_con .db_li svg{ width:20px; height: auto;}
.db_con .db_li span{ display:block; font-size:0.8rem;color:#fff; line-height: 0.5rem;}
.db_con .db_li:hover{ background:#fff;}
.db_con .db_li:hover span{color:#050101}
.db_con .db_li:hover svg path{fill:#050101}
.db_con .db_li:hover svg rect{fill:#050101}
.db_con .db_li:nth-child(2):hover svg path{fill:#3dba30}
.db_con .db_li:nth-child(3):hover svg path:nth-child(1){fill:none}
.db_con .db_li:nth-child(1) svg,.db_con .db_li:nth-child(4) svg{width:15px; }
.faq h3, .test_con h3, .textcon h3{line-height:35px}
.faq_an{ display:block}
}
@media screen and (max-width:640px){
.head{ height: 58px;}
.top_nav{height: 58px;}
.menubtn{height: 58px;}
.pro_menu{ display:none;}
.pro_con{ display: inherit;}
.logo h1{ font-size: 16px;}
.pro_li{display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;}
.pos{ display:none;}
.arc_pro1 .arc_pro1_fl,.arc_pro1 .arc_pro1_fr{width: 100%;}
.arc_pro1{flex-wrap: wrap;}
.arc_pro1 .arc_pro1_fr{ margin-top: 20px;}
.arc_p_des{ width: 100%;
overflow: hidden;
overflow-x: scroll;}
.arc_li span{height: 35px; line-height: 35px;}
.arc_text{display: block;}
.arc_li{display:none;}
.news_ul{ grid-template-columns: 1fr; gap: 20px;}
.dete{ width: 100%; gap: 10px}
.fw_c,.about_w_con,.about_d_nr{display: initial;}
.s_ul,.about_b_ul{ grid-template-columns: 1fr 1fr;
gap: 10px;}
.about_c_li{line-height: 25px; padding:20px 0px}
.about_c_text{ padding: 10px 0px 20px;}
.about_c_text .about_c_text_li{padding: 10px; font-size: 12px;line-height: 20px;}
.ico_a{ right: -10px;
width: 20px;}
.headcon .h_con{ padding: 0px;}
.h_a_text{ font-size: 14px; color: #fff;
line-height: 20px;
padding-top: 20px;
width: 100%;}
.h_a_fl .h_about_nav ul li a{ font-size: 16px;}
.h_a_fl .h_about_nav ul li{ margin: 10px 0px 5px 10px; line-height: 35px; border: 2px #fff solid;flex: 1;}
.h_a_fl h3{font-size: 30px;}
.h_pro_tit h3{ font-size: 30px; text-align:center; padding: 0px;}
.pro_an .swiper-button-next:after, .pro_an .swiper-rtl .swiper-button-prev:after{ font-size:20px}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size:20px}
.pro_an .swiper-button-prev:after, .pro_an .swiper-rtl .swiper-button-next:after{ font-size:20px}
.pro_an .swiper-button-next, .pro_an .swiper-button-prev{ width: 50px; height: 50px; background: #2d2d2d;}
.h_ry_tit h3, .h_case_tit h3, .h_map_tit h3{font-size: 30px;}
.h_ry_tit p,.h_case_tit p{ font-size: 14px;
margin-top: 10px;}
.h_pro_fr img{width: 65%;}
.foot_fh_con{flex-wrap: wrap;}
.foot_lx_fl{width: 100%;}
.foot_lx_fr{margin-left: 0; width: 100%;}
.faq_text{ padding: 10px 0px;}
.xz a{ line-height: 40px; margin-bottom:20px}
.xz_con svg{width:20px}
.faq h3{ max-width:100%}
.about_ico img{ width:50px}
.b_tit,.about_w_fl h2,.about_w_fr h3{ font-size:20px}
.about_w_fr h3{ margin-top:20px}
.about_ico svg{ width:40px; height:auto}
.pro_fl h2{ font-size:25px}
.news_tit{ font-size:25px; margin-bottom: 30px;
padding-bottom: 10px;}
.news_tit::after{ height:3px}
.arc_tit{ font-size:20px}
.knowledge_li{grid-template-columns: none;}
.h_a_fr{background:none; height: auto;}
.h_about_con{padding: 50px 0px;}
.h_about_content{ flex-wrap:wrap}
.h_a_fl,.h_a_fr{ width:100%}
.arc_p_des table tr td{ padding: 5px;}
.headcon .h_con .logo h1{ line-height: 58px; font-size:30px}
.headcon{ height: 58px;}
.choose .warp1440{ width:100%}
.ch_con .icon{ width:auto; height:auto;padding: 0 10px;}
.ch_con .icon svg{width: 40px;}
.ch_text{ margin-top:0; padding:10px; width: calc(100% - 50px);}
.ch_text h4{font-size: 14px;}
.ch_text p{ margin-top:0; font-size: 12px;}
.h_map_tit h3{ margin:0px}
.h_case_text .text{ line-height:20px; font-sizeļ¼12px;}
.h_case_text{ padding:10px}
.h_case_ul .h_case_li{border-top-right-radius: 50px;
border-bottom-left-radius: 50px;}
.case_ul .case_li{border-top-right-radius: 50px;
border-bottom-left-radius: 50px;}
.case_text p{line-height: 18px; font-size: 12px;
height: 70px;
overflow: hidden;
margin-top: 0;}
.case_text{padding:10px}
.page-pre svg, .page-next svg{ width:10px}
.pagebar a{line-height: 25px;}
.fw_c_fr{height:auto; }
.fw_c_fr img{height:auto; }
}
@media screen and (max-width:420px){
.logo_text{ display: none;}
.lx_form{ grid-template-columns: 1fr; gap: 10px;}
.lx_name{ margin-top: 0px;}
.h_case_text{ height:190px; overflow:hidden}
.h_a_fl .h_about_nav ul li a{ font-size:14px}
.h_pro_text{padding:25px}
.h_pro_text h2{font-size: 1rem;}
.ht,.pro_list{margin-top: 20px;}
.pro_li_con p{line-height:20px; font-size:14px}
.arc_p_des table tr:first-child td{ font-size:20px}
}