/* ------------------
头部 
--------------------*/

/* .banerhome {
    width: 100%;
    background-color: #001c47;
    background: url('/newsite/images/banner_home.jpg') center center #001c47;
    background-size: auto 100%;
    background-repeat: no-repeat;
} */

/* ------------------
  公共样式 
--------------------*/

/* 弹出层 默认关闭  */
.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: 1520px;
    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: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;
}

.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('/newsite/images/img_appscenebg_1.jpg') center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: relative;
}

.page_elemtheme_digitals {
    width: 100%;
    background: url('/newsite/images/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, .48);
}
#digitalslist .page_elemtheme_sceneslogan2 {
    width: auto;
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: rgba(255, 255, 255, .48);
}

.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(/newsite/images/img_ad_1@1.jpg) 1x, url(/newsite/images/img_ad_1@2.jpg) 2x);
    background-image: image-set( url(/newsite/images/img_ad_1@1.jpg) 1x, url(/newsite/images/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(/newsite/images/img_ad_2@1.jpg) 1x, url(/newsite/images/img_ad_2@2.jpg) 2x);
    background-image: image-set( url(/newsite/images/img_ad_2@1.jpg) 1x, url(/newsite/images/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(/newsite/images/img_ad_3@1.jpg) 1x, url(/newsite/images/img_ad_3@2.jpg) 2x);
    background-image: image-set( url(/newsite/images/img_ad_3@1.jpg) 1x, url(/newsite/images/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(/newsite/images/img_ad_4@1.jpg) 1x, url(/newsite/images/img_ad_4@2.jpg) 2x);
    background-image: image-set( url(/newsite/images/img_ad_4@1.jpg) 1x, url(/newsite/images/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(/newsite/images/img_ad_5@1.jpg) 1x, url(/newsite/images/img_ad_5@2.jpg) 2x);
    background-image: image-set( url(/newsite/images/img_ad_5@1.jpg) 1x, url(/newsite/images/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: contain;
}

.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: #22457f;
    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('/newsite/images/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{
    /* height:320px; */
    width:100%
}
/* .page_videoscenter_tbtn a {
    width: 120px;
    min-height: 1px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    color: #666666;
    line-height: 44px;
    text-align: center;
    background-color: rgba(255, 255, 255, .18);
    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_videoscenter_tbtn a span {
    display: block;
    float: left;
    margin-left: 24px;
} */

.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;
    /* float: right; */
    -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_ontrial {
    border-bottom: 4px solid #1b3f85;
    padding: 96px 0px 48px 0px;
}

.page_ontrialtbox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    text-align: center;
}

.page_ontrialtbox h2 {
    font-size: 36px;
    line-height: 48px;
    color: #1b3f85;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px;
}

.page_ontrialtbox span {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #666666;
}

.page_ontrialform {
    padding: 48px 0px 42px 0px;
}

.page_footnav {}

.page_footnavbox {
    padding: 90px 0px 0px 0px;
}

.page_footnavmain {}

.page_footnavmain_tbox {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 24px;
}

.page_footnavmain_tbox2 {
    font-size: 12px;
    color: #666666;
}

.page_footnavmain_tlist {}

.page_footnavmain_tlist ul {
    padding: 0;
    margin: 0;
}

.page_footnavmain_tlist ul li {
    list-style: none;
}

.page_footnavmain_tlist ul li a {
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 26px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page_footnavmain_tlist ul li a:hover {
    color: #000000;
}

.page_footnavmain_tlist2 {}

.page_footnavmain_tlist2 ul {
    padding: 0;
    margin: 0;
}

.page_footnavmain_tlist2 ul li {
    list-style: none;
}

.page_footnavmain_tlist2 ul li a {
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    padding: 8px 0px;
}

.page_footnavmain_tlist2 ul li a:hover {
    color: #000000;
}

.footnav_contactus {
    width: 100%;
    min-height: 1px;
    display: block;
    overflow: hidden;
}

.footnav_contactusbox {
    width: 100%;
    min-height: 1px;
    display: block;
    overflow: hidden;
    margin-bottom: 12px;
}

.footnav_contactusbox span {
    display: block;
}

.footnav_contactusbox_name {
    font-size: 12px;
    line-height: 26px;
    color: #a3a3a3;
}

.footnav_contactusbox_info {
    width: 100%;
    min-height: 1px;
    display: block;
    overflow: hidden;
}

.footnav_contactusbox_info a {
    width: 100%;
    min-height: 1px;
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    font-weight: bold;
}

.footnav_contactusbox_info a:hover {
    color: #000000;
}

.footnav_contactusbtn {
    width: 100%;
    min-height: 1px;
    display: block;
    overflow: hidden;
    margin-top: 18px;
}

.footnav_contactusbtn a {
    width: 80%;
    min-height: 1px;
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 44px;
    color: #666666;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.footnav_contactusbtn a:hover {
    background-color: #1b3f85;
    color: #ffffff;
} */

.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%;
    /* height: 32px; */
}

.page_Productconcept_btn_titlebox span {
    display: block;
    /* float: left; */
}

.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('/newsite/images/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;
    /* background: none !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);
    /* padding-left: 32px; */
    margin-bottom: 16px;
}

.Companyintro_tmain_honorlist {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    /* background-color: rgba(255, 255, 255, .08); */
    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 32px 22px 32px; */
    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;
    /* overflow: hidden; */
    padding: 18px 0px;
}

.Companyintro_tmain_content_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;
}

.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 {
    /* text-align: center; */
    font-size: 18px;
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ontrialhome {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 30%;
    z-index: 1;
    /* position: absolute;
    left: 12%;
    top: 72%;
    height: 50px;
    width: 480px; */
}

.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 {
    /* position: absolute;
    top: 56%; */
}

.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 {
    /* color: #333333; */
}

.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("/newsite/images/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 {
    /* display:none !important; */
}

/* 视频菜单展开 */


/* .title-block {
    height: 26px;
    text-align: center;
} */

.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{
    text-align:left!important;
    left: 10px!important;
}

#footer{
    overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: rgba(255, 255, 255, .36);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 64px !important;
    height: 64px !important;
    z-index: 99999;
    box-shadow: rgb(2 80 158 / 10%) 0px 0px 64px;
    opacity: .32;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
    box-shadow: rgb(2 80 158 / 48%) 0px 0px 96px;
    background-color: rgba(255, 255, 255, .64);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0px !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0px !important;
}

.my-button-disabled {
    display: none;
}

#swiperSol {
    width: 100%;
}

.swiperSolBtns {
    width: 100%;
}

.swiperSolBtns .swiper-wrapper {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.swiperSolBtns .swiper-slide {
    width: 14.28% !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.swiperSolBtns .swiper-slide a {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, .48);
    transition: all .3s linear;
}

.swiperSolBtns .swiper-slide::before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.12);
}

.swiperSolBtns .swiper-slide::after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: transparent;
}

/* .swiperSolBtns .swiper-wrapper .swiper-slide-thumb-active{
    color: #fff;
} */
.swiperSolBtns .swiper-wrapper .swiper-slide:hover a{
    color: #fff;
    font-size: 14px;
}

.swiperSolBtns .swiper-slide:last-child {
    width: 28.56% !important;
}



.swiperSolBtns .swiper-slide:nth-child(7):after,
.swiperSolBtns .swiper-slide:last-child::after {
    background-color: rgba(255, 255, 255, 0.12);
}


@media (min-width: 400px) and (max-width:767px) {

}