@charset "utf-8";
/* 该网站名称 CSS Document */
/*CSS 初始化*/

body {color:#333; font-size:12px; font-family:微软雅黑,sans-serif; min-width: 1200px; background: #fff;}
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;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#333; text-decoration: none;
	transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	-webkit-transition:all 0.1s;
}
a:hover, a:active, a:focus {color:#9a2e27; text-decoration: none;}

img {border:none; vertical-align:top}
.clear:after{clear:both; display: block; content: "";}

.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: 'Fontawesome';
	src:url('../font/fontawesome-webfont.eot'); 
	src: 
		url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/fontawesome-webfont.woff') format('woff'), 
		url('../font/fontawesome-webfont.ttf') format('truetype'), 
		url('../font/fontawesome-webfont.svg#aGENCYR') format('svg');
}*/

.main{width:1200px; margin:0 auto; position: relative;}
.main2{width:1000px; margin:0 auto; position: relative;}



/*头部*/
header{position: fixed; width: 100%; left: 0px; top: 0px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); z-index: 1000;}
header .top{background: #f1f1f1; height: 40px; line-height: 40px; color: #888; overflow: hidden;}
header .top h2{float: left; font-size: 12px;}
header .top ul{float: right;}
header .top ul li{float: left; position: relative;}
header .top ul li:before{float: left; margin: 15px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 10px; background: #c1c1c1; vertical-align: middle;}
header .top ul li:first-child:before{display: none;}
header .top ul li a,
header .top ul li a:visited{color: #888;}
header .top ul li a:hover{color: #010101;}

header .logo{float: left; height: 100px; line-height: 96px;}
header .logo img{display: inline-block; vertical-align: middle;}

.sm .top{height: 0px; line-height: 0px;}
.sm .logo{height: 80px; line-height: 76px;}
.sm .logo img{height: 60px;}
.sm nav{margin-top: 15px;}
.sm nav > ul > li > ul{padding-top: 20px;}
.sm nav > ul > li > ul:after{top: 14px;}
.sm nav > ul > li > a::after{ background: #9a2e27; position: absolute; top: 65px; left: 0;}
.sm nav > ul > li > a.selected::after,
.sm nav > ul > li > a:hover::after,
.sm nav > ul > li > a.on::after{top: 62px; opacity: 1;}

header .top,
header .logo,
header .logo img,
nav{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

header .tel{float: right; margin-top: -60px;  background: url(../images/tel.png) no-repeat left; padding-left: 30px; line-height: 20px; font-size: 14px;}
header .tel h2{float: right; font-family: Impact; color: #c30102; font-size: 21px; line-height: 1; font-weight: normal;}

.banner{
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	-webkit-transition:all 0.2s;
}


/*导航*/
nav {float: right; margin-top: 30px;}
nav > ul{z-index: 100;}
nav > ul > li{position:relative; float:left; margin-left: 10px;}
nav > ul > li > a,
nav > ul > li > a:visited{margin: 0 15px; height:45px; line-height:45px; text-align: center; display:block; font-size:16px;position: relative;font-weight:normal;}
nav > ul > li > a::after{display:inline-block; content: "";width: 100%; height: 3px; background: #9a2e27; position: absolute; top: 60px; left: 0; opacity: 0; transition: 0.3s;}
nav > ul > li > a.selected,
nav > ul > li > a:hover,
nav > ul > li > a.on{border-bottom-color: #9a2e27; color: #9a2e27; font-weight:normal;}

nav > ul > li > a.selected::after,
nav > ul > li > a:hover::after,
nav > ul > li > a.on::after{top: 68px; opacity: 1;}

nav > ul > li > ul{position: absolute; left: 50%!important; margin-left: -90px; width:180px; visibility:hidden; z-index:999999; padding-top: 25px;}
nav > ul > li > ul:after{position: absolute; left: 50%; top: 21px; margin-left: -6px; display: block; content: ""; border-bottom: 6px solid #010101; border-left: 6px solid transparent; border-right: 6px solid transparent;}
nav > ul > li > ul > li{background: #010101; position: relative; text-align: center;}
nav > ul > li > ul > li a,
nav > ul > li > ul > li a:visited{display: block; padding: 0px; overflow:hidden; line-height:40px; height: 40px; font-size: 14px; font-weight:normal; color: #fff;}
nav > ul > li > ul > li a.selected,
nav > ul > li > ul > li a:hover{background:#fff; color:#010101}

nav > ul > li > ul > li > ul{position: absolute; width:200px; background: #fff; visibility:hidden; z-index:999999}
nav > ul > li > ul > li > ul > li{border-bottom:1px solid #cfd8e2; }


* 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{margin-top: 20px; background: url(../images/foot_bg.jpg) no-repeat center top #333; display: block;}
footer .main{width: 1200px; margin: 0 auto}
footer .f_menu{height: 55px; background: #00468c; text-align: center; line-height: 55px;}
footer .f_menu ul{padding: 0 50px;}
footer .f_menu ul li{position: relative; float: left; width: 11.1%; font-size: 1.16em;}
footer .f_menu ul li:before{position: absolute; left: 0px; top: 22px; display: block; content: ""; width: 1px; height: 14px; background: #1f5c9a;}
footer .f_menu ul li:first-child:before{display: none;}
footer .f_menu ul li a{color: #fff;}

footer .f_menu2{padding-top: 40px;}
footer .f_menu2 > li{float: left; width: 25%;}
footer .f_menu2 > li > h2{font-family: Arial; font-size: 16px; line-height: 1; text-transform: uppercase; color: #fff;}
footer .f_menu2 > li > h2:after{margin-top: 15px; margin-bottom: 15px; display: block; content: ""; width: 35px; height: 2px; background: #fff;}

footer .f_menu2 > li.link{width: 30%;}
footer .f_menu2 > li.link ul{overflow: hidden; position: relative; padding-right: 50px;}
footer .f_menu2 > li.link ul li{float: left; line-height: 24px; width: 33.33%;}
footer .f_menu2 > li.link ul li a,
footer .f_menu2 > li.link ul li a:visited,
footer .f_menu2 > li.link ul li a:hover{color: #fff;}

footer .f_menu2 > li .f_lxwm dt{padding-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff;}
footer .f_menu2 > li .f_lxwm dd{line-height: 30px; color: #fff; padding-right:20px;}
footer .f_menu2 > li .f_lxwm dd i{display: inline-block; margin-right: 5px; width: 12px; text-align: center; color: #fff; font-size: 14px;}
footer .f_menu2 > li .f_lxwm dd i[class="fa fa-envelope fa-lg"]{font-size: 12px;}

footer .f_menu2 > li .f_tel{}
footer .f_menu2 > li .f_tel i{float: left; margin-right: 10px; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color: #fff; background: #9a2e27; border-radius: 50%; position: relative; behavior:url(pie.htc);}
footer .f_menu2 > li .f_tel h2{font-size: 1.66em; line-height: 1; font-weight: normal; color: #9a2e27; font-family: Arial;}
footer .f_menu2 > li .f_tel span{display: block; color: #9a2e27; letter-spacing: 4px;}
footer .f_menu2 > li .f_tel a{margin-top: 24px; display: block; background: #9a2e27; width: 112px; height: 30px; text-align: center; line-height: 30px; color: #fff;}
footer .f_menu2 > li .f_tel a em{margin-right: 5px; font-size: 14px;}

footer .f_menu2 > li.f_ewm{float: right; width: auto!important; padding-right: 40px;}
footer .f_menu2 > li.f_ewm h2{font-family: "微软雅黑"; font-weight: normal;}
footer .f_menu2 > li.f_ewm ol li{float: left; margin-left: 18px; text-align: center; color: #fff;}
footer .f_menu2 > li.f_ewm ol li:first-child{margin-left: 0px;}
footer .f_menu2 > li.f_ewm ol li img{margin-bottom: 10px; width: 110px; height: 110px;}

footer .foot{margin-top: 30px; background: #111; border-top: 1px solid #333; padding: 15px 0; color: #fff;}
footer .foot ul{float: left; width: 50%;}
footer .foot ul li{float: left; line-height: 25px; position: relative; margin-right: 20px;}
footer .foot ul li:after{position: absolute; top: 8px; right: -10px; display: block; content: ""; width: 1px; height: 11px; background: #008b37;}
footer .foot ul li:first-child{margin-right: 0px;}
footer .foot ul li:first-child:after{display: none;}
footer .foot ul li a,
footer .foot ul li a:visited,
footer .foot ul li a:hover{color: #fff;}
footer .foot span{float: right;}




.page{text-align:center; padding:20px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:26px; height:26px; border-radius:50%; overflow:hidden; text-align:center; line-height:26px; 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:#9a2e27; border:1px solid #9a2e27; color:#fff}


