/* base */ *{margin:0;padding:0} a{color:#555;text-decoration:none} .fl{float:left;display:inline} .fr{float:right;display:inline} .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: table; clear: both; } li{list-style:none} body{/*padding-left: calc(100vw - 100%);*/} img{border: none;} .webkit-scroll{-webkit-overflow-scrolling: touch;} /* framework */ .wrap{background: url(../img/water.jpg) no-repeat top center;width: 100%;margin:0 auto;padding: 0 0 20px;} .header{width:100%;height: auto;overflow:hidden;} .banner{width:1000px;height:860px;margin:0 auto} .nav{width: 100%;height: 40px;background:#5D9734;background: rgba(77, 142, 40, 0.9);} .nav ul{width: 1000px;height: 40px;margin:0 auto;} .nav li{float: left;display: inline;background: url(../img/l.png) no-repeat center right;} .nav li a{display: block;color: #feffff;padding: 0 15px;margin:0 1px;font:16px/40px 'Microsoft Yahei';} .nav li a:hover{background: green;} .content{width:1500px;height:auto;margin:20px auto 0;-overflow: hidden;} .section{height:auto;overflow:hidden;margin-bottom:20px;-zoom:1;} .hd {height: 40px;margin-bottom: 10px;} .hd h2{font: 32px/40px 'Microsoft Jhenghei','Microsoft Yahei';float: left;color: #666;} .hd .more {float: right;} .bd{/*height:auto;overflow:hidden;background: #FFF;*/} .bd h3{height:30px;font:16px/30px 'microsoft yahei';border-bottom:2px solid #ddd;background: #FFF;overflow: hidden;-zoom:1;} .bd a.more{font-size: 12px;float: right;display: inline;} .col-left{width:170px;margin-right:20px;background:#c80707;height:auto;float:left;display: inline;overflow: hidden;border-radius: 20px;} .col-auto{background:#ffffff;overflow:hidden;-float:left;-clear:right;} .col-2{background:#ffffff;width:49%;margin-right:2%;float:left} .col-3{background:#ffffff;width:32%;margin-right:2%;float:left} .col-4{background:#ffffff;width:23.5%;margin-right:2%;float:left} /* list01 */ .list01{width:1000px;zoom:1;overflow:hidden} .list01 li{float:left;display:inline;margin:0 10px 10px 0} /* article-list */ .article-list{background:#FFF} .article{background:#FFF;height:auto;overflow:hidden;-zoom:1;font-family:Tahoma,simsun; margin:-1px 0 1px;padding:10px 0} .article h4{font: 18px/28px 'microsoft yahei';margin-bottom: 10px; background:url(../img/bg1.jpg) no-repeat scroll 0px 10px;font-weight: bold; padding-left: 15px; color:#c80707;} .article h4 a{ color:#c80707;} .article h4 a:hover{color:#FF6600;} .article .thumb{width:90px;margin-right:10px;float:left} .article .brief{height: 65px; font: 14px/24px 'microsoft yahei'; color: #000; margin-bottom:10px;-display:inline;/*-margin-bottom: 0*/} .article .brief p{text-indent:2em;} .article .brief a{color:#c80707;} .article .info{display:none} .article .info a{margin-right:10px;font:12px/22px 'microsoft yahei';color:#999} /* news-list */ .news-list{background:#FFF;height:auto;overflow:hidden;} .news-list li{height:26px;font:14px/26px 'microsoft yahei';overflow:hidden;padding: 2px 0;} .news-list li span{font:12px/26px 'microsoft yahei';color: #999;padding-right: 4px;} .news-list a.cate{color: #0b60a0;padding-right: 4px;} .footer { width: 100%; font: 16px/70px 'microsoft yahei'; color: #fff; background-color:#c80707; margin: 0 auto; text-align: center; height:72px; } .fixA { background: #EEE; width: 100px; height: 100px; overflow: hidden; position: fixed; top: 50%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+200)); right: 50%; margin-top: -50px; margin-right: -580px; display: none; } .zuol{ width:170px; margin-right:20px; background-color:#c80707;} .zl { display: block; background-color:#c80707; } .zl .xuan { position: relative; display: block; color: #fffff; font-size: 18px; font-family:'microsoft yahei'; line-height: 1.2; border-bottom: 1px solid #e76e82; padding: 1.25em 0 1.25em 2.8em; } .zl .xuan a{ color:#FFFFFF; font-weight:bold;} .htt{ background:#c80707; height:33px;} .datu{ text-align:center; margin-top:10px;} .tu{ margin-bottom:20px;} .article01{ border:1px #999999 solid; background:url(../img/bgggg1.jpg) repeat-x; padding:36px; margin-bottom:30px;} .article01 h2{ font: 18px/40px 'microsoft yahei'; font-weight:bold; margin-bottom:10px;} .article01 .wtu{ text-align:center; margin-bottom:10px;} .article01 .brief{ font: 14px/26px 'microsoft yahei';} .article01 .more{ font: 14px/26px 'microsoft yahei'; float:right; color:#c80707; margin-bottom:20px; font-weight:bold;} .article01 .more a{ color:#c80707;}