@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: rRegular, Arial, Microsoft Yahei;
}

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;
    border-radius: 0;
}

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

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

header,
footer,
main,
header *,
footer *,
main * {
    box-sizing: border-box;
}

#web-ietip {
    width: 610px;
    height: 173px;
    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::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.06rem;
    background-color: #ccc;
    border-radius: 0;
}

div::-webkit-scrollbar-thumb {
    background-color: #033077;
    border-radius: 0;
}

/*火狐*/
@-moz-document url-prefix() {
    div {
        scrollbar-width: thin;
        scrollbar-color: #033077 #ccc;
    }
}

@media(max-width: 1920px) {
    div::-webkit-scrollbar {
        width: 2px;
        height: 6px;
    }
}

/*谷歌*/
ul::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.06rem;
    background-color: #ccc;
    border-radius: 0;
}

ul::-webkit-scrollbar-thumb {
    background-color: #033077;
    border-radius: 0;
}

/*火狐*/
@-moz-document url-prefix() {
    ul {
        scrollbar-width: thin;
        scrollbar-color: #033077 #ccc;
    }
}

@media(max-width: 1920px) {
    ul::-webkit-scrollbar {
        width: 2px;
        height: 6px;
    }
}

@font-face{
    font-family: rBold;
    src: url('../fonts/Roboto-Bold.woff2');
    font-display: swap;
}
@font-face{
    font-family: rRegular;
    src: url('../fonts/Roboto-Regular.woff2');
    font-display: swap;
}



/*有些苹果系统自带的浏览器safari可能不支持calc和vw一起用，可以试着写成*/
/*html{font-size: 5.2083vw;}
@media(max-width: 900px){
    html{font-size: 46.875px;}
}*/
html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 900px) {
    html {
        font-size: calc(900px / 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.22rem;
    }

    .s13 {
        font-size: 0.23rem;
    }

    .s14 {
        font-size: 0.24rem;
    }

    .s15 {
        font-size: 0.25rem;
    }

    .s16 {
        font-size: 0.26rem;
    }

    .s17 {
        font-size: 0.27rem;
    }

    .s18 {
        font-size: 0.28rem;
    }

    .s19 {
        font-size: 0.29rem;
    }

    .s20 {
        font-size: 0.30rem;
    }

    .s21 {
        font-size: 0.31rem;
    }

    .s22 {
        font-size: 0.32rem;
    }

    .s23 {
        font-size: 0.33rem;
    }

    .s24 {
        font-size: 0.34rem;
    }

    .s25 {
        font-size: 0.35rem;
    }

    .s26 {
        font-size: 0.36rem;
    }

    .s27 {
        font-size: 0.37rem;
    }

    .s28 {
        font-size: 0.38rem;
    }

    .s29 {
        font-size: 0.38rem;
    }

    .s30 {
        font-size: 0.38rem;
    }

    .s31 {
        font-size: 0.38rem;
    }

    .s32 {
        font-size: 0.38rem;
    }

    .s33 {
        font-size: 0.38rem;
    }

    .s34 {
        font-size: 0.38rem;
    }

    .s35 {
        font-size: 0.38rem;
    }

    .s36 {
        font-size: 0.38rem;
    }

    .s37 {
        font-size: 0.38rem;
    }

    .s38 {
        font-size: 0.38rem;
    }

    .s39 {
        font-size: 0.38rem;
    }

    .s40 {
        font-size: 0.38rem;
    }

    .s41 {
        font-size: 0.38rem;
    }

    .s42 {
        font-size: 0.38rem;
    }

    .s43 {
        font-size: 0.38rem;
    }

    .s44 {
        font-size: 0.38rem;
    }

    .s45 {
        font-size: 0.38rem;
    }

    .s46 {
        font-size: 0.38rem;
    }

    .s47 {
        font-size: 0.38rem;
    }

    .s48 {
        font-size: 0.38rem;
    }

    .s49 {
        font-size: 0.38rem;
    }

    .s50 {
        font-size: 0.38rem;
    }

    .s51 {
        font-size: 0.38rem;
    }

    .s52 {
        font-size: 0.38rem;
    }

    .s53 {
        font-size: 0.38rem;
    }

    .s54 {
        font-size: 0.38rem;
    }

    .s55 {
        font-size: 0.38rem;
    }

    .s56 {
        font-size: 0.38rem;
    }

    .s57 {
        font-size: 0.38rem;
    }

    .s58 {
        font-size: 0.38rem;
    }

    .s59 {
        font-size: 0.38rem;
    }

    .s60 {
        font-size: 0.38rem;
    }

    .s61 {
        font-size: 0.38rem;
    }

    .s62 {
        font-size: 0.38rem;
    }

    .s63 {
        font-size: 0.38rem;
    }

    .s64 {
        font-size: 0.38rem;
    }

    .s65 {
        font-size: 0.38rem;
    }

    .s66 {
        font-size: 0.38rem;
    }

    .s67 {
        font-size: 0.38rem;
    }

    .s68 {
        font-size: 0.38rem;
    }

    .s69 {
        font-size: 0.38rem;
    }

    .s70 {
        font-size: 0.38rem;
    }

    .s71 {
        font-size: 0.38rem;
    }

    .s72 {
        font-size: 0.38rem;
    }

    .s73 {
        font-size: 0.38rem;
    }

    .s74 {
        font-size: 0.38rem;
    }

    .s75 {
        font-size: 0.38rem;
    }

    .s76 {
        font-size: 0.38rem;
    }

    .s77 {
        font-size: 0.38rem;
    }

    .s78 {
        font-size: 0.38rem;
    }

    .s79 {
        font-size: 0.38rem;
    }

    .s80 {
        font-size: 0.38rem;
    }
}

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

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

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

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

body {
    background-color: #f3f3f3;
    padding-top: .9rem;
}

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


.target {
    width: 100%;
    position: absolute;
    left: 0;
    top: -0.9rem;
}

header {
    width: 100%;
    height: .9rem;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12345;
}

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

.h-form {
    border: 1px solid #033077;
    border-radius: .1rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.h-input {
    width: 2.24rem;
    height: 2.714em;
    border: none;
    padding-left: .17rem;
    background-color: transparent;
    vertical-align: top;
}

.h-line {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: .875em;
    background-color: #ccc;
    position: relative;
    top: calc(1.357em - 0.4375em);
}

.h-submit {
    width: .54rem;
    height: 2.714em;
    border: none;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    background-image: url(../images/6.png);
    background-size: .16rem auto;
    background-repeat: no-repeat;
    vertical-align: top;
    background-position: center center;
}

.h-select {
    display: inline-block;
    vertical-align: top;
    width: 11.428em;
}

.h-select:after {
    content: "";
    display: inline-block;
    width: .928em;
    height: .571em;
    background-image: url(../images/9.png);
    background-size: 100% 100%;
    position: absolute;
    right: .33rem;
    transform: translate(100%, 0);
    top: 50%;
    margin-top: -0.2855em;
}

.h-txt {
    border: none;
    height: 2.714em;
    color: #262626;
    padding: 0 0.33rem 0 0.2rem;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background-color: transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.h-list {
    width: 25.71em;
    padding: 1.071em .4285em 1.071em .714em;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
    border-radius: .03rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.h-list-in {
    width: 100%;
    padding-right: .22rem;
    max-height: 20em;
    overflow: auto;
}

.h-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    padding: 0.39em .714em;
    color: #1f1f1f;
    border-radius: .03rem;
}

.h-item.active {
    color: #033077;
}

.h-select {
    position: relative;
}

.h-select.show {
    z-index: 2;
}

.h-select.show .h-list {
    visibility: visible;
    opacity: 1;
}

.h-select.show:after {
    transform: translate(100%, 0) rotate(180deg);
}

.h-list:hover .h-item {
    background-color: transparent;
}

.h-list:hover .h-item:hover {
    background-color: #eee;
}

.h-ct {
    color: #1f1f1f;
    line-height: 2.714;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: .6rem;
    position: relative;
}

.h-ct:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .9375em;
    height: .9375em;
    background-image: url(../images/4.png);
    background-size: 100% 100%;
    margin-left: .5625em;
    position: relative;
    top: -1px;
}

.h-ct-sub {
    width: 18.57em;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
    border-radius: .03rem;
    position: absolute;
    left: 0;
    top: 100%;
    padding: .642em 1.21em;
    background-color: #fff;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.h-ct-one {
    width: 100%;
    color: #1f1f1f;
    line-height: 1.428;
    margin-bottom: .09rem;
}

.h-ct-one:last-child {
    margin-bottom: 0;
}

.h-ct.show .h-ct-sub {
    visibility: visible;
    opacity: 1;
}

.h-inner {
    width: 100%;
    height: 100%;
    max-width: 18rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h-index {
    height: .4rem;
    margin-top: -0.2rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
}

.h-logo {
    height: 100%;
}

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

.h-menu {
    color: #1f1f1f;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.h-menu:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.3125em;
    height: 1.125em;
    background-image: url(../images/2.png);
    background-size: 100% 100%;
    margin-right: .625em;
    position: relative;
    top: -1px;
    cursor: pointer;
}

.h-menu-txt2 {
    display: none;
}

.h-pro {
    display: inline-block;
    vertical-align: middle;
    margin-left: .6rem;
    position: relative;
}

.h-tit {
    color: #1f1f1f;
    line-height: 2.714;
    cursor: pointer;
}

.h-tit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-top: .3125em solid #033077;
    border-left: .3125em solid transparent;
    border-right: .3125em solid transparent;
    margin-left: .625em;
}

.h-lang {
    display: inline-block;
    vertical-align: top;
    border-radius: 1.1875em;
    border: 1px solid #ccc;
    margin-left: .2rem;
    position: relative;
}

.h-lang-list {
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
    border-radius: .03rem;
    margin-top: .1rem;
    padding: .1rem 0;
    visibility: hidden;
    opacity: 0;
}

.h-lang-list:before {
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    position: absolute;
    left: 0;
    top: -0.1rem;
}

.h-lang.show .h-lang-list {
    visibility: visible;
    opacity: 1;
}

.h-lang-item {
    width: 100%;
    color: #1f1f1f;
    line-height: 1.428;
    padding-left: 1.28em;
    margin-bottom: .714em;
    cursor: pointer;
    display: block;
    transition: all .3s;
}

.h-lang-item:last-child {
    margin-bottom: 0;
}

.h-cur {
    display: inline-block;
    vertical-align: top;
    width: 7.5em;
    line-height: 2.375;
    text-align: center;
    color: #1f1f1f;
    cursor: pointer;
}

.h-cur:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.125em;
    height: 1.125em;
    background-image: url(../images/7.png);
    background-size: 100% 100%;
    margin-right: .5625em;
}

.h-cur:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .6875em;
    height: .375em;
    background-image: url(../images/8.png);
    background-size: 100% 100%;
    margin-left: .4375em;
}

body.pc .h-lang-item:hover {
    color: #033077;
}

.ho-wrap {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
    border-radius: .03rem;
    transition: all .3s;
    font-size: 0;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
}

.ho-list {
    width: 20em;
    padding: 1.071em .4285em 1.071em .714em;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #f3f3f3;
}

.ho-list-in {
    width: 100%;
    max-height: 20em;
    overflow: auto;
}

.ho-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    padding: 0.39em 1.571em .39em .714em;
    color: #1f1f1f;
    border-radius: .03rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: relative;
}

.ho-list-in>li.active .ho-item {
    color: #033077;
}

.ho-item:after {
    content: "";
    display: inline-block;
    width: .5em;
    height: .7857em;
    background-image: url(../images/3.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0.357em;
    top: 50%;
    margin-top: -0.39285em;
}

.ho-sub-box {
    width: 39.285em;
    padding: 1.071em .4285em 1.071em .714em;
    display: inline-block;
    vertical-align: top;
}

.ho-sub-in {
    width: 100%;
    max-height: 20em;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}

.ho-sub-in>li {
    display: inline-block;
    width: 50%;
}

.h-pro.show .ho-wrap {
    visibility: visible;
    opacity: 1;
}

.ho-sub-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    color: #666;
    padding: 0.39em .714em;
    border-radius: .03rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.ho-sub-item.active {
    color: #033077;
}

.ho-list-in .ho-sub-in {
    display: none;
}

body.pc .ho-sub-item:hover {
    color: #033077;
}

.hb-box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #f3f3f3;
    max-height: calc(100vh - 0.9rem);
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.hb-box:before {
    content: "";
    display: block;
    width: 4.74rem;
    height: 7.9rem;
    background-image: url(../images/60.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hb-left:before {
    content: "";
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    background-image: url(../images/59.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.hb-left {
    float: left;
    width: 46.875%;
    background-color: #fff;
    padding-left: .6rem;
    position: relative;
    padding-bottom: .43rem;
    z-index: 12;
    padding-top: .48rem;
}

.hb-nav {
    width: 100%;
    position: relative;
    z-index: 12;
}

.hb-li {
    width: 100%;
}

.hb-link {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    color: #ccc;
    font-family: rBold;
    line-height: 1.28rem;
    cursor: pointer;
    transition: all .3s;
}

.hb-link:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/221.png);
    background-size: 100% 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.hb-sub {
    width: 4.6rem;
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: .6rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    padding-top: .2rem;
}

.hb-sub-li {
    position: relative;
}

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

.hb-sub-link {
    display: inline-block;
    width: 100%;
    line-height: 1.388;
    padding: .12rem 0;
    color: #262626;
    cursor: pointer;
}

.hb-li.active .hb-sub {
    visibility: visible;
    opacity: 1;
}

.hb-li.active .hb-link {
    color: #262626;
}

.hb-li.active .hb-link:after {
    visibility: visible;
    opacity: 1;
}

.hb-th {
    width: 100%;
    padding-top: .1rem;
    padding-bottom: .35rem;
}

.hb-th-li {
    width: 100%;
}

.hb-th-link {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    padding: .08rem 0;
    color: #666;
    line-height: 1.5;
    transition: all .3s;
    cursor: pointer;
    padding-left: .625em;
}

body.pc .hb-th-link:hover {
    color: #033077;
    text-decoration: underline;
}

.hb-ct {
    width: 5.57rem;
    height: 7.79rem;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 12;
}

.hb-ct-text {
    width: 100%;
    position: absolute;
    left: 0;
    padding-left: 1.7rem;
    bottom: 3rem;
    transform: translate(0, 50%);
}

.hb-ct-tit {
    color: #fff;
    line-height: 1.166;
    margin-bottom: .19rem;
    font-family: rBold;
}

.hb-ct-row {
    color: #fff;
    line-height: 1.5;
    margin-bottom: .23rem;
    letter-spacing: .04em;
}

.hb-ct-icon {
    width: 1.15em;
    vertical-align: middle;
    margin-right: .2rem;
    filter: grayscale(100%) brightness(500%);
}

body.pc .hb-sub-link:hover {
    color: #033077;
    text-decoration: underline;
}

header.show-nav {
    background-color: #033077;
}

header.show-nav:before {
    content: "";
    display: block;
    width: 6.88rem;
    height: 1.75rem;
    background-image: url(../images/53.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -0.55rem;
    pointer-events: none;
}

header.show-nav:after {
    content: "";
    display: block;
    width: .9rem;
    height: .9rem;
    background-color: #fff;
    background-image: url(../images/58.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}

header.show-nav .hb-box {
    visibility: visible;
    opacity: 1;
}

header.show-nav .h-form {
    border-color: #fff;
}

header.show-nav .h-pro {
    display: none;
}

header.show-nav .h-ct {
    display: none;
}

header.show-nav .h-lang {
    display: none;
}

header.show-nav .h-right {
    position: absolute;
    left: 2.2rem;
    top: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 123;
}

header.show-nav .h-txt {
    color: #fff;
}

header.show-nav .h-index {
    display: none;
}

header.show-nav .h-input {
    color: #fff;
}

header.show-nav .h-select:after {
    background-image: url(../images/55.png);
}

header.show-nav input::-webkit-input-placeholder,
header.show-nav textarea::-webkit-input-placeholder {
    color: #fff;
}

header.show-nav input:-moz-placeholder,
header.show-nav textarea:-moz-placeholder {
    color: #fff;
}

header.show-nav input::-moz-placeholder,
header.show-nav textarea::-moz-placeholder {
    color: #fff;
}

header.show-nav input:-ms-input-placeholder,
header.show-nav textarea:-ms-input-placeholder {
    color: #fff;
}

header.show-nav .h-submit {
    background-image: url(../images/56.png);
}

header.show-nav .h-menu {
    color: #fff;
}

header.show-nav .h-menu-txt1 {
    display: none;
}

header.show-nav .h-menu-txt2 {
    display: inline;
}

header.show-nav .h-menu:before {
    width: 1em;
    height: 1em;
    background-image: url(../images/54.png);
    background-size: 100% 100%;
}

.h-search {
    display: none;
}

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

    header {
        height: 46px;
        padding: 0 10px;
    }

    .h-inner {
        max-width: 100%;
    }

    .h-tit {
        line-height: 46px;
    }

    .h-ct {
        line-height: 46px;
    }

    .h-index {
        height: 22px;
        top: 12px;
        margin-top: 0;
    }

    .h-menu {
        line-height: 46px;
    }

    .h-input {
        width: 140px;
        height: 34px;
    }

    .h-txt {
        height: 34px;
    }

    .h-submit {
        width: 34px;
        height: 34px;
        background-size: 14px auto;
    }

    .h-cur {
        line-height: 34px;
    }

    .h-lang {
        border-radius: 18px;
    }

    header.show-nav:after {
        width: 46px;
        height: 46px;
    }

    .h-form {
        display: none;
    }

    header.show-nav .h-form {
        display: block;
    }

    header.show-nav .h-search {
        display: none;
    }

    .h-search {
        width: 46px;
        height: 46px;
        display: inline-block;
        vertical-align: top;
        background-image: url(../images/6.png);
        background-size: 16px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .h-lang {
        margin-top: 5px;
    }

    .hb-box {
        height: calc(100vh - 46px);
        max-height: none;
    }

}

@media(max-width: 800px) {
    .h-ct {
        font-size: 0;
    }

    .h-ct:after {
        width: 15px;
        height: 15px;
    }

    .h-menu {
        font-size: 0;
    }

    .h-menu:before {
        width: 21px;
        height: 18px;
    }

    header.show-nav .h-menu:before {
        width: 16px;
        height: 16px;
    }

}

@media(max-width: 750px) {
    .h-index {
        height: .36rem;
        top: 50%;
        margin-top: -0.18rem;
    }

    .h-lang {
        margin-left: 0;
    }

    .h-pro {
        margin-left: 10px;
    }

    .h-tit {
        font-size: .22rem;
    }

    .h-ct {
        margin-left: 0;
        width: 46px;
        text-align: center;
    }
    .h-cur{
        font-size: .2rem;
    }

    .hb-ct {
        display: none;
    }

    .hb-left {
        padding-left: .3rem;
        width: 55%;
    }

    .hb-link {
        font-size: .3rem;
        line-height: 2;
    }

    .h-select.show .h-list {
        display: none;
    }

    .hb-link:after {
        width: .5rem;
        height: .5rem;
    }

    .hb-sub {
        padding-top: 0;
    }

    .hb-box:before {
        display: none;
    }

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

    .h-form {
        white-space: nowrap;
    }

    header.show-nav .h-right {
        left: 46px;
    }

    header.show-nav:after {
        display: none;
    }

    .hb-sub {
        width: 45vw;
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .ho-wrap {
        white-space: normal;
    }

    .ho-sub-in>li {
        width: 100%;
    }

    .ho-sub-box {
        width: 100%;
    }
}

@media(max-width: 400px) {
    .h-ct {
        width: 20px;
    }
}



footer {
    width: 100%;
    background-color: #131925;
    position: relative;
    padding: 1.24rem .3rem;
}

footer:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 12.252%;
    background-image: url(../images/53.png?a=1);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 0;
    bottom: 0.09rem;
    z-index: 1;
}

.f-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    position: relative;
    z-index: 12;
}

.f-top {
    width: 100%;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.2);
    display: flex;
    padding-bottom: 1rem;
}

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

.f-item1 {
    width: 33.125%;
    padding-right: .2rem;
}

.f-item2 {
    width: 20.625%;
    padding-right: .2rem;
}

.f-item3 {
    width: 17.5%;
    padding-right: .2rem;
}

.f-item4 {
    width: 28.75%;
}

.f-tit {
    color: #fff;
    line-height: 1;
    margin-bottom: .35rem;
    letter-spacing: .04em;
}

.f-dd {
    width: 100%;
}

.f-one {
    display: block;
    color: #ccc;
    line-height: 1.375;
    margin-bottom: .17rem;
    max-width: 26em;
    letter-spacing: .04em;
    transition: all .3s;
}

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

body.pc a.f-one:hover {
    color: #fff;
}

.f-form {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: .1rem;
    position: relative;
}

.f-input {
    width: 100%;
    height: .58rem;
    padding: 0 .29rem;
    color: #fff;
    background-color: transparent;
    border: none;
}

.f-submit {
    width: 1.2rem;
    height: .44rem;
    border-radius: .1rem;
    background-color: #033077;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0.07rem;
    top: 0.07rem;
    color: #fff;
}

.f-share {
    font-size: 0;
    padding-top: .45rem;
}

.f-el {
    display: inline-block;
    vertical-align: top;
    height: .19rem;
    margin-right: .2rem;
    opacity: .5;
    transition: all .3s;
    cursor: pointer;
}

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

.f-icon {
    height: 100%;
}

body.pc .f-el:hover {
    opacity: 1;
}

.f-bot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: .38rem 0 .55rem;
}

.f-copy {
    color: #999;
    line-height: 1.5;
}

.f-copy a {
    transition: all .3s;
}

body.pc .f-copy a:hover {
    color: #fff;
}

.f-author {
    color: #999;
    line-height: 1.5;
}

.f-author a {
    transition: all .3s;
}

body.pc .f-author a:hover {
    color: #fff;
}

@media(max-width: 1920px) {
    .f-el {
        height: 19px;
        margin-right: 20px;
    }
}

@media(max-width: 1200px) {
    footer {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .f-inner {
        max-width: 100%;
    }
}

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

    .f-top {
        display: block;
        padding-bottom: .3rem
    }

    .f-item {
        width: 100%;
        padding-right: 0;
        margin-bottom: .6rem;
    }

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

    .f-tit {
        margin-bottom: .2rem;
    }

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

    .f-bot {
        display: block;
        text-align: center;
    }

    .f-copy {
        width: 100%;
        margin-bottom: .1rem;
    }

    .f-author {
        width: 100%;
    }

    a.f-one {
        display: inline-block;
        vertical-align: top;
        line-height: 2;
        margin-right: .2rem;
    }

    .f-input {
        height: .66rem;
    }

    .f-submit {
        height: .52rem;
    }
}

.rs-main {
    position: fixed;
    right: .34rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 123;
}

.rs-item {
    width: .6rem;
    height: .6rem;
    background-color: #fff;
    margin-bottom: .1rem;
    border-radius: .03rem;
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

.rs-box{width: 1.2rem;position: absolute;right: 100%;margin-right: 0.2rem;background-color: #fff;padding: .1rem;cursor: default;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);visibility: hidden;opacity: 0;transition: all .3s;border-radius: .1rem;}
.rs-box:after{content: "";display: inline-block;border-left: 0.1rem solid #fff;border-top: 0.1rem solid transparent;border-bottom: 0.1rem solid transparent;position: absolute;right: -0.09rem;top: 0.2rem;}
.rs-code{width: 100%;}
.rs-item:hover .rs-box{visibility: visible;opacity: 1;}
.rs-text{width: auto;background-color: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);position: absolute;right: 100%;margin-right: 0.2rem;padding: 0.1rem 1em;white-space: nowrap;border-radius: .1rem;cursor: default;visibility: hidden;opacity: 0;transition: all .3s;}
.rs-text:after{content: "";display: inline-block;border-left: 0.1rem solid #fff;border-top: 0.1rem solid transparent;border-bottom: 0.1rem solid transparent;position: absolute;right: -0.09rem;top: 50%;margin-top: -0.1rem;}
.rs-t{display: inline-block;vertical-align: top;line-height: 1.5;color: #666;cursor: pointer;transition: all .3s;}
.rs-t:hover{color: #033077;}
.rs-item:hover .rs-text{visibility: visible;opacity: 1;}
@media(max-width: 1920px){
    .rs-box{width: 120px;}
}

.rs-icon {
    height: .31rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    margin-top: -0.155rem;
}

body.pc .rs-item:hover {
    background-color: #033077;
}

body.pc .rs-item:hover .rs-icon {
    filter: grayscale(100%) brightness(500%);
}

@media(max-width: 750px) {
    .rs-main {
        right: 0;
    }
}

.a-main {
    width: 100%;
    height: 8.6rem;
    position: relative;
    overflow: hidden;
}

.a-bn-wrap {
    width: 10.6rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.a-bn {
    width: 100%;
    height: 100%;
}

.a-box {
    width: 100%;
    height: 8.6rem;
    overflow: hidden;
    position: relative;
}

.a-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 6.4rem;
    background-image: url(../images/64.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 123;
}

.a-box:after {
    content: "";
    display: block;
    width: 2.09rem;
    height: 2.2rem;
    background-image: url(../images/65.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 123;
}

.a-mask {
    width: 100%;
    height: 94%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
    position: absolute;
    left: 1px;
    bottom: 0;
    z-index: 12;
}

.a-img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover;
    position: absolute;
    right: -1px;
    top: 0;
}

.a-top {
    width: 100%;
    height: 6.4rem;
    background-color: #fff;
}

.a-bot {
    width: 100%;
    height: 2.2rem;
    background-color: #033077;
    padding-top: .4rem;
}

.a-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.a-title {
    font-size: .9rem;
    color: #262626;
    font-family: rBold;
    line-height: 1.133;
    padding-top: .7rem;
    margin-bottom: .42rem;
    position: relative;
    z-index: 12;
}

.a-green {
    color: #033077;
}

.a-form {
    width: 5.8rem;
    border: 0.02rem solid #033077;
    padding: .04rem .03rem .04rem 0;
    border-radius: .1rem;
    position: relative;
    display: flex;
    z-index: 12;
    transition-delay: .2s;
}

.a-input {
    width: 100%;
    height: .58rem;
    border: none;
    flex: 1;
}

.a-submit {
    width: 1.15rem;
    height: .58rem;
    border: none;
    background-color: #033077;
    color: #fff;
    cursor: pointer;
    border-radius: .1rem;
    text-align: center;
    min-width: 55px;
}

.a-select {
    display: inline-block;
    vertical-align: top;
    width: 11.428em;
}

.a-select:after {
    content: "";
    display: inline-block;
    width: .928em;
    height: .571em;
    background-image: url(../images/9.png);
    background-size: 100% 100%;
    position: absolute;
    right: .34rem;
    transform: translate(100%, 0);
    top: 50%;
    margin-top: -0.2855em;
}

.a-txt {
    border: none;
    height: .58rem;
    color: #262626;
    padding: 0 0.34rem 0 0.2rem;
    width: 100%;
    cursor: pointer;
    background-color: transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.a-list {
    width: 25.71em;
    padding: 1.071em .4285em 1.071em .714em;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
    border-radius: .03rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.a-list-in {
    width: 100%;
    padding-right: .22rem;
    max-height: 20em;
    overflow: auto;
}

.a-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    padding: 0.39em .714em;
    color: #1f1f1f;
    border-radius: .03rem;
}

.a-item.active {
    color: #033077;
}

.a-select {
    position: relative;
}

.a-select.show {
    z-index: 2;
}

.a-select.show .a-list {
    visibility: visible;
    opacity: 1;
}

.a-select.show:after {
    transform: translate(100%, 0) rotate(180deg);
}

.a-list:hover .a-item {
    background-color: transparent;
}

.a-list:hover .a-item:hover {
    background-color: #eee;
}

.a-hot {
    width: 100%;
    padding-top: .58rem;
    width: 5.8rem;
    transition-delay: .4s;
}

.a-dt {
    color: #262626;
    font-family: rBold;
    line-height: 1;
    margin-bottom: .888em;
}

.a-dd {
    font-size: 0;
    width: calc(100% + 0.8rem);
    max-height: 1.12rem;
    overflow: auto;
}

.a-link {
    display: inline-block;
    vertical-align: top;
    line-height: 2;
    color: #666;
    margin-right: .4rem;
    cursor: pointer;
    transition: all .3s;
}

body.pc .a-link:hover {
    color: #033077;
}

.a-text {
    width: 6.6rem;
    position: absolute;
    left: 2.53rem;
    bottom: 0.25rem;
    z-index: 12;
}

.a-tit {
    color: #fff;
    line-height: 1.305;
    letter-spacing: .04em;
    font-family: rBold;
    margin-bottom: .04rem;
}

.a-des {
    color: #fff;
    line-height: 1.714;
    letter-spacing: .04em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.a-b-wrap {
    width: 5.2rem;
    overflow: hidden;
    transition-delay: .6s;
}

.a-b-bn {
    width: calc(100% + 0.2rem);
}

.a-b-s {
    position: relative;
    padding-right: .2rem;
    width: 1.8rem;
}

.a-b-box {
    width: 100%;
    padding-top: 62.5%;
    position: relative;
    border-radius: .03rem;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    opacity: .5;
    transition: all .3s;
}

.a-b-s.swiper-slide-active .a-b-box {
    opacity: 1;
}

.a-b-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.a-op {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.a-op-num {
    font-size: 0;
}

.a-cur {
    color: #fff;
    line-height: 1;
}

.a-line {
    color: #fff;
    line-height: 1;
}

.a-total {
    color: #fff;
    line-height: 1;
    padding-right: .5em;
}

.a-op-bar {
    flex: 1;
    height: 0.03rem;
    background-color: rgba(255, 255, 255, 0.2);
}

.a-op-s {
    width: 0;
    height: 100%;
    background-color: #fff;
}

.a-op-s.full {
    width: 100%;
    transition: width 4s linear;
}

.a-op-arrow {
    font-size: 0;
    padding-left: .23rem;
}

.a-arrow {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: .875em;
    background-image: url(../images/13.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.a-prev {
    transform: rotate(180deg);
}

.a-next {
    margin-left: .5625em;
}

@media(max-width: 1100px) {
    .a-form {
        width: 332px;
    }
}

@media(max-width: 750px) {
    .a-main {
        height: auto;
    }

    .a-bn-wrap {
        position: relative;
        height: auto;
        width: 100%;
    }

    .a-top {
        height: auto;
        padding: 0 0.3rem 0.3rem;
    }

    .a-dd {
        max-height: none;
    }

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

    .a-title {
        font-size: .6rem;
        padding-top: .6rem;
        margin-bottom: .3rem;
    }

    .a-form {
        width: 100%;
    }

    .a-hot {
        padding-top: .3rem;
        width: 100%;
    }

    .a-link {
        margin-right: .3rem;
    }

    .a-dd {
        width: calc(100% + 0.3rem);
    }

    .a-box:after {
        display: none;
    }

    .a-box {
        height: auto;
    }

    .a-mask{
        left: 0;
    }

    .a-img {
        position: relative;
        height: 62.25vw;
        right: 0;
    }

    .a-text {
        width: 100%;
        left: 0;
        padding: 0 0.3rem;
    }

    .a-bot {
        padding: 0.4rem 0.3rem;
        height: auto;
    }

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




.o-main {
    width: 100%;
    background-color: #fff;
}

.o-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 0;
}

.o-link {
    display: inline-block;
    vertical-align: top;
    line-height: .6rem;
    color: #262626;
}

.o-link:last-child {
    color: #666;
}

.o-link:after {
    content: "/";
    display: inline-block;
    vertical-align: top;
    line-height: .6rem;
    padding: 0 0.1rem;
}

.o-link:last-child:after {
    display: none;
}

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


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

.p-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 0;
}

.p-title {
    color: #252525;
    line-height: 1.35;
    padding-top: .17rem;
    padding-bottom: .13rem;
}

.p-tabs {
    font-size: 0;
    width: calc(100% + 0.1rem);
    padding-bottom: .34rem;
}

.p-tab {
    display: inline-block;
    vertical-align: top;
    padding: 0 1em;
    background-color: #fff;
    line-height: 1.875;
    border-radius: .1875em;
    margin-right: .1rem;
    margin-bottom: .16rem;
    cursor: pointer;
    transition: all .3s;
}

.p-tab.active {
    color: #fff;
    background-color: #033077;
}

.p-box {
    width: 100%;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .3rem;
}

.p-img {
    width: 100%;
    vertical-align: top;
}

.p-cont {
    width: 100%;
    background-color: #fff;
    border-radius: .1rem;
    font-size: 0;
    padding: .4rem .7rem .4rem 0;
}

.p-left {
    width: 3rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.p-logo {
    width: 1.61rem;
}

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

.p-tit {
    color: #252525;
    line-height: 1.416;
    margin-bottom: .15rem;
}

.p-des {
    color: #252525;
    line-height: 1.6875;
}

body.pc .p-tab:hover {
    color: #fff;
    background-color: #033077;
}

@media(max-width: 750px) {
    .p-main {
        padding: .3rem .3rem;
        margin-bottom: 0;
    }

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

    .p-right {
        width: 100%;
    }

    .p-cont {
        padding: .3rem;
    }
}

.q-main {
    width: 100%;
    padding-bottom: .65rem;
}

.q-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.q-left {
    width: 3.2rem;
    background-color: #fff;
    border-radius: .1rem;
    padding: 0.27rem .3rem .31rem;
}

.q-right {
    width: calc(100% - 3.5rem);
}

.q-dl {
    width: 100%;
    margin-bottom: .2rem;
    border-radius: .2rem;
    overflow: hidden;
    background-color: #fff;
}

.q-dl:last-child {
    margin-bottom: 0;
}

.q-dt {
    color: #252525;
    line-height: .6rem;
    padding: 0 .3rem;
    background-color: rgba(2,48,119,0.1);
}

.q-dd {
    font-size: 0;
    padding: 0.17rem .3rem .27rem;
}

.q-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    color: #666;
    line-height: 1.428;
    padding: .11rem .1rem .11rem 0;
    transition: all .3s;
}

.q-title {
    color: #252525;
    line-height: 1.875;
}

.q-ul {
    width: 100%;
}

.q-link {
    display: block;
    width: 100%;
    color: #666;
    line-height: 1.428;
    padding: .12rem 0;
    transition: all .3s;
}

body.pc .q-link:hover {
    color: #033077;
}

body.pc .q-item:hover {
    color: #033077;
}

@media(max-width: 1200px) {
    .q-item {
        width: 50%;
    }
}

@media(max-width: 750px) {
    .q-main {
        padding: .3rem .3rem .6rem;
    }

    .q-inner {
        display: block;
    }

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

    .q-right {
        width: 100%;
    }

    .q-item {
        width: 100%;
    }
}



.r-main {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .5rem;
    background-color: #fff;
}

.r-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 0;
}

.r-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .9rem;
    align-items: center;
}

.r-left {
    width: 8.6rem;
}

.r-tit {
    color: #033077;
    line-height: 1.45;
    font-family: rBold;
    margin-bottom: .27rem;
}

.r-title {
    color: #262626;
    line-height: 1;
    font-family: rBold;
    margin-bottom: .27rem;
    letter-spacing: .04em;
}

.r-intro {
    color: #333;
    line-height: 1.625;
}

.r-right {
    width: 6.5rem;
    position: relative;
}

.r-img {
    width: 100%;
    vertical-align: top;
    border-radius: .1rem;
    position: relative;
    z-index: 12;
}

.r-right:after {
    content: "";
    display: block;
    width: 100%;
    height: 2.4rem;
    border-radius: .1rem;
    background-color: #033077;
    position: absolute;
    left: -0.3rem;
    top: 0.3rem;
    z-index: 1;
}

.r-form {
    width: 8rem;
    border: 1px solid #f3f3f3;
    border-radius: .1rem;
    position: relative;
}

.r-input {
    width: 100%;
    height: .58rem;
    border: none;
    border: none;
    padding: 0 .19rem;
    color: #333;
    letter-spacing: .08em;
}

.r-submit {
    width: 1.2rem;
    height: .44rem;
    text-align: center;
    background-color: #033077;
    border-radius: .1rem;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: .07rem;
    top: .07rem;
    z-index: 12;
    border: none;
    letter-spacing: .04em;
}

@media(max-width: 750px) {
    .r-main {
        padding: .6rem .3rem;
    }

    .r-cont {
        display: block;
        margin-bottom: .6rem;
    }

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

    .r-right {
        width: 100%;
    }

    .r-right:after {
        left: -0.15rem;
    }

    .r-form {
        width: 100%;
    }

    .r-input {
        height: .66rem;
    }

    .r-submit {
        height: .52rem;
    }
}



.s-main {
    width: 100%;
    padding-top: .6rem;
}

.s-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

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

.s-item {
    display: inline-block;
    vertical-align: top;
    width: 18.5%;
    margin-right: 1.875%;
    height: 1rem;
    margin-bottom: .3rem;
    border-radius: .1rem;
    background-color: #fff;
    position: relative;
}

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

.s-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
}

.s-item.green {
    background-color: #033077;
}

.s-tit {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: none;
}

@media(max-width: 750px) {
    .s-main {
        padding: .6rem .3rem;
    }

    .s-item {
        width: 23%;
        height: 0.8rem;
        margin-right: 2.666%;
        margin-bottom: 2.666%;
    }

    .s-item:nth-child(5n) {
        margin-right: 2.666%;
    }

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

.t-main {
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .98rem;
}

.t-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    border-radius: .1rem;
    overflow: hidden;
}

.t-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem;
}

.t-title {
    color: #262626;
    font-family: rBold;
    letter-spacing: .04em;
}

.t-more {
    display: inline-block;
    width: 2rem;
    line-height: .58rem;
    border: 1px solid #033077;
    border-radius: .03rem;
    text-align: center;
    color: #033077;
    cursor: pointer;
    transition: all .3s;
}

.t-more:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/29.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

body.pc .t-more:hover {
    background-color: #033077;
    color: #fff;
}

body.pc .t-more:hover:after {
    background-image: url(../images/13.png);
}

.t-cont {
    width: 100%;
    background-color: #fff;
    padding: .4rem 0;
}

.t-bn {
    width: 100%;
}

.t-s {
    padding: 0 .3rem;
    border-right: 1px solid #f3f3f3;
}

.t-item {
    display: block;
    width: 100%;
    text-align: center;
}

body.pc .t-item:hover .t-tit {
    color: #033077;
}

.t-box {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: .23rem;
}

.t-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.t-tit {
    color: #262626;
    font-family: rBold;
    line-height: 1.5;
    margin-bottom: .07rem;
    transition: all .3s;
}

.t-des {
    color: #666;
    line-height: 1.5;
    margin-bottom: .14rem;
}

.t-price {
    color: #033077;
    font-family: rBold;
    line-height: 1;
}

@media(max-width: 750px) {
    .t-main {
        padding: 0 0.3rem 0.6rem;
    }

    .t-hd {
        padding: 0 0.2rem;
    }

    .t-title {
        font-size: .36rem;
    }

    .t-cont {
        padding: .3rem 0;
    }

    .t-tit {
        font-size: .26rem;
    }

    .t-s {
        padding: 0 0.1rem;
    }

    .t-des {
        font-size: .24rem;
    }

    .t-price {
        font-size: .32rem;
    }
}

.u-main {
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .5rem;
}

.u-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.u-hd {
    width: 100%;
    height: .6rem;
    padding: 0 .3rem;
    background-color: rgba(2,48,119,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .1rem .1rem 0 0;
}

.u-title {
    color: #262626;
    letter-spacing: .04em;
}

.u-tip {
    color: #666;
    letter-spacing: .04em;
}

.u-form {
    width: 100%;
    background-color: #fff;
    padding: .3rem .3rem .4rem;
    border-radius: 0 0 0.1rem 0.1rem;
}

.u-left {
    float: left;
    width: 10.2rem;
}

.u-right {
    float: right;
    width: 5rem;
}

.u-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.u-dl {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .3rem;
}

.u-dl:nth-child(2n) {
    margin-right: 0;
}

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

.u-dt {
    color: #262626;
    height: .3rem;
    line-height: 1;
    letter-spacing: .04em;
}

.u-red {
    color: #f00;
}

.u-dd {
    width: 100%;
}

.u-input {
    width: 100%;
    height: .46rem;
    background-color: #f3f3f3;
    padding: 0 .2rem;
    color: #262626;
    border: none;
    letter-spacing: .04em;
}

.u-area {
    width: 100%;
    height: 2.6rem;
    background-color: #f3f3f3;
    padding: calc(0.23rem - 0.714em) .2rem;
    line-height: 1.428;
    color: #262626;
    border: none;
    letter-spacing: .04em;
}

.u-last {
    float: left;
    width: 100%;
    padding-top: .1rem;
}

.u-submit {
    width: 2rem;
    line-height: .6rem;
    background-color: #033077;
    border-radius: .03rem;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
}

.u-submit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/90.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

.u-select .u-input {
    cursor: pointer;
}

.u-select:after {
    content: "";
    display: inline-block;
    border-top: .06rem solid #262626;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    position: absolute;
    right: .2rem;
    top: 0.23rem;
    margin-top: -0.03rem;
    z-index: 12;
}

.u-list {
    width: 100%;
    max-height: 2.5rem;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    display: none;
    border: 1px solid #ccc;
}

.u-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    padding: 0.1rem 0.2rem;
    color: #262626;
}

.u-item.active {
    background-color: #eee;
}

.u-select {
    position: relative;
}

.u-select.show {
    z-index: 2;
}

.u-select.show .u-list {
    display: block;
}

.u-list:hover .u-item {
    background-color: transparent;
}

.u-list:hover .u-item:hover {
    background-color: #eee;
}

@media(max-width: 1400px) {
    .u-dt {
        height: 22px;
    }

    .u-input {
        height: 34px;
    }

    .u-select:after {
        top: 17px;
    }

    .u-dl {
        margin-bottom: 15px;
    }

    .u-area {
        height: 176px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media(max-width: 1200px) {
    .u-hd {
        height: 38px;
    }
}

@media(max-width: 750px) {
    .u-main {
        padding-top: 0;
        padding-bottom: 0;
    }

    .u-hd {
        height: auto;
        display: block;
        padding: .3rem;
    }

    .u-title {
        margin-bottom: .2rem;
    }

    .u-tip {
        font-size: .26rem;
    }

    .u-left {
        float: none;
        width: 100%;
    }

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

    .u-dl {
        margin-bottom: .3rem;
    }

    .u-dt {
        height: 1.7em;
    }

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

    .u-select:after {
        top: 0.3rem;
    }

    .u-area {
        height: 2rem;
    }

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

.w-main {
    width: 100%;
    background-color: #fff;
    padding-bottom: 1.2rem;
}

.w-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

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

.w-item {
    display: inline-block;
    vertical-align: top;
    width: 31.25%;
    margin-right: 3.125%;
    margin-bottom: .5rem;
    border-radius: .1rem;
    overflow: hidden;
}

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

.w-box {
    width: 100%;
    padding-top: 60%;
    position: relative;
}

.w-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.w-text {
    width: 100%;
    background-color: #f3f3f3;
    padding: .36rem .4rem 0;
    transition: all .3s;
}

.w-tit {
    color: #262626;
    line-height: 1.583;
    letter-spacing: .04em;
    margin-bottom: .35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w-bot {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    display: flex;
    padding: .15rem 0;
    align-items: center;
}

.w-left {
    flex: 1;
}

.w-arrow {
    width: .54rem;
    height: .54rem;
    background-image: url(../images/107.png);
    background-size: 100% 100%;
}

.w-date {
    color: #666;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #666;
    padding-right: .375em;
    margin-right: .375em;
}

.w-date:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0625em;
    height: 1.0625em;
    background-image: url(../images/40.png);
    background-size: 100% 100%;
    margin-right: .09rem;
}

.w-type {
    color: #666;
    line-height: 1;
}

body.pc .w-item:hover .w-text {
    background-color: #033077;
}

body.pc .w-item:hover .w-bot {
    border-top-color: #fff;
}

body.pc .w-item:hover .w-tit {
    color: #fff;
}

body.pc .w-item:hover .w-date {
    color: #fff;
    border-right-color: #fff;
}

body.pc .w-item:hover .w-date:before {
    background-image: url(../images/41.png);
}

body.pc .w-item:hover .w-type {
    color: #fff;
}

body.pc .w-item:hover .w-arrow {
    background-image: url(../images/203.png);
}

@media(max-width: 1300px) {
    .w-main {
        padding: 0 .3rem .6rem .3rem;
    }

    .w-item {
        width: calc(50% - 0.15rem);
        margin-right: 0.3rem;
        margin-bottom: 0.3rem;
    }

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

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

    .w-text {
        padding: .2rem .3rem .3rem;
    }

    .w-tit {
        font-size: .3rem;
        margin-bottom: .2rem;
    }

    .w-arrow {
        display: none;
    }

    .w-bot {
        padding-bottom: 0;
        padding-top: .2rem;
    }

    .w-date {
        width: 100%;
        margin-right: 0;
        margin-bottom: .15rem;
        border-right: none;
        padding-right: 0;
    }
}


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

.pg-one {
    display: inline-block;
    vertical-align: top;
    width: .54rem;
    height: .54rem;
    line-height: .54rem;
    border-radius: .03rem;
    text-align: center;
    background-color: #f3f3f3;
    margin: 0 .05rem;
    color: #333;
    cursor: pointer;
    transition: all .3s;
}

.pg-arrow {
    background-image: url(../images/116.png);
    background-size: .16rem auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.pg-prev {
    transform: rotate(180deg);
}

.pg-one.active {
    background-color: #033077;
    color: #fff;
}

.pg-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.pg-cur {
    display: inline-block;
    vertical-align: top;
    line-height: .54rem;
    border-radius: .03rem;
    color: #262626;
    background-color: #f3f3f3;
    padding: 0 0.2rem;
    cursor: pointer;
}

.pg-cur:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .875em;
    height: .5625em;
    background-image: url(../images/117.png);
    background-size: 100% 100%;
    margin-left: .4em;
}

.pg-list {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 0 0 0.03rem 0.03rem;
    display: none;
}

.pg-item {
    color: #262626;
    line-height: 2;
    text-align: center;
    cursor: pointer;
}

body.pc .pg-item:hover {
    background-color: #e3e3e3;
}

.pg-select.show .pg-list {
    display: block;
}

.pg-select.show .pg-cur:after {
    transform: rotate(180deg);
}

body.pc .pg-one:hover {
    background-color: #033077;
    color: #fff;
}

body.pc .pg-arrow:hover {
    background-image: url(../images/13.png);
}

.x-main {
    width: 100%;
    background-color: #fff;
    padding: 1.07rem .3rem .85rem;
    position: relative;
}

.x-main:before {
    content: "";
    display: block;
    width: 4.21rem;
    height: 4.4rem;
    background-image: url(../images/93.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.x-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.x-title {
    color: #262626;
    line-height: 1.23;
    text-align: center;
    font-family: rBold;
    margin-bottom: .3rem;
    letter-spacing: .04em;
}

.x-info {
    text-align: center;
    font-size: 0;
    padding-bottom: .43rem;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}

.x-info:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 1px;
    background-color: #033077;
    position: absolute;
    left: 50%;
    margin-left: -1.5rem;
    bottom: -1px;
}

.x-info:after {
    content: "";
    display: inline-block;
    width: .14rem;
    height: .14rem;
    background-image: url(../images/91.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -0.07rem;
    bottom: -0.07rem;
}

.x-date {
    color: #666;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    margin: 0 0.4rem;
    letter-spacing: .04em;
    margin-bottom: .1rem;
}

.x-view {
    color: #666;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    margin: 0 0.4rem;
    letter-spacing: .04em;
    margin-bottom: .1rem;
}

.x-share {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .1rem;
}

.x-dt {
    display: inline-block;
    vertical-align: top;
    line-height: 1.1875;
    margin-right: .15rem;
    color: #666;
    letter-spacing: .04em;
}

.x-one {
    display: inline-block;
    vertical-align: top;
    height: 1.1875em;
    margin-right: .2rem;
    cursor: pointer;
}

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

.x-icon {
    height: 100%;
    vertical-align: top;
}

.x-icon2 {
    display: none;
}

body.pc .x-one:hover .x-icon1 {
    display: none;
}

body.pc .x-one:hover .x-icon2 {
    display: inline-block;
}

.x-cont {
    width: 100%;
    color: #262626;
    line-height: 1.875;
    padding-top: .63rem;
    padding-bottom: 1.22rem;
    letter-spacing: .04em;
}

.x-cont p {
    line-height: inherit;
}

.x-bot {
    width: 100%;
    display: flex;
}

.x-link {
    flex: 1;
    color: #666;
    line-height: 1.5;
    transition: all .3s;
}

.x-link:first-child {
    padding-right: .1rem;
}

.x-link:last-child {
    text-align: right;
    padding-left: .1rem;
}

.x-back {
    display: inline-block;
    vertical-align: top;
    width: 1.5em;
    height: 1.5em;
    background-image: url(../images/94.png);
    background-size: 100% 100%;
    margin: 0 0.1rem;
}

body.pc .x-link:hover {
    color: #033077;
}

@media(max-width: 750px) {
    .x-main {
        padding: .6rem .3rem;
    }

    .x-cont {
        padding-top: .5rem;
        padding-bottom: .6rem;
    }
}


.y-main {
    width: 100%;
    padding: .65rem .3rem 1.2rem;
    background-color: #fff;
    overflow: hidden;
}

.y-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.y-tit {
    color: #262626;
    line-height: 1.5;
    text-align: center;
    font-family: rBold;
    margin-bottom: .18rem;
}

.y-title {
    color: #262626;
    line-height: 1.25;
    text-align: center;
    font-family: rBold;
    margin-bottom: .45rem;
}
.y-title *{font-size: calc(48 * 1rem / 100) !important;}
@media(max-width: 912px) {
    .y-title * {
        font-size: 22.8px !important;
    }
}
@media(max-width: 750px) {
    .y-title * {
        font-size: 0.38rem !important;
    }
}
.y-green {
    color: #033077;
}

.y-hd {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .84rem;
    position: relative;
    z-index: 1;
}

.y-hd:before {
    content: "";
    display: inline-block;
    width: 7.83rem;
    height: 4.75rem;
    background-image: url(../images/66.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -0.21rem;
    z-index: 1;
}

.y-txt {
    width: 8.2rem;
    color: #666;
    line-height: 1.444;
    position: relative;
    z-index: 2;
}

.y-right {
    font-size: 0;
    position: relative;
    z-index: 2;
    user-select: none;
}

.y-arrow {
    display: inline-block;
    vertical-align: middle;
    width: .54rem;
    height: .54rem;
    background-image: url(../images/107.png);
    background-size: 100% 100%;
    cursor: pointer;
    transition: all .3s;
}

.y-arrow:hover {
    background-image: url(../images/151.png);
}

.y-prev {
    transform: rotate(180deg);
}

.y-cur {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    color: #033077;
}

.y-line {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    padding: 0 0.03rem;
}

.y-total {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    color: #666;
}

.y-cont {
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.y-bn {
    width: calc(100% + 0.32rem);
    margin-left: -0.16rem;
}

.y-s {
    padding: 0 .16rem;
}

.y-item {
    width: 100%;
    transition: all .3s;
    position: relative;
}

.y-box {
    width: 100%;
    padding-top: 6rem;
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.y-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.y-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.45rem;
    padding: 0 .5rem;
    z-index: 12;
}

.y-t {
    color: #fff;
    line-height: 1.5;
}

.y-des {
    color: #fff;
    line-height: 1.6875;
    display: none;
    margin-top: .16rem;
}

.y-s.swiper-slide-active .y-des {
    display: block;
}

@media(min-width: 751px) {
    .y-s.swiper-slide-prev .y-item {
        margin-left: -1.065rem;
    }

    .y-s.swiper-slide-active .y-item {
        width: 7.25rem;
        margin-left: -1.065rem;
    }

    .y-s.swiper-slide-next .y-item {
        margin-left: 1.07rem;
    }

    .y-s.swiper-slide-prev .y-text {
        padding-left: calc(1.065rem + 0.5rem);
    }

    .y-s.swiper-slide-next .y-text {
        padding-right: calc(1.07rem + 0.5rem);
    }
}

@media(max-width: 750px) {
    .y-main {
        padding: .6rem .3rem;
    }

    .y-hd {
        display: block;
        margin-bottom: .3rem;
    }

    .y-title {
        margin-bottom: .4rem;
    }

    .y-txt {
        margin-bottom: .3rem;
        width: 100%;
    }

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

    .y-box {
        padding-top: 60.18%;
    }

    .y-text {
        padding: 0 0.3rem 0.3rem;
        bottom: 0;
    }
}


.z-main {
    width: 100%;
    padding: .82rem .3rem 1.02rem;
    position: relative;
}

.z-main:after {
    content: "";
    display: block;
    width: 7.82rem;
    height: 4.75rem;
    background-image: url(../images/70.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.8;
}

.z-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.z-tit {
    color: #262626;
    line-height: 1.8;
    font-family: rBold;
}

.z-title {
    margin-bottom: 1rem;
    color: #262626;
    line-height: 1.354;
    font-family: rBold;
}

.z-more {
    display: inline-block;
    width: 2rem;
    line-height: .58rem;
    border: 1px solid #033077;
    border-radius: .03rem;
    text-align: center;
    color: #033077;
    cursor: pointer;
    transition: all .3s;
}

.z-more:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/29.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

body.pc .z-more:hover {
    background-color: #033077;
    color: #fff;
}

body.pc .z-more:hover:after {
    background-image: url(../images/13.png);
}

.z-left {
    width: 7rem;
}

.z-right {
    width: 7.77rem;
    padding-top: .67rem;
}

.z-intro {
    color: #666;
    line-height: 1.777;
    margin-bottom: .94rem;
}
.z-intro *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .z-intro * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .z-intro * {
        font-size: 0.28rem;
    }
}
.z-box {
    width: 4rem;
    border-radius: .1rem;
    overflow: hidden;
}

.z-img {
    width: 100%;
}

@media(max-width: 750px) {
    .z-main {
        padding: .6rem .3rem;
    }

    .z-inner {
        display: block;
    }

    .z-title {
        margin-bottom: .4rem;
    }

    .z-right {
        width: 100%;
        padding-top: .5rem;
    }

    .z-intro {
        margin-bottom: .3rem;
    }

    .z-box {
        width: 100%;
    }
}

.aa-main {
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding: 1.53rem 0;
}

.aa-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.aa-left {
    flex: 1;
}

.aa-tit {
    color: #fff;
    line-height: 1.5;
    margin-bottom: .54rem;
}

.aa-title {
    color: #fff;
    line-height: 1.116;
    margin-bottom: .51rem;
    font-family: rBold;
}

.aa-des {
    color: #fff;
    line-height: 1.5;
}

.aa-right {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(../images/212.png);
    background-size: 100% 100%;
    position: relative;
    cursor: pointer;
}

.aa-txt {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1.5;
    width: 100%;
    text-align: center;
}

@media(max-width: 1100px) {
    .aa-txt {
        font-size: 12px;
    }
}

@media(max-width: 750px) {
    .aa-main {
        padding: .6rem .3rem;
    }

    .aa-tit {
        margin-bottom: .3rem;
    }

    .aa-title {
        margin-bottom: .3rem;
        font-size: .36rem;
    }

    .aa-txt {
        font-size: .24rem;
    }

    .aa-des {
        font-size: .28rem;
    }
}

.ab-main {
    width: 100%;
    padding: .65rem .3rem 1rem;
    background-color: #fff;
    overflow: hidden;
}

.ab-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ab-tit {
    color: #262626;
    line-height: 1.5;
    text-align: center;
    font-family: rBold;
    margin-bottom: .18rem;
}

.ab-title {
    color: #262626;
    line-height: 1.25;
    text-align: center;
    font-family: rBold;
    margin-bottom: .43rem;
    letter-spacing: .04em;
}

.ab-green {
    color: #033077;
}

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

.ab-cont:before {
    content: "";
    display: inline-block;
    width: 7.83rem;
    height: 4.75rem;
    background-image: url(../images/66.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0.2rem;
    z-index: 1;
}

.ab-cont.sp:before {
    top: -0.43rem;
}

.ab-intro {
    color: #666;
    line-height: 1.611;
    text-align: center;
    max-width: 66.66em;
    margin: 0 auto 0.92rem;
    letter-spacing: .04em;
    position: relative;
    z-index: 12;
}
.ab-intro *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .ab-intro * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .ab-intro * {
        font-size: 0.28rem;
    }
}

.ab-box {
    width: 100%;
    position: relative;
    max-width: 12rem;
    margin: 0 auto;
    z-index: 12;
}

.ab-box:before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(../images/74.png);
    background-size: 100% 100%;
    position: absolute;
    right: .4rem;
    top: -0.6rem;
}

.ab-img {
    width: 100%;
    border-radius: .1rem;
}

.ab-arrow {
    width: 1rem;
    height: 1rem;
    background-image: url(../images/75.png);
    background-size: 100% 100%;
    position: absolute;
    right: -2rem;
    top: 50%;
    margin-top: -0.5rem;
    cursor: pointer;
}

@media(max-width: 750px) {
    .ab-main {
        padding: .6rem .3rem;
    }

    .ab-title {
        font-size: .36rem;
        margin-bottom: .3rem;
    }

    .ab-intro {
        margin-bottom: .6rem;
    }
}

.ac-main {
    width: 100%;
    padding: 1rem .3rem 1.7rem;
    position: relative;
}

.ac-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ac-left {
    width: 8rem;
}

.ac-title {
    color: #262626;
    line-height: 1;
    margin-bottom: .25rem;
    font-family: rBold;
    letter-spacing: .04em;
}

.ac-intro {
    color: #666;
    line-height: 1.5;
    min-height: 1.28rem;
    letter-spacing: .04em;
    padding-bottom: .3rem;
}
.ac-intro *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .ac-intro * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .ac-intro * {
        font-size: 0.26rem !important;
    }
}
.ac-box {
    width: 100%;
    border-radius: .1rem;
    overflow: hidden;
}

.ac-img {
    width: 100%;
}

.ac-right {
    width: 7rem;
}

.ac-item {
    width: 100%;
    height: 3.1rem;
    background-color: #fff;
    border-radius: .1rem;
    padding: 0 0.4rem;
    position: relative;
    margin-bottom: .2rem;
}

.ac-item:last-child {
    margin-bottom: 0;
}

.ac-text {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 .4rem;
}

.ac-iso {
    color: #033077;
    line-height: 1;
    margin-bottom: .34rem;
    font-family: rBold;
    letter-spacing: .04em;
}

.ac-t {
    color: #666;
    line-height: 1.625;
    min-height: 1.18rem;
    letter-spacing: .04em;
}

.ac-btn {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    color: #033077;
    cursor: pointer;
    letter-spacing: .04em;
}

.ac-btn:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1.071em;
    background-image: url(../images/77.png);
    background-size: 100% 100%;
    margin-left: .3rem;
}

@media(max-width: 750px) {
    .ac-main {
        padding: .6rem .3rem;
    }

    .ac-inner {
        display: block;
    }

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

    .ac-right {
        width: 100%;
    }

    .ac-item {
        margin-bottom: .3rem;
    }
}

.ae-main {
    width: 100%;
    padding: 0 .3rem;
    background-color: #fff;
}

.ae-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    top: -0.9rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #033077;
    padding: 1.43rem .6rem 1.43rem .57rem;
    border-radius: .1rem;
}

.ae-inner:before {
    content: "";
    display: inline-block;
    width: 3.63rem;
    height: 3.63rem;
    background-image: url(../images/78.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ae-left {
    flex: 1;
    position: relative;
    z-index: 12;
    padding-right: .2rem;
}

.ae-title {
    color: #fff;
    font-family: rBold;
    line-height: 1;
    margin-bottom: .6rem;
    letter-spacing: .04em;
}

.ae-intro {
    color: #fff;
    line-height: 1.6;
    max-width: 11.8rem;
    letter-spacing: .04em;
}
.ae-intro *{font-size: calc(20 * 1rem / 100) !important;}
@media(max-width: 1382px) {
    .ae-intro * {
        font-size: 14.4px !important;
    }
}
@media(max-width: 750px) {
    .ae-intro * {
        font-size: 0.30rem;
    }
}
.ae-arrow {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(../images/213.png);
    background-size: 100% 100%;
    position: relative;
    z-index: 12;
    cursor: pointer;
}

@media(max-width: 750px) {
    .ae-main {
        padding: .6rem .3rem;
    }

    .ae-inner {
        top: 0;
        padding: .4rem .3rem;
    }

    .ae-title {
        margin-bottom: .3rem;
    }

    .ae-arrow {
        width: 1rem;
        height: 1rem;
    }
}

.af-main {
    width: 100%;
    padding: 0.07rem .3rem 1rem;
    background-color: #fff;
}

.af-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.af-title {
    color: #262626;
    line-height: 1;
    font-family: rBold;
    margin-bottom: .5rem;
}

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

.af-item {
    display: inline-block;
    vertical-align: top;
    width: 31.25%;
    margin-right: 3.125%;
    background-color: #f3f3f3;
    border-radius: .1rem;
    padding: .33rem .5rem .43rem;
}

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

.af-tit {
    color: #262626;
    line-height: 1.5;
    margin-bottom: .18rem;
    font-family: rBold;
    letter-spacing: .04em;
    transition: all .3s;
}

.af-intro {
    color: #666;
    line-height: 1.285;
    min-height: .93rem;
    padding-bottom: .2rem;
    letter-spacing: .04em;
}

.af-arrow {
    width: .54rem;
    height: .54rem;
    background-image: url(../images/80.png);
    background-size: 100% 100%;
    transition: all .3s;
}

body.pc .af-item:hover .af-arrow {
    background-image: url(../images/151.png);
}

body.pc .af-item:hover .af-tit {
    color: #033077;
}

@media(max-width: 750px) {
    .af-main {
        padding: .6rem .3rem;
    }

    .af-cont {
        display: block;
    }

    .af-title {
        margin-bottom: .4rem;
    }

    .af-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
        padding: .4rem .3rem;
    }

    .af-item:last-child {
        margin-bottom: 0;
    }
}

.ag-main {
    width: 100%;
    padding: 0.5rem 0 0;
    background-color: #fff;
    position: relative;
}

.ag-main:after {
    content: "";
    display: block;
    width: 4.74rem;
    height: 4.75rem;
    background-image: url(../images/148.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.ag-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ag-cont {
    width: 100%;
    display: flex;
}

.ag-hd {
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: .86rem;
}

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

.ag-tit {
    color: #262626;
    font-family: rBold;
    line-height: 1;
    margin-bottom: .38rem;
}

.ag-title {
    color: #262626;
    font-family: rBold;
    line-height: 1.346;
}

.ag-green {
    color: #033077;
}

.ag-arrow {
    width: 1rem;
    height: 1rem;
    background-image: url(../images/75.png);
    background-size: 100% 100%;
    margin-top: .4rem;
    cursor: pointer;
}

.ag-bot {
    width: 100%;
    padding: 1rem .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 12;
}

.ag-bot-cont {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ag-bot-left {
    width: 8rem;
    position: relative;
}

.ag-bot-left:after {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(../images/74.png);
    background-size: 100% 100%;
    position: absolute;
    right: .4rem;
    top: -0.6rem;
}

.ag-bot-img {
    width: 100%;
    border-radius: .1rem;
}

.ag-bot-right {
    width: 6.9rem;
}

.ag-bot-tit {
    color: #262626;
    font-family: rBold;
    line-height: 1.222;
    margin-bottom: .36rem;
}

.ag-bot-intro {
    color: #262626;
    line-height: 2.125;
}
.ag-bot-intro *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .ag-bot-intro * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .ag-bot-intro * {
        font-size: 0.26rem !important;
    }
}
@media(max-width: 750px) {
    .ag-main {
        padding: .6rem .3rem;
    }

    .ag-bot-cont {
        display: block;
    }

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

    .ag-hd {
        padding-bottom: .3rem;
    }

    .ag-bot {
        padding: .8rem 0 0;
    }
}

.ah-main {
    width: 100%;
    padding: 1rem .3rem;
    position: relative;
}

.ah-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ah-title {
    line-height: 1;
    color: #262626;
    text-align: center;
    font-family: rBold;
    margin-bottom: .6rem;
}

.ah-list {
    width: 100%;
}

.ah-item {
    width: 100%;
    background-color: #fff;
    margin-bottom: .2rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    padding: .16rem 0 .16rem .39rem;
}

.ah-item:last-child {
    margin-bottom: 0;
}

.ah-num {
    display: inline-block;
    vertical-align: middle;
    width: .58rem;
    height: .58rem;
    line-height: .58rem;
    background-image: url(../images/74.png);
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
}

.ah-dt {
    display: inline-block;
    vertical-align: middle;
    width: 5.18rem;
    line-height: 1.5;
    color: #262626;
    padding-left: .32rem;
}

.ah-dd {
    flex: 1;
    color: #262626;
    line-height: 1.428;
    padding-right: .3rem;
}
.ah-dd *{font-size: calc(14 * 1rem / 100) !important;}
@media(max-width: 1728px) {
    .ah-dd * {
        font-size: 12.6px !important;
    }
}
@media(max-width: 750px) {
    .ah-dd * {
        font-size: 0.24rem !important;
    }
}
@media(max-width: 750px) {
    .ah-main {
        padding: .6rem .3rem;
    }

    .ah-title {
        margin-bottom: .4rem;
    }

    .ah-item {
        display: block;
    }

    .ah-num {
        font-size: .26rem;
    }

    .ah-item {
        padding: .3rem;
        font-size: 0;
        margin-bottom: .3rem;
    }

    .ah-dt {
        width: calc(100% - 0.58rem);
    }

    .ah-dd {
        padding-top: .2rem;
        padding-right: 0;
    }
}

.ai-main {
    width: 100%;
    padding: .94rem .3rem 1.07rem;
    background-color: #fff;
}

.ai-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ai-title {
    color: #333;
    line-height: 1;
    text-align: center;
    font-family: rBold;
    margin-bottom: .15rem;
}

.ai-des {
    color: #333;
    line-height: 1.333;
    text-align: center;
    max-width: 66em;
    margin: 0 auto .59rem;
}
.ai-des *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .ai-des * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .ai-des * {
        font-size: 0.28rem;
    }
}
.ai-list {
    width: 100%;
    display: flex;
    font-size: 0;
}

.ai-item {
    width: 19%;
    margin-right: 1.333%;
    position: relative;
    transition: all .3s;
    display: block;
}

.ai-item.active {
    width: 39%;
}

.ai-box {
    width: 100%;
    height: 6rem;
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.ai-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.ai-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.49rem;
    z-index: 12;
    padding: 0 0.5rem;
}

.ai-icon {
    height: .5rem;
    margin-bottom: .15rem;
}

.ai-tit {
    color: #fff;
    line-height: 1.2;
    min-height: 2.4em;
    margin-bottom: .32rem;
}

.ai-intro {
    color: #fff;
    line-height: 2.3124;
    display: none;
}
.ai-intro *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .ai-intro * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .ai-intro * {
        font-size: 0.28rem;
    }
}
.ai-box:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(3,48,119, 1), rgba(3,48,119, 0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.ai-item.active .ai-text {
    bottom: auto;
    top: .5rem;
}

.ai-item.active .ai-intro {
    display: block;
}

.ai-item.active .ai-box:before {
    display: block;
}

@media(max-width: 1000px) {
    .ai-intro {
        line-height: 1.5;
    }

    .ai-text {
        bottom: 0;
        padding: 0 0.3rem;
    }
}

@media(max-width: 750px) {
    .ai-main {
        padding: .6rem .3rem;
    }

    .ai-des {
        margin-bottom: .3rem;
    }

    .ai-list {
        display: block;
    }

    .ai-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
    }

    .ai-item.active {
        width: 100%;
    }

    .ai-item:last-child {
        margin-bottom: 0;
    }

    .ai-text {
        bottom: auto;
        top: .5rem;
    }

    .ai-intro {
        display: block;
    }

    .ai-box:before {
        display: block;
    }
}

.aj-main {
    width: 100%;
    padding: 1rem .3rem 0;
    position: relative;
}

.aj-main:before {
    content: "";
    display: inline-block;
    width: .91rem;
    height: 3.58rem;
    background-image: url(../images/104.png?a=1);
    background-size: 100% 100%;
    position: absolute;
    left: 0.73rem;
    top: .29rem;
    z-index: 1;
}

.aj-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.aj-left {
    width: 7rem;
}

.aj-title {
    color: #262626;
    line-height: 1;
    padding-bottom: .52rem;
    border-bottom: 1px solid #ccc;
    font-family: rBold;
    margin-bottom: 1.75rem;
}

.aj-right {
    width: 8.92rem;
    position: relative;
    right: -1.1rem;
}

.aj-img {
    width: 100%;
}

.aj-tit {
    font-family: rBold;
    color: #262626;
    line-height: 1;
    margin-bottom: .66rem;
}

.aj-t {
    font-family: rBold;
    color: #262626;
    line-height: 1;
    margin-bottom: .33rem;
}

.aj-des {
    color: #262626;
    line-height: 1.333;
}
.aj-des *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .aj-des * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .aj-des * {
        font-size: 0.28rem;
    }
}
@media(max-width: 750px) {
    .aj-main {
        padding: .6rem .3rem 0;
    }

    .aj-inner {
        display: block;
    }

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

    .aj-right {
        width: 100%;
        right: 0;
    }

    .aj-title {
        margin-bottom: .6rem;
        padding-bottom: .3rem;
    }

    .aj-tit {
        margin-bottom: .3rem;
    }
}


.ak-main {
    background-color: #fff;
    padding: 1rem 0;
}

.ak-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ak-hd {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6rem;
}

.ak-title {
    font-family: rBold;
    color: #262626;
}

.ak-right {
    position: relative;
}

.ak-btn {
    display: inline-block;
    width: 2rem;
    line-height: .58rem;
    border: 1px solid #033077;
    border-radius: .03rem;
    text-align: center;
    color: #033077;
    cursor: pointer;
    transition: all .3s;
}

.ak-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/29.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

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

.ak-item {
    display: inline-block;
    vertical-align: top;
    width: 31.25%;
    background-color: #f3f3f3;
    border-radius: .1rem;
    margin-right: 3.125%;
    padding: .4rem .5rem .43rem;
    cursor: pointer;
}

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

.ak-date {
    line-height: 1;
    margin-bottom: .15rem;
    color: #666;
    display: block;
}

.ak-t {
    color: #262626;
    line-height: 1.1;
    padding-bottom: .19rem;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: .2rem;
    font-family: rBold;
}

.ak-des {
    color: #262626;
    line-height: 1.357;
    margin-bottom: .23rem;
}

.ak-arrow {
    width: .54rem;
    height: .54rem;
    background-image: url(../images/107.png);
    background-size: 100% 100%;
    transition: all .3s;
}

body.pc .ak-item:hover .ak-arrow {
    background-image: url(../images/151.png);
}

body.pc .ak-item:hover .ak-t {
    color: #033077;
}

body.pc .ak-btn:hover {
    background-color: #033077;
    color: #fff;
}

body.pc .ak-btn:hover:after {
    background-image: url(../images/13.png);
}

@media(max-width: 750px) {
    .ak-main {
        padding: .6rem .3rem;
    }

    .ak-hd {
        margin-bottom: .4rem;
    }

    .ak-cont {
        display: block;
    }

    .ak-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
        padding: .4rem .3rem;
    }

    .ak-item:last-child {
        margin-bottom: 0;
    }
}


.al-main {
    width: 100%;
    padding: .6rem 0 0;
}

.al-inner {
    width: 100%;
    max-width: 16rem;
    padding: 0 0.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.al-left {
    width: 7.5rem;
}

.al-tit {
    color: #262626;
    line-height: 1;
    font-family: rBold;
    margin-bottom: .45rem;
}

.al-title {
    color: #262626;
    font-family: rBold;
    line-height: 1.25;
}

.al-green {
    color: #033077;
}

.al-right {
    width: 7.6rem;
    height: 3.7rem;
    position: relative;
}

.al-right:before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(../images/74.png);
    background-size: 100% 100%;
    position: absolute;
    left: -0.6rem;
    bottom: -0.6rem;
    z-index: 12;
}

.al-img {
    width: 100%;
    border-radius: .1rem;
}

.al-bot {
    width: 100%;
    min-height: 1.9rem;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    padding: .44rem .3rem;
}

.al-bot-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.al-text {
    width: 7rem;
    color: #666;
    line-height: 1.8125;
}
.al-text *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .al-text * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .al-text * {
        font-size: 0.26rem !important;
    }
}
.al-text * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .al-main {
        padding: .6rem .3rem;
    }

    .al-inner {
        display: block;
        padding: 0;
    }

    .al-tit {
        margin-bottom: .3rem;
    }

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

    .al-img {
        border-radius: 0.1rem 0.1rem 0 0;
    }

    .al-right {
        width: 100%;
        height: auto;
    }

    .al-right:before {
        display: none;
    }

    .al-text {
        width: 100%;
    }

    .al-bot {
        padding: .3rem;
        min-height: 0;
        border-radius: 0 0 0.1rem 0.1rem;
    }
}

.am-main {
    width: 100%;
    padding: 1rem .3rem .8rem;
    background-color: #fff;
    position: relative;
}

.am-main:after {
    content: "";
    display: block;
    width: 4.74rem;
    height: 4.75rem;
    background-image: url(../images/148.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.am-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.am-title {
    color: #262626;
    text-align: center;
    font-family: rBold;
    line-height: 1;
    letter-spacing: .04em;
    margin-bottom: .6rem;
}

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

.am-item {
    display: inline-block;
    vertical-align: top;
    width: 48.75%;
    margin-right: 2.5%;
    border: 1px solid #f3f3f3;
    border-radius: .1rem;
    font-size: 0;
    padding: .12rem .29rem;
    margin-bottom: .2rem;
}

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

.am-num {
    display: inline-block;
    vertical-align: middle;
    width: .54rem;
    height: .54rem;
    line-height: .54rem;
    text-align: center;
    background-image: url(../images/74.png);
    background-size: 100% 100%;
    color: #fff;
}

.am-tit {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.54rem);
    color: #262626;
    line-height: 1.5;
    padding-left: .3rem;
}

@media(max-width: 750px) {
    .am-main {
        padding: .6rem .3rem;
    }

    .am-title {
        margin-bottom: .4rem;
    }

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

    .am-num {
        font-size: .26rem;
    }
}


.an-main {
    width: 100%;
    padding: 1rem .3rem 0;
    position: relative;
}

.an-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.an-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.an-left {
    width: 7.4rem;
}

.an-right {
    width: 8rem;
}

.an-img {
    width: 100%;
    vertical-align: top;
    border-radius: .1rem;
}

.an-title-white {
    font-size: 1.2rem;
    color: #fff;
    opacity: 0.7;
    position: absolute;
    left: 0.1rem;
    top: 0;
    line-height: 1;
    font-family: rBold;
}

.an-title {
    font-family: rBold;
    color: #262626;
    letter-spacing: .04em;
    line-height: 1;
    margin-bottom: .13rem;
}

.an-intro {
    color: #666;
    line-height: 1.5;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}
.an-intro *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .an-intro * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .an-intro * {
        font-size: 0.26rem !important;
    }
}
.an-dls {
    width: 100%;
}

.an-dl {
    width: 100%;
    border-bottom: 1px solid #ccc;
    transition: all .3s;
}

.an-dt {
    color: #262626;
    line-height: 1.25;
    padding: .25rem 0;
    cursor: pointer;
    position: relative;
    letter-spacing: .04em;
    padding-right: .666em;
}

.an-dt:after {
    content: "";
    display: block;
    width: .666em;
    height: .666em;
    background-image: url(../images/110.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.333em;
}

.an-dd {
    color: #666;
    line-height: 1.625;
    display: none;
    padding-bottom: .17rem;
    margin-top: -0.05rem;
    letter-spacing: .04em;
}
.an-dd *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .an-dd * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .an-dd * {
        font-size: 0.26rem !important;
    }
}
.an-dl.show {
    background-color: #fff;
    border-bottom: none;
    border-radius: .1rem;
    padding: 0 0.2rem;
}

.an-dl.show .an-dt:after {
    background-image: url(../images/111.png);
}

.an-bot {
    width: 100%;
    height: 2.3rem;
    font-size: 0;
    border-radius: .1rem;
}

.an-b-cont {
    width: 100%;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
    background-color: #fff;
}

.an-b-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.an-b-right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    line-height: 4rem;
    padding: 0 0.7rem 0 0.78rem;
    height: 4rem;
    overflow: auto;
}

.an-b-box {
    width: 100%;
    height: 4rem;
}

.an-b-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.an-b-mid {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.an-b-tit {
    color: #262626;
    line-height: 1.25;
    font-family: rBold;
    letter-spacing: .04em;
    margin-bottom: .34rem;
}
.an-b-tit *{font-size: calc(24 * 1rem / 100) !important;}
@media(max-width: 1248px) {
    .an-b-tit * {
        font-size: 15.6px !important;
    }
}
@media(max-width: 750px) {
    .an-b-tit * {
        font-size: 0.34rem !important;
    }
}
.an-b-des {
    color: #666;
    line-height: 1.75;
    letter-spacing: .04em;
}

@media(max-width: 750px) {
    .an-main {
        padding: .6rem .3rem;
    }

    .an-inner {
        position: relative;
        z-index: 12;
    }

    .an-top {
        display: block;
    }

    .an-left {
        width: 100%;
    }

    .an-right {
        width: 100%;
    }

    .an-b-left {
        width: 100%;
    }

    .an-b-right {
        width: 100%;
        height: auto;
        line-height: 1;
        padding: .3rem;
    }

    .an-b-tit {
        margin-bottom: .1rem;
    }

    .an-bot {
        height: auto;
    }
}

.ao-main {
    width: 100%;
    background-color: #fff;
    padding: 2.7rem .3rem 1rem;
}

.ao-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ao-title {
    color: #262626;
    line-height: 1;
    font-family: rBold;
}

@media(max-width: 750px) {
    .ao-main {
        padding: .6rem .3rem;
    }
}

.ap-main {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1.77rem;
    background-color: #fff;
}

.ap-top {
    width: 100%;
    background-color: #131925;
    padding-top: .96rem;
}

.ap-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ap-hd {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: .98rem;
}

.ap-title {
    color: #fff;
    font-family: rBold;
    line-height: 1;
    width: 7.3rem;
    letter-spacing: .04em;
}

.ap-intro {
    color: #fff;
    line-height: 1.5;
    flex: 1;
    letter-spacing: .04em;
}
.ap-intro *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .ap-intro * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .ap-intro * {
        font-size: 0.26rem !important;
    }
}
.ap-wrap {
    width: 17.6rem;
    height: 6.42rem;
}

.ap-cont {
    width: 100%;
    height: 8.21rem;
    background-color: #f3f3f3;
    min-height: 100%;
    border-radius: 0.1rem 0 0 0.1rem;
    position: relative;
    overflow: hidden;
}

.ap-cont:before {
    content: "";
    display: block;
    width: 8.1rem;
    height: 8.1rem;
    background-image: url(../images/149.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ap-right {
    width: 6.7rem;
    margin-left: 9.3rem;
    padding-top: .5rem;
}

.ap-item {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-top: .28rem;
    padding-bottom: .3rem;
    cursor: pointer;
}

.ap-tit {
    font-family: rBold;
    color: #262626;
    letter-spacing: .04em;
    line-height: 1;
    margin-bottom: .2rem;
    transition: all .3s;
}

.ap-green {
    color: #033077;
}

.ap-des {
    color: #666;
    line-height: 1.625;
    margin-bottom: .25rem;
    letter-spacing: .04em;
}
.ap-des *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .ap-des * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .ap-des * {
        font-size: 0.26rem !important;
    }
}
.ap-submit {
    display: inline-block;
    vertical-align: top;
    color: #033077;
    line-height: 1;
}

.ap-submit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/29.png);
    background-size: 100% 100%;
    margin-left: .09rem;
}

body.pc .ap-item:hover .ap-tit {
    color: #033077;
}

@media(max-width: 1400px) {
    .ap-des {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media(max-width: 1100px) {
    .ap-right {
        padding-top: 0;
    }
}

@media(max-width: 1000px) {
    .ap-wrap {
        height: auto;
    }

    .ap-hd {
        padding-bottom: .6rem;
    }

    .ap-top {
        padding: .6rem .3rem;
    }
}

@media(max-width: 750px) {
    .ap-main {
        padding-bottom: 0;
    }

    .ap-hd {
        display: block;
        padding-bottom: .4rem;
    }

    .ap-title {
        margin-bottom: .2rem;
    }

    .ap-wrap {
        width: 100%;
    }

    .ap-cont {
        height: auto;
    }

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

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

.aq-main {
    width: 100%;
    padding: 1.2rem .3rem 1rem;
    background-size: cover;
    background-position: center center;
}

.aq-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
}

.aq-left {
    width: 7rem;
}

.aq-title {
    color: #fff;
    line-height: 1;
    font-family: rBold;
    margin-bottom: .15rem;
}

.aq-des {
    color: #fff;
    line-height: 1.5;
}
.aq-des *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .aq-des * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .aq-des * {
        font-size: 0.26rem !important;
    }
}
.aq-right {
    width: 9rem;
}

.aq-form {
    width: 100%;
}

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

.aq-col {
    display: inline-block;
    vertical-align: top;
    width: 48.888%;
    margin-right: 2.224%;
    margin-bottom: 2.224%;
}

.aq-col:nth-child(2n) {
    margin-right: 0;
}

.aq-input {
    width: 100%;
    height: .6rem;
    border-radius: .03rem;
    background-color: #fff;
    padding: 0 .2rem;
    color: #262626;
    border: none;
}

.aq-bot {
    padding-top: .2rem;
}

.aq-submit {
    width: 2rem;
    line-height: .6rem;
    background-color: #033077;
    border-radius: .03rem;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
}

.aq-submit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/90.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

@media(max-width: 750px) {
    .aq-main {
        padding: .6rem .3rem;
    }

    .aq-inner {
        display: block;
    }

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

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

.ar-main {
    width: 100%;
    padding: 1.2rem .3rem 0;
    background-color: #fff;
}

.ar-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ar-left {
    width: 4.4rem;
}

.ar-right {
    width: 10.63rem;
}

.ar-box {
    width: 100%;
    position: relative;
}

.ar-map {
    width: 100%;
    vertical-align: top;
}

.ar-title {
    color: #262626;
    font-family: rBold;
    line-height: 1;
    letter-spacing: .04em;
    margin-bottom: .25rem;
}

.ar-intro {
    color: #333;
    line-height: 1.444;
    margin-bottom: .57rem;
    max-width: 20em;
}
.ar-intro *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .ar-intro * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .ar-intro * {
        font-size: 0.28rem;
    }
}
.ar-tabs {
    width: 100%;
}

.ar-tab {
    color: #666;
    line-height: 1.5;
    display: flex;
    align-items: center;
    width: 100%;
    height: .9rem;
    margin-bottom: .2rem;
    padding: 0 .36rem 0 0.2rem;
    border-radius: .1rem;
    background-color: fff;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
    cursor: pointer;
    position: relative;
}

.ar-tab.after-ani{
    transition: all .3s;
}

.ar-tab:last-child {
    margin-bottom: 0;
}

.ar-tab.active {
    background-color: #033077;
    color: #fff;
}

.ar-tab:after {
    content: "";
    display: inline-block;
    width: .8888em;
    height: .7777em;
    background-image: url(../images/13.png);
    background-size: 100% 100%;
    position: absolute;
    right: .36rem;
    top: 50%;
    margin-top: -0.3888em;
    transform: translate(100%, 0);
}

.ar-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ar-one {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background-color: #262626;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.ar-tit {
    white-space: nowrap;
    position: absolute;
    left: 100%;
    top: 50%;
    color: #333;
    line-height: 1;
    padding-left: .05rem;
    margin-top: -0.5em;
}

.ar-one.top .ar-tit {
    margin-top: -1.25em;
}

.ar-one.active {
    background-color: #033077;
    z-index: 12;
}

.ar-one.active .ar-tit {
    color: #033077;
}

.ar-one.active:after {
    content: "";
    display: block;
    width: .2rem;
    height: .2rem;
    border: 1px solid #033077;
    border-radius: 50%;
    opacity: 0.4;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.1rem;
    margin-top: -0.1rem;
    pointer-events: none;
    box-sizing: border-box;
}

.ar-cont {
    width: 42.85em;
    position: absolute;
    left: 50%;
    margin-left: -21.475em;
    bottom: 2.357em;
    background-color: #fff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    display: flex;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.ar-c-box {
    width: 40%;
    height: 18.57em;
}

.ar-c-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ar-c-text {
    width: 60%;
    height: 18.57em;
    padding: 0.26rem .3rem 0;
    overflow: auto;
}

.ar-one.active .ar-cont {
    visibility: visible;
    opacity: 1;
}

.ar-c-tit {
    color: #262626;
    line-height: 1;
    margin-bottom: .05rem;
}

.ar-c-t {
    color: #262626;
    line-height: 1.625;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: .17rem;
    margin-bottom: .17rem;
}

.ar-c-intro {
    color: #262626;
    line-height: 1.714;
}
.ar-c-intro *{font-size: calc(14 * 1rem / 100) !important;}
@media(max-width: 1728px) {
    .ar-c-intro * {
        font-size: 12.6px !important;
    }
}
@media(max-width: 750px) {
    .ar-c-intro * {
        font-size: 0.24rem !important;
    }
}
.ar-c-intro * {
    line-height: inherit;
}

@media(max-width: 750px) {
    .ar-main {
        padding: .6rem .3rem;
        overflow: hidden;
        position: relative;
    }

    .ar-intro {
        margin-bottom: .4rem;
        max-width: 100%;
    }

    .ar-inner {
        display: block;
    }

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

    .ar-right {
        width: 100%;
    }

    .ar-cont {
        transform: scale(0.6);
        transform-origin: center top;
        bottom: auto;
        top: 100%;
        margin-top: 0.2rem;
        margin-left: -17.14em;
    }
}


.as-main {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    padding: .96rem .3rem 1rem;
    margin-top: -0.4rem;
    position: relative;
}

.as-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.as-title {
    color: #262626;
    line-height: 1;
    font-family: rBold;
    text-align: center;
    letter-spacing: .04em;
    margin-bottom: .66rem;
}

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

.as-item {
    display: inline-block;
    vertical-align: top;
}

.as-item:nth-child(4n+1) {
    width: 28.75%;
    margin-right: 1.666%;
}

.as-item:nth-child(4n+2) {
    width: 18.75%;
    margin-right: 1.666%;
}

.as-item:nth-child(4n+3) {
    width: 18.75%;
    margin-right: 1.666%;
    padding-top: .3rem;
    padding-bottom: 1.4rem;
    position: relative;
}

.as-item:nth-child(4n+4) {
    width: 28.75%;
}

.as-one {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: .1rem;
    padding: 0.69rem 0.5rem 0.43rem;
}

.as-hd {
    border-bottom: 1px solid #d6d6d6;
}

.as-text {
    color: #666;
    line-height: 1.5;
    padding-top: .28rem;
    letter-spacing: .04em;
}
.as-text *{font-size: calc(16 * 1rem / 100) !important;}
@media(max-width: 1584px) {
    .as-text * {
        font-size: 13.2px !important;
    }
}
@media(max-width: 750px) {
    .as-text * {
        font-size: 0.26rem !important;
    }
}
.as-item:nth-child(4n+1) .as-one,
.as-item:nth-child(4n+4) .as-one {
    height: 100%;
}

.as-item:nth-child(4n+2) .as-text,
.as-item:nth-child(4n+3) .as-text {
    line-height: 1.583;
    padding-top: .17rem;
}

.as-item:nth-child(4n+2) .as-one,
.as-item:nth-child(4n+3) .as-one {
    padding: .29rem .3rem .27rem;
}

.as-item:nth-child(4n+2) .as-num,
.as-item:nth-child(4n+3) .as-num {
    padding-bottom: .12rem;
    height: auto;
}

.as-item:nth-child(4n+2) .as-tit,
.as-item:nth-child(4n+3) .as-tit {
    min-height: .84rem;
}

.as-num {
    color: #262626;
    line-height: 1;
    height: .43rem;
}

.as-tit {
    color: #262626;
    font-family: rBold;
    line-height: 1.333;
    min-height: 1.4rem;
}

.as-dec {
    width: 100%;
    height: 2.2rem;
    margin-bottom: .2rem;
    position: relative;
}

.as-block {
    width: 1rem;
    height: 1rem;
    border-radius: .1rem;
    background-color: #033077;
}

.as-box {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}

.as-img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover;
}

.as-dec2 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.as-block2 {
    width: 1rem;
    height: 1rem;
    background-color: #033077;
    border-radius: .1rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.as-box2 {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}

.as-img2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}

@media(max-width: 750px) {
    .as-main {
        padding: .6rem .3rem;
    }

    .as-title {
        margin-bottom: .4rem;
    }

    .as-item {
        margin-bottom: .3rem;
    }

    .as-item:last-child {
        margin-bottom: 0;
    }

    .as-item:nth-child(4n+1),
    .as-item:nth-child(4n+2),
    .as-item:nth-child(4n+3),
    .as-item:nth-child(4n+4) {
        width: 100%;
        margin-right: 0;
    }

    .as-dec {
        display: none;
    }

    .as-dec2 {
        display: none;
    }

    .as-item:nth-child(4n+3) {
        padding-bottom: 0;
        padding-top: 0;
    }

    .as-tit {
        min-height: 2em;
    }

    .as-one {
        padding: .4rem .3rem;
    }
}


.at-main {
    width: 100%;
    padding: .98rem .3rem .77rem;
    position: relative;
    overflow: hidden;
}

.at-main:after {
    content: "";
    display: block;
    width: 7.82rem;
    height: 4.75rem;
    background-image: url(../images/70.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.8;
}

.at-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 12;
}

.at-left {
    float: left;
    width: 7rem;
    color: #262626;
    line-height: 1.625;
}
.at-left *{font-size: calc(24 * 1rem / 100) !important;}
@media(max-width: 1248px) {
    .at-left * {
        font-size: 15.6px !important;
    }
}
@media(max-width: 750px) {
    .at-left * {
        font-size: 0.34rem !important;
    }
}
.at-right {
    float: right;
    width: 7.8rem;
}

.at-box {
    width: 4rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .7rem;
}

.at-img {
    width: 100%;
    vertical-align: top;
}

.at-intro {
    color: #666;
    line-height: 1.777;
}
.at-intro *{font-size: calc(18 * 1rem / 100) !important;}
@media(max-width: 1472px) {
    .at-intro * {
        font-size: 13.8px !important;
    }
}
@media(max-width: 750px) {
    .at-intro * {
        font-size: 0.28rem;
    }
}
@media(max-width: 750px) {
    .at-main {
        padding: .6rem .3rem;
    }

    .at-inner {
        display: block;
    }

    .at-left {
        float: none;
        width: 100%;
        margin-bottom: .3rem;
    }

    .at-right {
        float: none;
        width: 100%;
    }

    .at-box {
        margin-bottom: .3rem;
        width: 100%;
    }
}


.au-main {
    width: 100%;
    background-color: #131925;
    padding: 1rem .3rem;
}

.au-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.au-left {
    float: left;
    width: 8.1rem;
}

.au-right {
    float: right;
    width: 6.6rem;
}

.au-title {
    color: #fff;
    line-height: 1;
    font-family: rBold;
    margin-bottom: .5rem;
}

.au-box {
    width: 5.6rem;
    height: 5.6rem;
    margin-left: 2.5rem;
    padding-top: .6rem;
    background-image: url(../images/155.png);
    background-size: 100% 100%;
    position: relative;
}

.au-box:before {
    content: "";
    display: block;
    width: 1.23rem;
    height: 1.14rem;
    background-image: url(../images/156.png);
    background-size: 100% 100%;
    position: absolute;
    right: 1.65rem;
    top: 0;
}

.au-cont {
    width: 100%;
    height: 6.6rem;
    overflow: auto;
}

.au-list {
    width: 100%;
    padding-right: .2rem;
}

.au-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: .36rem 0 .31rem;
}

.au-time {
    color: #fff;
    line-height: 1;
    margin-bottom: .13rem;
    opacity: 0.4;
}

.au-intro {
    color: #fff;
    line-height: 1.555;
    opacity: 0.4;
}

.au-item.active .au-time {
    opacity: 1;
}

.au-item.active .au-intro {
    opacity: 1;
}

.au-cont .mCSB_scrollTools {
    opacity: 1;
    width: 2px;
    right: 1px;
    background-color: rgba(255, 255, 255, 0.4);
}

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

.au-cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    left: -1px;
    position: relative;
    background-color: #033077;
    margin: 0;
    border-radius: 0;
}

.au-cont .mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}

.au-cont .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.au-cont .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.au-cont .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #033077;
}

.au-bn-wrap {
    width: 100%;
    height: 4.4rem;
    overflow: hidden;
}

.au-bn {
    width: 100%;
    height: 5.04rem;
    margin-top: -0.28rem;
}

.au-s {
    position: relative;
    top: -0.24rem;
}

.au-year {
    line-height: .56rem;
    color: #fff;
    text-align: center;
    font-family: rBold;
    transition: all .3s;
    opacity: .3;
}

.au-s.swiper-slide-active .au-year {
    font-size: 1rem;
    color: #033077;
    opacity: 1;
}

.au-s.swiper-slide-active {
    top: 0;
}

.au-s.swiper-slide-active+.au-s {
    top: 0.24rem;
}

.au-s.swiper-slide-active+.au-s+.au-s {
    top: 0.24rem;
}

.au-s.swiper-slide-active+.au-s+.au-s+.au-s {
    top: 0.24rem;
}

.au-s.swiper-slide-active+.au-s+.au-s+.au-s+.au-s {
    top: 0.24rem;
}

.au-s.swiper-slide-active+.au-s+.au-s+.au-s+.au-s+.au-s {
    top: 0.24rem;
}

@media(max-width: 750px) {
    .au-main {
        padding: .6rem .3rem;
    }

    .au-left {
        float: none;
        width: 100%;
    }

    .au-box {
        margin: 0 auto .3rem;
        display: none;
    }
}

.aw-main {
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .46rem;
}

.aw-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.aw-form {
    font-size: 0;
    margin-bottom: .2rem;
}

.aw-t {
    display: inline-block;
    vertical-align: top;
    line-height: 3;
    padding-left: .19rem;
    color: #262626;
    background-color: #fff;
    border-radius: .08rem 0 0 0.08rem;
    letter-spacing: .08em;
}

.aw-input {
    width: 4.75rem;
    height: 3em;
    color: #262626;
    border: none;
    padding-left: .57rem;
    border-radius: 0 .08rem 0.08rem 0;
    letter-spacing: .08em;
}

.aw-submit {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.aw-wrap {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    font-size: 0;
    padding-bottom: .2rem;
    margin-bottom: .3rem;
}

.aw-item {
    display: inline-block;
    vertical-align: top;
    width: 14.285em;
    background-color: #fff;
    border-radius: .08rem;
    margin-right: 0.2rem;
    white-space: normal;
}

.aw-tit {
    line-height: 2.785;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: .12rem;
    border-bottom: 1px solid #dedede;
    color: #262626;
}

.aw-cont {
    width: 100%;
    padding: .1rem 0.04rem .1rem 0;
}

.aw-list {
    width: 100%;
    height: 15.7em;
    overflow: auto;
}

.aw-one {
    width: 100%;
    color: #999;
    line-height: 1.214;
    padding: 0.54em 0.12rem;
    cursor: pointer;
    transition: all .3s;
}
.aw-one.disabled {
    pointer-events: none;
    color: #ccc; /* Gray out the text to indicate disabled state */
    cursor: not-allowed;
}

body.pc .aw-one:hover {
    background-color: #f8f8f8;
}

.aw-one.active {
    background-color: #f8f8f8;
    color: #262626;
}

.aw-dls {
    width: 100%;
    font-size: 0;
    margin-bottom: .1rem;
}

.aw-dl {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: .6rem;
    padding-bottom: .2rem;
}

.aw-dt {
    color: #262626;
    display: inline-block;
    vertical-align: top;
    font-family: rBold;
    line-height: 1.285;
    margin-right: 1.25em;
}

.aw-dd {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.aw-lb {
    display: inline-block;
    vertical-align: top;
    color: #262626;
    cursor: pointer;
    font-size: 0;
    margin-right: .2rem;
    position: relative;
}

.aw-icon {
    display: inline-block;
    vertical-align: top;
    width: 1.285em;
    height: 1.285em;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: #fff;
}

.aw-txt {
    display: inline-block;
    vertical-align: top;
    color: #262626;
    line-height: 1.285;
    margin-left: .5em;
}

.aw-apply {
    display: inline-block;
    vertical-align: top;
    line-height: .5rem;
    border-radius: .03rem;
    background-color: #033077;
    padding: 0 .3rem;
    cursor: pointer;
    color: #fff;
}

.aw-check {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.aw-lb.selected .aw-icon {
    border-color: #e4e4e4;
    background-color: #033077;
    background-image: url(../images/113.png);
    background-size: .1rem auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.aw-bot {
    width: 100%;
    font-size: 0;
    padding-top: .2rem;
}

.aw-el {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    user-select: none;
    background-color: #dce4e3;
    border-radius: .03rem;
    padding: 0 0.12rem;
    margin-right: .2rem;
}

.aw-el-txt {
    display: inline-block;
    vertical-align: top;
    line-height: .5rem;
    margin-right: .13rem;
    color: #187b73;
}

.aw-el-del {
    display: inline-block;
    vertical-align: top;
    height: .5rem;
    width: .12rem;
    background-image: url(../images/114.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.aw-clear {
    display: inline-block;
    vertical-align: top;
    line-height: .5rem;
    color: #187b73;
    cursor: pointer;
}

@media(max-width: 1920px) {
    .aw-lb.selected .aw-icon {
        background-size: 10px auto;
    }

    .aw-el-del {
        width: 12px;
    }
}

@media(max-width: 1000px) {
    .aw-input {
        width: 247px;
    }
}

@media(max-width: 750px) {
    .aw-main {
        padding: .3rem .3rem;
    }

    .aw-form {
        display: flex;
        position: relative;
    }

    .aw-input {
        flex: 1;
    }

    .aw-submit {
        position: absolute;
        right: -1px;
        top: 0;
    }
}

.ax-main {
    width: 100%;
    background-color: #fff;
    padding-bottom: .97rem;
}

.ax-hd {
    width: 100%;
    padding: .35rem .3rem .21rem;
}

.ax-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    color: #262626;
    line-height: 1;
}

.ax-green {
    color: #033077;
}

.ax-table {
    width: 100%;
    margin-bottom: .3rem;
}

.ax-th {
    width: 100%;
    background-color: #033077;
}

.ax-th .ax-td {
    color: #fff;
    line-height: .46rem;
    border-right-color: #fff;
}

.ax-in {
    width: 100%;
    max-width: 96%;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 0;
    display: flex;
}

.ax-tr {
    padding: .1rem 0;
}

.ax-tr:nth-child(2n+1) {
    background-color: #f6f6f6;
}

.ax-td {
    flex: 1;
    border-right: 1px solid #dedede;
    padding: 0 .18rem;
    align-items: center;
    display: flex;
    color: #262626;
}
.ax-td:last-child{
    border-right: none;
}
.ax-td span{
    font-size: calc(16 * 1rem / 100) !important;
}

.ax-td2 {
    flex: 0.3;
    border-right: 1px solid #dedede;
    padding: 0 .18rem;
    align-items: center;
    display: flex;
    color: #262626;
}
.ax-td3 {
    flex: 0.3;
    border-right: 1px solid #dedede;
    padding: 0 .18rem;
    align-items: center;
    display: flex;
    color: #262626;
}
.ax-td4 {
    flex: 0.5;
    border-right: 1px solid #dedede;
    padding: 0 .18rem;
    align-items: center;
    display: flex;
    color: #262626;
}
.ax-td5{
    flex: 0 1 auto;
    width: 14em;
    justify-content: flex-end;
    padding-right: 5em;
}
.py .ax-td5{padding-right: 0;width: 13em;}
.ax-td:nth-child(1) {
    padding-left: 0;
    flex: 0.4;
}

.ax-btn {
    display: inline-block;
    vertical-align: top;
    color: #033077;
    line-height: .48rem;
    width: 1rem;
    text-align: center;
    border: 1px solid #033077;
    border-radius: .03rem;
    cursor: pointer;
    transition: all .3s;
}

.ax-th-label {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    position: relative;
    line-height: .46rem;
}

.ax-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.285em;
    height: 1.285em;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    margin-right: .1rem;
}

.ax-l-txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.285;
    /* margin-left: 1.2rem; */
}

.ax-check {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.ax-label {
    display: inline-block;
    vertical-align: top;
    color: #033077;
    position: relative;
    text-align: center;
    width: 100%;
}

body.pc .ax-btn:hover {
    background-color: #033077;
    color: #fff;
}

.ax-out {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #f0f0f0;
    width: 8.57em;
    /* height: 8.57em; */
}

.ax-box {
    text-align: center;
    /* padding-top: 0.9em; */
    /* padding-bottom: 0.9em; */
}

.ax-img {
    height: 4.571em;
    vertical-align: top;
    object-fit: contain;
}

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

.ax-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 8.57em);
    padding: 0 0.2rem;
}

.ax-tit {
    color: #262626;
    line-height: 1.625;
    margin-bottom: .06rem;
}

.ax-intro {
    color: #666;
    line-height: 1.71;
}

@media(max-width: 750px) {
    .ax-main {
        padding-bottom: .6rem;
    }

    .ax-out {
        display: block;
    }

    .ax-text {
        width: 100%;
        padding: 0;
    }

    .ax-tr {
        padding: .2rem 0;
    }

    .ax-td {
        padding: 0 0.1rem;
    }

    .ax-td:nth-child(1) {
        padding-left: .1rem;
    }

    .ax-td:last-child {
        border-right: none;
    }

    .ax-out {
        font-size: .22rem;
        margin: 0 auto .1rem;
        width: 100%;
    }

    .ax-td {
        font-size: .2rem;
    }

    .ax-tit {
        font-size: .22rem;
    }

    .ax-intro {
        font-size: .2rem;
    }

    .ax-btn {
        font-size: .22rem;
    }

    .ax-th .ax-td {
        line-height: 1.5;
        padding: .2rem .1rem;
    }
    .ax-td5{width: auto;flex: 0.3;}
    .ax-icon {
        font-size: .22rem;
    }

    .ax-l-txt {
        font-size: .22rem;
    }
}

.ay-main {
    width: 100%;
    padding: .3rem .3rem .42rem;
}

.ay-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.ay-cont {
    width: 100%;
}

.ay-left {
    float: left;
    width: 11.4rem;
}

.ay-right {
    float: right;
    width: 4.4rem;
}


.az-cont {
    width: 100%;
    border: .08rem;
    background-color: #fff;
    margin-bottom: .2rem;
}

.az-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    display: flex;
    justify-content: space-between;
    padding: 0 0.44rem 0 0.2rem;
}

.az-title {
    color: #262626;
    line-height: .5rem;
    letter-spacing: -0.02em;
}

.az-compare {
    color: #033077;
    text-decoration: underline;
    line-height: .5rem;
    cursor: pointer;
    letter-spacing: -0.02em;
}

.az-compare:hover {
    text-decoration: underline;
}

.az-bot {
    width: 100%;
    display: flex;
}

.az-box {
    width: 4.1rem;
    height: 4.1rem;
    border-right: 1px solid #dedede;
}

.az-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.az-right {
    width: calc(100% - 4.1rem);
    padding: .18rem .4rem 0 .4rem;
}

.az-dl {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #dedede;
    align-items: center;
}

.az-dt {
    width: 2.43rem;
    color: #666;
    letter-spacing: -0.02em;
}

.az-dd {
    width: calc(100% - 2.43rem);
    padding: .15rem 0;
    color: #262626;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.az-green {
    color: #033077;
}

.az-pdf {
    display: inline-block;
    vertical-align: top;
    color: #033077;
}

.az-pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.25em;
    height: 1.4375em;
    background-image: url(../images/119.png);
    background-size: 100% 100%;
    margin-right: .375em;
}

.az-arr {
    font-size: 0;
}

.az-el {
    height: 1.5em;
    vertical-align: top;
    margin-right: .1rem;
}


.ba-cont {
    width: 100%;
    background-color: #fff;
}

.ba-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    display: flex;
    justify-content: space-between;
    padding: 0 0.44rem 0 0.2rem;
}

.ba-title {
    color: #262626;
    line-height: .5rem;
    letter-spacing: -0.02em;
}

.ba-info {
    color: #666;
    line-height: .5rem;
    letter-spacing: -0.02em;
}

.ba-price {
    color: #033077;
}

.ba-bot {
    width: 100%;
    background-color: #fff;
    padding: .2rem;
}

.ba-form {
    width: 100%;
}

.ba-input {
    width: 100%;
    height: .46rem;
    border-radius: .03rem;
    background-color: #f3f3f3;
    padding: 0 .1rem;
    color: #262626;
    border: none;
    letter-spacing: .04em;
}

.ba-rows {
    padding-top: .3rem;
}

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

.ba-col {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: .3rem;
}

.ba-col:nth-child(2n) {
    margin-right: 0;
}

.ba-dt {
    color: #262626;
    line-height: 1;
    height: 2em;
    letter-spacing: .04em;
}

.ba-red {
    color: #f00;
}

.ba-dd {
    width: 100%;
    position: relative;
}

.ba-submit {
    width: 100%;
    line-height: .6rem;
    background-color: #033077;
    color: #fff;
    border: none;
    border-radius: .03rem;
    cursor: pointer;
}

.ba-submit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/90.png);
    background-size: 100% 100%;
    margin-left: .6875em;
}

.ba-select .ba-input {
    cursor: pointer;
}

.ba-select:after {
    content: "";
    display: inline-block;
    border-top: .06rem solid #262626;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    position: absolute;
    right: .2rem;
    top: 0.23rem;
    margin-top: -0.03rem;
    z-index: 12;
}

.ba-list {
    width: 100%;
    max-height: 2.5rem;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    display: none;
    border: 1px solid #ccc;
}

.ba-item {
    width: 100%;
    line-height: 1.428;
    cursor: pointer;
    transition: all .3s;
    padding: 0.1rem 0.2rem;
    color: #262626;
}

.ba-item.active {
    background-color: #eee;
}

.ba-select {
    position: relative;
}

.ba-select.show {
    z-index: 2;
}

.ba-select.show .ba-list {
    display: block;
}

.ba-list:hover .ba-item {
    background-color: transparent;
}

.ba-list:hover .ba-item:hover {
    background-color: #eee;
}

.bb-cont {
    width: 100%;
    border-radius: .08rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .2rem;
}

.bb-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    padding-left: .2rem;
    font-size: 0;
}

.bb-tab {
    display: inline-block;
    vertical-align: top;
    line-height: .5rem;
    height: .5rem;
    color: #262626;
    margin-right: .4rem;
    cursor: pointer;
    letter-spacing: .04em;
}

.bb-tab.active {
    color: #033077;
    border-bottom: 0.03rem solid #033077;
}

.bb-bot {
    width: 100%;
}

.bb-block {
    width: 100%;
    display: none;
    padding: .2rem .2rem .1rem;
}

.bb-block.show {
    display: block;
}

.bb-dl {
    width: 100%;
    margin-bottom:
}

.bb-dt {
    color: #262626;
    line-height: 2.857;
    background-color: #f3f3f3;
    padding: 0 0.1rem;
    letter-spacing: .04em;
}

.bb-dd {
    padding-top: .13rem;
    padding-bottom: .23rem;
    color: #262626;
    line-height: 2.14;
    letter-spacing: .04em;
}

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

.bc-cont {
    width: 100%;
    border-radius: .08rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .2rem;
}

.bc-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    padding-left: .2rem;
    font-size: 0;
}

.bc-title {
    color: #262626;
    line-height: .5rem;
    letter-spacing: .04em;
}

.bc-bot {
    width: 100%;
}

.bc-th {
    width: 100%;
    display: flex;
}

.bc-td {
    flex: 1;
    display: flex;
    align-items: center;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    line-height: .57rem;
    padding: 0 0.2rem;
    color: #262626;
    letter-spacing: .04em;
}

.bc-tr {
    width: 100%;
    display: flex;
}

.bc-tr:last-child .bc-td {
    border-bottom: none;
}

.bc-td1 {
    flex: 2;
    line-height: 1;
}

.bc-compare {
    color: #033077;
    text-decoration: underline;
}

.bc-compare:hover {
    text-decoration: underline;
    cursor: pointer;
}

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

.bc-box {
    display: inline-block;
    vertical-align: middle;
    width: .4rem;
    height: .4rem;
}

.bc-img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain;
}

.bc-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.41rem);
    padding-left: .2rem;
}

.bc-tit {
    color: #262626;
    line-height: 1.5;
}

.bc-des {
    color: #666;
    line-height: 1.428;
}


.bd-cont {
    width: 100%;
    border-top: 1px solid #dedede;
    padding-top: .3rem;
    margin-top: .4rem;
}

.bd-title {
    text-align: center;
    color: #033077;
    line-height: 1;
    margin-bottom: .16rem;
}

.bd-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.bd-img {
    display: inline-block;
    vertical-align: top;
    width: .5rem;
}


.be-cont {
    width: 100%;
    border-radius: .08rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .2rem;
}

.be-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    display: flex;
    justify-content: space-between;
    padding: 0 0.44rem 0 0.2rem;
}

.be-title {
    color: #262626;
    line-height: .5rem;
    letter-spacing: 0.04em;
}

.be-compare {
    color: #033077;
    text-decoration: underline;
    line-height: .5rem;
    cursor: pointer;
    letter-spacing: 0.04em;
}

.be-compare:hover {
    text-decoration: underline;
}

.be-bot {
    width: 100%;
    font-size: 0;
    padding: .2rem 0;
}

.be-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    border-right: 1px solid #dedede;
    padding: 0 0.3rem;
}

.be-item:nth-child(4n) {
    border-right: none;
}

.be-box {
    width: 100%;
    height: 2.25rem;
    text-align: center;
    margin-bottom: .15rem;
}

.be-img {
    height: 100%;
    vertical-align: top;
}

.be-tit {
    color: #262626;
    line-height: 1.5;
    margin-bottom: .04rem;
    letter-spacing: 0.04em;
}

.be-type {
    color: #666;
    line-height: 1.428;
    margin-bottom: .05rem;
    letter-spacing: 0.04em;
}

.be-num {
    color: #666;
    line-height: 1.428;
    letter-spacing: 0.04em;
}

.be-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: .15rem;
}

.be-price {
    color: #033077;
    line-height: 1;
    letter-spacing: 0.04em;
}

.be-link {
    color: #033077;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.04em;
}

.be-link:hover {
    text-decoration: underline;
}

.bf-cont {
    width: 100%;
    border-radius: .08rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .2rem;
}

.bf-hd {
    width: 100%;
    background-color: rgba(2,48,119,0.1);
    padding: 0 0.2rem;
    font-size: 0;
}

.bf-title {
    color: #262626;
    line-height: .5rem;
    letter-spacing: 0.04em;
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem;
}

.bf-label {
    display: inline-block;
    vertical-align: top;
    line-height: .5rem;
    position: relative;
    font-size: 0;
}

.bf-icon {
    width: 1.285em;
    height: 1.285em;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.bf-txt {
    color: #262626;
    padding-left: .714em;
    vertical-align: middle;
}

.bf-check {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}

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

.bf-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding-left:
}




.cs-main {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    padding: 1.3rem .3rem 1.2rem;
    overflow: hidden;
}

.cs-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.cs-title {
    color: #262626;
    line-height: 1;
    font-family: rBold;
    text-align: center;
    letter-spacing: .04em;
    margin-bottom: .6rem;
}

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

.cs-item {
    display: inline-block;
    vertical-align: top;
}

.cs-item:nth-child(4n+1) {
    width: 28.75%;
    margin-right: 1.666%;
}

.cs-item:nth-child(4n+2) {
    width: 18.75%;
    margin-right: 1.666%;
}

.cs-item:nth-child(4n+3) {
    width: 18.75%;
    margin-right: 1.666%;
    padding-top: .3rem;
    padding-bottom: 1.4rem;
    position: relative;
}

.cs-item:nth-child(4n+4) {
    width: 28.75%;
}

.cs-one {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: .1rem;
    padding: 0.77rem 0.5rem 0.43rem;
}

.cs-hd {
    border-bottom: 1px solid #d6d6d6;
}

.cs-text {
    color: #666;
    line-height: 1.5;
    padding-top: .4rem;
    letter-spacing: .04em;
}

.cs-item:nth-child(4n+1) .cs-one,
.cs-item:nth-child(4n+4) .cs-one {
    height: 100%;
}

.cs-item:nth-child(4n+2) .cs-text,
.cs-item:nth-child(4n+3) .cs-text {
    padding-top: .17rem;
}

.cs-item:nth-child(4n+2) .cs-one,
.cs-item:nth-child(4n+3) .cs-one {
    padding: .38rem .3rem .27rem;
}

.cs-item:nth-child(4n+2) .cs-num,
.cs-item:nth-child(4n+3) .cs-num {
    padding-bottom: .2rem;
    height: auto;
}

.cs-item:nth-child(4n+2) .cs-tit,
.cs-item:nth-child(4n+3) .cs-tit {
    min-height: 1.39rem;
}

.cs-num {
    color: #262626;
    line-height: 1;
    height: .49rem;
}

.cs-tit {
    color: #262626;
    font-family: rBold;
    line-height: 1;
    min-height: 2.43rem;
}

.cs-dec {
    width: 100%;
    height: 2.2rem;
    margin-bottom: .2rem;
    position: relative;
}

.cs-block {
    width: 1rem;
    height: 1rem;
    border-radius: .1rem;
    background-color: #033077;
}

.cs-box {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cs-img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover;
}

.cs-dec2 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cs-block2 {
    width: 1rem;
    height: 1rem;
    background-color: #033077;
    border-radius: .1rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cs-box2 {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cs-img2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}

@media(max-width: 750px) {
    .cs-main {
        padding: .6rem .3rem;
    }

    .cs-item {
        margin-bottom: .3rem;
    }

    .cs-item:last-child {
        margin-bottom: 0;
    }

    .cs-item:nth-child(4n+1),
    .cs-item:nth-child(4n+2),
    .cs-item:nth-child(4n+3),
    .cs-item:nth-child(4n+4) {
        width: 100%;
        margin-right: 0;
    }

    .cs-title {
        margin-bottom: .4rem;
    }

    .cs-tit {
        min-height: 2em;
    }

    .cs-dec {
        display: none;
    }

    .cs-one {
        padding: .4rem .3rem;
    }

    .cs-item:nth-child(4n+2) .cs-tit,
    .cs-item:nth-child(4n+3) .cs-tit {
        min-height: 2em;
    }

    .cs-dec2 {
        display: none;
    }

    .cs-item:nth-child(4n+3) {
        padding-bottom: 0;
    }

    .cs-item:nth-child(4n+3) {
        padding-top: 0;
    }

    .cs-item:nth-child(4n+2) .cs-one,
    .cs-item:nth-child(4n+3) .cs-one {
        padding: .4rem .3rem;
    }
}



.ct-main {
    width: 100%;
    height: 7.4rem;
    background-color: #f3f3f3;
    position: relative;
    overflow: hidden;
}

.ct-main:before {
    content: "";
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #eceeee;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4rem;
    margin-top: -4rem;
    transform: rotate(45deg);
    z-index: 1;
}

.ct-mid {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 12;
}

.ct-inner {
    width: 100%;
    max-width: 6.5rem;
    margin: 0 auto;
}

.ct-title {
    text-align: center;
    color: #333;
    font-family: rBold;
    line-height: 1;
    margin-bottom: .25rem;
    letter-spacing: .04em;
}

.ct-des {
    width: 100%;
    color: #666;
    line-height: 1.714;
    text-align: center;
    margin-bottom: .6rem;
    letter-spacing: .04em;
}
.ct-des *{font-size: calc(14 * 1rem / 100) !important;}
@media(max-width: 1728px) {
    .ct-des * {
        font-size: 12.6px !important;
    }
}
@media(max-width: 750px) {
    .ct-des * {
        font-size: 0.24rem !important;
    }
}
.ct-last {
    text-align: center;
}

.ct-btn {
    display: inline-block;
    width: 2rem;
    line-height: .58rem;
    border: 1px solid #033077;
    border-radius: .03rem;
    text-align: center;
    color: #033077;
    cursor: pointer;
    transition: all .3s;
}

.ct-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/29.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

body.pc .ct-btn:hover {
    background-color: #033077;
    color: #fff;
}

body.pc .ct-btn:hover:after {
    background-image: url(../images/13.png);
}

.ct-box {
    width: 6.27rem;
    height: 5.65rem;
    position: absolute;
    top: .9rem;
    z-index: 12;
}

.ct-box1 {
    left: 50%;
    margin-left: -9rem;
}

.ct-box2 {
    right: 50%;
    margin-right: -9rem;
}

.ct-item {
    position: absolute;
    text-align: center;
    transition-delay: .5s;
}

.ct-item:nth-child(1){
    transition-delay: .5s;
}
.ct-item:nth-child(2){
    transition-delay: .6s;
}
.ct-item:nth-child(3){
    transition-delay: .7s;
}
.ct-item:nth-child(4){
    transition-delay: .8s;
}
.ct-item:nth-child(5){
    transition-delay: .9s;
}
.ct-item:nth-child(6){
    transition-delay: 1s;
}
.ct-item:nth-child(7){
    transition-delay: 1.1s;
}
.ct-item:nth-child(8){
    transition-delay: 1.2s;
}
.ct-item:nth-child(9){
    transition-delay: 1.3s;
}
.ct-item:nth-child(10){
    transition-delay: 1.4s;
}

.ct-item:after {
    content: "";
    display: block;
    width: 70.71%;
    height: 70.71%;
    background-color: #fff;
    position: absolute;
    left: 14.645%;
    top: 14.645%;
    transform: rotate(45deg);
    z-index: 1;
}

.ct-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%;
    z-index: 12;
    max-width: 80%;
    object-fit: contain;
}

.ct-item1 {
    width: 1.38rem;
    height: 1.38rem;
    left: 0.1rem;
    top: 0.25rem;
}

.ct-item2 {
    width: 1.78rem;
    height: 1.78rem;
    left: 2.08rem;
    top: 0.33rem;
}

.ct-item3 {
    width: 1.38rem;
    height: 1.38rem;
    left: 4.41rem;
    top: 0.01rem;
}

.ct-item4 {
    width: 1.38rem;
    height: 1.38rem;
    left: 0.79rem;
    top: 2.14rem;
}

.ct-item5 {
    width: 1.38rem;
    height: 1.38rem;
    left: 3.62rem;
    top: 2.18rem;
}

.ct-item6 {
    width: 1.78rem;
    height: 1.78rem;
    left: 0;
    top: 3.81rem;
}

.ct-item7 {
    width: 1.38rem;
    height: 1.38rem;
    left: 2.23rem;
    top: 3.69rem;
}

.ct-item8 {
    width: 1.78rem;
    height: 1.78rem;
    left: 4.48rem;
    top: 3.86rem;
}

.ct-item9 {
    width: 1.38rem;
    height: 1.38rem;
    right: 0.1rem;
    top: 0.25rem;
}

.ct-item10 {
    width: 1.78rem;
    height: 1.78rem;
    right: 2.08rem;
    top: 0.33rem;
}

.ct-item11 {
    width: 1.38rem;
    height: 1.38rem;
    right: 4.41rem;
    top: 0.01rem;
}

.ct-item12 {
    width: 1.38rem;
    height: 1.38rem;
    right: 0.79rem;
    top: 2.14rem;
}

.ct-item13 {
    width: 1.38rem;
    height: 1.38rem;
    right: 3.62rem;
    top: 2.18rem;
}

.ct-item14 {
    width: 1.78rem;
    height: 1.78rem;
    right: 0;
    top: 3.81rem;
}

.ct-item15 {
    width: 1.38rem;
    height: 1.38rem;
    right: 2.23rem;
    top: 3.69rem;
}

.ct-item16 {
    width: 1.78rem;
    height: 1.78rem;
    right: 4.48rem;
    top: 3.86rem;
}

@media(max-width: 1800px) {
    .ct-img {
        max-width: 56%;
    }
}

@media(max-width: 850px) {
    .ct-main {
        height: auto;
        padding: .6rem .3rem;
        text-align: center;
    }

    .ct-mid {
        position: relative;
        top: 0;
        transform: translate(0, 0);
        margin-bottom: .3rem;
    }

    .ct-box {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0;
        display: inline-block;
    }
}

@media(max-width: 750px) {
    .ct-box1 {
        margin-bottom: .3rem;
    }
}

.cv-wrap {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 2.7rem;
    overflow: hidden;
}

.cv-main {
    width: 100%;
    background-color: #131925;
    padding: 3.34rem .3rem 0;
    position: relative;
}

.cv-main:before {
    content: "";
    display: block;
    width: 4.21rem;
    height: 7.04rem;
    max-height: 100%;
    background-image: url(../images/36.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.cv-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    position: relative;
    z-index: 12;
}

.cv-hd {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.cv-title {
    color: #fff;
    line-height: 1.305;
    font-family: rBold;
    letter-spacing: .04em;
}

.cv-arrows {
    font-size: 0;
}

.cv-arrow {
    width: .54rem;
    height: .54rem;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/218.png);
    background-size: 100% 100%;
    cursor: pointer;
    transition: all .3s;
}

.cv-prev {
    transform: rotate(180deg);
}

.cv-next {
    margin-left: .2rem;
}

body.pc .cv-arrow:hover {
    background-image: url(../images/151.png);
}

.cv-cont {
    width: 100%;
    height: 3rem;
    display: flex;
}

.cv-left {
    width: 3.2rem;
    padding-top: 1.8rem;
}

.cv-right {
    width: calc(100% - 3.2rem);
}

.cv-btn {
    display: inline-block;
    width: 2rem;
    line-height: .58rem;
    border: 1px solid #fff;
    border-radius: .03rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    
}

.cv-btn.after-ani{
    transition: all .3s;
}

.cv-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/90.png);
    margin-left: .19rem;
    background-size: 100% 100%;
}

body.pc .cv-btn:hover {
    background-color: #033077;
    color: #fff;
    border-color: #033077;
}

.cv-bn {
    width: 14.4rem;
}

.cv-s {
    padding-right: .3rem;
}

.cv-item {
    display: block;
    width: 100%;
    border-radius: .1rem;
    overflow: hidden;
    cursor: pointer;
}

.cv-s:nth-child(2) .cv-item{
    transition-delay: .2s;
}
.cv-s:nth-child(3) .cv-item{
    transition-delay: .4s;
}
.cv-s:nth-child(4) .cv-item{
    transition-delay: .6s;
}

.cv-box {
    width: 100%;
    height: 3rem;
}

.cv-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cv-text {
    width: 100%;
    background-color: #f3f3f3;
    padding: 0.35rem 0.4rem 0;
    transition: all .3s;
}

.cv-tit {
    color: #262626;
    line-height: 1.583;
    letter-spacing: .04em;
    margin-bottom: .35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cv-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0;
    border-top: 1px solid #d6d6d6;
}

.cv-date {
    color: #666;
    line-height: 1.0625;
}

.cv-date:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0625em;
    height: 1.0625em;
    background-image: url(../images/40.png);
    background-size: 100% 100%;
    margin-right: .1rem;
}

.cv-ar {
    display: inline-block;
    vertical-align: top;
    width: .54rem;
    height: .54rem;
    background-image: url(../images/80.png);
    background-size: 100% 100%;
}

body.pc .cv-item:hover .cv-text {
    background-color: #033077;
}

body.pc .cv-item:hover .cv-tit {
    color: #fff;
}

body.pc .cv-item:hover .cv-date {
    color: #fff;
}

body.pc .cv-item:hover .cv-date:before {
    background-image: url(../images/41.png);
}

body.pc .cv-item:hover .cv-ar {
    background-image: url(../images/203.png);
}

@media(max-width: 1300px) {
    .cv-wrap {
        padding-bottom: 240px;
    }
}

@media(max-width: 900px) {
    .cv-bn {
        width: calc(100% + 0.3rem);
    }
}

@media(max-width: 750px) {
    .cv-main {
        padding: .6rem .3rem;
    }

    .cv-hd {
        display: block;
    }

    .cv-arrows {
        text-align: right;
        padding-top: .3rem;
    }

    .cv-hd {
        margin-bottom: 0;
    }

    .cv-left {
        width: 100%;
        padding-top: 0;
        margin-top: -0.54rem;
        margin-bottom: .3rem;
    }

    .cv-cont {
        display: block;
        height: auto;
    }

    .cv-right {
        width: 100%;
    }

    .cv-tit {
        font-size: .26rem;
        margin-bottom: .2rem;
    }

    .cv-text {
        padding: 0.2rem 0.3rem 0;
    }

    .cv-date {
        font-size: .24rem;
    }

    .cv-box {
        height: auto;
        padding-top: 66.666%;
        position: relative;
    }

    .cv-img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .cv-wrap {
        padding-bottom: 0;
    }
}

.cu-main {
    width: 100%;
    padding-top: 1.18rem;
    background-color: #fff;
    position: relative;
    z-index: 12;
}

.cu-main:before {
    content: "";
    display: block;
    width: 4.21rem;
    height: 4.4rem;
    background-image: url(../images/30.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.cu-title {
    text-align: center;
    color: #262626;
    font-family: rBold;
    line-height: 1;
    margin-bottom: .6rem;
}

.cu-cont {
    width: 100%;
    border-top: 1px solid #f3f3f3;
    position: relative;
}

.cu-inner {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
}

.cu-bot {
    width: 100%;
    height: 4.2rem;
}

.cu-bn {
    width: 100%;
    height: 6.4rem;
}

.cu-box {
    width: 80%;
    height: 6.4rem;
    margin-left: 10%;
    position: relative;
    transition: all .5s;
}

.cu-img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover;
    border-radius: .1rem;
}

.cu-wrap {
    width: 100%;
    position: relative;
}

.cu-s-bn {
    width: 100%;
    height: 1.15rem;
    margin-top: -0.08rem;
}

.cu-s-s {
    text-align: center;
    cursor: pointer;
    padding-top: .22rem;
    position: relative;
}

.cu-s-s:before {
    content: "";
    display: inline-block;
    width: .14rem;
    height: .14rem;
    background-image: url(../images/219.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.07rem;
}

.cu-s-tit {
    color: #666;
    line-height: 1.5;
}

.cu-s-s.active:before {
    background-image: url(../images/91.png);
}

.cu-s-s.active .cu-s-tit {
    color: #033077;
}

.cu-arrow {
    width: .54rem;
    height: .54rem;
    background-image: url(../images/220.png);
    background-size: 100% 100%;
    position: absolute;
    top: -0.27rem;
    cursor: pointer;
    transition: all .3s;
    z-index: 12;
}

.cu-prev {
    left: 50%;
    margin-left: -8.54rem;
    transform: rotate(180deg);
}

.cu-next {
    right: 50%;
    margin-right: -8.54rem;
}

body.pc .cu-arrow:hover {
    background-image: url(../images/151.png);
}

@media(min-width: 751px) {
    .cu-box {
        opacity: 0.1;
        margin-left: 200%;
        margin-top: .8rem;
        height: 4.8rem;
        transition: all .3s;
    }

    .cu-s.swiper-slide-active {
        z-index: 12;
    }

    .cu-s.swiper-slide-prev .cu-box {
        margin-left: calc(100% + 0.6rem);
        margin-top: .4rem;
        height: 5.6rem;
        opacity: 0.4;
    }

    .cu-s.swiper-slide-active .cu-box {
        margin-left: 10%;
        margin-top: 0;
        height: 6.4rem;
        opacity: 1;
    }

    .cu-s.swiper-slide-next .cu-box {
        margin-left: calc(-80% - 0.6rem);
        margin-top: .4rem;
        height: 5.6rem;
        opacity: 0.4;
    }

    .cu-s.swiper-slide-next+.cu-s .cu-box {
        margin-left: -180%;
    }
}

@media(max-width: 850px) {
    .cu-wrap {
        padding-left: .54rem;
        padding-right: .54rem;
    }

    .cu-inner {
        max-width: 100%;
    }

    .cu-prev {
        left: 0;
        margin-left: 0;
    }

    .cu-next {
        right: 0;
        margin-right: 0;
    }
}

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

    .cu-bot {
        height: auto;
        padding: 0 0.3rem;
    }

    .cu-wrap {
        margin-bottom: .3rem;
    }

    .cu-box {
        width: 100%;
        height: auto;
        padding-top: 50%;
        position: relative;
        margin-left: 0;
    }

    .cu-img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .cu-bn {
        height: auto;
    }
}



.wa-main {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12345;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.wa-main.show {
    visibility: visible;
    opacity: 1;
}

.wa-main * {
    box-sizing: border-box;
}

.wa-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}

.wa-cont {
    width: 16rem;
    max-height: 100vh;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -8rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 123;
    padding: .7rem .8rem .8rem;
    box-sizing: border-box;
    border-radius: .1rem;
}

.wa-top {
    width: 100%;
    display: flex;
}

.wa-left {
    float: left;
    width: 8.2rem;
    position: relative;
    padding-right: .2rem;
}

.wa-right {
    float: right;
    width: calc(100% - 8.2rem);
}

.wa-title {
    color: #033077;
    line-height: 1.305;
    margin-bottom: .36rem;
    font-family: rBold;
}

.wa-des {
    color: #666;
    line-height: 1.5;
}

.wa-input {
    width: 100%;
    height: .6rem;
    background-color: #f3f3f3;
    border: none;
    padding: 0 0.28rem;
    margin-bottom: .2rem;
    color: #333;
}

.wa-area {
    width: 100%;
    height: 3.7rem;
    background-color: #f3f3f3;
    border: none;
    padding: .18rem .28rem;
    line-height: 1.5;
    color: #333;
}

.wa-bot {
    text-align: right;
    padding-top: .3rem;
}

.wa-submit {
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    line-height: .6rem;
    height: .6rem;
    border-radius: .03rem;
    background-color: #033077;
    color: #fff;
    border: none;
    cursor: pointer;
}

.wa-submit:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: .875em;
    background-image: url(../images/13.png);
    background-size: 100% 100%;
    margin-left: .2rem;
}

.wa-ct {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.wa-tit {
    color: #033077;
    font-family: rBold;
    line-height: 1.333;
    margin-bottom: .14rem;
}

.wa-rows {
    width: 100%;
}

.wa-row {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: .13rem;
    position: relative;
    padding-left: 2em;
}

.wa-row:last-child {
    margin-bottom: 0;
}

.wa-icon {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.15em;
    position: absolute;
    left: 0;
    top: 0.75em;
    transform: translate(0, -50%);
}

.wa-close {
    width: .15rem;
    height: .15rem;
    background-image: url(../images/157.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    cursor: pointer;
}

@media(max-width: 1920px) {
    .wa-close {
        width: 15px;
        height: 15px;
    }
}

@media(max-width: 750px) {
    .wa-cont {
        width: calc(100% - 0.6rem);
        left: 0.3rem;
        margin-left: 0;
    }

    .wa-top {
        display: block;
    }

    .wa-left {
        float: none;
        width: 100%;
        margin-bottom: .3rem;
    }

    .wa-ct {
        position: relative;
        padding-top: .3rem;
    }

    .wa-right {
        float: none;
        width: 100%;
    }

    .wa-title {
        margin-bottom: .1rem;
    }

    .wa-cont {
        padding: .6rem .3rem;
    }
}