* {

    outline: none!important;

}



.g_bg {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat

}



.nav-close {

    height: 60px;

}



.pcNav {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 9999;

    transition: .4s all ease;

}



.pcNav-l img:nth-child(2) {

    display: none

}



.pcNav-c {

    position: relative

}



.pcNav-c line {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    background: #fff;

    transition: .4s all ease;

    pointer-events: none

}



.pcNav-view {

    display: flex

}



.pcNav-top .g_w {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 90px;

    border-bottom: 1px solid rgba(255, 255, 255, .16);

    transition: .4s all ease

}



.pcNav-top .shear {

    width: 152px;

    height: 42px;

    line-height: 42px;

    border: 1px solid #fff;

    border-radius: 30px;

    text-align: center;

    color: #fff;

    font-size: 18px;

    font-weight: 100;

    transition: .4s all ease

}



.pcNav-top .shear i {

    font-size: 18px;

}



.pcNav-top .shear:hover {

    background: #fff;

    color: #d71718

}



.pcNav-top .lang {

    position: relative;

    padding-left: 40px;

    cursor: pointer;

}

/*.pcNav-top .lang:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #184a39;display: inline-block}*/



.pcNav-top .lang .view {

    display: flex;

    align-items: center

}



.pcNav-top .lang .view img {

    margin-right: 10px;

}



.pcNav-top .lang .view span {

    margin: 0 5px;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase

}



.pcNav-top .lang .view i {

    color: #fff;

    transition: .4s all ease

}



.pcNav-top .lang .view .icon-diqiu {

    display: inline-block;

    transform: rotate(90deg);

    font-size: 20px;

}



.pcNav-top .lang .view .icon-right-1-copy {

    display: inline-block;

    transform: rotate(90deg);

}



.pcNav-top .lang ul {

    display: none;

    position: absolute;

    left: 50%;

    top: 100%;

    transform: translateX(-50%);

    z-index: 99;

    width: 140px;

    box-shadow: 0 0 6px rgba(0, 0, 0, .3);

    border-radius: 4px;

    overflow: hidden;

    animation: navU .5s ease forwards;

    -webkit-animation: navU .5s ease forwards;

}



.pcNav-top .lang ul li a {

    display: block;

    padding: 0 10px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border-bottom: 1px solid #dfdfdf;

    background: #fff;

    color: #949495;

    font-size: 16px;

}



.pcNav-top .lang ul li a img {

    margin-right: 10px;

}



.pcNav-top .lang:hover ul {

    display: block

}



.pcNav-top .lang ul li a:hover {

    color: #d71718;

    transition: .4s all ease

}



.pcNav-top .lang:hover .view span {

    color: #fff;

    transition: .4s all ease

}



.pcNav-top .lang:hover .view i {

    color: #fff;

    transition: .4s all ease

}



.pcNav-top .log {

    margin-left: 30px;

}



.pcNav-top .log i {

    color: #fff;

    font-size: 20px;

}



.pcNav-r {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.pcNav-r .gp {

    margin-left: 60px;

    width: 210px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    border-radius: 30px;

    background: rgba(255, 255, 255, .16);

    transition: .4s all ease

}



.pcNav-r .gp:hover {

    background: #d71718

}



.pcNav-r .pcNav-r-lang {

    margin-left: 24px;

    width: 40px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .16);

    transition: .4s all ease

}



.pcNav-r .pcNav-r-lang:hover {

    background: #d71718

}



.pcNav-r-tel {

    position: relative;

    padding-left: 10px;

    margin-left: 24px;

}



.pcNav-r-tel i {

    display: block;

    width: 40px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .16);

    transition: .4s all ease

}



.pcNav-r-tel:hover i {

    background: #d71718

}



.pcNav-r-tel span {position: absolute;right: 100%;top: 50%;transform: translate(100%, -50%);opacity: 0;pointer-events: none;white-space: nowrap;

    box-shadow: 0 0 4px #333;cursor: pointer;width: auto;height: 36px;line-height: 36px;font-size: 14px;color: #d71718;padding: 0;border: 0;background: #fff}

.pcNav-r-tel:hover span {transform: translate(0, -50%);padding: 0 10px;opacity: 1;border: 1px solid #fff;pointer-events: auto;transition: .4s all ease}

.pcNav-r-search {position: relative;padding-left: 10px;margin-left: 24px;}

.pcNav-r-search i {display: block;width: 40px;color: #fff;font-size: 18px;text-align: center;height: 40px;line-height: 40px;border-radius: 50%;background: rgba(255, 255, 255, .16);transition: .4s all ease}

.pcNav-r-search:hover i {background: #d71718}

.pcNav-r-search input {

    position: absolute;

    right: 100%;

    top: 50%;

    transform: translateY(-50%);

    opacity: 1;

    box-shadow: 0 0 4px #333;

    width: 0;

    height: 44px;

    line-height: 44px;

    font-size: 14px;

    color: #333;

    padding: 0;

    border: 0;

    background: #fff

}



.pcNav-r-search input::-webkit-input-placeholder {

    color: #666;

}



.pcNav-r-search:hover input {

    width: 200px;

    padding: 0 20px;

    opacity: 1;

    border: 1px solid #fff;

    transition: .4s all ease

}



.h-nav1 {

    display: flex;

    justify-content: space-between;

    position: relative

}



.h-nav1>li {

    display: flex;

    align-items: center;

    margin-left: 50px;

    position: relative;

}



.h-nav1>li:nth-child(1) {

    margin-left: 0

}



.h-nav1>li>a {

    width: 100%;

    height: 90px;

    line-height: 90px;

    white-space: nowrap;

    display: block;

    text-align: center;

    color: #fff;

    font-size: 18px;

    text-transform: capitalize;

    position: relative;

    transition: .4s all ease

}



.h-nav1>li>a i {

    margin-left: 10px;

    font-size: 12px;

    color: #949495;

    display: inline-block;

    transform: rotate(90deg)

}



.h-nav1>li>a:after {

    display: none;

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    background: #fff;

    width: 0;

    height: 8px;

    transition: .4s all ease

}



.pcNav_u1_2 {

    width: 180px;

    position: absolute;

    left: 50%;

    top: 100%;

    border-top: 5px solid #d71718;

    background: rgba(255, 255, 255, .9);

    box-shadow: 0 0 6px #999;

    opacity: 0;

    transform: translate(-50%, -20px);

    pointer-events: none;

    transition: .5s all ease;

    /*animation: navU .5s ease forwards ;*/

    /*-webkit-animation: navU .5s ease forwards ;*/

}



.pcNav_u1_2-item {

    width: 100%;

    padding: 27px 52px;

    border-bottom: 1px solid rgba(211, 211, 212, .75)

}



.pcNav_u1_2-item h4 {

    font-size: 16px;

    color: #fff;

    padding-left: 12px;

}



.pcNav_u1_2-item a {

    font-size: 15px;

    color: #c9caca;

    display: inline-block;

    padding: 6px 12px;

    margin-right: 24px;

    margin-top: 6px;

}



.pcNav_u1_2-item a:hover {

    background: #d71718;

    color: #fff;

    transition: .3s all ease

}



.pcNav_u1_2-item2 {

    display: flex;

}



.pcNav_u1_2-item2L {

    width: 50%;

    padding: 30px 50px 40px 50px;

    display: none;

}



.pcNav_u1_2-item2L h3 {

    color: #000;

    font-size: 24px;

}



.pcNav_u1_2-item2Img {

    margin-top: 14px;

}



.pcNav_u1_2-item2Bg {

    padding-top: 61.7%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.pcNav_u1_2-item2R {



    width: 100%;



}



.pcNav_u1_2-item2R ul li {



}



.pcNav_u1_2-item2R ul li:nth-last-child(1) {

    margin-bottom: 0px;

}



.pcNav_u1_2-item2R ul li a {

    display: block;

    width: 100%;

    height: 40px;

    padding: 0 10px;

    text-align: center;

    line-height: 40px;

    color: #000;

    font-size: 16px;

    border-bottom: 1px solid #dfdfdf;

}



.pcNav_u1_2-item2R ul li a:hover {

    background: #d71718;

    color: #fff;

    transition: .3s all ease

}



.h-nav1>li:hover .pcNav_u1_2 {

    opacity: 1;

    transform: translate(-50% ,0);

    pointer-events: auto;

}



.h-right ul li:hover .h-right-hover {

    display: block

}



.pcNav.bottom {

    background: #fff

}



.pcNav.active {

    border-bottom: 1px solid rgba(0, 0, 0, .06)

}



.pcNav.active .h-nav1>li>a {

    color: #474747

}



.pcNav.active .pcNav-r .pcNav-r-lang {

    background: rgba(0, 0, 0, .16);

}



.pcNav.active .pcNav-r-search i {

    background: rgba(0, 0, 0, .16);

}



.pcNav.active .pcNav-r-search:hover i {

    background: #d71718

}



.pcNav.active .pcNav-r .gp {

    color: #474747;

    border: 1px solid #ccc;

    background: none;

}



.pcNav.active .pcNav-r .gp:hover {

    background: #d71718;

    color: #fff;

    border-color: #d71718

}



.pcNav.active .pcNav-r .pcNav-r-lang:hover {

    background: #d71718

}



.pcNav.active .pcNav-r-tel i {

    background: rgba(0, 0, 0, .16);

}



.pcNav.active .pcNav-r-tel:hover i {

    background: #d71718

}



.h-nav1>li:hover>a {

    color: #d71718!important;

}



.h-nav1>li.active>a {

    color: #d71718!important;

}



@keyframes navU {

    0% {

        opacity: 0;

        transform: translate(0, -20px);

    }

    100% {

        opacity: 1;

        transform: translate(0, 0);

    }

}



@-webkit-keyframes navU {

    0% {

        opacity: 0;

        transform: translate(0, -20px);

    }

    100% {

        opacity: 1;

        transform: translate(0, 0);

    }

}



#fp-nav.fp-right {

    right: 20px;

    left: auto;

}



#fp-nav ul li {

    margin: 14px 7px;

}



#fp-nav ul li a {

    color: #fff

}



#fp-nav ul li a span {

    background: #fff;

    margin: 0;

    transform: translate(-50%, -50%);

    width: 10px;

    height: 10px;

    transition: .4s all ease

}



#fp-nav ul li a.active span {

    background: #d60007;

    width: 10px;

    height: 10px;

}



#fp-nav ul li a span:after {

    opacity: 1;

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(360deg);

    transition: .8s all ease;

    width: 20px;

    height: 0;

    border: 0;

    border-radius: 0;

    border-left: none;

    background: url("/uploads/images/navigation2.png") no-repeat;

    background-size: 50% auto;

    background-position: right

}



#fp-nav ul li a.active span:after {

    width: 20px;

    height: 20px;

    transform: translate(-50%, -50%) rotate(0);

}



#fp-nav ul li a span:before {

    opacity: 0;

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(360deg);

    transition: .8s all ease;

    width: 20px;

    height: 0;

    border: 0;

    border-radius: 0;

    border-left: none;

    background: url("/uploads/images/navigation2.png") no-repeat;

    background-size: 50% auto;

    background-position: right

}



#fp-nav ul li a.active span:before {

    width: 20px;

    height: 20px;

    transform: translate(-50%, -50%) rotate(0);

}



#fp-nav ul li a:after {

    position: absolute;

    left: calc(100% + 10px);

    top: 50%;

    transform: translateY(-50%);

    width: 100px;

}



#fp-nav.active ul li a span {

    background: #474747

}



#fp-nav.active ul li a.active span {

    background: #d60007

}



.dow {

    display: block;

    position: absolute;

    left: 50%;

    bottom: 3%;

    transform: translateX(-50%);

    z-index: 999;

    cursor: pointer;

    text-align: center;

    animation: dowMove 2s linear infinite;

    -webkit-animation: dowMove 2s linear infinite;

}



.dow i {

    color: #fff;

    font-size: 40px;

}



.dow b {

    display: block;

    color: #fff;

    font-family: MONTSERRAT-BOLD;

    text-transform: uppercase

}



@keyframes dowMove {

    0% {

        transform: translate(-50%, 6px);

    }

    50% {

        transform: translate(-50%, 0);

    }

    100% {

        transform: translate(-50%, 6px);

    }

}



@-webkit-keyframes dowMove {

    0% {

        transform: translate(-50%, 6px);

    }

    50% {

        transform: translate(-50%, 0);

    }

    100% {

        transform: translate(-50%, 6px);

    }

}



.banner.section {

    padding: 0

}



.i-banner {

    background-size: cover;

    background-position: center;

    height: 100%;

    width: 100%

}



.i-banner-swiper {

    height: 100%;

    overflow: hidden

}



.i-banner-swiper .swiper-container {

    height: 100%;

}



.i-pagination {

    position: absolute;

    bottom: 80px;

    left: 160px;

    overflow: hidden;

    z-index: 999;

    display: flex;

    align-items: flex-end;

    color: #fff

}



.i-pagination .active {

    margin-right: 4px;

    vertical-align: text-top;

    line-height: 30px;

    display: inline-block;

    font-size: 36px;

    font-family: MONTSERRAT-BOLD;

    color: #fff;

    transition: .4s all ease

}



.i-pagination .length {

    margin-left: 4px;

    vertical-align: text-top;

    line-height: 18px;

    display: inline-block;

    font-size: 18px;

    font-family: MONTSERRAT-LIGHT;

    color: #fff;

    transition: .4s all ease

}



.i-pagination .active:hover {

    color: #d60007;

    transition: .4s all ease

}



.i-pagination .length:hover {

    color: #d60007;

    transition: .4s all ease

}



.i-banner-swiper .swiper-btn {

    position: absolute;

    bottom: 3%;

    left: 160px;

    display: flex;

    align-items: center;

    color: #fff

}



.i-banner-swiper .swiper-button {

    position: relative;

    margin: 0;

    background: none;

    width: auto;

    height: auto;

    top: auto;

    left: auto;

    right: auto;

}



.i-banner-swiper .swiper-button i {

    font-size: 18px;

}



.i-banner-swiper .swiper-button-next i {

    display: inline-block;

    transform: rotate(180deg);

    transition: .4s all ease

}



.i-banner-swiper .swiper-btn b {

    font-size: 14px;

    opacity: 1;

    z-index: 999;

    margin: 0 10px;

    line-height: 1

}



.i-banner-swiper .swiper-button i:hover {

    color: #d60007;

    transition: .4s all ease

}



.i-banner-view {

    position: absolute;

    width: 100%;

    left: 0;

    top: 24.2%;

    text-align: right;

    color: #fff

}



.i-banner-text {

    display: inline-block;

    text-align: right

}



.i-banner-text span {

    font-family: 'MONTSERRAT-BOLD';

    font-size: 60px;

    line-height: 45px;

}



.i-banner-text b {

    display: block;

    margin-top: 30px;

    line-height: 45px;

    font-size: 45px;

}



.i-banner-text a {

    margin: 40px 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 200px;

    height: 52px;

    overflow: hidden;

    font-size: 20px;

    color: #fff;

    border: 1px dashed #fff;

    border-radius: 30px;

    position: relative

}



.i-banner-text a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #d71718;

    transform: translateX(-100%);

    transition: .4s all ease

}



.i-banner-text a i {

    display: inline-block;

    margin-left: 10px;

    transform: rotate(180deg);

    font-size: 20px;

    position: relative;

    z-index: 2;

    transition: .4s all ease

}



.i-banner-text a em {

    font-weight: normal;

    position: relative;

    z-index: 2;

    font-style: normal;

}



.i-banner-text a:hover:before {

    transform: translateX(0)

}



.i-banner-text a:hover i {

    transform: translateX(30px) rotate(180deg)

}



.i_title {}



.i_title b {

    display: block;

    font-weight: 400;

    font-family: MONTSERRAT-BOLD;

    font-size: 60px;

    line-height: 72px;

    color: #d71718;

    text-transform: uppercase

}



.i_title span {

    display: block;

    font-size: 30px;

    line-height: 30px;

    color: #474747

}



.i_title em {

    display: block;

    margin: 40px 0;

    width: 80px;

    height: 1px;

    background: #9f9f9f

}



.i_more {

    position: relative;

    z-index: 9;

    display: flex;

    align-items: center;

    margin-top: 90px;

    padding: 0 30px;

    width: 214px;

    overflow: hidden;

    line-height: 50px;

    font-size: 18px;

    color: #131313;

    border-radius: 30px;

    background: #fff;

}



.i_more span {

    position: relative;

    z-index: 2;

    transition: .4s all ease

}



.i_more i {

    display: inline-block;

    margin-right: 8px;

    transition: .4s all ease

}



.i_more:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #d71718;

    transform: translateX(-100%);

    transition: .4s all ease

}



.i_more:hover i {

    transform: translateX(100px);

    color: #fff;

}



.i_more:hover:before {

    transform: translateX(0)

}



.i_more:hover span {

    color: #fff

}



.i_pro {

    display: flex;

    align-items: center;

    background: url('/uploads/images/i_proBg.jpg') no-repeat center;

    background-size: cover;

}



.i_pro_view {

    width: 100%

}



.i_pro_view .g_w {

    display: flex

}



.i_pro_view .con_l {

    width: 440px;

    padding-right: 20px;

}



.i_pro_view .con_r {

    width: calc(100% - 440px);

}



.i_pro_view .swiper-slide {

    padding: 4px;

    height: 631px;

}



.i_pro_view .i_pro_item {

    height: 482px;

    padding: 50px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .11);

    background: #fff;

    position: relative;

    transition: .8s all ease

}



.i_pro_view .i_pro_item:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50px;

    transform: translateX(-1px);

    width: 2px;

    height: 80px;

    background: #d71718;

}



.i_pro_view .i_pro_item:after {

    content: '';

    display: block;

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    background: rgba(0, 35, 123, 0.7);

    transition: .4s all ease

}



.i_pro_view .i_pro_item .g_bg {

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    transition: .4s all ease

}



.i_pro_view .i_pro_item .title {

    color: #474747;

    font-size: 18px;

    position: relative;

    z-index: 9;

    text-transform: uppercase;

    font-weight: 500

}



.i_pro_view .i_pro_item .title em {

    color: #284181;

    font-style: normal;

}



.i_pro_view .i_pro_item .title h3 {

    margin-top: 20px;

    font-size: 30px;

    color: #474747

}



.i_pro_view .i_pro_item .text {

    margin-top: 90px;

    height: 144px;

    overflow: auto;

    font-size: 18px;

    color: #474747;

    line-height: 36px;

    position: relative;

    z-index: 9

}



.i_pro_view .i_pro_item .text ul {

    height: 144px;

    overflow-y: auto

}



.i_pro_view .i_pro_item .text ul li {

    display: flex;

    align-items: center

}



.i_pro_view .i_pro_item .i_more {

    display: none;

    margin-top: 30px;

}



.i_pro_view .swiper-slide-active .i_pro_item {

    height: 623px;

}



/*.i_pro_view .swiper-slide-active .i_pro_item .i_more {*/

/*    display: flex*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item .g_bg {*/

/*    opacity: 1*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item:after {*/

/*    opacity: 1*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item .title {*/

/*    color: #fff;*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item .title em {*/

/*    color: #d71718*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item .title h3 {*/

/*    color: #fff*/

/*}*/



/*.i_pro_view .swiper-slide-active .i_pro_item .text {*/

/*    color: #fff*/

/*}*/



/*.i_pro_view .i_pro_item:hover {*/

/*    height: 623px;*/

/*}*/



.i_pro_view .i_pro_item:hover .i_more {

    display: flex

}



.i_pro_view .i_pro_item:hover .g_bg {

    opacity: 1

}



.i_pro_view .i_pro_item:hover:after {

    opacity: 1

}



.i_pro_view .i_pro_item:hover .title {

    color: #fff;

}



.i_pro_view .i_pro_item:hover .title em {

    color: #d71718

}



.i_pro_view .i_pro_item:hover .title h3 {

    color: #fff

}



.i_pro_view .i_pro_item:hover .text {

    color: #fff

}



/*.i_pro_view .swiper-slide-active .i_pro_item .text li:before {*/

/*    content: '';*/

/*    width: 8px;*/

/*    height: 1px;*/

/*    background: #fff;*/

/*    display: inline-block;*/

/*    margin-right: 2px*/

/*}*/



.i_pro_view .swiper-btn {

    position: absolute;

    left: calc(33% + 34px);

    bottom: 0;

    display: flex;

}



.i_pro_view .swiper-button {

    width: 112px;

    height: 72px;

    line-height: 72px;

    text-align: center;

    background: none;

    position: relative;

    left: auto;

    top: auto;

    right: auto;

    color: #d71718;

    border: 1px solid #d71718;

    overflow: hidden

}



.i_pro_view .swiper-button:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    transform: translateX(100%);

    width: 100%;

    height: 100%;

    background: #d71718;

    transition: .4s all ease

}



.i_pro_view .swiper-button i {

    font-size: 36px;

    display: inline-block;

    transition: .4s all ease

}



.i_pro_view .swiper-button.swiper-button-next {

    transform: rotate(180deg)

}



.i_pro_view .swiper-button:hover:before {

    transform: translateX(0);

}



.i_pro_view .swiper-button:hover i {

    transform: translateX(-8px);

    color: #fff

}



.i_yf {

    display: flex;

    align-items: center;

    background: url("/uploads/images/i_yfBg.jpg") no-repeat;

    background-position: center;

    background-size: cover

}



.i_yf .i_yf_view {

    width: 100%

}



.i_yf .i_yf_view .g_w {}



.i_yf .i_title {

    text-align: center

}



.i_yf .list {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding-top: 40px;

}



.i_yf .list .item {

    width: 24%;

    position: relative;

    overflow: hidden

}



.i_yf .list .item:nth-child(2n) {

    margin-top: 60px;

}



.i_yf .list .item .g_bg {

    padding-top: 570px;

}



.i_yf .list .item .title {

    color: #fff

}



.i_yf .list .item .title span {

    font-size: 18px;

}



.i_yf .list .item .title h3 {

    font-size: 24px;

    margin-top: 10px;

}



.i_yf .list .item .before {

    position: absolute;

    left: 0;

    bottom: 80px;

    width: 100%;

    padding: 0 48px;

    transition: 1s all ease

}



.i_yf .list .item .before .title span {

    color: #c11a21;

    text-transform: capitalize;

}



.i_yf .list .item .after {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, 0%);

    width: 100%;

    padding: 0 48px;

    color: #fff;

    text-align: center;

    opacity: 0;

    transition: 1s all ease

}



.i_yf .list .item .after i {

    display: block;

    font-size: 52px;

    height: 52px;

    margin: 24px 0 34px 0;

}



.i_yf .list .item .after span {

    font-size: 16px;

    opacity: .62;

    text-transform: capitalize;

}



.i_yf .list .item:hover .before {

    transform: translateX(-100%);

    opacity: 0

}



.i_yf .list .item:hover .after {

    transform: translate(-50%, -50%) scale(1);

    opacity: 1

}



.i_about {

    display: flex;

    align-items: center;

    background: url("/uploads/images/i_aboutBg.jpg") no-repeat;

    background-position: center;

    background-size: cover

}



.i_about_view {

    width: 100%

}



.i_about_view .g_w {

    display: flex;

    align-items: center

}



.i_about_view .i_title span {

    margin-top: 20px;

}



.i_about_view .con_l {

    width: 690px;

    padding-right: 46px;

}



.i_about_view .con_l .text {

    margin-top: 70px;

    font-size: 18px;

    line-height: 46px;

    color: #474747;

    text-align: justify

}



.i_about_view .con_l .i_more {

    margin-top: 90px;

}



.i_about_view .con_r {

    width: calc(100% - 690px);

    height: 600px;

    position: relative

}



.i_about_view .con_r .item {

    position: absolute;

    z-index: 99;

    transition: .4s all ease;

    opacity: .8;

    transform: scale(.9);

    animation: opacityItem 3s linear infinite;

    -webkit-animation: opacityItem 3s linear infinite;

}



.i_about_view .con_r .item a {

    display: flex;

    align-items: center;

    white-space: nowrap

}



.i_about_view .con_r .item .img {

    width: 96px;

    height: 96px;

    padding: 9px;

    border: 2px solid #cccccc;

    border-radius: 50%;

    background: #fff;

    transition: .6s all ease

}



.i_about_view .con_r .item .g_bg {

    width: 100%;

    height: 100%;

    border-radius: 50%;

}



.i_about_view .con_r .item .title {

    margin-left: 14px;

}



.i_about_view .con_r .item .title h4 {

    color: #333;

    line-height: 34px;

}



.i_about_view .con_r .item .title span {

    color: #888

}



.i_about_view .con_r .item:nth-child(1) {

    top: 35%;

    left: 0;

    animation-delay: .3s

}



.i_about_view .con_r .item:nth-child(2) {

    top: 0;

    left: 50%;

    animation-delay: .1s

}



.i_about_view .con_r .item:nth-child(3) {

    top: 35%;

    left: 35%;

    animation-delay: .5s

}



.i_about_view .con_r .item:nth-child(4) {

    top: 40%;

    right: -74px;

    animation-delay: .6s

}



.i_about_view .con_r .item:nth-child(5) {

    top: 60%;

    left: 60%;

    animation-delay: .2s

}



.i_about_view .con_r .item:nth-child(6) {

    top: 80%;

    left: 28%;

    animation-delay: .8s

}



.i_about_view .con_r .item:hover .img {

    width: 138px;

    height: 138px;

    border-color: #d71718

}



.i_about_view .con_r .item:hover .title h4 {

    font-size: 24px;

    color: #d71718

}



.i_about_view .con_r .item:hover {

    animation: none;

    -webkit-animation: none;

    opacity: 1;

    transform: scale(1)

}



.i_news {

    position: relative;

    display: flex;

    align-items: center

}



.i_news .i_news_view {

    width: 100%;

    position: relative;

    z-index: 9

}



.i_news .top {

    width: 100%;

    background: url("/uploads/images/i_news4.png") no-repeat;

    background-position: right center;

}



.i_news .i_title span {

    margin-top: 20px;

}



.i_news canvas {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2

}



.i_news .swiper_con {

    position: relative;

    padding-left: 158px;

    margin-top: 46px;

}



.i_news .swiper_con .item {

    position: relative;

    overflow: hidden

}



.i_news .swiper_con .item:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url("/uploads/images/i_news5.png") no-repeat bottom;

    background-size: 100% auto

}



.i_news .swiper_con .item .g_bg {

    padding-top: 65%

}



.i_news .swiper_con .item .text {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 9;

    width: 100%;

    padding: 26px;

    color: #fff;

    transform: translateY(46px);

    transition: .4s all ease

}



.i_news .swiper_con .item .text h4 {

    font-weight: 600;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.i_news .swiper_con .item .text span {

    font-size: 12px;

    display: block;

    margin-top: 10px;

}



.i_news .swiper_con .item .text p {

    height: 40px;

    overflow: hidden;

    font-size: 12px;

    line-height: 20px;

    display: block;

    margin-top: 20px;

    opacity: 0;

    pointer-events: none;

    transition: .4s all ease

}



.i_news .swiper_con .item:hover .text {

    transform: translateY(0)

}



.i_news .swiper_con .item:hover .text p {

    opacity: .5;

    pointer-events: auto

}



.i_news .swiper_con .swiper-button {

    bottom: 0;

    top: auto;

    left: 0;

    right: auto;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 36px;

    color: #b7b7b7;

    border-radius: 50%;

    border: 2px solid #b7b7b7;

    background: none;

    transition: .4s all ease

}



.i_news .swiper_con .swiper-button i {

    font-size: 14px;

}



.i_news .swiper_con .swiper-button.swiper-button-next {

    left: 77px;

    transform: rotate(180deg)

}



.i_news .swiper_con .swiper-button:hover {

    color: #d71718;

    border-color: #d71718

}



.i_news .i_more {

    margin: 40px 0 0 auto;

    background: #d71718;

    color: #fff

}



@keyframes opacityItem {

    0% {

        opacity: .8;

        transform: scale(.9)

    }

    50% {

        opacity: 1;

        transform: scale(1)

    }

    100% {

        opacity: .8;

        transform: scale(.9)

    }

}



@-webkit-keyframes opacityItem {

    0% {

        opacity: .8;

        transform: scale(.9)

    }

    50% {

        opacity: 1;

        transform: scale(1)

    }

    100% {

        opacity: .8;

        transform: scale(.9)

    }

}



footer {

    background: #eef0f5;

    font-weight: 500

}



.f_logo {

    padding: 60px 0 34px 0;

    text-align: center;

    display: none;

}



.f-top {

    padding: 50px 0 110px 0;

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

}



.f-top-l {

    width: calc(100% - 260px);

}



.f-top ul {

    display: flex;

    justify-content: space-between;

}



.f-top ul li a {

    display: block;

    transition: .4s all ease

}



.f-top ul li>a {

    font-size: 18px;

    color: #333

}



.f-top ul li div {

    margin-top: 40px;

}



.f-top ul li div a {

    color: #777;

    line-height: 20px;

    margin-top: 6px;

}



.f-top ul li a:hover {

    color: #d71718

}



.f-top-c {

    width: 260px;

    text-align: right

}



.f-top-c .code {

    display: inline-block;

    text-align: center;

    white-space: nowrap

}



.f-top-c .code span {

    display: block;

    margin-bottom: 18px;

    font-size: 18px;

}



.f-bottom {

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.f-bottom a {

    font-size: 12px;

    color: #9f9f9f;

    margin: 0 4px;

}



.f-bottom span {

    font-size: 12px;

    color: #9f9f9f;

    margin: 0 4px;

}



.f-bottom a:hover {

    color: #d71718

}



.i_pro,

.i_yf,

.i_about,

.i_news {

    padding-top: 90px;

}



.n_body {

    padding-top: 90px;

}



.n_banner {position: relative}



.n_banner .g_bg {padding-top: 41.56%;background-position: center;background-size: cover;}



.n_banner .n_banner_text {position: absolute;right: 160px;top: 20%;color: #fff; text-shadow: 0 0 2px #000; font-size: 46px;animation: navU 2s ease forwards;-webkit-animation: navU 2s ease forwards;}



.n_nav {

    box-shadow: 0 0 6px #dfdfdf;

}



.n_nav ul {

    display: flex

}



.n_nav ul li {

    position: relative;

    height: 110px;

    padding-top: 20px;

    text-align: center

}



.n_nav ul li:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 0;

    background: #d71718;

    z-index: 2;

    transition: .6s all ease

}



.n_nav ul li:after {

    content: '';

    position: absolute;

    left: 100%;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 50px;

    background: url("/uploads/images/line.png") no-repeat;

    z-index: 2

}



.n_nav ul li span {

    color: #474747;

    font-size: 18px;

    display: block;

    margin-top: 10px;

    position: relative;

    z-index: 9;

    transition: .4s all ease

}



.n_nav ul li i {

    color: #9f9f9f;

    font-size: 36px;

    height: 36px;

    line-height: 36px;

    display: block;

    position: relative;

    z-index: 9;

    transition: .4s all ease

}



.n_nav ul li:hover:before {

    height: 130px;

}



.n_nav ul li:hover span {

    color: #fff;

}



.n_nav ul li:hover i {

    color: #fff;

}



.n_nav ul li.active:before {

    height: 130px;

}



.n_nav ul li.active span {

    color: #fff;

}



.n_nav ul li.active i {

    color: #fff;

}



.n_about .n_nav ul li {

    width: calc(100% / 7)

}



.n_about1 {}



.n_about1 .text {

    font-size: 18px;

    line-height: 42px;

    color: #474747;

    text-align: justify;

    text-indent: 2em;

}



.n_about1 .text p {

    margin-top: 30px;

}



.n_about1 .con1 {

    margin-top: 120px;

    background: url("/uploads/images/n_about1_4.png") no-repeat;

    background-position: 0 100px

}



.n_about1 .con1 .top {

    display: flex;

}



.n_about1 .con1 .top .con_l {

    width: 500px;

}



.n_title {}



.n_title span {

    font-size: 46px;

    line-height: 46px;

    display: block

}



.n_title b {

    margin-top: 30px;

    font-size: 90px;

    line-height: 90px;

    color: #474747;

    opacity: .1;

    display: block;

    font-family: MONTSERRAT-BOLD;

    text-transform: uppercase;

}



.n_about1 .con1 .top .con_r {

    width: calc(100% - 500px);

}



.n_about1 .con1 .top .text p:nth-child(1) {

    margin-top: 0;

}



.n_about1 .con1 .bottom {

    margin-top: 50px;

    text-align: center

}



.n_about1 .con1 .bottom img {

    width: 100%

}



.n_about1 .con2 {

    padding-top: 190px;

    background: url("/uploads/images/n_about1_5.png") no-repeat;

    background-position: right top;

    display: flex

}



.n_about1 .con2 .con_l {

    width: 50%;

    padding: 0 50px 0 160px;

}



.n_about1 .con2 .con_r {

    width: 50%;

}



.n_about1 .con2 .con_r img {

    width: 100%;

}



.n_about1 .con3 {

    padding-top: 150px;

    padding-bottom: 280px;

    display: flex;

    flex-direction: row-reverse;

    background: url("/uploads/images/n_about1_6.png") no-repeat;

    background-position: right bottom;

}



.n_about1 .con3 .con_l {

    width: 50%;

    padding: 0 160px 0 50px;

}



.n_about1 .con3 .con_r {

    width: 50%;

}



.n_about1 .con3 .con_r img {

    width: 100%;

}



.n_about2 .n_title {

    text-align: center

}



.n_about2 .n_title b {

    margin-top: 0

}



.n_about2 .n_title span {

    margin-top: 20px;

}



.n_about2 .con1 {

    margin-top: 80px;

    background: url("/uploads/images/n_about1_5.png") no-repeat;

    background-position: right top

}



.n_about2 .con1 .top {

    margin-top: 30px;

    position: relative;

    padding-top: 56.25%;

    background: url("/uploads/images/n_about2_1.jpg") no-repeat;

    background-position: center;

    background-size: cover

}



.n_about2 .con1 .top .text {

    width: 960px;

    max-width: 100%;

    padding: 100px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: rgba(255, 255, 255, .85)

}



.n_about2 .con1 .top .title {

    position: relative;

    padding-bottom: 30px;

    font-size: 24px;

    color: #474747;

    border-bottom: 1px solid #9f9f9f

}



.n_about2 .con1 .top .title:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100px;

    height: 3px;

    background: #d71718

}



.n_about2 .con1 .top p {

    font-size: 18px;

    line-height: 42px;

    color: #474747;

    margin-top: 20px;

    text-align: justify

}



.n_about2 .con2 {

    margin: 76px 0

}



.n_about2 .map {

    position: relative

}



.n_about2 .my-map {

    margin: 0 auto;

    width: 100%;

    height: 700px;

}



.n_about2 .my-map .icon {

    background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;

}



.n_about2 .my-map .icon-cir {

    height: 31px;

    width: 28px;

}



.n_about2 .my-map .icon-cir-red {

    background-position: -11px -5px;

}



.n_about2 .amap-container {

    height: 100%;

}



.n_about2 .myinfowindow {

    width: 260px;

    min-height: 50px;

    border-radius: 8px;

}



.n_about2 .amap-info-content {}



.n_about2 .myinfowindow h5 {

    display: none

}



.n_about2 .myinfowindow div {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center

}



.n_about2 .info {

    position: absolute;

    right: 10%;

    top: 0;

    z-index: 99;

    padding: 20px 20px 20px 60px;

    width: 500px;

    height: 100%;

    display: flex;

    align-items: center;

    background: rgba(255, 255, 255, .8)

}



.n_about2 .info .title b {

    font-size: 24px;

    color: #474747;

    display: block;

    line-height: 24px;

}



.n_about2 .info .title p {

    font-size: 18px;

    color: #474747;

    display: block;

    line-height: 18px;

    margin-top: 30px;

}



.n_about2 .info ul {

    margin-top: 30px;

    overflow: hidden

}



.n_about2 .info ul li {

    margin-top: 30px;

}



.n_about2 .info ul li p {

    margin-top: 14px;

    font-size: 18px;

    color: #474747

}



.n_about2 .info ul li p b {

    font-size: 40px;

    line-height: 40px;

    height: 40px;

    color: #d71718;

    display: inline-block;

    vertical-align: bottom

}



.n_about3 {}



.n_about3 .n_con {

    background: url("/uploads/images/n_about3_6.png") no-repeat right 380px;

}



.n_about3 .con1 {

    margin-top: 100px;

}



.n_about3 .con1 .g_w {

    display: flex

}



.n_about3 .con1 .con_l {

    width: 55%;

    position: relative

}



.n_about3 .con1 .con_l .img1 {

    animation: rotateMove 7s linear infinite;

    -webkit-animation: rotateMove 7s linear infinite;

}



.n_about3 .con1 .con_l .img_logo {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.n_about3 .con1 .con_r {

    padding: 150px 0 0 70px;

    width: 45%;

    text-align: center

}



.n_about3 .con1 .con_r .title {

    font-size: 40px;

    padding-bottom: 60px;

    position: relative;

    display: inline-block;

    border-bottom: 1px solid #9f9f9f

}



.n_about3 .con1 .con_r .text {

    font-size: 24px;

    line-height: 60px;

    margin-top: 60px;

    color: #474747

}



@keyframes rotateMove {

    0% {

        transform: rotate(0)

    }

    100% {

        transform: rotate(360deg)

    }

}



@-webkit-keyframes rotateMove {

    0% {

        transform: rotate(0)

    }

    100% {

        transform: rotate(360deg)

    }

}



.n_about3 .con2 {

    margin-top: 126px;

}



.n_about3 .con2 .g_w {

    display: flex;

    align-items: self-start

}



.n_about3 .con2 .item {

    width: 50%;

    position: relative

}



.n_about3 .con2 .item:nth-child(2) {

    margin-top: -160px;

}



.n_about3 .con2 .item:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

    content: '';

    opacity: 0;

    transition: .4s all ease

}



.n_about3 .con2 .img {

    overflow: hidden

}



.n_about3 .con2 .g_bg {

    padding-top: 100%;

    transition: .8s all ease

}



.n_about3 .con2 .before {

    position: absolute;

    left: 0;

    top: 0;

    padding-top: 170px;

    width: 100%;

    height: 100%;

    text-align: center;

    z-index: 9;

    color: #fff

}



.n_about3 .con2 .before i {

    font-size: 70px;

    height: 70px;

    line-height: 70px;

}



.n_about3 .con2 .before span {

    font-size: 40px;

    line-height: 40px;

    height: 40px;

    display: block;

    margin-top: 40px;

}



.n_about3 .con2 .before p {

    font-size: 24px;

    line-height: 52px;

    display: block;

    margin-top: 30px;

}



.n_about3 .con2 .item:hover:after {

    opacity: 1

}



.n_about3 .con2 .item:hover .g_bg {

    transform: scale(1.02);

}



.n_about3 .con3 {

    margin-top: 100px;

    padding-top: 130px;

    height: 770px;

    text-align: center;

    color: #fff;

    background: url("/uploads/images/n_about3_4.jpg") no-repeat center;

    background-size: cover

}



.n_about3 .con3 span {

    display: block;

    font-size: 40px;

    line-height: 40px;

}



.n_about3 .con3 i {

    display: block;

    font-size: 70px;

    line-height: 70px;

    height: 70px;

    margin-top: 106px;

}



.n_about3 .con3 p {

    display: block;

    font-size: 24px;

    margin-top: 50px;

}



.n_about3 .con3 p:nth-child(4) {

    display: block;

    font-size: 30px;

    margin-top: 10px;

    text-transform: uppercase;

}



.n_about3 .con4 {

    padding: 80px 0;

    background: url("/uploads/images/n_about3_7.png") no-repeat top left;

}



.n_about3 .con4 .item {

    display: flex;

    align-items: self-start

}



.n_about3 .con4 .con_l {

    width: 50%;

    height: 585px;

    margin-top: 150px;

    padding: 140px 20px 150px 160px;

    background: #f4f4f4

}



.n_about3 .con4 .con_l .title {

    font-size: 40px;

    padding-bottom: 60px;

    display: inline-block;

    border-bottom: 1px solid #9f9f9f

}



.n_about3 .con4 .con_l .text {

    font-size: 24px;

    margin-top: 50px;

}



.n_about3 .con4 .con_r {

    width: 50%

}



.n_about3 .con4 .con_r .g_bg {

    height: 585px;

}



.n_about3 .con4 .swiper-pagination {

    position: absolute;

    left: 160px;

    bottom: 124px;

    width: auto

}



.n_about3 .con4 .swiper-pagination-bullet {

    width: 22px;

    height: 22px;

    line-height: 20px;

    text-align: center;

    border: 1px solid rgba(216, 23, 24, 0);

    background: none;

    opacity: 1;

    transition: .4s all ease;

}



.n_about3 .con4 .swiper-pagination-bullet:before {

    content: '';

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #9f9f9f;

    transition: .4s all ease;

}

.n_about3 .con4 .swiper-pagination-bullet-active{  border: 1px solid rgba(216, 23, 24, 1);}

.n_about3 .con4 .swiper-pagination-bullet-active:before{  background: rgba(216, 23, 24, 1);}





.n_about4 .list{display: flex;flex-wrap: wrap;margin-top: 50px;}

.n_about4 .list .item {position: relative;overflow: hidden;width: 31%;margin-right: 3.5%;margin-top: 60px;}

.n_about4 .list .item:nth-child(3n){margin-right: 0}

.n_about4 .list .item .g_bg {padding-top: 65%}

.n_about4 .list .item .text {position: relative; padding: 26px;color: #474747;background: #f4f4f4;transition: .4s all ease}

.n_about4 .list .item .text:after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 1px;background: #d71718;transition: .8s all ease}

.n_about4 .list .item .text h4 {font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.n_about4 .list .item .text span {font-size: 12px;display: block;margin-top: 10px;}

.n_about4 .list .item .text p {height: 0;overflow: hidden;font-size: 12px;line-height: 20px;display: block;margin-top: 20px;transition: .4s all ease}

.n_about4 .list .item:hover .text h4{color: #d71718}

.n_about4 .list .item:hover .text p {height: 40px;}

.n_about4 .list .item:hover .text:after{width: 100%;}



.n_about4_d{}

.n_about4_d .n_con{ background: #f4f4f4}

.n_about4_d .con1{padding: 90px 0}

.n_about4_d .con1  .view{margin: 0 auto; padding: 90px 140px; width: 1300px;max-width: 100%; background: #fff;}

.n_about4_d .con1 .title{text-align: center;}

.n_about4_d .con1 .title b{color: #474747;font-size: 28px;line-height: 34px;display: block}

.n_about4_d .con1 .title span{color: #474747;font-size: 16px;margin-top: 10px;display: block}

.n_about4_d .con1 .title span i{margin-right: 4px;}

.n_about4_d .con1 .text {margin-top: 20px; font-size: 18px;color: #474747;line-height: 36px;}

.n_about4_d .con1 .back{display: block; width: 160px;height: 50px;line-height: 50px;text-align: center;margin: 60px auto 0 auto; font-size: 16px;color: #474747; background: #f4f4f4;border-radius: 30px;transition: .4s all ease }

.n_about4_d .con1 .back i{margin-right: 8px;font-size: 18px;transform: translateY(-2px)}

.n_about4_d .con1 .back:hover{background: #d71718;color: #fff;}

.n_about4_d .con1 .bottom{margin-top: 40px; padding-top: 40px; display: flex;justify-content: space-between;border-top: 1px dashed #474747 }

.n_about4_d .con1 .bottom a{display: inline-block;width: 49%;padding-left: 40px; position: relative;font-size: 16px; color: #474747;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: .4s all ease}

.n_about4_d .con1 .bottom a i{position: absolute;left: 0;top: 0;transform: rotate(180deg)}

.n_about4_d .con1 .bottom a:nth-child(2) {padding-right: 40px;padding-left: 0;text-align: right;}

.n_about4_d .con1 .bottom a:nth-child(2) i{left: auto;right: 0;transform: rotate(0)}

.n_about4_d .con1 .bottom a:hover{color: #d71718}



.n_about5 .n_con{background: #e7e9f0;overflow: hidden}

.n_about5 .list{display: flex;flex-wrap: wrap;margin-top: 50px;}

.n_about5 .list .item {position: relative;overflow: hidden;width: 32%;padding: 60px 0; margin-right: 2%;margin-top: 60px;background: #fff;border-radius: 4px;transition: .4s all ease}

.n_about5 .list .item:nth-child(3n){margin-right: 0}

.n_about5 .list .item .title{font-size: 22px;text-align: center;padding: 0 20px;}

.n_about5 .list .item .img{position: relative;height: 456px;margin-top: 40px;}

.n_about5 .list .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}

.n_about5 .list .item:hover{box-shadow: 0 0 8px #d71718}

.n_about5 .list .item:hover .title{color: #d71718}



.n_about6 .con1{padding: 100px 0 230px 0;background: url("/uploads/images/n_about6_5.png") no-repeat bottom right;}

.n_about6 .title{font-size: 46px;text-align: center}

.n_about6 .list{display: flex;justify-content: space-between;align-items: self-start; margin-top: 60px;}

.n_about6 .list .item {width: 24%;position: relative;overflow: hidden;transition: .4s all ease}

.n_about6 .list .item:nth-child(2n){margin-top: 84px;}

.n_about6 .list .item:before{content: ''; position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,.2);z-index: 2;transition: .6s all ease}

.n_about6 .list .item .g_bg{padding-top: 165%}

.n_about6 .list .item .text{padding: 30px; width: 100%; position: absolute; top: 50%;transform: translateY(-50%);z-index: 9; color: #fff;transition: .6s all ease}

.n_about6 .list .item .item_title{position: relative;text-align: center;}

.n_about6 .list .item .item_title span{display: block;font-size: 24px;}

.n_about6 .list .item .item_title i{display: block;font-size: 40px;}

.n_about6 .list .item p{margin-top: 26px; font-size: 18px;color: #fff;line-height: 42px;text-align: justify;display: none}

.n_about6 .list .item:hover:before{background: rgba(215,23,24,.8);}

.n_about6 .list .item:hover p{display: block}



.n_about7 .n_con{background:url("/uploads/images/n_about3_6.png") no-repeat right 180%; }

.n_about7 .con1{padding: 70px 0;background:url("/uploads/images/n_about3_62.png") no-repeat left top; }

.n_about7 .title{font-size: 46px;text-align: center}

.n_about7 .view{margin-top: 40px; padding-top: 54%; min-height: 285px;

    background: url('/uploads/images/n_about7_1.jpg') no-repeat;background-position: center;background-size: cover; border-radius: 16px; overflow: hidden; position: relative}

.n_about7 .text{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,.9);width: 1000px; padding: 60px 100px;}

.n_about7 .top{display: flex;justify-content: space-between;align-items: center; font-size:20px;font-family: MONTSERRAT-BOLD;text-transform: uppercase }

.n_about7 .top:after{content: '';display: block;width: 400px;height: 1px;background: #474747}

.n_about7 .p{margin-top: 20px; font-size: 18px;line-height: 50px;color: #474747}



.n_pro .n_banner_text{color: #d71718; top: 40%;text-shadow: none}

.n_pro .n_nav ul li{width: calc(100% / 3);}

.n_pro1{}

.n_pro1 .list{padding-bottom: 60px;}

.n_pro1 .item{display: flex; width: 1400px;max-width: 100%;margin: 60px auto 0 auto; border-radius: 16px;overflow: hidden;background: #eef0f5;position: relative;transition: .4s all ease}

.n_pro1 .item:before{display: block; width: 2px;height:80px;background: #d71718;position: absolute;left:-2px;top: 120px;content: '' }

.n_pro1 .item .con_l{width: calc(100% - 568px);padding: 120px 0 20px 116px}

.n_pro1 .item .title{color: #474747}

.n_pro1 .item .title span{font-size: 18px;text-transform: uppercase;display:block}

.n_pro1 .item .title h3{font-size: 30px;text-transform: uppercase;margin-top: 16px;}

.n_pro1 .item .p{text-align: justify; font-size: 18px; line-height: 50px; color: #474747;margin-top: 50px;max-height: 200px;overflow: hidden}

.n_pro1 .item .con_r{width: 568px;padding:50px;}

.n_pro1 .item .con_r .img{padding-top: 130%;position: relative}

.n_pro1 .item .con_r img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%; max-height: 100%}

.n_pro1 .item:hover{box-shadow: 0 0 6px #d71718}

.n_pro1 .item:nth-child(2n){flex-direction: row-reverse}

.n_pro1 .item:nth-child(2n) .con_l{padding: 120px 116px 20px 0}



.n_pro_d{}

.n_pro_d .con1{padding: 90px 0 0 0; background:url("/uploads/images/n_about3_62.png") no-repeat left top;}

.n_pro_d .top{font-size: 16px;color: #474747}

.n_pro_d .top a{color: #474747;margin: 0 6px;}

.n_pro_d .top a:nth-child(1){margin-left: 0}

.n_pro_d .top a:hover{color: #d71718}

.n_pro_d .view {margin-top: 60px; display: flex;border-radius: 16px;

    background-image:url("/uploads/images/n_about3_6.png"); background-repeat: no-repeat;background-position:  right 220%;background-color: #eef0f5;}

.n_pro_d .view .con_l{width: 50%;padding: 50px 110px;}

.n_pro_d .view .img{position: relative}

.n_pro_d .view img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 96%; max-height: 96%}

.n_pro_d .view .swiper-container1 .img{height: 670px;}

.n_pro_d .view .swiper-container2 .img{padding-top: 100%;background: #fff;border-radius: 8px;overflow: hidden}

.n_pro_d .view .swiper-container2 .swiper-slide-thumb-active .img{border: 1px solid #d71718}

.n_pro_d .view .con_r{width: 50%;padding: 150px 100px 20px 0;position: relative}



.n_pro_d .swiper-btn {position: absolute;left: 0;bottom: 50px;display: flex;}

.n_pro_d .swiper-button {margin: 0; width: 112px;height: 72px;line-height: 72px;text-align: center;background: none;position: relative;left: auto;top: auto;right: auto;color: #d71718;border: 1px solid #d71718;overflow: hidden}

.n_pro_d .swiper-button:before {content: '';position: absolute;left: 0;top: 0;transform: translateX(100%);width: 100%;height: 100%;background: #d71718;transition: .4s all ease}

.n_pro_d .swiper-button i {font-size: 36px;display: inline-block;transition: .4s all ease}

.n_pro_d .swiper-button.swiper-button-next {transform: rotate(180deg)}

.n_pro_d .swiper-button:hover:before {transform: translateX(0);}

.n_pro_d .swiper-button:hover i {transform: translateX(-8px);color: #fff}



.n_pro_d .view .title{color: #474747}

.n_pro_d .view .title span{font-size: 18px;text-transform: uppercase;display:block}

.n_pro_d .view .title h3{font-size: 30px;text-transform: uppercase;margin-top: 16px;}

.n_pro_d .view .p{text-align: justify; font-size: 18px; line-height: 50px; color: #474747;margin-top: 50px;overflow: hidden}

.n_pro_d .view .more{ display: block; margin-top: 90px; width: 200px;height: 50px; line-height: 50px; text-align: center;color: #474747;font-size: 18px;border-radius: 30px;border: 1px dashed #474747;transition: .4s all ease}

.n_pro_d .view .more i{display: inline-block;font-size: 24px;margin-left: 10px;margin-top: -2px;transform: translateY(2px)}

.n_pro_d .view .more:hover{background: #d71718;color: #fff}

.n_pro_d .con2{padding: 108px 0 210px 0;background:url("/uploads/images/n_about6_5.png") no-repeat right bottom; }

.n_pro_d .con2 .title{text-align: center}

.n_pro_d .con2 .title b{font-size: 60px;color: #d71718;text-transform: uppercase;display: block}

.n_pro_d .con2 .title span{font-size: 30px;color: #474747;display: block;margin-top: 10px;}

.n_pro_d .con2 .swiper_con{margin-top: 70px;}

.n_pro_d .con2 .item{width: 230px;height: 230px;margin: 0 auto; padding: 14px;border-radius: 50%;border: 1px dashed #d71718;}

.n_pro_d .con2 .item span{width: 100%;height: 100%;font-size: 24px;color: #474747;transition: .4s all ease;

    display: flex;align-items: center;justify-content: center; border-radius: 50%;background: #eef0f5}

.n_pro_d .con2 .item:hover span{background: #d71718;color: #fff}



.n_dj{}

.n_dj .n_banner_text{top: 30%; left: 0;width: 100%;text-align: center;color: #fff4cc}

.n_dj .con1{padding-top: 110px;}

.n_dj .con1 .g_w{display: flex;}

.n_dj .con1 .con_l{width: 390px;padding-bottom: 40px}

.n_dj .con1 .con_l .input-group{display: flex;border-radius: 4px;overflow: hidden;}

.n_dj .con1 .con_l .input-group input{display: block;width: calc(100% - 90px);height:70px;padding: 0 20px;background: #eef0f5;font-size: 18px;border: 0}

.n_dj .con1 .con_l .input-group i{display: block;width: 90px;height: 70px;text-align: center;line-height: 70px;background: #d71718; font-size: 30px;color: #fff; }

.n_dj .con1 .con_l .years_list{margin-top: 30px}

.n_dj .con1 .con_l .years_list .top{font-size: 20px}

.n_dj .con1 .con_l .years_list .top i{font-size: 20px}

.n_dj .con1 .con_l .years_list ul{margin-top: 30px;border-top: 1px solid #dddddd}

.n_dj .con1 .con_l .years_list ul li{position: relative;border-bottom: 1px solid #dddddd;transition: .4s all ease}

.n_dj .con1 .con_l .years_list ul li a{height: 70px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;color: #474747;transition: .4s all ease}

.n_dj .con1 .con_l .years_list ul li:hover{border-color: #d71718}

.n_dj .con1 .con_l .years_list ul li:hover a{color: #d71718}

.n_dj .con1 .con_r{width: calc(100% - 390px);padding-left: 100px}

.n_dj .con1 .list{}

.n_dj .con1 .list .item{margin-top: 28px; background: #eef0f5;transition: .4s all ease}

.n_dj .con1 .list .item:nth-child(1){margin-top: 0}

.n_dj .con1 .list .item a{display: flex;padding: 40px 56px 40px 76px}

.n_dj .con1 .list .item .date{width: 124px;color: #474747;position: relative}

.n_dj .con1 .list .item .date:after{content: '';position: absolute;top: 0; left: 100%;width: 1px;height: 100%;background: #ccc;}

.n_dj .con1 .list .item .date b{font-size: 30px;display: block;transition: .4s all ease}

.n_dj .con1 .list .item .date span{font-size: 18px;display: block;margin-top: 14px}

.n_dj .con1 .list .item .text{width: calc(100% - 124px);padding-left: 42px;color: #474747}

.n_dj .con1 .list .item .text b{font-size: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s all ease}

.n_dj .con1 .list .item .text p{margin-top: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.n_dj .con1 .list .item:hover{box-shadow: 0 0 8px #999;background: #fff}

.n_dj .con1 .list .item:hover .date b{color: #d71718;}

.n_dj .con1 .list .item:hover .text b{color: #d71718;}



.n_yf .n_banner_text{right: auto;left: 160px;top:31%}

.n_yf .n_nav ul li{width: calc(100% / 3)}

.n_yf2{}

.n_yf2 .con1{margin: 110px 0;display: flex;position: relative}

.n_yf2 .con1 .con_l{width: 46%;padding-left: 160px;}

.n_yf_title{}

.n_yf_title b{font-size: 60px;font-family: MONTSERRAT-BOLD;color: #d71718;text-transform: uppercase; display: block}

.n_yf_title span{font-size: 30px;color: #474747;display: block;margin-top: 14px;}

.n_yf2 .con1 .name{margin-top: 90px;font-size: 24px;color: #474747}

.n_yf2 .con1 .name span{display: none}

.n_yf2 .con1 .name span.active{display: block}

.n_yf2 .con1 .con_r{width: 54%}

.n_yf2 .con1 .swiper-slide{width: auto}

.n_yf2 .con1 .img{width: 860px}

.n_yf2 .con1 .g_bg{padding-top: 59.3%}

.n_yf2 .swiper-button{margin: 0; width: 56px;height: 56px;top: auto; bottom: 0; transition: .4s all ease;

    text-align: center;line-height: 56px; color: #969696; border-radius: 50%; border: 1px solid #969696; background: none;}

.n_yf2 .swiper-button i{font-size: 20px}

.n_yf2 .swiper-button-prev{left: 160px}

.n_yf2 .swiper-button-next{left: calc(160px + 100px);transform: rotate(180deg)}

.n_yf2 .swiper-button:hover{color: #d71718;border-color: #d71718}



.n_yf1{}

.n_yf1 .con1{margin-top: 110px;  background: url("/uploads/images/n_about1_4.png") no-repeat;background-position: left bottom}

.n_yf1 .con1 .top {padding-bottom: 112px; background: url("/uploads/images/n_about3_62.png") no-repeat;background-position: right 40%;background-size: 600px auto}

.n_yf1 .con1 .top .g_w{display: flex}

.n_yf1 .con1 .title{width: 500px; font-size: 46px;color: #474747}

.n_yf1 .con1 .text{width: calc(100% - 500px); font-size: 18px;line-height: 50px; color: #474747}

.n_yf1 .con2{padding-bottom: 150px; background: url("/uploads/images/n_about3_6.png") no-repeat;background-position: right 110%;background-size: 600px auto}

.n_yf1 .con2 ul{}

.n_yf1 .con2 ul:nth-child(1) li {background: #d71718}

.n_yf1 .con2 ul:nth-child(1) li span{padding: 18px 12px;color: #fff;font-weight: 600}

.n_yf1 .con2 ul li{display: flex;background: #eef0f5}

.n_yf1 .con2 ul li:nth-child(2n){background: #fff}

.n_yf1 .con2 ul li span{width: 41%; padding: 12px; font-size: 18px;color: #474747; text-align: center; border-left: 1px solid #fff; display: flex;align-items: center;justify-content: center}

.n_yf1 .con2 ul li span:nth-child(1){width: 18%;border-left: 0;}



.n_yf3{}

.n_yf3 .n_yf_title{text-align: center}

.n_yf3 .con1{margin-top: 110px;}

.n_yf3 .top{display: flex;margin-top: 40px;}

.n_yf3 .top .con_l{width: 50%;padding: 140px 90px 20px 90px;

    background-color: #eef0f5;background-image: url("/uploads/images/n_about3_62.png") ; background-repeat: no-repeat; background-position: left 160%;background-size: 500px auto}

.n_yf3 .top .con_l .text{font-size: 18px;color: #474747;line-height: 56px;}

.n_yf3 .top .con_l .text .name{display: block;margin-top:100px; }

.n_yf3 .top .con_l .text .name:after{content: '';display: inline-block; vertical-align: middle; margin-left: 34px; width:80px;height: 1px;background: #9f9f9f}

.n_yf3 .top .con_r{width: 50%}

.n_yf3 .top .con_r .img{height: 100%}

.n_yf3 .top .con_r .g_bg{padding-top: 75%;height: 100%}

.n_yf3 .bottom {margin: 100px 0;position: relative}

.n_yf3 .bottom .item{position: relative;overflow: hidden}

.n_yf3 .bottom .item .img{overflow: hidden}

.n_yf3 .bottom .item .g_bg{padding-top: 74.3%;transition: .8s all ease}

.n_yf3 .bottom .item .name{position: absolute;left: 0;bottom:0;text-align: center;font-size: 18px;color: #474747;

    width: 100%;padding: 20px ; background: rgba(255,255,255,.85); transform: translateY(100%); transition: .6s all ease}

.n_yf3 .bottom .item:hover .name{transform: translate(0)}

.n_yf3 .bottom .item:hover .g_bg{transform: scale(1.02)}

.n_yf3 .swiper-button{margin: 0; width: 56px;height: 56px;top: 50%; transform: translate(-120%, -50%); transition: .4s all ease;

    text-align: center;line-height: 56px; color: #969696; border-radius: 50%; border: 1px solid #969696; background: none;}

.n_yf3 .swiper-button i{font-size: 20px}

.n_yf3 .swiper-button-prev{left: 0}

.n_yf3 .swiper-button-next{right: 0;transform: rotate(180deg) translate(-120%, 50%)}

.n_yf3 .swiper-button:hover{color: #d71718;border-color: #d71718}



.n_yf4 .n_yf_title{text-align: center}

.n_yf4 .n_con{overflow: hidden; background: url("/uploads/images/n_about3_6.png") no-repeat;background-position:right -20%;background-size: 600px auto}

.n_yf4 .con1{overflow: hidden; margin-top: 110px; background: url("/uploads/images/n_about3_62.png") no-repeat;background-position:left 110%;background-size: 600px auto}

.n_yf4 .con1 .p{margin-top: 50px;font-size: 18px;line-height: 50px;text-align: center;color: #474747}

.n_yf4 .map {margin: 50px 0; text-align: center}

.n_yf4 .map .view{display: inline-block;position: relative}

.n_yf4 .map .img{position: relative}

.n_yf4 .map .list{z-index: 9}

.n_yf4 .map .list .item{position: absolute;transform: translate(-50%,-50%);min-width:46px;  pointer-events: none;z-index: 9}

.n_yf4 .map .list .item>div{position: relative;padding-top: 100%;color: #fff;font-size: 22px;}

.n_yf4 .map .list .item span{position: absolute;left: 0;top: 0;  z-index: 9;

    width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;}

.n_yf4 .map .list .item:before{content: ''; width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);

    background: url("/uploads/images/n-yw2-8.png") no-repeat;background-size: 100% 100%;animation:quanMove 2s linear infinite  ;}

.n_yf4 .map .list .item:after{content: ''; width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);

    background: url("/uploads/images/n-yw2-8.png") no-repeat;background-size: 100% 100%;animation:quanMove 2s linear infinite .5s;}

.n_yf4 .map .list .item:nth-child(1){left: 19.2%;top: 23.7%;width: 8.8%}

.n_yf4 .map .list .item:nth-child(2){left: 40%;top: 30.5%;width: 12.8%}

.n_yf4 .map .list .item:nth-child(3){left: 44%;top: 71.4%;width: 8.3%}

.n_yf4 .map .list .item:nth-child(4){left: 78.3%;top: 28.7%;width: 11.5%}

.n_yf4 .map .list .item:nth-child(5){left: 94%;top: 63.8%;width: 11.5%}

.n_yf4 .map .list .item:nth-child(6){left: 12%;top: 50%;width: 10%}

.n_yf4 .map .list .item:nth-child(1) span{background: rgba(160,130,108,.6)}

.n_yf4 .map .list .item:nth-child(2) span{background: rgba(220,148,54,.8)}

.n_yf4 .map .list .item:nth-child(3) span{background: rgba(165,170,27,.6)}

.n_yf4 .map .list .item:nth-child(4) span{background: rgba(7,52,112,.6)}

.n_yf4 .map .list .item:nth-child(5) span{background: rgba(27,170,74,.6)}

.n_yf4 .map .list .item:nth-child(6) span{background: rgba(189, 0, 20, 0.6)}

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



.n_contact .n_banner_text{text-align: center;width: 100%;top: 45%;left:0}

.n_contact .n_nav ul li{width: calc(100% / 4)}



.n_contact1 .con1{display: flex;align-items: stretch; padding-top: 40px;}

.n_contact1 .con1 .map{width: 50%}

.n_contact1 .my-map { margin: 0 auto; width: 100%; height: 640px; }

.n_contact1 .my-map .icon { background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }

.n_contact1 .my-map .icon-cir { height: 31px; width: 28px; }

.n_contact1 .my-map .icon-cir-red { background-position: -11px -5px; }

.n_contact1 .amap-container{height: 100%;border-radius: 8px!important;overflow: hidden}

.n_contact1 .amap-info-content{border-radius: 8px!important;overflow: hidden}

.n_contact1 .myinfowindow{width: 210px;min-height: 50px;}

.n_contact1 .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }

.n_contact1 .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }



.n_contact1 .info{width: 50%; padding: 60px 80px;

    background-color: #eef0f5;background-image: url("/uploads/images/n_contact1_1.png");background-repeat: no-repeat;background-position: 99% 98%}

.n_contact1 .info .top{}

.n_contact1 .info .top p{font-size: 16px;margin-top: 6px; }

.n_contact1 .info .list{margin-top: 60px; display: flex;justify-content: space-between;position: relative}

.n_contact1 .info .title{font-size: 24px;color: #474747;display: block;margin-bottom: 10px; }

.n_contact1 .info p{font-size: 16px;color: #474747;line-height: 30px;}

.n_contact1 .info img{margin: 10px 0}

.n_contact1 .info .item{position: relative;margin-top: 20px;}

.n_contact1 .info .item:after{content: ''; position: absolute; right: 0;top: 0; width: 1px;height: 100%;

    background-image: linear-gradient(rgba(205,206,206,.4), rgba(205,206,206,1),rgba(205,206,206,.4));display: none}

.n_contact1 .info .list:before{content: ''; position: absolute; left: 33.33%;top: 0; width: 1px;height: 100%;

    background-image: linear-gradient(rgba(205,206,206,.4), rgba(205,206,206,1),rgba(205,206,206,.4));display: block;}

.n_contact1 .info .list:after{content: ''; position: absolute; left: 73%;top: 0; width: 1px;height: 100%;

    background-image: linear-gradient(rgba(205,206,206,.4), rgba(205,206,206,1),rgba(205,206,206,.4));display: block;}





.n_contact .con2{padding: 80px 0}

.n_contact .con2 .n_title{font-size: 24px;text-align: center;display: block}

.n_contact .con2 .form_view_row{display: flex;justify-content: space-between; margin-top:40px;color: #474747}

.n_contact .con2 .form_view_row input{width: 48%;font-size: 16px; color: #474747; padding-bottom:10px;  display: inline-block; border: 0; background: none; border-bottom: 1px solid #999;transition: .4s all ease}

.n_contact .con2 .form_view_row2 input{width: 100%}

.n_contact .con2 .form_view_bottom{margin-top: 40px; display: flex;align-items: center;justify-content: space-between}

.n_contact .con2 .form_view_bottom span{color: #9f9f9f}

.n_contact .con2 .submit{width: 160px;height: 50px;text-align: center;line-height: 50px;font-size: 18px; color: #474747;background: #eee;border-radius: 30px;border: 0;transition: .6s all ease}

.n_contact .con2 .form_view_row input:hover{border-color: #d71718}

.n_contact .con2 .submit:hover{background: #d71718;color: #fff}











@keyframes quanMove {

    0% {transform: translate(-50%,-50%) scale(1);opacity: 0}

    25% {opacity: 1;}

    50% {opacity: 1;}

    75% {opacity: 1;}

    100% {transform: translate(-50%,-50%) scale(2); opacity: 0}

}



@-webkit-keyframes quanMove {

    0% {transform: translate(-50%,-50%) scale(1);opacity: 0}

    25% {opacity: 1;}

    50% {opacity: 1;}

    75% {opacity: 1;}

    100% {transform: translate(-50%,-50%) scale(2); opacity: 0}

}



.n_contact2 .i_pro_view {display: flex}

.n_contact2 .i_pro_view .con_l{width: 234px;}

.n_contact2 .i_pro_view .i_pro_item:after{display: none!important;}

.n_contact2 .i_pro_view .con_l .i_title{position: relative;padding-left: 60px;}

.n_contact2 .i_pro_view .con_l .i_title b{position: absolute;left: 0;top: 0; transform-origin: left top; transform:translateX(60px) rotate(90deg);white-space: nowrap}

.n_contact2 .i_pro_view .con_l .i_title span{width: 1px;display: block;opacity: .5}

.n_contact2 .i_pro_view .con_r{width: calc(100% - 234px);}

.n_contact2 .i_pro_view .i_pro_item .text ul{height: 180px;}

/*.n_contact2 .i_pro_view .swiper-slide-active .i_pro_item .text li:before{display: none}*/

.n_contact2 .con1{padding:200px 0 270px 160px;background: url("/uploads/images/n_contact2_2.jpg") no-repeat;background-size: cover; background-position: center}



.n_contact2_d .con1{padding-left: 0!important;}

.n_contact2 .detail{padding: 60px; background-color: #fff;background-image: url("/uploads/images/n_contact_d1.png");background-repeat: no-repeat;background-position: 90% 7%}

.n_contact2 .detail_title span{display: block;font-size: 18px;color: #474747;text-transform: uppercase}

.n_contact2 .detail_title span em{font-style: normal;color: #284181}

.n_contact2 .detail_title p{font-size: 30px;line-height: 40px;margin-top: 10px;}

.n_contact2 .detail_text {font-size: 18px;line-height: 46px;margin-top: 30px;text-align: justify}

.n_contact2 .detail_bottom {margin-top: 50px;}

.n_contact2 .detail_bottom a{display: inline-block;margin-right: 30px; width: 166px;height: 50px;

    line-height: 50px;text-align: center;font-size: 18px;color: #474747;border-radius: 30px;background: #eeeeee; transition: .4s all ease}

.n_contact2 .detail_bottom a i{font-size: 20px;}

.n_contact2 .detail_bottom a:hover{background: #d71718;color: #fff}



.loadPage{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999999;overflow: hidden}

.loadPage .top{width: 100%;height: 50%;background: #fff;position: relative;transition: 1s all ease .3s}

.loadPage .bottom{width: 100%;height: 50%;background: #fff;position: relative;transition: 1s all ease .3s}

.loadPage svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;max-width: 80%;transition: 1s all ease .3s;opacity: 0}



.loadPage.active .top{transform: translateY(-100%);}

.loadPage.active .bottom{transform: translateY(100%);}

.loadPage.active svg{opacity: 0!important;pointer-events: none;}

.loadPage.active {pointer-events: none;}





.tz{height: calc(100vh - 90px);font-size: 0;overflow: hidden}

#easy_board{border: 0;width: 100%;height: 100%; margin: 0;}



.i_pro_view2.i_pro_view .g_w{display: block}

.i_pro_view2.i_pro_view .con_l{width: 100%;padding-right: 0; display: flex;justify-content: space-between}

.i_pro_view2.i_pro_view .i_pro_view2_nav{display: flex;justify-content: space-between}

.i_pro_view2.i_pro_view .i_pro_view2_nav a{ margin: 0 10px; width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #474747;border-radius: 30px;transition: .4s all ease}

.i_pro_view2.i_pro_view .i_pro_view2_nav a:hover{background: #d71718;color: #fff;}

.i_pro_view2.i_pro_view .i_pro_view2_nav a.active{background: #d71718;color: #fff;}

.i_pro_view2.i_pro_view .con_r{width: 100%;margin-top: 40px;}

.i_pro_view2.i_pro_view .swiper-container{display: none}

.i_pro_view2.i_pro_view .swiper-container.active{display: block}

.i_pro_view2.i_pro_view .swiper-slide{height: auto}

.i_pro_view2.i_pro_view .i_pro_item{height: auto;padding: 30px 50px}

.i_pro_view2.i_pro_view .swiper-slide-active{height: auto}

.i_pro_view2.i_pro_view .swiper-slide-active .i_pro_item{height: auto}

.i_pro_view2.i_pro_view .i_pro_item .title{color: #d71718}

.i_pro_view2.i_pro_view .i_pro_item .title h3{margin-top: 0;}

.i_pro_view2.i_pro_view .i_pro_item .i_pro_item_bottom{overflow: hidden;height: 288px;}

.i_pro_view2.i_pro_view .i_pro_item .img{display: block;margin-top: 28px; position: relative;height: 260px;}

.i_pro_view2.i_pro_view .i_pro_item .img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.i_pro_view2.i_pro_view .i_pro_item .text{ display: none; margin-top: 40px;padding-right: 0; font-size: 16px;line-height: 32px;overflow: hidden;height: 128px;}

.i_pro_view2.i_pro_view .i_pro_item .i_more{display: none;margin-top: 30px}

.i_pro_view2.i_pro_view .i_pro_item:hover .img{display: none}

.i_pro_view2.i_pro_view .i_pro_item:hover .text{display: block}

.i_pro_view2.i_pro_view .i_pro_item:hover .i_more{display: flex}

.i_pro_view2.i_pro_view .swiper-btn{position: relative;left: auto;top: auto; bottom: auto; margin: 40px auto 0 auto;justify-content: center}

.i_pro_view2.i_pro_view .swiper-button{width: 104px;height: 62px;line-height: 62px;margin: 0 10px;}




.i_pro_view2.i_pro_view .i_pro_item2{}

.i_pro_view2.i_pro_view .i_pro_item2 a{display: block}

.i_pro_view2.i_pro_view .i_pro_item2 .img{overflow: hidden;}

.i_pro_view2.i_pro_view .i_pro_item2 .g_bg{padding-top: 70%; transition: .8s all ease}

.i_pro_view2.i_pro_view .i_pro_item2 .title{display: flex;justify-content: space-between;color: #333;background: #fff;padding:8px 10px;}

.i_pro_view2.i_pro_view .i_pro_item2 .title h4{line-height: 24px; font-size: 18px;width: calc(100% - 30px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis}

.i_pro_view2.i_pro_view .i_pro_item2 .title i{font-size: 18px;}

.i_pro_view2.i_pro_view .i_pro_item2:hover .g_bg{transform: scale(1.08);}

.i_pro_view2.i_pro_view .i_pro_item2:hover .title{color: #d71718;}



.n_pro2 .con2{margin-top: 70px;}

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

.n_pro2_top .title{font-size: 46px;}

.n_breadcrumb{color: #525252;font-size: 18px;display: flex;align-items: center}

.n_breadcrumb a{color: #525252}

.n_breadcrumb a i{font-size: 18px}

.n_breadcrumb a:hover{color: #d71718}

.n_breadcrumb .icon-you1{font-size: 14px;margin: 0 4px;}

.n_pro2_view{margin-top: 50px; display: flex;}

.n_pro2_view .con_l{width: 330px;}

.n_pro2_nav{}

.n_pro2_nav > ul{}

.n_pro2_nav > ul > li{margin-bottom: 60px;}

.n_pro2_nav > ul > li  a{color: #474747;font-size: 18px;}

.n_pro2_nav > ul > li b{padding-bottom: 12px; font-size: 24px;border-bottom: 1px solid #dddddd; display: block}

.n_pro2_nav > ul > li  a:hover{color: #d71718}

.n_pro2_nav > ul  li.active >  a{color: #d71718}

.n_pro2_nav > ul > li li{margin-top: 15px;}

.n_pro2_view .con_r{width: calc(100% - 330px);padding-left: 146px;}

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

.n_pro2_list .pro2_item{width: 32%;margin-right: 2%;margin-bottom: 50px;}

.n_pro2_list .pro2_item:nth-child(3n){margin-right: 0}

.n_pro2_list .pro2_item .img{position: relative;border: 1px solid #e8e8e8;overflow: hidden;padding-top: 100%;}

.n_pro2_list .pro2_item .img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.n_pro2_list .pro2_item .img .before{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;

    position: absolute;left: 0;top: 0;transform: scale(.7);opacity: 0;background: url("/uploads/images/pro_bg2.png") no-repeat;background-size: cover;transition: .6s all ease}

.n_pro2_list .pro2_item .name{font-size: 20px;color: #474747;margin-top: 12px;text-align: center}

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

.n_pro2_list .pro2_item:hover .name{color: #284181}



@media (max-width: 1800px) {}



@media (max-width: 1680px) {

    .g_w {

        padding: 0 5%;

    }

    .h-nav1>li {

        margin-left: 30px;

    }

    .pcNav-r .gp {

        margin-left: 40px;

        font-size: 16px;

        width: 180px;

    }

    .pcNav-r .pcNav-r-lang,

    .pcNav-r-tel,

    .pcNav-r-search {

        margin-left: 18px;

        font-size: 16px;

    }

    .i-pagination {

        left: 5%

    }

    .i-banner-swiper .swiper-btn {

        left: 5%

    }

    .i_title b {

        font-size: 50px;

        line-height: 62px;

    }

    .i_title span {

        font-size: 24px;

    }

    .i_title em {

        margin: 30px 0;

    }

    .i_more {

        height: 40px;

        line-height: 40px;

        font-size: 16px;

    }

    .i_pro_view .i_pro_item .title {

        font-size: 16px;

    }

    .i_pro_view .i_pro_item .title h3 {

        font-size: 24px;

    }

    .i_pro_view .i_pro_item .text {

        font-size: 16px;

    }

    .i_pro_view .i_pro_item .text {

        margin-top: 60px;

    }

    .i_pro_view .i_pro_item .i_more {

        margin-top: 60px;

    }

    .i_pro_view .i_pro_item {

        height: 450px;

    }

    .i_pro_view .swiper-slide-active .i_pro_item {

        height: 553px;

    }

    .i_pro_view .swiper-slide {

        height: 553px;

    }

    .i_pro_view .swiper-button {

        height: 60px;

        line-height: 60px;

        width: 100px;

    }

    .i_yf .list .item .g_bg {

        padding-top: 450px;

    }

    .n_banner .n_banner_text {

        right: 5%;

    }

    .n_about1 .con2 .con_l {

        padding: 0 50px 0 5%

    }

    .n_about1 .con3 .con_l {

        padding: 0 5% 0 50px;

    }



    .n_about3 .con4 .con_l{padding-left: 5%}

    .n_about3 .con4 .swiper-pagination{left: 5%}



    /*.n_pro .n_banner_text{left: 5%}*/



    .n_yf .n_banner_text{left: 5%;}



    .n_yf2 .con1 .con_l{padding-left: 5%;}

    .n_yf2 .swiper-button-prev{left: 5%}

    .n_yf2 .swiper-button-next{left: calc(5% + 100px)}

    .n_yf2 .con1 .img{width: 700px }



    .n_contact1 .info .item{ }

    .n_contact1 .info p{font-size: 16px;color: #474747;line-height: 42px;}

    .n_contact1 .info .title{font-size: 20px;color: #474747;display: block;margin-bottom: 20px;}



    .n_contact2 .con1{padding: 120px 0 120px 5%}

}



@media (max-width:1440px) {

    .h-nav1>li {

        margin-left: 24px;

    }

    .h-nav1>li>a {

        font-size: 16px;

    }

    .pcNav-r .gp {

        margin-left: 26px;

        font-size: 14px;

        width: 180px;

        height: 36px;

        line-height: 34px;

    }

    .pcNav-r .pcNav-r-lang {

        margin-left: 10px;

    }

    .pcNav-r-tel,

    .pcNav-r-search {

        margin-left: 0;

    }

    .pcNav-r-tel i,

    .pcNav-r-search i,

    .pcNav-r .pcNav-r-lang {

        width: 36px;

        height: 36px;

        line-height: 36px;

    }

    .pcNav_u1_2-item2L h3 {

        font-size: 20px;

    }

    .pcNav_u1_2-item2L {

        padding: 30px;

    }



    .i-banner-text span {

        font-size: 44px;

        line-height: 44px;

    }

    .i-banner-text b {

        font-size: 34px;

        line-height: 34px;

        margin-top: 20px;

    }

    .i-banner-text a {

        font-size: 16px;

        width: 160px;

        height: 40px;

        line-height: 40px;

    }

    .dow i {

        font-size: 30px;

    }

    .i_title b {

        font-size: 40px;

        line-height: 50px;

    }

    .i_title span {

        font-size: 20px;

    }

    .i_title em {

        margin: 20px 0;

    }

    .i_more {

        width: 180px;

    }

    .i_pro_view .con_l {

        width: 360px;

    }

    .i_pro_view .con_r {

        width: calc(100% - 360px);

    }

    .i_pro_view .i_pro_item {

        padding: 30px;

    }

    .i_pro_view .i_pro_item:before {

        top: 30px;

        height: 60px;

    }

    .i_pro_view .i_pro_item .title h3 {

        font-size: 20px;

    }

    .i_pro_view .i_pro_item .text {

        font-size: 16px;

    }

    .i_pro_view .i_pro_item .text {

        margin-top: 40px;

    }

    .i_pro_view .i_pro_item .i_more {

        margin-top: 30px;

    }

    .i_pro_view .i_pro_item {

        height: 400px;

    }

    .i_pro_view .swiper-slide-active .i_pro_item {

        height: 500px;

    }

    .i_pro_view .swiper-slide {

        height: 500px;

    }

    .i_pro_view .swiper-btn {

        left: calc(33% + 20px);

    }

    .i_pro_view .swiper-button {

        height: 50px;

        line-height: 50px;

        width: 80px;

    }

    .i_pro_view .swiper-button i {

        font-size: 30px;

    }

    .i_yf .list .item .g_bg {

        padding-top: 400px;

    }

    .i_yf .list .item .title h3 {

        font-size: 20px;

    }

    .i_yf .list .item .after i {

        font-size: 46px;

    }

    .i_about_view .con_l {

        width: 45%

    }

    .i_about_view .con_r {

        width: 55%

    }

    .i_about_view .con_l .text {

        font-size: 16px;

        line-height: 36px;

        margin-top: 40px;

    }

    .i_about_view .con_l .i_more {

        margin-top: 50px;

    }

    .i_about_view .con_r .item .img {

        width: 80px;

        height: 80px;

    }

    .i_about_view .con_r .item .title h4 {

        font-size: 16px;

    }

    .i_about_view .con_r .item:hover .img {

        width: 100px;

        height: 100px;

    }

    .i_about_view .con_r .item:hover .title h4 {

        font-size: 18px;

    }

    .i_news .swiper_con .item .text h4 {

        font-size: 16px;

    }

    .i_news .top {

        background-size: 600px auto

    }

    .f_logo {

        padding: 40px 0 30px 0

    }

    .f-top ul li>a {

        font-size: 16px;

    }

    .f-top-c .code span {

        font-size: 16px;

    }

    .f-top {

        padding: 40px 0 80px 0

    }

    .f-bottom {

        height: 70px;

    }

    .n_banner .n_banner_text {

        font-size: 40px;

    }

    .n_about1 .con1 {

        margin-top: 100px;

    }

    .n_title span {

        font-size: 36px;

        line-height: 36px;

    }

    .n_title b {

        font-size: 70px;

        line-height: 70px;

    }

    .n_about1 .text {

        font-size: 16px;

        line-height: 36px;

    }

    .n_about1 .text p {

        margin-top: 20px;

    }

    .n_about1 .con2 {

        padding-top: 100px;

    }

    .n_about1 .con3 {

        padding-top: 100px;

    }

    .n_nav ul li span {

        font-size: 16px;

    }

    .n_nav ul li i {

        font-size: 30px;

    }

    .n_about2 .con1 .top .text {

        padding: 60px;

        width: 800px;

    }

    .n_about2 .con1 .top p {

        font-size: 16px;

        line-height: 36px;

    }

    .n_about2 .my-map {

        height: 500px;

    }

    .n_about2 .info .title b {

        font-size: 20px;

        margin-top: 20px;

    }

    .n_about2 .info .title p {

        font-size: 16px;

        margin-top: 20px;

    }

    .n_about2 .info ul li {

        margin-top: 20px;

    }

    .n_about2 .info ul li p {

        font-size: 16px

    }

    .n_about2 .info ul li p b {

        font-size: 36px

    }



    .n_about3 .con1 .con_l{width: 45%;}

    .n_about3 .con1 .con_r{width: 55%;    padding: 70px 0 0 70px;}

    .n_about3 .con1 .con_r .title{font-size: 34px;padding-bottom: 20px;}

    .n_about3 .con1 .con_r .text{font-size: 20px;line-height: 48px;margin-top: 40px;}

    .n_about3 .con2 .before i{font-size: 56px;line-height: 56px;height: 56px;}

    .n_about3 .con2 .before span{font-size: 34px;line-height: 34px;}

    .n_about3 .con2 .before p{font-size: 20px;line-height: 48px;}

    .n_about3 .con3{height: 560px;padding-top: 80px}

    .n_about3 .con3 span{font-size: 34px;line-height: 34px;}

    .n_about3 .con3 i{font-size: 56px;line-height: 56px;}

    .n_about3 .con3 p{font-size: 20px;}

    .n_about3 .con3 p:nth-child(4){font-size: 24px;}

    .n_about3 .con4 .con_l{margin-top: 100px;padding: 100px 20px 100px 5%;height: 400px;}

    .n_about3 .con4 .con_l .title{font-size: 34px;padding-bottom: 20px;}

    .n_about3 .con4 .con_l .text{font-size: 20px;margin-top: 30px;}

    .n_about3 .con4 .swiper-pagination{bottom: 90px}

    .n_about3 .con4 .con_r .g_bg{height: 400px;}



    .n_about4_d .con1 .title b{font-size: 24px;}

    .n_about4_d .con1 .title span{font-size: 14px;}

    .n_about4_d .con1 .text{font-size: 16px;line-height: 32px;}



    .n_about5 .list .item{padding: 40px 0;margin-top: 40px;}

    .n_about5 .list .item .title{font-size: 18px;}

    .n_about5 .list .item .img{margin-top: 30px;height: 360px;}



    .fenye a{width: 46px;height: 46px;line-height: 46px;}



    .n_about6 .title{font-size: 36px;}

    .n_about6 .list .item .text{}

    .n_about6 .list .item .item_title span{font-size: 20px;}

    .n_about6 .list .item p{font-size: 16px;line-height: 32px;}



    .n_about7 .title{font-size: 36px;text-align: center}



    .n_pro1 .item .con_r .img{padding-top: 110%}

    .n_pro1 .item .title span{font-size: 16px;}

    .n_pro1 .item .title h3{font-size: 24px;}

    .n_pro1 .item .p{font-size: 16px;line-height: 40px;max-height: 160px;}

    .n_pro1 .item .i_more{margin-top: 60px;}



    .n_pro_d .view .con_l{padding: 50px 70px; }

    .n_pro_d .view .swiper-container1 .img{height: 500px;}

    .n_pro_d .view .swiper-container2 {margin-top: 30px;}

    .n_pro_d .view .con_r{padding-top: 100px;}

    .n_pro_d .view .title span{font-size: 16px;}

    .n_pro_d .view .title h3{font-size: 24px;}

    .n_pro_d .view .p{font-size: 16px;line-height: 40px;}

    .n_pro_d .view .more{margin-top: 60px;font-size: 16px;height: 40px;line-height: 40px;}

    .n_pro_d .swiper-button{height: 50px;line-height: 50px;width: 80px;}

    .n_pro_d .con2 .title b{font-size: 48px;}

    .n_pro_d .con2 .title span{font-size: 24px;}

    .n_pro_d .con2 .item{width: 210px;height: 210px;}

    .n_pro_d .con2 .item span{font-size: 20px;}



    .n_dj .con1 .con_l{width: 300px;}

    .n_dj .con1 .con_l .input-group input{height: 60px;font-size: 16px}

    .n_dj .con1 .con_l .input-group i{height: 60px;line-height: 60px;font-size: 20px;}

    .n_dj .con1 .con_l .years_list ul li a{height: 70px;}

    .n_dj .con1 .con_r{width: calc(100% - 300px);padding-left: 60px;}

    .n_dj .con1 .list .item a{padding:30px 40px ;}

    .n_dj .con1 .list .item .text b{font-size: 18px}

    .n_dj .con1 .list .item .date span{margin-top: 0}



    .n_yf_title b{font-size: 46px;line-height: 50px;}

    .n_yf_title span{font-size: 24px;}

    .n_yf2 .con1 .name{margin-top: 50px;font-size: 20px}

    .n_yf2 .con1 .img{width: 560px;}



    .n_yf1 .con1 .title{font-size: 36px;width: 300px;}

    .n_yf1 .con1 .text{width:calc(100% - 300px);font-size: 16px;line-height: 32px;}

    .n_yf1 .con2 ul li span{font-size: 16px}



    .n_yf4 .map .list .item>div{font-size: 20px;}



    .n_contact1 .my-map{height: 500px;}

    .n_contact1 .info{padding:40px; }

    .n_contact1 .info .item{}

    .n_contact1 .info p{font-size: 14px;color: #474747;line-height: 30px;}

    .n_contact1 .info .title{font-size: 18px;color: #474747;display: block;margin-bottom: 20px;}



    .n_contact2 .detail{padding: 50px;background-size: 330px auto}

    .n_contact2 .detail_title p{font-size: 24px;margin-top: 0}

    .n_contact2 .detail_text{font-size: 16px;line-height: 36px;}

    .n_contact2 .detail_bottom a{font-size: 16px;}



    .n_pro2_top .title{font-size: 34px;}

    .n_pro2_view .con_l{width: 280px}

    .n_pro2_view .con_r{width: calc(100% - 280px)}

    .n_pro2_nav > ul > li b{font-size: 20px;}

    .n_pro2_nav > ul > li a{font-size: 16px;}

    .n_pro2_view .con_r{padding-left: 80px;}

    .n_pro2_list .pro2_item .name{font-size: 18px;}

}



@media (max-width:1350px) {

    .pcNav-top .g_w {

        height: 80px;

    }

    .h-nav1>li>a {

        height: 80px;

        line-height: 80px;

        font-size: 14px;

    }

    .pcNav-r .gp {

        height: 30px;

        line-height: 30px;

    }

    .pcNav-r-tel i,

    .pcNav-r-search i,

    .pcNav-r .pcNav-r-lang {

        font-size: 14px;

    }

    .pcNav-top .logo img {

        height: 50px;

    }

    .pcNav_u1_2-item2L h3 {

        font-size: 18px;

    }

    .pcNav_u1_2-item2L {

        padding: 20px;

    }



    .pcNav_u1_2-item2R ul li a {

        font-size: 14px;

        height: 36px;

        line-height: 36px

    }

    .i_title b {

        font-size: 34px;

        line-height: 34px;

    }

    .i_title span {

        font-size: 18px;

        line-height: 18px;

    }

    .i_title em {

        margin: 20px 0;

    }

    .i_more {

        width: 160px;

        font-size: 14px;

    }

    .i_pro_view .con_l {

        width: 360px;

    }

    .i_pro_view .con_r {

        width: calc(100% - 360px);

    }

    .i_pro_view .i_pro_item {

        padding: 30px;

    }

    .i_pro_view .i_pro_item:before {

        top: 30px;

        height: 60px;

    }

    .i_pro_view .i_pro_item .title {

        font-size: 14px;

    }

    .i_pro_view .i_pro_item .title h3 {

        margin-top: 10px;

        font-size: 18px;

    }

    .i_pro_view .i_pro_item .text {

        font-size: 14px;

    }

    .i_pro_view .i_pro_item .text {

        margin-top: 30px;

    }

    .i_pro_view .i_pro_item .i_more {

        margin-top: 20px;

    }

    .i_pro_view .i_pro_item {

        height: 300px;

    }

    .i_pro_view .swiper-slide-active .i_pro_item {

        height: 400px;

    }

    .i_pro_view .swiper-slide {

        height: 400px;

    }

    .i_pro_view .swiper-btn {

        left: calc(33% + 20px);

    }

    .i_pro_view .swiper-button {

        height: 40px;

        line-height: 40px;

        width: 70px;

    }

    .i_pro_view .swiper-button i {

        font-size: 24px;

    }

    .i_yf .list .item .g_bg {

        padding-top: 320px;

    }

    .i_yf .list .item .title h3 {

        font-size: 18px;

    }

    .i_yf .list .item .after i {

        font-size: 46px;

        margin: 20px auto

    }

    .i_about_view .con_l {

        width: 45%

    }

    .i_about_view .con_r {

        width: 55%;

        height: 500px;

    }

    .i_about_view .con_l .text {

        font-size: 14px;

        line-height: 28px;

        margin-top: 30px;

    }

    .i_about_view .con_l .i_more {

        margin-top: 30px;

    }

    .i_about_view .con_r .item .img {

        width: 70px;

        height: 70px;

    }

    .i_about_view .con_r .item .title h4 {

        font-size: 14px;

    }

    .i_about_view .con_r .item .title span {

        font-size: 12px;

    }

    .i_about_view .con_r .item:hover .img {

        width: 90px;

        height: 90px;

    }

    .i_about_view .con_r .item:hover .title h4 {

        font-size: 18px;

    }

    .i_news .swiper_con .item .text {

        padding: 20px;

    }

    .i_news .swiper_con .item .text h4 {

        font-size: 16px;

    }

    .i_news .swiper_con .item .text p {

        margin-top: 10px;

    }

    .i_news .top {

        background-size: 500px auto

    }

    .f_logo {

        padding: 30px 0

    }

    .f-top ul li div {

        margin-top: 20px;

    }

    .f-top-c .code span {

        font-size: 14px;

    }

    .f-top {

        padding: 30px 0

    }

    .f-bottom {

        height: 60px;

    }



    .n_yf3 .swiper-button{width: 50px;height: 50px;line-height: 50px;}



    .n_pro2_top .title{font-size: 30px;}

    .n_breadcrumb{font-size: 16px;}

    .n_pro2_view .con_l{width: 240px}

    .n_pro2_view .con_r{width: calc(100% - 240px)}

    .n_pro2_nav > ul > li b{font-size: 20px;}

    .n_pro2_nav > ul > li a{font-size: 16px;}

    .n_pro2_view .con_r{padding-left: 80px;}

    .n_pro2_list .pro2_item .name{font-size: 18px;}

}



@media (max-width:1280px) {

    .i-banner-text span {font-size: 40px;line-height: 40px;}

    .i-banner-text b {font-size: 30px;line-height: 30px;margin-top: 20px;}

    .i-banner-text a {font-size: 16px;width: 160px;height: 40px;line-height: 40px}

    .dow i {font-size: 30px;}

    .i_pro_view .i_pro_item .text {margin-top: 20px;}

    .i_pro_view .i_pro_item {height: 280px;}

    .i_pro_view .swiper-slide-active .i_pro_item {height: 320px;}

    .i_pro_view .swiper-slide {height: 360px;}

    .i_yf .list .item .g_bg {padding-top: 260px;}

}



@media (max-width:1280px) and (max-height:460px) {

    .i_yf .list .item .g_bg {padding-top: 240px;}

    .i_yf .list .item .before {bottom: 30px;}

    .i_yf .list .item:nth-child(2n) {margin-top: 30px;}

    .i_yf .list {padding-top: 30px;}

}



@media (max-width:1220px) {

    .pcNav {display: none;}

    .webNav {display: block;}

    .i-banner-text span {font-size: 34px;line-height: 34px;}

    .i-banner-text b {font-size: 26px;line-height: 26px;margin-top: 20px;}

    .i-banner-text a {font-size: 16px;width: 160px;height: 36px;line-height: 36px;}

    .n_body .dow{display: none}

    .dow i {font-size: 30px;}

    .i_more {height: 36px;line-height: 36px;}

    .i_title b {font-size: 30px;line-height: 30px;}

    .i_pro_view .con_l {width: 260px;}

    .i_pro_view .con_r {width: calc(100% - 260px);}

    .i_pro_view .swiper-btn {left: calc(50% + 10px);}

    .i_yf .list .item .before {padding: 0 20px;}

    .i_yf .list .item .after {padding: 0 20px;}

    .i_yf .list .item .after span {font-size: 14px;}

    .n_body {padding-top: 60px;}

    .n_banner .n_banner_text {font-size: 32px;}

    .n_nav {display: none}

    .n_about1 .con1 {margin-top: 60px;}

    .n_title span {font-size: 30px;line-height: 30px;}

    .n_title b {font-size: 50px;line-height: 50px;margin-top: 20px;}

    .n_about1 .text {font-size: 14px;line-height: 28px;}

    .n_about1 .text p {margin-top: 10px;}

    .n_about1 .con2 {padding-top: 60px;}

    .n_about1 .con3 {padding-top: 60px;padding-bottom: 160px;}

    .n_about2 .con1 .top .title {font-size: 20px;padding-bottom: 10px;}

    .n_about2 .con1 .top .text {padding: 40px;width: 800px;}

    .n_about2 .con1 .top p {font-size: 16px;line-height: 36px;}

    .n_about2 .my-map {height: 500px;}

    .n_about2 .info {width: 400px;padding: 20px;right: 5%}

    .n_about2 .info .title b {font-size: 20px;margin-top: 20px;}

    .n_about2 .info .title p {font-size: 16px;margin-top: 20px;}

    .n_about2 .info ul li {margin-top: 20px;}

    .n_about2 .info ul li p {font-size: 16px}

    .n_about2 .info ul li p b {font-size: 36px}



    .n_about3 .con1{margin-top: 70px;}

    .n_about3 .con1 .con_r .title{font-size: 28px;padding-bottom: 20px;}

    .n_about3 .con1 .con_r .text{font-size: 18px;line-height: 36px;margin-top: 30px;}

    .n_about3 .con2 .before{padding: 0 20px; padding-top: 20%;}

    .n_about3 .con2 .before i{font-size: 46px;line-height: 46px;height: 46px;}

    .n_about3 .con2 .before span{font-size: 28px;line-height: 28px;}

    .n_about3 .con2 .before p{font-size: 18px;line-height: 36px;}

    .n_about3 .con3{height: 460px;padding-top: 80px}

    .n_about3 .con3 span{font-size: 28px;line-height: 28px;}

    .n_about3 .con3 i{font-size: 46px;line-height: 46px;margin-top: 50px;}

    .n_about3 .con3 p{font-size: 18px;margin-top: 30px;}

    .n_about3 .con3 p:nth-child(4){font-size: 20px;}

    .n_about3 .con4 .con_l{margin-top: 80px;padding: 80px 20px 80px 5%;height: 360px;}

    .n_about3 .con4 .con_l .title{font-size: 28px;padding-bottom: 20px;}

    .n_about3 .con4 .con_l .text{font-size: 18px;margin-top: 20px;}

    .n_about3 .con4 .swiper-pagination{bottom: 70px}

    .n_about3 .con4 .con_r .g_bg{height: 360px;}



    .n_about4 .list{margin-top: 30px;}

    .n_about4 .list .item{margin-top: 30px;}

    .n_about4 .list .item .text{padding: 20px}

    .n_about4 .list .item .text h4{font-size: 16px;}

    .n_about4 .list .item .text p{margin-top: 10px;}



    .n_about4_d .con1 .view{padding: 40px;}

    .n_about4_d .con1 .title b{font-size: 20px;}

    .n_about4_d .con1 .text {font-size: 14px;line-height: 28px;}

    .n_about4_d .con1 .back{font-size: 14px;height: 40px;line-height: 40px;}

    .n_about4_d .con1 .bottom a{font-size: 14px;}



    .n_about5 .list .item{padding: 30px 0;margin-top: 30px;}

    .n_about5 .list .item .title{font-size: 16px;line-height: 28px}

    .n_about5 .list .item .img{margin-top: 20px;height: 280px;}



    .n_about6 .con1{padding: 80px 0 160px 0}

    .n_about6 .title{font-size: 30px;}

    .n_about6 .list .item .item_title i{font-size: 34px;}

    .n_about6 .list .item .text{padding: 20px;}

    .n_about6 .list .item .item_title span{font-size: 18px;}

    .n_about6 .list .item p{font-size: 14px;line-height: 28px;margin-top: 10px;}



    .n_about7 .title{font-size: 30px;text-align: center}

    .n_about7 .text{padding: 40px;max-width: 100%}

    .n_about7 .p{font-size: 16px;line-height: 32px;}

    .n_about7 .top:after{width: 300px;}



    .n_pro1 .item .con_l{width: 55%;padding: 50px 0 20px 50px;}

    .n_pro1 .item:nth-child(2n) .con_l{width: 55%;padding: 50px 50px 20px 0;}

    .n_pro1 .item .p{margin-top: 30px;}

    .n_pro1 .item .con_r{width: 45%}



    .n_pro_d .con1{padding-top: 70px;}

    .n_pro_d .view .con_l{padding: 40px; }

    .n_pro_d .view .swiper-container1 .img{height: 400px;}

    .n_pro_d .view .swiper-container2 {margin-top: 20px;}

    .n_pro_d .view .con_r{padding-top: 60px;padding-right: 40px;}

    .n_pro_d .view .title span{font-size: 14px;}

    .n_pro_d .view .title h3{font-size: 20px;}

    .n_pro_d .view .p{font-size: 14px;line-height: 28px;margin-top: 20px;}

    .n_pro_d .view .more{margin-top: 40px;font-size: 14px;height: 40px;line-height: 40px;}

    .n_pro_d .swiper-button{height: 50px;line-height: 50px;width: 80px;}

    .n_pro_d .con2{padding: 80px 0 160px 0}

    .n_pro_d .con2 .title b{font-size: 40px;}

    .n_pro_d .con2 .title span{font-size: 20px;}

    .n_pro_d .con2 .item{width: 180px;height: 180px;}

    .n_pro_d .con2 .item span{font-size: 18px;}



    .n_dj .con1{padding-top: 70px}

    .n_dj .con1 .con_l{width: 200px;}

    .n_dj .con1 .con_l .input-group input{width: calc(100% - 40px); height: 40px;font-size: 14px}

    .n_dj .con1 .con_l .input-group i{width: 40px; height: 40px;line-height: 40px;font-size: 16px;}

    .n_dj .con1 .con_l .years_list ul{margin-top: 10px}

    .n_dj .con1 .con_l .years_list ul li a{height: 40px;font-size: 14px;}

    .n_dj .con1 .con_r{width: calc(100% - 200px);padding-left: 50px;}

    .n_dj .con1 .list .item a{padding:30px ;}

    .n_dj .con1 .list .item .text b{font-size: 16px}

    .n_dj .con1 .list .item .text {width: calc(100% - 90px)}

    .n_dj .con1 .list .item .date span{margin-top: 0}

    .n_dj .con1 .list .item .date b{font-size: 20px}

    .n_dj .con1 .list .item .date {width: 90px}



    .n_yf2 .con1{margin: 70px 0}

    .n_yf_title b{font-size: 36px;line-height: 40px}

    .n_yf_title span{font-size: 20px;}

    .n_yf2 .con1 .name{margin-top: 40px;font-size: 18px}

    .n_yf2 .con1 .img{width: 450px;}

    .n_yf2 .swiper-button{width: 40px;height: 40px;line-height: 40px}



    .n_yf1 .con1{margin-top: 80px}

    .n_yf1 .con1 .top{background: none;padding-bottom: 80px}

    .n_yf1 .con1 .title{font-size: 30px;}

    .n_yf1 .con1 .text{font-size: 14px;line-height: 28px;}

    .n_yf1 .con2 ul li span{font-size: 14px;}



    .n_yf3 .con1{margin-top: 80px}

    .n_yf3 .top .con_l{padding:60px 40px 20px 40px;}

    .n_yf3 .top .con_l .text{font-size: 16px;line-height: 40px;}

    .n_yf3 .top .con_l .text .name{margin-top: 60px;}

    .n_yf3 .bottom{margin: 70px auto}

    .n_yf3 .bottom .item .name{font-size: 16px;}

    .n_yf3 .swiper-button{width: 40px;height: 40px;line-height: 40px;}



    .n_yf4 .map .list .item>div{font-size: 18px}

    .n_yf4 .con1{margin-top: 80px;}



    .n_contact1 .my-map{height: 400px;}

    .n_contact1 .info{flex-wrap: wrap;padding:40px 50px}

    .n_contact1 .info .list{margin-top: 20px;display: block}

    .n_contact1 .info .item{}

    .n_contact1 .info .title{margin-bottom: 0}

    .n_contact1 .info .list:after{display: none}

    .n_contact1 .info .list:before{display: none}



    .n_contact2 .i_pro_view .con_l{width: 140px;}

    .n_contact2 .i_pro_view .con_l .i_title{padding-left: 30px;}

    .n_contact2 .i_pro_view .con_l .i_title b{transform: translateX(30px) rotate(90deg)}

    .n_contact2 .i_pro_view .con_r{width: calc(100% - 140px);}



    .n_contact2 .detail{padding: 40px;}

    .n_contact2 .detail_title p{font-size: 20px;margin-top: 0}

    .n_contact2 .detail_text{font-size: 14px;line-height: 28px;}

    .n_contact2 .detail_bottom a{font-size: 14px;}





    .i_pro_view .i_pro_item .text{line-height: 30px;height: 120px;}

    .i_pro_view .i_pro_item .i_more{margin-top: 10px;}



    .i_pro_view2.i_pro_view .i_pro_view2_nav a{width: 140px;height: 40px;line-height: 40px;font-size: 16px;}



    .n_pro2_top .title{font-size: 24px;}

    .n_breadcrumb{font-size: 14px;}

    .n_pro2_view .con_l{width: 180px}

    .n_pro2_view .con_r{width: calc(100% - 180px)}

    .n_pro2_nav > ul > li b{font-size: 18px;}

    .n_pro2_nav > ul > li a{font-size: 14px;}

    .n_pro2_view .con_r{padding-left: 60px;}

    .n_pro2_list .pro2_item .name{font-size: 16px;}

}



@media (max-width:1024px) {

    #fp-nav.fp-left {

        left: 0

    }

    .n_about1 .con1 .top {

        display: block

    }

    .n_about1 .con1 .top .con_l {

        width: 100%

    }

    .n_about1 .con1 .top .con_r {

        width: 100%;

        margin-top: 20px;

    }



    .n_about4 .list{margin-top: 30px;}

    .n_about4 .list .item{margin-top: 20px;width: 48%;margin-right: 4%}

    .n_about4 .list .item:nth-child(3n){margin-right: 4%}

    .n_about4 .list .item:nth-child(2n){margin-right: 0}



    .n_about6 .list{flex-wrap: wrap}

    .n_about6 .list .item{width: 49%}



    .n_pro_d .con2 .item{width: 160px;height: 160px;}

    .n_pro_d .con2 .item span{font-size: 16px;}



    .n_yf4 .map .list .item>div{font-size: 16px}



    .i_pro_view2.i_pro_view .con_l{display: block}

    .i_pro_view2.i_pro_view .i_pro_view2_nav{margin-top: 20px;justify-content: flex-start}

    .i_pro_view2.i_pro_view .i_pro_view2_nav a{width: 120px;height: 40px;line-height: 40px; font-size: 14px;border: 1px solid #474747}

    .i_pro_view2.i_pro_view .con_r{margin-top: 20px;}

    .i_pro_view2.i_pro_view .swiper-btn{margin-top: 20px;}

    .i_pro_view2.i_pro_view .swiper-button{width: 90px; height: 50px;line-height: 50px;}



    .n_pro2_list .pro2_item{width: 49%;margin-bottom: 20px;}

    .n_pro2_list .pro2_item:nth-child(3n){margin-right: 2%}

    .n_pro2_list .pro2_item:nth-child(2n){margin-right: 0}



}



@media (max-width:998px) {}



@media (max-width:768px) {

    .i_pro_view .g_w {display: block}

    .i_pro_view .con_l {width: 100%;padding-left: 0}

    .i_pro_view .con_r {width: 100%;margin-top: 20px;}

    .i_title {text-align: center}

    .i_title em {display: none}

    .i_title span {display: block;margin-top: 20px;}

    .i_title b br {display: none}

    .i_yf .list .item .before {bottom: 30px;}

    .f-top-l {width: calc(100% - 160px);}

    .f-top-c {width: 160px;}

    .n_banner .n_banner_text {font-size: 24px;}

    .n_title span {font-size: 24px;line-height: 24px;}

    .n_title b {font-size: 40px;line-height: 40px;margin-top: 10px;}

    .n_about1 .con1 {margin-top: 30px;}

    .n_about1 .con2 {display: block;padding-top: 30px}

    .n_about1 .con2 .con_l {width: 100%;padding: 0 5%}

    .n_about1 .con2 .con_r {

        width: 100%;

        padding: 0 5%;

        margin-top: 20px;

    }

    .n_about1 .con3 {

        display: block;

        padding-top: 30px;

        padding-bottom: 40px;

    }

    .n_about1 .con3 .con_l {

        width: 100%;

        padding: 0 5%

    }

    .n_about1 .con3 .con_r {

        width: 100%;

        padding: 0 5%;

        margin-top: 20px;

    }

    .n_about2 .con1 {

        margin-top: 40px;

    }

    .n_about2 .n_title span {

        margin-top: 10px;

    }

    .n_about2 .con1 .top {

        min-height: 320px;

    }

    .n_about2 .con1 .top .title {

        font-size: 18px;

        padding-bottom: 10px;

    }

    .n_about2 .con1 .top .text {

        padding: 20px;

        width: 800px;

    }

    .n_about2 .con1 .top p {

        font-size: 14px;

        line-height: 24px;

    }

    .n_about2 .con2 {

        margin: 40px auto

    }

    .n_about2 .my-map {

        height: 300px;

    }

    .n_about2 .info {width: 100%;padding: 0;position: static;}

    .n_about2 .info .title b {font-size: 20px;margin-top: 20px;}

    .n_about2 .info .title p {font-size: 14px;margin-top: 10px;}

    .n_about2 .info ul {margin-top: 10px}

    .n_about2 .info ul li {margin-top: 10px;}

    .n_about2 .info ul li p {font-size: 14px;margin-top: 8px;}

    .n_about2 .info ul li p b {font-size: 24px;height: 24px;line-height: 24px;}



    .n_about3 .con1{margin-top: 40px;}

    .n_about3 .con1 .g_w{display: block}

    .n_about3 .con1 .con_l{width: 100%;max-width: 400px;margin: 0 auto}

    .n_about3 .con1 .con_l .img_logo{width: 120px;}

    .n_about3 .con1 .con_r{width: 100%;padding: 0;margin-top: 40px;}

    .n_about3 .con1 .con_r .title{font-size: 24px;padding-bottom: 10px;}

    .n_about3 .con1 .con_r .text{font-size: 16px;line-height: 32px;margin-top: 20px;}

    .n_about3 .con2{margin-top: 40px;}

    .n_about3 .con2 .g_w{display: block}

    .n_about3 .con2 .item{width: 100%}

    .n_about3 .con2 .item:nth-child(2){margin-top: 20px;}

    .n_about3 .con2 .item:after{opacity: 1}

    .n_about3 .con2 .before{padding: 0 20px; padding-top: 20%;}

    .n_about3 .con2 .before i{font-size: 34px;line-height: 34px;height: 34px;}

    .n_about3 .con2 .before span{font-size: 24px;line-height: 24px;height: 24px;}

    .n_about3 .con2 .before p{font-size: 16px;line-height: 32px;}

    .n_about3 .con3{height: 400px;padding-top: 60px;margin-top: 40px;}

    .n_about3 .con3 span{font-size: 24px;line-height: 24px;}

    .n_about3 .con3 i{font-size: 34px;line-height: 34px;height: 34px; margin-top: 50px;}

    .n_about3 .con3 p{font-size: 16px;margin-top: 30px;}

    .n_about3 .con3 p:nth-child(4){font-size: 18px;}

    .n_about3 .con4{padding: 40px 0}

    .n_about3 .con4 .item{display: block}

    .n_about3 .con4 .con_l{width: 100%}

    .n_about3 .con4 .con_l{margin-top: 0;padding: 20px;height: auto;}

    .n_about3 .con4 .con_l .title{font-size: 24px;padding-bottom: 10px;}

    .n_about3 .con4 .con_l .text{font-size: 16px;margin-top: 20px;}

    .n_about3 .con4 .swiper-pagination{bottom: auto;top: 20px;right: 5%;left: auto}

    .n_about3 .con4 .con_r{width: 100%}

    .n_about3 .con4 .con_r .g_bg{height: 240px;}



    .n_about4 .list{margin-top: 20px;}

    .n_about4 .list .item{margin-top: 10px;width: 100%;margin-right: 0}

    .n_about4 .list .item:nth-child(3n){margin-right: 0}

    .n_about4 .list .item .text p{height: 40px;}



    .fenye{margin: 30px 0}

    .fenye a{width: 36px;height: 36px;line-height: 34px;font-size: 14px;margin: 0 2px;}



    .n_about4_d .con1{padding: 20px 0}

    .n_about4_d .con1 .view{padding: 20px;}

    .n_about4_d .con1 .title b{font-size: 18px;}

    .n_about4_d .con1 .title span{font-size: 12px;}

    .n_about4_d .con1 .back{margin-top: 20px; font-size: 14px;height: 40px;line-height: 40px;}

    .n_about4_d .con1 .bottom{display: block;margin-top: 20px;padding-top: 20px;}

    .n_about4_d .con1 .bottom a{width: 100%;padding: 0!important;text-align: left!important;}

    .n_about4_d .con1 .bottom a i{display: none}



    .n_about5 .list .item{padding: 20px 0;margin-top: 20px;width: 49%}

    .n_about5 .list .item:nth-child(3n){margin-right: 2%}

    .n_about5 .list .item:nth-child(2n){margin-right: 0}

    .n_about5 .list .item .title{font-size: 14px;line-height: 24px}

    .n_about5 .list .item .img{margin-top: 10px;height: 200px;}



    .n_about6 .con1{padding: 40px 0}

    .n_about6 .title{font-size: 24px;}

    .n_about6 .list{flex-wrap: wrap;margin-top: 20px;}

    .n_about6 .list .item{width: 100%;margin-top: 20px!important;}

    .n_about6 .list .item p{display: block}

    .n_about6 .list .item .g_bg{padding-top: 140%;}



    .n_about7 .title{font-size: 24px;text-align: center}

    .n_about7 .text{padding: 20px;max-width: 100%}

    .n_about7 .p{font-size: 14px;line-height: 28px;margin-top: 10px;}

    .n_about7 .top:after{display: none}

    .n_about7 .top{border-bottom: 1px solid #474747;padding-bottom: 10px;}

    .n_about7 .view{overflow: hidden;margin-top: 20px;}

    .n_about7 .con1{padding: 40px 0}



    .n_pro .n_banner_text{top: 30%}

    .n_pro1{padding-bottom: 40px}

    .n_pro1 .item{margin-top: 30px; flex-wrap: wrap;flex-direction: column-reverse!important;}

    .n_pro1 .item .con_l{width: 100%;padding:20px;}

    .n_pro1 .item:nth-child(2n) .con_l{width: 100%;padding:20px; }

    .n_pro1 .item .p{margin-top: 30px;}

    .n_pro1 .item .con_r{width: 100%;padding: 20px;}

    .n_pro1 .item .img{padding-top: 60%;}

    .n_pro1 .item .p{font-size: 14px;line-height: 28px;max-height: 112px;margin-top: 20px;}

    .n_pro1 .item .title h3{font-size: 18px;margin-top: 6px;}

    .n_pro1 .item .title span{font-size: 14px;}

    .n_pro1 .item .i_more{margin-top: 20px;}



    .n_pro_d .con1{padding-top: 40px;}

    .n_pro_d .top{font-size: 14px;}

    .n_pro_d .view{margin-top: 30px;display: block}

    .n_pro_d .view .con_l{width: 100%;padding: 30px;}

    .n_pro_d .view .swiper-container1 .img{height: 260px;}

    .n_pro_d .view .con_r{width: 100%;padding: 20px;}

    .n_pro_d .view .title h3{font-size: 18px;margin-top: 6px;}

    .n_pro_d .view .title span{font-size: 14px;}

    .n_pro_d .swiper-btn{display: none}



    .n_pro_d .con2{padding: 40px 0 80px 0}

    .n_pro_d .con2 .title b{font-size: 24px;}

    .n_pro_d .con2 .title span{font-size: 18px;}

    .n_pro_d .con2 ul{flex-wrap: wrap;margin-top: 10px;}

    .n_pro_d .con2 .item{width: 120px;height: 120px;margin: 0 auto;}

    .n_pro_d .con2 .item span{font-size: 14px;}



    .n_dj .con1{padding-top: 40px}

    .n_dj .con1 .g_w{display: block}

    .n_dj .con1 .con_l{width: 100%;}

    .n_dj .con1 .con_l .input-group input{width: calc(100% - 40px); height: 40px;font-size: 14px}

    .n_dj .con1 .con_l .input-group i{width: 40px; height: 40px;line-height: 40px;font-size: 16px;}

    .n_dj .con1 .con_l .years_list .top{font-size: 16px}

    .n_dj .con1 .con_l .years_list ul{margin-top: 10px}

    .n_dj .con1 .con_l .years_list ul li a{height: 40px;font-size: 14px;}

    .n_dj .con1 .con_r{width: 100%;padding-left: 0;}

    .n_dj .con1 .list .item a{padding:20px ;display: block}

    .n_dj .con1 .list .item .text b{font-size: 16px}

    .n_dj .con1 .list .item .text p{margin-top: 10px}

    .n_dj .con1 .list .item .text {width: 100%;padding-left: 0}

    .n_dj .con1 .list .item .date span{margin-top: 0;margin-left: 10px;font-size: 16px;}

    .n_dj .con1 .list .item .date b{font-size: 14px;}

    .n_dj .con1 .list .item .date:after    {display: none}

    .n_dj .con1 .list .item .date {width: 90px;display: flex;align-items: flex-end;padding-bottom: 8px;}



    .n_yf2 .con1{display: block;margin: 40px 0}

    .n_yf2 .con1 .con_l{width: 100%;padding: 0 5%}

    .n_yf2 .con1 .con_r{width: 100%;padding: 0 5%;margin-top: 20px;}

    .n_yf_title b{font-size: 26px;line-height: 32px;text-align: center}

    .n_yf_title span{font-size: 18px;text-align: center;margin-top: 10px;}

    .n_yf2 .con1 .name{margin-top: 40px;font-size: 16px}

    .n_yf2 .con1 .img{width: 100%;}

    .n_yf2 .con1 .swiper-slide {width: 100%;}

    .n_yf2 .swiper-button{width: 36px;height: 36px;line-height: 36px;bottom: 20%;background: #d71718;color: #fff!important;border: 0;left: 6%}

    .n_yf2 .swiper-button-next{left: auto;right: 6%}



    .n_yf1 .con1{margin-top: 40px;}

    .n_yf1 .con1 .top{background: none;padding-bottom: 30px;display: block}

    .n_yf1 .con1 .top .g_w{display: block}

    .n_yf1 .con1 .title{font-size: 24px;text-align: center;width: 100%}

    .n_yf1 .con1 .text{font-size: 14px;line-height: 28px;width: 100%;margin-top: 20px}

    .n_yf1 .con2 ul li span{font-size: 14px;}

    .n_yf1 .con2{padding-bottom: 80px}



    .n_yf3 .con1{margin-top: 40px;}

    .n_yf3 .top{display: block}

    .n_yf3 .top .con_l{width: 100%;padding: 20px;}

    .n_yf3 .top .con_r{width: 100%;}

    .n_yf3 .top .con_l .text{line-height: 28px;}

    .n_yf3 .top .con_l .text .name{margin-top: 20px;}

    .n_yf3 .bottom{margin: 30px 0}

    .n_yf3 .bottom .item .name{transform: translate(0);padding: 10px 20px}

    .n_yf3 .swiper-button{background: #d71718;color: #fff!important;border-color: #d71718; transform: translate(-50%, -50%); }

    .n_yf3 .swiper-button-next{transform:rotate(180deg) translate(-50%, 50%)}



    .n_yf4 .map{margin: 30px 0}

    .n_yf4 .map .list .item>div{font-size: 14px}

    .n_yf4 .con1 .p{font-size: 14px;line-height: 28px;margin-top: 20px;}

    .n_yf4 .con1{background: none;margin-top: 40px;}



    .n_contact1 .my-map{height: 200px;}

    .n_contact1 .info{padding:30px 5%}

    .n_contact1 .info .item{margin-top: 10px;}

    .n_contact1 .myinfowindow{width: 160px;}

    .n_contact1 .myinfowindow img{width: 160px;}



    .n_contact1 .con1{padding-top: 0}

    .n_contact1 .con1{display: block}

    .n_contact1 .con1 .map{width: 100%}

    .n_contact1 .info{width: 100%}

    .n_contact1 .info .top p{font-size: 14px;}

    .n_contact1 .info .title{font-size: 16px;margin-bottom: 4px;}

    .n_contact1 .info p{line-height: 24px;}

    .n_contact .con2{padding: 30px 0;}

    .n_contact .con2 .form_view_row{display: block;margin-top: 0}

    .n_contact .con2 .form_view_row input{margin-top: 10px;font-size: 14px;width: 100%}

    .n_contact .con2 .form_view_bottom{display: block;margin-top: 20px;}

    .n_contact .con2 .submit{width: 140px;height: 40px;line-height: 40px;display: block;font-size: 14px;margin-bottom: 10px}

    .n_contact .con2 .n_title{font-size: 20px;}



    .n_contact2 .con1{padding: 40px 5%}

    .n_contact2 .i_pro_view .con_l .i_title{}

    .n_contact2 .i_pro_view .con_l .i_title b{position: static;transform: translate(0) rotate(0)}

    .n_contact2 .i_pro_view .con_l .i_title span{width: auto}

    .n_contact2 .i_pro_view{display: block;}

    .n_contact2 .i_pro_view .con_l{width: 100%}

    .n_contact2 .i_pro_view .con_r{width: 100%}



    .n_contact2 .detail{padding: 20px; background-size: 160px auto;background-position: 90% 20px}

    .n_contact2 .detail_text{margin-top: 10px;}

    .n_contact2 .detail_title p{font-size: 18px;line-height: 24px;}

    .n_contact2 .detail_bottom{margin-top: 30px;}

    .n_contact2 .detail_bottom a{width: 130px;height: 40px;line-height: 40px;margin-right:10px;}

    .n_contact2_d .con1{padding: 40px 0}



    .n_pro2_top .title{font-size: 20px;}

    .n_pro2 .con2{margin-top: 40px;}

    .n_pro2_view .con_l{display: none}

    .n_pro2_view .con_r{width: 100%;padding-left: 0}

    .n_pro2_view{margin-top: 30px}

}



@media (max-width:640px) {

    .i-banner-view {

        top: 40%

    }

    .i-banner-text span {

        font-size: 30px;

        line-height: 30px;

    }

    .i-banner-text b {

        font-size: 18px;

        line-height: 18px;

    }

    .i-banner-text a {

        margin-top: 20px;

        height: 36px;

        line-height: 36px;

        font-size: 14px;

    }

    .i_title b {

        font-size: 24px;

    }

    .i_pro,

    .i_yf,

    .i_about,

    .i_news {

        padding-top: 60px;

    }

    .i_pro_view .swiper-container2 {

        padding-bottom: 60px;

    }

    .i_pro_view .swiper-btn {

        left: 50%;

        transform: translateX(-50%);

    }

    .i_pro_view .swiper-button {

        margin: 0 4px;

    }

    .i_yf .list {

        display: block;

        padding-top: 10px

    }

    .i_yf .list .item {

        width: 100%;

        margin-top: 10px!important;

    }

    .i_yf .list .item .after {

        display: none

    }

    .i_yf .list .item .before {

        bottom: 20px;

    }

    .i_yf .list .item .g_bg {

        padding-top: 110px;

    }

    .i_about_view .g_w {

        display: block

    }

    .i_about_view .con_l {

        width: 100%;

        padding-right: 0

    }

    .i_about_view .con_r {

        display: none

    }

    .i_news .top {

        background: none

    }

    .i_news .swiper_con {

        padding-left: 0;

    }

    .i_news .swiper_con .swiper-button {

        left: 4px;

        top: 50%;

        transform: translateY(-50%)

    }

    .i_news .swiper_con .swiper-button.swiper-button-next {

        left: auto;

        right: 4px;

        top: 50%;

        transform: translateY(-50%) rotate(180deg)

    }

    .f-top-l {

        display: none

    }

    .f-top-c {

        margin: 0 auto;

        text-align: center

    }

    .f_logo {

        padding: 20px 0

    }

    .f_logo img {

        width: 180px;

    }

    .f-top-c .code span {

        margin-bottom: 10px;

    }

    .f-top {

        padding: 20px 0

    }

    .f-bottom {

        display: block;

        height: auto

    }

    .f-bottom span,

    .f-bottom a {

        display: block;

        margin: 2px auto;

        text-align: center

    }



    .n_about5 .list .item{padding: 20px 0;margin-top: 10px;width: 100%}

    .n_about5 .list .item:nth-child(3n){margin-right: 0}

    .n_pro_d .view .swiper-container1 .img{height: 200px;}



    .i_pro_view2.i_pro_view .i_pro_view2_nav{justify-content: center}

    .i_pro_view2.i_pro_view .i_pro_view2_nav a{margin: 0 5px;}

    .i_pro_view2.i_pro_view .swiper-btn{transform: translate(0)}



    .n_pro2_list .pro2_item{width: 100%;}

    .n_pro2_list .pro2_item:nth-child(3n){margin-right: 0}



    .i_pro_view2.i_pro_view .i_pro_view2_nav{flex-wrap: wrap;justify-content: space-between}

    .i_pro_view2.i_pro_view .i_pro_view2_nav a{width: 48%;margin: 5px 0}



}



@media (max-width:500px) {}<!--ºÄʱ1763763552.4951Ãë-->