.p-tb80 {
    padding: 80px 0;
}

.p-tb60 {
    padding: 60px 0;
}

.p-lr10 {
    padding: 0 10px;
}

.p-lr5 {
    padding: 0 5px;
}

.m-t80 {
    margin-top: 80px;
}

.m-t60 {
    margin-top: 60px;
}

.m-t40 {
    margin-top: 40px;
}

.m-t20 {
    margin-top: 20px;
}

.fz-36 {
    font-size: 36px;
}

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

.fz-24 {
    font-size: 24px;
}

.fz-16 {
    font-size: 16px;
}

.content-text {
    font-size: 16px;
    line-height: 2;
    color: #555;
}

.text-p p {
    margin-bottom: 0;
}

.bg-01 {
    background: #f7f7f7;
}

@media(max-width: 1366px) {
    .p-tb80 {
        padding: 64px 0;
    }
    .p-tb60 {
        padding: 48px 0;
    }
    .p-lr10 {
        padding: 0 8px;
    }
    .p-lr5 {
        padding: 0 7px;
    }
    .m-t80 {
        margin-top: 64px;
    }
    .m-t60 {
        margin-top: 48px;
    }
    .m-t40 {
        margin-top: 32px;
    }
    .m-t20 {
        margin-top: 16px;
    }
    .fz-36 {
        font-size: 32px;
    }
    .fz-32 {
        font-size: 28px;
    }
    .fz-24 {
        font-size: 20px;
    }
    .fz-16,
    .content-text {
        font-size: 15px;
    }
}

@media(max-width: 991px) {
    .p-tb80 {
        padding: 48px 0;
    }
    .p-tb60 {
        padding: 36px 0;
    }
    .p-lr10 {
        padding: 0 6px;
    }
    .p-lr5 {
        padding: 0 9px;
    }
    .m-t80 {
        margin-top: 48px;
    }
    .m-t60 {
        margin-top: 36px;
    }
    .m-t40 {
        margin-top: 24px;
    }
    .m-t20 {
        margin-top: 12px;
    }
    .fz-36 {
        font-size: 24px;
    }
    .fz-32 {
        font-size: 22px;
    }
    .fz-24 {
        font-size: 18px;
    }
    .fz-16,
    .content-text {
        font-size: 14px;
    }
}

.home-products-bg {
    background: url('../images/products.png') no-repeat top left/100%;
}

a.all-more {
    width: 230px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    color: #ea6d00;
    border: 1px solid #ea6d00;
    border-radius: 50px;
}

a.all-more:hover {
    background: #ea6d00;
    color: #fff;
}

.item-home-pro-flex {
    width: 100%;
    padding: 0 1.6rem;
    margin: 0 auto;
    position: relative;
}

.public-next-prev .swiper-button-prev,
.public-next-prev .swiper-button-next {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.5s;
}

.public-next-prev .swiper-button-prev {
    left: 0;
    background: url('../images/prev01.png') top left/100%;
}

.public-next-prev .swiper-button-next {
    right: 0;
    background: url('../images/next01.png') top left/100%;
}

.public-next-prev .swiper-button-prev:after,
.public-next-prev .swiper-button-next:after {
    display: none;
}

.item-home-pro-flex .swiper-button-prev:hover,
.item-home-pro-flex .swiper-button-next:hover {
    transform: scale(1.08);
    transition: all 0.5s;
}

.designswiper .swiper-slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1);
}

.designswiper .swiper-slide-active {
    transform: scale(1.15);
    position: relative;
    z-index: 99;
}

.designswiper {
    padding: 50px 12px;
}

.designswiper .swiper-slide a.home-pro-list {
    display: block;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    overflow: hidden;
}

.designswiper .swiper-slide a.home-pro-list .text {
    width: 100%;
    padding: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.designswiper .swiper-slide a.home-pro-list .text .title {
    color: #333;
}

.designswiper .swiper-slide a.home-pro-list .text .desc {
    color: #999;
}

.home-aboutus-bg {
    padding-bottom: 1.8rem;
    background: url('../images/aboutus.jpg') no-repeat center right/cover;
}

.home-info-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-info-wrap .info-con {
    width: 25%;
    ;
    height: 100%;
    text-align: center
}

.home-info-wrap .info-con .title .digit,
.news-letter-flex .con .title .digit {
    font-size: 56px;
}

.home-info-wrap .info-con .title .top,
.home-info-wrap .info-con .title .end {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-letter-flex .con .title .top,
.news-letter-flex .con .title .end {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-info-wrap .info-con .title .end .bt01,
.news-letter-flex .con .title .end .bt01 {
    font-size: 48px;
}

.home-info-wrap .info-con .title .end .bt02,
.news-letter-flex .con .title .end .bt02 {
    font-size: 56px;
}

@media(max-width: 1440px) {
    .public-next-prev .swiper-button-prev,
    .public-next-prev .swiper-button-next {
        width: 45px;
        height: 45px;
    }
}

@media(max-width: 991px) {
    .public-next-prev .swiper-button-prev,
    .public-next-prev .swiper-button-next {
        width: 32px;
        height: 32px;
    }
    .public-next-prev .swiper-button-prev {
        left: -10px;
    }
    .public-next-prev .swiper-button-next {
        right: -10px;
    }
    .home-info-wrap .info-con {
        width: 50%;
        padding: 5px;
    }
    .home-info-wrap .info-con .title .digit,
    .news-letter-flex .con .title .digit {
        font-size: 32px;
    }
    .home-info-wrap .info-con .title .end .bt01,
    .news-letter-flex .con .title .end .bt01 {
        font-size: 24px;
    }
    .home-info-wrap .info-con .title .end .bt02,
    .news-letter-flex .con .title .end .bt02 {
        font-size: 32px;
    }
}

@media(max-width: 768px) {
    .item-home-pro-flex,
    .designswiper {
        padding: 0;
    }
    .designswiper .swiper-slide {
        width: 100%;
        padding: 6px;
    }
    .designswiper .swiper-slide a.home-pro-list {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    .designswiper .swiper-slide a.home-pro-list .text {
        padding: 10px;
    }
    .designswiper .swiper-slide-active {
        transform: scale(1);
    }
}

.about-us-bg {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}

.news-letter-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-letter-flex .con {
    height: 100%;
    text-align: center;
    position: relative;
}

.news-letter-flex .con .flex {
    display: flex;
}

.news-letter-flex .con:after,
.news-letter-flex .con:before {
    content: '';
    width: 20px;
    height: 4px;
    background: #ececec;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.news-letter-flex .con:after {
    top: -0.5rem;
}

.news-letter-flex .con:before {
    bottom: -0.5rem;
}

.history-swiper-bottom .history-flex-wrap {
    padding: 0 60px;
    display: flex;
    justify-content: center;
}

.history-swiper-bottom .history-flex-wrap .content-text {
    width: 100%;
    max-width: 640px;
}

.history-swiper-bottom .history-flex-wrap .content-text p {
    padding-left: 60px;
    position: relative;
}

.history-swiper-bottom .history-flex-wrap .content-text p strong {
    position: absolute;
    top: 0;
    left: 0;
    color: #f08519;
}

.history-swiper-top {
    width: 100%;
    text-align: center;
    position: relative;
}

.history-swiper-top:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    position: absolute;
    top: 9px;
    left: 0;
}

.history-swiper-top .swiper-slide {
    padding-top: 39px;
    cursor: pointer;
    position: relative;
}

.history-swiper-top .swiper-slide .title {
    color: #333;
}

.history-swiper-top .swiper-slide:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #f6f7f7;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.history-swiper-top .swiper-slide-thumb-active .title {
    color: #f08519;
}

.history-swiper-top .swiper-slide-thumb-active:after {
    content: "";
    width: 19px;
    height: 19px;
    background: #f08519;
    border-color: #f08519;
    top: 0;
}

.history-swiper-bottom .swiper-button-disabled {
    display: none;
}

.show-news .title a {
    color: #333;
}

.show-news a.img {
    width: 100%;
    display: block;
    overflow: hidden;
}

.show-l-list .desc,
.show-r-list .desc {
    color: #999;
    line-height: 1.6;
    -webkit-line-clamp: 5;
    height: 8em;
}

.show-l-list .desc,
.show-r-list .title {
    margin: 10px 0;
    color: #999;
}

.show-c-list .desc {
    margin: 10px 0;
    color: #999;
}

.show-news .title a:hover {
    color: #ea6d00;
}

.show-news a.img:hover img {
    transform: scale(1.08);
}

@media(max-width: 991px) {
    .news-letter-flex .con {
        padding: 15px 0;
        margin: 5px 0;
        width: 50%;
    }
    .news-letter-flex .con .title span {
        font-size: 28px;
    }
    .news-letter-flex .con .desc {
        font-size: 12px;
        padding: 5px 5px 0;
    }
    .news-letter-flex .con:after,
    .news-letter-flex .con:before {
        height: 3px;
    }
    .news-letter-flex .con:after {
        top: 0;
    }
    .news-letter-flex .con:before {
        bottom: 0;
    }
    .history-swiper-bottom .history-flex-wrap {
        padding: 0 35px;
    }
    .history-swiper-bottom .history-flex-wrap .content-text p {
        padding-left: 40px;
    }
    .history-swiper-bottom .swiper-button-prev {
        left: 0;
    }
    .history-swiper-bottom .swiper-button-next {
        right: 0;
    }
    .history-swiper-top:after {
        top: 7px;
    }
    .history-swiper-top .swiper-slide {
        padding-top: 17px;
    }
    .history-swiper-top .swiper-slide:after {
        content: "";
        width: 11px;
        height: 11px;
    }
    .history-swiper-top .swiper-slide-thumb-active:after {
        content: "";
        width: 13px;
        height: 13px;
    }
}

.service-flex {
    display: flex;
    flex-wrap: wrap;
}

.service-flex .service-con {
    height: 100%;
}

.service-list {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.service-list .img {
    width: 58px;
    margin: auto;
}

    .service-list .title,
    .item-message-bg .title {
        font-size: 18px;
        text-align: left;
        line-height: 2em;
    }

.service-hotline span {
    color: #ea6d00;
}

.item-message-bg {
    background: url('../images/message.jpg') no-repeat top center/cover;
}

.form-input .title {
    width: 166px;
    text-align: left;
    color: #888;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-left: 20px;
}

.form-input .title span {
    color: #f00;
}

.form-text .title {
    width: 258px;
    height: 60px;
    line-height: 60px;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    color: #888;
    margin-left: 20px;
}

.form-text .title span {
    color: #f00;
}

.message input,
.message textarea {
    width: 100%;
    height: 60px;
    background: #fff;
    border: 1px solid #fff;
    padding: 0 16px 0 84px;
}

.message textarea {
    height: 260px;
    padding: 16px 16px 16px 84px;
}

.message input:focus,
.message textarea:focus {
    border-color: #ea6d00;
}

.message .submit {
    width: 180px;
    height: 60px;
    background: #ea6d00;
    color: #fff;
}

.message .submit:hover {
    background: #d70c18;
}

.item-prev-next-con {
    padding: 0 0.4rem;
}

.item-pro-con {
    padding: 50px 0.8rem 50px 460px;
    min-height: 200px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.item-pro-con:hover {
    background: #f9f9f9;
}

.item-pro-con .box-pro-text {
    width: 260px;
    text-align: center;
    position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
}

a.view-more {
    display: inline-block;
    width: 120px;
    line-height: 34px;
    color: #888;
    border-radius: 50px;
    border: 1px solid #ea6d00;
}

a.view-more:hover {
    background: #ea6d00;
    color: #fff;
}

.item-pro-prev-next .swiper-slide a.proimg {
    display: block;
    overflow: hidden;
}

.item-pro-prev-next .swiper-slide .title a {
    color: #333;
}

.item-pro-prev-next .swiper-slide .desc {
    margin-top: 6px;
    color: #888;
}

.item-pro-prev-next .swiper-slide a.proimg:hover img {
    transform: scale(1.08);
}

.item-pro-prev-next .swiper-slide .title a:hover {
    color: #ea6d00;
}

.item-pro-prev-next .swiper-button-prev,
.item-pro-prev-next .swiper-button-next {
    width: 42px;
    height: 42px;
    border-radius: 50px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.5s;
}

.item-pro-prev-next .swiper-button-prev {
    left: -50px;
    background: url('../images/prev01.png') top left/100%;
}

.item-pro-prev-next .swiper-button-next {
    right: -50px;
    background: url('../images/next01.png') top left/100%;
}

.item-pro-prev-next .swiper-button-prev:after,
.item-pro-prev-next .swiper-button-next:after {
    display: none;
}

.item-pro-prev-next .swiper-button-prev:hover,
.item-pro-prev-next .swiper-button-next:hover {
    transform: scale(1.08);
    transition: all 0.5s;
}

.item-pro-prev-next .swiper-button-disabled {
    opacity: 0;
}

a.box-item-pro-con {
    width: 100%;
    display: block;
    border: 1px solid #f4f4f4;
}

a.box-item-pro-con .img img {
    width: 100%;
}

a.box-item-pro-con .text {
    padding: 20px;
    border-top: 1px solid #f4f4f4;
}

a.box-item-pro-con .text .title {
    color: #333;
}

a.box-item-pro-con .text .desc {
    color: #888;
}

a.box-item-pro-con:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

a.box-item-pro-con:hover .img img {
    transform: scale(1.08);
}

a.box-item-pro-con:hover .text .title {
    color: #ea6d00;
}

.show-con-desc {
    width: 100%;
    max-width: 750px;
    margin: auto;
}

@media(max-width: 1440px) {
    .service-list .title,
    .item-message-bg .title {
        font-size: 16px;
    }
    .form-input .title {
        width: 137px;
        font-size: 14px;
        padding-left: 10px;
    }
    .form-text .title {
        width: 210px;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
    }
    .message input {
        height: 45px;
        padding: 0 10px 0 70px;
    }
    .message textarea {
        height: 200px;
        padding: 10px 10px 10px 70px;
    }
    .message .submit {
        width: 150px;
        height: 45px;
    }
    .item-prev-next-con {
        padding: 0 0.2rem;
    }
    .item-pro-con {
        padding: 30px 0.8rem 30px 280px;
    }
    .item-pro-con .box-pro-text {
        left: 0.6rem;
    }
    .item-pro-con .box-pro-text {
        width: 200px;
        left: 30px;
    }
    .item-pro-prev-next .swiper-button-prev,
    .item-pro-prev-next .swiper-button-next {
        width: 32px;
        height: 32px;
    }
    .item-pro-prev-next .swiper-button-prev {
        left: -32px;
    }
    .item-pro-prev-next .swiper-button-next {
        right: -32px;
    }
}

@media(max-width: 991px) {
    .service-list {
        padding: 0.6rem;
    }
    .service-list .img {
        width: 42px;
    }
    .service-list .title,
    .item-message-bg .title {
        font-size: 14px;
    }
    .item-prev-next-con {
        padding: 0 15px;
    }
    .item-pro-con .box-pro-text {
        width: 100%;
        position: static;
        transform: none;
        margin-bottom: 24px;
    }
    .item-pro-con {
        padding: 15px;
        background: #f9f9f9;
    }
    a.view-more {
        width: 90px;
        line-height: 26px;
    }
    .item-pro-prev-next .swiper-button-prev {
        left: -24px;
    }
    .item-pro-prev-next .swiper-button-next {
        right: -24px;
    }
    .itemswiper .swiper-button-disabled {
        opacity: 0;
    }
    a.slide-pro-con {
        width: 100%;
        display: block;
        background: #fff;
    }
    a.slide-pro-con .slide-pro-img {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    a.slide-pro-con .slide-pro-img img {
        max-width: 100%;
        max-height: 100%;
    }
    a.slide-pro-con .slide-text {
        padding: 10px;
    }
    a.slide-pro-con .slide-text .title {
        color: #333;
    }
    a.slide-pro-con .slide-text .desc {
        color: #888;
    }
    a.slide-pro-con:hover .slide-pro-img img {
        transform: scale(1.08);
    }
    a.slide-pro-con:hover .slide-text .title {
        color: #ea6d00;
    }
    a.box-item-pro-con .text {
        padding: 10px;
    }
}

.join-us-flex {
    display: flex;
    flex-wrap: wrap;
}

.join-us-flex .job-con {
    height: 160px;
    color: #004ea2;
    text-decoration: underline;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.join-us-flex .job-con .img {
    max-width: 100%;
    height: 72px;
}

.join-us-flex .job-con:hover {
    border-color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.box-have-bg {
    background: url('../images/quality.jpg') no-repeat center center/cover;
}

.have-quality {
    padding-bottom: 1.54rem;
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
}

.have-quality .quality {
    width: 50%;
    padding: 10px;
}

.have-quality .quality:nth-child(2n) {
    position: relative;
    top: 1rem;
}

.have-quality .quality .picimg {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.have-quality .quality .picimg .title {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.marke-news .news-list {
    padding: 40px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.marke-news .news-list .boxtime {
    width: 100px;
    height: 100px;
    text-align: center;
    background: rgba(234, 109, 0, 0.8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marke-news .news-list .boxtime .date {
    font-weight: bold;
    line-height: 1.12;
}

.marke-news .news-list .news-con {
    width: calc(100% - 100px);
    padding-left: 30px;
}

.marke-news .news-list .news-con .title a {
    color: #333;
}

.marke-news .news-list .news-con .desc {
    margin-top: 10px;
    color: #999;
    line-height: 1.75;
    -webkit-line-clamp: 2;
    height: 3.5em;
}

.marke-news .news-list .news-con .title a:hover {
    color: #ea6d00;
}

.marke-news .news-list .posttime {
    display: none;
    margin-top: 10px;
    color: #bbb;
}

.box-item-show-width {
    max-width: 800px;
    margin: auto;
}

.item-page-site {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.item-page-site ul li {
    float: left;
    color: #999;
}

.item-page-site ul li span {
    margin: 0 10px;
}

.item-page-site ul li a {
    color: #999;
}

.item-page-site ul li a:hover {
    color: #ea6d00;
    text-decoration: underline;
}

.time-hits {
    padding: 20px 0;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
}

.time-hits span {
    margin: 0 10px;
}

.prev-next a {
    line-height: 2;
    color: #999;
}

.prev-next a:hover {
    color: #ea6d00;
    text-decoration: underline;
}

@media(max-width: 1440px) {
    .news-list-flex .time {
        width: 80px;
        height: 80px;
    }
    .news-list-flex .time .date {
        font-size: 42px;
    }
}

@media(max-width: 1366px) {
    .join-us-flex .job-con {
        height: 120px;
    }
    .join-us-flex .job-con .img {
        height: 60px;
    }
    .marke-news .news-list {
        padding: 32px 0;
    }
    .marke-news .news-list .boxtime {
        width: 92px;
        height: 92px;
    }
    .marke-news .news-list .news-con {
        width: calc(100% - 92px);
        padding-left: 20px;
    }
}

@media(max-width: 991px) {
    .join-us-flex .job-con {
        height: auto;
        padding: 10px;
        text-align: center;
        display: block;
        border-radius: 6px;
    }
    .join-us-flex .job-con .img {
        height: 42px;
    }
    .marke-news .news-list {
        padding: 24px 0;
        display: block;
    }
    .marke-news .news-list .boxtime {
        display: none;
    }
    .marke-news .news-list .news-con {
        width: 100%;
        padding: 0;
    }
    .marke-news .news-list .posttime {
        display: block;
    }
}

.box-item-nav {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.box-item-form {
    width: 100%;
    max-width: 560px;
    position: relative;
}

.box-item-form .input {
    width: 100%;
    height: 60px;
    padding: 0 80px 0 40px;
    border: 1px solid #ebebeb;
    border-radius: 50px;
}

.box-item-form .boxbtn {
    width: 22px;
    height: 22px;
    background: url('../images/search.png') no-repeat top left/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
}

.box-cn-title {
    font-size: 36px;
}

.contact-us-width {
    max-width: 900px;
    margin: auto;
}

.contact-us-width .info p {
    display: flex;
    align-items: center;
}

.contact-us-width .info p img {
    width: 24px;
    margin-right: 10px;
}

ul.box-item-down li {
    padding: 20px 0;
    color: #999;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}

ul.box-item-down li:last-child {
    border-bottom: 1px solid #e5e5e5;
}

ul.box-item-down li .title {
    width: calc(100% - 420px);
    padding-right: 40px;
}

ul.box-item-down li .title a {
    color: #333;
}

ul.box-item-down li .title span {
    color: #d0121b;
}

ul.box-item-down li .title a:hover {
    color: #d0121b;
    text-decoration: underline;
}

ul.box-item-down li .ptext {
    width: 420px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.box-item-down li .ptext .size {
    width: 160px;
    white-space: nowrap;
}

ul.box-item-down li a.view {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/iview.png') no-repeat center/100%;
}

ul.box-item-down li a.down {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/idown.png') no-repeat center/100%;
}

@media(max-width: 1440px) {
    .box-cn-title {
        font-size: 32px;
    }
    .boxsite-form .layui-form-item .layui-input {
        font-size: 26px;
        height: 45px;
    }
    .box-item-form {
        max-width: 480px;
    }
    .box-item-form .input {
        height: 50px;
        padding: 0 60px 0 20px;
    }
    .box-item-form .boxbtn {
        width: 18px;
        height: 18px;
        right: 20px;
    }
}

@media(max-width: 1366px) {
    .box-cn-title {
        font-size: 28px;
    }
    .boxsite-form .layui-form-item .layui-input {
        font-size: 22px;
    }
    .box-item-form {
        max-width: 360px;
    }
    .box-item-form .input {
        height: 40px;
    }
}

@media(max-width: 991px) {
    .box-cn-title {
        font-size: 24px;
    }
    .box-item-form {
        margin-top: 20px;
    }
    .boxsite-form .layui-form-item {
        max-width: 240px;
    }
    .boxsite-form .layui-form-item .layui-input {
        font-size: 20px;
    }
    .box-item-nav {
        display: block;
    }
    .contact-us-width .info p img {
        width: 18px;
    }
    ul.box-item-down li {
        display: block;
    }
    ul.box-item-down li .title {
        width: 100%;
        font-size: 16px;
        padding: 0;
    }
    ul.box-item-down li .ptext {
        width: 100%;
        margin-top: 12px;
    }
    ul.box-item-down li .ptext .size {
        width: auto;
    }
    ul.box-item-down li a.view,
    ul.box-item-down li a.down {
        width: 20px;
        height: 20px;
    }
}