#banner {
    margin-top: 72px;
    height: 400px;
    position: relative;
}

#banner #banner_img {
    width: 100%;
    height: 100%;
}

#banner #banner1 {
    background-image: url(../img/index/banner1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#banner #banner2 {
    background-image: url(../img/index/banner2.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#banner #banner3 {
    background-image: url(../img/index/banner3.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#banner #banner4 {
    background-image: url(../img/index/banner4.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#banner .swiper-pagination {
    z-index: 333;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 20px;
    width: 100%;
}

#banner .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #7f7371;
    margin: 0 5px;
    border-radius: 0;
    cursor: pointer;
    opacity: 1;
}

#banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

#banner .swiper-button-prev {
    background-image: url(../img/index/prev.png);
}

#banner .swiper-button-next {
    background-image: url(../img/index/next.png);
}

#banner .btn {
    width: 50px;
    height: 50px;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
}

#banner .margin {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -600px;
    z-index: 500;
}

#title {
    background: #fff;
    width: 100%;
}

#title h2 {
    font-size: 30px;
    color: #000;
    width: 100%;
    text-align: center;
    line-height: 86px;
}

#title ul {
    margin-top: 18px;
}

#title ul li {
    float: left;
    width: 25%;
    height: 196px;
    text-align: center;
}

#title ul li img {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
}

#title ul li h3 {
    font-size: 18px;
    color: #323232;
    line-height: 38px;
}

#title ul li p {
    font-size: 13px;
    color: #323232;
}

#main {
    width: 100%;
    background: #f4f4f4;
    padding-bottom: 30px;
}

#main ul li h4 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 110px;
}

#main ul li .main_box {
    width: 100%;
    height: 400px;
    background: #fff;
}

#main ul li .main_box .main_r {
    float: left;
    height: 100%;
    width: 540px;
}

#main ul li .main_box .main_r img {
    width: 100%;
    height: 100%;
}

#main ul li .main_box .main_l {
    float: left;
    height: 100%;
    margin-left: 60px;
}

#main ul li .main_box .main_l .main_l_t {
    margin-top: 20px;
}

#main ul li .main_box .main_l .main_l_t h5 {
    font-size: 24px;
    color: #323232;
    line-height: 38px;
}

#main ul li .main_box .main_l .main_l_t p {
    font-size: 14px;
    color: #323232;
    line-height: 24px;
}

#main ul li .main_box .main_l .main_l_t ul {
    margin-top: 10px;
}

#main ul li .main_box .main_l .main_l_t ul li {
    float: left;
    text-align: center;
    width: 85px;
    margin-right: 12px;
}

#main ul li .main_box .main_l .main_l_t ul li p {
    font-size: 14px;
    color: #323232;
    line-height: 24px;
}

#main ul li .main_box .main_l .main_l_t ul li img {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
}

#bottom_banner {
    background-image: url(../img/index/bottom_banner.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 300px;
}

#logo_list {
    background: #f4f4f4;
}

#logo_list h4 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 110px;
}

#logo_list ul li {
    background-color: #Fff;
    float: left;
    width: 170px;
    height: 90px;
    margin-right: 36px;
    margin-bottom: 25px;
    border: 1px solid #dcdcdc;
}

#logo_list ul li img {
    width: 100%;
    height: 100%;
}

#logo_list ul li:nth-child(6n) {
    margin-right: 0px;
}

#form {
    text-align: center;
    background: #fff;
}

#form h4 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 142px;
}

#form a {
    display: inline-block;
    margin-bottom: 108px;
}

#form img {
    width: 1000px;
    height: 500px;
}

#fixed {
    position: fixed;
    right: 16px;
    top: 50%;
    z-index: 999;
    margin-top: -96px;
}

#fixed ul li {
    width: 63px;
    height: 63px;
    background-size: 100%;
    border: 1px solid #CACACA;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

#fixed ul li:nth-child(1) {
    background-image: url(../img/index/phone_check.png);
}

#fixed ul li:nth-child(1) .fixed_hover {
    left: -324px;
    padding-top: 17px;
}

#fixed ul li:nth-child(1):hover {
    background-image: url(../img/index/phone.png);
    background-color: #FF8546;
}

#fixed ul li:nth-child(2) {
    background-image: url(../img/index/qr_check.png);
}

#fixed ul li:nth-child(2) .fixed_hover {
    left: -324px;
    top: -64px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    padding: 22px 25px 0 25px;
    justify-content: space-between;
}

#fixed ul li:nth-child(2) .fixed_hover2 {
    left: -164px;
}

#fixed ul li:nth-child(2) .fixed_hover div {
    width: 120px;
}

#fixed ul li:nth-child(2) .fixed_hover div img {
    width: 100%;
    height: 120px;
    margin-bottom: 13px;
}

#fixed ul li:nth-child(2) .fixed_hover div span {
    color: #fff;
    font-size: 18px;
}

#fixed ul li:nth-child(2):hover {
    background-image: url(../img/index/qr.png);
    background-color: #FF8546;
}

#fixed ul li:nth-child(3) {
    background-image: url(../img/index/top_check.png);
}

#fixed ul li:nth-child(3):hover {
    background-image: url(../img/index/top.png);
    background-color: #FF8546;
}

#fixed ul .fixed_hover {
    visibility: hidden;
    position: absolute;
    width: 320px;
    height: 194px;
    border-radius: 5px;
    background-color: #ff8546;
    text-align: center;
}

#fixed ul .fixed_hover2 {
    width: 160px;
}

#fixed ul .fixed_hover p {
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}


/*# sourceMappingURL=index.css.map */