.inConBox {
    margin-top: 120px;
    position: relative;
    border-top: 1px solid transparent;
}














.ProATop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ProAInp {
    width: 380px;
    height: 55px;
    background: #f7f8f9;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ProAInp p {
    font-size: 16px;
}

.ProAJt {
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ProAJt svg {
    width: 100%;
    height: 100%;
    transform: rotate(90deg);
}

.ProAJt svg path {
    fill: #333;
}

.ProAList {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}

.ProAItem {
    width: calc(33.3% - 20px);
    margin-right: 30px;
    position: relative;
    margin-bottom: 50px;
    background: #f7f8f9;
    padding-top: 70px;
}

.ProAItem:nth-child(3n) {
    margin-right: 0;
}

.ProAImg {
    width: 100%;
    padding-top: 120%;
    position: relative;

}

.ProAImg img {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.ProATbox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
    width: 100%;
}

.ProATit {
    font-size: 18px;
    color: #666;
    opacity: 0;
    transition: all 0.48s;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.ProAText {
    font-size: 36px;
    color: #666;
    font-weight: 500;
}

.ProAItem:hover .ProATit {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.ProAItem:hover .ProAText {
    color: #333;
}

.ProAItem:hover .ProAImg img {
    width: 90%;
    height: 90%;
}

.ProAleft {
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.ProAleft svg {
    width: 20px;
    height: 20px;
    margin-left: 30px;
    position: relative;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.ProAleft svg path {
    fill: #333;
}

.ProANuvBox {
    position: relative;
    margin-top: 30px;
    display: none;
}

.ProANuv {
    display: flex;

}

.ProANuv a {
    font-size: 18px;
    margin-right: 20px;
    color: #666;
    position: relative;
}

.ProANuv a::after {
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    background: #333;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.ProANuv a:hover {
    color: #333;
}

.ProANuv a:hover::after {
    width: 100%;
    right: auto;
    left: 0;
}

.ProAleft.act svg {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}





































.inBan {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.inBanSwiper {
    width: 100%;
    height: 100%;
}

.inBanItem {
    position: relative;
}

.inBanImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.inBanImg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 3;
    background-image: linear-gradient(rgb(0, 33, 40, 0) 0%, rgb(0, 33, 40, 0) 50%, rgb(0, 33, 40, .8) 100%);
}

.inBanImg::before {
    z-index: 2;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 15%), linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5)), linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    /* background:rgba(0, 0, 0, 0.1); */
}

.inBanImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 6s;
}

.inBanItem.swiper-slide-active .inBanImg img {
    transform: scale(1);
}

.inBanSlide {
    width: 1px;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: -100px;
    content: '';
    background: rgba(255, 241, 241, .1);
}

.inBanBtn {
    position: absolute;
    /* background: rgba(242, 244, 245, .1);
    padding: 10px; */
    display: flex;
    border-radius: 8px;
    display: inline-flex;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    opacity: 0;
    transition: all 0.8s;
}

.inBanBtn svg {
    width: 50px;
    height: 30px;
}

.inBanBtn svg path {
    stroke: #fff;
}

.inXSwiper_prev {
    left: 0;
}

.inXSwiper_prev svg {
    transform: rotate(180deg);
}

.inXSwiper_next {
    right: 0;
}

.inBan:hover .inBanBtn {
    opacity: 1;
}

.inBanSrc {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.inBanSrc span {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
    font-family: "Montserrat";
    text-transform: uppercase;
}

.inBanSrc p {
    width: 1px;
    height: 60px;
    margin-top: 20px;
    position: relative;
    background: rgba(255, 255, 255, .2);
}

.inBanSrc p::after {
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(255, 255, 255, .8);
    animation: inBanHeight 4s infinite;
}

@keyframes inBanHeight {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

.inBanTbox {
    width: 86%;
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.inBanTop {
    display: flex;
    align-items: center;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.6s ease-out .3s;
}

.inBanTop p {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-family: "Montserrat";
    text-transform: uppercase;
    margin-left: 10px;
    color: rgba(255, 255, 255, .8);
}

.inBanTop svg {
    width: 20px;
    height: 20px;
}

.inBanTop svg path {
    fill: #98ed90;
}

.inBanTit {
    margin: 20px 0 50px;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.6s ease-out .5s;
}

.inBanTit p {
    text-transform: uppercase;
    width: 100%;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.2;
    color: rgba(255, 255, 255, .9);

}

.inBanItem .inMore {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.6s ease-out .7s;
}

.inBanItem.swiper-slide-active .inMore,
.inBanItem.swiper-slide-active .inBanTop,
.inBanItem.swiper-slide-active .inBanTit {
    transform: translateY(0);
    opacity: 1;
}







/* 我们的服务 */
.inPBox {
    position: sticky;
    top: 120px;
    overflow: hidden;
}

.inPMs {
    position: relative;
    margin-top: 20px;
}

.inPMs p {
    font-size: 22px;
    font-weight: 300;
    color: #666;
    /* color: rgba(255, 255, 255, .8); */
    text-align: center;
}

.inPTop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.inPList {
    width: 100%;
    position: relative;
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inPTit {
    position: relative;
}

.inPTit p {
    font-size: 28px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
}

.inPItem {
    width: calc(25% - 20px);
    padding: 30px;
    border-radius: 30px;
    position: relative;
    height: 280px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background: #f7f8f9;
}

.inPItem:nth-child(1) {
    background: rgb(1 49 62);
}

/* .inPItem:nth-child(2) {
             background: rgb(1 49 62);
        } */
.inPItem:nth-child(2) {
    background: rgb(5 93 100);
}

.inPItem:nth-child(4) {
    /* background: #10754a */
    background: #10754a;
}

.inPItem:nth-child(4n) {
    margin-right: 0;
}

.inPItem:nth-child(3) .inPBtn {
    position: relative;
    background: rgba(0, 0, 0, .1);
}

.inPItem:nth-child(3) .inPTit p {
    color: #10754a;
}

.inPBg {
    width: 65%;
    position: absolute;
    bottom: 0;
    right: -20px;
}

.inPBg img {
    width: 100%;
    object-fit: contain;
    transition: all 0.8s;
}

.inPBtn {
    position: relative;
    background: rgba(242, 244, 245, .1);
    padding: 10px;
    display: flex;
    border-radius: 8px;
    display: inline-flex;
    transition: all 0.8s;
}

.inPBtn svg {
    width: 40px;
    height: 25px;
}

.inPBtn svg path {
    stroke: #fff;

}

.inPItem:hover .inPBtn svg {
    stroke-dasharray: 200;
    stroke-dashoffset: -200;
    animation: circle-draw 1s cubic-bezier(.215, .61, .355, 1) forwards;
}

@keyframes circle-draw {
    0% {
        stroke-dashoffset: -200;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.inPItem .inPBg img {
    opacity: .6;
}

.inPItem4 .inPBg img {
    opacity: .1;
}

.inPItem3 .inPBg img {
    opacity: .3;
}

.inPItem2 .inPBg img {
    opacity: .1;
}

.inPItem:hover .inPBtn {
    background: #10754a;
}

.inPItem:hover .inPBg img {
    transform: scale(1.1);
}










/* 行业 */
.inCBox {
    position: relative;
    margin-top: 90px;
}

.inCTop {
    display: flex;
    justify-content: center;
    align-items: center;
}


.inCList {
    /* margin-top: 70px; */
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.inCItem {
    width: 100%;
    position: sticky;
    top: 100px;
    margin-bottom: 40px;
    overflow: hidden;
    border-radius: 20px;
}

.inCImg {
    width: 100%;
    padding-top: 48%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}


.inCImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.8s;
}

.inCItem::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background-image: linear-gradient(to right, rgb(0, 44, 52) 0%, rgb(0, 44, 52, .9) 10%, rgb(0, 44, 52, 0) 60%);
    /* background-image: linear-gradient(to right, rgb(87, 165, 125) 0%, rgb(87, 165, 125,.6) 30%,rgb(87, 165, 125,0) 100%); */
    /* background: rgb(0, 33, 40, .1); */
}

.inCTbox {
    width: 100%;
    height: 100%;
    padding: 70px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inCTit {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.inCText {
    font-size: 22px;
    font-weight: 300;
    color: rgba(255, 255, 255, .8);
    position: relative;
    margin: 30px 0 50px;
}

.inCItem:hover .inCImg img {
    transform: scale(1.05);
}

.inCType {
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.inCTItem {
    padding: 20px;
    height: 220px;
    width: 220px;
    border-radius: 16px;
    background: rgba(255, 241, 241, .1);
    backdrop-filter: blur(8px);
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.8s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inCTItem p {
    font-size: 28px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
    line-height: 1.5;
}

.inCTItem:hover {
    background: linear-gradient(90deg, #1577498c, #1b5f64a6);
    color: #fff;
}


.inCBtn {
    position: relative;
    display: flex;
    border-radius: 8px;
    display: inline-flex;
}

.inCBtn svg {
    width: 40px;
    height: 25px;
}

.inCBtn svg path {
    stroke: #fff;
}

.inCTItem:hover .inCBtn svg {
    stroke-dasharray: 200;
    stroke-dashoffset: -200;
    animation: circle-draw 1s cubic-bezier(.215, .61, .355, 1) forwards;
}








/* 服务流程 */
.inFBox {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 120px);
}

.inFTop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inFBon {
    margin-top: 70px;
    position: relative;
    height: 350px;
}

.inFList {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.inFList2{
    display: none;
    position: relative;
}
.inFItem {
    width: 26vw;
    margin-right: 30px;
    padding: 50px;
    background: #f7f8f9;
    border-radius: 20px;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.8s;
    position: relative;
    overflow: hidden;
}
.inFItem2{
 padding: 30px;
    background: #f7f8f9;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.8s;
    position: relative;
    overflow: hidden;
}
.inFTit {
    position: relative;
}

.inFTit p {
    font-size: 32px;
    font-weight: 500;
    color: #10754a;
}

.inFTit img {
    width: 50px;
    opacity: .8;
}

.inFText {
    position: relative;
    margin-top: 10px;
    border-top: 1px solid rgb(0, 0, 0, .1);
    padding-top: 10px;
}

.inFText p {
    font-size: 18px;
    line-height: 35px;
    height: 70px;
    color: #666;
}


.inFNum {
    font-size: 80px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    opacity: .1;
    font-family: "Montserrat";
    transition: all .8s;
}

/* 
    .inFItem::before {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      background: #10754a;
      transform: scale(0.5);
      opacity: 0;
      transition: all .8s;
      border-radius: 20px;
    } */
.inFItem:hover {
    background: #002c34;
}

.inFItem:hover .inFTit p {
    color: #fff;
}

.inFItem:hover .inFText p {
    color: #fff;
}

.inFItem:hover .inFNum {
    opacity: .3;
}

.inFItem:hover .inFText {
    border-top: 1px solid rgb(255, 255, 255, .1);
}

.inFItem:hover::before {
    transform: scale(1);
    opacity: 1;
}

.inFMs {
    margin-top: 30px;
    text-align: center;
    position: relative;
    font-size: 22px;
    font-weight: 300;
    width: 50%;
    color: #666;
}

.inFIcon {
    width: 100px;
    height: 100px;
    position: relative;
}

.inFIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.inFIcon .img1 {
    display: block;
}

.inFIcon .img2 {
    display: none;
}

.inFItem:hover .inFIcon .img2 {
    display: block;
}

.inFItem:hover .inFIcon .img1 {
    display: none;
}

           









/* 为什么选择我们 */
.inXBox {
    position: relative;
    overflow: hidden;
    padding-top: 0;
}

.inXTop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inXMs {
    position: relative;
    margin-top: 35px;
}

.inXMs p {
    font-size: 22px;
    font-weight: 300;
    color: #666;
}



.inXList {
    position: relative;
    margin-top: 70px;
    display: flex;

}



.inXItem {
    margin-right: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    flex: 1;
    transition: all 0.8s;
    height: 600px;
}

.inXItem:hover {
    flex: 1.5;
}

.inXItem:last-child {
    margin-right: 0;
}

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

.inXTit p {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(255, 255, 255, .9);
    transition: all 0.8s;
}

.inXTit img {
    width: 50px;
    opacity: .8;
}

.inXText {
    position: relative;
    margin-top: 20px;
    width: 100%;
    display: none;
}

.inXText p {
    font-size: 18px;
    color: rgba(255, 255, 255, .8);
}

.inXTbox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 100%; */
    padding: 30px;
    z-index: 2;
}

.inXImg {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all .8s;
}

.inXImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .8s;
    border-radius: 20px;
}

.inXImg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background-image: linear-gradient(to bottom, rgb(0, 33, 40, 0) 0%, rgb(0, 33, 40, .8) 80%, rgb(0, 33, 40, .9) 100%);
    transition: all 0.8s;
    opacity: 0;
}

.inXImg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: rgb(0, 33, 40, .1);
    z-index: 2;
}

.inXItem:hover .inXImg::after {
    opacity: 1;
}

.inXItem:hover .inXTit p {
    font-size: 32px;
}







/* 服务商入驻 */
.inYBox {
    position: relative;
}

.inYBox .inner {
    display: flex;
    justify-content: space-between;
}

.inYLeft {
    width: calc(50% - 20px);
    padding: 50px;
    background: rgb(14 56 72);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.inYRig {
    width: 50%;
    padding: 50px;
    background: #f7f8f9;
    border-radius: 20px;
    position: relative;
}

.inYMs {
    font-size: 22px;
    font-weight: 300;
    margin-top: 25px;
    color: rgba(255, 255, 255, .8);
}

.inYFrom {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.inYTit {
    font-size: 42px;
    color: #10754a;
    font-weight: 600;
    margin-bottom: 20px;

}

.inYItem:first-child,
.inYItem:last-child {
    width: 100%;
    margin-right: 0;
}

.inYItem {
    margin-top: 10px;
    position: relative;
    width: calc(50% - 10px);
    margin-right: 20px;
}

.inYItem:nth-child(3),
.inYItem:nth-child(5) {
    margin-right: 0;
}

.inYItem input {
    width: 100%;
    height: 65px;
    font-size: 18px;
    color: #666;
    border-radius: 16px;
    padding: 0 20px;
    background: #fff;
}

.inYItem textarea {
    width: 100%;
    /* width: calc(100% - 50px); */
    height: 150px;
    font-size: 18px;
    color: #666;
    background: transparent;
    border-radius: 16px;
    background: #fff;
    padding: 20px;
}

.inYItem input::placeholder,
.inYItem textarea::placeholder {
    color: rgba(0, 0, 0, .5);
}

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

.inYText svg {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.inYText svg path {
    fill: #10754a;
}

.inYTy {
    display: flex;
    align-items: center;
    margin: 20px 0 50px;
}

.inYDiv {
    width: 25px;
    height: 25px;
    background: #fff;
    margin-right: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.inYTy p {
    width: calc(100% - 30px);
    position: relative;
    font-size: 18px;
    color: #666;
}

.inYTy a {
    font-size: 18px;
    color: #10754a;
}

.inYBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

.inYBg img {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.inYTop {
    position: relative;
}

.inYBon {
    display: flex;
    align-items: center;
    position: relative;
}

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

.inYImg {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -20px;
}

.inYImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.inYImg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgb(1 49 60 / 30%);
}

.inYImg:first-child {
    margin-left: 0;
}

.inYBon p {
    font-size: 20px;
    font-weight: 500;
    margin-left: 20px;
    color: #fff;
}















@media(max-width:1680px) {
    .inBanTit p {
        font-size: 66px;
    }

    .inPTit p {
        font-size: 24px;
    }

    .inPItem {
        height: 250px;
    }

    .inPMs p,
    .inFMs,
    .inFText p,
    .inXMs p,
    .inYMs {
        font-size: 20px;
    }

    .inCText {
        font-size: 20px;
    }

    .inCTItem p {
        font-size: 24px;
    }

    .inCTItem {
        padding: 20px;
        height: 200px;
        width: 200px;
    }

    .inFItem {
        height: 400px;
        width: 28vw;
    }

    .inFNum {
        font-size: 72px;
    }



    .inXTit p {
        font-size: 24px;
    }

    .inXItem {
        height: 500px;
    }

    .inYTit {
        font-size: 32px;
    }
}

@media(max-width:1480px) {
    .inFIcon {
        width: 80px;
        height: 80px;
    }

    .inXItem:hover .inXTit p {
        font-size: 28px;
    }

    .inXItem {
        height: 450px;
    }

    .inBanTit p {
        font-size: 60px;
    }

    .inPItem {
        height: 220px;
    }

    .inFTit p {
        font-size: 24px;
    }

    .inXMs {
        position: relative;
        margin-top: 25px;
    }

    .inYImg {
        width: 72px;
        height: 72px;
        margin-left: -15px;
    }

    .inYItem input {
        width: 100%;
        height: 60px;
    }

    .inYItem textarea {
        height: 120px;
    }
        .inCText {
        font-size: 18px;
    }
    .inCImg {
    padding-top: 52%;}
}

@media(max-width:1368px) {
    .inXItem:hover .inXTit p {
        font-size: 24px;
    }

    .inYTy {
        display: flex;
        align-items: center;
        margin: 14px 0 30px;
    }

    .inXText p {
        font-size: 16px;
    }

    .inYTit {
        font-size: 28px;
    }

    .inYRig,
    .inYLeft {
        padding: 40px;
    }

    .inYTy p {
        font-size: 16px;
    }

    .inYItem input {
        font-size: 16px;
        width: 100%;
        height: 55px;
    }

    .inYItem textarea {
        font-size: 16px;
        height: 100px;
    }

    .inYImg {
        width: 65px;
        height: 65px;
        margin-left: -10px;
    }

    .inXList {
        position: relative;
        margin-top: 50px;
    }

    .inXItem {
        height: 400px;
    }

    .inXTit p {
        font-size: 20px;
    }

    .inFBox {
        height: calc(100% - 70px);
    }


    .inFNum {
        font-size: 60px;
    }

    .inFBon {
        margin-top: 50px;
    }

    .inFItem {
        width: 30vw;
        padding: 30px;
        height: 350px;
    }

    .inPMs p,
    .inFMs,
    .inFText p,
    .inXMs p,
    .inYMs {
        font-size: 18px;
    }

    .inCText {
        font-size: 18px;
        margin: 15px 0 30px;
    }

    .inBanTit p {
        font-size: 52px;
    }

    .inPTit p {
        font-size: 20px;
    }

    .inPItem {
        height: 200px;
    }

    .inPBtn svg {
        width: 35px;
        height: 20px;
    }

    .inPBox {
        top: 90px;
    }

    .inCTItem p {
        font-size: 20px;
    }

    .inCTItem {
        height: 150px;
    }

    .inCTbox {
        padding: 50px;
    }

    .inPItem {
        padding: 25px;
        border-radius: 20px;
        width: calc(25% - 12px);
    }
}

@media(max-width:1280px) {
        .inCText {
        font-size: 16px;}
    .inFItem {
        height: 330px;
    }

    .inFIcon {
        width: 72px;
        height: 72px;
    }

    .inBanTit p {
        font-size: 48px;
    }

    .inBanSrc span {
        font-size: 14px;
    }

    .inPMs p,
    .inFMs,
    .inFText p,
    .inXMs p,
    .inYMs {
        font-size: 16px;
    }

    .inFMs {
        width: 60%;
    }
}

@media(max-width:1200px) {
    .inBanTit p {
        font-size: 42px;
    }

    .inBanBtn svg {
        width: 42px;
        height: 25px;
    }

    .inCTItem {
        height: 130px;
    }

    .inCImg {
        width: 100%;
        padding-top: 48%;
    }

    .inFMs {
        width: 70%;
    }

    .inFIcon {
        width: 65px;
        height: 65px;
    }

    .inFItem {
        height: 300px;
    }

    .inXTbox {
        padding: 20px;
    }

    .inXTit p {
        font-size: 18px;
    }

    .inXText p {
        font-size: 14px;
    }

    .inXItem {
        margin-right: 10px;
    }

    .inXItem:hover .inXTit p {
        font-size: 20px;
    }

    .inYBox {
        padding-top: 0;
    }

    .inYRig, .inYLeft {
        padding: 30px;
    }

    .inYImg {
        width: 60px;
        height: 60px;
    }

    .inYTy p, .inYTy a {
        font-size: 14px;
    }

    .inYItem input {
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding: 0 10px;
    }

    .inYTit {
        margin-bottom: 10px;
    }

    .inYTit {
        font-size: 24px;
    }
    .inYItem textarea{
        font-size: 14px;
           border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }
    .inYItem input{
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
}
}

@media(max-width:1024px) {
    .inBanTit p {
        font-size: 36px;
    }

    .inBanBtn svg {
        width: 36px;
        height: 20px;
    }

    .inPList {
        margin-top: 50px;
    }
        .inPItem {
        padding: 25px;
        border-radius: 20px;
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .inPItem:nth-child(2){
        margin-right: 0;
    }
        .inPBox {
        top: 0;
        position: relative;
    }
    .inCBox {
    margin-top: 0px;
}
.inCType{
    flex-wrap: wrap;
    margin-top: 30px;
}
    .inCImg {
        padding-top: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .inCTbox{
        position: relative;
    }
        .inCTItem p {
        font-size: 18px;
    }
    .inCBtn svg {
    width: 30px;
    height: 20px;
}
    .inCTItem {
        width: 150px;
        height: 110px;
    }
        .inFMs {
        width: 80%;
    }
    .inFList1{
        display: none;
    }
    .inFList2{
        display: block;
    }
    .inXBox {
    padding-top: 70px;
}
.inFTbox{
    margin-top: 30px;
}
.inFBon{
    height: auto;
}
.inYBox .inner{
    flex-wrap: wrap;
}
.inYRig, .inYLeft {
    width: 100%;}
    .inYRig{
        margin-top: 20px;
    }
    .inYList{
        margin-top: 30px;
    }
    .inXList{
        flex-wrap: wrap;
    }
    .inXItem{
          width: calc(50% - 5px);
          margin-right: 10px;
          flex: auto;
          margin-bottom: 20px;
          border-radius: 16px;
          -webkit-border-radius: 16px;
          -moz-border-radius: 16px;
          -ms-border-radius: 16px;
          -o-border-radius: 16px;
                  height: auto;
}
    .inXItem:nth-child(2n){
        margin-right: 0;
    }
    .inXItem:hover{
         flex: auto;
    }
    .inXImg {
    padding-top: 65%;
}
}

@media(max-width:900px) {
    .inBanTit p {
        font-size: 32px;
    }

    .inBanTit {
        margin: 15px 0 40px;
    }
        .inFMs {
        width: 90%;
    }
        .inYImg {
        width: 55px;
        height: 55px;
    }
}

@media(max-width:680px) {
        .inFTit p {
        font-size: 20px;
    }
    .inBanSrc span {
        font-size: 12px;
    }

    .inBanTit p {
        font-size: 28px;
        line-height: 1.5;
    }

    .inBanTit {
        margin: 10px 0 30px;
    }

    .inBanSrc p {
        width: 1px;
        height: 40px;
        margin-top: 10px;
    }

    .inCText,.inPMs p, .inFMs, .inFText p, .inXMs p, .inYMs {
        font-size: 14px;
    }
    .inCTItem {
        width: 131px;
        height: 100px;
    }
    .inPList {
        margin-top: 30px;
    }
        .inCTbox {
        padding: 30px;
    }
        .inCTItem p {
        font-size: 16px;
    }
        .inCTItem {
        padding: 15px;}
            .inPTit p {
        font-size: 18px;
    }
        .inPItem {
        height: 180px;
    }
        .inFMs {
        width: 100%;
    }
        .inYRig, .inYLeft {
        padding: 20px;
    }
    .inYItem {
    width: calc(50% - 5px);
    margin-right: 10px;
}
    .inYTit {
        font-size: 20px;
    }
    .inYDiv {
    width: 20px;
    height: 20px;}
        .inYImg {
        width: 50px;
        height: 50px;
    }
    .inXItem{
        width: 100%;
        margin-right: 0;
    }
        .inXItem:hover .inXTit p {
        font-size: 18px;
    }
            .inPItem {
        height: 160px;
        padding: 20px;        border-radius: 10px;
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .inPBg {
    width: auto;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -20px;
}
.inPBg img{
    height: 100%;
}
.inYItem textarea{
    padding: 15px;
}
.inCItem{
   top: 70px; 
}
    .inFBon {
        margin-top: 30px;
    }
    .inFMs {
    margin-top: 20px;}
        .inXList {
        position: relative;
        margin-top: 30px;
    }
    .inXMs p{
        text-align: center;
    }
    .inFBox{
        padding: 0;
    }
}

@media(max-width:500px) {
     
    .inXText{
        margin-top: 10px;
    }
        .inXText p {
        font-size: 12px;
    }
    .inBanTit p {
        font-size: 24px;
    }     .inPTit p {
        font-size: 16px;
    }

    .inBanTop p {
        font-size: 14px;
    }
        .inPBtn svg {
        width: 30px;
        height: 16px;
    }

        .inCTItem {
        width:calc(50% - 10px);}
            .inYTy p, .inYTy a {
        font-size: 12px;
    }
       .inPItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}