/**
index
 */
a {
    text-transform: none !important;
}
.index-wrap .header {
    width: 100%;
    padding: 10rem 40rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19930203;
}

.index-wrap .header .logo {
    width: 335rem;
    height: 141rem;
}

.index-wrap .header .nav-wrap {
    width: 1340rem;
    display: flex;
    justify-content: space-between;
}

.index-wrap .header .nav-wrap .nav {
    width: 1140rem;
    display: flex;
    justify-content: space-between;
    padding-top: 50rem;
}

.index-wrap .header .nav-wrap .nav .item {
    font-size: 18rem;
    color: #000000;
    font-weight: 600;
}

.lang {
    width: 80rem;
    height: 36rem;
    border-radius: 18rem;
    display: flex;
    justify-content: space-between;
    background-color: #b0bbd9;
    margin-top: 40rem;
}

.lang .item {
    width: 36rem;
    height: 36rem;
    border-radius: 50%;
    font-size: 20rem;
    color: #d0d0d0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    cursor: pointer;
}

.lang .item-active {
    background-color: #ffffff;
    color: #1e4fb9;
}

.search {
    width: 31rem;
    height: 29rem;
    margin-top: 43rem;
}

.index-wrap .banner {
    width: 100%;
    height: 960rem;
    position: relative;
}

.index-wrap .banner .banner-big {
    position: absolute;
    width: 280rem;
    height: 310rem;
    left: 956rem;
    bottom: 45rem;
    z-index: -1;
    opacity: 0;
    background-size: cover;
    background-position: center center;
    transition: all .5s ease-in;
}

.index-wrap .banner .banner-big.in {
    opacity: 1;
    width: 100%;
    height: 960rem;
    left: 0;
    bottom: 0;
}

.index-wrap .banner .banner-big.out {
    transform: scale(1.3);
    opacity: 0;
}

.index-wrap .banner .banner-1 .d1 {
    position: absolute;
    top: 250rem;
    left: 978rem;
    height: 170rem;
}

.index-wrap .banner .banner-1 .d1 .t1 {
    font-size: 40rem;
    color: #6a92ec;
}

.index-wrap .banner .banner-1 .d1 .t2 {
    font-size: 60rem;
    line-height: 70rem;
    font-weight: 600;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 94rem 7rem;
    height: 170rem;
}

.index-wrap .banner .banner-1 .d2 {
    display: flex;
    margin-top: 30rem;
    flex-wrap: wrap;
    width: 890rem;
    top: 410rem;
    left: 938rem;
    position: absolute;
}

.index-wrap .banner .banner-1 .d2 .i {
    width: 37%;
    font-size: 20rem;
    color: #303030;
    margin: 10rem 0;
    padding-left: 40rem;
    display: flex;
    justify-content: space-between;
}

.index-wrap .banner .banner-1 .d2 .i .l{
    width: 2rem;
    height: 30rem;
    margin-top: 5rem;
    background-color: #535353;
    opacity: .8;
}

.index-wrap .banner .banner-2 .d1 {
    position: absolute;
    top: 220rem;
    left: 135rem;
}

.index-wrap .banner .banner-2 .d1 .t1 {
    font-size: 40rem;
    color: rgba(255, 255, 255, .8);
}

.index-wrap .banner .banner-2 .d1 .t2 {
    font-size: 60rem;
    font-weight: 600;
    color: #FFFFFF;
    background-image: url("../images/about-i1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 94rem 7rem;
    height: 110rem;
}

.index-wrap .banner .banner-2 .d2 {
    display: flex;
    position: absolute;
    top: 220rem;
    left: 570rem;
}

.index-wrap .banner .banner-2 .d2 .i {
    font-size: 22rem;
    color: #FFFFFF;
    display: flex;
}

.index-wrap .banner .banner-2 .d2 .l {
    margin: 10rem 40rem;
    background-color: rgba(255, 255, 255, .8);
    width: 2rem;
    height: 30rem;
}

.index-wrap .banner .banner-3 .d1 {
    position: absolute;
    top: 230rem;
    left: 170rem;
}

.index-wrap .banner .banner-3 .d1 .t1 {
    font-size: 40rem;
    color: rgba(255, 255, 255, .8);
}

.index-wrap .banner .banner-3 .d1 .t2 {
    line-height: 70rem;
    font-size: 60rem;
    font-weight: 600;
    color: #FFFFFF;
    background-image: url("../images/about-i1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 94rem 7rem;
    height: 170rem;
}

.index-wrap .banner .banner-3 .d2 {
    display: flex;
    position: absolute;
    top: 250rem;
    left: 645rem;
}

.index-wrap .banner .banner-3 .d2 .i {
    font-size: 22rem;
    color: #FFFFFF;
    display: flex;
}

.index-wrap .banner .banner-3 .d2 .l {
    margin: 10rem 40rem;
    background-color: rgba(255, 255, 255, .8);
    width: 2rem;
    height: 30rem;
}

.index-wrap .banner .banner-4 .d1 {
    width: 1200rem;
    height: 440rem;
    position: absolute;
    top: 480rem;
    left: 0;
    background: linear-gradient(to right, rgba(34, 80, 178, .9), transparent);
    padding: 40rem 110rem;
}

.index-wrap .banner .banner-4 .d1 .t1 {
    font-size: 60rem;
    font-weight: 600;
    color: #FFFFFF;
}

.index-wrap .banner .banner-4 .d1 .t3 {
    font-size: 40rem;
    line-height: 44rem;
    font-weight: 600;
    color: #FFFFFF;
    background-image: url("../images/about-i1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 94rem 7rem;
    height: 130rem;
    margin: 30rem 0;
}

.index-wrap .banner .banner-4 .d1 .t2 {
    font-size: 24rem;
    color: #FFFFFF;
    line-height: 40rem;
}

.index-wrap .banner-thumb-wrap {
    position: absolute;
    width: 890rem;
    right: 68rem;
    bottom: 25rem;
}

.index-wrap .banner-thumb-wrap .swiper-slide {
    height: 330rem;
}

.index-wrap .banner-thumb-wrap .swiper-slide img {
    width: 280rem;
    height: 310rem;
    border-radius: 12rem;
    box-shadow: 0 10rem 15rem #99abd4;
}

.index-wrap .content-wrap .title {
    font-size: 90rem;
}

.index-wrap .content-wrap .title-1 {
    display: inline-block;
    color: #ffffff;
    padding-left: 200rem;
    padding-top: 63rem;
    font-weight: 600;
}

.index-wrap .content-wrap .t-1 {
    font-size: 36rem;
    color: #ffffff;
    padding-left: 200rem;
    margin-top: 20rem;
}

.index-wrap .content-wrap .t-2 {
    font-size: 22rem;
    color: #ffffff;
}

.index-wrap .content-wrap .desc-list {
    width: 1068rem;
    margin-top: 40rem;
    border-top: 1rem solid #ffffff;
}

.index-wrap .content-wrap .desc-list .item {
    width: 100%;
    border-bottom: 1rem solid #ffffff;
    height: 60rem;
    padding-left: 200rem;
    display: flex;
    align-content: center;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
}

.index-wrap .content-wrap .desc-list .item:hover {
    background-color: #31da65;
}

.index-wrap .content-wrap .desc-list .item img {
    width: 26rem;
    height: 26rem;
    margin-right: 10rem;
}

.index-wrap .content-wrap .desc-list .item span {
    margin: 4rem;
}

.index-wrap .content-wrap .title-2 {
    text-align: center;
    font-size: 90rem;
    color: #0151fe;
    margin-top: 40rem;
    font-weight: 600;
    letter-spacing: -4rem;
}

.house-list {
    width: 1680rem;
    height: 480rem;
    margin: 15rem 120rem;
    display: flex;
    justify-content: space-between;
}

.house-list .item {
    width: 280rem;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s;
}

.house-list .item.active {
    width: 660rem;
}

.house-list .item .label {
    display: inline-block;
    height: 38rem;
    border-radius: 19rem;
    padding: 4rem;
    background: #6daaff;
    margin-bottom: 30rem;
    transition: all .3s;
}

.house-list .item .label div{
    height: 30rem;
    line-height: 30rem;
    font-size: 16rem;
    border-radius: 15rem;
    color: #ffffff;
    background: #059dff;
    padding: 0 15rem;
    text-align: center;
}

.house-list .item.active .label {
    transform: scale(1.3);
}

.house-list .item .img-wrap {
    width: 270rem;
    height: 350rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 16rem;
    transition: all .3s;
}

.house-list .item.active .img-wrap {
    width: 650rem;
    height: 390rem;
}

.index-wrap .content-wrap .title-3 {
    display: inline-block;
    font-size: 68rem;
    color: #FFFFFF;
    margin-top: 120rem;
    margin-left: 227rem;
    font-weight: 600;
    letter-spacing: -2rem;
}

.index-wrap .sub-title-list {
    margin-top: 45rem;
    margin-left: 227rem;
}

.index-wrap .sub-title-list .item {
    font-size: 28rem;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 16rem;
}

.index-wrap .lining {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    transition: transform .2s;
}

.index-wrap .lining img {
    width: 100%;
    height: 100%;
}

.index-wrap .lining:hover {
    transform: scale(1.2);
}

.index-wrap .lining-1 {
    top: 57rem;
    right: 0;
    width: 505rem;
    height: 777rem;
    z-index: 1;
    border-radius: 0;
}

.index-wrap .lining-2 {
    top: 678rem;
    left: 582rem;
    height: 184rem;
    width: 184rem;
    z-index: 2;
}

.index-wrap .lining-3 {
    top: 184rem;
    left: 958rem;
    height: 220rem;
    width: 220rem;
    z-index: 2;
}

.index-wrap .lining-4 {
    top: 456rem;
    left: 616rem;
    height: 148rem;
    width: 148rem;
    z-index: 2;
}

.index-wrap .lining-5 {
    top: 678rem;
    left: 140rem;
    height: 184rem;
    width: 184rem;
    z-index: 2;
}

.index-wrap .lining-6 {
    top: 244rem;
    left: 1212rem;
    height: 305rem;
    width: 305rem;
    z-index: 2;
}

.index-wrap .lining-7 {
    top: 562rem;
    left: 1114rem;
    height: 373rem;
    width: 373rem;
    z-index: 2;
}

.index-wrap .lining-8 {
    top: 426rem;
    left: 878rem;
    height: 222rem;
    width: 222rem;
    z-index: 2;
}

.index-wrap .content-wrap .title-4 {
    display: inline-block;
    font-size: 60rem;
    font-weight: 600;
    color: #ffffff;
    margin-top: 250rem;
    margin-left: 834rem;
    line-height: 70rem;
}

.index-wrap .content-wrap .title-5 {
    display: inline-block;
    font-size: 60rem;
    font-weight: 600;
    color: #ffffff;
    margin-top: 230rem;
    margin-left: 200rem;
    line-height: 70rem;
}

.index-wrap .content-wrap .title-6 {
    display: inline-block;
    font-size: 90rem;
    font-weight: 600;
    color: #ffffff;
    margin-top: 330rem;
    margin-left: 200rem;
}

.index-wrap .callus-list {
    margin-top: 80rem;
    margin-left: 200rem;
}

.index-wrap .callus-list .item {
    display: flex;
    margin-bottom: 35rem;
}

.index-wrap .callus-list .item .line {
    width: 22rem;
    height: 6rem;
    border-radius: 3rem;
    background-color: #ffffff;
    margin-top: 10rem;
}

.index-wrap .callus-list .item .info {
    margin-left: 22rem;
}

.index-wrap .callus-list .item .info .t3 {
    font-size: 20rem;
    color: #ffffff;
}

.index-wrap .callus-list .item .info .t3:first-child {
    margin-bottom: 10rem;
}

.index-wrap .submit-wrap {
    display: flex;
    margin-top: 80rem;
    margin-left: 200rem;
}

.index-wrap .submit-wrap .input-wrap {
    width: 383rem;
    height: 56rem;
    background-color: #ffffff;
    border-top-left-radius: 28rem;
    border-bottom-left-radius: 28rem;
    padding-left: 36rem;
    display: flex;
    align-content: center;
    align-items: center;
    transition: all .3s;
    border: 1rem solid #ffffff;
}

.index-wrap .submit-wrap .input-wrap.active {
    border-color: #4af150;
    box-shadow: 0 0 10rem 2rem #4af150;
}

.index-wrap .submit-wrap .input-wrap input {
    height: 36rem;
    width: 100%;
    font-size: 18rem;
    border: none;
    border-left: 1rem solid #a8c3ff;
    text-indent: 10rem;
    outline: none;
}

.index-wrap .submit-wrap .submit-btn {
    width: 116rem;
    height: 56rem;
    border: 2rem solid #ffffff;
    line-height: 54rem;
    color: #ffffff;
    border-top-right-radius: 28rem;
    border-bottom-right-radius: 28rem;
    background: linear-gradient(to bottom, #4af150, #1dd74d);
    margin-left: 6rem;
    font-size: 18rem;
    padding-left: 10rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s;
}

.index-wrap .submit-wrap .submit-btn:hover {
    background: linear-gradient(to bottom, #4af150, #1dd74d);
    border-color: #4af150;
    box-shadow: 0 0 20rem 2rem #4af150;
}

.index-wrap .site {
    width: 811rem;
    height: 364rem;
    position: absolute;
    top: 520rem;
    right: 30rem;
}

.index-wrap .news-wrap {
    display: flex;
    align-content: center;
    align-items: center;
}

.index-wrap .news-wrap .title {
    display: inline-block;
    font-size: 58rem;
    color: #ffffff;
    margin-left: 227rem;
}

.index-wrap .news-wrap .news-icon {
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: 20rem;
    position: relative;
}

.index-wrap .news-wrap .news-icon .icon {
    width: 50rem;
    position: absolute;
    top: -26rem;
    left: 0;
}

.index-wrap .news-wrap .news-icon .icon:last-child {
    animation: news-iocn-ani 0.7s infinite;
}

.index-wrap .news-wrap .news-content {
    width: 1030rem;
    height: 100%;
    padding: 40rem 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    margin-left: 130rem;
}

.index-wrap .news-wrap .news-content .item {
    font-size: 24rem;
    color: #FFFFFF;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index-wrap .news-wrap .news-content .item:hover {
    font-size: 26rem;
    text-decoration: underline;
}

@keyframes news-iocn-ani {
    from {left: 0; opacity: 1;}
    to {left: 30rem; opacity: 0}
}

@-webkit-keyframes news-iocn-ani {
    from {left: 0; opacity: 1;}
    to {left: 30rem; opacity: 0}
}

.sub-nav-wrap {
    width: 100%;
    height: 112rem;
    display: flex;
    align-items: flex-end;
    background-color: #FFFFFF;
}

.sub-nav-wrap .sub-nav {
    width: 1670rem;
    height: 60rem;
    display: flex;
    justify-content: space-between;
}

.sub-nav-wrap .sub-nav .item {
    display: block;
    width: 230rem;
    height: 60rem;
    border-top-left-radius: 12rem;
    border-top-right-radius: 12rem;
    padding: 0 8rem;
    line-height: 60rem;
    font-size: 18rem;
    color: #414141;
    background-color: #dbe3f7;
}

.sub-nav-wrap .lang {
    margin-top: 0;
}

.sub-nav-wrap .sub-nav .item.active {
    background-color: #23d359;
}

.sub-nav-wrap .sub-nav .item.home {
    background-color: #235cd3;
    color: #ffffff;
}

.sub-nav-wrap .lang-search-wrap {
    width: 140rem;
    height: 60rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-left: 40rem;
}


.sub-content-wrap {
    width: 100%;
    display: flex;
}

.sub-content-wrap .content {
    width: 1273rem;
    position: relative;
}

.sub-content-wrap .content.active {
    display: block;
}

.sub-content-wrap .sub-news {
    width: 1273rem;
    position: relative;
    background-color: #0151fe;
}

.sub-content-wrap .sub-news * {
    color: #FFFFFF !important;
    word-wrap: break-word !important;
}

.sub-content-wrap .sub-news img {
    width: auto !important;
    height: auto !important;
}

.about-workshop-list {
    width: 100%;
    height: 200rem;
    margin-top: 100rem;
    display: flex;
    justify-content: space-between;
}

.about-workshop-list .item {
    width: 300rem;
    height: 200rem;
    overflow: hidden;
    position: relative;
}

.about-workshop-list .item img {
    transition: transform .3s;
}

.about-workshop-list .item img:hover {
    transform: scale(1.2);
}

.about-workshop-list .item .label {
    width: 100%;
    height: 40rem;
    background-color: rgba(0, 0, 0, .4);
    color: #ffffff;
    font-size: 16rem;
    line-height: 40rem;
    padding: 0 20rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.about-company-intro {
    width: 100%;
    padding-left: 250rem;
    margin-top: 20rem;
}

.about-company-intro .d1 {
    font-size: 58rem;
    height: 120rem;
    line-height: 120rem;
    color: #ffffff;
    background-image: url("../images/about-i1.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 94rem 7rem;
    font-weight: 600;
}

.about-company-intro .d2 {
    width: 100%;
    display: flex;
    margin-top: 50rem;
    align-items: center;
    margin-bottom: 30rem;
}

.about-company-intro .d2 .line {
    width: 6rem;
    height: 110rem;
    background-image: url("../images/about-i4.png");
}

.about-company-intro .d2 .i1 {
    width: 380rem;
    height: 120rem;
}

.about-company-intro .d2 .i1 .t1 {
    font-size: 20rem;
    color: #ffffff;
}

.about-company-intro .d2 .i1 .t2 {
    font-size: 60rem;
    color: #ffffff;
    margin-top: 12rem;
    font-weight: 600;
}

.about-company-intro .d2 .i2 {
    width: 460rem;
    height: 120rem;
    padding-left: 84rem;
}

.about-company-intro .d2 .i2 .t1 {
    font-size: 20rem;
    color: #ffffff;
}

.about-company-intro .d2 .i2 .t2 {
    font-size: 32rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 34rem;
    margin-top: 10rem;
    font-weight: 600;
}

.about-company-intro .d2 .i2 .t2 span {
    font-size: 80rem;
    display: block;
    font-weight: 600;
    margin-right: 10rem;
}

.about-company-intro .d2 .i2 .t2 img {
    width: 32rem;
    height: 32rem;
    position: absolute;
    top: -7rem;
    right: 10rem;
}

.about-company-intro .d3 {
    color: #ffffff;
}

.about-company-intro .d3 .t{
    font-size: 18rem;
    line-height: 28rem;
    margin-top: 15rem;
}

.about-company-intro .d4 {
    display: flex;
    color: #ffffff;
}

.about-company-intro .d4 .y {
    font-size: 250rem;
    font-weight: 800;
}

.about-company-intro .d4 .t {
    font-size: 32rem;
    font-weight: 500;
    margin-left: -10rem;
    margin-top: 145rem;
}

.about-advantage {
    width: 100%;
    margin-top: 240rem;
    display: flex;
    padding-left: 130rem;
}

.about-advantage .d1 {
    font-size: 58rem;
    height: 170rem;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 94rem 7rem;
    font-weight: 600;
    line-height: 54rem;
    letter-spacing: -2rem;
}

.about-advantage .d2 {
    width: 740rem;
    margin-left: 100rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-advantage .d2 .i {
    width: 330rem;
    height: 180rem;
    margin-top: 10rem;
}

.about-advantage .d2 .i .t1 {
    min-width: 300rem;
    height: 40rem;
    line-height: 38rem;
    font-size: 24rem;
    color: #ffffff;
    background-color: #235cd3;
    border-radius: 20rem;
    display: inline-block;
    padding: 0 15rem;
}

.about-advantage .d2 .i .t2 {
    font-size: 16rem;
    color: #3e3a39;
    margin-top: 10rem;
    font-weight: 600;
    line-height: 22rem;
}

.about-world {
    width: 100%;
    margin-top: 110rem;
}

.about-world .d1 {
    font-size: 48rem;
    height: 120rem;
    line-height: 120rem;
    text-align: center;
    color: #ffffff;
    background-image: url("../images/about-i1.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 94rem 7rem;
    font-weight: 600;
}

.about-world .d2 {
    width: 934rem;
    height: 598rem;
    margin: -50rem auto 0;
    padding-top: 100rem;
}

.about-world .d2 img {
    width: 934rem;
    height: 598rem;
}

.workshop-w1 {
    margin-left: 800rem;
    padding-top: 120rem;
}

.workshop-w1 .d1 {
    font-size: 38rem;
    height: 120rem;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 94rem 7rem;
    font-weight: 600;
    line-height: 44rem;
    letter-spacing: -2rem;
}

.workshop-w1 .d2 {
    font-size: 15rem;
    font-weight: 600;
    color: #235cd3;
    margin-top: 50rem;
}

.workshop-w1 .d2 span {
    font-size: 42rem;
}

.workshop-w1 .d3 {
    margin-top: 30rem;
}

.workshop-w1 .d3 .i1 {
    margin-bottom: 20rem;
    font-size: 16rem;
    color: #3e3a39;
    display: flex;
    flex-wrap: wrap;
}

.workshop-w1 .d3 .i1 .ic {
    font-size: 20rem;
    margin-right: 8rem;
    margin-top: -2rem;
    display: inline-block;
}

.workshop-w1 .d3 .i1 p {
    display: inline-block;
    line-height: 22rem;
    font-weight: 600;
}

.workshop-w1 .d3 .i1 .b {
    font-weight: 600;
    color: #235cd3;
    font-size: 22rem;
    margin: 0 4rem;
}

.workshop-w2 {
    width: 100%;
    height: 205rem;
    margin-top: 215rem;
    display: flex;
    justify-content: space-between;
}

.workshop-w2 .i {
    width: 305rem;
    height: 205rem;
    overflow: hidden;
}

.workshop-w2 .i img {
    width: 305rem;
    transition: transform .2s;
}

.workshop-w2 .i img:hover {
    transform: scale(1.2);
}

.workshop-w3 {
    margin-top: 40rem;
    margin-left: 145rem;
}

.workshop-w3 .d1 {
    font-size: 38rem;
    height: 120rem;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 94rem 7rem;
    line-height: 44rem;
    font-weight: 600;
}

.workshop-w4 {
    margin-top: 90rem;
    display: flex;
    padding-left: 154rem;
    align-items: center;
}

.workshop-w4 .d1 {
    display: flex;
    align-items: center;
    width: 190rem;
    height: 60rem;
    margin-top: 30rem;
}

.workshop-w4 .d1 .t1 {
    font-size: 22rem;
    color: #ffffff;
    font-weight: 600;
    line-height: 28rem;
}
.workshop-w4 .d1 .i {
    width: 60rem;
    display: flex;
    align-items: center;
}
.workshop-w4 .d1 .i img {
    width: 19rem;
    height: 19rem;
    animation: workshop-jt-ani1 .6s infinite;
}

@keyframes workshop-jt-ani1 {
    from {margin-left: 10rem;}
    to {margin-left: 22rem;}
}

.workshop-w4 .d2 {
    width: 400rem;
    margin-top: 60rem;
}

.workshop-w4 .d2 .i {
    font-size: 18rem;
    color: #235cd3;
    font-weight: 600;
    margin-bottom: 16rem;
}

.workshop-w4 .d3 {
    width: 330rem;
    margin-top: 60rem;
    margin-left: -120rem;
}

.workshop-w4 .d3 .i {
    font-size: 18rem;
    color: #3e3a39;
    font-weight: 600;
    margin-bottom: 24rem;
}

.workshop-w4 .d4 img{
    animation: workshop-jt-ani2 .6s infinite;
    transform: rotate(180deg);
}

@keyframes workshop-jt-ani2 {
    from {margin-left: 22rem;}
    to {margin-left: 10rem;}
}

.sub-more-btn-1 {
    width: 120rem;
    height: 36rem;
    border-radius: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18rem;
    color: #ffffff;
    margin: 60rem auto;
    background-color: #235cd3;
    transition: all .2s;
    position: relative;
}

.sub-more-btn-1::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s;
    background-color: rgba(35, 92, 211, .6);
}

.sub-more-btn-1:hover::after {
    transform: scaleX(1.8) scaleY(2);
    opacity: 0;
}

.sub-more-btn-1:hover {
    box-shadow: 0 0 10rem 3rem #235cd3;
}

.workshop-w5 {
    margin-top: 120rem;
    margin-left: 168rem;
    height: 1100rem;
}

.workshop-w5 .d1 {
    font-size: 38rem;
    height: 120rem;
    line-height: 44rem;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 94rem 7rem;
    font-weight: 600;
    letter-spacing: -2rem;
}

.workshop-w5 .d2 {
    position: relative;
    margin-top: 40rem;
    margin-left: 168rem;
}

.workshop-w5 .d2 .i1 {
    width: 655rem;
    height: 430rem;
    position: absolute;
    top: 8rem;
    left: -169rem;
    z-index: 1;
    overflow: hidden;
}

.workshop-w5 .d2 .i2 {
    width: 367rem;
    height: 260rem;
    position: absolute;
    top: 347rem;
    left: -193rem;
    z-index: 2;
    display: flex;
    align-items: center;
    font-size: 16rem;
    color: #232324;
    background-color: rgba(255, 255,255, .9);
    line-height: 22rem;
    font-weight: 600;
    padding-left: 30rem;
}

.workshop-w5 .d2 .i3 {
    width: 599rem;
    height: 394rem;
    position: absolute;
    top: 388rem;
    left: 196rem;
    z-index: 2;
    overflow: hidden;
}

.workshop-w5 .d2 .i4 {
    width: 435rem;
    height: 260rem;
    position: absolute;
    top: 659rem;
    left: 385rem;
    z-index: 3;
    padding-left: 30rem;
    font-size: 16rem;
    color: #232324;
    line-height: 22rem;
    font-weight: 600;
    background-color: rgba(255, 255,255, .9);
    padding-top: 40rem;
}

.workshop-w5 .d2 .i4 span {
    color: #235cd3;
    margin-top: 35rem;
    display: block;
}

.workshop-w5 .d2 .i1 img,.workshop-w5 .d2 .i3 img {
    transition: transform .2s;
}

.workshop-w5 .d2 .i1 img:hover,.workshop-w5 .d2 .i3 img:hover {
    transform: scale(1.2);
}

.workshop-w6 {
    margin-top: 50rem;
}

.workshop-w6 .d1 {
    color: #ffffff;
    background-image: url("../images/about-i1.png");
}

.workshop-w7 {
    margin-top: 140rem;
}

.workshop-w7 *{
    color: #ffffff !important;
}

.workshop-w7 .d1 {
    margin-top: 15rem;
}
.workshop-w7 .d2 {
    margin-top: 35rem;
}

.workshop-w7 .d2 .i{
    margin-bottom: 20rem;
}

.workshop-w7 .d3 {
    margin-top: 43rem;
}

.workshop-w7 .d3 .i {
    margin-bottom: 38rem;
}

.sub-more-btn-2 {
    color: #235cd3;
    background-color: #ffffff;
    margin-top: 25rem;
}

.sub-more-btn-2::after {
    background-color: rgba(255, 255, 255, .6);
}

.sub-more-btn-2:hover {
    box-shadow: 0 0 10rem 3rem #ffffff;
}

.workshop-w8 {
    width: 100%;
    display: flex;
    margin-top: 140rem;
    padding-left: 140rem;
    justify-content: space-between;
}

.workshop-w8 .d1 {
    color: #ffffff;
}

.workshop-w8 .d1 .t1 {
    font-size: 32rem;
}

.workshop-w8 .d1 .t2 {
    margin-top: 20rem;
}

.workshop-w8 .d1 .t3 {
    font-size: 16rem;
    margin-bottom: 20rem;
    line-height: 20rem;
}

.workshop-w8 .d1 .t4 {
    font-size: 18rem;
    font-weight: 600;
    margin-top: 37rem;
}

.workshop-w8 .d1 .t5 {
    font-size: 50rem;
    margin-top: 15rem;
    font-weight: 600;
}

.workshop-w8 .d2 {
    display: flex;
    margin-top: 110rem;
}

.workshop-w8 .d2 .i1 {
    width: 294rem;
    height: 270rem;
}

.workshop-w8 .d2 .i2 {
    width: 435rem;
    height: 270rem;
    margin-left: 10rem;
}

.workshop-w8 .d2 .i {
    overflow: hidden;
}

.workshop-w8 .d2 .i img {
    transition: transform .2s;
}

.workshop-w8 .d2 .i img:hover {
    transform: scale(1.2);
}

.workshop-w9 .d3 {
    width: 100%;
    margin-top: 150rem;
    display: flex;
    justify-content: space-between;
    color: #ffffff;
}

.workshop-w9 .d3 .i1 {
    width: 635rem;
    height: 435rem;
    overflow: hidden;
    margin-top: 62rem;
}

.workshop-w9 .d3 .i1 img {
    transition: transform .2s;
}

.workshop-w9 .d3 .i1 img:hover {
    transform: scale(1.2);
}

.workshop-w9 .d3 .i2 {
    width: 585rem;
}

.workshop-w9 .d3 .i2 .t1 {
    font-size: 32rem;
}

.workshop-w9 .d3 .i2 .t1 span {
    font-size: 24rem;
}

.workshop-w9 .d3 .t2 {
    margin-top: 20rem;
}

.workshop-w9 .d3 .t3 {
    font-size: 16rem;
    margin-bottom: 14rem;
    line-height: 20rem;
}

.workshop-w9 .d3 .t4 {
    margin-top: 22rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.workshop-w9 .d3 .t4 .t5 {
    position: relative;
    color: #ffffff;
    width: 50%;
    margin-bottom: 16rem;
}

.workshop-w9 .d3 .t4 .t5 .t6 {
    font-size: 18rem;
    font-weight: 600;
}

.workshop-w9 .d3 .t4 .t5 .t7 {
    font-size: 32rem;
    font-weight: 600;
}

.workshop-w9 .d3 .t4 .t5 img {
    width: 27rem;
    height: 27rem;
    position: absolute;
    top: -7rem;
    right: 80rem;
}

.workshop-w10 {
    margin-top: 210rem;
    margin-left: 635rem;
    height: 500rem;
}

.workshop-w10 .d7 {
    display: flex;
    margin-top: 65rem;
}

.workshop-w10 .d7 .i1 {
    width: 180rem;
}

.workshop-w10 .d7 .i1 .t1{
    font-size: 26rem;
    line-height: 26rem;
    font-weight: 600;
    color: #235cd3;
    padding-left: 7rem;
}

.workshop-w10 .d7 .i1 .t2{
    font-size: 22rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #235cd3;
    height: 48rem;
    width: 180rem;
    border-radius: 24rem;
    text-align: center;
    line-height: 46rem;
    margin-top: 15rem;
}

.workshop-w10 .d7 .i2 {
    margin-left: 42rem;
}

.workshop-w10 .d7 .i2 .t1 {
    font-size: 16rem;
    color: #3e3a39;
    margin-bottom: 20rem;
    line-height: 20rem;
}

.workshop-w11 {
    margin-top: 230rem;
    margin-left: 170rem;
}

.workshop-w11 .d1 {
    margin-bottom: 50rem;
}

.workshop-w11 .d1 .t1 {
    font-size: 26rem;
    color: #235cd3;
    margin-bottom: 10rem;
}

.workshop-w11 .d1 .t2 {
    font-size: 40rem;
    color: #ffffff;
    background-color: #235cd3;
    height: 48rem;
    width: 250rem;
    text-align: center;
    line-height: 46rem;
    border-radius: 24rem;
}

.workshop-w11 .d2 {
    font-size: 16rem;
    color: #3e3a39;
    line-height: 20rem;
}

.workshop-w11 .d3 {
    font-size: 18rem;
    color: #235cd3;
    margin-top: 220rem;
    line-height: 26rem;
}

.workshop-w12 {
    margin-top: 180rem;
}

.workshop-w12 .d2 {
    margin-top: 88rem;
}

.workshop-w12 .d2 .i {
    margin-bottom: 36rem;
}

.product-w1 {
    width: 100%;
    height: 68rem;
    margin-top: 50rem;
    padding: 0 15rem;
    display: flex;
    justify-content: space-between;
}

.product-w1 .i {
    width: 290rem;
    height: 68rem;
    border-radius: 34rem;
    background-color: #235cd3;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    cursor: pointer;
}

.product-w1 .i .t1 {
    width: 100%;
    font-size: 24rem;
    text-align: center;
}

.product-w1 .i .t2 {
    width: 100%;
    font-size: 14rem;
    text-align: center;
}

.product-w2 {
    margin-top: 90rem;
    margin-left: 110rem;
}

.product-w2 .d1 {
    font-size: 44rem;
    height: 80rem;
    line-height: 54rem;
    color: #235cd3;
    background-image: url("../images/about-i2.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 94rem 7rem;
    width: 600rem;
    font-weight: 600;
}

.product-w2 .d2 {
    margin-top: 10rem;
    font-size: 36rem;
    color: #235cd3;
    width: 600rem;
}

.product-w3 {
    width: 100%;
    margin-top: 60rem;
    display: flex;
    flex-wrap: wrap;
}

.product-w3 .d {
    width: 33.33333%;
    height: 335rem;
    position: relative;
    margin-bottom: 26rem;
    background-size: cover;
    padding: 35rem;
    color: #ffffff;
}

.product-w3 .d.colb {
    color: #4d4c48;
}

.product-w3 .d .t1 {
    font-size: 34rem;
    font-weight: 600;
    margin-bottom: 30rem;
}

.product-w3 .d .t2 {
    font-size: 16rem;
    margin-bottom: 6rem;
}

.product-w3 .d .t2 span {
    font-weight: 600;
}

.product-w3 .d .t2:last-child {
    margin-top: 10rem;
}

.product-w5 {
    margin-top: -80rem;
    width: 100%;
    height: 1800rem;
    padding-left: 40rem;
    padding-right: 10rem;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.product-w5 .i:first-child {
    margin-top: 185rem;
}

.product-w5 .d {
    width: 607rem;
    height: 420rem;
    background-size: cover;
    padding: 40rem;
    color: #ffffff;
    border-bottom-left-radius: 20rem;
    border-bottom-right-radius: 20rem;
    margin-bottom: 20rem;
}

.product-w5 .d .t1 {
    font-size: 34rem;
    font-weight: 600;
    margin-bottom: 20rem;
}

.product-w5 .d .t2 {
    font-size: 16rem;
}

.product-w6 {
    margin-top: 240rem;
}

.product-w6 * {
    color: #ffffff !important;
}

.product-w6 .d1 {
    background-image: url("../images/about-i1.png");
}

.product-w7 {
    margin-top: 110rem;
}

.product-w8 {
    margin-top: 80rem;
}

.product-w9 {
    width: 100%;
    height: 1260rem;
    margin-top: 100rem;
    padding-left: 20rem;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}

.product-w9 .i {
    width: 100%;
    display: flex;
}

.product-w9 .i:nth-child(odd) {
    justify-content: end;
}

.product-w9 .i .d {
    height: 238rem;
    position: relative;
}

.product-w9 .i .d:first-child {
    margin-right: 20rem;
}

.product-w9 .i .d .d1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 10rem 20rem;
    background: transparent;
    color: #ffffff;
}

.product-w9 .i .d img {
    height: 238rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-w9 .i .d .t1 {
    font-size: 34rem;
    font-weight: 600;
    margin-bottom: 10rem;
}

.product-w9 .i .d .t2 {
    font-size: 16rem;
}

.product-w9 .i .d .t3 {
    display: flex;

}

.product-w9 .i .d .t3 .t4 {
    width: 160rem;
    color: #ffffff;
    font-size: 16rem;
}

.product-w10 {
    margin-top: 340rem;
    width: 100%;
    height: 358rem;
    position: relative;
}

.product-w10 .d3 {
    position: absolute;
    top: -10rem;
    right: 140rem;
    width: 759rem;
    height: 410rem;
}

.product-w10 .d3 img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-w10 .d3 .d4 {
    position: absolute;
    top: 0;
    left: 35rem;
    padding: 30rem 20rem;
    color: #235cd3;
    z-index: 2;
}

.product-w10 .d3 .d4 .t1 {
    font-size: 34rem;
    font-weight: 600;
    margin-bottom: 20rem;
}

.product-w10 .d3 .d4 .t2 {
    font-size: 18rem;
    line-height: 26rem;
    margin-bottom: 20rem;
}

.product-w10 .d3 .d4 .t2 span {
    font-weight: 600;
}

.product-w11 {
    margin-top: 88rem;
}

.product-w12 {
    margin-top: 88rem;
    width: 100%;
}

.product-w12 .i {
    width: 100%;
    margin-bottom: 63rem;
}

.product-w12 .i .d {
    position: relative;
    width: 100%;
    margin-bottom: 50rem;
}

.product-w12 .i .d .di {
    width: 100%;
    height: auto;
}

.product-w12 .i .d .d1 {
    position: absolute;
    background-color: #ffffff;
    padding: 20rem;
}

.product-w12 .i .d .d1 .d1i {
    margin: 0 auto;
    display: block;
}

.product-w12 .i .d .d1 .t {
    font-size: 18rem;
    color: #235cd3;
    font-weight: 600;
    text-align: center;
    margin-top: 10rem;
}


.product-w12 .b-t {
    text-align: center;
    font-size: 18rem;
    color: #ffffff;
    line-height: 32rem;
    margin-top: 180rem;
}

.intelligentize .d1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 811rem;
    height: 762rem;
}

.intelligentize .d2 {
    position: absolute;
    top: 635rem;
    left: 0;
    width: 1022rem;
    height: 514rem;
}

.intelligentize .d3 {
    position: absolute;
    top: 1215rem;
    right: 95rem;
    width: 971rem;
    height: 701rem;
}

.intelligentize .d4 {
    position: absolute;
    top: 1914rem;
    left: 0;
    width: 848rem;
    height: 516rem;
}

.intelligentize .d5 {
    position: absolute;
    top: calc(1914rem + 528rem);
    right: 0;
    width: 561rem;
    height: 591rem;
}

.intelligentize .d6 {
    position: absolute;
    top: calc(1914rem + 1020rem);
    left: 0;
    width: 1173rem;
    height: 711rem;
}

.intelligentize .d7 {
    position: absolute;
    top: calc(1914rem + 1780rem);
    right: 68rem;
    width: 823rem;
    height: 553rem;
}

.environmental .d{
    position: absolute;
    left: 120rem;
    color: #ffffff;
}

.environmental .t1 {
    font-size: 18rem;
    line-height: 22rem;
}

.environmental .t2 {
    font-size: 17rem;
    font-weight: 600;
}

.environmental .t3 {
    font-size: 30rem;
    font-weight: 600;
}

.environmental .d1 {
    top: 160rem;
}

.environmental .d2 {
    top: 360rem;
}

.environmental .d3 {
    top: 670rem;
}

.environmental .d4 {
    top: 750rem;
}

.environmental .d5 {
    top: 100rem;
}

.environmental .d6 {
    top: 245rem;
}

.environmental .d7 {
    top: 180rem;
}

.environmental .d8 {
    top: 310rem;
}

.environmental .d9 {
    top: 125rem;
}

.environmental .d10 {
    top: 265rem;
}

.calluspage .d {
    width: 440rem;
    margin-top: 150rem;
    padding-left: 40rem;
}

.calluspage .d * {
    color: #235cd3 !important;
}

.calluspage .d .title-6 {
    font-size: 66rem;
    font-weight: 600;
}

.calluspage .d .callus-list {
    margin-top: 50rem;
}

.calluspage .d .callus-list .item {
    display: flex;
    margin-bottom: 22rem;
}

.calluspage .d .callus-list .item .line {
    width: 20rem;
    height: 6rem;
    border-radius: 3rem;
    background-color: #235cd3;
    margin-top: 10rem;
}

.calluspage .d .callus-list .item .info {
    margin-left: 16rem;
}

.calluspage .d .callus-list .item .info .t3 {
    font-size: 18rem;
    line-height: 28rem;
}

.calluspage .d .submit-wrap {
    display: flex;
    margin-top: 50rem;
}

.calluspage .d .submit-wrap .input-wrap {
    width: 265rem;
    height: 40rem;
    border: 2rem solid #235cd3;
    border-top-left-radius: 28rem;
    border-bottom-left-radius: 28rem;
    padding-left: 20rem;
    display: flex;
    align-content: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

.calluspage .d .submit-wrap .input-wrap.active {
    box-shadow: 0 0 10rem 2rem #235cd3;
}

.calluspage .d .submit-wrap .input-wrap input {
    height: 22rem;
    width: 100%;
    font-size: 13rem;
    border: none;
    border-left: 1rem solid #235cd3;
    text-indent: 10rem;
    outline: none;
}

.calluspage .d .submit-wrap .submit-btn {
    width: 90rem;
    height: 40rem;
    border: 2rem solid #235cd3;
    color: #235cd3 !important;
    border-top-right-radius: 20rem;
    border-bottom-right-radius: 20rem;
    background-color: transparent;
    margin-left: 6rem;
    font-size: 15rem;
    cursor: pointer;
    line-height: 36rem;
    padding-left: 5rem;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    overflow: hidden;
}

.calluspage .d .submit-wrap .submit-btn:hover {
    color: #FFFFFF !important;
    background-color: #235cd3;
    box-shadow: 0 0 10rem 2rem #235cd3;
}