@charset "utf-8"; /*****************通用****************/ body{ font: 15px "microsoft yahei", Arial, Helvetica, sans-serif; color:#444444; margin:0; padding:0; background:#fff; } *{ margin: 0; padding: 0; } .fl{ float: left; } .fr{ float: right; } .clear:after{ content:""; display:block; clear:both; } button{ border: 0; outline: none; cursor: pointer; } input{border:none;} input:focus{ outline: none; } img{ border: 0; } a{ text-decoration: none; cursor: pointer; font-size: 15px; color:#444444; } a:link { text-decoration: none; cursor: pointer; } a:visited { text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; cursor: pointer; } a:active { text-decoration: none; cursor: pointer; } ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; border:none; list-style:none; } /*公共头部样式开始*/ #header { width: 100%; min-width: 1200px; height: 119px; background: #ffffff; } .header_wrap { width: 1200px; height: 119px; margin: 0 auto; background: url(../images/topbg.png) repeat-x top center; position: relative; } .logo{ width:485px; height: 119px; } .logo>a{ display: block; width: 485px; height: 119px; line-height: 119px; } .logo>a>img{ vertical-align: middle; } .search { width: 217px; height: 37px; overflow: hidden; margin-top:54px; } .search input.text { width: 167px; height: 37px; line-height: 37px; font-size: 14px; padding: 0 0 0 9px; background: url(../images/sc01.png) no-repeat left center; } .search input[type=image] { width: 40px; height: 37px; } .en{ width: 160px; height: 30px; position: absolute; top: 24px; right: -32px; } .en a{ font-family: Arial; /*display: block;*/ font-size: 15px; width: 100px; height: 30px; line-height: 30px; color:#333333; text-decoration: underline; } /*下拉导航样式开始*/ .menu{ width: 100%; min-width: 1200px; height: 50px; background:#068358; } .menu_wrap{ width: 1200px; margin: 0 auto; height: 50px; } .menu_wrap>ul>li { float: left; width: 109px; height: 50px; transition: background .3s linear; position: relative; } .menu_wrap>ul>li>a{ display: block; width: 109px; height: 50px; text-align: center; line-height: 50px; color: #ffffff; font-size: 16px; } .menu_wrap ul li:hover { background: #37c190; } .dropdown { position: absolute; width: 109px; top: 100%; left: 0; display: none; z-index: 999; } .menu_wrap ul li:hover .dropdown{ display: block; } .dropdown>li{ width: 100%; height: 41px; background:url(../images/menubgg.png) repeat-x top left; border-bottom: 1px solid #85d9bb; } .dropdown>li>a{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dropdown>li:hover{ background: #37c190; } .dropdown>li.ret{ width: 100%; height: 41px; background: transparent url(../images/ret.png) no-repeat top center; border-bottom: none; } .dropdown>li.ret:hover{ width: 100%; height: 41px; background: transparent url(../images/ret.png) no-repeat top center; border-bottom: none; } /*公共头部样式结束*/ /*公共底部样式开始*/ .footer{ width:100%; min-width: 1200px; height:127px; background:#068358; } .footerBox{ width:1200px; height:100%; margin:0 auto; background:#068358 url(../images/footer.png) no-repeat right center; } .footerLeft{ float:left; font-size:13px; color:#fff; padding-top:18px; } .footerLeft span{ display:block; height:13px; line-height:13px; margin-top: 13px; } /*公共底部样式结束*/ .zt{ width: 60px; height: 230px; position: fixed; top:592px; bottom:178px; right:10%; z-index:9999; overflow: hidden; } .zt>img{ width: 100%; height: 100%; float: left; } #closed{ font-size: 12px; color:#ffffff; position: absolute; right:6px; top:3px; }