.inbanner {
    width: 100%;
    overflow: hidden;
    background-color: #999;
    position:relative;
}

.inbanner .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

/*.inbanner .swiper-slide a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    font-size: 0;*/
/*    color: rgba(255, 255, 255, 0);*/
/*}*/
.inbanner .swiper-slide a{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.inbanner .swiper-slide a em{
    display: block;
    width: 100%;
    height:600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}
.inbusiness {
    background-color: #f0f0f0;
    padding: 24px 0;
}

.inbusiness .inbusiness_title {
    margin-bottom: 20px;
    font-size: 30px;
    color: #c30d23;
    font-weight: bold;
    text-align: center;
}

.inbusiness ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inbusiness ul li {
    float: left;
    /*flex: 1;*/
    /*width: 300px; */
    width: 24%;
    flex: 0 1 auto;
    margin: 10px 0;
    text-align: center;
    
    height: 143px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 20px 40px;
    /*margin-left: 10px;*/
    background-color: #fff;
    cursor: pointer;
}

.inbusiness ul li:first-child {
    /*margin-left: 0;*/
}

.inbusiness ul li img {
    max-height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 10px;
}

.inbusiness ul li h4 {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.inbusiness ul li p {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.inbusiness ul li .link {
    text-align: center;
}

.inbusiness ul li .link a {
    display: inline-block;
    font-size: 16px;
    color: #c30d23;
    font-weight: bold;
    margin: 0 6px;
}

.inbusiness ul li .link a:hover {
    text-decoration: underline;
}

.inbusiness ul li:hover {
    background-color: #c30d23;
}

.inbusiness ul li:hover h4,
.inbusiness ul li:hover p,
.inbusiness ul li:hover .link a {
    color: #fff;
}

.inbusiness .goshop {
    width: 100%;
    height: 88px;
    line-height: 88px;
    text-align: center;
}
/*2021.8.14 关于我们部分*/
.inbusiness .about{
    background:#c30d23;
    width:100%;
    overflow:hidden;
    position:relative;
    padding:20px;
}
.inbusiness .about .title-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.inbusiness .about .title-box .more a{
    color:#fff;
    opacity:0.6;
}
.inbusiness .about .title-box .more a:hover{
    opacity:1;
    color:#fff;
}
.inbusiness .about .title{
    font-size: 24px;
    color: #ffff00;
    font-weight: bold;
}
.inbusiness .about .cont{
    font-size:14px;
    line-height:30px;
    color:#fff;
    margin-top:10px;
}
.inbusiness .about .cont p{
    text-indent: 30px;
}
.inbusiness .about .phone-list{
    width:100%;
    margin-top:20px;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}
/*.inbusiness .about .phone-list:after{*/
/*    content:"1";*/
/*    opacity:0;*/
/*    flex:auto;*/
/*}*/
.inbusiness .about .phone-list .item{
    background:#fff;
    padding:12px 8px;
    display:flex;
    align-items:center;
    width:16%;
    margin-right:8px;
    margin-bottom:8px;
}
.inbusiness .about .swiper-pagination{
    width:100%;
    margin-left:-20px;
    bottom:10px;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    margin:16px 4px;
    background:#fff;
}
.inMenber {
    padding: 40px 0;
}

.inMenber .inMenber-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.inMenber .inReservation,
.inMenber .inOrder-center {
    width: 340px;
    height: 390px;
    border: 1px solid #d7e2e9;
}

.inMenber .inReservation .header,
.inMenber .inOrder-center .header {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    background-image: linear-gradient( 0deg, rgb(238, 243, 246) 0%, rgb(255, 255, 255) 100%);
    font-size: 16px;
    color: #2e328d;
    font-weight: bold;
}

.inMenber .inReservation .header::before,
.inMenber .inOrder-center .header::before {
    content: "";
    width: 30px;
    height: 26px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/inOrder-icon.png) no-repeat center center;
    margin-right: 6px;
}

.inMenber .inReservation .body {
    padding: 18px;
}

.inMenber .inReservation .reservation-form {
    display: block;
}

.inMenber .inReservation .reservation-form .form-select {
    width: 100%;
    height: 36px;
    display: block;
    padding: 0 12px;
    border-color: #dbdbdb;
}

.inMenber .inReservation .reservation-form .form-input {
    width: 100%;
    height: 36px;
    display: block;
    padding: 0 12px;
    border: 1px solid #dbdbdb;
    margin-top: 10px;
}

.inMenber .inReservation .reservation-form .form-button {
    width: 100%;
    height: 36px;
    display: block;
    padding: 0 12px;
    margin-top: 10px;
    background-color: #5e62c0;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.inMenber .inReservation .reservation-form .form-button:hover {
    background-color: #2e328c;
}

.inMenber .inReservation .qrcode {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
}

.inMenber .inReservation .qrcode .qrcode-image {
    width: 100px;
    height: 100px;
    border: 1px solid #dbdbdb
}

.inMenber .inReservation .qrcode .qrcode-desc {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-left: 20px;
}

.inMenber .inCalculate {
    width: 520px;
    height: 390px;
}

.inMenber .inCalculate img {
    width: 100%;
    height: 100%;
}

.inMenber .inOrder-center .order-tool {
    padding: 9px;
}

.inMenber .inOrder-center .order-tool li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 4px;
    text-align: center;
    background-color: #ff0;
    font-size: 14px;
    color: #2e328d;
    font-weight: bold;
}

.inMenber .inOrder-center .order-tool li:first-child {
    margin-top: 0;
}

.inMenber .inOrder-center .order-tool li a {
    display: block;
    width: 100%;
    height: 100%;
}

.inMenber .inOrder-center .order-tool li a:hover {
    background: #1d2976;
    color: #fff;
}

.inMenber .inOrder-center .customer-service .title,
.inMenber .inOrder-center .customer-reviews .title {
    width: 100%;
    line-height: 34px;
    border-color: rgb( 215, 226, 233);
    background-image: -moz-linear-gradient( 90deg, rgb(238, 243, 246) 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(238, 243, 246) 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(238, 243, 246) 0%, rgb(255, 255, 255) 100%);
    border-top: 1px solid #d7e2e9;
    border-bottom: 1px solid #d7e2e9;
    padding: 0 20px;
    font-size: 14px;
    color: #2e328d;
    font-weight: bold;
}

.inMenber .inOrder-center .customer-service ul,
.inMenber .inOrder-center .customer-reviews ul {
    padding: 9px 20px;
}

.inMenber .inOrder-center .customer-service ul li,
.inMenber .inOrder-center .customer-reviews ul li {
    line-height: 32px;
    font-size: 14px;
    color: #333;
    width: 120px;
    float: left;
}

.inMenber .inOrder-center .customer-service ul li a:hover,
.inMenber .inOrder-center .customer-reviews ul li a:hover {
    color: #2e328d;
    font-weight: bold;
}

.inMenber .inOrder-center .customer-service ul li a:before,
.inMenber .inOrder-center .customer-reviews ul li a:before {
    content: "•";
    padding-right: 5px;
}

.inchoose {
    /*background-color: #2e328c; */
	background-color:#c30d23;
    padding: 24px 0;
}

.inchoose .inchoose_title {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.inchoose .inchoose_body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inchoose .inchoose_desc {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.inchoose ul li {
    width: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    margin-top: 62px;
}

.inchoose ul li:first-child {
    margin-top: 0;
}

.inchoose ul li .iconfont {
    width: 68px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 30px;
    color: #9698c5;
    background: url(../images/inchoose_icon_bg.png) no-repeat center center;
}

.inchoose ul li .text {
    width: 310px;
}

.inchoose ul li h4 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.inchoose ul li h4 b {
    font-size: 22px;
    font-weight: bold;
    /*margin-right:5px;*/
}

.inchoose ul li p {
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.inchoose ul li .link {
    text-align: center;
}

.inchoose ul li .link a {
    display: inline-block;
    font-size: 16px;
    color: #2e328d;
    font-weight: bold;
    margin: 0 6px;
}

.inchoose ul li .link a:hover {
    text-decoration: underline;
}

.incase .incase-title {
    line-height: 80px;
    text-align: center;
    font-size: 30px;
    color: #c30d23;
    font-weight: bold;
}

.incase .incase-body {
    /*background: url(../images/incase-bg.jpg) no-repeat center center;*/
    height: 490px;
    padding-top: 50px;
}

.incase .case-swiper {
    position: relative;
}

.incase .case-swiper .swiper-slide {
    background-color: #fff;
    padding: 20px 10px;
    height: 380px;
}

.incase .case-swiper .swiper-slide .title {
    font-size: 16px;
    color: #333333;
    line-height: 35px;
}

.incase .case-swiper .swiper-slide .pic {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-top: 10px;
}

.incase .case-swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
}

.incase .case-swiper .swiper-slide .desc {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    height: 40px;
    margin-bottom: 16px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.incase .case-swiper .swiper-slide .time {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.incase .case-swiper .swiper-slide .more {
    font-size: 14px;
    color: #666666;
    width: 78px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    color: #666666;
    border-radius: 14px;
}

.incase .case-swiper .swiper-slide:hover {
    background-color: #c30d23;
}
.incase .case-swiper .swiper-slide:hover .title,
.incase .case-swiper .swiper-slide:hover .desc,
.incase .case-swiper .swiper-slide:hover .more,
.incase .case-swiper .swiper-slide:hover .time {
    color: #ffffff;
}

/*.incase .case-swiper .swiper-slide .more:hover {*/
/*    color: #2e328d;*/
/*    border-color: #2e328d;*/
/*}*/

.incase .case-swiper .swiper-button-prev,
.incase .case-swiper .swiper-button-next {
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: rgba(195, 13, 35, 0.8);
    border-radius: 50%;
    color: #ffffff;
}

.incase .case-swiper .swiper-button-prev:after,
.incase .case-swiper .swiper-button-next:after {
    font-size: 16px;
}

.inCompany-data {
    /*background-color: #f0f0f0;*/
    background-color: #fff;
    padding: 40px 0;
}

.inCompany-data ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inCompany-data ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inCompany-data ul li .iconfont {
    font-size: 90px;
    color: #2e328d;
}

.inCompany-data ul li .text {
    margin-left: 10px;
}

.inCompany-data ul li .text .title {
    font-size: 16px;
    color: #454545;
}

.inCompany-data ul li .text .title b {
    font-size: 42px;
    color: #c30d23;
    font-weight: normal;
    vertical-align: sub;
}

.inCompany-data ul li .text .desc {
    font-size: 14px;
    color: #333333;
}

.inService-process {
    padding: 30px 0 40px;
}

.inService-process .inService-process-title {
    font-size: 30px;
    color: #2e328d;
    font-weight: bold;
    text-align: center;
}

.inService-process ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.inService-process ul li {
    position: relative;
    margin-left: 62px;
}

.inService-process ul li:first-child {
    margin-left: 0;
}

.inService-process ul li:before {
    content: '\eb94';
    position: absolute;
    right: -30px;
    top: 130px;
    font-family: 'iconfont';
    font-size: 30px;
    color: #737373;
}

.inService-process ul li:last-child:before {
    display: none;
}

.inService-process ul li .icon {
    width: 108px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dedede;
    border-radius: 50%;
}

.inService-process ul li .text {
    margin-top: 10px;
}

.inService-process ul li .text .title {
    font-size: 18px;
    color: #1a1a1a;
    line-height: 32px;
}

.inService-process ul li .text .desc {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.inNews {
    background-color: #f0f0f0;
    padding: 30px 0;
}

.inNews .news-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inNews .news-block {
    width: 400px;
    height: 510px;
    background-color: #fff;
    padding: 20px;
}

.inNews .news-block .news-title {
    font-size: 24px;
    color: #1a1a1a;
    text-align: center;
    line-height: 36px;
}

.inNews .news-block .news-pic {
    position: relative;
    width: 100%;
    height: 220px;
    background-color: #999;
    overflow: hidden;
    margin-top: 10px;
}

.inNews .news-block .news-pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.inNews .news-block .news-pic p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.inNews .news-block .news-list {
    margin-top: 15px;
}

.inNews .news-block .news-list li {
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inNews .news-block .news-list li .title {
    /* float: left; */
    font-size: 14px;
    color: #1a1a1a;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 20px;
}

.inNews .news-block .news-list li .title::before {
    content: '•';
    margin-right: 6px;
}

.inNews .news-block .news-list li .time {
    /* float: right; */
    font-size: 14px;
    color: #1a1a1a;
}

.inNews .news-block .news-more {
    text-align: center;
    font-size: 14px;
    color: #2e328d;
    margin-top: 15px;
}

.inNews .news-block .news-more:hover {
    text-decoration: underline;
}

.inNews .news-block .news-more img {
    vertical-align: middle;
    margin-left: 10px;
}

@media screen and (max-width: 1240px) {
    .inbanner .swiper-slide a em {
        height: 0;
        padding-bottom: 36%;
    }
    /*.inbanner {*/
    /*    width: 100%;*/
    /*    height: 0;*/
    /*    padding: 22% 0 0 0;*/
    /*}*/
    /*.inbanner .swiper-wrapper {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*}*/
    /*.inbanner .swiper-slide {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
    .inMenber .inMenber-body {
        justify-content: space-around;
    }
    .inMenber .inCalculate {
        display: none;
    }
    .inchoose .inchoose_body {
        justify-content: center;
    }
	.inchoose .inchoose_title {
    font-size: 20px;}
    .inchoose .inchoose_body .inchoose_left,
    .inchoose .inchoose_body .inchoose_right {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .inchoose .inchoose-cover {
        display: none;
    }
    .inbusiness ul {
        flex-wrap: wrap;
    }
    .inbusiness ul li {
        width: 46%;
        flex: 0 1 auto;
        margin: 10px 2%;
        text-align: center;
    }
    .inbusiness ul li:first-child {
        margin-left: 2%;
    }
    .inbusiness ul li img {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .inbusiness ul li h4 {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .inbusiness .about .phone-list .item{
        width:24%;
    }
}


@media screen and (max-width: 992px) {
    .inCompany-data ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .inCompany-data ul li {
        padding: 10px 20px;
    }
    .inCompany-data ul li .iconfont {
        font-size: 60px;
    }
    .inCompany-data ul li .text .title b {
        font-size: 32px;
    }
    .inService-process {
        /* padding: 30px 0 40px; */
    }
    .inService-process ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .inService-process ul li {
        flex: 0 1 auto;
        width: 33.33%;
        margin-top: 20px;
        margin-left: 0;
        padding: 0 20px;
    }
    .inService-process ul li:first-child {
        margin-left: 0;
    }
    .inService-process ul li:before {
        display: none;
    }
    .inNews .news-flex {
        flex-wrap: wrap;
    }
    .inNews .news-block {
        width: 100%;
        height: 510px;
        margin-top: 10px;
    }
    .inbusiness .about .phone-list .item{
        width:24%;
    }
}

@media screen and (max-width: 768px) {
    .inMenber {
        display: none;
    }
    .inchoose ul {
        flex-wrap: wrap;
    }
    .inchoose ul li {
        width: 100%;
        margin-top: 0;
        padding: 10px 20px;
    }
    .inchoose ul li .iconfont {
        display: none;
    }
    .inchoose ul li .text {
        width: 100%;
    }
    .inbusiness .about .phone-list .item{
        width:32%;
    }
}

@media screen and (max-width: 576px) {
    .inbusiness .about{
        padding:10px;
    }
    .inbusiness .about .phone-list .item{
        width:48%;
        margin-right:6px;
        font-size:12px;
    }
    .inService-process ul li {
        width: 50%;
    }
    .inbusiness {
        padding: 10px 0;
    }
    .inbusiness .inbusiness_title {
        margin-bottom: 10px;
    }
    .inbusiness .goshop {
        display: none;
    }
    .inbusiness ul li {
        padding: 10px 20px;
        height: auto;
        margin: 5px 2%;
        text-align: center;
    }
    .inbusiness ul li img {
        height: 52px;
        line-height: 52px;
    }
    .inbusiness ul li img,
    .inbusiness ul li h4 {
        display: block;
        margin: 0 auto;
    }
    .inbusiness ul li p {
        height: auto;
        min-height: 40px;
        line-height: 20px;
    }
    .inchoose .inchoose_desc {
        margin-bottom: 10px;
    }
    .inchoose .inchoose_body {
        flex-wrap: wrap;
    }
    .inchoose .inchoose_body .inchoose_left,
    .inchoose .inchoose_body .inchoose_right {
        width: 100%;
    }
    .inchoose .inchoose_body ul {
        width: 100%;
    }
    .inchoose ul li {
        padding: 5px 15px;
    }
    .inchoose ul li h4 {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .inchoose ul li h4 b {
        font-size: 18px;
    }
    .inchoose ul li p {
        height: auto;
    }
    .incase .incase-title {
        line-height: 60px;
    }
    .incase .incase-body {
        height: auto;
        padding: 0;
        border-top: 1px solid #eee;
    }
    .inService-process {
        padding: 10px 0;
    }
    .inService-process ul li {
        margin-top: 10px;
        padding: 0 10px;
        text-align: center;
    }
    .inService-process ul li .icon {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }
    .inService-process ul li .icon img {
        width: 60%;
    }
    .inNews {
        padding: 10px 0;
    }
}


.inGroup-distribution {
    background-color: #f0f0f0;
    padding-top: 30px;
}

.inGroup-distribution .container {
    background-color: #fff;
}

.inGroup-distribution .hd {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 40px 0;
}

.inGroup-distribution .hd .title {
    line-height: 40px;
    font-size: 20px;
    color: #444;
    border-bottom: 2px solid #b9332a;
}

.inGroup-distribution .hd .more {
    line-height: 40px;
    font-size: 14px;
    color: #444;
}

.inGroup-distribution .bd {
    padding: 14px 24px;
}

.inGroup-distribution .bd ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inGroup-distribution .bd ul li {
    width: 220px;
    height: 90px;
    border: 1px solid #e6e6e6;
    line-height: 88px;
    text-align: center;
    margin: 10px 0;
}

.inGroup-distribution .bd ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.inGroup-distribution .bd ul li img {
    max-width: 100%;
    max-height: 100%;
}

.inGroup-distribution .bd ul li:hover {
    border-color: #2e328d;
}

@media screen and (max-width: 576px) {
    .inGroup-distribution {
        padding-top: 20px;
    }
    .inGroup-distribution .hd {
        padding-left: 10px;
        padding-right: 10px;
    }
    .inGroup-distribution .bd {
        padding-left: 10px;
        padding-right: 10px;
    }
    .inGroup-distribution .bd ul li {
        width: 48%;
    }
}
@media screen and (max-width:360px) {
    .inbusiness .about .phone-list .item{
        margin-right:5px;
    }
}