.probanner{position:relative;border-bottom:1px solid #eee}
.probanner .btn_next,.probanner .btn_per{display:none!important}
.probanner .showbox{margin-bottom:60px;}
.probanner .showbox{}
.probanner .img{text-align:center}
.probanner .img img{/*width:340px;*/width:60%;}
.probanner .infobox {padding-top:3%;padding-left:15px;white-space:normal}
.probanner .infobox h2{margin-bottom:10px}
.probanner .infobox h1{margin-bottom:20px;font-weight:bold;opacity:0.15}
.probanner .infobox .list{margin-bottom:30px}
.probanner .infobox .list p{position:relative;padding-left:12px;display:block;margin-bottom:10px}
.probanner .infobox .list p i{height:1px;position:absolute;width:5px;background:#333;top:11px;left:0;display:inline-block}
.probanner .infobox .o_btn_df-df span{width:148px;padding:0}
.probanner .bannerpager{position:absolute;bottom:-12.5px;left:0;width:100%;text-align:center;}
.probanner .bannerpager{font-size:0;width:100%}
.probanner .bannerpager:before{content:"";display:inline-block;width:25px;background:white;height:20px;}
.probanner .bannerpager:after{content:"";display:inline-block;width:25px;background:white;height:20px;}
.probanner .bannerpager li{background:white;display:inline-block;padding:0 5px;height:5px;position:relative;cursor: pointer}
.probanner .bannerpager li:before{content: ".";display:inline-block;width:60px;height:5px;display:inline-block;background:#d1d1d1;color:white}
.probanner .bannerpager li.cur:before{background:#47c5ff}
.probanner.one .bannerpager{display:none}
@media (min-width:993px) and  (max-width:1199px){/*lg*/
    .probanner .img img{width:80%;}
    .probanner .infobox{padding-top:10px}
}

@media (min-width:700px) and (max-width:992px){/*md*/
    .probanner .img img{width:80%;}
    .probanner .infobox{padding-top:5px}
    .probanner .infobox .list p{margin-bottom:5px}
    .probanner .showbox{margin-bottom:45px;}
}

@media (min-width:544px) and (max-width:699px){/*sm*/
    .probanner .img img{width:100%;}
    .probanner .infobox{padding-top:5px}
    .probanner .infobox .list p{margin-bottom:5px}
    .probanner .infobox h2{margin-bottom:5px}
    .probanner .infobox h1{margin-bottom:15px}
    .probanner .showbox{margin-bottom:45px;}
}

@media (max-width:543px){/*xs*/
    .probanner .img img{width:100%;}
    .probanner .img{margin-bottom:30px}
    .probanner .showbox{margin-bottom:45px;}
    .probanner .infobox{display:block;text-align:center;padding-left:0;padding-top:0}
    .probanner .infobox .list p{margin-bottom:5px;text-align: center;padding:0}
    .probanner .infobox .list p i{position:relative;left:auto;margin:0 5px}
    .probanner .infobox .o_btn_df-df span{width:210px}
    .probanner .bannerpager li:before{width:30px}
    .probanner .bannerpager:after,.probanner .bannerpager:before{width:15px}
}