@charset "utf-8";
/* CSS Document */
.pro02_part04{ padding-top:7vw}
.pro02_part04_con ul {display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:4vw;}
.pro02_part04_con li {width:44%; background:#fff; border-radius:10px; padding:40px;   margin-bottom:30px;box-shadow: 0px 3px 43px 0px rgba(0, 0, 0, 0.05); transition:ease 1s}
.pro02_part04_con li .li_con{display: flex;}
.pro02_part04_con ul li h3{ font-size:22px; font-weight:bold; color:#333; margin-bottom:14px; }
.pro02_part04_con ul li p{font-size:14px; color:#666; width:70%;}
.pro02_part04_con ul li .li_con img{ width: 72px; height: 72px; margin-right:10px;}
.pro02_part04_con ul li{ position:relative}
.pro02_part04_con ul .li_con_bg{ position:absolute; top:0; right:0; width:120px; height:120px; opacity:0.1; overflow:hidden }
.pro02_part04_con ul .li_con_bg img{ width:100%; height:100%}
.pro02_part04_con li:hover{ transform:scale(1.1,1.1); cursor:pointer}

.pro02_part02{ padding:7vw 0 0 0;}
.pro02_part02  ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding:4vw 0 0 0 }
.pro02_part02  ul li{width:18%; border-radius:10px;overflow: hidden;position: relative;margin-bottom: 14px;cursor: pointer;}
.pro02_part02  ul li .name{position: absolute;bottom: 0;left: 0;height: 70px;line-height: 70px; text-align: center;font-size: 20px;color: #fff;background: rgba(0,0,0,0.6);width: 100%;transition: all ease .3s;}
.pro02_part02  ul li .name h3{ }
.pro02_part02  ul li .name p{ font-size:14px;}
.pro02_part02  ul li:hover .name{height: 177px; height: 177px; }
.pro02_part02  ul li:hover{box-shadow: 0px 3px 10px 0px rgba(237,170, 169, 0.35);}
.pro02_part02  ul li img{ width:100%;}
.pro02_part02  ul li a.more{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;line-height: 177px;font-size: 18px;color: #d83130;text-decoration: underline;}


.pro01_tdxl_con1{  padding:7vw 0}
.pro01_tdxl_con_part01 ul{ display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:4vw;}
.pro01_tdxl_con_part01 ul li{ width:17%; background:#fff; border-radius:10px; padding:60px 0 ; margin-bottom:20px; background:#fff9e6}
.pro01_tdxl_con_part01 ul li img{ width:64px; height:64px; margin:0 auto 10px;    display: block;}
.pro01_tdxl_con_part01 ul li p{ text-align:center; font-size:20px; color:#333; font-weight:bold}

.pro04_part01{ padding-bottom:5vw}
.pro04_part01_con ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4vw;}
.pro04_part01_con ul li{ width:30%}
.pro04_part01_con ul li h3{font-size:22px; font-weight:bold; color:#333; margin-top:14px; margin-bottom:5px; }
.pro04_part01_con ul li p{font-size:14px; color:#666; }



@media screen and (max-width: 980px) {
.pro02_part04_con li {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 16px;margin-bottom: 17px;}
.pro02_part04_con ul li h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 7px;
}
.pro02_part04_con ul li .li_con img {
    width: 52px;
    height: 52px;
    margin-right: 10px;
}
.pro02_part04_con ul li p {
    font-size: 12px;
    color: #666;
    width: 94%;
}



.pro02_part02 ul li {
    width: 48%;}
.pro02_part02 ul li .name {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 45px;
    line-height: 45px;
    /* padding-top: 10px; */
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    width: 100%;
    transition: all ease .3s;
}

.pro01_tdxl_con_part01 ul li {
    width: 31%;
    border-radius: 10px;
    padding: 22px 0;
    margin-bottom: 14px;
}

.pro01_tdxl_con_part01 ul li p{ font-size:14px;}

.pro04_part01_con ul li h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 14px;
    margin-bottom: 5px;
}.pro04_part01_con ul li {
    width: 48%;
	margin-bottom:20px;
}




	
}