/*居中区域*/ .wrap{width:80vw;max-width:100%;margin:0 auto} .w1200{width:1200px;max-width:100%;margin:0 auto} @media (max-width:1620px){ .wrap{width:84vw} } @media (max-width:1440px){ .wrap{width:86vw} } @media (max-width:1280px){ .wrap, .w1200{width:90vw} } @media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 35px} } @media (max-width:768px){ .w1200, .wrap{width:100%;padding:0 15px} } [allbanner] .img img{width:100%} /*公共导航*/ .headbot{width:100%;height:98px;position:absolute;top:0;left:0;z-index:2} .headbot.pagehead{border-bottom:1px solid rgba(255,255,255,0.1)} .headbot .logo, .headbot .logo2{height:98px;line-height:98px} .headbot .waplogo{display:none} .headbot .logo img, .headbot .logo2 img{display:inline-block;vertical-align:middle} .navitem-name{position:relative;padding:0 1.875vw} .navitem-name a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:16px;line-height:98px;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .navitem-name a:after{content:'';width:0;height:3px;background-color:#d6000f;position:absolute;bottom:0;left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .navright .search .icon{width:22px;height:98px;margin-left:2.65vw;cursor:pointer;background-image:url(../img/h-searchbtn.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .navright .search{position:relative;z-index:2} .navright .searchbox{width:180px;height:40px;z-index:-1;opacity:1;border:1px solid #b4ca4c;background-color:#fff;padding:5px 10px 5px 15px;border-radius:40px;position:absolute;top:50%;margin-top:-20px;right:-2px;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .navright .search:hover .searchbox{z-index:19;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1} .navright .searchbox .input{width:calc(100% - 30px);margin-right:10px;} .navright .searchbox .input input{width:100%;height:28px;font-size:14px;z-index:8;background-color:transparent} .navright .searchbox .input input::-webkit-input-placeholder{color:#999} .navright .searchbox .searbtn{line-height:28px;cursor:pointer} .navright .searchbox .searbtn img, .navright .searchbox .close img{display:initial;vertical-align:middle} .navright .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)} .pcbtnbox{margin-left:2.65vw;position:relative;width:18px;height:100px;cursor:pointer} .pcbtnbox div{width:18px;height:2px;border-radius:2px;background-color:#fff;position:absolute;left:0} .pcbtnbox div:nth-of-type(1){top:41px} .pcbtnbox div:nth-of-type(2){width:14px;top:47px} .pcbtnbox div:nth-of-type(3){top:53px} .pcbtnbox:hover div:nth-of-type(1){top:47px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .pcbtnbox:hover div:nth-of-type(2){opacity:0} .pcbtnbox:hover div:nth-of-type(3){top:47px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} .headmap{width:100%;position:fixed;z-index:9;display:none} .headmap .headmapbox{width:480px;height:100%;position:absolute;top:0;right:-100%;z-index:11;background-color:#fff;transition:0.5s ease 0.1s;-webkit-transition:0.5s ease 0.1s;-moz-transition:0.5s ease 0.1s} .headmap.cur{display:block} .headmap.cur2 .headmapbox{right:0} .headmap .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background-color:rgba(0,0,0,0.2);display:none} .headmapbox .top .title{color:#b4ca4c;font-size:34px;font-family:'dinconbold';padding-left:5vw;line-height:96px} .headmapbox .top .close{cursor:pointer} .headmapbox .bot{height:calc(100% - 96px - 4.86vw);padding-left:5vw} .headmapbox .bot .nbox{height:440px;margin:4.68vw 0 3.42vw;overflow:auto} .headmapbox .bot .nbox::-webkit-scrollbar{width:3px} .headmapbox .bot .nbox::-webkit-scrollbar-track{background-color: #f6f6f6;} .headmapbox .bot .nbox::-webkit-scrollbar-thumb{background-color:#b4ca4c} .headmapbox .bot .nbox .nlist{margin-bottom:3vw} .headmapbox .bot .nbox .nlist .name{cursor:pointer} .headmapbox .bot .nbox .nlist .name a{color:#666;font-size:16px;font-weight:bold;height:28px;line-height:28px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .headmapbox .bot .nbox .nlist.cur .name a{color:#332c2b;font-size:20px} .headmapbox .bot .nbox .nlist .cbox{margin-top:16px;display:none} .headmapbox .bot .nbox .nlist .clist{color:#999;display:block;margin-bottom:8px;height:22px;line-height:22px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .headmapbox .bot .nbox .nlist .clist:hover{color:#b4ca4c} .headmapbox .bot .bottel .name{color:#595656;font-weight:bold;line-height:20px;padding-left:30px;background-image:url(../img/headtel.png);background-repeat:no-repeat;background-position:left center} .headmapbox .bot .bottel .tel{margin-top:15px;font-size:28px;font-family:'monbold';color:#332c2b} .warpchildbox{display:none;padding:0 15px;background-color:#f0f0f0} .warpchildbox .wrapchilidlist{width:100%;display:block;height:38px;line-height:38px} .headlan{margin-left:4.6875vw;position:relative} .headlanbtop{cursor:pointer} .headlanbtop .icon{width:32px;height:100px;line-height:100px;background-image:url(../img/enicon.png);background-repeat:no-repeat;background-position:center center} .headlanbtop .icon img{display:inline-block;vertical-align:middle} .headlanbtop .name{height:100px;line-height:100px;color:#fff;font-size:16px;margin-left:15px;padding-right:20px;background-image:url(../img/endown.png);background-repeat:no-repeat;background-position:right center;} .headlanitems{width:100%;background-color:rgba(255,255,255,0.8);position:absolute;top:120px;left:0;visibility:hidden;z-index:-1;opacity:0} .headlanitem{width:100%;display:block;line-height:42px;color:#b4ca4c;text-align:center} .headlan.cur .headlanitems{visibility:visible;z-index:10;top:68px;opacity:1} .foot{position:relative} .foot .scrolltop{width:74px;height:74px;cursor:pointer;background-color:rgba(0,0,0,0.2);text-align:center;line-height:74px;position:absolute;right:2.6vw;top:8px} .foot .scrolltop img{display:inline-block;vertical-align:middle} .foot .scrolltop:hover{background-color:#b4ca4c} .foottop{background-color:#2d3238;padding:85px 0 50px} .foottopl .list{margin-right:10.2vw} .foottopl .list:nth-last-of-type(1), .foottopl .list .childlist:nth-last-of-type(1){margin-right:0} .foottopl .list .name{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px} .foottopl .list .childlist{color:#65696d;display:block;margin-bottom:8px} .foottopr .ewmabox .name{color:#65696d;font-size:12px;font-weight:bold;margin-top:16px;text-align:right} .foottopr .footsharebox{width:100%;margin-top:30px} .foottopr .sharelist{width:22px;height:22px;cursor:pointer;margin-right:32px;background-repeat:no-repeat;background-position:center center} .foottopr .sharelist:nth-of-type(1){margin-right:0} .foottopr .footfriend{width:246px;position:relative;margin-top:50px} .foottopr .footfriendname{width:246px;height:42px;cursor:pointer;border:1px solid #fff;padding:0 28px 0 16px;color:#fefefe;font-size:12px;line-height:42px;background-image:url(../img/footdown.png);background-repeat:no-repeat;background-position:right 15px center} .foottopr .footfribox{width:100%;border:1px solid #fff;border-bottom:none;position:absolute;bottom:0;left:0;background-color:#fff;visibility:hidden;opacity:0;z-index:-1} .foottopr .footfribox .footfrilist{display:block;line-height:34px;color:#666;text-align:center;border-bottom:1px solid #fff;padding:0 15px} .foottopr .footfribox .footfrilist:nth-last-of-type(1){border-bottom:none} .footbot{height:130px;border-top:1px solid #3d3d3d;background-color:#2d3238} .footbot .copyr p, .footbot .copyr a{display:inline-block;color:#999;margin-right:12px;line-height:130px} .footbot .footmaplist{padding:55.5px 0} .footbot .footmaplist .name{padding:0 12px;border-right:1px solid #4f4f4f;color:#999} .footbot .footmaplist:nth-last-of-type(1) .name{border-right:0} .foottopr .footfriend .footfribox.cur{z-index:9;visibility:visible;bottom:42px;opacity:1} .wapformbox{width:calc(100% - 30px);margin:25px auto 0;padding:0 0 0 15px;display:none;height:40px;border-radius:40px;background-color:#f5f5f5;border:1px solid #d6d6d6} .wapformbox .input{width:calc(100% - 40px);height:38px} .wapformbox .input input{width:100%;height:38px;background-color:transparent;font-size:14px} .wapformbox .btn{line-height:38px} .wapformbox .btn img{display:inline-block;vertical-align:middle} .waptop{padding:15px 0;border-bottom:1px solid #e8e8e8;text-align:center;display:none} .waptop .text{display:inline-block;font-size:22px;vertical-align:middle;} .waptop .icon{display:inline-block;vertical-align:middle;margin-left:10px} .waptop .icon img{width:30px} .wapbtnbox{width:26px;height:68px;position:relative;display:none;margin-left:15px} .wapbtnbox span{width:26px;height:3px;display:block;background-color:#b4ca4c;position:absolute;left:0} .wapbtnbox span:nth-of-type(1){top:24px} .wapbtnbox span:nth-of-type(2){top:32px} .wapbtnbox span:nth-of-type(3){top:40px} .wapbtnbox.cur span:nth-of-type(2){opacity:0} .wapbtnbox.cur span:nth-of-type(1){top:32px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .wapbtnbox.cur span:nth-of-type(3){top:32px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} /* 其它公共 */ .pageban{position:relative} .pageban .textbox{position:absolute;top:15%;left:50%;opacity:0;margin-left:-40vw;z-index:1;transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)} .pageban .textbox.cur{top:50%;opacity:1} .pageban .textbox .cntitle{color:#fff;font-size:28px;text-align:center} .pageban .textbox .entitle{font-size:24px;color:#fff;text-align:center;margin-top:11px;font-family:'idcnmei';opacity:0.6} .m-bann, .wapother{display:none} .m-bann img{width:100%} .pager{text-align:center} .pager .pagerlist{display:inline-block;width:36px;height:36px;background-color:#fff;border-radius:5px;margin:0 6px;font-size:16px;font-family:Arial;text-align:center;line-height:36px;vertical-align:middle} .pager .pagerlist.cur, .pager .pagerlist:hover{color:#fff;background-color:#b4ca4c} .pager .pagerlist.pagers{font-family:宋体, 'SimSun';font-size:22px;font-weight:bold;} .wappager{width:100%;height:42px;background-color:#b4ca4c;line-height:42px;color:#fff;text-align:center;margin-top:25px;display:none} .pagenav{display:none;position:relative} .pagenav .cur{display:block;height:48px} .pagenav .pagenavname{display:block;color:#fff;background-color:#b4ca4c;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%;max-height:200px;overflow-y:auto;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} .pagenavpc{height:110px;background-color:#f7f7f7} .pagenavpc .box{text-align:center} .pagenavpc .pagenavpclist{display:inline-block;font-size:16px;color:#666;line-height:110px;padding:0 2vw;margin-right:-4px;position:relative} .pagenavpc .pagenavpclist:after{content:"";width:12px;height:12px;border:3px solid #b4ca4c;box-sizing:border-box;opacity:0;border-radius:12px;position:absolute;bottom:2px;left:50%;margin-left:-6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .pagenavpc .pagenavpclist.cur, .pagenavpc .pagenavpclist:hover{background-color:#fff;color:#b4ca4c} .pagenavpc .pagenavpclist.cur:after, .pagenavpc .pagenavpclist:hover:after{bottom:22px;opacity:1} .pagenavpc .box{margin-left:1.1vw} /* body{overflow-x:hidden} */ .headbot .logo2{display:none} .headbot.cur{background-color:#fff} .headbot.cur .logo{display:none} .headbot.cur .logo2{display:block} .headbot.cur .navitem-name a{color:#666;font-weight:bold} .headbot.cur .navitem.cur .navitem-name a{color:#b4ca4c} .headbot.cur .navitem .navitem-name a{color:#666} .headbot.cur .headlanbtop .icon{background-image:url(../img/enicon_cur.png)} .headbot.cur .headlanbtop .name{background-image: url(../img/endown_cur.png);color:#666} .headbot.cur .navright .search .icon{background-image: url(../img/h-searchbtn_cur.png)} .headbot.cur .pcbtnbox div{background-color:#ccc} @media (max-width:1620px){ .navitem-name{padding:0 1.6vw} .pageban .textbox{margin-left:-41vw} .headmapbox .bot .nbox{height:400px;margin:3.6vw 0 2.4vw} } @media (max-width:1440px){ .navitem-name{padding:0 1.4vw} .pageban .textbox{margin-left:-42.5vw} .navitem .childbox .childlist{padding:0 1.2vw} .headmapbox .bot .nbox{height:320px;margin:3vw 0 2vw} .headmapbox .bot .nbox .nlist{margin-bottom:2vw} } @media (max-width:1280px){ .foottopr .foottellist{width:100%;margin-bottom:14px} .headmapbox .bot .nbox{height:280px;margin:2.5vw 0 1.5vw} .headmapbox .bot .nbox .nlist{margin-bottom:1.5vw} .pageban .textbox{margin-left:-44vw} } @media (min-width:1024px){ .headbot.cur .navitem:hover .navitem-name a, .warpchildbox .wrapchilidlist:hover{font-weight:bold;color:#b4ca4c} /*.navitem:hover .navitem-name a{font-weight:bold}*/ .foottopl .list .childlist:hover{color:#fff;text-decoration:underline} .footbot .footmaplist.friend:hover .box{z-index:8;bottom:100%;visibility:visible;opacity:1} .footbot .footmaplist .name:hover{color:#fff} .foottopr .footfriend:hover .footfribox{z-index:9;visibility:visible;bottom:42px;opacity:1} .foottopr .footfribox .footfrilist:hover{background-color:#b4ca4c;color:#fff} .headlan:hover .headlanitems{visibility:visible;z-index:10;top:80px;opacity:1} } @media (max-width:1024px){ .footline{border-top:none} header{height:68px;z-index:3;overflow:hidden;background-color:#fff;position:relative;transition:0s ease 0.5s;-webkit-transition:0s ease 0.5s;-moz-transition:0s ease 0.5s} header.cur{overflow:initial} .wapformbox{display:block} .headrightbox{min-width:initial} .headbot{height:68px;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);} .pageright, .hsignupbtn, .navchildbox .img, .navchildbox .textbox, .navrightbox, .navitem-name a:after, .scrolltop, .headbot:after, .foot .scrolltop{display:none} .loginbox .waptext, .wapbtnbox, .headbot .waplogo{display:block} .headbot .logo, .pcbtnbox{display:none} .headbot .waplogo{height:68px;line-height:68px;padding:0px 0} .headbot .waplogo img{width:140px;display:inline-block;vertical-align:middle} .loginbox{margin-right:15px} .loginbox .text{line-height:68px} .headbtnbox .icon, .navbox .top .name{line-height:68px} .headbtnbox .list{margin-right:10px} .headlan{margin-left:0} .headlanbtop .icon{height:68px;line-height:68px;background-image:url(../img/wapenicon.png)} .headlanitems{top:88px} .headlanbtop .name{color:#333;height:68px;line-height:68px;background-image:url(../img/wapendown.png)} .navitems .navitem{width:100%} .navitems .navitem:nth-of-type(1) .navitem-name a{display:block} .navitems .navitem:nth-of-type(1) .navitem-name:before{display:none} .navitems .navitem .navitem-name{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px} .navitems .navitem .navitem-name:before{content:">";color:#a5a5a5;font-size:20px;font-family:宋体, 'SimSun';font-weight:bold;line-height:52px;position:absolute;top:0;right:15px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .navitems .navitem .navitem-name.cur:before{right:22px;color:#fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .navitems .navitem .navitem-name a{text-align:left;line-height:52px;font-size:16px;color:#333;display:inline} .navitems .navitem .navitem-name.cur a{color:#fff;font-weight:bold} .navitems .navitem .navitem-name.cur{background-color:#b4ca4c} .childnavitems .childnavitem:after{width:6px;height:6px;border-radius:6px;margin-top:-3px} .navchildbox{position:static;visibility:visible;opacity:1;display:none;background-image:none;background-color:#f6f6f6;box-shadow:none;z-index:8;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0s ease 0s;-webkit-transition:0s ease 0s;-moz-transition:0 ease 0s} .navchildbox .w1200{padding:0} .childnavitems{width:100%;margin-left:0;margin-top:0;float:none} .navitems .navitem .childnavitems .childnavitem{width:100%;height:38px;line-height:38px;display:block;margin-right:0;margin-bottom:0;float:none} .pagenav, .m-bann, .wapfootbox, .wapfoot{display:block} .pagernav, .indexbanner, .foottop .mapbox, .footother, .footcopybox{display:none} .wapother .footother, .wapother .footcopybox{display:block} .headbot .navleft{width:100%;height:calc(100vh - 66px);overflow-y:auto;background-color:#fff;position:fixed;top:68px;left:0;left:100%;z-index:19;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .headbot .navleft.cur{left:0} .navright, .navitems, .navitems .navitem{z-index:19} .navright .search, .pagenavpc, .foottopr .ewmabox{display:none} .navitem .childbox{position:static;background-color:#f9f9f9;display:none;visibility:visible;z-index:10;opacity:1;padding:0px 0;top:0;transition:none;-webkit-transition:none;-moz-transition:none} .navitem .childbox .items{margin-top:0} .navitem .childbox .item{width:100%;margin-bottom:0;line-height:38px} .navitem .childbox .imgitem{width:49%;margin-right:2%;margin-bottom:10px} .navitem .childbox .imgitem:nth-of-type(2n){margin-right:0} .navitem .childbox .imgitem .textbox{font-size:16px;bottom:15px} .navitem .childbox{background-color:#f6f6f6} .navitem .childbox .childlist{width:100%;display:block;height:44px;line-height:44px;border-bottom:1px solid #d6d6d6;color:#666} .navitem .childbox .childlist:nth-last-of-type(1){border-bottom:none} .navitem .childbox .childlist .icon{display:none} .navitem .childbox .childlist .name{margin-top:0;text-align:left;padding:0 15px} .foottop{padding:35px 0 20px} .foottopl{width:100%} .foottopl .list{width:100%;margin-right:0;border-bottom:1px solid rgba(255,255,255,0.1)} .foottopl .list:nth-last-of-type(1){border-bottom:none} .foottopl .list .name{font-size:18px;height:54px;line-height:54px;color:#c5c7cd;position:relative;margin-bottom:0} .foottopl .list .name:after{content:"";width:2px;height:14px;background-color:#c5c7cd;position:absolute;right:6px;top:50%;margin-top:-7px;border-radius:3px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .foottopl .list.cur .name:after{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)} .foottopl .list .name:before{content:"";width:14px;height:2px;background-color:#c5c7cd;position:absolute;right:0px;top:50%;margin-top:-1px;border-radius:2px} .foottopl .list .childbox{padding:5px 30px;display:none} .foottopl .list .childbox .childlist{color:#8d9098;line-height:30px} .foottopr, .foottopr .rbox{width:100%} .foottopr .sharelist, .foottopr .sharelist:nth-of-type(1){float:left;margin-right:15px} .foottopr .footfriend{width:100%;float:left;margin-top:30px} .foottopr .footfriendname{width:100%;height:38px;line-height:36px} .foottopr{margin-top:25px} .foottopr .footsharebox{margin-top:0} .foottopr .footfriend .footfribox.cur{bottom:38px} .footbot .copyr p, .footbot .copyr a{line-height:26px} .footbot{height:auto;padding:10px 0 35px;border-top:none;} .wappager, .waptop, .wappager{display:block} .pager, .footmap, .pager{display:none} .pageban .textbox{width:100%;top:15%;margin-left:-50%;left:0;padding: 0 15px;left:50%} .pageban .textbox .type .line{width:24px;margin-top:10px;margin-right:6px} .pageban .textbox .type .text{font-size:14px} .pageban .textbox .title{font-size:20px;margin-top:4px} .pageban .textbox .more{width:32px;height:32px;line-height:32px;margin-top:15px;font-size:16px} .pageban .textbox .cntitle{font-size:20px} .pageban .textbox .entitle{font-size:16px;margin-top:5px} } @media (max-width:400px){ .foottopr .foottellist:nth-of-type(1){margin-bottom:15px} }