@charset "utf-8";
/*---------------------------------
Description:单独样式
Company:同望
Author:chenz
Created:2020.11.03
Updated:2022.07.06
Updated by:chenz
---------------------------------*/

/* Base */
body {background:#fff;font-size:14px;color:#333;}
.transition {transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;}

a {color:#333;}

/* index */
.header-bg {
    box-shadow: none;
    color: #fff;
    min-width: 75rem;
    background-color: rgb(85, 148, 201); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 140px;
}
.www-status-bar  {
    width: 1200px;
    margin: 0 auto;
}
.www-status-bar .home-header-status-bar {
    padding: 0.9375rem 0;
}
.flex-between, .flex-evenly {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.www-status-bar .home-header-status-bar .head-logo {
    max-height: 3.8rem;
}
.cursor-pointer {
    cursor: pointer;
}
img {
    vertical-align: middle;
}

.www-status-bar .home-header-status-bar .header-other-info {
    line-height: .875rem;
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.cursor-pointer {
    cursor: pointer;
}
.flex-left, .flex-right {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.color-fff {
    color: #fff;
}

.pr-15 {
    padding-right: 0.9375rem;
}

.pl-15 {
    padding-left: 0.9375rem;
}

.fz-15 {
    font-size: .9375rem;
}
.www-status-bar .border-right {
    border-right: 0.0625rem solid #bec0c3;
}
.ml-10 {
    margin-left: 0.625rem;
}

.www-status-bar .home-header-status-bar .header-other-info .loginBtn {
    border: 0.0625rem solid transparent;
}
.www-header-has-bg .www-status-bar .loginBtn {
    color: #fff;
}
.zq-button.zq-button--text.zq-button--small {
    height: auto;
    line-height: normal;
}
.www-status-bar .loginBtn {
    color: #000;
    cursor: pointer;
}

.home-header-menu {
    height: auto!important;
}

.home-header-menu {
    height: 3.375rem;
    line-height: 3rem;
}
.flex-between, .flex-evenly {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.width-wrap {
    margin: 0 auto;
    width: 75rem;
}


.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.fz-16 {
    font-size: 1rem;
}
.flex-between, .flex-evenly {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.home-header-menu .item {
    font-weight: 400;
    padding: 0 1.5rem;
    text-align: center;
}

.home-header-menu .item:first-child {
    padding-left: 0;
}

.www-header-has-bg .item.active span, .www-header-has-bg .item:hover span {
    border-bottom: 0.1875rem solid #fff;
    color: #fff;
}
.home-header-menu .item.active span {
    border-bottom: 0.1875rem solid #fff;
    color: #4795F1;
}
.home-header-menu .item span {
    white-space: nowrap;
}
.menu-item {
    color: #fff;
}
.home-container .banner-box {
    min-width: 75rem;
    position: relative;
    width: 100%;
}
.home-container .banner-box .banner-position {
    background-position: 50%;
    height: 25.75rem;
    width: 100%;
}
.home-container .banner-box .banner-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.home-container .banner-box .banner-container .banner-inner {
    padding-top: 3.75rem;
}
.flex-between, .flex-evenly {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.width-wrap {
    margin: 0 auto;
    width: 75rem;
}


.home-container .banner-box .banner-container .banner-inner .main-right-box {
    height: 12.6875rem;
}

.home-container .banner-box .banner-container .banner-inner .main-right-box .bannerTips {
    margin-bottom: 2.1875rem;
    width: 28.125rem;
}

.home-search .autocomplete_search {
    height: 4.125rem;
}
.el-autocomplete {
    display: inline-block;
    position: relative;
}

.home-search .autocomplete_search .zq-input {
    width: 28.125rem;
}

.home-container .banner-box .banner-container .banner-inner .main-right-box .home-search .zq-input__inner {
    font-size: 1rem;
    height: 3rem;
    line-height: 3rem;
}
.autocomplete_search .zq-input .zq-input__inner {
    border: 0.0625rem solid #fff;
    font-size: 1.125rem;
}
.zq-input {
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    position: relative;
    width: 100%;
}
.zq-input.zq-input--small .zq-input__inner {
    height: 2rem;
    line-height: 2rem;
}
.zq-input .zq-input__inner {
    background-color: #fff;
    background-image: none;
    border: 0.0625rem solid #e2e2e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 2.5rem;
    line-height: 2.5rem;
    outline: none;
    padding: 0 1.375rem 0 0.875rem;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

button, input {
    outline: none;
}
input {
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

.search-box {
            display: none;
            width: 480px;
            height: 50px;
            position: relative;
        }

        .search-box input[type="text"] {
            width: 100%;
            height: 100%;
            padding: 10px;
            border: none;
            border-bottom: 2px solid #aaa;
            outline: none;
            font-size: 16px;
            color: #aaa;
            padding-left: 25px; /* Add padding for the triangle */
        }

        .search-box .triangle {
            width: 0;
            height: 0;
            border-left: 8.5px solid transparent;
            border-right: 8.5px solid transparent;
            border-bottom: 12px solid #fff;
            position: absolute;
            transform: translateY(-70%);
            
        }

        .search-button {
            width: 95px;
            height: 50px;
            background-color: #F13939;
            border: none;
            outline: none;
            color: white;
            font-size: 16px;
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
        }
.adlang {
    background-color: #F1F2F3;
    height: 86px;
    margin: 20px auto;
    width:1270px;
    text-align: center;
}
.adlang img{
    margin-top: 7px;
    width: 247px;
    height: 70px;
}
.home-zone .swiper-box .bg {
    background-color: #fff;
    -webkit-box-shadow: 0 0.125rem 0.5625rem 0.125rem hsl(0deg 5% 88% / 50%);
    box-shadow: 0 0.125rem 0.5625rem 0.125rem hsl(0deg 5% 88% / 50%);
    width: 32%;
    width:1270px;
    margin: 0px auto;
    text-align: center;
    
}
.height-100 {
    height: 100%;
}
.home-zone .swiper-box .zone-swiper-item.block {
    height: 9.25rem;
}
.home-zone .swiper-box .zone-swiper-item {
    background-position: 50%;
    background-size: 100% 100%;
    height: 12rem;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.home-zone .swiper-box .zone-type-blcok {
    cursor: pointer;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}

.home-zone .swiper-box .zone-type-blcok .big-title {
    font-size: 1.125rem;
    font-weight: 600;
    height: 2.0625rem;
    line-height: 2.0625rem;
    text-align: center;
}
.home-zone .swiper-box .zone-type-blcok .sec-title {
    color: #9aa0a3;
    font-size: .875rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
}

.slider-container {
            width: 553px;
            height: 316px;
            position: relative;
            overflow: hidden;
        }

        .slider {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .slider img {
            width: 553px;
            height: 316px;
        }

        .slider-prev,
        .slider-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.3);
            color: white;
            font-size: 18px;
            cursor: pointer;
        }

        .slider-prev {
            left: 5px;
        }

        .slider-next {
            right: 5px;
        }

        .slide-title {
            position: absolute;
            bottom:  0;
            left: 0;
            width: 100%;
            height: 45px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
        }
        .wenzhang {
            display:flex;
            width:1270px;
            margin:0 auto; 
        }
        .bghuandeng {
            background-color: #F1F2F3;
            padding: 10px;
            border-radius: 5px;
        }
        
        .case{
            width:680px;
            background:#fff;
            border-radius: 5px;
            box-shadow: 1px 1px 10px #dddddd;
            margin-left: 15px;
         }
.case .title{
    height:30px;
    border-bottom:1px solid #e7e7e7;
    padding-bottom:20px;
}
.case .title h2{font-size:20px;font-family:"microsoft yahei";}
.case .title-list{position:relative;top:16px;margin: 0 10px;}
.case .title-list li{font-size: 16px;width:126px;line-height:20px;text-align:center;float:left;display:inline;}
.case .title-list li.on{color:#C54444;font-weight:bold;font-size: 16px;}
.case .title-list p{
	position:absolute;
	top:22px;
	left:55px;
    border-style: dashed solid dashed;
    border-width: 6px;
    border-color: rgba(255,255,255,.1) rgba(255,255,255,.1) #C54444 rgba(255,255,255,.1);
    overflow:hidden;
	text-align:center;
    zoom: 1;
    font-size: 0;
	}
.case .title-list .xhx{
	position:absolute;
	top:34px;
	left:0;
	width:130px;
	height:7px;
	border-top:2px solid #C54444;
	overflow:hidden;
	text-align:center;
}
.case .title_list_on {
    border-bottom: 1px dashed #B2B2B2;
    font-size: 15px;
    padding: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    background-color: #fff;
}
.product{
    height:268px;
    position:relative;
    overflow:hidden;
    display:none;margin-top:10px;
}
.product ul{position:absolute;left:0px;}
.product-wrap .show{display:block;}
.product-wrap .product li{
    float:left;
    display:inline;
    margin-left:13px;
    background:#f3f3f3;
    transition:0.4s;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    -ms-transition:0.4s;
    
}
.product-wrap .show_list{display:block;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{display:block;width:226px;height:200px;background:#fff;text-align:center;}
.product-wrap .product li p{padding-left:15px;color:#666666;line-height:22px;}
.product-wrap .product li p a{color:#666666;text-decoration:none;}
.product-wrap .product li p a:hover{color:#C54444;text-decoration:none;}


 .title-bar {
            width: 900px;
            height: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px;
            border-bottom: 3px solid #333;
        }

        .title {
            font-weight: bold;
            font-size: 18px;
        }

        .more-link {
            font-size: 13px;
        }
.left_column {
    margin: auto 7px;
    text-align: center;
}
.left_column .Operations {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #dddddd;
    width: 270px;
    margin-top: 15px;
}

.left_column .Operations .title {
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
}


.left_column .Operations img{
    width: 270px;
    height: 150px;
}

.endad {
    width: 100%;
    right: 0;
    text-align: right;
}

.endad img{
    width: 320px;
    height: 90px;
    margin-bottom: 5px;
}

.index-footer {
    background: #023489;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
}

.index-footer .main{
    position: relative;
    padding: 10px 0;
    width: 1260px;
    text-align: center;
    margin: 0 auto;
}
.index-footer .qrcode-xcx {
    top: -29px;
    right: 0;
}

.index-footer .qrcode {
    position: absolute;
}
.index-footer .qrcode-gzh {
    top: -29px;
    right: 70px;
}
.index-footer .qrcode .qrcode-pic {
    width: 60px;
    height: 60px;
}
.index-footer .qrcode img {
    vertical-align: top;
    display: inline-block;
    margin-left: -4px;
}
.ant-picker-content, table {
    border-collapse: collapse;
}
.index-footer td {
    color: #FFF;
    font-size: 12px;
    padding: 5px;
}
.index-footer td a {
    color: #FFF;
}