@charset "UTF-8";

body {
    width: 100%;
    position: relative;
}

.w1800 {
    max-width: 93.75%;
    margin: 0 auto;
}

.w1440 {
    max-width: 75%;
    margin: 0 auto;
}

.m_img {
    display: none;
}

.textbold {
    font-weight: bold;
}

.maincon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.header-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

@media (max-width: 1024px) {
    .header-wrap {
        position: fixed;
        width: 100%;
    }
}

.header-wrap.index {
    position: fixed;
    left: 0;
    top: 0;
}

.header-wrap .header-con {
    height: 2.5rem;
    transition: all 0.5s ease 0s;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-wrap .header-con:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 0;
    background: #1a2259;
    opacity: 0.1;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.header-wrap .a_img {
    display: none;
}

.header-wrap .pc_nav_box {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 100%;
    z-index: 1;
}

.header-wrap .logo {
    height: 2.5rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
}

.header-wrap .logo img {
    max-width: 5.65rem;
}

.header-wrap .ricon .mall_link {
    color: #fff;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    position: relative;
}

.header-wrap .ricon .mall_link:before {
    content: '';
    position: absolute;
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(255, 255, 255, 0.5);
    right: -0.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap.down .ricon .mall_link:before {
    content: '';
    position: absolute;
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(26, 34, 89, 0.5);
    right: -0.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap.down .ricon .mall_link {
    color: #1a2259;
}

.header-wrap .ricon .mall_link span {
    margin-left: 5px;
}

.header-wrap .m_ricon .mall_link {
    display: inline-flex;
    align-items: center;
    font-size: 0.28rem;
    margin-right: 10px;
}

.header-wrap .m_ricon .mall_link img {
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px;
}

.header-wrap .pc_nav_box .pc_nav > li {
    margin: 0 0.5rem;
}

.header-wrap .pc_nav_box .a {
    font-size: 0.375rem;
    font-weight: bold;
    color: #fff;
}

.header-wrap .pc_nav_box .a:hover {
    color: #1a2259;
}

.header-wrap .pc_nav_box .pc_search {
    margin-left: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.header-wrap .pc_nav_box .pc_search:hover .b_img {
    display: none;
}

.header-wrap .pc_nav_box .pc_search:hover .a_img {
    display: block;
}

.header-wrap .pc_nav_box .pc_search:hover {
    transform: translateY(2px);
}

.header-wrap .ricon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    height: 2.5rem;
    color: #fff;
}

.header-wrap .ricon .store_up {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.header-wrap .ricon .store_up:hover {
    color: #1a2259;
}

.header-wrap .ricon .store_up:hover .b_img {
    display: none;
}

.header-wrap .ricon .store_up:hover .a_img {
    display: block;
}

.header-wrap .store_up img {
    margin-left: 7px;
}

.header-wrap .ricon .like {
    margin: 0 0.65rem;
    position: relative;
}

.header-wrap .ricon .like:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(26, 34, 89, 0.5);
    right: -0.3rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap .ricon .like:hover .b_img {
    display: none;
}

.header-wrap .ricon .like:hover .a_img {
    display: block;
}

.header-wrap .ricon .like:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(255, 255, 255, 0.5);
    left: -0.35rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap .ricon .like:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(255, 255, 255, 0.5);
    right: -0.35rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap .wecode .wecode_up {
    cursor: pointer;
    position: relative;
}

/*.header-wrap .wecode .wecode_up:before{
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    transform:translateX(-50%); 
    }*/

.header-wrap .wecode .wecode_up:hover .b_img {
    display: none;
}

.header-wrap .wecode .wecode_up:hover .a_img {
    display: block;
}

.header-wrap .wecode_option {
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    padding: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: 1.2rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.header-wrap .wecode_option:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    left: 50%;
    transform: translateX(-50%);
    top: -12px;
}

.header-wrap .wecode .wecode_up:hover + .wecode_option {
    top: 1rem;
    visibility: visible;
    opacity: 1;
}

.header-wrap .store_up {
    cursor: pointer;
    position: relative;
}

.header-wrap .store_query:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 1.5rem;
    right: 3rem;
    top: 1rem;
}

.header-wrap .store_option {
    width: 47.6%;
    background: #fff;
    box-sizing: border-box;
    padding: 1.1rem 2.25rem 1.25rem 1.5rem;
    right: -1rem;
    top: 2.5rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
    z-index: -1;
}

.header-wrap .store_query .store_option.cur {
    visibility: visible;
    right: 0;
    opacity: 1;
    z-index: 1;
}

.header-wrap .store_option .option_le {
    width: 50.5%;
    margin-right: 3rem;
    position: relative;
}

.header-wrap .store_option .option_le:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 3rem;
    background: #d7d7d7;
    top: 50%;
    transform: translateY(-50%);
    right: -2.5rem;
}

.header-wrap .store_option .option_ri {
    display: flex;
    align-items: center;
}

.header-wrap .store_option h3 {
    font-weight: bold;
    font-size: 0.65rem;
    color: #1a2259;
    margin-bottom: 0.25rem;
}

.header-wrap .store_option p {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.header-wrap .store_option .title {
    margin-bottom: 0.45rem;
}

.header-wrap .store_option .form_box {
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    box-sizing: border-box;
    border: 1px solid #d1d3de;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 0.4rem;
    color: #000;
    transition: all 0.3s ease 0s;
}

.header-wrap .store_option .form_box:hover {
    border: 1px solid #1a2259;
}

.header-wrap .store_option .form_box input {
    width: 100%;
}

.header-wrap .form_box input::-webkit-input-placeholder {
    color: #666;
}

.header-wrap .form_box input::-moz-input-placeholder {
    color: #666;
}

.header-wrap .form_box input::-ms-input-placeholder {
    color: #666;
}

.header-wrap .option_ri a {
    font-weight: bold;
    color: #666;
    display: block;
    margin-right: 0.65rem;
    transition: 0s;
}

.header-wrap .option_ri a:hover {
    color: #1a2259;
}

.header-wrap .form_box .img {
    width: 3rem;
    height: 3rem;
    border: 1px solid #ccc;
}

.header-wrap.down.index .header-con {
    border-bottom: none;
}

.header-wrap.down.index .b_img {
    display: none;
}

.header-wrap.down.index .a_img {
    display: block;
}

.header-wrap.down.index .pcnav_box .a_img {
    display: none;
}

.header-wrap.down.index .header-con {
    background: #fff;
}

.header-wrap.down.index .header-con:before {
    width: 100%;
}

.header-wrap.down.index .pc_nav_box .a {
    color: #1a2259;
}

.header-wrap.down.index .ricon {
    color: #1a2259;
}

.header-wrap.down.index .ricon .like:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(26, 34, 89, 0.5);
    left: -0.35rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap.down.index .ricon .like:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: rgba(26, 34, 89, 0.5);
    right: -0.3rem;
    top: 50%;
    transform: translateY(-50%);
}

.header-wrap.down.index .wecode_option {
    background: #1a2259;
}

.header-wrap.down.index .wecode_option:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #1a2259 transparent;
    left: 50%;
    transform: translateX(-50%);
    top: -12px;
}

/*-------------------*/
.inbanner {
    width: 100vw;
    /*height: 21.75rem;*/
    /*overflow: hidden;*/
}

.inbanner .banner-swiper {
    width: 100%;
    /*height: 100%;*/
    height: auto; 
}

.inbanner .swiper-slide {
    width: 100%;
    /*height: 100%;*/
     height: auto; 
    transition: all 0s ease 0s !important;
}

.inbanner .swiper-slide .backcover {
    width: 100%;
    height: auto;
    -transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}

.inbanner .swiper-slide-active .backcover {
    -transform: scale3d(1.051, 1.051, 1);
}

.inbanner .swiper-slide .link {
    display: inline-block;
    width: 3.7rem;
    height: 1.3rem;
    border-radius: 1.3rem;
    line-height: 1.3rem;
    color: #fff;
    font-size: 0.35rem;
    background: #f8b62b;
    margin-top: 2rem;
    text-align: center;
}

.inbanner .swiper-slide .w1440 {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: all 1s ease 0s;
}

.inbanner .swiper-slide-active .w1440 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.inbanner .swiper-slide.center .w1440 {
    text-align: center;
}

.inbanner .maincon {
    color: #fff;
    padding-top: 18%;
}

.inbanner .maincon h1 {
    font-size: 1.8rem;
    margin: 0.35rem 0 1rem;
}

.inbanner .maincon h3 {
    letter-spacing: 6px;
}

.inbanner .banner-pagination {
    bottom: 1.5rem;
}

.inbanner .banner-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255, 255, 255, 0.35);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 12px;
}

.inbanner .banner-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.inbanner .banner-next {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.5);
    right: 4%;
    border-radius: 50%;
}

.inbanner .banner-next:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../../web/img/swiper-r3.png')no-repeat center center;
    background-size: contain;
}

.inbanner .banner-prev {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.5);
    left: 4%;
    border-radius: 50%;
}

.inbanner .banner-prev:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../../web/img/swiper-l3.png')no-repeat center center;
    background-size: contain;
}

.inbanner .page_btn {
    right: 12.5%;
    bottom: 1.25rem;
    z-index: 2;
    color: #fff;
    display: flex;
    line-height: 1;
    align-items: flex-end;
}

.inbanner .page_btn .page_now {
    font-size: 0.75rem;
}

.inbanner .page_btn .line_box {
    width: 2rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 0.35rem;

    transform: translateY(-0.1rem);
    position: relative;
}

.inbanner .page_btn .line_box .line_move {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 2;
}

@keyframes linewidth {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.inbanner .page_btn .line_box.cur .line_move {
    width: 100%;

    animation: linewidth 4s linear 0s infinite;
}

.inbanner .page_btn .page_all {
    font-size: 0.35rem;
}

.inselect-wrap {
    /* height: 28rem; */
    padding-bottom: 2rem;
}

.inselect-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 12.5rem;
    background: #f6f6f6;
    left: 0;
    top: 0;
}

.inselect-wrap .select-box {
    z-index: 2;
    width: 100%;
}

.inselect-wrap .select-con {
    width: 87.5%;
    margin: 0 auto;
}

.inselect-wrap .select-tab {
    width: 100%;
    position: relative;
    z-index: 2;
}

.inselect-wrap .tab-swiper {
    width: 100%;
    padding-bottom: 8px;
}

.inselect-wrap .tab-swiper {
    width: 100%;
    box-sizing: border-box;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.inselect-wrap .tab-swiper .swiper-slide {
    width: 25%;
    height: 5rem;
    background: #f5f5f5;
    box-sizing: border-box;
    border-right: 1px solid rgba(0, 0, 0, 0.05);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    position: relative;
}

.inselect-wrap .tab-swiper .swiper-slide:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    border-width: 6px;
    bottom: -12px;
    left: 1rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.inselect-wrap .tab-swiper .swiper-slide:hover:before {
    display: none;
}

.inselect-wrap .tab-swiper .swiper-slide.cur:hover:before {
    display: block;
}

.inselect-wrap .tab-swiper p {
    color: #666;
    font-size: 0.35rem;
    font-weight: bold;
}

.inselect-wrap .tab-swiper .ico {
    margin-bottom: 0.5rem;
}

.inselect-wrap .tab-swiper .ico .a {
    display: none;
}

.inselect-wrap .tab-swiper img {
    max-height: 0.9rem;
}

.inselect-wrap .tab_next {
    display: none;
}

@media (max-width: 992px) {
    .inselect-wrap .tab_next {
        display: block;
    }
}

@media (min-width: 1024px) {
    .inselect-wrap .tab-swiper .swiper-slide:hover {
        background: #fff;
        box-shadow: 0 0 12px rgba(32, 33, 36, .28);
        z-index: 2;
    }

    .inselect-wrap .swiper-slide:hover .ico img {
        display: block;
    }

    .inselect-wrap .swiper-slide:hover .ico .a {
        display: none;
    }

    .inselect-wrap .tab-swiper .swiper-slide:hover p {
        color: #1a2259;
    }

    .inselect-wrap .tab-swiper .swiper-slide:hover:before {
        opacity: 1;
    }
}

.inselect-wrap .swiper-slide .ico img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.inselect-wrap .tab-swiper .swiper-slide.cur {
    background: #fff;
    box-shadow: 0 0 12px rgba(32, 33, 36, .28);
    z-index: 2;
}

.inselect-wrap .swiper-slide.cur .ico img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}

.inselect-wrap .swiper-slide:hover .ico img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}

.inselect-wrap .tab-swiper .swiper-slide.cur p {
    color: #1a2259;
}

.inselect-wrap .tab-swiper .swiper-slide.cur:before {
    opacity: 1;
}

.inselect-wrap .show-box {
    width: 100%;
    transform: translateY(-8px);
}

.inselect-wrap .show-box .show-swiper {
    width: 100%;
    height: auto;
}

.inselect-wrap .show-box .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.inselect-wrap .img-box .img-item img {
    width: 100%;
}

.inselect-wrap .swiper-slide .img-item {
    /* height: 100%; */
}

.inselect-wrap .swiper-slide .img-item.big {
    width: 69.047%;
}

.inselect-wrap .swiper-slide .img-item.big img {
    width: 100%;
}

.inselect-wrap .img-item .backcover {
    width: 100%;
    height: 100%;
    transition: all 0.8s ease 0s;
}

.inselect-wrap .img-box {
    width: 30.357%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inselect-wrap .img-box .img-item {
    height: auto;
}

.inselect-wrap .img-box .img-item:first-child {
    margin-bottom: .25rem;
}

.index_square {
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

.index_square .line {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 1s ease .1s;
}

.index_square .line2 {
    transition: all 1s ease .1s;
}

.index_square:hover .line1 {
    transform: rotateZ(360deg);
}

.index_square:hover .line2 {
    transform: rotateZ(-360deg);
}

.index_square.show-next:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1a2259;
    left: 50%;
    transform: translateX(-50%);
    top: 53%;
}

.index_square .text {
    display: none;
    left: 50%;
    transform: translateX(-50%);
    top: 0.65rem;
}

.inselect-wrap .show-swiper .swiper-wrapper {
    transition: all 0.35s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}

.inselect-wrap .show-next {
    background: none;
    left: -4.5rem;
    right: auto;
    display: none;
}

.inselect-wrap .item-con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
}

.inselect-wrap .img-item.big .item-con {
    padding: 1.75rem 0 0 2rem;
}

.inselect-wrap .img-item.big .title {
    margin-bottom: 1rem;
}

.inselect-wrap .img-item.big h2 {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.inselect-wrap .img-item.big p {
    font-size: 0.45rem;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 3px;
}

.inselect-wrap .swiper-slide .img-item.blue.big h2 {
    color: #1a2259;
}

.inselect-wrap .swiper-slide .img-item.blue.big p {
    color: #1a2259;
}

.index_more {
    display: block;
    padding-left: 0;
    position: relative;
}

.index_more:before {
    display: none;
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    transition: all 1s ease 0s;
}

.index_more.animated:before {
    width: 4.3rem;
}

.index_more:hover:before {
    width: 2.5rem;
}

.index_more span {
    color: #f8b62b;
    font-size: 12px;
}

.inselect-wrap .img-box .item-con {
    padding: 0 0 0.9rem 0.9rem;
    display: flex;
    align-items: flex-end;
}

.inselect-wrap .img-box h2 {
    font-size: 0.6rem;
    color: #fff;
    margin-bottom: 0.25rem;
}

.inselect-wrap .img-box p {
    font-size: 0.35rem;
    color: rgba(255, 255, 255, 0.7);
}

.inselect-wrap .img-box .blue h2 {
    color: #1a2259;
}

.inselect-wrap .img-box .blue p {
    color: #1a2259;
}

.ininfo-wrap {
    width: 100%;
    height: 25.5rem;
}

.ininfo-wrap .conle {
    padding-top: 2.7rem;
    width: 50.34%;
}

.ininfo-wrap .conri {
    width: 40.27%;
}

.ininfo-wrap .conri .con_box {
    width: calc(100% - 1.4rem);
    right: 0;
    top: 1.75rem;
}

.ininfo-wrap .conle h1 {
    color: #1a2259;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.ininfo-wrap .conle h1 img {
    margin-left: 0.75rem;
}

.ininfo-wrap .conle h3 {
    font-size: 0.5rem;
    color: #1a2259;
    margin-bottom: 0.3rem;
}

.ininfo-wrap .conle p {
    font-size: 12px;
    color: #999;
    opacity: 0.7;
}

.ininfo-wrap .conle .title {
    margin-bottom: 0.75rem;
}

.ininfo-wrap .conle .con-t {
    color: #666;
    line-height: 2.14;
    font-size: 0.35rem;
}

.ininfo-wrap .index_more {
    margin-top: 1.25rem;
    margin-left: 0%;
}

.ininfo-wrap .index_more:before {
    background: #1a2259;
    opacity: 0.25;
}

.ininfo-wrap .video_con {
    width: 100%;
    margin-top: 1.45rem;
}

.ininfo-wrap .video_con .backimg {
    width: 100%;
}

.ininfo-wrap .video_con .index_square {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ininfo-wrap .video_con .index_square {
    color: #f8b62b;
    font-size: 0.35rem;
    text-align: center;
    line-height: 3.15rem;
}

.ininfo-wrap .conri {
    width: 40.277%;
    position: relative;
    padding: 1.75rem 0 0 1.4rem;
}

.ininfo-wrap .conri .backblock {
    width: 100%;
    height: 15rem;
    left: 0;
    top: 0;
    background: #1a2259;
}

.ininfo-wrap .conri .title {
    margin-bottom: 0.6rem;
    color: #fff;
    font-size: 0.45rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 0.5rem;
}

.ininfo-wrap .conri .title:before {
    content: '';
    position: absolute;
    width: 9rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0;
}

.ininfo-wrap .conri .title img {
    margin-left: 0.45rem;
}

.ininfo-wrap .exhibition-swiper {
    width: 100%;
    height: 14.875rem;
}

.ininfo-wrap .exhibition-swiper .swiper-slide {
    width: 100%;
}

.ininfo-wrap .swiper-slide img {
    width: 100%;
}

.ininfo-wrap .exhibition-pagination {
    left: -0.8rem;
    bottom: 4rem;
}

.ininfo-wrap .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255, 255, 255, 0.25);
    width: 10px;
    height: 10px;
    display: block;
    margin: 8px 0 !important;
}

.ininfo-wrap .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.inlast-wrap {
    width: 100%;
    height: 18.5rem;
    color: #fff;
    text-align: center;
    padding-top: 5.5rem;
}

.inlast-wrap h1 {
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.inlast-wrap p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.inlast-wrap .title {
    margin-bottom: 1.25rem;
}

.inlinks {
    padding: 2rem 0 2.5rem;
}

.inlinks .link-swiper {
    width: 100%;
}

.inlinks .link-swiper .swiper-slide {
    width: 25%;
    height: 4rem;
    box-sizing: border-box;
    border-right: 1px solid #ebebeb;
}

.inlinks .link-swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.inlinks .link-swiper .swiper-slide img {
    transition: all 0.3s ease 0s;
}

.inlinks .link-swiper .swiper-slide:hover img {
    transform: translateY(2px);
}

.inlinks .link-swiper .swiper-slide:last-child {
    border-right: none;
}

.inlinks .link-swiper .swiper-slide img {
    max-height: 1.5rem;
}

.inlinks .link-swiper .swiper-slide h3 {
    margin: 0.8rem 0 0.35rem;
    color: #333;
    font-size: 0.4rem;
    font-weight: bold;
}

.inlinks .link-swiper .swiper-slide p {
    font-size: 12px;
    color: #666;
}

.sidebar-wrap {
    z-index: 50;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.sidebar-wrap .item {
    transition: all 0.75s ease 0s;
    cursor: pointer;
}

.sidebar-wrap .item .item_up {
    width: 1.4rem;
    height: 1.4rem;
    background: #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    transition: all 0.5s ease 0s;
}

.sidebar-wrap .item .a_img {
    display: none;
}

.sidebar-wrap .item:last-child .item_up {
    border-bottom: none;
}

.sidebar-wrap .item:hover .item_up {
    background: #3b4270;
}

.sidebar-wrap .item:hover img {
    display: none;
}

.sidebar-wrap .item:hover .a_img {
    display: block;
}

.sidebar-wrap .item_option {
    width: 4rem;
    text-align: center;
    line-height: 1.4rem;
    height: 1.4rem;
    background: #3b4270;
    color: #fff;
    left: 1.4rem;
    top: 0;
}

.sidebar-wrap .item_option:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background: rgba(255, 255, 255, 0.35);
    top: 15%;
    left: 0;
}

.sidebar-wrap .item:last-child:hover {
    transform: translateX(-4rem);
}

.footer-wrap {
    border-top: 1px solid #e5e5e5;
}

.footer-wrap .foot_top {
    padding: 0.75rem 0 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-wrap .foot_top .top_text {
    font-size: 12px;
}

.footer-wrap .foot_top .item {
    margin: 0 1.25rem;
    position: relative;
    text-align: center;
}
.footer-wrap .foot_top .item:nth-child(2)::before,
.footer-wrap .foot_top .item:first-child:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 2.25rem;
    background: #d6d6d6;
    top: 50%;
    right: -1.25rem;
    transform: translateY(-50%);
}

.footer-wrap .foot_top .top_text a {
    color: #666;
    display: inline-block;
    margin: 0 10px;
    font-weight: bold;
}

.footer-wrap .foot_top .top .item a {
    display: block;
    width: 4rem;
}
.footer-wrap .foot_top .top .item a p {
    font-family: "黑体";
}
.footer-wrap .foot_top .top_text a:hover {
    color: #1a2259 !important;
}

.footer-wrap .foot_top .form_box {
    width: 10.5rem;
    height: 1.15rem;
    line-height: 1.15rem;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    display: flex;
    margin: 0.6rem 0 0.65rem;
    transition: all 0.3s ease 0s;
}

.footer-wrap .foot_top .form_box:hover {
    border: 1px solid #1a2259;
}

.footer-wrap .foot_top .form_box:hover .sub_input {
    border-left: 1px solid #1a2259;
}

.footer-wrap .foot_top p {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

.footer-wrap .foot_top .top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-wrap .foot_top .top .ico {
    height: 2.5rem;
    margin-bottom: 8px;
}

.footer-wrap .foot_top .top .ico img {
}

.footer-wrap .foot_top .sub_input input {
    width: 100%;
    height: 100%;
    background: none;
}

.footer-wrap .form_box .text_input {
    width: 70%;
    box-sizing: border-box;
    padding: 0 4%;
}

.footer-wrap .form_box .sub_input {
    width: 2.7rem;
    height: 100%;
    border-left: 1px solid #d6d6d6;
    font-weight: bold;
    color: #666;
    position: relative;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
}

.footer-wrap .form_box .sub_input:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url('../../web/img/search_ico2.png')no-repeat center center;
    background-size: contain;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.footer-wrap .foot_main {
    background: #333;
    padding: 1.7rem 0 2.25rem;
}

.footer-wrap .foot_navlist {
    padding-bottom: 2.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-wrap .foot_navlist .back_top {
    right: 0;
    bottom: 0.75rem;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.footer-wrap .foot_navlist .back_top img {
    display: block;
    margin: 0 auto 10px;
    transition: all 0.3s ease 0s;
}

.footer-wrap .foot_navlist .back_top:hover img {
    transform: translateY(-2px);
}

.footer-wrap .foot_main .copyright {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.25);
}

.footer-wrap .foot_main .copyright a {
    color: rgba(255, 255, 255, 0.25);
}

.footer-wrap a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.footer-wrap .foot_main .foot_text {
    margin-top: 0.6rem;
}

.footer-wrap .foot_main .hot_line {
    font-size: 0.35rem;
    color: #fff;
}

.footer-wrap .foot_main .hot_line .tel {
    font-weight: bold;
}

.footer-wrap .navlist {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footer-wrap .navlist:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 1rem;
}

.footer-wrap .navlist .t {
    font-size: 0.35rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer-wrap .navlist .sub-list a {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.35rem;
}

.header-wrap .pc_nav_box .pcnav_box {
    background: #fff;
    width: 51vw;
    top: 1.7rem;
    box-sizing: border-box;
    padding: 1.1rem 0 1.1rem 1.2rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
    box-shadow: 0 4px 4px 0 rgba(32, 33, 36, .1);
}

.header-wrap .pc_nav_box .pcnav_box.right2 {
    left: -8vw;
}

.header-wrap .pc_nav_box .pcnav_box.right3 {
    left: -12vw;
}

.header-wrap .pc_nav_box .pc_nav > li:before {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 0.4rem;
    z-index: 2;
}

.header-wrap .pc_nav_box li .pcnav_box.cur {
    visibility: visible;
    opacity: 1;
    top: 1.5rem;
}

.header-wrap .pc_nav_box .pcnav_box:before {
    content: '';
    position: absolute;
    width: 3.75rem;
    height: 3px;
    background: #1a2259;
    top: 0;
    left: 0;
}

.header-wrap .pcnav_box .nav_title h3 {
    font-weight: bold;
    font-size: 0.65rem;
    margin-bottom: 0.25rem;
    color: #1a2259;
}

.header-wrap .pcnav_box .nav_title p {
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

.header-wrap .pcnav_box .pc_sublist {
    width: 45.9%;
    padding: 1rem 0.75rem 0.4rem 0.15rem;
    border-right: 1px solid #ebebeb;
}

.header-wrap .pcnav_box .sub_link {
    width: 45.8%;
    box-sizing: border-box;
}

.header-wrap .pcnav_box li {
    font-weight: bold;
    width: 48.2%;
    margin-bottom: 0.75rem;
}

.header-wrap .pcnav_box li a {
}

.header-wrap .pcnav_box li .ico {
    width: 0.5rem;
    text-align: center;
    margin-right: 0.3rem;
}

.header-wrap .pcnav_box li a {
    color: #666;
    font-size: 0.35rem;
}

.header-wrap .pcnav_box li .ico img {
    width: 15px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    filter: gray;
}

/*.header-wrap .pcnav_box li:hover img{
 display: none;
}
.header-wrap .pcnav_box li:hover .a_img{
 display: block;
 }*/
.header-wrap .pcnav_box li:hover a {
    color: #1a2259;
}

.header-wrap .sub_link .t {
    color: #1a2259;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
}

.header-wrap .sub_link .t img {
    transition: all 0.3s ease 0s;
    margin-left: 0.25rem;
}

.header-wrap .sub_link:hover .t img {
    transform: translateX(2px);
}

.header-wrap .sub_link .hoverimg {
    position: relative;
    padding-bottom: 49.18%;
}

.header-wrap .sub_link .hoverimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.nybanner {
    width: 100%;
    /*height: 18.75rem;*/
    color: #fff;
    text-align: center;
    position: relative;
    height: auto;
}

.nybanner .w1440 {
    padding-top: 9rem;
}

.nybanner .w1440 .tip {
    display: none;
}

.nybanner.engi .w1440 {
    display: none;
}

.nybanner h1 {
    font-size: 1.8rem;
    margin: 0.2rem 0 1.25rem;
    display: none;
}

.nybanner h2 {
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    display: none;
}

.nybanner .banner_swiper {
    width: 100%;
    height: 100%;
}

.nybanner .banner-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    right: 4%;
    background: rgba(255, 255, 255, 0.5);
}

.nybanner .banner-next:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../../web/img/swiper-r3.png')no-repeat center center;
    background-size: contain;
}

.nybanner .banner-prev {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    left: 4%;
    background: rgba(255, 255, 255, 0.5);
}

.nybanner .banner-prev:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../../web/img/swiper-l3.png')no-repeat center center;
    background-size: contain;
}

.nybanner .banner_swiper .banner-pagination {
    bottom: 1.25rem;
}

.nybanner .banner_swiper .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
    margin: 0 8px;
}

.nybanner .banner_swiper .swiper-pagination-bullet-active {
    background: #1a2259;
    border: 2px solid #1a2259;
}

.nybanner .conbox {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.conmain-wrap {
    padding-top: 0.6rem;
    padding-bottom: 2.5rem;
}

.conmain-wrap:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background: #e5e5e5;
    left: 50%;
    transform: translateX(-50%);
    top: 0.6rem;
    transition: all 1s ease 0s;
}

@media (min-width: 1024px) {
    .conmain-wrap.cur:before {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .conmain-wrap.cur:before {
        width: 100%;
    }

    .conmain-wrap:before {
        transition: all 0s ease 0s;
        width: 100% !important;
    }
}

/*左部固定*/
.conmain-wrap .conmain_le.fix {
    position: fixed;
    top: 0;
    left: 12.5%;
    width: 5.9rem;
}

.conmain-wrap .conmain_le.fix.poa {
    position: absolute;
    top: auto;
    left: 12.5%;
    width: 5.9rem;
    bottom: 0;
}

/*左部固定*/

.conmain-wrap .conmain_le {
    width: 16.666%;
    z-index: 2;
}

.conmain-wrap .conmain_le .con_title {
    width: 100%;
    height: 3rem;
    background: url('../../web/img/pro-titleback.jpg')no-repeat center center;
    background-size: cover;
    padding: 0.75rem 0.65rem 0;
}

.conmain-wrap .conmain_le .con_title .t {
    display: none;
}

.conmain-wrap .conmain_le .t {
    color: rgba(255, 255, 255, 0.5);
}

.conmain-wrap .conmain_le h3 {
    color: #fff;
    margin-top: 0.15rem;
    letter-spacing: 4px;
}

.conmain-wrap .conmain_le .list {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 6px;
    background: #e8e8ee;
}

.conmain-wrap .conmain_le li {
    width: 100%;
    height: 1.9rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    background: #f5f5f5;
    transition: all 0.3s ease 0s;

    padding: 0.65rem 0 0 0.9rem;
}

.conmain-wrap .conmain_le li a {
    display: block;
    width: 100%;
    height: 100%;
}

.conmain-wrap .conmain_le li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: url('../../web/img/pro_ico.png')no-repeat center center;
    background-size: contain;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
}

.conmain-wrap .conmain_le li:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 0%;
    background: #1a2259;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    opacity: 0;
}

.conmain-wrap .conmain_le .list .t {
    color: #000;
    margin-bottom: 0.1rem;
}

.conmain-wrap .conmain_le .list .en {
    font-size: 10px;
    color: #999;
    transform: scale(0.8)translateX(-0.6rem);
    display: none;
}

.conmain-wrap .conmain_le li.cur {
    background: #fff;
}

.conmain-wrap .conmain_le li.cur .t {
    color: #1a2259;
}

.conmain-wrap .conmain_le li.cur .en {
    color: #1a2259;
}

.conmain-wrap .conmain_le li.cur:before {
    background: url('../../web/img/pro_icoa.png')no-repeat center center;
    background-size: contain;
}

.conmain-wrap .conmain_le li.cur:after {
    height: 100%;
    opacity: 1;
}

.conmain-wrap .conmain_le li:hover {
    background: #fff;
}

.conmain-wrap .conmain_le li:hover .t {
    color: #1a2259;
}

.conmain-wrap .conmain_le li:hover .en {
    color: #1a2259;
}

.conmain-wrap .conmain_le li:hover:before {
    background: url('../../web/img/pro_icoa.png')no-repeat center center;
    background-size: contain;
}

.conmain-wrap .conmain_le li:hover:after {
    height: 100%;
    opacity: 1;
}

.conmain-wrap .conmain_ri {
    width: 80.5555%;
}

.conmain-wrap .conmain_ri .conmain_navbar {
    width: 100%;
    height: 1.45rem;
    line-height: 1.45rem;
    font-size: 12px;
    text-align: right;
    color: #999;
    position: relative;
    font-weight: normal;
}

.conmain-wrap .conmain_ri .conmain_navbar:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    left: -1rem;
    bottom: 0;
}

.conmain-wrap .conmain_ri .conmain_navbar a {
    color: #999;
}

.conmain-wrap .conmain_ri .conmain_navbar a:hover {
    color: #1a2259;
}

.conmain-wrap .conmain_ri .conmain_navbar a:last-child {
    color: #1a2259;
    font-weight: bold;
}

.product-wrap .product_title {
    width: 100%;
    height: 3.5rem;
    background: url('../../web/img/product_title_back.png')no-repeat left center;
    background-size: cover;
    padding: 0 0 0 1.25rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0.45rem;
    color: #1a2259;
}

.product-wrap .product_title img {
    max-width: 4rem;
}

.product-wrap .product_title .title {
    margin-right: 0.8rem;
    /* display: none; */
}

.product-wrap .product_title h2 {
    font-size: 0.9rem;
    margin-top: 0.15rem;
}

.product-wrap .proswiper-box {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0.8rem;
}

.product-wrap .proswiper-box .pro-pagination {
    bottom: 0.5rem;
}

.product-wrap .proswiper-box .swiper-pagination-bullet {
    opacity: 1;
    background: #1a2259;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.product-wrap .proswiper-box .swiper-pagination-bullet-active {
    width: 2.25rem;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 10px;
    background: #f5f5f5;
}

.pro_list li {
    width: 100%;
    height: 9.25rem;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    margin-bottom: 0.5rem;
}

.pro_list li:last-child {
    margin-bottom: 0;
}

.pro_list li .pro_le {
    padding: 1.5rem 2.75rem 0 1.5rem;
    height: 100%;
    float: left;
    width: 46.55%;
}

.pro_list li .pro_img {
    width: 53.45%;
    height: 100%;
    float: right;
}

.pro_list li:nth-child(2n) .pro_le {
    float: right;
}

.pro_list li:nth-child(2n) .pro_img {
    float: left;
}

.pro_list li .pro_img .backcover {
    width: 100%;
    height: auto;
}

.pro_list li h3 {
    font-size: 0.75rem;
    margin-bottom: 0.7rem;
    color: #1a2259;
}

.pro_list li .con-t {
    font-size: 0.35rem;
    line-height: 2.14;
    color: #333;
    /* height: 3rem; */
    /* overflow: auto; */
    overflow: hidden;
    /* text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; */
    height: 3rem;
}

@media (max-width: 1366px) {
    .pro_list li .pro_le {
        padding: 1rem 2.75rem 0 1.5rem;
    }

    /* .pro_list li .con-t {
    height: 3.3rem;
  } */
}

@media (max-width: 1024px) {
    /* .pro_list li .con-t {
    height: 3.4rem;
  } */
}

@media (max-width: 767px) {
    .pro_list li .con-t {
        height: auto;
        -webkit-line-clamp: 100;
    }
}

.pro_list li .pro_ico {
    right: 1.25rem;
    bottom: 0.75rem;
    max-width: 2.5rem;
}

.pro_detail {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 3.75rem;
    height: 1.15rem;
    background: #1a2259;
    color: #fff;
    font-size: 0.35rem;
    line-height: 1.15rem;
    text-align: center;
}

.pro_detail:hover {
    color: #fff;
}

.pro_detail img {
    margin-left: 0.45rem;
    transition: all 0.3s ease 0s;
}

.pro_detail:hover img {
    transform: translateX(2px);
}

.body {
    padding-top: 2.5rem;
}

.prode-wrap {
    padding-bottom: 2.5rem;
}

.prode-wrap .prode-navtitle {
    width: 100%;
    padding: 0.85rem 0 0.75rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.25rem;
}

.prode-wrap .prode-navtitle h2 {
    font-size: 1.2rem;
    color: #1a2259;
    margin-top: 0.45rem;
}

.prode-wrap .prode-navtitle .title {
    font-size: 12px;
    color: #999;
}

.prode-wrap .prode-navtitle .title a {
    color: #999;
}

.prode-wrap .prode-navtitle .title a:hover {
    color: #1a2259;
}

.prode-wrap .prode-navtitle .title a:last-child {
    color: #1a2259;
}

.prode-wrap .prode-navtitle .pic {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.prode-wrap .produce-box {
    margin-bottom: 1.5rem;
}

.prode-wrap .produce-box .produce_le {
    width: 50%;
}

.prode-wrap .produce_le .bigimg {
    width: 100%;
    margin-bottom: 0.35rem;
}

.prode-wrap .produce_le .big-swiper {
    width: 100%;
}

.prode-wrap .produce_le .big-swiper .swiper-slide {
    width: 100%;
    padding-bottom: 77.777%;
    position: relative;
}

.prode-wrap .produce_le .big-swiper img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.prosmall-box .small-swiper {
    width: 100%;
}

.half {
    width: 50%;
}

.prosmall-box .small-swiper .swiper-slide {
    width: 2.75rem;
    padding-bottom: 11.8%;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.prosmall-box .small-swiper .swiper-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    transition: all 1s ease 0s;
    z-index: 2;
}

.prosmall-box .small-swiper .swiper-slide.cur:before {
    background: rgba(0, 0, 0, 0.5);
}

.prosmall-box .small-swiper .swiper-slide:hover:before {
    background: rgba(0, 0, 0, 0.5);
}

.prosmall-box .small-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.prosmall-box .small-next {
    width: 10px;
    height: 21px;
    background: url('../../web/img/arrow-r3.png')no-repeat center center;
    background-size: contain;
    transition: all 0.3s ease 0s;
    top: 62%;
    right: 26%;
}

.half .prosmall-box .small-next {
    right: 6%;
}

.prosmall-box .small-next:hover {
    background: url('../../web/img/arrow-r3a.png')no-repeat center center;
    background-size: contain;
    transform: translateX(2px);
}

.prode-wrap .produce-box .produce_ri {
    width: 46.527%;
}

.prode-wrap .produce_ri .produce_name {
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0.75rem 0 0.5rem 0.85rem;
}

.prode-wrap .hover_con {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #f5f5f5;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.prode-wrap .hover_con.cur {
    opacity: 1;
    z-index: 2;
}

.prode-wrap .hover_con .img_con {
    height: 100%;
    width: 100%;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prode-wrap .hover_con img {
    max-width: 80%;
}

@media (max-width: 767px) {
    .prode-wrap .hover_con img {
        max-width: 60%;
    }
}

.prode-wrap .produce_name .hover_con {
    box-sizing: border-box;
    padding: 0.75rem 0 0.5rem 0.85rem;
}

.prode-wrap .produce_name .hover_con .cont_con {
    display: none;
}

.prode-wrap .produce_name .hover_con .t {
    font-size: 0.35rem;
    color: rgba(51, 51, 51, 0.5);
    margin-bottom: 0.2rem;
}

.prode-wrap .produce_name .hover_con h3 {
    color: #333 !important;
    font-size: 0.6rem;
}

.prode-wrap .produce_ri .produce_name h3 {
    color: #1a2259;
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
}

.prode-wrap .produce_ri .produce_name .con-t {
    color: #333;
    font-size: 0.35rem;
    line-height: 1.71;
}

.prode-wrap .produce_ri .produce_specs {
    height: auto;
    line-height: 1.6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0.5rem 0 0.5rem 0.75rem;
    color: rgba(51, 51, 51, 0.5);
    font-size: 0.35rem;
}

.prode-wrap .produce_ri .produce_specs span {
    display: block;
}

.prode-wrap .produce_ri .produce_specs .span {
    color: rgba(51, 51, 51, 1);
    margin-left: 0;
    margin-top: 0.2rem;
}

.prode-wrap .produce_ri .produce-list {
    padding: 0.5rem 0 0.5rem 0.75rem;
    border-bottom: 1px solid #d6d6d6;
}

.prode-wrap .produce_ri .produce-list .t {
    font-size: 0.35rem;
    margin-bottom: 0.375rem;
    color: rgba(51, 51, 51, 0.5);
}

.prode-wrap .produce_ri .produce-list li {
    width: 31.25%;
    height: 1.1rem;
    box-sizing: border-box;
    line-height: 1.1rem;
    padding-left: 0.4rem;
    font-size: 0.35rem;
    color: #333;
    border: 1px solid #d6d6d6;
    margin: 0 3.125% 0.5rem 0;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.prode-wrap .produce_ri .produce-list li:hover {
    background: #1a2259;
    color: #fff;
}

.prode-wrap .produce_ri .produce-list li:nth-child(3n) {
    margin-right: 0;
}

.prode-wrap .main_title {
    height: 2.25rem;
    line-height: 2.25rem;
    border-top: 1px solid #d6d6d6;
    font-size: 0.75rem;
    color: #1a2259;
    position: relative;
}

.prode-wrap .main_title:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 4px;
    background: #1a2259;
    left: 0;
    top: -1px;
}

.prode-wrap .prode_main .main-box {
    width: 100%;
    height: 11.25rem;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between;
}

.prode-wrap .prode_main {
    margin-bottom: 1.5rem;
}

.prode-wrap .prode_main li {
    margin-bottom: 0.75rem;
}

.prode-wrap .prode_main li:nth-child(2n) .main-box {
    flex-direction: row-reverse;
}

.prode-wrap .prode_main .main_le {
    width: 40%;
    height: 100%;
    padding: 0.9rem 0.75rem 0;
}

.prode-wrap .prode_main .main_img {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.prode-wrap .prode_main .main_img img {
    height: 100%;
}

@media (max-width: 767px) {
    .prode-wrap .prode_main .main_img img {
        height: auto;
    }
}

.prode-wrap .prode_main .main_le h3 {
    font-size: 0.6rem;
    color: #666;
    margin-bottom: 0.3rem;
}

.prode-wrap .prode_main .main_le .con-t {
    color: #666;
    line-height: 2.25;
    height: 9rem;
}

@media (max-width: 767px) {
    .prode-wrap .prode_main .main_le .con-t {
        height: auto;
    }
}

.prode-wrap .prode_show .list li {
    width: 15.25%;
    margin: 0 1.7% 0.65rem 0;
    font-size: 0.35rem;
    color: #333;
}

.prode-wrap .prode_show .list li:nth-child(6n) {
    margin-right: 0;
}

.prode-wrap .prode_show .list li .hoverimg {
    width: 100%;
    margin-bottom: 0.4rem;
    padding-bottom: 100%;
    position: relative;
}

.prode-wrap .prode_show .list li .hoverimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.conmain-wrap.brand {
    padding-top: 0.6rem;
    padding-bottom: 0;
}

.conmain-wrap.brand:after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 0.75rem);
    background: #e5e5e5;
    left: 12.5%;
    top: 0.75rem;
}

.anno-wrap .main-con {
    width: 100%;
    height: 11.8rem;
    padding: 1.6rem 1.9rem 0;
}

.anno-wrap .main-con img {
    margin-bottom: 0.5rem;
}

.anno-wrap .main-con .con-t {
    line-height: 1.875;
    color: #1a2259;
    box-sizing: border-box;
    padding-left: 2.5rem;
}

.develop-wrap {
    padding: 0.7rem 0 6.5rem;
    background: url('../../web/img/develop_back2.png')no-repeat left top;
}

.develop-wrap:before {
    content: '';
    position: absolute;
    width: 1.25rem;
    height: 100%;
    left: 0;
    top: 0;
    background: url('../../web/img/develop_line.png')repeat-y left top;
    background-size: contain;
}

.develop_list {
    margin-bottom: 1.5rem;
}

.develop_list li {
    width: 100%;
    box-sizing: border-box;
    padding: 0.65rem 0 0 2.6rem;
}

.develop_list li .item_pic {
    right: 0;
    top: 47%;
    transform: translateY(-50%);
    width: 31%;
    box-shadow: -4px 4px 4px 0 rgba(32, 33, 36, .2);
}

.develop_list li .item_title {
    height: 1rem;
    line-height: 1rem;
    display: flex;
    transform: translateX(-2.6rem);
}

.develop_list li .item_title .item_text {
    width: 8.25rem;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 0.75rem;
    color: #1f2552;
}

.develop_list li .item_title .item_text p {
    position: relative;
    z-index: 2;
}

.develop_list li .item_title .item_text:before {
    content: '';
    position: absolute;
    background: url('../../web/img/develop_back.png')no-repeat center center;
    background-size: cover;
    width: 112%;
    height: 161%;
    left: -8%;
    top: -1%;
}

.develop_list li .item_title .item_year {
    width: 2.6rem;
    height: 100%;
    background: #1a2259;
    text-align: center;
    color: #fff;
    font-size: 0.35rem;
    position: relative;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 2;
}

.develop_list li .item_title .item_year:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #1a2259 transparent transparent transparent;
    left: 12px;
    bottom: -8px;
}

.develop_list li .item_year span {
    font-size: 0.4rem;
}

.develop_list li .item_con {
    min-height: 4.75rem;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0.75rem 0 0.5rem 1rem;
    color: #333;
    font-size: 0.35rem;
    line-height: 1.28;
    display: flex;
}

.develop_list li .item_con p {
    margin-bottom: 0.3rem;
}

.develop_list li .item_con p:last-child {
    margin-bottom: 0;
}

.develop_list li .item_con .item_li {
    width: 28.84%;
    margin-right: 1.5rem;
}

.develop_list li .item_con .item_li:last-child {
    margin-right: 0;
}

.develop_list li .item_con p {
    position: relative;
}

.develop_list li .item_con p:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -0.25rem;
    top: 0.15rem;
    background: #333;
}

.develop-wrap .loadmore {
    width: 3.9rem;
    height: 1.25rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    text-align: center;
    color: #1a2259;
    border: 1px solid rgba(26, 34, 89, 0.2);
    border-radius: 1.25rem;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    margin-left: 2.6rem;
}

.develop-wrap .loadmore:hover {
    background: #1a2259;
    color: #fff;
}

.investor-wrap {
    padding: 1.25rem 0 2.25rem;
}

.investor-wrap .investor-box {
    margin-bottom: 0.75rem;
}

.investor-wrap .investor-box:last-child {
    margin-bottom: 0.75rem;
}

.investor-wrap .investor_title {
    width: 100%;
    height: 1.75rem;
    line-height: 1.75rem;
    box-sizing: border-box;
    background: #fbfbfb;
    border: 2px solid #f3f3f3;
    padding: 0 0.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.investor-wrap .investor_title .title_name {
    color: #333;
    font-size: 0.6rem;
    display: flex;
    align-items: center;
}

.investor-wrap .investor_title .title_name img {
    margin-right: 0.25rem;
}

.investor-wrap .investor_title .swiper-box {
    width: 20%;
    padding: 0 0.5rem;
}

.investor-wrap .investor_title .swiper-container {
    width: 100%;
}

.investor-wrap .investor_title .swiper-slide {
    width: 2rem;
    text-align: center;
    color: #333;
    cursor: pointer;
}

.investor-wrap .investor_title .swiper-slide.cur {
    color: #1a2259;
}

.investor-wrap .investor_title .swiper-button-next {
    width: 8px;
    height: 16px;
    background: url('../../web/img/swiper-r1.png')no-repeat center center;
    background-size: contain;
    right: 0;
    top: 70%;
}

.investor-wrap .investor_title .swiper-button-next:hover {
    width: 8px;
    height: 16px;
    background: url('../../web/img/swiper-r1a.png')no-repeat center center;
    background-size: contain;
}

.investor-wrap .investor_title .swiper-button-prev {
    width: 8px;
    height: 16px;
    background: url('../../web/img/swiper-l1.png')no-repeat center center;
    background-size: contain;
    left: 0;
    top: 70%;
}

.investor-wrap .investor_title .swiper-button-prev:hover {
    width: 8px;
    height: 16px;
    background: url('../../web/img/swiper-l1a.png')no-repeat center center;
    background-size: contain;
}

.investor-wrap .list li {
    height: 1.6rem;
    line-height: 1.6rem;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
}

.investor-wrap .list li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 0.65rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.investor-wrap .list li .date {
    color: #999;
    margin-right: 0.3rem;
}

.investor-wrap .list li .tov {
    color: #333;
    max-width: 60%;
}

.investor-wrap .list li .down_ico {
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 14px;
    background: url('../../web/img/download_ico.png')no-repeat center center;
    background-size: contain;
}

.investor-wrap .list li:hover .date {
    color: #1a2259;
}

.investor-wrap .list li:hover .tov {
    color: #1a2259;
}

.investor-wrap .list li:hover .down_ico {
    background: url('../../web/img/download_icoa.png')no-repeat center center;
    background-size: contain;
}

.company-wrap {
    padding: 1rem 0 2.25rem;
}

.company-wrap .list li {
    margin-bottom: 0.5rem;
}

.company-wrap .list .item_tab {
    width: 100%;
    height: 3.25rem;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0 1.25rem;
    cursor: pointer;
    color: #333;
    font-size: 0.6rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.company-wrap .item_tab .pic {
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.company-wrap .list .item_tab span {
    margin-right: 0.6rem;
}

.company-wrap .list .item_tab:hover span {
    color: #1a2259;
}

.company-wrap .list li.cur .item_tab {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.company-wrap .list .item_option {
    width: 100%;
    background: #fafafa;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 1.5rem 1.6rem 2rem 1.25rem;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    display: none;
}

.company-wrap .list .item_option h3 {
    font-size: 0.75rem;
    margin-bottom: 0.7rem;
    color: #1a2259;
}

.company-wrap .list .item_option .con-t {
    color: #666666;
    font-size: 0.35rem;
    line-height: 2.14;
    margin-bottom: 0.9rem;
}

.company-wrap .list .item_option .tel {
    width: 5.5rem;
    height: 1.25rem;
    background: #1a2259;
    border-radius: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    color: #fff;
    font-size: 0.45rem;
    cursor: pointer;
}

.company-wrap .list .item_option .tel span {
    margin-left: 0.25rem;
}

.company-wrap .list .item_option .pic {
    bottom: 1.75rem;
    right: 1.75rem;
}

.design-wrap {
    padding: 1rem 0 2.5rem;
}

.design-wrap .design-tab {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.design-wrap .design-tab .tab-swiper {
    width: 100%;
}

.design-wrap .design-tab .design-item {
    display: block;
    width: 32%;
    height: 2.75rem;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 0 0.75rem 0 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.design-wrap .design-tab .design-item h3 {
    font-size: 0.6rem;
    color: #333;
    margin-bottom: 0;
}

.design-wrap .design-tab .design-item p {
    font-size: 0.35em;
    color: rgba(51, 51, 51, 0.7);
    display: none;
}

.design-wrap .design-tab .design-item.cur {
    background: #1a2259;
}

.design-wrap .design-tab .design-item.cur h3 {
    color: #fff;
}

.design-wrap .design-tab .design-item.cur p {
    color: #fff;
}

@media (min-width: 1024px) {
    .design-wrap .design-tab .design-item:hover {
        background: #1a2259;
    }

    .design-wrap .design-tab .design-item:hover h3 {
        color: #fff;
    }

    .design-wrap .design-tab .design-item:hover p {
        color: #fff;
    }
}

.design-wrap .design-top {
    width: 100%;
    min-height: 11.75rem;
    box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .18);
    /*padding: 1.4rem 1.5rem 0;*/
    overflow: hidden;
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
}

.design-wrap .design-top .title {
    margin-bottom: 0.9rem;
    color: #1a2259;
}

.design-wrap .design-top .t {
    font-size: 0.45rem;
    margin-bottom: 0.3rem;
}

.design-wrap .design-top h1 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.design-wrap .design-top h3 {
    font-size: 0.6rem;
}

.design-wrap .design-top .lecon {
    width: 50%;
    position: relative;
    z-index: 2;
}

.design-wrap .design-top .con-t {
    color: #333;
    font-size: 0.35rem;
    line-height: 2.14;
    margin-bottom: 1.75rem;
}

.design-wrap .design-top .pic {
    /*right: 1.5rem;
    top: 1.25rem;
    max-width: 47%;*/
    position: relative;
    top: 0;
    right: 0;
    width: 54%;
    height: 9rem;
    object-fit: contain;
}

.design-wrap .first_list {
    margin-bottom: 0.85rem;
}

.design-wrap .first_list .list-swiper {
    width: 100%;
}

.design-wrap .first_list .list-pagination {
    display: none;
}

.design-wrap .list-swiper .swiper-slide {
}

.design-wrap .list-swiper .hoverimg {
    width: 100%;
    height: 3.75rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.design-wrap .list-swiper .item-p {
    width: 100%;
    height: 1.35rem;
    line-height: 1.35rem;
    color: #1a2259;
    font-size: 0.45rem;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 2px solid #d1d3de;
}

.design-wrap .design_tablist li {
    margin-bottom: 0.5rem;
}

.design-wrap .design_tablist .item-tab {
    width: 100%;
    height: 3.25rem;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    display: flex;
    align-items: center;
    padding: 0 1.1rem 0 0.9rem;
}

.design-wrap .design_tablist .item-tab:hover {
    background: #fafafa;
}

.design-wrap .design_tablist .item-tab .icon {
    right: 1.1rem;
    top: 50%;
    transform: translateY(-50%);
}

.design-wrap .design_tablist .item-tab .ico {
    margin-right: 0.5rem;
}

.design-wrap .design_tablist .item-tab .t {
    font-size: 0.45rem;
    margin-bottom: 0.15rem;
    color: #1a2259;
}

.design-wrap .design_tablist .item-tab p {
    color: #333;
    font-size: 0.35rem;
}

.design-wrap .design_tablist .item-option {
    width: 100%;
    display: none;
    background: #fafafa;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 1rem 3rem;
}

.design-wrap .design_tablist .item-con {
    color: #333;
    margin-bottom: 0.75rem;
    line-height: 2.14;
}

.design-wrap .design_tablist .item-con:last-child {
    margin-bottom: 0;
}

.design-wrap .design_tablist .item-con .t {
    font-size: 0.45rem;
    font-weight: bold;
}

.design-wrap .design_tablist .item-con p {
    font-size: 0.35rem;
}

.design-wrap .second_box {
    margin-bottom: 1.2rem;
    margin-top: 1.2rem;
}

.design-wrap .second_box .second_title {
    color: #1a2259;
    margin-bottom: 0.5rem;
}

.design-wrap .second_box .second_title h3 {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
    font-weight: bold;
}

.design-wrap .second_box .second_title p {
    font-size: 0.45rem;
}

.design-wrap .second_box .second_list {
    border-top: 1px solid #ccced4;
    border-bottom: 1px solid #ccced4;
    margin-bottom: 0.75rem;
}

.design-wrap .second_box .second_list li {
    width: 20%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccced4;
    height: 5rem;
    position: relative;
    text-align: center;
    padding-top: 0.75rem;
    margin: 0px -1px -1px 0px;
}

.design-wrap .second_box .second_list li img {
    transition: all 0.3s ease 0s;
}

.design-wrap .second_box .second_list li:hover img {
    transform: translateY(5px);
}

.design-wrap .second_box .second_list li:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 3.5rem;
    background: #d6d6d6;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.design-wrap .second_box .second_list .t {
    font-size: 0.45rem;
    color: #333;
    margin: 0.5rem 0 0.2rem;
}

.design-wrap .second_box .second_list p {
    font-size: 0.35rem;
    color: #333;
}

.designthree-box {
    background: #fafafa;
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.5rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .2);
}

.designthree-box h1 {
    color: #1a2259;
    line-height: 1.5;
}

.designthree-box .con-t {
    color: #333;
    line-height: 2.14;
    font-size: 0.35rem;
    width: 73.4%;
    margin-bottom: 0.9rem;
    margin-top: 0.35rem;
}

.left_border {
    border-left: 1px solid #ebebeb;
}

.made-wrap {
    margin-top: 0.75rem;
    padding: 0 0 3.75rem;
}

.service_banner-box {
    width: 100%;
    height: 6.9rem;
    position: relative;
}

.service_banner-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../web/img/made-hover.png')no-repeat center center;
    background-size: cover;
    left: 0;
    top: 0;
}

.service_banner-box .con {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 1.75rem 0 0 1.25rem;
}

.service_banner-box.after .con {
    padding: 1.75rem 0 0 1.85rem;
}

.service_banner-box.center {
    height: 6.25rem;
}

.service_banner-box.center .con {
    padding: 1.5rem 0 0 1.85rem;
}

.service_banner-box.center:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('../../web/img/broker-hover.png')no-repeat center center;
    background-size: cover;
}

.service_banner-box.center .con h1 {
    margin-bottom: 0.5rem;
}

.service_banner-box.center .con p {
    font-size: 12px;
    color: #fff;
}

.service_banner-box.center .con p img {
    margin-left: 0.34rem;
    transition: all 0.3s ease 0s;
}

.service_banner-box.center .con:hover img {
    transform: translateX(2px);
}

.service_banner-box h1 {
    color: #fff;
}

.service_banner-box.after p {
    color: #fff;
    font-size: 0.45rem;
}

.service_banner-box.after h1 {
    color: #1a2259;
    margin-top: 0.75rem;
    font-weight: bold;
}

.service_banner-box h1 span {
    color: #1a2259;
    margin: 0 0.4rem;
}

.service_banner-box .con-t {
    font-size: 0.45rem;
    color: #fff;
    line-height: 0.75rem;
    margin-top: 0.75rem;
}

.service_banner-box .en {
    font-size: 0.45rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.5rem;
}

.made-wrap .made_list {
    position: relative;
    background: url('../../web/img/made_shadow.png')no-repeat left top;
}

.made-wrap .made_list li {
    width: 100%;
    height: 3.5rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8ee;
    display: flex;
    align-items: center;
    padding: 0 0 0 1.1rem;
    position: relative;
}

.made-wrap .made_list li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 8px;
    background: url('../../web/img/arrow-d2.png')no-repeat center center;
    background-size: contain;
    left: 2.2rem;
    top: 0.25rem;
}

.made-wrap .made_list li:first-child:before {
    display: none;
}

.made-wrap .made_list li .icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: rgba(26, 34, 89, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.6rem;
    transition: all 0.3s ease 0s;
}

.made-wrap .made_list li:hover .icon {
    transform: translateY(5px);
}

.made-wrap .made_list li .ico {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #8085a4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.made-wrap .made_list li .icon img {
    max-width: 60%;
}

.made-wrap .made_list li h3 {
    color: #1a2259;
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
    font-weight: bold;
}

.made-wrap .made_list li p {
    color: #666;
    font-size: 0.35rem;
    line-height: 1.71;
}

.made-wrap .made_list li .li_con {
    width: 80%;
}

.ser-book-wrap {
    margin-top: 0.75rem;
    padding: 0 0 4rem;
}

.serbook-form {
    background: url('../../web/img/made_shadow.png')no-repeat left top;
    box-sizing: border-box;
    padding: 1.15rem 0 0 1.25rem;
}

.serbook-form .item {
    display: flex;
    align-items: center;

    height: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0.4rem;
}

.serbook-form .item .item_span {
    width:4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.serbook-form .item_span .tip {
    font-weight: bold;
    color: #ff0000;
}

.serbook-form .item .input {
    height: 100%;
    width: calc(100% - 4.4rem);
    border: 1px solid #dcdcdc;
    background: #fff;
    box-sizing: border-box;
    margin-left: 0.4rem;
}

.serbook-form .item .input input {
    box-sizing: border-box;
    padding: 0 0.3rem;
    width: 100%;
}

.serbook-form .textarea {
    height: auto;
    align-items: flex-start;
}

.serbook-form .textarea textarea {
    width: 100%;
    height: 3.5rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
}

.serbook-form .test-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0.4rem;
}

.serbook-form .test-input .text {
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #fff;
    box-sizing: border-box;
    width: 5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0.3rem;
}

.serbook-form .test-input img {
    height: 1.25rem;
    margin: 0 0.7rem 0 0.15rem;
    cursor: pointer;
}

/*.serbook-form .test-input .testimg img{
    max-height: 100%;
    }*/

.serbook-form .test-input .sub {
    width: 4.1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    background: #1a2259;
    color: #fff;
    font-size: 0.35rem;
    font-weight: bold;
    border-radius: 2px;
}

.serbook-form .tab_item .item-box {
    height: 100%;
    width: 81.5%;
    display: flex;
    align-items: center;
    margin-left: 0.4rem;
}

.serbook-form .tab_item .item-tab {
    width: 5.25rem;
    height: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #f7f7f7;
    cursor: pointer;
    margin-right: 9px;
    padding-left: 0.65rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.serbook-form .tab_item .item-tab .ico {
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 1px solid #999;
    margin-right: 0.375rem;
    transition: all 0.3s ease 0s;
    position: relative;
}

.serbook-form .tab_item .item-tab.cur {
    background: #1a2259;
    color: #fff;
}

.serbook-form .tab_item .item-tab.cur .ico {
    background: #fff;
    border: 1px solid #fff;
}

.serbook-form .tab_item .item-tab.cur .ico:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #1a2259;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.serbook-form .tab_item .item-tab:hover {
    background: #1a2259;
    color: #fff;
}

.serbook-form .tab_item .item-tab:hover .ico {
    background: #fff;
    border: 1px solid #fff;
}

.serbook-form .tab_item .item-tab:hover .ico:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #1a2259;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.quiry-wrap {
    margin-top: 0.75rem;
    padding-bottom: 4.5rem;
}

.quiry-wrap .map-box {
    width: 100%;
    /*height: 15.25rem;*/
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #d7d7d7;
    height: 2.3rem;
}

#container {
    width: 100%;
    height: 100%;
}

.quiry-wrap .quiry-name {
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.45rem;
}

.quiry-wrap .quiry-name .line {
    margin: 0 5px;
}

.quiry-wrap .quiry-name span:last-child {
    color: #1a2259;
}

.quiry-wrap .quiry_list li {
    width: 31.8%;
    height: 4rem;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin: 0 2.3% 0.5rem 0;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    padding: 0.6rem 0.75rem 0;
}

.quiry-wrap .quiry_list li:nth-child(3n) {
    margin-right: 0;
}

.quiry-wrap .quiry_list li .t {
    font-weight: bold;
    color: #1a2259;
    margin-bottom: 0.25rem;
}

.quiry-wrap .quiry_list li p {
    font-size: 0.35rem;
    line-height: 0.6rem;
    color: #666;
}

.quiry-wrap .quiry_list li:hover {
    background: #1a2259;
}

.quiry-wrap .quiry_list li:hover .t {
    color: #fff;
}

.quiry-wrap .quiry_list li:hover p {
    color: #fff;
}

.quiry-wrap .quiry_list li.cur {
    background: #1a2259;
}

.quiry-wrap .quiry_list li.cur .t {
    color: #fff;
}

.quiry-wrap .quiry_list li.cur p {
    color: #fff;
}

.quiry-wrap .map_bottom {
    width: 100%;
    height: 2rem;
    left: 0;
    bottom: 0;
    background: #1a2259;
    box-sizing: border-box;
    padding: 0 0.75rem 0 1.1rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 200;
}

.quiry-wrap .map_bottom .span {
    font-size: 0.45rem;
}

.quiry-wrap .select-box {
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

.quiry-wrap .select-box .select-item {
    width: 6rem;
}

.quiry-wrap .select-box .select-item:first-child {
    margin-right: 0.6rem;
}

.quiry-wrap .select-box .select-up {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 0.45rem 0 0.35rem;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease 0s;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.quiry-wrap .select-box .select-up:hover {
    background: #1a2259;
}

.quiry-wrap .select-box .select-option {
    background: #1a2259;
    z-index: 2;
    height: 4rem;
    width: calc(100% - 1px);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
}

.quiry-wrap .select-box .select-option .scroll-box {
    height: 4rem;
}

.quiry-wrap .select-box .select-option dd {
    width: 100%;
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
    box-sizing: border-box;
    padding: 0 0.45rem 0 0.35rem;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease 0s;
}

.quiry-wrap .select-box .select-option dd:hover {
    background: #1a2259;
}

.brocenter-wrap {
    margin-top: 0.75rem;
    padding-bottom: 3.25rem;
}

.brocenter_list {
    margin-top: 0.5rem;
}

.brocenter_list li {
    width: 100%;
    height: 2.2rem;
    margin-bottom: 0.3rem;
    transition: all 0.3s ease 0s;
}

.brocenter_list li a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.brocenter_list li .date {
    width: 2rem;
    height: 100%;
    background: #f5f5f5;
    text-align: center;
    padding-top: 0.4rem;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
}

.brocenter_list li .date h3 {
    font-size: 0.9rem;
    color: #1a2259;
    margin-bottom: 0.1rem;
}

.brocenter_list li .date p {
    font-size: 12px;
    color: #666;
}

.brocenter_list li .item_con {
    width: calc(100% - 2.2rem);
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    position: relative;
    padding-left: 0.9rem;
    display: flex;
    align-items: center;
    transition: all 0.5s ease 0s;
}

.brocenter_list li .item_con span {
    font-size: 0.45rem;
    font-weight: bold;
    width: 70%;
    display: inline-block;
}

.brocenter_list li .item_con .ico {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.brocenter_list li .item_con .ico .a {
    display: none;
}

.brocenter_list li:hover .date {
    background: #1a2259;
}

.brocenter_list li:hover .date h3 {
    color: #fff;
}

.brocenter_list li:hover .date p {
    color: #fff;
}

.brocenter_list li:hover .item_con {
    background: #f5f5f5;
}

.brocenter_list li:hover .item_con .ico .a {
    display: block;
}

.brocenter_list li:hover .item_con .ico img {
    display: none;
}

.problem-wrap {
    padding: 0.75rem 0 3.25rem;
}

.problem-wrap .problem-tab {
    display: flex;
    margin-bottom: 0.5rem;
}

.problem-wrap .problem-tab .item {
    width: 4.75rem;
    height: 1.25rem;
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    cursor: pointer;
    margin-right: 0.7rem;
}

.problem-wrap .problem-tab .item.cur {
    background: #1a2259;
    color: #fff;
}

.problem-wrap .problem-tab .item:hover {
    background: #1a2259;
    color: #fff;
}

.problem_list {
    border-top: 1px solid #d0d0cf;
}

.problem_list li .item_top {
    width: 100%;
    height: 1.75rem;
    box-sizing: border-box;
    border-bottom: 1px solid #d0d0cf;
    cursor: pointer;
    padding: 0 0 0 0.5rem;
    display: flex;
    align-items: center;
    position: relative;
}

.problem_list li .item_top .ico {
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.problem_list li .item_top .ico .a {
    display: none;
}

.problem_list li.cur .item_top .ico .a {
    display: block;
}

.problem_list li.cur .item_top .ico img {
    display: none;
}

.problem_list li .item_top span {
    font-size: 0.45rem;
    margin-left: 0.35rem;
}

.problem_list li .item_option {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.2rem;
    background: #fafafa;
    color: #666;
    line-height: 2.14;
    font-size: 0.35rem;
    display: none;
}

.problem_list li .item_option p {
    box-sizing: border-box;
    padding-left: 0.4rem;
    position: relative;
}

.problem_list li .item_option p:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #333;
    border-radius: 50%;
    left: 0;
    top: 0.3rem;
}

.news-wrap {
    padding: 0.75rem 0 2.5rem;
}

.news-wrap .news_show {
    margin-bottom: 1rem;
}

.news-wrap .news_show h2 {
    color: #1a2259;
    font-size: 0.9rem;
    font-weight: bold;
}

.news-wrap .news_show .arial {
    font-size: 12px;
    margin: 0.4rem 0 0.75rem;
    color: #1a2259;
}

.news-wrap .news_show p {
    color: #666;
    font-size: 0.35rem;
}

.news-wrap .news_show .show-con {
    margin-bottom: 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news-wrap .news_show .show_le {
    width: 67.24%;
}

.news-wrap .news_show .detail {
    display: block;
    width: 2.35rem;
    height: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #c5bcb7;
    border-radius: 0.75rem;
    color: #666;
    font-size: 12px;
}

.news-wrap .news_show .detail:hover {
    background: #1a2259;
    border: 1px solid #1a2259;
    color: #fff;
}

.pagination {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.pagination a {
    display: block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: 0.4rem;
    color: #666;
    box-sizing: border-box;
    margin: 0 3px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.pagination a:hover {
    background: #1a2259;
    color: #fff;
}

.pagination a.active {
    background: #1a2259;
    color: #fff;
}

.pagination .prev:before {
    width: 12px;
    height: 15px;
    background: url('../../web/img/page-l.png')no-repeat center center;
    background-size: contain;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .prev:hover:before {
    background: url('../../web/img/page-la.png')no-repeat center center;
    background-size: contain;
}

.pagination .next:before {
    width: 12px;
    height: 15px;
    background: url('../../web/img/page-r.png')no-repeat center center;
    background-size: contain;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pagination .next:hover:before {
    background: url('../../web/img/page-ra.png')no-repeat center center;
    background-size: contain;
}

.nybanner.bottom {
    height: 12.5rem;
}

.bottom-wrap {
    padding: 0.35rem 0 2rem;
}

.bottom-wrap .bottom_navbar {
    text-align: right;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 12px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.bottom-wrap .bottom_navbar a:last-child {
    color: #1a2259;
}

.bottom-wrap .bottom_navbar a:first-child {
    font-weight: normal;
    color: #999;
}

.bottom-main {
    padding: 1.1rem 0 0;
}

.bottom-main .title {
    color: #1a2259;
    margin-bottom: 1rem;
}

.bottom-main .title h3 {
    font-size: 0.75rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.bottom-main .title p {
    font-size: 0.35rem;
}

.bottom-main .item-p {
    margin-bottom: 0.9rem;
}

.bottom-main .item-p:last-child {
    margin-bottom: 0;
}

.bottom-main .item-p .t {
    font-size: 0.45rem;
    margin-bottom: 0.25rem;
    font-weight: bold;
    color: #333;
}

.bottom-main .item-p p {
    font-size: 0.35rem;
    line-height: 2.14;
    color: #666;
}

.link_list li {
    width: 13.88%;
    margin: 0 3.344% 1rem 0;
    font-size: 0.35rem;
}

.link_list li a {
    color: #666;
}

.link_list li:nth-child(6n) {
    margin-right: 0;
}

.link_list li .hoverimg {
    width: 100%;
    padding-bottom: 43%;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    margin-bottom: 0.3rem;
}

.link_list li .hoverimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    left: 0;
    top: 0;
}

.support-wrap {
    padding: 0.85rem 0 2.5rem;
}

.support-title {
    font-size: 0.9rem;
    color: #1a2259;
    margin-bottom: 0.55rem;
}

.support_list li {
    width: 100%;
    height: 7.65rem;
    margin-bottom: 0.25rem;
    color: #fff;
}

.support_list li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('../../web/img/support-hover1.png')no-repeat center center;
    background-size: cover;
}

.support_list li:nth-child(2n):before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('../../web/img/support-hover2.png')no-repeat center center;
    background-size: cover;
}

.support_list li .con {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.85rem 0 0 2rem;
}

.support_list li:nth-child(2n) .con {
    padding: 0.85rem 0 0 80%;
}

.support_list li .title {
    margin-bottom: 0.5rem;
}

.support_list li .title h3 {
    font-size: 0.75rem;
    color: #fff;
    margin-bottom: 0.15rem;
}

.support_list li .title .en {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.support_list li .con-t {
    font-size: 0.375rem;
    font-weight: bold;
    color: #fff;
}

.support_list li .con-t p {
    margin-bottom: 0.2rem;
    position: relative;
    padding-left: 0.5rem;
    box-sizing: border-box;
}

.support_list li .con-t p:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: 0.25rem;
    top: 0.2rem;
}

.support_list li .con-t p:last-child {
    margin-bottom: 0;
}

.aia-wrap {
    padding: 0.85rem 0 2.5rem;
}

.aiaform-wrap {
    background: url('../../web/img/aia-shadow.png')no-repeat left top;
    box-sizing: border-box;
    padding: 1rem 0 0;
}

.aiaform-wrap {
    border-top: 1px solid #d7d7d7;
    position: relative;
}

.aiaform-wrap:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 86%;
    left: 0;
    top: 0;
    background: #d7d7d7;
}

.aiaform-wrap .item-box {
    display: flex;
    margin-bottom: 0.5rem;
}

.aiaform-wrap .item-box .input-item {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    padding: 0 1.6rem 0 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
}

.aiaform-wrap .item_span {
    width: 3rem;
    display: flex;
    justify-content: space-between;
    margin-right: 0.4rem;
}

.aiaform-wrap .item_span .textbold {
    color: #ff0000;
    font-size: 14px;
}

.aiaform-wrap .item-box .input {
    width: 71%;
    height: 1.25rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #fff;
    transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box .input:hover {
    border: 1px solid #1a2259;
}

.aiaform-wrap .item-box .input.select:hover {
    border: 1px solid #dcdcdc;
}

.aiaform-wrap .item-box .input > input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.3rem;
}

.aiaform-wrap .item-box.textarea {
    box-sizing: border-box;
    display: flex;
    padding: 0 1.6rem 0 1.25rem;
}

.aiaform-wrap .item-box.textarea .textarea {
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    height: 3.75rem;
    width: 87%;
    transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box.textarea .textarea:hover {
    border: 1px solid #1a2259;
}

.aiaform-wrap .item-box.textarea .textarea textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 0.3rem;
}

.aiaform-wrap .item-box.testbox {
    box-sizing: border-box;
    display: flex;
    padding: 0 1.6rem 0 1.25rem;
}

.aiaform-wrap .item-box.testbox .test-box {
    display: flex;
    align-items: center;
}

.aiaform-wrap .item-box.testbox .text {
    width: 5rem;
    height: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    padding: 0.3rem;
    transition: all 0.3s ease 0s;
}

.aiaform-wrap .item-box.testbox .text:hover {
    border: 1px solid #1a2259;
}

.aiaform-wrap .item-box.testbox img {
    width: 3rem;
    height: 1.25rem;
    margin: 0 0.75rem 0 0.25rem;
    cursor: pointer;
}

.aiaform-wrap .item-box.testbox .testimg img {
    height: 100%;
}

.aiaform-wrap .item-box.testbox .sub {
    width: 4.1rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    background: #1a2259;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}

.aiaform-wrap .select_up {
    width: 100%;
    height: 1.2rem;
    background: #fbfbfb;
    box-sizing: border-box;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1a2259;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.aiaform-wrap .select_up:hover {
    background: #dedede;
}

.aiaform-wrap .select_option {
    width: 100%;
    background: #fbfbfb;
    left: 0;
    top: 1.2rem;
    z-index: 2;
    display: none;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
}

.aiaform-wrap .select_option dd {
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    box-sizing: border-box;
    padding: 0 0.4rem;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.aiaform-wrap .select_option dd:hover {
    color: #fff;
    background: #1a2259;
}

.aiaform-wrap .select_option dd:last-child {
    border-bottom: none;
}

.human-wrap {
    padding: 0.75rem 0 2.5rem;
}

.human-tab {
    height: 1.2rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0.375rem;
    font-size: 0.35rem;
    z-index: 2;
}

.human-tab .select-box {
    width: 5.75rem;
}

.human-tab .select-box .select_up {
    width: 100%;
    height: 1.2rem;
    background: #fafafa;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 0.45rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1a2259;
}

.human-tab .select-box .select_option {
    width: 100%;
    background: #fafafa;
    border: 1px solid #ccc;
    box-sizing: border-box;
    z-index: 2;
    display: none;
    max-height: 5rem;
    overflow-y: scroll;
}

.human-tab .select-box .select_option dd {
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 0.45rem;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.human-tab .select-box .select_option dd:hover {
    background: #1a2259;
    color: #fff;
}

.human-tab .select-box .select_option dd:last-child {
    border-bottom: none;
    cursor: pointer;
}

.human-tab .search-box {
    width: 7.9rem;
    height: 1.2rem;
    background: #1a2259;
}

.human-tab .search-box form {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0.5rem;
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.human-tab .search-box .text {
    background: none;
    color: #fff;
    width: 80%;
}

.human-tab .search-box .sub {
    width: 18px;
    height: 18px;
    background: url('../../web/img/search_ico.png')no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.human_list li {
    margin-bottom: 0.45rem;
}

.human_list li:last-child {
    margin-bottom: 0;
}

.human_list li .item_up {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    padding: 0.75rem 0.9rem;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease 0s;
    opacity: 1;
    height: 3rem;
}

.human_list li .item_up:hover {
    background: #f7f7f7;
}

.human_list li .item_up .t {
    margin-bottom: 0.4rem;
}

.human_list li .item_up .bot {
    font-size: 0.35rem;
    color: #999;
    display: flex;
    align-items: center;
}

.human_list li .item_up .bot span {
    margin: 0 0.2rem;
}

.human_list li .item_up .detail {
    color: #1a2259;
    margin-left: 0.55rem;
}

.human_list li .item_up img {
    margin-left: 0.35rem;
    transition: all 0.3s ease 0s;
}

.human_list li .item_up:hover img {
    transform: translateX(3px);
}

.human_list .item_option {
    width: 100%;
    display: none;
}

.human_list .item_option .item_top {
    width: 100%;
    background: #fff;
    height: 2.1rem;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    padding: 0 0.9rem;
    color: #1a2259;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.human_list .item_option .item_top:hover {
    background: #f7f7f7;
}

.human_list .item_option .item_top img {
    transition: all 0.3s ease 0s;
}

.human_list .item_option .item_top:hover img {
    transform: rotateZ(90deg);
}

.human_list .item_main {
    width: 100%;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px 0 rgba(32, 33, 36, .15);
    padding: 0.75rem 1rem 1rem;
    box-sizing: border-box;
}

.human_list .item_main .item-con {
    border-bottom: 1px dashed #cdcdcd;
    margin-bottom: 1.15rem;
}

.human_list .item_main .item {
    width: 25%;
    font-size: 0.35rem;
    color: #999;
    margin-bottom: 0.5rem;
}

.human_list .item_main .item span:first-child {
    display: inline-block;
    width: 2.25rem;
}

.human_list .item_main .item .span {
    color: #333;
}

.human_list .item-box {
    font-size: 0.35rem;
    margin-bottom: 0.6rem;
}

.human_list .item-box .t {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.human_list .item-box .con-t {
    color: #999;
    line-height: 0.6rem;
}

.human_list .item-box:last-of-type {
    margin-bottom: 0;
}

.human_list .applynow {
    display: inline-block;
    width: 3.75rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #1a2259;
    color: #fff;
    margin-top: 1rem;
    margin-left: 100%;
    transform: translateX(-100%);
    transition: all 0.3s ease 0s;
}

.human_list .applynow img {
    margin-left: 0.35rem;
}

.human_list li.cur .item_up {
    height: 0;
    padding: 0 0;
    opacity: 0;
}

/*移动端下拉列表*/
.msub-list {
    display: none;
}

@media (max-width: 1024px) {
    .msub-list {
        color: #fff;
        background: #1a2259;
        padding: 0.5rem 0;
    }

    .msub-list a {
        color: #fff;
        display: block;
        width: 100%;
        width: 100%;
        height: 100%;
    }

    .msub-list li .ico {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .msub-list li .ico .line {
        position: absolute;
        background: #fff;
        transition: all 0.3s ease 0s;
    }

    .msub-list li .ico .line1 {
        width: 100%;
        height: 2px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .msub-list li .ico .line2 {
        width: 2px;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease 0s;
    }

    .msub-list li.cur .ico .line2 {
        height: 0;
    }

    .msub-list li .ico {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
    }

    .msub-list li .ico .line {
        position: absolute;
        background: #fff;
        transition: all 0.3s ease 0s;
    }

    .msub-list li .ico .line1 {
        width: 100%;
        height: 2px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .msub-list li .ico .line2 {
        width: 2px;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease 0s;
    }

    .msub-list li.cur .ico .line2 {
        height: 0;
    }

    .msub-list dt {
        height: 2rem;
        line-height: 2rem;
        font-size: 0.7rem;
        box-sizing: border-box;
        padding: 0 4%;
        position: relative;
    }

    .msub-list dt:before {
        content: '';
        position: absolute;
        width: 92%;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
        left: 4%;
        bottom: 0;
    }

    .msub-list dt:last-child:before {
        display: none;
    }

    .msub-list dd {
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 0.6rem;
        text-indent: 0.5rem;
        position: relative;
        background: #25376a;
        box-sizing: border-box;
        padding: 0 4%;
        display: none;
    }

    .msub-list dd:before {
        content: '';
        position: absolute;
        width: 92%;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
        left: 4%;
        bottom: 0;
    }

    .msub-list dd:last-child:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .msub-list {
        padding: 0.2rem 0;
    }

    .msub-list dt {
        height: 1rem;
        line-height: 1rem;
        font-size: 0.3rem;
    }

    .msub-list dd {
        height: 0.9rem;
        line-height: 0.9rem;
        font-size: 0.26rem;
        text-indent: 0.1rem;
    }

    .msub-list li .ico {
        width: 14px;
        height: 14px;
    }
}

/*移动端下拉列表*/

.conmain-wrap .moblie_linkbox {
    display: none;
}

.encase-wrap {
    padding: 0.75rem 0 2.2rem;
}

.encase-wrap .encase-tab {
    margin-bottom: 1.5rem;
    display: flex;
}

.encase-wrap .encase-tab .item {
    width: 4.75rem;
    height: 1.25rem;
    color: #333;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    cursor: pointer;
    margin-right: 0.7rem;
    text-align: center;
    line-height: 1.25rem;
}

.encase-wrap .encase-tab .item.cur {
    background: #1a2259;
    color: #fff;
}

.encase-wrap .encase-tab .item:hover {
    background: #1a2259;
    color: #fff;
}

.encase-title {
    font-size: 0.6rem;
    color: #1a2259;
    margin-bottom: 0.6rem;
    position: relative;
}

.encase-title:before {
    content: '';
    position: absolute;
    width: calc(100% - 5rem);
    right: 0;
    background: #d0d8d7;
    height: 1px;
    top: 0.15rem;
}

.encase-title:after {
    content: '';
    position: absolute;
    width: calc(100% - 5rem);
    right: 0;
    background: #d0d8d7;
    height: 1px;
    bottom: 0.15rem;
}

.encase-wrap .encase-list li {
    width: 18.96%;
    height: 2.4rem;
    margin: 0 1.3% 1.3% 0;
    box-sizing: border-box;
    border: 1px solid #e7ebeb;
    border-radius: 8px;
    transition: all 0.3s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .encase-wrap .encase-list li {
        height: 1.5rem;
    }
}

.encase-wrap .encase-list li:nth-child(5n) {
    margin-right: 0;
}

.encase-wrap .encase-list li img {
    max-width: 98%;
}

/*.encase-wrap .encase-list li .h_img{
    display: block;
}
*/
.encase-wrap .encase-list li .h_img {
    display: none;
}

.encase-wrap .encase-list li:hover {
    border: 1px solid #1a2259;
}

/*.encase-wrap .encase-list li:hover img{
     filter: grayscale(100%) brightness(200%);
}
*/
.en_loadmore {
    color: #1a2259;
    padding: 0 0.3rem;
    display: inline-block;
    border-bottom: 1px solid #1a2259;
    margin-top: 0.75rem;
    cursor: pointer;
    padding-bottom: 0.2rem;
}

.encase-wrap .encase-box {
    margin-bottom: 2rem;
}

.encase-wrap .encase-box:last-child {
    margin-bottom: 0;
}

.encase-wrap .case-list li {
    width: 31.4%;
    margin: 0 2.9% 2.9% 0;
}

.encase-wrap .case-list li .hoverimg {
    width: 100%;
    position: relative;
    padding-bottom: 60.27%;
}

.encase-wrap .case-list li .hoverimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.encase-wrap .case-list li p {
    height: 1.4rem;
    box-sizing: border-box;
    border: 1px solid #e7ebeb;
    line-height: 1.4rem;
    color: #1a2259;
    padding: 0 0.7rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    font-weight: bold;
}

.encase-wrap .case-list li:nth-child(3n) {
    margin-right: 0;
}

.enhonor-wrap {
    padding: 1rem 0 1.5rem;
}

.enhonor-wrap .engineer_banner-box {
    width: 100%;
    height: 8rem;
    box-sizing: border-box;
    color: #fff;
    padding: 2rem 0 0 1.75rem;
}

.enhonor-wrap .engineer_banner-box h1 {
    font-size: 1.5rem;
}

.enhonor-wrap .engineer_banner-box h2 {
    font-size: 1.2rem;
    margin-bottom: 0.45rem;
}

.enhonor-wrap .enhonor-box {
    padding-top: 1rem;
    margin-top: 0.5rem;
}

.enhonor-wrap .enhonor-box:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #f0f2f4;
    top: 0;
    left: 0;
    height: 15.5rem;
}

.enhonor-wrap .enhonor-swiper {
    width: 100%;
    padding: 4rem 0 4rem 1.5rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide {
    transition: all 0.3s ease 0s;
    transform: scale(0.5);
    position: relative;
}

.enhonor-wrap .enhonor-swiper .swiper-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../web/img/enhonor_back.png')no-repeat center center;
    background-size: 100%;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.enhonor-wrap .enhonor-swiper .swiper-slide img {
    width: 100%;
}

.enhonor-wrap .enhonor-swiper .swiper-slide .img {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide-active {
    transform: scale(1.4);
}

.enhonor-wrap .enhonor-swiper .swiper-slide-active .img {
    padding: 0.5rem 1.25rem;
}

.enhonor-wrap .enhonor-swiper .swiper-slide.translate1 {
    transform: scale(0.55)translateX(1rem);
}

.enhonor-wrap .enhonor-swiper .swiper-slide.translate2 {
    transform: scale(0.55)translateX(-5.5rem);
}

.enhonor-wrap .enhonor-next {
    width: 1.1rem;
    height: 2.225rem;
    background: url('../../web/img/honor-next.png')no-repeat center center;
    background-size: contain;
    top: 17%;
    right: 17%;
    transition: all 0.3s ease 0s;
}

.enhonor-wrap .enhonor-prev {
    width: 1.1rem;
    height: 2.225rem;
    background: url('../../web/img/honor-prev.png')no-repeat center center;
    background-size: contain;
    top: 17%;
    left: 61%;
    transition: all 0.3s ease 0s;
}

.enhonor-wrap .img-bot {
    left: 49%;
    bottom: 15%;
}

.enhonor-wrap .img-bot .bot_swiper {
    width: 100%;
}

.enhonor-wrap .img-bot .bot_swiper .swiper-slide {
    width: 100%;
}

.enhonor-wrap .img-bot .t {
    font-size: 0.5rem;
    margin-bottom: 0.25rem;
}

.enhonor-wrap .img-bot p {
    color: #666;
    font-size: 0.35rem;
}

.enhonor-wrap .page-box {
    right: 21%;
    top: 18%;
    display: flex;
    z-index: 10;
}

.enhonor-wrap .page-box .page-now {
    font-size: 1.2rem;
    color: #3c4372;
    transform: translate(-0.25rem);
}

.enhonor-wrap .page-box .page-all {
    font-size: 0.5rem;
    color: #a3a4a6;
    transform: translate(0.2rem, 1.5rem);
}

.enproduct-wrap {
    padding: 0.75rem 0 3rem;
}

.enproduct-wrap .enproduct-swiper {
    margin-bottom: 0.75rem;
}

.enproduct-wrap .enproduct-swiper .swiper-slide {
    width: 4.6rem;
    height: 1.15rem;
    text-align: center;
    line-height: 1.15rem;
    text-align: center;
    background: #f5f5f5;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    margin-right: 0.25rem;
}

.enproduct-wrap .enproduct-swiper .swiper-slide:last-child {
    margin-right: 0;
}

.enproduct-wrap .enproduct-swiper .swiper-slide:hover {
    background: #1a2259;
    color: #fff;
}

.enproduct-wrap .enproduct-swiper .swiper-slide.cur {
    background: #1a2259;
    color: #fff;
}

.enproduct-wrap .enproduct_list li {
    width: 31.4%;
    margin: 0 2.9% 2.9% 0;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.enproduct-wrap .enproduct_list li:nth-child(3n) {
    margin-right: 0;
}

.enproduct-wrap .enproduct_list li .hoverimg {
    width: 100%;
    height: 5.5rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enproduct-wrap .enproduct_list .hoverimg img {
    max-height: 80%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.enproduct-wrap .enproduct_list .item-bot {
    height: 1.9rem;
    box-sizing: border-box;
    padding: 0.4rem 0.65rem 0;
}

.enproduct-wrap .enproduct_list .item-bot .t {
    color: #1a2259;
    margin-bottom: 0.1rem;
}

.enproduct-wrap .enproduct_list .item-bot p {
    font-size: 12px;
    color: #999;
}

.endetail-wrap {
    padding: 0.75rem 0 2.4rem;
}

.endetail-wrap .endetail-top {
    margin-bottom: 0.6rem;
}

.endetail-wrap .endetail-top .title-con {
    background: #f5f5f5;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #d6d6d6;
    box-sizing: border-box;
    padding: 0.6rem 0.9rem;
}

.endetail-wrap .title-con .title-t {
    color: #1a2259;
    font-size: 0.6rem;
    margin-bottom: 0.6rem;
}

.endetail-wrap .title-con .con-t {
    color: #666;
    line-height: 1.5;
}

.endetail-wrap .title-con .back {
    display: inline-block;
    width: 3rem;
    height: 0.95rem;
    text-align: center;
    line-height: 0.95rem;
    font-size: 12px;
    color: #fff;
    background: #3c4372;
    border: 1px solid #e1e1e1;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
}

.endetail-wrap .endetail-top .bot-t {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.35rem;
    box-sizing: border-box;
    padding: 0 .9rem;
    border-bottom: 1px solid #d6d6d6;
}

.endetail-wrap .endetail-top .bot-t span {
    opacity: 0.5;
    margin-right: 0.75rem;
}

.endetail-wrap .endetail-top .bot-t .span {
    opacity: 1;
}

.endetail-wrap .endetail-show {
    width: 100%;
    height: 14rem;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.35rem;
}

.endetail-wrap .endetail-show img {
    max-height: 81.8%;
    box-shadow: 0 1px 10px 0 rgba(32, 33, 36, .28);
}

.endetail-wrap .main-con {
    margin-top: 1rem;
}

.endetail-wrap .main-con .main_title {
    height: 2.25rem;
    line-height: 2.25rem;
    border-top: 1px solid #d6d6d6;
    font-size: 0.75rem;
    color: #1a2259;
    position: relative;
}

.endetail-wrap .main-con .main_title:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 4px;
    background: #1a2259;
    left: 0;
    top: -1px;
}

.endetail-wrap .main-con .con {
    color: #666;
}

.endetail-wrap .main-con .con h3 {
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
}

.endetail-wrap .main-con .con p {
    line-height: 2.25;
}

.encontact-wrap {
    padding: 0.75rem 0 1.5rem;
}

.encontact-wrap .encase-title {
    margin-bottom: 1rem;
}

.encontact-wrap .encase-title:before {
    width: calc(100% - 6rem);
}

.encontact-wrap .encase-title:after {
    width: calc(100% - 6rem);
}

.encontact-wrap .encontact_list li {
    width: 31.8%;
    height: 4rem;
    margin: 0 2.3% 2.3% 0;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0.65rem 0.65rem 0;
}

.encontact-wrap .encontact_list li:nth-child(3n) {
    margin-right: 0;
}

.encontact-wrap .encontact_list li .name {
    color: #1a2259;
    margin-bottom: 0.25rem;
    font-weight: bold;
}

.encontact-wrap .encontact_list li .position {
    font-size: 0.35rem;
    margin-bottom: 0.3rem;
    font-weight: bold;
}

.encontact-wrap .encontact_list li .tel {
    color: #666;
    font-size: 0.35rem;
}

.encontact-wrap .encontact_list li .tel span {
    font-size: 0.45rem;
}

.enjoin-wrap {
    padding: 0.75rem 0 4.25rem;
}

.enjoin-wrap .enjoin-tab {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.enjoin-wrap .human-tab {
    width: 48.3%;
}

.enjoin-wrap .enjoin-tab .enjoin-con {
    width: 10.75rem;
    height: 2.6rem;
    background: url('../../web/img/enjoin-img.jpg')no-repeat center center;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    padding: 0.6rem 0.7rem 0;
}

.enjoin-wrap .enjoin-tab .enjoin-con h3 {
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
}

.enjoin-wrap .enjoin-tab .enjoin-con p {
    font-size: 0.35rem;
}

.enjoin-wrap .enjoin-tab .enjoin-con p span:first-child {
    margin-right: 0.25rem;
}

.enjoin-wrap .enjoin_list li {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0.45rem 0.75rem 0.4rem;
    margin-bottom: 0.25rem;
    line-height: 2;
}

.enjoin-wrap .enjoin_list li .con-t {
    letter-spacing: 2px;
}

.enjoin-wrap .enjoin_list li .t {
    font-size: 0.45rem;
    font-weight: bold;
    color: #1a2259;
    margin-bottom: 0.3rem;
}

.enjoin-wrap .enjoin_list li .con-t span {
    font-size: 0.35rem;
    color: #999;
}

.enjoin-wrap .enjoin_list li .con-t .span {
    color: #333;
}

.enjoin-wrap .enjoin_list li .con-t .line {
    margin: 0 0.2rem;
}

@media (max-width: 767px) {
    .enjoin-wrap .enjoin_list li .con-t .line {
        margin: 0 0.05rem;
    }
    .inselect-wrap .img-box .img-item:first-child {
        margin-bottom: 0.15rem;
    }
}

.inbanner .icon_down {
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 3;

    animation: scrollAni 1.5s linear infinite;
}

@media (max-width: 1024px) {
    .inbanner .icon_down {
        display: none;
    }
    .inselect-wrap {
        padding-bottom: 1rem;
    }
}

@keyframes scrollAni {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(.3rem);
        opacity: 0;
    }
}

.m-inselect-wrap {
    display: none;
}

.imgspc {
    width: 100%;
    /* height: 100%; */
    /* object-fit: v; */
    position: relative;
    background-color: #000;
}

.mb {
    display: none;
}
@media (max-width: 996px) {
    .mb {
        display: block;
    }
    .tran-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.play {
    width: 40px !important;
    cursor: pointer;
    z-index: 233;
}

.vidcontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    cursor: pointer;
    z-index: 999;
}

.vidcontainer .video-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
}

.vidcontainer .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
}

.vidcontainer .closevid {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../img/close-vid2.png");
    background-size: .35rem;
    border: 1px solid #fff;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: -2.5rem;
    cursor: pointer;
    transition: all .3s;
}

.vidcontainer video {
    width: 100%;
    outline: none;
}

@media (max-width: 767px) {
    .vidcontainer .closevid {
        width: .6rem;
        height: .6rem;
        top: -1rem;
        right: 0;
    }

    .vidcontainer .video-dialog {
        width: 90%;
    }
}
@media (min-width: 1025px) {
    .vidcontainer .closevid:hover {
        transform: rotate(90deg);
    }
}
.play-btn {
    width: 2rem;
    cursor: pointer;
}

.sond {
    position: absolute;
    z-index: 999;
    bottom: 2rem;
    right: 1rem;
    cursor: pointer;
}
.sond .icon2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.sond.on .icon1 {
    opacity: 0;
}
.sond.on .icon2 {
    opacity: 1;
}
.header-wrap .pc_nav_box li .pcnav_box {
  left: 50%;
  width: 3.5rem;
  transform: translateX(-50%);
}
.header-wrap .pcnav_box .pc_sublist {
    width: 100%;
    border: none;
    padding: 0;
}
.header-wrap .pc_nav_box li .pcnav_box {
    padding: .5rem;
}
.header-wrap .pc_nav_box .pcnav_box:before {
    display: none;
}
.pcnav_box .ulist {
    width: 100%;
  display: block;
}
.header-wrap .pc_nav_box .pcnav_box.right2,
.header-wrap .pc_nav_box .pcnav_box.right3 {
    left: 50%;
}
.header-wrap .pcnav_box li {
    margin-right: 0;
    width: 100%;
    margin-bottom: .25rem;
}
.header-wrap .pc_nav_box li .pcnav_box .pc_box{
}

.header-wrap .pcnav_box li a{
  font-size: .35rem;
}
.header-wrap .pcnav_box .ulist li{
  margin-bottom: .25rem;
}
.header-wrap .pc_nav_box li.product_li .pcnav_box{
    width: 50vh;

}
.header-wrap .pc_nav_box .pc_nav  li.product_li .ulist{
    display: flex;
}