.main_image {width:100%; height:444px; overflow:hidden; margin: auto 0; position:relative}
.main_image ul {width:9999px; height:444px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:444px;}
.main_image li span {display:block; width:100%; height:444px; background-size:cover;}
div.flicking_con a {float:left; width:17px; height:15px;margin:0; padding:0; background:url(../images/btn_main_img.png) 0 0 no-repeat; display:block; text-indent:-1000px}
/*.flicking_inner{height:100px;background: url(../images/top06.png) bottom repeat-x;}*/
/*.flicking_con{position:relative;}*/
div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%; margin-top: 4%;font-size: 28px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
.flicking_con .flicking_inner{position:relative; top:-100px; z-index: 111; }
div.flicking_con a.on {background-position:0 -18px }
div.flicking_con a {cursor: pointer;  margin-top:70px;}
@media (min-width:920px) {
    .main_image li img {display: none;}

}
@media (max-width:920px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    .flicking_con .flicking_inner{top:-200px;}
    /*.pub_ceng{display: none;}*/
    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}
@media (max-width:800px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%;font-size: 20px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
.flicking_inner .pub_ceng { color: #fff; height:100px;  position: absolute;top:-40px; width: 98%; bottom: 0; background: url(../images/top06.png) bottom repeat-x; background-size: contain; }
    .flicking_con .flicking_inner{top:-140px;left:0px;}
    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}
@media (max-width:768px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%;font-size: 14px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
    .pub_ban1 .pub_ceng b{font-size: 14px;}
.flicking_inner .pub_ceng { color: #fff; height:100px;  position: absolute;top:10px; width: 98%; bottom: 0; background: url(../images/top06.png) bottom repeat-x; background-size: contain; }
    .flicking_con .flicking_inner{top:-140px;left:0px;}
    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}

@media (max-width:414px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%;font-size: 12px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
    .pub_ban1 .pub_ceng b{font-size: 12px;}
.flicking_inner .pub_ceng { color: #fff; height:50px;  position: absolute;top:10px; width: 98%; bottom: 0; background: url(../images/top06.png) bottom repeat-x; background-size: contain; }
    .flicking_con .flicking_inner{top:-70px;left:0px;}
    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}
@media (max-width:375px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%;font-size: 12px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
    .pub_ban1 .pub_ceng b{font-size: 12px;}
.flicking_inner .pub_ceng { color: #fff; height:50px;  position: absolute;top:10px; width: 98%; bottom: 0; background: url(../images/top06.png) bottom repeat-x; background-size: contain; }
    .flicking_con .flicking_inner{top:-70px;left:0px;}

    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}
@media (max-width:350px){
    .main_image li span{display: none;}
    .main_image li img { width:100%;}
    div.flicking_con b{ font-weight: normal; color:#fff;margin-right: 4%;font-size: 12px;float:right;padding:0;display:block;text-indent:-1000px;text-align: right;}
    .pub_ban1 .pub_ceng b{font-size: 12px;}
.flicking_inner .pub_ceng { color: #fff; height:50px;  position: absolute;top:10px; width: 98%; bottom: 0; background: url(../images/top06.png) bottom repeat-x; background-size: contain; }
    .flicking_con .flicking_inner{top:-70px;left:0px;}


    #btn_prev{display: none;}
    #btn_next{display: none}
    div.flicking_con a{display: none}
}

#btn_prev,#btn_next{z-index:111;position:absolute;display:block;width:100px!important;height:100px!important;top:50%;margin-top:-50px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}