.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white h3,.white p {color: #fff;}
.white i {}
.contact img {width: auto;max-width: 100%; height: auto !important;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.row5 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.banner {max-height:900px;overflow: hidden;position: relative;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:999;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #c9b593;width:22px;}

/*--   Products index  sub1--*/
.sub1 {background: #f5f5f5;}
.sub1-cont .row {margin: 0 -21px;}
.sub1-item {cursor: pointer;padding: 0 21px;margin-bottom: 32px;}
.sub1-list,.pro-list,.bott-list {position: relative;overflow: hidden;}
.sub1-img,.pro-img,.bott-img {position: relative;overflow: hidden;}
.sub1-img img,.pro-img img,.bott-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub1-box,.pro-box,.bott-box {width:100%;height:100%;position: absolute;bottom:-80%;left: 0;background: rgba(0,0,0,.6);text-align: center;padding:35% 10px 0;opacity: 0;
	transition: all 300ms ease-in-out;-webkit-transform:all 300ms ease-in-out;-ms-transform:all 300ms ease-in-out;-o-transform:all 300ms ease-in-out;}
.sub1-box p,.pro-box p,.bott-box p {color: #fff;font-size: 20px;font-family: 'LASER';text-transform: uppercase;}
.sub1-box img,.pro-box img,.bott-box img {margin: 20px auto 0;display: block;}
.sub1-item:hover .sub1-box,.pro-item:hover .pro-box,.bott-item:hover .bott-box {bottom: 0;opacity: 1;}
.sub1-item:hover .sub1-img img,.pro-item:hover .pro-img img,.bott-item:hover .bott-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--   Video  sub2--*/
.sub2-nr  video{width: 100%;height: auto;}

/*--   About us  sub3--*/
.sub3 {position: relative; overflow: hidden;}
.sub3::before {content: "";width: 60.1%;height: 100%;background: #f5f5f5;position: absolute;top: 0;left: 0;}
.sub3-nr {position: relative;display: flex;justify-content: space-between;}
.sub3-left {width: 58.3%;}
.sub3-cont {line-height: 32px;color: #666666;}
.sub3-btn {margin-top:8%;}
.sub3-btn a {display: block;width: 180px;height: 66px;text-align: center;line-height: 66px;background: #c9b593;color: #fff;position: relative;overflow: hidden;}
.sub3-btn a::before {content: ""; position: absolute;top: 50%;left: 50%;background: rgba(255, 255, 255, .2);width: 280px;height: 280px;border-radius: 50%;margin-left: -140px;margin-top: -140px;
animation: spread 1.5s infinite both;-webkit-animation: spread 1.5s infinite both;-moz-animation: spread 1.5s infinite both;-o-animation: spread 1.5s infinite both;}
@keyframes spread {
	0% {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
	100% {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes spread {
	0% {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
	100% {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes spread {
	0% {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
	100% {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}
@-o-keyframes spread {
	0% {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
	100% {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}
.sub3-rig {width: 69.1%;margin-right: -30%;}

/*--   图片轮播  sub4--*/
.sub4{position: relative;}
.sub4 .btn-rig,.sub4 .btn-left{ width:52px; height:52px;cursor: pointer; position: absolute;top:50%;margin-top: -26px; z-index: 99;opacity:1;display: block;}
.sub4 .btn-rig {right:-6%;background: url(../img/next1.png) no-repeat center center;}
.sub4 .btn-left {left:-6%;background: url(../img/prev1.png) no-repeat center center;}

/*--   首页表格  sub5--*/
.sub5 table{width:100% !important;border-collapse: collapse !important;border: 2px solid #fff !important;}
.sub5 table td{border: 2px solid #fff !important;padding: 3px;}
.sub5 table tr{border: 2px solid #fff !important;padding: 3px;}

/*--   news  sub6--*/
.sub6-nr {display: flex;justify-content: space-between;}
.sub6-left {width: 39.7%;background: #f5f5f5;padding:20px;cursor: pointer;}
.sub6-img {position: relative;overflow: hidden;}
.sub6-box {margin-top: 25px;}
.sub6-box h5 {font-family: 'LASER';font-size: 20px;}
.sub6-box p {line-height: 24px;color: #999999;margin: 15px 0;}
.sub6-rig {width: 58.1%;}
.sub6-item {padding:20px;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;cursor: pointer;}
.sub6-rig .sub6-item:last-child {margin-bottom: 0;}
.sub6-tu {width: 28%;}
.sub6-item .sub6-box {width: 68%;margin-top: 0;}


/*--   产品列表页   --*/
.bg{background: #f5f5f5;overflow: hidden;}
.menu-item .menu-list {cursor: pointer;}
.menu-nav {background: #c9b593;width: 100%;height:57px;font-size: 18px; color: #fff;display: flex;align-items: center;justify-content: center; font-family: 'LASER';text-align: center;}
.menu-nav a{color: #fff;display: block;width: 100%;}
.menu-item:hover .menu-list .menu-nav,.menu-item .menu-list .active{background: #a58d65;transition:all 500ms ease;}
.menu-list {position: relative;}
.menu-cont {position: absolute;z-index: 99; top: 57px;left: 0;width: 100%;background: rgba(165,141,101,.6);padding: 0 10px;display: none;transition:all 500ms ease;opacity: 0;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
	min-width: inherit;overflow: hidden;border-radius: inherit;display:block;transition:all 500ms ease;opacity: 0;
	-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;
	-webkit-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);
	-webkit-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;-moz-transform-origin:top;transform-origin:top;}
.menu-cont li {display: block;line-height: 60px;border-bottom: 1px solid rgba(255,255,255,.3);text-align: center;}
.menu-cont li:last-child {border: none;}
.menu-cont li a:hover,.menu-cont .default a {text-decoration: underline;}
.menu-cont li a {display: block;font-size: 16px;color: #fff;font-family: 'LASER'; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.menu-item:hover .menu-cont {display: block;opacity: 1; -webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);}
.menu-item {margin-bottom: 25px;}
.pro-item {margin-bottom: 20px;cursor: pointer;}
.pro-list {position: relative;overflow: hidden;}
.pro-img{position: relative;overflow: hidden;}

/*--   产品详情页   --*/
.pro-top {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-zuo {width: 46.8%;max-height: 561px;}
.pro-you {width: 47%;}
.pro-you .title h3,.abo2-left .title h3,.abo5-left .title h3 {font-size: 46px;}
.pro-word {line-height: 30px;color: #666666;margin-top: 5%;min-height:270px;}
.small {padding: 1px;position: relative;margin-top:15px;}
.small-list {border: 1px solid #dcdcdc;cursor: pointer;}
.small-nr .swiper-button-next,.small-nr .swiper-button-prev{ width:24px; height:36px;cursor: pointer; position: absolute;top:50%;margin-top: -13px; z-index:2;opacity:1;display: block;}
.small-nr .swiper-button-next {right:-5%;background: url(../img/next3.jpg) no-repeat center center;}
.small-nr .swiper-button-prev {left:-5%;background: url(../img/prev3.jpg) no-repeat center center;}
.mySwiper3 .swiper-slide-thumb-active {border:1px solid #eacc83;}
.bott-item {cursor: pointer;}
.big-item {width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.big-item video{width: 100%;height:561px;}
.small-img {position: relative;overflow:hidden;}
.small-box {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.4);display: flex;align-items: center;justify-content: center;}
.pro-cent .title h3,.pro-bott .title h3,.news-xq .title h3 {font-size: 42px;}
.pro-cont {line-height: 30px;}
.bott-nr {position: relative;}
.bott-nr .btn-rig,.bott-nr .btn-left,.abo3-nr .btn-rig,.abo3-nr .btn-left,
.abo4-cont .btn-rig,.abo4-cont .btn-left,.news-bott .btn-rig,.news-bott .btn-left{ width:31px; height:47px;cursor: pointer; position: absolute;top:50%;margin-top: -23.5px; z-index: 99;opacity:1;display: block;}
.bott-nr .btn-rig,.abo3-nr .btn-rig,.abo4-cont .btn-rig,.news-bott .btn-rig {right:-4%;background: url(../img/next2.jpg) no-repeat center center;}
.bott-nr .btn-left,.abo3-nr .btn-left,.abo4-cont .btn-left,.news-bott .btn-left {left:-4%;background: url(../img/prev2.jpg) no-repeat center center;}

/*--   关于我们页   --*/
.abo1 {background: #f5f5f5;}
.abo1-list {width: 100%;height:205px;position: relative;padding-top: 15%;text-align: center;}
.abo1-list::before {content: "";width: 1px;height:80%;background-image: linear-gradient(to bottom,rgba(201,181,147,0),rgba(201,181,147,1),rgba(201,181,147,0));position: absolute;right: 0;top:10%;}
.abo1-box {display: flex;justify-content: center;align-items:flex-end;}
.abo1-box span {font-size: 50px;font-family: 'LASER';margin-right: 5px;}
.abo1-box i {font-style: inherit;font-size: 20px;color: #666666;margin-bottom: 10px;}
.abo1-list p {font-size: 14px;margin-top: 15px;}
.abo1 .row .abo1-item:nth-child(6) .abo1-list::before {display: none;}
.abo2 {display: flex;justify-content: space-between;}
.abo2-left {width: 44.1%;}
.abo2-cont {line-height: 26px;color: #666666;}
.abo2-rig {width: 53.2%;}
.abo2-rig video{width: 100%;height: auto;}
.abo3-nr,.abo4-cont,.news-bott {position: relative;}
.abo3-img img{transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo3-item:hover .abo3-img img {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.abo4 {background: #f5f5f5;}
.abo5 {display: flex;justify-content: space-between;}
.abo5-left {width: 30%;}
.abo5-cont {margin-top: 8%;color: #666666;line-height: 30px;}
.abo5-rig {width: 68%;}

/*--   新闻列表页   --*/
.news-item {margin-bottom:2%;position: relative;overflow: hidden;}
.news-item::before {content: "";width: 0;height: 100%;background: #ffffff;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.news {padding: 3% 0;}
.news-list {padding:25px;background: #fff;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;cursor: pointer;}
.news-left {width:23%;}
.news-rig {width: 75%;}
.news-tit {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.news-tit h5 {font-size: 24px;font-family: 'LASER';color: #000000;}
.news-tit time {color: #999999;}
.news-rig p {margin-top:20px;font-size: 16px;line-height:32px;color: #666666;}
.news-item:hover:before{ width: 100%;left: 0; opacity: 1;}

/*--   新闻详情页   --*/
.news-time {text-align: center;color: #999;margin-top: 25px;}
.news-cont {line-height: 32px;color: #666666;}

/*--   联系我们页   --*/
.cont-top{display: flex;justify-content:space-between;position: relative;}
.cont-left {width: 64.7%;}
.cont-left .row {margin: 0 -5px;}
.cont-item {margin-bottom:11px;padding: 0 5px;}
.cont-item input {display: block;width: 100%;height:63px;background: #ffffff;padding: 0 15px;font-size: 14px;}
.cont-item textarea {display: block;width: 100%;height:137px;background: #ffffff;padding:10px 15px;font-size: 14px;}
.cont-item input::-webkit-input-placeholder {color: #666666;opacity: .9;}
.cont-item input:-moz-placeholder {color: #666666;opacity: .9;}
.cont-item input::-moz-placeholder {color: #666666;opacity: .9;}
.cont-item input::-ms-input-placeholder {color: #666666;opacity: .9;}

.cont-item textarea::-webkit-input-placeholder {color: #666666;opacity: .9;}
.cont-item textarea:-moz-placeholder {color: #666666;opacity: .9;}
.cont-item textarea::-moz-placeholder {color: #666666;opacity: .9;}
.cont-item textarea::-ms-input-placeholder {color: #666666;opacity: .9;}

.cont-item button {display: block;width: 146px;height: 43px;background: #c9b593;text-align: center;line-height: 43px;border-radius: 2px;
color: #fff;text-transform: uppercase;font-size: 17px;margin-top: 20px;}
.cont-rig {width: 63.5%;background: url(../img/cont-tu.png) no-repeat top right;min-height: 381px;position: absolute;top:-15%;right: -30%;padding: 8% 0 0 8%;}
.cont-rig ul li {display: block;line-height: 50px;color: #000000;}
.cont-rig ul li img {float: left;margin: 15px 5px 0 0;}
.cont-rig ul li p span {font-weight: bold;}
.cont-rig ul li p a {color: #000000;}
.cont-rig ul li p a:hover {color: #c9b593;}




@media only screen and (max-width:1400px) {
.abo1-box span{font-size: 45px;}
}
@media only screen and (max-width:1300px) {
	.pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub5 {padding: 0 3%;}
	.sub4 .btn-left{left: -2%;}
	.sub4 .btn-rig {right: -2%;}
	.sub3-left {width: 45%;}
	.sub3-rig {margin-right: 0;width: 54%;}
	.sub4 {padding: 0 3%;}
	.sub1-cont .row {margin: 0 -15px;}
	.sub1-item {cursor: pointer;padding: 0 15px;margin-bottom: 25px;}
	.pro-you .title h3, .abo2-left .title h3, .abo5-left .title h3{font-size: 42px;}
	.pro-cent .title h3, .pro-bott .title h3, .news-xq .title h3 {font-size: 40px;}
	.abo2{padding: 0 3%;}
	.abo1-box span{font-size: 40px;}
	.cont-rig {padding: 8% 0 0 15px;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.sub4,.abo2,.sub5 {padding: 0 15px;}
	.sub4 .btn-left{left:0;}
	.sub4 .btn-rig {right:0;}
	.sub1-cont .row {margin: 0 -10px;}
	.sub1-item {cursor: pointer;padding: 0 10px;margin-bottom: 20px;}
	.sub3-btn a {height: 50px;line-height: 50px;}
	.pro-you .title h3, .abo2-left .title h3, .abo5-left .title h3{font-size: 38px;}
	.small-nr .swiper-button-prev,
	.bott-nr .btn-left, .abo3-nr .btn-left, .abo4-cont .btn-left, .news-bott .btn-left{left: 0;}
	.small-nr .swiper-button-next,
	.bott-nr .btn-rig, .abo3-nr .btn-rig, .abo4-cont .btn-rig, .news-bott .btn-rig{right: 0;}
	.big-item video {width: 100%;height: inherit;}
	.small {padding: 0 7%;}
	.pro-cent .title h3, .pro-bott .title h3, .news-xq .title h3 {font-size: 36px;}
	.abo1-box span{font-size:35px;}
	.abo1-box i {margin-bottom: 0;}
	.news-tit h5 {font-size: 20px;}
}
@media screen and (max-width:992px) {
	.sub1-box p {font-size: 18px;}
	.sub3-nr,.abo2 {display: block;}
	.sub3-left,.sub3-rig,.abo2-left,.abo2-rig {width: 100%;}
	.sub3-btn,.sub3-rig,.abo2-rig {margin-top: 20px;}
	.sub3::before {display: none;}
	.sub6-box h5 {font-size: 18px;}
	.menu-nav {font-size: 16px;}
	.menu-cont li a {font-size: 14px;}
	.pro-you .title h3, .abo2-left .title h3, .abo5-left .title h3{font-size:32px;}
	.pro-cent .title h3, .pro-bott .title h3, .news-xq .title h3 {font-size: 30px;}
	.abo1-list {height: 140px;padding: 10% 0;}
	.abo1 .row .abo1-item:nth-child(3) .abo1-list::before {display: none;}
	.news-left {width:36%;}
	.news-rig{width: 63%;}
	.news-tit h5 {font-size: 18px;}
}
@media screen and (max-width: 768px) {
	.sub1-box{padding: 20% 10px 0;}
	.sub6-nr,.pro-top,.abo5,.news-list,.news-tit,.cont-top {display: block;}
	.sub6-left,.sub6-rig,.pro-zuo,.pro-you,.abo5-left,.abo5-rig,.news-left,.news-rig,.cont-left,.cont-rig {width: 100%;}
	.sub6-rig,.pro-you,.abo5-rig,.news-rig {margin-top: 20px;}
	.sub6-item {padding: 10px;}
	.sub6-tu {width:48%;}
	.sub6-item .sub6-box {width:48%;}
	.sub6-box h5 {font-size: 16px;}
	.sub6-box p {margin: 10px 0;font-size: 14px;line-height: 20px;}
	.pro-you .title h3, .abo2-left .title h3, .abo5-left .title h3{font-size:26px;}
	.pro-cent .title h3, .pro-bott .title h3, .news-xq .title h3 {font-size:24px;}
	.pro-you {padding-top: 30%;position: relative;}
	.small {margin: 0;position: absolute;top: 0;left:0;width: 100%;}
	.pro-zuo {max-height: inherit;}
	.abo1 .row .abo1-item:nth-child(3) .abo1-list::before {display: block;}
	.abo1 .row .abo1-item:nth-child(2n) .abo1-list::before {display: none;}
	.abo1-box span {font-size: 30px;}
	.news-tit time {margin-top: 10px;display: block;}
	.news-rig p{font-size: 14px;line-height: 22px;}
	.cont-rig {position: inherit;top: inherit;right: inherit;min-height: inherit;}
	.cont-item input {height: 50px;}
	.cont-item button {margin-top: 10px;width: 100%;}
	.menu-nav {height: 45px;}
}