* {
    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(../images/img_main_1.jpg) top no-repeat
}

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

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

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

.main_image li .img_5 {
    background: url(../images/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(../img/left.png?v=2025231636) no-repeat 0 0;
    left: 0
}

#btn_next {
    background: url(../img/right.png?v=2025231636) 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(../images/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(../images/dot1.png) 50% no-repeat;
    cursor: pointer
}

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

.main_visual .left {
    background: url(../images/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(../images/right.png) 0 0 no-repeat;
    right: 0
}