@charset "utf-8";

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

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

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

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

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

fieldset,
img {
    border: 0
}

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

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

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

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

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

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

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

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

input {
    outline: 0;
}

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

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

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

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

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

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

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

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

div.mCSB_scrollTools {
    opacity: 1;
    width: 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;
}

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

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

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

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


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

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

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

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

/* .s12{font-size: calc(12 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
} */
.s12 {
    font-size: calc(13 * 100vw / 1920);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.paging-a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .23rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid .01rem #dbdbdb;
}

.paging-b {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .2rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid .01rem #dbdbdb;
}

.paging-c {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .2rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid .01rem #dbdbdb;
}

.paging-a:hover,
.paging-b:hover,
.paging-c:hover {
    background-color: #da291c;
    color: #fff;
    border: .01rem solid #da291c;
}

.paging-c.active {
    background-color: #da291c;
    color: #fff;
    border: .01rem solid #da291c;
}

.paging-a,
.paging-b,
.paging-c {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {

    .paging-a,
    .paging-b,
    .paging-c {
        font-size: 13.2px;
    }
}

@media(max-width: 750px) {

    .paging-a,
    .paging-b,
    .paging-c {
        font-size: 12px;
    }
}


main {
    position: relative;
}

.sidebar {
    position: absolute;
    right: .2rem;
    bottom: 4px;
    z-index: 188;
}

.sidebar-item {
    display: block;
    cursor: pointer;
    width: .46rem;
    height: .46rem;
    background-color: #da291c;
    background-image: url('../images/a15.png');
    background-size: .2rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.sidebar-item:hover {
    background-color: #ff9920;
}

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

.a-b {
    width: 100%;
}

.a-item {
    width: 100%;
}

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

.a-img {
    width: 100%;
}

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

.a-cont {
    position: absolute;
    width: 15.4rem;
    left: 50%;
    bottom: 1.3rem;
    transform: translate(-50%, 0);
}

.a-titles {
    width: 100%;
    letter-spacing: .06rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: .6rem;
}

.a-en {
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.a-buttom {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #da291c;
    overflow: hidden;
}

.a-buttom:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - .03rem);
    transition: all .5s;
    width: 100%;
    height: 100%;
    background-color: #ff9920;
}

.a-d {
    display: none !important;
    color: #ffffff;
    position: relative;
    z-index: 18;
    padding: .18rem .65rem;
}

.a-buttom:hover:after {
    left: 0;
}

.a-mouse {
    cursor: pointer;
    animation: AnRotate 1.5s linear infinite alternate;
    position: absolute;
    bottom: .7rem;
    left: 50%;
    z-index: 98;
    margin-left: -.15rem;
    width: .3rem;
    height: .3rem;
    background-image: url('../images/a5.png');
    background-size: auto .3rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-e {
    position: absolute;
    z-index: 98;
    width: 15.4rem;
    left: 50%;
    bottom: .9rem;
    font-size: 0;
    transform: translate(-50%, 0);
}

.a-total {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    opacity: 0.5;
}

.a-cur {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.a-bar {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem;
    width: 1.16rem;
    background-color: rgba(255, 255, 255, .5);
}

.a-inner {
    display: block;
    overflow: visible !important;
    position: relative;
    height: 2px;
    background-color: #fff;
    opacity: 1;
}

.a-inner:after {
    content: '';
    position: absolute;
    top: -2px;
    right: -6px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #ffffff;
}


@keyframes AnRotate {
    0% {
        transform: translatey(5px);
    }

    50% {
        transform: translatey(0);
    }

    100% {
        transform: translatey(-5px);
    }

}

@media(max-width: 750px) {
    .a-mouse {
        display: none;
    }

    .a-cont {
        width: 100%;
        top: 55%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .a-e {
        bottom: .2rem;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .a-titles {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: .3rem;
    }

    .a-en {
        font-size: 12px;
        margin-bottom: .35rem;
    }

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

/* @media(max-width: 500px){
    .a-img img{height: 280px;object-fit: cover;}
} */

.b-a {
    width: 100%;
    padding-top: 1.1rem;
    padding-bottom: 1.3rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

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

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

/* .b-left{display: inline-block;vertical-align: middle;padding:  .35rem; width: 7rem;height: 7rem;background-image: url('../images/a11.png');background-size: 6.99rem auto;background-position: center center;background-repeat: no-repeat;}
.b-c{display: block;width: 100%;height: 100%;border-radius: 50%;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-cimg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 1.6rem;}
.b-cimg img{width: 100%;} */
.b-left {
    display: inline-block;
    vertical-align: middle;
    width: 7rem;
}

.b-c {
    width: 100%;
    padding-top: calc(820/1920*100%);
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.b-cimg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem;
}

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

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

.b-titles {
    position: relative;
    color: #000000;
    font-weight: bold;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
}

.b-titles:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .03rem;
    background-color: #ff9920;
}

.b-text {
    width: 100%;
    line-height: 2;
    color: #666666;
    margin-bottom: .45rem;
}

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

.b-list {
    display: none !important;
    width: 100%;
    font-size: 0;
}

.b-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-bottom: .2rem;
}

.b-icon {
    display: block;
    height: .2rem;
    margin-bottom: .25rem;
}

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

.b-nub {
    color: #da291c;
    margin-bottom: .2rem;
}

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

.b-more {
    display: none !important;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
}

.b-e {
    width: 100%;
    overflow: hidden;
}

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

.b-f {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: 100%;
    background-color: #da291c;
}

.b-g {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.2em;
    line-height: 1.5;
    text-align: center;
    color: #f6f8fb;
}

.b-more:hover .b-e img {
    transform: scale(1.05);
}

@media(max-width: 750px) {
    .b-a {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .b-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    /* .b-left{display: inline-block;margin-bottom: .35rem;width: 6rem;height: 6rem;background-size: 5.99rem auto;} */
    .b-left {
        width: 100%;
        margin-bottom: .3rem;
    }

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

.c-a {
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .8rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-b {
    width: 15.7rem;
    margin: 0 auto;
    text-align: center;
}

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

.c-titles {
    color: #000000;
    font-weight: bold;
    padding-bottom: .23rem;
    margin-bottom: .2rem;
    position: relative;
}

.c-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    height: .03rem;
    background-color: #ff9920;
}

.c-text {
    color: #666666;
    line-height: 1.3;
}

.c-cont {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .3rem;
    text-align: left;
}

.c-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 5rem;
    margin-right: .35rem;
    margin-bottom: .5rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);
}

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

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

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

.c-c {
    width: 100%;
    position: relative;
    z-index: 18;
    text-align: center;
    padding: 0 .15rem .5rem;
}

.c-icon {
    display: inline-block;
    margin-top: -.55rem;
    margin-bottom: .3rem;
}

.c-icon1 {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .38rem 0px rgba(0, 0, 0, 0.27);
    border-radius: 50%;
}

.c-icon1 img {
    max-width: 50%;
    max-height: 50%;
}

.c-icon2 {
    display: none;
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background-color: #ff9920;
    background-image: linear-gradient(180deg, #ff9920 0%, #da291c 100%), linear-gradient(#ffffff, #ffffff);
    border-radius: 50%;
}

.c-icon2 img {
    max-width: 50%;
    max-height: 50%;
}

.c-d {
    color: #333333;
    line-height: 1.3;
    margin-bottom: .3rem;
}

.c-e {
    color: #666666;
    line-height: 1.3;
    text-align: left;
}

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

.c-item:hover .c-icon1 {
    display: none;
}

.c-item:hover .c-icon2 {
    display: block;
}

@media(max-width: 750px) {
    .c-a {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

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

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

.d-a {
    display: none !important;
    width: 100%;
    background-color: #f8f8f8;
    position: relative;
}

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

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

.d-left {
    display: inline-block;
    vertical-align: middle;
    width: 33.6%;
    height: 9.4rem;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-c {
    position: absolute;
    bottom: 1.05rem;
    left: 0;
    padding: 0 .55rem;
    width: 100%;
}

.d-d {
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: .2rem;
}

.d-e {
    color: #ffffff;
    margin-bottom: .5rem;
}

.d-right {
    display: inline-block;
    vertical-align: middle;
    width: 58%;
    padding-left: 8%;
}

.d-top {
    width: 100%;
    text-align: center;
}

.d-titles {
    color: #000000;
    font-weight: bold;
    padding-bottom: .33rem;
    margin-bottom: .4rem;
    position: relative;
}

.d-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    height: .03rem;
    background-color: #ff9920;
}

.d-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.d-item {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - .15rem);
    cursor: pointer;
    margin-bottom: .3rem;
    margin-right: .3rem;
    background-color: #ffffff;
    border-bottom: .02rem solid transparent;
    box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);
}

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

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

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

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

.d-f {
    color: #333333;
    line-height: 1.3;
    margin-bottom: .15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-g {
    color: #888888;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-h {
    color: #888888;
    margin-top: .3rem;
}

.d-item:hover {
    border-bottom: .02rem solid #ff9920;
}

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

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

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

.d-j {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    width: calc(50% - .15rem);
    margin: 0 .3rem .1rem 0;
    padding: .16rem 40px .16rem 0;
    border-bottom: 1px solid #e1e1e1;
}

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

.d-k {
    width: 100%;
    line-height: 1.3;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-time {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    line-height: 1.3;
    color: #888888;
}

.d-j:hover .d-k {
    color: #da291c;
}

@media(max-width: 750px) {
    .d-a {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

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

    .d-cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .d-left {
        width: 100%;
        height: auto;
        padding-top: 80%;
    }

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

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

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

.e-a {
    display: none !important;
    width: 100%;
    position: relative;
    padding-top: .7rem;
    padding-bottom: .6rem;
    background-image: url('../images/b12.jpg');
    background-size: 3.88rem 1.12rem;
    background-position: top right;
    background-repeat: no-repeat;
}

.e-a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: .98rem;
    background-image: url('../images/b13.jpg');
    background-size: auto .98rem;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.e-b {
    width: 15.7rem;
    margin: 0 auto;
}

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

.e-titles {
    color: #000000;
    font-weight: bold;
    padding-bottom: .23rem;
    margin-bottom: .2rem;
    position: relative;
}

.e-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    height: .03rem;
    background-color: #ff9920;
}

.e-text {
    color: #666666;
    line-height: 1.3;
}

.e-cont {
    width: 100%;
    position: relative;
    z-index: 18;
    font-size: 0;
}

.e-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    margin-right: .3rem;
    margin-bottom: .3rem;
    width: 2.35rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.23rem;
    border: solid .01rem #eeeeee;
}

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

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

.e-item:hover {
    border: solid .01rem #da291c;
}

@media(max-width: 750px) {
    .e-a {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

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

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

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

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

.g-img {
    width: 100%;
}

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

.g-cont {
    position: absolute;
    top: 86.5%;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    left:3rem;
    /* transform: translate(0,50%); */
}

.g-titles {
    position: relative;
    font-weight: bold;
    letter-spacing: .04rem;
    color: #ffffff;
    padding-bottom: .3rem;
    margin-bottom: .35rem;
}

.g-titles:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.19rem;
    width: .38rem;
    height: .02rem;
    background-color: #ffffff;
}

.g-text {
    color: #ffffff;
    line-height: 1.5;
}

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

@media(max-width: 750px) {
    .g-cont {
        transform: translate(22%, -19%);
    }
}

@media(max-width: 500px) {
    .g-img img {
        height: 280px;
        object-fit: cover;
    }
}

.nav {
    width: 100%;
    padding-bottom: .5rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nav-cont {
    width: 15.7rem;
    margin: 0 auto;
}

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

.nav-left {
    float: left;
    position: relative;
    z-index: 88;
    width: 2.6rem;
    margin-top: -.7rem;
    text-align: center;
}

.nav-left:before {
    content: '';
    position: absolute;
    top: -.345rem;
    left: 0;
    width: 100%;
    height: .35rem;
    background-image: url('../images/a19.png');
    background-size: 2.6rem .35rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.nav-titles {
    position: relative;
    width: 100%;
    line-height: .7rem;
    color: #ffffff;
    background-color: #da291c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-list {
    width: 100%;
    background-color: #f8f8f8;
}

.nav-item {
    display: block;
    position: relative;
}

.nav-one {
    width: 100%;
    display: block;
    position: relative;
}

.nav-link {
    display: block;
    position: relative;
    cursor: pointer;
    color: #333333;
    width: 100%;
    padding: .2rem 2em;
    line-height: 1.8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.nav-buttom {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    height: 100%;
}

.nav-buttom:after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 333;
    font-size: 1.2em;
}

.nav-item.has-two .nav-buttom {
    display: block;
}

.nav-item.show .nav-buttom:after {
    content: '-';
}

.nav-item:hover .nav-link {
    color: #ffffff;
    background-color: #ff9920;
    border-bottom: 1px solid #ff9920;
}

.nav-item:hover .nav-buttom:after {
    color: #fff;
}

.nav-item.active .nav-link {
    color: #ffffff;
    background-color: #ff9920;
    border-bottom: 1px solid #ff9920;
}

.nav-item.active .nav-buttom:after {
    color: #fff;
}

.nav-item.show .nav-link {
    color: #ffffff;
    background-color: #ff9920;
    border-bottom: 1px solid #ff9920;
}

.nav-item.show .nav-buttom:after {
    color: #fff;
}

.nav-sub {
    display: none;
    width: 100%;
}

.nav-two {
    display: block;
    position: relative;
    cursor: pointer;
    color: #888888;
    width: 100%;
    padding: .2rem .15rem;
    line-height: 1.8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.nav-two:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: .04rem;
    height: 1em;
    background-color: transparent;
}

.nav-two.active:before {
    background-color: #ff9920;
}

.nav-two:hover:before {
    background-color: #ff9920;
}



.nav-right {
    float: right;
}

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

    .nav-left {
        width: 100%;
        margin-top: 0;
    }

    .nav-left:before {
        display: none;
    }

    .nav-list {
        width: 100%;
        text-align: center;
        padding: .05rem 0;
        background-color: #fff;
    }

    .nav-item {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 0 0 .15rem;
    }

    .nav-item.has-two {
        display: block;
        width: 100%;
        margin: 0 0 .15rem;
    }

    .nav-titles {
        display: none;
    }

    .nav-right {
        width: 100%;
    }

}

.i-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.i-cont {
    width: 100%;
}

.i-titles {
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: .55rem;
}

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

.i-item {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: right;
    margin-bottom: .6rem;
    background-color: #f7f7f7;
    transition: all .3s;
}

.i-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.65rem;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-text {
    display: inline-block;
    text-align: left;
    padding: .9rem .4rem;
    width: 4.95rem;
}

.i-name {
    color: #333333;
    font-weight: bold;
    padding-bottom: .3rem;
    margin-bottom: .15rem;
    position: relative;
}

.i-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .26rem;
    height: .03rem;
    background-color: #ff9920;
}

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

.i-b * {
    line-height: inherit;
}

.i-more {
    display: inline-block;
    margin-top: .5rem;
    padding: .13rem .33rem;
    color: #ffffff;
    background-color: #da291c;
}

.i-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.1);
}

.i-item:hover .i-name {
    color: #ff9920;
}

@media(min-width: 750px) {
    .i-item:nth-child(2n) {
        text-align: left;
    }

    .i-item:nth-child(2n) .i-img {
        right: 0;
        left: auto;
    }
}

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

    .i-item {
        width: 100%;
    }

    .i-img {
        width: 100%;
        position: static;
        height: auto;
        padding-top: 54.9%;
    }

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

.j-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.j-cont {
    width: 100%;
}

.j-titles {
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: .55rem;
}

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

.j-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 3.9rem;
    margin-right: .4rem;
    margin-bottom: .5rem;
    background-color: #fbfafa;
}

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

.j-img {
    width: 100%;
    overflow: hidden;
}

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

.j-text {
    width: 100%;
    padding: .2rem .15rem;
    text-align: center;
}

.j-name {
    width: 100%;
    color: #555555;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.j-item:hover {
    background-color: #da291c;
}

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

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

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

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

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

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

.k-a {
    width: 12.6rem;
    margin-top: .6rem;
    margin-bottom: .4rem;
    padding: .5rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);
}

.k-cont {
    width: 100%;
    padding-bottom: .55rem;
}

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

.k-left {
    float: left;
    width: 5.8rem;
}

.k-big {
    width: 100%;
    position: relative;
}

.k-b {
    width: 100%;
}

.k-item {
    width: 100%;
}

.k-c {
    display: block;
    cursor: pointer;
    width: 100%;
}

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

.k-small {
    width: 100%;
    position: relative;
    padding: .2rem .15rem;
}

.k-d {
    width: 100%;
}

.k-nav {
    width: 20%;
    padding: 0 .1rem;
}

.k-e {
    display: block;
    width: 100%;
    cursor: pointer;
    border: solid .02rem #fff;
    padding-top: 65.5%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-nav.swiper-slide-active .k-e {
    border: solid .02rem #da291c;
}

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

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

.k-next {
    transform: rotate(-180deg);
    right: 0;
    margin-top: -.1rem;
    width: .12rem;
    height: .2rem;
    background-image: url('../images/a20.png');
    background-size: .12rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.k-right {
    float: right;
    width: 5.1rem;
    padding-top: .4rem;
}

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

.k-text {
    color: #555555;
    line-height: 2;
    margin-bottom: .7rem;
}

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

.k-list {
    width: 100%;
}

.k-top {
    width: 100%;
    color: #ffffff;
    padding: .15rem .25rem;
    line-height: 1.3;
    background-color: #da291c;
}

.k-textbox {
    width: 100%;
    color: #555555;
    line-height: 1.6;
    padding: .45rem 0;
}

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

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

    .k-left {
        width: 100%;
    }

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

.l-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.l-cont {
    width: 100%;
}

.l-titles {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #333333;
    margin-bottom: .6rem;
}

.l-b {
    width: 100%;
    position: relative;
    padding: .68rem .9rem;
}

.l-map {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-textbox {
    position: relative;
    z-index: 18;
    width: 447px;
    background-color: rgba(255, 255, 255, .95);
    padding: .45rem;
}

.l-name {
    position: relative;
    color: #333333;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
}

.l-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .26rem;
    height: .03rem;
    background-color: #ff9920;
}

.l-list {
    width: 100%;
}

.l-item {
    display: block;
    font-size: 0;
    padding: .2rem 0;
}

.l-icon {
    display: inline-block;
    vertical-align: top;
    width: .2rem;
    height: 1.3em;
    line-height: 1.3em;
}

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

.l-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - .2rem);
    padding-left: .25rem;
    color: #555555;
    line-height: 1.3;
}

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

    .l-b {
        padding: 0;
    }

    .l-map {
        position: static;
        height: 4.8rem;
        width: 100%;
    }

    .l-textbox {
        width: 100%;
        border: solid 1px #dcdcdc;
    }
}

.m-a {
    width: 12.6rem;
    padding-top: .4rem;
    padding-bottom: .5rem;
}

.m-cont {
    width: 100%;
}

.m-top {
    width: 100%;
    margin-bottom: .6rem;
}

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

.m-text {
    color: #555555;
    line-height: 1.3;
}

.m-list {
    width: 100%;
    position: relative;
}

.m-form {
    width: 100%;
}

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

.m-item {
    display: inline-block;
    vertical-align: top;
    width: 3.65rem;
    margin-right: .8rem;
    margin-bottom: .3rem;
}

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

.m-tip {
    display: inline-block;
    vertical-align: top;
    width: 6em;
    line-height: .5rem;
    color: #555555;
}

.m-tip span {
    color: #ff0000;
}

.m-c {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6em);
}

.m-d {
    border: solid 1px #dcdcdc;
    background-color: transparent;
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    color: #555555;
}

.m-e {
    width: 100%;
    font-size: 0;
    margin-bottom: .3rem;
}

.m-f {
    width: 100%;
    font-size: 0;
    margin-bottom: .3rem;
}

.m-textarea {
    width: 100%;
    height: 1.8rem;
    padding: .15rem .2rem;
    line-height: 1.6;
    color: #555555;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}

.m-buttom {
    position: absolute;
    top: calc(-2.87em - .6rem);
    right: 0;
    cursor: pointer;
    background-color: #da291c;
    overflow: hidden;
}

.m-buttom:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - .03rem);
    transition: all .5s;
    width: 100%;
    height: 100%;
    background-color: #ff9920;
}

.m-submit {
    border: none;
    display: block;
    cursor: pointer;
    background-color: transparent;
    color: #ffffff;
    position: relative;
    z-index: 18;
    width: 10em;
    height: 2.87em;
}

.m-buttom:hover:after {
    left: 0;
}

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

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

    .m-d {
        height: 35px;
    }

    .m-textarea {
        height: 130px;
    }

    .m-buttom {
        position: relative;
        top: 0;
        width: 50%;
        margin-left: 6em;
    }

    .m-submit {
        width: 100%;
    }
}

.n-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.n-cont {
    width: 100%;
}

.n-titles {
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: .55rem;
}

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

.n-item {
    display: block;
    position: relative;
    font-size: 0;
    cursor: pointer;
    margin-bottom: .5rem;
    background-color: #f7f7f7;
}

.n-img {
    display: inline-block;
    vertical-align: middle;
    width: 4.6rem;
    position: relative;
    padding-top: 2.55rem;
    overflow: hidden;
}

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

.n-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 5.2rem);
    padding: .1rem 0;
}

.n-time {
    padding: 0 .6rem;
    color: #666666;
    line-height: 17px;
    margin-bottom: .25rem;
}

.n-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: .17rem;
    height: 17px;
    background-image: url('../images/a24.png');
    background-size: .17rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.n-b {
    position: relative;
    color: #333333;
    padding: 0 .6rem;
    line-height: 1.5;
    margin-bottom: .25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n-b:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: .03rem;
    height: .24rem;
    background-color: #ff9920;
}

.n-c {
    padding: 0 .6rem;
    color: #666666;
    line-height: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.n-more {
    position: absolute;
    top: 0;
    right: 0;
    width: .5rem;
    height: 100%;
    background-color: #ebebeb;
}

.n-d {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    width: 1.2em;
    text-align: center;
    color: #888888;
    line-height: 2;
}


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

.n-item:hover .n-b {
    color: #da291c;
}

@media(max-width: 1200px) {
    .n-b {
        line-height: 1.3;
        margin-bottom: .2rem;
    }

    .n-c {
        line-height: 1.5;
    }
}

@media(min-width: 750px) {
    .n-item:hover .n-more {
        background-color: #da291c;
    }

    .n-item:hover .n-d {
        color: #fff;
    }
}

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

    .n-img {
        width: 100%;
        height: auto;
        padding-top: 55.43%;
    }

    .n-text {
        width: 100%;
        padding: .25rem 0;
    }

    .n-c {
        line-height: 1.8;
    }

    .n-b:before {
        display: none;
    }

    .n-more {
        position: static;
        background-color: transparent;
        width: 100%;
    }

    .n-d {
        display: block;
        position: static;
        transform: translate(0, 0);
        width: 100%;
        text-align: left;
    }

    .n-time,
    .n-b,
    .n-c,
    .n-more {
        padding: 0 .3rem;
    }
}

.o-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.o-cont {
    width: 100%;
    padding: .4rem .5rem .2rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);
}

.o-top {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: .15rem;
    margin-bottom: .3rem;
}

.o-titles {
    width: 100%;
    color: #333333;
    margin-bottom: .3rem;
    line-height: 1.3;
}

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

.o-time {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .25rem;
    color: #666666;
    line-height: 17px;
    margin-bottom: .25rem;
}

.o-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: .17rem;
    height: 17px;
    background-image: url('../images/a24.png');
    background-size: .17rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-source {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .25rem;
    color: #666666;
    line-height: 17px;
    margin-bottom: .25rem;
}

.o-textbox {
    width: 100%;
    color: #666666;
    line-height: 1.87;
    margin-bottom: .2rem;
}

.o-textbox * {
    line-height: inherit;
}

.o-buttom {
    width: 100%;
    padding: .3rem 160px .3rem 0;
    border-top: 1px solid #f3f3f3;
    position: relative;
}

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

.o-d {
    display: block;
    color: #555555;
    margin: .1rem 0;
    line-height: 1.6;
    cursor: pointer;
}

.o-d:hover {
    color: #da291c;
}

.o-back {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    background-color: #da291c;
    overflow: hidden;
}

.o-back:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - .03rem);
    transition: all .5s;
    width: 100%;
    height: 100%;
    background-color: #ff9920;
}

.o-back span {
    display: block;
    color: #ffffff;
    position: relative;
    z-index: 18;
    padding: .15rem .45rem;
}

.o-back:hover:after {
    left: 0;
}

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

    .o-cont {
        padding: .3rem .15rem;
    }

    .o-buttom {
        padding: .3rem 0 35px;
    }

    .o-back {
        bottom: 0;
        left: 50%;
        top: auto;
        right: auto;
        transform: translate(-50%, 0);
    }
}

.p-a {
    width: 12.6rem;
    padding-top: 1.12rem;
    padding-bottom: .55rem;
}

.p-cont {
    width: 100%;
}

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

.p-c {
    display: inline-block;
    vertical-align: middle;
    width: 8.3rem;
}

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

.p-d {
    display: inline-block;
    vertical-align: middle;
    padding: .3rem .15rem .75rem;
    width: calc(100% - 8.3rem);
    padding-left: .55rem;
    text-align: center;
    position: relative;
}

.p-d:before {
    content: '';
    position: absolute;
    top: 0;
    left: .55rem;
    width: .6rem;
    height: .28rem;
    background-image: url('../images/a26.png');
    background-size: auto .28rem;
    background-position: left center;
    background-repeat: no-repeat;
}

.p-d:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .6rem;
    height: .28rem;
    background-image: url('../images/a27.png');
    background-size: auto .28rem;
    background-position: right center;
    background-repeat: no-repeat;
}

.p-logo {
    display: inline-block;
    width: .77rem;
    margin-bottom: .25rem;
}

.p-logo img {
    width: 100%;
}

.p-name {
    color: #da291c;
    line-height: 1.3;
    margin-bottom: .25rem;
}

.p-text {
    width: 100%;
    margin: 0 auto;
    color: #333333;
    max-width: 14em;
    line-height: 2;
}

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

.p-left {
    width: 8.3rem;
    padding-right: .3rem;
    display: inline-block;
    vertical-align: middle;
}

.p-titles {
    color: #da291c;
    font-weight: bold;
    margin-bottom: .35rem;
}

.p-textbox {
    color: #555555;
    line-height: 2;
    min-height: 1.6rem;
}

.p-textbox * {
    line-height: inherit;
}

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

.p-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-top: .3rem;
}

.p-icon {
    display: block;
    height: .2rem;
    margin-bottom: .25rem;
}

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

.p-nub {
    color: #da291c;
    margin-bottom: .2rem;
}

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

.p-right {
    width: calc(100% - 8.3rem);
    padding-left: .55rem;
    display: inline-block;
    vertical-align: middle;
}

.p-right img {
    width: 100%;
}

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

    .p-b {
        width: 100%;
    }

    .p-c {
        width: 100%;
        margin-bottom: .3rem;
    }

    .p-d {
        width: 100%;
        padding-left: 0;
    }

    .p-d:before {
        left: 0;
    }

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

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

    .p-right img {
        width: auto;
    }
}

.q-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .45rem;
}

.q-cont {
    width: 100%;
}

.q-titles {
    text-align: center;
    font-weight: bold;
    color: #333333;
    padding-bottom: .1rem;
}

.q-list {
    width: 100%;
}

.q-item {
    display: block;
    cursor: pointer;
    margin-top: .6rem;
    width: 100%;
    position: relative;
    text-align: right;
    background-color: #f8f8f8;
}

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

.q-text {
    display: inline-block;
    text-align: center;
    padding: .5rem .6rem;
    width: 50%;
}

.q-icon {
    display: inline-block;
    width: .8rem;
    margin-bottom: .35rem;
}

.q-icon img {
    width: 100%;
}

.q-b {
    color: #333333;
    line-height: 1.3;
    margin-bottom: .25rem;
}

.q-textbox {
    color: #666666;
    line-height: 2.2;
    text-align: left;
}

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

@media(min-width: 750px) {
    .q-item:nth-child(2n) {
        text-align: left;
    }

    .q-item:nth-child(2n) .q-img {
        right: 0;
        left: auto;
    }
}

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

    .q-img {
        width: 100%;
        height: auto;
        padding-top: 59.58%;
        position: static;
    }

    .q-text {
        width: 100%;
        padding: .35rem .25rem;
    }
}

.r-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .2rem;
}

.r-cont {
    width: 100%;
}

.r-titles {
    text-align: center;
    font-weight: bold;
    color: #333333;
    padding-bottom: .55rem;
}

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

.r-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 2.8rem;
    border: solid 1px #eeeeee;
    margin-right: .45rem;
    margin-bottom: .4rem;
}

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

.r-img {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    height: 2.8rem;
    line-height: 2.8rem;
}

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

.r-text {
    display: block;
    cursor: pointer;
    background-color: #f8f8f8;
    border: solid 1px #eeeeee;
}

.r-name {
    display: block;
    color: #666666;
    padding: 0 .1rem;
    line-height: .6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.r-item:hover .r-text {
    background-color: #da291c;
}

.r-item:hover .r-name {
    color: #fff;
}

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

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

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

.s-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .2rem;
}

.s-cont {
    width: 100%;
}

.s-titles {
    text-align: center;
    font-weight: bold;
    color: #333333;
    padding-bottom: .55rem;
}

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

.s-item {
    width: 100%;
    margin-bottom: .2rem;
    background-color: #fbfafa;
    padding: 0 .3rem;
}

.s-top {
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: .2rem .2rem .2rem .4rem;
}

.s-top:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s;
    width: .2rem;
    height: 100%;
    background-image: url('../images/a32.png');
    background-size: .2rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.s-icont {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: .4rem;
}

.s-img1 {
    display: block;
    width: 100%;
}

.s-img1 img {
    width: .18rem;
}

.s-img2 {
    display: none;
    width: 100%;
}

.s-img2 img {
    width: .18rem;
}

.s-name {
    color: #555555;
    line-height: 1.3;
}

.s-sub {
    display: none;
    width: 100%;
    border-top: 1px solid #eaeaea;
    padding: .3rem .4rem;
}

.s-b {
    color: #666666;
    line-height: 1.3;
    margin-bottom: .3rem;
}

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

.s-textbox {
    line-height: 1.7;
    color: #666666;
    margin-bottom: .4rem;
}

.s-textbox * {
    line-height: inherit;
}

.s-tip {
    color: #666666;
    line-height: 1.3;
}

.s-item.show .s-img1 {
    display: none;
}

.s-item.show .s-img2 {
    display: block;
}

.s-item.show .s-name {
    color: #da291c;
}

.s-item.show .s-top:after {
    transform: rotate(-180deg);
}

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

    .s-sub {
        padding: .3rem .15em;
    }
}

.t-a {
    width: 12.6rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
}

.t-cont {
    width: 100%;
}

.t-titles {
    text-align: center;
    font-weight: bold;
    color: #333333;
    padding-bottom: .3rem;
}

.t-abstract {
    text-align: center;
    color: #555555;
    line-height: 1.3;
    margin-bottom: .6rem;
}

.t-list {
    width: 100%;
}

.t-top {
    width: 100%;
    position: relative;
    padding: 0 1rem;
}

.t-top:after {
    content: '';
    position: absolute;
    bottom: .17rem;
    left: 0;
    width: 100%;
    height: .01rem;
    background-color: #dcdcdc;
}

.t-b {
    width: 100%;
}

.t-nav {
    width: 2.1rem;
    padding-bottom: .17rem;
    margin-right: .7rem;
}

.t-year {
    display: block;
    cursor: pointer;
    width: 100%;
    padding-bottom: .25rem;
    border-bottom: .02rem solid #000033;
    font-weight: bold;
    color: #333333;
}

.t-nav.swiper-slide-active .t-year {
    color: #da291c;
    border-bottom: .02rem solid #da291c;
}

.t-prev {
    left: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: .34rem;
    height: .34rem;
    background-color: #e8e8e8;
    background-image: url('../images/a20.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.t-prev:hover {
    background-color: #da291c;
    background-image: url('../images/a20-c.png');
}

.t-next {
    transform: rotate(-180deg);
    right: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: .34rem;
    height: .34rem;
    background-color: #e8e8e8;
    background-image: url('../images/a20.png');
    background-size: .08rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.t-next:hover {
    background-color: #da291c;
    background-image: url('../images/a20-c.png');
}

.t-bottom {
    width: 100%;
    padding: 0 1rem;
}

.t-container {
    width: 100%;
}

.t-item {
    width: 2.1rem;
    margin-right: .7rem;
}

.t-one {
    display: block;
    width: 100%;
    cursor: pointer;
    margin-top: .25rem;
}

.t-img {
    width: 100%;
    margin-bottom: .2rem;
}

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

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

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

    .t-top {
        padding: 0 .8rem;
    }

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

    .t-bottom {
        width: 100%;
        padding: 0 .8rem;
    }

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

/*机械模板开始*/
.xa-a {
    width: 100%;
    position: relative;
}

.xa-b {
    width: 100%;
}

.xa-item {
    width: 100%;
}

.xa-c {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.xa-img {
    width: 100%;
}

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

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

.xa-en {
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .4rem;
}

.xa-titles {
    color: #ffffff;
    letter-spacing: 4px;
    line-height: 1.3;
    margin-bottom: .9rem;
}

.xa-more {
    display: inline-block;
    cursor: pointer;
    padding: .17rem .3rem;
    color: #ffffff;
    background-color: #2154bd;
}

.xa-more:after {
    content: '+';
    color: #ffffff;
    margin-left: .1rem;
}

.xa-buttom {
    position: absolute;
    left: 0;
    bottom: 5.95%;
    z-index: 88;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.xa-pagination {
    display: inline-block;
    vertical-align: middle;
    position: static;
}

.xa-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 2px;
    margin: 0 .1rem;
    opacity: .3;
    border-radius: 0;
    background-color: #ffffff;
}

.xa-pagination .swiper-pagination-bullet-active {
    opacity: 0.9;
}

.xa-d {
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    cursor: pointer;
}

.xa-pause {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../images/c6.png');
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xa-play {
    display: none;
    width: 16px;
    height: 16px;
    background-image: url('../images/c6-b.png');
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xa-d.hide .xa-pause {
    display: none;
}

.xa-d.hide .xa-play {
    display: block;
}

@media(max-width: 750px) {
    .xa-text {
        width: 100%;
        padding: 0 10px;
    }

    .xa-en {
        font-size: 18px;
    }

    .xa-titles {
        font-size: 16px;
        margin-bottom: .35rem;
    }

    .xa-img img {
        min-height: 220px;
        object-fit: cover;
    }

    .xa-pagination .swiper-pagination-bullet {
        width: .6rem;
    }
}

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

.xb-b {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.6rem;
}

.xb-top {
    width: 100%;
    position: relative;
    margin-bottom: .5rem;
}

.xb-left {
    display: inline-block;
    vertical-align: top;
}

.xb-en {
    color: #333333;
    font-weight: bold;
    margin-bottom: .3rem;
}

.xb-titles {
    color: #333333;
}

.xb-right {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translate(0, -50%);
    font-size: 0;
}

.xb-more {
    display: block;
    cursor: pointer;
    color: #666666;
    line-height: 1.5;
}

.xb-more:after {
    content: '+';
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    margin-left: .1rem;
}

.xb-more:hover {
    color: #2154bd;
}

.xb-more:hover:after {
    color: #2154bd;
}

.xb-cont {
    width: 100%;
    position: relative;
    padding-bottom: .25rem;
}

.xb-c {
    width: 100%;
}

.xb-item {
    width: 6.8rem;
    margin-right: .3rem;
}

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

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

.xb-img {
    width: 100%;
    overflow: hidden;
}

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

.xb-text {
    width: 100%;
    padding: .4rem 0;
}

.xb-nub {
    color: #2154bd;
    font-weight: bold;
    margin-bottom: .2rem;
}

.xb-e {
    display: inline-block;
    vertical-align: middle;
    color: #222222;
    font-weight: bold;
}

.xb-espan:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 .1rem;
    width: .2rem;
    height: 2px;
    background-color: #ffae00;
}

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

.xb-item:hover .xb-e {
    color: #2154bd;
}

.xb-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 1.6rem);
    font-size: 0;
}

.xb-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    height: 1px;
    border-radius: 0;
    background-color: #f0f0f0;
}

.xb-pagination .swiper-pagination-bullet-active {
    height: 3px;
    background-color: #12509c;
}

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

    .xb-right {
        right: 10px;
    }

    .xb-item {
        width: 80%;
    }

    .xb-pagination {
        width: calc(100% - 10px);
    }
}

.xc-a {
    width: 100%;
    padding-top: .63rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.xc-b {
    width: 16rem;
    margin: 0 auto;
}

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

.xc-left {
    display: inline-block;
    vertical-align: bottom;
    width: 6.9rem;
    padding: 0 .4rem;
}

.xc-left img {
    width: 100%;
}

.xc-right {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 6.9rem);
    padding-left: 2.6rem;
    padding-bottom: 1rem;
}

.xc-en {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .3rem;
}

.xc-titles {
    color: #ffffff;
    margin-bottom: .3rem;
}

.xc-textbox {
    color: #ffffff;
    line-height: 2.25;
    margin-bottom: .7rem;
}

.xc-textbox * {
    line-height: inherit;
}

.xc-more {
    margin-bottom: 1rem;
    display: inline-block;
    cursor: pointer;
    padding: .17rem .33rem;
    background-color: #2154bd;
    color: #ffffff;
}

.xc-more:after {
    content: '+';
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    margin-left: .1rem;
}

.xc-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.xc-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .35rem;
}

.xc-c {
    width: 100%;
}

.xc-nub {
    display: inline-block;
    vertical-align: bottom;
    color: #ffffff;
    font-weight: bold;
}

.xc-d {
    display: inline-block;
    vertical-align: bottom;
}

.xc-dspan1 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
}

.xc-dspan2 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
}

.xc-d {
    margin-top: .25rem;
    color: #ffffff;
    line-height: 1.3;
}

@media(max-width: 1400px) {
    .xc-right {
        padding-bottom: .33rem;
        padding-left: 1.8rem;
    }

    .xc-textbox {
        margin-bottom: .35rem;
    }

    .xc-more {
        margin-bottom: .6rem;
    }
}

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

    .xc-left {
        width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        text-align: center;
    }

    .xc-left img {
        width: 80%;
    }

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

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

.xd-b {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.6rem;
}

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

.xd-left {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 11rem);
    padding-right: 1rem;
}

.xd-en {
    color: #333333;
    font-weight: bold;
    margin-bottom: .14rem;
}

.xd-titles {
    color: #222222;
    margin-bottom: .85rem;
}

.xd-c {
    color: #222222;
    line-height: 1.5;
    margin-bottom: .35rem;
}

.xd-text {
    color: #666666;
    line-height: 2.25;
    margin-bottom: .85rem;
}

.xd-more {
    display: inline-block;
    cursor: pointer;
    padding: .17rem .33rem;
    background-color: #2154bd;
    color: #ffffff;
}

.xd-more:after {
    content: '+';
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    margin-left: .1rem;
}

.xd-right {
    display: inline-block;
    vertical-align: top;
    width: 11rem;
    position: relative;
}

.xd-d {
    width: 100%;
}

.xd-item {
    width: 9.4rem;
    margin-right: .55rem;
}

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

.xd-img {
    display: block;
    cursor: pointer;
    width: 100%;
}

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

.xd-prev {
    display: none;
}

.xd-next {
    transform: rotate(-180deg);
    left: 9.18rem;
    right: auto;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #12509c;
    background-image: url('../images/c10-b.png');
    background-size: .1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media(max-width: 900px) {
    .xd-left {
        padding-right: .3rem;
        width: 30%;
    }

    .xd-right {
        width: 70%;
    }
}

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

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

    .xd-right {
        width: 100%;
    }

    .xd-item {
        width: 80%;
    }

    .xd-next {
        left: calc(80% - .22rem);
    }

    .xd-text {
        margin-bottom: .35rem;
    }
}

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

.xe-b {
    width: 100%;
}

.xe-item {
    width: 100%;
}

.xe-c {
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
    padding-top: 43.75%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.xe-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .8rem;
}

.xe-play img {
    width: 100%;
}

.xe-buttom {
    position: absolute;
    left: 50%;
    bottom: .5rem;
    transform: translate(-50%, 0);
    white-space: nowrap;
    z-index: 98;
    text-align: center;
}

.xe-pagination {
    position: static;
    display: inline-block;
    vertical-align: middle;
}

.xe-pagination .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: .15rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: transparent;
    border: solid .02rem rgba(255, 255, 255, .6);
    opacity: 1;
}

.xe-pagination .swiper-pagination-bullet-active {
    border: none;
    margin-left: .8rem;
    width: .4rem;
    height: .4rem;
    background-image: url('../images/c9-b.png');
    background-size: .42rem .42rem;
}

.xe-pagination .swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    left: -.66rem;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: 1px;
    background-color: rgba(255, 255, 255, .2);
}

.xe-pagination .swiper-pagination-bullet:nth-child(1) {
    margin-left: 0 !important;
}

.xe-pagination .swiper-pagination-bullet:nth-child(1):before {
    display: none;
}

.xe-nubs {
    display: inline-block;
    vertical-align: middle;
}

.xe-nub1,
.xe-link,
.xe-nub2 {
    color: #ffffff;
    margin: 0 .05rem;
}

@media(max-width: 750px) {
    .xe-buttom {
        bottom: 10px;
    }
}

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

.xf-top {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.xf-b {
    width: 16rem;
    margin: 0 auto;
    padding-top: 1.35rem;
    padding-bottom: 3.5rem;
}

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

.xf-left {
    float: left;
    margin-bottom: .5rem;
}

.xf-en {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .15rem;
}

.xf-titles {
    color: #ffffff;
}

.xf-right {
    float: right;
    font-size: 0;
    margin-bottom: .5rem;
}

.xf-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.3rem;
}

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

.xf-nub {
    display: inline-block;
    vertical-align: bottom;
    color: #ffffff;
    font-weight: bold;
}

.xf-add {
    display: inline-block;
    vertical-align: bottom;
    color: #ffffff;
}

.xf-d {
    margin-top: .25rem;
    color: #ffffff;
    line-height: 1.3;
}

.xf-cont {
    position: relative;
    z-index: 18;
    margin: 0 auto;
    margin-top: -3rem;
    width: 16rem;
    padding: .78rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);
}

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

.xf-one {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 16.66%;
    padding: .12rem;
}

.xf-img {
    display: block;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    cursor: pointer;
}

.xf-img img {
    transform: scale(1.00);
    transition: all .5s;
    display: inline-block;
    max-width: 90%;
    max-height: 90%;
}

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

.xf-prev {
    left: -.22rem;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);
    background-image: url('../images/c10.png');
    background-size: .1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.xf-next {
    transform: rotate(-180deg);
    right: -.22rem;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);
    background-image: url('../images/c10.png');
    background-size: .1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

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

@media(max-width: 750px) {
    .xf-b {
        width: 90%;
        max-width: 500px;
        padding-left: 0;
        padding-right: 0;
    }

    .xf-left {
        width: 100%;
    }

    .xf-right {
        width: 100%;
    }

    .xf-cont {
        width: 90%;
        max-width: 500px;
        padding: .18rem .35rem;
    }

    .xf-one {
        width: 33.33%;
    }

    .xf-img {
        height: 1.5rem;
        height: 1.5rem;
    }
}

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

.xg-b {
    width: 16rem;
    margin: 0 auto;
}

.xg-top {
    width: 100%;
    position: relative;
    margin-bottom: .5rem;
}

.xg-left {
    display: inline-block;
    vertical-align: top;
}

.xg-en {
    color: #333333;
    font-weight: bold;
    margin-bottom: .3rem;
}

.xg-titles {
    color: #222;
}

.xg-right {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translate(0, -50%);
    font-size: 0;
}

.xg-navs {
    display: inline-block;
    vertical-align: middle;
}

.xg-nav {
    display: inline-block;
    vertical-align: middle;
    margin-right: .7rem;
    color: #333333;
    line-height: 1.5;
    cursor: pointer;
}

.xg-nav:hover {
    color: #12509c;
}

.xg-nav.active {
    color: #12509c;
}

.xg-more {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    line-height: 1.5;
    cursor: pointer;
}

.xg-more:hover {
    color: #12509c;
}

.xg-cont {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: .5rem;
    border-bottom: 1px solid #f0f0f0;
}

.xg-item {
    position: absolute;
    width: 100%;
    left: -199rem;
}

.xg-item.show {
    position: relative;
    left: 0;
}

.xg-c {
    width: 100%;
}

.xg-one {
    width: 100%;
    padding-right: 1.5rem;
}

.xg-d {
    display: block;
    cursor: pointer;
    width: 100%;
}

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

.xg-espan1 {
    display: inline-block;
    vertical-align: middle;
    color: #12509c;
    line-height: 1.5;
}

.xg-espan2 {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    line-height: 1.5;
}

.xg-espan2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 .1rem;
    width: 1px;
    height: 1em;
    background-color: #cccccc;
}

.xg-f {
    color: #222222;
    line-height: 1.3;
    margin-bottom: .35rem;
    margin-top: .35rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xg-g {
    color: #999999;
}

.xg-g:after {
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin-left: .15rem;
}

.xg-one:hover .xg-f {
    color: #12509c;
}

.xg-prev {
    left: auto;
    right: .6rem;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    border: 1px solid #cccccc;
    background-image: url('../images/c10.png');
    background-size: .1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xg-prev:hover {
    background-image: url('../images/c10-c.png');
    border: 1px solid #12509c;
}

.xg-next {
    transform: rotate(-180deg);
    right: 0;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    border: 1px solid #cccccc;
    background-image: url('../images/c10.png');
    background-size: .1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xg-next:hover {
    background-image: url('../images/c10-c.png');
    border: 1px solid #12509c;
}


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

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

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

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

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

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

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

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

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

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

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

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





/* 动画 */


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

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

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

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

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

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

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

.scale.is-visible {
    opacity: 1;
    transform: scale(1);
}

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

.reduce.is-visible {
    opacity: 1;
    transform: scale(1);
}

@media(min-width: 750px) {

    .teaser.delay2 {
        transition-delay: .2s;
    }

    .teaser.delay4 {
        transition-delay: 0.4s;
    }

    .teaser.delay6 {
        transition-delay: 0.6s;
    }

    .teaser.delay8 {
        transition-delay: 0.8s;
    }

    .lter.delay2 {
        transition-delay: 0.2s;
    }

    .lter.delay4 {
        transition-delay: 0.4s;
    }

    .lter.delay6 {
        transition-delay: 0.6s;
    }

    .lter.delay8 {
        transition-delay: 0.8s;
    }

    .rter.delay2 {
        transition-delay: 0.2s;
    }

    .rter.delay4 {
        transition-delay: 0.4s;
    }

    .rter.delay6 {
        transition-delay: 0.6s;
    }

    .rter.delay8 {
        transition-delay: 0.8s;
    }

}


.a-titles,
.a-en,
.a-a .a-buttom {
    opacity: 0;
    transform: translate3d(150px, 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 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.a-item.swiper-slide-active .a-en {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.a-item.swiper-slide-active .a-buttom {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.a-en {
    transition-delay: .2s;
}

.a-a .a-buttom {
    transition-delay: 0.4s;
}

.p-a,
.k-a {
    overflow: hidden;
}

.q-icon {
    position: relative;
    top: 0;
    transition: all ease .5s;
}

.q-item:hover .q-icon {
    top: -5px;
}

@media(min-width:750px) {
    .r-item.teaser:nth-child(4n + 2) {
        transition-delay: .2s;
    }

    .r-item.teaser:nth-child(4n + 3) {
        transition-delay: .4s;
    }

    .r-item.teaser:nth-child(4n + 4) {
        transition-delay: .6s;
    }

    .j-item.teaser:nth-child(3n + 2) {
        transition-delay: .3s;
    }

    .j-item.teaser:nth-child(3n + 3) {
        transition-delay: .6s;
    }
}