锘?*鍏叡閮ㄥ垎*/ .wrap{width:79.94vw;max-width:100%;margin:0 auto} .w1200{width:1200px;max-width:100%;margin:0 auto} @media (max-width:1620px){ .wrap{width:84.94vw} } @media (max-width:1440px){ .wrap{width:88.94vw} } @media (max-width:1280px){ .wrap, .w1200{width:90.94vw} } @media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} } /* 婊氬姩鏉 */ body::-webkit-scrollbar{width:8px} /* 婊氬姩鏉℃粦鍧 */ body::-webkit-scrollbar-thumb{background-color:#90b843;border-radius:8px} /* 婊氬姩鏉″灞傝建閬 */ body::-webkit-scrollbar-track{background-color:#f9ffee} /* 鍏ㄩ儴鍏叡 */ .head{width:100%;height:96px;padding:0 0 0 9.83vw;z-index:20} .head.cur{background-color:#fff;box-shadow:0px 5px 26px 0px rgba(0,0,0,0.08);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .head .logo{height:96px;line-height:96px} .navleft{margin-left:16.5625vw} .navitemname{padding:0 1.5625vw;height:96px;position:relative;overflow:hidden} .navitemname .showname{height:96px;display:block;line-height:96px;color:#353432;font-weight:bold;font-size:16px} .navitemname .hidename{height:96px;display:block;line-height:100px;color:#a3c85d;font-size:15px;position:relative} .navitemname .hidename:after{content:"";width:100%;height:2px;background-color:#a3c85d;position:absolute;bottom:0;left:0} .navchildbox{width:100%;height:66px;position:absolute;top:130px;left:0;z-index:-1;opacity:0;visibility:hidden;background-color:rgba(0,0,0,0.6)} .navchildbox .box{text-align:center} .navchilditem{display:inline-block;color:#ccc;margin:0 1.5625vw;line-height:66px} .search{position:relative;margin-right:4.583vw} .searchbtn{width:18px;line-height:96px;height:96px;cursor:pointer;background-image:url(../img/searchbtn.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .searchbtn img{display:none} .searchbox{width:180px;height:36px;border-radius:36px;padding:0 10px;box-shadow: 0px 0px 14px #ddd;border-top:1px solid #f5f5f5;background-color:#f8f8f8;position:absolute;top:50%;margin-top:-18px;right:0;z-index:-1;opacity:0;visibility:hidden} .searchform .input{width:calc(100% - 38px);margin:0 20px 0 0;height:36px} .searchform .input input{width:100%;height:36px;font-size:14px;background-color:transparent} .searchform .close{display:none} .searchform .btn{height:36px;line-height:36px;cursor:pointer} .searchbox.cur{top:100px;z-index:10;opacity:1;visibility:visible} .headtelbox .name{height:60px;line-height:60px;color:#fff;margin-right:0;display:none} .headtel{display:block;height:96px;background-color:#f5f5f5;padding:25px 2.1875vw 0;position:relative} .headtel:nth-of-type(1):after{content:"";width:1px;height:20px;background-color:#ddd;position:absolute;top:50%;margin-top:-10px;right:0} .headtel .headtext{font-weight:bold} .headtel .tel{color:#a3c85d;font-size:22px;margin-top:4px} .headtelicon{width:96px;height:96px;line-height:96px;background-color:#7eaa2a;text-align:center;display:none} .headlan{width:96px;height:96px;line-height:96px;background-color:#7eaa2a;text-align:center;color:#fff} .l7{ position:relative; width:96px; height:96px; background:#7eaa2a;} .l7 img{ position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-15px;} .wapbtnbox{width:24px;height:60px;margin-left:15px;position:relative;display:none} .wapbtnbox div{width:24px;height:2px;background-color:#7eaa2a;position:absolute;left:0} .wapbtnbox div:nth-of-type(1){top:20px} .wapbtnbox div:nth-of-type(2){top:29px} .wapbtnbox div:nth-of-type(3){top:38px} .wapbtnbox.cur div:nth-of-type(2){opacity:0} .wapbtnbox.cur div:nth-of-type(1){top:30px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .wapbtnbox.cur div:nth-of-type(3){top:30px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} .navtitlebox a{ position: relative; display: block; width:162px;margin-top:10px; height:44px; background-color: #d6000f; color: #fff; line-height: 44px; text-indent: 2em; font-weight: bold; font-size: 12px;} .navtitlebox a:after{ content: ''; width: 40px; height: 9px; background: url(../img/nimg40_1.png) center no-repeat;background-size:40px auto;right:15px;top: 15px;position: absolute;} .foot{background-color:#2d3238;padding:82px 0 0} .footmaplist{margin-right:7.291vw} .footmaplist:nth-last-of-type(1){margin-right:0} .footmaplist .name a{font-size:16px;font-weight:bold;color:#fff} .footmaplist .childbox{margin-top:22px} .footmaplist .childbox .childlist{color:rgba(255,255,255,0.3);display:block;margin-bottom:16px} .footmaplist .childbox .childlist:nth-last-of-type(1){margin-bottom:0} .foottopright{width:246px} .foottopright .ewmbox{width:100%;text-align:right} .foottopright .ewmbox .img{display:inline-block} .foottopright .ewmbox .title{color:#65696d;text-align:right;margin-top:24px;font-size:12px;font-weight:bold} .footshare{width:130px;margin:26px 0 60px} .footsharelist{width:35px;height:35px;margin-right:12px;background-repeat:no-repeat;background-position:center center;cursor:pointer} .footsharelist:nth-last-of-type(1){margin-right:0} .footsharelist[data-qq]{background-image:url(../img/footqq.png)} .footsharelist[data-qq]:hover{background-image:url(../img/footqq_cur.png)} .footsharelist[data-wx]{background-image:url(../img/footwx.png)} .footsharelist[data-wx]:hover{background-image:url(../img/footwx_cur.png)} .footsharelist[data-wb]{background-image:url(../img/footwb.png)} .footsharelist[data-wb]:hover{background-image:url(../img/footwb_cur.png)} .footfriend{width:246px;position:relative} .footfriendtop{width:100%;height:42px;border:1px solid #fff;padding:0 16px;cursor:pointer} .footfriendtop .name{width:calc(100% - 30px);margin-right:20px;height:40px;line-height:40px;color:#fefefe;font-size:12px} .footfriendtop .icon{height:40px;line-height:40px} .footfrienditems{width:100%;max-height:130px;position:absolute;top:62px;left:0;background-color:#a3c85d;border:1px solid #a3c85d;border-top:none;z-index:-1;opacity:0;visibility:hidden} .footfrienditem{display:block;color:#fff;padding:0 18px;height:38px;line-height:38px;border-bottom:1px solid rgba(255,255,255,0.2)} .footfrienditem:nth-last-of-type(1){border-bottom:none} .footbot{margin-top:50px;border-top:1px solid #3d3d3d;padding:54px 0} .footbotleft .list{margin-right:20px;color:#65696d;font-size:12px;display:block} .footbotright, .footbotright a{color:#65696d;font-size:12px} .footfriend.cur .footfrienditems{top:auto;bottom:41px;z-index:10;opacity:1;visibility:visible} .wapscrolltop{border-bottom:1px solid rgba(255,255,255,0.2);height:61px;line-height:60px;display:none;text-align:center} .wapscrolltop .text{font-size:18px;color:#fff;display:inline-block;vertical-align:middle} .wapscrolltop img{width:26px;display:inline-block;vertical-align:middle;margin-left:10px} .scrolltop{width:74px;height:74px;position:fixed;right:-74px;opacity:0;bottom:15%;z-index:39;cursor:pointer;background-color:rgba(0,0,0,0.2);background-image:url(../img/scrolltop.png);background-repeat:no-repeat;background-position:center center} .scrolltop:hover{background-color:#a3c85d} .scrolltop.cur{right:35px;opacity:1} .head .logo img, .loginseltop .icon img, .headtelicon img, .searchform .close img, .searchform .btn img, .footfriendtop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} @media (min-width:1024px){ .navitem:hover .showname, .navitem:hover .hidename{transform:translateY(-96px);-webkit-transform:translateY(-96px);-moz-transform:translateY(-96px)} .navitem:hover .navchildbox{top:96px;z-index:10;opacity:1;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navchilditem:hover{color:#fff;font-weight:bold} .searchform .close:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)} .lanbox:hover .title{color:#a3c85d} .lanbox:hover .icon{background-image:url(../img/headlanicon_cur.png)} .footmaplist .childbox .childlist:hover{color:#a3c85d} .footbotleft .list:hover{color:#fff} .footfrienditem:hover{background-color:#a3c85d;color:#fff} .footfriend:hover .footfrienditems{top:41px;z-index:10;opacity:1;visibility:visible} .search:hover .searchbox{z-index:9;opacity:1;visibility:visible} .lanitems .lanitem:hover{background-color:#a3c85d;color:#fff} .lan:hover .lanitems{z-index:10;opacity:1;visibility:visible} .navitem.cur .navitemname .showname{color:#a3c85d;font-weight:bold} } @media (max-width:1800px){ .navleft{margin-left:10.5625vw} } @media (max-width:1620px){ .navchildbox .wrap{padding-left:9.458vw} .head{padding-left:7.23vw} .navleft{margin-left:8.5625vw} .navitemname{padding:0 1.4vw} } @media (max-width:1440px){ .head{padding-left:5.33vw} .navitemname{padding:0 1.2vw} .navleft{margin-left:7.5625vw} .headtel .tel{font-size:18px} .headtel{padding:25px 1.6vw 0} } @media (max-width:1280px){ .head{padding-left:4.33vw} .navleft{margin-left:6.5625vw} .navitemname{padding:0 1vw} /* .navitemname{padding:0 1vw} */ } @media (max-width:1140px){ .navleft{margin-left:3.0625vw} .navitemname{padding:0 0.7vw} .headtel .tel{font-size:16px} } @media (max-width:1024px){ .lanbox, .navitemname .hidename, .navchildbox .img, .navtitlebox, .navchilditem:after, .sideBar{display:none} .wapbtnbox, .wapscrolltop{display:block} .head{height:60px;padding:0 15px;position:relative} .head .logo{height:60px;line-height:60px} .navleft{width:100%;height:calc(100% - 60px);border-top:1px solid #f0f0f0;margin-left:0;background-color:#fff;position:fixed;left:100%;top:60px;z-index:25;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navleft.cur{left:0} .searchbtn{height:60px;line-height:60px;background-image:url(../img/searchbtn.png);} .search{margin-right:10px} .head .logo img{width:98px} .navitem{width:100%;border-bottom:1px solid #ebebeb} .navitemname{padding:0 60px 0 15px} .navitemname:after{content:"";width:20px;height:2px;background-color:#a4a4a4;position:absolute;right:15px;top:50%;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navitemname:before{content:"";width:2px;height:20px;background-color:#a4a4a4;position:absolute;right:24px;top:50%;margin-top:-10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navitemname.cur:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .navitem:nth-of-type(1) .navitemname:before, .navitem:nth-of-type(1) .navitemname:after{display:none} .navitemname .showname{font-size:18px;height:52px;line-height:52px} .navitemname{height:52px} .navchildbox{position:static;padding:0;height:auto;display:none;z-index:1;opacity:1;visibility:visible;background-image:none;background-color:#f9f9f9;border-top:none} .navchildbox .rightbox{width:100%} .navchilditems{width:100%;margin-right:0} .navchilditem{padding-left:0;height:40px;line-height:40px;margin-bottom:0;margin:0;display:block;font-size:16px;color:#666;text-align:left} .searchbox.cur{top:60px} .searchbox{width:100%;padding:25px 0;height:auto;border-radius:0;top:90px;margin-top:0;box-shadow:none} .searchform .input input, .searchform .input{height:40px} .searchform .close{display:block} .searchform .close, .searchform .btn{height:40px;line-height:40px} .searchform .input{width:calc(100% - 55px);margin:0 10px} .searchform .input input{padding:0 10px;border-bottom:1px solid #ddd} .headtelicon{height:60px;line-height:60px} .headtel .tel{padding:0;font-size:14px} .headtelicon{width:36px} .headtelicon img{width:16px} .navchildbox .wrap{padding:0 15px} /* .headtext{line-height:60px;font-size:12px;margin-right:10px} */ /* .headtext{display:none} */ .headtelbox{position:relative;background-color:#7eaa2a;padding-left:10px} .headtelbox .name{display:block} .headtel{height:60px;padding:10px;display:block;width:100%} .headtelitems{width:130px;position:absolute;top:60px;right:0;z-index:-1;opacity:0;visibility:hidden} .headtel .headtext{font-size:12px} .headtelbox.cur .headtelitems{z-index:9;opacity:1;visibility:visible} .headlan{font-size:12px;line-height:60px;width:60px;height:60px;float:left;background-color:#fff;color:#666} .headtelicon{display:block} .foot{padding:0} .footbot{margin-top:30px;padding:25px 0} .footbotright{margin-top:10px;line-height:1.6;float:left;width:100%} .footbotleft{width:100%} .footbotleft .list{line-height:1;position:relative} .footbotleft .list:after{content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.2);position:absolute;top:0;right:-10px} .footmaplist{width:100%;margin-right:0;border-bottom:1px solid rgba(255,255,255,0.2)} .footmaplist .name{height:52px;line-height:52px;position:relative} .footmaplist .name:after{content:"";width:20px;height:2px;background-color:#535457;position:absolute;right:0px;top:50%;margin-top:-1px} .footmaplist .name:before{content:"";width:2px;height:20px;background-color:#535457;position:absolute;right:9px;top:50%;margin-top:-10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .footmaplist.cur .name:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .footmaplist .childbox{margin-top:0;display:none} .footmaplist .childbox .childlist{margin-bottom:0;height:40px;line-height:40px} .footmaplist .name a{font-size:18px} .foottopright, .footmap{width:100%} .foottopright{margin-top:30px} .foottopright .ewmbox{width:auto;float:left} .foottopright .ewmbox .title{margin-top:10px;text-align:left} .footshare{width:auto;float:left;margin:0;margin-left:15px} .footsharelist{margin-right:0} .footfriend{width:100%;margin-top:25px} .footfriend .footfrienditems{top:auto;bottom:61px;border-top:1px solid rgba(255,255,255,0.2);border-bottom:none} } @media (max-width:370px){ .head .logo img{width:78px} .headtel .tel{font-size:12px;padding:0 6px} .search{margin-right:6px} .wapbtnbox{margin-left:10px} .headtel .icon{width:30px} .headtel .icon img{width:14px} } /* 瀛愰〉闈㈠叕鍏 */ .pcpagenavbox{height:110px;background-color:#f7f7f7} .pcpagenav{text-align:center} .pcpagenav .pcpagenavlist{font-size:14px;display:inline-block;margin-right:-4px;padding:0 2.083vw;position:relative;overflow:hidden;z-index:2;line-height:110px} .pcpagenav .pcpagenavlist:after{content:"";width:100%;height:100%;box-sizing:border-box;background-color:#fff;opacity:0;position:absolute;top:100%;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .pcpagenav .pcpagenavlist:before{content:"";width:12px;height:12px;box-sizing:border-box;position:absolute;bottom:-12px;left:50%;margin-left:-6px;background-image:url(../img/pagenavicon.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;z-index:3} .pcpagenav .pcpagenavlist a{display:block;position:relative;z-index:3;color:#999} .pcpagenav .pcpagenavlist.cur a, .pcpagenav .pcpagenavlist:hover a{color:#a3c85d;font-weight:bold} .pcpagenav .pcpagenavlist.cur:after, .pcpagenav .pcpagenavlist:hover:after{opacity:1;top:0} .pcpagenav .pcpagenavlist.cur:before, .pcpagenav .pcpagenavlist:hover:before{bottom:14px} .pcpagenavr{line-height:80px} .pcpagenavr img{display:inline-block;vertical-align:middle;margin-bottom:3px} /* .pcpagenavr img.icon{margin:0 10px} */ .pcpagenavr a{color:#999} .pcpagenavr a.cur{color:#d6000f} .pcpagenavr span{display:inline-block;color:#999;margin:0 10px} /* .pcpagenavr a.cur{color:#0d47a1;font-weight:bold} */ .wappagenav{display:none;position:relative} .wappagenav .wappagenavname{display:block;color:#fff;background-color:#a3c85d;font-size:16px;line-height:48px;position:relative} .wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .wappagenav .wappagenavname.cur:after, .wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .wappagenav .wappagenavitems{width:100%;max-height:250px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)} .wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff} .wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none} .wappagenav .wappaganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none;display:block} .pageban{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed} .pageban .textbox{position:absolute;top:50%;left:50%;;margin-left:-37.5vw;margin-top:-49px;z-index:2} .pageban .textbox .cntitle{color:#fff;font-size:30px;text-align:center;font-weight:bold;opacity:0;transform:translateX(200px);-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s} .pageban .textbox .entitle{color:#fff;font-size:24px;text-align:center;margin-top:10px;opacity:0;transform:translateX(200px);-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transition:1s ease-in-out 0.3s;-webkit-transition:1s ease-in-out 0.3s;-moz-transition:1s ease-in-out 0.3s} .pageban .textbox.cur .cntitle, .pageban .textbox.cur .entitle{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)} .pager{text-align:center} .pager .list.pagexx{} .pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 6px} .pager .list{padding:0 20px;height:48px;line-height:48px;color:#666;border-radius:10px;background-color:#eee;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .pager .text{background-color:transparent} .pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#666;text-align:center} .pager .list.cur, .pager a.list.btn, .pager a.list:hover{background-color:#a3c85d;color:#fff;border-color:#a3c85d} .pager .list input{width:100%;height:100%;padding:0px 5px;background-color:transparent;color:rgba(77,77,77,0.5);text-align:center} .pager .list input:hover{color:#fff} .wappager{width:100%;height:48px;background-color:#a3c85d;line-height:48px;color:#fff;text-align:center;;display:none} .pagebox{background-color:#fafafa} .pagetitlebox .entitle{color:#393435;line-height:1.2;font-size:40px;} .pagetitlebox .cntitle{color:#393435;font-weight:bold;line-height:1.4;font-size:32px;margin-top:20px;} .pagemore{height:65px;background-color:#fafafa;text-align:center;cursor:pointer} .pagemore .icon{width:34px;height:65px;display:inline-block;vertical-align:middle;background-image:url(../img/proitemmore.png);background-repeat:no-repeat;background-position:center center;} .pagemore .text{color:#a3c85d;font-weight:bold;margin-left:11px;display:inline-block;vertical-align:middle} .pagemore.cur{background-color:#ddd;cursor:no-drop} .pagemore.cur .icon{background-image:url(../img/proitemmore_cur.png)} .pagemore.cur .text{color:#fff} .Phone-Box{ display:none;} @media (max-width:1620px){ } @media (max-width:1440px){ .pagetitlebox .entitle{font-size:32px} .pagetitlebox .cntitle{font-size:26px} } @media (max-width:1280px){ .pageban .textbox{margin-left:-44vw} } @media (max-width:1024px){ .pcpagenavbox, .pager{display:none} .wappagenav, .wappager{display:block} .pageban .textbox{left:0;margin-left:0;margin-top:-20px} .pageban .textbox .cntitle{font-size:18px;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s} .pageban .textbox .entitle{font-size:14px;margin-top:2px;transition:1s ease-in-out 0.3s;-webkit-transition:1s ease-in-out 0.3s;-moz-transition: 1s ease-in-out 0.3s} .pageban .img, .pageban{height:auto;background-image:none} .pageban .img{position:static} .pageban .showimg img{opacity:1;visibility:visible} .pagetitlebox .entitle{font-size:22px;line-height:1} .pagetitlebox .cntitle{font-size:18px;margin-top:8px} .pagemore{height:50px} .pagemore .icon{height:50px;background-size:26px 26px} .pagemore .text{margin-left:6px} .Phone-Box{ display:block;} .PC-Box{ display:none;} } @media (max-width:370px){ .pagetitlebox .entitle{font-size:18px} .pagetitlebox .cntitle{font-size:15px} }