body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei","\5b8b\4f53";}

address,cite,dfn,em,i,var{font-style:normal;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none; }
a:link,a:visited,a:hover,a:active{text-decoration:none; outline:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}:focus{outline:0;}legend{color:#000;}
fieldset,img,input{border:none; background:none;}button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;height:1px;*color:#fff;}img{-ms-interpolation-mode:bicubic;}
.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearFix{zoom:1}
/*Flex 布局*/
.flex_row{display: flex; flex-direction: row;}
.flex_column{display: flex; flex-direction: column}
.flex_row_center{justify-content: center}
.flex_column_center{align-items: center;}
.flex_center{justify-content: center;align-items: center;}
.self_flex_start{align-self: flex-start;}
.self_flex_end{align-self: flex-end;}

.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearFix{zoom:1}
.fl{ float:left;}
.fr{ float: right;}
.rel{ position: relative;}
.abs{ position: absolute;}
.fix{ position: fixed}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text_center{ text-align: center;}
.midLine{ text-decoration:line-through;}
/* @font-face {
	font-family: 'gbk';
	src: url('./font/gbk.eot');
    src: local('gbk'), url('./font/gbk.woff') format('woff'), url('./font/gbk.ttf') format('truetype');
} */


@font-face {
    font-family: PingFang_Regular;
    src: url("font/PingFang_Regular.ttf");
}
@font-face {
    font-family: PingFang_Semibold;
    src: url("font/PingFang-SC-Semibold.otf");
}

/*head*/
.header { width: 990px; height: 120px; margin: 0 auto; }
.header .logo { float: left; width: 300px; height: 52px; margin-top: 52px; background: url("../images/pic_logo.jpg") no-repeat; }
.header .logo a { display: block; height: 100%; text-indent: -999em; }
.header .menu { float: right; width: 508px; height: 60px; margin: 56px 6px 0 0; }
.header .menu .nav li { position: relative; float: left; width: 108px; line-height: 60px; text-align: center; font-family: 'PingFang_Regular'; color: #333; text-align: center; font-size: 16px; }
.header .menu .nav li:first-child { width: 76px; }
.header .menu .nav li a { color: #333; }
.header .menu .nav li a:hover,
.header .menu .nav li a.on,
.subnav p.on a { color: #284ca2; }
.subnav { display: none; position: absolute; top: 60px; left: -2px; width: 115px; padding: 14px 0 18px; background-color: #eee; border-top: 3px solid #284ca2; z-index: 999;transition: all .5s ease; }
.subnav p { padding-left: 20px; line-height: 32px; text-align: left; font-size: 14px; cursor: pointer; }

.foorer_wrap { width: 100%; height: 155px; background-color: #eee; border-top: 4px solid #284ca2; }
.foorer_wrap .footer { width: 990px; margin: 0 auto; padding-top: 40px; }
.footer p { line-height: 24px; font-size: 14px; color: #333; text-align: center; font-family: 'PingFang_Regular'; }
.footer p a { color: #333; }

.w_990,
.main { position: relative; width: 990px; margin: 0 auto; font-family: 'PingFang_Regular'; color: #333; font-size: 14px; }