body,html{ padding: 0; margin: 0; font-size: 12px; font-family: '微软雅黑' !important; color: #666; }
@font-face{
	font-family: specialfontsone;
	src:url(../font/impact_1-webfont.ttf);
	src:url(../font/impact_1-webfont.eot);
	src:url(../font/impact_1-webfont.svg);
	src:url(../font/impact_1-webfont.woff);
}
@font-face{
	font-family: specialfontstwo;
	src:url(../font/rtwsshangyatrial-regular-webfont.ttf);
	src:url(../font/rtwsshangyatrial-regular-webfont.eot);
	src:url(../font/rtwsshangyatrial-regular-webfont.svg);
	src:url(../font/rtwsshangyatrial-regular-webfont.woff);
}
ul,li,h1,h2,dl,dt,dd{ padding: 0; margin: 0; list-style: none; }
a{ text-decoration: none; color: #444; }
a:hover{ text-decoration: underline; color: #16528f; }
.demo{ -webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input:focus{ outline: none; }
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

/* Head */
.head_box{ width: 100%; height: 34px; background: #16528f; color: #fff; line-height: 34px; }
.head_box .head{ width: 1200px; height: 34px; margin: 0 auto; }
.head_box .head span{ float: left; }
.head_box .head .code_box{ width: 44px; height: 34px; float: right; text-align: center; cursor: pointer; position: relative;}
/*.head_box .head .code_box>img{ margin-top: 10px; }
.head_box .head .code_box:hover>img{
	transform: rotateX(360deg);
	-webkit-transform: rotateX(360deg);	
	-moz-transform: rotateX(360deg);
	-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;
}*/
.head_box .head .code_box .code_img{ z-index: 999; width: 174px; height: 174px; background: #fff; border: solid 5px #16528f; border-top: 0; position: absolute; top: -179px; right: 0; border-right-color: #ec9908;}
.head_box .head .code_box .code_img img{ width: 174px; height: 174px; }
.head_box .head .code_box:hover .code_img{ top: 34px; }
.head_box .head a{ float: right; display: block; width: 60px; height: 34px; text-align: center; color: #fff; }
.head_box .head a img{ margin-right: 8px; }

#top{ background:#fff; width:100%; height:78px;}
.top{ width:1150px; margin:0 auto; height:78px;}
.tell_box{ width: 148px; height:53px; float: right; line-height:70px;  color:#ec9908; font-family: specialfontsone ; font-size:18px; overflow:hidden; background:url(../images/phone.jpg) no-repeat; text-indent:2.5em; margin-top:12px;}
.logo{ width: 173px; height: 78px; float: left; }

/* Menu */
.menu_box{ width: 100%; height:48px; background:#16528f;}
.menu_box .menu{ width: 1200px; height:48px; margin: 0 auto; }
.menu_box .menu ul{ display: block; width:100%; height: 48px; float: right; }
.menu_box .menu ul li{ display: block; width: 133px; height: 48px; float: left; }
.menu_box .menu ul li a{ display: block; width: 133px; height: 48px; line-height: 48px; text-align: center; position: relative; color:#fff; font-size:14px;}
.menu_box .menu ul li a:hover{ text-decoration:none; font-weight:bold;}
.menu_box .menu ul li a span{ display: block; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; }
.menu_box .menu ul li a:hover span{ display: block; width: 60%; height: 4px; background: #fff; margin-left:20%;}
.menu_box .menu ul li .nav_a{ color: #fff; }
.menu_box .menu ul li .nav_a span{ display: block; width: 60%; height: 4px; background: #fff; margin-left:20%;}

/* Bottom */
.bottom_box{ width: 100%; height: 126px; background: #242424; }
.bottom_box .bottom{ width: 1200px; height: 111px; margin: 0 auto; color: #fff; line-height: 31px; padding-top: 15px; }
.bottom_box .bottom img{ width: 100px; height: 100px; float: right; }
.bottom_box a{ color:#fff; }
.bottom_box a:hover{ color:#fff;}