html页面窗口缩小排版就乱了,为什么在正常窗口排版正常，窗口一缩小排版就都乱了...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

无标题文档

* { margin: 0; padding: 0; }

html{font:14px/28px "微软雅黑", "黑体", Tahoma;}

a { text-decoration: none; }

li { list-style: none; }

br, .clear { clear: both; font-size: 0; line-height: 0; }

img { border: none; }

.header{width960px; background-color:#333}

.header ul{margin-left:195px;}

.header li{color:#FFF; float:left; margin-right:20px; height:35px;}

.logo{width:210px; height:65px; margin-left:195px; float:left;}

.suoshu{color:#4ba3ec}

.daohang ul{width:750px; float:right; border-bottom:solid #bde1ff; margin-right:195px;}

.daohang li{float:left; margin-right:2px; color:#4a8fe5; font-size:20px; width:40px; height:30px; margin-right:5px; background-color:#bde1ff}

.guanggao img{float:left; margin-right:15px;}

.guanggao{margin-left:195px; margin-top:10px;}

.main1{width:685px; margin-left:195px; float:left; margin-top:15px;}

.main1-1{float:left; width:320px; margin-right:15px; margin-bottom:15px;}

.main1-2{float:left; width:320px; margin-right:15px; margin-bottom:15px;}

.main1-2 h3{color:#1498f2;}

.main1-2 p{font-size:12px;}

.main1-3{width:320px; overflow:hidden; float:left; margin-right:15px;}

.main1-3 h3{color:#9b9cd7; border-bottom:solid #7fc2fa}

.main1-shipin{width:335px;}

.main1-3 img{ width:150px; height:100px; float:left; margin-right:10px; overflow:hidden; margin-top:15px;}

.main1-4{float:left; width:320px;}

.main1-1 img{width:320px; height:215px;}

.main1-4 h3{color:#9b9cd7; border-bottom:solid #7fc2fa}

.main1-4 img{width:120px; height:80px; float:left; margin-top:15px;}

.main1-4-2 p{font-size:12px; text-indent:20px;}

.main2{width:275px; height:530px; border:1px solid #CCC; float:left; margin-top:15px;}

.main2 img{width:235px; height:155px; margin-left:20px;}

.main2 h3{color:#1498f2;}

.baoliao{margin-top:15px; margin-bottom:15px;}

.main2 li{ font-size:12px; margin-left:20px;}

.guangraoxinwen{ width:960px; height:61px; margin-top:15px; margin-left:195px;}

.qiche{width:320px; overflow:hidden; float:left; margin-right:15px;}

.qiche h3{color:#9b9cd7; border-bottom:solid #7fc2fa}

.qiche1{width:335px;}

.qiche img{ width:150px; height:100px; float:left; margin-right:10px; overflow:hidden; margin-top:15px;}

.shangxun{width:320px; overflow:hidden; float:left; margin-right:15px;}

.shangxun h3{color:#9b9cd7; border-bottom:solid #7fc2fa}

.shangxun1{width:335px;}

.shangxun img{ width:150px; height:100px; float:left; margin-right:10px; overflow:hidden; margin-top:15px;}

.main3 {margin-left:195px; margin-top:15px; float:left;}

.qiye{width:275px; float:left; margin-top:15px; margin-left:15px; border:1px solid #CCC;}

.qiye h3{color:#9b9cd7; border-bottom:solid #7fc2fa}

.qiye img{width:235px; height:125px; margin-left:20px; margin-top:15px;}

.qiye li{margin-left:20px;}

.fc{width:680px; margin-left:195px; float:left}

.fangchan {width:960px; margin-left:195px; margin-top:15px; border-bottom:solid #CCC;}

.fangchan h3{float:left; color:#ae3a51;}

.fangchan span{float:left; margin-left:700px; font-size:12px;}

.fc img{ width:210px; height:140px; margin-top:20px;}

.fc h4{text-align:center}

.fc p{ text-align:center}

.fc1{width:210px; float:left; margin-right:15px}

.fc2{width:210px; float:left;margin-right:15px}

.fc3{width:210px; float:left;margin-right:15px}

.fc4{width:210px; float:left;margin-right:15px}

.fc5{width:210px; float:left;margin-right:15px}

.fc6{width:210px; float:left;margin-right:15px}

.fckx{width:260px; overflow:hidden;}

.fckx h3{color:#F00; background-color:#999}

.fckx1{ margin-left:10px;}

.fckx li{margin-left:10px; font-size:12px;}

.fckx img{ width:115px; height:85px; float:left; margin-right:10px; overflow:hidden; margin-top:15px;}

.zong {float:left; margin-top:20px; margin-left:15px;}

.zfxx li{ margin-left:20px;font-size:12px; margin-bottom:3px;}

.zfxx h4{margin-top:15px;}

.sj {width:960px; margin-left:195px; border:1px solid #e0e1e5}

.sj p{font-size:12px; text-align:center;}

.sj img { margin-left:8px; margin-top:8px; width:203px; height:130px;}

.sj1{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-left:10px; margin-right:20px; margin-top:15px; margin-bottom:15px;}

.sj2{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-right:20px; margin-top:15px; margin-bottom:15px;}

.sj3{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-right:20px; margin-top:15px; margin-bottom:15px;}

.sj4{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-top:15px; margin-bottom:15px;}

.sj5{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-left:10px; margin-right:20px; margin-bottom:15px;}

.sj6{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-right:20px; margin-bottom:15px;}

.sj7{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-right:20px; margin-bottom:15px;}

.sj8{width:220px; height:220px; background-color:#f4f4f4; float:left; margin-bottom:15px;}

.shangjia h3{ color:#6d89b1; border-top:}

.ewm img { width:125px; height:125px;}

.ewm-l{float:left; margin-top:75px; margin-left:30px; margin-right:30px;}

.ewm-r{float:left}

.ewm-r li{ float:left; margin-top:20px; margin-bottom:20px; width:125px; margin-right::30px; margin-right:30px;}

.ewm-r li p { text-align:center}

.ewm {margin-left:195px; width:960px; height:195px; margin-top:30px; background-color:#e2e7ed}

.yqlj{width:960px; height:120px; margin-top:20px; margin-left:195px; border:1px solid #ecedef}

.yqlj h4{ text-align:center;margin-top:5px; color:#1957aa; width:85px;}

.yqlj p{ font-size:12px; margin-left:15px; float:left}

.yqlj-r{width:873px; height:30px; background-color:#f6fbff; float:left; border:1px solid #ecedef}

.yqlj-l{ float:left}

.foot li{ text-align:center; color:#666666; font-size:12px;}