@import url("../css/iconfont.css");
html{
font-size: 16px;
}
img {
max-width: 100%;
display: block;
}
body {
height: auto;
+ overflow: hidden;
font-family: 'Noto Sans SC', 'Noto Sans SC';
font-weight: 400;
/* pointer-events: none;*/
/* background-color: #fdfaf7;*/
}
.wap{
display: none;
}
#content{
margin-top: 7.875rem;
}
#header{
position: fixed;
top: 0;
width: 100%;
max-width: 120rem;
height: 7.875rem;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
z-index: 99999;
}
.nav_wap{
display: none;
}
.logo {
display: flex;
justify-content: space-between;
align-items: center;
height: 4.125rem;
position: relative;
overflow: visible;
padding-left: 11.56%;
box-sizing: border-box;
}
.logo .left{
display: flex;
justify-content: flex-start;
align-items: center;
}
.logo .logopic{
width: 14.42%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.logo .left .splid{
width: .312rem;
height: 3.875rem;
background: rgb(216, 216, 216, 0.29);
filter: blur(3px);
margin-left: 2.25rem;
margin-right: 2.187rem;
}
/*
.logo .left img{
width: 3.5rem;
height: 3.5rem;
}
*/
.logo .left .logo_txt{
font-size: 1.375rem;
color: #1A1A1A;
}
.logo .left .logo_txt span{
color: #C2232A;
}
.logo .left .logo_txt1{
font-family: youshe;
font-size: 1.5rem;
color: #999999;
line-height: 1.5rem;
display: flex;
align-items: flex-start;
}
.logo .left .logo_txt1 img{
width: 1.125rem;
margin-left: 1.125rem;
}
.logo .left .logo_txt2{
font-family: youshe;
font-size: 1.25rem;
color: #999999;
line-height: 1.25rem;
margin-top: .5rem;
}
/*
.logo .left .logo_txt .t1{
font-weight: bold;
font-size: 2.625rem;
color: #00674A;
line-height: 2.625rem;
}
.logo .left .logo_txt .t2{
font-size: 1.375rem;
color: #666666;
line-height: 1.375rem;
margin-left: 2.437rem;
}
*/
.logo .right{
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.logo .right img{
width: 1.5rem;
margin-right: .687rem;
}
.logo .right .logo_txt{
font-size: 1.25rem;
color: #414141;
line-height: 1.937rem;
}
.logo .right .logo_txt span{
font-family: "HarmonySans";
font-size: 1.937rem;
line-height: 1.937rem;
background: linear-gradient(180deg, #5597D9 0%, #1759E1 76.07421875%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #5597D9;
}
.logo .right .logo_txt .t2{
font-family: "DIN", "DIN";
font-weight: bold;
font-size: 2.125rem;
color: #C2232A;
line-height: 2.562rem;
}
/*
.logo .right .logo_txt1{
color: #333333;
font-size: 1.25rem;
line-height: 1.562rem;
}
*/
.logo .right .logo_txt2{
font-size: 1.125rem;
color: #333333;
line-height: 1.125rem;
margin-left: .687rem;
}
#header .nav{
width: 100%;
height: 3.75rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
#nav{
height: 100%;
display: flex;
justify-content: space-between;
padding-left: 11.56%;
box-sizing: border-box;
}
#nav li{
height: 100%;
display: flex;
align-items: center;
font-size: 1.25rem;
color: #FFFFFF;
}
#nav li img{
display: none;
}
#nav li a{
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: auto;
}
#nav li a .bkg{
display: none;
}
#nav li.on .bkg{
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: .625rem;
width: 1.125rem;
height: 3px;
background-color: #fff;
border-radius: 1px;
}
/*
#nav li a::before{
content: "";
background: url(/img/nav_splid.png);
display: none;
width: 3.25rem;
height: .312rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
*/
.nav_wap, .subNavBox {
display: none;
}
.banner{
width: 100%;
position: relative;
z-index: 1;
}
.banner img{
display: block;
object-fit: cover;
}
.banner .btns{
display: flex;
justify-content: space-between;
width: 95%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
pointer-events: none;
}
.banner .btns .swiper-button-prev,
.banner .btns .swiper-button-next{
width: 5rem;
pointer-events: auto;
}
.banner .btns .swiper-button-prev{
opacity: 0;
transform: translateX(-50px);
transition: all 0.5s ease-in-out;
}
.banner .btns .swiper-button-next{
opacity: 0;
transform: translateX(50px);
transition: all 0.5s ease-in-out;
}
.banner .btns.show .swiper-button-prev,
.banner .btns.show .swiper-button-next{
opacity: 1;
transform: translateX(0);
}
.dpt,.dpt3{ padding-top: 6%;}
.dpb{ padding-bottom: 4%;}
.dpt2{ padding-top: 4%;}
.global_title{
display: flex;
flex-direction: column;
align-items: center;
}
.cjcw_t{ padding: 3% 0;display:flex; justify-content: space-between; text-align: center; width: 70%; margin: 0 auto;}
.cjcw_t dl:nth-child(5){ width:13% !important}
.cjcw_t dl dt{font-size: 1.8125rem; color: #353535;width: 242px;
border: 1px solid #1759E1; line-height:71px; }
.cjcw_t .active dt{background:url(../img/qhbg.png) no-repeat top center;color: #fff; border: none; height: 85px;}
.cjcw_con8{ margin: 0 auto;}
.cjcw_d{ display: block; overflow: hidden; }
.cjcw_d_l{width: 30%; color: #fff;padding: 6% 10%; float: left; z-index: 2; position: relative;}
.cjcw_d_l h2{
font-weight: bold;
font-size: 38px;
color: #333333; padding-top:2% ;}
.cjcw_d_l h3{
font-weight: 500;
font-size: 26px;
color: #333333;padding-top:2% ;}
.cjcw_d_l h4{
font-weight: 500;
font-size: 33px;
color: #222222;padding-top:6%;}
.cjcw_d_qh {display: none; position: relative;}
.cjcw_d .active{display: block;}
.cjcw_d_qh>img{ position: absolute; top:0px; left: 0px; z-index: 0;}
.global_title .title{
font-weight: bold;
font-size: 2.375rem;
color: #353535;
line-height: 3rem;
position: relative;
z-index: 2;
}
.global_title .title span{
color: #1759E1;
}
.global_title .title .bg{
font-family: "HarmonySans";
font-weight: bold;
font-size: 2.625rem;
color: rgb(196, 196, 196, 0.2);
background: linear-gradient(180deg, rgb(196, 196, 196, 0.2), rgb(196, 196, 196, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 2.625rem;
z-index: -1;
position: absolute;
left: 50%;
top: -1.5rem;
transform: translateX(-50%);
white-space: nowrap;text-transform: uppercase;
}
.global_title .sub{
font-size: 1.5rem;
color: #5F5F5F;
line-height: 1.5rem;
margin-top: 1.25rem;
}
.global_title.v1 .title,
.global_title.v1 .sub{
color: #fff;
}
.global_title.v1 .title .bg{
color: rgb(102, 102, 102, 0.2);
background: linear-gradient(180deg, rgb(102, 102, 102, 1), rgb(102, 102, 102, 0.2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.xys{ flex-direction:row;
align-items:flex-start;display: flex;justify-content: space-between;flex-wrap: wrap}
.xys .title .bg{
left: 0%;
transform: translateX(0%);}
.zxzx p{
font-weight: 400;
font-size: 24px;
color: #5F5F5F;
line-height: 46px;}
.zxzx .r3{
width: 15.25rem;
height: 2.937rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border-radius: 1.437rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #FFFFFF;
}
.zxzx .r3 img{
width: 2.062rem;
margin-left: .812rem;
}
.bk1 ul {display: flex;justify-content: space-between;flex-wrap: wrap}
.bk1 ul li{ position: relative;}
.bk1 ul li p{ position: absolute; top:10px; left: -10px; background: linear-gradient(180deg, #5597D9, #1759E1);
padding: 1% 3%; color: #fff; font-size: 18px;}
.second_title{
font-size: 1.5rem;
line-height: 2.125rem;
color: #666666;
margin-top: 1.25rem;
}
.swiper-button-prev,
.swiper-button-next{
margin-top: 0;
position: static;
background-image: none;
}
.idx1{
padding-top: 8.125rem;
padding-bottom: 8.562rem;
background-image: url("http://nazhongkeji.com/img/idx1_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx1 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx1 .content{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-row-gap: 2.375rem;
margin-top: 3.125rem;
}
.idx1 .content .blk{
width: 28.83%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx1 .content .blk .pic{
width: 100%;
}
.idx1 .content .blk .bottom{
display: flex;
align-items: center;
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
white-space: nowrap;
margin-top: 1.687rem;
}
.idx1 .content .blk .bottom img{
width: 1.375rem;
margin-right: .5rem;
}
.idx1 .content1{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 5.812rem;
}
.idx1 .content1 .r1{
font-family: "alimama";
font-weight: bold;
font-size: 2rem;
color: #353535;
line-height: 2.875rem;
text-align: center;
}
.idx1 .content1 .r1 span{
color: #1759E1;
}
.idx1 .content1 .r2{
display: flex;
align-items: center;
font-size: 1.562rem;
color: #353535;
line-height: 1.562rem;
margin-top: 1.437rem;
}
.idx1 .content1 .r2 img{
width: 1.812rem;
margin-right: .812rem;
}
.idx1 .content1 .r2 span{
font-family: "HarmonySans";
font-size: 2rem;
color: #353535;
line-height: 2rem;
}
.idx1 .content1 .r3{
width: 15.25rem;
height: 2.937rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border-radius: 1.437rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #FFFFFF;
margin-top: 2.062rem;
}
.idx1 .content1 .r3 img{
width: 2.062rem;
margin-left: .812rem;
}
.idx2{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 6.875rem;
padding-bottom: 5.75rem;
}
.idx2 .content{
width: 100%;
padding-left: 18.75%;
box-sizing: border-box;
display: flex;
align-items: flex-start;
position: relative;
z-index: 1;
}
.idx2 .content .left{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 3.375rem;
}
.idx2 .content .left .global_title{
align-items: flex-start;
}
.idx2 .content .left .global_title .title .bg{
left: 0;
transform: none;
}
.idx2 .content .left .txt{
font-size: 1.625rem;
color: #5C5858;
line-height: 2.25rem;
padding-left: 1.5rem;
position: relative;
margin-top: 3.437rem;
}
.idx2 .content .left .txt::before{
content: "";
width: .75rem;
height: 8.875rem;
background-image: url("http://nazhongkeji.com/img/idx2_line.png");
background-size: cover;
position: absolute;
top: .625rem;
left: 0;
}
.idx2 .content .right{
width: 44.23%;
margin-left: 1.062rem;
}
.idx2 .content1{
width: 100%;
display: flex;
justify-content: flex-end;
position: relative;
z-index: 0;
margin-top: -2.875rem;
}
.idx2 .content1 .left{
width: 39.17%;
padding-left: 18.75%;
box-sizing: border-box;
padding-top: 4.562rem;
padding-bottom: 4.5rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
position: absolute;
left: 0;
top: -5.937rem;
}
.idx2 .content1 .left .t1{
font-weight: bold;
font-size: 1.812rem;
color: #F4F4F4;
line-height: 2.312rem;
}
.idx2 .content1 .left .t2{
font-size: 1.5rem;
color: #F4F4F4;
line-height: 2.312rem;
margin-top: .625rem;
}
.idx2 .content1 .right{
width: 70.10%;
box-sizing: border-box;
background-color: #414141;
position: relative;
display: flex;
z-index: -1;
}
.idx2 .content1 .right .blk{
height: 100%;
padding-right: 2.062rem;
padding-left: 2.062rem;
padding-top: 7.5rem;
padding-bottom: 4.125rem;
box-sizing: border-box;
border-right: 1px solid rgb(255,255,255,0.1);
display: flex;
flex-direction: column;
align-items: center;
pointer-events: all;
}
.idx2 .content1 .right .blk:last-child{
border-right: none;
}
.idx2 .content1 .right .blk:first-child{
margin-left: 14.12%;
}
.idx2 .content1 .right .blk .icon{
width: 3.812rem;
height: 3.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx2 .content1 .right .blk:nth-child(1) .icon img{
width: 3.5rem;
}
.idx2 .content1 .right .blk:nth-child(2) .icon img{
width: 3.812rem;
}
.idx2 .content1 .right .blk:nth-child(3) .icon img{
width: 3.125rem;
}
.idx2 .content1 .right .blk:nth-child(4) .icon img{
width: 3.437rem;
}
.idx2 .content1 .right .blk.active .icon img:first-child,
.idx2 .content1 .right .blk .icon img:last-child{
display: none;
}
.idx2 .content1 .right .blk.active .icon img:last-child{
display: block;
}
.idx2 .content1 .right .blk .txt{
font-size: 1.375rem;
color: #F4F4F4;
line-height: 1.375rem;
margin-top: 2.75rem;
}
.idx3{
padding-top: 8.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx3 .content{
margin-top: 3.125rem;
}
.idx3 .content .swiper-wrapper{
display: flex;
justify-content: space-between;
}
.idx3 .content .swiper-slide{
width: 30.67%;
}
.idx3 .content .blk{
width: 100%;
padding-right: 2.83%;
padding-bottom: 4.187rem;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.idx3 .content .blk .txt{
background-image: url("http://nazhongkeji.com/img/idx3_bg1.png");
background-size: 100% 100%;
width: 90.76%;
height: 58.25%;
padding-top: 19.81%;
box-sizing: border-box;
position: absolute;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.idx3 .content .blk .txt .t1{
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
}
.idx3 .content .blk .txt .t2{
width: 90%;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2rem;
text-align: center;
margin-top: .937rem;
}
.idx3 .content .blk.active .txt{
background-image: url("http://nazhongkeji.com/img/idx3_bg1a.png");
}
.idx4{
padding-top: 8.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx4 .content{
width: 100%;
padding-top: 7.5rem;
padding-bottom: 5.375rem;
background-image: url("http://nazhongkeji.com/img/idx4_bg1.jpg");
background-size: 100% 100%;
margin-top: 4rem;
position: relative;
}
.idx4 .content .left{
width: 46.51%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.idx4 .content .right{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 3rem;
}
.idx4 .content .right .blk{
width: 100%;
padding-left: 45.94%;
padding-top: 2.125rem;
padding-bottom: 1.437rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.idx4 .content .right .blk.active{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.idx4 .content .right .blk .icon{
width: 2.625rem;
height: 3rem;
display: flex;
justify-content: center;
align-items: center;
margin-right: 3.125rem;
}
.idx4 .content .right .blk .icon img{
width: 2.625rem;
}
.idx4 .content .right .blk:last-child .icon img{
width: 2.5rem;
}
.idx4 .content .right .blk.active .icon img:first-child,
.idx4 .content .right .blk .icon img:last-child{
display: none;
}
.idx4 .content .right .blk.active .icon img:last-child{
display: block;
}
.idx4 .content .right .blk .txt .cn{
font-size: 1.375rem;
color: #353535;
line-height: 2rem;
}
.idx4 .content .right .blk .txt .en{
font-weight: 300;
font-size: .5rem;
color: #353535;
line-height: .5rem;
margin-top: .562rem;
}
.idx4 .content .right .blk.active .txt .cn,
.idx4 .content .right .blk.active .txt .en{
color: #fff;
}
.idx5{
padding-top: 8.125rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx5 .pic{
width: 70.47%;
margin-top: 1.875rem;
}
.idx6{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 8.125rem;
padding-bottom: 6.25rem;
background-color: #EAEAEA;
}
.idx6.about{
background-color: #fff;
}
.idx6 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx6 .content{
width: 100%;
margin-top: 4.375rem;
}
.idx6 .content .swiper-wrapper{
display: flex;
justify-content: center;
grid-column-gap: 1.56%;
}
.idx6 .content .swiper-slide{
width: 19.06%;
}
.idx6 .content .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx6 .content .blk img{
width: 99%;
}
.idx6 .content .blk .txt{
width: 100%;
padding-top: 2rem;
padding-bottom: 1.375rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
align-items: center;
}
.idx6 .content .blk.active .txt{
background: #D93535;
}
.idx6 .content .blk .txt .t1{
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
}
.idx6 .content .blk .txt .t2{
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.375rem;
margin-top: .937rem;
}
.idx6 .content .blk .txt .btn{
width: 1.875rem;
margin-top: .687rem;
}
.idx7{
width: 100%;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx7 .content{
display: flex;
justify-content: space-between;
align-items: flex-start;
grid-column-gap: 2%;
margin-top: 3.125rem;
}
.idx7 .content .left{
width: 26%;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
box-sizing: border-box;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
align-items: center;
}
.idx7 .content .left .r1{
font-family: "alimama";
font-weight: bold;
font-size: 1.75rem;
color: #FFFFFF;
line-height: 1.75rem;
}
.idx7 .content .left .qrcode{
width: 67%;
margin-top: 1.875rem;
}
.idx7 .content .left .r2{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1rem;
color: #FFFFFF;
line-height: 1rem;
margin-top: 1.5rem;
}
.idx7 .content .left .r2 img{
width: 1.25rem;
margin-right: .625rem;
}
.idx7 .content .left .r2 span{
font-family: "HarmonySans";
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1.5rem;
}
.idx7 .tabs{
width: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1rem;
}
.idx7 .tabs .tab{
width: 100%;
padding-left: 17%;
box-sizing: border-box;
height: 4.375rem;
display: flex;
align-items: center;
border-bottom: 2px dashed #AAAAAA;
cursor: pointer;
}
.idx7 .tabs .tab:last-child{
border-bottom: none;
}
.idx7 .tabs .tab .arrow{
width: .562rem;
margin-right: .625rem;
}
.idx7 .tabs .tab .txt{
font-size: 1.375rem;
color: #353535;
text-align: center;
}
.idx7 .tabs .tab.active .arrow img:first-child,
.idx7 .tabs .tab .arrow img:last-child{
display: none;
}
.idx7 .tabs .tab.active .arrow img:last-child{
display: block;
}
.idx7 .tabs .tab.active .txt{
color: #1759E1;
}
.idx7 .tabContainer{
width: 72%;
}
.idx7 .tabContainer .c{
display: none;
position: relative;
}
.idx7 .tabContainer .c.active{
width: 100%;
display: block;
}
.idx7 .tabContainer .c .swiper-slide{
width: 30%;
}
.idx7 .tabContainer .c .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ECECEC;
padding: 1.125rem;
box-sizing: border-box;
}
.idx7 .tabContainer .c .blk img{
width: 100%;
}
.idx7 .tabContainer .c .blk .txt{
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
margin-top: 1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.idx7 .tabContainer .c .blk:hover{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.idx7 .tabContainer .c .blk:hover .txt{
color: #fff;
}
.idx7 .btns{
width: 15%;
height: 2.5rem;
display: flex;
justify-content: space-between;
z-index: 1;
pointer-events: none;
margin: 0 auto;
margin-top: 5rem;
}
.idx7 .btns .swiper-button-prev,
.idx7 .btns .swiper-button-next{
width: 2.5rem;
height: 2.5rem;
pointer-events: auto;
}
.idx7 .btns .swiper-button-next{
transform: rotateY(180deg);
}
.idx8{
padding-top: 8.125rem;
padding-bottom: 4.75rem;
display: flex;
align-items: center;
}
.idx8 .left,
.idx8 .right{
width: 50%;
}
.idx8 .left{
background-image: url("http://nazhongkeji.com/img/idx8_bg1.jpg");
background-size: 100% 100%;
padding-left: 18.75%;
padding-top: 8.75rem;
padding-bottom: 6.25rem;
box-sizing: border-box;
}
.idx8 .left .global_title{
width: 100%;
align-items: flex-start;
}
.idx8 .left .global_title .title .bg{
left: 0;
transform: none;
}
.idx8 .left .list{
display: flex;
flex-direction: column;
grid-row-gap: .625rem;
margin-top: 3.5rem;
}
.idx8 .left .list .splid{
width: 1px;
height: 1.062rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
margin-left: 1.5rem;
}
.idx8 .left .list .l{
display: flex;
align-items: center;
}
.idx8 .left .list .l .num{
width: 2.937rem;
height: 2.937rem;
background-image: url("http://nazhongkeji.com/img/idx8_bg2.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
font-family: "HarmonySans";
font-size: 1rem;
color: #FFFFFF;
line-height: 1rem;
}
.idx8 .left .list .l .cn{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-left: 1.125rem;
}
.idx8 .left .list .l .en{
font-weight: 300;
font-size: 1.125rem;
color: rgb(255, 255, 255, 0.3);
line-height: 1.125rem;
margin-left: 1.187rem;
}
.idx8 .left .list .l.active .num{
background-image: url("http://nazhongkeji.com/img/idx8_bg2a.png");
}
.idx9{
display: flex;
justify-content: center;
}
.idx9 .content{
width: 83.07%;
padding-top: 13.5rem;
padding-bottom: 8.375rem;
background-image: url("http://nazhongkeji.com/img/idx9_bg1.jpg");
background-size: 100% 100%;
background-position: center center;
display: flex;
justify-content: flex-end;
}
.idx9 .content .right{
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right: 10.48%;
}
.idx9 .content .right .global_title{
align-items: flex-end;
}
.idx9 .content .right .global_title .title .bg{
left: auto;
right: 0;
transform: none;
}
.idx9 .content .right .list{
display: flex;
flex-direction: column;
align-items: flex-end;
grid-row-gap: 1.875rem;
margin-top: 3.75rem;
}
.idx9 .content .right .list .l{
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1.5rem;
position: relative;
z-index: 1;
}
.idx9 .content .right .list .l::before{
content: "";
width: 1.062rem;
height: 1.062rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
position: absolute;
left: -.312rem;
bottom: -.125rem;
z-index: -1;
}
.idx9 .content .right .t{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-top: 2.5rem;
}
.idx10{
padding-top: 8.125rem;
padding-bottom: 4.75rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx10 .content{
display: flex;
justify-content: space-between;
margin-top: 3.125rem;
}
.idx10 .content .blk{
width: 48.67%;
}
.idx10 .content .blk img{
width: 100%;
}
.idx10 .content .blk .txt{
width: 100%;
height: 4.562rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx10 .content .blk.active .txt{
background: #D93535;
}
.idx11{
padding-top: 8.125rem;
padding-bottom: 6.25rem;
background-image: url("http://nazhongkeji.com/img/idx11_bg1.jpg");
background-position: top center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
}
.idx11 .content{
width: 68.49%;
padding-top: 3.125rem;
background-color: #fff;
position: relative;
margin-top: 3.437rem;
}
.idx11 .content .swiper-container{
width: 75.59%;
}
.idx11 .content .swiper-slide{
width: 37.03%;
}
.idx11 .btns{
width: 92%;
height: 5rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.idx11 .btns .swiper-button-prev,
.idx11 .btns .swiper-button-next{
width: 5rem;
height: 5rem;
}
.idx11 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx12{
padding-top: 8.125rem;
padding-bottom: 9.375rem;
background-image: url("http://nazhongkeji.com/img/idx12_bg1.jpg");
background-size: 100% 100%;
}
.idx12.about{
margin-bottom: 8.125rem;
}
.idx12 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx12 .content{
position: relative;
margin-top: 3.125rem;
}
.idx12 .content .swiper-slide{
width: 24.8%;
}
.idx12 .content .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx12 .content .blk img{
width: 100%;
}
.idx12 .content .blk .txt{
font-weight: 500;
font-size: 1.375rem;
color: #353535;
line-height: 2rem;
text-align: center;
}
.idx12 .btns{
width: 120%;
height: 5rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.idx12 .btns .swiper-button-prev,
.idx12 .btns .swiper-button-next{
width: 5rem;
height: 5rem;
}
.idx12 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx13{
padding-top: 8.125rem;
padding-bottom: 4.687rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.idx13 .warnning{
color: red;
font-size: 1.125rem;
position: absolute;
right: 6%;
bottom: 5%;
}
.idx13 .content{
width: 100%;
display: flex;
justify-content: center;
grid-column-gap: 2.9%;
margin-top: 3.125rem;
}
.idx13 .content:last-child{
margin-top: 2.187rem;
}
.idx13 .content .blk{
width: 17.35%;
height: 6.25rem;
padding-left: 2.4%;
border: 1px solid #1759E1;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.idx13 .content .blk .r1{
display: flex;
align-items: center;
}
.idx13 .content .blk .r1 .icon{
width: 2rem;
margin-right: .625rem;
}
.idx13 .content .blk .r1 .txt{
font-weight: 500;
font-size: 1.625rem;
color: #1759E1;
line-height: 1.625rem;
}
.idx13 .content .blk .r2{
font-size: 1.375rem;
color: #353535;
line-height: 1.375rem;
text-indent: 2.625rem;
margin-top: .75rem;
}
.idx13 .content .blk.active .r1 .icon img:first-child,
.idx13 .content .blk .r1 .icon img:last-child{
display: none;
}
.idx13 .content .blk.active .r1 .icon img:last-child{
display: block;
}
.idx13 .content .blk.active{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.idx13 .content .blk.active .r1 .txt,
.idx13 .content .blk.active .r2{
color: #fff;
}
.idx14{
padding-top: 8.125rem;
padding-bottom: 4.125rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.idx14 .warnning{
color: red;
font-size: 1.125rem;
position: absolute;
right: 6%;
bottom: 5%;
}
.idx14.joinus{
margin-bottom: 7.5rem;
}
.idx14 .global_title .title .bg{
color: rgb(255, 255, 255, 0.2);
background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(255, 255, 255, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx14 .global_title .title span{
color: #D93535;
}
.idx14 .content{
width: 100%;
display: flex;
justify-content: center;
grid-column-gap: 2.86%;
margin-top: 3.125rem;
}
.idx14 .content .blk{
width: 5.1%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx14 .content .blk .icon{
width: 100%;
}
.idx14 .content .blk .txt{
font-size: 1.5rem;
color: #FFFFFF;
line-height: 2.125rem;
text-align: center;
white-space: nowrap;
margin-top: 1.25rem;
}
.idx14 .r{
display: flex;
align-items: center;
margin-top: 2.5rem;
}
.idx14 .r img{
width: 1.5rem;
}
.idx14 .r .txt{
font-size: 1.25rem;
color: #FFFFFF;
line-height: 1.25rem;
margin-left: .562rem;
}
.idx14 .r .txt span{
font-family: "HarmonySans";
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-left: .875rem;
}
.idx14 .r .btn{
width: 14.562rem;
height: 3.375rem;
background: linear-gradient(180deg, #D93535, #DF1717);
border-radius: 1.687rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.375rem;
margin-left: 1.687rem;
}
.idx14 .r .btn img{
width: 2.062rem;
}
.idx15{
padding-top: 8.125rem;
padding-bottom: 6.25rem;
background-image: url("http://nazhongkeji.com/img/idx15_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx15.about{
margin-top: 5.625rem;
}
.idx15 .content{
width: 100%;
padding-left: 18.75%;
box-sizing: border-box;
display: flex;
align-items: stretch;
margin-top: 3.125rem;
}
.idx15 .content .left{
width: 37%;
margin-top: 4.375rem;
}
.idx15 .content .left .global_title{
align-items: flex-start;
}
.idx15 .content .left .global_title .title{
font-size: 1.625rem;
}
.idx15 .content .left .global_title .title .bg{
color: rgb(53, 53, 53, 0.2);
background: linear-gradient(180deg, rgb(53, 53, 53, 0.2), rgb(53, 53, 53, 0.2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2.5rem;
left: 0;
top: -1rem;
transform: none;
}
.idx15 .content .left .txt{
font-size: 1.375rem;
color: #353535;
line-height: 2.125rem;
text-indent: 2.75rem;
text-align: justify;
margin-top: 2.187rem;
}
.idx15 .content .left .btn{
width: 14.562rem;
height: 3.375rem;
background: linear-gradient(180deg, #D93535, #DF1717);
border-radius: 1.687rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.375rem;
margin-top: 1.875rem;
}
.idx15 .content .left .btn img{
width: 2.062rem;
margin-left: .812rem;
}
.idx15 .content .right{
width: 44.04%;
padding-top: 1.562rem;
padding-right: 1.562rem;
position: relative;
z-index: 1;
margin-left: 2.86%;
}
.idx15 .content .right img{
width: 100%;
}
.idx15 .content .right .blue{
width: 66.23%;
height: 69.81%;
background: linear-gradient(180deg, #5597D9, #1759E1);
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.news{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.news .content{
margin-top: 3.125rem;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.news .content .left{
width: 45.33%;
}
.news .content .left img{
display: none;
}
.news .content .left img.active{
display: block;
}
.news .content .right{
width: 52.17%;
display: flex;
flex-direction: column;
justify-content: space-between;
grid-row-gap: 1.125rem;
}
.news .content .right .blk{
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 1.125rem;
border-bottom: 1px solid #D8D8D8;
box-sizing: border-box;
}
.news .content .right .blk .date{
display: flex;
flex-direction: column;
align-items: center;
}
.news .content .right .blk .date .d{
font-family: "HarmonySans";
font-weight: bold;
font-size: 3.5rem;
color: #969696;
line-height: 3.5rem;
}
.news .content .right .blk .date .ym{
font-weight: 500;
font-size: 1rem;
color: #666666;
line-height: 1rem;
margin-top: 1rem;
}
.news .content .right .blk .txt{
flex-grow: 1;
margin-left: 1.875rem;
margin-right: 1.25rem;
}
.news .content .right .blk .txt .t1{
font-weight: 500;
font-size: 1.375rem;
color: #353535;
line-height: 1.375rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news .content .right .blk .txt .t2{
font-size: 18px;
color: #666666;
line-height: 26px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-top: .5rem;
}
.news .content .right .blk .arrow{
width: 1.625rem;
opacity: 0.4;
}
.news .content .right .blk.active .txt .t1{
color: #1759E1;
}
.contact{
display: flex;
justify-content: center;
align-items: stretch;
}
.contact form{
width: 35.78%;
padding-top: 5.437rem;
padding-bottom: 3.562rem;
background-color: #EAEAEA;
}
.contact .feedback{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 2.812rem;
}
.contact .feedback .ipt{
width: 75.84%;
height: 3.75rem;
padding-left: 1.875rem;
box-sizing: border-box;
background-color: #fff;
display: flex;
align-items: center;
}
.contact .feedback .ipt img{
width: 1.25rem;
margin-right: .812rem;
}
.contact .feedback input{
border: none;
width: calc(100% - 2.062rem);
height: 100%;
background: transparent;
font-size: 1.25rem;
color: #333333;
box-sizing: border-box;
}
.contact .feedback input:placeholder-shown::placeholder,
.contact .feedback textarea:placeholder-shown::placeholder{
color: rgb(53, 53, 53, 0.8);
}
.contact .feedback textarea{
width: 100%;
height: 7.5rem;
background: #F2F2F2;
border: none;
resize: none;
padding-top: 1rem;
padding-left: 1.562rem;
box-sizing: border-box;
font-size: 1rem;
margin-top: 1.375rem;
}
.contact .feedback button{
width: 31.59%;
height: 3rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border: none;
font-size: 1.25rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.contact .right{
width: 21.09%;
height: 100%;
padding-top: 4.812rem;
padding-bottom: 5.375rem;
background-image: url("http://nazhongkeji.com/img/contact_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.contact .right .t1{
font-weight: bold;
font-size: 1.5rem;
color: #fff;
line-height: 1.5rem;
}
.contact .right .t2{
font-weight: 500;
font-size: 1.25rem;
color: #fff;
line-height: 1.25rem;
margin-top: .625rem;
}
.contact .right .qrcode{
width: 63.21%;
padding: 5.81%;
box-sizing: border-box;
background-color: rgb(255,255,255,0.5);
margin-top: 2.312rem;
}
.contact .right .qrcode img{
width: 100%;
}
.footer{
background-color: #49494A;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 6.875rem;
}
.footer .top{
padding-top: 5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer .top .footer_logo{
width: 30%;
}
.footer .top ul{
width: 62.5%;
display: flex;
justify-content: space-between;
}
.footer .top ul li{
font-size: 1.25rem;
color: #FFFFFF;
line-height: 1.25rem;
}
.footer .mid{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: .75rem;
}
.footer .mid .list{
display: flex;
flex-direction: column;
justify-content: center;
grid-row-gap: 1.875rem;
}
.footer .mid .lianxi{
display: flex;
align-items: flex-start;
}
.footer .mid .lianxi img{
width: 1.25rem;
margin-right: 1.25rem;
margin-top: .437rem;
}
.footer .mid .lianxi .txt{
font-weight: 300;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.75rem;
}
.footer .mid .qrcode{
display: flex;
grid-column-gap: 2.5rem;
}
.footer .mid .qrcode .qc{
display: flex;
flex-direction: column;
align-items: center;
font-size: 1.25rem;
color: #FFFFFF;
line-height: 1.25rem;
}
.footer .mid .qrcode .qc .bg{
width: 10.312rem;
height: 10.312rem;
display: flex;
justify-content: center;
align-items: center;
background-image: url("http://nazhongkeji.com/img/qrcode_bg.png");
background-size: 100% 100%;
margin-bottom: 1.062rem;
}
.footer .mid .qrcode .qc img{
width: 9.5rem;
height: 9.5rem;
}
.footer .bottom{
width: 100%;
background: linear-gradient(180deg, #5597D9, #1759E1);
padding-top: 1.875rem;
padding-bottom: 1.875rem;
font-size: 1.125rem;
color: #fff;
line-height: 1.125rem;
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
.secondnav{
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: .625rem;
border-bottom: 1px solid #E6E6E6;
margin-top: 7.125rem;
}
.secondnav .title{
display: flex;
flex-direction: column;
padding-left: .562rem;
border-left: .187rem solid #1759E1;
}
.secondnav .title1{
font-weight: 500;
font-size: 1.375rem;
color: #1759E1;
line-height: 1.375rem;
}
.secondnav .title2{
font-size: .875rem;
color: #666666;
line-height: .875rem;
margin-top: .75rem;
}
.secondnav .bread{
display: flex;
align-items: center;
font-size: 1.125rem;
color: rgb(102, 102, 102, 0.8);
line-height: 1.125rem;
}
.second_global_title{
display: flex;
flex-direction: column;
align-items: center;
}
.second_global_title .en{
font-weight: 800;
font-size: 2rem;
color: rgb(23, 23, 23, 0.14);
line-height: 2.937rem;
}
.second_global_title .title{
display: flex;
align-items: center;
font-weight: 500;
font-size: 1.875rem;
color: #333333;
line-height: 2.812rem;
}
.second_global_title .title .splid{
width: 3.312rem;
height: .125rem;
background: #D8D8D8;
margin-left: .625rem;
margin-right: .625rem;
}
.second_global_title .line{
width: 75rem;
height: 1px;
background-color: rgba(0,0,0,0.1);
position: relative;
margin-top: 2.312rem;
}
.second_global_title .line::before{
content: "";
width: 7.5rem;
height: .312rem;
background-color: #C2232A;
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
}
.second_global_title1{
display: flex;
flex-direction: column;
align-items: center;
}
.second_global_title1 .title{
font-weight: bold;
font-size: 2.375rem;
color: #fff;
line-height: 2.375rem;
}
.second_global_title1 .line{
width: 41.25rem;
height: 1px;
background-color: #BCBCBC;
position: relative;
margin-top: 2.5rem;
}
.second_global_title1 .line::before{
content: "";
width: 1.937rem;
height: .187rem;
background-color: #fff;
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
}
.shop1{
padding-top: 3.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.shop1 .content{
display: flex;
justify-content: space-between;
align-items: center;
}
.shop1 .content .left{
width: 47.92%; border: 1px #ccc solid;
}
.shop1 .content .right{
width: 49%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
grid-row-gap: 3.125rem;
}
.shop1 .content .right .r{
display: flex;
align-items: flex-start;
}
.shop1 .content .right .r .icon{
width: 1.562rem;
margin-top: .937rem;
}
.shop1 .content .right .r .txt{
margin-left: 1.375rem;
}
.shop1 .content .right .r .txt .t1{
font-weight: 500;
font-size: 1.875rem;
color: rgba(53, 53, 53, 0.9);
line-height: 2.937rem;
}
.shop1 .content .right .r .txt .t2{
font-size: 1.187rem;
color: #353535;
line-height: 1.625rem;
margin-top: .5rem;
}
.about1{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 2.75rem;
padding-bottom: 1.937rem;
background-image: url("http://nazhongkeji.com/img/about1_bg1.jpg");
background-size: 100% 100%;
}
.about1 .content{
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
.about1 .content .tit{
padding-top: .5rem;
padding-bottom: 1.437rem;
padding-left: .437rem;
background-image: url("http://nazhongkeji.com/img/about1_logo.png");
background-position: top left;
background-repeat: no-repeat;
}
.about1 .content .tit .t1{
font-weight: 500;
font-size: 2rem;
color: #FFFFFF;
line-height: 2.937rem;
}
.about1 .content .tit .t2{
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.875rem;
margin-left: 6.062rem;
}
.about1 .content .pic{
width: 100%;
margin-top: .687rem;
}
.about1 .content .txt{
width: 37.5rem;
padding: 1.875rem;
box-sizing: border-box;
background-color: #2F3030;
border-top: .75rem solid #C2232A;
display: flex;
flex-direction: column;
grid-row-gap: 1rem;
position: absolute;
right: 0;
top: -3.5rem;
}
.about1 .content .txt p{
font-weight: 300;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 2rem;
}
.about2{
padding-top: 9.812rem;
padding-bottom: 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.about2 .content{
margin-top: 7.687rem;
position: relative;
}
.about2 .content .swiper-slide{
display: flex;
justify-content: center;
}
.about2 .content img{
width: 21.625rem;
}
.about2 .btns{
width: 93.75rem;
height: 4.375rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
}
.about2 .btns .swiper-button-prev{
width: 4.375rem;
height: 4.375rem;
}
.about2 .btns .swiper-button-next{
width: 4.375rem;
height: 4.375rem;
transform: rotateY(180deg)
}
.about3{
padding-top: 9.062rem;
padding-bottom: 7.5rem;
display: flex;
flex-direction: column;
}
.about3 .content1{
display: flex;
justify-content: center;
align-items: stretch;
}
.about3 .content1 .left{
width: 25.937rem;
position: relative;
}
.about3 .content1 .left .title{
display: flex;
flex-direction: column;
align-items: flex-end;
position: absolute;
right: 0;
top: -2.812rem;
}
.about3 .content1 .left .title .tit1{
font-size: 2.5rem;
color: #999999;
line-height: 2.75rem;
}
.about3 .content1 .left .title .tit2{
font-size: 1.125rem;
color: #999999;
line-height: 1.25rem;
margin-top: 1.875rem;
}
.about3 .content1 .left .title img{
width: 1.125rem;
margin-top: .5rem;
}
.about3 .content1 .left .t1{
font-weight: 500;
font-size: 2rem;
color: #FF9900;
line-height: 2.75rem;
margin-top: 3.75rem;
}
.about3 .content1 .left .t2{
font-size: 1.125rem;
color: #333333;
line-height: 2.25rem;
text-align: justify;
margin-top: 2.125rem;
}
.about3 .content1 .right{
width: 40.875rem;
margin-left: 8rem;
}
.about3 .content2{
display: flex;
justify-content: center;
align-items: stretch;
margin-top: 7rem;
}
.about3 .content2 .left{
width: 34.75rem;
margin-right: 4.125rem;
}
.about3 .content2 .right{
width: 35.625rem;
}
.about3 .content2 .right .t1{
padding-top: 2rem;
padding-bottom: .562rem;
background-image: url("http://nazhongkeji.com/img/about3_bg3.png");
background-position: left center;
background-repeat: no-repeat;
font-weight: 500;
font-size: 1.875rem;
color: #333333;
line-height: 2.812rem;
margin-top: 1.625rem;
}
.about3 .content2 .right .t2{
font-size: 1.125rem;
color: #333333;
line-height: 2.25rem;
margin-top: .75rem;
}
.about3 .content3{
display: flex;
justify-content: flex-end;
align-items: stretch;
margin-top: 6.25rem;
}
.about3 .content3 .left{
width: 37.5rem;
}
.about3 .content3 .left .t1{
padding-top: 2rem;
background-image: url("http://nazhongkeji.com/img/about3_bg2.png");
background-position: left center;
background-repeat: no-repeat;
font-weight: 500;
font-size: 2rem;
color: #171717;
line-height: 2.75rem;
}
.about3 .content3 .left .t2{
font-size: 1.125rem;
color: #333333;
line-height: 2.25rem;
margin-top: .875rem;
}
.about3 .content3 .left .splid{
width: 97%;
height: 2px;
background-color: #E9E9E9;
margin-top: 1.625rem;
}
.about3 .content3 .left .list{
display: flex;
grid-column-gap: 4.875rem;
margin-left: 1.187rem;
margin-top: 1.625rem;
}
.about3 .content3 .left .list .l{
width: 4.687rem;
display: flex;
flex-direction: column;
align-items: center;
}
.about3 .content3 .left .list .l img{
width: 4.687rem;
}
.about3 .content3 .left .list .l .cn{
font-weight: 500;
font-size: 1.125rem;
color: #333333;
line-height: 1.687rem;
margin-top: 1.187rem;
}
.about3 .content3 .left .list .l .en{
font-weight: 500;
font-size: .625rem;
color: #999999;
line-height: .937rem;
white-space: nowrap;
}
.about3 .content3 .right{
width: 58.062rem;
margin-left: 2.75rem;
background-image: url("http://nazhongkeji.com/img/about3_bg1.jpg");
background-size: 100% 100%;
padding-top: 11.5rem;
padding-bottom: 3rem;
}
.about3 .content3 .right p{
width: 29.25rem;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 2.25rem;
text-align: justify;
margin-left: 3.125rem;
}
.contact1{
display: flex;
justify-content: center;
margin-top: 5.625rem;
}
.contact1 .content{
width: 71.35%;
display: flex;
justify-content: center;
align-items: stretch;
}
.contact1 .content .left,
.contact1 .content form{
width: 50%;
}
.contact1 .content .left{
padding-top: 6.25rem;
padding-bottom: 6.25rem;
padding-left: 5%;
box-sizing: border-box;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
grid-row-gap: 3.5rem;
}
.contact1 .content .left .blk{
display: flex;
align-items: flex-start;
}
.contact1 .content .left .blk .icon{
width: 3.375rem;
margin-right: 5%;
}
.contact1 .content .left .blk .txt .t1{
font-weight: 500;
font-size: 1.875rem;
color: #FFFFFF;
line-height: 2.937rem;
}
.contact1 .content .left .blk .txt .t2{
font-size: 1.187rem;
color: rgb(255, 255, 255, 0.9);
line-height: 1.625rem;
margin-top: .625rem;
}
.contact1 form{
padding-top: 4.687rem;
padding-bottom: 4.25rem;
background-color: #F6F6F6;
display: flex;
justify-content: center;
}
.contact1 .feedback{
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 2.125rem;
}
.contact1 .feedback .ipt{
width: 100%;
padding-left: 1.875rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;;
}
.contact1 .feedback .ipt .t{
font-weight: 500;
font-size: 1.25rem;
color: #353535;
line-height: 1.25rem;
text-indent: 1rem;
}
.contact1 .feedback input{
border: none;
width: 100%;
height: 3.75rem;
padding-left: 1rem;
background: #fff;
font-size: 1rem;
color: #333333;
box-sizing: border-box;
margin-top: .75rem;
}
.contact1 .feedback input:placeholder-shown::placeholder{
color: rgb(53, 53, 53, 0.5);
}
.contact1 .feedback button{
width: 40%;
height: 3rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border: none;
font-size: 1.25rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: .687rem;
}
.bmap{
height: 30rem;
}
.BMapLabel{
border: none !important;
background-color: transparent !important;
}
.maplabel{
width: 22.437rem;
height: 6.812rem;
background-image: url("http://nazhongkeji.com/img/map_bg.png");
background-size: 100% 100%;
font-size: 1.25rem;
color: rgba(255,255,255,0.9);
line-height: 1.562rem;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 1.75rem;
box-sizing: border-box;
}
.joinus1{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5rem;
padding-bottom: 4.375rem;
}
.joinus1 .content{
display: flex;
justify-content: space-between;
margin-top: 4.75rem;
}
.joinus1 .content .blk{
width: 12.875rem;
height: 24rem;
padding-left: 2.687rem;
padding-right: 2.687rem;
background-color: #F7F7F7;
border-radius: 1.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.joinus1 .content .blk .r1{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3.187rem;
}
.joinus1 .content .blk .r1 .txt{
font-family: "Noto Sans SC";
font-size: 2.125rem;
line-height: 2.125rem;
color: #333333;
margin-top: .625rem;
}
.joinus1 .content .blk .r2{
font-size: 1.5rem;
color: #666666;
line-height: 2.25rem;
margin-top: 1.75rem;
text-align: justify;
}
.joinus1 .content .blk:hover{
background-color: #EFDECE;
}
.joinus2{
height: 54.5rem;
position: relative;
background-image: url("http://nazhongkeji.com/img/joinus2_bg1.jpg");
background-size: 100% 25rem;
background-position: left bottom;
background-repeat: no-repeat;
overflow: hidden;
}
.joinus2 .bg{
display: flex;
flex-direction: column;
position: absolute;
bottom: 5.187rem;
left: 64.375rem;
}
.joinus2 .bg .r1{
font-family: "Noto Sans SC";
font-size: 2.875rem;
color: #FFFFFF;
line-height: 3.375rem;
}
.joinus2 .bg .r2{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-top: 1rem;
}
.joinus2 .bg .r3{
width: 15.562rem;
height: 3.687rem;
background-image: url("http://nazhongkeji.com/img/joinus2_bg2.png");
background-size: 100% 100%;
display: flex;
align-items: center;
padding-left: 4.75rem;
font-family: "Noto Sans SC";
font-size: 2.312rem;
color: #666666;
line-height: 2.312rem;
margin-top: 3.562rem;
}
.joinus2 .pic{
width: 37.5rem;
height: 39.75rem;
position: absolute;
bottom: 5.187rem;
left: 22.5rem;
}
.joinus2 .flower{
width: 64.187rem;
height: 38.437rem;
background-image: url("http://nazhongkeji.com/img/joinus2_pic2.png");
background-size: 100% 100%;
position: absolute;
right: 0;
top: -3.812rem;
z-index: -1;
}
.joinus2 .flower .blk{
display: flex;
margin-top: 1.25rem;
margin-left: 8.562rem;
}
.joinus2 .flower .blk:first-child{
margin-top: 26.375rem;
}
.joinus2 .flower .blk .r{
display: flex;
align-items: center;
font-family: "Noto Sans SC";
font-size: 1.125rem;
line-height: 1.125rem;
color: #666666;
margin-right: 1rem;
}
.joinus2 .flower .blk .r img{
width: 1.625rem;
width: 1.625rem;
margin-right: .687rem;
}
.joinus3{
display: flex;
flex-direction: column;
align-items: center;
}
.joinus3 .tbar{
width: 100%;
background-image: url("http://nazhongkeji.com/img/joinus3_bg1.jpg");
background-size: 100% 100%;
padding-top: 2.562rem;
padding-bottom: 3.125rem;
}
.joinus3 .tbar .r1{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.joinus3 .tbar .r1 .txt{
font-family: "Noto Sans SC";
font-size: 3.25rem;
color: #FFFFFF;
line-height: 3.937rem;
}
.joinus3 .tbar .r1 .right{
display: flex;
align-items: center;
}
.joinus3 .tbar .r1 .right img{
width: 1.687rem;
height: 1.687rem;
margin-right: .687rem;
}
.joinus3 .tbar .r1 .right span:nth-child(2){
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.312rem;
}
.joinus3 .tbar .r1 .right span:nth-child(3){
font-family: "Noto Sans SC";
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.625rem;
}
.joinus3 .tbar .r2{
width: 34.875rem;
height: 2.625rem;
background: #A70A1D;
border-radius: 3.062rem;
font-family: "Noto Sans SC";
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.875rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.375rem;
}
.joinus3 .tbar .r3{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 2.375rem;
}
.joinus3 .tbar .r3 .blk{
display: flex;
align-items: center;
font-family: "Noto Sans SC";
font-size: 1.25rem;
color: #FFFFFF;
line-height: 1.75rem;
}
.joinus3 .tbar .r3 .blk img{
width: 1.875rem;
height: 1.937rem;
}
.news1 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3.75rem;
padding-bottom: 2.5rem;
}
.news1 .content{
width: 100%;
padding-top: 2.25rem;
padding-bottom: 5.875rem;
display: flex;
justify-content: center;
}
.news1 .contentin{
display: flex;
justify-content: space-between;
align-items: center;
}
.news1 .contentin .pic{
width: 45.33%;
}
.news1 .contentin .txt{
width: 45%;
display: flex;
flex-direction: column;
justify-content: center;
}
.news1 .contentin .txt .t1>div{
font-weight: 500;
font-size: 1.625rem;
color: #353535;
line-height: 1.625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news1 .contentin .txt .date{
font-weight: 500;
font-size: 1.25rem;
color: #9E9E9E;
line-height: 1.25rem;
margin-top: 1.75rem;
}
.news1 .contentin .txt .t2{
font-size: 1.125rem;
color: #5C5C5C;
line-height: 1.75rem;
margin-top: 1.5rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
.news1 .contentin .icon{
width: 1rem;
height: 1.75rem;
}
.news1 .contentin .icon img{
width: 100%;
}
.news1 .content:hover .contentin .icon img:first-child,
.news1 .contentin .icon img:last-child{
display: none;
}
.news1 .content:hover .contentin .icon img:last-child{
display: block;
}
.news1 .content:hover{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.news1 .content:hover .contentin .txt .t1>div,
.news1 .content:hover .contentin .txt .t2,
.news1 .content:hover .contentin .txt .date{
color: #fff;
}
.fy {
width: 100%;
overflow: hidden;
text-align: center;
font-size: 1.187rem;
color: #FFFFFF;
line-height: 1.812rem;
display: flex;
justify-content: center;
margin-bottom: 2.5rem;
}
.fy a {
border: 1px solid #999999;
display: inline-block;
color: #000;
min-width: 1.562rem;
padding-left: .625rem;
padding-right: .625rem;
height: 2.937rem;
display: flex;
justify-content: center;
align-items: center;
/* border-radius: 5px;*/
}
.fy a:hover {
background: linear-gradient(180deg, #5597D9, #1759E1);
color: #fff;
border: 1px solid rgba(0,0,0,0);
/* border-radius: 5px;*/
}
.fy b {
min-width: 1.687rem;
padding-left: .625rem;
padding-right: .625rem;
height: 2.937rem;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #1759E1;
background: linear-gradient(180deg, #5597D9, #1759E1);
color: #ffffff;
/* border-radius: 5px;*/
}
/*
.fy span, .fy span a {
vertical-align: middle;
text-decoration: none;
color: #9a9a9a;
cursor: pointer;
}
*/
.second_title_h1{
font-size: 2.5rem;
line-height: 3.312rem;
font-weight: bold;
margin-top: 6.25rem;
text-align: center;
}
.second_content{
font-size: 1.125rem;
line-height: 1.875rem;
margin-top: 3.125rem;
margin-bottom: 2.25rem;
}
.article{
margin-bottom: 6.25rem;
}
.products{
padding-top: 5.625rem;
padding-bottom: 2.5rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.products .left{
width: 26%;
background: linear-gradient(180deg, #5597D9, #1759E1);
padding-top: 1.875rem;
padding-bottom: 1.875rem;
display: flex;
flex-direction: column;
align-items: center;
}
.products .header{
display: flex;
justify-content: center;
align-items: center;
font-family: "alimama";
font-weight: bold;
font-size: 1.75rem;
color: #FFFFFF;
line-height: 1.75rem;
}
.products .list{
width: 90%;
background-color: #fff;
margin-top: 1rem;
}
.products .list ul{
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.products .list li{
height: 4.375rem;
width: 100%;
padding-left: 10%;
font-size: 1.25rem;
color: #353535;
border-bottom: 2px dashed #AAAAAA;
box-sizing: border-box;
}
.products .list li:last-child{
border-bottom: none;
}
.products .list li .icon{
width: .562rem;
margin-right: .625rem;
}
.products .list li .icon img{
width: .625rem;
}
.products .list li.on .icon img:first-child,
.products .list li:hover .icon img:first-child,
.products .list li .icon img:last-child{
display: none;
}
.products .list li.on .icon img:last-child,
.products .list li:hover .icon img:last-child{
display: block;
}
.products .list li.on,
.products .list li:hover{
color: #1759E1;
}
.products .list li a{
height: 100%;
width: 100%;
padding-left: 1.562rem;
display: flex;
align-items: center;
box-sizing: border-box;
}
.products .qrcode{
width: 67%;
margin-top: 1.875rem;
}
.products .left .r2{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1rem;
color: #FFFFFF;
line-height: 1rem;
margin-top: 1.5rem;
}
.products .left .r2 img{
width: 1.25rem;
margin-right: .625rem;
}
.products .left .r2 span{
font-family: "HarmonySans";
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1.5rem;
}
.products .right{
width: 72.08%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
grid-column-gap: 2.315%;
grid-row-gap: 1.25rem;
}
.products .right .product{
width: 31.79%;
background-color: #ECECEC;
display: flex;
flex-direction: column;
align-items: center;
padding: 1.125rem;
box-sizing: border-box;
}
.products .right .product img{
width: 100%;
}
.products .right .product .txt{
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
margin-top: 1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.products .right .product:hover{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.products .right .product:hover .txt{
color: #fff;
}
.factory{
padding-top: 5.625rem;
padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
grid-row-gap: 2.187rem;
grid-column-gap: 2%;
}
.factory .content{
display: block;
width: 49%;
}
.factory .content img{
width: 100%;
}
.bk4{overflow: hidden;}
.cjxg_con8{ position: relative;}
.cjxg_con8 .swiper-slide{ width: 698px;position: relative;padding-bottom: 8%}
.cjxg_con8 dl{display: flex;width: 698px;}
.cjxg_con8 dl dt{ padding: 2.5% 0;position: relative;}
.cjxg_con8 dl dt .wv{ position: absolute; z-index: 5; width: 58px;
height: 58px;
background: linear-gradient(180deg, #5597D9, #1759E1);
border-radius: 32px;
border: 3px solid #FFFFFF;font-weight: 600;
font-size: 28px;
color: #FFFFFF; line-height: 54px; text-align: center; top:121px; right:-34px;}
.cjxg_con8 dl dt p{font-size: 23px; text-align: center;
color: #2F2A26;
line-height: 50px;
background: #EEEEEE;}
.cjxg_con8 dl dd p{
background: linear-gradient(180deg, #5597D9, #1759E1);font-weight: bold;text-align: center;
font-size: 25px;
color: #FFFFFF;
line-height: 61px;}
.cjxg_con8 .q4{top: auto;bottom: 5%; left: 44%; position: absolute; width: 5rem;
height: 5rem;}
.cjxg_con8 .q3{top: auto;bottom: 5%; right: 44%; position: absolute; width: 5rem;
height: 5rem; transform: rotateY(180deg);}
.bk5{ width: 100%; margin: 4% auto 0; position: relative; }
.bk5 h2{ position: absolute; left: 0; top:18%; text-align: center; font-weight: bold;
font-size: 3.5rem;
color: #FFFFFF;line-height: 64px;width: 100%; font-family: "alimama";}
.bk6 ul{display: flex;justify-content: space-between;flex-wrap: wrap; width: 95%; margin: 0 auto;}
.bk6 ul li{ text-align: center;}
.bk6 ul li h2{font-weight: 500;
font-size: 29px;
color: #333333; padding-top: 10px;}
.bk6 ul li p{font-size: 22px;
color: #676767;
line-height: 40px; text-align: center;}
.bk7{ position: relative; padding-top: 6%; margin: 5% auto;}
.bk7 img{ position: absolute; z-index: 0; top: 0; left: 0;}
.bk7 ul{ position: relative; z-index: 5; width:62.5%;display: flex;justify-content: space-between;flex-wrap: wrap; margin: 0 auto;padding-top:3%;}
.bk7 ul li{ width: 47%; background:#9f9fa0; color: #fff; padding: 3% 0 3.5%; text-align: center;}
.bk7 ul li span{font-weight: bold;
font-size: 26px;
color: #FFFFFF;
line-height: 36px;text-align: center;}
.bk7 ul li h2{font-weight: 500;
font-size: 26px;
color: #FFFFFF;
line-height: 36px;text-align: center; padding-top: 1rem;}
.bk7 ul li p{font-size: 22px;
color: #FFFFFF;
line-height: 32px;text-align: center;padding-top: 1rem;}
.bk7 ul li:hover,.bk7 ul li.hover{ background: linear-gradient(180deg, #5597D9, #1759E1);}
.bk7 .global_title .title{ color: #fff;}
@media (max-width: 1441px) {
html{
font-size: 13px;
}
.bk5 h2{ font-size: 2.8rem;top:12%}
.footer .top ul {width: 67%;}
.footer .mid .qrcode .qc .bg{
width: 8.312rem;
height: 8.312rem;
}
.footer .mid .qrcode .qc img {
width: 7.5rem;
height: 7.5rem;
}
.footer .mid .qrcode .qc{font-size: 1.1rem;}
.footer .mid .list{ padding: 1.5rem 1.5rem 0 0;}
}
@media (max-width: 767px) {
body {
max-width: 640px;
min-width: 320px;
overflow-x: hidden;
padding-bottom: 6.25rem;
}
html{
font-size: 10px;
}
.lxrig{
display: none;
}
.bk1 ul li p{ font-size: 1.5rem;}
.bk5{ width: 100%; margin: 10% auto 0; position: relative; }
.bk5 h2{ font-size: 1.7rem !important; line-height: 30px;}
.mbk4 dl{ width: 100%;display: flex;justify-content: space-between; margin-top: 6%;}
.mbk4 dl dt{ width: 47%;}
.mbk4 dl dd{ width: 53%;}
.mbk4 dl dt p{ font-size: 14px; line-height: 30px;}
.mbk4 dl dd p{ font-size: 15px; line-height:40px;}
.zxzx p{ font-size: 15px;}
.cjxg_con8 dl dt .wv{ position: absolute; z-index: 5; width: 30px;
height: 30px;
background: linear-gradient(180deg, #5597D9, #1759E1);
border-radius: 17px;
border: 2px solid #FFFFFF;font-weight: 600;
font-size: 17px;
color: #FFFFFF; line-height: 28px; text-align: center; top:30%; right:-17px;}
.bk6 ul li:nth-child(1){ margin-bottom: 5%;}
.bk6 ul li h2{
font-size: 16px;
color: #333333; padding-top: 10px;}
.bk6 ul li p{font-size: 14px;
color: #676767;
line-height: 40px; text-align: center;}
.bk7{ position: relative; padding-top: 14%; margin: 8% auto; padding-bottom: 4%;}
.bk7 ul li{ width: 100%; padding: 6% 0%; margin-bottom: 5%;}
.bk7 ul{width:95%; padding-top:8%;}
.bk7 ul li span{font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 28px;text-align: center;}
.bk7 ul li h2{font-weight: 500;
font-size: 15px;
color: #FFFFFF;
line-height: 28px;text-align: center; padding-top: 0.5rem;}
.bk7 ul li p{font-size: 14px;
color: #FFFFFF;
line-height: 25px;text-align: center;padding-top: 0.5rem;}
.bk7 ul li:hover,.bk7 ul li.hover{ background: linear-gradient(180deg, #5597D9, #1759E1);}
.bk7 .global_title .title{ color: #fff;}
.wap{
/* min-height: 2.5rem;*/
display: block;
}
.g-wrap{
width: 100%;
}
.g-wrap3{
width: 100%;
}
.pc{
display: none !important;
}
.g-wrap1{ width: 95%; margin: 0 auto;}
.bk1 .zxzx .r3{ display: none;}
.bk1 ul li{ width: 100%; margin-bottom: 5%;}
.xys{ justify-content:center}
.bk1 ul {width: 90%;
margin: 0 auto;}
.dpt{padding-top: 4rem;}
.dpt2{padding-top: 6%;}
.dpt3{padding-top: 6rem; }
.bk2 { width: 100%;}
.bk2 .global_title .sub{ text-align: center;}
.cjcw_t{ padding: 5% 0;display:flex; justify-content: space-between; text-align: center; width: 90%; margin: 0 auto;}
.cjcw_t dl{ width: 30%;}
.cjcw_t dl dt{font-size: 15px;
border: 1px solid #1759E1; line-height:34px; width: 100%;}
.cjcw_t .active dt{background:url(../img/qhbg.png) no-repeat top center;color: #fff; border: none; height: 39px; background-size: 100% 100%;}
.cjcw_con8{ margin: 0 auto;}
.cjcw_d{ display: block; overflow: hidden; }
.cjcw_d_l{width: 60%; color: #fff;padding: 15% 5%; float: left;}
.cjcw_d_l h2{
font-size: 16px;
padding-top:3% ;}
.cjcw_d_l h3{
font-size: 15px;
;padding-top:3% ;}
.cjcw_d_l h4{
font-size: 17px;
padding-top:7%;}
#header{
height: 6.25rem;
display: flex;
justify-content: space-between;
align-items: center;
background: none;
background-color: #ffffff;
}
#content{
margin-top: 6.25rem;
}
.m_logo {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
position: relative;
}
.m_logo .logopic{
width: 43.75%;
margin-left: 2.5%;
}
.m_logo .left .logo_txt{
font-size: 1.375rem;
color: #353535;
line-height: 2.062rem;
white-space: nowrap;
}
.m_logo .left .logo_txt1{
font-family: youshe;
font-size: 1.5rem;
color: #999999;
line-height: 1.5rem;
display: flex;
align-items: flex-start;
}
.m_logo .left .logo_txt1 img{
width: 1.125rem;
margin-left: 1.125rem;
}
.m_logo .left .logo_txt2{
font-family: youshe;
font-size: 1.25rem;
color: #999999;
line-height: 1.25rem;
margin-top: .5rem;
}
.m_logo .left .splid{
width: .312rem;
height: 3.875rem;
background: rgb(216, 216, 216, 0.29);
filter: blur(.187rem);
margin-left: 1.625rem;
margin-right: .937rem;
}
.m_logo .right{
width: 50%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 2.5%;
}
.m_logo .right img:nth-child(1){
width: 1.5rem;
margin-right: .437rem;
}
.m_logo .right .tel{
font-family: "HarmonySans";
font-size: 1.937rem;
line-height: 1.937rem;
background: linear-gradient(180deg, #5597D9 0%, #1759E1 76.07421875%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #5597D9;
margin-right: 2%;
}
.xf {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
height: 6.25rem;
}
.xf a {
width: 50%;
background: linear-gradient(180deg, #5597D9, #1759E1);
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 2.062rem;
}
.xf a img{
width: 2.125rem;
height: 2.125rem;
margin-bottom: .812rem;
}
.xf a:nth-child(2) {
background: #F3F6FA;
color: #333333;
}
.nav_wap {
width: 2.5rem;
height: 100%;
display: block;
z-index: 9999999;
}
.subNavBox {
position: fixed;
z-index: 9999999;
width: 100%;
top: 6.25rem;
display: none;
}
.subNavShow {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999;
}
.subNavShow img{
width: 100%;
}
.subNav {
border-bottom: 1px #666666 solid;
cursor: pointer;
font-size: 1.5rem;
color: #333333;
line-height: 4.375rem;
width: 90%;
}
.subNav:hover {
color: #333333;
}
.currentDd {
color: #fff
}
.currentDt {
}
.navContent {
display: none;
}
.navContent li a {
display: block;
height: 2.812rem;
font-size: 1rem;
line-height: 2.812rem;
color: #fff;
text-indent: 2em;
}
.subNavBox_l {
width: 38%;
min-height: 100vh;
height: 100%;
float: left;
}
.subNavBox_r {
width: 30%;
background: #ffffff;
color: #333333;
height: 100%;
float: right;
position: relative;
text-align: center;
padding: 0 2%;
}
.subNavBox_r a:last-child .subNav{
border-bottom: none;
}
.subNavHide {
font-size: 2.5rem;
color: #333;
text-align: right;
padding-right: 5%;
padding: 8% 8% 0 8%;
}
.global_title{
max-width: 95%;
display: flex;
flex-direction: column;
align-items: center;
}
.global_title .title{
font-weight: bold;
font-size: 2.25rem;
color: #353535;
line-height: 3rem;
text-align: center;
position: relative;
z-index: 2;
}
.global_title .title span{
color: #1759E1;
}
.global_title .title .bg{
font-family: "HarmonySans";
font-weight: bold;
font-size: 2.375rem;
color: rgb(196, 196, 196, 0.2);
background: linear-gradient(180deg, rgb(196, 196, 196, 0.2), rgb(196, 196, 196, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 2.375rem;
z-index: -1;
position: absolute;
left: 50%;
top: -1.5rem;
transform: translateX(-50%);
white-space: nowrap;
}
.global_title .sub{
font-size: 1.5rem;
color: #5F5F5F;
line-height:2.2rem;
margin-top: 1.25rem;
}
.global_title.v1 .title,
.global_title.v1 .sub{
color: #fff;
}
.global_title.v1 .title .bg{
color: rgb(102, 102, 102, 0.2);
background: linear-gradient(180deg, rgb(102, 102, 102, 1), rgb(102, 102, 102, 0.2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.second_global_title,
.second_global_title1{
width: 90%;
}
.second_global_title .line,
.second_global_title1 .line{
width: 100%;
}
.first_title{
font-size: 3.125rem;
line-height: 4.125rem;
color: #333333;
font-weight: bold;
margin-left: 1.437rem;
margin-right: .937rem;
}
.second_title{
font-size: 1.5rem;
line-height: 2.125rem;
color: #666666;
margin-top: 1.25rem;
}
.second_content{
font-size: 1.5rem;
line-height: 2.625rem;
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.second_content p,.second_content div,.second_content span,.second_content strong{
font-size: 1.5rem;
line-height: 2.625rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.m_banner{
position: relative;
z-index: 1;
}
.m_banner img{
display: block;
object-fit: cover;
}
.idx1{
padding-top: 6.25rem;
padding-bottom: 14.125rem;
background-image: url("http://nazhongkeji.com/img/m_idx1_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx1 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx1 .content{
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-row-gap: 2.375rem;
margin-top: 3.125rem;
}
.idx1 .content .blk{
width: 48%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx1 .content .blk .pic{
width: 100%;
}
.idx1 .content .blk .bottom{
width: 80%;
display: flex;
justify-content: center;
align-items: flex-start;
font-size: 1.5rem;
color: #353535;
line-height: 2.25rem;
text-align: center;
margin-top: 1.687rem;
}
.idx1 .content .blk .bottom img{
width: 1.375rem;
margin-right: .5rem;
margin-top: .5rem;
}
.idx1 .content1{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 5.812rem;
}
.idx1 .content1 .r1{
font-family: "alimama";
font-weight: bold;
font-size: 2rem;
color: #353535;
line-height: 2.875rem;
text-align: center;
}
.idx1 .content1 .r1 span{
color: #1759E1;
}
.idx1 .content1 .r2{
display: flex;
align-items: center;
font-size: 1.562rem;
color: #353535;
line-height: 1.562rem;
margin-top: 1.437rem;
}
.idx1 .content1 .r2 img{
width: 1.812rem;
margin-right: .812rem;
}
.idx1 .content1 .r2 span{
font-family: "HarmonySans";
font-size: 2rem;
color: #353535;
line-height: 2rem;
}
.idx1 .content1 .r3{
width: 15.25rem;
height: 2.937rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border-radius: 1.437rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
color: #FFFFFF;
margin-top: 2.062rem;
}
.idx1 .content1 .r3 img{
width: 2.062rem;
margin-left: .812rem;
}
.idx2{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5rem;
padding-bottom: 0;
}
.idx2 .content{
width: 95%;
padding-left: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
z-index: 1;
}
.idx2 .content .left{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
}
.idx2 .content .left .global_title{
align-items: flex-start;
}
.idx2 .content .left .global_title .title .bg{
left: 0;
transform: none;
}
.idx2 .content .left .txt{
font-size: 1.625rem;
color: #5C5858;
line-height: 2.25rem;
padding-left: 1.5rem;
position: relative;
margin-top: 3.437rem;
}
.idx2 .content .left .txt::before{
content: "";
width: .75rem;
height: 8.875rem;
background-image: url("http://nazhongkeji.com/img/idx2_line.png");
background-size: cover;
position: absolute;
top: .625rem;
left: 0;
}
.idx2 .content .right{
width: 100%;
margin-left: 0;
margin-top: 3.75rem;
}
.idx2 .content1{
width: 100%;
display: flex;
justify-content: center;
position: relative;
z-index: 0;
background-color: #414141;
margin-top: -9.375rem;
}
.idx2 .content1 .right{
width: 95%;
box-sizing: border-box;
position: relative;
display: flex;
justify-content: space-between;
z-index: -1;
}
.idx2 .content1 .right .blk{
width: 25%;
height: 100%;
padding-right: 0;
padding-left: 0;
padding-top: 13.125rem;
padding-bottom: 4.625rem;
box-sizing: border-box;
border-right: none;
display: flex;
flex-direction: column;
align-items: center;
pointer-events: all;
}
.idx2 .content1 .right .blk:last-child{
border-right: none;
}
.idx2 .content1 .right .blk:first-child{
margin-left: 0;
}
.idx2 .content1 .right .blk .icon{
width: 3.812rem;
height: 3.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx2 .content1 .right .blk:nth-child(1) .icon img{
width: 3.5rem;
}
.idx2 .content1 .right .blk:nth-child(2) .icon img{
width: 3.812rem;
}
.idx2 .content1 .right .blk:nth-child(3) .icon img{
width: 3.125rem;
}
.idx2 .content1 .right .blk:nth-child(4) .icon img{
width: 3.437rem;
}
.idx2 .content1 .right .blk.active .icon img:first-child,
.idx2 .content1 .right .blk .icon img:last-child{
display: none;
}
.idx2 .content1 .right .blk.active .icon img:last-child{
display: block;
}
.idx2 .content1 .right .blk .txt{
font-size: 1.4rem;
color: #F4F4F4;
line-height: 1.4rem;
margin-top: 2.75rem;
}
.idx3{
padding-top: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx3 .content{
width: 95%;
margin-top: 3.125rem;
}
.idx3 .content .swiper-wrapper{
display: flex;
justify-content: space-between;
}
.idx3 .content .swiper-slide{
width: 75%;
display: flex;
justify-content: center;
}
.idx3 .content .blk{
width: 100%;
padding-right: 2.83%;
padding-bottom: 4.187rem;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.idx3 .content .blk .txt{
background-image: url("http://nazhongkeji.com/img/idx3_bg1.png");
background-size: 100% 100%;
width: 90.76%;
height: 50%;
padding-top: 19.81%;
box-sizing: border-box;
position: absolute;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.idx3 .content .blk .txt .t1{
font-weight: 500;
font-size: 1.8rem;
color: #FFFFFF;
line-height: 1.8rem;
}
.idx3 .content .blk .txt .t2{
width: 90%;
font-size: 1.6rem;
color: #FFFFFF;
line-height: 2.5rem;
text-align: center;
margin-top: .937rem;
}
.idx3 .content .blk.active .txt{
background-image: url("http://nazhongkeji.com/img/idx3_bg1a.png");
}
.idx3 .btns{
width: 30%;
height: 4.5rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-top: 3.125rem;
}
.idx3 .btns .swiper-button-prev,
.idx3 .btns .swiper-button-next{
width: 4.5rem;
height: 4.5rem;
}
.idx3 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx4{
padding-top: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx4 .content{
width: 100%;
padding-top: 0;
padding-bottom: 0;
background-image: none;
background-size: 100% 100%;
margin-top: 3.125rem;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.idx4 .content .left{
width: 100%;
height: 100%;
position: static;
top: 0;
left: 0;
}
.idx4 .content .right{
width: 95%;
padding-top: 4.375rem;
padding-bottom: 5rem;
background-image: url("http://nazhongkeji.com/img/m_idx4_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 2.5rem;
}
.idx4 .content .right .blk{
width: 90%;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
box-sizing: border-box;
display: flex;
align-items: flex-start;
}
.idx4 .content .right .blk.active{
background: none;
}
.idx4 .content .right .blk .icon{
width: 20%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-right: 4%;
margin-top: 2.5%;
}
.idx4 .content .right .blk .icon img{
width: 100%;
}
.idx4 .content .right .blk:last-child .icon img{
width: 100%;
}
.idx4 .content .right .blk.active .icon img:first-child,
.idx4 .content .right .blk .icon img:last-child{
display: none;
}
.idx4 .content .right .blk.active .icon img:last-child{
display: block;
}
.idx4 .content .right .blk .txt .cn{
font-size: 1.5rem;
color: #353535;
line-height: 2.5rem;
}
.idx4 .content .right .blk .txt .en{
font-weight: 300;
font-size: .875rem;
color: #353535;
line-height: 1.875rem;
margin-top: .562rem;
}
.idx4 .content .right .blk.active .txt .cn,
.idx4 .content .right .blk.active .txt .en{
color: #fff;
}
.idx5{
padding-top: 6rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx5 .pic{
width: 90%;
margin-top: 1.875rem;
}
.idx6{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4.125rem;
padding-bottom: 6.25rem;
background-color: transparent;
}
.idx6 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx6 .content{
width: 100%;
margin-top: 4.375rem;
}
.idx6 .content .swiper-wrapper{
display: flex;
justify-content: flex-start;
grid-column-gap: 0;
}
.idx6 .content .swiper-slide{
width: 70%;
display: flex;
justify-content: center;
}
.idx6 .content .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx6 .content .blk img{
width: 99%;
}
.idx6 .content .blk .txt{
width: 100%;
padding-top: 2rem;
padding-bottom: 1.375rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
align-items: center;
}
.idx6 .content .blk.active .txt{
background: #D93535;
}
.idx6 .content .blk .txt .t1{
font-weight: 500;
font-size: 1.8rem;
color: #FFFFFF;
line-height: 1.8rem;
}
.idx6 .content .blk .txt .t2{
font-size: 1.6rem;
color: #FFFFFF;
line-height: 2.5rem;
margin-top: .937rem;
}
.idx6 .content .blk .txt .btn{
width: 2.187rem;
margin-top: .937rem;
}
.idx6 .btns{
width: 30%;
height: 4.5rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-top: 3.125rem;
}
.idx6 .btns .swiper-button-prev,
.idx6 .btns .swiper-button-next{
width: 4.5rem;
height: 4.5rem;
}
.idx6 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.m_idx7{
padding-top: 1rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx7 .content{
width: 100%;
margin-top: 3.125rem;
}
.m_idx7 .content .swiper-slide{
width: 42.97%;
}
.m_idx7 .content .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ECECEC;
padding: 1.125rem;
box-sizing: border-box;
}
.m_idx7 .content .blk img{
width: 100%;
}
.m_idx7 .content .blk .txt{
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
margin-top: 1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.m_idx7 .content .swiper-slide-active .blk{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.m_idx7 .content .swiper-slide-active .blk .txt{
color: #fff;
}
.m_idx7 .btns{
width: 30%;
height: 4.5rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-top: 3.125rem;
}
.m_idx7 .btns .swiper-button-prev,
.m_idx7 .btns .swiper-button-next{
width: 4.5rem;
height: 4.5rem;
}
.m_idx7 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx8{
padding-top: 3rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx8 .right{
width: 95%;
z-index: 1;
}
.idx8 .left{
width: 100%;
background-image: url("http://nazhongkeji.com/img/m_idx8_bg1.jpg");
background-size: 100% 100%;
padding-left: 6%;
padding-right: 6%;
padding-top: 25rem;
padding-bottom: 5.625rem;
box-sizing: border-box;
margin-top: -18.5rem;
z-index: 0;
}
.idx8 .left .global_title{
width: 100%;
align-items: flex-start;
}
.idx8 .left .global_title .title{
width: 100%;
text-align: left;
}
.idx8 .left .global_title .title .bg{
color: rgb(255, 255, 255, 0.2);
background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(255, 255, 255, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
transform: none;
}
.idx8 .left .list{
display: flex;
flex-direction: column;
grid-row-gap: .625rem;
margin-top: 3.5rem;
}
.idx8 .left .list .splid{
width: 1px;
height: 1.062rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
margin-left: 1.5rem;
}
.idx8 .left .list .l{
display: flex;
align-items: center;
}
.idx8 .left .list .l .num{
width: 3.5rem;
height: 3.5rem;
background-image: url("http://nazhongkeji.com/img/idx8_bg2.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
font-family: "HarmonySans";
font-size: 1.4rem;
color: #FFFFFF;
line-height: 1.4rem;
}
.idx8 .left .list .l .cn{
font-size: 1.8rem;
color: #FFFFFF;
line-height: 1.8rem;
margin-left: 1.125rem;
}
.idx8 .left .list .l .en{
font-weight: 300;
font-size: 1.4rem;
color: rgb(255, 255, 255, 0.3);
line-height: 1.4rem;
margin-left: 1.187rem;
}
.idx8 .left .list .l.active .num{
background-image: url("http://nazhongkeji.com/img/idx8_bg2a.png");
}
.idx9{
display: flex;
justify-content: center;
}
.idx9 .content{
width: 100%;
height: 55.25rem;
padding-top: 13.75rem;
padding-left: 8%;
box-sizing: border-box;
background-image: url("http://nazhongkeji.com/img/m_idx9_bg1.jpg");
background-size: 100% 100%;
background-position: center center;
display: flex;
justify-content: flex-start;
}
.idx9 .content .right{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 0;
}
.idx9 .content .right .global_title{
align-items: flex-end;
}
.idx9 .content .right .global_title .title span{
color: #D93535;
}
.idx9 .content .right .global_title .title .bg{
color: rgb(255, 255, 255, 0.2);
background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(255, 255, 255, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
right: auto;
transform: none;
}
.idx9 .content .right .list{
display: flex;
flex-direction: column;
align-items: flex-start;
grid-row-gap: 1.875rem;
margin-top: 2.5rem;
}
.idx9 .content .right .list .l{
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1.5rem;
position: relative;
z-index: 1;
}
.idx9 .content .right .list .l::before{
content: "";
width: 1.062rem;
height: 1.062rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
position: absolute;
left: -.312rem;
bottom: -.125rem;
z-index: -1;
}
.idx9 .content .right .t{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-top: 2.5rem;
}
.idx10{
padding-top: 5rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx10 .content{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
grid-row-gap: 2.75rem;
margin-top: 3.125rem;
}
.idx10 .content .blk{
width: 100%;
}
.idx10 .content .blk img{
width: 100%;
}
.idx10 .content .blk .txt{
width: 100%;
height: 4.562rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx10 .content .blk.active .txt{
background: #D93535;
}
.idx11{
padding-top: 5rem;
padding-bottom: 3.125rem;
background-image: url("http://nazhongkeji.com/img/m_idx11_bg1.jpg");
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
}
.idx11 .content{
width: 95%;
padding-top: 0;
background-color: transparent;
position: relative;
margin-top: 3.125rem;
}
.idx11 .content .swiper-container{
width: 100%;
}
.idx11 .content .swiper-slide{
width: 100%;
}
.idx11 .btns{
width: 30%;
height: 4.5rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-top: 3.125rem;
position: static;
top: 50%;
left: 50%;
transform: none;
}
.idx11 .btns .swiper-button-prev,
.idx11 .btns .swiper-button-next{
width: 4.5rem;
height: 4.5rem;
}
.idx11 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx12{
padding-top: 6.25rem;
padding-bottom: 3.125rem;
background-image: url("http://nazhongkeji.com/img/m_idx12_bg1.jpg");
background-size: 100% 100%;
}
.idx12.about{
margin-bottom: 5rem;
}
.idx12 .global_title .title .bg{
color: rgb(112, 112, 112, 0.2);
background: linear-gradient(180deg, rgb(112, 112, 112, 0.2), rgb(112, 112, 112, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx12 .content{
width: 90%;
position: relative;
margin-top: 1.875rem;
}
.idx12 .content .swiper-slide{
width: 50%;
}
.idx12 .content .blk{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx12 .content .blk img{
width: 100%;
}
.idx12 .content .blk .txt{
font-weight: 500;
font-size: 1.375rem;
color: #353535;
line-height: 2rem;
text-align: center;
}
.idx12 .btns{
width: 30%;
height: 4.5rem;
display: flex;
justify-content: space-between;
position: static;
top: 50%;
left: 50%;
transform: none;
margin: 0 auto;
margin-top: 6.25rem;
}
.idx12 .btns .swiper-button-prev,
.idx12 .btns .swiper-button-next{
width: 4.5rem;
height: 4.5rem;
}
.idx12 .btns .swiper-button-next{
transform: rotateY(180deg)
}
.idx13{
padding-top: 5rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx13 .warnning{
color: red;
font-size: 1.5rem;
position: absolute;
right: 6%;
bottom: 5%;
}
.idx13 .content{
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-column-gap: 0;
grid-row-gap: 1.25rem;
margin-top: 3.125rem;
}
.idx13 .content:last-child{
margin-top: 1.25rem;
}
.idx13 .content .blk{
width: 48%;
height: 6.25rem;
padding-left: 2.4%;
border: 1px solid #1759E1;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.idx13 .content .blk .r1{
display: flex;
align-items: center;
}
.idx13 .content .blk .r1 .icon{
width: 2rem;
margin-right: .625rem;
}
.idx13 .content .blk .r1 .txt{
font-weight: 500;
font-size: 1.625rem;
color: #1759E1;
line-height: 1.625rem;
}
.idx13 .content .blk .r2{
font-size: 1.4rem;
color: #353535;
line-height: 1.4rem;
text-indent: 2.625rem;
margin-top: .75rem;
}
.idx13 .content .blk.active .r1 .icon img:first-child,
.idx13 .content .blk .r1 .icon img:last-child{
display: none;
}
.idx13 .content .blk.active .r1 .icon img:last-child{
display: block;
}
.idx13 .content .blk.active{
background: linear-gradient(180deg, #5597D9, #1759E1);
}
.idx13 .content .blk.active .r1 .txt,
.idx13 .content .blk.active .r2{
color: #fff;
}
.idx14{
padding-top: 5rem;
padding-bottom: 5.125rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
align-items: center;
}
.idx14 .warnning{
color: red;
font-size: 1.5rem;
position: absolute;
right: 6%;
bottom: 5%;
}
.idx14.joinus{
margin-bottom: 3.125rem;
}
.idx14 .global_title .title .bg{
color: rgb(255, 255, 255, 0.2);
background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(255, 255, 255, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.idx14 .global_title .title span{
color: #D93535;
}
.idx14 .content{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-column-gap: 8.6%;
grid-row-gap: 2.5rem;
margin-top: 3.125rem;
}
.idx14 .content .blk{
width: 15.16%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx14 .content .blk .icon{
width: 100%;
}
.idx14 .content .blk .txt{
font-size: 1.5rem;
color: #FFFFFF;
line-height: 2.125rem;
text-align: center;
white-space: nowrap;
margin-top: 1.25rem;
}
.idx14 .r{
width: 90%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2.5rem;
}
.idx14 .r img{
width: 1.5rem;
}
.idx14 .r .txt{
font-size: 1.4rem;
color: #FFFFFF;
line-height: 1.4rem;
margin-left: 0;
}
.idx14 .r .txt span{
font-family: "HarmonySans";
font-weight: 500;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-left: 0;
}
.idx14 .r .btn{
width: 40%;
height: 3.375rem;
background: linear-gradient(180deg, #D93535, #DF1717);
border-radius: 1.687rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
color: #FFFFFF;
line-height: 1.4rem;
margin-left: 0;
}
.idx14 .r .btn img{
width: 2.062rem;
}
.idx15{
padding-top: 5rem;
padding-bottom: 3.75rem;
background-image: url("http://nazhongkeji.com/img/m_idx15_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx15.about{
margin-top: 3.125rem;
}
.idx15 .content{
width: 100%;
padding-left: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;;
margin-top: 3.125rem;
}
.idx15 .content .left{
width: 90%;
margin-top: 3.125rem;
}
.idx15 .content .left .global_title{
align-items: flex-start;
}
.idx15 .content .left .global_title .title{
font-size: 1.8rem;
}
.idx15 .content .left .global_title .title .bg{
color: rgb(53, 53, 53, 0.2);
background: linear-gradient(180deg, rgb(53, 53, 53, 0.2), rgb(53, 53, 53, 0.2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2.5rem;
left: 0;
top: -1rem;
transform: none;
}
.idx15 .content .left .txt{
font-size: 1.6rem;
color: #353535;
line-height: 2.5rem;
text-indent: 3.2rem;
text-align: justify;
margin-top: 2.187rem;
}
.idx15 .content .left .btn{
width: 14.562rem;
height: 3.375rem;
background: linear-gradient(180deg, #D93535, #DF1717);
border-radius: 1.687rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.375rem;
margin-top: 1.875rem;
}
.idx15 .content .left .btn img{
width: 2.062rem;
margin-left: .812rem;
}
.idx15 .content .right{
width: 95%;
padding-top: 1.562rem;
padding-right: 1.562rem;
box-sizing: border-box;
position: relative;
z-index: 1;
margin-left: 0;
}
.idx15 .content .right img{
width: 100%;
}
.idx15 .content .right .blue{
width: 66.23%;
height: 69.81%;
background: linear-gradient(180deg, #5597D9, #1759E1);
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.m_news{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5rem;
padding-bottom: 3.125rem;
}
.m_news .content{
width: 95%;
margin-top: 3.125rem;
display: flex;
flex-direction: column;
}
.m_news .content .sec{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_news .content .sec .pic{
width: 100%;
}
.m_news .content .sec .txt{
width: 90%;
margin-top: 2.5rem;
}
.m_news .content .sec .txt .t1{
font-weight: 500;
font-size: 1.8rem;
color: #1759E1;
line-height: 1.8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m_news .content .sec .txt .t2{
font-size: 1.6rem;
color: #666666;
line-height: 2.5rem;
margin-top: 1rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.m_contact{
display: flex;
justify-content: center;
}
.m_contact form{
width: 95%;
padding-top: 5.437rem;
padding-bottom: 3.562rem;
background-color: #EAEAEA;
}
.m_contact .feedback{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 2.812rem;
}
.m_contact .feedback .ipt{
width: 85%;
height: 3.75rem;
padding-left: 1.875rem;
box-sizing: border-box;
background-color: #fff;
display: flex;
align-items: center;
}
.m_contact .feedback .ipt img{
width: 1.5rem;
margin-right: .812rem;
}
.m_contact .feedback input{
border: none;
width: calc(100% - 2.062rem);
height: 100%;
background: transparent;
font-size: 1.5rem;
color: #333333;
box-sizing: border-box;
}
.m_contact .feedback input:placeholder-shown::placeholder,
.m_contact .feedback textarea:placeholder-shown::placeholder{
color: rgb(53, 53, 53, 0.8);
}
.m_contact .feedback button{
width: 40%;
height: 3rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border: none;
font-size: 1.4rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.m_footer{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5rem;
padding-bottom: 2.5rem;
background: #49494A;
margin-top: 3.125rem;
}
.m_footer .top{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_footer .top img{
width: 70%;
}
.m_footer .top .txt{
font-weight: 500;
font-size: 1.375rem;
color: #FFFFFF;
margin-top: 1.562rem;
}
.m_footer .bottom{
width: 100%;
margin-top: 3.75rem;
display: flex;
flex-direction: column;
align-items: center;
}
.m_footer .bottom .lianxi .r1{
font-size: 2rem;
color: #FFFFFF;
line-height: 2rem;
}
.m_footer .bottom .lianxi{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 1.25rem;
margin-bottom: 2.5rem;
}
.m_footer .bottom .lianxi .r1{
display: flex;
align-items: center;
font-weight: 500;
font-size: 1.8rem;
color: #FFFFFF;
}
.m_footer .bottom .lianxi img{
width: 10%;
}
.m_footer .bottom .lianxi .txt{
font-size: 1.4rem;
color: #FFFFFF;
line-height: 2.5rem;
text-align: center;
}
.m_footer .qrcode{
width: 94%;
display: flex;
justify-content: center;
grid-column-gap: 5%;
margin-top: 1.25rem;
}
.m_footer .qrcode .qc{
display: flex;
flex-direction: column;
align-items: center;
font-size: 1.3rem;
color: #fff;
line-height: 1.4rem; width: 32.5%;
}
.m_footer .qrcode .qc .bg{
width: 90%;
height: auto;
background-image: url("http://nazhongkeji.com/img/qrcode_bg.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.437rem;
padding: 5% 4%;
}
.m_footer .qrcode img{
width: 90%;
height: auto;
}
.shop1{
padding-top: 3.125rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.shop1 .content{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.shop1 .content .left{
width: 100%;
}
.shop1 .content .right{
width: 90%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
grid-row-gap: 3.125rem;
margin-top: 1.25rem;
}
.shop1 .content .right .r{
display: flex;
align-items: flex-start;
}
.shop1 .content .right .r .icon{
width: 1.562rem;
margin-top: .937rem;
}
.shop1 .content .right .r .txt{
margin-left: 1.375rem;
}
.shop1 .content .right .r .txt .t1{
font-weight: 500;
font-size: 1.875rem;
color: rgba(53, 53, 53, 0.9);
line-height: 2.937rem;
}
.shop1 .content .right .r .txt .t2{
font-size: 1.6rem;
color: #353535;
line-height: 2.8rem;
margin-top: .5rem;
}
.about1{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 2.75rem;
padding-bottom: 1.937rem;
background-image: none;
}
.about1 .content{
width: 100%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 2.5%;
padding-right:2.5%;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
background-image: url("http://nazhongkeji.com/img/about1_bg1.jpg");
background-size: 100% 100%;
box-sizing: border-box;
}
.about1 .content .tit{
width: 100%;
padding-top: .5rem;
padding-bottom: 1.437rem;
padding-left: .437rem;
background-image: url("http://nazhongkeji.com/img/about1_logo.png");
background-position: top left;
background-size: auto 100%;
background-repeat: no-repeat;
}
.about1 .content .tit .t1{
font-weight: 500;
font-size: 2rem;
color: #FFFFFF;
line-height: 2.937rem;
}
.about1 .content .tit .t2{
width: 100%;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2.062rem;
margin-left: 0;
padding-left: 6.062rem;
text-align: justify;
box-sizing: border-box;
}
.about1 .content .pic{
width: 100%;
margin-top: .687rem;
}
.about1 .content .txt{
width: 100%;
padding: 1.875rem;
box-sizing: border-box;
background-color: #2F3030;
border-top: .75rem solid #C2232A;
display: flex;
flex-direction: column;
grid-row-gap: 1rem;
position: static;
right: 0;
top: -3.5rem;
}
.about1 .content .txt p{
font-weight: 300;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2.5rem;
}
.about2{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.about2 .global_title .title .t .bg{
font-size: 4.25rem;
}
.about2 .swiper-slide{
display: flex;
justify-content: center;
}
.about2 .content{
margin-top: 7.687rem;
position: relative;
}
.about2 .content img{
width: 21.625rem;
}
.about2 .btns{
width: 90%;
height: 4.375rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
z-index: 1;
pointer-events: none;
}
.about2 .btns .swiper-button-prev{
pointer-events: auto;
width: 4.375rem;
height: 4.375rem;
}
.about2 .btns .swiper-button-next{
pointer-events: auto;
width: 4.375rem;
height: 4.375rem;
transform: rotateY(180deg)
}
.about3{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.about3 .content1{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.about3 .content1 .left{
width: 100%;
position: relative;
}
.about3 .content1 .left .title{
display: flex;
flex-direction: row;
align-items: flex-end;
position: absolute;
grid-column-gap: .625rem;
right: 0;
top: 0;
}
.about3 .content1 .left .title .tit1{
font-size: 2.5rem;
color: #999999;
line-height: 2.75rem;
}
.about3 .content1 .left .title .tit2{
font-size: 1.25rem;
color: #999999;
line-height: 1.5rem;
margin-top: 1.875rem;
}
.about3 .content1 .left .title img{
width: 1.125rem;
margin-top: 0;
}
.about3 .content1 .left .t1{
font-weight: 500;
font-size: 2rem;
color: #FF9900;
line-height: 2.75rem;
margin-top: 0;
}
.about3 .content1 .left .t2{
font-size: 1.5rem;
color: #333333;
line-height: 2.5rem;
text-align: justify;
margin-top: 2.125rem;
}
.about3 .content1 .right{
width: 100%;
margin-left: 0;
margin-top: 2.5rem;
}
.about3 .content2{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 3.125rem;
}
.about3 .content2 .left{
width: 100%;
margin-right: 0;
margin-top: 2.5rem;
}
.about3 .content2 .right{
width: 100%;
}
.about3 .content2 .right .t1{
padding-top: 2rem;
padding-bottom: .562rem;
background-image: url("http://nazhongkeji.com/img/about3_bg3.png");
background-position: left center;
background-repeat: no-repeat;
font-weight: 500;
font-size: 1.875rem;
color: #333333;
line-height: 2.812rem;
margin-top: 1.625rem;
}
.about3 .content2 .right .t2{
font-size: 1.5rem;
color: #333333;
line-height: 2.5rem;
text-align: justify;
margin-top: .75rem;
}
.about3 .content3{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 3.125rem;
}
.about3 .content3 .left{
width: 100%;
}
.about3 .content3 .left .t1{
padding-top: 2rem;
background-image: url("http://nazhongkeji.com/img/about3_bg2.png");
background-position: left center;
background-repeat: no-repeat;
font-weight: 500;
font-size: 2rem;
color: #171717;
line-height: 2.75rem;
}
.about3 .content3 .left .t2{
font-size: 1.5rem;
color: #333333;
line-height: 2.5rem;
text-align: justify;
margin-top: .875rem;
}
.about3 .content3 .left .splid{
width: 97%;
height: 2px;
background-color: #E9E9E9;
margin-top: 1.625rem;
}
.about3 .content3 .left .list{
display: flex;
justify-content: space-around;
grid-column-gap: 0;
margin-left: 0;
margin-top: 1.625rem;
}
.about3 .content3 .left .list .l{
width: 4.687rem;
display: flex;
flex-direction: column;
align-items: center;
}
.about3 .content3 .left .list .l img{
width: 4.687rem;
}
.about3 .content3 .left .list .l .cn{
font-weight: 500;
font-size: 1.375rem;
color: #333333;
line-height: 2.062rem;
margin-top: 1.187rem;
white-space: nowrap;
}
.about3 .content3 .left .list .l .en{
font-weight: 500;
font-size: 1rem;
color: #999999;
line-height: 1.5rem;
white-space: pre-wrap;
text-align: center;
}
.about3 .content3 .right{
width: 100%;
margin-left: 0;
background-image: url("http://nazhongkeji.com/img/m_about3_bg1.jpg");
background-size: 100% 100%;
padding-top: 11.5rem;
padding-bottom: 3rem;
border-radius: .75rem;
margin-top: 2.5rem;
text-align: center;
}
.about3 .content3 .right p{
width: 80%;
font-size: 1.5rem;
color: #FFFFFF;
line-height: 2.5rem;
text-align: justify;
margin-left: 3.125rem;
}
.secondnav{
margin-top: 3.125rem;
width: 90%;
}
.m_joinus{
position: relative;
min-height: 38.75rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 111;
}
.m_joinus .left{
width: 50%;
margin-top: 12.5rem;
position: relative;
}
.m_joinus .left img{
height: 20.437rem;
}
.m_joinus .left .pop{
position: absolute;
background: linear-gradient(0deg, #FA2B03, #FF5C3B);
border-radius: 1.437rem;
font-size: 1.375rem;
line-height: 3.125rem;
height: 2.812rem;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.m_joinus .left .pop1{
top: -7.937rem;
left: 9.5rem;
width: 17.375rem;
}
.m_joinus .left .pop2{
top: -3.812rem;
left: -.937rem;
width: 14.125rem;
}
.m_joinus .left .pop3{
top: 2.687rem;
left: -9.125rem;
width: 15.562rem;
}
.m_joinus .right{
margin-top: 6.25rem;
}
.m_joinus .right .txt{
color: #535353;
}
.m_joinus .right .txt1{
font-size: 1.562rem;
line-height: 2rem;
width: 30rem;
}
.m_joinus .right .txt2{
margin-top: 1.937rem;
}
.m_joinus .right .txt3{
font-size: 1.625rem;
line-height: 2.375rem;
margin-top: 2rem;
width: 36rem;
}
.m_joinus .right .btn{
margin-top: 2.375rem;
}
.platform{
margin-top: 5.625rem;
background: url("http://nazhongkeji.com/img/platform-bg1.png");
display: flex;
justify-content: center;
align-items: center;
}
.platform img:nth-child(1){
width: 48%;
}
.platform img:nth-child(2){
width: 48%;
margin-left: 0;
}
.news1 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3.125rem;
padding-bottom: 2.5rem;
grid-row-gap: 2.5rem;
}
.news1 .content{
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 0;
}
.news1 .contentin{
width: 95%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.news1 .contentin .pic{
width: 100%;
}
.news1 .contentin .txt{
width: 95%;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 1.25rem;
}
.news1 .contentin .txt .t1{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.news1 .contentin .txt .t1>div{
flex-grow: 1;
font-size: 1.875rem;
color: #353535;
line-height: 1.875rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news1 .contentin .txt .date{
font-weight: 500;
font-size: 1.4rem;
color: #9E9E9E;
margin-top: 1.4rem;
}
.news1 .contentin .txt .t2{
font-size: 1.6rem;
color: #5C5C5C;
line-height: 2.8rem;
margin-top: 1.5rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.news1 .contentin .icon{
width: 1rem;
height: 1.75rem;
}
.news1 .contentin .icon img{
width: 100%;
}
.news1 .content:hover .contentin .icon img:first-child,
.news1 .contentin .icon img:last-child{
display: none;
}
.news1 .content:hover .contentin .icon img:last-child{
display: block;
}
.news1 .content:hover{
background: none;
}
.news1 .content:hover .contentin .txt .t1>div{
color: #353535;
}
.news1 .content:hover .contentin .txt .t2{
color: #5C5C5C;
}
.news1 .content:hover .contentin .txt .date{
color: #9E9E9E;
}
.second_title_h1{
margin-top: 3.125rem;
}
.second_content{
}
.article{
width: 92%;
margin-bottom: 6.25rem;
padding-left: 4%;
padding-right: 4%;
}
.bmap{
height: 30rem;
}
.maplabel{
width: 22.437rem;
height: 6.812rem;
background-image: url("http://nazhongkeji.com/img/map_bg.png");
background-size: 100% 100%;
font-size: 1.375rem;
color: rgba(255,255,255,0.9);
line-height: 2.062rem;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 1.25rem;
box-sizing: border-box;
}
.contact1{
display: flex;
justify-content: center;
margin-top: 3.125rem;
}
.contact1 .content{
width: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.contact1 .content .left,
.contact1 .content form{
width: 100%;
}
.contact1 .content .left{
padding-top: 6.25rem;
padding-bottom: 6.25rem;
padding-left: 5%;
box-sizing: border-box;
background: linear-gradient(180deg, #5597D9, #1759E1);
display: flex;
flex-direction: column;
grid-row-gap: 3.5rem;
}
.contact1 .content .left .blk{
display: flex;
align-items: flex-start;
}
.contact1 .content .left .blk .icon{
width: 3.375rem;
margin-right: 5%;
}
.contact1 .content .left .blk .txt .t1{
font-weight: 500;
font-size: 1.875rem;
color: #FFFFFF;
line-height: 2.937rem;
}
.contact1 .content .left .blk .txt .t2{
font-size: 1.6rem;
color: rgb(255, 255, 255, 0.9);
line-height: 2.8rem;
margin-top: .625rem;
}
.contact1 form{
padding-top: 4.687rem;
padding-bottom: 4.25rem;
background-color: #F6F6F6;
display: flex;
justify-content: center;
}
.contact1 .feedback{
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 2.125rem;
}
.contact1 .feedback .ipt{
width: 100%;
padding-left: 1.875rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;;
}
.contact1 .feedback .ipt .t{
font-weight: 500;
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
text-indent: 1.5rem;
}
.contact1 .feedback input{
border: none;
width: 100%;
height: 3.75rem;
padding-left: 1.5rem;
background: #fff;
font-size: 1.5rem;
color: #333333;
box-sizing: border-box;
margin-top: .75rem;
}
.contact1 .feedback input:placeholder-shown::placeholder{
color: rgb(53, 53, 53, 0.5);
}
.contact1 .feedback button{
width: 60%;
height: 3rem;
background: linear-gradient(180deg, #5597D9, #1759E1);
border: none;
font-size: 1.5rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: .687rem;
}
.joinus1 .content{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 4.75rem;
}
.joinus1 .content .blk{
width: 46%;
height: 24rem;
padding-left: 1%;
padding-right: 1%;
background-color: #F7F7F7;
border-radius: 1.25rem;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1.25rem;
}
.joinus1 .content .blk:nth-child(1) img{
width: 2.062rem;
height: 1.937rem;
}
.joinus1 .content .blk:nth-child(2) img{
width: 2.125rem;
height: 1.937rem;
}
.joinus1 .content .blk:nth-child(3) img{
width: 2.312rem;
height: 2.187rem;
}
.joinus1 .content .blk:nth-child(4) img{
width: 2.125rem;
height: 2.5rem;
}
.products{
width: 100%;
padding-top: 3.125rem;
padding-bottom: 2.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
grid-column-gap: 2.5rem;
}
.products .left{
width: 95%;
box-shadow: none;
padding-bottom: 0;
}
.products .header{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 1.875rem;
color: #FFFFFF;
}
.products .list{
width: 100%;
margin-top: 1.875rem;
}
.products .list ul{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.products .list li{
height: 4.375rem;
width: 50%;
padding-left: 5%;
font-size: 1.5rem;
border-bottom: 1px dashed #AAAAAA;
box-sizing: border-box;
}
.products .list li:last-child{
border-bottom: none;
}
.products .right{
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
grid-column-gap: 0;
grid-row-gap: 1.875rem;
margin-top: 1.25rem;
}
.products .right .product img{
width: 100%;
}
.products .right .product{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.products .right .product .txt{
font-size: 1.5rem;
color: #353535;
line-height: 1.5rem;
margin-top: 1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.factory{
padding-top: 3.125rem;
padding-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-row-gap: 2.187rem;
grid-column-gap: 0;
}
.factory .content{
display: block;
width: 95%;
}
.factory .content img{
width: 100%;
}
.syp{font-size: 1.4rem}
}
@media (max-width: 1450px) and (min-width: 1200px) {
html{
font-size: 12px;
}
}
@media (max-width: 380px) {
.bk7 {
position: relative;
padding-top: 14%;
margin: 8% auto 2%;
}}
@media (max-width: 350px) {
html{
font-size: 9px;
}
}