.banner { overflow: hidden; padding-left: 0; padding-right: 0; }
 @media (min-width: 900px) {
.container { margin: 0 13.664%; }
}
.form-control { box-shadow: none }
/* 导航 */

.pc-header { position: fixed; top: 0; left: 0; right: 0; display: flex; align-items: center; padding: 0 1rem; z-index: 55; height: .89rem;
background: rgba(255,255,255,0); border-bottom: 0.01rem solid rgba(255,255,255,0.3); transition: all .3s ease; }
.logo img:nth-child(2) { display: none; }
.header-nav { display: flex; align-items: center; justify-content: flex-end; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.header-nav a { display: block; color: #ffffff; margin-right: 0.5rem; font-size: 16px; font-weight: 500; line-height: 0.22rem; transition: color .3s ease; }
.header-nav a:hover { color: #3171FF !important; }
.header-right { display: flex; align-items: center; transition: all .3s; color: #ffffff; padding-left: 1.84rem; }
.header-right > img { width: 0.18rem; margin-right: 0.24rem; transition: all .3s ease; cursor: pointer; }
.header-right > img:nth-child(2) { display: none; transition: all .3s ease; cursor: pointer; }
.tell { display: flex; align-items: center; transition: all .3s ease; border-left: 0.01rem solid rgba(255,255,255,0.3); font-family: "DINRegular"; }
.tell>img { width: 0.18rem; margin-right: 0.04rem; margin-left: 0.24rem; transition: all .3s ease; }
.tell>img:nth-child(2) { display: none; margin-right: 0.04rem; }
/* 导航滚动以及鼠标移入状态 */

.pc-header:hover { background: rgba(255,255,255,1); }
.pc-header:hover .logo img:nth-child(2),
.pc-header.on .logo img:nth-child(2),
.pc-header:hover .header-right > img:nth-child(2),
.pc-header.on .header-right > img:nth-child(2),
.pc-header:hover .tell>img:nth-child(2),
.pc-header.on .tell>img:nth-child(2) { display: block; }
.pc-header:hover .logo img:nth-child(1),
.pc-header.on .logo img:nth-child(1),
.pc-header:hover .header-right > img:nth-child(1),
.pc-header.on .header-right > img:nth-child(1),
.pc-header:hover .tell>img:nth-child(1),
.pc-header.on .tell>img:nth-child(1) { display: none; }
.pc-header:hover .header-nav a,
.pc-header:hover .header-right { color: #333333; }
.pc-header.on { background: #ffffff; box-shadow: rgb(102 102 102) 0.01rem 0.01rem 0.08rem; }
.pc-header.on .header-nav a,
.pc-header.on .header-right { color: #333333; }
.pc-header:hover .tell,
.pc-header.on .tell { border-left: 0.01rem solid rgba(0,0,0,0.2); }
/* 索搜框 */

.search-box { position: fixed; height: 1rem; background: #fff; top: 0; left: 0; right: 0; height: .89rem;
z-index: 999; padding: 0 23%; display: flex; opacity: 0; justify-content: center; align-items: center; transform: translateY(-100%); cursor: pointer; transition: all .5s ease; }
.search-close { display: flex; align-items: center; width: .22rem;
margin-left: 13.8vw; cursor: pointer; transition: all .3s ease; }
.search-box >input { border-bottom: 1px solid #d7d7d7; width: 4rem; height: 50px; }
.search-box > img { width: 36px; height: 36px; }
.search-close:hover { transform: rotate(180deg); }
.search-box.on { transform: translateY(0%); opacity: 1; }
/* 手机端导航 */

.m-header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
.m-header .m-header-title { display: flex; align-items: center; height: 60px; padding: 0 20px; z-index: 56; background: #fff; }
.m-header .m-header-title img { width: 2rem; }
.m-header .nav-icon { display: block; position: absolute; right: 15px; top: 50%; margin-top: -7px; }
.m-header .nav-icon span { display: block; width: 22px; height: 2px; background: #333; border-radius: 2px; transition: all .3s linear; }
.m-header .nav-icon span:not(:first-child) { margin-top: 4px; }
.m-header .nav-icon.on span:nth-of-type(1) { -webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate( 45deg ); transform: matrix(1, 0, 0, 1, 0, 6) rotate( 45deg ); }
.m-header .nav-icon.on span:nth-of-type(2) { width: 0; }
.m-header .nav-icon.on span:nth-of-type(3) { -webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate( 45deg ); transform: matrix(1, 0, 0, 1, 0, -6) rotate( -45deg ); }
.m-header-nav { position: fixed; top: 60px; right: 0; left: 0; bottom: 0; background: #ffffff; z-index: 50; display: none; }
.m-header-nav a { display: block; color: #333333; line-height: 0.45rem; font-size: 18px; padding: 0.05rem 0.3rem; }
/* 轮播 */

.banner { position: relative; height: 100vh; }
.banner .swiper-slide img { object-fit: cover; height: 100%; width: 100%; }


 @media (max-width: 950px) {
	.banner .swiper-slide img { min-height: 600px;}
}


.banner-txt { position: absolute; left: 2.6rem; right: 2.6rem; top: 3.72rem; color: #fff; }
.banner-txt h3 { font-size: 0.56rem; font-weight: 500; color: #FFFFFF; line-height: 0.78rem; }
.banner-txt p { font-size: 0.28rem; font-weight: 500; color: #FFFFFF; line-height: 0.4rem; margin-top: 0.12rem; max-width: 42%; margin-bottom: 0.5rem; }
.banner-more-btn { color: #3171FF; background: #fff; transition: all .3s ease; }
.banner-more-jiantou { background: #3171FF !important; }
.banner-more-jiantou::after { border-right: 0.02rem solid #3171FF !important; border-bottom: 0.02rem solid #3171FF !important; }
.banner-info { display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 35; left: 0; justify-content: center; right: 0; top: 93vh; }
/* .banner-info img{ width: 20px; margin-left: 0.1rem; margin-right: 0.1rem;} */

.page-num { position: absolute; right: 0; top: 87vh; z-index: 8; color: #ffffff; }
.page-num div { position: relative; display: flex; align-items: center; }
.page-num span:nth-child(1) { font-family: "DIN"; font-size: 0.4rem; font-weight: 500; line-height: 0.48rem; }
.page-num #num2 { font-family: "DINRegular"; }
.banner-line { width: 1.2rem; height: 1px; background: rgba(255, 255, 255, 0.4); display: inline-block; margin-left: 4px; }
.banner .swiper-button-next,
.banner .swiper-button-prev { top: unset; width: 14px; height: 14px; background-size: 14px 14px; }
.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next { left: unset; right: 0.59rem; top: 89vh; background-image: url(http://leoyo.shuangrui.cc/images/up.png); }
.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev { right: 0.59rem; top: 93.5vh; background-image: url(http://leoyo.shuangrui.cc/images/down.png); }
.banner-more-btn:hover { background-color: #3171FF !important; color: #fff !important; transform: translateY(15px); }
.banner-more-btn:hover .banner-more-jiantou { background: #fff !important; }
.banner-more-btn:hover .banner-more-jiantou::after { border-right: 0.02rem solid #fff !important; border-bottom: 0.02rem solid #fff !important; }
.banner-info .mouse { width: 22px; height: 32px; border: 1px solid #fff; border-radius: 40px; margin-left: 0.1rem; margin-right: 0.1rem; position: relative; }
.banner-info .mouse:after { content: ""; position: absolute; width: 2px; height: 8px; top: 8px; left: 50%; margin-left: -1px; background: #fff; -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; }
#banner .swiper-slide-active .banner-txt h3 { -webkit-animation: fadeup1 1s; animation: fadeup1 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
#banner .swiper-slide-active .banner-txt p { -webkit-animation: fadeup1 1s; animation: fadeup1 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
#banner .swiper-slide-active .banner-txt a { -webkit-animation: fadeup1 1s; animation: fadeup1 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
/* 第二部分 */

.section2 { position: relative; background: url(http://leoyo.shuangrui.cc/images/section2-logo.png) no-repeat; background-size: auto 69%; background-position: 65% center; overflow: hidden; }
.section2-left { padding-left: 2.6rem; padding-top: 1.13rem; padding-right: 39%; padding-bottom: 0.66rem; }
.section2-left .section2-left-all .section2-left-txt h3 { font-size: 0.36rem; color: #333333; font-weight: 600; line-height: 0.54rem; max-width: 69%; }
.section2-left .section2-left-all .section2-left-txt p { font-size: 0.18rem; color: #333333; font-weight: 400; line-height: 0.34rem; margin-top: 0.37rem; max-width: 69%; }
.num-list { margin-top: 0.95rem; margin-left: -0.4rem; max-width: 97%; }
.num-list::after { content: ''; display: block; clear: both; }
.num-list .num-list-item { float: left; width: 20%; text-align: center; }
.num-list .num-list-item p span { font-family: "DIN-blod"; color: #3171FF; line-height: 0.78rem; font-size: 0.64rem; }
.num-list .num-list-item p { font-size: 0.16rem; font-weight: 400; color: #333333; line-height: 0.22rem; }
.num-list .num-list-item p:nth-child(1) { color: #3171FF; }
.num-list .num-list-item p:nth-child(2) { height: 0.44rem; overflow: hidden; }
.section-more { margin-top: 1.56rem; }
.section-more span { font-size: 0.32rem; font-weight: 400; color: #333333; line-height: 0.38rem; font-family: "BarSemiCondRegular"; }
a.more-btn { font-weight: 400; padding: 0 0.41rem; height: 0.56rem; line-height: 0.54rem; display: inline-flex; align-items: center; transition: all .6s ease; }
.jiantou { display: inline-block; width: 0.14rem; height: 0.02rem; background: #333333; margin-left: 0.1rem; position: relative; transition: all .6s ease; }
.jiantou::after { content: ''; position: absolute; width: 0.1rem; height: 0.1rem; border-right: 0.02rem solid #333333; border-bottom: 0.02rem solid #333333; transform: rotate(-45deg); right: 0; margin-top: -0.04rem; transition: all .6s ease; }
.section-more a.more-btn { color: #333333; background-color: #F2F3F4; font-size: 0.16rem; float: right; margin-right: 0.6rem; }
.section-more a.more-btn:hover { background-color: #2C51A5; color: #ffffff; }
.section-more a.more-btn:hover .jiantou { background: #ffffff; }
.section-more a.more-btn:hover .jiantou::after { border-right: 0.02rem solid #ffffff; border-bottom: 0.02rem solid #ffffff; }
.section2-right { position: absolute; top: 0; bottom: 0; right: 0; width: 39%; overflow: hidden; }
.section2-right .video { display: none; }
.section2-right video { object-fit: cover; width: 100%; height: 100%; }
.cover-img { width: 100%; height: 100%; background: url(../image/video-img.jpg) no-repeat; position: relative; cursor: pointer; background-size: cover; }
.cover-img::after { background: #2C51A5; opacity: 0.79; content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; }
.cover-img .play-icon { width: 1.2rem; height: 1.2rem; position: absolute; left: 50%; top: 50%; margin-left: -0.6rem; margin-top: -0.6rem; animation: myrotate 1s linear infinite; z-index: 15; }
 @keyframes myrotate { 0% {
-webkit-transform:rotate(0deg);
}
 25% {
-webkit-transform:rotate(90deg);
}
 50% {
-webkit-transform:rotate(180deg);
}
 75% {
-webkit-transform:rotate(270deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}
.section3 { background: url(../image/img3.jpg) no-repeat; background-size: cover; background-position: center center; padding-top: 0.85rem; padding-bottom: 1.35rem; overflow: hidden; }
.section-title { font-size: 0.4rem; font-weight: 500; line-height: 0.56rem; text-align: center; max-width: 80%; margin: auto; }
.section-sub-title { font-size: 0.2rem; font-weight: 400; line-height: 0.28rem; text-align: center; max-width: 80%; margin: auto; margin-top: 0.25rem; }
.section3-all-box { display: flex; margin-top: 0.93rem; }
.section3-item { flex: 1; text-align: center; align-items: center; }
.section3-item:not(:last-child) { border-right: 0.01rem solid rgba(255,255,255,0.3); }
.section3-item img { height: 1.8rem; width: 1.8rem; margin: auto; margin-bottom: 0.61rem; transform: translateY(0); transition: all .3s ease; }
.section3-item:hover img { transform: translateY(-15px); }
.section3-item p.section3-item-p1 { color: #ffffff; font-size: 0.28rem; font-weight: 500; line-height: 0.4rem; }
.section3-item p.section3-item-p2 { font-size: 0.3rem; font-weight: 400; margin-top: 0.1rem; color: #FFFFFF; line-height: 0.42rem; font-family: "BarSemiCondRegular"; }
.section3-item a.section3-btn { display: inline-block; width: 0.55rem; height: 0.55rem; margin-top: 0.7rem; overflow: hidden; }
.section3-item a.section3-btn img { object-fit: cover; height: 100%; width: 100%; margin-bottom: 0rem; }
.section3-item a.section3-btn img:nth-child(1) { transform: translateY(0); transition: all .3s ease; }
.section3-item a.section3-btn img:nth-child(2) { transform: translateY(100%); transition: all .3s ease; }
.section3-item a.section3-btn:hover img:nth-child(1) { transform: translateY(100%); }
.section3-item a.section3-btn:hover img:nth-child(2) { transform: translateY(-100%); }
.section4 { padding-top: 0.83rem; padding-left: 0; padding-right: 0; overflow: hidden; }
.section4-container { display: flex; box-sizing: border-box; height: 5.6rem; margin-top: 0.48rem; }
.box { flex: 1; overflow: hidden; transition: .5s; margin: 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0; position: relative; cursor: pointer; }
.box > img { width: 200%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: .5s; }
.box:hover { flex: 1 1 35%; }
.box:hover > img { width: 100%; height: 100%; }
.section4-txt { position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 0.6rem 0.3rem 0.68rem 0.3rem; background: rgba(31, 61,122,0.7); transition: all .3s ease; }
.section4-txt p { font-size: 0.32rem; font-weight: 400; color: #FFFFFF; line-height: 0.3rem; letter-spacing: 0.02rem; }
.section4-txt p span { font-size: 0.22rem; font-weight: 400; color: #FFFFFF; line-height: 0.3rem; margin-left: 0.1rem; opacity: 0; transform: scale(0); transition: all .3s ease; }
.section4-add { position: absolute; bottom: 0.68rem; width: 0.36rem; height: 0.36rem; overflow: hidden; border: 1px solid #ffffff; transition: all .6s ease; }
.section4-add::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.2rem; margin-left: -0.1rem; height: 0.02rem; margin-top: -0.01rem; background: #ffffff; }
.section4-add::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0.2rem; margin-left: -0.1rem; height: 0.02rem; margin-top: -0.01rem; background: #ffffff; transform: rotate(90deg); }
.section4-add-btn { color: #ffffff; height: 0.36rem !important; line-height: 0.36rem !important; padding: 0 0.15rem !important; opacity: 0; width: 0; transition: width .3s ease; transition-delay: .2s; }
.section4-add-btn-jiantou { background: #ffffff; }
.section4-add-btn-jiantou::after { border-right: 0.02rem solid #ffffff; border-bottom: 0.02rem solid #ffffff; }
.section4-more { margin-top: 0.4rem; margin-bottom: 0.79rem; text-align: center; }
.section4-more a.more-btn { color: #333333; background-color: #F2F3F4; font-size: 0.16rem; }
.section4-more a.more-btn:hover { background-color: #2C51A5; color: #ffffff; }
.section4-more a.more-btn:hover .jiantou { background: #ffffff; }
.section4-more a.more-btn:hover .jiantou::after { border-right: 0.02rem solid #ffffff; border-bottom: 0.02rem solid #ffffff; }
.box:hover .section4-add { width: 1.2rem; }
.box:hover .section4-add::after { width: 0; height: 0; }
.box:hover .section4-add::before { width: 0; height: 0; }
.box:hover .section4-txt p span { opacity: 1; transform: scale(1); }
.box:hover .section4-txt { background: transparent; }
.box:hover .section4-add-btn { opacity: 1; width: 1.2rem; }
.section4-add-btn:hover { background: #2C51A5; }
/* 第五部分 */

/*  */
/* 第六部分 */



.section6 { padding-left: 0; padding-right: 0; background: url(../image/img5.jpg) no-repeat; background-size: cover; background-position: center center; padding-top: 0.8rem; padding-bottom: 1.21rem; overflow: hidden; }
.section6-title { text-align: left; max-width: 100%; }
.section6-top { position: relative; margin-bottom: 0.63rem; }
.section6-more { position: absolute; right: 0; top: 0; height: 0.54rem; line-height: 0.54rem; background: #F2F3F4; }
.section6-more:hover { background-color: #2C51A5; color: #ffffff; }
.section6-more:hover .jiantou { background: #ffffff; }
.section6-more:hover .jiantou::after { border-right: 0.02rem solid #ffffff; border-bottom: 0.02rem solid #ffffff; }
.section6-item { width: 100%; height: 100%; padding: 0.5rem 0.3rem 0.59rem; cursor: pointer; transition: all .6s ease; background: #fff; position: relative; overflow: hidden; }
.section6-item-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translate(0, -100%); transition: all .5s ease; opacity: 0; }
.section6-item-bg::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; }
.section6-item-bg img { object-fit: cover; width: 100%; height: 100%; }
/* .section6-item::before{ content: ''; position: absolute; left: 0;right: 0; top: 0; bottom: 0; background-color: transparent; } */

.section6-item span { font-size: 0.12rem; padding: 0.05rem 0.16rem; background: #3171FF; color: #ffffff; transition: all .6s ease; position: relative; }
.section6-item h3 { font-size: 0.22rem; font-weight: 500; color: #333333; line-height: 0.3rem; margin-top: 0.6rem; height: 0.6rem; overflow: hidden; transition: all .6s ease; position: relative; }
.section6-item p { font-size: 0.14rem; font-weight: 400; color: #888888; line-height: 0.24rem; margin-top: 0.33rem; height: 0.72rem; overflow: hidden; transition: all .6s ease; position: relative; }
.section6-time { display: flex; align-items: center; position: relative; margin-top: 0.7rem; }
.section6-time samp { font-size: 0.14rem; font-weight: 500; color: #888888; line-height: 0.24rem; font-family: "DIN"; }
.section6-time a.more-btn { position: absolute; right: 0; transform: scale(0); opacity: 0; transition: all .3s ease; height: 0.36rem; padding: 0 0.27rem; transition: all .6s ease; }
.section6-item-padlr0 { padding-left: 0; padding-right: 0; }
.section6-borright { border-right: 0.01rem solid #E7E7E9; }
.section6 .row { margin-right: -9px; margin-left: -9px; }
/* .section6-item:hover{background: url(../images/case1.jpg);background-size: cover; background-position: center center;

  box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2);

  } */
.section6-item:hover { background: transparent; box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2); }
.section6-item:hover .section6-item-bg { transform: translate(0, 0); opacity: 1; }
.section6-item:hover .section6-item-bg::before { background-color: #3171FF; opacity: 0.46; }
/* .section6-item:hover::before{background-color: #3171FF;opacity: 0.46;} */

.section6-item:hover .section6-time .more-btn { transform: scale(1); opacity: 1; border: 0.01rem solid #ffffff; }
.section6-item:hover span { background: #ffffff; color: #3171FF; }
.section6-item:hover h3,
.section6-item:hover p,
.section6-item:hover .section6-time samp,
.section6-item:hover .section6-time .more-btn { color: #FFFFFF; }
.section6-item:hover .section6-time .more-btn .jiantou { background: #ffffff; }
.section6-item:hover .section6-time .more-btn .jiantou::after { border-right: 0.02rem solid #ffffff; border-bottom: 0.02rem solid #ffffff; }
/* 第七部分 合作伙伴 */

.section7 { padding-top: 0rem; padding-left: 0; padding-right: 0; }
.hezuo-box { display: flex; width: 100%; overflow: hidden; flex-wrap: wrap; margin-top: 0.63rem; justify-content: space-between; }
.hezuo-box div { width: 14.28571%; margin-bottom: 0.3rem; }
.hezuo-box div img { height: 0.8rem; transition: all .3s ease; }
.hezuo-box div:hover img { box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2); }
/* 侧边客服 置顶 */

.side-box { position: fixed; right: 0.2rem; bottom: 1rem; z-index: 50; min-height: 1.56rem; display: none; }
.kefu { position: relative; border-radius: 50%; cursor: pointer; }
.kefu::after { content: ""; width: .76rem;
 height: .76rem;
background: rgba(49, 113, 255, 0.1); position: absolute; top: 50%; left: 50%; margin-left: -.38rem;
 margin-top: -.38rem;
border-radius: 50%; animation: point1 2s infinite; }
.kefu img,
.top img { height: 0.67rem; margin: auto; }
.top { margin-top: 0.2rem; transition: all .3s ease; cursor: pointer; }
/* 视频弹框 */

#v-pop { position: fixed; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; display: none; visibility: hidden; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transform: translateZ(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
#v-pop.on { opacity: 1; display: flex; pointer-events: auto; visibility: visible; }
#v-pop .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); }
#v-pop .con { padding: 1em; width: 64%; position: relative; transform: translate3d(0, 8px, 0); -webkit-transform: translate3d(0, 8px, 0); -moz-transform: translate3d(0, 8px, 0); -o-transform: translate3d(0, 8px, 0); -ms-transform: translate3d(0, 8px, 0); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; opacity: 0; background-color: #333; }
#v-pop.on .con { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; }
#v-pop .con .del_p { position: absolute; bottom: calc(100% + 5px); left: calc(100% + 5px); width: 0.3rem; height: 0.3rem; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
#v-pop .con .del_p::after { content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top: -35%; }
.video-box { height: 70vh; overflow: hidden; }
.video-box video { object-fit: cover; height: 100%; width: 100%; }
/* 底部 */

.footer { background: url(../image/img-footer.jpg) no-repeat; background-position: center center; background-size: cover; color: #FFFFFF; padding-top: 0.7rem; overflow: hidden; }
.footer-content-top { display: flex; justify-content: flex-end; }
.footer-left { padding-left: 1rem; padding-right: 1rem; flex: 1; }
.footer-left-top { border-bottom: 0.01rem solid rgba(255,255,255,0.1); display: flex; align-items: center; padding-bottom: 0.7rem; }
.footer-left-top img { width: inherit; margin-right: 1.08rem; }
.footer-link { flex: 1; display: flex; justify-content: space-between; }
.footer-link a { color: #FFFFFF; font-size: 0.16rem; font-weight: 500; line-height: 0.22rem; transition: all .3s ease; }
.footer-link a:hover { color: rgba(255,255,255,0.7); }
.footer-left-bottom { display: flex; align-items: center; margin-top: 0.71rem; }
.footer-code { display: flex; }
.footer-code div { padding: 0.19rem; border: 1px solid rgba(255,255,255,0.2); }
.footer-code div:nth-child(1) { margin-right: 0.5rem; }
.footer-code div:nth-child(2) { margin-right: 0.75rem; }
.footer-code div img { width: 1.28rem; }
.footer-info { display: flex; color: #FFFFFF; }
.footer-info div img { width: 0.5rem; }
.footer-tel { margin-right: 0.8rem; }
.footer-info .footer-p1 { font-size: 0.16rem; font-weight: 500; line-height: 0.22rem; margin-top: 0.24rem; }
.footer-info .footer-p2 { font-size: 0.26rem; font-weight: 500; line-height: 0.31rem; font-family: "DIN"; margin-top: 0.03rem; }
.footer-info .footer-p3 { font-size: 0.14rem; font-weight: 400; line-height: 0.28rem; margin-top: 0.12rem; }
.footer-right { padding-right: 1rem; padding-left: 0.99rem; border-left: 0.01rem solid rgba(255,255,255,0.2); }
.footer-right p { font-size: 0.24rem; font-weight: 400; color: #FFFFFF; line-height: 0.33rem; margin-bottom: 0.37rem; }
.footer-form input,
.footer-form textarea { background: #3B4760; padding-left: 0.15rem; border-radius: 2px; }
.footer-form input { height: 48px; }
.footer-form input:nth-child(1) { margin-right: 0.2rem; }
.footer-form textarea { height: 156px; width: 100%; margin-top: 0.2rem; padding-top: 0.15rem; }
 .footer-form input::-webkit-input-placeholder, .footer-form textarea::-webkit-input-placeholder {
 color: #BDC2CE;
}
 .footer-form input:-moz-placeholder, .footer-form textarea::-webkit-input-placeholder {

  /* FF 4-18 */

  color: #BDC2CE;
}
 .footer-form input::-moz-placeholder, .footer-form textarea::-webkit-input-placeholder {

  /* FF 19+ */

  color: #BDC2CE;
}
 .footer-form input:-ms-input-placeholder, .footer-form textarea::-webkit-input-placeholder {

  /* IE 10+ */

  color: #BDC2CE;
}
.footer-form button { height: 44px; line-height: 44px; color: #ffffff; font-size: 14px; font-weight: 400; width: 1.44rem; margin-top: 0.2rem; background: #3171FF; transition: all .3s ease; border-radius: 2px; }
.footer-form button:hover { background: #fff; color: #3171FF; }
.footer-copyright { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 0.7rem; padding: 0.26rem 1rem; display: flex; justify-content: space-between; }
.footer-copyright-right { display: flex; align-items: center; justify-content: flex-end; }
.footer-copyright-right p,
.footer-copyright-left p { font-size: 0.14rem; font-weight: 400; color: #818B9F; line-height: 0.2rem; }
.footer-copyright-right p a { color: #818B9F; }
.footer-copyright-left p { border: 1px solid rgba(255,255,255,0.1); height: 0.5rem; line-height: 0.5rem; border-radius: 0.25rem; }
.footer-copyright-left p img { width: 0.24rem; margin-left: 0.27rem; margin-right: 0.25rem; display: inline-block; }
.footer-copyright-left p a { color: #fff; transition: all .3s ease; }
.footer-copyright-left p span { padding-left: 0.25rem; padding-right: 0.5rem; border-left: 1px solid rgba(255,255,255,0.1); }
.footer-copyright-left p a:hover { color: #3171FF; }
.footer-about { position: fixed; z-index: 5; width: 100%; bottom: 0; left: 0; height: 6rem; }
 @media (max-width: 780px) {
.banner { height: 100%; margin-top: 60px;}
.banner-info { align-items: normal; }
.banner-info span { display: none; }
.banner .swiper-button-prev { top: 82% }
.banner .swiper-button-next { top: 87% }
.banner-info { top: 90%; }
.page-num { top: 80%; }
/* .banner .swiper-slide img{height: 100%; width: unset;} */

.banner-txt { left: 30px; right: 30px; top: 180px; }
.banner-txt h3 { font-size: 0.36rem; }
.banner-txt p { max-width: 100%; font-size: 0.25rem; }
/* .banner .swiper-button-prev{top: 66%;}

  .banner .swiper-button-next{top: 70%;}

  .page-num{top: 64.5%;} */

.section2 { background-size: 100% auto; background-position: center center; }
.section2-left { padding-left: 15px; padding-right: 15px; padding-top: 0.5rem; }
.section2-left .section2-left-all .section2-left-txt h3,
.section2-left .section2-left-all .section2-left-txt p { max-width: 100%; }
.section2-left .section2-left-all .section2-left-txt h3 { font-size: 0.3rem; }
.num-list { margin-left: 0; }
.num-list .num-list-item { width: 50%; margin-bottom: 0.3rem; text-align: center; }
.m-header .m-header-title img {
    width: 1.3rem;
}

.section6 {
    background: #fff;
}

.section-more { margin-top: 0.2rem; }
.section2-right { position: static; height: 300px; width: 100%; margin-bottom: 0.45rem; }
.section3-all-box { display: block; }
.section3-item:not(:last-child) { border-right: 0; border-bottom: 0.01rem solid rgba(255,255,255,0.3); padding-bottom: 0.3rem; margin-bottom: 0.3rem; }
.section-more a.more-btn { margin-right: 0; }
.box:hover { flex: 1 1 75%; }
.hezuo-box { justify-content: left; }
.hezuo-box div { width: 33.33333%; margin-bottom: 0.3rem; }
.hezuo-box div img { height: 0.7rem; }
.footer-left-bottom { display: block; margin-top: 0 }
.footer-code { justify-content: center; }
.footer-code div:nth-child(2) { margin-right: 0; }
.footer-info { padding: 0rem 30px 0.3rem; justify-content: center; }
.footer-info div { text-align: center; flex: 1; }
.footer-info img { margin: auto; }
.footer-tel { margin-right: 0.15rem; }
.footer-copyright { padding: 0.26rem 30px; text-align: center; font-size: 12px; }
.footer-copyright p { width: 100%; }
.footer-copyright a { color: #ffffff; }
.section6 .row { padding-left: 15px; padding-right: 15px; }
.section6-borright { border-bottom: 0.01rem solid #E7E7E9; }
.section6-time { margin-top: 0.3rem; }
.box:hover .section4-add { width: 1.4rem; }
.box:hover .section4-add-btn { width: 1.5rem; }
.section5-left div { width: 50%; margin: 0; }
.section5-left:nth-child(1) { padding-top: 0; }
.section5-left:nth-child(2) { padding-top: 0.35rem; }
#v-pop .con { width: 83%; }
.video-box { height: unset; }
.section6-item p { font-size: 14px; }
}
 @keyframes point1 { 0% {
 transform:scale(.8);
}
 50% {
 transform: scale(1.2);
}
 100% {
 transform: scale(.8);
}
}
.point1 { -webkit-animation-name: point1; animation-name: point1; }
 @keyframes updown { 0% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-3px);
 -moz-transform: translateY(-3px);
 -ms-transform: translateY(-3px);
 -o-transform: translateY(-3px);
 transform: translateY(-3px);
}
}
 @keyframes fadeup1 { 0% {
 opacity: 0;
 -webkit-transform: translateY(150px);
 -ms-transform: translateY(150px);
 transform: translateY(150px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes zoomIn1 { 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.fn1 { animation-name: fn1; animation-duration: 1.2s; animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1); }
 @keyframes fn1 { 0% {
 opacity: 0;
 clip-path: inset(100% 0 0 0);
 transform: translate3d(0%, 20px, 0);
}
 100% {
 opacity: 1;
 clip-path: inset(0 0 0 0);
 transform: none;
}
}
/* 标题栏共用样式 */

.m0-p0 { margin: 0 !important; padding: 0 !important; }
.banner-p0 { padding: 0 !important; }
.banner-box { position: relative; height: 6.8rem; background-position: center; background-size: cover; }
.contact-txt { position: absolute; top: 2.75rem; left: 13.668%; color: #ffffff; max-width: 74%; }
.contact-txt h3 { font-size: 0.56rem; font-weight: 500; line-height: 0.78rem; margin-bottom: 0.12rem; }
.contact-txt span { font-size: 0.28rem; font-weight: 500; line-height: 0.4rem; }
.nav-box { height: 0.8rem; position: absolute; left: 0; bottom: 1px; right: 0; border-top: 1px solid rgba(255,255,255,0.3); color: #ffffff; }
.nav-title { text-align: center; white-space: nowrap; overflow-y: hidden; overflow-x: auto; height: 0.8rem; font-size: 0px; }
.item-a { color: #ffffff; display: inline-block; height: 0.8rem; line-height: 0.8rem; text-align: center; position: relative; overflow: hidden; }
.item-a::after { content: ''; position: absolute; height: 0.2rem; top: 50%; right: 0; width: 0.01rem; background: rgba(255,255,255,0.3); margin-top: -0.1rem; }
.item-a:hover::after,
.item-a.on::after,
.item-a:last-child::after { background: transparent }
.item-a .icon { display: inline-block; vertical-align: middle; width: .22rem;
 height: .22rem;
position: relative; margin-right: .1rem;
z-index: 2; }
.item-a span { font-size: 0.16rem; color: #ffffff; display: inline-block; vertical-align: middle; position: relative; z-index: 2; transition: all .3s ease; }
.item-a.on { background: #3171FF; }
.item-a .icon img { position: absolute; left: 0; top: 0; transition: all .3s ease; }
.nav-title a img { display: inline-block; width: 0.2rem; }
.item-a.on span,
.item-a:hover span { color: #fff; }
.item-a::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: all .3s ease; }
.item-a:hover::before { background-color: #3171FF; width: 100%; }
.sub-nav-title { background: #FFFFFF; height: 1rem; display: flex; align-items: center; justify-content: center; border-bottom: 0.01rem solid #F0F1F2; }
.sub-nav-title a { padding: 0 0.4rem; height: 0.48rem; display: inline-flex; line-height: 0.48rem; color: #999999; font-size: 0.16rem; border: 1px solid #CBCCCD; border-radius: 0.24rem; transition: all .3s ease; margin-right: 0.3rem; }
.sub-nav-title a.on,
.sub-nav-title a:hover { background: #3171FF; border: 1px solid #3171FF; color: #fff; }
/* 手机端标题栏 */

.mobile-contact-nav { background-color: #3171FF; box-shadow: 0px 10px 30px 0px rgb(51 51 51 / 8%); }
.mobile-item-active { height: 50px; position: relative; padding-right: 20px; }
.mobile-item-active::after { content: ''; position: absolute; width: 10px; height: 10px; right: 5px; border-top: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; transform: rotate(45deg); top: 50%; margin-top: -5px; transition: all 0.3s; }
.mobile-item-active.is-active::after { transform: rotate(135deg); }
.mobile-item-active a { font-size: 0.2rem; color: #ffffff; line-height: 50px; }
.mobile-item-active { height: 50px; line-height: 50px; }
.mobile-item-active img { width: 18px; display: inline-block; margin-top: -0.01rem; }
.mobile-item-list { display: none; opacity: 0.7; }
.mobile-contact-nav-title ul { padding: 0; margin: 0; }
.mobile-contact-nav-title ul li a { padding: 0.2rem; font-size: 0.2rem; color: #ffffff; line-height: 20px; display: block; position: relative; }
.mobile-contact-nav-title ul li .mobile-sub-item a { display: block; padding: 0.1rem; line-height: 20px; padding-left: 25px; font-size: 0.2rem; color: #ffffff; border-bottom: 0; }
.mobile-sub-item { display: none; }
.mobile-item-list a,
.mobile-sub-item { border-bottom: 1px solid #dbdbdb; }
.sub-active::after { content: ''; position: absolute; width: 10px; height: 10px; right: 5px; border-top: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; transform: rotate(45deg); top: 50%; margin-top: -5px; transition: all 0.3s; }
li.is-active .sub-active::after { transform: rotate(135deg); }
.mobile-item-list li a.on { color: #ffffff; }
.mobile-contact-nav-title ul li a img { display: inline-block; width: 20px; margin-right: 3px; }
/* 资料中心 */

.about-padlr { padding-left: 0.54rem; padding-right: 0.54rem; }
.dataCenter-content-bg { background: #F5F6F8; }
.content-title { display: flex; align-items: center; justify-content: space-between; margin-top: 0.6rem; margin-bottom: 0.84rem; }
.content-title-h4 { font-size: 0.4rem; font-weight: 400; color: #212121; line-height: 0.54rem; }
.tab-title { display: flex; justify-content: end; align-items: center; }
.tab-title a { margin-left: 0.54rem; font-size: 0.2rem; line-height: 0.28rem; font-weight: 400; color: #333333; transition: all .3s ease; }
.tab-title a.on,
.tab-title a:hover { color: #3171FF; }
.dataCenter-content-list { display: none; flex-wrap: wrap; justify-content: space-between; align-items: left; margin-bottom: 0.8rem; }
.dataCenter-content-list .dataCenter-content-items { display: flex; width: 50%; height: 0.8rem; margin-bottom: 0.4rem; }
.dataCenter-content-list .dataCenter-content-item { display: flex; background: #FFFFFF; width: 97%; align-items: center; justify-content: space-between; transform: translateY(0); transition: all 0.6s ease; }
.dataCenter-content-list .dataCenter-content-items:nth-child(even) .dataCenter-content-item { margin-left: 3%; }
.dataCenter-content-list .dataCenter-content-item img.item-img1 { width: 0.28rem; margin-left: 0.38rem; margin-right: 0.26rem; }
.dataCenter-content-list .dataCenter-content-item img.item-img2 { width: 0.32rem; margin-right: 0.3rem; }
.dataCenter-content-list .dataCenter-content-item p { flex-wrap: 1; color: #212121; width: 100%; font-size: 0.18rem; font-weight: 400; }
.dataCenter-content-list .dataCenter-content-item:hover { transform: translateY(-15px); }
.dataCenter-content-list.active { display: flex; }
.dataCenter-content-list.active { -webkit-animation: fadeup1 1s; animation: fadeup1 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/*维保服务  */

.MaintenanceService { padding-top: 0.8rem; padding-bottom: 1.2rem; }
.MaintenanceService-content { margin-top: 0.7rem; margin-bottom: 0.8rem; }
.MaintenanceService-content h6 { font-size: 16px; font-weight: 500; color: #212121; line-height: 22px; }
.MaintenanceService-content p { font-size: 0.18rem; font-weight: 400; color: #6B6F78; line-height: 0.32rem; margin-bottom: 0.4rem; }
.form-box { margin-top: 0.5rem; border: 1px solid #DFE2EB; padding: 0.83rem 1.4rem; border-radius: 4px; }
.form-box .form-inline .form-group { width: 48%; background: #F5F6F7; height: 0.6rem; line-height: 0.6rem; overflow: hidden; margin-bottom: 0.4rem; position: relative; }
.form-box .form-inline .form-group .form-control { width: 100%; background: transparent; border: 0; height: 0.6rem; padding-left: 0.3rem; }
.form-box .form-inline .form-group:nth-child(odd) { margin-right: 3.6%; }
.form-box .textarea-group { width: 100% !important; margin-right: 0; height: 2rem !important; }
.form-box .textarea-group textarea { height: 2rem !important; }
.form-box .btn-default { height: 0.6rem; background: #3171FF; border-radius: 4px; width: 3rem; color: #fff; font-size: 16px; font-weight: 400; }
.form-box em { color: #EC3030; }
.form-box .form-inline .form-group.required::after { top: 0.05rem !important; }
.form-box .textarea-group .form-control { line-height: 0.5rem; }
/* 服务热线 */

.hotline { margin-top: 0.88rem; }
.hotline-p,
.hotline p { font-size: 0.18rem; font-weight: 400; color: #6B6F78; line-height: 0.32rem; margin-top: 0.7rem; margin-bottom: 0.79rem; }
.martop153 { margin-top: 1.53rem; }
.hotline2-bg { background: url(http://leoyo.shuangrui.cc/images/service/hotline-bg.png) no-repeat; background-size: auto 81%; background-position: left top; }
.hotline-section2-list { display: flex; justify-content: space-between; margin-bottom: 3.13rem; flex-wrap: wrap; }
.hotline-list-item { display: flex; justify-content: center; align-items: center; }
.hotline-list-item span { font-size: 0.92rem; font-family: "DIN"; font-weight: 500; color: #3171FF; line-height: 1.11rem; text-shadow: 2px 5px 7px #C5D2EE; margin-right: 0.15rem; }
.hotline-list-item div p { font-size: 0.17rem; font-weight: 500; color: #696D76; line-height: 0.33rem; }
.hotline-list-item div p:nth-child(1) { font-size: 0.20rem; color: #091221; line-height: 0.28rem; }
.hotline-section3-list { display: flex; margin-bottom: 1.73rem; }
.hotline-section3-list div:nth-child(1) { margin-right: 0.88rem; }
.hotline-section3-list div p:nth-child(1) { font-size: 0.16rem; font-weight: 500; color: #A5A5A5; line-height: 0.32rem; }
.hotline-section3-list div p:nth-child(2) { font-size: 0.30rem; font-weight: 500; color: #212121; line-height: 0.32rem; font-family: "DIN"; margin-top: 0.06rem; }
/* 常见问题 */

.FrequentlyAskedQuestion-content { padding: 0 1.6rem; }
.dataCenter-content-list .FrequentlyAskedQuestion-content-items { width: 100%; display: block; height: unset; }
.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item { width: 100%; line-height: 0.8rem; height: 0.8rem; cursor: pointer; }
.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1 { width: 0.24rem; margin-left: 0.4rem; margin-right: 0.4rem; }
.FrequentlyAskedQuestion-content-box { width: 100%; background: #fff; border-top: 1px solid #eaeaea; padding: 0.28rem 1.04rem 0.56rem; position: relative; color: #212121; display: none; }
.question-a { width: 0.24rem; position: absolute; left: 0.4rem; top: 0.28rem; }
.FrequentlyAskedQuestion-content-box h4 { font-size: 0.18rem; font-weight: 400; line-height: 0.25rem; margin-bottom: 0.08rem; }
.FrequentlyAskedQuestion-content-box p { font-size: 0.16rem; font-weight: 400; line-height: 0.26rem; color: #999999; }
.martop30 { margin-top: 0.3rem; }
.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item:hover { transform: translateY(0px); }
.icon-up { width: 24px; height: 24px; display: inline-block; border: 1px solid #3171FF; position: relative; border-radius: 50%; margin-right: 0.4rem; }
.icon-up::after { content: ''; width: 0.08rem; height: 0.08rem; border-top: 1px solid #3171FF; border-right: 1px solid #3171FF; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -0.04rem; top: 50%; margin-top: -0.01rem; transition: all .3s linear; }
.FrequentlyAskedQuestion-content-items .dataCenter-content-item.on .icon-up::after { transform: matrix(1, 0, 0, 1, 0, 6) rotate(-225deg); margin-top: -0.1rem; }
.FrequentlyAskedQuestion-content-items:nth-child(even) .dataCenter-content-item { margin-left: 0 !important; }
/* 简介 */

.about-banner { position: fixed; z-index: 5; width: 100vw; }
.about-container { margin: 0 10%; }
.about-section2-bg { background: url(http://leoyo.shuangrui.cc/images/about/bg-img.png) no-repeat; position: absolute; background-position: right top; top: 73vh; pointer-events: none; z-index: 8; min-height: 90vh; overflow: hidden; width: 100%; background-color: #ffffff; }
.about-section2 { display: flex; padding-top: 0.81rem; padding-bottom: 0.56rem; }
.about-section2-right { flex: 1; padding-left: 1rem; padding-top: 1.57rem; padding-right: 0; }
.about-section2-right h4 { font-size: 0.36rem; font-weight: 600; color: #333333; line-height: 0.54rem; margin-bottom: 0.66rem; }
.about-section2-right p { font-size: 14px; font-weight: 400; color: #333333; line-height: 28px; }
.about-section3 { position: absolute; z-index: 8; top: 163vh; height: 120vh; background-color: #ffffff; width: 100%; }
.about-section3-left { position: absolute; left: 0; width: 50%; background: url(http://leoyo.shuangrui.cc/images/about/bg2.jpg) no-repeat; background-position: bottom right; padding-left: 13.664%; background-size: cover; padding-right: 8%; padding-top: 1.4rem; padding-bottom: 1.56rem; z-index: 8; margin-top: 0.95rem; height: 912px; transition: all .3s ease; transform: translate3d(0, 0, 0); }
.about-section3-left h4 { font-size: 0.36rem; font-weight: 600; color: #FFFFFF; line-height: 0.54rem; margin-bottom: 0.8rem; width: 5.4rem; }
.about-section3-left p { font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 28px; margin-bottom: 0.1rem; width: 5.4rem; }
.about-section3-right { position: absolute; right: 0; top: 0; width: 55%; z-index: 5; min-height: 200px; }
.about-section3-right img:nth-child(1) { max-width: 95%; margin-left: 5%; }
.about-section4 { position: absolute; top: 283vh; width: 100%; background-color: #ffffff; height: 160vh; z-index: 8; padding-top: 1.2rem; }
.about-section4 .about-section4-title { background: url(http://leoyo.shuangrui.cc/images/about/TECHNOLOGY@2x.png) no-repeat; background-size: 100%; min-height: 1.83rem; text-align: center; padding-top: 0.4rem; }
.about-section4 .about-section4-title p { font-size: 0.24rem; font-weight: 600; color: #333333; line-height: 0.41rem; }
.about-section4-num { display: flex; justify-content: space-between; align-items: center; margin-top: 0.68rem; }
.about-section4-num .about-section4-num-item { flex: 1; text-align: center; }
.about-section4-num .about-section4-num-item p { font-size: 16px; font-weight: 400; line-height: 22px; color: #333333; }
.about-section4-num .about-section4-num-item p:nth-child(1) { color: #3171FF; margin-bottom: 0.02rem; }
.about-section4-num .about-section4-num-item p:nth-child(1) span { font-size: 0.64rem; font-weight: bold; color: #3171FF; line-height: 0.78rem; }
.about-section4-video { margin-top: 1.1rem; width: 100%; height: 7.8rem; margin-bottom: 1.4rem; }
.about-video-cover { background: url(http://leoyo.shuangrui.cc/images/about/about-cover.jpg) no-repeat; background-size: cover; }
.about-video-cover::after { background: no-repeat; opacity: 1; }
.about-section4-video .about-video { display: none; object-fit: cover; width: 100%; height: 100%; }
.about-section5 { position: absolute; top: 443vh; width: 100%; background: transparent; height: 6rem; z-index: 20; }
/* 品牌理念 */

.brand-container { margin: 0 10%; }
.brand { padding: 0.8rem 0 1rem; }
.brand p { font-size: 14px; font-weight: 400; color: #333333; line-height: 28px; margin: auto; margin-top: 0.3rem; margin-bottom: 0.8rem; }
.brand-p-width { max-width: 62%; }
.brand-img-item { height: 5.8rem; margin-bottom: 0.4rem; position: relative; }
.brand-img-item img { object-fit: cover; width: 100%; height: 100%; }
.brand-txt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; text-align: center; }
.brand-txt h3 { font-size: 0.48rem; font-weight: 500; line-height: 0.67rem; margin-top: 2.22rem; }
.brand-txt p { font-size: 0.18rem; font-weight: 400; line-height: 0.25rem; margin: auto; margin-top: 0.04rem; color: #fff; margin-bottom: 0.32rem; max-width: 80%; }
.brand-txt .brand-line { display: inline-block; margin: auto; width: 0.68rem; height: 0.06rem; background: #3171FF; transition: all .5s ease; position: relative; }
.brand-img-item:hover .brand-txt .brand-line { width: 1rem; }
/* 人才团队 */

.teams { padding: 0.8rem 0 0.5rem; }
.teams-p-width { max-width: 75% }
.teams-bg { background: url(http://leoyo.shuangrui.cc/images/about/bg-img.png) no-repeat; background-position: -15% right; margin-bottom: 2rem !important; }
.teams-container { margin: 0 8.664%; }
.teams-slide { position: relative; }
.teams-slide img { object-fit: cover; height: 100%; width: 100%; }
.teams-slide .teams-txt { position: absolute; bottom: 0.32rem; left: 0.3rem; }
.teams-slide .teams-txt p { font-size: 0.24rem; font-weight: 400; color: #FFFFFF; line-height: 0.33rem; margin-bottom: 0.05rem; }
.teams-slide .teams-txt span { font-size: 0.16rem; font-weight: 400; color: #FFFFFF; line-height: 0.22rem; }
.teams-case { position: relative; padding: 0 6%; }
.teams-slide:nth-child(even) { margin-top: 0.8rem; }
.teams-case.pre-next-btn .swiper-button-prev { left: 0 !important; }
.teams-case.pre-next-btn .swiper-button-next { right: 2px !important; }
/* 历史记录 */

.history-title { padding-top: 1.25rem; padding-bottom: 0.85rem; }
/* 发展历程 */

.history-bar { height: 1rem; position: relative; background: #fff; margin-bottom: 1rem; }
.history-thumbs { position: relative; top: 0; left: 0; z-index: 10; overflow: hidden; }
.history-thumbs::before { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; content: ''; z-index: 3; background: #e5e5e5; }
.swiper-slide { background-size: cover; background-position: center; }
#gallery-thumbs { box-sizing: border-box; z-index: 5; }
#gallery-thumbs .swiper-slide { width: 14.2857143%; height: 100%;/* opacity: 0.4; */ }
.swiper-slide-thumbs-item { text-align: center; cursor: pointer; }
.swiper-slide-thumbs-item-top { height: 1rem; position: relative; top: -0.01rem; z-index: 10; }
.swiper-slide-thumbs-item-top .history-dot { position: absolute; width: 0.09rem; height: 0.09rem; background: #C1C1C1; border-radius: 50%; left: 50%; top: 50%; z-index: 15; margin-left: -0.045rem; margin-top: -0.025rem; transition: all .3s ease; }
.swiper-slide-thumbs-item p { font-size: 0.18rem; font-family: "DIN-blod"; color: #212121; transition: all .3s ease; }
#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot { width: 0.15rem; height: 0.15rem; background: #FFFFFF; border: 0.03rem solid #3171FF; margin-left: -0.075rem; margin-top: -0.055rem; }
#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p { color: #3171FF; }
.history #gallery-top { height: 80%; width: 100%; }
.history { background: url(http://leoyo.shuangrui.cc/images/about/history-bg.png) no-repeat; background-position: left top; background-size: cover; min-height: 5.4rem; }
.history .history-content { position: relative; z-index: 30; }
.history .swiper-button-next,
.history .swiper-button-prev { top: 0.5rem; width: 0.32rem; height: 0.32rem; background-size: 100%; background-repeat: no-repeat; margin-top: -0.16rem; }
.pre-next-btn .swiper-button-prev,
.pre-next-btn .swiper-button-next { width: 0.42rem; height: 0.42rem; border-radius: 50%; background-color: #3171FF; background-image: none; }
.pre-next-btn .swiper-button-prev.swiper-button-disabled,
.pre-next-btn .swiper-button-next.swiper-button-disabled { border: 1px solid #E5E5E5; background-color: transparent; opacity: 1; }
.pre-next-btn .swiper-button-prev { left: 1.68rem; }
.pre-next-btn .swiper-button-next { right: 1.68rem; }
.pre-next-btn .swiper-button-prev::after { content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(-135deg); left: 50%; top: 50%; margin-left: -0.025rem; margin-top: -0.05rem; position: absolute; }
.pre-next-btn .swiper-button-next::after { content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.05rem; position: absolute; }
.pre-next-btn .swiper-button-disabled.swiper-button-prev::after { border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
.pre-next-btn .swiper-button-disabled.swiper-button-next::after { border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
.history #gallery-top .history-content-left img { max-width: 95%; }
.history #gallery-top .history-content-right { padding-left: 0.35rem; padding-bottom: 0.4rem; }
#gallery-top .history-content-right h2 { font-size: 1.5rem; color: #3171FF; margin-bottom: 0.4rem; font-family: "DIN-blod"; }
#gallery-top .history-content-right p { font-size: 0.18rem; line-height: 0.24rem; color: #333333; margin-bottom: 0.1rem; }
#gallery-top .history-content-right p span { font-family: "DIN-blod"; color: #8C8C8C; font-size: 0.19rem; line-height: 0.28rem; font-weight: bold; }
/* 知识产权 */

.intellectualProperty-top { padding: 0.2rem 1.8rem 0.8rem; }
.intellectualProperty-top p { margin-top: 0.3rem; font-size: 14px; font-weight: 400; color: #333333; line-height: 28px; }
.intellectualProperty-list-img { padding-bottom: 0 !important; }
.intellectualProperty-list-img img { object-fit: contain; height: 100%; width: 100%; }

 /* 荣誉 */

 @media (min-width: 990px) {
.product-item-padl20-padr20 { padding-left: 20px; padding-right: 20px; }
.product-margl5 { margin-left: -5px; }
}
.honour { padding-top: 0.4rem; }
.honour-top { padding: 0.2rem 0.7rem; background: #ffffff; }
.honour-top-left { height: 3.6rem; }
.honour-top-left img { object-fit: contain; height: 100%; }
.honour-top-right { padding-left: 0.93rem; padding-top: 1rem; }
.honour-top-right h5 { color: #333333; font-size: 0.38rem; line-height: 0.34rem; position: relative; margin-bottom: 0.9rem; }
.honour-btn { display: flex; width: 1.2rem; border: 1px solid #888888; color: #888888; height: 0.36rem; font-size: 0.12rem; border-radius: 0.02rem; line-height: 0.36rem; justify-content: center; align-items: center; position: relative; cursor: pointer; }
.honour-btn::before { content: ''; position: absolute; left: 0; top: 0; width: 0; transition: all .3s ease; height: 100%; z-index: 10; }
.honour-btn span { position: relative; z-index: 15; transition: all .3s ease; }
.more-icon { display: inline-block; width: 0.1rem; height: 0.01rem; background: #888888; position: relative; margin-left: 0.08rem; z-index: 15; transition: all .3s ease; }
.more-icon::after { content: ''; width: 0.06rem; height: 0.06rem; border-top: 0.01rem solid #888888; border-right: 0.01rem solid #888888; position: absolute; right: 0; top: -0.02rem; transform: rotate(45deg); transition: all .3s ease; }
.honour-case-bottom { padding-bottom: 0.8rem; }
.honour-case-bottom .product-item .product-item-img img { object-fit: contain; height: 100%; width: 100%; transition: all .3s; }
.honour-btn:hover::before { width: 100%; background: #3171FF; }
.honour-btn:hover span { color: #FFFFFF; }
.honour-btn:hover .more-icon { background: #ffffff; }
.honour-btn:hover .more-icon::after { border-top: 0.01rem solid #ffffff; border-right: 0.01rem solid #ffffff; }
/* 弹出框 */

.honour-big-box { display: none; position: fixed; background: rgba(0, 0, 0,0.65); z-index: 9999999; left: 0; right: 0; bottom: 0; top: 0; }
.honour-big-img { width: 76%; min-height: 25vh; margin-top: 25vh; margin-left: 12%; text-align: center; }
.honour-big-img > div { position: relative; display: inline-block; }
.honour-big-img .close1 { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #ffffff; opacity: 1; text-align: center; line-height: 40px; cursor: pointer; }
.honour-big-img .close1::before { content: ''; width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px; transform: rotate(45deg); top: 50%; margin-top: -1px; }
.honour-big-img .close1::after { content: ''; width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px; transform: rotate(-45deg); top: 50%; margin-top: -1px; }
.honour-big-img > div img { max-width: 100%; margin: auto; }
.product-list { padding-top: 0.6rem; padding-left: 0; padding-right: 0; }
.product-item { position: relative; top: 0; cursor: pointer; transition: all .3s; margin-bottom: 0.4rem; background-color: #ffffff; text-align: center; }
.product-item-img { height: 4.2rem; padding: 0.2rem; overflow: hidden; }
.product-item .product-item-img img { object-fit: cover; height: 100%; width: 100%; }
.product-item p { font-size: 16px; padding: 0.25rem 0.1rem; }
.product-item:hover { top: 10px; box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.08); }
.product-list a:hover { color: #333; }
/* 新闻动态 轮播 */



.news-section1 { margin-top: 0.4rem; margin-bottom: 0.75rem; }
.news-slide .swiper-wrapper { padding-bottom: 0.5rem; }
.news-slide .swiper-wrapper .swiper-slide { background: #ffffff; box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.1); }
.padright0 { padding-right: 0px; }
.news-section1-left { padding: 0.4rem; }
.news-section1-left img { height: 3.36rem; object-fit: cover; width: 100%; }
.news-p-time span { font-size: 0.16rem; color: #888888; font-weight: 400; font-family: "DINRegular"; line-height: 0.24rem; }
.news-section1-right { padding: 0.6rem 0.42rem 0.5rem 0.1rem; height: 4.16rem; overflow: hidden; }
.news-section1-right h3 { font-size: 0.26rem; line-height: 0.34rem; color: #333333; margin-bottom: 0.19rem; margin-top: 0.26rem; font-weight: 500; height: 0.34rem; overflow: hidden; }
.news-section1-right:hover h3 { color: #3171FF; }
.news-slide-txt { font-size: 0.16rem; line-height: 0.3rem; margin-bottom: 1.07rem; color: #888888; font-weight: 400; height: 0.6rem; overflow: hidden; }
.swiper-pagination-bullet { border: 2px solid rgba(50,66,92,1); background: none; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { border: 0; background: #3171FF; }
 @media (min-width: 990px) {
.news-section1 .col-md-7,
.news-section1 .col-lg-7 { width: 56%; }
.news-section1 .col-md-5,
.news-section1 .col-lg-5 { width: 44%; }
}
.mr0-ml0 { margin-left: 0; margin-right: 0; }
.news-item { text-align: left; }
.news-item-img { height: 2.9rem; overflow: hidden; padding: 0; }
.news-item-img img { transition: all .3s ease; transform: scale(1); }
.news-item-content { padding: 0.31rem 0.34rem 0.23rem; }
.news-item-content h3 { font-size: 0.22rem; font-weight: 500; color: #333333; line-height: 0.34rem; transition: all .3s ease; }
.news-item-content p { font-size: 0.14rem; font-weight: 400; color: #888888; line-height: 0.24rem; }
.news-item-content p.news-item-p1 { height: 0.48rem; overflow: hidden; padding: 0; margin-top: 0.19rem; margin-bottom: 0.47rem; transition: all .3s ease; }
.news-item-content p.news-item-p2 { font-family: "DINRegular"; display: flex; align-items: center; justify-content: space-between; padding: 0; height: 0.36rem; }
.news-item-content p.news-item-p2 .honour-btn { transform: scale(0); display: none; transition: all .8s ease; }
.news-item:hover { top: 0; }
.news-item:hover .news-item-content h3,
.news-item:hover .news-item-content p.news-item-p1 { color: #3171FF; }
.news-item:hover .news-item-content .honour-btn { transform: scale(1); display: flex; }
.news-item:hover .news-item-content .news-jiantou { display: none; }
.news-item:hover .news-item-img img { transform: scale(1.1); }
.news-list { padding-bottom: 1.2rem; margin-top: -0.9rem; }
/* 行业热点 */

.news2-bg { background: #F5F6F8; }
.news-section3 { padding-top: 0.3rem; padding-bottom: 1.2rem; }
.weui-media-box_appmsg { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: top; align-items: top; }
.weui-media-box__title { font-weight: 400; font-size: 0.22rem; line-height: 0.34rem; color: #333333; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; transition: all .3s; }
.weui-media-box { padding: 0.3rem 0; position: relative; }
.weui-media-box_appmsg .weui-media-box__hd { margin-left: 5.79%; width: 28.43%; max-height: 2.3rem; /* line-height: 2.5rem; */ text-align: center; overflow: hidden; }
.weui-media-box_appmsg .weui-media-box__thumb { width: 100%; max-height: 100%; vertical-align: top; transition: all .3s; object-fit: cover; }
.weui-media-box_appmsg .weui-media-box__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; position: relative; border-bottom: 0.01rem solid #E5E5E5; }
.weui-media-box_appmsg .weui-media-box__bd::after { content: ""; position: absolute; bottom: 0; left: 0; background-color: #3171FF; height: 1px; width: 0; opacity: 0; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; }
.weui-media-box__desc { color: #888888; font-size: 0.16rem; font-weight: 400; line-height: 0.3rem; padding-top: 3.1%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
.time-more { font-family: "DINRegular"; font-size: 0.14rem; font-weight: 400; line-height: 0.24rem; color: #888888; margin-bottom: 0.21rem; padding-top: 0; transition: all .3s; }
.weui-media-box:hover .weui-media-box__title,
.weui-media-box:hover .weui-media-box__desc { color: #3171FF; }
.weui-media-box .weui-media-box__thumb:hover { transform: scale(1.1); }
.weui-media-box:hover .weui-media-box__bd::after { width: 100%; opacity: 1; }
/* 新闻页分页 */

.news-pages { margin-top: 0.5rem; }
.pager li>a,
.pager li>span { width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; background: #ffffff; color: #666666; border-radius: 50%; padding: 0; margin-right: 0.3rem; }
.pager li>a.active { background: #3171FF; color: #ffffff; }
.pager li>a:hover { border: 1px solid #3171FF; color: #3171FF; background: #ffffff; }
/* 新闻详情页 */

.newsDetail { background: #F5F6F8; padding-top: 0.4rem; }
.breadcrumb.news-detal-breadcrumb { background: transparent; color: #666; flex: 12; justify-content: unset; margin-bottom: 0.3rem }
.breadcrumb.news-detal-breadcrumb>li+li:before { content: ">"; color: #666; }
.news-content-box { padding: 0.85rem 2rem 0.65rem; background: #fff; margin-bottom: 1rem; }
.news-del-title { border-bottom: 0.01rem solid #E5E5E5; }
.news-del-title h3 { color: #212121; font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.4rem; font-weight: 500; }
.news-del-title p { margin-bottom: 0.3rem; }
.news-del-title p span { color: #919191; font-size: 0.14rem; line-height: 0.26rem; margin-right: 0.43rem; font-family: "DINRegular"; }
.news-del-content { padding: 0.5rem 0 0.8rem; font-size: 0.16rem; border-bottom: 0.01rem solid rgb(240, 240, 240); overflow: hidden; }
.news-del-content img { max-width: 100%; }
.news-del-content p { line-height: 0.28rem; }
.news-del-content * { font-size: inherit; }
.news-del-link { padding-top: 0.5rem; }
.news-del-link p { font-size: 0.16rem; line-height: 0.28rem; margin-bottom: 0.48rem; color: #212121; }
.news-del-link p a { padding: 0.15rem 0.35rem; background: #f6f6f6; margin-right: 0.26rem; display: inline-block; }
 @media (max-width: 950px) {
.news-content-box { padding: 0.85rem 0.5rem 0.65rem; background: #fff; margin-bottom: 1rem; }
}
/* 联系我们 */

.contact-1 { margin-top: 0.78rem; }
.contact-1 .contact-list { position: relative; height: 0.80rem; }
.contact-1 .contact-list img { position: absolute; width: 0.72rem; }
.contact-1 .contact-list div { padding-left: 0.9rem; }
.contact-1 div p { font-size: 0.18rem; color: #8C9199; font-weight: 500; line-height: 0.25rem; }
.contact-1 div p:nth-child(2) { color: #212121; font-weight: 600; margin-top: 0.12rem; }
.contact-2 { overflow: hidden; margin-top: 0.71rem; margin-bottom: 1.2rem; height: 6.8rem; }
div#map { height: 100%; }
/* 留言表单 */

.bg-f6 { background-color: #F5F6F8; }
.message-box { background-color: #ffffff; margin-top: 0.6rem; padding: 0.48rem 1.4rem 0.58rem; margin-bottom: 1.17rem; }
.message-box p { font-size: 0.16rem; line-height: 0.28rem; }
.message-form { margin-top: 0.75rem; }
.message-box .form-group { width: 48%; margin-bottom: 0.4rem; position: relative; }
.form-group.required::after { content: '*'; color: red; position: absolute; left: 0.1rem; top: 0.22rem; font-size: 16px; }
.message-box .form-group:nth-child(odd) { margin-right: 3.2%; }
.message-box .form-control { background-color: #F5F6F7; width: 100%; height: 0.6rem; line-height: 0.5rem; border-radius: 0.04rem; border: 0; padding-left: 0.25rem; }
.form-texttarea { width: 100% !important; }
.form-texttarea .form-control { height: 1.98rem; border: 0; border-radius: 0.04rem; }
 .message-box input::-webkit-input-placeholder, .message-box textarea::-webkit-input-placeholder {
 color:#333 !important;
}
 .message-box input::-moz-placeholder, .message-box textarea::-webkit-input-placeholder {   /* Mozilla Firefox 19+ */
 color:#333 !important;
}
 .message-box input:-moz-placeholder, .message-box textarea::-webkit-input-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#333 !important;
}
 .message-box input:-ms-input-placeholder, .message-box textarea::-webkit-input-placeholders {  /* Internet Explorer 10-11 */
 color:#333 !important;
}
.submit-btn { width: 3rem; height: 0.6rem; background: #3171FF; color: #ffffff; font-size: 0.16rem; border-radius: 0.04rem; }
 @media (max-width: 767px) {
.message-box { padding: 0.2rem; }
.message-box .form-group { width: 100%; }
.table>tbody>tr>td:nth-child(1),
.table>thead>tr>th:nth-child(1) { padding-left: 15px; }
}

  /* 加入我们 */

  @-moz-document url-prefix() {
 fieldset {
display: table-cell;
}
}
.talentsWanted-1 { margin-top: 0.87rem; }
.talentsWanted-1 h4 { margin-bottom: 0.86rem; }
.talentsWanted-h2-mb { margin-bottom: 0.45rem; }
.jobs-list { background-color: #ffffff; margin-bottom: 0.8rem; }
.talentsWanted-box .table>thead>tr>th { font-size: 0.18rem; color: #212121; }
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th { height: 0.74rem; line-height: 0.74rem; border-top: 1px solid #E5E5E5; }
.table>tbody>tr>td:nth-child(1),
.table>thead>tr>th:nth-child(1) { padding-left: 0.75rem; }
.table>tbody>tr>td,
.table>tbody>tr>th { font-size: 0.16rem; cursor: pointer; color: #212121; }
.add { position: relative; }
.add::before { content: ''; position: absolute; right: 10px; top: 0.36rem; width: 0.16rem; border-top: 0.02rem solid #E5E5E5; }
.add::after { content: ''; position: absolute; right: 0.17rem; top: 0.3rem; height: 0.16rem; border-right: 0.02rem solid #E5E5E5; transition: all .3s; }
.jobs-content { margin-top: 0.45rem; margin-left: 0.4rem; line-height: 0.45rem; margin-bottom: 0.86rem; margin-right: 1.1rem; }
.jobs-content h5 { font-size: 16px; font-weight: 500; color: #212121; line-height: 22px; margin-bottom: 0.08rem; }
.jobs-content p { font-size: 0.18rem; font-weight: 400; color: #6B6F78; line-height: 32px; }
.jobs-content * { font-size: inherit; line-height: inherit; }
.tab-contents { display: none; transition: all .3s ease-in-out; }
tr.on+.tab-contents { display: table-row; }
tr.on .add::after { border-right: 0; }
.talentsWanted-table tbody tr.on td { background: #F0F0F0; }
.talentsWanted-2 { background: url(http://leoyo.shuangrui.cc/images/contact/img.jpg) no-repeat; background-position: left top; background-size: cover; padding: 0.94rem 0.7rem; }
.talentsWanted-2 h4 { font-size: 0.3rem; line-height: 0.42rem; font-weight: 500; color: #ffffff; margin-bottom: 0.5rem; }
.talentsWanted-2 p { font-size: 0.18rem; font-weight: 400; line-height: 0.32rem; color: #ffffff; max-width: 60%; }
.talentsWanted-3 { display: flex; margin-top: 0.8rem; margin-bottom: 1rem; }
.talentsWanted-3 .talentsWanted-3-item:not(:last-child) { margin-right: 1.75rem; }
.talentsWanted-3 .talentsWanted-3-item p { font-size: 0.18rem; line-height: 0.25rem; }
.talentsWanted-3 .talentsWanted-3-item p:nth-child(1) { font-weight: 500; color: #8C9199; }
.talentsWanted-3 .talentsWanted-3-item p:nth-child(2) { font-weight: 600; color: #212121; margin-top: 0.12rem; }
/* 影音中心 */

.audio-items { height: auto !important; cursor: pointer; }
.audio-item { background: none !important; display: block !important; }
.audio-img-box { width: 100%; height: 3.82rem; overflow: hidden; position: relative; }
.audio-img-play { position: absolute; left: 50%; top: 50%; width: 0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem; margin-left: -0.4rem; }
.audio-img-play .circle-play { object-fit: cover; width: 100%; height: 100%; animation: myrotate 1s linear infinite; }
.audio-img-play .icon-play { position: absolute; left: 50%; top: 50%; width: 0.26rem !important; margin-top: -0.12rem; margin-left: -0.13rem; }
/* .audio-img-box img{object-fit: cover; width: 100%; height: 100%;} */

.audio-item p { margin: 0.24rem 0; font-size: 0.22rem; font-weight: 400; color: #333333; line-height: 0.3rem; height: 0.3rem; overflow: hidden; }
/* 产品中心  智慧用电大数据平台*/

.product-container { background: #ffffff; padding: 0.5rem 0.7rem; margin-top: 0.48rem; margin-bottom: 1.2rem; }
.product-content-h4 { font-size: 0.28rem; font-weight: 500; color: #212121; line-height: 0.54rem; text-align: center }
.product-content img { margin: auto; }
.product-content-img { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-content-img img { width: 47%; margin-bottom: 0.43rem; }
/* 产品中心2-1  智慧管理平台 - 智慧管理平台展示*/

.borbottom-e6 { border-bottom: 0.02rem solid #e6e6e6; padding-bottom: 0.72rem; margin-bottom: 0.8rem; }
.product-content-section1 { padding-top: 0.0rem; }
.product-content-section1 p { font-size: 0.18rem; font-weight: 400; color: #32425C; line-height: 0.3rem; }
.product2-list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.product2-list-item { padding: 0.36rem 0.4rem; width: 31.8%; border: 1px solid #E5E5E5; margin-bottom: 0.3rem; transition: all .3s ease; }
.product2-list-item-title { display: flex; justify-content: space-between; align-items: center; }
.product2-title-left { flex: 1; }
.product2-list-item-title .product2-title-left h3 { font-size: 0.32rem; font-weight: 400; color: #212121; line-height: 0.45rem; transition: all .3s ease; margin-bottom: 0.02rem; }
.product2-list-item-title .product2-title-left p { font-size: 0.16rem; font-weight: 400; color: #D4D8DE; line-height: 0.22rem; transition: all .3s ease; }
.product2-list-item-title .product2-title-right span { font-size: 0.8rem; font-weight: 500; color: #EEEFF2; line-height: 0.97rem; font-family: "DIN"; transition: all .3s ease; }
.product2-list-item-content { margin-top: 0.26rem; font-size: 0.18rem; font-weight: 400; color: #32425C; line-height: 0.32rem; transition: all .3s ease; }
.product2-list-item:hover { background: #3171FF; }
.product2-list-item:hover .product2-list-item-title .product2-title-left h3,
.product2-list-item:hover .product2-list-item-title .product2-title-right span,
.product2-list-item:hover .product2-list-item-content,
.product2-list-item:hover .product2-list-item-content p { color: #ffffff; }
.product2-list-item:hover .product2-list-item-title .product2-title-left p { color: #94B5FF; }
/* 产品中心2-2  智慧管理平台 - APP功能展示 */

.product-content-section3 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-content-section3 img { width: 28%; margin-bottom: 0.8rem; }
/* 产品中心3  */

.product3-item { background: #F5F6F8; padding: 0.3rem; }
.product3-item-img { height: 3.8rem; }
.product3-item-img img { object-fit: contain !important; height: 100%; }
/* 产品中心详情页 */
.product-full-img { padding: 0.0rem 0 !important; }
.product-full-img img { width: 100% !important; }
.product-one { z-index: 50; top: 18%; position: absolute; }
.prodel-left { width: 35%; background: #F5F6F8; padding: 0.4rem; height: 5.2rem !important; }
.prodel-left img { object-fit: contain !important; height: 100%; margin: auto; }
.prodel-title { display: flex; justify-content: space-between; align-items: center; }
.prodel-title .prodel-title-left { flex: 1; color: #ffffff; }
.prodel-title .prodel-title-left a { color: #ffffff; font-size: 0.15rem; line-height: 0.21rem; }
.back-btn { color: #32425C; font-size: 0.16rem; padding: 0.15rem 0.37rem 0.15rem 0.6rem; background: #ffffff url(http://leoyo.shuangrui.cc/images/product/icon-back.png); background-repeat: no-repeat; background-position: 0.34rem center; background-size: 0.2rem; border-radius: 0.5rem; margin-top: 0.1rem; position: relative; transition: all .3s; right: 0; top: 0.05rem; }
.back-btn:hover { background: #ffffff url(http://leoyo.shuangrui.cc/images/product/icon-back.png); background-repeat: no-repeat; background-position: 0.34rem center; color: #32425C; background-size: 0.2rem; right: 15px; }
.product-two { margin-top: 3rem; background: #ffffff; padding: 0.5rem 0.7rem; }
.product-case-slide1 { margin-top: 0.8rem; }
/* 应用案例 */

.case-item { padding: 0; background: none; }
.case-item-img { height: 3.2rem; padding: 0; }
.case-item-img img { object-fit: cover !important; height: 100%; }
.case-item-txt { display: flex; justify-content: space-between; align-items: center; padding-right: 0.1rem; padding-left: 0.1rem; }
.case-item-txt p { padding: 0.25rem 0.3rem 0.25rem 0; flex: 1; text-align: left; font-size: 0.18rem; font-weight: 400; color: #333333; line-height: 0.25rem; }
.case-pages { margin-bottom: 1.2rem; }
.product-case { margin-bottom: 1.2rem; }
.product-case-swiper-container { padding-bottom: 0.4rem; }
/* 应用案例详情 */

.case-del-section1 { margin-top: 0.4rem; margin-bottom: 0.4rem; background: #ffffff; padding: 0.72rem 0.7rem 0.8rem; display: flex; justify-content: center; }
.case-del-section1 .case-del-section1-left { height: 4rem; }
.case-del-section1 .case-del-section1-left img { height: 100%; object-fit: cover; }
.case-del-section1 .case-del-section1-right { flex: 1; padding-left: 0.7rem; }
.case-del-section1-right h4 { margin-top: 0.33rem; padding-bottom: 0.4rem; margin-bottom: 0.4rem; border-bottom: 0.02rem solid #e6e6e6; }
.case-del-section1-right p { font-size: 0.18rem; font-weight: 400; color: #32425C; line-height: 0.36rem; }
.case-del-section2 { background: #ffffff; padding: 0.5rem 0.7rem; margin-bottom: 1.2rem; }
.product-content-section1 img { margin-top: 0rem; }
/* 解决方案1  通用解决方案*/

.solution-section2,
.solution-section3,
.solution2-content { display: flex; flex-wrap: wrap; justify-content: space-between; }
.solution-section2-item { width: 23%; }
.solution-section2-item .solution-section2-item-img { height: 4.28rem; overflow: hidden; }
.solution-section2-item .solution-section2-item-img img { object-fit: cover; height: 100%; width: 100%; margin-top: 0; }
.solution-section2-item h5,
.solution-section3-item h5 { font-size: 0.24rem; font-weight: 500; color: #212121; line-height: 0.33rem; margin-top: 0.16rem; }
.solution-section2-item p,
.solution-section3-item p {
font-size: 0.0.18rem; font-weight: 400; color: #32425C; line-height: 0.3rem; margin-top: 0.13rem; }
.solution-section3-item { width: 31%; text-align: center; }
.solution-section3-item img { width: 1.29rem; }
.solution1-h3 { margin-top: 0.3rem !important; }
/* 解决方案2  智慧用电行业解决方案*/

.solution2-bg { background: #F9F9F9; }
.solution2-container { margin-top: 0.7rem; margin-bottom: 0.7rem; }
.solution2-item { width: 47.8%; height: 4.44rem; position: relative; margin-bottom: 0.7rem; overflow: hidden; }
.solution2-item::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(http://leoyo.shuangrui.cc/images/solution/Mask.png) no-repeat; background-size: 100% 100%; transition: all .6s ease; }
.solution2-item img { width: 100%; height: 100%; object-fit: cover; }
.solution2-txt { position: absolute; left: 0.6rem; right: 0.6rem; bottom: 0.5rem; }
.solution2-txt p { color: #ffffff; font-size: 0.32rem; font-weight: 400; line-height: 0.45rem; margin-bottom: 0.32rem; }
.solution2-btn-bg { background: #ffffff; }
.solution2-item:hover::before { top: 100%; }
/* 应用案例 轮播*/

.product-case-slide { margin-top: -0.6rem; }
.product-case { margin-top: 0.4rem; }
.swiper-slide-img { height: 3.17rem; overflow: hidden; }
.swiper-slide-img img { object-fit: cover; width: 100%; height: 100%; }
 @media (max-width: 780px) {
.content-title { margin-bottom: 0.54rem; }
.tab-title { flex-wrap: wrap; margin-top: 0.3rem; }
.tab-title a { width: 50%; margin-bottom: 0.3rem; margin-left: 0; }
.content-title { display: block; }
.dataCenter-content-list { display: none; }
.dataCenter-content-list.active { display: block; }
.dataCenter-content-list .dataCenter-content-items,
.dataCenter-content-list .dataCenter-content-item { width: 100%; }
.dataCenter-content-list .dataCenter-content-items:nth-child(even) .dataCenter-content-item { margin-left: 0%; }
.form-box { padding: 0.3rem 0.2rem; }
.form-box .form-inline .form-group { width: 100%; display: flex; }
.form-box .form-inline .form-group:nth-child(odd) { margin-right: 0; }
.FrequentlyAskedQuestion-content { padding: 0; }
.FrequentlyAskedQuestion-content-box { padding: 0.28rem 0.3rem 0.56rem 0.6rem; }
.brand-p-width,
.teams-p-width { max-width: 96%; }
.brand-img-item { height: 3.8rem; }
.brand-txt h3 { margin-top: 0.8rem; }
.brand-txt p { max-width: 80%; }
.contact-list { margin-bottom: 0.3rem; }
.table>tbody>tr>td:nth-child(1),
.table>thead>tr>th:nth-child(1) { padding-left: 15px; }
.jobs-content { margin-right: 0.5rem; }
.content-title-h4 { font-size: 0.32rem; }
.contact-txt h3 { font-size: 0.4rem; }
.contact-txt span { font-size: 0.24rem; }
.talentsWanted-1 { margin-top: 0.5rem; }
.talentsWanted-1 h4 { margin-bottom: 0.5rem; }
.add::after { right: 0.19rem; }
.talentsWanted-2 { padding: 0.5rem 0.35rem; }
.talentsWanted-2 p { max-width: 100%; }
.talentsWanted-3 { display: block; margin-bottom: 0rem; }
.talentsWanted-3-item { margin-bottom: 0.3rem; }
.talentsWanted-3-item p { color: #ffffff !important; }
.talentsWanted-2 { margin-bottom: 0.5rem; }
.news-section1-right { padding: 0.3rem; }
.news-slide-txt { margin-bottom: 0.5rem; }
.news-section1-right { height: 3.5rem; }
.audio-img-box { height: 2.8rem; }
.product-container { padding: 0.2rem; }
.product2-list-item,
.prodel-left { width: 100%; }
.case-del-section1 { flex-wrap: wrap; padding: 0.2rem; }
.case-del-section2 { padding: 0.2rem; }
.case-del-section1 .case-del-section1-right { padding-left: 0; }
.product-contents { padding-left: 0; }
.product-two { margin-top: 6.8rem; padding: 0.2rem; }
.solution-section2-item { width: 100%; margin-bottom: 0.3rem; }
.solution-section2-item .solution-section2-item-img { height: 3.28rem; }
.teams-slide:nth-child(even) { margin-top: 0; }
.history #gallery-top .history-content-right h2 { margin-bottom: 0.3rem; }
.history-bar { margin-top: 0.5rem; margin-bottom: 0.9rem; }
.history-bar .swiper-button-prev { left: 20%; top: 120%; }
.history-bar .swiper-button-next { right: 20%; top: 120%; }
#gallery-top .history-content-right h2 { font-size: 0.8rem; }
.honour-top-right { padding-left: 0.3rem; padding-top: 0.2rem; }
.honour-top-right h5 { margin-bottom: 0.5rem; line-height: 0.5rem; font-size: 0.25rem; }
.honour-top { padding: 0.2rem 0.7rem 0.5rem; }
.honour-top-left { height: 3rem; }
.solution2-item { width: 100%; }
.weui-media-box_appmsg { align-items: flex-end; }
.weui-media-box_appmsg .weui-media-box__bd { padding-bottom: 0.2rem; }
.intellectualProperty-top { padding: 0.2rem; }
.hotline-section2-list { justify-content: flex-start; margin-bottom: 0.5rem; padding-left: 0.5rem; }
.hotline-list-item { margin-bottom: 0.3rem; }
#gallery-top .history-content-right p { line-height: 0.32rem; }
.history-title { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1 { margin-left: 0.2rem; margin-right: 0.2rem; }
.question-a { left: 0.2rem; }
.borbottom-e6 { margin-bottom: 0.5rem; }
/* .about-section2{display: block;}

  .about-section3{top: 256vh;}

  .about-section2-right{padding-left: 0; padding-top: 0.5rem;}

  .about-section2-right h4{font-size: 0.28rem;} */

.about-banner { position: relative; min-height: auto; }
.about-section2-bg,
.about-section3,
.about-section4,
.about-section5 { position: relative; top: 0; min-height: auto; height: auto; }
.about-section2 { display: block; }
.about-section2 img { margin: auto; }
.about-section2-right { padding-left: 0; padding-top: 0.5rem; }
.about-section3-left { width: 100%; padding-left: 8%; height: auto; position: relative; }
.about-section3-right { display: none; }
.about-section3-left h4,
.about-section3-left p { width: 100%; }
.about-section4 { padding-top: 0.5rem; }
.about-section4-num { flex-wrap: wrap; }
.about-section4-num .about-section4-num-item { flex: unset; width: 50%; margin-bottom: 0.3rem; }
.about-section4-video { margin-top: 0.6rem; height: 4.8rem; }
/* .about-section5{display: none;} */

.footer-about { position: relative; height: auto; }
}
/* 搜索 */

.searchbox { position: fixed; height: .8rem;
background: #fff; top: 0; left: 0; right: 0; padding: 0 17.7%; transform: translateY(-100%); transition: all .5s ease }
.searchleft img { width: .2rem;
}
.searchleft input { flex: 1; font-size: .18rem;
color: #333; padding: 0 .45rem
}
 .searchleft input::placeholder {
color: #666
}
.searchleft .btn1 {
font-size: .2rem; color: #666; text-transform: uppercase; font-family: "DIN"; background: none; padding: 0; transition: all .3s ease }
.searchleft { display: flex; align-items: center; height: .6rem;
border-bottom: 1px solid #d7d7d7 }
.search-close {
width:.22rem; margin-left: 9.8vw; cursor: pointer; transition: all .3s ease }
.searchbox.on { transform: translateY(0); }
.searchcon .box1 { max-width: 8.6rem; margin: 0 auto; }
.searchcon { padding: 1rem 0; background: #f3f3f3 }
.search-top { max-width: 4.8rem; margin: 0 auto; display: flex; margin-bottom: .3rem
}
.search-top input {
font-size: .16rem; color: rgb(51, 51, 51); height: .48rem;
flex: 1; border: 1px solid #333; border-right: 0; padding: 0 .18rem
}
.search-top #searchkey { width: 1rem; background: #333; padding: 0; height: .48rem
}
.search-top #searchkey img { margin: 0 auto; width: .2rem
}
.searchcon .result {
font-size: .15rem; color: rgb(51, 51, 51); text-align: center; margin-bottom: .65rem
}
.searchcon .item { display: flex; align-items: center; padding: .1rem 0;
border-bottom: 1px solid #333 }
.searchcon .item .title {
font-size: .14rem; line-height: 20px; padding-left: 2px; padding-right: .16rem;
border-right: 1px solid #dadada }
.searchcon .item .content { flex: 1; font-size: .16rem;
color: rgb(51, 51, 51); padding: 0 .15rem
}
.searchcon .item .content span { color: #1f4fa5 }
.pro-con1 { padding: 0 !important; }
.pro-con1 .product-content img { width: 100% !important; }

.aboutnav{position:relative;
	height: 89px;
    display: flex;
    align-items: center;}
.aboutnav .aboutul{
	display:none;    
	
	position: absolute;
    top: 89px;
    right: 30px;
    padding: 5px;
    width: 100px;
    background: #fff;
}
.aboutnav .aboutul li{
	cursor:pointer;
	text-align: center;
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.aboutnav .aboutul li a{	
	font-size:15px;
	width: 100%;
    height: 100%;
    line-height: inherit;
    margin-right: inherit;
}
	
.aboutnav:hover .aboutul{display:block;}
.aboutnav .aboutul li:hover {
	background:#0076C2;
	color:#fff;
}

.aboutnav .aboutul li:hover a{
	color:#fff !important;
}