/*
* Power by www.826pc.com
*/
@import "iconfont.css";
.fyc {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center
}
.fwbet {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.wrap {
	width: 88vw;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto
}
@media (max-width:639px) {
.wrap {
	width: 92vw
}
}
.ver>* {
	display: inline-block;
	vertical-align: middle
}
.table-cell {
	display: table;
	width: 100%
}
.table-cell>* {
	display: table-cell;
	vertical-align: middle
}
.row-pv0 {
	margin-left: 0;
	margin-right: 0
}
.row-pv0>* {
	padding-left: 0;
	padding-right: 0
}
.mv0 {
	margin-left: 0!important;
	margin-right: 0!important
}
.pv0 {
	padding-left: 0!important;
	padding-right: 0!important
}
.pt0 {
	padding-top: 0px !important
}
.pb0 {
	padding-bottom: 0px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mt0 {
	margin-top: 0!important
}
.bggray {
	background: #f9f9f9
}
.bgf {
	background: #fff
}
.c {
	color: #fdd000
}
.bgc {
	background-color: #fdd000
}
.cf {
	color: #fff
}
.bg0 {
	background-color: #131210
}
.hv:hover {
	color: #fdd000
}
.hvf:hover {
	color: #fff
}
.bghover {
	transition: .6s
}
.bghover:Hover {
	background-color: #fdd000;
	color: #fff
}
.l {
	border: 1px solid #ececec
}
.lb {
	border-bottom: 1px solid #ececec
}
.lt {
	border-top: 1px solid #ececec
}
.coverbox {
	position: relative;
	display: block;
	overflow: hidden
}
.coverbox .coverimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
	transition: transform .6s ease 0s
}
.coverbox .coverimg.cover {
	background-size: cover
}
.coverbox ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}
@media (min-width:993px) {
.coverbox.scale:hover .cover-tip {
	opacity: 1;
	filter: alpha(opacity=1)
}
.coverbox.scale:hover .coverimg {
	transform: scale(1.05, 1.05)
}
.coverbox.scale:hover .icon-bofang1 {
font-size:.6rem
}
}
.cover-tip {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .4s ease 0s;
	z-index: 55
}
.cover-tip .bgbox {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}
.cover-tip .bgbox.blue {
	background-color: rgba(0,161,230,0.8)
}
.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}
.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}
.cover-tip .line {
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	transition: all .6s ease 0s
}
.cover-tip .linet {
	top: 0
}
.cover-tip .lineb {
	bottom: 0
}
.cover-tip:hover .line {
	width: 6px;
	margin-left: -3px;
	opacity: .6;
	filter: alpha(opacity=60)
}
.videos-box {
	text-align: center;
	background-color: #e4e8e3;
	background: linear-gradient(90deg, #f1eff1 50%, #e4e8e3 50%)
}
.videos-box .content {
	position: relative;
	max-height: 1000px;
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden
}
.videos-box .content .bg {
	width: 100%
}
@media (max-width:991px) {
.videos-box .content {
	height: 6rem
}
}
.videos-box video {
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.videos-box .item {
	position: absolute;
	z-index: 55
}
.videos-box .item_1 {
	left: 24.6%;
	top: 26%
}
.videos-box .item_1 .info {
	left: auto;
	right: 100%;
	margin-right: 15px
}
.videos-box .item_2 {
	left: 41.9%;
	top: 25.5%
}
.videos-box .item_3 {
	left: 74.9%;
	top: 35%
}
.videos-box .item_3 .info {
	left: auto;
	right: 100%;
	margin-right: 15px
}
.videos-box .item_4 {
	right: 15.7%;
	top: 59.8%
}
.videos-box .item_4 .info {
	left: auto;
	right: 100%;
	margin-right: 15px
}
.videos-box .item_5 {
	left: 62.5%;
	top: 53.5%
}
.videos-box .item_6 {
	left: 70.5%;
	top: 63.5%
}
.videos-box .item_7 {
	left: 60.7%;
	top: 69%
}
.videos-box .link {
	display: block;
	position: relative
}
.videos-box .info {
	position: absolute;
	left: 42px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	white-space: nowrap;
	font-size: 16px;
	padding: 0 23px;
	line-height: 54px;
	pointer-events: none;
	z-index: 555
}
@media (max-width:1200px) {
.videos-box .info {
	line-height: 46px
}
}
.videos-box .info::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background-color: #fdd000;
	border-radius: 30px
}
.videos-box .icon {
	width: 30px;
	height: 30px;
	display: inline-block;
	color: #a1b8fd;
	margin-right: 10px;
	vertical-align: middle;
	opacity: 0;
	z-index: 5
}
@media (max-width:1200px) {
.videos-box .icon {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 0px
}
}
.videos-box .title {
	font-size: 18px;
	margin-right: 30px;
	vertical-align: middle
}
@media (max-width:1200px) {
.videos-box .title {
	font-size: 16px;
	margin-right: 10px
}
}
.videos-box .info span {
	opacity: 0
}
.videos-box .dot {
	position: relative;
	animation: bordershow 3s infinite;
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 7px solid #fcd100;
	border-radius: 50%
}
.videos-box .dot::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(165,159,185,0.4)
}
.videos-box .dot::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(165,159,185,0.4)
}
.videos-box .dot::before {
	animation: round 3s .75s infinite
}
.videos-box .dot::after {
	animation: round 3s infinite
}
.videos-box .info {
	font-size: 10px
}
.videos-box .info .arr {
	font-weight: bold;
	font-size: 16px
}
@media (max-width:1200px) {
.videos-box .info .arr {
	font-size: 14px
}
}
.videos-box .info::after {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	width: 42px;
	height: 100%
}
@media (min-width:992px) {
.videos-box .item.active {
	z-index: 555
}
.videos-box .item.active .info {
	pointer-events: all
}
.videos-box .item.active .info::before {
	width: 100%;
	transition: all .4s cubic-bezier(.34, .44, .41, 1.12)
}
.videos-box .item.active .icon, .videos-box .item.active .info span {
	opacity: 1;
	transition: all .36s .4s
}
}
@keyframes round {
0% {
transform:translate(-50%, -50%) scale(1);
opacity:0
}
20% {
opacity:1
}
75% {
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
opacity:0
}
}
@keyframes bordershow {
50% {
box-shadow:0 0 10px 0 #fdd000
}
}
.iconfont {
	font-size: inherit
}
.cover-box ._bg {
	width: 100%
}
.medium {
	font-family: medium
}
.datas .val {
	font-family: medium
}
.fadeIntop {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(30px)
}
.fadeIntop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: all .3s ease 0s
}
.pt0 {
	padding-top: 0 !important
}
.c {
	color: #fdd000
}
.swiper-pagination-bullet-active {
	background-color: #fdd000 !important
}
.cItem:not(.active) {
	display: none
}
.bsBox {
	box-sizing: content-box
}
.bsBox>* {
	box-sizing: content-box
}
.pagination {
	text-align: center;
	display: block
}
.pagination a {
	margin: 0 2px
}
@media (max-width:480px) {
.pagination a {
	margin: 0 2px
}
.pagination li>* {
	padding: 5px 12px !important
}
}
.pagination .active>a, .pagination .active>span, .pagination .active>a:hover, .pagination .active>span:hover, .pagination .active>a:focus, .pagination .active>span:focus {
	color: #fff;
	background-color: #fdd000
}
.pagination a, .pagination span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #000;
	border-radius: 0 !important;
	padding: 6px 12px;
	border: 1px solid #ececec
}
.pagination a:hover, .pagination span:hover {
	z-index: 2;
	color: #fff;
	background-color: #fdd000;
	border-color: #fdd000
}
.pagination span.current {
	color: #fff;
	background-color: #fdd000;
	border-color: #fdd000
}
.pagination a, .pagination span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	padding: 6px 12px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #fdd000
}
#totop {
	width: 50px;
	height: 50px;
	background: url('../images/top.png') no-repeat center center;
	background-color: #a8a8a8;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 5555;
	cursor: pointer;
	border-radius: 50%;
	transition: .6s;
	opacity: 0;
	transform: translateY(20px)
}
@media (max-width:640px) {
#totop {
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background-size: 20px
}
}
@media (min-width:768px) {
#totop:hover {
	background-color: #fdd000
}
}
#totop.show {
	transform: translateY(0);
	opacity: 1
}
header {
	transition: .6s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	background-color: #131210
}
@media (min-width:992px) {
header.home {
	background-color: rgba(0,0,0,0.7)
}
}
@media (max-width:1199px) {
header {
	position: fixed !important;
	position: relative
}
}
header .logo {
	width: 140px;
	height: 100%;
	background: url('../images/logo.png') no-repeat left center;
	display: block;
	transition: .6s;
	background-size: contain
}
.head_wrap {
	transition: .6s;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
height:.88rem
}
@media (max-width:992px) {
.head_wrap {
	justify-content: space-between;
	height: 80px
}
}
@media (max-width:768px) {
.head_wrap {
	height: 60px
}
}
.header_nav {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	transition: .6s
}
@media (min-width:1200px) {
.header_nav {
	overflow: hidden
}
.header_nav:hover {
	overflow: visible
}
}
.header_nav .header_inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
@media (min-width:1361px) {
.header_nav .header_inner {
	position: relative
}
}
@media (max-width:1200px) {
.header_nav .header_inner {
	justify-content: space-between
}
}
.header_nav .nav_li {
margin:0 .34rem
}
@media (max-width:1460px) {
.header_nav .nav_li {
margin:0 .3rem
}
}
header .header_nac {
	display: block;
	position: relative;
	color: #fff;
line-height:.88rem;
	font-size: 18px;
	font-weight: bold
}
@media (max-width:1460px) {
header .header_nac {
	font-size: 16px
}
}
header .header_nac::after {
	content: '';
	display: block;
	position: absolute;
	height: 3px;
	background-color: #fdd000;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	transition: .6s
}
header .head_wrap .drop {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: 100%;
	min-width: 130px;
	transition: .6s;
	opacity: 0;
	white-space: nowrap;
	background: rgba(0,0,0,0.9);
	z-index: 55;
	padding: 14px 0;
	text-align: center;
	font-size: 16px
}
header .head_wrap .drop a {
	overflow: hidden;
	display: block;
	line-height: 40px;
	padding: 0 24px;
	color: #fff;
	transition: .6s
}
header .head_wrap .drop a:hover {
	color: #fdd000;
	transform: translateX(5px)
}
header .nav_li {
	position: relative
}
@media (min-width:1200px) {
header .nav_li {
	overflow: hidden
}
}
header .nav_li.active .header_nac {
	color: #fdd000
}
header .nav_li .header_nac.active::after {
	width: 50px
}
@media (min-width:1200px) {
header .nav_li:hover {
	overflow: visible
}
header .nav_li:hover .header_nac::after {
	width: 50px
}
header .nav_li:hover .drop {
	opacity: 1
}
}
.header_tool {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	font-size: 14px;
	color: #fff
}
.header_tool .hd_code {
	padding: 0 16px;
	position: relative;
	margin-right: 16px;
	cursor: pointer;
height:.88rem;
line-height:.88rem;
	overflow: hidden
}
.header_tool .hd_code::after {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.header_tool .hd_code .code {
	font-size: 24px
}
.header_tool .hd_code .drop {
	padding: 14px;
	width: 160px;
	top: 100%
}
.header_tool .hd_code:hover {
	overflow: visible
}
.header_tool .hd_code:hover .iconfont {
	color: #fdd000
}
.header_tool .hd_code:hover .drop {
	text-align: center;
	opacity: 1
}
.header_tool .hd_code:hover .drop img {
	width: 100%
}
.header_tool .hd_search_btn {
	cursor: pointer;
	font-weight: bold;
	font-size: 15px
}
.header_tool .hd_search_btn>* {
	display: inline-block;
	vertical-align: middle
}
.header_tool .hd_search_btn i {
	font-size: 18px;
	margin-left: 4px
}
.header_btn {
	font-size: 18px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
.header_btn .offer {
	margin-right: 34px;
	color: #fff
}
.header_btn .offer:hover {
	color: #fdd000
}
.header_btn .contact {
	background-color: #fdd000;
	color: #fff;
	width: 92px;
	height: 40px;
	line-height: 40px;
	text-align: center
}
.header_btn .contact .ac {
	color: #fff
}
@media (max-width:992px) {
.header_btn .contact {
	height: 34px;
	width: 72px
}
.header_btn .contact span {
	height: 34px;
	line-height: 34px
}
}
.hd-search-box {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #131210;
	padding: 20px 10px;
	display: none;
	z-index: 555;
top:.88rem;
	color: #fff
}
.hd-search-box .inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: end;
	box-pack: end;
	-webkit-justify-content: end;
	justify-content: end;
	width: 88vw;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto
}
@media (max-width:639px) {
.hd-search-box .inner {
	width: 92vw
}
}
.hd-search-box form {
	border: 1px solid #fdd000;
	max-width: 500px;
	display: block;
	position: relative;
	border-radius: 3px;
	width: 80%;
	min-width: 500px
}
.hd-search-box form input {
	font-size: 16px;
	color: #fff
}
.hd-search-box form input::-webkit-input-placeholder, .hd-search-box form textarea::-webkit-input-placeholder {
color:#ccc
}
.hd-search-box form input:-moz-placeholder, .hd-search-box form textarea:-moz-placeholder {
color:#ccc
}
.hd-search-box form input::-moz-placeholder, .hd-search-box form textarea::-moz-placeholder {
color:#ccc
}
.hd-search-box form input:-ms-input-placeholder, .hd-search-box form textarea:-ms-input-placeholder {
color:#ccc
}
.hd-search-box .key {
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px
}
.hd-search-box .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-left: 1px solid #fdd000;
	text-align: center;
	width: 50px;
	font-size: 20px;
	line-height: 40px;
	height: 40px
}
.hd-search-box .submit .iconfont {
	font-size: 20px;
	color: #fff
}
.hd-search-box .submit:hover {
	background-color: #fdd000;
	color: #fff
}
.hd-search-box ._close {
	height: 40px;
	line-height: 42px;
	margin-left: 20px;
	margin-right: 4px;
	text-align: center;
	font-size: 20px;
	display: block;
	cursor: pointer
}
.hd-search-box ._close:hover {
	color: #fdd000
}
@media (max-width:992px) {
.hd-search-box {
	top: 80px
}
}
@media (max-width:768px) {
.hd-search-box {
	padding: 20px 4%;
	top: 60px
}
.hd-search-box .inner {
	float: none;
	width: 100%
}
.hd-search-box form {
	min-width: auto;
	width: 90%
}
.hd-search-box ._close {
	position: relative
}
}
@media (max-width:480px) {
.hd-search-box {
	bottom: 0;
	height: 100px
}
}
.m-menus {
	width: 100%;
	max-width: 640px;
	height: 100vh;
	position: fixed;
	top: 80px;
	right: -100%;
	background-color: #131210;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	z-index: -999;
	padding-top: 2%;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.1)
}
@media (max-width:768px) {
.m-menus {
	top: 60px
}
}
.m-menus .inner {
	height: calc((100vh - 85px));
	padding: 10px 30px 40px;
	overflow-x: hidden;
	overflow-y: auto
}
@media (max-width:768px) {
.m-menus {
	top: 60px
}
.m-menus .inner {
	height: calc((100vh - 60px))
}
}
.m-menus a {
	display: block;
	color: #fff
}
.m-menus.active {
	z-index: 999;
	transition: .6s;
	right: 0
}
.m-menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	text-align: left
}
.m-menus .item .tit {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}
.m-menus .item>a, .m-menus .tit {
	display: block;
	line-height: 46px;
	position: relative;
	font-size: 16px
}
.m-menus .tit {
	position: relative
}
.m-menus .tit a {
	display: inline-block;
	min-width: 50vw
}
.m-menus .tit .iconfont {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: inherit;
	padding: 0 10px;
	color: #fff;
	font-size: 17px
}
.m-menus .xs-menu {
	display: none;
	text-align: left
}
.m-menus .xs-menu dd {
	line-height: 30px;
	font-size: 14px
}
.m-menus .active .tit, .m-menus .open .tit {
	color: #fff
}
.m-menus .active .tit a, .m-menus .open .tit a {
	color: #fff
}
.m-menus .active .iconfont::before, .m-menus .open .iconfont::before {
	content: "\e627"
}
.m-menus .active .xs-menu, .m-menus .open .xs-menu {
	padding: 0px 0 30px;
	border-top: 1px solid rgba(255,255,255,0.14)
}
.menu_btn_box {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
.menu_btn {
	width: 50px;
	height: 50px;
	z-index: 101;
	cursor: pointer;
	transform-origin: center center;
	position: relative;
	display: block;
	top: -5px
}
.menu_btn i {
	position: absolute;
	width: 26px;
	height: 1px;
	background: #fff;
	left: 12px;
	display: block;
	transition: all .4s ease-in-out
}
.menu_btn i:nth-of-type(1) {
	top: 20px
}
.menu_btn i:nth-of-type(2) {
	top: 30px
}
.menu_btn i:nth-of-type(3) {
	top: 40px
}
.menu_btn.active i:nth-of-type(1) {
	transform: rotate(225deg) translate(-7px, -7px)
}
.menu_btn.active i:nth-of-type(3) {
	opacity: 0
}
.menu_btn.active i:nth-of-type(2) {
	transform: rotate(-225deg) translate(0, 0)
}
.bggray {
	background: #f9f9f9
}
.foot_up {
padding:.9rem 0 .56rem;
	background-color: #131210
}
@media (min-width:1200px) {
.foot_up .ft-navs {
	display: flex;
	justify-content: space-between
}
.foot_up .ft-navs .ft-contact {
	order: -1
}
}
@media (min-width:992px) {
.ft-navs {
	display: flex;
	justify-content: space-between
}
.ft-navs li+li {
	margin-left: 1rem
}
}
@media (min-width:992px) and (max-width:1199px) {
.ft-navs {
	flex-wrap: wrap
}
}
@media (min-width:992px) and (max-width:1360px) and (min-width:1200px) {
.ft-navs li+li {
margin-left:.7rem
}
}
@media (max-width:1199px) {
.ft-navs .navitem.ft-contact {
	margin-left: auto;
	margin-right: auto;
	min-width: 70vw
}
}
@media (max-width:1199px) and (min-width:992px) {
.ft-navs .navitem {
margin-bottom:.5rem
}
}
.ft-navs .navitem h4 {
	font-size: 18px;
	position: relative;
	margin-bottom: 16px;
	font-weight: bold;
	color: #fff
}
.ft-navs .navitem .icon-jia {
	float: right;
	transition: .3s;
	display: none;
	margin-right: 10px
}
.ft-navs .navitem .info {
	line-height: 40px;
	font-size: 16px
}
.ft-navs .navitem .info a {
	color: #acacac;
	display: block
}
.ft-navs .navitem .info a:hover {
	color: #fff
}
@media (max-width:991px) {
.ft-navs {
margin-bottom:.5rem
}
.ft-navs .navitem {
	float: none;
	width: 100%
}
.ft-navs .navitem .icon-jia {
	display: block
}
.ft-navs .navitem h4 {
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.14);
	line-height: 50px;
	margin: 0;
	font-weight: normal
}
.ft-navs .navitem .info {
	display: none;
	font-size: 15px;
	padding: 10px 30px;
	line-height: 2
}
.ft-navs .navitem.active h4 {
	font-weight: bold
}
.ft-navs .navitem.active .iconfont::before {
	content: "\e627"
}
}
@media (max-width:768px) {
.ft-navs .navitem h4 {
	font-size: 16px
}
}
.foot_down {
	background-color: #fdd000;
padding:.2rem 0;
	color: #666;
	line-height: 1.8
}
@media (min-width:1200px) {
.foot_down .wrap {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
}
.foot_down .lbox, .foot_down .rbox {
padding:.1rem 0
}
.foot_down .lbox {
	font-size: 14px
}
.foot_down .lbox a {
	color: #666
}
.foot_down .lbox a:hover {
	color: #000
}
@media (max-width:480px) {
.foot_down .lbox a {
	display: inline-block
}
}
.foot_down .rbox {
	font-size: 16px
}
.foot_down .rbox a {
	display: inline-block;
padding:0 .32rem;
	color: #003333;
	position: relative
}
.foot_down .rbox a:hover {
	color: #000
}
.foot_down .rbox a+a {
	position: relative
}
.foot_down .rbox a+a::before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background-color: #848484;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}
.foot_down .rbox a:first-child {
	padding-left: 0
}
.ft-contact {
	margin-left: 0!important
}
@media (min-width:1200px) {
.ft-contact {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}
}
@media (min-width:1200px) and (max-width:1360px) {
.ft-contact {
	max-width: 28%
}
}
.ft-contact .logo {
	max-width: 104px
}
.ft-contact .contact {
	font-size: 16px;
	color: #dfdfdf
}
@media (min-width:1200px) {
.ft-contact .contact {
padding-top:.86rem
}
}
.ft-contact .tel {
	color: #fdd000;
font-size:.3rem;
	font-family: medium;
	display: inline-block;
margin:.1rem 0
}
@media (max-width:992px) {
.ft-contact .tel {
	font-size: 26px
}
}
@media (max-width:640px) {
.ft-contact .tel {
	font-size: 24px
}
}
@media (max-width:480px) {
.ft-contact .tel {
	font-size: 20px
}
}
@media (min-width:992px) {
.ft-codes {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}
}
@media (max-width:991px) {
.ft-codes {
	padding-top: 50px
}
}
.ft-codes .codes {
	display: flex;
margin-bottom:.8rem;
	justify-content: center
}
.ft-codes .codes dd {
	text-align: center;
	font-size: 16px;
	color: #fff;
	max-width: 1.16rem;
margin-left:.16rem
}
.ft-codes .codes dd:first-child {
	margin-left: 0
}
@media (max-width:991px) {
.ft-codes .codes dd {
	min-width: 90px;
	margin-left: 15px
}
}
@media (min-width:992px) {
.ft-codes .codes {
	justify-content: flex-end
}
}
@media (min-width:992px) and (max-width:1460px) {
.ft-codes .codes dd {
	max-width: 1rem
}
}
.ft-codes .codes .tit {
	margin-top: 14px
}
@media (min-width:992px) {
.ft-codes .frend_links {
	width: 222px;
	position: relative
}
.ft-codes .frend_links .tit {
	height: 46px;
	line-height: 46px;
	background: #ebebeb;
padding:0 .2rem;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	cursor: pointer
}
.ft-codes .frend_links .tit i {
	display: block
}
.ft-codes .frend_links .drop {
	position: absolute;
	bottom: 100%;
	width: 100%;
	left: 0;
	right: 0;
padding:.1rem .2rem;
	background: #fff;
	display: none;
	z-index: 5555
}
.ft-codes .frend_links .drop a {
	display: block;
	line-height: 34px
}
.ft-codes .frend_links .drop a:hover {
	color: #fdd000
}
.ft-codes .frend_links:hover .drop {
	display: block
}
}
@media (min-width:992px) and (min-width:992px) {
.ft-codes .frend_links {
	float: right
}
}
@media (min-width:992px) and (max-width:991px) {
.ft-codes .frend_links {
margin-bottom:.5rem
}
}
@media (max-width:991px) {
.ft-codes .frend_links {
margin-bottom:.6rem
}
.ft-codes .frend_links .tit {
	font-size: 16px;
	color: #dfdfdf;
	margin-bottom: 10px
}
.ft-codes .frend_links .tit .iconfont {
	display: none
}
.ft-codes .frend_links .drop a {
	display: inline-block;
	color: #dfdfdf;
	line-height: 1.8;
	margin-right: 2px
}
}
.lang_box {
	position: relative;
	z-index: 555
}
.lang_box .active {
	color: #fdd000
}
.lang_box .lang {
	text-transform: uppercase;
	cursor: pointer
}
.lang_box .lang>* {
	display: inline-block;
	vertical-align: middle
}
.lang_box .lang .iconfont {
	padding-left: 2px
}
.lang_box .drop {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #fdd000;
	padding: 10px;
	display: none
}
.lang_box .drop a {
	color: #fff;
	transition: .6s;
	padding: 0 5px;
	font-size: 15px;
	display: block
}
.lang_box .drop a:hover {
	transform: translateX(2px)
}
.index_banner {
	position: relative;
	overflow: hidden;
	height: 7.2rem;
	max-height: 100vh
}
@media (max-width:480px) {
.index_banner {
	height: 50vh
}
}
.index_banner .pnext-wrap {
	position: absolute;
bottom:.4rem;
	left: 0;
	right: 0
}
.index_banner .pnext-wrap .wrap {
	position: relative;
height:.62rem;
	text-align: right
}
.index_banner .pnext-wrap .pnext {
width:.62rem;
height:.62rem;
line-height:.62rem;
	text-align: center;
	border: 1px solid #fff;
	position: inherit;
	left: 0;
	right: 0;
	display: inline-block;
margin-left:.1rem;
	top: 0;
	margin-top: 0;
	color: #fff;
font-size:.2rem
}
.index_banner .pnext-wrap .pnext::after {
	font-size: inherit
}
.index_banner .pnext-wrap .pnext:hover {
	background-color: #fdd000;
	border-color: #fdd000;
	color: #000
}
.index_banner .swiper-pagination {
bottom:.4rem
}
.index_banner .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
width:.12rem;
height:.12rem;
margin:0 .07rem
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fdd000
}
.index_banner li {
	position: relative
}
.index_banner li .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6
}
.index_banner .bg {
	display: block;
	height: 100%;
	transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform: scale(1.1);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%
}
.index_banner .bg img {
	visibility: hidden
}
.index_banner .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	top: 52%;
	width: 88vw;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-align: center
}
@media (max-width:639px) {
.index_banner .content {
	width: 92vw
}
}
@media (min-width:768px) {
}
.index_banner .content .inner {
	max-width: 1200px;
	margin: 0 auto
}
.index_banner .content h3 {
font-size:.7rem;
	line-height: 1.2;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
margin-bottom:.3rem
}
.index_banner .content .vmore {
	position: relative;
	z-index: 55
}
@media (max-width:768px) {
.index_banner .content h3 {
font-size:.5rem
}
}
.index_banner video {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.index_banner .swiper-slide-active .bg {
	transform: scale(1)
}
.vbtn {
height:.58rem;
line-height:.58rem;
	display: inline-block;
padding:0 .26rem;
	border: 1px solid #fdd000;
	background-color: #fdd000;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 14px
}
.vbtn.shadow {
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.vbtn em {
padding-right:.6rem;
	display: block;
	transition: all .3s;
	position: relative
}
.vbtn em i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
	font-size: 12px
}
@media (max-width:992px) {
.vbtn {
height:.7rem;
line-height:.7rem;
padding:0 .3rem
}
}
@media (max-width:480px) {
.vbtn {
	height: 40px;
	line-height: 40px;
padding:0 .4rem
}
}
.vbtn:hover {
	background-color: #fdd000;
	border-color: #fdd000;
	color: #fff
}
.vbtn:hover em {
	transform: translateX(5px)
}
.vbtn.white {
	background: #fff;
	border-color: #fff;
	color: #000
}
.vbtn.white:hover {
	background-color: #fdd000;
	border-color: #fdd000;
	color: #fff
}
.vbtn.white:hover em {
	background-image: url('../images/arrf.png')
}
.vbtn.bg {
	background-color: #fdd000;
	border-color: #fdd000
}
.vbtn.bg em {
	background-image: url('../images/arrf.png')
}
.vbtn.bg:hover {
	background-color: #151c2a;
	border-color: #151c2a
}
.vbtn._line {
	border-color: #cecece;
	background: none;
	color: #333
}
.vbtn._line:hover {
	background-color: #fdd000;
	border-color: #fdd000;
	color: #fff
}
.fs24 {
font-size:.24rem
}
@media (max-width:992px) {
.fs24 {
	font-size: 20px
}
}
@media (max-width:640px) {
.fs24 {
	font-size: 19px
}
}
.fs30 {
font-size:.3rem
}
@media (max-width:992px) {
.fs30 {
	font-size: 26px
}
}
@media (max-width:640px) {
.fs30 {
	font-size: 24px
}
}
@media (max-width:480px) {
.fs30 {
	font-size: 20px
}
}
.fs36 {
font-size:.36rem
}
@media (max-width:768px) {
.fs36 {
	font-size: 24px
}
}
@media (max-width:640px) {
.fs36 {
	font-size: 22px
}
}
.fs44 {
font-size:.44rem;
	font-weight: bold;
	line-height: 1
}
.vhd {
	position: relative;
margin-bottom:.5rem
}
.vhd .vtit {
font-size:.44rem;
	font-weight: bold;
	line-height: 1;
	color:#0c1c95;
}
.vhd .desc {
	font-size: 18px;
	margin-top: 14px
}
.vhd .vbtn {
	position: absolute;
	right: 0;
bottom:.2rem
}
@media (max-width:768px) {
.vhd .vbtn {
padding:0 .2rem;
	height: 32px;
	line-height: 32px;
	bottom: auto;
	top: 0
}
.vhd .vbtn em {
padding-right:.4rem
}
.vhd .vbtn+.desc {
	margin-right: 20px
}
}
@media (max-width:768px) and (max-width:640px) {
.vhd .vbtn {
	top: -0.2rem
}
}
@media (max-width:640px) {
.vhd .desc {
	font-size: 16px;
	margin-top: 10px
}
}
.vmore {
	background: #fff;
	color: #fdd000;
	height: 48px;
	line-height: 48px;
padding:0 .42rem;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	transition: .6s
}
.vmore .iconfont {
	padding-left: 6px;
	font-size: 18px
}
.vmore:hover {
	background: #000;
	color: #fff
}
.vmore.vmorec {
	background-color: #fdd000;
	color: #fff
}
.vmore.vmorec:hover {
	background: #fff;
	color: #fdd000
}
@media (max-width:480px) {
.vmore {
	height: 44px;
	line-height: 44px;
	padding: 0 36px
}
}
.index_menu {
	background-color: #fdd000;
padding:.56rem 0 0
}
.index_menu .vhd {
	text-align: center
}
@media (min-width:38px) {
.index_menu .bd {
	display: flex
}
.index_menu .item:first-child {
	width: 42%
}
.index_menu .item:nth-child(2) {
	width: 29%
}
.index_menu .item:nth-child(3) {
	flex: 1
}
}
@media (min-width:38px) and (max-width:767px) {
.index_menu .bd {
	flex-wrap: wrap
}
}
@media (min-width:38px) and (max-width:767px) {
.index_menu .item:first-child {
	width: 100%
}
.index_menu .item:nth-child(2) {
	width: 50%
}
.index_menu .item:nth-child(3) {
	width: 50%
}
}
.index_menu .item {
padding:1.4rem .4rem .36rem;
	max-height: 255px;
	display: block;
	position: relative;
	overflow: hidden
}
@media (max-width:480px) {
.index_menu .item {
padding:.8rem 0 .4rem .3rem
}
}
.index_menu .item .bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: .6s
}
.index_menu .item .inner {
	position: relative;
	z-index: 5;
	transition: .6s
}
.index_menu .item h3 {
font-size:.24rem;
	margin-bottom: 4px
}
@media (max-width:992px) {
.index_menu .item h3 {
	font-size: 20px
}
}
@media (max-width:640px) {
.index_menu .item h3 {
	font-size: 19px
}
}
.index_menu .item .txt {
	font-size: 16px;
	color: #666
}
@media (max-width:992px) {
.index_menu .item .txt {
	font-size: 14px
}
}
.index_menu .item:hover::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(253,208,0,0.2);
	left: 0;
	top: 0;
	z-index: 2
}
.index_menu .item:hover .bg {
	transform: scale(1.1)
}
.index_menu .item:hover .inner {
	transform: translateY(-10px)
}
.index_menu .item:nth-child(2):hover::after {
	background-color: rgba(252,128,140,0.1)
}
.index_news {
padding:.7rem 0
}
.index_news .vhd {
	position: relative
}
.index_news .vhd .vbtn {
	position: absolute;
	right: 0;
bottom:.2rem
}
.index_news .top {
	margin-bottom: 20px
}
@media (min-width:768px) {
.index_news .top {
	display: flex;
	align-items: stretch
}
.index_news .top .iswiper_rec {
	width: 60%
}
.index_news .top .playbox {
margin-left:.2rem;
	flex: 1
}
}
@media (max-width:767px) {
.index_news .iswiper_rec {
margin-bottom:.2rem
}
}
.index_news .iswiper_rec .pnext {
	font-size: 26px;
font-size:.24rem;
	color: #fff
}
@media (max-width:992px) {
.index_news .iswiper_rec .pnext {
	font-size: 20px
}
}
@media (max-width:640px) {
.index_news .iswiper_rec .pnext {
	font-size: 19px
}
}
.index_news .iswiper_rec .pnext::after {
	font-size: inherit
}
@media (max-width:991px) {
.index_news .iswiper_rec .pnext.swiper-button-prev {
	left: 0
}
.index_news .iswiper_rec .pnext.swiper-button-next {
	right: 0
}
}
.index_news .iswiper_rec li {
	position: relative
}
.index_news .iswiper_rec .info {
	position: absolute;
left:.4rem;
right:.4rem;
bottom:.3rem;
	color: #fff;
	z-index: 5
}
.index_news .iswiper_rec .info h5 {
	font-size: 28px
}
@media (max-width:1680px) {
.index_news .iswiper_rec .info h5 {
font-size:.24rem
}
}
@media (max-width:1680px) and (max-width:992px) {
.index_news .iswiper_rec .info h5 {
	font-size: 20px
}
}
@media (max-width:1680px) and (max-width:640px) {
.index_news .iswiper_rec .info h5 {
	font-size: 19px
}
}
.index_news .iswiper_rec .info .time {
	font-size: 16px;
	margin-bottom: 6px
}
@media (max-width:640px) {
.index_news .iswiper_rec .info {
	bottom: 20px
}
.index_news .iswiper_rec .info .time {
	font-size: 14px
}
.index_news .iswiper_rec .info h5 {
	font-size: 17px
}
}
.index_news .playbox {
	position: relative
}
@media (min-width:768px) {
.index_news .playbox .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
}
.index_news .playbox .info {
	text-align: center;
font-size:.24rem;
	color: #fff
}
@media (max-width:992px) {
.index_news .playbox .info {
	font-size: 20px
}
}
@media (max-width:640px) {
.index_news .playbox .info {
	font-size: 19px
}
}
@media (min-width:768px) {
.index_news .playbox .info {
	position: absolute;
	z-index: 5;
left:.4rem;
bottom:.3rem
}
}
.index_news .playbox .info .play {
width:.64rem;
height:.64rem;
	background: url('../images/play.png') no-repeat center center;
	background-size: contain;
	display: block;
margin:0 auto .14rem
}
@media (max-width:767px) {
.index_news .playbox .info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}
.index_news .playbox .info .play {
	width: 50px;
	height: 50px;
	margin-bottom: 14px
}
}
.iswiper_news {
	position: relative;
	padding-bottom: 60px
}
@media (min-width:640px) {
.iswiper_news {
	margin-left: -0.1rem;
	margin-right: -0.1rem
}
.iswiper_news .inner {
margin:0 .1rem
}
}
.iswiper_news li {
	width: 33.33%
}
@media (max-width:991px) {
.iswiper_news li {
	width: 50%
}
}
@media (max-width:639px) {
.iswiper_news li {
	width: 100%
}
}
.iswiper_news .inner {
	border: 1px solid #ececec;
padding:.36rem;
	transition: .6s
}
.iswiper_news .inner:hover {
	background: #f9f9f9
}
@media (max-width:1200px) {
.iswiper_news .inner {
padding:.3rem
}
}
.iswiper_news .tit {
	font-size: 20px;
	line-height: 1.6;
	height: 64px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: block
}
.iswiper_news .tit:hover {
	color: #fdd000
}
.iswiper_news .desc {
	color: #666;
margin:15px 0 .54rem;
	line-height: 1.76
}
.iswiper_news .time {
	color: #666
}
@media (max-width:480px) {
.iswiper_news .tit {
	font-size: 17px;
	line-height: 28px;
	height: 56px
}
}
.index_product {
	background: url('../images/i_c1.jpg') no-repeat center center;
	background-size: cover;
	position: relative
}
.index_product .swiper-container {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}
@media (max-width:767px) {
.index_product .swiper-container {
	display: none
}
}
@media (min-width:768px) {
.index_product .content {
	display: flex;
	position: relative;
	z-index: 55
}
.index_product .vhd .vtit {
font-size:.4rem
}
.index_product .vhd .vtit a {
	color: #fff
}
.index_product .vhd .vtit a:hover {
	color: #fdd000
}
.index_product .item {
	flex: 1;
	position: relative;
	z-index: 5
}
}
@media (min-width:768px) and (max-width:991px) {
.index_product .item:hover {
	flex: 1.3
}
}
@media (min-width:768px) {
.index_product .item {
	color: #fff;
padding:1.2rem .7rem 1rem;
	height: 8.6rem;
	max-height: 100vh;
	position: relative;
	background: none!important
}
.index_product .item::before {
	content: '';
	display: block;
	position: absolute;
	width: 0%;
	height: 10px;
	transition: .6s;
	background-color: #fdd000;
	left: 0;
	bottom: 0
}
.index_product .item::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	opacity: .3;
	right: 0;
	top: 0
}
.index_product .vhd {
	position: absolute;
left:.7rem;
	bottom: 1rem;
	margin-bottom: 0
}
.index_product .vhd .desc {
	display: none
}
.index_product .nav {
	position: absolute;
left:.7rem;
	bottom: 1rem;
right:.7rem;
	transition: .6s;
	transform: translateY(20px);
	opacity: 0
}
.index_product .nav a {
	width: 1.36rem;
height:.46rem;
line-height:.46rem;
	text-align: center;
	width: 136px;
	border: 1px solid #fff;
	float: left;
	color: #fff;
	margin: 0 10px 10px 0;
	background: rgba(0,0,0,0.2)
}
.index_product .nav a:hover {
	background-color: #fdd000;
	color: #fff;
	border-color: #fdd000
}
.index_product .item.active::before {
	width: 100%
}
.index_product .item.active .vhd {
	bottom: auto;
	top: 1.1rem
}
.index_product .item.active .vhd .desc {
	display: block
}
.index_product .item.active .nav {
	opacity: 1;
	transform: translateY(0)
}
}
@media (min-width:768px) and (max-width:1200px) {
.index_product .item {
padding:1rem .5rem .8rem
}
}
@media (min-width:768px) and (max-width:991px) {
.index_product .vhd {
left:.4rem
}
}
@media (min-width:768px) and (min-width:1360px) {
.index_product .nav {
	max-width: 3rem
}
}
@media (min-width:768px) and (max-width:991px) {
.index_product .nav {
left:.4rem;
right:.4rem;
bottom:.6rem
}
}
@media (min-width:768px) and (max-width:991px) {
.index_product .nav a {
	height: 40px;
	line-height: 40px;
	max-width: none
}
}
@media (max-width:767px) {
.index_product {
	background: none!important
}
.index_product .item {
	width: 88vw;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
padding:.5rem 4vw;
	color: #fff;
padding:1rem .6rem;
	border: 1px solid rgba(255,255,255,0.6);
	border-bottom: 5px solid #fdd000;
	margin-bottom: 20px;
	position: relative
}
.index_product .vtit a {
	color: #fdd000
}
.index_product .nav {
padding-top:.5rem
}
.index_product .nav a {
	height: 40px;
	line-height: 40px;
	border: 1px solid rgba(255,255,255,0.3);
	float: left;
	background: rgba(0,0,0,0.2);
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 0 0 0 15px;
	width: 45%;
	max-width: 146px;
	text-align: center
}
.index_product .nav a:hover {
	background-color: #fdd000;
	color: #fff;
	border-color: #fdd000
}
}
@media (max-width:767px) and (max-width:639px) {
.index_product .item {
	width: 92vw
}
}
@media (max-width:767px) and (max-width:640px) {
.index_product .item {
padding:.7rem .5rem
}
}
.index_customer {
	padding: 1rem 0 1.4rem
}
.index_customer .vhd {
margin-bottom:.8rem
}
@media (min-width:992px) {
.index_customer .vhd {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.index_customer .vhd .datas {
	justify-content: flex-end;
	flex: 1
}
}
@media (max-width:991px) {
.index_customer .vhd {
	text-align: center
}
}
.index_customer .datas {
	display: flex;
	text-align: center
}
@media (max-width:991px) {
.index_customer .datas {
padding:0 0 .4rem;
	justify-content: center
}
}
.index_customer .datas dd {
padding:0 .7rem;
	position: relative
}
@media (max-width:1680px) {
.index_customer .datas dd {
padding:0 .5rem
}
}
@media (max-width:1100px) {
.index_customer .datas dd {
padding:0 .2rem
}
}
@media (max-width:991px) {
.index_customer .datas dd {
padding:0 .5rem
}
}
.index_customer .datas dd::after {
	content: '';
	display: block;
	width: 1px;
height:.8rem;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.index_customer .datas dd:first-child {
	padding-left: 0
}
.index_customer .datas dd:last-child {
	padding-right: 0
}
.index_customer .datas dd:last-child::after {
	display: none
}
@media (max-width:639px) {
.index_customer .datas {
	flex-wrap: wrap
}
.index_customer .datas dd {
	width: 50%;
margin-bottom:.4rem;
	padding: 0!important
}
.index_customer .datas dd:nth-child(2)::after {
	display: none
}
}
.index_customer .datas .val {
	color: #fdb812
}
.index_customer .datas .val em {
font-size:.3rem
}
@media (max-width:992px) {
.index_customer .datas .val em {
	font-size: 26px
}
}
@media (max-width:640px) {
.index_customer .datas .val em {
	font-size: 24px
}
}
@media (max-width:480px) {
.index_customer .datas .val em {
	font-size: 20px
}
}
.index_customer .datas b {
font-size:.52rem
}
.index_customer .datas .tit {
	color: #555
}
.index_customer .bd {
	position: relative
}
@media (max-width:991px) {
.index_customer .bd .info {
padding-top:.5rem
}
.index_customer .bd .info .txt {
margin-bottom:.5rem
}
}
@media (min-width:992px) {
.index_customer .bd .info {
	position: relative;
	padding-bottom: 1rem
}
.index_customer .bd .info .vbtn {
	position: absolute;
	left: 0;
	bottom: 0
}
}
@media (min-width:992px) {
.index_customer .bd {
	display: flex;
	align-items: stretch;
	justify-content: space-between
}
.index_customer .bd .img, .index_customer .bd .info {
	width: 46%
}
}
@media (min-width:992px) and (max-width:1199px) {
.index_customer .bd .img, .index_customer .bd .info {
	width: 48%
}
}
.index_customer .txt {
	font-size: 17px;
	line-height: 2
}
@media (max-width:1199px) {
.index_customer .txt {
	font-size: 16px;
	line-height: 1.8
}
}
.index_customer .btnbox {
	text-align: center;
padding-top:.24rem
}
.index_case {
padding:.76rem 0 1.5rem;
	background: url('../images/casebg.jpg') no-repeat center center;
	background-size: cover;
	background-color: #f2f2f2
}
.index_case .vhd {
	position: relative
}
.index_case .bd {
	background: #fff
}
@media (min-width:992px) {
.index_case .bd {
	position: relative
}
.index_case .bd .imgs-box {
	width: 70%
}
.index_case .bd .nav {
	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}
}
.index_case .imgs-box {
	position: relative
}
.index_case .imgs-box img {
	width: 100%
}
.index_case .imgs-box .info {
	max-width: 610px
}
.index_case .nav {
padding:.4rem .3rem
}
@media (max-width:1600px) {
.index_case .nav {
padding:.3rem .2rem
}
}
.index_case .nav .inner {
	overflow-y: auto;
	height: 100%;
padding-right:.2rem
}
.index_case .nav .inner::-webkit-scrollbar {
width:5px;
height:5px
}
.index_case .nav .inner::-webkit-scrollbar-thumb {
border-radius:5px;
background:#000
}
.index_case .nav .inner::-webkit-scrollbar-track {
border-radius:5px;
background:#e5e5e5
}
.index_case .nav dd {
	border-bottom: 1px solid #ececec;
	font-size: 18px
}
.index_case .nav dd.active {
	background-color: #fdd000;
	border-bottom-color: #fdd000
}
.index_case .nav dd.active a::before {
	background: #000
}
.index_case .nav a {
	display: block;
height:.64rem;
line-height:.64rem;
padding-left:.5rem;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.index_case .nav a::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fdd000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
left:.25rem;
	margin-left: -3px
}
@media (max-width:1600px) {
.index_case .nav a {
	font-size: 16px;
padding-left:.3rem
}
.index_case .nav a::before {
left:.1rem;
	margin-left: 0
}
}
.index_case .imgbox .info {
	position: absolute;
left:.4rem;
right:.4rem;
bottom:.5rem;
	color: #fff;
	z-index: 5
}
.index_case .imgbox .tit {
	font-size: 28px
}
@media (max-width:1680px) {
.index_case .imgbox .tit {
font-size:.3rem
}
}
@media (max-width:1680px) and (max-width:992px) {
.index_case .imgbox .tit {
	font-size: 26px
}
}
@media (max-width:1680px) and (max-width:640px) {
.index_case .imgbox .tit {
	font-size: 24px
}
}
@media (max-width:1680px) and (max-width:480px) {
.index_case .imgbox .tit {
	font-size: 20px
}
}
.index_case .imgbox .desc {
	font-size: 16px;
	margin-top: 16px;
	line-height: 28px
}
@media (min-width:640px) {
.index_case .imgbox .desc {
	width: 70%
}
}
@media (max-width:640px) {
.index_case .imgbox {
	bottom: 20px
}
.index_case .imgbox .desc {
	font-size: 14px;
	line-height: 26px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-top: 6px
}
}
.index_case .icase_swiper {
	padding-bottom: 50px
}
.index_case .icase_swiper .pnext {
	color: #fff
}
.index_case .icase_swiper .pnext::after {
	font-size: 24px
}
@media (min-width:641px) {
.index_case .icase_swiper .info {
bottom:.8rem
}
}
header+main {
margin-top:.88rem
}
@media (max-width:992px) {
header+main {
	margin-top: 80px
}
}
@media (max-width:768px) {
header+main {
	margin-top: 60px
}
}
@media (min-width:992px) {
header.home+main {
	margin-top: 0
}
}
.banner_box {
	position: relative;
	height: 5.8rem;
	overflow: hidden
}
.banner_box .bg {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform: scale(1.1)
}
.banner_box.animated .bg {
	transform: scale(1)
}
.banner_box .inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center
}
.banner_box .wrap {
	color: #fff
}
.banner_box h2 {
font-size:.6rem;
	line-height: 1.1
}
@media (max-width:640px) {
.banner_box {
	height: 4rem
}
}
.fixed_nav_swiper {
	font-size: 16px
}
.fixed_nav_swiper li {
	width: auto;
	display: inline-block;
	font-size: 17px;
padding:0 .14rem
}
.fixed_nav_swiper a {
	color: #666
}
.fixed_nav_swiper em {
	display: block;
	position: relative;
	line-height: 1rem
}
.fixed_nav_swiper em::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 3px;
	background-color: #fdd000;
	left: 0;
	bottom: 0
}
@media (max-width:992px) {
.fixed_nav_swiper em {
	height: 56px;
	line-height: 56px
}
}
.fixed_nav_swiper a.active {
	color: #fdd000
}
.fixed_nav_swiper a.active em::after {
	width: 100%
}
.fixed_nav {
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7
}
.fixed_nav.gray {
	background-color: #f9f9f9;
	border-bottom: 0
}
.fixed_nav .return {
	height: 56px;
	line-height: 56px;
	background-color: #fdd000;
	display: inline-block;
padding:0 .34rem
}
.fixed_nav .return em {
	display: block;
	background: url('../images/return.png') no-repeat 0 center;
	padding-left: 36px
}
@media (min-width:992px) {
.fixed_nav .wrap {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
}
@media (max-width:991px) {
.fixed_nav .nav {
	text-align: center
}
}
@media (max-width:991px) {
.fixed_nav .wrap {
	width: 100vw;
	text-align: center
}
}
.fixed_nav nav {
	font-size: 18px
}
.fixed_nav nav a {
	position: relative;
	display: block;
	color: #999;
margin-left:.56rem
}
.fixed_nav nav a:first-child {
	margin-left: 0 !important
}
.fixed_nav nav a:not(.active):hover {
	color: #fdd000
}
.fixed_nav nav em {
	display: block;
	position: relative;
	line-height: 1rem
}
.fixed_nav nav em::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 3px;
	background-color: #fdd000;
	left: 0;
	bottom: 0
}
@media (max-width:992px) {
.fixed_nav nav em {
	height: 56px;
	line-height: 56px
}
}
.fixed_nav nav a.active {
	color: #fdd000
}
.fixed_nav nav a.active em::after {
	width: 100%
}
@media (max-width:480px) {
.fixed_nav nav {
	font-size: 16px;
	min-width: 70%;
	text-align: center
}
}
@media (max-width:1680px) {
.fixed_nav.scroll nav a {
margin-left:.4rem
}
}
@media (max-width:1360px) {
.fixed_nav.scroll nav a {
margin-left:.26rem
}
}
@media (max-width:1280px) {
.fixed_nav.scroll nav {
	font-size: 17px
}
.fixed_nav.scroll nav a {
margin-left:.2rem
}
}
@media (max-width:1199px) {
.fixed_nav.scroll nav {
	width: 100%;
	text-align: center
}
.fixed_nav.scroll nav a {
	font-size: 17px;
margin-left:.26rem
}
}
@media (max-width:991px) {
.fixed_nav.scroll nav {
	overflow-x: auto;
	padding: 0 3vw
}
.fixed_nav.scroll nav a {
	margin: 0!important;
padding:0 .1rem
}
}
.fixed_nav.scroll nav {
	white-space: nowrap
}
.fixed_nav.scroll nav a {
	display: inline-block
}
.fixed_nav:not(.scroll) nav {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
.fixed_nav .crumbs {
	color: #999;
	line-height: 1rem
}
.fixed_nav .crumbs>* {
	display: inline-block;
	vertical-align: middle
}
.fixed_nav .crumbs a {
	color: #999
}
.fixed_nav .crumbs a:hover {
	color: #fdd000
}
.fixed_nav .crumbs em {
	font-weight: bold;
	color: #000
}
.fixed_nav .crumbs i {
	padding: 0 4px
}
@media (max-width:1680px) {
.fixed_nav .crumbs i {
	padding: 0 1px
}
}
@media (max-width:991px) {
.fixed_nav .crumbs {
	padding: 0 4vw
}
}
.vbox {
	padding: 1rem 0
}
.contact_box {
padding-top:.7rem
}
@media (min-width:992px) {
.contact_box {
	display: flex;
	align-items: stretch
}
.contact_box .mapbox, .contact_box .infobox {
	width: 50%
}
}
@media (max-width:991px) {
.contact_box .mapbox {
	height: 5rem
}
}
.contact_box .mapbox .map {
	height: 100%
}
.contact_box .infobox {
	background-color: #fdd000;
padding:1.3rem .5rem 1.3rem 1rem
}
@media (max-width:1460px) {
.contact_box .infobox {
padding:1.3rem .5rem
}
}
.contact_box .infobox h2 {
font-size:.36rem;
margin-bottom:.36rem
}
@media (max-width:768px) {
.contact_box .infobox h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.contact_box .infobox h2 {
	font-size: 22px
}
}
.contact_box .infobox dd {
	font-size: 18px;
	line-height: 2.6
}
@media (max-width:639px) {
.contact_box .infobox dd {
	display: flex
}
.contact_box .infobox dd em {
	flex: 1;
padding-left:.1rem
}
}
@media (max-width:992px) {
.contact_box .infobox dd {
	font-size: 14px
}
}
@media (max-width:991px) {
.contact_box .infobox dd {
	font-size: 16px
}
}
.contact_box .infobox dd .iconfont {
	text-align: center;
width:.4rem;
	display: inline-block
}
.contact_box .infobox dd a:hover {
	text-decoration: underline
}
.contact_form {
padding:1.2rem 0 .9rem
}
@media (min-width:1200px) {
.contact_form form {
	display: block;
margin:0 .36rem
}
}
.contact_form .vtit {
font-size:.36rem;
margin-bottom:.4rem;
	text-align: center
}
@media (max-width:768px) {
.contact_form .vtit {
	font-size: 24px
}
}
@media (max-width:640px) {
.contact_form .vtit {
	font-size: 22px
}
}
.contact_form .row {
	margin-left: -0.2rem !important;
	margin-right: -0.2rem !important
}
.contact_form .row>* {
padding-left:.2rem !important;
padding-right:.2rem !important;
margin-bottom:.4rem
}
@media (max-width:992px) {
.contact_form .row {
	margin-left: -8px !important;
	margin-right: -8px !important
}
.contact_form .row>* {
	padding-left: 8px !important;
	padding-right: 8px !important;
	margin-bottom: 16px
}
}
@media (max-width:640px) {
.contact_form .row {
	margin-left: -5px !important;
	margin-right: -5px !important
}
.contact_form .row>* {
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin-bottom: 10px
}
}
.contact_form li {
margin-bottom:.3rem
}
@media (max-width:1200px) {
.contact_form li {
	margin-bottom: 16px
}
}
.contact_form .inner input {
height:.6rem;
	font-size: 16px;
	padding-left: 20px
}
@media (max-width:1200px) {
.contact_form .inner input {
	height: 48px
}
}
@media (max-width:640px) {
.contact_form .inner input {
	height: 46px;
	padding-left: 12px
}
}
.contact_form .submitbox {
	text-align: center;
	padding-top: 20px
}
.contact_form .submitbox .vbtn {
	width: 2.15rem;
	font-size: 18px
}
@media (max-width:640px) {
.contact_form .submitbox .vbtn {
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center
}
}
.contact_form .submitbox .vbtn:hover {
	background: #000;
	color: #fff;
	border-color: #000
}
.contact_form textarea {
	height: 160px;
	resize: none;
	font-size: 16px;
	padding: 20px
}
@media (max-width:640px) {
.contact_form textarea {
	padding: 12px
}
}
/*留言列表*/
.gbook p{
    line-height: 25px;
}
.gblist {
	padding: 10px 0;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 10px auto;
}
.panel {
	border: solid 1px #EEE;
}
.panel-hd {
	background-color: #f5f5f5;
	padding: 10px 15px;
	border-bottom: solid 1px #EEE;
}
.panel-bd {
	padding: 15px;
	color: #666;
}
.panel-ft {
	background-color: #f5f5f5;
	padding: 10px 15px;
	border-top: solid 1px #EEE;
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #666;
	border-radius: 2em;
}
.question_box {
padding:1.1rem 0 .9rem
}
.question_box .question_list {
margin-bottom:.6rem
}
.question_box .item {
	margin-bottom: 20px;
	border: 1px solid #fff
}
.question_box .item .icon {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 16px;
	display: inline-block;
margin-right:.46rem
}
@media (max-width:640px) {
.question_box .item .icon {
margin-right:.2rem;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: relative;
	top: 3px
}
}
.question_box .item .bd .icon {
	color: #333
}
.question_box .item .hd {
	background: #f9f9f9;
padding:.3rem 1.5rem .3rem .5rem;
	position: relative;
	display: flex
}
.question_box .item .hd .tit {
	font-size: 20px;
	display: block;
	flex: 1;
	line-height: 30px;
	cursor: pointer
}
.question_box .item .hd .arr {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 2px solid #cecece;
	position: absolute;
right:.5rem;
top:.3rem;
	line-height: 30px;
	color: #000;
	cursor: pointer
}
@media (max-width:640px) {
.question_box .item .hd {
padding:.3rem 1rem .3rem .3rem
}
.question_box .item .hd .tit {
	font-size: 18px
}
.question_box .item .hd .arr {
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 0;
right:.2rem
}
}
@media (max-width:480px) {
.question_box .item .hd {
padding-right:.7rem
}
.question_box .item .hd .tit {
	font-size: 16px
}
}
.question_box .item .bd {
padding:.6rem .5rem .8rem;
	display: none
}
.question_box .item .bd .inner {
	display: flex
}
.question_box .item .bd .icon {
	background-color: #fdd000
}
.question_box .item .bd .txt {
	flex: 1;
	font-size: 16px;
	color: #666;
	line-height: 2.4
}
@media (max-width:1680px) {
.question_box .item .bd {
padding:.4rem .5rem .6rem
}
}
@media (max-width:640px) {
.question_box .item .bd {
padding:.3rem
}
.question_box .item .bd .txt {
	font-size: 15px;
	line-height: 2
}
}
.question_box .active {
	border: 1px solid #ececec
}
.question_box .active .hd .arr {
	transform: rotate(180deg)
}
.question_box .active .bd {
	display: block
}
.feedback_box {
padding:1.1rem 0 .9rem;
	max-width: 950px;
	text-align: center;
font-size:.3rem
}
@media (max-width:992px) {
.feedback_box {
	font-size: 26px
}
}
@media (max-width:640px) {
.feedback_box {
	font-size: 24px
}
}
@media (max-width:480px) {
.feedback_box {
	font-size: 20px
}
}
@media (min-width:480px) {
.feedback_box {
	display: flex;
	justify-content: space-between
}
.feedback_box .item {
	width: 50%
}
.feedback_box .item+.item {
	position: relative
}
.feedback_box .item+.item::before {
	content: '';
	display: block;
	width: 1px;
	height: 80%;
	background-color: #cccccc;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}
}
@media (max-width:479px) {
.feedback_box .item {
	border: 1px solid #ececec;
margin-bottom:.2rem;
padding:.4rem
}
}
.feedback_box h5 {
margin-bottom:.26rem;
	color: #666
}
.feedback_box .val>* {
	display: inline-block;
	vertical-align: middle
}
.feedback_box .val .iconfont {
	background-color: #fdd000;
	color: #000;
	border-radius: 50%;
width:.6rem;
height:.6rem;
line-height:.6rem;
margin-right:.1rem
}
.feedback_box .val a {
	font-family: medium
}
.feedback_box+.contact_form {
padding-top:.7rem;
	border-top: 1px solid #ececec
}
.company_box {
	padding: 1rem 0 0
}
@media (min-width:992px) {
.company_box .content {
	display: flex;
	align-items: stretch;
	background-color: #fdd000
}
.company_box .content .img {
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.company_box .content .img img {
	visibility: hidden
}
.company_box .content .info {
	flex: 1;
padding:.6rem .7rem
}
}
@media (max-width:991px) {
.company_box .info {
padding:.6rem 0 0
}
}
.company_box .info h2 {
font-size:.36rem;
margin-bottom:.2rem
}
@media (max-width:768px) {
.company_box .info h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.company_box .info h2 {
	font-size: 22px
}
}
@media (max-width:991px) {
.company_box .info h2 {
	text-align: center
}
}
.company_box .info .txt {
	font-size: 17px;
	line-height: 2.2
}
@media (max-width:1200px) {
.company_box .info .txt {
	font-size: 16px;
	line-height: 2
}
}
.company_box .datas {
	display: flex;
	text-align: center;
padding:.6rem 0
}
.company_box .datas dd {
	width: 25%;
	position: relative
}
@media (max-width:1680px) {
}
@media (max-width:1100px) {
}
@media (max-width:991px) {
}
.company_box .datas dd::after {
	content: '';
	display: block;
	width: 1px;
height:.8rem;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.company_box .datas dd:last-child::after {
	display: none
}
@media (max-width:639px) {
.company_box .datas {
	flex-wrap: wrap
}
.company_box .datas dd {
	width: 50%;
margin-bottom:.2rem
}
.company_box .datas dd:nth-child(2)::after {
	display: none
}
}
.company_box .datas .val {
	color: #fdb812
}
.company_box .datas .val em {
font-size:.3rem
}
@media (max-width:992px) {
.company_box .datas .val em {
	font-size: 26px
}
}
@media (max-width:640px) {
.company_box .datas .val em {
	font-size: 24px
}
}
@media (max-width:480px) {
.company_box .datas .val em {
	font-size: 20px
}
}
.company_box .datas b {
font-size:.52rem
}
.company_box .datas .tit {
	color: #555
}
.company_ys {
	background: #f9f9f9;
padding:.8rem 0 1rem
}
.company_ys h2 {
font-size:.36rem;
margin-bottom:.4rem
}
@media (max-width:768px) {
.company_ys h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.company_ys h2 {
	font-size: 22px
}
}
.company_ys .content {
	background: #fff
}
@media (min-width:992px) {
.company_ys .content {
	display: flex
}
.company_ys .content .lbox {
	width: 50%
}
.company_ys .content .lbox img {
	display: none
}
.company_ys .content .rbox {
	flex: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.company_ys .content .rbox img {
	visibility: hidden
}
}
.company_ys .lbox {
padding:.3rem .5rem
}
.company_ys .lbox li {
	border-top: 1px solid #ececec
}
.company_ys .lbox li:first-child {
	border-top: none
}
.company_ys .lbox h4 {
	height: 62px;
	line-height: 62px;
	font-size: 22px;
	position: relative;
	cursor: pointer
}
@media (max-width:992px) {
.company_ys .lbox h4 {
	font-size: 20px
}
}
@media (max-width:991px) {
.company_ys .lbox h4 {
	text-align: center
}
}
.company_ys .lbox .txt {
	display: none;
	font-size: 17px;
	line-height: 2;
	color: #666;
padding-bottom:.4rem
}
@media (max-width:991px) {
.company_ys .lbox .txt {
	margin: 20px 0 30px
}
.company_ys .lbox .txt, .company_ys .lbox img {
	display: block!important
}
}
@media (max-width:640px) {
.company_ys .lbox h4 {
	font-size: 18px
}
.company_ys .lbox .txt {
	font-size: 16px
}
}
@media (min-width:992px) {
.company_ys .lbox .active h4::before {
	content: '';
	display: block;
	width: 4px;
height:.42rem;
	background-color: #fdd000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: -0.5rem
}
}
.company_ys .lbox .active .txt {
	display: block
}
.company_ys .rbox {
	text-align: center
}
@media (max-width:991px) {
.company_ys .rbox {
	display: none
}
}
.company_gh {
padding:.76rem 0 .9rem
}
.vtit2 {
font-size:.36rem;
margin-bottom:.4rem
}
@media (max-width:768px) {
.vtit2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.vtit2 {
	font-size: 22px
}
}
.company_logos {
	background: #f9f9f9;
	padding: 1rem 0
}
.company_logos .cswiper_logos {
padding-bottom:.8rem;
	margin-left: -0.1rem;
	margin-right: -0.1rem
}
.company_logos .cswiper_logos li {
	width: 20%
}
.company_logos .cswiper_logos li dl {
margin:0 .1rem
}
.company_logos .cswiper_logos li dd {
margin-bottom:.2rem
}
@media (max-width:640px) {
.company_logos .cswiper_logos li {
	width: 25%
}
}
@media (max-width:640px) {
.company_logos .cswiper_logos li {
	width: 33.33%
}
}
@media (max-width:480px) {
.company_logos .cswiper_logos li {
	width: 50%
}
}
.company_expect {
	padding: 1.1rem 0 3.3rem;
	background: url('../images/expect_bg.jpg') no-repeat center center;
	background-size: cover
}
.company_expect .txt {
	max-width: 923px;
	font-size: 17px;
	line-height: 2;
	color: #666
}
@media (min-width:1200px) {
.company_expect .txt {
	width: 80%
}
}
@media (max-width:480px) {
.company_expect .txt {
	font-size: 16px
}
}
.company_care {
padding:.8rem 0
}
.company_care .cswiper_care {
	padding-bottom: 50px
}
.company_care dl {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.12rem !important;
	margin-right: -0.12rem !important
}
.company_care dl>* {
padding-left:.12rem !important;
padding-right:.12rem !important;
margin-bottom:.24rem
}
.company_care .img {
	cursor: pointer
}
.company_care .img .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(165,159,185,0.8);
	z-index: 55;
	text-align: center;
	font-size: 18px;
	transition: .6s;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center;
padding:.2rem;
	opacity: 0
}
.company_care .img .info .iconfont {
font-size:.36rem;
margin-bottom:.2rem;
	display: inline-block
}
@media (max-width:768px) {
.company_care .img .info .iconfont {
	font-size: 24px
}
}
@media (max-width:640px) {
.company_care .img .info .iconfont {
	font-size: 22px
}
}
@media (max-width:992px) {
.company_care .img .info {
	font-size: 16px
}
}
@media (max-width:640px) {
.company_care .img .info {
	font-size: 14px
}
}
.company_care .img:hover .info {
	opacity: 1
}
.plan_service {
padding:.9rem 0 1.6rem;
	text-align: center
}
.plan_service .list {
	display: flex
}
@media (min-width:768px) {
.plan_service .list li {
	flex: 1
}
.plan_service .list li+li {
margin-left:.14rem
}
}
@media (max-width:767px) {
.plan_service .list {
	flex-wrap: wrap
}
.plan_service .list li {
	width: 33.33%
}
}
@media (max-width:480px) {
.plan_service .list li {
	width: 50%
}
}
.plan_service li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 3.96rem
}
@media (max-width:768px) {
.plan_service li {
	height: 3.4rem
}
}
.plan_service li:nth-child(1) {
	background-image: url('../images/fwb1.png')
}
.plan_service li:nth-child(2) {
	background-image: url('../images/fwb2.png')
}
.plan_service li:nth-child(3) {
	background-image: url('../images/fwb3.png')
}
.plan_service li:nth-child(4) {
	background-image: url('../images/fwb4.png')
}
.plan_service li:nth-child(5) {
	background-image: url('../images/fwb5.png')
}
.plan_service li:nth-child(6) {
	background-image: url('../images/fwb6.png')
}
.plan_service li .inner {
	display: block;
	position: relative;
	height: 100%
}
@media (min-width:768px) {
.plan_service li .iconfont {
	transform: scale(0)
}
.plan_service li .info {
	position: relative;
	z-index: 5;
	transform: translateY(3.2rem)
}
.plan_service li:hover .inner::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 1
}
.plan_service li:hover .info {
	transform: translateY(2.4rem)
}
.plan_service li:hover .iconfont {
	transform: scale(1)
}
}
@media (min-width:768px) and (max-width:768px) {
.plan_service li .info {
	transform: translateY(2.4rem)
}
}
@media (min-width:768px) and (max-width:768px) {
.plan_service li:hover .info {
	transform: translateY(1.8rem)
}
}
.plan_service li h4 {
font-size:.24rem;
	color: #fff
}
@media (max-width:992px) {
.plan_service li h4 {
	font-size: 20px
}
}
@media (max-width:640px) {
.plan_service li h4 {
	font-size: 19px
}
}
.plan_service li .iconfont {
width:.46rem;
height:.46rem;
line-height:.46rem;
	text-align: center;
	background: #fff;
	display: block;
margin:.24rem auto 0
}
@media (max-width:768px) {
.plan_service li .inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center
}
.plan_service li .inner::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1
}
.plan_service li .info {
	position: relative;
	z-index: 5
}
}
.plan_advantage {
padding:.7rem 0 1rem;
	background: #f9f9f9
}
.plan_advantage h2 {
	text-align: center
}
.plan_advantage .datas {
	display: flex;
	text-align: center;
	max-width: 1110px;
margin:0 auto .5rem
}
@media (min-width:640px) {
.plan_advantage .datas {
	width: 90%
}
}
@media (max-width:991px) {
.plan_advantage .datas {
	justify-content: center
}
}
.plan_advantage .datas dd {
	position: relative;
	flex: 1
}
.plan_advantage .datas dd::after {
	content: '';
	display: block;
	width: 1px;
height:.8rem;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.plan_advantage .datas dd:first-child::before {
	content: '';
	display: block;
	width: 1px;
height:.8rem;
	background-color: #e5e5e5;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}
@media (max-width:639px) {
.plan_advantage .datas {
	flex-wrap: wrap
}
.plan_advantage .datas dd {
	width: 50%;
margin-bottom:.2rem;
	padding: 0!important
}
.plan_advantage .datas dd:nth-child(2)::after {
	display: none
}
}
.plan_advantage .datas .val {
	color: #fdb812
}
.plan_advantage .datas .val em {
font-size:.3rem
}
@media (max-width:992px) {
.plan_advantage .datas .val em {
	font-size: 26px
}
}
@media (max-width:640px) {
.plan_advantage .datas .val em {
	font-size: 24px
}
}
@media (max-width:480px) {
.plan_advantage .datas .val em {
	font-size: 20px
}
}
.plan_advantage .datas b {
font-size:.52rem
}
.plan_advantage .datas .tit {
	color: #555
}
@media (min-width:768px) {
.plan_advantage .list {
	display: flex;
	align-items: stretch
}
.plan_advantage .list li+li {
margin-left:.3rem
}
.plan_advantage .list li {
	flex: 1
}
}
@media (max-width:767px) {
.plan_advantage .list li {
margin-bottom:.3rem
}
}
.plan_advantage .list .inner {
	background: #fff;
padding:.5rem .5rem 1.3rem;
	overflow: hidden;
	height: 100%;
	position: relative
}
.plan_advantage .list h3 {
font-size:.24rem
}
@media (max-width:992px) {
.plan_advantage .list h3 {
	font-size: 20px
}
}
@media (max-width:640px) {
.plan_advantage .list h3 {
	font-size: 19px
}
}
.plan_advantage .list .txt {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
margin:.14rem 0 .5rem 0
}
@media (max-width:480px) {
.plan_advantage .list .txt {
	font-size: 14px;
margin-top:.2rem
}
}
.plan_advantage .list .icon {
	display: block;
width:.94rem;
height:.94rem;
	position: absolute;
right:.5rem;
bottom:.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	float: right
}
.union_box {
padding-bottom:.9rem
}
.union_box .lg-img {
padding-top:.9rem;
	padding-bottom: 1.1rem;
	text-align: center
}
@media (max-width:480px) {
.union_box .lg-img {
padding:.7rem 0 .5rem
}
}
.union_goods {
	margin-left: -0.15rem !important;
	margin-right: -0.15rem !important
}
.union_goods>* {
padding-left:.15rem !important;
padding-right:.15rem !important;
margin-bottom:.3rem
}
@media (max-width:1199px) {
.union_goods {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap
}
.union_goods::before {
	display: none
}
}
.union_goods li {
margin-bottom:.3rem
}
@media (max-width:480px) {
.union_goods li {
	width: 100%
}
}
.union_goods .inner {
	transition: .6s
}
@media (max-width:1199px) {
.union_goods .inner {
	border: 1px solid #ececec;
	height: 100%
}
}
.union_goods .info {
padding:.24rem .28rem .3rem
}
@media (max-width:640px) {
.union_goods .info {
	padding: 16px 14px 20px
}
}
.union_goods .info .tit {
	display: block;
	font-size: 20px;
margin-bottom:.16rem
}
.union_goods .info .tit:hover {
	color: #fdd000
}
@media (min-width:1200px) {
.union_goods .info .tit {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
}
@media (max-width:1199px) {
.union_goods .info .tit {
	line-height: 26px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}
}
@media (max-width:1200px) {
.union_goods .info .tit {
	font-size: 18px
}
}
@media (max-width:640px) {
.union_goods .info .tit {
	font-size: 17px
}
}
.union_goods .info .time {
	font-size: 16px;
	color: #888;
	margin-bottom: 20px;
	margin-top: -8px
}
.union_goods .info .mores {
	margin-top: 14px;
	display: inline-block
}
.union_goods .info .mores:hover {
	color: #fdd000
}
@media (min-width:1200px) {
.union_goods .more {
	opacity: 0;
	transition: .6s
}
.union_goods .more:hover {
	color: #fdd000
}
.union_goods .inner:hover {
	box-shadow: 0 8px 40px 0 rgba(8,11,28,0.17)
}
.union_goods .inner:hover .more {
	opacity: 1
}
}
.bgf {
	background: #fff !important;
	display: block
}
.about_menu {
padding:.9rem 0
}
.about_menu .top {
	text-align: center;
margin-bottom:.7rem
}
.about_menu .datas {
	display: flex;
	text-align: center;
	justify-content: center
}
.about_menu .datas dd {
padding:0 .7rem;
	position: relative
}
@media (max-width:768px) {
.about_menu .datas dd {
padding:0 .5rem
}
}
.about_menu .datas dd::after {
	content: '';
	display: block;
	width: 1px;
height:.8rem;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.about_menu .datas dd:first-child {
	padding-left: 0
}
.about_menu .datas dd:last-child {
	padding-right: 0
}
.about_menu .datas dd:last-child::after {
	display: none
}
@media (max-width:639px) {
.about_menu .datas {
	flex-wrap: wrap
}
.about_menu .datas dd {
	width: 50%;
margin-bottom:.2rem;
	padding: 0!important
}
.about_menu .datas dd:nth-child(2)::after {
	display: none
}
}
.about_menu .datas .val {
	color: #fdb812
}
.about_menu .datas .val em {
font-size:.3rem
}
@media (max-width:992px) {
.about_menu .datas .val em {
	font-size: 26px
}
}
@media (max-width:640px) {
.about_menu .datas .val em {
	font-size: 24px
}
}
@media (max-width:480px) {
.about_menu .datas .val em {
	font-size: 20px
}
}
.about_menu .datas b {
font-size:.52rem
}
.about_menu .datas .tit {
	color: #555
}
.about_menu .row {
	margin-left: -0.15rem !important;
	margin-right: -0.15rem !important
}
.about_menu .row>* {
padding-left:.15rem !important;
padding-right:.15rem !important;
margin-bottom:.3rem
}
@media (max-width:480px) {
.about_menu .row .col-xs-6 {
	width: 100%
}
}
@media (min-width:992px) {
.about_menu ul .img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.about_menu ul .img img {
	visibility: hidden
}
.about_menu ul li>* {
	min-height: 4.8rem
}
.about_menu .row {
	display: flex
}
}
@media (min-width:992px) and (min-width:1360px) {
.about_menu .row li>* {
	height: 4.8rem
}
}
@media (min-width:992px) and (min-width:1200px) {
.about_menu .row li>* {
	height: 4.5rem
}
}
@media (min-width:992px) and (max-width:1359px) {
.about_menu .row {
	align-items: stretch
}
}
.about_menu h2 {
font-size:.36rem;
margin-bottom:.06rem
}
@media (max-width:768px) {
.about_menu h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.about_menu h2 {
	font-size: 22px
}
}
.about_menu .icon-ll.fill {
	background-color: #fdd000;
font-size:.2rem;
width:.58rem;
height:.58rem;
line-height:.58rem;
	text-align: center;
	display: inline-block
}
.about_menu .basebox {
	position: relative;
	background-color: #fff;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block
}
.about_menu .basebox .info {
	position: absolute;
left:.4rem;
right:.4rem;
bottom:.4rem;
	color: #fff
}
.about_menu .basebox .desc {
	font-size: 17px;
	position: relative
}
.about_menu .basebox .desc .icon-ll {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.about_menu .joinbox {
	position: relative;
	display: block
}
.about_menu .joinbox .info {
	color: #000;
top:.4rem
}
.about_menu .joinbox .mailbox {
margin:.3rem 0
}
.about_menu .joinbox .mailbox .tit {
	font-size: 16px
}
.about_menu .joinbox .mailbox .mail {
	color: #fdd000;
font-size:.36rem
}
@media (max-width:768px) {
.about_menu .joinbox .mailbox .mail {
	font-size: 24px
}
}
@media (max-width:640px) {
.about_menu .joinbox .mailbox .mail {
	font-size: 22px
}
}
.about_menu .joinbox .icon-ll {
	position: absolute;
	left: 0;
	bottom: 0
}
@media (max-width:640px) {
.about_menu .joinbox .icon-ll {
	left: auto;
	right: 0
}
}
.about_menu .fzbox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
	display: block;
padding:.5rem .6rem
}
.about_menu .fzbox h2 {
margin-bottom:.6rem
}
.about_menu .fzbox .datebox {
	text-align: center
}
@media (max-width:640px) {
.about_menu .fzbox .datebox {
padding:.5rem 0 .4rem
}
}
.about_menu .fzbox .date {
	font-style: italic;
	line-height: 1.2;
	border-top: 1px solid #de9d00;
	border-bottom: 1px solid #de9d00;
	display: inline-block;
	color: #de9d00;
font-size:.52rem
}
.about_menu .fzbox .sub {
font-size:.24rem;
margin:.1rem 0 .4rem
}
@media (max-width:992px) {
.about_menu .fzbox .sub {
	font-size: 20px
}
}
@media (max-width:640px) {
.about_menu .fzbox .sub {
	font-size: 19px
}
}
.about_menu .newsbox {
	height: 100%;
	background: #fff
}
.about_menu .newsbox .info {
padding:.4rem 8% 0
}
.about_menu .newsbox .desc {
	font-size: 17px;
	position: relative;
padding-right:.3rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.about_menu .newsbox .desc .icon-ll {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.about_menu .gsbox .gsimg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
@media (min-width:40px) {
.about_menu .gsbox .gsimg img {
	visibility: hidden
}
}
@media (min-width:640px) {
.about_menu .gsbox {
	display: flex
}
.about_menu .gsbox .gsimg {
width:calc((50% - .15rem))
}
.about_menu .gsbox .content {
	flex: 1;
padding:.5rem 4%;
	position: relative
}
.about_menu .gsbox .icon-ll {
	position: absolute;
left:.4rem;
bottom:.4rem
}
}
@media (max-width:639px) {
.about_menu .gsbox img {
	width: 100%
}
.about_menu .gsbox .content {
padding:.4rem .4rem
}
.about_menu .gsbox .content .desc {
	margin-bottom: 0
}
.about_menu .gsbox .iconfont {
	display: none
}
}
.about_menu .gsbox .desc {
	font-size: 17px;
	line-height: 2;
margin:.2rem 0 .8rem
}
@media (max-width:991px) {
.about_menu li {
margin-bottom:.2rem
}
.about_menu .joinbox, .about_menu .img, .about_menu .gsimg img {
	height: 200px
}
.about_menu .joinbox img, .about_menu .img img, .about_menu .gsimg img img {
	display: none
}
.about_menu .desc {
	font-size: 15px !important
}
.about_menu .newsbox .info {
padding:.4rem 6%
}
.about_menu .newsbox .desc {
	margin-top: 5px;
	line-height: 22px;
	height: 44px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}
.about_menu .newsbox .desc .icon-ll {
	display: none
}
}
.news_nav {
	text-align: center;
margin-bottom:.68rem;
	display: flex;
	align-items: center;
	justify-content: center;
padding-top:.6rem
}
.news_nav a {
	width: 2.6rem;
line-height:.68rem;
	text-align: center;
	border: 1px solid #dadada;
	border-radius: 2em;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
margin:0 .08rem
}
@media (max-width:640px) {
.news_nav a {
	font-size: 15px
}
}
.news_nav .active, .news_nav a:hover {
	background: #000;
	color: #fff;
	border-color: #000
}
.video_list {
padding-top:.4rem
}
.news_topper {
	padding: 0 0 1rem;
margin-bottom:.9rem
}
@media (max-width:991px) {
.news_topper .aswiper_news {
	padding-bottom: 40px
}
}
.news_topper .pnext-box {
	position: absolute;
	width: 1.6rem;
	right: 4%;
bottom:.5rem;
height:.62rem
}
.news_topper .pnext-box .pnext {
width:.62rem;
height:.62rem;
line-height:.62rem;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer
}
.news_topper .pnext-box .pnext::after {
	font-size: 16px;
	color: #000
}
.news_topper .pnext-box .pnext:hover {
	background-color: #fdd000;
	border-color: #fdd000
}
.news_topper .inner {
	background: #fff
}
@media (min-width:768px) {
.news_topper .inner {
	background: #fff;
	display: flex;
	align-items: stretch
}
.news_topper .img, .news_topper .info {
	width: 50%;
	display: block
}
.news_topper .img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.news_topper .img img {
	visibility: hidden
}
}
@media (max-width:767px) {
.news_topper img {
	width: 100%
}
}
.news_topper .info {
padding:.5rem 4%
}
.news_topper .tit {
font-size:.36rem;
	line-height: 1.2;
	display: block
}
@media (max-width:768px) {
.news_topper .tit {
	font-size: 24px
}
}
@media (max-width:640px) {
.news_topper .tit {
	font-size: 22px
}
}
.news_topper .tit:hover {
	color: #fdd000
}
@media (max-width:480px) {
.news_topper .tit {
	line-height: 1.5
}
}
.news_topper .desc {
	font-size: 17px;
	line-height: 30px;
	height: 60px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	margin: 16px 0 20px
}
.news_topper .time {
	margin-bottom: 1rem
}
.news_topper .more:hover {
	color: #fdd000
}
.video_list {
	margin-left: -0.3rem !important;
	margin-right: -0.3rem !important
}
.video_list>* {
padding-left:.3rem !important;
padding-right:.3rem !important;
margin-bottom:.6rem
}
@media (max-width:1199px) {
.video_list {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap
}
.video_list::before {
	display: none
}
}
@media (max-width:640px) {
.video_list {
	margin-left: -0.15rem !important;
	margin-right: -0.15rem !important
}
.video_list>* {
padding-left:.15rem !important;
padding-right:.15rem !important;
margin-bottom:.3rem
}
}
.video_list li {
	margin-bottom: 30px
}
@media (min-width:992px) {
.video_list li:nth-child(3n+1) {
	clear: both
}
}
@media (min-width:640px) and (max-width:991px) {
.video_list li:nth-child(2n+1) {
	clear: both
}
}
@media (max-width:480px) {
.video_list li {
	width: 100%
}
}
.video_list .inner {
	transition: .6s;
	text-align: center
}
@media (max-width:1199px) {
.video_list .inner {
	height: 100%
}
}
.video_list .img {
	position: relative
}
.video_list .img .play {
	width: 65px;
	height: 65px;
	background: url('../images/play.png') no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	z-index: 55
}
@media (max-width:640px) {
.video_list .img .play {
	background-size: 46px
}
}
.video_list .info {
padding:.24rem .28rem .3rem
}
@media (max-width:640px) {
.video_list .info {
	padding: 16px 14px 20px
}
}
.video_list .info .tit {
	font-size: 20px;
	padding: 0 0 10px;
	display: block
}
@media (max-width:640px) {
.video_list .info .tit {
	font-size: 18px
}
}
.video_list .info .time {
	font-size: 16px;
	color: #666
}
@media (max-width:640px) {
.video_list .info .time {
	font-size: 14px
}
}
@media (min-width:1200px) {
.video_list .inner:hover {
	box-shadow: 0 8px 40px 0 rgba(8,11,28,0.17)
}
.video_list .inner:hover .more {
	opacity: 1
}
}
.about_case_box {
padding-top:.8rem
}
.about_case_box.pb100 {
	padding-bottom: 1rem
}
.about_case_box .inner {
	background: #fff;
	cursor: pointer
}
.about_case_box .inner .info {
padding:.34rem .38rem .38rem
}
.about_case_box .inner .tit {
	margin-bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.about_goods_box {
padding:.6rem 0 1.2rem
}
.about_goods_box .inner {
	background: #fff;
	text-align: center;
	cursor: pointer
}
.about_goods_box .inner .info {
padding:.34rem .38rem .38rem
}
.about_goods_box .inner .tit {
	margin-bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.fwgoods_arc {
	background: #fff;
padding:.9rem 7% 1rem
}
@media (max-width:600px) {
.fwgoods_arc {
	width: 100vw
}
}
@media (max-width:768px) {
.fwgoods_arc {
margin-top:.5rem
}
}
.fwgoods_arc h2 {
	border-bottom: 1px solid #ececec;
font-size:.38rem;
padding-bottom:.3rem;
margin-bottom:.5rem
}
@media (max-width:992px) {
.fwgoods_arc h2 {
	font-size: 30px
}
}
@media (max-width:768px) {
.fwgoods_arc h2 {
	font-size: 26px
}
}
@media (max-width:640px) {
.fwgoods_arc h2 {
	font-size: 24px
}
}
.fwgoods_arc .bd {
	font-size: 17px;
	line-height: 2
}
.fwgoods_arc .bd h3 {
font-size:.24rem;
	margin-bottom: 1em
}
@media (max-width:992px) {
.fwgoods_arc .bd h3 {
	font-size: 20px
}
}
@media (max-width:640px) {
.fwgoods_arc .bd h3 {
	font-size: 19px
}
}
.fwgoods_arc .bd p {
	margin-bottom: 1em
}
@media (max-width:640px) {
.fwgoods_arc .bd {
	font-size: 16px
}
}
.news_arc_box {
	background: #f9f9f9;
padding:.3rem 0 1.5rem
}
.news_arc_box .article {
padding:.8rem .6rem;
	background: #fff
}
@media (max-width:640px) {
.news_arc_box .article {
padding:.3rem
}
}
.case_arc_box {
padding:.8rem 5% 0;
	overflow: hidden;
	background: #fff;
border-bottom:.8rem solid #f9f9f9
}
@media (max-width:639px) {
.case_arc_box {
	width: 100vw
}
}
@media (min-width:992px) {
.case_arc_box {
	display: flex;
	justify-content: space-between
}
.case_arc_box .article {
	width: 66%;
padding-right:.4rem
}
.case_arc_box .col_sub {
	width: 29%
}
}
@media (min-width:992px) {
.case_arc_box .article, .case_arc_box .col_sub {
padding-bottom:.8rem
}
}
@media (max-width:991px) {
.case_arc_box .col_sub {
padding-bottom:.6rem;
	border-top: 1px solid #ececec;
padding-top:.6rem;
margin-top:.8rem
}
}
@media (max-width:991px) and (min-width:640px) {
.sub_soltuion {
	margin-left: -0.2rem !important;
	margin-right: -0.2rem !important;
	overflow: hidden
}
.sub_soltuion>* {
padding-left:.2rem !important;
padding-right:.2rem !important;
margin-bottom:.4rem
}
.sub_soltuion li {
	width: 50%;
	float: left
}
.sub_soltuion li:nth-child(2n+1) {
	clear: both
}
}
.sub_soltuion li {
margin-bottom:.4rem
}
@media (max-width:640px) {
.sub_soltuion li {
	margin-bottom: 30px
}
}
.sub_soltuion li .tit {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-top: 14px
}
.sub_soltuion li .tit:hover {
	color: #fdd000
}
@media (max-width:640px) {
.sub_soltuion li .tit {
	font-size: 17px
}
}
@media (max-width:991px) and (min-width:640px) {
.sub_news {
	margin-left: -0.2rem !important;
	margin-right: -0.2rem !important;
	overflow: hidden
}
.sub_news>* {
padding-left:.2rem !important;
padding-right:.2rem !important;
margin-bottom:.4rem
}
.sub_news li {
	width: 50%;
	float: left
}
.sub_news li:nth-child(2n+1) {
	clear: both
}
}
.sub_news li {
margin-bottom:.4rem
}
@media (max-width:640px) {
.sub_news li {
	margin-bottom: 30px
}
}
.sub_news li .time {
	color: #666;
	padding: 12px 0 6px
}
.sub_news li .tit {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.sub_news li .tit:hover {
	color: #fdd000
}
@media (max-width:640px) {
.sub_news li .tit {
	font-size: 17px
}
}
.article .hd {
	border-bottom: 1px solid #ececec;
padding-bottom:.36rem;
margin-bottom:.5rem
}
.article .hd h2 {
font-size:.36rem;
margin-bottom:.2rem
}
@media (max-width:768px) {
.article .hd h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.article .hd h2 {
	font-size: 22px
}
}
.article .hd .data {
	color: #888;
	font-size: 18px
}
.article .hd .time {
padding-right:.1rem
}
@media (max-width:992px) {
.article .hd .data {
	font-size: 15px
}
}
@media (max-width:640px) {
.article .hd .data {
	font-size: 14px
}
}
.article .bd {
	font-size: 17px;
	line-height: 2
}
@media (max-width:640px) {
.article .bd {
	font-size: 16px
}
}
.article .bd img {
	display: block;
	margin: 0 auto
}
@media (min-width:768px) {
.article .bd img {
	max-width: 100%
}
}
.article .bd p {
	margin-bottom: 1em
}
.sharebox {
	text-align: left;
	font-size: 17px;
padding:.7rem 0
}
.sharebox>* {
	display: inline-block;
	vertical-align: middle
}
.sharebox a {
	display: inline-block;
	margin: 0 4px;
	font-size: 20px
}
.sharebox a:hover {
	color: #fdd000
}
.page_pnext {
	padding:.6rem 0;
	border-top: 1px solid #ececec;
	font-size: 17px;
}
.page_pnext .item{
	line-height:30px;
	}
.page_pnext a {
	padding: 4px 0;
	line-height: 1.8;
	overflow: hidden;
	/*white-space: nowrap;*/
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.page_pnext a:hover {
	color: #fdd000
}
@media (max-width:1200px) {
.page_pnext a {
	font-size: 18px
}
}
@media (max-width:640px) {
.page_pnext a {
	font-size: 17px
}
}
.honor_desc_box {
	padding: 1.3rem 0 1rem
}
@media (max-width:1460px) {
.honor_desc_box {
padding:.8rem 0 1rem
}
}
@media (min-width:1200px) {
.honor_desc_box .content {
	background: url('../images/honor_bg.jpg') no-repeat right center;
	background-size: contain;
	height: 5.5rem;
	padding-right: 49%;
	display: flex;
	align-items: center;
	padding-left: 5%
}
.honor_desc_box .inner {
	width: 100%;
	max-width: 440px;
	margin: 0 auto
}
}
@media (min-width:1200px) and (max-width:1360px) {
.honor_desc_box .content {
	background-size: contain
}
}
@media (max-width:1199px) {
.honor_desc_box .honor_inner {
	background: #fff;
padding:.6rem 4vw 1rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.03)
}
}
.honor_desc_box .datas {
	display: flex;
	justify-content: space-between;
margin:0 auto .5rem;
	text-align: center
}
@media (max-width:1199px) {
.honor_desc_box .datas {
	max-width: 500px
}
}
@media (max-width:480px) {
.honor_desc_box .datas {
	flex-wrap: wrap;
padding-bottom:.2rem;
	text-align: center
}
}
.honor_desc_box .datas .val {
	color: #fdb812
}
.honor_desc_box .datas .val b {
font-size:.52rem
}
@media (max-width:992px) {
.honor_desc_box .datas .val b {
	font-size: 40px
}
}
@media (max-width:480px) {
}
.honor_desc_box .datas .val em {
font-size:.36rem
}
@media (max-width:768px) {
.honor_desc_box .datas .val em {
	font-size: 24px
}
}
@media (max-width:640px) {
.honor_desc_box .datas .val em {
	font-size: 22px
}
}
.honor_desc_box .datas .tit {
	font-size: 14px
}
@media (max-width:480px) {
}
.honor_desc_box .txt {
font-size:.36rem;
	text-align: center;
	line-height: 2.2
}
@media (max-width:768px) {
.honor_desc_box .txt {
	font-size: 24px
}
}
@media (max-width:640px) {
.honor_desc_box .txt {
	font-size: 22px
}
}
@media (max-width:480px) {
}
@media (max-width:1200px) {
.honor_desc_box .img {
	text-align: center;
padding:.6rem 8% 0
}
}
.honor_info_box {
	padding-bottom: 1rem
}
.honor_info_box .row {
	margin-left: -0.19rem !important;
	margin-right: -0.19rem !important;
padding-bottom:.3rem
}
.honor_info_box .row>* {
padding-left:.19rem !important;
padding-right:.19rem !important;
margin-bottom:.38rem
}
@media (max-width:1360px) {
.honor_info_box .row {
	margin-left: -0.1rem !important;
	margin-right: -0.1rem !important
}
.honor_info_box .row>* {
padding-left:.1rem !important;
padding-right:.1rem !important;
margin-bottom:.2rem
}
}
.honor_info_box .vbtn {
	cursor: pointer
}
.honor_info_box .inner {
	background: #fff;
	display: block;
padding:.36rem 8%;
	height: 2.28rem;
	position: relative
}
.honor_info_box .inner:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.05)
}
.honor_info_box .inner:hover .tit {
	color: #fdd000
}
.honor_info_box .inner .icon {
	background: url('../images/honor2.png') no-repeat center center;
	background-size: contain;
	position: absolute;
width:.84rem;
height:.84rem;
	right: 8%;
bottom:.3rem
}
.honor_info_box .inner .tit {
	font-size: 20px
}
@media (max-width:1360px) {
.honor_info_box .inner .tit {
	font-size: 18px
}
}
@media (max-width:480px) {
.honor_info_box .inner .tit {
	font-size: 16px
}
}
.honor_info_box .inner .arr {
	position: absolute;
	left: 8%;
bottom:.3rem
}
.honor_popup {
	text-align: center;
	max-width: 980px;
	width: 90vw;
	display: none;
padding:1rem .5rem 1.2rem
}
.honor_popup img {
	display: block;
margin:0 auto .5rem
}
.honor_popup .tit {
font-size:.24rem
}
@media (max-width:992px) {
.honor_popup .tit {
	font-size: 20px
}
}
@media (max-width:640px) {
.honor_popup .tit {
	font-size: 19px
}
}
.recruit-box {
padding:.2rem 0 1.5rem
}
.recruit-list {
margin-bottom:.6rem
}
.recruit-list .item-hd, .recruit-list .recruit-hd ol {
	overflow: hidden;
	display: flex
}
.recruit-list li {
	width: 20%;
	padding: 0 22px
}
.recruit-list .arrow {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #ececec;
	display: inline-block;
	font-size: 14px;
	color: #000
}
.recruit-list .item {
	margin-bottom: 16px;
	border: 1px solid #f9f9f9
}
.recruit-list .recruit-hd {
	height: 1rem;
	line-height: 1rem;
	color: #fff;
	text-align: center;
	font-size: 20px;
	background-color: #fdd000;
margin-bottom:.36rem
}
@media (max-width:1200px) {
.recruit-list .recruit-hd {
	font-size: 18px
}
}
.recruit-list .item-hd {
	line-height: 1rem;
	position: relative;
	font-size: 18px;
	text-align: center;
	background: #f9f9f9;
	cursor: pointer
}
@media (max-width:1200px) {
.recruit-list .item-hd {
	font-size: 16px
}
}
.recruit-list .item-hd .tit {
	display: none
}
@media (max-width:768px) {
.recruit-list .item-hd {
	text-align: left;
	flex-wrap: wrap;
	line-height: 1.86;
	padding: 12px 20px;
	position: relative
}
.recruit-list .item-hd li:not(._arrow) {
	width: 50%;
	padding: 0
}
.recruit-list .item-hd li:not(._arrow) .tit {
	display: block;
	display: inline-block
}
.recruit-list .item-hd ._arrow {
	position: absolute;
	right: 0;
	bottom: 20px
}
}
@media (max-width:639px) {
.recruit-list .item-hd li:not(._arrow) {
	width: 100%
}
}
.recruit-list .item-hd li p {
	display: inline-block
}
.recruit-list .item-bd {
	display: none;
	padding: 40px;
	position: relative
}
@media (max-width:768px) {
.recruit-list .item-bd {
	padding: 20px
}
}
@media (max-width:640px) {
}
.recruit-list .item-bd dl {
	max-width: 1100px;
	color: #666;
	margin-bottom: 30px
}
.recruit-list .item-bd dl dt {
	font-size: 18px;
	margin-bottom: 10px
}
.recruit-list .item-bd dl dd {
	font-size: 16px;
	line-height: 1.76
}
@media (max-width:1200px) {
.recruit-list .item-bd dl {
	margin-bottom: 30px
}
.recruit-list .item-bd dl dt {
	font-size: 17px
}
.recruit-list .item-bd dl dd {
	font-size: 15px
}
}
.recruit-list .item-bd .send-btn {
	width: 163px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 18px;
	cursor: pointer
}
@media (min-width:992px) {
.recruit-list .item-bd .send-btn {
	position: absolute;
	right: 40px;
	bottom: 40px;
margin-bottom:.2rem
}
}
@media (max-width:640px) {
.recruit-list .item-bd .send-btn {
	width: 143px;
	height: 48px;
	line-height: 48px;
	text-align: center
}
}
.recruit-list .item-bd .send-btn:hover {
	background-color: #fdd000
}
.recruit-list .item.active {
	border-color: #ececec
}
.recruit-list .item.active .arrow::before {
	content: "\ec21"
}
#recruitForm {
	display: none
}
.recruit-form {
	max-width: 1540px;
	background: #fff;
	border-radius: 6px;
	padding: 0 5% 1rem;
	width: 90vw
}
@media (max-width:480px) {
.recruit-form {
	width: 92vw;
padding-bottom:.6rem
}
}
.recruit-form h2 {
	height: 1.5rem;
	line-height: 1.5rem;
	position: relative;
	border-bottom: 1px solid #ececec;
font-size:.36rem;
margin-bottom:.3rem
}
@media (max-width:768px) {
.recruit-form h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.recruit-form h2 {
	font-size: 22px
}
}
@media (max-width:480px) {
.recruit-form h2 {
	height: 60px;
	line-height: 60px
}
}
.recruit-form h2 .form-close {
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 55;
	opacity: 1;
font-size:.3rem;
	cursor: pointer
}
@media (max-width:480px) {
.recruit-form h2 .form-close {
	font-size: 20px
}
}
@media (max-width:640px) {
.recruit-form .row {
	margin-left: -0.15rem !important;
	margin-right: -0.15rem !important
}
.recruit-form .row>* {
padding-left:.15rem !important;
padding-right:.15rem !important;
margin-bottom:.3rem
}
}
.recruit-form li {
	margin-bottom: 10px
}
.recruit-form li h5 {
	font-size: 18px;
margin-bottom:.2rem
}
.recruit-form li .tit {
	line-height: 40px;
	font-size: 16px
}
.recruit-form input {
	height: 42px;
	line-height: auto!important
}
@media (max-width:480px) {
.recruit-form input {
	font-size: 14px;
	height: 40px
}
}
@media (max-width:600px) {
.recruit-form .li_filebox {
	width: 100%
}
}
.recruit-form .filebox {
	align-items: center;
	position: relative
}
.recruit-form .filebox .uploadbtn {
	width: 180px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 1.8rem;
	background-color: #e6e6e6;
	cursor: pointer;
	user-select: none
}
.recruit-form .filebox .uploadbtn:hover {
	background-color: #fdd000;
	color: #fff
}
.recruit-form .file-box-wrap.hasfile .filebox {
	display: none
}
.recruit-form .file-box-wrap.hasfile .filebox2 {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}
.recruit-form .filebox2 {
	height: 42px;
	display: none;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	position: relative
}
.recruit-form .filebox2 .file-tit {
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.recruit-form .filebox2 .close {
	color: #666;
	font-size: 20px;
	margin: 0 10px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.recruit-form .filebox2 .close:hover {
	color: #fdd000
}
.recruit-form .filebox2 .icon-file {
	width: 20px;
	margin-right: 6px
}
.recruit-form .li_codebox {
	overflow: hidden
}
@media (min-width:1200px) {
.recruit-form .li_codebox {
	clear: left
}
}
@media (max-width:600px) {
.recruit-form .li_codebox {
	clear: left;
	width: 100%
}
}
.recruit-form .codebox {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}
.recruit-form .codebox input {
	width: 1.85rem
}
.recruit-form .codebox .code {
	width: 100px;
	height: 42px;
	margin-left: 4px
}
.recruit-form .submitbox {
margin-top:.5rem;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.recruit-form .submitbox button {
	width: 49%;
	display: block;
	height: 60px;
	line-height: auto;
	border-radius: 0;
	font-size: 18px
}
@media (max-width:640px) {
.recruit-form .submitbox button {
	height: 48px;
	font-size: 16px
}
}
.recruit-form .submitbox .submit {
	background-color: #fdd000
}
.recruit-form .submitbox .reset {
	background: #f9f9f9
}
.recruit-form .submitbox button:hover {
	background: #000;
	color: #fff
}
.recruit-form .layui-form-select dl dd.layui-this {
	background-color: #fdd000
}
.active_goods {
	padding-bottom: 20px
}
.active_goods .item {
	background: #f9f9f9;
margin-bottom:.4rem
}
@media (min-width:768px) {
.active_goods .item {
	display: flex;
	align-items: center
}
.active_goods .item .info {
	flex: 1
}
}
.active_goods .img {
	max-width: 430px;
	width: 30%
}
.active_goods .info {
	overflow: hidden;
padding:.2rem 4%
}
.active_goods .time {
	font-size: 16px;
	color: #888
}
.active_goods .tit {
	font-size: 20px;
	display: block;
	margin: 12px 0
}
@media (min-width:993px) {
.active_goods .tit {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
}
.active_goods .tit:hover {
	color: #fdd000
}
.active_goods .desc {
	font-size: 16px;
	color: #666;
margin-bottom:.5rem
}
@media (min-width:768px) {
.active_goods .desc {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
}
.active_goods .more:hover {
	color: #fdd000
}
.active_goods .more i {
	font-size: 70%
}
@media (max-width:1200px) and (min-width:768px) {
.active_goods .img {
	width: 320px
}
}
@media (max-width:992px) {
.active_goods .tit {
	font-size: 18px;
	line-height: 1.5;
	line-height: 30px;
	height: 60px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}
.active_goods .time, .active_goods .desc {
	font-size: 14px
}
}
@media (max-width:767px) {
.active_goods .item {
margin-bottom:.5rem
}
.active_goods .img {
	width: 100% !important
}
.active_goods .info {
	padding: 20px
}
.active_goods .desc {
	line-height: 24px;
	height: 48px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}
}
@media (max-width:767px) and (min-width:640px) {
.active_goods {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.active_goods .item {
	width: 48%
}
}
@media (max-width:767px) and (max-width:640px) {
.active_goods .info {
padding:.4rem 20px
}
}
.active_topper {
	padding: 1.2rem 0
}
@media (max-width:991px) and (min-width:481px) {
.active_topper {
	width: 100vw
}
}
@media (max-width:640px) {
.active_topper {
padding:.8rem 0
}
}
#certify {
	position: relative
}
@media (min-width:992px) {
#certify li {
	width: 862px;
	height: 516px;
	width: 8.62rem;
	height: 5.16rem;
	position: relative
}
}
#certify li:not(.swiper-slide-active) .info {
	opacity: 0;
	transition: .6s
}
@media (max-width:991px) {
#certify li {
	width: 60%
}
#certify li .link {
margin:0 .1rem
}
}
@media (max-width:640px) {
#certify li {
	width: 70%
}
}
@media (max-width:480px) {
#certify li {
	width: 100%
}
}
#certify .link {
	display: block;
	position: relative
}
#certify .info {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 55;
padding:0 .4rem;
	height: 1rem;
	width: 100%;
	color: #fff;
	background: rgba(253,208,0,0.8)
}
#certify .info .title {
font-size:.24rem;
	line-height: 1rem;
	margin: 0;
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
@media (max-width:992px) {
#certify .info .title {
	font-size: 20px
}
}
@media (max-width:640px) {
#certify .info .title {
	font-size: 19px
}
}
@media (max-width:991px) {
#certify .info .title {
	font-size: 16px;
	width: 100%
}
}
#certify .info .time {
	font-size: 16px;
	position: absolute;
right:.4rem;
	top: 50%;
	transform: translateY(-50%)
}
#certify .swiper-button-next, #certify .swiper-button-prev {
width:.62rem;
height:.62rem;
line-height:.62rem;
	text-align: center;
	background-color: #fdd000;
	color: #000
}
#certify .swiper-button-next::after, #certify .swiper-button-prev::after {
	font-size: 20px
}
#certify .swiper-button-next:hover, #certify .swiper-button-prev:hover {
	background: #000;
	color: #fff
}
.develop-box {
padding:.9rem 0 1.2rem;
	background: url('../images/fz_bg.jpg') no-repeat center center
}
.develop-box h2 {
	text-align: center;
margin-bottom:.7rem
}
.develop-box .swiper-year-box, .develop-box .swiper-box {
	position: relative
}
.develop-box .swiper-year-box {
	background: url(../images/time.png) repeat-x center 0;
	padding-top: 30px
}
.develop-box .swiper-button-box {
	position: absolute;
	left: 50%;
	width: 1.34rem;
	bottom: 10px;
	z-index: 55;
height:.62rem
}
@media (max-width:1360px) {
.develop-box .swiper-button-box {
	bottom: auto;
	top: 0;
	left: auto;
	right: 0
}
}
.develop-box .swiper-button-box>* {
width:.62rem;
height:.62rem;
line-height:.62rem;
	text-align: center;
	border: 1px solid #ccc;
	color: #000
}
.develop-box .swiper-button-box>*::after {
	font-size: 20px
}
.develop-box .swiper-button-box .swiper-button-prev {
	left: 0
}
.develop-box .swiper-button-box .swiper-button-next {
	right: 0
}
.swiper-year {
	text-align: center;
	color: #cecece;
	font-family: medium
}
.swiper-year li {
	cursor: pointer;
	width: 15%;
	font-size: 24px;
	overflow: hidden
}
.swiper-year li .inner {
	position: relative;
	float: left
}
.swiper-year li .y {
	display: block;
	line-height: 50px;
	margin: 0 auto
}
.swiper-year li .icon {
	width: 6px;
	height: 6px;
	background-color: #999999;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: 0;
	border-radius: 50%
}
.swiper-year li.swiper-slide-thumb-active {
	color: #fdd000
}
.swiper-year li.swiper-slide-thumb-active .icon {
	background-color: #fdd000
}
@media (max-width:992px) {
.swiper-year li {
	width: 20%
}
}
@media (max-width:480px) {
.swiper-year li {
	width: 25%!important
}
}
.swiper-step {
margin-bottom:.8rem
}
@media (min-width:992px) {
.swiper-step li {
	display: flex
}
.swiper-step li .cover-box {
	width: 50%;
	padding-right: 5%
}
.swiper-step li .img {
	display: block
}
.swiper-step li .info {
	flex: 1
}
.swiper-step li .inner {
	white-space: nowrap;
	position: absolute;
	transition: .6s;
left:.36rem;
top:.8rem;
right:.36rem;
bottom:.8rem
}
}
@media (min-width:992px) and (max-width:1360px) {
.swiper-step li {
	align-items: center
}
}
@media (max-width:768px) {
.swiper-step .cover-box {
	max-width: 400px;
margin-bottom:.5rem
}
}
@media (max-width:991px) {
.swiper-step .info {
margin-top:.5rem
}
}
.swiper-step .txt {
	font-size: 16px;
	line-height: 26px;
	color: #666
}
.swiper-step .year {
	color: #fdd000;
	font-family: medium;
font-size:.5rem;
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: bold
}
.swiper-step h4 {
font-size:.24rem;
padding-bottom:.2rem;
	position: relative;
margin-bottom:.26rem
}
@media (max-width:992px) {
.swiper-step h4 {
	font-size: 20px
}
}
@media (max-width:640px) {
.swiper-step h4 {
	font-size: 19px
}
}
.swiper-step h4::after {
	content: '';
	display: block;
	position: absolute;
	width: 33px;
	height: 2px;
	background-color: #fdd000;
	left: 0;
	bottom: 0
}
.culture_box {
	padding: 1.2rem 0
}
@media (max-width:640px) {
.culture_box {
padding:.8rem 0 1.2rem
}
}
@media (min-width:768px) {
.culture_box .list {
	display: flex;
	height: 5.64rem
}
.culture_box li {
	flex: 1;
	white-space: nowrap
}
.culture_box li::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
	transition: .6s
}
.culture_box .active {
	flex: 5;
	white-space: normal
}
}
.culture_box li {
padding:.8rem .36rem .5rem;
	transition: .6s;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}
.culture_box .inner h5 {
font-size:.24rem;
margin-bottom:.1rem
}
@media (max-width:992px) {
.culture_box .inner h5 {
	font-size: 20px
}
}
@media (max-width:640px) {
.culture_box .inner h5 {
	font-size: 19px
}
}
.culture_box .inner h4 {
font-size:.36rem
}
@media (max-width:768px) {
.culture_box .inner h4 {
	font-size: 24px
}
}
@media (max-width:640px) {
.culture_box .inner h4 {
	font-size: 22px
}
}
.culture_box .inner .arr {
	position: absolute;
left:.8rem;
bottom:.36rem;
	font-weight: bold;
width:.58rem;
height:.58rem;
line-height:.58rem;
	text-align: center;
	background-color: #fdd000;
	color: #000
}
@media (min-width:768px) {
.culture_box .inner .arr {
	opacity: 0
}
}
@media (max-width:767px) {
.culture_box .inner .arr {
	bottom: 0
}
}
.culture_box .active {
padding-left:.8rem
}
.culture_box .active .inner {
	color: #fff;
left:.8rem
}
.culture_box .active::before {
	opacity: 0
}
.culture_box .active .arr {
	opacity: 1
}
@media (max-width:767px) {
.culture_box li {
	background-size: cover;
	text-align: center;
margin-bottom:.2rem;
	position: relative;
	padding: 1rem 10%
}
.culture_box li h5 {
margin-bottom:.2rem !important
}
.culture_box li .inner {
	width: 100%!important
}
.culture_box li .arr {
	left: auto!important;
	right: 0
}
}
.case_main_box {
padding:1rem 0 .8rem
}
.case_list li {
margin-bottom:.6rem
}
@media (min-width:768px) {
.case_list li {
	display: flex;
	background: #fff;
	align-items: stretch
}
.case_list li .img, .case_list li .info {
	width: 50%
}
.case_list li:nth-child(2n) .info {
	order: -1
}
}
.case_list .info {
padding:.6rem 5% .5rem;
	background: #fff
}
.case_list .info .tit {
font-size:.3rem;
	display: block
}
@media (max-width:992px) {
.case_list .info .tit {
	font-size: 26px
}
}
@media (max-width:640px) {
.case_list .info .tit {
	font-size: 24px
}
}
@media (max-width:480px) {
.case_list .info .tit {
	font-size: 20px
}
}
.case_list .info .tit:hover {
	color: #fdd000
}
.case_list .info .desc {
	font-size: 17px;
	line-height: 2;
	color: #666;
	margin: 10px 0 1rem
}
@media (max-width:992px) {
.case_list .info .desc {
	font-size: 16px;
	line-height: 1.8
}
}
@media (max-width:767px) and (min-width:600px) {
.case_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.case_list li {
	width: 48.5%
}
}
@media (max-width:767px) {
.case_list .info .desc {
margin-bottom:.4rem
}
}
.product_main_box {
padding:.2rem 0 .8rem
}
@media (max-width:991px) {
.product_main_box {
padding-top:.8rem
}
}
.product_list {
	margin-left: -0.17rem !important;
	margin-right: -0.17rem !important;
padding-bottom:.4rem
}
.product_list>* {
padding-left:.17rem !important;
padding-right:.17rem !important;
margin-bottom:.34rem
}
@media (max-width:600px) {
.product_list li {
	width: 100%
}
}
.product_list .inner {
	background: #fff
}
.product_list .info {
	text-align: center;
padding:.36rem 7%;
	position: relative;
	display: block
}
@media (max-width:480px) {
.product_list .info {
	padding: 24px 7%
}
}
.product_list .info .tit {
font-size:.24rem
}
@media (max-width:992px) {
.product_list .info .tit {
	font-size: 20px
}
}
@media (max-width:640px) {
.product_list .info .tit {
	font-size: 19px
}
}
.product_list .info .desc {
	font-size: 16px;
	color: #666;
	margin-top: 6px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.product_list .info .arr {
width:.62rem;
height:.62rem;
line-height:.62rem;
	text-align: center;
	background-color: #fdd000;
	font-weight: bold;
	color: #000;
	position: absolute;
	right: 7%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0
}
.product_list .inner:hover .info {
	background: #000;
	color: #fff;
	text-align: left
}
.product_list .inner:hover .info .desc {
	color: #fff;
margin-right:.7rem
}
.product_list .inner:hover .arr {
	opacity: 1
}
.product_arc_box {
	background: #fff;
padding:.9rem 8%
}
@media (max-width:480px) {
.product_arc_box {
	width: 100vw;
	padding-left: 4vw;
	padding-right: 4vw
}
}
.product_arc_box .arc {
	text-align: left;
	max-width: 900px;
margin:0 auto .6rem
}
.product_arc_box .arc h2 {
font-size:.36rem;
padding-bottom:.3rem;
	border-bottom: 1px solid #ececec;
margin-bottom:.5rem
}
@media (max-width:768px) {
.product_arc_box .arc h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.product_arc_box .arc h2 {
	font-size: 22px
}
}
@media (max-width:768px) {
.product_arc_box .arc h2 {
	font-size: 26px
}
}
.product_arc_box .arc .bd {
	font-size: 17px;
	line-height: 2
}
@media (max-width:640px) {
.product_arc_box .arc .bd {
	font-size: 16px;
	text-align: left
}
}
.xs-goods-list li {
	background: #f9f9f9;
margin-bottom:.4rem;
padding:.4rem 8%
}
@media (max-width:1200px) {
.xs-goods-list li {
padding:.4rem 4%
}
}
@media (max-width:767px) {
.xs-goods-list li {
padding:.6rem 8%
}
}
@media (min-width:768px) {
.xs-goods-list li {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.xs-goods-list li .img, .xs-goods-list li .info {
	padding: 0 5%;
	width: 50%
}
.xs-goods-list li:nth-child(2n+1) .info {
	order: -1
}
}
@media (min-width:768px) and (max-width:768px) {
.xs-goods-list li .img, .xs-goods-list li .info {
	padding: 0 2%
}
}
.xs-goods-list .img {
	text-align: center
}
.xs-goods-list .coverbox {
	max-width: 364px;
	margin: 0 auto
}
@media (max-width:640px) {
.xs-goods-list .coverbox {
	width: 90%
}
}
@media (max-width:767px) {
.xs-goods-list .info {
margin-top:.5rem
}
.xs-goods-list .info .tit {
	text-align: center
}
}
.xs-goods-list .info .tit {
font-size:.3rem;
margin-bottom:.2rem
}
@media (max-width:992px) {
.xs-goods-list .info .tit {
	font-size: 26px
}
}
@media (max-width:640px) {
.xs-goods-list .info .tit {
	font-size: 24px
}
}
@media (max-width:480px) {
.xs-goods-list .info .tit {
	font-size: 20px
}
}
.xs-goods-list .info .txt {
	font-size: 17px;
	line-height: 2
}
@media (max-width:1200px) {
.xs-goods-list .info .txt {
	font-size: 16px
}
}
@media (max-width:640px) {
.xs-goods-list .info .txt {
	line-height: 1.76;
	font-size: 15px
}
}
.solution_arc {
	background: #fff;
padding:.9rem 7% 1rem
}
.solution_arc .inner {
	max-width: 900px;
	margin: 0 auto
}
@media (max-width:600px) {
.solution_arc {
	width: 100vw
}
}
@media (max-width:768px) {
.solution_arc {
margin-top:.5rem
}
}
.solution_arc h2 {
	border-bottom: 1px solid #ececec;
font-size:.38rem;
padding-bottom:.3rem;
margin-bottom:.5rem
}
@media (max-width:992px) {
.solution_arc h2 {
	font-size: 30px
}
}
@media (max-width:768px) {
.solution_arc h2 {
	font-size: 26px
}
}
@media (max-width:640px) {
.solution_arc h2 {
	font-size: 24px
}
}
.solution_arc .bd {
	font-size: 17px;
	line-height: 2
}
.solution_arc .bd h3 {
font-size:.24rem;
	margin: 2em 0 1em;
	text-align: center
}
@media (max-width:992px) {
.solution_arc .bd h3 {
	font-size: 20px
}
}
@media (max-width:640px) {
.solution_arc .bd h3 {
	font-size: 19px
}
}
.solution_arc .bd .txt {
	font-size: 17px;
	line-height: 2;
	text-align: center;
padding:.2rem 0
}
@media (max-width:640px) {
.solution_arc .bd {
	font-size: 16px
}
}
.vicon {
	overflow: hidden
}
.vicon .ic {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block
}
.vicon_cf {
	margin-left: -200px;
	filter: drop-shadow(200px 0 0 #000)
}
.solution_list {
padding:.2rem 0 1.4rem
}
.solution_list .item {
	padding-top: 1rem
}
.solution_list .imgbox {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.solution_list .imgbox img {
	visibility: hidden
}
@media (max-width:640px) {
.solution_list .imgbox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 4rem
}
}
@media (max-width:640px) and (max-width:480px) {
.solution_list .imgbox {
	height: 5rem
}
}
.solution_list .imgbox .info {
	position: absolute;
	z-index: 55;
	width: 100%;
	left: 0;
	top: 30%;
	padding: 0 10%;
	color: #fff
}
@media (max-width:480px) {
.solution_list .imgbox .info {
	padding: 0 6%
}
}
.solution_list .imgbox img {
	display: block
}
.solution_list .imgbox h2 {
font-size:.36rem;
margin-bottom:.2rem
}
@media (max-width:768px) {
.solution_list .imgbox h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.solution_list .imgbox h2 {
	font-size: 22px
}
}
.solution_list .imgbox .desc {
	font-size: 17px;
	line-height: 1.76
}
@media (max-width:480px) {
.solution_list .imgbox .desc {
	font-size: 16px
}
}
.solution_list nav {
	display: flex;
	background-color: #282828
}
@media (min-width:992px) {
.solution_list nav {
	justify-content: space-between
}
.solution_list nav .nitem:nth-child(2n) {
	background-color: #131210
}
}
@media (max-width:991px) {
.solution_list nav {
	flex-wrap: wrap;
padding:.5rem
}
}
.solution_list .nitem {
	display: block;
	color: #fff;
padding:.2rem
}
@media (min-width:992px) {
.solution_list .nitem {
	flex: 1
}
}
@media (min-width:1680px) {
.solution_list .nitem {
	padding: 0;
	height: 130px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
}
@media (max-width:1679px) {
.solution_list .nitem {
	text-align: center
}
}
@media (max-width:991px) {
.solution_list .nitem {
	width: 25%
}
}
@media (max-width:767px) {
.solution_list .nitem {
	width: 33.33%
}
}
@media (max-width:639px) {
.solution_list .nitem {
	width: 50%;
margin-bottom:.3rem
}
}
.solution_list .nitem .tit {
	font-size: 22px
}
@media (max-width:1680px) {
.solution_list .nitem .tit {
	font-size: 20px
}
}
@media (max-width:1360px) {
.solution_list .nitem .tit {
	font-size: 18px
}
}
@media (max-width:992px) {
.solution_list .nitem .tit {
	font-size: 16px
}
}
.solution_list .nitem .more {
	display: block;
	padding-top: 4px;
	height: 0px;
	overflow: hidden;
	line-height: 20px
}
.solution_list .nitem .vicon {
width:.56rem;
height:.56rem;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain
}
@media (min-width:1680px) {
.solution_list .nitem .vicon {
	margin-right: 14px
}
}
@media (max-width:1679px) {
.solution_list .nitem .vicon {
width:.46rem;
height:.46rem;
	margin: 0 auto 10px
}
}
@media (max-width:480px) {
.solution_list .nitem .vicon {
width:.6rem;
height:.6rem
}
}
.solution_list .nitem.active {
	background-color: #fdd000 !important;
	color: #000
}
@media (min-width:1680px) {
.solution_list .nitem.active .more {
	height: 24px
}
}
.solution_list .nitem.active .vicon .ic {
	margin-left: -200px;
	filter: drop-shadow(200px 0 0 #000)
}
.video_lgimg {
	text-align: center
}
.BMap_cpyCtrl, .anchorBL {
	display: none
}
#map label, #map img {
	max-width: none;
	max-height: none
}
.chairman_box {
	padding: 1.44rem 0 1.56rem
}
@media (min-width:992px) {
.chairman_box .bd {
	display: flex;
	justify-content: space-between
}
.chairman_box .bd .img, .chairman_box .bd .info {
	width: 46.5%
}
}
.chairman_box h2 {
font-size:.36rem;
margin-bottom:.4rem
}
@media (max-width:768px) {
.chairman_box h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.chairman_box h2 {
	font-size: 22px
}
}
.chairman_box .txt {
	font-size: 17px;
	line-height: 2.2;
padding-top:.5rem;
	background: url('../images/quotes.png') no-repeat left top;
background-size:.35rem
}
@media (max-width:1200px) {
.chairman_box .txt {
	line-height: 2;
	font-size: 16px
}
}
.chairman_box h5 {
font-size:.24rem;
margin:.26rem 0 .9rem
}
@media (max-width:992px) {
.chairman_box h5 {
	font-size: 20px
}
}
@media (max-width:640px) {
.chairman_box h5 {
	font-size: 19px
}
}
@media (max-width:1360px) {
.chairman_box h5 {
margin-bottom:.7rem
}
}
@media (max-width:1200px) {
.chairman_box h5 {
margin-top:.4rem
}
}
.chairman_box .sign {
	font-size: 17px;
	text-align: right
}
.chairman_box .sign img {
	width: 1.9rem
}
.chairman_box .hd {
	display: none;
	text-align: center
}
@media (max-width:1360px) {
.chairman_box .hd {
	display: block
}
.chairman_box .info h2 {
	display: none
}
}
@media (max-width:991px) {
.chairman_box .img {
margin-bottom:.5rem
}
}
.base_page_box {
	padding-bottom: 1rem
}
.base_page_box .arc {
	background: #fff;
padding:.9rem 8%
}
@media (max-width:480px) {
.base_page_box {
	width: 100vw;
	padding-left: 4vw;
	padding-right: 4vw
}
}
.base_page_box .arc {
margin:0 auto .6rem
}
.base_page_box .arc h2 {
font-size:.36rem;
padding-bottom:.3rem;
	border-bottom: 1px solid #ececec;
margin-bottom:.5rem;
	text-align: center
}
@media (max-width:768px) {
.base_page_box .arc h2 {
	font-size: 24px
}
}
@media (max-width:640px) {
.base_page_box .arc h2 {
	font-size: 22px
}
}
@media (max-width:768px) {
.base_page_box .arc h2 {
	font-size: 26px
}
}
.base_page_box .arc .bd {
	font-size: 17px;
	line-height: 2
}
@media (max-width:640px) {
.base_page_box .arc .bd {
	font-size: 16px;
	text-align: left
}
}
.solution_list .tabInfo h2 {
	transition-duration: .8s;
	opacity: 0;
	transform: translateX(-1rem)
}
.solution_list .article {
	position: absolute;
	z-index: 55;
	width: 50%;
	left: 50%;
	top: 40%;
	padding: 0 10%;
	color: #fff;
	padding-top: 10px
}
.solution_list .article a {
	transition-duration: .5s;
	transform: translateX(1rem);
	color: #fff;
	display: block;
	line-height: 2.5;
	font-size: 18px;
	opacity: 0;
	position: relative
}
.solution_list .article a:hover {
	transform: translateX(10px)
}
@media (max-width:1200px) {
.solution_list .imgbox .desc, .solution_list .article a {
	font-size: 16px
}
.solution_list .imgbox .desc {
	width: 50%
}
}
@media (max-width:768px) {
.solution_list .article a {
	font-size: 14px
}
.solution_list .imgbox .desc {
	font-size: 14px
}
}
@media (max-width:640px) {
.solution_list .article {
	padding-top: 0
}
}
.solution_list .tabInfo {
	position: relative
}
.solution_list .tabInfo .imgbox:not(.active) {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.solution_list .tabInfo .active {
	position: relative;
	z-index: 555
}
.solution_list .tabInfo .active .article a {
	transform: translateX(0);
	opacity: 1
}
.solution_list .tabInfo .active .info h2 {
	transform: translateX(0);
	opacity: 1
}

.yzm{
	cursor:pointer;
	}