.panel,.lg{display:flex;flex-wrap: wrap;
    justify-content: space-between;}
.panel .panelchild,.lg .lgchild{
    width: 29%;
    box-shadow: -4px 8px 4px 0px rgba(32, 21, 18, 0.35);
}
.panel .panelchild:nth-child(even) .panelfoot{
    background: #007A7B;
}
.shipin  video{width:100%}
.lg .lgchild:nth-child(odd) .lgfoot{
    background: #007A7B;
}
.panel .panelchild:nth-child(n+4),.lg .lgchild:nth-child(n+4){margin-top:30px;}
.panel .panelchild img,.lg .lgchild img{width:100%}
.panel .panelchild .panelfoot,.lg .lgchild .lgfoot{height: 80px;
background: #1CA6A6;text-align:center;padding-top:10px}
.panel .panelchild .panelfoot .title div,.lg .lgchild .lgfoot .title div{width:60px;height:3px;background:white}
.panel .panelchild .panelfoot .title,.lg .lgchild .lgfoot .title{font-size:20px;color:white;font-weight: 500;display:flex;justify-content: center;
    align-items: center;white-space:nowrap}
.panel .panelchild .panelfoot .xq,.lg .lgchild .lgfoot .xq{font-size:16px;color:#000000;font-weight: 500;width:100px;height:30px;background:white;line-height:30px;border-radius:15px;margin:15px auto 0;}
.gsjj{
    background:#F0F0F0;padding-bottom: 35px;
}
.ydal{display:none}
.gsjj .div .img{width:40%;}
.gsjj .div .img img{max-width:100%}
.gsjj .div .jj{width:55%;font-size:18px;text-indent:2em;    text-align: justify;}
.gsjj .div .jj p{font-weight: 400;
color: #6A6A6A;
line-height: 34px;}
.gsjj .div {
    max-width: 1440px;margin: auto;display: flex;justify-content: space-between;    align-items: center;
}

.containeran{width: 1200px;margin: 0 auto;}
.pro-content{width: 100%;display:flex;justify-content:space-between}
.pro-left  {background:#1CA6A6;width:290px;}
.pro-left .case{text-align:center;margin:70px auto;}
.pro-left .case span{color:white;display:block}
.pro-left .case span:nth-child(1){font-size:26px;   white-space: nowrap;}
.pro-left .case span:nth-child(2){font-size:13px}
.pro-left .left-category ul li{    height: 30px;    margin:15px auto;
    width: 120px;border-radius: 15px;
    line-height: 30px;font-size: 20px;text-align: center;cursor: pointer;color: #007A7B;background:white}
.pro-left .left-category ul li.on{background: #007A7B;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #007A7B;color: #FFFFFF;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul{display:flex}
.pro-right ul li img{width:100%;height:360px}
.pro-right.active{display: block;width:890px}
/*新闻展示*/
.backdiv { background: url(/public/static/web/picture/9f88f6e1ff1b9221593e24804b6072e.jpg) no-repeat;
    background-size: cover;
    height: 500px;}
.backdiv .more{display:block;margin:auto;text-align: center;width:115px;height: 32px;line-height: 32px;background: #007A7B;} 
.backdiv .more a{color:white}
.newscen { height:430px;  display:flex;justify-content:center;align-items:center}
.newscen .left img{display:none;width:360px;height:340px}
.newscen .left .active{display:block}
/*.newscen .left{width:30%}  */
.newscen .right {margin-left:18px;width:350px}
.newscen .right li{white-space: nowrap;}
.newscen .right .on a{color:#007A7B;font-size:18px;}
.newscen .right li a{font-size:16px;color:#262626;line-height:37px;}
.newscen .right li:before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    background: #262626;
    vertical-align: middle;
    margin-right: 23px;
}
.newscen .right .on:before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    background: #007A7B;
    vertical-align: middle;
    margin-right: 23px;}
 .pztc{height:300px;text-align:center;margin-top:35px;background: url(/public/static/web/picture/6f66423ef941c68f3dfc8c5ebd16309.jpg) no-repeat;
         display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
 }
  .pztc span{display:block;width:100%}
    .pztc .fh{
font-size: 55px;
font-family: FZCuHeiSongS-B-GB;
font-weight: 400;
color: #FFFFFF;}
.e1{font-size: 38px;font-family: Source Han Sans SC;font-weight: 400;color: #FFFFFF;line-height: 65px;}
.zcfw {text-align:center;margin-top:60px}
.zcfw .smss{
white-space: nowrap;
font-size: 55px;
font-family: FZCuHeiSongS-B-GB;
font-weight: 400;
color: #1CA6A6;}
.zcfw  .tgfw{font-size: 32px;
font-family: Source Han Sans SC;
font-weight: 400;white-space: nowrap;
color: #000000;display: block;
    margin:  20px 0 28px 0px;}
.zcfw  .div{display:flex;justify-content: center;}
.div .kuan{width: 64px;
height: 7px;
background: #1CA6A6;
opacity: 0.7;
border-radius: 4px;}
.div .zhai{width: 17px;
height: 7px;margin-left: 5px;
background: #1CA6A6;
opacity: 0.7;
border-radius: 4px;}
.xbty{width:100%;background:red;text-align:center;padding:50px 0;background: url(/public/static/web/picture/f42966977d750a71add0f7c306f9d36.jpg) no-repeat;}
.hfyt{width:100%;margin-top:35px}
.hfyt img{width:100%}
.xbty .cj{
font-size: 60px;
font-family: Source Han Sans SC;
font-weight: 400;
color: #000000;
line-height: 90px;width:55%;margin:auto}

.xbty  .dzsj{font-size: 50px;
font-family: DFPHeiW5-GB;margin-top: 20px=;
font-weight: 400;
color: #F4F6F9;
line-height: 100px;}
.xbty  .dzsj  span{background: #1CA6A6;text-align:center;margin:auto;    letter-spacing: 8px;padding:5px 35px;white-space:nowrap}
.ydcj{    text-align: left;display:block}
.tys{text-align:right;display:block}
.kb{background:#1CA6A6;height:300px;font-size:70px;color:white;display:flex;align-items:center;justify-content:center;    letter-spacing: 5px;font-family: cursive;font-weight:bold;    white-space: nowrap;}
.sb{margin-top:70px !important;}
.sb img{width:100%}
@media (max-width:820px){
    .xbty {padding:20px 0}
    .kb {
    height: 120px;
    font-size: 25px;}
    .xbty .dzsj {
    font-size: 17px;    line-height: 70px;}
    .xbty .dzsj span {
    letter-spacing: 2px;}
    .panel .panelchild, .lg .lgchild {width: 47% !important;}
    .panel .panelchild .panelfoot .title, .lg .lgchild .lgfoot .title {white-space: nowrap;font-size: 13px !important;width:100%;}
    .panel .panelchild .panelfoot .title div, .lg .lgchild .lgfoot .title div {width: 50px;}
    .panel .panelchild .panelfoot .xq, .lg .lgchild .lgfoot .xq {font-size: 14px !important;    border-radius: 8px !important;height: 20px !important;
    background: white;
    line-height: 20px !important;
    margin: 10px auto 0 !important; }
    .panel .panelchild .img, .lg .lgchild .img {
     height:130px;overflow:hidden}
     .lg .lgchild .img img{margin-top:-15px}
    .panel .panelchild:nth-child(n+3), .lg .lgchild:nth-child(n+3) {margin: 20px 0 0 0 !important;}
    .panel .panelchild:nth-child(n+5), .lg .lgchild:nth-child(n+5) {margin: 20px 0 10px 0 !important;}
    .EditionCenter {width: 100%; margin: auto;}
    .panel .panelchild .panelfoot, .lg .lgchild .lgfoot {height: 55px !important;padding-top:0px !important;padding-top:5px !important}
    .panel .panelchild:nth-child(even) .panelfoot,.lg .lgchild:nth-child(odd) .lgfoot  {background: #1CA6A6 !important;}
    .gsjj {margin-top:20px;padding:0 10px ;}
    .gsjj .div {padding-bottom: 10px;
    margin: auto;display:block !important;}
    .gsjj .div .img {width: 100% !important;}
    .gsjj .div .img img {width:100%;}
    .gsjj .div .jj {width: 100% !important;font-size: 15px !important;margin-top:10px}
    .gsjj .div .jj p {line-height: 25px !important;}
    .clearfix:before, .clearfix:after {display:none !important;}
    .yunu-pinzhi li { width: 100% !important;margin-bottom:10px}
    .yunu-pinzhi {flex-wrap: wrap;}
    .yunu-pinzhi li .text{height:190px}
    .yunu-pinzhi li h4{white-space:nowrap}
    .yunu-pinzhi li  p{white-space:nowrap;font-size:13px}
    .yunu-pinzhi li a {margin-left: 0px !important;}
    .yunu-pinzhi {justify-content: space-between !important;margin-top: 30px;padding: 0 10px;}
    .yunu-section {padding: 30px 0;}
    .pro-content .pro-left{display:none !important}
    .ydal{display:flex !important;justify-content: space-around;width:100%}
    .ydal a{display:block;width:120px;height:30px;background:#1CA6A6;line-height:30px;text-align:center;color:white;border-radius:12px;}
    .containeran {width:100% !important;}
    .pro-right ul li img{height:auto !important}
    .pro-content .pro-right{margin-top:20px}
    .newscen {height:260px !important}
    .newscen .left{display:none;}
    .newscen .right a {font-size: 15px !important;line-height:30px !important}
    .backdiv {height:330px !important}
    .margin-t60 {
    margin-top: 30px !important;}
    .alzs .ydal .on{    background: #007A7B;}
       .pztc .fh{
font-size: 25px;white-space: nowrap;
font-family: FZCuHeiSongS-B-GB;
font-weight: 400;
color: #FFFFFF;}
.pztc {
    height: 125px;}
.e1 {
    font-size: 16px;
    white-space: nowrap;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;    line-height: 25px;}
.zcfw .smss {
    font-size: 20px;}  
.zcfw {
    margin-top: 30px;}
    
.zcfw .tgfw {
    font-size: 14px;
    margin: 10px 0 18px 0px;}
    
.xbty .cj {
    font-size: 25px;
    line-height: 35px;}   
    
    
    
    
    
}

@media (min-width:820px) and (max-width:1024px){
    .EditionCenter{width:auto !important} 
    .gsjj .div{width:auto;padding: 0 10px;}
    .containeran{width:100%}
     .xbty .dzsj {
    font-size: 35px;    line-height: 70px;}
    .xbty .dzsj span {
    letter-spacing: 2px;}
}