@charset "utf-8";
*{margin:0;padding:0;border:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {padding-top:80px;
	background:#fff;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
hr {
	margin:1rem 0;
	color:rgba(33,50,91,.1);
	background-color:currentColor;
	border:0;
	opacity:1
}
hr:not([size]) {
	height:.0625rem
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	/* margin-bottom:.5rem; */
	font-weight:600;
	line-height:1.2;
	color:#1e2022
}
.h1,h1 {
	font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
	.h1,h1 {
	font-size:2.5rem
}
}.h2,h2 {
	font-size:calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
	.h2,h2 {
	font-size:1.75rem
}
}.h3,h3 {
	font-size:calc(1.25625rem + .075vw)
}
@media (min-width:1200px) {
	.h3,h3 {
	font-size:1.3125rem
}
}.h4,h4 {
	font-size:1.125rem
}
.h5,h5 {
	font-size:1rem
}
.h6,h6 {
	font-size:.875rem
}
p {
	margin-top:0;
	margin-bottom:1rem
}
abbr[data-bs-original-title],abbr[title] {
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted;
	cursor:help;
	-webkit-text-decoration-skip-ink:none;
	text-decoration-skip-ink:none
}
address {
	margin-bottom:1rem;
	font-style:normal;
	line-height:inherit
}

dl,ol,ul {
	margin-top:0;
}
ol ol,ol ul,ul ol,ul ul {
	margin-bottom:0
}
dt {
	font-weight:700
}
dd {
	margin-bottom:.5rem;
	margin-left:0
}
blockquote {
	margin:0 0 1rem
}
b,strong {
	font-weight:bolder
}	

a { color:inherit; text-decoration: none; cursor: pointer}
li{list-style:none;}
img {max-width:100%;border:0 none;vertical-align:middle;-webkit-user-drag:none;}
input,textarea,button {outline:none;-webkit-tap-highlight-color:transparent;}
/* h1,h2,h3,h4,h5,h6{font-weight:normal;} */
p {word-break:break-all;}
i,em{font-style:normal;}
body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    }
:root {
        --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        --bs-warning: #ffc107;
        --bs-warning-rgb: 255, 193, 7;
}
:root {
    --bs-blue: #377dff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ed4c78;
    --bs-orange: #fd7e14;
    --bs-yellow: #f5ca99;
    --bs-green: #198754;
    --bs-teal: #00c9a7;
    --bs-cyan: #09a5be;
    --bs-white: #fff;
    --bs-gray: #8c98a4;
    --bs-gray-dark: #71869d;
    --bs-gray-100: #f7faff;
    --bs-gray-200: #f8fafd;
    --bs-gray-300: #e7eaf3;
    --bs-gray-400: #bdc5d1;
    --bs-gray-500: #97a4af;
    --bs-gray-600: #8c98a4;
    --bs-gray-700: #677788;
    --bs-gray-800: #71869d;
    --bs-gray-900: #1e2022;
    --bs-primary: #377dff;
    --bs-secondary: #71869d;
    --bs-success: #00c9a7;
    --bs-info: #09a5be;
    --bs-warning: #f5ca99;
    --bs-danger: #ed4c78;
    --bs-light: #f7faff;
    --bs-dark: #21325b;
    --bs-primary-rgb: 55,125,255;
    --bs-secondary-rgb: 113,134,157;
    --bs-success-rgb: 0,201,167;
    --bs-info-rgb: 9,165,190;
    --bs-warning-rgb: 245,202,153;
    --bs-danger-rgb: 237,76,120;
    --bs-light-rgb: 247,250,255;
    --bs-dark-rgb: 33,50,91;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-rgb: 103,119,136;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: Inter,sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #677788;
    --bs-body-bg: #fff;
}

*,::after,::before {
    box-sizing: border-box;
}

[class*=text-highlight-] {
    background: left 1em/1em .2em;
    background-repeat: repeat-x;
}
.text-highlight-warning {
    background-image: linear-gradient(to bottom, rgb(254 239 195), rgb(254 239 195));
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.tc{text-align:center;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}
.pr{position: relative;}
.pa{position: absolute;}
/*清除浮动*/
.clearfix:after,.clearfix:before {content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after {clear:both}
.clearfix {zoom:1;}
/* 全局 */
.pd20-0{padding: 20px 0;}
.home-hd{text-align: center;color:#303030}
.home-hd .tit{font-size: 34px;line-height: 40px;text-align: center;}
.home-hd .sub{font-size: 18px;color: #666;text-align: center;line-height: 26px;margin-top: 16px;}
.home-hd.fff{color:#fff}

.box-title {text-align: center;color:#303030}
.box-title .title{font-size: 34px;font-weight: bold;line-height: 40px;text-align: center;}
.box-title .title-line {display: block;width: 2%;height: 3px;background: #006cff;margin: auto;margin-top: 20px;}
.box-title .title-text {color: #807a7a;font-size: 16px;line-height: 28px;margin: auto;margin-top: 30px;}
@media screen and (max-width: 768px){
.box-title .title{font-size: 26px;line-height: 30px;}
.box-title .title-text{margin-top: 20px;}
}
.box-hd {display: block;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;}
.box-hd h3 {font-size: 18px;height: 50px;line-height: 50px;}

.btn{display:inline-block;line-height:30px;padding:0 20px;border-radius:2px;cursor:pointer;}
.btn+.btn {margin-left: 12px;}
.btn-m{line-height:40px;font-size:16px;padding:0 30px;}
.btn-x{line-height:40px;font-size:20px;padding:0 50px;}
.btn-1{border:1px solid transparent; background:#9e1e1f; color:#fff;}
.btn-1:hover{background:#b72225;}
.btn-1:active{background:#b72225;}
.btn-2{background:transparent; color:#9e1e1f; border:1px solid #b72225;}
.btn-2:hover{background-color:#b72225; color:#ffffff;}
.btn-3{background:none; color:#fff; border:1px solid #fff;}
.btn:disabled{cursor:not-allowed; opacity:0.3;}
@media screen and (max-width: 1200px){
.btn-m{padding:0 20px;line-height:35px;}
.btn-x{padding:0 30px;font-size:18px;}
}
@media screen and (max-width: 768px){
.home-hd .tit{font-size: 26px;line-height: 30px;}
.home-hd .sub{font-size: 14px;line-height: 20px;margin-top: 10px;}
}
/*container*/
.main,.container{max-width: 1200px;margin: 0px auto;}
@media screen and (max-width: 1440px){
.main,.container{padding: 0 20px;}
}
@media screen and (max-width: 768px){
.main,.container {padding: 0 16px;}
}
@media screen and (max-width: 520px){
.main,.container {padding: 0 12px;}
}

/*华为容器*/
.hidden-pc {
    padding-bottom: 32px;
    text-align: center;
	
}

.section-head-title {
    display: inline-block;vertical-align: middle;font-size: 16px;color: #000;line-height: 24px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

 .por-container {
    position: relative;
    z-index: 1;
	background-color: #f5f5f6;
	padding-bottom: 20px;
}
@media (min-width: 1776px) {
    .por-container { max-width:1600px}
}

@media (max-width: 1775px) {
    .por-container {
        max-width:none;
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width: 1024px) {
    .por-container {
        max-width:none;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (max-width: 768px) {
    .por-container {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 375px) {
    .por-container {
        padding-left:16px;
        padding-right: 16px
    }
}



.product-nav {
    background-size: cover;
    background: #f7f7f7;
    border-bottom: none;
    font-size: 0;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 0 28px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-nav .u-icon {
    cursor: pointer;
    display: none;
    height: 38px;
    line-height: 24px;
    position: absolute;
    top: 2px;
    width: 100px;
    z-index: 1
}

.product-nav .u-icon.u-icon-left {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#f7f7f7),color-stop(120%,hsla(0,0%,97%,0)));
    background: linear-gradient(90deg,#f7f7f7 50%,hsla(0,0%,97%,0) 120%);
    left: 0;
    padding-left: 28px;
    text-align: left
}

.product-nav .u-icon.u-icon-right {
    background: -webkit-gradient(linear,right top,left top,color-stop(50%,#f7f7f7),color-stop(120%,hsla(0,0%,97%,0)));
    background: linear-gradient(270deg,#f7f7f7 50%,hsla(0,0%,97%,0) 120%);
    padding-right: 28px;
    right: 0;
    text-align: right
}

.product-nav .product-nav-menus {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.product-nav .product-nav-menus .product-nav-menu {
    display: inline-block;
    padding: 0;
    position: relative;
    width: auto
}

.product-wrapper {
    position: relative;
    width: 100%
}

.product-nav-menu .product-nav-menu-inner {
    color: #595959;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    margin: 0 40px;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.product-nav-menu .product-nav-menu-inner:hover {
    color: #191919;
    font-weight: 700
}

.product-nav-menu .product-nav-menu-inner:before {
    border-bottom: 2px solid #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%
}

.product-nav-menu:first-child .product-nav-menu-inner {
    margin-left: 0
}

.product-nav-menu:last-child .product-nav-menu-inner {
    margin-right: 0
}

.product-nav-menu.active .product-nav-menu-inner {
    color: #191919;
    font-weight: 700
}

.product-nav-menu.active .product-nav-menu-inner:before {
    opacity: 1
}


.product-content {
    margin: 0 -8px
}

.product-content .product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

.product-content .product-list li {
    padding: 8px;
    width: 25%
}

.product-content .product-list li .product-card {
    background-position: 50%;
    background-size: cover;
    background: #fff;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 100%;
    padding: 90px 32px;
    position: relative;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.product-card .product-card-inner {
    width: 100%
}

.product-card img {
    background-size: cover;
    border-radius: 16px;
    font-size: 36px;
    height: 72px;
    margin-bottom: 28px;
    width: 72px
}

.product-card h5 {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px
}

.product-card h5 .product-tag {
    margin-left: 4px;
    margin-top: -4px
}

.product-card p {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}

.product-card:hover {
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    z-index: 1
}

@media (max-width: 1180px) {
    .product-card h5 {
        font-size:14px
    }

    .product-card .product-card-inner {
        width: 100%
    }
}

.product-price {
    color: #595959;
    overflow: hidden
}

.product-price em {
    color: #191919;
    font-style: normal;
    font-weight: 700
}

.product-price em,.product-price span,.product-price strong {
    font-size: 24px;
    line-height: 24px
}

.product-price p {
    display: inline;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0
}

.product-card-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #191919;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
    -webkit-transition: .2s;
    transition: .2s
}

.product-card:hover .product-card-more .por-icon {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.product-card-more .por-icon {
    color: inherit;
    font-size: 16px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.product-mb-container {
    display: none
}

@media (max-width: 1500px) {
    .product-nav-menu .product-nav-menu-inner {
        margin:0 30px
    }
}

@media (max-width: 1680px) {
    .product-card {
        padding:76px 32px;
    }

    .product-card-inner img {
        height: 64px;
        margin-bottom: 24px;
        width: 64px
    }

    .product-card-inner h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 1366px) {
    .product-card {
        padding:48px 32px
    }

    .product-nav-menu .product-nav-menu-inner {
        font-size: 14px;
        line-height: 22px;
        margin: 0 28px
    }

    .product-card-inner img {
        height: 60px;
        margin-bottom: 24px;
        width: 60px
    }

    .product-card-inner h5 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .product-card-inner p {
        font-size: 12px;
        height: 44px;
        line-height: 18px
    }
}

@media (max-width: 1024px) {
    .product-list li {
        width:33.33333%
    }

    .product-list li:nth-child(6)~li {
        display: none
    }
}

@media (max-width: 768px) {
    .section-group-product {
        background-image:none!important
    }

    .product-m-list {
        font-size: 0;
        padding: 16px 0;
        text-align: justify
    }

    .product-m-list li {
        display: inline-block;
        padding-right: 16px;
        width: 50%
    }

    .por-collapse-trigger .por-icon-down {
        font-size: 24px
    }

    .por-collapse-trigger .por-icon-down:before {
        content: "\ea0c"
    }

    .section-product {
        background: #f7f7f7;
        background-size: 100% 100%;
        border-radius: 16px 16px 0 0
    }

    .section-product .product-container {
        display: none
    }

    .product-mb-container {
        background-color: #fff;
        border-radius: 16px;
        display: block;
        padding: 0 20px
    }

    .product-m-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        position: relative
    }

    .product-m-tab.expended a {
        border-bottom: 1px solid #c9c9c9;
        color: #000
    }

    .product-m-tab.expended a span:before {
        opacity: 1
    }

    .product-m-tab.expended a .por-icon.por-icon-down {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .product-m-tab a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #191919;
        font-weight: 700;
        width: 100%
    }

    .product-m-tab a span {
        display: inline-block;
        font-size: 16px;
        height: 56px;
        line-height: 56px;
        position: relative
    }

    .product-m-tab a span:before {
        border-bottom: 2px solid #000;
        bottom: -1px;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        -webkit-transition: .2s;
        transition: .2s
    }

    .product-m-tab a .por-icon.por-icon-down {
        position: absolute;
        right: 0
    }

    .product-m-tab a i {
        color: #777;
        font-size: 24px;
        height: 24px;
        -webkit-transition: .35s;
        transition: .35s;
        width: 24px
    }

    .product-m-tab-wrapper {
        overflow: hidden;
        -webkit-transition: .35s;
        transition: .35s
    }

    .product-m-tab-container {
        border: none
    }

    .product-m-tab-container:last-child .product-m-tab,.product-m-tab-container:last-child .product-m-tab-content {
        border-bottom: none
    }

    .product-m-tab-content {
        padding: 0
    }

    .product-m-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 0
    }

    .product-m-card img {
        height: 48px;
        margin-right: 16px;
        width: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 10px
    }

    .product-m-card .text-container {
        width: calc(100% - 64px)
    }

    .product-m-card .text-container h5 {
        color: #191919;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 6px
    }

    .product-m-card .text-container p {
        color: #595959;
        font-size: 12px;
        line-height: 18px
    }

    .product-mb-more {
        padding-top: 16px;
        text-align: center
    }
}

@media (max-width: 500px) {
    .product-m-tab a span {
        height:55px;
        line-height: 55px
    }

    .product-m-card {
        padding: 16px 0
    }

    .product-m-card img {
        border-radius: 8px;
        height: 40px;
        margin-right: 12px;
        width: 40px
    }

    .product-m-card .text-container h5 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0
    }

    .product-m-list li {
        padding-right: 0;
        width: 100%
    }

    .product-m-list li:nth-child(6)~li {
        display: none
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

.por-btn-dark:hover {
    border-color: #999;
    color: #191919
}

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}
/*********华为容器结束**********/


/* section */
section {display: block;width:100%;margin: 0 auto;overflow: hidden;position: relative;}
section.bgcolor {background: #f6f6f6;}
section.layout{padding: 80px 0;}
section.layout-narrow {background: #f6f6f6;padding: 50px 0px;}
section.layout-offset {background: #f6f6f6;padding-bottom:30px;}

section.narrow {background: #f6f6f6;padding-bottom:0px;}
@media screen and (max-width:1200px){ 
section.layout{padding: 80px 0;}
section.box-narrow {padding:20px 0;}
}
@media screen and (max-width:768px){ 
section.layout{padding: 50px 0;}
section.layout-narrow {background: #f5f7fa;padding: 30px 0 10px;}
}
@media (max-width: 768px){ 
.m-hide, .pc-show {display: none!important;}
}

/* header  */
header {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 80px;left: 0;position: fixed;top: 0;width: 100%;z-index: 101;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.08);-webkit-transition: all .5s;transition: all .5s;}
header .box {width: 100%;padding: 0 60px;;margin: 0 auto;}
header .header-left {float:left;display: flex;flex: 1;align-items: center;margin: 20px 0;margin-right: 40px;vertical-align: middle;}
header .header-left .logo {width: auto;display: block;position: relative;z-index: 2;height: 40px;}
header .header-left .logo img{width: auto;height: 40px;position: relative; top: 5px; z-index: 1;}
header .header-left .logo .logo-text {display: inline-block;margin-left: 10px;padding-left: 10px;border-left: #e8edf2 1px solid;vertical-align: middle;}
header .header-left .logo .logo-text .name {line-height: 20px;width: 100px;text-align: center;font-size: 12px;background: #9e1e1f;border-radius: 30px;color: #fff;}
header .header-left .logo .logo-text p {font-size: 12px;color: #878B99;height: 15px;line-height: 15px;margin-top: 5px;}
/*nav-menu-list*/
header .header-menu {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content:space-between;justify-content:space-between;}
header .header-menu .menu-left {display:block;float:left;list-style: none;padding: 0;}
header .header-menu .menu-left>li {float:left;}
header .header-menu .menu-left>li>a {color:#181818;font-size:16px;margin:0 25px;display: block;line-height:80px;position:relative;box-sizing: border-box;}
header .header-menu .menu-left>li:last-child {margin-right:0;}
header .header-menu .menu-left>li .nav_hot {width: 40px;height: 18px;line-height: 18px;background: linear-gradient(90deg, #fc354c 0%, #ff6966 100%);position: absolute;border-radius: 2px;color: #fff;top: 10px;font-size: 12px;right: -32px;text-align: center;cursor: pointer;}
header .header-menu .menu-left>li .nav_hot:before {content: " ";position: absolute;width: 0;height: 0;left: 10px;top: 16px;border-color: #fd4343 transparent transparent #fd4343;border-style: solid;border-width: 4px;}
header .header-menu .menu-left>li .nav_icon {position: absolute;right: -18px;top: 0;width:20%;height: 100%;}
header .header-menu .menu-left>li .nav_icon:after { content: ''; position: absolute; border: 1px solid #181818; border-left: none; border-bottom: none; width: 6px; height: 6px; right:0px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -6px; }
header .header-menu .menu-left>li.active .nav_icon:after{border: 1px solid #9e1e1f;border-left: none;border-bottom: none;}
header .header-menu .menu-left>li.active>a:after{content:"";position:absolute;bottom:22px;left:50%;display:block;width:2em;height:2px;margin-left:-1em;background:#9e1e1f;}
header .header-menu .menu-left>li.active>a,header .header-menu .menu-left>li:hover  a{color:#9e1e1f;}
header .header-menu .menu-left>li:hover .nav_icon:after { border-right-color:#9e1e1f;border-top-color:#9e1e1f;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }
header .header-menu .menu-left .submenu {width: 100%;font-size:14px;text-align:center;border-top: 1px solid #eee;background: #fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:absolute;left:0;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
header .header-menu .menu-left .submenu ol  {padding:10px 0;}
header .header-menu .menu-left .submenu ol li {display: inline-block;float: none;width: auto;padding-right: 30px;position: relative;}
header .header-menu .menu-left .submenu ol li:last-child {padding-right: 0;}
header .header-menu .menu-left .submenu ol li:last-child::after {display: none;}
header .header-menu .menu-left .submenu ol li:after {position: absolute;right: 15px;top: 50%;content: ' ';transform: translateY(-50%);width: 1px;height: 12px;background-color: rgba(102, 102, 102, .3);}
header .header-menu .menu-left .submenu ol li a {display:block;height:30px;line-height:30px;color:#181818!important;padding:0 16px;font-size: 14px;}
header .header-menu .menu-left .submenu ol li a:hover {color:#9e1e1f !important;}
header .header-menu ul>li:hover .submenu {height:auto;opacity:1;visibility:visible;margin-top:0;}
/*nav-right*/
header .menu-right {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
header .menu-right .telephone {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
header .menu-right .telephone span {color: #9e1e1f;font-size: 20px;font-weight: 700;line-height: 1;margin: 0 6px 0 10px;;white-space: nowrap;}
header .menu-right .telephone .icon {margin-left:5px;width: 38px;height: 38px;border: 1px solid #9e1e1f;border-radius: 100%;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-transition: all .5s;transition: all .5s;}
header .menu-right .telephone .icon .img {width: 22px;height: 22px;background-image: url(../images/tel-h.png);background-size: 22px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition: all 0.5s;}
header .menu-right .telephone:hover .icon {background: #9e1e1f;}
header .menu-right .telephone:hover .icon .img {background-image: url(../images/tel-b.png);}
header .menu-right .extra-link {-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;overflow: hidden;height: 38px;padding: 0 20px;position: relative;color: #9e1e1f;font-size: 14px;font-style: normal;font-weight: 700;border: 1px solid #9e1e1f;border-radius: 19px;}
header .menu-right .extra-link:hover,header .menu-right .extra-link:focus,header .menu-right .extra-link:active {color: #fff;background-color: #9e1e1f;border: 1px solid #9e1e1f;}

/*header-blockbg*/
header .header-blockbg {display:none;width:100%;height:100%;background:#000;filter:alpha(opacity=40);opacity:.4;position:fixed;left:0;top:0;z-index:992;}
/*menu-toggle*/
header .header-menutoggle {display:none;width:22px;height:20px;filter:alpha(opacity=100)!important;opacity:1!important;position:fixed;top:20px;right:15px;z-index:9999;}
header .header-menutoggle span {display:block;background:#333;width:100%;height:2px;position:absolute;left:0;transition:all ease .35s;}
header .header-menutoggle span:nth-of-type(1) {top:0;}
header .header-menutoggle span:nth-of-type(2) {top:8px;}
header .header-menutoggle span:nth-of-type(3) {top:16px;}
header .header-menutoggle.close span {background:#000;}
header .header-menutoggle.close span:nth-of-type(1) {top:10px;transform:rotate(45deg);}
header .header-menutoggle.close span:nth-of-type(2) {width:0;}
header .header-menutoggle.close span:nth-of-type(3) {top:10px;transform:rotate(-45deg);}
@media only screen and (max-width:1680px) {
header .box {padding: 0 30px;} 
}
@media only screen and (max-width:1440px) {
header .box {padding: 0 20px;} 
}
@media only screen and (max-width:1380px) {
 header .header-left {margin-right: 20px;}
header .header-menu .menu-left>li>a {margin:0 20px;}  
}
@media only screen and (max-width:1280px) {
header .header-menu .menu-left>li>a {font-size: 15px;/* margin:0 16px; */}  
}
@media only screen and (max-width:1200px) {
body {padding-top: 60px;}
header  {height:60px;}
header .header-left {margin: 10px 0;}
header .header-menu {width:280px;height:100%;position:fixed;right:-100%;top:0;z-index:9993;transition:right .6s;background:#ffffff;margin-left:0;}
header .header-menu.open {right:0;}
header .header-menu ul {width:100%;overflow-y:auto;position:absolute;left:0;top:50px;bottom:70px;}
header .header-menu .menu-left>li {width:auto!important;height:auto;float:none;font-size:16px;margin:0 20px;line-height:inherit;border-bottom:1px solid #f5f5f5;}
header .header-menu .menu-left>li a {margin:0;text-align:left;height:50px;line-height:50px;color:#333333;font-size:16px;}
header .header-menu .menu-left>li.active>a:after, header .header-menu .menu-left>li:hover a:after {width:0;} 
header .header-menu .menu-left>li i.nav_hot {top: 15px;right: 0px;}
header .header-menu .menu-left>li i.nav_icon {display:block;position: absolute;right: 0;top: 0;width: 40px;text-align:center;height: 100%;background-image: url(../images/arrow_right.png);background-size: 18px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition:transform .5s;}
header .header-menu .menu-left>li i.nav_icon.icon_btndown {background-image: url(../images/arrow_down.png);}
header .header-menu .menu-left>li .nav_icon:after{display:none;}
header .header-menu .menu-left .submenu {width:auto;text-align: left;position:static;transition:all 0s!important;opacity:1!important;visibility:visible!important;display:none;height:auto;border-top: 0px;box-shadow:inherit;margin-top:0;}
header .header-menu .menu-left .submenu ol {padding:0;}
header .header-menu .menu-left .submenu ol li {display: block;border-top:1px solid #f5f5f5;padding-right: 0px;}
header .header-menu .menu-left .submenu ol li:after {display:none;}
header .header-menu .menu-left .submenu ol li>a {height:40px;line-height:40px;color:#666;}                           
header .header-menu .menu-right {position:absolute;bottom:20px;left:20px;margin:0;}
header .header-menu .menu-right img {width: 26px;}
header .header-menu .menu-right .telephone {font-size: 16px;}   
header .header-menutoggle {display:block;}
}
@media screen and (max-width: 768px){
header .box {padding: 0 16px;}
}
@media screen and (max-width: 400px){
header .box {padding: 0 12px;}
}
/*footer*/
footer {width: 100%;background: #ffffff;border-top: 1px solid #eee;}
footer .footer-top{padding: 50px 0 30px 0;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
footer .footer-contact {float:left;width:18%}
footer .footer-contact h3 {color: #181818;font-size: 20px;line-height: 30px;}
footer .footer-contact .contact-num {color: #9e1e1f;font-size: 24px;font-weight: bold;line-height: 1;margin: 20px 0;}
footer .footer-contact .contact-text {display: flex;align-items: center;font-size: 12px;color: #181818;line-height: 1;margin-bottom:20px;}
footer .footer-contact .contact-text .span {color: #808080;}
footer .footer-contact .contact-link {display: flex;align-items: center;font-size: 14px;color: #9e1e1f;line-height: 1;}
footer .footer-contact .contact-link .arrow {width: 20px;height: 16px;margin-top: -2px;background-image: url(../images/arrow_blue.png);background-size: 16px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition: all 0.5s;}
footer .footer-contact .contact-link:hover {text-decoration: underline;}
footer .footer-contact .contact-link:hover .arrow {margin-left: 5px;}
footer .footer-contact dl {margin-top: 15px;}
footer .footer-contact dl dt {font-size: 14px;color: #808080;line-height: 20px;}
footer .footer-contact dl dd {color: #181818;font-size: 20px;font-weight: 700;line-height: 30px;}
footer .footer-qrcode{float:left;width:26%;}
footer .footer-qrcode .img{display: block;width: 128px;height: auto;margin:0 auto;background: #f5f5f5;padding: 6px}
footer .footer-qrcode .img img{max-width: 100%;height: 120px;width: 120px;}
footer .footer-qrcode .text{color:#181818;font-size: 14px; text-align: center;margin-top: 10px;}
footer .footer-about {float:right;width: 30%;}
footer .footer-about h3 {color: #181818;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
footer .footer-about p {font-size: 14px;line-height: 24px;color: #808080;}
footer .footer-nav {float:left;width:26%}
footer .footer-nav dl {float: left;}
footer .footer-nav dt {color:#222;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
footer .footer-nav dd {float: left;display: block;width: 50%;}
footer .footer-nav dd a{ color: #808080;line-height: 30px;}
footer .footer-nav dd a:hover {color: #9e1e1f;}
/* footer-bottom  */
footer .footer-bottom {display: block;padding:20px 0;font-size:14px;color:#808080;border-top: 1px solid #EAEAEA;overflow: hidden;}
footer .footer-bottom  p{display: inline-block;}
footer .footer-bottom .left {float: left;width: 70%;}
footer .footer-bottom .left span {margin-right:10px;}
footer .footer-bottom .left span:last-child{margin-right:0px}
footer .footer-bottom .left a {display: inline-block;color:#808080; position: relative; }
footer .footer-bottom .left a:hover {color:#e9422c;}
footer .footer-bottom .right {float: right;width:30%;text-align: right;} 
/* footer-link  */
footer .footer-link{display: block;padding:10px 0;border-top: 1px solid #dcdfe6;overflow: hidden;}
footer .footer-link .link-right{float:right;font-size: 12px;line-height: 24px;color: #757f92;}
footer .footer-link .link-box{float:left;width: 900px;position: relative;}
footer .footer-link .bt {color: #757f92;font-size:12px;}
footer .footer-link .bt{float: left;width: 60px;line-height: 24px;}
footer .footer-link .lb{float: left;width: calc(100% - 60px);height: 24px;overflow: hidden;transition: all 0.5s;}
footer .footer-link .lb a{display: inline-block;color: #757f92;font-size:12px;height: 24px;line-height: 24px;margin-right: 10px;}
footer .footer-link .gd{height: 22px;line-height:20px;position: absolute;right:-60px;top:0px;color: #757f92;font-size: 12px;border: 1px solid #757f92;width: 60px;cursor: pointer;text-align: center;}
@media screen and (max-width:1200px){
footer .footer-link .link-box{width: 720px;}
}
@media screen and (max-width:1024px){
footer .footer-top{display:  block;overflow: hidden;position: relative;}
footer .footer-contact {float:left;width:30%}
footer .footer-qrcode{float:left;width:40%;}
footer .footer-nav {float:right;width:30%;}
footer .footer-nav dd{width:50%;max-width: 120px;;line-height:30px;}
footer .footer-about,footer .footer-link {display:none;}
footer .footer-bottom {padding:10px 0;font-size:12px;line-height:20px;margin-top: 20px;}
footer .footer-bottom .left,
footer .footer-bottom .right {display:  block;float: none;width: auto;text-align:center;}
footer .footer-bottom .right a {padding-left:0px;}
}
@media screen and (max-width: 768px){
 
body {padding-top: 60px;padding-bottom: 50px;}
footer .footer-top{padding: 30px 0 10px 0;}
footer .footer-contact {float:left;width:56%}
footer .footer-qrcode{float:right;width:42%;}
footer .footer-qrcode .img {width: 120px;}
footer .footer-nav {float:right;width:100%;margin-top:20px;}
footer .footer-nav dl{float:none;text-align:center;}
footer .footer-nav dd{width:25%;max-width: 25%;text-align:center;line-height:36px;}
}

footer .tool-bar {}
footer .tool-bar .tool {position:fixed;bottom:40%;right:15px;z-index:100;display:block;}
footer .tool-bar .tool a,footer .tool-bar .tool a .tool-item,footer .tool-bar .tool a .tool-item .tool-icon {border-radius:3px;}
footer .tool-bar .tool a {display:block;height:40px;margin-bottom:1px;white-space:nowrap;overflow:hidden;font-size:0;}
footer .tool-bar .tool a .tool-item {display:block;float:right;width:40px;height:100%;background:#9e1e1f ;-webkit-transition:width 0.25s linear;transition:width 0.25s linear;}
footer .tool-bar .tool a .tool-item .tool-icon {display:inline-block;vertical-align:middle;width:40px;height:100%;background:#bc2326;}
footer .tool-bar .tool a .tool-item .tool-icon i {display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:50% 50%;}
footer .tool-bar .tool a .tool-item .tool-icon i.icon-quote {background-image:url(../images/tool-quote.png);}
footer .tool-bar .tool a .tool-item .tool-icon i.icon-telephone {background-image:url(../images/tool-telephone.png);}
footer .tool-bar .tool a .tool-item .tool-text {display:inline-block;vertical-align:middle;width:120px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-align:center;}
footer .tool-bar .tool a .tool-item .tool-text span {font-size:14px;line-height:18px;color:#fff;}
footer .tool-bar .tool a:hover .tool-pop {width:160px;}
footer .tool-bar .back-top {position:fixed;bottom:-50px;right:15px;z-index:999;display:block;-webkit-transition:bottom 0.3s;transition:bottom 0.3s;}
footer .tool-bar .back-top.in {bottom:50px;}
footer .tool-bar .back-top a {display:block;width:40px;height:40px;border-radius:3px;background-color:#fff;font-size:0;overflow:hidden;-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;}
footer .tool-bar .back-top a i.icon-topback {display:block;width:100%;height:100%;background:url(../images/tool-topback.png) no-repeat center;background-size:40% 40%;}
@media screen and (max-width:768px) {
footer .tool-bar .tool {bottom:0;right:0;width:100%;height:auto;padding:10px 8px;border-top:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;font-size:0;}
footer .tool-bar .tool a {display:inline-block;vertical-align:top;width:32%;height:auto;padding:0 6px;margin-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;}
footer .tool-bar .tool a:first-child .tool-item {background:transparent;}
footer .tool-bar .tool a:last-child {width:68%;}
footer .tool-bar .tool a:hover .tool-pop {width:100%;}
footer .tool-bar .tool a .tool-item {display:block;width:100%;padding:5px 0;border:1px solid #9e1e1f;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#9e1e1f;text-align:center;}
footer .tool-bar .tool a .tool-item .tool-icon {display:none;border:none;width:30px;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;}
footer .tool-bar .tool a .tool-item .tool-icon i {width:24px;height:24px;background-size:80% 80%;}
footer .tool-bar .tool a .tool-item .tool-text {width:auto;border:none;}
footer .tool-bar .tool a .tool-item .tool-text span {line-height:24px;color:#9e1e1f;}
footer .tool-bar .tool a:last-child .tool-item .tool-text span {color:#fff;}
footer .tool-bar .back-top.in {bottom: 100px;}
footer .tool-bar .back-top a {width: 40px;height: 40px;background-color: rgba(255,255,255,0.85);}
}
/* 联系弹窗 */
.contact-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1024;display: none;}
.contact-popup .popup-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);}
.contact-popup .popup-box{position: absolute;top: 50%;left: 50%;background-color: #fff;border-radius: 15px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.contact-popup .popup-box:after,.contact-popup .popup-box:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.contact-popup .popup-qrcode{text-align: center;margin-top: 40px;}
.contact-popup .popup-qrcode img{width: 180px;height: 180px;margin: 0 auto;}
.contact-popup .popup-close{display:block;position: absolute;top: -15px;right: -30px;width: 30px;height: 30px;background: #fff;border-radius: 50%;cursor: pointer;}
.contact-popup .popup-close::before,.contact-popup .popup-close::after{position: absolute; content: ''; width: 14px; height: 2px; border-radius: 2px;  left: 50%; top: 50%; background: #333; margin-left: -7px; margin-top: -1px; }
.contact-popup .popup-close::before{transform: rotate(45deg);}
.contact-popup .popup-close::after{ transform: rotate(-45deg);}
.contact-popup .popup-topbg {width: 320px;height: 160px;border-radius: 15px 15px 0px 0px;background: url(../images/contact_popup.png) no-repeat center;background-position:50% 50%;background-size:cover;}
.contact-popup .popup-code {text-align: center;padding: 20px 0}
.contact-popup .popup-code img {width: 226px;height: 226px;display: block;margin: 0 auto;}
.contact-popup .popup-title {padding-top: 10px;text-align: center;line-height: 30px;font-size: 20px;}
.contact-popup .popup-text {display: block;text-align: center;height: 30px;line-height: 30px;font-size: 16px;color: #666666;}
.contact-popup .popup-text em {padding-left: 10px;}
@media only screen and (max-width:768px) {
.contact-popup .popup-topbg {width: 300px;height: 150px;;}
.contact-popup .popup-close{ top: -25px;right: -12px;width: 24px;height: 24px;}
}
 /* banner*/
 .banner {height:450px;overflow:hidden;position:relative;background-color:#222;background-position: center;}
 .banner .image { width: 100%; position: absolute; height: 100%; left: 0; top: 0;background-color: #eef2f6; background-image: linear-gradient(260deg,#f3f4f6,#eef2f6);background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; z-index: 1; }
 .banner .contain{max-width:1200px;margin: 0 auto;position:absolute;z-index:1;left:50%;margin-left:-600px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
 .banner .contain h1{}
 .banner .contain h1 span{color:#9e1e1f !important; font-size:50px;}
 .banner .contain .text{ color:#666; font-size:30px; font-weight:100; }
 .banner .contain .btn{margin-top:50px;}
 .banner.banner-sub{height:400px;}
 .banner.banner-min{height:150px;}
 .banner.banner-min .contain .title{font-size:40px;}
 @media screen and (max-width: 1400px){
	.banner .contain {width:100%;left:9%; margin-left:0px; padding: 0 20px;}
 } 
 @media screen and (max-width: 1200px){
 .banner,.banner.banner-sub{height:400px;background-size: auto 100%;}
 .banner .contain .title{font-size:36px;}
 .banner .contain .title span{display:none;}
 .banner .contain .text{font-size:20px;margin-top:10px;}
 .banner .contain .btn{margin-top:20px;}   
 } 
 @media screen and (max-width: 1024px){
 .banner,.banner.banner-sub{height:300px;} 
 .banner .contain .title{font-size:32px;}
 .banner .contain .text{font-size:18px;} 
 .banner.banner-min{height: 100px;}
 .banner.banner-min .contain .title{font-size:26px;}
 } 
 @media screen and (max-width: 768px){
 .banner,.banner.banner-sub{height:200px;}
 .banner .contain {padding: 0 16px;}
 .banner .contain .title{font-size:26px;}
 .banner .contain .title span{display:none;}
 .banner .contain .text{font-size:16px;}
 .banner .contain .btn{margin-top:20px;}
 } 
 
 @media screen and (max-width: 768px){
	.banner .contain h1 span{color:#9e1e1f !important; font-size:30px;}
 }
 @media screen and (max-width: 400px){
	.banner .contain h1 span{color:#9e1e1f !important; font-size:30px;}
 }
 
 
/* theme */
.home-theme-agent{display: block;background: url(../images/home-theme-agent.png);background-size: cover;overflow: hidden;position:  relative;}
.home-theme-advantage{display: block;background: url(../images/home-theme-advantage.png);background-size: cover;overflow: hidden;position:  relative;}
/* theme-list */
.theme-list {padding-top: 20px;display: flex;justify-content: center;flex-wrap: wrap;}
.theme-list .item {float: left;width:calc(33.3333% - 14px);margin-right: 20px;margin-top: 20px;background: #fff;border: 1px solid #dcdfe6;border-radius: 8px;}
.theme-list .item:nth-child(3n+0) {margin-right: 0;}
.theme-list .item a {display: block;padding: 40px 24px;text-align: center;transition: all 0.5s;position: relative;}
.theme-list .item .img {width: 80px;height: 80px;margin: auto;}
.theme-list .item .p {font-size: 20px;line-height: 28px;color: #333;margin: 24px 0 8px 0;}
.theme-list .item .text {color: #666;line-height: 24px;margin-top: 8px;}
.theme-list .item .tags {display: block;margin-top:10px;overflow: hidden;position:  relative;}
.theme-list .item .tags span {display:inline-block;padding: 0 10px;background: #e6f1fb;margin-right: 10px;font-size: 12px;color: #9e1e1f;height: 24px;line-height: 24px;text-align: center;cursor: pointer;}
.theme-list .item .tags span:last-child {margin-right: 0;}
/* listTwo */
.theme-list.listTwo .item,.theme-list.listTwo .item:nth-child(3n+0) {width:calc(25% - 15px);margin-right: 20px;}
.theme-list.listTwo .item:nth-child(4n+0) {margin-right: 0;}
.theme-list.listTwo .item a {padding: 24px;text-align: left;}
.theme-list.listTwo .item .top .p {margin:0;float: left;font-size: 20px;line-height: 80px;color: #333;}
.theme-list.listTwo .item .top .img {float: left;width: 80px;height: 80px;margin-right: 16px;}
.theme-list.listTwo .item .text {margin-top: 16px;l ine-height: 24px; color: #666; font-weight: 200;}
/* listThree */
.theme-list.listThree .item  {width:calc(50% - 15px);margin-right: 20px;}
.theme-list.listThree .item:nth-child(even) {margin-right: 0;}
.theme-list.listThree .item a {padding: 24px;text-align: left;}
.theme-list.listThree .item .top .p {margin:0;float: left;font-size: 20px;line-height: 40px;color: #333;}
.theme-list.listThree .item .top .img {float: left;width: 40px;height: 40px;margin-right: 16px;}
.theme-list.listThree .item .text {margin-top: 16px;line-height: 24px;color: #666;}
@media screen and (max-width:1024px){
.theme-list .item,.theme-list.listTwo .item,.theme-list.listTwo .item:nth-child(3n+0),.theme-list.listThree .item {display: block;width: 100%;margin-right: 0;}
.theme-list .item a {padding: 20px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.theme-list .item .h1 {margin-top: 0;font-size: 16px;line-height: 24px;text-align: left;}
.theme-list .item .img {width: 40px;height: 40px;margin: 0 8px 0 0;}
.theme-list .item .p {margin: 0;line-height: 40px;}
.theme-list .item .text {text-align: left;}
.theme-list.listTwo .item .top {position: absolute;top: 20px;left: 20px;}
.theme-list.listTwo .item .top .img {width: 40px;height: 40px;}
.theme-list.listTwo .item .top .p {line-height: 40px;}
.theme-list.listTwo .item .description {margin-top: 56px;}
}
/*product*/
.home-product{display: block;background: url(../images/home-product.png);background-size: cover;overflow: hidden;position:  relative;}
.home-product .product-box {display: flex;justify-content: space-between;margin-top: 40px;position: relative;}
.home-product .product-total{display: inline-block;width: 21%;margin-top: 10px;position: relative;vertical-align: top;margin-right: 1%;background-color: #fff;background-image: url(../images/product_new.png);background-repeat: no-repeat;background-position: 100% 100%;background-size: contain;padding: 30px  20px;}
.home-product .product-total .title{font-size: 26px;font-weight: 600;line-height: 30px;color: #222;}
.home-product .product-total .desc {opacity: .9;font-size: 14px;color: #222;line-height: 24px;margin-top: 12px;margin-bottom: 20px;overflow: hidden;vertical-align: bottom;}
.home-product .product-total .links {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10;}
.home-product .product-total .links .btn {display: block;width: 100%;text-align: center;background-color: #e7eeff;color: #9e1e1f;}
.home-product .product-total ul {margin-bottom: 24px;}
.home-product .product-total li {display: flex;align-items: flex-start;font-size: 14px;line-height: 22px;color: #252b3a;padding-top: 3px;padding-bottom: 3px;}
.home-product .product-total li i {width: 16px;height: 16px;margin: 3px 8px 3px 0;font-size: 10px;background-image: url(../images/checked.png);background-size: cover;}
.home-product .product-total li span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #575D6C;}
.home-product .product-total .links .kt-btn {font-size: 12px;font-weight: 600;color: #222;border-radius: 4px;padding: 4px 16px;line-height: 20px;display: inline-block;border: 1px solid #adadad;vertical-align: top;}
.home-product .product-total .links .kt-btn+.kt-btn {margin-left: 10px;}
.home-product .product-total .links .kt-btn:hover {color: #9e1e1f;background: #ecf2fe;border: 1px solid #9e1e1f;}
.home-product .product-total .links .kt-btn:first-child {color: #fff;background: #9e1e1f;border:1px solid #9e1e1f;border-radius: 4px;cursor: pointer;position: relative;;}
.home-product .product-total .links .kt-btn:first-child:hover {color: #fff;background: #9e1e1f;border:1px solid #9e1e1f;}
.home-product .product-total-content{display: inline-block;width: calc(78% - 4px);}
.home-product .product-total-content li{float: left;width: calc(33.33% - 7px);height: 192px;background-color: #fff;margin-right: 10px;margin-top: 10px;}
.home-product .product-total-content li:nth-child(3n + 0) {margin-right: 0;}
.home-product .product-total-content li:hover{z-index: 1;-webkit-box-shadow: 0 8px 20px rgb(0,0,0,0.1);box-shadow: 0 8px 20px rgb(0,0,0,0.1);}
.home-product .product-total-content li a{display: block;color:#333;padding:20px;position: relative;}
.home-product .product-total-content li .product-head {position: relative;}
.home-product .product-total-content li .product-head .tit {display: inline-block;vertical-align: middle;max-width:80%;font-size: 18px;color: #000;line-height: 26px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-product .product-total-content li .product-head .tit span {width: 40px;height: 20px;line-height: 20px;margin-left:10px;font-family: Montserrat-Bold;font-size: 12px;color: #fff;text-align: center;background: linear-gradient(to right, #f45b4b, #ea3e41);position: absolute;right:0px;top: 2px;cursor: pointer;}
.home-product .product-total-content li .product-head .tit span:before {content: " ";position: absolute;width: 0;height: 0;left: -12px;top: 4px;border-color:  transparent #f45b4b  transparent transparent;border-style: solid;border-width: 6px;}
.home-product .product-total-content li .product-body {display: block;}
.home-product .product-total-content li .product-body .text{margin-top: 8px;font-size: 14px;color: #222;height: 48px;line-height: 24px;font-weight: 400;text-overflow: ellipsis;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.home-product .product-total-content li .product-body .price {display: flex;align-items: flex-end;margin-top: 12px;}
.home-product .product-total-content li .product-body .price span {color: #222;font-size: 14px;font-weight: 400;line-height: 20px;}
.home-product .product-total-content li .product-body .price .rmb{color: #f33e3e;font-weight: 600;}
.home-product .product-total-content li .product-body .price .red{color: #f33e3e;font-size: 22px;font-weight: 600;line-height: 24px;margin:0 2px;}
.home-product .product-total-content li .product-body .tag {display: flex;justify-content: flex-start;margin-top: 12px;}
.home-product .product-total-content li .product-body .tag span{padding:0 10px;color:#999; line-height: 20px; font-size: 12px; border-radius: 2px;border: 1px solid #adb0b8;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home-product .product-total-content li .product-body .tag span+span{margin-left: 5px;}
.home-product .product-total-content li .product-body .bottom {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 10px;}
.home-product .product-total-content li .product-body .bottom span  {display:block;width:100px;height: 24px; line-height: 24px;text-align: center;font-size:13px;color: #fff;padding: 0px 20px;background: #9e1e1f;border-radius: 2px;}
@media screen and (max-width:1200px){
.home-product .product-total{ padding:20px 10px; }
.home-product .product-total-content  li a{display: block;color:#333;padding:20px;position: relative;}
}
@media screen and (max-width:1024px){
.home-product .product-box {flex-direction: column;margin-top: 30px;}
.home-product .product-total{ padding:30px 20px; width:100%;height:auto;margin-top: 0px;}
.home-product .product-total .text { color:#fff;font-size:14px;line-height: 24px;display:block; margin:20px  auto}
.home-product .product-total-content{width:100%;}
.home-product .product-total-content li , .home-product .product-total-content li:nth-child(3n + 0) {width: calc(50% - 5px);max-width: none;margin-right: 10px;margin-top: 10px;}
.home-product .product-total-content li:nth-child(even) {margin-right: 0;}
.home-product .product-total-content li a{display: block;color:#333;padding:20px;position: relative;}
}
@media screen and (max-width:768px){
.home-product .product-total a.more{bottom: 20px;left: 32px;min-width: 120px;height: 36px;line-height: 36px;padding: 0 20px;font-size: 14px;}
.home-product .product-total-content li, .home-product .product-total-content li:nth-child(3n + 0) {display: block;width: 100%;margin-right: 0;}
}
/*relation*/
.home-relation  {display: block;background: url(../images/home-relation.png);background-size: cover;background-position: center top;background-repeat: no-repeat;overflow: hidden;position:  relative;}
.div-process {padding-top: 50px;display: flex;justify-content: center;flex-wrap: wrap;}
.div-process .item {float: left;width:calc(16.666667%);text-align: center;vertical-align:middle;position:relative;}
.div-process .item:not(:last-child):after {content: '';display: block;position: absolute;top: 30%;right: 0;border: 2px solid #999; border-left: none; border-bottom: none; width: 12px; height: 12px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.div-process .item .ico-item {width: 80px;height: 80px;margin: auto;}
.div-process .item .ico-title {text-align: center;font-size: 18px;line-height: 28px;margin-top: 16px;}
.div-relation {display: block;padding-top: 50px;text-align: center;overflow: hidden;position: relative;}
.div-relation h2{ font-size: 24px; font-weight: 600;line-height:1.6;color: #181818;}
.div-relation h2 span{color: #ff6600;margin: 0 10px;}
.div-relation p{ width: 100%; margin-top: 30px;}
.div-relation a{display: inline-block;margin: 0 20px;width: 250px;line-height: 40px;letter-spacing:1px;border: solid 1px #0181ff;color: #0181ff;font-size: 14px;text-align: center;font-weight: bold;border-radius: 3px;}
.div-relation a:first-child{ background-color: #0181ff; color: #fff;}
.div-relation a:hover{ background-color: #9e1e1f; color: #fff; border-color: #9e1e1f;}
@media screen and (max-width: 1024px){
.div-process .item {float: left;width:calc(33.33%);}
.div-process .item:not(:last-child):after {display:none}
.div-process .item:not(:nth-child(3n)):after{display: block;}
.div-relation h2{ font-size: 20px;}
.div-relation a{ margin-bottom:20px;}
.div-relation a:last-child {margin-bottom: 0px;}
}
@media screen and (max-width: 500px){
.div-process .item .ico-item {width: 60px;height: 60px;margin: auto;}
.div-process .item .ico-title {font-size: 16px;margin-top: 12px;}
}

/*news*/
.home-news{display: block;background: url(../images/home-news.png);background-size: cover;overflow: hidden;position:  relative;}
.home-news .news-item {margin-top:50px}
.home-news .news-item li {float: left;width:calc(33.3333% - 14px);margin-right: 20px;border-radius: 8px;}
.home-news .news-item li:nth-child(3n+0) {margin-right: 0;}
.home-news .news-item li .newsBox{display: block;width:100%;position:relative}
.home-news .news-item li .newsHd{position:absolute;background:#e9422c;text-align:center;right:20px;top:-13px;width:86px;height:35px;font-size:14px;z-index:2;line-height:35px;color:#fff}
.home-news .news-item li .newsPic img{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .3s}
.home-news .news-item li .newsPic a:hover img{transform:scale(1.1)}
.home-news .news-item li .newsPic a{display:block;overflow:hidden;position:relative;padding-top:60%}
.home-news .news-item li .newsPic .title{position:absolute;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;background-color:rgba(0,0,0,.6);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-news .news-item li .newsList{background:#fff;padding:16px}
.home-news .news-item li .newsList a{position: relative;display: block;font-size: 14px;line-height: 30px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news .news-item li .newsList a:before{content: '';position: absolute;left: 0;top: 45%;width: 4px;height: 4px;border-radius: 50%;background-color: #333;}
.home-news .news-item li .newsList a:hover{color:#e9422c}
@media screen and (max-width: 768px){
.home-news .news-item {margin-top:0px}
.home-news .news-item li{float:left;width:100%;margin-right: 0;margin-top: 20px;}
.home-news .news-item li .newsList{background:#f5f7fa;padding:16px}
}
/*首页end*/
.mobile-show {display: none;}
@media screen and (max-width: 1024px){
.mobile-show {display: block;}
}
/*框架*/
section .box-frame{display:block;max-width:1200px;margin: 0 auto;min-height:50vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*main*/
section .box-frame main {display: inline-block;vertical-align: top;width:calc(100% - 280px);font-size: 14px;}
section .box-frame main.main-product {width:calc(100% - 160px);padding-left: 20px;}
section .box-frame main.main-product-detail {width:calc(100% - 330px);}
section .box-frame main.main-section {width:calc(100% - 440px);padding-left: 20px;}
section .box-frame main .block {display: block;overflow:hidden}
section .box-frame main .box-section{display:block;padding:0 20px;margin-bottom:20px;border-radius:3px;background:#fff;overflow: hidden;position:  relative;}
section .box-frame main .box-section .box-section-head {display: block;color: #181818;font-size:20px;height: 60px;line-height: 60px;border-bottom: 1px solid #eee;}
section .box-frame main .box-section .box-section-body{display:block;padding: 20px 0;}
section .box-frame main .box-section .box-section-body.offset{padding: 0;}
/*aside*/
section .box-frame aside{float:right;width:260px}
section .box-frame aside.aside-class {float:left;width: 160px;padding-left: 0px;}
section .box-frame aside.aside-classnarrow {float:left;width: 50px;}
section .box-frame aside .side-item{display:block;width:100%;margin-bottom:20px;border-radius:3px;background:#fff;}
section .box-frame aside .side-item .side-item-head {display: block;padding: 0px 15px;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;}
section .box-frame aside .side-item .side-item-head h3 {color: #181818;font-size: 16px;height: 50px;line-height: 50px;}
section .box-frame aside .side-item .side-item-head .side-item-head-left,section .box-frame aside .side-item .side-item-head .side-item-head-right{display:inline-block;vertical-align:middle;width:50%;}
section .box-frame aside .side-item .side-item-head .side-item-head-right{float:right;text-align:right;}
section .box-frame aside .side-item .side-item-head .side-item-head-right a{font-size:14px;line-height:18px;color:#1a73e8;}
section .box-frame aside .side-item .side-item-body{display:block;padding:15px 20px;}

section .box-frame aside .class-list .side-item {display:block;width: 100%;margin-bottom: 20px;background-color:#fff;text-align:center;position: relative;}
section .box-frame aside .class-list .side-item-head {display: block;font-size: 20px;color:#fff;height: 60px;line-height: 60px;background-color:#9e1e1f;}
section .box-frame aside .class-list ul {display: block;width: 100%;}
section .box-frame aside .class-list ul li{display: block;padding-left:15px;color: #333;position: relative;cursor: pointer;}
section .box-frame aside .class-list ul li a {display: block;line-height: 50px;font-size: 16px}
section .box-frame aside .class-list ul li:after{content: '';width: 4px;background-color: #9e1e1f;height: 20px;display: block;position: absolute;left: 0;bottom: 15px;opacity: 0;}
section .box-frame aside .class-list ul li:hover a,section .box-frame  .class-list ul li.active a {color:#9e1e1f;}
section .box-frame aside .class-list ul li.active:after{ opacity: 1;}

section .box-frame aside .classdh ul {display: block;width: 100%;}
section .box-frame aside .classdh li {float: left;width: calc(50% - 5px);height: 32px;line-height: 30px;text-align: center;background: #ffffff;border-radius: 2px;border: 1px solid #E1E6F0;margin-right: 10px;margin-bottom: 10px;transition: all 0.3s;}
section .box-frame aside .classdh li:nth-child(even) {margin-right: 0;}
section .box-frame aside .classdh li.active {background: #F2F5FF;border: 1px solid #9e1e1f;}
section .box-frame aside .classdh li.active a {color: #9e1e1f;}
section .box-frame aside .classdh li:hover {background: #F2F5FF;border-radius: 2px;border: 1px solid #9e1e1f;}
section .box-frame aside .classdh li:hover a {color: #9e1e1f;}

section .box-frame aside .class-list-narrow{display:block;width:100%;margin-bottom:20px;}
section .box-frame aside .class-list-narrow ul {display: block;width: 100%;}
section .box-frame aside .class-list-narrow ul li {display: block;position: relative;cursor: pointer;}
section .box-frame aside .class-list-narrow ul li a {display: block;padding: 5px;border-left: 3px solid transparent;font-size: 16px;line-height: 20px;color: #666;text-align: center;}
section .box-frame aside .class-list-narrow ul li:hover a,section .box-frame aside .class-list-narrow ul li.active a {background-color: transparent;color: #666;}
section .box-frame aside .class-list-narrow ul li.active a,section.box-frame aside .class-list-narrow ul li.active a strong {color: #9e1e1f;}
section .box-frame aside .class-list-narrow ul li.active a {border-color: #9e1e1f;}
section .box-frame aside .class-list-narrow ul li a strong {display: block;width: 1em;padding: 8px 0;margin: 0 auto;font-weight: normal;word-break: break-all;}
section .box-frame aside .class-list-narrow ul li.active a,section .box-frame aside .class-list-narrow ul li.active a strong {background-color: transparent;color: #9e1e1f;}


/* 代理信息 */
section .box-frame aside .agentInfo {display: block;padding: 30px 0;background-color: #9e1e1f}
section .box-frame aside .agentInfo .agent-pic {width:108px;display:block;padding:6px;margin:0 auto;background:rgba(255,255,255,0.2);border-radius:50%;}
section .box-frame aside .agentInfo .agent-pic .div-pic {display:block;width:96px;height:96px;border-radius:50%;-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.24);box-shadow:0px 0px 1px 0px rgba(0,0,0,0.24);}
section .box-frame aside .agentInfo .agent-tit {margin:12px auto 8px;font-size:20px;line-height:30px;font-weight:700;text-align:center;color:#fff;}
section .box-frame aside .agentInfo .agent-sub {font-size:14px;text-align:center;line-height:20px;color:#fff;}
section .box-frame aside .agentInfo .agent-btn {display:block;margin:20px auto 0;width:200px;height:40px;line-height:40px;color:#9e1e1f;font-size:14px;text-align:center;background:#fff;border-radius:4px;}
section .box-frame aside .agentInfo .agent-phone {padding-top:10px;font-size:14px;font-weight:400;text-align:center;color:#fff;}
section .box-frame aside .agentInfo .agent-phone span {margin-left:5px;font-family:Montserrat-Bold;}
/*二维码*/
section .box-frame aside .qrcode {display:block}
section .box-frame aside .qrcode img {float:left;display:block;width:90px;height:90px}
section .box-frame aside .qrcode p {display: flex;align-items: center;height:90px;margin-left:100px;white-space:normal;}
section .box-frame aside .qrcode p span {vertical-align:middle;font-size:16px;line-height:24px;color:#333}
/*相关文章*/
section .box-frame aside .article-side-list ul {display:block;width:100%}
section .box-frame aside .article-side-list ul li {display:block;width:100%;height:24px;margin-bottom:8px;overflow:hidden}
section .box-frame aside .article-side-list ul li:last-child {margin-bottom:0}
section .box-frame aside .article-side-list ul li span {display: inline-block;width: 20px;height: 20px;line-height:20px;border-radius:50%;margin-right:5px;background:#b1b1b1;text-align: center;font-size:13px;color:#fff}
section .box-frame aside .article-side-list ul li:nth-child(1) span {background-color:#ff4e31}
section .box-frame aside .article-side-list ul li:nth-child(2) span {background-color:#ff8c4e;}
section .box-frame aside .article-side-list ul li:nth-child(3) span {background-color:#ffc937;}
section .box-frame aside .article-side-list ul li a {display:inline;font-size:14px;line-height:24px;color:#333}
section .box-frame aside .article-side-list ul li a:hover {color:#888}
@media screen and (max-width: 1440px){
section .box-frame {margin-left: 15px;margin-right: 15px;}
}
@media screen and (max-width:1200px) {
section .box-frame main {width:74%;}
section .box-frame main.frame-section {width: 60%;}
}
@media screen and (max-width:1024px) {
section .box-frame main, 
section .box-frame main.main-content,
section .box-frame main.main-product,
section .box-frame main.main-product-detail,
section .box-frame aside {width: 100%;padding: 0;}
section .box-frame main .block:last-child {margin-bottom:20px}
section .box-frame aside .classify, section .box-frame aside .tab-list {position: fixed;top: 60px;left: 0;z-index: 80;margin-bottom: 0;border-radius: 0;}
section .box-frame aside .classify.on {background-color: #fff;}
section .box-frame aside .classify .side-item-head {position: relative;z-index: 90;height: 50px;line-height:50px;background: #FFF;border-bottom: 1px solid #eee;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}
section .box-frame aside .classify .side-item-head h3 {font-size: 16px;line-height:50px;color:#333;}
section .box-frame aside .classify .side-item-head h3:after {content:'';display: block;position: absolute;right: 0px;top: 1px;width: 40px;text-align: center;height: 100%;background-image: url(../images/arrow_right.png);background-size: 18px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition: transform .5s;}
section .box-frame aside .classify.on .side-item-head h3:after {background-image: url(../images/arrow_down.png);}
section .box-frame aside .classify .side-item-body {position:absolute;top:-1000px;width:100%;z-index:8100;padding: 6px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:inherit;-webkit-transition:top .3s;transition:top .3s}
section .box-frame aside .classify.on .side-item-body {display:block;top:50px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}

section .box-frame aside .classdh li {float: left;padding-left: 5px;width: 100%;height: 30px;line-height: 30px;text-align: left;border-radius: 0;border: 0px;margin-right: 0;margin-bottom: 5px;transition: all 0.3s;}
section .box-frame aside .classdh li.active {background: transparent;border-radius: 0px;border: 0px;}
 
section .box-frame aside .class-list ul li {padding-left: 5px;text-align:left}
section .box-frame aside .class-list ul li a {display: block;line-height: 40px;font-size: 16px;}
section .box-frame aside .class-list ul li:hover a,section .box-frame aside .class-list ul li.active a {color:#9e1e1f;}
section .box-frame aside .class-list ul li.active:after {display:none}
 


section .box-frame aside .tab-list .side-item-head {display: none;} 
section .box-frame aside .tab-list .side-item-body {padding: 0 !important;}
section .box-frame aside .tab-list {-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}
section .box-frame aside .tab-list ul {padding:0 10px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;text-align:center}
section .box-frame aside .tab-list ul::-webkit-scrollbar {display:none}
section .box-frame aside .tab-list ul li {display:inline-block;vertical-align:middle;padding-left:0;margin-right: 20px;}
section .box-frame aside .tab-list ul li:last-child {margin-right: 0;}
section .box-frame aside .tab-list ul li a{display:block;line-height: 48px;color:#333;border-bottom:2px solid transparent;text-align: center;}
section .box-frame aside .tab-list ul li.active a{border-color: #9e1e1f;color: #9e1e1f;background-color: transparent;}
section .box-frame aside .tab-list .side-nav-head {display:none}
section .box-frame aside .tab-list .side-nav-body {padding:0}

section .box-frame aside .class-list-narrow {background-color: #fff;}
section .box-frame aside .class-list-narrow ul li {display:inline-block;vertical-align:middle;margin-right: 20px;margin-bottom: 0px;}
section .box-frame aside .class-list-narrow ul li:last-child {margin-right: 0;}
section .box-frame aside .class-list-narrow ul li.active:after {display:none}
section .box-frame aside .class-list-narrow ul li a {display: block;padding: 0px;border-left: 0;line-height: 48px;color:#333;border-bottom:2px solid transparent;text-align: center;}
section .box-frame aside .class-list-narrow ul li a strong {display: block;width: 100%;padding: 0;margin: 0 auto;font-weight: normal;word-break: break-all;}


}


@media screen and (max-width: 768px){
section .box-frame {margin-left: 10px;margin-right: 10px;padding-top: 0px;margin-top: 20px;}
section .box-frame main .box-section,section .box-frame aside .side-item {margin-bottom:15px;}
/*main*/
section .box-frame main .box-section {padding:0 15px;}
section .box-frame main .box-section.alone-section {/* padding-bottom: 1px; */margin-bottom: 20px;}
section .box-frame main .box-section .box-section-head {height: 50px;line-height: 50px;}
section .box-frame main .box-section .box-section-head h3 {font-size:18px;height: 50px;line-height: 50px;}
/*aside*/
section .box-frame aside .side-item .side-item-body {padding:10px 15px;}
section .box-frame aside .qrcode {text-align:center}
section .box-frame aside .qrcode img {float:none;display:inline-block;width:110px;height:110px}
section .box-frame aside .qrcode p {display:block;height:auto;padding-top:10px;margin-left:0}
section .box-frame aside .qrcode p span {display:inline}
}
@media screen and (max-width:400px) {
section .box-frame main .box-section {padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 520px){
section .box-frame {margin-left: 0;margin-right: 0;margin-top: 20px;}
}


.breadcrumbs{display:block; padding:15px 0;}
.breadcrumbs p {font-size:13px;line-height:24px; float:left;}
.breadcrumbs ul li{ float:left; line-height:24px; }
.breadcrumbs ul li::before{ content: ">>";}
.breadcrumbs ul{color:#666; float:left;}
.breadcrumbs ul .breadcrumb-item{color:#666;}
.breadcrumbs ul .breadcrumb-item {font-size: 13px;  color: #bbb;margin: 0 2px;}
.breadcrumbs ul li a{color:#000;}
.breadcrumbs ul li a:hover{color:#1a73e8;}.list ul{display:block;font-size:0;}
@media screen and (max-width: 1120px){
.breadcrumbs{padding:12px 10px;/* margin-top:-60px; */}
}
.act{display: flex;justify-content: flex-start;flex-wrap: wrap;;}
.act .act-top {display: table;width: 100%;border-collapse: separate;position: relative}
.act .act-top .box  {display:block;width: 100%;padding: 30px 20px;background: url(../images/huodong.png) no-repeat center;background-size: cover;border-radius:5px;}
.act .act-top .box .tit {font-size: 26px;line-height: 30px;color: #fff; font-weight: 600;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.act .act-top .box .sub {max-width: 100%;margin-bottom:20px;color: #fff; font-size: 16px;line-height: 20px;overflow: hidden;}
.act .act-top .box .btn {display:inline-block;padding:0 20px;height:36px;line-height: 36px;color: #333; font-size: 14px; background-color:#ffffff;box-shadow: 0px 4px 16px 0px rgb(160,160,160,0.2);border-radius: 5px;text-align: center;transition:all .1s}
.act .act-list {display: table-row;width: 100%;border-collapse: separate;position: relative}
.act .act-list .act-item {float: left;width:calc(33.33% - 16px);margin-right:20px;margin-top:20px;}
.act .act-list .act-item:nth-child(3n+0){margin-right:0}
.act .act-list .act-item .box{display: block;padding: 28px 30px 20px;background-color:#ffffff;box-shadow: 0px 4px 16px 0px rgb(160,160,160,0.2);border-radius: 3px;overflow: hidden;position: relative;}
.act .act-list .act-item .box .title{font-weight: 500;font-size: 20px;color: #13161b;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.act .act-list .act-item .box .mark {width: 98px;height: 30px;background: url(../images/act-mark.png) no-repeat;background-size: 100% 100%;position: absolute;top: 0;right: 0;text-align: center;padding-left: 10px;border-radius: 0 5px 0 0;}
.act .act-list .act-item .box .mark span {font-size: 16px;line-height: 30px;color: #FFFFFF;letter-spacing: 0;font-weight: 600;text-align: center;display: inline-block;}
.act .act-list .act-item .box .text{font-size: 14px;color: #495770;line-height: 24px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.act .act-list .act-item .box .sub {height: 22px;display: inline-block;margin-top: 20px;border: 1px solid #ff3b3b;border-radius: 2px;font-size: 12px;color: #ff3b3b;text-align: center;padding: 2px 10px;min-width: 76px;}
.act .act-list .act-item .box .bottom  {display:block;margin-top: 10px;position:relative;}
.act .act-list .act-item .box .bottom span {display: inline-block;width: auto;line-height: 22px;height: 22px;color: #337dff;font-size:14px;text-align: center;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.act .act-list .act-item .box .bottom span:after{ content: '→'; font-family: icon; font-size: 14px;padding-left:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.act .act-list .act-item:hover .box {transform: translate(0,-1px);box-shadow: 0 0 12px #ccc;}
.act .act-list .act-item:hover .box .title{color: #337dff;}
.act .act-list .act-item:hover .box .bottom span:after{ padding-left:10px;;}

@media screen and (max-width: 1024px){
.act .act-list .act-item,.act .act-list .act-item:nth-child(3n+0){width: calc(50% - 12px);margin-right: 20px;margin-top: 20px;}
.act .act-list .act-item:nth-child(even) {margin-right: 0;}
}


@media screen and (max-width: 768px){
.act .act-list .act-item,.act .act-list .act-item:nth-child(even){display: block;width: 100%;margin-right: 0;}
}

/*新闻*/
.article-list {display:block; margin-top:-20px;position: relative;overflow: hidden;}
.article-list li {display:block;float:left;width: 100%;padding:20px 0;border-bottom:1px solid #ebedf0;position: relative;overflow:hidden;}
.article-list li .pic {display:inline-block;float: right;max-width: 180px;max-height: 110px;margin-left:10px;position: relative;overflow: hidden;}
.article-list li .pic .catname{position: absolute;top: 0px;left: 0;z-index:1;background:rgba(0,0,0,.6)}
.article-list li .pic .catname a{color: #fff;font-size:12px;line-height: 28px;padding: 0 10px;}
.article-list li .pic img{display: block;width: 100%;height: 100%;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.article-list li .pic:hover img{-webkit-transform: scale(1.06);transform: scale(1.06);}
.article-list li .contain {display:block;overflow: hidden;}
.article-list li .contain .title {display:block;color: #000;font-size: 20px;font-weight: 700;max-height: 56px;line-height:28px;overflow: hidden;}
.article-list li .contain .title span {display:inline-block;background:#ffdede;padding:0px 5px;margin-right:10px;top:3px;border-radius:3px;color:#f33e3e;font-size:12px;line-height:22px;vertical-align:top;position:relative;}
.article-list li .contain .title span i {position: absolute;width: 0;height: 0;vertical-align: top;content: "";top: 6px;right: -5px;border-left: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left-color: #ffdede;}
.article-list li .contain .title:hover a{ color:#9e1e1f;}
.article-list li .contain .text-box {background-color: #F6F8F9;padding: 14px 16px 20px;}
.article-list li .contain .text {color: #8a9099;font-size: 14px;height: 44px;line-height:22px;margin:10px 0;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;overflow: hidden;}
.article-list li .contain .msg {display:block;height: 24px;line-height: 24px;overflow: hidden;}
.article-list li .contain .msg .tags {float: left;overflow: hidden;}
.article-list li .contain .msg .tags a{display: inline-block;padding: 0 8px;background: #f7f7f7;border-radius: 3px;line-height: 24px;font-size: 12px;color: #535353;margin-right: 8px;}
.article-list li .contain .msg .tags a:first-child {background: #e6f1fb;color: #06c;}
.article-list li .contain .msg .tags a:hover{background: #e6f1fb;color:#9e1e1f;}
.article-list li .contain .msg .time {float: right;font-size: 12px;line-height: 24px;color: #535353;}

.zhishi-list {display:block;position: relative;overflow: hidden;}
.zhishi-list li {display:block;float:left;width: 100%;padding:20px 0;border-bottom:1px solid #ebedf0;position: relative;overflow:hidden;}
.zhishi-list li .pic {display:inline-block;float: right;max-width: 180px;max-height: 110px;margin-left:10px;position: relative;overflow: hidden;}
.zhishi-list li .pic .catname{position: absolute;top: 0px;left: 0;z-index:1;background:rgba(0,0,0,.6)}
.zhishi-list li .pic .catname a{color: #fff;font-size:12px;line-height: 28px;padding: 0 10px;}
.zhishi-list li .pic img{display: block;width: 100%;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.zhishi-list li .pic:hover img{-webkit-transform: scale(1.06);transform: scale(1.06);}
.zhishi-list li .contain {display:block;overflow: hidden;}
.zhishi-list li .contain .title {display:block;color: #000;font-size: 20px;font-weight: 700;max-height: 56px;line-height:28px;overflow: hidden;}
.zhishi-list li .contain .title span {display:inline-block;background:#ffdede;padding:0px 5px;margin-right:10px;top:3px;border-radius:3px;color:#f33e3e;font-size:12px;line-height:22px;vertical-align:top;position:relative;}
.zhishi-list li .contain .title span i {position: absolute;width: 0;height: 0;vertical-align: top;content: "";top: 6px;right: -5px;border-left: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left-color: #ffdede;}
.zhishi-list li .contain .title:hover a{ color:#9e1e1f;}
.zhishi-list li .contain .msg {display:block;margin:10px 0;-height: 24px;line-height: 24px;overflow: hidden;}
.zhishi-list li .contain .msg .tags {float: left;overflow: hidden;}
.zhishi-list li .contain .msg .tags a{display: inline-block;padding: 0 8px;background: #f7f7f7;border-radius: 3px;line-height: 24px;font-size: 12px;color: #888;margin-right: 8px;}
.zhishi-list li .contain .msg .tags a:first-child {background: #e6f1fb;color: #06c;}
.zhishi-list li .contain .msg .tags a:hover{background: #e6f1fb;color:#9e1e1f;}
.zhishi-list li .contain .msg .time {float: right;font-size: 12px;line-height: 24px;color: #888;}
.zhishi-list li .contain .text-box {background-color: #F6F8F9;padding: 14px 16px 20px;}
.zhishi-list li .contain .text {color: #8a9099;font-size: 14px;height: 44px;line-height:22px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;overflow: hidden;}
.zhishi-list li .contain .dingzan {display:block;padding-top: 12px;overflow: hidden;}
.zhishi-list li .contain .dingzan > div {position:relative;float:left;height:16px;line-height:18px;font-size:12px;color:#9EA7B3;padding-left:26px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;}
.zhishi-list li .contain .dingzan > div i {position:absolute;left:0px;top:0px;width:16px;height:16px;cursor:pointer;}
.zhishi-list li .contain .dingzan .like {margin-right:20px;}
.zhishi-list li .contain .dingzan .like i {background:url(../images/zancai.png) no-repeat -0px 0px;}
.zhishi-list li .contain .dingzan .like:hover {color:#FF6666;}
.zhishi-list li .contain .dingzan .like:hover i {background:url(../images/zancai.png) no-repeat -52px 0px;}
.zhishi-list li .contain .dingzan .like:active {color:#FF6666;}
.zhishi-list li .contain .dingzan .like:active i {background:url(../images/zancai.png) no-repeat -104px 0px;}
.zhishi-list li .contain .dingzan .dislike i {background:url(../images/zancai.png) no-repeat -26px 0px;}
.zhishi-list li .contain .dingzan .dislike:hover {color:#FF6666;}
.zhishi-list li .contain .dingzan .dislike:hover i {background:url(../images/zancai.png) no-repeat -78px 0px;}
.zhishi-list li .contain .dingzan .dislike:active{color:#FF6666;}
.zhishi-list li .contain .dingzan .dislike:active i {background:url(../images/zancai.png) no-repeat -130px 0px;}

/*page*/
.page-box{display:block;}
.pagination{display:block;margin-top:20px;}
.pagination>li{display:inline-block;vertical-align:top;width:36px;height:36px;margin: 0px 5px;text-align:center;}
.pagination>li span.empty {color: #999;border-color: #e2e2e2;background-color: #f9f9f9;}
.pagination>li>a,.pagination>li>span{display:block;padding:8px 0;border:1px solid #d8d8d8;border-radius:3px;text-decoration:none;background-color:#fff;font-size:14px;line-height:18px;color:#141414;}
.pagination>li>a:hover{border-color:#5291f3;background:#f4f8ff;color:#5291f3;}
.pagination>li.active>a,.pagination>li.active>span,.pagination>li.active>a:hover,.pagination>li.active>span:hover,.pagination>li.active>a:focus,.pagination>li.active>span:focus{border-color:#5291f3;background-color:#5291f3;color:#fff;cursor:default;}
.pagination>li.disabled{display:none;}.pagination>li.prev,.pagination>li.next{width:72px;}
.pagination>li:first-child{margin-left:0;}
.pagination>li:last-child{margin-right:0;}
                                             
@media screen and (max-width: 768px){
.page-box{text-align:center;}
.pagination{/* padding:20px 0; */}
.pagination>li{display:none;padding:0 4px;}
.pagination>li.prev,.pagination>li.next{display:block;width:100%;padding:0;margin:20px 0px;}
.pagination>li.disabled{display:none;}
.pagination>li>a,.pagination>li>span{border-radius:4px;}
}


.div-process {padding-top: 50px;display: flex;justify-content: center;flex-wrap: wrap;}
.div-process .item {float: left;width:calc(16.666667%);text-align: center;vertical-align:middle;position:relative;}
.div-process .item:not(:last-child):after {content: '';display: block;position: absolute;top: 30%;right: 0;border: 2px solid #999; border-left: none; border-bottom: none; width: 12px; height: 12px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.div-process .item .ico-item {width: 80px;height: 80px;margin: auto;}
.div-process .item .ico-title {text-align: center;font-size: 18px;line-height: 28px;margin-top: 16px;}
@media screen and (max-width: 1024px){
.div-process .item {float: left;width:calc(33.33%);}
.div-process .item:not(:last-child):after {display:none}
.div-process .item:not(:nth-child(3n)):after{display: block;}
}
@media screen and (max-width: 500px){
.div-process .item .ico-item {width: 60px;height: 60px;margin: auto;}
.div-process .item .ico-title {font-size: 16px;margin-top: 12px;}
}

/* relation */
.div-relation {display: block;padding-top: 50px;text-align: center;overflow: hidden;position: relative;}
.div-relation h2{ font-size: 24px; font-weight: 600;line-height:1.6;color: #181818;}
.div-relation h2 span{color: #ff6600;margin: 0 10px;}
.div-relation p{ width: 100%; margin-top: 30px;}
.div-relation a{display: inline-block;margin: 0 20px;width: 250px;line-height: 40px;letter-spacing:1px;border: solid 1px #e9422c;color: #e9422c;font-size: 14px;text-align: center;font-weight: bold;border-radius: 3px;}
.div-relation a:first-child{ background-color: #aa0000; color: #fff;}
.div-relation a:hover{ background-color: #e9422c; color: #fff; border-color:#e9422c;}
@media screen and (max-width:1024px){
.div-relation h2{ font-size: 20px;}
.div-relation a{ margin-bottom:20px;}
.div-relation a:last-child {margin-bottom: 0px;}
}

/* 常见问题 */
.div-faq {display:block;margin-top:-20px;position: relative;overflow:hidden; }
.div-faq li{float: left; width: 50%; margin-top: 20px;padding-right:20px;}
.div-faq li.last,.div-faq li:nth-child(2n){padding-right:0}
.div-faq li .box {display: block;padding: 20px;background-color: #fff;border: 1px solid #eee;border-radius: 2px;}
.div-faq li .box .title{position: relative; padding-bottom: 10px; padding-left: 30px;color:#252b3a;font-size: 18px;text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.div-faq li .box .title span{top: 1px; background-color: #E8633A;}
.div-faq li .box .title span,
.div-faq li .box .desc span{position: absolute; top: 3px; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff;font-family: 'DINPro-Bold'; text-align: center; font-size: 12px;}
.div-faq li .box .desc{position: relative;padding-left: 30px; height: 50px; color: #575d6c;  line-height: 25px; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.div-faq li .box .desc span{background-color: #9e1e1f;}
.div-faq li:hover .title{color:#e9422c;}
@media screen and (max-width:768px){ 
.div-faq {margin-top:-10px;}
.div-faq li{ width: 100%;margin-top:10px;padding-right:0px;}
.div-faq li .box{padding: 15px;}
.div-faq li .box p{height: 40px; }
}

.article {display: block;/* min-height: 200px; */}
.article p, .article span, .article strong {color: #484848;font-size: 16px;line-height: 2;margin-bottom: 10px;}
.article {display: block;/* min-height: 200px; */}
.article p img {position: relative;max-width:650px;margin:10px 0;-webkit-animation: imageShake 3s ease .2s infinite;animation: imageShake 3s ease .2s infinite;}
.article p.bz{position:relative;padding-left:40px;margin:0 0 20px 16px;border-left:2px dotted #e4e4e4;}
.article p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.article p.bz b{position:absolute;left:-20px;display:inline-block;width:36px;height:36px;line-height:36px;border-radius:18px;background:#ffb700;color:#fff;text-align:center;}
.article p.bz b:before{width:1px;height:100px;content:"";}
.article p.bz strong {font-size: 18px;}
.article p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.article p.bz .tips {display: block;background-color: #fff4f4;color: #e9422c;padding: 0 4px;}


/* product */
.product-contain{display: block;}
.product-contain .product-hd {font-size: 18px;line-height: 26px;position: relative;padding-left: 14px;display: block;}
.product-contain .product-hd:after {content: "";position: absolute;top: 50%;left: 0;margin-top: -10px;width: 2px;height: 18px;background: #e22e24;}
.product-contain .product-list{display:block;}
.product-contain .product-list+.product-list {margin-top: 20px;}
.product-contain .product-list .pro-item {display:inline-block;vertical-align:top;width:calc(50% - 22px);padding: 20px 0;margin-right:40px;}
.product-contain .product-list .pro-item:nth-child(even) {margin-right: 0;}
.product-contain .product-list .pro-item a {display: block;position: relative;}
.product-contain .product-list .pro-item .item-icon {float: left;width: 48px;height: 48px;padding: 12px;border-radius: 50%;background: #f2f6fa;margin-right: 16px;}
.product-contain .product-list .pro-item .item-icon img {max-width: 24px;max-height: 24px;}
.product-contain .product-list .pro-item .item-content {position: relative;}
.product-contain .product-list .pro-item .item-content .tit {display: inline-block;vertical-align: middle;font-size: 16px;color: #000;line-height: 24px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-contain .product-list .pro-item .item-content .tit span {width: 40px;height: 20px;line-height: 20px;margin-left:10px;font-family: Montserrat-Bold;font-size: 12px;color: #fff;text-align: center;background: linear-gradient(to right, #f45b4b, #ea3e41);position: absolute;top: 3px;cursor: pointer;}
.product-contain .product-list .pro-item .item-content .tit span:before {content: " ";position: absolute;width: 0;height: 0;left: -12px;top: 4px;border-color:  transparent #f45b4b  transparent transparent;border-style: solid;border-width: 6px;}
.product-contain .product-list .pro-item .item-content .txt {font-size: 14px;color: #495770;line-height: 20px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (max-width: 768px){
.product-contain .product-list .pro-item,.product-list .pro-item:nth-child(2n+0) {display: inline-block;width: calc(50% - 12px);margin-right: 20px;}
}
@media screen and (max-width: 520px){
.product-contain .product-list .pro-item,.product-contain .product-list .pro-item:nth-child(even){width: 100%;max-width: 100%;padding:0;margin-top: 20px;margin-right: 0px;}
}

/*文章*/
.article-detail {display: block;padding: 20px 0;}
.article-top { display: block;padding-bottom:20px;border-bottom: 1px solid #eee;}
.article-top h1 { color: #333333; font-size: 28px;line-height: 40px;}
.article-top .article-info {display: block;padding-top: 10px;font-size: 14px;line-height: 24px;color: #AAA;}
.article-top .article-info h2 {display: inline;font-size: 14px;color: #333;}
.article-top .article-info span:first-child {margin-left: 0;}
.article-top .article-info span {display: inline;font-size:14px;color:#9EA7B3;margin-left: 20px;}
.article-top .article-info span.yue {float: right;color: #a2a2a2;background: url(../images/see.png) no-repeat;background-size: 22px auto;text-indent: 30px;height: 24px;line-height: 24px;}
/*内容*/
.article-content {display: block;min-height: 300px;padding: 20px 0;margin-bottom: 30px;}
.article-content h3 {display:block;line-height:40px;font-size:20px;font-weight:bold;color:#e9422c;border-left:3px solid #e9422c;background:#fafafa;padding-left:15px;margin-bottom: 20px;overflow:hidden;}
.article-content p {color: #484848;font-size: 18px;line-height: 2;margin-bottom: 10px;}
.article-content p a{color: #00a4ff;text-decoration: none;}
.article-content p strong {font-size: 20px;font-weight:bold;}
.article-content p img {margin: 20px auto;max-width: 100%;max-height: 100%;}
.article-content p img.img {margin: 0px; }
.article-content p.bz{position:relative;padding-left:40px;margin:0 0 20px 18px;border-left:2px dotted #e4e4e4;}
.article-content p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.article-content p.bz b{position:absolute;left:-18px;display:inline-block;width:36px;height:36px;line-height:36px;border-radius:18px;background:#ffb700;color:#fff;text-align:center;}
.article-content p.bz b:before{width:1px;height:100px;content:"";}
.article-content p.tips {display: block;width: 100%;padding: 10px;background-color: #fff4f4;border-radius: 12px;}
/*表格*/
.article-content table {border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:20px;width:100%;border:1px solid #E1E6F0;border-bottom:0;}
.article-content table td,.article-con table th{padding:10px 12px;border:1px solid #E1E6F0;text-align:left}
.article-content table th{background-color:#F5F7FA;color:#333;height:40px;font-weight:400;}
.article-content table td{color:#666}
.article-content table td a{color: #00a4ff;text-decoration: none;}
.article-content table td img { display:  inline-block;}
.article-content table tr{background-color:#fff;}
/*列表*/
.article-content * {box-sizing: border-box;list-style: inherit;}
.article-content ul{margin:0 0 20px 20px;}
.article-content li{margin-top: 10px;vertical-align: middle;font-size: 14px;line-height: 2;}
.article-content li strong{font-size: 14px;}
/*特别说明*/
.article-content .marketing {display: block;width: 100%;padding: 12px;background-color: #fff4f4;border-radius: 3px;}
.article-content .marketing .text {margin-bottom: 0px;color: #999;}
/*文章标签*/
.article-tags {display: block;;margin-bottom: 20px;overflow: hidden;}
.article-tags a {display: inline-block;height: 24px;line-height: 24px;color: #2F7EEB;font-size: 13px;margin-right: 10px;}
.article-tags a:before,.article-tags a:after {content:'#';}
.article-tags a:hover {opacity: .9;}
.article-tags a:last-child {margin-right: 0;}
/*点赞和分享*/
.article-likeshare {display: block;padding: 20px 0;border-top: 1px solid #EEE;overflow: hidden;}
.article-likeshare .like {display:  inline-block;overflow: hidden;}
.article-likeshare .like div {display:  inline-block;padding-left:40px;padding-right:20px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #999;background-color: #fff;border: 1px solid #999;border-radius: 3px;vertical-align: middle;cursor:pointer;position:relative;}
.article-likeshare .like div i {position:absolute;left:20px;top:10px;width:16px;height:16px;cursor:pointer;}
.article-likeshare .like div:hover {border: 1px solid #FF6666;}
.article-likeshare .zan {margin-right:20px;}
.article-likeshare .zan i {background:url(../images/zancai.png) no-repeat -0px 0px;}
.article-likeshare .zan:hover {color:#FF6666;}
.article-likeshare .zan:hover i {background:url(../images/zancai.png) no-repeat -52px 0px;}
.article-likeshare .zan:active {color:#FF6666;}
.article-likeshare .zan:active i {background:url(../images/zancai.png) no-repeat -104px 0px;}
.article-likeshare .cai i {background:url(../images/zancai.png) no-repeat -26px 0px;}
.article-likeshare .cai i:hover {background:url(../images/zancai.png) no-repeat -78px 0px;}
.article-likeshare .cai:hover {color:#FF6666;}
.article-likeshare .cai:hover i {background:url(../images/zancai.png) no-repeat -78px 0px;}
.article-likeshare .cai:active {color:#FF6666;}
.article-likeshare .cai:active i {background:url(../images/zancai.png) no-repeat -130px 0px;}
/*分享*/
.article-likeshare .share {display: inline-block;float:right;}
.article-likeshare .share .share .label{font-size:14px;color:#999;line-height:30px}
.article-likeshare .share .label,.article-likeshare .share .share-btn{display:inline-block}
/*声明*/
.article-explain {display: block;margin-bottom: 20px;overflow: hidden;}
.article-explain p {color: #999;font-size: 12px;text-indent: 0px;line-height:24px;margin-bottom: 0px;}
.article-explain p  span {font-weight:bold;color: red;}
/*上一篇 下一篇 返回列表*/
.article-bottom {display: block;padding-top:20px;border-top: 1px solid #EEE;overflow: hidden;}
.article-bottom .page {display: block;float: left;vertical-align: top; width: 70%;}
.article-bottom .page .prev,.article-bottom .page .next {display: inline-block;vertical-align: top;width: 100%;}
.article-bottom .page a {display: block;height: 30px;font-size: 14px;line-height: 30px;color: #666;overflow: hidden;}
.article-bottom .back {float: right;display: block;width: 140px;height: 40px;margin: 10px auto 0 auto;border-radius: 3px;background-color:#9e1e1f;font-size: 14px;line-height: 40px;color: #FFF;text-align: center;}
.article-bottom .back-center {display: block;width: 180px;height: 40px;margin:auto;border-radius: 20px;background-color:#9e1e1f;font-size: 14px;line-height: 40px;color: #FFF;text-align: center;}

/*相关文章*/
.related-article {display:block;padding:12px 0;position: relative;overflow: hidden;}
.related-article ul {display: block;list-style: none;margin-right: -20px;margin-left: -20px;}
.related-article li {width:50%; float:left;height:40px;line-height:40px;padding:0 20px;}
.related-article li a{position: relative; display: block; padding: 0px 15px;font-size: 16px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-article li a:before{position: absolute; top: 50%; left: 0;content: "";margin-top: -2px; width: 5px; height: 5px; border-radius: 50%; background-color:#EEE;}
.related-article li a:hover{color:#888;}

@media screen and (max-width: 1024px){
.article-bottom .page {float: left;display: block;vertical-align: top;}
.article-bottom .back {float: left;width:100%;}
}

@media screen and (max-width: 768px){
.article-top {padding-bottom:12px;}
.article-top h1 { font-size: 20px;line-height: 32px;}
.article-top .article-info span {font-size:13px;}
.article-content {padding: 12px 0;margin-bottom: 20px;}	
.article-content h3 {font-size:16px;line-height: 24px;}
.article-content p { font-size: 14px; }
.article-content img { margin-top: 20px; margin-bottom: 20px; }
.article-tags,.article-likeshare {padding: 12px 0;}
.article-likeshare .like ,.article-likeshare .share {display: block;float: none;text-align:center;/* margin:0 auto; */}
.article-likeshare .like div{display:inline-block;width:46%;margin-bottom:20px;}
.article-bottom {padding-top:12px;}
.article-bottom .back {height: 36px;line-height: 36px;}

.related-article li {width:100%;height:36px;line-height:36px;padding:0 20px;}
.related-article li a{font-size: 14px; }
}

/*产品信息*/
.product-detail {display: block;width:100%;background-color: #fff;padding: 20px 0;overflow: hidden;position:relative;}
.product-detail .title {display:  block;color: #000;font-size: 40px;line-height: 60px;font-weight: bold;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-detail .text{margin: 10px 0 20px;color:#575d6c;font-size:16px;line-height: 28px;overflow: hidden;}
.product-detail .discount {padding: 12px 10px;background-color: #f2f6fa;}
.product-detail .discount .div1 {display: inline-block;background-color: #ff4e4e ;border-radius: 2px;line-height: 24px;padding: 0 12px;color: #fff;text-align: center;vertical-align: bottom;}
.product-detail .discount .div2 {display: inline-block;border: 1px solid #ff4e4e;border-radius: 2px;line-height: 22px;padding: 0px 4px;color: #ff4e4e;font-size: 12px;text-align: center;vertical-align: bottom;}
.product-detail .notice {display: block;font-size: 14px;color: #a8b0bf;line-height: 20px;}
.product-detail .notice i {display:  inline-block;font-size: 14px;color: #a8b0bf;margin-right:5px;}
.product-detail .shopBtn{margin:20px 0;}
@media screen and (max-width:1024px){ 
.product-detail {padding: 20px;}
}
@media screen and (max-width:768px){ 
.product-detail {padding: 10px;}
.product-detail .title {font-size: 24px;line-height: 32px;}
.product-detail .desc{margin: 10px 0 12px;color:#575d6c;font-size:14px;line-height: 24px;overflow: hidden;}
.product-detail .discount {padding: 10px;background-color: #f2f2f2;}
.product-detail .notice {display: block;font-size: 12px;color: #a8b0bf;}
}
/*价格*/
@media (max-width:1200px) {
.product-sale{display: block;position: relative;overflow: hidden;}
.product-card,.product-card:nth-child(3n+0){width: calc(50% - 12px);margin-right: 20px;margin-bottom: 20px;}
.product-card:nth-child(even) {margin-right: 0;}
}
@media (max-width:640px) {
.product-card,.product-card:nth-child(3n+0),.product-card:nth-child(even){display: block;width: 100%;margin-right: 0;}
}


/* 功能特性 */
.product-features {display:block;overflow:hidden;}
.product-features h3 {font-size: 18px;font-weight:normal;text-indent: 10px;position: relative;color: #000;margin-bottom: 10px;}
.product-features h3::before {content: "";display: block;position: absolute;left: 0;top: 5px;width: 4px;height: 14px;background-color: #9e1e1f;border-radius: 2px;}
.product-features p {display: block;background-color: #f2f6fa;padding: 6px 10px;color: #333;font-size:14px;line-height: 28px;margin-bottom: 20px;}

.relevant-product {display:block;margin-top:-30px;}
.relevant-product .pro-item {display:inline-block;vertical-align:top;width:calc(50% - 22px);margin-right:40px;margin-top:30px;}
.relevant-product .pro-item:nth-child(even) {margin-right: 0;}
.relevant-product .pro-item a {position: relative;display: block;}
.relevant-product .pro-item .item-icon {float: left;width: 48px;height: 48px;padding: 12px;border-radius: 50%;background: #f2f6fa;margin-right: 16px;}
.relevant-product .pro-item .item-icon img {max-width: 24px;max-height: 24px;}
.relevant-product .pro-item .item-content {position: relative;}
.relevant-product .pro-item .item-content .tit {display: inline-block;vertical-align: middle;font-size: 16px;color: #000;line-height: 24px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relevant-product .pro-item .item-content .tit span {width: 40px;height: 20px;line-height: 20px;margin-left:10px;font-family: Montserrat-Bold;font-size: 12px;color: #fff;text-align: center;background: linear-gradient(to right, #f45b4b, #ea3e41);position: absolute;top: 3px;cursor: pointer;}
.relevant-product .pro-item .item-content .tit span:before {content: " ";position: absolute;width: 0;height: 0;left: -12px;top: 4px;border-color:  transparent #f45b4b  transparent transparent;border-style: solid;border-width: 6px;}
.relevant-product .pro-item .item-content .txt {font-size: 14px;color: #495770;line-height: 20px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (max-width: 768px){
.relevant-product .pro-item,.relevant-product .pro-item:nth-child(2n+0) {display: inline-block;width: calc(50% - 12px);margin-right: 20px;}
}
@media screen and (max-width: 520px){
.relevant-product .pro-item,.relevant-product .pro-item:nth-child(even){width: 100%;max-width: 100%;padding:12px;margin-right: 0px;}
}

.box-advert{display: block;padding: 20px;background-image: url(../images/huodong.jpg);background-repeat: no-repeat;background-size: 100% 100%;position: relative;}
.box-advert .advert-text{ display: inline-block;}
.box-advert .advert-text span{display: block;color:#9e1e1f;font-size: 20px;font-weight: bold;line-height: 30px}
.box-advert .advert-text em{display: block;color: #9e1e1f;font-size: 14px;line-height: 20px;margin-top: 10px;}
.box-advert .advert-btn{top: 0;bottom: 0;right: 20px;position: absolute;	margin: auto;height: 40px;}
.box-advert .advert-btn a{font-size: 14px;display: flex;align-items: center;background: #fff;width: 160px;height: 40px;line-height: 40px;text-indent: 30px;color: #9e1e1f;border-radius: 4px;}
.box-advert .advert-btn .arrow {width: 16px;height: 22px;background-image: url(../images/arrow_blue.png);background-size: 16px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition: all 0.5s;}
.box-advert .advert-btn:hover {text-decoration: underline;}
.box-advert .advert-btn:hover .arrow {margin-left: 5px;}
@media screen and (max-width: 768px){
.box-advert .advert-btn{position: static ;margin-top:10px;}
}

.detail-process {display: block;margin-top: 50px;background-color:#f5f7fa;overflow: hidden;position: relative;}
.detail-process h3 {font-size: 34px;color: #333;line-height: 40px;margin-bottom: 50px;}
.detail-process p, .detail-process span, .detail-process strong {color: #484848;font-size: 16px;line-height: 2;margin-bottom: 10px;}
.detail-process p a {color: #9e1e1f;text-decoration: none;}
.detail-process p img {position: relative;max-width:650px;margin:10px 0;-webkit-animation: imageShake 3s ease .2s infinite;animation: imageShake 3s ease .2s infinite;}
.detail-process p.bz{position:relative;padding-left:60px;margin:0 0 20px 20px;border-left:2px dotted #e4e4e4;}
.detail-process p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.detail-process p.bz b{position:absolute;left:-20px;display:inline-block;width:36px;height:36px;line-height:36px;border-radius:18px;background:#9e1e1f;color:#fff;text-align:center;}
.detail-process p.bz b:before{width:1px;height:100px;content:"";}
.detail-process p.bz strong {font-size: 18px;}
.detail-process p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.detail-process p.bz .tips {display: block;background-color: #fff;color: #9e1e1f;line-height:24px;padding: 4px 10px;}

.section-box {margin-top: 50px;}
.section-box-content {margin-top:30px;}
.section-box-content li {background:#f5f7fa;padding:50px 0px;}
.section-box-content li:nth-child(2n) {background:#fff;}
.section-box-content li .contain {display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;overflow:hidden;}
.section-box-content li .contain .fr {width:52%;float:right;position:relative;}
.section-box-content li .contain .fr img {float:right;}
.section-box-content li:nth-child(2n) .fr {float:right;}
.section-box-content li:nth-child(2n) .fr img {float:left;}
.section-box-content li .contain .fl {width:48%;position:relative;padding-right: 5%;}
.section-box-content li:nth-child(2n) .fl {float:left;-ms-flex-order:1;order:1;padding-left:5%;padding-right: 0;}
.section-box-content li .contain .fl h4 {display:block;font-size:26px;color:#333;}
.section-box-content li .contain .fl p {font-size: 20px;color: #333;display: block;margin-top: 20px;}
.section-box-content li .contain .fl dl {padding-top: 20px;margin-bottom: 0;font-size: 16px;line-height: 2;color: #676A6C;}
.section-box-content li .contain .fl dl dt {padding-bottom: 7px;font-size: 20px;font-weight: normal;color: #333;}
.section-box-content li .contain .fl dl dt span {display: inline-block;width: 12px;height: 12px;background: #999CFB;opacity: .54;border: 1px solid #6969C8;border-radius: 12px;margin-right: 10px;line-height: 1;}
.section-box-content li .contain .fl dl:nth-child(2) dt span{background: #94C562;border-color: #94C562;}
.section-box-content li .contain .fl dl:nth-child(3) dt span {background: #0089FF;border-color: #0089FF;}
.section-box-content li .contain .fl dl:nth-child(4) dt span{background:#F5930F;border-color:#F5930F}
.section-box-content li .contain .fl dl dd {padding-left: 22px;font-size: 14px;line-height: 28px;color: #666;}
.section-box-content li .contain .fl dl dd .a {margin-right: 20px;}
@media screen and (max-width: 1024px){
.section-box-content li .contain {display: block;}
.section-box-content li .contain .fl {width: 100%;padding-left: 0;padding-right: 0;}
.section-box-content li .contain .fr {display: none;width: 100%;margin-top: 20px;}
.section-box-content li .contain .fr img {float:none;width: 100%;}
}
@media screen and (max-width: 768px){
.section-box {margin-top: 30px;}
.section-box-content {margin-top: 20px;}
.section-box-content li {background:#f9fbff;padding:30px 0px;}
.section-box-content li .contain .fl h4 {font-size:20px;}
.section-box-content li .contain .fl dl dt {font-size: 18px;}
}

/* 常见问题 */
.query {display:block;margin-top:30px;position: relative;}
.query dl{float: left; width: 50%; margin-top: 20px;padding-right:20px;}
.query dl:nth-child(2n){padding-right:0}
.query dl a {display: block;padding: 20px;background-color: #fff;box-shadow: 0 3px 15px rgb(0,0,0,.08);border-radius: 3px;}
.query dl dt{position: relative; padding-bottom: 10px; padding-left: 30px;color:#252b3a;font-size: 18px;text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.query dl dt span{top: 1px; background-color: #9e1e1f;}
.query dl dt span,.query dl dd span{position: absolute; top: 3px; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff;font-family: 'DINPro-Bold'; text-align: center; font-size: 12px;}
.query dl dd{position: relative;padding-left: 30px; height: 50px; color: #575d6c;  line-height: 25px; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.query dl dd span{background-color: #ff8c4e;}
.query dl:hover dt{color:#9e1e1f;}
@media screen and (max-width:768px){ 
.query {margin-top:-10px;}
.query dl{ width: 100%;margin-top:10px;padding-right:0px;}
.query dl a{padding: 15px;}
}

/*合作流程*/
.agent-process {display:block;margin-top: 50px;position: relative;}
.agent-process li{float: left;width:calc(25% - 15px);margin-right: 20px;margin-top: 20px;background: #fff;border: 1px solid #dcdfe6;border-radius: 8px;}
.agent-process li:nth-child(4n+0) {margin-right: 0;}
.agent-process li .box{padding: 30px 20px 30px 100px;position: relative;}
.agent-process li .box span.iocn{display:block;position: absolute;left: 20px;width: 60px;height: 60px;margin: auto;}
.agent-process li .box h3{color: #9e1e1f;font-size: 28px;font-weight: bold;font-family: Montserrat-Regular;line-height:30px;margin-bottom:10px;}
.agent-process li .box p{color: #333;font-size: 16px;line-height:20px;overflow: hidden;}
/*按钮*/
.agent-buttonn{display: block;margin-top:30px;text-align:center;overflow: hidden;}
.agent-buttonn a{border-radius: 4px;}
.agent-buttonn a:hover {text-decoration: underline;}
@media screen and (max-width:1024px){
.agent-process li{width:calc(50% - 10px);}
.agent-process li:nth-child(2n+0) {margin-right: 0;}
}
@media screen and (max-width:768px){
.agent-process {margin: 0;}
.agent-process li{width: 100%;argin-right: 0px;}
.agent-process li .box span{left: 20px;}
}
/* poster */
.agent-poster {padding: 60px 0;position: relative;width: 100%;}
.agent-poster:after {background-image: url(../images/poster_bg.png);background-position: top;background-repeat: no-repeat;background-size: cover;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.agent-poster .poster-cont {color: #262626;position: relative;text-align: center;z-index: 3;}
.agent-poster .poster-cont .title {font-size: 36px;line-height: 50px;margin: 0;padding: 0;}
.agent-poster .poster-cont .text {font-size: 18px;line-height: 24px;margin: 10px 0 30px;}
.agent-poster .poster-cont a {display: inline-block;}
.agent-poster .poster-cont a.btn {background-color: #fff;padding: 0 30px;height: 40px;line-height: 40px;font-size: 16px;  font-weight: 700;color: #9e1e1f;text-align: center;border-radius: 30px;overflow: hidden;}
.agent-poster .poster-cont a.btn:hover {color: #9e1e1f;text-decoration: underline;-webkit-transition: all .5s;transition: all .5s;}
@media screen and (max-width:768px){
.agent-poster {padding: 30px 0;position: relative;width: 100%;}
.agent-poster .poster-cont .title {font-size: 24px;line-height: 30px;}
.agent-poster .poster-cont .text {font-size: 14px;line-height: 24px;margin: 5px 0 20px;}
.agent-poster .poster-cont a.more {padding: 0 20px;line-height: 40px;font-size: 14px; }
}
/* 关于我们 */
/*.tabbar*/
.tabbar{position: relative;background:#fff;border-bottom: 1px solid #EAEAEA;}
.tabbar .tabnav{height:60px;line-height:60px;overflow:hidden;font-weight:bold}
.tabbar .tabnav a{position:relative;float:left;display:inline-block;margin-right:50px}
.tabbar .tabnav a::after{display:block;opacity: 0;position: absolute;bottom:0;width:0;height:2px;background: #9e1e1f;content:"";transition:.3s;-webkit-transition:.3}
.tabbar .tabnav a:hover{color: #9e1e1f;}
.tabbar .tabnav a:hover::after{width:100%;opacity: 1}
.tabbar .tabnav a.active{font-weight:bold;color:#9e1e1f}
.tabbar .tabnav a.active::after{width:100%;opacity: 1}
.tabbar .tabnav_dropmenu{display:none;height:50px;line-height:50px;}
.tabbar .tabnav_dropmen1u::before{float:right;display:inline-block;font-size:1.8rem;font-family:"iconfont" !important;content:"\e602"}
.tabbar .tabnav_dropmenu::before {content: '';float:right;display:inline-block;width: 20px;text-align:center;height: 100%;background-image: url(../images/arrow_right.png);background-size: 18px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition:transform .5s;}
.tabbar .tabnav_dropmenu.active::before {background-image: url(../images/arrow_down.png);}
.tabbar .tabnav_dropmenu.active::before{color:#9e1e1f}
.tabbar .tabnav_dropmenu strong{float:left;display:block;font-size:16px;border-bottom:1px solid #9e1e1f;color:#9e1e1f;font-weight: normal;}
.tabbar .tabnav_wap{width:100%;height:0;overflow:hidden;opacity:0;transition:.3s;-webkit-transition:.3s}
.tabbar .tabnav_wap a{display:block;padding:10px 0;line-height:26px;border-top:1px solid #dbdbdb;}
.tabbar .tabnav_wap a.active{display:none}
.tabbar .tabnav_wap.active{height:auto;opacity: 1}
@media screen and (max-width: 768px){
.tabbar{position: relative;background:#f5f7fa;border-bottom: 0px;}
.tabbar .tabnav{display:none}
.tabbar .tabnav_dropmenu{display:block}
}
/*.about*/
.about {text-align: center;position: relative;}
.about .about-hd {display:block;margin-bottom: 30px;overflow: hidden;position: relative;}
.about .about-hd .title {font-weight: bold;font-size: 50px;color: #333;text-transform: uppercase;margin-bottom: 10px;line-height: 1.8;letter-spacing: 1px;position: relative;}
.about .about-hd .title:after{content: '';position: absolute;left: 50%;bottom: 0;width: 80px;height: 4px;background: #9e1e1f;margin-left: -40px;}
.about .about-hd .text {font-size: 20px;color: #333;line-height: 2;letter-spacing: 1px;}
.about .about-cont {position: relative;}
.about .about-cont p {font-size: 16px;width: 80%;margin: 15px auto;line-height: 2;color: #666;}
/*.about-div2*/
.about-div2 {background: #9e1e1f;display: block;overflow: hidden;}
.about-div2 .div2-box {display: block;width: 80%;margin: 60px auto 50px;overflow: hidden;}
.about-div2 .div2-box .div2-title {display: block;text-align: left;color: #fff;letter-spacing: 2px;font-size: 16px;}
.about-div2 .div2-box .div2-text {display: block;margin-top:30px;overflow: hidden;}
.about-div2 .div2-box .div2-text h4 {display: block;width: 8%;height: 1px;background: #eee;float: left;margin-top: 10px;}
.about-div2 .div2-box .div2-text h5 {display: block;float: right;width: 88%;}
.about-div2 .div2-box .div2-text h5 span {display: block;font-size: 18px;color: #fff;line-height: 30px;letter-spacing: 2px;text-align: justify;}

/*付款方式*/
.payment {padding: 0 200px;margin-top: 50px; display: block;overflow: hidden;}
.payment .item {float: left; width:46%; margin: 0 2%;}
.payment .item .pic {display:block;background-color: #fafafa;border: 1px solid #eee;border-bottom:0;text-align: center;padding:20px;position:relative;}
.payment .item .pic img {border: none;vertical-align: middle;max-width: 100%;}
.payment .item .pic .tit img{ height: 50px;}
.payment .item .pic .tag {position: absolute;right: 0;top: 0;border-right: 30px solid rgba(0,0,0,0);border-top:30px solid rgba(0,0,0,0);border-color: #ff2626 #ff2626 rgba(0,0,0,0) rgba(0,0,0,0);border-style: solid;border-width: 30px;}
.payment .item .pic .tag span {position: absolute;left:-2px;top: -18px;transform: rotate(45deg);font-size: 14px;color: #fff;letter-spacing: 1px;line-height: 16px;width: 30px;}
.payment .item .pic .ewm {display: block;margin:  20px auto 0;width: auto;}
.payment .item .pic .ewm img{width: 180px;height: 180px;border:1px solid #e6e6e6;border-radius:5px;}
.payment .item .txt{ padding: 15px; color: #fff; line-height: 28px; text-align: center; font-size: 14px; background: #00aef6;}
.payment .item .txt.wx{background: #01b501;}

.payment-text { padding:20px;margin-bottom:50px;border:1px solid #e6e6e6;display: block;overflow: hidden; }
.payment-text h3 {display: block;font-size: 26px;color: #333;margin-bottom: 20px;}
.payment-text p{display: block;line-height: 2;font-size:14px;color: #676A6C;}
@media screen and  (max-width:768px){
.payment {padding: 0px;margin-top: 0px;display: block;overflow: hidden;}
.payment .item {width:100%; margin-top:20px; }
.payment-text {margin-bottom:30px;}
}


/* title */
.contact-title {padding-bottom: 20px;}
.contact-title h3 {position: relative; line-height: 1.4; font-size: 36px; color: #333;}
.contact-title p {position: relative; margin-bottom: 10px;font-size: 18px;line-height: 1.6; color: var(--default);  text-transform: uppercase;}
@media (max-width:1200px) {
	.contact-title h3 { font-size: 28px;}
}
@media (max-width:768px) {
	.contact-title h3 { font-size: 24px;}
}
@media (max-width:640px) {
	.contact-title h3 { font-size: 20px;}
	.contact-title p { margin-bottom: 0;font-size: 16px; }
}
.contact-infos {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.contact-infos li{float: left;width:calc(33.3333% - 34px);margin-right: 50px;margin-top: -1px;}
.contact-infos li:nth-child(3n+0) {margin-right: 0;}
.contact-infos-item{padding: 25px 0px;height: 100%;border-top: 1px solid #D5D5D5;border-bottom: 1px solid #D5D5D5;}
.contact-infos-item h3{font-size: 20px; color: var(--default);}
.contact-infos-item p{ margin-top: 10px; word-break: break-all; line-height: 1.4; font-size: 20px; color: #666;}

.contact-map-wx{ margin-top: 25px;}
.contact-map-wx h3{ font-size: 20px; color: var(--default);}
.contact-map-wx .qrcode {margin-top: 20px;width: 200px;text-align: center;background: #f5f5f5;padding: 10px;}
.contact-map-wx .qrcode img {display: block;margin: 0 auto 10px;width: 180px;border-radius: 2px;}
.contact-map-wx .qrcode p {font-size: 14px;color: #3d485d;text-align: center;display: block;}
@media (max-width:768px) {
.contact-infos li,.contact-infos li:nth-child(3n+0) {float: left;width:calc(50% - 10px);margin-right: 20px;}
.contact-infos li:nth-child(2n+0) {margin-right: 0px;}
.contact-infos-item{ padding: 12px 0px}
.contact-infos-item h3{font-size: 14px;}
.contact-infos-item p{ margin-top: 5px; font-size: 14px;}
}

@media (max-width: 520px){
.contact-infos li,.contact-infos li:nth-child(3n+0),.contact-infos li:nth-child(2n+0) {float: left;width:calc(100%)}
}

/*新闻列表*/
.content{position: relative;
    min-height: 500px;
    margin-right: 380px;
    margin-bottom: 15px;}
.excerpt header {margin-bottom: 10px;}	
.sidebar {float: left;margin-left: -360px;width: 360px;position: relative;}	
.content-wrap {width: 100%;float: left;}
.excerpt-text { padding-left: 20px;}
.excerpt-1 {border-radius: 4px 4px 0 0;}
.excerpt {border: 1px solid #eaeaea; padding: 20px;overflow: hidden;background-color: #fff;
margin-bottom: -1px;}
.excerpt .cat {color: #fff;background-color: #e9422c;padding: 3px 6px;font-size: 12px;display: inline-block;
position: relative; top: -2px; margin-right: 6px;}
.cat {background-color: #006de7;}
.excerpt h2 {display: inline;font-size: 18px;line-height: 1.4;margin-top: 0;font-weight: bold;}
.excerpt h2 a {color: #555;}
.excerpt .meta {color: #999;font-size: 12px;margin: 0;}
.excerpt time, .excerpt .pv, .excerpt .pc, .excerpt .author { margin-right: 20px;}
.excerpt .meta .fa {margin-right: 4px;}
.excerpt .post-like {float: right;}	
.excerpt .note {font-size: 14px;color: #999; word-wrap: break-word;line-height: 1.5;margin-bottom: 0;
margin-top: 9px;max-height: 61px;overflow: hidden;}
.excerpt .cat i {
    border-left-color: #006de7;
	position: absolute;
	    top: 50%;
	    margin-top: -4px;
	    right: -4px;
	    display: inline-block;
	    width: 0;
	    height: 0;
	    vertical-align: middle;
	    border-left: 4px solid #e9422c;
	    border-top: 4px solid transparent;
	    border-bottom: 4px solid transparent;
	}
}
.sidebar {float: left;margin-left: -360px;width: 360px;position: relative;}
.widget-tops {height: 200px;}
.widget {clear: both;position: relative;margin-bottom: 15px;background-color: #fff;border-radius: 4px;
border: 1px solid #eaeaea;overflow: hidden;}
.widget-nav { background-color: #fbfbfb;line-height: 36px;height: 36px;border-bottom: 1px solid #eaeaea;
font-size: 15px;}
.widget-navcontent {clear: both; position: relative;}
.widget-navcontent .item.active {left: 0; opacity: 1;}
.widget ul { list-style: none;padding: 0;margin: 0;}
.widget ul:before, .widget ul:after {display: table; content: "";line-height: 0;}
.widget-navcontent .item {padding: 15px; width: 100%;position: absolute;left: 100%;opacity: 0;}
.widget ul ul { border: none;}
.widget ul { list-style: none;padding: 0; margin: 0;}
.widget-navcontent .item-01 li {margin-bottom: 12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 12px;}
.widget-navcontent .item-01 li {margin-bottom: 12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 12px;}
.widget-navcontent .item-01 li:first-child a {font-weight: bold;}
.widget-tops { height: 200px;}

.widget-nav li.active{background-color:#fff;color:#666;font-weight:bold;cursor:default}
.widget-nav li{float:left;width:25%;text-align:center;color:#999;border-right:1px solid #eaeaea;cursor:pointer}
.widget h3{font-weight:bold;font-size:15px;color:#666;border-bottom:1px solid #eaeaea;background-color:#fbfbfb;margin:0;padding:11px 15px 10px}
.widget ul:before,.widget ul:after{display:table;content:"";line-height:0}
.widget_ui_posts .nopic .text{margin-top:0;color:#555}
.widget_ui_posts .text{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.widget_ui_posts .muted{display:inline-block;margin-top:5px;margin-right:15px;font-size:12px;color:#bbb}
.widget_ui_posts li a{padding:15px;color:#555;border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px}
/* .breadcrumbs{padding:15px 0;font-size:12px;line-height:1;text-align:left;background-color:#fff;margin-bottom:15px;margin-top:-15px;border-bottom:1px solid #EBEBEB;box-shadow:0 1px 3px rgba(0,0,0,0.04);color:#999}
.breadcrumbs a{color:#999} */
.article-header{margin-bottom:20px;padding:25px 0;border-bottom:1px solid #eee;text-align:center}
.article-title{margin-top:0;font-size:26px;line-height:36px}
.article-meta{font-size:14px;color:#999}
.article-meta .item{margin-right:20px}
.relates-text{margin-bottom:18px}
.article-content p{text-align:left}