﻿.prodetails-textsub{font-size:var(--fontsize20)}
.prodetails-text{font-size:var(--fontsize17)}
.share-btn-list{margin-top:15px}
.prodetails-info .prodetails-btnlist>*{color:#fff;background:var(--color)}
.prodetails-tabs{margin:3% 0}
.prodetails-tabs .prodetails-tabs-item.act{color:#fff}
.pro-d-main .content-wrap{padding:50px 0}
.pro-d-main .kche-t222 .kche-t222-flex,.pro-d-main .kche-t223 .kche-t223-flex{align-items:flex-start}
@media (max-width:768px){.page-main .pro-list.list1 li{width:47%;margin-bottom:1.5em}
.pro-d-main .content-wrap{padding:30px 0}}

.pagesbanner .pagesbanner-animate{top:70%}
.pagesbanner .pagesbanner-animate .title{margin-bottom:10px;font-size:34px;font-weight:700;line-height:1.3}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .title{font-size:var(--fontsize30)}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .title{font-size:var(--fontsize24)}}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner{top:18%;padding:0;max-width:70%;color:var(--fontcolor);text-shadow:1px 1px 3px #fff}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p1{font-size:2.2vw;line-height:1.2}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p2{font-size:1.9vw;line-height:1.2;margin:.8vw 0}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p3{font-size:1.05vw;line-height:1.4;margin-top:0}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate.industrial-chemicals-banner{top:18%;max-width:92%;}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p1{font-size:2.4vw;}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p2{font-size:2vw;margin:.8vw 0}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p3{font-size:1.2vw;}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p1{font-size:3.5vw;}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p2{font-size:3vw;margin:.8vw 0}
.pagesbanner .pagesbanner-animate.industrial-chemicals-banner .p3{font-size:1.8vw}}
.l-wrap .l-wrap {padding:0}

.pro-main .protype-industrial-bot .l-wrap,.pro-main .protypefeedback .l-wrap{max-width:1340px}
.prodetails-top{align-items: initial;}
@media (min-width:769px){.prodetails-info{padding-top:0;}}
.prodetail-module {margin-bottom:4%;}
.prodetail-module .module-content {position:relative;}
.prodetail-module .module-pic img {display:block;width:100%;height:100%;object-fit:cover}
.prodetail-module .module-info {position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0 0 0 4%;width:48%}
.prodetail-module .module-info p:first-child {margin-bottom:15px;}
.prodetail-module .module-info p a {border-bottom:1px solid #306ffa;display:inline-block;color:#306ffa;line-height:1.5}
@media (max-width:1366px){.prodetail-module .module-info p{font-size:var(--fontsize14)}}
@media (max-width:1200px){.prodetail-module .module-content {padding:3% 0}
.prodetail-module .module-pic{position:absolute;top:0;left:0;width:100%;height:100%;}
.prodetail-module .module-info{position:relative;transform:none;top:0;}}
@media (max-width:768px){.prodetail-module .module-content {padding:20px 0}
.prodetail-module .module-info{width:70%;padding:0 0 0 15px}}
@media (max-width:550px){.prodetail-module .module-content {padding:20px 0}
.prodetail-module .module-pic img{object-position:left}
.prodetail-module .module-info{width:100%;padding:0 15px}}