.banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--mayi-primary-color);
  height: 400px;
}
.search {
  width: 460px;
  background: #fff;
  display: flex;
  align-items: center;
  padding-left: 10px;
  justify-content: space-between;
}
.search i {
  width: 30px;
}
.banner input[type=text] {
  background: #fff;
  height: 36px;
  flex: 1;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}
.search input[type=submit] {
  border-left: 1px solid #333;
  height: 36px;
  width: 56px;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.search-option b {
  display: block;
  margin: 20px 0 10px 0;
  color: #ddd;
  font-weight: normal;
}
.search-option a {
  color: #fff;
  text-decoration: underline;
  margin-right: 10px;
  display: inline-block;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main{font-size:14px;}
a{ color:#333; text-decoration:none;}
a:focus{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #089af3;}
.btn-big{padding: 5px 32px; display: inline-block;}
.btn-white{border: 1px solid #fff; color: #fff;}
.w{ width: 1280px; margin: 0 auto; max-width: 100%;}

.floor{padding: 30px 0 60px 0;}
.floor h2{font-size: 28px; margin-bottom: 10px;}
.bg-gray{background:#f4f4f4;}

.bg-img-txt{position: relative; margin-top: 10px;}
.bg-img{width: 100%; height: 100%; overflow: hidden;}
.bg-img img{height: 300px; width: 100%;}
.bg-img::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.bg-txt{position: absolute; width: 100%; height: 75%; bottom: 0; color: #fff; padding: 20px; transition: all 0.5s;}
.bg-txt .more{margin-top: 20px; border: 1px solid #fff; color: #fff; padding: 8px 34px; display: inline-block;}
.bg-img-txt:hover .bg-txt{height: 90%;}
.bg-txt h3{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bg-txt p{margin: 10px 0 20px 0;}
.bg-img-txt:hover .bg-img:before{background:rgba(0,0,0,.8)}
.bg-img-txt:hover .btn-white{background: #fff; color: #333;}

.col-3{width: 32%; margin-right: 2%;}
.col-3:nth-child(3n){margin-right: 0;}
.row-col{display: flex;}
.circle-list li{position: relative; line-height: 30px; padding-left: 10px; display: flex; justify-content: space-between;}
.circle-list li span{color: #999; width: 60px; text-align: right;}
.circle-list li:before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; background: #007BFC; display: block;}
.circle-list li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.wp-tag-cloud{display: flex; flex-flow: row wrap;}
.wp-tag-cloud li{margin-bottom: 10px; width: 32%; text-align: center; margin-right: 2%;}
.wp-tag-cloud li:nth-child(3n){margin-right: 0;}
.wp-tag-cloud li:nth-child(9n){background-color: #4A4A4A;}
.wp-tag-cloud li:nth-child(9n+1){background-color: #428BCA;}
.wp-tag-cloud li:nth-child(9n+2){background-color: #5CB85C;}
.wp-tag-cloud li:nth-child(9n+3){background-color: #D9534F;}
.wp-tag-cloud li:nth-child(9n+4){background-color: #567E95;}
.wp-tag-cloud li:nth-child(9n+5){background-color: #B433FF;}
.wp-tag-cloud li:nth-child(9n+6){background-color: #00ABA9;}
.wp-tag-cloud li:nth-child(9n+7){background-color: #B37333;}
.wp-tag-cloud li:nth-child(9n+8){background-color: #FF6600;}
.wp-tag-cloud li a{color: #fff;font-size: 14px!important;background-color: unset!important;}

.main-position{padding: 40px 0 80px 0; }

.product-all{margin-top: 40px; display: flex; }
.product-nav{width: 320px; position: relative; flex-shrink: 0; min-height: 100px;}
.product-nav-box{background: #EDEDED; width: 320px; /*max-height: 100vh;*/}
.product-nav-item{padding: 8px 0; width: 320px;}

.product-nav-item li span{margin-right: 15px; font-size: 24px; vertical-align: middle;}
.product-nav-item li{position: relative; height: 56px; cursor: pointer; line-height: 56px; padding-left: 24px; font-size: 16px;  }
.product-nav-item li.current::before{content:"";position:absolute;left:0;top:16px;width:2px;height:24px;background-color:#005B9E;}
.product-nav-item li.current{background: #fff;color: #005B9E;}
product-content{width: 100%;}
.product-floor{margin-left: 20px;}
.product-floor h3{
    font-size: 18px;
    color: var(--mayi-primary-color);
    padding: 10px 10px;
    background: #ededed;
    border-top: 2px solid var(--mayi-primary-color);
    font-weight: bold;
}

.product-content-tab{display: flex; margin: 15px 0 15px 0;}
.product-content-tab b{color: #999; font-weight: normal;}
.product-content-tab a{color: #007AFF; margin-right: 10px;}
.product-content-tab li{padding: 0 12px;margin-right: 12px; line-height: 36px; border-radius: 3px; cursor: pointer; }
.product-content-con li{display: flex;}
.product-content-item{width: 49%; margin-right: 2%; margin-bottom: 10px; border-radius: 2px; transition: all 0.3s ease-out; position: relative;display: block;padding: 20px; border: 1px solid #d7d7d7;}
.product-content-item h4{font-size: 16px; font-weight: normal;color: #333; margin-bottom: 10px; font-weight: bold;}
.product-content-item p{font-size: 14px; color: #999;}

.product-content-con-box {display: flex; flex-flow: row wrap;}
.product-content-con .product-content-item:nth-child(2n){margin-right: 0;}

.product-content-con li .img{position: relative; width: 100%; height: 100%; overflow: hidden;}
.product-content-con li .img img{width: 100%;}
.product-content-con li .img::before {content:'';position:absolute;width:100%;height:100%;background:rgba(233,233,233,.85); }

.more-product{margin: 10px 0 20px 0;}
.more-product a{padding: 0 12px; line-height: 36px; background: #007AFF; color: #fff; display: inline-block;}

.bread-nav{padding: 10px 0; margin-top: 60px;}

.article-con{display: flex; justify-content: space-between; flex-flow: row; padding-bottom: 60px;}
.article-left{width: 860px; padding-bottom: 100px;}
.article-ad{margin-bottom: 10px;}
.artilce-right{width: 280px;}
.article-con h1{font-size: 38px;}
.aritilce-info{display: flex; justify-content: space-between; margin: 10px 0 30px 0; color: #999; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.article-time span{ margin-right: 15px;}
.article-time i{margin-right: 5px;}
.article-tag a{color: #089AF3; margin-right: 5px;}

.article-content *{margin-bottom: 15px;}
.article-content p{font-size: 15px;}
.article-content h3{font-size: 18px;}
.article-content img{max-width: 100%;}
.article-end{height: 30px; line-height: 30px;}
.article-end-line{position: relative; height: 15px; border-bottom: 1px solid #E6E6E6;}
.article-end-line span{color: #999; font-size: 12px; background: #fff; padding: 0 10px; width: 82px; box-sizing: border-box;left: 50%;margin-left: -41px; text-align: center; position: absolute;}

.pre-next{display: flex; justify-content: space-between; flex-flow: row;}
.pre-next li{width: 49%;}

.side-box-line{border: 1px solid #E6E6E6;}
.side-box-line h4{font-size: 16px;font-weight: 600;padding: 10px 0;border-bottom: 1px solid #f2f2f2; position: relative; padding-left: 20px;}
.side-box-line h4:before{content: ""; position: absolute; top: 35%; left: 0; display: block; height: 30%; width: 2px; background: #0000FF;}
.side-list-txt{padding: 10px 20px;}
.side-list-txt li{border-bottom: 1px dashed #F4F4F4; padding-bottom: 10px; margin-bottom: 10px;}
.side-list-time{color: #999;}

.footer{background: #000000; padding: 20px 0;}
.copy-right,.copy-right a{color: #999;}

@media screen and (min-width:961px){
.menu,.close{display: none;} /*隐藏元素*/
.head-nav{height: auto !important;}	
.dropdown{ position: absolute;width: 156px; left: 50%; margin-left: -72px; top: 100%;  z-index: -300; opacity: 0; transition: all .1s ease 0s; pointer-events: none; display: block !important;margin-left: -280px;width: 555px; background: transparent; }
.dropdown::after{ content: ""; position: absolute; top: -4px; right: 50%; margin-right: -7.5px;  border: 15px solid transparent; border-bottom-color: #fff;}
.bread-nav{margin-top: 10px;}   
.floor{padding: 30px 0 30px 0;}
}
@media screen and (max-width:1200px){
.w{ padding: 0 3%;}
.article-left{width:600px;}

.product-content-tab{flex-flow: row wrap;}
}
/*mobile*/
@media screen and (max-width:960px){
.nav,.btn,.tip,.nav-sub-item img,.nav-sub-item p,.top-user-info-2{ display: none;} /*隐藏的元素*/
.top-header{ position: fixed !important; padding: 12px 0; }
.logo img{ width: auto; height: 26px;}
.menu{display: block !important;}
.head-nav{min-width: 100% !important;height: auto !important;position: relative;}
.nav{z-index: 99; position: absolute!important; left: 10px; right: 10px; top: 100%; background: #fff; padding: 15px; margin: 15px 0 0 0; width: auto; border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}    
  .nav .nav::after{ content: ""; position: absolute; top: -25px; right: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
  .nav li > a{ font-size: 16px; line-height: 40px; display: block;}
  .head .btn::after{ content: ""; position: absolute; top: -25px; left: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
  .head .btn > span{ display: none;}
  .head .btn a{ display: block; font-size: 16px; line-height: 40px;}
  .head .close{ position: fixed;  left: 0; top: 54px; right: 0; bottom: 0; display: none;}
  /* .head .nav{ display: block;} */
  .nav li{ position: relative;}
  .dropdown{ border-top: 1px solid #ddd; padding: 10px 0; display: none;}
  .dropdown a{ display: block; padding:9px 0 9px 15px;}    
  .nav-sub-item-txt{line-height: 1;}
  .nav-sub-item-txt h3{font-size: 14px;}  
  .nav li b{position: absolute;width: 100%;height: 40px;left: 0;top: 0;z-index: 9;}
  .row-col{flex-direction: column;}
.col-3{width: 100%; margin-bottom: 15px;}
.product-nav{display: none;}
.product-floor{margin-left: 0;}
.pre-next{flex-flow: column;}
.pre-next li{width: 100%;}
.aritilce-info{flex-flow: column;}
.article-left{width: 100%;}
.article-con{flex-flow: column;}
.article-left{padding-bottom: 30px;}
.artilce-right{width: 100%;}
.side-list-time{display: none;}
.help-menu-box{display: none;}
.help-con{padding:0; margin-top: 60px;}
.main-side{display: none;}
.main-con{margin-left: 0;}
.cell-2 li{width: 100%;}

.doc-tab{flex-flow: row wrap;}
.doc-tab li{margin-right: 0; width: 24.8%; margin-right: 1px; margin-bottom: 1px; text-align: center;}
.help-article-item{width: 48%;padding: 10px;}
.help-article-item:nth-child(3n){margin-right: 2%;}
.double-btn a{display: block; padding: 0; padding-bottom: 10px;}
.list-four .li-item{width: 48%; padding: 10px;}
.list-flex{flex-flow: row wrap;}
.list-four .li-item span.fa{font-size: 60px;}
.list-four .li-item .img{width:120px;height:60px;margin:auto}

.world .relative{position: relative; margin-top: 0;}
.map-tag{display: none;}
.number{flex-flow: row wrap; top: 20%;}
.number-item{width: 48%;}
.map{background-size: contain;}
.tp-two{flex-flow: column;}
.tp-two-l{width: 100%;}
.tp-two-r{width: 100%;}
.tp-img img{width: 100%; height: auto;}
@-webkit-keyframes ani-circle-a{
  0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0)}
  10%{opacity:.5;filter:alpha(opacity=50)}
  100%{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0;filter:alpha(opacity=0)}
}
}

@media screen and (min-width: 768px) and (max-width: 959px){

}

@media screen and (max-width:767px){
.search{width: 100%;}
.banner{height: 300px; top: 20px;}	
}

@media screen and (max-width:640px){
.tp-nav .tp-nav-item-value {width: 31%;}
.tp-nav .tp-nav-item-value:nth-child(3n){margin-right: 0;}
.tp-nav .tp-nav-item-value:nth-child(4n){margin-right: 2%;}
.map {height: 540px;}
.article-sumbit{flex-flow: column;}
.article-sumbit input[type=text]{margin: 10px 0 15px 0; padding: 10px;}
.article-sumbit input[type=submit]{width: 150px}
}

@media screen and (max-width:480px){
.product-content-item{width: 100%;}
.bg-img-txt p{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.bg-txt{height: 90%;}
.page-list li{width: 100%;}
.cell-2 li span{display: none;}
.sumbit-item {flex-flow: column;}
.sumbit-item input[type=text]{width: 100% !important;}width: 100% !important;
.sumbit-item label{margin-bottom: 10px;}
.sumbit-item textarea{width: 100% !important;}
.sumbit-btn{padding: 0;}
.sumbit-btn input[type=submit]{width: 100% !important;}
/*.think a{ white-space: nowrap;overflow: hidden; text-overflow: ellipsis; width: 90%;}*/
.doc-tab li{margin-right: 0; width: 49%; margin-right: 1px; margin-bottom: 1px; text-align: center;}
.help-article-item{width: 100%;}
.help-article-item p{display: none;}
.list-four .li-item {width: 100%;}
.number-value {font-size: 24px;}
.number-name p{display: none;}
.map{height: 300px;}
.number-img img{height: 15px;}
.bottom-sumbit{flex-flow: column; align-items: flex-start;}
.bottom-sumbit input[type=text]{width: 100%; margin-bottom: 10px;}
.bottom-sumbit input{width: 100%; margin-left: 0;}
.ad{height: auto;}
.page-txt{width: 100%;}
.page-img{display: none;}
.page-speak a{display: block;}
.tag-list-item li{width: 48%;}
.tag-list-item li:nth-child(5n){margin-right: auto;}
.page-num li:first-child,.page-num li:last-child{display: none;}	
.article-time span{display: block;}
.tp-nav .tp-nav-item-value {width: 48%;}
.tp-nav .tp-nav-item-value:nth-child(3n){margin-right: 2%;}
.tp-nav .tp-nav-item-value:nth-child(4n){margin-right: 2%;}
.tp-img-list{height: 200px;}
}