@charset "utf-8";

html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation;
}

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

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
    display: block;
    margin: 0;
    padding: 0
}

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

table,
th,
td {
    border: 1px solid black;
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400;
}

dl,
ol,
ul {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Arial, Microsoft Yahei;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

input {
    outline: 0;
}

input::-webkit-input-safebox-button {
    display: none;
    /*去掉搜狗浏览器密码软盘*/
}

body {
    color: #000;
    font-family: Arial, Microsoft Yahei;
}

body * {
    box-sizing: border-box;
    line-height: 1;
}

#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

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

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

.eps2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

div.mCSB_scrollTools {
    opacity: 1;
    width: 5px;
}

div.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background-color: #cccccc;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background-color: #2c44b5;
    border-radius: 3px;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2c44b5;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #2c44b5;
    filter: none;
    -ms-filter: none;
}

div.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

/* 入场动画 */
/* .teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} */
.teaser {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lefter {
    opacity: 0;
    transform: translate3d(-35%, 35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 1.5s ease-out 0.2s;
}

.lefter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.righter {
    opacity: 0;
    transform: translate3d(35%, 35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 1.5s ease-out 0.2s;
}

.righter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.downer {
    opacity: 0;
    transform: translate3d(0, -35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 1.5s ease-out 0.2s;
}

.downer.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lter {
    opacity: 0;
    transform: translate3d(-35%, 0, 0);
    transition: opacity 1s ease-out 0.2s, transform 1.5s ease-out 0.2s;
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rter {
    opacity: 0;
    transform: translate3d(35%, 0, 0);
    transition: opacity 1s ease-out 0.2s, transform 1.5s ease-out 0.2s;
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}



form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #999999;
}

form input:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #999999;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #999999;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #999999;
}

html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 1920px) {
    html {
        font-size: 100px;
    }
}

@media(max-width: 1700px) {
    html {
        font-size: calc(100vw / 1700 * 100);
    }
}

@media(max-width: 750px) {
    html {
        font-size: calc(750px / 1700 * 100);
    }
}

body {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}

.s12 {
    font-size: calc(12 * 100vw / 1920);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12.0px;
    }
}

.s13 {
    font-size: calc(13 * 100vw / 1920);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 100vw / 1920);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 12.6px;
    }
}

.s15 {
    font-size: calc(15 * 100vw / 1920);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 12.9px;
    }
}

.s16 {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 13.2px;
    }
}

.s17 {
    font-size: calc(17 * 100vw / 1920);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 13.5px;
    }
}

.s18 {
    font-size: calc(18 * 100vw / 1920);
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 13.8px;
    }
}

.s19 {
    font-size: calc(19 * 100vw / 1920);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 100vw / 1920);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 14.4px;
    }
}

.s21 {
    font-size: calc(21 * 100vw / 1920);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 100vw / 1920);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15.0px;
    }
}

.s23 {
    font-size: calc(23 * 100vw / 1920);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 100vw / 1920);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 100vw / 1920);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 100vw / 1920);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 100vw / 1920);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 100vw / 1920);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 100vw / 1920);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 100vw / 1920);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 100vw / 1920);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 100vw / 1920);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18.0px;
    }
}

.s33 {
    font-size: calc(33 * 100vw / 1920);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 100vw / 1920);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 100vw / 1920);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 100vw / 1920);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 100vw / 1920);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 100vw / 1920);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 100vw / 1920);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 100vw / 1920);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 100vw / 1920);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 100vw / 1920);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21.0px;
    }
}

.s43 {
    font-size: calc(43 * 100vw / 1920);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 100vw / 1920);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 100vw / 1920);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 100vw / 1920);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 100vw / 1920);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 100vw / 1920);
}

@media(max-width: 911px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 100vw / 1920);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 100vw / 1920);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 100vw / 1920);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 100vw / 1920);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24.0px;
    }
}

.s53 {
    font-size: calc(53 * 100vw / 1920);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 100vw / 1920);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 100vw / 1920);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 100vw / 1920);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 100vw / 1920);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 100vw / 1920);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 100vw / 1920);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 100vw / 1920);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 100vw / 1920);
}

@media(max-width: 840px) {
    .s60 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 100vw / 1920);
}

@media(max-width: 836px) {
    .s60 {
        font-size: 27.0px;
    }
}

.s63 {
    font-size: calc(63 * 100vw / 1920);
}

@media(max-width: 832px) {
    .s60 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 100vw / 1920);
}

@media(max-width: 828px) {
    .s60 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 100vw / 1920);
}

@media(max-width: 824px) {
    .s60 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 100vw / 1920);
}

@media(max-width: 820px) {
    .s60 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 100vw / 1920);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 100vw / 1920);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 100vw / 1920);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 803px) {
    .s70 {
        font-size: 29.7px;
    }
}

.s71 {
    font-size: calc(71 * 100vw / 1920);
}

@media(max-width: 800px) {
    .s71 {
        font-size: 30px;
    }
}

.s72 {
    font-size: calc(72 * 100vw / 1920);
}

@media(max-width: 796px) {
    .s72 {
        font-size: 30.3px;
    }
}

.s73 {
    font-size: calc(73 * 100vw / 1920);
}

@media(max-width: 793px) {
    .s73 {
        font-size: 30.6px;
    }
}

.s74 {
    font-size: calc(74 * 100vw / 1920);
}

@media(max-width: 791px) {
    .s74 {
        font-size: 30.9px;
    }
}

.s75 {
    font-size: calc(75 * 100vw / 1920);
}

@media(max-width: 788px) {
    .s75 {
        font-size: 31.2px;
    }
}

.s76 {
    font-size: calc(76 * 100vw / 1920);
}

@media(max-width: 79px) {
    .s76 {
        font-size: 31.5px;
    }
}

.s77 {
    font-size: calc(77 * 100vw / 1920);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.8px;
    }
}

.s78 {
    font-size: calc(78 * 100vw / 1920);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 32.1px;
    }
}

.s79 {
    font-size: calc(79 * 100vw / 1920);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.4px;
    }
}

.s80 {
    font-size: calc(80 * 100vw / 1920);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.7px;
    }
}


@media(max-width: 750px) {
    .z1 {
        max-width: 500px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
    }

    .z2,
    .z3,
    .z4,
    .z5 {
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 0 2% 2% 0 !important;
    }

    .z2 {
        width: 49% !important;
    }

    .z3 {
        width: 32% !important;
    }

    .z4 {
        width: 23.5% !important;
    }

    .z5 {
        width: 18.4% !important;
    }

    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n) {
        margin-right: 0 !important;
    }

    .l1 {
        padding-left: 10px !important;
    }

    .r1 {
        padding-right: 10px !important;
    }

    .t1 {
        padding-top: 10px !important;
    }

    .b1 {
        padding-bottom: 10px !important;
    }

    .l2 {
        padding-left: 20px !important;
    }

    .r2 {
        padding-right: 20px !important;
    }

    .t2 {
        padding-top: 20px !important;
    }

    .b2 {
        padding-bottom: 20px !important;
    }

    .l3 {
        padding-left: 30px !important;
    }

    .r3 {
        padding-right: 30px !important;
    }

    .t3 {
        padding-top: 30px !important;
    }

    .b3 {
        padding-bottom: 30px !important;
    }
}

.a-a {
    width: 100%;
    position: relative;
}

.a-b {
    width: 100%;
}

.a-b img {
    width: 100%;
}

.a-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14rem;
}

.a-c {
    display: inline-block;
    text-align: center;
}

.a-titles {
    color: #2c44b5;
    font-weight: bold;
    margin-bottom: .15rem;
}

.a-text {
    color: #2c44b5;
}

@media(max-width: 750px) {
    .a-cont {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .a-titles {
        font-size: 16px;
    }

    .a-text {
        font-size: 12px;
    }
}

.nav {
    width: 100%;
    border-bottom: 1px solid #fafafa;
}

.nav-b {
    width: 14rem;
    margin: 0 auto;
}

.nav-cont {
    width: 100%;
}

.nav-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.nav-left {
    float: left;
    font-size: 0;
}

.nav-c {
    display: inline-block;
    vertical-align: middle;
    width: 1.125em;
}

.nav-c img {
    width: 100%;
}

.nav-d {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 .2rem;
    color: #333333;
    line-height: .7rem;
}

.nav-e {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    line-height: .7rem;
}

.nav-right {
    float: right;
}

.nav-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    padding: 0 .4rem;
    line-height: .7rem;
    border-bottom: .02rem solid transparent;
}

.nav-item.active {
    color: #2c44b5;
    font-weight: bold;
    border-bottom: .02rem solid #2c44b5;
}

.nav-item:hover {
    color: #2c44b5;
    font-weight: bold;
    border-bottom: .02rem solid #2c44b5;
}

@media(max-width: 750px) {
    .nav-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-right {
        width: 100%;
        text-align: center;
    }

    .nav-item {
        padding: 0 .2rem;
    }
}

.paging {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.paging-a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    margin: 0 .2rem .1rem;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: 50%;
    background-color: #d1d6ec;
}

.paging-a:hover {
    background-color: #2c44b5;
}

.paging-b {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #222222;
    padding: 0 .1rem;
    margin: 0 .1rem .1rem;
    line-height: .6rem;
}

.paging-b.active {
    color: #2c44b5;
}

.paging-b:hover {
    color: #2c44b5;
}



.b-a {
    width: 100%;
    background-color: #fafafa;
    padding-top: .6rem;
    padding-bottom: .9rem;
}

.b-cont {
    width: 14rem;
    margin: 0 auto;
}

.b-list {
    width: 100%;
    font-size: 0;
    padding-bottom: .4rem;
}

.b-item {
    display: block;
    cursor: pointer;
    padding: .4rem;
    margin-bottom: .2rem;
    width: 100%;
    background-color: #ffffff;
}

.b-left {
    display: inline-block;
    vertical-align: middle;
    width: 4.15rem;
    overflow: hidden;
}

.b-left img {
    width: 100%;
    transform: scale(1.00);
    transition: all .5s;
}

.b-right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 4.2rem);
    padding-left: .6rem;
}

.b-time {
    color: #333333;
    margin-bottom: .15rem;
}

.b-titles {
    color: #333333;
    line-height: 1.3;
    margin-bottom: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.b-text {
    color: #999999;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b-more {
    display: inline-block;
    margin-top: .3rem;
    background-color: #2c44b5;
    padding: .17rem .3rem;
    color: #ffffff;
}

.b-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: 1em;
    height: 1em;
    background-image: url('../images/a2.png');
    background-size: .99em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.b-item:hover .b-left img {
    transform: scale(1.05);
}

.b-item:hover .b-titles {
    color: #ffaf5a;
}

.b-item:hover .b-more {
    background-color: #ffaf5a;
}

@media(max-width: 750px) {
    .b-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .b-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .b-right {
        width: 100%;
        padding: 0;
    }
}

.c-a {
    width: 100%;
    background-color: #fafafa;
    padding-top: .6rem;
    padding-bottom: .85rem;
}

.c-b {
    width: 14rem;
    margin: 0 auto;
}

.c-cont {
    width: 100%;
    background-color: #fff;
    padding: .6rem .5rem .15rem;
}

.c-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.c-left {
    float: left;
    width: 9.3rem;
}

.c-top {
    width: 100%;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: .1rem;
}

.c-titles {
    color: #333333;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: .25rem;
}

.c-c {
    width: 100%;
    font-size: 0;
}

.c-d {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    line-height: 1.3;
    margin-right: .65rem;
    margin-bottom: .2rem;
}

.c-share {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .2rem;
}

.c-e {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    line-height: 1.3;
}

.c-f {
    display: inline-block;
    vertical-align: middle;
}

.c-g {
    display: inline-block;
    vertical-align: middle;
    height: 1em;
    margin-left: .25rem;
    cursor: pointer;
}

.c-g img {
    max-width: none;
    height: 100%;
}

.c-h {
    width: 100%;
    color: #333333;
    line-height: 2.25;
    padding: .2rem 0;
    border-bottom: 1px dashed #cccccc;
}

.c-h * {
    line-height: inherit;
}

.c-h P {
    margin-bottom: .3rem;
}

.c-h iframe {
    width: 100%;
    height: 5rem;
}

.c-i {
    width: 100%;
    text-align: center;
    font-size: 0;
    padding: .4rem 0;
    position: relative;
}

.c-i:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.c-j {
    color: #333333;
    line-height: 1.3;
    cursor: pointer;
}

.c-j:hover {
    color: #2c44b5;
}

.c-j1 {
    float: left;
}

.c-j1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    width: .09rem;
    height: .15rem;
    background-image: url('../images/a6.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-j1:hover:before {
    background-image: url('../images/a6-b.png');
}

.c-j2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-j2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: .16rem;
    height: .15rem;
    background-image: url('../images/a7.png');
    background-size: .16rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-j2:hover:after {
    background-image: url('../images/a7-b.png');
}

.c-j3 {
    float: right;
}

.c-j3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: .09rem;
    height: .15rem;
    background-image: url('../images/a8.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-j3:hover:after {
    background-image: url('../images/a8-b.png');
}

.c-right {
    float: right;
    width: 2.88rem;
}

.c-k {
    width: 100%;
    position: relative;
    margin-bottom: .3rem;
}

.c-l {
    color: #333333;
    font-weight: bold;
    line-height: 2;
}

.c-m {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    color: #333333;
    display: block;
    cursor: pointer;
}

.c-m:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    width: .17rem;
    height: .17rem;
    background-image: url('../images/a2-b.png');
    background-size: .17rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-m:hover {
    color: #2c44b5;
}

.c-m:hover:after {
    background-image: url('../images/a2-c.png');
}

.c-n {
    width: 100%;
}

.c-o {
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: .25rem;
}

.c-p {
    width: 100%;
    overflow: hidden;
    margin-bottom: .2rem;
}

.c-p img {
    width: 100%;
    transform: scale(1.00);
    transition: all .5s;
}

.c-q {
    width: 100%;
}

.c-r {
    color: #666666;
    line-height: 1.3;
    margin-bottom: .05rem;
}

.c-s {
    color: #333333;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-o:hover .c-p img {
    transform: scale(1.05);
}

.c-o:hover .c-s {
    color: #2c44b5;
}

@media(max-width: 750px) {
    .c-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .c-cont {
        padding: .3rem .2rem;
    }

    .c-left {
        width: 100%;
    }

    .c-right {
        width: 100%;
    }
}

.d-a {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .75rem;
}

.d-cont {
    width: 14rem;
    margin: 0 auto;
}

.d-list {
    width: 100%;
    font-size: 0;
    padding-bottom: .2rem;
}

.d-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 3rem;
    margin-right: .5rem;
    margin-bottom: .4rem;
}

/*.d-item:nth-child(3n) {*/
/*    margin-right: 0;*/
/*}*/

.d-b {
    width: 100%;
    position: relative;
    margin-bottom: .3rem;
}

.d-c {
    width: 100%;
    overflow: hidden;
}

.d-c img {
    width: 100%;
    transform: scale(1.00);
    transition: all .5s;
}

.d-d {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -5%);
    width: .5rem;
}

.d-d img {
    width: 100%;
}

.d-e {
    width: 100%;
}

.d-f {
    width: 100%;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-f:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .08rem;
    width: .1rem;
    height: 3px;
    background-color: #333333;
}

.d-item:hover .d-c img {
    transform: scale(1.05);
}

.d-item:hover .d-f {
    color: #2c44b5;
}

.d-item:hover .d-f:before {
    background-color: #2c44b5;
}

/*视频容器样式*/
.xv-a {
    position: fixed;
    left: 0;
    top: 120%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000000;
    transition: top .5s ease-in-out;
}

.xv-a.show {
    top: 0;
}

.xv-a.show .xv-e {
    visibility: visible;
}

.xv-a.show .xv-f {
    display: block;
}

.xv-b {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -550px;
    margin-top: -300px;
    width: 1000px;
    height: 600px;
}

.xv-c {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #2c44b5;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 10000;
}

.xv-d {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 21px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.xv-e {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.xv-f {
    display: none;
    width: 100%;
    height: 100%;
}

@media(max-width:1200px) {
    .xv-b {
        width: 90vw;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        transform: translate(-50%, -50%);
    }

    .xv-f {
        max-height: 90vh;
    }

    .xv-e {
        height: 60vh;
    }
}

@media(max-width: 750px) {
    .d-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .d-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .d-item:nth-child(3n) {
        margin-right: .3rem;
    }

    .d-item:nth-child(2n) {
        margin-right: 0;
    }

    .d-f {
        font-size: 12px;
    }
}



.e-a {
    width: 100%;
    background-color: #fafafa;
    padding-top: .8rem;
    padding-bottom: .9rem;
}

.e-cont {
    width: 14rem;
    margin: 0 auto;
}

.e-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .4rem;
}

.e-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: .3rem .25rem;
    margin-right: .25rem;
    margin-bottom: .2rem;
    width: 4.5rem;
    background-color: #ffffff;
}

.e-item:nth-child(3n) {
    margin-right: 0;
}

.e-b {
    width: 100%;
}

.e-b:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.e-c {
    float: left;
    margin-bottom: .15rem;
    color: #333333;
    line-height: 1.3;
}

.e-d {
    float: right;
    margin-bottom: .15rem;
    color: #2c44b5;
    line-height: 1.3;
}

.e-e {
    color: #999999;
    line-height: 1.3;
    margin-bottom: .3rem;
}

.e-f {
    width: 100%;
    font-size: 0;
    padding-bottom: .15rem;
    margin-bottom: .25rem;
    border-bottom: 1px dashed #eaeaea;
}

.e-fspan {
    display: inline-block;
    vertical-align: top;
    padding: .1rem .17rem;
    border-radius: 3px;
    margin-right: .1rem;
    margin-bottom: .1rem;
    border: solid 1px #cccccc;
    color: #999999;
}

.e-g {
    width: 100%;
    position: relative;
}

.e-h {
    color: #999999;
    line-height: 1.2;
}

.e-i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    color: #999999;
    line-height: 1.2;
}

.e-i img {
    width: .12rem;
    margin-right: .1rem;
}

.e-item:hover {
    box-shadow: 0px .2rem .3rem 0px rgba(0, 0, 0, 0.1);
}

@media(max-width: 750px) {
    .e-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .e-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .e-item:nth-child(3n) {
        margin-right: .3rem;
    }

    .e-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:450px) {
    .e-item {
        width: 100%;
        margin-right: 0 !important;
    }
}

.g-a {
    width: 100%;
}

.g-b {
    width: 14rem;
    margin: 0 auto;
}

.g-cont {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .65rem;
    position: relative;
}

.g-cont:before {
    content: '';
    position: absolute;
    top: 0;
    right: 3.6rem;
    width: 1px;
    height: 100%;
    background-color: #eaeaea;
}

.g-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.g-left {
    float: left;
    width: 9.8rem;
}

.g-top {
    width: 100%;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: .3rem;
}

.g-top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.g-c {
    float: left;
}

.g-titles {
    color: #333333;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .2rem;
}

.g-d {
    width: 100%;
}

.g-dspan {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    line-height: 1.3;
    margin-bottom: .2rem;
    margin-right: .3rem;
}

.g-e {
    float: right;
    text-align: right;
}

.g-f {
    color: #2c44b5;
    line-height: 1.2;
    margin-bottom: .2rem;
}

.g-g {
    width: 100%;
}

.g-gspan {
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    padding: .1rem .17rem;
    color: #999999;
    border-radius: 2px;
    border: solid 1px #eaeaea;
}

.g-h {
    color: #666666;
    line-height: 2.25;
    padding: .3rem 0;
    border-bottom: 1px dashed #eaeaea;
}

.g-h * {
    line-height: inherit;
}

.g-i {
    width: 100%;
    padding: .3rem 0;
}

.g-i:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.g-j {
    float: left;
}

.g-k {
    color: #666666;
    line-height: 2.25;
}

.g-kspan {
    color: #2c44b5;
}

.g-l {
    float: right;
    text-align: right;
}

.g-m {
    display: block;
    cursor: pointer;
    line-height: 2.25;
    color: #666666;
}

.g-m:hover {
    color: #2c44b5;
}

.g-right {
    float: right;
    width: 3.3rem;
}

.g-n {
    width: 100%;
    position: relative;
    margin-bottom: .25rem;
}

.g-o {
    color: #333333;
    line-height: 1.5;
}

.g-p {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    color: #999999;
    line-height: 1.3;
}

.g-p:hover {
    color: #2c44b5;
}

.g-q {
    width: 100%;
}

.g-r {
    display: block;
    cursor: pointer;
    padding: .2rem;
    margin-bottom: .1rem;
    border: solid 1px #eaeaea;
}

.g-t {
    color: #333333;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.g-s {
    color: #999999;
    margin-top: .1rem;
}

.g-r:hover {
    border: 1px solid #2c44b5;
}

@media(max-width: 750px) {
    .g-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .g-cont:before {
        display: none;
    }

    .g-left {
        width: 100%;
        margin-bottom: .5rem;
    }

    .g-right {
        width: 100%;
    }

}

.i-a {
    width: 100%;
    padding-bottom: .9rem;
}

.i-list {
    width: 100%;
    padding-bottom: .6rem;
}

.i-item {
    width: 100%;
    padding: .8rem 0;
    background-color: #fafafa;
}

.i-cont {
    display: block;
    cursor: pointer;
    width: 14rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.i-left {
    display: inline-block;
    vertical-align: top;
    width: 7rem;
    overflow: hidden;
}

.i-left img {
    width: 100%;
    transform: scale(1.00);
    transition: all .5s;
}

.i-right {
    display: inline-block;
    vertical-align: top;
    width: 6.1rem;
}

.i-time {
    color: #333333;
    margin-bottom: .15rem;
}

.i-titles {
    color: #333333;
    line-height: 1.3;
    padding-bottom: .65rem;
    position: relative;
}

.i-titles:after {
    content: '/';
    position: absolute;
    bottom: .28rem;
    left: 0;
    font-size: calc(16 * 100vw / 1920);
    color: #333333;
}

.i-text {
    color: #999999;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i-more {
    display: inline-block;
    margin-top: .3rem;
    background-color: #2c44b5;
    padding: .17rem .3rem;
    color: #ffffff;
}

.i-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: 1em;
    height: 1em;
    background-image: url('../images/a2.png');
    background-size: .99em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-cont:hover .i-left img {
    transform: scale(1.05);
}

.i-cont:hover .i-titles {
    color: #ffaf5a;
}

.i-cont:hover .i-more {
    background-color: #ffaf5a;
}

.i-item:nth-child(2n) {
    background-color: #fff;
}

.i-item:nth-child(2n) .i-cont {
    flex-direction: row-reverse;
}

@media(max-width: 1584px) {
    .i-titles:after {
        font-size: 13.2px;
        bottom: .2rem;
    }
}


@media(max-width: 750px) {
    .i-item {
        padding: .35rem 0;
    }

    .i-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .i-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .i-right {
        width: 100%;
    }
}

.j-a {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .9rem;
}

.j-b {
    width: 14rem;
    margin: 0 auto;
}

.j-top {
    width: 100%;
    padding: .35rem .4rem;
    margin-bottom: .4rem;
    background-color: #f8f8f8;
    font-size: 0;
}

.j-top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.j-form {
    width: 100%;
}

.j-c {
    display: inline-block;
    vertical-align: top;
    width: 3rem;
}

.j-d {
    display: inline-block;
    vertical-align: top;
    margin-left: 2.65rem;
}

.j-e {
    display: inline-block;
    vertical-align: top;
    width: 5.6rem;
    height: .5rem;
    color: #333333;
    padding: 0 .2rem;
    background-color: #fefefe;
    border: solid 1px #eaeaea;
}

.j-submit {
    display: inline-block;
    vertical-align: top;
    margin-left: .2rem;
    width: 1.75rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background-color: #104196;
    border: solid 1px #104196;
}

.j-cont {
    width: 100%;
    padding-bottom: .6rem;
}

.j-f {
    width: 100%;
    padding: .25rem 0;
    font-size: 0;
    background-color: #f8f8f8;
}

.j-g {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #222222;
    font-weight: bold;
    line-height: 1.5;
}

.j-g1 {
    width: 66%;
    text-align: left;
    padding: 0 .3rem;
}

.j-g2 {
    width: 20%;
}

.j-g3 {
    width: 13%;
}

.j-list {
    width: 100%;
}

.j-item {
    display: block;
    cursor: pointer;
    font-size: 0;
    padding: .25rem 0;
    position: relative;
    width: 100%;
}

.j-titles {
    display: inline-block;
    vertical-align: middle;
    width: 66%;
    padding: 0 .3rem;
    color: #222222;
    line-height: 1.5;
}

.j-time {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: center;
    color: #222222;
    line-height: 1.5;
}

.j-download {
    position: absolute;
    top: 50%;
    right: .3rem;
    transform: translate(0, -50%);
    padding: 0 .15rem;
    min-width: 1.2rem;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    border-radius: 1.25em;
    border: solid 1px #dee6ee;
}

.j-download:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    width: .14rem;
    height: .18rem;
    background-image: url('../images/a11.png');
    background-size: .14rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-item:hover .j-download {
    border: solid 1px #2c44b5;
    color: #2c44b5;
}

.j-item:nth-child(2n) {
    background-color: #f8f8f8;
}



.select-w {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #fefefe;
    border: solid 1px #eaeaea;
    position: relative;
    padding-right: .5rem;
    padding-left: .2rem;
    white-space: nowrap
}

.select-w .cur {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: .5rem;
    line-height: .5rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-w select {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: .2rem;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select-w:after {
    content: "";
    position: absolute;
    right: .2rem;
    top: 0;
    width: .15rem;
    height: 100%;
    z-index: 1;
    background-image: url('../images/a12.png');
    background-size: .15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}



@media(max-width: 750px) {
    .j-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .j-c {
        width: 100%;
        margin-bottom: .15rem;
    }

    .j-d {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }

    .j-e {
        width: calc(100% - 2rem);
        height: 35px;
        line-height: 35px;
    }

    .j-submit {
        width: 1.8rem;
        margin-left: .2rem;
        height: 35px;
        line-height: 35px;
    }

    .select-w .cur {
        height: 35px;
        line-height: 35px;
    }

    .j-g1 {
        width: 50%;
        text-align: left;
        padding: 0 .15rem;
    }

    .j-g2 {
        width: 25%;
    }

    .j-g3 {
        width: 25%;
    }

    .j-titles {
        width: 50%;
        font-size: 12px;
        padding: 0 .15rem;
    }

    .j-time {
        width: 25%;
        font-size: 12px;
    }

    .j-download {
        right: .15rem;
        font-size: 10px;
        min-width: calc(25% - .15rem);
    }
}

.k-a {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.k-b {
    width: 14rem;
    margin: 0 auto;
}

.k-cont {
    width: 100%;
    text-align: right;
    position: relative;
}

.k-left {
    position: absolute;
    left: 0;
    top: .4rem;
    width: 7rem;
    height: calc(100% - .8rem);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-right {
    display: inline-block;
    width: 9.9rem;
    min-height: 5.8rem;
    padding: 1rem 0 1rem 3.7rem;
    background-color: #f8f8f8;
}

.k-c {
    width: 5.6rem;
    text-align: left;
}

.k-titles {
    color: #222222;
    font-weight: bold;
    margin-bottom: .45rem;
}

.k-d {
    width: 100%;
    max-height: 3.2rem;
}

.k-text {
    color: #333333;
    line-height: 2;
    width: 100%;
    padding-right: .6rem;
}

.k-text * {
    line-height: inherit;
}

.k-text p {
    margin-bottom: .3rem;
}

@media(max-width: 750px) {
    .k-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .k-left {
        width: 100%;
        position: static;
        top: 0;
        height: auto;
        padding-top: 71.4%;
    }

    .k-right {
        width: 100%;
        padding: .5rem .3rem;
        min-height: 1rem;
    }

    .k-c {
        width: 100%;
    }

    .k-d {
        max-height: 5rem;
    }
}

.l-a {
    width: 100%;
    padding-top: .9rem;
    padding-bottom: .8rem;
    background-image: url('../images/a13.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-b {
    width: 100%;
    margin: 0 auto;
}

.l-titles {
    width: 100%;
    color: #222222;
    line-height: 1.3;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: bold;
}

.l-cont {
    width: 100%;
    position: relative;
}

.l-cont:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1.8rem;
    height: .41rem;
    width: 100%;
    background-image: url('../images/a18.png');
    background-size: auto .41rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-list {
    width: 16rem;
    margin: 0 auto;
}

.l-item {
    width: 25%;
    padding: .2rem;
}

.l-c {
    display: block;
    width: 100%;
    min-height: 4.2rem;
    position: relative;
}

.l-d {
    position: absolute;
    left: 1rem;
    z-index: 18;
    text-align: center;
    cursor: pointer;
    top: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.54em;
    height: 4.54em;
    border-radius: 50%;
    color: #2c44b5;
    line-height: 1.1;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.l-e {
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
}

.l-f {
    display: inline-block;
    width: 1rem;
    margin-bottom: .7rem;
}

.l-f img {
    width: 100%;
}

.l-g {
    color: #333333;
    font-weight: bold;
    margin-bottom: .2rem;
}

.l-h {
    line-height: 1.5;
    color: #666666;
}

.l-h * {
    line-height: inherit;
}

.l-item.active {
    background-color: #ffffff;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.l-item.active .l-d {
    opacity: 0;
    z-index: -1;
}

.l-item.active .l-e {
    opacity: 1;
    z-index: 1;
}

@media(max-width: 750px) {
    .l-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .l-list {
        width: 100%;
    }

    .l-item {
        width: 4rem;
    }
}

.m-a {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .5rem;
}

.m-b {
    width: 14rem;
    margin: 0 auto;
}

.m-titles {
    width: 100%;
    color: #222222;
    line-height: 1.3;
    margin-bottom: .4rem;
    text-align: center;
    font-weight: bold;
}

.m-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}

.m-item {
    display: inline-block;
    vertical-align: top;
    padding: .4rem .3rem .2rem;
    width: 3.3rem;
    border: solid 1px #cccccc;
    margin-right: .25rem;
    margin-bottom: .3rem;
}

.m-item:nth-child(4n) {
    margin-right: 0;
}

.m-num {
    color: #d5daf0;
    font-weight: bold;
    margin-bottom: .35rem;
}

.m-c {
    color: #222222;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: .2rem;
}

.m-d {
    color: #222222;
    line-height: 1.5;
}

@media(max-width: 750px) {
    .m-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .m-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .m-item:nth-child(2n) {
        margin-right: 0;
    }

    .m-d {
        font-size: 12px;
    }
}

.n-a {
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .1rem;
}

.n-b {
    width: 14rem;
    margin: 0 auto;
}

.n-cont {
    width: 100%;
    font-size: 0;
}

.n-item {
    display: inline-block;
    vertical-align: top;
    width: 12.5%;
    text-align: center;
    position: relative;
    margin-bottom: .3rem;
}

.n-c {
    display: inline-block;
    width: 100%;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    padding-top: .2rem;
    padding-bottom: .15rem;
}

.n-d {
    display: inline-block;
    margin-bottom: .15rem;
}

.n-dimg1 {
    display: block;
    width: .45rem;
    height: .45rem;
    line-height: .45rem;
}

.n-dimg1 img {
    max-width: 100%;
    max-height: 100%;
}

.n-dimg2 {
    display: none;
    width: .45rem;
    height: .45rem;
    line-height: .45rem;
}

.n-dimg2 img {
    max-width: 100%;
    max-height: 100%;
}

.n-e {
    color: #333333;
    line-height: 1.3;
}



/* .n-item.active .n-c{background-color: #3047b0;} 
.n-item.active .n-dimg1{display: none;}
.n-item.active .n-dimg2{display: block;}
.n-item.active .n-e{color: #ffffff;} */



@media(min-width: 1200px) {
    .n-item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        width: 1px;
        height: .73rem;
        background-color: #eaeaea;
    }

    .n-item:last-child:after {
        display: none;
    }

    .n-sub {
        display: none;
        position: absolute;
        z-index: 988;
        border-top: .2rem solid #fff;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .n-list {
        width: 100%;
        background-color: #3047b0;
        box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.05);
        border-radius: 3px;
    }

    .n-f {
        display: block;
        cursor: pointer;
        color: #ffffff;
        line-height: 1.3;
        padding: .2rem 0;
        border-bottom: 1px dashed rgba(255, 255, 255, .12);
    }

    .n-f:hover {
        color: #ffaf5a;
    }

    .n-item:hover .n-c {
        background-color: #3047b0;
    }

    .n-item:hover:after {
        display: none;
    }

    .n-item:hover .n-dimg1 {
        display: none;
    }

    .n-item:hover .n-dimg2 {
        display: block;
    }

    .n-item:hover .n-e {
        color: #ffffff;
    }

}

@media(max-width: 1200px) {
    .n-e {
        font-size: 12px;
    }

    .n-item {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    .n-c {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        padding: .3rem 0;
    }

    .n-c {
        background-color: #3047b0;
    }

    .n-dimg1 {
        display: none;
    }

    .n-dimg2 {
        display: block;
    }

    .n-e {
        color: #ffffff;
    }

    .n-sub {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 120px);
    }

    .n-list {
        width: 100%;
        font-size: 0;
        text-align: left;
    }

    .n-f {
        display: inline-block;
        vertical-align: middle;
        margin: 0 .15rem;
        line-height: 2;
        color: #333;
    }

    .n-f:hover {
        color: #ffaf5a;
    }
}

@media(max-width:750px) {
    .n-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .n-item {
        width: 100%;
        text-align: left;
    }

    .n-sub {
        width: 100%;
    }

    .n-f {
        font-size: 12px;
        margin-left: 0;
        margin-right: .2rem;
    }
}

.o-a {
    width: 100%;
    background-color: #fbfbfb;
    padding-bottom: .9rem;
    padding-top: .4rem;
}

.o-b {
    width: 14rem;
    margin: 0 auto;
}

.o-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    padding-bottom: .4rem;
}

.o-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    z-index: 8;
    background-color: #fff;
    width: 3.3rem;
    margin-right: .25rem;
    margin-bottom: .3rem;
    transition: all .5s;
}

.o-item:nth-child(4n) {
    margin-right: 0;
}

.o-c {
    width: 100%;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    overflow: hidden;
}

.o-c img {
    max-width: 95%;
    max-height: 95%;
    transform: scale(1.00);
    transition: all .5s;
}

.o-d {
    width: 100%;
    padding: .25rem .3rem;
}

.o-e {
    color: #666666;
    margin-bottom: .1rem;
}

.o-f {
    color: #333333;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.o-more {
    color: #999999;
}

.o-item:hover {
    box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
}

.o-item:hover .o-c img {
    transform: scale(1.05);
}

.o-item:hover .o-more {
    color: #2c44b5;
}

@media(max-width: 750px) {
    .o-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .o-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .o-item:nth-child(2n) {
        margin-right: 0;
    }

    .o-f {
        font-size: 14px;
    }

}

.p-a {
    width: 100%;
}

.p-b {
    width: 100%;
}

.p-cont {
    width: 14rem;
    margin: 0 auto;
}

.p-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.p-left {
    float: left;
}

.p-titles {
    color: #333333;
    line-height: 1rem;
    font-weight: bold;
}

.p-right {
    float: right;
}

.p-nav {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    color: #333333;
    line-height: 1rem;
    padding: 0 .8rem;
    border-bottom: .02rem solid transparent;
}

.p-nav.active {
    border-bottom: .02rem solid #2c44b5;
    color: #2c44b5;
}

.p-nav:hover {
    border-bottom: .02rem solid #2c44b5;
    color: #2c44b5;
}

@media(max-width: 750px) {
    .p-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .p-left {
        width: 100%;
        text-align: center;
    }

    .p-right {
        width: 100%;
        text-align: center;
    }

    .p-nav {
        padding: 0 .4rem;
    }
}

.q-a {
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .5rem;
    background-image: url('../images/a27.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-cont {
    width: 14rem;
    margin: 0 auto;
    font-size: 0;
}

.q-left {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
}

.q-big {
    width: 100%;
    margin-bottom: .2rem;
}

.q-b {
    width: 100%;
}

.q-item {
    width: 100%;
}

.q-c {
    display: block;
    width: 100%;
    /* height: 4rem; */
    line-height: 4rem;
    text-align: center;
}

.q-c img {
    display: inline-block;
    max-width: 60%;

    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0px 0px 10px #666;
}

.q-small {
    width: 3.6rem;
    padding: 0 .15rem;
    margin: 0 auto;
    position: relative;
}

.q-d {
    width: 100%;
}

.q-e {
    width: 33.33%;
    padding: 0 .15rem;
    cursor: pointer;
    border-radius: 3px;
}

.q-g {
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    border: solid 1px transparent;
}

.q-g img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.q-e.swiper-slide-active {
    border: solid 1px #2c44b5;
}

.q-prev {
    left: 0;
    margin-top: -.1rem;
    width: .11rem;
    height: .2rem;
    background-image: url('../images/a30.png');
    background-size: .11rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-prev:hover {
    background-image: url('../images/a30-b.png');
}

.q-next {
    right: 0;
    margin-top: -.1rem;
    width: .11rem;
    height: .2rem;
    background-image: url('../images/a31.png');
    background-size: .11rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-next:hover {
    background-image: url('../images/a31-b.png');
}

.q-right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 6rem);
    padding-left: 1.2rem;
}

.q-titles {
    color: #2c44b5;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .2rem;
}

.q-h {
    color: #2c44b5;
    line-height: 1.2;
    margin-bottom: .25rem;
}

.q-text {
    line-height: 2;
    color: #333333;
}

.q-text * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .q-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .q-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .q-right {
        width: 100%;
        padding-left: 0;
    }

    .q-text {
        line-height: 1.5;
    }
}

.r-a {
    width: 100%;
    padding: 1rem 0;
}

.r-cont {
    width: 14rem;
    margin: 0 auto;
    font-size: 0;
    display: flex;
    justify-content: space-between;
}

.r-left {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 8.05rem);
    padding-right: .2rem;
}

.r-titles {
    color: #2c44b5;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .2rem;
}

.r-b {
    color: #2c44b5;
    line-height: 1.2;
    margin-bottom: .25rem;
}

.r-text {
    line-height: .48rem;
    color: #333333;
}

.r-text * {
    line-height: inherit;
}

.r-right {
    display: inline-block;
    vertical-align: middle;
    width: 6.05rem;
}

.r-video {
    width: 100%;
    position: relative;
    background-color: #000;
}

.r-video video {
    width: 100%;
    height: 6rem;
}

.r-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.r-paly {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    background-image: url('../images/a32.png');
    background-size: .65rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.r-video.play .r-c {
    display: none;
}

@media(max-width: 750px) {
    .r-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        flex-wrap: wrap;
    }

    .r-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: .3rem;
    }

    .r-right {
        width: 100%;
    }
}

.s-a {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: .7rem;
    background-image: url('../images/b42.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.s-b {
    width: 14rem;
    margin: 0 auto;
}

.s-cont {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.s-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    padding: .5rem .3rem .3rem;
    width: 4.4rem;
    margin-right: .4rem;
    margin-bottom: .3rem;
    background-color: #fff;
}

.s-item:nth-child(3n) {
    margin-right: 0;
}

.s-c {
    width: 100%;
    height: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: .5rem;
}

.s-c img {
    max-width: 100%;
    max-height: 100%;
}

.s-d {
    color: #0c0e0f;
}

@media(max-width: 750px) {
    .s-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .s-item {
        width: 100%;
        margin-right: 0;
    }
}

.t-a {
    width: 100%;
    padding-top: .6rem;
    padding-bottom: .5rem;
}

.t-b {
    width: 14rem;
    margin: 0 auto;
}

.t-titles {
    width: 100%;
    color: #2c44b5;
    text-align: center;
    font-weight: bold;
    margin-bottom: .4rem;
}

.t-cont {
    width: 100%;
    line-height: 2;
}

.t-cont img {
    max-width: 100%;
    /* display: block; */
    /* margin: 0 auto .3rem; */
}

.t-cont table {
    width: 100% !important;
}

.t-cont td {
    line-height: 2;
    text-align: center;
}

.t-cont * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .t-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.u-a {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f8f8f8;
}

.u-b {
    width: 14rem;
    margin: 0 auto;
}

.u-cont {
    width: 100%;
    position: relative;
    background-color: #ffffff;
}

.u-map {
    position: absolute;
    top: 0;
    right: 0;
    width: 9rem;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.u-right {
    width: 5rem;
    padding: .75rem .5rem;
}

.u-c {
    color: #2c44b5;
    line-height: 1.2;
    margin-bottom: .55rem;
}

.u-d {
    color: #666666;
    line-height: 1.2;
    margin-bottom: .15rem;
}

.u-e {
    color: #2c44b5;
    font-weight: bold;
    margin-bottom: .5rem;
}

.u-f {
    width: 100%;
}

.u-g {
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: block;
    color: #666666;
    line-height: 1.8;
}

.u-gspan {
    color: #222222;
    line-height: 1.8;
}

@media(max-width: 750px) {
    .u-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-map {
        position: static;
        height: 6rem;
        width: 100%;
    }

    .u-right {
        width: 100%;
    }
}

.v-a {
    width: 100%;
    padding-top: .78rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #eeeeee;
}

.v-b {
    width: 14rem;
    margin: 0 auto;
}

.v-titles {
    color: #2c44b5;
    margin-bottom: .3rem;
}

.v-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}

.v-item {
    display: inline-block;
    vertical-align: top;
    padding: .4rem;
    border: solid 1px #cccccc;
    width: 4.5rem;
    margin-right: .25rem;
    margin-bottom: .3rem;
}

.v-item:nth-child(3n) {
    margin-right: 0;
}

.v-c {
    width: 100%;
    position: relative;
    letter-spacing: .02rem;
    color: #333333;
    line-height: 1.2;
}

.v-c:after {
    content: '';
    position: absolute;
    top: 0;
    left: -.4rem;
    width: .05rem;
    height: 1em;
    background-color: #2c44b5;
    border-radius: .03rem;
}

.v-d {
    width: 100%;
    position: relative;
    padding-top: .2rem;
    padding-right: .35rem;
}

.v-e {
    color: #333333;
    line-height: 1.3;
}

.v-e * {
    line-height: inherit;
}

.v-e p {
    margin-top: .15rem;
}

.v-f {
    position: absolute;
    bottom: 0;
    right: 0;
    width: .35rem;
    height: .4rem;
    background-image: url('../images/a33.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media(max-width: 750px) {
    .v-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .v-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .v-item:nth-child(3n) {
        margin-right: .3rem;
    }

    .v-item:nth-child(2n) {
        margin-right: 0;
    }

}

@media(max-width: 450px) {
    .v-item {
        width: 100%;
        margin-right: 0;
    }

    .v-item:nth-child(3n) {
        margin-right: 0;
    }

    .v-item:nth-child(2n) {
        margin-right: 0;
    }
}

.w-a {
    width: 100%;
    margin-top: .8rem;
    padding-bottom: .7rem;
}

.w-b {
    width: 14rem;
    margin: 0 auto;
}

.w-top {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    padding-bottom: .45rem;
    margin-bottom: .6rem;
}

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

.w-titles {
    color: #222222;
    font-weight: bold;
    margin-bottom: .2rem;
}

.w-d {
    color: #999999;
}

.w-nav {
    position: absolute;
    bottom: 0;
    right: 0;
}

.w-e {
    display: inline-block;
    vertical-align: top;
    margin-left: .35rem;
    padding: 0 .2rem;
    color: #333333;
    cursor: pointer;
    padding-bottom: .45rem;
    border-bottom: .03rem solid transparent;
}

.w-e:hover {
    border-bottom: .03rem solid #ffaf5a;
    color: #222222;
}

.w-e.active {
    border-bottom: .03rem solid #ffaf5a;
    color: #222222;
}

.w-cont {
    width: 100%;
}

.w-list {
    display: none;
    width: 100%;
    font-size: 0;
}

.w-list.show {
    display: flex;
    flex-wrap: wrap;
}

.w-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 4.3rem;
    margin-right: .5rem;
    margin-bottom: .3rem;
    border: solid 1px #eeeeee;
}

.w-item:nth-child(3n) {
    margin-right: 0;
}

.w-f {
    width: 100%;
    padding-top: 55.8%;
    position: relative;
    overflow: hidden;
}

.w-f img {
    transform: scale(1.00);
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.w-g {
    width: 100%;
    padding: .4rem .3rem .55rem;
}

.w-time {
    color: #666666;
    margin-bottom: .15rem;
}

.w-h {
    margin-bottom: .25rem;
    color: #222222;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w-i {
    width: 100%;
    border-top: 1px solid #eeeeee;
    padding-top: .25rem;
}

.w-j {
    color: #666666;
    line-height: 1.9;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w-item:hover {
    background-color: #2c44b5;
    box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.1);
}

.w-item:hover .w-f img {
    transform: scale(1.05);
}

.w-item:hover .w-time {
    color: #ffffff;
}

.w-item:hover .w-h {
    color: #ffffff;
}

.w-item:hover .w-i {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.w-item:hover .w-j {
    color: #ffffff;
}

@media(max-width: 750px) {
    .w-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .w-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .w-item:nth-child(3n) {
        margin-right: .3rem;
    }

    .w-item:nth-child(2n) {
        margin-right: 0;
    }

    .w-e {
        font-size: 12px;
        padding: 0 .1rem .45rem;
        margin-left: .1rem;
    }
}



.link {
    width: 100%;
    background-color: #f8f8f8;
    padding: .3rem 0;
}

.li-cont {
    width: 14rem;
    margin: 0 auto;
}

.li-b {
    display: inline;
    color: #333333;
    line-height: 2;
}

.li-c {
    display: inline;
}

.li-item {
    display: inline;
    color: #333333;
    line-height: 2;
    cursor: pointer;
}

.li-item:hover {
    color: #2c44b5;
}

.li-item:after {
    content: '/';
    padding: 0 .05rem;
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    line-height: 2;
}

.li-item:last-child:after {
    display: none;
}

@media(max-width: 750px) {
    .li-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .li-b {
        display: block;
        margin-bottom: .15rem;
    }

    .li-c {
        display: block;
    }

    .li-item {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
    }
}

body {
    padding-top: .9rem;
}

header {
    width: 100%;
    height: .9rem;
    background-color: #fff;
    position: fixed;
    z-index: 123456;
    left: 0;
    top: 0;
    box-shadow: 0 0 .04rem rgba(0, 0, 0, 0.1);
}

.h-a {
    width: 18rem;
    margin: 0 auto;
}

.h-index {
    margin-top: .04rem;
    display: block;
    float: left;
}

.h-logo {
    vertical-align: top;
    height: .60rem;
}

.h-right {
    font-size: 0;
    float: right;
}

.h-ul {
    display: inline-block;
    vertical-align: middle;
}

.h-li {
    display: inline-block;
    vertical-align: top;
    padding: 0 .37rem;
    position: relative;
}

.h-link {
    color: #333;
    line-height: .9rem;
    height: .9rem;
    display: block;
    transition: all .3s;
}

.h-li.active .h-link {
    color: #2c44b5;
    font-weight: bold;
}

.h-opa {
    width: 100%;
    height: 100%;
    position: fixed;
    left: -100000px;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    opacity: 0;
    transition: opacity .3s;
    cursor: pointer;
}

.h-sub {
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 100%;
    display: none;
    transform: translate(-50%, 0);
    padding: .18rem 0;
}

.h-sub>li {
    text-align: center;
    margin-bottom: 1em;
}

.h-sub>li:last-child {
    margin-bottom: 0;
}

.h-sub>li>a {
    color: #555;
    display: block;
    line-height: 2;
    text-align: center;
    border-bottom: 0.02rem solid transparent;
    transition: all .3s;
}

.h-lang {
    margin-left: .4rem;
    display: inline-block;
    vertical-align: middle;
    height: .35rem;
    border: 1px solid #ccc;
    border-radius: .18rem;
    position: relative;
    text-align: left;
}

.h-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    margin-top: 1px;
    display: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    border-radius: 0.05rem;
}

.h-one {
    display: block;
    font-size: 0;
    line-height: .33rem;
    padding-left: .18rem;
    border: 1px solid transparent;
}

.h-cur {
    font-size: 0;
    line-height: .33rem;
    padding-left: .18rem;
    padding-right: .18rem;
}

.h-cur:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .11rem;
    height: .06rem;
    background-image: url(../images/m4.png);
    background-size: 100% 100%;
    margin-left: .15rem;
}

.h-flag {
    width: .21rem;
    vertical-align: middle;
    margin-right: 0.07rem;
}

.h-span {
    color: #666;
    vertical-align: middle;
    display: inline-block;
}

body.lang-state .h-list {
    display: block;
}

.h-one:hover .h-span {
    color: #2c44b5;
}

@media(min-width: 1201px) {
    .h-link:hover {
        color: #2c44b5;
    }

    .h-sub>li>a:hover {
        color: #2c44b5;
    }
}

@media(max-width: 1920px) {
    header {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    }
}

@media(max-width: 1200px) {
    body {
        padding-top: 46px;
    }

    header {
        width: 100%;
        height: 46px;
    }

    .h-a {
        width: 100%;
        padding-left: 10px;
    }

    .h-ul {
        position: fixed;
        width: 280px;
        height: 100vh;
        padding: 10px 0;
        background-color: #fff;
        right: -280px;
        top: 0;
        z-index: 123456;
        transition: all .3s;
    }

    .h-li {
        width: 100%;
        padding: 0;
    }

    .h-link {
        line-height: 1.5;
        height: auto;
        padding: 10px 10px 10px 20px;
        border-bottom: none;
    }

    .h-sub {
        width: 100%;
        position: relative;
        display: none;
        padding: 0;
    }

    .h-sub>li {
        text-align: left;
        margin-bottom: 0;
    }

    .h-sub>li>a {
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        padding: 10px 10px 10px 40px;
    }

    .h-menu {
        display: block;
        width: 46px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url(../images/m2.png);
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    body.menu-state .h-ul {
        right: 0;
    }

    body.menu-state .h-opa {
        left: 0;
        opacity: 1;
    }

    .h-li.has-nav:after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-align-last: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
    }

    .h-li.has-nav.show:after {
        content: "-";
    }

    .h-li.active .h-link {
        color: #004ab8;
    }

    .h-index {
        margin-top: 13px;
    }

    .h-logo {
        height: 20px;
    }

    .h-lang {
        height: 32px;
        border-radius: 16px;
        position: absolute;
        right: 46px;
        top: 7px;
        border: none;
    }

    .h-cur {
        line-height: 30px;
        padding: 0 15px;
    }

    .h-flag {
        width: 20px;
    }

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

    .h-cur:after {
        width: 11px;
        height: 6px;
    }

    .h-one {
        padding-left: 15px;
        line-height: 30px;
    }
}

@media(max-width: 750px) {
    .h-sch .h-text {
        width: 220px;
    }
}

footer {
    width: 100%;
    background-color: #292a2e;
}

.f-a {
    width: 100%;
    border-bottom: 1px solid #303942;
    padding-top: .6rem;
    padding-bottom: .5rem;
}

.f-b {
    width: 14rem;
    margin: 0 auto;
}

.f-c {
    float: right;
}

.f-d {
    color: #fff;
    margin-bottom: .34rem;
}

.f-e {
    width: 1.08rem;
    border: 1px solid #efeff0;
    padding: 3px;
    background-color: #fff;
    min-width: 90px;
}

.f-f {
    width: 100%;
}

.f-nav {
    float: left;
}

.f-g {
    float: left;
    width: 1.8rem;
    padding-right: 10px;
}

.f-h {
    color: #fff;
    display: inline-block;
    margin-bottom: .3rem;
}

.f-i {
    width: 100%;
}

.f-j {
    display: block;
    margin-bottom: .1rem;
}

.f-j:last-child {
    margin-bottom: 0;
}

.f-k {
    display: inline-block;
    vertical-align: top;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.43;
    position: relative;
}

.f-o {
    float: left;
    width: 3.7rem;
    text-align: left;
    padding-right: .1rem;
}

.f-p {
    color: #fff;
    margin-bottom: .34rem;
}

.f-q {
    color: #fff;
    margin-bottom: 0.3rem;
    font-weight: bold;
}

.f-r {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.07rem;
    opacity: 0.5;
}

.f-s {
    display: inline-block;
    vertical-align: top;
    width: 10.57em;
    line-height: 2.856em;
    border-radius: 1.428em;
    margin-bottom: .22rem;
    background-color: #2c44b5;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.f-s:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.57em;
    height: 1.71em;
    background-image: url(../images/9.png);
    background-size: 100% 100%;
    margin-right: .1rem;
}

.f-t {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.43;
    margin-bottom: .1rem;
}

.f-t:last-child {
    margin-bottom: 0;
}

.f-bottom {
    width: 100%;
    padding: .38rem 0;
}

.f-bb {
    width: 14rem;
    margin: 0 auto;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.43;
}

.f-bb * {
    line-height: inherit;
}

.f-bb a {
    display: inline-block;
    vertical-align: top;
}

.f-left {
    float: left;
    font-size: 0;
}

.f-dt {
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    line-height: 1.43;
    padding-right: 1em;
}

.f-dd {
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    line-height: 1.43;
    padding: 0 1em;
    position: relative;
}

.f-dd:after {
    content: "";
    display: block;
    width: 1px;
    height: 1em;
    background-color: #2b343d;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
}

.f-dd:last-child {
    padding-right: 0;
    border-right: none;
}

.f-copy {
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 1.43;
    padding: 0 .3em;
}

.f-hot {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: .12rem;
}

@media(min-width: 1201px) {
    .f-k:hover {
        color: #fff;
    }

    .f-dd:hover {
        color: #fff;
    }

    .f-right a:hover {
        color: #fff;
    }
}

@media(max-width: 1200px) {
    .f-b {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        min-width: 0;
    }

    .f-bb {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        min-width: 0;
    }

    .f-o {
        float: left;
        text-align: left;
        margin-bottom: 20px;
    }

    .f-q {
        margin-bottom: 5px;
    }

    .f-r {
        margin-bottom: 5px;
    }

    .f-dt {
        padding-right: 0;
    }

    .f-g {
        width: 2.1rem;
    }

    .f-k {
        font-size: 12px;
    }

    .f-t {
        font-size: 12px;
    }

    .f-hot {
        font-size: 12px;
    }

    .f-bb {
        font-size: 12px;
    }

    .f-copy {
        font-size: 12px;
    }
}

@media(max-width: 750px) {
    .f-a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .f-b {
        max-width: 500px;
    }

    .f-c {
        float: none;
        width: 100%;
    }

    .f-d {
        margin-bottom: 10px;
    }

    .f-nav {
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .f-g {
        float: none;
        width: calc(100% + 20px);
        margin-bottom: 10px;
        padding-right: 0;
    }

    .f-g:last-child {
        margin-bottom: 0;
    }

    .f-h {
        margin-bottom: 8px;
    }

    .f-i {
        font-size: 0;
    }

    .f-j {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .f-o {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .f-bottom {
        padding: 15px 0;
    }

    .f-name {
        margin-bottom: 10px;
    }

    .f-copy {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.ma-a {
    width: 100%;
}

.ma-bn {
    width: 100%;
}

.ma-box {
    display: block;
    width: 100%;
    /*height: calc(100vh - 1.1rem);*/
    padding-top: 41.67% ;
    background-size: cover;
    background-position: center center;
}

.ma-img {
    width: 100%;
}

.ma-bn .swiper-pagination-bullet {
    width: 1.6rem;
    height: 0.02rem;
    background-color: rgba(44, 68, 181, 0.1);
    opacity: 1;
    border-radius: 0;
    position: relative;
}

.ma-bn .swiper-pagination-bullet:before {
    content: "";
    display: block;
    width: 100%;
    height: .2rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.1rem;
}

.ma-bn .swiper-pagination-bullet-active {
    background-color: #2c44b5;
}

.ma-bn.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .08rem;
}

.ma-bn.swiper-container-horizontal .swiper-pagination-bullets {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ma-next {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    transition: all .3s;
    border-left: .1rem solid rgba(44, 68, 181, 0.1);
    border-top: .07rem solid transparent;
    border-bottom: .07rem solid transparent;
    cursor: pointer;
    margin-left: .1rem;
}

.ma-bot {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: .56rem;
    z-index: 123;
    font-size: 0;
}

@media(max-width: 1920px) {
    .ma-next {
        border-left: 10px solid rgba(44, 68, 181, 0.1);
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }
}

@media(min-width: 1201px) {
    .ma-next:hover {
        border-left-color: #2c44b5;
    }
}

@media(max-width: 1200px) {
    .ma-box {
        height: auto;
        padding-top: 44.27%;
    }

    .ma-bot {
        bottom: 10px;
    }
}

@media(max-width: 750px) {
    .ma-box {
        padding-top: 58%;
    }

    .ma-bn .swiper-pagination-bullet {
        width: 30px;
    }
}

.mb-a {
    padding-top: 0.51rem;
    padding-bottom: 1.03rem;
    width: 100%;
}

.mb-cont {
    width: 14rem;
    margin: 0 auto;
}

.mb-title {
    text-align: center;
    width: 100%;
}

.mb-h1 {
    padding-bottom: 0.15rem;
    color: #222;
}

.mb-en {
    color: #999;
}

.mb-main {
    margin-top: 0.35rem;
    position: relative;
    width: 100%;
    height: 6rem;
}

.mb-left {
    width: 28.57%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: rgba(44, 68, 181, 0.5);
}

.mb-one {
    font-size: 0;
    line-height: 1rem;
    display: block;
    padding-left: .53rem;
    transition: all .5s;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.mb-one:after {
    content: "";
    color: #fff;
    font-size: .2rem;
    position: absolute;
    left: 3.33rem;
    top: 50%;
    transform: translate(0, -50%);
    width: .14rem;
    height: .14rem;
    background-image: url(../images/m24.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.mb-one.active {
    background-color: #ffaf5a;
    width: 4.5rem;
}

.mb-one.active:after {
    background-image: url(../images/m25.png);
}

.mb-img {
    vertical-align: middle;
    height: .7rem;
    width: .7rem;
    margin-right: .28rem;
}

.mb-t {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.mb-right {
    width: 100%;
    height: 100%;
    position: relative;
}

.mb-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
}

.mb-box.show {
    visibility: visible;
    opacity: 1;
}

.mb-text {
    right: .5rem;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    width: 3.4rem;
    height: 4.6rem;
    background-color: rgba(255, 255, 255, 0.6);
    padding: .83rem .3rem;
}

.mb-tit {
    padding-bottom: .28rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #222;
    position: relative;
    font-weight: bold;
}

.mb-tit:after {
    content: "";
    display: block;
    width: 1.15em;
    height: .04rem;
    background-color: #333;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.mb-intro {
    margin-top: .35rem;
    margin-bottom: .5rem;
    color: #666;
    line-height: .3rem;
    height: 1.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.mb-more {
    color: #fff;
    line-height: 0.5rem;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    min-width: 1.6rem;
    height: 0.5rem;
    padding: 0 .5em;
    background-color: #2c44b5;
}

.mb-more:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.06em;
    height: 1.06em;
    background-image: url(../images/m15.png);
    background-size: 100% 100%;
    margin-left: .2rem;
    cursor: pointer;
}

@media(max-width: 1200px) {
    .mb-text {
        width: 236px;
        height: auto;
    }

    .mb-intro {
        font-size: 14px;
        line-height: 20px;
        height: 80px;
    }

    .mb-more {
        font-size: 12px;
    }
}

@media(max-width: 1000px) {
    .mb-one:after {
        width: 8px;
        height: 8px;
    }
}

@media(max-width: 750px) {
    .mb-a {
        padding: 30px 10px;
    }

    .mb-cont {
        width: 100%;
        max-width: 500px;
    }

    .mb-main {
        height: auto;
    }

    .mb-left {
        width: 100%;
        font-size: 0;
        height: auto;
    }

    .mb-right {
        height: auto;
    }

    .mb-box {
        padding-top: 3rem;
        height: auto;
    }

    .mb-box.show {
        position: relative;
    }

    .mb-one {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

    .mb-one.active {
        width: 50%;
    }

    .mb-text {
        position: relative;
        right: auto;
        top: 0;
        transform: translate(0, 0);
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 30px 10px;
    }

    .mb-intro {
        height: auto;
    }

    .mb-t {
        font-size: 13px;
    }
}

@media(max-width: 400px) {
    .mb-one:after {
        right: 15px;
        left: auto;
    }
}

@media(max-width: 350px) {
    .mb-one:after {
        right: 10px;
    }
}

.mc-a {
    width: 100%;
}

.mc-top {
    padding-top: 0.62rem;
    padding-bottom: 1.8rem;
    width: 100%;
    background-color: #f0f0f0;
    background-image: url(../images/m23.jpg);
    background-size: cover;
    background-position: center center;
}

.mc-cont {
    width: 14rem;
    margin: 0 auto;
    font-size: 0;
}

.mc-links {
    width: 14rem;
    margin: 0 auto;
    font-size: 0;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.05);
}

.mc-left {
    float: left;
    width: 7rem;
}

.mc-img {
    width: 100%;
}

.mc-right {
    float: right;
    width: 6rem;
    padding-top: .95rem;
}

.mc-h1 {
    padding-bottom: 0.15rem;
    color: #222;
}

.mc-en {
    color: #999;
}

.mc-intro {
    color: #666;
    line-height: 2;
    padding-top: .3rem;
    padding-bottom: .63rem;
}

.mc-intro * {
    line-height: inherit;
}

.mc-more {
    color: #fff;
    line-height: 0.5rem;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    min-width: 1.6rem;
    height: 0.5rem;
    padding: 0 .5em;
    background-color: #2c44b5;
}

.mc-more:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.06em;
    height: 1.06em;
    background-image: url(../images/m15.png);
    background-size: 100% 100%;
    margin-left: .2rem;
    cursor: pointer;
}

.mc-bot {
    margin-top: -0.8rem;
    width: 100%;
}

.mc-link {
    font-size: 0;
    line-height: 1.6rem;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    background-color: #fff;
    transition: all .3s;
    border-bottom: .03rem solid transparent
}

.mc-ic {
    margin-right: 0.3rem;
    border: 1px solid #ffaf5a;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.mc-icon {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.mc-icon2 {
    visibility: hidden;
    opacity: 0;
}

.mc-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.mc-u {
    margin-bottom: 0.14rem;
    color: #555;
}

.mc-v {
    color: #999;
}

@media(min-width: 1201px) {
    .mc-link:hover {
        background-color: #f8f8f8;
        border-bottom-color: #2c44b5;
    }

    .mc-link:hover .mc-ic {
        border-color: #2c44b5;
    }

    .mc-link:hover .mc-icon1 {
        visibility: hidden;
        opacity: 0;
    }

    .mc-link:hover .mc-icon2 {
        visibility: visible;
        opacity: 1;
    }

    .mc-link:hover .mc-u {
        color: #2c44b5;
    }

    .mc-link:hover .mc-v {
        color: #2c44b5;
    }
}

@media(max-width: 1200px) {
    .mc-right {
        padding-top: 0;
    }

    .mc-more {
        font-size: 12px;
    }
}

@media(max-width: 750px) {
    .mc-top {
        padding: 30px 10px;
    }

    .mc-cont {
        width: 100%;
        max-width: 500px;
    }

    .mc-left {
        float: none;
        width: 300px;
        margin: 0 auto 20px;
    }

    .mc-right {
        float: none;
        width: 100%;
    }

    .mc-bot {
        margin-top: 0;
    }

    .mc-links {
        width: 100%;
        max-width: 500px;
        background-color: #fff;
        text-align: center;
    }

    .mc-u {
        font-size: 14px;
    }

    .mc-v {
        font-size: 12px;
    }

    .mc-ic {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }
}

@media(max-width: 500px) {
    .mc-link {
        width: auto;
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media(max-width: 360px) {
    .mc-links {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mc-link {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        line-height: 50px;
    }
}


.z-a {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .75rem;
}

.z-cont {
    width: 14rem;
    margin: 0 auto;
}

.z-wrap {
    width: 100%;
    padding-top: 49%;
    position: relative;
    margin-bottom: .65rem;
}

.z-box {
    width: 900px;
    height: 441px;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: left top;
}

.z-area {
    transition: all .3s;
    cursor: pointer;
}

.z-marker {
    cursor: pointer;
}

.z-title {
    color: #2c44b5;
    margin-bottom: 1.3rem;
}

.z-bar {
    margin-bottom: 0.2rem;
    font-size: 0;
    width: 100%;
    background-color: #f8f8f8;
}

.z-c {
    padding-left: 0.53rem;
    padding-right: 0.52rem;
    color: #1363a4;
    line-height: 0.7rem;
    display: inline-block;
    vertical-align: top;
    border-right: .02rem solid #fff;
}

.z-s {
    color: #333;
    line-height: 0.7rem;
    display: inline-block;
    vertical-align: top;
    border-right: .02rem solid #fff;
    padding-left: .3rem;
}

.z-list {
    width: 100%;
    display: none;
}

.z-list.show {
    display: block;
}

.z-item {
    padding-left: 0.4rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    width: 100%;
    background-color: #f8f8f8;
    margin-bottom: .2rem;
}

.z-box2 {
    margin-right: 0.91rem;
    overflow: hidden;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    float: left;
}

.z-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-right {
    float: left;
    width: 11rem;
}

.z-tit {
    margin-bottom: 0.2rem;
    color: #333;
}

.z-dls {
    font-size: 0;
    width: 100%;
}

.z-dl {
    width: 50%;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.z-dt {
    color: #333;
    line-height: 1.875;
    display: inline;
    font-weight: bold;
}

.z-dd {
    color: #666;
    line-height: 1.875;
    display: inline;
}

.z-carea {
    display: none;
    position: absolute;
    z-index: 999;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    padding: .3em 1em;
    transform: translate(-110%, -110%);
}

.z-carea.show {
    display: inline-block;
}

.z-s {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    height: .7rem;
    position: relative;
    padding-right: 30px;
    white-space: nowrap;
    min-width: 2.02rem;
}

.z-s .z-cur {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: .7rem;
    line-height: .7rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: .4rem;
}

.z-s select {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: .3rem;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.z-s:after {
    display: inline-block;
    content: "";
    width: .6875em;
    height: .375em;
    background-image: url(../images/z4.png);
    background-size: 100% 100%;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}

@media(max-width: 750px) {
    .z-a {
        padding: 30px 10px;
    }

    .z-cont {
        width: 100%;
        max-width: 500px;
    }

    .z-box2 {
        margin-bottom: 10px;
        float: none;
    }

    .z-dl {
        width: 100%;
    }

    .z-right {
        float: none;
        width: 100%;
    }
}

.xa-a {
    width: 100%;
    padding: .6rem 0;
}

.xa-b {
    width: 12rem;
    margin: 0 auto;
}

.xa-cont {
    width: 100%;
}

.xa-form {
    width: 100%;
}

.xa-titles {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: .3rem;
    color: #333;
}

.xa-item {
    width: 100%;
    font-size: 0;
    margin-bottom: .3rem;
}

.xa-c {
    display: inline-block;
    vertical-align: top;
    width: 6em;
    padding-right: .5em;
    text-align: right;
    line-height: 3;
}

.xa-d {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 6em);
    position: relative;
}

.xa-e {
    width: 100%;
    border: 1px solid #ccc;
    height: 3em;
    padding: 0 .2rem;
    color: #333;
}

.xa-textarea {
    width: 100%;
    height: 15em;
    padding: .5em .2rem;
    line-height: 2;
    border: 1px solid #ccc;
}

.xa-f {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 3em;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 3em;
    background-color: #fff;
    cursor: pointer;
}

.xa-f img {
    max-width: 90%;
    max-height: 90%;
}

.xa-g {
    width: 100%;
    padding-left: 6em;
    padding-top: .25rem;
}

.xa-submit {
    border: none;
    display: inline-block;
    width: 50%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    cursor: pointer;
    background-color: #ccc;
    color: #fff;
}

.xa-submit:hover {
    background-color: #1363a4;
}

@media(max-width: 750px) {
    .xa-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .xa-c {
        width: 100%;
        text-align: left;
        line-height: 2;
    }

    .xa-d {
        width: 100%;
    }

    .xa-e {
        height: 2.5em;
    }

    .xa-f {
        width: 80px;
        height: 2.5em;
        line-height: 2.5em;
    }

    .xa-submit {
        height: 2.5em;
        line-height: 2.5em;
    }

    .xa-g {
        padding-left: 0;
        text-align: center;
    }
}