/*灞呬腑鍖哄煙*/ .wrap{width:80vw;max-width:100%;margin:0 auto} .w1200{width:1200px;max-width:100%;margin:0 auto} @media (max-width:1580px){ .wrap{width:85vw} } @media (max-width:1366px){ .wrap, .w1200{width:89vw} } @media (max-width:1280px){ .wrap, .w1200{width:92vw} } @media (max-width:993px){ .wrap, .w1200{width:100%;padding:0 35px} } @media (max-width:768px){ .wrap, .w1200{width:100%;padding:0 15px} } /*鍏叡瀵艰埅*/ header{height:92px} .headtop{width:100%;height:92px;background-color:#fff;position:fixed;top:-92px;left:0;;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s;z-index:19} .headtop.cur{top:0} .headtop .logo{padding:21px 0} .headtop .logo a{color:transparent} .navitem{position:relative} .navitem-name{position:relative;overflow:hidden} /* .navitem-name:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#bfa55d;z-index:-1;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} */ .navitem-name a{position:relative;z-index:2;text-align:center;display:block;padding:0 2.2135vw;line-height:92px;color:#666;font-size:16px;;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s} .headbtnbox{margin-left:3.4895vw} .headbtnbox .list{margin-right:1vw;position:relative} .headbtnbox .list:nth-last-of-type(1){margin-right:0} .headbtnbox .icon{line-height:92px;cursor:pointer} .headbtnbox .icon img{display:inline-block;vertical-align:middle} .headbtnbox .hsearchform{width:220px;height:40px;padding:5px 15px;background-color:#fff;z-index:-1;visibility:hidden;opacity:0;border:1px solid #bfa55d;border-radius:40px;position:absolute;right:-20px;top:50%;margin-top:-20px} .headbtnbox .hsearchform .input{width:calc(100% - 24px);height:28px} .headbtnbox .hsearchform .input input{width:100%;height:28px} .headbtnbox .hsearchform .btn{padding:7px 0 0 10px;cursor:pointer} .hlanitems{width:116px;background-color:#fff;position:absolute;left:50%;margin-left:-58px;top:62px;z-index:-1;visibility:hidden;opacity:0} .hlanitem{display:block;color:#666;line-height:42px;border-bottom:1px solid #ddd;text-align:center} .hlanitem:nth-last-of-type(1){border-bottom:none} .navbox{width:384px;background-color:#fff;position:fixed;right:-100%;top:0;z-index:19} .navbox.cur{right:0} .navbox .top{height:92px} .navbox .top .name{line-height:92px;padding-left:2.604vw;color:rgba(192,165,94,1);font-size:28px;font-family:'dinconbold'} .navbox .top .navclose{cursor:pointer} .navbox .navboxcon{padding:3.75vw 2.604vw;overflow-y:auto} .navbox .cen{padding-bottom:2.6vw} .navbox .cen .navone{padding:1.1458vw 0;color:#666;font-size:16px;cursor:pointer} .navbox .cen .navone a{transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s} .navbox .cen .navchildbox{padding:1vw 0 0.1vw;display:none} .navbox .cen .navcdlist{margin-bottom:0.833vw} .navbox .cen .navcdlist:nth-last-of-type(1){margin-bottom:0} .navbox .cen .navcdlist a{color:#999;position:relative;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s} .navbox .cen .navcdlist a:after{content:"";width:9px;height:14px;position:absolute;top:2px;right:0;opacity:0;background-image:url(../img/navr.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s} .navbox .teliconbox .text{color:#595656;font-weight:bold;margin-left:10px} .navbox .bot .tel{margin-top:0.85vw;color:#595656;font-family:'monbold';font-size:28px} .headsearch.cur .hsearchform{z-index:9;visibility:visible;opacity:1;right:0;top:68px;margin-top:0} .headlan.cur .hlanitems{top:68px;z-index:9;visibility:visible;opacity:1} .foot{background-color:#f7f7f7} .foottop{padding:46px 0 68px} .foottop .maplist{margin-right:7.552vw} .foottop .maplist:nth-last-of-type(1){margin-right:0} .foottop .maplist .name{color:#595656;font-size:16px;font-weight:bold;margin-bottom:30px} .foottop .maplist .mapchildlist{display:block;color:#999;margin-bottom:12px} .foottop .maplist .mapchildlist:nth-last-of-type(1){margin-bottom:0} .footewm .img{border:1px solid #eaeaea;border-radius:5px} .footewm .img img{border-radius:5px} .footewm .text{color:#999;text-align:center;margin-top:16px} .footbot{border-top:1px solid #ededed;padding:15px 0} .footbot .list{line-height:40px;color:#999;font-size:12px;padding:0 1.51vw;position:relative} .footbot .list:after{content:"";width:1px;height:13px;background-color:#e4e4e4;position:absolute;top:50%;right:0;margin-top:-6px} .footbot .list:nth-of-type(1){padding:0 1.51vw 0 0} .footbot .list:nth-last-of-type(1):after{display:none} .footbot .footbotlr{font-family:"Microsoft JhengHei";line-height:40px;color:#999} /* 鍏跺畠鍏叡 */ .pagenav{display:none;position:relative} .pagenav .cur{display:block;height:48px} .pagenav .pagenavname{display:block;color:#fff;background-color:#bfa55d;font-size:16px;line-height:48px;position:relative} .pagenav .pagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:.4s;-webkit-transition:.4s} .pagenav .pagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px} .pagenav .pagenavname.cur:after{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)} .pagenav .pagenavitems{width:100%;padding:0;display:none;background-color:#fff;z-index:18;position:absolute;top:48px;left:0;box-shadow:0px 4px 20px rgba(0,0,0,0.06)} .pagenav .paganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff} .pagenav .paganavlist:nth-last-of-type(1){border-bottom:none} .pagenav .paganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none} .pagebanbox{position:relative} .pagernav{background-color:#fff;position:absolute;bottom:0;left:9.6vw} .pagernav .icon{width:30px;height:30px;margin:0 auto;background-repeat:no-repeat;background-position:center center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .pagernav .name{color:#999;text-align:center;margin-top:0.9375vw} .pagernav .pagerNlist{position:relative;padding:1.6666vw 0} .pagernav .pagerNlist:after{content:"";width:0;height:2px;background-color:#bfa55d;position:absolute;bottom:0;left:50%;margin-left:-10px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .pagernav .pagerNlist.cur:after, .pagernav .pagerNlist:hover:after{width:20px} .pagernav .pagerNlist.cur .name, .pagernav .pagerNlist:hover .name{color:#bfa55d} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav1.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav1.png)"]{background-image:url(../img/pnav1_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav2.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav2.png)"]{background-image:url(../img/pnav2_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav3.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav3.png)"]{background-image:url(../img/pnav3_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav4.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav4.png)"]{background-image:url(../img/pnav4_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav5.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav5.png)"]{background-image:url(../img/pnav5_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav6.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav6.png)"]{background-image:url(../img/pnav6_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav7.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav7.png)"]{background-image:url(../img/pnav7_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav8.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav8.png)"]{background-image:url(../img/pnav8_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav9.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav9.png)"]{background-image:url(../img/pnav9_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav10.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav10.png)"]{background-image:url(../img/pnav10_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav11.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav11.png)"]{background-image:url(../img/pnav11_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav12.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav12.png)"]{background-image:url(../img/pnav12_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav13.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav13.png)"]{background-image:url(../img/pnav13_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav14.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav14.png)"]{background-image:url(../img/pnav14_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav15.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav15.png)"]{background-image:url(../img/pnav15_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav16.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav16.png)"]{background-image:url(../img/pnav16_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav17.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav17.png)"]{background-image:url(../img/pnav17_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav18.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav18.png)"]{background-image:url(../img/pnav18_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav19.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav19.png)"]{background-image:url(../img/pnav19_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav20.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav20.png)"]{background-image:url(../img/pnav20_cur.png) !important} .pagernav .pagerNlist.cur .icon[style="background-image:url(img/pnav21.png)"], .pagernav .pagerNlist:hover .icon[style="background-image:url(img/pnav21.png)"]{background-image:url(../img/pnav21_cur.png) !important} .boxflex{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap} .flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1} .alert{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:19;display:none} .alert .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;display:none} .alert.cur{display:block} .navbox .list .navone.cur a{font-size:20px;font-weight:bold} @media (max-width:1680px){ .navitem-name a{padding:0 1.8vw} } @media (max-width: 1580px){ .pagernav{left:7.5vw} } @media (max-width:1440px){ .navitem-name a{padding:0 1.2vw} .foottop .maplist{margin-right:5.5vw} } @media (max-width:1366px){ .pagernav{left:4.92vw} } @media (max-width:1280px){ .pagernav{left:4vw} } @media (min-width:993px){ .headbtnbox .headsearch:hover .hsearchform{z-index:9;visibility:visible;opacity:1;right:0} .navitem-name:hover a{background-color:#bfa55d;color:#fff;font-weight:bold} .hlanitem:hover{background-color:#bfa55d;color:#fff} .headlan:hover .hlanitems{top:92px;z-index:9;visibility:visible;opacity:1} .navbox .cen .navcdlist:hover a, .foottop .maplist .mapchildlist:hover{color:#bfa55d} .navbox .cen .navcdlist:hover a:after{right:-2.645vw;opacity:1} .navbox .cen .navone:hover a{font-size:20px;font-weight:bold} } @media (max-width:993px){ header{height:68px} .headtop{height:68px;top:0;opacity:1} .navitems{display:none} .headtop .logo{padding:16px 0} .headtop .logo img{width:98px} .headbtnbox .icon, .navbox .top .name{line-height:68px} .headbtnbox .list{margin-right:10px} .navbox .top{height:68px} .navbox .top .name{font-size:24px} .navbox{width:100%;height:100%} .navbox .top .navclose img{height:68px} .navbox .cen .navone a{font-size:18px} .navbox .cen .list{margin-bottom:0} .navbox .navboxcon{padding:3vh 15px;height:calc(100% - 68px);overflow-y:auto} .navbox .cen .navone{padding:10px 0} .navbox .cen{padding-bottom:3vh} .hlanitems{top:32px} .foottop{padding:40px 0} .foottop .mapbox, .foottop .maplist{width:100%} .foottop .footewm{float:left;margin-top:20px} .foottop .maplist .name{padding:10px 0;margin-bottom:0;position:relative} .foottop .maplist .name:after{content:"";width:2px;height:14px;background-color:#49390d;position:absolute;right:6px;top:50%;margin-top:-7px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .foottop .maplist .name:before{content:"";width:14px;height:2px;background-color:#49390d;position:absolute;right:0;top:50%;margin-top:-1px} .foottop .maplist.cur .name:after{opacity:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)} .foottop .maplist .mapchild{padding:8px 0;display:none} .foottop .maplist .mapchildlist{margin-bottom:8px} .footbot .footbotlr{float:left;line-height:32px} .footbot .list{line-height:32px} .pagenav{display:block} .pagernav{display:none} }