File: /data/wwwroot/wordpress/wp-content/themes/yantou/static/css/dome.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: absolute;left: 0;top: 0; width: 100%; z-index: 9999; transition: .4s all ease;background: rgb(51, 51, 51,.2);}
.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;overflow: unset;}
.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: 9999;
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; margin-right: 10px;opacity: 0;pointer-events: none;transition: .4s all ease;background: #ab0d1c;text-align: left;border-radius: 10px;}
.pcNav-top .tel span small{color: #fff;font-size: 16px;padding:8px 10px;border-radius: 2px;text-align: left;display: block;}
.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;text-transform: capitalize;
position: relative;transition: .4s all ease}
.h-nav1 > li > a i{margin-left: 10px; font-size: 12px;color: #949495;display: inline-block;transform: rotate(90deg)}
.h-nav1 > li > a:after{ display: none; content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #fff;width: 0;height: 8px;transition: .4s all ease}
.pcNav_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}
.h-nav1 > li .ul {
position: absolute;
top: 100px;
left: 0;
width: 250px;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: 0.5s all;
padding: 22px 0 20px 28px;
display: flex;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
z-index: 9999;
flex-wrap: wrap;
box-sizing: content-box;
background-color: #fff;
border-radius: 5px;
}
.pcNav.active .h-nav1 > li .ul {
background-color: #fff;
}
.h-nav1 > li ul.children:first-of-type {
padding-right: 20px;
border-right: 1px solid #ccc;
margin-right: 20px;
}
.h-nav1 > li ul.children li {
/* flex: 1; */
width: 100%;
margin-bottom: 15px;
}
.h-nav1 > li ul.children a {
font-size: 16px;
padding: 5px 0;
color: #333;
}
.pcNav.active .h-nav1 > li ul.children a {
color: #333;
}
/* .h-nav1 > li ul.children a:hover {
color: #ab0d1c;
} */
.h-nav1 > li ul.children a::before {
display: inline-block;
margin-right: 5px;
content: '';
content: "";
width: 10px;
height: 10px;
background-color: #b31a1b;
border-radius: 50%;
}
.h-nav1 > li:hover .ul {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
@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: 56px;color: #010101;white-space: nowrap; display: block;font-weight: 600}
.i-banner-swiper .text span{font-size: 20px;color: #000000;margin-top: 10px;font-weight: lighter;letter-spacing: 2px; display: block;text-transform: uppercase;}
.i-banner-swiper .text p {display: block; margin: 10px auto 0 auto; text-align: center;font-size: 24px;color: #000000;transition: .4s all ease}
.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: 50%;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: 360px!important;} */
main{position: relative; pointer-events: auto;padding-bottom: 0;background: #fff}
footer{background: #333;width: 100%;z-index: 9}
.f-top{padding-top: 50px;padding-bottom: 30px;border-bottom:1px solid rgba(255,255,255,.5);display: flex;}
.f-top .ul{margin-right: 120px;}
.f-top .uls {display: flex;}
.f-top .ul:last-of-type {margin-right: 0;flex: 1;}
.f-top ul li{position: relative;margin-bottom: 15px;margin-right: 100px;}
.f-top .ul h3 {color: #fff;font-size: 18px;margin-bottom: 25px;}
.f-top .ul p {color: #fff;font-size: 16px;}
.f-top ul a:hover{transform: translateY(-4px);opacity: 1; transition: .4s all ease}
.f-top ul a{ display: inline-block;position: relative;color: #fff;opacity: .4;font-size: 16px;}
.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;transition: .4s all ease}
.f-bottom-con a{color: #fff;margin-left: 10px;transition: .4s all ease}
.i_title{text-align: center}
.i_title b{display: block; font-size: 36px;color: #000000;font-weight: 400;}
.i_title.white b {color: #fff;}
.i_title span{display: block;color: #848484;margin-top: 10px;font-size: 14px;font-weight: lighter;position: relative;padding-bottom: 12px;text-transform: uppercase;}
.i_title.white span {color: #fff;}
.i_title span::after {content: '';position: absolute;width: 53px;height: 4px;background-color: #b31a1b;bottom: 0;left: 50%;transform: translateX(-50%);}
.i_title span.left::after { left: 0; transform: unset ; -webkit-transform: unset ; -moz-transform: unset ; -ms-transform: unset ; -o-transform: unset ; }
.i_title.white span::after {display: none;}
.i_con1{padding: 60px 0 70px 0;}
.swiper-container4 .swiper-wrapper,.swiper-container5 .swiper-wrapper {
transition-timing-function: linear !important;
}
.i_con1 .list{position: relative;margin: 30px auto 0 auto;padding-top: 44.64%;width: 1680px;max-width: 100%;}
.i_con1 .item {transition: .6s all ease;border-radius: 13px;overflow: hidden;}
.i_con1 .item .img{position: relative;overflow: hidden;border-radius: 0;}
.i_con1 .item .g_bg{padding-top: 66.3%;transition: .8s all ease;border-radius: 0;}
.i_con1 .item:hover {box-shadow: 0 0 8px rgb(0 0 0 / 50%);}
.i_con1 .item .title{
display: block;
padding: 25px 30px;
width: 100%;
background-color: #f6f6f6;
text-align: center;
z-index: 9; font-size: 16px;font-weight: 400;color: #333}
.swiper-container3 {margin-top: 30px;overflow: hidden;}
.i_con1 .link {margin-top: 72px;display: flex;justify-content: center;}
.i_con1 .link a { display: flex;align-items: center;justify-content: center; width: 244px; height: 66px; border-radius: 32px;border: 1px solid #b31a1b;font-size: 18px;color: #b31a1b;}
.i_con1 .link a span {margin-left: 12px;display: inline-block;font-size: 18px;font-family: '宋体';}
.i_con1 .link a:hover {background-color: #b31a1b;color: #fff;transition: .4s all ease;}
.i_con2{padding-top: 70px; height: 780px; background: url("../image/icon2_1.jpg") no-repeat;background-size: cover;background-position: center;overflow: auto;background-attachment: scroll;}
.i_con2 p{color: #fff;font-size: 16px;line-height: 3;text-align: center;margin: 40px auto 0;white-space: pre-wrap;}
.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;padding: 90px 0 90px 0;}
.swiper-container4,.swiper-container5 {margin-top: 35px;}
.i_con3 .list{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: 35%}
.n_top{border-bottom: 1px solid #e8e8e8}
.n_top .g_w{display: flex;justify-content: space-between;align-items: center}
.n_top .n_nav{display: flex}
.n_top .n_nav a{display: flex;align-items: center;justify-content: center; width: 150px;height: 100px;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}
.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}
.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{font-size: 18px;line-height: 40px;font-weight: lighter;color: #474747;white-space: pre-wrap;texti: 0; 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;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%;}
.i_con4 {padding-top: 220px; height: 730px; background: url("../image/icon4_1.jpg") no-repeat;overflow: auto;background-attachment: scroll;}
.i_con4 .top {width: 50%; margin-left: auto;}
.i_con4 .top p {font-size: 16px;color: #ffffff;margin-top: 30px;line-height: 2.5;width: 70%;}
@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;
overflow: auto;background-attachment: scroll;}
.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: 18px;line-height: 40px;font-weight: lighter;max-width: 75%;margin: 0 auto;margin-top: 40px;white-space: pre-wrap;text-align: left;}
.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%;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%);}
}
@media (max-width:1440px) {
.i_con1 .item .title {
left: 25px;
bottom: 20px;
}
.i_con1 .link a {
width: 220px;
height: 60px;
}
.i_con2 p {
width: auto;
max-width: 100%;
}
}
@media (max-width:960px) {
.i_con1 .item .title {
left: 25px;
bottom: 20px;
}
.i_con1 .link a {
width: 180px;
height: 50px;
font-size: 16px;
}
.i_con2 p {
line-height: 2;
}
.i_con3 {
padding: 60px 0;
}
.i_con4 {
padding-top: 60px;
height: 500px;
}
.i_con4 .top p {
margin-top: 20px;
line-height: 2;
width: 100%;
}
}
.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: 40px 0; background: #f4f4f4}
.n_news_d .view{ background: #fff;padding: 40px 80px;}
.n_news_d .title{text-align: center}
.n_news_d .title h1{font-size: 20px;font-weight: 600;line-height: 1.6}
.n_news_d .title span{margin-top: 25px;font-size: 16px;color: #333;display: flex;justify-content: center;}
.n_news_d .title span em {font-style: normal;margin: 0 5px;}
.n_news_d .text{margin-top: 20px; font-size: 16px;line-height: 2;color: #333;text-align: left}
.n_pro{}
.n_pro .n_top{padding-top: 50px;border: 0}
.n_pro .con1{padding: 50px 0;overflow: hidden}
.n_pro .con1 .pro_list {display: flex;flex-wrap: wrap;}
.n_pro .con1 .item{
position: relative;
margin-top: 30px;
overflow: hidden;
width: 24.25%;
margin-right: 1%;
border-radius: 16px;
-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;border: 1px solid #eee; }
.n_pro .con1 .item:nth-child(4n) {margin-right: 0;}
.n_pro .con1 .item .g_bg{padding-top: 65%}
.n_pro .con1 .item .title{
width: 100%;
left: 0;
bottom: 0;
background-color: #f7f7f7;
color: #333;
padding: 25px 30px;
font-size: 16px;
text-align: center;
}
.n_pro .con1 .item .title h3{font-weight: 600}
.n_pro_d{}
.n_pro_d .n_top{padding-top: 50px;border: 0}
.n_pro_d .con1{margin-top: 30px;}
.n_pro_d .con1 .top .g_w{display: flex;align-items: self-start}
.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 70px; width: 100%;height: 480px;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: 24px;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: 10px;}
.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 .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,.h-nav1 > li ul.children a{font-size: 16px;}
.h-nav1 > li{margin-left: 30px;}
.i-banner-swiper .text b{font-size: 32px;}
.i-banner-swiper .text span{font-size: 14px;}
.i-banner-swiper .text p{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;}
.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 50px;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 ;}
.n_pro .con1 .item .title {bottom: 25px;font-size: 17px;}
}
@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: 28px;}
.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: 18px;}
.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}
.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: 360px;}
.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} */
.f-top .ul {margin-right: 50px;}
.f-top ul li {margin-right: 50px;}
}
@media (max-width:1024px) {
.i-banner-swiper .text b{font-size: 24px;}
.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;}
.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 {font-size: 18px;}
.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: 30px;width: 320px;}
.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}
.i_con2 {
padding-top: 60px;
height: 500px;
}
.i_con1 .item .title {
padding: 15px 20px;
font-size: 14px;
}
.i_con1 .link {
margin-top: 40px;
}
}
@media (max-width:768px) {
.g_w{padding: 0 15px}
.i-banner{height: auto;padding-top:56.25% }
.g_scroll{display: none}
.i-banner-swiper .text{width: 90%;top: 10%;}
.i-banner-swiper .text b{font-size: 18px;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 0}
.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: 400px;}
.i_con2 p {font-size: 14px;margin: 0 auto 0;}
.i_con2 p br {display: none;}
.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}
.i_con4 {height: 420px;}
.i_con4 .top {width: 100%;}
.f-top{padding: 30px 0;display: none;}
.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: 36px!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: 14px;line-height: 30px;margin-top: 10px;}
.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;width: 49%;margin-bottom: 0;margin-right: 2%;}
.n_pro .con1 .item:nth-child(3n) {margin-right: 2%;}
.n_pro .con1 .item:nth-of-type(2n) {margin-right: 0;}
.n_pro .con1 .item .title {padding: 15px 20px;font-size: 14px;}
.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){
}
.detail{padding: 60px 30px;border: 1px solid #eeeeee;margin-bottom: 20px;width: 100%;}
.detail .flex{align-items: flex-start;display: flex;}
@media (max-width:768px) {
.detail .flex{flex-direction: column;}
}
.detail-pro-left{width: 360px;}
.detail-pro-left .pro-imgs {float: left;width: 49%;overflow: hidden;}
.product-swiper {position: relative;}
.detail-pro-left .pro-imgs .swiper-container .swiper-slide img {cursor: pointer;height: auto;}
.product-swiper .swiper-button-next,.product-swiper .swiper-button-prev {background-image: none;opacity: 1 !important;width: auto;height: auto;margin: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.product-swiper .swiper-button-next {right: -10px;}
.product-swiper .swiper-button-prev {left: -10px;}
.product-swiper .swiper-button-next i,.product-swiper .swiper-button-prev i {color: #999999;font-size: 32px;}
.detail-pro-left .swiper-container {width: 100%;margin-top: 20px}
.detail-pro-left .pro-imgs img {width: 100%;}
.detail-pro-left img {max-width: 100%;height: auto;}
@media (max-width:1230px) {
.detail-pro-left{width: 280px;}
}
.detail-pro-image{border: 1px solid #eee;}
.detail-pro-image img{width: 100%;}
.detail-pro-swiper{position: relative; margin-top: 30px;}
.detail-pro-swiper .swiper-slide {border: 1px solid #eee;}
.detail-pro-swiper .swiper-slide img{width: 100%;}
.detail-pro-swiper .swiper-button-next,
.detail-pro-swiper .swiper-button-prev{top: 0; margin-top: 0; height: 100%;background: none; display: flex; align-items: center; justify-content: center;outline: none;}
.detail-pro-swiper .swiper-button-next i,
.detail-pro-swiper .swiper-button-prev i{font-size: 28px; color: #333;}
.detail-pro-swiper .swiper-button-next{right: -25px;}
.detail-pro-swiper .swiper-button-prev{left: -25px;}
.detail-pro-swiper .swiper-button-next:hover,
.detail-pro-swiper .swiper-button-prev:hover{background-color: #ab0d1c;}
.detail-pro-swiper .swiper-button-next:hover i,
.detail-pro-swiper .swiper-button-prev:hover i{color: #fff;}
.detail-meta {
margin-top: 40px;
line-height: 2;
}
.detail-meta>table {background-color: #f8e3ad;color: #221815;font-size: 15px;}
.detail-meta table tr {}
.detail-meta>table td {border: 1px solid #221815;padding: 10px 0;}
.detail-meta>table table td {border: none;}
.detail-pro-link a { font-size: 16px; color: #ffffff; display: inline-block; background-color: #ab0d1c; padding: 16px 45px; margin-right: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.detail-pro-link a:last-of-type {margin-right: 0;}
.detail-pro-right{flex: 1; padding-left: 25px;}
.detail-pro-title{margin-bottom: 50px;overflow: hidden;}
.detail-pro-title h4{margin-bottom: 30px; text-indent: -8px; font-size: 16px;}
.detail-pro-title h1 {font-size: 22px;font-weight: bold;color: #333333;position: relative;padding-bottom: 15px;}
.detail-pro-title h1::after {content: '';position: absolute;width: 50px;height: 2px;bottom: 0;left: 0;background-color: #ab0d1c;}
.detail-pro-title h3{padding-bottom: 15px; font-size: 24px;}
.detail-pro-title p{line-height: 1.8;font-size: 16px;color: #666666;}
@media (max-width:1230px) {
.detail-pro-title{margin-bottom: 20px;overflow: hidden;}
.detail-pro-title h4{margin-bottom: 20px; font-size: 14px;}
.detail-pro-title h3{font-size: 18px;}
}
.detail-pro-table{padding-top: 30px;}
.detail-pro-table table{width: 100%; text-align: left; border: 1px solid #ccc;}
.detail-pro-table table tr:nth-child(2n-1){background-color: #eee;}
.detail-pro-table table th,
.detail-pro-table table td{padding-left: 15px; line-height: 40px;}
.detail-pro-table table td{border-top: 1px solid #eee;}
.detail-nextpage ul{margin-top: 25px;padding: 20px 0; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid #eee;}
.detail-nextpage ul li{position: relative;list-style: none !important;display: flex;font-size: 16px;color: #999999;}
.detail-nextpage ul li:last-child{text-align: right;}
.detail-nextpage ul li h3 {margin: 0;font-size: 16px;color: #999999;line-height: normal; margin-top: 5px;}
.detail-nextpage ul li a {font-size: 16px;color: #666666;}
.detail-nextpage ul li a:hover{color: #ab0d1c;text-decoration: none;}
.detail-btm {width: 100%;margin-bottom: 120px;}
.detail-pro-editor {margin: 30px 0;}
.detail-pro-editor h3 {font-size: 16px;color: #ffffff;background-color: #ab0d1c;border: 1px solid #eeeeee;display: inline-block;padding: 10px 40px;}
.chl-editor img {display: block;margin: 15px 0;max-width: 100%;height: auto;}
.chl-editor>table {background-color: #fff;color: #221815;font-size: 15px;}
.chl-editor table tr {}
/* .chl-editor table tr:first-of-type {background-color: #b9303d;color: #fff;} */
.chl-editor>table td {border: 1px solid #221815;padding: 10px 8px;}
.chl-editor>table table td {border: none;}
.chl-editor table{ width: 100%;margin: 30px 0;}
.chl-editor>tbody>tr:nth-child(odd){
background: #f5f5f5;
}
.chl-editor th{
font-size: 14px;
color: #333;
background: #feefee;
line-height: 24px;
padding: 8px 0;
}
.chl-editor td,.chl-editor th{
text-align: left;
border-top: 1px solid #f9f9f9;
border-left: 1px solid #f9f9f9;
}
.chl-editor td td{
padding: 11px 0;
}
.chl-editor td a{
display: inline-block;
padding: 0 5px !important;
font-size: 14px;
line-height: 20px;
color: #666;
}
.chl-editor td:first-child a{
padding: 0 20px;
}
.chl-editor td:first-child a:hover{
color: #b9303d;
}
.chl-editor {
line-height: 2.2;
font-size: 16px;
color: #333333;
}
.news-list {margin-top: 60px;}
.news-list li { background-color: #fff; margin-bottom: 40px; padding: 35px 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.news-list li:hover {background-color: #ab0d1c;}
.news-list li a {display: flex;align-items: center;justify-content: space-between;}
.news-list li a .news-time {width: 160px;text-align: center;}
.news-list li a .news-time p:first-child {color: #000000;font-size: 40px;font-weight: bold;}
.news-list li a .news-time p:last-of-type {font-size: 16px;color: #000000;}
.news-list li:hover p {color: #fff !important;}
.news-list li a .news-con {padding: 0 30px;flex: 1;position: relative;}
.news-list li a .news-con::before {position: absolute;content: '';width: 1px;height: 70px;background-color: #949494;left: 0;top: 50%;transform: translateY(-50%);}
.news-list li:hover .news-con::before {background-color: #fff !important;}
.news-list li a .news-con h3 {font-size: 18px;color: #040404;margin-bottom: 15px;}
.news-list li:hover h3 {color: #fff !important;}
.news-list li a .news-con em {font-style: normal;font-size: 14px;color: #797878;line-height: 1.8; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;}
.news-list li:hover em {color: #fff !important;}
.news-list li a .news-icon {padding-right: 50px;}
.news-list li:hover b {background: url(../images/arrow_ico.png) !important;}
/*内容*/
.tx-contentss,.tx-contentss p,.tx-contentss span{font-size: 16px;line-height: 2;}
.tx-contentss p,.tx-contentss span{display: block; margin-bottom: 12px;}
.tx-contentss h3{font-size: 20px;margin-bottom: 12px;color:#b31a1b}
/* pagination */
.pagination{padding-top: 16px;}
.pagination ul{display: flex;display: -webkit-box; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; justify-content: center; align-items: center;}
.pagination ul li{display: block; margin: 0 2px; width: 35px; height: 35px; line-height: 33px; text-align: center; background: #e9e9e9; border-radius: 4px;}
.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.pagination ul li:first-child a{padding-left: 3px;}
.pagination ul li:last-child a{padding-right: 3px;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}
.pagination ul li a.active,
.pagination ul li a:hover{border: 1px solid #b31a1b; background-color: #b31a1b; color: #fff;}
.pagination ul li a:hover span{border-color: #fff;}
.position_fixed {
display: block !important;
position: fixed;
top: 80px;
z-index: 2;
margin: 0 -1px;
transition: All .4s ease;
-webkit-transition: All .4s ease;
-moz-transition: All .4s ease;
-o-transition: All .4s ease;
-webkit-animation: headerFix 1s ease 1;
animation: headerFix 1s ease 1;
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
@media (max-width:1420px) {
.detail {padding: 20px 10px;}
.detail-pro-link a {padding: 14px 30px;margin-right: 15px;}
}
@media (max-width:1230px) {
.detail-pro-right{padding-left: 30px;}
}
@media (max-width: 1200px) {
.detail-pro-editor h3 {padding: 15px 50px;font-size: 16px;}
}
@media (max-width:768px) {
.product {padding: 0;}
.detail-pro-left{width: 100%;}
.detail-pro-title {width: 100%;margin-top: 20px;}
.detail-pro-right{padding-left: 0;flex: unset;width: 100%;}
.detail {padding: 20px 0;margin-top: 0;}
.detail-pro-editor {padding: 0;}
.detail-pro-swiper {margin-top: 0;margin: 15px 0;}
.detail-pro-link a {font-size: 14px;}
.detail-pro-editor h3 {font-size: 14px;padding: 14px 28px;}
.detail-meta {margin-top: 20px;}
.tx-newsl{padding-bottom: 30px;}
.tx-newsl-main li{width: 48%;margin-left: 4% !important;margin-bottom: 4%;}
.tx-newsl-main li:nth-child(2n-1){margin-left: 0 !important;}
.tx-newsl-main li .imgs{height: 26vw;}
.tx-newsl-main li .texts em{display: none;}
.tx-newsl-main li .texts b{display: none;}
.tx-newsl-main li .texts{padding:15px}
.tx-newsl-main li .texts h3{font-size: 15px;margin-bottom: 6px;}
.tx-newsc-title{margin-bottom: 20px;padding-bottom: 12px;}
.tx-newsc-title h3{font-size: 18px;font-weight: bold;line-height: 24px;margin-bottom: 8px;}
.news-list li {padding: 15px 0;margin-bottom: 20px;}
.news-list li a .news-time {display: none;}
.news-list li a .news-con {padding: 0 20px;}
.news-list li a .news-con h3 {font-size: 16px;margin-bottom: 10px;}
.news-list li a .news-con em {font-size: 14px;line-height: 1.6;}
.news-list li a .news-con::before {display: none;}
.news-list li a .news-icon {display: none;}
.detail-nextpage ul {flex-wrap: wrap;}
.detail-nextpage ul li {
width: 100%;
}
.detail-nextpage ul li a,.detail-nextpage ul li,.detail-nextpage ul li h3 {font-size: 14px;}
.detail-btm {margin-bottom: 40px;}
}
@media (max-width:768px) {
.detail-nextpage ul li h3 {margin-top: 0;}
.chl-editor {
overflow-x: auto;
overflow-y: visible;
white-space: nowrap;
position: relative;
}
.chl-editor table {width: 100% !important;}
.chl-editor img {max-width: 100% !important;height: auto !important;}
.chl-editor p {white-space: initial;}
}
.pg-view ul {
padding: 30px 0;
display: flex;
justify-content: center;
}
.pg-view ul li {
padding: 5px 0;
}
.pg-view ul li a {
display: block;
margin: 0 2px;
width: 35px;
height: 35px;
line-height: 33px;
text-align: center;
color: #333;
border: 1px solid #eee;
}
.pg-view ul li a:hover {
color: #020e1e;
}
.pg-view ul li a.current,
.pg-view ul li a:hover {
border: 1px solid #b31a1b;
background-color: #b31a1b;
color: #fff;
}