@font-face {
    font-family: 'AgencyFB-Bold';
    src: url('../font/AgencyFB-Bold.woff2') format('woff2'), 
        url('../font/AgencyFB-Bold.woff') format('woff'), 
        url('../font/AgencyFB-Bold.eot') format('woff'); 
}
@font-face {
    font-family: 'AgencyFB-Reg';
    src: url('../font/AgencyFB-Reg.woff2') format('woff2'), 
        url('../font/AgencyFB-Reg.woff') format('woff'), 
        url('../font/AgencyFB-Reg.eot') format('woff'); 
}




* {font-family: "微软雅黑";}

.nav {
	width: 100%;
	height: 80px;
	box-shadow: 0 3px 3px 0 #CCC;
	background: #FFF;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	overflow: hidden;
	transition: 0.3s
}
.nav.index {
	background-color: #1a1a1a;
	box-shadow: 0 0 0 0 rgba(0,0,0,0.05);
}
.nav.scroll {	
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
	transition: 0.3s
}
.nav .layui-container {
	position: relative;
	transition: all 400ms ease-out;
}
.nav .nav-logo {
	height: 100%;
	position: absolute;
	top: 0;
	left: 15px;
	line-height: 80px;
}
.nav .nav-list {
	display: inline-block;
	height: 80px;
}
.nav .nav-list>button {
	width: 25px;
	height: 30px;
	position: absolute;
	top: 25px;
	right: 15px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}
.nav .nav-list>button span {
	display: block;
	width: 25px;
	height: 2px;
	background: #1a1a1a;
	margin-bottom: 6px;
	transition: 0.5s;
}
.nav .nav-list>button span.spa1 {
	transform: rotate(45deg);
}
.nav .nav-list>button span.spa3 {
	transform: rotate(-45deg) translate(5px, -5px);
}
.nav .layui-nav {
	width: 100%;
	position: absolute;
	top: 80px;
	right: 0;
	color: #fff;
	background: transparent;
}
.nav .layui-nav .layui-nav-item {
	display: block;
	line-height: 60px;
}
.nav .layui-nav * {
	font-size: 20px;
}
.nav .layui-nav .layui-nav-item a {
	padding: 0 0;
	color: #fff;
	font-weight: bold;
}
.nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
	/* height: 2px; */
	background-color: #f93b1d;
	/* background-color: unset; */
}
.nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover {
	/* color: #2db5a3; */
}

@media screen and (min-width: 768px) {
.nav {
	max-height: 80px;
}
.nav.index {
	background-color: #1a1a1a;
	/* background: rgba(255, 255, 255 ,0.3); */
}
.nav .nav-list>button {
	display: none;
}
.nav .layui-nav {
	width: auto;
	position: absolute;
	top: 0;
	padding: 0 5px;
	border-radius: 0;
	margin: 0;
}
.nav .layui-nav .layui-nav-item {
	display: inline-block;
	margin: 0 20px;
	line-height: 80px;
}
}


.drawer-header {
	border-bottom: 1px solid #DEE1E6;
	padding: 15px 15px;
	line-height: 2;
}
.drawer-header-title{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #17233d;
	font-weight: 600;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.drawer-header-content{
	width: 100%;
	height: 100%;
	font-size: 18px;
}




.layui-colla-title {background-color: unset;}
.layui-colla-content, .layui-colla-item {border-top-style: unset;color: white;}
.layui-collapse {border-style: unset;}
.layui-menu .layui-menu-item-checked:after {border-right: 3px solid #f93b1d;}
.layui-menu .layui-menu-item-checked, .layui-menu .layui-menu-item-checked2 {color: #f93b1d;}

.top {
	position: fixed;
	height: 50px;
	width: 50px;
	top: 50%;
	background-color: #f93b1d;
	line-height: 50px;
	color: white;
	text-align: center;
	right: 20px;
	z-index: 999;
	border-radius: 26px;
}
.slick-slide {
  /* margin: 0px 20px; */
}

.slick-slide img {
  width: 100%;
  height: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

.center_pro .slick-slide {
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	filter: grayscale(70%);
	filter: gray;
	opacity:0.7;
}

.center_pro .slick-center{
	border: 1px solid #f93b1d !important;
	width: calc(100% - 1px) !important;
	-webkit-filter: unset;
	-moz-filter: unset;
	-ms-filter: unset;
	-o-filter: unset;
	filter: unset;
	filter: unset;
	opacity:unset;
}

.dmenu a{
	font-size: 16px;
}


#wxqrcode {width: 150px;height: 150px;display: none;position: absolute;right: 0;top: -80px;}
#wx:hover #wxqrcode {display: block;}

		
.hidden {display: none;}
.nav, .pro {overflow: hidden;position:relative}

.fixed-nav{
position: fixed;
width:100%;
top:-80px; 
-webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
}
.fixed-nav-appear{top:0;}
.fix_sec{
position: fixed;
width:100%;
top:0;
z-index: 999;
-webkit-transition: top .5s;
-moz-transition: top .5s;
-o-transition: top .5s;
transition: top .5s;
}

/* .nav {height: 100px;width: 100%;background-color: #1a1a1a;color:white;line-height: 100px;} */
#menu {color: white;}
.nav-logo {font-size: 36px;text-align: center;font-family: 'AgencyFB-Bold';}
.nav-tit {float: right;}
.nav-tit div {line-height: 100px;font-size: 30px;float: left;padding: 0 20px 0 20px;}
.fa-search {font-size: 30px !important;}

.list {position: fixed;width: 100%;background: #262538;z-index: 101;left: 0;display: block;}
.list>div {position: relative;left:calc(50% - 200px);}
.list>div>ul {width: 200px;float: left;}
.list>div>ul>li{text-align: center;line-height: 70px;}
.list .layui-this:after {background-color: unset !important;}
.mt {text-align: center;font-size: 16px !important;}
.mc {font-size: 16px !important;}
.mt:hover, .mc:hover, .nav-list .layui-nav .layui-nav-item a:hover,#flist a:hover {color: #f93b1d !important;}
.sip {width: 30% !important;display: unset;}
.sdiv {position: relative;left: 60%;}
.sib {position: fixed;right: 10%;height: 80px;width: 80px;background: none;border: none;}
.sib-close {position: fixed;height: 80px;width: 40px;background: none;border: none;right: 3%;color: white;}
.hid {display: none;}
.bt {font-size: 60px;color: white;position: absolute;top: 5%;width: 100%;text-align: center;}
.bc {font-size: 24px;color: white;position: absolute;top: 14%;width: 100%;text-align: center;}
#banner img {width: auto;height: auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.banner-bg {background-color: #5FB878;}
.cate {min-height: 500px;width: 100%;}
.cate>div {font-size: 18px;line-height: 42px;text-align: center;}
.cate img, .imgA>img, .imgB>img, .imgC>img {max-width: 100%;width: 100%;}
.m-cate {position: absolute;bottom: 20%;width: 100%;text-align: center;font-size: 16px;}

.tit {text-align: center;line-height: 140px;font-size: 36px;}
.pro {width: 100%; background-color: #252525;padding-top: 50px;padding-bottom: 50px;color: white;}
.imgA, .imgB, .imgC {overflow: hidden;}
.imgA, .imgB {padding: 3%;}
.imgA>div, .imgB>div, .imgC>div {position: absolute;}
.imgA>div {top:7%;left: 16%;right: 5%;}
.imgB>div {top:20%;left: 65%;right: 10px;}
.imgC>div {bottom:10%;left: 75%;}
.imgC {padding: 1.6%;}
.pro-tit {line-height: 30px;font-size: 30px;width: 83%;overflow: hidden;}
.content {line-height: 20px;font-size: 16px;width: 83%;color: #b3b3b3;margin-top: 10px;}
.pro-bt {border: #f93b1d 1px solid;background-color: transparent;color: white;padding: 6px 30px 6px 30px;margin-top: 15px;display: inline-block;}
.pro-bt:hover{background-color: #f93b1d;transition: 0.5s;color: white;}
/* .imgB {width: 100%;height: 100%;max-width: 445px;max-height: 880px;} */
#catebanner img {max-width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
#catebanner ul {background-color: unset;}
#catebanner li {background-color: #000000;}
#catebanner li.layui-this{background-color: #f93b1d;}

.banner {height: 500px;width: 100%;overflow: hidden;}
.category {overflow: hidden;background-color: #000000;}
.category div {float: left;width: 25%;text-align: center;font-size: 20px;line-height: 40px;color: white;}
.pro-box {background-color: #f5f5f5;width: 100%;height: auto;overflow: hidden;padding-top: 30px;padding-bottom: 30px;}
.cates {width: 100%;display: flex;}
.cate_tit {text-align: left;line-height: 40px;font-size: 18px;}
.catehr {padding-top: 10px;padding-bottom: 10px;}
.catelist {padding: 10px;}
.catelist div {height: 40px;line-height: 40px;}
.catelist div input {margin-right: 10px;}
.fs30 {font-size: 30px;}
.fs18 {font-size: 18px;}
.pdtb {padding-top: 10px;padding-bottom: 10px;}
.nav-logo img {position: absolute;bottom: 25%;}

.pro-list {margin-top: 10px;overflow: hidden;}
.pro-list>div {height: 350px;}
.pro-list .layui-panel {margin: 10px;height: 95%;}
.pro-list .layui-panel img {max-width: 100%;max-height: 70%;position: absolute;top:35%;left:50%;transform: translate(-50%,-50%);}
.pro-list>div .layui-panel>div {width: 100%;line-height: 40px;font-size: 24px;text-align: center !important;top: 70%;position: absolute;}
.pro-this {color: #f93b1d !important;}
.endbt {width: 100%;text-align: center !important;}
.pro-list-bt {width: 150px;height: 50px;background-color: #f93b1d;border: none;color: white;font-size: 24px;font-family: "微软雅黑";margin: 10px;}
.menu_fixed {position: fixed;top: 0;z-index: 10;}
#pro-left {position: absolute;width: 250px;}

/* details */
#html-box {background-color: #1a1a1a;}
.pro-gg {width: 100%;}
.cpp, .cpn {width: 100%; z-index: 10;}
.pro-name {font-size: 40px;line-height: 80px;}
.pro-content {font-size: 18px;line-height: 30px;font-family: "arial";color: #4c4c4c;}
.pro-content>ul {padding-left: 35px;}
.pro-content>ul li{list-style: disc;}
.left-center, .center-center, .right-center {width: 100%;display: flex;}
.left-center img, .center-center img, .right-center img {width: 100%;}

.lc-text, .cc-text, .rc-text {position: absolute;color: white;padding: 30px;top: 10%;width: 40%;}
.lc-tit, .cc-tit, .rc-tit {font-size: 36px;font-weight: bold;line-height: 70px;}
.lc-cnt, .cc-cnt, .rc-cnt {font-size: 18px;line-height: 40px;}

.lc-text {text-align: left;}
.cc-text {text-align: center;top: 35%;left:50%;transform: translate(-50%,-50%);}
.rc-text {text-align: left;right: 0;}

.dlunbo {margin-top: 10px;}
.center_pro {margin: 40% 0;}


/* .slider {height: 600px;} */
/* .proslick {margin-top: 11%;} */
/* .proslick img {max-width: 450px;max-height: 450px;} */
.bt_buy {color: white;background-color: #f93b1d;width: 183px;height: 34px;border: none;font-size: 20px;font-family: arial;margin: 20px 0;}
.phr {padding: 1px;background-color: #999999;}
.pshare img {filter: contrast(0);}
.details-this {border-bottom: 1px solid #f93b1d;}
.dmenu {width: 100%;background-color: #000000;}
.dmenu ul {max-width: 1500px;margin: 0 auto;width: 100%;}

.details-box {position: relative;background-color: #1a1a1a;padding-bottom: unset;padding-top: unset;overflow: hidden;}
.details-content {height: 360px;background-color: white;margin-top: 40%;}
.center-pro-img {position: absolute;top: 60%;left:50%;transform: translate(-50%,-50%);z-index: 10;max-height: 70%;}
.pbg {width: 100%;position: absolute;top: 0;}
.ptit {position: absolute;width: 100%;color: white !important;top: 10%;}
.ptit-A {position: absolute;bottom: 2%;width: 100%;text-align: center;}
.ptit-A .pro-tit {width: 100%;}
.pcontent,.pcontent p {font-size: 18px;width: 100%;font-family: arial;line-height: 35px;}
.pcontentA,.pcontentA p {font-size: 24px;width: 100%;font-family: arial;line-height: 50px;}
.pcontentA p {padding: 10px;}
.detailsimgs {max-height: 100%;width: 100%;height: 100%;}
.detailsimgsA {max-width: 100%;max-height: 100%;text-align: center;}
.detailstext {background-color: white;height: 100%;padding: 30px;}
.xqt {color: #f93b1d;font-size: 36px;line-height: 40px;}
.xqtA {color: white !important;}
.details-show>div {height: 500px;}
.pcontentimg {margin: 0 auto;}
.pcontentimg img{max-width: 40%;max-height: 50%;float: left;margin: 15px;}
.pcontentimgone img {width: 100%;}
.xqbg {position: absolute;top: 0;width: 100%;}
.dlastbox {display: flex;overflow: hidden;}
.bhrp {padding-top: 30px;padding-bottom: 30px;}
/* .xqtab {overflow: hidden;}
.xqtab ul {width: 50%;float: left;}
.xqtab ul li {font-size: 24px;text-align: center;line-height: 50px;color: white;} */
.xqtab {background-color: #1a1a1a;text-align: center;font-size: 24px !important;color: white;}

.imgcentershow  {position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
.pro-imgs img{max-width: 100%;}
.downloadtit, .downloadicon {color: white;font-size: 18;font-family: "微软雅黑";}
.downloadicon {text-align: center;}
.downloadicon i {color: #f93b1d;padding-left: 5px;}

/* company */
.center_main {background-color: #f5f5f5;}
.center_main>div {background-color: #fff;text-align: center;max-width: 1200px;margin: 0 auto 0 auto;padding: 50px;}
.center_tit {font-size: 36px;color: #000000;font-family: "agency fb";text-align: center !important;}
.center_main .news-box {text-align: left;line-height: 40px;}
.center_main div div img {max-width: 100%;}
.c_content {font-size: 20px;text-align: left;font-family: "arial black";color: #000000;overflow: hidden;}
.info_box {background-color: #f5f5f5;margin-top: 15px;margin-bottom: 15px;padding: 40px;color: #333333 !important;display: flow-root;font-size: 20px;}
.info_box b {color: #000000;}
.cuform {font-size: 18px !important;}
.map {height: 400px;max-width: 100%;overflow: hidden;}

/* news */
.news-box .layui-panel{display: flex;padding: 30px;}
.news-fm img{width: 300px;height: 180px;text-align: center;}
.news-tit-box {padding: 10px;}
.news-tit {font-size: 24px;font-family: arial;font-weight: bold;}
.news-content {font-size: 18;font-family: arial;color: #666666;}
.news-date {font-size: 14px;font-family: arial;color: #999999;}
.news-dates {font-size: 14px;font-family: arial;color: #999999;text-align: center !important;}
.news-item {width: 100%;}
.news-dates {font-size: 14px;font-family: arial;color: #999999;text-align: center !important;}
.news-box a{display: block;width: 100%;}
.news-box a:hover {color: #f93b1d;}

.content-tit {font-size: 24px;font-family: arial;font-weight: bold;text-align: center !important;}
.content-main>div {background-color: unset !important;}
.pn {padding-top: 20px;}
.pn>div {text-align: center !important;}
.pn a {font-size: 18px !important;font-family: arial;color: #4c4c4c !important;}
.pn i {padding-right: 20px;}

/* search */
.search-tit {font-size: 36px;font-weight: bold;text-align: center;color: #000000;}
.search {width: 100%;height: 100px;}
.searchip {width: 470px;max-width: 65%;height: 46px;border-right: none;border-bottom-left-radius: 23px;border-start-start-radius: 23px;padding-left: 20px;font-size: 24px;}
.searchsub {width: 130px;max-width: 25%;height: 50px;border-left: none;background-color: #000000;color: white;font-size: 24px;border-start-end-radius: 23px;border-bottom-right-radius: 23px;}

.foot {width: 100%;background-color: #111111;color: white;display: flex;}

.m-search {position: fixed;top: 0;height: 66px;width: 100%;background-color: #252525;z-index: 2006;}
.m-search input{width: calc(90% - 15px);border-radius: 30px;height: 46px;margin-top: 7px;padding-left: 14px;}
.m-search button{width: 40px;height: 66px;position: absolute;right: calc(10% + 15px);border: none;background-color: unset;}
.m-search a{width: 10%;height: 66px;line-height: 66px;position: absolute;right: 0;text-align: center;color: white;font-size: 24px;}
.f-inp-box {}
.foot-v {width: 90%;height: 64px;border: 1px solid white;border-radius: 30px;background-color: #111111;padding-left: 27px;font-size: 24px;color: white;}
.f-menu a{color: white !important;font-size: 14px;}
.foot-tit {font-size: 20px;color: white;font-weight: bold;}
.f-icon {padding-top: 80px;text-align: right;padding-bottom: 10px;}
.f-icon a{padding: 0 1% 0 1%;}
.f-menu {padding-top: 70px;padding: 5%;}
.f-content {font-size: 18px;color: #a5a5a5;line-height: 40px;}
.f-tit {padding: 10px 15px 10px 15px;}
.finp {position: absolute;right: 10%;height: 100%;color: white;background: content-box;border: none;width: 38px;font-size: 40px;}
.co,.co_r {font-size: 18;font-family: arial;}
.co_r {text-align: right;}

.only-xs {display: none;}
.only-nxs {display: block;}

.fhr {padding-top: 30px;padding-bottom: 5px;}

.bhr {border-bottom: 3px solid #f93b1d !important;padding-top: 30px;}
.bl {font-weight: bold;}
.cw {color: white !important;}
.hu {height: unset !important;display: block !important;}
.p30 {padding-top: 30px;padding-bottom: 30px;}



/* 768px */
@media (min-width: 768px) {
.pro-box {min-height: 700px;}
}


/* 768px */
@media (max-width: 768px) {
.nav-logo img {width: 100px;}
.bt {font-size: 36px;}
.tit {line-height: 70px;font-size: 24px;}
.pro-tit, .nav-logo, .xqt, .lc-tit, .cc-tit, .rc-tit {font-size: 18px;}
.finp {font-size: 26px;}
.foot-v, .foot-tit {font-size: 18px; }
.bc, .content {font-size: 12px;}
.f-content, .category div {font-size: 12px;}
.f-icon {padding-top: 20px;}
.fhr {padding-top: 10px;}
.pro-tit, .lc-tit, .cc-tit, .rc-tit {line-height: 20px;}
.pcontent, .lc-cnt, .cc-cnt, .rc-cnt {line-height: 22px;padding-top: 10px;}
.nav-logo img {bottom: 35%;}
.lc-text, .cc-text, .rc-text {top: 5%;padding: 10px;width: 100%;text-align: left;}
.cc-text {top: 50%;}
.downloadtit {text-align: center;}
#pro-left {width: 100%;position: unset;display: none;}
.ptit-A {bottom: 22%;}
.news-tit-box {padding: unset;}
#banner img{height: 100%;}
.pro-list>div .layui-panel>div {font-size: 16px;}

.proslick .slick-prev {left: 25px;z-index: 10;}
.proslick .slick-next {right: 25px;z-index: 10;}
 .proslick .slick-prev:before,.proslick .slick-next:before {color: #000000;}
.lc-cnt{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/* .foot {height: 760px;} */
.foot-v {height: 36px;}
.co {text-align: center;}
.co_r {text-align: center;}
/* .bannerh {height: 400px !important;} */
.banner {height: 300px;}
.bc {top: 50%;}
.dlastbox {display: block !important;}

.center-pro-img {top: 40%;max-height: 38%;}
.details-show>div {height: unset;display: flex;}

.imgA, .imgB, .imgC {height: 200px;background-color: #000000;margin-top: 10px;}
.imgA>img, .imgB>img, .imgC>img {max-width: unset;width: unset;height: 180px;position: absolute;bottom: 0;right: 0;}
.imgA>div, .imgB>div, .imgC>div {position: absolute;}
.imgA>div, .imgB>div, .imgC>div {top:12%;left: 10%;right: 5%;}
.imgC>div {bottom:unset;}
.imgC {padding: 3%;}

/* product */
.pro-list>div {height: 300px;}

/* company */
.center_main>div {padding: unset;}

.f-icon-img {height: 30px;width: 30px;}

.only-xs {display: block;}
.only-nxs {display: none;}
}
 
 
 
 
 
/* 768px 992px */
@media (min-width: 768px) and (max-width: 992px) {
.nav-logo img {width: 150px;}
.bt {font-size: 42px;}
.foot-v, .pro-tit, .foot-tit, .nav-logo, .xqt {font-size: 18px;}
.content, .f-content {font-size: 12px;}
.pro-tit, .lc-tit, .rc-tit, .rc-tit {line-height: 25px;}
.pcontent, .lc-cnt, .cc-cnt, .rc-cnt {line-height: 30px;}
.nav .layui-nav * {font-size: 20px;}
.nav-logo img {bottom: 40%;}

/* product */
.pro-list>div {height: 350px;}
.lc-text, .cc-text, .rc-text {top: 20%;padding: 10px;width: 60%;}
.cc-text {top: 50%;}
.center-pro-img {top: 50%;max-height: 50%;}

/* .foot {height: 650px;} */
.co {text-align: center;}
.co_r {text-align: center;}
}

/* 992px */
@media (min-width: 992px)  {
.layui-colla-title {padding: unset;}
.foot-tit>.layui-icon {display: none;}
.foot-tit {margin-bottom: 10px;}
.f-menu .layui-colla-content {padding: 10px 0 !important;}
.navw {width: 1170px;}
.nav .layui-nav .layui-nav-item {margin: 0 40px;}
}


@media (min-width: 992px) and (max-width: 1200px) {
.navw {width: 1170px;}
.center_pro {margin: -40% 0;}
}

@media (min-width: 1200px)  {
.navw {width: 1500px;}
}



@media (min-width: 1200px) and (max-width: 1500px) {
.center_pro {margin: 15% 0;}
}

@media (min-width: 1500px)  {
.pcontent, .pcontent p {margin: 0 auto;width: 50%;}
}