/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */a, button, input { background-color: transparent }
img, legend { border: 0 }
body, html { width: 100%; overflow-x: hidden }
.l_con, body, sub, sup { position: relative }
.noWrap, .toh { white-space: nowrap }
@font-face { font-family: Gotham-Bold; src: url(../fonts/Gotham-Bold.otf) }
* { padding: 0; margin: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box }
button, input { border: none }
::-ms-clear, ::-ms-reveal {
display:none }
html { font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width: 1300px; height: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; margin: 0; padding: 0 }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display:none }
a { text-decoration: none }
.footer .info .chunk_2 .con .list_1 a:hover, .footer .info .chunk_2 .con .list_2 a:hover { text-decoration: underline }
a:active, a:hover { outline: 0 }
a:visited { color: inherit }
b, strong { font-weight: 700 }
em { font-style: normal }
h1 { font-size: 2em; margin: .67em 0 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
li, ol, ul { list-style: none }
svg:not(:root) { overflow: hidden }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0 }
.f-c, .f-sc, .f-theme { color: #3266a7 }
.blod, .f-wb { font-weight: 700 }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0 }
input { line-height: normal }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto }
input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { padding: 0 }
textarea { overflow: auto }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
@font-face { font-family: iconfont; src: url(../iconfont/iconfont.eot); src: url(../iconfont/iconfont.eot?#iefix) format('embedded-opentype'), url(../iconfont/iconfont.woff) format('woff'), url(../iconfont/iconfont.ttf) format('truetype'), url(../iconfont/iconfont.svg#iconfont) format('svg') }
.iconfont { font-family: iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
body { margin: 0; background: #fff; min-height: 100%; font-size: 18px }
.l_con { margin: 0 auto; width: 1200px }
img[class^=icon_] { display: inline-block; width: 100%; cursor: pointer; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
i[class^=icon_] { vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; font-style: normal }
.clear {
*zoom:1 }
.clear:after, .clear:before { content: ""; display: table }
.clear:after { clear: both }
.box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.fl { float: left }
.fr { float: right }
.g-d-2>*, .g-d-3>*, .g-d-4>*, .g-d-5>*, .g-d-6>*, .g-d-7>*, .g-d-8>* { float: left }
.tc { text-align: center }
.tl { text-align: left }
.tr { text-align: right }
.pa { position: absolute }
.pr { position: relative }
.pf { position: fixed }
.wf { width: 100%; max-width: 100% }
.toh { overflow: hidden; text-overflow: ellipsis }
[class^=g-] {
*zoom:1 }
[class^=g-]:after, [class^=g-]:before { content: ""; display: table }
[class^=g-]:after { clear: both }
.g-d-2>* { width: 50% }
.g-d-3>* { width: 33.33333333% }
.g-d-4>* { width: 25% }
.g-d-5>* { width: 20% }
.g-d-6>* { width: 16.66666667% }
.g-d-7>* { width: 14.28571429% }
.g-d-8>* { width: 12.5% }
.bg-c, .bg-sc { background-color: #3266a7 }
.f-t-c { text-align: center }
.btHov { transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.btHov:hover { -khtml-opacity: .85; -moz-opacity: .85; opacity: .85; filter: alpha(opacity=85); filter: "alpha(opacity=85)"; filter: alpha(opacity=85) }
.noShow { visibility: hidden }
.header { position: relative; z-index: 1000 }
.header .banner { position: relative; font-size: 0; overflow: hidden; height: 140px!important; background: url(../images/com/top.jpg) no-repeat; background-size: cover }
.header .banner .cover .comp_input>div input, .header .banner .cover .link_home { font-size: 15px; color: #fff; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.header .banner .bg { position: relative; height: 120px }
.header .banner .cover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; max-width: 100% }
.header .banner .cover .l_con {
*zoom:1 }
.header .banner .cover .l_con:after, .header .banner .cover .l_con:before { content: ""; display: table }
.header .banner .cover .l_con:after { clear: both }
.header .banner .cover .logo { float: left; width: 482px; height: 61px; margin-top: 35px; background: url(../images/com/logo.png) center/contain no-repeat; background-size: 100% 100%; background-position: center }
.header .banner .cover .right { float: right; width: 289px }
.header .banner .cover .link_home { float: right; margin-right: 15px; display: block; margin-top: 35px; line-height: 100%;
*line-height:180%; letter-spacing: 2px }
.header .banner .cover .link_home .icon_home { float: left; margin-top: -2px;
*margin-top:5px; margin-right: 10px; height: 17px; width: 17px; background-image: url(../images/ico/home.png) }
.header .banner .cover .comp_input { float: right; position: relative; width: 160px; margin-top: 15px; height: 27px; border: 1px solid #accee4; background-color: rgba(255,255,255,.39); background-color: #0f4d97; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; border-radius: 38px }
.header .banner .cover .comp_input>div { margin-left: 20px; margin-right: 58px }
.header .banner .cover .comp_input>div input { line-height: 30px }
.header .banner .cover .comp_input .icon_search { position: absolute; top: 4px; right: 21px; width: 20px; height: 20px; cursor: pointer; background-image: url(../images/ico/search_02.png) }
.header .banner .cover .comp_input.focus { border: 1px solid #accee4; -moz-box-shadow: 0 0 5px 0 #eee; -webkit-box-shadow: 0 0 5px 0 #eee; box-shadow: 0 0 5px 0 #eee }
.header .search, .header .search input { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; background-color: #fff }
.header .search { position: relative; width: 289px; height: 40px; font-size: 0; margin-top: 56px; margin-right: 22px; border-radius: 2px }
.header .search input, .header .search input.placeholder { font-size: 14px; color: #3266a7 }
.header .search input { float: left; width: 225px; height: 38px; line-height: 40px; padding-left: 20px; border-radius: 2px; border: 1px solid #fff }
.header .navs>li>.sub_navs>li>a, .header .navs>li>a { display: block; line-height: 50px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.header .search input::-webkit-input-placeholder {
color:#3266a7;
font-size:14px }
.header .search input:-moz-placeholder {
color:#3266a7;
font-size:14px }
.header .search input::-moz-placeholder {
color:#3266a7;
font-size:14px }
.header .search input:-ms-input-placeholder {
color:#3266a7;
font-size:14px }
.header .search .btn_search { position: absolute; top: 0; right: 0; width: 44px; height: 38px; margin-top: 1px; background: url(../images/com/search.svg) center/contain no-repeat; background-position: center; background-size: 16px 16px }
.header .nav_bar { background-color: #fff; height: 50px }
.header .navs { font-size: 0 }
.header .navs>li { float: left; position: relative; width: 133px; height: 50px }
.header .navs>li>a { width: 100%; height: 50px; font-size: 16px; color: #3266a7; text-align: center }
.header .navs>li>.sub_navs { position: absolute; visibility: hidden; min-width: 100%; opacity: 0; left: 0; top: 50px; background-color: #3266a7; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .navs>li>.sub_navs>li { height: 50px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .navs>li>.sub_navs>li>a { white-space: nowrap; height: 50px; font-size: 16px; color: #fff; text-align: left }
.header .navs>li>.sub_navs>li:hover { background-color: #00258e }
.footer, .header .navs>li:hover { background-color: #3266a7 }
.header .navs>li:hover>.sub_navs { visibility: visible; opacity: 1 }
.header .navs>li:hover>a { color: #fff }
.header .user { position: absolute; right: 20px; margin-top: 50px; font-size: 16px; color: #fff; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.header .user>.login { color: #fff; margin-right: 15px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .user>.login:hover { color: #00c1de }
.header .user>.register { color: #fff; margin-left: 15px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .user>.register:hover { color: #00c1de }
.header .user>.userAccount { color: #fff; margin-right: 15px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .user>.userAccount:hover { color: #00c1de }
.header .user>.quiz { color: #fff; margin-left: 15px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.header .user>.quiz:hover { color: #00c1de }
.footer { position: relative; width: 100%; max-width: 100%; height: 274px; background-repeat: no-repeat; background-position: top center; background-image: url(../images/com/bg_footer.png) }
.footer .info { height: 234px }
.footer .info .l_con {
*zoom:1 }
.footer .info .l_con:after, .footer .info .l_con:before { content: ""; display: table }
.footer .info .l_con:after { clear: both }
.footer .info .chunk_1 { float: left; width: 260px; height: 234px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/com/ico_v_line.png) }
.footer .info .chunk_1 .logo { width: 234px; height: 138px; margin-top: 45px; margin-left: 20px; background: url(../images/com/logo_2.png) center no-repeat; background-size: 100% 100% }
.footer .info .chunk_2, .footer .info .chunk_3 { float: left; background-position: right center; background-image: url(../images/com/ico_v_line.png); height: 234px }
.footer .info .chunk_2 { width: 232px; padding-left: 110px; background-repeat: no-repeat }
.footer .info .chunk_2 .tit { margin-top: 44px; font-size: 16px; color: #fff; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.footer .info .chunk_2 .con .list_1 a, .footer .info .chunk_2 .con .list_2 a { font-size: 14px; color: #fff; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; white-space: nowrap }
.footer .info .chunk_2 .con {
*zoom:1; margin-top: 17px }
.footer .info .chunk_2 .con:after, .footer .info .chunk_2 .con:before { content: ""; display: table }
.footer .info .chunk_2 .con:after { clear: both }
.footer .info .chunk_2 .con .list_1 { float: left; width: 140px; line-height: 26px }
.footer .info .chunk_2 .con .list_1 a { line-height: 26px }
.footer .info .chunk_2 .con .list_2 { float: left; width: 172px; margin-left: 20px }
.footer .info .chunk_2 .con .list_2 a { line-height: 26px }
.footer .info .chunk_3 { width: 332px; padding-left: 120px; background-repeat: no-repeat }
.footer .info .chunk_3 .tit { margin-top: 44px; font-size: 16px; color: #fff; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.footer .info .chunk_3 .con {
*zoom:1; margin-top: 17px; font-size: 14px; color: #fff; line-height: 26px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.footer .info .chunk_3 .con:after, .footer .info .chunk_3 .con:before { content: ""; display: table }
.footer .info .chunk_3 .con:after { clear: both }
.footer .info .chunk_4 {
*zoom:1; float: right; width: 95px; height: 234px; padding-left: 37px }
.footer .info .chunk_4:after, .footer .info .chunk_4:before { content: ""; display: table }
.footer .info .chunk_4:after { clear: both }
.footer .info .chunk_4 .code1, .footer .info .chunk_4 .code2 { position: relative; float: left; width: 100px; margin-top: 58px }
.footer .info .chunk_4 .code1 .txt, .footer .info .chunk_4 .code2 .txt { position: relative; left: 50%; width: 134px; margin-top: 12px; margin-left: -67px; text-align: center; font-size: 16px; color: #fff; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.comp_radio .one, .comp_radio .two { cursor: pointer; margin-top: 7px; float: left }
.footer .info .chunk_4 .code1>.code_img, .footer .info .chunk_4 .code1>.code_zb, .footer .info .chunk_4 .code2>.code_img, .footer .info .chunk_4 .code2>.code_zb { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; /*background-image: url(../images/com/code.png)*/ }
.footer .bottom { text-align: center; height: 40px; font-size: 12px; color: #fff; line-height: 40px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; background: rgba(0,0,0,.6) }
.comp_radio { width: auto }
.comp_radio input { display: none!important }
.comp_radio .two { margin-left: 50px }
.comp_radio .sexRadio { float: left; font-size: 18px; color: #333; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; height: 25px; line-height: 25px }
.comp_radio .sexCheck { float: left; margin-left: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; height: 23px; width: 23px; border: 1px solid #ccc; text-align: center; font-size: 0; line-height: 23px }
.comp_radio .sexCheck img { margin-top: 20%; width: 92%; display: none }
.comp_radio .active .sexCheck { background-color: #3266a7; border: 1px solid #3266a7 }
.comp_radio .active .sexCheck img { display: inline-block;
*display:inline;
*zoom:1 }
.comp_select { position: relative; float: left; width: 230px; height: 35px; z-index: 2000; cursor: default }
.comp_select .noTxt { font-size: 16px; color: #999; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; line-height: 35px }
.comp_select>.c_input, .comp_select>.comp_down>ul>li { text-align: center; color: #000; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.comp_select>.c_input { border: 1px solid #000; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; height: 35px; font-size: 16px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px }
.comp_select>.comp_down { position: relative; z-index: 1000; overflow-y: auto; display: none; border: 1px solid #000; background-color: #fff; background-color: rgba(255,255,255,.5); margin-top: 1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px }
.comp_select>.comp_down>ul { position: relative; z-index: 1000; max-height: 234px;
*height:234px; overflow-y: auto }
.comp_select>.comp_down>ul>li { position: relative; z-index: 1000; transition: all .1s linear 0s; -moz-transition: all .1s linear 0s; -webkit-transition: all .1s linear 0s; -o-transition: all .1s linear 0s; background-color: transparent; font-size: 14px; line-height: 20px; padding: 15px 10px }
.comp_select>.comp_down>ul>._preChoose { background-color: #000; color: #fff }
.comp_select>.ico_drop_down { position: absolute; top: 15px; right: 15px; height: 8px; width: 14px; background-image: url(../images/ico/arrow_down0.png); background-repeat: no-repeat }
.comp_select ._search { outline: 0; width: 100%; max-width: 100%; margin: 10px 0 15px; padding: 0 10px; height: 35px; line-height: 35px; border: 1px solid #f1f1f1; background-color: #f1f1f1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }
.comp_errorTip, .comp_rightTip { padding: 6px 22px; text-align: center; white-space: nowrap }
.comp_errorTip .comp_txt, .comp_rightTip .comp_txt { font-size: 20px; line-height: 40px; color: #333; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; margin-left: 10px; font-weight: 700 }
.comp_errorTip, .comp_input, .comp_rightTip { background-color: #fff }
.comp_select ._search:focus { border: 1px solid #eee; -moz-box-shadow: 2px 2px 9px 0 #fff; -webkit-box-shadow: 2px 2px 9px 0 #fff; box-shadow: 2px 2px 9px 0 #fff; background-color: #fff }
.comp_select.active>.c_input { border: 1px solid #000 }
.comp_select.active>.comp_down { display: block }
.comp_tip { position: fixed; left: 50%; top: 35%; z-index: 4000 }
.comp_rightTip { -moz-box-shadow: 2px 2px 5px 0 #999; -webkit-box-shadow: 2px 2px 5px 0 #999; box-shadow: 2px 2px 5px 0 #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px }
.comp_rightTip>img { float: left; display: inline-block }
.comp_rightTip .comp_txt { display: inline-block }
.comp_errorTip { -moz-box-shadow: 2px 2px 5px 0 #999; -webkit-box-shadow: 2px 2px 5px 0 #999; box-shadow: 2px 2px 5px 0 #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px }
.comp_errorTip>img { float: left; display: inline-block }
.comp_errorTip .comp_txt { display: inline-block }
.comp_checkbox {
*zoom:1; cursor: pointer }
.comp_checkbox:after, .comp_checkbox:before { content: ""; display: table }
.comp_checkbox:after { clear: both }
.comp_checkbox input { display: none }
.comp_checkbox .comp_label { float: left; font-size: 16px; color: #333; line-height: 21px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.comp_checkbox .comp_check { float: left; height: 19px; width: 19px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #fff; border: 1px solid #ccc; margin-left: 10px; font-size: 0 }
.comp_checkbox .comp_check>img { width: 100%; display: none; margin-top: 15% }
.comp_input { margin-left: 1px; margin-right: 1px; height: 38px; line-height: 38px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.comp_input>div { position: relative; margin-right: 10px; margin-left: 10px; height: 100% }
.comp_input .placeholder, .comp_input input, .comp_input textarea { position: absolute; height: 100%; width: 100%; left: 0; top: 0; line-height: 40px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; font-size: 16px }
.comp_input input, .comp_input textarea { outline: 0; color: #000; z-index: 2; border: none!important; margin: 0!important; padding: 0!important; background-color: transparent }
.comp_input input:focus, .comp_input textarea:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.comp_input .placeholder { overflow: hidden; text-align: left; color: #ccc }
.comp_input.focus { border: 1px solid #3266a7; -moz-box-shadow: 0 0 3px 0 #749fd5; -webkit-box-shadow: 0 0 3px 0 #749fd5; box-shadow: 0 0 3px 0 #749fd5 }
.comp_loading { position: fixed; top: 35%; left: 50%; z-index: 4000; width: 110px; display: none; height: 92px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000'); background-color: rgba(0,0,0,.5); margin-top: -45px; margin-left: -55px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px }
:root .comp_loading { filter: none }
.comp_loading .spin_img { margin: 21px auto; width: 50px; height: 50px; display: block }
.comp_loading .spinner { margin: 25px auto; width: 42px; height: 42px; position: relative }
.comp_loading .container1>div, .comp_loading .container2>div, .comp_loading .container3>div { width: 10px; height: 10px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.comp_loading .spinner .spinner-container { position: absolute; width: 100%; height: 100% }
.body .banner, .body .banner>img, .site_addr .addr, .site_addr .tit { position: relative }
.comp_loading .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) }
.comp_loading .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg) }
.comp_loading .circle1 { top: 0; left: 0 }
.comp_loading .circle2 { top: 0; right: 0 }
.comp_loading .circle3 { right: 0; bottom: 0 }
.comp_loading .circle4 { left: 0; bottom: 0 }
.comp_loading .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.comp_loading .container3 .circle1 { -webkit-animation-delay: -1s; animation-delay: -1s }
.comp_loading .container1 .circle2 { -webkit-animation-delay: -.9s; animation-delay: -.9s }
.comp_loading .container2 .circle2 { -webkit-animation-delay: -.8s; animation-delay: -.8s }
.comp_loading .container3 .circle2 { -webkit-animation-delay: -.7s; animation-delay: -.7s }
.comp_loading .container1 .circle3 { -webkit-animation-delay: -.6s; animation-delay: -.6s }
.comp_loading .container2 .circle3 { -webkit-animation-delay: -.5s; animation-delay: -.5s }
.comp_loading .container3 .circle3 { -webkit-animation-delay: -.4s; animation-delay: -.4s }
.comp_loading .container1 .circle4 { -webkit-animation-delay: -.3s; animation-delay: -.3s }
.comp_loading .container2 .circle4 { -webkit-animation-delay: -.2s; animation-delay: -.2s }
.comp_loading .container3 .circle4 { -webkit-animation-delay: -.1s; animation-delay: -.1s }
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0) }
40% {
-webkit-transform:scale(1) } }
@keyframes bouncedelay {
0%, 100%, 80% {
transform:scale(0);
-webkit-transform:scale(0) }
40% {
transform:scale(1);
-webkit-transform:scale(1) } }
.site_addr { padding-top: 30px;
*zoom:1 }
.site_addr:after, .site_addr:before { content: ""; display: table }
.site_addr:after { clear: both }
.site_addr .icon_home { float: left; margin-right: 5px; margin-left: -8px; width: 18px; height: 17px; background: url(../images/ico/home_1.png) no-repeat }
.site_addr .tit { float: left; left: 0; width: 262px; height: 100px; cursor: pointer; margin-top: -80px; font-size: 24px; color: #fff; line-height: 100px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s; text-align: center; background-color: #3266a7 }
.site_addr .tit:hover { background-color: #30619f }
.site_addr .addr { float: right; width: 860px; height: 20px }
.site_addr .addr>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.site_addr .addr, .site_addr .addr a { font-size: 18px; color: #333; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.site_addr .addr a { margin: 0 8px; display: inline-block }
.site_addr .addr .icon_line { font-weight: 700 }
.site_addr .addr .active { color: #3266a7 }
.paging { padding: 50px 0; text-align: center }
.paging li, .paging li ul { display: inline-block;
*display:inline;
*zoom:1 }
.paging li a, .paging li span { display: inline-block;
*display:inline;
*zoom:1; border-radius: 5px; padding: 8px 13px; border: 1px solid #ccc; background: #faf9f9; margin-right: 27px; font-size: 14px; font-weight: 400; color: #999; transition: all .1s linear 0s; -moz-transition: all .1s linear 0s; -webkit-transition: all .1s linear 0s; -o-transition: all .1s linear 0s }
.body .banner .cover .txt .ca, .body .banner .cover .txt .en { width: 100%; font-weight: 700; max-width: 100%; text-align: center; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.paging li a:hover, .paging li.active a { color: #fff; background-color: #3266a7; border: 1px solid #3266a7; text-decoration: none }
.body { padding-bottom: 0 }
.body .banner>img { display: block; width: 100% }
.body .banner .cover { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.body .banner .cover .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 100%; max-width: 100% }
.body .banner .cover .txt .ca { font-size: 27px; color: #fff; margin-top: 25px }
.body .banner .cover .txt .en { font-size: 40px; color: #fff }
.body .left { position: relative; float: left; width: 262px }
.body .b_subNav { border: 1px solid #3266a7; background-color: #f6f6f6; margin-top: 45px }
.body .b_subNav .icon_dot { float: left; height: 6px; width: 6px; margin-right: 8px; margin-top: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: #878787 }
.body .b_subNav .nav_a, .body .b_subNav .nav_b { position: relative; font-size: 0; width: 100%; max-width: 100% }
.body .b_subNav .nav_a>li, .body .b_subNav .nav_b>li { position: relative; width: 100%; max-width: 100% }
.body .b_subNav .nav_a>li>.nav_tit, .body .b_subNav .nav_b>li>.nav_tit { position: relative; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s; cursor: pointer; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #fff }
.body .b_subNav .nav_a>li>.nav_tit .icon_arrow, .body .b_subNav .nav_b>li>.nav_tit .icon_arrow { position: absolute; top: 35px; left: 32px; height: 22px; width: 22px }
.body .right, .body .right .rslt { position: relative }
.body .b_subNav .nav_a>li>.nav_tit .icon_arrow i, .body .b_subNav .nav_b>li>.nav_tit .icon_arrow i { float: left; height: 13px; width: 8px; background-image: url(../images/ico/arrow_right.png); background-repeat: no-repeat; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.body .b_subNav .nav_a>li>.nav_tit .icon_arrow.open i, .body .b_subNav .nav_b>li>.nav_tit .icon_arrow.open i { margin-top: 3px; height: 8px; width: 13px; background-image: url(../images/ico/arrow_down.png) }
.body .b_subNav .nav_a>li>.nav_tit>div, .body .b_subNav .nav_b>li>.nav_tit>div { position: relative; text-align: center; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s }
.body .b_subNav .nav_a>li>.nav_tit>div>a, .body .b_subNav .nav_b>li>.nav_tit>div>a { display: block; font-size: 20px; color: #878787; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif; transition: all .22s linear 0s; -moz-transition: all .22s linear 0s; -webkit-transition: all .22s linear 0s; -o-transition: all .22s linear 0s; padding: 32px 0 }
.body .b_subNav .nav_a>li>.nav_tit:hover, .body .b_subNav .nav_b>li>.nav_tit:hover { z-index: 6; background-color: #3266a7 }
.body .b_subNav .nav_a>li>.nav_tit:hover>div>a, .body .b_subNav .nav_b>li>.nav_tit:hover>div>a { color: #fff }
.body .b_subNav .nav_a>li.active a, .body .b_subNav .nav_a>li>.nav_tit.active a, .body .b_subNav .nav_b>li.active a, .body .b_subNav .nav_b>li>.nav_tit.active a { color: #fff!important }
.body .b_subNav .nav_a>li>.nav_tit:hover .icon_arrow i, .body .b_subNav .nav_b>li>.nav_tit:hover .icon_arrow i { background-image: url(../images/ico/arrow_right1.png) }
.body .b_subNav .nav_a>li>.nav_tit:hover .icon_arrow.open i, .body .b_subNav .nav_b>li>.nav_tit:hover .icon_arrow.open i { background-image: url(../images/ico/arrow_down1.png) }
.body .b_subNav .nav_a>li>.nav_tit.active, .body .b_subNav .nav_b>li>.nav_tit.active { background-color: #3266a7 }
.body .b_subNav .nav_a>li.active, .body .b_subNav .nav_b>li.active { background-color: #3266a7 }
.body .b_subNav .nav_a>li:first-child>.nav_tit, .body .b_subNav .nav_b>li:first-child>.nav_tit { border-top: none }
.body .b_subNav .nav_a>li:last-child>.nav_tit, .body .b_subNav .nav_b>li:last-child>.nav_tit { border-bottom: none }
.body .b_subNav .nav_b { display: none }
.body .b_subNav .nav_b>li>.nav_tit>div>a { font-size: 18px; color: #878787; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.body .b_subNav .nav_b .active:hover>.nav_tit>div a, .body .b_subNav .nav_b .active>.nav_tit>div a { color: #fff!important }
.body .b_subNav .nav_a>.active .nav_b { display: block }
.body .b_subNav .nav_b .active>.nav_tit { background-color: #3266a7; z-index: 5 }
.body .b_subNav .nav_b .active:hover>.nav_tit { background-color: #3266a7; z-index: 5 }
.body .b_subNav .nav_b li:hover>.nav_tit { background-color: #e5e5e5; z-index: 5 }
.body .b_subNav .nav_b li:hover>.nav_tit>div a { color: #878787!important }
.body .right { float: right; width: 860px }
.body .right .rslt .comp_loading { position: absolute }
.body .sec_2 .l_con {
*zoom:1 }
.body .sec_2 .l_con:after, .body .sec_2 .l_con:before { content: ""; display: table }
.body .sec_2 .l_con:after { clear: both }
.body .news_list {
*zoom:1; margin-top: 45px; margin-left: -37px; margin-bottom: -23px }
.body .news_list:after, .body .news_list:before { content: ""; display: table }
.body .news_list:after { clear: both }
.body .news_list>li { float: left; width: 262px; margin-left: 37px; margin-bottom: 23px }
.body .news_list>li .img { display: block; width: 100%; height: 205px; overflow: hidden }
.body .news_list>li .img>img { width: 100%; height: 100%; transition: all .1s linear 0s; -moz-transition: all .1s linear 0s; -webkit-transition: all .1s linear 0s; -o-transition: all .1s linear 0s }
.body .news_list>li .img:hover>img { transform: scale(1.25); -ms-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25) }
.body .news_list>li .txt { margin-top: 17px; height: 50px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.body .news_list>li .txt, .body .news_list>li .txt a { font-size: 16px; color: #333; line-height: 25px; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.body .news_list_1>li .date, .body .news_list_1>li .tit, .body .news_list_1>li .tit a { font-size: 16px; line-height: 100%; font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif }
.body .news_list>li .txt:hover, .body .news_list>li .txt:hover a { color: #3266a7 }
.body .news_list_1 { margin-top: 25px }
.body .news_list_1>li {
*zoom:1; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #cbcbcb }
.body .news_list_1>li:after, .body .news_list_1>li:before { content: ""; display: table }
.body .news_list_1>li:after { clear: both }
.body .news_list_1>li .tit { float: left; width: 735px; transition: all 50ms linear 0s; -moz-transition: all 50ms linear 0s; -webkit-transition: all 50ms linear 0s; -o-transition: all 50ms linear 0s }
.body .news_list_1>li .tit, .body .news_list_1>li .tit a { color: #333 }
.body .news_list_1>li .date { float: right; transition: all 50ms linear 0s; -moz-transition: all 50ms linear 0s; -webkit-transition: all 50ms linear 0s; -o-transition: all 50ms linear 0s; color: #666 }
.body .news_list_1>li:hover .date, .body .news_list_1>li:hover .tit, .body .news_list_1>li:hover .tit a { color: #3266a7 }
.sec_bg { position: relative }
.sec_bg>img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100% }

.body .searchlist>li .tit{ width:1020px; }
.searchlist{padding-bottom:25px;}