.wwp_pro_show h3{font-size:36px;font-family:RobotoBold}
.wwp_pro_show h4{font-size:30px;font-family:RobotoBold;color:#c49d48}
.wwp_pro_show h5{font-size:24px}
.wwp_pro_show p{font-size:18px;line-height:30px}
.wwp_pro_show .img_box{overflow:hidden}
.wwp_pro_show table{border-color:#dcdcdc}
.wwp_pro_show table tr td{font-size:16px;padding:5px}
.wwp_pro_show_box{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}
.wwp_pro_show_box .img_box{width:33%}
.wwp_pro_show_box .text_box{width:65%}
.wwp_pro_show_box .text_box p{padding-left:40px}
.wwp_pro_show_box .text_box i,.wwp_pro_show_box4 .item .text_box i,.wwp_pro_show_box5 .item i{font-size:16px;font-family:RobotoBold;color:#fff;background:#c49d48;display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border-radius:100vh;margin-left:-40px}
.wwp_pro_show_box1 .item{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #dfdfdf}
.wwp_pro_show_box1 .item:nth-child(even){flex-direction:row-reverse}
.wwp_pro_show_box1 .item:last-child{margin-bottom:0}
.wwp_pro_show_box1 .item .img_box{width:32.25%;border-radius:5px;overflow:hidden}
.wwp_pro_show_box1 .item .text_box{width:64%}
.wwp_pro_show_box1 .item .text_box p{font-size:18px;color:#555}
.wwp_pro_show_box2{background:#eee;border-radius:10px;padding:25px;display:flex;justify-content:space-between;align-items:center}
.wwp_pro_show_box2 .img_box{width:27%}
.wwp_pro_show_box2 .text_box{width:68%}
.wwp_pro_show_box3{display:flex;flex-direction:row-reverse;justify-content:space-between}
.wwp_pro_show_box3 .img_box{width:67%}
.wwp_pro_show_box3 .text_box{width:30%}
.wwp_pro_show_box4 .item{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}
.wwp_pro_show_box4 .item:nth-child(even){flex-direction:row-reverse}
.wwp_pro_show_box4 .item .img_box{width:48%;border-radius:5px;overflow:hidden}
.wwp_pro_show_box4 .item .text_box{width:48%}
.wwp_pro_show_box4 .item .text_box p{font-size:18px;padding-left:40px}
.wwp_pro_show_box4 .item .text_box i{margin-left:-40px}
.wwp_pro_show_box5 .item i{margin-left:0}
.wwp_pro_show_box5 .item .img{display:flex;gap:25px}
.wwp_pro_show_box5 .item .img p{flex:0 0 calc((100% - 2 * 25px)/ 3);overflow:hidden;border-radius:5px}
.wwp_color_chart{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.wwp_color_chart .item{
    flex: 0 0 calc((100% - 5 * 10px) / 6);
}
.wwp_color_chart .item .img{
    overflow: hidden;
    border: 1px solid #f4f4f4;
}
.wwp_color_chart .item .img img{}
.wwp_color_chart .item .txt{
    margin-top: 10px;
}
.wwp_color_chart .item .txt p{
    font-size: 14px;
    color: #707070;
    text-align: center;
}





@media (max-width:1440px){
.wwp_pro_show h3{font-size:28px}
.wwp_pro_show h4{font-size:22px}
.wwp_pro_show h5{font-size:18px}
.wwp_pro_show p{font-size:15px;line-height:22px}
.wwp_pro_show table tr td{font-size:14px}
.wwp_pro_show_box1 .item .text_box p{font-size:15px;line-height:20px}
.wwp_pro_show_box4 .item .text_box p{font-size:15px}
}
@media (max-width:1080px){
 .wwp_pro_show h3{}
.wwp_pro_show h4{}
.wwp_pro_show h5{}
.wwp_pro_show p{}
.wwp_pro_show .img_box{}
.wwp_pro_show table{}
.wwp_pro_show table tr{}
.wwp_pro_show table tr td{}
.wwp_pro_show_box{
    flex-wrap: wrap;
    gap: 20px;
}
.wwp_pro_show_box .img_box{
    width: 100%;
}
.wwp_pro_show_box .text_box{
    width: 100%;
}
.wwp_pro_show_box .text_box p{}
.wwp_pro_show_box .text_box i,.wwp_pro_show_box5 .item i,.wwp_pro_show_box4 .item .text_box i{}
.wwp_pro_show_box .text_box i{}
.wwp_pro_show_box1{}
.wwp_pro_show_box1 .item{
    flex-wrap: wrap;
    gap: 20px;
}
.wwp_pro_show_box1 .item:nth-child(even){}
.wwp_pro_show_box1 .item:last-child{}
.wwp_pro_show_box1 .item .img_box{
    width: 100%;
}
.wwp_pro_show_box1 .item .text_box{
    width: 100%;
}
.wwp_pro_show_box1 .item .text_box h5{}
.wwp_pro_show_box1 .item .text_box p{
    font-size: 16px;
    line-height: 22px;
}
.wwp_pro_show_box2{
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px;
}
.wwp_pro_show_box2 .img_box{
    width: 100%;
}
.wwp_pro_show_box2 .text_box{
    width: 100%;
}
.wwp_pro_show_box3{
    flex-wrap: wrap;
    gap: 20px;
}
.wwp_pro_show_box3 .img_box{
    width: 100%;
}
.wwp_pro_show_box3 .text_box{
    width: 100%;
}
.wwp_pro_show_box3 .text_box h4{}
.wwp_pro_show_box4{}
.wwp_pro_show_box4 .item{
    flex-wrap: wrap;
    gap: 20px;
}
.wwp_pro_show_box4 .item:nth-child(even){}
.wwp_pro_show_box4 .item .img_box{
    width: 100%;
}
.wwp_pro_show_box4 .item .text_box{
    width: 100%;
}
.wwp_pro_show_box4 .item .text_box p{
    font-size: 16px;
    line-height: 22px;
}
.wwp_pro_show_box4 .item .text_box i{}
.wwp_pro_show_box5{}
.wwp_pro_show_box5 .item{}
.wwp_pro_show_box5 .item i{}
.wwp_pro_show_box5 .item .img{
    gap: 15px;
    flex-wrap: wrap;
}
.wwp_pro_show_box5 .item .img p{
    flex: 0 0 100%;
}
.wwp_color_chart .item{
    flex: 0 0 calc((100% - 1 * 10px) / 2);
}
.wwp_color_chart .item .txt p{
    /*font-size: 16px;*/
}
}