@charset "utf-8";
* {margin:0; padding:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
* html body {overflow:visible;height: 100%;color: #333;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
ul,li {list-style-type:none;list-style: none;}
img {border:0 none;width: 100%;display: block;}
a {color:#000; text-decoration:none;}
a:hover {color:#5d99f2;}
a:focus, a:hover{text-decoration: none;}
a {outline:none; star:expression_r(this.onFocus=this.blur());}
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.FL { float:left; }
.FR { float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.clearfix{overflow:hidden;_zoom:1;}
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, .DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
ul
{
	list-style: none;
}

input
{
	/*-webkit-appearance: none;*/
	outline: none;
	border:0px;
}
a,p,span
{
	text-decoration: none;
	text-shadow: none;
/*	font-weight: normal !important;*/
}

html{/*font-size: calc(100vw/7.5);*/font-family:"Microsoft YaHei";/*overflow-x: hidden;*/}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr,span{margin:0; padding:0;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body
{	
	font-size:0.28rem;
	font-family:'微软雅黑',Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
	/*max-width: 750px;
	margin: 0 auto;*/
	/*transform:translate(0,0);*/
	/* overflow-x: hidden;*/
}
/*@media screen and (min-width: 750px){
html {
    font-size: 100px;
}
}*/

input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;width: 100%;display: block;}
a {color:#000; text-decoration:none;}
a:hover {color:#000;}
a {outline:none; star:expression_r(this.onFocus=this.blur());}
em{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
input[type=submit] {
    border: 0px;
    -webkit-appearance: none;
}
.ordermode{cursor:pointer;}

.clearfix:before,.clearfix:after{content: '';display: table;}
.clearfix:after{clear: both;}
.swiper-bg{
	background-position: center;
	background-size: contain;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
.cover-bg{
	background-position: center;
	background-size: cover;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
* {
	margin: 0;
	padding: 0;
}
.w980 {
	width: 980px;
	margin: 0 auto;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
img {
	display: block;
	width: 100%;
	height: auto;
}
.textOverflow {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.textOverflow12 {
	overflow: hidden;
	text-overflow:ellipsis;
}

.text2Overflow{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text3Overflow{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.transition {
	transition: all ease-out .3s 0s;
  -webkit-transition: all ease-out .3s 0s;
  -moz-transition: all ease-out .3s 0s;
  -o-transition: all ease-out .3s 0s;
}

#main {
	padding-top: 80px;
}
/*************** header **************/
#header {
	position: fixed;
	width: 100%;
	z-index: 999;
	background: #fff;
	/* border-bottom: 2px solid #a7a7a7; */
}
#header .header-content {
	margin: 0 auto;
	height: 80px;
	/*padding: 30px 0;*/
	position: relative;
}
#header .logo {
	float: left;
	font-size:24px;
	font-weight:700;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 2px;
	/* background: #ffffff; */
	position: absolute;
	top: 0px;
	bottom: 0px;
	text-align: center;
	padding: 0 15px;
	vertical-align: bottom;
}
#header .logo a {
	display: block;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}
#header .header-content .logo a img {
	width: 272px;
}
/*#header .header-content .logo a img {
	float: left;
}
#header .header-content .logo a img:first-child {
	width: 86px;
	margin-right: 30px;
}
#header .header-content .logo a i {
	display: inline-block;
	width: 2px;
	height: 30px;
	background-color: #b6b6b6;
	position: absolute;
	left: 100px;
	top: 50%;
	margin-top: -10px;
}*/
/*#header .header-content .logo a img:last-child {
	width: 300px;
}*/
.navigation {
	float: right;
	height: 100%;
}
.navigation ul {
	height: 100%;
}
.navigation li {
	display: inline-block;
	position: relative;
	height: 100%;
	padding: 30px 0;
}
.navigation a {
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 400;
	margin-left: 28px;
	text-transform: uppercase;
	position: relative;
}
.navigation a.active::after, .navigation a:hover::after {
	content: '';
	display: inline-block;
	width: 70%;
	height: 1px;
	background-color: #d92634;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -35%;
}
.navigation a:hover, .navigation a.active {
	color: #d92634 !important;
}
.sub-nav {
	position: absolute;
	top: 80px;
	width: 120px;
	left: 8px;
	display: none;
	z-index: 999;
}
.sub-nav a {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
}
.sub-nav a::after {
	display: none !important;
}
.navigation li:hover .sub-nav {
	display: block;
}

/*************** footer **************/
#footer {
	text-align: left;
	background: #1f1f1f;
	padding-top: 0;
	/*height: 336px;*/
}
#footer a:hover {
	color: #d92634 !important;
}
#footer .top {
	background-color: #dbdbdb;
	padding: 40px 0 44px;
	overflow: hidden;
}
#footer .top p {
	font-size: 20px;
	letter-spacing: 1px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 26px;
}
#footer .top .d:nth-of-type(1) {
	width: 330px;
	margin-right: 50px;
}
#footer .top .d:nth-of-type(1) div {
	font-size: 14px;
	color: #000000;
	line-height: 36px;
}
#footer .top .d:nth-of-type(1) a {
	font-size: 14px;
	color: #000000;
}
#footer .top .d:nth-of-type(2) {
	width: 150px;
	margin-right: 30px;
	overflow: hidden;
}
#footer .top .d:nth-of-type(2) a {
	width: 50%;
	font-size: 14px;
	color: #000000;
	line-height: 36px;
}
#footer .top .d:nth-of-type(3) {
	width: 108px;
}
#footer .top .d:nth-of-type(3) a {
	display: block;
	font-size: 14px;
	color: #000000;
	line-height: 36px;
}
#footer .top .qr-block .left {
	padding-top: 15px;
	width: 160px;
	text-align: center;
	margin-right: 16px;
}
#footer .top .qr-block .left img {
	display: inline-block;
	width: 142px;
	margin-bottom: 20px;
}
#footer .top .qr-block .left p {
	font-size: 16px;
	color: #000000;
}
#footer .top .qr-block .right {
	padding-top: 60px;
}
#footer .top .qr-block .right div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	color: #000000;
	letter-spacing: 1px;
}
#footer .top .qr-block .right div + div {
	margin-top: 30px;
}
#footer .top .qr-block .right div img {
	width: 21px;
	margin-right: 16px;
}
#footer .bottom,
#footer .bottom a {
	font-size: 14px;
	color: #ffffff;
	height: 52px;
	line-height: 52px;
	background-color: #606060;
}

/*************************************/
.more-box {
	text-align: center;
}
.more-box a {
	display: inline-block;
}
.more-box a img {
	width: 160px;
	height: 45px;
}

.tabs-wrapper {
	height: 61px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
}
.tabs-wrapper > div {
	position: relative;
}
.tabs-wrapper .crumbs {
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	padding-left: 22px;
	font-size: 14px;
	color: #333333;
	line-height: 60px;
}
.tabs-wrapper .crumbs::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../images/home.png') center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.tabs-wrapper .crumbs a {
	font-size: 14px;
	color: #333333;
}
.tabs-wrapper .tabs {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
.tabs-wrapper .tabs a {
	font-size: 18px;
	color: #333333;
	font-weight: 500;
}
.tabs-wrapper .tabs a + a {
	margin-left: 50px;
}
.tabs-wrapper a.active,
.tabs-wrapper a:hover {
	color: #d92634;
}

.detail-temp {
	padding: 60px 0;
}
.detail-temp h5 {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}
.detail-temp .p {
	text-align: center;
	font-size: 14px;
	color: #b3b3b3;
	margin-top: 20px;
}
.detail-temp .p span + span {
	margin-left: 18px;
}
.detail-temp .rich-text {
	padding-top: 58px;
}
.detail-temp .rich-text,
.detail-temp .rich-text p {
	font-size: 16px;
	color: #666666;
}
.detail-temp .rich-text p img {
	width: auto;
	max-width: 100%;
	display: inline-block;
}
.detail-temp .rich-text p strong {
	font-weight: bold;
}
.detail-temp .rich-text p em {
	font-style: italic;
}
.detail-pages {
	margin-top: 74px;
	padding-top: 60px;
	position: relative;
	display: flex;
	justify-content: space-around;
}
.detail-pages::before {
	content: '';
	display: inline-block;
	width: 1021px;
	height: 1px;
	border-top: 1px dashed #cccccc;
	position: absolute;
	left: 0;
	top: 0;
}
.detail-pages a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 380px;
	height: 44px;
	font-size: 14px;
	color: #666666;
	padding: 0 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: solid 1px #999999;
}
.detail-pages a:hover {
	background-color: #d92634;
	border: solid 1px #d92634;
	color: #fff;
}

.pages {
	text-align: center;
	margin-top: 30px;
}
.pages a {
	color: #808080;
	font-size: 16px;
}
.pages a + a {
	margin-left: 30px;
}
.pages a.page-num-current,
.pages a:hover {
	color: #d92634;
}