@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #987135;}
.page .pcurrent a,
.page a:hover{border-color: #987135;color:#987135;}
a:hover,
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span,
.online_box p:hover::after,
.online_box p span:hover,
.online_box p.r_open:hover{color: #987135;}
.navico span,
.navico span::before,
.navico span::after{background-color: #fff;}
.nav_open span,
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #987135;}

/* headbox */
.headbox{height: 80px;background: #987135;box-shadow: 0 3px 6px rgba(0,0,0,.3);position: fixed;left: 0;top: 0;z-index: 999999;}
.headbox .logo{width: 250px;height:100%;overflow: hidden;position: absolute;left: 1.5%;top: 0;z-index: 4;}
.headbox .logo a{width: 100%;height: 100%;display: block;color: #fff;position: relative;}
.headbox .logo span,
.headbox .logo em{position: absolute;left: 0;top: 50%;display: none;}
.headbox .logo span{font-size: 250px;margin-top: -125px;}
.headbox .logo em{font-size: 200px;margin-top: -100px;}

.searchbox{height: 100%;position: absolute;right: 1.5%;top: 0;z-index: 3;}
.searchbox form{width: 40px;height: 36px;position: relative;top: 22px;border-radius: 3px;padding-left: 40px;overflow: hidden;}
.searchbox em,
.searchbox span{display: none;font-size: 24px;color: rgba(255,255,255,.75);text-align: center;}
.searchbox em svg,
.searchbox span svg{height: 36px;line-height: 36px;}
.searchbox span{display: block;width: 40px;height: 36px;position: absolute;left: 0;top: 0;z-index: 3;cursor: pointer;}
.searchbox p{width: 100%;}
.searchbox p input{display: block;width: 100%;height: 36px;padding: 8px 5px;line-height: 18px;background: none;}
.searchbox:hover form{width: 250px;background: #fff;}
.searchbox:hover span{color: #987135;}

@media only screen and (min-width:1025px){
.headbox .logo span{display: block;}

.navbox{width: 100%;max-width: 1280px;height: 100%;margin: 0 auto;position: relative;padding: 0 80px 0 310px;z-index: 1;}
.navbox ul{display: flex;flex-wrap: nowrap;height: 100%;}
.navbox ul li{float: left;text-align: center;position: relative;width: 14.285%;flex-shrink: 0;}
.navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.navbox ul li p{width: 100%;height: 100%;overflow: hidden;}
.navbox ul li p a{width: 200%;height: 100%;left: 0;color: #fff;font-weight: 600;font-size: 15px;}
.navbox ul li p a span,
.navbox ul li p a em{display: block;width: 50%;float: left;height: 100%;line-height: 80px;font-style: normal;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #987135;opacity: 0;box-shadow: 0 2px 5px rgba(30,20,0,.2);}
.navbox ul li dl .ico{width: 14px;height: 7px;border: 7px solid rgba(255,165,30,0);position: absolute;left: 50%;top: -20px;margin-left: -7px;border-bottom: none;border-top: 0px solid #ffa51e;opacity: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;transition-duration: .5s;font-size: 0;}
.navbox ul li dl a{height: 0;padding: 0 5px;color: #fff;font-size: 14px;line-height: 44px;border-bottom: 1px solid rgba(255,255,255,0);}
.navbox ul li dl dd:last-child a{border: none;line-height: 45px;}
.navbox ul li dl a:hover{background: #d8932c;}

.navbox ul li:hover p a{left: -100%;}
.navbox ul li:hover dl{opacity: 1;}
.navbox ul li:hover dl .ico{border-top-width: 7px;opacity: 1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;transition-delay: .5s;}
.navbox ul li:hover dl a{height: 45px;border-color: rgba(255,255,255,.2);}
.navbox ul li.active p a span,
.headbox:hover .navbox ul li p a em{border-bottom: 2px solid #ffa51e;}
}
@media only screen and (max-width:1200px){
.headbox .logo{width: 220px;}
.headbox .logo span{font-size: 220px;margin-top: -110px;}
.navbox{padding: 0 70px 0 260px;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;border: 0;}
.headbox::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: #987135;}
.headbox .logo{width: 210px;}
.headbox .logo em{display: block;padding-left: 5px;color: #fff;}
.searchbox{width: 100%;right: 0;}
.searchbox em{float: right;display: block;position: relative;padding: 12px 75px 0 0;height: 100%;}
.searchbox em:hover{color: #fff;}
.searchbox form{width: 100%;height: 0;padding: 0 7px;background: #f2f2f2;border-radius: 0;top: 100%;position: absolute;left: 0;opacity: 0;}
.searchbox p input{background: #fff;border: 1px solid #ddd;border-radius: 2px;}
.searchbox span{width: 45px;left: auto;right: 8px;top: 8px;background: #fff;height: 34px;}
.searchbox span svg{line-height: 34px;color: #987135;font-size: 20px;}
.searchbox:hover form{width: 100%;}
.searchbox em:hover ~ form,
.searchbox form:hover{height: 50px;padding: 7px;opacity: 1;}

.navbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#231f20;z-index: 1;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 3%;}
.navbox ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.1);padding: 0 50px 0 0;position: relative;z-index: 5;-webkit-transition: .5s;transition: .5s;}
.navbox ul li a{display: block;width: 100%;color: rgba(255,255,255,.75);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.navbox ul li p a{line-height: 50px;padding: 0 10px;}
.navbox ul li p a span{font-size: 15px;font-weight: 600;}
.navbox ul li p a em{font-style: normal;padding-left: 10px;}
.navbox ul li.active,
.navbox ul li:hover{z-index: 6;}
.navbox ul li.active p a{color: #b1843f;}
.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: rgba(124,91,42,0);z-index: 2;}
.navbox ul li dl .ico{width: 50px;height: 50px;position: absolute;top: -50px;right: 0;text-align: center;line-height: 50px;color: #ccc;font-size: 15px;z-index: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.navbox ul li dl a{line-height: 40px;height: 0;background: #987135;padding: 0 15px;opacity: 0;}
.navbox ul li dl a:hover{background: #c19148;color: #fff;}
.navbox ul li:hover dl.op{background: #7c5b2a;}
.navbox ul li:hover dl.op .ico{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.navbox ul li:hover dl.op a{height: 40px;margin-top: 1px;opacity: 1;}
.navbox ul li:hover dl.op dd:first-child a{margin: 0;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.searchbox em{padding: 7px 65px 0 0;}
.navbox ul{height:calc(100vh - 120px);top:60px;}
}
@media only screen and (max-width:425px){
.headbox .logo{width: 200px;}
.headbox .logo em{font-size: 180px;margin-top: -90px;}
.searchbox em{padding-right: 55px;}
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.bannerpic{height: 0;padding-bottom: 960px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 65%;}
}
@media only screen and (max-width:1024px){
.banner{padding-top: 25px;}
.bannerpic{padding-bottom: 75%;}
}
@media only screen and (max-width:425px){
.banner{padding-top: 35px;}
}

/* foot */
.footnavbox{background: #e6e6e6;text-align: center;}
.footnavbox .w1440{max-width: 1080px;overflow: hidden;}
.footnavbox p{width: 12.5%;float: left;font-size: 15px;font-weight: 600;line-height: 40px;}
.footnavbox a{color: #454545;display: block;padding: 15px 5px;}
.footnavbox a:hover{color: #987135;}

.footbox{background:#f2f2f2;}
.footbox .w1440{overflow: hidden;padding: 25px;}
.footbox .txt{float: left;height: 100px;line-height: 1.2;position: relative;overflow: hidden;}
.footbox .txt1{padding: 20px 5px;}
.footbox .txt1 svg{font-size: 300px;position: relative;top: 50%;margin-top: -150px;color: #987135;}
.footbox .txt2{font-weight: 600;padding: 36px 15px 25px 10px;}
.footbox .txt2 p{font-size: 17px;}
.footbox .txt2 span{font-size: 15px;font-family: Arial;letter-spacing: .4px;padding-top: 2px;}
.footbox .txt2 em{width: 1px;height: 36px;position: absolute;right: 0;top: 35px;display: block;overflow: hidden;background: #666;}
.footbox .txt3{line-height: 16px;padding: 35px 0 25px 15px;max-width: 340px;}
.footbox .txt3 p{position: relative;padding-left: 22px;overflow: hidden;}
.footbox .txt3 p span{display: block;position: absolute;left: 0;top: 0;}
.footbox .txt3 p svg{height: 16px;line-height: 16px;font-size: 16px;}
.footbox .txt3 p a{font-weight: 600;font-size: 16px;}
.footbox .txt3 .p1{float: left;padding-right: 10px;}
.footbox .txt3 .p3{margin-top: 4px;float: left;}

.footbox .ewm{width: 100px;height: 120px;padding: 20px;float: right;position: relative;}
.footbox .ewm p{width: 80px;height: 80px;position: absolute;top: 20px;right: 20px;}
.footbox .ewm p img{width: 100%;height: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.footbox .ewm:hover p img{-webkit-transform: scale(1.5,1.5);-moz-transform: scale(1.5,1.5);transform: scale(1.5,1.5);}

@media only screen and (max-width:1200px){
.footbox .w1440{padding: 10px 5px;}
.footbox .txt2{padding: 36px 10px 25px 5px;}
.footbox .txt3{padding-left: 10px;}
}
@media only screen and (max-width:1024px){
.footnavbox a{padding: 10px 5px;}
.footbox .w1440{padding: 15px 0;text-align: center;}
.footbox .txt1{width: 100%;height: 70px;padding: 15px 0 5px;}
.footbox .txt2,
.footbox .txt3{width: 50%;height: 55px;text-align: left;padding: 10px;max-width: 100%;}
.footbox .txt2{text-align: right;}
.footbox .txt2 em{top: 10px;}
.footbox .ewm{width: 100%;padding: 5px;height: 130px;text-align: center;}
.footbox .ewm p{width: 100%;position: relative;right: 0;top: 0;}
.footbox .ewm p img{width: 120px;height: 120px;}
.footbox .ewm:hover p img{-webkit-transform: none;-moz-transform: none;transform: none;}
}
@media only screen and (max-width:768px){
.footbox .w1440{padding-top: 25px;}
.footbox{background: #987135;}
.footbox .txt{width: 100%;text-align: center;padding: 0;height: auto;}
.footbox .txt1{height: 60px;padding-top: 10px;}
.footbox .txt1 svg{color: #fff;}
.footbox .txt2 p{font-size: 30px;padding: 5px 0;color: #fff;}
.footnavbox,
.footbox .txt2 span,
.footbox .txt2 em,
.footbox .txt3 .p3{display: none;}
.footbox .txt3{height: 30px;}
.footbox .txt3 p{height: auto;line-height: 25px;padding: 0 10px 0 25px;color: #fff;}
.footbox .txt3 p a{color: #fff;}
.footbox .txt3 p span,
.footbox .txt3 p em{text-align: left;display: inline-block;float: none;}
.footbox .txt3 p svg{height: 25px;line-height: 25px;font-size: 18px;}
.footbox .txt3 p.p1,
.footbox .txt3 p.p2{display: inline-block;float: none;}
.footbox .txt3 p.p2{padding-right: 0;}
}
@media only screen and (max-width:480px){
.footbox .txt1{height: 50px;padding: 10px 0 5px;}
.footbox .txt1 svg{font-size: 240px;margin-top: -120px;}
.footbox .txt2 p{font-size: 23px;white-space: nowrap;}
}