@import url("../../common/css/common.css");

a:hover {
	color: #FF0000;
}

html {
	width: 100%;
	display: block;
	position: relative;
}



.swiper-pagination-bullet,
.swiper-button-white .swiper-button-next,
.swiper-button-prev {
	outline: medium;
}

.width1300 {
	width: 1300px;
	margin: 0 auto;
}

/***头部通用***/
.header {
	width: 100%;
	min-width: 1300px;
}

.header-top {
	height: 36px;
	background: #FFFFFF;
	line-height: 36px;
	font-size: 12px;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
	width: 100%;
}

.header-top .right li {
	float: left;
}

.header-top .right li .nav-content {
	position: absolute;
	overflow: hidden;
	line-height: 24px;
	background: #FFFFFF;
	padding: 10px 0px;
	border: 1px solid #EEEEEE;
	display: none;
	min-width: 83px;
}

.header-top .right li a {
	padding: 0px 10px;
	border-right: 1px solid #EEEEEE;
	display: block;
}

.header-top .right li:hover .nav-content {
	display: block;
}

.header-logo {
	background: #FFFFFF;
	width: 100%;
}

.header-logo .logo a {
	display: block;
	width: 100%;
}

.header-logo .search {
	padding-left: 130px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.wordlist {
	padding-left: 5px;
}

.wordlist li {
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
}

.wordlist li.yes {
	background: #db2719;
	color: #FFFFFF;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.header-logo .search .search_k input {
	border: #db2719 2px solid;
	line-height: 42px;
	height: 42px;
	text-indent: 1em;
	width: 430px;
}

.header-logo .search .search_k button {
	border: #db2719 2px solid;
	background: #db2719;
	line-height: 40px;
	height: 42px;
	float: right;
	width: 90px;
	font-weight: 600;
	color: #FFF;
	outline: medium;
	cursor: pointer;
}

.mover_hover {
	display: none;
}

.header-nav .left:hover .mover_hover {
	display: block;
}

.myorder_open {
	float: right;
	margin-left: 15px;
	width: 350px;
	text-align: right;
}

.myorder_open .box {
	color: #999;
	font-size: 13px;
	width: 100%;
}

.myorder_open_list span {
	border: 1px solid #DDDDDD;
	padding: 5px 10px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}

.myorder_open_box {
	overflow: hidden;
}

.myorder_open_box font {
	color: #000000;
	font-size: 16px;
}

.header-nav {
	background: #db2719;
	height: 45px;
}

.header-nav .header-nav-left {
	width: 220px;
	height: 45px;
}

.header-nav-bar {
	text-align: center;
	color: #FFFFFF;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	background: #c60a09;
	width: 100%;
}

.header-nav-bar .iconfont::before {
	margin-right: 10px;
	font-size: 24px;
}

.header-nav-bar .iconfont i {
	position: relative;
	top: -3px;
	font-size: 15px;
}

.nav-bar-box {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	position: absolute;
	width: 218px;
	height: 734px;
	z-index: 99;
}

.nav-bar-box ul {
	padding: 10px 15px;
}

.nav-bar-box ul li {
	line-height: 36px;
}

.nav-bar-box ul li a {
	font-size: 15px;
	font-weight: bold;
}

.nav-bar-box ul p {
	line-height: 24px;
	margin-left: -8px;
}

.nav-bar-box ul p a {
	display: inline-block;
	font-size: 12px;
	padding: 0px 6px;
	border-radius: 3px;
}

.nav-bar-box ul p a:hover {
	background: #FF0000;
	color: #FFFFFF;
}

.header-nav .header-nav-right {
	width: calc(100% - 220px);
	width: -moz-calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
}

.header-nav-right ul li {
	flex: 1;
	text-align: center;
	line-height: 45px;
}

.header-nav-right ul li a {
	color: #FFFFFF;
	font-size: 15px;
	display: block;
}

.header-nav-right ul li a:hover,
.header-nav-right ul li.active a {
	background: #c60a09;
}

.header-yes {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 999;
}

.header-yes .header-top {
	display: none;
}

.header-yes .wordlist {
	display: none;
}

.header-yes .myorder_open_box {
	height: 0px;
	padding-top: 0px !important;
}

.header-yes .header-nav {
	display: none;
}

.header-yes .header-logo {
	box-shadow: 0px 0px 15px #ccc;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
}

.header-yes .header-logo .logo img {
	height: 50px;
	padding: 10px 0;
}

.header-yes .header-logo .search {
	padding-top: 10px;
	padding-bottom: 10px;
}

/***banner***/
.banner {
	overflow: hidden;
	position: relative;
}

.banner-nav {
	position: absolute;
	width: 220px;
	background: #FFFFFF;
	height: 100%;
	left: 0px;
	top: 0px;
}

.banner .banner-left {
	width: 800px;
	margin-left: 225px;
	margin-top: 5px;
}

.banner-container .swiper-slide a {
	display: block;
}

.banner-container .swiper-slide a img {
	width: 100%;
	height: 454px;
	display: block;
}

.banner-box .banner-left {
	width: 800px;
	float: left;
	margin-left: 225px;
	margin-top: 5px;
}

.banner-button-next,
.banner-button-prev {
	outline: medium;
	background: #000000;
	opacity: 0.2;
	padding: 8px;
	display: none;
	color: #FFFFFF;
}

.banner-button-prev {
	left: 0px;
}

.banner-button-next {
	right: 0px;
}

.banner-container:hover .banner-button-prev,
.banner-container:hover .banner-button-next {
	display: flex;
}

.banner-button-prev:hover,
.banner-button-next:hover {
	opacity: 0.8;
}

.banner-left-bottom {
	background: #FFFFFF;
	padding-top: 2%;
	padding-bottom: 0px;
}

.banner-left-bottom .bottom-box {
	padding: 2%;
	overflow: hidden;
	padding-top: 0px;
}

.banner-left-bottom .bottom-box li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.banner-left-bottom .bottom-box li a {
	display: block;
}

.banner-left-bottom .bottom-box li a img {
	width: 100%;
	display: block;
}

.banner-left-bottom .bottom-box li:nth-child(3n) {
	margin-right: 0px;
}

.banner-right {
	width: 265px;
	margin-top: 5px;
}

.right-login {
	border: 1px solid #EEEEEE;
	padding: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
}

.right-login .login-img {
	text-align: center;
}

.right-login .login-img a {
	display: inline-block;
}

.right-login .login-img a img {
	width: 60px;
	border-radius: 100%;
}

.right-login .login-img .user-text {
	line-height: 30px;
	font-size: 13px;
}

.right-login .login-img .login-btn {
	padding: 15px 0px;
}

.right-login .login-img .login-btn a {
	display: inline-block;
	width: 90px;
	border: 1px solid #db2719;
	line-height: 28px;
	border-radius: 3px;
	font-size: 13px;
}

.right-login .login-img .login-btn a.login {
	background: #db2719;
	color: #FFFFFF;
}

.right-adv {
	border: 1px solid #EEEEEE;
	padding: 10px;
	height: 528px;
	position: relative;
	background: #FFFFFF;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.right-adv-container .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/***第一块内容***/
.flex-center-left {
	width: 330px;
}

.flex-center-left .left-box {
	position: relative;
	overflow: hidden;
	height: 100%;
	background: #FFFFFF;
}

.flex-center-left .left-box .left-box-top {
	position: relative;
	height: 100%;
}

.flex-center-left .left-box .left-box-top .img {
	height: 100%;
}

.flex-center-left .left-box-top a {
	display: block;
	height: 100%;
}

.left-box-top a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flex-center-left .intro {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	padding-left: 30px;
	padding-top: 30px;
}

.flex-center-left .intro h3 {
	font-weight: normal;
	font-size: 28px;
	color: #000000;
}

.flex-center-left .intro p {
	color: #999999;
	line-height: 36px;
}

.flex-center-left .left-text {
	border-top: 1px solid #DDDDDD;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 15px;
	padding: 15px 0px;
}

.flex-center-left .left-text p {
	float: left;
	display: inline-table;
	width: 33.33%;
	padding: 5px 0;
}

.flex-center-left .left-text p a {
	display: block;
	padding: 8px 0;
	text-align: center;
	margin: 0 5px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

.content1 .flex-center-center {
	width: calc(98% - 595px + 330px);
	width: -moz-calc(98% - 595px + 330px);
	width: -webkit-calc(98% - 595px + 330px);
}

.content1 .flex-center-right {
	width: 263px;
	margin-left: 2%;
	border: 1px solid #EEEEEE;
	background: #FFFFFF;
	box-sizing: border-box;
}

.flex-center-center .box-item {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.flex-center-center .box-item:nth-child(4n) {
	margin-right: 0px;
}

.flex-center-center .box-item:nth-child(9),
.flex-center-center .box-item:nth-child(10),
.flex-center-center .box-item:nth-child(11),
.flex-center-center .box-item:nth-child(12) {
	margin-bottom: 0px;
}

.flex-center-center .box-item a {
	display: block;
	padding: 2%;
	background: #FFFFFF;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.flex-center-center .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.flex-center-center .box-item a .img {
	width: 100%;
	overflow: hidden;
}

.flex-center-center .box-item a img {
	display: block;
	width: 100%;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.flex-center-center .box-item a .intro {
	line-height: 20px;
	padding-top: 5px;
}

.flex-center-center .box-item a .intro h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.flex-center-center .box-item a:hover .intro h3 {
	color: #FF0000;
}

.flex-center-center .box-item a .intro p {
	font-size: 12px;
	color: #999999;
}

.flex-center-right-title {
	font-size: 16px;
	padding: 10px;
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

.right-adv2-container {
	height: 997px;
	background: #FFFFFF;
}

.right-adv2-container .swiper-slide a {
	display: block;
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
	height: 100%;
	padding: 18px 2%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.right-adv2-container .swiper-slide a .img {
	width: 98px;
	height: 98px;
	float: left;
}

.right-adv2-container .swiper-slide a .img img {
	width: 98px;
	height: 98px;
	object-fit: cover;
	border-radius: 3px;
}

.right-adv2-container .swiper-slide a .intro {
	float: left;
	width: calc(96% - 98px);
	width: -moz-calc(96% - 98px);
	width: -webkit-calc(96% - 98px);
	margin-left: 4%;
}

.right-adv2-container .swiper-slide a .intro .clamp3 {
	color: #000000;
	font-size: 14px;
}

.right-adv2-container .swiper-slide a .intro p i {
	color: #CCCCCC;
	text-decoration: line-through;
}

/***第二块广告***/
.content3-box .left {
	width: 280px;
}

.content3-box .left-box {
	display: block;
	height: 100%;
	width: 280px;
	background: -moz-linear-gradient(to bottom right, #c3d1ee 0%, #d4c6e2 50%, #e3bcd7 100%);
	background: -o-linear-gradient(to bottom right, #c3d1ee 0%, #d4c6e2 50%, #e3bcd7 100%);
	background: -ms-linear-gradient(to bottom right, #c3d1ee 0%, #d4c6e2 50%, #e3bcd7 100%);
	background: linear-gradient(to bottom right, #c3d1ee 0%, #d4c6e2 50%, #e3bcd7 100%);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.content3-box .left-box h3 {
	font-size: 24px;
	padding-bottom: 25px;
}

.content3-box .left-box .left-text p {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.content3-box .left-box .left-text p:nth-child(3n) {
	margin-right: 0px;
}

.content3-box .left-box .left-text p a {
	display: inline-block;
	padding: 8px 15px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

.content3-box .right {
	width: calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	margin-left: 20px;
}

.content3-adv-button-next,
.content3-adv-button-prev {
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
	color: #666666;
}

.content3-adv-button-next::after,
.content3-adv-button-prev::after {
	font-size: 16px;
	font-weight: bold;
}

.content3-adv-button-prev {
	left: 0px;
}

.content3-adv-button-next {
	right: 0px;
}

.content3-adv-container .swiper-slide a img {
	width: 100%;
	border-radius: 5px;
	display: block;
}

.content-title2 {
	overflow: hidden;
}

.content-title2 .left {
	padding: 20px 0px;
}

.content-title2 .left strong {
	font-size: 24px;
	padding-left: 20px;
	position: relative;
	font-weight: normal;
	color: #000000;
}

.content-title2 .left strong::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 10px;
	border-radius: 4px;
	background: #FF0000;
	left: 0px;
	top: 50%;
	margin-top: -5px;
}

.content-title2 .left span {
	color: #CCCCCC;
}

.content-title2 .right {
	padding: 20px 0px;
}

.content-title2 .right a {
	display: inline-block;
	border-radius: 3px;
	background: #EEEEEE;
	padding: 4px 10px;
}

.content4-box-left {
	width: 330px;
}

.left-adv-container .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.left-adv-pagination {
	text-align: right;
}

.left-adv-pagination .swiper-pagination-bullet {
	border-radius: 0px;
	width: 10px;
	height: 10px;
	background: #999;
	opacity: 1;
	outline: medium;
}

.left-adv-pagination .swiper-pagination-bullet-active {
	background: #db2719;
}

.content4-box .content4-box-right {
	width: calc(99% - 330px);
	width: -moz-calc(99% - 330px);
	width: -webkit-calc(99% - 330px);
	margin-left: 1%;
}

.content4-box .content4-box-right .box-item {
	width: 23.5%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%;
}

.content4-box .content4-box-right .box-item:nth-child(4n) {
	margin-right: 0px;
}

.content4-box .content4-box-right .box-item:nth-child(5),
.content4-box .content4-box-right .box-item:nth-child(6),
.content4-box .content4-box-right .box-item:nth-child(7),
.content4-box .content4-box-right .box-item:nth-child(8) {
	margin-bottom: 0px;
}

.content4-box .content4-box-right .box-item a {
	background: #FFFFFF;
	padding: 2%;
	display: block;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content4-box .content4-box-right .box-item a .img {
	width: 100%;
	overflow: hidden;
	height: 216px;
}

.content4-box .content4-box-right .box-item a img {
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.content4-box .content4-box-right .box-item a .intro {
	height: 100px;
	padding-top: 5px;
	line-height: 20px;
}

.content4-box .content4-box-right .box-item a .intro h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.content4-box .content4-box-right .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.content4-box .content4-box-right .box-item a:hover .intro h3 {
	color: #FF0000;
}

.content4-box .content4-box-right .box-item a .intro p {
	font-size: 12px;
	color: #999999;
}

.content2-box {
	position: relative;
}

.card1-adv-container .swiper-slide a {
	display: block;
	background: #FFFFFF;
	padding: 2%;
}

.card1-adv-container .swiper-slide a .img {
	height: 271px;
	overflow: hidden;
	width: 100%;
}

.card1-adv-container .swiper-slide a img {
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: block;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.card1-adv-container .swiper-slide a .intro {
	height: 120px;
	padding-top: 5px;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
}

.card1-adv-container .swiper-slide a .intro h3 {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}

.card1-adv-container .swiper-slide a:hover .intro h3 {
	color: #FF0000;
}

.card1-adv-container .swiper-slide a:hover .img img {
	transform: scale3d(1.05, 1.05, 1.05);
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
}

.card1-adv-button-next,
.card1-adv-button-prev {
	text-align: center;
	background: rgba(255, 255, 255, 0.6);
	color: #666666;
	display: none;
}

.content2-box:hover .card1-adv-button-next,
.content2-box:hover .card1-adv-button-prev {
	display: flex;
}

.card1-adv-button-next::after,
.card1-adv-button-prev::after {
	font-size: 16px;
	font-weight: bold;
}

.card1-adv-button-prev:hover,
.card1-adv-button-next:hover {
	opacity: 0.8;
}

.card1-adv-button-prev {
	left: 0px;
}

.card1-adv-button-next {
	right: 0px;
}

.content5-box-left {
	width: calc(99% - 350px);
	width: -moz-calc(99% - 350px);
	width: -webkit-calc(99% - 350px);
	margin-right: 1%;
}

.content5-box-left .box-item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}

.content5-box-left .box-item:nth-child(3n) {
	margin-right: 0px;
}

.content5-box-left .box-item:nth-child(4),
.content5-box-left .box-item:nth-child(5),
.content5-box-left .box-item:nth-child(6) {
	margin-bottom: 0px;
}

.content5-box-left .box-item a {
	display: block;
	background: #FFFFFF;
	padding: 3%;
	position: relative;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content5-box-left .box-item a img {
	width: 100%;
	display: block;
	height: 250px;
	object-fit: cover;
	-o-object-fit: cover;
	border-radius: 3px;
}

.content5-box-left .box-item a .img,
.content5-box-right .box-item a .img {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.content5-box-left .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.content5-box-left .box-item a .intro,
.content5-box-right .box-item a .intro {
	width: 100%;
	left: 0px;
	bottom: -100%;
	height: 100%;
	position: absolute;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content5-box-left .box-item a .box-back,
.content5-box-right .box-item a .box-back {
	background: rgba(0, 0, 0, 0);
	position: absolute;
	border-radius: 3px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	height: 100%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content5-box-left .box-item a:hover .box-back,
.content5-box-right .box-item a:hover .box-back {
	background: rgba(0, 0, 0, 0.7);
}

.content5-box-left .box-item a:hover .intro,
.content5-box-right .box-item a:hover .intro {
	bottom: 0px;
}

.content5-box-left .box-item a .intro h3,
.content5-box-left .box-item a .intro p,
.content5-box-right .box-item a .intro h3,
.content5-box-right .box-item a .intro p {
	width: 100%;
	color: #FFFFFF;
	text-align: center;
}

.content5-box-left .box-item a .intro p span {
	display: inline-block;
	width: 150px;
	border-bottom: 1px solid #FFFFFF;
}

.content5-box-right {
	width: 350px;
}

.content5-box-right .box-item {
	height: 100%;
}

.content5-box-right .box-item a {
	display: block;
	background: #FFFFFF;
	padding: 3%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.content5-box-right .box-item a img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	object-fit: cover;
	-o-object-fit: cover;
}

.content6-box-left {
	position: relative;
	width: 900px;
}

.myfs-adv-container .swiper-slide a {
	display: block;
	background: #FFFFFF;
}

.myfs-adv-container .swiper-slide a img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	-o-object-fit: cover;
}

.myfs-adv-button-prev {
	left: 0px;
}

.myfs-adv-button-next {
	right: 0px;
}

.content6-box-left:hover .myfs-adv-button-prev,
.content6-box-left:hover .myfs-adv-button-next {
	display: flex;
}

.myfs-adv-button-prev,
.myfs-adv-button-next {
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

.myfs-adv-button-prev::after,
.myfs-adv-button-next::after {
	font-size: 16px;
	color: #FFFFFF;
}

.myfs-adv-button-prev:hover,
.myfs-adv-button-next:hover {
	background: rgba(0, 0, 0, 0.6);
}

.myfs-adv-pagination {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10px;
	left: 0px;
}

.myfs-adv-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 0px;
	margin: 0px 4px;
	background: #FFFFFF;
}

.content6-box-right {
	width: calc(98% - 900px);
	width: -moz-calc(98% - 900px);
	width: -webkit-calc(98% - 900px);
	margin-left: 2%;
}

.content6-box-right .box-item a img {
	width: 100%;
	height: 350px;
}

.content6-box1 .box-item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.content6-box1 .box-item:nth-child(3n) {
	margin-right: 0px;
}

.content6-box1 .box-item a {
	display: block;
	padding: 3%;
	background: #FFFFFF;
	text-align: center;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content6-box1 .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.content6-box1 .box-item a img {
	width: 100%;
	height: 285px;
	object-fit: cover;
	-o-object-fit: cover;
	display: block;
}

.content6-box1 .box-item a h4 {
	color: #000000;
	line-height: 36px;
}

.content6-box1 .box-item a .img {
	position: relative;
	overflow: hidden;
}

.content6-box1 .box-item a .box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content6-box1 .box-item a .intro {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: -100%;
	color: #FFFFFF;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content6-box1 .box-item a .intro h3,
.content6-box1 .box-item a .intro p {
	width: 100%;
}

.content6-box1 .box-item a .intro p span {
	display: inline-block;
	width: 150px;
	border-bottom: 1px solid #FFFFFF;
}

.content6-box1 .box-item a:hover .box-back {
	background: rgba(0, 0, 0, 0.7);
}

.content6-box1 .box-item a:hover .intro {
	bottom: 0px;
}

.content6-box1 .box-item:nth-child(4),
.content6-box1 .box-item:nth-child(5),
.content6-box1 .box-item:nth-child(6) {
	margin-bottom: 0px;
}

.content7-box .box-item {
	width: 25%;
}

.content7-box .box-item a {
	position: relative;
	display: block;
	overflow: hidden;
}

.content7-box .box-item a .img {
	overflow: hidden;
}

.content7-box .box-item a img {
	width: 100%;
	display: block;
	height: 325px;
	object-fit: cover;
	-o-object-fit: cover;
}

.content7-box .box-item a .box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	bottom: 0px;
	left: 0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content7-box .box-item a .intro {
	height: 100%;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-weight: normal;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity: 0;
}

.content7-box .box-item a .intro h3 {
	width: 100%;
}

.content7-box .box-item a:hover .box-back {
	background: rgba(0, 0, 0, 0.5);
}

.content7-box .box-item a:hover .intro {
	opacity: 1;
}

.content7-box .box-item a i {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background: #FFFFFF;
	position: absolute;
}

i.icon1,
i.icon4 {
	width: 0%;
	height: 1px;
	left: 5%;
}

i.icon2,
i.icon3 {
	height: 0%;
	width: 1px;
}

i.icon1 {
	top: 30px;
}

i.icon4 {
	bottom: 30px;
}

i.icon2 {
	left: 30px;
	top: 5%;
}

i.icon3 {
	right: 30px;
	bottom: 5%;
}

.content7-box .box-item a:hover .icon2,
.content7-box .box-item a:hover .icon3 {
	height: 90%;
}

.content7-box .box-item a:hover .icon1,
.content7-box .box-item a:hover .icon4 {
	width: 90%;
}

.content8-box {
	position: relative;
}

.czfs-adv-container .swiper-slide a {
	display: block;
	overflow: hidden;
	height: 100%;
	background: #000000;
}

.czfs-adv-container .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.content9-box .box-item {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.content9-box .box-item:nth-child(4n) {
	margin-right: 0px;
}

.content9-box .box-item a {
	display: block;
	background: #FFFFFF;
	padding: 2%;
	text-align: center;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.content9-box .box-item a img {
	width: 100%;
	display: block;
	border-radius: 3px;
}

.content9-box .box-item a h4 {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	line-height: 36px;
}

.content9-box .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.content9-box .box-item a:hover h4 {
	color: #FF0000;
}

.content9-box .box-item:nth-child(5),
.content9-box .box-item:nth-child(6),
.content9-box .box-item:nth-child(7),
.content9-box .box-item:nth-child(8) {
	margin-bottom: 0px;
}

.content10-box .box-item {
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: #FFFFFF;
}

.content10-box .box-item:nth-child(5n) {
	margin-right: 0px;
}

.content10-box .box-item a {
	display: block;
	padding: 2%;

}

.content10-box .box-item a img {
	width: 100%;
	border-radius: 3px;
	height: 230px;
	object-fit: cover;
	-o-object-fit: cover;
}

.content10-box .box-item a h4 {
	padding-top: 8px;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	font-size: 14px;
}

/***底部通用***/
.footer {
	border-top: 1px solid #DDDDDD;
	background: #FFFFFF;
	width: 100%;
	min-width: 1300px;
}

.footer-top {
	padding: 20px 0px;
}

.footer-top .left {
	width: calc(100% - 420px);
	width: -moz-calc(100% - 420px);
	width: -webkit-calc(100% - 420px);
}

.footer-top .left .box-list {
	float: left;
	width: 20%;
}

.footer-top .left .box-list h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	color: #000000;
}

.footer-top .left .box-list h4,
.footer-top .left .box-list ul {
	padding-left: 30px;
}

.footer-top .left .box-list h4::before {
	content: "";
	width: 20px;
	height: 3px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -1.5px;
	background: #DDDDDD;
}

.footer-top .left .box-list ul {
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

.footer-top .right {
	width: 420px;
}

.footer-top .right li {
	float: left;
	text-align: center;
}

.footer-top .right li img {
	width: 105px;
	display: block;
}

.footer-top .right li p {
	color: #999999;
	font-size: 12px;
	font-weight: 600;
}

.footer-bottom {
	background: #555555;
	padding: 20px 0px;
	text-align: center;
	line-height: 26px;
	color: #FFFFFF;
}

.footer-bottom a {
	color: #FFFFFF;
}

/***栏目样式***/
.class-content1-box {
	position: relative;
}

.class-content1-box-left {
	width: 930px;
	position: relative;
	margin-right: 2%;
}

.class-banner-container .swiper-slide a img {
	width: 100%;
	display: block;
}

.class-banner-pagination {
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
}

.class-banner-pagination .swiper-pagination-bullet {
	width: 15px;
	border-radius: 10px;
	opacity: 0.5;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	margin: 0px 4px;
}

.class-banner-pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #F43838;
	opacity: 1;
}

.class-content1-box-right {
	width: calc(98% - 930px);
	width: -moz-calc(98% - 930px);
	width: -webkit-calc(98% - 930px);
}

.class-content1-box-right .box-item {
	height: 100%;
}

.class-content1-box-right .box-item a,
.class-content1-box-right .box-item a .img {
	display: block;
	height: 100%;
}

.class-content1-box-right .box-item a img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}


.class-content3-left {
	width: 49%;
	margin-right: 2%;
	background: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px;
}

.class-content3-right {
	width: 49%;
	background: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px;
}

.class-content3 .t-title {
	line-height: 36px;
}

.class-content3 .t-title span {
	float: right;
	font-size: 12px;
}

.class-content3 .t-title b {
	font-size: 18px;
	color: #F43838;
}

.class-content3-box .list-box li {
	width: 32%;
	margin-right: 2%;
	text-align: center;
}

.class-content3-box .list-box li:nth-child(3n) {
	margin-right: 0px;
}

.class-content3-box .list-box li a .img {
	overflow: hidden;
}

.class-content3-box .list-box li a img {
	width: 100%;
	height: 250px;
	display: block;
	object-fit: cover;
	-o-object-fit: cover;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-radius: 3px;
}

.class-content3-box .list-box li a h3 {
	font-size: 14px;
	line-height: 36px;
}

.class-content3-box .list-box li a:hover img {
	transform: scale3d(1.05, 1.05, 1.05);
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
}

.class-content4-box .box-item {
	width: 20%;
}

.class-content4-box .box-item a {
	display: block;
	padding: 4%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.class-content4-box .box-item a .img img {
	width: 100%;
	height: 240px;
	display: block;
	object-fit: cover;
	-o-object-fit: cover;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.class-content4-box .box-item a .intro {
	padding-top: 5px;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
}

.class-content4-box .box-item a .intro h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.class-content4-box .box-item a:hover .intro h3 {
	color: #FF0000;
}

.class-content4-box .box-item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.class-content4 {
	background: #FFFFFF;
}

.class-content4-title {
	padding: 15px 30px;
	border-bottom: 1px solid #EEEEEE;
}

.class-content4-title span {
	float: right;
}

.class-content4-title span a {
	margin: 0px 4px;
	background: #F2F2F2;
	padding: 3px 10px;
	border-radius: 15px;
	font-size: 12px;
}

.class-content4-title strong {
	font-size: 20px;
	color: #333;
	position: relative;
}

.class-content4-title strong::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 22px;
	background: #333;
	left: -10px;
	top: 50%;
	margin-top: -10px;
}

.class-p-class {
	clear: both;
	padding: 10px 2%;
	border-bottom: 1px #f3f2f2 dashed;
}

.class-p-class h3 {
	display: inline-table;
	float: left;
	padding: 5px 10px;
	margin-right: 10px;
}

.class-p-class ul a {
	display: inline-table;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px #f5f5f6 solid;
	padding: 5px 10px;
	margin: 0px 5px;
	font-size: 12px;
}

.class-p-class ul a.curr {
	background: #db2719;
	color: #FFFFFF;
}

.content4-box .content4-box-right .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.content4-box .content4-box-right .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.content4-box .content4-box-right .box-item a .price-text h3 {
	padding: 5px 0px;
}

.content4-box .content4-box-right .box-item a .price-text h3 strong {
	font-weight: normal;
	color: #FF0000;
}

.content4-box .content4-box-right .box-item a .price-text h3 strong font {
	font-size: 16px;
}

.content4-box .content4-box-right .box-item a .price-text h3 span {
	color: #CCCCCC;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}



.search-content-nav,
.search-content-box {
	background: #FFFFFF;
}

.search-content-box {
	text-align: center;
	padding: 25px 0px;
	border-top: 1px solid #EEEEEE;
}

.search-content-box .keyword {
	width: 430px;
	border: 2px solid #db2719;
	background: #FFFFFF;
	height: 38px;
	padding: 0px 8px;
}

.search-content-box .cs {
	height: 38px;
	border: 2px solid #db2719;
	background: #FFFFFF;
	width: 120px;
	padding: 0px 8px;
	margin-left: 10px;
}

.search-content-box .pointer {
	height: 38px;
	border: 2px solid #db2719;
	background: #db2719;
	width: 100px;
	color: #FFFFFF;
	margin-left: 8px;
	margin-top: -2px;
}

.search-content-box .box {
	display: inline-block;
	margin: 0 auto;
}

.serach-list {
	background: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
	line-height: 36px;
}

.serach-list li {
	float: left;
	border-right: 1px solid #EEEEEE;
	width: 80px;
	text-align: center;
}

.serach-list li a {
	font-size: 12px;
}

.serach-list li a.curr {
	color: #db2719;
}

.serach-list li a .iconfont {
	top: 2px;
	position: relative;
}

.search-content-box label {
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

.search-content-box label input {
	background: #FFFFFF;
	border: 1px solid #EEE;
	border-radius: 3px;
	width: 42px;
	height: 38px;
}

.search-content-box label input:checked {
	background: #db2719;
	border: 1px solid #db2719;
}

.search-content-box label span {
	display: inline-block;
	position: absolute;
	width: 42px;
	height: 42px;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	left: 0px;
	top: 0px;
}

.search-content-box label.curr span {
	color: #FFFFFF;
}

.search-content-list {
	background: #FFFFFF;
}

.search-content-list .box-item {
	width: 20%;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.search-content-list .box-item a {
	display: block;
	padding: 4%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 100%;
}

.search-content-list .box-item a .img {
	position: relative;
}

.search-content-list .box-item a .no-pwer-back {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	top: 0px;
	left: 0px;
}

.search-content-list .box-item a .img .no-pwer-back .img-box img {
	width: 120px;
	height: 114px;
	margin: 0 auto;
	opacity: 0.8;
}

.search-content-list .box-item a .img .no-pwer-back .img-box {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.5;
	font-size: 16px;
}

.search-content-list .box-item:hover {
	box-shadow: 0px 0px 8px #999999;
}

.search-content-list .box-item .company {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.search-content-list .box-item .company a {
	color: #999999;
	font-size: 12px;
}

.search-content-list .box-item:nth-child(5n) a {
	border-right: 0px;
}

.search-content-list .box-item a .img img {
	width: 100%;
	height: 238px;
	object-fit: cover;
	-o-object-fit: cover;
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.search-photo-list .box-item a .img img {
	height: 298px;
}

.search-content-list .box-item a .intro {
	padding-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}

.search-content-list .box-item a .intro h3 {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}

.search-content-list .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.search-content-list .box-item a .price-text h3 {
	padding: 5px 0px;
}

.search-content-list .box-item a .price-text h3 strong {
	font-weight: normal;
	color: #FF0000;
}

.search-content-list .box-item a .price-text h3 strong font {
	font-size: 20px;
}

.search-content-list .box-item a .price-text h3 span {
	color: #CCCCCC;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}

.search-content-list .list-item a .img img {
	height: 326px;
}

.search-content-list .list-item a .intro {
	height: 80px;
}

.search-content-list .item {
	width: calc(100% / 6);
	width: -moz-calc(100% / 6);
	width: -webkit-calc(100% / 6);
}

.search-content-list .item a {
	display: block;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	padding: 4%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.search-content-list .item a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.search-content-list .item a .img {
	width: 100%;
	height: 150px;
}

.search-content-list .item a .img img {
	max-width: 100%;
	max-height: 150px;
}

.search-content-list .item a .img p {
	display: table;
	width: 100%;
	height: 100%;
}

.search-content-list .item a .img p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.search-content-list .item a .intro {
	height: 40px;
	padding-top: 5px;
}

.search-content-list .item a h3 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
}

.search-content-list .box-item a .intro-text {
	padding-top: 8px;
}

.search-content-list .box-item a .intro-text h3 {
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}

.search-content-list .box-item a .intro-text p {
	color: #999999;
	font-size: 12px;
}

.search-content-list .box-item a:hover .intro-text h3 {
	color: #FF0000;
}

.main_head_img {
	padding: 20px;
}

.main_head_img .box-item {
	background: #FFFFFF;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
}

.main_head_img .box-item:nth-child(4n) {
	margin-right: 0px;
}

.main_head_img .box-item a {
	display: block;
}

.main_head_img .box-item a img {
	width: 100%;
	border-radius: 3px;
	height: 230px;
	object-fit: cover;
	-o-object-fit: cover;
}

.main_head_img .box-item a h3 {
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
}

.main_head_img .box-item a .intro-text {
	padding: 2%;
}

.class-content7 .content7-box .box-item a .img img {
	height: 455px;
}

.class-content1 {
	background: #FFFFFF;
}

.class-content4-box .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.class-content4-box .box-item a .price-text h3 {
	padding: 5px 0px;
}

.class-content4-box .box-item a .price-text h3 strong {
	font-weight: normal;
	color: #FF0000;
}

.class-content4-box .box-item a .price-text h3 strong font {
	font-size: 20px;
}

.class-content4-box .box-item a .price-text h3 span {
	color: #CCCCCC;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}

.class-content4-box .box-item a .text-intro {
	height: 40px;
	padding-bottom: 8px;
}

.class-content4-box .box-item a .text-intro h3 {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}

.class-content4-box .box-item a .text-intro p {
	font-size: 12px;
	color: #999999;
}

.class-content4-box .box-item a .text-small li {
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 12px;
	color: #999999;
	margin-right: 8px;
}

.class-content1-box .gallery-thumbs .swiper-slide img {
	width: 100%;
}

.class-content1-box .gallery-thumbs {
	position: absolute;
	height: 100px;
	bottom: 10px;
}

.class-content1-box .gallery-thumbs .swiper-slide .img {
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
}

.class-content1-box .gallery-thumbs .swiper-slide-thumb-active .img {
	background: #db2719;
}

.class-content3-box .box-item1 {
	width: 250px;
}

.class-content3-box .box-item2 {
	width: 340px;

	margin-left: 10px;
}

.class-content3-box .box-item3 {
	width: 340px;
	margin-left: 10px;
}

.class-content3-box .box-item4 {
	width: 340px;
	margin-left: 10px;
}

.class-content3-box .box-item a {
	position: relative;
	display: block;
}

.class-content3-box .box-item a .img img {
	width: 100%;
	height: 410px;
	display: block;
	object-fit: cover;
	-o-object-fit: cover;
}

.class-content3-box .box-item a .box-back {
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.class-content3-box .box-item a .intro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.class-content3-box .box-item a .intro h3,
.class-content3-box .box-item a .intro p {
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.class-content3-box .box-item a:hover .box-back {
	background: rgba(0, 0, 0, 0.5);
}

.class-content3-box .box-item a:hover .intro {
	opacity: 1;
}

.class-content3-box .box-item3 a .img img {
	height: 200px;
}

.class-content6-box-left {
	width: 49%;
	margin-right: 2%;
}

.class-content6-box-right {
	width: 49%;
}

.card6-adv-container .swiper-slide a img {
	width: 100%;
}

.card6-adv-container .swiper-slide a .intro {
	text-align: center;
}

.card6-adv-container .swiper-slide a .intro h3 {
	font-size: 14px;
	line-height: 30px;
}

.card6-adv-container .card6-adv-button-prev,
.card6-adv-container .card6-adv-button-next {
	display: none;
}

.card6-adv-container:hover .card6-adv-button-prev,
.card6-adv-container:hover .card6-adv-button-next {
	display: flex;
}

.search-content-list .list-item-s {
	width: calc(100% / 6);
	width: -moz-calc(100% / 6);
	width: -webkit-calc(100% / 6);
}

.search-content-list .list-item-s a .img img {
	height: 280px;
}

.class-content6-box-left {
	width: 32%;
	margin-right: 2%;
	background: #FFFFFF;
}

.class-content6-box-right {
	width: 66%;
}

.class-content6-box .box-item a {
	display: block;
	padding: 4%;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.class-content6-box .box-item a .img {
	position: relative;
}

.class-content6-box .box-item a .img img {
	width: 100%;
	display: block;
}

.class-content6-box .box-item a .box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(5, 38, 49, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.class-content6-box .box-item a .intro {
	position: absolute;
	width: 92%;
	height: 92%;
	top: 4%;
	left: 4%;
	display: none;
}

.class-content6-box .box-item a .intro h3,
.class-content6-box .box-item a .intro p {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}

.class-content6-box .box-item a .intro p span {
	width: 50%;
	display: inline-block;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 5px;

}

.class-content6-box .box-item a .intro p {
	padding: 0px 10%;
}

.class-content6-box .box-item a:hover .box-back {
	background: rgba(5, 38, 49, 0.7);
}

.class-content6-box .box-item a:hover .intro {
	display: flex;
}

.class-content6-box-right .box-item {
	width: 49%;
	margin-right: 2%;
	background: #FFFFFF;
	margin-bottom: 2%;
}

.class-content6-box-right .box-item:nth-child(2n) {
	margin-right: 0px;
}

.class-content6-box-right .box-item:nth-child(3) {
	margin-bottom: 0px;
}

.class-content6-box-right .box-item:nth-child(4) {
	margin-bottom: 0px;
}

.class-content6-box-right .box-item a .img img {
	height: 250px;
	object-fit: cover;
	-o-object-fit: cover;
}

.class-content6-box-left .box-item,
.class-content6-box-left .box-item a,
.class-content6-box-left .box-item a .img,
.class-content6-box-left .box-item a .img img {
	height: 100%;
}

.web-top {
	line-height: 30px;
	padding-top: 15px;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
}

.web-content-left {
	width: 1060px;
}

.company-nav-box {
	overflow: hidden;
	border-bottom: 2px solid #459184;
}

.company-nav-box li {
	float: left;
}

.company-nav-box li a {
	display: block;
	line-height: 40px;
	padding: 0px 25px;
	font-size: 15px;
}

.company-nav-box li.active a {
	background: #459184;
	color: #FFFFFF;
	font-weight: bold;
}

.web-content-right {
	width: 220px;
	margin-left: 20px;
}

.web-content .web-content-right .right-title {
	background: #F2F2F2;
	line-height: 40px;
	border-bottom: 2px solid #459184;
}

.web-content .web-content-right .right-title h3 {
	font-size: 14px;
	padding-left: 15px;
}

.web-content .web-content-right .right-div-ul li {
	border: 1px solid #EEEEEE;
	margin-top: 10px;
	height: 100px;
	padding: 10px;
}

.web-content .web-content-right .right-div-ul li a {
	display: table;
	width: 100%;
	height: 100%;
}

.web-content .web-content-right .right-div-ul li a p {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.web-content .web-content-right .right-div-ul li a p img {
	max-width: 100%;
	max-height: 100px;
}

.content-new-box .left {
	width: 430px;
	position: relative;
}

.left-adv-new-container .swiper-slide a {
	position: relative;
	display: block;
}

.left-adv-new-container .swiper-slide a h3 {
	position: absolute;
	display: block;
	width: 70%;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.8);
	padding: 5%;
	margin: 10%;
	text-align: center;
	color: #FFF;
	font-weight: normal;
}

.left-adv-new-container .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.left-adv-new-pagination {
	text-align: right;
}

.left-adv-new-pagination .swiper-pagination-bullet {
	border-radius: 0px;
	width: 20px;
	height: 8px;
	border-radius: 6px;
	background: #999;
	opacity: 1;
	outline: medium;
}

.left-adv-new-pagination .swiper-pagination-bullet-active {
	background: #db2719;
	width: 30px;
}

.content-new-box .center {
	width: 360px;
	padding: 10px;
	margin-left: 30px;
	background: #FFF;
}

.content-new-box .center {
	width: 360px;
	padding: 10px;
	margin-left: 30px;
	background: #FFF;
}

.content-new-box .center dt a {
	display: block;
	position: relative;
}

.content-new-box .center dt a h3 {
	position: absolute;
	display: block;
	width: 70%;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.8);
	padding: 5%;
	margin: 10%;
	text-align: center;
	color: #FFF;
	font-weight: normal;
}

.content-new-box .center dt a img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	-o-object-fit: cover;
	margin-bottom: 10px;
}

.content-new-box .center dd {
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 40px;
}

.content-new-box .right {
	width: 410px;
	padding: 10px;
	margin-left: 30px;
	background: #FFF;
}

.content-new-box .right .tabs {
	display: flex;
	margin-right: 2px;
}

.content-new-box .right .tabs a {
	display: inline;
	line-height: 40px;
	float: left;
	background: #ccc;
	margin: 0px;
	flex: 1;
	text-align: center;
}

.content-new-box .right .tabs a.active {
	color: #FFF;
	background: #333;
}

.content-new-box .right .tabs-list {
	position: relative;
	width: 100%;
	height: 500px;
	margin-top: 5px;
	overflow: hidden;
}

.tabs_k .tabs-txt {
	display: none;
}

.tabs_k .tabs-txt.active {
	display: block;
}

.content-new-box .right ul {
	position: absolute;
	width: 100%;
	overflow: hidden;
}

.content-new-box .right ul li {
	display: block;
	clear: both;
	padding: 10px 0;
}

.content-new-box .right ul li a {
	display: block;
}

.content-new-box .right ul li a p {
	width: 64px;
	height: 64px;
	padding: 4px;
	border: 1px #EEEEEE solid;
	margin-right: 10px;
}

.content-new-box .right ul li a p span {
	display: table;
	width: 100%;
	height: 100%;
}

.content-new-box .right ul li a p span i {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.content-new-box .right ul li img {
	max-height: 64px;
	max-width: 64px;
}


.content-new-box .right ul li a div {
	float: right;
	width: calc(100% - 92px);
	width: -moz-calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
}

.content-new-box .right ul li a div h3 {
	font-weight: normal;
}

.company-box-list .item-list {
	padding: 20px 10px;
	background: #FFFFFF;
	margin-bottom: 2%;
}

.company-box-list .item-list .img {
	width: 150px;
	height: 130px;
	padding: 4px;
}

.company-box-list .item-list .img a {
	display: block;
	width: 100%;
	height: 100%;
}

.company-box-list .item-list .img a img {
	max-width: 150px;
	max-height: 130px;
}

.company-box-list .item-list .img a p {
	display: table;
	width: 100%;
	height: 100%;
}

.company-box-list .item-list .img a p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.company-box-list .item-list .item-list-left {
	width: calc(100% - 338px);
	width: -moz-calc(100% - 338px);
	width: -webkit-calc(100% - 338px);
}

.company-box-list .item-list .item-list-left .text-intro {
	width: calc(100% - 285px);
	width: -moz-calc(100% - 285px);
	width: -webkit-calc(100% - 285px);
	margin-left: 10px;
	padding-right: 15px;
}

.company-box-list .item-list .item-list-left .text-intro h3 a {
	font-size: 14px;
	color: #459184;
}

.company-box-list .item-list .item-list-left .text-intro h3 {
	margin-bottom: 0px;
	line-height: 30px;
}

.company-box-list .item-list .item-list-left .text-intro h3 a span {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	padding: 4px 0px;
	border-radius: 4px;
	overflow: hidden;
}

.company-box-list .item-list .item-list-left .text-intro h3 a span img {
	border-radius: 4px;
}

.company-box-list .item-list .item-list-left .text-intro h3 a:hover {
	color: #fb5a48;
}

.company-box-list .item-list .item-list-left .text-intro p {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
}

.company-box-list .item-list .item-list-right {
	width: calc(338px);
	width: -moz-calc(338px);
	width: -webkit-calc(338px);
}

.company-box-list .item-list .item-list-right li {
	width: 32%;
	margin-right: 2%;
}

.company-box-list .item-list .item-list-right li a img {
	width: 100%;
	border-radius: 3px;
	height: 108px;
	object-fit: cover;
	-o-object-fit: cover;
}

.company-box-list .item-list .item-list-right li:nth-child(3n) {
	margin-right: 0px;
}

.company-box-list .item-list .item-list-right li a h3 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 8px;
}

.new-content-box .new-content-box-left {
	width: 960px;
}

.new-content-box .new-content-box-left .list-small {
	width: 32%;
	margin-right: 2%;
}

.new-content-box .new-content-box-left .list-small:nth-child(3n) {
	margin-right: 0px;
}

.new-content-box .new-content-box-left .list-small .list-img {
	background: #FFFFFF;
}

.new-content-box .new-content-box-left .list-small .list-img a {
	padding: 10px;
	border: 1px solid #EEEEEE;
	display: block;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.new-content-box .new-content-box-left .list-small .list-img a .img {
	width: 100%;
	height: 220px;
	overflow: hidden;
}

.new-content-box .new-content-box-left .list-small .list-img a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	display: block;
}

.new-content-box .new-content-box-left .list-small .list-img a h3 {
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
}

.new-content-box .new-content-box-left .list-small ul {
	padding-top: 10px;
}

.new-content-box .new-content-box-left .list-small ul li h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}

.new-content-box .new-content-box-left .list-small ul li i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #333333;
	float: left;
	margin-right: 8px;
	margin-left: 5px;
	top: 13px;
	position: relative;
}

.new-content-box .new-content-box-left .list-big {
	width: 100%;

}

.list-big .list-title-msg {
	background: #FFFFFF;
	padding: 15px;
	overflow: hidden;
}

.list-big .list-title-msg .list-title-img {
	float: left;
}

.list-big .list-title-msg .list-title-img a {
	width: 95px;
	height: 95px;
	padding: 4px;
	border: 1px solid #EEEEEE;
	display: block;
}

.list-big .list-title-msg .list-title-img a p {
	display: table;
	width: 100%;
	height: 100%;
}

.list-big .list-title-msg .list-title-img a p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.list-big .list-title-msg .list-title-img a img {
	max-width: 95px;
	max-height: 95px;
}

.list-big .list-title-msg ul {
	float: left;
	width: calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	margin-left: 10px;
	line-height: 25px;
}

.list-big .list-title-msg ul li i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #333333;
	float: left;
	margin-right: 8px;
	margin-left: 5px;
	top: 10px;
	position: relative;
}

.new-content-box-right {
	width: 310px;
	margin-left: 30px;
	background: #FFFFFF;
}

.new-content-box-right .right-list {
	background: #FFFFFF;
	padding: 8px 10px;
}

.new-content-box-right .right-list a {
	display: block;
	overflow: hidden;
}

.new-content-box-right .right-list a .img {
	float: left;
	width: 64px;
	height: 64px;
	border: 1px solid #EEEEEE;
	padding: 4px;
}

.new-content-box-right .right-list a .img p {
	display: table;
	width: 100%;
	height: 100%;
}

.new-content-box-right .right-list a .img p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.new-content-box-right .right-list a .img p span img {
	max-width: 64px;
	max-height: 64px;
}

.new-content-box-right .right-list a h4 {
	font-size: 14px;
	font-weight: normal;
	float: left;
	width: calc(100% - 85px);
	width: -moz-calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
	margin-left: 10px;
}

.new_h_box_three-left {
	width: 900px;
}

.new_h_box_three-left .list-img {
	padding: 15px;
	background: #FFFFFF;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.new_h_box_three-left .list-img .img {
	width: 150px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #EEEEEE;
	padding: 4px;
	float: left;
}

.new_h_box_three-left .list-img .img a {
	display: table;
	width: 100%;
	height: 100%;
}

.new_h_box_three-left .list-img .img a p {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.new_h_box_three-left .list-img .img a p img {
	max-width: 150px;
	max-height: 150px;
}

.new_h_box_three-left .list-img .intro {
	width: calc(100% - 195px);
	width: -moz-calc(100% - 195px);
	width: -webkit-calc(100% - 195px);
	float: left;
	margin-left: 10px;
	color: #999;
	font-size: 12px;
}

.new_h_box_three-left .list-img .intro h3 {
	font-weight: normal;
	line-height: 30px;
}

.new_h_box_three-left .list-img .intro h3 a {
	color: #000000;
}

.new_h_box_three-left .list-img .intro p {
	line-height: 24px;
}

.new_h_box_three-left .list-img:hover,
.new-content-box .new-content-box-left .list-small .list-img a:hover {
	box-shadow: 0px 0px 8px #999999;
}

.new_h_box_three-left .list-img .intro h3 a:hover {
	color: #FF0000;
}

.new_h_box_three-right {
	width: 380px;
	background: #FFFFFF;
	margin-left: 20px;
}

.new_h_box_three-right .list-img {
	overflow: hidden;
	border-top: 1px solid #EEEEEE;
}

.new_h_box_three-right .list-img a {
	padding: 15px;
	display: block;
	overflow: hidden;
}

.new_h_box_three-right .list-img a .img {
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: right;
	border: 1px solid #EEEEEE;
	padding: 4px;
}

.new_h_box_three-right .list-img a .img p {
	display: table;
	width: 100%;
	height: 100%;
}

.new_h_box_three-right .list-img a .img p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.new_h_box_three-right .list-img a .img p span img {
	max-width: 80px;
	max-height: 80px;
}

.new_h_box_three-right .list-img a .intro {
	float: left;
	width: 250px;
	color: #999999;
}

.new_h_box_three-right .list-img a .intro h3 {
	font-weight: 500;
	margin-bottom: 8px;
	color: #000000;
}

.new_h_box_three-right .list-img a:hover .intro h3 {
	color: #FF0000;
}

.new_h_box_four .new_h_box_four_list {
	width: 32%;
	margin-right: 2%;
}

.new_h_box_four .new_h_box_four_list:nth-child(3n) {
	margin-right: 0px;
}

.new_h_box_four .new_h_box_four_list h2 {
	padding: 10px;
}

.new_h_box_four_list .list-small {
	background: #FFFFFF;
	padding: 2%;
}

.new_h_box_four_list .list-small .list-img {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
}

.new_h_box_four_list .list-small .list-img .img {
	height: 250px;
	overflow: hidden;
}

.new_h_box_four_list .list-small .list-img .img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	-o-object-fit: cover;
}

.new_h_box_four_list .list-small .list-img a h3 {
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	padding-top: 5px;
	height: 48px;
}

.new_h_box_four_list .list-small li {
	border-bottom: 1px solid #EEEEEE;
	padding: 10px 0px;
}

.new_h_box_four_list .list-small li a {
	display: block;
	overflow: hidden;
}

.new_h_box_four_list .list-small li a .img {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border: 1px solid #EEEEEE;
	padding: 4px;
	float: left;
}

.new_h_box_four_list .list-small li a .img p {
	display: table;
	width: 100%;
	height: 100%;
}

.new_h_box_four_list .list-small li a .img p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.new_h_box_four_list .list-small li a .img p span img {
	max-width: 80px;
	max-height: 80px;
}

.new_h_box_four_list .list-small li a h3 {
	float: right;
	width: calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
}

.content-new {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-new .left {
	background: #FFF;
	width: 1000px;
}

.box-content {
	text-align: center;
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 10px;
}

.new-title {
	font-size: 20px;
	color: #000000;
	padding: 15px 0px;
	padding-bottom: 10px;
}

.boxs span {
	margin: 0px 10px;
	color: #999999;
}

.main_body_intro {
	border-bottom: 1px solid #EEEEEE;
	padding: 2%;
	background: #FFFFFF;
	margin-top: 10px;
}

.main_body_intro P {
	font-size: 15px;
	color: rgb(68, 68, 68);
	line-height: 30px;
}

.main_body_intro img {
	max-width: 100%;
}

.content-new .right {
	width: 250px;
	background: #FFFFFF;
}

.content-new .right .right-title {
	padding: 15px 0px;
	border-bottom: 1px solid #EEEEEE;
}

.content-new .right .right-title strong {
	display: block;
	margin-left: 15px;
	border-left: 3px solid #FF0000;
	padding-left: 10px;
	font-size: 18px;
}

.content-new .right .right-ul li {
	line-height: 50px;
	border-bottom: 1px solid #EEEEEE;
}

.content-new .right .right-ul li a {
	display: block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 15px;
}

.content-new .right .right-ul li.curr a {
	background: #db2719;
	color: #FFFFFF;
}

.new_h_box_three .three-list .img {

	float: left;
}

.new_h_box_three .three-list .img a {
	display: block;
	border: 1px solid #EEEEEE;
	padding: 4px;
	width: 230px;
	height: 150px;
	position: relative;
}

.new_h_box_three .three-list .img a p {
	display: table;
	width: 100%;
	height: 100%;
}

.new_h_box_three .three-list .img a p span {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.new_h_box_three .three-list {
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
	padding: 10px;
}

.new_h_box_three .three-list .img a p span img {
	max-width: 230px;
	max-height: 150px;
}

.new_h_box_three .three-list .intro {
	float: right;
	width: calc(100% - 260px);
	width: -moz-calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
	line-height: 24px;
	color: #888888;
}

.new_h_box_three .three-list .intro h3 {
	margin-bottom: 8px;
}

.new_h_box_three .three-list .img_s a img {
	width: 230px;
	height: 150px;
	object-fit: cover;
	-o-object-fit: cover;
	display: block;
}

.new_h_box_three .three-list .img_s a i {
	position: absolute;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	left: 4px;
	top: 4px;
	padding: 4px 8px;
}

.content-new .right .about-div h4 {
	background: #ff6501;
	color: #FFFFFF;
	line-height: 30px;
	padding: 0px 15px;
	font-weight: normal;
}

.content-new .right .about-ul p {
	line-height: 40px;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 15px;
}

.content-new .right .about-ul p.curr a {
	color: #FF0000;
}


.class-content4-box .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.class-content4-box .box-item a .price-text h3 {
	padding: 5px 0px;
}

.class-content4-box .box-item a .price-text h3 strong {
	font-weight: normal;
	color: #FF0000;
}

.class-content4-box .box-item a .price-text h3 strong font {
	font-size: 20px;
}

.class-content4-box .box-item a .price-text h3 span {
	color: #CCCCCC;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}


.content1-box-list .box-item a .price-text p strong {
	font-size: 16px;
	color: #FF0000;
	padding: 5px 0px;
	display: block;
}

.content1-box-list .box-item a .price-text h3 {
	padding: 5px 0px;
}

.content1-box-list .box-item a .price-text h3 strong {
	font-weight: normal;
	color: #FF0000;
}

.content1-box-list .box-item a .price-text h3 strong font {
	font-size: 20px;
}

.content1-box-list .box-item a .price-text h3 span {
	color: #CCCCCC;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}

.goods-detail {
	background: #FFFFFF;
	padding: 2%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.goods-detail .flex-center-left {
	width: 35%;
	float: left;
}

.goods-detail .flex-center-left .big-img {
	position: relative;
	border: 1px solid #EEEEEE;
}

.big-img-container .swiper-slide a {
	display: block;
	position: relative;
}

.big-img-container .swiper-slide a img {
	width: 100%;
	display: block;
}

.goods-detail .small-img {
	position: relative;
	padding: 10px 0%;
}

.small-img-container {
	width: calc(100% - 64px);
	width: -moz-calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
}

.small-img-container .swiper-slide a {
	display: block;
	background: #000000;
}

.small-img-container .swiper-slide a img {
	width: 100%;
	opacity: 0.5;
}

.small-img-container .swiper-slide-thumb-active a img {
	opacity: 1;
}

.goods-detail .small-img .swiper-button-white {
	width: 24px;
	height: calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
	position: absolute;
	top: 10px;
	background: #666666;
	outline: medium;
	color: #FFFFFF;
}

.goods-detail .small-img .big-img-button-next {
	right: 0px;
}

.goods-detail .small-img .big-img-button-prev {
	left: 0px;
}

.goods-detail .small-img .swiper-button-white span {
	font-size: 24px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	border: 1px solid #EEEEEE;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: calc(100% + 10px);
	left: -moz-calc(100% + 10px);
	left: -webkit-calc(100% + 10px);
	width: 100%;
	height: 100%;
	background: #ffffff;
	border: 1px solid #EEEEEE;
	display: none;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.goods-detail .flex-center-right {
	width: 60%;
	margin-left: 5%;
	float: right;
}

.goods-detail .flex-center-right h1 {
	font-size: 20px;
	line-height: 30px;
	overflow: hidden;
	color: #000;
	margin-bottom: 15px;
	max-height: 60px;
	font-weight: bold;
}

.goods-detail .flex-center-right .base-text {
	padding: 10px 15px;
}

.goods-detail .flex-center-right .base-text p {
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	line-height: 40px;
}

.goods-detail .flex-center-right .base-text p i {
	margin-right: 25px;
	color: #888;
}

.goods-detail .flex-center-right .base-text p span {
	color: #222222;
}

.goods-detail .flex-center-right .goods-text {
	background: #fff5ec;
	border-top: 1px dotted #ffd1a7;
	border-bottom: 1px dotted #ffd1a7;
	margin-top: 20px;
	padding: 5px 15px;
	position: relative;
}

.goods-detail .flex-center-right .goods-text p i {
	font-size: 14px;
	color: #888;
	width: 56px;
	overflow: hidden;
	display: inline-block;
	margin-right: 25px;
	float: left;
}

.goods-detail .flex-center-right .goods-text p {
	height: 40px;
	line-height: 40px;
	color: #666;
}

.goods-detail .flex-center-right .goods-text p span {
	color: #222222;
}

.goods-detail .flex-center-right .goods-text p em {
	float: left;
	color: #222222;
}

.goods-detail .flex-center-right .goods-text p .line_price {
	color: #999999;
	text-decoration: line-through;
	font-size: 12px;
	margin-left: 5px;
}

.goods-detail .flex-center-right .action-text {
	padding: 0px 15px;
}

.goods-detail .flex-center-right .action-text a {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #999999;
	margin-right: 15px;
}

.goods-detail .flex-center-right .action-text a.curr {
	color: #FF0000;
}

.goods-detail .flex-center-right .action-text a::before {
	float: left;
	margin-right: 3px;
	font-size: 16px;
}

.goods-detail .flex-center-right .action-text .iconcollection-fill::before {
	position: relative;
	top: -1.5px;
}

.goods-detail .flex-center-right .button-text {
	padding: 10px 15px;
	padding-top: 0px;
}

.goods-detail .flex-center-right .goods-num-text .goods-num {
	width: 40px;
}

.goods-detail .flex-center-right .goods-num-text {
	padding-top: 0px;
}

.goods-detail-content {
	overflow: hidden;
	padding: 20px 0px;
}

.goods-detail-content .left {
	width: 250px;
}

.goods-detail .flex-center-right .spec_attr_list {
	padding: 10px 15px;
}

.goods-detail .flex-center-right .spec_attr_list p i {
	margin-right: 25px;
	color: #888;
}

.goods-detail .flex-center-right .spec_attr_list p span {
	border: 1px solid #DDDDDD;
	padding: 0px 8px;
	font-size: 12px;
	cursor: pointer;
	line-height: 30px;
	display: inline-block;
	margin-right: 5px;
}

.goods-detail .flex-center-right .spec_attr_list p span:hover,
.goods-detail .flex-center-right .spec_attr_list p span.curr {
	border: 1px solid #FF0000;
}


.company-box {
	background: #FFFFFF;
}

.company-box h2 {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	background: #fb5a48;
	color: #fff;
	padding: 0px 15px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}

.shopname {
	height: 77px;
	padding: 0px 0px 0px 15px;
	border-bottom: #eee 1px solid;
	font-size: 12px;
}

.shopname h3 {
	color: #ee2e2c;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	padding: 13px 5px 0px 0px;
	font-weight: bold;
}

.shopname .jwsy {
	margin-top: 10px;
	font-size: 12px;
	height: 27px;
	line-height: 27px;
}

.shopname .jwsy1 {
	background: #fb5a48;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	padding: 4px 6px;
	margin-right: 5px;
}

.shopname .jwsy2 {
	background-color: #333;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	padding: 4px 6px;
	margin-right: 5px;
}

.shopData p {
	line-height: 30px;
	padding: 0px 5px 0px 15px;
	z-index: 1;
	overflow: hidden;
	zoom: 1;
	font-size: 12px;
}

.companyInfo {
	height: auto;
	overflow: hidden;
	border-top: #eee solid 1px;
	padding: 15px 0px 5px 15px;
	margin-top: 10px;
}

.companyInfo a {
	width: 83px;
	height: 30px;
	float: left;
	border: #eee solid 1px;
	line-height: 30px;
	border-radius: 3px;
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 0px;
	color: #535353;
}

.companyInfo a:hover {
	color: #ee2e2c;
	text-decoration: none;
}

.shopData p font {
	float: left;
	color: #fff;
	background: #fb5a48;
	padding: 1px 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	display: block;
	margin-top: 5px;
}

.shopData p i {
	color: #999;
	float: left;
	font-size: 12px;
	padding-right: 4px;
	/* width: 60px; */
	text-align: right;
}

.side_body_goods {
	padding: 2%;
}

.side_body_goods li a .img-box img {
	width: 80px;
	display: block;
	border-radius: 3px;
}

.side_body_goods li a .intro {
	width: calc(100% - 90px);
	width: -moz-calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	margin-left: 10px;
}

.side_body_goods li a .intro h3 {
	font-size: 14px;
	font-weight: normal;
}

.side_body_goods li {
	padding: 4% 0px;
}

.goods-detail-content .right {
	width: calc(100% - 270px);
	width: -moz-calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
}

.main_head {
	font-size: 16px;
	background: white;
	box-shadow: 0px 0px 15px #f2f2f2;
	padding: 0px 20px;
}

.main_head div {
	overflow: hidden;
	display: block;
	height: 45px;
	line-height: 45px;
}

.main_head strong {
	display: block;
	float: left;
	height: 16px;
	border-left: #fb5a48 3px solid;
	line-height: 16px;
	padding-left: 10px;
	margin-top: 12px;
	font-size: 16px;
}

.main_body_intro ul li {
	width: 50%;
	line-height: 30px;
}

.main_body_intro {
	border-bottom: 1px solid #EEEEEE;
	padding: 2%;
	background: #FFFFFF;
	margin-top: 10px;
}

.main-adv-container {
	background: #FFFFFF;
	padding: 40px 0px;
}

.main-adv-container .swiper-slide a img {
	width: 100%;
}

.main_body_content {
	background: #FFFFFF;
	font-size: 14px;
	line-height: 28px;
	margin-top: 5px;
	padding: 1% 2%;
	padding-bottom: 25px;
}

.main_body_content img {
	max-width: 800px;
}

.card-content {
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0px;
	left: 0px;
	min-width: 1300px;
}

.card-content-fixed {
	position: fixed;
	width: 400px;
	height: calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	background: #FFFFFF;
	top: 10px;
	bottom: 10px;
	border-radius: 8px;
	z-index: 999;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.card-content-fixed .iconfont-close {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	line-height: 16px;
}

.card-content-fixed .index-logo {
	text-align: center;
	padding: 25px 0px;

}

.company-logo {
	text-align: center;
	padding: 15px;
}

.company-logo img {
	width: 90px;
	display: inline-block;
}

.company-logo a {
	display: block;
	padding: 20px 0px;
	border-bottom: 1px solid #EEEEEE;
}

.company-logo a h3 {
	line-height: 50px;
}

.company-text {
	padding: 15px;
}

.company-text li {
	padding: 10px 0px;
	border-bottom: 1px solid #EEEEEE;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
}

.company-text li i {
	display: block;
	width: 100px;
	float: left;
	color: #999999;
}

.company-buttun {
	padding: 15px;
	text-align: center;
}

.company-buttun a {
	margin: 0px 15px;
}

.card-content-auto {
	height: 100%;
	overflow-y: auto;
}

.card-content .card-content-right {
	float: right;
	width: calc(100% - 440px);
	width: -moz-calc(100% - 440px);
	width: -webkit-calc(100% - 440px);
	margin-top: 10px;
	position: relative;
	height: calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	overflow-y: auto;
}

.right-top-button {
	text-align: right;
	margin-top: 5%;
	margin-right: 5%;
}

.right-top-box h3 {
	font-size: 24px;
	color: #FFFFFF;
}

.right-top-box .text {
	padding: 10px 0px;
	margin-top: 10px;
}

.right-top-box .text span {
	display: inline-block;
	margin-right: 10px;
	color: #FFFFFF;
	cursor: pointer;
}

.right-top-box .text span em {
	background: #FFFFFF;
	color: #FF6600;
	padding: 4px 8px;
	border-radius: 5px;
}

.right-top-list {
	padding-top: 30px;
	padding-right: 15%;
}

.right-top-list li {
	width: 18%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%;
}

.right-top-list li a img {
	width: 100%;
	display: block;
	border-radius: 4px;
	-webkit-box-reflect: below 5px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 40%, transparent 100%);
	/*height: 320px;*/
	object-fit: cover;
	-o-object-fit: cover;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.right-top-list li a:hover img {
	margin-top: -10px;
}

.layui-card-content {
	padding: 4%;
}

.layui-card-content ul li {
	overflow: hidden;
	margin-bottom: 15px;
}

.layui-card-content ul li span {
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	line-height: 36px;
	margin-right: 10px;
}

.layui-card-content ul li input.box-input {
	width: 300px;
	height: 36px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: 0px 8px;
}

.layui-card-content ul li select.box-input {
	width: 120px;
	height: 36px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
}

.layui-card-content ul li textarea.box-input {
	width: 350px;
	height: 80px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: 8px;
}

.layui-card-content ul li .span-textarea {
	line-height: 80px;
}

.layui-card-content .submitfun-btn {
	padding-left: 110px;
}

.body_container_box {
	position: relative;
}

.body_container_box .photo-img-container {
	width: 80%;
	margin: 0 auto;
}

.body_container_box .photo-img-container .swiper-slide a {
	display: block;
}

.body_container_box .photo-img-container .swiper-slide a img {
	display: block;
	margin: 0 auto;
}

.main_body_container .small-img-container .swiper-slide a img {
	height: 230px;
}

.body_container_box .swiper-button-white {
	position: absolute;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	margin-top: -25px;
	top: 50%;
	outline: medium;
	cursor: pointer;
	z-index: 99;
	display: none;
}

.body_container_box:hover .swiper-button-white {
	display: block;
}

.body_container_box .swiper-button-white:hover {
	background: rgba(0, 0, 0, 0.6);
}

.body_container_box .swiper-button-white span {
	font-size: 24px;
}

.body_container_box .photo-img-button-next {
	right: 0px;
}

.body_container_box .swiper-pagination {
	width: 50px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 50%;
	margin-left: -25px;
	color: #FFF;
}

.address-box .address-list {
	padding: 15px;
	background: #FFFFFF;
}

.address-box .address-list .a-list {
	width: 237px;
	margin-right: 15px;
	margin-bottom: 15px;
	background: url(../../common/images/T1VPiBXvpeXXbjLKQ7-237-106.png);
	height: 105px;
	cursor: pointer;
}

.address-box .address-list .a-list a {
	display: block;
	line-height: 105px;
	text-align: center;
}

.address-box .address-list .a-list a span {
	font-size: 64px;
	color: #CCCCCC;
}

.address-box .address-list .default,
.address-box .address-list .a-list:hover {
	background: url(../../common/images/TB1OVRCRpXXXXaMXFXXXXXXXXXX-237-106.png);
}

.address-box .address-list .a-list h3 {
	font-size: 13px;
	padding: 10px 15px;
	padding-bottom: 0px;
}

.address-box .address-list .a-list p {
	font-size: 12px;
	color: #999999;
	padding: 10px 15px;
	line-height: 20px;
}

.address-box .address-list label {
	display: block;
	cursor: pointer;
}

.address-box .address-list label input {
	display: none;
}

.order-box-table .remark {
	float: left;
}

.order-box-table .remark span {
	float: left;
	line-height: 80px;
}

.order-box-table .remark textarea {
	height: 80px;
}

.order-box-table .total_price {
	float: right;
	line-height: 40px;
	font-size: 14px;
}

.order-box-table .total_price span {
	margin-left: 20px;
}

.order-box-table .order_pay_price {
	padding: 10px;
	text-align: right;
	color: #000000;
	border: 1px solid #FF0000;
}

.order-box-table .order_pay_price span {
	margin-left: 20px;
}

.order-box-table {
	padding: 10px;
}

.onSubmitOrder {
	text-align: right;
	padding: 10px 0px;
}

.onSubmitOrder .onSubmitOrder-btn {
	width: 150px;
	height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	background: #FF0000;
	border: 0;
	cursor: pointer;
}

.order_type {
	padding: 15px 0px;
}

.order_type div {
	float: left;
	line-height: 45px;
}

.order_type li a {
	border: 2px solid #DDDDDD;
	display: inline-block;
}

.order_type li a.curr {
	border: 2px solid #FF0000;
}

.couponList {
	background: #FFFFFF;
	padding: 2%;
	position: absolute;
	top: 100%;
	width: 96%;
	left: 0px;
}

.couponList li {
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 8px;
}

.pay-header {
	background: #FFFFFF;
	padding: 10px 0px;
}

.pay-price {
	background: #F2F2F2;
	padding: 20px 0px;
}

.pay-price .width1300 {
	overflow: hidden;
}

.pay-price .width1300 p {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
}

.pay-price .width1300 p font {
	font-weight: bold;
}

.pay-price .width1300 .right p {
	line-height: 60px;
}

.pay-weixin,
.pay-order {
	background: #FFFFFF;
	padding-top: 30px;
}

.pay-order {
	padding-bottom: 30px;
}

.pay-weixin .width1300 .weixin {
	border: 2px solid #FF6600;
	overflow: hidden;
	line-height: 40px;
	color: #000000;
}

.pay-weixin-img {
	text-align: center;
	padding: 45px 0px;
}

.pay-weixin-img .weixin-img {
	display: inline-block;
	background: #00C800;
	padding: 15px 35px;
}

.pay-weixin-img .weixin-img p {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

.pay-weixin-img .weixin-img span {
	color: #FFFFFF;
}

.pay-order li {
	margin-top: 20px;
	overflow: hidden;
}

.pay-order li a {
	display: block;
	float: left;
	border: 1px solid #DDDDDD;
	margin-right: 10px;
}

.pay-order li a:hover {
	border: 1px solid #FF0000;
}

.win_right_fixed {
	position: fixed;
	width: 70px;
	background: #db2719;
	right: 0px;
	bottom: 20%;
	text-align: center;
	border-radius: 4px;
	z-index: 9999;
}

.win_right_fixed li {
	height: 70px;
	line-height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.win_right_fixed li a {
	display: block;
	height: 70px;
	color: #FFFFFF;
}

.win_right_fixed li .iconfont {
	font-size: 24px;
}

.win_right_fixed li .w200 {
	position: absolute;
	right: 70px;
	background: #F43838;
	top: 0px;
	width: 0px;
	height: 48px;
	padding: 11px 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	overflow: hidden;
}

.win_right_fixed li .w200 p {
	width: 150px;
	line-height: 24px;
}

.win_right_fixed li:hover {
	background: #F43838;
}

.win_right_fixed li:hover .w200 {
	width: 150px;
}

.win_right_fixed li .w300 {
	position: absolute;
	right: 70px;
	background: #F43838;
	top: 0px;
	width: 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	overflow: hidden;
}

.win_right_fixed li .w300 p {
	width: 130px;
	padding: 15px 10px;
	line-height: 16px;
}

.win_right_fixed li .w300 p img {
	width: 130px;
}

.win_right_fixed li .w300 p.n-p {
	padding-top: 0px;
}

.win_right_fixed li:hover .w300 {
	width: 150px;
}

.win_right_fixed li.goto_top {
	line-height: 24px;
}

.win_right_fixed li.goto_top i {
	padding-top: 11px;
	display: block;
}

.win_right_fixed li.goto_top {
	height: 0px;
	overflow: hidden;
}

.win_right_scroll li.goto_top {
	height: 70px;
}

.company-list {
	overflow: hidden;
	background: #FFFFFF;
}

.company-list .box-list {
	float: left;
	width: calc(100% / 6);
	width: -moz-calc(100% / 6);
	width: -webkit-calc(100% / 6);
}

.company-list .box-list a {
	padding: 10%;
	display: block;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.company-list .box-list:nth-child(6n) a {
	border-right: 0;
}

.company-list .box-list a img {
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.company-list .box-list a h3 {
	padding-top: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 15px;
	height: 30px;
}

.company-box-ul li a {
	padding: 0px 2%;
}

.company-box-ul li h3 {
	line-height: 40px;
	border-bottom: 1px solid #EEEEEE;
	font-weight: normal;
	font-size: 14px;
}

.company-box-ul li h3 a {
	font-weight: bold;
}

.company-box-ul li ul p a {
	padding-left: 4%;
	line-height: 40px;
}

.baojia-content .baojia-list .item-list {
	margin-bottom: 10px;
	background: #FFFFFF;
}

.baojia-content .baojia-list .item-list .item {
	padding: 2%;
	display: block;
}

.baojia-content .baojia-list .item-list .item .item-header-image .image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 100%;
}

.baojia-content .baojia-list .item .item-header .name {
	font-size: 14px;
	color: #000000;
	width: 100%;
}

.baojia-content .baojia-list .item .item-header .create_time {
	font-size: 12px;
	color: #999999;
	width: 100%;
}

.baojia-content .baojia-list .item .item-header .item-header-text {
	padding-left: 8px;
}

.baojia-content .baojia-list .item .item-header .item-header-right .date_diff {
	font-size: 12px;
	color: #999999;
}



.baojia-content .baojia-list .item .item-header .item-header-right .date_diff .text {
	font-size: 12px;
	display: inline-block;
	color: #FF0000;
	padding: 4px 5px;
	font-weight: 700;
}

.baojia-content .baojia-list .item .item-header .item-header-right .textt {
	font-size: 28rpx;
	display: inline-block;
	background: #67b0fd;
	color: #FFFFFF;
	padding: 4px 5px;
}

.baojia-content .baojia-list .item .item-header .item-header-right .texts {
	font-size: 12px;
	display: inline-block;
	color: #FF0000;
	padding: 4px 5px;
	font-weight: 700;
}

.baojia-content .baojia-list .item .item-content {
	font-size: 14px;
	color: #666666;
}

.baojia-content .baojia-list .item .image-list .image-list-item {
	width: 250px;
	margin-right: 2%;
	overflow: hidden;
}

.baojia-content .baojia-list .item .image-list .image-list-item:nth-child(3n) {
	margin-right: 0px;
}

.baojia-content .baojia-list .item .image-list .image-list-item .image {
	width: 100%;
	display: block;
}

.footer-fixed {
	background: #FFFFFF;
	padding: 2%;
}

.footer-fixed .flex-center-left-text {
	height: 30px;
	line-height: 30px;
	font-size: 28rpx;
	color: #999999;
	font-weight: 700;
}

.footer-fixed .flex-center-left-text .text {
	color: #FF0000;
}

.footer-fixed .flex-center-left-text .iconfont {
	font-size: 28rpx;
	margin-left: 10px;
	margin-right: 5px;
}

.footer-fixed .flex-center-right .item {
	font-size: 24rpx;
	padding: 0px 8px;
	text-align: center;
	color: #666666;
}

.footer-fixed .flex-center-right .item .btn1 {
	background: #25b99f;
	color: #FFFFFF;
	padding: 0px 15px;
	line-height: 30px;
	border-radius: 15px;
	border: 0;
}

.footer-fixed .flex-center-right .item .btn2 {
	background: #22beef;
	color: #FFFFFF;
	padding: 0px 15px;
	line-height: 30px;
	border-radius: 15px;
}

.layui-apply-content {
	padding: 15px;
}

.tab-page-title {
	font-size: 32rpx;
	line-height: 24px;
	border-bottom: 1px solid #EEEEEE;
	position: relative;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000000;
	width: 100%;
}

.tab-page-title .before {
	width: 4px;
	height: 14px;
	background: #00A0E9;
	display: block;
	float: left;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -6px;
}

.tab-page-title .right {
	font-size: 12px;
	color: #999999;
}

.footer-fixed .comment-list {
	padding: 10px 0px;
}

.footer-fixed .comment-list .box-item {
	padding: 10px 0px;
	border-bottom: 1px solid #F2F2F2;
}

.footer-fixed .comment-list .box-item .text-img-left {
	width: 40px;
}

.footer-fixed .comment-list .box-item .text-img-left .img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
}

.footer-fixed .comment-list .box-item .text-img-left .img .image {
	width: 40px;
	height: 40px;
}

.footer-fixed .comment-list .box-item .text-img-right {
	width: calc(100% - 50px);
	margin-left: 10px;
}

.footer-fixed .comment-list .box-item .text-img-right-header {
	height: 40px;
}

.footer-fixed .comment-list .box-item .text-img-right-header .name {
	font-size: 30rpx;
	width: 100%;
	line-height: 20px;
}

.footer-fixed .comment-list .box-item .text-img-right-header .create_time {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}

.footer-fixed .comment-list .box-item .item-content {
	font-size: 30rpx;
	color: #666666;
	line-height: 18px;
}

.footer-fixed .item-content-children {
	padding: 2%;
	background: #F2F2F2;
	font-size: 14px;
	color: #666666;
}

.footer-fixed .item-content-children .tet {
	color: #999999;
}

.footer-fixed .text-img-right-right {
	cursor: pointer;
}


.scroll-view-box .item {
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 4%;
	padding: 2%;
	display: block;
}

.scroll-view-box .item .title {
	color: #000000;
	font-size: 16px;
}

.scroll-view-box .item .salary {
	color: #FF0000;
	font-size: 12px;
}

.scroll-view-box .item .item-text {
	margin-top: 8px;
	font-size: 12px;
	color: #388AD2;
	padding-bottom: 8px;
}

.scroll-view-box .item .item-text .text {
	background: #CBE5FE;
	margin-right: 4px;
	padding: 2px 4px;
}

.scroll-view-box .item .item-name {
	padding: 5px 0px;
	line-height: 30px;
}

.scroll-view-box .item .item-name .name-image {
	width: 40%;
}

.scroll-view-box .item .item-name .name-image .image-text {
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 8px;
}

.scroll-view-box .item .item-name .name-image .image-text .image {
	width: 100%;
	height: 100%;
}

.scroll-view-box .item .item-name .name-image .name {
	font-size: 12px;
}

.scroll-view-box .item .item-name .create_time {
	font-size: 12px;
	color: #999999;
}

.scroll-div-box {
	background: #FFFFFF;
	padding: 2%;
}


.detail-title .title .text {
	font-size: 16px;
	color: #000000;
}

.detail-title .title .apply .apply-btn {
	font-size: 14px;
	color: #FFFFFF;
	background-image: linear-gradient(90deg, #FFB800, #f08519);
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	padding: 0px 15px;
	cursor: pointer;
}

.detail-salary {
	font-size: 16px;
	color: #FF0000;
}

.scroll-div-box .detail-title-view .item-text {
	margin-top: 8px;
	font-size: 12px;
	color: #388AD2;
	padding-bottom: 8px;
}

.scroll-div-box .detail-title-view .item-text .text {
	background: #CBE5FE;
	margin-right: 4px;
	padding: 2px 8px;
}

.scroll-div-box .detail-item .item {
	width: 48%;
	margin-right: 4%;
	font-size: 14px;
	color: #999999;
}

.detail-title-view .detail-item .item:nth-child(2n) {
	margin-right: 0px;
}

.detail-title-view .detail-item .item .text {
	color: #000000;
}

.detail-title-view .detail-item .item .text.blue {
	color: #099BFF;
}

.detail-title-view .update_time {
	font-size: 14px;
	color: #999999;
}

.detail-title-view .title-h3 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.detail-title-view .intro {
	font-size: 14px;
	color: #666666;
}

.detail-title-view .company_name,
.detail-title-view .contacts,
.detail-title-view .phone,
.detail-title-view .address {
	font-size: 15px;
	color: #000000;
}

.detail-title-view .address .address-btn {
	width: 20px;
	height: 20px;
	background: #f08519;
	color: #FFFFFF;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
}

.detail-title-view .address .address-btn .iconfont {
	font-size: 15px;
}

.scroll-view-popup-box .label-div {
	display: block;
	background: #FFFFFF;
	margin-bottom: 8px;
	padding: 2%;
	cursor: pointer;
}

.scroll-view-popup-box .item .item-title {
	font-size: 16px;
	color: #000000;
}

.scroll-view-popup-box .item .salary {
	font-size: 15px;
	color: #FF0000;
}

.scroll-view-popup-box .item .item-text {
	font-size: 14px;
	color: #999999;
}

.scroll-view-box .item .item-left {
	text-align: center;
}

.scroll-view-box .item .item-left .image-text {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 8px;
}

.scroll-view-box .item .item-left .image-text .image {
	width: 60px;
	height: 60px;
}

.scroll-view-box .item .item-left .name {
	font-size: 14px;
	margin-top: 5px;
}

.scroll-view-box .item .item-right {
	width: calc(100% - 90px);
	margin-left: 20px;
}

.scroll-view-box .item .item-right .region {
	font-size: 14px;
	color: #999999;
}

.scroll-view-box .item .item-right .item-text .text {
	margin-right: 8px;
}

.scroll-view-box .item .item-right .create_time {
	font-size: 14px;
	color: #999999;
}

.resume-content .detail-title .title {
	color: #000000;
	font-size: 16px;
}

.resume-content .detail-title .item-text {
	color: #666666;
	font-size: 12px;
	line-height: 36px;
}

.resume-content .detail-title .item-text .text {
	margin-right: 5px;
}

.resume-content .detail-title .create_time {
	color: #999999;
	font-size: 12px;
}

.resume-content .detail-title .name-image .image-text .image {
	width: 60px;
	height: 60px;
	border-radius: 100%;
}

.resume-content .detail-title-view .detail-item .item {
	font-size: 14px;
	color: #999999;
}

.resume-content .detail-title-view .detail-item .item .text {
	color: #000000;
}

.resume-content .detail-title-view .detail-item .item .text.blue {
	color: #f08519;
}

.resume-content .detail-title-view .detail-item .item .text.green {
	color: #099BFF;
}

.resume-content .detail-title-view .intro {
	font-size: 14px;
	color: #666666;
}

.resume-content .detail-title-view .detail-item-text {
	text-align: center;
	font-size: 14px;
	color: #07c160;
}

.bbs-list .item {
	width: 15%;
	margin-right: 2%;
}

.bbs-list .item:nth-child(6n) {
	margin-right: 0px;
}

.bbs-list .item a {
	display: block;
	padding: 20px 15px;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
}

.bbs-list .item a.item0 {
	background: #07c160;
}

.bbs-list .item a.item1 {
	background: #05BDFB;
}

.bbs-list .item a.item2 {
	background: #f08519;
}

.bbs-list .item a.item3 {
	background: #07c160;
}

.bbs-list .item a.item4 {
	background: #6237aa;
}

.bbs-list .item a.item5 {
	background: #a2d200;
}

.bbs-list .item a .title {
	font-size: 20px;
	font-weight: 700;
}

.clothe-list .item-box {
	width: 20%;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	box-sizing: border-box;
}

.clothe-list .item-box:nth-child(5n) {
	border-right: 0;
}

.clothe-list .item-box a {
	display: block;
}

.clothe-list .item-box .img img {
	width: 100%;
	display: block;
}

.clothe-list .item-box a .intro h3 {
	font-weight: normal;
}

.content1-box-list .flex-center-content5 .box-item {
	width: 18.4%;
	margin-right: 2%;
}

.content1-box-list .flex-center-content5 .box-item:nth-child(5n) {
	margin-right: 0px
}

.search-content-box {
	position: relative;
}

.search-content-box .popup-trade {
	box-shadow: 0px 0px 8px #CCCCCC;
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	background: #FFFFFF;
	z-index: 9;
	margin-left: -160px;
}

.header-serach-title {
	line-height: 40px;
	text-align: center;
	color: #000000;
	font-size: 14px;
	background: #FFFFFF;
	border-bottom: 1px solid #F2F2F2;
}

.header-serach-title .iconfont {
	width: 40px;
	font-size: 24px;
}

.header-serach-form .chengfen .chengfen-box {
	background: #FFFFFF;
	overflow: hidden;
	height: 80%;
}

.chengfen-box ul {
	height: 100%;
	overflow-y: auto;
}

.chengfen-box ul li {
	overflow: hidden;
	padding: 8px 0px;
	border-bottom: 1px solid #DDDDDD;
	margin: 0px 2%;
	line-height: 16px;
	font-size: 12px;
}

.chengfen-box ul li p {
	padding: 2px 0px;
	color: #CCCCCC;
}

.chengfen-box ul li p.h3 {
	color: #000000;
}

.chengfen-box ul li .num span {
	display: block;
	padding: 2px 0px;
	color: #CCCCCC;
}

.chengfen-box ul li .num span.h3 {
	color: #000000;
}

.chengfen-box ul li .input-text {
	display: none;
}

.chengfen-box ul li .input-text input {
	width: 80px;
	height: 40px;
	padding: 0px 4px;
	border: 0;
	background: #EEEEEE;
	border-radius: 4px;
	font-size: 12px;
}

.chengfen-box ul li .input-text.active {
	display: block;
}

.chengfen-box ul li .num {
	background: #DDDDDD;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
}

.chengfen-box ul li .num.curr {
	background: #007DDB;
	color: #FFFFFF;
}

.chengfen-box ul li .num.curr span {
	color: #FFFFFF;
}



.chengfen-box ul li .right .iconfont {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1px solid #DDDDDD;
	display: inline-block;
	border-radius: 2px;
	position: relative;
	top: 12px;
	line-height: 16px;
	text-align: center;
	color: #007DDB;
}

.chengfen-box ul li .left {
	margin-right: 8px;
}

.chengfen-btn {
	background: #FFFFFF;
	text-align: center;
}

.chengfen-btn li {
	margin: 10px 4px;
	display: inline-block;
	width: 40%;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
}

.chengfen-btn li.closeChengfen {
	border: 1px solid #333333;
	color: #333333;
}

.chengfen-btn li.yesChengfen {
	background: #333333;
	color: #FFFFFF;
}

.search-content-box .form-box-title {
	line-height: 30px;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

.search-content-box .form-box-title span {
	font-weight: normal;
	color: #DF5000;
}

.search-content-box .form-box-title span i {
	font-size: 12px;
	position: relative;
	top: -2px;
}

.selectbox span {
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	padding: 0px 5px;
	border-radius: 10px;
	background: #ffc600;
	margin-right: 5px;
}

.card-content-header {
	height: 130px;
	position: relative;
	width: 100%;
	z-index: 999;
}

.card-content-image {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.2;
	overflow: hidden;
	-webkit-filter: blur(60px);
	-moz-filter: blur(60px);
	-ms-filter: blur(60px);
	filter: blur(60px);
}

.card-content-image .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-content-header-info {
	position: absolute;
	width: auto;
	margin: 0;
	left: 30px;
	right: 30px;
	z-index: 9;
	top: 50px;
}

.card-body-image {
	position: fixed;
	left: 30px;
	width: 450px;
	height: 800px;
}

.card-body-image .image {
	position: relative;
	z-index: 1;
	width: 350px;
	height: 502px;
	border-radius: 10px;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
	display: block;
}

.card-body-image:before {
	position: absolute;
	right: 90px;
	top: 6px;
	content: "";
	display: block;
	width: 350px;
	height: 490px;
	background: rgba(255, 255, 255, .1);
	border-radius: 10px;
}

.card-body-image:after {
	position: absolute;
	right: 83px;
	top: 11px;
	content: "";
	display: block;
	width: 350px;
	height: 480px;
	background: rgba(255, 255, 255, .1);
	border-radius: 10px;
}

.card-body-list {
	float: right;
	width: calc(100% - 460px);
	padding-right: 10px;
}

.card-body-list .card_name {
	margin-right: 30px;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
}

.card-body-list .chengfen .chengfen-item {
	line-height: 30px;
	background: #FFFFFF;
	border-radius: 15px;
	padding: 0px 15px;
	margin-right: 8px;
}

.card-body-list .card-body-list-image .swiper-slide {
	width: calc((100% - 80px) / 5);
	margin-right: 20px;
	margin-bottom: 100px;
}

.card-body-list .card-body-list-image .swiper-slide:nth-child(5n) {
	margin-right: 0px;
}

.card-body-list .card-body-list-image .swiper-slide .img-responsive {
	width: 100%;
	display: block;
	border-radius: 5px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));

}

.web-content {
	background: #FFFFFF;
}

.web-content-cloths .box-item {
	width: 20%;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	z-index: 1;
}

.web-content-cloths .box-item:nth-child(5n) {
	margin-right: 0px;
}

.web-content-cloths .box-item a {
	display: block;
	padding: 4%;
}

.web-content-cloths .box-item .box-item-a img {
	width: 100%;
}

.web-content-cloths .box-item a .intro {
	padding-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}

.web-content-cloths .box-item a .intro h3 {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}

.web-content-cloths .box-item .company a {
	color: #999999;
	font-size: 12px;
}

.web-content-cloths .box-item:hover {
	box-shadow: 0px 0px 8px #999999;
}

.web-content-cloths .box-item .intro-data {
	padding: 8px 0px;
}

.web-content-cloths .box-item .intro-data span {
	display: inline-block;
	padding: 0px 8px;
	font-size: 12px;
	margin-bottom: 4px;
	margin-right: 1px;
	border-radius: 2px;
}

.web-content-cloths .box-item .intro-data span:nth-child(n) {

	color: #ff5722;
	background: rgba(255, 87, 34, 0.2);

}

.web-content-cloths .box-item .intro-data span:nth-child(2n) {

	color: #ffb800;
	background: rgba(255, 184, 0, 0.2);

}

.web-content-cloths .box-item .intro-data span:nth-child(3n) {

	color: #16baaa;
	background: rgba(22, 186, 170, 0.2);

}

.web-content-cloths .box-item .intro-data span:nth-child(4n) {

	color: #1e9fff;
	background: rgba(30, 159, 255, 0.2);

}

.web-cloths-detail {
	position: relative;
	overflow: hidden;
	height: 300px
}

.web-cloths-detail-image {
	height: 100%;
}

.web-cloths-detail .web-cloths-detail-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.web-cloths-detail .web-cloths-detail-image::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	top: 0px;
	left: 0px;
	backdrop-filter: blur(15px);
	z-index: 1;
}

.web-cloths-detail-intro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	padding: 30px 40px;
	box-sizing: border-box;
}

.web-cloths-detail-intro .image {
	width: 200px;
	height: 200px;
}

.web-cloths-detail-intro img {
	width: 200px;
	max-height: 200px;
	object-fit: cover;
	margin: 0 auto;
}

.web-cloths-detail-intro .intro {
	padding-left: 50px;
	padding-top: 20px;
}

.web-cloths-detail-intro .intro .intro-title {
	font-size: 20px;
	color: #FFFFFF;
}

.web-cloths-detail-intro .intro .intro-data {
	margin-top: 20px;
}

.web-cloths-detail-intro .intro-data span {
	display: inline-block;
	padding: 2px 8px;
	font-size: 12px;
	margin-bottom: 4px;
	margin-right: 1px;
	border-radius: 2px;
}

.web-cloths-detail-intro .intro .intro-data span:nth-child(n) {

	color: #ff5722;
	background: rgba(255, 87, 34, 0.2);

}

.web-cloths-detail-intro .intro .intro-data span:nth-child(2n) {

	color: #ffb800;
	background: rgba(255, 184, 0, 0.2);

}

.web-cloths-detail-intro .intro .intro-data span:nth-child(3n) {

	color: #16baaa;
	background: rgba(22, 186, 170, 0.2);

}

.web-cloths-detail-intro .intro .intro-data span:nth-child(4n) {

	color: #1e9fff;
	background: rgba(30, 159, 255, 0.2);

}

.web-content-cloths-detail {
	height: 500px;
	background: #FFFFFF;
	margin: 0px 40px;
	margin-top: -40px;
	position: relative;
	z-index: 2;
	border-radius: 8px;
}

.web-content-cloths-top {
	padding: 20px 30px;
}

.web-content-cloths-intro-left {
	width: 60%;
	padding: 0px 30px;
	box-sizing: border-box;
}

.web-content-cloths-intro-left .intro-title {
	font-size: 24px;
	color: #000000;
}

.web-content-cloths-intro-box .item {
	width: 50%;
	border-bottom: 1px solid #EEEEEE;
	line-height: 40px;
	color: #000000;
}

.web-content-cloths-intro-box .item .name {
	color: #999999;
}

.web-content-cloths-intro-right {
	width: 40%;
	padding: 0px 30px;
	box-sizing: border-box;
}

.right-company-intro .logo {
	width: 150px;
	height: 150px;
}

.right-company-intro .logo img {
	width: 120px;
	max-height: 120px;
	margin: 0 auto;
}

.right-company-intro .company-intro {
	width: calc(100% - 150px);
}

.right-company-intro .company-intro p,
.right-company-intro .company-intro .company_name,
.right-company-intro .company-intro .company-btn {
	width: 100%;
}

.right-company-intro .company-intro .company_name {
	font-size: 20px;
	color: #000000;
	margin-bottom: 10px;
	font-weight: 700;
}
