.justify-between{justify-content: space-between !important;}

.width30{width: 30%;}
.width40{width: 40%;}

.head{width:100%;overflow:hidden;position:fixed;top:0;z-index:9;border-bottom: 1px solid rgba(255, 255, 255, 0.15);height: 88px;}
.head .line{display:block;width:100%;height:1px;background:rgba(255,255,255,.5)}
.menu_fixed{POSITION:fixed;LEFT:0;height:50px;MARGIN:0;Z-INDEX:9;WIDTH:100%;background-color:#fff;-webkit-transition:all .5s ease;
-webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);}
/* .headWithin{overflow:hidden;height:90px;margin:0 auto;padding: 15px 30px 0px 0px;} */
.headWithin {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0px 70px 0 100px;
    border-radius: 0px 0px 0px 0px;
    height: 90px;
}
.head .menu{background-size:100%;cursor:pointer;display:none;float:left;margin-top:35px;border-radius:5px}
.head .menu a{display:block;overflow:hidden;float:left;font-family:"微软雅黑";font-size:16px;color:#fff;padding-left:24px;margin-right:12px;line-height:20px;background-size:18px 18px}
.head .menu a .iconfont{font-size:17px;margin-right: 10px;}
.menu_fixed .menu{margin-top:15px}
.head .logo{width:210px;height:66px;display:block;float:left;margin-top: 11px; margin-left:430px;background:url(../images/logo-white.png?v=1) no-repeat center;
    background-size: 210px 66px;}
.head .logo.po{background:url(../images/logo-white.png?v=1) no-repeat center}
.menu_fixed .logo,.menu_fixed .logo.po{height:50px;margin-top:1px;background:url(../images/logo.png?v=1) no-repeat center;background-size: 168px 50px;}
.arrowBanner{display:block;position:absolute;bottom:60px;margin:0 auto;width:100%;cursor:pointer;-webkit-animation:moveBottom 1.5s linear 0s infinite normal;
    animation:moveBottom 1.5s linear 0s infinite normal;z-index: 1;}
@keyframes moveBottom{0%{transform:translate(0,-20px);opacity:0}
50%{transform:translate(0,10px);opacity:100}
100%{transform:translate(0,20px);opacity:100}
}
@-webkit-keyframes moveBottom{0%{transform:translate(0,-20px);opacity:0}
50%{transform:translate(0,10px);opacity:100}
100%{transform:translate(0,20px);opacity:100}
}
@-moz-keyframes moveBottom{0%{transform:translate(0,-20px);opacity:0}
50%{transform:translate(0,10px);opacity:100}
100%{transform:translate(0,20px);opacity:100}
}
@-o-keyframes moveBottom{0%{transform:translate(0,-20px);opacity:0}
50%{transform:translate(0,10px);opacity:100}
100%{transform:translate(0,20px);opacity:100}
}
.arrowBanner img{display:block;margin:0 auto}
.head .logo a{display:block;width:210px;height:66px}
.head .href{float:right;overflow:hidden;margin-right:24px;margin-top:22px}
.menu_fixed .href{margin-top:0}


.head .btn-group{display: flex;justify-content: flex-end;}
.head .btn-link .zz-button {
    font-size: 19px;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 255, 0, 0);
    margin: 0px 30px 0px 0;
    border: 0px solid #dcdfe6;
    border-radius: 4px 4px 4px 4px;
    padding: 12px 0px 12px 0px;
}
.head .btn-link:last-child .zz-button{margin-right: 0;}
.head .btn-link .zz-button svg {
    height: 26px;
    width: 26px;
}
.head .btn-link .zz-button .number p strong{font-size: 19px;
    color: rgba(255, 255, 255, 1);}

.menu_fixed .headWithin{height: 50px;padding-bottom: 0;}
.head.menu_fixed .menu a{color: #000;}
.head.menu_fixed .btn-link .zz-button{color: #000;}
.head.menu_fixed .btn-link .zz-button .number p strong{color: #000;}
.head.menu_fixed .zz-button .btn-icon--left svg path{fill: rgba(0, 88, 168, 1);}


/* footer */
.footer{background: rgba(0, 0, 0, 0.84);
    width: 100%;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        padding-top: 73px;
}
.footer .zz-container {
    color: rgba(0, 0, 0, 1);
    font-family: helveticaneue-light;
    font-size: 14px;
    line-height: 1.5;
    padding: 0px 60px 0px 60px;
    max-width: 100%;
}
.footer .weixin_code{text-align: center;margin-top: 20px;width: 260px;margin: 0 auto;}
.footer .weixin_code p{color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;padding: 10px 0px;}

.footer-widget-titel{border-left: 2px solid rgba(0, 89, 169, 1);}
.footer-widget-titel h4{font-size:18px;line-height:26px;color:#fff;margin-bottom:16px;font-weight: 600;margin-top: 0;padding-left: 10px;}
/* .footer-widget-titel h4 i{font-size: 26px;color: #cfcfcf; margin-top: 10px;position: relative;top: 4px; margin-right: 10px;} */
.footer-widget-titel h4 .line{margin-top: 10px;position: relative;top: 0; margin-right: 10px;width: 2px; background: rgba(0, 89, 169, 1);height: 27px;display: inline-block;}
.footer-widget-menu ul li{font-size:14px;line-height:22px;color:#333;font-weight:400; margin-bottom:10px;transition:.5s;padding-left: 10px;}
.footer-widget-menu ul li a{color: rgba(255, 255, 255, 0.86);}
.footer-widget-menu ul li a:hover{color:#0058a8}
.footer-widget-menu ul li i{display:inline-block;font-size:12px;color:#9ca5b5;margin-right:9px;transition:.5s}
.footer-widget-menu ul li a:hover i{color:#0058a8}

.footer-widget-contact ul li{color: #fff;line-height:28px;}
.footer-widget-contact ul li img{width: 18px;object-fit: contain;}
.footer-widget-contact ul li span{margin-left: 10px;}

.footer-item {
    border: 0px solid #000;
    padding: 0;
    margin: 0px 0px 0px 70px;
    border-radius:0;
    align-items: flex-start;
}
.footer-bottom-area{padding:30px 0 30px;border-top:1px solid rgba(255, 255, 255, 0.07);margin-top: 15px;}
.footer-bottom-content p{font-size:14px;line-height:42px;color: rgba(128, 128, 128, 1);;font-weight:400;margin:0;text-align: center;}
.footer-bottom-content p span{padding-left: 30px;}

/*---=================================
   <!--banner Area Css-->
==================================---*/

.index-banner .swiper-pagination-bullet{width: 22px !important; height:7px !important;display: inline-block;border-radius: 30px;background: #fff; opacity: .4;margin-right: 8px;}
.index-banner .swiper-pagination-bullet-active {opacity: 1; background: rgba(3, 86, 164, 1);width: 20px;}
.index-banner .swiper-page{position: relative;display: flex;justify-content: center;}
.index-banner .swiper-page .swiper-pagination{top: -50px;}
.index-banner .full{position: relative;display: flex;height: 100vh;}
.index-banner .full img{width: 100%;height: 100vh;}

.index-banner .full .nrBox{ position: absolute; left:124px;width: 100%; align-self: center;height: 500px;padding-top: 250px;}
.index-banner .nrBox .Box{ width:100%; height:100%; position:relative;}
.index-banner .nrBox .Box .words{ position:absolute; bottom: 160px;}
.index-banner .nrBox .Box h1{
	font-family: "微软雅黑";
	font-size: 55px;
	color: #fff;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.index-banner .nrBox .Box h2{
	font-family: "微软雅黑";
	font-size: 21px;
	color: #fff;
	padding-top: 13px;
	padding-bottom: 18px;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select: none;
}
.index-banner .nrBox .Box h2 i{ font-style:normal; color:#ff0000;}
.index-banner .nrBox .Box p{
	display: block;
	width: 126px;
	height: 43px;
	background-color: rgba(3, 86, 164, 1);
    border-radius: 4px;
	text-align: center;
	line-height: 43px;
	font-family: "微软雅黑";
	font-size: 12px;	
	z-index: 999;
	color: #fff;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}




.zz-container {
    max-width: 1200px;
    margin: 0 auto;
}

.padding-pannel{padding: 60px 0;}

.about_pannel .zz-comp-text .zz-text{
  padding-top: 10px;
}
.about_pannel .zz-comp-text .zz-text, .about_pannel .zz-comp-text .zz-text>p {
    text-align: left;
    font-family: NotoSansCJKsc-Black;
    font-size: 48px;
    font-weight: bold;
    color: #000;
    line-height: 60px;
}
.about_pannel .zz-comp-text .zz-tit,
.about_pannel .zz-comp-text .zz-tit>p {
    text-align: left;
    color: rgba(45, 53, 79, 1);
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
}
.about_pannel .zz-comp-cont{margin-top: 40px;padding-right: 150px;}
.about_pannel .zz-comp-cont,
.about_pannel .zz-comp-cont>p {
    text-align: left;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
    font-size: 14px;
}

.about_pannel .btn-link .zz-button {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 88, 168, 1);
    margin: 38px 15px 0px 0px;
    border: 0px solid #dcdfe6;
    border-radius: 0px 0px 0px 0px;
    padding: 16px 16px 16px 16px;
}
.about_pannel .btn-link .zz-button .iconfont{font-size: 20px;}


/* product */
.product_pannel{background: rgba(245, 245, 245, 0.61);}
.product_bgimg{background: url(../images/product_bg.png) no-repeat;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-size: cover;
}
.content_title{text-align: center;}
.content_title .title{text-align: center;
    color: rgba(45, 53, 79, 1);
    font-size: 30px;
    font-weight: bold;
    line-height:70px;}
.content_title .title_en{text-align: center;
    color: rgba(45, 53, 79, 1);
    font-family: NotoSansCJKsc-Black;
    font-size: 48px;
    font-weight: bold;
    line-height: 40px;
}

.product_itrem{background: rgba(255, 255, 255, 1);padding: 4px;transition: all .5s linear;margin: 4px;}
.product_itimg{text-align: center;}
.product_itimg img{width: 380px;height: 380px;margin: 30px auto 0 auto;}


.product_info{display: flex; justify-content: space-between;padding: 30px 30px 20px 30px;}
.product_info .pro_tit{width: 70%;}
.product_info .pro_titl{text-align: left;
    color: rgba(45, 53, 79, 1);
    font-size: 16px;
    font-weight: bold;}
.product_info .pro_titen{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
        color: rgba(128, 128, 128, 1);
        font-size: 14px;
}
.product_info .more{
    font-size: 14px;
        color: rgba(0, 89, 169, 1);
        align-self:flex-end;
}

.product_pannel .content_title{padding-top: 30px;padding-bottom: 30px;}


/* 必要布局样式css */
.product-swiper{margin-top: 20px;position: relative;padding: 0 20px;}
.product-swiper .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.product-swiper .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.product-swiper .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.product-swiper .swiper-wrapper {
    position: relative;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.product-swiper .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.product-swiper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0;
    /* -webkit-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
    box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px; */
}

/* .product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 50px;
    margin-top: -25px;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
} */

 .product-swiper .swiper-button-next,
 .product-swiper .swiper-button-prev{
        height: auto !important;
            width: auto !important;
            background-image: none !important;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
}

/* .product-swiper .swiper-button-next,
.product-swiper .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
} */
 .product-swiper .swiper-button-prev {
   left: -20px;
 }
 .product-swiper .swiper-button-next{
    -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        right: -20px;
}

.product-swiper .swiper-button-next svg{
    fill: rgba(0, 0, 0, 1);
        width: 30px;
        height: 30px;
}
.product-swiper .swiper-button-prev svg {
    fill: rgba(0, 0, 0, 1);
    width: 30px;
    height: 30px;
}

.product-swiper .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.product-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 5px;
    cursor: pointer;
}

.product-swiper .swiper-slide:hover {
    /* -webkit-box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px;
    -moz-box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px;
    box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px; */
    transform: translateY(-10px)
}

.product-swiper .banner-box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.product-swiper .swiper-container {
    width: 100%;
    margin: 12px 0;
}

.product-swiper .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.9);
        transform: scale(0.9);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
}


.product-swiper .swiper-slide-active,
.product-swiper .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}



.product-swiper .swiper-slide img {
    width: 100%;
    display: block;
}

.product-swiper .swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.product-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    /* background: rgba(0, 0, 0, .8); */
}

@media screen and (max-width: 668px) {
.product-swiper .swiper-pagination {
        position: relative;
        margin-bottom: 20px;
    }

        .product-swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background: rgba(0, 0, 0, .8);
    }
}

/* 解决方案 */
.plan_left{border-radius: 0;background-color: rgba(0, 88, 168, 1);text-align: center;height: 676px;}
.plan_left img{width: 104px;margin-top: 80px;}
.plan_left{
    border: 0px solid #000;
        padding: 0px 0px 0px 0px;
        margin: 0px -70px 0px 0px;
        /* border-radius: 0px 0px 0px 0px;
        align-items: flex-start; */
        width: 100%;
        display: flex;
        justify-content: center;
}
.wordWrapClass {
    word-wrap: break-word;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: center;
    padding: 0px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 3px;


}
.plan_right .text {
    padding: 80px 80px 0 80px;
    position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
}
.plan_right .text .title{
    color: rgba(255, 255, 255, 1);
    font-size: 30px;
    line-height: 65px;
    text-align: inherit;
}
.plan_right .text .title p{color: #fff;font-size: 30px;line-height: 55px;}

.plan_right .text .title img{width: 50px;height: 4px;}

.plan_right .text .des {
    margin-top: 0px;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 1.3;
    text-align: inherit;
}
.plan_right .text .des p{color: #fff;font-size: 20px;}
.plan-swiper{height: 676px;width: 100%;position: relative;}
.plan-swiper .full{height: 676px;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;

}
.plan-swiper .full img{width: 100%;}


.plan-swiper .swiper-slide{width: 100% !important;display: flex;}



 .plan-swiper .swiper-button-next,
 .plan-swiper .swiper-button-prev {
     height: auto !important;
     width: auto !important;
     background-image: none !important;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-align-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
 }

 .plan-swiper .swiper-button-prev {
     left: 19%;
 }

 .plan-swiper .swiper-button-next {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     right: 70px;
 }

 .plan-swiper .swiper-button-next svg {
     fill: rgba(255, 255, 255, 1);
     width: 40px;
     height: 40px;
     padding: 20px;
 }

 .plan-swiper .swiper-button-prev svg {
     fill: rgba(255, 255, 255, 1);
     width: 40px;
     height: 40px;
    padding: 20px;
 }




.pannel-title{display: flex;justify-content: space-between;width: 100%;align-items: flex-end;}
.pannel-title .pannel-titcon{width: 40%;float: left;}
.pannel-title .pannel-titcon .title-en{text-align: left;
    font-family: NotoSansCJKsc-Black;
    font-size: 48px;
    font-weight: bold;
    color: #000;
    line-height: 60px;}
.pannel-title .pannel-titcon .title-tit {text-align: left;
    color: rgba(45, 53, 79, 1);
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;}

.pannel-title .title-right{width: 60%;margin-bottom: 10px;}

.tab-title {
    float: right;
    line-height: 44px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
}

.tab-title li {
float: left;
    margin-right: 10px;
    color: #000;
    font-size: 14px;
    border-radius: 30px 30px 30px 30px;
    padding: 4px 15px;
    border: 0px solid #000;
    background: rgba(0, 89, 169, 0.07);
    line-height: 28px;
}

.tab-title li a {
    /* background-color:rgba(90,73,248,0.1);*/
    color: #000;
}

.tab-title li.active {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 89, 169, 1);
}

.tab-title li.active a {
    color: #fff !important;
}

.tab-title li.active a:hover {
    text-decoration: none !important;
}

.tab-title li a:hover {
    text-decoration: none !important;
}


.news-swiper .text {
padding: 10px 20px 15px 30px;
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
}
.news-swiper .text .title{
color: rgba(255, 255, 255, 1);
    font-size: 18px;
    line-height: 1.5;
    text-align: inherit;
}
.news-swiper .text .title h4{color: rgba(255, 255, 255, 1);
    font-size: 18px;
    line-height: 1.5;
    text-align: inherit;}

.news-swiper .text .title img{width: 50px;height: 4px;}

.news-swiper .text .des {
    margin-top: 0px;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 1.3;
    text-align: inherit;
}
.news-swiper .text .des p{color: #fff;font-size: 20px;}
.news-swiper .apply-time {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-top: 10px;
    display: inline-block;
}

.news-swiper .swiper-pagination{position:absolute;right: 30px;text-align: right;left: auto;bottom: 30px;}
.news-swiper .swiper-pagination-bullet {
    height: 10px;
    line-height: 10px;
    width: 10px;
}
.news-swiper .full img{height: 390px;}

.news_pannel .zz-comp-row {
    margin: 0 -15px;
}
.news_pannel .zz-comp-row .zz-column {
    padding: 0 15px 0px 15px;
}
._1h1s1ndm88000 .zz-comp-list__item {
    padding: 0;
    margin: 0;
    transition: all .5s linear;
}
._1h1s1ndm88000 {
    border: 0px solid #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
    border-radius: 0px 0px 0px 0px;
    align-items: flex-start;
}


._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .title>.content {
    -webkit-line-clamp: 1;
    margin-top: 5px;
}
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .title,
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .title>* {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    line-height: 2.2;
    text-align: inherit;
}
.zz-comp-list__item .zz-element-wrapper .title .content,
.zz-comp-list__item .zz-element-wrapper .des .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    visibility: visible;
}
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .des {
    margin-top: 0px;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    line-height: 1.9;
    text-align: inherit;
}
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .des>.content {
    -webkit-line-clamp: 2;
}
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper>.text .des>.content p{
    margin: 0;
    color: rgba(153, 153, 153, 1);
        font-size: 14px;
        line-height: 1.9;
        text-align: inherit;
}
.news_pannel .zz-comp-list:not(.swiper-container) .zz-comp-list__wrap {
    display: initial;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    width: 100%;
}
.zz-comp-list__item .zz-element-wrapper.time-right .apply-time {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px;
}
.zz-comp-list__item .zz-element-wrapper .apply-time {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-top: 10px;
    display: inline-block;
}
._1h1s1ndm88000 .zz-comp-list__item .apply-time div {
    color: #999;
    font-size: 24px;
    padding: 30px 0px 0px 0px;
}
._1h1s1ndm88000 .zz-comp-list__item .apply-time p{color: #999;}
._1h1s1ndm88000 .zz-comp-list__item>.zz-element-wrapper {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0px 0px 10px 0px;
    border-radius: 0px 0px 0px 0px;
}


._1h1s1ndm88000 .zz-comp-list__item:hover {
    transform: translateY(-10px)
}

.news_pannel .tab-content-wrap{margin-top: 44px;margin-bottom: 32px;}
.news_pannel .more{text-align: center;width: 100%; padding: 30px;}
.news_pannel .more a{border-bottom: 1px solid rgba(238, 238, 238, 1);}
.news_pannel .more a:hover{color: #0058a8;}


.nei_banner{width: 100%;height: 320px; overflow: hidden;position: relative;}
.product_banner{background: url(../images/banner/banner_product.jpg) no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size: cover;height: 400px;}
.productnei_banner{background: url(../images/banner/banner_product.jpg) no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size: cover;
    height: 400px;}

.contact_banner{background: url(../images/banner/banner_contact.jpg) no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size: cover;
    height: 400px;}
.about_banner{
    background: url(../images/banner/banner_about.jpg) no-repeat;
        background-position: center center;
        background-attachment: inherit;
        background-size: cover;
        height: 400px;
}
.plan_banner {
    background: url(../images/banner/banner_plan.jpeg) no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size: cover;
    height: 400px;
}
.news_banner{
    background: url(../images/banner/banner_news.jpeg) no-repeat;
        background-position: center center;
        background-attachment: inherit;
        background-size: cover;
        height: 400px;
}
.service_banner{
    background: url(../images/banner/banner_service.jpeg) no-repeat;
        background-position: center center;
        background-attachment: inherit;
        background-size: cover;
        height: 400px;
}

.zz-bg-color{background: rgba(0, 0, 0, 0.3);}

.wsc-breadCon{color:#999;height:24px;line-height:24px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 15px;}
.wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{font-size:14px;color:#606266;}
.wsc-bread span{margin:0 1px;}

.nei_banner .zz-container{position: relative;height: 400px;}
.nei_banner .zz-container .wsc-bread{position: absolute;bottom: 10px; left: 0;}
.nei_banner .zz-container .wsc-breadCon{color: #fff;}
.nei_banner .zz-container .wsc-bread a{color: #fff;}
.nei_banner .wsc-bread a,.nei_banner .wsc-bread em,.nei_banner .wsc-bread span,.nei_banner .wsc-bread strong,.nei_banner .wsc-bread h1{font-size:14px;color:#fff;}

.contact_banner .zz-container{position: relative;height: 400px;z-index: 2;}
.about_banner .zz-container{position: relative;height: 400px;z-index: 2;}
.plan_banner .zz-container{position: relative;height: 400px;z-index: 2;}
.news_banner .zz-container{position: relative;height: 400px;z-index: 2;}
.service_banner .zz-container{position: relative;height: 400px;z-index: 2;}

.zz-block-widthFull .zz-container {
    max-width: calc(100% - 240px);
}
.pannel-gray{background: rgba(245, 245, 245, 1);}

.story-anchors {width:100%;text-align:center;line-height:50px;background:#fff;transition:all .4s ease;margin-top: 60px;}
.story-anchors li{display:inline-block;width:auto;text-align:center;padding: 10px 15px;margin-right: 0;}
.story-anchors a{display:block;cursor:pointer;font-size:18px;font-weight: 400;color: #666666;padding:0 3px;position:relative;transition:all .2s ease}
.story-anchors li.active a{border-radius: 30px;color: rgba(0, 89, 169, 1);position: relative;}
.story-anchors li.active a p{color: rgba(0, 89, 169, 1);font-weight: 600;}
.story-anchors li:hover a{border-radius: 30px;color: rgba(0, 89, 169, 1);position: relative;}
.story-anchors a img{width: 28px;height: 28px;}
.story-anchors a p{color: #808080;margin: 0;font-size: 20px;line-height: 50px;}



.com-anchors{width:100%;text-align:center;background:#fff;transition:all .4s ease;margin-top: 30px;}
.com-anchors.fix{position:fixed;width:100%;z-index:10}
.com-anchors li{display:inline-block;width:auto;height:100%;overflow:hidden;text-align:center;margin: 0 15px;}
.com-anchors a{display:block;cursor:pointer;font-size:16px;font-weight: 400;padding:0 33px;position:relative;transition:all .2s ease;color: #404040;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 15px;
    border: 0px solid rgba(0, 89, 169, 1);
    background: #eff3fa;}
.com-anchors a:hover{background: #0059a9;border-radius: 25px;color: #fff;}
.com-anchors li.active a{background: #0059a9;border-radius: 25px;color: #fff;}



.plan-anchors{width:100%;text-align:center;background:#fff;transition:all .4s ease;margin-top: 30px;}
.plan-anchors.fix{position:fixed;width:100%;z-index:10}
.plan-anchors li{display:inline-block;width:auto;height:100%;overflow:hidden;text-align:center;}
.plan-anchors a{display:block;cursor:pointer;font-size:16px;font-weight: 400;padding:0 33px;position:relative;transition:all .2s ease;color: #404040;
    font-size: 16px;
    border-radius: 30px;
    padding:10px 40px;
    background: #fff;}
.plan-anchors a:hover{background: #fff;border-radius: 25px;color: #0059a9;}
.plan-anchors li.active a{border-radius: 25px;color: #0059a9;}
.plan-anchors li{border-bottom:1px solid #e0e0e0}
.plan-anchors li.active{border-bottom:2px solid #0059a9}

.product-wapper{margin-top: 40px;}
.product-wapper .zz-column .product-waitem{transition: all .5s linear;}
.product-wapper .zz-column .product-waitem:hover{transform: translateY(-10px)}



.content_pre{background-color: #fff;padding: 40px;box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.17);margin: 0px 80px 120px 80px;}
.content_top{position: relative;margin-top: -100px;z-index: 8; }

.product_infoimg{width: 80%;margin: 0 5%;}
.product_infoimg img{width: 100%;}


.product_mainpan{margin-top: 80px;}
.product_intitle{align-self: center;}
.product_intitle .product_intit{color: #2e364e;
    font-size: 34px;
    font-weight: bold;
    line-height: 54px;}
.product_intitle .product_intzhaiyao {color: #2e364e;
    font-size: 22px;
    font-weight: bold;
    line-height: 44px;
}
.product_intitle .product_intdec {color: #808080;font-size: 14px;margin-top: 35px;}
.product_intitle .zz-button{
    margin-top: 45px;
    font-size: 14px;
    color: #ffffff;
    background: #0356a4;
    border: 0px solid #cccccc;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 20px 15px 20px;}

.product_detail{border-top: 1px solid rgba(0, 0, 0, 0.09);margin-top: 60px;}
.product_detail .zz-comp-content{padding:20px 0;}

.product_detail .zz-comp-content p{color: #000; font-size: 14px;}



.contact-main{margin-top:20px;}

.contact-widget-titel h4{color: #2d354f;
    font-size: 30px;line-height:26px;margin-bottom:16px;font-weight: 600;margin-top: 0;}
.contact-widget-titel p{font-size: 14px;text-align: left;color: #404040;}
.contact-widget-menu{margin-top: 40px;}
.contact-widget-menu ul li{color: #000;line-height: 56px;font-size: 16px;}
.contact-widget-menu ul li img{width: 24px;object-fit: contain;}
.contact-widget-menu ul li span{margin-left: 10px;font-size: 16px;}


.form-group .form-item-label{color: #404040;line-height: 40px; padding: 0 12px 0 0;width: 180px;}
.form-group .form-item-label.is-required::before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}


.form-horizontal .default-btn {
    background: #0058a8;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    display: inline-block;
    letter-spacing: 0px;
    padding: 0 35px;
    position: relative;
    border-radius: 2px;
    z-index: 1;
    width: 100%;
    border-radius: 6px;
    margin-top: 20px;
}
.form-horizontal .default-btn:hover{
    background-color: #1968b0;
}

.contact_form{box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
    padding: 20px 30px 60px 30px;
    align-items: flex-start;margin-right: 20px;}
.contact_form .form-horizontal{margin-top: 25px;}
.contact_form .form-group{margin-bottom: 15px;}
.contact_form .sm-padding{display: flex;}
.contact_form .form-control {
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 11px 15px;
    box-shadow: none;
    color: #666;
    outline: none;
    border-radius: 6px;
    width: calc(100% - 120px);
}
.contact_form .form-control::-webkit-input-placeholder {
    font-size: 14px;
}

.contact_form .form-control:-moz-placeholder {
    font-size: 14px;
}

.contact_form .form-control:-ms-input-placeholder {
    font-size: 14px;
}
.contact-widget{margin-left: 60px;margin-top: 20px;}


.about_content{}
.about_content .content_atit{text-align: left;
    color: rgba(45, 53, 79, 1);
    font-size: 30px;
    font-weight: bold;
    line-height: 1;}
.about_content .content_acont{margin-top: 30px;border-right: 6px solid rgba(229, 229, 229, 1);padding-right: 30px;}
.about_content .content_acont p{
    text-align: left;
        color: rgba(64, 64, 64, 1);
        font-size: 16px;
        line-height: 24px;
        padding: 5px 0px;
}
.about_time{padding-left: 20px;padding-top: 20px;}
.about_time .text{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 0.07);padding:40px 0;margin-left: 30px;}
.about_time .text h4{color: #0059a9;
    font-size: 44px;
    line-height: 1.1;
    text-align: inherit;}
.about_time .text p{color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 1.5;} 
.about_time .text-img{width: 69px;}
.about_time .text:last-child{border-bottom: none;}


.wenhua_pannel{background-image: url(../images/wenhua_banner.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;height: 359px;
    display: flex;
}
.wenhua_pannel .title{text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;}
.wenhua_pannel .line {width: 30px;height: 1px;background-color: #fff;margin: 20px auto;}
.wenhua_pannel .content {text-align: center; color: #fff;font-size: 16px;line-height: 32px;}

.wenhua_pannel .wenhua_itt{align-self: center;}

.plan-wapper{margin-top: 50px;}
.plan-wapper .plan-waitem{margin: 0 15px 30px 15px;}
.plan-wapper .plan-waitem .plan_itrem{box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);padding: 30px;border-radius: 6px;}
.plan-wapper .plan-waitem .plan_itrem img{width: 100%;}
.plan-wapper .plan-waitem .plan_itrem .plan_info{padding: 20px 15px 0px 15px;}
.plan-wapper .plan-waitem .plan_itrem .plan_info .plan_titl{color: #333333;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;}
.plan-wapper .plan-waitem .plan_itrem .plan_info .more {color: rgba(0, 89, 169, 1);
    font-size: 14px;
    line-height: 1.7;
    text-align: center;}

.plan_contitle{width: 100%;display: flex;justify-content: space-between;}
.plan_contitle .title h3{text-align: left;
    color: #333;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;}
.plan_contitle .title p {
        text-align: left;
            color: rgba(130, 130, 130, 1);
            font-size: 16px;
            line-height: 1.5;
    }
.plan_contitle .cot p {
        text-align: right;
            color: rgba(0, 0, 0, 1);
            letter-spacing: 1px;
            line-height: 1.9;
            font-size: 14px;
    }

.plan_detail{margin-top: 40px;}
.plan_detail .zz-comp-content {
    padding: 20px 0;
}

.plan_detail .zz-comp-content p {
    color: #000;
    font-size: 14px;
}


.news-wapper{margin-top: 44px;}
.news-wapper .news-waitem{margin: 0 10px 30px 10px;}
.news-wapper .news-waitem .news_itrem{padding: 2px;border-radius: 6px;}
.news-wapper .news-waitem .news_itrem .img{height: 184px; overflow: hidden;display: flex;align-items: center;}
.news-wapper .news-waitem .news_itrem img{width: 100%;transition: all 0.36s;}
.news-wapper .news-waitem .news_itrem .news_info{padding: 15px 15px 0px 15px;}
.news-wapper .news-waitem .news_itrem .news_info .news_titl{color: #000;
    font-size: 18px;
    line-height: 1.8;}
.news-wapper .news-waitem .news_itrem .news_info .news_titen {
    color: #333;
    font-size: 14px;
    line-height: 1.8; 
}
.news-wapper .news-waitem .news_itrem .news_info .news_titen p{
    margin: 0;
    color: #333;
     font-size: 14px;
    line-height: 1.8;
}
.news_author{border-top: 1px solid rgba(191, 191, 191, 0.33);margin-top: 10px;display: flex;justify-content: space-between;padding: 10px 0;}
.news_author .author_tit{color: #999;font-size: 14px;}
.news_author .more {transition: all 0.36s;transform: translate(0, 100%);}
.news_author .more .iconfont{color: #fff;}

/* .news-wapper .news-waitem:hover{background-color: #0058a8;}
.news-wapper .news-waitem:hover .news_itrem .news_info .news_titl{color: #fff;}
.news-wapper .news-waitem:hover .news_itrem .news_info .news_titen{color: #fff;}
.news-wapper .news-waitem:hover .news_author .author_tit{color: #fff;}
.news-wapper .news-waitem:hover .more{transform: translate(0);}
.news-wapper .news-waitem:hover .news_itrem img{transform: scale(1.08);} */



.news_contitle .title h3{text-align: center;
    color: #333;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.5;}
.news_contitle .title p {text-align: center;
    color: #828282;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 4px;
}
.news_detail .zz-comp-content{border-top: 1px solid rgba(238, 238, 238, 1);margin-top: 20px;padding-top: 50px;}

.news_detail .zz-comp-content p{text-align: left;
    color: #404040;
    font-size: 15px;
    line-height: 1.9;}

.service_title{width: 100%;text-align: center;margin-top: 40px;}
.service_title h3{text-align: center;
    color: #2d354f;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;margin-top: 20px;}
.service_title h2 {text-align: center;
    color: #2d354f;
    font-size: 28px;
    font-weight: bold;
    line-height: 0.8;}
.service_title img {width: 108px;margin: 0 auto;}
.service_title p{text-align: center;
    color: #404040;
    line-height: 1.9;font-size: 14px;margin-top: 20px;}
.service_cont{margin-top: 20px;}
.service_cont p{text-align: left;
    color: #404040;
    font-size: 14px;
    line-height: 1.9;}

.plan-main{margin-top: 20px;}


.text-secondary{display: flex;}
.text-secondary p:first-child { margin-top: 8px;}

/*分页*/
.pagination{display: flex;justify-content: center;margin-top: 60px;}
.page-num:not(:disabled) {
    cursor: pointer;
}

.page-num,
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    /* margin-left: -1px; */
    line-height: 1.25;
    color: #666;
    /* background-color: #fff;
    border: 1px solid #dee2e6; */
    margin: 0 5px;
}

a.page-num:hover,
.page-link:hover {
    text-decoration: none;
}

.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #0059a9;
    border-color: #0059a9;
}

.page-num-current:hover {
    color: #fff;
}


.index-about p{text-indent: 0 !important;}


.product-banner .banner-arrow .swiper-button-prev,.product-banner .banner-arrow .swiper-button-next{
    position: absolute;
    top: 50%;
    width: 15px;
    height: 24px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 15px 24px;
    background-position: center;
    background-repeat: no-repeat;
}



.content_cont{width: 100%;padding: 20px;background: #fff;margin-top: 40px;}

.content-tit{text-align: center;width: 80%; margin: 30px 10% 0 10%;}
.content-tit .content-title{font-size: 16px;color: #000;line-height: 30px;}
.content-tit .content-text{font-size: 14px;color: #999;line-height: 20px;margin-top: 10px;}
.content-tit .content-text p{font-size: 14px;color: #999;line-height: 24px;margin: 0;}