锘?*鍏叡閮ㄥ垎*/ .wrap{width:83.3333vw;max-width:100%;margin:0 auto} .homewrap{width:85.7%;max-width:100%;margin:0 auto} .w1200{width:1200px;max-width:100%;margin:0 auto} @media (max-width:1620px){ .wrap{width:86.3333vw} .homewrap{width:87.7%}} @media (max-width:1440px){ .wrap{width:90.3333vw} .homewrap, .w1200{width:90.7%}} @media (max-width:1280px){ .wrap, .w1200{width:90.7%} } @media (max-width:1024px){ .w1200, .wrap, .homewrap{width:100%;padding:0 15px} } /* 婊氬姩鏉 */ body::-webkit-scrollbar{width:8px} /* 婊氬姩鏉℃粦鍧 */ body::-webkit-scrollbar-thumb{background-color:#ed7020} /* 婊氬姩鏉″灞傝建閬 */ body::-webkit-scrollbar-track{background-color:#faf6f3} /* 鍏ㄩ儴鍏叡 */ .head{width:100%;height:100px;position:relative} .logoimg{height:100px;line-height:100px} .logoimg img, .navitemname .icon img{display:inline-block;vertical-align:middle} .logoimg img{ width: 206px;} /* .navitem{position:relative} */ .navitemname{position:relative;height:100px} .navitemname .showname{display:block;z-index:3;padding:32px 1.522vw 0} .navitemname .icon{width:20px;height:20px;line-height:20px;margin:0 auto;text-align:center} .navitemname .text{color:#000;text-align:center;font-size:16px;margin-top:8px} .navchildbox{width:100%;position:absolute;left:0;top:150px;padding:33px 0 58px;background-color:#f8f8f8;padding-left:8.3333vw;z-index:-1;visibility:hidden;opacity:0} .navchildbox .navchilditems{padding-top:14px;margin-left:5.46875vw} .navchildbox .navchilditem{margin-bottom:14px;position:relative;overflow:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navchildbox .navchilditem{padding-left:22px} .navchildbox .navchilditem a{display:block;line-height:22px;color:#000} .navchildbox .navchilditem:after{content:"";width:4px;height:3px;position:absolute;top:10px;left:0;background-color:#000;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navchildbox .leftbox{padding:12px 5.9375vw 30px 0;border-right:1px solid #e1e1e1} .navchildbox .leftbox .textbox{padding-top:20px;margin-right:3.854vw} .navchildbox .leftbox .title{color:#ed7020;font-size:30px;font-weight:bold} .navchildbox .leftbox .text{margin-top:26px;color:#000;font-size:16px} .waphead{display:none} /* .navitem:nth-of-type(4) .navchildbox, .navitem:nth-of-type(5) .navchildbox, .navitem:nth-of-type(6) .navchildbox, .navitem:nth-of-type(7) .navchildbox{left:auto;right:0} */ .search{margin-left:1.94vw} .searchbtn{width:auto;height:100px;text-align:center;cursor:pointer;padding-top:36px} .searchbtn .text{color:#666;font-size:12px;text-align:center;margin-top:5px;letter-spacing:3px} .searchbox{width:0;height:100px;background-color:#fff;position:absolute;top:100%;right:0;z-index:4;opacity:0;border-top:1px solid #ed7020} .searchbox .close{line-height:74px;cursor:pointer} .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)} .searchbox .searchform .input{width:calc(100% - 80px);margin:0 20px} .searchbox .searchform .input input{width:100%;height:74px;font-size:24px;text-align:center;position:relative;background-color:transparent;color:#333;border-bottom:1px solid #ddd} .searchbox .searchform .input input:focus{border-bottom-color:#d50900} .searchbox .searchform .input input::-webkit-input-placeholder{color:#999} .searchbox .searchform .btn{height:74px;text-align:center;line-height:74px;cursor:pointer} .searchbox.cur{width:100%;padding:13px 50px;opacity:1} .wapbtnbox{width:96px;height:96px;position:relative;cursor:pointer;overflow:hidden;display:none} .wapbtnbox div{width:22px;height:3px;background-color:#fff;border-radius:2px;position:absolute;right:8px} .wapbtnbox div:nth-of-type(1){top:38px} .wapbtnbox div:nth-of-type(2){top:46px} .wapbtnbox div:nth-of-type(3){top:54px} /* .wapbtnbox.cur div:nth-of-type(1){top:44px;background-color:#c92b2f;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .wapbtnbox.cur div:nth-of-type(2){right:-100%;opacity:0} .wapbtnbox.cur div:nth-of-type(3){top:44px;background-color:#c92b2f;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} */ .logo img, .searchbtn img, .searchbox .searchform .btn img, .searchbox .close img, .footfrienbox .icon img, .waplpgo img{display:inline-block;vertical-align:middle} .wapsearch, .waplpgo{display:none} .navpctel{margin-top:30px;padding:3px 0 3px 20px;border-left:1px solid #dfdfdf;margin-left:22px} .navpctel .tel{line-height:0.8;margin-left:7px;color:#ed7020;font-size:18px;font-family:'dinconreg';font-weight:bold} .navpctel .bot{width:156px;height:22px;font-size:12px;line-height:20px;color:#000;text-align:center;letter-spacing:3px;margin-top:3px;border-radius:22px;border:1px solid #ed7020} .searchformwap{display:none;width:calc(100% - 30px);padding:0 20px;border-radius:40px;height:40px;background-color:#f5f5f5;margin:15px auto 0;border:1px solid #d6d6d6} .searchformwap .input{width:calc(100% - 40px);margin-right:20px} .searchformwap .input input{width:100%;height:38px;background-color:transparent} .searchformwap .btn{height:38px;line-height:38px} .searchformwap .btn img{display:inline-block;vertical-align:middle} .foot{padding:60px 0 66px;background-image:-moz-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);background-image:-ms-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);} .foottopmaplist{margin-right:4.6875vw} .foottopmaplist:nth-last-of-type(1){margin-right:0} .foottopmaplist .name a{color:#fff;font-size:18px;font-weight:bold} .foottopmaplist .child{margin-top:20px} .foottopmaplist .child .list{color:#fff;display:block;font-size:13px;margin-bottom:12px} .foottopmaplist .child .list:nth-last-of-type(1){margin-bottom:0} .foottopright{width:240px} .footsharelist{width:20px;height:20px;margin-right:20px;cursor:pointer;background-repeat:no-repeat;background-position:center center} .footsharelist[data-wb]{background-image:url(../img/footwb.png)} .footsharelist[data-wb]:hover{background-image:url(../img/footwb_cur.png)} .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)} .foottel{margin-top:18px} .foottel .tel{color:#fff;font-size:30px;font-family:'dinconreg';font-weight:bold;text-align:right} .foottel .text{text-align:right;color:#fff;font-size:12px;margin-top:6px} .footewmbox{margin-top:26px} .wapfootewmbox{display:none} .footewmbox .img, .wapfootewmbox .img{width:126px;height:126px;background-color:#fff;padding:8px} .footbot{margin-top:40px} .footbot .copybox{color:#fff;font-size:13px;margin-top:22px} .footfriend{position:relative} .footfriendtop{width:262px;height:40px;border:1px solid rgba(255,255,255,0.5);padding:0 28px 0 18px} .footfriendtop .name{width:calc(100% - 15px);line-height:38px;color:#fff;font-size:12px} .footfriendtop .icon{height:38px;line-height:38px} .footfriendtop .icon img{display:inline-block;vertical-align:middle} .footfrienditems{width:100%;position:absolute;bottom:60px;background-color:rgba(134,134,134,0.7);left:0;visibility:hidden;z-index:-1px;opacity:0} .footfriend.cur .footfrienditems{bottom:40px;visibility:visible;z-index:9;opacity:1} .footfriend.cur .footfriendtop .name{color:#fff} .footfriend.cur .footfriendtop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .footfrienditem{padding:0 18px;color:#ddd;display:block;line-height:38px} .wapreturn{display:none;padding:0 25px;height:60px;line-height:60px;border-bottom:1px solid #d6d6d6;text-align:right} .wapreturn img{display:inline-block;vertical-align:middle;display:inline-block} .scrolltop{width:46px;height:46px;background-color:rgba(57,63,75,0.3);cursor:pointer;text-align:center;line-height:46px;position:fixed;bottom:5%;right:-60px;opacity:0;z-index:9;box-shadow: 0.954px 4.908px 15px 0px rgba(0, 0, 0, 0.11);} .scrolltop.cur{opacity:1;right:2%} .scrolltop img{display:inline-block;vertical-align:middle;margin-bottom:3px} .scrolltop:hover{background-image: -moz-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(237,112,32) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(237,112,32) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(237,112,32) 100%);} @media (min-width:1024px){ .headlanbox:hover .headlanitems{visibility:visible;opacity:1;top:28px} .headlanbox:hover .headlantop .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)} .navitem:hover .showname .text{color:#ed7020;font-weight:bold} .searchbtn:hover{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg)} .searchbox .searchform .btn:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)} .navitem:hover .navitemname:after{top:0} .navitem.cur .navitemname:after{top:0} .navlan:hover .navlanitems{visibility:visible;opacity:1;z-index:12;top:100px} .navlan:hover .navlantop .text{color:#0f7c8c} .navlan:hover .navlantop .icon img, .footfriend:hover .top .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)} .navchildbox .navchilditem:hover a{color:#ed7020;font-weight:bold} .navchildbox .navchilditem:hover:after{background-color:#ed7020} .navitemname a:hover, .headnavitem .navchilditem:hover{color:#004c8e} .footfrienditem:hover{background-color:#0f7c8c;color:#fff} /* .footfriend:hover .footfrienbox{background-color:#0f7c8c;border-color:#004c8e} */ /* .footfriend:hover .name{color:#fff} */ .footfriend:hover .footfrienditems{bottom:54px;opacity:1;visibility:visible;z-index:9} .navitem:hover .navchildbox{visibility:visible;opacity:1;top:100px;z-index:13} .footewm:hover .hidebox{top:72px;visibility:visible;z-index:3;opacity:1} .navchildlist:hover:after{border-color:#00a5e2} .footfriend:hover .footfrienditems{bottom:40px;visibility:visible;z-index:9;opacity:1} .footfriend:hover .footfriendtop .name{color:#fff} .footfriend:hover .footfriendtop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .navitem.cur .navitemname .text{position:relative} .navitem.cur .navitemname .text:after{content:"";width:100%;height:3px;background-color:#ed7020;position:absolute;bottom:-19px;left:0} } @media (max-width:1800px){ .navitemname .showname{padding:32px 1.5vw 0} } @media (max-width:1620px){ .navitemname .showname{padding:32px 1.2vw 0} .search{margin-left:1.6vw} /* .navitemname{padding:0 0.95vw} */ } @media (max-width:1440px){ .navitemname .showname{padding:32px 1vw 0} .search{margin-left:1.2vw} /* .logo img{width:240px} */ .navitemname a.showname, .navitemname a, .navlantop .text{font-size:14px} .foottopmaplist{margin-right:3vw} } @media (max-width:1280px){ .navitemname .showname{padding:32px 0.7vw 0} .search{margin-left:0.8vw} .navitemname .text{font-size:14px} .foottopmaplist{margin-right:2vw} } @media (max-width:1160px){ .navitemname .showname{padding:32px 0.5vw 0} .search{margin-left:0.6vw} .navpctel{margin-left:15px} .footfriendtop, .foottopright{width:200px} .foottopmaplist{margin-right:1vw} } @media (max-width:1024px){ .headtop .box, .navline, .navitemname a.hidename, .footmap, .footcon, .footboxright, .navtel, .search, .navchildbox .leftbox{display:none} .wapsearch, .wapbtnbox, .waplpgo, .searchformwap, .wapreturn, .waphead{display:block} .headtop .wrap{padding:0} /* .head.active{overflow:initial} */ .headbox{height:60px} .head{height:60px;z-index:12;position:relative;transition:0.5s ease-in-out 0.5s;-webkit-transition:0.5s ease-in-out 0.5s;-moz-transition:0.5s ease-in-out 0.5s} .head.cur{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} /* .logo{height:60px;line-height:60px} */ .logo img{width:120px} .waplpgo{width:120px;height:60px;line-height:60px;position:absolute;top:0;left:50%;margin-left:-60px} .navlantop .text, .navlantop .icon{line-height:60px} /* .headright{float:left} */ .navpctel{border-left:none;margin-top:5px;padding-left:0} .navpctel .icon img{width:16px;height:16px} .navpctel .tel{font-size:18px;line-height:1} .navpctel .bot{letter-spacing:1px;width:114px;height:18px;line-height:16px} .search{margin-left:0} .searchbtn{width:16px;height:60px;margin-top:0;background-color:transparent;line-height:60px} .wapbtnbox{width:38px;height:38px;margin-left:15px;margin-top:11px;background-color:rgba(255,162,0,1);background-image: -moz-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%); background-image: -ms-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%);} .wapbtnbox div:nth-of-type(1){top:10px} .wapbtnbox div:nth-of-type(2){top:18px} .wapbtnbox div:nth-of-type(3){top:26px} /* .wapbtnbox.cur div:nth-of-type(1), .wapbtnbox.cur div:nth-of-type(3){top:28px} */ .head .box{position:static;overflow:initial} .navitems{width:100%;max-height:calc(100vh - 140px);overflow-y:auto} .navitem{padding:0;width:100%;border-bottom:1px solid #f3f3f3} .navitemname{height:52px;position:relative;padding:0 50px 0 15px} .navitemname:after, .navchildlistname:after{content:"\e634";font-family:"iconfont";font-size:20px;color:#999;position:absolute;top:50%;margin-top:-11px;right:10px;font-weight:bold;left:auto;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, .navchildlistname:before{content:"";width:18px;height:3px;background-color:#0f7c8c;position:absolute;top:50%;margin-top:-1.5px;right:15px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */ .navchildlistname.cur:after, .navchildlistname.cur:before{background-color:#e60012;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .navitemname.cur{background-color:rgba(255,162,0,1);background-image: -moz-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%); background-image: -ms-linear-gradient( 0deg, rgba(255,162,0,1) 0%, rgba(237,112,32,1) 100%);} .navitemname.cur a.showname .text{color:#fff} .navitemname .text{font-size:16px} .navitemname.cur:before{background-color:#fff} .navitemname.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);color:#fff} .navitemname a{height:52px;line-height:52px;display:inline-block;font-size:18px} .navitemname a.showname, .navitemname a{font-size:18px} .navitem:nth-of-type(1) .navitemname a{display:block} .navitem:nth-of-type(1) .navitemname:after, .navitem:nth-of-type(1) .navitemname:before{display:none} .navitem:nth-of-type(2) .navitemname a{display:block} .navitem:nth-of-type(2) .navitemname:after, .navitem:nth-of-type(2) .navitemname:before{display:none} .navleft{width:100%;height:100vh;position:fixed;top:0;left:100%;margin-left:0;background-color:#fff;z-index:12;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navitemname .showname{padding:0 0 0} .navitemname .icon{float:left;line-height:52px} .navitemname .icon img{margin-bottom:3px} .navitemname .text{float:left;margin-top:0;margin-left:10px} /* .navleft.cur{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);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} .wapsearch .searchform{width:100%} .navchildbox{position:static;background-color:transparent;visibility:visible;opacity:1;width:100%;padding:0 0 0px;height:auto;display:none;transition:initial;-webkit-transition:initial;-moz-transition:initial} .navitem:nth-of-type(3) .navchildbox, .navitem:nth-of-type(4) .navchildbox, .navitem:nth-of-type(5) .navchildbox, .navitem:nth-of-type(6) .navchildbox, .navitem:nth-of-type(7) .navchildbox{margin-left:0;width:100%} .navitem:nth-of-type(3) .navchildlist, .navitem:nth-of-type(4) .navchildlist, .navitem:nth-of-type(5) .navchildlist, .navitem:nth-of-type(6) .navchildlist, .navitem:nth-of-type(7) .navchildlist{padding:0} .navchildlist{margin:0;width:100%;text-align:left;line-height:40px;display:block;color:#999;padding:0;border-right:none} .wapsearch{width:100%} .navchildbox .rightbox{display:none} .searchbox .searchform .input input{height:40px;text-align:left;font-size:16px;color:#333;padding-right:20px} .searchbox .searchform .input input::-webkit-input-placeholder{color:#999} .searchbox.cur{padding:15px} .searchbox{height:70px;top:60px;background-color:#fcfcfc} .searchbox .searchform .btn{height:40px;line-height:40px} .searchbox .close{line-height:40px} .navchildbox .navchilditems{width:100%;background-color:#f6f6f6;padding:0;margin-left:0} .navchildbox .navchilditem{border-bottom:1px solid #d6d6d6;padding:0 46px;height:auto;margin-bottom:0} .navchildbox .navchilditem:nth-last-of-type(1){border-bottom:0} .navchildbox .navchilditem a{font-size:14px;color:#666;line-height:44px} .navchildbox .navchilditem:after{display:none} .navchildbox .wrap{padding:0} .logoimg{height:60px;line-height:60px} .navlanitems{left:auto;right:0} .navlanitem{height:40px;line-height:40px;margin-right:10px} .foot{padding:30px 0 40px} .foottopmap{display:none} .footfriend, .foottopright{width:100%} .footfriendtop{width:100%;padding:0 15px} .wapfootewmbox{float:left;margin-top:0;display:block} .foottopright .top{float:left;margin-left:20px} .footewmbox{display:none} .foottel{margin-top:12px} .foottel .tel{font-size:26px;text-align:left} .foottel .text{text-align:left} .footbot .copybox{margin-top:14px} .footbot{margin-top:25px} .footfrienditems{background-color:rgba(134,134,134,1)} } @media (max-width:370px){ .logo img{width:100px} .navpctel{padding:3px 0;margin-left:10px} .wapbtnbox{margin-left:10px} .navpctel .tel{font-size:14px} } /* 瀛愰〉闈㈠叕鍏 */ .propcpagenav{position:relative;z-index:3} .pcpagenav{padding:30px 0;text-align:center} .pcpagenavlist{display:inline-block;height:44px;padding:0 35px;background-color:#222;border-radius:44px;color:#fff;line-height:44px;margin:0 3px} .pcpagenavlist a{font-size:16px} .pcpagenavlist.cur, .pcpagenavlist:hover, .propagenavlist.cur .name, .propagenavlist.active .name{background-color:#ed7020} .pcpagenavlist.cur a, .pcpagenavlist:hover a, .propagenavlist.cur .name, .propagenavlist.active .name{font-weight:bold} .propagenavlist{display:inline-block;margin:0 3px;position:relative} .propagenavlist .name{color:#fff;font-size:16px;height:44px;padding:0 35px;background-color:#222;border-radius:44px;color:#fff;line-height:44px;cursor:pointer} .propagenavbox{padding-top:10px;width:100%;position:absolute;top:74px;left:0px;z-index:-1;opacity:0;visibility:hidden} .propagenavitems{background-color:#e1e1e1;padding:0 10px;border-radius:8px} .propagenavitem{display:block;padding:5px 15px;line-height:26px;border-bottom:1px solid #bfbfbf;color:#666} .propagenavitem:nth-last-of-type(1){border-bottom:none} .propagenavlist.cur .propagenavbox{top:44px;z-index:9;opacity:1;visibility:visible} .propagenavitem:hover, .propagenavitem.cur{color:#ed7020} .wappagenav{display:none;position:relative} .wappagenav .wappagenavname{display:block;color:#fff;background-color:rgba(255,162,0,1);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} .pageban .textbox{padding:36px 46px 46px;background-color:rgba(237,112,32,0.8);border-radius:16px;position:absolute;bottom:0;left:calc((100% - 1200px) / 1.1);opacity:0;z-index:2} .pageban .textbox .cntitle{color:#fff;font-size:48px;font-weight:bold;font-family:"Source Han Sans CN"} .pageban .textbox .entitle{color:#fff;font-size:24px;font-family:Arial} .pageban .textbox.cur{left:calc((100% - 1200px) / 2);opacity:1} .pageban .wapimg{display:none} .pager{text-align:center} .pager .list.pagexx{font-family:瀹嬩綋, 'SimSun'} .pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 6px} .pager .list{padding:0 13px;height:34px;line-height:32px;color:#999;background-color:#f6f6f6;border-radius:5px;font-family:Arial;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 .list.btn, .pager .list:hover{background-color:#0f7c8c;color:#fff;border-color:#0f7c8c} .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:#0f7c8c;line-height:48px;color:#fff;text-align:center;;display:none} .pagebox{background-color:#f6f6f6;padding-left:9.375vw;padding-bottom:100px} .pagewrap{padding-right:9.375vw;background-color:#fff;padding-top:80px;padding-bottom:100px;padding-left:100px} @media (max-width:1620px){ /* .pageban .textbox{margin-left:-39vw} */ .pcpagenavbox{width:calc(100% - 6.875vw);left:6.875vw} .pagebox{padding-left:6.875vw;padding-bottom:100px} .pagewrap{padding-right:6.875vw} } @media (max-width:1440px){ /* .pageban .textbox{margin-left:-42vw} */ .pcpagenavbox{width:calc(100% - 4.875vw);left:4.875vw} .pagebox{padding-left:4.875vw;padding-bottom:70px} .pagewrap{padding-right:4.875vw} .pageban .textbox{padding:20px 30px 30px} .pageban .textbox .cntitle{font-size:36px} .pageban .textbox .entitle{font-size:20px} .pageban .textbox{left:20%} .pageban .textbox.cur{left:4.65%} } @media (max-width:1280px){ .pcpagenavbox{width:calc(100% - 3.875vw);left:3.875vw} .pagebox{padding-left:3.875vw;padding-bottom:50px} .pagewrap{padding-right:3.875vw} .pcpagenavbox{padding:0 0 0 1vw} .pageban .textbox{left:calc((100% - 72.3333vw) / 2);padding:20px 30px 30px} /* .pageban .textbox.cur{left:calc((100% - 92.3333vw) / 2)} */ } @media (max-width:1024px){ .pcpagenavbox, .pager, .pcpagenav{display:none} .wappagenav, .wappager, .pageban .wapimg, .propcpagenav{display:block} .pageban .wapimg img{width:100%} .pageban .textbox{left:0;margin-left:0;margin-top:-12px} .pageban .textbox .cntitle{font-size:16px;transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition: 2s ease-in-out 0s} .pageban .textbox .entitle{font-size:12px;margin-top:0;transition:2s ease-in-out 0.3s;-webkit-transition:2s ease-in-out 0.3s;-moz-transition: 2s ease-in-out 0.3s} .pageban .img, .pageban{height:auto;background-image:none} .pageban .img{position:static} .pageban .showimg img{opacity:1;visibility:visible} .pagebox{padding:15px} .pagewrap{padding:50px 15px} .pageban .textbox{padding:8px 15px} .pageban .textbox{left:50px;border-radius:6px} .pageban .textbox.cur{left:15px} /* .pcpagenavlist{padding:0 15px;height:36px;line-height:36px} */ .propcpagenav{padding:30px 0 15px 0} .propagenavlist{margin:0 3px 15px 0} .propagenavlist .name{padding:0 15px;height:38px;line-height:38px;font-size:14px;min-width:140px} .propagenavlist.cur .propagenavitems{top:48px} .propagenavlist.cur .propagenavbox{top:38px} } @media (max-width:370px){ } .custser{width:160px;height:113px;position:fixed;top:50%;margin-top:-58px;right:3px;z-index:999;cursor:pointer} .allform{width:278px;height:384px;position:fixed;bottom:10%;left:-100%;z-index:1000} .allform.cur{left:10px} .allformtop{height:39px;padding:0 19px 0 68px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;background-image:url(../img/allformbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .allformtop .img{width:71px;height:71px;position:absolute;left:11px;bottom:3px} .allformtop .text{color:#fff;font-size:16px;line-height:39px} .allformtop .line{width:18px;height:39px;position:relative;cursor:pointer} .allformtop .line:after{content:"";width:18px;height:3px;background-color:#fff;position:absolute;left:0;top:50%;margin-top:-1px} .allformbox{padding:16px;background-color:#fff} .allformbox .toptext{color:#666;font-size:12px} .allformbox .toptext span{color:#ed7020;font-weight:bold} .allformbox .form{margin-top:14px} .allformbox .formlist{border:1px solid #ccc;padding:10px 14px;margin-bottom:10px} .allformbox .formlist .icon{width:20px;height:20px;text-align:center;line-height:20px} .allformbox .formlist .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .allformbox .formlist .input, .allformbox .formlist .textleft{width:calc(100% - 35px);margin-left:15px} .allformbox .formlist .input input{width:100%;height:20px;font-size:12px} .allformbox .formlist .textleft textarea{width:100%;height:56px;font-size:12px} .allformbox .formlist .input input::-webkit-input-placeholder, .allformbox .formlist .textleft textarea::-webkit-input-placeholder{color:#ababab;font-size:12px} .allformbtn{width:97px;height:36px;color:#fff;cursor:pointer;text-align:center;line-height:36px;background-image:url(../img/allformbtn.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} @media (max-width:1024px){ .custser{width:90px;height:auto; z-index:10;} .allform{height:326px;margin-left:-139px;bottom:50%;margin-bottom:-163px} .allform.cur{left:50%} .allformbox .formlist{padding:5px 10px} .allformbox .formlist .textleft textarea{height:36px} }