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

body,
.header-box div,
.header-box ul,
.header-box ol,
.header-box li,
.header-box dl,
.header-box dt,
.header-box dd,
.header-box h1,
.header-box h2,
.header-box h3,
.header-box h4,
.header-box h5,
.header-box h6,
.header-box iframe,
.header-box pre,
.header-box code,
.header-box fieldset,
.header-box legend,
.header-box form,
.header-box p,
.header-box blockquote,
.header-box figure,
.header-box header,
.header-box footer,
.header-box nav,
.header-box article,
.header-box section,
.header-box aside,
.header-box address,
.header-box figcaption {
    *zoom: 1
}

.header-box li {
    list-style-type: none
}

.header-box h1,
.header-box h2,
.header-box h3,
.header-box h4,
.header-box h5,
.header-box h6 {
    font-size: 100%;
    font-weight: normal;
}

.header-box iframe,
.header-box frame,
.header-box fieldset,
.header-box img {
    border: 0 none
}

.header-box img {
    vertical-align: top
}

.header-box input[type=button],
.header-box input[type=submit],
.header-box input[type=reset] {
    cursor: pointer
}

.header-box input[type="reset"]::-moz-focus-inner,
.header-box input[type="button"]::-moz-focus-inner,
.header-box input[type="submit"]::-moz-focus-inner,
.header-box input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
    margin: 0;
}

.header-box button {
    cursor: pointer
}
/* .header-box .nav-head {
  transform: translateX(25px);
} */

.header-box input,
.header-box textarea,
.header-box button {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

.header-box input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio
}

.header-box input[type=checkbox] {
    -webkit-appearance: checkbox
}

.header-box input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.header-box textarea {
    overflow: auto;
    resize: none
}

.header-box blockquote,
.header-box q {
    quotes: none
}

.header-box blockquote:before,
.header-box blockquote:after,
.header-box q:before,
.header-box q:after {
    content: "";
    content: none
}

.header-box table {
    border-collapse: collapse;
    border-spacing: 0
}

.header-box caption,
.header-box th {
    text-align: left
}

.header-box th {
    font-weight: normal
}

.header-box em,
.header-box cite,
.header-box address,
.header-box i {
    font-style: normal
}


.header-box input,
.header-box select,
.header-box button,
.header-box textarea { color:#252B3A; font-size: 14px; font-family:"PingFangM","氓戮庐猫陆炉茅鈥衡€γ┞烩€�",Arial,sans-serif;  }
.header-box  {
    line-height: 1.5
}

.header-box a:link,
.header-box a:visited,
.header-box a:active,
.header-box a {
    text-decoration: none;
}

.header-box a {
    /* color: #252B3A; */
    blr: expression(this.onFocus=this.blur())
}

.header-box a * {
    *cursor: pointer
}

.header-box  :focus {
    outline: none
}

.header-box .fixed:before,
.header-box .clearfix:before,
.header-box .cf:before,

.header-box .header:before,
.header-box .main:before,
.header-box .footer:before {
    content: '';
    display: table
}

.header-box .fixed:after,
.header-box .clearfix:after,
.header-box .cf:after,
.header-box  after,
.header-box .header:after,
.header-box .main:after,
.header-box .footer:after {
    content: '';
    display: table;
    clear: both
}

.header-box .fixed,
.header-box .clearfix,
.header-box .cf,
.header-box .header,
.header-box .main,
.header-box  .footer {
    *zoom: 1
}
.header-box *{box-sizing: border-box;}
.header-box .clear,
.header-box .cl {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.header-box input::-webkit-input-placeholder,.header-box  textarea::-webkit-input-placeholder {opacity:0.5;}
.header-box input:-moz-placeholder,.header-box  textarea:-moz-placeholder {opacity:0.5;}
.header-box input::-moz-placeholder,.header-box  textarea::-moz-placeholder { opacity:0.5;}
.header-box input:-ms-input-placeholder,.header-box  textarea:-ms-input-placeholder {opacity:0.5;}


.header-box .fnt_12 { font-size:12px;}
.header-box .fnt_14 { font-size:14px;}
.header-box .fnt_16 { font-size:16px;}
.header-box .fnt_18 { font-size:18px;}
.header-box .fnt_20 { font-size:20px;}
.header-box .fnt_22 { font-size:22px;}
.header-box .fnt_24 { font-size:24px;}
.header-box .fnt_26 { font-size:26px;}
.header-box .fnt_28 { font-size:28px;}
.header-box .fnt_30 { font-size:30px;}
.header-box .fnt_32 { font-size:32px;}
.header-box .fnt_34 { font-size:34px;}
.header-box .fnt_36 { font-size:36px;}
.header-box .fnt_38 { font-size:38px;}
.header-box .fnt_40 { font-size:40px;}

.header-box .fnt_42 { font-size:42px;}
.header-box .fnt_44 { font-size:44px;}
.header-box .fnt_46 { font-size:46px;}
.header-box .fnt_48 { font-size:48px;}
.header-box .fnt_50 { font-size:50px;}
.header-box .fnt_52 { font-size:52px;}
.header-box .fnt_54 { font-size:54px;}
.header-box .fnt_56 { font-size:56px;}
.header-box .fnt_58 { font-size:58px;}
.header-box .fnt_60 { font-size:60px;}

@media only screen and (max-width: 1440px) {
    .header-box .fnt_20 { font-size:18px;}
    .header-box .fnt_22 { font-size:18px;}
    .header-box .fnt_24 { font-size:20px;}
    .header-box .fnt_26 { font-size:24px;}
    .header-box .fnt_28 { font-size:24px;}
    .header-box .fnt_30 { font-size:30px;}
    .header-box .fnt_32 { font-size:30px;}
    .header-box .fnt_34 { font-size:30px;}
    .header-box .fnt_36 { font-size:32px;}
    .header-box .fnt_38 { font-size:32px;}
    .header-box .fnt_40 { font-size:34px;}

    .header-box .fnt_42 { font-size:34px;}
    .header-box  .fnt_44 { font-size:34px;}
    .header-box .fnt_46 { font-size:36px;}
    .header-box .fnt_48 { font-size:36px;}
    .header-box .fnt_50 { font-size:38px;}
    .header-box .fnt_52 { font-size:38px;}
    .header-box .fnt_54 { font-size:38px;}
    .header-box .fnt_56 { font-size:40px;}
    .header-box .fnt_58 { font-size:40px;}
    .header-box .fnt_60 { font-size:42px;}
}
@media only screen and (max-width: 1366px) {
    .header-box   .fnt_16 { font-size:14px;}
    .header-nav .logo-box {
        margin-top: 13px;
    }
}
@media only screen and (max-width: 1200px) {
    .header-box   .fnt_24 { font-size:18px;}
    .header-box   .fnt_20 { font-size:16px;}
}

.header-box img{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    border:0;
    display: inline-block;
}
.header-box .fl{float:left;display:inline;}
.header-box .fr{float:right;display:inline;}

.header-box .clearfix{*zoom:1;}/*忙赂鈥γ┾劉陇忙碌庐氓艩篓*/
.header-box .clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}/*忙赂鈥γ┾劉陇忙碌庐氓艩篓氓鈥β济ヂ�*/
.header-box .w1440{width: 1440px;margin-left:auto;margin-right:auto;}

@media only screen and (max-width: 1500px){
    .header-box 	.w1440{width: 1300px;margin-left:auto;margin-right:auto;}

}
@media only screen and (max-width: 1366px){
    .header-box 	.w1440{width: 1200px;}

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

    .header-box 	.w1440{width: 1100px;}
}


header.header-nav  {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

header.header-nav.active {
    background: #fff;
}
header.header-nav.bg_white {
    background: #fff;
    box-shadow: 0 1px 20px rgba(54,54,54,0.4);
}


.header-nav .header-default {
    position: relative;
}

.header-nav .logo2 {
    display: none;
}

header.header-nav.active .logo1 {
    display: none;
}

header.header-nav.bg_white .logo1 {
    display: none;
}
header.header-nav.active .logo2 {
    display: block;
}
header.header-nav.bg_white .logo2 {
    display: block;
}
.header-nav .logo-box {
    width: 18%;
}

.header-nav .logo-box img {
    /* height: 72px; */
    width: 100%;
}

.header-nav .nav-head .nav-fir {
    float: left;
    padding: 0 17px;
}

.header-nav .nav-head .nav-fir:hover h3 a {
    color: #2386ee;
}

.nav-head .nav-fir h3 {
    padding: 0 5px;
    line-height: 75px;
    position: relative;
}

.header-nav .nav-head .nav-fir h3:after {
    content: "";
    width: 0;
    display: block;
    height: 2px;
    background: #2386ee;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s;
}

.header-nav .nav-head .nav-fir.active h3:after {
    width: 100%;
}

.header-nav .nav-head .nav-fir:hover h3:after {
    width: 100%;
}

.header-nav .nav-head .nav-fir h3 a {
    color: #fff;
}

header.header-nav.active .nav-head .nav-fir h3 a {
    color: #252B3A;
}
header.header-nav.bg_white .nav-head .nav-fir h3 a{
    color: #252B3A;
}

.header-nav .nav-head .nav-sec {
    width: 76.38%;
    position: absolute;
    left: 20px;
    top: 75px;
    display: none;
    border-top: 1px solid #e5e8ed;
    background: #fff;
}

.header-nav .nav-head .nav-fir.active .nav-sec {
    display: block;
    background: #f5f7fa;
}

.header-nav .nav-head .nav-fir:nth-child(2).active .nav-sec {

    background: #fff;
}

.header-nav .nav-head .nav-fir:nth-child(4).active .nav-sec {

    background: #fff;
}

.header-nav .nav-head .nav-fir:nth-child(6).active .nav-sec {

    background: #fff;
}

.header-nav .nav-head .nav-fir:last-child.active .nav-sec {

    background: #fff;
}

.header-nav .nav-head .header-left-nav {
    width: 23%;
    height: 480px;
    background: #f6f7fb;
}

.header-nav .nav-head .header-left-nav li {
    padding: 16px 0;
    background: #f5f7fa;

    padding-left: 60px;
}

.header-nav .nav-head .header-left-nav li a {
    color: #252B3A;
}
.header-nav .nav-head .header-left-nav li a .fnt_12{color: #aaa;}
.header-nav .nav-head .header-left-nav li.active {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.header-nav .nav-head .header-left-nav li.active a {
    color: #0467cf;
}

.header-nav .nav-head .header-right-nav {
    width: 77%;
    padding: 22.5px 1% 3% 2%;
    background: white;
    height: 480px;
    overflow: hidden;
}

/*.header-nav .nav-head .header-right-nav .mCustomScrollBox {
	padding-left: 5.5%;
}*/
.header-nav .nav-head  .header-column-list li{float: left;width: 47%;margin-right: 3%;margin-bottom:44px;}
.header-nav .nav-head  .header-column-list li:hover{background:#ffffff;}
.header-nav .nav-head  .header-column-list li:last-child{margin-right: 0;}
.header-nav .nav-head  .header-column-list li .img{margin-bottom: 18px;display: inline-block;vertical-align:middle;margin-right: 10px;}
.header-nav .nav-head  .header-column-list li .text{display: inline-block;vertical-align:middle;width: calc(100% - 78px);}
.header-nav .nav-head  .header-column-list li .title{margin-bottom: 6px;font-weight: 600;}
.header-nav .nav-head  .header-column-list li .des{color: #aaaaaa;}
.header-nav .nav-head  .header-column-list li:hover .title{color: #2386ee;}

.header-nav .nav-head .all_product {
    /*text-align: center;*/
    position: absolute;
    width: 23%;
    bottom: 20px;
    padding-left: 60px;
}

.header-nav .nav-head .all_product .fnt_16 {
    margin-bottom: 1em;
    display: block;
}

.header-nav .nav-head .all_product .num_ph {
    display: inline;
}

.header-nav .nav-head .all_product a:hover {
    color: #2386ee;
}

.header-nav .nav-head .header-right-nav .header-category-content {
    display: none;
}

.header-nav .nav-head .header-right-nav .header-category-content.active {
    display: block;
}

.header-nav .nav-head .header-item-block {
    width: 20.25%;
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
    margin-bottom: 25px;
}

.header-nav .nav-head .header-item-block li {
    display: flex;
    align-items: center;
}

.header-nav .nav-head .header-item-block li img {
    margin-left: 6px;
    width: 12px;
    height: 12px;
}
.header-nav .nav-head .header-column {margin-bottom: 10px;}
.header-nav .nav-head .header-item-block1 h4 {

    border-bottom: 1px solid #dcdcdc;font-size: 16px;line-height: 30px;margin-bottom: 8px;
}
.header-nav .nav-head .header-item-block1 h4 img{margin-right: 8px;width: 22px;}
.header-nav .nav-head .header-item-block1 h4 a{
    color: #252B3A;
    font-weight: 600;
}
.header-nav .nav-head .header-item-block1 h4 a:hover{color: #005dbf;}
.header-nav .nav-head .header-item-block1{width: 42.3%;margin-right: 8.6%;display: inline-block;

    vertical-align: top;
    margin-bottom: 25px;}
.header-nav .nav-head .header-item-block1:nth-child(2n){margin-right: 0;}
.header-nav .header-column1 {
    padding-bottom: 50px;
}
.header-nav .nav-head .header-item-block1 li a {
    color: #aaaaaa;
}





.header-nav .nav-head .header-item-block:nth-child(4n) {
    margin-right: 0;
}

.header-nav .nav-head .header-right-nav .header-overview {
    margin-bottom: 22.5px;font-weight: 600;
}

.header-nav .nav-head .header-right-nav .header-overview1 {
    margin-top: 12.5px;
}

.header-nav .nav-head .header-right-nav .header-overview .san_tit:hover {
    color: #2386ee;
}

.header-nav .nav-head .header-right-nav .header-overview .san_tit span {
    transition: 0.5s;
;
}

.header-nav .nav-head .header-right-nav .header-overview .san_tit:hover span {
    transition: 0.5s;

    margin-left: 10px;
}

.header-nav .nav-head .header-right-nav .header-overview a {
    color: #252B3A;
}

.header-nav .nav-head .header-item-block h4 {
    padding: 0 0 11px;
    border-bottom: 1px solid #dcdcdc;
}

.header-nav .nav-head .header-item-block h4 a {
    font-weight: bold;
}

.header-nav .nav-head .header-item-block h4 a:hover {
    color: #0467cf;
}

.header-nav .nav-head .header-item-block h5 {
    padding: 0 0 11px;
}

.header-nav .nav-head .header-item-block h5 a {
    font-weight: bold;
}

.header-nav .nav-head .header-item-block h5 a:hover {
    color: #0467cf;
}

.header-nav .nav-head .header-item-block ul {
    margin-top: 8px;
}

.header-nav .nav-head .header-item-block li {
    line-height: 20px;
}

.header-nav .nav-head .header-item-block li a {
    color: #aaaaaa;
}

.header-nav .header-default .search-icon {
    margin-top: 10px;
    display: block;
    width: 19px;
    height: 19px;
    /*background: url(../images/new-index/search_white.png);*/
    margin-right: 24px;
}

.header-nav .header-default .search-icon .icon {
    fill: #fff;
}

header.header-nav.active .header-default .search-icon .icon {
    fill: #252B3A;
}

header.header-nav.bg_white .header-default .search-icon .icon {
    fill: #252B3A;
}
.header-nav .header-default .language-left {
    padding-top: 5px;
    margin-right: 24px;
    cursor: default;
    position: relative;
}

.header-nav .header-default .language-left .region {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: none;
    width: 150px;
    padding-top: 18px;
}

.header-nav .header-default .language-left .region a {
    display: block;
    line-height: 40px;
    background: white;
}

.header-nav .header-default .language-left .region a:hover {
    background: #2386ee;
    color: white;
}


/*.header-default .language-left:hover span {
	color: #2386ee;
}*/

.header-nav .header-default .language-left span {
    color: #fff;
    vertical-align: middle;
}

.header-nav .header-default .language-left i {
    display: inline-block;
    vertical-align: middle;
}

.header-nav .header-default .language-left i .icon {
    fill: #fff;
}

.header-nav .header-default .language-left:hover i .icon {
    fill: #2386ee;
}

header.header-nav.active .language-left span {
    color: #252B3A;
}

header.header-nav.bg_white .language-left span {
    color: #252B3A;
}
header.header-nav.active .header-default .language-left i .icon {
    fill: #252B3A;
}

header.header-nav.bg_white .header-default .language-left i .icon {
    fill: #252B3A;
}
.header-nav .header-default .login {
    /* width: 56px; */
    /* height: 40px; */
    line-height: 40px;
    text-align: center;
    /* border: 1px solid #fff; */
    border-radius: 5px;
    margin-right: 6px;
}

.header-nav .header-default .login a {
    color: #fff;
}

/* header.header-nav.active .login {
	border-color: #2386ee;
} */

header.header-nav.bg_white .login {
    border-color: #2386ee;
}
/* .header-nav .header-default .login:hover {
	background-color: white;
} */

header.header-nav.active .login a {
    color: #575d6c;
}

header.header-nav.bg_white .login a {
    color: #252B3A;
}
.header-nav .header-default .login:hover a {
    color: #2386ee;
}

.header-nav .jian {
    border: solid white;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    transition: 0.5s;
}

header.header-nav.active .jian {
    border-color: #252B3A;
}

header.header-nav.bg_white .jian {
    border-color: #252B3A;
}
.header-nav .jian_act {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transition: 0.5s;
    border-color: #252B3A;
    margin-top: 5px;
}

.header-nav .header-default .register {
    /* width: 86px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    /* background: white; */
    border-radius: 5px;
    /*font-family: "Harmony_Regular", "氓戮庐猫陆炉茅鈥衡€γ┞烩€�", "Microsoft Yahei", "sans-serif", ;*/
}

/* .header-nav .header-default .register a {
	color: #2a84ee;
} */

/* header.header-nav.active .register {
	background-image: linear-gradient(135deg, #0068dd, #00aeee);
} */

/* header.header-nav.bg_white .register {
	background-image: linear-gradient(135deg, #0068dd, #00aeee);
} */
header.header-nav.active .register a {
    color: #575d6c;
}

header.header-nav.bg_white .register a {
    color: #575d6c;
}
.header-nav .header-default .right-wrapper {
    padding-top: 19px;
    position: relative;
}

/* .header-nav .header-default .register:hover {
	background-image: linear-gradient(135deg, #0068dd, #00aeee);
} */

.header-nav .header-default .register:hover a {
    color: #2386ee;
}

header.header-nav.hide_nav .nav-head {
    display: none;
}

.header-nav .search-box {
    width: 0;
    height: 48px;
    position: absolute;
    right: 105%;
    z-index: 99999;
    top: 17px;
    /*box-shadow: 0 0 13px #a09e9e;*/
    opacity: 0;
    overflow: hidden;
    background: #fff;
    transition: all 0.4s ease-out;
}

header.header-nav.hide_nav .search-box {
    width: 451px;
    opacity: 1;
}

.header-nav .search-box .title {
    height: 72px;
    width: 100%;
    line-height: 70px;
    border: none;
    border-radius: 2px;
    padding: 0 25px;
    color: #fff;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(135deg, #0068dd, #00aeee);
    display: none;
}

.header-nav .search-box input {
    width: 100%;
    height: 100%;
    border: none;
    border: 1px solid rgba(125, 125, 125, 0.34);
    border-radius: 2px;
    padding-left: 25px;
    outline: none;
    font-size: 14px;
    color: #252B3A;
    background: #fff;
}

header.header-nav  .btn-close {
    display: none;
}

.header-nav .search_input {
    height: 100%;
    background: #fff;
}

.header-nav .search_input svg {
    position: absolute;
    right: 20px;
    top: 14px;
}

header.header-nav.hide_nav .btn-close {
    display: inline-block;
}

header.header-nav .btn-close svg use {
    fill: #fff;
}

header.header-nav.active .btn-close svg use {
    fill: #252B3A;
}

header.header-nav.bg_white .btn-close svg use {
    fill: #252B3A;
}


header.header-nav.hide_nav .header-default .search-icon .icon {
    display: none;
}

.header-nav .nav-head .nav-fir:nth-child(2) .nav-sec {
    width: 76.8%;
    left: 90px;
}

.header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-left-solution {
    width: 17%;
    height: 100%;
    padding: 22.5px 0 22.5px 5.1%;
}

.header-nav .nav-head .nav-fir .header-left-solution .header-overview {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 8px;
    line-height: 30px;
}

.header-nav .nav-head .nav-fir .header-left-solution .header-overview a {
    color: #252B3A;
}

.header-nav .nav-head .nav-fir .header-left-solution .header-item-solution li {
    width: 100%;
    line-height: 26px;
    font-size:14px ;
}

.header-nav .nav-head .nav-fir .header-left-solution .header-item-solution li img {
    vertical-align: middle;
    margin-right: 14px;
}

.header-nav .nav-head .nav-fir .header-left-solution .header-item-solution li:hover a {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-right-solution {
    width: 82.8%;
    height: 380px;
    padding: 22.5px 3.7% 22.5px 3%;
}

.header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-right-solution .header-overview {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 24px;
    color: #252B3A;
    display: none;
}

.header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-overview a {
    color: #252B3A;
    font-weight: 600;
}
.header-nav .nav-head .header-item-solution .header-item-block1{
    width: 16%;
    margin-right: 3%;
}
/* .header-nav .nav-head .header-item-solution .header-item-block1:first-child{
  display: none;
} */
.header-nav .nav-head .header-item-solution .header-item-block1:nth-child(5n){
    margin-right: 0;
}
.header-nav .nav-head .nav-fir .header-right-solution .header-item-solution li {
    /*width: 25%;
    float: left;*/
    line-height:26px;
}
.header-nav .nav-head .nav-fir .header-right-solution .header-item-solution li a{
    color: #575d6c;
}
.header-nav .nav-head .nav-fir .header-right-solution .header-item-solution li:hover a {
    color: #2a84ee;
}




.header-nav .nav-head .nav-fir:nth-child(4) .nav-sec {
    width: 66.67%;
    left: auto;
    right: 20%;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-left-about .header-item-block {
    margin-right: 8%;
    width: 24.5%;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-left-about {
    width: 64.6%;
    padding: 22.5px 0 22.5px 7.9%;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about {
    padding-top: 22.5px;
    width: 29%;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about img {
    width: 100%;
    transition: all 0.4s;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .img {
    overflow: hidden;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about:hover img {
    transform: scale(1.04);
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .header-item-block {
    width: 100%;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .header-item-block h4 {
    border-bottom: none;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .title {
    margin-top: 8px;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .title a {
    color: #252B3A;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-right-about .title a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-item-block li {
    line-height: 26px;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-item-block li a {
    color: #575d6c;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-item-block li a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:nth-child(4) .header-item-block h4 a {
    color: #252B3A;
}



.header-nav .nav-head .nav-fir:nth-child(6) .nav-sec {
    width: 66.67%;
    left: auto;
    right: 10%;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-left-about .header-item-block {
    margin-right: 8%;
    width: 24.5%;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-left-about {
    width: 64.6%;
    padding: 22.5px 0 22.5px 7.9%;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about {
    padding-top: 22.5px;
    width: 29%;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about img {
    width: 100%;
    transition: all 0.4s;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .img {
    overflow: hidden;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about:hover img {
    transform: scale(1.04);
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .header-item-block {
    width: 100%;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .header-item-block h4 {
    border-bottom: none;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .title {
    margin-top: 8px;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .title a {
    color: #252B3A;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-right-about .title a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-item-block li {
    line-height: 26px;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-item-block li a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-item-block li a {
    color: #575d6c;
}

.header-nav .nav-head .nav-fir:nth-child(6) .header-item-block h4 a {
    color: #252B3A;
}













.header-nav .nav-head .nav-fir:last-child .nav-sec {
    width: 66.67%;
    left: auto;
    right: 0;
}

.header-nav .nav-head .nav-fir:last-child .header-left-about .header-item-block {
    margin-right: 8%;
    width: 24.5%;
}

.header-nav .nav-head .nav-fir:last-child .header-left-about {
    width: 64.6%;
    padding: 22.5px 0 22.5px 7.9%;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about {
    padding-top: 22.5px;
    width: 29%;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about img {
    width: 100%;
    transition: all 0.4s;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .img {
    overflow: hidden;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about:hover img {
    transform: scale(1.04);
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .header-item-block {
    width: 100%;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .header-item-block h4 {
    border-bottom: none;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .title {
    margin-top: 8px;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .title a {
    color: #252B3A;
}

.header-nav .nav-head .nav-fir:last-child .header-right-about .title a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:last-child .header-item-block li {
    line-height: 26px;
}

.header-nav .nav-head .nav-fir:last-child .header-item-block li a:hover {
    color: #2a84ee;
}

.header-nav .nav-head .nav-fir:last-child .header-item-block li a {
    color: #575d6c;
}

.header-nav .nav-head .nav-fir:last-child .header-item-block h4 a {
    color: #252B3A;
}

.header-nav .user-avatar {    line-height: 40px;color: #fff;display: none;}
.header-nav .user-avatar img{    width: 20px;vertical-align: middle;}
header.header-nav.active .user-avatar{color: #252B3A;}
header.header-nav.bg_white .user-avatar{color: #252B3A;}



@media only screen and (max-width: 1500px) {
    .header-nav .nav-head .nav-fir {
        padding: 0 15px;
    }
    .header-nav .nav-head .header-left-nav li{padding-left: 40px;}
    .header-nav .nav-head .all_product{padding-left: 40px;}
    .header-nav .nav-head .nav-fir:nth-child(2) .nav-sec {
        width: 80.8%;}
}





@media only screen and (max-width: 1440px) {
    .header-nav .nav-head .nav-sec {
        width: 83.38%;}
    /*.header-nav .nav-head  .header-column-list li{padding: 40px 15px;}*/
    .header-nav .nav-head .nav-fir {
        padding: 0 10px;
    }

    .header-nav .logo-box {
        width: 18%;
    }

    .header-nav .nav-fir h3 {
        font-size: 14px;
    }

    .header-nav .header-default .language-left {
        padding-top: 7px;
    }

    .header-nav .header-default .language-left span {
        font-size: 14px;
    }

    .header-nav .header-default .login {
        font-size: 14px;
    }

    .header-nav .header-default .register {
        font-size: 14px;
    }

    .header-nav .header-default .search-icon {
        margin-top: 10px;
    }

    /* .header-default .search-icon .icon{width: 15px;} */

    .header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-left-solution {
        padding: 22.5px 0 22.5px 4.4%;
    }

    .header-nav .nav-head .nav-fir:nth-child(2) .nav-sec .header-right-solution {
        padding: 22.5px 3.4% 22.5px 3%;
    }

    .header-nav .nav-head .nav-fir:last-child .header-left-about {
        padding: 22.5px 0 22.5px 5.9%;
    }

    .header-nav .nav-head .nav-fir:last-child .header-right-about {
        padding-top: 22.5px;
    }

    .header-nav .nav-head .nav-fir:nth-child(4) .header-left-about {
        padding: 22.5px 0 22.5px 5.9%;
    }

    .header-nav .nav-head .nav-fir:nth-child(4) .header-right-about {
        padding-top: 22.5px;
    }

    .header-nav .nav-head .nav-fir:nth-child(6) .header-left-about {
        padding: 22.5px 0 22.5px 5.9%;
    }

    .header-nav .nav-head .nav-fir:nth-child(6) .header-right-about {
        padding-top: 22.5px;
    }
    .header-nav .nav-head .header-item-block1{margin-bottom: 15px;}

}

@media only screen and (max-width: 1366px) {
    .header-nav .nav-head .nav-fir:nth-child(2) .nav-sec {
        width: 84.8%;
    }


    .header-nav .nav-head .nav-fir:nth-child(6) .header-left-about .header-item-block {
        margin-right: 6%;
        width: 26.5%;
    }
    .header-nav .nav-head .nav-sec {
        width: 91.38%;
    }
}
.header-nav .header-default:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: rgba(0, 0, 0, 0.55);
}
.header-nav .header-default .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.55);
}

.header-nav .header-default .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.55);
    filter: "alpha(opacity=55)";
    -ms-filter: "alpha(opacity=55)";

}
.header-nav .header-default .mCustomScrollBox:hover>.mCSB_scrollTools{
    opacity:0.7;
    filter:"alpha(opacity=70)"; -ms-filter:"alpha(opacity=70)"; /* old ie */
}
.header-nav .header-default .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    border-radius: 0;
}

.header-nav .header-default .mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    border-radius: 0;
}
.header-nav .mCSB_container {
    margin-right: 5.5%;}
/*忙鈥毬β德β♀€�*/

.header_fix_box {
    position: fixed;
    width: 66px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    opacity: 0;
    transition: all 0.4s ease-out;
}

.header_fix_box.active {
    opacity: 1;
    z-index: 9999;
}

.header_fix_box li {
    text-align: center;
    padding: 8px 0;
    background: #f5f6f7;
    color: #115baa;
    z-index: 3;
    border-left: 1px solid #dfe5eb;
    border-right: 1px solid #dfe5eb;
    box-sizing: border-box;
}

.header_fix_box li:first-child {
    border-top: 1px solid #dfe5eb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.header_fix_box li:last-child {
    border-bottom: 1px solid #dfe5eb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    position: relative;
    height: 50px;
}

.header_fix_box li:last-child::after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: 0.5s;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px auto;
}

.header_fix_box li:last-child:hover:after {
    border-right: 2px solid white;
    border-top: 2px solid white;
}

.header_fix_box li a {
    color: #115baa;
}

.header_fix_box li .img {
    height: 40px;
    position: relative;
    overflow: hidden;
}

.header_fix_box li .img {
    height: 32px;
}

.header_fix_box li .img img {
    max-height: 31px;
}

.header_fix_box li .img .img1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #4587e8;
    transition: all 0.4s;
}

.header_fix_box li .img .img2 {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff;
    transition: all 0.4s;
}

.header_fix_box li:hover {
    background-image: linear-gradient(135deg, #0068dd, #00aeee);
    color: #fff;
    border: none;
}

.header_fix_box li:hover a {
    color: #fff;
}

.header_fix_box li:hover .img .img1 {
    top: -50%;
}

.header_fix_box li:hover .img .img2 {
    top: 50%;
}

.header_fix_box li .weixin {
    position: absolute;
    top: 0;
    right: 60px;
    transition: all 0.4s ease-out;
    display: none;
    padding: 0 20px;
}

.header_fix_box li .weixin .weixin_box {
    padding: 24px;
    /*background: #f5f6f7;*/
    background: #fff;
    border-radius: 4px;
    color: #252B3A;
    box-shadow: 2px 2px 12px rgba(40, 61 ,128 , 0.3);
    overflow: hidden;
    border: 1px solid rgba(196,196,196,0.5);
}

.header_fix_box li .weixin_zx .weixin_box {
    width: 240px;
}

.header_fix_box li:hover .weixin {
    display: block;
}

.header_fix_box li .weixin .title {
    /*text-align: left;*/
    margin-bottom: 14px;
}

.header_fix_box li:nth-child(3) .weixin .title {
    margin-bottom: 0;
}

.header_fix_box li .weixin .subtitle {
    text-align: left;
    margin-bottom: 10px;
}

.header_fix_box li .weixin .subtitle a {
    color: #252B3A;
    font-weight: 600;
}

.header_fix_box li .weixin .ewm {
    margin-bottom: 10px;
}
.header_fix_box li .weixin .ewm img{max-width: 160px;}
.header_fix_box li .dialog-box-item-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 35px);
    text-align: start;
}

.header_fix_box li .weixin .advisory-pc-dialog-box {
    width: 280px;
    padding: 8px;
}

.header_fix_box li .weixin1 {
    top: auto;
    bottom: 0;
}

.header_fix_box li .advisory-pc-dialog-box .advisory-pc-dialog-box-item>div:nth-child(1) {
    display: inline-block;
    width: 18px;
    margin-right: 6px;
    vertical-align: top;
    margin-top: 0 !important;
}
.header_fix_box li .advisory-pc-dialog-box .advisory-pc-dialog-box-item>div:nth-child(1) img{
    width: 100%;
}
.header_fix_box li .advisory-pc-dialog-box-item {
    padding: 8px 6px;cursor: default;
}

.header_fix_box li .advisory-pc-dialog-box-item:hover {
    background-color: #f1f3fa;
}

.header_fix_box li .dialog-box-item-text-title {
    font-size: 16px;
    color: #252B3A;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.header_fix_box li .dialog-box-item-text-subtitle {

    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 14px;
    overflow: hidden;
}

.header_fix_box li .dialog-box-item-text-subtitle a {
    color: #666666;
}



.header-box .header_fix_form{
    position: fixed;
    width:360px;
    right: 94px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.12);
    transition: all 0.4s ease-out;
    padding: 24px 30px;
    display: none;
    transition: all 0.6s;
}
.header-box .header_fix_form .close{
    position: absolute;
    right: 16px;
    top: 16px;
}
.header-box .header_fix_form .title{
    margin-bottom: 6px;
}
.header-box .header_fix_form textarea{
    height: 120px;
    border: 1px solid #dbdbdb;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 10px;
}
.header-box .header_fix_form .textarea_box{ margin-bottom: 16px;position: relative;}
.header-box .header_fix_form .num{position: absolute;color: #d1d1d1;right:10px;bottom: 10px;}
.header-box .header_fix_form .star_score{
    height: 21px;
    position: relative;
    background: url(../images/new-index/starky.png);
    margin-bottom: 16px;
}
.header-box .header_fix_form .star_score a {
    height: 21px;
    display: block;
    text-indent: -999em;
    position: absolute;
    left: 0;
}
.header-box .header_fix_form #starttwo .star_score {
    background:url(../images/new-indexg/starky.png);
}

.header-box .header_fix_form #starttwo .star_score a:hover{
    background:url(../images/new-index/starsy.png);
    left:0;
}

.header-box .header_fix_form #starttwo .star_score a.clibg{
    background:url(../images/new-index/starsy.png);
    left:0;
}

.header-box .header_fix_form .sub_btn{
    width: 76px;
    height: 32px;
    border: none;
    background: none;
    background-image: linear-gradient(to right, #005dbf, #2386ee);
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
}
.header-box .header_fix_form .sub_qx{
    width: 76px;
    height: 32px;
    border: none;
    background: none;
    border:1px solid #dbdbdb;
    border-radius: 5px;
}










.mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}
.after-sale-servicr {
    display: none;
}

.after-sale-servicr-box {
    width: 650px;
    height: 230px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    padding: 30px;
}
.after-sale-servicr-title {
    font-size: 24px;
    margin-bottom: 20px;
}
.after-sale-servicr-choicr {
    text-align: center;
}
.after-sale-servicr-selection {
    text-align: left;
    display: inline-block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    position: relative;
    width: 350px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #555;
    padding: 0 20px 0 10px;
    border: 1px solid #828282;
    margin-bottom: 30px;
    background: url(../images/new-index/pull-down.png) 96px center no-repeat;
    background-position-x: 322px;
}
.after-sale-servicr-selection:hover {
    border: 1px solid #252B3A;
    color: #252B3A;
}
.after-sale-servicr-ul {
    display: none;
    background-color: #fff;
    width: 350px;
    height: 250px;
    overflow-y: scroll;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    border: 1px solid #828282;
    padding: 10px 0;
}
.after-sale-servicr-ul li {
    padding-left: 15px;
    color: #252B3A;
    padding: 7.5px 15px;
    cursor:pointer
}
.after-sale-servicr-ul .after-sale-servicr-active {
    background-color: #e8e8e8;
}
.after-sale-servicr-ul li:hover {
    background-color: #eee;
}
.after-sale-servicr-ul h4 {
    font-size: 18px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.after-sale-servicr-ul p{
    font-size: 14px;
    color: #555;
}
.after-sale-servicr-But {
    width: 100px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    border-radius: 5px;
    border: none;
}
.after-sale-servicr-cancel {
    border: 1px solid #828282;
}
.after-sale-servicr-cancel:hover {
    background-color: #f8f8f8;
}
.after-sale-servicr-determine {
    background-color: #0186EF;
    color: #fff;
    margin-left: 80px;
}
.after-sale-servicr-determine:hover {
    background-color: #0075ce;
}




/* 忙艙陋猫麓颅盲鹿掳氓鈥⑩€犆モ€溌伱モ€澛ヂ惻矫︹€孤γモ€÷幻ヂ悸姑β♀€� */
.sales-intercept {
    display: none;
}
.sales-intercept-box {
    width: 553px;
    height: 216px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 42px 84px 0;
    text-align: center;
}
.sales-intercept-close {
    width: 32.5px;
    height: 32.5px;
    position: absolute;
    top: 8px;
    right: 5px;
    cursor: pointer;
}
.sales-intercept-close img {
    width: 100%;
    height: 100%;
}
.sales-intercept-title h3 {
    text-align: center;
    font-size: 19px;
    /* font-family: PingFangSC-Semibold, PingFang SC; */
    font-weight: 600;
    color: #252B3A;
    line-height: 26px;
    padding: 0;
    margin: 0;
}
.sales-intercept-icon {
    width: 36px;
    height: 48px;
    position: absolute;
    top: 35px;
    left: 32px;
}
.sales-intercept-icon img {
    width: 100%;
    height: 100%;
}
.sales-intercept-describe {
    margin-top: 20px;
    font-size: 13px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #252B3A;
    line-height: 18px;
    text-align: left;
}
.sales-intercept-describe .number {
    margin-top: 20px;
    font-size: 13px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #0086FE;
    line-height: 18px;
    text-align: left;
}

.sales-intercept-butt {
    margin-top: 30px;
    display: inline-block;
    width: 100px;
    height: 35px;
    background: linear-gradient(315deg, #00BBF9 0%, #0086F1 100%);
    border-radius: 4px;
    font-size: 16px;
    /* font-family: PingFangSC-Medium, PingFang SC; */
    font-weight: 500;
    color: #FFFFFF;
    line-height: 35px;
    letter-spacing: 1px;
    cursor: pointer;
}

/* 浜у搧鎺ㄨ崘骞垮憡 */
.header-nav .mCSB_container {
    margin-right: 2.8%;
}

.header-nav .nav-head .header-right-nav .header-category-content {
    overflow: hidden;
}

.header-nav .nav-head .nav-sec {
    width: 92%;
}

.header-category-content .left {
    width: 68.8%;
    float: left;
    border-right: 1px solid #eeeeee;
}

.header-category-content .right {
    width: 29.2%;
    float: right;
}

.header-category-content .header_swip .h_title {
    font-weight: 700;
    margin-bottom: 22.5px;
}

.header-category-content .swip_img {
    position: relative;
}

.header-category-content .swip_img img {
    width: 100%;
}

.header-category-content .swip_img .mySwiper {
    overflow: hidden;
}
.header-category-content .swiper-container-horizontal>.swiper-pagination-bullets,
.header-category-content .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -20px;
}
.mCustomScrollBox>.mCSB_scrollTools {
    right: -5px;
}
.header-category-content .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
}


/* 鏂颁晶杈规爮start */
.susp{
    position: fixed;
    right: 25px;
    bottom: 20%;
    z-index: 999;
    transition: 0.5s;
}

.susp>div:first-child{
    opacity: 1;
}
.susp>div{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    /* cursor: pointer; */
}
.susp .zuo>div,.advisory-pc-personal,.susp_top {
    cursor: pointer;
}

.susp .susp_top{
    margin-top: 10px;
    opacity: 0;
}
.susp_act{
    opacity: 1 !important;
    /* transition: 0.5s; */
}
.susp>div>img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
}
.susp>div>.img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}
.susp>div>.img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
}
.susp .susp_tan{
    width: 380px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding-bottom: 20px;
    z-index: 2;
    right: -405px;
    transition: 0.5s;
}
.susp .susp_img{
    text-align: center;
    color: white;
    background:url("../images/new-index/susp_03.png");
    background-size: cover;
    padding: 65px 0;
}
.susp .susp_flx{
    display: flex;
    padding: 24px;
    justify-content: space-between;
    position: relative;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.susp_flx a{
    color: #2185ee;
    position: relative;
}
.susp_flx a:hover::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #2185ee;
    position: absolute;
    left: 0;
}
.susp_flx .zuo>div:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background-size: cover;
}
.susp_flx .zuo>div:first-child::before{
    width: 24px;
    height: 21px;
    background-image: url("../images/new-index/sus1_06.png");
}
.susp_flx .zuo>div:nth-child(2)::before{
    width: 24px;
    height: 19px;
    background-image: url("../images/new-index/sus2_10.png");
}
.susp_flx .zuo>div:nth-child(3)::before{
    width: 24px;
    height: 20px;
    background-image: url("../images/new-index/sus3_12.png");
}
.susp_flx .zuo>div{
    margin-bottom: 15px;
    position: relative;
}
.susp_flx .zuo>div:last-child{
    margin-bottom: 0px;
}
.susp_flx .peo{
    overflow: hidden;
    border-radius: 50%;
    width: 34px;
    height: 34px;
}
.susp_flx .peo img{
    width: 100%;
}
.susp_flx .sus_name{
    color: #2185ee;
    margin: 5px auto;
    line-height: 1;
}
.susp_flx>div{
    width: 48%;
}
.sus_des{
    color: #aaaaaa;
}
.susp_flx .wechat{
    position: absolute;
    left: -160px;
    top: 0;
    padding: 20px;
    background-color: white;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    width: auto;
    display: none;
}
.susp_flx .wechat div{
    color: #aaaaaa;
    text-align: center;
    margin-top: 10px;
}

/* 鏂颁晶杈规爮end */