html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

img {
    width: 100%
}

a,
a:hover {
    text-decoration: none;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0px #ffffff;
}

.pcnav>div {
    justify-content: space-between;
    align-items: center;
}

.pcnav .logbox {
    width: 138px;

}

.h5nav {
    display: none;
}

.w80 {
    width: 80%;
    margin: 0 auto;
}

.pcnav {
    width: 100%;
    position: fixed;
    padding-top: 10px;
    top: 0;
    z-index: 1000;
}

.pcnav .navitembox {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pcnav .navitembox .navitem {
    margin: 0 30px;
    position: relative;
    text-align: center;
}

.pcnav .navitembox .navitem>a {
    font-size: 16px;
    color: #ffffff;
    display: block;
    height: 45px;
    position: relative;
}

.pcnav .navitembox .navitem>a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    background: #ea6512;
    height: 1px;
    z-index: 10;
    transform: translateX(-50%);
}

.pcnav .navitembox .navitem>a.active {
    color: #ea6512;
}

.pcnav .navitembox .navitem:hover>a::before {
    width: 100%;
}


.pcnav .navitembox .navitem .pc_navbropdown {
    min-width: 180px;
    top: 95%;
    left: 50%;
    padding: 0;
    min-width: auto;
    border-radius: 0;
    border: 0;
    transform: translateX(-50%);

}


.pcnav .navitembox .navitem .pc_navbropdown li:first-child {
    margin-top: 15px;
}

.pcnav .navitembox .navitem .pc_navbropdown li:last-child {
    margin-bottom: 15px;

}

.pcnav .navitembox .navitem .pc_navbropdown li {
    text-align: left;

}



.pcnav .navitembox .navitem .pc_navbropdown a {
    color: #000000;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    font-size: 14px;
}




.pcnav .navitembox .navitem .pc_navbropdown .dropdown-item:hover {
    color: #ea6512;
    text-decoration: none;
    background-color: #ea651241;
}





.pcnav .rboxt {
    display: flex;
    justify-content: end;
    justify-content: flex-end;
    align-items: center;
}


.pcnav .navrbox .rboxt .rboxtitembox {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 20px 0px;


}

.pcnav .navrbox .rboxt .rboxtitembox::before {
    content: "";
    width: 1px;
    height: 14px;
    top: calc(50% - 5px);
    right: 0;
    position: absolute;
    background-color: #ffffff;
    transform: translateY(-50%);
}

.pcnav .navrbox .rboxt .rboxtitembox:last-child::before {
    width: 0px;
}

.pcnav .navrbox .rboxt .rboxtitembox .iconbox {
    width: 14px;
}

.pcnav .navrbox .rboxt .rboxtitembox .iconbox .icon2 {
    display: none;
}


.pcnav .navrbox .rboxt .rboxtitembox .ctt {
    color: #ffffff;
    font-size: 14px;
    margin-left: 10px;
}




.pcnav:hover {
    border: 0;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .15);
}

.pcnav:hover .navitem a,
.pcnav:hover .navrbox .rboxt .rboxtitembox .ctt {
    color: black;
}

.pcnav:hover .navrbox .rboxt .rboxtitembox::before {
    background-color: #000000;
}


.pcnav:hover .navrbox .rboxt .rboxtitembox .iconbox .icon1 {
    display: none;
}

.pcnav:hover .navrbox .rboxt .rboxtitembox .iconbox .icon2 {
    display: block;
}

.pcnav .logbox a .logo1 {
    display: block;
}

.pcnav .logbox a .logo2 {
    display: none;
}

.pcnav:hover a .logo1 {
    display: none;
}

.pcnav:hover a .logo2 {
    display: block;
}




.h5nav .nav .active a {
    color: #ea6512;
    font-size: 20px;
}


.h5nav .nav .navitem {
    padding: 15px 10px;
    border-bottom: solid 1px #ddd;
    position: relative;
}

.h5nav .nav .navitem a {
    color: #000000;
    font-size: 18px;
}


.h5nav .nav .navitem:hover .pc_navbropdown {
    display: block;
    width: 100%;
}

.navactive {
    background: #ffffff;
    border: 0;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .15);
}


.navactive .navitembox .navitem a,
.navactive .navrbox .rboxt .rboxtitembox .ctt {
    color: black;
}


.navactive .navrbox .rboxt .rboxtitembox::before {
    background-color: #000000;
}


.navactive .logbox a .logo1 {
    display: none;
}

.navactive .logbox a .logo2 {
    display: block;
}

.navactive .navrbox .rboxt .rboxtitembox .iconbox .icon1 {
    display: none;
}

.navactive .navrbox .rboxt .rboxtitembox .iconbox .icon2 {
    display: block;
}



.index .solutionbox {
    padding: 70px 0;
    background: #f1f3fc;
}

.index .solutionbox .titlebox .subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ea6512;

}

.index .solutionbox .titlebox .subtitle .titlel {
    margin-right: 20px;
}

.index .solutionbox .titlebox .subtitle .titler {
    margin-left: 20px;
}

.index .solutionbox .titlebox .headline {
    margin-top: 20px;
    text-align: center;
    font-size: 34px;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox1 {
    position: relative;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox1 .title {
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;

}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox1 .title::before {
    content: "";
    width: 60px;
    border-radius: 1px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #3884cc99;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    transition: all .5s;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide:hover .itembox2 {
    height: 100%;
    opacity: 1;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .title {

    font-size: 30px;
    margin-top: 90px;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .transverseline {
    width: 60px;
    height: 3px;
    border-radius: 3px;
    margin: 25px auto 60px;
    background: #ffffff;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .ctt {
    font-size: 14px;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .arrowsbox {
    font-size: 14px;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .arrowsbox .arrows {
    position: relative;
    margin-left: 10px;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .arrowsbox .arrows::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    z-index: 2;
    background-color: #ffffff;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .arrowsbox .arrows::after {
    content: "";
    position: absolute;
    left: 0px;
    top: -2.5px;
    width: 5px;
    height: 5px;
    z-index: 2;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotateZ(-45deg);
    transition: 1s;
}

.index .solutionbox .solution .mySwiper0 .swiper-slide:hover .itembox2 .arrowsbox .arrows::after {
    -webkit-animation: fltr 2s linear 0s infinite;
    animation: fltr 2s linear 0s infinite;
}

.index .solutionbox .solution>.jumplink {
    width: 190px;
    background: #ea6512;
    padding: 20px 50px;
    margin: 0 auto;
}

.index .solutionbox .solution .swiper {
    margin: 70px auto 60px;
}

.index .solutionbox .solution .jumplink a {
    color: #ffffff;
}

@-webkit-keyframes fltr {

    /* Safari and Chrome */
    from {
        left: 0px;
    }

    to {
        left: 35px;
    }

}

.index .solutionbox .solution .mySwiper0 .swiper-slide:hover .itembox1 .title {
    display: none;
}



.index .applicationAreabox .titlebox {
    padding: 90px 0 50px 0;
    width: 100%;
    background: url(../img/applicationarea_topbg.png) no-repeat center center;
    background-size: 100%, 100%;
}

.index .applicationAreabox .titlebox .innerbox .w60 {
    width: 60%;
}

.index .applicationAreabox .titlebox .innerbox .w60 .subtitle {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #ea6512;

}

.index .applicationAreabox .titlebox .innerbox .w60 .subtitle .titlel {
    margin-right: 20px;
}

.index .applicationAreabox .titlebox .innerbox .w60 .subtitle .titler {
    margin-left: 20px;
}


.index .applicationAreabox .titlebox .innerbox .w60 .headline {
    font-size: 34px;
    margin: 20px 0 40px;
}


.index .applicationAreabox .titlebox .innerbox .w60>.jumplink {
    margin-top: 60px;
    width: 190px;
    background: #ea6512;
    padding: 20px 50px;
}

.index .applicationAreabox .titlebox .innerbox .w60>.jumplink a {
    color: #ffffff;
}

.index .applicationAreabox .areasbox {
    position: relative;
}

.index .applicationAreabox .areasbox .areasboxitem {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

}

.index .applicationAreabox .areasbox .bgbox {
    overflow: hidden;
    position: relative;
}



.index .applicationAreabox .areasbox .bgbox .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transform: scale(1.2);
    transition: all .8s;
}

.index .applicationAreabox .areasbox .bgbox .active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.index .applicationAreabox .areasbox .bgbox .bg {
    position: relative;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem {
    position: relative;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 0;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem1 {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .5s;
    opacity: 1;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem1 .titleen {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    color: #c6cfd199;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem1 .titlezh {
    width: 100%;
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    z-index: 3;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem1 .titlezh::before {
    content: "";
    width: 60px;
    border-radius: 1px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #030f752e;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    transition: all .5s;
    opacity: 0;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .titleen {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    color: #c6cfd199;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .titlezh {
    width: 100%;
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .titlezh::before {
    content: "";
    width: 60px;
    border-radius: 1px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}



.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .arrowsbox {
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translateX(-50%);
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .arrowsbox .arrows {
    position: relative;
    margin-left: 10px;
    width: 40px;
    height: 1px;
    background-color: #ffffff;
}


.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .arrowsbox .arrows::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -2px;
    width: 5px;
    height: 5px;
    z-index: 2;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotateZ(-45deg);
    transition: 1s;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem .areasitem2 .arrowsbox .arrows::before {
    -webkit-animation: fltr 2s linear 0s infinite;
    animation: fltr 2s linear 0s infinite;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem:hover .areasitem2 {
    height: 100%;
    opacity: 1;
}

.index .applicationAreabox .areasbox .areasboxitem .areasitem:hover .areasitem1 {
    height: 0%;
    opacity: 0;
}

/* 经典案例 */
.index .casebox {
    position: relative;
}

.index .casebox .titlebox {
    padding-top: 90px;
    width: 100%;
}

.index .casebox .titlebox .innerbox .w50 {
    width: 52%;
}

.index .casebox .titlebox .innerbox .w50 .subtitle {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #ea6512;

}

.index .casebox .titlebox .innerbox .w50 .subtitle .titlel {
    margin-right: 20px;
}

.index .casebox .titlebox .innerbox .w50 .subtitle .titler {
    margin-left: 20px;
}


.index .casebox .titlebox .innerbox .w50 .headline {
    font-size: 34px;
    margin: 20px 0 40px;
}

.index .casebox .case {
    padding-bottom: 85px;
}

.index .casebox .case .swiper .swiper-slide .caseitembox .casetitle {
    width: 50%;
    position: absolute;
    text-align: center;
    padding: 15px 0;
    left: 0;
    bottom: 0;
    background: #ffffffd0;
    border-top-right-radius: 10px;
    font-size: 16px;
    color: #333333;
}

.index .casebox .case .swiper .swiper-wrapper {
    margin-bottom: 60px;
    padding-top: 90px;
    vertical-align: bottom;
}



.index .casebox .case .swiper .bottombox {

    width: 355px;
    position: relative;
}

.index .casebox .case .swiper .bottombox .jumplink {
    margin: 0 auto;
    width: 190px;
    background: #ea6512;
    padding: 20px 50px;
}

.index .casebox .case .swiper .bottombox .jumplink a {
    color: #ffffff;
}



.index .casebox .case .swiper .bottombox .swiper-button-prev {
    width: 52px;
    height: 52px;
    filter: grayscale(100%);
    transform: rotate(180deg);
}

.index .casebox .case .swiper .bottombox .swiper-button-next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    filter: grayscale(100%);


}

.index .casebox .case .swiper .bottombox .swiper-button-next::before,
.index .casebox .case .swiper .bottombox .swiper-button-prev::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 60%;
    left: 20%;
    top: 20%;
    border-radius: 50%;
    border: 1px dashed #ea6512;

}


.index .casebox .case .swiper .bottombox .swiper-button-next::after,
.index .casebox .case .swiper .bottombox .swiper-button-prev::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
    z-index: -2;
    box-shadow: 0 0 10px #dddddd;
}

.index .casebox .case .swiper .bottombox .swiper-button-next:hover,
.index .casebox .case .swiper .bottombox .swiper-button-prev:hover {
    filter: grayscale(0%);
}

.index .casebox .case .swiper .bottombox .swiper-button-next:hover::before,
.index .casebox .case .swiper .bottombox .swiper-button-prev:hover::before {
    animation: rotates 1s linear infinite;
    -webkit-animation: rotates 1s linear infinite;
    z-index: -1;
}


.index .casebox .case .swiper .bottombox .swiper-button-next:hover::after,
.index .casebox .case .swiper .bottombox .swiper-button-prev:hover::after {
    box-shadow: 0 0 10px #ea6512;
}

@keyframes rotates {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}











.index .casebox .case .swiper .swiper-wrapper .swiper-slide {
    transform: scale(0.9);
    border: 1px solid #ffffff;
    transition: .5s;
}

.index .casebox .case .swiper .swiper-wrapper .swiper-slide-active {
    transform: scale(0.99);
    border: 1px solid #ea6512;
    box-shadow: 0 0 10px #b9b8b8;
}


/* 宣传视频 */
.index .promotionalbox {
    width: 100%;
    position: relative;
    height: 654px;
    overflow: hidden;
}

.index .promotionalbox video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.index .promotionalbox .promotional {
    width: 60%;
    left: 50%;
    top: 65%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 10;
    background: #ffffffa4;
    border-radius: 1rem;
    padding: 30px 0;
}

.index .promotionalbox .promotional .promotionaldata .merit {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}


.index .promotionalbox .promotional .promotionaldata .merit .itembox .num {
    width: 100%;
    position: relative;
    font-size: 48px;
    color: #ce5c34;
}

.index .promotionalbox .promotional .promotionaldata .merit .itembox .num::before {
    content: "+";
    color: #ce5c34;
    position: absolute;
    font-size: 38px;
    right: 0%;
    top: -5%;
}

.index .promotionalbox .promotional .promotionaldata .merit .itembox .num1::before {
    right: -5%;
    top: -5%;
}

.index .promotionalbox .promotional .promotionaldata .merit .itembox .num2::before {
    right: -18%;
    top: -5%;
}

.index .promotionalbox .promotional .promotionaldata .merit .itembox .ctt {
    width: 100%;
    font-size: 14px;
}


/* 走进立开 */
.index .aboutbox {
    position: relative;
    display: flex;
    justify-content: end;
    width: 100%;
    min-height: 750px;
}

.index .aboutbox::before {
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ea6512;
}


.index .aboutbox .innerbox {
    width: 90%;
    background: #f1f3fc;
    padding: 80px 0 200px 0;
}

.index .aboutbox .innerbox .titlebox {
    margin-left: 20%;
    width: 41%;
}

.index .aboutbox .innerbox .titlebox .subtitle {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #d84f45;
    margin-top: 50px;
}

.index .aboutbox .innerbox .titlebox .subtitle .titlel {
    margin-right: 20px;
}

.index .aboutbox .innerbox .titlebox .subtitle .titler {
    margin-left: 20px;
}

.index .aboutbox .innerbox .titlebox .headline {
    min-width: 310px;
    margin-top: 20px;
    font-size: 34px;
}

.index .aboutbox .cttbox {
    width: 45%;
    position: absolute;
    left: 20%;
    bottom: 100px;
    padding: 25px 30px;
    background: #ffffff;
}

.index .aboutbox .cttbox .imgbox {
    width: 52px;

}

.index .aboutbox .cttbox .ctt {
    font-size: 16px;
    padding: 35px 0;
    border-bottom: 2px solid #cccccc;
}

.index .aboutbox .cttbox .aimbox {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
}

.index .aboutbox .cttbox .aimbox .aim {
    color: #ea6512;
    margin: 30px 0;
    font-size: 16px;
}

.index .aboutbox .cttbox .arrowsbox a {
    font-size: 14px;
    display: flex;
    justify-content: end;
    align-items: center;
    color: #ea6512;
}

.index .aboutbox .cttbox .arrowsbox .arrows {
    position: relative;
    margin-left: 10px;
    width: 40px;
    height: 1px;
    background-color: #ea6512;
}


.index .aboutbox .cttbox .arrowsbox .arrows::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -2px;
    width: 5px;
    height: 5px;
    z-index: 2;
    border-bottom: 1px solid #ea6512;
    border-right: 1px solid #ea6512;
    transform: rotateZ(-45deg);
    transition: 1s;
}

.index .aboutbox .cttbox .arrowsbox .arrows::before {
    -webkit-animation: fltr 2s linear 0s infinite;
    animation: fltr 2s linear 0s infinite;
}

.index .aboutbox .typebox {
    width: 10%;
    position: absolute;
    left: 6%;
    bottom: 100px;
    overflow: hidden;
}

.index .aboutbox .typebox .typeitem {
    position: relative;
    margin-top: 20px;
}

.index .aboutbox .typebox .typeitem .item1 .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    padding: 10px;
    font-size: 18px;
}

.index .aboutbox .typebox .typeitem .item2 .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    color: #ffffff;
    padding: 10px;
    font-size: 18px;
    background-color: #ea6512b7;
    opacity: 0;
    transition: .5s;

}

.index .aboutbox .typebox .typeitem:hover .item1 .title {
    transform: scale(0);
    opacity: 0;
}

.index .aboutbox .typebox .typeitem:hover .item2 .title {
    width: 100%;
    opacity: 1;
}


/* 留言板 */

.index .contactbox {
    position: relative;
}

.index .contactbox .bgbox {
    position: relative;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 1s;
}



.index .contactbox .bgbox .bg {
    width: 62%;
    position: relative;
}

.index .contactbox .bgbox .title {
    position: absolute;
    top: 90px;
    left: 10%;
    z-index: 2;
    color: #ffffff;
    font-size: 34px;

}

.index .contactbox .bgbox .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    width: 60px;
    height: 5px;
    border-radius: 2px;
    background: #ffffff;
}

.index .contactbox .bgbox .titleen {
    font-size: 16px;
}



.index .contactbox .contact {
    width: 35%;
    position: absolute;
    right: 10%;
    top: 3%;
    z-index: 2;
    background: #ffffff;
    box-shadow: 0 0 5px #929191;
    transform: translateX(100%);
    opacity: 0;
    transition: all 1s;
    padding-bottom: 40px;
}

.index .contactbox .contact .title {
    width: 100%;
    background: #ea6512;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #ffffff;
    padding: 25px 0;
    text-align: center;
}

.index .contactbox .contact .title .titlezh {
    width: 50%;
    font-size: 34px;
    position: relative;
}

.index .contactbox .contact .title .titleen {
    width: 50%;
    border-left: 1px solid #ffffff;
    font-size: 18px;
}

.index .contactbox .contact .form {
    padding: 0 50px;
}

.index .contactbox .contact .form .subheading {
    font-size: 16px;
    margin: 35px auto 45px;
}



.index .contactbox .contact .form .inputitem {
    position: relative;
}

.index .contactbox .contact .form .inputitem .inputicon {
    position: relative;
    margin-bottom: 25px;
}

.index .contactbox .contact .form .inputitem .focuss {
    display: none;
}

.index .contactbox .contact .form .inputitem .focuss.show {
    display: block;
}


.index .contactbox .contact .form .inputitem .inputicon .label {
    position: absolute;
    top: 0;
    left: 0rem;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #aaaaaa;
    z-index: -1;
}

.index .contactbox .contact .form .inputitem .inputicon .label img {
    margin: 0 20px;
    width: 26px;
}

.index .contactbox .contact .form .inputitem .inputicon .label .img2 {
    width: 19px;
}

.index .contactbox .contact .form .inputitem .inputicon .label .img3 {
    width: 24px;
}

.index .contactbox .contact .form .inputitem .inputicon .input {
    height: 50px;
    padding: 10px 0;
    text-indent: 20px;

}


.index .contactbox .contact .form .inputitem .inputicon .input:focus {
    border: #ea6512 1px solid;
    text-indent: 20px;
}

.index .contactbox .contact .form .inputitem .inputicon>.input:focus+.label {
    display: none;
}



.index .contactbox .contact .form .inputitem .focusbox {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 10px;
    opacity: 0;
    height: 0;
    transition: .5s;
}

.index .contactbox .contact .form .inputitem .focuss.show .focusbox {
    opacity: 1;
    height: auto;
}

.index .contactbox .contact .form .inputitem .focusbox img {
    width: 26px;
    margin: 0 20px;
}

.index .contactbox .contact .form .inputitem .focusbox .img2 {
    width: 19px;
}

.index .contactbox .contact .form .inputitem .focusbox .img3 {
    width: 24px;

}


.index .contactbox .contact .form .inputitem .focusbox .ctt {
    color: #ea6512;
    font-size: 14px;
}


.index .contactbox .contact .form .inputitem .inputicon .textarea {
    width: 100%;
    height: 140px;
}

.index .contactbox .contact .form .inputitem .inputicon .textarea:focus {
    border: #ea6512 1px solid;
}

.index .contactbox .contact .form .inputitem .inputicon .label2 {
    height: auto;
    top: 15px;
}

.index .contactbox .contact .form .bottonbox {
    margin-top: 30px;
    text-align: center;
}

.index .contactbox .contact .form .bottonbox .button {
    width: 240px;
    height: 55px;
    border-radius: 0.5rem !important;
    background: #ea6512;
    color: #ffffff;
}

.index .contactbox .contact .form .tipss {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #aaaaaa;
}


/* 新闻动态 */
.index .newsbox {
    padding: 70px 0;
}


.index .newsbox .titlebox .subtitle {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #ea6512;

}

.index .newsbox .titlebox .subtitle .titlel {
    margin-right: 20px;
    font-size: 16px;
}

.index .newsbox .titlebox .subtitle .titler {
    margin-left: 20px;
}

.index .newsbox .titlebox .headline {
    margin-top: 20px;
    font-size: 34px;
}

.index .newsbox .newsitembox {
    padding-top: 70px;
    transform: translateX(100%);
    opacity: 0;
    transition: all 1s;
}

.index .newsbox .newsitembox .newsitem .imgbox {
    width: 100%;
    max-height: 320px;
    overflow: hidden;
}

.index .newsbox .newsitembox .newsitem .cttbox {
    padding: 30px;
    position: relative;
}


.index .newsbox .newsitembox .newsitem .cttbox .title {
    font-size: 22px;
    color: #333333;
}

.index .newsbox .newsitembox .newsitem .cttbox .date {
    margin-top: 20px;
    font-size: 12px;
    color: #333333;
}

.index .newsbox .newsitembox .newsitem .cttbox .ctt {
    margin-top: 30px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #8c8c8c;
}


.index .newsbox .newsitembox .newsitem .cttbox .arrowsbox {
    margin-top: 20px;
    color: #ea6512;
    font-size: 14px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.index .newsbox .newsitembox .newsitem .cttbox .arrowsbox .arrows {

    position: relative;
    margin-left: 10px;
    width: 40px;
    height: 1px;
    background-color: #ea6512;
}


.index .newsbox .newsitembox .newsitem .cttbox .arrowsbox .arrows::before {
    content: "";
    position: absolute;
    left: 35px;
    top: -2px;
    width: 5px;
    height: 5px;
    z-index: 2;
    border-bottom: 1px solid #ea6512;
    border-right: 1px solid #ea6512;
    transform: rotateZ(-45deg);
    transition: 1s;
}


.index .newsbox .newsitembox .newsitem .cttbox::before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ea6512;
    height: 0%;
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.index .newsbox .newsitembox .newsitem:hover .cttbox::before {
    height: 100%;
    opacity: 1;
}


.index .newsbox .newsitembox .newsitem:hover .cttbox .title,
.index .newsbox .newsitembox .newsitem:hover .cttbox .date,
.index .newsbox .newsitembox .newsitem:hover .cttbox .ctt {
    color: #ffffff;
}


.index .newsbox .newsitembox .newsitem:hover .cttbox .arrowsbox {
    color: #ffffff;
}

.index .newsbox .newsitembox .newsitem:hover .cttbox .arrowsbox .arrows {
    background-color: #ffffff;
}


.index .newsbox .newsitembox .newsitem:hover .cttbox .arrowsbox .arrows::before {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}






.index .newsbox .newsitembox .newsitem:hover .cttbox .arrowsbox .arrows::before {
    -webkit-animation: fltr2 2s linear 0s infinite;
    animation: fltr2 2s linear 0s infinite;
}


@-webkit-keyframes fltr2 {

    /* Safari and Chrome */
    from {
        left: 0px;
    }

    to {
        left: 35px;
    }

}

.index .newsbox .newsitembox .newsitem {
    box-shadow: 0 0 10px #c0c0c0;
}

.index .newsbox .newsitembox .newsitem2box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 {
    box-shadow: 0 0 10px #c0c0c0;
    padding: 20px;
    height: calc((100% / 3) - 40px);
    position: relative;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2::before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ea6512;
    opacity: 0;
    transition: .8s;
    z-index: -1;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;

}



.index .newsbox .newsitembox .newsitem2box .newsitem2:last-child {
    margin: 0;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999999;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .datebox {
    width: 30%;
    text-align: center;
    border-right: 1px solid #ededed;

}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .datebox .day {
    font-size: 56px;
    font-weight: bold;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .datebox .years {
    font-size: 16px;
    color: #999999;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .news {
    padding-left: 30px;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .news .title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.index .newsbox .newsitembox .newsitem2box .newsitem2 a .news .ctt {
    font-size: 14px;
    color: #666666;
}




.index .newsbox .newsitembox .newsitem2box .newsitem2:hover a .datebox .day,
.index .newsbox .newsitembox .newsitem2box .newsitem2:hover a .datebox .years,
.index .newsbox .newsitembox .newsitem2box .newsitem2:hover a .news .title,
.index .newsbox .newsitembox .newsitem2box .newsitem2:hover a .news .ctt {
    color: #ffffff;
}




















.index .newsbox .newsitembox .row>.jumplink {
    width: 190px;
    background: #ea6512;
    padding: 20px 50px;
    margin: 50px auto 0;
}

.index .newsbox .newsitembox .row>.jumplink a {
    color: #ffffff;
}

/* 尾部 */
.index .tailbox {
    position: relative;
    display: block;
    top: 30px;
}

.index .tailbox .tailitembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index .tailbox .tailitembox .tailitem {
    width: 23.5%;
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s;
    position: relative;
}

.index .tailbox .tailitembox .tailitem a {
    position: relative;
    display: block;

}

.index .tailbox .tailitembox .tailitem .tailitem1 {
    position: relative;
    width: 100%;
    height: 100%;
}

.index .tailbox .tailitembox .tailitem .tailitem1 .tailitem1ctt {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;

}

.index .tailbox .tailitembox .tailitem .tailitem1 .tailitem1ctt .title {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}


.index .tailbox .tailitembox .tailitem .tailitem1 .tailitem1ctt .ctt {
    color: #ffffff;
    font-size: 16px;
}

.index .tailbox .tailitembox .tailitem .tailitem2 {

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3884cce3;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    transform: scale(0);
    transition: all .5s;
}


.index .tailbox .tailitembox .tailitem .tailitem2 .tailitem2ctt {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
}

.index .tailbox .tailitembox .tailitem .tailitem2 .tailitem2ctt .title {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}


.index .tailbox .tailitembox .tailitem .tailitem2 .tailitem2ctt .ctt {
    color: #ffffff;
    font-size: 16px;
}

.index .tailbox .tailitembox .tailitem:hover .tailitem1 .tailitem1ctt {
    display: none;
}

.index .tailbox .tailitembox .tailitem:hover .tailitem2 {
    transform: scale(1);
    opacity: 1;
}

.footer {
    background: #000000;
    padding: 80px 0 0 0;
}

.footer .fttop {
    display: flex;
    justify-content: center;

}

.footer .fttop .basicbox {
    width: 40%;
}

.footer .fttop .basicbox .rx {
    font-size: 20px;
    color: #ffffff;
}

.footer .fttop .basicbox .phone a {
    font-size: 24px;
    color: #ea6512;
    font-weight: bold;
}

.footer .fttop .basicbox .itembox {
    margin-top: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #4c4c4c;
}

.footer .fttop .ftcolumn {
    width: 60%;
}

.footer .fttop .ftcolumn {
    padding: 1rem 0;
    text-align: center;

}

.footer .fttop .ftcolumn .type a {
    color: #ffffff;
    font-weight: bold;
}

.footer .fttop .ftcolumn .dropdown-item {
    margin: 10px 0;
    color: #4c4c4c;
    font-size: 14px;
    padding: 0.25rem 0;
}

.footer .ftst {
    padding: 30px 0 0 0;
    border-bottom: 1px solid #ffffff;
}

.footer .ftst .namebox {
    display: flex;
    justify-content: start;
    align-items: center;
}

.footer .ftst .namebox .logobox {
    width: 138px;
}

.footer .ftst .namebox .name {
    margin-left: 25px;
    padding-left: 25px;
    font-size: 22px;
    color: #ffffff;
    border-left: 1px solid #ffffff;
}

.footer .ftst .iconbox {
    display: flex;
    justify-content: end;
    align-items: center;
}

.footer .ftst .iconbox .iconitem {
    position: relative;
    width: 54px;
    margin-left: 60px;
}

.footer .ftst .yqlj {
    margin-top: 25px;
    padding-bottom: 5px;
}
.footer .ftst .yqlj a{
    color: #333333;
    font-size: 14px;
}
.footer .ftbottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}

.footer .ftbottom a {
    color: #4c4c4c;
}

@media (min-width: 768px) {
    .pcnav {
        display: block;
    }
}

@media (max-width: 768px) {
    .p98 {
        width: 98vw;
        margin: 0 auto;
    }

    .pcnav {
        display: none;
    }

    .h5nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        background-color: #ffffff;
    }

    .h5nav .navbar .logo {
        width: 100px;
    }

    .index .applicationAreabox .areasbox .bgbox .item {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1;
        opacity: 1;
        transform: scale(1);

    }

    .index .applicationAreabox .titlebox .innerbox .w60 {
        width: 100%;
    }

    .index .applicationAreabox .areasbox .areasboxitem .areasitem {
        border-top: 0;

    }

    .index .aboutbox .innerbox .titlebox {
        margin-left: 5%;
        width: 100%;
    }

    .index .aboutbox {
        display: block;
    }

    .index .aboutbox .innerbox {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .index .aboutbox .innerbox .aboutitemr .imgbox {
        margin-left: 20px;
    }

    .index .aboutbox .cttbox {
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .index .aboutbox .cttbox .arrowsbox a {
        justify-content: start;
    }

    .index .promotionalbox {
        height: 200px;
    }

    .index .promotionalbox .promotional {
        width: 100%;
        left: 0;
        top: 0;
        transform: translateX(0%);
        position: relative;
        z-index: 10;
        background: #ffffffa4;
        border-radius: 1rem;
        padding: 20px 0;
    }

    .index .promotionalbox .promotional .promotionaldata .merit .itembox {
        padding: 0 5px;
    }

    .index .promotionalbox .promotional .promotionaldata .merit .itembox .num {
        font-size: 24px;
        font-weight: bold;
    }

    .index .promotionalbox .promotional .promotionaldata .merit .itembox .num::before {
        content: "+";
        color: #ce5c34;
        position: absolute;
        font-size: 16px;
        right: 15%;
        top: 5%;
    }

    .index .promotionalbox .promotional .promotionaldata .merit .itembox .num2::before {
        right: 0%;
        top: 5%;
    }

    .index .promotionalbox .promotional .promotionaldata .merit .itembox .num1::before {
        right: 10%;
        top: 5%;
    }

    .index .casebox .titlebox .innerbox .w50 {
        width: 100%;
    }

    .index .casebox .case .swiper .swiper-slide .caseitembox .casetitle {
        width: 75%;
    }

    .index .casebox .case .swiper .bottombox {
        width: 100%;
        margin: 0;
    }

    .index .contactbox .bgbox .bg {
        width: 100%;
    }

    .index .contactbox .contact {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        z-index: 2;
        background: #ffffff;
        height: auto;
        box-shadow: 0 0 5px #929191;
    }

    .index .contactbox .contact .title .titlezh {
        font-size: 28px;
    }

    .index .newsbox .newsitembox .row>div {
        margin-top: 15px;
    }

    .index .newsbox .newsitembox .newsitem2box .newsitem2 {
        box-shadow: 0 0 10px #c0c0c0;
        padding: 20px;
        height: auto;
        margin: 15px 0;
    }

    .index .tailbox .tailitembox {
        flex-wrap: wrap;

    }

    .index .tailbox .tailitembox .tailitem {
        width: 100%;
    }

    .footer .fttop .ftcolumn {
        display: none;
    }

    .footer .fttop .basicbox {
        width: 100%;
    }

    .footer .ftst .iconbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
    }

    .footer .ftbottom {
        flex-wrap: wrap;
    }

    .right_message {
        display: none;
    }

    .index .solutionbox .solution .mySwiper0 .swiper-slide .itembox1 .title {
        font-size: 24px;
    }

    .index .solutionbox .solution .mySwiper0 .swiper-slide .itembox2 .title {
        font-size: 24px;
        margin-top: 40px;
    }
}