



/* CSS Document */



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td,

span,

button,

font {

    padding: 0;

    margin: 0;

    outline: none;

    font-family: "微软雅黑", Arial, Helvetica, sans-serif;

}



i {

    font-style: normal

}



html {

    font-size: 16px;

    -webkit-text-size-adjust: none;

    min-width: 320px;

    margin: 0 auto;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

}



fieldset,

img {

    border: 0;

    vertical-align: top;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

}



ol,

ul,

li,

dl,

dt,

dd {

    list-style: none;

}



input,

button,

textarea,

checkbox,

select,

radio,

form {

    vertical-align: top;

}



a {

    color: #000;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent

}



a:link,

a:visited {text-decoration: none;}



a:hover {

    text-decoration: none;

}



.clear {

    clear: both;

}



textarea {

    -webkit-appearance: none;

}



button {

    -webkit-appearance: none;

}



@media screen and (min-width:320px) {

    html {

        font-size: 90%;

    }

}



@media screen and (min-width:400px) {

    html {

        font-size: 90%

    }

}



@media screen and (min-width:480px) {

    html {

        font-size: 97.5%

    }

}



@media screen and (min-width:560px) {

    html {

        font-size: 100%

    }

}



@media screen and (min-width:600px) {

    html {

        font-size: 112.5%

    }

}



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

    html {

        font-size: 100%

    }

}





/*清除浮动*/



.clearfix:after {

    visibility: hidden;

    clear: both;

    display: block;

    content: ".";

    height: 0

}



.clearfix {

    *zoom: 1

}



.icon {

    width: 1em;

    height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

}



@font-face {

    font-family: 'iconfont';

    src: url('../other/iconfont.eot');

    src: url('../other/iconfont.eot?') format('embedded-opentype'), url('../other/iconfont.woff2') format('woff2'), url('../other/iconfont.woff') format('woff'), url('../other/iconfont.ttf') format('truetype'), url('../other/iconfont.svg') format('svg');

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





/* 手机菜单栏 */



.phone_list_nav .phone_btn {

    position: absolute;

    right: 10px;

    top: 1%;

    z-index: 9999;

}



.phone_list_nav .phone_btn .btn span {

    display: block;

    width: 40px;

    height: 2px;

    background-color: #1a4cf2;

    margin: 10px 0;

}



.phone_btn button {

    background-color: transparent;

    border: none;

}



.phone_list_nav {

    display: none;

}



.header {

    width: 100%;

    padding: 1rem 0;

    background-color: #000;

}



.header_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header_left {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.header_left i {

    font-size: 2rem;

    color: #fff;

}



.header_left_txt {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin-left: 0.5rem;

}



.header_left_txt p {

    font-size: 0.89rem;

    color: #fff;

    font-weight: bold;

}



.nav ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.nav li a {

    padding: 1rem 1.5rem;

    display: block;

    color: #fff;

    transition: all 0.3s;

}



.nav li a:hover {

    background: #3f6af4;

    color: #fff;

}



.nav .navcurrent a {

    background: #3f6af4;

    color: #fff !important;

}



.footer {

    width: 100%;

    background-color: #090d47;

    padding: 3rem 0;

}



.footer_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.link {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    border-bottom: 1px solid #fff;

    margin-bottom: 2rem;

    padding-bottom: 1rem;

}



.link p {

    font-size: 1.125rem;

    color: #fff;

    font-weight: bold;

    margin-bottom: 0.8rem;

    margin-right: 0.5rem;

}



.link a {

    font-size: 0.89rem;

    color: #fff;

    display: block;

    margin: 0 0.8rem 0.8rem 0;

}



.footer_main {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.footer_logo {

    margin-bottom: 1.5rem;

    display: block;

}



.footer_main_nav ul {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}



.footer_main_nav li a {

    font-size: 0.89rem;

    color: #fff;

    margin: 0 1rem;

}



.footer_li {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-top: 0.8rem;

}



.footer_li i {

    color: #fff;

    font-size: 1rem;

    margin-right: 0.5rem;

}



.footer_li p {

    font-size: 0.89rem;

    color: #fff;

}



.footer_li span {

    font-size: 1.5rem;

    color: #fff;

    font-family: "impact";

}



.pin {

    width: 100%;

    background-color: #dfdfdf;

    padding: 1rem 0;

}



.pin_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}



.pin_con a {

    font-size: 1rem;

    color: #000;

    font-weight: bold;

    display: block;

    margin: 0.3rem 1.3rem 0.3rem 0;

    transition: all 0.3s;

}



.pin_con a:hover {

    color: #1a4cf2;

}



.pin_con .pincurrent {

    color: #1a4cf2 !important;

}



.main {

    width: 100%;

    background-color: #f5f5f5;

    padding: 2rem 0 3rem 0;

}



.main_content {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.funav_con {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 2rem;

}



.funav_con a {

    font-size: 0.8rem;

    color: #333;

}



.funav_con i {

    font-size: 0.8rem;

    margin: 0 0.5rem;

    color: #999;

}



.funav_con a:hover {

    color: #1a4cf2;

}



.funav_con .funavcurrent {

    color: #1a4cf2 !important;

}



.serbox {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 3rem;

    position: relative;

    overflow: hidden;

}



.serimg {

    width: 40%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 20%;

}



.serimg img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.sertxt {

    width: 57%;

    overflow: hidden;

    background-color: #f1f1f1;

}



.sertxtcon {

    padding: 2rem;

}



.sertxtcon h3 {

    font-size: 1.25rem;

    font-weight: bold;

    color: #333;

    margin-bottom: 1rem;

}



.sertxtcon p {

    font-size: 0.89rem;

    color: #666;

    line-height: 1.7rem;

}



.serbox:nth-child(odd) {

    flex-direction: row-reverse;

}



.yema {

    display: flex;

    justify-content: center;

    align-items: center;

}



.yema ul {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.yema li {

    margin: 1rem 0.5rem;

    font-size: 1rem;

    color: #222;

    text-align: center;

    background-color: #fff;

    border-radius: 5px;

    transition: all 0.3s;

}



.yema li a {

    font-size: 1rem;

    color: #222;

    display: block;

    padding: 0.5rem 1rem;

    border-radius: 5px;

}



.yema li:hover {

    background-color: #0f7bff;

}



.yema li:hover a {

    color: #fff;

}



.yema .ma_current {

    background-color: #0f7bff;

}



.yema .ma_current a {

    color: #fff;

}



.newlist ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.newlist ul::after {

    content: "";

    width: 32%;

    overflow: hidden;

}



.newlist li {

    position: relative;

    overflow: hidden;

    width: 32%;

    margin-bottom: 2rem;

    background-color: #fff;

    transition: all 0.3s;

}



.newlistimg {

    width: 100%;

    position: relative;

    overflow: hidden;

    display: block;

    height: 0;

    padding-top: 59%;

}



.newlistimg img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.newlisttxt {

    padding: 1.5rem 1rem;

}



.newlisttxt span {

    font-size: 0.8rem;

    color: #999;

    margin-bottom: 1rem;

    display: block;

    transition: all 0.3s;

}



.newlisttxt h4 {

    font-size: 1.125rem;

    color: #0f7bff;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: all 0.3s;

}



.newlisttxt p {

    font-size: 0.89rem;

    color: #666;

    line-height: 1.5rem;

    margin-top: 0.5rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    transition: all 0.3s;

}



.newlistmore {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-top: 1.5rem;

}



.newlistmore b {

    color: #0f7bff;

    font-size: 1rem;

    display: block;

    margin-right: 1rem;

    transition: all 0.3s;

}



.newlistmore i {

    color: #0f7bff;

    font-size: 1.5rem;

    margin-top: 0.2rem;

    transition: all 0.3s;

}



.newlist li:hover {

    background-color: #0f7bff;

}



.newlist li:hover span {

    color: #fff;

}



.newlist li:hover h4 {

    color: #fff;

}



.newlist li:hover p {

    color: #fff;

}



.newlist li:hover b {

    color: #fff;

}



.newlist li:hover i {

    color: #fff;

}



.back {

    background-color: #fff;

    padding: 2rem;

    margin-bottom: 3rem;
    
    width: 100%;

}



.back h2 {

    font-size: 1.75rem;

    color: #333;

    text-align: center;

    font-weight: bold;

    margin: 0 auto 2rem auto;

}



.back_list {

    margin-bottom: 2.5rem;

}



.back_list ul {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}



.back_list li a {

    display: block;

    padding: 0.3rem 1rem;

    text-align: center;

    border: 1px solid #e5e5e5;

    font-size: 1.35rem;

    color: #000;

    margin: 0 1rem 1rem 0;

    transition: all 0.3s;

}



.back_list li a:hover {

    background-color: #0f7bff;

    color: #fff;

    border: 1px solid #0f7bff;

    font-weight: bold;

}



.back_list .backcurrent a {

    background-color: #0f7bff;

    font-weight: bold;

    color: #fff !important;

    border: 1px solid #0f7bff !important;

}



.store ul li:nth-child(n+2) {

    display: none;

}



.store {

    margin-bottom: 2rem;

}



.store li h3 {

    font-size: 2rem;

    color: #076ce0;

    font-weight: bold;

}



.store li h4 {

    margin-top: 1rem;

    font-size: 1.5rem;

    color: #000;

    font-family: "impact";

}



.public {

    background-color: #fff;

    padding: 2rem;

}



.public_title {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 1rem;

    position: relative;

    margin-bottom: 2rem;

}



.public_title h2 {

    font-size: 1.5rem;

    font-weight: bold;

    color: #333;

}



.public_title span {

    display: block;

    width: 10%;

    height: 0.2rem;

    background-color: #353d8b;

    position: absolute;

    bottom: 0;

    left: 0;

}



.public_main ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.public_main ul::after {

    content: "";

    width: 24%;

    overflow: hidden;

}



.public_main li {

    width: 24%;

    overflow: hidden;

    margin-bottom: 2rem;

    position: relative;

}



.public_img {

    width: 100%;

    overflow: hidden;

    position: relative;

    display: block;

    height: 0;

    padding-top: 63%;

}



.public_img img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.public_txt {

    margin-top: 1rem;

}



.public_txt h4 {

    font-size: 1.125rem;

    color: #333;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: all 0.3s;

}



.public_main li:hover h4 {

    color: #0f7bff;

}



.public_tags {

    display: flex;

    justify-content: flex-start;

    align-content: center;

    margin: 0.8rem 0 0.4rem 0;

}



.public_tags i {

    font-size: 1rem;

    color: #999;

    margin-right: 0.5rem;

}



.public_tags span {

    font-size: 0.8rem;

    color: #999;

}



.public_txt p {

    font-size: 0.89rem;

    line-height: 1.6rem;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.brand {

    background-color: #fff;

    padding: 2rem;

    margin-bottom: 2rem;

}



.brand_voice {
   

    background: url(../images/img10.jpg) no-repeat;

    background-size: 100%;

    padding: 2rem 3rem;

    text-align: center;

}



.brand_voice p {

    font-size: 1rem;

    color: #bf7c2b;

}



.brand_voice h3 {

    font-size: 1.25rem;

    font-weight: bold;

    color: #fff;

    margin: 1rem 0;

}



.brand_voice h4 {

    font-size: 1.125rem;

    color: #fff;

}



.brand_box {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    margin-bottom: 1rem;

}



.brand_box p {

    font-size: 1.125rem;

    color: #333;

    font-weight: bold;

    margin-top: 0.5rem;

}



.brand_box ul {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    flex: 1;

}



.brand_box li a {

    display: block;

    padding: 0.5rem 1rem;

}



.brand_box li a:hover {

    color: #0f7bff;

    font-weight: bold;

}



.brand_box .brandcurrent a {

    color: #0f7bff !important;

    font-weight: bold;

}



.show {

    display: flex;

    justify-content: space-between;

    margin-top: 4rem;

}



.show_left {

    width: 70%;

    overflow: hidden;

}



.show_right {

    width: 27%;

    overflow: hidden;

}



.show_left_title {

    margin: 0 auto 2rem auto;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.show_left_title p {

    font-size: 0.89rem;

    color: #666;

    text-align: center;

}



.show_left_titlebox {

    padding-bottom: 1rem;

    margin-bottom: 1rem;

    border-bottom: 1px solid #e5e5e5;

    width: 100%;

    position: relative;

}



.show_left_titlebox span {

    display: block;

    width: 8px;

    height: 2rem;

    background-color: #5d558e;

    position: absolute;

    top: 0;

    left: 0;

}



.show_left_titlebox h1 {

    font-size: 1.5rem;

    text-align: center;

    color: #333;

}



.show_left_read {

    background-color: #fff;

    padding: 1rem;

    margin-bottom: 2rem;

}



.show_left_read p {

    font-size: 0.8rem;

    color: #666;

    line-height: 1.6rem;

}



.show_left_content p {

    font-size: 0.8rem;

    color: #666;

    line-height: 1.7rem;

    text-indent: 2em;

}



.show_left_content img {

    max-width: 100%;

    vertical-align: middle;

    display: block;

    margin: 2rem auto;

}



.fanye {

    margin-top: 3rem;

}



.fanyeli {

    display: flex;

    justify-items: flex-start;

    align-items: center;

    margin: 1.5rem 0;

}



.fanyeli p {

    font-size: 1rem;

    color: #333;

}



.fanyeli a {

    font-size: 1rem;

    color: #333;

    transition: all 0.3s;

}



.fanyeli:hover a {

    color: #0f7bff;

    font-weight: bold;

}



.show_new {

    border: 1px solid #e5e5e5;

    margin-bottom: 2rem;

    padding: 1rem 1rem;

}



.show_hot {

    border: 1px solid #e5e5e5;

    padding: 1rem;

}



.show_aside_title {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 1rem;

}



.show_aside_title h3 {

    font-size: 1.25rem;

    color: #333;

    font-weight: bold;

    margin-right: 0.5rem;

}



.show_hot_list li {

    margin-bottom: 1rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    overflow: hidden;

}



.hotimg {

    width: 30%;

    overflow: hidden;

    display: block;

    position: relative;

    height: 0;

    padding-top: 20%;

    border-radius: 0.2rem;

}



.hotimg img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.hottxt {

    width: 67%;

    overflow: hidden;

}



.hottxt h4 {

    font-size: 0.89rem;

    color: #333;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: all 0.3s;

}



.show_hot_list li:hover h4 {

    color: #0f7bff;

}



.hottxt span {

    font-size: 0.8rem;

    color: #999;

    margin-top: 1rem;

    display: block;

}



.show_new_list {

    margin-top: 1rem;

}



.show_new_list li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 0.8rem;

}



.show_new_list li a {

    flex: 1;

}



.show_new_list li h4 {

    color: #333;

    font-size: 0.89rem;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: all 0.3s;

}



.show_new_list li:hover h4 {

    color: #0f7bff;

}



.show_new_list li span {

    font-size: 0.8rem;

    color: #999;

}



.show_tu ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.show_tu li {

    width: 48%;

    overflow: hidden;

    border-radius: 0.2rem;

    position: relative;

}



.showtuimg {

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    height: 0;

    padding-top: 65%;

}



.showtuimg img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.banner {

    width: 100%;

}



.banner img {

    width: 100%;

    vertical-align: middle;

}



.headerindex {

    width: 100%;

    padding: 1rem 0;

    position: absolute;

    top: 0;

    left: 0;

}



.card_con {

    max-width: 1200px;

    background-color: #fff;

    margin: 0 auto;

    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);

    position: relative;

    margin-top: -6rem;

    z-index: 999;

}



.card_list ul {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.card_list li {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 20%;

    padding: 3rem 0;

}



.card_list li i {

    color: #cf3e3e;

    font-size: 4rem;

}



.card_list li p {

    font-size: 1rem;

    color: #22071f;

    margin-top: 0.8rem;

}



.card_list li:hover {

    background-color: #1846bf;

    transform: scale(1.1);

}



.card_list li:hover i {

    color: #fff;

}



.card_list li:hover p {

    color: #fff;

}



.process {

    width: 100%;

    background-color: #f3f4f8;

    padding: 4rem 0;

}



.process_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.process_list {

    margin-top: 4rem;

}



.process_list_tab {

    margin-bottom: 3rem;

}



.process_list_tab ul {

    display: flex;

    justify-content: space-around;

    align-items: center;

    position: relative;

}



.process_list_tab li {

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    width: 25%;

}



.process_list_tabcon_li:nth-child(n+2) {

    display: none;

}



.process_active .circle {

    border: 1px solid #1846bf !important;

}



.process_active .circle span {

    background-color: #1846bf !important;

}



.process_active p {

    color: #1846bf !important;

}



.process_list_tabcon_li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    overflow: hidden;

}



.process_img {

    width: 35%;

    overflow: hidden;

    position: relative;

    height: 0;

    padding-top: 24%;

    border-radius: 0.3rem;

}



.process_img img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.process_text {

    width: 62%;

    overflow: hidden;

}



.process_text h5 {

    text-transform: uppercase;

    font-size: 1rem;

    color: #707070;

}



.process_text span {

    display: block;

    width: 30%;

    height: 0.1rem;

    background-color: #e5e5e5;

    margin-top: 0.8rem;

}



.process_text h3 {

    font-size: 1.5rem;

    color: #707070;

    margin: 2rem 0 1rem 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.process_text p {

    font-size: 1rem;

    color: #707070;

    line-height: 1.85rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.ll {

    width: 75%;

    height: 0.1rem;

    background-color: #ccc;

    position: absolute;

    bottom: 12px;

    left: 50%;

    transform: translateX(-50%);

}



.circle {

    width: 1.5rem;

    height: 1.5rem;

    text-align: center;

    line-height: 1.5rem;

    border: 1px solid #ccc;

    border-radius: 50%;

    position: relative;

    margin-top: 1rem;

    z-index: 99;

}



.circle span {

    display: block;

    width: 1rem;

    height: 1rem;

    line-height: 1rem;

    text-align: center;

    border-radius: 50%;

    background-color: #ccc;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.process_list_tabcon_li:nth-child(n+2) {

    display: none;

}



.process_active .circle {

    border: 1px solid #1846bf !important;

}



.process_active .circle span {

    background-color: #1846bf !important;

}



.every_title {

    margin: 0 auto 2rem auto;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.every_title h3 {

    font-size: 2rem;

    color: #333;

    margin-bottom: 0.8rem;

    text-align: center;

    font-weight: bold;

}



.every_title p {

    text-transform: uppercase;

    text-align: center;

    color: #999;

    font-size: 1rem;

}



.we {

    width: 100%;

    background-color: #f3f4f8;

    padding: 4rem 0;

}



.we_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.we_title h5 {

    font-size: 1rem;

    text-transform: uppercase;

    font-weight: bold;

    color: #076ce0;

    margin-right: 1rem;

}



.we_bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.we_bottom_img {

    width: 48%;

    overflow: hidden;

    position: relative;

    height: 0;

    padding-top: 32%;

}



.we_bottom_img img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.we_bottom_left {

    width: 48%;

    overflow: hidden;

}



.lian_way ul {

    display: flex;

    justify-content: space-around;

    align-items: flex-end;

}



.lian_way li {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.lian_way span {

    font-size: 0.8rem;

    color: #333;

    margin: 0.5rem 0;

    text-align: center;

    display: block;

}



.now {

    width: 40%;

    height: 4rem;

    line-height: 4rem;

    text-align: center;

    background-color: #3f6af4;

    font-size: 1.3rem;

    color: #fff;

    display: block;

    margin-top: 5rem;

}



.lian_way i {

    color: #1c2647;

    font-size: 2rem;

    margin-bottom: 0.8rem;

}



.we_con h4 {

    font-size: 0.89rem;

    color: #666;

    line-height: 1.6rem;

    margin-bottom: 2rem;

}



.wu {

    width: 100%;

    background-color: #f1f1f1;

    padding: 4rem 0;

}



.wu_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.wu_main ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.wu_main ul::after {

    content: "";

    width: 32%;

    overflow: hidden;

}



.wu_main li {

    width: 32%;

    overflow: hidden;

    margin: 1rem 0;

    position: relative;

    background-color: #fff;

    top: 0;

    transition: all 0.4s;

}



.wu_main li:hover {

    top: -1rem;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

}



.wusb {

    padding: 1.5rem;

}



.wusb_title {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 1rem;

}



.wusb_titletxt {

    margin-left: 1rem;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



.wusb_titletxt h4 {

    font-size: 1.25rem;

    color: #333;

    font-weight: bold;

    margin-bottom: 0.3rem;

}



.wusb_titletxt span {

    font-size: 0.8rem;

    color: #999;

}



.wusb_content p {

    font-size: 0.89rem;

    color: #333;

    line-height: 1.6rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.wubtns {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    margin-top: 2rem;

}



.wumore {

    width: 50%;

    text-align: center;

    height: 4rem;

    line-height: 4rem;

    background-color: #f4f9fc;

    font-size: 1.125rem;

    color: #3f6af4;

    font-weight: bold;

}



.wunow {

    width: 50%;

    text-align: center;

    height: 4rem;

    line-height: 4rem;

    background-color: #3f6af4;

    font-size: 1.125rem;

    color: #fff;

    font-weight: bold;

}



.wensb {

    width: 100%;

    background-size: 100%;

    background: url(../images/img16.jpg) no-repeat;

    padding: 3rem 0;

}



.wensb_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.wensb_con h3 {

    font-size: 2rem;

    color: #fff;

    font-weight: bold;

}



.wensb_con h4 {

    font-size: 1.5rem;

    color: #fff;

    font-weight: bold;

    margin: 1rem auto 2rem auto;

}



.wenaa {

    width: 20%;

    height: 3.5rem;

    line-height: 3.5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 3rem;

    background-color: #1846bf;

}



.wenaa p {

    font-size: 1rem;

    color: #fff;

    font-weight: bold;

}



.wenaa i {

    font-size: 1.5rem;

    color: #fff;

    margin-left: 0.5rem;

}



.card {

    background-color: #f1f1f1;

}



.diss {

    width: 100%;

    background-color: #fff;

    padding: 3rem 0;

}



.diss_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.diss_main {

    display: flex;

    justify-content: space-between;

}



.diss_left {

    width: 49%;

    overflow: hidden;

    position: relative;

    background-color: #f7f7f7;

    transition: all 0.3s;

}



.diss_right {

    width: 49%;

    overflow: hidden;

}



.diss_left_txt {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1.5rem;

}



.diss_left_txt_time {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 2rem;

}



.diss_left_txt_time span {

    font-size: 1.25rem;

    font-weight: bold;

    color: #666;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 0.3rem;

    padding-bottom: 0.3rem;

    text-align: center;

    transition: all 0.3s;

}



.diss_left_txt_time p {

    font-size: 0.89rem;

    color: #666;

    text-align: center;

    font-weight: bold;

    transition: all 0.3s;

}



.diss_left_txt_con {

    flex: 1;

}



.diss_left_txt_con h4 {

    font-size: 1.125rem;

    font-weight: bold;

    color: #333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: all 0.3s;

}



.diss_left:hover {

    background-color: #1846bf;

}



.diss_left:hover h4 {

    color: #fff;

}



.diss_left:hover p {

    color: #fff;

}



.diss_left:hover span {

    color: #fff;

    border-bottom: 1px solid #fff;

}



.diss_left:hover p {

    color: #fff;

}



.diss_left_txt_con p {

    font-size: 0.89rem;

    color: #666;

    line-height: 1.6rem;

    margin-top: 0.8rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    transition: all 0.3s;

}



.diss_left_img {

    width: 100%;

    height: 0;

    display: block;

    position: relative;

    overflow: hidden;

    padding-top: 66%;

}



.diss_left_img img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.diss_right li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #f7f7f7;

    padding: 1rem 1rem;

    margin-bottom: 1.5rem;

    transition: all 0.3s;

}



.diss_right li:last-child {

    margin-bottom: 0;

}



.diss_right .diss_left_txt_con p {

    margin-top: 0.3rem;

}



.diss_right li:hover {

    background-color: #1846bf;

}



.diss_right li:hover span {

    color: #fff;

}



.diss_right li:hover p {

    color: #fff;

}



.diss_right li:hover h4 {

    color: #fff;

}



.pa {

    width: 100%;

    padding-top: 4rem;

}



.pa_con {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.pa_main {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 1.5rem 0;

}



.pa_main p {

    font-size: 1.25rem;

    font-weight: bold;

    color: #000;

    margin-right: 2rem;

}



.pa_box {

    background-color: #f4f4f4;

    padding: 1rem;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    flex: 1;

}



.pa_box a {

    font-size: 1rem;

    color: #000;

    display: block;

    transition: all 0.3s;

    padding: 0.6rem 1rem;

}



.pa_box a:hover {

    color: #fff;

    background-color: #1846bf;

}



.wat {

    width: 100%;

    padding-bottom: 4rem;

    background-color: #f1f1f1;

}



.wat_brand {

    position: relative;

    width: 100%;

}



.wat_brand img {

    width: 100%;

    vertical-align: middle;

}



.wat_txt {

    position: absolute;

    top: 3rem;

    left: 50%;

    transform: translateX(-50%);

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

}



.wat_txt h3 {

    font-size: 1.5rem;

    color: #fff;

    font-weight: bold;

}



.wat_txt_tags {

    display: flex;

    justify-content: flex-start;

    align-content: center;

    margin: 1rem 0;

}



.wat_txt_tags span {

    font-size: 2.5rem;

    color: #fff;

    font-weight: bold;

}



.wat_txt_tags h4 {

    font-size: 2.5rem;

    color: #076ce0;

    font-weight: bold;

    margin-left: 1rem;

}



.wat_txt p {

    font-size: 1rem;

    color: #fff;

    margin-bottom: 0.8rem;

}



.wat_main {

    max-width: 1200px;

    width: 98%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    margin-top: -10rem;

    position: relative;

    z-index: 999;

}



.wat_left {

    width: 26.75%;

    overflow: hidden;

}



.wat_box {

    width: 72%;

    overflow: hidden;

}



.wat_box_top {

    display: flex;

    justify-content: space-between;

    margin-bottom: 1rem;

}



.wat_box_bottom {

    display: flex;

    justify-content: space-between;

}



.wat_box_top_s {

    width: 30%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 27%;

}



.wat_box_bottom_s {

    width: 30%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 27%;

}



.wat_box_top_b {

    width: 69%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 27%;

}



.wat_box_bottom_b {

    width: 69%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 27%;

}



.wat_left_img {

    width: 100%;

    overflow: hidden;

    position: relative;

    height: 0;

    display: block;

    padding-top: 150%;

}



.wat_left_img img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.wat_box_top_s img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.wat_box_top_b img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.wat_box_bottom_b img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.wat_box_bottom_s img {

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 0;

    left: 0;

}



.tuwen {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    z-index: 99;

    position: absolute;

    top: 0;

    left: 0;

}



.tuwen_con {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 1.5rem 1rem;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



.tuwen_con h3 {

    color: #fff;

    font-size: 1.25rem;

}



.tuwen_con span {

    display: block;

    width: 3rem;

    height: 0.2rem;

    background-color: #98eef0;

    margin: 1rem 0;

}



.tuwen_con p {

    font-size: 0.8rem;

    color: #fff;

    line-height: 1.5rem;

}





/* 悬浮 */



.aside {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: fixed;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    z-index: 9999;

}



.aside a {display: block;width: 5rem;height: 5rem;line-height: 5rem;border-radius: 50%;background-color: #1846bf;text-align: center;margin-bottom: 1.5rem;}



.aside a i {

    font-size: 2.5rem;

    color: #fff;

}



.fixedcall {

    display: none;

}



.fixedcall_main {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}



.fixedcall_call {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50%;

    height: 4rem;

    line-height: 4rem;

    background-color: #f4f9fc;

    color: #3f6af4;

}



.fixedcall_now {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50%;

    height: 4rem;

    line-height: 4rem;

    background-color: #3f6af4;

    color: #fff;

}



.fixedcall_main i {

    margin-right: 0.8rem;

    font-size: 2rem;

}



.fixedcall_main p {

    font-size: 1.25rem;

    font-weight: bold;

}



.fixedcall_main span {

    font-size: 1.5rem;

    font-family: "impact";

}





/* 悬浮 */



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

    .phone_list_nav {

        display: block;

    }

    .aside {

        display: none;

    }

    .fixedcall {

        display: block;

    }

    .nav {

        display: none;

    }

    .newlist li {

        width: 48%;

        overflow: hidden;

    }

    .main_content {

        width: 96%;

    }

    .footer {

        

    }

    .footer_main_nav {

        display: none;

    }

    .footer_main {

        padding-left: 1rem;

    }

    .link {

        padding-left: 1rem;

    }

    .serbox,

    .serbox:nth-child(odd) {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .sertxtcon {

        padding: 1rem;

    }

    .serimg {

        width: 100%;

        padding-top: 50%;

    }

    .sertxt {

        width: 100%;

    }

    .back {

        padding: 1rem;

    }

    .public {

        padding: 1rem;

    }

    .public_main li {

        width: 48%;

    }

    .brand {

        padding: 1rem;

    }

    .brand_voice {

        background-size: auto 100%;

    }

    .show {

        flex-wrap: wrap;

    }

    .funav_con {

        flex-wrap: wrap;

    }

    .show_left {

        width: 100%;

    }

    .show_right {

        width: 100%;

    }

    .card_con {

        margin-top: 0;

    }

    .headerindex {

        background-color: #000;

        position: static;

        top: auto;

        left: auto;

    }

    .card_list li i {

        font-size: 2rem;

    }

    .card_list li {

        padding: 1rem 0;

    }

    .card_list ul {

        flex-wrap: wrap;

    }

    .card_list li {

        width: 32%;

    }

    .card_list ul::after {

        content: "";

        width: 32%;

        overflow: hidden;

    }

    .wu_main li {

        width: 48%;

        overflow: hidden;

    }

    .wu_con {

        width: 96%;

    }

    .wusb {

        padding: 1rem;

    }

    .wusb_titletxt span {

        display: none;

    }

    .wat_main {

        margin-top: 0;

    }

    .process_list_tab li p {

        text-align: center;

    }

    .process_list_tab li {

        width: 20%;

    }

    .process_list_tabcon_li {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .process_img {

        width: 100%;

        padding-top: 67%;

    }

    .process_text {

        width: 100%;

        margin-top: 1rem;

    }

    .process_text h5,

    .process_text span {

        display: none;

    }

    .process_text h3 {

        margin: 0 0 1rem 0;

    }

    .wat_brand img {

        display: none;

    }

    .wat_txt {

        position: static;

        top: auto;

        left: auto;

        transform: none;

    }

    .wat_txt h3 {

        color: #000;

        margin-bottom: 1rem;

    }

    .wat_txt_tags {

        display: none;

    }

    .wat_txt p {

        color: #000;

    }

    .wat_main {

        flex-wrap: wrap;

    }

    .wat_left {

        width: 100%;

    }

    .wat_box {

        width: 100%;

    }

    .tuwen_con span {

        display: none;

    }

    .tuwen_con h3 {

        margin-bottom: 0.5rem;

    }

    .wat_left_img {

        padding-top: 27%;

    }

    .wat_box_top {

        flex-wrap: wrap;

    }

    .wat_box_bottom {

        flex-wrap: wrap;

    }

    .wat_box_top_s {

        width: 100%;

    }

    .wat_box_top_b {

        width: 100%;

    }

    .wat_box_bottom_b {

        width: 100%;

    }

    .wat_box_bottom_s {

        width: 100%;

    }

    .pa_main {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .pa_main p {

        margin-bottom: 1rem;

    }

    .diss_main {

        flex-wrap: wrap;

    }

    .diss_left {

        width: 100%;

        margin-bottom: 1rem;

    }

    .diss_right {

        width: 100%;

    }

    .wensb_con h3 {

        font-size: 1.25rem;

        text-align: center;

    }

    .wensb_con h4 {

        font-size: 1rem;

        text-align: center;

    }

    .wenaa {

        width: 50%;

    }

    .wensb_con {

        width: 96%;

    }

    .we_bottom_img {

        display: none;

    }

    .we_bottom_left {

        width: 100%;

    }

    .now {

        margin: 3rem auto 0 auto;

    }

}

/*新增加资讯样式*/
.df {justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;}

.column {flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}

.czjz {align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}

.spjz {justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}

.flex {display: flex;-webkit-display: flex;-moz-display: flex;-ms-display: flex;-o-display: flex;}
.df {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}

.czjz {
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
}
.flex {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
}


.mb80 {
    margin-bottom: 20px;
}
.mb50 {
    margin-bottom: 50px;
}
.tit>p {
    width: 96%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: 25px;
}
.smsize {
    font-size: 15px;
    line-height: 15px;
}

.wtul {
    height: 60px;
}

.w1200 {
    width: 1200px;
    margin: auto;
}

.wtul li {
    color: #fff;
    cursor: pointer;
    background: #203880;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    border-radius: 0.2rem;
}
.wtul li.on {
    color: #c8a21d;
}

.wtone {
    display: none;
}
.wtone.on {
    display: flex;
}
.wtfl {
    width: 36%;
    display: block;
    overflow: hidden;
}

.wtfl .f-item:first-child {
    margin-top: 0;
}
.wtfl .f-item {
    position: relative;
    overflow: hidden;
    margin: 1.5rem 0;
    transition: all 0.3s;
}


.wtfl .f-item .img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 22%;
}

.wtfl .f-item:first-child .img {
    width: 100%;
    padding-top: 70%;
}

.wtfl .f-item .txt {
    width: 67%;
    overflow: hidden;
}

.wtfl .f-item:first-child .txt {
    width: 100%;
}

.wtfl {
    width: 36%;
    display: block;
    overflow: hidden;
}
.wtfl .f-item .img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
}

.wtfl .f-item:first-child .txt a h3 {
    margin: 1rem 0 0.5rem 0;
}
.wtfl .f-item .txt a h3 {
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wtfl .f-item:first-child .txt p {
    font-size: 1rem;
}
.wtfl .f-item .txt p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wtfl .f-item .txt .watch_time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.8rem;
}
.wtfl .f-item .txt .watch_time i {
    color: #999;
    margin-right: 0.4rem;
    font-size: 1rem;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wtfl .f-item .txt .watch_time span {
    font-size: 0.8rem;
    color: #999;
}


.wtfr {
    width: 62%;
}
.wtfr ul {
    width: 100%;
}
.wtfr ul li {
    width: 48%;
}
.wtbtm li {
    margin-bottom: 3rem;
    transition: all 0.3s;
}
.wtbtm li .time {
    overflow: hidden;
    margin-right: 1.3rem;
    flex-direction: column;
    text-align: center;
}
.wtbtm li .time span {
    color: #111;
    font-weight: bold;
    font-size: 1rem;
}
.wtbtm li .time p {
    font-size: .8rem;
    color: #111;
    margin-top: 0.3rem;
}
.wtbtm li .txt {
    flex: 1;
    width: 70%;
}
.slh {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wtbtm li .txt a h1 {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}
.wtbtm li .txt p {
    font-size: .8rem;
    color: #666;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media (max-width:640px) {
    .w1200 {
    width: 100%;
    margin: auto;
    }
    .tit>p {
        line-height: 24px;
    }
    .mb50 {
    margin-bottom: 18px;
    }
    .wtul {
    background: none;
    height: initial;
    }
    .wtul li.on {
        background: #c8a21d;
        color: #fff;
    }
    .wtul li {
    margin: 0 2%;
    padding: 7px 7px;
    background: #081b47;
    color: #fff;
    border-radius: 5px;
    }

    .wtbtm li {
    margin-bottom: .4rem;    
    }

    .wtbtm li .time p {    
        margin: 0.1rem auto;
    }
    .wtfl .f-item {    
        margin: 0.5rem 0;        
    }

    .wtfl .f-item:first-child .txt p {
        font-size: .26rem;
    }
    .wtfl .f-item .txt p {
        font-size: 0.24rem;    
        line-height: 1.38rem;   
        
    }
    .wtfl .f-item .txt .watch_time {        
        margin-top: 0.24rem;
    }
    .wtfl .f-item .txt .watch_time span ,.wtbtm li .time span,.wtbtm li .time p,.wtbtm li .txt p{
        font-size: .24rem;
        line-height: 1.26rem;
       
    }

    .wtbtm li .txt a h1 {
        font-size: .26rem;        
        margin-bottom: 0.12rem;        
    }


    .wtcon {
        width: 100%;
    }
    .wtfl {
    margin-bottom: 16px;
    width: 100%;
    }
    .wtfl {
    margin-bottom: 16px;
    width: 100%;
    }
    .wtfr {
    width: 96%;
    padding: 0 2%;
    }



}


.copyrights {
    width: 100%;
    
    padding: .8rem 0;
}

.copyrights_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.copyrights_con p {
    font-size: .8rem;
    color: #fff;
}