@charset "utf-8";
.section {
	width:94%;
	max-width: 1200px;
	margin: 0 auto;
}
:root {
 --color1:#d1a566;
 --color2:#b58e56;
}
body {
	overflow-x: hidden;
}
/*首页*/

.index-title .title {
	color: #ad8853;
	font-size: 32px;
}
.index-title .sub {
	color: #888;
	font-size: 16px;
}
.more {
	width: 146px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--color1);
	color: var(--color1);
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner img {
	display: block;
	width: 100%;
}
.index-product {
	position: relative;
	background-color: rgb(242, 242, 242);
	background-image: url('../image/1590026900656025689.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 60px;
}
.index-product-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-swiper {
	margin-top: 60px;
}
.product-swiper .swiper-slide {
	height: 450px;
	position: relative;
}
.product-swiper img {
	width: 100%;
	height: 100%;
}
.product-swiper .swiper-slide a div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 20px;
}
.product-swiper .swiper-slide a div span {
	font-size: 24px;
	color: #555;
	display: block;
}
.product-swiper .swiper-slide a div font {
	font-size: 16px;
	color: #888;
}
.product-swiper .swiper-slide a > span {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	opacity: 0;
}
.product-swiper .swiper-slide:hover a > span {
	opacity: 1;
}
.product-swiper .swiper-slide:hover a div {
	background: none;
}
.product-swiper .swiper-slide:hover a div span,  .product-swiper .swiper-slide a div font {
	color: #fff;
}
.product-swiper .button {
	margin: 50px auto 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100px;
}
.product-swiper .button .line {
	height: 48px;
	width: 1px;
	background: #cacaca;
}
.product-swiper .button .swiper-button-prev,  .product-swiper .button .swiper-button-next {
	position: initial;
	margin: 0;
	color: #d1d1d1;
	font-size: 12px;
}
 .product-swiper .button .swiper-button-prev::after,  .product-swiper .button .swiper-button-next::after {
 font-size: 24px;
}
.index-about {
	padding: 50px 0;
}
.index-about .index-title {
	text-align: center;
}
.index-about .index-title .title {
	color: #333;
}
.index-about .index-title .title {
	color: #333;
}
.index-video {
	background-color: rgb(221, 221, 221);
	padding: 50px 0;
}
.index-video .index-title {
	text-align: center;
}
.index-video .index-title .title {
	color: #333;
}
.index-video .index-title .title {
	color: #333;
}
.index-video .video-box {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	height: 550px;
}
.index-video .video-box .left {
	flex-basis: 50%;
	position: relative;
	margin-right: 10px;
}
.index-video .video-box .left .item {
	height: 100%;
}
.index-video .video-box .right {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
}
.index-video .video-box .right .item {
	height: calc((100% - 10px) / 2);
	position: relative;
}
.index-video .video-box .right .item:last-child {
	margin-top: 10px;
}
.index-video .video-box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-video .video-box .item .text {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 24px;
	color: #fff;
}
.index-video .fakeVideoContainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: none;
	z-index: 10;
}
.news {
	padding: 50px 0;
}
.news .tab {
	width: 760px;
	display: flex;
	height: 60px;
	border: 1px solid #ae8852;
	margin: 0 auto;
}
.news .tab .item {
	flex-basis: 50%;
	font-size: 24px;
	color: #ae8852;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news .tab .item.active {
	background: #ae8852;
	color: #fff;
}
.news .tab-box {
	margin-top: 50px;
}
.news .tab-box .item-box {
	display: none;
}
.news .tab-box .item-box.active {
	display: flex;
}
.news .item {
	flex-basis: calc((100% - 60px) / 3);
	margin-right: 30px;
}
.news .item .img{position: relative;
padding-bottom: 66%;
}
.news .item .img img {
width:100%;
height:100%;
object-fit: cover;
transition:all .5s ease;
left: 50%!important;
top: 50%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
position: absolute;
}
 .news .item:nth-child(3n) {
 margin-right: 0;
}
.news .item .time {
	display: flex;
	align-items: flex-end;
	line-height: 1;
	margin-bottom: 20px;
}
.news .item .time .day {
	font-size: 60px;
	color: #ddd;
	font-weight: 600;
	line-height: 0.9;
}
.news .item .time .year {
	font-size: 16px;
	color: #a9a8a8;
	margin-left: 10px;
}
.news .item .text {
	margin-top: 10px;
}
.news .item .text .title {
	font-size: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #333;
}
.news .item .text .summary {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 10px 0 0;
	color: #333;
}
.news .item .text .more {
	border-radius: 30px;
	margin-top: 30px;
}
.news .item:hover .day {
	color: #ae8852;
}
.service {
	padding: 80px;
	background: rgba(242, 242, 242, 1);
}
.service .index-title {
	text-align: center;
}
.service-about .index-title .title {
	color: #333;
}
.service .index-title .title {
	color: #333;
}
.list_service {
	display: flex;
	margin-top: 30px;
}
.list_service li {
	flex-basis: 25%;
}
.about-img {
	width: 100%;
	text-align: right;
}
.about-img img {
	width: 60%;
}
.about-swiper {
	background: rgba(211, 211, 211, 0.2);
	padding: 50px 30px;
	position: absolute;
	width: 42%;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 80%;
	overflow: hidden;
}
.about-swiper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-swiper .swiper-slide {
	height: auto;
}
.index-about-box {
	position: relative;
	margin-top: 30px;
}
.about-swiper .index-title {
	text-align: left;
}
.about-swiper .index-title .title {
	color: #b58d56;
}
.about-swiper .index-title .sub {
	color: #b58d56;
}
.swiper-box {
	margin-top: 30px;
	width: 90%;
}
/*内页*/

.page-banner img {
	width: 100%;
}
.page-menu {
	background: rgba(252, 252, 252, 1);
	height: 66px;
	border-bottom: 1px solid #ebebeb;
}
.page-menu .section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.page-menu .section a {
	color: #a3a3a3;
}
.page-menu .section .location {
	flex-basis: 200px;
	display: flex;
	align-items: center;
}
.page-menu .section .menu {
	flex-basis: calc(100% - 200px);
	display: flex;
	justify-content: flex-end;
}
.page-menu .section .menu .item {
	padding: 0 20px;
	position: relative;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center
}
 .page-menu .section .menu .item::after {
 content: '';
 height: 3px;
 width: 100%;
 background: var(--color2);
 position: absolute;
 bottom: 0;
 left: 0;
 display: none;
}
.page-menu .section .menu .item:hover,  .page-menu .section .menu .item.active {
	color: var(--color2);
}
 .page-menu .section .menu .item:hover::after,  .page-menu .section .menu .item.active::after {
 display: block;
}
.page-container {
	padding: 50px 0;
}
.page-container.message {
	background: #f7f7f7;
}
.contact {
	background: #f7f7f7;
	display: flex;
}
.contact .title {
	font-size: 24px;
	color: #555;
	margin-bottom: 30px;
}
.contact .left {
	flex-basis: 50%;
	padding: 30px;
}
.contact .left .item {
	padding: 10px 50px;
	color: #555;
	;
	line-height: 2;
}
.contact .right {
	flex-basis: 50%;
}
.messages-box {
	display: flex;
	background: #fff;
	padding: 50px;
}
.messages-box .left {
	flex-basis: 50%;
}
.messages-box .left .title {
	font-size: 48px;
	color: var(--color1);
	border-left: 5px solid var(--color1);
	line-height: 1.3;
	padding-left: 10px;
	margin-bottom: 30px;
}
.messages-box .left .sup1 {
	font-size: 24px;
}
.messages-box .left .sup2 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.messages-box .left form {
	padding-right: 10%;
}
.messages-box .left form label {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}
.messages-box .left form .form-title {
	color: #555;
	flex-basis: 70px;
	text-align: right;
	font-weight: 600;
	margin-top:8px;
	margin-right: 30px;
}
.messages-box .left form .form-title span {
	color: #f50;
}
.messages-box .left form input {
	flex-basis: calc(100% - 130px);
	border: 1px solid #ddd;
	height: 36px;
	padding: 0 10px;
}
.messages-box .left form textarea {
	flex-basis: calc(100% - 130px);
	border: 1px solid #ddd;
	padding: 0 10px;
	height: 120px;
}
.messages-box .left form .select {
	display: flex;
	justify-content: space-between;
	flex-basis: calc(100% - 130px);
}
.messages-box .left form .select select {
	flex-basis: 48%;
	height: 36px;
	border-radius: 0;
}
.messages-box .left form label.code input {
	flex-basis: 150px;
}
.messages-box .left form label.code img {
	height: 36px;
	margin-left: 20px;
}
.messages-box .left form button {
	width: 150px;
	height: 40px;
	background: var(--color1);
	color: #fff;
	border: none;
	margin-left: 100px;
}
.messages-box .right img {
	width: 100%;
}
.message .bottom img {
	width: 100%;
}
/*news*/

.page-news {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.page-news .item {
	margin-bottom: 50px;
}
.pages {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.pages .number {
	padding: 6px 12px;
	border: 1px solid #ddd;
	color: #333;
}
.pages .number.active,  .pages .number:hover {
	background: #ddd;
}
.news-detail .title {
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
}
.clamp2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-detail .article_lan {
	display: flex;
	justify-content: center;
	margin: 10px auto;
}
.news-detail .article_lan div {
	margin: 0 20px;
}
.news-detail .summary {
	border: 1px dotted #ddd;
	background: #eee;
	padding: 15px;
	line-height: 1.8;
	font-size: 13px;
	text-indent: 26px;
	margin-bottom: 15px;
}
.news-detail img {
	max-width: 100%;
}
.news4-top {
	display: flex;
	flex-wrap: wrap;
}
.news4-top .left {
	flex-basis: 50%;
	padding-right: 40px;
}
.news4-top .left .item .text {
	padding-bottom: 20px;
	border-bottom: 1px dashed #999;
}
.news4-top .right {
	display: flex;
	flex-basis: 50%;
	flex-direction: column;
}
.news4-top .right .item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.news4-top .right .item .img {
	flex-basis: 180px;
}
.news4-top .right .item .text {
	flex-basis: calc(100% - 200px);
}
.news4-top .item {
	border-bottom: 1px dashed #999;
}
.news4-top .item img {
	width: 100%;
}
.news4-top .item .title {
	font-size: 18px;
	line-height: 1.5;
	margin: 10px 0;
	font-weight: 600;
	color: #555;
}
.news4-top .item .summary {
	font-size: 14px;
	color: #999;
}
.news4-top .item:hover .title {
	color: #d1a566;
}
.news4-bottom {
	margin-top: 50px;
}
.page-title2 {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	color: #b58e56;
}
.page-title2 .title {
	font-size: 30px;
	border-bottom: 3px solid #b58e56;
	padding-bottom: 10px;
}
.page-title2 .sub {
	font-size: 17px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#com_441 {
	display: flex;
	padding: 30px;
	background: #fff;
	margin-top: 30px;
}
#com_449 {
	margin-top: 20px;
}
/*about*/

.page-title {
	text-align: center;
	color:rgb(180, 129, 71);
}
.page-title .title {
	font-size: 34px;
}
.page-title .sub {
	font-size: 24px;
}
.detail-box {
	margin-top: 30px;
}
.detail-box img {
	max-width: 100%;
}
.about img {
	max-width: 100%;
}
.about .page-title {
	text-align: left;
}
.about .summary {
	margin-top: 20px;
	line-height: 2;
}
.about-box1 {
	padding: 50px 0;
	background: rgba(247, 247, 247, 1);
}
.about-box2 .page-title {
	padding: 30px 0;
}
.about-box3 {
	padding: 50px 0;
	background: rgba(247, 247, 247, 1);
}
.about-box3-summary {
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 20px;
}
.about-box3-summary .top {
	display: flex;
	justify-content: space-between;
}
.about-box3-summary .top .left {
	flex-basis: 50%;
}
.about-box3-summary .top .right {
	flex-basis: 45%;
}
.about-box3-summary .top .right img {
	max-width: 100%;
}
.list_type div {
	position: relative;
	margin-top: 57px;
}
 .list_type div:nth-child(1) {
 margin-top: 0;
}
.list_type div img {
	display: block;
	width: 100%;
	height: 618px;
}
.list_type div ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 159px;
}
.list_type div ul .h2{    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 58px;letter-spacing: 1px;}
.list_type div ul .text {
	margin: 0 80px;
	font-size: 40px;
	line-height: 2;
	text-align: center;
	color: #FFF;
}
.list_type div ul .list {
	font-size: 0;
	letter-spacing: -1px;
	text-align: center;
}
.list_type div ul .list a:hover {
	color: #FFF;
	background: #ae8852;
}
.list_type div ul .list a {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	padding: 0 36px;
	background: #FFF;
	border-radius: 14px;
	line-height: 36px;
	margin: 30px 9px;
	color: #333;
	font-size: 14px;
}
.location-pro {
	text-align: right;
	margin-bottom: 20px;
}
/*header*/

.header {
	background: #868686;
	height: 90px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 99;
}
.header .section {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .section .logo {
	flex-basis: 250px;
	height: 90px;
	display: flex;
	align-items: center;
}
.header .section .logo img {
	width: 100%;
}
.header .section .menu {
	flex-basis: calc(100% - 500px);
}
.header .section .menu-box {
	display: flex;
	justify-content: space-between;
}
.header .section .menu .item {
	position: relative;
	height: 90px;
	display: flex;
	align-items: center;
}
.header .section .menu .item a {
	color: #fff;
}
.header .section .menu .item a:hover {
	color: var(--color1);
}
.header .section .menu .item .second-menu {
	position: absolute;
	width: max-content;
	top: 90px;
	background: #868686;
	display: none;
	margin-left: -10px;
	min-width: 90px;
}
.header .section .menu .item:hover .second-menu {
	display: block;
}
.header .section .menu .item .second-item a {
	padding: 5px 10px;
	display: block;
}
.header .section .menu .item .second-item a:hover {
	background: var(--color1);
	color: #fff;
}
.header .section .search {
	flex-basis: 160px;
	border-radius: 20px;
	height: 34px;
	position: relative;
	overflow: hidden;
}
.header .section .search input {
	width: 100%;
	border: none;
	height: 34px;
	padding: 0 10px;
}
.header .section .search button {
	position: absolute;
	right: 0;
	border: none;
	width: 34px;
	height: 34px;
	top: 0;
	background: none;
}
 .header .section .search button::before {
 font-size: 24px;
 opacity: 0.7;
}
/*footer*/

.footer {
	background: #353535;
	padding: 30px 0;
}
.footer .top {
	display: flex;
	justify-content: space-between;
}
.footer .top .left {
	flex-basis: calc(100% - 350px);
	color: #fff;
}
.footer .top .left .footer-menu {
	display: flex;
	justify-content: space-between;
}
.footer .top .left .footer-menu .copyNav_li {
	flex-basis: 100%;
	line-height: 2;
}
.footer .top .left .footer-menu a {
	color: #fff;
}
.footer .top .left .footer-menu ul a {
	color: #999;
}
.footer .top .left .footer-menu ul a:hover {
	color: #fff;
}
.footer .top .right {
	flex-basis: 250px;
}
.footer .top .right .right-title .title {
	font-size: 16px;
	color: #fff;
}
.footer .top .right .right-title .sup {
	font-size: 24px;
	color: var(--color1);
}
.footer .top .right .right-code {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.footer .top .right .right-code .code {
	flex-basis: 48%;
	color: #fff;
	text-align: center;
}
.footer .bottom {
	border-top: 1px solid var(--color1);
	margin-top: 20px;
	padding-top: 20px;
	color: #999;
}
.footer .bottom a {
	color: #999;
}
.join-us {
	background: rgb(247 247 247);
	display: flow-root;
}
.join-box-bg {
	width: 90%;
	max-width: 1400px;
	background: #fff;
	margin: 80px auto;
}
.join-box {
	max-width: 1200px;
	padding: 50px 20px;
	margin: auto;
	background: #fff;
}
.join-box .title {
	font-size: 48px;
	color: var(--color1);
	border-left: 5px solid var(--color1);
	line-height: 1.3;
	padding-left: 10px;
	margin-bottom: 30px;
}
.text-box {
	display: flex;
	justify-content: space-between;
}
.text-box .left {
	padding-right: 5%;
}
.text-box .left,  .text-box .right {
	width: 50%;
}
.text-box .left .left-title {
	font-size: 28px;
	margin-bottom: 20px;
}
.text-box .left .left-summary {
	font-size: 16px;
	line-height: 2;
}
.text-box img {
	width: 100%;
}
.img-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.img-box .item {
	flex-basis: 48%;
	height: 400px;
	margin-bottom: 4%;
}
.img-box .item img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.img-box .item:first-child {
	flex-basis: 100%;
}
.text-box .swiper-title {
	font-size: 24px;
	color: #bf975c;
	margin-bottom: 20px;
}
.text-box .swiper-pagination-bullet {
	background: #eee !important;
}
.join-us2 {
	background: rgb(190, 190, 190);
}
.text-detail {
	font-size: 16px;
}
.join-box-bg2 {
	background: none;
}
.join-box2 {
	background: none;
}
.join3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.join3 .item {
	flex-basis: calc((100% - 60px) / 2);
	background: #fff;
	padding: 60px;
	box-sizing: border-box;
	margin-right: 60px;
}
.join3 .item:last-child {
	margin-right: 0;
}
.join3 .join3-title {
	font-size: 28px;
	color: #bf975c;
}
.join3 .summary {
	font-size: 16px;
	line-height: 2;
	color: #777;
	margin: 30px auto;
}
.join3 .item img {
	width: 100%;
}
.msgBox {
	margin: 0;
}
.msgBox li {
	font-size: 0;
	margin-bottom: 15px;
	letter-spacing: -1px;
}
.msgBox li > * {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}
.msgBox li > span {
	font-size: 14px;
	line-height: 36px;
	width: 166px;
	text-align: right;
	margin-right: 37px;
}
.msgBox li > span:before {
	content: '* ';
	color: #f76450;
}
.msgBox li input[type='text'],  .msgBox li select {
	width: calc(100% - 268px);
	height: 36px;
	background: #FFF;
	padding: 0 15px;
	font-size: 14px;
	border: 0;
	border: 1px solid #DDD;
}
.msgBox li select {
	width: 300px;
	margin-right: 22px;
}
.msgBox li img {
	height: 36px;
	cursor: pointer;
	margin-left: 10px;
}
.msgBox .sumbit {
	text-align: center;
	padding-top: 30px;
}
.msgBox .sumbit a {
	background: #a9844f;
	padding: 4px;
	cursor: pointer;
}
.msgBox .sumbit a span {
	display: block;
	line-height: 36px;
	padding: 0 51px;
	font-size: 14px;
	color: #FFF;
	border: 1px solid white;
}
.join4 {
	width: 90%;
	max-width: 1200px;
	margin: 80px auto;
}
.join4 .join4-title {
	font-size: 36px;
	color: #a9844f;
	text-align: center;
}
.join4 .join4-summary {
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-bottom: 30px;
}
.join4 form {
	border: 1px solid #a9844f;
	background: #f7f7f7;
	padding: 90px 0;
}
.text-detail img {
	width: 100%;
}
.map-box {
	background: #f0f0f0;
	max-width: 1200px;
	width: 90%;
	margin: 50px auto;
	padding: 35px 0;
}
.storeBox form {
	display: block;
	float: left;
	width: 308px;
	position: relative;
	margin: 0 0 0 60px;
}
.storeBox form:after {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 228px;
	top: 39px;
	left: 395px;
	background: #bababa;
}
.storeBox form span {
	display: block;
	font-size: 16px;
	color: #b48147;
	margin-bottom: 16px;
}
.storeBox form input[type='text'] {
	display: block;
	width: 100%;
	background: #FFF;
	height: 44px;
	padding: 0 10px;
	margin-bottom: 20px;
	border: 1px solid #b48147;
}
.storeBox form input[type='submit'] {
	display: block;
	height: 38px;
	background: #b48147;
	width: 100%;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	color: #FFF;
}
.storeBox ul {
	float: right;
	width: 48%;
	margin: 0 60px 0 0;
}
.storeBox ul > span {
	display: block;
	font-size: 16px;
	color: #b48147;
	line-height: 2;
	margin: 0 0 16px;
}
.storeBox ul li {
	overflow-y: auto;
	height: 290px;
}
.storeBox ul li b {
	font-size: 14px;
	display: block;
	margin: 14px 0 12px;
	color: #333;
}
 .storeBox ul li b:nth-child(1) {
 margin-top: 0;
}
.storeBox ul li span {
	display: block;
	font-size: 12px;
	line-height: 16px;
}
.storeBox ul li i {
	display: block;
	height: 25px;
	border-bottom: 1px dashed #222;
}



/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.storeBox ul li::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #f5f5f5;
}



/*定义滚动条的轨道，内阴影及圆角*/

.storeBox ul li::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 border-radius: 10px;
 background-color: #f5f5f5;
}



/*定义滑块，内阴影及圆角*/

.storeBox ul li::-webkit-scrollbar-thumb {
 height: 5px;
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
 background-color: #555;
}
.product-banner {
	margin: auto;
	text-align: center;
}
.product-banner img {
	width: 100%;
	max-width: 1920px;
}
.product-banner .swiper-pagination-bullet {
	background: #fff !important;
}
.product-box {
	max-width: 1200px;
	width: 90%;
	padding: 50px 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.product-box .left {
	width: 220px;
}
.product-box .right {
	width: calc(100% - 280px);
}
.list_pro a {
	float: left;
	width: calc((100% - 40px) / 3);
	padding: 10px;
	position: relative;
	margin: 22px 0 0 20px;
}
 .list_pro a:nth-child(-n+3) {
 margin-top: 0;
}
 .list_pro a:nth-child(3n+1) {
 clear: both;
 margin-left: 0;
}
.list_pro a img {
	display: block;
	width: 271px;
	height: 271px;
}
 .list_pro a img:nth-child(2) {
 position: absolute;
 opacity: 0;
 left: 10px;
 top: 10px;
 transition: all .3s;
}
.list_pro a span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 26px;
	font-size: 15px;
	margin-top: 6px;
}
.list_pro a font {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 26px;
	color: #777;
}
.list_pro a:hover {
	background: #FFF;
	box-shadow: 0 0 10px #bfbfbf;
}
 .list_pro a:hover img:nth-child(2) {
 opacity: 1;
}
.page_style_dh a {
	color: #333 !important;
}
#product-menu .skin_model_view {
	padding: 0;
}
#product-menu .skin_model_view a {
	background-color: #f7f7f7;
}
#product-menu .skin_model_view a {
	background-image: url(../image/1588919942510089162.png);
}
#product-menu .skin_model_view a {
	background-repeat: no-repeat;
	background-position: right;
}
#product-menu .skin_model_view > ul > li > a.on, #product-menu .skin_model_view > ul > li > a:hover {
	color: #b48d56;
}
#product-menu .skin_model_view > ul > li > a:hover, #product-menu .skin_model_view > ul > li > a.on {
	background-color: #f7f7f7;
}
#product-menu .skin_model_view > ul > li > a:hover, #product-menu .skin_model_view > ul > li > a.on {
	background-image: url(../image/1588919942591039113.png);
}
#product-menu .skin_model_view > ul > li > a:hover, #product-menu .skin_model_view > ul > li > a.on {
	background-repeat: no-repeat;
	background-position: right;
}
#product-menu .productList > li > a {
	padding-left: 14px;
	padding-top: 5px;
	padding-right: 42px;
	padding-bottom: 5px;
}
#product-menu .productList > li > a {
	border-bottom-color: #dddddd;
}
#product-menu .productList > li > a {
	border-bottom-width: 1px;
}
#product-menu .productList > li > a {
	border-bottom-style: solid;
}
#product-menu .skin_model_view ul ul {
	background-color: #f7f7f7;
}
#product-menu .skin_model_view ul ul {
	background-image: url(../image/1589161111179044139.jpg);
}
#product-menu .skin_model_view ul ul {
	background-repeat: repeat-x;
	background-position: bottom;
}
#product-menu .skin_model_view ul ul {
	padding: 0px 0px 1px;
	display: none;
}
#product-menu .skin_model_view ul ul a {
	background-color: #f7f7f7;
}
#product-menu .skin_model_view ul ul a {
	background-image: url(../image/1589161019797030404.png);
}
#product-menu .skin_model_view ul ul a {
	background-repeat: no-repeat;
	background-position: left;
}
#product-menu .skin_model_view ul ul a.on, #product-menu .skin_model_view ul ul a:hover {
	color: #b48d56;
}
#product-menu .skin_model_view ul ul a {
	padding: 0 0 0 30px;
}
#product-menu .skin_model_view ul ul ul {
	padding: 0 0 8px;
}
#product-menu .skin_model_view ul ul ul a {
	background-color: #f7f7f7;
}
#product-menu .skin_model_view ul ul ul a {
	background-image: url(../image/1590563741814006701.png);
}
#product-menu .skin_model_view ul ul ul a {
	background-repeat: no-repeat;
	background-position: left;
}
#product-menu .skin_model_view ul ul ul a.on, #product-menu .skin_model_view ul ul ul a:hover {
	color: #b48d56;
}
#product-menu .skin_model_view ul ul ul a {
	padding-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
 .box_productNav .productList li a.on ~ ul {
 display: block !important;
}
.product-click {
	display: none;
}
.proBox {
	background: #F7F7F7;
}
.proBox .w {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 36px;
	width: 90%;
}
.proBox .w .back {
	margin: 0 0 25px;
}
.proBox .w .back img {
	display: block;
	cursor: pointer;
}
.proBox .w .img {
	/*float: left;*/

    position: relative;
	margin-bottom: 60px;
	max-width: 520px;
	width: 45%;
	height: 100%; background:#fff;
}

.proBox .w .img p {
	margin: 0;width: 50%;
    margin: AUTO;
}
.proBox .w .img p img {
	width: 100%;
	/*height: 520px;*/

    display: block;
}
.zoomDiv img {
	display: block;
}
.proBox .right {
	/*float: right;*/

    width: 50%;
	margin-bottom: 60px;
}
.proBox .right > h1 {
	margin: 0;
	font-size: 36px;
	color: #b58e56;
	line-height: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
}
.proBox .right ul {
	margin: 0;
	padding-top: 8px;
}
.proBox .right ul li {
	font-size: 0;
	margin-top: 12px;
	letter-spacing: -1px;
}
.proBox .right ul li * {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 28px;
}
.proBox .right ul li span {
	font-weight: bold;
	width: 81px;
}
.proBox .right ul li font {
	width: 519px;
}
.proBox .right p {
	margin: 43px 0 0;
	font-size: 0;
	padding-left: 0px;
	letter-spacing: 0px;
	background: #FFF;
}
.proBox .right p a {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	font-size: 16px;
	line-height: 62px;
	margin: 0 72px 0 0;
	width: auto;
	height: 62px;
	padding: 0 0 0 37px;
	background: left center no-repeat;
}
.proBox .right p a.bds_more {
	background-image: url(../image/1588923839391078458.jpg);
}
.proBox .right p a.add {
	background-image: url(../image/1588923839518094057.jpg);
}
.proBox .right p a.link {
	font-weight: bold;
	color: #977a53;
	background-image: url(../image/1588923839711041862.jpg);
}
.proBox .w > h2 {
	font-size: 28px;
	line-height: 2;
	clear: both;
	margin: 0;
	padding-left: 28px;
	position: relative;
	border-bottom: 1px solid #a0a0a0;
}
.proBox .w > h2:before {
	content: '';
	display: block;
	position: absolute;
	left: 3px;
	height: 28px;
	width: 5px;
	top: 50%;
	margin-top: -14px;
	background: #c0985c;
}
.proBox .w > .cont {
	min-height: 28px;
	margin: 20px 0 40px;
}
.proBox .list {
	padding-bottom: 40px;
}
.proBox .list a {
	display: block;
	float: left;
	width: 19.2%;
	margin: 1% 0 0 1%;
}
 .proBox .list a:nth-child(5n+1) {
 clear: both;
 margin-left: 0;
}
.proBox .list a img {
	display: block;
	width: 100%;
}
.product-detail-box {
	display: flex;
	justify-content: space-between;
}
.proBox1 {
	max-width: 1200px;
	width: 90%;
	margin: 50px auto 70px;
}
.proBox1 h3 {
	margin: 0;
	font-size: 28px;
	line-height: 68px;
	padding-left: 28px;
	position: relative;
}
.proBox1 h3:before {
	content: '';
	display: block;
	position: absolute;
	left: 3px;
	height: 28px;
	width: 5px;
	top: 50%;
	margin-top: -14px;
	background: #c0985c;
}
.proBox1 .img {
	background: #f7f7f7;
	margin: 0;
}
.proBox1 .img li {
	max-width: 1200px;
	/*display: table-cell;*/

    text-align: center;
	vertical-align: middle;
	text-align: center;
}
.proBox1 .img li img {
	display: block;
	max-width: 1200px;
	max-height: 684px;
	margin: 0 auto;
	max-width: 100%;
}
.proBox1 .list {
	margin: 22px 0 0;
	padding: 0 36px;
	position: relative;
}
.proBox1 .list li {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	letter-spacing: -1px;
}
.proBox1 .list li img {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	margin-left: 9px;
	height: 71px;
	cursor: pointer;
}
 .proBox1 .list li img:nth-child(1) {
 margin-left: 0;
}
.proBox1 .list a {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 71px;
	width: 28px;
	background: #a2a2a2 url(../image/1588925655108093011.png) center no-repeat;
}
.proBox1 .list a#goLeft {
	left: 0;
}
.proBox1 .list a#goRight {
	right: 0;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.page-video {
	display: flex;
	flex-wrap: wrap;
}
.page-video .item {
	flex-basis: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
 .page-video .item:nth-child(3n) {
 margin-right: 0;
}
.page-video .tip {
	font-size: 16px;
	color: #777;
	margin: 0 0 30px;
	text-align: center;
}
.page-video .tip span {
	width: calc(100% - 120px);
}
 .page-video .tip::before,  .page-video .tip::after {
 display: inline-block;
 vertical-align: middle;
 content: "";
 background: #999;
 width: 10%;
 height: 1px;
 margin: 0 10px;
}
.page-video .item video {
	width: 100%;
	height: 300px;
}
.page-video .onlineVideoBox {
	position: absolute;
	height: 100%;
	background: none !important;
	cursor: pointer;
	z-index: 1;
}
.page-video .video-box {
	position: relative;
	background: #000;
}
.page-video .onlineVideoBox .fakeVideoContainer {
	background: none !important;
}
.pop {
	position: fixed;
    width: 50%;
    height: auto;
	top: 15%;
	left: 25%;
	z-index: 999;
	display: none;
}
.pop video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#videoPlayClose_middle, #videoPlayClose {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	border-radius: 20px;
	font-size: 30px;
	color: #FFF;
	background-color: rgb(255, 0, 0);
	text-align: center;
	z-index: 10;
}
.box_listPhoto .photoListContainer .scroll_list .picList .photo_list img{width: 100%!important;
    left: 0!important;
    height: auto!important;}
	
@media screen and (max-width: 1024px){
.product-swiper .swiper-slide{ height:300px;}
.list_pro a img{width: 80% !important;margin: auto;}
.list_type div ul .h2{ font-size:42px;}
.list_type div ul .text{ font-size:32px}
}