/* ------------------
公共样式
--------------------*/
/* 弹出层 默认关闭  */
.theme-popover{display: none;}
.wholecss{}
.subpagemainframe{ width: 100%; min-height: 1px; overflow: hidden; padding: 16px 0px; }
.subpagemainframebox{ width: 100%; min-height: 1px; overflow: hidden; position: relative; }
.subpagemainframe_left{ width: 200px; min-height: 1px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 99; }
.subpagemainframe_centre{ width: 100%; min-height: 1350px; overflow: hidden; position: relative; padding: 0px 280px 0px 230px; }
.subpagemainframe_right{ width: 250px; min-height: 1px; overflow: hidden; padding-left: 29px; position: absolute; right: 0; top: 0; z-index: 99; border-left: 1px solid #ebebeb; }
.crumbsmain_box{ width: 100%; min-height: 1px; overflow: hidden; background-color: #ffffff; }
.crumbs_public{ width: 100%; min-height: 1px; overflow: hidden; }
.crumbsbox{ width: 100%; min-height: 1px; overflow: hidden; padding: 16px 0px; }
.crumbsbox_name{ width: auto; min-height: 1px; float: left; font-size: 12px; line-height: 28px; color: #999999; }
.crumbsbox_name i{ display: block; font-style: normal; float: left; }
.crumbsbox_list{ width: auto; min-height: 1px; float: left; }
.crumbsbox_list ul{ padding: 0; margin: 0; }
.crumbsbox_list ul li{ list-style: none; float: left; }
.crumbsbox_list ul li span{ display: block; font-size: 12px; line-height: 28px; color: #cccccc; padding: 0px 6px; }
.crumbsbox_list ul li a{ width: auto; min-height: 1px; display: block; font-size: 12px; line-height: 28px; color: #666666; }
.crumbsbox_list ul li a:hover{ color: #000000; }
.crumbsbox_list ul li a.active{ color: #000000; }
.subbody{ width: 100%; }
.subbody .headertopbg{ width: 100%; height: 44px; background-color: #333333; }
.bnerbghome_textpd{/* margin-top: 24%; */ position: absolute; top: 30%; z-index: 1; }
.bnerbghome_tbox{width: 100%; min-height: 1px; overflow: hidden; }
.bnerbghome_mtbox{width: 100%; /* min-height: 1px; */ height: 100%; overflow: hidden; padding-top: 48%; }
.bnerbghome_tbox span{display: block; }
.bnerbghome_subtitle{font-size: 32px; line-height: 36px; color: #ffffff; margin-bottom: 8px; }
.bnerbghome_title{font-size: 56px; line-height: 68px; color: #ffffff; font-weight: bold; }
.bnerbghome_title i{ font-style: normal; }
.bnerbghome_titleen{/* font-size: 32px; */ line-height: 16px; color: rgba(255, 255, 255, .24); letter-spacing: 8px; font-size: 8px; transform: scale(0.64); -webkit-transform: scale(0.64); -webkit-text-size-adjust: none; transform-origin: 0 0; text-transform: uppercase; margin-bottom: 12px; }
.bnerbghome_titleen i{ font-style: normal; }
.bnerbghome_desc{font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .64); }
.bnerbghome_btn{display: block; margin-top: 24px; }
.bnerbghome_btn a{width: auto; min-height: 1px; overflow: hidden; display: block; float: left; font-size: 13px; line-height: 36px; color: rgba(255, 255, 255, .64); background-color: rgba(255, 255, 255, .20); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px 24px; }
.bnerbghome_btn a.active, .bnerbghome_btn a:hover{color: #333333; background-color: #ffffff; }
.appsceneHome {}
.pagepublictbox h2{font-size: 32px; line-height: 36px; color: #000000; font-weight: bold; }
.pagepublictbox h2 span{font-size: 48px; line-height: 48px; color: #000000; font-weight: bold; font-family: Barlow, Helvetica, Arial, sans-serif !important; }
.pagepublictdesc{display: block; font-size: 16px; line-height: 18px; color: #666666; }
.pagepublictbox{text-align: center; padding: 80px 0px 64px 0px; /* background-color: #ffffff; */ }
.pagepublictbox.white *{color: #fff; }
.pagepublicbox{width: 100%; min-height: 1px; overflow: hidden; }
.pagepublicbox2{height: 580px; }
.equal_parentbox{margin-right: -24px; /* overflow: hidden; */ display: flex; }
.equal_childbox{display: inline-block; vertical-align: top; width: 25%; padding-right: 24px; box-sizing: border-box; }
.equal_childbox2{display: inline-block; vertical-align: top; width: 50%; padding-right: 24px; box-sizing: border-box; }
.equal_childbox3{width: 33.33%; }
.page_elemheightH1{height: 580px; }
.page_elemheightH2{height: 320px; }
.page_elemheightH3{height: 284px; }
.page_elemheightH4{height: 288px; }
.page_elemheightH3 .page_elemBox{top: 80px; }
.page_productlistbox{width: 60%; top: 20px !important; }
.page_productlistbox2{width: 60%; top: 40px !important; }
.page_elemS1{width: 100%; }
.page_elemS1 a{width: 100%; height: 100%; display: block; position: relative; background-color: #f9f9fb; text-align: center; overflow: hidden; }
.page_elemS1 a:hover{background-color: #ffffff; box-shadow: 0px 0px 48px rgba(15, 67, 131, .08); -moz-box-shadow: 0px 0px 48px rgba(15, 67, 131, .08); -webkit-box-shadow: 0px 0px 48px rgba(15, 67, 131, .08); }
.page_appsceneS1_img .current{position: relative; left: 0; }
.page_appsceneS1_img .hover{display: none;    -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; filter: blur(0px); transition-duration: 0.3s; animation: opacityimg2 1s ease-in-out; -webkit-animation: opacityimg2 1s ease-in-out; -moz-animation: opacityimg2 1s ease-in-out; }
.page_elemS1 a:hover > .page_appsceneS1_img .current, .page_elemS1 a:hover > .page_appsceneS1_img3 .current{left: -999px; }
.page_elemS1 a:hover > .page_appsceneS1_img .hover{ display: block; }
.page_appsceneS1_img3 img{ position: relative; left: 50%; transform: translateX(-50%); }
.page_appsceneS1_img3 .hover{display: none;    -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; animation: opacityimg2 1s 0s; -webkit-animation: opacityimg2 1s 0s; -moz-animation: opacityimg2 1s  0s; }
.page_elemS1 a:hover > .page_appsceneS1_img3 .hover{display: block; }
.page_appsceneS1_img2 .current{position: relative; left: 0; }
.page_appsceneS1_img2 .hover{display: none;    -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; animation: opacityimg2 1s 0s; -webkit-animation: opacityimg2 1s 0s; -moz-animation: opacityimg2 1s  0s; }
.page_elemS1 a:hover .page_appsceneS1_img2 .current{display: none!important; }
.page_elemS1 a:hover .page_appsceneS1_img2 .hover{display: block; }
@keyframes opacityimg2{
0%{opacity:0}
100%{opacity:1;}
}
.page_elemS2{width: 100%; background-color: #f9f9fb; }
.page_elemBox{position: absolute; top: 0; z-index: 9; }
.page_elemBox span{display: block; }
.page_elemBox .contype{font-size: 12px; line-height: 18px; color: #999999; padding: 52px 0px 8px 0px; }
.page_elemBox .conname h2{font-size: 32px; line-height: 36px; color: #000000; font-weight: bold; margin-top: 20px; margin-bottom: 4px; }
.page_elemBox .condesc{font-size: 14px; line-height: 18px; color: #666666; }
.page_elemBox .condesc i{ font-style: normal; }
.page_elemBox .conmore{font-size: 14px; line-height: 18px; color: #bdbdbd; padding-top: 26px; }
.page_appprolistS1{padding: 30px; }
.page_appprolistS2{padding: 30px 0px 30px 60px; }
.page_appsceneS1_img{position: absolute; bottom: 0; overflow: initial; filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -moz-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -webkit-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); }
.page_appsceneS1_img img{width: 100%; }
.page_appsceneS1_img2{position: absolute; bottom: 0; height: 100%; text-align: right; overflow: inherit; filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -moz-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -webkit-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); }
.page_appsceneS1_img2 img{height: 100%; float: right !important; }
.page_appsceneS1_img3{position: absolute; bottom: 0; overflow: initial; filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -moz-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); -webkit-filter: drop-shadow(48px 0px 120px rgba(48,70,93,.08)); }
.page_appsceneS1_img3 img{width: 70%; }
.page_elemS2{width: 100%; text-align: center; }
.page_elemtheme_scene{width: 100%; background: url('../image/img_appscenebg_1.jpg') center center; background-size: auto 100%; background-repeat: no-repeat; position: relative; }
.page_elemtheme_digitals{width: 100%; background: url('../image/img_appscenebg_2.jpg') right center; background-size: auto 100%; background-repeat: no-repeat; position: relative; }
.page_elemtheme_scenebox{padding: 24px 48px 24px 48px; }
.page_elemtheme_sceneslogan{width: 100%; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .64); padding: 28px 0px 12px 0px; }
.page_elemtheme_scenefootbox{width: 100%; position: absolute; bottom: 24px; padding: 0px 48px; }
.page_elemtheme_sceneslogan2{width: auto; float: left; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .36); }
#digitalslist .page_elemtheme_sceneslogan2{width: auto; float: right; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .36); }
.page_elemtheme_tabslink{display: none; width: auto; float: right; padding: 8px 0px; }
.page_elemtheme_tabslink ul{padding: 0; margin: 0; }
.page_elemtheme_tabslink ul li{list-style: none; float: left; margin-right: 4px; }
.page_elemtheme_tabslink ul li a{width: auto; display: block; }
.page_elemtheme_tabslink ul li a span{width: 24px; height: 6px; display: block; }
.page_elemtheme_tabslink ul li a:hover{background-color: #ffffff !important; }
.page_elemtheme_tabslink ul li a.active{background-color: #ffffff !important; }
.page_elemtheme_scenetitle{width: 100%; }
.page_elemtheme_scenetitle_text{width: 100%; padding: 96px 0px 48px 0px; }
.page_elemtheme_scenetitle_text span{display: block; }
.page_elemtheme_scenetitle_tsubtitle{font-size: 22px; line-height: 32px; color: #ffffff; font-weight: bold; }
.page_elemtheme_scenetitle_ttitle{font-size: 28px; line-height: 36px; color: #ffffff; font-weight: bold; margin-bottom: 22px; }
.page_elemtheme_scenetitle_tdesc{font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, .48); }
.page_elemtheme_scenetitle_btn{width: auto; padding: 10px 0px; }
.page_elemtheme_scenetitle_btn a{width: 120px; min-height: 1px; display: block; font-size: 12px; line-height: 40px; text-align: center; color: #ffffff; background-color: rgba(255, 255, 255, .08); }
.page_elemtheme_scenetitle_btn a:hover{background-color: #ffffff; color: #555555; }
.page_elemtheme_scenetype2 {}
.page_elemtheme_scenetype2 .page_elemtheme_sceneslogan{text-align: right; }
.page_elemtheme_scenetype2 .page_elemtheme_tabslink{float: left; }
.page_elemtheme_scenetype2 .page_elemtheme_scenetitle_text{text-align: right; }
.page_elemtheme_scenetype2 .page_elemtheme_scenetitle_btn{float: right; }
.page_elemAD{width: 100%; height: 632px; margin-bottom: 24px; }
.page_elemAD .maincontainer{height: 100%; position: relative; }
.page_elemAD .bootcontainer{height: 100%; }
.page_elemADmain{width: 100%; height: 100%; overflow: hidden; position: relative; padding: 232px 0px 0px 0px; }
.page_elemADmainbox{width: 90%; margin: 0 auto; }
.page_elemADmain_tips1{width: 100%; min-height: 1px; overflow: hidden; position: absolute; top: 60px; left: 96px; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .48); }
.page_elemADmain_tips2{width: 100%; min-height: 1px; overflow: hidden; position: absolute; bottom: 36px; left: 96px; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .32); }
.page_elemADmainbox_tbox{width: 100%; height: 100%; overflow: hidden; }
.ADbg_2 .page_elemADmainbox_tbox, .ADbg_5 .page_elemADmainbox_tbox{text-align: center; }
.ADbg_2 .page_elemADmainbox_tbtn, .ADbg_5 .page_elemADmainbox_tbtn{display: none; }
.page_elemADmainbox_tbox span{display: block; }
.page_elemADmainbox_ttitle{font-size: 48px; line-height: 70px; font-weight: bold; color: #ffffff; }
.page_elemADmainbox_tsubtitle{font-size: 22px; line-height: 24px; font-weight: bold; color: #ffffff; }
.page_elemADmainbox_tdesc{font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .48); margin: 12px 0px 46px 0px; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.page_elemADmainbox_tdesc2{font-size: 14px; width: 42%; margin: 12px auto 46px auto; }
.page_elemADmainbox_tbtn a{width: 148px; min-height: 1px; /* overflow: hidden; */ display: block; font-size: 12px; color: #ffffff; line-height: 44px; text-align: center; background-color: rgba(255, 255, 255, .08); box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.page_elemADmainbox_tbtn a:hover{color: #333333; background-color: rgba(255, 255, 255, .88); box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); }
.ADbg_1{background-image: -webkit-image-set( url(../image/img_ad_1_1.jpg) 1x, url(../image/img_ad_1_2.jpg) 2x); background-image: image-set( url(../image/img_ad_1_1.jpg) 1x, url(../image/img_ad_1_2.jpg) 2x); background-color: #00407e; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.ADbg_2{background-image: -webkit-image-set( url(../image/img_ad_2_1.jpg) 1x, url(../image/img_ad_2_2.jpg) 2x); background-image: image-set( url(../image/img_ad_2_1.jpg) 1x, url(../image/img_ad_2_2.jpg) 2x); background-color: #0250a2; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.ADbg_3{background-image: -webkit-image-set( url(../image/img_ad_3_1.jpg) 1x, url(../image/img_ad_3_2.jpg) 2x); background-image: image-set( url(../image/img_ad_3_1.jpg) 1x, url(../image/img_ad_3_2.jpg) 2x); background-color: #032b62 ; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.ADbg_4{background-image: -webkit-image-set( url(../image/img_ad_4_1.jpg) 1x, url(../image/img_ad_4_2.jpg) 2x); background-image: image-set( url(../image/img_ad_4_1.jpg) 1x, url(../image/img_ad_4_2.jpg) 2x); background-color: #08102d; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.ADbg_5{background-image: -webkit-image-set( url(../image/img_ad_5_1.jpg) 1x, url(../image/img_ad_5_2.jpg) 2x); background-image: image-set( url(../image/img_ad_5_1.jpg) 1x, url(../image/img_ad_5_2.jpg) 2x); background-color: #11388b; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.page_elemAD2{width: 100%; height: 780px; margin-bottom: 24px; }
.case_honorlistmainpd{width: 90%; min-height: 1px; overflow: hidden; position: relative; margin: 0 auto; margin-top: 155px; }
.case_honorlisttitlebox { width: 240px; height: 240px; overflow: hidden; position: absolute; left: 0; top: 0; }
.case_honorlisttitlebox .page_elemBox { text-align: left; }
.case_honorlistmainbox { width: 100%; min-height: 1px; overflow: hidden; padding-left: 240px; }
.case_honorlistmainbox2 { width: 100%; min-height: 1px; overflow: hidden; /* padding-top: 116px; */ /* padding: 136px 12px 0px 12px; */ padding: 108px 12px 0px 12px; }
.case_honorlistmain { width: 210px; min-height: 1px; overflow: hidden; float: right; }
.case_honorlisttbox { width: 100%; min-height: 1px; overflow: hidden; margin-bottom: 22px; }
.case_honorlisttbox_name { width: 100%; min-height: 1px; overflow: hidden; font-size: 16px; line-height: 36px; color: #004b9e; font-weight: bold; text-align: left; }
.case_honorlisttbox_desc { width: 100%; min-height: 1px; overflow: hidden; }
.case_honorlisttbox_desc span { display: block; float: left; }
.case_honorlisttbox_descpicture { display: block; width: 4px; height: 4px; background-color: #1563ab; margin: 5px 0px 0px 0px; }
.case_honorlisttbox_desctext { font-size: 12px; line-height: 16px; color: #666666; margin-left: 8px; }
.case_honorlisttbox_desctext i{ font-style: normal; }
.case_honorlistbox { width: 100%; min-height: 1px; overflow: hidden; }
.case_honorlistbox ul { padding: 0; margin: 0; overflow: hidden; }
.case_honorlistbox ul li { list-style: none; float: left; }
.case_honorlistbox ul li span { display: block; width: 10px; height: 10px; }
.case_honorlist_logo { width: 44px; height: 44px; margin-bottom: 10px; }
.case_honorlist_logo img { width: auto; border: 2px solid #f3f4f4; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background-color: #ffffff; padding: 10px 0px; height: 100%; object-fit: cover; }
.logo_honorlist { width: 100%; }
.logo_honorlist ul { padding: 0; margin: 0; overflow: hidden; }
.logo_honorlist ul li { width: 25%; list-style: none; float: left; padding: 0px 6px; }
.logo_honorlist_logo { width: 100%; min-height: 1px; margin-bottom: 10px; padding: 0px 10%; background-color: #ffffff; border: 2px solid #f3f4f4; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; /* padding: 8px 0px; */ padding: 6px 0px; }
.logo_honorlist_logo img { width: auto !important; height: 40px !important; margin: 4px 0px; }
.numberweaver { width: 100%; height: 404px; }
.numberweavermainbox { padding: 12px; background-color: #ffffff; }
.numberweavertitle { width: 100%; height: 220px; position: relative; }
.numberweavertitle .page_elemBox { text-align: center; }
.numberweavertitle .page_elemBox .contype { padding: 64px 0px 8px 0px; }
.numberweavermain { width: 100%; min-height: 1px; overflow: hidden; padding: 34px 0px 0px 0px; }
.numberweaverbox { width: auto; min-height: 1px; overflow: hidden; float: left; }
.numberweaverboxm {}
.numberweaverbox span { display: block; float: left; }
.numberweaver_name { font-size: 48px; line-height: 56px; color: #dc000c; font-weight: bold; font-family: Barlow, Helvetica, Arial, sans-serif !important; }
.numberweaver_more { font-size: 20px; line-height: 22px; color: #333333; margin-top: 5px; }
.numberweaver_desc { font-size: 16px; line-height: 22px; color: #666666; margin-top: 28px; }
.numberweaver_line { width: 1px; height: 12px; background-color: #e1e1e1; margin: 20px 32px 0px 32px; }
.page_otherinfotitle { width: 100%; height: 100px; position: relative; margin-top: 60px; text-align: center; }
.otherinfotitle_colordark { width: 100%; }
.otherinfotitle_colordark .page_elemBox .conname h2 { color: #ffffff; }
.otherinfotitle_colordark .page_elemBox .condesc { color: rgba(255, 255, 255, .36); }
.page_videoscenter { width: 100%; min-height: 1px; overflow: hidden; }
.page_videoscenterbox { width: 50%; height: 690px; min-height: 1px; overflow: hidden; float: left; }
.page_videoscenterbox2 {}
.page_videoscenterbox3 {}
.page_videoscenterbg { width: 100%; height: 100%; background: url('../image/img_videobg_list.jpg') center center; background-size: auto 100%; background-repeat: no-repeat; }
.page_videoscenter_tbox { width: 80%; margin: 0 auto; margin-bottom: 20px; margin-top: 60px; }
.page_videoscenter_ttext { width: 100%; margin-bottom: 32px; }
.page_videoscenter_ttext span { display: block; }
.page_videoscenter_ttext_title { font-size: 32px; line-height: 38px; color: #000000; font-weight: bold; margin-bottom: 16px; }
.page_videoscenter_ttext_desc { font-size: 13px; line-height: 22px; color: #666666; }
.page_videoscenter_tbtn { width: auto; }
.page_videoscenter_tbtn video{ width:100% }
.page_videoscenter_tbtn a i { display: block; float: right; margin-right: 16px; color: #999999; -webkit-transform: rotate( 270deg); -ms-transform: rotate(270deg); transform: rotate( 270deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.ico_videoscenterbtn {}
.page_videoscenter_tbtn a:hover { box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); }
.page_videoscenter_tbtn a:hover .ico_videoscenterbtn { margin-right: 10px; color: #666666; }
.page_videoscenter_tdesc { width: 80%; margin: 0 auto; font-size: 12px; line-height: 18px; color: #999999; }
.page_videoscenter_tlinkbox { width: 80%; margin: 0 auto; padding: 120px 0px 0px 0px; }
.page_videoscenter_tlinkname { width: 100%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .36); margin-bottom: 48px; }
.page_videoscenter_tlinkmore a span { color: rgba(255, 255, 255, .36) !important; font-size: 12px !important; text-align: center; padding-right: 6px; }
.page_videoscenter_tlinknone {}
.page_videoscenter_tlink { width: 100%; overflow: hidden; }
.page_videoscenter_tlink ul { padding: 0; margin: 0; }
.page_videoscenter_tlink ul li { list-style: none; width: 33.333333%; float: left; padding: 2px 0px; }
.page_videoscenter_tlink ul li a { width: 100%; min-height: 1px; display: block; overflow: hidden; text-align: center; }
.page_videoscenter_tlink ul li a i { font-size: 12px; line-height: 48px; display: block; color: #ffffff; -webkit-transform: rotate( 270deg); -ms-transform: rotate(270deg); transform: rotate( 270deg); display: inline-block; float: left; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.ico_videolinks { opacity: 0; margin-left: 0px; }
.page_videoscenter_tlink ul li a span { font-size: 14px; line-height: 48px; color: rgba(255, 255, 255, .64); display: block; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.page_videoscenter_tlink ul li a:hover { background-color: rgba(255, 255, 255, .08); color: #ffffff; }
.page_videoscenter_tlink ul li a.active { background-color: rgba(255, 255, 255, .08); color: #ffffff; }
.page_videoscenter_tlink ul li a:hover .ico_videolinks { opacity: 1; margin-left: 16px; }
.page_videoscenter_tlink ul li a.active .ico_videolinks { opacity: 1; margin-left: 16px; }
.page_Productconcept { width: 100%; }
.page_Productconceptbox { width: 80%; margin: 0 auto; margin-top: 88px; }
.page_Productconcept_fatherbox { margin-right: -24px; display: flex; }
.page_Productconcept_sunbox { display: inline-block; vertical-align: top; width: 50%; padding-right: 24px; box-sizing: border-box; }
.page_Productconcept_btn { width: 100%; margin-bottom: 24px; }
.page_Productconcept_btn a { width: 100%; min-height: 1px; overflow: hidden; display: block; background-color: rgba(255, 255, 255, .64); box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 24px; }
.page_Productconcept_btn a:hover { box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); background-color: rgba(255, 255, 255, .88); }
.page_Productconcept_btn_desc { width: 100%; font-size: 14px; line-height: 24px; color: #333333; }
.page_Productconcept_btn_titlebox { width: 100%; }
.page_Productconcept_btn_titlebox span { display: block; }
.page_Productconcept_btn_title { font-size: 16px; line-height: 24px; color: #000000; font-weight: bold; float: left; }
.page_Productconcept_btn_more { font-size: 12px; line-height: 24px; color: #b1b1b1; float: right; }
.page_newsmain { width: 100%; min-height: 1px; overflow: hidden; padding: 48px 64px 0px 64px; }
.page_newsbg { width: 100%; height: 100%; overflow: hidden; background: url('../image/img_newsbg_list.jpg') center center; background-size: auto 100%; background-repeat: no-repeat; }
.swiper-pagination-bullet { color: #ffffff; border-radius: 0 !important; width: 4px !important; height: 4px !important; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 20px)); }
/* ------------------
首页资质
--------------------*/
.Companyintro_pdbox { width: 100%; overflow: hidden; padding: 140px 0px 64px 0px; }
.Companyintro_tbox { width: 100%; overflow: hidden; padding: 32px 0px 0px 0px; }
.Companyintro_tbox span { display: block; }
.Companyintro_tbox2 { display: none; }
.Companyintro_tbox_title { font-size: 24px; line-height: 32px; color: #ffffff; font-weight: bold; margin-bottom: 12px; }
.Companyintro_tbox_desc { font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, .48); }
.Companyintro_tmain { width: 100%; overflow: hidden; }
.Companyintro_tmain_honorlistbox { width: 24%; min-height: 1px; overflow: hidden; float: left; }
.Companyintro_tmain_honortips { width: 100%; overflow: hidden; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .24); margin-bottom: 16px; }
.Companyintro_tmain_honorlist { width: 100%; min-height: 1px; overflow: hidden; margin-top: 12px; padding: 14px 0px; }
.Companyintro_tmain_honorlist ul { padding: 0; margin: 0; }
.Companyintro_tmain_honorlist ul li { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.Companyintro_tmain_honorname { width: 100%; min-height: 1px; overflow: hidden; padding: 22px 0px 22px 0px; }
.Companyintro_tmain_honorname span { display: block; }
.Companyintro_tmain_honorname_subtitle { font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, .48); }
.Companyintro_tmain_honorname_title { font-size: 16px; line-height: 22px; color: #ffffff; font-weight: bold; }
.Companyintro_tmain_content { width: 76%; min-height: 1px; overflow: hidden; float: left; padding-top: 32px; }
.Companyintro_tmain_contentbox { padding: 0px 0px 0px 88px; }
.Companyintro_tmain_content_tbox { width: 100%; padding: 6px 0px; }
.Companyintro_tmain_content_tbox span { display: block; }
.Companyintro_tmain_contenttbox_subtitle { font-size: 18px; line-height: 24px; color: #ffffff; font-weight: bold; }
.Companyintro_tmain_contenttbox_title { font-size: 36px; line-height: 48px; color: #ffffff; font-weight: bold; }
.Companyintro_tmain_content_tcontent { width: 100%; padding: 30px 0px 12px 0px; }
.Companyintro_tmain_content_tcontentbox { width: 100%; font-size: 13px; line-height: 22px; }
.Companyintro_maincontent_boxbtn { width: 100%; }
.Companyintro_maincontent_boxbtn a { width: 100%; display: block; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .36); }
.Companyintro_maincontent_boxbtn a:hover { color: #ffffff; }
.Companyintro_tmain_content_tcontentbox span { display: block; }
.Companyintro_tmain_content_tcontenttitle { color: rgba(255, 255, 255, .88); }
.Companyintro_tmain_content_tcontentdesc { color: rgba(255, 255, 255, .48); margin-bottom: 22px; }
.Companyintro_tmain_content_tcontentdesc2 { color: rgba(255, 255, 255, .48); margin-bottom: 12px; }
.Companyintro_tmain_content_tbtn { width: 100%; min-height: 1px; padding: 18px 0px; }
.Companyintro_tmain_content_tbtn a { width: 148px; min-height: 1px; display: block; font-size: 12px; color: #ffffff; line-height: 44px; text-align: center; background-color: rgba(255, 255, 255, .08); box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.Companyintro_tmain_content_tbtn a:hover { color: #333333; background-color: rgba(255, 255, 255, .88); box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, .24); }
.caselistindustry { width: 100%; min-height: 1px; overflow: hidden; padding-top: 140px; }
.caselistindustry_navlist { width: 24%; min-height: 1px; overflow: hidden; float: left; background-color: rgba(0, 80, 157, .08); padding: 36px 0px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.caselistindustry_navlist_name { width: 100%; min-height: 1px; overflow: hidden; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, .36); padding-left: 58px; }
.caselistindustry_navlist_list { width: 100%; min-height: 1px; overflow: hidden; padding: 16px 0px; }
.caselistindustry_navlist_list ul { padding: 0; margin: 0; }
.caselistindustry_navlist_list ul li { list-style: none; }
.caselistindustry_navlist_list ul li a { width: 100%; min-height: 1px; overflow: hidden; display: block; font-size: 16px; line-height: 56px; color: #ffffff; padding-left: 56px; border-left: 3px solid rgba(255, 255, 255, .001); }
.caselistindustry_navlist_list ul li a:hover { border-left: 3px solid #ffffff; background-color: rgba(255, 255, 255, .06); }
.caselistindustry_navlist_list ul li a.active { border-left: 3px solid #ffffff; background-color: rgba(255, 255, 255, .06); }
.caselistindustry_navlist_listnone {}
.caselistindustry .dis { display: block; }
.caselistindustry .undis { display: none; }
/*  */
.swiperwrapper_parent { margin-right: -24px; display: flex; }
.swiperwrapper_slide1 { display: inline-block; vertical-align: top; width: 25%; padding-right: 24px; box-sizing: border-box; }
.swiperwrapper_slide2 { display: inline-block; vertical-align: top; width: 75%; padding-right: 24px; box-sizing: border-box; }
.swiperwrapper_slide3 { display: none; padding-top: 12px; }
.swiper { overflow: inherit !important; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { font-size: 18px; }
.swiper-slide img { display: block; width: 100%; object-fit: cover; }
.ontrialhome { width: 100%; height: auto; position: absolute; left: 0; bottom: 30%; z-index: 1; }
.ontrialhome .maincontainer { height: 100%; overflow: hidden; }
.ontrialhome .bootcontainer { height: 100%; overflow: hidden; position: relative; }
.ontrialhome .ontrial { display: inline-block; }
.ontrialhome .ontrialmain { display: inline-block; }
.ontrialhomebox {}
.ontrialhome .ontrialbox_btn { width: 120px; height: 48px; float: left; text-align: center; }
.ontrialhome .ontrial_videobtn a { color: #ffffff; }
.ontrialhome .ontrialbox { background-color: rgba(255, 255, 255, .18); }
.ontrialhome .ontrialbox_input input::input-placeholder { color: rgba(255, 255, 255, .48); font-size: 12px; }
.ontrialhome .ontrialbox_input input::-webkit-input-placeholder { color: rgba(255, 255, 255, .48); font-size: 12px; }
.ontrialhome .ontrialbox_input input::-moz-placeholder { color: rgba(255, 255, 255, .48); font-size: 12px; }
.ontrialhome .ontrialbox_input input::-moz-placeholder { color: rgba(255, 255, 255, .48); font-size: 12px; }
.ontrialhome .ontrialbox_input input::-ms-input-placeholder { color: rgba(255, 255, 255, .48); font-size: 12px; }
.ontrialhome .ontrialbox_input input {}
.ontrialhome .ontrial_videobtn a { background-color: rgba(255, 255, 255, .08); }
.solutionslist_mmain { width: 100%; min-height: 1px; overflow: hidden; margin-bottom: 6px; }
.solutionslist_mbox { width: 100%; height: 72px; background-color: #f9f9fb; position: relative; }
.solutionslist_mboxico { width: auto; min-height: 1px; overflow: hidden; position: absolute; top: 18px; left: 12px; }
.solutionslist_mboxico .img { background: url("../image/ico_solutionslist.png") no-repeat no-repeat left top; width: 16px; height:16px; background-size: 100px 64px; }
.solutionslist_mboxico .img1 { background-position: 0px 0px; }
.solutionslist_mboxico .img2 { background-position: -16px 0px; }
.solutionslist_mboxico .img3 { background-position: -32px 0px; }
.solutionslist_mboxico .img4 { background-position: -48px 0px; }
.solutionslist_mboxico .img5 { background-position: 0px -16px; }
.solutionslist_mboxico .img6 { background-position: -16px -16px; }
.solutionslist_mboxico .img7 { background-position: -32px -16px; background-size: 100px 64px; }
.solutionslist_mboxico .img8 { background-position: -48px -16px; }
.solutionslist_mboxico .img9 { background-position: -64px -16px; }
.solutionslist_mboxico .img10 { background-position: -64px 0px; }
.solutionslist_mboxico .img11 { background-position: -32px -32px; }
.solutionslist_mboxico .img12 { background-position: 0px -32px; }
.solutionslist_mboxico .img13 { background-position: -16px -32px; }
.solutionslist_mboxico .img14 { background-position: -48px -32px; }
.solutionslist_mboxmain { width: auto; padding: 20px 12px 10px 36px; }
.solutionslist_mboxmain span { display: block; }
.solutionslist_mboxmain_title { width: auto; font-size: 13px; line-height: 16px; color: #000000; margin-bottom: 6px; font-weight: bold; }
.solutionslist_mboxmain_title2 { font-weight: 100; }
.solutionslist_mboxmain_desc { font-size: 10px; line-height: 14px; color: #999999; }
.mhonorlist_mainbox { height: 100%; }
.mhonorlistbox { height: 100%; }
.innerHtml_animated { transition: opacity 0.2s linear; }
.btn_animated { opacity: 0; }
.swiper-pagination_digital, .swiper-pagination_solution {}
.videolinksnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap; width: 100%; margin: 0 auto; }
.videolinksnav>.videonavdetail { max-height: 36px; margin-bottom: 10px; overflow: hidden; }
.videolinksnav>.upanddown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; height: 36x; margin: 0 auto 0; color: #0e0e0e; background: #fff; border: 1px solid #0e0e0e; border-radius: 5px; }
.videolinksnav>.upanddown div:nth-of-type(1) { display: block; }
.videolinksnav>.upanddown div:nth-of-type(2) { display: none; }
.videolinksnav>[type="checkbox"] { position: relative; display: block; width: 120px; height: 24px; margin: -24px auto 0; z-index: 1000; opacity: 0; }
.videolinksnav>[type="checkbox"]:hover+.upanddown { background-color: #f5f5f5; }
.videolinksnav>[type="checkbox"]:checked+.upanddown div:nth-of-type(1) { display: none; }
.videolinksnav>[type="checkbox"]:checked+.upanddown div:nth-of-type(2) { display: block; }
.videolinksnav>[type="checkbox"]:checked+.upanddown+.videonavdetail { max-height: inherit; }
#honorlist{ display: none; }
.swiper-pagination{ }
#footer{ overflow: hidden; }
@media (min-width: 400px) and (max-width:767px) {
	
}