@charset "UTF-8";
body {
	font-family: "微软雅黑";
	overflow-x: hidden;
}
body.body-inside {
	padding-top: 100px;
}
body.on {
	overflow: hidden;
}
img {
	max-width: 100%;
}
a {
	outline: none;
}
 @media screen and (min-width: 1366px) {
 .container {
 width: 1200px;
 padding-left: 0;
 padding-right: 0;
}
}
@media screen and (min-width: 1440px) {
 .w1600.container, .w1400.container {
 width: 1400px;
}
 .w1300.container {
 width: 1300px;
}
}
@media screen and (min-width: 1660px) {
 .w1600.container {
 width: 1600px;
}
}
.f0 {
	font-size: 0;
}
.bg-fa {
	background: #fafafa;
}
/*============================= public =============================*/
/* header */
.header {
	margin: 0 auto;
	width:100%;
	background-color:#FFF;
}
.head_01 {
	position: fixed;
	left: 0;
	right: 0;
	top: 0px;
	z-index: 100;
	padding-left: 3.125%;
	padding-right: 3.125%;
	background: #484848;
	display: flex;
	align-items: center;
	color:#FFF;
	justify-content: space-between;
	-webkit-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-moz-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.head_01_left {
	float:left;
	height:40px;
	line-height:40px;
	font-size:14px;
}
.head_01_right {
	float:right;
	font-size:14px;
}
.head_01_right img {
	padding-left:5px;
	padding-right:5px;
}
.head_02 {
	position: fixed;
	left: 0;
	right: 0;
	top: 40px;
	z-index: 100;
	padding-left: 3.125%;
	padding-right: 3.125%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-moz-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-right {
	display: flex;
	align-items: center;
}
.header-right .h-search {
	cursor: pointer;
}
.header-right .h-lauguage {
	background: #1d2381;
	font-size: 14px;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 28px;
	margin-left: 15px;
}
.nav-list {
	display: flex;
}
.nav-list li {
	position: relative;
	padding: 0 40px;
}
.nav-list li .span-a1 a {
	position: relative;
	display: block;
	line-height: 100px;
	font-size: 18px;
	color: #555;
}
.nav-list li.on {
	background:#1d2381
}
.nav-list li .span-a1 a::after {
 content: " ";
 position: absolute;
 left: 50%;
 right: 50%;
 bottom: 0;
 height: 3px;
 background: #1d2381;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.nav-list li .span-a1 a.on::after {
 display: none;
}
.nav-list li.on .span-a1 a {
	color: #fff;
}
.nav-list li.on .span-a1 a::after {
 left: 0;
 right: 0;
}
.nav-down {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-moz-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
}
.nav-down::before {
 content: " ";
 position: absolute;
 left: 50%;
 right: 50%;
 width: 0;
 top: -3px;
 height: 3px;
 background: #1d2381;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.nav-down .div-01 {
	position: relative;
	text-align: center;
}
.nav-down .div-01 a {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding: 10px 0;
}
.nav-down .div-down {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-down .div-down .div-1 {
	position: relative;
	text-align: center;
}
.nav-down .div-down .div-1 a {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding: 10px 0;
}
.header-bream {
	position: relative;
	width: 30px;
	height: 24px;
	cursor: pointer;
	display: none;
	margin-left: 15px;
}
.header-bream span {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 100%;
	height: 3px;
	background: #1d2381;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-bream::before, .header-bream::after {
 content: " ";
 position: absolute;
 left: 0;
 width: 100%;
 height: 3px;
 background: #1d2381;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.header-bream::before {
 top: 0;
}
.header-bream::after {
 bottom: 0;
}
.header-bream.on span {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.header-bream.on::before {
 transform: rotate(45deg) translate(12px, 3px);
}
.header-bream.on::after {
 transform: rotate(-45deg) translate(12px, -3px);
}
.header-search {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	-moz-box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	box-shadow: 0 0 10px rgba(231, 231, 231, 0.45);
	display: none;
}
.header-search .container {
	padding-top: 53px;
	padding-bottom: 30px;
}
.header-search .span-close {
	position: absolute;
	right: 0;
	top: 30px;
	cursor: pointer;
}
.header-search .span-close img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-search .div-cont {
	margin-right: 120px;
}
.header-search .put-01 {
	outline: none;
	background: none;
	border: none;
	width: 100%;
	line-height: 30px;
	padding: 3px 100px 3px 0;
	border-bottom: 1px solid #e6e6e6;
}
.header-search .but-01 {
	outline: none;
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.footer {
	padding-top: 43px;
}
.footer-contact {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 25px;
	padding-left:20px;
	padding-right:20px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding-top:25px;
	margin-top:25px;
}
.footer-list {
	width: 80%;
	display: flex;
	font-size: 0;
	background: url("../images/line-06.jpg") right center no-repeat;
}
.footer-list li em {
	font-size:20px;
	color:#CCC;
	float:left;
}
.footer-list ul {
	width:30%;
}
.footer-list ul:first-child {
	margin-right: 5%;
	width:50%;
}



.footer-list ul li .div-title {
	margin-bottom: 13px;
}
.footer-list ul li .div-title a {
	display: inline-block;
	font-size: 18px;
	line-height: 28px;
	color: #666;
	padding-bottom: 12px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url("../images/line-05.png");
}
.footer-list ul li .div-01 a {
	display: inline-block;
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.footer-share {
	width: 20%;
	display: flex;
	justify-content: flex-end;
}
.footer-share-01 {
	margin-left: 70px;
	padding-top: 8px;
	cursor: pointer;
}
.footer-share-01:first-child {
	margin-left: 0;
}
.footer-share-01 .div-title {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 11px;
}
.footer-share-01 .span-ewm {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 110px;
	background: url("../images/bg-02.png") center center no-repeat;
	bottom: 100%;
	display: none;
}
.footer-share-01:hover .span-ewm {
	display: block;
}
.footer-address {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #333;
}
.footer-address .div-01 {
	padding-left: 80px;
}
.footer-address .div-01 .span-icon {
	position: absolute;
	left: 0;
	top: 0;
}
.footer-address .div-01 .div-title {
	font-size: 18px;
	line-height: 28px;
	color: #666;
	padding-top: 2px;
}
.footer-address .div-01 .div-des {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin-top: 4px;
}
.footer-copy {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 25px;
	padding-bottom: 45px;
}
.footer-copy a {
	color: #666;
}
.footer-inside {
	background-position: right bottom;
	background-color: #333;
	background-repeat: no-repeat;
	background-size: 100%;
}
.public-share {
	position: fixed;
	left: 40px;
	bottom: 28px;
	z-index: 2;
	display: none;
}
.public-share .bshare-custom {
	display: flex;
	flex-direction: column;
}
.public-share .bshare-custom a, .public-share .bshare-custom span {
	margin: 0 0 40px;
	padding: 0;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.public-share .bshare-custom a:last-child, .public-share .bshare-custom span:last-child {
	margin-bottom: 0;
}
.public-share .bshare-custom a.bshare-more2, .public-share .bshare-custom span.bshare-more2 {
	display: inline-block;
	background-image: url("../images/s-icon1.png");
}
.public-share .bshare-custom a.bshare-weixin, .public-share .bshare-custom span.bshare-weixin {
	background-image: url("../images/s-icon2.png");
}
.public-share .bshare-custom a.bshare-qqim, .public-share .bshare-custom span.bshare-qqim {
	background-image: url("../images/s-icon3.png");
}
.public-share .bshare-custom a.bshare-sinaminiblog, .public-share .bshare-custom span.bshare-sinaminiblog {
	background-image: url("../images/s-icon4.png");
}
.bsTop {
	width: 100% !important;
}
.bsFrameDiv > div {
	width: 100% !important;
	height: 208px !important;
}
.bsFrameDiv > div img {
	width: 168px !important;
	height: 168px !important;
}
#bsPanelHolder {
	display: none !important;
}
#bsMorePanel {
	width: 100% !important;
}
.bFind-wrapper-top {
	height: 26px !important;
}
.pages a, .pages a.current {
	display: inline-block;
	font-weight: normal;
	min-width: 36px;
	padding: 0 10px;
	line-height: 36px;
	font-size: 16px;
	color: #666;
	background: #fff2f3;
	border-radius: 5px;
	margin: 0 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.pages a:first-child, .pages a:last-child, .pages strong:first-child, .pages strong:last-child {
	min-width: 100px;
}
.pages a.current {
	background: #e6000f;
	color: #fff;
}
/*============================= index =============================*/
.index-scroll {
	position: fixed;
	right: 2%;
	bottom: 3.7%;
	z-index: 100;
	cursor: pointer;
}
.index-scroll img {
	animation: banner_scroll 1.2s infinite linear;
	-moz-animation: banner_scroll 1.2s infinite linear;
	/* Firefox */
  -webkit-animation: banner_scroll 1.2s infinite linear;
	/* Safari and Chrome */
  -o-animation: banner_scroll 1.2s infinite linear;
/* Opera */ }
 @keyframes banner_scroll {
 0% {
 transform: translateY(0);
}
 25% {
 transform: translateY(-3px);
}
 50% {
 transform: translateY(0);
}
 75% {
 transform: translateY(3px);
}
 100% {
 transform: translateY(0);
}
}
.index .main {
	position: fixed;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 100px;
	bottom: 0;
	margin: 0;
}
.index-bk {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: 0.8s all;
	-webkit-transition: 0.8s all;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding-top: 65px;
}
.index-bk.index-bg {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.no-ts .index-bk {
	top: 100%;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.no-ts .index-bk.index-1 {
	top: 0;
}
.lt9 .no-ts .index-bk {
	top: 0;
}
.index-bk.index-1 {
	z-index: 10;
	top: 0;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.index-bk.index-2 {
	z-index: 50;
}
.index-bk.index-3 {
	z-index: 60;
}
.index-bk.index-4 {
	z-index: 70;
}
.index-bk.index-5 {
	z-index: 80;
}
.index-bk.index-6 {
	z-index: 90;
}
.index-bk.index-7 {
	z-index: 100;
}
.anim2_down .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim2_down .index-2 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim2_up .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim2_up .index-3 {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.anim2_up .index-2 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim3_down .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim3_down .index-2 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim3_down .index-3 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim3_up .index-2 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim3_up .index-3 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim3_up .index-4 {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.anim4_down .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim4_down .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim4_down .index-3 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim4_down .index-4 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim4_up .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim4_up .index-3 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim4_up .index-4 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim4_up .index-5 {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.anim5_down .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_down .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_down .index-3 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_down .index-4 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim5_down .index-5 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim5_up .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_up .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_up .index-3 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim5_up .index-4 {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.anim5_up .index-5 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim5_up .index-6 {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.anim6_down .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_down .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_down .index-3 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_down .index-4 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_down .index-5 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_down .index-6 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim6_up .index-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_up .index-2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_up .index-3 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_up .index-4 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_up .index-5 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.anim6_up .index-6 {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.anim6_up .index-7 {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.right-button {
	position: fixed;
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 111;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.right-button i {
	display: block;
	width: 8px;
	height: 8px;
	background: #ccc;
	margin-top: 12px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius:50%;
}
.right-button i:first-child {
	margin-top: 0;
}
.right-button i.active {
	background: #e70012;
}
.index-main {
	position: relative;
	z-index: 2;
}
.banner-owl .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 3.7%;
	transform: translateX(-50%);
	z-index: 20;
	line-height: normal;
	font-size: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0);
	padding: 5px 6px;
	border-radius: 10px;
}
.banner-owl .owl-dots button.owl-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 0 6px;
	background:#fff;
	background-size: cover;
}
.banner-owl .owl-dots button.owl-dot.active {
	background: #1d2381;
}
.banner-a1 {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.banner-video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.index-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.index-about-left {
	width: 45%;
}
.index-title {
	font-weight: bold;
	padding-bottom: 15px;
	background: url("../images/line-01.png") center bottom no-repeat;

}

.index-title01 {
	font-weight: bold;
	padding-bottom: 15px;
	background: url("../images/line-01.png") left bottom no-repeat;

}
.index-title .div-en {
	position: absolute;
	left: 0;
	bottom: 15px;
	font-size: 76px;
	line-height: 76px;
	color: rgba(0, 0, 0, 0.06);
	text-transform: uppercase;
		
}
.index-title .div-cn {
	font-size: 40px;
	color: #333;
	line-height: 52px;
	text-align:center;
}
.index-title01 .div-cn01 {
	font-size: 40px;
	color: #333;
	line-height: 52px;
}

.index-title.tc {
	background-position: center bottom;
}
.index-title.tc .div-en {
	right: 0;
}
.index-news-title .b-01 {
	font-size: 36px;
	color: #1d2381;
	line-height: 50px;
}
.index-news-title .b-01 img {
	padding-right: 10px;
	position: relative;
	top: -2px;
}
.index-news-title .b-01 + .index-more {
	top: 0;
	margin-top: 0;
}
.index-news-title .index-more {
	position: relative;
	top: -18px;
}
.index-about-des {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin-top: 20px;
	height: 180px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-about-num {
	display: flex;
	margin-top: 62px;
}
.index-about-num .span-line {
	width: 1px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/line-02.jpg");
	margin: 0 115px;
}
.index-about-num-01:first-child {
	background: none;
}
.index-about-num-01 .div-01 {
	color: #1d2381;
	font-size: 0;
	font-family: "黑体";
}
.index-about-num-01 .div-01 .span-year {
	font-size: 72px;
	line-height: 72px;
	font-weight: bold;
}
.index-about-num-01 .div-01 .span-01 {
	font-size: 50px;
	position: relative;
	top: -7px;
}
.index-about-num-01 .div-01 .span-02 {
	font-size: 30px;
	position: relative;
	top: -25px;
}
.index-about-num-01 .div-01 .span-03 {
	font-size: 16px;
}
.index-about-num-01 .div-des {
	font-size: 18px;
	line-height: 28px;
	color: #888;
	margin-top: 8px;
}
.index-more {
	margin-top: 42px;
}
.index-more a {
	display: block;
	font-size: 16px;
	color: #fff;
	width: 220px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	border-radius:25px;
	background:#1d2381
}
.index-more a span {
}
.index-about-right {
	width: 47.5%;
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.index-about-video {
	margin-right: 7.8%;
	margin-bottom: 50px;
}
.index-about-video .div-01 img {
	width: 100%;
}
.index-about-video .div-01 .span-play {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/icon-play.png");
	background-size: 9.42%;
}
.index-news {
	background-position: left top;
	background-size: 100%;
}
.index-news-cont .row {
	margin-left: -20px;
	margin-right: -20px;
	padding-top: 30px;
}
.index-news-cont .row > div {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
}
.index-news-cont01 { padding-top:30px; padding-bottom:30px;}
.index-news-cont01 .swiper-slide{ margin-left:20px;}

.index-news-a1 {
	position: relative;
	border: 1px solid #ededed;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-news-a1 .span-tag {
	position: absolute;
	right: 0;
	top: -10px;
	z-index: 5;
	width: 100px;
	height: 76px;
	background: url("../images/bg-06.png") center no-repeat;
	background-size: cover;
	font-size: 20px;
	color: #fff;
	padding-right: 6px;
	text-align: center;
	line-height: 60px;
}
.index-news-a1 .span-tag2 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: url("../images/bg-07.png") center no-repeat;
	font-size: 20px;
	color: #fff;
}
.index-news-a1 .span-cont {
	padding: 42px 10%;
}
.index-news-a1 .span-cont .bdo-date {
	color: #888;
	font-family: "Arial";
}
.index-news-a1 .span-cont .bdo-date .b-year {
	font-size: 18px;
	line-height: 28px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-news-a1 .span-cont .bdo-date .b-date {
	font-size: 32px;
	line-height: 42px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-news-a1 .span-cont .bdo-title {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	margin-top: 24px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-news-a1 .span-cont .bdo-img {
	margin-top: 5px;
}
.index-news-a1 .span-cont .bdo-img .i-img {
	padding-top: 70.65%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.index-news-a1 .span-cont .bdo-des {
	font-size: 16px;
	color: #888;
	line-height: 28px;
	margin-top: 24px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index-news-a1 .span-img {
	display: none;
}
.index-culture-cont {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.index-culture-a1 {
	width: 31.56%;
	text-align: center;
	background: #fff;
	padding: 50px 0 43px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-culture-a1 .span-img {
	background: #f2f2f2;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-culture-a1 .span-img img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.index-culture-a1 .span-img .mgh {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.index-culture-a1 .span-cont {
	margin-top: 36px;
	width: 66.3%;
	margin-left: auto;
	margin-right: auto;
}
.index-culture-a1 .span-cont .b-title {
	color: #333;
	font-size: 24px;
	line-height: 34px;
	padding-bottom: 13px;
	background: url("../images/line-03.jpg") center bottom no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-culture-a1 .span-cont .bdo-des {
	font-size: 16px;
	line-height: 28px;
	color: #333;
	margin-top: 12px;
}
.index-make-cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
}
.index-make-a1 {
	width: 95%;
	background: #f7f7f7;
	padding: 5px;
	margin-top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-make-a1 .span-img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-make-a1 .span-img img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.index-make-a1 .span-img .mgh {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.index-make-a1 .span-cont {
	width: 90%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 33px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-make-a1 .span-cont .b-title {
	font-size: 24px;
	color: #333;
	line-height: 34px;
	padding-bottom: 15px;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-make-a1 .span-cont .bdo-des {
	font-size: 16px;
	line-height: 28px;
	color: #888;
	margin-top: 3px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-make-a1 .span-cont .bdo-more {
	font-size: 16px;
	line-height: 28px;
	color: #888;
	margin-top: 18px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.index-bk.index-6 {
	background-size: 100%;
	background-color: #f5f5f5;
	background-position: right bottom;
}
/*============================= 03_走进卫龙 =============================*/
.banner-inside {
	width: 100%;
}
.banner-inside img {
	width: 100%;
}
.about-intro {
	padding-top: 94px;
	padding-bottom: 80px;
	background-size: cover;
}
.about-intro .index-flex {
	padding-top: 65px;
}
.about-intro .about-intro-des {
	height: auto;
	display: block;
}
.about-intro-left, .about-intro-right {
	width: 50%;
}
.about-intro-word {
	padding-left: 18.6%;
	padding-right: 16.27%;
}
.about-intro-word .div-title {
	font-size: 28px;
	color: #333;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 33px;
}
.about-intro-word .about-intro-des {
	text-align: justify;
	margin-top: 0;
	max-height: 360px;
	overflow: auto;
}
.about-intro-word .about-intro-des .b1 {
	font-size: 20px;
	color: #333;
}
.about-intro-des.public-scroll .mCSB_scrollTools .mCSB_draggerRail {
	width: 1px;
	background: #dbdbdb;
}
.about-intro-des.public-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .about-intro-des.public-scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .about-intro-des.public-scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .about-intro-des.public-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	width: 3px;
	background: #1d2381;
	border-radius: 3px;
}
.about-intro-video {
	margin: 0;
	padding: 0;
}
.about-intro-video img {
	width: 100%;
}
.about-anchor {
	position: absolute;
	margin-top: -190px;
}
.about-history {
	padding-top: 190px;
	padding-bottom: 80px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.about-history-content {
	height: 80vh;
	margin-top: 50px;
}
.about-history-content .swiper-container {
	width: 100%;
	height: 100%;
}
.about-history-content .swiper-slide {
	height: auto;
}
.about-history-list {
	position: relative;
	margin-bottom: 5px;
}
.about-history-list::before {
 content: " ";
 position: absolute;
 left: 50%;
 top: 43px;
 bottom: 0;
 width: 1px;
 background: #e6e6e6;
}
.about-history-list li .about-history-cont {
	position: relative;
}
.about-history-list li .about-history-cont::after {
 content: " ";
 position: absolute;
 top: 43px;
 left: 100%;
 width: 24px;
 height: 24px;
 background-image: url("../images/icon-33.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 margin-left: -12px;
}
.about-history-list li .about-history-01 {
	margin-right: 11.25%;
	background: #fff;
}
.about-history-list li .about-history-01::before {
 content: " ";
 position: absolute;
 left: 100%;
 top: 40px;
 width: 31px;
 height: 31px;
 background: url("../images/icon-09_n.png") center no-repeat;
}
.about-history-list li .div-img1 {
	position: absolute;
	right: 0;
	bottom: -21px;
}
.about-history-list li .div-img2 {
	position: absolute;
	left: 0;
	bottom: 100%;
}
.about-history-list li .div-img3 {
	position: absolute;
	right: 0;
	bottom: -30px;
}
.about-history-cont {
	width: 50%;
}
.about-history-01 {
	position: relative;
	padding: 21px 38px 23px;
	border: 1px solid #e6e6e6;
}
.about-history-01 .div-year {
	font-size: 36px;
	line-height: 46px;
	color: #333;
	font-weight: bold;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.about-history-01 .div-info {
	margin-top: 15px;
}
.about-history-01 .div-info span {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	background: #1d2381;
	padding: 0 25px;
	border-radius: 32px;
}
.about-history-01 .div-des {
	font-size: 18px;
	color: #555;
	line-height: 30px;
	margin-top: 15px;
}
.about-honor {
	padding-top: 110px;
	padding-bottom: 90px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/*============================= 10_品质管控 =============================*/
.control-main {
	padding-top: 80px;
	padding-bottom: 80px;
}
.control-01 {
	margin-top: 80px;
}
.control-01:first-child {
	margin-top: 0;
}
.control-title {
	font-size: 24px;
	line-height: 1;
	color: #333;
	font-weight: bold;
	padding-bottom: 33px;
	background: url("../images/line-07.jpg") left bottom no-repeat;
}
.control-title.tc {
	background-position: center bottom;
}
.control-text {
	font-size: 16px;
	color: #555;
	line-height: 30px;
	margin-top: 23px;
}
.control-img {
	margin-top: 25px;
}
.control-img img {
	width: 100%;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
/*============================= 14_培训机制 =============================*/
.training-main {
	padding-top: 94px;
	padding-bottom: 80px;
}
.training-main .control-title {
	padding-bottom: 23px;
}
.training-cont {
	margin-top: 50px;
}
.training-01 {
	margin-top: 60px;
}
.training-01:first-child {
	margin-top: 0;
}
.training-01 .div-img img {
	width: 100%;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.control-owl {
	position: relative;
	margin-top: 23px;
}
.promotion-flex {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	flex-wrap: wrap;
}
.promotion-01 {
	width: 18.375%;
	border: 1px solid #f27f88;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	margin-top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.promotion-01 .div-title {
	position: relative;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	line-height: 70px;
	background: #1d2381;
	overflow: hidden;
	padding-left: 10%;
	padding-right: 10%;
}
.promotion-01 .div-title .span-num {
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 60px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 60px;
	color: rgba(255, 255, 255, 0.1);
}
.promotion-01 .div-des {
	font-size: 16px;
	color: #555;
	line-height: 30px;
	padding: 20px 10%;
}
.promotion-td {
	margin-top: 80px;
}
.promotion-title .b-title {
	font-size: 30px;
	color: #333;
	line-height: 1;
}
.promotion-title .span-txt {
	font-size: 18px;
	color: #888;
	line-height: 1;
	margin-top: 18px;
}
.promotion-title .bdo-icon {
	position: absolute;
	top: 0;
	width: 70px;
}
.promotion-title .bdo-icon.bdo-left {
	right: 100%;
	margin-right: 50px;
}
.promotion-title .bdo-icon.bdo-right {
	left: 100%;
	margin-left: 50px;
}
.promotion-td-img {
	background: #f7f7f7;
	padding: 60px;
	border-radius: 20px;
	margin-top: 50px;
}
.management-txt {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin-top: 43px;
}
.management-main {
	padding-top: 73px;
}
.management-cont {
	position: relative;
	background: #f7f7f7;
}
.management-cont .div-cont {
	width: 49.875%;
	margin-left: 6.25%;
	min-height: 360px;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.management-cont .div-cont .div-title {
	font-size: 24px;
	line-height: 34px;
	color: #333;
	padding-left: 19px;
	width: 100%;
	background: url("../images/line-08.jpg") left 4px no-repeat;
}
.management-cont .div-cont .div-des {
	font-size: 16px;
	color: #555;
	line-height: 30px;
	margin-top: 27px;
	width: 100%;
}
.management-cont .div-img {
	position: absolute;
	right: 0;
	top: -60px;
	bottom: 0;
	width: 35%;
}
.management-cont .div-img .span-img {
	position: absolute;
	left: 0;
	top: 0px;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
/*============================= 12_卫龙人才 =============================*/
.concept-main {
	padding-top: 36px;
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.concept-des {
	font-size: 20px;
	line-height: 48px;
	color: #333;
}
.concept-rcg {
}
.concept-title {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
}
.concept-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.concept-01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	width: 48.125%;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	margin-top: 55px;
	padding: 54px 60px 53px 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.concept-01::before {
 content: " ";
 position: absolute;
 left: 50%;
 right:50%;
 top: 0%;
height: 6px;
 background: #1d2381;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.concept-01 .div-img {
	width: 100%;
	margin-top: 6px;
	margin-bottom:20px;
	text-align:center
}
.concept-01 .div-img img {
	margin:0 auto
}
.concept-01 .div-img img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.concept-01 .div-cont {
	position: relative;
	width: 100%;
	text-align:center
}
.concept-01 .div-cont .div-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 17.96%;
}
.concept-01 .div-cont .div-title {
	position: relative;
	z-index: 2;
	font-size: 24px;
	color: #333;
	line-height: 34px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.concept-01 .div-cont .div-des {
	position: relative;
	z-index: 2;
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin-top: 19px;
}
/*============================= 04_卫龙新闻 =============================*/
.news-list {
	padding-top: 36px;
	padding-bottom: 83px;
}
.news-list .row {
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 60px;
}
.news-list .row > div {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
/*============================= 05_卫龙新闻_详情 =============================*/
.news-art {
	padding-top: 76px;
	padding-bottom: 80px;
}
.news-art-title {
	padding-bottom: 23px;
	border-bottom: 1px dashed #dbdbdb;
}
.news-art-title .div-title {
	font-size: 28px;
	line-height: 38px;
	color: #333;
}
.news-art-title .div-info {
	margin-top: 15px;
}
.news-art-title .div-info span {
	font-size: 18px;
	color: #999;
	line-height: 28px;
}
.news-art-title .div-info span img {
	position: relative;
	top: -2px;
	margin-right: 10px;
}
.news-art-des {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin-top: 23px;
}
.news-art-page {
	margin-top: 50px;
	padding-top: 48px;
	border-top: 1px dashed #dbdbdb;
}
.news-art-page .div-title {
	font-size: 28px;
	line-height: 38px;
	color: #333;
}
.news-page-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 15px;
}
.news-page-flex .a-01 {
	width: 48.75%;
	padding: 40px 50px;
	background: #fafafa;
	margin-top: 10px;
	border-bottom: 5px solid #fde5e7;
	text-align: right;
}
.news-page-flex .a-01 .span-01 {
	font-size: 16px;
	color: #888;
	padding-right: 20px;
	margin-right: -20px;
	background: url("../images/icon-right.png") right center no-repeat;
}
.news-page-flex .a-01 .span-des {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	margin-top: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-page-flex .a-01:first-child {
	text-align: left;
}
.news-page-flex .a-01:first-child .span-01 {
	padding-right: 0;
	margin-right: 0;
	padding-left: 20px;
	margin-left: -20px;
	background: url("../images/icon-left.png") left center no-repeat;
}
/*============================= 07__产品 =============================*/
.product-main {
	padding-bottom: 80px;
}
.product-01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product-01 .product-img, .product-01 .product-word {
	width: 50%;
}
.product-01 .product-img {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.product-01 .product-img .span-img {
	width: 600px;
	max-width: 90%;
	max-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-01 .product-img .span-img img {
	max-width: 100%;
	max-height: 500px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.product-01 .product-word {
	display: flex;
	align-items: center;
	background: #F5F5F5;
	background-size: cover;
	font-size: 0;
	min-height: 540px;
	padding: 50px 0;
}
.product-01 .product-word .div-cont {
	width: 510px;
	max-width: 72%;
	margin-left: 12.5%;
}
.product-01 .product-word .div-cont .div-title a {
	display: inline-block;
	font-size: 28px;
	color: #333;
	line-height: 38px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-01 .product-word .div-cont .div-des {
	font-size: 14px;
	line-height: 26px;
	color: #555;
	margin-top: 35px;
	/*height: 96px;*/
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.product-01 .product-word .div-cont .div-des .div-txt {
/*height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;*/
}
/*============================= 18_联系我们 =============================*/
.contact-top {
	position: relative;
	z-index: 10;
	background: #f8f8f8;
	padding-bottom: 80px;
}
.contact-top-cont {
	position: relative;
}
.contact-top-c {
	padding: 60px 100px 100px;
	background: #fff;
	border-radius: 30px 30px 0 0;
	margin-top: -120px;
}
.contact-top-c .div-title {
	font-size: 40px;
	line-height: 1;
	color: #333;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.contact-top-c .div-title img {
	margin-right: 18px;
}
.contact-top-c .div-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 60px;
}
.contact-top-c .contact-list {
	width: 41.428%;
}
.contact-top-c .contact-list li {
	padding: 47px 0 45px 64px;
	border-bottom: 1px solid #ededed;
}
.contact-top-c .contact-list li:last-child {
	border-bottom: none;
}
.contact-top-c .contact-list li .span-icon {
	float: left;
	margin-right:15px;
	margin-left: -64px;
}
.contact-top-c .contact-list li .span-title {
	font-size: 18px;
	line-height: 28px;
	color: #333;
}
.contact-top-c .contact-list li .span-des {
	font-size: 16px;
	color: #888;
	line-height: 26px;
}
.contact-top-c .div-map {
	width: 51.428%;
}
.contact-top-c .div-map img {
	width: 100%;
}
.contact-online {
	padding-top: 95px;
	padding-bottom: 80px;
}
.contact-form {
	padding-top: 36px;
}
.contact-form .div-01 {
	margin-top: 30px;
}
.contact-form .div-01 .span-title {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 17px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
}
.contact-form .div-01 .span-title bdo {
	color: #e6000f;
}
.contact-form .div-01 .put-01 {
	outline: none;
	background: none;
	width: 100%;
	line-height: 30px;
	padding: 10px 17px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	font-size: 16px;
	color: #333;
}
.contact-form .div-01 .text-01 {
	height: 160px;
	resize: none;
}
.contact-form .div-01 .but-01 {
	outline: none;
	background: none;
	border: none;
	width: 200px;
	height: 50px;
	background: #e6000f;
	font-size: 18px;
	color: #fff;
	border-radius: 8px;
}
/*============================= 06_卫龙文化 =============================*/
.mission-01 {
	margin-top: 95px;
}
.mission-01:first-child {
	margin-top: 0;
}
.mission-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff;
	margin-top: 50px;
}
.mission-cont {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mission-cont .div-cont {
	width: 65%;
	margin: 30px 20% 30px 15%;
	padding-top: 16px;
	background: url("../images/icon-22.png") right top no-repeat;
}
.mission-cont .div-cont .div-title {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	padding-bottom: 28px;
	background-image: url("../images/line-07.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mission-cont .div-cont .div-des {
	font-size: 26px;
	color: #1d2381;
	line-height: 50px;
	margin-top: 18px;
}
.mission-img {
	width: 50%;
	min-height: 460px;
}
.mission-img .span-img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.culture-title b {
	font-size: 30px;
	color: #333;
	line-height: 40px;
}
.culture-title .span-icon {
	position: absolute;
	top: 0;
	width: 70px;
}
.culture-title .span-icon.span-left {
	right: 100%;
	margin-right: 45px;
}
.culture-title .span-icon.span-right {
	left: 100%;
	margin-left: 45px;
}
.culture-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 54px;
	padding-bottom: 80px;
}
.culture-01 {
	width: 30%;
	background: #fff;
	height: 250px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.culture-01 .div-01 {
	position: relative;
	height: 250px;
	left: 0;
	top: 0;
	text-align: center;
	padding-top: 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.culture-01 .div-01 .span-img img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.culture-01 .div-01 .span-title {
	font-size: 24px;
	color: #333;
	line-height: 40px;
	margin-top: 20px;
}
.culture-01 .div-01 .span-arrow {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}
.culture-01 .div-02 {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	padding: 50px 8.6% 50px;
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.culture-01 .div-02 .div-title {
	padding-right: 60px;
	font-size: 24px;
	line-height: 40px;
}
.culture-01 .div-02 .div-title .span-icon {
	position: absolute;
	right: 0;
	top: 0;
}
.culture-01 .div-02 .div-des {
	font-size: 16px;
	line-height: 30px;
	margin-top: 34px;
}
.culture-01 .div-02 .div-des p {
	margin: 0;
}
.culture-01.on {
	width:70%;
	background: #1d2381;
}
.culture-01.on .div-01 {
	position: absolute;
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.culture-01.on .div-02 {
	position: relative;
	visibility: visible;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/*============================= 08__产品详情 =============================*/
.product-hot {
	padding-top: 50px;
	padding-bottom: 50px;
}
.product-hot-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
}
.product-hot-a1 {
	width: 18.125%;
	margin-top: 20px;
}
.product-hot-a1 .span-img {
	border: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-hot-a1 .span-img .mg-mc {
	width: 100%;
}
.product-hot-a1 .span-img .mg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-hot-a1 .span-title {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	text-align: center;
	margin-top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-details {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #fafafa;
}
.product-owl {
	padding-left: 100px;
	padding-right: 100px;
}
.product-owl .owl-nav button.owl-prev, .product-owl .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.product-owl .owl-nav button.owl-prev {
	left: 0px;
	font-size: 0;
	background-image: url("../images/icon-31.png");
}
.product-owl .owl-nav button.owl-next {
	right: 0px;
	font-size: 0;
	background-image: url("../images/icon-32.png");
}
.product-01 {
	display: flex;
	justify-content: space-between;
}
.product-01 .div-img {
	width: 42.85%;
	background: #fff;
	overflow: hidden;
}
.product-01 .div-img .mg-mc {
	width: 100%;
}
.product-01 .div-img .mg1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.product-01 .div-cont {
	width: 48.92%;
}
.product-01 .div-cont img {
	width: auto;
}
.product-01 .div-cont .div-title {
	font-size: 30px;
	color: #333;
	line-height: 40px;
	padding-bottom: 23px;
	border-bottom: 1px dashed #e5e5e5;
	font-weight: bold;
}
.product-01 .div-cont .div-des {
	font-size: 18px;
	line-height: 32px;
	color: #555;
	margin-top: 32px;
	padding-bottom: 80px;
	border-bottom: 1px dashed #e5e5e5;
}
.product-01 .div-cont .div-phone {
	padding-top: 46px;
	padding-left: 65px;
}
.product-01 .div-cont .div-phone .span-icon {
	float: left;
	margin-left: -65px;
	margin-top: 2px;
}
.product-01 .div-cont .div-phone .span-title {
	font-size: 16px;
	line-height: 26px;
}
.product-01 .div-cont .div-phone .span-des {
	font-size: 24px;
	color: #1d2381;
	font-weight: bold;
	margin-top: 4px;
}
.share-btn-list {
	margin-top:30px;
}
.special-jieshao-scroll {
	margin-top: 50px;
	padding-left: 100px;
	padding-right: 100px;
}
.special-jieshao-word {
	position: relative;
	min-height: 354px;
	background-color: #fff;
	border-bottom: 4px solid #e50e0c;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.special-jieshao-word-cont .mg1 {
	margin-bottom: 33px;
}
.special-jieshao-tit {
	width: 1020px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.special-jieshao-tit-01 {
	padding: 0 10px;
}
.special-jieshao-tit-01 span {
	display: block;
	height: 46px;
	line-height: 46px;
	background-color: #f2f2f2;
	font-size: 16px;
	color: #333;
	text-align: center;
	border-radius: 23px;
	cursor: pointer;
}
.special-jieshao-scroll .swiper-slide-thumb-active .special-jieshao-tit-01 span {
	background-color: #e50e0c;
	color: #fff;
}
.special-jieshao-word .special-jieshao-arrow {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
	background: none;
	position: absolute;
	top: 50%;
	z-index: 50;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.special-jieshao-prev {
	left: -90px;
	background-image: url("../images/icon-31.png") !important;
}
.special-jieshao-next {
	right: -90px;
	background-image: url("../images/icon-32.png") !important;
}
.special-jieshao-prev:hover {
	background-image: url("../images/icon-31h.png") !important;
}
.special-jieshao-next:hover {
	background-image: url("../images/icon-32h.png") !important;
}
.product-yf-01 {
	padding: 80px 7.1%;
}
.product-yf-01 .div-title {
	font-size: 28px;
	color: #e50e0c;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding-bottom: 23px;
	background: url("../images/line-09.jpg") center bottom no-repeat;
}
.product-yf-01 .div-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 50px;
}
.product-yf-01 .div-cont {
	width: 50%;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.product-yf-01 .div-img {
	width: 41.66%;
}
.product-yf-01 .div-img img {
	width: 100%;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.gsty-active-swiper {
	margin-top: 47px;
}
.gsty-active-swiper .swiper-button-prev, .gsty-active-swiper .swiper-button-next {
	width: 24px;
	height: 37px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
}
.gsty-active-swiper .swiper-button-prev::before, .gsty-active-swiper .swiper-button-prev::after, .gsty-active-swiper .swiper-button-next::before, .gsty-active-swiper .swiper-button-next::after {
 display: none;
}
.gsty-active-swiper .swiper-button-prev {
	left: 20px;
	background-image: url("../images/arrow-left.png");
}
.gsty-active-swiper .swiper-button-prev:hover {
	background-image: url("../images/arrow-lefth.png");
}
.gsty-active-swiper .swiper-button-next {
	right: 20px;
	background-image: url("../images/arrow-right.png");
}
.gsty-active-swiper .swiper-button-next:hover {
	background-image: url("../images/arrow-righth.png");
}
.gsty-active-swiper .swiper-slide {
	width: 280px;
}
.gsty-active-swiper .swiper-slide-active .gsty-active-01 .div-mc {
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.gsty-active-swiper .swiper-slide-active .gsty-active-01 a {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.gsty-active-details .div-01 {
	width: 1000px;
	margin: 30px auto 0;
	max-width: calc(100vw - 30px);
	text-align: center;
	display: none;
	font-size: 18px;
	line-height: 28px;
	color: #555;
}
.gsty-active-details .div-01.on {
	display: block;
}
.job-title {
	display: flex;
	justify-content: center;
}
.job-title a {
	display: inline-block;
	margin: 0 20px;
	font-size: 20px;
	color: #1d2381;
	border: 1px solid #1d2381;
	line-height: 58px;
	width: 210px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.job-title a:hover, .job-title a.on {
	background: #1d2381;
	color: #fff;
}
.guide-main {
	padding-top: 96px;
}
.guide-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
}
.guide-01 {
	width: 20%;
	padding: 50px 0 36px;
	background: #1d2381;
	border-radius: 10px;
	margin-top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.guide-01 .div-cont {
	padding: 0 15.625%;
	color: #fff;
}
.guide-01 .div-img {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.guide-01 .div-title {
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	margin-top: 15px;
}
.guide-01 .div-list {
	font-size: 15px;
	line-height: 26px;
	margin-top: 8px;
}
.guide-img {
	width: 4.56%;
	display: flex;
	align-items: center;
}
.guide-job {
	padding-bottom: 80px;
}
.guide-job-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 35px;
}
.guide-job-form .div-01 {
	width: 29.375%;
}
.guide-job-form .div-02 {
	width: 8.125%;
}
.guide-job-form .but-01 {
	border: none;
	outline: none;
	border-color: #1d2381;
	width: 100%;
	height: 50px;
	background: #1d2381;
	font-size: 16px;
	color: #fff;
}
.select-01 {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #dbdbdb;
	/*很关键：将默认的select选择框样式清除*/
  appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/icon-39.png") no-repeat scroll right 19px center transparent;
	width: 100%;
	line-height: 48px;
	padding-left: 20px;
	font-size: 16px;
	color: #555;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 65px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
 display: none;
}
.job-list {
	margin-top: 50px;
}
.job-list li {
	background: #f2f2f2;
}
.job-list li .div-top {
	display: flex;
	justify-content: space-between;
	background: #1d2381;
	line-height: 76px;
}
.job-list li .div-top span {
	color: #fff;
	padding-left: 78px;
	font-size: 22px;
}
.job-list li .div-top .span-1 {
	width: 27.66%;
}
.job-list li .div-top .span-2 {
	width: 26.875%;
}
.job-list li .div-top .span-3 {
	width: 27.66%;
}
.job-list li .div-top .span-4 {
	width: 17.8%;
}
.job-list li .div-t {
	background: #f2f2f2;
	cursor: pointer;
}
.job-list li .div-t span {
	color: #333;
	font-size: 16px;
}
.job-list li .div-bottom {
	position: relative;
	padding: 45px 80px 45px 80px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	display: none;
}
.job-list li .div-bottom .b-title {
	font-size: 16px;
	color: #c51422;
}
.job-list li .div-bottom .a-btn {
	position: absolute;
	right: 120px;
	bottom: 20px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	background: #e6000f;
}
.job-list li .div-bottom .c-red {
	color: #1d2381;
}
.job-list li:nth-child(odd) {
 background: #fafafa;
}
.job-list li:nth-child(odd) .div-top {
 background: #fafafa;
}
.job-list li:first-child .div-top {
	background: #1d2381;
}
.job-list li.on .div-t {
	border-top: 1px solid #1d2381;
	border-bottom: 1px solid #1d2381;
}
.job-list li.on .div-t span {
	color: #1d2381;
}
.guide-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 70px;
}
.guide-list-01 {
	width: 30.625%;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin-top: 10px;
}
.guide-list-01 .div-c {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 46px 9.7% 40px;
}
.guide-list-01 .div-icon {
	width: 18.46%;
	margin-top: 4px;
}
.guide-list-01 .div-cont {
	width: 76.92%;
}
.guide-list-01 .div-title {
	font-size: 20px;
	color: #333;
	line-height: 30px;
}
.guide-list-01 .div-des {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	margin-top: 8px;
	word-spacing: wrap;
}
.guide-list-01 .div-des.c-red {
	color: #1d2381;
}
.guide-list-01 .div-des .c-red {
	color: #1d2381;
}
.job-sh-title {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 80px;
}
.job-sh-title .span-title {
	font-size: 40px;
	color: #333;
	line-height: 50px;
}
.job-sh-title .job-sh-job {
	width: 44.28%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.job-sh-title .job-sh-job .div-01 {
	width: 75.8%;
}
.job-sh-title .job-sh-job .div-02 {
	width: 20.96%;
}
.job-sh-title .job-sh-job .but-01 {
	outline: none;
	border: none;
	background: #e6000f;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
.job-sh-title + .guide-job {
	padding-top: 40px;
}
.job-sx-list li {
	display: flex;
	width: 100%;
}
.job-sx-list li .div-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11.25%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #1d2381;
	font-weight: bold;
}
.job-sx-list li .div-des {
	width: 88.75%;
	padding: 10px 0 20px 30px;
	border-bottom: 1px solid #e6e6e6;
}
.job-sx-list li .div-des a {
	display: inline-block;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-left: 20px;
	margin-top: 10px;
}
.job-sx-list li .div-des a:hover, .job-sx-list li .div-des a.xz {
	color: #1d2381;
}
.job-sx-list li .div-des a.on {
	background: #1d2381;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
}
.public-mc {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 105;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.public-tc {
	position: fixed;
	width: 1282px;
	max-width: 90%;
	left: 50%;
	top: 50%;
	z-index: 110;
	transform: translate(-50%, -50%);
	padding: 44px 60px 50px;
	background: #fff;
	max-height: 90vh;
	overflow: auto;
	display: none;
}
.public-tc .public-close {
	position: absolute;
	right: 40px;
	top: 40px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.public-tc .div-title {
	font-size: 36px;
	line-height: 46px;
	color: #333;
}
.public-tc .div-info {
	font-size: 16px;
	color: #888;
	line-height: 26px;
	margin-top: 6px;
}
.public-tc .div-01 {
	position: relative;
	padding-left: 140px;
	margin-top: 20px;
}
.public-tc .div-01 .span-title {
	position: absolute;
	left: 0;
	top: 0;
	width: 126px;
	line-height: 40px;
	text-align: right;
	font-size: 16px;
	color: #333;
}
.public-tc .div-01 .span-title bdo {
	color: #e6000f;
}
.public-tc .put-01 {
	width: 100%;
	height: 40px;
	line-height: 24px;
	padding: 8px 15px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}
.public-tc .put-01::placeholder {
 font-size: 14px;
 color: #b2b2b2;
}
.public-tc .text-01 {
	resize: none;
	height: 100px;
}
.public-tc .select-01 {
	height: 40px;
	border-color: #e6e6e6;
	border-radius: 5px;
}
.public-tc .div-1 {
	width: 66.66%;
}
.public-tc .div-1 .span-01 {
	position: absolute;
	right: 20px;
	top: 0;
	line-height: 40px;
	font-size: 16px;
	color: #888;
}
.public-tc .div-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.public-tc .div-2 {
	width: 41.37%;
}
.public-tc .div-line {
	color: #dbdbdb;
	font-size: 20px;
}
.public-tc .but-01 {
	border: none;
	outline: none;
	width: 200px;
	height: 50px;
	background: #e6000f;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	margin-top: 24px;
}
.public-address {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	padding: 27px 0;
	border-bottom: 1px solid #ededed;
}
.public-address a {
	color: #666;
}
.public-address a.c-red {
	color: #1d2381;
}
.notice-main {
	padding-top: 30px;
	padding-bottom: 80px;
}
.notice-menu {
	float: left;
	margin-left: 0;
	width: 330px;
	background: #fff;
}
.notice-menu .div-title {
	color: #fff;
	background: #1d2381;
	padding: 25px 15px 25px 50px;
}
.notice-menu .div-title .b-title {
	font-size: 30px;
	line-height: 40px;
}
.notice-menu .div-title .span-en {
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	margin-top: 4px;
}
.notice-menu .div-list {
	border: 1px solid #ededed;
}
.notice-menu .div-list .div-01 {
	border-top: 1px solid #ededed;
}
.notice-menu .div-list .div-01:first-child {
	border-top: none;
}
.notice-menu .div-list .div-01 a {
	display: block;
	font-size: 20px;
	color: #666;
	line-height: 30px;
	padding: 20px 20px 20px 100px;
	background: url("../images/line-10.png") 50px center no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.notice-menu .div-list .div-01 a.on {
	color: #fff;
	background-image: url("../images/line-10h.png");
	background-color: #1d2381;
}
.notice-cont {
	margin-left: 380px;
}
.notice-title {
	padding: 22px 30px;
	background: #fff;
}
.notice-title b {
	font-size: 28px;
	line-height: 1;
	color: #333;
	padding-left: 16px;
	border-left: 4px solid #1d2381;
}
.notice-content {
	padding: 30px 50px 50px;
	background: #fff;
	margin-top: 10px;
}
.notice-list {
	padding-bottom: 50px;
}
.notice-list li a {
	position: relative;
	display: block;
	font-size: 18px;
	color: #333;
	padding-right: 150px;
	line-height: 56px;
	border-bottom: 1px dashed #dbdbdb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.notice-list li a span {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 18px;
	color: #888;
}
.notice-art {
	padding: 40px 50px 50px;
	background: #fff;
	margin-top: 10px;
}
.notice-art .div-title {
	padding-bottom: 23px;
	border-bottom: 1px dashed #dbdbdb;
}
.notice-art .div-title .span-title {
	font-size: 24px;
	line-height: 36px;
	color: #333;
}
.notice-art .div-title .span-date {
	font-size: 18px;
	color: #999;
	line-height: 28px;
	margin-top: 20px;
	background: url("../images/icon-45.png") left center no-repeat;
	padding-left: 28px;
}
.notice-art .div-des {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin-top: 23px;
}
.y-video .mg-mc {
	width: 100%;
}
.y-video .div-mc {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	cursor: pointer;
}
.y-video .video-v {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	z-index: 0;
}
.searchs {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.6);
	display:none;
	z-index:9999;
}
.searchs form {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-30px;
	width:600px;
	background:#fff;
	font-size:16px;
	z-index:9;
}
.searchs form .txt {
	float:left;
	height:60px;
	line-height:60px;
	padding-left:15px;
	width:450px;
}
.searchs form .btns {
	float:right;
	height:60px;
	line-height:60px;
	width:150px;
	text-align:center;
	background:#1d2381;
	color:#fff;
	cursor:pointer;
}
.serclose {
	position:absolute;
	right:-50px;
	top:-50px;
	color:#fff;
	font-size:30px;
	cursor:pointer;
}
.search01 {
	display:block;
}
 @media only screen and (max-width:1200px) {
.searchs form {
left:10%;
margin-left:0;
width:80%;
font-size:14px;
margin-top: -25px;
}
 .searchs form .txt {
height:50px;
line-height:50px;
padding-left:15px;
width:80%;
}
 .searchs form .btns {
height:50px;
line-height:50px;
width:20%;
}
 .serclose {
position:absolute;
right:0;
top:-50px;
color:#fff;
font-size:30px;
cursor:pointer;
}
}
.pagebar {
	padding:20px;
	overflow:hidden;
	clear:both
}
.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px;
	line-height:100%
}
.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}
.pagination a:hover {
	color: #333;
	border: 1px solid #333;
}
.pagination a.page-num-current {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
.pagination .st {
	font-family:宋体
}
.text-secondary {
	text-align:center;
	padding:20px 0
}
#maximg img {
	max-width:100% !important;
	height:auto !important
}
/*NyBanner 开始*/
.NyBanner {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin:0;
	padding: 0;
	position: relative;
}
.NyBanner img.nyBa_Img {
	display: block;
	width: 1920px;
	height: 350px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.NyBanner .NyBa_Con {
	width: 1600px;
	height: auto;
	margin: 10px 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.NyBa_Con p {
	width: 100%;
	height: auto;
	line-height: 40px;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	margin: -20px 0 0;
	padding: 0;
}
.NyBa_Con i {
	display: block;
	width: 40px;
	height: 2px;
	margin: 25px 0px 25px 0px;
	padding: 0;
	background-color: #e50015;
	position:relative;
}
.NyBa_Con i:before {
	content:"";
	display:block;
	width:20px;
	height:2px;
	background-color:#e50015;
	position:absolute;
	left:0;
	top:0;
}
.NyBa_Con span {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.03);
	font-size: 96px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	font-family:impact;
}
/*NyCrumb 开始*/
.Crumb {
	width: 100%;
	height: auto;
	overflow: hidden;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.25);
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.Crumb img.home {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin: 0 15px 0 0;
	padding: 0;
}
.Crumb img.jt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.Crumb a {
	display: inline-block;
	width: auto;
	height: 32px;
	color: rgba(255, 255, 255, 0.25);
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.Crumb a:hover {
	color: #fff;
}
.Crumb span {
	display: inline-block;
	width: auto;
	height: 32px;
	color: rgba(255, 255, 255, 0.25);
	font-size: 16px;
	margin: 0;
	padding: 0;
}
 @media (max-width:1680px) {
.NyBanner {
height: 520px;
}
.NyBanner img.nyBa_Img {
width: 1815px;
height: 520px;
}
.NyBanner .NyBa_Con {
width:90%;
}
.NyBa_Con p {
font-size: 37px;
}
.NyBa_Con span {
font-size: 90px;
}
}
@media (max-width:1600px) {
.NyBanner {
height: 480px;
}
.NyBanner img.nyBa_Img {
width: 1676px;
height: 480px;
}
}
@media (max-width:1560px) {
.Crumb, .Crumb a, .Crumb span {
font-size: 15px;
}
.Crumb img.home {
width: 30px;
height: 30px;
}
.NyBa_Con p {
line-height: 38px;
font-size: 34px;
}
.NyBa_Con span {
font-size: 80px;
}
}
@media (max-width:1440px) {
.NyBanner {
height: 440px;
}
.NyBanner img.nyBa_Img {
width: 1536px;
height: 440px;
}
.NyBa_Con p {
line-height: 36px;
font-size: 32px;
}
.NyBa_Con span {
font-size: 70px;
}
.NyBa_Con i {
margin: 10px auto;
}
.NyCrumb {
margin: -60px auto 0;
padding: 0 60px;
}
.NyCrumb .NyCrumb_Main {
width: 100%;
height: 60px;
}
.NyCrumb i {
width: 60px;
height: 60px;
}
.NyCrumb_Main ul li {
height: 60px;
}
.NyCrumb_Main ul li a {
height: 40px;
line-height: 40px;
font-size: 18px;
padding: 10px 40px;
}
.NyCrumb_Main p {
height: 60px;
line-height: 40px;
font-size: 15px;
}
.NyCrumb_Main ul li em {
margin: 21px auto;
}
}
@media (max-width:1366px) {
.NyBanner {
height: 420px;
}
.NyBanner img.nyBa_Img {
width: 1466px;
height: 420px;
}
}
@media (max-width:1280px) {
.NyBanner {
height: 400px;
}
.NyBanner img.nyBa_Img {
width: 1396px;
height: 400px;
}
.NyBa_Con p {
line-height: 32px;
font-size: 30px;
}
.NyBa_Con span {
line-height: 20px;
font-size: 60px;
}
.NyBa_Con i {
height: 2px;
}
.Crumb, .Crumb a, .Crumb span {
font-size: 14px;
}
}
@media (max-width:1200px) {
.NyBanner {
height: 370px;
}
.NyBanner img.nyBa_Img {
width: 1292px;
height: 370px;
}
.Crumb img.home {
width: 28px;
height: 28px;
}
}
@media (max-width:1080px) {
.NyBanner {
height: 340px;
}
.NyBanner img.nyBa_Img {
width: 1187px;
height: 340px;
}
.NyBa_Con p {
line-height: 30px;
font-size: 26px;
}
.NyBa_Con span {
font-size: 50px;
}
}
@media (max-width:1024px) {
.NyBanner {
height: 320px;
}
.NyBanner img.nyBa_Img {
width: 1117px;
height: 320px;
}
}
@media (max-width:920px) {
.NyBanner .NyBa_Con {
margin:0;
}
}
@media (max-width:800px) {
.NyBanner {
height: 280px;
}
.NyBanner img.nyBa_Img {
width: 977px;
height: 280px;
}
.Crumb img.home {
width: 24px;
height: 24px;
}
}
@media (max-width:767px) {
.NyBanner {
height: 180px;
}
.NyBanner img.nyBa_Img {
width: 628px;
height: 180px;
}
.NyBa_Con p {
font-size: 22px;
}
.NyBa_Con span {
font-size: 40px;
}
.NyBa_Con i {
width: 30px;
margin: 5px auto;
}
}
@media (max-width:375px) {
.NyBanner {
height: 120px;
}
.NyBanner img.nyBa_Img {
width: 559px;
height: 120px;
}
}
@media (max-width:320px) {
.NyBanner {
height: 140px;
}
.NyBanner img.nyBa_Img {
width: 489px;
height: 140px;
}
.NyBa_Con p {
font-size: 22px;
}
}
.in-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.container {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
.child-nav {
}
.child-nav ul li {
	float: left;
	width: 180px;
	margin: 0 14px 10px;
	height: 44px;
	line-height: 44px;
}
.t-c {
	text-align: center;
}
.i-b {
	display: inline-block;
}
.child-nav ul li a {
	display: block;
	width: 100%;
	color:#FFF;
	height: 100%;
	font-size:14px;
	background: #1d2087;
}
.child-nav ul li a:hover {
	color: #fff;
	background: #e40014;
}
.child-nav ul li.on a {
	color: #fff;
	background: #e40014;
}
@media screen and (max-width: 767px) {
 .container {
width: 100%;
}
.child-nav ul li {
width: 48%;
margin: 0 1% 5px;
}
 .in-wrap {
padding-top: 30px;
padding-bottom:5px;
}
}
.about2 {
	background: url(../images/about2.jpg) no-repeat center;
	padding: 0;
}
.about2 .tit-ab {
	color: #fff;
	padding-top:30px;
	margin-bottom: 40px;
}
.about2 dl {
	max-width: 1600px;
}
.about2 dt {
	width: 18.5%;
	float: left;
	margin-right:30px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 30px;
	padding-bottom:30px;
}
.about2 dt:first-child {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.about2 dt span {
	display: block;
	font-weight:bold;
	font-size:18px;
	color: #fff;
	margin-bottom: 8px;
}
.about2 dt:last-child {
	float: right;
	margin-right:0px;
}
.c {
	clear: both;
}
.center {
	width: 1600px;
	margin: 0 auto;
}
.tit-ab {
	font-size: 30px;
	color: #333;
}
 @media screen and (max-width: 767px) {
.about2 {
display:none;
}
}
.foot-trdiv {
	margin-left: -25px;
}

.foot-trdiv img{ width:120px; height:120px;}

.foot-trdiv a {
	float: left;
	width: 52px;
	height: 52px;
	border-radius: 6px;
	margin-left: 25px;
}
.foot-trdiv a.fx1 {
	background: #fff url(../images/fx1.png) no-repeat 50%;
}
.foot-trdiv a.fx1:hover {
	background: #1d2381 url(../images/fx1-2.png) no-repeat 50%;
}
.foot-trdiv a.fx2 {
	background: #fff url(../images/fx2.png) no-repeat 50%;
}
.foot-trdiv a.fx2:hover {
	background: #1d2381 url(../images/fx2-2.png) no-repeat 50%;
}
.foot-trdiv a.fx3 {
	background: #fff url(../images/fx3.png) no-repeat 50%;
}
.foot-trdiv a.fx3:hover {
	background: #1d2381 url(../images/fx3-2.png) no-repeat 50%;
}
.foot-trdiv a.fx4 {
	background: #fff url(../images/fx4.png) no-repeat 50%;
}
.foot-trdiv a.fx4:hover {
	background: #1d2381 url(../images/fx4-2.png) no-repeat 50%;
}
.foot-tit {
	font-size: 24px;
	color: #666;
	height: 46px;
	line-height: 46px;
	margin-bottom: 5px;
	font-weight: 400;
	margin-left:25px;
}
.pagelink {
	margin: 40px 0px 0px;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9
}
.pagelink .pagelink-icon {
	display: none
}
.pagelink .pagelink-info {
	font-size: 18px;
	font-weight: var(--fontbold5);
	color: var(--fontcolor);
	display: flex;
	flex-direction: column-reverse
}
.pagelink .pagelink-info .link-intro {
	color: #1d2381;
	font-weight: 400;
	font-size: 16px;
	padding-top: 10px
}
.pagelink .pagelink-item {
	padding: 10px
}
.pagelink .prev {
	border-bottom: 1px solid #E9E9E9
}
 .pagelink .prev .link-intro::before {
 content: "➜";
 display: inline-block;
 transform: rotate(180deg);
 font-size: 18px;
 margin-right: 10px
}
 .pagelink .next .link-intro::before {
 content: "➜";
 display: inline-block;
 font-size: 18px;
 margin-right: 10px
}
.pagelink a {
	display: inline-block;
 transition: all .2s linear;
	color:#1d2381;
}
.pagelink a:hover {
	color: var(--color)
}
.pagelink .prev .link-intro1 {
	font-size:16px;
	line-height:35px;
}
.pagelink .prev .link-intro1 a {
	font-size:18px;
	line-height:35px;
	color:#1d2381;
	font-weight:bold;
}
.pro-detail-title {
	line-height: 50px;
	width: 100%;
	background: #1d2381;
	font-size: var(--fontsize22);
	text-align: center;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
.pro-intro {
	line-height:35px;
	font-size:16px;
	padding-top:20px;
}
#wmkc {
	position:fixed;
	right:5px;
	top:30%;
	transform:translateY(-50%);
	font-family:Arial, Helvetica, sans-serif;
	z-index:9999
}
#wmkc * {
	box-sizing:border-box;
	font-size:16px;
	line-height:1.1
}
.wmkc-list {
	padding:0;
	border:1px solid #EEE;
	background-color:#FFF;
	max-width:118px;
	border-radius:4px;
	margin:0
}
.wmkc-icon {
	display:inline-block;
	background:url(../images/wmkc-ico23.png)no-repeat;
	width:48px;
	height:48px;
	transform:scale(.8)
}
.wmkc-list>li {
	width:100%;
	border-top:1px solid #EEE;
	list-style:none;
	text-align:center;
	padding:2px 0 4px;
transition:all .2s ease-in-out
}
.wmkc-list>li>a>p {
	margin:0;
	transform:scale(.9);
	text-transform:capitalize;

}
.wmkc-list>li a {
	color:#555;
	text-decoration:none;
	display:block;
	padding:20px;
}
.wmkc-wechat-img {
	position:absolute;
	right:calc(100% - 1px);
	bottom:0;
	width:120px;
	text-align:center;
	padding:10px 10px 6px;
	background-color:#FFF;
	border:1px solid #EEE;
	border-radius:4px;
	transform:scale(0);
	transform-origin:right bottom
}
.wmkc-wechat-img img {
	display:block;
	max-width:100%;
	max-height:100%
}
.wmkc-wechat-img p {
	margin:0;
	transform:scale(.9);
	word-break:break-all
}
.wmkc-wechat-img em {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;
	vertical-align:middle;
	margin-right:4px
}
.wmkc-list>li:hover .wmkc-wechat-img {
transition:transform .4s;
	transform:scale(1)
}
.wmkc-list>li:hover, .wmkc-list>li:hover+li {
	border-color:transparent
}
.wmkc-email .wmkc-icon {
	background-position:-8px -6px
}
.wmkc-whatsapp .wmkc-icon {
	background-position:-52px -50px
}
.wmkc-skype .wmkc-icon {
	background-position:-52px -6px
}
.wmkc-wechat .wmkc-icon {
	background-position:-144px -10px
}
.wmkc-list li:hover a {
	color:#FFF
}
.wmkc-email:hover {
	background-color:#1d2381
}
.wmkc-whatsapp:hover {
	background-color:#1d2381
}
.wmkc-skype:hover {
	background-color:#e40016
}
.wmkc-wechat:hover {
	background-color:#e40114
}
.wmkc-email:hover .wmkc-icon {
	background-position:-96px -6px
}
.wmkc-whatsapp:hover .wmkc-icon {
	background-position:-52px -94px
}
.wmkc-skype:hover .wmkc-icon {
	background-position:-96px -50px
}
.wmkc-wechat:hover .wmkc-icon {
	background-position:-144px -62px
}
.wmkc-list>li:first-child {
	border-radius:4px 4px 0 0;
	border:0
}
.wmkc-list>li:last-child {
	border-radius:0 0 4px 4px
}
@media (max-width:768px) {
#wmkc {
display:none
}
}


.pro-page-switch {
    width: 100%;
    background: #FCFCFC;
    height: 50px;
    padding: 0px 260px;
    display: flex;
    justify-content: space-between;
    margin: 50px 0px
}


.pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
    font-size:16px;
    color: #1d2381;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.pro-page-switch .page-prev {
    display: flex
}

.pro-page-switch .page-prev i {
    margin-right: 10px
}

.pro-page-switch .page-prev .page-btn {
    margin-right: 30px
}

.pro-page-switch .page-next {
    display: flex;
    flex-direction: row-reverse
}

.pro-page-switch .page-next i {
    margin-left: 10px
}

.pro-page-switch .page-next .page-btn {
    margin-left: 30px
}

.pro-page-switch .page-btn {
    width: 180px;
    height: 100%;
    background: #1d2381;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size:16px;
    line-height: 50px
}

.pro-page-switch a {
    font-size: 16px;
    color: #1d2381;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.send-inquiry {
    margin-top: 40px
}

.send-inquiry .inquiry-title {
    margin: 20px 0px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #1d2381;
}

.send-inquiry .inquiry-form {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  
}

.wmkcfeedback .wmkcfb-company {
    background: url(../images/company.png) no-repeat;
    background-size: 20px 20px;
    background-position: right 10px top 14px
}

.wmkcfeedback .wmkcfb-name {
    background: url(../images/user.png) no-repeat;
    background-size: 22px 19px;
    background-position: right 10px top 16px
}

.wmkcfeedback .wmkcfb-title {
    width: 100%;
    background: url(../images/title.png) no-repeat;
    background-size: 20px 20px;
    background-position: right 10px top 14px
}

.wmkcfeedback .wmkcfb-phone {
    background: url(../images/phone.png) no-repeat;
    background-size: 20px 20px;
    background-position: right 10px top 14px
}

.wmkcfeedback .wmkcfb-email, .wmkcfeedback .wmkcfb-emailcomfirm {
    background: url(../images/email.png) no-repeat;
    background-size: 20px 20px;
    background-position: right 10px top 14px
}

.wmkcfeedback .wmkcfb-content {
    background: url(../images/pencil.png) no-repeat;
    background-size: 15px 15px;
    background-position: right 10px top 15px
}

@media screen and (max-width: 768px) {
	 .send-inquiry {
        margin-top: 20px;
    }

  .send-inquiry .inquiry-form {
        margin: 0px 20px;
    }
	
 .pro-page-switch {
        background: 0 0;
        height: auto;
        padding: 0px 20px;
        margin: 20px 0px;
        flex-wrap: wrap
    }

  .pro-page-switch .page-prev {
        background: #FCFCFC;
        width: 100%;
		
    }

 .pro-page-switch .page-prev i {
        margin-right: 10px;
    }

  .pro-page-switch .page-next {
        background: #FCFCFC;
        margin-top: 30px;
        width: 100%
    }

  .pro-page-switch .page-next i {
        margin-left: 10px;
    }

    .pro-page-switch .page-btn {
        width: 150px;
    }

   .pro-page-switch .page-btn a {
        color: #FFFFFF;
        font-size: 16px;
    }
	
	}
	
	.banner_01 {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.swiper-button-next, .swiper-button-prev{
  display: none;
}
.banner_01 .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  height: 0;
  padding-bottom: 49.8%;
}
.banner_01 .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.banner_01 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -moz-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -o-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
}
.banner_01 .swiper-container .pagination-all {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  left: 0;
  z-index: 100;
  text-align: center;
}
.banner_01.swiper-container .pagination-all .sign {
  display: inline-block;
  width: 22px;
  height: 24px;
  background-size: cover;
  margin-right: 0.7rem;
  cursor: pointer;
}
.banner_01 .swiper-container .pagination-all .sign span {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 26px;
}
.banner_01 .swiper-container .pagination-all .sign span.pause {
  display: none;
}
.banner_01 .swiper-container .pagination-all .sign.active span.play {
  display: none;
}
.banner .swiper-container .pagination-all .sign.active span.pause {
  display: block;
}
.banner_01 .swiper-container .swiper-pagination {
  position: relative;
  display: inline-block;
  text-align: left;
  color: #fff;
  font-size: 0.9rem;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 2px;
  background: none;
  opacity: 1;
  border-radius: 0;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  width: 0;
  height: 4px;
  background: #f08927;
  position: absolute;
  left: 30px;
  top: 10px;
  opacity: 0;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
  width: 40px !important;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child:before {
  display: none !important;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 90px;
  color: #f08927;
}
.banner_01 .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before {
  opacity: 1;
  width: 50px;
  transition: all 5s;
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
}
