* { margin: 0; padding: 0; list-style: none; border: 0 }

body { width: 100%; margin: 0 auto; overflow: hidden }

.main_image, .main_image ul { height: auto; overflow: hidden }

.main_image ul { width: 9999px; position: absolute; top: 0; left: 0 }

.main_image li { float: left; width: 100%; height: auto }

.main_image li a, .main_image li img { display: block; width: 100% }

.main_image li a { height: 350px }

.main_image li .img_1 { background: url(/mobile/img/img_main_1.jpg) top no-repeat }

.main_image li .img_2 { background: url(/mobile/img/img_main_2.jpg) top no-repeat }

.main_image li .img_3 { background: url(/mobile/img/img_main_3.jpg) top no-repeat }

.main_image li .img_4 { background: url(/mobile/img/img_main_4.jpg) top no-repeat }

.main_image li .img_5 { background: url(/mobile/img/img_main_5.jpg) top no-repeat }

div.flicking_con { position: absolute; bottom: .1rem; left: 50%; z-index: 999; width: 80px; height: 21px; margin: 0 0 0 -40px; text-align: center }

div.flicking_con a { border-radius: 50%; width: 10px; height: 10px; background: hsla(0,0%,100%,.5); margin: 5px; padding: 0; display: inline-flex; text-indent: -1000px }

div.flicking_con a.on { background: #fff }

#btn_next, #btn_prev { z-index: 11111; position: absolute; display: block; width: 50px; height: 100px; top: 50%; margin-top: -50px; display: none }

#btn_prev { background: url(/mobile/img/left.png) no-repeat 0 0; left: 0 }

#btn_next { background: url(/mobile/img/right.png) no-repeat 100% 0; right: 0 }

.main_visual { clear: both; width: 100%; height: auto; overflow: hidden; margin: 0 auto; position: relative }

.main_visual .bot { width: 100%; height: 40px; overflow: hidden; background: #000; background: url(/mobile/img/news_bg.png) 0 0 repeat; position: absolute; bottom: 0; left: 0 }

.main_visual .bot .info { width: 1200px; height: 40px; margin: 0 auto; text-align: left }

.main_visual .bot .info .txt { width: 1050px; height: 40px; line-height: 40px; color: #fff; float: left }

.main_visual .bot .info .txt b, .main_visual .bot .info .txt span { font-size: 16px; vertical-align: top }

.main_visual .bot .info .txt b { color: #fa3939 }

.main_visual .bot .info .txt a { font-size: 14px; color: #fff; text-decoration: none }

.main_visual .bot .info .btn { width: 150px; height: 40px; line-height: 40px; float: left }

.main_visual .bot .info .btn .dot1 { width: 15px; height: 15px; display: block; float: right; margin-top: 13px; margin-left: 10px; background: url(/mobile/img/dot1.png) 50% no-repeat; cursor: pointer }

.main_visual .bot .info .btn .dot2 { background: url(/mobile/img/dot2.png) 50% no-repeat }

.main_visual .left { background: url(/mobile/img/left.png) 0 0 no-repeat; left: 0 }

.main_visual .left, .main_visual .right { width: 50px; height: 100px; overflow: hidden; position: absolute; top: 155px; cursor: pointer }

.main_visual .right { background: url(/mobile/img/right.png) 0 0 no-repeat; right: 0 }


.main_image .swiper-slide { float: left; width: 100%; height: auto }

.main_image .swiper-slide a,
.main_image .swiper-slide img { display: block; width: 100% }

.main_image .swiper-slide a { height: 350px }