@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html,body{font-family:"Montserrat", sans-serif;background-color: #fbfbfd;
	font-size: 100%;
	color: #333;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
input,select,textarea{font-family:'Montserrat', sans-serif;}
ul,li,ol,dl,dt,dd,label,form,image,h1,h2,h3,h4,h5,h6,a {
	border: none;
	padding: 0px 0px;
	margin: 0px 0px;
	list-style: none;
}
a{
	text-decoration: none;
	color: #333;
}
.menubigbg {
	width: 100%;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0px;
	right: -100%;
	z-index: 10;
	height: 100%;
	overflow: hidden;
}

.closebtn {
	position: fixed;
	width: 24px;
	top: 8px;
	right: 75%;
	padding: 8px 8px;
	height: 24px;
	display: none;
	cursor: pointer;
	z-index: 19; color:#fff;
}
.navbtn {
	position: fixed;
	width: 24px;
	top: 8px;
	right: 5px;
	padding: 8px 8px;
	height: 24px;
	display: none;
	cursor: pointer;
	z-index: 19;
}
.hgmt40{ margin-top:40px;}
.hgmt60{ margin-top:60px;}
.hgmt80{ margin-top:80px;}
.navbtn i,.closebtn i{ font-size:1.6em;}
.topwarp{ width:100%; height:70px; padding-top:10px; position:fixed; z-index:9; top:0px; left:0px; background-color:#fff;}
.top{ max-width:1200px; margin:0px auto;}
.top:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.logo{ float:left;}
.top_r{position:fixed; z-index:9; top:20px; right:0px; width:100%; text-align:right;}
.top_r ul{ max-width:1200px; margin:0px auto;}
.top_r li{ font-size:0.85em; display:inline-block; margin-left:15px; font-weight:500;}
.top_r li i{ font-size:1.4em; margin-right:5px;}
.top_r li i.mr10{ margin-right:10px; position:relative;}
.top_r li a{}
.top_r li a .itemcount{ background-color:#42771f; text-align:center; line-height:20px; font-size:0.65em; color:#fff; border-radius:20px; width:20px; height:20px; display:block; position:absolute; top:-10px; left:5px;}
.top_r li a:hover{ color:#42771f;}
.nav{ background-color:#efefef; height:40px; text-align:center;position:fixed; z-index:9; top:80px; width:100%; left:0px;}
.nav ul{ max-width:1200px; margin:0px auto;}
.nav ul li{ height:40px; line-height:40px; display:inline-block; font-size:0.9em; position:relative;}
.nav ul li a{font-weight:600; color:#333; display:block; height:40px; padding:0px 20px;}
.nav ul li a:hover{color:#42771f;}
.nav ul li a i{ margin-left:5px;-moz-transition: transform .2s linear; font-size:0.85em; 
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear;}
.nav ul li:hover a i{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}
.nav ul li dl{position:absolute; top:40px;box-shadow: 0px 1px 3px rgba(0,0,0,0.07); background-color:#fff; padding:0px 0px 20px 0px; width:200%; left:-50%; display:none;}
.nav ul li dl:before{content: "\f106";webkit-box-sizing: border-box; height:20px; line-height:20px; margin:0px 0px; padding:0px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box; font-size:1.4em;
    display: inline-block;
    text-align: center;
    margin-right: 0px;font-family:"FontAwesome";text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
.nav ul li dl dd{ text-align:left; }
.nav ul li dl dd a{ height:auto; line-height:1.2em; padding:8px 20px; font-weight:500; }
a.more{ background-color:#333; border-radius:5px; color:#fff; text-align:center; padding:10px 20px; font-weight:600;-webkit-transition: .3s;transition: .3s}
a.more:hover{ background-color:#666;}

.boadv{ background-color:#333; padding:40px 0px; width:100%;}
.boadv ul{ max-width:1200px; margin:0px auto;}
.boadv ul:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.boadv ul li{ float:left; width:21%; margin:0px 2%; text-align:center; color:#fff; font-weight:300; font-size:0.85em;}
.boadv ul li i{ display:block; font-size:2em; padding-bottom:10px;}

.footerwarp {
    clear: both;
    max-width: 1200px;
    margin: 20px auto;
    padding-top: 20px;
}
.b_nav {
    padding: 0px 0px 40px 0px;
}
.b_nav:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.b_nav dl{ float:left; width:22%; margin-right:3%;}
.b_nav dl dt{ font-size:1.2em; color:#333; position:relative; font-weight:600; padding-bottom:10px;}
.b_nav dl dt i{ display:none; color:#666; position:absolute; right:10px; top:0px;}
.b_nav dl dd{ padding-bottom:10px; font-size:0.9em;}
.b_nav dl dd ul li{ display:inline-block; font-size:1.6em; margin-right:10px;}
.b_nav dl dd ul li a:hover{color:#42771f}
.b_nav dl dd ul li a.face:hover{color:#3B5998;}
.b_nav dl dd ul li a.tw:hover{color:#1DA1F2;}
.b_nav dl dd ul li a.ins:hover{color:#D83776;}
.b_nav dl dd ul li a.in:hover{color:#3B5998;}
.b_nav dl dd ul li a.pin:hover{color:#BD081C;}
.b_nav dl dd a{ color:#666; text-decoration:none;}
.b_nav dl dd a:hover{ text-decoration:underline;}
.copy{ width:92%;color:#666; text-align:center; font-size:0.85em;}
@media(max-width:1200px)
{
.logo{ margin-left:10px;}
.top_r{ margin-right:10px;}	
.footerwarp{ width:92%;}
}
@media(max-width:980px)
{
.navbtn{display:block;}
.top_r{ position:fixed; z-index:15; width:75%;right:-100%; top:10px; margin-right:0px;}
.top_r li{ width:40%; margin:0px 5%;  text-align:center; position:relative;}
.top_r li a{ display:block; line-height:20px; padding:20px 0px 0px 0px; border-bottom:1px solid #999;}
.nav{ position:fixed; z-index:12; width:75%; right:-100%; left:auto; top:0px; height:100%; background-color:#fff; text-align:left;}
.nav ul{ width:96%; margin-top:80px; height:100%;}
.nav ul li{ display:block; position:static; height:auto; line-height:50px; border-bottom:1px solid #fbfbfd;}
.nav ul li a{ position:relative; height:50px; color:#666;}
.nav ul li a i{ position:absolute; right:20px; top:20px;}
.nav ul li dl{ position:static; width:100%;box-shadow:none;}
.nav ul li dl dd{border-bottom:1px solid #fbfbfd; font-size:0.9em;}
.nav ul li dl:before{ content:""; display:none;}
}
@media(max-width:480px)
{.topwarp{ height:50px;}	
.logo img{ max-width:160px;}
.boadv{ padding:10px 0px 20px 0px;}
.boadv ul li{ width:42%; margin:20px 4% 0px 4%;}

.b_nav dl{ float:none; width:100%; margin-right:0px; margin-top:10px; border-bottom:1px dotted #ccc;}
.b_nav dl dt{}
.b_nav dl dd{ display:none; padding:10px 20px;}
.b_nav dl dt i{ display:block;}
.b_nav dl dd ul li{ font-size:1.8em; margin-right:20px;}
}