File: /data/wwwroot/wordpress/wp-content/themes/yantou/static/css/dome1.css
*{outline:none!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat ;transition: .8s all ease }
.hc-mobile-nav .nav-wrapper{background: #ab0d1c}
.hc-mobile-nav a{border-bottom: 1px solid #fff;}
.hc-mobile-nav a[href]:not([href="#"]) > span.nav-next{ border-left: 1px solid #fff}
header .toggle span, header .toggle span::before, header .toggle span::after{background: #ab0d1c}
.hc-mobile-nav:not(.touch-device) a:hover{background: #dab977
}
.hc-mobile-nav a img{width: 32px;}
.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}
.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: #ab0d1c}
.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{font-size: 20px; 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; right: -20px;top: 100%; z-index: 999;
width: 120px; 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;width: 32px;}
.pcNav-top .lang:hover ul{display: block}
.pcNav-top .lang ul li a:hover{color: #ab0d1c;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 .tel{position: relative}
.pcNav-top .tel i{color: #fff;font-size: 20px;}
.pcNav-top .tel span{position: absolute;top: 50%; right: 100%;transform: translate(20px,-50%);
white-space: nowrap; padding-right: 10px;opacity: 0;pointer-events: none;transition: .4s all ease}
.pcNav-top .tel span small{color: #fff;font-size: 16px;padding:8px 10px;background: #ab0d1c;border-radius: 2px;}
.pcNav-top .tel:hover span{transform: translate(0,-50%);opacity: 1;pointer-events: auto;}
.pcNav-r{position: relative;display: flex;align-items: center;justify-content: flex-end;margin-left: 126px;}
.pcNav-r-search{position: relative;padding-left: 10px;margin-left: 30px;}
.pcNav-r-search i{ width: 24px;text-align: right; color: #fff;font-size: 20px; transition: .4s all ease}
.pcNav-r-search input{position: absolute; right: 100%; top: 50%;transform: translateY(-50%); opacity: 1;
width: 0; height: 44px; line-height: 44px; font-size: 14px; color: #fff; ;padding:0; border: 0; background: #ab0d1c}
.pcNav-r-search input::-webkit-input-placeholder {color:#fff;}
.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;}
.h-nav1 > li {display: flex;align-items: center;position: relative;margin-left: 60px;}
.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;
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_2{position: absolute;left: 0;top: 90px;width: 100%;z-index: 99; opacity: 0;transform: translateY(-50%);pointer-events: none;padding-bottom: 50px;
background: rgba(255,255,255,.9);box-shadow: 0 0 2px #dfdfdf;
}
.pcNav_2.active{pointer-events: auto;
animation: navU .6s ease forwards;
-webkit-animation: navU .6s ease forwards;}
.pcNav_u1_2{display: none;padding-top: 70px; z-index: 9;position: relative;
/*position: absolute;left:0%;top: 100%; width: 100vw; opacity: 0; z-index: 99999;overflow: hidden;*/
/*animation: navU .5s ease forwards;*/
/*-webkit-animation: navU .5s ease forwards;*/
}
.pcNav_u1_2 .pcNav_u1_2L{width: 100%;display: flex;justify-content: center;align-items: center}
.pcNav_u1_2 .pcNav_u1_2L a{font-size: 18px;color: #000;white-space: nowrap; transition: .4s all ease}
.pcNav_u1_2 .pcNav_u1_2L em{display: block;margin: 0 2%!important; width: 5px;height: 5px;border-radius: 50%; background: #ab0d1c}
.pcNav_u1_2 .pcNav_u1_2L a:hover{color: #ab0d1c}
.pcNav_bg{position: absolute;left: 50%;top:0;transform: translateX(-50%); width: 100%; height: 470px; z-index: 1;}
.pcNav_bg:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: #fff;display: block}
.canvas_view{position: absolute;left: 50%;top: 0;transform: translateX(-50%); width: 120%;z-index: 9;border-radius: 50%;overflow: hidden;background: #fff;border-bottom: 1px solid #999}
.pcNav_bg canvas{margin: 0 auto;display: block}
.pcNav.active{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3)}
.pcNav.active .pcNav-l img:nth-child(1){display: none}
.pcNav.active .pcNav-l img:nth-child(2){display: block}
.pcNav.active .h-nav1 > li > a{color: #222}
.pcNav.active .pcNav-top .shear{color: #222;border-color: #222}
.pcNav.active .pcNav-top .shear:hover{background: #ab0d1c;color: #fff;border-color: #ab0d1c}
.pcNav.active .pcNav-r-search i{color: #ab0d1c}
.pcNav.active .pcNav-top .lang .view span{color: #ab0d1c}
.pcNav.active .pcNav-top .lang .view i{color: #ab0d1c}
.pcNav.active .pcNav-c line{background:#ab0d1c}
.pcNav.active .h-nav1 > li > a:hover{color: #ab0d1c}
.pcNav.active .h-nav1 > li.active > a{color: #ab0d1c}
.pcNav.active .pcNav-top .tel i{color: #ab0d1c;}
.pcNav.active .pcNav-top .g_w{border-color: #dddddd}
@keyframes navU {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes navU {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.i-banner-swiper{position: relative;}
.i-banner {background-size: cover;background-position: center;width: 100%; height: 100vh;position: relative}
.i-banner img{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.i-banner-swiper .text{position: absolute;left: 50%;top:20%;transform: translate(-50%,30px); opacity: 0; z-index: 100; text-align: center ;}
.i-banner-swiper .text b{font-family: "Microsoft YaHei";font-size: 36px;color: #fff;white-space: nowrap; display: block;font-weight: 400}
.i-banner-swiper .text span{font-size: 30px;color: #fff;margin-top: 10px;font-weight: lighter;letter-spacing: 6px; display: none}
.i-banner-swiper .text a{display: block; margin: 20px auto 0 auto; width: 150px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;
border-radius: 30px;background: rgba(255,255,255,.15);transition: .4s all ease}
.i-banner-swiper .text a:hover{background: #fff;color: #ab0d1c}
.i-banner-swiper .swiper-slide-active .text{transform: translate(-50%,0); opacity: 1;transition: 1.6s all ease .3s}
.i-banner-swiper .swiper-slide:nth-child(2) .text{right: 4%;top: 40%;left: auto;}
.i-banner-swiper .swiper-pagination{left: 8.2%;bottom: 56px; text-align: left}
.i-banner-swiper .swiper-pagination-bullet{opacity: 1; background: #fff;margin-right: 40px!important;width: 10px;height: 10px;position: relative; transition: .4s all ease}
.i-banner-swiper .swiper-pagination-bullet-active{background: #d60007;width: 10px;height: 10px;}
.i-banner-swiper .swiper-pagination-bullet: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("../image/navigation2.png") no-repeat;background-size: 50% auto;background-position: right }
.i-banner-swiper .swiper-pagination-bullet-active:after{width: 20px;height: 20px;transform:translate(-50%,-50%) rotate(0);}
.i-banner-swiper .swiper-pagination-bullet: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("../image/navigation2.png") no-repeat;background-size: 50% auto;background-position: right }
.i-banner-swiper .swiper-pagination-bullet-active:before{width: 20px;height: 20px;transform:translate(-50%,-50%) rotate(0);}
.g_scroll{display: block; position: absolute;left: 50%;transform: translateX(-50%);bottom: 56px; z-index: 99;
width:68px;height: 55px;background: url("../image/scroll.png") no-repeat;background-size: 100% 100%;cursor: pointer;
animation:dowMove 2s linear infinite;
-webkit-animation:dowMove 2s linear infinite;}
@keyframes dowMove {
0% {transform: translate(-50%,10px);}
50% {transform: translate(-50%,0);}
100% {transform: translate(-50%,10px);}
}
@-webkit-keyframes dowMove {
0% {transform: translate(-50%,10px);}
50% {transform: translate(-50%,0);}
100% {transform: translate(-50%,10px);}
}
.g_f_t{font-family: "Microsoft YaHei"}
.g_btn{position: relative;transition: .6s all ease}
.g_btn span{position: relative;z-index: 9}
.g_btn:before{content: '';position: absolute;z-index: 1;display: block;width: 100%;height: 100%;background: #ab0d1c; border-radius: 50%;z-index: 2;
transform: scale(.4);opacity: 0; transition: .6s all cubic-bezier(.51,.1,.4,1.76);}
.g_btn:hover:before{transform: scale(1);opacity: 1;}
#luxy{pointer-events: none;z-index: 999;padding-bottom: 583px!important;}
main{position: relative; pointer-events: auto;padding-bottom: 0;background: #fff}
footer{position: fixed;left: 0;bottom: 0; background: #3e3e3f;width: 100%;z-index: 9}
.f-top{padding-top: 78px;padding-bottom: 44px;border-bottom:1px solid rgba(255,255,255,.5);}
.f-top-con{text-align: center}
.f-top ul{display: flex;justify-content: center; margin-top: 56px;}
.f-top ul li{padding: 0 70px; position: relative}
.f-top ul li:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%); width: 1px;height: 20px;background: rgba(255,255,255,.3);display: block}
.f-top ul li:nth-child(1){margin-left: 0}
.f-top ul li:nth-last-child(1):after{display: none}
.f-top ul li a:hover{transform: translateY(-4px);opacity: 1; transition: .4s all ease}
.f-top ul a{ display: inline-block;font-size: 18px;position: relative;color: #fff;opacity: .4}
.f-top ul a:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%); width: 1px;height: 19px;background: rgba(255,255,255,.3)}
.f-top ul a:nth-last-child(1):after{display: none}
.f-top .share {margin-top: 44px; text-align: right;display: inline-block}
.f-top .share a{margin-left:20px; display: inline-block;position: relative}
.f-top .share a i{display: inline-block; width: 38px;height: 38px; text-align: center;line-height: 38px; border-radius: 50%;background: rgba(255,255,255,.1);color: rgba(255,255,255,.7);transition: .4s all ease}
.f-top .share a span{position: absolute;left: 50%;bottom: 110%;transform: translate(-50%,20px);font-size: 16px;color: #ab0d1c;pointer-events: none;opacity: 0;
display: block;padding: 10px;background: rgba(255,255,255,.8);border-radius: 2px;white-space: nowrap;transition: .4s all ease}
.f-top .share a span img{width: 120px;max-width: initial}
.f-top .share a:hover i{background: #fff;color: #ab0d1c}
.f-top .share a:hover span{opacity: 1;transform: translate(-50%,0);pointer-events: auto}
.f-top .form_view{max-width: 100%; width: 490px;margin: 34px auto 0 auto; border-radius: 4px;overflow: hidden;font-size: 0}
.f-top .form_view button{display: inline-block;vertical-align: middle; width: 140px;height: 50px;text-align: center;line-height: 50px;background: rgba(255,255,255,.3);color: #fff;font-size: 18px;text-transform: uppercase;border: 0}
.f-top .form_view input{display: inline-block;vertical-align: middle; width: calc(100% - 140px);height: 50px;padding: 0 30px;font-size: 16px; color: #fff; background: rgba(255,255,255,.08);border: 0}
.f-bottom-con{display: flex;justify-content: center;padding: 32px 0 30px 0;font-size: 16px;}
.f-bottom-con span{color: #fff;opacity: .21;transition: .4s all ease}
.f-bottom-con a{color: #fff;margin-left: 10px;opacity: .21;transition: .4s all ease}
.f-bottom-con a:hover{opacity: 1}
.f-bottom-con span:hover{opacity: 1}
.i_title{text-align: center}
.i_title b{display: block; font-size: 40px;color: #474747;font-weight: 400;}
.i_title span{display: none;color: #474747;margin-top: 10px;font-size: 24px;font-weight: lighter}
.i_con1{padding: 110px 0 90px 0;background: url("https://www.alticera.net/en/images/i_pro6.jpg") no-repeat; background-position:right bottom}
.i_con1 .list{position: relative;margin: 30px auto 0 auto;padding-top: 44.64%;width: 1680px;max-width: 100%;}
.i_con1 .item{width: 32%; position: absolute;transition: .6s all ease;border-radius: 13px;}
.i_con1 .item .img{position: relative;overflow: hidden;border-radius: 13px;}
.i_con1 .item .g_bg{padding-top: 66.3%;transition: .8s all ease;border-radius: 13px;}
.i_con1 .item .title{position: absolute;left: 36px;bottom: 30px;z-index: 9; font-size: 18px;font-weight: 600;color: #fff}
.i_con1 .item:nth-child(2){left: 0;top: 0;}
.i_con1 .item:nth-child(4){left: 0;bottom: 0;}
.i_con1 .item:nth-child(3){right: 0;top: 0}
.i_con1 .item:nth-child(5){right: 0;bottom: 0}
.i_con1 .item:nth-child(1){left: 50%;top: 50%;transform: translate(-50%,-50%)}
.i_con1 .item:nth-child(1) .g_bg{padding-top: 96%}
.i_con1 .item:hover .g_bg{transform: scale(1.08);}
.i_con1 .item:hover{box-shadow: 0 0 8px #999;}
.i_con2{padding-top: 150px; height: 830px; background: url("../image/con2_1.jpg") no-repeat;background-size: cover;background-position: center}
.i_con2 .top{display: flex;justify-content: space-between}
.i_con2 .top .i_title{color: #fff;text-align: left}
.i_con2 .top .i_title b{color: #fff;text-align: left}
.i_con2 .top .i_title span{color: #fff;text-align: left;font-weight: 600}
.i_con2 .top p{width: 930px;color: #fff;font-size: 18px;line-height: 46px;font-weight: 600;text-align: justify}
.i_con2 .bottom{margin-top: 90px;display: flex;border: 1px solid rgba(255,255,255,.1)}
.i_con2 .bottom .item{padding: 40px 0 40px 40px;width: 33.33%; border-right: 1px solid rgba(255,255,255,.1);color: #fff;}
.i_con2 .bottom .item:nth-last-child(1){border-right: 0;padding-left: 20px;}
.i_con2 .bottom .item span{font-size: 70px;font-weight: 400;line-height: 60px;font-family: 'DIN';}
.i_con2 .bottom .item span b{font-weight: 400}
.i_con2 .bottom .item span small{display: inline-block;vertical-align: bottom; font-size: 18px;line-height: 18px;font-weight: 600;font-family: ''}
.i_con2 .bottom .item span em{display: inline-block;vertical-align: top; font-size: 18px;font-style: normal;line-height: 18px;font-weight: lighter;font-family: ''}
.i_con2 .bottom .item p{font-size: 16px;margin-top: 20px;font-weight: 600}
.i_con3{background: #f7f7ff}
.i_con3 .list{padding: 144px 0 190px 0;display: flex;justify-content: space-between;
background: url("../image/i_con3_6.jpg") no-repeat;background-position: right bottom}
.i_con3 .list .item{width: 24%;position: relative;overflow: hidden}
.i_con3 .list .item a{color: #fff}
.i_con3 .list .item .g_bg{padding-top: 59.2%;height: 225px;}
.i_con3 .list .item .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 40px;}
.i_con3 .list .item .text h3{margin-top: 10px;}
.i_con3 .list .item .text span{display: block;margin-top: 68px;font-size: 16px;}
.i_con3 .list .item a > i{position: absolute;right: 30px;top: 56px;transform: translateY(-112px); transition: .6s all cubic-bezier(.05,1.18,.55,1.23);
font-size: 54px;display: inline-block;height: 56px;line-height: 56px;opacity: 0}
.i_con3 .list .item:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: .4s all ease;
background: url("../image/i_con3_5.jpg") no-repeat;background-size: 100% 100%;}
.i_con3 .list .item:hover:before{opacity: 1}
.i_con3 .list .item:hover a > i{transform: translateY(0);opacity: 1}
.n_banner{position: relative}
.n_banner .g_bg{padding-top: 44.8%}
.n_top{border-bottom: 1px solid #e8e8e8}
/*.n_top .g_w{display: flex;justify-content: space-between;align-items: center}*/
.n_top .g_w{display: block;position: relative}
.n_top .n_nav{display: flex}
.n_top .n_nav a{display: flex;align-items: center;justify-content: center; padding: 0 10px; width: auto!important;height: 100px; text-align: center; font-size: 18px;color: #525252;transition: .4s all ease}
.n_top .n_nav a:hover{background: #ab0d1c;color: #fff}
.n_top .n_nav a.active{background: #ab0d1c;color: #fff}
.n_top .n_breadcrumb {display: flex;position: absolute;right: 0;top: 100%;transform: translateY(10px)}
.n_top .n_breadcrumb a{font-size: 16px;color: #777;margin: 0 10px;transition: .4s all ease}
.n_top .n_breadcrumb i{margin-right: 8px;}
.n_top .n_breadcrumb a:hover{color: #ab0d1c}
.n_about{}
.n_about .con1{padding: 110px 0 70px 0}
.n_about .con1 .top{display: flex;align-items: self-start}
.n_about .con1 .con_l{width: 50%;position: relative;padding:0 50px 0 156px ;}
.n_about .con1 .con_l .i_title{position: relative;z-index: 9;text-align: left}
.n_about .con1 .con_l .p{padding-right: 10px; max-height: 500px; overflow-y: auto; font-size: 18px;line-height: 40px;font-weight: lighter;color: #474747;text-indent: 2em;text-align: justify; margin-top: 130px;position: relative;z-index: 9}
.n_about .con1 .con_r{width: 50%;position: relative}
.n_about .con1 .con_r .g_bg{height: 100%;padding-top:74%; }
.n_about .con1 .con_r .img1{width: 66.666%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;overflow: hidden;}
.n_about .con1 .con_r .img1 img{}
.n_about .con1 .con_r .img2{width: 44.58%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.n_about .con1 .i_con2{padding: 0; background: none;height: auto}
.n_about .con1 .i_con2 .bottom .item{color: #ab0d1c;border-right:2px solid rgba(156,134,122,.1);
background-image: url("../image/n_about1_11.png") ;background-size:0 0;background-position: center; transition: .6s all ease}
.n_about .con1 .i_con2 .bottom {border:2px solid rgba(156,134,122,.1)}
.n_about .con1 .i_con2 .bottom .item:hover{background-size:100% 100%;}
@keyframes rotateXMove {
0% {transform: rotateX(0);}
100% {transform: rotateX(360deg);}
}
@-webkit-keyframes rotateXMove {
0% {transform: rotateX(0);}
100% {transform: rotateX(360deg);}
}
.n_about .con2{height: 800px; padding: 120px 0 0 0; text-align: center;color: #fff;
background:url("../image/n_about1_4.jpg") no-repeat;background-position: center; background-size: cover}
.n_about .con2 .i_title b{color: #fff}
.n_about .con2 .i_title span{color: #fff}
.n_about .con2 i{font-size: 50px;line-height: 50px;height: 50px;display: inline-block;margin-top: 140px;}
.n_about .con2 p{font-size: 24px;line-height: 60px;font-weight: lighter;margin-top: 40px;}
.n_about .con3{padding: 110px 0 160px 0;position: relative}
.n_about .con3:before{content: '';position: absolute;left:0;bottom: 0;z-index: 1; width: 610px;height: 388px;background: url("../image/n_about1_13.jpg")no-repeat;}
.n_about .con3:after{content: '';position: absolute;right: -60px;top: 30px;z-index: 1; width: 900px;height: 977px;background: url("../image/n_about1_12.png")no-repeat;
animation:rotateMove 30s linear infinite;
-webkit-animation:rotateMove 30s linear infinite;
}
.n_about .con3 .view{display: flex;align-items: self-start; margin-top: 60px;position: relative;z-index: 9;}
.n_about .con3 .con_l{width: 50%;position: relative}
.n_about .con3 .g_bg{padding-top: 96.25%;}
.n_about .con3 .text{position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);color: #fff;text-align: center;width: 96%; }
.n_about .con3 .text i{font-size: 62px;}
.n_about .con3 .text b{font-size: 24px;display: block;margin-top: 20px}
.n_about .con3 .text p{font-size: 24px;font-weight: lighter; display: block;margin-top: 20px}
.n_about .con3 .con_r{width: 50%;position: relative;margin-top: 256px;}
@keyframes rotateMove {
0% {transform: rotate(0);}
100% {transform: rotate(-360deg);}
}
@-webkit-keyframes rotateMove {
0% {transform: rotate(0);}
100% {transform: rotate(-360deg);}
}
.n_about .con4{}
.n_about .con4 .i_title{text-align: left;padding-bottom: 60px;position: relative}
.n_about .con4 .i_title:after{content: '';position: absolute;left: 0;bottom: 0;width: 230px;height: 1px;background: rgba(156,134,122,.4)}
.n_about .con4 .view{display: flex}
.n_about .con4 .con_l{padding-left: 160px;padding-top: 150px; width:720px;height: 770px; background: #f7f7ff;overflow: hidden;position: relative}
.n_about .con4 .con_l p{margin-top: 80px;font-size: 20px;color: #474747;opacity: 0;transform: translateY(20px);pointer-events: none;transition: .6s all ease;display: none}
.n_about .con4 .con_l p.active{opacity: 1;transform: translateY(0);pointer-events: auto;display: block}
.n_about .con4 .con_l:after{content: '';position: absolute;left: 50%;top: calc(100% - 96px); transform: translateX(-50%); width: 561px;height: 586px;
background: url("../image/n_about1_14.png") no-repeat;background-size: 100% 100%;-webkit-transform-origin:0% 50%;
animation:rotateMove2 30s linear infinite;
-webkit-animation:rotateMove2 30s linear infinite;}
.n_about .con4 .con_r{width:calc(100% - 720px); }
.n_about .con4 .con_r .g_bg{height: 770px;}
@keyframes rotateMove2 {
0% {transform: rotate(0) translateX(-50%);}
100% {transform: rotate(-360deg) translateX(-50%);}
}
@-webkit-keyframes rotateMove2 {
0% {transform: rotate(0) translateX(-50%);}
100% {transform: rotate(-360deg) translateX(-50%);}
}
.n_about .con4 .swiper-con{position: relative}
.n_about .con4 .s_btn{width: 70px;height: 70px; text-align: center; line-height: 70px; background: #cdcdcd; color: #ab0d1c;z-index: 99}
.n_about .con4 .swiper-button-prev{background: #ab0d1c;color: #cdcdcd;left: 0;top: auto;bottom: 0; transform: translateX(-100%);}
.n_about .con4 .swiper-button-next{left: 0;top: auto;bottom: 0; }
.n_about .con4 .s_btn i{font-size: 20px;display: inline-block}
.n_about .con4 .swiper-button-prev i{transform: rotate(180deg)}
.n_about .con5{margin-top: 100px; padding: 100px 0 70px 0;background: url("../image/n_about1_8.jpg");background-size: cover;background-position: center;}
.n_about .con5 .i_title b{color: #fff}
.n_about .con5 .i_title span{color: #fff}
.n_about .con5 .swiper-con{padding: 0 110px;margin-top: 60px;position: relative}
.n_about .con5 .swiper-container{padding-top: 60px;}
.n_about .con5 .item{position: relative;padding:0 40px}
.n_about .con5 .item .img{position: relative;padding-top: 70%}
.n_about .con5 .item .img img{position: absolute;left: 50%;top: 50%;max-width: 100%;max-height: 100%; transform: translate(-50%,-50%);transition: .4s all ease}
.n_about .con5 .item .icon{position: relative;margin-top: 48px;}
.n_about .con5 .item em{display: block;width: 20px;height: 20px;margin: 0 auto;background: url("../image/icon2.png") no-repeat;background-size: 100% 100%;position: relative;transition: .4s all ease}
.n_about .con5 .item .icon:before{position: absolute;right: calc(50% + 10px);top: 50%;width:calc(50% - 10px + 40px);height: 1px; background: #fff;content: '';display: block}
.n_about .con5 .item .icon:after{position: absolute;left: calc(50% + 10px);top: 50%;width:calc(50% - 10px + 40px);height: 1px; background: #fff;content: '';display: block}
.n_about .con5 .item span{display: block;margin-top: 30px;font-size: 18px;color: #fff;text-align: center;transition: .4s all ease}
.n_about .con5 .swiper-slide-active .item em{background: url("../image/icon3.png") no-repeat;background-size: 100% 100%;}
.n_about .con5 .swiper-slide-active .item span{font-weight: 600;color: #ab0d1c;}
.n_about .con5 .swiper-slide-active .img img{transform: translate(-50%,-50%) scale(1.1);}
.n_about .con5 .s_btn{width: 70px;height: 70px; text-align: center; line-height: 70px; background: #cdcdcd; color: #ab0d1c;z-index: 99;transition: .4s all ease}
.n_about .con5 .swiper-button-prev{left: 0;top: 40%;}
.n_about .con5 .swiper-button-next{right: 0;top: 40%; }
.n_about .con5 .s_btn i{font-size: 20px;display: inline-block}
.n_about .con5 .swiper-button-prev i{transform: rotate(180deg)}
.n_about .con5 .s_btn:hover{background: #ab0d1c;color: #cdcdcd}
.n_about .con6{padding: 70px 0 100px 0;}
.n_about .con6 .view{display: flex;margin-top: 50px;position: relative}
.n_about .con6 .con_l{width: 520px;padding-left: 160px;padding-right: 30px;position: relative}
.n_about .con6 .con_l:before{content: '';position: absolute;top: 50%;right: calc(100% - 96px); transform: translateY(-50%); width: 561px;height: 586px;
background: url("../image/n_about1_14.png") no-repeat;background-size: 100% 100%;-webkit-transform-origin:50% 0;
animation:rotateMove3 30s linear infinite;
-webkit-animation:rotateMove3 30s linear infinite;}
.n_about .con6 .con_l .name{margin-top: 50px;padding-bottom: 50px; color: #474747; position: relative;display: none}
.n_about .con6 .con_l .name:after{content: '';position: absolute;left: 0;bottom: 0;width: 230px;height: 1px;background: rgba(156,134,122,.4)}
.n_about .con6 .con_l .name.active{display: block}
.n_about .con6 .con_r{width: calc(100% - 520px);}
.n_about .con6 .con_r .swiper-slide{width: 1090px;}
.n_about .con6 .con_r .item{position: relative;cursor: pointer}
.n_about .con6 .con_r .item i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 44px;}
.n_about .con6 .con_r .g_bg{padding-top: 52.3%}
.n_about .con6 .s_btn{width: 70px;height: 70px; text-align: center; line-height: 70px; background: #cdcdcd; color: #ab0d1c;z-index: 99;opacity: 1}
.n_about .con6 .swiper-button-prev{left: 160px;top: auto;bottom: 0}
.n_about .con6 .swiper-button-next{left: calc(160px + 110px);top: auto;bottom: 0 }
.n_about .con6 .s_btn i{font-size: 20px;display: inline-block}
.n_about .con6 .swiper-button-prev i{transform: rotate(180deg)}
.n_about .con6 .s_btn:hover{background: #ab0d1c;color: #cdcdcd}
@keyframes rotateMove3 {
0% {transform: rotate(0) translateY(-50%);}
100% {transform: rotate(-360deg) translateY(-50%);}
}
@-webkit-keyframes rotateMove3 {
0% {transform: rotate(0) translateY(-50%);}
100% {transform: rotate(-360deg) translateY(-50%);}
}
.iframe_view{display: none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99999999}
.iframe_view .before{position: absolute;max-width: 100%; width: 960px;left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 9;background:#000;}
.iframe_view .before:before{content: '';display: block; padding-top: 50%;}
.iframe_view .before iframe{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.iframe_view .before .close{position: absolute;left: 100%;bottom: 100%;font-size: 20px;color: #fff!important;opacity: 1}
.iframe_view .after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: rgba(0,0,0,.8)}
.n_news{}
.n_news .con1{padding-top: 80px; background: #f4f4f4;overflow: hidden}
.n_news .con1 .list{display: flex;flex-wrap: wrap}
.n_news .con1 .list .item{width: 32%;margin-right: 2%;margin-top: 2%;background: #fff;transition: .4s all ease}
.n_news .con1 .list .item:nth-child(3n){margin-right: 0}
.n_news .con1 .list .item .img{overflow: hidden}
.n_news .con1 .list .item .g_bg{padding-top: 59.5%;transition: .8s all ease}
.n_news .con1 .list .item .text{padding: 42px;}
.n_news .con1 .list .item .date{}
.n_news .con1 .list .item .date b{font-family: 'DIN';font-size: 36px;color: #777777;height: 36px;line-height: 36px; display: inline-block;vertical-align: bottom;transition: .4s all ease}
.n_news .con1 .list .item .date span{font-family: 'MONTSERRAT-LIGHT';font-size: 16px;color: #474747;display: inline-block;vertical-align: bottom;margin-left: 6px;}
.n_news .con1 .list .item h4{font-size: 18px; color: #474747;font-weight: 600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;transition: .4s all ease}
.n_news .con1 .list .item p{font-size: 16px; color: #474747;line-height:28px; height: 56px; overflow: hidden;margin-top: 16px;}
.n_news .con1 .list .item .more{display: block; color: #777;font-size: 16px;text-transform: uppercase; margin-top: 30px;transition: .4s all ease}
.n_news .con1 .list .item .more i{margin-left: 8px;}
.n_news .con1 .list .item:hover{box-shadow: 0 0 6px #dfdfdf;transform: translate(-3px ,-3px)}
.n_news .con1 .list .item:hover .date b{color: #ab0d1c}
.n_news .con1 .list .item:hover h4{color: #ab0d1c}
.n_news .con1 .list .item:hover .more{color: #ab0d1c}
.n_news .con1 .list .item:hover .g_bg{transform: scale(1.06)}
.n_news_d .con1{padding: 80px 0; background: #f4f4f4}
.n_news_d .view{ background: #fff;padding:90px 150px;}
.n_news_d .title{text-align: center}
.n_news_d .title h3{font-size: 26px;font-weight: 600;line-height: 1.5em}
.n_news_d .title span{margin-top: 30px;font-size: 16px;color: #474747;display: block}
.n_news_d .text{margin-top: 30px; font-size: 18px;line-height: 44px;color: #474747;text-align: justify}
.n_news_d .bottom{margin-top: 60px; padding-top: 40px; display: flex;justify-content: space-between;border-top: 1px dashed #dddddd}
.n_news_d .bottom a{width: 48%;font-size: 16px; color: #9f9f9f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s all ease}
.n_news_d .bottom a i{margin-right: 14px;font-size: 18px;display: inline-block;vertical-align: middle}
.n_news_d .bottom a:nth-child(2){text-align: right;}
.n_news_d .bottom a:nth-child(2) i{transform: rotate(180deg) translateY(4px);margin-right: 0;margin-left: 14px;}
.n_news_d .bottom a:hover{color: #ab0d1c}
.n_pro{}
.n_pro .n_top{padding-top: 60px;border: 0}
.n_pro .n_top .n_breadcrumb{right: auto ;left: 0;top: auto;bottom: 0;transform: translateY(0)}
.n_pro .con1{padding: 50px 0 0 0 ;overflow: hidden}
.n_pro .con1 .list{}
.n_pro .con1 .item{position: relative;margin-top: 60px;overflow: hidden; transition: .4s all ease}
.n_pro .con1 .item .g_bg{padding-top: 52%}
.n_pro .con1 .item .title{position: absolute;top: 100px;left: 50%;transform: translateX(-50%);width: 90%;max-width: 90%;color: #fff;text-align: center}
.n_pro .con1 .item .title h3{font-weight: 600}
.n_pro .con1 .item .title p{display: none; font-size: 18px;font-weight: lighter;margin-top: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.n_pro .con1 .item .more{position: absolute;bottom: 90px;left: 50%;transform: translateX(-50%);width: 150px;height: 46px;
line-height: 46px; color: #fff;text-align: center;font-size: 18px;border-radius: 30px;background: rgba(255,255,255,.36);transition: .4s all ease}
.n_pro .con1 .item:hover{box-shadow: 0 0 20px #00faff;border-radius: 16px;}
.n_pro .con1 .item:hover .more{background: #ab0d1c;}
.n_pro_d{}
.n_pro_d .n_top .n_breadcrumb{right: auto ;left: 0;top: auto;bottom: 0;transform: translateY(0)}
.n_pro_d .n_top{padding-top: 60px;border: 0}
.n_pro_d .con1{margin-top: 30px;}
.n_pro_d .con1 .top .g_w{display: flex;align-items: stretch}
.n_pro_d .con1 .top .con_l{width: 50%}
.n_pro_d .con1 .top .swiper-con .img{position: relative;height: 480px;background: #f4f4f4}
.n_pro_d .con1 .top .swiper-con .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%}
.n_pro_d .con1 .top .swiper-con .bottom{position: relative;padding: 0 50px;margin-top: 30px;}
.n_pro_d .con1 .top .swiper-con .bottom .img{height: 94px;}
.n_pro_d .con1 .top .swiper-con .swiper-btn{top: 0; transform: translate(0); margin: 0; width: 30px; height: 94px;transition: .4s all ease;
text-align: center;line-height: 94px;background: #f1f1f1;background-image: none; color: #9f9f9f}
.n_pro_d .con1 .top .swiper-con .swiper-btn i{font-size: 14px;display: inline-block}
.n_pro_d .con1 .top .swiper-con .swiper-button-prev i{transform: rotate(180deg)}
.n_pro_d .con1 .top .swiper-con .swiper-button-prev{left: 0}
.n_pro_d .con1 .top .swiper-con .swiper-button-next{right: 0}
.n_pro_d .con1 .top .swiper-con .swiper-btn:hover{background: #ab0d1c;color: #fff}
.n_pro_d .con1 .top .con_r{width: 50%;
/*background: url("../images/n_pro_d5.jpg") no-repeat;background-size: 100% 100%*/
}
.n_pro_d .con1 .top .con_r .view{padding: 80px 50px; width: 100%;height: 100%; border: 1px solid #dfdfdf;
/*background: url("../images/n_pro_d6.png") no-repeat;background-position: right bottom*/
}
.n_pro_d .con1 .top .con_r .name{font-size: 23px;color: #474747;line-height: 1.5em;padding-bottom: 30px;border-bottom: 1px solid #a4b9c1}
.n_pro_d .con1 .top .con_r .p p{font-size: 18px;color: #474747;line-height: 30px;margin-top: 24px;}
/*.n_pro_d .con1 .top .con_r .p{height: 190px;}*/
.n_pro_d .con1 .top .con_r .btn{font-size: 0;padding: 0;margin-top: 20px;}
.n_pro_d .con1 .top .con_r .btn a{display: inline-block;width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #474747;
margin-right: 30px;border: 1px solid #474747;border-radius: 30px;transition: .4s all ease }
.n_pro_d .con1 .top .con_r .btn a:hover{color: #ab0d1c;border-color: #ab0d1c}
.n_pro_d .con2 {padding-bottom: 70px;}
.n_pro_d .con2 .n_table{margin-top: 70px;border: 1px solid #dddddd;border-radius: 4px;overflow: hidden}
.n_pro_d .con2 .n_table .title{height: 70px;line-height:70px;text-align: center;color: #fff;font-size:20px;font-weight: 600;background: #ab0d1c }
.n_pro_d .con2 .n_table .title i{font-weight: 400;font-size: 20px;margin-right: 6px;}
.n_pro_d .con2 .n_table .table_con{padding: 46px;}
.n_pro_d .con2 .n_table .ps{font-size: 16px;color: #474747;margin-top: 24px;}
.n_pro_d .con2 .n_table .name{height: 60px;line-height: 60px;text-align: center;font-size: 20px;font-weight: 600;color: #ab0d1c;background: #dddddd}
.n_pro_d .con2 .n_table .n_table_responsive{overflow-x: auto}
.n_pro_d .con2 .n_table table{width: 100%;min-width: 800px; border: 0!important;background: #f5f5f5;text-align: center}
.n_pro_d .con2 .n_table table tr{border-color: #fff!important}
.n_pro_d .con2 .n_table table tr td:nth-child(1){color: #ab0d1c;font-weight: 600}
.n_pro_d .con2 .n_table table tr:nth-child(1) td:nth-child(1){position: relative;}
.n_pro_d .con2 .n_table table tr:nth-child(1) td:nth-child(1):before{content: ''; width: 100%;height: 1px; background: #d1d1d1;
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(30deg)}
.n_pro_d .con2 .n_table table tr:nth-child(1) td:nth-child(1) span:nth-child(2){position: absolute;right: 10px;top: 20px;}
.n_pro_d .con2 .n_table table tr:nth-child(1) td:nth-child(1) span:nth-child(1){position: absolute;left: 10px;bottom: 20px;}
.n_pro_d .con2 .n_table table td{border-color: #fff!important;height: 100px; padding: 20px 10px;font-size: 18px;color: #474747;display:table-cell; vertical-align:middle}
.n_pro_d .con2 .n_table table tbody{border-color: #fff!important}
.n_pro_d .con3{margin-top: 40px;padding-bottom: 70px;}
.n_pro_d .con3 .title{color: #333; font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #666;display: block}
.n_pro_d .con3 .list{display: flex;justify-content: space-between;flex-wrap: wrap}
.n_pro_d .con3 .list .item{width: 24%;margin-top: 40px;margin-right: 1.333%}
.n_pro_d .con3 .list .item:nth-child(4n){margin-right: 0}
.n_pro_d .con3 .list .item .g_bg{padding-top: 67%;}
.n_pro_d .con3 .list .item .name{display: block;padding:20px 10px;font-size: 16px;font-weight: 600;text-align: center;color: #333;transition: .4s all ease}
.n_pro_d .con3 .list .item:hover .name{color: #ab0d1c}
.n_yf1{}
.n_yf1 .n_top .n_nav a{width: 180px;}
.n_yf1 .con1{padding:110px 0 140px 0;background: url("../image/n_yf1_8.png") no-repeat;background-position: 0 290px; }
.n_yf1 .con1 .view{margin-top: 40px;display: flex}
.n_yf1 .con1 .view .con_l{width: 50%;position: relative}
.n_yf1 .con1 .view .swiper-con{height: 100%}
.n_yf1 .con1 .view .swiper-container{height: 100%}
.n_yf1 .con1 .view .swiper-wrapper{height: 100%}
.n_yf1 .con1 .view .swiper-slide{height: 100%}
.n_yf1 .con1 .view .img{height: 100%}
.n_yf1 .con1 .view .g_bg{padding-top: 66.75%;height: 100%}
.n_yf1 .con1 .view .con_r{width: 50%;background: #f4f4f4;}
.n_yf1 .con1 .view .con_r .text{padding: 100px 70px;font-size: 18px;line-height: 38px;color: #474747}
.n_yf1 .con1 .s_btn{width: 70px;height: 70px; text-align: center; line-height: 70px; background: rgba(255,255,255,.85); color: #ab0d1c;z-index: 99;opacity: 1;transition: .4s all ease}
.n_yf1 .con1 .swiper-button-prev{left: 100%;top: auto;bottom: 0;transform: translateX(-100%)}
.n_yf1 .con1 .swiper-button-next{left: 100%;top: auto;bottom: 0; }
.n_yf1 .con1 .s_btn i{font-size: 20px;display: inline-block}
.n_yf1 .con1 .swiper-button-prev i{transform: rotate(180deg)}
.n_yf1 .con1 .s_btn:hover{background: #ab0d1c;color: #fff}
.n_yf1 .con2{padding:90px 0 180px 0;background: url("../image/n_yf1_9.png") no-repeat;background-position: left bottom;background-color: #f7f7ff}
.n_yf1 .i_title .logo{margin-bottom: 25px;}
.n_yf1 .i_title p{color: #474747;font-size: 18px;margin-top: 26px;line-height: 46px;}
.n_yf1 .con2 .img{margin-top: 40px;}
.n_yf1 .con3{padding: 300px 0 100px 0;background: url("../image/n_yf1_7.jpg") no-repeat;background-size:100% auto}
.n_yf1 .con3 .view{padding: 100px;background: #f7f7ff}
.n_yf1 .con3 .i_title p{text-align: left}
.n_yf1 .con3 .swiper_con{margin-top: 50px;padding: 0 70px;position: relative}
.n_yf1 .con3 .img{position: relative;padding-top: 68%;}
.n_yf1 .con3 .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:100%;max-height: 100%}
.n_yf1 .con3 .s_btn{width: 46px;height: 46px; text-align: center; line-height: 46px; color: #9f9fa3; background: none;
border-radius: 50%; border: 1px solid #9f9fa3; z-index: 99;opacity: 1;transition: .4s all ease}
.n_yf1 .con3 .s_btn:hover{background: #ab0d1c;color: #fff}
.n_yf1 .con3 .swiper-button-prev i{transform: rotate(180deg);display: inline-block}
.n_zl1{}
.n_zl1 .i_title .logo{margin-bottom: 25px;}
.n_zl1 .i_title p{color: #474747;font-size: 18px;margin-top: 26px;line-height: 46px;}
.n_zl1 .con1{padding: 90px 0 130px 0;background: url("../image/n_zl1_9.jpg") no-repeat; background-size: cover; background-position: center}
.n_zl1 .con1 .view{margin-top: 50px;}
.n_zl1 .con1 .view .tab_item{text-align: center;font-size: 0;display: none}
.n_zl1 .con1 .view .tab_item.active{display: block}
.n_zl1 .con1 .view .tab_item .img{display: inline-block;padding: 0 45px;max-width: 50%}
.n_zl1 .con1 .view .tab_nav{display: flex;border-top: 1px solid rgba(255,255,255,.6);margin-top: 80px; }
.n_zl1 .con1 .view .tab_nav a{padding: 0 6px; width: 33.33%;text-align: center;font-size: 18px;color: #525252;padding-top: 30px;position: relative}
.n_zl1 .con1 .view .tab_nav a.active{color: #ab0d1c; font-weight: 600}
.n_zl1 .con1 .view .tab_nav a.active:before{content: ''; position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%); width: 100%;height: 3px;background: #fff;}
.n_zl1 .con2{background: url("../image/n_yf1_9.png") no-repeat;background-position: center left}
.n_zl1 .con2 .top{display: flex}
.n_zl1 .con2 .top .i_title{text-align: left}
.n_zl1 .con2 .top .con_l{width: 52.5%;padding:0 50px 0 150px;}
.n_zl1 .con2 .top .text{font-size: 18px;color: #474747;line-height: 46px;font-weight: lighter}
.n_zl1 .con2 .top .text p{margin-top: 30px;}
.n_zl1 .con2 .top .text b{color: #ab0d1c;}
.n_zl1 .con2 .top .con_r{width: 47.5%}
.n_zl1 .con2 .top .con_r .img{height: 100%;}
.n_zl1 .con2 .top .con_r .g_bg {height: 100%;padding-top: 70%}
.n_zl1 .con2 .bottom{padding: 90px 0}
.n_zl1 .con2 .bottom .g_w{display: flex;justify-content: space-between}
.n_zl1 .con2 .bottom .con_l{width: 49%}
.n_zl1 .con2 .bottom span{display: block; margin: 0 auto; width: 400px;max-width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 18px;text-transform: uppercase; color: #fff;background: #ab0d1c;border-radius: 30px;}
.n_zl1 .con2 .bottom .img{padding-top: 70%;position: relative;margin-top: 40px;box-shadow: 0 0 10px #dfdfdf;}
.n_zl1 .con2 .bottom .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:100%;max-height: 100%}
.n_zl1 .con3{}
.n_zl1 .con3 .top{padding-top: 288px;background: url("../image/n_zl1_5.jpg") no-repeat;background-position: center;background-size: cover}
.n_zl1 .con3 .top .view{display: block;position: relative;padding: 90px 0 90px 90px;}
.n_zl1 .con3 .top .view .i_title{width: 100%;text-align: left;position: relative;z-index: 9}
.n_zl1 .con3 .top .view .text{margin-top: 30px; width: 100%;font-size: 18px;color: #474747;line-height: 46px;text-align: left;position: relative;z-index: 9}
.n_zl1 .con3 .top .view .text b{color: #ab0d1c}
.n_zl1 .con3 .top .view:before{content:'';position: absolute;left: 0;top: 0;z-index: 1; width: 100vw;height: 100%;background: rgba(255,255,255,.8);}
.n_zl1 .con3 .bottom{padding: 110px 0 74px 0;background: url("../image/n_yf1_9.png") no-repeat;background-position: top left}
.n_zl1 .con3 .bottom .swiper-con{padding: 0 46px;position: relative}
.n_zl1 .con3 .bottom .img{position: relative;padding-top: 68.9%;background: #f7f7ff}
.n_zl1 .con3 .bottom .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:100%;max-height: 100%}
.n_zl1 .con3 .bottom .title{font-size: 18px;color: #474747;margin-top: 16px;text-align: center;transition: .4s all ease}
.n_zl1 .con3 .s_btn{width: 70px;height: 70px; text-align: center; line-height: 70px; color: #ab0d1c; background: #f1f1f1;z-index: 99;opacity: 1;transition: .4s all ease}
.n_zl1 .con3 .swiper-button-prev{left: 0;transform: translateX(-60%);}
.n_zl1 .con3 .swiper-button-prev i{display: inline-block;transform: rotate(180deg)}
.n_zl1 .con3 .swiper-button-next{right: 0;transform: translateX(60%);}
.n_zl1 .con3 .s_btn:hover{background: #ab0d1c;color: #fff}
.n_zl1 .con3 .swiper-slide:hover .title{color: #ab0d1c}
.my-map { margin: 0 auto; width: 100%; height: 830px; } .my-map .icon { background: url(../image/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.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; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.n_contact .con1 {position: relative}
.n_contact .con1 .text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: right;pointer-events: none;z-index: 999}
.n_contact .con1 .text .info{display: inline-block;text-align: left;padding: 60px 90px;width: 626px;box-shadow: 0 0 6px #dfdfdf;background: #fff;pointer-events: auto;}
.n_contact .con1 .text .info b{font-size: 24px;color: #474747}
.n_contact .con1 .text .info .p{font-size: 18px; line-height: 40px; color: #474747;margin-top: 20px;}
.n_contact .con1 .text .info .p i{font-size: 22px;color: #ab0d1c;margin-right: 10px;}
.n_contact .con1 .text .info .p i.icon-chuanzhen{font-size: 28px;}
.n_job{}
.n_job .con1{overflow: hidden}
.n_job .con1 .list{display: flex;flex-wrap: wrap}
.n_job .con1 .item{width: 32%;margin-right: 2%;margin-top: 2%;background-color: #f7f7ff;background-position: 90% 90%;background-repeat: no-repeat;position: relative;transition: .4s all ease}
.n_job .con1 .item>i{display: none;position: absolute;right: 30px;bottom: 30px;font-size: 160px;opacity: .1;color: #ab0d1c;pointer-events: none;height: 160px;line-height: 160px;transition: .4s all ease}
.n_job .con1 .item.yj .icon-xiezuoyanfa{display: block}
.n_job .con1 .item.cj .icon-chejian{display: block}
.n_job .con1 .item.sw .icon-shangwu{display: block}
.n_job .con1 .item:nth-child(3n){margin-right: 0}
.n_job .con1 .item a{display: block;padding: 50px 60px;}
.n_job .con1 .item .title{color: #474747;padding-bottom: 18px;border-bottom: 1px solid #e5e5ec;transition: .4s all ease}
.n_job .con1 .item .p{font-size: 18px;line-height: 40px;color: #474747;height: 80px;overflow: hidden; margin-top: 20px;transition: .4s all ease}
.n_job .con1 .item .icon-you{display: block; width: 58px;height: 58px;line-height: 58px;text-align: center;font-size: 20px; color: #fff; transform: rotate(180deg);
background-color: #ab0d1c;border-radius: 50%;margin-top: 30px;transition: .4s all ease}
.n_job .con1 .item:hover{background: #ab0d1c;}
.n_job .con1 .item:hover >i{color: #fff;}
.n_job .con1 .item:hover .title{color: #fff;}
.n_job .con1 .item:hover .p{color: #fff;}
.n_job .con1 .item:hover .icon-you{color: #ab0d1c;background: #fff}
.n_job_d{}
.n_job_d .con1{padding: 70px 0 100px 0; background: #f4f4f4}
.n_job_d .con1 .text{padding: 110px 150px;background: #fff}
.n_job_d .con1 .text .top{padding-bottom: 30px; display: flex;justify-content: space-between; border-bottom: 1px solid #e3e3e3}
.n_job_d .con1 .text .top h3{font-size: 30px;color: #525252;padding-right: 30px;}
.n_job_d .con1 .text .top span{font-size: 16px;color: #474747;white-space: nowrap}
.n_job_d .con1 .text .p {font-size: 16px;color: #525252;line-height: 40px;padding-top: 30px;text-align: justify}
.n_job_d .con1 .text .bottom{margin-top: 60px;}
.n_job_d .con1 .text .bottom a{margin-right: 30px; display: inline-block;width: 160px;height: 50px;text-align: center;line-height: 50px;color: #777777; font-size: 16px; text-transform: uppercase;
border: 1px solid #777; border-radius: 50px;transition: .4s all ease}
.n_job_d .con1 .text .bottom a i{font-size: 18px}
.n_job_d .con1 .text .bottom a:hover{color: #fff;border-color: #ab0d1c;background: #ab0d1c}
@media (max-width: 1800px) {
}
@media (max-width: 1650px) {
.g_w{padding: 0 50px}
.n_zl1 .con2 .top .con_l{padding-left: 5%}
.pcNav_u1_2 .pcNav_u1_2L em{margin: 0 5%}
.i_con1{padding: 110px 50px 90px 50px}
}
@media (max-width:1440px) {
.g_w{padding: 0 5%}
.pcNav_u1_2{padding-top: 50px;}
.pcNav_u1_2 .pcNav_u1_2L em{margin: 0 4.5%}
.pcNav_u1_2 .pcNav_u1_2L a{font-size: 16px;}
.pcNav-r{margin-left: 80px;}
.pcNav-top .lang{padding-left: 30px;}
.pcNav-r-search{margin-left: 20px;}
.h-nav1 > li > a{font-size: 16px;}
.h-nav1 > li{margin-left: 30px;}
.i-banner-swiper .text b{font-size: 28px;}
.i-banner-swiper .text span{font-size: 20px;}
.i-banner-swiper .text a{height: 40px;line-height: 40px; font-size: 16px;}
.i_title b{font-size: 32px;}
.i_title span{font-size: 20px;}
.i_con1{padding: 110px 5% 90px 5%}
.i_con2 .top p{font-size: 16px;line-height: 40px}
.i_con2 .bottom .item span{font-size: 60px;line-height: 45px;height: 45px;display: block}
.i_con3 .list .item .text h3{font-size: 22px;}
.i_con3 .list .item a > i{font-size: 40px;line-height: 40px;height: 40px;transform: translateY(-92px);}
.f-top ul a{font-size: 16px;}
.n_top .n_nav a{font-size: 16px;width: 120px;}
.n_top .n_breadcrumb a{font-size: 14px;}
.n_about .con1 .con_l{padding-left: 5%}
.n_about .con1 .con_l .p{font-size: 16px;margin-top: 80px;max-height: 400px;}
.n_about .con4 .con_l{padding: 70px 0 0 5%;height: 600px;}
.n_about .con4 .i_title{padding-bottom: 48px;}
.n_about .con4 .con_l p{margin-top: 60px;font-size: 18px;}
.n_about .con4 .con_r .g_bg{height: 600px;}
.n_about .con5 .swiper-con{margin-top: 40px;}
.n_about .con5 .swiper-container{padding-top: 40px;}
.n_about .con5 .item .iconP{margin-top: 40px;}
.n_about .con6 .con_l{padding-left: 5%;width: 420px;}
.n_about .con6 .con_r{width: calc(100% - 420px)}
.n_about .con6 .con_r .swiper-slide{width: 800px;}
.n_about .con4 .s_btn,.n_about .con5 .s_btn,.n_about .con6 .s_btn , .n_zl1 .con3 .s_btn{width: 60px;height: 60px;line-height: 60px;}
.n_about .con6 .swiper-button-prev{left: 5%;}
.n_about .con6 .swiper-button-next{left: calc(5% + 100px);}
.n_news_d .view{padding: 60px 100px; }
.n_news_d .title h3{font-size: 24px;}
.n_news_d .title span{font-size: 14px;}
.n_news_d .text{font-size: 16px;}
.n_pro_d .con1 .top .con_r .name{font-size: 20px;}
.n_pro_d .con1 .top .con_r .p p{font-size: 16px;line-height: 28px;}
.n_pro_d .con2 .n_table table td{font-size: 16px;}
.n_pro_d .con2 .n_table .ps{font-size: 14px;}
.n_yf1 .con1 .view .con_r .text{padding: 80px 50px; font-size: 16px;}
.n_yf1 .con2{padding: 70px 0 140px 0}
.n_yf1 .con3 .view{padding: 80px;}
.n_yf1 .i_title p ,.n_zl1 .i_title p{font-size: 16px;line-height: 40px;}
.n_zl1 .con1 .view .tab_item .img{width: 400px;}
.n_zl1 .con1 .view .tab_nav{margin-top: 60px;}
.n_zl1 .con1 .view .tab_nav a{font-size: 16px}
.n_zl1 .con2 .top .text{font-size: 16px;line-height: 36px;}
.n_zl1 .con3 .top .view{padding: 100px 0 60px 70px}
.n_zl1 .con3 .top .view .text{font-size: 16px;}
.n_zl1 .con3 .bottom .title{font-size: 16px;}
.my-map{height: 600px;}
.n_contact .con1 .text .info{ padding: 40px ;width: 460px;}
.n_contact .con1 .text .info .p{font-size: 16px;}
.n_contact .con1 .text .info b{font-size: 20px;}
.n_job_d .con1 .text{padding: 80px ;}
}
@media (max-width:1350px) {
}
@media (max-width:1280px) {
.pcNav_u1_2{padding-top: 30px;}
.pcNav_u1_2 .pcNav_u1_2L em{margin: 0 4%}
.pcNav_u1_2 .pcNav_u1_2L a{font-size: 14px;}
.pcNav-top .logo img{width: 200px;}
.h-nav1 > li > a{font-size: 14px;}
.i-banner-swiper .text b{font-size: 24px;}
.i-banner-swiper .text a{font-size: 14px;height: 36px;line-height: 36px;width: 120px;}
.i_title b{font-size: 28px;}
.i_con1{padding: 80px 5%}
.i_con2 .top p{width: 700px;font-size: 14px;line-height: 28px;}
.i_con2 .bottom .item span{font-size: 50px;height: 40px;line-height: 40px;}
.i_con2 .bottom .item p{font-size: 14px;}
.i_con2 .bottom .item span small{font-size: 14px;}
.i_con3 .list{padding: 100px 0}
.i_con3 .list .item{}
.i_con3 .list .item .g_bg{height: 200px;}
.i_con3 .list .item .text {padding:20px 30px}
.i_con3 .list .item .text h3{font-size: 20px;}
.i_con3 .list .item .text span{font-size: 14px;}
.i_con3 .list .item .text span i{font-size: 14px;}
.i_con3 .list .item a > i{font-size: 30px;height: 30px;line-height: 30px;transform: translateY(-80px);}
.n_about .con1 .con_l .p{font-size: 14px;line-height: 32px;margin-top: 30px;}
.n_about .con2 i{font-size: 40px;}
.n_about .con2 p{font-size: 20px;}
.n_about .con3 .con_r{margin-top: 200px;}
.n_about .con3 .text i{font-size: 50px;}
.n_about .con3 .text b,.n_about .con3 .text p{font-size: 20px;}
.n_about .con3{padding: 80px 0 100px 0;}
.n_about .con4 .con_l{width: 50%; height: 400px;padding-top: 40px;}
.n_about .con4 .con_r{width: 50%}
.n_about .con4 .con_r .g_bg{height: 400px;}
.n_about .con4 .i_title{padding-bottom: 30px;}
.n_about .con4 .con_l p{margin-top: 30px;}
.n_about .con4 .s_btn, .n_about .con5 .s_btn, .n_about .con6 .s_btn{width: 50px;height: 50px;line-height: 50px;}
.n_about .con5 .item span{font-size: 16px;}
.n_about .con5 .swiper-con{padding: 0 60px}
.n_about .con6 .con_l .name{margin-top: 30px;padding-bottom: 30px;font-size: 18px;}
.n_about .con6 .con_r .swiper-slide{width: 600px;}
.n_about .con6{padding: 60px 0; }
}
@media (max-width:1220px) {
.pcNav{display: none}
.webNav{display: block}
.g_body{padding-top: 60px;}
.i_title b{font-size: 24px;}
.i_title span{font-size: 18px;}
.i_con1{padding: 60px 5%}
.i_con1 .item .title{font-size: 16px;left: 20px;bottom: 20px;}
.i_con2{padding-top: 60px;height: 600px;}
.i_con2 .top p{width: 600px;}
.i_con3 .list .item .text span{margin-top: 30px;}
.i_con3 .list .item a > i{top: 36px; font-size: 20px;height: 20px;line-height: 20px;transform: translateY(-40px)}
.i_con3 .list .item .g_bg{height: 160px;}
.i_con3 .list .item .text h3{font-size: 18px;}
.i_con3 .list{padding:60px 0 80px 0}
.f-top ul li{padding: 0 40px;}
.f-bottom-con{font-size: 14px;}
.n_top{display: none}
.n_news .con1 .list .item .text{padding: 20px;}
.n_news .con1 .list .item h4{font-size: 16px;}
.n_news .con1 .list .item p{font-size: 14px;line-height: 24px;height: 48px;}
.n_news .con1 .list .item .more{font-size: 14px;margin-top: 20px;}
.n_news_d .view{padding: 40px 60px; }
.n_news_d .title h3{font-size: 20px;}
.n_news_d .title span{font-size: 14px;}
.n_news_d .text{font-size: 14px;line-height: 28px;}
.n_news_d .bottom{margin-top: 30px;padding-top: 20px;display: block}
.n_news_d .bottom a{display: block;width: 100%;margin-bottom: 10px;font-size: 14px;text-align: left!important;}
.n_news_d .bottom a i{display: none}
.n_pro_d .con2 .n_table .title{height: 50px;line-height: 50px;font-size: 18px;}
.n_pro_d .con2 .n_table .title i{font-size: 18px;}
.n_pro_d .con2 .n_table .name{height: 40px;line-height: 40px;font-size: 18px;}
.n_pro_d .con1 .top .con_r .view{padding: 40px;}
.n_pro_d .con1 .top .con_r .name{padding-bottom: 10px;}
.n_pro_d .con1 .top .con_r .p p{font-size: 14px;margin-top: 10px;}
.n_pro_d .con1 .top .con_r .btn a{height: 36px;line-height: 36px;width: 100px;font-size: 14px}
.n_pro_d .con1 .top .con_r .view{height: 360px;}
.n_pro_d .con1 .top .swiper-con .img{height: 360px;}
.n_pro_d .con1 .top .swiper-con .bottom .img{height: 70px;}
.n_pro_d .con1 .top .swiper-con .swiper-btn{height: 70px;line-height: 70px;}
.n_yf1 .con1{padding: 80px 0}
.n_yf1 .con1 .view .con_r .text{padding:30px 30px 60px 30px;font-size: 14px;line-height: 30px;}
.n_yf1 .con1 .s_btn{width: 40px; height: 40px;line-height: 40px;}
.n_yf1 .con2 {padding: 60px 0 80px 0;}
.n_yf1 .i_title .logo,.n_zl1 .i_title .logo{margin-bottom: 10px;}
.n_yf1 .i_title .logo img,.n_zl1 .i_title .logo img{width:40px; }
.n_yf1 .i_title p,.n_zl1 .i_title p{margin-top: 10px;line-height: 30px;font-size: 14px;}
.n_yf1 .con3 .view{padding: 60px;}
.n_yf1 .con3{padding: 200px 0 60px 0}
.n_zl1 .con1{padding: 80px 0}
.n_zl1 .con1 .view .tab_item .img{width: 300px;}
.n_zl1 .con1 .view .tab_nav{margin-top: 40px;}
.n_zl1 .con1 .view .tab_nav a{font-size: 14px}
.n_zl1 .con2 .top .text{font-size: 14px;line-height: 28px;}
.n_zl1 .con2 .top .text p{margin-top: 10px;}
.n_zl1 .con3 .top{padding-top: 180px;}
.n_zl1 .con3 .top .view{padding: 70px 0 40px 50px}
/*.n_zl1 .con3 .top .view .i_title{width: 200px;}*/
.n_zl1 .con3 .top .view .text{font-size: 14px;width: 100%;line-height: 28px;}
.n_zl1 .con3 .bottom .title{font-size: 14px;}
.n_zl1 .con3 .bottom{padding: 70px 0}
.my-map{height: 400px;}
.n_contact .con1 .text .info{ padding: 30px;width: 400px;}
.n_contact .con1 .text .info .p{font-size: 14px;line-height: 30px;margin-top: 10px;}
.n_contact .con1 .text .info .p i{font-size: 18px;}
.n_contact .con1 .text .info .p i.icon-chuanzhen{font-size: 22px;}
.n_contact .con1 .text .info b{font-size: 18px;}
.n_job .con1 .item a{padding: 30px;}
.n_job .con1 .item .title{font-size: 20px;}
.n_job .con1 .item .p{font-size: 16px;}
.n_job .con1 .item>i{font-size: 100px;height: 100px;line-height: 100px;}
.n_job_d .con1 .text{padding: 60px ;}
.n_job_d .con1 .text .top{padding-bottom: 20px;}
.n_job_d .con1 .text .top h3{font-size: 24px;}
.n_job_d .con1 .text .top span{font-size: 14px;}
.n_job_d .con1 .text .p{font-size: 14px;line-height: 30px;}
.n_job_d .con1 .text .bottom a{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
.n_job_d .con1 .text .bottom a i{font-size: 16px;}
.n_pro_d .con3 .list .item{width: 32%;margin-right: 2%}
.n_pro_d .con3 .list .item:nth-child(4n){margin-right: 2%}
.n_pro_d .con3 .list .item:nth-child(3n){margin-right: 0}
}
@media (max-width:1024px) {
.i-banner-swiper .text b{font-size: 18px;}
.i-banner-swiper .text span{font-size: 18px;}
.i_con2 .top{display: block}
.i_con2 .top p{width: 100%;margin-top: 40px;}
.i_con2 .bottom{margin-top: 40px;}
.i_con3 .list .item .text{padding: 20px;}
.i_con3 .list .item .g_bg{height: 120px;}
.f-top ul li{padding: 0 30px;}
.n_about .con1{padding: 70px 0;}
.n_about .con1 .top{display: block}
.n_about .con1 .con_l{width: 100%;padding: 0 5%}
.n_about .con1 .con_r{width: 600px; max-width: 100%;margin: 0 auto; margin-top: 30px;}
.n_about .con3 .con_r{margin-top: 160px;}
.n_about .con3 .text b, .n_about .con3 .text p{font-size: 18px;}
.n_pro .con1 .item .title{top: 60px}
.n_pro .con1 .item .title b{font-size: 20px;}
.n_pro .con1 .item .title p{font-size: 16px;}
.n_pro .con1 .item .more{font-size: 16px;bottom: 30px;}
.n_contact .con1 .text .info{ padding: 20px;width: 380px;}
.n_pro_d .con3 .list .item{width: 49%;margin-right: 2%}
.n_pro_d .con3 .list .item:nth-child(3n){margin-right: 2%}
.n_pro_d .con3 .list .item:nth-child(2n){margin-right: 0}
}
@media (max-width:998px){
.n_news .con1 .list .item{width: 49%;}
.n_news .con1 .list .item:nth-child(3n){margin-right: 2%}
.n_news .con1 .list .item:nth-child(2n){margin-right: 0}
.n_job .con1 .item{width: 49%}
.n_job .con1 .item:nth-child(3n){margin-right: 2%}
.n_job .con1 .item:nth-child(2n){margin-right: 0}
}
@media (max-width:768px) {
.i-banner{height: auto;padding-top:56.25% }
.g_scroll{display: none}
.i-banner-swiper .text{width: 90%}
.i-banner-swiper .text b{font-size: 10px;white-space: initial}
.i-banner-swiper .text span{font-size: 14px;}
.i-banner-swiper .swiper-pagination{left: 0;text-align: center;bottom: 10px;}
.i-banner-swiper .swiper-pagination-bullet{margin-right: 10px!important;}
.i-banner-swiper .text a{background: #ab0d1c;color: #fff;border-color: #ab0d1c;height: 30px;line-height: 30px;}
.i-banner-swiper .swiper-slide:nth-child(2) .text{width: auto;right: 6%;transform: translate(0)}
.i_con1{padding: 40px 5%}
.i_con1 .list{padding: 0}
.i_con1 .list .item{position: static;margin-top: 10px;width: 100%}
.i_con1 .list .item:nth-child(1){transform: translate(0)}
.i_title b{font-size: 18px;}
.i_title span{font-size: 16px}
.i_con2 .bottom{flex-wrap: wrap}
.i_con2 .bottom .item{width: 50%;padding: 20px}
.i_con2 .bottom .item:nth-child(1), .i_con2 .bottom .item:nth-child(2){border-bottom: 1px solid rgba(255,255,255,.1);}
.i_con2 .bottom .item span{font-size: 40px;line-height: 30px;height: 30px;}
.i_con2 .bottom .item p{margin-top: 10px;}
.i_con2 .top p{margin-top: 20px;}
.i_con2 .bottom{margin-top: 20px;}
.i_con2{height: 800px;}
.i_con3 .list .item a > i{right: 20px;}
.i_con3 .list .item{width: 49%;margin-top: 2%}
.i_con3 .list {flex-wrap: wrap;padding: 30px 0}
.f-top{padding: 30px 0}
.f-top-logo img{width: 160px;}
.f-top .share{margin-top: 20px;}
.f-top .form_view{margin-top: 20px;}
.f-top ul{display: none}
.f-top .form_view input,.f-top .form_view button{height: 36px;line-height: 36px;font-size: 14px;}
.f-bottom-con{font-size: 12px;text-align: center;padding: 10px 0}
.f-bottom-con span{display: block}
.f-bottom-con a{display: block}
#luxy{padding-bottom: 328px!important;}
.n_about .con1{padding: 40px 0}
.n_about .con2{padding-top: 40px;height: 400px;}
.n_about .con2 i{margin-top: 90px;}
.n_about .con2 p{font-size: 16px;line-height: 40px;margin-top: 30px;}
.n_about .con3{padding: 40px 0;overflow: hidden}
.n_about .con3 .view{display: block;margin-top: 20px;}
.n_about .con3 .con_l{width: 100%}
.n_about .con3 .con_r{width: 100%;margin-top: 20px;}
.n_about .con4 .view{display: block}
.n_about .con4 .con_l{width: 100%;height: auto;padding: 30px 5%;}
.n_about .con4 .i_title{padding-bottom: 20px;}
.n_about .con4 .con_l p{margin-top: 20px;font-size: 16px;}
.n_about .con4 .con_r .g_bg{padding-top: 64%;height: auto}
.n_about .con4 .con_r{width: 100%}
.n_about .con4 .swiper-button-next{left: auto; right: 5%;top: 50%;transform: translateY(-50%)}
.n_about .con4 .swiper-button-prev{left: 5%;top: 50%;transform: translateY(-50%)}
.n_about .con5{margin-top: 40px;padding: 40px 0;}
.n_about .con5 .swiper-slide-active .item span{margin-top: 20px;}
.n_about .con5 .swiper-con{margin-top: 20px;padding: 0 50px;}
.n_about .con5 .item{padding: 0 }
.n_about .con6{padding: 40px 0;overflow: hidden}
.n_about .con6 .view{display: block;margin-top: 20px;}
.n_about .con6 .con_l{width: 100%;padding:0 5% ;height: auto}
.n_about .con6 .con_l .name{margin-top: 0;padding-bottom: 20px;}
.n_about .con6 .con_r{padding: 0 5%;width: 100%}
.n_about .con6 .con_r .swiper-slide{width: 100%}
.n_about .con6 .con_r .g_bg{}
.n_about .con4 .s_btn, .n_about .con5 .s_btn, .n_about .con6 .s_btn, .n_zl1 .con3 .s_btn{width: 36px;height: 36px; line-height: 36px;}
.n_about .con6 .swiper-button-next{left: calc(5% + 40px);}
.n_news_d .con1{padding: 40px 0}
.n_news_d .view{padding: 20px; }
.n_news_d .title h3{font-size: 18px;}
.n_news_d .title span{font-size: 12px;margin-top: 10px;}
.n_news_d .text{margin-top: 20px;}
.n_news_d .bottom{margin-top: 20px;padding-top: 20px;display: block}
.n_pro .con1 .item{margin-top: 20px;}
.n_pro .con1 .item .title{top: 20px;}
.n_pro .con1 .item .title h3{font-size: 18px;}
.n_pro .con1 .item .title p{font-size: 14px;margin-top: 10px;}
.n_pro .con1 .item .more{bottom:14px;height: 30px;line-height: 30px;width: 120px;font-size: 14px;}
.fenye a{width: 36px;height: 36px;line-height: 36px;margin: 0 6px;font-size: 14px;}
.n_pro_d .con1 .top .g_w{display: block}
.n_pro_d .con1 .top .con_l,.n_pro_d .con1 .top .con_r{width: 100%}
.n_pro_d .con1 .top .swiper-con .bottom{margin-top: 10px;}
.con_l,.n_pro_d .con1 .top .con_r{margin-top: 10px;}
.n_pro_d .con1 .top .swiper-con .img{height: 260px;}
.n_pro_d .con1 .top .con_r .p{height: auto}
.n_pro_d .con1 .top .con_r .btn{margin-top: 20px;}
.n_pro_d .con1 .top .con_r .view{padding:30px 20px;height: auto}
.n_pro_d .con2 .n_table .title{font-size: 16px;height: 40px;line-height: 40px;}
.n_pro_d .con2 .n_table .name{font-size: 16px;}
.n_pro_d .con2 .n_table .table_con{padding: 20px}
.n_pro_d .con2 .n_table{margin-top: 30px;}
.n_pro_d .con2 .n_table table td{font-size: 14px;}
.n_yf1 .con1{padding: 40px 0}
.n_yf1 .con1 .view{margin-top: 20px;display: block}
.n_yf1 .con1 .view .con_r,.n_yf1 .con1 .view .con_l{width: 100%}
.n_yf1 .con1 .s_btn{bottom: 50%}
.n_yf1 .con1 .swiper-button-prev{left: 0;transform: translateX(0)}
.n_yf1 .con1 .swiper-button-next{transform: translateX(-100%)}
.n_yf1 .con1 .view .con_r .text{padding: 20px;line-height: 24px;}
.n_yf1 .con2{padding: 40px 0}
.n_yf1 .con2 .img{margin-top: 20px;}
.n_yf1 .i_title .logo img,.n_zl1 .i_title .logo img{width: 30px;}
.n_yf1 .i_title p, .n_zl1 .i_title p{line-height: 24px;}
.n_yf1 .con3{padding-top: 100px;}
.n_yf1 .con3 .view{padding: 20px;}
.n_yf1 .con3 .s_btn{width: 36px;line-height: 36px;height: 36px;}
.n_yf1 .con3 .swiper_con{padding: 0 50px;margin-top: 20px;}
.n_zl1 .con2 .top{display: block}
.n_zl1 .con2 .top .con_l{width: 100%;padding: 0 5%}
.n_zl1 .con2 .top .con_r{width: 100%;padding: 5%}
.n_zl1 .con2 .bottom{padding:0 0 40px 0}
.n_zl1 .con3 .top{padding-top: 80px;}
.n_zl1 .con3 .top .view{display: block;padding: 30px }
.n_zl1 .con3 .top .view .text{width: 100%;margin-top: 20px;}
.n_zl1 .con3 .bottom{padding: 40px 0}
.n_zl1 .con1{padding: 40px 0}
.n_zl1 .con1 .view{margin-top: 20px;}
.n_zl1 .con1 .view .tab_item .img{padding: 0 20px;}
.n_zl1 .con1 .view .tab_nav{margin-top: 20px;}
.n_zl1 .con1 .view .tab_nav a{padding-top: 10px;font-size: 12px;}
.n_contact .con1 .text{position: static;transform: translateY(0)}
.n_contact .con1 .text .info{width: 100%;padding: 20px 0;box-shadow: none}
.my-map{height: 260px;}
.n_job_d .con1{padding: 40px 0}
.n_job_d .con1 .text{padding: 20px;}
.n_job_d .con1 .text .top{padding-bottom: 6px;display: block}
.n_job_d .con1 .text .top h3{font-size: 20px;margin-bottom: 6px;}
.n_job_d .con1 .text .top span{font-size: 12px;}
.n_job_d .con1 .text .p{padding-top: 10px;}
.n_job_d .con1 .text .bottom{margin-top: 20px;}
.n_job_d .con1 .text .bottom a{margin-right: 10px}
}
@media (max-width:600px){
.n_news .con1 .list .item{width: 100%;margin-right: 0;margin-top: 20px;}
.n_news .con1 .list .item:nth-child(3n){margin-right: 0}
.n_news .con1 .list .item h4{margin: 10px 0}
.n_news .con1 .list .item p{margin-top: 0}
.n_news .con1 .list .item .more{margin-top: 10px;}
.n_news .con1 .list .item .date b{font-size: 24px;line-height: 24px;height: 24px;}
.n_news .con1 .list .item .date span{font-size: 14px;}
.fenye{margin: 30px auto}
.n_zl1 .con2 .bottom .g_w{display: block}
.n_zl1 .con2 .bottom .con_l{width: 100%;}
.n_zl1 .con2 .bottom .img{margin-top: 20px;}
.n_zl1 .con2 .bottom span{font-size: 16px;height: 40px;line-height: 40px;}
.n_job .con1 .item{width: 100%}
.n_job .con1 .item:nth-child(3n){margin-right: 0}
.n_job .con1 .item a{padding: 20px;}
.n_job .con1 .item .title{font-size: 18px;padding-bottom: 10px;}
.n_job .con1 .item .p{font-size: 14px;}
.n_job .con1 .item .icon-you{width: 40px;height: 40px;line-height: 40px;}
.n_pro_d .con3 .list .item{width: 100%;margin-right: 0;margin-top: 20px;}
.n_pro_d .con3 .list .item:nth-child(3n){margin-right: 0}
}
@media (max-width:500px){
}