@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img,figure{margin:0;padding:0;}
body,button, input, select, textarea {font:16px "Microsoft Yahei","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;color:#4c4c4c;}
body {background-color:#fff;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;max-width:100%;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {transition:all 0.2s;color:#4c4c4c;}
a:hover {color:#000;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}

img{
	object-position: center; 
object-fit: cover;  
}

.alogo,.flogo{
	width: 170px;
}

/*header*/
.h_wrap {position:relative;}
#header .navbar-default {background-color:rgba(163,185,78,0);border:none;height:110px;border-bottom:1px solid #a7a9ac;padding-top:30px;}
#header .navbar-brand{padding:0;}
#header .navbar-brand img {display:inline-block;width: 26%;}
#navbar {float:right;}
#navbar .navbar-nav > li {margin:0 15px;}
#navbar .navbar-nav > li > a {display:block;font-size:16px;color:#fff;height:54px;line-height:54px;text-align:center;position:relative;padding:0;}
#navbar .navbar-nav > li > a::after {content:'';width:0;height:2px;background-color:#e60012;position:absolute;bottom:0;left:50%;margin-left:-33px;transition:all 0.5s;}
#navbar .navbar-nav > li > a:hover::after,#navbar .navbar-nav > li > a.active::after {width:66px;}
#navbar .dropdown-menu a {font-size:15px;line-height:2;}
#navbar .navbar-nav>.open>a,#navbar .navbar-nav>.open>a:focus,#navbar .navbar-nav>.open>a:hover {background-color:transparent;}
#navbar .dropdown-menu a:hover {background-color:#e60012;color:#fff;}
.h_tel {float:left;color:#fff;padding-left:45px;background:url(../images/tel.png) no-repeat left center;margin-left:50px;font-size:14px;}
.h_tel span {display:block;font-size:30px;}

.swiper_bannerlg .swiper_imglg {display:block;width:100% !important;margin:0 auto;}
.swiper_ani {position:absolute;top:50%;left:50%;max-height:83%;visibility:hidden;}
.swiper_bannerlg .swiper-pagination-bullet {transition:all 0.3s;opacity:0.8;width:12px;height:12px;background:#ccc;outline:none;}
.swiper_bannerlg .swiper-pagination-bullet-active {background:#e60012;width:30px;border-radius:12px;}


/*index*/
.secpad {padding:55px 0;}
.ovh {overflow:hidden;}
.index_tit {text-align:center;}
.index_tit h3 {font-size:48px;}
.index_tit h3 span {color:#e60012;}
.index_tit p {font-size:18px;color:#808080;padding:20px 0;position:relative;}
.index_tit p::before {content:'';width:120px;height:1px;background-color:#dcdcdc;position:absolute;left:50%;top:50%;margin-left:-460px;}
.index_tit p::after {content:'';width:120px;height:1px;background-color:#dcdcdc;position:absolute;left:50%;top:50%;margin-left:340px;}


.cul_about {padding:20px 50px 0;}
.cul {position:relative;overflow:visible;}
.cul_img {position:absolute;bottom:-190px;right:-20px;z-index:10;}
.cul_text {overflow:hidden;margin-bottom:40px;}
.cul_text img {float:left;margin-right:20px;}
.cul_text h6 {line-height:40px;font-size:18px;}
.cul_text p {color:#808080;}
.about {position:relative;overflow:visible;}
.a_video {position:absolute;top:0;left:-20px;z-index:9;display:block;border:1px solid #dcdcdc;width:848px;height:418px;overflow:hidden;}
.a_video i {display:block;width:141px;height:141px;background:url(../images/play.png) no-repeat;position:absolute;top:50%;left:50%;margin-top:-70px;margin-left:-70px;z-index:10;}
.about_img {transition:all 1s;}
.about_img:hover {transform:scale(1.1);}
#a_video {display:none;width:1200px;height:600px;}
.about_text {padding-left:50px;padding-top:435px;}
.about_text img {margin-bottom:12px;}
.about_text p {line-height:1.7;text-indent:2em;}
.about_text a {float:right;display:block;width:200px;height:30px;line-height:30px;text-align:center;border-radius:30px;background-color:#e60012;color:#fff;font-size:14px;margin-top:20px;}
.about_text a:hover {background-color:#553f80;}

.product {background:url(../images/pro_bg.jpg) no-repeat center center;padding:20px 0;}
.product ul li {float:left;width:520px;height:440px;margin-bottom:20px;box-shadow:0 0 15px rgba(0,0,0,0.3);}
.product ul li a {display:block;position:relative;}
.product ul li.pro_1 {width:960px;height:400px;margin-right:20px;}
.product ul li.pro_2 {width:620px;height:400px;}
.pro_3 {margin-right:20px;}
.pro_4 {margin-right:20px;}
.product ul li a h5 {position:absolute;left:15%;bottom:35px;width:70%;text-align:center;background-color:#e60012;color:#fff;font-size:24px;height:46px;line-height:46px;border-radius:46px;}
.procat {display:none;position:absolute;left:50%;top:50%;width:360px;height:360px;margin-left:-180px;margin-top:-180px;background:url(../images/procat_bg.png) no-repeat;transition:all 0.5s;}
.procat_wrap {padding:80px 33px 0;color:#fff;text-align:center;}
.procat h6 {font-size:33px;margin-bottom:20px;padding:0 15px;}
.procat p {text-align:left;margin-bottom:25px;line-height:1.5;}
.pro_2 .procat h6,.pro_4 .procat h6,.pro_5 .procat h6 {font-size:28px;}
.product ul li a:hover h5 {display:none;}
.product ul li a:hover .procat {display:block;}


.news .index_tit p::before {margin-left:-250px;}
.news .index_tit p::after {margin-left:130px;}
.swiper_news {position:relative;padding-top:40px;margin-top:10px;}
.swiper_news .swiper-button-prev {width:37px;height:37px;background:url(../images/arrow_l.png) no-repeat;position:absolute;left:auto;top:0;right:50px;}
.swiper_news .swiper-button-next {width:37px;height:37px;background:url(../images/arrow_r.png) no-repeat;position:absolute;left:auto;top:0;right:0;}
.swiper_news a {display:block;border:1px solid #bfbfbf;padding:30px 15px;height:280px;position:relative;}
.swiper_news a h6 {font-size:20px;margin-bottom:20px;}
.swiper_news a p {font-size:14px;color:#808080;}
.swiper_news a span {display:block;font-size:14px;color:#808080;position:absolute;bottom:15px;}
.swiper_news a span i {display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../images/time.png) no-repeat;margin-right:10px;}
.swiper_news a:hover {border-color:#e60012;}
.swiper_news a:hover h6 {color:#e60012;}

.performance {background:url(../images/per_bg.jpg) no-repeat center top;}
.performance .index_tit h3 {color:#fff;padding-top:30px;}
.performance .index_tit p {color:#fff;}
.performance .index_tit p::before {margin-left:-250px;}
.performance .index_tit p::after {margin-left:130px;}
.swiper_per {background-color:#fff;padding-top:20px;margin-top:30px;padding:20px;}
.swiper_per .swiper-slide img {width:100%;height:250px;object-position: center; object-fit: cover; }
.swiper_per .swiper-slide h6 {height:34px;line-height:34px;text-align:center;background-color:#dcdcdc;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper_per .swiper-slide a:hover h6 {background-color:#e60012;color:#fff;}


/*footer*/
#footer {background-color:#333333;color:#fff;padding:30px 0 20px 0;}
.f_cont {margin:22px 0;}
.f_cont p {margin-bottom:7px;font-size:14px;}
.f_cont p i {display:inline-block;vertical-align:middle;width:33px;height:33px;margin-right:12px;}
.f_tel {background:url(../images/f_tel.png) no-repeat;}
.f_fax {background:url(../images/f_fax.png) no-repeat;}
.f_add {background:url(../images/f_add.png) no-repeat;}
.fc_add {overflow:hidden;}
.fc_add i {float:left;}
.fc_add span {float:left;width:90%;margin-top:5px;}
.f_nav li {float:left;padding:0 18px;position:relative;}
.f_nav li:first-child {padding-left:0;}
.f_nav li::after {content:'';position:absolute;top:5px;right:0;width:2px;height:15px;background-color:#fff;}
.f_nav li:last-child::after {display:none;}
.f_nav li a {color:#fff;font-size:14px;}
.f_nav li a:hover {text-decoration:underline;}

.f_form {padding-top:15px;}
.f_form h6 {margin-bottom:20px;}
.f_form h6 i {display:inline-block;vertical-align:middle;background:url(../images/f_msg.png) no-repeat;width:22px;height:24px;margin-right:10px;}
.f_form form input {float:left;width:49%;height:30px;line-height:30px;padding:0 8px;border:1px solid #dcdcdc;background-color:transparent;color:#fff;border-radius:3px;font-size:14px;}
#f_name {margin-right:2%;}
.f_form form textarea {clear:both;width:100%;height:120px;padding:8px;border:1px solid #dcdcdc;background-color:transparent;color:#fff;border-radius:3px;font-size:14px;outline:none;margin:10px 0;}
.f_form form button {width:100%;height:30px;line-height:30px;text-align:center;border:none;background-color:#fff;color:#e60012;border-radius:3px;}

.f_copy {text-align:center;font-size:14px;border-top:1px solid #bfbfbf;padding:15px 15px 0;margin-top:20px;}
.f_copy a {color:#fff;font-size:14px;}
.f_copy a:hover {text-decoration:underline;}

#footer .f_phone_nav {background-color:#222;height:48px;z-index:8;}
#footer .f_phone_nav .col-xs-3 {padding:0;border-right:1px solid #fff;height:48px;}
#footer .f_phone_nav .col-xs-3:last-child {border:none;}
#footer .f_phone_nav a {color:#fff;font-size:14px;text-align:center;display: block;padding:5px 0 0 0;}
#footer .f_phone_nav a span {display:block;font-size:22px;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:56px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;margin-top:10px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*news*/
.secpad2 {padding:30px 0;}

.top_nav {background-color:#808080;}
.top_nav ul {text-align:center;}
.top_nav ul li {display:inline-block;vertical-align:top;}
.top_nav ul li a {font-size:18px;padding:10px 50px;display:block;color:#fff;transition:all 0.3s;}
.top_nav ul li a:hover,.top_nav ul li a.active {background-color:#e60012;}
.catname {text-align:center;font-size:30px;padding:10px 0 40px;}

.news_list li {float:left;width:370px;height:240px;margin:0 15px 20px;}
.news_list li a {display:block;border:1px solid #bfbfbf;padding:30px 15px;height:240px;position:relative;}
.news_list li a h6 {font-size:20px;margin-bottom:20px;}
.news_list li a p {font-size:14px;color:#808080;}
.news_list li a span {display:block;font-size:14px;color:#808080;position:absolute;bottom:15px;}
.news_list li a span i {display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../images/time.png) no-repeat;margin-right:10px;}
.news_list li a:hover {border-color:#e60012;}
.news_list li a:hover h6 {color:#e60012;}

#pages {margin:25px 0;text-align:center;}
#pages a,#pages span {display:inline-block;background-color:#999;text-align:center;color:#fff;padding:3px 10px;margin-bottom:3px;}
#pages a:hover {background-color:#888;text-decoration:none;}
#pages span {background-color:#e60012;color:#fff;}


/*show*/
.show_tit {text-align:center;font-size:30px;padding:10px 10px 0;}
.show_des {color:#999;font-size:15px;padding:10px 0;overflow:hidden;text-align:center;}
.show_con {padding:30px 0;margin:15px 0;font-size:16px;color:#666;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;
overflow-x: auto;
}
.show_con p ,.show_con div {font-size:16px;color:#666;margin-bottom:15px;}
.show_con img {height:auto !important;max-width:100%;}
.show_con iframe {width:800px;height:600px;margin:10px auto;display:block;}
.spage .pager li a {max-width:49%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s_back {text-align:center;}
.s_back a {display:inline-block;vertical-align:top;padding:8px 50px;font-size:16px;border:1px solid #ddd;border-radius:50px;}
.s_back a:hover {border:1px solid #e60012;}


/*contact*/
.pad_top {padding-top:25px;}
.contact_text h3 {font-size:26px;padding:30px 0;}
.contact_text p {font-size:18px;color:#555;padding:5px 0;margin-top:10px;}
.contact_text p i {font-size:22px;color:#e60012;margin-right:10px;}
.c_add {overflow:hidden;}
.c_add i {float:left;}
.c_add span {float:left;width:90%;}

/*products*/
.pro_list li a {display:block;border: 2px solid #b5b5b5;margin-bottom:30px;transition: all 0.2s;}
.pro_list li a img {width:100%;height:430px;}
.pro_list li a h6 {height:40px;line-height:40px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:18px;}
.pro_list li a:hover {border-color:#e60012;box-shadow:0 0 15px rgba(0,0,0,0.5);}
.pro_list_cat ul {overflow:hidden;}
.pro_list_cat li {float:left;width:20%;padding-left:10px;padding-right:10px;}
.pro_list_cat li a img {height:256px;object-fit: cover;  object-position: center; }

.sp_tit {padding:80px 0 50px;text-align:left;}
.show_pic {border:1px solid #ddd;padding:15px;overflow:hidden;text-align:center;}
.showp_detail {font-size:20px;font-weight:bold;border-left:5px solid #33b861;padding-left:8px;margin-top:50px;}

/*img*/
.img_list li {margin-bottom:25px;}
.img_list li img {width:100%;height:250px; object-fit: cover;  object-position: center;}
.img_list li h6 {height:40px;line-height:40px;font-size:18px;text-align:center;background-color:#dcdcdc;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.img_list li a:hover h6 {background-color:#e60012;color:#fff;}


@media (min-width: 1630px) {
	.container {width:1630px;}
    #header .navbar-brand img {display:inline-block;width: 26%;}
}
@media (max-width: 1629px) {
	#header .navbar-brand img {display:inline-block;width: 53%;}
	#header .navbar-default {height:90px;padding-top:20px;}
	#header .navbar-brand span {display:none;}
	.h_tel {display:none;}
	.swiper_ani {max-height:80%;}
	.cul_about {padding:20px 0 0;}
	.cul_img {bottom:-150px;right:-30px;height:390px;}
	.a_video {left:0;width:565px;height:279px;}
	.a_video i {width:100px;height:100px;margin-top:-50px;margin-left:-50px;background-size:100%;}
	#a_video {width:1000px;height:500px;}
	.about_text {padding-left:0;padding-top:310px;}
	.product ul li {width:370px;height:313px;margin-bottom:15px;}
	.product ul li.pro_1 {width:700px;height:313px;margin-right:15px;}
	.product ul li.pro_2 {width:425px;height:313px;}
	.pro_3 {margin-right:15px;}
	.pro_4 {margin-right:15px;}
	.product ul li a>img {height:313px;}
	.product ul li a h5 {font-size:18px;bottom:20px;}
	.procat {width:300px;height:300px;margin-left:-150px;margin-top:-150px;background-size:100%;}
	.procat_wrap {padding:50px 33px 0;}
	.procat h6 {font-size:25px;margin-bottom:10px;padding:0 20px;}
	.procat p {line-height:1.3;}
	.pro_2 .procat h6,.pro_4 .procat h6,.pro_5 .procat h6 {font-size:22px;}
	.swiper_news a h6 {font-size:18px;}
	.swiper_per .swiper-slide img {height:174px;}
	.f_nav li {padding:0 12px;}
	.news_list li {width:270px;height:250px;margin:0 7px 15px;}
	.news_list li a {height:250px;}
	.news_list li a h6 {font-size:17px;}
	.pro_list li a img {height:300px;}
	.pro_list_cat li {padding-left:5px;padding-right:5px;}
	.pro_list_cat li a img {height:186px;}
	.pro_list_cat li a h6 {font-size:15px;}
	.img_list li img {height:173px;}
	.img_list li h6 {height:35px;line-height:35px;font-size:16px;}

}
@media (max-width: 1199px) {
	#header .navbar-brand img {display:inline-block;width: 53%;}
	#header .navbar-default {height:80px;padding-top:15px;}
	.swiper_ani {max-height:78%;}
	.index_tit h3 {font-size:38px;}
	.index_tit p {font-size:16px;}
	.index_tit p::before {margin-left:-420px;}
	.index_tit p::after {margin-left:300px;}
	.cul_img {bottom:-160px;right:-30px;height:280px;}
	.cul_text {margin-bottom:20px;}
	.a_video {width:465px;height:229px;}
	.a_video i {width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
	.about_text {padding-top:250px;}
	#a_video {width:880px;height:450px;}
	.product {background:#333333;padding:30px 0;}
	.product ul li {width:460px;height:380px;margin-bottom:20px;}
	.product ul li.pro_1 {width:100%;height:380px;margin-right:0;}
	.product ul li.pro_2 {width:460px;height:380px;margin-right:20px;}
	.pro_3 {margin-right:0;}
	.pro_4 {margin-right:20px;}
	.product ul li a>img {width:100%;height:380px;}
	.news .index_tit p::before,.performance .index_tit p::before {margin-left:-240px;}
	.news .index_tit p::after,.performance .index_tit p::after {margin-left:120px;}
	.swiper_per .swiper-slide img {height:189px;}
	.f_nav li {padding:0 20px;}
	.top_nav ul li a {padding:10px 35px;}
	.news_list li {width:290px;margin:0 11px 20px;}
	.pro_list li a {margin-bottom:20px;}
	.pro_list li a img {height:245px;}
	.pro_list li a h6 {font-size:16px;}
	.pro_list_cat li {width:33.33%;padding-left:15px;padding-right:15px;}
	.pro_list_cat li a img {height:245px;}
	.img_list li img {height:193px;}
	.sp_tit {padding:50px 0 30px;}

}
@media (max-width: 991px) {
	#header {padding-top:130px;}
	#header .navbar-default {height:130px;text-align:center;background-color:rgba(0,0,0,0.8);}
	#header .navbar-header,#header .navbar-nav,#navbar {float:none;}
	#header .navbar-brand {display:block;float:none;}
	#header .navbar-brand span {display:inline;}
	#header .navbar-nav>li {float:none;display:inline-block;margin:0 10px;}
	.swiper_bannerlg {display:none;}
	.swiper_banner .swiper_img {display:block;width:100% !important;margin:0 auto;}
	.swiper_banner .swiper-pagination-bullet {transition:all 0.3s;opacity:0.8;background:#ccc;}
	.swiper_banner .swiper-pagination-bullet-active {background:#e60012;}
	.index_tit h3 {font-size:30px;}
	.index_tit p {font-size:15px;padding:10px 0;}
	.index_tit p::before {margin-left:-370px;width:90px;}
	.index_tit p::after {margin-left:280px;width:90px;}
	.cul_text {padding-left:50px;}
	.cul_img {position:static;display:block;margin:50px auto;     width: 100%;
    object-fit: cover;
	object-position: center; 
	}
	.about {padding-top:15px;}
	.a_video {position:static;width:100%;height:auto;}
	.a_video i {display:none;}
	.about_text {padding-top:20px;}
	.about_text a {float:none;margin:20px auto;}
	#a_video {width:700px;height:400px;}
	.product ul li {width:355px;height:300px;margin-bottom:10px;}
	.product ul li.pro_1 {height:300px;}
	.product ul li.pro_2 {width:355px;height:300px;margin-right:10px;}
	.pro_4 {margin-right:10px;}
	.product ul li a>img {width:100%;height:300px;}
	.product ul li a h5 {font-size:16px;height:40px;line-height:40px;border-radius:40px;width: 80%;left: 10%;}
	.product ul li a:hover .procat {display:none;}
	.product ul li a:hover h5 {display:block;}
	.swiper_news a {padding:30px 15px;}
	.swiper_news a h6 {font-size:18px;}
	.news .index_tit p::before,.performance .index_tit p::before {margin-left:-200px;}
	.news .index_tit p::after,.performance .index_tit p::after {margin-left:110px;}
	.performance .index_tit h3 {padding-top:0;}
	.swiper_per .swiper-slide img {height:143px;}
	.f_nav {display:none;}
	.top_nav ul li a {padding:10px 16px;font-size:15px;}
	.news_list li {width:230px;height:280px;margin:0 5px 10px;}
	.news_list li a {height:280px;}
	.news_list li a h6 {font-size:16px;}
	.show_tit {font-size:26px;}
	.show_con iframe {width:100%;height:450px;}
	.pro_list li a img {height:289px;}
	.pro_list_cat li a img {height:183px;}
	.pro_list li a h6 {font-size:15px;}
	.img_list li img {height:227px;}
	.sp_tit {padding:30px 0 20px;}
	 
}
@media (max-width: 767px) {
	#header {padding-top:50px;}
	#header .navbar-default {height:50px;text-align:center;background-color:#222;padding-top:0;}
	#header .navbar-brand {padding:5px 0 0 10px;float:left;width: 100px;}
	#header .navbar-brand span {display:none;}
	#header .navbar-brand img {width: 100%;}
	#header .navbar-default .navbar-toggle:focus,#header .navbar-default .navbar-toggle:hover {background-color:transparent;}
	#header .navbar-default .navbar-toggle {border:none;margin:10px 0 0 0;}
	#header .navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
	#navbar {float:none;padding-top:0;}
	#navbar .navbar-nav {background-color:#fff;margin-top:0;}
	#header .navbar-nav>li {margin:0;}
	#navbar .navbar-nav > li > a {height:auto;line-height:1;text-align:left;padding: 10px 15px;font-weight:normal;color:#000;}
	#navbar .navbar-nav > li > a:hover::after, #navbar .navbar-nav > li > a.active::after {display:none;}
	#navbar .navbar-nav > li > a.active {color:#e60012;}
	#navbar .nav>li {border-bottom:1px solid #ddd;width:100%;}
	#navbar .dropdown-menu>li>a {color:#444;padding:3px 20px 0;}
	#header .navbar-default .navbar-collapse,#header  .navbar-default .navbar-form {border-color:#e60012;}
	#header .navbar-toggle .icon-bar {transition:all 0.3s;}
	#header .navbar-toggle.collapsed .icon-bar:first-child{transform:rotate(0deg);position:relative;top:0;}
	#header .navbar-toggle.collapsed .icon-bar:nth-child(2){opacity:1;}
	#header .navbar-toggle.collapsed .icon-bar:last-child{transform:rotate(0deg);position:relative;top:0;}	
	#header .navbar-toggle .icon-bar:first-child{transform:rotate(45deg);position:relative;top:6px;}
	#header .navbar-toggle .icon-bar:nth-child(2){opacity:0;}
	#header .navbar-toggle .icon-bar:last-child{transform:rotate(-45deg);position:relative;top:-6px;}	
	#navbar .nav li span.dropdown-toggle {width:40%;height:40px;line-height:40px;text-align:right;padding-right:25px;position:absolute;right:0;top:0;z-index:9;font-size:20px;}	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}	
	.secpad {padding:40px 0;}
	.index_tit h3 {font-size:25px;}
	.index_tit p {font-size:14px;padding:10px;}
	.index_tit p::before,.index_tit p::after {display:none;}
	.cul_text {padding-left:0;margin-bottom:10px;}
	#a_video {width:400px;height:300px;}
	.product ul li {width:100%;height:auto;margin-bottom:10px;}
	.product ul li.pro_1 {height:auto;}
	.product ul li.pro_2 {width:100%;height:auto;margin-right:0;}
	.pro_4 {margin-right:0;}
	.product ul li a>img {width:100%;height:auto;}
	.product ul li a h5 {bottom:10px;}
	.swiper_news {padding-top:30px;}
	.swiper_news a h6 {font-size:16px;margin-bottom:15px;}
	.swiper_per .swiper-slide img {height:160px;}
	#footer {padding:30px 0 70px 0;}
	.catname {font-size:26px;padding:0 0 30px;}
	.news_list li {width:100%;height:auto;margin:0 0 15px;}
	.news_list li a {height:auto;padding:20px 15px;}
	.news_list li a span {position:static;margin-top:15px;}
	.news_list li a span i {width:20px;height:20px;background-size:100%;margin-right:6px;}
	#pages {margin:15px 0;}
	#pages .a1 {display:none;}
	.pager li {width:100%;margin-bottom:5px;display:block;}
	.spage .pager li a {max-width:100%;float:none;display:block;text-align:left;}
	.show_con iframe {height:360px;}
	.contact_text h3 {font-size:20px;padding:15px 0;}
	.pro_list li a img {height:auto;}
	.pro_list_cat li {width:50%;}
	.pro_list_cat li a img {height:230px;}
	.img_list li img {height:auto;}

}
@media (max-width: 479px) {
	img.swiper_ani {width:80%;}
	.swiper_ani {font-size:20px;}
	.swiper_ani span {padding:10px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}	
	.secpad {padding:30px 0;}
	.index_tit h3 {font-size:22px;padding:0 10px;}
	.index_tit p {font-size:13px;padding:5px 10px;}
	.cul_text img {width:60px;margin-right:6px;}
	.cul_text h6 {font-size:16px;line-height:33px;}
	.cul_text p {font-size:14px;}
	#a_video {width:100%;height:280px;}
	.about_text {padding-top:15px;}
	.about_text img {margin-bottom:10px;}
	.about_text p {font-size:15px;line-height:1.6;}
	.about_text a {width:140px;}
	.product ul li a h5 {font-size:15px;height:33px;line-height:33px;border-radius:33px;}
	.swiper_news {padding-top:22px;margin-top:28px;}
	.swiper_news a {height:240px;}
	.swiper_per .swiper-slide img {width: 100%;height: 240px;object-fit: cover;object-position: center; }
	.swiper_per .swiper-slide h6 {font-size:15px;}
	.f_cont {display:none;}
	.catname {font-size:22px;padding:0 0 25px;}
	#pages {margin:10px 0;}
	.show_tit {font-size:20px;}
	.spage .pager li a {font-size:14px;}
	.show_con iframe {height:260px;}
	.contact_text h3 {font-size:18px;padding:10px 0;}
	.contact_text p {font-size:16px;}
	.contact_text p i {font-size:18px;margin-right:5px;}
	.pro_list li a h6 {font-size:15px;height:35px;line-height:35px;}
	.pro_list li a {margin-bottom:15px;}
	.pro_list_cat li {width:100%;}
	.pro_list_cat li a img {height:auto;object-position: center; 
object-fit: cover;  }
	.img_list li a h6 {font-size:15px;}
	
}


     .hzhb   .container {
            max-width: 1630px;
            margin: 0 auto;
        }
    .hzhb    h3 {
            text-align: center;
            margin-bottom: 2rem;
            color: #333;
		font-size: 48px;
        }
      .hzhb  .brands-grid {
            display: grid;
          grid-template-columns: repeat(6, 1fr);
            gap: 2rem;
            padding: 1rem;
        }
     .hzhb   .brand-card {
            background: white;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
       .hzhb .brand-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
      .hzhb  .brand-logo {
            width: 100%;
            height: 80px;
            object-fit: contain;
            margin-bottom: 1rem;
        }
     .hzhb   .brand-name {
            font-weight: 600;
            color: #444;
            text-align: center;
        }
        @media (max-width: 768px) {
          .hzhb  .brands-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 1rem;
            }
        }
        @media (max-width: 480px) {
          .hzhb  .brands-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }