﻿@charset "utf-8";
/* CSS Document */
.top_navBar { margin:0px;padding:0px;text-align:center; font-size: 16px; font-family: Arial, "微软雅黑"; background:#b91b32; color: #333;}
.top_navBar li { list-style-type: none}
.top_navBar a{text-decoration:none;}
.top_navBar i{font-style:normal;}
.top_navBar img { vertical-align:middle; border: 0px;}
.top_navBar a:link {text-decoration: none;}
.top_navBar a:visited {text-decoration: none;}
.top_navBar a:hover { text-decoration: none;}
.top_navBar .clear { clear:both; line-height:0; height:0; font-size:1px;}

.top_nav ul li h3 a{color:#fff;}
.top_nav ul li a{color:#fff;}

/*导航开始*/

@media only screen  and (min-width: 768px)
{
.top_nav{margin:0 auto;width:1200px;}

.top_navBar{position:relative;z-index:1;width:100%;height:54px;min-width:1200px;border-top:1px solid #ddd;border-bottom:3px solid #eee;color:#333;line-height:54px}

.top_nav h3{font-weight:400;font-size:100%;}
.top_nav .m{position:relative;float:left;display:inline;width:133px;text-align:center}

.top_nav h3 a{display:block;padding:13px 0;color:#333;line-height:30px;zoom:1;color:#fff;}
.top_nav .on h3 a{padding:11px 0;border-top:2px solid #da271e}
.top_nav .on h3 a i{opacity:1;filter:alpha(opacity=100)}
.sub_bg{}
.top_nav .sub{position:absolute;z-index:99999;top:58px;left:-10px;float:left;display:none;padding:10px 0;width:1200px;background:#fff;line-height:30px;opacity:.9}
.suu{width:1200px;height:40px;background-color:#da271e}
.suu_r{float:right}
.suu_r,.suu_r a{margin-right:20px;}
.suu_r a{width:500px;color:#fff;font-size:9pt;line-height:40px}
.top_nav .sub li{text-align:center; height:40px; line-height:40px; }
.top_nav .sub li a{display:block;color:#666;zoom:1}
.top_nav .sub li a:hover{background:url(/Images/hover_bg.png) left center no-repeat;color:#fff}
.top_nav .sub dl{*float:left; display:inline-block;padding:15px 10px;width:215px;vertical-align:top;line-height:26px;zoom:1}
.top_nav .sub dl dt{float:left;width:230px}
.top_nav .sub dl h5{margin-bottom:5px;width:215px;border-bottom:#da271e 2px solid;color:#555;font-weight:600;font-size:17px;line-height:40px}
.top_nav .sub dl h5 a{color:#555;}
.top_nav .sub dl dd{float:left;padding:0 15px;width:200px;text-align:center;line-height:30px}
.top_nav .sub dl a:hover{color:#c00}
.top_nav .sub dl dt a{color:#000}
.top_nav .sub dl dd a{padding-left:7px;color:#656565;font-size:14px}

.top_nav #m3 .sub,.top_nav #m4 .sub{position:absolute;top:56px;left:1px;z-index:0;float:left;width:133px}
.top_nav #m2 .sub{position:absolute;top:56px;left:-399px;z-index:1;box-sizing:border-box;width:1200px;float:left;}
.top_nav #m2 dt img{ width:150px; height:90px;}
.top_nav  #zx{
	float:right;
	width:135px;
	border-left:1px solid #ddd;
	height:25px;
	line-height:25px;
	margin:15px 0;
}

.top_nav   #zx a{
display:inline-block;
	background:url(/Images/nav_zixun.png) left center no-repeat;
	text-indent:35px;
	color:#da271e;
}
}
/*导航手机版*/

@media only screen  and (max-width: 725px)
{

.sub_bg{width:100%;display:none;}
.top_navBar {width:100%;height: 80px;border-top: 1px solid #ddd;border-bottom: 3px solid #eee;color: #fff;line-height: 40px;}
.top_navBar ul li a{color:#fff;}
.top_nav .m {position: relative;float: left;display: inline; width: 25%;text-align: center;
.top_nav {
    margin: 0 auto;
    width: 100%;
.top_nav ul li h3 a{color:#fff;}
.top_nav ul li a{color:#fff;}
.top_nav #m2 .sub{    display: none;}
.top_nav #m2 .sub{display: none;}
.top_nav #m3 .sub,.top_nav #m4 .sub{display:none;}
}





