@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

a:focus { outline: 0; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

html { font-family: '微软雅黑', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted; outline: 0; }

a { text-decoration: none; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "“" "”" "‘" "’"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

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; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input:focus, textarea:focus { outline: 0; }

.tap_init { -webkit-tap-highlight-color: transparent; }

dd, dl, dt, li, ol, ul { list-style: none; }

b, em, strong { font-style: normal; }

body { -webkit-tap-highlight-color: transparent; }

a:focus, div:focus, input:focus, p:focus { -webkit-tap-highlight-color: transparent; }

div:focus, span:focus { outline: none; }

a:hover, a:focus { text-decoration: none; }

/*reset bootsrtap*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 10px; padding-right: 10px; }

.container { padding-left: 10px; padding-right: 10px; }

.row { margin-right: -10px; margin-left: -10px; }

@media (min-width: 1200px) { .container { max-width: 1200px; padding: 0; } }

.CommonTopHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 60px 0; }

.CommonTopHeader .pongetitle .en { font-size: 22px; color: #909090; }

.CommonTopHeader .pongetitle .cn { font-size: 34px; font-weight: bold; color: #3154ad; position: relative; line-height: 1.3; padding-left: 20px; }

.CommonTopHeader .pongetitle .cn::after { position: absolute; left: 0; top: 0; bottom: 0; width: 8px; margin: auto; background: #3154ad; height: 32px; content: ''; }

.CommonTopHeader .pongetabswitch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.CommonTopHeader .pongetabswitch a { font-size: 18px; color: #303030; display: block; padding: 15px 35px; position: relative; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.CommonTopHeader .pongetabswitch a.active, .CommonTopHeader .pongetabswitch a:hover { background: #3154ad; color: #fff; }

.CommonTopHeader .pongetabswitch a.active::after, .CommonTopHeader .pongetabswitch a:hover::after { opacity: 1; }

.CommonTopHeader .pongetabswitch a::after { position: absolute; opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; left: 0; right: 0; margin: auto; z-index: 1; bottom: -9px; content: ''; width: 18px; height: 18px; background: url(../images/5f22adcd0cdefb78f21caa8ecb5926b6.png) center center no-repeat; background-size: cover; }

@media (max-width: 767px) { .CommonTopHeader { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .CommonTopHeader .pongetitle .en { font-size: 18px; }
  .CommonTopHeader .pongetitle .cn::after { content: none; }
  .CommonTopHeader .pongetitle .cn { padding-left: 0; font-size: 18px; text-align: center; }
  .CommonTopHeader { padding: 30px 0; }
  .CommonTopHeader .pongetabswitch { margin-top: 30px; }
  .CommonTopHeader .pongetabswitch a { padding: 10px 15px; font-size: 16px; }
  .CommonTopHeader .pongetabswitch { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } }

body { padding-top: 100px; }

@media (max-width: 991px) { body { padding-top: 79px; } }

@media (max-width: 575px) { body { padding-top: 40px; } }

.header { box-shadow: 0px 1px 4px 0px rgba(35, 35, 35, 0.1); }

@media (min-width: 1200px) { .header .navbar-collapse .tplNumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (max-width: 1199px) and (min-width: 992px) { .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link a { font-size: 14px; }
  .navbar-light .navbar-brand img { width: 200px; } }

@media (min-width: 992px) { .header .navbar-nav li .nav-link a { width: 100%; height: 100%; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .navbar-expand-lg .navbar-nav .nav-link { padding: 0 8px; }
  .navbar-expand-lg .navbar-nav .nav-item { margin: 0 5px; }
  .navbar-expand-lg .navbar-nav { margin-left: auto; }
  .header { background: #fff; height: 100px; }
  .header .navbar { padding: 0; height: 100%; }
  .header .navbar .container, .header .navbar .navbar-collapse, .header .navbar .navbar-nav { height: 100%; }
  .header .navbar-nav li .dropdown-toggle::after { content: none; }
  .header .navbar-nav li span { height: 100%; }
  .header .navbar-nav li .nav-link { height: 100%; }
  .header .navbar-collapse { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .header .navbar-collapse .tplNumber { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #2a2a2a; }
  .header .navbar-collapse .tplNumber .img { margin-right: 10px; }
  .header .navbar-collapse .tplNumber .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .header .navbar-collapse .tplNumber .text span.bold { font-size: 24px; font-family: 'Roboto'; color: #2a2a2a; font-weight: bold; line-height: 1; }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link a { position: relative; }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link a::after { height: 3px; width: 0; position: absolute; bottom: 0; left: 0; content: ''; right: 0; margin: auto; }
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link { color: #3154ad; }
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link a, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link a { color: #3154ad; }
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link a::after, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link a::after { width: 100%; background: #3154ad; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
  .navbar-expand-lg .navbar-nav .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
  .header .navbar-nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link a { color: #1d1d1d; font-size: 16px; }
  .header .dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .header .dropdown-menu .dropdown-item { padding: 20px 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
  .header .dropdown-menu .dropdown-item:hover, .header .dropdown-menu .dropdown-item.active { color: #fff; background: #3154ad; } }

@media (max-width: 991px) { .header { background: #fff; }
  .navbar-light .navbar-nav .nav-link a { color: rgba(0, 0, 0, 0.5); }
  .header .tplNumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0; }
  .header .tplNumber .img { margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header .tplNumber .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .headerTopC .container .left { font-size: 12px; }
  .headerTopC .container .right, .headerTopC .container .right a { font-size: 12px; }
  .navbar-light .navbar-toggler:focus { outline: none; }
  .navbar-light .navbar-nav .nav-item.active .nav-link::after { border-top-color: #3154ad; }
  .navbar-light .navbar-nav .nav-item.active .nav-link a { color: #3154ad; } }

@media (max-width: 575px) { .header .navbar-toggler { padding: 0.1rem 0.3rem; }
  .header .navbar-toggler-icon { width: 1em; height: 1em; }
  .header .navbar-toggler:focus { outline: none; }
  .header .navbar-toggler-icon { height: 1.2em; }
  .header .navbar-brand img { width: 220px; }
  .header .navbar { padding-top: 0; padding-bottom: 0; }
  .header .navbar-brand { padding-top: 5px; padding-bottom: 5px; }
  .navbar-light .navbar-nav .nav-link a { font-size: 14px; }
  .header .nav-link { padding-top: 5px; padding-bottom: 5px; }
  .header .navbar-nav { padding-top: 10px; padding-bottom: 10px; }
  .header .dropdown-item { font-size: 14px; } }

.footer { background: #4276cc; }

.footer .main .friendlink .container { padding-top: 25px; padding-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer .main .friendlink .tit { font-size: 18px; color: #fff; font-weight: bold; padding-right: 28px; position: relative; }

.footer .main .friendlink .tit::after { position: absolute; width: 1px; height: 16px; background: #5c5c5c; content: ''; top: 0; bottom: 0; margin: auto; right: 0; }

.footer .main .friendlink .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer .main .friendlink .list a { font-size: 14px; padding-left: 25px; color: #fff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .main .friendlink .list a:hover { color: #3154ad; }

.footer .main .con { border-top: 1px solid #648fd5; border-bottom: 1px solid #648fd5; }

.footer .main .con .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 35px; padding-bottom: 35px; }

.footer .main .con .left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.footer .main .con .left ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer .main .con .left ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.footer .main .con .left ul li > a { font-size: 16px; color: #ffffff; display: block; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .main .con .left ul li > a:hover { color: #3154ad; }

.footer .main .con .left ul li .list a { font-size: 14px; color: #fff; display: block; margin-top: 24px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .main .con .left ul li .list a:hover { color: #3154ad; }

.footer .main .con .right { width: 410px; }

.footer .main .con .right .title { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 24px; }

.footer .main .con .right .text p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 2; }

.footer .main .con .right .text p span { font-size: 16px; color: #fff; display: block; }

.footer .main .con .right .text p span:nth-of-type(1) { margin-right: 10px; }

.footer .main .con .right .text p span:nth-of-type(2) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.footer .main .other .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 25px; padding-bottom: 25px; }

.footer .main .other .container .text { font-size: 14px; color: #fff; }

.footer .main .other .container .text a { font-size: 14px; color: #fff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .main .other .container .text a:hover { color: #3154ad; }

@media (max-width: 991px) { .footer .main .con .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer .main .con .left { margin-bottom: 30px; }
  .footer .main .other .container .text { padding-left: 40px; }
  .footer .main .friendlink .container { padding: 15px; }
  .footer .main .friendlink .tit { font-size: 16px; padding-right: 20px; }
  .footer .main .friendlink .list a { font-size: 12px; padding-left: 20px; }
  .footer .main .con .container { padding-top: 30px; padding-bottom: 30px; }
  .footer .main .con .left ul li .list a { margin-top: 20px; }
  .footer .main .con .right .title { font-size: 16px; margin-bottom: 10px; }
  .footer .main .con .right .text p span { font-size: 12px; }
  .footer .main .con .right { width: 100%; }
  .footer .main .other .container .text { font-size: 12px; }
  .footer .main .con .left ul { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }
  .footer .main .con .left ul li { padding-right: 20px; -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
  .footer .main .con .left ul li .list a { margin-top: 10px; }
  .footer .main .con .left ul li { margin-bottom: 20px; }
  .footer .main .con .left { margin-bottom: 10px; }
  .footer .main .other .container .text { padding-left: 20px; } }

@media (max-width: 575px) { .footer .main .friendlink .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer .main .friendlink .tit { padding-right: 0; }
  .footer .main .friendlink .tit::after { content: none; }
  .footer .main .friendlink .list a { padding-left: 0; padding-right: 20px; }
  .footer .main .friendlink .list { margin-top: 10px; }
  .footer .main .other .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer .main .other .container .text { padding-left: 0; margin-top: 20px; } }

.otherBanner { position: relative; height: 280px; }

.otherBanner .innerContentTilte { height: auto; z-index: 1; width: 260px; }

.otherBanner a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.otherBanner a .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 7px; text-align: center; height: 100%; }

.otherBanner .title { font-size: 40px; font-weight: bold; color: #fff; }

@media (max-width: 575px) { .otherBanner .title { font-size: 26px; } }

.otherBanner a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; }

.otherBanner a .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 100%; }

.otherBanner a .figure { text-align: center; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.otherBanner a .figure img { max-width: 65px; max-height: 35px; height: 35px; }

.otherBanner a .figure .title { font-weight: 600; margin: 0; padding: 10px 0; color: #000; background: #febf00; font-size: 18px; text-align: center; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.otherBanner a .figure .title > span { margin: 0 auto; display: block; width: 100%; }

.otherBanner a .figure .inner { height: 100%; width: 100%; background: #febf00; padding: 0 0 10px; }

.otherBanner a .figure .inner img { margin: 0 auto; }

@media (max-width: 1200px) { .otherBanner { height: 400px; } }

@media (max-width: 991px) { .otherBanner { height: 300px; } }

@media (max-width: 768px) { .otherBanner { height: 200px; } }

@media (max-width: 767px) { .otherBanner .innerContentTilte { width: 170px; }
  .otherBanner a .figure .title { font-size: 14px; } }

@media (max-width: 575px) { .otherBanner .innerContentTilte { width: 100px; }
  .otherBanner a .figure .title { font-size: 12px; } }

@media (max-width: 450px) { .otherBanner { height: 150px; } }

.commonPaging { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 60px 0; }

.commonPaging a { padding: 5px 12px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; border: 1px solid #b2b2b2; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #838383; margin: 4px; }

.commonPaging a:hover, .commonPaging a.active { background: #3154ad; border: 1px solid #3154ad; color: #fff; }

.commonPaging span { font-size: 16px; color: #3a3a3a; font-weight: bold; margin: 4px; }

@media (max-width: 575px) { .commonPaging { padding: 20px 0; }
  .commonPaging a { padding: 3px 8px; font-size: 12px; }
  .commonPaging span { font-size: 12px; } }