<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{outline:none!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat ;transition: .8s all ease }

.webNav{overflow: initial}
header .toggle span, header .toggle span::before, header .toggle span::after{background: #980920;}
header .toggle .icon-sousuo{color: #980920;font-size: 30px;font-weight: 600;position: absolute;top: 50%;right: 50px; transform: translateY(-50%);}
.webNav .pcNav-r-search{position: absolute;left: 50%;top: 60px;z-index: 99;background: #980920; border: 0;
    padding: 10px;height: auto;width: 90% !important;
    transform: translateX(-50%) translateY(-100%);opacity: 0;pointer-events: none;transition: .6s all ease}
.webNav .pcNav-r-search input{border: 1px solid #fff;}
.webNav .pcNav-r-search span{width: 40px;text-align: center;color: #fff;font-size: 20px; line-height: 30px;display: block;}
.webNav .pcNav-r-search i{background: rgba(250,250,15,.6);height: 30px;}
.webNav .pcNav-r-search.active{transform: translateX(-50%) translateY(0);opacity: 1;pointer-events: auto;}
header .toggle:hover span, header .toggle:hover span::before, header .toggle:hover span::after{background: #980920}
.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a{background: #980920}
.hc-mobile-nav .nav-wrapper{background: #e6e6e6}
.hc-mobile-nav a{color: #333;border-bottom: 1px solid #999}
.hc-mobile-nav a:hover{background: #c2c2c2;color: #980920}
.hc-mobile-nav a:hover span.nav-next::before{border-color: #980920}
.hc-mobile-nav a[href]:not([href="#"]) &gt; span.nav-next{border-left: 1px solid #999}
.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before{border-color: #333}
.hc-mobile-nav li.log{border-color: #999}
.nav-close a{color: #fff;border: 0}
.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a{border: 0}
.hc-mobile-nav h2{display: flex;justify-content: space-between;align-items: center;color: #fff;background: #980920}
.hc-mobile-nav .icon-fanhui{border: 0;padding: 0!important;font-size: 20px;color: #fff;margin-left: 20px}
.hc-mobile-nav:not(.touch-device) a:hover{background: none}
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open &gt; .nav-wrapper{transform: translate3d(0, 0, 0)}
.hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover{background: #980920}
.hc-mobile-nav li.nav-parent span.nav-next{border-left: 1px solid #999}

.pcNav{position: fixed;left: 0;top: 0; width: 100%; z-index: 999; transition: .4s all ease}
.pcNav-top{background: #fff;}
.pcNav-top .g_w{display: flex;justify-content: space-between;align-items: center;height: 100px;transition: .4s all ease}
.pcNav-r{position: relative;display: flex;align-items: center;justify-content: flex-end}
.pcNav-top .logo img{margin-right: 90px;}
.pcNav-top .log a{margin-right: 24px;color: #525252;font-size: 14px;transition: .4s all ease}
/*.pcNav-top .log a:nth-last-child(1){display: none}*/
/*.pcNav-top .log.active a{display: none}*/
/*.pcNav-top .log.active a:nth-last-child(1){display: block}*/
.pcNav-top .log i{display: inline-block;width: 30px; text-align: center; line-height: 30px;border-radius: 50%;background: #bfbfbf;color: #fff;transition: .4s all ease}
.pcNav-top .log a:nth-child(2) i:before{margin-left: 2px}
.pcNav-top .log a:hover i{background: #980920;transition: .4s all ease}
.pcNav-top .log a:hover{color:#980920;transition: .4s all ease}

.pcNav-top .lang{position: relative;padding: 10px 0;cursor: pointer}
.pcNav-top .lang img{width: 32px}
.pcNav-top .lang .view{display: flex;align-items: center}
.pcNav-top .lang .view img{margin-right: 10px;}
.pcNav-top .lang .view span{margin-right: 10px;color: #525252;font-size: 16px;text-transform: uppercase}
.pcNav-top .lang .view i{display: inline-block;transform: rotate(90deg) scale(.8);font-size: 12px; }
.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: navU2 .5s ease forwards;
    -webkit-animation: navU2 .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:#525252;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: #980920}
.pcNav-top .lang .view:hover span{color: #980920}
.pcNav-top .lang .view:hover i{color: #980920}

.pcNav-b{background: #980920;position: relative}
.pcNav-b .g_w{display: flex;justify-content: space-between;align-items: center;}
.pcNav .logo {display: block}
.pcNav .logo img{ display: inline-block; transition: .4s all ease}
.pcNav .logo img:nth-child(1){width: 168px;}
.pcNav .logo img:nth-child(2){width: 200px;}

.pcNav-r-search{position: relative;display: flex;width: 340px;height: 32px; border: 1px solid #fff}
.pcNav-r-search i{ width: 50px;text-align: center; color: #fff;font-size: 20px; cursor: pointer; transition: .6s all ease}
.pcNav-r-search input{ width: calc(100% - 50px); height: 30px; line-height: 30px; font-size: 14px; color: #fff; border: 0;padding:0 20px; background: none}
.pcNav-r-search input::-webkit-input-placeholder {color:#bfbfbf;background: none}
.pcNav-r-search:hover i{background: rgba(250,250,15,.6)}

.h-nav1{display: flex; justify-content: space-between;}
.h-nav1 &gt; li {display: flex;align-items: center;position: relative}
.h-nav1 &gt; li:nth-child(1){margin-left: 0}
.h-nav1 &gt; li &gt; a{ width: 100%; padding: 0 20px; height: 70px; line-height: 70px;display: block; text-align: center; color: #fff;
    font-size: 15px; font-family: 'OPEN_SANS_B'; text-transform: capitalize; font-weight: 600;
    position: relative;transition: .4s all ease}
.h-nav1 &gt; li &gt; a:after{ display: none; content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #fff;width: 0;height: 8px;transition: .4s all ease}
.h-nav1 &gt; li.active &gt; a{color: #980920;background: #fff; }
.h-nav1 &gt; li.active &gt; a:after{width: 100%}
.h-nav1 &gt; li:hover &gt; a{color: #980920;background: #fff; transition: .4s all ease}
/*.h-nav1 &gt; li:hover &gt; a:after{width: 100%;transition: .4s all ease}*/
.h-nav1 &gt; li:hover  .h-nav2{display: block}

.pcNav_u1_2{display: none; width:1400px; max-width: 100vw; position: absolute;left:0;top: 100%;  opacity: 0; z-index: 9;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.3);
    animation: navU .5s ease forwards;
    -webkit-animation: navU .5s ease forwards;
}
.h-nav1 &gt; li:nth-child(3) .pcNav_u1_2{width: calc(1400px - 340px)}
.h-nav1 &gt; li:nth-child(4) .pcNav_u1_2{width: calc(1400px - 455px)}


.h-nav1 &gt; li.contact{position: relative}
.pcNav_u1_3{ width: auto;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.pcNav_u1_3 .pcNav_u1_2L{display: block;padding: 0;margin-bottom: 0}
.pcNav_u1_3 .pcNav_u1_2L &gt; li{width: 100%}
.pcNav_u1_3 .pcNav_u1_2L &gt; li a{display: block; padding: 0 20px; width: 160px; height: 40px; line-height: 40px; border-bottom: 1px solid #dfdfdf; color: #474747}
.pcNav_u1_3 .pcNav_u1_2L &gt; li a:hover{color: #980920;font-weight: 600}
.pcNav_u1_3 .pcNav_u1_2L &gt; li:nth-last-child(1) a{border-bottom: 0}
.pcNav_u1_2 .g_w{display: block;max-width: initial;width: auto;padding: 0}
.pcNav_u1_2L{ width: 100%; display: flex;justify-content: space-between;background: #fff;padding: 20px 40px 10px 40px; }
.pcNav_u1_2L &gt; li {width: 23%; margin-left: 10px;}
.pcNav_u1_2L &gt; li .img{display: none}
.pcNav_u1_2L &gt; li .g_bg{padding-top: 50%}
.pcNav_u1_2L &gt; li b{margin-top: 10px; display: flex; justify-content: space-between}
.pcNav_u1_2L &gt; li b a{font-size: 16px; color: #333333}

.pcNav_u1_2L &gt; li b i{font-size: 12px; color: #9f9f9f;margin-left: 10px;}
.pcNav_u1_2L &gt; li .pcNav-row{white-space: nowrap}
.pcNav_u1_2L &gt; li .a{margin-top: 10px;display: inline-block;vertical-align: top;margin-left: 24px;}
.pcNav_u1_2L &gt; li .a:nth-child(1){margin-left: 0}
.pcNav_u1_2L &gt; li .a::-webkit-scrollbar {width : 6px;height: 1px;}
.pcNav_u1_2L &gt; li .a::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow :inset 0 0 5px rgba(0, 0, 0, 0.2);background:#999;}
.pcNav_u1_2L &gt; li .a::-webkit-scrollbar-track {box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background:#ededed;}
.pcNav_u1_2L &gt; li .a li{margin-bottom: 4px}
.pcNav_u1_2L &gt; li .a a{display: inline-block;color: #474747;font-size: 14px;}
.pcNav_u1_2L &gt; li b:hover a{color: #980920;  transition: .4s all ease}
.pcNav_u1_2L &gt; li b:hover i{color: #980920;transition: .4s all ease}
.pcNav_u1_2L &gt; li .a a:hover{color: #980920;font-weight: 600;transition: .4s all ease}
.h-nav1 &gt; li:nth-child(1) .pcNav_u1_2L &gt; li{min-width: 9%;width: auto}
.h-nav1 &gt; li:nth-child(1) .pcNav_u1_2L &gt; li:nth-last-child(1){margin-right: 0}
.h-nav1 &gt; li:nth-child(1) .pcNav_u1_2L {flex-wrap: wrap;justify-content: space-between}
.h-nav1 &gt; li:hover .pcNav_u1_2{display: block}
.pcNav .logo img{width: 100px!important;}
.pcNav .logo img:nth-child(2){width: 140px!important;}
.pcNav .pcNav-top .g_w{height: 60px!important;}
.pcNav .h-nav1 &gt; li &gt; a{height: 50px!important; line-height: 50px!important;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999999999999s;
    -webkit-transition: color 99999999999999s ease-out, background-color 99999999999999s ease-out;
}


@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);
    }
}
@keyframes navU2
{
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes navU2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}


.hc-mobile-nav li.lang{display: flex; justify-content: center; border-bottom: 1px solid #999;text-align: center}
.hc-mobile-nav li.lang a:before{display: none}
.hc-mobile-nav li.log{display: flex;border-bottom: 1px solid #999;text-align: center}
.hc-mobile-nav li.log a{border: 0;text-align: center}
.hc-mobile-nav li.log a:before{display: none}
/*.hc-mobile-nav li.log a:nth-last-child(1){display: none}*/
/*.hc-mobile-nav li.log.active a{display: none}*/
/*.hc-mobile-nav li.log.active a:nth-last-child(1){display: block}*/
.hc-mobile-nav li.lang a img{width: 32px}



.i-banner {background-size: cover;background-position: center;width: 100%;padding-top: 35.9%;min-height: 180px}
.i-banner-img { width: 54.1%; position: absolute; left: 50%; top: 38.7%;  margin-left: -27%; text-align: center; z-index: 1001}
.i-banner-swiper .pagination{position: absolute;left: 0;bottom: 9%;width: 100%;text-align: left}
.i-banner-swiper .swiper-pagination-bullet{background: #fff;margin: 0 16px!important;width: 100px;height: 5px;border-radius: 0;opacity: .5}
.i-banner-swiper .swiper-pagination-bullet-active{opacity: 1;}
.i-banner-swiper .dow{ display: none; position: absolute;left: 50%;bottom: 9%;transform: translateX(-50%); z-index: 99; width: 30px; height: 42px;
    background: url("../images/icon1.png")no-repeat;background-size: 100% 100%;cursor: pointer;
    animation: dowMove 2s ease infinite;
    -webkit-animation: dowMove 2s ease infinite;}
.i-banner-swiper .text{position: absolute;left: 0; top:20%;  width: 100%; color: #fff;text-shadow: 1px 1px #000;}
.i-banner-swiper .text span{font-size: 24px; line-height: 34px; font-family: OPEN_SANS_B;display: block;width: auto}
.i-banner-swiper .text a{color: #fff;font-size: 16px;margin-top: 20px; display: inline-block }
.i-banner-swiper .text a i{margin-left: 10px;transform: rotate(180deg);display: inline-block}
.i-banner-swiper .swiper-slide:nth-child(4) .text{text-align: right;top: 16%;}
.banner_video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
@keyframes dowMove
{
    0% {

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

        transform: translate(-50%,6px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes dowMove {
    0% {

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

        transform: translate(-50%,6px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}



.i_title span{font-size: 36px;line-height: 50px; font-family: OPEN_SANS_B; color: #980920}

.i-con1{padding: 60px 0 120px 0;background: #f2f7fb}
.i-con1 .list{display: flex;flex-wrap: wrap;padding-top: 6px;}
.i-con1 .list .item{width: 32%;margin-top: 2%; margin-right: 2%;position: relative}
.i-con1 .list .item:nth-child(3n){margin-right: 0}
.i-con1 .list .item .img{overflow: hidden}
.i-con1 .list .item .g_bg{padding-top: 68%;transition: .8s all ease}
.i-con1 .list .item .text{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;justify-content: space-between;padding: 26px;}
.i-con1 .list .item .text h4{font-size: 16px;color: #525252;width: calc(100% - 30px);transition: .4s all ease}
.i-con1 .list .item .text i{font-size: 16px;color: #fff;transition: .4s all ease}
.i-con1 .list .item:hover .text h4{color: #980920;transition: .4s all ease}
.i-con1 .list .item:hover .text i{color: #980920; transform: translateX(4px); transition: .4s all ease}
.i-con1 .list .item:hover .g_bg {transform: scale(1.08); transition: .4s all ease}

.i-con2{background: url("../images/i-about1.jpg") no-repeat; background-size: cover; background-position: center}
.i-con2 .view{padding: 146px 0 326px 0;background: url("../images/i-about2.png")no-repeat; background-position: bottom center;background-size: 100% auto }
.i-con2 .text{margin-top: 30px; width: 50%;height: 108px; text-align: justify; font-size: 14px; line-height: 24px;overflow: hidden;}
.i-con2 .more{margin-top: 40px; width: 200px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px;background: #980920;border-radius: 30px;display: block}
.i-con2 .more i{margin-left: 10px;display: inline-block;transform: rotate(180deg);font-size: 18px;}
.i-con2 .more:hover{border: 1px solid #980920;background: none;color: #980920;transition: .4s all ease}

.i-con3{padding: 80px 0;background: #e7eef8}
.i-con3 .list{display: flex;flex-wrap: wrap;padding-top: 6px;}
.i-con3 .list .item{width: 24%;margin-top: 1.3%; margin-right: 1.3%;position: relative}
.i-con3 .list .item:nth-child(4n){margin-right: 0}
.i-con3 .list .item .img{overflow: hidden}
.i-con3 .list .item .g_bg{padding-top: 72.7%;transition: .8s all ease}
.i-con3 .list .item .text{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;justify-content: space-between;padding: 26px;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));}
.i-con3 .list .item .text h4{font-size: 16px;color: #fff;width: calc(100% - 30px);transition: .4s all ease}
.i-con3 .list .item .text i{font-size: 16px;color: #fff;transition: .4s all ease}
.i-con3 .list .item:hover .text h4{color: #980920;transition: .4s all ease}
.i-con3 .list .item:hover .text i{color: #980920; transform: translateX(4px); transition: .4s all ease}
.i-con3 .list .item:hover .text {background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4)); transition: .4s all ease}
.i-con3 .list .item:hover .g_bg {transform: scale(1.08); transition: .4s all ease}

.i-con4{padding: 40px 0 70px 0;background: #f4f4f4}
.i-con4 .list{display: flex;flex-wrap: wrap;padding-top: 6px;}
.i-con4 .list .item{width: 32%;margin-top: 2%; margin-right: 2%;position: relative}
.i-con4 .list .item:nth-child(3n){margin-right: 0}
.i-con4 .list .item .img{overflow: hidden}
.i-con4 .list .item .g_bg{padding-top: 116%;transition: .8s all ease}
.i-con4 .list .item .text{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;justify-content: space-between;padding: 26px;}
.i-con4 .list .item .text h4{font-size: 16px;color: #525252;width: calc(100% - 30px);transition: .4s all ease}
.i-con4 .list .item .text i{font-size: 16px;color: #fff;transition: .4s all ease}
.i-con4 .list .item:hover .text h4{color: #980920;transition: .4s all ease}
.i-con4 .list .item:hover .text i{color: #980920; transform: translateX(4px); transition: .4s all ease}
.i-con4 .list .item:hover .g_bg {transform: scale(1.08); transition: .4s all ease}

.i-con5{padding: 30px 0}
.i-con5 .list{display: flex;justify-content: space-between}
.i-con5 .list .item{width: 33.333%;position: relative;text-align: center}
.i-con5 .list .item:after{content: '';position: absolute;left: 100%;top: 50%; transform: translateY(-50%);
    width: 1px;height:100%;background-image: linear-gradient(rgba(231,231,231,.1),rgba(231,231,231,1),rgba(231,231,231,.1));display: block }
.i-con5 .list .item i{display: block; margin: 0 auto; width: 90px; height: 90px; line-height: 90px; font-size: 40px;color: #7d7d7d; border: 1px solid #c3c3c3;border-radius: 50%}
.i-con5 .list .item b{font-weight: 400;font-size: 18px;margin-top: 10px;color: #333333; font-family:OPEN_SANS_B;  display: block}
.i-con5 .list .item span{font-weight: 400;font-size: 14px;margin-top: 10px;color: #525252;display: block}
.i-con5 .list .item:nth-child(2) i{font-size: 34px;}
.i-con5 .list .item:hover i{color: #980920;border-color: #980920;transition: .4s all ease}
.i-con5 .list .item:hover b{color: #980920;transition: .4s all ease}
.i-con5 .list .item:nth-last-child(1):after{display: none}

footer{background:#f4f4f4}
.f-top-con{display: flex; justify-content: space-between; padding: 26px 0 18px 0;border-bottom: 1px solid rgba(221,221,221,.7)}
.f-top-l {width:calc(100% - 480px)}
.f-top-l ul{display: flex; justify-content: space-between; }
.f-top-l ul li a{display: block}
.f-top-l ul li&gt;a{font-size: 16px;color: #000000;margin-bottom: 10px;}
.f-top-l ul li div a{font-size: 12px;color: #000;margin-top: 4px;}
.f-top-l ul li a:hover{color: #980920}
.f-top-r .info{}
.f-top-r .info img{width: 110px;}
.f-top-r .info b{display: block;font-family:OPEN_SANS_B;font-size: 12px;color: #333;margin-top: 10px;padding-bottom: 6px }
.f-top-r .info a{display: block;font-family:OPEN_SANS_B;font-size: 12px;color: #333333;margin-top: 6px;}
.f-top-r .info a:hover{color: #980920}
.f-bottom{padding: 14px 0}
.f-bottom .g_w{display: flex;align-items: center;justify-content: space-between}
.f-bottom .f-bottom-l{display: flex;align-items: center;justify-content: space-between}
.f-bottom .f-bottom-l i{font-size: 24px; color: #888888;margin-right: 34px;display: inline-block}
.f-bottom .f-bottom-l a{position: relative}
.f-bottom .f-bottom-l a span{position: absolute;padding: 10px; left: 50%;bottom: 100%; width: 160px; transform: translateX(-50%);z-index: 99;display: none}
.f-bottom .f-bottom-l a span img{width: 140px;box-shadow: 0 0 6px #333}
.f-bottom .f-bottom-l a:nth-child(2) i{transform: scale(1.2);}
.f-bottom .f-bottom-l i:hover{color: #980920}
.f-bottom .f-bottom-l a:hover span{display: block}
.f-bottom .f-bottom-l .r{margin-left: 60px;}
.f-bottom .f-bottom-l .r a:nth-child(2) {margin-left: 30px;}
.f-bottom .f-bottom-c {color: #333333;margin:0 10px }
.f-bottom .f-bottom-c span{margin: 0 8px;}
.f-bottom .f-bottom-c a{color: #333333;}
.f-bottom .f-bottom-c a:hover{color: #980920}
.f-bottom .f-bottom-r a{color: #333333}
.f-bottom .f-bottom-r a:hover{color: #980920}



.n_title {background: #eeeeee;height: 100px; line-height: 100px; text-align: center}
.n_title span{text-align: center;font-size: 22px;}

.n_pro1{}
.n_pro1 .con1{padding-bottom: 60px;}
.n_pro1 .con1 .list{display: flex; flex-wrap: wrap;padding-top: 28px}
.n_pro1 .con1 .list .item{width: 32%;margin-right: 2%;margin-top: 40px;border: 1px solid #dddddd}
.n_pro1 .con1 .list .item:nth-child(3n){margin-right: 0}
.n_pro1 .con1 .list .item .img{width: calc(100% + 2px);transform: translate(-1px,-1px);}
.n_pro1 .con1 .list .item .g_bg{padding-top: 45.4%}
.n_pro1 .con1 .list .item .name{height: 67px; font-size: 18px;color: #525252;}
.n_pro1 .con1 .list .item .bottom{ padding:22px 32px; border-top: 1px solid #dddddd;transform: translateY(-1px)}
.n_pro1 .con1 .list .item ul{ margin-top: 20px; overflow: auto;font-size: 0}
.n_pro1 .con1 .list .item ul li{width: 49%;margin-right: 1%; margin-bottom: 14px;display: inline-block;}
.n_pro1 .con1 .list .item ul li a{font-size: 12px; color: #525252;transition: .4s all ease}
.n_pro1 .con1 .list .item ul li a:hover{color: #980920;transition: .4s all ease}
.n_pro1 .con1 .list .item:hover .name{color: #980920;transition: .4s all ease}

.n_pro_kf{position: fixed;right: 10px;top: 40%;padding-left: 20px;z-index: 9999}
.float_left{width: 80px;height: auto; padding-top: 10px; color: #777777; border-radius: 4px;background: #eeeeee;text-align: center;box-shadow: 0 0 4px #dfdfdf}
.float_left i{font-size: 24px;}
.float_left span{display: block;font-size: 12px;}
.float_right{position: absolute; top: 0; right: 100%;width: 346px; padding: 24px; background: #fff;border-radius: 6px;box-shadow: 0 0 6px rgba(0,0,0,.3);opacity: 0;display: none;
    animation: KF .5s ease forwards;
    -webkit-animation: KF .5s ease forwards;}
.float_right li{padding: 24px 0 24px 60px; position: relative; border-bottom: 1px solid #ededed}
.float_right li:nth-last-child(1){border-bottom: 0}
.float_right .top{font-size: 18px;}
.float_right li i{position: absolute;left:20px; top: 20px;color: #525252 }
.float_right li .btn{margin-top: 10px; padding: 0; width: 150px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #fff;background: #980920}
.float_right li b{font-size: 24px;color: #474747;margin-top: 10px;display: block}
/*.n_pro_kf:hover .float_right{display: block!important;}*/

.n_pro2{}
.n_pro2 .con1 .g_w{display: flex}
.n_pro2 .con1 .g_w&gt; .con-l{width: 430px;margin-bottom: 40px;}
.n_pro2 .con1 .g_w&gt; .con-r{width: calc(100% - 430px);padding-left: 70px;}
.n_pro_nav{}
.n_pro_navName1{margin-top: 20px; padding: 0 20px 0 28px;height: 50px; display: flex;justify-content: space-between; align-items: center; background: #f4f4f4;cursor: pointer;;transition: .4s all ease}
.n_pro_navName1:hover{background: #980920;transition: .4s all ease}
.n_pro_navName1:hover b{color: #fff;transition: .4s all ease}
.n_pro_navName1:hover span:before{background: #fff;transition: .4s all ease}
.n_pro_navName1:hover span:after{background: #fff;transition: .4s all ease}
.n_pro_nav &gt; ul &gt; li.active .n_pro_navName1{background: #980920;transition: .4s all ease}
.n_pro_nav &gt; ul &gt; li.active .n_pro_navName1 b{color: #fff;transition: .4s all ease}
.n_pro_nav &gt; ul &gt; li.active .n_pro_navName1 span:before{background: #fff;transition: .4s all ease}
.n_pro_nav &gt; ul &gt; li.active .n_pro_navName1 span:after{background: #fff;transform: translate(-50%,-50%) rotate(0deg); opacity: 0; transition: .4s all ease}
.n_pro_navName1 b{font-size: 18px;color: #525252;width: calc(100% - 30px);display: block}
.n_pro_navName1 span{display: block;width: 18px;height: 18px;position: relative}
.n_pro_navName1 span:before{ content: ''; width: 100%;height: 3px;background: #9f9f9f;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.n_pro_navName1 span:after{ content: ''; width: 100%;height: 3px;background: #9f9f9f;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg)}

.n_pro_nav &gt; ul &gt; li.active &gt; ul{display: block}
.n_pro_nav &gt; ul &gt; li &gt; ul{display: none}
.n_pro_navName2{padding: 0 20px 0 28px;height: 42px; display: flex; align-items: center; background: #f4f4f4;cursor: pointer;border: 2px solid #dddddd;border-top: 0}
.n_pro_navName2 a{white-space: nowrap}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li:nth-child(1) .n_pro_navName2{border: 2px solid #dddddd}
.n_pro_navName2 span{display: block;width: 14px;height: 14px;position: relative;border: 1px solid #848585}
.n_pro_navName2 b{font-size: 14px;color: #525252;width: calc(100% - 14px); padding-left: 8px; display: block}
.n_pro_navName2 a b{width: auto}
.n_pro_navName2 span:before{ content: ''; width: 8px;height: 2px;background: #848585;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.n_pro_navName2 span:after{ content: ''; width: 8px;height: 2px;background: #848585;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg)}
.n_pro_navName2:hover{background: #c2c2c2}
.n_pro_navName2:hover b{color: #980920}
.n_pro_navName2:hover span{border-color: #980920}
.n_pro_navName2:hover span:before{background: #980920}
.n_pro_navName2:hover span:after{background: #980920}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active .n_pro_navName2{background: #c2c2c2}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active .n_pro_navName2 b{color: #980920}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active .n_pro_navName2 span{border-color: #980920}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active .n_pro_navName2 span:before{background: #980920}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active .n_pro_navName2 span:after{background: #980920;opacity: 0;transform: translate(-50%,-50%) rotate(0)}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li.active &gt; ul{display: block}

.n_pro_nav &gt; ul &gt; li &gt; ul{margin-top: 8px;}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li &gt; ul{margin-top: 3px;display: none}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li &gt; ul a{display: block; padding: 0 20px 0 70px; height: 36px; color: #474747; font-size: 14px; line-height: 32px;border:2px solid #dddddd;border-bottom:0  }
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li &gt; ul a:nth-last-child(1){border-bottom:2px solid #dddddd}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li &gt; ul a:hover{background: #c2c2c2;color: #980920}
.n_pro_nav &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li a.active{background: #c2c2c2;color: #980920}

.n_pro2{}
.n_pro2 .con1{padding-top: 50px;}
.n_pro2 .con1 .con-r{}
.n_pro2 .con1 .con-r .top{display: flex; align-items: flex-end;justify-content: space-between; padding-bottom: 12px;border-bottom: 1px solid #cccccc}
.n_pro2 .con1 .con-r .top_l{color: #9f9f9f;font-size: 16px;}
.n_pro2 .con1 .con-r .top_l a{color: #9f9f9f}
.n_pro2 .con1 .con-r .top_l a:hover{color: #980920}
.n_pro2 .con1 .con-r .search_form{display: flex;align-items: center;justify-content: space-between;
    width: 365px; height: 40px;background: #eeeeee;}
.n_pro2 .con1 .con-r .search_form input{width: calc(100% - 40px);padding: 0 20px;background: none;border: 0}
.n_pro2 .con1 .con-r .search_form i{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px;color: #777777; cursor: pointer}
.n_pro2 .con1 .con-r .search_form:hover i{background: rgba(240,240,150,1);transition: .4s all ease}
.n_pro2 .con1 .item{padding: 28px 0 6px 0; border-bottom: 1px solid #dddddd;display: flex;}
.n_pro2 .con1 .item .item_l{width: 258px;}
.n_pro2 .con1 .item .item_r{width: calc(100% - 258px);padding-left: 10px;}
.n_pro2 .con1 .item .img{padding-top: 70%;position: relative}
.n_pro2 .con1 .item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 94%;max-height: 94%}
.n_pro2 .con1 .item .text h4{font-size: 16px; color: #980920 }
.n_pro2 .con1 .item .text .purpose{line-height: 24px; color: #777777;margin-top: 6px;}
.n_pro2 .con1 .item .info{margin-top: 24px; height: 144px; line-height: 24px; color: #777777;overflow: hidden}
.n_pro2 .con1 .item .info p{padding-left: 16px;position: relative;}
.n_pro2 .con1 .item .info p:before{content: ''; position: absolute;left: 0;top: 9px; width: 6px; height: 6px; background: #b9b9b9}
.n_pro2 .con1 .item .bottom{margin-top:10px; font-size: 12px; text-align: right;}
.n_pro2 .con1 .item .bottom i{margin-top:10px; margin-left: 7px;font-size: 12px;}
.n_pro2 .con1 .item .bottom a{color: #980920}
.n_pro2 .con1 .item h4:hover{color: #777777;transition: .4s all ease}
.n_pro2 .con1 .item .bottom a:hover{color: #9f9f9f;transition: .4s all ease}

.fenye{padding: 40px 0;color: #525252;display: flex;justify-content: space-between}
.fenye .fenye_l{display: flex;}
.fenye .fenye_l span:nth-child(2){margin-left: 14px;}
.fenye .fenye_l select:nth-child(3){}
.fenye .fenye_l .fenye_a{margin-left: 56px;}
.fenye .fenye_l .fenye_a a{color: #525252;margin:0 2px;text-decoration: underline !important;}
.fenye .fenye_l .fenye_a a i{font-size: 12px}
.fenye .fenye_l .fenye_a a:nth-child(1) i{display: inline-block;transform: rotate(180deg);text-decoration: none !important;}
.fenye .fenye_l .fenye_a a:nth-child(1) {text-decoration: none !important;}
.fenye .fenye_l .fenye_a a:nth-child(2) {text-decoration: none !important;}
.fenye .fenye_l .fenye_a a:nth-child(1) i:nth-child(2){margin-left: -7px}
.fenye .fenye_l .fenye_a a:nth-child(2) i{display: inline-block;transform: rotate(180deg)}
.fenye .fenye_l .fenye_a a:nth-last-child(1) i:nth-child(2){margin-left: -7px}
.fenye .fenye_l .fenye_a a:nth-last-child(1){text-decoration: none !important;}
.fenye .fenye_l .fenye_a a:nth-last-child(2){text-decoration: none !important;}
.fenye .fenye_l .fenye_a a:hover{color: #980920;text-decoration: none !important;}
.fenye .fenye_l .fenye_a a.active{color: #980920;text-decoration: none !important;}
.fenye .more i{font-size: 12px}
.fenye .more {color: #525252;}
.fenye .more:hover {color: #980920;}


.n_pro_detail{}
.n_pro_detail .con1{padding-bottom: 50px;}
.n_pro_detail .con1 .g_w{display: flex}
.n_pro_detail .con1 .g_w &gt; .con-l{width: 430px;margin-top: 12px}
.n_pro_detail .con1 .g_w &gt; .con-r{width: calc(100% - 430px);padding-left: 70px;margin-top: 32px;}
.pro_detail_view .top{display: flex}
.pro_detail_swiper{width: 450px;padding: 0 58px;background: #f4f4f4;position: relative}
.pro_detail_swiper .swiper-container{height: 100%}
.pro_detail_swiper .swiper-wrapper{height: 100%}
.pro_detail_swiper .swiper-slide{height: 100%}
.pro_detail_swiper .img{padding-top: 70%; height: 100%; position: relative}
.pro_detail_swiper .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 94%;max-height: 94%}
.pro_detail_swiper .swiper-button{width:38px; height: 38px; line-height: 38px;text-align: center;border: 1px solid #9f9f9f;color:#9f9f9f;background: none;border-radius: 50% }
.pro_detail_swiper .swiper-button:hover{color: #980920; border-color: #980920; transition: .4s all ease}
.pro_detail_swiper .swiper-button-prev{left: 18px;}
.pro_detail_swiper .swiper-button-prev i{transform: rotate(180deg);display: inline-block}
.pro_detail_swiper .swiper-button-next{right: 18px;}
.pro_detail_text{width: calc(100% - 450px);padding-left: 30px;}
.pro_detail_text &gt; h4{font-size: 20px;color: #980920;padding-bottom: 6px;border-bottom: 1px solid #cccccc;font-weight: 600}
.pro_detail_text .p{font-size: 14px;color: #474747;line-height: 30px;margin-top: 4px;min-height: 120px;}
.pro_detail_text .bottom{margin-top: 20px;display: flex;align-items: center; justify-content: space-between;color: #474747;}
.pro_detail_text .bottom .back{width: 140px; height: 40px; line-height: 40px;text-align: center; font-size: 14px; color: #777777; border: 1px solid #777777;border-radius: 30px; display: block}
.pro_detail_text .bottom .back i{margin-right: 6px; margin-top: -2px; transform: translateY(3px); font-size: 18px;display: inline-block}
.pro_detail_text .bottom .back:hover{background: #980920;color: #fff;border-color: #980920;transition: .4s all ease}


.pro_detail_tab{margin-top: 60px;}
.pro_detail_tabNav{display: flex}
.pro_detail_tabNav a{display: inline-block;padding: 6px 26px;font-weight: 600;color: #474747;background: #f5f5f6;border: 1px solid #dddddd;border-bottom: 0;transition: .4s all ease}
.pro_detail_tabNav a.active{background: #980920;color: #fff;transition: .4s all ease}
.pro_detail_tabNav a:hover{background: #980920;color: #fff;transition: .4s all ease}
.pro_detail_tanCon{display: none; padding: 50px 40px; line-height: 28px; border: 1px solid #dddddd;text-align: justify}
.pro_detail_tanCon.active{display: block}
.pro_detail_tanCon p{position: relative;padding-left: 16px;}
.pro_detail_tanCon p:before{content: '';position: absolute;left: 0;top: 9px;width: 6px;height: 6px;background: #b9b9b9;}
.pro_detail_tanCon.pro_no p{padding-left: 0}
.pro_detail_tanCon.pro_no p:before{display: none}
.pro_detail_tanCon table tr{border-bottom: 1px solid #dddddd}
.pro_detail_tanCon table tr td{padding: 0 20px;}
.pro_detail_tanCon table{border: 1px solid #dddddd}
.pro_detail_tanCon hr{margin-top: 10px;border-color: #ddd}
.pro_detail_title{font-size: 20px;padding-bottom: 10px;border-bottom: 1px solid #dddddd;margin-bottom: 20px;}
.pro_detail_p{padding-left: 120px;}

.canshu_list{}
.canshu_list .item{margin-top: 40px;}
.canshu_list .item:nth-child(1){margin-top: 0;}
.canshu_list .item_title{font-size: 20px;padding-bottom: 10px;border-bottom: 1px solid #dddddd}
.canshu_list .item_table{padding-left: 120px;margin-top: 10px;line-height: 20px;}
.canshu_list .item_tr{display: flex; padding: 8px 0; border-bottom: 1px solid #dddddd}
.canshu_list .item_tr:nth-last-child(1){border-bottom: 0}
.canshu_list .item_tb{display: block; width: 50%;padding-right:10px;}

.peijian_list{}
.peijian_list .item{margin-top: 40px;}
.peijian_list .item:nth-child(1){margin-top: 0}
.peijian_list .item .title{font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dddddd}
.peijian_list .item .view{display: flex; padding: 14px 10px;  background: #f4f4f4;margin-top: 4px;}
.peijian_list .item .img{width: 110px;}
.peijian_list .item .img a{padding-top: 70%;position: relative;display: block}
.peijian_list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.peijian_list .item .name{width: calc(50% - 55px);padding:0 20px;}
.peijian_list .item .name h4{color: #777;font-size: 16px;}
.peijian_list .item .name p{margin-top: 6px; font-size: 14px;color: #333;line-height: 24px; height: 48px;overflow: hidden; padding-left: 0;}
.peijian_list .item .name p:before{display: none}
.peijian_list .item .info{width: calc(50% - 55px);line-height: 24px;height: 72px;overflow: hidden}
.peijian_list .item .info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.peijian_list .item .name h4:hover {color: #980920}

.pro_detail_dow{}
.pro_detail_dow .item{margin-top: 60px;}
.pro_detail_dow .list .item:nth-child(1){margin-top: 0;}
.pro_detail_dow .item .title{display: block; font-size:20px; padding-bottom: 10px; border-bottom: 1px solid #dddddd;}
.pro_detail_dow .item a{display: flex; justify-content: space-between;align-items: center;padding: 20px 0; border-bottom: 1px solid #dddddd;color: #474747}
.pro_detail_dow .item .name{width: calc(100% - 150px);padding-right: 10px;}
.pro_detail_dow .item .type{width: 150px;text-transform: uppercase}
.pro_detail_dow .item .type i{display: none;color: #e45442}
.pro_detail_dow .item .type.pdf .icon-PDF{display: inline-block}
.pro_detail_dow .item .type.ruanjian .icon-ruanjian1{display: inline-block}
.pro_detail_dow .item .type.cad .icon-CAD{display: inline-block}
.pro_detail_dow .item ul li:hover .type{color: #980920}
.pro_detail_dow .item ul li:hover .name{color: #980920}

.n_about1{}
.n_about1 .con1{padding: 90px 0; background: url("../images/n-about1-2.jpg") no-repeat; background-position: center bottom}
.n_about1 .con1 .g_w{display: flex}
.n_about1 .con1 .con-l{width: 472px;}
.n_about1 .con1 .con-r{width: calc(100% - 472px);padding-left: 42px;}
.n_about1 .con1 .text{color: #474747;line-height: 24px;text-align: justify}
.n_about1 .con1 .text p{margin-bottom: 20px;}

.n_about2{}
.n_about2 .con1{padding: 70px 0;}
.n_about2 .con1 .g_w{display: flex}
.n_about2 .con1 .con-l{width: 50%;}
.n_about2 .con1 .con-r{width: 50%;padding: 40px 68px;background: #f4f4f4;line-height: 26px;display: flex;align-items: center}
.n_about2 .con1 .text{color: #474747;line-height: 26px;width: 100%;text-align: justify}

.n_about3{}
.n_about3 .con1{padding: 66px 0 50px 0}
.n_about3 .con_title span{font-size: 26px;color: #980920}
.n_about3 .con1 .item{ margin-top: 30px; display: flex; align-items: center; padding: 20px 50px;border-top-left-radius: 34px;border-bottom-right-radius: 34px;background: #f4f4f4;
    transition: .4s all ease}
.n_about3 .con1 .item i{display: block;width: 90px;height: 90px; line-height: 90px; text-align: center; font-size: 40px; border: 1px solid #cdcdcd;color: #9f9f9f;border-radius: 50%}
.n_about3 .con1 .item .text{width: calc(100% - 92px);padding-left: 16px;}
.n_about3 .con1 .item .text span{display: block;font-size: 22px;}
.n_about3 .con1 .item .text p{display: block;line-height: 26px;color: #474747;margin-top: 10px;}
.n_about3 .con1 .item:nth-child(1) i::before{transform: translate(6px ,6px);display: inline-block}
.n_about3 .con1 .item:hover{ transform: translate(2px ,2px); box-shadow: 0 0 6px rgba(0,0,0,.3); transition: .4s all ease}
/*.n_about3 .con1 .item:hover p{color: #fff;transition: .4s all ease}*/
/*.n_about3 .con1 .item:hover i{ border-color: #fff; color: #fff;transition: .4s all ease}*/
.n_about3 .con2{padding-bottom: 66px;}
.n_about3 .con2 .view{padding:70px 40px; text-align: right; background: url("../images/n-about3-1.jpg") no-repeat; background-size: cover; background-position: center right}
.n_about3 .con2 .view .text{display: inline-block;text-align: left}
.n_about3 .con2 .view .p{font-size: 16px;line-height: 40px; color: #222222;margin-top: 40px;}

.n_about4{}
.n_about4 .con_title{color: #474747;font-size: 22px;text-align: center}
.n_about4 .con_title i{color: #9f9f9f;font-size: 22px;}
.n_about4 .con1{padding-top: 40px;}
.n_about4 .con1 ul{padding-top: 10}
.n_about4 .con1 ul li{margin-top: 20px; display: flex;align-items: center;background: #f4f4f4}
.n_about4 .con1 ul li .con-l{width: 298px;text-align: center; position: relative}
.n_about4 .con1 ul li .con-l:after{content: '';position: absolute;left: 100%;top: 50%; transform: translateY(-50%); width: 1px; height: 120px;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(206,206,206,1),rgba(255,255,255,0));}
.n_about4 .con1 ul li .con-l img{max-width: 96%;max-height: 96%}
.n_about4 .con1 ul li .con-r{width: calc(100% - 298px);padding: 50px 58px;}
.n_about4 .con1 ul li .con-r p{font-size: 14px;color: #474747;line-height: 28px;text-align: justify}
.n_about4 .con1 ul li .con-r p span:nth-child(1){font-size: 18px;color: #000}
.n_about4 .con1 ul li .con-r p span:nth-child(2){font-size: 16px;color: #474747;margin-left: 16px;}
.n_about4 .con1 ul li .con-r p:nth-child(2){margin-top: 10px;}
.n_about4 .con2{padding: 60px 0}
.n_about4 .con2 .list{margin-top: 40px;}
.n_about4 .con2 ul{ display: flex;flex-wrap: wrap; justify-content: center;margin-top: -6%;}
.n_about4 .con2 ul li{width: 19%;margin: 0 .5% ;}
.n_about4 .con2 ul li:nth-child(9){margin-top: -6%;}
.n_about4 .con2 ul li:nth-child(8){margin-top: -6%;}
.n_about4 .con2 ul li:nth-child(7){margin-top: -6%;}
.n_about4 .con2 ul li:nth-child(6){margin-top: -6%;}
.n_about4 .con2 ul:nth-child(1){margin-top: 0}



.n_about5{}
.n_about5 .con1{padding-top: 70px;}
.n_about5 .con1 .title{font-size: 22px; color: #000;margin-top: 30px;display: block}
.n_about5 .con1 .text{font-size: 14px; color: #333333}
.n_about5 .con1 .text p{margin-top: 10px;line-height: 24px;}
.n_about5 .con1 .text p:nth-child(1){margin-top: 0}
.n_about5 .con2{margin-top: 30px;}
.n_about5 .con2 .view {display: flex; align-items: center; padding: 34px 0 30px 0;background: url("../images/n-about5-9.png") no-repeat; background-size: 100% 100%}
.n_about5 .con2 .view .con-l{width: 550px;text-align: center}
.n_about5 .con2 .view .con-l span{display: block;font-size: 16px;color: #333333;margin-top: 10px;}
.n_about5 .con2 .view .con-r{width: calc(100% - 550px);padding: 30px 50px 30px 0; text-align: justify;font-size: 14px; line-height:26px; color: #333333 }
.n_about5 .con3{padding-bottom: 60px;}
.n_about5 .con3 .list{display: flex; justify-content: space-between; flex-wrap: wrap}
.n_about5 .con3 .item{width: 32%;margin-top: 2%;}
.n_about5 .con3 .item .img{overflow: hidden;position: relative}
.n_about5 .con3 .item i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70px; height: 70px; line-height: 70px; text-align: center; color: #980920;font-size:30px;
    background: rgba(255,255,255,.6);border-radius: 50%;transition: .4s all ease}
.n_about5 .con3 .item .g_bg{padding-top: 55.6%}
.n_about5 .con3 .item .text{background: #e6ecf0;height: 70px;text-align: center;padding: 24px 20px;font-size: 16px;color: #333}
.n_about5 .con3 .item:hover i{background: #980920;color: #fff;transition: .4s all ease}
.n_about5 .con3 .item:hover .g_bg{transform: scale(1.08);transition: .4s all ease}

.n_zh1{}
.n_zh1 .con1{ padding: 60px 0; background-attachment: fixed;background-size: cover;background-position: center;background-image: url("../images/n-zh1-4.jpg")}
.n_zh1 .item{box-shadow: 0 0 6px rgba(0,0,0,.2);margin-top: 30px;background: #fff}
.n_zh1 .item a{display: flex;align-items: center;}
.n_zh1 .item .img{width: 380px;overflow: hidden}
.n_zh1 .item .g_bg{padding-top: 62.2%;transition: .8s all ease}
.n_zh1 .item .time{width: 190px;text-align: center;color: #474747;font-size: 16px;}
.n_zh1 .item .text{width: calc(100% - 380px - 190px); padding: 40px;position: relative}
.n_zh1 .item .text:before{content: ''; width: 1px;height: 80%;background: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.n_zh1 .item .text h4{font-size: 16px;font-weight: 600;color: #474747}
.n_zh1 .item .text p{margin-top: 10px;color: #777777;line-height: 24px;max-height: 72px;overflow: hidden}
.n_zh1 .item .text span{display: block;text-transform: uppercase;color: #777777;margin-top: 10px;font-family: OPEN_SANS_B}
.n_zh1 .item .text i{margin-left: 10px;font-size: 14px;}
.n_zh1 .item:hover .text h4{color: #980920;transition: .4s all ease}
.n_zh1 .item:hover .text span{color: #980920;transition: .4s all ease}
.n_zh1 .item:hover .time{color: #980920;transition: .4s all ease}
.n_zh1 .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}


.n_zh2{}
.n_zh2 .con1{padding: 60px 0; background-attachment: fixed;background-size: cover;background-position: center;background-image: url("../images/n-zh1-4.jpg")}
.n_zh2 .con1{ padding: 60px 0; background-attachment: fixed;background-size: cover;background-position: center;background-image: url("../images/n-zh1-4.jpg")}
.n_zh2 .list{display: flex;flex-wrap: wrap}
.n_zh2 .item{ width: 31%; margin-right: 3.5%;margin-top: 3.5%; box-shadow: 0 0 6px rgba(0,0,0,.2);background: #fff}
.n_zh2 .item:nth-child(3n){margin-right: 0}
.n_zh2 .item a{ }
.n_zh2 .item .img{overflow: hidden}
.n_zh2 .item .g_bg{padding-top: 62.2%;transition: .8s all ease}
.n_zh2 .item .time{display: flex;justify-content: space-between; align-items: center;
    padding: 0 30px; height: 100px; color: #474747;font-size: 16px;}
.n_zh2 .item .time span:nth-child(2){display: block;text-transform: uppercase;color: #777777;margin-top: 10px;font-family: OPEN_SANS_B}
.n_zh2 .item .text{padding: 30px;position: relative}
.n_zh2 .item .text:before{content: ''; width: 1px;height: 80%;background: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.n_zh2 .item .text h4{font-size: 16px;font-weight: 600;color: #474747}
.n_zh2 .item .text p{margin-top: 10px;color: #777777;line-height: 24px;max-height: 72px;overflow: hidden}
.n_zh2 .item .text i{margin-left: 10px;font-size: 14px;}
.n_zh2 .item:hover .text h4{color: #980920;transition: .4s all ease}
.n_zh2 .item:hover .time span{color: #980920;transition: .4s all ease}
.n_zh2 .item:hover .time{color: #980920;transition: .4s all ease}
.n_zh2 .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}


.n_jj1{}
.n_jj1 .con1{padding: 60px 0 20px 0}
.n_jj1 .con1 .g_w{display: flex}
.n_jj1 .con1 .con-l{width: 320px;}
.n_jj1 .con1 .con-r{width: calc(100% - 320px);padding-left: 80px;}
.n_jj1 .nav{}
.n_jj1 .nav .name{display: block; padding-left: 28px; height: 50px; line-height: 50px; font-size: 18px;background: #980920;color: #fff}
.n_jj1 .nav ul li{ border: 2px solid #dfdfdf;border-top: 0}
.n_jj1 .nav ul li a{display: block; padding-left: 50px; height: 40px; line-height: 36px;font-size: 14px;color: #525252;transition: .4s all ease}
.n_jj1 .nav ul li i{margin-right: 10px;color: #9f9f9f;transition: .4s all ease}
.n_jj1 .nav ul li i.icon-wuliu{font-size: 12px}
.n_jj1 .nav ul li a:hover {color: #980920;background: #c2c2c2; transition: .4s all ease}
.n_jj1 .nav ul li a:hover  i{color: #980920;transition: .4s all ease}
.n_jj1 .nav ul li.active a {color: #980920;background: #c2c2c2; transition: .4s all ease}
.n_jj1 .nav ul li.active a  i{color: #980920;transition: .4s all ease}
.n_jj1 .nav2_con{margin-top: 60px;}
.n_jj1 .nav2_con .nav .name{background: #c2c2c2;color: #474747}
.n_jj1 .list{display: flex; justify-content: space-between; flex-wrap: wrap}
.n_jj1 .list .item{width: 48%;margin-top: 4%}
.n_jj1 .list .item:nth-child(1){margin-top: 0}
.n_jj1 .list .item:nth-child(2){margin-top: 0}
.n_jj1 .list .item .img{overflow: hidden}
.n_jj1 .list .item .img .g_bg{padding-top: 52%;transition: .8s all ease}
.n_jj1 .list .item .text {display: flex;justify-content: space-between;padding: 10px 32px;border: 1px solid #dddddd; transition: .4s all ease}
.n_jj1 .list .item .text h4{width: calc(100% - 20px);font-size: 16px;color: #474747; transition: .4s all ease}
.n_jj1 .list .item .text i{font-size: 16px;color: #9f9f9f; transition: .4s all ease}
.n_jj1 .list .item:hover .g_bg{ transform: scale(1.06); transition: .8s all ease}
.n_jj1 .list .item:hover h4{ color: #980920; font-weight: 600; transition: .4s all ease}
.n_jj1 .list .item:hover i{ color: #980920; transition: .4s all ease}
.n_jj1 .list .item:hover .text{ background: #f4f4f4; transition: .4s all ease}

.jj_detail{}

.jj_detail .back{color: #777777;font-size: 16px;}
.jj_detail .back i{font-size: 24px;transform: translateY(6px);display: inline-block}
.jj_detail .back:hover {color: #980920}
.jj_detail .title{color: #474747;font-size: 24px;font-weight: 600;text-align: center;margin-top: 14px;}
.jj_detail .text{line-height: 30px;color: #474747;margin-top: 14px;text-align: justify}

.searchBox{display: flex;justify-content: space-between; }
.searchBox .year,.searchBox .month,.searchBox .searchText{width:36%; height: 45px;line-height: 45px; background: #eeeeee;border-radius:  4px;display: flex;padding:0 24px;color: #777}
.searchBox .searchBtn{width: 24%;height: 45px; display: flex;align-items: center;justify-content: center;
    background: #980920;border-radius:  4px;color: #fff;font-size: 16px; text-transform: uppercase; border: 0}
.searchBox .searchBtn i{color: #fff;margin-right: 10px;font-size: 18px;}
.searchBox select{width: 100%;padding: 0 20px 0 0;border: 0;background: none;font-size: 14px;text-transform: uppercase;color: #777}
.searchBox input{width: calc(100% - 26px);padding: 0 0 0 20px;border: 0;background: none;font-size: 14px;text-transform: uppercase}
.searchBox input::-webkit-input-placeholder {color: #777777 }
.searchBox i{font-size: 24px;width: 24px; display: inline-block; overflow: hidden; color: #777777}
.searchBox .icon-shenpannianfen:before{transform: translateX(-21px);display: inline-block}
.searchBox .month{width:24%}
.searchBox&gt;div{ transition: .4s all ease}
.searchBox&gt;div:hover{box-shadow: 0 0 4px #980920;transition: .4s all ease}

.n_fw1{}
.n_fw1 .con1{padding: 60px 0 20px 0;}
.n_fw1 .con1 .g_w{display: flex}
.n_fw1 .con1 .con-l{width: 320px; }
.n_fw1 .con1 .con-r{width: calc(100% - 320px); padding-left: 80px;}
.n_fw1 .con1 .n_pro_navName1{margin-top: 0}
.n_fw1 .con1 .item a{display: flex; align-items: flex-end; padding: 26px 0;border-bottom: 2px solid #eeeeee}
.n_fw1 .con1 .item .img{width: 160px;}
.n_fw1 .con1 .item .g_bg{padding-top: 98%}
.n_fw1 .con1 .item .text{width: calc(100% - 160px - 120px);padding: 0 20px 20px 42px}
.n_fw1 .con1 .item .text h4{font-size: 16px; color: #525252; }
.n_fw1 .con1 .item .text p{color: #777777;line-height: 28px;margin-top: 10px;text-transform: uppercase}
.n_fw1 .con1 .item .dow{width: 120px;padding-bottom: 20px;color: #9f9f9f}
.n_fw1 .con1 .item:hover .text h4{color: #980920;transition: .4s all ease}
.n_fw1 .con1 .item:hover .dow{color: #980920;transition: .4s all ease}

.n_fw1 .nav{}
.n_fw1 .nav .name{display: block; padding-left: 28px; height: 50px; line-height: 50px; font-size: 18px;background: #980920;color: #fff}
.n_fw1 .nav ul li{ border: 2px solid #dfdfdf;border-top: 0}
.n_fw1 .nav ul li a{display: block; padding-left: 50px; height: 40px; line-height: 36px;font-size: 14px;color: #525252;transition: .4s all ease}
.n_fw1 .nav ul li i{margin-right: 10px;color: #9f9f9f;transition: .4s all ease}
/*.n_fw1 .nav ul li:nth-last-child(2) i{font-size: 12px}*/
.n_fw1 .nav ul li a:hover {color: #980920;background: #c2c2c2; transition: .4s all ease}
.n_fw1 .nav ul li a:hover  i{color: #980920;transition: .4s all ease}
.n_fw1 .nav2_con{margin-top: 60px;}
.n_fw1 .nav2_con .nav .name{background: #c2c2c2;color: #474747}


.n_fw2_detail{}
.n_fw2_detail .title{display: block; margin-top: 12px; color: #980920; font-size: 18px; }
.n_fw2_detail p{color: #525252;line-height: 24px;margin-top: 10px;}

.n_fw3_detail{}
.n_fw3_detail .title{font-size: 16px;color: #980920;}
.n_fw3_detail .text1{margin-top: 20px;}
.n_fw3_detail .text1 p{margin-top: 20px; line-height: 24px; color: #525252}
.n_fw3_detail .text2{margin-top: 44px;}
.n_fw3_detail .text2 .list{margin-top: 30px; display: flex;justify-content: space-between;border-radius: 6px;border: 1px solid #dddddd}
.n_fw3_detail .text2 .list .item{position: relative; padding: 30px 10px 20px 10px; text-align: center; flex-grow: 1}

.n_fw3_detail .text2 .list .item i{display: block;margin: 0 auto; width: 76px; height: 76px;line-height: 76px; text-align: center; font-size: 34px; border-radius: 50%; color: #980920; background: #f4f4f4}
.n_fw3_detail .text2 .list .item h5{font-size: 16px;margin-top: 10px}
.n_fw3_detail .text2 .list .item span{color: #474747;display: block;margin-top: 10px;}
.n_fw3_detail .text2 .list .item:after{content: '';position: absolute;left: 100%;top: 50%; transform: translateY(-50%); width: 1px; height: 130px;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(206,206,206,1),rgba(255,255,255,0));}
.n_fw3_detail .text2 .list .item:nth-last-child(1):after{display: none}
.n_fw3_detail .text3{margin-top: 40px;}
.n_fw3_detail .text3 th{font-size: 18px;text-align: left;background: #eeeeee;height: 52px;vertical-align: middle;font-weight: 400;padding-left: 40px;border: 0}
.n_fw3_detail .text3 td{ padding:12px 0; padding-left: 40px; border: 0;border-bottom: 1px solid #eeeeee}

.n_fw4{}
.n_fw4 .list{display: flex;flex-wrap: wrap}
.n_fw4 .list .item{width: 32.33%;margin-right: 1.5%;margin-top: 20px;box-shadow: 0 0 6px rgba(0,0,0,.3)}
.n_fw4 .list .item:nth-child(3n){margin-right: 0}
.n_fw4 .list .item a{display: block;padding: 0;border: 0}
.n_fw4 .list .item .img{overflow: hidden;width: 100%}
.n_fw4 .list .item .g_bg{padding-top: 58.5%;transition: .6s all ease}
.n_fw4 .list .item .text{padding: 20px;background: #fff;width: 100%}
.n_fw4 .list .item .text p{max-height: 48px; line-height: 24px; color: #777777; overflow: hidden; width: 100%}
.n_fw4 .list .item .name{display: flex;justify-content: space-between;}
.n_fw4 .list .item .name h4{width: calc(100% - 20px); line-height: 24px; font-size: 16px;color: #000000;transition: .4s all ease}
.n_fw4 .list .item .name i{font-size: 16px;color: #9f9f9f;transition: .4s all ease}

.n_fw4 .list .item:hover .g_bg{transform: scale(1.06);transition: .8s all ease}
.n_fw4 .list .item:hover .name h4{color: #980920;transition: .4s all ease}
.n_fw4 .list .item:hover .name i{color: #980920;transition: .4s all ease}

.n_news1{}
.n_news1 .con1{}
.n_news1 .con1 .list{padding-top: 30px;}
.n_news1 .con1 .list .item{margin-top: 34px;padding-bottom: 34px;border-bottom: 1px solid #dddddd}
.n_news1 .con1 .list .item a{display: flex}
.n_news1 .con1 .list .item .img{width: 300px;}
.n_news1 .con1 .list .item .g_bg{padding-top:60% }
.n_news1 .con1 .list .item .text{width: calc(100% - 300px);padding:0 20px 0 50px;}
.n_news1 .con1 .list .item .text h4{font-size: 16px;color: #525252}
.n_news1 .con1 .list .item .date{font-size: 14px;color: #777777;display: block;margin-top: 10px;}
.n_news1 .con1 .list .item .date i{color: #bfbfbf;margin-right: 6px;font-size: 14px;}
.n_news1 .con1 .list .item p{margin-top: 10px; font-size: 14px;line-height: 24px; height: 48px; overflow: hidden; color: #777777}
.n_news1 .con1 .list .item .more{display: block; margin-top: 20px; width: 170px; height: 36px; line-height: 36px; text-align: center; border-radius: 30px; color: #525252; font-size: 14px;border: 1px solid #bfbfbf}
.n_news1 .con1 .list .item .more i{display: inline-block; transform: rotate(180deg)}
.n_news1 .con1 .list .item:hover .more{background: #980920;border-color: #980920; color: #fff;transition: .4s all ease}

.n_news_detail{}
.n_news_detail .con1{padding: 80px 0;  background: url("../images/n-news-dBg.png") no-repeat; background-attachment: fixed; background-position: center;background-size: cover}
.n_news_detail .view{position: relative; padding: 90px 110px; background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.n_news_detail .view .title{text-align: center;margin-top: 15px;}
.n_news_detail .view .title h3{font-size: 24px;margin-bottom: 20px;}
.n_news_detail .view .text{margin-top: 30px;text-align: justify;color: #474747;line-height: 22px;}
.n_news_detail .view .a{position: absolute;top:300px; width:64px;height: 64px;text-align: center;line-height: 64px;border: 1px solid #bfbfbf; border-radius: 50%;color: #bfbfbf;z-index: 9 }
.n_news_detail .view .a i{font-size: 20px;display: inline-block}
.n_news_detail .view .prev{left: -50px;transform: translateX(-100%); }
.n_news_detail .view .next{right: -50px;transform: translateX(100%); }
.n_news_detail .view .a.prev i{transform: rotate(180deg);}
.n_news_detail .view .a:hover{background: #980920;color: #fff;border-color: #980920}
.n_news_detail .top{text-align: right}
.n_news_detail .back{display: inline-block; width: 42px;height: 42px; border-radius: 50%;line-height: 42px;text-align: center;border: 1px solid #9f9f9f; color: #9f9f9f}
.n_news_detail .back:hover{background: #980920;color: #fff}

.n_news3{}
.n_news3 .list .item{width: 32%;margin-right: 2%;margin-top: 2%}
.n_news3 .list .item:nth-child(3n){margin-right: 0}
.n_news3 .list .item .time{height: auto;padding-top: 30px; }
.n_news3 .list .item .text{padding-top: 14px;color: #474747;line-height: 20px;}
.n_news3 .list .item .text p{line-height: 20px;height: 40px;overflow: hidden}
.n_news3 .list .item .more {text-transform: uppercase;margin-top: 20px;color: #777777;display: inline-block}
.n_news3 .list .item:hover .more{color: #980920;transition: .4s all ease}

.n_contact1{}
.n_contact1 .con1{padding-bottom: 60px}
.n_contact1 .img{text-align: center;width: 900px;max-width: 100%;margin: 0 auto;margin-top: 60px;}
.n_contact1 .list{max-width: 1100px;margin: 0 auto;padding-top: 100px;}
.n_contact1 .list li{margin-top: 30px; padding-bottom: 30px; padding-left: 44px;position: relative;border-bottom: 1px solid #dddddd}
.n_contact1 .list li i{position: absolute;left: 0;top: 0;color: #980920;font-size: 28px;transform: translateY(-4px)}
.n_contact1 .list li span{font-size: 16px;display: block}
.n_contact1 .list li span:nth-child(2){color: #980920;}
.n_contact1 .list li span:nth-child(3){color: #333333;font-weight: 600}
.n_contact1 .list li p{line-height: 22px;margin-top: 8px;}

.n_contact2{}
.n_contact2 .con1{padding: 40px 0 60px 0}
.n_contact2 .search_view{margin-top: 20px; }
.n_contact2 .search_view .title{font-size: 16px;color: #444444}
.n_contact2 .search_view .top{display: flex;justify-content: space-between}
.n_contact2 .search_view .input{display: flex; justify-content: space-between; padding: 0 40px; width: calc(100% - 340px);height: 50px; line-height: 50px; background: #eeeeee}
.n_contact2 .search_view .input i{color: #9f9f9f;font-size: 24px;}
.n_contact2 .search_view .input input{width: calc(100% - 30px);padding-left:20px;border: 0;background: none}
.n_contact2 .search_view button{width: 300px; height: 50px; line-height: 50px; text-align:center; font-size: 16px; color: #fff; background: #980920; border-radius: 4px; border: 0;}
.n_contact2 .search_view .view{margin-top: 20px;padding: 40px 70px;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.n_contact2 .search_view ul{}
.n_contact2 .search_view ul li{position: relative; margin-top: 20px; padding: 20px 50px; background: url("../images/n-zh1-4.jpg") no-repeat;background-position: center;background-size: cover;color: #333333;line-height: 22px;}
.n_contact2 .search_view .input select{width: 100%;height: 50px;line-height: 50px;padding: 0 56px 0 40px;background: none;border: 0}
.n_contact2 .search_view2 ul li i{position: absolute;left: 0;top:24px;width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 16px; border: 1px solid #cccccc;font-style: normal}
.n_contact2 .search_view2 ul li{background: none}
.n_contact2 .search_view2 .view{box-shadow: none;border: 1px solid  rgba(0,0,0,.2)}

.n_job .con1{padding: 60px 0}
.n_job .con1 .view{overflow: auto}
.n_job .con1 .list{min-width: 750px;}
.n_job .con1 .list .top{display: flex; align-items: center; color: #474747}
.n_job .con1 .list .top a{width: 100%;display: flex;color: #474747; border-bottom: 1px solid  rgba(152,9,32,.1); transition: .4s all ease}
.n_job .con1 .list .top span{width: 20%; padding:18px 10px; line-height: 26px; text-align: center;font-size: 14px;display: block;position: relative;}
.n_job .con1 .list &gt; .top{background: #980920;color: #fff;border-top-right-radius:8px; border-top-left-radius: 8px;  }
.n_job .con1 .list &gt; .top span{padding:24px 10px; font-weight: 600;font-size: 16px; }
.n_job .con1 .item .con{ }
.n_job .con1 .item .top{border-bottom: 1px solid #eeeeee;cursor: pointer}
.n_job .con1 .item .icon-you { display: inline-block; width: 26px;height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: #cccccc; font-size: 14px; color: #fff}
.n_job .con1 .item .icon-you:before{transform: translateX(2px);display: inline-block}
.n_job .con1 .list .top a:hover{background: rgba(152,9,32,.06);border-bottom: 1px solid  rgba(152,9,32,0);transition: .4s all ease}
.n_job .con1 .list .top a:hover .icon-you{background:#980920;transition: .4s all ease}

.n_job_d{}
.n_job_d .con1{padding: 50px 0 90px 0;background: url("../images/n-job-d1.png") no-repeat; background-attachment: fixed;background-size: cover;background-position: center}
.n_job_d .con1 .view{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.3);padding: 70px 98px;}
.n_job_d .con1 .view .top{display: flex;justify-content: space-between; align-items: flex-end; padding-bottom: 20px;border-bottom: 1px solid #dddddd}
.n_job_d .con1 .view .name{font-size: 26px;color: #980920;display: block}
.n_job_d .con1 .view .date{font-size: 15px;color: #474747;display: block}
.n_job_d .con1 .view .con{margin-top: 30px;line-height: 22px;text-align: justify}
.n_job_d .con1 .view .con .back{display: block; margin-top: 40px; width: 140px;line-height: 44px;height: 46px;text-align: center;border: 1px solid #777777; color: #777777; border-radius: 30px;}
.n_job_d .con1 .view .con .back i{font-size: 20px;transform: translateY(4px);display: inline-block}
.n_job_d .con1 .view .con .back:hover{background: #980920;border-color: #980920;color: #fff}

.n_contact3{}
.n_contact3 .con1{padding: 60px 0}
.n_contact3 .top{color: #777777;text-align: justify}
.n_contact3 .top span{color: #980920;font-size: 18px;display: block;margin-top: 60px;padding-bottom: 10px; border-bottom: 1px solid #dddddd}
.message_from_row{display: flex;justify-content: space-between}
.message_from_item{margin-top: 24px;width: 49%}
.message_from_item span{color: #777777}
.message_from_item input{display: block; margin-top: 6px; width: 100%; height: 56px;line-height: 56px; padding: 0 10% 0 20px;
    background-color: #f4f4f4!important; color: #333;border-radius: 6px;border:0}
.message_from_item input:required{background: url("../images/icon2.png") no-repeat; background-position: 95% 50%}
.message_from_textarea{width: 100%}
.message_from_textarea textarea{margin-top: 6px; width: 100%; height: 150px; padding:20px; background: #f4f4f4; color: #333;border-radius: 6px;border:0}
.message_from_check{margin-top: 10px;}
.message_from_check label{margin-bottom: 0;font-weight: 400;color: #777777}
.message_from_check input{width: 14px; height: 14px;background: none;margin: 0;transform: translateY(2px)}
.message_from .submit{width: 200px; height: 44px; line-height: 42px;margin-top: 20px;border-radius: 30px; background: #980920;color: #fff;font-size: 16px;border: 0}
.message_from .submit i{display: inline-block;transform: rotate(180deg) ;font-size: 20px;margin-left: 10px;transition: .4s all ease}
.message_from .submit:hover i{transform: rotate(180deg) translateX(-10px);transition: .4s all ease}

.n_sm{}
.n_sm .con1{padding: 30px 0 90px 0; }
.n_sm .con1 .text{line-height: 22px;color: #333333;text-align: justify}

.n_ht{}
.n_ht .con1{padding: 72px 0 230px 0;}
.n_ht .con1 .dow{max-width: 1100px; margin: 0 auto}
.n_ht .con1 .dow a{display: flex;justify-content: space-between;align-items: center;padding: 16px 40px;background: #f4f4f4}
.n_ht .con1 .dow a p{color: #474747; width: calc(100% - 180px); }
.n_ht .con1 .dow a span{width: 156px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 30px; background: #980920;font-size: 16px;}
.n_ht .con1 .dow:hover p{color: #980920}

.n_log1{}
.n_log1 .con1{padding: 64px 0}
.logOn_form{max-width: 600px; margin: 0 auto}
.logOn_form .input_item{margin-top: 16px; padding: 0 34px; height: 50px; display: flex; align-items: center; border: 1px solid #dddddd;border-radius: 2px}
.logOn_form .input_item i{width: 28px;display: inline-block;color: #777777}
.logOn_form .input_item span{width: 108px;display: inline-block;color: #333333}
.logOn_form .input_item input{width: calc(100% - 108px - 28px);display: inline-block;color: #333333;height: 50px ;line-height: 50px;border: 0;padding-right: 20px;background: none;}
.logOn_form .input_item input:required{background: url("../images/icon2.png") no-repeat; background-position: right center}
.logOn_form_bottom{margin-top: 30px;font-size: 0;display: flex; align-items: center; justify-content: space-between}
.logOn_form .check_item{color: #980920; }
.logOn_form .check_item .icon-dui{ margin-right: 20px; width: 20px; height: 20px; line-height: 16px; font-size: 12px; text-align: center;border: 1px solid #980920; border-radius: 50%;color: #fff;}
.logOn_form .check_item .icon-dui:before{opacity: 0;transform: translateY(2px);display: inline-block}
.logOn_form .check_item input:checked +label:before {opacity: 1}
.logOn_form .check_item input:checked +label {background: #980920}
.logOn_form .check_item label{color: #980920;font-weight: 400;margin: 0;font-size: 14px;}
.logOn_form .check_item a{color: #980920;text-decoration: underline!important;font-size: 14px;}
.logOn_form .check_item input{display: none }
.logOn_form .a {color: #333333;}
.logOn_form .a a{color: #980920;font-size: 14px;}
.logOn_form .a span{font-size: 14px;}
.logOn_form .submit{ margin: 30px auto 0 auto; width: 100%;height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; background: #980920; border-radius: 2px;border: 0}

.logOn_form .password{color: #9f9f9f;font-size: 14px;}
.verification_view{margin-top: 16px; width: 100%; height: 50px; position: relative; background: #e8e8e8}
.verification_view span{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); color: #777777;display: inline-block;width: 100%;padding-left: 60px;text-align: center;
    -moz-user-select: none; /*ç«ç‹*/
    -webkit-user-select: none; /*webkitæµè§ˆå™¨*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*æ—©æœŸæµè§ˆå™¨*/
    user-select: none;}
.verification_view_bg{position: absolute;width: 0; height: 100%;background: #980920;z-index: 8;}
.verification_view_btn{position: absolute;left: 0;top: 0; width: 60px;height: 100%;border: 1px solid #cccccc;background: #fff;line-height: 50px; text-align: center;z-index: 9;}

.n_pas2{}
.n_pas2 .con1{padding: 110px 0 230px 0}
.n_pas2 .text{line-height: 34px;color: #333;text-align: center}
.n_pas2 .text a{line-height: 34px;color: #980920;text-align: center ;}

@keyframes KF
{
    0% {
        opacity: 0;
        transform: translateY( 20px);
    }
    100% {
        opacity: 1;
        transform: translateY( 0);
    }
}
@-webkit-keyframes KF {
    0% {
        opacity: 0;
        transform: translateY( 20px);
    }
    100% {
        opacity: 1;
        transform: translateY( 0);
    }
}

.n_title.n_search_title{line-height:initial;text-align: left;padding-top: 30px;}
.n_title.n_search_title p{margin-top: 10px;}
.n_search .n_con{padding-bottom: 40px;}
.n_search .n_con &gt;  .g_w{display: flex}
.n_search .n_con &gt;  .g_w&gt; .con-l{width: 300px;margin-bottom: 40px;}
.n_search .n_con &gt;  .g_w&gt; .con-r{width: calc(100% - 300px);padding-left: 70px;}
.n_search .n_pro2 .con1{padding-top: 0}

.n_search .n_fw1 .con1{padding-top: 0}
.n_search .n_pro_navName2 {padding: 0 20px}

.toTop{width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 26px; background: #eeeeee;color: #777777;
    position: fixed;right: 4px;bottom: 4px;z-index: 9999;cursor: pointer;display: none}
.toTop.active{display: block}
.toTop.icon-xiazai:before{display: inline-block;transform: rotate(180deg)}
.toTop:hover{background: #980920;color: #fff;transition: .4s all ease}

.cookies_view{position: fixed; left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 999; background: #fff;
    padding: 40px; border-top: 10px solid #980920;box-shadow: 0 0 10px #dfdfdf;display: none}
.cookies_view .close{position: absolute;right: 6px; top: 4px;}
.cookies_view p{margin-top: 20px;}
.cookies_view .btn{margin: 30px auto 0 auto; }
.cookies_view .btn button{width: 140px; height: 40px; line-height: 40px; text-align: center;border: 1px solid #333;background: #fff;color: #333;margin: 0 10px;border-radius: 4px;}
.cookies_view .btn .yes{background: #980920;color: #fff;border: 0}

@media (max-width: 1650px) {
    .n_news_detail .con1{padding-left:80px;padding-right: 80px;}
    .n_news_detail .view .a{width: 54px; height: 54px;line-height: 54px;}
    .n_news_detail .view .prev{left: -20px}
    .n_news_detail .view .next{right: -20px}
}

@media (max-width: 1500px) {

}

@media (max-width:1440px) {
    .g_w{padding: 0 5%;width: 100%}

    .pcNav_u1_2{max-width: calc(90vw  - 17px)}
    .h-nav1 &gt; li:nth-child(3) .pcNav_u1_2{width: calc(100vw - 17px - 10vw - 340px)}
    .h-nav1 &gt; li:nth-child(4) .pcNav_u1_2{width: calc(100vw - 17px - 10vw - 455px)}

    /*.pcNav_u1_2{width:calc(90vw - 17px)}*/
    /*.h-nav1 &gt; li:nth-child(3) .pcNav_u1_2{width: calc(1400px - 10vw - 340px)}*/
    /*.h-nav1 &gt; li:nth-child(4) .pcNav_u1_2{width: calc(1400px - 10vw - 455px)}*/

    .f-bottom .f-bottom-l i{margin-right: 20px;}
    .f-bottom .f-bottom-l .r{margin-left: 30px;}
    .f-bottom .f-bottom-l .r a:nth-child(2){margin-left: 10px;}
    .i-banner-swiper .swiper-pagination-bullet{width: 80px;}
    .i-banner-swiper .dow{width: 24px;height: 32px;}
    /*.i_title span{font-size: 40px;line-height: 40px;}*/
    .i-con2 .view{padding: 120px 0 250px 0}
    .i-con5 .list .item i{width: 80px; height: 80px;line-height: 80px;font-size: 34px;}
    .i-con5 .list .item:nth-child(2) i{font-size: 30px;}

    .n_pro_kf{top: 35%}
    /*.float_left{width: 80px; height: 80px;}*/
    /*.float_left i{font-size: 28px;}*/
    /*.float_left span{font-size: 14px;}*/
    .float_right{padding: 20px;width: 300px;}
    .float_right .top{font-size: 16px;}
    .float_right li .btn{height: 40px; line-height: 40px;font-size: 14px;}
    .float_right li b{font-size: 22px;}
    .float_right li{padding: 20px 0 20px 50px;}

    .n_pro_navName1 b{font-size: 16px;}

    .n_pro2 .con1 .g_w&gt; .con-l{width: 380px;}
    .n_pro2 .con1 .g_w&gt; .con-r{    width: calc(100% - 380px)}
    .n_pro2 .con1 .con-r .search_form{width: 300px;}
    .n_pro2 .con1 .con-r .top_l{font-size: 14px;}

    .n_pro_detail .con1 .g_w&gt; .con-l{width: 380px;}
    .n_pro_detail .con1 .g_w&gt; .con-r{    width: calc(100% - 380px)}
    .pro_detail_swiper{width: 360px;}
    .pro_detail_text{width: calc(100% - 360px);}

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

    .n_job_d .con1 .view .name{font-size: 24px;}
}

@media (max-width:1400px) {

}
@media (max-width:1350px) {
    .i_title span{font-size: 32px;}

    .i-con1{padding: 60px 0}
    .i-con2 .view{padding: 90px 0 200px 0;background-position:50% 60px}

    .i-con1 .list .item .text,
    .i-con3 .list .item .text,
    .i-con4 .list .item .text{padding:20px;}

    .i-con1 .list .item .text h4,
    .i-con3 .list .item .text h4,
    .i-con4 .list .item .text h4{font-size: 16px;}

    .i-banner-swiper .swiper-pagination-bullet{width: 70px;}

    .n-breadcrumb{font-size: 14px;}
    .n_title{height: 80px; line-height: 80px;}
    .n_title.n_search_title{padding-top: 16px;}
    .n_title span{font-size: 24px;}
    .n_pro1 .con1 .list .item .name{font-size: 18px;}

    .n_pro2 .con1 .g_w&gt; .con-l{width: 340px;}
    .n_pro2 .con1 .g_w&gt; .con-r{width: calc(100% - 340px)}
    .n_pro2 .con1 .con-r .search_form{width: 280px;}
    .n_pro_navName1{font-size: 14px;}

    .n_pro_detail .con1 .g_w&gt; .con-l{width: 340px;}
    .n_pro_detail .con1 .g_w&gt; .con-r{width: calc(100% - 340px); }
    .pro_detail_swiper .swiper-button{width: 30px;height: 30px;line-height: 30px;}
    .pro_detail_swiper .swiper-button-prev{left: 8px;}
    .pro_detail_swiper .swiper-button-next{right: 8px;}
    .pro_detail_text .bottom .back{width: 140px;font-size: 14px;height: 36px; line-height: 36px;margin-left: 20px}

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

    .n_news_detail .view{padding: 70px 80px;}

    .n_job_d .con1 .view{padding: 60px;}

    .f-bottom .f-bottom-l i{margin-right: 10px;}
    .f-bottom .f-bottom-l .r{margin-left: 20px;}
    .f-bottom .f-bottom-l .r a:nth-child(2){margin-left: 10px;}
}

@media (max-width:1280px) {
    .h-nav1 &gt; li &gt; a{padding: 0 26px}
    .pcNav-r-search{width: 300px;}
    /*.f-bottom .f-bottom-l i{margin-right: 24px;}*/
    /*.f-bottom .f-bottom-c span{margin: 0 10px;}*/
    /*.f-bottom .f-bottom-l .r{margin-left: 20px;}*/
    /*.f-bottom .f-bottom-l .r a:nth-child(2){margin-left: 20px;}*/

    .i-banner-swiper .swiper-pagination-bullet{width: 60px;}

    .n_job .con1 .list &gt; .top span{padding: 16px 10px;}
    .n_job .con1 .list .top span{padding: 10px;line-height: 24px;}
}

@media (max-width:1220px) {

    .pcNav-top .logo img{margin-right: 60px;}
    .pcNav-r-search{width: 240px;}
    .pcNav .h-nav1 &gt; li &gt; a{padding: 0 20px}

    .i_title span{font-size: 28px;line-height: 28px;}
    .f-top-r{width: 100%;text-align: center}
    .f-top-l{display: none}
    .f-bottom .g_w{display: block}
    .f-bottom .f-bottom-l{justify-content: center}
    .f-bottom .f-bottom-l .r{display: none}
    .f-bottom .f-bottom-l a{margin: 0 10px;}
    .f-bottom .f-bottom-l i{margin: 0}
    .f-bottom .f-bottom-c{text-align: center}
    .f-bottom-r{text-align: center}

    .i-con1 .list .item .text,
    .i-con3 .list .item .text,
    .i-con4 .list .item .text{padding:20px 14px;}

    .i-con1 .list .item .text h4,
    .i-con3 .list .item .text h4,
    .i-con4 .list .item .text h4,
    .i-con1 .list .item .text i,
    .i-con3 .list .item .text i,
    .i-con4 .list .item .text i{font-size: 14px;}

    /*.i-con2 .text{font-size: 14px;line-height: 28px;height: 112px;}*/
    .i-con2 .more{margin-top: 30px;}

    .i-con5 .list .item i{width: 70px; line-height: 70px; height: 70px;font-size: 30px;}
    .i-con5 .list .item:nth-child(2) i{font-size: 26px;}
    .i-con5 .list .item b{font-size: 20px;}

    .i-banner-swiper .dow{display: none}
    .i-banner-swiper .swiper-pagination-bullet{width: 50px;}

    .n_pro1 .con1 .list .item{width: 49%}
    .n_pro1 .con1 .list .item:nth-child(3n){margin-right: 2%}
    .n_pro1 .con1 .list .item:nth-child(2n){margin-right: 0%}

    .n_pro2 .con1 .g_w&gt; .con-l{display: none}
    .n_pro2 .con1 .g_w&gt; .con-r{width: 100%;padding-left: 0}
    .n_pro2 .con1 .con-r .top{display: block;}
    .n_pro2 .con1 .con-r .search_form{width: 100%;margin-top: 20px;}

    .n_pro_detail .con1 .g_w&gt; .con-l{display: none}
    .n_pro_detail .con1 .g_w&gt; .con-r{width: 100%;padding-left: 0}

    .n_about1 .con1 .g_w{display: block}
    .n_about1 .con1 .con-r{width: 100%;padding: 0;margin-top: 20px;}
    .n_about1 .con1 .con-l{width: 100%;text-align: center}
    .n_about1 .con1 .con-l img{width: 100%}

    .n_about2 .con1 .con-r{padding: 30px 40px}

    .n_about3 .con_title span{font-size: 24px;}
    .n_about3 .con1 .item .text span{font-size: 20px;}

    .n_about5 .con2 .view .con-l{width: 400px;}
    .n_about5 .con2 .view .con-r{width: calc(100% - 400px)}
    .n_about5 .con3 .item .text{font-size: 14px;}


    .n_zh1 .item .img{width: 340px;}
    .n_zh1 .item .time{width: 130px;}
    .n_zh1 .item .text{width: calc(100% - 340px - 130px);}

    .n_zh2 .item .time{height: 80px;padding: 0 20px;}
    .n_zh2 .item .text{padding: 20px;}




    .n_fw3_detail .text1 p{margin-top: 10px;}
    .n_fw3_detail .text2{margin-top: 20px;}
    .n_fw3_detail .text2 .list{margin-top: 10px}

    .n_news_detail .view{padding: 50px 60px;}
    .n_news_detail .view .title h3{font-size: 20px;}

    .n_contact2 .search_view .view{padding: 40px}
    .n_contact2 .search_view button{width: 200px}
    .n_contact2 .search_view .input{width: calc(100% - 240px);}

    .n_job_d .con1 .view .name{font-size: 20px;}
    .n_job_d .con1 .view{padding: 40px;}
}

@media (max-width:1024px) {
    .pcNav .h-nav1 &gt; li &gt; a{padding: 0 10px;}
    .h-nav1 &gt; li:nth-child(4) .pcNav_u1_2{width: calc(100vw - 10vw - 322px);}
    .h-nav1 &gt; li:nth-child(3) .pcNav_u1_2{width: calc(100vw - 10vw - 175px);}
    .pcNav_u1_2L &gt; li .a{margin-left: 10px;}
    .pcNav_u1_2L{flex-wrap: wrap;padding: 20px 20px 10px 20px;max-height: calc(100vh - 120px);overflow-y: auto}
    .h-nav1 &gt; li:nth-child(1) .pcNav_u1_2L &gt; li{min-width: 23%}
    .h-nav1 &gt; li:nth-child(4) .pcNav_u1_2L &gt; li{width: 45%}
    .pcNav_u1_2L &gt; li .a li{margin-bottom: 2px;}
}
@media (max-width:956px) {
    .pcNav{display: none}
    .webNav{display: block}
    .g_body{padding-top: 60px;}

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

    .i-con1 .list .item .text h4,
    .i-con3 .list .item .text h4,
    .i-con4 .list .item .text h4,
    .i-con1 .list .item .text i,
    .i-con3 .list .item .text i,
    .i-con4 .list .item .text i{font-size: 14px;}

    .i-con1 .list .item .text,
    .i-con3 .list .item .text,
    .i-con4 .list .item .text{padding:14px 14px;}

    .i-con2 .view {padding: 70px 0 140px 0;background-position: bottom center;}

    .n_about2 .con1 .g_w{display: block}
    .n_about2 .con1 .con-l{width: 100%;}
    .n_about2 .con1 .con-l img{width: 100%}
    .n_about2 .con1 .con-r{width: 100%;padding: 20px;}

    .n_about4 .con1 ul li .con-l{width: 200px;}
    .n_about4 .con1 ul li .con-r{width: calc(100% - 200px);padding: 40px }

    .n_about5 .con1{padding-top: 60px;}
    .n_about5 .con2 .view .con-l{width: 300px;}
    .n_about5 .con2 .view .con-r{width: calc(100% - 300px);}
    .n_about5 .con2 .view .con-l span{font-size: 14px;}
    .n_about5 .con3 .item{width: 49%}

    .n_zh1 .item .img{width: 300px;}
    .n_zh1 .item .time{width: 100px;}
    .n_zh1 .item .text{width: calc(100% - 300px - 100px);padding: 30px;}

    .n_zh2 .item{width: 48%;margin-right: 4%}
    .n_zh2 .item:nth-child(3n){margin-right: 4%}
    .n_zh2 .item:nth-child(2n){margin-right: 0}

    .n_fw4 .list .item{width: 49%;margin-right: 2%}
    .n_fw4 .list .item:nth-child(3n){margin-right: 2%}
    .n_fw4 .list .item:nth-child(2n){margin-right: 0}

    .n_news1 .con1 .list .item .text{padding:0 20px 0 30px}

    .n_news3 .list .item{width: 49%;}
    .n_news3 .list .item:nth-child(3n){margin-right: 2%}
    .n_news3 .list .item:nth-child(2n){margin-right: 0}

    .n_ht .con1 .dow a{padding: 20px;display: block;text-align: center}
    .n_ht .con1 .dow a p{width: 100%;font-size: 12px}
    .n_ht .con1 .dow a span{display: block;height: 30px;line-height: 30px;font-size: 14px;margin: 10px auto 0 auto}

    .n_jj1 .con1{padding-top: 40px;}
    .n_jj1 .con1 .con-l{display: none}
    .n_jj1 .con1 .con-r{width: 100%;padding-left: 0;}

    .n_fw1 .con1 .con-l{display: none}
    .n_fw1 .con1 .con-r{width: 100%;padding-left: 0}
}

@media (max-width:998px){
    .n_search .n_con &gt; .g_w{display: block}
    .n_search .n_con &gt; .g_w&gt; .con-l{width: 100%;}
    .n_search .n_con &gt; .g_w&gt; .con-r{width: 100%;padding-left: 0;}
}

@media (max-width:768px) {
    .pcNav{display: none}
    .webNav{display: block}
    .g_body{padding-top: 60px;}

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

    .i-banner-swiper .text span{font-size: 14px;line-height: 24px;}
    .i-banner-swiper .text a{font-size: 12px;margin-top: 6px}

    .i-con1{padding: 40px 0;}
    .i-con1 .list .item{width: 100%;margin-right: 0}

    .i-con2 .view{padding-top: 40px;}
    .i-con2 .text{width: 100%;margin-top: 20px;}
    .i-con2 .more{font-size: 16px;}

    .i-con3{padding:40px 0}
    .i-con3 .list .item{width: 49%;margin-top: 2%;margin-right: 2%}
    .i-con3 .list .item:nth-child(4n){margin-right: 2%}
    .i-con3 .list .item:nth-child(2n){margin-right: 0}

    .i-con4{padding: 40px 0}
    .i-con4 .list .item{width: 100%;margin-right: 0}

    .i-con5 .list{display: block}
    .i-con5 .list .item{display: block;width: 100%;margin-bottom: 20px}
    .i-con5 .list .item:after{display: none}
    .i-con5 .list .item b{font-size: 18px;}

    .i-banner-swiper .swiper-pagination-bullet{width: 20px;margin: 0 6px!important;}

    .f-top-r {text-align: center;width: 100%}
    .f-top-r .info{text-align: center;width: 100%}

    .n-breadcrumb{height: auto;line-height: 24px;padding: 16px 0;}
    .n_title{height: 70px; line-height: 70px;}
    .n_title span{font-size: 20px;}

    .n_pro1 .con1 .list .item{width: 100%;margin-right: 0}
    .n_pro1 .con1 .list .item:nth-child(1){margin-top: 0}
    .n_pro1 .con1 .list .item:nth-child(3n){margin-right: 0%}
    .n_pro1 .con1 .list .item .name{font-size: 16px;}
    .n_pro1 .con1 .list .item .bottom{padding: 20px 14px}
    .n_pro1 .con1 .list .item ul{margin-top: 20px;}

    .n_pro2 .con1 .item {display: block;}
    .n_pro2 .con1 .item .item_l{width: 100%}
    .n_pro2 .con1 .item .item_r{width: 100%;padding-left: 0;margin-top: 20px;}
    .n_pro2 .con1 .item .info{margin-top: 10px;}

    .fenye{display: block;padding: 20px 0;text-align: center}
    .fenye .fenye_l{margin-bottom: 20px;display: block;margin-left: 0;text-align: center}
    .fenye .fenye_l .fenye_a{margin-left: 0;margin-top: 10px;}

    .pro_detail_view .top{display: block}
    .pro_detail_swiper{width: 100%;}
    .pro_detail_text{width: 100%;padding: 0;margin-top: 20px;}
    .pro_detail_text &gt; h4{font-size: 18px;}

    .pro_detail_tab{margin-top: 30px;}
    .pro_detail_tabNav {width: 100%;display: block}
    .pro_detail_tabNav a{width: 100%}
    .pro_detail_tanCon{padding: 20px 14px}

    .canshu_list .item_title{font-size: 18px;padding-bottom: 2px;}
    .canshu_list .item_table{padding-left: 20px;}
    .pro_detail_p{padding-left: 20px;}

    .peijian_list .item .view{display: block}
    .peijian_list .item .name{width: 100%;padding: 10px;margin-top: 10px;}
    .peijian_list .item .info{width: 100%;padding: 10px;padding-top: 0}

    .pro_detail_dow .item a{padding: 10px 0;display: block}
    .pro_detail_dow .item .name{display: block;width: 100%;padding-right: 0}
    .pro_detail_dow .item .type{display: block;width: 100%}
    .pro_detail_dow .item .title{font-size: 16px;padding-bottom: 10px;}
    .pro_detail_dow .item{margin-top: 20px;}

    .n_pro_kf{right: 2px;}
    .float_left{width: 80px;height: auto;font-size: 12px;padding-top: 6px}
    .float_left i{font-size: 20px;}

    .n_about1 .con1{padding: 40px 0}
    .n_about1 .con1 .text p{margin-bottom: 10px}

    .n_about2 .con1{padding: 40px 0}

    .n_about3 .con_title span{font-size: 20px;}
    .n_about3 .con1{padding: 40px 0}
    .n_about3 .con1 .item{padding:30px 20px}
    .n_about3 .con1 .item i{display: none}
    .n_about3 .con1 .item .text{width: 100%;padding-left: 0}
    .n_about3 .con1 .item .text span{font-size: 18px}
    .n_about3 .con2 .view .p{font-size: 14px;line-height: 30px;}
    .n_about3 .con2 .view{padding: 40px;}
    .n_about3 .con2{padding:0 0 40px 0}

    .n_about4 .con1 ul li{display: block;padding: 20px;}
    .n_about4 .con1 ul li .con-l{width: 100%; text-align: left}
    .n_about4 .con1 ul li .con-l:after{display: none}
    .n_about4 .con1 ul li .con-r{width: 100%;padding: 20px 0 0 0;}

    .n_about4 .con_title{font-size: 20px;}
    .n_about4 .con2{padding: 40px 0}
    .n_about4 .con2 ul li{width: 32.33%;margin-top: 6px}
    .n_about4 .con2 ul li:nth-child(9){margin-top: 6px;}
    .n_about4 .con2 ul li:nth-child(8){margin-top: 6px;}
    .n_about4 .con2 ul li:nth-child(7){margin-top: 6px;}
    .n_about4 .con2 ul li:nth-child(6){margin-top: 6px;}
    .n_about4 .con2 ul{margin-top: 0}
    .n_about4 .con2 .list{margin-top: 20px;}

    .n_about5 .con1{padding-top: 40px;}
    .n_about5 .con1 .title{font-size: 18px}
    .n_about5 .con2 .view{display: block}
    .n_about5 .con2 .view .con-l{width: 100%;}
    .n_about5 .con2 .view .con-l img{width: 140px}
    .n_about5 .con2 .view .con-r{width: 100%;padding: 20px;padding-bottom: 0}

    .n_about5 .con3 .item{width: 100%;margin-top: 20px;}

    .n_zh1 .con1{padding: 40px 0}
    .n_zh1 .item a{display: block}
    .n_zh1 .item .img{width: 100%}
    .n_zh1 .item .time{width: 100%;padding:10px 20px 0 20px;text-align: left;font-size: 14px;}
    .n_zh1 .item .text{width: 100%;padding: 10px 20px 20px 20px}
    .n_zh1 .item .text:before{display: none}

    .n_zh2 .con1{padding: 40px 0}
    .n_zh2 .item{width: 100%;margin-right: 0}
    .n_zh2 .item:nth-child(3n){margin-right: 0}
    .n_zh2 .item .time{height: 60px;}

    .n_jj1 .list .item{width: 100%;margin-top: 20px;}
    .n_fw1 .con1 .item a{display: block;padding: 20px;}
    .n_fw1 .con1 .item .text{width: 100%;padding: 20px 0 10px 0;}
    .n_fw1 .con1 .item .dow{padding: 0}

    .n_fw1 .con1{padding-top: 40px;}
    .n_fw3_detail .text2 .list{display: block}
    .n_fw3_detail .text2 .list .item{width: 100%}
    .n_fw3_detail .text2 .list .item:after{left: 50%; top: 100%; transform: translateX(-50%); width: 200px; height: 1px;
        background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(206,206,206,1),rgba(255,255,255,0));}
    .n_fw3_detail .text3 th{font-size: 16px;height: 46px;padding-left: 30px;}
    .n_fw3_detail .text3 td{padding: 8px 0;padding-left: 30px;}

    .n_fw4 .list .item{width: 100%;margin-right: 0}
    .n_fw4 .list .item:nth-child(3n){margin-right: 0}
    .n_fw4 .con1 .list .item .text{padding: 20px;}

    .n_news1 .con1 .list .item a{display: block}
    .n_news1 .con1 .list .item .img{width: 100%}
    .n_news1 .con1 .list .item .text{width: 100%; padding:20px 0}
    .n_news1 .con1 .list .item p{line-height: 20px;max-height: 40px;}
    .n_news1 .con1 .list .item .more{font-size: 14px;}
    .n_news1 .con1 .list .item{margin-top: 20px;padding-bottom: 0}

    .n_news_detail .view{padding: 20px ;}
    .n_news_detail .view .title h3{font-size: 18px;}
    .n_news_detail .back{width: 36px; height: 36px;line-height: 36px;}
    .n_news_detail .view .a{ display: inline-block; width: 36px; height: 36px;line-height: 36px;position: relative;left: auto;top: auto;transform: translate(0);margin-top: 20px;}
    .n_news_detail .con1{padding: 40px 0}
    .n_news_detail .view .text{margin-top: 20px;}

    .n_news3 .list .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .n_news3 .list .item:nth-child(2){margin-right: 0}

    .n_contact1 .con1{padding-bottom: 40px}

    .n_contact2 .search_view button{width: 100%; display: block; height: 40px;line-height: 40px;margin-top: 10px;}
    .n_contact2 .search_view .input{width: 100%; display: block; height: 40px;line-height: 40px;}
    .n_contact2 .search_view .input select{height: 40px;line-height: 40px;}
    .n_contact2 .search_view .top{display: block}
    .n_contact2 .search_view ul li{padding: 20px 20px 20px 40px;}
    .n_contact2 .search_view .view{padding: 20px}

    .n_job_d .con1{padding: 40px 0}
    .n_job_d .con1 .view{padding: 20px;}
    .n_job_d .con1 .view .top{padding-bottom: 10px;display: block}
    .n_job_d .con1 .view .name{font-size: 18px;margin-bottom: 6px}
    .n_job_d .con1 .view .con .back{height: 36px; line-height: 34px;margin-top: 20px;}

    .n_contact3 .con1{padding: 40px 0}
    .message_from_row{display: block}
    .message_from_item{width: 100%;margin-top: 10px}
    .message_from_item input{height: 40px;line-height: 40px;}

    .n_log1 .con1{padding: 40px 0}
    .logOn_form .check_item .icon-dui{margin-right: 10px;}
    .logOn_form .submit{height: 46px; line-height: 46px;font-size: 16px;}
    .logOn_form .input_item{padding: 0 20px;}
    .logOn_form .input_item span{width: 70px;}
    .logOn_form .input_item input{width: calc(100% - 70px - 28px);}

    .searchBox{display: block}
    .searchBox .year, .searchBox .month, .searchBox .searchText{width: 100%;margin-bottom: 6px;height: 40px;line-height: 40px;}
    .searchBox .searchBtn{width: 100%;height: 40px; line-height: 40px;}
    .pro_detail_tanCon table tr td{padding: 0 10px;}
    /*.pro_detail_tanCon table tr td &amp;nbsp{display: none}*/

    .cookies_view{padding: 40px 20px}
    .cookies_view .btn{padding: 0}
    .cookies_view .btn button{margin: 0 6px;}

}

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

@media (max-width:500px){
    .i-con3 .list .item{width: 100%;margin-right: 0!important;}
    .n_about3 .con2 .view{text-align: left}
}
</pre></body></html>