@charset "utf-8";
/* 该网站名称 CSS Document */
/*CSS 初始化*/

body {color:#555; font-size:12px; font-family:微软雅黑,sans-serif; min-width: 1100px; background: url(../images/bg.png);}
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none; font-weight: normal;}
header, article, section, aside, footer, figure, nav{display: block;}
img {border:none; vertical-align:top}

a, a:visited {color:#555; text-decoration: none;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
a:hover{color:#d00; text-decoration: none;}

.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'AGENCYB';
	src:url('../font/AGENCYB.eot'); 
	src: 
		url('../font/AGENCYB.eot?#iefix') format('embedded-opentype'), 
		url('../font/AGENCYB.woff') format('woff'), 
		url('../font/AGENCYB.ttf') format('truetype'), 
		url('../font/AGENCYB.svg#aGENCYR') format('svg');
}

.main{width:1200px; margin:0 auto; position: relative;}

/*头部*/
header{height: 105px;}
header .logo{float: left; height: 105px; line-height: 105px; position: relative;}
header .logo img{display: inline-block; vertical-align: middle; width: 330px;}
header .tel{position: absolute; right: 25px; top: 20px;}
header .tel i{float: left; margin: 4px 5px 0 0; color: #c8161d; font-size: 14px;}
header .tel h2{float: left; font-size: 14px; line-height: 1; font-weight: normal;}
header .tel ul{float: right;}
header .tel ul li{float: left;}
header .tel ul li:before{float: left; margin: 3px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 11px; background: #c4c4c4;}

/*导航*/
.nav {float: right; margin-top: 63px;}
.nav > ul{z-index: 100;}
.nav > ul > li{position:relative; text-align:center; float:left;}
.nav > ul > li > a{position: relative; padding: 0 25px; height:42px; line-height:42px; display:block; color:#333; font-size:14px;}
.nav > ul > li > a:visited{color: #333}
.nav > ul > li > a.selected,
.nav > ul > li > a:hover,
.nav > ul > li > a.on{color: #2d98d0; font-weight: bold;}
.nav > ul > li > a.selected:after,
.nav > ul > li > a:hover:after,
.nav > ul > li > a.on:after{display: block; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 5px; background: #2d98d0;}

.nav > ul > li > ul{position: absolute; width:150%; background:url(../images/menu_xl_bg.png); padding: 10px 0; visibility:hidden; z-index:999999}
.nav > ul > li > ul li{text-align:center; font-size:14px}
.nav > ul > li > ul li a,
.nav > ul > li > ul li a:visited{display: block; height: 43px; line-height: 43px; color: #fff;}
.nav > ul > li > ul li a.selected,
.nav > ul > li > ul li a:hover{background:#2795d1; color:#fff}

/*产品分类*/
/*.nav > ul > li.nav_class{float: left; background: #444; width: 190px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; position: static; }
.nav > ul > li.nav_class i{font-size: 18px; margin-right: 10px;}
.nav > ul > li.nav_class:hover{background: #ededed; color: #d60000; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.nav > ul > li.nav_class ul{position: absolute; left: 0px; width: 100%; background: #ededed; line-height: 1;}
.nav > ul > li.nav_class ul dl.nav_class_list{float: left; width: 50%; padding: 15px 0;}
.nav > ul > li.nav_class ul dl.nav_class_list dd{float: left; position: relative; width: 25%; line-height: 30px; text-align: left; font-size: 12px; text-indent: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav > ul > li.nav_class ul dl.nav_class_list dd:before{display:block; content: ""; position: absolute; left: 20px; top: 50%; margin-top: -1px; width: 3px; height: 3px; background: #9c9c9c;}
.nav > ul > li.nav_class ul ol.nav_class_img{float: right; width: 50%; padding: 20px 0;}
.nav > ul > li.nav_class ul ol.nav_class_img li{float: left; width: 50%;}
.nav > ul > li.nav_class ul ol.nav_class_img li span{display: block; padding-right: 20px;}
.nav > ul > li.nav_class ul ol.nav_class_img li span img{width: 100%; height: 165px;}
.nav > ul > li.nav_class{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}*/
.nav ul li ul{box-shadow: 0px 3px 3px rgba(0,0,0,0.1)!important;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px;}
.rightarrowclass {position: absolute; top: 8px; right:15px;}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}

/*底部*/
footer{background: #5e5e5e;}
footer .f_menu{float: left; overflow: hidden; padding: 40px 0 20px 0;}
footer .f_menu li{float: left; width: 240px; color: #fff;}
footer .f_menu li a{color: #fff;}
footer .f_menu li p{padding-top: 20px; font-size: 14px; line-height: 30px;}

footer .f_logo{float: right; padding: 35px 0 0 0; color: #fff; line-height: 22px;}
footer .f_logo img{width: 100px; margin-bottom: 5px;}
footer address{background: #2e99d1; height: 57px; color: #bfbfbf; font-style: normal; line-height:57px; color: #fff;}

/*page*/
.page{text-align:center; padding:20px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:20px; height:20px; border-radius:3px; overflow:hidden; text-align:center; line-height:20px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#007dab; border:1px solid #007dab; color:#fff}