@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:20px; padding-top: 68px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#2353CF;}
i,em{ font-style:normal;}

.menu span,
.menu i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.5s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}

.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color:#2353CF;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
.menu-link.active{ background:#2353CF; border-radius: 50%;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ position: relative; width: 89.58333333333334%; margin: 0 auto;}
.nwp{ width: 1248px; margin: 0 auto; position: relative;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; padding: 0; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}

.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:34px; line-height: 1;}
.logo img{ height:1em; width:auto; display: block;}

.tLanguage{position: absolute; right: 350px; top: 50%; margin-top: -14px; display: none;}
.tLanguage .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; display: none;}
.tLanguage .i img{ width: 1em; height: 1em; display: block;}
.tLanguage .box{}
.tLanguage .wpd{ cursor: pointer;}
.tLanguage .t{}
.tLanguage .t .npd{ height: 2em; line-height: 2em; font-size: 14px; color:#333333; display: block;}
.tLanguage .t span{ font-weight:bold;}
.tLanguage .t i{ font-weight:bold; font-size: 0.75em; margin-left: 0.5em;}
.tLanguage .c{ position: absolute; width: 100px; left: 50%; top: 100%; margin-left: -50px; padding-top: 6px; display: none;}
.tLanguage .c:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; transform: rotate(45deg); top: 0px; width: 10px; height: 10px; background: #fff; border: 1px solid #F0F0F0; z-index: 1;}
.tLanguage .c:after{ content: ''; position: absolute; left: 50%; margin-left: -7px; top: 5px; border-radius: 2px; width: 14px; height: 2px; background: #fff; z-index: 5;}
.tLanguage .c .npd{ background: #fff;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 4px 0 4px 4px; position: relative; z-index: 4; box-sizing: border-box; padding: 16px 12px; display: flex; justify-content: center;}
.tLanguage .c .npd a{ font-size: 14px; margin: 0 0.5em;}
.tLanguage .wpd:hover .c{ display: block;}

.tSearch{position: absolute; right:278px; top: 50%; margin-top: -16px;}
.tSearch .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tSearch .i img{ width: 1em; height: 1em; display: block;}
.tSearch.active .i:before{}
.tSearch .box{ position: fixed; padding:30px 0; z-index: 3; left: 0px; right: 0px; top:68px; display: none; background:rgba(255,255,255,0.65);}
.tSearch .pd{ position:relative; width: 640px; margin: 0 auto; box-sizing: border-box;}
.ipt_t1{ background:#fff; border:none; color:#2353CF; height:38px; width:100%; padding:0 48px 0 15px; border-radius:0px !important; font-size:14px; box-sizing:border-box; display:block; border:1px solid #ced4da; border-radius: 4px !important;}
.ipt_b1{ width:68px; text-align:center; font-size:22px; line-height:38px; height:38px; padding: 0px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-19px; background:#2353CF; border:1px solid #2353CF; border-radius:3px!important; display: flex; justify-content: center; align-items: center;}
.ipt_b1 img{ width: 20px; height: 20px; display: block; filter: brightness(0.3);}

.tContact{ position: absolute; right: 0px; top: 50%; margin-top: -18px;}
.tContact .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; display: none;}
.tContact .i img{ width: 1em; height: 1em; display: block;}
.tContact .box{ position: relative; display: flex; background: #2353CF; color: #fff; height: 36px; line-height: 36px; padding: 0 18px; border-radius: 18px;}

.tDh{ display: flex; align-items: center; margin-right: 8px;}
.tDh img{ height: 18px; margin-right: 3px;}
.tDh strong{ font-size: 14px; color: #fff; margin-right:4px; white-space: nowrap;}
.tDh a{ font-size: 18px; color: #fff; white-space: nowrap;}
.tEwm{ position: relative; height: 100%; }
.tEwm_ico{ cursor: pointer; display: flex; justify-content: center; align-items: center; height:36px;; width:26px;}
.tEwm_ico img{ width: 26px; height: 26px; display: block;}
.tEwm_img{ position: absolute; top: 100%; left: 50%; width: 100px; margin-left: -50px; padding-top: 6px; display: none;}
.tEwm_img:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; transform: rotate(45deg); top: 0px; width: 10px; height: 10px; background: #fff; border: 1px solid #F0F0F0; z-index: 1;}
.tEwm_img:after{ content: ''; position: absolute; left: 50%; margin-left: -7px; top: 6px; width: 14px; height: 2px; background: #fff; z-index: 5;}
.tEwm_img .pd{ padding: 4px; background: #fff; border: 1px solid #F0F0F0;border-radius:8px; position: relative; z-index:4;}
.tEwm_img img{ width: 100%; height: auto;}
.tEwm:hover .tEwm_img{ display: block;}

.menu{ text-align: right; margin: 0 0 0 232px;}
.menu ul{ display: flex;}
.menu li{ position: relative; text-align: center;}
.menu .h3{}
.menu .h3 a{ display: block; height:68px; line-height: 68px; font-size:14px; position: relative; color:#0B1D3B; padding:0 2em;}
.menu .h3 a:before{ content: ''; position: absolute; height: 1px; left: 50%; width: 0em; background:#e50808; bottom: 0px; opacity: 0; transition: 0.5s all; display: none;}
.menu .h3 strong{ font-weight: normal;}
.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e605"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e704"; }
.menu .box{ position: absolute; top: 100%; left: 50%; width: 200px; margin-left: -100px; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;}
.menu .box .npd{background:rgba(255,255,255,0.9); border-radius: 12px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-sizing: border-box; padding: 20px 0;}
.menu .box a{ font-size: 14px; line-height: 2; display: block; color: #333; text-align: center;}
.menu .box a:hover{ color: #2662a7;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ background: #2353CF; color: #fff; }
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity: 1; width: 2em; margin-left: -1em;}
/*.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}*/

/*.header{ transition: 0.5s all;}
.body_fix .header{ background:rgba(255,255,255,0.9); top: 0px; padding: 15px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.body_fix .menu .h3 a{ color: #000;}
.body_fix .menu .box{ padding-top: 20px;}
.body_fix .tLanguage .box a{ color: #000;}
.body_hide .header{}*/

.iBanner{ position: relative;}
.iBanner .pd{ display: block; position: relative;}
.iBanner .img{ overflow: hidden; position:relative;}
.iBanner .img:before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/banner_bg.png") no-repeat; background-size: 100% 100%;}
.iBanner .img img{ height: auto; width:100%; min-width: 100vw; max-width: 100vw; display: block; aspect-ratio: 1920/680;}
.iBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom:0; color: #fff;}
.iBanner .nwp{ display: flex; align-items: center; height: 100%;}
.iBanner .h3{ font-size: 48px; font-weight: bold; line-height: 1.2; margin-bottom: 0.4166em;}
.iBanner .p{ font-size: 14px; line-height: 1.5; width: 44em;}
.iBanner .m{ padding-top: 64px;}
.iBanner .swiperArrow{ display:block;}
.iBanner .swiperDots{ display:block; bottom: 20px;}


.iBanner .h3{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.6s;}
.iBanner .p{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.8s;}
.iBanner .m{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 1s;}

.iBanner .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.iBanner .swiper-slide-active .p{ opacity: 1; transform: translateY(0px);}
.iBanner .swiper-slide-active .m{ opacity: 1; transform: translateY(0px);}


.iBannerHome{ position: relative; overflow: hidden;}
.iBannerHome .wimg{ position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.iBannerHome .wimg img{ width: 100%; height:  calc(100vh - 68px); display: block;}
.iBannerHome .wtext{ position: relative; z-index: 3;}
.iBannerHome .pd{ display: block; position: relative;}
.iBannerHome .img{ overflow: hidden; position:relative;}
.iBannerHome .img img{ width:100vw; height:  calc(100vh - 68px); object-fit: cover; display: block;/* aspect-ratio: 1920/1080;*/}
.iBannerHome .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom:0; color: #fff; text-align: center; z-index: 3;}
.iBannerHome .nwpp{ display: flex; align-items: center; height: 100%; justify-content: center;}
.iBannerHome .h3{ font-size: 56px; margin-bottom: 0.48em; line-height: 1.2;}
.iBannerHome .h3 strong{ font-weight: bold; margin: 0 0.25em;}
.iBannerHome .h3 span{ font-weight: bold; margin: 0 0.25em;}
.iBannerHome .p{ font-size: 24px; line-height: 1.791666666666667; font-weight: normal; margin: 0 auto;}
.iBannerHome .swiperArrow{ display:block; display: none;}
.iBannerHome .swiperPrev{ left: 5.208333333333329%;}
.iBannerHome .swiperNext{ right: 5.208333333333329%;}
.iBannerHome .swiperDots{ display:block; bottom: 20px;}


.iBannerHome .h3{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.6s;}
.iBannerHome .p{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 1s;}

.iBannerHome .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.iBannerHome .swiper-slide-active .p{ opacity: 1; transform: translateY(0px);}

.videoA{ position: absolute; left:-1px; top:-1px; bottom:-1px; right:-1px; z-index: 2;}
.videoA video{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1920/775; object-position: center bottom;}
.videoBtn{ position: absolute; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.5); z-index:5; opacity: 0; visibility: visible; pointer-events:auto; cursor: pointer; transition: 0.3s all;}
.videoBtn img{ position: absolute; width: 4.6875em; height: 4.6875em; left: 50%; top: 50%; margin: -2.34375em 0 0 -2.34375em; min-width:auto; max-width:none;}
.videoBtn.curr{ opacity: 0; visibility: hidden; pointer-events: none; }

/*.iBanner .h3{ opacity: 0; transform: translateY(-20px); transition: 0.6s all; transition-delay: 0.6s;}
.iBanner .p{ opacity: 0; transform: translateY(-20px); transition: 0.6s all; transition-delay: 0.9s;}
.iBanner .m{opacity: 0; transform: translateY(-20px); transition: 1.2s all; transition-delay: 0.9s;}
.iBanner .swiper-slide-active .h3,
.iBanner .swiper-slide-active .p,
.iBanner .swiper-slide-active .m{ opacity: 1; transform: translateY(0px);}*/

.pageNext{ height: 40px; position: absolute; left: 0px; bottom: -40px; right: 0px; cursor: pointer;}

.more1{ height: 3.5em; width: 10.875em; line-height: 3.5em; font-size: 16px; color: #fff; display: inline-block; transition: 0.5s all; text-align: center; position: relative; overflow: hidden; border-radius: 1.75em; box-sizing: border-box; transition: 0.3s all;}
.more1 span{ position: relative; display: block; z-index: 2;}
.more1:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:no-repeat center center; background-size: contain;}
.more1:hover{ color: #fff;}
.more1_1:before{background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%);}
.more1_1:hover:before{background: #00C3F9;}
.more1_2{ border: 1px solid rgba(59, 137, 254, 0.55); margin-left: 24px;}
.more1_2:before{ background:rgba(255, 255, 255, 0.3); /*backdrop-filter: blur(8px); filter: blur(8px);*/ z-index: 2; /*backdrop-filter: blur(5px);*/}
.more1_2:hover{ border-color:rgba(59, 137, 254, 0.55);}
.more1_2:hover:before{ background: rgba(43, 121, 253, 0.85);}
.more1_3{ width: 10.77777777777778em; height: 3em; line-height: 3em; font-size: 18px;}
.more1_3:before{ background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%);}
.more1_4{ width: 7.875em; height: 2.625em; line-height: 2.625em; font-size: 16px;}
.more1_4:before{ background:#2353cf;}

.more2{ height: 56px; width: 168px; line-height: 56px; font-size: 16px; border-radius: 28px; color: #2353CF; display: inline-block; transition: 0.5s all; text-align: center;}
.more2:hover{ color: #2353CF;}

.iMain{ background:no-repeat center center; background-size:cover; position: relative; padding:90px 0; overflow: hidden;}
.iMain1{/* background-image: url("../images/iMain1.jpg");*/ background: #efeff9; padding-top: 0;}

.iMain1_1{}
.iAboutTop{}
.iAboutTop .pd{ display: flex; justify-content: flex-end;}
.iAboutTop .img{ width: 52.57009345794392%; position: relative;}
.iAboutTop .img li{ z-index: 2; position: absolute; left: 0px; top: 0px; right: 0px;}
.iAboutTop .img li:first-child{ position: relative;}
.iAboutTop .img li.curr{ display: block; z-index: 3;}
.iAboutTop .img img{ width: 52vw; float: left; aspect-ratio: 2080/1600;}
.iAboutTop .text{ padding-top: 190px; width: 706px; width: 41.238317757009346%; position: absolute; left: 0px; top: 0px; justify-content: space-between; z-index: 2;}
.iAboutTit{ color: #0B1D3B; margin-bottom: 56px;}
.iAboutTit strong{ font-size: 30px;}
.iAboutTab{ margin-bottom: 40px;}
.iAboutTab ul{ display: flex; justify-content: space-between;}
.iAboutTab li{ position: relative;}
.iAboutTab li:last-child{ margin-bottom: 0px;}
.iAboutTab .t a{ display: block; height: 2.5555555555555554em; line-height: 2.5555555555555554em; border-radius: 1.2777777777777777em; font-size: 18px; color: #000; padding:0 0.7777777777777778em 0 2.777777777777778em; text-align: center; position: relative; white-space: nowrap; background: #fff;}
.iAboutTab .t .i{ width: 40px; height: 40px; position: absolute; left: 10px; top:50%; margin-top: -20px;}
.iAboutTab .t img{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; aspect-ratio: 40/40; object-fit: contain;}
.iAboutTab .t .img1{ opacity: 1;}
.iAboutTab .t .img2{ opacity: 0;}
.iAboutTab .t span{}
.iAboutTab .c{ width: 420px; position: absolute; top: 100%; padding-top: 40px; display: none; left:0px;}
.iAboutTab .pd{ font-size: 14px; text-align: justify;}
.iAboutTab li.curr .t a{ background: linear-gradient( 47deg, #000000 0%, #373737 100%); color: #fff;}
.iAboutTab li.curr .t .img1{ opacity: 0;}
.iAboutTab li.curr .t .img2{ opacity: 1;}
/*.iAboutTab li.curr .c{ display: block;}*/
.iAboutCon{ line-height: 2;}
.iAboutCon ul{ display: flex; justify-content: center;}
.iAboutCon li{ display: none; font-size: 14px; text-align: justify;}
.iAboutCon li.curr{ display: block;}

.iMain1_2{}
.iAboutBottom{ position: relative; z-index: 3;}
.iAboutBottom ul{ display: flex; margin: 0 -10px;}
.iAboutBottom li{ width: 16.666666666666668%;}
.iAboutBottom .pd{ border-radius: 10px; margin: 0 10px; padding:5px 24px; box-sizing: border-box; height: 100%; transition: 0.6s all;}
.iAboutBottom .img{ margin-bottom: 6px;}
.iAboutBottom .img img{ width: auto; height:40px; aspect-ratio: 40/40; object-fit: contain;}
.iAboutBottom .text{}
.iAboutBottom .h3{ font-size: 16px; color: #000; margin-bottom: 3px;}
.iAboutBottom .p{ font-size: 12px; color: #666; line-height: 1.5;}
.iAboutBottom .pd:hover{ transform: translateY(-20px);}

.tit1{ margin-bottom: 50px; text-align: center; position: relative;}
.tit1 strong{ font-size: 30px; line-height: 1.2; color: #0B1D3B; display: block; margin-bottom: 0.5em;}
.tit1 em{ font-size: 14px; line-height: 1.2; color: #666; display: block;}
.tit1_2{ text-align: left; margin-bottom: 40px;}
.tit1_3{ }
.tit1_3 strong{ color: #fff;}
.tit1_3 em{ color:rgba(255,255,255,0.5);}

.iMain2{ background-image: url("../images/iMain2.jpg"); background-color: #FAFAFA; background-position: top center; background-size:100% auto;}
.iMain2_1{}

.iMain3_1{}
.iStrength{}
.iStrength .swiper{ margin: 0 -3px; display: flex;}
.iStrength .swiper-slide{ flex: 1; transition: 0.3s ease flex;}
.iStrength .pd{ margin: 0 3px; display: block; overflow: hidden; position: relative;}
.iStrength .img{ position: relative;}
.iStrength .img img{ height: 718px; display: block; width: 100%; object-fit: cover; object-position: center center; aspect-ratio: 818/1316;}
.iStrength .ntext{ position: absolute; left: 1em; right: 1em; bottom: 1em; top: 1em; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 3; transition:all 0.5s ease;}
.iStrength .text{ position: absolute; left: 1em; right: 1em; bottom: 1em; top: 1em; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 3; opacity: 0; transform: translateY(20px); transition:opacity 0.5s ease; transition-delay: 0s;}
.iStrength .h2{ font-size: 16px; line-height: 1.2; text-align: center;}
.iStrength .h3{ font-size: 16px; line-height: 1.2; text-align: left; margin-bottom: 1em;}
.iStrength .h3 br{ display: none;}
.iStrength .p{ font-size: 14px; line-height: 1.5; height: 4.5em; width: 20em;}
.iStrength .swiper-slide:hover{flex: 2;}

.iStrength .swiper-slide:hover .ntext{ opacity: 0;}
.iStrength .swiper-slide:hover .text{ transform: translateY(0px); transition:all 0.5s ease; transition-delay: 0.3s; opacity: 1;}
.iStrength .swiper-slide:hover .h3{ text-align: left;}
.iStrength .swiper-slide:hover .p{ opacity: 1;}

/*.iStrength .swiper-slide-active{ width: 25%; }
.iStrength .swiper-slide-active .h3{ text-align: left;}
.iStrength .swiper-slide-active .p{ opacity: 1;}*/

.more3{ display: flex; align-items: center; color: #fff; line-height: 24px; font-size: 14px;}
.more3 i{ transform: scale(0.9); font-size: 1em; margin-left: 0.25em;}
.more3_2{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #2353CF;}
.more3_3{ color: #2353CF;}
.more3_4{ color: #333333;}
.more3:hover{}

.iMain3{ background: #FAFAFA;}
.iMain3_1{}
.iSolutionTab{ margin-bottom: 60px; position: relative;}
.iSolutionTab ul{ display: flex;}
.iSolutionTab li{ margin-right: 56px;}
.iSolutionTab li a{ height: 2.555555555555556em; line-height: 2.555555555555556em; display: block; border-radius: 1.277777777777778em; padding: 0 2.222222222222222em; font-size: 18px;}
.iSolutionTab li.curr a{background: linear-gradient( 47deg, #000000 0%, #373737 100%); color: #fff;}

.iSolutionCon{}
.iSolutionCon ul{ display: none; flex-wrap: wrap; margin: 0 -18px;}
.iSolutionCon ul.curr{ display: flex;}
.iSolutionCon li{ width: 25%; margin-bottom: 36px;}
.iSolutionCon li:nth-child(n+4){ margin-bottom: 0px;}
.iSolutionCon .pd{ display: block; margin: 0 18px; position: relative; border-radius: 8px; overflow: hidden; transition: 0.3s all;}
.iSolutionCon .img img{ aspect-ratio: 640/375; object-fit: cover; transition: 0.6s all;}
.iSolutionCon .text{ position: absolute; left: 0px; bottom: 0px; right: 0px; display: flex; justify-content: space-between; color: #fff; padding:20px 24px;}
.iSolutionCon .h3{ font-size: 18px; line-height: 24px;}
.iSolutionCon .m{}
.iSolutionCon .pd:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.5); transform: translateY(-5px);}
.iSolutionCon .pd:hover .img img{ transform: scale(1.1); }

.iMain4{ background-image: url("../images/iMain4.jpg"); background-position: center bottom; background-color: #fff; background-size: 100% auto; overflow: hidden;}
.iMain4{ background-position: center center; background-size: cover;}
.iMain4 .wp{ position: relative; z-index:3;}
.iMain4_1{ margin-bottom: 110px;}
.iStrengthB{ width: 80%; margin: 0 auto;}
.iStrengthB ul{ display: flex;}
.iStrengthB li{ width: 25%;}
.iStrengthB .pd{ text-align: center;}
.iStrengthB .h3{ color: #fff; display: flex; align-items: flex-end; justify-content: center; line-height: 1; margin-bottom: 15px;}
.iStrengthB .h3 strong{ font-size: 68px;}
.iStrengthB .h3 span{ font-size: 20px; transform: translateY(-0.35em);}
.iStrengthB .em{ font-size: 14px; color: #fff;}

.iMain4_2{ margin-bottom: 48px;}
.iMain4_1{}
.iPartner{}
.iPartner ul{ width: 100000px; display: flex;}
.iPartner li{ width: 214px;}
.iPartner .npd{ margin-right:24px; display: block; background: #fff; border-radius: 6px;box-shadow: 0px 2px 4px 1px rgba(24,59,140,0.15);}
.iPartner .npd img{ width: 100%; height: auto; display: block; aspect-ratio: 380/178; object-fit: contain; border-radius: 6px;/* image-rendering: pixelated;*/}

.iMain4_2{}
.slide_1{ margin-bottom: 24px;}
.slide_2{ margin-bottom: 24px; transform: translateX(-107px);}
.slide_3{}

.iMain4_3{ color: rgba(255,255,255,0.5); font-size: 14px; text-align: center;}

.iMain5{ background: #fff;}

.iNews{}
.iNews .swiper{ margin: 0 -16px;}
.iNews .swiper-slide{ padding: 10px 0;}
.iNews .pd{ margin: 0 16px; display: block; border-radius: 4px; padding: 10px; transition: 0.6s all;}
.iNews .img{ overflow: hidden; border-radius: 4px; transition: 0.6s all;}
.iNews .img img{ aspect-ratio: 640/360; object-fit: cover; transition: 0.6s all;}
.iNews .text{ padding-top: 25px; color: #000;}
.iNews .em{ font-size: 20px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.2; color: #173B8C;}
.iNews .h3{ font-size: 24px; font-weight: bold; line-height: 1.5em; height: 3em; color: #000000; margin-bottom: 0.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.iNews .p{ font-size: 12px; line-height: 1.5; height: 3em; color: #666666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.iNews .pd:hover{ transform: translateY(-5px);}
.iNews .pd:hover .img{ box-shadow: 2px 2px 10px rgba(0,0,0,0.5); transform: translateZ(0);}
.iNews .pd:hover .img img{ transform: scale(1.1) translateZ(0); }

.more4{width: 11.875em;height: 3.25em; text-align: center; line-height: 3.25em; display:block; background:rgba(255, 255, 255, 0.9);border-radius: 1.625em; font-size: 16px;color: #003FA6; transition: 0.3s all;}
.more4_1{ margin-bottom: 16px;}
.more4_1:hover{ color: #fff; background: rgba(43, 121, 253, 0.85);}
.more4_2{ background:rgba(59, 137, 254, 0.55); color: #fff;}
.more4_2:hover{background: #00C3F9; color: #fff;}

.more1_1:before{background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%);}
.more1_1:hover:before{background: #00C3F9;}
.more1_2{ border: 1px solid rgba(59, 137, 254, 0.55); margin-left: 24px;}
.more1_2:before{ background:rgba(255, 255, 255, 0.3); /*backdrop-filter: blur(8px); filter: blur(8px);*/ z-index: 2; /*backdrop-filter: blur(5px);*/}
.more1_2:hover{ border-color:rgba(59, 137, 254, 0.55);}
.more1_2:hover:before{ background: rgba(43, 121, 253, 0.85);}


.fonterContact{ background: url("../images/fonterContact.png") center bottom #003fa6; padding: 68px 0;}
.fContactA{ color: #fff;}
.fContactA .pd{ display: block; position: relative;}
.fContactA .i{ font-size: 34px; line-height: 1; margin-bottom: 8px;}
.fContactA .i img{ height: 1em; width: auto; display: block;}
.fContactA .h3{ font-size: 22px; margin-bottom: 2.181818181818182em;}
.fContactA .p{}
.fContactA .p dl{ position: relative; padding-left: 36px;}
.fContactA .p dt{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 26px;}
.fContactA .p dt img{ height: 1em; width: auto; display: block;}
.fContactA .p dd{ font-size: 24px;}
.fContactA .p dd *{ color: #fff;}
.fContactA .m{ position: absolute; right: 0px; bottom: 0px;}

.footer{ background: #f0f0f0; color: #999999; overflow: hidden; padding: 70px 0 24px 0;}
.footer a{ color: #999999;}
.footer a:hover{color: #2353CF;}

.fTop{ display: flex; justify-content: space-between;}
.fTop_fl{ max-width: 70%;}
.fNav{ margin-bottom: 54px;}
.fNav ul{ display: flex; }
.fNav li{ margin-right: 80px; max-width: 170px;}
.fNav li:last-child{ margin-right: 0px;}
.fNav .h3{ margin-bottom:25px;}
.fNav .h3 a{ font-size: 16px; color: #000000; font-weight: bold; line-height: 1.2; display: block; white-space: nowrap;}
.fNav .box{}
.fNav .box a{ display: block; line-height: 1.5; font-size: 14px; margin-bottom: 18px; white-space: nowrap;}
.fNav .box a:last-child{ margin-bottom: 0px;}
.fLink{ font-size: 14px;}
.fLink strong{ display: inline-block; margin-right: 24px; color: #000;}
.fLink a{ display: inline-block; margin-right: 24px;}
.fTop_fr{ width: 424px;}
.fContactB{}
.fContactB .li{}
.fContactB .li1{ margin-bottom: 32px;}
.fContactB .li2{ margin-bottom: 24px;}
.fContactB .li3{ margin-bottom: 48px;}
.fContactB .li4{}
.fContactB .h3{ font-size: 16px; color: #000000; font-weight: bold; line-height: 1.2; margin-bottom: 10px;}
.fContactB .p{ font-size: 12px; color: #999999;}
.fContactB .em{ font-size: 14px; color: #000000; line-height: 1.2; font-weight: bold;}
.fContactB .em a{ color: #000; }
.fContactB .m{}
.fContactB .m a{ color: #fff;}
.ewmList{}
.ewmList ul{ display: flex;}
.ewmList li{ width: 80px; margin-right: 24px;}
.ewmList li:last-child{ margin-right: 0px;}
.ewmList .img{}
.ewmList .img img{ aspect-ratio: 320/320; object-fit: contain;}
.ewmList .text{ font-size: 12px; text-align: center; line-height: 1.2; display: none;}
.more5{width: 11em;height:2.5em; line-height: 2.5em; display: flex; justify-content: center; text-align: center; font-size: 14px;color: #FFFFFF; background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%);border-radius: 4px; transition: 0.3s all;}
.more5 i{ font-size: 0.8em;}
.more5:hover{ color: #fff; background: #00C3F9;}


.fCopy{ background:#F0F0F0; padding: 15px 0; color: #999999; border-top: 1px solid rgba(0, 0, 0, 0.08); font-size: 12px;}
.fCopy a{ color: #999999;}

.subNav{ position: fixed; right: 20px; top: 50%; transform: translateY(-50%); width: 48px; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); z-index: 20;}
.subNav li{ margin-bottom: 2px; position: relative;}
.subNav li:last-child{ margin-bottom: 0px; }
.subNav .t{ position: relative; padding: 9px; background: #FFFFFF; border-radius: 4px; overflow: hidden; cursor: pointer; transition: 0.3s all; z-index: 2;}
.subNav .t .npd{ position: relative; }
.subNav .t img{ width: 100%; height: auto; display: block; transition: 0.3s all;}
.subNav .t .img2{ position: absolute; left: 0px; top: 0px; opacity: 0;}
.subNav .c{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: none; z-index: 1;}
.subNav .c .npd{ background: #005BE4;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 4px; box-sizing: border-box; padding: 12px 68px 12px 20px;}
.subNav .c .pd{ padding-right: 56px;}
.subNav .c .h3{ font-size: 12px; color: #0B1D3B;}
.subNav .c .em{ }
.subNav .c .em a{ color: #fff; line-height: 24px; font-size: 14px; font-weight: 400; font-weight: bold; display: block; white-space: nowrap;}
.subNav .c .m{}
.subNav .c .m a{ height: 24px; padding: 0 8px; white-space: nowrap; text-align: center; line-height: 24px; color: #005BE4; border-radius: 4px; background: #FFFFFF; display: block; font-size: 12px; }
.subNav .c .img{ width: 80px;}
.subNav li:last-child .c .npd{ width: 120px; padding: 4px;}

.subNav li:hover .t{ background: #005BE4;}
.subNav li:hover .img1{ opacity: 0;}
.subNav li:hover .img2{ opacity: 1;}
.subNav li:hover .c{ display: block;}




/*内页*/
.nBanner{}
.nBanner .pd{ position: relative;}
.nBanner .img{ overflow: hidden; }
.nBanner .img img{ width: 100%; min-width: 100vw; max-width: 100vw; height: auto; display: block;}
.nBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom:0px; display: flex; align-items: center;}
.nBanner .h3{}
.nBanner .p{}
.nBanner .m{}

.banner_device .h3{ font-size: 48px; line-height: 1.2; margin-bottom:1em; text-align: center; color: #fff;}
.banner_device .m{ text-align: center;}
.banner_solution .text{ display: none;}

.banner_service .h3{font-size: 26px; line-height: 1.2; margin-bottom:16px; color: #183B8C; font-weight: bold;}
.banner_service .p{font-size: 12px; line-height: 1.5; min-height: 3em;color: #4D4D4D; width: 40em;}
.banner_service .m{ padding-top: 40px;}

.banner_support .h3{font-size: 26px; line-height: 1.2; margin-bottom:16px; color: #183B8C; font-weight: bold;}
.supportSearch{ width: 240px;}
.supportSearch .pd{ position: relative; display: block;}
.ipt_t2{height: 36px;background: #FFFFFF; border: none; width: 100%; box-sizing: border-box; border-radius: 4px; padding: 0 68px 0 8px;}
.ipt_b2{ position: absolute; right: 0px; top: 0px; bottom: 0px; width: 60px; border: none; border-radius:0 4px 4px 0; background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%);}
.ipt_b2:before{ content: ''; width: 26px; height: 26px; background: url("../images/icon-sousuo.png") no-repeat; background-size:100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.banner_solution_info{}
.banner_solution_info .h3{ font-size: 24px;text-shadow: 0px 3px 3px rgba(0,0,0,0.55);font-weight: bold;color: #FFFFFF;}

.banner_case_info{}
.banner_case_info .npd{ padding: 14px 65px 18px 27px; background:linear-gradient(to left,rgba(255,255,255,0.2),rgba(255,255,255,0.1)); float: left; color: #fff; backdrop-filter: blur(8px);}
.banner_case_info .h3{font-size: 24px; line-height: 1.2; text-shadow: 0px 3px 6px rgba(0,0,0,0.16); font-weight: bold; margin-bottom: 10px;}
.banner_case_info .p{font-size: 12px; line-height: 1.5; text-shadow: 0px 3px 6px rgba(0,0,0,0.16); font-weight: 400;}

.banner_search .h3{ font-size: 48px; line-height: 1.2; text-align: center; color: #000;}

.tit2{ position: relative; padding-bottom: 24px; margin-bottom: 64px;}
.tit2 strong{ font-size: 30px; color: #0B1D3B; display: block; line-height: 1.2;}
.tit2:before{ content: ''; width: 42px; height: 5px; background: #2353CF; position: absolute; left: 0px; bottom: 0px;}
.tit2_1{ margin-bottom: 16px;}
.tit2_2{ margin-bottom: 64px;}
.tit2_3 strong{ color: #fff;}
.tit2_3:before{ background: #fff;}
.tit2_4{ margin-bottom: 48px;}
.tit2_5{ margin-bottom: 0px;}

.pMain{ padding: 100px 0; background: no-repeat center center; background-size:cover;}
.pMainDevice1{}
.pMainDevice1_1{}
.device{}
.device .pd{}
.device .img{ width: 720px; float: right;}
.device .img img{ aspect-ratio: 1440/810; object-fit: cover;}
.device .text{ margin-right: 720px; padding: 48px 96px 0 0 ;}
.device .p{ font-size: 14px; line-height: 2; min-height: 14em; color: #4D4D4D; margin-bottom: 60px;}
.pMainDevice2{ background: #fafafa;}
.pMainDevice2_1{}
.deviceAdvantage{}
.deviceAdvantage ul{ display: flex; flex-wrap: wrap; margin-right: -52px;}
.deviceAdvantage li{ width: 33.3333%; margin-bottom: 40px;}
.deviceAdvantage li:nth-child(n+4){ margin-bottom: 0px;}
.deviceAdvantage .pd{ display: block;box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.08);background: #FFFFFF;border-radius: 8px 8px 8px 8px; margin-right: 52px; padding: 32px 100px 32px 42px; position: relative; height: 100%; box-sizing: border-box; transition: 0.4s all;}
.deviceAdvantage .img{ width: 80px; float: left;}
.deviceAdvantage .img img{ aspect-ratio: 80/80; object-fit: contain;}
.deviceAdvantage .text{ margin-left: 80px; padding-left: 32px;}
.deviceAdvantage .i{ position: absolute; right: 35px; top: 25px; z-index: 1;}
.deviceAdvantage .i img{ height: 56px; width: auto; display: block;}
.deviceAdvantage .h3{ font-size: 16px; line-height: 1.2; min-height: 1.2em; margin-bottom: 1em;color: #000000; font-weight: bold; position: relative; z-index: 2;}
.deviceAdvantage .p{ font-size: 12px; line-height: 18px; min-height: 36px; position: relative; z-index: 2;}
.deviceAdvantage .pd:hover{ transform: translateY(-3px); box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);}

.pMainSolution1{background: #FAFAFA; padding: 120px 0 80px 0;}
.tit3{ position: relative; margin-bottom: 20px;}
.tit3 img{ width: 40px; height: 40px; position: absolute; left: -13px; top: 50%; margin-top: -20px;}
.tit3 strong{ display: block; padding-left: 45px; font-size: 24px; color: #0B1D3B; line-height:40px;}

.solution{background: #FFFFFF;border-radius: 8px; padding: 64px 0;}
.solutionFl{ width: 278px; float: left;}
.solutionFr{ padding: 0 40px; margin-left: 278px; min-height: 892px;}

.solutionNavA{}
.solutionNavA li{ margin-bottom: 16px;}
.solutionNavA li:last-child{ margin-bottom: 0px;}
.solutionNavA .h3{ position: relative;}
.solutionNavA .h3 a{ display: block; position: relative; padding-left: 48px; z-index: 1;}
.solutionNavA .h3 strong{ font-weight: bold; font-size: 14px;color: #0B1D3B; height: 36px; line-height: 36px; display: block;}
.solutionNavA .h3 span{ width: 40px; height: 40px; position: absolute; z-index: 2; right: -15px; top: 50%; margin-top: -20px; background: url("../images/solutionNavA1_1.png") no-repeat center center; background-size: 50% 50%; cursor: pointer;}
.solutionNavA .box{ display: none;}
.solutionNavA .box a{ padding-left: 68px; display: block;color: #4D4D4D; position: relative;}
.solutionNavA .box span{ display: block; height: 44px; line-height: 44px; position: relative; z-index: 2; font-size: 14px;}
.solutionNavA .box a:after{ content: ''; position: absolute; left: 0px; top: -3px; bottom: -3px; width: 9px; background: url("../images/solutionNavA_bg1.png") no-repeat left center; background-size: 100% auto; opacity: 0; transition: 0.3s all;}
.solutionNavA .box a:before{ content: ''; position: absolute; z-index: 1; width: 200px; top: -3px; bottom: -3px; left: 0px; right: 0px; background: linear-gradient( 89deg, rgba(59,137,254,0.12) 0%, rgba(59,137,254,0) 100%); opacity: 0; transition: 0.3s all;}
.solutionNavA .box a.curr,
.solutionNavA .box a:hover{color: #206DE1;}
.solutionNavA .box a.curr:after,
.solutionNavA .box a.curr:before{ opacity: 1;}

.solutionNavA li.active .h3 span{ background-image: url("../images/solutionNavA1_2.png");}

.solutionNavB{ margin-bottom: 60px; position: relative;}
.solutionNavB ul{ display: flex; flex-wrap: wrap;}
.solutionNavB li{ margin-right: 56px;}
.solutionNavB li a{ height: 2.555555555555556em; line-height: 2.555555555555556em; display: block; border-radius: 1.277777777777778em; padding: 0 2.222222222222222em; font-size: 18px; overflow: hidden;}
.solutionNavB li.curr a{background: #005BE4; color: #fff;}

.solutionList{}
.solutionList ul{ display: flex; flex-wrap: wrap; margin: 0 -14px;}
.solutionList li{ width: 25%; margin-bottom: 28px;}
.solutionList_1 li:nth-child(n+4){ margin-bottom: 0px;}
.solutionList .pd{ display: block; margin: 0 14px; position: relative; border-radius: 8px; overflow: hidden; transition: 0.4s all;}
.solutionList .img img{ aspect-ratio: 640/384; object-fit: cover;}
.solutionList .text{ position: absolute; left: 0px; bottom: 0px; right: 0px; display: flex; justify-content: space-between; color: #fff; font-size: 16px; padding:1em;}
.solutionList .h3{ line-height: 1.5; height: 1.5em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.solutionList .m{}
.solutionList .pd:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.5); transform: translateY(-3px); }


.pMainService1{ background: #fafafa;}
.pMainService1_1{}
.servicePartner{}
.servicePartner ul{display: flex; margin: 0 -16px; flex-wrap: wrap;}
.servicePartner li{ width:50%; float: left; margin-bottom: 32px;}
.servicePartner li:nth-child(n+3){ margin-bottom: 0px;}
.servicePartner .pd{ display: block; position: relative; margin: 0 16px;box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07);border-radius: 4px;background: #FFFFFF; padding: 60px 40px; height: 100%; box-sizing: border-box; transition: 0.4s all;}
.servicePartner .img{ position: absolute; right: 0px; top: 0px; bottom: 0px;}
.servicePartner .img img{ aspect-ratio: 480/462; object-fit: cover; width: auto; height: 100%; display: block;}
.servicePartner .text{ position: relative; z-index: 2;}
.servicePartner .h3{font-size: 20px;color: #183B8C;line-height: 1.2; margin-bottom: 0.75em;}
.servicePartner .p{ font-size: 14px; line-height: 1.5; min-height: 4.5em; width: 22em;}
.servicePartner .pd:hover{ transform: translateY(-3px); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);}

.pMainService2{}
.serviceProcess{ position: relative;}
.serviceProcess ul{ display: flex; position: relative;}
.serviceProcessLine{ content: ''; position: absolute; top: 24px;border-top: 2px dashed #E9F1FB; left: 12%; right: 12%;}
.serviceProcess li{ width: 25%;}
.serviceProcess .pd{ padding-top: 90px; position: relative;}
.serviceProcess .img{ width: 160px; margin:0 auto;}
.serviceProcess .img img{ aspect-ratio: 320/320; object-fit: contain;}
.serviceProcess .text{ text-align: center; padding-top: 14px;}
.serviceProcess .i{ width: 2em; height: 2em; line-height: 2em; font-size: 24px; text-align: center; position: absolute; left: 50%; margin-left: -1em; top: 0px; background: #E9F1FB; border-radius: 50%; color: #2353CF; font-weight: bold;}
.serviceProcess .h3{font-size: 20px;color: #0B1D3B; font-weight: bold; line-height: 1.2; margin-bottom: 0.3em;}
.serviceProcess .p{font-size: 12px;color: #666666; line-height: 1.5;}

.pMainSupport1{ background: #FAFAFA;}
.support{background: #FFFFFF;border-radius: 8px; padding: 48px 0 60px 0;}
.supportFl{ width: 190px; float: left; padding-top: 60px; position: sticky; top: 70px;}
.supportFr{ padding: 0 32px; margin-left:190px; min-height: 485px;}

.supportNav{ }
.supportNav li{ margin-bottom: 10px;}
.supportNav a{ display: block; color: #4D4D4D; padding-left:48px; height: 50px; line-height: 50px; position: relative;}
.supportNav span{ display: block; font-size: 14px; position: relative; z-index: 2;}
.supportNav a:after{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 9px; background: url("../images/solutionNavA_bg1.png") no-repeat left center; background-size: 100% auto; opacity: 0; transition: 0.3s all;}
.supportNav a:before{ content: ''; position: absolute; z-index: 1; width: 200px; top: 0px; bottom: 0px; left: 0px; right: 0px; background: linear-gradient( 89deg, rgba(59,137,254,0.12) 0%, rgba(59,137,254,0) 100%); opacity: 0; transition: 0.3s all;}

.supportNav li.curr{color: #206DE1;}
.supportNav li.curr a:after,
.supportNav li.curr a:before{ opacity: 1;}

.supportCon{}
.supportCon li{ display: none;}
.supportCon li.curr{ display: block;}
.supportCon dl{ margin-bottom: 40px;}
.supportCon dl:last-child{ margin-bottom: 0px;}
.supportCon dt{ position: relative; margin-bottom: 5px; display: flex; align-items: center;}
.supportCon dt img{ width: 48px; height: 48px;}
.supportCon dt strong{ color: #173766; display: block; height: 60px; line-height: 60px; margin-left: 10px;}
.supportCon dt span{ font-size: 18px;}
.supportCon dt a{ display:flex; position: relative; align-items: center;}
.supportCon dt a img{ width: 1em; height: 1em; font-size: 18px; margin-left: 0.5em;}
.supportCon dt a span{ font-size: 14px; font-weight: normal; margin-left: 1em; display: none;}
.supportCon dt a:hover span{ display: inline-block;}
.supportCon dd{border-radius: 4px;border: 1px solid #E6E6E6;background: #FFFFFF; padding: 14px 20px; }
.supportCon .pd{display: flex; flex-wrap: wrap;}
.supportCon .pd a{ height: 40px; line-height: 40px; width: 33.3333%; font-size: 14px; color: #0B1D3B; padding:0 1em; box-sizing: border-box;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.supportCon .i{ display: none; width: 32px; height: 32px; margin: 0 auto; background: url("../images/icon-gengduo2.png") no-repeat center center; background-size: 50% 50%; cursor: pointer;}
.supportCon dl:nth-child(1) dd .pd{ height: 80px; overflow: hidden;}
.supportCon dl:nth-child(1) dd .i{ display: block;}
.supportCon dl:nth-child(1) dd.curr .pd{ height: auto; overflow: visible;}
.supportCon dl:nth-child(1) dd.curr .i{ transform: rotate(180deg);}

.pMainAbout1{}
.pMainAbout1_1{}
.about{}
.about .wpd{}
.about .img{ width: 720px; float: right; border-radius: 4px; overflow: hidden; position: relative;}
.about .img img{ aspect-ratio: 1440/810; object-fit: cover;}
.about .img video{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; object-fit: cover; display: block; width: 100%; height: 100%;}
.about .text{ padding:36px 96px 0 0; margin-right: 720px; }
.about .p{ line-height: 2; font-size: 14px;}
.about .p p{ text-indent: 2em; margin-bottom: 1em;}
.about .p p:last-child{ margin-bottom: 0;}
.aboutStrength{ margin: 0 auto; padding-top: 72px;}
.aboutStrength ul{ display: flex; flex-wrap: wrap;}
.aboutStrength li{ width: 16.6666%; margin-bottom: 50px;}
.aboutStrength li:nth-child(n+4){ margin-bottom: 0px;}
.aboutStrength .pd{ text-align: center;}
.aboutStrength .h3{ color: #3B89FE; display: flex; align-items: flex-end; justify-content: center; line-height: 1; margin-bottom: 15px;}
.aboutStrength .h3 strong{ font-size: 48px;}
.aboutStrength .h3 span{ font-size: 20px; transform: translateY(-0.35em);}
.aboutStrength .em{ font-size: 14px; color: #000;}

.pMainAbout2{ background-image: url("../images/pMainAbout2.jpg"); color: #fff; position: relative;}
.pMainAbout2 .wp{ z-index: 3;}
.pMainAbout2_1{}
.aboutHistory{ padding: 0 95px 160px 95px;}
.aboutHistory .swiper{ margin: 0 -15px;}
.aboutHistory .npd{ margin: 0 15px;}
.aboutHistory .i{font-size: 16px; line-height: 1; margin-bottom:16px; position: relative; padding-bottom: 48px;}
.aboutHistory .i:after{ content: ''; position: absolute; left: 20px; bottom: 6px; height: 12px;  right: 0; background:url("../images/aboutHistory_line.png") repeat-x;}
.aboutHistory .i:before{ content: ''; width: 2px; height: 18px; position: absolute; left:20px; bottom: 0px; background: #fff; }
.aboutHistory .h3{font-size: 24px; line-height: 1.2; font-weight: bold; margin-bottom: 14px;}
.aboutHistory .p{ font-size: 12px; line-height: 1.5; min-height: 4.5em; font-weight: lighter;}
.aboutHistory .swiperArrow{ display: block; border: 1px solid rgba(255,255,255,0.5 ); font-size: 25px; top: 10px; margin: 0px;}
.aboutHistory .swiperPrev{ left: 0px;}
.aboutHistory .swiperNext{ right: 0px;}

.pMainAbout3{ background-image: url("../images/pMainAbout3.jpg");}
.pMainAbout3_1{}
.aboutHonor{ overflow: hidden;}
.aboutHonor .swiper{ margin: 0 -52px;}
.aboutHonor .pd{ display: block; margin: 0 52px; padding-bottom: 72px;}
.aboutHonor .img{}
.aboutHonor .img img{ aspect-ratio: 640/848; object-fit: contain;}
.aboutHonor .text{ padding-top: 12px; text-align: center;}
.aboutHonor .h3{font-size: 12px;color: #333333; line-height: 1.5;}
.aboutHonor .swiperDots{ display: block;}

.pMainAbout4{ background-color:#fafafa; overflow: hidden;}
.pMainAbout4_1{}
.aboutNews{ display: flex; margin: 0 -44px; justify-content: space-between;}
.aboutNews .wpd{ margin: 0 44px;}
.aboutNewsFl{ width: 586px; width: 34.22897196261682%;}
.aboutNewsFc{ width: 480px; width: 28.03738317757009%;}
.aboutNewsFr{ width: 480px; width: 28.03738317757009%;}

.tit4{ display: flex; justify-content: flex-end; position: relative; margin-bottom: 16px; transform: translateY(-14px);}
.tit4 strong{ font-size: 20px; color: #0B1D3B; line-height: 1.2; display: flex;}
.tit4:before{ content:''; position: absolute; top: 50%; height: 1px; background: #E6E6E6; right: 102px; left: 0px;}
.aboutNewsListA{}
.aboutNewsListA .swiper{ margin: 0 -5px;}
.aboutNewsListA .pd{ margin: 0 5px; display: block;}
.aboutNewsListA .img{ overflow: hidden; border-radius: 8px; }
.aboutNewsListA .img img{ /*aspect-ratio: 640/386;*/ object-fit: cover; height: 353px; width: 100%;}
.aboutNewsListA .text{ padding-top: 22px;}
.aboutNewsListA .h3{ position: relative; margin-bottom: 15px;}
.aboutNewsListA .h3 strong{ margin-right: 90px; font-size: 22px; color: #333333; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.aboutNewsListA .h3 em{ position: absolute; right: 0px; top: 50%;  line-height: 1; margin-top: -0.5em; color: #999999; font-size: 16px;}
.aboutNewsListA .p{font-size: 16px; line-height: 28px; height: 56px; color: #666666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.aboutNewsListB{}
.aboutNewsListB li{ margin-bottom: 21px;}
.aboutNewsListB li:last-child{ margin-bottom: 0px;}
.aboutNewsListB .pd{ display: block;}
.aboutNewsListB .h3{ position: relative;}
.aboutNewsListB .h3:after{ content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.aboutNewsListB .h3:before{ content: ''; position: absolute; top: 50%; left: 0px; right: 0px; border-bottom: 1px dashed #CCCCCC;}
.aboutNewsListB .h3 strong{ margin-right: 100px; background: #fafafa; font-weight: 400; font-size: 16px; color: #333333; font-weight: bold; height: 1.6875em; line-height: 1.6875em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; z-index: 2; float: left; padding-right: 0.5em;}
.aboutNewsListB .h3 em{ background: #fafafa; position: absolute; right: 0px; top: 50%;  line-height: 1; margin-top: -0.5em; color: #999999; font-size: 14px; z-index: 2; padding-left: 0.5em;}
.aboutNewsListB .p{ display: none; font-size: 14px; line-height: 2; height: 8em; color: #666666; margin: 16px 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.aboutNewsListB .m{ display: none;}
.aboutNewsListB li.curr .h3 strong{ font-size: 20px; height: 1.35em; line-height: 1.35em; font-weight: 600;}
.aboutNewsListB li.curr .h3:before{ opacity: 0;}
.aboutNewsListB li.curr .p{ display: block; display: -webkit-box;}
.aboutNewsListB li.curr .m{ display: block;}

.pMainAbout5{ overflow: hidden;}
.pMainAbout5_1{}
.aboutJoin{}
.aboutJoinTop{ margin-bottom: 104px;}
.aboutJoinTop .wpd{}
.aboutJoinTop .img{ width:840px; float: right;}
.aboutJoinTop .img img{ width: 100%; object-fit: cover; height: 210px;}
.aboutJoinTop .text{ padding:36px 96px 0 0; margin-right: 840px;}
.aboutJoinTop .p{ line-height:2; font-size: 14px; color: #4D4D4D;}
.aboutJoinCon{}
.aboutJoinCon ul{ display: flex; justify-content: space-between; margin: 0 -10px}
.aboutJoinCon li{ width: auto;}
.aboutJoinCon .pd{ display: block; margin: 0 10px; padding: 10px; transition: 0.3s all; height: 100%; box-sizing: border-box;}
.aboutJoinCon .img{ width: 60px; float: left;}
.aboutJoinCon .img img{ aspect-ratio: 60/60; object-fit: contain;}
.aboutJoinCon .text{ margin-left: 60px; padding:8px 0 0 14px;}
.aboutJoinCon .h3{ font-size: 16px; line-height: 1.5; color: #333333; font-weight: 500;}
.aboutJoinCon .p{ font-size: 14px; line-height: 1.5; color: #666666;}
.aboutJoinCon .pd:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-5px); background: #fff; border-radius: 6px;}

.pMainNews1{ background: #fafafa;}
.pMainNews1_1{}
.news{ position: relative; display: flex;}
.newsFl{ width: 112px;}
.newsFr{ padding-left: 48px; width: calc(100% - 112px); box-sizing: border-box; min-height: 500px;}
.newsNav{ position: sticky; top: 78px;}
.newsNav li{ margin-bottom: 30px;}
.newsNav a{ display: block; height: 32px; line-height: 32px; font-size: 16px; text-align: center; border-radius: 4px; position: relative;}
.newsNav a:before{content: ''; width: 0; height: 0; position: absolute; right: -7px; top: 50%; margin-top: -8px; border-left: 8px solid #3b89fe; border-top: 8px solid transparent; border-bottom: 8px solid transparent; opacity: 0;}
.newsNav li.curr a{ background: #3b89fe; color: #fff;}
.newsNav li.curr a:before{ opacity: 1;}
.newsList{ background: #fff; padding: 56px 48px;}
.newsList li{ margin-bottom: 56px;}
.newsList li:last-child{ margin-bottom:0px;}
.newsList .pd{ display: block;}
.newsList .img{ width: 142px; float:right;}
.newsList .img img{ aspect-ratio: 640/388; object-fit: cover;}
.newsList .text{ margin-right: 142px; padding-right: 64px;}
.newsList .h3{ margin-bottom: 8px; position: relative;}
.newsList .h3 strong{font-size: 20px; margin-right: 90px; font-weight: 500; line-height: 1.5; height: 1.5em; color: #333333; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsList .h3 em{ position: absolute ;right: 0px; top: 50%; line-height: 1; color: #999; margin-top: -0.5em; font-size: 14px;}
.newsList .p{ font-size: 14px; line-height: 1.5; color: #666666; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.crumbs{ padding: 35px 0; margin-bottom: 6px;}
.crumbsList{ display: flex; font-size: 16px; line-height: 21px;}
.crumbsList a,
.crumbsList i,
.crumbsList strong{ display: block; font-size: 1em;}
.crumbsList i{ text-align: center; margin: 0 0.5em;}
.crumbsList strong{ white-space: nowrap; width: 13em; text-overflow: ellipsis; overflow: hidden;}

.pMainNews2{ padding-top: 0px !important;}
.pMainNews2_1{ margin: 0 292px 0 64px; padding: 0 56px 0 36px; min-height: 1000px;}
.newsInfo{}
.newsInfoTit{ margin-bottom: 24px;}
.newsInfoTit h1{ font-size: 40px; line-height: 1.5; color: #333333; font-weight: bold;}
.newsInfoEm{ color: #999999; font-size: 14px; line-height: 19px; margin-bottom: 48px;}
.newsInfoEm ul{ display: flex;}
.newsInfoEm li{ margin-right: 24px;}
.newsInfoEm li strong{ font-weight: normal;}
.newsInfoEm li:nth-child(2) strong{ display: none;}
.newsInfoEm li:last-child{ margin-right: 0px;}
.newsInfoEm li:last-child span{ color: #3B89FE;}
.newsInfoCon{ font-size: 18px; line-height: 2; margin-bottom: 72px;}
.newsInfoCon video,
.newsInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.newsPage{ margin-bottom: 14px;}
.newsPage ul{ display: flex; justify-content: space-between;}
.newsPage li{ max-width: 45%;}
.newsPage .pd{ font-size: 14px; color: #666666; display: block; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsPage .pd:hover{ color: #2353CF;}
.newsBtn{ display: flex; justify-content: flex-end;}

.newsBtn a{ display: flex; position: relative; padding: 5px 10px; align-items: center; border-radius: 4px;}
.newsBtn i{ width: 16px; height: 16px; position: relative; margin-right: 6px;}
.newsBtn img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: contain;}
.newsBtn img:first-child{ opacity: 1;}
.newsBtn img:last-child{ opacity: 0;}
.newsBtn span{ display: block; font-size: 14px; color: #666666;}
.newsBtn a:hover{ background: #2353CF; color: #fff;}
.newsBtn a:hover img:first-child{ opacity: 0;}
.newsBtn a:hover img:last-child{ opacity: 1;}
.newsBtn a:hover span{ color: #fff;}

.pMainNews2_2{ position: absolute; left: 0px; width: 64px; top: 240px; bottom: 0px;}
.newsTool{ position: sticky; top: 78px;}
.newsTool ul{}
.newsTool li{ margin-bottom: 56px; position: relative;}
.newsTool li:before{ content: ''; position: absolute; left:50%; bottom: -28px; border-top: 1px dashed #CCCCCC; width: 22px; margin-left: -11px;}
.newsTool li:last-child:before{ display: none;}
.newsTool .t{ display: block;}
.newsTool .t i{ display: block;}
.newsTool .t i img{ width: 100%; height: auto; display: block;}
.newsTool .t span{ font-size: 14px; color: #4D4D4D; line-height: 1.5; display:block; text-align: center;}
.newsTool .li1 .t i{ margin-bottom: 10px;}
.newsTool .li2 .t i{ width: 48px; margin: 0 auto;}
.newsTool .box{ position: absolute; left: 100%; top: 20px; padding-left: 36px; display: none;}
.newsTool .box:before{ content: ''; position: absolute; width: 30px; height: 30px; background: url("../images/newsTool_jt.png") no-repeat; left: 6px; top: 0px;}
.newsTool .box .npd{ background: #fff; padding: 40px 28px; width: 192px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.newsTool .box canvas{ width: 100%; height: auto; display: block; }
.newsTool .box .text{ font-size: 18px; color: #333333; text-align: center; padding-top: 8px;}
.newsTool .pd:hover .box{ display: block;}
.pMainNews2_3{ position: absolute; right: 0px; width: 292px; top: 140px;}
.newsHot{}
.tit5{ position: relative; line-height: 1; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E6E6E6;}
.tit5 strong{ font-size: 16px; padding-left: 10px; color: #333333;font-weight: bold; position: relative;}
.tit5 strong:before{ content:''; width: 3px; height: 14px; background: #3B89FE; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
.newsHotList{}
.newsHotList li{ margin-bottom: 16px;}
.newsHotList li:last-child{ margin-bottom:0px;}
.newsHotList .pd{ display: block; padding: 16px;}
.newsHotList .img{ margin-bottom: 12px;}
.newsHotList .img img{ aspect-ratio: 640/388; object-fit: cover;}
.newsHotList .text{}
.newsHotList .h3{ height: 1.4em; line-height: 1.4; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsHotList .pd:hover .h3{ color: #2353CF;}

.posStatic{ position: static; top: 78px;}

.pMainContact1{background: #FAFAFA; overflow: hidden;}
.pMainContact1_1{ margin-bottom: 60px;}
.map{}
.map .wpd{ position: relative; display: block;}
.map .img{ width: 731px; position: relative;}
.map .img img{ aspect-ratio: 1462/1188; object-fit: contain;}
.map .img ul{ position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;}
.map .img li{ position: absolute; width: 2px; height: 2px; margin: -1px 0 0 -1px;}
.map .img .li1{ left: 88.0984952120383%; top: 16.83501683501684%;}
.map .img .li2{ left: 73.87140902872777%; top: 35.353535353535354%; display: none;}
.map .img .li3{ left: 71.68262653898769%; top: 38.72053872053872%;}
.map .img .li4{ left: 59.09712722298222%; top: 56.22895622895623%;}
.map .img .li5{ left: 80.43775649794802%; top: 58.58585858585859%;}
.map .img .li6{ left: 49.52120383036936%; top: 66.66666666666666%;}
.map .img .li7{ left: 82.35294117647058%; top: 65.65656565656566%;}
.map .img .li8{ left: 68.12585499316005%; top: 89.22558922558923%;}
.map .img .li9{ left: 63.20109439124487%; top: 96.63299663299664%;}
/*.map .img .pd{ display: none;}*/
.map .img i{ position: absolute; left: 50%; top: 50%;width: 12px;height: 12px; margin: -6px 0 0 -6px;}
.map .img i:before,
.map .img i:after{position: absolute;width: 12px;height: 12px;border-radius: 50%;content: '';background-color: rgba(67, 204, 255, .9);}
.map .img i:before{animation: scale 2s infinite;}
.map .img i:after{animation: scale2 2s infinite;}
.map .img strong{ display: none;}
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(6); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(12);opacity:0;}}

.map .text{ padding-left: 83px; position: absolute; top: 0px; left: 731px; bottom: 0px; right: 0px; display: flex; align-items: center;}
.map .text li{ padding: 26px 0;}
.map .text .pd{ padding-left: 20px; position: relative; display: block; font-size: 16px; line-height: 1.375; color: #333333;}
.map .text .pd:before{ content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width:6px; height:6px; background: #3b89fe; transform: rotate(45deg);}

.pMainContact1_2{border-radius: 4px; padding: 40px; background: #fcfcfc; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.msg{ position: relative; }
.msgTit{ font-size: 20px; color: #333333; line-height: 1.5; margin-bottom: 20px;}
.msgCon{ position: relative;}
.msgCon ul{width: 400px; }
.msgCon li{ margin-bottom: 24px;}
.msgCon li.litext{ position: absolute; left: 440px; top: 0px; right: 0px; bottom: 68px;}
.msgCon li.libtn{ position: absolute; left: 440px; bottom: 0px; right: 0px; margin-bottom: 0px; display: flex; justify-content: flex-end;}
.msgCon .pd{ position: relative; }
.msgCon i{ position: absolute; color:#DC2121; left: 22px; line-height: 1; top: 50%; margin-top: -0.3em;}
.ipt_t4{ height: 44px; border-radius: 4px; border: 1px solid #E6E6E6; font-size: 14px; padding: 0 16px; background: #fff; width: 100%; box-sizing: border-box;}
.ipt_t4_1_2{ padding-left: 32px;}
.ipt_t4_2{ background: #FAFAFA;}
.ipt_s4{ height: 44px; border-radius: 4px; border: 1px solid #E6E6E6; color: #B3B3B3; font-size: 14px; padding: 0 16px; background: #fff; width: 100%; box-sizing: border-box;}
.ipt_text4{ height: 248px; border-radius: 4px; border: 1px solid #E6E6E6; font-size: 14px; padding: 10px 16px; background: #fff; width: 100%; box-sizing: border-box; overflow: hidden; resize: none;}
.ipt_text4_2{ height: 160px; background: #FAFAFA;}
.ipt_b4{ background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%); color: #fff; font-size: 18px; height: 2.444444444444444em; width: 11.11111111111111em; border:none; border-radius:4px;}
.ipt_b4_2{ margin: 0 auto; display: block;}
.area{ display: flex; justify-content: space-between;}
.area .ipt_s4{ width: 32%;}

.popupBg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.55); z-index: 90; display: none;}
.popup{ position: fixed; left: 50%; top: 50%; border: 1px solid #707070;border-radius:4px; width: 800px; transform: translate(-50%,-50%); background: #fff; z-index: 99; display: none;}
.popup .wpd{ padding:32px 32px 48px 32px;}
.popupClose{ position:absolute; width: 38px; height: 38px; right: 32px; top: 32px; background: url("../images/icon-close.png") no-repeat; background-size: 100% 100%; cursor: pointer; z-index: 2;}
.popupTit{ margin-bottom: 32px;}
.popupTit strong{ display: block; color: #005BE4; font-size: 28px; line-height: 1.2; margin-bottom: 0.2em; font-weight: bold;}
.popupTit em{ display: block; font-size: 14px; font-weight: 500; line-height: 1.2;}
.popupCon{}
.popupCon ul{ display: flex; flex-wrap: wrap; margin: 0 -20px;}
.popupCon li{ width: 50%; margin-bottom: 16px;}
.popupCon li.w100{ width: 100%;}
.popupCon .pd{ position: relative; margin: 0 20px;}
.popupCon .h3{ font-size: 14px; color: #333333; line-height: 1.4; margin-bottom: 8px; padding-top: 8px;}
.popupCon i{ position: absolute; color:#DC2121; left: 22px; line-height: 1; top: 50%; margin-top: -0.3em;}
.popupCon .m{ padding-top: 32px;}

.popupList .li{ display: none;}
.popupList .form_reservation{}
.popupList .form_download{}
.popupList .form_join{}
.popupList .form_msg{}

.popupSuccess{ position: fixed; left: 50%; top: 50%; border: 1px solid #707070;border-radius:4px; width: 634px; transform: translate(-50%,-50%); background: #fff; z-index: 99; display: none;}
.popupSuccess .wpd{ padding:40px;}
.popupSuccess .li{ display: none;}
.popupSuccess .img{ width: 180px; margin: 0 auto 20px auto;}
.popupSuccess .img img{ aspect-ratio: 180/180; object-fit: contain;}
.popupSuccess .text{ text-align: center; font-size: 20px; line-height: 1.4em; font-weight: bold;color: #333333; margin-bottom: 1em;}
.popupSuccess .success_reservation{}
.popupSuccess .success_download{}
.popupSuccess .success_join{}
.popupSuccess .success_msg{}


.supportPopupClose{ position:absolute; right:0px; top: 50%; transform: translateY(-50%); z-index: 2; display: flex;}
.supportPopupClose a{ background: no-repeat center center; background-size: 100% 100%; cursor: pointer;  display: block; width: 38px; height: 38px;}
.supportPopupClose a.a1{ background-image: url("../images/icon-xiazai.png"); background-size:50% 50%; margin-right:30px;}
.supportPopupClose a.a2{ background-image: url("../images/icon-close.png");}
.supportPopupBg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.55); z-index: 80; display: none;}
.supportPopup{ position: fixed; left: 50%; top: 50%; border: 1px solid #707070;border-radius:4px; width: 768px; transform: translate(-50%,-50%); background: #fff; z-index: 89; display: none; }
.supportPopup .wpd{ padding:32px 32px 48px 32px;}
.supportPopupInfo{}
.supportPopupTit{ margin-bottom: 32px; position: relative; padding-right: 120px;}
.supportPopupTit strong{ display: block; color: #005BE4; font-size: 28px; line-height: 1.2; height: 1.2em; font-weight: bold;}

.supportPopupCon{ font-size: 14px; overflow-y: auto; height: 50vh; padding-right: 10px; line-height: 1.75; color: #666;}
.supportPopupCon>p{ margin-bottom: 1em;}
.supportPopupCon img{max-width: 100%; height: auto; display: inline-block;}


.tit6{ position: relative; padding-bottom: 24px; margin-bottom:56px; text-align: center;}
.tit6 strong{ font-size: 30px; color: #0B1D3B; display: block; line-height: 1.2;}
.tit6:before{ content: ''; width: 50px; height: 5px; background: #2353CF; position: absolute; left: 50%; margin-left: -25px; bottom: 0px;}

.pMainSolutionInfo1{ background: url("../images/pMainSolutionInfo1.jpg") center center #fff; background-size: contain;}
.pMainSolutionInfo1_1{}
.solutionPain{}
.solutionPain li{ margin-bottom: 40px;}
.solutionPain li:last-child{ margin-bottom:0px;}
.solutionPain .pd{ display: block; padding-left: 24px;}
.solutionPain .h3{ color: #183B8C; font-size: 16px; line-height: 1.2; font-weight: bold; margin-bottom: 1em; position: relative;}
.solutionPain .h3:before{ content: ''; position: absolute; left: -24px; top: 50%; margin-top: -5px; background: url("../images/icon-sj.png") no-repeat; background-size: 100% 100%; width: 8px; height: 10px;}
.solutionPain .p{ color: #666666; font-size: 14px; line-height: 1.2;}

.pMainSolutionInfo2{ background: #fafafa; overflow: hidden;}
.pMainSolutionInfo2_1{}
.solutionAdvantage{}
.solutionAdvantage ul{ display: flex; flex-wrap: wrap; margin-right: -60px;}
.solutionAdvantage li{ width: 50%; padding: 32px 0;}
.solutionAdvantage .pd{ margin-right: 60px;}
.solutionAdvantage .img{ width: 88px; float: left;}
.solutionAdvantage .img img{ aspect-ratio: 88/88; object-fit:contain;}
.solutionAdvantage .text{ margin-left: 88px; padding:22px 0 0 24px;}
.solutionAdvantage .h3{color: #173766;font-size: 16px;font-weight: bold; line-height: 1.2; margin-bottom: 0.3em;}
.solutionAdvantage .p{font-size: 12px;color: #666666;font-weight: 400; line-height: 1.5;}

.pMainSolutionInfo3{ background: #fff;}
.pMainSolutionInfo3_1{}
.solutionFramework{ margin-bottom: 0 !important;}

.pMainSolutionInfo4{ background: url("../images/pMainSolutionInfo4.jpg") center bottom #fafafa; background-size: cover;}
.solutionProducts{ padding-bottom: 140px;}
.solutionProducts ul{ display: flex; flex-wrap: wrap; margin: 0 -15px;}
.solutionProducts li{ width: 33.3333%; margin-bottom: 40px;}
.solutionProducts .pd{ margin: 0 15px; box-sizing: border-box; padding: 33px 25px 25px 25px;  height: 100%; display: block; background: linear-gradient( 180deg, #e5f0fd 0%, rgba(255,255,255,0) 100%);border-radius: 8px;}
.solutionProducts .pd:hover{ background: #005BE4; color: #fff;}
.solutionProducts .h3{ font-size: 16px;color: #333333;line-height: 1.5; height: 1.5em; font-weight: 600; margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.solutionProducts .p{font-size: 12px; color: #808080; line-height: 1.5; height: 3em; margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.solutionProducts .m{}
.solutionProducts .pd:hover .h3{ color: #fff;}
.solutionProducts .pd:hover .p{ color: #fff;}
.solutionProducts .pd:hover .m .more3_4{ color: #fff;}

.pMainSolutionInfo5{ background: #fff;}
.pMainSolutionInfo5_1{}
.solutionQA{}
.solutionQA li{ margin-bottom: 8px;}
.solutionQA li:last-child{ margin-bottom: 0px;}
.solutionQA .pd{}
.solutionQA .t{ position: relative; padding: 16px;box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.08);background: #FFFFFF;border-radius: 4px; cursor: pointer;}
.solutionQA .i{ width: 2em;height: 2em; line-height: 2em; background: #CCCCCC; position: absolute; left: 16px; top: 16px;font-size: 24px; text-align: center; border-radius: 50%; color: #fff;}
.solutionQA .h3{ height: 48px; line-height: 48px; font-size: 16px;font-weight: 600;color: #333333; margin: 0 72px;}
.solutionQA .span{ width: 28px; height: 28px; border: 1px solid #2353CF; border-radius: 50%; position: absolute; right: 16px; top: 50%; margin-top: -14px; box-sizing: border-box; cursor: pointer;}
.solutionQA .span:after,
.solutionQA .span:before{ content: ''; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -5px; width: 10px; height: 2px; background:#2353CF;}
.solutionQA .span:before{ transform: rotate(90deg);}
.solutionQA .c{ padding: 25px 16px; position: relative; display: none;}
.solutionQA .em{width: 2em; height: 2em; line-height: 2em; background: #CCCCCC; position: absolute; left: 16px; top: 16px;font-size: 24px; text-align: center; border-radius: 50%; color: #fff;}
.solutionQA .p{ margin: 0 0 0 88px; min-height: 48px; font-size: 14px;}
.solutionQA .curr .em{ background: #2353CF;}
.solutionQA .curr .span{ background: #2353CF;}
.solutionQA .curr .span:after,
.solutionQA .curr .span:before{ transform: rotate(0deg); background: #fff;}

.more6{height: 2.642857142857143em;width: 9.5em; font-size: 14px; line-height: 1; display: flex; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 4px;}
.more6_1{ margin-right: 16px;background: linear-gradient( 217deg, #2EB0FE 0%, #2375FF 26%, #364FFF 55%, #3A47FF 76%, #3894FE 100%); color: #fff;}
.more6_1:hover{ color: #fff;}
.more6_2{ border: 1px solid #2353CF; color: #2353CF;}
.more6 span{ display: block;}
.more6 i{ font-size: 1em; margin-left: 0.75em;}
.pMainSolutionInfo6{ background: #fafafa;}
.pMainSolutionInfo6_1{}
.solutionCase{}
.caseFor{ margin-bottom: 60px;}
.caseFor .swiper{ margin: 0 -10px;}
.caseFor .pd{ margin: 0 10px; }
.caseFor .img{ width: 570px; float: right;}
.caseFor .text{ margin-right: 570px; padding:16px 120px 0 0;}
.caseFor .h3{font-size: 24px;color: #000000;font-weight: 600; line-height: 1.3333; margin-bottom: 1em;}
.caseFor .p{font-size: 14px;line-height: 2; height: 12em; font-weight: 400; margin-bottom: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.caseFor .m{ display: flex;}

/*.caseFor .h3{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.6s;}
.caseFor .p{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.8s;}
.caseFor .m{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 1s;}

.caseFor .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.caseFor .swiper-slide-active .p{ opacity: 1; transform: translateY(0px);}
.caseFor .swiper-slide-active .m{ opacity: 1; transform: translateY(0px);}*/

.caseTab{}
.caseTab .swiper{ margin: 0 -10px;}
.caseTab .pd{ margin: 0 10px; cursor: pointer;}
.caseTab .img{ overflow: hidden; border-radius: 5px;}
.caseTab .img img{ filter: blur(3px); aspect-ratio: 1444/810; object-fit: cover;}
.caseTab .text{ position: absolute; left: 1em; top: 0px; right: 1em; bottom: 0px; display: flex; justify-content: center; align-items: center;}
.caseTab .h3{font-size: 16px;font-weight: 400;color: #FFFFFF; line-height: 1.3125; text-align: center;}
.caseTab .swiper-slide-thumb-active .img img{ filter: blur(0px);}
.caseTab .swiper-slide-thumb-active .text{ opacity: 0;}
.caseTab .swiperArrow{ display: block; border:none; font-size: 15px; color: #666666; background:no-repeat top center; background-size: 100% auto; transition: none;}
.caseTab .swiperPrev:before,
.caseTab .swiperNext:before{ display: none;}
.caseTab .swiperPrev{ left: -3em; background-image: url("../images/icon-z2.png");}
.caseTab .swiperNext{ right: -3em; background-image: url("../images/icon-y2.png");}
.caseTab .swiperArrow:hover{ background-position: bottom center;}

.tit7{color: #0B1D3B; line-height: 1.3333; margin-bottom: 24px;}
.tit7 strong{font-size: 30px;font-weight: 600;}
.caseInfoCon{ font-size: 14px; line-height: 2; color: #666666; font-weight: 400;}
.caseInfoCon video,
.caseInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.pMainCaseInfo1{ background: #fff;}
.pMainCaseInfo1_1{}
.caseInfoCustom{}
.caseInfoCustom .img{ width: 510px; float: right;}
.caseInfoCustom .img img{ aspect-ratio: 1020/540; object-fit: cover;/* height: 270px; width: 100%;*/}
.caseInfoCustom .text{ margin-right: 510px; padding-right: 64px;}
.caseInfoCustom .p{font-size: 14px; line-height: 2; color: #666666; font-weight: 400;}
.pMainCaseInfo2{ background: #fafafa;}
.pMainCaseInfo2_1{}
.caseInfoContext{}
.pMainCaseInfo3{ background: #fff;}
.pMainCaseInfo3_1{}
.caseInfoEffect{}
.pMainCaseInfo4{ background: #fafafa;}
.pMainCaseInfo4_1{}
.caseInfoSituation{}
.pMainCaseInfo5{ background: #fff;}
.pMainCaseInfo5_1{}
.caseInfoEffect{}
.pMainCaseInfo6{ background: #fafafa;}
.pMainCaseInfo6_1{}
.caseInfoResult{}

.pMainOS1{}
.pMainOS1 .wpd{ width: 1430px; margin: 0 auto;}
.pMainOS1_1,
.pMainOS1_2,
.pMainOS1_3,
.pMainOS1_4{ margin-bottom: 100px;}
.pMainOS1_5{}
.OSAdaptation{}
.OSTechnology{}
.OSTool{}
.OSEcology{}
.OSDevelopment{}

.pMainOS2{ background: url("../images/pMainOS2.jpg") no-repeat center center; background-size: cover;}
.pMainOS2_1{ margin: 0 3%;}
.osCase{ position: relative;}

.osCaseTab{ display: flex; margin-bottom: 30px; justify-content: center;}
.osCaseTab ul{ display: flex; margin: 0 -22px;}
.osCaseTab li{ margin: 0 22px;}
.osCaseTab li a{ display: block; height: 2.555555555555556em; line-height: 2.555555555555556em;width: 9.333333333333333em; text-align: center;border-radius: 1.277777777777778em; color: #fff; font-size: 18px;}
.osCaseTab li.curr a{ background: #FFFFFF; color: #0F348B;}

.osCaseCon{ position: relative;}
.osCaseCon .li{ position: absolute; left: 0px; top: 0px; right: 0px; opacity: 0; pointer-events: none; visibility: hidden;}
.osCaseCon .li:first-child{ position: relative;}
.osCaseCon .li.curr{ z-index: 3; opacity: 1; pointer-events: auto; visibility: visible;}

.osFor{ margin-bottom: 60px;}
.osFor .swiper{ margin: 0 -10px;}
.osFor .pd{ margin: 0 10px; }
.osFor .img{ width: 722px; float: left;}
.osFor .img img{ aspect-ratio: 1444/780; object-fit: cover;}
.osFor .text{ padding:0 0 0 87px; position: absolute; left: 722px; top: 0px; bottom: 0px; right: 0px; display: flex; align-items: center;}
.osFor .h3{font-size: 24px;color: #fff;font-weight: 600; line-height: 1.3333; margin-bottom: 1em;}
.osFor .p{font-size: 14px;color: #ccc;line-height: 2; height: 8em; font-weight: 400; margin-bottom: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.osFor .m{ display: flex;}

/*.osFor .h3{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.6s;}
.osFor .p{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 0.8s;}
.osFor .m{ opacity: 0; transform: translateY(20px); transition: 0.6s all; transition-delay: 1s;}

.osCaseCon .curr .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.osCaseCon .curr .swiper-slide-active .p{ opacity: 1; transform: translateY(0px);}
.osCaseCon .curr .swiper-slide-active .m{ opacity: 1; transform: translateY(0px);}*/

.osTab{}
.osTab .swiper{ margin: 0 -10px;}
/*.osTab .swiper-slide{ width: 15%;}*/
.osTab .pd{ margin: 0 10px; cursor: pointer; position: relative;}
.osTab .img{ overflow: hidden; border-radius: 5px;}
.osTab .img img{ filter: blur(3px); aspect-ratio: 1444/780; object-fit: cover;}
.osTab .text{ position: absolute; left: 1.5em; top: 0px; right: 1.5em; bottom: 0px; display: flex; justify-content: center; align-items: center;}
.osTab .h3{font-size: 16px;font-weight: 400;color: #FFFFFF; line-height: 1.3125; text-align: center;}
.osTab .swiper-slide-thumb-active .img img{ filter: blur(0px);}
.osTab .swiper-slide-thumb-active .text{ opacity: 0;}
.osTab .swiperArrow{ display: block; border:none; font-size: 15px; color: #666666; background:no-repeat top center; background-size: 100% auto; transition: none;}
.osTab .swiperPrev:before,
.osTab .swiperNext:before{ display: none;}
.osTab .swiperPrev{ left: -3em; background-image: url("../images/icon-z2.png");}
.osTab .swiperNext{ right: -3em; background-image: url("../images/icon-y2.png");}
.osTab .swiperArrow:hover{ background-position: bottom center;}



.menuBox{ position: fixed; left: 0px; top: 68px; right: 0px; display: none; pointer-events: none;}
.menuBox.curr{ pointer-events:auto;}
.menuBox .wwp{ background:url("../images/menuBox.png") no-repeat #fafafa; background-size: cover; height: 312px;}
.menuBox .wp{ padding: 40px 0; box-sizing: border-box;}
.menuBoxCon{ display: flex;}
.menuBoxFl{ width: 352px; margin-right: 144px;}
.menuBoxFl .h3{ font-size: 20px; line-height: 1.5; margin-bottom: 1.3em;}
.menuBoxFl .p{ font-size: 14px; line-height: 1.857142857142857;}
.menuBoxFl .m{ padding-top: 48px;}
.menuBoxFl .m a{ width: 8.571428571428571em; height: 2.357142857142857em; text-align: center; display: block; line-height: 2.357142857142857em; position: relative; font-size: 14px;}
.menuBoxFl .m a:before{content: ''; border: 1px solid #333; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.menuBoxFl .m a:hover{ background: #005BE4; color: #fff; border-color: #005BE4;}
.menuBoxFl .m a:hover:before{ border-color: #005BE4;}
.menuBoxFr{}
.menuBoxFr li{ display: none; width: 294px;}
.menuBoxFr li:nth-child(4){ margin-left: 112px;}
.menuBoxFr li:nth-child(5){ margin-left: 252px;}
.menuBoxFr li:nth-child(6){ margin-left: 378px;}
.menuBoxFr li.curr{ display: block;}
.menuBoxFr .h3{ display: none;}
.menuBoxFr .box{ min-height: 220px;}
.menuBoxFr .box a{ display: block; height: 20px; line-height: 20px;font-size: 14px; font-weight: 400; position: relative; margin-bottom: 30px; background: url("../images/menu.svg") no-repeat left center; background-size: 10px 10px; padding-left: 20px;}
.menuBoxFr .box a:last-child{ margin-bottom: 0px;}
.menuBoxFr .box a:before{content: "\e704"; position: absolute; line-height: 1; right: 0px; top: 50%; margin-top: -0.5em; font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.menuBoxFr .box a:hover{ color: #225ae2;}



.pMainOS{ box-sizing: border-box; background: no-repeat center center; background-size: 100vw; height: auto; width: 100vw;}
.pMainOS3{ aspect-ratio: 1920/950;}
.pMainOS4{ aspect-ratio: 1920/960;}
.pMainOS5{ padding-bottom: 56px;}
.pMainOS6{ aspect-ratio: 1920/990;}
.pMainOS5_1{ width: 1460px; margin: 0 auto; position: relative;}
.pMainOS5_1 .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden;}
.pMainOS5_1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; height: 100%;}
.pMainOS5_1 li{ width: 50%; display: flex; justify-content: flex-start; height: 33.3333%;}
.pMainOS5_1 .pd{ width: 454px;}
.pMainOS5_1 .h3{font-size: 18px; font-weight: 600; color: #435AAE; position: relative; margin-bottom: 28px;}
.pMainOS5_1 .h3 i{ height: 1px; position: absolute; bottom: -14px; right: 0px; width: 100%;}
.pMainOS5_1 .h3 i:before{ content: ''; height: 27px; width: 454px; background: url("../images/pMainOS5_1_1.png") no-repeat center center; background-size: contain; position: absolute; top: 0px; right: 0px;}
.pMainOS5_1 .p{font-size: 14px;font-weight: 400;line-height: 24px; height: 96px; padding: 0 20% 0 0;}

.pMainOS5_1 li:nth-child(1) .h3 i:before{ background-image: url("../images/pMainOS5_1_1.png");}
.pMainOS5_1 li:nth-child(2) .h3 i:before{ background-image: url("../images/pMainOS5_1_2.png");}
.pMainOS5_1 li:nth-child(3) .h3 i:before{ background-image: url("../images/pMainOS5_1_3.png"); height: 8px; bottom: -3px; top: auto;}
.pMainOS5_1 li:nth-child(4) .h3 i:before{ background-image: url("../images/pMainOS5_1_4.png"); height: 8px; bottom: -3px; top: auto;}
.pMainOS5_1 li:nth-child(5) .h3 i:before{ background-image: url("../images/pMainOS5_1_5.png"); top: auto; bottom: 0px;}
.pMainOS5_1 li:nth-child(6) .h3 i:before{ background-image: url("../images/pMainOS5_1_6.png"); top: auto; bottom: 0px;}

.pMainOS5_1 li:nth-child(even){ justify-content: flex-end;}
.pMainOS5_1 li:nth-child(even) .pd{ justify-content: flex-end;}
.pMainOS5_1 li:nth-child(even) .h3{ text-align: right;}
.pMainOS5_1 li:nth-child(even) .h3 i:before{ right: auto; left: 0;}
.pMainOS5_1 li:nth-child(even) .p{ padding: 0 0 0 20%;}


.pMainOS7{}
.pMainOS7_1{ width: 1200px; margin:0 auto;}
.pMainOS7_1 img{ width: 100%;}





@media screen and (max-width:1920px){
body{ font-size: 1.0416666666666666vw;}

.iBanner .h3{ font-size: 2.4em;}
.iBanner .m{ padding-top: 3.2em;}
.more1{ font-size: 0.8em;}
.more1_2{ margin-left: 1.5em;}
.iMain{ padding: 4.5em 0;}
.iMain1{ padding-top: 2px;}
.iMain1_1{}
.iAboutTit{ margin-bottom: 2.8em;}
.iAboutTit strong{ font-size: 1.5em;}
.iAboutTab{ margin-bottom: 2em;}
.iAboutTab .t a{ font-size: 0.9em; }
.iAboutTab .t .i{ width: 2em; height: 2em; left: 0.5em; margin-top: -1em;}
.iAboutTab .c{ width: 21em; padding-top: 2em; left: 50%;}
.iAboutCon{}
.iAboutTop .text{ padding-top: 9.5em;}

.iAboutBottom .pd{ padding:0.5em 1.2em; margin: 0 0.5em;}

.tit1{ margin-bottom: 2.5em;}
.tit1 strong{ font-size: 1.5em;}
.tit1_2{ margin-bottom: 2em;}
.iStrength ul{ margin: 0 -0.15em;}
.iStrength .pd{ margin: 0 0.15em;}
.iSolutionTab{ margin-bottom: 3em;}
.iSolutionTab li{ margin-right: 2.8em;}

.iSolutionCon ul{ margin: 0 -0.9em;}
.iSolutionCon li{ margin-bottom: 1.8em;}
.iSolutionCon .pd{ margin: 0 0.9em;}
.iSolutionCon .text{ padding: 1em 1.2em;}



.iStrengthB .h3 strong{ font-size: 3.4em;}


.iMain4_1{ margin-bottom: 5.5em;}
.iMain4_2{ margin-bottom: 2.4em;}
.slide_1,
.slide_2{ margin-bottom: 1.2em;}
.iPartner .npd{ margin-right: 1.2em;}
.iPartner li{ width: 10.7em;}
.iNews .swiper{ margin: 0 -0.8em;}
.iNews .text{ padding-top: 1.25em;}
.iNews .pd{ margin: 0 0.8em;}
.iNews .h3{ font-size:1.2em}
.iNews .em{ font-size: 1em;}
.fonterContact{ padding: 3.4em 0;}
.fNav li{ margin-right: 4em;}

.dingwei{position: relative;}
.dingwei a{ position: absolute; bottom:80px;}


.iBannerHome .h3{ font-size: 2.8em;}
.iBannerHome .p{ font-size: 1.2em;}

.fContactA .p dl{padding-left: 1.8em;}
.fContactA .p dt{ font-size: 1.3em;}
.fContactA .h3{ font-size: 1.1em;}
.fContactA .p dd{ font-size: 1.2em;}

.more4{ font-size: 0.8em;}

.pMain{ padding: 5em 0;}
.pMainOS5{ padding-bottom: 2.8em;}
.banner_device .h3{ font-size: 2.4em;}
.banner_search .h3{ font-size: 2.4em;}
.device .img{ width:42.05607476635514%;}
.device .text{ margin-right:42.05607476635514%; padding: 2.4em 4.8em 0 0;}
.deviceAdvantage ul{ margin-right: -2.6em;}
.deviceAdvantage .pd{ padding: 1.6em 5em 1.6em 2.1em; margin-right: 2.6em;}
.deviceAdvantage .i{ right: 1.75em; top: 1.25em;}
.deviceAdvantage .i img{ height: 2.8em;}
.deviceAdvantage .text{ padding-left: 1.6em;}

.solution{ padding: 3.2em 0;}
.solutionFl{ width: 13.9em;}
.solutionFr{ margin-left: 13.9em;}
.solutionNavA li{ margin-bottom: 0.8em;}
.solutionNavA .h3 a{ padding-left: 2.4em;}
.solutionNavA .box a{ padding-left: 3.4em;}
.solutionNavB{ margin-bottom: 3em;}
.solutionNavB li{ margin-right: 2.8em;}
.solutionNavB li a{ font-size: 0.9em;}
.solutionList ul{ margin: 0 -0.7em;}
.solutionList li{ margin-bottom: 1.4em;}
.solutionList .pd{ margin: 0 0.7em;}
.solutionFr{ padding:0 2em; min-height: 44.6em;}

.servicePartner ul{ margin: 0 -0.8em;}
.servicePartner li{ margin-bottom: 1.6em;}
.servicePartner .pd{ padding: 3em 2em; margin: 0 0.8em;}
.serviceProcess .img{ width: 8em;}
.serviceProcess .pd{ padding-top: 4.5em;}
.serviceProcess .i{ font-size: 1.2em;}
.serviceProcessLine{ top: 1.2em;}

.support{ padding: 2.4em 0 3em 0; }
.supportCon dl{ margin-bottom: 2em;}
.supportCon dd{ padding: 0.7em 1em; }
.supportFl{ padding-top: 3em;}
.supportFr{ padding: 0 1.6em; min-height: 24.25em;}
.supportNav li{ margin-bottom: 0.5em;}
.supportNav a{ padding-left: 2.4em; height: 2.5em; line-height: 2.5em;}
.supportCon dt{ }
.supportCon dt img{ width: 2.4em; height: 2.4em;}
.supportCon dt strong{ height: 3em; line-height: 3em;}
.supportCon dt i{ margin-left: 0.5em;}



.about .img{ width: 42.105263157894735%;}
.about .text{ margin-right: 42.105263157894735%; padding: 1.8em 4.8em 0 0; }
.aboutHistory{ padding:0 4.75em 8em 4.75em;}
.aboutHistory .swiper{ margin: 0 -0.75em;}
.aboutHistory .npd{ margin: 0 0.75em;}
.aboutHistory .swiperArrow{ font-size: 1.25em;}

.aboutHonor .swiper{ margin: 0 -2.6em;}
.aboutHonor .pd{ margin: 0 2.6em; padding-bottom: 3.6em;}
.aboutNews{ margin: 0 -2.2em;}
.aboutNews .wpd{ margin: 0 2.2em;}
.aboutNewsFl{ width: 34.269005847953216em;}
.aboutNewsFc{ width: 28.03738317757009em;}
.aboutNewsFr{ width: 28.03738317757009em;}

.aboutJoinTop .img{ width:49.06542056074766%;}
.aboutJoinTop .text{ margin-right:49.06542056074766%; padding: 1.8em 4.8em 0 0;}

.aboutStrength{ padding-top:3.6em; }
.aboutStrength li{ margin-bottom: 2.5em;}
.aboutStrength .h3{ margin-bottom: 0.75em;}
.aboutStrength .h3 strong{ font-size: 2.4em;}
.aboutStrength .h3 span{ font-size: 1em;}

.map .img{ width: 58.57371794871795%;}
.map .text{ left: 58.57371794871795%; padding-left: 4.15em;}
.map .text li{ padding: 1.3em 0;}

.caseFor .text{ padding: 0.8em 6em 0 0;}
.caseTab .swiper{ margin: 0 -0.5em;}
.caseTab .pd{ margin: 0 0.5em;}

.tit6{ margin-bottom: 2.8em;}


.pMainDevice1_1,
.pMainOS1_1,
.pMainOS1_2,
.pMainOS1_3,
.pMainOS1_4{ margin-bottom: 5em;}

.osFor{ margin-bottom:3em;}
.osFor .img{ width: 44.84472049689441%;}
.osFor .text{ left: 44.84472049689441%; padding:0 0 0 4.35em;}
.osTab .swiper{ margin: 0 -0.5em;}
.osTab .pd{ margin: 0 0.5em;}

.osCaseTab ul{ margin: 0 -1.1em;}
.osCaseTab li{ margin: 0 1.1em;}
.osCaseTab li a{ font-size: 0.9em;}



.menuBoxFl .m{ padding-top: 2.4em;}
.menuBox .wp{ padding: 2em 0;}
.tit2{ padding-bottom: 1.2em; margin-bottom: 0.8em;}
.tit2 strong{ font-size: 1.5em;}
.tit2:before{ width: 2.1em; height: 0.25em;}

.banner_service .h3{ font-size: 1.2em;}

.tit6{ padding-bottom: 1.2em;}
.tit6 strong{font-size: 1.5em;}
.tit6:before{ width: 2.5em; height: 0.25em; margin-left: -1.25em;}
.tit7 strong{ font-size: 1.5em;}

.crumbs{ padding: 1.75em 0;}
.newsInfoTit h1{ font-size: 2em;}

.pMainNews2_2{ top: 12em;}
.newsTool li{ margin-bottom: 2.8em;}
.newsTool li:before{ bottom: -2.4em;}
.newsTool .li1 .t i{ width:3.2em; margin: 0 auto;}
.newsTool .li2 .t i{ width: 2.4em;}


.pMainNews2_1{ margin: 0 14.6em 0 50px; padding: 0 2.8em 0 1.8em;}
.pMainNews2_3{ width: 14.6em; top: 7.7em;}
.tit5{ padding-bottom: 0.6em; margin-bottom: 0.6em;}
.newsHotList li{ margin-bottom: 0.6em;}
.newsHotList .pd{ padding:0.8em; }
.newsHotList .img{ margin-bottom: 0.6em;}
}
@media screen and (max-width:1680px){
.iAboutCon{ line-height: 1.75;}
.iStrength .img img{ height: 596px;}

.device .p{ line-height: 1.75; min-height: 12.25em; margin-bottom: 40px;}
.solutionList .text{ font-size: 14px;}

.aboutJoinCon ul{ margin:0 -2em;}
.aboutJoinCon .text{ padding-top: 0px;}
.aboutJoinCon .pd{ margin: 0 2em;}

.aboutNewsListA .img img{ height: 302px;}
.aboutNewsListB .p{ height: 4.5em; line-height: 1.5;}

.about .p{ line-height: 1.75;}
.aboutJoinTop{ margin-bottom: 5.2em;}
.aboutJoinTop .p{ line-height: 1.75;}

.solutionPain li{ margin-bottom: 2em;}
.solutionAdvantage ul{ margin-right: -3em;}
.solutionAdvantage li{ padding: 1.6em 0;}
.solutionAdvantage .pd{ margin-right: 3em;}
.solutionProducts ul{ margin: 0 -0.75em;}
.solutionProducts li{ margin-bottom: 2em;}
.solutionProducts .pd{ margin: 0 0.75em; padding: 1.65em 1.25em 1.25em 1.25em;}

.caseInfoCustom .img{ width: 25.5em;}
.caseInfoCustom .text{ margin: 0 25.5em 0 0; padding-right: 3.2em;}



.pMainOS1 .wpd{ width: auto; margin: 0 3%;}
.osTab .h3{ font-size: 14px;}
.osCaseTab li a{ font-size:14px;}
.solutionNavA .box span{ height: 36px; line-height: 36px;}

.popup .wpd{ padding: 1.6em 1.6em 2.4em 1.6em;}
.popupTit{ margin-bottom: 1.6em;}
.popupTit strong{ font-size: 1.4em;}
.popupClose{ width: 1.9em; height: 1.9em; right: 1.6em; top: 1.6em;}
.popupCon ul{ margin: 0 -1em;}
.popupCon li{ margin-bottom: 0.8em;}
.popupCon .pd{ margin: 0 1em;}
.popupCon .m{ padding-top: 1.6em;}
.ipt_t4{ height: 40px;}
.ipt_text4_2{ height: 100px;}
.ipt_s4{ height: 40px;}
.popupSuccess .img{ width: 9em; margin-bottom: 1em;}
.popupSuccess .text{ font-size: 1em;}
.ipt_b4{ font-size: 0.9em;}
.popupSuccess .wpd{ padding: 2em;}


.supportPopupClose{}
.supportPopupClose a{ width: 1.9em; height: 1.9em;}
.supportPopup .wpd{ padding: 1.6em 1.6em 2.4em 1.6em;}
.supportPopupTit{ margin-bottom: 1.6em; padding-right: 6em;}
.supportPopupTit strong{ font-size: 1.4em;}


.pMainOS5_1{ width: auto; margin: 0 60px;}

.device .p{ margin-bottom: 30px;}

.iAboutTab .c{ width: 18em; margin-left: -9em;}
}
@media screen and (max-width:1600px){
.menu{ margin-left: 200px;}
.menu .h3 a{ padding: 0 1.5em;}
.iStrength .img img{ height: 568px;}

.pMainOS1 .wpd{ margin:0px;}
.pMainOS2_1{ margin: 0 46px;}
.newsNav li{ margin-bottom:1.5em;}
.newsList{ padding: 2.8em 2.4em; }
.newsList li{ margin-bottom: 2.8em;}
.newsList .text{ padding-right: 3.2em;}
.newsFr{padding-left: 2.4em;}

.pMainOS5_1{ width: auto; margin: 0 60px;}
.pMainOS5_1 .pd{ width: 63%;}

.menuBoxFl {width: 330px; margin-right: 98px;}
.menuBoxFr li:nth-child(4){ margin-left: 98px;}
.menuBoxFr li:nth-child(5){ margin-left: 224px;}
.menuBoxFr li:nth-child(6){ margin-left: 336px;}
}
@media screen and (max-width:1440px){
.menu{ margin-left: 180px;}
.menu .h3 a{ padding: 0 1.1em;}

.iStrength .img img{ height: 510px;}

.fNav .h3 a{ font-size: 14px;}
.fNav .box a{ font-size: 12px; margin-bottom: 16px;}
.fLink{ font-size: 12px;}
.fTop_fr{ width: 220px;}
.fContactB .li1{ margin-bottom: 20px;}
.fContactB .li2{ margin-bottom: 20px;}
.fContactB .li3{ margin-bottom: 30px;}

.nwp{ width: 89.58333333333334%;}

.iSolutionCon .h3{ font-size: 14px;}
.more4{ font-size: 12px;}
.iAboutCon li{ font-size: 12px;}


.menu .h3 a{ font-size: 12px;}
.iStrength .h2{ font-size: 14px;}
.iSolutionTab li a{ font-size: 14px;}
.more3{ font-size: 12px;}

.tSearch{ right: 248px;}
.tContact{ margin-top: -18px;}
.tContact .box{ height: 36px; line-height: 36px; padding: 0 16px;}
.tDh img{ height: 16px;}
.tDh strong{ font-size: 12px;}
.tDh a{ font-size: 16px;}
.tEwm_ico{ height: 100%; width:22px;}
.tEwm_ico img{ width: 22px; height: 22px;}

.supportCon dt span{ font-size: 16px;}
.aboutJoinCon ul{ margin:0 -1em;}
.aboutJoinCon .pd{ margin:0 1em;}
.newsInfoCon{ font-size: 16px;}
.newsHotList .h3{ font-size: 16px;}

.caseFor .img{ width: 44.42712392829306%;}
.caseFor .text{ margin-right: 44.42712392829306%;}

.osTab .h3{ font-size: 12px;}


/*优化笔记本*/
.osFor .h3{ font-size: 18px;}
.osFor .p{ font-size: 12px;}
.more6{ font-size: 12px;}
.menuBoxFl .h3{ font-size: 1.2em;}
.menuBoxFl .p{ font-size: 12px;}
.menuBoxFl .m a{ font-size: 12px;}
.device .p{ font-size: 12px;}
.more5{ font-size: 12px;}
.deviceAdvantage .img{ width: 64px;}
.deviceAdvantage .text{ margin-left: 64px;}
.deviceAdvantage .h3{ margin-bottom: 0.5em;}
.deviceAdvantage .pd{ padding: 1.6em 4em 1.6em 2.1em;}
.solutionList .text{ padding: 0.5em 1em;}
.servicePartner .h3{ font-size: 16px;}
.serviceProcess .h3{ font-size: 16px;}
.about .p{ font-size: 12px;}
.aboutStrength .em{ font-size: 12px;}
.aboutHistory .i{ font-size: 14px;}
.aboutHistory .h3{ font-size: 18px;}
.aboutNewsListA .img img{ height: 244px;}
.aboutNewsListA .h3 strong{ font-size: 16px; margin-right: 75px;}
.aboutNewsListA .h3 em{ font-size: 12px;}
.aboutNewsListA .p{ font-size: 14px; line-height: 22px; height: 44px;}
.aboutNewsListB li{ margin-bottom: 15px;}
.aboutNewsListB .h3 em{ font-size: 12px;}
.aboutNewsListB .h3 strong{ font-size: 14px;}
.aboutNewsListB .p{ margin: 13px 0; font-size: 12px;}
.aboutNewsListB li.curr .h3 strong{ font-size: 16px;}
.tit4:before{ right: 72px;}
.tit4 strong{ font-size: 16px;}
.aboutJoinTop .p{ font-size: 12px;}
.aboutJoinCon .h3{ font-size: 14px; margin-bottom: 0.25em;}
.aboutJoinCon .p{ font-size: 12px;}
.map .img{ width: 50%;}
.map .text{ left: 50%;}
.map .text .pd{ font-size: 14px;}
.ipt_b4{ font-size: 14px;}
.menuBox .wwp{ height: 250px;}
.menuBoxFl{ width: 286px; margin-right: 66px;}

.menuBoxFr li:nth-child(4){ margin-left: 74px;}
.menuBoxFr li:nth-child(5){ margin-left: 172px;}
.menuBoxFr li:nth-child(6){ margin-left: 260px;}

.menuBoxFr .box{ min-height: 180px;}
.menuBoxFr .box a{ margin-bottom: 20px;}
.solutionPain .h3{ font-size: 14px; margin-bottom: 0.75em;}
.solutionPain .p{ font-size: 12px;}
.solutionAdvantage .img{ width: 64px;}
.solutionAdvantage .text{ margin-left: 64px; padding: 12px 0 0 16px;}
.solutionQA .t{ padding: 12px;}
.solutionQA .i{ font-size: 18px; left: 12px; top: 12px;}
.solutionQA .h3{ height: 36px; line-height: 36px; margin: 0 50px;}
.solutionQA .span{ width: 24px; height: 24px; margin-top: -12px;}
.solutionQA .em{ font-size: 18px; left: 12px; top: 12px;}
.solutionQA .c{ padding: 18px 12px;}
.solutionQA .p{ margin-left: 50px;}
.caseFor .h3{ font-size: 18px;}
.caseFor .p{ font-size: 12px;}
.caseInfoCustom .p{ font-size: 12px;}
.caseInfoCon{ font-size: 12px;}
.crumbsList{ font-size: 14px;}
.newsInfoCon{ font-size: 16px; margin-bottom: 50px;}
.newsInfoTit{ margin-bottom: 18px;}
.newsInfoEm{ font-size: 12px; line-height: 1.5; margin-bottom: 30px;}
.newsTool .t span{ font-size: 12px;}

.newsHotList .h3{ font-size: 14px;}
.pMainNews2_3{ width: 240px;}
.pMainNews2_2{ top: 8.7em;}
.pMainNews2_1{ margin-right: 240px; min-height: 900px;}

}
@media screen and (max-width:1366px){
.iStrength .img img{ height: 484px;}
.iStrength .p{ width: 16em;}

.pMainOS5_1 .h3{ font-size: 16px; margin-bottom: 1.5em;}
.pMainOS5_1 .p{ font-size: 12px; line-height: 1.5; height: 6em;}
.pMainOS7_1{ width: auto;}

.newsInfoCon{ font-size: 14px; margin-bottom: 40px;}

.menuBoxFl {width: 274px; margin-right: 78px;}
}
@media screen and (max-width:1280px){
.menu .h3 a{ font-size: 12px;}
.iStrength .img img{ height: 453px;}

.supportCon dd{padding: 0.7em 1em;}
}

@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0; font-size: 16px;}
.nwp,
.wp{ margin:0 30px; width: auto;}
.logo{ font-size: 36px;}

.tLanguage{ left: auto; right:76px; margin-top: -16px; top: 50%;}
.tLanguage .i{ display: flex;}
.tLanguage.active .i{ color: #2353CF;}
.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color:#2353CF; width: auto; margin: 0px;}
.tLanguage .box a{}
.tLanguage .t{ display: none;}
.tLanguage .c{ display: block; position: relative; width: auto; left: auto; top: auto; margin: 0px; padding: 0px;}
.tLanguage .c .npd{ background:none; box-shadow: none; border-radius: 0px; padding: 0px; }
.tLanguage .c:after{ display: none;}
.tLanguage .c:before{ display: none;}

.tContact{ right: 35px; top: 50%; margin-top: -16px;}
.tContact .i{ display: flex;}
.tContact.active .i{ color: #2353CF;}
.tContact .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #2353CF; border-radius: 0px; text-align: center;  padding: 30px 0; color:#2353CF; width: auto; margin: 0px; height: auto;}
.tEwm_ico{ display: none;}
.tEwm_img{ position: relative; top: auto; left: auto; width: auto; padding: 0px; display: block; margin: 0; }
.tEwm_img:after{ display: none;}
.tEwm_img:before{ display: none;}
.tEwm{ width: 100px; margin: 0 auto;}
.tDh{ flex-direction: column; margin-right: 0px;}

.tSearch{ right: 70px;}
.tSearch .i{}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:#e8eeff; padding:15px 30px; display:none; width: auto;}
.ipt_t1{ background: #fff; color:#2353CF;}

.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ padding: 0px; background: #fff;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:0px; bottom:0px; z-index:2; background:#fff; margin: 0px; box-sizing:border-box;width:280px; right:-281px; display: block;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ float: none; margin: 0px;}
.menu .h3{ text-align: left; position: relative; border-bottom: 1px solid #dcdcdc;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333; border-radius: 0px;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu.active{ right:0px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; transform: none; opacity: 1; visibility: visible; padding: 0px; width: auto; margin: 0px; pointer-events: auto;}
.menu .box .npd{ box-shadow: none; background: none; border-radius: 0;}
.menu .box a{ padding: 0 15px; height: 32px; line-height: 32px; font-size: 14px; overflow: hidden;}
.menu .box a:before{ display: none;}
.menu li:hover .h3 span,
.menu li.curr .h3 span{ color: #fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ display: none;}
.menu li:hover .box{ display: none;}
.menu li.curr .box{}

.subNav{ top: auto; bottom: 0px; margin: 0px; right: 0px; left: 0px; width: auto; border-radius: 6px 6px 0 0; transform: translateY(0);}
.subNav ul{ display: flex; margin: 0 -1px;}
.subNav li{ width: 20%; margin: 0;}
.subNav .t{ margin: 0 1px;}
.subNav .t .npd{ width: 32px; margin: 0 auto;}
.subNav .c{ top: auto; right: auto; left: 50%; bottom: 50px; padding: 0 0 12px 0; transform: translate(-50%,0);}
.subNav .c .npd{ width: auto; display: flex; justify-content: center; text-align: center; padding: 12px 30px;}
.subNav .c .pd{ padding-right: 0px;}
.subNav .c:before{ display: none;}

.subNav li:first-child .c{ left: 0px; right: auto; margin: 0px; transform: translate(0,0);}

.iBanner .img img{ height: 360px; object-fit: cover;}
.iBanner .h3{ font-size: 24px;}
.iBanner .m{ padding-top: 2em;}
.iBanner .swiperArrow{ display: none;}

.iBannerHome .wimg img,
.iBannerHome .img img{ height: 360px; object-fit: cover;}
.iBannerHome .text{ left: 5%; right: 5%;}
.iBannerHome .h3{ font-size: 24px;}
.iBannerHome .p{ font-size: 14px;}


.more1{ font-size: 12px;}

.tit1{ margin-bottom: 30px;}
.tit1_2{ margin-bottom: 20px;}

.iMain{ padding:3em 0;}
.iMain1_1{ margin-bottom: 30px;}
.iAboutTop .pd{ display: block;}
.iAboutTop .img{ margin: 0 auto; width: 50%; position: relative; transform: translateY(0em);}
.iAboutTop .img img{ width: 100%; float: none;}
.iAboutTop .text{ width: auto; position: relative; left: auto; padding: 1.5em 0 0 0 ; top: auto; display: block;}
.iAboutTit{ position: relative; left: auto; top: auto; text-align: center; margin-bottom: 30px;}
.iAboutTab{ width: auto; display: flex; justify-content: center;}
.iAboutTab ul{ display: flex; margin: 0 -10px;}
.iAboutTab li{  margin: 0 10px;}
.iAboutTab .t a{ padding-right: 1em; padding-left: 3em; font-size: 14px;}


.iAboutCon{ width: auto;}
.iAboutBottom ul{ flex-wrap: wrap;}
.iAboutBottom li{ width: 33.3333%; padding: 10px 0;}
.iAboutBottom .pd{ padding:0.75em;}

.iMain2{ background: #fff;}
.iStrength .pd{ padding-bottom:10px;}
.iStrength .img img{ width: 100%; height: auto;}
.iStrength .swiper-slide,
.iStrength .swiper-slide:hover{ width: auto; flex: none;}
.iStrength .text{ opacity: 1; transform: translateY(0);}
.iStrength .ntext{ display: none;}
.iStrength .h3{ text-align: center;}
.iStrength .p{ opacity: 1; width: auto;}
.iStrength .swiperDots{ display: flex; bottom: 0px;}
.iStrength .swiper-slide:hover .h3,
.iStrength .swiper-slide-active .h3{ text-align: center;}

.iSolutionTab{ margin-bottom: 30px;}
.iSolutionTab li{ margin-right: 10px;}
.iSolutionTab li a{ font-size: 16px; padding: 0 1.5em; height: 2.5em; line-height: 2.5em;}

.iSolutionCon ul{ margin: 0 -10px;}
.iSolutionCon .pd{ margin: 0 10px;}
.iSolutionCon li{ width: 33.3333%; margin-bottom: 20px;}
.iSolutionCon li:nth-child(n+4){ margin-bottom: 20px;}
.iSolutionCon li:nth-child(n+7){ margin-bottom: 0px;}

.iMain4_1{ margin-bottom: 30px;}
.iStrengthB .h3 strong{ font-size: 32px;}
.iStrengthB .h3 span{ font-size: 12px;}
.iPartner li{ width: 140px;}
.iPartner .npd{ margin-right: 16px;}
.slide_1, .slide_2{ margin-bottom: 16px;}
.slide_2{ transform: translateX(-70px);}

.fonterContact{ padding:2em 0;}

.fNav li{ margin-right: 1.5em;}
.fNav .h3{ margin-bottom: 20px;}
.fNav .h3 a{ font-size: 14px;}
.fNav .box a{ font-size: 12px; margin-bottom: 12px;}
.fContactB .li1{ margin-bottom: 20px;}
.fContactB .li2{ margin-bottom: 20px;}
.fContactB .li3{ margin-bottom: 30px;}

.fLink strong{ margin-right: 0.5em;}
.fLink a{ margin-right: 0.5em;}

.pMain{ padding: 3.5em 0; }
.pMainOS5{ padding-bottom: 3.5em;}

.nBanner .img img{ height: 320px; object-fit: cover;}
.nBanner .text{ width: 100%; justify-content: center;}
.nBanner .text .wp{}
.banner_device .h3{ font-size: 24px;}
.banner_service .text{ justify-content: flex-start;}
.banner_service .p{ width: 80%;}
.banner_service .m{ padding-top: 20px;}
.banner_case_info .npd{ padding: 0.7em 3.25em 0.9em 1.35em;}

.pMainDevice1_1,
.pMainOS1_1,
.pMainOS1_2,
.pMainOS1_3,
.pMainOS1_4{ margin-bottom: 3.5em;}

.device .text{ padding: 0 30px 0 0;}
.device .p{ margin-bottom: 20px;}

.deviceAdvantage ul{ margin: 0 -10px;}
.deviceAdvantage li{ width: 50%; margin-bottom: 20px;}
.deviceAdvantage li:nth-child(n+4){ margin-bottom: 20px;}
.deviceAdvantage li:nth-child(n+5){ margin-bottom: 0px;}
.deviceAdvantage .pd{ margin: 0 10px;}

.solution{ padding: 20px;}
.solutionFl{ width: auto; float: none; margin-bottom: 30px;}
.solutionFr{ margin: 0px; padding: 0px; min-height:inherit;}
.solutionNavA .h3 a{ padding: 0px;}
.solutionNavA .h3 strong{ height: 24px; line-height: 24px;}
.solutionNavA .box a{ padding: 0px 16px;}
.solutionNavA li{ margin-bottom: 10px;}
.solutionNavA li:last-child{ margin-bottom: 0px;}
.solutionNavA .box a:before{ top: 0px; bottom: 0px;}
.solutionNavA .box a:after{ top: 0px; bottom: 0px;}

.solutionNavB{ margin-bottom: 20px;}
.solutionNavB li{ width: 25%; margin-right: 0px;}
.solutionNavB li a{ padding: 0px; text-align: center; font-size: 14px;}

.solutionList li{ width: 33.3333%; margin-bottom: 20px;}
.solutionList_1 li:nth-child(n+4){ margin-bottom: 20px;}
.solutionList .pd{ margin: 0 10px;}

.servicePartner .pd{ padding: 20px;}
.servicePartner .p{ width: auto; margin-right: 100px;}
.servicePartner .h3{ margin-bottom: 0.5em; font-size: 18px;}

.serviceProcessLine{ top: 14px; border-width: 1px;}
.serviceProcess .i{ font-size: 14px;}
.serviceProcess .pd{ padding-top: 60px;}
.serviceProcess .img{ width:80px;}
.serviceProcess .text{ padding-top: 7px;}
.serviceProcess .h3{ font-size: 18px;}

.supportCon .pd a{ width: 33.3333%;}

.about .img{ width: auto; float: none;}
.about .text{ margin: 0px; padding: 30px 0 0 0;}
.aboutHistory{ padding: 0 50px 4em 50px;}
.aboutHistory .swiperArrow{ font-size: 16px;}

.aboutHonor .swiper{ margin: 0 -10px;}
.aboutHonor .pd{ margin: 0 10px; padding-bottom: 30px;}

.aboutNews{ flex-wrap: wrap;}
.aboutNewsFl{ width: 100%; margin-bottom: 30px;}
.aboutNewsListA .img img{ height: auto;aspect-ratio: 640/386;}
.aboutNewsFc{ width: 50%;}
.aboutNewsFr{ width: 50%;}
.tit4{transform: translateY(0px); margin-bottom: 20px;}

.aboutJoinTop{ margin-bottom: 30px;}
.aboutJoinTop .text{ padding: 0 30px 0 0;}
.aboutJoinCon ul{ flex-wrap: wrap;}
.aboutJoinCon li{ width: 50%; padding:15px 0;}

.map .text{ padding-left: 2em;}

.newsNav li{ margin-bottom: 20px;}
.newsList{ padding: 20px;}
.newsList li{ margin-bottom: 30px;}
.newsFr{ padding-left: 20px;}
.newsList .text{ padding-right: 30px;}

.pMainNews2_1{ margin-left: 0px; padding-left: 0px;}
.pMainNews2_2{ position: relative; left: auto; top: auto; bottom: auto; width: auto;}
.newsTool{ top: auto; position: relative; transform: translateY(-24px);}
.newsTool ul{ display: flex;}
.newsTool li{ margin: 0 10px 0 0;}
.newsTool li:last-child{ margin: 0px;}
.newsTool .t i{ width: 24px !important; margin: 0 10px 0 0 !important;}
.newsTool .t .pd{ display: flex; line-height: 24px;}
.newsTool .t span{ line-height: 24px;}
.newsTool li:before{ display: none;}
.newsInfoCon{ margin-bottom: 30px;}

.solutionProducts li{ width: 50%;}
.solutionAdvantage .text{ padding-top: 15px;}
.caseTab{ margin: 0 46px;}
.caseFor .p{ height: 4.5em; line-height: 1.5; -webkit-line-clamp: 3;}
.caseFor .text{ padding: 0 40px 0 0;}

.caseInfoCustom .text{ padding-right: 40px;}


.osCaseTab ul{ margin: 0 -5px;}
.osCaseTab li{ margin: 0 5px;}
.osFor{ margin-bottom: 20px;}
.osFor .text{ padding-left: 30px;}
.osFor .h3{ font-size: 18px}
.osFor .p{ line-height: 1.5; height: 4.5em; -webkit-line-clamp: 3;}
.osTab .swiper{ margin: 0 -5px;}
.osTab .pd{ margin: 0 5px;}
.more6{ font-size: 12px;}



.pMainOS5_1{ margin: 0px;}
.pMainOS5_1 .text{ position: relative; left: auto; top: auto; right: auto; bottom: auto;}
.pMainOS5_1 .pd{ width: auto;}
.pMainOS5_1 .h3{ margin-bottom: 0.5em;}
.pMainOS5_1 .h3 i{ display: none;}
.pMainOS5_1 .text{ overflow: visible;}
.pMainOS5_1 ul{ margin: 0 -10px;}
.pMainOS5_1 li{ display: block; padding: 10px 0; height: auto;}
.pMainOS5_1 .pd{ display: block; position: relative; margin: 0 10px;box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07);border-radius: 4px;background: #FFFFFF; padding:20px; height: 100%; box-sizing: border-box;}
.pMainOS5_1 .p{ padding: 0; height: auto;}
.pMainOS5_1 li:nth-child(even) .p{ padding: 0;}
.pMainOS5_1 li:nth-child(even) .h3{ text-align: left;}

.tit3 img{ left: 0px;}
}
@media screen and (max-width:980px){
.fTop{ display: block;}
.fTop_fl{ max-width:inherit; margin-bottom: 30px;}
.fNav{ margin-bottom: 30px;}
.fNav ul{justify-content: space-between;}
.fNav li{ margin: 0px;}
.fTop_fr{ width: auto;}

.iNews .swiperDots{ display: block;  bottom: 0px;}

.tit2 strong{ font-size: 24px;}
.pMainOS2_1{ margin: 0px;}

.device .img{ width: auto; float: none;}
.device .text{ padding: 30px 0 0 0; margin: 0px;}
.deviceAdvantage ul{ display: block;}
.deviceAdvantage li{ width: auto;}
.deviceAdvantage li:nth-child(n+5){ margin-bottom: 20px;}
.deviceAdvantage li:last-child{ margin-bottom: 0px;}

.solutionNavB li a{ font-size: 12px;}
.solutionList li{ width: 50%;}
.servicePartner .h3{ font-size: 16px;}
.serviceProcess .h3{ font-size: 16px;}

.support{ padding: 20px;}
.supportFl{ width: auto; float: none; padding: 0px; margin-bottom: 20px; position: static; top: auto;}
.supportFl ul{ display: flex; flex-wrap: wrap;}
.supportNav li{ margin-bottom: 2px;}
.supportNav a{ padding: 0px 15px; line-height: 2em; height: 2em; background: #fafafa; margin-right: 2px;}
.supportNav a:before{ display: none;}
.supportNav a:after{ display: none;}
.supportNav li.curr a{ background: #2353CF; color: #fff;}
.supportFr{ margin: 0px; padding: 0px; min-height: inherit;}

.pMainContact1_1{ margin-bottom: 30px;}
.map .img{ width: auto;}
.map .text{ position: relative; left: auto; top: auto; bottom: auto; right: auto; display: block; padding: 20px 20px 0 20px;}
.map .text li{ padding: 10px 0;}
.msgCon ul{ width: auto;}
.msgCon li.litext{ position: relative; left: auto; top: auto; right: auto; bottom: auto;}
.msgCon li.libtn{ position: relative; left: auto; top: auto; bottom: auto; right: auto; justify-content: center;}

.pMainNews2_1{ margin: 0px; padding: 0px;}
.pMainNews2_2{ margin-bottom: 30px;}
.pMainNews2_3{ position: relative; right: auto; width: auto; top: auto;}
.newsPage{ margin-bottom: 30px;}
.newsHotList ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.newsHotList .pd{ padding: 0px; margin: 0 10px;}
.newsHotList li{ width: 50%;}
.newsHotList .h3{ font-size: 14px;}
.newsInfoTit h1{ font-size: 22px;}
.newsInfoEm{ font-size: 12px;}
.newsInfoCon{ font-size: 14px; line-height: 1.75;}
.newsTool .box{ left: 10px; top: auto; bottom: 20px; padding: 0 0 20px 0; width: 140px; }
.newsTool .box:before{ left: auto; top: auto; bottom: 0px; transform: rotate(-90deg); width: 20px; height:20px; background-position: top left;}
.newsTool .box .npd{ width: auto;}
.newsTool .box .npd{ padding: 15px;}
.newsTool .box .text{ font-size: 14px; padding-top: 4px; line-height: 1.2;}
.newsInfoTit{ margin-bottom: 20px;}
.newsInfoEm{ margin-bottom: 30px;}

.solutionAdvantage ul{ display: block; margin: 0px;}
.solutionAdvantage li{ width:auto; padding: 0px; margin-bottom: 20px;}
.solutionAdvantage li:last-child{ margin-bottom: 0px;}
.solutionAdvantage .pd{ margin: 0px;}
.solutionProducts ul{ display: block; margin: 0px; }
.solutionProducts li{ width: auto; margin-bottom: 20px;}
.solutionProducts li:last-child{ margin-bottom: 0px;}
.solutionProducts .pd{ margin: 0px;}

.caseFor{ margin-bottom: 0px; padding-bottom: 30px;}
.caseFor .img{ width: auto; float: none;}
.caseFor .text{ margin: 0px; padding: 30px 0 0 0;}
.caseTab{ display: none;}
.caseFor .swiperDots{ display: block; bottom: 0px;}

.tit6{ margin-bottom: 30px;}

.solutionQA .i{ font-size: 14px;}
.solutionQA .h3{ height: 28px; line-height: 28px; margin: 0 38px 0 38px;}
.solutionQA .em{ font-size: 14px;}
.solutionQA .p{ margin-left: 38px;}
.solutionQA .c{ padding: 16px;}

.caseInfoCustom .img{ width: auto; float: none;}
.caseInfoCustom .text{ padding: 30px 0 0 0; margin: 0px;}

.tit7{ margin-bottom: 20px;}
.tit7 strong{ font-size: 24px;}

.banner_case_info .text{ justify-content: flex-start;}
.banner_case_info .npd{ padding: 0.7em 1.35em;}
.banner_case_info .h3{ font-size: 18px;}


.osCaseTab{ display: block; margin-bottom: 15px;}
.osCaseTab ul{ flex-wrap: wrap; margin: 0 -3px;}
.osCaseTab li{ width: 25%; margin: 0px;}
.osCaseTab li a{ width: auto; margin: 0 3px;}
.osFor{ margin: 0px;}
.osFor .pd{ padding-bottom: 30px;}
.osFor .img{ width: auto; float: none;}
.osFor .text{ position: relative; left: auto; top: auto; bottom: auto; right: auto; padding: 30px 0 0 0;}
.osFor .swiperDots{ display: block; bottom: 0px;}
.osTab{ display: none;}

.popup{ left: 0px; top: 0px; right: 0px; bottom: 0px; width: auto; margin: 0px;transform: translate(0,0); border: none; overflow-y: auto; border-radius: 0px;}
.popupSuccess{ left: 0px; top: 0px; right: 0px; bottom: 0px; width: auto; margin: 0px;transform: translate(0,0); border: none; overflow-y: auto; border-radius: 0px;}
.popupSuccessList{ display: flex; justify-content: center; align-items: center; height: 100%;}
.popupSuccess .wpd{ height: 100%;  box-sizing: border-box;}

.supportPopup{ left: 0px; top: 0px; right: 0px; bottom: 0px; width: auto; margin: 0px;transform: translate(0,0); border: none; overflow-y: auto; border-radius: 0px;}
.supportPopupCon{ height: calc( 100vh - 130px );}
.supportPopup .wpd{ padding: 32px 30px;}

.iAboutTit strong{ font-size: 24px;}
}
@media screen and (max-width:768px){
.nwp,
.wp{ margin:0 30px;}

.supportCon dd{ padding: 10px;}
.supportCon dl:nth-child(1) dd .pd{ height: 4em;}
.supportCon .pd a{ width: auto; padding: 0 1em; line-height: 2em; height: 2em;}

.aboutNews{ margin: 0px; display: block;}
.aboutNews .wpd{ margin: 0px;}
.aboutNewsFl{ width: auto;}
.aboutNewsFc{ width: auto; margin-bottom: 30px;}
.aboutNewsFr{ width: auto;}

.aboutJoinTop .img{ width: auto; float: none;}
.aboutJoinTop .text{ margin: 0px; padding: 30px 0 0 0;}

.newsFl{ width: 90px;}
.newsNav a{ font-size: 12px;}
.newsFr{ width: calc(100% - 90px);}
.newsList .img{ width: auto; float: none;}
.newsList .text{ padding: 15px 0 0 0; margin-right: 0px;}
.newsList .h3 strong{ font-size: 16px; margin-right: 0px;}
.newsList .h3 em{ position:relative; top: auto; margin: 0px; padding-top: 10px;}
.newsList .p{ font-size: 12px;}
.newsInfoEm ul{ justify-content: space-between;}
.newsInfoEm strong{ display: block;}
.newsInfoEm li:nth-child(2) strong{ display: block;}
.crumbsList{ font-size: 12px;}
.crumbsList strong{ width: 8em;}


.pMainOS{ margin-top: 100px;}
.pMainOS .tit1{ top: -140px; position: absolute; left: 0px; right: 0px; margin-bottom: 0px;}
.pMainOS5_1 .img{ margin-bottom: 20px;}
.pMainOS5_1 ul{ display: block; margin: 0px;}
.pMainOS5_1 li{ width:auto; padding: 0px; margin-bottom: 20px;}
.pMainOS5_1 li:last-child{ margin-bottom: 0px;}
.pMainOS5_1 .pd{ margin: 0px;}

.tSearch .pd{ width: auto;}

.iMain1_1{ margin-bottom: 30px;}
.iAboutTab{ position: relative; margin-bottom: 0px;}
.iAboutTab li{ position: static;}
.iAboutTab .c{ width: auto; margin: 0px; left: 0px; right: 0px; padding-top: 20px; display: none;}
.iAboutTab li.curr .c{ display: none;}
.iAboutCon{ display: block; padding-top: 20px;}
.iAboutCon ul{ display: block;}
.iAboutCon li{ width: auto;}
.iBannerHome .p{ width: auto;}
}
@media screen and (max-width:640px){

.iBannerHome .text .h3 span{ display: none;}
.iBannerHome .text .p{ }
.iBannerHome .text .p br{ display: none; }

.tit1 strong{ font-size: 24px; margin-bottom: 0.4em;}

.iAboutTit{ font-size: 24px;}
.iAboutTop .img{ width: auto;}
.iBanner .p{ width: auto;}
.iAboutTab{ display: block;}
.iAboutTab li{ width: 33.3333%;}
.iAboutTab .t a{ height: auto; padding: 10px; border-radius: 6px;}
.iAboutTab .t .i{ position: relative; top: auto; left: auto; margin: 0 auto; display: block;}
.iAboutTab .t span{ display: block; line-height: 1.2; font-size: 12px;}

.iAboutBottom li{ width: 50%;}

.iMain3 .tit1{ text-align: left; }
.iSolutionTab{ position: static; margin-bottom: 15px;}
.iSolutionTab ul{ margin: 0 -1px;}
.iSolutionTab li{ width: 25%; margin: 0px;}
.iSolutionTab li a{ padding: 0px; font-size: 12px; text-align: center; margin: 0 1px;}
/*.more3_2{ position: relative; right: auto; top: auto; padding: 15px 0 0 0; margin: 0 auto; justify-content: center;}*/
.more3_2{ top: -75px; margin: 0px;}
.pMainAbout4_1 .more3_2{ top: 8px; margin: 0px;}

.iSolutionCon ul{ margin: 0 -5px;}
.iSolutionCon .pd{ margin: 0 5px;}
.iSolutionCon li{ width: 50%; margin-bottom: 10px;}
.iSolutionCon li:nth-child(n+4){ margin-bottom: 10px;}
.iSolutionCon li:nth-child(n+6){ margin-bottom: 0px;}
.iSolutionCon .text{ padding:5px 10px; display: block;}
.iSolutionCon .m{ display: none;}
.iSolutionCon .h3{ font-size: 14px; line-height: 1.5; text-align: center;}

.iStrengthB{ width: auto; margin: 0 -2px;}
.iStrengthB .pd{ margin: 0 2px;}
.iStrengthB .em{ font-size: 12px; width: 4em; margin: 0 auto; text-align: center; line-height: 1.2;}
.iPartner li{ width: 120px;}
.iPartner .npd{ margin-right: 10px;}
.slide_1, .slide_2{ margin-bottom: 10px;}
.slide_2{ transform: translateX(-60px);}

.iNews .swiper{ margin: 0 -0.5em;}
.iNews .pd{ margin: 0 0.5em;}
.iNews .h3{ font-size:18px; height: 1.5em;-webkit-line-clamp: 1;}
.iNews .em{ font-size: 14px;}

.fContactA .h3{ font-size: 16px; margin-bottom: 2em;}
.fContactA .p dd{ font-size: 18px;}
.fContactA .m{ position: relative; display: flex; right: auto; bottom: auto; padding-top: 32px;}
.more4{ font-size: 12px;}
.more4_1{ margin: 0 15px 0 0 ;}

.footer{ padding: 40px 0 20px 0;}
.fTop_fl{ display: none;}

.nBanner .img img{ height: 260px;}
.banner_search .h3{ font-size: 24px;}

.tit2{ margin-bottom: 30px;}
.tit2_1{ margin-bottom: 30px;}
.tit6 strong{ font-size: 24px;}
.tit6:before{ height: 3px;}

.deviceAdvantage .text{ padding-left: 1em; padding-top: 8px;}
.deviceAdvantage .pd{ padding: 15px 64px 15px 15px;}
.deviceAdvantage .i{ right: 15px; top: 15px;}
.deviceAdvantage .i img{ height: 32px;}
.deviceAdvantage .h3{ margin-bottom: 0.5em;}
.solutionList ul.curr{ margin: 0 -5px;}
.solutionList li{ margin-bottom: 10px;}
.solutionList .text{ font-size: 12px;}
.solutionList .pd{ margin: 0 5px;}

.servicePartner ul{ display: block;}
.servicePartner li:nth-child(n+3),
.servicePartner li{ width: auto; margin-bottom: 20px;}
.servicePartner li:last-child{ margin-bottom: 0px;}

.serviceProcess ul{ display: block; position: relative;}
.serviceProcessLine{ left: 14px; border:none;border-left: 1px dashed #E9F1FB; top: 0px; right: auto; bottom: 0px;}
.serviceProcess li{ width: auto; margin-bottom: 20px; position: relative;}
.serviceProcess li:last-child{ margin-bottom: 0px;}
.serviceProcess .pd{ display: block; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07); border-radius: 4px;background: #FFFFFF; padding:15px; height: 100%; box-sizing: border-box; margin-left:48px; position: static;}
.serviceProcess .img{ float: left; width: 54px; }
.serviceProcess .i{ left: 0; margin-left: 0px;}
.serviceProcess .text{ margin-left: 54px; text-align: left; padding-left: 20px; }

.aboutStrength{ margin: 0px; width: auto;}
.aboutStrength .h3{ margin-bottom: 10px;}
.aboutStrength .h3 strong{ font-size: 32px;}
.aboutStrength .h3 span{ font-size: 12px;}

.aboutJoinCon ul{ display: block; margin: 0px;}
.aboutJoinCon li{ width: auto; padding: 0px; margin-bottom: 20px;}
.aboutJoinCon li:last-child{ margin-bottom: 0px;}
.aboutJoinCon .pd{ margin: 0px;}

.aboutHistory{ padding: 0 0 30px 0;}
.aboutHistory .swiperArrow{ display: none;}
.aboutHistory .swiperDots{ display: block; bottom: 0px;}
.aboutHistory .swiper{ margin: 0 -10px;}
.aboutHistory .npd{ margin: 0 10px;}

.aboutHonor .pd{ padding-bottom: 20px;}
.map .text li{ padding: 5px 0;}
.map .text .pd{ font-size: 14px;}
.pMainContact1_2{ padding: 20px;}
.ipt_text4{ height: 160px;}

.solutionPain .h3{ margin-bottom: 0.5em;}

.popupCon ul{ margin: 0 -10px;}
.popupCon .pd{ margin: 0 10px;}

.crumbs{ padding: 20px 0;}

.aboutStrength li{ width: 33.3333%;}
}
@media screen and (max-width:480px){
.nwp,
.wp{ margin:0 6%;}
.iStrength .img img{ height: 400px;}
.fNav{}
.fNav .h3 a{ font-size: 12px;}
.fNav .box a{ font-size: 10px;}

.iBanner .h3{ font-size: 16px;}
.iBanner .p{ font-size: 12px;}
.iBanner .swiperArrow{ display: none;}
.more1{ height: 2.5em; line-height: 2.5em; width: auto; padding: 0 1.5em;}


.newsFl{ width: 80px;}
.newsFr{ width: calc(100% - 80px);}
.newsInfoTit h1{ font-size: 20px;}

.osCaseTab li a{ font-size: 12px;}

.pMainOS{ background-size: 120%;}


.supportPopup .wpd{ padding: 32px 6%;}
}
@media screen and (max-width:413px){

}
@media screen and (max-width:374px){

}

/*分页*/
.fpage{ display: flex; padding:40px 0 0 0; justify-content: center;}
.fpage_2{ margin-left:160px;}
.fpageFl{ margin-right: 32px;}
.fpageFr{ font-size: 16px; line-height: 34px;}
.fpageFr .pd{ display: flex; }
.fpageFr strong{ font-weight: normal; margin-right: 0.5em;}
.fpageFr span{ margin: 0 0.5em;}
.ipt_t3{ height: 34px; border: 1px solid #CCCCCC; text-align: center; width: 54px; font-size: 1em; border-radius: 3px; box-sizing: border-box;}
.ipt_b3{ height: 34px; width: 34px; padding: 0px; border-radius: 4px; background: #2B79FD; border: 1px solid #2B79FD; color: #fff; font-size: 1em; box-sizing: border-box;}

.fpageFl ul{ text-align:center; display: flex;}
.fpageFl li{ padding:0 4px;}
.fpageFl .disabled{}
.fpageFl a{}
.fpageFl a,
.fpageFl span{height: 34px;line-height: 34px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 34px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #fff; border: 1px solid #d9d9d9; color: #333;}
.fpageFl .active a,
.fpageFl .active span{background:#3B89FE; color:#fff; border-color:#3B89FE;}
@media screen and (max-width:768px){	
.fpage{ flex-wrap: wrap; width:  auto;}
.fpage_2{ margin: 0px;}
.fpageFl{ display: flex; justify-content: center; margin: 0 0 20px 0;}
.fpageFr{ display: flex; justify-content: center; font-size: 10px; line-height: 24px;}
.ipt_t3{ height: 24px; width: 32px;}
.ipt_b3{ height: 24px; width: 24px;}

.fpageFl li{ padding: 0 3px;}
.fpageFl a,
.fpageFl span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}

}

/*视频*/
/*.play_btn{ background:#000; display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.5s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}*/
.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#2353CF; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #2353CF;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:1680px){
.video_box{ width: 1000px; margin: -300px 0 0 -500px;}
}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.iMainSearch1{ padding:200px 0 60px 0;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #2353CF; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#2353CF; margin-left:0.5em;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#2353CF; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}




.newsTool .t .dianzan{}
.newsTool .t .dianzan i .img1{ display: block;}
.newsTool .t .dianzan i .img2{ display: none;}
.newsTool .t .dianzan.curr i .img1{display: none;}
.newsTool .t .dianzan.curr i .img2{display: block;}