/************************************************* *********** Initialization CSS Styles ************ ************* Written by: Cool, 2015 ************* *************************************************/ * { margin: 0; padding: 0; } html, body { width: 100%; font-size: 14px; line-height: 1em; font-family: 'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei','SimSun',Arial,Tahoma,sans-serif; } h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; line-height: 1em; } li { list-style: none; } a, a:hover, a:focus { line-height: 1em; color: inherit; text-decoration: none; } span { line-height: 1em; } .clear, .wrapper:after, .clearfix:after { display: block; height: 0; clear: both; content: ''; } .clear, .wrapper:after { visibility: hidden; } .wrapper { margin: 0 auto; } .full-single, .full-single body { width: 100%; height: 100%; overflow: hidden; } /************************************************* ******************* navigation ******************* *************************************************/ /*----------flash----------*/ .flash {width:100%; height:467px; min-width:1170px;} .flash li {width:100%; background-position:center top; background-repeat:no-repeat; height:467px;} .flash li a { display:block; height:100%; width:100%;} .flash .bx-wrapper { position: relative;*zoom: 1;} /*加载界面*/ .flash .bx-wrapper .bx-loading { min-height:50px; background:#fff url(/images/bx_loader.gif) center center no-repeat; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } /*导航 相对bx-wrapper定位*/ .flash .bx-wrapper .bx-pager { position: absolute; bottom: 15px; right:25px; z-index:80; width:100%; text-align: center; } .flash .bx-wrapper .bx-pager.bx-default-pager a { background:url(/images/flash_num3.png) no-repeat; display:block; width:23px; height:23px; text-indent:-9999px; margin:0 6px; outline:0; font-size:0px; line-height:0;} .flash .bx-wrapper .bx-pager.bx-default-pager a:hover, .flash .bx-wrapper .bx-pager.bx-default-pager a.active { background-position:0 -38px;} .flash .bx-wrapper .bx-pager .bx-pager-item{ display:inline-block; *zoom:1; *display:inline;} header { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; } body.home header .wrapper { overflow: visible; } #container #secondary { float: left; padding-top: 5px; width: 255px; } #container #secondary #menu h1 { position: relative; padding-left: 22px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; background-color: #0091db; } #container #secondary #menu ul { border-bottom: 2px solid #e0e2e6; background-color:#e0e2e6; color: #0056a8; } #container #secondary #menu ul p{ line-height:22px; padding:10px; } #container #secondary #menu h1:after { position: absolute; top: 50%; right: 22px; margin-top: -7px; height: 14px; width: 14px; background: url('/images/menu_direction_w.png') no-repeat center; content: ''; } #container #secondary #menu li a { position: relative; display: block; padding-left: 46px; width: 100%; height: 50px; line-height: 50px; color: #0056a8; font-size: 12px; background-color: #f3f3f5; } #container #secondary #menu li a:before { position: absolute; top: 50%; left: 22px; margin-top: -8px; height: 15px; width: 15px; background: url('/images/menu_direction_b.jpg') no-repeat 0 0; content: ''; } #container #secondary #menu li:hover a, #container #secondary #menu li.active a { background-color: #e1e1e3; } #container #secondary #menu li:hover a:before, #container #secondary #menu li.active a:before { background-position: 0 -15px; } #container #content { float: right; width: 940px; } #container.none #content { float: none; padding-top: 45px; width: 100%; } #container #location { padding-top: 15px; padding-bottom: 20px; color: #303030; border-bottom: 1px solid #e4e7eb; } #container #location h2 { float: left; font-size: 16px; } #container #location h2 small { font-family: Arial; } #container #location .location { position: relative; float: right; padding-left: 26px; background: url('/images/home.jpg') no-repeat left center; } #container #location .location a { display: inline-block; line-height: 16px; font-size: 12px; } #container #location .location a:first-child { } #container #location .location .in { color: #7b7b7b; } .dropdown-sub-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.85); box-shadow: 0 1.5px 3px rgba(0,0,0,.15); } #navigation { position: relative; } #navigation:before { position: absolute; top: 0; left: 0; width: 100%; height: 75px; background-color: #0091db; content: ''; } #navigation .logo { float: left; margin-top: 7px; margin-left: 0; height: 66px; } #navigation .logo img { width: 100%; height: 100%; } .navigation { float: right; display: block; margin-bottom: 0; min-height: 30px; border: none; border-radius: 0; z-index: 100; border: none; } .dropdown { position: relative; float: left; width: 95px; text-align: center; } .dropdown .blue, .dropdown .direction { position: absolute; display: block; content: ''; } .dropdown .blue { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; top: -25px; left: 0; width: 95px; height: 88px; background: url('/images/nav.png') no-repeat left bottom; } .dropdown .direction { opacity: 0; left: 50%; margin-left: -8px; top: 60px; width: 15px; height: 8px; background: url('/images/nav_direction.png') no-repeat left top; } .dropdown:first-child { margin-left: 0; } .dropdown.active .blue { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; top: 0; } .dropdown.active .direction { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .dropdown > a { display: block; position: relative; padding-top: 30px; width: 100%; height: 75px; color: #fff; text-align: center; } .dropdown .dropdown-sub { display: none; position: relative; } .dropdown ol { padding-top: 25px; padding-bottom: 20px; } .dropdown ol li { padding: 4px 0; margin-left:-10px; width:120px; } .dropdown ol li a { line-height: 18px; color: #707070; font-size: 12px; } .dropdown .sub-menu { position: absolute; width: 100%; top: 100%; left: 0; width: 100%; background: url('/images/menu.png') repeat left top; visibility: hidden; display: inline-block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: visibility 0s linear 0.3s, opacity 0.2s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.2s linear; -ms-transition: visibility 0s linear 0.3s, opacity 0.2s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.2s linear; transition: visibility 0s linear 0.3s, opacity 0.2s linear; } .dropdown .sub-menu.visible, .dropdown:hover .sub-menu { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /* 翻页按钮 */ .navPage{clear:both;padding:15px 10px 10px 15px;text-align:center;} .navPage ul{ text-align:center;} .navPage li{float:left;width:20px; padding:0 2px;} .navPage a{padding:2px 4px; color:#666666;} .navPage a:hover,a.pagebarCurrent,.navPage a.c{color:#f77b00;text-decoration:none; } /************************************************* ********************* footer ********************* *************************************************/ footer { color: #545454; font-size: 13px; background-color: #eee; } footer #footer { padding: 15px; } footer #footer p { line-height: 25px; text-align: center; } footer .wrapper { overflow: visible !important; } footer .wrap { position: relative; padding-top: 10px; padding-bottom: 8px; } footer .wrap .logo { position: absolute; top: 20px; left: 0; width: 162px; height: 60px; } footer .wrap .logo img { width: 100%; height: 100%; } footer .wrap > p { float: left; margin-top: 10px; margin-left: 185px; line-height: 24px; } footer .wrap .wechat { float: right; margin-top: 10px; right: 0; line-height: 16px; } footer .wrap .wechat p { float: left; position: relative; top: 21px; line-height: 20px; color: #545454; font-size: 12px; } footer .wrap .wechat img, #footer .right span { float: left; margin-left: 20px; width: 82px; height: 82px; } footer .wrap .wechat img:first-child, #footer .right span:first-child { margin-left: 0; } #footer .right span { height: auto; text-align: center; } footer .en { font-family: 'Arial'; } #footer { padding-top: 0px; padding-bottom: 10px; } #footer .left { float: left; max-width: 1040px; } #footer .left em { font-style: normal; color: #545454; font-size: 16px; } #footer .right { float: right; } #footer .cpr { font-family: 'Microsoft YaHei'; } #footer .gotop { display: inline-block; margin-left: 8px; padding-left: 22px; height: 16px; line-height: 16px; background: url('/images/gotop.jpg') no-repeat left center; } #returnTop { position: fixed; z-index: 3; display: block; right: 20px; bottom: 20px; width: 74px; height: 74px; background: url('/images/go_top.jpg') no-repeat center; opacity: 0.2; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } @media screen and (max-width: 1440px) { #returnTop { width: 60px; height: 60px; } } #returnTop:hover { opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; } #rocket-to-top { background: url("/images/rocket_button_up.png") no-repeat scroll 0 0 transparent; cursor: default; display: block; height: 250px; margin: 0; overflow: hidden; padding: 0; position: fixed; right: 0; bottom: 20px; width: 149px; z-index: 11; } #rocket-to-top div { left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 149px; } #rocket-to-top .level-2 { background: url("/images/rocket_button_up.png") no-repeat scroll -149px 0 transparent; display: none; height: 250px; opacity: 0; z-index: 1; } #rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 150px; z-index: 2; } /************************************************* ******************* pagination ******************* *************************************************/ .pagination-wrap { margin-top: 30px; margin-bottom: 50px; text-align: right; } .pagination { margin-bottom: 0; border-radius: 0; } .pagination li a { display: inline-block; padding: 0; width: 24px; height: 24px; line-height: 22px; color: #666; font-size: 12px; font-family: Arial; text-align: center; border-color: transparent; border-radius: 0 !important; cursor: pointer; } .pagination>.active>a, .pagination>li>a:hover, .pagination>li>a:focus { color: #fff; background-color: #9d9d9d; border-color: #9d9d9d; } .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus { z-index: 2; color: #fff; cursor: default; background-color: #9d9d9d; border-color: #9d9d9d; } .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus { color: #585858; font-weight: normal; border-color: #9d9d9d; } .pagination li.prev a, .pagination li.prev a:hover, .pagination li.prev a:focus, .pagination li.next a, .pagination li.next a:hover, .pagination li.next a:focus { color: #585858; font-size: 16px; font-family: 'SimSun','宋体'; background-color: #fff; border-color: #9d9d9d; } .pagination li.prev a { margin-right: 5px; } .pagination li.next a { margin-left: 5px; } /************************************************* ******************** bxslider ******************** *************************************************/ .bx-wrapper { margin: 0; } .bx-wrapper .bx-viewport { left: 0; background-color: transparent; border: none; box-shadow: none; } .bxslider { box-shadow: none; } .bx-wrapper .bx-pager { bottom: 40px; padding-top: 0; } .bx-wrapper .bx-pager.bx-default-pager a { width: 19px; height: 19px; background-color: #b5b5b5; border-radius: 50%; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #ac2131; } .bx-wrapper .bx-controls-direction a { margin-top: -46px; width: 75px; height: 93px; } .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover { left: 0; background: url('/images/slider_prev.png') no-repeat 0 0; } .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover { right: 0; background: url('/images/slider_next.png') no-repeat 0 0; } #suspension { position: absolute; z-index: 99999; top: 550px; left: 80px; width: 60px; transition: left .3s ease, opacity .2s ease; opacity: .2; } #suspension:hover { opacity: 1; } #suspension li { display: table; width: 100%; height: 60px; background-color: #333; } #suspension li a { display: table-cell; padding: 0; width: 100%; height: 60px; text-align: center; vertical-align: middle; border-top: 1px solid #5f5f5f; } #suspension li:first-child a { border-top: none; } #suspension li a span { display: inline-block; width: 2em; line-height: 1.43em; color: #fff; font-size: 14px; } #suspension li:nth-last-of-type(2) a span { width: 3em; } #suspension li.active a { background-color: #0290dc; } #suspension li a:hover, #suspension li a:focus { background-color: transparent !important; } #suspension li.active { background-color: #0290dc; } #suspension li.active a { cursor: default; } /* FILE ARCHIVED ON 02:34:47 Jan 22, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:01:17 Jul 11, 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: 0.537 exclusion.robots: 0.043 exclusion.robots.policy: 0.032 esindex: 0.011 cdx.remote: 22.676 LoadShardBlock: 97.624 (3) PetaboxLoader3.datanode: 631.232 (5) load_resource: 705.026 (2) PetaboxLoader3.resolve: 138.977 (2) */