1.网页效果图2，网站首页代码：<!

 

1.网页效果图

2，网站首页代码：

开心营业♡

.banner_slide {width: 100%;height: 300px;}#audio {position: fixed;left: 0;top: 0;z-index: 888}

var swiper = new Swiper(.swiper-container, {pagination: {el: .swiper-pagination,

},autoplay: {delay: 2500,disableOnInteraction: false,}});

3.网站css代码：.dl_block{ line-height: 40px; } .dl_blockdd{ width: 120px; margin-right: 20px; float

: left; font-size: 15px; text-align: right; } .dl_blockdt{ width: 240px; float: left;

text-align: left; font-size: 14px; } .dl_blockdt.block_input{ border: 1px solid #ddd; min-width

: 100px; height: 30px; line-height: 30px; padding:05px; } .login_boxh2{ padding: 0px

010px170px; text-align:left } .dl_block{ padding: 10px0; } .dl_blockdt.sex{ padding-right

: 10px; } .school_p{ text-align:center } .btn_submit{ padding: 5px20px; background: #FFEA6F

; color: #372412; } body { margin: 0; padding: 0; background: #372412url(../images/img01.gif) repeat-x;

font-size: 13px; color: #FFFFFF; } body, th, td, input, textarea, select, option { font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3 { text-transform: lowercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing

: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { } blockquote { padding-left: 1em

; } blockquotep, blockquoteul, blockquoteol { line-height: normal; font-style: italic; } a { color

: #FFEA6F; } a:hover { text-decoration: none; } img { border: none; } .page_p{ text-align:left;

text-indent:2em; } /* Header */#header { width: 830px; height: 280px; margin: 0 auto; background: url no-repeat; }

/* Logo */#logo { height: 130px; background: url(../images/img07.gif) no-repeat top 20px left 0; }

#logoh1 { padding: 40px40px050px; letter-spacing: -2px; font-size: 38px; } #logoh2 { float: right;

padding: 68px000; font-size: 24px; } #logoa { text-decoration: none; color: #372412; } /* Gallery */

#gallery { clear: both; width: 830px; height: 300px; margin: 0 auto; } #top-photoh2 { height:

1.4em; font-size: 1em; } #top-photop { margin: 0; padding: 0010px0; } /* Menu */#menu { width:

830px; height: 70px; background: url(../images/img03.jpg) no-repeat; } #menuul { margin: 0; padding

: 0; list-style: none; } #menuli { display: inline; } #menua { display: block; float: left; width

: 138px; height: 73px; padding-top: 35px; text-transform: lowercase; text-decoration: none; text-align

: center; letter-spacing: -1px; font-size: 24px; color: #FFFFFF; } #menua:hover { background: url

(../images/img09.jpg) no-repeat; background-size:100%80px; color: #FFFFFF; } #menu.activea {

background: url(../images/img09.jpg) no-repeat; background-size:100%80px; color: #372412; } /* Page */

#page { width: 830px; margin: 0 auto; padding: 20px0; } /* Content */#content { float: left; width

: 532px; } .post { padding: 0020px0; } .title { margin: 0; border-bottom: 2px solid #4A3903; margin-bottom

:20px } .byline { margin: 10px0; } .meta { border-top: 1px solid #4A3903; text-align: right; color

: #646464; } .metaa { padding-left: 15px; background: url(../images/img06.gif) no-repeat left center;

font-weight: bold; } /* Sidebar */#sidebar { float: right; width: 240px; } #sidebarul { margin:

0; padding: 0; list-style: none; } #sidebarli { } #sidebarliul { padding: 15px0; } #sidebarlili

{ padding-left: 30px; border-bottom: 1px dotted #4A3903; background: url(../images/img06.gif) no-repeat

15px50%; } #sidebarh2 { margin: 0; padding: 20px02px30px; background: url(../images/img05.gif) no-repeat left bottom;

border-bottom: 2px solid #4A3903; } #sidebara { text-decoration: none; } #sidebara:hover { text-decoration

: underline; } /* Footer */#footer { clear: both; padding: 20px0; background: #FFEA6F; border-top

: 3px solid #E8AD35; text-align: center; font-size: smaller; color: #E8AD35; } #footera { color:

#C28C21; } .fl{ float:left; } .fr{ float:right } .clear{ clear:both; } .about_imgfl{ width: 255px

;} .about_txt{ width: 400px; margin-left:40px; text-align: left; line-height: 20px; font-size: 16px; }

.about_fr{ width: 275px; background: #fff; padding: 10px; box-sizing: border-box; } .about_frh2{

padding-bottom: 10px;} .about_frp{ text-align: left; line-height:20px } .ul_dy{ margin: 40px auto

00; -webkit-padding-start:0 } .ul_dyli{ width: 250px; float: left; margin-bottom: 20px;

margin-right:40px; } .ul_dyli:nth-child(3n){ margin-right:0 } .ul_dylia{ color:#fff; text-decoration

:none } .ul_dyli.dy_img{ width: 250px; height: 230px; background:#fff;} .ul_dyli.dy_img:hover{ opacity

: 0.8; } .ul_dyli.til{ padding: 10px0; } .ul_dyli.til.fl{ color: #F40; font-size: 16px; font-weight

: bold; } .ul_dyli.til.fr{ color: #999; font-size: 12px; } .ul_dyli.til:hover{ color: #2B7ACD; }

.ul_dyli.p_txt{ text-align: left; overflow: hidden; padding-bottom: 10px; } .dl_contact{ text-align

: left; } .dl_contactdd{ font-size: 18px; line-height: 40px; font-weight: bold;

padding-left:0; -webkit-margin-start: 0px; padding-top:20px; } .dl_contactdt{ font-size: 16px

; line-height: 30px; } .compay_services_block{ position: relative; padding: 25px0; border-bottom

: 1px solid #eee;} .compay_services_block.compay_services_blockImg{ position: absolute; left:0; top:30px

; display: table-cell; text-align:center; vertical-align: middle;} .compay_services_block.compay_services_blockImg

img{ overflow: hidden; } .compay_services_block.compay_services_blockImgimg:hover{ -webkit-transform

:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); transition: all 0.6s ease; }

.dl_compay_servicesdt.dl_compay_services_til{ font-size: 18px; line-height: 40px; font-size: 16px; color

: #1F1F1F;} .dl_compay_servicesdt.dl_compay_services_tila:hover{ } .dl_compay_servicesdd{ color:#fff

; margin-top: 10px; -webkit-margin-start: 0px;} .dl_compay_servicesdd.dd1{ word-break:break-all; display

:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .dl_compay_services

dd.dd2{ line-height: 30px; } .compay_services_block.dl_compay_services{ padding-left: 330px; text-align

: left;} .dl_compay_servicesdd.dd2a:nth-child(1){ margin-left: 0;} .dl_compay_servicesdd.dd2span,.dl_compay_services

dd.dd2a{ color: #fff; margin: 010px; } .dl_compay_servicesdd.dd2span.zeng_color{ color:#fff;} /*.compay_servicesBox{ padding: 20px 0;}*/

.compay_services_block.compay_services_blockImg{ width: 240px; height: 160px; overflow: hidden;} .compay_services_block

.compay_services_blockImgimg{ max-width: 240px; max-height: 160px; } .compay_services_block.dl_compay_services

{ padding-left: 270px;} .compay_services_block{ min-height: 160px; }