@charset "utf-8";

/** {
	box-sizing: inherit;
}*/

@keyframes rotate-forever {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.container_category {
	position: relative;
	z-index: 3;
	width: 100%;
	text-align: center;
	margin-bottom:40px;
}
.container_category a {
	position: relative;
	display: inline-block;
	margin: 0px 25px;
	color: #6f6f6f;
transition: all .3s ease-out 0s;
	font-size: 13px;
}
.container_category a:after {
	position: absolute;
	left:0;
	bottom:-10px;
	width: 100%;
	height: 1px;
	background-color: #232323;
	content: '';
	opacity:0;
transition: all .3s ease-out 0s;
}
.container_category a.active, .agent-desktop .container_category a:hover {
	color: #232323
}
.container_category a.active:after, .agent-desktop .container_category a:hover:after {
	opacity:1;
	bottom:-4px;
}
#header {
    z-index: 99;
	width: 100%;
	background-color:rgba(255, 255, 255, 0.95);
}
#header .wrapper {
	height: auto
}
#header > .content {
	margin: 0 auto;
	height: 100%;
	padding:0 5px;
	max-width: 1170px;
	position: relative
}
#header .content #headTop {
	height:100%
}
#header .content a#logo {
	display:block;
	float:left;
	margin-top:16px;
transition: all ease-out .3s
}
#header .content a#logo img {
	max-height:40px
}
#header #navWrapper {
	float:right;
}
#header .nav {
	float: left;
	margin-right: 20px;
}
#header .nav > li {
	position: relative;
	float: left;
	height: auto;
	font-size: 14px
}
#header .nav > li > a {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 26px 0;
	margin: 0 20px;
transition: all ease-out .3s;
	line-height:20px
}
#header .nav > li > a span {
	position: relative;
	display: inline-block;
}
#header .nav > li > a > i {
	margin-left: 10px
}
#header .nav .subnav {
	position: absolute;
	top: 100%;
	left: -45px;
	z-index: 199;
	visibility:hidden;
	overflow: hidden;
	background-color: #232323;
	opacity: 0;
transition: all .36s ease;
	padding: 13px 0 15px;
	min-width:220px
}
#header .nav .navitem:last-child .subnav {
	left: auto;
	right:0
}
#header .nav .subnav li {
	padding:0 30px
}
#header .nav .subnav li a {
	display: block;
	padding: 9px 0 7px;
	color: #9d9d9d;
	font-size: 12px;
    transition: all .2s ease-in-out;
	position:relative;
	left:0
}
#header .nav .subnav li a i {
	float:right;
	margin-top:3px
}
#header .nav .subnav li a:hover {
	left: 5px;
	color:#fff
}
#header .nav > li:hover .subnav {
	visibility: visible;
	opacity: 1
}
#header .nav > li a.active span, .agent-desktop #header .nav > li:hover a span {
	color:#7e7e7e
}
body.openMenu #header .nav {
	position:absolute;
	left:0;
	right: 0;
	top:66px;
	margin-left:0;
	background-color: rgba(23, 23, 23, 0.95);
	display:block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
body.openMenu #header .nav > li {
	width:100%;
	font-size:13px
}
body.openMenu #header .nav > li > a {

	padding: 10px 0;
}
body.openMenu #header .nav > li > a i {
	color:#fff;
	float:right
}
body.openMenu #header .nav > li span {
	color:#fff
}
body.openMenu #header .nav .subnav {
	position:static;
	visibility:visible;
	opacity:1;
	padding:0;
	background-color: rgba(23, 23, 23, 1);
}
body.openMenu #header .nav .subnav.hide {
	height: 0 !important;
	opacity: 0;
	transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
	display: block;
}
body.openMenu #header .nav .subnav li a {
	border-bottom: solid 1px rgba(255, 255, 255, .06);
	color: #939393;
	padding: 10px 0
}
#header #openBtn {
	padding:6px 0;
	cursor:pointer;
	display:none
}
.lcbody {
	width: 48px;
	height: 48px;
	position: relative;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	width: 48px;
	height: 48px;
}
.lcitem .rect {
	width: 17px;
	height: 1px;
	background: #232323;
	position: absolute;
	left: 16px;
	transition: transform 0.2s ease 0.2s;
	-webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
	top:23px;
	transform: translate3d(0px, -3px, 0px);
}
.lcitem .rect.bottom {
	bottom:23px;
	transform: translate3d(0px, 3px, 0px);
}
body.openMenu #header .content #openBtn .lcbody {
	transform: translateZ(0px) rotate(90deg);
}
body.openMenu #header .content #openBtn .lcitem, .lcbody.close .lcitem {
	transform: translateZ(0px) rotate(45deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.openMenu #header .content #openBtn .lcitem.bottom, .lcbody.close .lcitem.bottom {
	transform: translateZ(0px) rotate(-45deg);
}
body.openMenu #header .content #openBtn .lcitem .rect, .lcbody.close .lcitem .rect {
	transition: transform 0.2s ease 0s;
	transform: translate3d(0px, 0px, 0px);
}
.lcbody.prev .lcitem.top {
	transform:translateZ(0px) rotate(-45deg);
}
.lcbody.prev .lcitem.bottom {
	transform:translate3d(0px, 10px, 0) rotate(45deg);
}
.lcbody.next .lcitem.top {
	transform:translateZ(0px) rotate(45deg);
}
.lcbody.next .lcitem.bottom {
	transform:translate3d(0px, 10px, 0) rotate(-45deg);
}
#header.mini {
	box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}
#header.mini .content a#logo {
	margin-top:10px
}
#header.mini .nav > li > a {
	padding: 20px 0;
}
#header.mini #searchbar {
	margin-top:24px
}
body.openMenu #header.mini .nav {
	top:61px
}


@media screen and (max-width:800px) {
#header .nav {
display:none
}
#header #openBtn {
display:block
}
#sitecontent {
padding-top:60px;
}
#header .content a#logo {
margin-top:10px
}


}
.dianhua img{
	margin-top: 1.5rem;
}
#header {
	background-color: #cc0e17;
	transition: all .4s ease;
	height: 80px;
	
}

#header > .content {
	max-width: none;
	padding-right: 0;
	padding-left: 20px;

}

#header .content #headTop {
	float: left
}

#header .content a#logo, #header.mini .content a#logo {
	margin-top: 8px;
}

#header .content a#logo img {
	max-height: 64px;
}

#header .nav > li {
	font-size: 16px
}

#header .nav > li > a, #header.mini .nav > li > a {
	padding: 30px 35px;
	margin: 0
}

#header .nav > li > a span {
	color: #fff;
}

#header .nav > li > a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #a30008;
	transition: all .4s ease;
	box-sizing: content-box;
}

#header .nav > li a.active span, .agent-desktop #header .nav > li:hover a span, .search-btn a {
	color: #fff;
}

#header .nav > li a.active:before, #header .nav > li:hover a:before {
	width: 100%;
	height: 100%
}

#header .nav > li > a > i {
	color: #fff;
}

#header .nav .subnav li {
	padding: 10px 30px;
	border-bottom: 1px solid #ececec;
}

#header .nav .subnav li a {
	font-size: 14px;
}

#header .nav .subnav {
	background: #fff;
}

.popup .closeBtn {
	z-index: 8
}

#header.head-bg {
	background-color: #cc0e17
}

.wheeldown #header {
	position: fixed;
	top: 0;
	-webkit-animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#navWrapper #searchbar.search-wrap {
	background: #cc0e17;
}

.search-close .lcitem-top, .search-close .lcitem-bottom {
	background: #fff;
}

#header .searchtext-btn, #navWrapper .search-wrap input {
	color: #fff
}

#header a.search-close {
	margin-right: 30px;
}

#header .nav .subnav li a:hover {
	color: #cc0e17
}

#header .nav .navitem .subnav {
	border: 1px solid #7171711f;
	padding: 0;
}

@keyframes navmove {
	0% {
		top: -50px;
	}
	100% {
		top: 0;
	}
}

.wheeldown #header.mini .search-btn {
	margin-top: 0;
	transition: all ease-out 0s
}

.agent-desktop #header.nav_active .nav > li a.active::before, .agent-desktop #header.nav_active .nav > li:hover a::before {
	height: 0
}

.search-btn {
	margin: 0;
	padding: 33px 38px;
	background: #e1131c;
	border: 0
}

#sitecontent {
	padding-top: 80px;
}

#navWrapper #searchbar.search-wrap, #header.mini #navWrapper #searchbar.search-wrap {
	height: 80px;
}

#navWrapper .search-wrap .search-frame, #header.mini #navWrapper .search-wrap .search-frame {
	margin-top: 20px;
}

.index-mask {
	z-index: 8
}

#navWrapper.searchshow #searchbar.search-wrap {
	z-index: 99
}

/*public*/

body.openMenu #header .nav .subnav li {
	padding: 0 30px;
	border: 0
}

@media screen and (max-width: 1025px) {
	.search-btn {
		padding: 33px 30px;
	}

	.lcitem .rect {
		background: #fff;
	}

	#header .nav > li > a, #header.mini .nav > li > a {
		padding: 30px 24px;
	}

	.mlist.news .content_list .item_block .item_wrapper .item_datebox {
		margin-top: 1%;
	}

	#indexPage .container_hc .container_category {
		width: 100%;
		margin: 0 0 40px;
	}

	#indexPage .container_hc .container_header {
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 25px;
	}

	#indexPage .mlist .container_header .title {
		text-align: center
	}

}

@media screen and (max-width: 769px) {
	.search-btn {
		margin-right: 16px;
		background: transparent;
		padding: 24px 18px;
	}

	.search-input {
		margin-left: 42px;
	}

	.container_category {
		text-align: center
	}

	#header .searchtext-btn {
		padding-left: 0;
		margin-left: 20px;
	}

	#header #navWrapper {
		margin-top: 12px;
	}

	.lcitem .rect {
		background: #fff;
	}

	.module.mcustomize .content_list .description {
		padding: 10px;
	}

	#indexPage .container_hc .container_category {
		text-align: center;
	}

	body.openMenu #header.mini .nav, body.openMenu #header .nav {
		top: 80px;
		background-color: #cc0e17;
		z-index: 9999;
	}

	body.openMenu #header .nav > li > a {
		margin: 0 20px;
		overflow: inherit;
		padding: 20px 0;
	}

	#header {
		overflow: inherit;
	}

	#header .nav > li > a::before {
		left: -20px;
		padding: 0 20px;
	}

}