section{ background-color: #F3F3F3; } .content{ width: 1000px; margin: 0 auto; padding-top: 10px; } .top{ width: 1000px; height: 316px; } .bannerBox{ width: 600px; height: 316px; position: relative; float: left; cursor: pointer; } .bannerBox:hover .left{ display: block; } .bannerBox:hover .right{ display: block; } #swiper1{ width: 600px; height: 316px; } #swiper1{ filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95; } #swiper1 .swiper-slide,#swiper1 img{ width: 662px; height: 280px; font-size: 100px; line-height: 280px; text-align: center; object-fit: cover; } .direction img{ margin-top: 12px; } .left{ position: absolute; top: 112px; width: 26px; height: 65px; background-color: rgba(64,64,64,0.6); text-align: center; line-height: 65px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; z-index: 2; display: none; } .left img{ width:15px ; height: 28px; margin-top: 18px; margin-right: 3px; } .right{ position: absolute; top: 112px; right: 0; width: 26px; height: 65px; background-color: rgba(64,64,64,0.6); border-bottom-left-radius: 4px; border-top-left-radius: 4px; z-index: 2; display: none; } .right img{ width:15px ; height: 28px; margin-top: 18px; margin-left: 6px; } .news{ float: left; width: 385px; padding-left: 15px; } .news>h2{ font-weight: normal; } .news>h2>a{ font-size: 20px; color: #1788bd; } .news>h2>span{ font-size: 20px; color: #86d186; } .news>ul{ margin-top: 5px; } .news>ul>li{ height: 26px; line-height: 26px; } .news>ul>li>a,.news>ul>li>span{ font-size: 12px; color: black; float: left; display: inline-block; } .news>ul>li>a:hover{ color: #1788bd; } .news>ul>li>a{ width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news>ul>li>span{ padding-left: 10px; font-family: Arial, Helvetica, sans-serif; color: #545454; } .bottom{ height: 186px; padding-bottom: 50px; } .bottom>div{ float: left; } .bottom>div>a>img{ width: 320px; height: 180px; } .bottom div:nth-child(1){ margin-right: 165px; } .bottom div:nth-child(3){ margin-left: 10px; } .link{ font-size: 12px; } .link>li{ height: 26px; line-height: 26px; } .link>li>a{ color: black; } .link>li>a:hover{ color: #1788bd; } .about{ margin-top: 20px; } /* FILE ARCHIVED ON 05:04:09 Jan 02, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:19:42 Jul 21, 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.602 exclusion.robots: 0.174 exclusion.robots.policy: 0.165 esindex: 0.009 cdx.remote: 12.326 LoadShardBlock: 281.308 (3) PetaboxLoader3.datanode: 130.563 (4) PetaboxLoader3.resolve: 214.533 (2) load_resource: 114.629 */