/*
* 模板0
* Wednesday, November 2024.
* 川哥编程
* 13700879064
*/
.w{
	/* max-width: 1760px; */
    /* min-width: 1200px; */
	/* width:1280px; */
	width:1296px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
.btn {background: #C40000;color:#eee;}
.btn:hover {color:#fff;}
/**************************************
* 公共页眉
**************************************/
#tabContorl li.active{
	color:#C40000;
	border-color:#C40000!important;
}
#header{
	width: 100%;
	background: #333;
	border-bottom: 1px solid #eee;
	background:#fff;
}
#header .hotline{
	float: right;
	position: relative;
    top: 20px;
	color:#C40000;
}
#header .hotline > span{
	position: relative;
	top: -20px;
    left: 8px;
	color:#888;
}
#header .hotline > b{
	position: relative;
	top: 5px;
    left: -77px;
	font-size: 16px;
}
#header .hotline:before {
    font-size: 42px;
}
/**************************************
* Public LOGO
**************************************/
.toplogobox img{margin:15px 0px;float:left;}
img.logo{
	max-height:60px;
	border-radius:3px;
}
/**************************************
* 公共导航菜单
**************************************/
#topnav, #topnav > ul > li > div{background:#C40000;} 
#topnav > ul > li{
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	margin: 0px;
	padding:0px;
	display:inline-block;
	width:126px;
	border-bottom:5px solid transparent;
}
#topnav > ul > li.on {
	border-color:#fff;
}
#topnav > ul > li a{color:#fff;}
#topnav > ul > li > div {
	display: none;
	position: absolute;
	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 > ul > li.on:hover div,
#topnav > ul > li:hover div {
	display: block;
	-webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: linear;	/*从开头到结尾以相同的速度来播放动画*/
    -webkit-animation-iteration-count: 1;		/*仅播放一次，不重复播放*/
    -webkit-animation-duration: .8s;			/*动画完成一个周期所需要的时间，以秒或毫秒计*/
    -webkit-animation-direction: alternate;		/*动画应该轮流反向播放*/
}
#topnav > ul > li > div > a {display: block;color:#ddd;}
#topnav > ul > li > div > a:hover {color:#fff;}
/**************************************
* 顶部公共搜索栏
**************************************/
#searchForm{
	position: relative;
    float: right;
    right: 10px;
    top: 20px;
}
#searchForm > input[type=text]{
	padding-right: 32px;
    width: 255px;
	outline:none;
}
#searchForm > input[type=submit]{
	visibility:hidden;
}
#searchForm > i{
	position: relative;
    right: 40px;
}
/**************************************
* 顶部公共种子二维码追溯登录入口链接
**************************************/
#masterLink{
	position: relative;
    top: 32px;
    right: 40px;
	float:right;
}
/**************************************
* 公共轮播图
**************************************/
/* .swiper { */
	/* width: 100%; */
	/* max-height: 500px; */
	/* overflow:hidden; */
/* } */

.swiper-slide {
	font-size: 18px;
	background-repeat: no-repeat;
	background-size:cover;
}
.swiper-slide > div {margin:auto;color:#eee;text-align:justify;width:50%;line-height:32px;}
.swiper-slide.swiper-slide-active > div > h1 {margin-top:0px;padding-top:0px;}
.swiper-slide a{color:#eee;display:inline-block;line-height:18px;}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.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;		/*动画应该轮流反向播放*/
}
.txtOnSwiper{
	position:absolute;
	z-index:10;
}
.txtOnSwiper > div{
	text-indent:32px;
}
/**************************************
* 公共主题
**************************************/
#main{overflow: hidden;}
#main > .body{margin-top:20px;}
/**************************************
* 分页列表和详情页公共样式
**************************************/
#lbox{
	width:220px;
	vertical-align:top;
}
#lbox > h2{
	background:#C40000;
	padding: 10px 0px 10px 10px;
	margin:0px;
    padding-left: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
	display:block;
	text-align:justify;
	font-size:18px;
}
#lbox > div{
	border:1px solid #ddd;
	padding-left: 10px;
}
#lbox > div > dl > dd > a {
	display:block;
	padding: 10px 0px 10px 20px;
}
#lbox > div > dl > dd > a.on {
	color:#C40000;
}
#lbox > div > dl.on > dt > a {
	color:#C40000;
}
#rbox{vertical-align:top;}
#rbox .topNavbar{border-bottom:1px solid #ddd;}
#rbox h2{
	padding-left: 10px;
	text-align:justify;
	margin:10px 0px;
	padding-bottom:10px;
}
#rbox h2, #rbox h2 a{font-size:18px;color:#C40000;}
#rbox h2 i{margin-left:5px;margin-right:5px;}
/**************************************
* 页脚
**************************************/
#footer {
	padding-top:40px;
	padding-bottom:20px;
	line-height:22px;
	border-top: 1px solid #eee;
    margin-top: 40px;
}
#footer, #footer a{color:#aaa;font-size:14px;}
#footer li{padding-top:5px;padding-bottom:5px;}
#footer a:hover{color:#C40000;}
.copyright{color:#888;text-align:center;width:100%;margin:32px auto 32px auto;}
.onlineMsg{margin-left:64px;}
.onlineMsg * {color: #757575;}
.onlineMsg input {
	line-height:30px;
	font-size: 16px;
	display:inline-block;
}
.onlineMsg input.txt {
    width: 350px;
    border: 1px solid #d4d0c8;
    border-radius: 3px;
    padding-left: 32px;
	margin-bottom:20px;
}
.onlineMsg input[type="button"] {
    width: 120px;
    background: #C40000;
    border-radius: 5px;
	margin-left: 20px;
    border: 0;
    color: #eee;
	cursor:pointer;
}
.onlineMsg i {
	position: relative;
    left: 28px;
}
.links,.links * {
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.links dt{
	display:block;
	border-bottom:2px solid;
	padding-bottom:5px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight:bold;
}
.links dd {
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.links a {
	display:inline-block;
	margin-right: 20px;
}

@media screen and (max-width:768px) {
	.w{width:100%;}
	#header {background: #E60012;position:static;}
	#header > div > a.hotline.mShow > span{
		font-size: 12px;
		position: relative;
		top: -2px;
	}
	#header > div > a.hotline.mShow > b {font-size: 18px;}
	img.logo{height: 33px;}
	.toplogobox img{margin-top: 13px;margin-left: 10px;}
	.hotline {display: none;}
	.mMenuBtn {
		position: absolute;
		right: 10px;
		top: 20px;
		color:#eee;
		font-size: 22px;
	}
	
	#topnav{display:block;}
	#topnav > ul{
		overflow-y:hidden;
		overflow-x:auto;
		white-space: nowrap;
		background-color:#FBF0EE;
		padding-top:8px;
	}
	#topnav > ul > li {
		width:auto;
		padding:0px;
		margin:0px;
		overflow:hidden;
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		height: 40px;
		line-height: 40px;
		border-bottom:3px solid transparent;
	}
	/*滚动条样式*/ 
	#topnav > ul::-webkit-scrollbar{
		width: 0;
		height: 0;
		display: none;
	}
	#topnav > ul > li > a{text-shadow: 1px 1px 5px #aaa;color:#3d3d3d;font-weight:bold;font-family:'黑体';}
	#topnav > ul > li.on > a{color:#C43926;}
	#topnav > ul > li.on{border-color:#C43926;opacity:inherit;}
	#topnav > ul > li.on:hover div, #topnav > ul > li:hover div {display: none;}

	/* 手机端子分类 */
	#topnav > #bMenuStrip{background-color:#C40000;}
	#topnav > #bMenuStrip > li > a{
		color:#fff;
		font-size:14px;
		font-weight: normal;
		font-family: 'Microsoft YaHei';
	}
	#topnav > #bMenuStrip > li.on {
		border-color: #fff;
		color:#fff;
	}
	#searchForm {
		position: absolute;
		top: 15px;
		left: 33%;
		width: 50%;
		overflow: hidden;
		float: none;
		right: auto;
	}
	#searchForm > input[type=text] {
		width: 76%;
        padding: 6px 30px 6px 6px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
	}
	#searchForm > i {
        left: 85%;
        top: -30px;
	}
	
	.swiper {margin-top:0px;}
	.swiper-slide {background-size: 100% auto;}
	.swiper-slide > div{width:100%;text-align:center;}
	/* div.swiper > div.swiper-wrapper > div.swiper-slide.swiper-slide-active { */
		/* background-size:contain; */
	/* } */
	.txtOnSwiper h1 {
		margin-top: 0px;
		margin-bottom: 0px;
        font-size: 18px;
		font-family: '黑体';
	}
	.txtOnSwiper div {
		font-size: 14px;
		text-align: justify;
		line-height: 24px;
		margin: 0px;
		 padding: 0px 10px 0px 10px;
	}
	#lbox{display:none;}
	#footer li {
		text-align: justify;
		margin-left: 10%;
	}
	#footer > div > div.r > ul > li  {float:left;}
	#footer > div > div.r > ul > li > img.logo {height: 48px;}
	#footer {text-align: center;}
	#footer > div > div.l,
	#footer > div > div.r {
		display:block;
		float:none;
	}
	.onlineMsg{
		margin-top:30px;
		margin-left:0px;
		margin-bottom:30px;
	}
	.onlineMsg input.txt {
		width: 70%;
		margin-left:0px;
		padding-right: 32px;
	}
	.onlineMsg input[type="button"] {width:86%;}
	.links dt{
		text-align:left;
		padding-left: 20px;
	}
	.links dd {
		width: 25%;
		margin-left: 20px;
		margin-right:3px;
		text-align: justify;
	}
	.copyright{width:90%;}
}