body { color:#8b8b8b; font-size:12px; font-family:"Arial","microsoft yahei"; overflow-x: hidden; } form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h5{ margin:0px; padding:0px; border:0; } section,article,nav{ margin: 0px; padding: 0px; border: 0; } /*html{ overflow-y:scroll; }*/ a:link{ color:#8b8b8b; text-decoration:none; } a:visited{ color:#8b8b8b; text-decoration:none;} a:hover{ color:#5A5A5A; text-decoration:none;} a:focus { -moz-outline-style: none; } a:active{ outline:none; text-decoration:none;} em,i{ font-style:normal; } ul,li{ list-style:none; margin:0; padding:0;} input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;} input:focus,textarea:focus{ outline:none;} /*删除火狐下按钮默认样式*/ input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; } /*浮动*/ .clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; } .clearboth{ *zoom:1;} .FL{ float:left;} .FR{ float:right;} /*字号*/ .f10 { -webkit-text-size-adjust:none; font-size:0.625em; } .f11 { -webkit-text-size-adjust:none; font-size:11px;} .f12 { font-size:0.75em; } .f14{ font-size:14px;} .f16 { font-size:16px; } .f18{ font-size:18px;} .f20{ font-size:20px;} .f24{ font-size:24px;} .f30{ font-size:30px;} /*字体*/ .arial { font-family:Arial;} .yahei { font-family:"microsoft yahei";} .song { font-family:"宋体";} /*上下间距*/ .mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb15{ margin- bottom:15px;} .mb18{ margin-bottom:18px;} .mb20{ margin-bottom:20px;} .mb25{ margin-bottom:25px;} .mb30{ margin-bottom:30px;} .mb35{ margin-bottom:35px;} .mb40{ margin-bottom:40px;} .mb45{ margin-bottom:45px;} .mb50{ margin- bottom:50px;} .mb60{ margin-bottom:60px;} .mb80{ margin-bottom:80px;} .black{ color:#333; } .red{ color:#c8201d; } /*公用*/ .div100{ width:100%;} .text_l{ text-align:left;} .text_r{ text-align:right;} .text_c{ text-align:center;} .width{ width:1200px; margin:0 auto; } .animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; } .formtext{ width:300px; border:1px solid #DFDEDE; border-radius:4px; padding:7px 6px; color:#777; font-size:12px; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .formtext:focus{ border:1px solid #ccc; color:#222; } .dashedLine{ display:block; height:1px; border-bottom:1px dashed #C2C2C2; overflow:hidden; margin-bottom:58px; } /*分页*/ .pageNum { width: 100%; margin: 50px 0; } .pageNum a { display: inline-block; text-align: left; padding: 10px 20px; font: normal 14px 'microsoft yahei'; color: #888888; border: 1px solid #e6e6e6; margin-right: 10px; transition: all .3s ease; } .pageNum span { display: inline-block; text-align: left; padding: 10px 20px; font: normal 14px 'microsoft yahei'; color: #888888; border: 1px solid #e6e6e6; margin-right: 10px; } .pageNum a:hover { color: #ffffff; border-color: #10c9d9; background: #10c9d9; } .pageNum span.cur { color: #ffffff; border-color: #10c9d9; background: #10c9d9; } /*加载动画*/ .loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/assets/static/images/index/bg.png) no-repeat center; background-size: cover; overflow: hidden; z-index: 98; /*display: none;*/ } .loading .loadNav { width: 280px; height: 286px; position: absolute; top: 50%; margin-top: -143px; left: 50%; margin-left: -140px; font-size: 0; } .loading .loadNav img { display: block; width: 100%; height: 100%; } .loading .loadNav.cur img { animation: myFirst 1s ease; } .loading .loadNav.cur1 img { animation: myTwo 0.5s ease; } @keyframes myFirst { 0% { transform: scale(0); opacity: 0; } /*75% { transform: scale(1.1); opacity: .75; }*/ 100% { transform: scale(1); opacity: 1; } } @keyframes myTwo { 0% { transform: scale(1); filter: blur(0px); opacity: 1; } /*75% { transform: scale(5); filter: blur(5px); opacity: .25; }*/ 100% { transform: scale(1.5); filter: blur(5px); opacity: 0; } } html,body { height: 100%; } .head { width: 100%; height: 134px; position: absolute; top: 0; left: 0; } .head .contain { height: 134px; position: relative; } .head .left { height: 100%; position: relative; } .head .left a { position: absolute; bottom: 0; left: 0; } .head .menu { position: absolute; right: 0; bottom: 0; height: 100%; } .head .menu ul { height: 100%; } .head .menu ul li { float: left; width: 85px; margin-right: 110px; height: 100%; position: relative; } /*.head .menu ul li:first-child { margin-right: 113px; } .head .menu ul li:nth-child(2) { margin-right: 114px; } .head .menu ul li:nth-child(3) { margin-right: 105px; } .head .menu ul li:nth-child(4) { margin-right: 106px; } .head .menu ul li:last-child { margin-right: 79px; }*/ .head .menu ul li a { display: block; height: 60px; font: normal 16px/60px 'Arial'; color: #ffffff; position: relative; padding-left: 35px; bottom: 0; margin-top: 75px; } .head .menu ul li a span { display: block; opacity: 1; transform: translateY(0); transition: all .5s ease; } .head .menu ul li a em { display: none; opacity: 0; transform: translateY(100%); transition: all .5s ease;} .head .menu ul li a:hover span { display: none; } .head .menu ul li a:hover em { display: block; opacity: 1; transform: translateY(0); } .head .menu ul li i { display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 5px; } .head .menu ul li a:before { display: block; content: ''; width: 10px; height: 10px; border: 1px solid #ffffff; border-radius: 50%; left: 0; top: 50%; margin-top: -6px; position: absolute; left: 0; transition: all .5s ease; } .head .menu ul li a:after { position: absolute; display: block; content: ''; width: 1px; height: 0; background: #ffffff; top: -75px; left: 5px; transition: all .5s ease; } .head .menu ul li a:hover:before { background: #ffffff; } .head .menu ul li a:hover:after { height: 100px; } .head .menu ul li.cur a:before { background: #ffffff; } .head .menu ul li.cur a:after { height: 100px; } .head .right { position: absolute; width: 65px; right: 12.5%; height: 60px; margin-top: 74px; top: 0; } .head .right ul { position: absolute; width: 100%; top: 50%; left: 0; height: 17px; margin-top: -8.5px; } .head .right ul li { float: left; width: 22px; height: 17px; } .head .right ul li a { display: block; width: 100%; height: 100%; transition: all .5s ease; } .head .right ul li:first-child { margin-right: 20px; } .head .right ul li:first-child a { background: url(/assets/static/images/weCat1.png) top center; } .head .right ul li:last-child a { background: url(/assets/static/images/weiBo1.png) top center; } .head .right ul li a:hover { background-position: bottom center; } .head .topLines { width: 100%; height: 22px; position: absolute; top: 0; left: 0; background: url(/assets/static/images/topLines.png) repeat-x left center; } .head .topLines span { display: block; width: auto; height: 100%; background: url(/assets/static/images/topL_h.png) repeat-x left center; transition: all .5s ease; } body { width: 100%; min-height: 100%; background: url(/assets/static/images/allBg.png) repeat-y center; } .wrapIndex { margin-top: 134px; height: 100%; } .wrapIndex .xinIndex { margin-top: -134px; height: 100%; overflow: hidden; display: none; } .wrapIndex .xinIndex .cen { margin-top: 268px; position: relative; height: auto; overflow-x: hidden; } .wrapIndex .xinIndex .cen .nav { position: relative; height: 526px; overflow-x: hidden; } .wrapIndex .xinIndex .cen .nav .width { position: absolute; height: 100%; left: 50%; margin-left: -600px; } .wrapIndex .xinIndex .cen .nav .left { width: 32%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; background: url(/assets/static/images/index/b.png) no-repeat center/cover; } .wrapIndex .xinIndex .cen .nav .lSwiper img { max-width: 90%; } .wrapIndex .xinIndex .cen .nav .right { width: 81.25%; position: absolute; top: 0; z-index: 1; right: 0; height: 100%; overflow: hidden; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide { width: auto; } .wrapIndex .xinIndex .cen .nav .rSwiper img { max-width: 100%; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide { opacity: .1; transition-delay: 0.5s; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a { width: 180px; height: 26px; position: absolute; left: 20px; bottom: 20px; font: normal 20px 'Arial'; color: #ffffff; padding: 0 50px; display: none; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a span { display: block; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a em { display: none; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a:hover span { display: none; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a:hover em { display: block; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a:before { display: block; content: ''; width: 39px; height: 30px; position: absolute; top: -7px; left: 0; background: url(/assets/static/images/index/c.png) no-repeat center; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide p a:after { display: block; content: ''; width: 11px; height: 20px; position: absolute; top: 0px; right: 0; background: url(/assets/static/images/index/r.png) no-repeat center; } .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide.swiper-slide-active { opacity: 1; } .wrapIndex .xinIndex .cen .nav .rSwiper .rNext { right: 35%; width: 65px; height: 65px; background: url(/assets/static/images/index/rNext.png) no-repeat center; display: none; } /*.wrapIndex .xinIndex .cen .nav .rSwiper:hover .rNext { display: block; }*/ .wrapIndex .xinIndex .cen .nav .rSwiper .swiper-slide:hover p a { display: block; } .wrapIndex .xinIndex .navTab { position: absolute; bottom: 0; z-index: 9; } .wrapIndex .xinIndex .navTab ul li { margin-bottom: 30px; } .wrapIndex .xinIndex .navTab ul li a { display: inline-block; width: 150px; height: 20px; font: normal 14px 'Arial'; color: #ffffff; position: relative; padding-right: 30px; } .wrapIndex .xinIndex .navTab ul li a span { display: block; transition: all .5s ease; } .wrapIndex .xinIndex .navTab ul li a em { display: none; transition: all .5s ease; } .wrapIndex .xinIndex .navTab ul li a:hover span { display: none; } .wrapIndex .xinIndex .navTab ul li a:hover em { display: block; } .wrapIndex .xinIndex .navTab ul li a:after { content: ''; display: block; width: 0; height: 1px; background: #ffffff; position: absolute; right: 17px; top: 50%; margin-top: -.5px; transition: all .5s ease; } .wrapIndex .xinIndex .navTab ul li a:hover:after { right: 0; width: 17px; } .wrapIndex .xinIndex .navTab ul li.cur a:after { right: 0; width: 17px; } .wrapIndex .xinIndex .navTab ul li:last-child { margin-bottom: 0; } .indexFoot { position: absolute; width: 100%; bottom: 36px; } .indexFoot p { float: left; width: 33.3%; } .indexFoot p em { font: normal 14px 'Arial'; color: #ffffff; opacity: .5; background: url(/assets/static/images/i.png) no-repeat left center; padding: 10px 0; padding-left: 40px; } .indexFoot p i { font: normal 14px 'microsoft yahei'; color: #ffffff; opacity: .5; } .indexFoot p span { font: normal 14px 'microsoft yahei'; color: #ffffff; opacity: .5; background: url(/assets/static/images/p.png) no-repeat left center; padding: 10px 0; padding-left: 45px; } .indexFoot p a { font: normal 14px 'Arial'; color: #ffffff; opacity: .5; } .indexFoot p:last-child { text-align: right; } .indexFoot1 { position: relative; width: 100%; margin: 30px 0; } .indexFoot1 p { float: left; width: 33.3%; } .indexFoot1 p em { font: normal 14px 'Arial'; color: #ffffff; opacity: .5; background: url(/assets/static/images/i.png) no-repeat left center; padding: 10px 0; padding-left: 40px; } .indexFoot1 p i { font: normal 14px 'microsoft yahei'; color: #ffffff; opacity: .5; } .indexFoot1 p span { font: normal 14px 'microsoft yahei'; color: #ffffff; opacity: .5; background: url(/assets/static/images/p.png) no-repeat left center; padding: 10px 0; padding-left: 45px; } .indexFoot1 p a { font: normal 14px 'Arial'; color: #ffffff; opacity: .5; } .indexFoot1 p:last-child { text-align: right; } /*@media screen and (max-width: 1680px){ .head .menu ul li:first-child { margin-right: 114px; } .head .menu ul li:nth-child(2) { margin-right: 114px; } .head .menu ul li:nth-child(3) { margin-right: 104px; } .head .menu ul li:nth-child(4) { margin-right: 105px; } .head .menu ul li:last-child { margin-right: 78px; } } @media screen and (max-width: 1600px){ .wrapIndex .xinIndex .cen .nav .lSwiper img { max-width: 95%; } .wrapIndex .xinIndex .cen { margin-top: 160px; } .wrapIndex .xinIndex .cen .nav { margin-left: 12.75%; width: 87.25%; } .wrapIndex .xinIndex .navTab { left: 12.75%; } } @media screen and (max-width: 1440px){ .head .menu { right: 80px; } .head .menu ul li:first-child { margin-right: 113px; } .head .menu ul li:nth-child(2) { margin-right: 114px; } .head .menu ul li:nth-child(3) { margin-right: 104px; } .head .menu ul li:nth-child(4) { margin-right: 105px; } .head .menu ul li:last-child { margin-right: 88px; } .wrapIndex .xinIndex .cen .nav { margin-left: 8.75%; width: 91.25%; } .wrapIndex .xinIndex .cen .nav .left { width: 22%; } .wrapIndex .xinIndex .navTab { left: 8.75%; } } @media screen and (max-width: 1366px){ .head .menu ul li:first-child { margin-right: 114px; } .head .menu ul li:nth-child(2) { margin-right: 114px; } .head .menu ul li:nth-child(3) { margin-right: 103px; } .head .menu ul li:nth-child(4) { margin-right: 107px; } .head .menu ul li:last-child { margin-right: 89px; } .head .right { right: 8.5%; } .wrapIndex .xinIndex .cen .nav { margin-left: 6.15%; width: 93.25%; height: 386px; } .wrapIndex .xinIndex .cen .nav .left { width: 20%; } .wrapIndex .xinIndex .cen .nav .right { height: 100%; } .wrapIndex .xinIndex .cen .nav .rSwiper { height: 100%; } .wrapIndex .xinIndex .cen .nav .rSwiper img { max-height: 100%; object-fit: cover; } .wrapIndex .xinIndex .navTab { left: 6.15%; } } @media screen and (max-width: 1280px){ .head .menu ul li:first-child { margin-right: 114px; } .head .menu ul li:nth-child(2) { margin-right: 114px; } .head .menu ul li:nth-child(3) { margin-right: 103px; } .head .menu ul li:nth-child(4) { margin-right: 107px; } .head .menu ul li:last-child { margin-right: 85px; } .head .right { right: 6.5%; } .wrapIndex .xinIndex .cen .nav { margin-left: 3.4%; width: 96.6%; height: 355px; } .wrapIndex .xinIndex .cen .nav .left { width: 20%; } .wrapIndex .xinIndex .cen .nav .right { height: 100%; } .wrapIndex .xinIndex .cen .nav .rSwiper { height: 100%; } .wrapIndex .xinIndex .cen .nav .rSwiper img { max-height: 100%; object-fit: cover; } .wrapIndex .xinIndex .navTab { left: 3.4%; bottom: 100px; } }*/ @media screen and (max-width: 1600px){ .wrapIndex .xinIndex .cen { margin-top: 160px; } } @media screen and (max-width: 1440px){ .wrapIndex .xinIndex .cen .nav { height: 426px; } } /* FILE ARCHIVED ON 09:40:06 Feb 25, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:40:15 Jul 08, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.2 exclusion.robots: 0.364 exclusion.robots.policy: 0.344 esindex: 0.02 cdx.remote: 37.064 LoadShardBlock: 362.305 (3) PetaboxLoader3.datanode: 579.295 (5) PetaboxLoader3.resolve: 367.768 (3) load_resource: 762.111 (2) */