@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu, img {margin: 0;padding: 0;}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {display: block;}

table {border-collapse: collapse;border-spacing: 0;}

caption, th {text-align: left;font-weight: normal;}

html, body, fieldset, img, iframe, abbr {border: 0;}

i, cite, em, var, address, dfn {font-style: normal;}

[hidefocus], summary {outline: 0;}

li {list-style: none;}

h1, h2, h3, h4, h5, h6, small {font-size: 100%;}

sup, sub {font-size: 83%;}

pre, code, kbd, samp {font-family: inherit;}

q:before, q:after { content: none;}

textarea {overflow: auto;resize: none;}

label, summary {cursor: default;}


h1, h2, h3, h4, h5, h6, em, strong, b {font-weight: normal;}

del, ins, s, a, a:hover {text-decoration: none;}

body, textarea, input, input:focus, button, select, keygen, legend {font:14px/1.4 '微软雅黑';color: #444; outline: 0;}

body,html {background: #FFF; font:14px/1.8 '微软雅黑'; min-width: 1340px;}

a{ color:#666; }

a:hover{ color:#013f98; }

.clearfix{*zoom:1; clear: both;}

.clearfix:before,.clearfix:after{display:table;content:"";clear:both;line-height:0}

.pr{ position: relative; }

.pa{ position: absolute; }

.fl{ float: left; }

.fr{ float: right; }

.dib{ display: inline-block; vertical-align: middle; }

.tar{ text-align: right; }

.tac{ text-align: center; }

.w1200{ width: 1200px; margin: 0 auto; }

.header .top{ position: relative; z-index: 5; height: 70px; border-bottom: 1px solid #EFEFEF; background: #FFF; }
.header .top .logo{ float: left; margin-top: 17px;}
.header .top .logo img{ width:130px;}
.header .top .logo1{ float: left; width:45px; height:45px; }
.header .top .logo2{ float: left; width:128px; height:35px; margin: 6px 0 0 10px;}
.header .top .top-nav{ margin-top:33px; color:#C9C9C9;}
.header .top .top-nav a{ margin: 0 5px; }
.nav{ position: relative; height: 70px; border-bottom: 1px solid #EFEFEF; z-index: 4; }
.nav-li{ position: relative; float: left; margin-left:40px; height:100%; }

.nav-li>li{ position: relative; height: 100%; float: left; width: 120px; background: #FFF; cursor: pointer; text-align: center; font-size: 16px;  }

.nav-li>li .nav-txt{ display: block; position: relative; line-height: 70px; background: #FFF; color: #666; z-index: 7; }
.nav-li>li .nav-txt:after{ position: absolute; bottom: -1px; left: 0; width: 0; margin-left: 20%; height: 3px; background: #0D318F; content: ""; }
.nav-li>li:hover .nav-txt, .nav-li li.active .nav-txt{ color:#013f98; }
.nav-li>li:hover .nav-txt:after, .nav-li li.active .nav-txt:after{ width: 60%; }

.nav-li .drop-menu{ position: absolute; width: 97%; box-sizing: border-box; top:-300px; box-shadow: 0 3px 5px rgba(0,0,0,0.2);  padding:10px 0; background:rgba(255,255,255,0.98); font-size:14px; transition:all ease 0.3s;}
.nav-li .drop-menu li{ float:none; padding-top:10px; }
.nav-li .drop-menu li a{ color: #888; }
.nav-li .drop-menu li a:hover{ color: #013f98; }
.nav-li .drop-menu li:last-child{ border-bottom:0;}
.nav-li>li:hover .drop-menu{ top:60px;}


.footer{ margin-top: 50px; padding: 50px 0 20px; background: #3E4349; color: #FFF; }
.footer span{ display: inline-block; }
.footer .footer-item span{ padding: 20px; }
.footer .footer-item .f20{ padding: 0; font-size: 20px; }
.footer .copy{ border-top: 1px solid #585858; margin-top: 15px; padding-top: 30px; text-align: center; }
.footer .copy a{ color:#FFF;}
.footer .copy img{ vertical-align: middle; margin-right: 5px; }


.go-top{ display: none; position: fixed; left:50%; bottom: 30px; width: 38px; height: 36px; margin-left:620px; background: url(../images/top.png) no-repeat; cursor: pointer; z-index: 2;}
.go-top:hover{ background-position: 0 -50px; }

.ani,.ani:before,.ani:after{ transition: all ease 0.4s;}


.loading{ position: relative; width: 100%; height: 100%; min-height:200px; }
.loading:after{ position: absolute; left: 50%; top: 50%; width:50px; height: 50px; margin-left: -25px; margin-top: -25px; background: url(../images/loading.png) no-repeat; content: ""; animation: rotateLoad 1s linear infinite; }
@keyframes rotateLoad{
	0%{ transform: rotate(0deg); }	
	100%{ transform: rotate(360deg);  }
}