.row-cp1{overflow:hidden;padding:80px 0}
.cp-info{overflow:hidden;padding:0 90px}
.cp-info .left{float:left;width:44.28%;margin-right:2%}
.cp-info .right{overflow:hidden;padding-top:25px;padding-right:2%}
.cp-info .pic{font-size:0;text-align:center}
.cp-info .pic img{display:inline-block}
.cp-info .txt{overflow:hidden;color:#222}
.cp-info .h3{font-size:30px;font-weight:600}
.cp-info .h3 i{display:inline-block;width:70px;height:11px;background:url(../images/t-r.png) no-repeat center;background-size:contain;margin-left:12px;margin-bottom:-4px}
.cp-info .en{font-size:20px;color:#999}
.cp-info .desc{font-size:16px;color:#222;line-height:2;margin-top:30px}
.row-cp2{background-repeat:no-repeat;background-size:cover;background-position:center;padding:73px 0 90px;overflow:hidden}
.row-cp2 .g-h3{margin-bottom:40px}
.cp-card{background:linear-gradient(273deg,#fff 0,rgba(255,255,255,.6) 100%);border-radius:10px;padding:35px 0;overflow:hidden}
.cp-card .left{float:left;width:300px}
.cp-card .right{overflow:hidden}
.ul_types .con{position:relative;display:block;height:50px;line-height:50px;padding-left:60px;transition:.3s;font-size:16px;color:#999}
.ul_types .con::after{content:"";display:block;width:16px;height:16px;background:url(../images/product2/tit-i1.png) no-repeat center;background-size:contain;position:absolute;top:50%;left:40px;margin-top:-8px}
.ul_types .con::before{content:"";display:block;width:5px;height:30px;background:#05518e;position:absolute;top:50%;left:0;margin-top:-15px;transition:.3s;opacity:0}
.ul_types .con:hover,.ul_types .on .con{background-color:rgba(216,216,216,.25);color:#333}
.ul_types .con:hover::before,.ul_types .on .con::before{opacity:1}
.jz_ban{padding:30px 99px 46px 60px}
.jz_ban .con{display:block;overflow:hidden}
.jz_ban .txt{float:left;width:52.4%}
.jz_ban .h3{font-size:24px;color:#333;font-weight:600;margin-bottom:40px}
.jz_ban .desc{font-size:16px;color:#333;line-height:1.5;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:7;-webkit-line-clamp:7;overflow:hidden}
.jz_ban .pic{float:right;width:34.5%}
.row-cp3{overflow:hidden;background-color:#f8f9ff;padding:100px 0}
.row-cp3 .g-h3{margin-bottom:70px}
.cp-box{overflow:hidden}
.cp-box .col-l{width:48.7%;float:left}
.cp-box .col-r{float:right;width:44%;padding-top:40px}
.cp-box .pic{text-align:right;font-size:0}
.cp-box .pic img{display:inline-block;width:100%}
.cp-txt{text-align:center;color:#222;font-size:16px;line-height:2;width:62.85%;margin:0 auto}
.row-cp4{padding:40px 0}
.row-cp4 .g-h3{margin-bottom:20px}
.cp-list{overflow:hidden;margin:0 -6px}
.cp-list li{float:left;width:12.5%}
.cp-list .con{display:block;margin:0 6px 12px;overflow:hidden;border-radius:10px;position:relative}
.cp-list .con:hover .pic img{transform:scale(1.06)}
.cp-list .pic{position:relative;height:0;padding-top:145.45%;overflow:hidden}
.cp-list .pic img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;transition:.6s}
.cp-list .txt{position:absolute;bottom:10%;left:0;width:100%;text-align:center;font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
@media only screen and (min-width:991px) and (max-width:1600px){
.row-cp1{padding:5vw 0}
.cp-info{padding:0 5.625vw}
.cp-info .left{width:44.28%}
.cp-info .right{padding-top:1.562vw}
.cp-info .pic{font-size:0}
.cp-info .h3{font-size:1.875vw;font-weight:600}
.cp-info .h3 i{width:4.375vw;height:.687vw;background:url(../images/t-r.png) no-repeat center;background-size:contain;margin-left:.75vw;margin-bottom:-.25vw}
.cp-info .en{font-size:1.25vw}
.cp-info .desc{font-size:1vw;line-height:2;margin-top:1.875vw}
.row-cp2{background-size:cover;padding:4.562vw 0 5.625vw}
.row-cp2 .g-h3{margin-bottom:2.5vw}
.cp-card{background:linear-gradient(273deg,#fff 0,rgba(255,255,255,.6) 100%);border-radius:.625vw;padding:2.187vw 0}
.cp-card .left{width:18.75vw}
.ul_types .con{height:3.125vw;line-height:3.125vw;padding-left:3.75vw;font-size:1vw}
.ul_types .con::after{content:"";width:1vw;height:1vw;background:url(../images/product2/tit-i1.png) no-repeat center;background-size:contain;top:50%;left:2.5vw;margin-top:-.5vw}
.ul_types .con::before{content:"";width:.312vw;height:1.875vw;background:#05518e;top:50%;left:0;margin-top:-.937vw;opacity:0}
.ul_types .con:hover::before,.ul_types .on .con::before{opacity:1}
.jz_ban{padding:1.875vw 6.187vw 2.875vw 3.75vw}
.jz_ban .txt{width:52.4%}
.jz_ban .h3{font-size:1.5vw;font-weight:600;margin-bottom:2.5vw}
.jz_ban .desc{font-size:1vw;line-height:1.5;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:7;-webkit-line-clamp:7}
.jz_ban .pic{width:34.5%}
.row-cp3{padding:6.25vw 0}
.row-cp3 .g-h3{margin-bottom:4.375vw}
.cp-box .col-l{width:48.7%}
.cp-box .col-r{width:44%;padding-top:2.5vw}
.cp-box .pic{font-size:0}
.cp-box .pic img{width:100%}
.cp-txt{font-size:1vw;line-height:2;width:62.85%;margin:0 auto}
.row-cp4{padding:2.5vw 0}
.row-cp4 .g-h3{margin-bottom:1.25vw}
.cp-list li{width:12.5%}
.cp-list .con{margin:0 .375vw .75vw;border-radius:.625vw}
.cp-list .con:hover .pic img{transform:scale(1.06)}
.cp-list .pic{padding-top:145.45%}
.cp-list .pic img{left:0;top:0;width:100%;object-fit:cover}
.cp-list .txt{bottom:10%;left:0;width:100%;font-size:1.125vw}
}
@media screen and (max-width:1200px){
.ul_types .con:hover::before{opacity:0}
.ul_types .con:hover{background-color:transparent;color:#999}
.ul_types .on .con{background-color:rgba(216,216,216,.25);color:#333}
.ul_types .on .con::before{opacity:1}
}
@media screen and (max-width:991px){
.row-cp1,.row-cp2,.row-cp3{padding:.6rem 0}
.cp-info .desc,.cp-txt,.cp-txt_ls .desc,.jz_ban .desc{font-size:14px}
.cp-txt{width:auto}
.cp-info{padding:0}
.cp-info .left,.cp-info .right{float:none;width:auto;margin:0}
.cp-info .h3{font-size:18px;margin-bottom:10px}
.cp-info .en{font-size:14px}
.cp-info .h3 i{width:35px;height:5px;margin-bottom:0}
.cp-info .pic{width:55%;margin:0 auto}
.cp-card .left,.cp-card .right{float:none;width:auto}
.jz_ban{padding:15px}
.jz_ban .h3{font-size:16px;margin-bottom:10px}
.cp-box{padding:0}
.cp-box .col-l,.cp-box .col-r{float:none;width:auto}
.cp-box .pic{text-align:center;width:55%;margin:0 auto}
.row-cp3 .g-h3{margin-bottom:.4rem}
.row-cp2 .g-h3{margin-bottom:.6rem}
.cp-list li{width:25%}
.cp-list .txt{font-size:14px}
}
@media screen and (max-width:767px){
.cp-info .pic{width:auto}
.jz_ban .pic,.jz_ban .txt{float:none;width:auto}
.jz_ban .txt{margin-bottom:15px}
.cp-card{padding:15px 0}
.ul_types .con{height:40px;line-height:40px;font-size:14px;padding-left:30px}
.ul_types .con::after{left:10px}
}