@charset "utf-8";
@import url("../../../css/fonts.css");
/* CSS Document */
* {margin: 0;padding: 0;word-wrap: break-word;}
body {font: 12px Arial, "微软雅黑";color: #333;-webkit-font-smoothing: antialiased;position: relative;height: 100%;}
a {color: #000;text-decoration: none;}
a:hover {text-decoration: none;color: #d5a85e;}
a img,img {border: none;margin: 0 auto;}
.active{transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s;-o-transition: all 0.3s}
div,ul,li,p,form {padding: 0px;margin: 0px;list-style-type: none;}
em {font-style: normal;font-weight: normal;}
h3,h4 {padding: 0px;font-size: 14px;font-weight: bold;}
.clear {clear: both;height: 0px;}
.blank10 {height: 20px;overflow: hidden;clear: both;}
.blank {height: 4px;overflow: hidden;clear: both;background: #d5a85e;}
textarea,input,button {outline: medium;}
.clearfix {max-width:1200px;margin: 0 auto;}
table td,table td p{word-break: normal}
.left {float: left;}
.right {float: right;}
/* CSS Document end */
/**头部通用样式**/
.header{overflow: hidden;}
.header .logo_tel{padding: 18px 0px;overflow: hidden;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.logo_tel .logo{width: 30%;}
.logo_tel .logo img{width: 100%;}
.logo_tel .center{width: 52%;text-align: center;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.logo_tel .center p{width: 100%;font-size: 14px;color:#424242;line-height: 24px;}
.logo_tel .tel{width: 18%;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.logo_tel .tel h3{width: 100%;font-size: 16px;color: #707070;text-align: right;}
.logo_tel .tel h3 font{color: #d5a85e;}
.logo_tel .tel h3.pace font{letter-spacing:0.2px;}
.header-top{height: 40px;background: #000000;text-align: center;color: #FFF;line-height: 40px;font-size: 14px;position: relative;display: none;}
.header-top .nav-close,.header-top .home{display: block;position: absolute;width: 30px;height: 30px;text-align: center;line-height: 30px;top: 50%;margin-top: -15px;color:#FFF;}
.header-top .nav-close{right: 2%;cursor: pointer;}
.header-top .home{left: 2%;}
.header-top .home a{display: block;}
.header-top .nav-close:before,.header-top .home:before{font-size: 16px;}	

.header-nav{height: 54px;background: #000000;}
.header-nav ul{}
.header-nav ul li{width: calc(100% / 8);width: -moz-calc(100% / 8);width: -webkit-calc(100% / 8);float: left;}
.header-nav ul li a{display: block;text-align: center;line-height: 50px;font-size: 14px;color:#d5a85e;}
.header-nav ul li.currclass a,.header-nav ul li:hover a{background: #d5a85e;color: #FFF;}

/**幻灯图片样式**/
.banner-container .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-container .swiper-slide a{display: block;}
.banner-container .swiper-slide a img{display: block;width: 100%;min-height: 250px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.swiper-pagination-bullet{width: 10px;height: 10px;background: #FFF;opacity: 1;}
.swiper-pagination-bullet-active{background: #d5a85e;}
.swiper-button-next, .swiper-button-prev{color:#d5a85e;}

.title{padding: 30px 0px;text-align: center;}
.title h3{font-size: 24px;color:#d5a85e;font-weight: normal;line-height: 36px;}
.title p{text-transform:uppercase;color: #b9b8b8;line-height: 24px;}

.product{padding-bottom: 80px;}
.content{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.content-left{width: 150px;position: relative;}
.product1-container{height: 440px;margin: auto 0px;}
.product1-container .swiper-slide{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.product1-container .swiper-slide p{text-align: center;border:1px solid #cdcdcd;width: 100%;padding: 10px 0px;font-size: 14px;color:#4c4c4c;}
.product1-container .swiper-slide-thumb-active p{border:1px solid #d5a85e;color:#d5a85e;}
.product1-button-next{width: 16px;height: 8px;position: absolute;left: 50%;margin-left: -8px;top: -30px;text-align: center;outline: medium;cursor: pointer;color: #666;}
.product1-button-next span.fa:before{font-size: 16px;}
.product1-button-prev{width: 16px;height: 8px;position: absolute;left: 50%;margin-left: -8px;bottom:-15px;text-align: center;outline: medium;cursor: pointer;color: #666;}
.product1-button-prev span.fa:before{font-size: 16px;}

.content-right{width: calc(100% - 360px);width: -moz-calc(100% - 360px);width: -webkit-calc(100% - 360px);margin-left: 190px;}
.product2-container .swiper-slide {text-align: center;}
.product2-container .swiper-slide ul.img{border:1px solid #d5a85e;max-width: 548px;position: relative;}
.product2-container .swiper-slide ul.img li{position: absolute;width: 100%;height: 100%;border:1px solid #d5a85e;left:6%;top: 8%;z-index: -1;}
.product2-container .swiper-slide ul.img a{display: block;}
.product2-container .swiper-slide ul.img a img{display: block;width: 100%;}
.product2-wrapper{padding-bottom: 40px;}
.product2-container .swiper-slide ul.text{width: 370px;height: 160px;border:1px solid #d5a85e;position: absolute;right: 0px;background: #FFF;top: 50%;margin-top: -80px;text-align: left;padding: 38px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.product2-container .swiper-slide ul.text a h3{font-weight: normal;color:#d5a85e;margin-bottom: 15px;}
.product2-container .swiper-slide ul.text a p{line-height: 24px;color: #4e4e4e;}

.aboutbox{position: relative;}
.aboutbox .aboutimg{height: 434px;background: url(../images/about.jpg) no-repeat center center;position: absolute;width: 100%;}
.abouttext{position: relative;height: 434px;}
.text-left{background:rgba(29,29,29,0.73);width:50%;height: 510px;position: absolute;top: 50%;margin-top: -255px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:38px;text-align: center;left: 0px;}
.text-left h3{line-height: 80px;color:#d5a85e;font-weight: normal;font-size: 16px;background: url(../images/t.png) no-repeat center bottom;}
.text-left p{padding: 50px 0px;color: #FFF;line-height: 24px;font-size: 12px;}
.text-left span{display: inline-block;}
.text-left span a{background: #d5a85e;color: #FFF;font-size: 16px;padding: 12px 55px;}
.text-left span a:hover{background:#444;}

.text-right{background: rgba(90,90,90,0.3);position: absolute;right: 0px;width: 48%;top: 2%;border:1px solid rgba(200,190,175,0.4);}
.text-right a{display: block;width: 100%;height: 100%;background: url(../images/v.png) no-repeat center center;}
.text-right .about-container .swiper-slide a{display: block;}
.text-right .about-container .swiper-slide a img{width: 100%;}
.about-pagination{width: 100%;padding: 10px 0px;}
.about-pagination .swiper-pagination-bullet{margin: 0px 5px;}

.fr-1{margin-top: 50px;}
.fr-wrapper .swiper-slide{position: relative;}
.fr-wrapper .swiper-slide img{display: block;}
.fr-wrapper .swiper-slide .text{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;
position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.fr-wrapper .swiper-slide .text p{width: 100%;font-size: 18px;color: #d5a85e;text-align: center;}

.ft-container .swiper-slide a{display: block;border:1px solid #d5a85e;text-align: center;}
.ft-container .swiper-slide a img{display: block;width: 100%;}
.ft-container .swiper-slide a .pp{padding: 15px;color: #494949;}
.ft-container .swiper-slide a .hh{padding: 15px;color: #d5a85e;padding-top: 0px;font-size: 14px;}
.ft-container .swiper-slide a .intro{padding: 15px;color: #5c5c5c;font-size: 12px;line-height: 24px;}
.ft-container .swiper-slide a:hover{box-shadow: 0px 0px 8px #999;}
.ft-container{padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ft-container .swiper-slide a .img{overflow: hidden;}
.ft-container .swiper-slide a:hover .img img{transform: scale(1.08, 1.08);}
.more{text-align: center;padding: 50px 0px;}
.more a{background: #969696;padding: 14px 55px;color: #FFF;}
.more a:hover{background: #d5a85e;color: #FFF;}

.footer{border-top:solid 4px #d5a85e;background: #000;padding-top: 50px;}
.footer-nav{overflow: hidden;}
.footer-nav ul{float: left;}
.footer-nav ul.nav-ul{height: 270px;}
.nav-ul-active{margin-left: 10%;}
.footer-nav ul.nav-ul strong{font-size: 16px;color: #FFF;display: inline-block;border-bottom: 2px solid #d5a85e;font-weight: normal;line-height: 30px;margin-bottom: 10px;width: 115px;}
.footer-nav ul.nav-ul li{line-height: 30px;}
.footer-nav ul.nav-ul li a{color: #c4c4c4;}
.footer-nav ul.nav-ul li a:hover{color:#FFF;}
.nav-ul dl{overflow: hidden;}
.nav-ul dl dd{float: left;margin-right: 10px;margin-bottom: 10px;}
.nav-ul-active1{margin-left: 5%;}
.nav-ul-active1{font-size: 14px;color: #c4c4c4;line-height: 30px;}

.footer-bottom{border-top:solid 2px #5a5a5a;line-height: 50px;overflow: hidden;color: #c4c4c4;}
.footer-bottom p{float: left;}
.footer-bottom span{float: right;}
.footer-bottom span a{color: #c4c4c4;}

.banner img{display: block;width: 100%;min-height: 250px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.pro-list ul{overflow: hidden;padding: 4% 0px;padding-bottom: 0px;}
.pro-list ul li{float: left;width:30%;margin-right: 5%;margin-bottom: 2%;}
.pro-list ul li:nth-child(3n){margin-right: 0px;}
.pro-list ul li a{display: block;text-align: center;}
.pro-list ul li a .list-item-img{border: 1px solid #d5a85e;background: #000;}
.pro-list ul li a .list-item-img img{width: 100%;display: block;}
.pro-list ul li a .list-item-text{line-height: 40px;font-size: 14px;}
.pro-list ul li a:hover .list-item-img img{opacity: 0.8;}

.fenye{padding-bottom: 50px;}
.fenye table{margin:0 auto;}
.fenye table a{display: inline-block;height: 40px;line-height: 40px;width:40px;border: 1px solid #DDD;font-size: 14px;border-radius: 3px;background: #FFF;text-align: center;color: #999;}
.fenye table a.prev,.fenye table a.next{width: 60px;}
.fenye table a:hover,.fenye table a.curr{background: #d5a85e;color: #FFF;}
.fenye table a font{margin: 0px 5px;}

.fr-nav{background: #EEE;position: relative;}
.fr-nav-list ul{}
.fr-nav-list ul li{display: inline-block;font-size: 14px;}
.fr-nav-list ul li a{display: block;line-height:50px;padding: 0px 25px;}
.fr-nav-list ul li.currclass a{font-weight: bold;color:#FFF ;background: #d5a85e;}

.fr-new-list .list-item a{padding:15px 0px;border-bottom:1px solid #DDD;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;}
.fr-new-list .list-item .list-item-img{width: 20%;margin-right: 2%;border:1px solid #DDD;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.fr-new-list .list-item .list-item-img img{display: block;width: 100%; max-height:180px; object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.fr-new-list .list-item .list-item-text{width: 78%;}
.fr-new-list .list-item .list-item-text h3{font-weight: normal;color:#000;}
.fr-new-list .list-item .list-item-text li{margin-bottom: 10px;}
.fr-new-list .list-item .list-item-text li p{color:#666;line-height: 24px;}
.fr-new-list .list-item .list-item-text li span{color:#444;}
.fr-new-list .list-item:hover h3{color:#d5a85e;}
.box-loc{line-height: 40px;border-bottom: 1px solid #DDD;}
.box-loc-list{overflow: hidden;}
.box-loc-list p{}
.box-loc-list p span{margin: 0px 5px;color:#666;}
.box-loc-list p a{color:#666;}

.box-content .box-title{font-size: 20px;text-align: center;font-size: 18px;color: #000;line-height: 40px;padding:10px 0px;}
.box-content{background: #FFF;padding: 1rem 0px;}
.box-content .boxs{text-align: center;line-height: 30px;color: #999;border-bottom: 1px dashed #DDD;}
.box-content .boxs span{margin: 0px 10px;}
.content-box-text{line-height: 30px;color: #333;font-size: 14px}
.content-box-text img{max-width: 800px;height: auto !important;}
.ncontrol{line-height: 30px;font-size: 14px;color: #333;margin-top: 10px;padding: 2%;}
.ncontrol a{color: #333;}

.fr-content{background: #F4F4F4;}
.content-box{background: #FFF;}
.content-box-text{padding: 2%;}
.fr-pro,.fr-new,.fr-content{padding: 30px 0px;}
.content-box-text img{max-width: 640px;width: 100%;}

.conlist{padding:30px 0px;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;}

.conlist .left{width: 40%;position: relative;}
.conlist .left p{line-height: 36px;font-size: 16px;}

.conlist .right{width: 51%;position: relative;margin-left: 9%;}
.conlist .right img.bb{display: block;width: 100%;}
.conlist .right .BMap_bubble_title{color:#F00;font-size: 0.6rem;}
.map{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;border:1px solid #DDD;}

.conshow{display: none;margin: 0 auto;line-height: 50px;background:#222224;font-size: 14px;color: #FFF;position: relative;text-align: center;}
.conshow span{float: right;position: absolute;right: 2%;top: 50%;margin-top: -8px;}
.conshow.curr span{	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#7f0508;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#7f0508
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#BA1418;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}
.div-popup{position: relative;}
.div-popup p{position: absolute;width: 100%;height: 100%;top: 0px;line-height: 80px;font-size: 18px;}

@media only screen and (max-width:1200px) {
	.clearfix{width: 96%;margin: 0px 2%;}
	.logo_tel .center{display: none;}
	.logo_tel .tel{width: calc(100% - 30%);width: -moz-calc(100% - 30%);width: -webkit-calc(100% - 30%);}
	.fr-container .swiper-slide .img img{width: 100%;display: block;}
	.product2-container .swiper-slide .text{display: none;}
	.footer-nav{text-align: center;}
	.footer-nav .nav-ul{display: inline-block;margin-left: 0px;width: 30%;text-align: left;}
	.footer-nav .nav-ul-box{width: 40%;}
	.fr-nav .fr-nav-list{width: 100%;margin: 0;}
}
@media only screen and (max-width:1024px) {
	.content-left{width: 100%;position: relative;}
	.content-right{width: calc(100%);width: -moz-calc(100%);width: -webkit-calc(100%);margin-left:0px;}
	.product2-container .swiper-slide ul.img{margin: 0 auto;}
	.product1-container{height: auto;padding: 15px 0px;}
	.product1-button-next,.product1-button-prev{display: none;}
	.product2-container .swiper-slide ul.img li{display: none;}
	.footer-nav .nav-ul{width: 33.3%;}
	.footer-nav .nav-ul-box{display: none;}
}
@media only screen and (max-width:960px) {
	.abouttext .text-right{width: 100%;position: static;margin-top: 0px;border: 0;background-size:cover;}
	.abouttext .text-left{width: 100%;position: static;margin-top: 0px;padding:2%;}
	.aboutbox .aboutimg{display: none;}
	.abouttext{height: auto;}
	.product{padding-bottom: 0px;}
}
@media only screen and (max-width:840px) {
	.footer-nav .nav-ul{display: none;}
	.fr-new-list .list-item .list-item-img{display: none;}
}

@media only screen and (min-width:769px) {
	.header-nav.show,.fr-nav .navs{display: block !important;}
}
@media only screen and (max-width:768px) {
	.logo_tel .tel{display: none;}
	.logo_tel .logo{width: 100%;}
	.logo_tel .logo img{max-width: 320px;margin: 0 auto;display: block;}
	.header-top{display: block;}
	.header-nav{position: fixed;width: 100%;margin: 0px;height: 100%;background:rgba(0,0,0,0.8);top: 40px;left: 0px;z-index: 999;display:none;}
	.header-nav .clearfix{margin: 0px;width: 100%;}
	.header-nav ul li{float: none;width: calc(100%);width: -moz-calc(100%);width: -webkit-calc(100%);border-bottom: 1px solid #666;}
	.fr-nav .fr-nav-list {position: absolute;width: 100%;background: #333;margin: 0px;display: none;}
	.fr-nav .fr-nav-list ul li{width: 100%;text-align: center;border-bottom: 1px solid #444;}
	.fr-nav .fr-nav-list ul li a{color: #FFF;}
	.fr-nav .fr-nav-list ul li.currclass{display: none;}
	.conshow{display: block;}
}
@media only screen and (max-width:648px) {
	.conlist .left{width: 100%;}
	.conlist .right{display: none;}
}
@media only screen and (max-width:468px) {
	
	.pro-list ul li{width: 49%;margin-right: 2%;}
	.pro-list ul li:nth-child(3n){margin-right: 2%;}
	.pro-list ul li:nth-child(2n){margin-right: 0px;}
	.footer-bottom p,.footer-bottom span{width: 100%;display: block;text-align: center;line-height:30px;}
}