@import url('bootstrap-icons.css');
html,body{
	background-color:#fbfbfb;
	font-size: 100%; line-height: 1.5em;
	font-family: sans-serif,'Microsoft YaHei',simhei;
	margin: 0 0;
	padding: 0 0;width:100%; color:#000;
}
button,html input,textarea{
	-webkit-appearance: button;
	outline: none;
}
a{text-decoration: none;}
img{ vertical-align: bottom;max-width:100%;}
input,textarea,button,select{-webkit-appearance:none;border-radius:0; font-family: sans-serif,'Microsoft YaHei',simhei;}
ul,ol,dl,li,dd{ margin: 0; padding: 0;}
ul li,ol,li{ list-style: none;}
.navbtn,.closebtn{position: fixed;top:20px;right:2%;z-index: 12;display:none;font-size: 2em;}
.menubigbg{width:100%;height: 100%;position: fixed; z-index: 8;top:0;left:0; background-color: rgba(0,0,0,.2); display:none;}
.headwarp{width:100%;height: 120px; position: fixed; z-index: 10;top:0;left:0; background-color: #fff;}
.container{width:80%;margin: 0 auto;}
.top{ padding: 10px 0; height: 60px;line-height:60px;width:80%;margin: 0 auto; display: flex;justify-content: space-between;}
.top .logo{width:200px;}
.top .logo h1{text-indent: -9999px;
	width: 100%;
	height: 100%;
	overflow: hidden; margin: 0;padding: 0;}
.top .logo h1 a{display:block;width:100%;height:100%;background-image: url('/images/logo.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: center center;}
.top .se-bar{flex:1;text-align: right;}
.top .se-bar .searform{max-width:600px; height: 50px; line-height: 50px;  position: relative;border:1px solid #efefef;border-radius:15px; margin: 0 0 0 auto;}
.top .se-bar .searform input{width:calc(100% - 70px);border-radius:15px; height: 48px; line-height: 48px; padding:0 50px 0 10px;border:none;}
.top .se-bar .searform .searchbtn{ font-size: 2em; position: absolute;width:40px; height: 40px;line-height:40px;top:5px;right:5px;color:#333;cursor: pointer;}
.top .se-bar .searform .searchbtn:hover{color:#009900;}
.top .inqbar{width:70px; padding-right: 10px; line-height: 50px; text-align:right; position: relative; font-size: 2em; cursor: pointer;}
.top .inqbar span{ width:20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50% 50%;color:#fff; background-color:#009900;display:block;position: absolute;right:5px;top:10px; font-size: 0.5em;}
.top .inqbar:hover{color:#009900;}
.nav{ height: 40px; background-color:#efefef;}
.nav ul{width:80%;margin: 0 auto; display:flex;justify-content: center;}
.nav ul li{ height:40px; line-height: 40px; position:relative;}
.nav ul li a{ text-decoration:none; display:block; color:#000;  padding:0px 20px; height:40px;}
.nav ul li a:hover{ color:#009900;}
.nav ul li.big.mobhit a:hover{color:#000;}
.nav ul li.up a{color:#009900;}
.nav ul li.big::before{font-family: "bootstrap-icons"; position: absolute;right:0;top:0;
	content: "\f282";-webkit-transition: .5s;transition: .5s;color:#000;
}
.nav ul li.big:hover::before{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#009900;}
.nav ul li.big.mobhit:hover::before{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:#000;}
.nav ul li dl{ display:none; position:absolute; top:40px; width:200%; left:-50%; font-size:0.9em;  padding:0px 0px;-webkit-transition: .5s;transition: .5s;background-color: #fff;}
.nav ul li dl:before{width:100%;height: 20px;content: '\F27C';color:#009900;
	line-height: 20px;
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.4em;
	display: inline-block;
	text-align: center;
	font-family: "bootstrap-icons";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;}
.nav ul li dl dd{ width:100%; line-height: 1.5em; padding-bottom: 20px;}
.nav ul li dl dd:hover{}
.nav ul li dl dd a{  color:#000; padding:0px 20px; text-align:center;height: auto;line-height: normal;}
.nav ul li.up dl a{color:#000 !important;}
.nav ul li.up dl dd a:hover{color:#009900 !important;}
a.more {
	background-color: #333; display: inline-block;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-weight: 600;
	-webkit-transition: .3s;
	transition: .3s;
}
a.more:hover{ background-color:#009900;}
.shopbar{ background-color: #333; padding: 40px 0;}
ul.shopdi{ display:flex;justify-content: center;flex-wrap: wrap;}
ul.shopdi li{flex: 1;color:#fff; text-align: center;display:flex;align-items: center;justify-content: center;-webkit-transition: .5s;transition: .5s;}
ul.shopdi li i{ font-size: 2.4em; margin-right: 10px;}
ul.shopdi li:hover{color:#009900;}
.hg-foot-box{ background-color:#f2f2f2;width:100%;padding: 40px 0;}
.hg-foot-nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hg-foot-nav dl{margin: 0px 2%;}
.hg-foot-nav dl dt{font-weight: 600; padding-bottom: 10px;  position: relative; font-size: 1.2em;}
.hg-foot-nav dl dt:after{ position: absolute;left:0px;bottom:5px; width:40px; height:2px;content: ''; background-color: #009900;}
.hg-foot-nav dl dd{ line-height: 1.2em; padding-bottom: 5px;}
.hg-foot-nav dl dd a{color:#333; padding: 5px 0px; display: block; text-decoration: none;}
.hg-foot-nav dl dd a:hover{color:#009900;}
.hg-copyright-box{background-color: #d7d7d7; padding: 20px 0;}
.hg-copyright{ display: flex;justify-content: space-between;color:#333; font-size: 0.9em; align-items: center;flex-wrap: wrap;}
.hg-copyright a{color:#333; text-decoration: underline;}
.hg_copy_beian{ text-align:right;}
.hg_copy_txt{}
.hg_copy_beian a{ display:block; line-height: 2em;color:#666;}
.hg_copy_beian a.gongan{ padding-left: 20px; background-image: url('/images/beian.png'); background-repeat: no-repeat;}
.hg_copy_beian a:hover{ text-decoration: none;}
@media(max-width: 1376px)
{
	.container,.top,.nav ul{width:96%;}
}
@media(max-width: 960px)
{
	.headwarp{height: 80px;}
	.se-bar{display: none;}
	.top .logo{width:120px;}
	.top .logo h1 a{ background-size: 100% auto;}
	.nav{ position: fixed; z-index: 11;right:-100%;top:0; width:80%; height: 100vh;overflow: hidden;}
	.nav ul{flex-direction: column; height: calc(100% - 80px); margin-top: 80px;justify-content: flex-start;}
	.nav ul li a{ height: auto;}
	.nav ul li{height: auto;}
	.nav ul li dl{ position: static;width:100%; background-color: #efefef;}
	.nav ul li dl dd a{ text-align: left; padding:0px 30px;}
	.nav ul li.big::before{right:20px;}
	.top .inqbar{ margin-right: 60px;}
	.navbtn{ display: block;}
	ul.shopdi li{flex:none;width:50%;}
	ul.shopdi li i{ font-size: 1.6em;}
	.hg-foot-nav dl{float: none;width:96%;border-bottom:1px solid #e1e1e1;}
	.hg-foot-nav dl dt{padding-top:10px; font-size: 1.1em;cursor:pointer;}
	.hg-foot-nav dl dt:after{content: none;}
	.hg-foot-nav dl dt:before{ content: "+";float:right;display: inline-block;color:#009900;-moz-transition:transform .2s linear;-webkit-transition:transform .2s linear;transition:transform .2s linear;}
	.hg-foot-nav dl dt.cur:before
	{-webkit-transform: rotate(45deg) scale(1.08); transform: rotate(45deg) scale(1.08);}
	.hg-foot-nav dl dd{ display: none;}
	.hg_copy_txt,.hg_copy_beian{width:100%; text-align: left;}
}