/*
* 默认模板公共函数
* Copyright 2022 Achilles
* Coder: 川哥编程
* Last Updated 24 March 2022
*/
html, body {width: 100%;height: 100%; }
body {
	font-family:Microsoft YaHei;
	/* background: white; */
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%; 
	letter-spacing:0.1em;
	color: #333;
}
body,ol,ul,li,dl,dt,dd{
	padding: 0;
	margin: 0;
}
.hide{display:none!important;}
::selection {
	background: #007aff;
	color: #fff;
}
::-moz-selection {
	background: #007aff;
	color: #fff;
}
input, textarea{
	-webkit-appearance:none;
	touch-action: manipulation;
}
ul, ul li, ol, ol li{list-style: none;}
a {
	text-decoration: none; 
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	text-decoration:none; outline:none;
	cursor:pointer;
}
a:link,a:active,a:visited{color: #3d3d3d;}
a:hover{color:#EA4335;}
.l{float:left;}
.r{float:right;}
.c{clear:both;margin:auto;overflow:hidden;}
.ct{text-align:center;}
img {border-width:0;max-width:100%;vertical-align:middle;}
.w{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
.mShow{display: none;}
#header{
	width: 100%;
	background: #333;
	border-bottom: 1px solid #eee;
}
/* #header, #header a{color:#fff;} */
/* #header a:hover{color:#fff;} */
#header{height:90px;position:fixed;z-index:2;background:rgba(0,0,0,.5);top:0px;}
#topnav > li.contactWay {
	width:auto;
	line-height: 26px;
    font-weight: bold;
    position: relative;
    top: 14px;
    text-align: left;color:#333;
}
#topnav > li.contactWay > span{
	font-size: 12px;
	margin-left: 3px;
    font-weight: normal;
}
#topnav > li.contactWay.c > span:nth-child(2) > b {
	font-size: 24px;
}
#topnav > li.contactWay.c > span:nth-child(1) > i {
	transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
	font-size:32px;
	position: relative;
    top: 13px;
}
#topnav > li.contactWay.c > span:nth-child(2) {
	position: relative;
    left: -10px;
}
#logobox{
	float: left;
	padding:0px;
	margin:25px 0px;
}
#logobox img {
	max-height:40px;
	border-radius:3px;
}
#topnav{
	overflow: hidden;
	text-align: right;
}
#topnav > li{
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	margin: 0px;
	padding:0px;
	display:inline-block;
	/* width:126px; */
}
#topnav > li.on {
	border-bottom: 5px #eee solid;
	opacity: .9;
}
/* #topnav > li.on > a{ */
	/* color:#fff; */
/* } */
#topnav > li > div {
	display: none;
	position: absolute;
	background-color: #4C4C4C;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	padding: 16px 5px 20px 5px;
	z-index: 2;
	line-height: 40px;
	border-left-bottom-radius:3px;
	border-right-bottom-radius:3px;
}
#topnav > li:hover div {display: block;}
#topnav > li > div > a {display: block;color:#888;}
#topnav > li > div > a:hover, #topnav > li > a:hover {color:#000;}
#signbar > i {margin-left:5px;margin-right:5px;}
#main{overflow: hidden;}
#mobMenuBox{display:none;}
#footer {
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	line-height:22px;
}
#footer, #footer a{color:#777;font-size:14px;}
.copyright{
	margin-top:32px;
	/* padding-top:32px; */
	width: 100%;
	text-align:center;
	/* border-top:1px #59595d solid; */
	overflow:hidden;
}
#qrcodeOfficialAccounts{max-width:100px;margin-top:10px;}
#topnav > li:nth-child(9),
#topnav > li:nth-child(10),
#topnav > li:nth-child(11),
#topnav > li:nth-child(12),
#topnav > li:nth-child(13),
#topnav > li:nth-child(14),
#topnav > li:nth-child(15),
#topnav > li:nth-child(16) {
	display:none;
}
@media screen and (max-width:768px) {
	#header {height: 60px;position:static;background:#E60012;}
	.mShow{display: block;}
	.mHotline {
		position: absolute;
		right: 50px;
		top: 20px;
		color: #fff!important;
		display:none;
	}
	.mMenuBtn {
		position: absolute;
		right: 10px;
		top: 20px;
		/* color:#eee; */
		font-size: 22px;
	}
	#header > div > a.mHotline.mShow > span{
		font-size: 12px;
		position: relative;
		top: -2px;
	}
	#header > div > a.mHotline.mShow > b {font-size: 18px;}
	#logobox {margin-top: 13px;margin-left: 10px;}
	#logobox img {height: 33px;}
	#topnav {
		float: none;
		width: 100%;
		margin: 0;
		background: rgba(0, 0, 0, .80);
		overflow: hidden;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 1000;
		display: none;
		border-top: 1px solid #ddd;
		background: #fafafa;
	}
	#topnav li {
		width: 100%;
		margin: auto;
		float: none;
		border-bottom: 1px #d6d6d6 solid;
		line-height: 60px;
	}
	#topnav > li > a{color:#666;}
	#topnav > li:hover div {width:100%;position: static;}
	#topnav > li.on > a, #topnav > li.contactWay > a{color:green;}
	#topnav > li.contactWay {
		float: none;
		text-align: center;
		width: 100%;
		color: #fff;
	}
	#topnav > li:nth-child(9),
	#topnav > li:nth-child(10),
	#topnav > li:nth-child(11),
	#topnav > li:nth-child(12),
	#topnav > li:nth-child(13),
	#topnav > li:nth-child(14),
	#topnav > li:nth-child(15),
	#topnav > li:nth-child(16) {
		display: inline-block;
	}
	.swiper {height:151px;margin-top:0px;}
	.swiper-slide {background-size: 100% auto;}
	.swiper-slide > div{width:100%;text-align:center;}

	/*他想做一个类似这种的二级导航或者二级频道*/
	#mobMenuBox{display:block;}
	#mobMenuBox > ul{
		overflow-y:hidden;
		overflow-x:auto;
		white-space: nowrap;
		/* background-color:#FBF0EE; */
		/* border-bottom: 3px solid #eee; */
	}
	#mobMenuBox > ul > li {
		padding:0px;
		margin:0px;
		overflow:hidden;
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		height: 40px;
		line-height: 40px;
		border-bottom: 3px solid #fbf0ee;
	}
	/*滚动条样式*/ 
	#mobMenuBox > ul::-webkit-scrollbar{
		width: 0;
		height: 0;
		display: none;
	}
	#aMenuStrip {background-color:#FBF0EE;padding-top:8px;}
	#aMenuStrip > li.focus a{color:#C42D1A;}
	#aMenuStrip > li.focus{border-bottom: 3px solid #C42D1A;}
	#aMenuStrip > li > a{font-weight:bold;font-family:'黑体';}
	#aMenuStrip > li > div{display:none;}

	/* 手机端子分类 */
	#bMenuStrip{}
	#bMenuStrip > li > a{
		/* display:inline-block; */
		padding:2px 8px 4px 8px;
		background-color:#F9F9F9;
		color:#898989;
		border-radius:3px;
		font-size:14px;
	}
	#bMenuStrip > li > a.focus {
		background:#C42D1A;
		color:#fff;
	}
	
	#faqIndexList > table > tbody > tr,
	#faqIndexList > table > tbody > tr > td,
	#footer > div > div.l,
	#footer > div > div.r
	{
		display:block;
		float:none;
	}
	#footer {
		text-align: center;
		/* position: fixed;bottom: 0px; */
		/* bottom: 0px; */
	}
	#footer ul {
		overflow: hidden;
		padding: 10px;
		max-width: 90%;
	}
}
@media screen and (max-width: 1024px) {
	.w{width:100%;}
}