﻿.wapbanner{width:100%;height:260px;background:white;margin-top:60px;position:relative}
.wapbanner .swiper-container{height:100%}
.wapbanner img{display:block;width:100%;height:100%;position:absolute;object-fit: cover;}
.wapbanner .swiper-wrapper{height:100%}
.wapbanner .divView{top:40px;width:100%;position:absolute;text-align:center}
.wapbanner .divView h3{font-family:PingFangSC-Medium;font-size:24px;color:#FFFFFF;text-align:center;line-height:36px;width:100%}
.wapbanner .divView p{opacity:0.8;font-family:PingFangSC-Regular;font-size:14px;color:#FFFFFF;text-align:center;line-height:22px;margin-top:12px;padding:0px 16px;box-sizing:border-box;margin-bottom:16px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
.wapbanner .divView .buttonInput{display:flex;justify-content:space-between;width:100%;padding:0px 36px;height:38px;box-sizing:border-box}
.wapbanner .divView .buttonInput a{font-family:PingFangSC-Regular;font-size:14px;box-sizing:border-box}
.wapbanner .divView .buttonInput a:nth-child(1){display:flex;justify-content:center;align-items:center;color:#FFFFFF;width:140px;height:38px;margin-left:5%;border:1px solid #979797}
.wapbanner .divView .buttonInput a:nth-child(2){display:flex;justify-content:center;align-items:center;width:140px;height:38px;color:#FFFFFF;margin-left:5%;background-image:linear-gradient(135deg,#2555ff 0%,#1a67ff 100%)}
.wapbanner .swiper-wrapper .swiper-slide{position:relative}
.wapbanner .Zpagination{box-sizing:border-box;width:100%;position:absolute;height:20px;bottom:12px;z-index:999;display:flex;justify-content:center;align-items:center;top: auto;}
.wapbanner .Zpagination .swiper-pagination-bullet{margin-right:16px;width:16px;height:16px;background-image:url(../images/icon.png);background-size:100% 100%;background-color:transparent;opacity:1}
.wapbanner .Zpagination .swiper-pagination-bullet-active{width:16px;height:16px;background-image:url(../images/iconAccect.png);background-size:100% 100%;background-color:transparent}

@media (max-width: 767px){

.homeproduct {
    width: 100%;
}

.homeproduct .homeproduct-top {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.homeproduct .homeproduct-top .homeproduct-top-left {
    width: 100%;
text-align: center;
    margin-bottom: 15px;
}

.homeproduct .homeproduct-top .homeproduct-top-right {
    width: 100%;
    justify-content: center;
    align-items: center;
}
.homeproduct .homeproduct-top .desTbas {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);

    padding: 0px 4%;
	padding-bottom: 16px;
}



.homeauthoritative .homeauthoritative-top {
    width: 100%;padding-top: 40px;
}



.msg-box {
    width: 100%;
}
.homecase .homecase-top {
    width: 100%;
}

.homecase .homecase-top .homecase-top-left {
    width: 100%;
}

}


@media (max-width: 767px){

.title{font-size: 24px;
    height: 33px;
    line-height: 33px;}
.homeproduct{	
    padding-top: 40px;
	    padding-bottom: 20px
}
.homeproduct .homeproduct-top .titleImage{top: -70px;}
.homeproduct .homeproduct-top .homeproduct-top-left .title{font-size: 24px;}
.homeproduct .homeproduct-top .homeproduct-top-left .des {
    height: auto;
}
.homeproduct-main {
    width: 100%;
    margin: 20px auto 20px;
}

.homeproduct-main .homeproductMain {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.homeproduct-main .homeproductMain .moreView {
    width: 48%;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 12px;
    height: 218px;
}
.homeproductView-top .titleView{    margin-bottom: 14px;}
.homeproductMoreView {
    width: 100%;
    height: 218px;
    background-position: 35px 90px;
    padding: 20px;    margin: 0;
}

.homeproductMoreView .title {
    word-break: break-all;
    height: auto;
    line-height: 24px;
}
.homeproduct-main .homeproductMain .homeproductView {
    width: 100%;
    padding: 10px;
    height: 218px;
}

.homeproductView-top .ImgaeView {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
}

.homeproductView-top .ImgaeView img {
    width: 50%;
    height: 50%;
}

.homeproductView-top .titleView .title {width: 100%;height: 20px;font-family: PingFangSC-Medium;font-size: 16px;color: #303133;line-height: 20px;text-overflow: ellipsis;display: inline-block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.homeproductView-top .bottom .des {
    font-size: 12px;
    color: #909399;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 17px;
    width: 100%;
	height: 50px;
}

.homeproductView-top .bottom .buttonTabs {
    margin-top: 20px;
}

.homeproductView-top .bottom .buttonTabs div {
    width: 100%;display: none;
}
.homeproductView-top .bottom .buttonTabs a.hoverClassa {
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    color: #1a67ff;
    height: 36px;
    border: 1px solid #1a67ff;
    border-radius: 4px;
    justify-content: center;
}
.homecase .homecase-top {margin-top: 40px;}

.homecase .homecase-top .homecase-top-left {
    justify-content: center;
    text-align: center;
}

.homecase .homecase-top .homecase-top-right {
    display: none;
}

.homecase .homecase-main {
    /* height: auto; */
}

.homecase .homecase-main .ZtabsView .homecase-main-right {
    display: none;
}

.homecase .homecase-main .ZtabsView .homecase-main-left {
    width: 100%;
    padding: 0 15px;

}

.homecase-main-left .lefthomecase {
    position: relative;
    right: 0;
    top: 0;
}

.homecase-main-left .lefthomecase .homecase-main-left-bottom {
    width: 100%;justify-content: flex-start;
    flex-wrap: wrap;

}
.homecase-main-left .lefthomecase .homecase-main-left-bottom div {
    display: block;
    width: 100%;
}
.homecase-main-left .lefthomecase .homecase-main-left-top {
    width: 100%;
    margin-top: 50px;
}

.homeindex {
    /* padding: 0 15px; */
}

.homecase-main-left .lefthomecase .homecase-main-left-top .homecaseDes {
    width: 100%;
    font-size: 14px;
    color: #eee;
}



.homecase .homecase-top .homecase-top-left .title {
    line-height: 36px;
    font-size: 24px;
}

.homecase .homecase-top .homecase-top-left .des {
    font-size: 14px;
}

.homecase-main-left .lefthomecase .homecase-main-left-top .homecaseTitle {
    font-size: 18px;
}
.homecase-main-left-button .left {
    width: auto;
    padding: 0 20px;
}

.homecase-main-left-button .right img {
    width: 60px;
    height: 60px;
}
.homeproduct-main .homeproductImg .userImg {
    width: auto;
    max-width: inherit;
}
.homeauthoritative .homeauthoritative-top .homeauthoritative-top-left {
    width: 100%;
    text-align: center;
}
.homeauthoritative .homeauthoritative-top .homeauthoritative-top-left .title {
    font-size: 24px;
    height: 33px;
    line-height: 33px;
}
.homeauthoritative .homeauthoritative-top .homeauthoritative-top-right {
    display: none;
}
.homeauthoritative-main .swiper-wrapper .homeauthoritativeTabs img{    width: 100%;
    height: auto;}
.homeauthoritative-main {
    width: 100%;
    height: auto;
	    padding: 0 15px;
}
.homenews {
    padding: 0 15px;
}
.homenews .homenews-top {
    width: 100%;
    padding-top: 40px;
    flex-wrap: wrap;
    justify-content: center;
}
.homenews .homenews-top .homenews-top-left {
    width: 100%;
    height: auto;
    text-align: center;
}
.homenews .homenews-top .homenews-top-left .title {
    font-size: 24px;
}
.homenews .homenews-top .homenews-top-right {
    width: 100%;
    justify-content: center;
    align-items: center;
}
.msg-content .content-left, .msg-content .content-center, .msg-content .content-right {
    width: 100%;
}

.msg-content .content-left, .msg-content .content-center {
    margin-right: 0;
}
.msg-title {
    margin-top: 10px;
}
.msg-flex{height: auto;}
.content-bottom {
    padding: 10px;
}

.msg-date div {
    display: inline-block;
}

.content-left .content-bottom {
    margin-bottom: 7px;
}

.content-bottom.content-top {
    margin-bottom: 7px;
}

.content-right .content-top {
    margin-top: 7px;
}
.content-right .msg-title {
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
}
}

@media (max-width: 1200px){
.homeindex .homebanner .ZswpierView {
    width: 96% !important;
}
.homeindex .homebanner .Zpagination{width: 96%;}
.homeproduct,.homeproduct .homeproduct-top,.homeproduct-main{width: 96%;}
.homecase .homecase-top{width: 96%;}
.homeauthoritative .homeauthoritative-top,.homeauthoritative-main{width: 96%;}
.homenews .homenews-top,.msg-box{width: 96%;}




.content-left {
    width: 32%;
}

.content-left img {
    width: 100%;
}
.content-left .msg-flex img {
    width: 35px;
}
.content-center, .content-right {
    width: 32%;
}

.msg-content .content-left, .msg-content .content-center {
    margin-right: 1%;
}
.homecase-main-left .lefthomecase {
    right: 0;
    position: relative;
    top: 0;
    padding: 40px 20px;
}
.homecase-main-left .lefthomecase .homecase-main-left-top .homecaseDes {
    width: 100%;
}

.homecase-main-left .lefthomecase .homecase-main-left-bottom {
    width: 100%;
}
}