﻿@font-face {
	font-family: impact;
	src: url(fonts/impact.eot?#iefix) format("embedded-opentype"), url(fonts/impact.woff) format("woff"), url(fonts/impact.ttf) format("truetype"), url(fonts/impact.svg#impact) format("svg");
}
@font-face {
	font-family: icon;
	src: url(fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(fonts/iconfont.woff) format("woff"), url(fonts/iconfont.ttf) format("truetype"), url(fonts/iconfont.svg#iconfont) format("svg");
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
iframe {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
address {
	margin: 0px; padding: 0px;
}
big {
	margin: 0px; padding: 0px;
}
cite {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
del {
	margin: 0px; padding: 0px;
}
em {
	margin: 0px; padding: 0px;
}
font {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
ins {
	margin: 0px; padding: 0px;
}
small {
	margin: 0px; padding: 0px;
}
strong {
	margin: 0px; padding: 0px;
}
var {
	margin: 0px; padding: 0px;
}
b {
	margin: 0px; padding: 0px;
}
u {
	margin: 0px; padding: 0px;
}
i {
	margin: 0px; padding: 0px;
}
center {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
body {
	margin: auto; font-family: 微软雅黑,黑体; min-width: 320px;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
a {
	color: inherit; text-decoration: none; cursor: pointer;
}
img {
	border: currentColor; border-image: none; vertical-align: middle; max-height: 100%; max-width: 100%;
}
table {
	width: 100%; border-collapse: collapse;
}
tr {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
h1 {
	line-height: 1.3; font-weight: normal;
}
h2 {
	line-height: 1.3; font-weight: normal;
}
h3 {
	line-height: 1.3; font-weight: normal;
}
h4 {
	line-height: 1.3; font-weight: normal;
}
h5 {
	line-height: 1.3; font-weight: normal;
}
h6 {
	line-height: 1.3; font-weight: normal;
}
i {
	font-style: normal; font-weight: normal;
}
em {
	font-style: normal; font-weight: normal;
}
b {
	font-style: normal; font-weight: normal;
}
strong {
	font-style: normal; font-weight: normal;
}
input {
	background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
textarea {
	background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
select {
	background: none; padding: 0px; border: currentColor; border-image: none; color: inherit; font-family: inherit; font-size: inherit; resize: none;
}
.jspContainer {
	overflow: hidden; position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	top: 0px; width: 16px; height: 100%; right: 0px; position: absolute;
}
.jspHorizontalBar {
	left: 0px; width: 100%; height: 16px; bottom: 0px; position: absolute;
}
.jspVerticalBar * {
	margin: 0px; padding: 0px;
}
.jspHorizontalBar * {
	margin: 0px; padding: 0px;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: rgb(221, 221, 238); position: relative;
}
.jspDrag {
	background: rgb(221, 221, 221); left: 0px; top: 0px; position: relative; cursor: pointer;
}
.jspHorizontalBar .jspTrack {
	height: 100%; float: left;
}
.jspHorizontalBar .jspDrag {
	height: 100%; float: left;
}
.jspArrow {
	background: rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer;
}
.jspDisabled.jspArrow {
	background: rgb(128, 128, 141); cursor: default;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px; height: 100%; float: left;
}
.jspVerticalBar .jspArrow:focus {
	
}
.jspCorner {
	background: rgb(238, 238, 244); height: 100%; float: left;
}
* html .jspCorner {
	margin: 0px -3px 0px 0px;
}
.jspVerticalBar {
	width: 6px;
}
.jspDrag {
	background: rgb(169, 148, 121); border-radius: 8px;
}
.jspTrack {
	background: rgb(245, 245, 245); border-radius: 8px;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background: rgb(221, 221, 221); width: 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgb(51, 51, 51); width: 6px;
}
.gray {
	-webkit-filter: grayscale(100%);
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix::after {
	clear: both; display: block; content: "";
}
.footer_b {
	left: 0px; width: 100%; bottom: 0px; position: fixed;
}
.select {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 210px; height: 30px; text-align: left; color: rgb(112, 112, 112); line-height: 30px; display: inline-block; position: relative; cursor: pointer;
}
.select::before {
	background: url("../image/arrow7.png") no-repeat center; top: 50%; width: 21px; height: 12px; right: 10px; margin-top: -6px; position: absolute; content: "";
}
.select span {
	margin: 0px 10px; display: block;
}
.select ul {
	background: rgb(240, 240, 240); left: -1px; top: 100%; right: -1px; display: none; position: absolute;
}
.select li {
	padding: 0px 20px; line-height: 40px;
}
.checkbox {
	cursor: pointer;
}
.checkbox i {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.ckd.checkbox i::after {
	background: rgb(255, 255, 255); margin: 5px 5px 0px; width: 5px; height: 5px; display: block; content: "";
}
.radio {
	margin-right: 45px; cursor: pointer;
}
.radio i {
	border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 0px; margin-right: 10px; vertical-align: sub; display: inline-block;
}
.ckd.radio i::after {
	background: rgb(255, 255, 255); margin: 5px 5px 0px; border-radius: 100%; width: 5px; height: 5px; display: block; content: "";
}
body {
	color: rgb(51, 51, 51); line-height: 1.6; font-size: 14px; min-width: 320px;
}
.h {
	line-height: 1.3;
}
.h1 {
	line-height: 1.3;
}
.h2 {
	line-height: 1.3;
}
.h3 {
	line-height: 1.3;
}
.block {
	margin: auto; width: 1400px;
}
.w_94 {
	margin: auto; width: 94%;
}
.text .p {
	text-align: left; line-height: 1.7;
}
.nav_main_m {
	display: none;
}
.search_m {
	display: none;
}
.scmbtn {
	display: none;
}
.prev {
	cursor: pointer;
}
.next {
	cursor: pointer;
}
.layer {
	background: rgba(0, 0, 0, 0.8); transition:0.3s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: fixed; z-index: 10; opacity: 0; justify-content: center; align-items: center;
}
.showdiv.layer {
	visibility: visible; opacity: 1;
}
.layer .close {
	top: 50px; width: 80px; height: 80px; text-align: center; right: 50px; color: rgb(204, 204, 204); line-height: 80px; font-family: icon; font-size: 60px; position: absolute; cursor: pointer;
}
.layer .search_box {
	width: 550px; height: 45px; line-height: 45px; margin-top: -100px; display: flex; opacity: 0; transform: translateY(-50px);
}
.showdiv.layer .search_box {
	transition:0.5s ease-out; opacity: 1; transform: none;
}
.layer .search_box .kw {
	background: rgb(255, 255, 255); padding: 0px 12px; border-radius: 0px; flex:1 1 0px; font-size: 16px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.5); -webkit-appearance: none; appearance: none;
}
.layer .search_box .ok {
	background: rgb(148, 7, 10); border-radius: 0px; width: 120px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.layer .picbox {
	width: 100%; height: 100%; text-align: center;
}
.layer .picbox::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.layer .picbox img {
	width: auto; height: auto; max-height: 80%; max-width: 80%;
}
.layer .picbox video {
	width: 1000px; height: auto; vertical-align: middle; display: inline-block;
}
.layer .leader_box {
	background: rgb(255, 255, 255); width: 1100px; border-top-color: rgb(202, 13, 13); border-top-width: 3px; border-top-style: solid; position: relative;
}
.layer .leader_box .inner {
	padding: 60px;
}
.layer .leader_box .close {
	top: 0px; right: 0px; color: rgb(170, 170, 170); font-size: 30px;
}
.layer .leader_box .t {
	display: flex; align-items: center;
}
.layer .leader_box .pic {
	width: 160px;
}
.layer .leader_box .txt {
	margin-left: 50px;
}
.layer .leader_box .txt .h {
	font-size: 18px;
}
.layer .leader_box .txt .p {
	margin-top: 15px;
}
.layer .leader_box .txt .p span {
	margin-right: 30px;
}
.layer .leader_box .text {
	overflow: hidden; margin-top: 40px; max-height: 300px;
}
.layer .leader_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgb(202, 13, 13);
}
.layer .leader_box .text p {
	margin-top: 20px;
}
.layer .leader_box .text p:first-child {
	margin-top: 0px;
}
.share-box {
	width: 258px; text-align: center; margin-top: 30px; vertical-align: middle; display: inline-block;
}
.share-box::after {
	clear: both; display: table; content: "";
}
.share-box div {
	width: 86px; float: left;
}
.share-box div p {
	width: 100%; text-align: center; font-size: 16px; display: block;
}
.share-box p i {
	display: block;
}
.share-box .share-item {
	border-radius: 50%; float: left; position: relative; cursor: pointer;
}
.share-box a.share-item {
	margin: 0px; height: auto; line-height: inherit; padding-left: 0px; font-size: inherit; background-image: none;
}
.share-box .share-item::after {
	color: rgb(255, 255, 255) !important; font-family: "icon" !important; font-style: normal; vertical-align: top; display: inline-block; content: ""; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
}
.share-box .icon-wchat::after {
	background: url("../images/weixin.png") no-repeat; width: 47px; height: 47px;
}
.share-box .icon-qq::after {
	content: "\e606";
}
.share-box .icon-qzone::after {
	content: "\e60a";
}
.share-box .icon-sinawb::after {
	background: url("../images/weibo.png") no-repeat; width: 47px; height: 47px;
}
.share-box .icon-txwb::after {
	background: url("../images/shouji.png") no-repeat; width: 47px; height: 47px;
}
.share-label {
	display: inline-block;
}
.share-item .code {
	padding: 10px; border-radius: 5px; transition:0.2s ease-out; left: 50%; width: 140px; bottom: 100%; margin-top: 15px; margin-bottom: 10px; margin-left: -70px; visibility: hidden; position: absolute; box-sizing: border-box; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(-10px); background-color: rgb(255, 255, 255);
}
.share-item .code::after {
	border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; font-size: 0px; margin-left: -8px; position: absolute; z-index: 999; content: "";
}
.share-item .code > img {
	width: 100%; display: block;
}
.share-item:hover .code {
	visibility: visible; opacity: 1; transform: none;
}
.share-box a.share-item {
	width: 32px; height: 32px; line-height: 32px; font-size: 20px; margin-left: 3px;
}
.share-box a.icon-sinawb.share-item {
	font-size: 23px;
}
.share-box a.share-item:hover {
	z-index: 1; opacity: 1;
}
#bdshare_weixin_qrcode_dialog {
	box-sizing: content-box; -webkit-box-sizing: content-box;
}
.pd120 {
	padding-top: 120px; padding-bottom: 120px;
}
.pdt120 {
	padding-top: 120px;
}
.pdb120 {
	padding-bottom: 120px;
}
.pd110 {
	padding-top: 110px; padding-bottom: 110px;
}
.pdt110 {
	padding-top: 110px;
}
.pdb110 {
	padding-bottom: 110px;
}
.imgzoom .pic {
	overflow: hidden;
}
.imgzoom .pic img {
	transition:0.4s ease-out;
}
.imgzoom:hover .pic img {
	transform: scale(1.05);
}
.fz48 {
	line-height: 1.3; font-size: 48px;
}
.fz40 {
	line-height: 1.3; font-size: 40px;
}
.fz30 {
	line-height: 1.3; font-size: 30px;
}
.fz24 {
	line-height: 1.3; font-size: 24px;
}
.fz20 {
	line-height: 1.3; font-size: 20px;
}
.title {
	text-align: center;
}
.title .p {
	margin-top: 10px;
}
.title .more {
	margin-top: 10px;
}
.pages {
	text-align: center; font-size: 0px; margin-top: 40px;
}
.pages .prev {
	background: rgb(198, 186, 187); border-color: rgb(198, 186, 187); padding: 0px; width: 33px; color: rgb(255, 255, 255); font-family: icon;
}
.pages .next {
	background: rgb(198, 186, 187); border-color: rgb(198, 186, 187); padding: 0px; width: 33px; color: rgb(255, 255, 255); font-family: icon;
}
.pages a {
	margin: 0px 3px; padding: 0px 8px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; line-height: 34px; font-family: Arial; font-size: 16px; vertical-align: middle; display: inline-block; min-width: 18px;
}
.pages i {
	margin: 0px 3px; padding: 0px 8px; border-radius: 2px; height: 33px; line-height: 33px; font-family: icon; font-size: 16px; vertical-align: middle; display: inline-block;
}
.pages a.now {
	background: rgb(148, 7, 10); border-color: rgb(148, 7, 10); color: rgb(255, 255, 255);
}
.pages a:hover {
	background: rgb(198, 186, 187); border-color: rgb(198, 186, 187); color: rgb(255, 255, 255);
}
.pages .go {
	margin: 0px 5px; padding: 0px 7px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; line-height: 34px; font-family: Arial; vertical-align: middle; display: inline-block;
}
.pages .go input {
	margin: 5px 0px; border: currentColor; border-image: none; width: 30px; height: 23px; text-align: center; line-height: 23px; font-size: 16px; float: left;
}
.pages .go em {
	margin: 5px; height: 23px; line-height: 24px; padding-left: 10px; font-size: 16px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; cursor: pointer;
}
.pages .loadmore {
	display: none;
}
.links a {
	padding-left: 20px; position: relative; box-sizing: border-box;
}
.links a::before {
	left: 0px; top: 0px; color: rgb(148, 7, 10); font-family: icon; margin-right: 10px; position: absolute; content: "\e76c";
}
.links a:hover::before {
	animation:arr 0.6s ease-out infinite;
}
.position {
	line-height: 50px;
}
.position a {
	margin: 0px 10px;
}
.position a:first-child {
	margin-left: 0px;
}
body {
	display: flex; flex-direction: column;
}
.body {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.page.body {
	padding-top: 130px;
}
.home {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.home body {
	padding: 0px; height: 100%; overflow: hidden;
}
.body_home {
	background: rgb(0, 0, 0); height: 100%; overflow: hidden;
}
.body_r {
	transition:left 1.3s cubic-bezier(0.5, 0, 0.2, 1); left: 100%; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: fixed; z-index: 1;
}
.dis.body_r * {
	background: none !important;
}
.showdiv.body_r {
	left: 0px;
}
.body_r .body_scroll {
	height: 100%; overflow: hidden; position: relative;
}
.body_r .ll {
	background: url("../image/png13.png") no-repeat right 30px center; transition:0.3s ease-out; left: 0px; top: 50%; width: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; padding-left: 40px; font-size: 20px; visibility: hidden; position: absolute; cursor: pointer; opacity: 0; transform: translateY(-50%);
}
.body_r .ll:hover {
	padding-left: 50px;
}
.body_r .w.ll {
	color: rgb(88, 69, 59); background-image: url("../image/png13a.png");
}
.showdiv.body_r .ll {
	visibility: visible; opacity: 1;
}
.body_r .arr {
	transition:0.5s ease-out 0.5s; top: 50%; right: 10px; color: rgb(255, 255, 255); font-family: icon; font-size: 80px; position: absolute; cursor: pointer; opacity: 0; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); transform: translateY(-50%);
}
.showdiv.body_r .arr {
	opacity: 1;
}
.body_r .h.arr {
	display: none;
}
.screen {
	height: 100%; float: left; position: relative;
}
.screen .title {
	color: rgb(255, 255, 255); line-height: 1.1; display: flex; align-items: center;
}
.screen .title .fz40 {
	width: 40px; white-space: normal;
}
.screen .title .p {
	width: 18px; font-size: 18px; margin-left: 25px; -ms-word-wrap: break-word;
}
.body_r .menu {
	background: rgb(255, 255, 255); border-radius: 100%; transition:0.3s ease-out; top: 40px; width: 50px; height: 50px; right: 40px; position: absolute; z-index: 2; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.body_r .menu:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.body_r .menu .inner {
	top: 15px; width: 50%; right: 25%; position: absolute;
}
.body_r .menu i {
	background: rgb(51, 51, 51); border-radius: 2px; transition:0.2s ease-out; height: 2px; -webkit-transition: all 0.2s ease-out 0s;
}
.body_r .menu i:nth-child(1) {
	top: 0px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(2) {
	top: 9px; width: 100%; right: 0px; position: absolute;
}
.body_r .menu i:nth-child(3) {
	top: 18px; width: 100%; right: 0px; position: absolute;
}
.body_r .act.menu i:nth-child(1) {
	transform: translate(0px, 9px) rotate(45deg);
}
.body_r .act.menu i:nth-child(2) {
	opacity: 0;
}
.body_r .act.menu i:nth-child(3) {
	transform: translate(0px, -9px) rotate(-45deg);
}
.body_r .navg {
	transition:0.5s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: scale(1.1);
}
.body_r .navg .logo {
	width: 200px;
}
.body_r .showdiv.navg {
	visibility: visible; opacity: 1; transform: none;
}
.body_r .navg > div {
	flex:1 1 0px;
}
.body_r .navg .l {
	background: rgb(255, 255, 255); position: relative;
}
.body_r .navg .l .inner {
	left: 50%; top: 50%; position: absolute; transform: translate(-55%, -50%);
}
.body_r .navg .l .list {
	margin-top: 50px;
}
.body_r .navg .l .item {
	width: 140px; height: 46px; line-height: 46px; font-size: 16px; position: relative;
}
.body_r .navg .l .item::before {
	transition:0.5s ease-out; left: 0px; width: 0px; bottom: 0px; border-top-color: rgb(148, 7, 10); border-top-width: 2px; border-top-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item::after {
	left: 100%; height: 0px; bottom: 0px; border-right-color: rgb(148, 7, 10); border-right-width: 2px; border-right-style: solid; position: absolute; content: "";
}
.body_r .navg .l .item:hover::before {
	width: 100%;
}
.body_r .navg .l .item:hover::after {
	transition:0.5s ease-out 0.5s; height: 20px; bottom: -9px;
}
.body_r .navg .l .item ul {
	transition:0.5s ease-out; left: 100%; top: 0px; line-height: 40px; visibility: hidden; position: absolute; opacity: 0;
}
.body_r .navg .l .item:hover ul {
	visibility: visible; opacity: 1;
}
.body_r .navg .l .item li {
	transition:0.3s ease-out; padding-left: 20px; white-space: nowrap;
}
.body_r .navg .l .item li:hover {
	padding-left: 30px;
}
.body_r .navg .l .item a:hover {
	color: rgb(148, 7, 10);
}
.body_r .navg .l .tools {
	margin-top: 45px; display: flex; align-items: center;
}
.body_r .navg .l .tools .a {
	border-radius: 100%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 40px; height: 40px; line-height: 40px; margin-right: 20px; position: relative;
}
.body_r .navg .l .tools .a > a {
	width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.body_r .navg .l .tools .sc a::after {
	font-family: icon; font-size: 20px; content: "\e672";
}
.body_r .navg .l .tools .log i::after {
	font-family: icon; font-size: 20px; content: "\e601";
}
.body_r .navg .l .tools .share-box {
	float: left;
}
.body_r .navg .l .tools .lang {
	text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.body_r .navg .r {
	background: url("../image/pic39.jpg") no-repeat center / cover;
}
.body_b {
	background: rgb(238, 235, 234); transition:top 0.7s cubic-bezier(0.5, 0, 0.2, 1); left: 0%; top: 100%; right: 0px; bottom: 0px; overflow: auto; position: fixed; z-index: 1;
}
.body_b * {
	
}
.showdiv.body_b {
	top: 0px;
}
.body_b .mCSB_scrollTools {
	width: 5px; z-index: 4;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
	width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgb(148, 7, 10); width: 5px;
}
.body_b .mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(0, 0, 0, 0.1);
}
.header {
	transition:0.7s ease-out; left: 0%; top: 0px; right: 0%; position: fixed; z-index: 1;
}
.header {
	opacity: 0; transform: translateY(-100%);
}
.showdiv.header {
	opacity: 1; transform: none;
}
.showdiv.body_home .header {
	opacity: 1; transform: none;
}
.header .d1 {
	background: rgb(148, 7, 10); transition:0.2s ease-out; height: 45px; color: rgb(211, 151, 151); line-height: 45px; overflow: hidden; font-size: 14px;
}
.lit.header .d1 {
	height: 0px;
}
.header .d1 .nav_l i {
	margin: 0px 18px; font-size: 12px;
}
.header .d1 .nav_l a {
	line-height: 1; display: inline-block;
}
.header .d1 .nav_l a::before {
	transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(211, 151, 151); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_l a.now {
	color: rgb(255, 255, 255);
}
.header .d1 .nav_l a.now::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_l a:hover::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a {
	margin-left: 30px;
}
.header .d1 .nav_r a {
	line-height: 1; display: inline-block;
}
.header .d1 .nav_r a::before {
	transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(211, 151, 151); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header .d1 .nav_r a.now {
	color: rgb(255, 255, 255);
}
.header .d1 .nav_r a.now::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d1 .nav_r a:hover::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header .d2 {
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0)); transition:0.3s ease-out; height: 140px;background-color:#FFF;
}
.header .block {
	height: 100%; display: flex; position: relative; justify-content: flex-end; align-items: center;
}
.header .logo {
	left: 0px; height: 100%; position: absolute;
}
.header .logo a {
	height: 100%; font-size: 0px; display: block;
}
.header .logo img {
	vertical-align: middle; display: inline-block; max-height: 65%;
}
.header .logo a::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header .nav_main {
	text-align: center; font-size: 18px;
}
.header .nav_main .nav {

}
.header .nav_main .nav .nLi {
	height: 53px; text-align: center; position: relative; cursor: pointer; box-sizing: border-box;
}
.header .nav_main .nav .nLi h3 a {
	padding: 0px 40px; border-radius: 4px 4px 0px 0px; height: 50px; color: rgb(0, 0, 0); line-height: 50px; font-size: 18px; font-weight: normal; display: block; position: relative;
}
.header .nav_main .nav .on.nLi h3 a {
	background: rgb(255, 255, 255); color: rgb(20, 87, 172); border-top-color: rgb(255, 0, 0); 
}
.header .nav_main .nav .cur.nLi h3 a {
	background: rgb(255, 255, 255); color: rgb(255, 0, 0); border-top-color: rgb(255, 0, 0);
}
.header .nav_main .nav .nLi .navSub {
	background: rgb(255, 255, 255); padding: 0px 20px 5px; left: 0px; top: 50px; width: 132px; overflow: hidden; display: none; position: absolute;
}
.header .nav_main .nav .nLi .navSub ul li a {
	text-align: left; color: rgb(85, 85, 85); line-height: 57px; clear: both; font-size: 16px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; display: block;
}
.header .nav_main .nav .nLi .navSub ul {
	width: 100%; overflow: hidden; float: none;
}
.header .nav_main .nav .nLi .navSub ul li a:hover {
	color: rgb(255, 0, 0);
}
.header .nav_main .nav .nLi .navSub ul li:first-child {
	padding-top: 10px;
}
.header .nav_main .nav .nLi .navSub ul li:first-child a {
	background: none; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.header .nav_main .nav .nLi .navSub ul li:last-child a {
	background: none; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.header .nav_main .nav .nLi .navSub ul li em {
	font-family: simsun; font-size: 12px; float: right;
}
.header .nav_main .nav .nLi .navSub ul li i {
	background: url("navicon.png") no-repeat 0px; width: 7px; height: 57px; line-height: 57px; margin-right: 12px; float: left; display: inline-block;
}
.header .nav_main .nav .nLi .navSub ul li:hover i {
	background-position: -7px;
}
.header .nav_main .nav .nLi .navSub ul li:hover em {
	color: rgb(10, 80, 193);
}
.header .nav_main .nav .nLi6.nLi .navSub {
	left: auto; right: 0px;
}
.header .nav_main .nav .nLi7.nLi .navSub {
	left: auto; right: 0px;
}
.header .nav_main .nav .nLi2.nLi .navSub {
	width: 205px !important;
}
.header2 .d2 .block .nav_main {
	text-align: center; font-size: 18px;
}
.header2 .d2 .block .nav_main .nav {
	
}
.header2 .d2 .block .nav_main .nav .nLi {
	height: 53px; text-align: center; position: relative; cursor: pointer; box-sizing: border-box;
}
.header2 .d2 .block .nav_main .nav .nLi h3 a {
	border-radius: 4px 4px 0px 0px; height: 50px; color: rgb(83, 83, 83); line-height: 46px; font-size: 18px; font-weight: normal; display: block; position: relative;
}
.header2 .d2 .block .nav_main .nav .on.nLi h3 a {
	background: rgb(255, 255, 255); color: rgb(255, 0, 0);
}
.header2 .d2 .block .nav_main .nav .cur.nLi h3 a {
	background: rgb(255, 255, 255); color: rgb(255, 0, 0);
}
.header2 .d2 .block .nav_main .nav .nLi .navSub {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; top: 50px; width: 170px; overflow: hidden; display: none; position: absolute; box-shadow: 0px 0px 10px #d8d8d8;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li a {
	margin: 0px 25px; padding: 0px; text-align: left; color: rgb(85, 85, 85); line-height: 57px; clear: both; font-size: 16px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; display: block;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul {
	width: 100%; overflow: hidden; float: none;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li a:hover {
	color: rgb(255, 0, 0);
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li:first-child {
	padding-top: 10px;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li:first-child a {
	background: none; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li:last-child a {
	background: none; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li em {
	font-family: simsun; font-size: 12px; float: right;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li i {
	background: url("../images/navicon.png") no-repeat 0px; width: 7px; height: 57px; line-height: 57px; margin-right: 16px; float: left; display: inline-block;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li:hover i {
	background-position: -7px;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li:hover em {
	color: rgb(10, 80, 193);
}
.header2 .d2 .block .nav_main .nav .nLi6.nLi .navSub {
	left: auto; right: 0px;
}
.header2 .d2 .block .nav_main .nav .nLi7.nLi .navSub {
	left: auto; right: 0px;
}
.header .tools {
	color: rgb(255, 255, 255); display: flex; align-items: center;
}
.header .tools .a {
	border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 34px; height: 34px; line-height: 34px; margin-left: 20px; position: relative;
}
.header .tools .a > a {
	width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header .tools .sc a::after {
	font-family: icon; font-size: 20px; content: "\e672";
}
.header .tools .log i::after {
	font-family: icon; font-size: 20px; content: "\e601";
}
.header .tools .share-box {
	float: left;
}
.header .tools .lang {
	text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header .tools .search {
	background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header .tools .s.search {
	visibility: visible; opacity: 1;
}
.header .tools .search .kw {
	margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header .tools .search .ok {
	width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}
.light.header {
	opacity: 1; transform: none;
}
.light.header .d2 {
	background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.light.header .tools {
	color: rgb(51, 51, 51);
}
.light.header .tools .a {
	border-color: rgb(204, 204, 204);
}
.light.header .nav_main a {
	color: rgb(51, 51, 51);
}
.light.header .nav_main a::after {
	border-color: rgb(148, 7, 10);
}
.light.header .nav_main a::before {
	border-color: rgb(148, 7, 10);
}
.header2 {
	background: rgb(255, 255, 255); transition:0.5s ease-out; left: 0px; top: 0px; right: 0px; position: fixed; z-index: 3; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(-100%);
}
.body_b .header2 {
	opacity: 0; transform: translateY(-100%);
}
.showdiv.body_b .header2 {
	transition:0.7s ease-in-out 0.5s; opacity: 1; transform: none;
}
.showdiv.header2 {
	opacity: 1; transform: none;
}
.header2 .d1 {
	background: rgb(148, 7, 10); transition:0.2s ease-out; height: 45px; color: rgb(211, 151, 151); line-height: 45px; overflow: hidden; font-size: 14px;
}
.lit.header2 .d1 {
	height: 0px;
}
.header2 .d1 .nav_l i {
	margin: 0px 18px; font-size: 12px;
}
.header2 .d1 .nav_l a {
	line-height: 1; display: inline-block;
}
.header2 .d1 .nav_l a::before {
	transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(211, 151, 151); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_l a.now {
	color: rgb(255, 255, 255);
}
.header2 .d1 .nav_l a.now::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_l a:hover::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a {
	margin-left: 30px;
}
.header2 .d1 .nav_r a {
	line-height: 1; display: inline-block;
}
.header2 .d1 .nav_r a::before {
	transition:0.1s ease-out; margin-bottom: 5px; border-top-color: rgb(211, 151, 151); border-top-width: 2px; border-top-style: solid; display: block; content: ""; transform: scaleX(0);
}
.header2 .d1 .nav_r a.now {
	color: rgb(255, 255, 255);
}
.header2 .d1 .nav_r a.now::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d1 .nav_r a:hover::before {
	border-color: rgb(255, 255, 255); transform: scaleX(1);
}
.header2 .d2 {
	background: rgb(255, 255, 255); transition:0.3s ease-out; height: 85px;
}
.header2 .block {
	height: 100%; display: flex; position: relative; justify-content: flex-end; align-items: center;
}
.header2 .logo {
	left: 0px; height: 100%; position: absolute;
}
.header2 .logo a {
	height: 100%; font-size: 0px; display: block;
}
.header2 .logo img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: none;
}
.header2 .logo a::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.header2 .nav_main {
	text-align: center; font-size: 18px;
}
.header2 .nav_main a {
	margin: 0px 40px; display: inline-block; position: relative;
}
.header2 .nav_main a:hover {
	transition:0.3s linear; color: rgb(255, 0, 0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
}
.header2 .nav_main a.hover::before {
	transform: none;
}
.header2 .nav_main a.hover::after {
	transform: none;
}
.header2 .nav_main a.now::after {
	transform: none;
}
.header2 .tools {
	display: flex; align-items: center;
}
.header2 .tools .a {
	border-radius: 100%; border: 1px solid rgb(51, 51, 51); border-image: none; width: 36px; height: 36px; line-height: 36px; margin-left: 20px; position: relative;
}
.header2 .tools .a > a {
	width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
}
.header2 .tools .sc a::after {
	font-family: icon; font-size: 20px; content: "\e672";
}
.header2 .tools .log i::after {
	font-family: icon; font-size: 20px; content: "\e601";
}
.header2 .tools .share-box {
	float: left;
}
.header2 .tools .lang {
	text-transform: uppercase; font-family: Arial; font-size: 16px;
}
.header2 .tools .search {
	background: rgb(255, 255, 255); border-radius: 5px; transition:0.2s ease-out; top: 0px; width: 250px; height: 36px; right: -2px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out 0s;
}
.header2 .tools .s.search {
	visibility: visible; opacity: 1;
}
.header2 .tools .search .kw {
	margin: 8px 0px 0px 12px; width: 190px; height: 20px; line-height: 20px; font-size: 16px; float: left; display: block;
}
.header2 .tools .search .ok {
	width: 36px; height: 36px; font-family: icon; font-size: 22px; float: right; cursor: pointer;
}
.nav_mobile {
	display: none;
}
.body_home .banner {
	height: 100%; overflow: hidden; position: relative;
}
.body_home .banner .slick-list {
	height: 100%;
}
.body_home .banner .slick-track {
	height: 100%;
}
.body_home .banner .slick-slide > div {
	height: 100%;
}
.body_home .banner .frame {
	height: 100%;
}
.body_home .banner .frame video {
	left: 50%; top: 50%; position: absolute; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%);
}
.body_home .banner .child {
	background-position: center; height: 100%; color: rgb(255, 255, 255); overflow: hidden; position: relative; background-size: cover; background-color: rgb(0, 0, 0);
}
.body_home .banner .child::before {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); left: 0px; height: 80px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.body_home .banner .child .fz30 {
	left: 0px; right: 380px; bottom: 50px; line-height: 1; padding-left: 40px; position: absolute;
}
.body_home .banner .child .a1 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}




.body_home .banner .child .a2 {
	width: 80px; height: 60px; text-align: center; right: 15px; bottom: 35px; line-height: 60px; font-size: 24px; position: absolute;
}
.body_home .banner .child .a2::after {
	font-family: icon; vertical-align: middle; display: inline-block; content: "\e76c";
}
.body_home .banner .text {
	left: 50%; top: 50%; width: 50%; text-align: center; position: absolute; opacity: 0; transform: translate(-50%, -50%) scale(0.8);
}
.body_home .banner .showdiv .text {
	transition:2s ease-out 0.5s; opacity: 1; transform: translate(-50%, -50%) scale(1);
}
.body_home .banner .navg {
	text-align: center; right: 3%; bottom: 20px; color: rgb(255, 255, 255); line-height: 1; position: absolute;
}


.body_home .banner .navg li {
	margin: 0px 16px; font-family: Arial; font-size: 22px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.body_home .banner .navg li.slick-active {
	background: rgb(128, 2, 3); border-radius: 50%; width: 45px; height: 45px; line-height: 45px; font-weight: bold;
}
.body_home .banner .tit {
	background: rgba(0, 0, 0, 0.5); left: 50px; height: 80px; right: 50px; bottom: 60px; color: rgb(255, 255, 255); line-height: 80px; display: -ms-flexbox; position: absolute; justify-content: space-between;
}



.body_home .bb {
	padding: 0px 10px; animation:bb 2s linear infinite; left: 50%; text-align: center; bottom: 0px; color: rgb(148, 7, 10); font-family: icon; font-size: 36px; font-weight: bold; position: absolute; cursor: pointer; opacity: 0; transform: translateX(-50%);
}
.showdiv.body_home .bb {
	opacity: 1;
}
.body_home .bb:hover {
	color: rgb(255, 255, 255); animation-play-state: paused;
}




.rr {
	background: url("../image/rwbg.jpg") no-repeat center; transform-origin: right center; top: 50%; width: 82px; height: 170px; right: 0px; color: rgb(255, 255, 255); margin-top: -85px; position: fixed; z-index: 2; cursor: pointer; opacity: 0; transform: scale(0);
}
.showdiv.rr {
	transition:1s ease-out 0.5s; opacity: 1; transform: none;
}
.rr::before {
	background: url("../image/rwbg.jpg") no-repeat center; transition:1.5s ease-out 1.8s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr::after {
	background: url("../image/rwbg.jpg") no-repeat center; transition:1.5s ease-out 2.6s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr i {
	background: url("../image/rwbg.jpg") no-repeat center; width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.showdiv.rr i {
	transition:1s ease-out 4.5s; margin-left: 40px; opacity: 1;
}
.showdiv.rr::before {
	content: ""; opacity: 1; transform: none;
}
.showdiv.rr::after {
	content: ""; opacity: 1; transform: none;
}
.nav_b {
	transition:0.6s ease-out; left: 0px; text-align: center; right: 0px; bottom: 30px; color: rgb(255, 255, 255); display: flex; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: translateY(50px); justify-content: center; align-items: center;
}
.showdiv.nav_b {
	visibility: visible; opacity: 1; transform: translateY(0px);
}
.nav_b .l {
	background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .r {
	background: url("../image/png3.png") no-repeat top; padding-top: 30px;
}
.nav_b .list {
	margin: 0px 50px; display: flex;
}
.nav_b .list .item {
	background: url("../image/png2.png") no-repeat top; width: 240px; cursor: pointer;
}
.nav_b .list .item span {
	line-height: 1; padding-top: 30px; display: inline-block; position: relative;
}
.nav_b .list :first-child.item {
	background-position: -119px top; width: 121px; text-align: left;
}
.nav_b .list :first-child.item span {
	transform: translateX(-50%);
}
.nav_b .list :last-child.item {
	background-position: left top; width: 120px; text-align: right;
}
.nav_b .list :last-child.item span {
	transform: translateX(50%);
}
.nav_b .list .item span::before {
	background: url("../image/png34.png") no-repeat center; transition:0.5s ease-out; left: 50%; top: 9px; width: 20px; height: 20px; margin-left: -10px; position: absolute; content: ""; transform: scale(0);
}
.nav_b .list .now.item span::before {
	transform: none;
}
.w.nav_b .l {
	background-image: url("../image/png3a.png");
}
.w.nav_b .r {
	background-image: url("../image/png3a.png");
}
.w.nav_b .list .item {
	background-image: url("../image/png2a.png");
}
.w.nav_b {
	color: rgb(88, 69, 59);
}
.home8 {
	background: rgb(238, 235, 234); overflow: hidden;
}
.home8 .title::after {
	clear: both; display: block; content: "";
}
.home8 .title .fz40 {
	float: left;
}
.home8 .title .fz40 a {
	display: inline-block; transform: scale(0.8);
}
.home8 .title .fz40 .now {
	color: rgb(148, 7, 10); transform: none;
}
.home8 .title .more {
	background: url("../image/png32.svg") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 75px; margin-top: 10px; float: right;
}
.home8 .l {
	transition:1s ease-out; width: 40%; float: left; opacity: 0; transform: translateX(-50px);
}
.showdiv.home8 .l {
	opacity: 1; transform: none;
}
.home8 .l .list {
	background: rgb(255, 255, 255); padding: 35px 40px; height: 284px; margin-top: 30px; border-bottom-color: rgb(148, 7, 10); border-bottom-width: 4px; border-bottom-style: solid; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .l .list .item {
	margin-top: 25px;
}
.home8 .l .list :first-child.item {
	margin-top: 0px;
}
.home8 .l .list .item .h {
	overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.home8 .l .list .item:hover .h {
	color: rgb(148, 7, 10);
}
.home8 .l .list .item .date {
	color: rgb(156, 136, 138); font-style: italic; margin-top: 10px; position: relative;
}
.home8 .l .list .item .date::before {
	transition:0.3s ease-out; left: 0px; top: 50%; width: 100%; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.home8 .l .list .item:hover .date::before {
	border-color: rgb(148, 7, 10);
}
.home8 .l .list .item .date span {
	background: rgb(255, 255, 255); padding-right: 10px; display: inline-block; position: relative;
}
.home8 .r .list {
	margin-top: 30px; border-bottom-color: rgb(148, 7, 10); border-bottom-width: 4px; border-bottom-style: solid;
}
.home8 .r .list .item {
	background: rgb(255, 255, 255); height: 90px; line-height: 89px; margin-top: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home8 .r .list :first-child.item {
	margin-top: 0px;
}
.home8 .r .list .item .pic {
	background: rgb(235, 230, 229); width: 200px; height: 100%; text-align: center; overflow: hidden; border-right-color: rgb(235, 230, 229); border-right-width: 1px; border-right-style: solid; float: left; position: relative;
}
.home8 .r .list .item .pic::before {
	background: url("../image/png92.png") no-repeat center; animation:cc 20s linear infinite; left: 50%; top: 0px; width: 110%; padding-top: 110%; margin-left: -55%; position: absolute; content: "";
}
.home8 .r .list .item .pic span {
	border: 4px solid rgb(255, 255, 255); border-image: none; height: 100%; color: rgb(161, 152, 150); line-height: 1; font-size: 22px; display: block; position: relative; box-sizing: border-box;
}
.home8 .r .list .item .pic span::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.home8 .r .list .item .h {
	padding: 0px 20px; height: 100%; line-height: 1.3; font-size: 16px; display: flex; align-items: center;
}
.home8 .r .list .item .h span {
	width: 100%; display: block;
}
.home8 .r .list .item:hover .h {
	color: rgb(148, 7, 10);
}
.home8 .r {
	transition:1s ease-out; width: calc(60% - 30px); float: right; opacity: 0; transform: translateX(50px);
}
.showdiv.home8 .r {
	opacity: 1; transform: none;
}
.home5 {
	padding: calc(5vw + 95px) 0px 5vw;
}
.home5 .content {
	margin-top: 45px;
}
.home5 .list {
	display: flex; justify-content: space-between;
}
.home5 :nth-child(2).list {
	margin-top: 20px;
}
.home5 .list .box {
	width: calc(50% - 10px); display: flex; flex-wrap: wrap; justify-content: space-between;
}
.home5 .list .ptbox {
	background: url("../images/i_newsl.jpg") no-repeat left bottom; width: calc(58%); position: relative;
}
.home5 .list .item {
	background: rgb(255, 255, 255); width: calc(50% - 10px); border-bottom-color: rgb(148, 7, 10); border-bottom-width: 4px; border-bottom-style: solid; position: relative; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.home5 .list :nth-child(-n+2).item {
	margin-bottom: 20px;
}
.home5 .list .item .text {
	padding: 40px 30px; position: relative;
}
.home5 .list :nth-child(1).item::before {
	background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :nth-child(4).item::before {
	background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list :last-child.item::before {
	background: url("../image/bg9a.svg") no-repeat right bottom / contain; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.home5 .list .item .text .h {
	line-height: 1.5; font-size: 16px;
}
.home5 .list .item .text .date {
	color: rgb(153, 133, 123); font-size: 16px; font-style: italic; margin-top: 15px; display: none;
}
.home5 .btns {
	text-align: center; margin-top: 30px;
}
.home5 .btns .more {
	margin: 0px 45px;
}
.ptbox .inner {
	overflow: hidden; padding-bottom: 56.25%; position: relative;
}
.ptbox .pic {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.ptbox .img {
	background-position: center; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.ptbox .img a {
	height: 100%; display: block;
}
.ptbox .img img {
	width: 100%; height: auto; max-height: none;
}
.ptbox .v {
	border-radius: 100%; border: 2px solid rgb(148, 7, 10); border-image: none; left: 30px; width: 40px; height: 40px; text-align: center; bottom: 100%; color: rgb(148, 7, 10); line-height: 41px; text-indent: 5px; font-family: icon; font-size: 22px; margin-bottom: -10px; position: absolute; z-index: 1; cursor: pointer;
}
.ptbox .v:hover {
	background: rgb(148, 7, 10); color: rgb(255, 255, 255);
}
.ptbox .video {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.ptbox .video video {
	width: 100%; height: 100%; object-fit: cover;
}
.ptbox .video .close {
	background: rgba(0, 0, 0, 0.5); padding: 5px 15px; top: 0px; right: 0px; color: rgb(255, 255, 255); position: absolute; cursor: pointer;
}
.ptbox .text {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); left: 0px; right: 0px; bottom: -1px; color: rgb(255, 255, 255); position: absolute;
}
.ptbox .text a {
	padding: 30px 30px 20px; display: block;
}
.ptbox .text .date {
	line-height: 1; margin-top: 10px;
}
.ptbox .text .h {
	font-size: 20px;
}
.act.ptbox .text {
	display: none;
}
.act.ptbox .video {
	display: block;
}
.act.ptbox .v {
	display: none;
}
.footer {
	background: url("../images/footbg.jpg") no-repeat top ; height: 370px; color: rgb(255, 255, 255); position: relative;
}
.footer .part1 {
	color: rgb(255, 255, 255); display: flex; flex-direction: row; justify-content: space-between;
}
.footer .nav_foot {
	text-align: left; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px;
}
.footer .nav_foot h3 {
	line-height: 45px; padding-top: 20px; font-size: 16px;
}
.footer .share .share-item {
	background: rgb(30, 163, 70); border-radius: 100%; transition:0.2s ease-out; width: 47px; height: 47px; line-height: 47px; font-size: 26px; margin-left: 10px;
}
.footer .share :first-child.share-item {
	margin-left: 0px;
}
.footer .share-box .share-item::after {
	color: rgb(255, 255, 255) !important;
}
.footer .share .share-item:hover {
	opacity: 0.8;
}
.footer .part2 {
	padding: 15px 0px; display: flex; flex-direction: column; align-items: center;
}
.footer .part2 .logo {
	height: 60px; margin-bottom: 30px; display: none;
}
.footer .part2 .info {
	width: 100%; color: rgba(255, 255, 255, 0.1); font-size: 12px; display: none;
}
.footer .part2 .info {
	text-align: center;
}
.footer .part2 .info span {
	margin: 0px 20px; color: rgb(255, 255, 255); font-size: 14px;
}
.footer_bot {
	background: #000000; width: 100%; height:50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 15px;
}
.nav_right {
	top: 50%; width: 60px; right: -60px; position: fixed; z-index: 2; transform: translateY(-50%);
}
.showdiv.nav_right {
	right: 0px;
}
.nav_right li {
	background: rgb(255, 255, 255); margin: 5px 0px; border-radius: 5px 0px 0px 5px; transition:0.2s ease-out; height: 60px; text-align: center; line-height: 60px; overflow: hidden; cursor: pointer; box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
}
.nav_right li:hover {
	background: rgb(148, 7, 10); color: rgb(255, 255, 255);
}
.nav_right .gotop span {
	background: url("../image/png15.png") no-repeat center rgb(255, 255, 255); height: 100%; display: block;
}
.person_detail {
	position: relative;
}
.person_detail::before {
	background: url("../image/bg15.png") no-repeat right; transform-origin: right center; transition:1.5s ease-out; top: 100px; width: 560px; height: 633px; right: 0px; position: absolute; content: ""; opacity: 0; transform: scale(0.7);
}
.showdiv.person_detail::before {
	opacity: 1; transform: none;
}
.person_detail .block {
	position: relative;
}
.person_detail .content .pic {
	width: 150px; float: left;
}
.person_detail .content .pic img {
	width: 100%; height: auto;
}
.person_detail .content .text {
	padding: 10px 50px 0px 200px;
}
.person_detail .content .h1 {
	font-size: 40px;
}
.person_detail .content .h2 {
	line-height: 1.5; font-size: 18px; margin-top: 10px;
}
.person_detail .content .txt {
	font-size: 16px; margin-top: 80px;
}
.person_detail .content .txt p {
	text-align: justify; text-indent: 2em; margin-top: 15px;
}
.person_detail .content .txt p:first-child {
	margin-top: 0px;
}
.person_detail .recommand {
	margin-top: 115px;
}
.person_detail .tit {
	text-align: center; font-size: 30px;
}
.person_detail .list {
	margin-top: 35px; display: flex;
}
.person_detail .item {
	flex:1 1 0px; color: rgb(255, 255, 255); overflow: hidden; margin-left: 20px; position: relative;
}
.person_detail .item::before {
	background: url("../image/bg16.png") no-repeat right; transform-origin: right bottom; transition:0.5s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(1.2);
}
.person_detail .item:hover::before {
	opacity: 1; transform: none;
}
.person_detail .item a {
	height: 160px; display: flex; position: relative; justify-content: center; align-items: center;
}
.person_detail :first-child.item {
	margin-left: 0px;
}
.person_detail :nth-child(1).item {
	background: rgb(143, 7, 10);
}
.person_detail :nth-child(2).item {
	background: rgb(135, 110, 106);
}
.person_detail :nth-child(3).item {
	background: rgb(61, 83, 126);
}
.person_detail .item .txt {
	margin-left: 30px;
}
.person_detail .item .h {
	font-size: 24px;
}
.person_detail .item .p {
	margin-top: 10px;
}
.banner_page {
	left: 0px; top: 0px; right: 0px; position: fixed;
}
.banner_page img {
	transition:3s ease-out; width: 100%; transform: scale(1.1);
}
.s.banner_page img {
	transform: none;
}
.banner_page .title {
	padding: 0px 30px; left: 0%; top: 50%; text-align: center; right: 0px; color: rgb(255, 255, 255); position: absolute; transform: translate(0%, -50%);
}
.banner_frame {
	min-height: 300px;
}
.banner_frame img {
	visibility: hidden;
}
.banner_page1 {
	overflow: hidden; position: relative;
}
.banner_page1 img {
	width: 100%; height: auto;
}
.banner_page1 .mask {
	background-position: center; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.banner_page1 .block {
	left: 50%; top: 0px; height: 100%; position: absolute; transform: translateX(-50%);
}
.banner_page1 .text {
	left: 0px; top: 50%; width: 100%; color: rgb(255, 255, 255); position: absolute; transform: translateY(-50%);
}
.banner_page1 .text .h {
	font-size: 48px;
}
.banner_page1 .text .p {
	color: rgb(232, 175, 175); margin-top: 40px;
}
.banner_page1 .text .p a {
	width: 120px; line-height: 1.2; margin-right: 30px; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap;
}
.banner_page1 .text .p a:hover {
	color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now {
	color: rgb(255, 255, 255);
}
.banner_page1 .text .p .now::before {
	font-family: icon; font-size: 20px; margin-right: 10px; margin-left: -30px; display: inline-block; content: "\e76c";
}
.banner_page1 .text .p .now:hover::before {
	animation:arr 0.6s linear infinite;
}
.banner_page1 .title {
	height: 100%; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center;
}
.banner_page1 .r.text {
	left: auto; text-align: right; right: 0px;
}
.banner_page1 .r.text .p {
	text-align: right;
}
.banner_page1 .r.text .p a {
	margin-right: 0px; margin-left: 0px;
}
.department2 {
	background: url("../image/bg18.png") no-repeat left bottom rgb(255, 255, 255); position: relative;
}
.department2 .list {
	margin-top: 50px; position: relative;
}
.department2 .item {
	background: rgb(255, 255, 255); transition:0.6s ease-out; width: calc(50% - 15px); margin-right: 20px; margin-bottom: 20px; position: absolute; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(80px);
}
.showdiv.department2 .item {
	opacity: 1; transform: none;
}
.department2 :nth-child(2n).item {
	margin-right: 0px;
}
.department2 .item::after {
	background: rgb(148, 7, 10); transition:0.3s ease-out; left: 0px; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.department2 .item:hover::after {
	width: 100%;
}
.department2 .item .t {
	background: url("../image/bg17.png") no-repeat right / cover; height: 70px;
}
.department2 .item .inner {
	padding: 40px 30px; position: relative;
}
.department2 .item .ico {
	width: 70px; margin-right: 20px; vertical-align: middle; display: inline-block;
}
.department2 .item .text {
	padding: 15px 0px 0px 15px;
}
.department2 .item .h {
	font-size: 30px;
}
.department2 .item .p {
	padding-left: 90px; font-size: 18px; margin-top: 20px;
}
.department2 .item .p a {
	line-height: 1.3; margin-bottom: 20px; vertical-align: top; display: inline-block; white-space: nowrap; min-width: 50%; box-sizing: border-box;
}
.department2 .item .p .c {
	width: 100%; padding-left: 0px;
}
.department2 .item .p .c::before {
	display: none;
}
.department2 .item .p .cc {
	width: 100%; padding-left: 40px;
}
.department2 .item .p .cc::before {
	left: 20px;
}
.research1 {
	background: rgb(255, 255, 255);
}
.research1 .top {
	display: flex; justify-content: space-between;
}
.research1 .top .title {
	text-align: left;
}
.research1 .tabs {
	flex:1 1 0px; margin-left: 50px; display: flex;
}
.research1 .tabs a {
	background: rgba(255, 255, 255, 0.8); flex:1 1 0px; height: 95px; text-align: center; line-height: 95px; font-size: 18px; margin-left: 10px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.research1 .tabs a span {
	position: relative;
}
.research1 .tabs a::before {
	background: url("../image/bg21.png") no-repeat right; transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research1 .tabs a:hover::before {
	opacity: 1;
}
.research1 .tabs a::after {
	background: rgb(148, 7, 10); transition:0.3s ease-out; left: 50%; width: 0px; height: 4px; bottom: 0px; position: absolute; content: "";
}
.research1 .tabs a.now::after {
	left: 0%; width: 100%;
}
.research1 .tabs a.now::before {
	opacity: 1;
}
.research1 .content {
	margin-top: 80px; position: relative;
}
.research1 .content .r {
	top: 0px; right: 0px; position: absolute;
}
.research1 .content .r span {
	font-size: 16px; margin-left: 15px;
}
.research1 .content .r .act {
	color: rgb(148, 7, 10);
}
.research1 .content .h {
	text-align: center; font-size: 30px;
}
.research1 .content .text {
	line-height: 1.8; font-size: 16px; margin-top: 30px;
}
.research1 .content .big.text {
	font-size: 20px;
}
.research1 .content p {
	margin-top: 20px;
}
.research1 .content p:first-child {
	margin-top: 0px;
}
.research1 .share {
	text-align: right; margin-top: 40px;
}
.research2 {
	background: url("../image/bg19.png") no-repeat right bottom rgb(238, 235, 234);
}
.research2 .block {
	display: flex; justify-content: space-between; align-items: center;
}
.research2 .title {
	width: 60px; text-align: left; display: flex; max-width: 50px; flex-direction: column; flex-shrink: 0;
}
.research2 .title .h {
	-ms-writing-mode: tb-lr;
}
.research2 .title .more {
	font-size: 14px; margin-top: 100px; -ms-writing-mode: tb-lr;
}
.research2 .title .more i {
	margin-right: 0px; margin-bottom: 20px;
}
.research2 .list {
	flex:1 1 0px; height: 495px; margin-left: 70px; display: flex; justify-content: space-between;
}
.research2 .list .item {
	transition:0.5s cubic-bezier(0.6, 1.6, 0.5, 1.6); flex:1 1 0px; height: 100%; font-size: 18px; margin-left: 20px; opacity: 0; transform: translateY(-80px);
}
.research2 .list .item .inner {
	background: rgb(96, 121, 163); transition:0.3s ease-out; width: 100%; height: 100%; display: flex; position: relative; justify-content: center; align-items: center;
}
.research2 .list .item .inner::before {
	background: url("../image/bg25.png") no-repeat center / cover rgb(61, 83, 126); transition:0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0;
}
.research2 .list .item span {
	transition:0.3s ease-out; color: rgb(255, 255, 255); position: relative; -ms-writing-mode: tb-lr;
}
.research2 .list .item:hover .inner::before {
	opacity: 1;
}
.showdiv.research2 .list .item {
	opacity: 1; transform: none;
}
.research2 .list .item:hover .inner {
	transform: translateY(-30px);
}
.research3 {
	background: rgb(255, 255, 255);
}
.research3 .list {
	margin-top: 35px; display: flex;
}
.research3 .item {
	background: rgb(255, 255, 255); transition:0.6s ease-out; flex:1 1 0px; width: 453px; margin-left: 20px; float: left; opacity: 0; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); transform: translateY(80px);
}
.research3 :first-child.item {
	margin-left: 0px;
}
.showdiv.research3 .item {
	opacity: 1; transform: none;
}
.research3 .item .pic {
	overflow: hidden;
}
.research3 .item .pic img {
	transition:0.3s ease-out; width: 100%; height: auto;
}
.research3 .item:hover .pic img {
	transform: scale(1.05);
}
.research3 .item .text {
	padding: 35px 50px;
}
.research3 .item .h {
	line-height: 1.6; font-size: 18px;
}
.research3 .item .date {
	color: rgb(192, 169, 166); font-size: 16px; font-style: italic; margin-top: 10px;
}
.research3 .b {
	text-align: center; margin-top: 40px;
}
.research4 {
	background: url("../image/bg20.png") no-repeat left rgb(238, 238, 238); overflow: hidden;
}
.research4 .content {
	position: relative;
}
.research4 .list {
	background: rgb(255, 255, 255); transition:1s ease-out; width: 56%; margin-top: 35px; margin-left: 44%; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translate(80px, 80px);
}
.showdiv.research4 .list {
	opacity: 1; transform: none;
}
.research4 .list .inner {
	padding: 70px 0px 70px 170px;
}
.research4 .list .item {
	padding-left: 60px; margin-top: 25px; position: relative;
}
.research4 .list .item::before {
	background: url("../image/png37.png") no-repeat center; transition:0.2s ease-out; left: 0px; top: 0px; width: 38px; height: 38px; position: absolute; content: ""; opacity: 0.6;
}
.research4 .list .item i {
	background: url("../image/arrow3.png") no-repeat center; transition:0.2s ease-out; width: 9px; height: 18px; margin-left: 40px; vertical-align: middle; display: inline-block; opacity: 0.6;
}
.research4 .list .s.item::before {
	opacity: 1;
}
.research4 .list .s.item i {
	opacity: 1;
}
.research4 .list :first-child.item {
	margin-top: 0px;
}
.research4 .list .item .h {
	font-size: 24px;
}
.research4 .list .item ul {
	padding: 10px 0px; display: none;
}
.research4 .list .item ul li {
	font-size: 16px; margin-top: 15px;
}
.research4 .pic {
	transition:1s ease-out; left: 0px; top: 50%; position: absolute; z-index: 1; max-width: 55%; opacity: 0; transform: translate(-80px, -70%);
}
.showdiv.research4 .pic {
	opacity: 1; transform: translate(0px, -50%);
}
.recruit1 {
	background: rgb(255, 255, 255);
}
.recruit1 .block {
	display: flex; justify-content: space-between; align-items: center;
}
.recruit1 .title {
	text-align: left; max-width: 30%;
}
.recruit1 .title img {
	max-width: 300px;
}
.recruit1 .title .b {
	margin-top: 30px;
}
.recruit1 .list {
	flex:1 1 0px; height: 200px; margin-left: 70px; display: flex;
}
.recruit1 .item {
	background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; margin-left: 10px; position: relative; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); transform: translateY(50px);
}
.recruit1 .item a {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1;
}
.showdiv.recruit1 .item {
	opacity: 1; transform: none;
}
.recruit1 .item::after {
	background: url("../image/bg22.png") no-repeat center; transition:0.3s ease-out; width: 84px; height: 142px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.recruit1 .item span {
	padding: 35px 25px; width: 20px; line-height: 1.2; font-size: 18px; display: block; position: relative;
}
.recruit1 .item::before {
	background: rgb(148, 7, 10); transition:0.3s ease-out; left: 0px; top: 25px; width: 4px; bottom: 120px; position: absolute; content: "";
}
.recruit1 .item:hover::before {
	top: 0px; bottom: 0px;
}
.recruit1 .item:hover::after {
	opacity: 1;
}
.recruit2 {
	background: rgb(238, 235, 234);
}
.recruit2 .content {
	margin-top: 50px; display: flex; position: relative; align-items: center;
}
.recruit2 .pic {
	transition:1s ease-out; width: 60%; opacity: 0; transform: translateX(80px);
}
.recruit2 .focus1 .navg {
	text-align: left;
}
.recruit2 .pic img {
	width: 100%; height: auto;
}
.showdiv.recruit2 .pic {
	opacity: 1; transform: none;
}
.recruit2 .r {
	background: rgb(255, 255, 255); transition:1s ease-out; top: 50%; width: 50%; right: 0px; position: absolute; opacity: 0; transform: translate(-80px, -50%);
}
.showdiv.recruit2 .r {
	opacity: 1; transform: translate(0px, -50%);
}
.recruit2 .r .inner {
	padding: 50px 50px 20px;
}
.recruit2 .r .tit {
	display: flex; justify-content: space-between; align-items: flex-end;
}
.recruit2 .r .tit .h {
	font-size: 30px;
}
.recruit2 .r .tit .more {
	background: url("../image/png39.png") no-repeat right; color: rgb(51, 51, 51); line-height: 27px; padding-right: 90px;
}
.recruit2 .r .list {
	margin-top: 55px; display: flex; flex-wrap: wrap;
}
.recruit2 .r .list .item {
	margin: 20px 0px; width: calc(25%); text-align: center;
}
.recruit2 .r .list .item a {
	transition:0.2s ease-out; display: block;
}
.recruit2 .r .list .item .ico {
	height: 50px;
}
.recruit2 .r .list .item:hover a {
	transform: translateY(-10px);
}
.recruit2 .r .list .item .h {
	font-size: 18px; margin-top: 10px;
}
.recruit2 .r .link {
	height: 215px; display: flex;
}
.recruit2 .r .link .item {
	transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255); font-size: 24px;
}
.recruit2 .r .link .item a {
	height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit2 .r .link .item:hover {
	position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit2 .r .link .item span {
	margin-top: 10px;
}
.recruit2 .r .link :nth-child(1).item {
	background: rgb(148, 7, 10);
}
.recruit2 .r .link :nth-child(2).item {
	background: rgb(140, 114, 110);
}
.recruit2 .r .link :nth-child(3).item {
	background: rgb(54, 45, 46);
}
.recruit2 .b {
	text-align: center; margin-top: 40px;
}
.recruit2 .b .more {
	margin: 0px 30px;
}
.recruit3 {
	background: url("../image/bg23.png") no-repeat left top / auto 70% rgb(54, 45, 46);
}
.recruit3 .title {
	color: rgb(255, 255, 255);
}
.recruit3 .content {
	margin-top: 50px; display: flex; position: relative;
}
.recruit3 .pic {
	transition:1s ease-out; width: 60%; overflow: hidden; margin-left: 40%; opacity: 0; transform: translateX(-80px);
}
.recruit3 .pic img {
	width: 100%; height: auto;
}
.showdiv.recruit3 .pic {
	opacity: 1; transform: none;
}
.recruit3 .l {
	transition:1s ease-out; left: 0px; top: 50%; width: 50%; position: absolute; opacity: 0; transform: translate(80px, -50%);
}
.showdiv.recruit3 .l {
	opacity: 1; transform: translate(0px, -50%);
}
.recruit3 .l .d1 {
	height: 315px; display: flex;
}
.recruit3 .l .d1 .item {
	transition:0.2s ease-out; flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit3 .l .d1 .item a {
	height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d1 .item:hover {
	position: relative; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.recruit3 .l .d1 :nth-child(1).item {
	background: rgb(148, 7, 10);
}
.recruit3 .l .d1 :nth-child(2).item {
	background: url("../image/pic66.jpg") no-repeat center / cover;
}
.recruit3 .l .d1 .item span {
	font-size: 24px; margin-top: 15px;
}
.recruit3 .l .d2 {
	background: rgb(44, 30, 31); height: 315px; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item {
	margin: 0px 22px; transition:0.2s ease-out; font-size: 18px;
}
.recruit3 .l .d2 .item a {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.recruit3 .l .d2 .item img {
	max-height: 33px;
}
.recruit3 .l .d2 .item:hover {
	transform: translateY(-10px);
}
.recruit3 .l .d2 .item span {
	margin-top: 15px;
}
.recruit3 .b {
	text-align: center; margin-top: 40px;
}
.recruit3 .b .more {
	margin: 0px 30px; color: rgb(255, 255, 255);
}
.recruit3 .b .more i {
	background-image: url("../image/more1b.svg");
}
.bottom1 {
	background: rgb(238, 235, 234); position: relative;
}
.bottom1 .content {
	margin-top: 35px; display: flex;
}
.bottom1 .content .d {
	flex:1 1 0px; margin-left: 20px; display: flex; flex-direction: column;
}
.bottom1 .content :first-child.d {
	margin-left: 0px;
}
.bottom1 .content .d .h {
	font-size: 30px;
}
.bottom1 .content .d .p {
	font-size: 16px; margin-top: 10px;
}
.bottom1 .content .d .date {
	color: rgb(156, 136, 138); font-size: 16px; font-style: italic; margin-top: 10px;
}
.bottom1 .d1 {
	background: rgb(255, 255, 255); flex:1 1 0px; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.bottom1 .d1::after {
	background: rgb(148, 7, 10); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.bottom1 .d1 .inner {
	padding: 45px 50px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column;
}
.bottom1 .d1 li {
	font-size: 16px; text-decoration: underline; margin-top: 25px;
}
.bottom1 .d1 li:hover {
	color: rgb(148, 7, 10);
}
.bottom1 .d2 {
	background: rgb(148, 7, 10); padding: 35px 50px; color: rgb(255, 255, 255); margin-top: 20px;
}
.bottom1 .b {
	text-align: center; margin-top: 40px;
}
.bottom1 .b .more {
	margin: 0px 30px;
}
.bottom1 .bb {
	height: 195px; display: flex;
}
.bottom1 .bb .d {
	flex:1 1 0px; display: flex; justify-content: center; align-items: center;
}
.bottom1 .bb .d img {
	transition:0.2s ease-out;
}
.bottom1 .bb .d:hover img {
	transform: scale(0.9);
}
.bottom1 .bb .d span {
	font-size: 24px; margin-left: 30px;
}
.bottom1 .bb :first-child.d {
	background: rgb(255, 255, 255);
}
.bottom1 .bb :last-child.d {
	background: rgb(228, 222, 220);
}
.recruit5 {
	background: rgb(255, 255, 255);
}
.recruit5 .pic {
	transition:0.6s ease-out; opacity: 0;
}
.recruit5 .focus1 .navg {
	text-align: left;
}
.showdiv.recruit5 .pic {
	opacity: 1;
}
.recruit5 .content {
	padding: 50px 85px 0px; position: relative;
}
.recruit5 .title {
	text-align: left; display: flex; flex-direction: column;
}
.recruit5 .title .p {
	margin-bottom: 10px;
}
.recruit5 .title .more {
	margin-top: 20px;
}
.recruit5 .list {
	background: rgb(148, 7, 10); padding: 50px 0px; top: -60px; width: 740px; right: 85px; color: rgb(255, 255, 255); display: flex; position: absolute; justify-content: center;
}
.recruit5 .list .inner {
	width: 600px; display: flex; flex-wrap: wrap;
}
.recruit5 .list .item {
	margin: 10px 0px; width: 120px;
}
.recruit5 .list .item a {
	display: flex; flex-direction: column; align-items: center;
}
.recruit5 .list .item em {
	height: 55px; line-height: 55px; overflow: hidden; display: block;
}
.recruit5 .list .item:hover em {
	transition:0.1s ease-out; transform: translateY(-5px);
}
.recruit5 .list .item span {
	font-size: 18px; margin-top: 10px;
}
.recruit6 {
	background: rgb(238, 235, 234);
}
.recruit6 .list {
	margin-top: 40px; display: flex;
}
.recruit6 .item {
	background: rgb(255, 255, 255); transition:0.5s ease-out; flex:1 1 0px; height: 250px; margin-left: 20px; display: flex; position: relative; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(50px); flex-direction: column; justify-content: center; align-items: center;
}
.recruit6 .item::before {
	background: url("../image/png65.png") no-repeat right bottom / 45% auto; transform-origin: right bottom; transition:0.4s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; transform: scale(0.95);
}
.recruit6 .item::after {
	background: rgb(148, 7, 10); left: 0px; height: 4px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.recruit6 .item em {
	display: block; position: relative;
}
.recruit6 .item span {
	display: block; position: relative;
}
.recruit6 .item a {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.recruit6 .item:hover::after {
	animation:a2 0.5s ease-out both;
}
.recruit6 .item:hover::before {
	opacity: 1; transform: none;
}
.recruit6 :nth-child(2).item {
	transition-delay: 0.2s;
}
.recruit6 :nth-child(3).item {
	transition-delay: 0.4s;
}
.recruit6 :nth-child(4).item {
	transition-delay: 0.6s;
}
.showdiv.recruit6 .item {
	opacity: 1; transform: none;
}
.recruit6 em {
	height: 100px; line-height: 100px;
}
.recruit6 span {
	font-size: 18px; margin-top: 20px;
}
.recruit6 :first-child.item {
	margin-left: 0px;
}
.recruit7 {
	background: url("../image/bg24.png") no-repeat right bottom rgb(255, 255, 255);
}
.recruit7 .block {
	display: flex; justify-content: space-between;
}
.recruit7 .dl {
	flex:1 1 0px; margin-right: 10px; max-width: 50%;
}
.recruit7 .title {
	text-align: left;
}
.recruit7 .title .more {
	margin-top: 20px;
}
.recruit7 .dl .title .more {
	color: rgb(255, 255, 255);
}
.recruit7 .dl .title .more i {
	background-image: url("../image/more1b.svg");
}
.recruit7 .dl .inner {
	background: rgb(140, 114, 110); padding: 75px 85px 50px; color: rgb(255, 255, 255);
}
.recruit7 .dl .h1 {
	font-size: 24px; margin-top: 40px;
}
.recruit7 .dl .list {
	font-size: 16px; margin-top: 25px;
}
.recruit7 .dl .list a {
	width: 33%; margin-bottom: 15px; display: inline-block; white-space: nowrap;
}
.recruit7 .dl .link {
	height: 110px; display: flex;
}
.recruit7 .dl .link .d {
	flex:1 1 0px; color: rgb(255, 255, 255);
}
.recruit7 .dl .link .d a {
	height: 100%; display: flex; justify-content: center; align-items: center;
}
.recruit7 .dl .link .d span {
	font-size: 24px; margin-left: 20px;
}
.recruit7 .dl .link :first-child.d {
	background: rgb(148, 7, 10);
}
.recruit7 .dl .link :last-child.d {
	background: rgb(44, 30, 31);
}
.recruit7 .dl .list a:hover {
	color: rgb(148, 7, 10);
}
.recruit7 .dr {
	background: url("../image/pic68.jpg") no-repeat center / cover; flex:1 1 0px; height: 500px; margin-top: 115px; margin-left: 10px;
}
.recruit7 .dr .inner {
	padding: 90px; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; justify-content: space-between;
}
.recruit7 .dr .link {
	font-size: 18px;
}
.recruit7 .dr .link a {
	width: 50%; margin-bottom: 10px; display: inline-block;
}
.recruit7 .dr .link a:hover {
	color: rgb(148, 7, 10);
}
.page_nav {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); margin: -90px auto 0px; color: rgb(255, 255, 255); font-size: 18px;
}
.page_nav .block {
	height: 90px; line-height: 90px; display: flex; justify-content: center;
}
.page_nav a {
	padding: 0px 50px; text-align: center; display: block; position: relative;
}
.page_nav a.now::after {
	background: rgb(148, 7, 10); left: 0px; height: 10px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.page_nav2 {
	height: 0px;
}
.page_nav2 .block {
	background: rgb(255, 255, 255); padding: 25px 0px; margin-top: -1px; display: flex; position: relative; transform: translateY(-50%); flex-wrap: wrap; justify-content: space-around;
}
.page_nav2 .block::before {
	left: 0px; top: 50%; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.page_nav2 a {
	background: rgb(255, 255, 255); font-size: 22px; display: flex; white-space: nowrap; position: relative; align-items: center;
}
.page_nav2 a::before {
	height: 10px; margin-right: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a::after {
	height: 10px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: inline-block; content: "";
}
.page_nav2 a.now {
	color: rgb(148, 7, 10);
}
.skin1 .title .more {
	margin-top: 20px;
}
.skin1 .more i {
	position: relative;
}
.skin1 .more i::after {
	background: url("../image/rwpic.jpg") no-repeat center / contain; left: 50%; width: 56px; height: 38px; bottom: 100%; margin-bottom: -22px; margin-left: -28px; position: absolute; content: "";
}
.home7 .d1 .more i::after {
	background-image: url("../image/rwpic.jpg");
}
.home7 .d1 .more:hover i::after {
	background-image: url("../image/rwpic.jpg");
}
.skin1 .home5 {
	background: url("../image/rwpic.jpg") no-repeat left bottom / 40% auto rgb(238, 235, 234);
}
.skin1 .home5 .list :nth-child(1).item::before {
	background: url("../image/rwpic.jpg") no-repeat left bottom;
}
.skin1 .home5 .list :nth-child(4).item::before {
	background: url("../image/rwpic.jpg") no-repeat left bottom;
}
.skin1 .home5 .list :last-child.item::before {
	background: url("../image/rwpic.jpg") no-repeat left bottom;
}
.skin1 .home6 {
	background: url("../image/rwpic.jpg") no-repeat bottom / contain;
}
.skin1 .home7 {
	background: url("../image/rwpic.jpg") no-repeat right bottom / 70% auto rgb(56, 46, 47);
}
.skin1 .home8 .l .list {
	background: url("../image/rwpic.jpg") no-repeat left bottom rgb(255, 255, 255);
}
.skin1 .home10 {
	background: url("../image/rwpic.jpg") no-repeat bottom / 100% auto;
}
.skin1 .home9 .title .more {
	margin-top: 150px;
}
.skin2 .more i {
	position: relative;
}
.skin2 .more i::after {
	background: url("../image/rwpic.jpg") no-repeat center / contain; top: 50%; width: 41px; height: 49px; right: 100%; margin-top: -25px; margin-right: -10px; position: absolute; content: "";
}
.skin2 .home9 .more i::after {
	top: 0px; right: 50%; margin-top: -37px; margin-right: -20px;
}
.skin2 .home5 {
	
}
.skin2 .home6 {
	background: url("../image/rwpic.jpg") no-repeat bottom / 100% auto;
}
.skin2 .home7 {
	background: url("../image/rwpic.jpg") no-repeat bottom / 100% auto rgb(56, 46, 47);
}
.skin2 .home9 {
	position: relative;
}
.skin2 .home9::before {
	background: url("../image/rwpic.jpg") no-repeat left bottom; left: 0px; width: 380px; height: 547px; bottom: -380px; position: absolute; content: "";
}
.skin2 .home9 :nth-child(1).item .pic {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home9 :nth-child(2).item .pic {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home9 :nth-child(3).item .pic {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home9 :nth-child(4).item .pic {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home10 {
	background: none; position: relative;
}
.skin2 .home10 .part1 .list {
	position: relative;
}
.skin2 .home10::before {
	background: url("../image/rwpic.jpg") no-repeat right bottom; width: 738px; height: 524px; right: 0px; bottom: -160px; position: absolute; content: "";
}
.skin2 .home7 .d1 .more i {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home7 .d1 .more i::after {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home7 .d1 .more i::before {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home7 .d1 .more:hover i::before {
	background-image: url("../image/rwpic.jpg");
}
.skin2 .home10 .part1 .btns {
	position: relative;
}
@media screen and (max-width:1440px)
{
.header .nav_main .nav .nLi h3 a {
	padding: 0px 10px; height: 50px; font-size: 20px; display: inline-block;
}
.header .nav_main .nav .nLi .navSub ul li a {
	width: 100%; display: inline-block;
}
.header .nav_main .nav .nLi .navSub {
	padding: 0px 10px 5px; margin-left: 20px;
}
.header .nav_main .nav .nLi6.nLi .navSub {
	right: 20px;
}
.header .nav_main .nav .nLi7.nLi .navSub {
	right: 20px;
}
.header2 .logo {
	left: 40px;
}
.header2 .d2 .block .nav_main .nav .nLi h3 a {
	font-size: 21px;
}
.header2 .d2 .block .nav_main .nav .nLi .navSub ul li a {
	width: 100%; font-size: 17px; display: inline-block;
}
}
@media screen and (max-width:768px)
{
.footer {
	display: none;
}
.footer_bot {
	height: 80px; line-height: 24px;
}
}