@charset "utf-8";

/* ============================================================================================================================
													全局默认样式
===============================================================================================================================*/
body {
    position: relative;
    font-family: Arial , Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    color: #000000;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0px;
}

h4,h5,h6 {
    font-weight: normal;
}

ul,li,dd,dl,dt,ol {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

em,i {
    font-style: normal;
}

a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

a:hover,a:focus {
    color: #028dd8;
    text-decoration: none;
}

p{
    padding: 0px;
    margin: 0px;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

input,input:focus,button,button:focus,optgroup,option,select,textarea,textarea:focus {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
    box-shadow: none;
}
textarea::-webkit-input-placeholder , input::-webkit-input-placeholder{
    color: #333333!important;
    opacity: 1;
}
textarea:-moz-placeholder , input:-moz-placeholder{
    color: #333333!important;
    opacity: 1;
}
textarea:-moz-placeholder , input::-moz-placeholder{
    color: #333333!important;
    opacity: 1;
}
textarea:-moz-placeholder , input:-ms-input-placeholder{ 
    color: #333333!important;
    opacity: 1;
} 
.clearfix {
    clear: both;
}



/*============================================================================================================================
													bootstrap
===============================================================================================================================*/
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    padding: 0;
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
	display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
	display: none!important
}

@media (max-width:767px) {
	.visible-xs {
		display: block!important
	}

	table.visible-xs {
		display: table!important
	}

	tr.visible-xs {
		display: table-row!important
	}

	td.visible-xs,th.visible-xs {
		display: table-cell!important
	}
}

@media (max-width:767px) {
	.visible-xs-block {
		display: block!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline {
		display: inline!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline-block {
		display: inline-block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}

	table.visible-sm {
		display: table!important
	}

	tr.visible-sm {
		display: table-row!important
	}

	td.visible-sm,th.visible-sm {
		display: table-cell!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display: block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}

	table.visible-md {
		display: table!important
	}

	tr.visible-md {
		display: table-row!important
	}

	td.visible-md,th.visible-md {
		display: table-cell!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display: block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block!important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block!important
	}

	table.visible-lg {
		display: table!important
	}

	tr.visible-lg {
		display: table-row!important
	}

	td.visible-lg,th.visible-lg {
		display: table-cell!important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display: block!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline {
		display: inline!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline-block {
		display: inline-block!important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}

.visible-print {
	display: none!important
}

@media print {
	.visible-print {
		display: block!important
	}

	table.visible-print {
		display: table!important
	}

	tr.visible-print {
		display: table-row!important
	}

	td.visible-print,th.visible-print {
		display: table-cell!important
	}
}

.visible-print-block {
	display: none!important
}

@media print {
	.visible-print-block {
		display: block!important
	}
}

.visible-print-inline {
	display: none!important
}

@media print {
	.visible-print-inline {
		display: inline!important
	}
}

.visible-print-inline-block {
	display: none!important
}

@media print {
	.visible-print-inline-block {
		display: inline-block!important
	}
}

@media print {
	.hidden-print {
		display: none!important
	}
}
/* ============================================================================================================================
													flex
===============================================================================================================================*/
.flex {
    display: -webkit-flex; 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox;
    display: flex;
}
.d_center{
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.d_centers{
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.d_stretch{
    -webkit-align-items:stretch;
    -moz-align-items:stretch;
    -ms-align-items:stretch;
    align-items:stretch;
}
.d_between{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.d_betweens{
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.f-dir_row{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.f-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.f-nowrap{
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
}


/* ============================================================================================================================
													超出省略
===============================================================================================================================*/
.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ellipsis-2 {
    -webkit-line-clamp: 2;
}

.ellipsis-3 {
    -webkit-line-clamp: 3;
}

.ellipsis-4 {
    -webkit-line-clamp: 4;
}

.ellipsis-5 {
    -webkit-line-clamp: 5;
}

.ellipsis-6 {
    -webkit-line-clamp: 6;
}

.ellipsis-7 {
    -webkit-line-clamp: 7;
}

.ellipsis-8 {
    -webkit-line-clamp: 8;
}

.ellipsis-9 {
    -webkit-line-clamp: 9;
}

.ellipsis-10 {
    -webkit-line-clamp: 10;
}


/* ============================================================================================================================
													全局宽度
===============================================================================================================================*/

/* --宽度--*/
.container-fluid,
.banner-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

/* --内容宽度--*/
.container {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

/* --头部宽度--*/
.content_box {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
}

/* ============================================================================================================================
													page-翻页
===============================================================================================================================*/
.pagination {
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    clear: both;
}
.pagination>li{
    margin:3px 0;
    cursor: pointer;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #028dd8;
    border-color: #028dd8;
}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover,
.pagination>li>a,
.pagination>li>span {
    color: #333;
    padding: 8px 15px;
}

@media (max-width:992px) {
    .pagination {   
        margin: 0.3rem 0;
    }
    .pagination>li>a:focus, 
    .pagination>li>a:hover, 
    .pagination>li>span:focus, 
    .pagination>li>span:hover,
    .pagination>li>a,
    .pagination>li>span {
        padding:5px 11px;
    }
}

.next-map p {
    position: relative;
    margin-top: 4px;
}

.next-map p:last-child {
    position: relative;
}

.next-map p span {
    float: left;
    display: inline-block;
}

.next-map p .ellipsis-1 {
    display: inline-block;
}


/* ============================================================================================================================
													公共标题字体大小
===============================================================================================================================*/
.h1,.h2,.h3,.h4,.h5,.h6 {
    margin: 0;
    padding: 0;
    color: #262626;
}
h1 {
    font-size: 42px;
}
h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}
@media (max-width: 1440px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }
}

@media (max-width: 640px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 14px;
    }
}

/* ============================================================================================================================
													title
===============================================================================================================================*/
.h_title{
    font-family: Robotob sans-serif;
    font-size: 0.72rem;
    font-weight: bold;
    line-height: 0.8rem;
    text-transform: capitalize;
    color: #666666;
}
.h_title span{
    color: #028dd8;
}
/* ==============================================
				guide_title
============================================== */
.guide_title{
    position: relative;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.guide_title.center{
    justify-content: center;
}
.guide_title ._title{
    padding-top: 0.2rem;
    font-family: Robotob sans-serif;
    line-height: 0.8rem;
    font-size: 0.72rem;
    color: #333333;
}
.guide_title ._txt{
    font-size: 0.18rem;
    line-height: 0.28rem;
    position: absolute;
    right: 0;
    bottom:0.15rem;
    width: 4.86rem;
}
.guide_title.center ._txt{
    display: none;
}

.guide_title>div{
    overflow: hidden;
    padding-right:0.4rem;
}
.guide_title.center>div{
    padding-left:0.4rem;
}
.guide_title h2{
    margin-top: -0.2rem;
    font-size: 0.72rem;
    color: #333333;
}
.guide_title h2 span , .guide_title p span{
    color: #028dd8;
}
.guide_title p{
    display: inline-block;
    position: relative;
    padding-bottom: 0.14rem;
}
.guide_title p::after{
    position: absolute;
    bottom: 0;
    right:-0.4rem;
    content: '';
    width: 1.14rem;
    height: 1.31rem;
    background: url(../images/title_icon.svg) no-repeat center;
    background-size: cover;
}
@media (max-width:767px) {
    .guide_title.center{
        justify-content: flex-start;
    }
    .guide_title.center>div{
        padding-left: 0;
    }
    .guide_title ._txt{
        margin-top: 0.3rem;
        position: relative;
        width: 100%;
        font-size: 0.24rem;
        line-height: 1.5;
    }
}


/* ============================================================================================================================
													more-更多按钮
===============================================================================================================================*/
.more ,.more:hover{
    width: 1.54rem;
    height: 0.42rem;
    border-radius: 1rem;
    background: #028DD8;
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 0.16rem;
    text-transform: capitalize;
    transition: all .5s;
    line-height:0.42rem;
}
.more img{
    width:14px;
    text-align: right;
}
.more:hover{
    font-size:0.17rem;
}
@media (max-width:1440px) {
    .more{
        width:1.8rem;
        height:0.6rem;
        line-height:0.6rem;
        font-size:0.24rem;
    }
}
@media (max-width:767px) {
    .more{
        width:2.4rem;
        height:0.76rem;
         line-height:0.76rem;
        font-size:0.28rem;
    }
    .more:hover{
        font-size:0.3rem;
    }
}

/* ============================================================================================================================
													浮动
===============================================================================================================================*/
.fr {
    float: right;
}

.fl {
    float: left;
}

/* ============================================================================================================================
													更改swiper样式
===============================================================================================================================*/
/* .swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
    content: ""
}

.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
    content: ""
} */
.swiper-button-disabled{
    cursor:no-drop!important;
}


/* ============================================================================================================================
													banner-container内页海报
===============================================================================================================================*/
.banner-container{
    position: relative;
    overflow: hidden;
}
.banner-container img{
    width: 100%;
}
.banner-container ._main{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 100%;
}
.banner-container h2{
    color: #FFFFFF;
    font-size: 0.9rem;
    font-weight: bold;
    font-family: Robotob sans-serif;
}
@media (max-width:767px) {
    .banner-container h2{
        font-size:0.6rem;
    }
}

/* ============================================================================================================================
												header-box
===============================================================================================================================*/
.header-box{
    position: relative;
    width: 100%;
    z-index: 999;
    height: 90px;
}
.header-boxs{
    height: auto;
}
.header-box .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #ffffff;
    transition: 0.68s;
}
.header-box .header_fixed{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.header-box .header>.container {
    height:90px;
}
.header-boxs .header>.container {
    height: 70px;
}

.header-box .header .logo,
.header-box .header .logo a {
    display: block;
    max-width: 180px;
}
.header-box .header .logo ._show{
    display: none;
}
.header-box ._right {
    flex: 1;
    height: 70px;
}

.header-box .nav-box {
    padding-left: 0.3rem;
    float: right;
    display: flex;
    justify-self: flex-end;
    background-color: #ffffff;
}


/* --nav--*/
.nav>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.nav ul .navli {
    position: relative;
    text-align: center;
    font-size: 0.2rem;
    font-weight: normal;
}

.nav ul .navlia {
    position: relative;
    color: #333333;
    display: block;
    margin: 0 0.26rem;
    position: relative;
    font-size: 0.2rem;
    line-height: 70px;
    height: 70px;
    font-weight:bold;
}

.nav ul .navlia::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height:3px;
    background-color: #028dd8;
    transition: 0.45s;
    display: block;
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
}

.nav ul .navli:hover .navlia::after,
.nav ul .navli.on .navlia::after {
    width: 100%;
    opacity: 1;
}

.nav ul .navli:hover .navlia,
.nav ul .navli.on .navlia {
    color: #028dd8;
}

/*--navsub--*/
.nav ul .navsub,
.nav ul .navsub_product {
    position: absolute;
    top:70px;
    width: 180px;
    left:0;
    visibility: hidden;
}
.nav ul .navli:hover .navsub_box {
    visibility: visible;
}
.nav ul .navsub_box::after {
    position: absolute;
    display: block;
    content: '';
    top: 0px;
    left: 0;
    background-color: #f4f4f4;
    transform-origin: 0 0;
    transform: scaleY(0);
    transition: all .6s cubic-bezier(.25, .74, .22, .99);
    width: 100%;
    z-index: -1;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
}

.nav ul .navli:hover .navsub_box::after {
    height: 100%;
    transform: scaleY(1);
}

.nav ul .navsub .container {
    position: relative;
    z-index: 2;
}

.nav ul .navsub li {
    text-align: left;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dedede;
    -webkit-transition: all 0s 0s ease-in;
    transition: all 0s 0s ease-in;
}

.nav ul .navli:hover .navsub li {
    -webkit-transition: all .2s .3s ease-in;
    transition: all .2s .3s ease-in;
}

.nav ul ol.navsub {
    overflow: hidden;
}

.nav ul .navsub a {
    padding: 0 0.26rem;
    font-size: 0.16rem;
    line-height: 0.48rem;
    color: #333333;
}

.nav ul .navsub a:hover {
    color: #028dd8;
}

/*--navsub_product--*/
.nav ul .navsub_product {
    padding: 30px;
    position: fixed;
    width: 100%;
    top:80px;
    overflow: hidden;
}

.nav ul .navsub_product .container {
    position: relative;
    z-index: 2;
    max-width: 1100px;
}

.navsub_product li {
    transform: translateY(30px);
    padding: 10px;
}

.navsub_product li a {
    display: block;
    padding: 5px;
    border-radius: 8px;
    background-color: #ffffff;
}

.navsub_product li a:hover {
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06);
}

.nav ul .navli:hover .navsub_product li {
    transform: translateY(0px);
    transition: all 0.1s linear;
}

.navsub_product .navsub_product_banner {
    overflow: hidden;
}

.navsub_product .next-btn {
    right: -0.6rem;
}

.navsub_product .prev-btn {
    left: -0.6rem;
}

.navsub_product .swiper-button-disabled {
    opacity: 0;
}

.navsub_product .pic_img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
}

.navsub_product li:hover .pic_img {
    transform: scale(0.85);
    transition: transform 0.3s ease;
}

.navsub_product li p {
    width: 100%;
    text-align: center;
    padding: 0 0.1rem;
    font-size: 0.16rem;
}

.header_btn {
    margin-left: 0.3rem;
}

.header_btn ._btn {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/_icon.svg) no-repeat center right 0;
    margin: 0 0.1rem;
}

.header_btn ._lang {
    cursor: pointer;
    background: url(../images/_icon.svg) no-repeat center left 0px;
}

.header_btn .lang_box {
    position: absolute;
    top:24px;
    width: 130px;
    background-color: #ffffff;
    overflow: hidden;
    display: none;
    z-index: 999;
    right: -0.7rem;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

.header_btn ._lang:hover .lang_box {
    display: block;
}
.header_btn .lang_box a {
    width: 100%;
    padding: 10px 0.2rem;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
}

.header_btn .lang_box img {
    width: 20px;
    margin-right: 5px;
}

.header-box .lang_box {
    display: none;
}

.header-box ._phone {
    line-height: 70px;
    width: 134px;
    background-color: #028dd8;
    color: #ffffff;
    margin-left: 0.1rem;
    font-size: 16px;
}

@media (min-width:1200px) and (max-width:1400px) {

    .header-box .header .logo,
    .header-box .header .logo a {
        max-width: 150px;
    }

    .nav ul .navli,
    .nav ul .navlia {
        font-size: 16px;
    }

    .nav ul .navsub a {
        padding: 0 15px;
        font-size: 14px;
        line-height: 44px;
    }

    .navsub_product li p {
        font-size: 14px;
    }

    .header_btn ._btn {
        width: 20px;
        height: 20px;
        background-size: 46px 16px;
        margin: 0 0.05rem;
    }
    .header_btn .lang_box {
        top:20px;
    }
    .header-box ._phone {
        font-size: 14px;
        width: 120px;
    }
}

@media (max-width:1199px) {
    .header-box .header .logo,
    .header-box .header .logo a,
    .header-box .header .logo img {
        height:32px;
        width: auto;
        max-width: 100%;
        position: relative;
        z-index: 10;
    }
    .header-box,
    .header,
    .header-box .header>.container{
        height: 60px;
    }

    /* --头部右边样式--*/
    .header_btn{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index: 10;
    }
    .header_btn ._tel{
        width: 30px;
        height: 30px;
        margin-right: 0.3rem;
    }
    /* --导航按钮样式--*/
    .mnav-btn ._on,
    .mnav-btn .on ._up {
        display: none;
    }

    .mnav-btn ._up,
    .mnav-btn .on ._on {
        display: block;
    }

    .mnav-btn>div img {
        height:20px;
    }
    /* --lang--*/   
    .lang_tc{
        height: 50px;
        padding: 0 4%;
        display: flex;
    }
    .lang_tc a{
        display: flex;
        margin-right: 0.4rem;
        align-items: center;
    }
    .lang_tc img{
        width: 20px;
        margin-right:4px;
    }


    /* --导航展示样式--*/
    .mnav {
        display: none;
        position: absolute;
        width:140px;
        margin-right: 0;
        height: calc(100vh - 60px);
        top: 60px;
        right: 0;
        padding: 20px 0;
        background: #fff;
        background-color: rgba(255, 255, 255, 0.95);
        transition: none;
    }
    .mnav::before{
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .mnav ul {
        display: block;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .mnav .mnavli {
        display: block;
        width: 100%;
        opacity: 0;
        transform: translateY(32px);
        transition: transform .4s ease, opacity .4s ease;
        padding: 0;
        position: relative;
    }

    .mnav.navon .mnavli {
        opacity: 1;
        transform: translateY(0);
    }

    .mnav .mnavlia {
        height: 50px;
        padding: 0  0 0 10px;
        position: relative;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #333333;
        transition: color .4s ease;
    }

    .mnav .on .mnavlia {
        color: #028dd8;
    }

    .mnav .mnavli i {
        display: block;
        width:50px;
        height:50px;
        position: absolute;
        z-index: 9;
        right: 0;
        top: 0;
        background: url(../images/nav.svg) no-repeat center /16px auto;
    }

    .mnav .mnavli .son {
        transform: rotate(180deg);
    }

    .mnav .m_navsub {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        overflow: hidden;
        padding:8px 0;
        text-align: left !important;
        background: #313131;
        font-size: 0;
    }

    .mnav .m_navsub a {
        display: inline-block;
        line-height: 20px;
        text-align: left;
        width: 100%;
        margin: 0;
        vertical-align: middle;
        font-size: 14px;
        color: #fff;
        transition: color .4s ease;
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: 6px 10px;
    }
}

@keyframes breath1 {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0;
      transform: scale(2.5);
    }
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }
  @-moz-keyframes breath1 {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0;
      transform: scale(2.5);
    }
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }
  @-o-keyframes breath1 {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0;
      transform: scale(2.5);
    }
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }
  @-webkit-keyframes breath1 {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0;
      transform: scale(2.5);
    }
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
}
/* ============================================================================================================================
	按钮样式
===============================================================================================================================*/
.guide_contact{
    position: relative;
    padding:1.2rem 0;
    overflow: hidden;
    width: 100%;
}
.guide_contact ._bg{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.guide_contact .container{
    position: relative;
    z-index: 2;
    text-align: center;
    color: #ffffff;
}
.guide_contact ._con{
    font-size: 0.72rem;
    font-weight: bold;
    line-height: 0.9rem;
}
.guide_contact p{
    font-size: 0.24rem;
    line-height: 0.34rem;
    margin:0.15rem 0 0.3rem;
}
.guide_contact .more{
    color: #028dd8;
    background-color: #ffffff;
    margin: auto;
    width:2.54rem;
    height: 0.7rem;
    font-size: 0.26rem;
}
.guide_contact  .more:hover{
    font-size:0.28rem;
}
.guide_contact  .more img{
    width: 8px;
    margin-left: 0.1rem;
}
/* .goback{
    position:fixed;
    right:1%;
    bottom:40%;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 2px;
    overflow: hidden;
    z-index: 999;
    cursor: pointer;
    transition: all .5s;
    display: none;
}
.goback:hover{
    bottom:40.5%;
}
.goback img{
    width: 100%;
} */
@media (max-width:767px) {
    .guide_contact ._con{
        font-size:0.6rem;
        line-height:0.72rem;
    }
    .guide_contact p{
        font-size:0.26rem;
    }
    .guide_contact  .more{
        font-size:0.28rem;
    }
    .guide_contact  .more img{
        width:6px;
    }
    /* .goback{
        display: none!important;
    } */
}

/*===========================================================================
	                            float_btn
==============================================================================*/
.float_btn{
    position:fixed;
    right:5px;
    bottom:10%;
    width: 130px;
    border-radius: 5px;
    /*overflow: hidden;*/
    z-index: 999;
    cursor: pointer;
    transition: all .5s;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    color: #666;
    display: block;
    box-shadow: -1px 2px 5px 0px rgba(225,225,225,.6);
    font-size: 16px;
}

.float_btn .container{
    position: relative;
}

.float_btn .container .msg{
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.float_btn .container .msg .content{
    display: none;
    position: absolute;
    top: 3px;
    left: -165px;
    background: #fff;
    border-radius: 8px;
    transition: all .5s;
    padding: 5px 0;
    width: 150px;
}

.float_btn .container .msg:hover .content{
    display: block;
}
/*.float_btn .container .first{*/
/*    margin-top: 20px;*/
/*}*/

.float_btn .container .icon{
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.float_btn .container .qr{
    padding: 8px 0;
}

.float_btn .container .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
}

/*============================================================================================================================
	guide_footer
===============================================================================================================================*/
.footer_box{
    overflow: hidden;
}
.guide_footer{
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}
.guide_footer::after{
    content: '';
    display: block;
    width:3.74rem;
    height:4.32rem;
    z-index:1;
    position: absolute;
    bottom:-1.2rem;
    right:0;
    background: url(../images/footer.png) no-repeat center/100%;
}
.guide_footer .footer-main{
    position: relative;
    z-index: 2;
    margin:0.7rem 0 0.5rem;
    overflow: hidden;
}
.footer-main ._left{
    width:30%;
    max-width:450px;
}
.footer-main ._left ._logo{
    width:1.8rem;
    margin-bottom: 0.4rem;
}
.footer-main ._left ._info .flex:nth-child(3){
    margin-bottom: 0.3rem;
}
.footer-main ._left ._info>div{
    margin-top:0.05rem;
}
.footer-main ._left .flex p{
    margin:0 0 0.04rem;
    flex: 1;
    overflow: hidden;
}
.footer-main ._left ._info>div img{
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.12rem;
}
.footer-main ._left p{
    font-family:Arial;
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin:0 0 0.3rem;
}
.footer-main ._left span{
    font-size: 0.18rem;
    line-height: 1;
    color: #000000;
}
.footer-main ._left ._info>div p span{
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #333333;
    display:inline-block;
    margin-right: 0.04rem;
}
.footer-nav{
    overflow: hidden;
}
.footer-nav ._nav{
    float: right;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
}
.footer-nav .item{
    width: 33.33%;
    padding-left: 0.3rem;
    margin-bottom: 0.3rem;
    text-transform: capitalize;
}
.footer-nav .navsub a{
    font-size: 0.16rem;
    line-height: 0.36rem;
    color: #999999;
}
.footer-nav .item_a{
    font-size: 0.24rem;
    font-weight: bold;
    color: #333333;
}

.footer_bottom{
    position: relative;
    z-index: 10;
    background-color: #028dd8;
    height: 0.7rem;
    color: #ffffff;
}

.footer_bottom ._right a{
    color: #ffffff;
}

.footer_bottom .flex{
    width: 100%;
    overflow: hidden;
    font-size: 18px;
    line-height:0.7rem;
}
.footer_bottom ._left a{
    float: left;
    margin-right: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #ffffff;
}
.footer_bottom ._left a img{
    height: 50%;
}
@media (max-width:1440px) {
    .footer_bottom .flex ,.footer-nav .navsub a{
        font-size:14px;
    }
    .footer-nav .item_a{
        font-size:18px;
        line-height:30px;
    }
}
@media (max-width:767px) {
    .footer_bottom , .footer-nav{
        display: none;
    }
    .guide_footer::after{
        height: 0;
    }
    .footer-main ._left{
        width: 100%;
        max-width: 100%;
    }
    .footer-main ._left span{
        font-size: 0.26rem;
    }
    .footer-main ._left ._info>div p span{
        font-size: 0.4rem;
        line-height: 0.48rem;
    }
    .footer-main ._left p{
        font-size: 0.34rem;
        line-height: 0.42rem;
        margin-bottom: 0.2rem;
    }
    .footer-main ._left ._info .flex:nth-child(3) {
        margin-bottom: 0.2rem;
    }
    .footer-main ._left ._logo{
        width: 2.52rem;
        margin:0 0 0.2rem;
    }
    .footer-main ._left ._info>div img{
        width: 0.48rem;
        height: 0.48rem;
    }
    .guide_footer .footer-main{
        margin-bottom: 0.3rem;
    }
    .guide_footer {
        padding-bottom: 64px;
    }
}
/*==============================================================================================*/
/*手机底导航
/*==============================================================================================*/
.footer_bnav{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:998;
    background-color: #ffffff;
    height: 50px;
    display: block;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.25);
}

.footer_bnav ul {
    position: relative;
    display: block;
}

.footer_bnav ul li {
    float: left;
    width: 20%;
    height: 50px;
    text-align: center;
    overflow: hidden;
}

.footer_bnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_bnav ul li span {
    position: relative;
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: 6px auto 5px;
    overflow: hidden;
}

.footer_bnav ul li:nth-child(3) span {
    position: absolute;
    top: -1.6em;
    width: 5.2em;
    height: 5.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.footer_bnav ul li:nth-child(3) p {
    display: none;
}

.footer_bnav ul li span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    height: 100%;
}

/*.footer_bnav ul li span ._on,
.footer_bnav ul li.on span img {
    display: none;
}

.footer_bnav ul li.on span img._on {
    display: block;
}*/

.footer_bnav ul li p {
    color: #2e2e2e;
    text-align: center;
    font-size:14px;
    line-height:16px;
    margin: 0;
}

.footer_bnav ul li:nth-child(3) span img {
    position: relative;
    width: 100%;
    height: auto;
}
/* ============================================================================================================================
	按钮样式
===============================================================================================================================*/
.ash-prev,.ash-next{
    position: absolute;
    top: 50%;
    transform: translate(0 ,-50%);
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}
.ash-prev{
    left:0;
    border: 1px solid #999999;
}
.ash-prev img{
    width:50%;
    margin-right: -5%;
}
.ash-next{
    right:0;
    background-color: #028dd8;
}
.ash-next img{
    width:50%;
    margin-left: -5%;
}
@media (max-width:767px) {
    .ash-prev,.ash-next{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 0.8rem;
    }
}
/* ============================================================================================================================
	数字滚动样式
===============================================================================================================================*/
.number_box{
    overflow: hidden;
}
.number_box ul{
    display: flex;
}
.number_box ul li{
    flex: 1;
    overflow: hidden;
    padding: 0 0.36rem;
    border-right: 1px solid #CCCCCC;
}
.number_box ul ._top{
    display: flex;
    align-items:center;
    justify-content: space-between;
    font-family: Robotob sans-serif;
}
.number_box ul ._top img{
    height: 0.32rem;
}
.number_box ul ._number{
    display: flex;
    align-items: stretch;
    color: #028dd8;
    line-height: 1;
}
.number_box ul h3 ,.number_box ul span{
    font-size: 0.4rem;
    line-height: inherit;
}
.number_box ul em{
    margin-left: 5px;
}
.number_box ul p{
    font-size: 0.18rem;
    color: #999999;
    font-weight: 500;
}
@media (max-width:767px) {
    .number_box{
        display: none;
    }
}

/* ============================================================================================================================
												crumb-box
===============================================================================================================================*/
.crumb-box{
    position: relative;
    margin:0.2rem 0 0;
}
.crumb-box .crumb{
    position: relative;
    overflow: hidden;
}
.crumb-box li{
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #999999;
    padding:0.2rem 0;
    width: auto;
    margin-bottom:-1px;
    border-bottom:4px solid rgba(0, 0, 0, 0)
}
.crumb-box li.active{
    color: #333333;
    border-bottom:4px solid #028DD8;
}
@media (max-width:1080px) {
    .crumb-box li{
        font-size: 0.32rem;
        line-height: 0.44rem;
    }
}
.crumb-box .a_crumb{
    border-bottom: 1px solid #D8D8D8;
}
.crumb-box .p_crumb{
    max-width: 100%;
    margin:0.4rem 0 0 0.5rem;
}
.crumb-box .p_crumb li{
    padding:5px 0;
}


/* ============================================================================================================================
												加载与无数据提示
===============================================================================================================================*/
._ts{
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 0.3rem 0;
    color: #999999;
}
._ts img{
    width:60px;
}

.c_b {
    clear: both;
    margin-bottom: 0.4rem;
}
@media (max-width:992px) {
    .c_b {
        margin-bottom:0.2rem;
    }
}

/* ============================================================================================================================
											solution_main
===============================================================================================================================*/
.solution_main .swiper-slide{
    overflow: hidden;
}
.solution_main .swiper-slide ._main{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    z-index: 10;
}
.solution_main .swiper-slide ._content{
    width: 100%;
    position: relative;
    overflow: hidden;
    height:7.68rem;
}
.solution_main ._bg{
    display: block;
    position: relative;
    height:7.68rem;
    width: 100%;
    object-fit: cover;
}
.solution_main ._pic{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.solution_main .drop{
    z-index:5;
    position: absolute;
    font-size: 0.24rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    height:22px;
}
.solution_main .drop .txt{
    position: absolute;
}
/*--item1--*/
.solution_main .item1 .drop .txt{
    top:-0.08rem;
    right:40px;
    white-space:nowrap;
}
.solution_main .item ._pic{
    width:65%;
    max-width:1248px;
}
/*--item2--*/
.solution_main .item2 .drop .txt{
    left:40px;
    width: 2.89rem;
}
.solution_main .item2 .drop{
    left:5%;
}
.solution_main .item2 .drop4,
.solution_main .item2 .drop5{
    left:auto;
    right:12%;
}
.solution_main .item2 ._pic{
    width:6.08rem;
    max-width:680px;
}
/*--item3--*/
.solution_main .item3 ._pic{
    width:60%;
    max-width: 1152px;
}
.solution_main .item6 .drop,
.solution_main .item3 .drop{
    color: #333333;
    width:3rem;
    line-height:0.3rem;
}
.solution_main .item5::after,
.solution_main .item6::after,
.solution_main .item3::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height:2rem;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

/*--breath-*/
.solution_main .breath{
    display: block;
    position: relative;
    z-index: 5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    border: 8px solid #028dd8;
    background-color: #ffffff;
    margin:0 0.1rem;
}
.solution_main .breath::before, .solution_main .breath::after {
    z-index: 4;
    content: "";
    position: absolute;
    left:-100%;
    top:-100%;
    width:300%;
    height:300%;
    background: #028dd8;
    border-radius: 50%;
    opacity: 0;
}
.solution_main .breath::before {
animation: breath1 3s ease-in-out 1s infinite normal forwards;
}
.solution_main .breath::after {
animation: breath1 3s ease-in-out 0s infinite normal forwards;
}

/*--item4--*/
.solution_main .item4 ._main{height: auto;}
.solution_main .item4 ._main ._ul{width:94%; height:auto; margin: auto; max-width: 1600px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.solution_main .item4 ._main p{ width: 100%; text-align: center; position: relative; top: 0; margin:4% 0 8%;}
.solution_main .item4 ._main .drop{position: relative; margin: 0.3rem 0;}
.solution_main .item4 ._main .drop:nth-of-type(even){margin-left:60%;}
.solution_main .item4 .drop{ flex-direction:row-reverse; justify-content: flex-start}
.solution_main .item4 .drop .txt{position: relative; width:2.2rem;}

/*--item6--*/
.solution_main .item6 ._pic{ width:48%;  max-width: 920px;  left: 0; transform: translate(0,-50%);}
.solution_main .item6 ._main{width: 94%; max-width: 1600px; }
.solution_main .item6 ._main ._ul{ float: right; margin-right: 10%; transform: translate(0,50%); display: flex; align-items:center; flex-direction: column; justify-content:space-between; }
.solution_main .item6 ._main p{ width: 100%; text-align:center; position:relative; top: 0; margin:4% 0 8%;}
.solution_main .item6 ._main .drop{position: relative; margin: 0.3rem 0;width:auto;}
.solution_main .item6 .drop{ flex-direction:row-reverse; justify-content: flex-start}
.solution_main .item6 .drop .txt{position:relative;  width:3.7rem;}


@media (min-width:768px) {
    /*--item1--*/
    .solution_main .item1 ._ul{width:100%; overflow: hidden;}
    .solution_main .item1 .drop1{top:23.5%; left:24.6%;}
    .solution_main .item1 .drop2{top:23.8%;left: 45.2%;}
    .solution_main .item1 .drop3{top:15.6%;left: 50.6%;}
    .solution_main .item1 .drop4{top:17.5%;right: 36.8%;}
    .solution_main .item1 .drop5{top:30.6%;right: 32%;}
    .solution_main .item1 .drop4 .txt,
    .solution_main .item1 .drop5 .txt{right:auto; left: 40px;}
    /*--item2--*/
    .solution_main .item2 .drop1{top:40%;}
    .solution_main .item2 .drop2{top:50%;}
    .solution_main .item2 .drop3{top:60%;}
    .solution_main .item2 .drop4{top:45%;}
    .solution_main .item2 .drop5{top:55%;}
    /*--item3--*/
    .solution_main .item3 .drop1{top:5.8%; left:33%;}
    .solution_main .item3 .drop1 .txt{left:40px; top:50%; transform: translate(0,-50%); }
    .solution_main .item3 .drop2{top: 27%; left:39.6%;}
    .solution_main .item3 .drop2 .txt{left:-35%;  margin-bottom:80px; max-width: 2.62rem; text-align: center;}
    .solution_main .item3 .drop3{top:27%; left:52.5%;}
    .solution_main .item3 .drop3 .txt{left:-38%;  margin-bottom:52px; max-width:3rem; text-align: center;}
    .solution_main .item3 .drop4{top: 44.8%; left: 56.5%;}
    .solution_main .item3 .drop4 .txt{margin: 0 0 50px -50%; transform: translate(22%, 0); max-width:3rem; text-align: center;}
    .solution_main .item3 .drop5{top: 25%; right:15.8%;}
    .solution_main .item3 .drop5 .txt{margin: 0 0 50px 0; max-width:3rem;}
     /*--item5--*/
    .solution_main .item5 ._pic{width:38.6%; max-width:742px; margin-left:7%;}
    .solution_main .item5 .drop .txt{position: relative;}
    .solution_main .item5 .drop1{top:14.4%; left:38.5%;}
    .solution_main .item5 .drop2{top:21.6%; left:25.8%;}
    .solution_main .item5 .drop3{top:41.2%; left:29%;}
    .solution_main .item5 .drop4{top:64.2%; left:23.5%;}
}
@media (min-width:768px) and (max-width:991px) {
    .solution_main .item1 .drop1{ top: 26%;  left:23.8%;}
    .solution_main .item1 .drop2{ top:28%;}
    .solution_main .item1 .drop3{top:21%;
    }
    .solution_main .item1 .drop4{top:22%;}
    .solution_main .item1 .drop5{top: 33.3%;}
    /*--item2--*/
    .solution_main .item2 .drop4,
    .solution_main .item2 .drop5{right:15%;}
    /*--item3--*/
    .solution_main .item3 .drop1{top:14.8%;}
    .solution_main .item3 .drop2{top: 31%; left:38.6%;}
    .solution_main .item3 .drop3{top: 31%; left:51.5%;}
    .solution_main .item3 .drop4{top: 44.8%;left:55.5%;}
    .solution_main .item3 .drop5{top: 29%; right:11.8%;}
    /*--item5--*/
    .solution_main .item5 .drop1{top:19.4%; left:34.5%;}
    .solution_main .item5 .drop2{top:25.6%; left:21.8%;}
    .solution_main .item5 .drop3{top:41.2%; left:25.5%;}
    .solution_main .item5 .drop4{top: 60.2%; left: 18.8%;}
} 
@media (max-width:767px) {
    .solution_main{
        margin-top:0.2rem;
    }
    .solution_main .swiper-slide ._main{
        overflow-y:inherit!important;
        height: 100%;
    
    }
    .solution_main ._main p{
        text-align: center;
        color: #FFFFFF;
        font-size: 0.36rem;
        margin:1rem 0 0.7rem!important;
    }
    .solution_main .drop .txt{
        margin-top:0.03rem;
        line-height:0.36rem;
        height: 100%;
    }
    .solution_main .drop{
        height: 16px;
    }
    /*--item1--*/
    .solution_main .item1 ._pic{
        width:90%;
        transform: translate(-50%,-40%);
    }
    .solution_main .item1 .drop1{bottom:16.5%;left: 19.9%;}
    .solution_main .item1 .drop2{ bottom:21%; left:50%; }
    .solution_main .item1 .drop3{top:29%; left: 47%;     }
    .solution_main .item1 .drop4{top:29.1%; right: 36.5%;}
    .solution_main .item1 .drop5{top:38.5%;  right: 22%;}
    .solution_main .item1 .drop .txt,
    .solution_main .item2 .drop .txt{right:auto;  left:30px;}
    .solution_main .item1 .drop3 .txt{left:auto; right:30px; }
    .solution_main .item1 .drop1 .txt {left: -100%; margin-top:24px;}
    /*--item2--*/
    .solution_main .item2 ._pic{ width:60%; }
    .solution_main .item2 .drop4,.solution_main .item2 .drop5{right:35%;}
    .solution_main .item2 .drop1,.solution_main .item2 .drop4{bottom:24%;}
    .solution_main .item2 .drop2{bottom:16%;}
    .solution_main .item2 .drop3,.solution_main .item2 .drop5{bottom:8%;}
    /*--item3--*/
    .solution_main .item3 p{color: #333333;}
    .solution_main .item3 ._pic{width:90%; transform: translate(-50%,-40%);}
    .solution_main .item3 .drop1{top:21.8%; left:8.2%;}
    .solution_main .item3 .drop1 .txt{left: 32px; top:50%; width:4rem; transform:translate(0,-50%);}
    .solution_main .item3 .drop2{top:46.7%;left:45.3%;}
    .solution_main .item3 .drop2 .txt{left:-35%;  margin-bottom:80px; max-width: 2.62rem; text-align:center;}
    .solution_main .item3 .drop3{bottom:15%;left:19.5%;}
    .solution_main .item3 .drop3 .txt{left:-38%;  margin-top:52px; max-width:3rem; text-align:center;}
    .solution_main .item3 .drop4{top: 45%; left: 66%;}
    .solution_main .item3 .drop4 .txt{margin: 0 0 50px -0.3rem; max-width:3rem; text-align:center;}
    .solution_main .item3 .drop5{bottom:18%; right:-7.1%;}
    .solution_main .item3 .drop5 .txt{margin:50px 0 0 -0.3rem; max-width:3rem;}
    /*--item4--*/

    .solution_main .item4 ._main .drop:nth-of-type(even){margin-left:5%;}
    /*--item5--*/
    .solution_main .item5 ._pic{width:70%; transform: translate(-36%,-29%);}
    .solution_main .item5 .drop .txt{position: relative; text-align: right; width:1.7rem;}
    .solution_main .item5 .drop1{top:25%; left:54.9%;}
    .solution_main .item5 .drop1 .txt{width: 3rem; position:absolute; text-align:left; margin-left:32px;}
    .solution_main .item5 .drop2{top: 31.6%; left:16.5%;}
    .solution_main .item5 .drop3{top:47.2%; left:4.6%;}
    .solution_main .item5 .drop4{top:73.2%; left:1%;}
    /*--item6--*/
    .solution_main .item6 ._pic{ width:90%;  max-width: 920px; left:0; transform: translate(0,-26%);}
    .solution_main .item6 ._main ._ul{float:left; width:95%; margin:0 0 0 5%; flex-wrap: wrap; flex-direction: inherit; transform: translate(0,0);}
    .solution_main .item6 ._main p{ width: 100%; text-align:center; position:relative; top: 0; margin:12% 0 2%; color: #333333;}
    .solution_main .item6 ._main .drop{position: relative; margin: 0.3rem 0;width:auto;}
    .solution_main .item6 .drop{ flex-direction:row-reverse; justify-content: flex-start}
    .solution_main .item6 .drop .txt{width:2.3rem;}
    /*--breath-*/
    .solution_main .breath{
        width:16px;
        height:16px;
        border:5px solid #028dd8;
    }
    .solution_main .breath::before, .solution_main .breath::after {
        left:-70%;
        top:-70%;
        width:240%;
        height:240%;
    }
}
.solution_main .decorate{
    position: relative;
    z-index: 3;
}
.solution_main .decorate span{
    display: block;
    float: left;
    width:16.66%;
    height: 1px;
    position: relative;
}
.solution_main .decorate span::before{
    content: '';
    position: absolute;
    height:100vh;
    width: 1px;
    right: 0;
    top:-100vh;
    background-color: #D8D8D8;
    opacity: 0.2;
}

/* ============================================================================================================================
												article_box
===============================================================================================================================*/
.article_box{
    position: relative;
    margin:0.3rem 0 0.5rem;
}
.article_box  ._list{
    margin:0;
    width:100%;
}
.article_box  ._list li{
    width: 33.33%;
    padding:0.4rem 0.4rem 0;
    overflow: hidden;
    border-right: 1px solid #D8D8D8;
}
.article_box ._list li:hover{
    background: #F5F5F5;
    box-shadow:0px 20px 40px 0px rgba(24, 40, 79, 0.2);
}
.article_box  ._list li a{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #9E9E9E;
}
.article_box  ._list li ._pic{
    width:100%;
    padding-top:44%;
    position: relative;
    overflow: hidden;
    height: auto;
}
.article_box  ._list li ._pic img{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:auto;
}
.article_box  ._list li h3{
    margin: 0.3rem 0;
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 0.68rem;
    color: #333333;
}
.article_box  ._list li p{
    margin:0 0 0.3rem;
    height: 0.56rem;
}
.article_box  ._list li ._date{
    padding-bottom:0.4rem;
    border-bottom: 1px solid #D8D8D8;
}
.article_box ._list li:hover ._date{
    border-bottom: 1px solid #f5f5f5;
}
.article_box  ._list li ._more{
    color: #028dd8;
    text-transform: capitalize;
}
@media (max-width:1080px) {
    .article_box  ._list li h3{
        font-size: 0.36rem;
        line-height: 0.42rem;
        height: 0.84rem;
    }
    .article_box  ._list li a{
        font-size: 0.26rem;
        line-height: 0.32rem;
    }
    .article_box  ._list li p{
        height:0.64rem;
    }
}
@media (min-width:992px) {
    .article_box  ._list li:nth-child(3n){
        border-right:0;
    }
}
@media (max-width:992px) {
    .article_box  ._list li{
        width:50%;
    }
    .article_box  ._list li:nth-child(2n){
        border-right:0;
    }
}
@media (max-width:767px) {
    .article_box  ._list li{
        width:100%;
        padding: 0;
        margin: 0.2rem 0;
        border: none;
    }
    .article_box  ._list li h3{
        height:auto;
        max-height: 0.84rem;
        margin: 0.3rem 0 0.2rem;
    }
    .article_box  ._list li p{
        height:auto;
        max-height: 0.64rem;
    }
}
/* ============================================================================================================================
													multi_box
===============================================================================================================================*/
.multi_box{
    position: relative;
    overflow: hidden;
    margin:0.3rem 0;
}
.multi_box  ._list{
    overflow: hidden;
    width:100%;
}
.multi_box  ._list li{
    width: 33.33%;
    padding:0.3rem;
    overflow: hidden;
    background-color: #f5f5f5;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.multi_box  ._list li a{
    display: block;
    overflow: hidden;
}
.multi_box  ._list li ._pic{
    width:100%;
    padding-top:66%;
    position: relative;
    overflow: hidden;
    height: auto;
}
.multi_box  ._list li ._pic img{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width:auto;
    height: 100%;
}
.multi_box  ._list li h3{
    margin:0.2rem 0 0;
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #333333;
    text-align: center;
    padding: 0 0.2rem;
}
@media (max-width:1080px) {
    .multi_box  ._list li h3{
        font-size: 0.36rem;
        line-height: 0.42rem;
    }
}
@media (min-width:992px) {
    .multi_box ._list li:nth-child(3n){
        border-right:0;
    }
}
@media (max-width:992px) {
    .multi_box  ._list li{
        width:50%;
    }
    .multi_box  ._list li:nth-child(2n){
        border-right:0;
    }
}
@media (max-width:767px) {
    .multi_box{
        margin-top:0.2rem;
    }
    .multi_box  ._list{
        margin-bottom:0.4rem;
    }
    .multi_box  ._list li{
        padding:0.3rem;
    }
    .multi_box  ._list li h3{
        font-size: 0.28rem;
        line-height: 0.36rem;
    }
}
/* ============================================================================================================================
													product_box
===============================================================================================================================*/
.product_box{
    position: relative;
    margin:0.4rem 0 0.5rem;
}
.product_box .pagination>li>a, .product_box .pagination>li>span, .product_box .pagination .disabled span{
    background: #E5E5E5;
}
.product_box .pagination>li.active>a, .product_box .pagination>li.active>span{
    background-color: #028dd8;
}

.product_box  ._list li{
    width:32.83%;
    margin:0 0.25% 0.5%;
    padding:0.1rem 0.3rem 0.5rem;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    transition: all .5s;
}
.product_box  ._list li:hover{
    box-shadow: 0px 20px 40px 0px rgba(24, 40, 79, 0.2);
}
.product_box  ._list li a{
    color: #333333;
    font-size: 0.32rem;
    line-height: 0.42rem;
}
.product_box  ._list li h3{
    margin-top: -0.2rem;
    z-index: 3;
    position: relative;
}
.product_box  ._list li ._pic{
    width:80%;
    padding-bottom:80%;
    position: relative;
    overflow: hidden;
    height: auto;
    margin: auto;
    transition: all .5s;
}
.product_box  ._list li:hover ._pic{
    transform: translate(0 ,-2%);
}
.product_box  ._list li ._pic img{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width:auto;
    height: 100%;
}
@media (max-width:992px) {
    .crumb-box .p_crumb{
        margin: 0.1rem 0 0 0.2rem;
    }
    .product_box  ._list li{
        width:49%;
        margin:0 0.5% 1%;
        padding:0.1rem 0.3rem 0.5rem;
    }
    .product_box  ._list li h3{
        margin-top:0;
    }
}


/* ============================================================================================================================
													文章详情样式
===============================================================================================================================*/
.article_detail{
    padding:0rem 0 0.6rem;
    width:100%;
    margin: auto;
}
.article_detail .article_content{
    margin-top: 0;
}
.article_detail ._main{
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.article_detail h2{
    font-size:40px;
    line-height:60px;
    color: #028dd8;
}
.article_detail_sub_desc{
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.article_detail_time{
    display: flex;
    align-items: center;
}
.article_detail_time i{
    display: block;
    margin-right: 5px;
    width:22px;
    height:22px;
    background: url('../images/_time.png') no-repeat center center;
    background-size: contain;
}
.article_detail_view{
    display: flex;
    align-items: center;
}
.article_detail_view i{
    display: block;
    margin-right: 5px;
    width:22px;
    height:22px;
    background: url('../images/_view.png') no-repeat center center;
    background-size: contain;
}
.article_detail_sub_desc li p{
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.article_detail_sub_desc li{
    margin-right: 40px;
}
.article_detail_sub_desc li:last-child{
    margin-right: 0;
}
.article_detail_info{
    padding:0.4rem 0 0.5rem;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    min-height: 300px;
}
.detail_pagenation{
    padding:0.6rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail_pagenation .more{
    background:#f1f1f1;
    color: #333333;
}

/*--article_content_right--*/
.article_content_right{
    flex: 1;
    overflow: hidden;
}

@media (max-width: 1200px){
    .article_detail .article_content{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .article_detail ._main{
        padding: 0.4rem 15px;
    }
    .article_content_right{
        width: 100%;
    }
    .article_detail h2{
        font-size:0.48rem;
        line-height:0.6rem;
    }
    .article_detail_sub_desc{
        padding: 0.2rem 0;
    }
    .article_detail_sub_desc li {
        margin-right: 0.4rem;
    }
}
@media (max-width:767px){
    .article_detail{
        margin-top: 0.3rem;
    }
    .article_detail_info {
        font-size:14px;
        line-height:20px;
    }
    .detail_pagenation{
        padding:0.3rem 0 0;
    }
    .detail_pagenation .more{
        margin: 0 2px;
    }
}
/*--article_content_left--*/
.article_content_left{
    width:30%;
    max-width: 376px;
    margin-right:20px;
}
.article_content_left>div{
    width: 100%;
}
.article_content_left ul{
    margin-top: 10px;
}
.article_content_left ul li a{
    display: flex;
    align-items: center;
}
.article_content_left ul li a span{
    display: block;
    font-size:24px;
    line-height:52px;
    font-weight:bold;
    font-style: italic;
    color: #999999;
    margin-right: 12px;
}
.article_content_left ul li a p{
    font-size: 16px;
    line-height: 52px;
    color: #666;
}
.article_content_left ul li:hover a p,
.article_content_left ul li:first-child a span,
.article_content_left ul li:nth-child(3) a span,
.article_content_left ul li:nth-child(2) a span{
    color: #028dd8;
}
.list_recommon{
    margin-top:30px;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
}
.list_hot{
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
}
.list_hot h4{
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}
.list_recommon h4{
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}
.list_recommon ul{
    margin-top: 10px;
}
.list_recommon ul li{
    border-bottom: 1px solid #E3E3E3;
}
.list_recommon ul li:last-child{
    border-bottom: none;
}
.list_recommon ul li a{
    padding: 20px 0;
}
.list_recommon ul li a p{
    font-size: 16px;
    line-height: 24px;
    color: #666;
} 
@media (max-width: 1200px){
    .article_content_left{
        width: 100%;
        max-width:inherit;
        margin: 0;
    }
    .list_recommon ,.list_hot{
        margin-top: 0.2rem;
    }
}
@media (max-width: 767px){
    .list_recommon ,.list_hot{
        padding:30px 15px;
    }
    .list_recommon ul{
        margin-top: 2px;
    }
    .list_recommon ul li a{
        padding: 0.2rem 0;
    }
    .article_content_left ul li a span{
        font-size: 20px;
    }
    .article_content_left ul li a span ,.article_content_left ul li a p{
        line-height:44px;
    }
    .list_recommon ul li a p{
        line-height: 24px;
    }
}


/* ============================================================================================================================
									共用左右知识点样式
===============================================================================================================================*/
.share_btn{
    position: relative;
    overflow: hidden;
}
.share_btn>div{
    position: relative;
    top: 0;
    transform: translate(0 ,0);
    margin: 0 0.2rem;
}
.share_btn ._pagination span{
    width: 0.18rem;
    height: 0.18rem;
    margin: 0 0.05rem;
}


/* ============================================================================================================================
									产品详情
===============================================================================================================================*/
.product_detail ,.product_detail .summary{
    position: relative;
    overflow: hidden;
}
.product_detail>div{
    float: left;
    width:50%!important;
    overflow: hidden;
}
.product_detail ._left{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
.product_detail ._images{
    width:100%;
    overflow: hidden;
    max-width:960px;
    padding:0 0.6rem 0.6rem;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-end;
}
@media (min-width:1921px){
    .product_detail ._images{
        max-width:800px;
    }
}
.product_detail ._imagesbox{
    max-width: 800px;
    margin: auto;
}
.product_detail ._images>div{
    position: relative;
    overflow: hidden;
}
.product_swiper{
    max-width:640px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.product_swiper img{
    display: block;
    margin: auto;   
}
.product_btnbox{
    position: relative;
    padding: 0 0.6rem;
}
.product_btnbox::before,.product_btnbox::after{
    content:'';
    position: absolute;
    top:0;
    height: 100%;
    width:0.6rem;
    background-color: #ffffff;
    z-index: 4;
}
.product_btnbox::before{
    left:0;
}
.product_btnbox::after{
    right:0;
}
.product_btn li{
    overflow: hidden;
    border:1px solid #f1f1f1;
}
.product_btn .swiper-slide-thumb-active{
    border:2px solid #028dd8;
}
.product_btnbox ._btn::after{
    font-size: 0.4rem;
}
.product_btnbox .product_prev,
.product_btnbox .product_next{
    color:#999999;
}
.product_btnbox .product_prev{
    left: 0;
}
.product_btnbox .product_next{
    right:0;
}
.product_detail ._info{
    padding:0 3% 0 0;
    max-width: 800px;
}
.product_detail ._body{
    padding:0.7rem 0 0.3rem 0.5rem;
}
.product_detail h2{
    font-family: Robotob sans-serif;
    font-size: 0.72rem;
    font-weight: bold;
    line-height: 0.8rem;
    text-transform: capitalize;
    color: #333333;  
}
.product_detail ._pcon{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #666666;
    margin:0.3rem 0 0.4rem;
}
.product_detail ._main{
    margin: 0.4rem 0;
}
.product_detail h3{
    margin: 0 0 0.14rem;
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.42rem;
    color: #333333;
    text-transform: capitalize;
}
.product_detail ._main li{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #666666;
    margin: 0.1rem 0;
}
.product_detail ._main ._title{
    margin-right: 0.1rem;
    min-width: 100px;
    display: inline-block;
}

/* ==Product_advantage==*/
.Product_advantage{
    position: relative;
    overflow: hidden;
    padding-top: 0.5rem;
}
.product_detail ._tit{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #666666;
}
.Product_advantage .advSwiper{
    position: relative;
    overflow: visible;
    margin:0.6rem 0 0.5rem;
}
.Product_advantage ._item ._content{
    background-color: #e5e5e5;
    padding: 0.4rem 0.5rem;
    cursor: pointer;
    transition: all 0.5s;
}
.Product_advantage ._item.swiper-slide-active ._content{
    background-color: #ffffff;
}
.Product_advantage ._item.swiper-slide-prev,
.Product_advantage ._item.swiper-slide-next{
    opacity: 0.7!important;
}
.Product_advantage ._item.swiper-slide-prev ._content{
    transform:rotateZ(-5deg);
}
.Product_advantage ._item.swiper-slide-next ._content{
    transform:rotateZ(5deg);
}
.Product_advantage ._pic{
    height: 0.7rem;
    height: 0.7rem;
    margin-right: 0.16rem;
}
.Product_advantage ._pic img{
    background: url(../images/product_advantage_img_mask.png) no-repeat center center;
    background-size:0.51rem 0.51rem;
    width: 0.7rem;
    height: 0.7rem;
}
.Product_advantage ._item h4{
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.42rem;
    text-transform: capitalize;
    color: #333333;
}
.Product_advantage ._item p{
    margin: 0.3rem 0 0.5rem;
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 1.02rem;
    color: #666666;
}

@media(max-width:1440px){
    .product_detail ._pcon ,.product_detail ._main li ,.product_detail ._tit{
        font-size: 0.24rem;
        line-height: 0.32rem;
    }
    .Product_advantage ._item h4{
        font-size: 0.4rem;
        line-height: 0.5rem;
        min-height:1rem;
    }
    .Product_advantage ._item p{
        font-size: 0.28rem;
        line-height: 0.38rem;
        height: 1.14rem;
    }
}
@media(max-width:991px){
    .product_detail>div{
        display: none!important;
    }
    .product_detail ._left,
    .product_detail ._info{
        display: block!important;
        width: 100%!important;
        top: 0!important;
        position: relative!important;
    }
    .product_detail ._info{
        max-width: 100%;
        padding: 0;
    }
    .Product_advantage .advSwiper{
        margin:1rem 0 0.8rem;
    }
    .product_detail ._body{
        padding:0.5rem 0.2rem 0;
    }
    .product_detail ._pcon ,.product_detail ._main li ,.product_detail ._tit{
        font-size: 0.28rem;
        line-height: 0.36rem;
    }
}
@media(max-width:767px){
    .Product_advantage .advSwiper{
        margin:0.6rem 0 0.4rem;
    }
}
/* ============================================================================================================================
									产品详情页推荐
===============================================================================================================================*/
.recommend-box{
    position: relative;
    overflow: hidden;
    padding-bottom: 0.7rem;
}
.recommend-box .swiper-wrapper{
    margin: 0.4rem 0 0.5rem;
}
.recommend-box li{
    width:25%;
    padding:0.2rem;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    transition: all .5s;
}
.recommend-box li a{
    color: #333333;
    font-size: 0.32rem;
    line-height: 0.42rem;
}
.recommend-box li h3{
    margin:0.2rem;
    z-index: 3;
    position: relative;
}
.recommend-box li ._pic{
    width:80%;
    padding-bottom:80%;
    position: relative;
    overflow: hidden;
    height: auto;
    margin: auto;
    transition: all .5s;
}
.recommend-box li:hover ._pic{
    transform: translate(0 ,-3%);
}
.recommend-box li ._pic img{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width:auto;
    height:100%;
}
@media (max-width:767px){
    .recommend-box .swiper-wrapper{
        margin:0.3rem 0 0.4rem;
    }
    .recommend-box li h3{
        margin-top:0;
    }
}

/* ============================================================================================================================
									产品详情页组件模块样式
===============================================================================================================================*/
.design-body{
    position: relative;
    overflow: hidden;
}
.product_detail_argument{
    position: relative;
    overflow: hidden;
    width: 94%;
    max-width: 1600px;
    margin:0.7rem auto;
    padding:0;
}
.product_detail_argument .title h2{
    font-size: 0.36rem;
    line-height: 0.42rem;
    text-transform: capitalize;
    color: #333333;
    font-weight: bold;
}
.product_detail_argument .title p{
    display: none;
}
.product_detail_argument .content{
    margin-top:0.3rem;
    background-color: #ffffff;
    padding:0.5rem 0.4rem;
}
.product_detail_argument table{
    width: 100%!important;
}
.product_detail_argument .content tr td{
    font-size:18px!important;
    text-align: center;
    height: 60px!important;
}
.product_detail_argument .content tr td span{
    font-size:18px!important;
}
@media (max-width:1200px){
    .product_detail_argument .content{
        position: relative;
        scrollbar-color: #333 #eee;
        overflow-x: auto;
        padding: 0.3rem;
    }
    .product_detail_argument::before,.product_detail_argument::after{
        content:'';
        position: absolute;
        top:0.72rem;
        height: 100%;
        width: 0.3rem;
        background-color: #ffffff;
        z-index: 4;
    }
    .product_detail_argument::before{
        left:0;
    }
    .product_detail_argument::after{
        right:0;
    }
    .product_detail_argument table {
        min-width: 1200px;
    }
    .product_detail_argument .content tr td,
    .product_detail_argument .content tr td span{
        font-size:16px!important;
    }
}
@media (max-width:767px) {
    .product_detail_argument{
        margin: 0.6rem auto;
    }
    .product_detail_argument .content tr td{
        font-size:14px!important;
        height:45px!important;
    }
}