@charset "UTF-8";

.w1640 {
    width: 16.4rem;
    margin: 0 auto;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 16.6rem) {
    .w1640 {
        width: 94%;
    }
}

.w1600 {
    width: 16rem;
    margin: 0 auto;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 16.2rem) {
    .w1600 {
        width: 94%;
    }
}

.w1400 {
    width: 14rem;
    margin: 0 auto;
    font-size: 0;
    z-index: 2;
}

.w1200 {
    width: 12rem;
    margin: 0 auto;
    font-size: 0;
    z-index: 2;
}

.w1800 {
    width: 18rem;
    margin: 0 auto;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 18.2rem) {
    .w1800 {
        width: 94%;
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    transition: all ease 0.5s;
}

header .hop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

header .hop .logo {
    display: inline-block;
    vertical-align: middle;
    width: 1.29rem;
}

header .hop .logo img {
    width: 100%;
    display: block;
}

header .hop nav {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
    text-align: center;
}

header .hop nav .natem {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

header .hop nav .natem .nas {
    width: auto;
    display: inline-block;
    position: relative;
    margin: 0 .45rem;
}

header .hop nav .natem .nas a {
    display: inline-block;
    line-height: 1rem;
    color: #fff;
    position: relative;
}

header .hop nav .natem .nas:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 0.01rem;
    transform: translateX(-50%);
    width: 100%;
    height: .02rem;
    background-color: #fff;
    opacity: 0;
}

header .hop nav .natem .navuls {
    width: 100.5%;
    position: absolute;
    z-index: 101;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    background-color: white;
    box-shadow: 0 0 0.07rem 0 rgba(0, 0, 0, 0.09);
    background-color: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 1.0);
    display: none;
}

header .hop nav .natem .navuls ul {
    width: 100%;
}

header .hop nav .natem .navuls ul li {
    width: 100%;
    position: relative;
}

header .hop nav .natem .navuls ul li .njm {
    width: 100%;
    font-size: 0;
    /* background-color: rgba(255, 255, 255, 0.5); */
}

header .hop nav .natem .navuls ul li .ns {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.2;
    color: #000;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 .2rem;
    position: relative;
    text-align: center;
    /* background-color: rgba(255, 255, 255, 0.5); */
}

header .hop nav .natem .navuls ul li .ns:hover {
    color: #ea5520;
}

header .hop nav .natem .navuls ul li .theul {
    width: 100%;
    background-color: #fff;
    display: none;
}

header .hop nav .natem .navuls ul li .theul li {
    width: 100%;
    font-size: 0;
}

header .hop nav .natem .navuls ul li .theul li .xn {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    padding: 0 0.2rem;
}

header .hop nav .natem .navuls ul li .theul li .xn:hover {
    color: #ea5520;
}

header .hop nav .natem .navuls ul li:hover .ns {
    color: #ea5520;
}

header .hop nav .natem .navuls ul li.has-the:after {
    content: "+";
    display: inline-block;
    width: .36rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: .2rem;
    color: #333;
    border: none;
    display: none;
}

header .hop nav .natem .navuls ul li.has-the.show:after {
    content: "-";
}

header .hop nav .natem .longul {
    width: 100%;
    position: fixed;
    position: absolute;
    width: 100vw;
    width: 100.5%;
    left: 0;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    background-color: white;
    background-color: #fff;
    /* padding: .3rem  0 .3rem; */
    padding: 0.2rem;
    /* padding: 0; */
    display: none;
    /* border-top: solid .01rem #eae7e3; */
    box-shadow: 0 0 0.07rem 0 rgba(0, 0, 0, 0.09);
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 1.0);
}

header .hop nav .natem .longul .w1200 {
    width: 100% !important;
}

header .hop nav .natem .longul .lonul {
    width: 100%;
    font-size: 0;
}

header .hop nav .natem .longul .lonul .lonsm {
    display: inline-block;
    vertical-align: top;
    /* width: 32%;
  margin-right: 2%;
  margin-bottom: 0.3rem; */
    width: 100%;
    margin-right: 0%;
    margin-bottom: 0.2rem;
}

header .hop nav .natem .longul .lonul .lonsm .lit {
    width: 100%;
    font-size: 0;
}

header .hop nav .natem .longul .lonul .lonsm .lit a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
}

header .hop nav .natem .longul .lonul .lonsm .lit a:hover {
    color: #ea5520;
}

header .hop nav .natem .longul .lonul .lonsm .lx {
    display: block;
    width: .2rem;
    height: .04rem;
    background-color: #ea5520;
    margin: .2rem 0;
}

header .hop nav .natem .longul .lonul .lonsm .lul {
    width: 100%;
}

header .hop nav .natem .longul .lonul .lonsm .lul a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    transition: all ease 0.5s;
    line-height: 1.5;
    padding: .025rem 0;
}

header .hop nav .natem .longul .lonul .lonsm .lul a:hover {
    color: #ea5520;
}

header .hop nav .natem .longul .lonul .lonsm:nth-child(3n) {
    margin-right: 0;
}

header .hop nav .natem.on .nas a {
    color: #fff;
}

header .hop nav .natem.on .nas:after {
    opacity: 1;
}

header .hop nav .natem:hover .nas a {
    color: #fff;
}

header .hop nav .natem:hover .nas:after {
    opacity: 1;
}

header .hop .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
}

header .hop .rav .atn {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    margin: 0 .1rem;
    cursor: pointer;
    position: relative;
}

header .hop .rav .atn img {
    width: 100%;
    display: block;
}

/* header .hop .rav .atn img:first-child {
  display: block;
}

header .hop .rav .atn img:last-child {
  display: none;
} */

header .hop .rav .atn .m1 {
    display: block;
}

header .hop .rav .atn .m2 {
    display: none;
}

header .hop .rav .atn .tip {
    position: absolute;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    line-height: 2;
    padding: 0 0.1rem;
    z-index: 3;
    white-space: nowrap;
    left: 50%;
    bottom: calc(100% + 5px);
    transform: translateX(-50%);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
    transition: all ease 0.5s;
    opacity: 0;
}

header .hop .rav .atn .tip:after {
    content: ' ';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    top: 100%;
    border: solid 2px;
    border-color: #fff transparent transparent transparent;
}

header .hop .rav .atn:hover .tip {
    opacity: 1;
}

header .hop .rav .languages {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 .1rem;
    text-align: left;
}

header .hop .rav .languages .lauges {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

header .hop .rav .languages .lauges .lashow {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    font-size: 0;
}

header .hop .rav .languages .lauges .lashow .ac {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    width: .2rem;
    height: .2rem;
}

header .hop .rav .languages .lauges .lashow .ac img {
    width: 100%;
    display: block;
}

header .hop .rav .languages .lauges .lashow .ac img:first-child {
    display: block;
}

header .hop .rav .languages .lauges .lashow .ac img:last-child {
    display: none;
}

header .hop .rav .languages .lauges .lashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    margin-left: 0.1rem;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
}

header .hop .rav .languages .lauges .language {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
    width: 0.7rem;
    display: none;
}

header .hop .rav .languages .lauges .language .latem {
    width: 100%;
}

header .hop .rav .languages .lauges .language .latem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 .1rem;
    line-height: 3;
    text-align: center;
    background: rgba(234, 85, 32, 0.5);
}

header .hop .rav .languages .lauges .language .latem:hover a {
    background: #ea5520;
    color: #fff;
}

header .hop .rav .languages .lauges .language .latem.on a {
    background: #ea5520;
    color: #fff;
}

header .hop .rav .fanguages {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 .1rem;
    text-align: left;
}

header .hop .rav .fanguages .fauges {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

header .hop .rav .fanguages .fauges .fashow {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    font-size: 0;
}

header .hop .rav .fanguages .fauges .fashow .ac {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    width: .2rem;
    height: .2rem;
}

header .hop .rav .fanguages .fauges .fashow .ac img {
    width: 100%;
    display: block;
}

header .hop .rav .fanguages .fauges .fashow .ac img:first-child {
    display: block;
}

header .hop .rav .fanguages .fauges .fashow .ac img:last-child {
    display: none;
}

header .hop .rav .fanguages .fauges .fashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    margin-left: 0.1rem;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
}

header .hop .rav .fanguages .fauges .fanguage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
    width: 1.8rem;
    display: none;
}

header .hop .rav .fanguages .fauges .fanguage .fatem {
    width: 100%;
}

header .hop .rav .fanguages .fauges .fanguage .fatem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 .1rem;
    line-height: 2;
    text-align: center;
    background: rgba(234, 85, 32, 0.5);
}

header .hop .rav .fanguages .fauges .fanguage .fatem:hover a {
    background: #ea5520;
    color: #fff;
}

header .hop .rav .fanguages .fauges .fanguage .fatem.on a {
    background: #ea5520;
    color: #fff;
}

header .sear {
    width: 100%;
    font-size: 0;
    padding: .3rem .3rem;
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1111;
    background: #fff;
    top: 100%;
}

header .sear form {
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    max-width: 10rem;
    display: block;
    border-radius: .2rem;
    overflow: hidden;
    background: #f6f6f6;
}

header .sear .input {
    width: calc(100% - 1rem);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    /* background: #f6f6f6; */
}

header .sear .input input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #f6f6f6;
    color: #666666;
    line-height: 2.5;
    height: 2.5em;
    padding: 0 .2rem;
    border: none;
    border-radius: 1.25em;
}

header .sear .submxt {
    width: 1rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

header .sear .submxt input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #ea5520;
    color: #fff;
    line-height: 2.5;
    border-radius: 1.25em;
    padding: 0 .2rem;
    border: none;
    text-align: center;
    cursor: pointer;
}

header.white {
    background-color: #fff;
}

header.white .hop nav .natem .nas a {
    color: #333;
}

header.white .hop nav .natem .nas:after {
    background-color: #ea5520;
}

header.white .hop nav .natem.on .nas a {
    color: #ea5520;
}

header.white .hop nav .natem.on .nas:after {
    opacity: 1;
}

header.white .hop nav .natem:hover .nas a {
    color: #ea5520;
}

header.white .hop nav .natem:hover .nas:after {
    opacity: 1;
}

/* header.white .hop .rav .atn img:first-child {
  display: none;
}

header.white .hop .rav .atn img:last-child {
  display: block;
} */

header.white .hop .rav .atn .m1 {
    display: none;
}

header.white .hop .rav .atn .m2 {
    display: block;
}


header.white .hop .rav .fanguages .fauges .fashow .ac img:first-child {
    display: none;
}

header.white .hop .rav .fanguages .fauges .fashow .ac img:last-child {
    display: block;
}

header.white .hop .rav .languages .lauges .lashow .ac img:first-child {
    display: none;
}

header.white .hop .rav .languages .lauges .lashow .ac img:last-child {
    display: block;
}

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

.banner .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner .swiper-slide .img {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
}

.banner .swiper-slide .voc {
    background-color: #000;
    object-fit: cover;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner .swiper-slide .sox {
    position: absolute;
    left: calc((140 / 1920) * 100%);
    top: 50%;
    transform: translateY(-50%);
    max-width: 90%;
}

.banner .swiper-slide .sox .sm {
    width: 100%;
    color: #f9f9f9;
    line-height: 1.5;
    font-weight: bold;
}

.banner .swiper-slide .sox .sm p {
    color: #f9f9f9;
    line-height: 1.3;
}

.banner .swiper-slide .sox .sx {
    width: 100%;
    color: #f9f9f9;
    line-height: 1.3;
    margin: .1rem 0;
}

.banner .swiper-slide .sox .sx p {
    color: #f9f9f9;
    line-height: 1.3;
}

.banner .swiper-slide .sox .sx h1 {
    color: #1b1f25;
    line-height: 1.3;
}

.banner .swiper-slide .sox .more {
    width: 100%;
    font-size: 0;
    margin-top: .65rem;
}

.banner .swiper-slide .sox .more a {
    display: inline-block;
    vertical-align: middle;
    border-radius: .3rem;
    border: solid 0.01rem rgba(229, 229, 229, 0.5);
    line-height: .6rem;
    background-color: transparent;
    padding: 0 .3rem;
    color: #fff;
}

.banner .swiper-slide .sox .more a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    width: .26rem;
    height: .26rem;
    position: relative;
    top: -0.02rem;
    transition: all ease 0.5s;
}

.banner .swiper-slide .sox .more a span img {
    width: 100%;
    height: 100%;
    display: block;
}

.banner .swiper-slide .sox .more a span img:first-child {
    display: block;
}

.banner .swiper-slide .sox .more a span img:last-child {
    display: none;
}

.banner .swiper-slide .sox .more a:hover {
    background-color: #fff;
    color: #ea5520;
}

.banner .swiper-slide .sox .more a:hover span img:first-child {
    display: none;
}

.banner .swiper-slide .sox .more a:hover span img:last-child {
    display: block;
}

.banner .swiper-pagination {
    font-size: 0;
    text-align: right;
    bottom: .4rem;
    z-index: 10;
    width: 100%;
    padding: 0 calc(140 / 1920 * 100%);
}

.banner .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    margin: 0 .12rem !important;
    opacity: 1;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-color: white;
    border: solid .01rem #fff;
    transition: all ease 0.5s;
}

.banner .swiper-pagination-bullet-active {
    width: .2rem;
    height: .2rem;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: solid .04rem #ea5520;
}

.banner .down {
    position: absolute;
    bottom: .4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 56;
    transition: all ease 0.5s;
    cursor: pointer;
}

.banner .down .dm {
    display: block;
    width: .32rem;
    height: .32rem;
    margin: 0 auto .05rem;
}

.banner .down .dm img {
    width: 100%;
    display: block;
}

.banner .down .dx {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.banner .down:hover {
    transform: translateX(-50%) scale(1.1);
}

.banner .lg {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    z-index: 5;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(234, 85, 32, 0.2);
    bottom: -1rem;
    left: 45%;
    transform: translateX(-50%);
    animation: ease-in-out big 10s infinite;
}

@keyframes big {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 2.6rem;
        height: 2.6rem;
    }

    100% {
        width: 0;
        height: 0;
    }
}

.banner .rg {
    position: absolute;
    width: 2.9rem;
    height: 2.9rem;
    z-index: 5;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(234, 85, 32, 0.2);
    bottom: -1.4rem;
    left: 55%;
    transform: translateX(-50%);
    animation: ease-in-out cig 12s infinite;
}

@keyframes cig {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 2.9rem;
        height: 2.9rem;
    }

    100% {
        width: 0;
        height: 0;
    }
}

footer {
    width: 100%;
    background-color: #272727;
}

footer .ftop {
    width: 100%;
    padding: .3rem 0;
    border-bottom: solid 0.01rem rgba(255, 255, 255, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

footer .ftop .fpl,
footer .ftop .fpr {
    width: auto;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

footer .ftop .fogo {
    display: inline-block;
    vertical-align: middle;
    width: 1.29rem;
    margin-right: .22rem;
}

footer .ftop .fogo img {
    width: 100%;
    display: block;
}

footer .ftop .cmf {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    margin-right: .22rem;
}

footer .ftop .cmf img {
    width: 100%;
    display: block;
}

footer .ftop .fm {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

footer .ftom .share {
    font-size: 0;
    margin-bottom: 0.5rem;
}

footer .ftom .share .am {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    height: .5rem;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    margin-right: .1rem;
    position: relative;
}

footer .ftom .share .am .codm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1.2rem;
    height: 1.2rem;
    bottom: calc(100% + 0.1rem);
    background-color: #fff;
    padding: 0.05rem;
    display: none;
}

footer .ftom .share .am:hover .codm {
    display: block;
}

footer .ftom .share .am img {
    width: 100%;
    height: 100%;
    display: block;
}

footer .ftom .share .am:hover {
    background-color: #ea5520;
}

footer .ftom {
    width: 100%;
    padding: .5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .ftom .fml {
    display: inline-block;
    vertical-align: top;
    width: 12.4rem;
    font-size: 0;
}

footer .ftom .fml .flist {
    display: inline-block;
    vertical-align: top;
    width: 1.7rem;
}

footer .ftom .fml .flist .fit {
    width: 100%;
    font-size: 0;
    margin-bottom: .2rem;
}

footer .ftom .fml .flist .fit a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}

footer .ftom .fml .flist .fit a:hover {
    color: #fff;
}

footer .ftom .fml .flist .ful {
    width: 100%;
}

footer .ftom .fml .flist .ful a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.4);
    line-height: 2;
    transition: all ease 0.5s;
}

footer .ftom .fml .flist .ful a span {
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-right: 0.06rem;
}

footer .ftom .fml .flist .ful a:hover {
    color: #fff;
}

footer .ftom .fml .flist .ful a:hover span {
    color: #fff;
}

footer .ftom .fml .flist .ful div {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.4);
    line-height: 2;
    transition: all ease 0.5s;
}

footer .ftom .fmr {
    width: auto;
}

.code-list{font-size: 0;}

footer .ftom .fmr .codm {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
}
footer .ftom .fmr .codm:last-child{
    margin-right: 0;
}

footer .ftom .fmr .codm .cm {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
    margin: 0 auto .25rem;
}

footer .ftom .fmr .codm .cm img {
    width: 100%;
    height: 100%;
    display: block;
}

footer .ftom .fmr .codm .cp {
    width: 100%;
    text-align: center;
    color: #a4a9b2;
    line-height: 1.5;
}

footer .fbot {
    width: 100%;
}

footer .fbot .fob {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
}

footer .fbot .fob .fm {
    display: inline-block;
    vertical-align: middle;
    color: rgba(254, 254, 254, 0.4);
    line-height: 1.5;
}

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

.cases .cmglist {
    width: 100%;
    height: 100vh;
    position: relative;
}

.cases .cmglist .imgs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.5s;
}

.cases .cmglist .imgs .img {
    width: 100%;
    height: 100%;
    display: block;
}

.cases .cmglist .imgs .casom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.2rem calc(140 / 1920 * 100%) 0;
}

.cases .cmglist .imgs .casom .cal {
    display: inline-block;
    vertical-align: top;
    width: 6rem;
}

.cases .cmglist .imgs .casom .cal .cit {
    width: 100%;
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.cases .cmglist .imgs .casom .cal .cip {
    width: 100%;
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.cases .cmglist .imgs .casom .car {
    display: inline-block;
    vertical-align: top;
    width: 6rem;
}

.cases .cmglist .imgs .casom .car .rit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-bottom: .3rem;
}

.cases .cmglist .imgs .casom .car .rinp {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.cases .cmglist .imgs .casom .car .rinp p {
    color: #fff;
    line-height: 1.5;
}

.cases .cmglist .imgs .casom .car .rob {
    width: 100%;
    font-size: 0;
    margin-top: .65rem;
}

.cases .cmglist .imgs .casom .car .rob a {
    display: inline-block;
    vertical-align: middle;
    border-radius: .3rem;
    border: solid 0.01rem white;
    line-height: .6rem;
    background-color: transparent;
    padding: 0 .3rem;
    color: #fff;
    transition: all ease 0.5s;
}

.cases .cmglist .imgs .casom .car .rob a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    width: .26rem;
    height: .26rem;
    position: relative;
    top: -0.02rem;
    transition: all ease 0.5s;
}

.cases .cmglist .imgs .casom .car .rob a span img {
    width: 100%;
    height: 100%;
    display: block;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(1) {
    display: block;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(2) {
    display: none;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(3) {
    display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover {
    background-color: #fff;
    color: #ea5520;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(1) {
    display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(2) {
    display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(3) {
    display: block;
}

.cases .cmglist .imgs .casom.black .cal .cit,
.cases .cmglist .imgs .casom.black .cal .cip {
    color: #333;
}

.cases .cmglist .imgs .casom.black .car .rit {
    color: #333;
}

.cases .cmglist .imgs .casom.black .car .rinp {
    color: #333;
}

.cases .cmglist .imgs .casom.black .car .rinp p {
    color: #333;
}

.cases .cmglist .imgs .casom.black .car .rob a {
    border: solid .01rem #333;
    color: #333;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(1) {
    display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(2) {
    display: block;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(3) {
    display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover {
    color: #ea5520;
    border: solid .01rem #fff;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(1) {
    display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(2) {
    display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(3) {
    display: block;
}

.cases .cmglist .imgs.on {
    z-index: 6;
    visibility: visible;
    opacity: 1;
}

.cases .iconlist {
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 10rem;
    text-align: center;
    justify-content: center;
}

.cases .iconlist .ictom {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .26rem;
    cursor: pointer;
}

.cases .iconlist .ictom .ic {
    display: block;
    margin: 0 auto .15rem;
    width: .8rem;
    height: .8rem;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    /* background-color: #fff; */
    position: relative;
    overflow: hidden;
}

.cases .iconlist .ictom .ic img {
    width: 100%;
    height: 100%;
    display: block;
}

.cases .iconlist .ictom .ic img:first-child {
    display: block;
}

.cases .iconlist .ictom .ic img:last-child {
    display: none;
}

.cases .iconlist .ictom .ic:after {
    content: ' ';
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    width: .66rem;
    height: .66rem;
    /*border: dashed .01rem #dcdcdc;*/
    border: dashed .0rem #dcdcdc;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cases .iconlist .ictom .cm {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    min-width: 6em;
    text-align: center;
}

.cases .iconlist .ictom.on .ic {
    /* background-color: #ea5520; */
}

.cases .iconlist .ictom.on .ic:after {
    /*border: dashed .01rem #fff;*/
    border: dashed .0rem #fff;
}

.cases .iconlist .ictom.on .ic img:first-child {
    display: none;
}

.cases .iconlist .ictom.on .ic img:last-child {
    display: block;
}

.abouts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
}

.abouts .abl {
    display: inline-block;
    vertical-align: middle;
    height: 100vh;
    width: 9.6rem;
    width: calc(960 / 1920 * 100%);
    position: relative;
    overflow: hidden;
}

.abouts .abl .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
    /* width: 0.8rem;
  height: 0.8rem; */
    transition: all ease 0.5s;

}

@keyframes crycle {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.0);
    }
}

/* .abouts .abl .play:hover{
  transform:  translate(-50%,-50%) scale(1.1);
} */
.abouts .abl .play img {
    width: 100%;
    height: 100%;
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    margin: 0 auto 0.1rem;
    animation: crycle infinite 2s;
}

.abouts .abl .play .pim {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.abouts .abl .img {
    width: 100%;
    height: 100%;
    display: block;
}

.abouts .abr {
    display: flex;
    flex-wrap: wrap;
    width: 9.6rem;
    width: calc(960 / 1920 * 100%);
}

.abouts .abr .abrom {
    width: 100%;
    padding-right: 1.4rem;
    padding-left: 1.2rem;
    padding-top: 13%;
    height: calc(100vh - 2.2rem);
}

.abouts .abr .abrom .aib {
    width: 100%;
    color: #333;
    line-height: 1.3;
    font-weight: bold;
}

.abouts .abr .abrom .aim {
    width: 100%;
    color: #333;
    font-weight: bold;
    line-height: 1.3;
}

.abouts .abr .abrom .ainp {
    width: 100%;
    color: #666;
    line-height: 1.6;
    /* height: 40%; */
    overflow: auto;
    margin-top: .2rem;
}

.abouts .abr .abrom .ainp::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp p {
    color: #666;
    line-height: 1.6;
}

.abouts .abr .abrom .more {
    width: 100%;
    font-size: 0;
    margin-top: .3rem;
}

.abouts .abr .abrom .more a {
    display: inline-block;
    vertical-align: middle;
    border-radius: .3rem;
    border: solid 0.01rem rgba(51, 51, 51, 0.5);
    line-height: .6rem;
    background-color: transparent;
    padding: 0 .3rem;
    color: #333;
    color: #ea5520;
    transition: all ease 0.5s;
    width: 10em;
    text-align: center;
}

.abouts .abr .abrom .more a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .15rem;
    width: .26rem;
    height: .26rem;
    position: relative;
    top: -0.02rem;
    transition: all ease 0.5s;
}

.abouts .abr .abrom .more a span img {
    width: 100%;
    height: 100%;
    display: block;
}

.abouts .abr .abrom .more a:hover {
    background-color: #fff;
    border: solid 0.01rem white;
    color: #ea5520;
}

.abouts .abr .abtom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.abouts .abr .abtom .atom {
    width: 3.2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 2.2rem;
    padding: .2rem;
    background-color: #ebebeb;
    position: relative;
}

.abouts .abr .abtom .atom .aum {
    width: 100%;
    text-align: center;
    color: #ea5520;
    position: relative;
    z-index: 3;
}

.abouts .abr .abtom .atom .aum span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0.02rem;
    margin-right: .05rem;
    color: #ea5520;
}

.abouts .abr .abtom .atom .akm {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    height: 3em;
    color: #666;
    margin-top: .08rem;
    position: relative;
    z-index: 3;
}

.abouts .abr .abtom .atom .bc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.42rem;
    height: 1.42rem;
    display: none;
}

.abouts .abr .abtom .atom .bc img {
    width: 100%;
    display: block;
}

/*.abouts .abr .abtom .atom:nth-child(1) {
  background-color: #ea5520;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .aum {
  color: #fff;
}

.abouts .abr .abtom .atom:nth-child(1) .aum span {
  color: #fff;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .akm {
  color: #fff;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .akm p {
  color: #fff;
}*/

.abouts .abr .abtom .atom:nth-child(1) .bc {
    opacity: 0.2;
}

.abouts .abr .abtom .atom:nth-child(2) {
    background-color: #f4f4f4;
}

@media (max-width: 960px) {
    .abouts {
        align-items: center;
    }

    .abouts .abr .abrom {
        padding-bottom: 1rem;
        height: auto;
    }
}

.newcens {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 2.2rem calc(140 / 1920 * 100%) 1rem;
}

.newcens .newlom {
    display: inline-block;
    vertical-align: middle;
    width: calc(804 / 1640 * 100%);
    width: calc((100% - 20px) / 2);
    margin-right: calc(30 / 1640 * 100%);
    margin-right: 20px;
}

.newcens .newlom:nth-child(2n) {
    margin-right: 0;
}

.newcens .netop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0;
    margin-bottom: .5rem;
}

.newcens .netop .ntl {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.newcens .netop .ntl .nit {
    width: 100%;
    color: #000;
    font-weight: bold;
    line-height: 1.3;
}

.newcens .netop .ntl .niv {
    width: 100%;
    color: #000;
    font-weight: bold;
    line-height: 1.3;
}

.newcens .netop .ntr {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/* .newcens .netop .ntr a {
  display: inline-block;
  vertical-align: middle;
  border-radius: .3rem;
  line-height: .6rem;
  padding: 0 .3rem;
  background-color: #ea5520;
  color: #fff;
  width: 10em;
  text-align: center;
}

.newcens .netop .ntr a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: .15rem;
  width: .26rem;
  height: .26rem;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.newcens .netop .ntr a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.newcens .netop .ntr a span img:first-child {
  display: block;
}

.newcens .netop .ntr a span img:last-child {
  display: none;
}

.newcens .netop .ntr a:hover {
  background-color: #fff;
  color: #ea5520;
}

.newcens .netop .ntr a:hover span img:first-child {
  display: none;
}

.newcens .netop .ntr a:hover span img:last-child {
  display: block;
} */

.newcens .netop .ntr a {
    display: inline-block;
    vertical-align: middle;
    border-radius: .3rem;
    border: solid 0.01rem rgba(51, 51, 51, 0.5);
    line-height: .6rem;
    background-color: transparent;
    padding: 0 .3rem;
    color: #333;
    color: #ea5520;
    transition: all ease 0.5s;
    width: 10em;
    text-align: center;
}

.newcens .netop .ntr a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .15rem;
    width: .26rem;
    height: .26rem;
    position: relative;
    top: -0.02rem;
    transition: all ease 0.5s;
}

.newcens .netop .ntr a span img:first-child {
    display: none;
}

.newcens .netop .ntr a span img:last-child {
    display: block;
}

.newcens .netop .ntr a span img {
    width: 100%;
    height: 100%;
    display: block;
}

.newcens .netop .ntr a:hover {
    background-color: #fff;
    border: solid 0.01rem white;
    color: #ea5520;
}

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

.newcens .netom .nel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(804 / 1640 * 100%);
    width: 100%;
}

.newcens .netom .nel .nelm {
    display: inline-block;
    vertical-align: middle;
    width: calc(387 / 804 * 100%);
    width: 100%;
}

.newcens .netom .nel .nelm a {
    width: 100%;
    display: block;
}

.newcens .netom .nel .nelm .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.newcens .netom .nel .nelm .imgs .img {
    width: 100%;
    height: 2.42rem;
    transition: all ease 0.5s;
}

.newcens .netom .nel .nelm .nom {
    width: 100%;
    height: 2.14rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .3rem;
    border: solid 1px #1111111c;
}

.newcens .netom .nel .nelm .nom .time {
    width: 100%;
    color: #999;
    line-height: 1.5;
}

.newcens .netom .nel .nelm .nom .time span {
    display: inline-block;
    vertical-align: middle;
    width: .15rem;
    height: .15rem;
    margin-right: .1rem;
    position: relative;
    top: -0.02rem;
}

.newcens .netom .nel .nelm .nom .time span img {
    width: 100%;
    display: block;
}

.newcens .netom .nel .nelm .nom .oix {
    width: 100%;
    color: #191919;
    line-height: 1.5;
    height: 3em;
}

.newcens .netom .nel .nelm .nom .bot {
    width: 100%;
    font-size: 0;
    text-align: right;
}

.newcens .netom .nel .nelm .nom .bot span {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    position: relative;
    left: 0;
}

.newcens .netom .nel .nelm .nom .bot span img {
    width: 100%;
    display: block;
}

.newcens .netom .nel .nelm:hover .imgs .img {
    transform: scale(1.1);
}

.newcens .netom .nel .nelm:hover .nom .oix {
    color: #ea5520;
}

.newcens .netom .nel .nelm:hover .nom .bot span {
    animation: ease-in-out left 1s;
}

@keyframes left {
    0% {
        left: 0;
    }

    50% {
        left: 0.15rem;
    }

    100% {
        left: 0;
    }
}

.newcens .netom .ner {
    display: inline-block;
    vertical-align: middle;
    width: calc(805 / 1640 * 100%);
    position: relative;
    width: 100%;
}

.newcens .netom .ner .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.newcens .netom .ner .swiper-slide .img {
    width: 100%;
    height: 4.56rem;
    transition: all ease 0.5s;
}

.newcens .netom .ner .swiper-slide .pox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 3;
}

.newcens .netom .ner .swiper-slide .pox .play {
    display: block;
    margin: 0 auto .1rem;
    width: .8rem;
    height: .8rem;
}

.newcens .netom .ner .swiper-slide .pox .play img {
    width: 100%;
    display: block;
    animation: crycle infinite 2s;
}

.newcens .netom .ner .swiper-slide .pox .pm {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    line-height: 1.6;
}

.newcens .netom .ner .swiper-pagination {
    bottom: .3rem;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 .3rem;
    text-align: right;
}

.newcens .netom .ner .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: .1rem;
    height: .1rem;
    opacity: 1;
    background-color: transparent;
    border: solid .02rem #fff;
    border-radius: 50%;
    transition: all ease 0.5s;
}

.newcens .netom .ner .swiper-pagination-bullet-active {
    background-color: #fff;
}

.section {
    /* overflow: hidden; */
}

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

.nanber .imgs {
    width: 100%;
    position: relative;
}

.nanber .imgs .img {
    width: 100%;
    height: 5rem;
}

.nanber .nox {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 2;
    text-align: center;
}

.nanber .nox .cm {
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}

.nanber .nox .em {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-top: .1rem;
}

.crumbs {
    width: 100%;
}

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

.crumbs .column .colum {
    width: auto;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}

.crumbs .column .colum .home {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    position: relative;
    top: -0.02rem;
}

.crumbs .column .colum .home img {
    width: 100%;
    display: block;
}

.crumbs .column .colum a {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    color: #666;
    line-height: .8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.crumbs .column .colum a span {
    display: inline-block;
    color: #666;
    line-height: .8rem;
    position: relative;
    margin: 0 .08rem;
}

.crumbs .column .colum a span img {
    width: 100%;
    display: block;
}

.crumbs .column .colum a:hover {
    color: #e94f25;
}

.crumbs .column .colum a:last-child span {
    display: none;
}

.crumbs .column .cur {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.crumbs .column .cur .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem;
    width: auto;
}

.crumbs .column .cur .swiper-slide a {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    line-height: .8rem;
    color: #666;
    position: relative;
}

.crumbs .column .cur .swiper-slide a:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .02rem;
    background-color: #ea5520;
    left: 0;
    right: 0;
    opacity: 0;
}

.crumbs .column .cur .swiper-slide.on a {
    color: #ea5520;
}

.crumbs .column .cur .swiper-slide.on a:after {
    opacity: 1;
}

.newlists {
    width: 100%;
    padding: 1.2rem 0 .5rem;
    background-color: #f3f5f8;
}

.newlists .netop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.newlists .netop .nel {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.newlists .netop .nel .nit {
    width: 100%;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}

.newlists .netop .nel .nit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.newlists .netop .nel .nit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.newlists .netop .ner {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.newlists .netop .ner .form {
    width: 4.55rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
}

.newlists .netop .ner .form form {
    width: 100%;
    font-size: 0;
    padding: 0 .2rem;
}

.newlists .netop .ner .form form .int {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - .21rem);
    line-height: .54rem;
    height: .54rem;
    color: #333;
    background-color: transparent;
    border: none;
}

.newlists .netop .ner .form form .stn {
    display: inline-block;
    vertical-align: middle;
    width: .21rem;
    height: .21rem;
    position: relative;
}

.newlists .netop .ner .form form .stn img {
    width: 100%;
    height: 100%;
    display: block;
}

.newlists .netop .ner .form form .stn .sin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.newlists .newtlis {
    width: 100%;
    font-size: 0;
}

.newlists .newtlis .netom {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.newlists .newtlis .netom a {
    width: 100%;
    display: flex;
}

.newlists .newtlis .netom .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
    width: calc(400 / 1600 * 100%);
}

.newlists .newtlis .netom .imgs .img {
    width: 100%;
    transition: all ease 0.5s;
    padding-top: 62.45%;
}

.newlists .newtlis .netom .nom {
    width: calc(1200 / 1600 * 100%);
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .3rem;
    align-content: center;
}

.newlists .newtlis .netom .nom .oim {
    width: 100%;
    color: #111;
    line-height: 1.5;
    height: 3em;
}

.newlists .newtlis .netom .nom .pim {
    width: 100%;
    color: #888;
    line-height: 1.5;
    height: 3em;
    margin: .15rem 0 .2rem;
}

.newlists .newtlis .netom .nom .bot {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.newlists .newtlis .netom .nom .bot .ic {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    position: relative;
    left: 0;
}

.newlists .newtlis .netom .nom .bot .ic img {
    width: 100%;
    display: block;
}

.newlists .newtlis .netom .nom .bot .time {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
}

.newlists .newtlis .netom .nom .bot .time span {
    display: inline-block;
    vertical-align: middle;
    width: .15rem;
    height: .15rem;
    margin-right: .1rem;
    position: relative;
    top: 0.01rem;
}

.newlists .newtlis .netom .nom .bot .time span img {
    width: 100%;
    display: block;
}

.newlists .newtlis .netom:hover .imgs .img {
    transform: scale(1.1);
}

.newlists .newtlis .netom:hover .nom .oim {
    color: #ea5520;
}

.newlists .newtlis .netom:hover .nom .bot .ic {
    animation: ease-in-out left 1s;
}

@keyframes left {
    0% {
        left: 0;
    }

    50% {
        left: 0.15rem;
    }

    100% {
        left: 0;
    }
}

.newlists .newtlis .netom:nth-child(3n) {
    margin-right: 0;
}

.newlists .newtlis .netom+.netom {
    margin-top: 0.3rem;
}

.newlists .newblis {
    width: 100%;
    font-size: 0;
}

.newlists .newblis .netom {
    display: inline-block;
    vertical-align: middle;
    width: calc(370 / 1600 * 100%);
    margin-right: calc(39 / 1600 * 100%);
    margin-bottom: .4rem;
}

.newlists .newblis .netom a {
    width: 100%;
    display: block;
}

.newlists .newblis .netom .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.newlists .newblis .netom .imgs .img {
    width: 100%;
    height: 2.31rem;
    transition: all ease 0.5s;
}

.newlists .newblis .netom .nom {
    width: 100%;
    height: 2.19rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .3rem;
    align-content: center;
}

.newlists .newblis .netom .nom .oim {
    width: 100%;
    color: #111;
    line-height: 1.5;
    height: 3em;
}

.newlists .newblis .netom .nom .pim {
    width: 100%;
    color: #888;
    line-height: 1.5;
    height: 3em;
    margin: .15rem 0 .2rem;
}

.newlists .newblis .netom .nom .bot {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.newlists .newblis .netom .nom .bot .ic {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    position: relative;
    left: 0;
}

.newlists .newblis .netom .nom .bot .ic img {
    width: 100%;
    display: block;
}

.newlists .newblis .netom .nom .bot .time {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
}

.newlists .newblis .netom .nom .bot .time span {
    display: inline-block;
    vertical-align: middle;
    width: .15rem;
    height: .15rem;
    margin-right: .1rem;
    position: relative;
    top: 0.01rem;
}

.newlists .newblis .netom .nom .bot .time span img {
    width: 100%;
    display: block;
}

.newlists .newblis .netom:hover .imgs .img {
    transform: scale(1.1);
}

.newlists .newblis .netom:hover .nom .oim {
    color: #ea5520;
}

.newlists .newblis .netom:hover .nom .bot .ic {
    animation: ease-in-out left 1s;
}

@keyframes left {
    0% {
        left: 0;
    }

    50% {
        left: 0.15rem;
    }

    100% {
        left: 0;
    }
}

.newlists .newblis .netom:nth-child(4n) {
    margin-right: 0;
}

.pages {
    width: 100%;
    padding: .4rem 0;
    font-size: 0;
    text-align: center;
}

.pages .page {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    color: #666;
    background-color: #fff;
    margin: 0 .05rem;
}

.pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.on {
    background-color: #ea5520;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    box-shadow: rem 0.1rem 0.3rem rem rgba(0, 65, 62, 0.1);
}

.pages .page.ltn:hover {
    background-color: #ea5520;
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.on.ltn {
    background-color: #ea5520;
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.on.rtn {
    background-color: #ea5520;
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.rtn:hover {
    background-color: #ea5520;
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
}

.pages .page.auto {
    width: auto;
    padding: 0 0.24rem;
}

.pages .page:hover {
    background-color: #ea5520;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    box-shadow: rem 0.1rem 0.3rem rem rgba(0, 65, 62, 0.1);
}

.details {
    width: 100%;
    padding: 0.5rem 0;
}

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

.details .detam .del {
    display: inline-block;
    vertical-align: middle;
    width: calc(990 / 1600 * 100%);
}

.details .detam .del .dit {
    width: 100%;
    color: #111;
    line-height: 1.3;
}

.details .detam .del .dim {
    width: 100%;
    font-size: 0;
    margin: .25rem 0;
}

.details .detam .del .dim .tm {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
    margin-right: .3rem;
}

.details .detam .del .dim .tm span {
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .16rem;
    width: 16px;
    height: 16px;
    position: relative;
    top: -0.02rem;
    margin-right: .05rem;
}

.details .detam .del .dim .tm span img {
    width: 100%;
    display: block;
}

.details .detam .del .dim .share {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: auto;
}

.details .detam .del .dim .share span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
    margin-right: .05rem;
}

.details .detam .del .dim .share .am {
    display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    width: 18px;
    height: 18px;
    margin: 0 .05rem;
}

.details .detam .del .dim .share .am img {
    width: 100%;
    display: block;
}

.details .detam .del .dinp {
    width: 100%;
    color: #666;
    line-height: 1.5;
    padding: .3rem 0;
    margin: .25rem 0;
    border-top: solid .01rem #eee;
    border-bottom: solid .01rem #eee;
}

.details .detam .del .dinp p {
    color: #666;
    line-height: 1.5;
}

.details .detam .del .dot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    justify-content: space-between;
    align-items: center;
}

.details .detam .del .dot .dtl {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
    padding-right: .3rem;
}

.details .detam .del .dot .dtl .dam {
    width: 100%;
    display: block;
}

.details .detam .del .dot .dtl .dam a {
    width: 100%;
    display: block;
    color: #888;
    line-height: 1.8;
    padding: .05rem 0;
}

.details .detam .del .dot .dtl .dam a:hover {
    color: #ea5520;
}

.details .detam .del .dot .dtr {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.details .detam .del .dot .dtr a {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    text-align: center;
    line-height: .6rem;
}

.details .detam .del .dot .dtr a span {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .12rem;
    margin-left: .28rem;
}

.details .detam .del .dot .dtr a span img {
    width: 100%;
    display: block;
}

.details .detam .der {
    display: inline-block;
    vertical-align: middle;
    width: calc(540 / 1600 * 100%);
}

.details .detam .der .ritem {
    width: 100%;
}

.details .detam .der .ritem .rit {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 0;
    margin-bottom: .4rem;
}

.details .detam .der .ritem .rit .rx {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    padding-left: .24rem;
    line-height: 1;
    border-left: solid .06rem #ea5520;
}

.details .detam .der .ritem .rit .pagination {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
}

.details .detam .der .ritem .rit .pagination .dd {
    display: inline-block;
    vertical-align: middle;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #c3c3c3;
    margin: 0 .05rem;
}

.details .detam .der .ritem .rit .pagination .dd.on {
    background-color: #ea5520;
}

.details .detam .der .ritem .rietlis {
    width: 100%;
    font-size: 0;
}

.details .detam .der .ritem .rietlis .riem {
    width: 100%;
    display: block;
}

.details .detam .der .ritem .rietlis .riem a {
    width: 100%;
    display: block;
}

.details .detam .der .ritem .rietlis .riem .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.details .detam .der .ritem .rietlis .riem .imgs .img {
    width: 100%;
    height: 3.16rem;
    transition: all ease 0.5s;
}

.details .detam .der .ritem .rietlis .riem .rim {
    width: 100%;
    color: #333;
    line-height: 2;
    margin-top: .05rem;
}

.details .detam .der .ritem .rietlis .riem:hover .imgs .img {
    transform: scale(1.1);
}

.details .detam .der .ritem .rietlis .riem:hover .rim {
    color: #ea5520;
}

.details .detam .der .ritem .rietlis .riem+.riem {
    margin-top: .3rem;
}

.details .detam .der .ritem .rimper {
    width: 100%;
}

.details .detam .der .ritem .rimper .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: .05rem;
}

.details .detam .der .ritem .rimper .swiper-slide .img {
    width: 100%;
    height: 3.04rem;
}

.details .detam .der .ritem .rimper .swiper-slide .vtn {
    position: absolute;
    bottom: .3rem;
    left: .3rem;
    width: .39rem;
    height: .39rem;
    cursor: pointer;
    z-index: 3;
}

.details .detam .der .ritem .rimper .swiper-slide .vtn img {
    width: 100%;
    display: block;
}

.details .detam .der .ritem+.ritem {
    margin-top: .5rem;
}

.contacts {
    width: 100%;
    padding: 1.2rem 0;
}

.contacts .contc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0;
}

.contacts .contc .conl {
    display: inline-block;
    vertical-align: top;
    width: calc(390 / 1600 * 100%);
}

.contacts .contc .conl .clt {
    width: 100%;
    color: #111;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: .8rem;
    position: relative;
}

.contacts .contc .conl .clt:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.contacts .contc .conl .clt:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.contacts .contc .conl .conlist {
    width: 100%;
}

.contacts .contc .conl .conlist .colm {
    width: 100%;
    background-color: #f3f5f8;
    /* padding: .4rem .5rem; */
    font-size: 0;
    cursor: pointer;
}

.contacts .contc .conl .conlist .colm .cmgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contacts .contc .conl .conlist .colm .cmgs .img {
    width: 100%;
    padding-top: 43.589%;
}

.contacts .contc .conl .conlist .colm .ic {
    display: inline-block;
    vertical-align: top;
    width: .5rem;
    height: .5rem;
    margin-right: .4rem;
}

.contacts .contc .conl .conlist .colm .ic img {
    width: 100%;
    display: block;
}

.contacts .contc .conl .conlist .colm .ic img:first-child {
    display: block;
}

.contacts .contc .conl .conlist .colm .ic img:last-child {
    display: none;
}

.contacts .contc .conl .conlist .colm .pm {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - .9rem);
}

.contacts .contc .conl .conlist .colm .pm .num {
    width: 100%;
    color: #666;
    line-height: 1;
}

.contacts .contc .conl .conlist .colm .pm .num span {
    display: inline-block;
    color: #ea5520;
    font-weight: bold;
    margin-right: .09rem;
}

.contacts .contc .conl .conlist .colm .pm .mm {
    width: 100%;
    color: #666;
    margin-top: .05rem;
}

.contacts .contc .conl .conlist .colm+.colm {
    margin-top: .3rem;
}

/* .contacts .contc .conl .conlist .colm:hover, .contacts .contc .conl .conlist .colm.on {
  background-color: #ea5520;
} */

.contacts .contc .conl .conlist .colm:hover .ic img:first-child,
.contacts .contc .conl .conlist .colm.on .ic img:first-child {
    display: none;
}

.contacts .contc .conl .conlist .colm:hover .ic img:last-child,
.contacts .contc .conl .conlist .colm.on .ic img:last-child {
    display: block;
}

.contacts .contc .conl .conlist .colm:hover .pm .num,
.contacts .contc .conl .conlist .colm.on .pm .num {
    color: #fff;
}

.contacts .contc .conl .conlist .colm:hover .pm .num span,
.contacts .contc .conl .conlist .colm.on .pm .num span {
    color: #fff;
}

.contacts .contc .conl .conlist .colm:hover .pm .mm,
.contacts .contc .conl .conlist .colm.on .pm .mm {
    color: #fff;
}

.contacts .contc .conr {
    display: inline-block;
    vertical-align: top;
    width: calc(1070 / 1600 * 100%);
}

.contacts .contc .conr .clorm {
    width: 100%;
    display: none;
}

.contacts .contc .conr .clorm.on {
    display: block;
}

.contacts .contc .conr .cip {
    width: 100%;
    color: #111;
    line-height: 1.5;
}

.contacts .contc .conr .lx {
    width: .3rem;
    height: .03rem;
    display: block;
    margin: .2rem 0 .4rem;
    background-color: #ea5520;
}

.contacts .contc .conr .cinps {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.contacts .contc .conr .cinps p {
    color: #666;
    line-height: 1.8;
}

.contacts .contc .conr .cinps img {
    max-width: 100%;
}

.contacts .contc .conr .clormper {
    width: 100%;
    position: relative;
}

.contacts .contc .conr .clormper .swiper-slide {
    width: 100%;
    font-size: 0;
}

.contacts .contc .conr .clormper .certm {
    display: inline-block;
    vertical-align: top;
    width: calc(335 / 1070 * 100%);
    margin-right: calc(32 / 1070 * 100%);
    margin-bottom: .3rem;
    padding: .175rem;
    background-color: #f3f5f8;
}

.contacts .contc .conr .clormper .certm .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contacts .contc .conr .clormper .certm .imgs .img {
    width: 100%;
    height: 3rem;
    transition: all ease 0.5s;
}

.contacts .contc .conr .clormper .certm .cim {
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 1.5;
    height: 3em;
    margin-top: .1rem;
}

.contacts .contc .conr .clormper .certm:hover .imgs .img {
    transform: scale(1.1);
}

.contacts .contc .conr .clormper .certm:nth-child(3n) {
    margin-right: 0;
}

.contacts .contc .conr .clormper .swiper-container {
    padding-bottom: .15rem;
}

.contacts .contc .conr .clormper .swiper-scrollbar {
    bottom: 0;
}

.contacts .contc .conr .clormper .swiper-scrollbar-drag {
    background-color: #ea5520;
}

/* .historys {
  width: 100%;
  padding: 1.2rem 0;
}

.historys .hit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: .8rem;
}

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

.historys .histom .hil {
  display: inline-block;
  vertical-align: middle;
  width: calc(1450 / 1600 * 100%);
  height: 7.5rem;
  overflow: hidden;
}

.historys .histom .hil .swiper-container {
  height: 100%;
}

.historys .histom .hil .hilom {
  width: 100%;
  height: 7.5rem;
  display: flex;
  font-size: 0;
}

.historys .histom .hil .hml {
  display: inline-block;
  vertical-align: middle;
  width: calc(480 / 1450 * 100%);
  position: relative;
  overflow: hidden;
}

.historys .histom .hil .hml .img {
  width: 100%;
  position: relative;
  height: 7.5rem;
}

.historys .histom .hil .hml .hox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .6rem .5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.historys .histom .hil .hml .hox .hop, .historys .histom .hil .hml .hox .hob {
  width: 100%;
}

.historys .histom .hil .hml .hox .hm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.historys .histom .hil .hml .hox .hum {
  width: 100%;
  font-size: 0;
  margin: .2rem 0;
}

.historys .histom .hil .hml .hox .hum span {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.historys .histom .hil .hmrps {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  background-color: #f3f5f8;
}

.historys .histom .hil .homx {
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding: 0rem .8rem 0.4rem;
  background-color: #f3f5f8;
} */

/* .historys .histom .hil .homx .hmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  width: 100%;
  background-color: #f3f5f8;
  overflow: auto;
  padding: .6rem 0rem;
}

.historys .histom .hil .homx .hmr .year {
  width: 100%;
  color: #ea5520;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: .4rem;
}

.historys .histom .hil .homx .hmr .yitm {
  width: 100%;
}

.historys .histom .hil .homx .hmr .yitm .yit {
  width: 100%;
  color: #111;
  line-height: 1.5;
  padding-left: .42rem;
  position: relative;
  margin-bottom: .15rem;
}

.historys .histom .hil .homx .hmr .yitm .yit::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .2rem;
  height: .03rem;
  background-color: #ea5520;
}

.historys .histom .hil .homx .hmr .yitm .sinp {
  width: 100%;
  padding-left: .42rem;
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr{
  width: 100%;
  overflow: auto;
} */

/* .historys .histom .hil .homx .hmr::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
} */

/* .historys .histom .hil .homx::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr .yitm .sinp p {
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm + .yitm {
  margin-top: .4rem;
} */

/* .historys .histom .hil .homx .hmr::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
} */

/* .historys .histom .hir {
  display: inline-block;
  vertical-align: middle;
  width: calc(110 / 1600 * 100%);
  height: 7.5rem;
  background-color: #ea5520;
  font-size: 0;
  padding: .2rem 0;
  box-sizing: border-box;
}

.historys .histom .hir .btn {
  display: block;
  width: .3rem;
  height: .3rem;
  margin: 0 auto;
  opacity: 0.7;
  cursor: pointer;
  transition: all ease 0.5s;
}

.historys .histom .hir .btn img {
  width: 100%;
  display: block;
}

.historys .histom .hir .btn:hover {
  opacity: 1;
}

.historys .histom .hir .swiper-container {
  height: calc(100% - .6rem);
}

.historys .histom .hir .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .22rem;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  transition: all ease 0.5s;
}

.historys .histom .hir .swiper-slide.on {
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
} */


.historys {
    width: 100%;
    padding: 1.2rem 0;
}

.historys .hit {
    width: 100%;
    color: #111;
    font-weight: bold;
    margin-bottom: .8rem;
    position: relative;
}

.historys .hit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.historys .hit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.historys .histom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.historys .histom .hil {
    display: inline-block;
    vertical-align: middle;
    width: calc(1450 / 1600 * 100%);
    overflow: hidden;
    position: relative;
}

.historys .histom .hil .swiper-container {
    height: 100%;
}

.historys .histom .hil .hilom {
    width: 100%;
    display: flex;
    font-size: 0;
}

.historys .histom .hil .hml {
    display: inline-block;
    vertical-align: middle;
    width: calc(480 / 1450 * 100%);
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.historys .histom .hil .hml .img {
    width: 100%;
    position: relative;
    height: 7.5rem;
}

.historys .histom .hil .hml .hox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .6rem .5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.historys .histom .hil .hml .hox .hop,
.historys .histom .hil .hml .hox .hob {
    width: 100%;
}

.historys .histom .hil .hml .hox .hm {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.historys .histom .hil .hml .hox .hum {
    width: 100%;
    font-size: 0;
    margin: .2rem 0;
}

.historys .histom .hil .hml .hox .hum span {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.historys .histom .hil .hml.fixed {
    position: fixed;
    left: 50%;
    margin-left: calc(-800 / 1920 * 100vw);
    top: 1rem;
    width: calc(480 / 1920 * 100vw);
}

.historys .histom .hil .hml.bot {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    top: auto;
}

.historys .histom .hil .hmrps {
    display: inline-block;
    vertical-align: middle;
    width: calc(970 / 1450 * 100%);
    margin-left: calc(480 / 1450 * 100%);
}

.historys .histom .hil .homx {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding: 0rem .8rem;
    background-color: #f3f5f8;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.historys .histom .hil .homx .hmr {
    display: inline-block;
    vertical-align: middle;
    width: calc(970 / 1450 * 100%);
    width: 100%;
    background-color: #f3f5f8;
    overflow: auto;
    padding: .6rem 0rem;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.historys .histom .hil .homx .hmr .year {
    width: 100%;
    color: #ea5520;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: .4rem;
}

.historys .histom .hil .homx .hmr .yitm {
    width: 100%;
}

.historys .histom .hil .homx .hmr .yitm .yit {
    width: 100%;
    color: #111;
    line-height: 1.5;
    padding-left: .42rem;
    position: relative;
    margin-bottom: .15rem;
}

.historys .histom .hil .homx .hmr .yitm .yit::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .2rem;
    height: .03rem;
    background-color: #ea5520;
}

.historys .histom .hil .homx .hmr .yitm .sinp {
    width: 100%;
    padding-left: .42rem;
    color: #666;
    line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm .sinp p {
    color: #666;
    line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm+.yitm {
    margin-top: .4rem;
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hir {
    display: inline-block;
    vertical-align: middle;
    width: calc(110 / 1600 * 100%);
    height: 7.5rem;
    background-color: #ea5520;
    font-size: 0;
    padding: .2rem 0;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
}

.historys .histom .hir .btn {
    display: block;
    width: .3rem;
    height: .3rem;
    margin: 0 auto;
    opacity: 0.7;
    cursor: pointer;
    transition: all ease 0.5s;
}

.historys .histom .hir .btn img {
    width: 100%;
    display: block;
}

.historys .histom .hir .btn:hover {
    opacity: 1;
}

.historys .histom .hir .swiper-container {
    height: calc(100% - .6rem);
}

.historys .histom .hir .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .22rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: all ease 0.5s;
}

.historys .histom .hir .swiper-slide.on {
    font-size: .34rem;
    font-weight: bold;
    color: #fff;
}

.historys .histom .hir.fixed {
    position: fixed;
    right: 50%;
    margin-right: calc(-800 / 1920 * 100vw);
    top: 1rem;
    width: calc(110 / 1920 * 100vw);
}

.historys .histom .hir.bot {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    top: auto;
}

.honors {
    width: 100%;
    padding: 1.2rem 0;
}

.honors .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .8rem;
}

.honors .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
    position: relative;
}

.honors .hitop .hls:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.honors .hitop .hls:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.honors .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.honors .hitop .hrs .htm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .3rem;
    min-width: 2rem;
    text-align: center;
    line-height: .54rem;
    cursor: pointer;
    background-color: #f0f2f5;
    color: #666;
}

.honors .hitop .hrs .htm+.htm {
    margin-left: .3rem;
}

.honors .hitop .hrs .htm.on,
.honors .hitop .hrs .htm:hover {
    background-color: #ea5520;
    color: #fff;
}

.honors .hcoont {
    width: 100%;
    font-size: 0;
}

.honors .hcoont .hlokm {
    width: 100%;
    display: none;
}

.honors .hcoont .hlokm.on {
    display: block;
}

.honors .hcoont .classify {
    width: 100%;
    font-size: 0;
    margin-bottom: .35rem;
}

.honors .hcoont .classify .clam {
    display: inline-block;
    vertical-align: top;
    width: calc(202 / 1600 * 100%);
    margin-right: calc(31 / 1600 * 100%);
    margin-bottom: .15rem;
    cursor: pointer;
    text-align: center;
    padding: 0 .1rem;
    line-height: .54rem;
    color: #666;
    background-color: #f0f2f5;
}

.honors .hcoont .classify .clam.on,
.honors .hcoont .classify .clam:hover {
    background-color: #ea5520;
    color: #fff;
}

.honors .hcoont .classify .clam:nth-child(7n) {
    margin-right: 0;
}

.honors .hcoont .hlomklis {
    width: 100%;
    font-size: 0;
}

.honors .hcoont .hlomklis .pmgs {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.honors .hcoont .hlomklis .pmgs .img {
    width: 100%;
    height: 8rem;
}

.honors .hcoont .hlomklis .pmgs+.pmgs {
    margin-top: 0.2rem;
}

.honors .hcoont .hlomklis .pmgs img {
    width: 100%;
    display: block;
}

.honors .hcoont .hlomklis .hokm {
    display: inline-block;
    vertical-align: top;
    width: calc(370 / 1600 * 100%);
    margin-right: calc(32 / 1600 * 100%);
    margin-bottom: .3rem;
    padding: .2rem;
    background-color: #f3f5f8;
}

.honors .hcoont .hlomklis .hokm .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.honors .hcoont .hlomklis .hokm .imgs .img {
    width: 100%;
    height: 3rem;
    transition: all ease 0.5s;
}

.honors .hcoont .hlomklis .hokm .cim {
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 1.5;
    height: 3em;
    margin-top: .1rem;
}

.honors .hcoont .hlomklis .hokm:hover .imgs .img {
    transform: scale(1.1);
}

.honors .hcoont .hlomklis .hokm:nth-child(4n) {
    margin-right: 0;
}

.recrum {
    width: 100%;
    padding: 1.2rem 0 .8rem;
    position: relative;
}

.recrum .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .85rem;
    position: relative;
    z-index: 2;
}

.recrum .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
    position: relative;
}

.recrum .hitop .hls:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.recrum .hitop .hls:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.recrum .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.recrum .rcum {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.recrum .rcum .rul {
    display: inline-block;
    vertical-align: middle;
    width: calc(890 / 1600 * 100%);
    position: relative;
}

.recrum .rcum .rul .img {
    width: 100%;
    height: 6rem;
    position: relative;
    z-index: 3;
    bottom: .2rem;
    left: .2rem;
}

.recrum .rcum .rul:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 3.91rem;
    height: 4.18rem;
    background-color: #ea5520;
    bottom: 0;
    left: 0;
}

.recrum .rcum .rur {
    display: inline-block;
    vertical-align: middle;
    width: calc(600 / 1600 * 100%);
}

.recrum .rcum .rur .rinp {
    width: 100%;
    color: #666;
    line-height: 2;
    height: 6rem;
    overflow: auto;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.recrum .rcum .rur .rinp::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp p {
    color: #666;
    line-height: 2;
}

.recrum:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    background-color: #f3f5f8;
    right: 0;
    bottom: 0;
    top: 0;
}

.recurits {
    width: 100%;
    padding: .65rem 0;
}

.recurits .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
    position: relative;
    z-index: 2;
}

.recurits .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.recurits .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.recurits .hitop .hrs .form {
    width: 4.55rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #f0f2f5;
    text-align: left;
}

.recurits .hitop .hrs .form form {
    width: 100%;
    font-size: 0;
    padding: 0 .2rem;
}

.recurits .hitop .hrs .form form .int {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - .21rem);
    line-height: .54rem;
    height: .54rem;
    color: #333;
    background-color: transparent;
    border: none;
}

.recurits .hitop .hrs .form form .stn {
    display: inline-block;
    vertical-align: middle;
    width: .21rem;
    height: .21rem;
    position: relative;
}

.recurits .hitop .hrs .form form .stn img {
    width: 100%;
    height: 100%;
    display: block;
}

.recurits .hitop .hrs .form form .stn .sin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.recurits .recrtlis {
    width: 100%;
}

.recurits .recrtlis .rectim {
    width: 100%;
}

.recurits .recrtlis .rectim .ritlt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f5f5;
    padding: 0rem .6rem;
    cursor: pointer;
}

.recurits .recrtlis .rectim .ritlt .xm {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    line-height: .6rem;
}

.recurits .recrtlis .rectim .ritlt .rep {
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .16rem;
    text-align: center;
    font-size: 0;
}

.recurits .recrtlis .rectim .ritlt .rep span {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.recurits .recrtlis .rectim .ritlt .rep span img {
    width: 100%;
    height: 100%;
    display: block;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(1) {
    display: block;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(2) {
    display: none;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(3) {
    display: none;
}

.recurits .recrtlis .rectim .recons {
    width: 100%;
    background-color: #f9fafb;
    padding: .3rem .6rem;
    display: none;
}

.recurits .recrtlis .rectim .recons .rim {
    width: 100%;
    font-size: 0;
}

.recurits .recrtlis .rectim .recons .rim .rm {
    display: inline-block;
    vertical-align: top;
    color: #555;
    line-height: 1.5;
    margin-right: .4rem;
    margin-bottom: .1rem;
}

.recurits .recrtlis .rectim .recons .reotm {
    width: 100%;
    margin: .4rem 0;
}

.recurits .recrtlis .rectim .recons .reotm .ritm {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.recurits .recrtlis .rectim .recons .reotm .ritm .rit {
    width: 100%;
    color: #ea5520;
    line-height: 1;
    margin-bottom: .2rem;
    padding-left: .12rem;
    border-left: solid .03rem #ea5520;
}

.recurits .recrtlis .rectim .recons .reotm .ritm .rinp {
    width: 100%;
    color: #555;
    line-height: 1.8;
}

.recurits .recrtlis .rectim .recons .reotm .ritm .rinp p {
    color: #555;
    line-height: 1.8;
}

.recurits .recrtlis .rectim .ritlt:hover {
    background-color: #ea5520;
}

.recurits .recrtlis .rectim .ritlt:hover .xm {
    color: #fff;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span {
    color: #fff;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(1) {
    display: none;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(2) {
    display: none;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(3) {
    display: block;
}

.recurits .recrtlis .rectim.show .ritlt {
    background-color: #ea5520;
}

.recurits .recrtlis .rectim.show .ritlt .xm {
    color: #fff;
}

.recurits .recrtlis .rectim.show .ritlt .rep span {
    color: #fff;
}

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(1) {
    display: none;
}

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(2) {
    display: block;
}

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(3) {
    display: none;
}

.recurits .recrtlis .rectim+.rectim {
    margin-top: .2rem;
}

.messaged {
    width: 100%;
    padding: 1.2rem 0;
    position: relative;
}

.messaged:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    background-color: #f3f5f8;
    bottom: 0;
    left: 0;
    width: calc(1625 / 1920 * 100%);
    height: 8.2rem;
}

.messaged .messom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.messaged .messom .mel {
    display: inline-block;
    vertical-align: middle;
    width: calc(840 / 1600 * 100%);
}

.messaged .messom .mel .mit {
    width: 100%;
    color: #111;
    font-weight: bold;
    margin-bottom: 1.2rem;
    position: relative;
}

.messaged .messom .mel .mit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.messaged .messom .mel .mit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.messaged .messom .mel .form {
    width: 100%;
}

.messaged .messom .mel .form form {
    width: 100%;
    display: block;
}

.messaged .messom .mel .form .fim {
    width: 100%;
    color: #666;
    line-height: 1.8;
    margin: .2rem 0;
}

.messaged .messom .mel .form .fim p {
    color: #666;
    line-height: 1.8;
}

.messaged .messom .mel .form .row {
    width: 100%;
    font-size: 0;
}

.messaged .messom .mel .form .row .stn {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    position: relative;
    margin-right: 0.15rem;
}

.messaged .messom .mel .form .row .stn .sotn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}

.messaged .messom .mel .form .row .input {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
}

.messaged .messom .mel .form .row .input input {
    width: 100%;
    display: block;
    background-color: #fff;
    margin-bottom: .24rem;
    border: none;
    padding: 0 .2rem;
    color: #333;
    line-height: .6rem;
    height: .6rem;
}

.messaged .messom .mel .form .row .input:nth-child(2n) {
    margin-right: 0;
}

.messaged .messom .mel .form .row .area {
    width: 100%;
    display: block;
    border: none;
    padding: .15rem;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    margin-bottom: .24rem;
}

.messaged .messom .mel .form .row .input.yzm {
    font-size: 0;
}

.messaged .messom .mel .form .row .input.yzm input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 1.25rem);
}

.messaged .messom .mel .form .row .input.yzm .get {
    display: inline-block;
    vertical-align: middle;
    background-color: #ea5520;
    width: 1.25rem;
    color: #fff;
    line-height: .6rem;
    text-align: center;
    cursor: pointer;
    margin-bottom: .24rem;
}

.messaged .messom .mel .rob {
    width: 100%;
    font-size: 0;
    margin-top: .3rem;
}

.messaged .messom .mel .rob .stn {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    position: relative;
}

.messaged .messom .mel .rob .stn span {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .12rem;
    margin-left: .28rem;
}

.messaged .messom .mel .rob .stn span img {
    width: 100%;
    display: block;
}

.messaged .messom .mel .rob .stn .stc {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
}

.messaged .messom .mer {
    display: inline-block;
    vertical-align: middle;
    width: calc(680 / 1600 * 100%);
    position: relative;
    overflow: hidden;
}

.messaged .messom .mer .img {
    width: 100%;
    height: 8rem;
}

.contactv {
    width: 100%;
    padding: 1.2rem 0 0;
}

.contactv .cit {
    width: 100%;
    color: #111;
    font-weight: bold;
    margin-bottom: .8rem;
    position: relative;
}

.contactv .cit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.contactv .cit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.contactv .types {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contactv .types .tyl {
    /* width: calc(1140 / 1920 * 100%);
  padding-left: 1.6rem; */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.contactv .types .tyl .ylom {
    display: inline-block;
    vertical-align: top;
    padding: .7rem 0;
    /* min-width: 6rem; */
    width: calc(500 / 1600 * 100%);
    margin-right: calc(49 / 1600 * 100%);
    background-color: #ffffff;
    box-shadow: 0px 0px 29px 0px #f3f5f8;
    border-radius: 6px;
    padding: 0.5rem;
    margin-bottom: 0.4rem;
}

.contactv .types .tyl .ylom:nth-child(3n) {
    margin-right: 0;
}

.contactv .types .tyl .ylom .yop {
    width: 100%;
    font-size: 0;
}

.contactv .types .tyl .ylom .yop .yc {
    display: inline-block;
    vertical-align: middle;
    width: .34rem;
    height: .34rem;
}

.contactv .types .tyl .ylom .yop .yc img {
    width: 100%;
    display: block;
}

.contactv .types .tyl .ylom .yop .ym {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    line-height: 1.5;
    padding-left: .1rem;
}

.contactv .types .tyl .ylom .ytt {
    width: 100%;
    color: #ea5520;
    line-height: 1.5;
    font-weight: bold;
    margin: .2rem 0;
}

.contactv .types .tyl .ylom .yum {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.contactv .types .tyl .ylom .yum p {
    color: #666;
    line-height: 1.5;
}

.contactv .types .tyr {
    display: inline-block;
    vertical-align: middle;
    width: calc(780 / 1920 * 100%);
    background-color: #ea5520;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 3.6rem;
}

.contactv .types .tyr .yrom {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.contactv .types .tyr .yrom .codm {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    background-color: #fff;
    padding: .15rem;
}

.contactv .types .tyr .yrom .codm .cm {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    margin: 0 auto .1rem;
    border: solid .01rem #eee;
}

.contactv .types .tyr .yrom .codm .cm img {
    width: 100%;
    display: block;
}

.contactv .types .tyr .yrom .codm .cp {
    width: 100%;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.contactv .types .tyr .yrom .codm+.codm {
    margin-left: .6rem;
}

.contactv .maps {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.contactv .maps .mal {
    display: inline-block;
    vertical-align: middle;
    width: calc(780 / 1920 * 100%);
}

.contactv .maps .mal .malom {
    width: 100%;
    display: none;
}

.contactv .maps .mal .malom.on {
    display: block;
}

.contactv .maps .mal .map {
    width: 100%;
    height: 4rem;
}

.contactv .maps .mar {
    display: inline-block;
    vertical-align: middle;
    width: calc(1140 / 1920 * 100%);
}

.contactv .maps .mar .marom {
    width: 100%;
    height: 2rem;
    padding: .1rem calc(160 / 1140 * 100%);
    background-color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.contactv .maps .mar .marom .miv {
    width: 100%;
    color: #111;
    font-weight: bold;
    line-height: 1.5;
}

.contactv .maps .mar .marom .lx {
    display: block;
    width: .3rem;
    height: .03rem;
    background-color: #ea5520;
    margin: .15rem 0 .2rem;
}

.contactv .maps .mar .marom .tom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.contactv .maps .mar .marom .tom .tk {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
    color: #666;
    line-height: 1.6;
    height: 3.2em;
    max-width: 3.7rem;
}

.contactv .maps .mar .marom .tom .tc {
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: .7rem;
}

.contactv .maps .mar .marom .tom .tc img {
    width: 100%;
    display: block;
}

.contactv .maps .mar .marom .tom .tc img:first-child {
    display: block;
}

.contactv .maps .mar .marom .tom .tc img:last-child {
    display: none;
}

.contactv .maps .mar .marom.on {
    background-color: #f3f5f8;
}

.contactv .maps .mar .marom.on .tom .tc img:first-child {
    display: none;
}

.contactv .maps .mar .marom.on .tom .tc img:last-child {
    display: block;
}

.service {
    width: 100%;
    padding: 1.2rem 0;
}

.service .cit {
    width: 100%;
    color: #111;
    font-weight: bold;
    margin-bottom: .6rem;
}

.service .classify {
    width: 100%;
    font-size: 0;
    margin-bottom: .35rem;
}

.service .classify .clam {
    display: inline-block;
    vertical-align: top;
    width: calc(202 / 1600 * 100%);
    margin-right: calc(31 / 1600 * 100%);
    margin-bottom: .15rem;
    cursor: pointer;
    text-align: center;
    padding: 0 .1rem;
    line-height: .54rem;
    color: #666;
    background-color: #f0f2f5;
}

.service .classify .clam.on,
.service .classify .clam:hover {
    background-color: #ea5520;
    color: #fff;
}

.service .classify .clam:nth-child(7n) {
    margin-right: 0;
}

.service .sercens {
    width: 100%;
}

.service .sercens .serom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service .sercens .serom .sel {
    display: inline-block;
    vertical-align: middle;
    width: calc(500 / 1600 * 100%);
    background-color: #f3f5f8;
    border-radius: .05rem;
    padding: 0 .4rem;
    height: 3.5rem;
}

.service .sercens .serom .sel .sit {
    width: 100%;
    color: #333;
    line-height: .7rem;
    border-bottom: solid .01rem #dfe4ec;
}

.service .sercens .serom .sel .sul {
    width: 100%;
    padding: .3rem 0;
}

.service .sercens .serom .sel .sul .sli {
    width: 100%;
    font-size: 0;
}

.service .sercens .serom .sel .sul .sli .sc {
    display: inline-block;
    vertical-align: top;
    width: .18rem;
    height: .18rem;
    margin-right: .15rem;
    line-height: 1.5;
    margin-top: calc(0.75em - .09rem);
}

.service .sercens .serom .sel .sul .sli .sc img {
    width: 100%;
    display: block;
}

.service .sercens .serom .sel .sul .sli .sm {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - .33rem);
    color: #666;
    line-height: 1.5;
    height: 3em;
}

.service .sercens .serom .sel .sul .sli+.sli {
    margin-top: .05rem;
}

.service .sercens .serom .ser {
    display: inline-block;
    vertical-align: middle;
    width: calc(1060 / 1600 * 100%);
    background-color: #f3f5f8;
    border-radius: .05rem;
    padding: 0 .4rem;
}

.service .sercens .serom .ser .sit {
    width: 100%;
    color: #333;
    line-height: .7rem;
    border-bottom: solid .01rem #dfe4ec;
}

.service .sercens .serom .ser .seul {
    width: 100%;
    height: calc(3.2rem - .7rem);
    overflow: auto;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.service .sercens .serom .ser .seul::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul .seli {
    width: 100%;
    font-size: 0;
    border-bottom: solid .01rem #d8dde6;
}

.service .sercens .serom .ser .seul .seli span {
    display: inline-block;
    vertical-align: middle;
    line-height: .6rem;
    color: #666;
}

.service .sercens .serom .ser .seul .seli .dy {
    width: 2rem;
}

.service .sercens .serom .ser .seul .seli .name {
    width: 1rem;
}

.service .sercens .serom .ser .seul .seli .num {
    width: 2rem;
}

.service .sercens .serom .ser .seul .seli .place {
    width: 4.5rem;
}

.service .sercens .serom+.serom {
    margin-top: .4rem;
}

.afters {
    width: 100%;
    padding: 1.2rem 0;
    background-color: #f3f5f8;
}

.afters .cit {
    width: 100%;
    color: #111;
    font-weight: bold;
    margin-bottom: .8rem;
    position: relative;
}

.afters .cit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.afters .cit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.afters .form {
    width: 100%;
}

.afters .form form {
    width: 100%;
    display: block;
}

.afters .form .fim {
    width: 100%;
    color: #666;
    line-height: 1.8;
    margin: .2rem 0;
}

.afters .form .fim p {
    color: #666;
    line-height: 1.8;
}

.afters .form .row {
    width: 100%;
    font-size: 0;
}

.afters .form .row .input {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
}

.afters .form .row .input input {
    width: 100%;
    display: block;
    background-color: #fff;
    margin-bottom: .24rem;
    border: none;
    padding: 0 .2rem;
    color: #333;
    line-height: .6rem;
    height: .6rem;
}

.afters .form .row .input:nth-child(2n) {
    margin-right: 0;
}

.afters .form .row .area {
    width: 100%;
    display: block;
    border: none;
    padding: .15rem;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    margin-bottom: .24rem;
}

.afters .form .row .input.yzm {
    font-size: 0;
}

.afters .form .row .input.yzm input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 2.009rem);
}

.afters .form .row .input.yzm .code {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    text-align: center;
    cursor: pointer;
    margin-bottom: .24rem;
}

.afters .form .row .input.yzm .code img {
    width: 100%;
    display: block;
}

.afters .rob {
    width: 100%;
    font-size: 0;
    margin-top: .5rem;
}

.afters .rob .stn {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    position: relative;
}

.afters .rob .stn span {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .12rem;
    margin-left: .28rem;
}

.afters .rob .stn span img {
    width: 100%;
    display: block;
}

.afters .rob .stn .stc {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
}

.afters .rob .san {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    background-color: #ea5520;
    color: #fff;
    line-height: .6rem;
    margin-right: .6rem;
    text-align: center;
    cursor: pointer;
}

.afters .rob .san span {
    display: inline-block;
    vertical-align: middle;
    width: .29rem;
    height: .29rem;
    margin-right: .2rem;
}

.afters .rob .san span img {
    width: 100%;
    display: block;
}

.afters .xm {
    width: 100%;
    color: #999;
    line-height: 1.8;
    margin-top: .08rem;
}

.afters .rix {
    width: 100%;
    font-size: 0;
    margin: .2rem 0;
}

.afters .rix .chox {
    width: 100%;
    font-size: 0;
}

.afters .rix .chox .choxm {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    background-color: #ffffff;
    line-height: 1.4rem;
    text-align: center;
    margin-right: .2rem;
    margin-bottom: .1rem;
    font-size: .4rem;
    color: #999;
}

.afters .rix .chox .choxm input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    filter: alpha(opacity=0);
}

.afters .rix .chox .choxm .c-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.afters .rix .chox .choxm .c-delete {
    width: .22rem;
    height: .22rem;
    line-height: .22rem;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 10;
    cursor: pointer;
    box-sizing: border-box;
}

.afters .rix .chox .choxm .c-delete img {
    width: 100%;
    display: block;
}

.afters .rix .chox .tip {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
    color: #888;
}

.questions {
    width: 100%;
    padding: 1.2rem 0;
    background-color: #f3f5f8;
}

.questions .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .8rem;
}

.questions .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
    position: relative;
}

.questions .hitop .hls:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.questions .hitop .hls:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}



.questions .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.questions .hitop .hrs .htm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .3rem;
    min-width: 2rem;
    text-align: center;
    line-height: .54rem;
    cursor: pointer;
    background-color: #f0f2f5;
    color: #666;
}

.questions .hitop .hrs .htm+.htm {
    margin-left: .3rem;
}

.questions .hitop .hrs .htm.on,
.questions .hitop .hrs .htm:hover {
    background-color: #ea5520;
    color: #fff;
}

.questions .hcoont {
    width: 100%;
}

.questions .hcoont .hlokm {
    width: 100%;
    display: none;
}

.questions .hcoont .hlokm.on {
    display: block;
}

.questions .blemlist {
    width: 100%;
    font-size: 0;
}

.questions .blemlist .bleam {
    width: 100%;
}

.questions .blemlist .bleam .bitop {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0rem .4rem;
}

.questions .blemlist .bleam .bitop .icon {
    display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
}

.questions .blemlist .bleam .bitop .icon img {
    width: 100%;
    display: block;
}

.questions .blemlist .bleam .bitop .icon img:first-child {
    display: block;
}

.questions .blemlist .bleam .bitop .icon img:last-child {
    display: none;
}

.questions .blemlist .bleam .bitop .cm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .3rem;
    flex: 1;
    color: #333;
    line-height: .6rem;
}

.questions .blemlist .bleam .bitop .rep {
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .16rem;
    text-align: center;
    font-size: 0;
}

.questions .blemlist .bleam .bitop .rep span {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.questions .blemlist .bleam .bitop .rep span img {
    width: 100%;
    height: 100%;
    display: block;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(1) {
    display: block;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(2) {
    display: none;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(3) {
    display: none;
}

.questions .blemlist .bleam .becont {
    width: 100%;
    padding: .4rem;
    font-size: 0;
    display: none;
    background-color: #fff;
}

.questions .blemlist .bleam .becont .ica {
    display: inline-block;
    vertical-align: top;
    width: .24rem;
    height: .24rem;
}

.questions .blemlist .bleam .becont .ica img {
    width: 100%;
    display: block;
}

.questions .blemlist .bleam .becont .rinp {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - .24rem);
    padding-left: .3rem;
    color: #666;
    line-height: 1.6;
}

.questions .blemlist .bleam .becont .rinp p {
    color: #666;
    line-height: 1.6;
}

.questions .blemlist .bleam.on .bitop {
    background-color: #ea5520;
}

.questions .blemlist .bleam.on .bitop .icon img:first-child {
    display: none;
}

.questions .blemlist .bleam.on .bitop .icon img:last-child {
    display: block;
}

.questions .blemlist .bleam.on .bitop .cm {
    color: #fff;
}

.questions .blemlist .bleam.on .bitop .add {
    color: #fff;
}

.questions .blemlist .bleam.on .bitop .rep span {
    color: #fff;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(1) {
    display: none;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(2) {
    display: block;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(3) {
    display: none;
}

.questions .blemlist .bleam+.bleam {
    margin-top: .2rem;
}

.downers {
    width: 100%;
    padding: 1.2rem 0;
    background-color: #f3f5f8;
}

.downers .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .8rem;
}

.downers .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
    position: relative;
}

.downers .hitop .hls:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.downers .hitop .hls:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.downers .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.downers .hitop .hrs .htm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .3rem;
    min-width: 2rem;
    text-align: center;
    line-height: .54rem;
    cursor: pointer;
    background-color: #f0f2f5;
    color: #666;
}

.downers .hitop .hrs .htm+.htm {
    margin-left: .3rem;
}

.downers .hitop .hrs .htm.on,
.downers .hitop .hrs .htm:hover {
    background-color: #ea5520;
    color: #fff;
}

.downers .hcoont {
    width: 100%;
}

.downers .hcoont .hlokm {
    width: 100%;
    display: none;
}

.downers .hcoont .hlokm.on {
    display: block;
}

.downers .dowam {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}

.downers .dowam .dol {
    display: inline-block;
    vertical-align: middle;
    width: calc(530 / 1600 * 100%);
}

.downers .dowam .dol .dolm {
    width: 100%;
    display: none;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.downers .dowam .dol .dolm.on {
    display: block;
}

.downers .dowam .dol .img {
    width: 100%;
    height: 100%;
    display: block;
}

.downers .dowam .dor {
    display: inline-block;
    vertical-align: middle;
    width: calc(1070 / 1600 * 100%);
    padding: .5rem .4rem .5rem .6rem;
}

.downers .dowam .dor .fim {
    width: 100%;
    color: #666;
    line-height: 1.8;
    margin: .2rem 0;
}

.downers .dowam .dor .fim p {
    color: #666;
    line-height: 1.8;
}

.downers .dowam .dor .cinps {
    width: 100%;
    height: 4.9rem;
    overflow: auto;
    font-size: 0;
    padding-right: .2rem;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.downers .dowam .dor .cinps::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
    background: rgba(234, 85, 32, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps::-webkit-scrollbar-track {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps .ciom {
    display: inline-block;
    vertical-align: top;
    width: calc(455 / 950 * 100%);
    margin-right: calc(39 / 950 * 100%);
    margin-bottom: .3rem;
    font-size: 0;
    background-color: #f3f5f8;
}

.downers .dowam .dor .cinps .ciom a {
    width: 100%;
    display: block;
}

.downers .dowam .dor .cinps .ciom .ic {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    background-color: #e6e9ed;
}

.downers .dowam .dor .cinps .ciom .ic img {
    width: 100%;
    display: block;
}

.downers .dowam .dor .cinps .ciom .ic img:first-child {
    display: block;
}

.downers .dowam .dor .cinps .ciom .ic img:last-child {
    display: none;
}

.downers .dowam .dor .cinps .ciom .iom {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 1rem);
    padding: .15rem .3rem;
}

.downers .dowam .dor .cinps .ciom .iom .it {
    width: 100%;
    color: #333;
    line-height: 1.6;
}

.downers .dowam .dor .cinps .ciom .iom .ix {
    width: 100%;
    color: #888;
    line-height: 1.5;
}

.downers .dowam .dor .cinps .ciom:hover .ic,
.downers .dowam .dor .cinps .ciom.on .ic {
    background-color: #ea5520;
}

.downers .dowam .dor .cinps .ciom:hover .ic img:first-child,
.downers .dowam .dor .cinps .ciom.on .ic img:first-child {
    display: none;
}

.downers .dowam .dor .cinps .ciom:hover .ic img:last-child,
.downers .dowam .dor .cinps .ciom.on .ic img:last-child {
    display: block;
}

.downers .dowam .dor .cinps .ciom:hover .iom .it,
.downers .dowam .dor .cinps .ciom.on .iom .it {
    color: #ea5520;
}

.downers .dowam .dor .cinps .ciom:nth-child(2n) {
    margin-right: 0;
}

.apps {
    width: 100%;
    padding: 1.2rem 0;
    background-color: #f3f5f8;
}

.apps .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.apps .hitop.mid {
    justify-content: center;
}

.apps .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.apps .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
}

.apps .applist {
    width: 100%;
    font-size: 0;
}

.apps .applist .appom {
    display: inline-block;
    vertical-align: top;
    width: calc(370 / 1600 * 100%);
    margin-right: calc(39 / 1600 * 100%);
    margin-bottom: .4rem;
    background-color: #fff;
    border-radius: .05rem;
    padding: .45rem;
}

.apps .applist .appom a {
    width: 100%;
    display: block;
}

.apps .applist .appom .codm {
    width: 2.3rem;
    height: 2.3rem;
    display: block;
    margin: 0 auto .15rem;
}

.apps .applist .appom .codm img {
    width: 100%;
    display: block;
}

.apps .applist .appom .dm {
    width: 100%;
    color: #333;
    line-height: 1.5;
    text-align: center;
}

.apps .applist .appom:nth-child(4n) {
    margin-right: 0;
}

.apps .applist .ainp {
    width: 100%;
    color: #333;
    line-height: 1.8;
}

.apps .applist .ainp p {
    color: #333;
    line-height: 1.8;
}

.feedback {
    width: 100%;
    padding: 1.2rem 0;
    background-color: #f3f5f8;
}

.feedback .fmg {
    width: 100%;
    margin: .6rem 0;
}

.feedback .fmg img {
    width: 100%;
    display: block;
}

.feedback .feeds {
    width: 100%;
}

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

.feedback .feeds .fel {
    display: inline-block;
    vertical-align: middle;
    width: calc(1076 / 1600 * 100%);
}

.feedback .feeds .fer {
    display: inline-block;
    vertical-align: middle;
    width: calc(484 / 1600 * 100%);
}

.feedback .feeds .row {
    width: 100%;
    font-size: 0;
}

.feedback .feeds .row .input {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
}

.feedback .feeds .row .input input {
    width: 100%;
    display: block;
    background-color: #fff;
    margin-bottom: .24rem;
    border: none;
    padding: 0 .2rem;
    color: #333;
    line-height: .6rem;
    height: .6rem;
}

.feedback .feeds .row .input:nth-child(2n) {
    margin-right: 0;
}

.feedback .feeds .row .area {
    width: 100%;
    display: block;
    border: none;
    padding: .15rem;
    line-height: 1.5;
    color: #333;
    height: 3.12rem;
    background-color: #fff;
    margin-bottom: .24rem;
}

.feedback .feeds .row .input.yzm {
    font-size: 0;
}

.feedback .feeds .row .input.yzm input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 2.009rem);
}

.feedback .feeds .row .input.yzm .code {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    text-align: center;
    cursor: pointer;
    margin-bottom: .24rem;
}

.feedback .feeds .row .input.yzm .code img {
    width: 100%;
    display: block;
}

.feedback .feeds .rix {
    width: 100%;
    font-size: 0;
    margin: .2rem 0;
}

.feedback .feeds .rix .chox {
    width: 100%;
    font-size: 0;
}

.feedback .feeds .rix .chox .choxm {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    background-color: #ffffff;
    line-height: 1.4rem;
    text-align: center;
    margin-right: .2rem;
    margin-bottom: .1rem;
    font-size: .4rem;
    color: #999;
}

.feedback .feeds .rix .chox .choxm input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    filter: alpha(opacity=0);
}

.feedback .feeds .rix .chox .choxm .c-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.feedback .feeds .rix .chox .choxm .c-delete {
    width: .22rem;
    height: .22rem;
    line-height: .22rem;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 10;
    cursor: pointer;
    box-sizing: border-box;
}

.feedback .feeds .rix .chox .choxm .c-delete img {
    width: 100%;
    display: block;
}

.feedback .feeds .rix .chox .tip {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
    color: #888;
}

.feedback .feeds .rob {
    width: 100%;
    font-size: 0;
    margin-top: .5rem;
    text-align: center;
}

.feedback .feeds .rob .stn {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    position: relative;
}

.feedback .feeds .rob .stn span {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .12rem;
    margin-left: .28rem;
}

.feedback .feeds .rob .stn span img {
    width: 100%;
    display: block;
}

.feedback .feeds .rob .stn .stc {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
}

.feedback .feeds .rob .san {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    background-color: #ea5520;
    color: #fff;
    line-height: .6rem;
    margin-right: .6rem;
    text-align: center;
    cursor: pointer;
}

.feedback .feeds .rob .san span {
    display: inline-block;
    vertical-align: middle;
    width: .29rem;
    height: .29rem;
    margin-right: .2rem;
}

.feedback .feeds .rob .san span img {
    width: 100%;
    display: block;
}

.scheme {
    width: 100%;
    padding: 1.2rem 0 0.2rem;
    background-color: #f3f5f8;
}

.scheme .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.scheme .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
    position: relative;
    margin-bottom: 0.4rem;
}

.scheme .hitop .hls:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.scheme .hitop .hls:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.scheme .hitop .hrs {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: left;
    margin-top: 0.15rem;
}

.scheme .hitop .hrs .htm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .15rem;
    /* min-width: 2rem; */
    width: 14em;
    text-align: center;
    line-height: .54rem;
    cursor: pointer;
    background-color: #fff;
    color: #666;
    margin-bottom: 0.1rem;
    width: calc((100% - 0.7rem) / 8);
    margin-right: 0.1rem;
}

.scheme .hitop .hrs .htm:nth-child(8n) {
    margin-right: 0;
}

.scheme .hitop .hrs .htm+.htm {
    /* margin-left: .3rem; */
}

.scheme .hitop .hrs .htm.on,
.scheme .hitop .hrs .htm:hover {
    background-color: #ea5520;
    color: #fff;
}

.scheme .hitop .hrs .htms {
    display: inline-block;
    vertical-align: middle;
}

.scheme .hitop .hrs .select {
    width: 2.7rem;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin-left: .3rem;
    text-align: left;
}

.scheme .hitop .hrs .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.scheme .hitop .hrs .select .select-con .select-value {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: .54rem;
    height: .54rem;
    color: #666;
    padding: 0 .2rem;
    background-color: #fff;
}

.scheme .hitop .hrs .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.scheme .hitop .hrs .select .select-con select option {
    color: #666;
    font-size: .16rem;
    line-height: 2.5;
    background: #fff;
}

.scheme .hitop .hrs .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: .12rem;
    height: .06rem;
    background-image: url("../images/x.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.scheme .hcoont {
    width: 100%;
}

.scheme .hcoont .hlokm {
    width: 100%;
    display: none;
}

.scheme .hcoont .hlokm.on {
    display: block;
}

.scheme .schemlist {
    width: 100%;
    font-size: 0;
}

.scheme .schemlist .seom {
    display: inline-block;
    vertical-align: top;
    /* width: calc(520 / 1600 * 100%);
  margin-right: calc(19 / 1600 * 100%); */
    width: calc((100% - 0.2rem) / 3);
    margin-right: 0.1rem;
    margin-bottom: .2rem;
}

.scheme .schemlist .seom .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.scheme .schemlist .seom .imgs .img {
    width: 100%;
    transition: all ease 0.5s;
    height: 3.2rem;
}

.scheme .schemlist .seom .som {
    width: 100%;
    background-color: #fff;
    padding: .3rem .4rem;
}

.scheme .schemlist .seom .som .pt {
    width: 100%;
    color: #333;
    line-height: 1.5;
}

.scheme .schemlist .seom .som .px {
    width: 100%;
    color: #888;
    line-height: 1.5;
    margin: .1rem 0;
}

.scheme .schemlist .seom .som .pic {
    width: 100%;
    font-size: 0;
}

.scheme .schemlist .seom .som .pic span {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    position: relative;
    left: 0;
}

.scheme .schemlist .seom .som .pic span img {
    width: 100%;
    display: block;
}

.scheme .schemlist .seom:nth-child(3n) {
    margin-right: 0;
}

.scheme .schemlist .seom:hover .imgs .img {
    transform: scale(1.1);
}

.scheme .schemlist .seom:hover .som .pt {
    color: #ea5520;
}

.scheme .schemlist .seom:hover .som .pic span {
    animation: ease-in-out left 1s;
}

@keyframes left {
    0% {
        left: 0;
    }

    50% {
        left: .15rem;
    }

    100% {
        left: 0;
    }
}

.scheme .caselist {
    width: 100%;
    font-size: 0;
}

.scheme .caselist .ceom {
    display: inline-block;
    vertical-align: top;
    width: calc(506 / 1600 * 100%);
    margin-right: calc(40 / 1600 * 100%);
    margin-bottom: .4rem;
}

.scheme .caselist .ceom .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.scheme .caselist .ceom .imgs .img {
    width: 100%;
    transition: all ease 0.5s;
    height: 2.85rem;
}

.scheme .caselist .ceom .com {
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height: .8rem;
    color: #333;
    padding: 0 0.2rem;
}

.scheme .caselist .ceom:nth-child(3n) {
    margin-right: 0;
}

.scheme .caselist .ceom:hover .imgs .img {
    transform: scale(1.1);
}

.scheme .caselist .ceom:hover .com {
    background-color: #ea5520;
    color: #fff;
}

.products {
    width: 100%;
    padding: 0.2rem 0;
    background-color: #f3f5f8;
}

.products .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.products .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.products .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.products .protlis {
    width: 100%;
    font-size: 0;
}

.products .protlis .pram {
    display: inline-block;
    vertical-align: top;
    width: calc(780 / 1600 * 100%);
    width: calc((100% - 0.1rem) / 2);
    margin-right: calc(39 / 1600 * 100%);
    margin-right: 0.1rem;
    /* width: 100%; */
    background-color: #fff;
    position: relative;
}

/* .products .protlis .pram+.pram{
  margin-top: 0.2rem;
} */

.products .protlis .pram a {
    width: 100%;
    display: block;
    padding: .2rem .6rem;
}

.products .protlis .pram .label {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: .5rem;
    background-color: #ea5520;
    color: #fff;
    padding: 0 .3rem;
}

.products .protlis .pram .prl {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 3.5rem);
}

.products .protlis .pram .prl .pip {
    width: 100%;
    color: #ea5420;
    line-height: 1.5;
}

.products .protlis .pram .prl .pt {
    width: 100%;
    color: #333;
    line-height: 1.5;
    font-weight: bold;
    margin: .15rem 0 .1rem;
}

.products .protlis .pram .prl .pic {
    width: 100%;
    color: #888;
    line-height: 1.5;
    height: 3em;
}

.products .protlis .pram .prl .pic p {
    color: #888;
    line-height: 1.5;
}

.products .protlis .pram .prl .ptn {
    width: 100%;
    font-size: 0;
    margin-top: .2rem;
}

.products .protlis .pram .prl .ptn span {
    display: inline-block;
    vertical-align: middle;
    width: .34rem;
    height: .34rem;
}

.products .protlis .pram .prl .ptn span img {
    width: 100%;
    display: block;
}

.products .protlis .pram .prl .ptn span img:first-child {
    display: block;
}

.products .protlis .pram .prl .ptn span img:last-child {
    display: none;
}

.products .protlis .pram .prr {
    display: inline-block;
    vertical-align: middle;
    width: 3.5rem;
    overflow: hidden;
    position: relative;
}

.products .protlis .pram .prr .img {
    width: 100%;
    height: 3.5rem;
    transition: all ease 0.5s;
}

.products .protlis .pram .pmgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.products .protlis .pram .pmgs .img {
    width: 100%;
    padding-top: 50%;
    transition: all ease 0.5s;
}

.products .protlis .pram:hover .prr .img {
    transform: scale(1.1);
}

.products .protlis .pram:hover .prl .ptn span img:first-child {
    display: none;
}

.products .protlis .pram:hover .prl .ptn span img:last-child {
    display: block;
}

.products .protlis .pram:nth-child(2n) {
    margin-right: 0;
}

.products .pronav {
    width: 100%;
    margin: .2rem 0;
    font-size: 0;
    text-align: right;
}

.products .pronav .ptm {
    /* display: inline-block;
  vertical-align: middle;
  padding: 0 .3rem;
  min-width: 0.1rem;
  text-align: center;
  line-height: .54rem;
  cursor: pointer;
  background-color: #fff;
  color: #666; */
    display: inline-block;
    vertical-align: middle;
    padding: 0.1rem 0.15rem;
    /* min-width: 2rem; */
    width: 14em;
    text-align: center;
    line-height: .54rem;
    cursor: pointer;
    background-color: #fff;
    color: #666;
    margin-bottom: 0.1rem;
    width: calc((100% - 0.5rem) / 6);
    margin-right: 0.1rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    justify-content: center;
}

.products .pronav .ptm:nth-child(6n) {
    margin-right: 0;
}

.products .pronav .ptm+.ptm {
    /* margin-left: .2rem; */
}

.products .pronav .ptm.on,
.products .pronav .ptm:hover {
    background-color: #ea5520;
    color: #fff;
}

.products .pronav .pron {
    width: 100%;
    font-size: 0;
    padding: 0.1rem 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.products .pronav .prons {
    width: 100%;
    font-size: 0;
}

.products .pronav .prons.fixed {
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    background-color: #f3f5f8;
    border-top: solid 1px #f1f1f1;
}

.products .hcoont {
    width: 100%;
}

.products .hcoont .hlokm {
    width: 100%;
    display: none;
}

.products .hcoont .hlokm.on {
    display: block;
}

.products .problis {
    width: 100%;
    font-size: 0;
}

.products .problis .prob {
    display: inline-block;
    vertical-align: middle;
    width: calc(380 / 1600 * 100%);
    /* margin-right: calc(26 / 1600 * 100%); */
    width: calc((100% - 0.3rem) / 4);
    margin-right: 0.1rem;
    margin-bottom: .1rem;
}

.products .problis .prob a {
    width: 100%;
    display: block;
}

.products .problis .prob .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.products .problis .prob .imgs .img {
    width: 100%;
    height: 3.7rem;
    transition: all ease 0.5s;
}

.products .problis .prob .hom {
    width: 100%;
    height: 1.05rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .3rem .4rem;
    align-content: center;
    margin-top: .01rem;
}

.products .problis .prob .hom .ht {
    width: 100%;
    color: #333;
    line-height: 1.5;
    text-align: left;
    transition: all ease 0.5;
}

.products .problis .prob .hom .hm {
    width: 100%;
    color: #888;
    line-height: 1.5;
    margin-top: .05rem;
    text-align: left;
    transition: all ease 0.5;
}

.products .problis .prob:hover .imgs .img {
    transform: scale(1.1);
}

.products .problis .prob:hover .hom {
    background-color: #ea5520;
}

.products .problis .prob:hover .hom .ht,
.products .problis .prob:hover .hom .hm,
.products .problis .prob:hover .hom .hm p {
    color: #fff;
    text-align: center;
}

.products .problis .prob:nth-child(4n) {
    margin-right: 0;
}

.petails {
    width: 100%;
    padding: 1.4rem 0 0.1rem;
}

.petails .petom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.petails .petom .pel {
    display: inline-block;
    vertical-align: middle;
    width: calc(594 / 1600 * 100%);
    position: relative;
    overflow: hidden;
    margin-left: calc(200 / 1600 * 100%);
}

.petails .petom .pel .img {
    width: 100%;
    height: 100%;
    display: block;
    height: 5.94rem;
}

.petails .petom .per {
    display: inline-block;
    vertical-align: middle;
    width: calc(690 / 1600 * 100%);
}

.petails .petom .per .pir {
    width: 100%;
    color: #333;
    line-height: 1.5;
}

.petails .petom .per .lx {
    background-color: #ea5520;
    width: .42rem;
    height: .03rem;
    display: block;
    margin: .15rem 0 .3rem;
}

.petails .petom .per .xinp {
    width: 100%;
    color: #666;
    line-height: 2;
}

.petails .petom .per .xinp p {
    color: #666;
    line-height: 2;
}

.petails .petom .per .share {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: auto;
}

.petails .petom .per .share span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 2;
    margin-right: .05rem;
}

.petails .petom .per .share .am {
    display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    margin: 0 .05rem;
}

.petails .petom .per .share .am img {
    width: 100%;
    display: block;
}

.petails .petom .per .ptns {
    width: 100%;
    font-size: 0;
    margin-top: .4rem;
}

.petails .petom .per .ptns .ptn {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    background-color: #fff;
    line-height: .6rem;
    padding: 0 .2rem;
    color: #333;
    margin-right: .18rem;
    text-align: center;
}

.petails .petom .per .ptns .ptn span {
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .22rem;
    margin-right: .07rem;
}

.petails .petom .per .ptns .ptn span img {
    width: 100%;
    display: block;
}

.petails .petom .per .ptns .ptn span img:first-child {
    display: block;
}

.petails .petom .per .ptns .ptn span img:last-child {
    display: none;
}

.petails .petom .per .ptns .ptn:hover {
    background-color: #ea5520;
    color: #fff;
}

.petails .petom .per .ptns .ptn:hover span img:first-child {
    display: none;
}

.petails .petom .per .ptns .ptn:hover span img:last-child {
    display: block;
}

.proshow {
    width: 100%;
    padding: .8rem 0;
}

.proshow .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.proshow .hitop.mid {
    justify-content: center;
}

.proshow .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.proshow .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.proshow .proshper {
    width: 100%;
}

.proshow .proshper .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.proshow .proshper .swiper-slide .img {
    width: 100%;
    padding-top: 100%;
    transition: all ease 0.5s;
}

.proshow .proshper .swiper-slide .sim {
    width: 100%;
    text-align: center;
    color: #555;
    line-height: 2;
    margin-top: .1rem;
}

.proshow .proshper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.interrelated {
    width: 100%;
    padding: .8rem 0;
    background-color: #f3f5f8;
}

.interrelated .hitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.interrelated .hitop .hls {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.interrelated .hitop .hrs {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.interrelated .interper {
    width: 100%;
}

.interrelated .interper .swiper-slide {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.interrelated .interper .swiper-slide a {
    width: 100%;
    display: block;
}

.interrelated .interper .swiper-slide .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.interrelated .interper .swiper-slide .imgs .img {
    width: 100%;
    height: 3.7rem;
    transition: all ease 0.5s;
}

.interrelated .interper .swiper-slide .hom {
    width: 100%;
    height: 1.05rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .3rem .4rem;
    align-content: center;
    margin-top: .01rem;
}

.interrelated .interper .swiper-slide .hom .ht {
    width: 100%;
    color: #333;
    line-height: 1.5;
    text-align: left;
    transition: all ease 0.5;
}

.interrelated .interper .swiper-slide .hom .hm {
    width: 100%;
    color: #888;
    line-height: 1.5;
    margin-top: .05rem;
    text-align: left;
    transition: all ease 0.5;
}

.interrelated .interper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.interrelated .interper .swiper-slide:hover .hom {
    background-color: #ea5520;
}

.interrelated .interper .swiper-slide:hover .hom .ht,
.interrelated .interper .swiper-slide:hover .hom .hm {
    color: #fff;
    text-align: center;
}

.cetails {
    width: 100%;
    padding: .8rem 0;
}

.cetails .cinp {
    width: 100%;
    color: #888;
    line-height: 1.5;
}

.cetails .cinp p {
    color: #888;
    line-height: 1.5;
}

.cetails .cinp img {
    max-width: 100%;
}

.rightnav {
    position: fixed;
    right: 0.2rem;
    bottom: 20%;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 0.5rem;
    z-index: 10;
}

.rightnav .ritm {
    flex: 1;
    display: block;
    font-size: 0;
    position: relative;
    background-color: #ea5520;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
}

.rightnav .ritm a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    right: 0;
    font-size: 0;
    width: 0.5rem;
}

.rightnav .ritm .atom {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
}

.rightnav .ritm .atom img {
    width: 100%;
    display: block;
}

.rightnav .ritm .vm {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: auto;
    transition: all ease 0.5s;
    width: 0;
}

.rightnav .ritm .codm {
    position: absolute;
    right: 110%;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    background-color: #fff;
    padding: 0.05rem;
    box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
    display: none;
}

.rightnav .ritm .codm img {
    width: 100%;
    display: block;
}

.rightnav .ritm.long {
    width: auto;
    background-color: #ea5520;
    border-radius: 0.3rem;
    border: solid 1px #ea5520;
    font-size: 0;
}

.rightnav .ritm.long a {
    width: auto;
    overflow-y: hidden;
    overflow-x: visible;
    font-size: 0;
}

.rightnav .ritm.long .atom img:first-child {
    display: none;
}

.rightnav .ritm.long .atom img:last-child {
    display: block;
}

.rightnav .ritm.long .vm {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.05rem;
    padding-right: 0.15rem;
}

.rightnav .ritm+.ritm {
    margin-top: 0.1rem;
}

.rightnav .ritm:hover .codm {
    display: block;
}


/*弹出层相关*/
.c-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    line-height: 1.43;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-btn:hover {
    color: #fff;
}

.c-blue {
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

.c-blue:hover {
    background-color: #0b5ed7;
    border-color: #0b5ed7;
}

.c-white {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    transition: all .3s;
}

.c-white:hover,
.c-white:focus,
.c-white:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.hn-tip {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 987654321;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip .hn-mask {
    background-color: transparent;
}

.hn-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    padding: 12px 25px;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-tip.show .hn-msg {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-load {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-load-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-load-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-image: url(../images/load.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.hn-load-title {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.hn-load.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-load.show .hn-load-cont {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-confirm {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-confirm-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-confirm-title {
    padding: 0 80px 0 20px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-confirm-cont {
    width: 100%;
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
}

.hn-confirm-btns {
    text-align: right;
    padding: 0 15px 12px;
    user-select: none;
    font-size: 0;
}

.hn-confirm-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-confirm-close:hover {
    opacity: 0.7;
}

.hn-confirm-btns .c-btn {
    margin-left: 10px;
}

.hn-confirm-btns .c-btn:first-child {
    margin-left: 0;
}

.hn-confirm.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-confirm.show .hn-confirm-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-html {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-html-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-html-title {
    padding: 0 80px 0 10px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-html-cont {
    width: 100%;
    position: relative;
    padding: 10px;
    line-height: 24px;
    word-break: break-all;
    overflow: auto;
    font-size: 14px;
}

.hn-html-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-html-close:hover {
    opacity: 0.7;
}

.hn-html.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-html.show .hn-html-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.popom {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.popom .pox {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 0.1rem;
    transform: translate(-50%, -50%);
    z-index: 11;
    padding: 0.6rem 0.4rem;
    width: 8rem;
    max-width: 90%;
}

.popom .pox .ptop {
    width: 100%;
    margin-bottom: 0.3rem;
}

.popom .pox .ptop .pit {
    width: 100%;
    color: #333;
    line-height: 1.5;
}

.popom .pox .ptop .pim {
    width: 100%;
    color: #333;
    line-height: 1.5;
}

.popom .pox .form {
    width: 100%;
    font-size: 0;
}

.popom .pox .form form {
    width: 100%;
    display: block;
}

.popom .pox .form .row {
    width: 100%;
    font-size: 0;
}

.popom .pox .form .row .input {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.15rem;
}

.popom .pox .form .row .input input {
    width: 100%;
    display: block;
    color: #333;
    padding: 0 0.2rem;
    line-height: 3;
    height: 3em;
    border: solid 1px #e5e5e5;
    background-color: #fff;
}

.popom .pox .form .row .input:nth-child(2n) {
    margin-right: 0;
}

.popom .pox .form .rob {
    width: 100%;
    font-size: 0;
    margin-top: 0.3rem;
}

.popom .pox .form .rob .stn {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 0.35rem;
}

.popom .pox .form .rob .stn input {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 0.5rem;
    color: #fff;
    background-color: #ea5520;
    cursor: pointer;
    line-height: 3;
    height: 3em;
    border: none;
}

.popom .pox .form .rob .reset {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.5rem;
    background-color: #f1f1f1;
    color: #333;
    width: auto;
    line-height: 3;
    cursor: pointer;
}

.popom .pox .close {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    cursor: pointer;
    color: #333;
    font-weight: bold;
    z-index: 11;
}

.gengduo {
    display: block;
    margin: 0.2rem auto;
    width: 2rem;
    background-color: #ea5520;
    color: #fff;
    line-height: 3;
    text-align: center;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all ease 0.5s;
}

.gengduo:hover {
    top: -0.05rem;
}



.appsv {
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: 1.2rem 0 1rem;
}

.appsv .aplbg {
    position: absolute;
    z-index: 1;
    width: calc(500 / 1920 * 100%);
    background-color: #f3f5f8;
    height: 100%;
    left: 0;
    top: 0;
}

.appsv .w1600 {
    position: relative;
    z-index: 3;
}

.appsv .newapp {
    width: 100%;
    font-size: 0;
    position: relative;
}

.appsv .newapp .nel {
    display: inline-block;
    vertical-align: top;
    width: calc(340 / 1600 * 100%);
    margin-right: calc(79 / 1600 * 100%);
}

.appsv .newapp .nel .neuls {
    width: 100%;
    padding-right: 0.8rem;
}

.appsv .newapp .nel .neuls .am {
    width: 100%;
}

.appsv .newapp .nel .neuls .am a {
    width: 100%;
    display: block;
    background-color: #fff;
    color: #666;
    line-height: 3.3;
    text-align: center;
}

.appsv .newapp .nel .neuls .am.on a,
.appsv .newapp .nel .neuls .am:hover a {
    background-color: #ea5520;
    color: #fff;
}

.appsv .newapp .nel .neuls .am+.am {
    margin-top: 0.3rem;
}

.appsv .newapp .nel .neuls.fixed {
    position: fixed;
    left: 50%;
    margin-left: calc(-800 / 1920 * 100vw);
    top: 1rem;
    width: calc(340 / 1920 * 100vw);
}

.appsv .newapp .nel .neuls.bot {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-right: 0;
    top: auto !important;
    margin-left: 0;
}

.appsv .newapp .nem {
    display: inline-block;
    vertical-align: top;
    width: calc(930 / 1600 * 100%);
    margin-right: calc(29 / 1600 * 100%);
}

.appsv .newapp .nem .nimp {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.appsv .newapp .nem .nimp p {
    color: #666;
    line-height: 1.8;
}

.appsv .newapp .nem .nimp img {
    max-width: 100%;
}

.appsv .newapp .nem .nliom {
    width: 100%;
    display: none;
}

.appsv .newapp .nem .nliom.on {
    display: block;
}

.appsv .newapp .ner {
    display: inline-block;
    vertical-align: top;
    width: calc(220 / 1600 * 100%);
}

.appsv .newapp .ner .negom {
    width: 100%;
    background-color: #f3f5f8;
    padding: 0 0.3rem;
}

.appsv .newapp .ner .negom .nerom {
    width: 100%;
    padding: 0.3rem 0;
}

.appsv .newapp .ner .negom .nerom .nop {
    width: 100%;
    font-size: 0;
}

.appsv .newapp .ner .negom .nerom .nop .nc {
    display: inline-block;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
}

.appsv .newapp .ner .negom .nerom .nop .nc img {
    width: 100%;
    display: block;
}

.appsv .newapp .ner .negom .nerom .nop .nm {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.34rem);
    color: #555;
    line-height: 1.5;
}

.appsv .newapp .ner .negom .nerom .cmd {
    width: 100%;
    margin: 0.15rem 0 0.1rem;
}

.appsv .newapp .ner .negom .nerom .cmd img {
    width: 100%;
    display: block;
}

.appsv .newapp .ner .negom .nerom .nam {
    width: 100%;
}

.appsv .newapp .ner .negom .nerom .nam a {
    width: 100%;
    display: block;
    background-color: #fff;
    color: #575757;
    line-height: 3.2;
    text-align: center;
    padding: 0 0.1rem;
}

.appsv .newapp .ner .negom .nerom .nam a:hover {
    background-color: #ea5520;
    color: #fff;
}

.appsv .newapp .ner .rlion {
    width: 100%;
    display: none;
}

.appsv .newapp .ner .rlion.on {
    display: block;
}

.appsv .newapp .ner .negom.fixed {
    position: fixed;
    right: 50%;
    margin-right: calc(-800 / 1920 * 100vw);
    top: 1rem;
    width: calc(220 / 1920 * 100vw);
}

.appsv .newapp .ner .negom.bot {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    top: auto;
}

.appsv .newapp .ndtm {
    width: 100%;
    height: 1.2rem;
}

.appsv .newapp .ndtm .nit {
    width: 100%;
    color: #111;
    font-weight: bold;
    position: relative;
    line-height: 1.3;
    position: relative;
}

.appsv .newapp .ndtm .nit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.appsv .newapp .ndtm .nit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem);
}

.appsv .newapp .ndtm .nip {
    width: 100%;
    color: #111;
    line-height: 1.6;
}



/*视频容器样式*/
.xv-a {
    position: fixed;
    left: 0;
    top: 120%;
    z-index: 188;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: top .5s ease-in-out;
}

.xv-a.show {
    top: 0;
}

.xv-a.show .xv-e {
    visibility: visible;
}

.xv-a.show .xv-f {
    display: block;
}

.xv-b {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -550px;
    margin-top: -300px;
    width: 1000px;
    height: 600px;
}

.xv-c {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #ea5520;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 10000;
}

.xv-d {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 21px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.xv-e {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.xv-f {
    display: none;
    width: 100%;
    height: 100%;
}

@media(max-width:1200px) {
    .xv-b {
        width: 90vw;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        transform: translate(-50%, -50%);
    }

    .xv-f {
        max-height: 90vh;
    }

    .xv-e {
        height: 60vh;
    }
}