@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';
/* background-color: #fdfaf7;*/
}
.wap{
display: none;
}
#content{
margin-top: 12.5rem;
}
#header{
position: fixed;
top: 0;
width: 100%;
max-width: 120rem;
height: 12.5rem;
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: 7.625rem;
position: relative;
overflow: visible;
}
.logo .left{
display: flex;
justify-content: flex-start;
align-items: center;
width: 50%;
}
.logo .logopic{
width: 4.875rem;
height: 5.937rem;
}
.logo .left .splid{
width: 1px;
height: 1.875rem;
background-color: #D6D6D6;
margin-left: 1.625rem;
margin-right: 1.625rem;
}
/*
.logo .left img{
width: 3.5rem;
height: 3.5rem;
}
*/
.logo .left .logo_txt{
font-family: alimama;
font-size: 2.625rem;
color: #214077;
}
.logo .left .logo_txt1{
font-weight: 300;
font-size: 1.375rem;
color: #333333;
margin-left: 2.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;
width: 50%;
}
.logo .right img{
width: 3rem;
height: 3rem;
}
.logo .right .logo_txt{
display: flex;
flex-direction: column;
margin-left: 1.25rem;
}
.logo .right .logo_txt .t1{
font-size: 1.125rem;
color: #222222;
line-height: 1.125rem;
}
.logo .right .logo_txt .t2{
font-size: 1.625rem;
color: #333333;
line-height: 1.625rem;
margin-top: .687rem;
}
/*
.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: 4.875rem;
background-color: #214077;
display: flex;
justify-content: center;
}
#nav{
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
#nav li{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-weight: 500;
font-size: 1.125rem;
color: #FFFFFF;
}
#nav li:nth-child(even){
font-weight: bold;
font-size: 1.187rem;
}
#nav li a{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* position: relative;*/
}
#nav li a .bkg{
display: none;
}
#nav li.on a .bkg{
display: block;
width: 100%;
height: .25rem;
background-color: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
/*
#nav li a.on .bkg{
display: block;
height: 100%;
background-color: #D6E9CB;
width: 6.75rem;
height: 4.5rem;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
*/
/*
#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 .ctrl{
width: 97.5rem;
height: 8.125rem;
position: absolute;
right: 0;
bottom: 0;
display: flex;
z-index: 10;
background-image: url("/img/banner_bg.jpg");
background-size: 100% 100%;
}
.banner .ctrl .btns{
display: flex;
}
.banner .ctrl .btns .swiper-button-prev{
background-color: #FF7200;
width: 7.5rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.banner .ctrl .btns .swiper-button-next{
background-color: #FF7200;
width: 7.5rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.banner .ctrl .t{
width: 82.5rem;
height: 100%;
display: flex;
align-items: center;
}
.banner .ctrl .t .t1{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-left: 5.062rem;
}
.banner .ctrl .t .t2{
width: 3.562rem;
height: 3.562rem;
background: #FFFFFF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 7.5rem;
}
.banner .ctrl .t .t3{
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
margin-left: 1.937rem;
}
.global_title{
display: flex;
flex-direction: column;
align-items: center;
}
.global_title .title{
font-family: alimama;
font-size: 2.875rem;
color: #333333;
text-align: center;
}
.global_title .title span{
color: #214077;
}
.global_title .sub{
font-weight: 500;
font-size: 1.625rem;
color: #666666;
line-height: 2.437rem;
text-align: center;
margin-top: 1.875rem;
}
.global_title1{
display: flex;
flex-direction: column;
align-items: center;
}
.global_title1 .title{
font-family: alimama;
font-size: 2.875rem;
color: #fff;
text-align: center;
}
.global_title1 .title span{
color: #214077;
}
.global_title1 .sub{
font-weight: 500;
font-size: 1.625rem;
color: #fff;
line-height: 2.437rem;
text-align: center;
margin-top: 1.875rem;
}
.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.125rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.idx1 .content{
display: flex;
justify-content: center;
align-items: center;
margin-top: 2.5rem;
}
.idx1 .content .left{
width: 38.75rem;
padding-left: 5.625rem;
padding-top: 5.625rem;
padding-bottom: 5.625rem;
background-color: #fff;
box-shadow: -1.875rem 1.875rem 52px rgb(138, 138, 138, 0.32);
display: flex;
flex-direction: column;
justify-content: center;
grid-row-gap: 2.5rem;
z-index: 1;
}
.idx1 .content .left .l{
display: flex;
align-items: flex-start;
}
.idx1 .content .left .l .icon img{
width: 1.75rem;
margin-top: .25rem;
}
.idx1 .content .left .l .txt{
font-weight: 500;
font-size: 1.625rem;
color: #666666;
line-height: 2.062rem;
margin-left: .625rem;
}
.idx1 .content .left .l:hover .icon img:first-child,
.idx1 .content .left .icon img:last-child{
display: none;
}
.idx1 .content .left .l:hover .icon img:last-child{
display: block;
}
.idx1 .content .right{
width: 51.75rem;
margin-left: -21.062rem;
z-index: 0;
}
.idx1 .bg{
width: 84%;
position: absolute;
left: 6.82%;
bottom: 5.75rem;
z-index: 2;
pointer-events: none;
}
.idx2{
width: 100%;
display: flex;
align-items: stretch;
}
.idx2 .left{
width: 45.16%;
}
.idx2 .right{
width: calc(54.84% - 6.25rem);
padding-left: 6.25rem;
display: flex;
flex-direction: column;
justify-content: center;
background-image: url("/img/idx2_bg1.jpg");
background-size: 100% 100%;
}
.idx2 .right .global_title{
align-items: flex-start;
}
.idx2 .right .global_title .title,
.idx2 .right .global_title .sub{
text-align: left;
}
.idx2 .right .t1{
font-weight: 500;
font-size: 2rem;
color: #333333;
margin-top: 3.125rem;
}
.idx2 .right .t2{
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.875rem;
}
.idx3{
display: flex;
justify-content: center;
align-items: center;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.idx3 .left{
width: 53.75rem;
margin-right: -8.125rem;
}
.idx3 .left .global_title{
align-items: flex-start;
margin-left: 8.125rem;
margin-bottom: 2.5rem;
}
.idx3 .left .global_title .sub{
text-align: left;
}
.idx3 .left .blk{
width: 37.5rem;
height: 17.687rem;
padding-left: 8.125rem;
padding-right: 8.125rem;
padding-top: 5rem;
background-image: url("/img/idx3_bg1.png");
background-size: 100% 100%;
}
.idx3 .left .blk .r1{
display: flex;
align-items: center;
font-weight: bold;
font-size: 2.125rem;
color: #333333;
}
.idx3 .left .blk .r1 img{
margin-right: .75rem;
}
.idx3 .left .blk .r1 .i1,
.idx3 .left .blk .r1 .i5{
width: 2.562rem;
}
.idx3 .left .blk .r1 .i2,
.idx3 .left .blk .r1 .i3,
.idx3 .left .blk .r1 .i4,
.idx3 .left .blk .r1 .i6{
width: 2.125rem;
}
.idx3 .left .blk .r1 .i7{
width: 2.25rem;
}
.idx3 .left .blk .r2{
font-size: 1.625rem;
color: #666666;
line-height: 2.437rem;
margin-top: 1.125rem;
}
.idx3 .right{
width: 37.5rem;
position: relative;
}
.idx3 .right img{
width: 100%;
}
.idx3 .btns{
width: 6.5rem;
height: 3.25rem;
display: flex;
justify-content: space-between;
position: absolute;
right: 0;
bottom: 0;
}
.idx3 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx3 .btns .swiper-button-next{
width: 3.25rem;
height: 3.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx4{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4.625rem;
padding-bottom: 4.562rem;
background-image: url("/img/idx4_bg1.jpg");
background-size: 100% 100%;
}
.idx4 .content{
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
grid-row-gap: 1.25rem;
}
.idx4 .content .blk{
width: 48.83%;
background-color: #fff;
padding-top: 4.687rem;
padding-bottom: 4.625rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx4 .content .blk .icon{
width: 4.25rem;
}
.idx4 .content .blk .txt{
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.875rem;
text-align: center;
}
.idx4 .content .blk.active .icon img:first-child,
.idx4 .content .blk .icon img:last-child{
display: none;
}
.idx4 .content .blk.active .icon img:last-child{
display: block;
}
.idx4 .content .blk.active{
background-image: url("/img/idx4_bg2.jpg");
background-size: 100% 100%;
}
.idx4 .content .blk.active .txt{
color: #fff;
}
.idx5{
display: flex;
justify-content: center;
align-items: center;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.idx5 .left{
width: 40.937rem;
}
.idx5 .right{
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 5.937rem;
}
.idx5 .right .global_title{
align-items: flex-start;
}
.idx5 .right .list{
display: flex;
flex-direction: column;
grid-row-gap: 1.875rem;
margin-top: 2.5rem;
}
.idx5 .right .list .l{
display: flex;
align-items: flex-start;
}
.idx5 .right .list .l .icon img{
width: 1.75rem;
margin-top: .25rem;
}
.idx5 .right .list .l .txt{
width: 25rem;
font-weight: 500;
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
text-align: justify;
margin-left: .625rem;
}
.idx5 .right .list .l:hover .icon img:first-child,
.idx5 .right .list .icon img:last-child{
display: none;
}
.idx5 .right .list .l:hover .icon img:last-child{
display: block;
}
.idx6{
background-image: url("/img/idx6_bg1.jpg");
background-size: 100% 100%;
padding-top: 5.375rem;
padding-bottom: 5.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx6 .content{
margin-top: 2.5rem;
position: relative;
}
.idx6 .content .blk{
width: 17.875rem;
height: 21.25rem;
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.idx6 .content .blk img{
max-width: 52.45%;
}
.idx6 .btns{
width: 86.562rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.idx6 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx6 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx6 .more{
width: 13.687rem;
height: 2.687rem;
border-radius: 1.375rem;
border: 1px solid #FFFFFF;
font-size: 1.125rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.875rem;
}
.idx7{
padding-top: 7.5rem;
padding-bottom: 8.125rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx7 .content{
display: flex;
justify-content: center;
align-items: center;
margin-top: 3.75rem;
}
.idx7 .content .mid{
width: 34.375rem;
}
.idx7 .content .left,
.idx7 .content .right{
display: flex;
flex-direction: column;
grid-row-gap: 5.375rem;
}
.idx7 .content .blk{
width: 19.187rem;
display: flex;
flex-direction: column;
}
.idx7 .content .blk .r1{
display: flex;
align-items: center;
}
.idx7 .content .blk .r1 .icon{
width: 4.812rem;
height: 5.5rem;
background-image: url("/img/idx7_bg2.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
}
.idx7 .content .blk .r1 .txt{
font-weight: 500;
font-size: 26px;
color: #333333;
}
.idx7 .content .left .blk .r1 .txt{
margin-left: 1.875rem;
}
.idx7 .content .right .blk .r1 .txt{
margin-right: 1.875rem;
}
.idx7 .content .left .blk .l{
width: 12.5rem;
align-self: flex-end;
}
.idx7 .content .l1{
margin-top: .625rem;
}
.idx7 .content .l2{
transform: rotateX(180deg);
margin-bottom: .625rem;
}
.idx7 .content .l3{
transform: rotateY(180deg);
margin-top: .625rem;
}
.idx7 .content .l4{
transform: rotate(180deg);
margin-bottom: .625rem;
}
.idx7 .content .right .r1{
align-self: flex-end;
}
.idx7 .content .right .blk .l{
width: 12.5rem;
margin-top: .625rem;
}
.idx7 .content .blk:hover .icon{
background-image: url("/img/idx7_bg3.png");
}
.idx8{
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 3.75rem;
background-image: url("/img/idx8_bg1.jpg");
background-position: bottom center;
background-repeat: no-repeat;
}
.idx8 .left{
width: 33.75rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.idx8 .left .global_title{
align-items: flex-start;
}
.idx8 .left .global_title .sub{
text-align: left;
}
.idx8 .left .list{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 5rem;
}
.idx8 .left .list .l{
min-width: 5.5rem;
padding-left: 1rem;
padding-right: 1rem;
height: 2.375rem;
background-color: #fff;
border-radius: 1.25rem;
font-weight: 500;
font-size: 1.25rem;
color: #214077;
display: flex;
justify-content: center;
align-items: center;
}
.idx8 .left .txt{
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2.062rem;
margin-top: 1.875rem;
}
.idx8 .right{
width: 33.75rem;
margin-left: 5.625rem;
}
.idx9{
padding-top: 8.125rem;
padding-bottom: 8.125rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx9 .left{
width: 32.5rem;
}
.idx9 .right{
display: flex;
flex-direction: column;
align-items: center;
margin-left: 6.25rem;
}
.idx9 .right .global_title .sub{
margin-top: 1.25rem;
}
.idx9 .right .r1{
width: 19.5rem;
height: 2.687rem;
background: #2B7BC0;
border-radius: 1.25rem;
font-size: 20px;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.875rem;
}
.idx9 .right .r2{
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
text-align: center;
margin-top: 2.812rem;
}
.idx9 .right .r2 span{
font-weight: 500;
color: #2B7BC0;
}
.idx10{
padding-top: 5rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/idx10_bg1.jpg");
background-position: top center;
background-repeat: no-repeat;
}
.idx10 .content{
display: flex;
justify-content: center;
align-items: stretch;
}
.idx10 .content .left{
width: 32.75rem;
padding-left: 4.75rem;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #fff;
box-shadow: 0px 1.375rem 2.625rem 0px rgba(174,174,174,0.32);
}
.idx10 .content .left .global_title{
align-items: flex-start;
}
.idx10 .content .left .global_title .title,
.idx10 .content .left .global_title .sub{
text-align: left;
}
.idx10 .content .left .r1{
font-size: 1.375rem;
color: #333333;
line-height: 2.062rem;
margin-top: 2.5rem;
}
.idx10 .left .r1 span{
font-weight: 500;
color: #2B7BC0;
}
.idx10 .content .right{
width: 37.5rem;
}
.idx11{
padding-top: 8.125rem;
padding-bottom: 8.125rem;
display: flex;
justify-content: center;
align-items: stretch;
}
.idx11 .left{
width: 36.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx11 .left .pic{
width: 100%;
}
.idx11 .left .txt{
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
text-align: center;
margin-top: 4.375rem;
}
.idx11 .left .txt span{
font-weight: 500;
color: #2B7BC0;
}
.idx11 .right{
width: 34.875rem;
display: flex;
flex-direction: column;
align-items: center;
margin-left: 3.75rem;
}
.idx11 .right .r1{
width: 19.5rem;
height: 2.687rem;
background: #2B7BC0;
border-radius: 1.25rem;
font-size: 1.25rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 4.375rem;
margin-bottom: 1.875rem;
}
.idx11 .right .global_title .title{
white-space: nowrap;
}
.idx11 .right .global_title .sub{
margin-top: 1.25rem;
}
.idx11 .right .pic{
width: 100%;
margin-top: 4.375rem;
}
.idx12{
padding-top: 5.187rem;
padding-bottom: 3.375rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/idx12_bg1.jpg");
background-size: 100% 100%;
}
.idx12 .content{
margin-top: 1.875rem;
}
.idx12 .content .swiper-slide{
width: 37.5rem;
height: 31.312rem;
}
.idx12 .content .swiper-slide .pic{
width: 100%;
height: 100%;
position: relative;
}
.idx12 .content .swiper-slide .pic .txt{
position: absolute;
left: 50%;
bottom: 2.5rem;
transform: translateX(-50%);
width: 10.812rem;
height: 2.687rem;
background: #214077;
border-radius: 1.375rem;
font-weight: 500;
font-size: 1.125rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.idx12 .content .swiper-slide.swiper-slide-active .pic .txt{
background-color: #2B7BC0;
}
.idx12 .btns{
width: 86.562rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.idx12 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx12 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx13{
padding-top: 10.562rem;
padding-bottom: 8.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx13 .content{
margin-top: 2.25rem;
}
.idx13 .content .blk{
width: 36.062rem;
}
.idx13 .content .blk .pic{
width: 100%;
height: 18.875rem;
}
.idx13 .content .blk .txt{
width: 100%;
height: 9.062rem;
padding-top: 2.25rem;
background-color: #F0F0F0;
display: flex;
flex-direction: column;
align-items: center;
}
.idx13 .content .blk .txt .t1{
display: flex;
align-items: center;
font-family: "Noto Serif SC";
font-weight: bold;
font-size: 1.625rem;
color: #333333;
line-height: 1.625rem;
}
.idx13 .content .blk .txt .icon{
width: 2.25rem;
height: 2.25rem;
margin-right: .625rem;
}
.idx13 .content .blk .txt .t2{
width: 27.5rem;
font-family: "Noto Serif SC";
font-weight: 500;
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
margin-top: .875rem;
}
.idx13 .swiper-pagination{
position: static;
margin: 0 auto;
margin-top: 1.562rem;
}
.idx13 .swiper-pagination .swiper-pagination-bullet{
width: .625rem;
height: .625rem;
background: #214077;
border-radius: 50%;
margin-left: .312rem;
margin-right: .312rem;
opacity: 1;
}
.idx13 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #2B7BC0;
}
.idx14{
padding-top: 4.875rem;
padding-bottom: 6.125rem;
background-image: url("/img/idx14_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx14 .global_title .sub{
margin-top: 1.25rem;
}
.idx14 .content{
margin-top: 2.5rem;
}
.idx14 .content .swiper-slide img{
width: 17.625rem;
height: 24.875rem;
}
.idx14 .btns{
width: 86.562rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.idx14 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx14 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx15{
padding-top: 8.125rem;
padding-bottom: 8.125rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.idx15 .warnning{
color: red;
font-size: 1.125rem;
position: absolute;
right: 10%;
bottom: 5%;
}
.idx15 .global_title .sub{
margin-top: 1.25rem;
}
.idx15 .content{
margin-top: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx15 .content .left{
width: 46rem;
}
.idx15 .content .right{
width: 45rem;
margin-left: -12rem;
}
.idx15 .content .right .swiper-slide{
display: flex;
justify-content: center;
align-items: center;
padding-top: 1.375rem;
padding-bottom: 4.125rem;
}
.idx15 .content .right .blk{
width: 36.75rem;
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #fff;
box-shadow: -.125rem 1.375rem 4.125rem 0px rgba(218,218,218,0.45);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 30;
}
.idx15 .content .right .blk .r1{
display: flex;
align-items: center;
font-weight: bold;
font-size: 2rem;
color: #333333;
}
.idx15 .content .right .blk .r1 img{
margin-right: .625rem;
margin-top: .312rem;
}
.idx15 .content .right .blk .i1{
width: 1.687rem;
}
.idx15 .content .right .blk .i1{
width: 2.437rem;
}
.idx15 .content .right .blk .i1{
width: 1.875rem;
}
.idx15 .content .right .blk .i1{
width: 2rem;
}
.idx15 .content .right .blk .r2{
width: 30rem;
font-size: 1.25rem;
color: #666666;
line-height: 1.875rem;
text-align: center;
margin-top: 1.25rem;
}
.idx15 .btns{
width: 86.562rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.idx15 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx15 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx16{
padding-top: 6.187rem;
padding-bottom: 5.812rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/idx16_bg1.jpg");
background-size: 100% 100%;
}
.idx16 .global_title1 .sub{
margin-top: 1.25rem;
}
.idx16 .list{
width: 62.5rem;
margin-top: 1.812rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-column-gap: 2.5rem;
grid-row-gap: 1.25rem;
}
.idx16 .list li{
display: flex;
align-items: center;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
}
.idx16 .list li img{
width: 1.625rem;
height: 1.625rem;
margin-right: .625rem;
}
.idx16 .content{
width: 58.75rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-column-gap: 5rem;
grid-row-gap: 1.875rem;
margin-top: 3.125rem;
}
.idx16 .content .blk{
display: flex;
flex-direction: column;
align-items: center;
}
.idx16 .content .blk .icon{
width: 8.75rem;
height: 8.75rem;
background: #2B7BC0;
border-radius: 50%;
border: .937rem solid #2B7BC0;
display: flex;
justify-content: center;
align-items: center;
}
.idx16 .content .blk .txt{
font-size: 1.375rem;
color: #FFFFFF;
line-height: 1.375rem;
margin-top: 1.25rem;
}
.idx16 .content .blk:hover .icon{
border-color: #fff;
}
.idx17{
padding-top: 8.125rem;
padding-bottom: 8.125rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx17 .left{
display: flex;
flex-direction: column;
justify-content: center;
}
.idx17 .left .global_title{
margin-bottom: .937rem;
align-items: flex-start;
}
.idx17 .left .global_title .sub{
margin-top: .812rem;
}
.idx17 .left .t{
width: 33.125rem;
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.5rem;
}
.idx17 .right{
width: 37.5rem;
margin-left: 4.375rem;
}
.news{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3.875rem;
padding-bottom: 4.5rem;
background-image: url("/img/news_bg1.jpg");
background-size: 100% 100%;
}
.news .title{
font-weight: bold;
font-size: 2.5rem;
color: #fff;
}
.news .content{
height: 32.5rem;
margin-top: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
grid-column-gap: 1.25rem;
}
.news .content .sec{
width: 21.25rem;
height: 100%;
background-color: #fff;
padding-top: 1.562rem;
padding-left: 1.5rem;
padding-right: 1.375rem;
}
.news .content .sec .pic{
width: 21.25rem;
height: 14.437rem;
}
.news .content .sec .date{
font-weight: 500;
font-size: 1rem;
color: #AEAEAE;
margin-top: 1.562rem;
}
.news .content .sec .t1{
font-weight: 500;
font-size: 1.625rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 1.25rem;
}
.news .content .sec .t2{
font-size: 1.25rem;
color: #666666;
line-height: 1.875rem;
margin-top: 1.25rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.news .content .sec .detail{
font-size: 1.25rem;
color: #666666;
line-height: 1.25rem;
padding-bottom: .625rem;
border-bottom: 1px solid #666666;
display: inline-block;
margin-top: 2.312rem;
}
.news .content .sec:hover .t1,
.news .content .sec:hover .detail{
color: #214077;
}
.news .content .sec:hover .detail{
border-bottom-color: #214077;
}
.contact{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.contact .global_title .sub{
margin-top: 1.25rem;
}
.contact .content{
display: flex;
align-items: stretch;
margin-top: 2.5rem;
}
.contact .content .left{
width: 27.375rem;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/contact_bg2.jpg");
background-size: 100% 100%;
}
.contact .content .left .r1{
width: 10rem;
height: 10rem;
}
.contact .content .left .r2{
font-weight: 500;
font-size: 1.125rem;
color: #ffffff;
margin-top: .625rem;
}
.contact .content .left .r3{
font-size: 1.875rem;
color: #FFFFFF;
line-height: 2.812rem;
margin-top: 1.875rem;
text-align: center;
}
.contact .content .left .r4{
display: flex;
align-items: center;
font-weight: 500;
font-size: 1.625rem;
color: #ffffff;
margin-top: 2.5rem;
}
.contact .content .left .r4 img{
width: 33px;
height: 2rem;
margin-right: .625rem;
}
.contact .content form{
width: 42.687rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
background-color: #F0F0F0;
}
.contact .content form .t{
font-weight: 500;
font-size: 2rem;
color: #666666;
}
.contact .content .feedback{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.125rem;
}
.contact .content .feedback input{
border: none;
width: 19.437rem;
height: 4.5rem;
background-color: #fff;
font-size: 1.125rem;
color: #333333;
line-height: 1.687rem;
padding-left: 1.25rem;
}
.contact .content .feedback input:placeholder-shown::placeholder{
color: #666666;
}
.contact .content .feedback textarea{
width: calc(100% - 1.125rem);
height: 12.187rem;
border: none;
background-color: #fff;
padding-left: 1.125rem;
padding-top: 1.187rem;
font-size: 1.125rem;
color: #333333;
line-height: 1.687rem;
resize: none;
margin-top: 1.25rem;
}
.contact .content .feedback textarea:placeholder-shown::placeholder{
color: #666666;
}
.contact .content .feedback button{
width: 20.625rem;
height: 2.687rem;
background: #2B7BC0;
border-radius: 1.375rem;
border: none;
font-size: 1.125rem;
line-height: 1.125rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.687rem;
}
.contact .content .r3{
display: flex;
justify-content: center;
margin-top: 2.062rem;
}
.footer{
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/footer_bg1.jpg");
background-size: 100% 100%;
}
.footer .footer_top{
padding-top: 3.812rem;
padding-bottom: 1.875rem;
border-bottom: 1px solid #ffffff;
}
.footer .footer_top ul{
display: flex;
justify-content: space-between;
width: 100%;
}
.footer .footer_top li{
font-size: 1.125rem;
color: #ffffff;
}
.footer .footer_top li:nth-child(even){
font-size: 1.562rem;
}
.footer .footer_mid {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 3.562rem;
}
.footer .footer_mid .left{
}
.footer .footer_mid .left .t1{
font-family: alimama;
font-weight: bold;
font-size: 2.875rem;
color: #fff;
}
.footer .footer_mid .left .t2{
font-weight: 300;
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2.062rem;
text-align: center;
margin-top: 1.125rem;
}
.footer .footer_mid .mid{
display: flex;
flex-direction: column;
justify-content: center;
grid-row-gap: 1.062rem;
}
.footer .footer_mid .mid .lianxi{
display: flex;
align-items: center;
}
.footer .footer_mid .mid .lianxi img{
width: 2.125rem;
height: 2.125rem;
margin-right: 1.125rem;
}
.footer .footer_mid .mid .lianxi div{
font-size: 1.125rem;
line-height: 1.125rem;
color: #FFFFFF;
}
.footer .footer_mid .qrcode{
display: flex;
justify-content: flex-end;
grid-column-gap: 1.562rem;
}
.footer .footer_mid .qrcode img{
width: 9.375rem;
height: 9.375rem;
}
.footer .footer_mid .qrcode .qc{
display: flex;
flex-direction: column;
align-items: center;
}
.footer .footer_mid .qrcode .txt{
font-size: 1.125rem;
line-height: 1.125rem;
color: #FFFFFF;
margin-top: .375rem;
}
.footer .footer_bottom div{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
font-size: .875rem;
color: #FFFFFF;
line-height: .875rem;
text-align: center;
margin-top: 2.5rem;
border-top: 1px solid #fff;
}
.secondnav{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e6e6e6;
padding-bottom: .562rem;
margin-top: 3.125rem;
height: 2.812rem;
}
.secondnav .title{
width: 50%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: .625rem;
height: 2.812rem;
border-left: 3px solid #214077;
}
.secondnav .title1{
font-weight: 500;
font-size: 1.375rem;
color: #214077;
line-height: 1.375rem;
}
.secondnav .title2{
font-size: .875rem;
color: #666666;
line-height: .875rem;
}
.secondnav .nav{
width: 50%;
font-size: 1rem;
color: #666666;
line-height: 1rem;
background-color: transparent;
align-self: flex-end;
display: flex;
justify-content: flex-end;
align-items: center;
}
.second_global_title{
display: flex;
flex-direction: column;
align-items: center;
}
.second_global_title .cn{
font-family: "Noto Sans SC";
font-size: 2.5rem;
line-height: 2.5rem;
color: #000000;
}
.second_global_title .en{
font-size: 1.25rem;
color: #999999;
line-height: 1.25rem;
margin-top: .875rem;
}
.second_global_title .splid{
width: 43.187rem;
height: 1px;
background-color: #A1A1A1;
position: relative;
margin-top: 1.375rem;
}
.second_global_title .splid .square{
width: .937rem;
height: .937rem;
background: #BF8F61;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.platform{
margin-top: 5.625rem;
background: url("/img/platform-bg1.png");
min-height: 35.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.platform img:nth-child(1){
width: 26.75rem;
}
.platform img:nth-child(2){
width: 24.5rem;
margin-left: 2.375rem;
}
.about1{
display: flex;
justify-content: center;
align-items: center;
padding-top: 5rem;
padding-bottom: 8.125rem;
}
.about1 .left{
width: 37.5rem;
}
.about1 .right{
width: 33.125rem;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 4.375rem;
}
.about1 .right .global_title{
align-items: flex-start;
}
.about1 .right .global_title .title{
text-align: left;
}
.about1 .right .global_title .sub{
text-align: left;
color: #333333;
margin-top: .812rem;
}
.about1 .right .txt{
width: 100%;
font-size: 1.375rem;
color: #666666;
line-height: 2.062rem;
text-align: justify;
margin-top: 2.5rem;
}
.about1 .right .list{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 2.5rem;
}
.about1 .right .list img{
width: 5.625rem;
}
.about2{
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/about2_bg1.jpg");
background-size: 100% 100%;
height: 39.937rem;
position: relative;
}
.about2 .content{
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 50%;
bottom: -3.875rem;
transform: translateX(-50%);
}
.about2 .content .left{
width: 33.125rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.about2 .content .left .global_title1{
align-items: flex-start;
}
.about2 .content .left .global_title{
display: none;
}
.about2 .content .left .t{
font-size: 1.375rem;
color: #FFFFFF;
line-height: 2.062rem;
margin-top: 2.187rem;
text-align: justify;
}
.about2 .content .right{
width: 50%;
}
.contact1{
margin-top: 5rem;
margin-bottom: 1.875rem;
display: flex;
justify-content: space-between;
}
.contact1 .blk{
width: 23.812rem;
height: 15.5rem;
border-radius: .625rem;
border: 1px solid #666666;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact1 .blk .t1{
font-weight: 500;
font-size: 30px;
color: #333333;
}
.contact1 .blk .icon{
width: 2.062rem;
height: 2.062rem;
margin-top: 1.25rem;
}
.contact1 .blk .t2{
font-size: 1.375rem;
color: #666666;
margin-top: 1.25rem;
opacity: 0.9;
}
.contact1 .blk.active .icon img:first-child,
.contact1 .blk .icon img:last-child{
display: none;
}
.contact1 .blk.active .icon img:last-child{
display: block;
}
.contact1 .blk.active .t2{
color: #2B7BC0;
}
.bmap{
height: 33.75rem;
}
.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("/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("/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("/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("/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 {
margin-top: 5rem;
padding-bottom: 5rem;
}
.news1 .content{
display: flex;
flex-direction: column;
grid-row-gap: 2.5rem;
}
.news1 .content .sec{
display: flex;
justify-content: space-between;
background-color: #F0F0F0;
}
.news1 .content .sec .left{
width: 32.187rem;
height: 22.062rem;
}
.news1 .content .right{
width: 33.75rem;
margin-right: 3.687rem;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.news1 .content .right .r1{
font-weight: 500;
font-size: 1.625rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news1 .content .right .r2{
font-size: 1.25rem;
color: #5F5F5F;
line-height: 1.875rem;
margin-top: 1.25rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
.news1 .content .right .r3{
font-size: 1.125rem;
color: #666666;
margin-top: auto;
}
.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: 0;
}
.fy a {
border: 1px solid #19334F;
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-color: #2B7BC0;
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 #2B7BC0;
background-color: #2B7BC0;
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: 50px;
margin-bottom: 2.25rem;
}
.article{
margin-bottom: 6.25rem;
}
.products{
margin-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.products .top{
width: 100%;
height: 25rem;
display: flex;
justify-content: center;
align-items: center;
background-image: url("/img/product_bg1.jpg");
background-size: 100% 100%;
}
.products .top .global_title1 .sub{
margin-top: 1.25rem;
}
.products .content{
margin-top: 1.25rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
grid-row-gap: 1.875rem;
grid-column-gap: 1.75rem;
}
.products .product{
width: 36.625rem;
}
.products .product img{
width: 100%;
height: 25rem;
}
.products .product .bar{
width: 100%;
height: 5rem;
background-color: #214077;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #fff;
}
.products .product:hover .bar{
font-weight: 500;
background-color: #2B7BC0;
}
.scene1{
width: 100%;
margin-top: 5.375rem;
overflow: hidden;
}
.scene1 .blk{
width: 50rem;
display: flex;
flex-direction: column;
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.scene1 .blk .top img{
width: 50rem;
height: 32.5rem;
}
.scene1 .blk .bottom{
margin-top: 2.5rem;
width: 100%;
height: 5rem;
border-top: 1px solid rgba(63,49,43,0.16);
border-bottom: 1px solid rgba(63,49,43,0.16);
box-sizing: border-box;
display: flex;
align-items: center;
font-size: 1.625rem;
color: #333333;
line-height: 2.312rem;
}
.scene2{
width: 100%;
margin-top: 6.25rem;
overflow: hidden;
}
.scene2 .blk{
width: 50rem;
display: flex;
flex-direction: column;
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.scene2 .blk .top img{
width: 50rem;
height: 32.5rem;
}
.scene2 .blk .bottom{
margin-top: 2.5rem;
width: 100%;
height: 5rem;
border-top: 1px solid rgba(63,49,43,0.16);
border-bottom: 1px solid rgba(63,49,43,0.16);
box-sizing: border-box;
display: flex;
align-items: center;
font-size: 1.625rem;
color: #333333;
line-height: 2.312rem;
}
@media (max-width: 767px) {
body {
max-width: 640px;
min-width: 320px;
overflow-x: hidden;
padding-bottom: 4.062rem;
}
html{
font-size: 10px;
}
.lxrig{
display: none;
}
.wap{
/* min-height: 2.5rem;*/
display: block;
}
.g-wrap{
width: 100%;
}
.g-wrap3{
width: 100%;
}
.pc{
display: none !important;
}
.fy{
margin-bottom: 0;
}
#header{
height: 6.5rem;
display: flex;
justify-content: space-between;
align-items: center;
background: none;
background-color: #ffffff;
}
#content{
margin-top: 6.5rem;
}
.m_logo {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
}
.m_logo .left{
display: flex;
align-items: center;
margin-left: 1.187rem;
}
.m_logo .left .splid{
width: 1px;
height: 1.25rem;
background-color: rgba(0,0,0,0.2);
margin-left: .875rem;
margin-right: .875rem;
}
.m_logo .left .logopic{
width: 4rem;
height: 4.812rem;
}
.m_logo .left .logo_txt{
font-family: alimama;
font-size: 2.625rem;
color: #214077;
}
.m_logo .left .logo_txt1{
margin-left: 2rem;
font-size: 1.5rem;
color: #666666;
}
.m_logo .right .logo_txt{
margin-right: 1.875rem;
}
.m_logo .right .logo_txt1{
font-size: 1.25rem;
line-height: 1.562rem;
color: #333333;
margin-top: .5rem;
}
.m_logo .right .logo_txt2{
font-size: 1.75rem;
line-height: 2.187rem;
font-family: Impact;
font-style: italic;
color: #333333;
margin-top: .625rem;
}
.m_logo .right{
display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 1.25rem;
}
.m_logo .right .icondh{
width: 1.75rem;
height: 1.75rem;
margin-right: .812rem;
}
.m_logo .right .logo_dh_txt{
font-size: 1.25rem;
color: #A70A1D;
line-height: 1.437rem;
margin-right: 2.875rem;
}
.xf {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
height: 4.125rem;
}
.xf a {
width: 50%;
background: #2B7BC0;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.437rem;
line-height: 1.437rem;
}
.xf a:nth-child(2) {
background: #F0F0F0;
color: #333333;
}
.nav_wap {
width: 2.062rem;
height: 2.062rem;
display: block;
z-index: 9999999;
}
.nav_wap .subNavShow{
width: 2.062rem;
height: 2.062rem;
}
.subNavBox {
position: fixed;
z-index: 9999999;
width: 100%;
top: 7.5rem;
display: none;
}
.subNavShow {
z-index: 9999999;
}
.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%;
}
.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;
}
.global_title .sub{
margin-top: 1.25rem;
}
.global_title1 .sub{
margin-top: 1.25rem;
}
.idx1{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.idx1 .content{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 2.5rem;
}
.idx1 .content .left{
width: 91.4%;
padding-left: 8.6%;
padding-top: 5.625rem;
padding-bottom: 5.625rem;
background-color: #fff;
box-shadow: -1.875rem 1.875rem 52px rgb(138, 138, 138, 0.32);
display: flex;
flex-direction: column;
justify-content: center;
grid-row-gap: 2.5rem;
z-index: 1;
}
.idx1 .content .left .l{
display: flex;
align-items: flex-start;
}
.idx1 .content .left .l .icon img{
width: 1.75rem;
margin-top: .5rem;
}
.idx1 .content .left .l .txt{
font-weight: 500;
font-size: 1.625rem;
color: #666666;
line-height: 2.437rem;
margin-left: .625rem;
}
.idx1 .content .left .l:hover .icon img:first-child,
.idx1 .content .left .icon img:last-child{
display: none;
}
.idx1 .content .left .l:hover .icon img:last-child{
display: block;
}
.idx1 .content .right{
width: 100%;
margin-left: 0;
z-index: 0;
}
.idx1 .bg{
width: 84%;
position: absolute;
left: 6.82%;
bottom: 5.75rem;
z-index: 2;
pointer-events: none;
}
.idx2{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx2 .left{
width: 100%;
}
.idx2 .right{
width: 100%;
padding-left: 0;
padding-top: 5.375rem;
padding-bottom: 5.375rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background-image: url("/img/idx2_bg1.jpg");
background-size: 100% 100%;
}
.idx2 .right .global_title{
align-items: center;
}
.idx2 .right .global_title .title,
.idx2 .right .global_title .sub{
text-align: center;
}
.idx2 .right .t1{
font-weight: 500;
font-size: 2rem;
color: #333333;
margin-top: 1.875rem;
}
.idx2 .right .t2{
width: 95%;
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
text-align: center;
margin-top: 1.25rem;
}
.idx3{
display: flex;
justify-content: center;
align-items: center;
padding-top: 5rem;
padding-bottom: 5rem;
}
.idx3 .left{
width: 100%;
margin-right: 0;
}
.idx3 .left .pic{
width: 100%;
}
.idx3 .left .global_title{
align-items: center;
margin-left: 0;
margin-bottom: 2.5rem;
}
.idx3 .left .global_title .sub{
text-align: center;
}
.idx3 .left .swiper-slide{
padding-bottom: 3.75rem;
}
.idx3 .left .blk{
width: 95%;
height: 17.5rem;
padding-top: 3.75rem;
padding-left: 2.5%;
padding-right: 2.5%;
background-image: none;
background: #F9F9F9;
box-shadow: 0px 1.375rem 2.625rem 0px rgba(192,192,192,0.38);
}
.idx3 .left .blk .r1{
display: flex;
align-items: center;
font-weight: bold;
font-size: 2.125rem;
color: #333333;
}
.idx3 .left .blk .r1 img{
margin-right: .75rem;
}
.idx3 .left .blk .r1 .i1,
.idx3 .left .blk .r1 .i5{
width: 2.562rem;
}
.idx3 .left .blk .r1 .i2,
.idx3 .left .blk .r1 .i3,
.idx3 .left .blk .r1 .i4,
.idx3 .left .blk .r1 .i6{
width: 2.125rem;
}
.idx3 .left .blk .r1 .i7{
width: 2.25rem;
}
.idx3 .left .blk .r2{
font-size: 1.625rem;
color: #666666;
line-height: 2.437rem;
margin-top: 1.125rem;
}
.idx4{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3.75rem;
padding-bottom: 4.75rem;
background-image: url("/img/m_idx4_bg1.jpg");
background-size: 100% 100%;
}
.idx4 .content{
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
grid-row-gap: 1.25rem;
}
.idx4 .content .blk{
width: 95%;
background-color: #fff;
padding-top: 4.687rem;
padding-bottom: 4.625rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx4 .content .blk .icon{
width: 4.25rem;
}
.idx4 .content .blk .txt{
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.875rem;
text-align: center;
}
.idx4 .content .blk.active .icon img:first-child,
.idx4 .content .blk .icon img:last-child{
display: none;
}
.idx4 .content .blk.active .icon img:last-child{
display: block;
}
.idx4 .content .blk.active{
background-image: url("/img/idx4_bg2.jpg");
background-size: 100% 100%;
}
.idx4 .content .blk.active .txt{
color: #fff;
}
.idx5{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 6.25rem;
padding-bottom: 5rem;
}
.idx5 .left{
width: 100%;
margin-top: 2.5rem;
}
.idx5 .right{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-left: 0;
}
.idx5 .right .global_title{
align-items: center;
}
.idx5 .right .list{
width: 90%;
display: flex;
flex-direction: column;
grid-row-gap: 1.875rem;
margin-top: 2.5rem;
}
.idx5 .right .list .l{
width: 100%;
display: flex;
align-items: flex-start;
}
.idx5 .right .list .l .icon img{
width: 1.75rem;
margin-top: .25rem;
}
.idx5 .right .list .l .txt{
width: 100%;
font-weight: 500;
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
text-align: justify;
margin-left: .625rem;
}
.idx5 .right .list .l:hover .icon img:first-child,
.idx5 .right .list .icon img:last-child{
display: none;
}
.idx5 .right .list .l:hover .icon img:last-child{
display: block;
}
.m_idx6{
background-image: url("/img/m_idx6_bg1.jpg");
background-size: 100% 100%;
padding-top: 3.75rem;
padding-bottom: 4.375rem;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx6 .content{
width: 95%;
margin-top: 2.5rem;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-row-gap: 1.25rem;
}
.m_idx6 .content .blk{
width: 48%;
height: 21.25rem;
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.m_idx6 .content .blk img{
width: 45%;
}
.m_idx6 .more{
width: 13.687rem;
height: 2.687rem;
border-radius: 1.5rem;
border: 1px solid #FFFFFF;
font-size: 1.375rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.875rem;
}
.m_idx7{
padding-top: 5.312rem;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx7 .pic{
width: 90%;
margin-top: 2.5rem;
}
.m_idx7 .content{
width: 85%;
padding-left: 5%;
padding-right: 5%;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
background-color: #F0F0F0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-row-gap: 1.25rem;
margin-top: 2.625rem;
}
.m_idx7 .content .blk:nth-child(odd){
width: 50%;
}
.m_idx7 .content .blk:nth-child(even){
width: 40%;
}
.m_idx7 .content .r1{
display: flex;
align-items: center;
font-weight: 500;
font-size: 1.625rem;
color: #333333;
}
.m_idx7 .content .r1 .icon{
width: 4.687rem;
height: 5.437rem;
display: flex;
justify-content: center;
align-items: center;
background-image: url("/img/idx7_bg2.png");
background-size: 100% 100%;
margin-right: .625rem;
}
.m_idx7 .content .blk:hover .icon{
background-image: url("/img/idx7_bg3.png");
}
.m_idx7 .content .icon .i1{
width: 2.25rem;
}
.m_idx7 .content .icon .i2{
width: 2.312rem;
}
.m_idx7 .content .icon .i3,
.m_idx7 .content .icon .i5{
width: 2.375rem;
}
.m_idx7 .content .icon .i4{
width: 2.625rem;
}
.m_idx7 .content .icon .i6{
width: 2.187rem;
}
.idx8{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 5rem;
padding-bottom: 0;
background-image: none;
}
.idx8 .left{
width: 90%;
display: flex;
flex-direction: column;
justify-content: center;
}
.idx8 .left .global_title{
align-items: center;
}
.idx8 .left .global_title .sub{
text-align: center;
}
.idx8 .left .list{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 1.875rem;
}
.idx8 .left .list .l{
min-width: 5.5rem;
padding-left: 1rem;
padding-right: 1rem;
height: 2.75rem;
background-color: #2B7BC0;
border-radius: 1.25rem;
font-weight: 500;
font-size: 1.375rem;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.idx8 .left .txt{
font-size: 1.5rem;
color: #666666;
line-height: 2.25rem;
margin-top: 1.875rem;
text-align: center;
}
.idx8 .right{
width: 95%;
margin-left: 0;
margin-top: 2.5rem;
}
.idx9{
padding-top: 5rem;
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.idx9 .left{
width: 95%;
margin-top: 2.5rem;
}
.idx9 .right{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
margin-left: 0;
}
.idx9 .right .r1{
width: 19.5rem;
height: 3.312rem;
background: #2B7BC0;
border-radius: 1.625rem;
font-size: 1.5rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.875rem;
}
.idx9 .right .r2{
font-size: 1.5rem;
color: #666666;
line-height: 2.25rem;
text-align: center;
margin-top: 2.812rem;
}
.idx9 .right .r2 span{
font-weight: 500;
color: #2B7BC0;
}
.idx9 .right .global_title .title{
white-space: nowrap;
}
.idx10{
padding-top: 5rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: none;
}
.idx10 .content{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.idx10 .content .left{
width: 100%;
padding-left: 0;
padding-bottom: 6.25rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background-color: #fff;
box-shadow: 0px 1.375rem 2.625rem 0px rgba(174,174,174,0.32);
margin-top: 0;
padding-top: 5rem;
}
.idx10 .content .left .global_title{
align-items: center;
}
.idx10 .content .left .global_title .title,
.idx10 .content .left .global_title .sub{
text-align: center;
}
.idx10 .content .left .r1{
font-size: 1.5rem;
color: #333333;
line-height: 2.25rem;
text-align: center;
margin-top: 2.5rem;
}
.idx10 .left .r1 span{
font-weight: 500;
color: #2B7BC0;
}
.idx10 .content .right{
width: 100%;
}
.m_idx11{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx11 .left{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx11 .left .pic{
width: 100%;
margin-top: 1.875rem;
}
.m_idx11 .left .txt{
font-size: 1.5rem;
color: #666666;
line-height: 2.25rem;
text-align: center;
margin-top: 2.5rem;
}
.m_idx11 .left .txt span{
font-weight: 500;
color: #2B7BC0;
}
.m_idx11 .right{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx11 .right .r1{
width: 19.5rem;
height: 2.687rem;
background: #2B7BC0;
border-radius: 1.25rem;
font-size: 1.25rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 4.375rem;
margin-bottom: 1.875rem;
}
.m_idx11 .right .global_title .title{
white-space: nowrap;
}
.m_idx11 .right .pic{
width: 100%;
margin-top: 4.375rem;
}
.idx12{
padding-top: 3.875rem;
padding-bottom: 3.375rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/m_idx12_bg1.jpg");
background-size: 100% 100%;
}
.idx12 .content{
width: 95%;
margin-top: 2.5rem;
}
.idx12 .content .swiper-slide{
width: 100%;
}
.idx12 .content .swiper-slide .pic{
width: 100%;
position: relative;
}
.idx12 .content .swiper-slide .pic .txt{
position: absolute;
left: 50%;
bottom: 2.5rem;
transform: translateX(-50%);
width: 10.812rem;
height: 2.687rem;
background: #214077;
border-radius: 1.5rem;
font-weight: 500;
font-size: 1.125rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.idx12 .content .swiper-slide.swiper-slide-active .pic .txt{
background-color: #2B7BC0;
}
.idx12 .btns{
width: 9rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: static;
margin: 0 auto;
margin-top: 2.5rem;
transform: none;
}
.idx12 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx12 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx13{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx13 .content{
width: 90%;
margin-top: 4rem;
}
.idx13 .content .swiper-slide{
display: flex;
justify-content: center;
}
.idx13 .content .blk{
width: 100%;
}
.idx13 .content .blk .pic{
width: 100%;
}
.idx13 .content .blk .txt{
width: 100%;
height: 11.25rem;
padding-top: 2.25rem;
background-color: #F0F0F0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.idx13 .content .blk .txt .t1{
display: flex;
align-items: center;
font-family: "Noto Serif SC";
font-weight: bold;
font-size: 1.625rem;
color: #333333;
line-height: 1.625rem;
}
.idx13 .content .blk .txt .icon{
width: 2.25rem;
height: 2.25rem;
margin-right: .625rem;
}
.idx13 .content .blk .txt .t2{
width: 90%;
font-family: "Noto Serif SC";
font-weight: 500;
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
margin-top: .875rem;
}
.idx13 .btns{
width: 9rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: static;
margin: 0 auto;
margin-top: 2.5rem;
transform: none;
}
.idx13 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx13 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx14{
padding-top: 3.75rem;
padding-bottom: 4.687rem;
background-image: url("/img/m_idx14_bg1.jpg");
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.idx14 .content{
width: 95%;
margin-top: 2.5rem;
}
.idx14 .content .swiper-slide{
display: flex;
justify-content: center;
}
.idx14 .content .swiper-slide img{
width: 17.625rem;
}
.idx14 .btns{
width: 9rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: static;
margin: 0 auto;
margin-top: 2.5rem;
transform: none;
}
.idx14 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx14 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx15{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.idx15 .warnning{
color: red;
font-size: 1.5rem;
position: absolute;
right: 5%;
bottom: 2%;
}
.idx15 .content{
margin-top: 2.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.idx15 .content .left{
width: 100%;
}
.idx15 .content .right{
width: 100%;
margin-left: 0;
}
.idx15 .content .right .swiper-slide{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 4.125rem;
}
.idx15 .content .right .blk{
width: 90%;
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #fff;
box-shadow: -.125rem 1.375rem 4.125rem 0px rgba(218,218,218,0.45);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 30;
}
.idx15 .content .right .blk .r1{
display: flex;
align-items: center;
font-weight: bold;
font-size: 2rem;
color: #333333;
}
.idx15 .content .right .blk .r1 img{
width: 1.687rem;
margin-right: .625rem;
}
.idx15 .content .right .blk .r2{
width: 85%;
min-height: 9rem;
font-size: 1.5rem;
color: #666666;
line-height: 2.25rem;
text-align: center;
margin-top: 1.25rem;
}
.idx15 .btns{
width: 9rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: static;
margin: 0 auto;
margin-top: 0;
transform: none;
}
.idx15 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.idx15 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.m_idx16{
padding-top: 5rem;
padding-bottom: 5.312rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/m_idx16_bg1.jpg");
background-size: 100% 100%;
}
.m_idx16 .list{
width: 90%;
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-column-gap: 2.5rem;
grid-row-gap: 1.25rem;
}
.m_idx16 .list:nth-child(3){
width: 55%;
margin-top: 1.25rem;
}
.m_idx16 .list li{
display: flex;
align-items: center;
font-size: 1.625rem;
color: #FFFFFF;
line-height: 1.625rem;
}
.m_idx16 .list li img{
width: 1.625rem;
height: 1.625rem;
margin-right: .625rem;
}
.m_idx16 .content{
width: 66%;
margin-top: 3.125rem;
}
.m_idx16 .content .swiper-slide{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-row-gap: 2.5rem;
}
.m_idx16 .content .blk{
display: flex;
flex-direction: column;
align-items: center;
}
.m_idx16 .content .blk .icon{
width: 8.75rem;
height: 8.75rem;
background: #2B7BC0;
border-radius: 50%;
border: .937rem solid #2B7BC0;
display: flex;
justify-content: center;
align-items: center;
}
.m_idx16 .content .blk .txt{
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1.5rem;
margin-top: 1.25rem;
}
.m_idx16 .content .blk:hover .icon{
border-color: #fff;
}
.m_idx16 .btns{
width: 9rem;
height: 3.062rem;
display: flex;
justify-content: space-between;
position: static;
margin: 0 auto;
margin-top: 2.5rem;
transform: none;
}
.m_idx16 .btns .swiper-button-prev{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
}
.m_idx16 .btns .swiper-button-next{
width: 3.25rem;
height: 3.062rem;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(180deg);
}
.idx17{
padding-top: 5rem;
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.idx17 .left{
width: 90%;
display: flex;
flex-direction: column;
justify-content: center;
}
.idx17 .left .global_title{
align-items: center;
margin-bottom: .937rem;
}
.idx17 .left .t{
width: 100%;
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.5rem;
}
.idx17 .right{
width: 95%;
margin-left: 0;
margin-top: 2.5rem;
}
.m_news{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5rem;
}
.m_news .content{
width: 95%;
margin-top: 2.5rem;
display: flex;
flex-direction: column;
}
.m_news .content .sec{
width: 100%;
background-color: #f0f0f0;
display: flex;
flex-direction: column;
align-items: center;
}
.m_news .content .sec .left{
width: 100%;
}
.m_news .content .sec .left img{
width: 100%;
}
.m_news .content .sec .right{
display: flex;
flex-direction: column;
width: calc(100% - 7rem);
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-bottom: 2.5rem;
}
.m_news .content .sec .t1{
font-weight: 500;
font-size: 1.625rem;
color: #333333;
line-height: 1.625rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 2.5rem;
}
.m_news .content .sec .t2{
font-size: 1.5rem;
line-height: 2.25rem;
color: #666666;
margin-top: 1.5rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.m_news .content .sec .t3{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 3rem;
}
.m_news .content .sec .t3 .date{
font-size: 1.25rem;
color: #666666;
}
.m_news .content .sec .t3 .btn{
width: 8.812rem;
height: 2.687rem;
background: #2B7BC0;
border-radius: 1.5rem;
font-size: 1.125rem;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.m_contact{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.m_contact form{
width: 100%;
}
.m_contact .feedback{
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_contact .feedback input{
border: none;
width: calc(95% - 2.125rem);
height: 4rem;
font-size: 1.312rem;
color: #333333;
line-height: 1.5rem;
padding-left: 2.125rem;
margin-bottom: 2.312rem;
background-color: #F6F6F6;
}
.m_contact .feedback input:placeholder-shown::placeholder{
color: #000000;
}
.m_contact .feedback input:focus,
.m_contact .feedback textarea:focus{
background-color: #2B7BC0;
color: #ffffff;
}
.m_contact .feedback input:focus:placeholder-shown::placeholder,
.m_contact .feedback textarea:focus:placeholder-shown::placeholder{
color: #ffffff;
}
.m_contact .feedback textarea{
width: calc(95% - 2.125rem);
height: 9.437rem;
border: none;
padding-left: 2.125rem;
padding-top: 1.5rem;
font-size: 1.312rem;
color: #333333;
line-height: 1.5rem;
background-color: #F6F6F6;
resize: none;
}
.m_contact .feedback textarea:placeholder-shown::placeholder{
color: #000000;
}
.m_contact .feedback button{
width: 15.75rem;
height: 3.062rem;
border-radius: 1.562rem;
background: #2B7BC0;
border: none;
font-size: 1.562rem;
color: #FFFFFF;
line-height: 1.562rem;
margin-top: 2.625rem;
}
.m_contact .r3{
width: 95%;
display: flex;
flex-direction: column;
margin-top: 1.75rem;
}
.m_contact .r3 .b{
display: flex;
align-items: center;
margin-left: .75rem;
margin-right: .812rem;
font-size: 1.187rem;
color: #FFFFFF;
line-height: 1.437rem;
margin-bottom: .375rem;
}
.m_contact .r3 .b img{
width: 2.125rem;
height: 2.187rem;
margin-right: .562rem;
}
.m_footer{
display: flex;
flex-direction: column;
align-items: center;
background-image: url("/img/m_footer_bg1.jpg");
background-size: 100% 100%;
padding-top: 3.75rem;
padding-bottom: 5.625rem;
}
.m_footer .footer_top{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
}
.m_footer .footer_top .t1{
font-family: alimama;
font-weight: bold;
font-size: 4.062rem;
color: #ffffff;
}
.m_footer .footer_top .t2{
font-weight: 300;
font-size: 2rem;
color: #ffffff;
margin-top: 1.25rem;
}
.m_footer .footer_bottom{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3.125rem;
grid-row-gap: 2.5rem;
}
.m_footer .footer_bottom .t{
display: flex;
flex-direction: column;
align-items: center;
color: #ffffff;
}
.m_footer .footer_bottom .t .t2{
margin-top: 1.25rem;
font-size: 1.625rem;
text-align: center;
}
.m_footer .footer_bottom .t:nth-child(1) .t1 img{
width: 2.375rem;
}
.m_footer .footer_bottom .t:nth-child(2) .t1 img{
width: 2.437rem;
}
.m_footer .footer_bottom .t:nth-child(3) .t1 img{
width: 2.687rem;
}
.m_footer .qrcode{
display: flex;
flex-direction: column;
align-items: center;
}
.m_footer .qrcode .t1 img{
width: 2.125rem;
}
.m_footer .qrcode .t2{
display: flex;
justify-content: center;
grid-column-gap: 4.437rem;
}
.m_footer .qrcode .t2 .qc{
display: flex;
flex-direction: column;
align-items: center;
}
.m_footer .qrcode .t2 img{
width: 7.875rem;
height: 7.875rem;
}
.m_footer .qrcode .t2 div{
font-size: 1.125rem;
margin-top: 1.5rem;
color: #ffffff;
}
.about1{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.about1 .left{
width: 100%;
}
.about1 .right{
width: 95%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 1.25rem;
margin-left: 0;
}
.about1 .right .t1{
font-family: "Noto Sans SC";
font-size: 1.625rem;
color: #333333;
line-height: 2.437rem;
}
.about1 .right .t2{
font-size: 1.5rem;
color: #666666;
line-height: 2.062rem;
margin-top: 1.75rem;
}
.about2{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-image: none;
height: auto;
position: relative;
}
.about2 .content{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: static;
transform: none;
}
.about2 .content .left{
width: 95%;
display: flex;
flex-direction: column;
justify-content: center;
}
.about2 .content .left .global_title1{
display: none;
}
.about2 .content .left .global_title{
display: flex;
}
.about2 .content .left .t{
font-size: 1.5rem;
color: #333333;
line-height: 2.062rem;
margin-top: 2.187rem;
text-align: justify;
}
.about2 .content .right{
width: 100%;
margin-top: 1.25rem;
}
.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.25rem;
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("/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 {
margin-top: 3.125rem;
}
.news1 .content{
display: flex;
flex-direction: column;
align-items: center;
}
.news1 .content .sec{
width: 95%;
display: flex;
justify-content: space-between;
margin-bottom: 2.5rem;
background-color: #F0F0F0;
}
.news1 .content .sec .left{
width: 40%;
height: auto;
}
.news1 .content .right{
width: 52%;
margin-right: 5%;
display: flex;
flex-direction: column;
justify-content: center;
}
.news1 .content .right .r1{
font-weight: 500;
font-size: 1.625rem;
line-height: 1.625rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news1 .content .right .r2{
font-size: 1.375rem;
line-height: 2.062rem;
-webkit-line-clamp: 2;
}
.news1 .content .right .r3{
font-size: 1.125rem;
color: #666666;
line-height: 1.125rem;
margin-top: 2.5rem;
}
.products{
margin-top: 3.125rem;
padding-bottom: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.products .top{
width: 100%;
height: 25rem;
display: flex;
justify-content: center;
align-items: center;
background-image: url("/img/product_bg1.jpg");
background-size: 100% 100%;
}
.products .top .global_title1 .sub{
margin-top: 1.25rem;
}
.products .content{
width: 95%;
margin-top: 1.25rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-row-gap: 1.875rem;
grid-column-gap: 1.75rem;
}
.products .product{
width: 36.625rem;
}
.products .product img{
width: 100%;
height: 25rem;
}
.products .product .bar{
width: 100%;
height: 5rem;
background-color: #214077;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.375rem;
color: #fff;
}
.products .product:hover .bar{
font-weight: 500;
background-color: #2B7BC0;
}
.second_title_h1{
margin-top: 3.125rem;
}
.second_content{
}
.article{
width: 92%;
margin-bottom: 6.25rem;
padding-left: 4%;
padding-right: 4%;
}
.bmap{
height: 32.5rem;
width: 95%;
}
.contact1{
margin-top: 3.125rem;
display: flex;
flex-direction: column;
align-items: center;
grid-row-gap: 1.25rem;
}
.contact1 .blk .t2{
font-size: 1.5rem;
color: #666666;
margin-top: 1.25rem;
opacity: 0.9;
}
.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;
}
}