.mobilebanner {
	    display: none;
	}

	#Products,
	#index-service {
	    scroll-margin-top: 180px;
	}

	main {
	    width: 100%;

	}

	.banner {
	    width: 100%;
	    position: relative;
	}

	.banner img {
	    width: 100%;
	    border-radius: 0px 0px 50px 50px;
	    height: 98vh;
	    object-fit: cover;
	}

	.banner .swiper-horizontal>.swiper-pagination-bullets,
	.banner .swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
	    bottom: 91px;
	    left: auto;
	    width: auto;
	    right: 100px;
	}

	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	    width: 16px;
	    height: 16px;
	}

	.banner .swiper-pagination-bullet-active {

	    background: #FFFFFF;
	}

	.index-product {
	    width: 100%;
	}

	.iph3 {
	    font-size: 56px;
	    line-height: 56px;
	    color: #222222;
	    font-weight: 600;
	    position: relative;
	    width: 1600px;
	    margin: 83px auto 48px auto;
	    text-align: left;
	}

	.iphp {
	    font-size: 24px;
	    line-height: 24px;
	    color: #AFB1B2;
	    font-weight: 500;
	}

	.ipx {
	    width: 1600px;
	    margin: auto;
	}

	.ipxx {
	    width: 388px;
	    height: 1px;
	    background: #AFB1B2;
	    margin-bottom: 52px;
	    position: relative;
	}

	.ipxx::after {
	    content: '';
	    width: 35px;
	    height: 15px;
	    background: #1E4CC8;
	    position: absolute;
	    left: 0;
	    top: -7.5px;
	}

	.iptype {
	    width: 1600px;
	    margin: auto;
	    display: flex;
	    justify-content: space-between;
	}

	.iptype a {
	    font-size: 18px;
	    line-height: 24px;
	    color: #AFB1B2;
	    font-weight: 500;
	    position: relative;
	    padding-bottom: 10px;
	}

	.iptcontent-item {
	    display: none;
	    margin-top: 65px;
	    position: relative;
	}

	.iptcontent-item-active {
	    display: block;
	}

	.iptype-active {
	    color: #222222 !important;
	}

	.iptype-active::after {
	    content: '';
	    position: absolute;
	    bottom: 0px;
	    width: 100%;
	    height: 1px;
	    background: #222222;
	    left: 0;
	}

	.iptcontent-item-img {
	    width: 100%;
	    height: 100%;
	    position: relative;
	    display: block;
	}

	.iptcontent-item-text {
	    width: 100%;
	    height: 100%;
	    display: none;
	    overflow: hidden;
	}

	.iptcontent-item-text-img {
	    display: flex;
	    justify-content: space-between;
	    position: absolute;
	    top: -20px;
	    left: 50%;
	    transform: translateX(-50%);
	    align-items: center;
	    width: 80%;
	}

	.iptcontent-item-a:hover .iptcontent-item-img {
	    display: none;
	}

	.iptcontent-item-a:hover .iptcontent-item-text {
	    display: block;
	}

	.iptcontent-item-text-img img {
	    width: 140px;
	    height: 140px;
	    object-fit: cover;
	}

	.iptcontent-item .swiper-slide a {
	    display: inline-block;
	    width: 100%;
	    height: 389px;
	    background: radial-gradient(circle at center, #F3F2F6 6%, #D1D2D8 100%);
	    border-radius: 50px 50px 50px 50px;
	    overflow: hidden;
	}

	.iptcontent-item .swiper-slide .iptcontent-item-img img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.iptcontent {
	    width: 1600px;
	    margin: 0 auto 146px auto;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
	    left: -80px;
	    right: auto;
	    width: 50px;
	    height: 50px;
	    background: #FFFFFF;
	    border-radius: 50%;
	    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
	    right: -80px;
	    left: auto;
	    width: 50px;
	    height: 50px;
	    background: #FFFFFF;
	    border-radius: 50%;
	    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after {
	    content: 'prev';

	    color: #737375;
	    font-size: 13px;
	    line-height: 23px;
	    font-weight: 700;
	}

	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
	    content: 'next';
	    color: #737375;
	    font-size: 13px;
	    line-height: 23px;
	    font-weight: 700;
	}

	.iptcontent-item-img-t {
	    position: absolute;
	    left: 50px;
	    top: 38px;
	}

	.iptcontent-item-img-t h3 {
	    margin-bottom: 16px;
	    color: #222222;
	    font-size: 30px;
	    line-height: 30px;
	    font-weight: 600;
	}

	.iptspan {
	    display: flex;
	    align-items: center;
	}

	.iptspans1 {
	    font-size: 16px;
	    line-height: 16px;
	    color: #737375;
	    margin-right: 8px;
	    font-weight: 500;
	}

	.iptspans2 {
	    width: 15px;
	    height: 15px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 8px;
	    line-height: 8px;
	    color: #707070;
	    border-radius: 50%;
	    font-weight: 600;
	    border: 1px solid #707070;
	}

	.iptcontent-item-text table {
	    width: 80%;
	    border-collapse: collapse;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 82px;
	}

	.iptcontent-item-text table td {
	    font-size: 12px;
	    line-height: 16px;
	    color: #8B8B8B;
	    font-weight: 500;

	}

	.iptcontent-item-text table td:first-child {
	    width: 60%;
	}

	.iptcontent-item-text table td:last-child {
	    width: 40%;
	}

	.iptcontent-item-text table tr {
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;

	}

	.iptcontent-item-text table tr:not(:last-child) {
	    border-bottom: 1px solid #8B8B8B;
	}

	.iptcontent-item-text table tr:not(:first-child) {

	    padding-top: 17px;
	    padding-bottom: 18px;

	}

	.iptcontent-item-text table tr:first-child {
	    padding-bottom: 18px;
	}

	.iptcontent-item-text-img h3 {
	    font-size: 30px;
	    line-height: 30px;
	    color: #222222;
	    font-weight: 600;
	}

	/* service */
	.service {
	    width: 1600px;
	    margin: auto;
	    display: flex;
	}

	.service-left {
	    width: 25.5%;
	    margin-right: 87px;
	    position: relative;
	}

	.service-right {

	    width: 74%;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.service-item img {
	    max-width: 68px;
	    width: auto;
	    height: auto;
	    margin-bottom: 22px;
	}

	.s-ipx {
	    width: 100%;
	    height: 1px;
	    background: #AFB1B2;
	    margin-top: 48px;
	    margin-bottom: 47px;
	    position: relative;
	}

	.s-ipx::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 34px;
	    height: 15px;
	    background: #1E4CC8;
	}

	.service-item {
	    width: 547px;
	    height: 250px;
	    margin-bottom: 11px;
	    border-radius: 50px 50px 50px 50px;
	    padding: 36px 45px 0 51px;

	}

	.bs1 {
	    background: url('/static/bs1.png') no-repeat;
	    background-size: cover;
	}

	.bs2 {
	    background: url('/static/bs2.png') no-repeat;
	    background-size: cover;
	}

	.bs3 {
	    background: url('/static/bs3.png') no-repeat;
	    background-size: cover;
	}

	.bs4 {
	    background: url('/static/bs4.png') no-repeat;
	    background-size: cover;
	}

	.bs5 {
	    background: url('/static/bs5.png') no-repeat;
	    background-size: cover;
	}

	.bs6 {
	    background: url('/static/bs6.png') no-repeat;
	    background-size: cover;
	}

	.service-item p {
	    font-size: 23px;
	    line-height: 23px;
	    font-weight: 500;
	    color: #222222;
	}

	.service-item span {
	    display: inline-block;
	    font-size: 11.5px;
	    line-height: 18px;
	    font-weight: 400;
	    color: #222222;
	}

	.sljiantou {
	    width: 57px;
	    height: 57px;
	    position: absolute;
	    bottom: 0;
	    left: 0;

	}

	/* service end */
	/* company */
	.company {
	    width: 100%;
	    margin: 121px auto 0 auto;
	    background: url('/static/company.png') no-repeat;
	    background-size: cover;
	    padding-bottom: 170px;
	}

	.company-content {
	    width: 1600px;
	    margin: auto;
	    display: flex;
	}

	.company-p {
	    padding-top: 164px;
	    font-size: 16px;
	    line-height: 24px;
	    font-weight: 500;
	    color: #888C97;
	}

	.company .iph3 {
	    margin: 0 auto 48px auto;
	}

	.company-bottom {

	    width: 1600px;
	    display: flex;
	    margin: 80px auto 0 auto;
	    justify-content: space-between;
	}

	.cbitem {
	    width: 333px;
	    height: 333px;
	    background: url('/static/c1.png') no-repeat;
	    background-size: 100% 100%;
	    padding: 30px 30px 40px 30px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}

	.cbitem p {
	    font-size: 66px;
	    line-height: 66px;
	    color: #FFFFFF;
	    font-weight: 500;
	    display: flex;
	    align-items: end;
	}

	.cbitem span {
	    font-size: 22px;
	    line-height: 23px;
	    color: #FFFFFF;
	    font-weight: 400;
	}

	.cbitem>p>span {
	    font-size: 33px;
	    line-height: 33px;

	}

	.cbitem:nth-child(2),
	.cbitem:nth-child(4) {
	    margin-top: 222px;
	}

	.company-href {
	    font-size: 31px;
	    line-height: 31px;
	    color: #FFFFFF;
	    background: #222222;
	    width: 285px;
	    height: 70px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 277px auto 0 auto;
	    border-radius: 50px;
	}

	/* company end */
	/* application */
	.application {
	    width: 100%;
	    margin-bottom: 173px;
	}

	.app-flex-mobile {
	    display: none;
	}

	.application-content {
	    width: 1600px;
	    margin: auto;
	}

	.application .s-ipx {
	    width: 25%;
	}

	.app-flex {
	    display: flex;
	    width: 100%;
	    margin: 57px auto 0 auto;

	}

	.app-left {
	    width: 65%;
	    margin-right: 2%;
	}

	.app-right {
	    width: 32%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}

	.appiii {
	    display: none;
	    width: 100%;
	    height: 611px;
	    border-radius: 50px;
	    overflow: hidden;
	    position: relative;
	}

	.app-left-img {
	    margin-bottom: 57px;
	}

	.appiii img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.appiii-text {
	    width: 100%;
	    height: 184px;
	    padding: 76px 51px 0 54px;
	    background: url('/static/app-bg.png') no-repeat;
	    background-size: cover;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	}

	.appiii-text p {
	    font-size: 16px;
	    line-height: 24px;
	    color: #E3E3E3;
	}

	.app-active {
	    display: block;
	}

	.app-xitem {
	    width: 100%;
	    height: 112px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: relative;
	    border-radius: 78px 78px 78px 78px;
	    overflow: hidden;
	    z-index: 2;
	    cursor: pointer;
	    text-align: center;
	}

	.app-xitem::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.8);
	    z-index: 1;
	}

	.app-xitem p {
	    font-size: 28px;
	    line-height: 28px;
	    color: #BDBDBD;
	    z-index: 3;

	}

	.app-item-img {
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	}

	.app1 {
	    background: url('/static/xapp1.png') no-repeat;
	    background-size: cover;

	}

	.app2 {
	    background: url('/static/xapp2.png') no-repeat;
	    background-size: cover;
	}

	.app3 {
	    background: url('/static/xapp3.png') no-repeat;
	    background-size: cover;
	}

	.app4 {
	    background: url('/static/xapp4.png') no-repeat;
	    background-size: cover;
	}

	.app5 {
	    background: url('/static/xapp5.png') no-repeat;
	    background-size: cover;
	}

	.app6 {
	    background: url('/static/xapp6.png') no-repeat;
	    background-size: cover;
	}

	.app7 {
	    background: url('/static/xapp7.png') no-repeat;
	    background-size: cover;
	}

	.appactive p {
	    color: #FFFFFF;
	}

	.appactive::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.3);
	    z-index: 1;
	}

	/* application end */
	/* form */
	.form {
	    width: 100%;
	    padding-bottom: 96px;
	    border-radius: 0 0 50px 50px;
	    background: #FFFFFF;
	    margin-bottom: -60px;
	    position: relative;
	    z-index: 99;

	}

	.form .iph3 {
	    width: 100%;
	}

	.form-flex {
	    width: 1600px;
	    margin: auto;
	    display: flex;
	}

	.form-left {
	    width: 29%;
	    margin-right: 67px;
	}

	.form-right {
	    width: 69%;

	    padding-top: 103px;
	}

	.form-div {
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}

	.form-right input {
	    font-size: 24px;
	    line-height: 24px;
	    color: #AFB1B2;
	    font-weight: 400;
	    border-bottom: 1px solid #AFB1B2;
	    border-top: none;
	    border-left: none;
	    border-right: none;
	    padding-bottom: 7px;
	}

	.form-right input:not(:last-child) {
	    width: 47%;
	    margin-bottom: 58px;
	}

	#attr_36 {
	    width: 100% !important;
	}


	.form-button {
	    width: 205px;
	    height: 50px;
	    background: #222222;
	    border-radius: 39px 39px 39px 39px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 68px auto 14px auto;
	    color: #FFFFFF;
	    font-size: 22px;
	    line-height: 22px;
	    border: none;
	    cursor: pointer;
	}

	/* form end */
	@media (max-width: 1600px) {

	    .iph3,
	    .ipx,
	    .iptype,
	    .iptcontent,
	    .service,
	    .company-content,
	    .company-bottom,
	    .application-content,
	    .form-flex {
	        width: 1140px;
	    }

	    .iptype a {
	        font-size: 16px;
	    }

	    .service-item {
	        width: 48%;
	        padding: 20px 10px 0 10px;
	    }

	    .cbitem {
	        width: 24%;
	    }

	    .cbitem p {
	        font-size: 46px;
	    }

	    .company-href {
	        margin: 77px auto 0 auto;
	    }

	    .app-xitem p {
	        font-size: 18px;
	    }

	    .iph3 {
	        font-size: 46px;
	    }
	}

	@media (max-width: 1000px) {
	    .service-item p {
	        font-size: 20px;
	        line-height: 20px;
	    }

	    .service-item span {
	        font-size: 9px;
	        line-height: 18px;
	    }

	    .iptcontent-item .swiper-slide a {
	        height: 289px;
	    }

	    .pcbanner {
	        display: none;
	    }

	    .mobilebanner {
	        display: block;
	    }

	    .iph3,
	    .service,
	    .ipx,
	    .company-content,
	    .company-bottom,
	    .application-content,
	    .form-flex {
	        width: 100%;
	        padding-left: 5%;
	        padding-right: 5%;
	    }

	    .iptcontent {
	        width: 90%;
	    }

	    .ipxx {
	        width: 35%;
	    }

	    .banner img {
	        height: auto;
	    }

	    .iph3 {
	        font-size: 23px;
	        line-height: 25px;
	        margin: 23px auto 28px auto;
	        padding-left: 0;
	    }

	    .index-product .iph3 {
	        padding-left: 5%;
	    }

	    .iptype {

	        overflow-x: auto !important;
	        overflow-y: hidden !important;
	        -webkit-overflow-scrolling: touch !important;
	        flex-wrap: nowrap !important;
	        justify-content: flex-start !important;
	        gap: 20px !important;
	        position: relative;

	        padding: 0 10px !important;
	        width: 90% !important;

	    }


	    .iptype::-webkit-scrollbar {
	        display: none;
	    }


	    .iptype a {
	        white-space: nowrap !important;
	        flex-shrink: 0 !important;
	    }

	    .ipipip {
	        width: 90%;
	        position: relative;
	        margin: auto;
	    }

	    .ipipip::after {
	        content: '<';
	        font-size: 18px;
	        line-height: 18px;
	        left: 0;
	        top: 50%;
	        transform: translateY(-50%);
	        position: absolute;
	        color: #AFB1B2;
	    }

	    .ipipip::before {
	        content: '>';
	        font-size: 18px;
	        line-height: 18px;
	        right: 0;
	        top: 50%;
	        transform: translateY(-50%);
	        position: absolute;
	        color: #AFB1B2;
	    }

	    .service {
	        flex-direction: column;
	    }

	    .service-left,
	    .service-right {
	        width: 100%;
	    }

	    .service-left {
	        margin-right: 0px;
	    }

	    .service-item {
	        height: 170px;
	    }

	    .iptcontent {
	        margin: 0 auto 46px auto;
	    }

	    .sljiantou {
	        display: none;
	    }

	    .service-right {
	        flex-direction: column;
	        margin-top: 35px;
	    }

	    .service-item img {
	        max-width: 38px;
	        margin-bottom: 12px;
	        margin-right: 10px;
	    }

	    .service-item {
	        width: 100%;
	        display: flex;
	        align-items: center;
	        justify-content: space-around;
	    }

	    .s-ipx {
	        margin-top: 28px;
	        margin-bottom: 27px;
	    }

	    .cbitem p {
	        font-size: 24px;
	        line-height: 26px;
	    }

	    .iphp,
	    .cbitem span {
	        font-size: 16px;
	        line-height: 18px;
	        text-align: left;
	    }

	    .company .iph3 {
	        margin: 0 auto 28px auto;
	    }

	    .company-content {
	        flex-direction: column;
	    }

	    .company-p {
	        padding-top: 34px;
	    }

	    .cbitem {
	        width: 45%;
	        height: 40vw;
	        padding: 50px 10px;
	    }

	    .company-bottom {
	        flex-wrap: wrap;
	    }

	    .cbitem:nth-child(2),
	    .cbitem:nth-child(4) {
	        margin-top: 102px;
	    }

	    .app-flex {
	        display: none;
	    }

	    .app-left {
	        width: 95%;
	    }

	    .app-right {
	        width: 95%;
	    }

	    .app-xitem {
	        display: none;
	    }

	    .application-content .iphp {
	        text-align: left;
	        margin-bottom: 40px;
	    }

	    .appiii {
	        height: 269px;
	        display: block;
	    }

	    .appiii-text p {
	        font-size: 12px;
	        line-height: 14px;
	        position: absolute;
	        left: 50%;
	        bottom: 30px;
	        width: 95%;
	        transform: translateX(-50%);

	    }

	    .appiii-text {
	        padding: 5px 10px;
	    }

	    .appiii-text {
	        height: 124px;
	    }

	    .app-flex-mobile {
	        display: block;
	    }

	    .company {
	        padding-bottom: 40px;
	        margin: 31px auto 0 auto;
	        background: url(/static/mcompany.png) no-repeat;
	        background-size: cover;
	    }

	    .s-ipx {
	        width: 35%;
	    }

	    .application {
	        margin-bottom: 0px;
	    }

	    .application .mySwiper {
	        padding-bottom: 40px;
	    }

	    .application .swiper-pagination-bullet {
	        border-radius: 0;
	        width: 20px;
	        height: 3px;

	    }

	    .application .swiper-pagination-bullet-active {
	        background: #222222;
	    }

	    .banner .swiper-horizontal>.swiper-pagination-bullets,
	    .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
	    .swiper-pagination-custom,
	    .swiper-pagination-fraction {
	        bottom: 32px;
	        right: 38px;
	    }

	    .form-flex {
	        flex-direction: column;
	    }

	    .form-left,
	    .form-right {
	        width: 100%;
	    }

	    .form-right input {
	        font-size: 12px;
	        line-height: 12px;
	    }

	    .form-right {
	        padding-top: 23px;
	    }

	    .swiper-button-prev,
	    .swiper-rtl .swiper-button-next {
	        left: 0;
	    }

	    .swiper-button-next,
	    .swiper-rtl .swiper-button-prev {
	        right: 0;
	    }
	}