* { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; font-size: 10px; font-family: "微软雅黑"; } ul, li { list-style: none; } a { text-decoration: none; cursor: pointer; } h1 { margin: 0; padding: 0; } .hr { width: 100%; height: 1%; background-color: lightskyblue; float: left; margin-top: 7%; } .wrap { width: 100%; height: 100%; position: relative; top: 0; left: 0; min-width: 960px; } .header { width: 100%; float: left; z-index: 4; position: relative; min-width: 1006px; } .header_box { width: 95%; height: 100%; margin: 0 auto; } .logo { width: 18%; height: 100%; float: left; padding-top: 1%; } .logo img { width: 100%; height: 100%; border: 0; } .nav { width: 80%; height: 100px; float: right; } .navli { float: left; margin-left: 4.8%; margin-top: 4.3%; text-align: center; width: 8%; height: 40px; line-height: 40px; border-radius: 50%; } .nav a { color: black; font-size: 1.7em; } .navul li :hover { color: #0057a0; } .change { position: absolute; top: 10px; right: 0; } .change span { font-size: 1.5em; } .change a:hover { color: #0057a0; } .hov { display: none; background-color: rgba(0, 0, 0, .1); line-height: 25px; border-radius: 50%; } .banner-top { width: 100%; float: left; } .banner-top img { width: 100%; } .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; } .aboutus { width: 100%; float: left; min-width: 960px; margin-top: 7%; } .au-top { font-size: 3.1em; text-align: center; } .au-main { width: 95%; margin: 0 auto; } .au-main p { font-size: 2.1em; text-align: center; } .au-main span { font-size: 1.5em; padding-top: 6%; line-height: 150%; color: dimgray; display: block; } .au-main div { width: 23%; float: left; margin-left: 2%; margin-top: 3%; } .foods { width: 100%; float: left; margin-top: 5%; text-align: center; } .foods>span { font-size: 3em; } .foodsbox { width: 90%; float: left; margin-left: 5%; } .food { width: 30%; height: 40%; float: left; margin-left: 2.5%; margin-top: 2.5%; position: relative; overflow: hidden; } .foodimg { width: 100%; } .foodtext { width: 100%; position: absolute; bottom: 4px; left: 0; background-color: rgba(0, 0, 0, .5); color: white; word-wrap: break-word; } .foodtext span { color: darkorange; font-size: 1.8em; } .text-hide { line-height: 2em; font-size: 1.5em; display: none; } .food img { width: 100%; border: 0; } .com { width: 100%; float: left; margin-top: 7%; } .combox { width: 70%; margin: 0 auto; text-align: center; padding-top: 2%; } .com>p { font-size: 3em; text-align: center; } .combox .swiper-slide p { font-size: 2.3em; line-height: 2em; } .combox .swiper-slide span { font-size: 1.9em; line-height: 2em; } .footer { width: 100%; float: left; margin-top: 2%; position: relative; color: black; } .footertop { float: left; width: 100%; min-height: 100px; background: url(/system/skin/default/en/img/lang.png) bottom no-repeat; background-size: 100%; } .footerbox { width: 100%; float: left; background-color: #0057a0; } . .au-main span:hover { -webkit-box-shadow: 2px 2px 2px 2px darkgray; -moz-box-shadow: 2px 2px 2px 2px darkgray; box-shadow: 2px 2px 2px 2px darkgray; } .au-main span a { color: black; } .conn { font-size: 1.6em; line-height: 1.7em; width: 90%; float: left; margin-left: 5%; } .conn p { color: white; letter-spacing: 0.2em; } .cop1 { float: left; } .cop2 { float: right; } .conn img { width: 16px; height: 16px; vertical-align: middle; } .address { width: 30%; height: 100%; float: right; } .address img { width: 100%; float: left; } .support { width: 100%; float: left; text-align: center; } .jieshao, .jiagong { width: 80%; margin-left: 10%; padding-top: 2%; float: left; } /*-----------jieshao新增css----------------*/ .content-box img{ width:36%;margin-top: 2%;} .content-box .img-left{ float:left;} .content-box .img-right{ float:right;} .content-box .p-right{ width:60%; float:right;} .content-box .p-left{ width:60%; float:left;} /*--------------------*/ .jieshao p, .jiagong p { font-size: 1.6em; line-height: 1.9em; text-indent: 2em; margin-top: 2%; } .jieshao h1, .jiagong h1 { font-size: 3em; text-align: center; } .pim { text-align: center; } .pim img { width: 40%; height: 1%; } .us { width: 100%; height: 15%; float: left; background-image: url(/system/skin/default/en/img/s.png); background-size: 100% 100%; text-align: center; margin-top: 5%; } .us p { font-size: 3.5em; color: white; line-height: 2.5em; } .foodshow { width: 100%; float: left; text-align: center; } .food_pic { float: left; width: 400px; } .foodshow>p { font-size: 2em; text-align: center; } .foodshow table { float: right; font-size: 1.6em; } .haishenbox { width: 100%; float: left; background-color: #FFFEF1; } .haishenbox img { width: 50%; height: 420px; float: left; } .baoyubox { width: 100%; background-color: #FFFEF1; } .baoyubox img { text-align: center; width: 50%; } .foodbox { min-width: ; width: 80%; float: left; margin-left: 10%; min-width: 950px; margin-top: 5%; } .foodbox img { width: 100%; } .a, .b { height: 40px; } .a { width: 100px; } .b { width: 500px; } .food_text { width: 500px; float: right; margin-top: 16px; } .news { width: 100%; float: left; } .newsbox { width: 960px; margin-top: 3%; float: left; position: relative; left: 50%; margin-left: -480px; } /*--------------------feedback-----------------------*/ .feedback-box{width: 960px;float: left; margin-top: 2%; position: relative; left: 50%; margin-left: -480px; background:url(/system/skin/default/en/img/contact-bg.jpg) no-repeat;} .feedback-box h4{ font-size:2.8em; font-weight:normal;} .feedback-box form{ padding-top:3%;} .your-para{ font-size:1.5em;margin-left:15%;} .feedback-box input[type="text"],.feedback-box textarea{ width: 70%; padding: 1em; margin: 1em 0; background: #fff; outline: none; border: 1px solid #DADADA; -webkit-appearance: none; margin-left:15%; } .feedback-box textarea{ resize:none; } .feedback-send a{ width:8em; height:3.2em; background:#09F; line-height:3.2em;margin:0 auto; text-align:center; color:#FFF; font-size:1.5em; display:block; margin-bottom:2%;} .feedback-send a:hover{ background:#FFF; color:#09F; cursor:pointer;} /*-----------------*/ /*----------video------------*/ .width-box{ width:100%;} .video-box{ width:81em;margin:0 auto;} .video-vcr{float:left; padding:5em 1em 0; position:relative;} .video-vcr img{ width:25em;} .video-hover{ position:absolute; top:5em; left:1em; display:none;} .video-vcr:hover .video-hover{ display:block;} .jiameng {width: 100%; text-align:center;} .jiameng img { margin-top:5em;width: 80%;} /*----------------------*/ .news_t { height: 60px; font-size: 3.1em; line-height: 60px; text-align: center; } .newspan { float: right; font-size: 1.6em; line-height: 2.8em; } .newstop { border-bottom: 1px solid black; } .news_right { float: left; width: 100%; min-width: 950px; background: #f0f0f0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); } .map { width: 100%; float: left; } .mappic { width: 69%; float: left; } .mapad { width: 30%; float: right; line-height: 2em; font-size: 1.7em; margin-top: 10%; } .news>p { text-align: center; } .newli li { height: 40px; width: 95%; margin: 1.5%; border-radius: 5px; background-color: white; line-height: 40px; } .newli li a { color: black; border-left: 5px solid orange; padding-left: 15px; } .newli li a:hover { color: #0057a0; } .newli span { font-size: 1.7em; } .newli time { float: right; } .next { text-align: center; font-size: 1.4em; } .next a { margin-left: 20px; color: black; } .next a:hover { color: #0057a0; } .newtext { text-align: center; padding: 10px; } .newtext p { text-align: left; text-indent: 2em; font-size: 1.5em; line-height: 1.8em; } .wel { width: 100%; height: 100%; min-width: 1200px; min-height: 630px; background: url(/system/skin/default/en/system/skin/default/ch/img/psd226.jpg); background-size: 100% 100%; overflow: hidden; } .wel-box { width: 100%; height: 100%; text-align: center; } .wel-logo { width: 350px; position: absolute; right: 160px; } .wel-logo img { width: 100% } .welbtn { width: 400px; position: relative; top: 86%; margin: 0 auto; } .welbtn1 { width: 140px; float: left; background-color: #1A83BD; border: 1px solid white; } .welbtn2 { width: 140px; background-color: #1A83BD; float: right; border: 1px solid white; } .wel-box a { color: white; font-size: 2em; } .video { text-align: center; background-color: #FFFEF2; background-image: url(/system/skin/default/en/img/videobg.jpg); background-size: 100% 100%; float: left; width: 100%; height: 522px; } @media screen and (max-width: 1200px) { .nav a { color: black; font-size: 1.5em; } .navli { float: left; margin-left: 2.5%; margin-top: 4.5%; width: 75px; } .banner-top { width: 100%; float: left; } .au-main div { width: 45%; float: left; margin-top: 3%; text-align: center; } } /* FILE ARCHIVED ON 00:13:28 Oct 28, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:13:06 Sep 09, 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.787 exclusion.robots: 0.031 exclusion.robots.policy: 0.018 esindex: 0.01 cdx.remote: 6.02 LoadShardBlock: 136.051 (3) PetaboxLoader3.datanode: 43.655 (4) PetaboxLoader3.resolve: 246.138 (2) load_resource: 231.443 */