.swiper-container {margin-top: 2px;width: 100%;}
#banner-swiper-container {display: block;}
.banner .swiper-slide a {display: block;width: 100%;}
.banner .swiper-slide img {width: 100%;vertical-align: top;padding: 0;margin: 0;display: block;border: 0;}
.swiper-container .swiper-pagination-bullet {width: 15px;height: 15px;}
.swiper-container .swiper-pagination-bullet {margin: 0 6px !important;background: #b1b1b1 !important;width: 15px !important;height: 15px !important;opacity: .7 !important;}
.swiper-container .swiper-pagination-bullet-active {background: #d92437 !important;}
.item-container {width: 100%;overflow: hidden;position: relative;}
.about-me-bg {padding: 88px 0 88px;background: url(404.png) no-repeat;background-size: contain;display: block;}
.about-me, .partner, .story, .news, .culture {max-width: 1188px;margin: 0 auto;}
.about-me .item-title, .partner .item-title, .story .item-title, .news .item-title, .culture .item-title {font-size: 28px;font-weight: bold;}
.about-me .item-title .en, .partner .item-title .en, .story .item-title .en, .news .item-title .en, .culture .item-title .en {font-size: 22px;font-weight: 300;}
.about-me .content, .partner .content {padding: 15px 0 88px 0;overflow: hidden;}
.about-me .content .desc {width: 100%;float: left;font-size: 16px;line-height: 28px;text-align: justify;}
.about-me .content .shizhi {width: 29%;float: right;}
.about-me .content .shizhi .block {position: relative;width: 165px;height: 100px;float: right;border: 1px solid #e0303d;}
.about-me .content .shizhi .block .share {position: absolute;top: -8px;left: -12px;width: 168px;height: 100px;color: #fff;background: #d32c25;}
.about-me .content .shizhi .block .share .name {color: #fff;padding: 10px 10px;}
.about-me .content .shizhi .block .share .logo {width: 40%;float: left;}
.about-me .content .shizhi .block .share .logo img {width: 60px;padding-left: 5px;}
.about-me .content .shizhi .block .share .p1 {font-size: 36px;position: absolute;right: 10px;bottom: 15px;display: block;}
.about-me .content .shizhi .block .share .p2 {font-size: 12px;position: absolute;bottom: 5px;right: 8px;display: block;}
.about-me .fun-menu {display: flex;}
.about-me .fun-menu:hover #index_maintitle{ color:#fff!important;}

.about-me .fun-menu .item {flex: 1;margin-right: 5px;position: relative;}
.about-me .item:nth-of-type(1) h2{color: #b2b2b2;width: 80px;border: 2px solid;padding: 10px 7px 15px 15px;left: 96px;top: 59px;border-radius:5px;}
.about-me .fun-menu .item img {width: 100%;min-width: 218px;height:100%;}
.about-me .fun-menu .item .bg {position: absolute;top: 0;right: 2px;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);padding-top: 65px;z-index: 2;}
.about-me .fun-menu .item:last-child {margin-right: 0;}
.about-me .fun-menu .item h3 {position: absolute;top: 20px;display: inline-block;width: 100%;text-align: center;margin: 0;padding: 25px 0;font-size: 28px;font-weight: 300 !important;text-align: center;color: #fff;z-index: 1;left: 0;}
.about-me .fun-menu .item h2 {position: absolute;top: 54px;display: inline-block;text-align: center;margin: 0;font-size: 28px;font-weight: 300 !important;z-index: 1;}
.about-me .fun-menu .item .jiahao {position: absolute;background:url(404.png) no-repeat;width: 22px;height: 22px;left: 50%;bottom: 30px;display: block;margin-left: -11px;}
.about-me .fun-menu .list ul {margin: 0 !important;padding: 0 !important;position: absolute;width: 100%;text-align: center;top: 100px;}
.about-me .fun-menu .list ul li {padding: 8px 0;}
.about-me .fun-menu .list ul li a {display: block;text-align: center;color: #fff;font-size: 18px;}
.about-me .fun-menu .list ul li a span {position: relative;text-decoration: none;}
.about-me .fun-menu .list ul li a span:before {content: "";position: absolute;left: 50%;bottom: -2px;width: 0;height: 2px;background: #FFF;transition: all .3s;}
.about-me .fun-menu .list ul li a span:hover:before {width: 100%;left: 0;right: 0;}

@media (max-width: 767px) {

.about-me .fun-menu .list ul li a span {border-bottom: 1px #fff solid;}
.about-me .fun-menu .list ul { top: 125px;}
.about-me { margin: 0 15px;position: relative;}
.about-me .content .desc {width: 100%;}
.about-me .content .shizhi {margin: 15px 10px;position: absolute;top: -7px;right: -5px;width: auto;}
.about-me .content .shizhi .block {height: 78px;width: 162px;}
.about-me .content .shizhi .block .share {top: -8px;left: -15px;width: 167px;height: 75px;}
.about-me .content .shizhi .block .share .name {padding: 3px 5px;}
.about-me .content .shizhi .block .share .p1 {font-size: 25px;position: absolute;right: 30px;bottom: 20px;display: block;}
.about-me .content .shizhi .block .share .p2 {font-size: 12px;position: absolute;bottom: 9px;right: 9px;display: block;}
.about-me .content .shizhi .block {margin: 0 auto;float: none;}
.about-me .fun-menu {display: inline-block;width: 100%;text-align: center;}
.about-me .fun-menu .item img {width: 100%;}
.about-me .fun-menu .item {width: 100%;margin-bottom: 5px;}
.about-me .fun-menu .item .bg {display: none;background: rgba(0, 0, 0, 0);}
.about-me .fun-menu .item h3 {padding: 35px 0 5px 0;font-size: 22px;display: block;}
.about-me .fun-menu .item .jiahao {display: none;}

.about-me .index-item-hidden{height: 90px;line-height:90px;position: relative;background:#f2f2f2;}
.about-me .index-item-hidden img{display: none;}
.about-me .fun-menu .item h2 {top: 0;left:0;border:0;padding:0;width:100%;margin: 0;font-size: 18px!important; font-weight: normal!important;color: #000;}
.about-me .fun-menu:hover #index_maintitle{ color:#000!important;}
}


.service-bg{width: 100%;overflow: hidden;position: relative;background:#F8F7F7;padding-top:60px;padding-bottom: 30px;}
.service{width: 1188px;margin: 0 auto;}
.service-bg .service-tit{width:100%;line-height: 40px;text-align: center;font-size: 28px;color: #000;}
.service-bg .service-tit1{width:100%;line-height: 40px;text-align: center;font-size: 16px;color: #868080;word-wrap:break-word;}
.service_body{float: left;width: 100%;margin-top:60px;padding-bottom: 70px;}
.service_body ul li:last-child{margin-right: 0;}
.service_body ul li{width:262px;height: 210px;float: left;margin-right: 40px;position: relative;border-bottom: 20px solid #d32c25;}
.service_body ul li span{width:100%;height: 49px;line-height: 49px;position: absolute;top:0;text-align: center;background: #fff;font-size: 16px;color: #848181;font-weight: bold;border-bottom: 1px dashed #f2f2f2;}
.service_body ul li .service_descr{width:202px;height: 100px;position: absolute;top:50px;padding:30px;line-height: 30px;background: #fff;}
.service_circle{width: 100%;float: left;position: relative;}
.service_circlebig{width:70px;height: 70px;position: absolute;top:181px;left:94px;background: #fff;border-radius: 70px;border: 2px solid #d83721;}
.service_circleseclow{width:60px;height: 60px;position: absolute;top:3px;left:3px;background: #fff;border-radius: 60px;border: 2px solid #d83721;background: #d83721;}
.service_circleseclow img{width:40px;height: 40px;position: absolute;top: 8px;left: 9px;}

@media (max-width: 767px) {
.service-bg{padding-top:0;padding-bottom: 0;}
.service-bg .service{width:auto;}
.service-bg .service-tit{font-size: 20px!important; font-weight: bold;}
.service-bg .service-tit1{font-size: 14px!important;}
.service_body{margin-top:0;padding-bottom: 0;}
.service_body ul li span{font-size:15px;}
.service-bg ul li{width:46%;margin-left: 0;}
.service_body ul li{margin-right:0;height:197px;}
.service_body ul li .service_descr{width: 89.5%;height:126px;font-size:14px;padding: 10px;}
.service-bg ul li:nth-of-type(2n+1){margin-left:2%;}
.service-bg ul li:nth-of-type(2n){margin-right:2%;float: right;}
.service-bg ul li:nth-of-type(1),.service-bg ul li:nth-of-type(2),.service-bg ul li:nth-of-type(3){ margin-bottom: 60px; }
.service_circlebig{left: 32%;top:171px;}
#asid_share{display: none;}
}


.case-bg{width: 100%;overflow: hidden;position: relative;background:url(../image/eightscene-bg-1.png);background-attachment: fixed;padding-top:50px;padding-bottom: 30px;}
.case{width: 1188px;margin: 0 auto;height: 500px;}
.case-bg .case-tit{width:100%;line-height: 40px;text-align: center;font-size: 28px;color: #fff;}
.case-bg .case-tit1{width:100%;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;}
.case-bg .case-body{width: 100%;}
.help_tab_left {width: 15%;height: auto;float: left;}
.pro_con {width: 100%;height: auto;float: left;overflow: hidden;text-align: right;border-right:1px solid #f2f2f2;padding-right:8px;margin-top:30px;}
.pro_con ul {width: 100%;float: left;list-style-type: none;}
.pro_con ul li:nth-of-type(1){margin-top:0px;}
.pro_con ul li{width: 180px;float: right;padding-top:1rem;padding-bottom: 1rem;color: #000;font-size: 1rem;cursor: pointer;margin-top:-1px;-webkit-transition: all .4s;transition: all ease-in-out 0.2s;font-size: 18px;color: #fff;padding-right: 22px;margin-bottom: 30px;}
.pro_con ul li:hover {background: linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, rgba(84, 84, 84, 1) 100%);color: #d83721;border-right:6px solid #d83721;padding-right: 22px;}
.pro_con ul li.hover {background: linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, rgba(84, 84, 84, 1) 100%);color: #d83721;border-right: 6px solid #d83721;}
.help_tab_right {float: left;width: 78%;height: auto;margin-left: 5%;}
.contitle{width:100%;float: left;border-bottom: 1px dashed #e6e6e6;}
.contitle h3{float: left;color: #fff;font-weight: 500!important;font-size: 24px;padding-bottom: 18px;margin-bottom: -0.5px;}
.index_right_body{display: inline-block;}
.index_right_body h4{color: #d83721;font-size: 18px;font-weight: normal!important;}
.index_right_body p{color: #fff;font-size: 15px;line-height: 30px;margin-bottom: 15px;}
.index_right_body span{width: 100%;}
.index_right_body span a{padding:10px 30px;border: 1px solid #fff;color: #fff;font-size: 14px;border-radius: 3px;-webkit-transition: color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition: color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear,-webkit-box-shadow .2s linear;}
.index_right_body span a:hover{background: #d83721;}
.index_right_body ul li{display: inline-block;width:170px;height: 40px;margin-right: 20px;border-radius: 3px;}
.index_right_body ul li:last-child{margin-right: 0;}
.index_right_body ul li img{width: 100%;height: 100%;border-radius: 3px;border:none;}


.clear {clear:both}

@media (max-width: 767px) {
  .case-bg .case{width:auto; }
  .case-bg .case-tit{width:100%;line-height: 40px;text-align: center;font-size: 20px!important; font-weight: bold;color: #fff;}
  .case-bg .case-tit1{width:100%;line-height: 40px;text-align: center;font-size: 10px!important;color: #fff;}
  .contitle h3{font-size: 15px!important;font-weight: normal!important;margin-top: 30px;}
  .index_right_body h4{font-size: 15px!important;}
  .index_right_body p{font-size: 14px!important;line-height: 20px;margin-top: -10px;}
  .help_tab_left{width:17%;}
  .help_tab_right{width: 75%;}
  .pro_con{padding-right: 4px!important;}
  .pro_con ul li{font-size: 15px;padding-right: 10px!important;}
  .index_right_body ul li{width:25%; height: 35px;}
  .index_right_body span a{padding:5px 10px;font-size:14px;}
}




.support-bg{width: 100%;height: 500px;overflow: hidden;position: relative;background:url(../image/support-bg.png) center;background-size:cover;padding-top:60px;padding-bottom: 30px;}
.support{width: 1188px;margin: 0 auto;}
.support-bg .support-tit{width:100%;line-height: 40px;font-size: 18px!important; font-weight: normal!important;color: #000; text-align:center;margin-top:-15px;}

@media (max-width: 767px) {
  .support-bg{height: 300px;background-size:cover;}
  .support-bg .support{width:auto;}
  .support-bg .support-tit{margin-top: -29px;font-size:20px!important;font-weight: bold!important;}
}


@media (max-width: 767px) {
  .costom-bg{padding-bottom: 0!important;padding-top:20px!important;}
  .costom-bg .costom{width:auto;}
  .costom-bg .costom-tit{font-size: 20px!important; font-weight: bold;}
  .costom-bg .costom-tit1{font-size: 14px!important;}
  .costom-bg ul{display: none;}
  .costom-bg dl{display: block!important;width: 100%;height: auto;float: left;}
  .costom-bg dl dd{width: 20.5%;height: 38px;float: left;margin-left: 2%;margin-right: 2%;margin-bottom: 10px;border:1px solid #c8c8c8;border-radius: 3px;}
  .costom-bg dl dd img{width:78%;height: 68%;float: left;padding:5px 10px;}
}


@media (max-width: 767px) {
.footerList{margin-top:0!important;}
.footerListWrap,{width:100%;}
.footCenter,.footerBussnies{width:93%;margin-left: 10%;}
.footBottomTop p{text-align: right;font-size: 14px;}
.footBottomTop p:nth-of-type(1) i{width: 100%;float: right;}
.footbottom-topwidth p b:nth-of-type(2) i{display:block;width: 100%;float: right;}
}