@charset 'utf-8'; body,p,h1,h2,h3,h4,h5,h6,li,ul{ padding:0px; margin:0px; font-family: 'arial',"Microsoft YaHei"; } img{ border:0px; } a{ text-decoration: none; } ul,li{ list-style: none; } input,textarea,button{ border:0px; background:none; outline:none; } div.center{ width:1080px; margin:0px auto; } div.clear{ clear:both; } /*header*/ .header{ height:60px; /*overflow: hidden;*/ } .header .logo{ width:300px; float:left; height:60px; overflow: hidden } .header li{ float:left; margin-left:30px; line-height:60px; position:relative; } .header li a{ color:#808080; font-size:14px; } .header .nav>li.on>a{ color:#dc3c14; } .header li a span{ display:inline-block; width: 11px; height: 10px; background: url(../images/res/icon.png) no-repeat 1px -24px; } .header ul{ display:inline; float:right; } .header .select-nav{ display:none; position: absolute; width: 140%; margin-left: -30%; text-align: center; top: 60px; left: 0px; z-index: 1; background: #fff; padding:0px 0px 0px 0px; } .header .select-nav ul{ width: 100%; } .header .select-nav li{ line-height:30px; width:100%; margin-left:0px; } .header .select-nav li a{ font-size: 12px; } /*header*/ /*footer*/ .footer{ background:#2e3033; padding-top:30px; } .footer p,.footer a{ color:#fff; font-size:12px; line-height:30px; } .footer p{ line-height:28px; } .footer .foot-contact{ width:368px; float:left; } .footer .foot-nav{ float:left; width:712px; } .footer ul{ width:33.33%; float:left; } .footer ul.second{ text-align: center } .footer ul.last{ text-align: right; } .footer .copyright{ text-align: center; color:#979899; line-height:47px; margin-top:22px; border-top:1px solid #434548; } .footer .copyright a{ color:#979899; } .footer .fixed{ position:fixed; width:160px; height:352px; top:50%; margin-top:-163px; right:20px; background:#434343; border-radius: 5px; z-index:9; } .footer .fixed .content{ width:130px; height:232px; margin:0px auto; background:#fff; text-align: center; padding:10px 15px; position: relative; z-index:10; } .footer .fixed .fixed_up h6{ color:#fff; font-size:18px; font-weight:normal; line-height:60px; margin-left:10px; text-align: center; background: url(../images/res/right_msg.png) no-repeat; background-position:10px 48%; } .footer .fixed .fixed_down{ text-align: center; background: #dc3c14; border-radius: 5px; height: 70px; } .footer .fixed .fixed_down .tel{ color:#fff; font-size:14px; line-height: 20px; padding-top:15px; padding-bottom:5px; } .footer .fixed .tel span{ font-size:20px; } .footer .fixed .qq{ background: url(../images/res/right_qq.png) no-repeat; background-position:20px 40%; } .footer .fixed .qq a{ color: #888; font-size:14px; line-height: 10px; padding:5px 0px 15px 0px; } .footer .fixed img{ display:block; width:100px; margin:0px auto; margin-top:10px; } .footer .fixed .code span{ display:block; color:#888; font-size:14px; } .footer .fixed .close{ color: #fff; font-size: 28px; position: absolute; top: 0px; right: 10px; cursor: pointer; } .footer .fixed .open{ position: absolute; width: 30px; padding: 20px 0px; border-radius: 5px; background: #676b70; left: 10px; top: 50%; z-index: 8; color: #fff; font-size: 20px; font-family: 黑体; text-align: center; cursor: pointer; } /*footer*/