html,body{
  width:100%;
  min-width:1200px;
  margin: 0 auto;
}
.content{
  min-width:1200px;
}
.none {
  display: none;
}
/* 导航栏 */
.g-wrap .bar {
  z-index: 2;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1200px;
  min-height: 63px;
}

.g-wrap .navigationBar{
  width: 100%;
  height: 63px;  
  margin: 0px auto; 
  padding: 11px 2%;
  box-sizing: border-box;
  position: absolute;
  top: 0; 
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
}
.g-wrap .logoIcon{
  width:63px;
  height:42px;
  background:url(../imgs/index/logo.png)no-repeat;
  background-size:100% 100%;
  position: relative;
}
.menu_list{ 
  display: flex;
  width: 65%;
  height:63px; 
  cursor: pointer; 
  opacity: 1; 
  transition:opacity 0.3s linear;
  transform: translate(0px,0);
}
.menu_list .menu_item{ 
  flex: 1;
  display: inline-block; 
  height:63px; 
  text-align: center;
}
.menu_list .menu_item .txt{ 
  display: block; 
  height:63px; 
  line-height: 63px; 
  font-size: 14px;
  font-family: Source Han Sans CN; 
  color: #fff; 
  font-weight: bold; 
  opacity: 0.95; 
  -webkit-transition:color 0.3s linear; 
  position: relative; z-index: 2;
}
.menu_list .menu_item .txt:hover{  
  opacity: 1;
}

.menu_list .menu_item .txt:before{ 
  display:none; 
  content:""; 
  height: 400px; 
  width: 100%; 
  position: absolute; 
  top: 19px; 
  left: -10px; 
  background: #61B0FF; 
  opacity: 1;
}
.menu_list .menu_item:hover .txt:after{ 
  transform:scale(1,1); 
  opacity: 1;
}
.menu_list .menu_item.menu_item_lan{ 
  display:none;
}
.menu_list .menu_item .menu_hook{ 
  display:none; 
  width: 100%; 
  height: 445px; 
  position: absolute; 
  left: -36px;
  top: 0px; 
  z-index: 1;
}

/* 购买平台 */
.navigationBar .menu_list .menu_item img {
  width: 40px;
  height: 18px;
  position: absolute;
  top: 11px;
  right: -30px;
}

.en-us .menu_list .menu_item{ 
  margin-left: 60px;
}
.en-us .sub_list li a{ 
  padding:10px 0;
}

.otherOption {
  display: flex;
  z-index: 3;
}

.otherOption .menu_item { 
  position: relative; 
  z-index: 2;
}

.otherOption .menu_item:first-child {
  margin-right: 16px;
}

.otherOption .txt {
  display: block;
  width: 111px;
  height: 34px;
  font-size: 14px;
  color: #fff;
  font-family: Source Han Sans CN; 
  border-radius: 8px;
  text-align: center;
  line-height: 34px;
}

.otherOption .menu_item:first-child .txt {
  border: 1px solid #fff;
  background-color: transparent;
  box-sizing: border-box;
}

.otherOption .menu_item:last-child .txt {
  background-color: #fff;
  color: #333;
}

.otherOption .menu_item.sublist_show .o_list{ 
  -webkit-animation:a_menu_item_show 0.2s ease-out both;
}
.otherOption .menu_item.sublist_hide .o_list{ 
  -webkit-animation:a_menu_item_hide 0.15s ease-out both;
}
.otherOption .box{
  display: none;
  position: absolute; 
  width:130px; 
  left: 50%;
  top: 0px;
  margin-left: -65px;
  padding-top: 55px;
  text-align: center; 
}
.otherOption .o_list {
  z-index: 999999;
  background: #303030;
  border-radius: 8px;
}
.otherOption .app_code { 
  font-size: 13px;
  color: #fff;
  padding: 15px 0 8px;
}
.otherOption .app_code img { 
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
}
.otherOption .o_list:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #303030;
  margin-left: -6px;
}

.otherOption .o_list li a{ 
  display: block; 
  font-size: 13px; 
  color: #ccc;
  padding: 15px 0;
}
.otherOption .o_list li a:hover{ 
  color: #fff!important;
}

.secondaryBar {
  z-index: 2;
  position: fixed;
  top: 63px;
  left: 0;
  width: 100%;
  min-width: 1200px;
  height: 56px;
  background-color: #484848;
  display: none;
}

.secondaryBar .sub_list {
  width: 100%;
  min-width: 1200px;
  display: flex;
}

.sub_list {
  position: fixed;
  top: 63px;
  left: 0;
  display: none;
  width: 100vw;
  height: 56px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}


.sub_list li:not(:last-child) {
  margin-right: 90px;
}

.sub_list a {
  font-size: 13px;
  font-family: Source Han Sans CN;
  color: #eee;
}

.sub_list a:hover {
  color: #fff;
}

@keyframes a_menu_item_show {
0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}

/* banner图 */
.topBanner .bannerWord1{
  background:url("../imgs/banner/top_banner_01.jpg") no-repeat;
  background-size: cover;
  position:relative;
}
.topBanner .bannerWord2{
  background:url("../imgs/banner/top_banner_02.jpg") no-repeat;
  background-size: cover;
  position:relative;
}
.topBanner .bannerWord3{
  background:url("../imgs/banner/top_banner_03.jpg") no-repeat;
  background-size: cover;
  position:relative;
}
.topBanner .bannerWord4{
  background:url("../imgs/banner/top_banner_04.jpg") no-repeat;
  background-size: cover;
  position:relative;
}
.topBanner .bannerWord5{
  background:url("../imgs/banner/top_banner_05.jpg") no-repeat;
  background-size: cover;
  position:relative;
}
.topBanner .bannerWord6{
  background:url("../imgs/banner/top_banner_06.jpg") no-repeat;
  background-size: cover;
  position:relative;
}

/*title*/
.industryCase{
  margin-bottom: 50px;
  text-align:center;
}
.industryCase>div:nth-child(1){
  font-size:36px;
  font-family:SourceHanSansSC-Regular;
  font-weight:400;
  color: #55504C;
  letter-spacing: 2px;
  margin:44px 0  13px 0;
}
.industryCase>div:nth-child(2){
  width:91px;
  height:1px;
  background:#61B0FF;
  margin:0 auto;
}
.industryCase>div:nth-child(3){
  color:#8F8F8F;
  font-size:16px;
  font-family:SourceHanSansSC-Normal;
  font-weight:400;
  line-height:24px;
  margin-top:20px;
}

.showMe{
  display:inline-block !important;
}

/* 售后服务 */
.help{
  width: 144px;
  height: 50px;
  position: fixed;
  right: 0;
  top: 60%;
  background: #00aef3;
  border-radius: 5px;
  z-index: 122;
}
.help .line1{
  display: flex;
  height: 32px;
 margin-top: 2px;
}
.help .line1>div:nth-child(1){
  margin: 6px 0 0 13px ;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 2px 2px 2px #333;
}
.help .line1>div:nth-child(2){
  width: 32px;
  height: 32px;
  background: url("../imgs/index/help.png") no-repeat;
  
}
.help .line2{
  font-size: 10px;
  color: #E0E0E0;
  text-shadow: 2px 2px 2px #333;
  padding:  1px 0 0 13px;
}

.footer_nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  /* height: 314px; */
  margin: 0 auto;
  padding: 47px 2% 0;
  box-sizing: border-box;
  background-color: #303030;
  font-family: Source Han Sans CN;
}

.footer_nav .logo {
  width:86px;
  height:54px;
  background:url(../imgs/index/logo_white.png)no-repeat;
  background-size:100% 100%;
}

.footer_nav .nav_item h3 {
  font-size: 18px;
  margin-bottom: 35px;
  color: #fff;
}

.footer_nav .nav_item li {
  margin-bottom: 15px;
  font-size: 14px;
}

.footer_nav .nav_item a {
  margin-bottom: 18px;
  color: #999;
}

.footer_nav .nav_item a:hover {
  color: #fff;
}

.footer_nav .line {
  width: 1px;
  height: 100px;
  background-color: #999;
  margin-top: 41px;
}

.footerCompany {
  /* width: 230px; */
  font-size: 14px;
  color: #999;
}

.footerCompany .title {
  font-size: 18px;
  color: #fff;
  margin-bottom: 22px;
}

.footerCompany .address {
  display: flex;
  font-size: 14px;
  /* flex-wrap: wrap; */
}

.footerCompany .address div:first-child {
  white-space: nowrap;
}

.footerCompany>div {
  margin-bottom: 17px;
}


.footer_code {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 3px;
}


.footer_code .block {
  /* margin-right: 10%; */
  width: 20px;
}

.footer_code img {
  width: 106px;
  height: 106px;
  margin-top: 24px;
}

.footer_nav .filings {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background-color: #353535;
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #999;
  text-align: center;
  line-height: 34px;
}

.footer_nav .filings a {
  color: #999;
}

#banner .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  background-color: #999;
  border-radius: 3px;
}

#banner .swiper-pagination-bullet-active {
  width: 136px;
  height: 6px;
  background-color: #FF8D0A;
}

.backTop {
  position: fixed;
  right: 50px;
  bottom: 420px;
  width: 42px;
  height: 64px;
  z-index: 999;
  display: none;
}

#pagination-list {
  display: flex;
  justify-content: center;
}

.topBanner .swiper-container {
  width: 100vw;
  min-width: 1200px;
  height: calc(100vw / 3.2);
  min-height: calc(1200px / 3.2);
  overflow: hidden;
}

.topBanner .banner-container {
  width: 100vw;
  min-width: 1200px;
  height: calc(100vw / 3.2);
  min-height: calc(1200px / 3.2);
  margin: 0 auto;
  background: #08172b;
}

.caseTitle{
  width: 100vw;
  min-width: 1200px;
  height:130px;
  padding: 0 10.3%;
  box-sizing: border-box;
  background-color: #FFA43B;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-family: Source Han Sans CN;
  color: #fff;
}

.caseTitle>div{
  height: 100%;
  flex: 1;
  height: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.caseTitle .active {
  position: relative;
  background-color: #fff;
  color: #FFA43B;
}

.caseTitle .active:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  margin-left: -15px;
}

.caseTitle img {
  margin-bottom: 16px;
}

.pagination-list {
  width: 100%;
}