@charset "utf-8";

*{margin:0;padding:0;}

.mybanner{width:100%;position: relative;max-width: 100%px;overflow: hidden;}

.mybanner ul{width:2000%;}

.mybanner ul li{max-width: 100%;overflow: hidden;float:left;position: relative;}

.mybanner ul li img.banner_bg{width:100%;height:auto;}

#banner_left{width:24px;height:50px;position: absolute;left:80px;top:50%;margin-top:-42px;cursor: pointer;padding:10px;z-index:+1;font-size:48px;font-weight: 500;font-family: "宋体";text-align: center;line-height: 50px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index: +5;display: none;}

#banner_right{width:24px;height:50px;position: absolute;right:80px;top:50%;margin-top:-30px;cursor: pointer;padding:10px;z-index:+1;font-size:48px;font-weight: 500;font-family: "宋体";text-align: center;line-height: 50px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index: 5;display: none;}

.mybanner:hover #banner_left{color:#DD5044;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

.mybanner:hover #banner_right{color:#DD5044;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

.clear{clear:both;}

.flashBox{overflow: hidden;position: relative;left:0;top: -120px;z-index: +1;}

.flashBox .slide{position: relative;left:0;top:0;}

.mybanner .circle{display:inline-block;position: absolute;left:50%;bottom: 140px;}

.mybanner .circle span{display:block;float:left;width: 15px;height: 15px;border-radius: 9px;/* border:1px solid #fff; */background:none;margin: 0 5px;cursor:pointer;z-index: 5;position: relative;background: rgba(255, 255, 255, 0.62);}

.mybanner .circle span.indexon{background: #E1E6EA;}

.mybanner .circle span:hover{background: #E1E6EA;}

.mybanner ul li .banner1_word_box{transform:skew(0deg);position: absolute;left:12%;top:50%;width: auto;height:auto;margin-top:-98px;}

.mybanner ul li .banner1_word_box img{width:100%;height:auto;}

.mybanner ul li .banner1_bingcom_box{position: absolute;left: 10%;top:60%;margin-top: -130px;margin-left:-100px;z-index:+6;width: 36%;height: auto;}

.mybanner ul li .banner1_smallcom_box{position: absolute;left:50%;top:60%;margin-top:-140px;margin-left:-340px;z-index:+1;}

.mybanner ul li .banner1_keybroak_box{position: absolute;left:50%;top:60%;margin-top:210px;margin-left:-180px;z-index:+1;display:block;}

.mybanner ul li .banner1_bingcom_box img{width:100%;height:auto;}








@media(max-width:1800px){
    .mybanner ul li .banner1_bingcom_box{margin-top: -133px; margin-left: 0px; }
}

@media(max-width:1200px){
    .mybanner ul li .banner1_bingcom_box{margin-top: -115px; }
        .mybanner .circle{bottom:130px}
}

@media(max-width:1000px){
    .mybanner ul li .banner1_bingcom_box{margin-top: -80px; }
    .mybanner ul li .banner1_bingcom_box img{width:90%;}
    .mybanner .circle{bottom:120px}
     .mybanner{top:25px;}
    .mybanner .circle span{width:12px;height:12px;}
    .flashBox{top:-113px;}
	
}

@media(max-width:768px){
    .mybanner ul li .banner1_bingcom_box{margin-top: -50px; }
    .mybanner .circle span{width:10px;height:12px;}
    .flashBox{top:-97px;}
    .mybanner{margin-top: -46px;}
    .mybanner .circle{display:none;}
	
}

@media(max-width:480px){
    .mybanner ul li .banner1_bingcom_box{margin-top: -30px;    margin-left: 25px; }
    .mybanner .circle span{width:8px;height:8px;margin-top:5px;}
    .mybanner .circle{left:15px;top:50px;width:10px;}
        .flashBox{top:-100px;}
}
@media(max-width:360px){
    .flashBox{top:-100px;}
    .mybanner{height: 114px;}
}

@media(max-width:280px){.mybanner .circle{bottom:120px}
}