body,html{ margin: 0; padding:0; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 16px; color: #333; position: relative;}
li{list-style: none;}
::-webkit-scrollbar{ width: 4px; height: 4px; border-radius: 4px;}
::-webkit-scrollbar-thumb{ background-color: var(--main-color); border-radius: 4px;}
*{margin:0;padding:0; box-sizing: border-box;}
a,a:focus,a:hover{text-decoration:none}
.home_banner .swiper-button-prev,.home_banner .swiper-button-next{outline: none; color: #fff; opacity: .8;}
.home_banner .swiper-pagination-bullet-active{ background: #fff; opacity: .5;}
.home_news .swiper-button-prev,.home_news .swiper-button-next{outline: none; color: #fff; opacity: .5;}
.home_banner img{ display: block; width:100%}
.head{ position: fixed;width: 100%; background:#fff; z-index: 1000;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05)}
.head.no-bg{ padding: .18rem 0;
background: none;
box-shadow: none !important;}
.head_con{ width:80%; margin: 0 auto; display: flex; justify-content: space-between;}
.head_con .logo{width:20%; margin-top: 10px;}
.head_con .logo img{ width: 150px;}
.navBox{position: relative;}
.navBox nav li a{font-size: 24px; }
:root{
--main-color: #e70012;
--blue-color: #00A0EA;
--text-color:#182129;
}
.head.no-bg .navList > li > a{ color: #FFFFFF;
transition: none;}
.navList {list-style: none;margin: 0;font-size: 0;display: inline-block;vertical-align: top;transition: all .3s;margin-right: 150px;}
.navList > li { position: relative; display: inline-block; vertical-align: top; padding: 0 20px; }
.navList > li > a { position: relative; display: block; font-size: 18px; color: #182129; line-height: 90px; transition: all .3s;}
.navList > li > a::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 5px; border-radius: 5px; background-color: var(--main-color); transition: all .4s;}
.navList > li > a:hover,
.navList > li.active > a,
.navList > li.cur > a{ color: var(--main-color);}
.navList > li > a:hover::before,
.navList > li.active > a::before,
.navList > li.cur > a::before{ left: 0; width: 100%;}
.nav-dropdown{ position: absolute; left: 50%; top: 100%; min-width: 120px; padding-top: 18px; transform: translateX(-50%); height: auto; font-size: 16px; color: #333333; z-index: 2; display: none;}
.nav-dropdown ul{ position: relative; list-style: none; text-align: center; background-color: #FFFFFF; padding: 20px 0; border-radius: 6px; box-shadow: 0px 3px 6px rgba(0,0,0,0.09);}
.nav-dropdown ul::before{ display: block; content: ""; border-bottom: 10px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -8px; bottom: 100%;}
.nav-dropdown ul > li > a{ position: relative; display: block; font-size: 16px; color: #333333; line-height: 1.6; padding: 5px 30px; white-space: nowrap; z-index: 1;}
/* .nav-dropdown ul > li > a::before{ display: block; content: ""; position: absolute; left: 0; width: 100%; height: 0%; bottom: 0; background-color: #ECECEC; z-index: -1; transition: all .5s;} */
.nav-dropdown ul > li > a:hover{ color: var(--main-color);}
/* .nav-dropdown ul > li > a:hover::before{ height: 100%;} */
.navList.hide{ display: none;}
.shop{width: 140px;
position: absolute;
top: 28px;
right: 0px;
color: #fff;
text-align: center;
height: 40px;
border-radius: 50px;
line-height: 40px;background-image: linear-gradient(to right, #8c3b17, #832720); }
.shop:before{ position: absolute; content: "";left: 0; width: 0;transition: 0.5s; z-index: -1;
height: 40px;
border-radius: 50px;}
.head.no-bg .shop2{background:none}
.head.no-bg .shop2 span{color:#fff}
.shop2{ display:none; text-align: left; width:300px; margin-left:-20px;background: #fff;
border-radius: 100px;
padding: 10px;}
.shop2 span{ color:#000}
.shop2 a{ display:inline-block;}
.shop2 img{ width:50px; vertical-align: middle;}
.shop:hover .shop2{ display:block}
.head .english{ color:#333;position: absolute;
right: -50px;
top: 33px;
font-size: 20px;}
.head .english:hover{ color:var(--main-color)}
.head.no-bg .english{ color: #f1f1f1;
}
.head.bg .english{ color: #333;}
.shop_con{ background: url(../img/shop.png) no-repeat 20px; padding-left: 20px; color: #fff; z-index: 2;
position: relative; cursor: pointer;}
.shop:hover:before{ width: 100%;
background: #e70012;
z-index: 1;}
.banner img{ display: block;}
.container{ width: 80%; margin: auto;}
.section {
padding: 80px 0;
}
.section-title {
margin-bottom: 50px;
}
.section-title .more-big {
margin-top: 25px;
float: right;
display: none;
}
.section-title small {
display: block;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
font-size: 35px;
line-height: 1.1;
padding-bottom: 25px;
}
.section-title h4 {
margin: -1px 0 0;
padding-top: 15px;
font-size: 40px;
line-height: 1.1;
border-top: 5px solid #b62020;
display: inline-block;
vertical-align: top;
font-weight: normal;
}
.in-about {
margin: 0;
}
.in-about dt {
float: right;
width: 50%;
margin-top: 0px;
}
.in-about dd {
margin: 0 50% 0 0;
padding: 25px 5% 0 0;
overflow: hidden;
}
.in-about dd p {
margin: 0;
font-size: 16px;
line-height: 2;
text-align: justify;
text-indent: 2em;
}
.in-about ul {
overflow: hidden;
border-bottom: 1px solid #ddd;
margin-left: -30px;
box-shadow: 0 2px 8px #0000001a;
padding-top: 20px;
}
.in-about li {
float: left;
width: 25%;
padding-bottom: 30px;
margin-bottom: -1px;
}
.in-about li .wrap {
line-height: 1;
border-right: 1px solid #eee;
margin-left: 30px;
}
.in-about li p {
font-size: 14px;
line-height: 1;
text-align: left;
margin-top: 15px;
text-indent: 0;
}
.in-about li .num strong {
font-size: 30px;
color: #b62020;
margin-right: 5px;
}
.in-about li.active {
border-bottom: 3px solid #b62020;
}
.in-about li:last-child .wrap {
border-right: 0;
}
.about-s dt {
margin-top: 0;
}
.about-s dd h4 {
font-size: 28px;
margin: 0 0 20px;
}
.about-s ul {
border-bottom: 0;
}
.about-s li {
margin-bottom: 0;
}
.m-tc{margin-top: 50px;}
.ui-button{ width: 170px;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 14px;}
.ui-button.primary,.btn-red {
border: 0 none;
background-color: #cf0e1e;
color: #fff;
background-image: linear-gradient(to right, #e6062b, #e6062b);
background-size: 0 100%;
transition: background .3s;
background-repeat: no-repeat
}
.btn-red:hover {
background-size: 100% 100%
}
.bg1{ background: url(../img/h_probg.jpg) no-repeat center; background-size: cover; max-height: 980px;}
.home_pro_con{display: flex; justify-content: space-between;}
.pro_box{ background: #fff; border-radius:10px; transition: transform .6s;}
.pro_img img{ width: 100%;border-radius: 10px 10px 0px 0px;}
.product .section-title small{ color: #fff; border-bottom: 1px solid #df4545;}
.product .section-title h4{color: #fff;border-top: 5px #fff solid;}
.owl-nav{ text-align:center; margin-top: 50px;}
.product .owl-carousel .owl-nav button.owl-prev{background:#f00; width: 75px; height: 35px; color: #fff; margin: 10px;}
.product .owl-carousel .owl-nav button.owl-next{background:#fff; width: 75px; height: 35px; color: #000; margin: 10px;}
.section-title p{ color: #fff;}
.pro_text {
width: 100%;
height: 60px;
text-align:center;
line-height: 60px;
border: 0 none;
background-color: #fff;
color: #333;
background-image: linear-gradient(to right, #e6062b, #e6062b);
background-size: 0 100%;
transition: background .3s;
background-repeat: no-repeat;
}
.pro_box:hover .pro_text {
background-size: 100% 100%;
color: #fff;
}
.owl-item:hover .pro_box{
transform: translateY(-10px);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .05);
}
.news{background:#f5f5f5}
.news .section-title{ text-align: center;}
.news_nav{ text-align: center;}
.news_b{ padding: 0 50px;
background: #e70012;
line-height: 45px;
height: 45px;
display: inline-block;
color: #fff;
border-radius: 100px; transition: all 0.5s;}
.news_b:hover{background: #ed3a3a; color: #fff;}
.home_news_fl{ width: 45%;position: relative;}
.home_news_fl img{ width: 100%;}
.home_news{ display: flex; justify-content: space-between; margin-top: 80px;}
.home_news_fr{ width: 50%;}
.news_li{ display: flex;justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #ddd solid; position: relative;}
.news_li .li_img{ width: 22%; overflow: hidden;}
.news_li img{ width: 100%; transition: all 0.5s;}
.news_li:hover img{transform: scale(1.1,1.1);}
.news_t{ padding-left: 2%;width: calc(100% - 24%)}
.news_t p{margin-top: 10px;
font-size: 14px;
line-height: 25px;
color: #666;}
.news_li:before{position: absolute;content: ""; bottom: 0px; width: 0; height: 1px; background: #e60011; transition: all 0.5s;}
.news_li:hover:before{ width: 100%;}
.n_text{ position: absolute;
bottom: 0px;
background: rgb(192, 0, 15,0.5);
width: 100%;
line-height: 70px;
text-align: center;
color: #fff;}
.fl_img img{ width: 100%;}
.fl_img{ border-radius: 10px; overflow: hidden;}
.news_t h3{ color: #e60011;}
.time{ color:#999; font-size: 14px; background: url(../img/time.png) left no-repeat; padding-left: 20px; background-size: 15px 15px;}
button{outline: none;}
.ny_banner{position: relative; }
.pos{background:rgba(0,0,0,0.2); padding-left: 25px;}
.ny_banner img{ width: 100%; display: block;object-fit: cover;}
.position{position: absolute; bottom: 0; width: 100%; color: #fff; font-size:14px;}
.position a{ color:#fff; line-height: 65px; font-size: 14px;}
.ny_nav ul{ display: flex;}
.ny_nav{ width: 80%; margin: 0 auto; padding: 20px 0px; }
.subnav{border-bottom: 1px #f3f3f3 solid;}
.ny_nav ul li{ flex:1; margin: 10px;}
.ny_nav ul li a{ text-align:center; line-height: 50px; background: #f3f3f3; display:block; color: #000; font-size:1.2rem;}
.ny_nav ul li .active{ background: #b90f0f;color: #fff;}
.ny_nav ul li a:hover{background:#b90f0f; color: #fff;}
.a_content1{background: url(../img/ny_aboutbg.jpg) no-repeat center; color: #fff; padding: 7rem 0rem;}
.a_year ul{ display: flex;}
.about_content{ text-align:center; padding-top: 30px; padding-bottom: 50px;}
.about_content h2{ font-size: 2rem; font-weight: 100;}
.aboutnr{line-height: 3rem; font-size: 18px; margin-bottom: 50px;}
.aboutcon{padding-bottom: 75px;}
.a_tit h3{ font-size: 4rem; font-weight: 500;}
.a_tit h5{ font-size:3rem; font-weight: 500;}
.a_con{ padding:40px 0px; line-height: 2rem;}
.a_year{color: #000; background: #fff;}
.a_year ul li{flex: 1; padding-left: 3rem; border-left: 1px #ddd solid;}
.a_year ul li h4{ display: inline-block; font-size: 4.5rem; color: #b62020;letter-spacing: -2px; font-family: Impact,Arial, Helvetica, sans-serif;}
.a_year ul li span{ font-size: 1.5rem; color:#666; padding-left: 18px;}
.a_year{padding: 50px 0px;}
.a_year ul li p{ color: #666;}
.a_content2{background: #f1f1f1; }
.about_ip{display: flex; align-items: center; padding: 0 150px;}
.about_iptit{flex: 1; margin-right: 170px;}
.ip_text{ margin-bottom: 20px;}
.ip_text h5{ font-size: 1.5rem;
font-weight: 500;
color: #e60011;
margin-bottom: 10px;}
.ip_text p{ font-size: .9rem;
color: #666;}
.about_ip img{vertical-align:middle;}
.about_qyjs{ margin-top: 30px; display: flex;}
.qyjs_tit h3{ font-size: 2rem;
font-weight: 500;
margin-bottom: 20px;
letter-spacing: 0.2rem;}
.qyjs_tit span{color: #a80711;font-size: 1.5rem;
font-weight: 100;}
.qyjs_tc{line-height: 35px; color: #666; margin-top: 30px;}
.qyjs_tit{ padding-top: 30px; padding-left: 50px;}
.qyjs_tc p{margin-top: 20px;}
.about_qyjs.qywhcon{ display: inline;}
.qywhcon h2{ display: block; text-align: center;font-size: 2rem;
padding: 50px 0px;}
.qywh_con{ display: flex; flex-wrap: wrap; margin-bottom:50px}
.wh_row{width: 33.33%; padding: 15px;}
.qywh_con .item{
margin-top: 20px;
position: relative;
overflow: hidden;
background: #fff url(../img/abb2-itembg.png) no-repeat center bottom;
height: 451px;
border: solid 1px #e4e8ec;
}
.qywh_con .item-info{
text-align: center;
padding-top: 60px;
position: relative;
z-index: 10;
}
.qywh_con .item-ico{
width: 88px;
height: 88px;
border: dashed 1px rgba(209,13,49, 0.3);
margin: auto;
border-radius: 50%;
}
.qywh_con .item-tit{
margin-top: 24px;
font-size: 28px;
color: #111;
font-weight: bold;
}
.qywh_con .ico1-2{font-size: 3rem;
vertical-align: middle;
line-height: 88px;
color: #e60011;
background: rgba(209,13,49, 0.2) no-repeat center center;
}
.qywh_con .item-cover{
position: absolute;
left: 0;
width: 100%;
height: 5px;
bottom: 0;
background: #d10d31 url(../img/abp2b2-covbg.png) no-repeat center bottom;
transition: 0.5s;
}
.qywh_con .line{
width: 24px;
height: 1px;
background-color: #677283;
margin: 24px auto 0;
}
.qywh_con .item-text{
margin: 20px auto 0;
font-size: 20px;
line-height: 40px;
color: #677283;
max-width: 280px;
text-align: center;
}
.qywh_con .align-center{
text-align: center;
}
.qywh_con .item:hover .item-cover{
height: 100%;
}
.qywh_con .item:hover .line{
background-color: #fff;
}
.qywh_con .item:hover .item-tit{
color: #fff;
}
.qywh_con .item:hover .item-text{
color: #fff;
}
.qywh_con .item:hover .item-ico{
border: dashed 1px rgba( 255, 255, 255, 0.3);
}
.qywh_con .item:hover .ico1-2{
background: rgba(255, 255, 255, 0.2) no-repeat center center;
color: #fff;
}
.jtgkcon h2{font-size: 2rem;text-align: center;margin: 50px 0px;}
/*hzhb*/
.hzhb_con_tit{ text-align: center; padding: 50px 0px;
margin-bottom: 30px;
border-bottom: 1px #efeeee solid;
position: relative;}
.hzhb_con_tit h2{ font-size: 2rem;}
.hzhb_con1 .hzhb_con_tit{border-bottom: 0; border-top: 1px #efeeee solid; margin-top: 50px;}
.hzhb_con_tit p{ color: #666;}
.ds_tipcon{ display: flex; flex-wrap: wrap; justify-content:flex-start;}
.ds_item{ width:calc(33.33% - 20px); margin-left: 20px; margin-bottom: 20px; box-shadow: 2px 5px 15px 0px rgba(0, 0, 0, 0.06);
padding: 30px; align-items: center;
display: flex;
background: #f9fdfc;
border-radius: 20px;}
.ds_item:hover{box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.1) ;}
.ds_item:nth-child(3n+1){margin-left: 0px;}
.ds_text,.ds_img{ width: 50%;}
.ds_text h3{font-size: 1.3rem;position: relative;padding-bottom: 10px;}
.ds_text h3::after{content: "";
position: absolute;
left: 0;
bottom: 0;
width: 25px;
height: 3px;
background: #e70012;}
.ds_text a{ color: #666;
border: 1px #ddd solid;
line-height: 35px;
padding: 0px 20px;
margin-top: 20px;
display: inline-block;
border-radius: 100px;
font-size: 14px;}
.ds_img{ text-align: center;}
.ds_img img{max-width: 100%;}
.ds_item:hover .ds_text a{ background: #e70012;
color: #fff;}
/* .zzry_con{width: 95%;
max-width: 1400px;
overflow: hidden;
margin: .8rem 0;
margin-left: auto !important;} */
.honor-item{ display: flex !important;
flex-direction: row-reverse;
justify-content: space-between;
padding: 15px 15 15px 0px;}
.honor-text{
padding: 5% 5% 0% 0;
width: 50%;
overflow: hidden;
}
.honor-text h3{font-size: 1.5rem; color: #e71522;
line-height: 50px;}
.honor-text p{ line-height: 25px; color: #666;}
.honor_img{width: 50%;max-width: 630px;margin-right: 5%;background-color: #FFFFFF;padding: .3rem;border-radius: .3rem;box-shadow: 0px 3px 15px rgba(0,0,0,0.16);}
.honor_img img{max-width: 100%;}
.ry_img{padding: 1.5rem;}
.zzry{ background: #f5f5f5;
}
.zzry .ry_con{position: relative;padding: 100px 0px;}
.zzry .ry_con:before{content: ""; position: absolute;top:0; right: 0; display: block;
width: 1px;
height: 100%;
background-color: #182129;
opacity: .16;}
.ry_con .swiper-pagination-bullets.swiper-pagination-horizontal{ position: absolute;
right: 0;
left:100% ;
top: 50%;
width: 30px;
transform: translate(-50%,-50%);}
.ry_con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{ transform: scale(2.5);background: #e71522; }
.ry_con .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .ry_con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ outline: none;margin: 2rem auto;
cursor: pointer; display: block;}
.about_num_con{ display: flex; padding: 40px 0px;}
.num_con{flex: 1;padding: 20px;border-right: 1px #ddd solid;
align-items: center;
display: flex;
}
.about_num_con .num_con .num01 {margin-right: 20px;}
.about_num_con .num_con .num01 .iconfont{font-size: 4rem;}
.num_text h3{ font-size: 3rem; font-family: Impact,Arial, Helvetica, sans-serif;color: #b62020; display: inline-block;}
.num_text h3 span{font-size: .9rem;}
.about_num{box-shadow:0px 3px 15px rgb(0,0,0,0.1);}
.num_text p{ color: #666;}
.flex{ display: flex;
flex-wrap: wrap;}
.shopDown-logo li{width: 20%;}
.shopDown-logo-img{border-left: 1px solid #dedede;border-top: 1px solid #dedede;height: 156px;}
.shopDown-logo li:first-child .shopDown-logo-img{border-left: unset;}
.shopDown-logo li:nth-child(n+6) .shopDown-logo-img{border-top: unset;}
.shopDown-logo-img img{max-width: 70%;max-height: 70%;}
.shopDown-logo-text{height: 66px;border-left: 1px solid #dedede;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.shopDown-logo li:nth-child(5n+1) .shopDown-logo-text{border-left: unset;}
/*news*/
.sub_tit{text-align: center;
font-size: 2rem;
padding-top: 50px;}
.news_con{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.news_con .news_team{ width:calc(33.33% - 20px); margin: 10px; border: 1px solid #ddd;
box-sizing: border-box; }
.news_img img{width: 100%; transition: all 0.5s; display: block; object-fit: cover;height: 100%;}
.news_img{overflow: hidden;}
.news_team{overflow: hidden; }
.news_team .news_text{ padding: 20px;}
.news_text h3{ font-size: 1rem; color: #000;}
.news_text p{color: #666;height: 80px;
overflow: hidden;
font-size: 14px;
line-height: 25px;
padding: 15px 0px;
border-bottom: 1px #ddd solid;}
.newslist{padding-bottom: 100px;}
.news_i{ font-size: 12px; color: #666; line-height: 35px;}
.news_i dd{ display: inline;}
.news_img{position: relative;height: 325px; overflow: hidden;}
.news_img .pp{position: absolute;
top: 20px;
background: #dbbb68;
color: #fff;
left: 20px;
padding: 5px 15px;
font-size: 14px;}
.news_team:hover .news_img img{ transform: scale(1.1,1.1);}
.news_team:hover .news_img .pp{background: var(--main-color); color: #fff;}
.head.bg{background: #fff;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05)}
.head.bg .navList > li > a{color: #000;}
.newsarc{ padding-top: 100px;}
.newsarc .position{position: relative; color: #000; }
.newsarc .position .pos{background: none;}
.newsarc .position .pos a{ color: #000;}
.kxy_arccon{ display: flex; justify-content: space-between;}
.arc_c{ width: 75%;}
.news_fr{ width: 20%; }
.newsarc{ background: #f5f5f5;}
.news_cnt{ padding: 20px; line-height: 35px;}
.news_kxycnt img{display: block; max-width:100%;}
.arc_con{ padding-top: 50px; padding-bottom: 100px;}
.arc_c h2{ font-size: 2rem;
font-weight: 500;
text-align: center;}
.arc_i{margin-top: 10px;
font-size: 14px;
color: #666;
margin-bottom: 20px;
text-align: center;}
.side_page{font-size: 14px;
padding: 30px;
border: 1px #e1dad7 solid;}
.kxy-prev{padding-bottom: 20px;}
.kxy-text{ padding-top: 10px;}
.kxy-text a{ color: #333;}
.kxy-text a:hover{ color: var(--main-color);}
.kxy-next{padding-top: 20px; border-top: 1px #e1dad7 solid;}
.side_page span{ color:#827f7d ;}
.news_link{ margin-top: 20px;}
.news_link{border: 1px #e1dad7 solid;}
.linksnews{padding: 10px 30px 30px;}
.news_linkcon h3{padding-left: 30px; line-height: 60px;border-bottom: 1px #e1dad7 solid;}
.linksnews ul li{ line-height: 25px;
font-size: 14px;
border-bottom: 1px #e1dad7 solid;
padding: 10px 0px;}
.linksnews ul li a{ display: block;color:#333;}
.linksnews ul li span{ font-size: 12px;color: #666;}
.linksnews ul li:last-child{border: none;}
.linksnews ul li a:hover{ color: var(--main-color);}
/*products*/
.products_list{ padding-bottom: 100px;}
.productlist .ny_nav{margin: auto 0;}
.productlist_con{ display: flex; justify-content: justify-content: flex-start; flex-wrap: wrap;}
.productlist_con .pro_item{ width: 25%;padding: 10px; margin: 30px 0px; position: relative; transition: .5s;}
.productlist_con .pro_item img{ width: 100%;}
.product_img{border-radius: 10px; overflow: hidden;}
.productlist_con .pro_item:hover{transform: translateY(-10px);}
.prolist_text{position: absolute; transition: .5s;
bottom: -30px;
background: #fff;
width: 80%;
margin: 0 auto;
text-align: center;
left: 10%;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,.05);
padding: 20px 0px;}
.prolist_text h3{font-size: 1rem; color: #000;transition: .5s;
font-weight: 500;}
.prolist_text span{font-size: 14px;transition: .5s;
color: #a5a5a5;
line-height: 25px;}
.productlist_con .pro_item:hover .prolist_text{background:var(--main-color); color: #fff; width: 90%;left: 5%;}
.productlist_con .pro_item:hover .prolist_text{background:var(--main-color); color: #fff; width: 90%;left: 5%;}
.productlist_con .pro_item:hover .prolist_text h3{ color:#fff}
.productlist_con .pro_item:hover .prolist_text span{ color: #fff;}
.pro_arc{ display: flex; justify-content: space-between;}
.pro_fl{ width: 60%; border: 1px #ddd solid;}
.pro_fl img{width: 100%;}
.pro_fr{ width: 35%;}
.pro_fr_con{border-bottom: 1px #ddd solid;padding: 50px 0px;}
.pro_fr_con h2{ font-size: 2rem; letter-spacing: .2rem;}
.pro_fr_con p{line-height: 35px; color: #999;}
.pro_js{line-height: 35px;}
.pro_xqt h5{text-align: center;
font-size: 2rem;
padding: 20px 0px;}
.xqnr img{max-width:640px; }
.pro_xq{ padding-bottom: 100px; text-align: center;}
.pro_tjitem{border:1px solid rgba(0, 0, 0, 0.1);}
.tj_img img{ width: 100%;transition: all 0.5s; display: block;}
.pro_tjitem{ display: flex;}
.tj_img {overflow: hidden;}
.pro_tj_list{ display: flex;justify-content: space-between;}
.pro_tjitem{ padding: 10px;margin-left: 10px;}
.pro_tj{ background: rgba(0,0,0,0.03); padding-bottom: 100px;}
.pro_tj h3{ font-size: 1.5rem; font-weight: 300; padding-top: 50px;}
.pro_tj_list{margin-top: 30px;}
.pro_tjitem:first-child{margin-left: 0;}
.pro_tjitem p{ text-align: center;line-height: 45px; color: #333;}
.pro_tjitem:hover{border:1px var(--main-color) solid;}
.pro_tjitem:hover .tj_img img{transform: scale(1.1,1.1);}
.pro_tjitem:hover p{ color:var(--main-color);}
.pro_fr_con.pro_lx{display: flex; justify-content: space-between;}
.pro_lxcon{background: #b40815; border-radius: 100px; width: 45%;}
.pro_lxcon a{color: #fff;
display: inline-block;
line-height: 45px;
padding: 0 20px;}
.shop_pro{ width: 45%; text-align: center;
line-height: 45px;
color: #333;
border: 1px #ddd solid;}
.pagebar .pagination {
display: flex;
justify-content: center;
margin: 30px 0px 50px 0px;
margin: 100px 0px 0px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 1.2rem;
margin: 0 5px;
border-radius: 3px;
width: 50px;
height: 50px;
border-radius: 100px;
line-height: 50px;
text-align: center;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
background: var(--main-color);
border: 1px solid var(--main-color);
color: #fff;
}
.pagination a.page-num-current {
color: #fff;
background: var(--main-color);
border: 1px solid var(--main-color);
}
.dz_pro_con{padding: 50px 0px 100px;}
.dz_pro_con h2{ font-size: 2rem; text-align: center;}
.dz_fl{
margin: auto;
text-align: center;
padding-top: 20px;
line-height: 35px;
font-weight: 400;
color: #666;}
.dztd{ margin-top: 50px;}
.dztd ul{ display: flex; justify-content: space-between;}
.dztd ul li{flex: 1; text-align: center; margin-right: 20px; position: relative; overflow: hidden;}
.dztd ul li img{max-width: 100%; transition: all 0.5s; display: block; width:100%}
.dztd_text{ position: absolute;
background: #e70012;bottom: 0px; height:130px;
padding: 10px;transition: 1s;}
.dztd ul li:hover .dztd_text{height:240px; background:rgba(231,0,18,0.7)}
.dztd_text p{ font-size:.8rem; line-height:20px; color:#fff}
.dztd ul li h3{
color: #fff;
line-height: 50px;
font-size: 1rem;}
.dztd ul li:hover img{ transform: scale(1.1);}
/*contact*/
.contact1{padding-top: 50px;}
.lxkx-main{display: flex; justify-content: space-between;}
.lxkx-fl{width: 35%;background: #f1f1f1;}
.lxkx_flcon{ padding: 50px;}
.lxkx_flcon h3{font-size: 2rem;font-weight: 500;}
.fl_t,.lxkx_flcon span{color: #acabaa;}
.fl_t1{font-size: 1.2rem;font-weight: 600;margin-top: 5px;}
.lxkx-fr{ width: 65%;max-height: 625px;overflow: hidden;}
.flcon_1{padding-top: 30px;}
.fl_dizhi{ margin-top: 30px; padding-top: 20px;}
.dz1{position: relative; padding-left: 15px; margin-top: 20px;}
.dz1:before{position: absolute; left: 0; content: ""; width: 3px; height: 30px;background: #f00;transition: 0.36s;}
.dz1.active:before{height: 100%;}
.lxb1-map{
width: 100%;
height: 100%;
display: none;
}
.lxb1-map.active{
display: block;
}
.lxb1-map .mapContainer {
width: 100%;
height: 100%;
}
.dz_tit{font-size: 1.2rem; font-weight: 600; color: var(--main-color);}
.dz_text{font-size: 14px; margin-top: 5px; color:#7e7e7e;}
.shop_line{ margin-top: 50px;display: flex;margin-bottom: 100px;}
.shop_fl{width: 25%;background: linear-gradient(to right,#d70110,#f68d62);;color: #fff;padding: 3%;}
.tip-main .shop_tit{ font-size: 1.4rem;text-align: center;}
.shop_line_ico a{ color: #fff;}
.tip-right,.shop_line_ico{ display: flex;}
.tip-item{flex:1}
.tip-right .tip-main{ display: inline-block;
vertical-align: middle;}
.shop_fr{ width: 75%; background: url(../img/pro_bg.jpg) no-repeat center; height: 315px;
background-size: cover;}
.tip-right{ text-align: center;align-items: center; height: 100%;}
.ewm-text{ color: #fff; font-size: 14px; line-height: 25px; font-weight: 100;}
.shop_line_ico{ margin-top: 30px;justify-content: space-between; text-align: center; width: 65%;
margin: 30px auto 0px;}
.shop_line_ico .iconfont{font-size: 3rem;
vertical-align: middle;
display: table-cell;}
.shop_line_ico a:hover .dpico{background: #fff; color: var(--main-color);}
.dpico{ display: block;
margin: auto;
width: 80px;
height: 80px;
border: solid 1px #ffffff;
border-radius: 50%;
transition: 0.36s;}
.shop_line_ico p{line-height: 50px;}
.shop_fr .lx-ewm .img-block{
width: 140px;
margin: auto;
background: url(../img/ewmbg.png) no-repeat center center;
background-size: contain;
text-align: center;
padding: 10px;
}
.banner_img{ max-height: 450px; overflow: hidden;}
footer{background: #a80711; position: relative;}
.foot_bg{background: url(../img/background.png); background-size: cover;opacity: .1; height: 100%; position: absolute; z-index: 0; top: 0; width: 100%;}
.foot{ position: relative;
z-index: 1;}
.foot_con{display: flex;
justify-content: space-between;}
.foot_con{ padding-top: 70px; padding-bottom: 100px;}
.foot_fl{width: 35%;}
.foot_fr{width: 60%; color: #f1f1f1;}
.foot_fr ul{ display: flex;}
.foot_fr ul li{ flex: 1; justify-content: space-between;}
.foot_fr ul li h3{ margin-bottom: 20px;}
.foot_fr ul li a{ display: block; color: #ddd; line-height: 35px;}
.foot_fr ul li a:hover{ color: #fff;}
.foot_logo img{ width: 120px;}
.foot_logo h4{ font-size: 24px; color: #fff; letter-spacing: 3px;}
.foot_tel{ color: #fff; margin-top: 20px;}
.foot_tel h3{ font-size: 40px;
font-family: SimHei;}
.foot_add p{ font-size: 14px;}
.foot_add{ margin-top: 20px; }
.banquan{ border-top: 1px #d43f48 solid;}
.banquan p{color: #fff;
opacity: .6;
text-align: center;
line-height: 50px; font-size: 14px;}
.kfrx{ background: url(../img/tel.png) left no-repeat; padding-left: 25px;}
.lxdz{background: url(../img/add.png) left no-repeat; padding-left: 25px;}
.foot_add p{margin-left: 25px;}
/*products*/
/* .swiper-product .more{background:linear-gradient(to right,#d70110,#f68d62);width:240px;height:50px;line-height:50px;display:block;border-radius:30px;color:#ffffff;font-size:16px;position:absolute; top:35%; left:0;text-align:center;display:flex;align-items:center;justify-content:center;transition:all 0.3s;transform: translate(0,0);}
.swiper-product .more .iconfont{margin-left:2px;font-size:20px;position:relative;top:2px;}
.productbt{ margin-top: 20px;}
.productbt h4{ font-size: 48px; font-weight: 400;}
.productbt h5{ font-weight: 100; font-size:35px;}
.swiper-product .productimg{margin:0 auto;margin-top:0%;display:block;position: relative;left:50%;transform: translate(-75%,-5%);}
.swiper-product{width:100%;height:100%;}
.swiper {
width: 100%;
height: 100%;
}
.home_banner .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} */
.productbt h4{ font-size: 48px; font-weight: 400;}
.productbt h5{ font-weight: 100; font-size:35px;}
.bg1{ position: relative;}
.productimg{ height: 100%;
bottom: 0;
top: 20%;
transform: translate(20%,-5%);}
.swiper-product{position: relative;}
.swiper-product .more{background:linear-gradient(to right,#d70110,#f68d62);width:240px;height:50px;position: absolute; top:20%;
line-height:50px;display:block;border-radius:30px;color:#ffffff;font-size:16px; left:0;text-align:center;display:flex;align-items:center;justify-content:center;transition:all 0.3s;transform: translate(0,0);}
.swiper-product .more .iconfont{margin-left:2px;font-size:20px;position:relative;top:2px;}
.product .swiper-product .swiper-pagination-product{ width: 540px;
z-index: 999;
bottom: auto;
top: 20%;
right: 3%;
left: auto;
padding-top: 0;
border-top: none;
padding-left: 0;
text-align: left;
background: none;}
.product .swiper-product .swiper-pagination-product{display: flex; width:540px;z-index:999;bottom:auto;top:5%;right:0;left:auto; padding-top:0;border-top:none;padding-left:0;text-align:left; background:none}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet{padding: 15px; background: none;opacity: 1;
border: 1px #ddd solid;
border-radius: 50%;
text-align: center;
width: 100px;
height: 100px;
outline: none;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet img{height:30px; display:block; margin:auto}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet-active img{filter: grayscale(100%) brightness(0) invert(1);}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #e70303; color: #fff;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet.swiper-pagination-bullet-active i{ color:#fff;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet i{font-style:normal;color:rgba(0,0,0,0.5);font-size:16px;display:inline-block;}
.control .swiper-button-next,.control .swiper-button-prev{color: #e70012;
background: #fff;
width: 50px;
height: 50px;
border-radius: 100px;
font-size: 8px;
outline: none;}
.control .swiper-button-next::after,.control .swiper-button-prev::after{font-size: 16px;}
.control .swiper-button-next:hover,.control .swiper-button-prev:hover{background:#e70012;}
.control .swiper-button-next:hover::after,.control .swiper-button-prev:hover::after{ color: #fff;}
.set3 {
background:#F5F5F5;
}
.feat_lf,.feat_fr {
width:50%;
height:100%;
position:relative;
}
.feat_cnt {
margin:10% auto 0;
width:460px;
}
.feat_cnt h2 {
text-align:center;
font-size:40px;
font-family:Lato;
font-weight:400;
color:#000000;
line-height:40px;
margin-top:5%;
}
.feat_cnt .swiper-pagination {
bottom:68px;
}
.feat_cnt .swiper-pagination .swiper-pagination-bullet {
margin:0 8px;
width:10px;
height:10px;
background:#a5a6a8;
opacity:1;
outline:none;
}
.feat_cnt .swiper-pagination .swiper-pagination-bullet-active {
background-color:#FFF;
border:1px solid #a5a6a8;
}
.feat_flimg {
margin-top:10%;
text-align:center;
}
.feat_flimg h3 {
font-size:24px;
font-family:Lato;
font-weight:400;
color:#000000;
line-height:60px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
margin-bottom:60px;
}
.feat_flimg a {
display:inline-block;
font-size:20px;
font-family:Lato;
font-weight:400;
text-decoration:underline;
color:#000000;
}
.feat_simg {
width:100%;
overflow:hidden;
}
.feat_simg img {
transition:0.3s ease-in-out;
width: 100%;
}
.feat_simg:hover img {
transform:scale(1.1);
transition:0.3s ease-in-out;
}
.fr{float: left;}
.fl{float:right;}
.clearfix:after{clear: both; content: " ";
display: table;}
.feat_cnt .feat_flimg .swiper-pagination{bottom:68px}
.gallery-thumbs img{max-width: 100%;}
.cpys{ position: absolute;
top: 30%;
text-align: center;}
.cpys h2{font-size: 2rem;}
.cpys p{line-height: 35px;}
.cpys a{background: #fff;
color: #333;
padding: 0 30px;
line-height: 35px;
display: inline-block;
margin-top: 20px; transition: 0.3s;}
.inn2-bg{ position: relative; overflow: hidden;}
.inn2-img-bg{ list-style: none;}
.inn2-img-bg li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.inn2-img-bg li{ display: none;}
.inn2-img-bg li.on{ display: block;}
.inn2-swiper{ position: relative;}
.inn2-swiper .swiper-slide{ height: auto; padding: .4rem .3rem; border-right: 1px solid rgba(255, 255, 255, 0.42);}
.inn2-swiper .swiper-slide:hover .cpys a{ background: var(--main-color); color: #fff;}
.inn2-swiper .swiper-slide:last-child{ border-right: none;}
.inn2-item{ height: 100%; height: 34.5vw;}
.inn2-num{ opacity: .3; font-weight: bold;}
.inn2-con{ line-height: 1.7; -webkit-line-clamp: 6; max-height: 0; overflow: hidden; transition: all .3s;}
.inn2-swiper .swiper-slide-active .inn2-con{ max-height: 10.2em; transition: all .3s linear .3s;}
.font36{ font-size: 36px;}
.color-f{ color: #FFFFFF;}
.font32{ font-size: 32px;}
.flex-center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.justify-end{justify-content: flex-end;}
.img-bg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.img-bg img{display:none;}
@media (max-width: 1700px){
.navBox nav li a{ font-size:20px}
}
@media (min-width: 1200px){
.inn2-swiper .swiper-slide{ width: 18.5% !important; transition: all .6s ease;}
.inn2-swiper .swiper-slide-active{ width: 44.5% !important;}
.inn2-swiper .swiper-slide-active .inn2-text{ min-width: 80%;}
}
.formcon{ background: #f5f5f5; padding: 100px 0px;}
button,input,select,textarea{outline:none !important;}
.dzcp_form{padding: 50px 0px 100px;width: 60%; margin: auto; background: #fff;}
.dzcp_tit{ margin-bottom: 30px; text-align: center; }
.dzcp_tit h3{ font-size: 2rem;}
.wsc-form{ }
.wsc-form .form-group{margin-bottom:0;margin-top:10px;}
.wsc-form .fm_input{ width: 50%; float: left; padding-right: 10px;}
.wsc-form .fm_input .form-group:first-child{margin-top:10px;}
.wsc-form .form-group:first-child{margin-top:0;}
.wsc-form label{font-size:14px;line-height:22px;color:#666666;margin-bottom:8px;font-weight:normal;}
.wsc-form sup{color:#FF0707;top:0;margin-right:5px;}
.msg-box{color:#e54242;}
.fm-row .row{ display: flex;justify-content: space-between;}
.wsc-form .form-control{height:40px;background-color:#FAFAFA;border-color:#ebebeb;box-shadow:unset;border-radius:0;padding-left:10px;padding-right:10px;}
.wsc-form .form-control:focus{border-color:#ddd;}
.wsc-form .form-control::placeholder{color:#aaaaaa;}
.wsc-form select.form-control{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#FAFAFA url(../images/fm-arr.png) no-repeat right center;color:#aaaaaa;padding-right:32px;}
.wsc-form textarea.form-control{height:100px;}
.wsc-form .fm-btn{margin-top:20px;}
.wsc-form .fm-btn .btn{width:160px;height:44px;border-radius:0;background-color:var(--main-color);color:#fff; border: none;}
.wsc-form .fm-btn .btn:hover{background-color:#dab662;}
.wsc-form .fm-row{
margin-top: 25px;
}
.wsc-form .fm-row:first-child{
margin-top: 0px;
}
.wsc-form label{
display: block;
font-size: 14px;
color: #677283;
line-height: 22px;
}
.wsc-form input.form-control{
width: 100%;
height: 44px;
background-color: #ffffff;
border-radius: 3px;
color: #111;
}
.wsc-form textarea.form-control{
background-color: #ffffff;
border-radius: 3px;
border: solid 1px #e4e8ec;
resize: none;
height: 71px;
color: #111;
}
.wsc-form .fm-radio{
margin-top: -5px;
margin-left: -30px;
}
.wsc-form .fm-radio input{
margin-left: 30px;
padding-left: 26px;
font-size: 16px;
line-height: 24px;
color: #677283;
margin-top: 20px;
cursor: pointer;
margin-right: 5px;
}
.wsc-form .fm-btn{
margin-top: 40px;
}
.wsc-form .fm-btn .btn{
width: 220px;
height: 50px;
background-color: #d10d31;
border-radius: 25px;
font-size: 14px;
color: #ffffff;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*qy*/
.patentJS{background: #f5f5f5;}
.patentJS-swp .swiper-slide{height: auto;}
.patentJS-slide{padding:50px 50px 50px 0;background: #fff;height: 100%;}
.patentJS-img{width: 50%;transform: translateX(-50px);}
.patentJS-img img{width: 100%;height: 100%;}
.patentJS-con{width: 50%;padding: 25px 0;}
.patentJS-label{background: var(--main-color);border-radius: 3px;padding: 7px 15px;display: inline-block; color: #fff; font-size: .8rem;}
.patentJS-pagination .swiper-pagination-bullet{margin: 0 6px;position: relative;opacity: 1;background: transparent;width: 16px;height: 16px;}
.patentJS-pagination .swiper-pagination-bullet::before{content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;background: #fff;border: 2px solid #e60011;transition: all .4s ease;transform: scale(0);position: relative;z-index: 2;}
.patentJS-pagination .swiper-pagination-bullet::after{width: 50%;height: 50%; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;transition: all .4s ease;background: #cecece;}
.patentJS-pagination .swiper-pagination-bullet-active::before{transform: scale(1);}
.patentJS-pagination .swiper-pagination-bullet-active::after{opacity: 0;}
.mt50{ padding-top: 50px;}
.fs36{ font-size: 2rem; margin-top: 30px; font-weight: 700;}
.mt30{ margin-top: 30px; }
.lh32{line-height: 32px;}
.patentJS-pagination{ text-align: center;
margin-top: 60px;
padding-bottom: 100px;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{outline: none;}
.jtgk{box-shadow: 0px 6px 26px rgba(0,0,0,0.2);
background: #fff;}
.about_jtjs{display: flex; align-items: center;}
.jtjs_fl{width: 40%;}
.jtjs_fl img{ display: block; object-fit: cover; width: 100%; height: 100%;}
.jtjs_fr{ width: 60%;padding: 2% 5%;
max-height: 470px;
overflow: hidden;
overflow-y: scroll;}
.patentJS h3{text-align: center;
font-size: 2rem;
padding-top: 50px;}
.top{position: fixed;z-index: 1000;cursor: pointer;
right: 0;
bottom: 20%;
width: 50px;
height: 50px;
background: #3b2b2b;
border-radius: 50%;
text-align: center;}
.top p{color: #fff; font-size: .6rem;}
.on-icon{color: #fff;
margin-top: 5px;}
.top:hover{background:var(--main-color);}
.cpys1{ text-align:center;margin-bottom: 30px;}
.cpys1 h2{ font-size:2rem}
.cpys1 p{ color: #777;
font-size: 1.2rem;
line-height: 2rem;
font-weight: 100;}
.about_jj{width: 30%;}
.about_jj h2{font-size: 2rem; color: #000;margin-bottom: 10px;}
.about_jj h5{font-size: 2rem;
font-weight: 100;
color: #603a0a;}
.jj_fr { width:65%;}
.about_qyjs{justify-content: space-between;}
.jj01 .iconfont{font-size: 5rem;color: #e70012;}
.jj01 { display: flex;
padding: 30px 0px;
margin-top: 20px;
border-bottom: 1px #ddd solid;
align-items: center;}
.jj_con{ padding-top: 50px; position: relative;}
.jj_con::before{position: absolute;content: "";width: 65px; height: 3px; background: var(--main-color); top:50; left: 0;}
.jj_y{margin-left: 40px;}
.jj_y span{ margin-left: 10px;}
.jj_y p,.jj_y span{ color: #999; font-weight: 200;}
.jj_y h3{ display: inline-block;
font-size: 3rem;
font-weight: 100;
color: #e70012;
font-family: Impact,Arial, Helvetica, sans-serif;}
.jjs_con{font-size:1rem; line-height: 2rem;}
.zlmb{ background:url(/template/kxy/img/about_02bg.jpg) no-repeat center; padding: 50px 0px; background-attachment: fixed; background-size: cover;}
.aboutcon{ padding-bottom: 0;}
.zlmb_tit{ text-align: center; color: #fff;}
.zlmb_tit h2{font-size: 1.5rem;}
.zlmb_tit p{ font-size: 3rem;
line-height: 6rem;}
.zlmb_text{text-align: center;color: #fff;
width: 50%;
margin: 0px auto; font-weight: 100;
line-height: 2rem;}
.about03{ padding: 100px 0px; background: #f9f9f9;
margin-top: 50px;}
.about03_tit{ text-align: center; margin-bottom: 30px;}
.about03_team{ display: flex; justify-content: space-between;}
.about03_r{ flex:1; margin: 15px; background: #f5f5f5; border-radius: 10px; overflow: hidden;position: relative;box-shadow:3px 3px 10px rgba(0,0,0,0.1)}
.about03_r::after{position: absolute;content: ""; bottom: 0; left: 0; width: 0;height: 3px; transition: 0.5s; background: var(--main-color);}
.about03_r:hover::after{width: 100%;}
.about03_r:hover img{transform: scale(1.1);}
.about03_img{ overflow: hidden;}
.about03_r img{ display: block; width: 100%; max-height: 200px; transition: 0.5s;
object-fit: cover;}
.about03_r:hover .about03_text h3{color:var(--main-color);}
.about03_text{ padding: 20px;}
.about03_t{line-height: 1.5rem; margin-top: 20px; font-weight: 100;}
.about03_t ul li{ position: relative;padding-left: 20px;}
.about03_t ul li:before{position: absolute;content: ""; left: 0; top:10px; width: 5px; height: 5px;border-radius: 50%; background: var(--main-color);}
.about03_tit p{ color: #999;line-height: 2rem;}
@media (max-width: 1600px){
.navBox nav li a{ font-size:20px}
.navList > li{padding:0 10px}
}
@media (max-width:1200px){
.navBox{position: initial;}
.navList{ display: none;margin-right: 0;}
.home_banner img{ width: 100%;}
.productimg{ transform: translate(0,0);}
.productimg img{max-width: 100%;}
.in-about dt{ width: 100%; margin-top: 0px; height: 200px;}
.in-about dt video{object-fit: cover; height: auto;}
.section-title{ margin-bottom: 20px;}
.in-about dd{ margin: 0;}
.home_news_fl,.home_news_fr{ width: 100%;}
.home_news_fr{ margin-top: 50px;}
.home_news{ flex-wrap: wrap;}
.foot_fr{ display: none;}
.foot_fl{ width: 100%; text-align: center;}
.navBtn{ display: block;}
.shop{ display: none;}
.head_con{ width: 90%;flex-wrap: wrap;}
.head_con .logo img{ width: 90px;}
.head.no-bg{ padding: 0; background-color: #FFFFFF; box-shadow: 0px 0px 0.4rem rgb(82 92 117 / 18%);}
.head .english{ color: #333 !important;right: 50px; top: 18px;}
.navBtn{ position: absolute;
display: block;
width: 32px;
height: 60px;
cursor: pointer;
padding-top: 18px;
display: block;
right: 0;}
.home_banner{ padding-top: 60px;}
.navBox nav li a{line-height: 50px; font-size: 18px;}
.head.no-bg .navList > li > a{ color:#000;}
.head.no-bg .navList > li{ width: 100%;}
.navBtn span { display: inline-block; vertical-align: middle; font-size: 18px; color: #182129;}
.navRig li.navBtn { cursor: pointer; display: none;}
.navBtn span { width: 22px; height: 30px; position: relative;}
.navBtn span b { display: block; width: 100%; height: 2px; background: var(--main-color); position: absolute; left: 0; top: calc((100% - 4px) / 2); transition: all .3s;}
.navBtn span b:nth-child(1) { transform: translateY(6px) rotate(0deg);}
.navBtn span b:nth-child(3) { transform: translateY(-6px) rotate(0deg);}
.navBtn.active b:nth-child(1) { transform: translateY(0) rotate(45deg);}
.navBtn.active b:nth-child(3) { transform: translateY(0) rotate(-45deg);}
.navBtn.active b:nth-child(2) { opacity: 0;}
.nav-dropdown{ position: static;
padding-top: 0;
transform: translateX(0);
border-top-width: 1px;}
.navBox nav .nav-sub li a{line-height:25px; font-size:14px}
.navList > li > a::before{display:none}
.nav-dropdown ul{ text-align:left}
.section{ padding: 40px 0;}
.productbt h4{ font-size: 1.5rem;}
.productbt h5{ font-size: 1rem;}
.swiper-product .more{width: 7rem;height: 2rem; font-size: .7rem;}
.productimg{ margin-top: 50px;}
.product .swiper-product .swiper-pagination-product{top:auto; bottom: 0;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet img{display: none;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet{ padding: 0;width: auto; line-height: 30px; height: 30px;border-radius: 0; flex: 1;}
.product .swiper-product .swiper-pagination-product{ width: 100%;}
.product .swiper-product .swiper-pagination-product .swiper-pagination-bullet i{ font-size: 12px;color: #fff;}
.container{ width: 95%;}
.section-title small{ font-size: 1.5rem;}
.section-title h4{ font-size:2rem}
.in-about li p{ font-size: 12px;}
.in-about li .wrap{ margin-left: 10px;}
.in-about li .num strong{ font-size: 1rem;}
.in-about ul{ margin-left: 0;}
.in-about li .wrap .num{ font-size: 12px;}
.btn-red{ display: block;
text-align: center;
margin: auto;}
.m-tc{ margin-top: 20px;}
.news_li .li_img{ width: 30%;}
.news_t p{ display: none;}
.news_t h3{ color: #333;font-size: .8rem;}
.n_text{line-height: 25px; font-size: .8rem; padding: 0 10px;}
.home_news{ margin-top: 20px;}
.banquan p{line-height: 20px; font-size: 12px;}
.ny_nav{ width:100%}
.banner_img{ padding-top: 60px;}
.jtgkcon h2{ margin: 20px 0px;}
.position{ font-size: 12px;}
.position a{ font-size: 12px; line-height: 30px;}
.ny_nav ul li{ margin: 2px;}
.ny_nav ul li a{ line-height: 30px; font-size: 12px;}
.about_jtjs{flex-wrap: wrap;}
.jtjs_fl{width: 100%;}
.jtjs_fr{ width: 100%; max-height:100%; line-height:25px; font-size:14px}
.aboutnr{ margin-bottom: 20px; line-height:2rem; }
.a_content1{padding: 2rem 0rem;}
.a_tit h3{ font-size: 1.2rem;}
.a_tit h5{ font-size: 1.5rem;}
.a_year ul li{padding-left:10px}
.a_year ul li h4{font-size: 1.5rem;}
.a_year ul li span{ font-size:.8rem;padding-left:10px}
.a_year ul li p{ font-size:.8rem}
.about_content{ padding-bottom:20px}
.honor-item{ flex-wrap: wrap-reverse;}
.honor-text,.honor_img{ width:100%}
.zzry .ry_con{ padding:50px 0px}
.shopDown-logo li{ width:33.333%}
.productlist_con .pro_item{ width:50%; margin:5px 0px}
.prolist_text{position:initial; width:100%; padding:10px 0px}
.products_list{padding-bottom: 50px;}
.pagebar .pagination{ margin: 50px 0px 0px;}
.pro_tjitem{width:calc(50% - 10px)}
.arc_con{ padding-top:20px; padding-bottom: 50px;}
.pro_arc{flex-wrap:wrap}
.pro_fl,.pro_fr{ width:100%}
.pro_fr_con{ padding: 20px 0px;}
.pro_fr_con h2{font-size: 1.5rem;; letter-spacing:0}
.pro_lxcon{ width:100%}
.xqnr img{ width:100%}
.pro_lxcon a{ display:block; text-align:center}
.pro_tj_list{flex-wrap: wrap;}
.pro_tjitem:nth-child(2n-1){margin-left:0}
.pro_tjitem{ margin-bottom:10px}
.sub_tit{ padding-top: 20px;}
.news_con .news_team{ width:100%}
.arc_c,.news_fr{ width:100%}
.kxy_arccon{ flex-wrap:wrap}
.dz_fl{ font-size:14px; line-height:25px}
.dztd{ margin-top:20px}
.dztd ul{flex-wrap:wrap}
.dztd ul li{ flex:auto; width:100%; margin-bottom: 10px;padding: 2px; margin-right:0}
.dztd ul li h3{ line-height: 25px;font-size: 14px;position:relative}
.formcon{padding: 50px 0px;}
.dzcp_form{ width:90%}
.wsc-form .fm-radio{ margin-left:0}
.dz_pro_con{padding:20px 0px}
.lxkx-main{ flex-wrap: wrap;}
.lxkx-fl{ width:100%}
.lxkx-fr{ width:100%; max-height:200px}
.lxkx_flcon{ padding:20px}
.shop_line,.tip-right{ flex-wrap: wrap;}
.shop_fl{ width:100%}
.shop_fr{ width:100%; height: 100%; padding:50px 0}
.tip-item{ flex:auto; width:50%}
.shop_line{ margin-bottom:50px}
.cpys{ top:10%}
.inn2-item{ height:100vw}
.flex{flex-wrap:wrap-reverse}
.patentJS-img,.patentJS-con{width:100%}
.patentJS-slide{ padding: 0 20px;}
.patentJS-img{ transform: translateX(0px); }
.patentJS-img img {height:auto}
.fs36{ font-sizeļ¼1.5rem}
}
@media (max-width:798px){
.about_qyjs { flex-wrap: wrap;}
.about_jj,.jj_fr{ width: 100%;}
.jj01{ width: 50%;}
.jj01 .iconfont{font-size: 3rem;}
.jj_y h3{font-size: 2rem; }
.zlmb_tit p{font-size: 2rem; line-height: 3rem;}
.zlmb_text{ line-height: 1.5rem; width: 80%;font-size: 14px;}
.about03_team{flex-wrap: wrap;}
.about03_r{ width:100%; flex:auto}
.about03{ padding: 50px 0px;}
.jjs_con img{ width:100%}
.jj_con{ display:flex; flex-wrap:wrap}
.jj_y{ margin-left:10px}
.about_ip{ padding:0px; flex-wrap: wrap;}
.about_iptit{ width:100%; flex:auto; margin-right:0; margin-top:20px}
.wh_row{ width:100%}
.qywhcon h2{ padding:20px 0px}
.ds_item{ width:100%; margin-left:0px}
.hzhb_con_tit{ padding:20px 0px}
.shopDown-logo li{ width:50%}
}