/*鍏叡閮ㄥ垎*/ .wrap{width:81.3vw;max-width:100%;margin:0 auto} .w1200{width:1200px;max-width:100%;margin:0 auto} @media (max-width:1620px){ .wrap{width:84.3vw} } @media (max-width:1440px){ .wrap{width:88.3vw} } @media (max-width:1280px){ .w1200, .wrap{width:92.3vw} } @media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} } /* 婊氬姩鏉 */ body::-webkit-scrollbar{width:4px} body::-webkit-scrollbar-thumb{background-color:#0047af;border-radius:8px} body::-webkit-scrollbar-track{background-color:#67a5ff} html.cur, body.cur{width:100%;height:100%;position:fixed;overflow:hidden} /* 鍏ㄩ儴鍏叡 */ .head{height:100px;position:relative;z-index:3} .head.cur{height:auto} .headbox{width:100%;height:100px;background-color:#fff;position:fixed;top:0;left:0;z-index:18;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .head .headbox.cur{top:-100px} .head .search {display: none;} .head .logo{display:block;padding:20px 0} .head .logo .code{margin-left:10px;padding-left:14px;border-left:1px solid #aaa} .head .logo .code div{color:#999;font-family:"Source Han Sans CN";line-height:1} .head .logo .code div:nth-of-type(1){font-size:24px} .head .logo .code div:nth-of-type(2){font-size:30px;margin-top:5px} .navleft{margin-right:46px} .navitem{padding:30px 0;margin-right:10px} .navitem:nth-last-of-type(1){margin-right:0} .navitemname .showname{width:100px;height:40px;text-align:center;background-color:#fff;display:block;display:block;line-height:40px;border-radius:40px;font-size:16px} .navchildbox{width:100%;height:0px;overflow:hidden;text-align:center;position:absolute;left:0;top:100px;background-color:rgba(0,0,0,0.2);opacity:0;z-index:2} .navchildlist{display:inline-block;vertical-align:middle;line-height:80px;color:#fff;padding:0 1.35vw} .searchbtn{width:40px;height:40px;line-height:40px;border-radius:40px;background-color:#004099;text-align:center;margin-top:30px;cursor:pointer} .searchbox{width:100%;height:0px;background-color:rgba(0,0,0,0.2);overflow:hidden;position:absolute;top:100px;left:0;opacity:0} .searchbox.cur{height:100px;opacity:1;padding:30px 0} .searchbox .input{width:calc(100% - 77px)} .searchbox .input input{font-size:16px;color:#fff;width:100%;height:40px;background-color:transparent} .searchbox .input input::-webkit-input-placeholder{color:rgba(255,255,255,0.85)} .searchbox .btn, .searchbox .close{height:40px;line-height:40px;margin-left:20px;cursor:pointer} .searchform{border-bottom:1px solid #fff} .headtel{margin-left:30px;display: flex;align-items: center;} .headtel .text{color:#666;line-height:100px} .headtel .tel{color:#004099;font-size:18px;font-weight:bold;font-family:Arial;line-height:26px;margin-left: 20px;} .wapsearch{display:none;width:calc(100% - 30px);height:48px;margin:20px auto;border:1px solid #dcdcdc;padding:0 15px;background-color:#fff} .wapsearch .input{width:calc(100% - 36px);margin-right:20px} .wapsearch .input input{width:100%;height:46px} .wapsearch .btn{height:46px;line-height:46px} .wapbtnbox{width:30px;height:30px;margin-top:15px;margin-left:15px;position:relative;display:none;overflow:hidden} .wapbtnbox div{width:24px;height:3px;background-color:#024585;position:absolute;left:3px;border-radius:3px} .wapbtnbox div:nth-of-type(1){top:6px} .wapbtnbox div:nth-of-type(2){top:14px} .wapbtnbox div:nth-of-type(3){top:22px} .wapbtnbox.cur div:nth-of-type(2){opacity:0;left:100%} .wapbtnbox.cur div:nth-of-type(1){top:14px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .wapbtnbox.cur div:nth-of-type(3){top:14px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} .head img{display:inline-block;vertical-align:middle;margin-bottom:3px} .foot{background-color:#282828} .ft{padding:75px 0 70px;border-bottom:1px solid rgba(255,255,255,0.2)} .ftnavlist{margin-right:3.33vw} .ftnavlist:nth-last-of-type(1){margin-right:0} .ftnavlist .name, .ftcont .name{color:#fff;font-size:16px;font-weight:bold} .ftnavchild{margin-top:22px} .ftnavchild .list{color:rgba(255,255,255,0.5);display:block;margin-bottom:10px} .ftnavchild .list:nth-last-of-type(1){margin-bottom:0} .ftnavchild .list:hover{color:#fff;text-decoration:underline} .ftcont{padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,0.1)} .ftcont .name{text-align:right} .ftcont .items{margin:22px 0 26px} .ftcont .item{color:#fff;text-align:right;line-height:1.6} .ftfriend{width:280px;position:relative} .ftfriendtop{width:280px;height:50px;padding:0 28px;border:1px solid rgba(255,255,255,0.1);cursor:pointer} .ftfriendtop .text{width:calc(100% - 19px);margin-right:8px;color:rgba(255,255,255,0.5);line-height:48px} .ftfriendtop .icon{height:48px;line-height:48px} .ftfriendtop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px;opacity:0.5} .ftfrienditems{width:100%;max-height:138px;overflow-y:auto;background-color:#fff;padding:0 28px;position:absolute;bottom:60px;left:0;z-index:-1;opacity:0;visibility:hidden} .ftfrienditems::-webkit-scrollbar{width:4px} .ftfrienditems::-webkit-scrollbar-thumb{background-color:#fff} .ftfrienditems::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.6)} .ftfrienditem{width:100%;border-bottom:1px solid #f0f0f0;padding:8px 0;display:block} .ftfrienditem:nth-last-of-type(1){border-bottom:none} .ftfrienditem:hover{background-color:#004099;color:#fff} .ftfriend.cur .ftfrienditems{bottom:50px;z-index:9;opacity:1;visibility:visible} .ftfriend.cur .ftfriendtop{border-color:#fff} .ftfriend.cur .ftfriendtop .text{color:#fff} .ftfriend.cur .ftfriendtop .icon img{transform:rotate(180deg);opacity:1} .ftewm .title{color:#fff;text-align:center;margin-top:16px} .fb{padding:46px 0} .ftcopy, .ftcopy a, .fbicp{font-size:12px;color:rgba(255,255,255,0.5)} .wapscrolltop{height:px;text-align:center;border-bottom:1px solid rgba(247,247,247,0.2);display:none} .wapscrolltop .text{font-size:18px;line-height:56px;display:inline-block;vertical-align:middle;margin-bottom:3px;color:#fff} .wapscrolltop .icon{margin-left:6px;line-height:56px;display:inline-block;vertical-align:middle;margin-bottom:3px} .wapscrolltop .icon{display:inline-block;width:27px} .page{background-color:#000} @media (min-width:1024px){ .navitem:hover .showname, .navitem.cur .showname{color:#fff;font-weight:bold;background-color:#0047af} .navitem:hover .navchildbox{height:80px;opacity:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navchildlist:hover{text-decoration:underline;font-weight:bold} .searchform .close:hover img, .searchform .btn:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)} } @media (max-width:1800px){ .navleft{margin-right:38px} } @media (max-width:1620px){ .navleft{margin-right:20px} .navitemname .showname{width:90px;font-size:15px} .headtel{margin-left:20px} .head .logo .code div:nth-of-type(1){font-size:20px} .head .logo .code div:nth-of-type(2){font-size:25px;margin-top:8px} .ftnavlist{margin-right:2.8vw} } @media (max-width:1440px){ .navleft{margin-right:15px} .navitem{margin-right:6px} .navitemname .showname{width:90px;font-size:14px} .headtel{margin-left:15px} .head .logo{padding:25.5px 0} .head .logo .img img{width:114px} .head .logo .code div:nth-of-type(1){font-size:16px} .head .logo .code div:nth-of-type(2){font-size:20px;margin-top:8px} .head .logo .code{margin-left:6px;padding-left:10px} .headtel .text{font-size:12px} .headtel .tel{font-size:16px;line-height: 24px;margin-left: 10px;} .ftnavlist{margin-right:2.4vw} } @media (max-width:1280px){ .head .logo{padding:29.5px 0} .head .logo .img img{width:94px} .head .logo .code div:nth-of-type(1){font-size:14px} .head .logo .code div:nth-of-type(2){font-size:18px;margin-top:8px} .navleft{margin-right:10px} .headtel{margin-left:10px} .headtel .tel{font-size:14px} } @media (max-width:1180px){ .head .logo{padding:31.5px 0} .head .logo .img img{width:84px} .head .logo .code div:nth-of-type(1){font-size:12px} .head .logo .code div:nth-of-type(2){font-size:16px;margin-top:8px} .navitem{margin-right:4px} .navitemname .showname{width:80px;font-size:12px} .head .logo .code{margin-left:3px;padding-left:6px} } @media (max-width:1024px){ .headtel, .ftnav, .ftewm{display:none} .wapbtnbox{display:block} .head{height:60px;padding:0;position:static} .headbox{height:60px} .head .logo{padding:14px 0} .head .logo .img img{width:70px} .head .logo .code{margin-left:6px} .head .logo .code div:nth-of-type(2){margin-top:3px} .headleft .navleft{margin-top:0;padding:0 45px} .navleft{width:100%;height:calc(100vh - 60px);padding:0;margin-left:0;background-color:#fff;position:fixed;left:100%;top:60px;z-index:25;transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s} .navleft.cur{left:0} .searchbtn{margin-top:15px;width:30px;height:30px;line-height:30px} .searchbtn img{width:12px} .searchbox{top:60px} .searchbox.cur{padding:15px 0;height:70px} .navitems{max-height:calc(100vh - 40px);padding:0 15px;overflow-y:auto} .navitem{width:100%;border-bottom:1px solid #f0f0f0;margin-right:0;padding:0} .navitem:nth-of-type(1){display:block} .navitem:nth-of-type(1) .navitemname:before, .navitem:nth-of-type(1) .navitemname:after{display:none} .navitemname{height:52px;position:relative;padding:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .navitemname:after{content:"\e68c";font-family:"iconfont";color:#666;font-size:18px;font-weight:bold;line-height:52px;height:52px;position:absolute;top:0;right:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} /* .navitemname:before{content:"";width:2px;height:12px;background-color:#de0a09;position:absolute;right:20px;top:50%;margin-top:-6px;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:after{color:#024585;right:4px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .navitemname .showname{height:52px;line-height:52px;padding:0;text-align:left;display:inline-block;font-size:18px;color:#333;font-weight:bold} .navitem:nth-of-type(1) .navitemname .showname{display:block} .navitemname.cur .showname{color:#024585;font-weight:bold} .navchild{display:none} .navchildbox{position:static;height:auto;background-color:#fff;z-index:9;opacity:1;visibility:visible;padding:3px 0} .navchildlist{display:block;height:38px;line-height:38px;color:#666;padding:0;text-align:left;font-size:16px} .ft{padding:40px 0 35px} .ftright{width:100%} .ftcont{width:100%;padding-right:0;margin-right:0;border-right:none} .ftcont .name, .ftcont .item{text-align:center} .ftcont .items{margin:10px 0 12px} .ftfriend{width:200px;margin:0 auto} .ftfriendtop{width:200px;height:38px;padding:0 15px} .ftfriendtop .text, .ftfriendtop .icon{height:38px;line-height:36px} .fb{padding:25px 0} .ftcopy, .fbicp{width:100%;text-align:center} .fbicp{margin-top:5px} } @media (max-width:370px){ .wapbtnbox{margin-left:10px} } /* 瀛愰〉闈㈠叕鍏 */ .wappagenav{display:none;position:relative} .wappagenav .wappagenavname{display:block;color:#fff;background-color:#004099;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:#f9fcff;z-index:19;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 #2079f6;padding:0 25px;z-index:20} .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} .wappagenav .wappaganavlist .child{border-top:1px solid #f0f0f0;padding:0 10px} .wappagenav .wappaganavlist .child .list{color:#999} .pageban{position:relative;overflow:hidden} .pageban .textbox{position:absolute;top:50%;left:50%;margin-top:-66px;margin-left:-600px;z-index:2} .pageban .textbox .cntitle{color:#fff;font-size:72px;font-weight:bold;text-align:center;font-family:"Source Han Sans CN"} .pageban .textbox .entitle{color:#fff;font-size:24px;text-align:center;font-family:'cola';letter-spacing:7px;text-shadow:0px 10px 10px rgba(0, 0, 0, 0.24)} .pager{text-align:center} /* .pager .list.pagexx{font-family:瀹嬩綋, 'SimSun';font-weight:bold} */ .pager .list.pagexx .iconfont{font-size:12px} .pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 3px;vertical-align:top} .pager .list{padding:0 13px;height:36px;line-height:36px;color:#999;border-radius:40px;font-size:14px;font-family:Arial} .pager .text{background-color:transparent} .pager span.list{line-height:28px} .pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#606060;text-align:center} .pager .list.cur{background-color:#004099;color:#fff} .pager .list:hover{color:#004099} .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:#004099;line-height:48px;color:#fff;text-align:center;display:none;margin-top:30px} .pcpagenav{width:100%;height:80px;background-color:#f6f6f6} .pcpagenavbox{height:80px} .pcpagenavlist{padding:0 1.875vw;position:relative;overflow:hidden} .pcpagenavlist:after{content:"";width:100%;height:100%;background-color:#fff;border-top:3px solid #004099;position:absolute;top:-100%;left:0;box-sizing:border-box;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} /* .pcpagenavlist.cur, .pcpagenavlist:hover{background-color:#fff;border-right-color:#f0f0f0;border-left-color:#f0f0f0} */ .pcpagenavlist.cur:after, .pcpagenavlist:hover:after{top:0} .pcpagenavlist a{display:block;height:80px;line-height:80px;color:#666;position:relative;z-index:2} .pcpagenavlist.cur a, .pcpagenavlist:hover a{color:#004099;font-weight:bold} .pcpageright{line-height:80px;height:80px} .pcpageright .icon{margin-right:2px} .pcpageright .icon img{display:inline-block;vertical-align:middle} .pcpageright .text{color:#999;font-size:12px;margin-right:2px} .pcpageright .text.cur{margin-right:0} .floatwin{position:fixed;top:50%;margin-top:-95px;right:-40px;z-index:17} .floatwin.cur{right:30px} .floatwinlist{margin-bottom:10px;position:relative} .floatwinlist:nth-last-of-type(1){margin-bottom:0} .floatwinlist .hidebox{position:absolute;top:-30px;padding-right:30px;right:60px;z-index:-1;opacity:0;visibility:hidden} .floatwinlist .ewm{width:200px;height:200px;background-color:#fff;padding:20px;text-align:center;line-height:160px;box-shadow:0 4px 22px 0 rgba(0,0,0,0.06)} .floatwinlist .telitems{width:200px;max-height:200px;background-color:#fff;padding:20px;overflow-y:auto;box-shadow:0 4px 22px 0 rgba(0,0,0,0.06)} .floatwinlist .telitems::-webkit-scrollbar{width:4px} .floatwinlist .telitems::-webkit-scrollbar-thumb{background-color:#004099;border-radius:8px} .floatwinlist .telitems::-webkit-scrollbar-track{background-color:#fff9ed} .floatwinlist .telitem{font-size:16px;color:#666;height:40px;line-height:40px;display:block} .floatwinlist .ewm img{display:inline-block;vertical-align:middle} .floatwinlist.cur .hidebox{right:40px;z-index:9;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} .head .logo .img img{width:134px;} @media (min-width:1024px) { /* .floatwinlist:hover .icon{background-image:url(../img/suspenbg_cur.png)} */ /* .floatwinlist:hover .hidebox{right:40px;z-index:9;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} */ } @media (max-width:1620px){ .pageban .textbox{margin-top:-60px} .pageban .textbox .cntitle{font-size:64px} .pageban .textbox .entitle{font-size:22px} } @media (max-width:1440px){ .pageban .textbox{margin-top:-50px} .pageban .textbox .cntitle{font-size:54px} .pageban .textbox .entitle{font-size:18px;letter-spacing:5px} .pcpagenavlist{padding:0 1.4vw} } @media (max-width:1280px){ .pageban .textbox{margin-left:-45.25vw} .pcpagenavlist a{font-size:14px} } @media (max-width:1180px){ } @media (max-width:1024px){ .pcpagenav, .pager, .suspenbox{display:none} .floatwin.cur{right:15px} .wappagenav, .wappager{display:block} .pageban .textbox{left:0;margin-left:0;margin-top:-18px} .pageban .textbox .cntitle{font-size:18px;line-height:24px} .pageban .textbox .entitle{font-size:12px;letter-spacing:2px} .pageban .textbox .line{width:94px;height:2px;margin:0px auto 2px} .pageright{width:38px;margin-top:-58px} .pagerightlist .icon{width:38px;height:38px} .pagerightlist .box{width:120px;padding:10px} .pagerightlist .tellist{font-size:12px;line-height:26px} /* .floatwinlist.cur .hidebox{right:40px;z-index:9;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} */ .floatwinlist .ewm{width:140px;height:140px;line-height:100px} .floatwinlist .hidebox{padding-right:15px} .floatwinlist .telitems{width:140px;height:140px} .floatwinlist .telitem{font-size:14px;line-height:30px} } @media (max-width:370px){ }