/*
* 默认模板公共函数
* Copyright 2022 Achilles
* Coder: 川哥编程
* Last Updated 24 March 2022
*/
html, body {width: 100%;height: 100%; }
body {
	font-family:'Microsoft YaHei','微软雅黑','黑体',SimHei;
	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;
}
::selection {
	background: #007aff;
	color: #fff;
}
::-moz-selection {
	background: #007aff;
	color: #fff;
}
input, textarea{-webkit-appearance:none;}
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, a img { */
	/* margin: 0; */
	/* padding: 0; */
	/* border: 0; */
	/* border-style: none; */
	/* text-decoration: none; */
	/* vertical-align: top;  */
/* } */
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;
	/* color:#666; */
	/* background: rgba(0,0,0,.5);
	background: rgba(0,0,0,.7);
	background: rgba(7,63,0,.3);
	background: #073F00;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)";
	background-image:url(/tpl/2/ig/bg.jpg);
	background-position:bottom;*/
}
/* #header, #header a{color:#ccc;} */
#header a:hover{color:#000;}
#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:#fff; */
}
#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:110px;
}
#topnav > li.on {
	border-bottom: 5px #888 solid;
	opacity: .9;
}
#topnav > li.on > a{
	color:#000;
}
#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:#ccc;}
#topnav > li > div > a:hover {color:#fff;}
#signbar > i {margin-left:5px;margin-right:5px;}
#main{overflow: hidden;}
#mobMenuBox{display:none;}
.btn {
    display:inline-block;
    padding: 10px 30px 10px 30px;
	outline: 0;
	border-radius:3px;
	cursor:pointer;
	border:none;
	background: #34A853;
	color:#fff;
	text-decoration:none;
	font-size:15px;
}
.swiper {
	width: 100%;
	/* height:100vh; */
	height: 500px;
	overflow:hidden;
	margin-top:90px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	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;

	background-repeat:no-repeat;
	background-size: 100% 500px;
}
/* .swiper-slide > p > h2 {display:block;} */
.swiper-slide > div {margin:auto;color:#eee;text-align:justify;width:50%;line-height:32px;}
.swiper-slide a{color:#eee;display:inline-block;line-height:18px;}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@-webkit-keyframes fadeInOut {
    0% {opacity:0;}
    75% {opacity:1;}
}
div.swiper > div.swiper-wrapper > div.swiper-slide.swiper-slide-active {
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: linear;		/*从开头到结尾以相同的速度来播放动画*/
    -webkit-animation-iteration-count: 1;			/*仅播放一次，不重复播放*/
    -webkit-animation-duration: .8s;					/*动画完成一个周期所需要的时间，以秒或毫秒计*/
    -webkit-animation-direction: alternate;			/*动画应该轮流反向播放*/
	background-size: cover;
}
#footer {
	margin-top:64px;
	padding-top:20px;
	padding-bottom:20px;
	line-height:22px;
	background:#555;
}
#footer, #footer a{color:#bbb;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),
#footer > div > div:nth-child(1),
#footer > div > div:nth-child(2),
#footer > div > div:nth-child(3){
	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;
	}
	#topnav li {
		width: 100%;
		margin: auto;
		float: none;
		border-bottom: 1px #d6d6d6 solid;
		line-height: 60px;
	}
	/* #topnav > li > a{color:#ccc;} */
	#topnav > li:hover div {width:100%;}
	/* #topnav > li.on > a, #topnav > li.contactWay > a{color:#fff;} */
	#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%;}
}