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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}


.mTable-pagination {
    text-align: center;
    margin: 0 auto;
    padding: 60px 0;
    width: 100%;
}

.mTabel-pagination-item {
    margin-right: 10px;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #eee;
    display: inline-block;
}

.mTabel-pagination-item:last-child {
    margin-right: 0;
}

.mTabel-pagination-item.active {
    background: #0083c5;
    color: #fff;
    border: 1px solid #0083c5;
}


.mTabel-pagination-item:hover {
    border-color: #0083c5;
}
textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

.icon-sprite,
.head-search>input[type="submit"],
.nav-sub-1-1:before,
.nav-sub-1-2:before,
.nav-sub-1-3:before,
.nav-sub-1-4:before,
.nav-sub-1-5:before,
.nav-sub-3-1:before,
.nav-sub-3-2:before,
.nav-sub-3-3:before,
.nav-sub-3-4:before,
.nav-sub-3-5:before,
.nav-sub-3-6:before,
.foot-head-1:after,
.foot-head-2:after,
.foot-head-3:after,
.foot-media-sina:before,
.foot-media-wechat:before,
.vr-close:after {
    background-image: url(/img/icon-s7f7bab4db6.png);
    background-repeat: no-repeat;
}

body {
    font-family: ËÎÌå;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: 0.3s;
}

input {
    padding: 0;
    box-sizing: inherit;
}

hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-top: 1px solid #ccc;
}

ul {
    padding: 0;
    list-style: none;
}

.hide-text {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}

.squish-text {
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
}

.clear {
    *zoom: 1;
}

.clear:after {
    display: table;
    clear: both;
    content: "";
}

#dvCompute {
	position: absolute;
	visibility: hidden;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.v-middle {
    vertical-align: middle;
}

.pointer {
    cursor: pointer;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.fz14 {
    font-size: 14px;
}

.select {
    z-index: 2;
    top: 100%;
    right: 0;
    left: 0;
    max-height: 13em;
    overflow-x: hidden;
    overflow-y: auto;
}

.select.invisible {
    z-index: 1;
}

.select-wrap {
    position: relative;
}

.select-wrap:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: inherit;
    border-bottom: none;
    margin: auto;
    content: '';
}

.select-option {
    line-height: 2.5;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    transition: all .4s;
    background: #f9f9f9;
    cursor: pointer;
}

.invisible>.select-option {
    line-height: 0;
    border-bottom: none;
}

@media (max-width:1200px) {
    html {
        box-sizing: border-box;
        min-width: 100%;
    }
    *,
     :before,
     :after {
        box-sizing: inherit;
    }
    .wrap {
        width: auto;
        margin-right: 5.33333vw;
        margin-left: 5.33333vw;
    }
    body {
        cursor: pointer;
    }
}

html {
    min-width: 1200px;
}

.head {
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    transition: linear 0.4s;
    min-width: 1200px;
}

.head.active,
.head.hover {
    background: #38437b;
}

.head.active {
    height: 60px;
}

.head:before {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fff;
    opacity: .3;
    content: '';
}

.head-logo {
    width: 117px;
    /*height: 42px;*/
    vertical-align: middle;
    white-space: nowrap;
}

.head-logo:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.head-logo>img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.head-logo-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
    margin: auto;
    height: 100%;
}

@media (max-width:1420px) {
    .head-logo-wrap {
        left: 30px;
    }
}

.head-logo-wrap:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.head-site {
    font-size: 13px;
    line-height: 2;
    width: 68px;
    text-align: center;
    border: 1px solid;
    color: #fff;
    border-radius: 3px;
}

.head-site:hover {
    box-shadow: 0 0 5px 0px #333333;
}

.head-site-wrap {
    z-index: 2;
    width: 70px;
    height: 26px;
    margin-left: 25px;
    vertical-align: middle;
}

.head-site>span:before,
.head-site>span:after {
    display: inline-block;
    width: 0;
    vertical-align: middle;
    content: '';
}

.head-site>span:before {
    height: 100%;
}

.head-site>span:after {
    height: 0;
    margin-left: 11px;
    border: 4px solid transparent;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.head-site>span,
.head-site>a {
    display: block;
    width: 100%;
}

.head-site:hover>span:after {
    border-top: none;
    border-bottom-width: 4px;
    border-bottom-color: #fff;
}

.head.banner-active .head-site:hover>span:after {
    transition: 0s;
}

.head-site>a {
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.head-site>a:hover {
    background: #fff;
    color: #333;
}

.head-site:hover>a {
    visibility: visible;
    height: 2em;
    line-height: 2;
}

.head-search {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    width: 240px;
    height: 34px;
    margin: auto;
}

.head-search>input {
    border: none;
    outline: none;
}

.head-search>input[type="text"] {
    display: block;
    width: 190px;
    height: 100%;
    padding-right: 50px;
    border-radius: 999em;
    background: #fff;
    text-indent: 1.5em;
}

.head-search>input[type="submit"] {
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    background-position: 0 -38px;
    height: 18px;
    width: 18px;
    background-color: unset;
    margin: auto;
}

@media (max-width:1420px) {
    .head-search {
        width: 140px;
        right: 30px;
    }
    .head-search>input[type="text"] {
        width: 90px;
    }
}

.nav {
    line-height: 70px;
    transition: linear 0.4s;
}

.active>.nav {
    line-height: 60px;
}

.nav-link {
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    color: #fff;
    transition: unset;
}

@media (max-width:1420px) {
    .nav-link {
        font-size: 16px;
    padding: 0 5px;
    margin: 0 5px;

    }
}

.nav-link,
:hover>.nav-link.active,
.hover>.nav-link.active {
    opacity: .5;
}

.nav-link:hover,
.nav-link.hover,
.nav-link.active,
:hover>.nav-link.active:hover,
.hover>.nav-link.active.hover {
    opacity: 1;
}

.nav-link.active:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 2px solid #fff;
    content: '';
}

.nav-link-sub:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border: 4px solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-width: 0;
    content: '';
    vertical-align: middle;
}

.nav-link-sub:hover:after,
.nav-link-sub.hover:after {
    border-top-width: 0;
    border-bottom-width: 4px;
}

.nav-sub {
    font-size: 0;
    line-height: 1.5;
    position: relative;
    height: 430px;
    color: #fff;
}

.nav-sub-wrap {
    top: 0;
    right: 0;
    left: 0;
    padding-top: 70px;
    margin-top: 0;
    text-align: center;
       background: url(/img/bg.png) no-repeat;
       transition: .3s;
       background-size: 100% 100%;
}

.nav-sub.invisible {
    margin-top: -70px;
}

.nav-sub-1>a {
    font-size: 14px;
    display: inline-block;
    width: 150px;
    margin: 60px 35px 0;
    opacity: .5;
}

.nav-sub-1>a:hover {
	opacity: 1;
}

.nav-sub-1>a:before {
	display: block;
	margin: 20px auto;
	content: '';
}

.nav-sub-1-1:before {
	background-position: -40px -114px;
	height: 50px;
	width: 50px;
}

.nav-sub-1-2:before {
	background-position: 0 -354px;
	height: 50px;
	width: 50px;
}

.nav-sub-1-3:before {
	background-position: 0 -304px;
	height: 50px;
	width: 50px;
}

.nav-sub-1-4:before {
	background-position: -50px -254px;
	height: 50px;
	width: 50px;
}

.nav-sub-1-5:before {
	/*background-position: 0 -254px;*/
	background-position:-50px -405px;
	height: 50px;
	width: 50px;
}


.nav-sub-2>.inline-block {
	font-size: 14px;
	vertical-align: top;
	margin: 60px 0 0 20px;
        line-height: 25px;
}

.nav-sub-2>.inline-block>a {
	display: inline-block;
	white-space: nowrap;
	margin: 2px 0;
	opacity: .5;
}

.nav-sub-2>.inline-block>a:hover {
	opacity: 1;
}
.nav-sub-2-1 {
	width: 150px;
}

.nav-sub-2-2 {
	width: 220px;
        border-right: #999 solid 1px;
        height: 280px;
}

.nav-sub-2-3 {
	width: 140px;

}

.nav-sub-2-4 {
	width: 180px;
}
.nav-sub-2-5 {
	width: 200px;
        border-right: #999 solid 1px;
        height: 280px;
}
.nav-sub-2-10 {
	width: 180px;
}

.nav-sub-3>a {
    display: inline-block;
    width: 200px;
    margin: 30px 60px 0;
    opacity: .5;
}

.nav-sub-3>a:hover {
    opacity: 1;
}

.nav-sub-3>a:before {
    display: block;
    margin: 0 auto 17px;
    content: '';
}

.nav-sub-3-1:before {
    background-position: -24px -76px;
    height: 38px;
    width: 40px;
}

.nav-sub-3-2:before {
    background-position: -40px 0;
    height: 38px;
    width: 40px;
}

.nav-sub-3-3:before {
    background-position: 0 0;
    height: 38px;
    width: 40px;
}

.nav-sub-3-4:before {
    background-position: -65px -38px;
    height: 38px;
    width: 40px;
}

.nav-sub-3-5:before {
    background-position: 0 -114px;
    height: 38px;
    width: 40px;
}

.nav-sub-3-6:before {
    background-position: -64px -76px;
    height: 38px;
    width: 40px;
}

.nav-sub-4 {
    padding-top: 33px;
}

.nav-sub-4>.fl:first-child {
    margin: 0 40px 0 105px;
}

.nav-sub-4-btn {
    line-height: 26px;
    display: inline-block;
    width: 54px;
    margin-top: 7px;
    border: 1px solid;
    text-align: center;
    border-radius: 3px;
}

.nav-sub-4-btn:hover {
    background: #fff;
    color: #38437b;
}

.nav-sub-4-news {
    position: relative;
    width: 235px;
    padding-right: 100px;
    margin-right: 110px;
}

.nav-sub-4-news:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 170px;
    margin: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    content: '';
}

.nav-sub-4-news>a {
    display: inline-block;
    width: 320px;
    margin: 1px 0;
    line-height:22px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    opacity: 0.7;
    line-height: 27px;
}

.nav-sub-4-news>a:hover {
    opacity: 1;
}

.nav-sub-4-media {
    text-align: center;
    padding: 10px;
    margin-left: 40px;
    padding-bottom: 0;
    background: #fff;
    line-height: 42px;
    color: #333;
    font-size:12px;
}

.nav-sub-4-media+.nav-sub-4-media {
    margin-left: 10px;
}

@media (max-width:1200px) {
    html {
        min-width: 100%;
    }
    header.head {
        z-index: 98;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        background: #38437b;
    }
    header.head,
    header.head.active {
        height: 9.33333vw;
    }
    .head-logo {
        width: 11.73333vw;
        height: 5.6vw;
        vertical-align: middle;
    }
    .head-logo-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5.33333vw;
        margin: auto;
        height: 100%;
        background-color: inherit;
    }
    .head-logo-wrap:after {
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle;
        content: '';
    }
    .head-site {
        font-size: 12px;
        line-height: 4.53333vw;
        width: 16.66667vw;
        text-align: center;
        border: 1px solid;
        color: #fff;
        border-radius: 3px;
        background-color: inherit;
    }
    .head-site-wrap {
        width: 18.66667vw;
        height: 4.53333vw;
        margin-left: 3.33333vw;
        vertical-align: middle;
        background-color: inherit;
    }
    .head-site>span:before,
    .head-site>span:after {
        display: inline-block;
        width: 0;
        vertical-align: middle;
        content: '';
    }
    .head-site>span:before {
        height: 100%;
    }
    .head-site>span:after {
        height: 0;
        margin-left: 0.8vw;
        border: 2px solid transparent;
        border-bottom-width: 0;
        border-top-color: #fff;
    }
    .head-site>span,
    .head-site>a {
        display: block;
        width: 100%;
    }
    .head-site:hover>span:after {
        border-top: none;
        border-bottom-width: 4px;
        border-bottom-color: #fff;
    }
    .head.banner-active .head-site:hover>span:after {
        transition: 0s;
    }
    .subbar-toggle {
        cursor: pointer;
    }
    .head-site>a {
        height: 0;
        line-height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
    }
    .head-site:hover>a {
        line-height: 2em;
        visibility: visible;
        height: 2em;
        opacity: 1;
    }
    .head-menu {
        position: absolute;
        top: 0;
        right: 5.6vw;
        bottom: 0;
        display: block !important;
        background-repeat: no-repeat;
        background-image: url(/img/icon-s9a70217cdb.png);
        width: 5.6vw;
        height: 4vw;
        background-position: 0 100%;
        background-size: 14.4vw 42.66667vw;
        margin: auto;
    }
    .head-search {
        display: none !important;
    }
    .nav {
        display: none !important;
    }
    .subbar {
        font-size: 2.66667vw;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 100%;
        bottom: 0;
        display: block;
        width: 84vw;
        background: #fff;
        text-align: left;
        color: #333;
        overflow: hidden;
        transition: ease 0.4s;
        visibility: hidden;
        opacity: 0;
    }
    .subbar.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(-84vw);
        transform: translateX(-84vw);
    }
    .subbar-transition {
        transition: ease 0.4s;
    }
    .subbar-out {
        -webkit-transform: translateX(-84vw);
        transform: translateX(-84vw);
    }
    .subbar-mask {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
    }
    .subbar>.inline-block,
    .subbar-panel-wrap {
        padding-top: 5.768vw;
        width: 100%;
        background: inherit;
        transition: ease 0.4s;
    }
    .subbar.panner-open>.inline-block {
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
    }
    .subbar-link {
        position: relative;
        line-height: 2.5em;
        padding-left: 2em;
        display: block;
        width: 100%;
    }
    .subbar-link b{
       border:none;
    }
    .subbar-link.active {
        background: #f5f5f5;
    }
    .subbar-link:before {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
    }
    .subbar-link:first-child,
    .subbar-link:before {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .subbar-link-back:after,
    .subbar-link-sub:after {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 0.1em solid rgba(0, 0, 0, 0.3);
        width: .8em;
        height: .8em;
        content: '';
        border-top: none;
        border-left: none;
    }
    .subbar-link-sub:after {
        right: 1em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .subbar-link-back {
        text-align: center;
        cursor: pointer;
        border-top: none !important;
    }
    .subbar-link-back:after {
        left: 1em;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .subbar-sub-wrap {
        display: none !important;
    }
    .subbar-panel-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
    }
    .panner-open>.subbar-panel-wrap {
        left: 0;
    }
}

.foot-wrap {
    color: #fff;
    margin-top: 100px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4NDM3YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMzE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(90deg, #38437b, #1b3141);
}

.foot-logo {
    vertical-align: middle;
    white-space: nowrap;
}

.foot-logo:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.foot-logo>img {
    /*width: 106px;*/
    height: 60px;
    vertical-align: middle;
}

.foot-head {
    position: relative;
    display: inline-block;
    padding-left: 100px;
    height: 50px;
    vertical-align: middle;
}

.foot-head:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    margin: auto;
    content: '';
}

.foot-head-wrap {
    height: 110px;
}

.foot-head-wrap:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.foot-head-1:after {
    background-position: -50px -354px;
    height: 50px;
    width: 50px;
}

.foot-head-2:after {
    background-position: 0 -404px;
    height: 50px;
    width: 50px;
}

.foot-head-3:after {
    background-position: -50px -304px;
    height: 50px;
    width: 50px;
}

.foot-head-1 {
    margin-left: 80px;
    width: 225px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.foot-head-2 {
    width: 225px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.foot-head-name {
    font-size: 14px;
}

.foot-con {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    min-height: 184px;
}

.foot-nav {
    font-size: 14px;
    width: 210px;
    margin-top: 26px;
}

.foot-nav>a {
    display: inline-block;
    white-space: nowrap;
    opacity: .5;
}

.foot-nav>a:hover {
    opacity: 1;
}

.foot-nav-1 {
	font-size: 14px;
	width: 160px;
	margin-top: 26px;
}
.foot-nav-1 span {
	font-size:16px;
}
.foot-nav-1>a {
	display: inline-block;
	white-space: nowrap;
	opacity: .6;
}

.foot-nav-1>a:hover {
	opacity: 1;
}
.foot-media {
    margin: -95px 0 0 20px;
    text-align: center;
}

.foot-media-name {
    font-size: 14px;
    line-height: 32px;
}

.foot-media-name:before,
.foot-media-name:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
}

.foot-media-name:after {
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.foot-media-name:before {
    margin-right: 4px;
}

.foot-media-sina:before {
    background-position: 0 -76px;
    height: 20px;
    width: 24px;
}

.foot-media-wechat:before {
    background-position: -18px -38px;
    height: 20px;
    width: 22px;
}

.copyright {
    font-size: 13px;
    min-width: 1200px;
    padding: 17px 0;
    opacity: .6;
}

@media (max-width:1200px) {
    .foot-wrap {
        text-align: center;
        color: #fff;
        margin-top: 16vw;
        background-size: 100%;
    }
    .foot-head {
        font-size: 0;
        width: 33.33%;
        height: auto;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 4vw;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .foot-head:after {
        display: none;
    }
    .foot-head:before {
        display: block;
        margin: 4vw auto 2vw;
        content: '';
    }
    .foot-head-2 {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    .foot-head-wrap {
        display: flex;
        height: auto;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-align: center;
    }
    .foot-head-name,
    .foot-head-info {
        display: block;
        font-size: 2.66667vw;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .foot-head-1:before {
        background-repeat: no-repeat;
        background-image: url(/img/icon-s9a70217cdb.png);
        width: 6.66667vw;
        height: 6.66667vw;
        background-position: 0 0;
        background-size: 14.4vw 42.66667vw;
    }
    .foot-head-2:before {
        background-repeat: no-repeat;
        background-image: url(/img/icon-s9a70217cdb.png);
        width: 6.66667vw;
        height: 6.66667vw;
        background-position: 0 22.22222%;
        background-size: 14.4vw 42.66667vw;
    }
    .foot-head-3:before {
        background-repeat: no-repeat;
        background-image: url(/img/icon-s9a70217cdb.png);
        width: 6.66667vw;
        height: 6.66667vw;
        background-position: 0 44.44444%;
        background-size: 14.4vw 42.66667vw;
    }
    .foot-con {
        display: none !important;
    }
    .foot-logo {
        display: flex;
        width: 100%;
        height: 20vw;
        justify-content: center;
        align-items: center;
    }
    .foot-logo>img {
        width: 14.13333vw;
        height: 6.66667vw;
    }
    .copyright {
        font-size: 2.13333vw;
        padding: 4.26667vw;
        min-width: 100%;
        margin: 0 !important;
        white-space: nowrap;
    }
}

.paging {
    font-size: 0;
    margin: 40px 0;
    text-align: center;
}

.paging>a,
.paging>span,
.paging:hover>.current {
    background: #fff;
    color: #666666;
}

.paging>a,
.paging>span {
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    margin: 0 5px;
    transition: .3s;
    border: 1px solid #ddd;
    box-shadow: 0 0 1px #eee;
    border-radius: 3px;
}

.paging>a.current,
.paging>a.current:hover,
.paging>a:hover,
.paging>span.current,
.paging>span.current:hover,
.paging>span:hover {
    background: #222;
    color: #e9cc98;
}

.vr-wrap {
    position: fixed;
    z-index: 102;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    transition: all .5s;
}

.vr-wrap.news-vr {
    padding: 60px 130px;
}

.vr-wrap.news-vr>.inline-block {
    width: 100%;
    min-width: 1200px;
    height: 100%;
    overflow: auto;
}

.vr-wrap.invisible {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.vr-wrap:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.vr-wrap>.inline-block {
    width: 1200px;
    height: 675px;
    vertical-align: middle;
}

.vr-wrap.invisible>.inline-block {
    display: none;
}

.vr-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.1);
}

.invisible>.vr-mask {
    display: none;
}

.vr-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.vr-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: #000;
	opacity: 0.08;
}
.news-vr .vr-close {
	top: 30px;
	right: 60px;
}

.vr-close:hover {
	opacity: .2;
}


.vr-close:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: -40px -38px;
    height: 25px;
    width: 25px;
    margin: auto;
    content: '';
}

@media (max-width:1200px) {
    .vr-toggle {
        cursor: pointer;
    }
    .vr-mask {
        display: none;
    }
    .vr-wrap.news-vr {
        padding: 0;
    }
    .vr-wrap>.inline-block {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .news-vr .vr-close {
        top: 2vw;
        right: 2vw;
    }
}

.banner {
    height: 500px;
    background: 50% 50% url('../img/news/banner.png?1530567729') no-repeat;
}

.news-wrap {
    margin-top: 40px;
    min-width: 1200px;
    max-width: 1420px;
}

.news-achor {
    height: .5px;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}

.news-achor:first-child {
    position: absolute;
    top: -100px;
}

.news-nav {
    z-index: 10;
    background: #fff;
    left: 50%;
    margin-left: -600px;
    top: 0;
    width: 120px;
    margin-top: 50px;
}

.news-nav-wrap {
    font-size: 16px;
    z-index: 10;
    float: left;
}

.news-nav-link {
    line-height: 2.25;
    display: inline-block;
    margin-bottom: 1.5em;
    width: 100%;
    transition: .3s;
}

.news-nav-link,
:hover>.news-nav-link.active {
    color: #333;
    text-align: left;
    background: none;
    text-indent: 0;
}

.news-nav-link:hover,
.news-nav-link.active,
.news-nav-link.active:hover {
    text-indent: 34px;
    color: #fff;
    background: #333366;
}

.news-con {
    z-index: 1;
    margin-left: 290px;
    min-height:200px;
}

.news {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.news+.news{
    border-top: 1px solid #efefef;
}

.news-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.news-img {
    float: left;
    font-size: 0;
    width: 183px;
    margin-right: 15px;
    overflow: hidden;
}

.news-img>img {
    transition: .4s;
    width: 100%;
}

:hover>.news-img>img {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

.news-date {
    float: right;
    font-weight: 200;
    font-size: 16px;
    line-height: 1;
    color: #999;
}

.news-arrow {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 48px;
    height: 24px;
    border: 1px solid #dedede;
    background: url('/img/news/news-arrow.png?1530570748') 50% 50% no-repeat;
}

:hover>.news-arrow {
    border-color: #333366;
    background-color: #333366;
    background-image: url('/img/news/news-arrow.png?1530570748');
}

.news-title {
    display: block;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a:hover>.news-title {
    color: #333366;
}

.news-abstract {
    font-size: 14px;
    line-height: 1.86;
    color: #666;
    max-height: 5.58em;
    overflow: hidden;
    margin-top: 1em;
    text-align: justify;
}

:hover>.news-abstract {
    color: #333;
}

.news-abstract,
.news-title {
    margin-right: 23%;
}

.vr-wrap {
    padding: 60px 130px;
}

.vr-wrap>.inline-block {
    width: auto;
    min-width: 1200px;
    height: 100%;
}

.vr-close {
    top: 30px;
    right: 60px;
}

@media (max-width:1200px) {
    .banner {
        height: 40vw;
        background-image: url('/img/news/banner-mobile.png?1530568573');
        background-size: contain;
    }
    .news-wrap {
        margin-top: 4vw;
        margin-right: 0;
        margin-left: 0;
        min-width: 100%;
    }
    .news-nav {
        width: auto;
        margin: 0;
        right: 0;
        left: 0;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .news-nav.fixed {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .news-nav-wrap {
        float: none;
        font-size: 2.13333vw;
        height: 2.25em;
    }
    .news-nav-link {
        font-size: 3.2vw;
        width: auto;
        padding: 0px 5vw;
        margin-bottom: 0;
        text-indent: 0 !important;
        text-align: center !important;
        flex-shrink: 0;
        margin-right: 5vw;
    }
    .news-nav-link {
        color: #333 !important;
        background: none !important;
    }
    .news-nav-link.active {
        color: #fff !important;
        background: #333366 !important;
    }
    .news-con {
        margin-left: 0;
    }
    .news {
        display: flex;
        flex-wrap: wrap;
        width: 84vw;
        margin-right: auto;
        margin-left: auto;
    }
    .news-img,
    .news-info,
    .news-title,
    .news-abstract,
    .news-date {
        flex-shrink: 0;
        width: 100%;
    }
    .news-img {
        margin-right: 0;
    }
    .news-title {
        overflow: visible;
        white-space: pre-wrap;
        margin-top: 1em;
        margin-right: 0;
        font-size: 4vw;
    }
    .news-abstract {
        font-size: 3.2vw;
        margin-right: 0;
    }
    .news-date,
    .news-arrow {
       /* display: none;*/
	   margin-left: 71%;
    }
    .news-date-md {
        display: block;
        font-size: 3.2vw;
        line-height: 1;
        margin-top: 4.66667vw;
        color: #999;
    }
    .vr-wrap {
        padding: 0;
    }
    .vr-close {
        top: 2vw;
        right: 2vw;
    }
}
.page {
    clear: both;
    font-size: 14px;
    padding: 20px 0;
    text-align: right;
    margin-top: 30px;
}
#page a, b {
    color: #666;
    font-size: 14px;
    margin: 0 3px;
    padding: 4px 8px;
	
}
#page a:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}

/*ÈÙÓþ*/
.mq-report-list{
    width: 940px;
}
.mq-report-list li{
    float: left;
    padding-right: 27px;
}
.mq-report-list li p{
    padding: 5px 0 10px 0;
    font-size: 14px;
    color: #474747;
    text-align: center;
}
.mq-report-img{
    position: relative;
    width: 270px;
    border: 1px solid #8c8c8c;
}

.mq-report-img img{
    width: 100%;
    cursor: pointer;
}
.mq-rongyu-list{
	display:inline;
	width:940px;
}
.mq-rongyu-list li{
	white-space: pre-line;
    line-height: 30px;
}


.mq-report-img-kuan{
    position: relative;
    width: 283px;
    height: 205px;
    border: 1px solid #8c8c8c;
}

.mq-report-img-kuan img{
    width: 100%;
    height: 205px;
    cursor: pointer;
}