* {
    
}

a {
    text-decoration: none;
    color: inherit;
}

.contain {
    width: 100%;
    height: 100%;
    background: #ffffff;
}

/*banner*/
.banner-product{
    background: url("../../uploads/innovative/innovative-banner.png") no-repeat center;
    background-size: 100% 100%;
}
.banner {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
}

.banner_tit {
    padding-top: 60px;
    width: 184px;
    height: 62px;
    font-size: 44px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 62px;
    letter-spacing: 2px;
}

.banner_txt {
    width: 230px;
    height: 30px;
    font-size: 22px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 30px;
    letter-spacing: 10px;
    text-indent: 10px;
    margin-top: 12px;
}

/*创新应用*/
.innovative_box {
    width: 100%;
    background: #ffffff;
    position: relative;
    height: 4946px;
}

.innovative_box .see-more {
    margin: 22px 0 0;
}

.inno_bg {
    width: 60vw;
    height: 5060px;
    position: absolute;
    top: -108px;
    right: 0;
    background: url("../../uploads/innovative/bg.png") no-repeat;
    background-size: 100% 100%;
}

.innovative {
    width: 1200px;
    height: 5350px;
    margin: 0 auto;
}

.title {
    width: 100%;
    text-align: center;
    padding-top: 60px;
    height: 50px;
    font-size: 36px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 50px;
}

.title_en {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    height: 30px;
    font-size: 22px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
    letter-spacing: 10px;
    text-indent: 10px;
    opacity: .2;
}

.innovative_contain {
    width: 1200px;
    height: 5000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 130px;
}

.inno_tip1 {
    width: 450px;
    height: 435px;
    position: relative;
    margin-right: -52px;
}

.inno_tip1_en {
    height: 42px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 42px;
    /*margin-left: 63px;*/
    /*margin-top: 150px;*/
    position: absolute;
    left: 63px;
    top: 150px;
}

.inno_tip1_tit {
    height: 50px;
    font-size: 30px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 50px;
    /*margin-left: 63px;*/
    /*margin-top: 10px;*/
    position: absolute;
    left: 63px;
    top: 202px;
}

.inno_tip1_txt {
    width: 322px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
    margin-left: 63px;
    margin-top: 262px;
    opacity: 0.6;
}

.inno_tip1_quo {
    width: 43px;
    height: 112px;
    position: absolute;
}

.top {
    top: 134px;
    left: 24px;
    background: url("../../uploads/innovative/quo-top.png") no-repeat;
}

.bottom {
    height: 65px;
    right: 20px;
    bottom: 58px;
    background: url("../../uploads/innovative/quo-bottom.png") no-repeat;
}

.inno_tip2 {
    width: 510px;
    height: 490px;
    position: relative;
    margin-left: 70px;
}

.inno_tip2_img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.inno_tip2_tit {
    margin-top: 50px;
    height: 33px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 33px;
}

.inno_tip2_en {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    opacity: 0.2;
    margin-top: 10px;
}

.inno_tip2_txt {
    width: 393px;
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    margin-top: 30px;
}

.inno_tip2_choice {
    width: 390px;
    height: 78px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inno_tip2_tip {
    width: 195px;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
}

.inno_tip2_right {
    float: left;
    margin-right: 5px;
    background: url("../../uploads/innovative/duigou.svg");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.inno_tip2_tit2 {
    float: left;
}

.know-more {
    width: 154px;
    height: 40px;
    border: 1px solid rgba(77, 183, 221, 1);
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    background: #4DB7DD;
    cursor: pointer;
}

.inno_tip3 {
    position: relative;
    height: 435px;
}

.inno_tip3_row {
    width: 64px;
    height: 64px;
    margin-top: 215px;
    float: left;
    cursor: pointer;
    opacity: 0;
}

.left {
    background: url("../../uploads/innovative/Arrow／left-big-white.svg") no-repeat center;
    margin-right: 17px;
}

.right {
    background: url("../../uploads/innovative/Arrow／right-big-white.svg") no-repeat center;
    margin-left: 17px;
}

.inno_tip3_contain {
    margin: 0 auto;
    width: 478px;
    overflow: hidden;
}
.inno_tip3_box{
    width: 538px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -67px;
    outline: none;
}
.swiper-button-prev, .swiper-button-next{
    transform: scale(0.5);
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background-color: #ffffff;
    outline: none;
    color: #000;
    box-shadow: 0px 10px 26px 0px rgba(12,37,91,0.1);
    position: absolute;
    top: 50%;
}
.swiper-button:hover {
    background-color: #4DB7DD;
    color: #fff;
    transition: all .3s;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 9px;
}