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

/* .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: 1350px;
  overflow: hidden;
  position: relative;
  padding: 0px 20px 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: 54px;
  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;
  margin: 10px;
}
.bnerbghome_title i {
  font-style: normal;
}

.bnerbghome_titleen {
  /* font-size: 32px; */
  line-height: 16px;
  color: rgba(255, 255, 255, 0.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, 0.64);
}

.bnerbghome_btn {
  display: block;
  margin-top: 24px;
}

.bnerbghome_btn a {
  width: 200px;
  min-height: 1px;
  overflow: hidden;
  display: block;
  /* float: left; */
  font-size: 13px;
  line-height: 40px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.64);
  background-color: rgba(255, 255, 255, 0.2);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0px 24px;
}

.bnerbghome_btn a:hover {
  color: #333333;
  background-color: #ffffff;
}

.appsceneHome {
}
.appsceneHome1 {
  background-color: #f1f1f1;
}

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

.pagepublictbox1 {
  background-color: #f1f1f1 !important;
}

.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 {
}

.page_elemheightH1 {
  height: 580px;
}

.page_elemheightH2 {
  height: 288px;
}

.page_elemheightH3 {
  height: 284px;
}

.page_elemheightH3 .page_elemBox {
  top: 80px;
}

.page_productlistbox {
  width: 60%;
  top: 20px !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, 0.08);
  -moz-box-shadow: 0px 0px 48px rgba(15, 67, 131, 0.08);
  -webkit-box-shadow: 0px 0px 48px rgba(15, 67, 131, 0.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: opacity2 1s ease-in-out;
  -webkit-animation: opacity2 1s ease-in-out;
  -moz-animation: opacity2 1s ease-in-out;
}

@keyframes opacity2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.page_elemS1 a:hover > .page_appsceneS1_img_hover {
  transform: scale(2.5);
  transition: 1s;
  z-index: 999;
  bottom: 75px;
}

.page_elemS1 a:hover > .page_appsceneS1_img .current {
  /* left: -999px; */
  /* transform: scale(1.5);
  transition: 0.3s; */
}

.page_elemS1 a:hover > .page_appsceneS1_img .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;
}

@keyframes opacityimg2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.page_elemS1 a:hover .page_appsceneS1_img2 .current {
  float: left !important;
  left: -999px;
}
.page_elemS1 a:hover .page_appsceneS1_img2 .hover {
  display: block;
}

.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_appsceneS1_img {
  position: absolute;
  bottom: 0;
  overflow: initial;
  filter: drop-shadow(48px 0px 120px rgba(48, 70, 93, 0.08));
  -moz-filter: drop-shadow(48px 0px 120px rgba(48, 70, 93, 0.08));
  -webkit-filter: drop-shadow(48px 0px 120px rgba(48, 70, 93, 0.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, 0.08));
  -moz-filter: drop-shadow(48px 0px 120px rgba(48, 70, 93, 0.08));
  -webkit-filter: drop-shadow(48px 0px 120px rgba(48, 70, 93, 0.08));
}

.page_appsceneS1_img2 img {
  height: 100%;
  float: right !important;
}

.page_elemS2 {
  width: 100%;
  text-align: center;
}

.page_elemtheme_scene {
  width: 100%;
  background: #5193d9;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 10px;
  height: 100% !important;
}

.page_elemtheme_digitals {
  width: 100%;
  background: #5193d9;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 10px;
}

.page_elemtheme_scenebox {
  padding: 24px 48px 24px 48px;
}

.page_elemtheme_sceneslogan {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.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, 0.36);
}
#digitalslist .page_elemtheme_sceneslogan2 {
  width: auto;
  float: right;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.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, 0.32);
}

.page_elemADmainbox_tbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ADbg_2 .page_elemADmainbox_tbox {
  text-align: center;
}

.ADbg_2 .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, 0.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, 0.08);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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, 0.88);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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/download-back.png) 1x, url(/newsite/images/download-back.png) 2x);
  background-image: image-set(url(/newsite/images/download-back.png) 1x, url(/newsite/images/download-back.png) 2x);
  background-color: #18b4ec;
  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;
  object-fit: cover;
  height: 48px;
}

.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: 250px;
}

.numberweavermainbox {
  padding: 12px;
  background-color: #ffffff;
}

.numberweavertitle {
  width: 100%;
  height: 120px;
  position: relative;
}

.numberweavertitle .page_elemBox {
  text-align: center;
}

.numberweavertitle .page_elemBox .contype {
  padding: 12px 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, 0.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, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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, 0.36);
  margin-bottom: 48px;
}

.page_videoscenter_tlinkmore a span {
  color: rgba(255, 255, 255, 0.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, 0.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, 0.08);
  color: #ffffff;
}

.page_videoscenter_tlink ul li a.active {
  background-color: rgba(255, 255, 255, 0.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 #ccc;
  padding: 0;
}

.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, 0.64);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  background-color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.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, 0.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, 0.36);
}

.Companyintro_maincontent_boxbtn a:hover {
  color: #ffffff;
}

.Companyintro_tmain_content_tcontentbox span {
  display: block;
}

.Companyintro_tmain_content_tcontenttitle {
  color: rgba(255, 255, 255, 0.88);
}

.Companyintro_tmain_content_tcontentdesc {
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 22px;
}

.Companyintro_tmain_content_tcontentdesc2 {
  color: rgba(255, 255, 255, 0.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, 0.08);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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, 0.88);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.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, 0.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, 0.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, 0.001);
}

.caselistindustry_navlist_list ul li a:hover {
  border-left: 3px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.06);
}

.caselistindustry_navlist_list ul li a.active {
  border-left: 3px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.06);
}

.caselistindustry_navlist_listnone {
}

.caselistindustry .dis {
  display: block;
}

.caselistindustry .undis {
  display: none;
}

/*  */

.swiperwrapper_parent {
  /* margin-right: -24px; */
  display: flex;
  height: 100%;
}

.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, 0.18);
}

.ontrialhome .ontrialbox_input input::input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.ontrialhome .ontrialbox_input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.ontrialhome .ontrialbox_input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.ontrialhome .ontrialbox_input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.ontrialhome .ontrialbox_input input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.ontrialhome .ontrialbox_input input {
  /* color: #333333; */
}

.ontrialhome .ontrial_videobtn a {
  background-color: rgba(255, 255, 255, 0.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 {
  width: 16px;
  height: 16px;
}

.solutionslist_mboxico .img1 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: 0px 0px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img2 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -16px 0px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img3 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -32px 0px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img4 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -48px 0px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img5 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: 0px -15px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img6 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -16px -15px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img7 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -32px -15px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img8 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -48px -15px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img9 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -64px -15px;
  background-size: 100px 64px;
}
.solutionslist_mboxico .img10 {
  background: url("/newsite/images/ico_solutionslist.png") no-repeat no-repeat left top;
  background-position: -64px 0px;
  background-size: 100px 64px;
}

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

/* 注册 */
.ontrialmain {
  width: auto;
  min-height: 1px;
}

.ontrialbox {
  width: auto;
  min-height: 1px;
  overflow: hidden;
  float: left;
  background-color: #f5f5f5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ontrialbox:hover {
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  background-color: #ffffff;
}

.ontrialbox_input {
  width: 200px;
  height: 48px;
  float: left;
}

.ontrialbox_input input {
  background: none;
  border: none;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #000000;
  padding: 0px 16px;
  text-decoration: none;
  /* margin: 4px 0px; */
}

.ontrialbox_input input::input-placeholder {
  color: #888888;
  font-size: 12px;
}

.ontrialbox_input input::-webkit-input-placeholder {
  color: #888888;
  font-size: 12px;
}

.ontrialbox_input input::-moz-placeholder {
  color: #888888;
  font-size: 12px;
}

.ontrialbox_input input::-moz-placeholder {
  color: #888888;
  font-size: 12px;
}

.ontrialbox_input input::-ms-input-placeholder {
  color: #888888;
  font-size: 12px;
}

.ontrialbox_btn {
  width: 120px;
  height: 48px;
  float: left;
}

.ontrialbox_btn a {
  width: 120px;
  height: 48px;
  display: block;
  font-size: 14px;
  line-height: 48px;
  color: #ffffff !important;
  background-color: #1b3f85;
  /* 浏览器不支持时显示 */
  background-image: linear-gradient(to right, #215ba2, #328443) !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.ontrialbox_btn a:hover {
  background-color: #1b3f85 !important;
  text-decoration: none !important;
}

.ontrial_videobtn {
  width: auto;
  min-height: 1px;
  margin-left: 8px;
  float: left;
}

.ontrial_videobtn a {
  width: auto;
  min-height: 1px;
  display: block;
  padding: 0px 32px;
  line-height: 48px;
  font-size: 14px;
  color: #666666;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.08);
}

.ontrial_videobtn a:hover {
  box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
  -webkit-box-shadow: 0px 0px 48px rgba(0, 80, 157, 0.24);
}

#honorlist {
  display: none;
}
.swiper-pagination {
  text-align: left !important;
  left: 50% !important;
  transform: translateX(-50%);
}

#footer {
  overflow: hidden;
  width: 100%;
}

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