@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* ————— 头部 start ————— */
.top{background-color: #fff; padding: 20px;}
.min-wrap{min-width: 1492px; margin: 0 auto;}
.top .logo{margin-left: 4%;}
.top .logo img{width: 75px;}
.menu dd{ position: relative; z-index:2; padding: 10px;margin-right:60px;}
.menu dd a.yj{color: #111111;transition: all 0.5s;}
.menu dd:hover a.yj{ color: #874f00;}
.menu dd.hover a.yj{ color: #874f00;}
.menu .subNav{
    display: none; position:absolute; background: #fff; text-align: left;  line-height: 35px; border-radius: 6px;padding: 15px;
    
    }
.menu dd:first-of-type .subNav {
    
    /* 这里写只对第一个 subNav 生效的样式 */
    display: none;
    text-align: left;
    left: 0;
    padding: 10px;
}

/* 最后一个 .subNav */
.menu dd:last-of-type .subNav {
    /* 这里写只对最后一个 subNav 生效的样式 */
    display: none;
    text-align: left;
    right: 0;
    left: auto;
    padding: 10px;
       /* 把前面可能写的 left:0 覆盖掉 */
}

.menu .subNav a{ display: block; white-space: nowrap;}
.searchBox{position: relative;margin-right: 25px;}
.searchBtn{ position: absolute; right:10px;top:5px; height: 20px; width: 20px;background: url(../images/search.png) center center no-repeat;background-size: 18px auto; cursor: pointer;}
.search{ border:none; background: #eee; border-radius: 25px; line-height: 30px; width: 0; transition: all 0.5s; box-sizing: border-box;}
.language{border: none; border-radius: 0;}
.language option{}
a.buyBtn{ height: 40px; width:120px; color: #fff; background: #cd9440; text-align: center; line-height: 40px; margin-left:50px;}
a.buyBtn:hover{opacity: 0.8;}

/* ————— indexBanner start ————— */
#banner{height:700px;}
#banner .wrap{ width: 1400px;}
.tableCont{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3;}
.table{display: table; overflow: hidden; width: 100%; height: 100%;}
.tableCell{display: table-cell; overflow: hidden; vertical-align: middle; position: relative;}
.banTxt1{ margin-bottom: 35px; margin-top: 60px;}
.banTxt2{ color: #fff; line-height: 30px; font-size: 16px; width: 540px;}
.banBtBox{overflow: hidden; padding-top: 300px; }
.banBtBox a{ border-radius: 45px; background: #fff; padding: 10px 10px 10px 40px; width: 210px; height: 36px; line-height: 36px; font-size: 16px; color:#333;}
.banBtBox a.hover{border-color:#d99d28; color:#d99d28;}
#banner .swiper-pagination-bullet{opacity:1; background: #fff;}
#banner .swiper-pagination-bullet-active{background: #fff; width: 30px; border-radius: 8px;}
#banner .swiper-pagination{ bottom:20px;}
/* ————— indexBanner end ————— */
.clums1{ padding: 80px 90px; background: url(../images/bg1.jpg) no-repeat center top; background-size: 100% 100%;}
.white-box{background: #fff; border-radius: 8px; padding: 35px 0;}
.clums1 .num-box{ position: relative; margin-right: 30px;}
.clums1 .num-box::after{content: '+'; position: absolute; right: -30px; top:0; font-size: 28px; font-weight: normal;}
.index_title{ font-size: 40px; line-height: 60px; font-weight: bolder;}
.index_title a{ color: #333333;}
.index_title a:visited {color: #333333;}
.index_title a:hover {color: #b97d31;}

.clums2 .box{ padding: 20px 83px 40px; box-sizing: border-box; background: url(../images/showder-box.png) no-repeat center bottom; background-size: 100% auto; transition:all 0.3s;}
.clums2 .box:hover{background-size: 95% auto; }
.clums2 .pic{position: relative; width: 100%; border-radius: 100%; overflow: hidden; margin-bottom: 35px;}
.clums2 .pic:before{display: block;content: '';padding-top: 100%;}
.clums2 .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}

.clums3{ background: linear-gradient(to bottom, #f0efe9, #ffffff); padding: 80px 0;}
.time-list{ border-bottom:1px solid #eee; padding: 20px;overflow-x: auto; text-wrap: nowrap;}
.time-list .time-item{ margin: 0 66px; font-size: 18px; cursor: pointer; width: 89px; display: inline-block;}
.time-list .time-item.active{ font-size: 24px; color: #b97d31; font-weight: bolder;}
.history-container{overflow: hidden; position: relative; display: none;}
.history-container.active{display: block;}
.history{ border-radius: 18px; overflow:hidden;}
.history .pic{position: relative; width: 50%;overflow: hidden;}
.history .pic:before{display: block;content: '';padding-top: 64.286%;}
.history .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.history .text-box{ padding: 50px 70px; background: #fff; box-sizing: border-box; width: 50%;}
.history-container .btn{height: 60px; width: 60px; border-radius: 100%; overflow: hidden; background: #fff; font-size: 20px; text-align: center; line-height: 60px; border:1px solid #dcdcdc; box-sizing: border-box; font-family: "宋体"; color: #000;}
.history-container .btn:hover{ background:linear-gradient(to right, #e29465, #df8d1f); color: #fff; border: none;}
.history-container .swiper-button-next{left:50%; margin-left: 70px; top:80%;}
.history-container .swiper-button-prev{left:50%; margin-left: 150px; top:80%;}

.clums4{ position: relative; z-index: 0; height: 750px;}
.clums4 .title{font-size: 60px; color: #fff; font-weight: bolder; position: absolute; top:80px; z-index: 1; width: 100%;}
.clums4 .img-bg{padding: 205px 0 100px; background-size: 100% 100% !important; position: absolute; top:0; left:0;width: 100%; height: 100%; box-sizing: border-box; display: none;}
.clums4 .img-bg.active{display: block;}
.clums4 a.btn{ background: #fff;width: 150px; height: 48px; line-height: 48px; text-align: center; border-radius: 25px; font-size: 18px; color: #b97d31;}
.clums4 a.btn:hover{opacity: 0.8;}
.clums4 .nav{padding:25px; width: 1400px; box-sizing: border-box; background: #fff; border-radius: 16px; position: absolute; z-index: 1; bottom:-50px; left:50%; margin-left: -700px;}
.clums4 .nav a{ font-size: 20px; color: #999; position: relative; line-height: 60px; margin: 0 30px;}
.clums4 .nav a::after{ content: ''; position: absolute; bottom:0px; left:50%;margin-left: -15px;  width: 0px; height: 3px; background: #f2a073; border-radius: 4px; transition: all 0.3s;}
.clums4 .nav a.active{ color: #111;}
.clums4 .nav a.active::after{width: 40px;}

.clums5{background: linear-gradient(to bottom, #f0efe9, #ffffff); padding: 150px 0 30px;}
.areaList div{ margin: 0 10px 40px;}
.areaList img{ width: 135px; height: 86px; margin-bottom: 10px;}

/* ————— 底部 start ————— */
.footer{ background:#f0efe9; padding: 75px 0 15px;}
.footer .logo{ width: 150px; height: 120px;}
.footer .logo img{width: 100%; height: 100%;}
.foot-nav{ width: 560px;}
.foot-nav a{width: 47%; border-top:1px solid #ccc; font-size: 17px; color: #555; line-height: 48px;}
.foot-nav a:hover{color: #b97d31;}
.foot-nav a:last-child{border-bottom: 1px solid #ccc;}
.foot-nav a:nth-last-of-type(2){border-bottom: 1px solid #ccc;}
.footer .share a{ height: 45px; width: 45px; border-radius: 100%; margin-right: 13px;}
.footer .share a.in{ background: #f7f7f7 url(../images/in.png) no-repeat center center; background-size: 20px auto;}
.footer .share a.f{ background: #f7f7f7 url(../images/f.png) no-repeat center center; background-size: 20px auto;}
.footer .share a.bird{ background: #f7f7f7 url(../images/bird.png) no-repeat center center; background-size: 20px auto;}
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
.subbanner{overflow: hidden; width: 100%;}
.subbanner img{ width: 100%; display: block;}
.subMenu a{  margin: 0 55px; height: 54px; line-height: 54px; border:1px solid #ddd; text-align: center; font-size: 20px; border-radius: 50px ; padding: 0 30px;}
.subMenu a:hover{background: #cd9440; color: #fff; border:1px solid #cd9440;}
.subMenu a.hover{background: #cd9440; color: #fff; border:1px solid #cd9440;}

/* ————— 产品 ————— */
.productDl dd{ width: 440px; margin:0 0px 40px 0;}
.productDl dd .num{font-size: 38px; color: #cccccc; border-bottom:1px solid #eee; padding-bottom: 20px; font-weight: bolder; margin-bottom: 30px;}
.productDl dd .pic{ height: 270px; width: 100%; overflow: hidden; border-radius: 8px;}
.productDl dd .pic img{ width: 100%; height: 100%;}
.productDl dd .textBox{background: #f6f6f6; padding: 25px 30px 30px;}
.productDl dd .btn{width: 130px; height: 44px; line-height: 44px; text-align: center; border:1px solid #b97d31; color: #b97d31; border-radius: 25px;}
.productDl dd .btn:hover{opacity: 0.8;}

.product2{ border-radius: 18px; overflow:hidden;}
.product2 .pic{position: relative; width: 680px;overflow: hidden;}
.product2 .pic:before{display: block;content: '';padding-top: 61.03%;}
.product2 .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.product2 .text-box{ padding: 60px 80px 60px 60px; background: #f6f6f6; box-sizing: border-box;}
.slideWrapper{position: relative; overflow: hidden; padding-bottom: 50px;}
.slideWrapper a{ position: relative;display:block;}
.slideWrapper a span{ color: #fff; font-size: 18px; position: absolute; left: 20px; bottom:20px; right:10px; box-sizing: border-box;}
.slideWrapper a img{
    width:100%;
    height: 100%;
}
.slideWrapper .swiper-pagination-bullet{opacity:1; background: #c7c7c7;width: 15px; border-radius: 0; height: 4px;}
.slideWrapper .swiper-pagination-bullet-active{background: #cd9440; width: 30px;}
.slideWrapper .swiper-pagination{ bottom:0px;}
.slideWrapper .btn{height: 50px; width: 50px; overflow: hidden; background: #ccc; font-size: 20px; text-align: center; line-height: 50px; box-sizing: border-box; font-family: "宋体"; color: #fff; display: none;top:45% !important;}
.slideWrapper .btn:hover{ background:#b97d31;border: none;}
.slideWrapper .swiper-button-prev{left:0;}
.slideWrapper .swiper-button-next{right:0;}
.slideWrapper:hover .btn{display: block;}

.goodsView{ background: #fff; padding: 50px; border-radius: 18px; box-shadow: 0 0 6px 3px #eee; box-sizing: border-box;}
.goodsView .pic{width: 520px; height: 300px;border-radius: 18px;}
.goodsView .pic img{width: 100%; height: 100%;}
.goodsView .text{padding: 30px 40px 10px; background: #f5f5f5; border-radius: 8px;}
.productView .title{background: #f2f2f2; height: 52px; line-height: 52px; font-size: 18px; position: sticky;top:0;z-index: 11;}
.productView .title a{color: #333; padding: 0 38px; border-top:4px solid #f2f2f2;}
.productView .title a.hover{color: #b47d2c; border-top:4px solid #b47d2c; background: #fff;}
.productView .content{background: #fff; padding: 40px 50px; border-radius:0 0 8px 8px; box-shadow: 0 0 6px 3px #eee;}
.productView .con{display: none;}
.productView .con.hover{display: block;}
.productView .subTit{font-size: 18px; font-weight: bolder; color: #333; padding-left: 20px; position: relative;}
.productView .subTit::after{content: ''; height:18px; width:5px; background: #b97d31; position: absolute; left:0; top:3px; border-radius: 4px;}

.form .box{ width: 46%;}
.form .input{height: 76px; line-height: 76px; padding: 0 50px; background: #eee; border: none; border-radius: 50px; font-size: 18px;}
.form .textarea{ background: #eee; border: none; border-radius: 20px; font-size: 18px; line-height: 36px; min-height: 128px; padding: 10px 50px;}
.form .btn{width: 380px; height: 80px; line-height: 80px; font-size: 20px; color: #fff; background: #b97d31; text-align: center; border-radius: 50px;}

.newsList dd{ padding: 50px 60px; box-shadow: 0 0 6px 3px #eee; margin-bottom: 40px; border-radius: 18px;}
.newsList a.more{ height: 50px; width: 50px; background: url(../images/more.png) no-repeat center center; background-size: 100% 100% !important; margin-top: 100px;}
.newsList a.more:hover{background: url(../images/more_h.png) no-repeat center center;}

.textImgList dd{ padding-bottom: 30px; border-bottom: 1px solid #efefef; margin-bottom: 30px;}
.textImgList dd .pic{width: 400px; height: 240px; border-radius: 8px; overflow: hidden;}
.textImgList dd .pic img{ width: 100%; height:100%;}
.textImgList dd .textBox{padding:0 40px 0 45px;}
.textImgList a.more{ height: 50px; width: 50px; background: url(../images/more.png) no-repeat center center; background-size: 100% 100% !important;}
.textImgList a.more:hover{background: url(../images/more_h.png) no-repeat center center;}

/* ————— 页码 start ————— */
.page a{ width: 40px; height: 40px; border-radius: 100%; border:1px solid #e3e3e3; margin:0 5px; color: #999; line-height: 40px; text-align: center;}
.page a.btn{background: url(../images/prevPage.png) no-repeat center center;}
.page a.next{background: url(../images/prevPage.png) no-repeat center center; transform: rotate(180deg);}
.page a.current{background: url(../images/firstPage.png) no-repeat center center;}
.page a.last{background: url(../images/firstPage.png) no-repeat center center; transform: rotate(180deg);}
.page a.num:hover{ background: #cd9440; color: #fff;border:1px solid #cd9440;}
.page a.num.hover{ background: #cd9440; color: #fff;border:1px solid #cd9440;}
.page a.btn:hover{background:#cd9440 url(../images/prevPage.png) no-repeat center center;border:1px solid #cd9440;}
.page a.btn.disabled{background:#e2e2e2 url(../images/prevPage.png) no-repeat center center; border:1px solid #e2e2e2;}
.page a.current:hover{background:#cd9440 url(../images/firstPage.png) no-repeat center center;border:1px solid #cd9440;}
.page a.current.disabled{background:#e2e2e2 url(../images/firstPage.png) no-repeat center center; border:1px solid #e2e2e2;}
/* ————— 页码 end ————— */

.newsContent{ font-size: 18px; line-height: 40px;}
.newsContent img{ max-width: 100%; margin: 0 auto; display: block;}
.newsPage{ border-top:1px solid #dddddd; padding: 20px 0;}
.newsPage a{ line-height: 40px; font-size: 18px;}

.platCon{ padding: 95px 0 150px; background: url(../images/bg3.png) no-repeat center top; background-size: 100% 100%;}
.platTit{ font-size: 40px; color: #333; position: relative; padding-bottom: 20px;}
.platTit::after{position: absolute; bottom:0;left:50%;margin-left: -30px; height: 6px; width: 60px; background: #cd9440; content: '';}
.platBox{background: #fff; border-radius: 12px; padding: 25px; width: 220px; box-sizing: border-box;}
.platBox p{ transition: all .3s;}
.platBox:hover p{transform: rotate(180deg);}
.platBox2{background: #fff; border-radius: 12px; padding: 20px 5px 15px; box-sizing: border-box; width: 178px; margin: 0 10px 10px 0; cursor: pointer;}
.platBox2 p{ height: 53px; width: 53px; background-size: 100% 100% !important;}
.platBox2 p.p1{ background: url(../images/z1.png) no-repeat center center;}
.platBox2 p.p2{ background: url(../images/z2.png) no-repeat center center;}
.platBox2 p.p3{ background: url(../images/z3.png) no-repeat center center;}
.platBox2 p.p4{ background: url(../images/z4.png) no-repeat center center;}
.platBox2 p.p5{ background: url(../images/z5.png) no-repeat center center;}
.platBox2:hover{ background: #b97d31; color: #fff;}
.platBox2.hover{ background: #b97d31; color: #fff;}
.platBox2:hover p.p1{background: url(../images/z1_h.png) no-repeat center center;}
.platBox2:hover p.p2{background: url(../images/z2_h.png) no-repeat center center;}
.platBox2:hover p.p3{background: url(../images/z3_h.png) no-repeat center center;}
.platBox2:hover p.p4{background: url(../images/z4_h.png) no-repeat center center;}
.platBox2:hover p.p5{background: url(../images/z5_h.png) no-repeat center center;}
.platBox2.hover p.p1{background: url(../images/z1_h.png) no-repeat center center;}
.platBox2.hover p.p2{background: url(../images/z2_h.png) no-repeat center center;}
.platBox2.hover p.p3{background: url(../images/z3_h.png) no-repeat center center;}
.platBox2.hover p.p4{background: url(../images/z4_h.png) no-repeat center center;}
.platBox2.hover p.p5{background: url(../images/z5_h.png) no-repeat center center;}
.platView{ width: 610px; display: none;}
.platView .btn{background: #fff; border-radius: 50px; padding: 0 32px 0 37px; height: 56px; line-height: 56px; color: #b97d31; font-size: 18px; width: 180px; box-sizing: border-box;}
.platView .btn:hover{opacity: 0.8;}
.platView.hover{display: block;}

.teamCon1{background: #f0efe9;}
.teamCon1 dd {padding: 30px 25px; border-radius: 8px; width: 250px; background: #fff; box-sizing: border-box;}
.teamCon1 dd p{ height: 65px; width: 65px; background: #fdf2e1; margin-bottom: 20px; border-radius: 100%;}
.teamSlide{ width: 680px; position: relative; overflow: hidden;}
.teamSlide .swiper-pagination-bullet{opacity:1; background: #fff;}
.teamSlide .swiper-pagination-bullet-active{background: #cd9440;}
.chartBox{padding: 35px 40px; background: #fff; border-radius: 8px;}
.chart1{ width: 410px; margin-right: 60px; margin-left: 20px;}
.progress-circle{ width: 150px; height: 150px; border-radius: 50%; transform: rotate(-220deg);}
.progress-circle > circle{ cx:75px; cy:75px; r:68px; fill:none; stroke-width:14px; stroke-linecap: square; transition: stroke-dasharray 0.4s linear, stroke 0.3s;}
.chart1 li{position: relative; margin:10px 20px 30px;}
.chart1 li .percent{ position: absolute; top:50px; width: 100%; left:0; line-height: 50px; text-align: center; font-size: 18px;}
.chart1 li .text{position: absolute; bottom:5px; width: 100%; left:0; line-height: 30px; background: #fff; text-align: center; bottom:5px; }
.chart2 li{ position: relative; margin-bottom: 35px;}
.chart2 li span{ padding: 0 10px; width: 50px; text-align: center;}
.chart2 li .bar{ height: 20px; border-radius: 0 10px 10px 0; z-index: 1;}
.chart2 li::after{border-top:1px solid #eee;position: absolute; top:10px;left:70px; right:0; z-index: 0; content: '';}

.teamSlide .swiper-pagination{ bottom:15px !important; text-align: right; padding-right: 20px; box-sizing: border-box;}
.teamCon3{background: linear-gradient(to bottom, #f0efe9 50%, #e8e5de); border-top:1px solid #d6cec7; padding: 85px 0 65px;}
.teamBox{padding: 40px 45px; background: #fff; box-sizing: border-box; border-radius: 8px; margin-bottom: 35px; width: 680px;}
.teamBox a{ height: 48px; line-height: 48px; width: 108px; border-radius: 25px; border:1px solid #b97d31; color: #b97d31; text-align: center;}
.teamBox:hover{box-shadow: 0 0 6px 3px #ddd;}
.teamBox a:hover{box-shadow: 0 0 6px 3px #eddecb;}