Tb买的,为了应付作业,自己改了三小时,大家以后要用直接改就好了,效果图如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="./css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="./images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="index.html">首页</a></li>
<li><a href="./web/news.html">新闻</a></li>
<li><a href="./web/pic.html">图片</a></li>
<li><a href="./web/msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>巴塞罗那俱乐部(巴萨)</h2>
</div>
<div class="cs">
<p>   巴塞罗那足球俱乐部(加泰罗尼亚语:Futbol Club Barcelona)简称巴萨(Barça),是一家位于西班牙加泰罗尼亚巴塞罗那的足球俱乐部,于1899年[1]由瑞士企业家胡安·甘伯所创立,世界球坛顶级俱乐部之一。俱乐部主场诺坎普体育场可容纳接近十万名观众,是全欧洲最大及世界第二大的足球场。</p>
<p>   该队百年的历史上,获得许多冠军奖杯,是西班牙赢得最多冠军奖杯的俱乐部。在1929年夺得第一届西班牙足球甲级联赛以及之后的26次联赛冠军,30次西班牙国王杯冠军,5次欧洲冠军联赛冠军及3次国际足联俱乐部世界杯冠军。
在2009年,巴塞罗那足球队连获西班牙足球甲级联赛、西班牙国王杯、欧洲冠军联赛三项冠军,成为西班牙足球史及队史上第一个三冠王球队。接着参加下半年的三项专属于冠军之间的赛事,再度荣获西班牙超级杯、欧洲超级杯以及国际足联俱乐部世界杯三大锦标,完成世界足坛绝无仅有的唯二次“六冠王”伟业。</p>
<p>   2011年,巴塞罗那足球队除获西班牙足球甲级联赛三连冠外,再度荣获欧洲冠军联赛冠军,5年内第3次捧起了欧冠奖杯,之后2011年下半年,又接连夺得西班牙超级杯、欧洲超级杯、以及国际足联俱乐部世界杯三大锦标,成为2011年的五冠王,近3年内夺得了总计13座奖杯。
2015年,巴塞罗那在西甲联赛第37轮以1:0作客击败上届冠军马德里竞技提前一轮获得14-15赛季西甲联赛冠军。于西班牙国王杯决赛中,以3:1击败毕尔巴鄂夺得冠军。在欧冠决赛以3:1击败意甲尤文图斯取得俱乐部第五座欧洲冠军奖杯。欧洲超级杯靠着佩德罗于加时赛以5:4绝杀塞维利亚夺冠;世俱杯赛事首先以苏亚雷斯上演帽子戏法3:0击败中国广州恒大,决赛同以3:0击败阿根廷河床获得2015的第五冠并成为史上第一支两次夺得三冠王及三次夺得五冠王的球队,是二十一世纪以来最成功的俱乐部之一。[2]
8月13日,梅西正式回归阿根廷国家队。</p>
<p>   2015-16赛季,巴塞罗那缔造连续39场不败,打破88-89赛季由皇马所创下的34场不败纪录,在当季也蝉联西甲冠军及国王杯冠军(加时赛2:0击败塞维利亚)。
2019-20赛季的欧冠,巴塞罗那以2:8的成绩在欧冠四分之一决赛惨败德甲豪门拜仁慕尼黑,不仅刷新了巴塞罗那在欧冠赛场上的最多失球记录,还成为欧冠淘汰赛首支单场被轰入8球的足球俱乐部。</p>
<p>                              以上摘自维基百科2022-6-14</p>
</div>
<div class="bar">
<h2>图片</h2>
</div>
<div class="list">
<ul>
<li class="sa"> <img src="./images/1.jpg" /></li>
<li class="sa"> <img src="./images/2.jpg" /></li>
<li class="sa"> <img src="./images/3.jpg" /></li>
<li class="sa"> <img src="./images/4.jpg" /></li>
<li class="sa"> <img src="./images/5.jpg" /></li>
<li class="sa"> <img src="./images/6.jpg" /></li>
<li class="sa"> <img src="./images/7.jpg" /></li>
<li class="sa"> <img src="./images/8.jpg" /></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="../images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="../index.html">首页</a></li>
<li><a href="news.html">新闻</a></li>
<li><a href="pic.html">图片</a></li>
<li><a href="msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>新闻</h2>
</div>
<h1 class="tti">拜仁8-2血洗巴萨,以九战全胜的骄人战绩晋级欧冠四强。</h1>
<div class="con">
<div class="pad"> 北京时间8月15日03:00,欧冠1/4决赛迎来一场火星撞地球的巅峰对决,巴塞罗那对阵拜仁慕尼黑。上半场,穆勒双响,格纳布里传射建功,佩里西奇低射破门,阿拉巴自摆乌龙。下半场,苏亚雷斯为巴萨扳回一城,库鸟替补登场完成两射一传,基米希和莱万分别建功。<br><br>
<p align="center"><img src="../images/a1.jpg"></p>
<br>
<div>
<p>本场比赛,巴萨的首发十一人平均年龄为29岁零329天,这创下了巴萨欧冠历史上平均年龄最大的一次首发。
第3分钟,梅西中场得球后斜塞找到罗贝托,后者不停球直接将球传至门前被诺伊尔解围。
第4分钟,格纳布里中场斜传至巴萨左肋空当,佩里西奇带球高速推进后传中,穆勒与莱万完成撞墙配合后冷静劲射破门,拜仁取得梦幻开局1-0领先。
第7分钟,阿尔巴传中造成阿拉巴自摆乌龙,巴萨迅速扳平比分。
第9分钟,塞梅多送出精准直塞,苏亚雷斯心领神会快速斜插抢射攻门被诺伊尔化解。
第10分钟,梅西右路似传似射起球吊入禁区,皮球击中立柱。
第20分钟,梅西接德容直传长途奔袭杀入禁区低射攻门被诺伊尔没收。 </p>
</div>
<div>
<p>第21分钟,罗贝托后场失误,格纳布里断球后送出精妙斜塞助攻佩里西奇小角度低射破门,拜仁2-1领先。
第24分钟,蒂亚戈禁区外围尝试一脚远射高出横梁。
第27分钟,格雷茨卡送出写意挑传,格纳布里超车朗格莱后抽射破门,拜仁3-1领先。
第31分钟,基米希右路传中助攻穆勒抢前点捅射破门,拜仁4-1领先。库蒂尼奥在替补席鼓掌庆祝。
第38分钟,拜仁右侧角球开至禁区中路,莱万高高跃起头球攻门被特尔施特根没收。
第42分钟,博阿滕战术犯规放倒苏亚雷斯吃到黄牌。</p>
</div>
<div>
<p>第45分钟,苏亚雷斯禁区弧顶胸部停球后凌空扫射攻门被诺伊尔得到。
半场战罢,拜仁暂时4-1领先巴萨。易边再战第46分钟,大比分落后,巴萨率先做出换人调整,格列兹曼替补登场换下罗贝托。
第51分钟,格雷茨卡接基米希长传制导,点球点附近胸部停球后凌空抽射攻门打高。
第52分钟,穆勒越位位置得球后回敲助攻莱万推射破门,进球被判无效。
第57分钟,阿尔巴左路倒三角回传找到苏亚雷斯,后者接球巧妙扣过博阿滕后推射破门,巴萨2-4拜仁。
第61分钟,萨利哈米季奇抱怨裁判判罚被黄牌警告。
第63分钟,阿方索-戴维斯左路一条龙连过巴萨数人后沿底线切入小禁区助攻基米希轻松推射得手,拜仁5-2领先。
第76分钟,梅西禁区外围拿球斜向突破杀入禁区低射攻门再次被诺伊尔没收。
第82分钟,库蒂尼奥送出妙传,莱万头槌建功打入单赛季欧冠第14球,追平梅西单赛季欧冠进球纪录,并列欧冠历史第四,仅次于C罗。拜仁6-2领先。
第85分钟,穆勒斜传塞入禁区,库蒂尼奥反戈一击铲射破门,拜仁7-2领先。
第89分钟,卢卡斯-埃尔南德斯头球摆渡助攻库蒂尼奥小角度扫射破门完成梅开二度,拜仁8-2领先。巴萨替补席丢球后狠踹椅子。
最终,拜仁8-2血洗巴萨晋级欧冠四强。
时隔74年再丢8球,巴萨再创一耻辱纪录,梅西难掩失落之情。</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="../images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="../index.html">首页</a></li>
<li><a href="news.html">新闻</a></li>
<li><a href="pic.html">图片</a></li>
<li><a href="msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>新闻</h2>
</div>
<h1 class="tti">利物浦4-0巴塞罗那,总比分4-3逆转晋级决赛。</h1>
<div class="con">
<div class="pad"> 北京时间5月8日3:00,欧冠半决赛次回合的一场比赛在安菲尔德球场举行,利物浦主场迎战巴塞罗那,双方首回合战成0-3。上半场,奥里吉开场补射破门,梅西打门被阿利松单掌托出,亨德森受伤接受治疗后坚持比赛;下半场,威纳尔杜姆替补登场后完成两连击,阿诺德助攻奥里吉梅开二度完成逆转!<br><br>
<p align="center"><img src="../images/n1.jpg"></p>
<br>
<div>
<p>比赛第2分钟,利物浦开场施压,沙奇里接马内回传后斜塞后点,阿尔巴跟进将球挡出底线。
比赛第7分钟,利物浦首开记录!巴萨后场防守失误,马内将球拿下横传,亨德森突破后一脚低射被特尔施特根挡出,奥里吉跟进补射破门!利物浦1-0巴萨!
比赛第10分钟,马内禁区内拿球受到罗贝托身后逼抢时倒地,裁判未予表示。
比赛第14分钟,左路库蒂尼奥接长传转移后分球,阿尔巴底线倒三角传中,梅西跟进打门被阿利松单掌托出底线。
比赛第16分钟,梅西前场拿球推进分边,左路库蒂尼奥得球低射远角被阿利松倒地扑出。</p>
</div>
<div>
<p>比赛第23分钟,范戴克抢断后送出直塞,马内拿球被断后罗伯逊跟进左脚打门被特尔施特根飞身扑出。
比赛第31分钟,亨德森转身突破后膝盖受伤倒地不起,随后接受队医治疗后回到场上继续比赛。
比赛第42分钟,沙奇里右路拿球挑传身后,皮克转身解围化解危机,特尔施特根将球拿下。
上半场补时阶段,前场罗贝托将球分给梅西,梅西得球后远距离低射稍稍偏出。随后不到1分钟,巴萨发动反击,梅西送出精妙直塞,阿尔巴跟进形成单刀,阿利松出击扑救将球没收。
比赛第51分钟,利物浦左侧角球开出,门前范戴克脚后跟打门,特尔施特根倒地将球挡出。</p>
</div>
<div>
<p>比赛第54分钟,利物浦再下一城!右路阿诺德前场抢断传中,皮球打在拉基蒂奇身上产生变线,威纳尔杜姆后跟上低射破门!利物浦2-0巴萨!
比赛第56分钟,利物浦总比分扳平!左路沙奇里高球传中,威纳尔杜姆门前高高跃起头球破门!利物浦3-0巴萨!
比赛第68分钟,拉基蒂奇送出挑传,梅西后插上将球拿下后小角度推射被阿利松扑出。
比赛第76分钟,利物浦前场任意球开出,范戴克拿球超远距离射门高出横梁。
比赛第79分钟,利物浦完成逆转!利物浦右侧角球开出,阿诺德地球传中,门前奥里吉无人盯防将球推入球网!利物浦4-0巴萨!
比赛结束,利物浦4-0巴塞罗那。</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="../images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="../index.html">首页</a></li>
<li><a href="news.html">新闻</a></li>
<li><a href="pic.html">图片</a></li>
<li><a href="msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>留言</h2>
</div>
<form action="index.html">
<table width="737" border="0" class="msg">
<tbody>
<tr>
<td width="52" height="49" align="right"><label for="label"><span>姓名</span></label>
<label for="label2"></label></td>
<td width="354"><input type="text" name="name" class="inp" id="name"></td>
</tr>
<tr>
<td height="52" align="right"><label for="label"><span>电话</span></label></td>
<td><input type="text" name="email" class="inp" id="email"></td>
</tr>
<tr>
<td height="52" align="right"><label for="label"><span>留言内容</span></label></td>
<td><textarea name="" class="inp" id="nei" rows="10"></textarea></td>
</tr>
<tr>
<td height="52"> </td>
<td><input type="button" name="submit" id="submit" value="提交"></td>
</tr>
</tbody>
</table>
</form>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="../images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="../index.html">首页</a></li>
<li><a href="news.html">新闻</a></li>
<li><a href="pic.html">图片</a></li>
<li><a href="msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>新闻</h2>
</div>
<div class="main">
<div class="index"> <img src="../images/a1.jpg" class="fr" width="160" /> <span>
<h3> 巴傻又被屠杀!!!!!!!! </h3>
<p>北京时间8月15日03:00,欧冠1/4决赛迎来一场火星撞地球的巅峰对决,巴塞罗那对阵拜仁慕尼黑。上半场,穆勒双响,格纳布里传射建功,佩里西奇低射破门,阿拉巴自摆乌龙。下半场,苏亚雷斯为巴萨扳回一城,库鸟替补登场完成两射一传,基米希和莱万分别建功。最终,拜仁8-2血洗巴萨,以九战全胜的骄人战绩晋级欧冠四强。</p>
<a href="info.html" class="mr">查看更多</a> </span>
<div class="clear"></div>
</div>
<div class="index"> <img src="../images/a3.jpg" class="fr" width="160" /> <span>
<h3> 巴傻又在安菲尔德被逆转!!!!!!!</h3>
<p>北京时间5月8日3:00,欧冠半决赛次回合的一场比赛在安菲尔德球场举行,利物浦主场迎战巴塞罗那,双方首回合战成0-3。上半场,奥里吉开场补射破门,梅西打门被阿利松单掌托出,亨德森受伤接受治疗后坚持比赛;下半场,威纳尔杜姆替补登场后完成两连击,阿诺德助攻奥里吉梅开二度完成逆转!比赛结束,利物浦4-0巴塞罗那,总比分4-3逆转晋级决赛。</p>
<a href="info2.html" class="mr">查看更多</a> </span>
<div class="clear"></div>
</div>
<div class="index"> <img src="../images/a2.jpg" class="fr" width="160" /> <span>
<h3> 巴傻被逆转!!!!!!!! </h3>
<p>北京时间4月11日凌晨2:45,欧冠1/4决赛次回合的比赛,由巴塞罗那客场挑战罗马。本场比赛上半场,德罗西长传助攻哲科破门,下半场,皮克送点、德罗西点射建功,云代尔角球助攻马诺拉斯头球破门。最终,罗马主场3-0巴萨,总比分战成4-4,罗马凭借客场进球优势取得晋级,完成罗马城奇迹。.</p>
</span>
<div class="clear"></div>
</div>
<div class="index"> <img src="../images/a4.jpg" class="fr" width="160" /> <span>
<h3>巴萨上演诺坎普奇迹!!!!!!!!! </h3>
<p>2017年诺坎普奇迹(La Remontada),特指2016-2017赛季欧冠1/8决赛次回合巴塞罗那与巴黎圣日耳曼的比赛。
比赛于2017年3月8日在巴萨主场诺坎普进行,首回合比赛中巴萨客场0比4惨败于巴黎圣日耳曼,晋级希望渺茫,次回合回到主场以6比1战胜对手,从而以6比5的总比分奇迹般地逆转晋级八强。巴萨也成为首支在欧冠首回合4球落后下成功翻盘的球队,以及首支在欧战首回合4球落后且没有客场进球的情况下成功翻盘的球队。.</p>
</span>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="../images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="../index.html">首页</a></li>
<li><a href="news.html">新闻</a></li>
<li><a href="pic.html">图片</a></li>
<li><a href="msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>图片</h2>
</div>
<div class="list1">
<ul>
<li class="sa"> <img src="../images/c1.jpg" /></li>
<li class="sa"> <img src="../images/c2.jpg" /></li>
</ul>
</div>
<div class="list">
<ul>
<li class="sa"> <img src="../images/9.jpg" /></li>
<li class="sa"> <img src="../images/10.jpg" /></li>
<li class="sa"> <img src="../images/11.jpg" /></li>
<li class="sa"> <img src="../images/12.jpg" /></li>
<li class="sa"> <img src="../images/13.gif" /></li>
<li class="sa"> <img src="../images/14.gif" /></li>
<li class="sa"> <img src="../images/17.gif" /></li>
<li class="sa"> <img src="../images/19.gif" /></li>
</ul>
<div class="clear"></div>
</div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="./css/style.css" rel="stylesheet" media="all" type="text/css" />
<title>巴塞罗那</title>
</head>
<body>
<header class="banner"> <img src="./images/banner.jpg" width="100%" /> </header>
<nav class="menu">
<ul class="center">
<li><a href="index.html">首页</a></li>
<li><a href="./web/news.html">新闻</a></li>
<li><a href="./web/pic.html">图片</a></li>
<li><a href="./web/msg.html">留言</a></li>
</ul>
</nav>
<div class="content">
<div class="bar">
<h2>巴塞罗那俱乐部(巴萨)</h2>
</div>
<div class="cs">
<p>   巴塞罗那足球俱乐部(加泰罗尼亚语:Futbol Club Barcelona)简称巴萨(Barça),是一家位于西班牙加泰罗尼亚巴塞罗那的足球俱乐部,于1899年[1]由瑞士企业家胡安·甘伯所创立,世界球坛顶级俱乐部之一。俱乐部主场诺坎普体育场可容纳接近十万名观众,是全欧洲最大及世界第二大的足球场。</p>
<p>   该队百年的历史上,获得许多冠军奖杯,是西班牙赢得最多冠军奖杯的俱乐部。在1929年夺得第一届西班牙足球甲级联赛以及之后的26次联赛冠军,30次西班牙国王杯冠军,5次欧洲冠军联赛冠军及3次国际足联俱乐部世界杯冠军。
在2009年,巴塞罗那足球队连获西班牙足球甲级联赛、西班牙国王杯、欧洲冠军联赛三项冠军,成为西班牙足球史及队史上第一个三冠王球队。接着参加下半年的三项专属于冠军之间的赛事,再度荣获西班牙超级杯、欧洲超级杯以及国际足联俱乐部世界杯三大锦标,完成世界足坛绝无仅有的唯二次“六冠王”伟业。</p>
<p>   2011年,巴塞罗那足球队除获西班牙足球甲级联赛三连冠外,再度荣获欧洲冠军联赛冠军,5年内第3次捧起了欧冠奖杯,之后2011年下半年,又接连夺得西班牙超级杯、欧洲超级杯、以及国际足联俱乐部世界杯三大锦标,成为2011年的五冠王,近3年内夺得了总计13座奖杯。
2015年,巴塞罗那在西甲联赛第37轮以1:0作客击败上届冠军马德里竞技提前一轮获得14-15赛季西甲联赛冠军。于西班牙国王杯决赛中,以3:1击败毕尔巴鄂夺得冠军。在欧冠决赛以3:1击败意甲尤文图斯取得俱乐部第五座欧洲冠军奖杯。欧洲超级杯靠着佩德罗于加时赛以5:4绝杀塞维利亚夺冠;世俱杯赛事首先以苏亚雷斯上演帽子戏法3:0击败中国广州恒大,决赛同以3:0击败阿根廷河床获得2015的第五冠并成为史上第一支两次夺得三冠王及三次夺得五冠王的球队,是二十一世纪以来最成功的俱乐部之一。[2]
8月13日,梅西正式回归阿根廷国家队。</p>
<p>   2015-16赛季,巴塞罗那缔造连续39场不败,打破88-89赛季由皇马所创下的34场不败纪录,在当季也蝉联西甲冠军及国王杯冠军(加时赛2:0击败塞维利亚)。
2019-20赛季的欧冠,巴塞罗那以2:8的成绩在欧冠四分之一决赛惨败德甲豪门拜仁慕尼黑,不仅刷新了巴塞罗那在欧冠赛场上的最多失球记录,还成为欧冠淘汰赛首支单场被轰入8球的足球俱乐部。</p>
<p>                              以上摘自维基百科2022-6-14</p>
</div>
<div class="bar">
<h2>图片</h2>
</div>
<div class="list">
<ul>
<li class="sa"> <img src="./images/1.jpg" /></li>
<li class="sa"> <img src="./images/2.jpg" /></li>
<li class="sa"> <img src="./images/3.jpg" /></li>
<li class="sa"> <img src="./images/4.jpg" /></li>
<li class="sa"> <img src="./images/5.jpg" /></li>
<li class="sa"> <img src="./images/6.jpg" /></li>
<li class="sa"> <img src="./images/7.jpg" /></li>
<li class="sa"> <img src="./images/8.jpg" /></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<footer class="end">
<p>巴塞罗那-wyj </p>
</footer>
</body>
</html>
style.css
@charset "utf-8";
/* CSS Document */
ul,li,h1,h2,h3,p{ padding:0; margin:0; list-style:none}
a{ text-decoration:none; color:#000}
html{ background:#b3b6ce}
body{ width:1200px; margin:0px auto; line-height:21px; background:#6c799d; }
.clear{ clear:both}
.menu li{ list-style:none}
.logo{ font-size:36px; font-weight:bold; color:#fff;}
.banner{ position:relative}
.banner img{ display:block}
.menu{ background:#2a3143; clear:both; height:50px; width:100%;}
.menu li a{ color:#fff; display:block}
.menu li { text-align:center;display:inline-block; line-height:50px; float:left; width:25%; text-align:center; font-size:18px;}
.menu li:hover a{ background:#663399 }
.content{ background:#6c799d; color:#fff; font-size:14px; display:inline-block ; width:100%}
.index{ height:340px; float:left; width:46%; padding:2%}
.mr,#submit{ background:#111; border:none; display:inline-block; padding:10px 30px; color:#fff; margin-top:20px;}
.list1 li{ width:48%; float:left; margin:10px 1%; text-align:center}
.list1 ul{ padding:0 30px;}
.list1 li img{ width:100%; height:380px; display:inline-block}
.list li{ width:23%; float:left; margin:10px 1%; text-align:center}
.list ul{ padding:0 30px;}
.list li img{ width:100%; height:180px; display:inline-block}
.end{ clear:both; background:#2a3143; color:#fff; padding:20px 0; font-size:16px; text-align:center;}
.pad{ padding:20px 70px; display:block}
.main{ margin:20px 40px}
.tti{ text-align:center; padding:40px 0; font-weight:normal; color:#FFCC99}
.con{ font-size:18px; line-height:30px}
.cs{ margin:30px 40px; font-size:16px; line-height:30px}
.index img{ margin-right:50px}
.index h3{ color:#CCCC99; font-size:18px;margin-bottom:20px}
.index .fr{ margin-right:0; margin-left:20px}
.sici { letter-spacing:10px; text-align:center; background:url(../images/bg.jpeg) no-repeat ; padding:200px 0; }
.sici h1{ padding-bottom:40px; text-align:center;}
.sici p{ font-size:22px; margin:10px 0}
.fl{ float:left}
.fr{ float:right}
.inp{ border:#ccc solid 1px ; padding:10px 10px; width:80%}
.msg{ width:740px; margin:0 auto; padding:40px 0}
.bar{ margin:20px 40px; text-align:center; line-height:15px; font-size:20px;padding:5px}