.phpDown_banner{ display: block; width: 100%; height: 50vw; max-height: 600px; padding-top: 0.8rem; box-sizing: border-box; background-color: #f8f8fa; background-image: url(../images/example/banner02.png); background-size: auto 100%; background-repeat: no-repeat; background-position: top center; }
.phpDown_bannerIn{ max-width: 1200px; height: 100%; position: relative; margin: 0 auto; }
.banner_cont{ width:37.5%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.banner_cont .cont1{ font-size: 0.2rem; line-height: 1; white-space: nowrap; }
.banner_cont .cont2{ font-size: 0.4rem; line-height: 1; margin-top: 0.18rem; white-space: nowrap; }
.banner_cont .cont3{ font-size: 0.13rem; line-height: 1; color: #999; margin-top: 0.24rem; white-space: nowrap; }
.banner_cont ._down{ display: block; width: 2.1rem; height: 0.58rem; text-align: center; line-height:0.58rem; color: #FFF; border-radius: 0.08rem; text-decoration: none; margin: 0.4rem auto 0; font-size: 0.22rem; background-image: -moz-linear-gradient( to left, #f84141, #ff6060); background-image: -webkit-linear-gradient( to left, #f84141, #ff6060); background-image: -ms-linear-gradient( to left, #f84141, #ff6060); background-image: linear-gradient( to left, #f84141, #ff6060); }
.banner_cont ._down i{ margin-right: 8%; }
.banner_cont ._down:hover{ opacity: 0.8; }
.phpDown_advantage_list{ margin-top: 0.2rem; }
.phpDown_advantage_list li{ float: left; width: 25%; text-align: center; margin-top: 0.33rem; }
.phpDown_advantage_list a{ display: block; width: 1.3rem; margin: 0 auto; }
.phpDown_advantage_list .img_box{ width: 0.78rem; height: 0.78rem; display: block; margin: 0 auto; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; }
.phpDown_advantage_list ._tit{ display: block; font-size: 0.18rem; line-height: 1.5; font-weight: bold; margin-top: 0.25rem; }
.phpDown_advantage_list p{ color: #666; font-size: 0.14rem; line-height: 1.5; margin-top: 0.25rem; }
.phpDown_advantage_box{ margin: 1.18rem auto 0; text-align: center; }
.phpDown_advantage_box ._tit{ font-size: 0.33rem; line-height: 1.5; }
.phpDown_advantage_box ._tip{ font-size: 0.13rem; line-height: 1.5; color: #666; margin-top: 0.15rem; }
.phpDown_advantage_box img{ display: block; width: 86.33%; margin: 0.5rem auto 0; }
/* 动画 */
.slide-box .banner_cont{ transform: translateX(-150px); opacity: 0; transition: all 0.8s ease; }
.slide-box .phpDown_advantage_list,.slide-box.phpDown_advantage_box img{ transform: translateY(15px); opacity: 0; transition: all 0.8s ease; }
.slide-box.ani-slide .banner_cont{ transform: translateX(0); opacity: 1; }
.slide-box.ani-slide .phpDown_advantage_list,.slide-box.ani-slide.phpDown_advantage_box img{ transform: translateY(0); opacity: 1; }
.slide-box.phpDown_advantage_box ._tit,.slide-box.phpDown_advantage_box ._tip{ transform: translateY(-15px); opacity: 0; transition: all 0.8s ease; }
.slide-box.ani-slide.phpDown_advantage_box ._tit,.slide-box.ani-slide.phpDown_advantage_box ._tip{ transform: translateY(0); opacity: 1; }
@media (max-width:1200px) {
    .banner_cont{ margin-left: 2%; }
}
@media (max-width:767px) {
    .phpDown_banner{ padding-top: 45px; min-height: 190px; }
    .banner_cont{ width: 96%; text-align: left; justify-content: left; }
    .banner_cont ._down{ margin-left: 0; width: 90px; height: 28px; line-height: 28px; font-size: 13px; }
    .banner_cont .cont1{ font-size: 14px; }
    .banner_cont .cont2{ font-size: 16px; }
    .banner_cont .cont3{ font-size: 12px; line-height: 1.5; width: 60%; white-space: normal; }
}
@media (max-width:414px){
    .phpDown_advantage_list a{ width: 62px; }
    .phpDown_advantage_list li{ float: left; width: 50%; text-align: center; }
    .phpDown_advantage_list .img_box{ width: 1rem; height: 1rem; }
    .phpDown_advantage_list ._tit{ font-size: 15px; }
    .phpDown_advantage_box ._tit{ font-size: 16px; }
}
@media (min-width:320px) and (max-width:375px) {
    .banner_cont ._down,.banner_cont .cont3{ margin-top: 8px; }
    .phpDown_advantage_list p,.phpDown_advantage_box ._tip{ font-size: 12px; }
}
@media (max-width:320px) {
    .phpDown_banner{ height: 180px; }
    .banner_contIn{ transform: scale(0.9); }
}
