@charset "utf-8"; * { font-family: "微软雅黑"; margin: 0; padding: 0; } body { max-width: 1920px; min-width: 1200px; /* min-height: 6000px; */ margin: 0 auto; } img { border: none; } li { list-style: none; } a { color: #682c2a; text-decoration: none; } .clear, .clearfix { clear: both; } .w1100 { width: 1200px; height: 100%; margin: 0 auto; } .w1200 { width: 1200px; height: 10%; margin: 0 auto; position: relative; } .absolute { position: absolute; } .relative { position: relative; } /*story_list*/ .story_list { width: 100%; box-sizing: border-box; } .story_list li { padding: 30px 10px; border-bottom: 1px dotted #ddd; } .story_list li .story_list_title { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: bold; } .story_list li .story_list_title a { color: #333; } .story_list li .story_list_title a:hover { color: #0189e1; } .story_list_cont { padding-left: 20px; box-sizing: border-box; font-size: 13px; line-height: 26px; } /*story_list end*/ /**/ #to_Top { color: #fff; position: fixed; bottom: 10px; right: 0; width: 36px; height: 42px; overflow: hidden; background: #1f52b9 url(/Template/skin/images/totop.png) no-repeat center; text-align: center; font-weight: bold; cursor: pointer; display: none; transition: .3s; } .floatLeft { float: left; } /*header:;*/ .header { width: 100%; height: 565px; background: #0c3875; position: relative; overflow: hidden; box-sizing: border-box; } /*Navigation*/ .nav { width: 100%; height: 110px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 20; } .nav_box { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .header_tel { position: absolute; right: 0; top: 15px; color: #fff; font-size: 18px; font-family: arial; font-weight: bold; padding-left: 30px; height: 21px; line-height: 21px; background: url(/Template/skin/images/htel.png) no-repeat left top -1px; } .nav h1 img { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } .nav_box .name { color: #fff; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); } .nav_box .name h2 { font-size: 22px; font-weight: normal; } .nav_box .name h3 { font-size: 12px; font-family: "宋体"; font-weight: normal; } .nav_list { padding-top: 52px; float: right; transform: translateX(25px); } .navLiA { font-size: 15px; color: #ececec; position: relative; margin-left: 0px; padding: 8px 25px; border-radius: 25px; } .navLiA:after { content: url(/Template/skin/images/navicon.png); position: absolute; top: 55px; left: 50%; transform: translateX(-50%); display: none; } .navLiA:last-child { margin-right: 0; } .navLiA:hover { background: #02b2ee; color: #fff; } .navLiAOn { background: #02b2ee; color: #fff; } .nav_list { float: right; } /*header end*/ /*banner star*/ .banner_big { width: 100%; position: relative; overflow: hidden; } .swiper-container-banner { width: 100%; } .swiper-container-banner .swiper-pagination-bullet { width: 40px; height: 4px; margin: 0 10px !important; background: rgba(255, 255, 255, 0.36); transition: .3s; } .swiper-container-banner .swiper-pagination-bullet-active { background: white; } .swiper-button-prev-banner { width: 43px; height: 61px; position: absolute; left: 60px; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; opacity: 0; transition: .3s; } .swiper-container-banner:hover .swiper-button-prev-banner { opacity: 1; left: 50px; } .swiper-button-prev-banner:before { content: ''; display: block; width: 6px; height: 30px; background: #ffffff; transform: skew(-30deg) translate(16.1px, 0.6px); } .swiper-button-prev-banner:after { content: ''; display: block; width: 6px; height: 30px; background: #ffffff; transform: skew(30deg) translate(16px, 0px); } .swiper-button-next-banner { width: 43px; height: 61px; /*background: rgba(0, 0, 0, .5);*/ position: absolute; right: 60px; top: 50%; transform: translateY(-50%) rotateZ(180deg); z-index: 10; cursor: pointer; opacity: 0; transition: .3s; } .swiper-container-banner:hover .swiper-button-next-banner { opacity: 1; right: 50px; } .swiper-button-next-banner:before { content: ''; display: block; width: 6px; height: 30px; background: #ffffff; transform: skew(-30deg) translate(17px, 1px); } .swiper-button-next-banner:after { content: ''; display: block; width: 6px; height: 30px; background: #ffffff; transform: skew(30deg) translate(16px, 1px); } .swiper-pagination-banner { text-align: center; position: absolute; bottom: 25px !important; z-index: 11; } /*banner end*/ /*search star*/ .resou_box { width: 100%; } .resou { width: 1200px; margin: 0 auto; padding: 35px 400px 35px 140px; box-sizing: border-box; color: #333; position: relative; } .resou a { color: #333; font-size: 14px; margin: 0 5px; } .resou a:hover { color: #0081ff; text-decoration: underline; } .w1100 { width: 1200px; height: 99%; margin: 0 auto; } .absolute { position: absolute; } .relative { position: relative; } .resou_word { color: #161616; position: absolute; left: 0; top: 36px; font-size: 14px; /* letter-spacing: 0px; */ } .resou_word span { color: #0081ff; font-weight: bold; } .search_word a { color: #fff; margin: 0 10px; } .search_word a:hover { text-decoration: underline; } .serach_tel { font-size: 18px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #1f7ece; font-weight: bold; letter-spacing: 1px; font-family: arial; } .serach_tel:before { content: url(/Template/skin/images/telico.png); display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 1px solid #1f7ece; position: absolute; right: 100%; top: 50%; transform: translate(-5px, -50%); } /**/ .search_cont { width: 400px; position: absolute; left: 420px; top: 50%; transform: translateY( -50%); } .resou_right { width: 600px; height: 100%; background: #6d1cf2; position: absolute; right: 0; top: 0; } .search { width: 450px; height: 50px; /* background: #fff; */ position: absolute; left: 50%; top: 340px; transform: translateX(-50%); } .select { width: 75px; height: 100%; background: rgba(0, 0, 0, 0); color: #fff; box-sizing: border-box; padding-right: 5px; padding-left: 10px; border: 1px solid rgba(0, 0, 0, 0); outline-color: rgba(0, 0, 0, 0); font-size: 14px; font-family: arial; float: left; /* margin-left: 20px; */ } .select option { color: #333; background: #ffffff; } .search:focus { outline: none; } .search .search_tow { width: 310px; height: 100%; box-sizing: border-box; padding: 0 10px; margin-left: 2px; background: #111119; font-size: 12px; color: rgba(255, 255, 255, .75); border: 1px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .search .search_button { width: 50px; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0) url(/Template/skin/images/searchicofff.png)no-repeat center; box-sizing: border-box; color: rgba(0, 0, 0, 0); font-size: 18px; border: 0; cursor: pointer; float: right; } .search .search_tow:focus { outline: #333; } .SearchType { background: rgba(0, 0, 0, 0); } .search .search_tow::-moz-placeholder { color: #333; } .search .search_tow::-ms-input-placeholder { color: #333; } .search .search_tow::-webkit-input-placeholder { color: #333; } .searchIco { width: 30px; height: 30px; background: url(/Template/skin/images/searchico.png) no-repeat center; font-size: 14px; position: absolute; right: 4px; top: 56%; transform: translateY(-50%); } /*搜索结束*/ /*网站地图开始*/ .mapUl { margin: 20px; border-bottom: 1px dashed #D9D9D9; } .mapUlP { line-height: 28px; text-indent: 2em; font-size: 16px; margin-left: -32px; margin-bottom: 5px; color: #666; } .mapUlP a { font-size: 14px; font-weight: bold; color: #666; } .mapUlP:hover { color: #5B9C34; } .mapUl .mapLi { color: #666; } .mapUl .mapLi:after { content: " "; margin-left: 20px; } .mapUl .mapLi:first-child:after { content: " "; margin-left: 0px; } .mapLi:hover { color: #5B9C34; } .on { background: #5B9C34; } .topTop { position: fixed; right: 0; bottom: 0; z-index: 999; width: 100px; height: 100px; line-height: 100px; color: red; font-weight: bold; text-align: center; } /*sitemap end*/ .caseOneTilte { text-align: center; } /*links star*/ .links { width: 100%; background: #3159c3; position: relative; } .links_cont { width: 1200px; padding: 70px 0 45px 195px; border-bottom: 1px solid rgba(181, 181, 181, .2); box-sizing: border-box; margin: 0px auto; position: relative; z-index: 2; } .links_cont:before { content: url(/Template/skin/images/linkst.png); position: absolute; left: 0; top: 58px; } .links a { color: rgba(255, 255, 255, .5); font-size: 14px; margin-right: 20px; position: relative; } .links a:after { content: '/'; color: rgba(255, 255, 255, .5); font-size: 12px; margin-left: 20px; } .links a:last-child:after { display: none; } .links_title span { position: absolute; left: 160px; top: 34px; font-size: 18px; letter-spacing: 2px; } .links_title span:before { content: ''; display: block; width: 100%; height: 2px; background: #333; position: absolute; top: -5px; left: 0; } .links a:hover { color: #fff; } /*links end*/ /*footer star*/ .footer { width: 100%; height: 310px; background: #315ac3; padding-top: 40px; } .footer_nav { width: 1200px; height: 70px; line-height: 70px; border-bottom: 1px solid rgba(181, 181, 181, .2); margin: 0 auto; } .footer_nav a { color: #fff; font-size: 14px; margin-right: 66px; position: relative; } .footer_nav a:hover { text-decoration: underline; } .footer_nav a:after { content: ''; display: block; width: 1px; height: 10px; background: rgba(204, 204, 204, 0.27); position: absolute; right: -40px; top: 38%; } .footer_nav a:last-child:after { display: none; } .foot_info { width: 1200px; margin: 0 auto; margin-top: 45px; } .foot_word { float: left; } .foot_copy { font-size: 13px; margin-top: 25px; color: rgba(255, 255, 255, .4); } .foot_copy a { color: rgba(255, 255, 255, .4); } .foot_copy a:hover { color: #fff; } .foot_word_a { margin-top: 20px; } .foot_word_a a { display: block; width: 30px; height: 30px; margin-right: 7px; float: left; cursor: pointer; position: relative; } #foot_tel_ico { padding-right: 150px; } #foot_tel_ico span { width: 150px; position: absolute; color: #fff; font-weight: bold; font-size: 18px; font-family: arial; position: absolute; left: 40px; top: 50%; transform: translate(0, -50%); display: none; } #foot_tel_ico:hover span { display: block; } .foot_ewm { float: left; margin-right: 100px; } .foot_ewm_one { height: 112px; height: 180px; float: left; } .foot_ewm_img { width: 112px; height: 112px; overflow: hidden; position: relative; } .foot_ewm_img img { width: 100%; height: 100%; } .foot_ewm_p { text-align: center; margin-top: 15px; font-size: 13px; color: rgba(255, 255, 255, .5); } /*footer end*/ /* FILE ARCHIVED ON 09:09:53 Apr 14, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:49:54 Aug 24, 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.513 exclusion.robots: 0.035 exclusion.robots.policy: 0.021 esindex: 0.014 cdx.remote: 26.986 LoadShardBlock: 569.123 (3) PetaboxLoader3.datanode: 166.535 (4) load_resource: 331.256 PetaboxLoader3.resolve: 254.853 */