body {
    padding-bottom: 0px;
}

* {
    box-sizing: border-box;
}

.t-c {
    text-align: center;
}

.t-r {
    text-align: right;
}

.b {
    font-weight: bold;
}

.f36 {
    font-size: 36px;
}

.f30 {
    font-size: 30px;
}

.f28 {
    font-size: 28px;
}

.f24 {
    font-size: 24px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f36 {
    font-size: 36px;
}

.f40 {
    font-size: 40px;
}

.f48 {
    font-size: 48px;
}

img {
    max-width: 100%;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.hl20 {
    line-height: 20px;
}

.hl24 {
    line-height: 24px;
}

.hl36 {
    line-height: 36px;
}

.hl48 {
    line-height: 48px;
}

.red {
    color: #ff5c50;
}

.m-c {
    margin: 0 auto;
}

.cfff {
    color: #ffffff;
}

.c070 {
    color: #070708;
}

.c686 {
    color: #686869;
}

img.w100 {
    width: 100%;
}

div {
    --color: #ff5c50;
    box-sizing: border-box;
}

.flex {
    display: flex;
}

.f-ai-c {
    align-items: center;
}

.column {
    flex-direction: column;
}

.f-jc-c {
    justify-content: center;
}

.f-jc-sb {
    justify-content: space-between;
}

.f-ai-fe {
    align-items: flex-end;
}

.f-jc-e {
    justify-content: end;
}

.f-w {
    flex-wrap: wrap;
}

.f-i {
    flex: 1;
}

.ai-st {
    align-items: stretch;
}

.f-jc-sa {
    justify-content: space-around;
}

.w100vw {
    width: 100vw;
}

.h100vh {
    height: 100vh;
}

.c-p{
  cursor: pointer;
}

.relative {
    position: relative;
}

.one-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-text {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_banner{
background: rgba(0, 0, 0, 0.05);
position: relative;
}
.index_banner img.bg{
width: 100%;
display: block;
margin:0;
}
.banner_container{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.wrap1200{
}
.banner_swiper-container{
overflow: hidden;
height: 100%;
}

.banner_swiper-container .swiper-slide{
height: 100%;
}
.banner_item{
position: absolute;
top: 24%;
left: 0px;
}
.banner_item .title img{
height: 17px;
}
.banner_item .title span{
margin: 0px 26px;
}
.banner_item .des {
line-height: 64px;
}

/*banner*/
.ny_banner {
}

    .ny_banner img {
    }

/*common START*/
.location {
    color: #989898;
}

    .location a {
        color: #686869;
        margin: 0px 5px;
    }

    .location img {
        height: 14px;
        margin-right: 2px;
    }

    .location img {
        height: 12px;
        margin-right: 2px;
    }

.ny_sidebar {
    position: relative;
}

    .ny_sidebar::after {
        content: "";
        height: 4px;
        width: 100%;
        position: absolute;
        background: #e6e6e6;
        left: 0px;
        bottom: 0px;
        z-index: 0;
    }

    .ny_sidebar .item {
        padding: 16px 0px 20px;
        margin-right: 40px;
        position: relative;
        z-index: 1;
    }

        .ny_sidebar .item:last-child {
            margin-right: 0px;
        }

        .ny_sidebar .item.on {
            color: #0073be;
            border-bottom: 4px solid #0073be;
        }

    .ny_sidebar a.item {
        text-decoration: none;
        color: #373838;
    }
/*END*/
#nav_box {
    position: relative;
    z-index: 10;
}

.nav_bar {
    width: 100%;
   
}

.nav_bar .logo {
	margin-right: 60px;
}

.nav_bar .logo img {
	width: 276px;
}

.sidebar .list {
}

.sidebar .item {
    padding: 38px 5px;
    color: #373838;
    margin: 0px 4px;
    position: relative;
    cursor: pointer;
	margin: 0px 5px;
}

    .sidebar .item.active {
        color: #0073BE;
        font-weight: 600;
    }
.sidebar .item:hover{
	color: #0073BE;
	font-weight: 600;
}
.sidebar .item:hover::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0px;
	width: 100%;
	height: 3px;
	background: #0073BE;
}

.secone_sidebar_nav {
}

    .secone_sidebar_nav .list {
        padding-top: 40px;
        display: none;
    }

    .secone_sidebar_nav .s_item {
    }

        .secone_sidebar_nav .s_item .title {
            margin-bottom: 10px;
        }

            .secone_sidebar_nav .s_item .title img {
                height: 12px;
                margin-left: 8px;
            }

        .secone_sidebar_nav .s_item a .title .des {
            color: #686869;
        }

.secone_sidebar {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #ffffff;
	border-top: 1px solid #0073BE;
}

.nav_ico {
    position: absolute;
    right: 0px;
    z-index: 100;
}

    .nav_ico img {
        height: 40px;
    }

.fix_sidebar {
    position: absolute;
    top: 100%;
    right: 0px;
    background: #ffffff;
    width: 8em;
    display: none;
}

    .fix_sidebar .item a.top {
        padding: 5px 0px 5px 1em;
        display: block;
    }

    .fix_sidebar .item ul {
        padding: 0px;
    }

        .fix_sidebar .item ul li {
            list-style: none;
            padding: 2px 0px 2px 2em;
            margin: 0px;
        }

    .fix_sidebar .list {
        max-height: 90vh;
        overflow-y: auto;
    }

.btn_shop {
	max-width: 126px;
	height: 42px;
	background: #F29E33;
	border-radius: 4px;
	align-self: center;
	margin-left: 30px;
	padding: 0px 24px;
}
a.btn_shop {
  color: #ffffff;
  text-decoration: none;
}
a.btn_shop:hover{
  color: #ffffff;
  text-decoration: none;
  background: rgba(242, 158, 51, 0.8);
}
.btn_shop img{
  width: 16px;
  margin-right: 6px;
}

/*product导航*/
.lv_sidebar {
}

    .lv_sidebar .lv_one_title {
        font-weight: 600;
    }

.lv_two_list .lv_tow_item {
    width: 20%;
    max-width: 20%;
}

    .lv_two_list .lv_tow_item a {
        color: #686869;
        text-decoration: none;
    }


/*footer*/
.footer {
    background: #323B46;
    padding: 46px 0px;
}

    .footer .left {
    }

        .footer .left .item {
            margin-bottom: 20px;
        }

            .footer .left .item .title {
                margin-bottom: 9px;
                color: #ffffff;
            }

            .footer .left .item .list a {
                display: block;
                padding: 9px 0px;
                color: #ffffff;
                text-decoration: none;
            }

    .footer .right {
    }

        .footer .right .top {
            margin-bottom: 14px;
        }

            .footer .right .top a {
                color: #ffffff;
                padding: 0px 20px;
                border-right: 1px solid #ffffff;
            }

                .footer .right .top a:last-child {
                    border-right: none;
                    padding-right: 0px;
                }

        .footer .right p {
            margin-bottom: 14px;
        }



.wrap1400 {
    max-width: 1400px;
    margin: 0 auto;
}

.wrap1200 {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/*首页banner*/
.banner {
    padding: 15vh 0px 15vh 0px;
    color: #ffffff;
    background: #000000;
}

    .banner .des .big_title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .banner .des .small_title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .banner button {
        background: var(--color);
        border: 2px solid var(--color);
        color: #fff;
        padding: 2rem;
    }

/*首页*/
.con_title {
    padding-bottom: 16px;
    position: relative;
    line-height: 32px;
}

    .con_title:after {
        width: 4.5em;
        height: 4px;
        background: #eeeff2;
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    .con_title:before {
        width: 1em;
        height: 4px;
        background: #0073be;
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
    }

    .con_title.title_1::before {
        left: 0px;
    }

    .con_title.title_2::before {
        left: 1em;
    }

    .con_title.title_3::before {
        left: 2em;
    }

.index_about {
    margin-bottom: 76px;
}

    .index_about .text {
        color: #070708;
    }

    .index_about .user {
    }

        .index_about .user img.face {
            height: 44px;
            margin-right: 7px;
        }

        .index_about .user img.sign {
            height: 56px;
        }

        .index_about .user .line {
            width: 4em;
            height: 1px;
            border-bottom: 1px solid #999999;
            margin-right: 7px;
        }

        .index_about .user .label {
            color: #999999;
            margin-right: 20px;
        }

.index_server {
    background: url("../images/index/server_bg.png") no-repeat center center;
    background-size: cover;
}

    .index_server .info .text {
        width: 12em;
        margin: 0 auto;
    }

    .index_server .info {
        background: #ffffff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        padding: 47px 0px 44px;
    }

        .index_server .info .number {
            color: #f29e33;
        }

        .index_server .info .label {
            color: #373838;
            min-width: 16em;
        }

        .index_server .info .item {
            border-right: 2px solid #e4e4e4;
        }

            .index_server .info .item:last-child {
                border-right: none;
            }

    .index_server .pro_sidebar {
    }

        .index_server .pro_sidebar .item {
            padding: 22px;
            text-align: center;
            background-color: #fff;
        }

            .index_server .pro_sidebar .item img {
                height: 27px;
                margin-right: 10px;
            }

                .index_server .pro_sidebar .item img.hover {
                    display: none;
                }

.index_server .pro_sidebar .item.active,
.index_server .pro_sidebar .item:hover {
color: #ffffff;
background: #0073be;
}

.index_server .pro_sidebar .item.active img,.index_server .pro_sidebar .item:hover img {
display: none;
}

.index_server .pro_sidebar .item.active img.hover,.index_server .pro_sidebar .item:hover img.hover {
	display: initial;
}

    .index_server .pro_list {
    }

        .index_server .pro_list .list .item {
            width: 23%;
            margin-right: 2%;
            float: left;
            padding: 20px;
            background-color: #fff;
            border: 2px solid #ffffff;
            margin-bottom: 20px;
        }

            .index_server .pro_list .list .item img {
                width: 80%;
            }

            .index_server .pro_list .list .item:hover {
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
                border: 2px solid #0073be;
                color: #0073be;
            }

    .index_server .case_list {
        display: none;
    }

        .index_server .case_list .item {
            position: relative;
        }

            .index_server .case_list .item .name {
                position: absolute;
                width: 100%;
                left: 0px;
                bottom: 0px;
                background: rgba(0, 0, 0, 0.6);
                height: 40px;
                line-height: 40px;
                color: #ffffff;
            }

    .index_server .down_list {
        display: none;
    }

        .index_server .down_list .item {
            /* width: calc(25% - 10px); */
            /* float: left; */
            /* margin: 0px 5px 30px 5px; */
        }

            .index_server .down_list .item .img_box {
                padding: 15px 28px;
                margin-bottom: 24px;
                background: #ffffff;
            }

            .index_server .down_list .item a.name {
                height: 40px;
                background: #0073be;
                color: #ffffff;
                padding: 0px 20px;
                text-decoration: none;
            }

            .index_server .down_list .item .name img {
                width: 16px;
                height: 16px;
            }

            .index_server .down_list .item .img_box {
                padding: 15px 28px;
                margin-bottom: 24px;
                background: #ffffff;
                transition: box-shadow 0.5s;
            }

                .index_server .down_list .item .img_box:hover {
                    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
                }

/*轮播*/

.index_brand {
    padding: 90px 0px 50px;
    background: #f7f8fa;
}

    .index_brand .list {
    }

        .index_brand .list .item {
            background-color: #ffffff;
            padding: 15px 16px 20px;
            width: calc(20% - 12px);
            position: relative;
            overflow: hidden;
            margin-bottom: 16px;
            /*1214*/
            width: calc(20% - 20px);
            margin: 0 10px 16px 10px;
        }

            .index_brand .list .item img {
            }

            .index_brand .list .item .name {
                font-weight: 600;
                color: #070708;
                line-height: 16px;
            }

            .index_brand .list .item .des {
                position: absolute;
                top: 100%;
                left: 0px;
                background: #0073be;
                opacity: 0.95;
                width: 100%;
                height: 100%;
                color: #ffffff;
                padding: 16px 16px;
                transition: all 0.3s;
            }

            .index_brand .list .item:hover .des {
                top: 0px;
            }
    /*END*/

    /*轮播*/
    .index_brand .swiper-container {
        padding-bottom: 30px;
    }

    .index_brand .swiper-slide {
    }

        .index_brand .swiper-slide .item {
            background-color: #ffffff;
            padding: 15px 16px 20px;
            position: relative;
            overflow: hidden;
            margin-bottom: 16px;
        }

            .index_brand .swiper-slide .item img {
            }

            .index_brand .swiper-slide .item .name {
                font-weight: 600;
                color: #070708;
                line-height: 16px;
            }

            .index_brand .swiper-slide .item .des {
                position: absolute;
                top: 100%;
                left: 0px;
                background: #0073be;
                opacity: 0.95;
                width: 100%;
                height: 100%;
                color: #ffffff;
                padding: 16px 16px;
                transition: all 0.3s;
            }

            .index_brand .swiper-slide .item:hover .des {
                top: 0px;
            }

    .index_brand .swiper-pagination-bullet {
        width: 23px;
        height: 6px;
        background: #8D8D90;
        border-radius: 0px;
        margin: 0px 8px;
    }

    .index_brand .swiper-pagination-bullet-active {
        width: 36px;
        height: 6px;
        background: #0073BE;
    }
/*END*/

/*公司简介*/
.about_server {
    background: url(../images/about/server_bg.png) no-repeat 0px 0px;
    background-size: cover;
    padding: 68px 0px 56px;
}

    .about_server .info {
        line-height: 42px;
    }

.about_curture {
}

    .about_curture .left {
        width: 35%;
        padding: 0px 12px;
    }

    .about_curture .right {
        width: 65%;
    }

        .about_curture .right .item {
        }

            .about_curture .right .item .c_item {
                background: #ffffff;
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
                padding: 28px 16px;
                position: relative;
                color: #070708;
            }

            .about_curture .right .item.item_top {
                margin-bottom: 16px;
            }

                .about_curture .right .item.item_top .c_item:first-child {
                    margin-right: 16px;
                }

            .about_curture .right .item .c_item img {
                position: absolute;
                right: 16px;
                top: 28px;
                width: 48px;
            }

/*发展历程*/
.history_container {
}

    .history_container .list {
        position: relative;
        padding: 68px 0px 57px;
        background: url(../images/about/map.png) no-repeat 0px center;
        background-size: 100% auto;
    }

        .history_container .list::after {
            content: "";
            display: block;
            position: absolute;
            left: calc(50% - 2px);
            top: 15px;
            width: 5px;
            height: 100%;
            background-color: #0073be;
            z-index: 0;
        }

        .history_container .list .line_t {
            position: absolute;
            top: 0px;
            left: calc(50% - 14px);
            width: 28px;
        }

        .history_container .list .item {
            margin-bottom: 23px;
        }

        .history_container .list .line {
            width: 10%;
            margin: 0px 30px;
            position: relative;
            padding: 23px 0px;
        }

            .history_container .list .line img {
                position: relative;
                z-index: 1;
            }

        .history_container .list .item:nth-child(even) .line img {
            transform: rotate(180deg);
        }

        .history_container .list .item:nth-child(even) {
            flex-flow: row-reverse;
        }

        .history_container .list .text，.history_container .list .empty {
            width: 45%;
        }

        .history_container .list .text {
            background: #ffffff;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        }

            .history_container .list .text .year {
                color: #070708;
                padding: 28px 0px 0px 16px;
            }

            .history_container .list .text .des {
                color: #373838;
                padding: 0px 16px 20px 16px;
            }

/*荣誉资质*/
.honer_container {
}

    .honer_container .list {
    }

        .honer_container .list .item {
        }

            .honer_container .list .item .img_box {
                padding-bottom: 26px;
                background: url(../images/about/honer_bg.png) no-repeat 0px bottom;
                background-size: 100% auto;
            }

/*在线*/
.online_container {
}

    .online_container .video_box {
    }

        .online_container .video_box video {
            width: 80%;
            background: #000000;
            margin: 0 auto 20px;
            display: block;
        }

        .online_container .video_box .name {
        }

    .online_container .swiper-container {
        width: 100%;
        height: 100%;
        padding: 0px 30px;
    }

    .online_container .swiper-wrapper {
    }

    .online_container .swiper-button-next {
        width: 21px;
        right: 0px;
    }

    .online_container .swiper-button-prev {
        width: 21px;
        left: 0px;
    }

    .online_container .swiper-button-next img,
    .swiper-button-prev img {
        width: 100%;
    }

    .online_container .ico_video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 43px;
    }

        .online_container .ico_video.play {
            display: none;
        }

    .online_container .swiper-slide.play .ico_video.play {
        display: block;
    }

    .online_container .swiper-slide.play .ico_video.stop {
        display: none;
    }

    .online_container .swiper-slide img {
        border: 2pxsolid #fff;
        margin-bottom: 15px;
    }

    .online_container .swiper-slide.play img.bg {
        border: 2px solid #0073be;
    }

/*新闻*/
.news_container .index_news {
}

.news_container .list .item {
}

    .news_container .list .item a {
        background: #FAFAFA;
        display: block;
    }

    .news_container .list .item a {
        text-decoration: none;
		transition: all 0.5s;
    }

    .news_container .list .item .img_box {
    }

        .news_container .list .item .img_box img {
            width: 100%;
        }

    .news_container .list .item .name {
        margin-bottom: 15px;
    }

    .news_container .list .item .loc_time {
        color: #373838;
        margin-bottom: 18px;
    }

        .news_container .list .item .loc_time img {
            width: 17px;
            margin-right: 4px;
        }

    .news_container .list .item .des {
        color: #686869;
        height: 2em;
    }

    .news_container .list .item:hover a {
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
		background: #FAFAFA;
    }

    .news_container .list .item .info {
        padding: 0px 10px 25px;
    }

.search_box .input_box {
    height: 36px;
    border: 1px solid #D9D8D8;
    padding: 0px 12px;
    margin-right: 16px;
    background: #ffffff;
}

    .search_box .input_box img {
        width: 18px;
        height: 15px;
        margin-right: 9px;
    }

    .search_box .input_box input {
        border: none;
        width: 190px;
        height: 34px;
    }

.search_box button {
    background: #0073BE;
    color: #ffffff;
    border: none;
    padding: 0px 22px;
}

/*news detail*/
.news_detail_container {
}

    .news_detail_container .detail_title {
        color: #373838;
    }

    .news_detail_container .detail_info {
        color: #686869;
    }

        .news_detail_container .detail_info img {
            width: 16px;
            margin-right: 4px;
        }

        .news_detail_container .detail_info .tag {
            color: #0073BE;
            margin-right: 40px;
        }

        .news_detail_container .detail_info .time {
            margin-right: 40px;
        }

        .news_detail_container .detail_info .view {
        }

/*推荐新闻 */
.recommend_news {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);
}

    .recommend_news .box_top {
        height: 36px;
        border-left: 4px solid #0073BE;
        padding-left: 14px;
        background: #F7F8FA;
    }

    .recommend_news .list {
        padding: 0px 20px 30px;
    }

        .recommend_news .list .item {
            background: #FAFAFA;
            border: 2px solid #ffffff;
			transition: all 0.5s;
        }

           .recommend_news .list .item:hover {
                border: 2px solid #0073BE;
            }

            .recommend_news .list .item img {
                width: 100%;
            }

            .recommend_news .list .item .info {
                padding: 0px 8px 24px;
            }

                .recommend_news .list .item .info .title {
                }

                .recommend_news .list .item .info .time {
                    color: #373838;
                }

                    .recommend_news .list .item .info .time img {
                        width: 14px;
                        margin-right: 4px;
                    }

            .recommend_news .list .item a {
                display: block;
                position: relative;
            }

                .recommend_news .list .item a .tag {
                    background: #686869;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    padding: 4px 10px;
                    color: #fff;
                    border-radius: 0px 0px 10px 0px;
                }

/*产品分类*/
.peoduct_sidebar {
}

    .peoduct_sidebar .pro_sidebar_title {
        background: #0073BE;
        color: #ffffff;
        padding: 9px 0px;
        margin-bottom: 14px;
    }

        .peoduct_sidebar .pro_sidebar_title img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

    .peoduct_sidebar .list {
    }

        .peoduct_sidebar .list .item {
        }

            .peoduct_sidebar .list .item .one_sidebar {
                background: #ffffff;
                padding: 16px 16px;
                border-left: 5px solid #ffffff;
            }

                .peoduct_sidebar .list .item .one_sidebar img {
                    width: 14px;
                    transform: rotate(180deg);
                }

            .peoduct_sidebar .list .item .child_list {
                padding: 0px 16px 0px 30px;
                display: none;
            }

                .peoduct_sidebar .list .item .child_list .child_item a {
                    padding: 12px 0px;
                    color: #686869;
                    text-decoration: none;
                }

                    .peoduct_sidebar .list .item .child_list .child_item a img {
                        width: 16px;
                    }

            .peoduct_sidebar .list .item.active .one_sidebar {
                border-left: 5px solid #0073BE;
                background: #EDEFF2;
            }

            .peoduct_sidebar .list .item.active .child_list {
                background: #F7F8FA;
            }

            .peoduct_sidebar .list .item.active .one_sidebar img {
                transform: rotate(0deg);
            }

.pro_search_box {
    background: #F7F8FA;
    padding: 30px 24px;
}

    .pro_search_box .label {
        color: #686869;
    }

    .pro_search_box .search_box input {
        /* width: 100%; */
    }

    .pro_search_box .letter {
    }

        .pro_search_box .letter .label {
            border-left: 5px solid #ffffff;
        }

        .pro_search_box .letter .list {
        }

            .pro_search_box .letter .list .item {
                padding: 0px 3px;
                background: #8E9EA9;
                margin: 0px 3px;
                max-width: 30px;
                min-width: 23px;
            }

                .pro_search_box .letter .list .item a {
                    color: #ffffff;
                }

                .pro_search_box .letter .list .item.on {
                    background: #0073BE;
                }

                .pro_search_box .letter .list .item.none {
                    background: #CFD7DD;
                }

                .pro_search_box .letter .list .item:hover {
                    background: #0073BE;
                }

.product_list_sidebar {
}

.product_list_sidebar {
    padding-bottom: 8px;
    border-bottom: 2px solid #E6E6E6
}

.product_list {
}

    .product_list .item {
        border: 1px solid #E6E6E6;
        transition: all 0.5s;
    }

        .product_list .item a {
            padding: 20px 0px 20px;
            display: block;
            text-decoration: none;
        }

        .product_list .item .title {
            padding: 0px 14px;
            color: #070708;
        }

        .product_list .item img {
            padding: 0px 14px;
            max-width: 100%;
            display: block;
            margin-bottom: 18px;
        }

        .product_list .item .info {
            border-top: 1px solid #E6E6E6;
            padding: 14px 14px 0px;
            color: #686869;
        }

        .product_list .item:hover {
            box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
            border: 1px solid #E6E6E6;
        }

/*产品详情*/
.text_container {
    min-height: 40vh;
}

.detail_page {
    border-top: 1px solid #E6E6E6;
    padding-top: 30px;
}

    .detail_page .item {
        line-height: 16px;
    }

        .detail_page .item a {
            text-decoration: none;
        }

            .detail_page .item a .mlabel {
                color: #989898;
            }

.product_info {
}

    .product_info .name {
        background: #323B46;
        min-height: 40px;
        padding: 5px 20px;
        line-height: 24px;
    }

        .product_info .name .small_t {
            color: #F29E33;
        }

    .product_info .info_box {
    }

        .product_info .info_box .row {
            margin: 0px;
        }

        .product_info .info_box .img_box {
            background: #FFFFFF;
            border: 1px solid #E6E6E6;
            padding: 20px;
        }

    .product_info .text_box {
    }

        .product_info .text_box .text_item {
            padding-left: 18px;
            position: relative;
            line-height: 24px;
        }

            .product_info .text_box .text_item::after {
                width: 8px;
                height: 8px;
                background: #D0D2D4;
                border-radius: 8px;
                position: absolute;
                top: 8px;
                left: 0px;
                content: "";
                display: block;
            }

    .product_info .btns {
    }

        .product_info .btns .btn {
            margin-right: 36px;
            padding: 0px 36px;
            height: 40px;
        }

            .product_info .btns .btn img {
                width: 16px;
                height: 16px;
                margin-right: 4px;
            }

        .product_info .btns .btn_download {
            background: #0073BE;
        }

        .product_info .btns .btn_message {
            background: #F29E33;
        }

.product_table {
    width: 100%;
    border-color: #D6D6D6;
    border: 1px solid #D6D6D6;
}

    .product_table thead td {
        background: #DEDEDE;
        height: 40px;
        border-color: #D6D6D6;
        font-weight: 600;
    }

    .product_table tbody td {
        min-height: 40px;
        padding: 8px 2px;
        line-height: 24px;
    }

.more_product {
    width: 202px;
    height: 36px;
    border: 1px solid #E6E6E6;
    color: #373838;
    margin: 0 auto;
}

    .more_product img {
        width: 16px;
    }

/*产品查询*/
.pro_search {
}

    .pro_search .search_label {
        color: #373838;
        margin-bottom: 5px;
        font-weight: 400;
    }

    .pro_search .query {
    }

        .pro_search .query .item {
            width: 35%;
            ;
        }

            .pro_search .query .item .form_label {
                margin-right: 29px;
            }

            .pro_search .query .item select {
                height: 36px;
                border: 1px solid #D9D8D8;
                color: #989898;
            }

/*解决方案*/
.case_list {
}

    .case_list .item {
        transition: all 0.5s;
    }

        .case_list .item:hover img {
            box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
        }

        .case_list .item a {
            text-decoration: none;
        }

        .case_list .item img {
            width: 100%;
        }

        .case_list .item .title {
            padding: 15px 10px;
        }

/*下载 */
.down_container .down_list {
}

    .down_container .down_list .item .img_box {
        padding: 15px 28px;
        margin-bottom: 24px;
        background: #ffffff;
        transition: all 0.5s;
        border: 1px solid #E6E6E6;
    }

    .down_container .down_list .item a.name {
        height: 40px;
        background: #0073be;
        color: #ffffff;
        padding: 0px 20px;
        text-decoration: none;
    }

    .down_container .down_list .item .name img {
        width: 16px;
        height: 16px;
    }

    .down_container .down_list .item:hover .img_box {
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    }
/*模型下载*/
.down_container .down_list_model {
}

    .down_container .down_list_model .item .img_box {
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        .down_container .down_list_model .item .img_box .zhe_box {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            padding-top: 25%;
            top: 100%;
            transition: all 0.5s;
        }

        .down_container .down_list_model .item .img_box:hover .zhe_box {
            top: 0px;
        }

        .down_container .down_list_model .item .img_box .zhe_box .more {
            position: absolute;
            bottom: 20px;
            width: 100%;
            color: #ffffff;
        }

            .down_container .down_list_model .item .img_box .zhe_box .more img {
                width: 6px;
                height: 10px;
                margin-left: 5px;
            }

        .down_container .down_list_model .item .img_box .mid {
            color: #ffffff;
        }

            .down_container .down_list_model .item .img_box .mid img {
                width: 64px;
                margin-bottom: 10px;
            }

    .down_container .down_list_model .item .name {
    }

        .down_container .down_list_model .item .name .lab {
            color: #989898;
        }

/*招聘*/
.job_search_box {
}

.job_search_box {
    padding: 0px 5%;
}

    .job_search_box button {
        min-width: 120px;
    }

    .job_search_box .input_box {
        margin-right: 56px;
    }

    .job_search_box .send_form {
        background-color: #323B46;
        margin-left: 24px;
    }

.job_table {
}

    .job_table .table_head {
        /* font-weight: 600; */
    }

    .job_table .table_item {
        color: #373838;
        /* box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1); */
        transition: all 0.3s;
    }
    .job_table .table_item.on,.job_table .table_item:hover{
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    }

    .job_table .table_item .table_head {
        border-bottom: 1px solid #FDFDFD;
        background: #f7f8fa;
        cursor: pointer;
    }
    
        .job_table .table_item :hover{
        /* background: #f7f8fa; */
    }
    .job_table .table_item.on .table_head {
        border-bottom: 1px solid #E6E6E6;
        background: #f7f8fa;
    }

    .job_table .ico img {
        width: 14px;
    }

    .job_table > .table_head .ico {
        opacity: 0;
    }

    .job_table .table_head .item {
        padding: 14px 0px;
    }

    .job_table > .table_head .name {
        width: 20%;
    }

    .job_table > .table_head .amount {
        width: 20%;
    }

    .job_table > .table_head .ico {
        width: 15%;
    }

    .job_table > .table_head .treat {
        width: 20%;
    }

    .job_table > .table_head .city {
        width: 20%;
    }

    .job_table .table_head .ico {
        cursor: pointer;
    }

        .job_table .table_head .ico img {
            transform: rotate(-180deg);
            display: block;
        }

        .job_table .table_item.on .ico img {
            transform: rotate(0deg);
            display: block;
        }

    .job_table .table_item .des {
        padding: 20px 69px;
        color: #373838;
        line-height: 24px;
    }

    .job_table .table_item .table_body {
        display: none;
    }

.job_dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(1, 1, 1, 0.3);
    z-index: 10;
    display: none;
}

    .job_dialog .container {
        width: 70%;
        background: #FFFFFF;
        border-radius: 10px;
    }

        .job_dialog .container .top {
            padding: 20px 24px;
        }

            .job_dialog .container .top img {
                width: 26px;
                height: 26px;
                cursor: pointer;
            }

.form_box {
}

    .form_box .form_item {
    }

        .form_box .form_item .form_label {
            width: 5em;
            text-align: right;
            margin-right: 20px;
            height: 36px;
            line-height: 36px;
        }

            .form_box .form_item .form_label span {
                color: #BC3333;
            }

        .form_box .form_item .form_value {
        }

            .form_box .form_item .form_value select, .form_box .form_item .form_value input, .form_box .form_item .form_value textarea {
                width: 100%;
                height: 36px;
                border-radius: 2px;
                border: 1px solid #D8D8D8;
            }

            .form_box .form_item .form_value textarea {
                width: 100%;
                height: 120px;
            }

.form_upload {
    height: 36px;
    background: #0073BE;
    border-radius: 2px;
    color: #ffffff;
    width: 120px;
}

    .form_upload img {
        width: 14px;
        margin-right: 8px;
    }

    .form_upload input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

/*联系我们*/
.contact_container {
}

    .contact_container .info {
    }

        .contact_container .info .item {
            position: relative;
        }

            .contact_container .info .item::after {
                width: 0px;
                height: 80%;
                content: "";
                display: block;
                position: absolute;
                right: 0px;
                top: 10%;
                border-right: 1px solid #E6E6E6;
            }

            .contact_container .info .item img {
                width: 40px;
            }



.index_news .top a {
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    border: 1px solid #0073be;
    padding: 0px 20px;
    color: #0073be;
}

.index_news .left .new_item {
    position: relative;
    background-color: #ffffff;
    transition: all 0.5s;
    width: calc(50% - 10px);
}

    .index_news .left .new_item:hover {
        background: #fafafa;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.36);
    }

    .index_news .left .new_item .info {
        padding: 0px 10px 25px;
    }

    .index_news .left .new_item a {
        text-decoration: none;
    }

    .index_news .left .new_item .title {
        font-weight: 600;
        color: #070708;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .index_news .left .new_item .loca_time {
        font-weight: 400;
        color: #373838;
    }

    .index_news .left .new_item .des {
        color: #686869;
        line-height: 20px;
    }

.index_news .list_container .tag {
    background-color: #686869;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 3px 5px;
    border-radius: 0px 0px 8px 0px;
}

.index_news .right {
    position: relative;
    background: #f7f8fa;
}

.index_news .news_list {
    margin-top: 40px;
    overflow: auto;
}

    .index_news .news_list .item {
        padding: 10px 13px;
    }

        .index_news .news_list .item a {
            color: #070708;
            text-decoration: none;
        }

        .index_news .news_list .item .title {
            font-weight: 600;
            line-height: 16px;
            margin-bottom: 10px;
        }

        .index_news .news_list .item .tag_time {
            color: #686869;
        }

        .index_news .news_list .item:hover {
            background: #ffffff;
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
        }

            .index_news .news_list .item:hover a,
            .index_news .news_list .item:hover .tag_time {
                color: #0073be;
            }

.index_contact {
}

    .index_contact .left {
        padding-top: 40px;
        width: 33%;
    }

        .index_contact .left .contact_list {
        }

            .index_contact .left .contact_list .item {
                margin-bottom: 16px;
                background: #fafafa;
                white-space: wrap;
                word-break: break-all;
                padding-right: 30px;
            }

                .index_contact .left .contact_list .item img {
                    height: 56px;
                    width: 62px;
                    margin-right: 22px;
                }

.index_brand {
    padding: 90px 0px 50px;
    background: #f7f8fa;
}

    .index_brand .list {
    }

        .index_brand .list .item {
            background-color: #ffffff;
            padding: 15px 16px 20px;
            width: calc(20% - 12px);
            position: relative;
            overflow: hidden;
            margin-bottom: 16px;
        }

            .index_brand .list .item img {
            }

            .index_brand .list .item .name {
                font-weight: 600;
                color: #070708;
                line-height: 16px;
            }

            .index_brand .list .item .des {
                position: absolute;
                top: 100%;
                left: 0px;
                background: #0073be;
                opacity: 0.95;
                width: 100%;
                height: 100%;
                color: #ffffff;
                padding: 16px 16px;
                transition: all 0.3s;
            }

            .index_brand .list .item:hover .des {
                top: 0px;
            }

    /*样式4*/
    .index_brand .swiper-container {
        padding-bottom: 30px;
    }

    .index_brand .swiper-slide {
    }

        .index_brand .swiper-slide .item {
            background-color: #ffffff;
            padding: 15px 16px 20px;
            position: relative;
            overflow: hidden;
            margin-bottom: 16px;
            margin-right: 16px;
            width: calc( 20% - 16px);
            display: inline-block;
        }

            .index_brand .swiper-slide .item:nth-child(5n+5) {
                margin-right: 0px;
            }

            .index_brand .swiper-slide .item img {
            }

            .index_brand .swiper-slide .item .name {
                font-weight: 600;
                color: #070708;
                line-height: 16px;
            }

            .index_brand .swiper-slide .item .des {
                position: absolute;
                top: 100%;
                left: 0px;
                background: #0073be;
                opacity: 0.95;
                width: 100%;
                height: 100%;
                color: #ffffff;
                padding: 16px 16px;
                transition: all 0.3s;
            }

            .index_brand .swiper-slide .item:hover .des {
                top: 0px;
            }

    .index_brand .swiper-pagination-bullet {
        width: 23px;
        height: 6px;
        background: #8D8D90;
        border-radius: 0px;
        margin: 0px 8px;
    }

    .index_brand .swiper-pagination-bullet-active {
        width: 36px;
        height: 6px;
        background: #0073BE;
    }

/*联系我们*/
.contact_container {
}

    .contact_container .info {
    }

        .contact_container .info .item {
            position: relative;
        }

            .contact_container .info .item::after {
                width: 0px;
                height: 80%;
                content: "";
                display: block;
                position: absolute;
                right: 0px;
                top: 10%;
                border-right: 1px solid #E6E6E6;
            }

            .contact_container .info .item img {
                width: 40px;
            }

.contactinner_list {
    background: #F7F8FA;
    padding: 70px 0px;
}

    .contactinner_list .item {
        width: 33.3%;
        padding: 0px 10px;
    }

        .contactinner_list .item .box {
            background: #FFFFFF;
            padding: 25px 20px 45px;
        }

        .contactinner_list .item .child_item {
            margin-bottom: 15px;
        }

            .contactinner_list .item .child_item img {
                width: 16px;
                height: 16px;
                line-height: 24px;
                margin-right: 10px;
            }

            .contactinner_list .item .child_item .map_show {
                color: #0073BE;
            }

.dialog_map {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(1, 1, 1, 0.3);
    z-index: 10;
    display: none;
}

    .dialog_map .container {
        width: 70%;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 24px 30px 40px;
    }

        .dialog_map .container .top {
        }

            .dialog_map .container .top img {
                width: 26px;
                height: 26px;
                cursor: pointer;
            }

/*公共，分页*/
.page_box {
}

    .page_box .page_np {
        width: 32px;
        height: 32px;
        margin: 0px 5px;
    }

        .page_box .page_np img {
            width: 32px;
            height: 32px;
        }

    .page_box .page_item {
        padding: 0px 6px;
        margin: 0px 5px;
        width: 32px;
        font-size: 16px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        height: 32px;
        line-height: 32px;
        border-radius: 6px;
        font-family: arial;
        border: 1px solid rgba(0, 0, 0, 0.15);
        color: rgba(0, 0, 0, 0.88);
        background-color: rgba(255, 255, 255, 1);
    }

        .page_box .page_item.on {
            color: #337ab7;
            font-weight: bold;
        }

        .page_box .page_item.point {
            color: #070708;
            background: none;
        }
		
.clear::after {
    display: block;
    clear: both;
    content: "";
    width: 100%;
}


.absolute{
	position: absolute;
}

.fixed_contact{
  position: fixed;
  /* bottom: 300px; */
  top:45%;
  right: 0px;
  z-index: 100;
}
.fixed_contact .btn_item{
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
  border-radius: 4px;
  margin-bottom: 10px;
}
.fixed_contact .btn_item .ico_box{
  width: 56px;
  height: 56px;
  color: #686869;
  transition: all 0.3s;
  background: #ffffff;
  border-radius: 4px;
}
.fixed_contact .btn_item .ico_box img{
  width: 25px;
  height: 25px;
  margin-bottom: 3px;
  margin-top: 2px;
}
.fixed_contact .btn_item:hover .ico_box{ 
  background: #0073BE;
  color: #ffffff;
  border-radius: 4px;
}
.fixed_contact .btn_item .ico_box img.whrite{
  display: none;
}
.fixed_contact .btn_item:hover .ico_box img.whrite{display: block;}
.fixed_contact .btn_item:hover .ico_box img.black{display: none;}
.fixed_contact .btn_item .qrcode{
  display: none;
  width: 165px;
  height: 157px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
  right: 74px;
  top: -15px;
  padding-top: 14px;
  border-radius: 5px;
}
.fixed_contact .btn_item .qrcode::after{
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: -5px;
  top: 30px;
  content: "";
  box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.25);
  background: #ffffff;
  transform: rotate(-135deg);
  z-index: 0;
}
.fixed_contact .btn_item .qrcode::before{
  width: 10px;
  height: 50%;
  background: #ffffff;
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 1;
}
.fixed_contact .btn_item .qrcode img{
  width: 97px;
  margin-bottom: 6px;
}
.fixed_contact .btn_item .qrcode .t{
  color: #373838;
  line-height: 16px;
}
.fixed_contact .btn_item:hover .qrcode{
  display: block;
}
.ani_img{}
.fixed_contact .ani_img img{
  right: 0px;
  width: 208px !important;
  max-width: 208px;
}
.contact_dialog{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(1, 1, 1, 0.3);
  z-index: 101;
  display: none;
}
.contact_dialog .container{
  width: 418px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0px 30px 24px 24px;
}
.contact_dialog .container .top{
  padding: 20px 0px;
}
.contact_dialog .container .top img{
  width: 26px;
  height: 26px;
  cursor: pointer;
}
.contact_dialog .container .form_box .form_item .form_label{
  width: 6em;
  text-align: right;
  margin-right: 20px;
  height: 36px;
  line-height: 36px;
}
    .contact_dialog .container .form_box a {
        width: 128px;
        height: 40px;
        line-height: 40px;
        background: #0073BE;
        border: none;
        outline: none;
        margin-top: 30px;
        border-radius: 4px;
        color: #fff;
        display:block;
        cursor:pointer;
    }

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
    .index_user .swiper-container {
        width: 100%;
    }

    .index_user .swiper-slide img {
        width: 15%;
    }

    .f36 {
        font-size: 26px;
    }

    .f30 {
        font-size: 20px;
    }

    .f24 {
        font-size: 18px;
    }

    .f18 {
        font-size: 16px;
    }

    .f16 {
        font-size: 14px;
    }

    .f14 {
        font-size: 12px;
    }

    .f36 {
        font-size: 30px;
    }

    .mb10 {
        margin-bottom: 5px;
    }

    .mb20 {
        margin-bottom: 10px;
    }

    .mb30 {
        margin-bottom: 15px;
    }

    .mb40 {
        margin-bottom: 20px;
    }

    .mb50 {
        margin-bottom: 25px;
    }

    .mb60 {
        margin-bottom: 30px;
    }

    .mb80 {
        margin-bottom: 40px;
    }

    .mb90 {
        margin-bottom: 45px;
    }

    .index_brand .list .item {
        /*1214*/
        width: calc(33.3% - 20px);
    }
}

/* 小屏幕（平板，大于等于 1199px） */
@media (max-width: 1199px) {
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 1200px) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1920px) {
}