

/*统一的样式*/

*{margin:0;padding:0;list-style:none;box-sizing: border-box} /*默认外边距 和 内边距*/ /*去圆点*/
img{border:none;  max-width: 100%;vertical-align: bottom}

table {border-collapse:collapse;} /*边框会合并为一个单一的边框*/ /**/
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/
/* link */
a{text-decoration:none; color: inherit; transition: 0s;}  /*清除超链接的下划线*/
a:hover{text-decoration:none;}
.clear{clear: both;}  /*清除浮动*/
.layout{max-width:1780px; margin-left: auto; margin-right: auto;}
.liu {position: absolute;top: 72px;bottom: 0;right: 0;left: 0;overflow: hidden;}
.center{max-width: 1400px;margin-left: auto; margin-right: auto; margin-bottom: 80px;}
.center2{max-width: 100%;margin-left: auto; margin-right: auto; margin-bottom: 80px;}
.clearfix:after {
    clear: both;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    visibility: hidden;
}
/*统一的样式*/
body {
    margin: 0px auto;
    font-size: 16px;
    font-family:  "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
    min-width: 320px;
    background-color: #fff;
}

/*-------------------------------------首页样式开始------------------------------------------------------------*/
.h-top{width: 100%;height: 77px;background: #565656;overflow: hidden;position: fixed;top:0;left:0;z-index: 9999;}
.h-top>div {width: 100%;display: flex;height: 100%;justify-content: space-between;align-items: center;}
.h-top>div ul {display: flex;width: 54%;justify-content: space-between;align-items: center;height: 100%;}
.h-top>div>a {width: 23%;display: block;height: 100%;position: relative;}
.h-top>div>a img {width: 199px;height:52px;object-fit: contain;position: absolute;top:14px;}
.h-top>div>form{width: 23%;text-align: right;position: relative;height: 35px;}
.h-top>div>form input {width: 70%;height: 35px;background-color: #eeeeee;border: none;border-radius: 30px;padding-left: 10%;outline: none;font-size:14px;position: absolute;top:0;right: 0;}
.h-top>div>form input::-webkit-input-placeholder{font-size:14px;color: #989797;line-height: 35px;}
.h-top>div>form button{position: absolute;right: 0;top:0;width: 12%;height: 35px;background-color: #d2ab66;color: #ffffff;border: none;border-top-right-radius:30px;border-bottom-right-radius:30px;outline: none;}
.h-top>div>form button{font-size: 16px;}
.h-top>div ul li {height: 100%;position: relative;}
.h-top>div ul li::before{position: absolute;content:'';width: 1px;height: 0;background-color: #282828;top:-22px;left:45%;transition: .5s;}
.h-top>div ul li::after{position: absolute;content:'';width: 1px;height: 0;background-color: #d2ab66;bottom: -22px;left:45%;transition: .5s;}
.h-top>div ul li a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;}
.h-top>div ul li:hover::before{height: 22px;margin-top: 22px;}
.h-top>div ul li:hover::after{height: 22px;margin-bottom: 22px;}
.h-top>div ul .li_act::before{position: absolute;content:'';width: 1px;height: 22px;background-color: #282828;top:0;left:45%;}
.h-top>div ul .li_act::after{position: absolute;content:'';width: 1px;height: 22px;background-color: #d2ab66;bottom: 0;left:45%;}
.h-top>div ul .li_act:hover::before{width: 0;height: 0;}
.h-top>div ul .li_act:hover::after{width: 0;height: 0;}
.se1{position: relative;}
.banner{width: 100%;}
.banner_m{display: none;}
.banner .swiper-box1{width: 100%;height: 100%;}
.banner .swiper-box1 ul {width: 100%;height: 100%;}
.banner img {width: 100%;height: 100%;object-fit: cover;position: relative;}
.banner .swiper-box1 ul li img {width: 100%!important;}
#fp-nav ul li a, .fp-slidesNav ul li a{margin-top: 10px;width: 14px;height: 14px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {border: 1px solid #ffffff;background-color: #d2ab66;}
#fp-nav ul li .active span, .fp-slidesNav ul li .active span{height: 35px;border: none!important;background-color: #d2ab66!important;border-radius: 20px;}
#fp-nav ul li .active {height: 35px;margin-top: 0;}
#fp-nav ul li, .fp-slidesNav ul li{height: auto!important;}
.in-about {width: 100%;margin: 3% 0;}
.top1 {font-size: 30px;text-align: center;color: #231714;position: relative;padding: 22px 0;}
.top1::before{position: absolute;content:'';width: 1px;height: 22px;background-color: #282828;top:0;left:50%;}
.top1::after {position: absolute;content:'';width: 1px;height: 22px;background-color: #d2ab66;bottom: 0;left:50%;}
.in-about>div ul {width: 100%;display: flex;flex-wrap: wrap;margin-top: 3%;}
.in-about>div ul li {width: 50%;height: 3.2rem;}
.in-about>div ul li a{display: flex;width: 100%;height: 100%;}
.in-about>div ul li .ib-img {width: 65%;overflow: hidden;height: 100%;}
.in-about>div ul li .ib-img img {width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.in-about>div ul li .ib-words{width: 35%;font-size: 20px;color: #818181;background-color: #efefef;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s;}
.in-about>div ul li .ib-words span {text-transform: uppercase;}
.in-about>div ul li .ib-words p {margin-top: 10px;}
.in-about>div ul li:nth-of-type(3) .ib-img {order: 2;}
.in-about>div ul li:nth-of-type(3) .ib-words {order: 1;}
.in-about>div ul li:nth-of-type(4) .ib-img {order: 2;}
.in-about>div ul li:nth-of-type(4) .ib-words {order: 1;}
.in-about>div ul li:hover .ib-img img {transform: scale(1.1);}
.in-about>div ul li:hover .ib-words{background-color: #282828;color: #ffffff;}
.in-pro {width: 100%;margin: 3% 0;}
.in-pro>div ul{margin-top: 3%;}
.in-pro>div ul li {float: left;width: 33.333333333%;}
.in-pro>div ul li a {display: block;width: 100%;height: 100%;position: relative;}
.in-pro>div ul li a .ip-words:hover{background: transparent;}
.in-pro>div ul li a .ip-words {position: absolute;top:0;left:0;background-color: rgba(0,0,0, .3);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s;}
.in-pro>div ul li a .ip-img {position: relative;overflow: hidden;width: 100%;height: 662px;}
.in-pro>div ul li a .ip-img img {position: absolute;top:0;left:0;width: 100%;height: 100%;transition: .5s;object-fit: cover;}
.in-pro>div ul li a .ip-words h5 {color: #ffffff;font-size: 20px;font-weight: normal;position: relative;}
.in-pro>div ul li a .ip-words h5::before{position: absolute;content: '';background: url("../image/pro-img1.png")no-repeat;width: 13px;height: 9px;left:-17px;top:2px;}
.in-pro>div ul li a .ip-words p {color: #ffffff;font-size: 16px;text-transform: uppercase;margin: 10px 0;}
.in-pro>div ul li a .ip-words span {display: block;width: 105px;height: 30px;line-height: 30px;text-align: center;color: #231714;font-size: 14px;background-color: #d2ab66;text-transform: uppercase;transition: .5s;}
.in-pro>div ul li:hover a .ip-words span{border-radius: 20px;}
.in-pro>div ul li:hover a .ip-img img{transform: scale(1.1);}
.in-new{width: 100%;height: auto;margin: 3% 0;}
.in-new>div dl {margin: 2% 0;width: 100%;display: flex;justify-content: center;align-items: center;}
.in-new>div dl dd {width: 130px;height: 45px;line-height:45px;background: #e5e5e5;font-size: 16px;color: #494747;text-align: center;margin-right: 35px;transition: .5s;}
.in-new>div dl dd:last-of-type{margin-right: 0;}
.in-new>div dl dd a {display: block;width: 100%;height: 100%;}
.in-new>div dl dd:hover {background: #d2ab66;}
.in-new>div ul li {float: left;width:23.5%;margin-right:2%;}
.in-new>div ul li:last-of-type{margin-right: 0;}
.in-new>div ul li a {display: block;}
.in-new>div ul li a .in-words{width: 100%;border: 1px solid #e5e5e5;color: #282828;height: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 6%;transition: .5s;overflow: hidden;}
.in-new>div ul li a .in-words b{font-size: 70px;}
.in-new>div ul li a .in-words time{font-size: 14px;letter-spacing: 3px;}
.in-new>div ul li a .in-words p{font-size: 16px;text-align: center;margin: 35px 0;line-height: 1.8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.in-new>div ul li a .in-words span{background: url("../image/new-img2.png")no-repeat;width: 21px;height: 18px;display: block;transition: .5s;}
.in-new>div ul li a .in-img{width: 100%;height:auto;position: relative;padding: 30% 0;overflow: hidden;}
.in-new>div ul li a .in-img img{position: absolute;top:0;left:0;object-fit: cover;width: 100%;height: 100%;}
.in-new>div ul li:hover a .in-words{background: #282828;color: #ffffff;}
.in-new>div ul li:hover .in-words span{background: url("../image/new-img3.png")no-repeat;}
.in-con{width: 100%;height: auto;}
.in-con figure{height: 5.5rem;width: 100%;display: flex;justify-content: space-between;}
.in-con .con-left{width: 50%;height:100%; background: url("../image/new-img4.jpg")no-repeat; background-size:cover;padding: 5%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.top2 h5 {font-weight: normal;font-size: 16px;color: #fefefe;margin-top: 10px;letter-spacing: 2px;}
.in-con .con-left>p a {width: 142px;height: 35px;background: #dedede;font-size: 14px;color: #494747;display: block;text-align: center;text-transform: uppercase;line-height: 35px;transition: .5s;}
.in-con .con-left>p a:hover{border-radius: 20px;background: #d2ab66;color: #ffffff;}
.in-area {margin: 3% 0;}
.in-area select{width: 241px;height: 36px;font-size: 14px;color: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 10px;background: transparent;}
.addoor select {
    width: 250px;

    background-color: transparent;
    position: relative;
    border: 1px solid #f7f7f7;
    height: 36px;

}
.addoor select:nth-of-type(1){margin-right: 10px;}
.addoor select{color: #ffffff;}
.addoor select option{font-size: 16px;background: black;}
.addoor select option:first-of-type{}
.addoor{display: flex;}
/*.addoor h5 {*/
    /*width: 100%;*/
    /*background-color: transparent;*/
    /*height: 36px;*/
    /*line-height: 36px;*/
    /*color: #f7f7f7;*/
    /*padding-left: 15px;*/
    /*font-size: 14px;*/
    /*position: relative;*/
    /*border: 0px solid transparent;*/
    /*cursor: pointer;*/
    /*transition: 0.4s;*/
    /*text-align:left;*/
/*}*/

/*.addoor h5::after {*/
    /*background: url(../img/area-img.png)no-repeat center center;*/
    /*background-size: auto 50%;*/
    /*width:12px;*/
    /*height: 21px;*/
    /*top: 10px;*/
    /*bottom: 0px;*/
    /*right: 8px;*/
    /*content: '';*/
    /*position: absolute;*/
    /*transition: 0.4s;*/
/*}*/
.in-con .con-left article{margin-bottom: 10%;}
.in-con .con-left>p {margin-top: 10%;}
.addbig{position: relative;}
.addwords{background-color: #ffffff;position: absolute;top:45px;width: 100%;height: auto;}
.addwords ul li {padding: 2%;transition: .5s;color:#494747;}
.addwords ul li h5 {font-size: 16px;margin-bottom: 2%;text-align: left;}
.addwords ul li p {font-size: 14px;line-height: 2em;text-align: left;}
.addwords ul li:hover {color: #d2ab66;border: 1px solid #d2ab66;}
.top3 h5 {color: #494747; font-weight:bold;margin:30px 0;}
.in-con .con-right{width: 50%;height: 100%;padding-top: 5%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.in-con .con-right>p {font-size: 14px;color: #494747;margin-top: 2.5%;}
.in-con .con-right>p a {width: 142px;height: 35px;display: block;background: #dedede;color: #494747;font-size: 14px;text-transform: uppercase;text-align: center;line-height: 35px;transition: .5s;}
.in-con .con-right>p a:hover {border-radius: 20px;background: #d2ab66;color: #ffffff;}
.con-map{width: 100%;height: 172px;margin-top: 3%;}
.con-map #map{width: 100%;height: 100%;}
.con-map .BMap_pop{display: none;}
.in-con .in-bottom{width: 100%;max-width: 1300px;margin: 0 auto;}
.in-con .in-bottom ul {display: flex;justify-content: space-between;width: 100%;padding: 5% 0 10% 0;height: auto;}
.in-con .in-bottom ul li {height: auto;display: flex;font-size: 16px;color: #282828;align-items: center;cursor: pointer;}
.in-con .in-bottom ul li span{transition: .5s;}
.in-con .in-bottom ul li img {display:block;margin-right: 15px;}
.in-con .in-bottom ul li:hover span {color:#d2ab66;}
.foot{width: 100%;height: 75px;background-color: #F0F0F0;border-bottom: 1px solid #bfbfbf;border-top: 1px solid #d2ab66;position: fixed;bottom: 0;left:0;}
.foot>div {width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 14px;height: 100%;color: #494747;flex-wrap: wrap;}
.foot>div figure{display: flex;}
.foot>div figure ul {display: flex;margin-left: 40px;}
.foot>div figure ul li {margin-left: 32px;}
.foot>div figure p {margin-left: 30px;}
.foot>div figure a {transition: .5s;}
.foot>div figure a:hover {color: #d2ab66;}
.footer-show{opacity: 1!important;}
/*---移动端------*/
.nav-btn-open span { width: 0 !important; }
.nav-btn-open span::before { top: 0 !important; transform: rotate(45deg); }
.nav-btn-open span::after { top: 0 !important; transform: rotate(-45deg); }
.search-btn { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 14px 20px; margin: 0; background: #d2ab66; line-height: 56px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; }
.search-btn i { margin-left: 10px; }
.pub_search2 { width: 100%; margin: 0 auto; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 40px; line-height: 40px; }
.pub_search2 input { background: #fff; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC; color: #8c8c8c; outline: none; transition: 0.4s; }
.pub_search2 input:focus { box-shadow: 0 0 10px #999; }
.pub_search2 button { width: 35px; height:35px; outline: none; border: none; cursor: pointer; position: absolute;  top: 4px; right: 10px;background-color: transparent; }
.nav-btn {   padding: 4px; position: relative; width: 40px; height: 40px;  cursor: pointer;display: none; transition: 0.6s;z-index: 100;}
.nav-btn span { position: absolute; top: 50%; left:4px; display: block; width: 30px; height: 2px; margin-top: -1px; background: #FFFFFF; transition: .2s ease; }
.nav-btn span::before { content: ''; position: absolute; top: -10px; left: 0; width: 30px; height: 2px; border-radius: 3px; background: #FFFFFF; transition: transform .2s ease, top .2s ease; }
.nav-btn span::after { position: absolute; top: 10px; left: 0; width: 30px; height: 2px; content: ''; border-radius: 3px; background: #FFFFFF; transition: transform .2s ease, top .2s ease; }
.mobile-nav-box { position: fixed; top: 0; left: 0; z-index: 999999; width: 220px; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(-90deg); transform-origin: 0; transition: .4s ease;display: none; }
.mobile-menu-nav { overflow-y: scroll; height: 86%; pointer-events: auto;}
.mobile-second-nav{display: none;margin-bottom: 0;}
.mobile-menu-nav ul li dl dd {border-bottom: 1px solid #f2f2f2;height: 56px; line-height: 56px;padding: 0 20px 0 40px; margin: 0; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; }
.mobile-menu-nav ul li .tit {border-bottom: 1px solid #f2f2f2; position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 20px 0 40px; margin: 0; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .5s; }
.mobile-menu-nav ul li .tit a {display: block;width: 100%;height: 100%;}
.mobile-menu-nav ul li .tit:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; }
.mobile-menu-nav ul li .tit:hover { color: #1b1b1b; }
.mobile-menu-nav ul li .tit:hover:before { background: #d2ab66; border: none;}
.mobile-menu-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; }
.mobile-menu-nav ul li .tit.chose { color: #1b1b1b; }
.mobile-menu-nav ul li .tit.chose:before { background: #333333; }
.mobile-menu-nav ul li .tit.active { color: #1b1b1b; }
.mobile-nav-box-show { transform: perspective(450px) rotateY(0deg); }
.mobile-menu-nav ul li p{padding: 10px 20px;font-size: 14px;}
.mobile-menu-nav ul li p b {font-size: 20px;font-weight: normal;color: #d2ab66;}
/*---移动端-*/
/*----------------------------关于我们---------------------------------------------------------------*/
.all-banner{width: 100%;height: auto;position: relative;margin-top: 77px;}
.all-banner_m{display: none;}
.all-banner_m img{width: 100%;}
.all-banner img {width: 100%;}
/*.all-banner .all-nav{position: absolute;bottom: 0;left:0;height: 55px;width: 100%;background-color: rgba(0,0,0, .5);}
.all-banner .all-nav>div {width: 100%;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.all-banner .all-nav>div dl {font-size: 14px;color: #ffffff;display: flex;}
.all-banner .all-nav>div dl dd:last-of-type span {display: none;}
.all-banner .all-nav>div form{width: 385px;height: 35px;position: relative;}
.all-banner .all-nav>div form input{width: 100%;border: 1px solid #ffffff;border-radius: 20px;height: 100%;background-color: transparent;outline: none;padding-left: 20px;font-size: 16px;color: #ffffff;}
.all-banner .all-nav>div form input::-webkit-input-placeholder{font-size: 14px;color: #9d9d9d;}
.all-banner .all-nav>div form button{position: absolute;border:none;background: transparent;outline: none;color: #ffffff;top:20%;right: 15px;}*/
.n-nav{width: 100%;margin: 3% 0;}
.n-nav ul {width: 100%;display: flex;flex-wrap:wrap;background: #565656;border-bottom: 2px solid #f1eded;padding-bottom:2px;}
.n-nav ul li {width: 14%;height: 100%;border-right: 1px solid #444;font-size: 16px;color: #fff;transition: .5s;}
.n-nav ul li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 10% 0;}
.n-nav ul .active{background: #d2ab66;}
.n-nav ul li:hover{background: #d2ab66;}
.n-about>div>h5 {font-size: 30px;text-align: center;margin-bottom: 10px;color: #565656;}
.n-about .ab-con {width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.n-about .ab-con .ab-left{width: 48%;padding-right: 5%;}
.n-about .ab-con .ab-left p {font-size: 16px;color: #494747;line-height: 2em;text-indent: 2em;}
.n-about .ab-con .ab-right{width: 52%;height: 100%;position: relative;padding: 19% 0;overflow: hidden;}
.n-about .ab-con .ab-right img {position: absolute;top:0;left:0;object-fit: cover;width: 100%;height: 100%;transition: .5s;}
.n-about .ab-con .ab-right img:hover{transform: scale(1.1);}
.n-about{margin-bottom: 3%;}
.ab2-con{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.ab2-con .ab-left{width: 50%; padding-left:4%;}
.ab2-con .ab-left p{font-size: 14px;color: #494747;margin-bottom: 2%;}
.ab2-con .ab-left p:last-of-type{margin-bottom: 0;}
.ab2-con .ab-right{width: 50%;height: 100%;overflow: hidden;}
.ab2-con .ab-right img {object-fit: cover;width: 100%;height: auto;transition: .5s;}
.ab2-con .ab-right img:hover{transform: scale(1.1);}
.a-honor{width: 100%;}
.a-honor ul {width: 100%;height: auto;}
.a-honor ul li {width: 32%;height: auto;float: left;margin-right: 2%;transition: .5s;margin-bottom: 2%;}
.a-honor ul li:nth-of-type(3n+3){margin-right: 0;}
.a-honor ul li a {display: block;width: 100%;height: 100%;background: #f9f9f9;padding: 15px 23px;}
.a-honor ul li a>div {width: 100%;height: auto;position: relative;padding: 34% 0;overflow: hidden;}
.a-honor ul li a>div img {position: absolute;top:0;left:0;object-fit: contain;width: 100%;height: 100%;}
.a-honor ul li a p {color: #494747;font-size: 14px;width: 100%;text-align: center;padding: 5% 0 2% 0}
.a-honor ul li:hover{box-shadow: #ccc 0 0 10px;}
.fenye {
    width: 100%;
    margin-bottom:2%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #4e4e4e;
}
.fenye ul {
    display: flex;
}
.fenye ul li {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #524212;
    font-size: 14px;
    transition: .3s;
    border-radius: 5px;
    border: 1px solid #b5b5b5;

}
.fenye ul li:hover {background: #d2ab66; border: 1px solid #d2ab66;}
.fenye ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fenye select {
    width: 55px;
    border-radius: 5px;
    border: 1px solid #b5b5b5;
    background-color: transparent;
    height: 30px;
    outline: none;
}
.brand-box{width: 100%;margin-bottom: 3%;}
.brand-box ul li {width:47%;margin-right:6%;float: left;margin-bottom: 5%;border-top: 1px solid #bfbfbf;transition: .5s;cursor: pointer;}
.brand-box ul li:nth-of-type(2n+2){margin-right: 0;}
.brand-box ul li span {display: block;font-size: 16px;color: #494747;margin: 15px 10px;}
.brand-box ul li>div{width: 100%;height: auto;position: relative;padding: 27% 0;overflow: hidden;border: 1px solid #ddd;}
.brand-box ul li>div img{width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.brand-box ul li p{margin: 15px 0 30px 0;font-size: 14px;color: #494747;padding: 0 10px;line-height: 1.5em;}
.brand-box ul li:hover {box-shadow: #ccc 0 0 10px;}
.brand-box ul li:hover>div{border: none;}
.historyHd{padding: 0 70px;position: relative;}
.historyHd .ls-small{position: relative;width: 100%;}
.historyHd .ls-small::before{position: absolute;top:10%;left:0;width: 100%;height: 1px;content: '';background: #494747;}
.historyHd ul li {text-align: center;position: relative;}
.historyHd ul li p {position: relative;width: 100%;height: 100%;padding: 35px 0;}
.historyHd ul li p:before{position: absolute;content: '';width: 12px;height: 12px;background: #d2d2d2;border-radius: 50%;left:45%;top:3px;}
.navigation-ls i {cursor: pointer;outline: none;width: 55px;height: 55px;border-radius: 50%;background: #282828;color: #ffffff;display: flex;justify-content: center;align-items: center;transition: .5s;}
.navigation-ls{position: absolute;width: 100%;height: 1px;z-index: 10;top:0;left:0;display: flex;justify-content: space-between;align-items: center;font-size: 40px;}
.navigation-ls i:hover{background: #d2ab66;}
.historyHd .ls-small .swiper-wrapper .swiper-slide-active{position: relative;}
.historyHd .ls-small .swiper-wrapper .swiper-slide-active p:before{background: #d2ab66;}
.historyHd .ls-small .swiper-wrapper .swiper-slide-active::before{
    position: absolute;
    content: '';
    background: url("../image/hist-img1.png")no-repeat;
    width: 14px;
    height: 12px;
    top:20px;
    left:45%;

}
.historyHd .ls-small .swiper-wrapper .swiper-slide-active::after{
    position: absolute;
    content: '';
    background: url("../image/hist-img2.png")no-repeat;
    width: 14px;
    height: 12px;
    bottom: 20px;
    left:45%;


}
.historyBd{margin-top: 30px;}
.historyBd .ls-word{padding-bottom: 30px;}
.historyBd .ls-word .swiper-wrapper .swiper-slide {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-left{width: 55%;padding:0  5%;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-left b {font-size: 62px;color: #d2ab66;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-left ul {font-size: 16px;color: #494747;margin-top: 5%;margin-left: 4%;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-left ul li {line-height: 2em;list-style:disc!important;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-right{width: 45%;height: auto;position: relative;padding: 14% 0;overflow: hidden;}
.historyBd .ls-word .swiper-wrapper .swiper-slide  .hist-right img {position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;}
.historyBd .ls-word .swiper-pagination{text-align: right;display: none;}
.historyBd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
/*--------------------------------------招商加盟--------------------------------------------------------------------------*/
.join-box1{width: 100%;height:auto;background: url("../image/join1.jpg")no-repeat center center;padding: 2% 0 5% 0;background-size: cover;}
.join-top h5 {font-size: 30px;color: #d2ab66;width: 100%;text-align: center;text-transform: uppercase;}
.join-top h5 span {color: #fff;display: inline-block;margin-right: 5px;}
.join-top p {font-size: 30px;color: #ffffff;text-align: center;margin-top: 10px;}
.join-box1 ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 3%;}
.join-box1 ul li {width: 32.3333%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;padding: 25px;margin:0.5% min-height:260px;margin-top:15px;}
.join-box1 ul li span {font-size: 48px;font-weight: bold;margin: 4% 0;padding:10px; }
.join-box1 ul li p {font-size: 16px;}
.join-box1 ul li:nth-of-type(even){background: #d2ab66;}
.join-box1 ul li:nth-of-type(even) span{color: #282828;}
.join-box1 ul li:nth-of-type(even) p{color: #494747;}
.join-box1 ul li:nth-of-type(odd){background: #282828;}
.join-box1 ul li:nth-of-type(odd) span{color: #d2ab66;}
.join-box1 ul li:nth-of-type(odd) p{color: #ffffff;}
.join-box2{width: 100%;background: url("../image/join2.jpg")no-repeat center center;padding: 5% 0;background-size: cover;height: 7.5rem;}
.join-box2>div .join-box2-word p{font-size: 16px;color: #ffffff;margin: 10% 15% 0 15%;display: none;line-height: 1.8em;text-align: justify;height: 85px;}
.join-box2>div ul {display: flex;justify-content: space-between;flex-wrap: wrap;border: 1px solid #efefef;}
.join-box2>div ul li {width: 25%;height:170px;border-right: 1px solid #efefef;color: #ffffff;font-size: 16px;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s;cursor: pointer;}
.join-box2>div ul li:last-of-type{border-right: none;}
.join-box2>div ul li span {display: block;margin-top: 15px;}
.join-box2>div ul li:hover{border-top: 8px solid #d2ab66;background: rgba(0,0,0,.8);}
.join-aaa {border-top: 8px solid #d2ab66;background: rgba(0,0,0,.4);}
.join-box3{width: 100%;height:auto;background:#fff;padding: 6% 0 4% 0;background-size: cover;}
.join-box3-con{width: 100%;display: flex;justify-content: space-between;height: auto;margin-top: 5%;}
.join-box3-con .j3-left{width: 45%;height: auto;}
.join-box3-con .j3-left img {width: 100%;height: 100%;object-fit: cover;}
.join-box3-con .j3-right{width: 55%;padding-left: 17px;height: 515px;}
.join-box3-con .j3-right .swiper-join-kh{height: 100%;width: 100%;overflow: hidden;}
.join-box3-con .j3-right ul li {width: 100%;height: 77px;background: #ffffff;padding:0 35px;display: flex;align-items: center;margin-bottom: 23px;border: 1px solid #ccc;}
.join-box3-con .j3-right ul li:last-of-type{margin-bottom: 0;}
.join-box3-con .j3-right ul li span {display: block;width: 30px;height: 30px;color: #ffffff;font-size: 16px;line-height: 30px;text-align: center;}
.join-box3-con .j3-right ul li:nth-of-type(odd) span{background: #000000;}
.join-box3-con .j3-right ul li:nth-of-type(even) span {background: #d2ab66;}
.join-box3-con .j3-right ul li p{font-size: 16px;color: #494747;margin-left:20px;width: 90%}
.join-box4{width: 100%;height:auto;background: url("../image/join4.jpg")no-repeat center center;padding: 5% 0;background-size: cover;}
.join-top4{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.join-top4 h5 {font-size: 30px;color: #d2ab66;text-align: center;}
.join-top4 h5 span {color: #565656;}
.join-top4 p {background: #282828;color: #ffffff;font-size: 28px;padding: 10px 30px;margin: 2% 0;}
.join-top4 h6 span {color: #282828;font-size: 16px;min-width: 320px;display: block;text-align:center; }
.join-top4 h6{position: relative;width: 100%;}
.join-top4 h6:before{position: absolute;width: 35%;left:0;top:50%;height: 1px;background: #000000;content: '';}
.join-top4 h6:after{position: absolute;width: 35%;right:0;top:50%;height: 1px;background: #000000;content: '';}
.join-box4-con ul {width: 100%;margin-top: 3%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.join-box4-con ul li{width: 31%;height: 183px;margin-right: 3.5%;border: 1px solid #7d7d7d;border-radius: 15px;margin-bottom: 2%;background:#f5f5f5;}
.join-box4-con ul li:nth-of-type(3n+3){margin-right: 0;}
.join-box4-con ul li b {display: block;text-align: center;width: 104%;height: 64px;line-height:64px;background: url("../image/join-img6.png")no-repeat;background-size:100% 100%;color: #282828;font-size: 18px;margin-top: -7px;margin-left: -7px;}
.join-box4-con ul li p {font-size: 14px;color: #494747;margin: 30px 20px 0 20px;}
.join-box5{width: 100%;height:auto;background: url("../image/join5.jpg")no-repeat center center;padding-top:4%;background-size: cover;}
.join-box5-con{width: 100%;margin-top: 3%;}
/*.join-box5-con ul {display: flex;justify-content: space-between;flex-wrap: wrap;}*/
.join-box5-con ul li {width: 20%;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 4%;}
.join-box5-con ul li p {font-size: 14px;color: #ffffff;margin-top: 5px;}
.join-box5-con ul li:hover>div{transform: scale(.91) rotateY(360deg);transition: .5s;}
.join-box6{width: 100%;height:auto;background: url("../image/join6.jpg")no-repeat center center;padding:4% 0 2% 0;background-size: cover;}
.j6-top {width: 100%;display: flex;justify-content: space-between;}
.j6-top>div p {font-size: 30px;color: #373442;margin-bottom: 20px;}
.j6-top .join-top p{text-align: right;}
.join-box6-con{max-width: 1530px;margin: 0 auto;display: flex;}
.join-box6-con .j6-left{width: 50%;padding-left: 1.6rem;}
.join-box6-con .j6-right{width: 50%;padding-left: 5%;margin-top: -1%;}
.join-box7{width: 100%;height:auto;background: url("../image/join7.jpg")no-repeat center center;padding:3% 0;background-size: cover;}
.j7-top p {position: relative;}
.j7-top p::before{width: 40%;height: 1px;background: #ffffff;position: absolute;content: '';top:45%;left:0;}
.j7-top p::after{width: 40%;height: 1px;background: #ffffff;position: absolute;content: '';top:45%;right:0;}
.join-box7-word{margin-top: 4%;}
.j7-lb1 ul li {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.j7-lb1 ul li .lb1-left{width: 46%;height: auto;padding: 15% 0;position: relative;overflow: hidden;}
.j7-lb1 ul li .lb1-left iframe {width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.j7-lb1 ul li .lb1-right{width: 50%;padding-right: 2%;}
.j7-lb1 ul li .lb1-right>b{margin-bottom: 4%;display: block;}
.j7-lb1 ul li .lb1-right b {color: #d2ab66;font-size: 20px;}
.j7-lb1 ul li .lb1-right p b {display: block;font-size: 16px;margin: 2% 0;}
.j7-lb1 ul li .lb1-right p span {font-size: 14px;color: #ffffff;}
.join-box7-con{margin-top: 35px;position: relative;padding: 0 55px;height: 135px;overflow: hidden;}
.join-box7-con .navigation-video{width: 100%;height: 100%;position: absolute;top:0;left:0;display: flex;justify-content: space-between;align-items: center;}
.join-box7-con .navigation-video i {width: 40px;height: 100%;background: #231714;color: #ffffff;font-size: 26px;outline: none;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.join-box7-con .j7-lb2{width: 100%;height: 100%;}
.join-box7-con ul li {position: relative;width: 100%;height: 100%;cursor: pointer;padding: 0 2px;}
.join-box7-con ul li>img {width: 100%;height: 100%;object-fit: contain;border: 1px solid #d2ab66;}
.join-box7-con .j7-bf {position: absolute;top:0;left:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.5);opacity: 0;}
.j7-lb2 .swiper-wrapper .swiper-slide-active .j7-bf{opacity: 1;}
.join-box8{width: 100%;height:auto;background: url("../image/join8.jpg")no-repeat center center;padding:2% 0 4% 0;background-size: cover;}
.j8-con{width: 100%;display: flex;justify-content: space-between;}
.j8-con .j8-left{width: 13%;height: 178px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.j8-con .j8-left p {font-size: 16px;margin-top: 20px;}
.j8-con .j8-right{width: 75%;}
.j8-box1 .j8-left{background-color: #d2ab66;color: #282828;}
.j8-box1 .j8-right p{font-size: 14px;color: #494747;margin-bottom: 18px;}
.j8-box2{margin-top: 2%;}
.j8-box2 .j8-left{background-color: #282828;color: #ffffff;}
.j8-box2 .j8-right{display: flex;align-items: center;}
.j8-box2 .j8-right ul {display: flex;height: 100px;width: 100%;border: 1px solid #ffffff;background: #d2ab66;}
.j8-box2 .j8-right ul li {width: 25%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: row;border-right: 1px solid #ffffff;}
.j8-box2 .j8-right ul li:last-of-type{border-right: none;}
.j8-box2 .j8-right ul li:first-of-type{background-color: #ffffff;border: 2px solid #f3ce06;}
.j8-box2 .j8-right ul li>span {font-size: 48px;color: #ffffff;display: block;margin-right: 10px;}
.j8-box2 .j8-right ul li>p b {font-size: 18px;color: #282828;display: block;}
.j8-box2 .j8-right ul li>p span{font-size: 14px;color: #ffffff;text-transform: uppercase;}
.j8-box3{margin-top: 2%;}
.j8-box3 .j8-left{background-color: #d2ab66;color: #282828;}
.j8-box3 .j8-left p {margin: 15px 0;}
.j8-box3 .j8-right ul li{height: 152px;border: 1px solid #DDDDDD;}
.j8-box3 .j8-right ul li img {width: 100%;height: 100%;object-fit: contain;}
.navigation-jia{display: flex;justify-content: space-between;padding: 0 20%;width: 100%;}
.navigation-jia i{width: 30px;height: 30px;line-height:30px;text-align:center;border: 1px solid #282828;color: #282828;border-radius: 50%;outline: none;cursor: pointer;}
.j8-box4{margin-top: 1%;width: 100%;background: #d2ab66;padding: 0 5% 0 0;height: 60px;display: flex;justify-content: space-between;align-items: center;}
.j8-box4 p{font-size: 16px;color: #494747;position: relative;padding-left: 62px;min-width: 230px}
.j8-box4 p:before{position: absolute;top:0;left:10px;background: url("../image/join15.png")no-repeat;width: 36px;height: 26px;content: '';}
.j8-box4-con{overflow: hidden;font-size: 14px;color: #494747;width: 85%;}
/*-----------------------------联系我们-------------------------------------------------------------------*/
.con-box{width: 100%;display: flex;justify-content: space-between;height: 145px;border: 1px solid #dfdfdf;}
.con-box li {width: 25%;height: 100%;border-right: 1px solid #dfdfdf;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.con-box li:last-of-type{border-right: none;}
.con-box li p {font-size: 16px;color: #282828;}
.con-box li span {display: block;width: 15px;height: 15px;background: #d2ab66;border-radius: 50%;margin: 15px 0;}
.con-box li h6 {font-size: 18px;color: #282828;text-align: center;}
.con-box li h6 a {display: inline-block;margin-right: 10px;}
.line-input {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.line-input>input{width: 32%;height: 53px;margin-top: 27px;background-color: #f0f0f0;border: none;outline: none;padding-left: 20px;color: black;}
.line-bd textarea{width:100%;height: 140px;margin-top: 10px;resize: none;background-color: #f0f0f0;border: none;outline: none;padding: 30px 0 0 20px;color:black}
.line-input>input::-webkit-input-placeholder {color: #494747;font-size: 14px;}
.line-bd textarea::-webkit-input-placeholder{color: #494747;font-size: 14px;}
.form_btn input{width: 228px;height: 53px;color: #494747;background-color: #f0f0f0;border: none;outline: none; }
.line-bd figure{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.form_btn .form_submit {background-color: #d2ab66;}
.ver_code {
    border-bottom: 0 !important;
    margin-top: 20px;
}

.ver_code > p {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 10px;
}

.ver_code .code-box {
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    margin-top: 10px;
    width: 262px;
    height: 40px;
    color: #fff;
    text-shadow: 1px 1px 1px black;
    background: #f0f0f0;
    border: 0;
    border-radius: 15px;
    outline: none;

}

.ver_code .code-box p{
    margin-top: 0 !important;
    color: #fff !important;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.ver_code .code-box span{
    margin-top: 0 !important;
    color: #fff !important;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 15px;
}
.ver_code .code-box span {
    width: 40px;
    font-family: "宋体";
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}
.ct-bottom{width: 100%;margin-top: 3%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ct-bottom article{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.ct-bottom article::before{position: absolute;content: '';width: 100%;height: 1px;top:50%;left:0;background: #dfdfdf;}
.ct-bottom article h5 {font-size: 30px;color: #282828;padding: 0 10px;background-color: #ffffff;z-index: 3;}
.ct-bottom>p {font-size: 16px;color: #282828;position: relative;margin: 2% 0;}
.ct-bottom>p::before{position: absolute;content: '';background: url("../image/address-img.png")no-repeat;width: 26px;height: 26px;left:-30px;}
.ct-map{width: 100%;height: 510px;}
.ct-map #map {width: 100%;height: 100%;}
/*------------------------------------案例----------------------------------------------------------------------------------*/
.case-box>ul {width: 100%;}
.case-box .case>ul li {width: 31%;margin-right: 3.5%;float: left;background: #f9f9f9;padding: 10px;margin-bottom: 3.5%;}
.case-box .case>ul li:nth-of-type(3n+3) {margin-right: 0;}
.case-box .case>ul li a{display: block;width: 100%;height: 100%;}
.case-box .case>ul li .case-img {width: 100%;height: auto;position: relative;overflow: hidden;padding: 35% 0;transition: .5s;}
.case-box .case>ul li .case-img img {width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.case-box .case>ul li p {color: #494747;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 20px 0;}
.case-box .case>ul li:hover {box-shadow: #ccc 0 0 10px;}
/*-------------------------------------视频------------------------------------------------------------------------------*/
.video-box{width: 100%;height: 100%;margin: 3% 0 2% 0;}
.video-box .video-con{width: 100%;margin-bottom: 2%;}
.video-box .video-con p {font-size: 16px;color: #282828;text-align: center;margin-top: 2%;}
.video-small{width: 100%;padding-bottom: 65px;position: relative;margin-bottom: 2%;}
.video-small .swi-small{width: 100%;position: relative;overflow: hidden;}
.video-small .swi-small ul li {width: auto;height: 100%;position: relative;cursor: pointer;}
.video-box .video-big{width: 100%;height: 100%;position: relative;padding: 21% 0;overflow: hidden;}
.video-box .video-big iframe{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.video-small .swi-small ul li>div {width: 100%;height: 100%;position: relative;padding: 28% 0;overflow: hidden;}
.video-small .swi-small ul li>div img {width: 100%;height: 100%;position: absolute;top:0;left:0;}
.video-small .swi-small ul li>div p {position: absolute;top:0;left:0;background: rgba(0,0,0, .5);display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;opacity: 0;}
.video-small .swi-small ul li>div p span {font-size: 16px;color: #FFFFFF;}
.navigation-ship{z-index:10;position: absolute;width: 100%;display: flex;justify-content: center;align-items: center;bottom: 0;}
.navigation-ship i {width: 30px;height: 30px;color: #282828;line-height: 30px;border:1px solid #282828;text-align: center;cursor: pointer;z-index: 55;border-radius: 5px;margin: 0 10px;outline: none;transition: .5s;}
.navigation-ship i:hover{background: #d2ab66;border:1px solid #d2ab66;}
.video-small .swi-small ul li>div iframe{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.video-small .swi-small ul li b  {display: block;font-weight: normal;font-size: 14px;color: #494747;text-align: center;margin-top: 2%;}
.video-small .swiper-container .swiper-wrapper .swiper-slide-active>div {border: 2px solid #d2ab66;}

/*-----------------------------------新闻-----------------------------------------------------------------------------------------*/
.news-box{width: 100%;margin: 2% 0;}
.news-box>div ul{width: 100%;}
.news-box>div ul li {width: 32%;height: auto;margin-right: 2%;margin-bottom: 2%;border: 1px solid #e5e5e5;float: left;}
.news-box>div ul li:nth-of-type(3n+3){margin-right: 0;}
.news-box>div ul li a {display: block;}
.news-box>div ul li a .in-words{width: 100%;color: #282828;height: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 6%;transition: .5s;}
.news-box>div ul li a .in-words b{font-size: 70px;}
.news-box>div ul li a .in-words time{font-size: 14px;letter-spacing: 3px;}
.news-box>div ul li a .in-words p{font-size: 16px;text-align: center;margin: 35px 0;line-height: 1.8em;height: 55px;overflow: hidden;}
.news-box>div ul li a .in-words span{background: url("../image/new-img2.png")no-repeat;width: 21px;height: 18px;display: block;transition: .5s;}
.news-box>div ul li a .in-img{width: 100%;height:auto;position: relative;padding: 30% 0;overflow: hidden;}
.news-box>div ul li a .in-img img{position: absolute;top:0;left:0;object-fit: cover;width: 100%;height: 100%;}
.news-box>div ul li:hover a .in-words{background: #282828;color: #ffffff;}
.news-box>div ul li:hover .in-words span{background: url("../image/new-img3.png")no-repeat;}
/*----------------------------------新闻详情-----------------------------------------------------------------------------------*/
.n-views-box{margin: 4% 0 5% 0;width: 100%;height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.n-views-box .n-view-word{background-color: #FFFFFF;width: 73%;}
.n-views-box .n-view-aside {width: 25%;background-color: #FFFFFF;}
.n-view-word .news-title {  padding-bottom:3%; }
.n-view-word .news-title h2 { font-size: 18px; color: #282828; padding-bottom: 1%; font-weight: normal; line-height: 1.5;text-align: center; }
.n-view-word .news-title p { font-size: 14px; color: #494747; padding-bottom: 1%; text-align: center;}
.n-view-word .news-title p a { color: #6b6b6b; }
.news-con{border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;padding: 2% 0;line-height: 40px;}
.news-con p {font-size: 14px;color: #494747;}
.n-views-box .news-sx{margin-top: 10px;background: #fafafa;padding: 15px;font-size: 14px;color: #494747;}
.n-views-box .news-sx p:nth-of-type(2){margin-top: 10px;}
.n-view-aside figure{width: 100%;background: #fafafa;padding:0 15px;border-top: 1px solid #d2ab66;margin-bottom: 25px;}
.n-view-aside figure h5 {font-size: 16px;color: #282828;font-weight: normal;padding: 10px 15px;border-bottom: 1px solid #dfdfdf;}
.n-view-aside figure ul{margin-top: 10px;padding-left: 15px;}
.n-view-aside figure ul li {padding-bottom: 17px;font-size: 14px;color: #282828;list-style: disc;}
.n-view-aside figure ul li a{transition: .5s;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-view-aside figure ul li:hover a{color: #d2ab66;}
.n-view-aside figure .pro-tuijian {width: 100%;height: auto;}
.n-view-aside figure .pro-tuijian .swiper-tui{padding-bottom: 25px;}
.n-view-aside figure .pro-tuijian .swiper-tui>div>div a {display: block;width: 100%;height:auto;position: relative;padding: 46% 0;overflow: hidden;}
.n-view-aside figure .pro-tuijian .swiper-tui>div>div a img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.n-view-aside figure .pro-tuijian .swiper-tui .swiper-pagination{text-align: right;}
.pro-tuijian .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 2px;}
.n-view-aside figure .pro-tuijian .swiper-tui{margin-top: 10px;}

/*-----------------------------门店------------------------------------------------------------------------------*/
.door-box{width: 100%;margin: 2% 0;}
.door-box .door-area{width: 100%;background: #ffffff;box-shadow: #cccccc 0 0 10px;display: flex;justify-content: space-between;height: 50px;}
.door-box .door-area select{width: 33.333%;height: 100%;background: transparent;border: none;outline: none;}
.door-box .door-area select{border-right: 1px solid #dfdfdf!important;}
.door-box .door-area .door-search{width: 33.333%;padding: 10px;position: relative;}
.door-box .door-area .door-search input {width: 100%;height: 100%;background: transparent;outline: none;border: 1px solid #dfdfdf;padding-left: 20px;}
.door-box .door-area .door-search input::-webkit-input-placeholder{font-size: 14px;color: #494747;}
.door-box .door-area .door-search button{border: none;outline: none;background: transparent;position: absolute;top:30%;right: 30px;color: #494747;}
.door-con{margin-top: 10px;width: 100%;display: flex;height: 6.5rem;}
.door-con .door-left{width: 65%;height: 100%;}
.door-con .door-left #map{width: 100%;height: 100%;}
.door-con .door-right{width: 35%;background: #efefef;height: 100%;overflow: hidden;}
.door-con .door-right .door-lb{width: 100%;height: 100%;}
.door-right .door-lb ul{width: 100%;height: 100%;}
.door-right .door-lb ul li {border-bottom: 1px solid #ffffff;width: 100%;cursor: pointer;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;padding: 15px;}
.door-right .door-lb ul li h5 {font-size: 16px;color: #282828;margin-bottom: 2%;font-weight: normal;}
.door-right .door-lb ul li h5 b {display: inline-block;width: 35px;height:35px;font-size: 16px;line-height: 35px;text-align: center;color: #282828;background: #d2ab66;border-radius: 5px;margin-right: 10px;}
.door-right .door-lb ul li h5 span{}
.door-right .door-lb ul li p{font-size: 14px;color: #494747;line-height: 1.8em;}
/*------------------------------------产品-------------------------------------------------------------------------*/
.pro-fl {width: 100%;}
.pro-fl li{display: flex;justify-content: space-between;border-bottom: 1px solid #ffffff;}
.pro-fl li p{width: 5%;background: #f0f0f0;font-size: 14px;color: #494747;display: flex;justify-content: center;align-items: center;line-height: 50px;}
.pro-fl li p i {display: none;}
.pro-fl li dl {width: 95%;background: #f9f9f9;}
.pro-fl li dl {display: flex;align-items: center;flex-wrap:wrap;font-size: 14px;color: #898989;width: 95%;background: #f9f9f9;}
.pro-fl li dl dd {transition: .5s;margin: 6px 0 6px 15px;}
.pro-fl li dl dd a {padding: 2px 15px;width: 100%;height: 100%;display: block;}
.pro-fl li dl .li_act{background-color: #d2ab66;border-radius: 10px;}
.pro-fl li dl dd:hover {background-color: #d2ab66;border-radius: 10px;}
.pro-picture{margin-top: 2%;}
.pro-picture li{width:32%;margin-right: 2%;margin-bottom: 2%;float: left;box-shadow: #ccc 0 0 10px;position: relative;overflow: hidden;}
.pro-picture li:nth-of-type(3n+3){margin-right: 0;}
.pro-picture li a {display: block;width: 100%;height:100%;}
.pro-picture li a .pro-img{width: 100%;height: auto;position: relative;padding: 52% 0;overflow: hidden;}
.pro-picture li a .pro-img img {position: absolute;top:0;left:0;width: 100%;object-fit: contain;}
.pro-picture li a h5 {display: flex;justify-content: center;width: 100%;align-items: center;padding: 10px;border-bottom: 1px solid #d2d2d2;padding-bottom:30px;}
.pro-picture li a h5 b {font-size: 16px;color: #282828;transition: .5s;}
.pro-picture li a h5 span {font-weight: normal;font-size: 14px;color: #494747;}
.pro-picture li a p {font-size: 14px;color: #494747;padding: 10px;}
.pro-picture li:after {content: ""; position: absolute; left: -600px; top: 0; width: 300px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); transition: 0s;}
.pro-picture li:hover:after {left: 600px; width:300px; transition: .8s;}
.pro-picture li:hover  a h5 b{color: #d2ab66;}

/*----------------------------产品详情--------------------------------------------------------------*/
.pv-con{margin: 2% 0 4% 0;width: 100%;position:relative;}
.pv-con .pv-lb{width: 100%;}
.pv-lb ul li {width: 100%;height: 100%;display: flex;justify-content: space-between;}
.pv-lb ul li .pv-left{width: 50%;height: 100%;position: relative;padding: 25% 0;overflow: hidden;border: 1px solid #DDDDDD; }
.pv-lb ul li .pv-left img {position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;}
.pv-lb ul li .pv-right{width: 50%;padding:5% 0 0 4%;}
.pv-lb ul li .pv-right>h5{font-size: 24px;color: #282828;}
.pv-lb ul li .pv-right .pro-sale{margin: 10px 0;}
.pv-lb ul li .pv-right .pro-sale a{display: inline-block;width: 40%;height: 32px;font-size: 14px;color: #ffffff;background: #282828;line-height: 32px;text-align: center;margin-right: 10px;}
.pv-lb ul li .pv-right .pro-td{font-size: 16px;color: #888;}
.pv-lb ul li .pv-right .pro-td p{font-size: 16px;line-height: 1.5em;color: #888;}
.pv-lb ul li .pv-right .pro-td a{display: block;margin-top: 20px;width: 20%;line-height: 45px;text-align: center;color: #494747;font-size: 14px;background: #d2ab66;}
.pv-lb ul li .pv-right .pro-color{padding-top: 10px;}
.pv-lb ul li .pv-right .pro-color p{font-size: 14px;color: #494747;margin-bottom: 2%;}
/*.pv-lb ul li .pv-right .pro-color img {width: 100%;height:auto;object-fit: contain;}*/
.pv-con .navigation-pv{position: absolute;top:40%;left:0;display: flex;justify-content: space-between;align-items: center;width: 100%;}
.pv-con .navigation-pv p {display:block;color: #494747;font-size: 30px;width: 55px;height: 55px;line-height: 55px;text-align: center;border-radius: 50%;background: #f0f0f0;outline: none;cursor: pointer;transition: .5s;position: relative;}
.pv-con .navigation-pv p:hover{background: #d2ab66;}
/*.pv-con .navigation-pv .v-left{background: url("../img/left.png")no-repeat;width: 24px;height: 24px;background-size: 100% 100%;background: #f0f0f0;}*/
/*.pv-con .navigation-pv .v-right{background: url("../img/right.png")no-repeat;width: 24px;height: 24px;background-size: 100% 100%;background: #f0f0f0;}*/
.pv-con .navigation-pv p a {display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.pv2-box{margin: 2% 0;}
.pv2-box>div>h5 {font-size: 24px;color: #282828;padding-bottom: 10px;border-bottom: 1px solid #d2ab66;}
.pv2-box>div .pv2-con{margin-top: 10px;}
.pro-yan{width: 100%;}
.pro-yan img {width: 33%;height: 50px;object-fit: contain;float: left;}
/*------------------------------------企业风采-----------------------------------------------*/
.feng-box{margin-bottom: 4%;width: 100%;padding: 0 77px;}
.feng-box .fengcai{padding: 0 40px;height: 5.11rem;overflow: hidden;position: relative;}
.feng-box .fengcai .navigation-feng{position: absolute;width: 100%;top:45%;left:0;display: flex;justify-content: space-between;align-items: center;z-index: 55;font-size: 20px;}
.feng-box .fengcai .navigation-feng i {width: 47px;height: 47px;line-height: 47px;text-align: center;border-radius: 50%;background-color: #e4e4e4;color: #444444;outline: none;cursor: pointer;transition: .5s;}
.feng-box .fengcai .navigation-feng i:hover{background: #d2ab66;}
.feng-box .fengcai .feng-lb{height: 100%;width: 100%;}
.feng-box .fengcai ul li a{display: block;width: 100%;height: 100%;position: relative;}
.feng-box .fengcai ul li a img {width: 100%;height: 100%;object-fit: cover;}
.feng-box .fengcai ul li a p {position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,.7);font-size: 18px;color: #ffffff;height:auto;padding:2% 0;display: flex;justify-content: center;align-items: center;opacity: 0;}
.feng-box .fengcai .feng-lb .swiper-wrapper .swiper-slide-active a p{opacity: 1;}
.historyBd .swiper-pagination-bullet-active{background-color: #d2ab66;}
.fix{display: none;}
/*新增*/
.pro_xq{
	padding: 5% 0;
    border-top: 1px solid #d2ab66;

    
}
.pro_xq p{
	padding: 0 0 5% 0;
	font-size: 26px;
	font-weight: bold;
}
