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

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

@media(min-width: 1201px) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-crisp-edges;
        image-rendering: -moz-crisp-edges;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }
}

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 {
    font-size: 14px;
    color: #000;
    font-family: Arial;
}

body * {
    box-sizing: border-box;
}

#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 {
    display: block;
    width: 100%;
    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;
}

img[img-src] {
    opacity: 0;
}

img[done] {
    opacity: 1;
    transition: opacity .01s;
}

@media(max-width: 1200px) {
    img {
        image-rendering: auto;
    }
}

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

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

body {
    font-size: calc(16 * 1rem / 100);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

@media(max-width: 750px){
    .s12{font-size: 0.18rem;}
    .s13{font-size: 0.19rem;}
    .s14{font-size: 0.20rem;}
    .s15{font-size: 0.21rem;}
    .s16{font-size: 0.22rem;}
    .s17{font-size: 0.23rem;}
    .s18{font-size: 0.24rem;}
    .s19{font-size: 0.25rem;}
    .s20{font-size: 0.26rem;}
    .s21{font-size: 0.27rem;}
    .s22{font-size: 0.28rem;}
    .s23{font-size: 0.29rem;}
    .s24{font-size: 0.30rem;}
    .s25{font-size: 0.31rem;}
    .s26{font-size: 0.32rem;}
    .s27{font-size: 0.33rem;}
    .s28{font-size: 0.34rem;}
    .s29{font-size: 0.34rem;}
    .s30{font-size: 0.34rem;}
    .s31{font-size: 0.34rem;}
    .s32{font-size: 0.34rem;}
    .s33{font-size: 0.34rem;}
    .s34{font-size: 0.34rem;}
    .s35{font-size: 0.34rem;}
    .s36{font-size: 0.34rem;}
    .s37{font-size: 0.34rem;}
    .s34{font-size: 0.34rem;}
    .s39{font-size: 0.34rem;}
    .s40{font-size: 0.34rem;}
    .s41{font-size: 0.34rem;}
    .s42{font-size: 0.34rem;}
    .s43{font-size: 0.34rem;}
    .s44{font-size: 0.34rem;}
    .s45{font-size: 0.34rem;}
    .s46{font-size: 0.34rem;}
    .s47{font-size: 0.34rem;}
    .s48{font-size: 0.34rem;}
    .s49{font-size: 0.34rem;}
    .s50{font-size: 0.34rem;}
    .s51{font-size: 0.34rem;}
    .s52{font-size: 0.34rem;}
    .s53{font-size: 0.34rem;}
    .s54{font-size: 0.34rem;}
    .s55{font-size: 0.34rem;}
    .s56{font-size: 0.34rem;}
    .s57{font-size: 0.34rem;}
    .s58{font-size: 0.34rem;}
    .s59{font-size: 0.34rem;}
    .s60{font-size: 0.34rem;}
    .s61{font-size: 0.34rem;}
    .s62{font-size: 0.34rem;}
    .s63{font-size: 0.34rem;}
    .s64{font-size: 0.34rem;}
    .s65{font-size: 0.34rem;}
    .s66{font-size: 0.34rem;}
    .s67{font-size: 0.34rem;}
    .s68{font-size: 0.34rem;}
    .s69{font-size: 0.34rem;}
    .s70{font-size: 0.34rem;}
    .s71{font-size: 0.34rem;}
    .s72{font-size: 0.34rem;}
    .s73{font-size: 0.34rem;}
    .s74{font-size: 0.34rem;}
    .s75{font-size: 0.34rem;}
    .s76{font-size: 0.34rem;}
    .s77{font-size: 0.34rem;}
    .s78{font-size: 0.34rem;}
    .s79{font-size: 0.34rem;}
    .s80{font-size: 0.34rem;}
}

div.mCSB_scrollTools {
    width: 3px;
}

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

div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background-color: #0094d6;
    border-radius: 2px;
    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: #0094d6;
    filter: none;
    -ms-filter: none;
}

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

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

.my-scrollbar {
    overflow: auto;
    scrollbar-color: #076a96 #ededed;
    scrollbar-width: none;
    scrollbar-width: thin;
}

.my-scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.my-scrollbar::-webkit-scrollbar-thumb {
    border-radius: .05rem;
    box-shadow: inset 0 0 .05rem #ededed;
    background: #076a96;
}

.my-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .05rem #ededed;
    border-radius: .05rem;
    background: #ededed;
}

.my-scrollbar2 {
    overflow: auto;
    scrollbar-color: #dddddd transparent;
    scrollbar-width: none;
    scrollbar-width: thin;
}

.my-scrollbar2::-webkit-scrollbar {
    width: .05rem;
    height: 1px;
}

.my-scrollbar2::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 .05rem transparent;
    background: #dddddd;
}

.my-scrollbar2::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .05rem transparent;
    background: transparent;
}

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

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

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

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

/* 动画 */

.drop {
    opacity: 0;
    transform: translate3d(0, -80px, 0);
}

.drop.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.teaser {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.lter {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.rter {
    opacity: 0;
    transform: translate3d(80px, 0, 0);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.scale {
    opacity: 0;
    transform: scale(1.1);
}

.scale.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}

.reduce {
    opacity: 0;
    transform: scale(.9);
}

.reduce.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}


@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate(2em, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.word-in {
    opacity: 0;
}

.word-in.is-visible {
    opacity: 1;
}

.word-in>span {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

.word-in.is-visible>span {
    animation-name: fadeInRightSmall;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 288;
}

.h-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

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

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

.h-logo {
    display: block;
    font-size: 0;
    position: relative;
    z-index: 8;
}

.h-link {
    display: block;
    cursor: pointer;
    height: .8rem;
    line-height: .8rem;
}

.h-link img {
    max-width: none;
    height: .41rem;
}

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

.h-h {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.h-i {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    padding: 0 .3rem;
}

.h-j {
    display: inline-block;
    position: relative;
    color: #ffffff;
    height: .8rem;
    line-height: .8rem;
}

.h-j:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    overflow: hidden;
    height: .02rem;
    background-color: #fff;
}

.h-sub {
    display: none;
    min-width: 1rem;
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub>li>a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 8px;
    white-space: nowrap;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    transition: background-color .3s;
}

.h-sub>li>a:hover {
    color: #fff;
    background-color: #076a96;
}

.h-k {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 18;
}

.h-search {
    display: block;
    cursor: pointer;
    width: 1em;
    height: .8rem;
    background-image: url('../images/a2.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.hs-a {
    display: none;
    z-index: 108;
    white-space: nowrap;
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.hs-form {
    font-size: 0;
    display: inline-block;
}

.hs-text {
    border: none;
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 45px;
    background-color: #fff;
    color: #333;
}

.hs-submit {
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #006cb8;
    background-image: url('../images/a2.png');
    background-size: 18px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.header.search-state .hs-a {
    display: block;
}

.header.search-state .h-opa {
    display: block;
}

/* .h-language {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    position: relative;
    z-index: 18;
}

.hl-tip {
    display: none;
}

.hl-list {
    display: block;
}

.hl-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: .8rem;
    line-height: .8rem;
    color: #ffffff;
}

.hl-item:after {
    content: '/';
}

.hl-item:last-child:after {
    display: none;
} */

.h-language{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;z-index: 8;margin-left: .5rem;}
.hl-tip{display: block;color: #fff;height: .8rem;line-height: .8rem;}
.hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .08rem;width: 1.06em;height: .8rem;background-image: url('../images/a66.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.hl-list{max-height: 5rem;overflow: auto;display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);width:2rem; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item {display: block;cursor: pointer;word-break: break-all;padding: 10px 8px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover{color: #fff;background-color: #076a96;} 

.h-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: .8rem;
    height: .8rem;
    background-image: url('../images/a-menu.png');
    background-size: 60% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.h-opa {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    cursor: pointer;
}



@media(min-width: 1201px) {
    .header:hover {
        background-color: #076a96;
    }

    .header.color {
        background-color: #076a96;
    }

    body.no-banner {
        padding-top: .8rem;
    }

    body.no-banner .header {
        background-color: #076a96;
    }

    .h-i.has-nav2 {
        position: static;
    }

    .h-sub2 {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-align: left;
        z-index: 1000;
        background-color: rgba(0, 0, 0, .7);
    }

    .hb-cont {
        position: relative;
        width: 8.05rem;
        padding: .5rem 0 .5rem 4.8rem;
        border-right: 1px solid rgba(255, 255, 255, .5);
    }

    .hb-item {
        display: block;
        width: 100%;
    }

    .hb-onebox {
        display: block;
        width: 100%;
    }

    .hb-one {
        display: block;
        cursor: pointer;
        margin-bottom: .15rem;
        color: #ffffff;
        line-height: 1.6;
    }

    .hb-item.active .hb-one {
        color: #076a96;
    }

    .hb-item.active .hb-twobox {
        display: block;
    }

    .hb-twobox {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 4.4rem;
        padding: .5rem 0 .5rem .4rem;
        min-height: 100%;
        border-right: 1px solid rgba(255, 255, 255, .5);
    }

    .hb-two {
        display: block;
        width: 100%;
    }

    .hb-linkbox {
        display: block;
        width: 100%;
    }

    .hb-link {
        display: block;
        cursor: pointer;
        width: 100%;
        margin-bottom: .15rem;
    }

    .hb-link span {
        display: inline-block;
        position: relative;
        padding-right: .3rem;
        color: #ffffff;
        line-height: 1.6;
    }

    .hb-link span:before {
        display: none;
        content: '';
        position: absolute;
        top: 50%;
        left: -.4rem;
        transform: translate(0, -50%);
        width: .03rem;
        height: .3rem;
        background-color: #076a96;
    }

    .hb-link span:after {
        display: none;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: .08rem;
        height: 100%;
        background-image: url('../images/a63.png');
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .hb-two.active .hb-link span {
        text-decoration: underline;
    }

    .hb-two.active .hb-link span:before {
        display: block;
    }

    .hb-two.active .hb-link span:after {
        display: block;
    }

    .hb-two.active .hb-threebox {
        display: block;
    }

    .hb-threebox {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 5.7rem;
    }

    .hb-scrollbar {
        width: 100%;
        padding: .5rem 0 .5rem .4rem;
        max-height: calc(90vh - .8rem);
    }

    .hb-three {
        display: block;
        cursor: pointer;
        margin-bottom: .15rem;
        width: 100%;
        color: #ffffff;
        line-height: 1.6;
    }

    .hb-three:hover {
        text-decoration: underline;
    }
}

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

    .header {
        background-color: #076a96;
    }

    .h-main {
        max-width: 100%;
        padding: 0 .3rem;
    }

    .h-h {
        margin-left: 0;
        width: 260px;
        position: fixed;
        text-align: left;
        left: auto;
        right: 0;
        top: 0;
        height: 100vh;
        background-color: #fff;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: auto;
        z-index: 1000;
        transform: translate(100%, 0);
        transition: transform .3s;
    }

    .h-i {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-j {
        padding: 0;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #666;
        font-size: 16px;
    }

    .h-i.has-nav:after {
        content: "";
        background-image: url('../images/a-right.png');
        background-size: 16px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .h-i.has-nav.show:after {
        background-size: 18px auto;
        background-image: url('../images/a-down.png');
    }

    .h-sub {
        position: relative;
        top: 0;
        background-color: #fff;
        box-shadow: none;
        left: 0;
        transform: translate(0, 0);
        width: 100% !important;
    }

    .h-sub>li>a {
        white-space: normal;
        text-align: left;
        padding-left: 40px;
        color: #666;
        font-size: 14px;
    }

    .h-i.active .h-j {
        color: #076a96;
    }

    .h-i.has-nav2:after {
        content: "";
        background-image: url('../images/a-right.png');
        background-size: 16px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .h-i.has-nav2.show:after {
        background-size: 18px auto;
        background-image: url('../images/a-down.png');
    }

    .h-sub2 {
        display: none;
        width: 100%;
    }

    .hb-cont {
        width: 100%;
    }

    .hb-item {
        width: 100%;
    }

    .hb-onebox {
        display: block;
        position: relative;
        padding-right: 45px;
    }

    .hb-one {
        display: inline-block;
        vertical-align: top;
        padding: 10px 8px;
        padding-left: 30px;
        color: #666;
        font-size: 14px;
    }

    .hb-item.has-hbtwo .hb-onebox:after {
        content: "";
        background-image: url('../images/a-right.png');
        background-size: 16px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 100%;
        text-align: center;
        position: absolute;
        right: 5px;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .hb-item.show .hb-onebox:after {
        background-size: 18px auto;
        background-image: url('../images/a-down.png');
    }

    .hb-one:hover {
        color: #076a96;
    }

    .hb-twobox {
        display: none;
        width: 100%;
    }

    .hb-two {
        width: 100%;
    }

    .hb-linkbox {
        display: block;
        position: relative;
        padding-right: 45px;
    }

    .hb-link {
        display: inline-block;
        vertical-align: top;
        padding: 10px 8px;
        padding-left: 40px;
        color: #666;
        font-size: 14px;
    }

    .hb-two.has-hbthree .hb-linkbox:after {
        content: "";
        background-image: url('../images/a62.png');
        background-size: 12px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 100%;
        text-align: center;
        position: absolute;
        right: 5px;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .hb-two.show .hb-linkbox:after {
        background-image: url('../images/a62-b.png');
    }

    .hb-link:hover {
        color: #076a96;
    }

    .hb-threebox {
        display: none;
        width: 100%;
    }

    .hb-scrollbar {
        width: 100%;
    }

    .hb-three {
        display: block;
        padding: 10px 8px;
        padding-left: 50px;
        color: #666;
        font-size: 14px;
    }

    .hb-three:hover {
        color: #076a96;
    }

    .h-right {
        margin-right: .7rem;
    }

    /* 菜单 */
    .h-menu {
        display: block;
    }

    .header.menu-state .h-h {
        transform: translate(0, 0);
    }

    .header.menu-state .h-opa {
        display: block;
    }
}

@media(max-width: 500px) {
    .hs-text {
        width: 5rem;
        height: 35px;
    }

    .hs-submit {
        width: 35px;
        height: 35px;
    }
}

.footer {
    width: 100%;
    padding: .75rem .3rem .55rem;
    background-color: #343434;
}

.f-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

.f-top {
    width: 100%;
    padding-bottom: .3rem;
    display: flex;
    justify-content: space-between;
}

.f-item {
    display: block;
    padding-right: .15rem;
    margin-bottom: .2rem;
}

.f-item:last-child {
    padding-right: 0;
}

.f-one {
    display: block;
    margin-bottom: .15rem;
    width: 100%;
    color: #ffffff;
    line-height: 1.5;
}

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

.f-two {
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    line-height: 1.87;
}

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

.f-center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f-left {
    width: 4.6rem;
}

.f-titles {
    width: 100%;
    margin-bottom: .25rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.65;
}

.f-messagebox {
    width: 100%;
    padding-top: .05rem;
    margin-bottom: .5rem;
}

.f-message {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.f-message .f-icon {
    width: 1em;
    line-height: 1.87em;
}

.f-message .f-icon img {
    width: 100%;
    opacity: .5;
}

.f-message .f-text {
    flex: 1;
    padding-left: .15rem;
    line-height: 1.87;
    color: rgba(255, 255, 255, .5);
}

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

.f-share {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: .29rem;
}

.f-share:last-child {
    margin-right: 0;
}

.f-share .f-icon {
    transition: all ease .5s;
    height: 1em;
    opacity: .5;
}

.f-share .f-icon img {
    max-width: none;
    height: 100%;
}

.f-share:hover .f-icon {
    opacity: 1;
}

.f-right {
    width: 5.9rem;
}

.f-form {
    width: 100%;
}

.f-leavebox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f-leave {
    display: block;
    margin-bottom: .2rem;
    width: calc(50% - .1rem);
    position: relative;
    border: solid 1px rgba(255, 255, 255, .3);
}

.f-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .14rem;
    color: rgba(255, 255, 255, .3);
    line-height: .5rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .f-tip span{color: red;} */
.f-input {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: .5rem;
    padding: 0 .14rem;
    color: #fff;
}

.f-leave.hide .f-tip {
    opacity: 0;
}

.f-leave2{width: 100%;position: relative;}
.f-getcode{position: absolute;top: 0;right: 0;z-index: 18;display: block;cursor: pointer;width: 1.3rem;height: 100%;object-fit: contain;}


.f-buttom {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.f-hint {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    color: #076a96;
    background-color: #fff;
}

.f-hint:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .65rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5-b.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.f-submit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.f-buttom:hover .f-hint {
    background-color: #076a96;
    color: #fff;
}

.f-buttom:hover .f-hint:after {
    background-image: url('../images/a5.png');
}

.f-bottom {
    width: 100%;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}

.f-lt {
    flex: 1;
}

.f-link {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    color: rgba(255, 255, 255, .2);
    line-height: 1.6;
}

.f-lt a:hover {
    cursor: pointer;
    color: #fff;
}

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

.f-code {
    display: inline-block;
    vertical-align: top;
    margin-right: .23rem;
    width: 2rem;
    text-align: center;
}
.f-img{display: inline-block;width: 1rem;min-width: 80px;}
.f-img img {
    width: 100%;
}
.f-name{width: 100%;padding-top: .1rem;color: rgba(255, 255, 255, .5);line-height: 1.3;}

.f-code:last-child {
    margin-right: 0;
}

@media(max-width: 750px) {
    .f-code{width:  50%;margin-right: 0;padding: 0 .3rem;}
    .f-top {
        flex-wrap: wrap;
    }

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

    .f-twobox {
        width: 100%;
    }

    .f-two {
        display: inline-block;
        vertical-align: middle;
        margin-right: .25rem;
    }

    .f-center {
        margin-bottom: .3rem;
    }

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

    .f-right {
        width: 100%;
    }

    .f-lt {
        flex: none;
        width: 100%;
        text-align: center;
        padding: 0 .1rem;
        margin: 0 0 .2rem !important;
    }

    .f-rt {
        width: 100%;
        text-align: center;
    }
}

.subscribe {
    display: none;
    width: 100%;
}

.subscribe.show {
    display: block;
}

.subscribe-bg {
    width: 100%;
    background-color: #343434;
}

.subscribe-cont {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 68;
    width: 100%;
    padding: .25rem .3rem;
    background-color: #076a96;
}

.subscribe-form {
    width: 100%;
}

.subscribe-main {
    width: 100%;
    position: relative;
    max-width: 17.2rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.subscribe-close {
    position: absolute;
    right: -.55rem;
    top: -.05rem;
    display: block;
    cursor: pointer;
    width: .14rem;
    height: .14rem;
    background-image: url('../images/a18.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.subscribe-left {
    flex: 1;
    padding-right: .2rem;
}

.subscribe-titles {
    color: #ffffff;
    line-height: 1.6;
}

.subscribe-right {
    font-size: 0;
}

.subscribe-item {
    display: inline-block;
    vertical-align: top;
    margin-right: .2rem;
    width: 2.85rem;
    position: relative;
    border: solid 1px rgba(255, 255, 255, .3);
}

.subscribe-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .2rem;
    color: rgba(255, 255, 255, .3);
    line-height: .5rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .subscribe-tip span{color: red;} */
.subscribe-input {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    color: #fff;
}

.subscribe-item.hide .subscribe-tip {
    opacity: 0;
}

.subscribe-buttom {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.subscribe-hint {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    color: #076a96;
    background-color: #fff;
}

.subscribe-hint:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .65rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5-b.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.subscribe-submit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}

@media(max-width: 750px) {
    .subscribe-left {
        flex: 1;
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: .2rem;
    }

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

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

    .subscribe-buttom {
        display: block;
        margin: 0 auto;
        width: calc(50% - .15rem);
    }

    .subscribe-hint {
        width: 100%;
        text-align: center;
    }

    .subscribe-close {
        top: 0;
        right: 0;
        width: .2rem;
        height: .2rem;
    }
}

.sidebar {
    position: fixed;
    top: 50%;
    right: .1rem;
    z-index: 38;
    transform: translate(0, -50%);
    font-size: 0;
    background-color: #000000;
}

.sidebar-item {
    display: block;
    width: .45rem;
    position: relative;
}

.sidebar-link {
    transition: all ease .5s;
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #000000;
}

.sidebar-link img {
    width: 100%;
    height: .45rem;
    object-fit: contain;
}

.sidebar-item:hover .sidebar-link {
    background-color: #076a96;
}

@media(max-width: 750px) {
    .sidebar-item {
        width: .6rem;
    }

    .sidebar-link img {
        height: .6rem;
    }
}

.my-id {
    position: absolute;
    top: -.8rem;
    left: 0;
}

.my-top {
    width: 100%;
    text-align: center;
    padding-bottom: .55rem;
}

.my-titles {
    width: 100%;
    color: #333333;
    font-weight: bold;
    line-height: 1.2;
}

.my-synopsis {
    width: 100%;
    max-width: 61em;
    margin: 0 auto;
    padding-top: .32rem;
    color: #666666;
    line-height: 1.66;
}

.my-navbox {
    width: 100%;
    font-size: 0;
    text-align: center;
    padding-bottom: .35rem;
}

.my-nav {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 0 .17rem .2rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
}

.my-nav:hover {
    color: #076a96;
}

.my-nav.active {
    color: #076a96;
}

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

.a-b {
    width: 100%;
}

.a-item {
    display: block;
    cursor: pointer;
    width: 100%;
}

.a-link {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.a-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(940/1920*100%);
}

.a-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

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

.a-titles {
    width: 100%;
    position: relative;
    padding-bottom: .4rem;
    margin-bottom: .3rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.25;
}

.a-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .43rem;
    height: .04rem;
    background-color: #ffffff;
}

.a-intro {
    width: 100%;
    max-width: 30em;
    margin-bottom: .7rem;
    color: #ffffff;
    line-height: 2;
}

.a-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    color: #076a96;
    background-color: #fff;
}

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

.a-more:hover {
    background-color: #076a96;
    color: #fff;
}

.a-more:hover:after {
    background-image: url('../images/a5.png');
}

.a-titles,
.a-intro,
.a-more {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
}

.a-item.swiper-slide-active .a-titles {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-intro {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-more {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-titles {
    transition-delay: .5s;
}

.a-item.swiper-slide-active .a-intro {
    transition-delay: .7s;
}

.a-item.swiper-slide-active .a-more {
    transition-delay: .9s;
}

.a-scroll {
    position: absolute;
    bottom: .8rem;
    left: 50%;
    z-index: 28;
    transform: translate(-50%, 0);
    padding-bottom: .8rem;
    width: 5em;
    text-align: center;
    color: #ffffff;
    line-height: 1;
}

.a-scroll:before {
    content: '';
    position: absolute;
    bottom: .26rem;
    left: 0;
    width: 100%;
    height: .38rem;
    background-image: url('../images/a3.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-scroll:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .16rem;
    background-image: url('../images/a4.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-buttom {
    position: absolute;
    right: 1rem;
    bottom: 1.2rem;
    width: 1.2rem;
    height: .5rem;
}

.a-prev {
    left: 0;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-prev:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.a-next {
    transform: rotate(-180deg);
    right: 0;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-next:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

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

    .a-titles {
        padding-bottom: .15rem;
        margin-bottom: .2rem;
    }

    .a-intro {
        line-height: 1.5;
        margin-bottom: .3rem;
    }

    .a-more {
        line-height: .6rem;
    }

    .a-scroll {
        display: none;
    }

    .a-buttom {
        right: .3rem;
        bottom: .15rem;
    }
}

.b-a {
    width: 100%;
    padding: .95rem .1rem .88rem;
}

.b-a .my-top {
    padding-left: .1rem;
    padding-right: .1rem;
}

.b-main {
    width: 100%;
}

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

.b-b {
    width: 100%;
}

.b-b .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.b-item {
    width: 28.94%;
    transition: all ease .5s;
    padding: 0 .1rem;
}

.b-link {
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6rem;
    padding: .55rem .6rem;
    background-color: #eaeaea;
}

.b-img {
    position: absolute;
    bottom: .6rem;
    left: 0;
    width: 100%;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
}

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

.b-text {
    width: 100%;
    position: relative;
    z-index: 8;
}

.b-name {
    width: 100%;
    position: relative;
    padding-bottom: .25rem;
}

.b-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .36rem;
    height: .03rem;
    background-color: #076a96;
}

.b-name span {
    width: 100%;
    color: #333333;
    line-height: 1.38;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.b-more {
    transition: all ease .5s;
    display: none;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

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

.b-pagination {
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center;
    padding-top: .3rem;
}

.b-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    margin: .1rem .1rem 0;
    opacity: 1;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #bbbbbb;
}

.b-pagination .swiper-pagination-bullet-active {
    background-color: #076a96;
}

@media(min-width: 750px) {
    .b-item.active {
        width: 42.12%;
    }

    .b-item.active .b-text {
        text-align: center;
    }

    .b-item.active .b-name:after {
        display: none;
    }

    .b-item.active .b-more {
        display: inline-block;
    }
}

@media(max-width: 750px) {
    .b-item {
        width: 100%;
    }

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

    .b-name:after {
        display: none;
    }

    .b-more {
        display: inline-block;
        line-height: .6rem;
    }
}

.c-a {
    width: 100%;
    padding: .95rem .1rem .75rem;
    background-color: #076a96;
    background-image: url('../images/b4.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-a .my-top {
    padding: 0 .2rem 0;
}

.c-a .my-titles {
    color: #ffffff;
}

.c-a .my-synopsis {
    color: #ffffff;
}

.c-main {
    width: 100%;
    max-width: 17.6rem;
    margin: 0 auto;
}

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

.c-b {
    width: 100%;
}

.c-item {
    width: 25%;
    padding: .75rem .2rem;
    min-height: 7.7rem;
    position: relative;
}

.c-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.c-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(400/400*100%);
}

.c-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.c-text {
    width: 100%;
    padding: .3rem .4rem .45rem;
}

.c-name {
    width: 100%;
    position: relative;
    padding-bottom: .25rem;
    margin-bottom: .2rem;
}

.c-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .36rem;
    height: .03rem;
    background-color: #076a96;
}

.c-name span {
    width: 100%;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c-intro {
    width: 100%;
    color: #666666;
    line-height: 1.8;
    height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-more {
    transition: all ease .5s;
    display: none;
    vertical-align: top;
    cursor: pointer;
    margin-top: .2rem;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.c-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.c-link:hover .c-name span {
    color: #076a96;
}

.c-prev {
    left: -.55rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-prev:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.c-next {
    transform: rotate(-180deg);
    right: -.55rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-next:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

@media(min-width: 750px) {
    .c-link:hover {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: calc(100% - .4rem);
    }

    .c-link:hover .c-more {
        display: inline-block;
    }

    .c-link:hover .c-text {
        text-align: center;
        padding: .3rem .4rem .35rem;
    }

    .c-link:hover .c-name:after {
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media(max-width: 750px) {
    .c-item {
        width: 50%;
        padding: 0 .15rem;
        min-height: 1rem;
    }

    .c-text {
        padding: .3rem;
    }

    .c-more {
        line-height: .6rem;
    }

    .c-cont {
        padding-bottom: .8rem;
        padding-top: .55rem;
    }

    .c-prev {
        bottom: 0;
        top: auto;
        margin-top: 0;
        left: calc(50% - .8rem);
    }

    .c-next {
        bottom: 0;
        top: auto;
        margin-top: 0;
        right: calc(50% - .8rem);
    }
}

.d-a {
    width: 100%;
}

.d-top {
    width: 100%;
    padding: .95rem .3rem 1px;
}

.d-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

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

.d-swiper1 {
    width: 100%;
}

.d-b {
    width: 100%;
}

.d-item {
    display: block;
    width: 100%;
}

.d-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(840/1920*100%);
}

.d-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.d-swiper2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.d-c {
    width: 100%;
    height: 100%;
}

.d-nav {
    display: block;
    cursor: pointer;
    position: relative;
    width: 25%;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.d-link {
    transition: all ease .5s;
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
}

.d-box {
    transition: all ease .5s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: .3rem .6rem .88rem;
}

.d-nub {
    width: 100%;
    margin-bottom: .2rem;
    color: #ffffff;
    line-height: 1.6;
}

.d-name {
    width: 100%;
    position: relative;
    padding-bottom: .35rem;
}

.d-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .36rem;
    height: .03rem;
    background-color: #ffffff;
}

.d-name span {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.d-intro {
    display: none;
    width: 100%;
    margin-top: .25rem;
    color: #ffffff;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.d-more {
    transition: all ease .5s;
    display: none;
    vertical-align: top;
    cursor: pointer;
    margin-top: .53rem;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #fff;
    color: #076a96;
    ;
}

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

.d-prev {
    left: .25rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-prev:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.d-next {
    transform: rotate(-180deg);
    right: .25rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-next:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.d-nav:hover .d-link {
    background-color: rgba(7, 106, 150, .8);
}

.d-nav:hover .d-box {
    padding: .3rem .5rem 1rem;
}

.d-nav:hover .d-nub {
    display: none;
}

.d-nav:hover .d-name {
    font-size: 1.44em;
}

.d-nav:hover .d-intro {
    display: -webkit-box;
}

.d-nav:hover .d-more {
    display: inline-block;
}

@media(min-width: 750px) {
    .d-nav.active .d-link {
        background-color: rgba(7, 106, 150, .8);
    }

    .d-nav.active .d-box {
        padding: .3rem .5rem 1rem;
    }

    .d-nav.active .d-nub {
        display: none;
    }

    .d-nav.active .d-name {
        font-size: 1.44em;
    }

    .d-nav.active .d-intro {
        display: -webkit-box;
    }

    .d-nav.active .d-more {
        display: inline-block;
    }
}

@media(max-width: 750px) {
    .d-img {
        padding-top: calc(500/750*100%);
    }

    .d-swiper2 {
        left: .8rem;
        width: calc(100% - 1.6rem);
    }

    .d-c {
        border-left: 1px solid rgba(255, 255, 255, .2);
    }

    .d-nav {
        width: 50%;
    }

    .d-box {
        padding: .3rem !important;
    }

    .d-name span {
        -webkit-line-clamp: 2;
    }

    .d-intro {
        display: -webkit-box;
    }

    .d-more {
        line-height: .6rem;
    }

    .d-prev {
        left: -.65rem;
    }

    .d-next {
        right: -.65rem;
    }
}

.e-a {
    width: 100%;
}

.e-top {
    width: 100%;
    padding: .95rem .3rem 1px;
}

.e-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

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

.e-bottom {
    width: 100%;
    position: relative;
    background-color: #076a96;
}

.e-item {
    width: 100%;
    height: auto;
}

.e-link {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.e-img {
    width: 66.67%;
    height: 8.4rem;
    position: relative;
}

.e-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.e-text {
    width: 33.33%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    min-height: 5.4rem;
    padding: .3rem 1rem;
}

.e-name {
    width: 100%;
    position: relative;
    padding-bottom: .3rem;
    margin-bottom: .25rem;
}

.e-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .36rem;
    height: .03rem;
    background-color: #ffffff;
}

.e-name span {
    width: 100%;
    color: #ffffff;
    line-height: 1.36;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.e-intro {
    width: 100%;
    line-height: 1.8;
    color: rgba(255, 255, 255, .5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    min-height: 21.6em;
    -webkit-box-orient: vertical;
}

.e-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-top: .62rem;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #fff;
    color: #076a96;
    ;
}

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

.e-buttom {
    position: absolute;
    bottom: 1.15rem;
    right: 0;
    z-index: 18;
    width: 33.33%;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.e-lt {
    position: relative;
    width: 1.2rem;
    height: .5rem;
}

.e-prev {
    left: 0;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.e-prev:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.e-next {
    transform: rotate(-180deg);
    right: 0;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.e-next:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.e-rt {
    font-size: 0;
}

.e-nub {
    color: #ffffff;
    font-weight: bold;
}

.e-sum {
    color: #ffffff;
}

.e-line {
    color: #ffffff;
    margin: 0 .08rem;
}

.e-line:after {
    content: '/';
}

@media(max-width: 750px) {
    .e-img {
        width: 100%;
        height: auto;
        padding-top: calc(840/1280*100%);
    }

    .e-text {
        width: 100%;
        padding: .5rem .3rem 1.5rem;
    }

    .e-more {
        line-height: .6rem;
    }

    .e-intro{
        -webkit-line-clamp: 8;
        min-height: 14.4em;
    }

    .e-buttom {
        bottom: .3rem;
        padding: 0 .3rem;
        width: 100%;
    }
}

.g-a {
    width: 100%;
    padding: 1rem 0 1.2rem;
    position: relative;
}

.g-a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #f7f7f7;
}

.g-main {
    width: 100%;
    position: relative;
    z-index: 18;
}

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

.g-left {
    display: inline-block;
    vertical-align: middle;
    width: 43.75%;
    padding: .3rem .8rem .3rem 1rem;
}

.g-titles {
    width: 100%;
    position: relative;
    padding-bottom: .4rem;
    margin-bottom: .33rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.2;
}

.g-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .36rem;
    height: .03rem;
    background-color: #076a96;
}

.g-synopsis {
    width: 100%;
    margin-bottom: .75rem;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.g-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.g-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.g-item {
    display: inline-block;
    vertical-align: top;
    width: 27.27%;
    margin-right: 9.09%;
    margin-bottom: .5rem;
}

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

.g-box {
    width: 100%;
}

.g-nub {
    display: inline-block;
    vertical-align: bottom;
    color: #076a96;
    font-weight: bold;
    line-height: 1;
}

.g-unit {
    display: inline-block;
    vertical-align: bottom;
    color: #076a96;
    font-weight: bold;
}

.g-intro {
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: .15rem;
    margin-top: .2rem;
    color: #666666;
    line-height: 1.6;
}

.g-right {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 56.25%;
    position: relative;
}

.g-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(740/1080*100%);
}

.g-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.g-play {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
}

.g-icon {
    width: 100%;
}

.g-icon img {
    width: .82rem;
}

.g-tip {
    width: 100%;
    padding-top: .15rem;
    color: #fff;
    line-height: 1.5;
}

@media(max-width: 750px) {
    .g-a {
        padding: 0;
        background-color: #f7f7f7;
    }

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

    .g-left {
        width: 100%;
        padding: .5rem .3rem;
    }

    .g-list {
        padding-bottom: .15rem;
    }

    .g-more {
        line-height: .6rem;
    }

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

.i-a {
    width: 100%;
    padding: .95rem .3rem 1.2rem;
    background-color: #f1f1f1;
}

.i-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

.i-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.i-left {
    width: 8.6rem;
}

.i-one {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #076a96;
}

.i-one .i-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(410/860*100%);
}

.i-one .i-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.i-one .i-text {
    width: 100%;
    padding: .25rem .5rem;
}

.i-one .i-time {
    width: 100%;
    margin-bottom: .1rem;
    color: #ffffff;
    line-height: 1.6;
}

.i-one .i-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.1em;
    height: 1.6em;
    background-image: url('../images/a23-b.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-one .i-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.i-right {
    width: 8.2rem;
    position: relative;
}

.i-b {
    width: 100%;
    height: 100%;
}

.i-item {
    display: block;
    width: calc(50% - .2rem);
    margin-right: .4rem;
}

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

.i-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.i-link .i-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(244/390*100%);
}

.i-link .i-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.i-link .i-text {
    width: 100%;
    padding: .35rem;
}

.i-link .i-time {
    width: 100%;
    margin-bottom: .2rem;
    color: #333333;
    line-height: 1.6;
}

.i-link .i-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.1em;
    height: 1.6em;
    background-image: url('../images/a23.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-link .i-name {
    width: 100%;
    margin-bottom: .5rem;
    color: #333333;
    line-height: 1.6;
    height: 4.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.i-link .i-intro {
    width: 100%;
    color: #666666;
    line-height: 1.8;
    height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.i-link:hover .i-time {
    color: #076a96;
}

.i-link:hover .i-time:before {
    background-image: url('../images/a23-c.png');
}

.i-link:hover .i-name {
    color: #076a96;
}

.i-prev {
    top: 2.15rem;
    left: .3rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #076a96;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-next {
    transform: rotate(-180deg);
    top: 2.15rem;
    right: .3rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #076a96;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}


@media(min-width: 750px) {
    .i-prev.swiper-button-disabled {
        display: none;
    }

    .i-next.swiper-button-disabled {
        display: none;
    }
}

@media(max-width: 750px) {
    .i-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .i-one .i-text {
        padding: .3rem;
    }

    .i-right {
        width: 100%;
    }

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

    .i-link .i-text {
        padding: .2rem;
    }

    .i-link .i-name {
        margin-bottom: .3rem;
        height: 3.2em;
        -webkit-line-clamp: 2;
    }

    .i-right {
        padding-bottom: .8rem;
    }

    .i-prev {
        bottom: 0;
        top: auto;
        left: calc(50% - .8rem);
    }

    .i-next {
        bottom: 0;
        top: auto;
        right: calc(50% - .8rem);
    }
}


.j-a {
    width: 100%;
    padding: 1rem .3rem .95rem;
}

.j-a .my-top {
    text-align: left;
}

.j-form {
    width: 100%;
}

.j-main {
    width: 100%;
    max-width: 17.2rem;
    margin: 0 auto;
}

.j-cont {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.j-left {
    width: 5.6rem;
    padding-top: .15rem;
}

.j-buttombox {
    width: 100%;
}

.j-buttom {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.j-hint {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    color: #fff;
    background-color: #076a96;
}

.j-hint:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .65rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-submit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.j-right {
    width: 10.4rem;
}

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

.j-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-bottom: .2rem;
    border: solid 1px #999999;
}

.j-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .2rem;
    color: #999999;
    line-height: .5rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .j-tip span{color: red;} */
.j-input {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    color: #333;
}

.j-textarea {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 1.2rem;
    padding: .1rem .2rem;
    line-height: .3rem;
    color: #333;
}

.j-item.hide .j-tip {
    opacity: 0;
}

.j-intro {
    width: 100%;
    color: #999999;
    line-height: 1.6;
}


@media(min-width: 750px) {
    .j-three .j-item {
        width: 31.73%;
        margin-right: 2.4%;
    }

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

@media(max-width: 750px) {
    .j-left {
        width: 100%;
    }

    .j-right {
        width: 100%;
    }

    .j-tip {
        line-height: .6rem;
    }

    .j-input {
        height: .6rem;
    }

    .j-textarea {
        line-height: .4rem;
        height: 2rem;
    }

    .j-cont {
        padding-bottom: .8rem;
    }

    .j-buttombox {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
    }

    .j-hint {
        line-height: .6rem;
    }
}

.banner {
    width: 100%;
    position: relative;
}

.banner-img {
    width: 100%;
}

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

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14.4rem;
    min-height: 18.18%;
}

.banner-titles {
    width: 100%;
    position: relative;
    padding-bottom: .2rem;
    color: #ffffff;
    line-height: 1.25;
    font-weight: bold;
}

.banner-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .43rem;
    height: .04rem;
    background-color: #ffffff;
}

@media(max-width: 750px) {
    .banner-text {
        width: 100%;
        padding: 0 .3rem;
    }
}

.nav {
    width: 100%;
    padding: 0 .3rem;
    border-bottom: 1px solid #eeeeee;
}

.nav-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.nav-cont {
    width: 100%;
}

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

.nav-item {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    line-height: .6rem;
}

.nav-item:after {
    content: '-';
    margin: 0 .05rem;
}

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

.nav-item:nth-child(1):before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1em;
    height: .6rem;
    background-image: url('../images/a24.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media(max-width: 750px) {
    .nav-left {
        white-space: nowrap;
        overflow: auto;
    }
}

.classify {
    position: relative;
    width: 100%;
    padding: .4rem .3rem 0;
    border-bottom: 1px solid #f8f8f8;
}

.classify-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.classify-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 0;
}

.classify-left {
    max-width: 50%;
    font-size: 0;
    padding: .35rem 0;
}

.classify-titles {
    width: 100%;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.classify-right {
    flex: 1;
    text-align: right;
    width: 0;
}

.classify-b {
    display: inline-block;
    max-width: 100%;
    text-align: left;
}

.classify-item {
    display: block;
    cursor: pointer;
    width: auto;
    margin-right: .5rem;
    position: relative;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #333333;
    font-weight: bold;
}

.classify-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    height: .03rem;
    background-color: #076a96;
}

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

.classify-item:hover {
    color: #076a96;
}

.classify-item:hover:after {
    width: 100%;
}

.classify-item.active {
    color: #076a96;
}

.classify-item.active:after {
    width: 100%;
}

@media(max-width: 750px) {
    .classify-left {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: .15rem 0 0;
    }

    .classify-right {
        width: 100%;
        flex: none;
        text-align: center;
    }

    .classify-item {
        margin-right: .3rem;
    }
}

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

.paging-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: 3.12em;
    height: 3.12em;
    line-height: 3.12em;
    border-radius: 1.56em;
    color: #666666;
    border: 1px solid #e1e1e1;
}

.paging-item:hover {
    color: #fff;
    background-color: #076a96;
    border: 1px solid #076a96;
}

.paging-item.active {
    color: #fff;
    background-color: #076a96;
    border: 1px solid #076a96;
}

.paging-up {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: 3.12em;
    height: 3.12em;
    border-radius: 1.56em;
    color: transparent;
    border: 1px solid #e1e1e1;
    background-image: url('../images/a25.png');
    background-size: .5em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-up:hover {
    background-image: url('../images/a25-b.png');
    background-color: #076a96;
    border: 1px solid #076a96;
}

.paging-next {
    transform: rotate(-180deg);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: 3.12em;
    height: 3.12em;
    border-radius: 1.56em;
    color: transparent;
    border: 1px solid #e1e1e1;
    background-image: url('../images/a25.png');
    background-size: .5em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-next:hover {
    background-image: url('../images/a25-b.png');
    background-color: #076a96;
    border: 1px solid #076a96;
}

@media(max-width: 750px) {
    .paging-item {
        min-width: .6rem;
        height: .6rem;
        line-height: .6rem;
        border-radius: .3rem;
    }

    .paging-up {
        min-width: .6rem;
        height: .6rem;
        border-radius: .3rem;
    }

    .paging-next {
        min-width: .6rem;
        height: .6rem;
        border-radius: .3rem;
    }
}

.inside-top {
    width: 100%;
    text-align: center;
    padding-bottom: .75rem;
}

.inside-titles {
    width: 100%;
    color: #333333;
    line-height: 1.27;
    font-weight: bold;
}

.inside-synopsis {
    width: 100%;
    max-width: 61em;
    margin: 0 auto;
    padding-top: .22rem;
    color: #666666;
    line-height: 1.66;
}

.k-a {
    width: 100%;
    padding: .55rem .3rem 1.1rem;
    background-color: #f8f8f8;
}

.k-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.k-top {
    width: 100%;
    margin-bottom: .8rem;
    position: relative;
    background-color: #ffffff;
}

.k-b {
    width: 100%;
}

.k-item {
    width: 100%;
    height: auto;
    margin-right: 1px;
}

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

.k-link {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.k-link .k-img {
    width: 7.2rem;
    height: 4.5rem;
    position: relative;
    overflow: hidden;
}

.k-link .k-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.k-link .k-text {
    width: calc(100% - 8rem);
    padding-right: .5rem;
}

.k-link .k-time {
    width: 100%;
    margin-bottom: .4rem;
    color: #076a96;
    line-height: 1.6;
}

.k-link .k-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.1em;
    height: 1.6em;
    background-image: url('../images/a23-c.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-link .k-name {
    width: 100%;
    margin-bottom: .2rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.k-link .k-intro {
    width: 100%;
    margin-bottom: .5rem;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.k-link .k-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.k-link .k-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-link:hover .k-img img {
    transform: scale(1.05);
}

.k-link:hover .k-name {
    color: #076a96;
}

.k-bottom {
    width: 100%;
    padding-bottom: .1rem;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.k-one {
    display: block;
    cursor: pointer;
    width: 31.45%;
    margin-right: 2.82%;
    margin-bottom: .6rem;
    background-color: #ffffff;
}

.k-one:nth-child(3n) {
    margin-right: 0;
}

.k-one .k-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(283/453*100%);
}

.k-one .k-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.k-one .k-text {
    position: relative;
    width: 100%;
    padding: .3rem .35rem .35rem;
}

.k-one .k-text:after {
    opacity: 0;
    transition: all ease .5s;
    transform: rotate(-180deg);
    content: '';
    position: absolute;
    top: -.25rem;
    right: .3rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #076a96;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-one .k-time {
    width: 100%;
    margin-bottom: .2rem;
    color: #076a96;
    line-height: 1.6;
}

.k-one .k-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.1em;
    height: 1.6em;
    background-image: url('../images/a23-c.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-one .k-name {
    width: 100%;
    margin-bottom: .2rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
    height: 4.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.k-one .k-intro {
    width: 100%;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.k-one:hover .k-img img {
    transform: scale(1.05);
}

.k-one:hover .k-text:after {
    opacity: 1;
}

.k-one:hover .k-name {
    color: #076a96;
}

@media(max-width: 750px) {
    .k-link .k-img {
        width: 100%;
        height: auto;
        padding-top: calc(450/720*100%);
    }

    .k-link .k-text {
        width: 100%;
        padding: .3rem;
    }

    .k-link .k-more {
        line-height: .6rem;
    }

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

    .k-one:nth-child(3n) {
        margin-right: .3rem;
    }

    .k-one:nth-child(2n) {
        margin-right: 0;
    }

    .k-one .k-text {
        padding: .3rem;
    }
}

.l-a {
    width: 100%;
    padding: .75rem .3rem 1rem;
}

.l-main {
    width: 100%;
    max-width: 13.6rem;
    margin: 0 auto;
}

.l-top {
    width: 100%;
    text-align: center;
    margin-bottom: .55rem;
}

.l-titles {
    width: 100%;
    padding-bottom: .35rem;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
    font-weight: bold;
    line-height: 1.3;
}

.l-box {
    width: 100%;
    font-size: 0;
    padding: .08rem 0;
    border-bottom: 1px solid #eeeeee;
}

.l-time {
    display: inline-block;
    vertical-align: middle;
    padding: .1rem 0;
    margin: 0 .55rem;
    color: #888888;
    line-height: 1.6;
}

.l-time img {
    width: 1.12em;
    margin-right: .1rem;
}

.l-share {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .55rem;
    padding: .1rem 0;
}

.l-tip {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    color: #888888;
    line-height: 1.6;
}

.l-list {
    display: inline-block;
    vertical-align: middle;
}

.l-one {
    display: inline-block;
    vertical-align: middle;
    margin-right: .29rem;
    cursor: pointer;
}

.l-one:last-child {
    margin-right: 0;
}

.l-icon1 {
    display: block;
}

.l-icon1 img {
    max-width: none;
    height: 1.12em;
}

.l-icon2 {
    display: none;
}

.l-icon2 img {
    max-width: none;
    height: 1.12em;
}

.l-one:hover .l-icon1 {
    display: none;
}

.l-one:hover .l-icon2 {
    display: block;
}

.l-textbox {
    width: 100%;
    color: #666666;
    line-height: 1.8;
    margin-bottom: .75rem;
}

.l-textbox * {
    line-height: inherit;
    max-width: 100%;
}

.l-bottom {
    width: 100%;
    position: relative;
    text-align: center;
}

.l-bottom:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
}

.l-buttombox {
    display: inline-block;
    padding: 0 .35rem;
    background-color: #fff;
    position: relative;
    z-index: 8;
}

.l-buttom {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.l-buttom:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media(max-width: 750px) {
    .l-time {
        margin: 0 .2rem;
    }

    .l-share {
        margin: 0 .2rem;
    }
}




.m-a {
    width: 100%;
    padding: .95rem .3rem 1.2rem;
    background-color: #f8f8f8;
}

.m-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.m-cont {
    width: 100%;
}

.m-item {
    display: block;
    width: 31.45%;
    margin-right: 2.82%;
}

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

.m-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.m-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(283/453*100%);
}

.m-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.m-text {
    position: relative;
    width: 100%;
    padding: .3rem .35rem .35rem;
}

.m-text:after {
    opacity: 0;
    transition: all ease .5s;
    transform: rotate(-180deg);
    content: '';
    position: absolute;
    top: -.25rem;
    right: .3rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #076a96;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.m-time {
    width: 100%;
    margin-bottom: .2rem;
    color: #076a96;
    line-height: 1.6;
}

.m-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.1em;
    height: 1.6em;
    background-image: url('../images/a23-c.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.m-name {
    width: 100%;
    margin-bottom: .2rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
    height: 4.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.m-intro {
    width: 100%;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-link:hover .m-img img {
    transform: scale(1.05);
}

.m-link:hover .m-text:after {
    opacity: 1;
}

.m-link:hover .m-name {
    color: #076a96;
}


@media(max-width: 750px) {
    .m-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .m-text {
        padding: .3rem;
    }
}

.selectbox {
    width: 100%;
    position: relative;
    z-index: 8;
}

.select-tip {
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: .2rem;
    padding-right: .4rem;
    background-color: #ffffff;
}

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

.select-cur {
    display: block;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    color: #bbbbbb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-cur span {
    color: #ff0000;
}

.select-sub {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
}

.select-cont {
    width: 100%;
    max-height: 180px;
    overflow: auto;
}

.select-item {
    display: block;
    cursor: pointer;
    width: 100%;
    line-height: 1.6;
    padding: .1rem .15rem .1rem .2rem;
    color: #666666;
}

.select-item:hover {
    background-color: #076a96 !important;
    color: #fff;
}

.select-item.select {
    background-color: #f5f5f5;
}

.selectbox.show {
    z-index: 28;
}

.selectbox.show .select-sub {
    visibility: visible;
    z-index: 98;
    opacity: 1;
    transition: all ease .5s;
}

.selectbox.active .select-cur {
    color: #333333;
}

@media(max-width: 750px) {
    .select-cur {
        height: .6rem;
        line-height: .6rem;
    }
}



.multistagebox {
    width: 100%;
    position: relative;
    z-index: 8;
}

.multistage-tip {
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: .2rem;
    padding-right: .4rem;
    background-color: #ffffff;
}

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

.multistage-cur {
    display: block;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    color: #bbbbbb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multistage-cur span {
    color: #ff0000;
}

.multistage-sub {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
}

.multistage-cont {
    width: 100%;
    max-height: 380px;
    overflow: auto;
}

.multistage-item {
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
}

.multistage-onebox {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.multistage-onebox:after {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: .3rem;
    width: .12rem;
    height: 100%;
    background-image: url('../images/a65.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.multistage-one {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: .12rem .15rem .12rem .25rem;
    color: #666666;
    line-height: 1.7;
}

.multistage-one:hover {
    color: #076a96;
}

.multistage-one.select {
    color: #076a96;
}

.multistage-item.multistage_has-two .multistage-onebox:after {
    display: block;
}

.multistage-item.multistage_has-two .multistage-onebox {
    padding-right: .6rem;
}

.multistage-item.multistage_has-two .multistage-one {
    display: inline-block;
    width: auto;
}

.multistage-item.show .multistage-onebox:after {
    background-image: url('../images/a65-b.png');
}

.multistage-sub2 {
    display: none;
    width: 100%;
    border-top: 1px solid #f8f8f8;
}

.multistage-twobox {
    width: 100%;
}

.multistage-two {
    display: block;
    cursor: pointer;
    padding: .12rem .15rem .12rem .45rem;
    color: #666666;
    line-height: 1.7;
}

.multistage-two:hover {
    color: #076a96;
}

.multistage-two.select {
    color: #076a96;
}

.multistage-threebox {
    width: 100%;
}

.multistage-three {
    display: block;
    cursor: pointer;
    padding: .12rem .15rem .12rem .6rem;
    color: #666666;
    line-height: 1.7;
}

.multistage-three:hover {
    color: #000000;
    background-color: #f8f8f8;
}

.multistage-three.select {
    color: #000000;
    background-color: #f8f8f8;
}

.multistagebox.show {
    z-index: 28;
}

.multistagebox.show .multistage-sub {
    visibility: visible;
    z-index: 98;
    opacity: 1;
    transition: all ease .5s;
}

.multistagebox.active .multistage-cur {
    color: #666;
}


@media(max-width: 750px) {
    .multistage-cur {
        height: .6rem;
        line-height: .6rem;
    }
}

.n-a {
    width: 100%;
    padding: .9rem .3rem .45rem;
    background-color: #f8f8f8;
}

.n-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.n-top {
    width: 100%;
    padding-bottom: .3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.n-lt {
    font-size: 0;
    margin-bottom: .3rem;
}

.n-titles {
    width: 100%;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.n-rt {
    font-size: 0;
    position: relative;
    z-index: 8;
}

.n-select {
    display: inline-block;
    vertical-align: top;
    width: 2.8rem;
    margin-right: .3rem;
    margin-bottom: .3rem;
}

.n-select:last-child {
    margin-right: 0;
}

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

.n-item {
    display: inline-block;
    vertical-align: top;
    width: 19.44%;
    margin-right: 7.41%;
    text-align: center;
    margin-bottom: .75rem;
}

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

.n-imgbox {
    width: 100%;
    position: relative;
}

.n-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(396/280*100%);
}

.n-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.n-downloadbox {
    position: absolute;
    bottom: .15rem;
    left: 0;
    width: 100%;
    font-size: 0;
}

.n-download {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem .1rem;
    cursor: pointer;
    color: #ffffff;
    line-height: 1.6;
}

.n-download img {
    width: .19rem;
    margin-right: .1rem;
}

.n-text {
    width: 100%;
    padding-top: .35rem;
}

.n-name {
    width: 100%;
    color: #333333;
    font-weight: bold;
    line-height: 1.5;
}

@media(max-width: 750px) {
    .n-lt {
        width: 100%;
    }

    .n-rt {
        width: 100%;
    }

    .n-select {
        width: 100%;
        margin-right: 0;
    }

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

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

.o-a {
    position: relative;
    width: 100%;
    padding: .8rem .3rem .6rem;
    background-color: #f8f8f8;
}

.o-a .inside-top {
    text-align: left;
    padding-bottom: .45rem;
}

.o-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.o-top {
    width: 100%;
    padding-bottom: .8rem;
    margin-bottom: .7rem;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.o-left {
    width: 8rem;
    min-height: 2.6rem;
}

.o-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
}

.o-textbox * {
    line-height: inherit;
    max-width: 100%;
}

.o-right {
    width: 5.8rem;
}

.o-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(360/580*100%);
}

.o-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.o-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.o-item {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: .6rem;
}

.o-item:nth-child(1) {
    width: 100%;
}

.o-icon {
    display: block;
    background-image: url('../images/a32.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-icon img {
    width: .98rem;
    height: 1.1rem;
    object-fit: contain;
}

.o-text {
    flex: 1;
    padding-left: .4rem;
}

.o-name {
    width: 100%;
    margin-bottom: .05rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.5;
}

.o-intro {
    width: 100%;
    max-width: 61em;
    color: #333333;
    line-height: 1.8;
}

@media(max-width: 750px) {
    .o-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .o-right {
        width: 100%;
    }

    .o-item {
        width: 100%;
    }
}

.p-a {
    position: relative;
    width: 100%;
    padding: .85rem .3rem .75rem;
    background-image: url('../images/b31.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.p-a .inside-titles {
    color: #ffffff;
}

.p-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.p-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.p-item {
    display: block;
    width: 22.91%;
    margin-right: 2.78%;
    margin-bottom: .4rem;
    padding: .43rem .15rem .59rem;
    text-align: center;
    background-color: #ffffff;
}

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

.p-imgbox {
    display: inline-block;
    width: 100%;
    max-width: 2.07rem;
}

.p-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(207/207*100%);
}

.p-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.00);
    transition: all ease .5s;
}

.p-text {
    width: 100%;
    padding-top: .47rem;
}

.p-name {
    width: 100%;
    color: #333333;
    line-height: 1.3;
    font-weight: bold;
}

@media(max-width: 750px) {
    .p-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

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

    .p-name br {
        display: none;
    }
}

.q-a {
    position: relative;
    width: 100%;
    padding: .8rem .3rem 1.15rem;
    background-color: #f8f8f8;
}

.q-a .inside-top {
    padding-bottom: .55rem;
}

.q-form {
    width: 100%;
}

.q-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.q-cont {
    width: 100%;
}

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

.q-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-bottom: .3rem;
    border: solid 1px #dddddd;
}
.q-getcode{position: absolute;top: 0;right: 0;z-index: 18;display: block;cursor: pointer;width: 1.3rem;height: 100%;object-fit: contain;}


.q-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .2rem;
    color: #999999;
    line-height: .5rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .q-tip span{color: red;} */
.q-input {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    color: #333;
}

.q-textarea {
    position: relative;
    z-index: 8;
    width: 100%;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 1.2rem;
    padding: .1rem .2rem;
    line-height: .3rem;
    color: #333;
}

.q-item.hide .q-tip {
    opacity: 0;
}

.q-intro {
    width: 100%;
    color: #999999;
    line-height: 1.6;
}

.q-buttombox {
    width: 100%;
    text-align: center;
    padding-top: .55rem;
}

.q-buttom {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.q-hint {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    color: #fff;
    background-color: #076a96;
}

.q-hint:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .65rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-submit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}


@media(min-width: 750px) {
    .q-three .q-item {
        width: 31.94%;
        margin-right: 2.09%;
    }

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

@media(max-width: 750px) {
    .q-tip {
        line-height: .6rem;
    }

    .q-input {
        height: .6rem;
    }

    .q-textarea {
        line-height: .4rem;
        height: 2rem;
    }

    .q-hint {
        line-height: .6rem;
    }
}

.r-a {
    position: relative;
    width: 100%;
    padding: 1rem .3rem 1.2rem;
}

.r-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.r-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.r-left {
    width: 7.2rem;
}

.r-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(500/720*100%);
}

.r-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.r-right {
    width: calc(100% - 8.2rem);
}

.r-a .inside-top {
    text-align: left;
    padding-bottom: .45rem;
}

.r-a .inside-synopsis {
    max-width: 100%;
    padding-top: .4rem;
}

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

.r-share {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: .3rem;
    margin-top: .3rem;
}

.r-icon {
    display: block;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    text-align: center;
    background-color: #bbbbbb;
}

.r-icon img {
    height: 1em;
    max-width: none;
}

.r-share:last-child {
    margin-right: 0;
}

.r-share:hover .r-icon {
    background-color: #076a96;
}

@media(max-width: 750px) {
    .r-left {
        width: 100%;
        margin-bottom: .3rem;
    }

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

.s-a {
    width: 100%;
    padding: .8rem .3rem 1.1rem;
    background-color: #f8f8f8;
}

.s-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.s-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s-item {
    display: block;
    cursor: pointer;
    width: calc(50% - .3rem);
    margin-bottom: .55rem;
}

.s-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(430/690*100%);
}

.s-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.s-text {
    width: 100%;
    padding-top: .25rem;
}

.s-name {
    width: 100%;
    margin-bottom: .15rem;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.s-address {
    width: 100%;
    color: #666666;
    line-height: 1.6;
}

.s-address img {
    width: 1em;
    margin-right: .1rem;
}

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

.s-item:hover .s-name {
    color: #076a96;
}

@media(max-width: 750px) {
    .s-item {
        width: calc(50% - .15rem);
    }
}

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

.t-img {
    width: 100%;
}

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

.t-text {
    position: absolute;
    top: 14.14%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 14.4rem;
    text-align: center;
}

.t-titles {
    width: 100%;
    position: relative;
    padding-bottom: .1rem;
    color: #ffffff;
    line-height: 1.6;
    font-weight: bold;
}

.t-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: .38rem;
    height: .04rem;
    background-color: #076a96;
}

@media(max-width: 750px) {
    .t-text {
        width: 100%;
        padding-left: .3rem;
        padding-right: .3rem;
    }
}

.u-a {
    width: 100%;
    padding-bottom: .7rem;
}

.u-top {
    width: 100%;
    padding: 1rem .3rem 1px;
}

.u-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.u-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f8f8f8;
}

.u-left {
    width: 50%;
}

.u-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(750/960*100%);
}

.u-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.u-right {
    width: 50%;
    padding: 0 1.85rem 0 .8rem;
}

.u-titles {
    width: 100%;
    margin-bottom: .5rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.8;
}

.u-cont {
    width: 100%;
    padding-right: .6rem;
    max-height: 4.9rem;
    overflow: auto;
}

.u-item {
    width: 100%;
    margin-bottom: .35rem;
}

.u-item:last-child {
    margin-bottom: 0;
}

.u-name {
    width: 100%;
    margin-bottom: .15rem;
    color: #076a96;
    font-weight: bold;
    line-height: 1.5;
}

.u-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
}

.u-textbox * {
    line-height: inherit;
}



@media(max-width: 750px) {
    .u-left {
        width: 100%;
    }

    .u-right {
        width: 100%;
        padding: .3rem;
    }

    .u-cont {
        padding-right: 0;
        max-height: none;
    }
}

.ua-a {
    width: 100%;
    padding-bottom: .7rem;
}

.ua-top {
    width: 100%;
    padding: .65rem .3rem 1px;
}

.ua-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.ua-bottom {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
}

.ua-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.ua-left {
    width: 50%;
}

.ua-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(700/960*100%);
}

.ua-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.ua-right {
    width: 50%;
    padding: 0 .35rem;
    /* max-height: 4.5rem; */
    max-height: 5rem;
    overflow: auto;
}

.ua-name {
    width: 100%;
    margin-bottom: .45rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.5;
}

.ua-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
}

.ua-textbox * {
    line-height: inherit;
}

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

/* .ua-item:nth-child(4n + 4) {
    flex-direction: row-reverse;
} */

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

@media(max-width: 750px) {
    .ua-item {
        width: 100%;
    }

    .ua-left {
        width: 100%;
    }

    .ua-right {
        width: 100%;
        max-height: none;
        padding: .3rem;
    }
}

.ub-a {
    width: 100%;
    padding: .65rem .3rem .7rem;
}

.ub-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.ub-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
}

.ub-textbox * {
    line-height: inherit;
}


.uc-a {
    width: 100%;
    padding: .65rem .3rem .3rem;
}

.uc-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.uc-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.uc-item {
    display: block;
    width: calc(50% - .2rem);
    margin-bottom: .4rem;
}

.uc-img {
    width: 100%;
}

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

@media(max-width: 750px) {
    .uc-item {
        width: calc(50% - .15rem);
    }
}

.ud-a {
    width: 100%;
    padding: .65rem .3rem .3rem;
}

.ud-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.ud-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ud-item {
    display: block;
    width: calc(50% - .2rem);
    margin-bottom: .4rem;
}

.ud-img {
    width: 100%;
}

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

@media(max-width: 750px) {
    .ud-item {
        width: calc(50% - .15rem);
    }
}

.ue-a {
    width: 100%;
    padding: .65rem .3rem .3rem;
}

.ue-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.ue-video {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.ue-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(810/1440*100%);
}

.ue-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.ue-play {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
}

.ue-icon {
    width: 100%;
}

.ue-icon img {
    width: .82rem;
}

.ue-tip {
    width: 100%;
    padding-top: .15rem;
    color: #fff;
    line-height: 1.5;
}

.uf-a {
    width: 100%;
    padding: .65rem .13rem .7rem;
}

.uf-main {
    width: 100%;
    max-width: 14.74rem;
    margin: 0 auto;
}

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

.uf-item {
    width: 25%;
    height: auto;
    padding: 0 .17rem;
}

.uf-link {
    transition: all ease .5s;
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #ededed;
}

.uf-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(335/335*100%);
    background-color: #f8f8f8;
}

.uf-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.uf-text {
    width: 100%;
    padding: .25rem .3rem .35rem;
}

.uf-name {
    width: 100%;
    position: relative;
    padding-bottom: .18rem;
    margin-bottom: .15rem;
}

.uf-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .03rem;
    background-color: #076a96;
}

.uf-name span {
    width: 100%;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.uf-intro {
    width: 100%;
    color: #666666;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.uf-link:hover .uf-img img {
    transform: scale(1.05);
}

.uf-link:hover {
    background-color: #076a96;
}

.uf-link:hover .uf-name span {
    color: #fff;
}

.uf-link:hover .uf-name:after {
    background-color: #fff;
}

.uf-link:hover .uf-intro {
    color: #fff;
}

.uf-prev {left: -1rem; margin-top: -.25rem; width: .5rem; height: .5rem;border-radius: 50%;background-image: url('../images/a6.png');background-color: #bbbbbb;background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.uf-prev:hover {background-color: #076a96;}
.uf-next {transform: rotate(-180deg); right: -1rem;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-image: url('../images/a6.png');background-color: #bbbbbb;background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.uf-next:hover {background-color: #076a96;}
@media(max-width: 750px) {
    .uf-item {
        width: 50%;
        padding: 0 .15rem;
    }
    .uf-cont{padding-bottom: .8rem;}
    .uf-prev{bottom: 0;left: calc(50% - .8rem);top: auto;margin-top: 0;}
    .uf-next{bottom: 0;right: calc(50% - .8rem);top: auto;margin-top: 0;}
}

.ug-a {
    width: 100%;
    padding: .65rem 0 1.15rem;
}

.ug-main {
    width: 100%;
    max-width: 15rem;
    margin: 0 auto;
}

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

.ug-item {
    width: 50%;
    height: auto;
    padding: 0 .3rem;
}

.ug-link {
    display: block;
    cursor: pointer;
    width: 100%;
}

.ug-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(430/690*100%);
}

.ug-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.ug-text {
    width: 100%;
    padding-top: .25rem;
}

.ug-name {
    width: 100%;
    margin-bottom: .15rem;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ug-address {
    width: 100%;
    color: #666666;
    line-height: 1.6;
}

.ug-address img {
    width: 1em;
    margin-right: .1rem;
}

.ug-link:hover .ug-img img {
    transform: scale(1.05);
}

.ug-link:hover .ug-name {
    color: #076a96;
}

.ug-a.cont2 {
    background-color: #f8f8f8;
}

.ug-prev {left: -.87rem; margin-top: -.25rem; width: .5rem; height: .5rem;border-radius: 50%;background-image: url('../images/a6.png');background-color: #bbbbbb;background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.ug-prev:hover {background-color: #076a96;}
.ug-next {transform: rotate(-180deg); right: -.87rem;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-image: url('../images/a6.png');background-color: #bbbbbb;background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.ug-next:hover {background-color: #076a96;}
@media(max-width: 750px) {
    .ug-a {
        padding: .65rem .15rem .8rem;
    }

    .ug-item {
        padding: 0 .15rem;
    }

    .ug-cont{padding-bottom: .8rem;}
    .ug-prev{bottom: 0;left: calc(50% - .8rem);top: auto;margin-top: 0;}
    .ug-next{bottom: 0;right: calc(50% - .8rem);top: auto;margin-top: 0;}
}


.v-a {
    width: 100%;
    padding: .75rem .3rem .4rem;
    background-color: #f8f8f8;
}

.v-a .inside-top {
    text-align: left;
}

.v-a .paging {
    padding-bottom: .3rem;
}

.v-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.v-cont {
    width: 100%;
}

.v-item {
    position: relative;
    width: 100%;
    margin-bottom: .8rem;
}

.v-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
}

.v-left {
    width: 50%;
}

.v-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(470/720*100%);
}

.v-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.v-right {
    width: 50%;
    padding: 0 .75rem 0 .6rem;
}

.v-name {
    width: 100%;
    margin-bottom: .4rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v-intro {
    width: 100%;
    margin-bottom: .7rem;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.v-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.v-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.v-morebox{width: 100%;text-align: center;}
.v-mores {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.v-mores:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.v-bottom{width: 100%;padding-bottom: .5rem;display: flex;align-items: center;flex-wrap: wrap; justify-content: space-between;font-weight: bold;}
.v-lt{font-size: 0;padding-bottom: 0.3rem;}
.v-rt{font-size: 0;}
.v-back {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.v-back:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.v-item:hover .v-name {
    color: #076a96;
}

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

@media(max-width: 750px) {
    .v-left {
        width: 100%;
    }

    .v-right {
        width: 100%;
        padding: .3rem;
    }

    .v-name {
        margin-bottom: .25rem;
    }

    .v-intro {
        margin-bottom: .35rem;
    }

    .v-more {
        line-height: .6rem;
    }
}

.va-a {
    width: 100%;
    padding: 1rem .3rem;
    background-color: #f8f8f8;
}

.va-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.va-cont {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.va-left {
    width: 7.2rem;
}

.va-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(730/960*100%);
}

.va-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.va-right {
    width: 6.8rem; 
}

.va-titles {
    width: 100%;
    padding-bottom: .38rem;
    margin-bottom: .42rem;
    position: relative;
    color: #076a96;
    font-weight: bold;
    line-height: 1.27;
}

.va-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .46rem;
    height: .03rem;
    background-color: #076a96;
}

.va-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
    padding-right: .6rem;
    max-height: 3.8rem;
    overflow: auto;
}

.va-textbox * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .va-a{padding: .8rem .3rem;}
    .va-left {
        width: 100%;
    }

    .va-right {
        width: 100%;
        padding: .3rem 0 0;
    }

    .va-textbox {
        max-height: none;
        padding-right: 0;
    }
}

.vb-a {
    width: 100%;
    padding: 1rem .3rem;
}
.vb-a .inside-top{display: none;}
.vb-left .inside-top{display: block;text-align: left;padding-bottom: 0;}
.vb-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.vb-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.vb-right {
    width: 7.2rem;
}

.vb-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(730/960*100%);
}

.vb-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.vb-left {
    width: 6.8rem;
}

.vb-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
    max-height: 5.3rem;
    overflow: auto;
    padding-right: .45rem;
}

.vb-textbox * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .vb-a {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }

    .vb-right {
        width: 100%;
    }

    .vb-left {
        width: 100%;
        padding: .3rem 0 0;
    }

    .vb-textbox {
        max-height: none;
        padding-right: 0;
    }
}

.vc-a {
    width: 100%;
    padding: .95rem .3rem .65rem;
    background-color: #f6f6f6;
}

.vc-a .inside-top {
    padding-bottom: .48rem;
}

.vc-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.vc-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
}

.vc-textbox * {
    line-height: inherit;
}

.vd-a {
    width: 100%;
    padding: 1.15rem .3rem .6rem;
}

.vd-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.vd-cont {
    width: 100%;
    background-color: #f6f6f6;
}

.vd-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.vd-item:nth-child(2n + 1) {
    flex-direction: row-reverse;
}

.vd-left {
    width: 50%;
}

.vd-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(460/720*100%);
}

.vd-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.vd-right {
    width: 50%;
}

.vd-textbox {
    width: 100%;
    color: #333333;
    line-height: 1.8;
    max-height: 4.3rem;
    overflow: auto;
    padding: 0 .6rem;
}

.vd-textbox * {
    line-height: inherit;
}

.vd-textbox2 {
    width: 100%;
    color: #333333;
    line-height: 1.8;
    padding-top: 1.1rem;
}

.vd-textbox2 * {
    line-height: inherit;
}


@media(max-width: 750px) {
    .vd-left {
        width: 100%;
    }

    .vd-right {
        width: 100%;
    }

    .vd-textbox {
        max-height: none;
        padding: .3rem;
    }

    .vd-textbox2 {
        padding-top: .8rem;
    }
}

.ve-a {
    width: 100%;
    padding: .55rem .3rem .7rem;
}

.ve-a .inside-top {
    padding-bottom: .45rem;
}

.ve-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.ve-cont {
    width: 100%;
}

.ve-one {
    width: 100%;
    margin-bottom: .75rem;
}

.ve-one:last-child {
    margin-bottom: 0;
}

.ve-titles {
    width: 100%;
    margin-bottom: .45rem;
    text-align: center;
    color: #076a96;
    font-weight: bold;
    line-height: 1.4;
}

.ve-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
    justify-content: center;

}

.ve-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 50%;
}

.ve-left {
    width: 50%;
}

.ve-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(360/360*100%);
}

.ve-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.ve-right {
    width: 50%;
    padding: 0 .5rem;
    max-height: 3.4rem;
    overflow: auto;
}

.ve-name {
    width: 100%;
    margin-bottom: .15rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.8;
}

.ve-textbox {
    width: 100%;
    color: #888888;
    line-height: 1.8;
}

.ve-textbox * {
    line-height: inherit;
}

.ve-item:nth-child(4n + 3) {
    flex-direction: row-reverse;
}

.ve-item:nth-child(4n + 4) {
    flex-direction: row-reverse;
}

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

.ve-a.cont2 {
    padding: 1.15rem .3rem 1.35rem;
}

@media(max-width: 750px) {
    .ve-item {
        width: 100%;
    }

    .ve-left {
        width: 100%;
    }

    .ve-right {
        width: 100%;
        max-height: none;
        padding: .3rem;
    }
}

.w-a {
    width: 100%;
    padding: .75rem .3rem 1px;
    background-color: #f8f8f8;
}

.w-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.w-top {
    width: 100%;
    text-align: center;
    /* padding-bottom: .55rem; */
}

.w-titles {
    width: 100%;
    margin-bottom: .35rem;
    color: #333333;
    line-height: 1.27;
    font-weight: bold;
}

.w-synopsis {
    width: 100%;
    max-width: 67em;
    margin: 0 auto;
    color: #555555;
    line-height: 1.6;
}

.w-img {
    width: 100%;
}

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

@media(max-width: 750px) {
    .w-synopsis {
        text-align: left;
    }
}

.wa-a {
    width: 100%;
    padding: .65rem .3rem;
    background-color: #f8f8f8;
}

.wa-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.wa-top {
    width: 100%;
    text-align: center;
    padding-bottom: .5rem;
}

.wa-titles {
    width: 100%;
    margin-bottom: .3rem;
    color: #333333;
    line-height: 1.27;
    font-weight: bold;
}

.wa-synopsis {
    width: 100%;
    margin: 0 auto;
    color: #555555;
    line-height: 1.6;
}


.wa-synopsis * {
    line-height: inherit;
    max-width: 100%;
}
.wa-synopsis img{width: 100% !important;height: auto !important;}

.wa-synopsis2 {
    width: 100%; 
    text-align: center;
    margin-top: .3rem;
    color: #555555;
    line-height: 1.6;
}
.wa-synopsis2 * {
    line-height: inherit;
    max-width: 100%;
}

.wa-bottom {
    width: 100%;
}

.wa-item {
    display: block;
    width: 100%;
    margin-bottom: .75rem;
}

.wa-name {
    width: 100%;
    text-align: center;
    margin-bottom: .35rem;
    color: #076a96;
    font-weight: bold;
    line-height: 1.4;
}

.wa-img {
    width: 100%;
}

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

@media(max-width: 750px) {
    .wa-synopsis {
        text-align: left;
    }
}

.wb-a {
    overflow: hidden;
    width: 100%;
    padding: 1.15rem .15rem .65rem;
    background-color: #f8f8f8;
}

.wb-a .inside-top {
    padding-bottom: .7rem;
}

.wb-main {
    width: 100%;
    max-width: 14.7rem;
    margin: 0 auto;
}

.wb-bottom {
    width: 100%;
}

.wb-one {
    width: 100%;
    margin-bottom: 1.1rem;
}

.wb-one:last-child {
    margin-bottom: 0;
}

.wb-titles {
    width: 100%;
    margin-bottom: .35rem;
    text-align: center;
    color: #076a96;
    font-weight: bold;
    line-height: 1.4;
}

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

.wb-b {
    width: 100%;
    overflow: visible;
}

.wb-item {
    opacity: 0;
    width: 25%;
    height: auto;
    padding: 0 .15rem;
}

.wb-link {
    display: block;
    cursor: pointer;
    width: 100%;
}

.wb-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(339/339*100%);
}

.wb-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wb-text {
    width: 100%;
    padding-top: .25rem;
}

.wb-name {
    width: 100%;
    margin-bottom: .1rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wb-intro {
    width: 100%;
    color: #666666;
    line-height: 1.6;
}

.wb-link:hover .wb-img img {
    transform: scale(1.05);
}

.wb-link:hover .wb-name {
    color: #076a96;
}

.wb-b .wb-prev {
    top: 1.45rem;
    left: -.85rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wb-b .wb-prev:hover {
    background-color: #076a96;
}

.wb-b .wb-next {
    transform: rotate(-180deg);
    top: 1.45rem;
    right: -.85rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wb-b .wb-next:hover {
    background-color: #076a96;
}

.wb-item.swiper-slide-active {
    opacity: 1;
    transition: all ease .5s;
}

.wb-item.swiper-slide-active+.wb-item {
    opacity: 1;
    transition: all ease .5s;
}

@media(min-width: 750px) {
    .wb-item.swiper-slide-active+.wb-item+.wb-item {
        opacity: 1;
        transition: all ease .5s;
    }

    .wb-item.swiper-slide-active+.wb-item+.wb-item+.wb-item {
        opacity: 1;
        transition: all ease .5s;
    }
}

@media(max-width: 750px) {
    .wb-b {
        padding-bottom: .8rem;
    }

    .wb-b .wb-prev {
        bottom: 0;
        top: auto;
        margin-top: 0;
        left: calc(50% - .8rem);
    }

    .wb-b .wb-next {
        bottom: 0;
        top: auto;
        margin-top: 0;
        right: calc(50% - .8rem);
    }
}

.wc-a {
    width: 100%;
    padding: .7rem .3rem 1.15rem;
}

.wc-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.wc-cont {
    width: 100%;
    position: relative;
    text-align: center;
    padding-bottom: 1px;
}

.wc-cont:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #cde1ea;
}

.wc-top {
    display: inline-block;
    position: relative;
    z-index: 18;
    margin-bottom: .6rem;
    padding: .15rem;
    border-radius: 50%;
    background-color: #cde1ea;
}

.wc-logo {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    text-align: center;
    line-height: 1.8rem;
    border-radius: 50%;
    background-color: #076a96;
}

.wc-logo img {
    width: 1.45rem;
}

.wc-future {
    width: 100%;
    position: relative;
    z-index: 28;
    padding-top: .4rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.wc-future:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    background-color: #076a96;
}

.wc-bottom {
    width: 100%;
    text-align: left;
}

.wc-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-bottom: .8rem;
}

.wc-item:after {
    content: '';
    position: absolute;
    top: .5rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #cde1ea;
}

.wc-lt {
    width: 6.3rem;
}

.wc-img {
    width: 100%;
}

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

.wc-rt {
    width: 6.3rem;
    padding-top: .45rem;
}

.wc-year {
    width: 100%;
    position: relative;
    padding-bottom: .35rem;
    margin-bottom: .35rem;
    color: #333333;
    line-height: 1.27;
    font-weight: bold;
}

.wc-year:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cde1ea;
}

.wc-year:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .43rem;
    height: .05rem;
    background-color: #076a96;
}

.wc-intro {
    width: 100%;
    color: #333333;
    line-height: 1.5;
}


@media(min-width: 750px) {
    .wc-item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .wc-item:nth-child(2n) .wc-rt {
        text-align: right;
    }

    .wc-item:nth-child(2n) .wc-year:after {
        left: auto;
        right: 0;
    }
}

@media(max-width: 750px) {
    .wc-cont {
        text-align: left;
    }

    .wc-cont:after {
        left: .3rem;
    }

    .wc-top {
        padding: .1rem;
    }

    .wc-logo {
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
    }

    .wc-logo img {
        width: 60%;
    }

    .wc-item {
        padding-left: .6rem;
    }

    .wc-item:after {
        left: .2rem;
        transform: translate(0, 0);
    }

    .wc-lt {
        width: 100%;
    }

    .wc-rt {
        width: 100%;
    }

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

    .wc-future:after {
        left: .17rem;
        transform: translate(0, 0);
    }
}

.wd-a {
    overflow: hidden;
    width: 100%;
    padding: .95rem .08rem 1.15rem;
}

.wd-main {
    width: 100%;
    max-width: 14.84rem;
    margin: 0 auto;
}

.wd-cont {
    width: 100%;
}

.wd-one {
    width: 100%;
    padding-bottom: 1.15rem;
    margin-bottom: .95rem;
    border-bottom: 1px solid #cccccc;
}

.wd-one:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.wd-titles {
    width: 100%;
    padding: 0 .22rem;
    margin-bottom: .55rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.wd-swiper {
    width: 100%;
}

.wd-b {
    width: 100%;
    overflow: visible;
}

.wd-item {
    width: 100%;
    opacity: 0;
    text-align: center;
}

.wd-link {
    display: block;
    width: 100%;
    cursor: pointer;
}

.wd-imgbox {
    display: inline-block;
    padding: .17rem;
    position: relative;
}

.wd-img {
    display: block;
}

.wd-img img {
    width: 2.5rem;
    height: 3.63rem;
    object-fit: cover;
}

.wd-span {
    position: absolute;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.wd-span1 {
    top: 0;
    left: 0;
    width: .17rem;
    height: .17rem;
    background-image: url('../images/a35.png');
}

.wd-span2 {
    top: 0;
    left: .16rem;
    width: calc(100% - .32rem);
    height: .17rem;
    background-image: url('../images/a35-b.png');
}

.wd-span3 {
    top: 0;
    right: 0;
    width: .17rem;
    height: .17rem;
    background-image: url('../images/a35-c.png');
}

.wd-span4 {
    top: .16rem;
    right: 0;
    width: .17rem;
    height: calc(100% - .32rem);
    background-image: url('../images/a35-d.png');
}

.wd-span5 {
    bottom: 0;
    right: 0;
    width: .17rem;
    height: .17rem;
    background-image: url('../images/a35-e.png');
}

.wd-span6 {
    bottom: 0;
    right: .16rem;
    width: calc(100% - .32rem);
    height: .17rem;
    background-image: url('../images/a35-f.png');
}

.wd-span7 {
    bottom: 0;
    left: 0;
    width: .17rem;
    height: .17rem;
    background-image: url('../images/a35-g.png');
}

.wd-span8 {
    bottom: .16rem;
    left: 0;
    width: .17rem;
    height: calc(100% - .32rem);
    background-image: url('../images/a35-h.png');
}

.wd-text {
    width: 100%;
    padding: .55rem .15rem 0;
}

.wd-name {
    width: 100%;
    max-width: 18em;
    margin: 0 auto;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
}

.wd-b .wd-prev {
    top: 1.75rem;
    left: -.85rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wd-b .wd-prev:hover {
    background-color: #076a96;
}

.wd-b .wd-next {
    transform: rotate(-180deg);
    top: 1.75rem;
    right: -.85rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wd-b .wd-next:hover {
    background-color: #076a96;
}

.wd-one.horizontal .wd-img img {
    width: 2.9rem;
    height: 2.07rem;
}


.wd-item.swiper-slide-active {
    opacity: 1;
    transition: all ease .5s;
}

.wd-item.swiper-slide-active+.wd-item {
    opacity: 1;
    transition: all ease .5s;
}

@media(min-width: 750px) {
    .wd-item.swiper-slide-active+.wd-item+.wd-item {
        opacity: 1;
        transition: all ease .5s;
    }

    .wd-item.swiper-slide-active+.wd-item+.wd-item+.wd-item {
        opacity: 1;
        transition: all ease .5s;
    }

    .wd-one.horizontal .wd-b .wd-prev {
        top: .95rem;
    }

    .wd-one.horizontal .wd-b .wd-next {
        top: .95rem;
    }
}

@media(max-width: 750px) {
    .wd-b {
        padding-bottom: .8rem;
    }

    .wd-b .wd-prev {
        bottom: 0;
        top: auto;
        margin-top: 0;
        left: calc(50% - .8rem);
    }

    .wd-b .wd-next {
        bottom: 0;
        top: auto;
        margin-top: 0;
        right: calc(50% - .8rem);
    }
}

.we-a {
    width: 100%;
    padding: 1rem 0 1.2rem;
    background-color: #f8f8f8;
}

.we-main {
    width: 100%;
    margin: 0 auto;
}

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

.we-left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 .9rem 0 2.4rem;
}

.we-titles {
    width: 100%;
    position: relative;
    padding-bottom: .3rem;
    margin-bottom: .35rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.we-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .42rem;
    height: .04rem;
    background-color: #076a96;
}

.we-textbox {
    width: 100%;
    color: #555555;
    line-height: 1.6;
}

.we-textbox * {
    line-height: inherit;
}

.we-right {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 50%;
    position: relative;
}

.we-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(740/1080*100%);
}

.we-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.we-play {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
}

.we-icon {
    width: 100%;
}

.we-icon img {
    width: .82rem;
}

.we-tip {
    width: 100%;
    padding-top: .15rem;
    color: #fff;
    line-height: 1.5;
}

@media(max-width:1150px) {
    .we-left {
        padding: 0 .5rem;
    }
}

@media(max-width: 750px) {
    .we-a {
        padding: .8rem .3rem;
    }

    .we-left {
        width: 100%;
        padding: 0 0 .5rem;
    }

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

.wf-a {
    position: relative;
    width: 100%;
    padding: 1.05rem 0;
    min-height: 8rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.wf-line {
    position: absolute;
    top: 0;
    left: 25%;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, .2);
}

.wf-line2 {
    left: 50%;
}

.wf-line3 {
    left: 75%;
}

.wf-main {
    width: 100%;
    margin: 0 auto;
}

.wf-titles {
    position: relative;
    z-index: 8;
    width: 100%;
    text-align: center;
    padding: 0 .3rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.27;
}

.wf-cont {
    width: 100%;
    font-size: 0;
    padding-top: 1.5rem;
}

.wf-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    padding: .5rem .3rem 0;
}

.wf-box {
    width: 100%;
}

.wf-nub {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
}

.wf-unit {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
}

.wf-intro {
    width: 100%;
    padding-top: .55rem;
    max-width: 18em;
    margin: 0 auto;
    color: #ffffff;
    line-height: 1.6;
}

@media(max-width: 750px) {
    .wf-line {
        left: 50%;
    }

    .wf-line2 {
        display: none;
    }

    .wf-line3 {
        display: none;
    }

    .wf-item {
        width: 50%;
    }

    .wf-cont {
        padding-top: .5rem;
    }

    .wf-intro {
        padding-top: .3rem;
        font-size: .22rem;
    }
}


.wg-a {
    width: 100%;
    padding: .6rem 0;
    background-color: #f8f8f8;
}

.wg-main {
    width: 100%;
    margin: 0 auto;
}

.wg-cont {
    width: 100%;
}

.wg-one {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: .6rem 0;
}

.wg-left {
    width: 50%;
    position: relative;
}

.wg-b {
    width: 100%;
}

.wg-item {
    display: block;
    width: 100%;
}

.wg-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(660/960*100%);
}

.wg-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wg-b .wg-prev {
    top: auto;
    left: auto;
    right: 1.1rem;
    bottom: .5rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wg-b .wg-prev:hover {
    background-color: #076a96;
}

.wg-b .wg-next {
    transform: rotate(-180deg);
    top: auto;
    left: auto;
    right: .5rem;
    bottom: .5rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wg-b .wg-next:hover {
    background-color: #076a96;
}

.wg-one.hide .wg-b .wg-prev {
    display: none;
}

.wg-one.hide .wg-b .wg-next {
    display: none;
}

.wg-right {
    width: 50%;
    padding: 0 2.4rem 0 .8rem;
}

.wg-titles {
    width: 100%;
    position: relative;
    padding-bottom: .3rem;
    margin-bottom: .35rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.wg-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .42rem;
    height: .04rem;
    background-color: #076a96;
}

.wg-textbox {
    width: 100%;
    color: #555555;
    line-height: 1.6;
}

.wg-textbox * {
    line-height: inherit;
}


@media(min-width: 750px) {
    .wg-one:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .wg-one:nth-child(2n) .wg-right {
        padding: 0 .8rem 0 2.4rem;
    }

    .wg-one:nth-child(2n) .wg-b .wg-prev {
        left: .5rem;
        right: auto;
    }

    .wg-one:nth-child(2n) .wg-b .wg-next {
        left: 1.1rem;
        right: auto;
    }
}

@media(max-width:1150px) {
    .wg-right {
        padding: 0 .5rem !important;
    }
}

@media(max-width: 750px) {
    .wg-a {
        padding: .6rem .3rem;
    }

    .wg-one {
        padding: .3rem 0;
    }

    .wg-left {
        width: 100%;
    }

    .wg-right {
        width: 100%;
        padding: .5rem 0 0 !important;
    }

    .wg-b .wg-prev {
        left: .3rem;
        right: auto;
        bottom: .3rem;
    }

    .wg-b .wg-next {
        left: .9rem;
        right: auto;
        bottom: .3rem;
    }
}

.wh-a {
    width: 100%;
    padding: .9rem .3rem .55rem;
}

.wh-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.wh-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh-item {
    display: block;
    width: 30%;
    margin-right: 5%;
    text-align: center;
    margin-bottom: .6rem;
}

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

.wh-icon {
    display: inline-block;
    background-image: url('../images/a36.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.wh-icon img {
    width: 1.66rem;
    height: 1.51rem;
    object-fit: contain;
}

.wh-text {
    width: 100%;
    padding-top: .45rem;
}

.wh-name {
    width: 100%;
    margin-bottom: .3rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.3;
}

.wh-intro {
    width: 100%;
    color: #333333;
    line-height: 1.6;
}

.wh-intro * {
    line-height: inherit;
}

.wh-textbox {
    width: 100%;
    text-align: left;
    color: #333333;
    line-height: 1.6;
}

.wh-textbox * {
    line-height: inherit;
}

.wh-item:hover .wh-icon {
    background-image: url('../images/a36-b.png');
}

.wh-item:hover .wh-icon img {
    filter: grayscale(100%) brightness(500%);
}

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

.y-a {
    width: 100%;
    padding: 1rem .3rem .6rem;
}

.y-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

.y-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.y-left {
    width: 5rem;
}

.y-swiper1 {
    width: 100%;
    margin-bottom: .2rem;
    border: solid 1px #eeeeee;
}

.y-b {
    width: 100%;
}

.y-item {
    display: block;
    width: 100%;
    position: relative;
}

.y-link {
    display: block;
    width: 100%;
}

.y-img {
    width: 100%;
}

.y-img>img {
    width: 100%;
}

.y-img img {
    max-width: none;
}

.y-icon {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    width: .24rem;
}

.y-icon img {
    width: 100%;
}

.y-play {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 28;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.y-play img {
    width: .5rem;
}

.y-swiper2 {
    width: 100%;
}

.y-c {
    width: 100%;
    padding-bottom: 1px;
}

.y-nav {
    display: block;
    cursor: pointer;
    width: 22%;
    margin-right: 4%;
}

.y-nav:last-child {
    margin-right: 0;
}

.y-bg {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(110/110*100%);
    border: solid 1px #eeeeee;
}

.y-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.00);
    transition: all ease .5s;
}

.y-nav.active .y-bg {
    border: solid 1px #076a96;
}

.y-right {
    width: 8.1rem;
    padding-top: .4rem;
}

.y-box {
    position: relative;
    width: 100%;
    margin-bottom: .23rem;
}

/* .y-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: .04rem;background-color: #076a96;}  */
.y-titles {
    width: 100%;
    position: relative;
    padding-bottom: .15rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.3;
}

.y-model {
    width: 100%;
    color: #666666;
    line-height: 1.45;
}

.y-intro {
    width: 100%;
    color: #666666;
    line-height: 1.8;
}

.y-buttombox {
    display: flex;
    width: calc(100% + .2rem);
    font-size: 0;
    padding-top: .6rem;
}

.y-buttom {
    flex: 1;
    cursor: pointer;
    margin-top: .2rem;
    margin-right: .2rem;
    padding: 0 .15rem;
    min-width: 1.8rem;
    line-height: .5rem;
    text-align: center;
    color: #888888;
    background-color: #eeeeee;
}

.y-buttom:hover {
    background-color: #076a96;
    color: #fff;
}

@media(max-width: 750px) {
    .y-left {
        width: 100%;
    }

    .y-right {
        width: 100%;
    }

    .y-buttom {
        line-height: .6rem;
    }

    .y-img {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .y-img img {
        max-width: 100%;
    }

    .MagicThumb-expanded {
        display: none !important;
    }

    .MagicThumb-background {
        display: none !important;
    }

    .MagicZoomBigImageCont {
        display: none !important;
    }

    .MagicZoomPlusHint {
        display: none !important;
    }

    .MagicZoomPup {
        display: none !important;
    }
}

.ya-a {
    width: 100%;
    padding: .55rem 0 .5rem;
}

.ya-top {
    width: 100%;
    padding: 0 .3rem;
}

.ya-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
}

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

.ya-nav {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    padding-bottom: .1rem;
    margin: 0 .3rem .3rem;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
}

.ya-nav:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    height: .03rem;
    background-color: #076a96;
}

.ya-nav:hover {
    color: #076a96;
}

.ya-nav:hover:after {
    width: 100%;
}

.ya-nav.active {
    color: #076a96;
}

.ya-nav.active:after {
    width: 100%;
}

.ya-bottom {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ya-one {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all ease .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ya-one.show {
    position: relative;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

@media(max-width: 750px) {
    .ya-navbox {
        white-space: nowrap;
        overflow: auto;
    }

    .ya-nav {
        margin: 0 .15rem .3rem;
        font-size: .26rem;
    }
}

.yb-a {
    width: 100%;
    overflow: hidden;
    padding: .65rem 0 .7rem;
}

.yb-main {
    width: 100%;
    max-width: 10.65rem;
    margin: 0 auto;
}

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

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

.yb-b {
    width: 100%;
    overflow: visible;
}

.yb-item {
    display: block;
    width: 100%;
    padding: 0 .25rem;
}

.yb-link {
    display: block;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.yb-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(580/1015*100%);
}

.yb-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.yb-img:after {
    opacity: .5;
    transition: all ease .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.yb-text {
    opacity: 0;
    transition: all ease .5s;
    width: 100%;
    padding-top: .25rem;
}

.yb-name {
    width: 100%;
    margin-bottom: .55rem;
    color: #333333;
    line-height: 1.45;
    font-weight: bold;
}

.yb-more {
    transition: all ease .5s;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #076a96;
    color: #fff;
    ;
}

.yb-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .5em;
    height: 1em;
    background-image: url('../images/a5.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yb-link:hover .yb-img img {
    transform: scale(1.05);
}

.yb-link:hover .yb-name {
    color: #076a96;
}

.yb-item.swiper-slide-active .yb-img:after {
    opacity: 0;
}

.yb-item.swiper-slide-active .yb-text {
    opacity: 1;
}

.yb-prev {
    top: 2.65rem;
    left: -1.25rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%; 
    background-color: rgba(7,106,150,.5);
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yb-prev:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

.yb-next {
    top: 2.65rem;
    transform: rotate(-180deg);
    right: -1.25rem;
    margin-top: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
  background-color: rgba(7,106,150,.5);
    background-image: url('../images/a6.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yb-next:hover {
    background-image: url('../images/a6-b.png');
    background-color: #fff;
}

@media(max-width: 750px) {
    .yb-prev {
        top: 2rem;
        left: .5rem;
    }

    .yb-next {
        top: 2rem;
        right: .5rem;
    }
}

.yc-a {
    width: 100%;
    padding: .65rem .3rem .7rem;
}

.yc-main {
    width: 100%;
    max-width: 10.8rem;
    margin: 0 auto;
}

.yc-top {
    width: 100%;
    margin-bottom: .4rem;
    position: relative;
}

.yc-b {
    width: 100%;
}

.yc-item {
    display: block;
    width: calc(50% - .2rem);
    height: auto;
    margin-right: .4rem;
}

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

.yc-item .yc-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #076a96;
}

.yc-item .yc-imgbox {
    width: 100%;
    position: relative;
}

.yc-item .yc-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(300/520*100%);
    background-color: #f6f6f6;
}

.yc-item .yc-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.00);
    transition: all ease .5s;
}

.yc-item .yc-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 28;
    display: block;
    cursor: pointer;
    width: .5rem;
}

.yc-item .yc-play img {
    width: 100%;
}

.yc-item .yc-text {
    width: 100%;
    text-align: center;
    padding: .17rem .15rem;
}

.yc-item .yc-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.6;
}

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

.yc-prev {
    display: none;
    left: -1rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yc-prev:hover {
    background-color: #076a96;
}

.yc-next {
    display: none;
    transform: rotate(-180deg);
    right: -1rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yc-next:hover {
    background-color: #076a96;
}

.yc-top.show .yc-prev {
    display: block;
}

.yc-top.show .yc-next {
    display: block;
}

.yc-bottom {
    width: 100%;
    position: relative;
}

.yc-c {
    width: 100%;
}

.yc-one {
    display: block;
    width: calc(50% - .2rem);
    height: auto;
    margin-right: .4rem;
}

.yc-one:last-child {
    margin-right: 0;
}

.yc-one .yc-link {
    display: flex;
    align-items: center;
    padding: .2rem .3rem;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

.yc-one .yc-icon {
    display: block;
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
}

.yc-one .yc-icon img {
    width: .35rem;
}

.yc-one .yc-text {
    flex: 1;
    padding: 0 .3rem;
}

.yc-one .yc-name {
    width: 100%;
    max-width: 15em;
    color: #333333;
    line-height: 1.5;
}

.yc-one .yc-rt {
    font-size: 0;
}

.yc-one .yc-download {
    display: block;
    cursor: pointer;
    padding: .05rem 0;
    color: #888888;
    line-height: 1.6;
}

.yc-one .yc-download:hover {
    color: #076a96;
}

.yc-prev2 {
    display: none;
    left: -1rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yc-prev2:hover {
    background-color: #076a96;
}

.yc-next2 {
    display: none;
    transform: rotate(-180deg);
    right: -1rem;
    margin-top: -.25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-image: url('../images/a6.png');
    background-color: #bbbbbb;
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.yc-next2:hover {
    background-color: #076a96;
}

.yc-bottom.show .yc-prev2 {
    display: block;
}

.yc-bottom.show .yc-next2 {
    display: block;
}

@media(max-width: 750px) {
    .yc-item {
        width: 100%;
    }

    .yc-top.show {
        padding-bottom: .8rem;
    }

    .yc-prev {
        bottom: 0;
        left: calc(50% - .8rem);
        margin-top: 0;
        top: auto;
    }

    .yc-next {
        bottom: 0;
        right: calc(50% - .8rem);
        margin-top: 0;
        top: auto;
    }

    .yc-one {
        width: 100%;
    }

    .yc-bottom.show {
        padding-bottom: .8rem;
    }

    .yc-prev2 {
        bottom: 0;
        left: calc(50% - .8rem);
        margin-top: 0;
        top: auto;
    }

    .yc-next2 {
        bottom: 0;
        right: calc(50% - .8rem);
        margin-top: 0;
        top: auto;
    }
}

.yd-a {
    width: 100%;
    padding: .3rem .3rem .1rem;
}

.yd-main {
    width: 100%;
    max-width: 10.8rem;
    margin: 0 auto;
}

.yd-top {
    width: 100%;
    padding-bottom: .55rem;
    text-align: center;
}

.yd-titles {
    width: 100%;
    color: #333333;
    font-weight: bold;
    line-height: 1.27;
}

.yd-synopsis {
    width: 100%;
    max-width: 49em;
    margin: 0 auto;
    padding-top: .15rem;
    color: #333333;
    line-height: 1.5;
}

.yda-cont {
    width: calc(100% + .9rem);
    padding: .45rem 0 .25rem;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

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

.yda-item {
    display: inline-block;
    vertical-align: top;
    width: 16.66%;
    text-align: center;
    padding: 0 .1rem .4rem;
}

.yda-icon {
    position: relative;
    top: 0;
    transition: all ease .5s;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 50%;
    background-color: #eef5f7;
}

.yda-icon img {
    max-width: .5rem;
    max-height: .46rem;
}

.yda-text {
    width: 100%;
    padding-top: .3rem;
}

.yda-name {
    width: 100%;
    max-width: 9em;
    margin: 0 auto;
    color: #000000;
    line-height: 1.1;
}

.yda-item:hover .yda-icon {
    top: -.1rem;
}

@media(max-width: 750px) {
    .yda-cont {
        width: 100%;
    }

    .yda-item {
        width: 33.33%;
    }
}

.ydb-cont {
    width: 100%;
    padding: .45rem 0 .65rem;
}

.ydb-two {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ydb-list {
    display: block;
    width: calc(50% - .15rem);
}

.ydb-item {
    display: flex;
    flex-wrap: wrap;
}

.ydb-tip {
    display: flex;
    align-items: center;
    width: 2.5rem;
    padding: .15rem;
    color: #888888;
    line-height: 1.5;
}

.ydb-intro {
    flex: 1;
    width: 0;
    word-break: break-all;
    padding: .15rem;
    display: flex;
    align-items: center;
    color: #333333;
    line-height: 1.5;
}

@media(min-width: 750px) {
    .ydb-item:nth-child(2n + 1) {
        background-color: #f9f9f9;
    }

    /* .ydb-item:nth-child(2n + 1) .ydb-tip{padding-left: .4rem;} */
    /* .ydb-item:nth-child(4n + 2){background-color: #f9f9f9;}
    .ydb-item:nth-child(4n + 3) .ydb-tip{padding-left: .4rem;} */
}

@media(max-width: 750px) {
    .ydb-list {
        width: 100%;
    }

    .ydb-item:nth-child(2n + 1) {
        background-color: #f9f9f9;
    }
}

.ydc-cont {
    width: 100%;
    padding: .45rem 0 .35rem;
}

.ydc-bottom {
    width: 100%;
}

.ydc-img {
    width: 100%;
    margin-bottom: .3rem;
}

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


.yde-cont {
    width: 100%;
    padding: .45rem 0 .35rem;
}

.yde-bottom {
    width: 100%;
}

.yde-img {
    width: 100%;
    margin-bottom: .3rem;
    text-align: center;
}

.yde-img img {
    max-width: 100%;
}

.ydf-cont {
    width: 100%;
    padding: .45rem 0 .7rem;
}

.ydf-cont .yd-top {
    padding-bottom: .35rem;
}

.ydf-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ydf-img {
    width: 4.1rem;
    padding: 0 .25rem;
}

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

.ydf-text {
    flex: 1;
    padding-left: .7rem;
}

.ydf-textbox {
    width: 100%;
    max-width: 5.6rem;
    color: #333333;
    line-height: 1.5;
}

.ydf-textbox * {
    line-height: inherit;
}

.ydf-textbox p {
    padding: .1rem 0;
}

@media(max-width: 750px) {
    .ydf-img {
        width: 100%;
        margin-bottom: .3rem;
    }

    .ydf-text {
        flex: none;
        padding-left: 0;
        width: 100%;
    }

    .ydf-textbox {
        max-width: 100%;
    }
}

.ydg-cont {
    width: 100%;
    padding: .45rem 0 .2rem;
}

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

.ydg-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    width: 31.48%;
    margin-right: 2.78%;
    margin-bottom: .45rem;
}

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

.ydg-img {
    width: 100%;
    border: 1px solid #666;
    box-shadow: 0px 1px  .1rem 0px #666;
}

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

.ydg-text {
    width: 100%;
    padding-top: .15rem;
}

.ydg-name {
    width: 100%;
    color: #333333;
    line-height: 1.6;
}

@media(max-width: 750px) {
    .ydg-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

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

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

.ydh-cont {
    width: 100%;
    padding: .45rem 0 .35rem;
}

.ydh-cont .yd-top {
    padding-bottom: .25rem;
}

.ydh-bottom {
    width: 100%;
}

.ydh-img {
    width: 100%;
    margin-bottom: .3rem;
    text-align: center;
}

.ydh-img img {
    max-width: 100%;
}

.ydi-cont {
    width: 100%;
    padding: .45rem 0 .6rem;
}

.ydi-cont .yd-top {
    padding-bottom: .35rem;
}

.ydi-bottom {
    width: 100%;
}

.ydi-table table {
    width: 100%;
    border: none;
}

.ydi-table tr {
    width: 100%;
    border: solid 1px #f2f2f2;
}

.ydi-table td {
    width: 50%;
    word-break: break-all;
    border: none;
    text-align: center;
    padding: .12rem .15rem;
    color: #333333;
    line-height: 1.6;
}

.ydi-table td:nth-child(1) {
    border-right: solid 1px #f2f2f2;
}

.ydi-table tr:nth-child(1) {
    background-color: #f2f2f2;
}

.ydi-table tr:nth-child(1) td {
    padding: .15rem;
    line-height: 1.5;
    font-size: 1.25;
    color: #333333;
    font-weight: bold;
}

.ydi-table td img {
    margin: .2rem 0;
    max-width: 1.75rem;
}


.ye-a {
    width: 100%;
    padding: .7rem .15rem .65rem;
    background-color: #f6f6f6;
}

.ye-a .inside-top {
    padding-bottom: .55rem;
}

.ye-main {
    width: 100%;
    max-width: 11.1rem;
    margin: 0 auto;
}

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

.ye-item {
    width: 33.33%;
    height: auto;
    padding: 0 .15rem;
}

.ye-link {
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
}

.ye-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(340/340*100%);
    background-color: #fff;
}

.ye-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.ye-text {
    transition: all ease .5s;
    width: 100%;
    padding: .25rem .3rem .35rem;
    border-top: 1px solid #f6f6f6;
}

.ye-name {
    width: 100%;
    position: relative;
    padding-bottom: .18rem;
    margin-bottom: .15rem;
}

.ye-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .03rem;
    background-color: #076a96;
}

.ye-name span {
    width: 100%;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ye-intro {
    width: 100%;
    color: #666666;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ye-link:hover .ye-img img {
    transform: scale(1.05);
}

.ye-link:hover {
    background-color: #076a96;
}

.ye-link:hover .ye-name span {
    color: #fff;
}

.ye-link:hover .ye-name:after {
    background-color: #fff;
}

.ye-link:hover .ye-intro {
    color: #fff;
}

.ye-pagination {
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center;
    padding-top: .3rem;
}

.ye-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    margin: .1rem .1rem 0;
    opacity: 1;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #bbbbbb;
}

.ye-pagination .swiper-pagination-bullet-active {
    background-color: #076a96;
}

@media(max-width: 750px) {
    .ye-item {
        width: 50%;
        padding: 0 .15rem;
    }
}

.yf-a {
    width: 100%;
    padding: .45rem .1rem 1.2rem;
    background-color: #f6f6f6;
}

.yf-a .inside-top {
    padding-bottom: .55rem;
}

.yf-main {
    width: 100%;
    max-width: 11.3rem;
    margin: 0 auto;
}

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

.yf-item {
    width: 50%;
    height: auto;
    padding: 0 .2rem;
}

.yf-link {
    display: block;
    cursor: pointer;
    width: 100%;
}

.yf-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(324/520*100%);
}

.yf-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.yf-text {
    width: 100%;
    padding-top: .25rem;
}

.yf-name {
    width: 100%;
    margin-bottom: .1rem;
    color: #333333;
    line-height: 1.6;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.yf-address {
    width: 100%;
    color: #666666;
    line-height: 1.6;
}

.yf-address img {
    width: 1em;
    margin-right: .1rem;
}

.yf-link:hover .yf-img img {
    transform: scale(1.05);
}

.yf-link:hover .yf-name {
    color: #076a96;
}

.yf-pagination {
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center;
    padding-top: .25rem;
}

.yf-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    margin: .1rem .1rem 0;
    opacity: 1;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #bbbbbb;
}

.yf-pagination .swiper-pagination-bullet-active {
    background-color: #076a96;
}

@media(max-width: 750px) {
    .yf-a {
        padding: .65rem .15rem .8rem;
    }

    .yf-item {
        padding: 0 .15rem;
    }
}

.z-a {
    width: 100%;
    background-color: #fafafa;
}

.z-form {
    width: 100%;
}

.z-main {
    width: 100%;
    margin: 0 auto;
}

.z-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.z-left {
    width: 6.1rem;
    padding: .8rem 0 .8rem 2.4rem;
}

.z-top {
    position: relative;
    margin-bottom: .2rem;
    width: 100%;
    padding-right: .58rem;
    background-color: #ffffff;
}

.z-input {
    display: block;
    border: none;
    background-color: transparent;
    width: 100%;
    padding-left: .2rem;
    color: #333;
    height: .5rem;
}

.z-submit {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    border: none;
    background-color: transparent;
    width: .58rem;
    height: 100%;
    background-image: url('../images/a61.png');
    background-size: .18rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.z-right {
    flex: 1;
    padding: .8rem 2.4rem .8rem .5rem;
}

.z-titles {
    width: 100%;
    color: #333333;
    font-weight: bold;
    margin-bottom: .55rem;
}

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

.z-item {
    transition: all ease .5s;
    display: block;
    cursor: pointer;
    width: 32%;
    margin-right: 2%;
    margin-bottom: .4rem;
    background-color: #fff;
}

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

.z-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(320/320*100%);
    background-color: #f2f2f2;
}

.z-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.z-text {
    width: 100%;
    padding: .25rem .3rem .35rem;
    border-top: 1px solid #f6f6f6;
}

.z-box {
    width: 100%;
    position: relative;
    margin-bottom: .15rem;
}

/* .z-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: .03rem;background-color: #076a96;} */
.z-name {
    width: 100%;
    position: relative;
    padding-bottom: .18rem;
}

.z-name span {
    width: 100%;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.z-model {
    width: 100%;
    color: #666666;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.z-intro {
    width: 100%;
    color: #666666;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.z-item:hover {
    background-color: #076a96;
}

.z-item:hover .z-name span {
    color: #fff;
}

.z-item:hover .z-name:after {
    background-color: #fff;
}

.z-item:hover .z-intro {
    color: #fff;
}

.z-item:hover .z-model {
    color: #fff;
}

.z-bottom {
    width: 100%;
    position: relative;
    z-index: 18;
}

.z-nav {
    width: 100%;
    position: relative;
    margin-bottom: .2rem;
    background-color: #eeeeee;
}

/* .z-nav:after{content: '';position: absolute;bottom: 0;left: 0;width:calc(100% - .3rem);height: 1px;background-color: #eeeeee;} */
.z-onebox {
    display: block;
    cursor: pointer;
    width: 100%;
    padding-right: .6rem;
    position: relative;
}

.z-onebox:after {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: .2rem;
    width: .12rem;
    min-width: 10px;
    height: 100%;
    background-image: url('../images/a62.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.z-one {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: .16rem 0 .16rem .3rem;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
}

.z-one:hover {
    color: #076a96;
}

.z-nav.has-two .z-onebox:after {
    display: block;
}

.z-nav.show .z-onebox {
    background-color: #076a96;
}

.z-nav.show .z-onebox:after {
    background-image: url('../images/a62-b.png');
}

.z-nav.show .z-one {
    color: #fff !important;
}

.z-twobox {
    display: none;
    width: 100%;
}

.z-two {
    width: 100%;
    position: relative;
}

.z-linkbox {
    display: block;
}

.z-link {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: .12rem .3rem;
    color: #333333;
    line-height: 1.6;
    font-weight: bold;
}


.z-threebox {
    width: 5.6rem;
    padding: .45rem .2rem .45rem .45rem;
    background-color: #eaeaea;
    box-shadow: 0px 0px .24rem 0px rgba(202, 202, 202, 0.4);
}

.z-scrollbar {
    display: block;
    padding-right: .4rem;
    max-height: 3.9rem;
    overflow: auto;
}

.z-three {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: .11rem 0;
    color: #666666;
    line-height: 1.6;
}

.z-three:hover {
    color: #076a96;
    text-decoration: underline;
}

.z-three.active {
    color: #076a96;
    text-decoration: underline;
}


@media(min-width: 750px) {
    .z-two:hover .z-link {
        color: #076a96;
        background-color: #e4eaed;
    }

    .z-link.active {
        color: #076a96;
        background-color: #e4eaed;
    }

    .z-threebox {
        display: none;
        z-index: 38;
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate(0, -50%);
    }

    .z-two:hover .z-threebox {
        display: block;
    }

    .z-threebox {
        width: 3.5rem;
        background-color: #e4eaed;
    }
}



.z-two.has-three2 .z-linkbox {
    cursor: pointer;
    position: relative;
    padding-right: .4rem;
}

.z-two.has-three2 .z-linkbox:after {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: .2rem;
    width: .12rem;
    min-width: 10px;
    height: 100%;
    background-image: url('../images/a62.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.z-two.has-three2 .z-link {
    display: inline-block;
    width: auto;
    background-color: transparent !important;
}

.z-two.has-three2 .z-linkbox:after {
    display: block;
}

.z-two.show .z-linkbox:after {
    background-image: url('../images/a62-c.png');
}

.z-threebox2 {
    display: none;
    width: 100%;
    padding: .3rem;
    background-color: #fff;
}

.z-scrollbar2 {
    width: 100%;
}

.z-three2 {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: .11rem 0;
    color: #666666;
    line-height: 1.6;
}

.z-three2:hover {
    color: #076a96;
    text-decoration: underline;
}

.z-three2.active {
    color: #076a96;
    text-decoration: underline;
}

@media(max-width: 750px) {
    .z-left {
        width: 100%;
        padding: .3rem;
    }

    .z-input {
        height: .6rem;
    }

    .z-threebox {
        display: none;
        width: 100%;
        padding: .3rem;
        background-color: #fff;
    }

    .z-scrollbar {
        padding-right: 0;
        max-height: none;
    }

    .z-linkbox {
        position: relative;
        padding-right: .9rem;
    }

    .z-linkbox:after {
        display: none;
        content: '';
        position: absolute;
        top: 0;
        right: .6rem;
        width: .12rem;
        min-width: 10px;
        height: 100%;
        background-image: url('../images/a62.png');
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .z-link {
        display: inline-block;
        width: auto;
        padding: .2rem .2rem;
    }

    .z-two.has-three .z-linkbox:after {
        display: block;
    }

    .z-two.show .z-linkbox:after {
        background-image: url('../images/a62-c.png');
    }

    .z-two.has-three2 .z-linkbox {
        padding-right: .9rem;
    }

    .z-two.has-three2 .z-linkbox:after {
        right: .6rem;
    }

    .z-two.has-three2 .z-link {
        padding: .2rem .2rem;
    }

    .z-right {
        flex: none;
        width: 100%;
        padding: .8rem .3rem;
    }

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

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

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

/* 

inside
<div class="c-more s16">Learn more</div>
.k-more{transition: all ease .5s;display: inline-block;vertical-align: top;cursor: pointer;padding: 0 .25rem;line-height: .5rem;background-color: #076a96;color: #fff;;}
.k-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .3rem;width: .5em;height: 1em;background-image: url('../images/a5.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.f-main{width: 100%;max-width: 14.4rem;margin: 0 auto;}
background-color: #076a96; 
filter: grayscale(100%) brightness(500%);  图片变白

.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.teaser.delay2  {transition-delay: .2s;}

transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;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;} 
 

*/

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

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

.xv-main {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    max-width: 94%;
}

.xv-cont {
    width: 100%;
}

.xv-close {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #076a96;
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
    z-index: 10000;
}

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

.xv-iframe {
    width: 100%;
    height: 60vh;
}

.xv-video {
    width: 100%;
    height: auto;
    max-height: 90vh;
}

@media(max-width:1200px) {
    .xv-close {
        right: 0;
        top: -45px;
    }
}

.search {
    width: 100%;
}

.search-main {
    width: 100%;
    max-width: 14.4rem;
    margin: 0 auto;
    font-size: 0;
}

.search-top {
    width: 100%;
    padding: .15rem .3rem;
}

.search-tip {
    display: inline-block;
    vertical-align: middle;
    padding: .15rem 0;
    margin-right: .15rem;
    line-height: 1.5;
    color: #333;
}

.search-navbox {
    display: inline-block;
    vertical-align: middle;
}

.search-nav {
    display: inline-block;
    vertical-align: middle;
    padding: .15rem 0;
    margin-right: .25rem;
    line-height: 1.5;
    color: #333;
}

.search-nav span {
    color: #076a96;
    margin: 0 .05rem;
}

.search-bottom {
    width: 100%;
}

.search-one {
    width: 100%;
    padding: .5rem .3rem;
}

.search-one:nth-child(2n + 1) {
    background-color: #f5f5f5;
}

.search-titles {
    position: relative;
    padding-left: .15rem;
    width: 100%;
    margin-bottom: .2rem;
    color: #333;
    line-height: 1.27;
    font-weight: bold;
}

.search-titles:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: .04rem;
    height: 1em;
    background-color: #076a96;
}

.search-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-item {
    display: block;
    cursor: pointer;
    width: 45%;
    line-height: 1.5;
    color: #333;
    margin-bottom: .25rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
}

.search-item:hover {
    color: #076a96;
}

.search-item:hover:before {
    background-color: #076a96;
}

@media(max-width: 750px) {
    .search-item {
        width: 100%;
    }
}