﻿
/* CSS Document */
html , body{width:100%;height:auto;margin:0 auto;}
.cw{width:1080px; margin:0 auto;}
/*header*/

header{height:84px;background:url(../image/header_bg.jpg) repeat-x;}
header .logo{margin-top:12px;float:left;}
header div.fr{width:900px;}
header div.fr .top{ text-align:right;height:24px;line-height:24px;margin-top:5px;width:100%;} 
header div.fr .top a{color:#333;padding-left:8px; background:url(../image/top_a.jpg) no-repeat left center;margin-left:10px;}
header div.fr .nav{margin-top:4px; background:url(../image/nav_bg.jpg) no-repeat left top;float:right;}
header div.fr .nav li{float:left;width:128px;text-align:center;background:url(../image/nav_bg.jpg) no-repeat right top; position:relative;z-index:15;}
header div.fr .nav li a{font-size:16px;color:#292929; text-decoration:none;display:block;height:48px;border-bottom:3px solid #999;}
header div.fr .nav li a:hover,header div.fr .nav li a.cur{border-bottom:3px solid #cc3333;}
header div.fr .nav li a p{text-transform:uppercase;color:#999;font-size:10px;}
header div.fr .nav li .sub{display:none;position:absolute;z-index:15;left:0;width:128px;}
header div.fr .nav li .sub ul li{background:none;}
header div.fr .nav li .sub ul li:hover{}
header div.fr .nav li .sub ul li a{height: auto;padding:10px 10px;border-bottom:1px solid #cccccc;background:#fff;font-size:14px;}
header div.fr .nav li .sub ul li a:hover,header div.fr .nav li .sub ul li a.active{color:#96150e;background:#ededed;}

footer{padding:40px 0 10px;background:#545454;}
footer .foot1{width:330px;float:left;}
footer .foot1 .foot1_1{padding-bottom:10px;border-bottom:1px solid #e4e4e4;}
footer .foot1 .foot1_1 h3{font-size:20px;color:#e4e4e4;font-weight:bold;padding-bottom:15px;}
footer .foot1 .foot1_1 p{font-size:14px;color:#e4e4e4;line-height:24px;padding-bottom:15px}
footer .foot1 .foot1_1 p span{padding-left:5px;}/*font-size:18px;color:#fff;font-weight:bold;*/
footer .foot1 .foot1_2{padding-top:20px; background:url(../image/map.jpg) no-repeat right 20px;}
footer .foot1 .foot1_2 h3{font-size:20px;color:#e4e4e4;font-weight:bold;padding-bottom:15px;}
footer .foot1 .foot1_2 p{font-size:14px;color:#e4e4e4;line-height:24px;padding:2px 0;}
footer .foot1 .foot1_2 p span{padding-right:30px;}
footer .foot1 .foot1_2 p a{font-size:14px;color:#e4e4e4;}
footer .foot1 .foot1_2 p.pq{color:#969696;padding:40px 0;}

footer .foot2{width:330px;float:left;padding-left:90px;}
footer .foot2 ul li{float:left;width:165px;}
footer .foot2 ul li h3{font-size:20px;color:#e4e4e4;font-weight:bold;padding-bottom:15px;}
footer .foot2 ul li p{font-size:14px;color:#e4e4e4;line-height:24px;}
footer .foot2 ul li p a{color:#e4e4e4;}

footer .foot3{width:280px;float:left;padding-left:50px;}
footer .foot3 .tab{padding-bottom:20px;}
footer .foot3 .tab ul li{float:left;margin-right:100px;}
footer .foot3 .tab ul li h3{font-size:20px;color:#e4e4e4;font-weight:bold;padding-bottom:15px;}
footer .foot3 .tab ul li p{font-size:14px;color:#e4e4e4;line-height:24px;}
footer .foot3 .tab ul li p a{color:#e4e4e4;}
footer .foot3 .mail{ text-align:right;padding-right:20px;padding-top:30px;}
footer .foot3 .mail p a{font-size:14px;color:#e4e4e4;padding-left:30px; background:url(../image/mail.jpg) no-repeat left center; text-decoration:none;}
footer .foot3 .mail .search{ position:relative;margin-top:10px;}
footer .foot3 .mail .search input{width:225px;padding-left:10px;height:26px;border:1px solid #787878;background:#545454;color:#999;font-size:14px;}
footer .foot3 .mail .search .s_btn{ position:absolute;right:10px;top:4px;}


@media screen and (max-width:980px){ footer{ width: 1080px; } .index01{width:1080px;} .index02{width:1080px;} .p_banner{width:1080px;}} 