@charset "utf-8";
/*==========reset=========*/
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
body, button, input, select, textarea {
	font: 400 14px/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0
}
li, ul {
	list-style: none
}
.art-content li, .art-content ul {
	list-style: inherit
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
small {
	font-size: .9em
}
input, textarea, button {
	outline: 0
}
h1, h2, h3, h4, h5, h6 {
	font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	font-size: 100%;
	font-weight: 600;
	color: #000;
	line-height: 1.35
}
code, pre, pre tt {
	font-family: Courier, 'Courier New', monospace
}
pre {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 1em 1.5em;
	display: block;
	-webkit-overflow-scrolling: touch
}
hr {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: .8em;
	height: 10px
}
.textwrap, .textwrap td, .textwrap th {
	word-wrap: break-word;
	word-break: break-all
}
.textwrap-table {
	table-layout: fixed
}
.serif {
	font-family: Palatino, Optima, Georgia, serif
}
img {
	max-width: 100%
}
/*==========global color=========*/
html {
	color: #333;
	background: #fff
}
a {
	color: #1a1a1a
}
a:hover {
	color: #c9261d
}
::selection {
	background: #0084ff;
	color: #fff
}
::-moz-selection {
background:#0084ff;
color:#fff
}
/*==========public class=========*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clear {
	clear: both
}
.fl {
	float: left
}
.fc {
	text-align:center;
	 
}
.fr {
	float: right
}
.bn {
	border: none!important
}
.pd {
	padding: 1.5em
}
.mb {
	margin-bottom: 20px
}

.mr {
	margin-right: 20px
}
.br {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.sb {
	box-shadow: 0 1px 3px rgba(26,26,26,.2);
	background: #fff
}
.nav-sb {
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	background: #fff
}
/*
.container {
	max-width: 1240px;
	margin: 0 auto
}*/
.transition {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}
.img-cover {
	object-fit: cover
}
/*单行文本溢出省略*/
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/*修改不同视口下公共类属性的值*/
@media screen and (max-width:1200px) {
.mb {
	margin-bottom: 10px
}

}
/*不同视口下对html的显隐*/
.hidden {
	display: none
}
@media screen and (max-width:1200px) {
.hidden-sm-md-lg {
	display: none!important
}
}
@media screen and (max-width:768px) {
.hidden-sm {
	display: none!important
}
}
@media screen and (min-width:769px) and (max-width:992px) {
.hidden-md {
	display: none!important
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
.hidden-lg {
	display: none!important
}
}
@media screen and (min-width:1201px) {
.hidden-xl {
	display: none!important
}
}
/*你懂的*/
.fuck-ie {
	position: fixed;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: 99
}
.fuck-ie .tips {
	position: absolute;
	width: 700px;
	height: 100px;
	color: #c57602;
	border: 1px solid #fe9219;
	text-align: center;
	line-height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	font-size: 16px;
	margin-top: -50px;
	background: #fffedc;
	z-index: 999
}
/*animate.css*/
@-webkit-keyframes fadeInUpMenu {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUpMenu {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInUpMenu {
	-webkit-animation-name: fadeInUpMenu;
	animation-name: fadeInUpMenu
}
.animated-fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@media (prefers-reduced-motion) {
.animated {
	-webkit-animation: unset!important;
	animation: unset!important;
	-webkit-transition: none!important;
	transition: none!important
}
}
/*==========【复用模块】图片放大transform=========*/
.img-post img, #aside_hot_comment img, #aside_new img, #aside_random img, .double-list .item img, .recommend-b .thumbnail img, .article-list .figure img, .recommend-c .figure img, .full-post .figure img, .recommend-a .item img, .related-item .img {
	-webkit-transition: all .4s;
	transition: all .4s
}
.img-post .a:hover img, #aside_hot_comment .list:hover img, #aside_new .list:hover img, #aside_random .list:hover img, .double-list .item:hover img, .recommend-b .item:hover img, .article-list:hover img, .recommend-c .img-list:hover img, .full-post .img-list:hover img, .recommend-a .item:hover img, .related-item:hover img {
	border-radius: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-ms-transform: scale(1.2)
}
/*==========【复用模块】图片左移transform===========*/
/*
.article-list .figure img,.full-post .figure img,.recommend-a .item img,.related-item .img{position:relative;max-width:none;width:calc(100% + 40px);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.article-list:hover img,.full-post .img-list:hover img,.recommend-a .item:hover img,.related-item:hover img{filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
/*========【复用模块】模块标题栏样式========*/
.double-list, .flink, .full-post, .text-post, .img-post, .post-comment, .recommend-a, .recommend-b, .recommend-c, .related-art, .widget {
	padding: 1.5em
}
.c-title {
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding-bottom: .5em;
	margin-top: -.5em;
	position: relative
}
.c-title:after {
	content: "";
	background-color: #0084ff;
	left: 1px;
	width: 34px;
	height: 2px;
	bottom: -1px;
	position: absolute;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.double-list:hover .c-title::after, .flink:hover .c-title::after, .full-post:hover .c-title::after, .text-post:hover .c-title::after, .img-post:hover .c-title::after, .new-post:hover .c-title::after, .post-comment:hover .c-title::after, .recommend-a:hover .c-title::after, .recommend-b:hover .c-title::after, .recommend-c:hover .c-title::after, .related-art:hover .c-title::after, .widget:hover .c-title::after {
	width: 70px
}
/*========header========*/
.header {
	height: 100px;;
	font-size: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	padding-left:20px;
	padding-right:20px;
}
.h-wrap {
	height: 100px;
	position: relative;
}
.logo-area {
	padding-top: 18px;
	padding-right: 40px;
	padding-left: 40px
}
.logo-area .img {
	width: 90%
}
.pc-nav {
	max-width: 80%;
	height: 100px;
	padding-left:120px;
	
	
}
.pc-nav li {
	float: left;
	margin-left:30px;
	
}
.pc-nav li a {
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
	font-size: 18px;
	display: block;
	
}
.pc-nav li a:after {
	content: "\e6a8";
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.pc-nav .sub-nav a:after {
	content: "\e64b";
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.pc-nav .sub-nav:before {
	content: "";
	height: 15px;
	width: 15px;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}
.pc-nav .sub-nav .sub-nav:before {
	content: "";
	height: 15px;
	width: 15px;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-left: 0;
	border-bottom: 0;
	position: absolute;
	top: 32px;
	left: -8px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: none
}
.pc-nav .sub-nav a:hover {
	color: #c9261d
}
.pc-nav li a:only-child::after {
	content: ""
}
.pc-nav .li-cate {
	position: relative
}
.pc-nav .active {
	color: #c9261d;

	font-weight:bold;
	
}
.dropdown-toggle:active, .open .dropdown-toggle {
	outline: 0
}
.dropdown-nav {
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #323841;
	list-style: none
}
.dropdown-nav .active a, .dropdown-nav .active a:hover, .dropdown-nav li a:hover {
	background-color: #0084ff;
	color: #fff
}
.pc-nav {
	font-size: 16px;
	margin-right: 10px
}
.pc-nav li {
	position: relative;
	list-style: none;
	display: block;
	float: left
}
.pc-nav li a {
	text-transform: none;
	line-height: 100px;
	height: 100px;
	padding: 0 20px;
	display: block
}
.pc-nav li h3{
	font-size:16px;
	font-weight:500;
	
	}

.pc-nav li h3 a::before{ content: ""; position: absolute; bottom: -1px; left: 12px; transform: translateY(-50%); width: 0; height: 2px; background: #cf292e; transition: 0.3s; z-index: -1;}

.pc-nav li h3:hover a::before{ width: calc(100% - 24px);}
.pc-nav li.on h3 a{ color: #cf292e;}
.pc-nav li.on h3 a:before{ width: calc(100% - 24px);}


.pc-nav li a i.fa {
	padding-right: 3px;
	position: relative;
	top: 0
}
.pc-nav li .sub-nav {
	text-align: left;
	position: absolute;
	top: 100px;
	
	visibility: hidden;
	opacity: 0;
	background: #fff;
	border: 1px solid #eaeeef;
	left:12px;
}
.pc-nav li .sub-nav li {
	float: none;
	height: 40px;
	min-height: 40px
}
.pc-nav li .sub-nav li a {
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	color: #1a1a1a;
	white-space: nowrap;
	font-size:14px

}
.pc-nav li .sub-nav li a i.iconfont {
	padding-right: 3px
}
.pc-nav li .sub-nav li a:hover {
	background: 0 0
}
.pc-nav .active a, .pc-nav .active a:focus {
	color: #fff
}
.pc-nav li>ul>li a.current-menu-item {
	background: 0 0
}
.pc-nav li.current-menu-ancestor a, .pc-nav li.current-menu-item a, .pc-nav li.current-post-ancestor a, .pc-nav li:hover a {
	position: relative
}
.pc-nav li .icons {
	margin-right: 5px;
	font-size: 17px;
	top: 1px;
	position: relative
}
.pc-nav .nav-ul>li:hover>.sub-nav {
	display: block;

	opacity: 1;
	
}
.nav-ul>li, .nav-ul>li>li {
	float: left;
	
}
.pc-nav .nav-ul li ul li:hover>.sub-nav {
	display: block;
	padding: 20px 0
}
.pc-nav li ul li .sub-nav {
	top: -20px;
	left: 100%
}
.pc-nav li ul.sub-nav li>a.menu-th3:after {
	content: ".";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	position: relative;
	left: 5px;
	overflow: hidden
}
.pc-nav .has-child>a:after {
	content: ".";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: relative;
	left: 5px;
	overflow: hidden
}
.m-nav-btn, .nav-sousuo, span.toggle-btn {
	display: none
}
#search-area {
	position: absolute;
	bottom: -84px;
	right: 0;
	z-index: 2;
	width: 28%;
	background: rgba(255,255,255,1)
}
.header .contribute .a {
	display: block;
	margin: 24px 20px;
	height: 36px;
	line-height: 36px;
	padding: 0 1em;
	text-align: center;
	border-radius: 4px;
	background-color: #0084ff;
	color: #fff
}
.header .login {
	width: 60px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin-right: -15px;
}
.header .login a {
	display: block;
	color: #333;
}
.header .login i.iconfont {
	font-size: 24px;
}
.search-button {
	cursor: pointer;
	width: 60px;
	height: 80px;
	line-height: 100px;
	display: block;
	text-align: center;
	
}
.search-button i.iconfont {
	font-size: 24px
}
.searchform {
	width: 100%
}
.s-input {
	width: 78%;
	border: none;
	background: 0 0;
	font-weight: 400;
	padding: 1.2em;
	color: #333
}
.s-button {
	width: 20%;
	border: none;
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	background-color: #cf292e;
	color: #fff;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important
}
.mask-hidden {
	position: fixed;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	background: #000;
	visibility: hidden
}
.mask-show {
	visibility: visible;
	opacity: .4
}
/*========幻灯片======*/
/*Swiper 3.0.5*/
.swiper-container {
	margin: 0 auto;
	position: relative;

	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-fles-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube {
	overflow: visible
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px)
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
	z-index: 0
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}
/*Swiper自定义css*/
.swiper-container {
	margin-bottom: 20px!important;
	width: 100%;
	height: 390px
}
.swiper-container img {
	width: 100%
}
.swiper-slide {
	text-align: center;
	background: #fff
}
.swiper-button-next, .swiper-button-prev {
	background-image: none!important;
	opacity: .3;
	background-color: rgba(0,0,0,.3);
	position: absolute;
	width: 50px;
	height: 60px;
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .3s
}
.swiper-button-prev {
	left: -50px
}
.swiper-button-next {
	right: -50px
}
.swiper-container:hover .swiper-button-prev {
	left: 0
}
.swiper-container:hover .swiper-button-next {
	right: 0
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
	opacity: 1
}
.swiper-slide .link {
	display: block
}
.swiper-slide .p {
	position: absolute;
	bottom: 2em;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding: 0 1em
}
.swiper-pagination-bullet {
	width: 2em;
	height: .2em;
	border-radius: 0;
	background: #fff;
	opacity: .5
}
.swiper-pagination-bullet-active {
	background-color: #cf292e;
	opacity: 1
}
.swiper-container-horizontal>.swiper-pagination {
	width: 50%;
	margin: auto;
	position: absolute;
	bottom: .8%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}
.swiper-pagination {
	text-align: right
}
.swiper-slide .mask {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

	z-index: 1
}

/*--分页--*/
.pagebar {
	text-align: center
}
.page-numbers {
	padding: 0 1em;
	line-height: 34px;
	text-align: center;
	margin: 0 0 0 5px;
	display: inline-block;
	background-color: #0084ff;
	color: #fff
}
a.page-numbers {
	background: #fff;
	color: #1a1a1a
}
a.page-numbers:hover {
	background-color: #0084ff;
	color: #fff
}


.toolbar {
	bottom: 80px;
	position: fixed;
	right: 0;
	margin-right: 15px;
	cursor: pointer
}
#totop {
	display: none
}
.toolbar i.iconfont {
	color: #666;
	font-size: 18px
}
.toolbar .btn {
	display: block;
	padding: 12px;
	margin-bottom: 5px;
	width: auto;
	height: auto;
	line-height: 18px;
	vertical-align: middle;
	text-align: center
}

/*==========responsive==========*/
@media screen and (max-width:1200px) {
.h-wrap, .header {
	height: 60px
}
.logo-area {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 5px 0 0 0
}
.logo-area .img {
	width: 80pt
}
.m-nav-btn {
	display: block;
	height: 0
}
.pc-nav {
	margin-right: 0;
	left:200px;

}
.responsive-nav {
	width: 75%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.92);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9;
	display: none
}
.nav-sb {
	box-shadow: none
}
.m-nav {
	margin-top: 70px;
	width: 100%
}
.m-nav-btn i.iconfont {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align: center
}
.m-nav-btn i.active {
	color: #fff;
	z-index: 10
}
.nav-ul>li {
	line-height: 38px;
	position: relative;
	width: 100%;
	display: inherit;
	margin-right: 0;
	text-align: left
}
.nav-ul>li:first-child {
	border-top: none
}
.nav-ul>li>a {
	height: 50px;
	font-size: 16px;
	display: block;
	text-indent: 4vw;
	color: #fff;
	line-height: 50px;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.nav-ul>li>a i.fa {
	font-size: 1em;
	padding-right: 3px
}
span.toggle-btn {
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color: #aaa;
	text-align: center;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 100;
	border-left: 1px solid rgba(255,255,255,.1);
	display: block
}
span.toggle-btn i.iconfont {
	color: #eee;
	font-size: 18px
}
.m-nav-btn .active:before {
	content: "\e639"
}
.toggle-btn .active:before {
	content: "\e61f"
}
.m-nav .sub-nav {
	background-color: rgba(0,119,230,0.6);
	text-align: left;
	position: relative;
	left: 0;
	min-width: 100%;
	z-index: 10;
	font-size: 14px;
	top: 0;
	border-radius: 0;
}

.m-nav h3 a{
	color:#fff;
	line-height: 50px;
	font-size: 16px;
	padding-left:20px;
}
.m-nav .sub-nav>li {
	position: relative;
	text-align: left;
	line-height: 50px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.sub-nav li:last-child {
	border-bottom: 0 solid transparent
}
.m-nav .sub-nav>li>a {
	text-indent: 1.5em;
	color: #fff;
	display: block;
	height: 50px;
	font-size: 16px;
	text-indent: 2em
}
.m-nav .sub-nav>li ul li>a {
	text-indent: 3em;
}
.index-breadcrumb {
	padding-top: 70px
}
.breadcrumb, .breadcrumb2 {
	padding: 66px 0 5px 10px!important;
	color: #888
}
.header .login {
	position: absolute;
	top: 0;
	right: 60px;
	z-index: 1;
	height: 60px;
	width: 60px;
	line-height: 60px;
	display: block
}
.search-button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 60px;
	width: 60px;
	display: block
}
.search-button i.iconfont {
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-size: 24px
}
#search-area {
	left: 0;
	width: 96%;
	bottom: -70px
}
.double-list, .flink, .full-post, .post-comment, .recommend-a, .recommend-b, .related-art, .widget {
	padding: 20px 15px 15px 15px
}
#mainbox {
	width: 100%
}
.swiper-container {
	margin-bottom: 10px!important;
	width: 100%;
	height: 45vw
}
.swiper-slide .p {
	font-size: 16px;
	bottom: 1em
}
.swiper-container-horizontal>.swiper-pagination {
	top: 90%
}
.swiper-button-prev {
	left: 0
}
.swiper-button-next {
	right: 0
}
.swiper-pagination-bullet {
	width: .5em;
	border-radius: 100px
}
}



@media screen and (max-width:768px) {
.h-wrap, .header {
	height: 60px
}
.logo-area {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 5px 0 0 0
}
.logo-area .img {
	width: 80pt
}
.m-nav-btn {
	display: block;
	height: 0
}
.pc-nav {
	margin-right: 0;
	left:200px;

}
.responsive-nav {
	width: 75%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.92);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9;
	display: none
}
.nav-sb {
	box-shadow: none
}
.m-nav {
	margin-top: 70px;
	width: 100%
}
.m-nav-btn i.iconfont {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align: center
}
.m-nav-btn i.active {
	color: #fff;
	z-index: 10
}
.nav-ul>li {
	line-height: 38px;
	position: relative;
	width: 100%;
	display: inherit;
	margin-right: 0;
	text-align: left
}
.nav-ul>li:first-child {
	border-top: none
}
.nav-ul>li>a {
	height: 50px;
	font-size: 16px;
	display: block;
	text-indent: 4vw;
	color: #fff;
	line-height: 50px;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.nav-ul>li>a i.fa {
	font-size: 1em;
	padding-right: 3px
}
span.toggle-btn {
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color: #aaa;
	text-align: center;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 100;
	border-left: 1px solid rgba(255,255,255,.1);
	display: block
}
span.toggle-btn i.iconfont {
	color: #eee;
	font-size: 18px
}
.m-nav-btn .active:before {
	content: "\e639"
}
.toggle-btn .active:before {
	content: "\e61f"
}
.m-nav .sub-nav {
	background-color: rgba(0,119,230,0.6);
	text-align: left;
	position: relative;
	left: 0;
	min-width: 100%;
	z-index: 10;
	font-size: 14px;
	top: 0;
	border-radius: 0;
}

.m-nav h3 a{
	color:#fff;
	line-height: 50px;
	font-size: 16px;
	padding-left:20px;
}
.m-nav .sub-nav>li {
	position: relative;
	text-align: left;
	line-height: 50px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.sub-nav li:last-child {
	border-bottom: 0 solid transparent
}
.m-nav .sub-nav>li>a {
	text-indent: 1.5em;
	color: #fff;
	display: block;
	height: 50px;
	font-size: 16px;
	text-indent: 2em
}
.m-nav .sub-nav>li ul li>a {
	text-indent: 3em;
}
.index-breadcrumb {
	padding-top: 70px
}
.breadcrumb, .breadcrumb2 {
	padding: 66px 0 5px 10px!important;
	color: #888
}
.header .login {
	position: absolute;
	top: 0;
	right: 60px;
	z-index: 1;
	height: 60px;
	width: 60px;
	line-height: 60px;
	display: block
}
.search-button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 60px;
	width: 60px;
	display: block
}
.search-button i.iconfont {
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-size: 24px
}
#search-area {
	left: 0;
	width: 96%;
	bottom: -70px
}
.double-list, .flink, .full-post, .post-comment, .recommend-a, .recommend-b, .related-art, .widget {
	padding: 20px 15px 15px 15px
}
#mainbox {
	width: 100%
}
.swiper-container {
	margin-bottom: 10px!important;
	width: 100%;
	height: 45vw
}
.swiper-slide .p {
	font-size: 16px;
	bottom: 1em
}
.swiper-container-horizontal>.swiper-pagination {
	top: 90%
}
.swiper-button-prev {
	left: 0
}
.swiper-button-next {
	right: 0
}
.swiper-pagination-bullet {
	width: .5em;
	border-radius: 100px
}
}

/*表单*/



code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; }
.clearfix{*zoom:1;}
.clear { clear:both; }
.fl,.left{ float:left;}
.fr,.right{ float:right;}
/*其它*/
.hidden{ display:none;}



/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon1{background:url(../images/icon1.png) no-repeat; display:inline-block; vertical-align:middle;}
#banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}


:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;opacity:1;}



/*footer*/
.footer_main{position:relative;width:100%;height:417px; overflow:hidden; background:#11161d;}
.footer_main .footer{ height:360px; border-bottom:#222 solid 1px;}
.footer_main .part1 .middle{ float:left; width:400px;padding-top:80px;}
.footer_main .part1 .middle span{ font-size:18px; color:#eee; line-height:18px; display:block;}
.footer_main .part1 .middle .bottomLogo{ margin-top:80px; width:400px; height:56px; display:block;}
.footer_main .part1 .middle .bottomLogo img{ width:173px; height:41px; background-size:100%; float:left;}
.footer_main .part1 .middle p{ display:block; font-size:30px; color:#eee; line-height:30px; font-family:"Arial"; margin-top:4px;}
.footer_main .part1 .middle .oa{ display:block; width:122px; height:26px; text-align:center; line-height:26px; font-size:12px; color:#ccc; border:#444 solid 1px; margin-top:22px;}
.footer_main .part1 .middle .oa:hover{ background-color:#11161d; color:#fff;}
.footer_main .part1 .middle ul{ display:block;  width:510px; margin-top:28px;}
.footer_main .part1 .middle ul li{ float:left; height:16px; line-height:16px; border-right:#4e4e4e solid 1px; padding-right:23px; padding-left:23px;}
.footer_main .part1 .middle ul li a{ display:block; font-size:16px; color:#fff; line-height:16px;}
.footer_main .part1 .middle ul li a:hover{color:#3daf3b;}
.footer_main .part1 .middle ul li:nth-child(1){ padding-left:0;}
.footer_main .part1 .middle ul li:first-child{ padding-left:0;}
.footer_main .part1 .middle ul li:nth-child(5){ padding-right:0; border-right:none;}
.footer_main .part1 .middle ul li:first-child+li+li+li+li{ padding-right:0; border-right:none;}
.footer_main .bcontact { width:800px; float: left; padding-top:80px;}
.footer_main .bcontact dl{ width:200px; float:left; text-align:left;}
.footer_main .bcontact dl dt a{ display:block; font-size:18px; color:#ddd; line-height:18px;}
.footer_main .bcontact dl dt i{ display:block; width:20px;background-color:#666; margin-top:14px;}
.footer_main .bcontact dl dd{ display:block; padding-top:14px;}
.footer_main .bcontact dl dd a{display:block; font-size:16px; color:#999; line-height:14px;}
.footer_main .bcontact dl a:hover{ color:#fff;}
.footer_main .part1 .bottomNav{float:left;margin-top:60px; margin-left:60px; width:308px;}
.footer_main .part1 .bottomNav h1{ font-size:24px; line-height:24px;color:#fff; font-weight:normal; padding-bottom:10px; }
.footer_main .part1 .bottomNav p{ padding-top:12px; width:310px; display:inline-block;}
.footer_main .part1 .bottomNav p i{ display:block; float:left; width:23px; height:24px; background-position:-36px -428px;}
.footer_main .part1 .bottomNav p i.s2{ display:block; float:left; width:23px; height:24px; background-position:-68px -428px;}
.footer_main .part1 .bottomNav p span{display:block; width:220px; float:left; font-size:14px; color:#999; line-height:24px; margin-left:12px;}
.footer_main .part1 .right{float:right;margin-top:80px;}
.footer_main .part1 .right .wx{display:block;width:150px;text-align:center; float:left;}
.footer_main .part1 .right .wx b{ display:block; margin:0 auto; width:150px; height:150px; background-color:#fff;}
.footer_main .part1 .right .wx img{display:inline-block;width:150px;height:150px;}
.footer_main .part1 .right .tit{margin-top:12px;font-size:14px;color:#999;line-height:16px;text-align:center;}
.footer_main .part1 .right .wx1{display:block;width:130px;height:130px; background-color:#fff; text-align:center; float:left; margin-left:30px;}
.footer_main .part1 .right .wx1 img{display:inline-block;width:120px;height:120px; margin-top:5px;}
.copyright{width:100%;height:50px;line-height:50px;}
.copyright p{font-size:12px;color:#ccc; float:left;}
.copyright i{font-size:12px;color:#ccc; float:right;}
.copyright a{font-size:12px;color:#ccc;}
.copyright span{margin:0 6px;}
.copyright a:hover{color:#fff;}


/*index*/


/**/
.in_title{ padding-top:40px; text-align:center; margin:0 auto;}
.in_title h3{ display:block;font-size:40px; color:#333;line-height:40px; background:url(../images/jt12_03.png) center center no-repeat; width:270px; margin:0 auto;}



.floor_2_main{ background-color:#fff; width:100%; overflow:hidden;}
.floor_2_1{ width:100%; margin-top:60px; position:relative;}
.floor_2_1 ul{ display:inline-block; width:100%; overflow:hidden;}
.floor_2_1 ul li{ width:33.33333%; float:left; position:relative;transition: ease-in-out .2s; overflow:hidden; background:#000;}
.floor_2_1 ul li .img1{ display:block; width:100%;transition: ease-in-out .2s;}
.floor_2_1 ul li:hover .img1{transform: scale(1.06, 1.06);}
.floor_2_1 ul li:hover .img1{opacity:0.4;filter:alpha(opacity=40);}
.floor_2_1 ul li h3{ font-size:24px; color:#fff; line-height:30px; position:absolute; left:7%; width:86%; text-align:center; top:50%; margin-top:-28px; z-index:2;}
.floor_2_1 ul li h2{ display:none;font-size:22px; color:#fff; line-height:36px; position:absolute; left:7%; width:86%; text-align:center; top:30%; margin-top:-12px; z-index:2;transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0);}
.floor_2_1 ul li h2 a{ color:#fff;
  /* text-stroke: 1px red;兼容Webkit(Chrome/Safari)内核浏览器的写-webkit-text-stroke: 1px red; font-weight:700;法 */
   font-weight:500; line-height:45px;}
/*.floor_2_1 ul li i{ display:block; width:50px; height:50px;transition: ease-in-out .5s; background-position:-0px -345px; position:absolute; left:50%; top:56%; margin-left:-25px; z-index:2; }*/
.floor_2_1 ul li i{ display:block; width:50px; height:50px;transition: ease-in-out .5s; background-position:-0px -345px; position:absolute; left:50%; top:56%;  margin-left:-25px; z-index:2; padding-bottom:10px;}
.floor_2_1 ul li em{ display:block; position: absolute;  left:0%; top:0;  z-index: 1; opacity: 0; visibility: hidden; height:100%; overflow: hidden; width:100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.floor_2_1 ul li:hover em { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;}
.floor_2_1 ul li:hover i{background-position:-58px -345px;}
.floor_2_1 ul li:hover h3{display:none;}
.floor_2_1 ul li:hover h2{display:block;}
.floor_2_1 ul li h2 a:hover{ text-decoration:none; 
border-bottom:2px solid #C20C0C; /* #555换成链接的颜色 */
display: inline-block; 
padding-bottom:3px;  /*这里设置你要空的距离*/}

.floor_3_main{ background-color:#eff3f7; width:100%; overflow:hidden; padding-bottom:100px;}
.in_title1{ display:inline-block; padding-top:100px; width:100%; }
.in_title1 h3{position:relative;  z-index:2; float:left;}
.in_title1 h3 span{ display:block;font-size:40px; color:#333; line-height:40px;position:relative;  z-index:2;}
.in_title1 h3 i { display:inline-block; width:136px; height:5px; background-color:#de4045; position:absolute; right:0; bottom:-3px; z-index:0;}
.in_title1 .in_y{ float:right;}
.in_title1 .in_y a{ display:block; float:left; width:140px; height:40px; background-color:#666; margin-left:2px; line-height:40px; font-size:14px; color:#fff; text-align:center;}
.in_title1 .in_y p{ display:inline-block;}
.in_title1 .in_y p span{ float:left; display:block;}
.in_title1 .in_y p i{ float:left; display:block; width:15px; height:7px; background-position:0px -293px; margin-top:16px; margin-left:20px;}
.in_title1 .in_y a:hover{ background-color:#de4045;}
.in_title1 .in_y a:nth-child(1){background-color:#de4045;}



.floor_6_1{ padding:20px 0 ;}
.floor_6_1 ul{ display:inline-block; width:100%;}
.floor_6_1 ul b{ display:block; float:left;font-size:18px;}
.floor_6_1 ul li{ float:left; padding-left:24px; margin-right:20px;}
.floor_6_1 ul li a{ display:block; font-size:18px;}

/********.toolbar1*********/



@media screen and (max-width: 768px) {
	
	.footer_main  {
		height:80px;}
	.footer_main .footer{display:none}
	.footer_main .footer{display:none}
	.copyright{width:100%;height:30px;line-height:30px;}
}

@media screen and (max-width: 1000px) {
	
	.footer_main  {
		height:80px;}
	.footer_main .footer{display:none}
	.footer_main .footer{display:none}
	.copyright{width:100%;height:30px;line-height:30px;}
}



@media screen and (max-width: 1420px) {
	
	.floor_1_2{ width:596px; margin-right:0;}

	.floor_2_1 ul li i{ top:58%;}
	.floor_3_1 .slideBox .sids{ width:700px; height:394px; float:left; overflow:hidden; position:relative;}
	.floor_3_1 .slideBox .sids .bd ul li{ display:block; position:relative;width:700px; height:394px;}
	.floor_3_1 .slideBox .pa_you a h3{ line-height:20px;}
	.floor_3_1 .slideBox .pa_you a h3 span{ font-size:20px; line-height:20px;}
	.floor_3_1 .slideBox .pa_you a h3 i{ line-height:20px;}
	.floor_3_1 .slideBox .pa_you a{ padding:23px 0}
	.floor_3_1 .slideBox .pa_you{height:392px;}
	.floor_4_1 ul li{ margin-right:30px;}
	.floor_4_1 ul li {width: 414px;}
	.floor_4_1 ul li b{ display:block; width:414px; height:230px;}
	.floor_4_1 ul li b img{ display:block; width:414px; height:230px;}
	.w1400{ width:1300px;}
	.footer_main .part1 .middle { width: 314px;}
}




.company-news {
  background: #f3f5f6;
  padding: 80px 0 85px; }
  .company-news .company-nav .com-title {
    margin-top: -10px; }
 .company-news .company-nav .right {
    display: flex;
    align-items: center; }
    .company-news .company-nav .right li {
      min-width: 90px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      padding: 0 15px;
      box-sizing: border-box;
      background-color: #ffffff;
      border: solid 1px #dbdbdb;
      margin-left: 10px;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      cursor: pointer;
      position: relative; }
      .company-news .company-nav .right li span {
        position: relative;
        z-index: 10; }
    .company-news .company-nav .right li i {
        display: inline-block;
        font-style: normal;
        position: absolute;
        left: 0;
        width: 0;
        top: 0;
        bottom: 0;
        background: #c9261d;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        z-index: 9; }
      .company-news .company-nav .right li:hover {
        color: #fff;
        border: 1px solid #c9261d; }
       .company-news .company-nav .right li:hover i {
          width: 100%;
          transition: all .5s;
          -webkit-transition: all .5s;
          -moz-transition: all .5s; }
.company-news .company-nav .right .active {
      color: #fff;
      border: 1px solid #cf292e; }
    .company-news .company-nav .right .active i {
        background: #cf292e;
        width: 100%; }
  .company-news .news-box {
    display: flex;
    margin-top: 45px; }
    .company-news .news-box li {
      width: 402px;
      height: auto!important;
      background: #fff;
      position: relative;
      float: left;
      margin-right: 24px;
      transition: all .8s;
      -webkit-transition: all .8s;
      -moz-transition: all .8s;
      padding-bottom: 90px;
    }
     .company-news .news-box li .pic {
        width: 100%;
        overflow: hidden; }
      .company-news .news-box li .pic img {
          width: 100%;
          height: 100%;
          transition: transform .5s ease-out;
          -webkit-transition: transform .5s ease-out;
          -moz-transition: transform .5s ease-out; }
     .company-news .news-box li .info-box {
        padding: 25px 30px 0; }
    .company-news .news-box li .info-box .tt {
          color: #333;
          font-size: 24px; }
       .company-news .news-box li .info-box .info {
          line-height: 2em;
          margin-top: 25px;
          color: #999;
          font-size: 14px; }
    .company-news .news-box li .bottom {
        height: 60px;
        position: absolute;
        width: 100%;
        bottom: 0;
        border-top: 1px solid #eaeaea;
        display: block; }
        .company-news .news-box li .bottom .time {
          width: calc(100% - 60px);
          height: 60px;
          line-height: 60px;
          padding-left: 30px;
          box-sizing: border-box;
          color: #bbb;
          font-size: 14px; }
        .company-news .news-box li .bottom .arr {
          width: 60px;
          height: 60px;
          background-image: url("../images/index16.png");
          background-repeat: no-repeat;
          background-size: 12px 20px;
          background-position: center center;
          border-left: 1px solid #eaeaea;
          transition: all 1s;
          -webkit-transition: all 1s;
          -moz-transition: all 1s; }
      .company-news .news-box li:nth-of-type(4n) {
        margin-right: 0; }
      .company-news .news-box li:hover {
        box-shadow: 0px 10px 20px 0px rgba(113, 6, 0, 0.2); }
       .company-news .news-box li:hover .pic img {
          transform: scale(1.1);

          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1); }
        .company-news .news-box li:hover .info-box .tt {
          color: #c9261d; }
      .company-news .news-box li:hover .bottom .arr {
          background-color: #c9261d;
          background-image: url("../images/index15.png"); }
  .company-news .more {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 25px;
    border: solid 1px #dbdbdb;
    display: block;
    margin: 0 auto;
    margin-top: 75px;
    color: #c9261d;
    font-size: 16px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s; }
   .company-news .more:hover {
      box-shadow: 0px 10px 20px 0px rgba(113, 6, 0, 0.3);
      color: #fff;
      background-color: #c9261d;
      border: solid 1px #c9261d; }



@media screen and (max-width: 1900px) {
 }
@media screen and (max-width: 1600px) {
 
 .company-news .news-box li {
    height: 480px; }
    .company-news .news-box li .info-box .tt {
      font-size: 20px; }
   .company-news .news-box li .bottom {
      height: 60px; }
     .company-news .news-box li .info-box {
      padding: 20px 20px 0; }
    .company-news .news-box li .bottom {
      height: 50px; }
      .company-news .news-box li .bottom .time {
        width: calc(100% - 50px);
        line-height: 50px;
        height: 50px; }
      .company-news .news-box li .bottom .arr {
        width: 50px;
        height: 50px; }
   }
@media screen and (max-width: 1460px) {
  
  .company-news .news-box li {
    height: 450px; }
  }
@media screen and (max-width: 1386px) {

  .center {
    width: 95%; }

  }
@media screen and (max-width: 1300px) {
 
  .com-title {
    text-align: center;
    font-size: 32px;
    width: 100%; }

 .company-news {
    padding: 50px 0 50px; }
    .company-news .company-nav .right {
      width: 100%;
      justify-content: space-between; }
      .company-news .company-nav .right li {
        width: 150px;
        margin-left: 0; }
     .company-news .company-nav .com-title {
      margin-top: 0; }
  .business-area .area-box {
    margin-bottom: 30px; }
  .company-news .company-nav .com-title {
    margin-bottom: 30px; }
   .company-news .news-box li {
    height: 390px; }
  .company-news .more {
    margin-top: 50px; }

  .company-news .news-box li .info-box .tt {
    font-size: 18px; }

  .company-news .news-box li .info-box {
    padding: 15px 15px 0; }
    .company-news .news-box li .info-box .tt {
      font-size: 16px; }
   .company-news .news-box li .info-box .info {
      margin-top: 10px;
      line-height: 1.8em; }

 
}
@media screen and (max-width: 1044px) {
 
   .company-news .news-box li {
    height: 335px; }
     .company-news .news-box li .info-box .tt {
      font-size: 16px; }
   .company-news .news-box li .info-box .info {
      line-height: 1.8em;
      font-size: 12px;
      margin-top: 10px; }
 }
@media screen and (max-width: 750px) {
 
  .footer .top01 .top-box {
    display: flex;
    flex-wrap: wrap-reverse; }
    .footer .top01 .top-box .top-center {
      display: none; }
    .footer .top01 .top-box .top-left {
      display: block;
      padding: 0 0.3rem;
      width: 100%; }
    .footer .top01 .top-box .top-right {
      display: block;
      padding: 0 0.3rem;
      width: 100%; }
      .footer .top01 .top-box .top-right .code-box-big {
        display: flex;
        justify-content: center; }
      .footer .top01 .top-box .top-right .tr-title, .footer .top01 .top-box .top-right .href-box {
        display: none; }
    .footer .top01 .top-box .top-left .tl-title {
      display: none; }
    .footer .top01 .top-box .top-left .line-box {
      margin-top: .3rem; }
      .footer .top01 .top-box .top-left .line-box .line {
        text-align: center; }
  .footer .bottom01 {
    padding: 0.2rem; }

 
 .company-news .company-nav .right::-webkit-scrollbar-track {
      /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
      background-color: #f3f4f5; }
     .company-news .company-nav .right::-webkit-scrollbar-thumb {
      background: rgba(201, 38, 29, 0.8); }
    .company-news .company-nav .right li {
      margin-right: .2rem; }
 .company-news .news-box li {
    width: 49%;
    margin-right: 1.33333%; }
    .company-news .news-box li:nth-of-type(2n) {
      margin-right: 0; }

  .company-news .news-box {
    margin-top: .25rem;
    flex-wrap: wrap;
  }
    .company-news .news-box li {
      height: 5.5rem;
      padding-bottom: 1.1rem;
      margin-bottom: 1.3333%; }
      .company-news .news-box li .info-box {
        padding: .15rem .15rem 0; }
 }
.center {
  width: 95%;
  margin: 0 auto; }

.hide {
  display: none !important; }

.com-title {
  color: #c9261d;
  font-size: 40px;
  font-weight: bold; }

.cul-title-box .t1 {
  color: #000000;
  font-size: 34px; }
.cul-title-box .t2 {
  color: #666;
  font-size: 22px; }
.cul-title-box .line {
  width: 40px;
  height: 2px;
  margin-top: 10px;
  background-color: #c9261d; }

.m-map{
  display: none;
}
.m-map img{
  width: 100%;
}
.footer {
  width: 100%;
  background: #11161d; }
  .footer .top01 .top-box {
    display: flex;
    flex-wrap: nowrap; }
    .footer .top01 .top-box .top-left {
      padding: 55px 40px 0 0; }
      .footer .top01 .top-box .top-left .tl-title {
        font-size: 14px;
        color: #5e6675; }
      .footer .top01 .top-box .top-left .line-box {
        margin-top: 35px; }
        .footer .top01 .top-box .top-left .line-box .line {
          margin-bottom: 10px; }
          .footer .top01 .top-box .top-left .line-box .line .t1 img {
            width: 18px; }
          .footer .top01 .top-box .top-left .line-box .line .t1 span {
            color: #5e6675;
            vertical-align: middle;
            margin-left: 5px; }
          .footer .top01 .top-box .top-left .line-box .line .t2 {
            font-size: 14px;
            color: #eee;
            margin-top: 5px; }
    .footer .top01 .top-box .top-center {
      padding: 55px 40px 0;
      width: 69%;
      border-left: 1px solid #192333;
      border-right: 1px solid #192333; }
      .footer .top01 .top-box .top-center .link-box {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        box-sizing: border-box; }
        .footer .top01 .top-box .top-center .link-box > li .tt {
          color: #5e6675;
          font-size: 14px;
          margin-bottom: 35px; }
        .footer .top01 .top-box .top-center .link-box > li .link-list > li {
          position: relative;
          margin-bottom: 10px; }
          .footer .top01 .top-box .top-center .link-box > li .link-list > li a {
            color: #eee;
            font-size: 14px; }
          .footer .top01 .top-box .top-center .link-box > li .link-list > li span {
            display: block;
            position: absolute;
            width: 0;
            height: 1px;
            background: #c9261d;
            bottom: -3px;
            transition: all .8s; }
          .footer .top01 .top-box .top-center .link-box > li .link-list > li:hover a {
            color: #c9261d; }
          .footer .top01 .top-box .top-center .link-box > li .link-list > li:hover span {
            width: 100%; }
    .footer .top01 .top-box .top-right {
      padding: 55px 0 30px 35px; }
      .footer .top01 .top-box .top-right .tr-title {
        font-size: 14px;
        color: #4c5362; }
      .footer .top01 .top-box .top-right .code-box-big {
        display: flex;
        margin-top: 35px; }
        .footer .top01 .top-box .top-right .code-box-big .code-box .code {
          width: 100px;
          height: 100px;
          background: #fff;
          border-radius: 10px;
          padding: 10px;
          box-sizing: border-box;
          transition: all .8s; }
          .footer .top01 .top-box .top-right .code-box-big .code-box .code img {
            width: 100%; }
        .footer .top01 .top-box .top-right .code-box-big .code-box p {
          color: #4c5362;
          font-size: 14px;
          margin-top: 6px;
          text-align: center; }
        .footer .top01 .top-box .top-right .code-box-big .code-left {
          margin-left: 15px; }
      .footer .top01 .top-box .top-right .href-box {
        padding-left: 15px;
        margin-top: 25px; }
        .footer .top01 .top-box .top-right .href-box a {
          font-size: 14px;
          color: #5e6675; }
        .footer .top01 .top-box .top-right .href-box span {
          width: 1px;
          height: 15px;
          background: #5e6675;
          display: inline-block;
          vertical-align: text-bottom;
          margin: 0 30px; }
      .footer .top01 .top-box .top-right .friend-href {
        margin-top: 40px; }
        .footer .top01 .top-box .top-right .friend-href .t1 {
          color: #5e6675;
          font-size: 14px; }
        .footer .top01 .top-box .top-right .friend-href .select {
          width: 220px;
          height: 40px;
          background-color: #0f1c31;
          border-radius: 5px;
          padding: 0 10px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
          cursor: pointer; }
          .footer .top01 .top-box .top-right .friend-href .select span {
            color: #5e6675;
            font-size: 14px; }
          .footer .top01 .top-box .top-right .friend-href .select .down {
            display: inline-block;
            width: 18px;
            height: 11px;
            background-size: 18px 11px;
            background-image: url("../images/down.png");
            background-repeat: no-repeat; }
          .footer .top01 .top-box .top-right .friend-href .select .down-box {
            position: absolute;
            bottom: 55px;
            width: 100%;
            left: 0px;
            display: none; }
            .footer .top01 .top-box .top-right .friend-href .select .down-box li {
              width: 100%;
              height: 50px;
              line-height: 50px;
              text-align: center;
              color: #5e6675;
              font-size: 14px;
              background: #0f1c31; }
              .footer .top01 .top-box .top-right .friend-href .select .down-box li:hover {
                background: #5e6675;
                color: #fff;
                cursor: pointer; }
  .footer .bottom01 {
    text-align: center;
    border-top: 1px solid #192333;
    padding: 20px 0; }
    .footer .bottom01 p {
      color: #5e6675;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle; }
      .footer .bottom01 p a {
        color: #5e6675; }
    .footer .bottom01 .police {
      margin-left: 20px;
      margin-right: 20px; }
      .footer .bottom01 .police img {
        margin-right: 10px; }



.right-nav {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -76px;
  z-index: 10020; }
  .right-nav > ul {
    width: 50px; }
    .right-nav > ul li {
      width: 100%;
      height: 50px;
      margin-bottom: 1px;
      background-color: #fff;
      transition: background-color .8s;
      background-repeat: no-repeat;
      background-position: center center;
      position: relative; }
      .right-nav > ul li:hover {
        background-color: #c9261d; }
    .right-nav > ul .wechat {
      background-image: url("../images/index01.png");
      background-size: 27px 23px; }
      .right-nav > ul .wechat .wechat-box {
        padding-right: 15px;
        position: absolute;
        top: 0;
        left: -200px;
        display: none; }
        .right-nav > ul .wechat .wechat-box .inner-box {
          padding: 10px;
          box-sizing: border-box;
          background-color: #fff;
          border-radius: 5px; }
          .right-nav > ul .wechat .wechat-box .inner-box img {
            width: 80px;
            display: inline-block; }
            .right-nav > ul .wechat .wechat-box .inner-box img:first-of-type {
              margin-right: 5px; }
      .right-nav > ul .wechat:hover {
        background-image: url("../images/index04.png"); }
        .right-nav > ul .wechat:hover .wechat-box {
          display: block; }
    .right-nav > ul .phone {
      background-image: url("../images/index02.png");
      background-size: 24px 20px; }
      .right-nav > ul .phone .phone-box {
        padding-right: 15px;
        position: absolute;
        top: 0;
        left: -198px;
        display: none; }
        .right-nav > ul .phone .phone-box .inner {
          padding: 10px;
          box-sizing: border-box;
          background-color: #fff;
          color: #c9261d;
          font-weight: bold;
          font-size: 24px;
          border-radius: 6px;
          display: inline-block; }
      .right-nav > ul .phone:hover {
        background-image: url("../images/index05.png"); }
        .right-nav > ul .phone:hover .phone-box {
          display: block; }
    .right-nav > ul .world {
      background-image: url("../images/index03.png");
      background-size: 22px 22px; }
      .right-nav > ul .world .world-box {
        padding-right: 15px;
        position: absolute;
        top: 0;
        left: -140px;
        display: none; }
        .right-nav > ul .world .world-box .inner {
          padding: 10px;
          box-sizing: border-box;
          background-color: #fff;
          color: #c9261d;
          font-weight: bold;
          font-size: 20px;
          border-radius: 6px;
          display: inline-block; }
      .right-nav > ul .world a {
        display: inline-block;
        width: 100%;
        height: 100%; }
      .right-nav > ul .world:hover {
        background-image: url("../images/index06.png"); }
        .right-nav > ul .world:hover .world-box {
          display: block; }
    .right-nav > ul .mail {
      background-image: url("../images/100.png");
      background-size: 22px 22px; }
      .right-nav > ul .mail .mail-box {
        padding-right: 15px;
        position: absolute;
        top: 0;
        left: -113px;
        display: none; }
        .right-nav > ul .mail .mail-box .inner {
          padding: 10px;
          box-sizing: border-box;
          background-color: #fff;
          color: #c9261d;
          font-weight: bold;
          font-size: 20px;
          border-radius: 6px;
          display: inline-block; }
      .right-nav > ul .mail a {
        display: inline-block;
        width: 100%;
        height: 100%; }
      .right-nav > ul .mail:hover {
        background-image: url("../images/101.png"); }
        .right-nav > ul .mail:hover .mail-box {
          display: block; }
       .right-nav > ul .bim {
         background-image: url("../images/bim.png");
         background-size: 24px 24px;
       }
.right-nav > ul .bim {
  background-image: url("../images/bim.png");
  background-size: 24px 24px; }
.right-nav > ul .bim .bim-box {
  padding-right: 15px;
  position: absolute;
  top: 0;
  left: -188px;
  display: none; }
.right-nav > ul .bim .bim-box .inner {
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  color: #c9261d;
  font-weight: bold;
  font-size: 20px;
  border-radius: 6px;
  display: inline-block; }
.right-nav > ul .bim a {
  display: inline-block;
  width: 100%;
  height: 100%; }
.right-nav > ul .bim:hover {
  background-image: url("../images/bim1.png"); }
.right-nav > ul .bim:hover .bim-box {
  display: block; }
.pot-box {
  width: 100%;
  position: absolute;
  bottom: -100px;
  height: 95%;
  z-index: 1;
  overflow: hidden; }
  .pot-box .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

/*# sourceMappingURL=common.css.map */

/*# sourceMappingURL=common.css.map */


*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	border: none;
	vertical-align: middle;
}
ol, ul, li {
	list-style: none;
}

/*公共类*/
.clearfix {
	zoom: 1;
}
.clearfix:after, .clearfix:before {
	content: "\200B";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.fl {
	float: left!important;
}
.fr {
	float: right!important;
}
.al {
	text-align: left!important;
}
.ac {
	text-align: center!important;
}
.ar {
	text-align: right!important;
}
.hide {
	display: none!important;
}
.show {
	display: block!important;
}
.over-line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.over-line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.over-line3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.over-line4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.over-line5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.over-line6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}


.cona{ 
 width:100%; 
 padding-top:100px;}
.conb{
	padding-left:80px;
	 padding-right:80px;}

@media screen and (max-width: 768px){

.conb{
	padding-left:20px;
	 padding-right:20px;}

	.menuer{
	display:none;}
}
.sub_banner{position:relative;width: 100%;height:245px;}
.sub_local{padding-top:60px;}
.sub_local .sub_left{ width:100%; text-align:left; padding-left:50px;}
.sub_local .sub_left h3{font-weight:normal;font-size:40px;line-height:40px;color:#fff; text-shadow:0px 3px 10px #8c94a8;}
.sub_local .sub_left i{ display:block; width:48px; height:4px; background-color:#fff;box-shadow: 0px 3px 10px #8c94a8; margin:0 auto; margin-top:28px;}
.sub_local .sobtitle{margin-top:10px;font-size:14px;line-height:14px;color:#fff;}
.sub_local .sobtitle a{font-size:14px;line-height:14px;color:#fff;} 
.sub_local .sobtitle a:first-child{margin-left:14px;}
.sub_local .sub_right{padding-top:12px;float:right;width:36%;}
.sub_local .sub_right p{font-size:16px;text-align:left;line-height:26px;color:#fff;}
.ny_wrapper{}



.ny_wrapper{}



.menuer{position:absolute;bottom:-30px;width:100%;height:65px; z-index:3;}
.menuer .common_nav{position:relative;top:0;height:65px;box-shadow: 2px 0 5px rgba(0,0,0,0.1);background:#fff;}
.menuer .common_nav .mitem{float:left; height:65px;text-align:left;border-right:1px solid #ddd;}
.menuer .common_nav .mitem .mt{display:block; height:65px;   top:0px; font-size:20px;  line-height:65px; padding:0 65px;}
.menuer .common_nav .mitem.hover .mt{font-weight:bold;color:#cf292e;border-bottom:3px solid #cf292e;}
.menuer .common_nav .mitem .cc{font-weight:bold;color:#cf292e;border-bottom:3px solid #cf292e; padding:0 65px;}
.menuer .common_nav .mitem:hover .mt{font-weight:bold;color:#cf292e;}
.menuer .common_nav .nav_sub{display:none;}

/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #cf292e; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{height: 65px; border-bottom: 3px solid #cf292e; line-height: 65px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}



.product_wrapper{padding-bottom:60px;margin:0 auto;}

.product_center{padding-top:70px;margin:0 auto;}

.product_center .prolist .list{ display:inline-block; width:100%;}

.product_center .prolist .list li{padding-bottom: 40px;float: left;width: 33.33333%;box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);background:#fff;transition:all ease 0.36s;padding-right:15px;padding:15px}

.product_center .prolist .list li .img{display: block;overflow: hidden;width: 100%; padding:10px;}

.product_center .prolist .list li img{display: block;transition: ease-in-out .2s; height:auto;}

.product_center .prolist .list li .txtBox{padding:10px 20px 29px;transition:all ease 0.36s;transform: translateY(0);z-index:2;}

.product_center .prolist .list li .t_top{}

.product_center .prolist .list li .t_top .tit{font-size:20px;line-height:30px;color:#333;/*background:url("../images/f2arr2.png") no-repeat center right;*/ text-align:center;}

.product_center .prolist .list li .t_top .desc{margin-top:30px;height:48px;font-size:14px;line-height:24px;color:#999;}

.product_center .prolist .list li .t_bottom{padding-top:30px;}

.product_center .prolist .list li .t_bottom .ite{font-size:14px;line-height:30px;color:#999;}

.product_center .prolist .list li .t_bottom .it2{margin-left:20px;color:#666;}

.product_center .prolist .list li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}

.product_center .prolist .list li:hover .t_top .tit{color:#fff;/*background:url("../images/f2arr3.png") no-repeat center right;*/}

.product_center .prolist .list li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

.product_center .prolist .list li:hover .txtBox{}

.product_center .prolist .list li:hover{background-color:#c9261d;}

.product_center .prolist .list li:hover .t_top .desc{ color:#fff;}
.product_center .prolist .nav_lio .list li{background: #fbfbfb;}


.xwzxtit{ padding-top:55px;}
.xwzxtit a{ float:left; display:inline-block; width:25%; margin-right:3%; line-height:46px; text-align:center; background:#e8edf1; color:#333333; font-size:14px; cursor:pointer;}
.xwzxtit a.ac{ color:#fff; background:#c9261d;}