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

body {color:#333; font-size:14px; font-family:微软雅黑,sans-serif; min-width: 1300px; font-weight: normal;}
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: 400;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#333; text-decoration: none;font-weight: normal;
	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, a:active, a:focus {color:#408bcd; text-decoration: none;
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

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:1350px; margin:0 auto; position: relative;}
.main3{width:1250px; 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.1); 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: 50px;}
.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: #408bcd; 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.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	-webkit-transition:all 0.2s;
}

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: 15px;}
nav > ul > li > a,
nav > ul > li > a:visited{margin: 0 9px; 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: 5px; background: #408bcd; position: absolute; top: 60px; left: 0; opacity:0; transition: 0.1s;}
nav > ul > li > a.selected,
nav > ul > li > a:hover,
nav > ul > li > a.on{border-bottom-color: #408bcd; color: #408bcd; }

nav > ul > li > a.selected::after,
nav > ul > li > a:hover::after,
nav > ul > li > a.on::after{top: 65px; opacity: 1;}

nav > ul > li > ul{position: absolute; left: 50%!important; margin-left: -80px; width:160px; visibility:hidden; z-index:999999; padding-top: 25px;}
nav > ul > li > ul:after{position: absolute; left: 50%; top: 21px; margin-left: -6px; display: block; border-bottom: 6px solid #010101; border-left: 6px solid transparent; border-right: 6px solid transparent;}
nav > ul > li > ul > li{background: #fff;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:45px; height: 45px; font-size: 14px; font-weight:normal; color: #333;border-bottom:0px solid #f3f3f3;}
nav > ul > li > ul > li a.selected,
nav > ul > li > ul > li a:hover{background:#408bcd; color:#fff}

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{background:#eee; padding: 50px 0 0 0;}
footer .f_menu{float: left; overflow: hidden; padding: 0 0 25px 0;}
footer .f_menu li{float: left; padding: 0 70px 0 0;}
footer .f_menu li h2{padding: 0 0 20px 0; font-size: 18px; font-weight: normal; color: #fff;}
footer .f_menu li h2 a,
footer .f_menu li h2 a:visited,
footer .f_menu li h2 a:hover{color: #333;}
footer .f_menu li p{line-height: 35px; font-size: 14px;}
footer .f_menu li p a,
footer .f_menu li p a:visited{color: #666;}
footer .f_menu li p a:hover{color: #408bcd;}

footer .ewm{float: right; text-align: center; color: #666; font-size: 16px;}
footer .ewm span{float: left; margin: 0 0 0 20px;}
footer .ewm img{margin: 0 0 10px 0; width: 180px;}

footer address{text-align: center; font-size: 14px; border-top: 0px solid #5d5d5d; padding: 25px 0; font-style: normal; color: #666;}



.page{text-align:center; padding:30px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:35px; height:35px; border-radius:50%; overflow:hidden; text-align:center; line-height:35px; 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:#408bcd; border:1px solid #408bcd; color:#fff}


.search2{float:right;margin-top:-60px}
.search2 .search_text{float:left;width: 210px;height:30px;line-height:30px;background: #fff;border:1px solid #ccc;text-indent:10px;color:#888;font-size: 14px;}
.search2 .search_submit{float:left; width:37px; height:32px; background:url(../images/search_submit.png) no-repeat center #408bcd; border:none; cursor:pointer;}