@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */


@import url('all.min.css');
@font-face {
    font-family: 'hk_groteskregular';
    src: url('../fonts/hkgrotesk-bold-2-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-bold-2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html,body{color:#333;font-family:"hk_groteskregular","微软雅黑","思源黑体",Arial,Open Sans,sans-serif;font-style:normal;font-size:14px;line-height:1.5;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6,strong{font-weight: 600;}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#111;}
a:hover{outline:0;color:#78ad16;text-decoration:none;}
img{border:0;max-width:100%;}
/*改变滚动条样式*/
.clearfix::after {
	  content: "";      /* 伪元素必须有 content */
	  display: block;   /* 转为块级元素 */
	  clear: both;      /* 清除左右浮动 */
	  visibility: hidden; /* 可选，隐藏伪元素 */
	  height: 0;        /* 可选，设置高度为 0 */
	}
}
::-webkit-scrollbar-track{background-color: #e5e5e5;}
::-webkit-scrollbar-thumb{background-color: #2b52d3;width:5px;}
/**/
header{width:100%;}
.wrap{width:1300px; margin:0 auto;}
.head_top{background:#f6f6f6;position: relative;line-height: 38px;height:38px;}
.head_top_ti{width:50%; float:left;overflow: hidden;}
.head_top_ti span{margin-right:10px}
.head_top_ti .fa-solid{font-size:12px;color:#78ad16}
.head_top_a{width:50%; float:left; text-align: right;}
.head_top_a a{display:inline-block;margin:0 5px; position: relative;}
.head_top_a a i{padding-right:5px;font-size:20px;line-height:20px}
.head_top_a a:last-of-type{margin-right:0;}

.head_top_a a:after{content:"";width:1px; height:15px; background:#aaa;position: absolute;right:-5px;top:10px;}

.lang_con{width:150px; background:#fff; border:1px solid #ddd;position: absolute;right:15%;top:100%;z-index: 100;display:none;}
.lang_con a{display:block; text-align: center; padding:5px 0;}
.lang_con a:after{display:none;}
/**/
.header_center{width:100%; padding:30px 0;position: relative;}
.header_logo{width:250px; float:left;vertical-align: middle;}
.header_center .wrap{display:flex;align-items: center;    justify-content:space-between;}
.header_logo img{ display:block}
.header_logo h1{display:inline-block; position: relative;padding-right:2rem;}
.header_logo h1:after{content:"";height:80%; width:1px;position: absolute;top:10%;right:1rem;background:linear-gradient(to bottom,rgba(254,165,29,0.0),rgba(18,75,83,1.0),rgba(254,165,29,0.0));box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.header_title{display:inline-block; vertical-align: top;}
.header_title p{
	float: left;
	    margin-right: 28px;
	    background-color: #78ad16;
	    color: #fff;
	    height: 40px;
	    margin-top: 0;
	    border-radius: 5px;
	    text-align: center;
	    width: 165px;
	    font-size: 16px;
	    line-height: 40px;
	    font-weight: 700;
}
.header_title h2{color:#112b4f;font-weight: bold;display:block;font-size:20px;}
.head-name {
    font-size: 37px;
    line-height: 40px;
    margin-top: 20px;
    text-transform: uppercase;
    color: #000000;
    font-family: Arial;
    font-weight: 700;
}
/**/
.head_center_contact{width:47%;float:right;align-items: center;position: relative;padding-top:0px;display: flex;}
.head_center_contact:after{content:""; position: absolute;top:-30%;right:-100px;width:130px;height:155px;z-index: -1}
.head_li{line-height: 1.2;margin-left:1rem; float:right}
.head_cen_high{display:inline-block;position: relative;}
.head_cen_high a{font-size:20px;color:#122c51;display:block;font-weight: 600;vertical-align: middle;}
.head_cen_high a i{display:inline-block;color:#78ad16;font-size:3rem;font-weight: 200;}
.high_con{width:235px;background:#fff;padding:3px;border:1px #ccc solid; position: absolute;top:-110%;right:-210px;z-index: 100;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.05);display:none;}
.high_con img{display:block;vertical-align: middle;}
/**/
.head_cen_zixun{display:inline-block;background:url("../images/tel_ico.png") no-repeat left center;padding-left:45px;}
.head_cen_dingz{display:block;padding-left:0;}
.head-top-right-top-box{float: left;margin-left:0px;color: #000000; font-size: 16px;line-height: 40px; padding-left:30px ;position: relative;}
.head-top-right-top-box img{position: absolute;left: 0;top: 11px;width: 18px;height: 18px;}
.head-top-right-top-box a{color: #171b1c;font-size: 16px;line-height: 40px;display: block;}
.head_cen_zixun strong,.head_cen_dingz strong{font-size:22px; color:#122c51; font-family: Impact;font-weight: 200;letter-spacing: 1px;font-style: normal;display:block;text-shadow: 0 0 0 #122c51;-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.05) 70%,rgba(250,250,250,0.3));
    box-reflect: below -10px linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.05) 70%,rgba(250,250,250,0.3));}
/**/

.head_nav{width:100%;height:64px;line-height: 1.2;background:#78ad16;text-align: center;align-items: center;}
.head_nav_anda{display:none}
.head_nav li.nav-item{width:calc(100% /6);float:left;position: relative;display:block;text-transform: capitalize;}
.head_nav li.nav-item a{color:#fff;display:block;position: relative;line-height: 1.5;height: 64px;font-size:1.125rem;line-height: 64px;;}
/* .head_nav li a:after{content:attr(data-title);display:block;font-size:12px;text-transform:uppercase;opacity: 0.8;transform: scale(0.9);font-weight: 200;} */

/* .head_nav li a:before{content:"";width:1px;height:33px;background:rgba(255,255,255,0.2); position: absolute;right:-1px;top:1.5rem;box-shadow: 1px 0 0 rgba(0,0,0,1.0);} */
.head_nav li.nav-item:last-child a:before{display:none;}
.head_nav li.nav-item a:hover,.head_nav li a.active{background:#4b7203;font-weight: 600;}
.head_nav li.nav-item a:hover:before{display:none;}
.head_nav li.nav-item a.active:before{display:none;}

.header_menu{display:none;}
.nav-item{
	position: relative;
}
.has-submenu > .nav-link-1::after{
	content:'▼';
	margin-left:5px;
	display: inline-block;
	vertical-align: baseline;
	
}
.dropdown{
	position: absolute;
	top: 100%;
	left:0;
	min-width: 100%;
	display: none;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
	z-index:1001;
	background-color: #78ad16;
	width: 220px;
}
.dropdown-5{
	min-width: 230px;
}
.dropdown-level-2{
	left:100%;
	top:0;
	min-width: 300px;
}
.dropdown-level-3{
	left:100%;
	top:0;
    min-width: 250px;
}
.submenu-item {
	width: 100%;
}
.has-submenu > .nav-link::after{
	content:'▶';
	margin-left:5px;
	position: absolute;
	right:10px;
	top:50%;
	transform: translateY(-50%);
}
.has-submenu > .submenu-link::after{
	content:'▶';
	margin-left:5px;
	position: absolute;
	right:10px;
	top:50%;
	transform: translateY(-50%);
}
.submenu-item{
	position: relative;
	width: 100%;
}
.head_nav li.nav-item .submenu-link{
	display: block;
	text-decoration: none;
	padding-left:25px;
	transition: 0.3s;
	position: relative;
	line-height: 40px;
	height: 40px;
	text-align: left;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.head_nav li.nav-item .submenu-link:hover{
	background-color: #4b7203;
	font-weight: normal;
}
.header_anda_nav.head_nav{width:calc(100% - 300px)}
/**/
.banner_box{position:relative;overflow: hidden;width:100%;}
.banner{width:100%; position: relative; overflow: hidden;min-height:500px;}
.banner li{width:100%; overflow: hidden;}
.banner li img{vertical-align:middle;width:100%;}
.ban-pagination{position: absolute;text-align: center;bottom:20px;}
.ban-pagination .swiper-pagination-bullet{background:#fff;}
/**/
.home_site_sear{width:100%;background:#f6f6f6; padding:1rem 0;overflow: hidden;}
.home_site_con{width:60%; float:left;line-height: 1.5;text-transform: capitalize;}
.home_sear_con{width:40%; float:right;}
.home_site_con a{display:inline-block; margin-right:10px; position: relative;text-transform: capitalize;}
.home_site_con a:after{content:"";border-top:1px solid #333;border-right:1px solid #333;width:5px;height:5px;position: absolute;right:-10px;top:45%;transform: rotate(45deg);}
.home_site_con a:first-of-type:after{display:none;}
.home_site_con a:last-of-type:after{display:none;}
.home_site_con a i{display:inline-block;color:#78ad16;font-size:1.6rem;margin-right:0.45rem;}
.home_sear_con form{background:#fff;border:1px #ddd solid; border-radius: 50px;line-height: 45px;padding:0 1rem;overflow: hidden;height:45px;}
.home_sear_con form span{width:80px;float:left;display:block;font-size:15px;}
.in-text{width:calc(100% - 120px);float:left;line-height: 45px;height:45px;}
.sear_btn{width:30px;height:40px;background:url("../images/sear_ico.png") no-repeat center right;float:left;cursor: pointer;}
/**/
.gos_bg{width:100%; height:30px; background:url("../images/gos_bg_ico.png"); overflow: hidden; opacity: 0.8;}
.home_title{width:100%;; text-align: center;position: relative;}
.home_title h2{font-size:1.875rem;color:#1e1e1e;position: relative;line-height: 2;}
.home_title h2:after{content: "";
    width: 100%;
    height: 30px;
    background: url(../images/home_pro_ti_ico.png) no-repeat center;
    position: absolute;
    bottom: -1.4rem;
    left: 0;}

.h_about_content{ margin-top:30px;}
.home_title h2 strong{display:inline-block;text-transform: uppercase;}
.home_title h2 em{display:inline-block;font-style: normal;font-family: "Impact";font-size:3rem;font-weight: 200;padding:0 1px;}
.home_ti_pic{display:inline-block;width:65px;overflow: hidden;height:65px;text-align: left;padding-top:5px;}
.home_ti_pic img{position:absolute;clip:rect(0px 65px 65px 0px);vertical-align: middle;}
.home_ti_txt{width:100%;margin-top:1.4rem;overflow: hidden;font-size:1.25rem;}
.home_ti_contact{position: absolute;right:0;top:80%;line-height: 1;}
.home_ti_contact i{display:inline-block;width:15px;height:15px;border:1px #000 solid; border-radius: 50%;vertical-align: middle;padding:3px;margin-right: 5px;font-size:15px;font-weight: 600;}
.home_ti_contact strong{font-weight:400;color:#78ad16;display:inline-block;font-size:1.2rem;}
/**/
.container-content{width:100%; padding:3rem 0;}
.home_procudt_content{width:100%; position: relative;background:url("../images/h_pro_bg.png") no-repeat center top;}
.home_pro_cate{width:100%; position: relative; border:1px solid #ddd;border-radius: 5px;overflow: hidden;margin:2rem 0;}
.home_pro_cate li{width:300px; }
.home_pro_cate li:hover .cate_a,.home_pro_cate li.active .cate_a{background:#fff;border-right:1px #fff solid;}
.cate_a{width:300px; float:left;display:block; position: relative;padding:1rem;background:#f7f7f7;border-bottom:1px #ddd solid;border-right:1px #ddd solid;}
.home_pro_cate li:last-child .cate_a{border-bottom:none;}
.cate_a:after{content:attr(data-title);display:block;text-transform: uppercase;font-size:0.7rem; padding-left:40px;}
.cate_a i{display:inline-block;margin-right:10px;vertical-align: middle;width:30px;overflow: hidden;float:left;margin-top:5px;}
.cate_a i img{border:2px solid #818181;border-radius: 50%;padding:3px;vertical-align: middle;}
.home_pro_cate li:first-child img{filter:grayscale(0);}
.home_pro_cate li img{filter:grayscale(100);}
.cate_a strong,.cate_a span{font-size:1.1rem;font-weight: 400;display:inline-block;}
.pro_cate_sub{width:calc(100% - 300px);float:right; position: absolute;top:0;bottom:0;left:320px;background:#fff;display:none;padding:0.9rem;}
.pro_cate_sub a{display:inline-block;margin:3px;border:1px #ddd solid; border-radius: 5px; padding:0.875rem 0.22rem; width:calc(18.4% - 2px);text-align: center;overflow: hidden;white-space: nowrap;}
.pro_cate_sub a i{display:inline-block; margin-right:5px;border:1px solid #000;border-radius: 50%;width:23px;height:23px;opacity: 0.5;filter: grayscale(100);vertical-align: middle;}
.pro_cate_sub a i img{padding:3px;}
.pro_cate_sub a strong{font-weight:400;display:inline-block;}
.pro_cate_sub a:hover,.pro_cate_sub a.select{color:#fff; background:#78ad16;border:1px solid #78ad16;}
.pro_cate_sub a:hover strong,.pro_cate_sub a.select strong{font-weight: 600;}
.pro_cate_sub a:hover i,.pro_cate_sub a.select i{opacity: 1.0;filter: invert(2)brightness(100)grayscale(1);}
.pro_cate_sub.active{display:block;}
.home_product_model{width:100%; overflow: hidden;}
.product_model_item{width:100%; overflow: hidden;display:none;}
.product_model_item.active{display:block;}
.product_model{width:100%; overflow: hidden;height:780px;}

.product_model li{width:100%; text-align: center;}
.product_model li a{margin:15px; border:1px #dcdcdc solid;padding:8px; overflow: hidden;}
.h_pro_item_img{width:100%;height:280px; overflow: hidden;}
.product_model li a img{width:100%;height: 100%; vertical-align: middle;object-fit: cover;}
.h_pro_item_txt{width:100%; padding:0.65rem 0 0.35rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.product_model .swiper-slide{height: calc((100% - 30px) / 2);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
    align-items: center;}
.pro-pagination{position: absolute;text-align: center;bottom:0;width:100%;}
.pro-pagination .swiper-pagination-bullet{background:#666;}
.pro-pagination .swiper-pagination-bullet-active{background:#78ad16;}
/**/
.home_more{width:100%; text-align: center;margin:1rem 0;}
.home_more a{text-transform:uppercase;background:url("../images/pro_more_ico.png") no-repeat center;width:73px;height:73px;display:block;margin:0 auto;line-height: 73px;}
/**/
.home_cuztome_content{width:100%; overflow: hidden;margin-top:2rem;}
.home_cuztome_content li{width:calc(100%/3);float:left;position: relative;}
.home_cuztome_content li:after{content:"";width:100%;height:50px;background:url("../images/home_cushbg.png") no-repeat center; position: absolute;bottom:-5px;left:0;z-index: -1;background-size:100% auto;}
.home_cuztome_content li a{padding:5px; overflow: hidden;box-shadow: 0 0 8px rgba(0,0,0,0.2);display:block;margin:15px;background:#fff;}
.hom_cuz_item_img{width:100%;height:215px; overflow: hidden; text-align: center;border-radius: 5px;}
.hom_cuz_item_img img{width:100%; height:100%; object-fit: cover;vertical-align: middle;}
.hom_cuz_item_text{width:100%;padding:0.5rem 0 0.5rem 2rem; overflow: hidden;}
.hom_cuz_item_num{width:50px; float:left; background:url("../images/home_cusbg.png") no-repeat center;height:80px;color:#fff;font-size:1.5rem; text-align: center;padding-top:1.5rem; text-shadow: -2px 0 0 #fac65d;position: relative;background-size:100%;}
.hom_cuz_item_txt{width:calc(100% - 65px);float:right;overflow: hidden;padding-top:0.8rem;color:#333;}
.hom_cuz_item_name{width:100%; font-size:1.2rem;font-weight:600;text-shadow: 0 2px 0 rgba(0,0,0,0.2);background:-webkit-linear-gradient(#fff, #fff);-webkit-background-clip: text; -webkit-text-fill-color:#000;-webkit-text-stroke:6px transparent; }
.home_cuztome_content li .hom_cuz_item_num:before{font-size:0.75rem;text-shadow: 0 0 0 #fac65d;transform: scale(0.8);position: absolute;width:100%;text-align: center;top:15px;left:0; text-transform: uppercase;}
.home_cuztome_content li:first-child .hom_cuz_item_num:before{content:"one";}
.home_cuztome_content li:nth-child(2) .hom_cuz_item_num:before{content:"two";}
.home_cuztome_content li:nth-child(3) .hom_cuz_item_num:before{content:"three";}
.home_cuztome_content li:nth-child(4) .hom_cuz_item_num:before{content:"three";}
.home_cuztome_content li:nth-child(5) .hom_cuz_item_num:before{content:"five";}
.home_cuztome_content li:nth-child(6) .hom_cuz_item_num:before{content:"six";}
/**/
.home_adv_container{width:100%; overflow: hidden;}
.home_adv_all_con{width:100%; overflow:hidden;margin-top:2rem;}
.home_adv_all_con li{width:100%; overflow: hidden; border-bottom:1px #ddd solid;}
.h_adv_list_item{ overflow:hidden; padding:3rem 0;display:flex;align-items: center;justify-content: space-between;}
.h_adv_item_text{width:50%; float:left;}
.h_adv_item_img{width:45%; float:right;}
.home_adv_all_con li:nth-child(even) .h_adv_list_item{flex-direction: row-reverse;}
.home_adv_all_con li:nth-child(2n) .h_adv_item_text{float:right;}
.home_adv_all_con li:nth-child(2n) .h_adv_item_img{float:left;}
.h_adv_item_img img{border-radius:10px; vertical-align: middle;width:100%;}
.adv_item_name{width:100%; position: relative;padding-left:0px;}
/*.adv_item_name:before{content:"";background:url("../images/home_advico.png") no-repeat center;width:55px;height:70px;position: absolute;left:0;top:-5px;}*/
.adv_item_name:after{content:attr(data-title); color:#fff; position: absolute;top:-6px;left:0;width:55px; text-align: center;line-height: 60px; font-size:1.6rem;font-family: "Impact";font-weight:200;}
.adv_item_ti{width:100%; overflow: hidden; vertical-align: middle;line-height:1;}
.adv_item_ti strong{display:inline-block;font-size:1.6rem;}
.adv_item_ti h3{display:inline-block;font-size:2rem;color:#78ad16;padding-left:0.2rem;}
.adv_item_us_ti{width:100%; overflow: hidden;text-transform: uppercase;font-size:0.875rem;}
.adv_item_txt{width:100%; padding-top:3rem;line-height: 2.25;}
.adv_item_txt p{position:relative;padding-left:6px;line-height:2rem}
.adv_item_txt p span{color:#78ad16;font-size:1.25rem;margin-right:15px;}

.adv_item_txt p:after{content:"";display:block;}
/**/
.home_honor_container{width:100%; overflow: hidden; background: url("../images/honorbg.jpg") no-repeat center;background-size: cover;}
.home_honor_list{padding-top:2rem;width:100%;}
.home_honor_list li{width:100%; text-align: center;}
.home_honor_list li a{display:block;margin:1rem; overflow: hidden;transition: .6s;}
.home_hor_item_img{width:100%;overflow: hidden;border:1px #ddd solid;background:#fff;padding:0.4rem;}
.home_honor_list li img{width:100%; vertical-align: middle;transition: .6s;}
.home_hor_item_name{width:100%; overflow: hidden;padding:1rem 3rem 0;}
.home_honor_list li h3{font-size:1.1rem; font-weight: 400;}
.home_honor_list .owl-pagination{display:none;}
.home_honor_list li a:hover img{transform:scale(1.03);}
.h_partner_list{width:100%; overflow: hidden;background:url("../images/h_par_hzbg.jpg") no-repeat center;background-size:cover;padding:2rem 0;margin-top:2rem;}
.h_partner_list li{width:calc(100%/9);float:left; overflow: hidden;text-align: center;}
.h_partner_list li a{display:block;margin:0;height:80px; overflow: hidden;}
.h_partner_list li a img{width:100%; height: 100%; object-fit: contain;mix-blend-mode: multiply}
/**/
.home_tech_container{width:100%; overflow: hidden;}
.h_tech_list{width:100%; padding-top:2rem; overflow: hidden;}
.h_tech_list li{width:calc(100%/4);float:left; overflow: hidden;}
.h_tech_list li a{display:block;margin:0.475rem; overflow: hidden;position: relative;border:1px #ddd solid;}
.tech_item_img{width:100%;height:180px;overflow: hidden;}
.tech_item_img img{width:100%;vertical-align: middle; object-fit: cover;}
.tech_item_img_ico{width:50px;height:50px;background:#7c7c7c;border-radius: 50%;margin:0 auto; text-align: center;position: absolute;top:150px;z-index: 5;left:43%;}
.tech_item_img_ico img{width:100%;vertical-align: middle;padding:5px;}
.tech_item_text{padding:1.1rem; overflow: hidden;}
.tech_item_name{width:100%;padding:1rem 0;text-align: center;position: relative;font-size:1.1rem;font-weight: 600;color:#78ad16;}
.tech_item_name:after{content:attr(data-title);display:block;font-size:0.775rem;font-weight: 400;color:#333;text-transform: uppercase;line-height: 1;}
.tech_item_txt{width:100%; overflow: hidden;height: 90px;}
.tech_item_more{border:1px #78ad16 solid;text-align: center;margin:0 auto;color:#78ad16;font-size:0.875rem;padding:5px 0;border-radius: 20px;width:110px;position: relative;}
/**/
.home_about_container{width:100%; position: relative; }
.home_about_container h2{color:#000;text-shadow: 0 0 0 rgba(0,0,0,0.2);background: -webkit-linear-gradient(#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: #000;-webkit-text-stroke: 5px transparent;}
.home_about_container .home_title{background: -webkit-linear-gradient(#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: #000;-webkit-text-stroke: 2px transparent;}
.
.h_about_content{width:100%; padding:20px 0}
.about_sum{width:100%; line-height: 2.5;}
.about_sum_other{width:100%;overflow: hidden;padding-top:2rem;}
.about_sum_other_left{width:65%; float:left;}
.about_sum_adv{width:35%; float:right;}
.about_sum_other_left h3{display:block; padding:0.25rem 0; vertical-align: middle;color:#78ad16;}
.about_sum_other_left h3 img{padding-right:10px;}
.about_sum_other_left h4{font-weight:400;padding-left:1.64rem;}
.about_sum_other_left p{ padding-left:1.64rem; position: relative; }
.about_sum_other_left p:before{content:"";width:7px;height:7px;background:#999;border-radius: 50%; position: absolute;left:4px;top:16px;}
.about_sum_other_left p:after{content:"";width:15px;height:15px;border:1px #999 solid;border-radius: 50%; position: absolute;left:0;top:12px;}
.about_sum_other_left p strong{font-weight:400;}
.video_sum_info{
	text-align: center;
}
.about_sum_adv li{width:calc(100%/2);float:left;text-align: center;}
.about_sum_adv_item{margin:0.625rem; overflow: hidden;background:#fbfbfb;border:1px #ddd dotted;border-radius: 5px;padding:1rem 0;box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.about_adv_img{width:40px;height:40px;margin:0 auto; border:1px dotted #0069b7;border-radius: 50%;text-align: center;line-height: 40px;}
.about_adv_img img{ vertical-align: middle;}
.h_adout_video_box{width:100%;}
.h_about_envir_box{width:100%;}
.h_about_envir_box li a{display:block;border:1px #ddd solid;padding:5px;overflow: hidden;text-align: center;margin:0.4525rem;}
.about_env_img{width:100%; overflow: hidden;height:230px;}
.about_env_img img{width:100%;height:100%; object-fit: cover;vertical-align: middle;}
.about_env_name{width:100%; overflow: hidden;padding:0.645rem; text-overflow: ellipsis;white-space: nowrap;}
.h_about_envir_box{}
.h_about_envir_box .owl-theme .owl-controls .owl-buttons div.owl-next, .h_about_envir_box .owl-theme .owl-controls .owl-buttons div.owl-prev{height:287px;top:-108px;bottom:0;background-color:rgba(0,0,0,0.05);width:35px;}
/**/
.home_news_container{width:100%; overflow: hidden;background:url("../images/newsbg.png") no-repeat center;background-size: 100%;}
.h_news_cate_list{width:100%; overflow: hidden; padding-top:2rem;text-align: center;}
.h_news_cate_list li{display:inline-block;}
.h_news_cate_list li a{display:block;vertical-align: middle;margin:1rem;font-size:1.125rem;}
.h_news_cate_list li a img{display:inline-block;width:25px;vertical-align: middle;filter: brightness(0);opacity: 0.7;margin-right:3px;}
.h_news_cate_list li a span{display:inline-block;text-transform: uppercase;}
.h_news_cate_list li:hover a,.h_news_cate_list li.active a{color:#78ad16;}
.h_news_cate_list li:hover a img,.h_news_cate_list li.active a img{filter: brightness(1);opacity: 1.0;}
.h_news_content_list{display:block;overflow: hidden;padding-top:2rem;}
.h_news_list_item{width:100%; overflow: hidden;display:none;}
.h_news_list_item.active{display:block;}
.h_news_box{width:50%; float:left; overflow: hidden;}
.news_box_rec{width:98%; float:left; overflow: hidden;}
.news_box_rec ul{width:100%; overflow: hidden;margin-bottom:1rem;}
.news_box_rec li{width:100%; overflow: hidden;}
.news_box_rec li a{display:block;background:#f7f7f7;overflow: hidden;padding:1rem;border-radius: 5px 5px 0 0;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin:10px;}
.news_itemLeft_img{width:100%;height:250px; overflow: hidden;}
.news_box_rec li img{width:100%;height:100%;object-fit: cover;vertical-align: middle;transition: .6s;}
.news_box_rec li:hover img{transform:scale(1.1);}
.news_itemLeft_text{width:100%;padding-top:2rem; overflow: hidden;}
.news_item_date{width:70px; float:left;text-align: center;vertical-align: top;line-height: 1;color:#333;}
.news_item_date span{display:block;font-size:3.87rem;}
.news_item_date h6{display:block;font-size:1rem;font-weight: 400;}
.news_item_txt{width:calc(100% - 90px);float:right; overflow: hidden;}
.news_item_tit{width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:1.125rem;font-weight: 600;padding-bottom:0.475rem;line-height: 1;}
.news_item_in{width:100%; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;font-size:0.937rem;transition: .6s;}
.newsitem_more{border:1px dotted #78ad16; border-radius: 20px; width:120px;text-align: center;float: right;font-size:0.937rem;color:#78ad16;padding:3px 0;}
.news_box_rec dl{width:100%;border-bottom:1px #ddd solid;padding:0.875rem 0;overflow: hidden;}
.news_box_rec dl dt{width:75%; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_box_rec dl dt a{display:block;position: relative;padding-left:15px;}
.news_box_rec dl dt a:before{content:"";width:5px;height:5px;background:#999;border-radius: 50%;position: absolute;left:0;top:10px;}
.news_box_rec dl dd{width:25%; float:right; text-align: right;}
.news_box_rec dl dt a:hover:before{background:#78ad16;}
.h_news_right_box li{width:100%; overflow: hidden;}
.h_news_right_box li a{display:block;overflow: hidden;margin:10px 10px 20px;}
.news_itemRight_img{width:30%;float:left; overflow: hidden;display:none;transition: .4s;height:110px;}
.news_itemRight_img img{width:100%;height: 100%;object-fit: cover;vertical-align: middle;}
.news_itemRight_text{width:100%;background:#f7f7f7;padding:1.35rem 2rem;overflow: hidden;}
.h_news_right_box li a:hover .news_itemRight_img{display:block;}
.h_news_right_box li a:hover .news_itemRight_text{width:69%; float:right;background:#fff;}
.h_news_right_box li a:hover  .news_item_date{display:none;}
.h_news_right_box li a:hover  .news_item_txt{width:100%;}
.h_news_right_box li a:hover  .news_item_tit{font-weight: 400;padding-bottom:1rem;}
/**/
.home_contact_container{width:100%;position: relative;overflow: hidden;}
.h_cuz_content{width:45%;float:left;}
.h_cuz_content h2{margin-bottom: 2rem;}
.yiqi{ padding-top:50px; overflow:hidden}
.adminbuy_lx p{ line-height:30px}
.h_title{width:100%; overflow: hidden;margin-bottom:1rem;position: relative;padding-left:1rem;line-height: 1.25;}
.h_title:before{content:"";width:2px;height:100%;background:#333;position: absolute;top:0;left:0;bottom:0;}
.h_title:after{content:"";width:2px;height:60%;background:#78ad16;position: absolute;left:0;bottom:0;}
.h_title p{display:inline;}
.h_title strong{display:inline-block;font-size:1.5rem;}
.h_title h2{display:inline-block;font-size:1.5rem;color:#78ad16;}
.h_cuz_a{width:100%; overflow: hidden;padding-top:5px;}
.h_cuz_a a{display:inline-block;background:#fff;border:1px #ddd solid;border-radius: 10px;margin:2px 1px;padding:3px 10px;color:rgba(0,0,0,0.7);}
.h_cuz_a a i{display:inline-block;color:#78ad16;padding-right:3px;}
.cuz_benefits{width:100%; overflow: hidden;}
.cuz_benefits h3{display:block;}
.cuz_benefits h3 strong{display:inline-block;font-size:1.25rem;}
.cuz_pic{display:inline-block;width:40px;overflow: hidden;height:40px;text-align: left;}
.cuz_pic img{position:absolute;clip:rect(0px 40px 40px 0px);vertical-align: middle;width:130px;}
.cuz_bene_con{width:100%;padding-top:1rem;padding-left:1rem; overflow: hidden; line-height: 2;font-size:1.125rem;}
.cuz_bene_con p{padding-left:30px; position: relative;}
.cuz_bene_con p:before{content:"";width:16px;height:13px;background:url("../images/dz_ico.png") no-repeat center; position: absolute;left:0;top:12px;}
.h_mess_content{width:50%;float:right; position: relative;z-index: 10;}
.h_mess_content:before{content:"";height:100%;width:230px; background: url("../images/contact_img.png") no-repeat center; position: absolute;left:-230px;bottom:-119px;z-index: -1;background-size:100%;}
.h_title h3{font-size:2rem; text-transform: uppercase; color:#ccc;}
.h_title h4{display:inline-block;font-size:2rem; color:#78ad16;position: relative;padding-right:20px;}
.h_title h4:after{content:"";width:5px;height:5px;background:#78ad16;border-radius: 50%;position: absolute;right:10px;top:50%;}
.h_title h5{font-size:1.25rem; font-weight: 400;display:inline-block;}
.contact_form{width:100%; overflow: hidden;}
.in_text{width:100%; margin-bottom:1rem; border:1px #ddd solid;background:#fff;overflow: hidden;height:60px;}
.in_ico{width:60px;height:60px;float:left;border-right:1px #ddd solid; text-align: center;}
.in_ico i{font-weight:600;font-size:1.85rem;opacity: 0.5;display:block;vertical-align: middle;padding-top:8px;}
.in_icom i{transform:rotateY(180deg);}
.in_put{width:calc(100% - 60px);float:left;}
.in_put input{padding-left:10px;line-height: 60px; width:100%}
.in_put textarea{width:100%;padding-left:10px;line-height: 60px;}
.in_tips{color:#999;}
.in_btn{width:100%;margin-top:1rem;text-align: center;}
.in_btn button{border:0;background:#4b7203;color:#fff;border-radius: 5px;padding:10px 3rem;font-size:1.1rem; font-weight: 600;letter-spacing: 2px;cursor: pointer;}
.in_btn button:hover{background:#78ad16;}
/**/
footer{width:100%;position: relative;z-index: 3; padding-top:50px}
.foot{width:100%; overflow: hidden;padding-top:3rem;}
.foot_nav{width:100%; overflow: hidden;}
.foot_nav li{width:calc(100%/6);float:left;text-align: center; overflow: hidden;position: relative;}
.foot_nav li a{display:inline;font-weight: 600;position: relative;font-size:1.125rem;}
.foot_nav li a:before{content:"";width:3px;height:3px;background:#960605;border-radius: 50%;position: absolute;left:-10px;top:13px;}
.foot_nav li a:after{content:attr(data-title);display:block;font-size:0.75rem;font-weight:400;text-transform: capitalize;}
.foot_product{width:100%; overflow: hidden;padding:2rem 0;}
.foot_product h2{text-align:center; font-size:1.425rem;padding-bottom:2rem;display:block;}
.foot_product ul{width:100%;}
.foot_product li{display:block;width:100%; overflow: hidden;line-height: 2;margin-bottom:10px;}
.f_pro_a{float:left;width:160px; overflow: hidden;display:block;font-size:1.125rem;font-weight: 600;}
.f_pro_sub{width:calc(100% - 160px); float:left;overflow: hidden;}
.f_pro_sub a{display:inline-block; position: relative;margin:0 10px;}
.f_pro_sub a:before{content:"";width:1px;height:10px;background:#333;position: absolute;left:-10px;top:12px;}
.foot_bottom{width:100%; overflow: hidden;padding:0.875rem 0;}
.foot_leftCuz{width:40%; float:left; overflow: hidden; margin-top:50px;}
.foot_f_logo{width:45%;float:left; overflow: hidden;}
.foot_f_logo img{vertical-align: middle;}
.foot_cuz{width:50%;float:left; overflow: hidden;}
.foot_tel{width:100%; overflow: hidden;font-size:0.875rem;}
.foot_tel h5{display:inline-block;font-size:1.8rem; font-family: "Impact";font-style: normal;font-weight: 200;vertical-align: middle;}
.foot_tel h5 i{font-size:1.4rem;padding-right:5px;}
.foot_tel h6{display:inline-block;font-weight:400;vertical-align: middle;margin-left: 1rem;}
.foot_tel h6 a{display:block;background:#78ad16; text-align: center;width:140px;height:40px;color:#fff;vertical-align: top;font-size:1rem;line-height: 40px;border-radius: 5px;}
.foot_centerLx{width:calc(60% - 160px);float:left; margin-top:30px}
.foot_centerLx h1{display:block; position: relative;letter-spacing: 4px;line-height: 1.3;font-size:1.875rem;}
.foot_centerLx h1:before{content:attr(data-title);font-size:0.8175rem;display:block;text-transform: uppercase;letter-spacing: 0;}
.foot_contactCon{width:100%; overflow: hidden;padding-top:0.875rem;}
.foot_contactCon h3{font-weight:400;font-size:1rem;display:inline-block;line-height: 2;}
.foot_contactCon h3:nth-child(2n){margin-left:1rem;}
.foot_contactCon h3 i{color:#fff;background:#78ad16;width:20px;height:20px; vertical-align: middle; border-radius: 50%;font-size:0.75rem;display:inline-block;text-align: center;line-height: 20px;margin-right:8px;}
.foot_contactCon h3 span{display:inline-block;letter-spacing: 1px;}
.foot_rightWx{width:160px; float:right; overflow: hidden;text-align: center;}
.foot_rightWx img{border:1px #333 dashed;width:135px;}
.foot_link{width:100%; overflow: hidden;}
.foot_link a{display:inline-block; margin:5px; color:rgba(0,0,0,0.4);}
.foot_bg_img{width:100%;background:url("../images/footer_conbg.png") no-repeat center top; position: absolute;left:0; right:0;bottom:0;top:-70px;z-index: -1;}
.foot_copyright{width:100%; background:#1e1e1e;color:rgba(255,255,255,0.8);text-align: center;padding:0.75rem 0; overflow: hidden;}
.foot_copyright a{display:inline-block; margin:5px;color:rgba(255,255,255,0.8);font-size:0.875rem; }
/**/
.back_scroll_top{width:75px;background:#f7f7f7;height:75px;position: fixed;right:5px;bottom:15px;border-radius: 10px;cursor: pointer;display:none;z-index: 999;border:1px #ddd solid;}
.back_scroll_top a{display:block;position: relative;}
.back_scroll_top a:after{content:"";width:20px;height:20px;border-top:2px #aaa solid;border-right:2px #aaa solid; position: absolute;top:30px;transform: rotate(-45deg);left:28px;}
/**/
.m_but_menu{width:100%; position:fixed;bottom:0;left:0;right:0;background:#1e1e1e;z-index: 99;padding:2rem 0;display:none;height:130px;}
.m_but_menu li{width:calc(100%/4);float:left; text-align: center;position: relative;}
.m_but_menu li:nth-child(4){float:right;}
.m_but_menu li:nth-child(5){float:right;}
.m_but_menu li a{color:#fff;display:block;font-size:1.375rem;}
.m_but_menu li a img{vertical-align:middle;}
.m_but_menu li span{display:block;padding-top:0.375rem;}
.m_logo{position:absolute;bottom:-5.3rem;;left:0;}
.m_ico_ing{width:100%;text-align: center;margin:0 auto;}
.m_ico_ing img{margin:0 auto;display:block;}

.contact-map{margin-top: 3rem;}

.sep-applications-boxs {
    display: block;
    width: 100%;
    padding: 118px 0 0
}

.sep-applications-ul-boxs {
    display: block;
    width: 100%
}

.sep-applications-ul-boxs.ons {
    margin-top: 44px
}

.sep-applications-ul-boxs ul li {
    width: 25%;
    float: left;
    position: relative
}

.sep-applications-ul-boxs ul li:hover .lis-boxs {
    opacity: 0
}

.sep-applications-ul-boxs ul li:hover .thumbs-boxs {
    opacity: 1
}

.sep-applications-ul-boxs .thumbs {
    overflow: hidden
}

.sep-applications-ul-boxs .thumbs img {
    width: 100%
}

.sep-applications-ul-boxs .thumbs.ons {
    height: 399px;
    line-height: 399px;
}
.titles-a, .spans, .thumbs {
    display: block;
    width: 100%;
}
.sep-applications-ul-boxs .lis-boxs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12
}

.sep-applications-ul-boxs .lis-boxs.bgs {
    background: rgba(0,0,0,0.3)
}

.sep-applications-ul-boxs .thumbs-boxs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(125,175,36,0.89);
    opacity: 0;
    z-index: 15
}

.sep-applications-ul-boxs .thumbs-boxs .titles-a {
    text-align: left
}

.sep-applications-ul-boxs .t-boxs {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 14.4%;
       
}

.sep-applications-ul-boxs .imgs {
    display: block;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background: rgba(255,255,255,0.4);
    text-align: center;
    line-height: 100px;
    margin: 0 auto 18px
}

.sep-applications-ul-boxs .imgs img {
    max-width: 100%
}

.sep-applications-ul-boxs .titles-a {
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    display: block;
}

.sep-applications-ul-boxs .titles-a:hover {
    padding-left: 10px
}

.sep-applications-ul-boxs .titles-a:hover .ons {
    color: #78ad16;
    text-shadow: 0 0 4px #000;
    padding-left: 0
}

.sep-applications-ul-boxs .spans {
    color: #fff;
    line-height: 32px;
    margin-top: 10px
}

.sep-applications-ul-boxs .spans * {
    color: #fff;
    line-height: 32px
}

.sep-applications-ul-boxs .mores-boxs {
    width: 100%;
    margin-top: 24px
}

.sep-applications-ul-boxs .mores-boxs .mores {
    display: inline-block;
    line-height: 18px
}

.sep-applications-ul-boxs .mores-boxs .mores i {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 2px;
    background: #fff;
    position: relative
}

.sep-applications-ul-boxs .mores-boxs .mores i:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sep-applications-ul-boxs .mores-boxs .mores:hover {
    padding-left: 10px
}
.upps {
    text-transform: uppercase
}

.gtj-img img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.gtj-t-ty-fives {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}