@charset "utf-8";

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

*,
::after,
::before {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif, "PingFang HK", "Microsoft YaHei", "Arial";
}

.pure:before,
.pure:after {
    content: " ";
    display: table;
}

.pure:after {
    clear: both;
}

body {
    font: 12px "PingFang HK", "Microsoft YaHei", "Arial";
    color: #333;
    line-height: 1.5;
    overflow-x: hidden;
}

ol,
ul,
li {
    list-style-type: none;
    vertical-align: middle;
}

img {
    vertical-align: top;
    border: 0;
    max-width: 100%;
}

input,
select,
textarea,
button {
    vertical-align: middle;
}

textarea,
input {
    text-indent: 0;
}

/*表单元素默认有10像素的缩进*/
input[type='submit'],
input[type='button'],
button {
    text-indent: 0;
    text-align: center;
    cursor: pointer;
}

label,
button,
a {
    cursor: pointer;
}

ins,
em,
b,
i {
    text-decoration: none;
    font-style: normal;
}

/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button {
    outline: none;
}

/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #8b8b8b;
    transition: color .5s;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8b8b8b;
    transition: color .5s;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8b8b8b;
    transition: color .5s;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8b8b8b;
    transition: color .5s;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8b8b8b;
    transition: color .5s;
}


/* 提示文字的激活样式 */
input:focus::-webkit-input-placeholder,
input:focus:-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
    color: #ccc;
}

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

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

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

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


/* table */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: inherit;
}

/* a_link */
a {
    color: inherit;
    text-decoration: none;
}

a[href] {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

/*a:focus {*/
/*background-color: transparent;*/
/*}*/
h1,
h2,
h3,
h4,
h5,
h6,
em {
    font-weight: normal;
}

a,
span,
li,
b,
i,
label,
p,
strong,
div,
h1,
h2,
h3,
h4,
h5,
h6,
font,
small,
em,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    /*font-size: 14px;*/
}

p {
    line-height: 2;
}

font {
    font-size: inherit;
    font-style: inherit;
    color: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

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

/*用来解决在安卓上的点击出现篮框问题*/
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
    /*height: 100%;*/
    width: 100%;
    overflow-x: hidden;
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px;
}

body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: #eee;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: #eee;
}

/*滚动动画的样式*/
.disable-hover {
    pointer-events: none;
}

.scroll-animate.animated {
    visibility: hidden;
}

.font-fadeIn font {
    display: inline-block;
    min-width: 12px;
}

.scrolly {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

/* 浮动与清浮动 */
.fl {
    float: left;
}

.fr {
    float: right;
}

.cl::after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.hide {
    display: none;
}

.show {
    display: block;
}

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

[data-ahref] {
    cursor: pointer;
}

html {
    font-size: 100px;
}

/* 初始定义 */
.wc {
    color: #fff;
}

.mc {
    color: #00653b;
}

.fc {
    color: #a2bccc;
}

.gc {
    color: #d7dee4;
}

.d-gc {
    color: #7f8c94;
}

.rc {
    color: #fe0000;
}

.grc {
    color: #69b22a;
}

h1 {
    font-size: 0.36rem;
    font-weight: bold;
}

h3 {
    font-size: 0.18rem;
    font-weight: bold;
}

h4 {
    font-size: 0.16rem;
    font-weight: bold;
}

.transi {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

body {
    position: relative;
    min-height: 100vh;

}

.con_box_case {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}

.con_box_case::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-image: url("../img/bg.jpg");
}

.con_box {
    /*width: 1000px;*/
    width: 52.83%;
    margin: 0 auto;
    position: relative;
}

.con_text_box {
    margin: 0 auto;
    width: 91.2%;
}

.con_text_box > img {
    /*display: block;*/
    width: 100%;
    margin-top: -1px;
}

.con_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .92);
    padding: 0 .2rem;
    left: 0;
    z-index: 6;

}

.con_b_con {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.coo_b_box {
    width: calc(330 / 1200 * 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.coo_b_box img {
    height: 1.15rem;
    display: block;
}

.coo_l_box {
    width: calc((1200 - 380) / 1200 * 100%);
    text-align: center;
}

.con_l_t {
    font-size: .14rem;
    line-height: 1;
    padding: .1rem 0 .09rem;
    color: #000000;
}

.coo_lb_img {
    border-top: 1px solid #d3d9e6;
    border-bottom: 1px solid #d3d9e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .125rem 0;
}

.coo_lb_img img {
    width: auto;
    height: .3rem;
    display: block;
}

.copyright {
    padding: .18rem 0 .09rem;
    font-size: .13rem;
    line-height: 1;
    color: #000000;
}

.header_box {
    position: absolute;
    top: 0;
    left: 8.335%;
    width: 83.33%;
    text-align: center;
}

.logo_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .05rem 0 .07rem;
    border-bottom: 1px solid #d5dcea;
}

.logo_box img {
    margin: 0 .3rem;
}

.img_001 {
    width: 12.10%;
}

.img_002 {
    width: 14.73%;
}

.comec {
    line-height: 1;
    padding-top: .16rem;
    font-size: .34rem;
    font-weight: bold;
    color: #3d4959;
}

.comec_i {
    font-weight: bold;
    font-size: .21rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d4959;
    margin-top: .07rem;
}

.comec_i span {
    color: #0069d7;
    margin-right: .8em;
}

.logo_l_box {
    margin: .12rem auto 0;
    width: 31.3%;
    display: block;
}

.logo_l_box img {
    display: block;
    width: 100%;
}

.link_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .03rem;
}

.link_box img {
    width: 14.5%;
    display: block;
}

.link_box span {
    padding: 0 .25rem;
    line-height: .33rem;
    border-radius: .2rem;
    margin: 0 .04rem;
    background-color: #0069d7;
    color: #fff;
    font-size: .26rem;
    font-weight: 700;
}

.con_body_box {
    margin-top: -1.4%;
}

.con_mask_box {
    display: flex;
    justify-content: center;
    margin-top: .35rem;

}

.con_mask_box a {
    width: 11.5%;
    margin: 0 .05rem;
}

.con_mask_box a img {
    width: 100%;
    display: block;
}

.con_tbody_box {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: .26rem;
    width: 118.4%;
    margin-left: -9.2%;

}

.con_box_block {
    width: 31.66%;
    position: relative;
}

.con_box_block > img {
    width: 110%;
    display: block;
    max-width: none;
    margin-left: -5%;
}

.con_case_com {
    position: absolute;
    left: -0.5%;
    top: 2.8%;
    width: 101%;
}

.con_case_com > img {
    width: 100%;
    display: block;
    margin-bottom: .13rem;
}

.con_title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1.43;
    font-size: .3rem;
}

.con_title img {
    margin: 0 .1rem;
    height: .15rem;
    display: block;
}

.con_link_box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    line-height: 1.2;
    margin-top: .12rem;
    font-weight: 700;
    flex-wrap: wrap;
}

.con_link_box div {
    color: #ffc923;
    white-space: nowrap;

    line-height: 1;
    margin-bottom: .08rem;
    width: 100%;
    text-align: center;
}

.con_link_box div em {
    display: none;
    font-style: normal;
}

.con_link_box span {
    border-radius: .3rem;
    padding: 0 .17rem;
    background-color: #ffc923;
    color: #0069d7;
    margin-left: .08rem;
    white-space: nowrap;
}

.con_box_block:nth-child(3) .con_link_box div {
    /*color: #e32b1e;*/
}

.con_box_block:nth-child(3) .con_link_box span {
    background-color: #e32b1e;
    color: #fff;
}

.con_box_block:nth-child(3) .con_title {
    /*color: #4f2100*/;
}

.con_box_block:nth-child(3) .con_link_box div {
    /*color: #F44336*/}

.con_box_block:nth-child(3) .con_link_box span {
    background-color: #ffe432;
    color: #004bd4;
}

.con_right {
    padding-top: .4rem;
    width: 35.9%;
    margin-left: -1%;

}


.link_con_boc {

    position: relative;
    display: block;
    margin: .22rem auto 0;
    width: 80%;
}

.link_con_boc img {
    width: 100%;
    display: block;
    transition: opacity .5s ease-in-out;

}

.link_con_boc img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


@media screen and (orientation: landscape) {
    .link_con_boc:hover img:nth-child(2) {
        opacity: 1;
    }
}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
    .con_box {
        width: 55%;
    }
}

@media screen and (max-width: 1366px) {

    .con_box {
        width: 52%;
    }

    .f-60 {
        font-size: 48px;
    }

    .f-50 {
        font-size: 42px;
    }

    .f-48 {
        font-size: 40px;
    }

    .f-46 {
        font-size: 40px;
    }

    .f-44 {
        font-size: 38px;
    }

    .f-42 {
        font-size: 36px;
    }

    .f-40 {
        font-size: 34px;
    }

    .f-38 {
        font-size: 32px;
    }

    .f-36 {
        font-size: 30px;
    }

    .f-34 {
        font-size: 28px;
    }

    .f-32 {
        font-size: 26px;
    }

    .f-30 {
        font-size: 26px;
    }

    .f-28 {
        font-size: 26px;
    }

    .f-26 {
        font-size: 24px;
    }

    .f-24 {
        font-size: 22px;
    }

    .f-22 {
        font-size: 20px;
    }

    .f-20 {
        font-size: 18px;
    }

    .f-18 {
        font-size: 16px;
    }

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

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

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


@media screen and (max-width: 1280px) {
    .con_box {
        width: 48%;
    }

    .con_title {
        font-size: .26rem;
    }

    .con_link_box {
        font-size: .22rem;
    }
}

@media screen and (max-width: 1278px) {
    .con_box {
        width: 45%;
    }

    .comec {
        font-size: .28rem;
    }

    .coo_b_box img {
        height: 1rem;
    }

    .coo_lb_img {
        padding: .08rem;
    }

    .coo_lb_img img {
        height: .25rem;
    }

    .con_title {
        font-size: .2rem;
    }
}

@media screen and (max-width: 1100px) and (orientation: landscape) {
    /*1366*125%*/
    .hint_box {
        padding-left: 4%;
        padding-right: 4%;
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    /*1440*150%*/

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {

}

.mo_sty {
    display: none !important;
}

@media only screen and (orientation: portrait) {
    .pc_sty {
        display: none !important;
    }

    .mo_sty {
        display: block !important;
    }

    .con_box {
        width: 100%;
    }

    .con_box_case {
        position: relative;
        height: auto;

    }

    .con_box_case::before {
        background-image: url("../img/m/bg.jpg");

    }

    .con_text_box {
        width: 100%;
    }

    .logo_box.mo_sty {
        display: flex;

    }

    .header_box {
        width: 85.33%;

    }

    .logo_box {
        padding: .07rem 0 .1rem;
    }

    .logo_box img {
        margin: 0 .4rem;
    }

    .img_001 {
        width: 23.28125%;
    }

    .img_002 {
        width: 34.0625%;
    }

    .comec {
        padding-top: .24rem;
        font-size: .38rem;
    }

    .comec_i {
        font-size: .22rem;
        margin-top: .12rem;
    }

    .con_body_box {
        position: relative;
    }

    .bg_img_m {
        position: absolute;
        width: 100vw;
        max-width: none;
        display: block;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }


    .logo_l_box {
        margin-top: 3%;
        width: 49.3%;
    }

    .link_box {
        margin-top: 1%;
    }

    .link_box img {
        width: 17.5%;
    }

    .link_box span {
        margin: 0 .06rem;
        line-height: .4rem;
        padding: 0 .3rem;
        font-size: .31rem;
    }

    .con_mask_box {
        margin-top: .3rem;
        padding: 0 .18rem;
    }

    .con_mask_box a {
        flex: 1;
    }

    .con_tbody_box {
        display: block;
        margin: .41rem auto 0;
        width: 86.66%;

    }

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

    .con_left > img {
        margin-top: 2%;
    }

    .table_box {
        width: calc(100% - .6rem);
        margin: 3% auto 0;
    }

    .table_box table th {
        line-height: .5rem;
        font-size: .24rem;

    }

    .table_box table td {
        line-height: .4rem;
        font-size: .22rem;
    }

    .hint_box {
        position: relative;
        top: auto;
        left: auto;
        width: calc(100% - .46rem);
        margin: .3rem auto .48rem;
        font-size: .24rem;
        line-height: .4rem;
        padding: .15rem .36rem;
        border-radius: 1rem;

    }

    .con_right {
        width: 100%;
        margin-left: 0;
        padding-top: 0;
        display: flex;
        justify-content: center;
    }

    .con_right a {
        width: 48%;
        margin: 0 .5%;
    }

    .con_bottom {
        position: relative;
        bottom: auto;
        background-color: #fff;
        margin-top: 23%;
        padding: .24rem 0 0;
    }

    .con_b_con {
        display: block;
    }

    .coo_b_box {
        width: 100%;
        justify-content: space-around;
        padding-bottom: .23rem;
        border-bottom: 1px solid #d3d9e6;
    }

    .coo_b_box img {
        height: 2.1rem;
    }

    .coo_l_box {
        width: 100%;
        padding-top: .34rem;
    }

    .con_l_t {
        font-size: .26rem;
        color: #c1c1c1;
        padding: 0;
    }

    .coo_lb_img {
        padding: .48rem .62rem .07rem;
        border-top: none;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .coo_lb_img a {
        margin: 0 .3rem .2rem;
    }

    .coo_lb_img img {
        height: .35rem;

    }

    .copyright {
        padding: .23rem .1rem .25rem;
        font-size: .22rem;
        color: #666666;
    }

    .con_box_block {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }

    .con_box_block > img {
        width: 107.4%;
        margin-left: -3.7%;
    }

    .con_case_com {
        position: absolute;
        left: 0;
        top: 2%;
        width: 100%;
    }

    .con_title {
        font-size: .4rem;
        line-height: 1.5;
        width: calc(100% + .2rem);
        margin-left: -.1rem;
    }

    .con_case_com > img {
        width: calc(100% - .16rem);
        margin: .08rem .08rem .26rem;
        box-shadow: 0 .17rem .45rem -.1rem rgba(0, 0, 0, .35);

    }

    .con_link_box {
        margin-top: .15rem;
        font-size: .37rem;
        line-height: 1.35;
        flex-wrap: nowrap;
    }

    .link_con_boc {
        margin-top: .28rem;
        width: 71%;
    }

    .con_link_box span {
        padding: 0 .16rem;
    }

    .con_link_box div {
        width: auto;
    }

    .con_link_box div em {
        display: inline-block;
        width: .5em;
    }



    .con_title img {
        height: .22rem;
    }
}