/*reset*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
/* body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif} */
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
img{border:0;vertical-align:top;}
button,input,select,textarea{font-size:100%;outline:none;font-family: "思源黑体"}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
a{text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);background-color:transparent;-webkit-tap-highlight-color:transparent;cursor:pointer; color:inherit;}
a:hover{text-decoration:none;}
.cf{*zoom:1;}
.cf:after{content:"";display:block;height:0;clear:both;overflow:hidden;}
.clear{clear:both;overflow:hidden;}
.hide{display:none}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix{zoom: 1;}
.fl{float:left;}
.fr{float: right;}
ul,li{list-style:none;}
.pr{ position:relative;}
/*common*/
body{background: #fff;font-size: 16px;font-family: "思源黑体";box-sizing: border-box;position: relative;min-width: 1280px;color: #2E2E2E;}
*,*::before,*::after{box-sizing: inherit;}
a{color: inherit;}
img{max-width: 100%;max-height: 100%;}
.wrapper{width: 1200px;margin: 0 auto;position: relative;}
.wrapper2{width: 800px;margin: 0 auto;position: relative;}

/*comm*/

/*header*/
.header{position: relative;top:0;left:0;width:100%;z-index: 99;font-size: 16px;background: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);height: 70px;}
.header.header-fixed{position: fixed;}
.header .logo{width: 322px;height: 40px;position: absolute;display: inline-block;top: 15px;left: 0px;}
.header .nav{float: right;position: relative;padding-top: 12px;height: 70px;}
.header .nav-list{height: 60px;}
.header .nav-list li{float: left;width: 122px;text-align: center;}
.header .nav-list a.title{color: #333;font-size: 16px;line-height: 48px;display: block;margin-bottom: 10px;position: relative;}
.header .nav-list a.title i{display:inline-block;width: 10px;height: 10px;background: url("../images/nav_more.png") center no-repeat;margin-left: 4px;}
.header .nav-list a.active i{background: url("../images/nav_more_light.png") center no-repeat;}
.header .nav-list a{color: #333;transition: 0.3s all;-webkit-transition: 0.3s all;}
.header .nav-list a.active{color: #024389;}


.header .sub-nav {display: none;width: 150px;margin-left: -20px;background: #fff;padding: 20px 0;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);}
.header .sub-nav li{margin-bottom: 10px;float: none;width: 100%;}
.header .sub-nav a{line-height: 16px;padding: 5px 0;display: block;font-size: 14px;}
.header .sub-nav a:hover,.header .sub-nav a.on{color: #024389;text-decoration: underline;}
.header .sub-menu-bg {position: absolute;top: 70px;left: 0;width: 100%;height: 0;overflow: hidden;z-index: -1;background: #153a45;background: rgba(250, 250, 250, .9);transition: height .2s ease-in-out;}
.header-active .nav-list {height: 278px;}
.header-active .sub-menu-bg{height: 220px;}

.header .nav-list li:hover .sub-nav{display: block;}

/*header*/

/*footer*/
.footer{background:#024389; height: 450px; color: #FFFFFF;padding-top: 80px;font-size: 14px;}
.ft-con{height: 310px;}
.ft-left{float: left;}
.ft-right{float: right;width: 300px;line-height: 28px;}
.ft-left li{float: left;width: 180px;line-height: 36px;}
.ft-left h4{margin-bottom: 20px;}
.ft-left a{display: block;color: #9ab4d0;}
.ft-left a:hover{color: #fff;}
.footer-list{margin-bottom: 30px;}
.ft-right p{color: #9ab4d0; font-family: "思源黑体";}
.ft-right p em{color: #fff;}
.copyright{line-height: 60px;border-top: 1px solid #1c5695;position: relative;font-size: 12px;color: #3569a1;}
.copyright img{position: absolute;right: 0;top:5px;}
.w-3em{width: 3em;display: inline-block;}
/*footer*/