/*浮动*/ .fl { float: left; } .fr { float: right; } /*清除浮动*/ .clearfix:after { height: 0; content: ""; display: block; clear: both; visibility: hidden; font-size: 0; } .clearfix { zoom: 1; } * html .clearfix { zoom: 1; } /* === header === */ #header{ width: 100%; height: 124px; background: #fff; } .head{ width: 1200px; height: 124px; line-height: 124px; margin: 0 auto; } .head .logo{ height: 124px; line-height: 124px; } .head .logo a{ display: inline-block; height: 124px; line-height: 124px;} .head .logo a img{ padding-top: 20px; } .head .ch-en .ch{ margin-right: 12px; } .head .ch-en .en{ margin-left: 12px; } .head .ch-en p{ color: #666666; font-size: 14px; } .head .ch-en p a{ color: #666666; font-size: 14px; } .head .ch-en p a.on{ color: #da0808; } .head .ch-en p a:hover{ color: #da0808; } /*nav*/ #nav{ position: fixed; top: 124px; width: 100%; height: 46px; background: #c20101; z-index: 102; } .nav{ width: 1200px; height: 46px; margin: 0 auto; } .nav .nav-wrap ul li.nli{ float: left; height: 46px; line-height: 46px; padding-left: 26px; padding-right: 26px; text-align: center; cursor: pointer; } .nav .nav-wrap ul li.nli+li.nli{ margin-left: -7px; } .nav .nav-wrap ul li.nli:hover{ height: 42px; border-bottom: 4px solid #ffffff; } .nav .nav-wrap ul li.nli.on{ height: 42px; border-bottom: 4px solid #ffffff; } .nav .nav-wrap ul li.nli a{ color: #ffffff; font-size: 16px; } .nav .nav-wrap ul li.nli .sub{ position: absolute; display: none; top: 46px; left: 0; width: 100%; height: 50px; background: url(../images/sub-bg.png); } /*.nav .nav-wrap ul li.nli:hover .sub{ display: block; }*/ .nav .nav-wrap ul .nli .sub ul{ position: absolute; top: 0; padding-left: 30px; } .nav .nav-wrap ul .nli .sub ul li{ float: left; height: 50px; } .nav .nav-wrap ul .nli .sub ul li a{ display: block; height: 50px; color: #666666; font-size: 14px; } .nav .nav-wrap ul .nli .sub ul li+li{ margin-left: 36px; } .nav .nav-wrap ul .nli .sub ul li a:hover{ color: #c20101; } .nav .search{ position: relative; height: 34px; width: 290px; padding: 6px 0; } .nav .search input{ height: 34px; width: 248px; line-height: 34px; padding-left: 10px; padding-right: 32px; background: #fff2f2; font-size: 14px; color: #333; } .nav .search .btn-search{ position: absolute; right: 10px; top: 14px; width: 22px; height: 20px; display: inline-block; cursor: pointer; background: url(../images/search.png) no-repeat; } /* === footer === */ #footer{ height: 120px; width: 100%; background: #a20000; } .foot{ width: 1200px; margin: 0 auto; text-align: center; padding-top: 14px; } .foot p{ color: #ffffff; font-size: 14px; } .foot p+p{ margin-top: 12px; } .foot p a{ display: inline-block; height: 14px; line-height: 14px; text-align: center; color: #ffffff; font-size: 14px; padding: 0 10px; } .foot p a+a{ border-left: 1px solid #ffffff; } .foot p a:hover{ color: #ebeae9; } .foot span{ display: inline-block; color: #ffffff; font-size: 14px; padding-left: 24px; margin-top: 10px; background: url(../images/foot.png) no-repeat left center; } .foot span a{ color: #ffffff; font-size: 14px; }