


.w_350{margin-right: auto; margin-left: auto;}
.w_width{padding-left:0.6rem;padding-right:0.6rem;}
body{background: #FCFCFC;}
body{max-width:10rem;margin:0 auto;}



  .banner{margin:0 0.4rem;width:calc(100% - 0.8rem);float:left;line-height:0;margin-top:0.4rem;position:relative}
  .banner img{width:100%;border-radius:5px}
 .banner .btit{position:absolute;top:50%;transform:translate(0,-50%);left: 0.93rem}
     .banner .btit h4{color:#00aec6;font-size: 0.4rem;line-height: 0.4rem; text-align: center;}
     .banner .btit h6{color:#444;font-size:0.48rem;line-height:0.48rem;margin: 0.2rem 0 0.3rem 0; font-weight: bold; text-align: center;}
     .banner .btit line{height:2px;width: 0.45333rem;background:#00aec6;display:block;}
      .banner.b2 .btit h6{color:#fff;}
      .banner.b2 .btit line{background:#fff;}


     .utit{display:flex;align-items:center;height:1.4rem}
     .utit .icon{width: 0.53rem;}
     .utit h4{color:#00aec6;font-size:0.48rem;line-height:0.5rem;white-space:nowrap;margin:0 0.2rem 0  0.2rem;}
     .utit .right{background:url(images/tbg2.png) center;height: 0.32rem ;flex:auto}



     .new{ float:left;width:100%;padding:0 0.4rem}
     .newn{margin-top:0}
     .new ul{width:100%;float:left;}
     .new ul li{width:100%;float:left;margin-bottom:0.2667rem;position:relative}
     .new ul li:after{content:"";position:absolute;height:0.853rem;width:2px;background:#00aec6;right:0;
                       top:50%;transform:translate(0,-50%);}

     .new ul li:hover .img img{transform:scale(1.1);}

     .new ul li a{padding:0.32rem;float:left;width:100%;display:block;background:url(images/newbg.jpg) center no-repeat;
                  background-size:cover;border-radius:5px;}
    
     .new ul li .img img{width:2.866rem;height:auto;float:left;margin-right:0.3733rem;transition:all .5s ease;}

     .new ul li h4{font-size:0.3733rem;line-height:0.53rem;color:#333;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
     .new ul li h6{font-size:0.32rem ;line-height:0.52rem;color:#555555;word-break: break-all;margin:0.15rem 0;
     text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; }
     .new ul li h5{color:#00aec6;font-size:0.32rem;line-height:0.53rem;}
     .jzgd{line-height:0;text-align:center;height:0.4rem;float: left; width: 100%;}
     .jzgd img{height:100%;}




     .contact{float:left;width:100%;margin-top:0.4rem;padding:0 0.4rem;}
     .form{background:#FFFFFF;padding:0.8rem 0.4rem 0.8rem 0.4rem;border:1px solid #E5E5E5;border-radius:5px;position:relative}
     .form .text{background:#F5F5F5;padding-left:0.2667rem;height:0.85333rem;border-radius:3px;margin-bottom:0.2667rem;
                 font-size:0.32rem;line-height:0.85333rem;border:1px solid #E5E5E5;width:100%;}
     .form .text::-webkit-input-placeholder{font-size:0.32rem;line-height:0.85333rem;}
     .form textarea{height:2.5333rem !important;line-height:0.5rem !important;padding-top:0.1rem;}
     .form textarea::-webkit-input-placeholder{line-height:0.5rem !important;}
     .form .button{background:#00aec6;color:#fff;line-height:0.85333rem;text-align:center;margin-top:0.53rem;
                   font-size:0.32rem;border-radius:3px;width:3.3333rem;position:relative;left:50%;transform:translate(-50%,0)}
      .lxfs{background:#FFFFFF;padding:0.1rem 0.4rem 0.4rem 0.4rem;border:1px solid #E5E5E5;border-radius:5px;
            float:left;width:100%;}
      .lxfs .map{width:100%;margin:0.53rem 0 0 0}
      .lxfs .zb{float:left;width:100%;background:url(images/zbbg.png) center no-repeat;padding-left:0.2667rem;border-radius:3px;
                background-size:cover;height:1.8677rem;display:flex;align-items:center;color:#fff;}
      .lxfs .zb span{font-size: 0.3733rem}
      .lxfs .zb h5{font-size:0.32rem}
      .lxfs .zb h6{font-size:0.4rem}
      .lxfs .zb img{margin-left:0.4rem;margin-right:3px;height:0.3rem}
      .lxfs .region{float:left;width:100%}
      .lxfs .region h4{width:100%;background:#00aec6;color:#fff;line-height:0.8533rem;font-size:0.3733rem;
                       padding-left: 0.2667rem;}
      .lxfs .region .info{background:#F5F5F5;padding:0.4rem 0.2933rem 0.4rem 0.2933rem;}
      .lxfs .region .fli{display:flex;align-items:center;margin-bottom:0.4533rem;}
      .lxfs .region .fli:last-child{margin-bottom:0}
      .lxfs .region .fli img{width:0.34667rem;height:auto;margin-right:0.24rem}
      .lxfs .region .fli h6{font-size: 0.32rem;color:#555555;}



      
     .mbx{float:left;width:100%;padding:0.4rem 0.4rem 0 0.4rem;}
     .mbx .mbxbg{border-radius:5px;background:#fff;height:1.4rem;border:1px solid #E5E5E5;float:left;width:100%;padding:0 0.4rem;}
     .mbx .mbxbg .left{color:#333333;font-size:0.32rem;padding-left:0.16rem;position:relative;line-height:1.4rem;float:left}
     .mbx .mbxbg .left a{color:#333333;font-size:0.32rem;}
     .mbx .mbxbg .left:after{content:"";height:0.32rem;width:2px;position:absolute;left:0;top:50%;
                             transform:translate(0,-50%);background:#00aec6;}
     .mbx .mbxbg .right{color:#333333;font-size:0.32rem;line-height:1.4rem;float:right}

     .news{float:left;width:100%; padding:0.4rem 0.4rem 0 0.4rem;}
     .news .newsbg{border-radius:5px;background:#fff;border:1px solid #E5E5E5;float:left;width:100%;padding:0 0.4rem;}
     .newsbg h4{font-size:0.4rem;color:#555555;text-align:center;line-height:1.46667rem;}
     .newsbg .data{height:0.853rem;line-height:0.853rem;display:flex;justify-content:space-between;padding:0 0.4rem;background:#F5F5F5}
     .newsbg .data h5{font-size:0.32rem;color:#555;}
     .newsbg .data img{height:0.2667rem;margin-right:0.16rem}

     .news .xqing{margin-top:0.2667rem}
     .news .xqing img{max-width:100%}
     .news .xqing .h6{font-size:0.32rem ;color:#555555;line-height:0.53rem}
     .news .fy{height:2.133rem;width:100%;float:left;border-top:1px solid #E5E5E5;margin-top:0.48rem;display: flex;
     flex-direction: column;justify-content: center;}
     .news .fy a{font-size:0.32rem;line-height:0.64rem;color:#554;width:100%;float:left}
.news .fy a:hover{color:#08589E}
      .xgt{float:left;width:100%;padding:0.4rem;}
      .xgt .xgtbg{border-radius:5px;background:#fff;border:1px solid #E5E5E5;float:left;width:100%;padding:0 0.4rem;}

      /*产品*/
    .product{float:left;width:100%;padding:0 0.4rem;}
    .product .slick-track{display:flex;}
    .product .ptit{height:1.4rem;display:flex;justify-content:space-between;align-items:center;padding:0 0.4rem;
                   background:#FFFFFF;border:1px solid #E5E5E5;border-radius:5px;margin-bottom:0.2667rem;margin-top:0.4rem;}
    .product .ptit .le{display:flex;align-items:center;}
    .product .ptit .le img{width: 0.53rem;}
    .product .ptit .le h4{font-size:0.48rem;color:#333333;margin-left:0.2667rem;white-space:nowrap;}

    .product ul{float:left;width:calc(100% + 0.4rem);margin:-0.2rem;}
    .product ul li{width:100%;float:left;padding:0.2rem;}
    .product ul li a{display:block;float:left;width:100%;}

    .product ul li .img{position: relative;padding-bottom: 72.7272%;overflow: hidden;width: 100%;display:block}
    .product ul li .img img{position: absolute;left: 50%;top: 50%;width: 100%;max-height: 100%;
                            transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
                            border:1px solid #E5E5E5;border-top-left-radius:3px;border-top-right-radius:3px;}

    .product ul li .tit{background:#FFFFFF;border:1px solid #E5E5E5;border-top:none;padding:0.2rem; 
                        border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
    .product ul li .tit h4{font-size:0.3733rem;line-height:0.64rem;color:#333333;word-break: break-all;text-align:center;
text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}

    .product .slick-list{height:auto;}
     .fenl{float:left;width:100%;padding:0.4rem;}
     .fenl ul{display:flex;justify-content:space-between;}
     .fenl ul li{text-align:center;background:#fff;border-radius:3px;border:1px solid #E5E5E5;width:2.72rem;
                 height:0.85333rem;display: flex;align-items: center;justify-content: center; }
     .fenl ul li a{font-size:0.3733rem;color:#333333;line-height:0.85333rem;height:0.85333rem}
     .fenl ul li.on{background:#00aec6;border:1px solid #00aec6;}
     .fenl ul li.on a{color:#fff;}


     .slick{padding:0.4rem;width:100%;float:left;}
     .slick ul{float:left;width:100%;}
     .slick .slick-list li{width:100%;float:left;height:auto}
     .slick .slick-list li .img{line-height:0;}
     .slick .slick-list li .img img{width:100%;}
     .slick .slick-dots{bottom:-0.4rem;position:absolute;width:auto;
                        left:50%;transform:translate(-50%,0);}
     .slick .slick-dots li{height:5px;width:5px;border-radius:5px;margin:0 1.5px;background:rgba(0,82,155,.3);transition:all .5s ease;}
     .slick .slick-dots li.slick-active{background:rgba(0,174,198,1);width:0.2667rem}
     
     .sytt{float: left; width:100%; height: auto;}
     .sytt img{float: left; width:calc(100% - 0.8rem); margin:0.4rem 0.4rem 0 0.4rem; height: auto;}
    .product .ptit .ri{font-size:0.32rem;color:#555555}
    .product .ptit .ri2{color:#00aec6;padding-right:0.16rem;position:relative}
    .product .ptit .ri2:after{content:"";width:0;height:0;border-left:4px solid #00aec6;
                                border-top:4px solid transparent; border-bottom:4px solid transparent;
                                position: absolute;top: 50%;transform: translate(0, -50%);right: 0;}
    .sproduct{float:left;width:100%;}
    .sproduct ul{height:auto !important}
    .sproduct .slick-dots{bottom:-0.4rem;position:absolute;width:auto;margin:0;
                        left:50%;transform:translate(-50%,0);}
    .sproduct .slick-dots li{height:5px;width:5px;border-radius:5px;margin:0 1.5px;padding:0;
                              background:rgba(0,82,155,.3);transition:all .5s ease;}
    .sproduct .slick-dots li.slick-active{background:rgba(0,174,198,1);width:0.2667rem}

      
    .new .ptit{height:1.4rem;display:flex;justify-content:space-between;align-items:center;padding:0 0.4rem;position:relative;
                   background:#FFFFFF;border:1px solid #E5E5E5;border-radius:5px;margin-bottom:0.2667rem;margin-top:0.4rem;}
    .new .ptit .le{display:flex;align-items:center;}
    .new .ptit .le img{width: 0.53rem;}
    .new .ptit .le h4{font-size:0.48rem;color:#333333;margin-left:0.2667rem;white-space:nowrap;}
    .new .ptit .ri{font-size:0.32rem;color:#555555}
    .new .ptit .ri2{color:#00aec6;padding-right:0.16rem;position:relative}
    .new .ptit .ri2:after{content:"";width:0;height:0;border-left:4px solid #00aec6;
                           border-top:4px solid transparent; border-bottom:4px solid transparent;
                           position: absolute;top: 50%;transform: translate(0, -50%);right: 0;}


     .d-down{float: left; width:100%; height: auto; background-color: #eaeaea; text-align: center; line-height: 0.52rem; color: #555; font-size:0.32rem; padding: 15px;}

    /*下拉*/
    
 .xialaph{display:block}
             .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%;
                        padding: 70px 25px 0px 25px;  z-index:3;height:auto}
              .xialaph.cur{height:100%}
 .xialaph.cur{background:#fff}
 .xialaph .ul2,
 .xialaph .ul3{ display: none;}
 .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 1.2rem;font-size: 0.4rem ;} 

 .xialaph h4{ float: left; width: 100%; position: relative;border-bottom:1px solid #E5E5E5}



 .xialaph h4:hover a,
 .xialaph h5:hover a{ color: #14264e;}
 .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height:0.8rem; text-transform: uppercase;font-size: 0.32rem ;}
 .xialaph h5{ float: left; width: 100%; position: relative;}
 .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
 .xialaph h4 img{ width: 12px; height: 6px; float: right; margin-top:0.55rem ; cursor: pointer;}


 .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;}
 .xialaph h4.active img.img_s,
 .xialaph h5.active img.img_s{ display: none;}
 .xialaph h4.active img.img_d,
 .xialaph h5.active img.img_d{ display: block;}
 .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
 .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;}
 .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
 .xialaph li:last-child .ul3::after{ display: none;}
 .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
 .xialaph .ul3 li:hover a{color: #14264e;}
 .xialaph .ul3 li{ padding-top: 5px;}
 .xialaph .ul3 li:first-child{ padding-top: 0;}
 .xialaph .inputs{width: 100%;border: 1px solid #dadada;float: left;margin-top: 14px;position: relative;padding-left: 14px;}
 .xialaph .inputs input{width: 100%;height: 34px;font-size: 12px;color: #dadada;}
 .xialaph .inputs input::-webkit-input-placeholder{color:#dadada;font-size:12px;}
 .xialaph .inputs input:-moz-placeholder{color:#dadada;font-size:12px;}

 .xialaph .inputs input:-ms-input-placeholder{color:#dadada;font-size:12px;}
 .xialaph .inputs button{width: 34px;height: 34px;background: url(images/ss.png) center no-repeat #CF0305; position: absolute;right: 0;top: 0;font-size: 12px;color: #fff;position: absolute;}
 .img_d,
 .disno{ display: none;} 
 .xialaph .wapt{position: absolute;
    width: 100%;background:#fff;
    left: 0;
    top: 0;
    height:1.9333rem ;}
 .xialaph .wapt.act{background:#CC0001}


 .xialaph .wapt .logo{margin-top:0.3rem;margin-left:0.4rem;}
 .xialaph .wapt .logo img{height:1.26667rem;width:auto;}
 .xialaph .ul1{display:none}
  .xialaph .inputs{display:none}
 .xialaph .wapt .menuph{float: right;position: absolute;
    top: 0;
    right: 0.4rem;
    width: 0.58667rem;
    height: 0.44rem;
    cursor: pointer;
    text-align: center;
    margin:  0.7rem 0;}
 .xialaph .wapt .menuph .point{
    display: inline-block;
    width: 0.58667rem;
    height: 0.44rem;
    position: relative;
}

 


 .menuph .point:hover .navbtn,  .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before{width: 28px;}
 .menuph .navbtn{position: absolute; top: 10px; right: 0;display: inline-block;
    width: 100%; height: 1px;background: #00aec6;-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
 .menuph .navbtn::after,  .menuph .navbtn::before{position: absolute;
    right: 0;display: inline-block;width: 100%; height: 1px;content: ''; background: #00aec6;
    -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
 .menuph .point:hover .navbtn,  .menuph .point:hover .navbtn::after,  .menuph .point:hover .navbtn::before{width: 28px;}
 .menuph .navbtn::before{top: 0.1866rem;}
 .menuph .navbtn::after{top:-0.1866rem}

 .menuph .point.active .navbtn{background: transparent;}
 .menuph .point.active .navbtn::before{transform: rotate(-45deg);top: 0;}
 .menuph .point.active .navbtn::after{transform: rotate(45deg); top: 0;}
        .xialaph .tfun .bu{width:48%;height:36px;border:1px solid #CC0000;display:flex;margin-right:2%;
                          align-items:center;justify-content:center;float:left}
        .xialaph .tfun .bu .img1{display:none}
        .xialaph .tfun .bu h4{font-size:14px;color:#CC0000;margin-right:10px;width:auto}
        .xialaph .tfun .bu:hover{background:#CC0000}
        .xialaph .tfun .bu:hover h4{color:#fff;}
        .xialaph .tfun .bu:hover .img1{display:block}
        .xialaph .tfun .bu:hover .img2{display:none}



    .height{height:1.9733rem;float: left;width: 100%;}
    .theight{height:1.9333rem;float: left;width: 100%;}

     .dnav{height:1.4rem;padding:0  0.8rem;width:100%;position:fixed;bottom:0;
           display:flex;justify-content:space-between;background:#00aec6;}
     .dnav .dnli{display:flex;flex-direction:column;align-items:center;justify-content:center;}
     .dnav .dnli img{height:0.48rem;width:auto}
     .dnav .dnli h4{font-size: 0.32rem;color:#fff;line-height: 0.3733rem;margin-top:3px;}

.dnav .dnli a{display:block; text-align:center;}


     .gsjj{float:left;width:100%;margin-top:0.4rem;padding:0 0.4rem;}
     .gsbg{background:#FFFFFF;padding:0.4rem 0.4rem 0.8rem 0.4rem;border:1px solid #E5E5E5;border-radius:5px;}
     .gsbg .gstop{line-height:0;position:relative;}
     .gsbg .gstop img{width:100%;}
     .gsbg .gstop .gst{position:absolute;top:50%;transform:translate(0,-50%);text-align:center;padding:0 0.7rem} 
     .gsbg .gstop .gst h4{font-size:0.48rem;line-height:0.5rem;color:#fff;margin-bottom:0.24rem}
     .gsbg .gstop .gst h4 i{color:#F39234}
     .gsbg .gstop .gst h6{font-size:0.32rem ;line-height:0.53rem;color:#fff}
     .gsbg .con .h6{font-size:0.32rem;line-height: 0.53rem;color:#555555;text-align:left;letter-spacing:1px;}
     .gsbg .con img{max-width:100%}


   

     .recruit{float:left;width:100%;padding:0 0.4rem;}
     .recruit ul{width:100%;float:left;margin-top:0.4rem;}
     .recruit ul li{width:100%;float:left;margin-bottom:0.4rem;}
  
     .recruit ul li .box{border:1px solid #E5E5E5;background:#FFFFFF;border-radius:5px;position:relative;overflow:hidden}
     .recruit ul li .box .rtop{height:1.4rem;display:flex;flex-direction:column;justify-content:center;padding-left:0.4rem;}
     .recruit ul li .arrow{height:0.3rem;width:0.3rem;position:absolute;top:0.59rem;right:0.4rem;transition:all .5s ease;
                           border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);}
     .recruit ul li h5{font-size:0.4rem;line-height:0.64rem;color:#555555}
     .recruit ul li .neir{display:none}
     .recruit ul li .mid{/*height:1rem;*/line-height:0.6rem;background:#e0f8fb;font-size:0.32rem;padding:0.2rem 0.4rem;}
     .recruit ul li .down{background:#FFFFFF;padding:0.4rem 0.4rem 0.66667rem 0.4rem;float:left;width:100%;}
     .recruit ul li .down .h6{font-size:0.32rem;color:#555555;margin-bottom:0.32rem }
     .recruit ul li a.more{background:#00aec6;color:#fff;text-align:center;line-height:0.8533rem;
                      width:3.333rem;font-size:0.32rem;float:left;border-radius:6px;}
     .recruit ul li.on .arrow{transform:rotate(135deg);}


     /*��Ʒ����*/
      .xqpic{float:left;width:100%;padding:0.4rem;}
     .xqpic .top{width:100%;float:left}
     .xqpic .top .img{width: 100%;display:block;height:auto !important;}
     .xqpic .top .img img{width: 100%;border-radius:3px;border:1px solid #E5E5E5;}

     .xqpic .down{width:calc(100% + 0.32rem);float:left;margin:0 -0.16rem;margin-top:0.4rem;}
     .xqpic .down .img{width: 100%;display:block;height:auto !important;padding:0 0.16rem;}
     .xqpic .down .img img{width: 100%;border-radius:3px;border:1px solid #E5E5E5;}
     .xqpic .down .img.slick-current img{border:1px solid #00529B}

     .proxq{float:left;width:100%;padding:0.4rem;}
     .procon{border-radius:3px;float:left;width:100%;background:#fff;padding:0 0.4rem;border:1px solid #E5E5E5}
     .procon h4{font-size:0.4rem;line-height:1.426667rem;border-bottom:1px dashed #B2B2B2;color:#00529B;margin-bottom:0.4rem}
     .procon h6{font-size:0.32rem;line-height:0.53rem;color:#555555;margin-bottom:0.53rem}
     .procon .xunj{background:#00529B;color:#fff;line-height:0.85333rem;width:3.3333rem;
                   text-align:center;border-radius:3px;font-size: 0.32rem;margin-bottom:0.53rem}

     .cptx{margin-top:0.2667rem;float:left;width:100%;border-radius:3px;background:#fff;border:1px solid #E5E5E5}
     .cptx h4{font-size:0.4rem;color:#00529B;line-height:1.0667rem;background:#F0F5F9;padding:0 0.4rem;}
     .cptx h6{font-size:0.32rem;line-height: 0.53rem;color:#555555;padding:0.4rem 0.4rem 1rem 0.4rem;}

     .product .utit{background: #FFFFFF;padding: 0 0.4rem;border: 1px solid #E5E5E5;border-radius: 5px;margin-bottom:0.2667rem}
     

     .form .lyfkt{height:0.853rem;background:#00529B;color:#fff;font-size:0.48rem;
                  text-align:center;line-height:0.853rem;width:5.4rem;position:absolute;
                  top:-0.4265rem;left:50%;transform:translate(-50%,0);}
     .form .lyfkt:after{content:"";height:0;width:0;position:absolute;right:-0.4265rem;
                        border-left:0.4265rem solid #024A8A;border-top:0.4265rem solid transparent;border-bottom:0.4265rem solid transparent;}
     .form .lyfkt:before{content:"";height:0;width:0;position:absolute;left:-0.4265rem;
                        border-right:0.4265rem solid #024A8A;border-top:0.4265rem solid transparent;border-bottom:0.4265rem solid transparent;}
     .form select{-webkit-appearance: none;background:url(images/select.png)#F5F5F5 right 0.2667rem top 50% no-repeat !important;background-size:0.3rem !important}

    .sycont{float: left;width: calc(100% - 0.8rem);
    margin: 0.4rem 0.4rem 0 0.4rem;border-radius:4px;
    height: auto;background:#00AEC6;padding:0.32rem 0.32rem 0.1866rem 0.4rem;}
    .sycont .cleft{float:left;display:flex;flex-direction:column}
    .sycont .cleft .lli{display:flex;align-items:center;margin-bottom:0.2667rem}
    .sycont .cleft .lli img{height:0.3733rem;width:0.3733rem;margin-right:0.2rem;}
    .sycont .cleft .lli h4{font-size: 0.32rem;color:#fff;line-height:0.32rem;}
    .sycont .cright{float:right}
    .sycont .cright .rli{display:flex;flex-direction:column;align-items:center;float:left;margin-left:0.2667rem}
    .sycont .cright .rli img{height:1.44rem;width:1.44rem;margin-bottom:0.16rem}
    .sycont .cright .rli h6{font-size:0.2667rem;line-height:0.2667rem;color:#fff}


    .zsjs{float: left;width: calc(100% - 0.8rem);
    margin: 0.4rem 0.4rem 0 0.4rem;border-radius:4px;
    background:#fff;padding:0.746rem 0.53rem 0.8rem 0.53rem;}
    .zsjs h4{font-size:0.48rem;text-align:center;color:#00AEC7;line-height:0.48rem;}
    .zsjs h5{font-size:0.24rem ;color:#898989;line-height:0.4rem;margin-top:0.2rem;margin-bottom:0.4rem;text-align:center;}
    .zsjs h6{font-size:0.32rem;line-height:0.64rem;text-align:left;color:#333333;text-indent:0.8rem}
    .zsjs .zspicl{display:flex;justify-content:space-between;margin-top:0.8rem;padding:0.2rem;}
    .zsjs img{height:3.3733rem;width:3.3733rem;border-radius:50%;position:relative;float:left}

    .zsjs .zspic{position:relative}
    .zsjs .zspic:after{content:"";height:4rem;width:4rem;border-radius:50%;top:50%;
    position:absolute;left:50%;transform:translate(-50%,-50%);border:0.2rem solid #D9F3F7}
  
    .popwk{width:70vw;padding:1rem 0.9333rem 0.53rem 0.9333rem;background:#fff;border-radius:4px;}
    .popwk .img{width:100%;border:1px solid #D1D1D1}
    .popwk .img img{width:100%}
    .popwk h4{font-size:0.3733rem;line-height: 0.56rem;text-align:center;color:#464646;margin-top:0.53rem}
    .popbg{position:fixed;height:100vh;width:100vw;top:0;left:0;background:rgba(0,0,0,0.8);display:none;}
    .popts{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;display:none}
    .popts .close{position:fixed;top: -1rem;right: 0;}
    .popts .close img{height:0.88rem;width:0.88rem;position:fixed;}

    .fwlist{width:calc(100% - 0.8rem); margin:0 0.4rem 0 0.4rem;padding:0.4rem;background:#fff;border-radius:4px;float:left}
    .fwlist h4{position:relative;padding-left:0.4rem;font-size: 0.28rem;
    line-height: 0.3rem;position:relative; color: #333;margin-bottom:0.4rem}
    .fwlist h4:after{content:"";height:0.16rem;width:0.16rem;border-radius:50%;background:#00AEC6;position:absolute;
                     left:0;top:50%;transform:translate(0,-50%);}

     .banner h4{color:rgba(255,255,255,0.42);text-shadow:rgba(0,0,0,0.32) 2px 3px;font-size:0.64rem;line-height:0.64rem;
                margin-top:2.1333rem;text-align:center;font-weight:700}
     .banner{height:5.6rem;}
     .banner h5{color:#FFF;font-weight:700;text-align:center;font-size:0.53rem;}
     .banner .line{height:2.5px;width:1.10667rem;background:#00AEC6;margin:0.5rem auto 0 auto;}
