@charset "utf-8";
body{overflow-x:clip;}
.topic-box{background: url(../img/banner.png) center no-repeat;background-size: cover;height: 700px;}
.topic-box:after{content: "";position:absolute;top: 87px;width: 100%;height: 1px;background: #ffffff59;z-index: 99;}
.nav-wrap {height: 50px;margin:auto;}
.nav-wrap.navFix{position: fixed;top: 0;border-bottom:1px solid #e3e3e3\9; z-index: 99999;width: 100%;max-width:1470px;}
.nav-wrap ul {padding: 0; display: flex;}
.nav-wrap li {width: 10%; line-height: 50px;}
.nav-wrap li a {display: block;font-size:18px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #ff3d34;}
.nav-wrap li a.active {color: #ff3d34;}
.nav-wrap.navFix ul{ background: aliceblue;justify-content: space-around;}
.nav-wrap.navFix ul li{ text-align: center;}

.nav-height{ position:relative; height: 50px;margin: 1rem 0;}
.nav-box { width: 1200px;height: 50px;margin:0 auto;background: #fff;}
.nav-box.navFix{position: fixed;top: 0;left:50%;margin-left: -600px;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;}
.nav-box ul {padding: 0;margin: 0 auto; width: 1200px; display: block; /*border-bottom: 2px solid #eee;*/}
.nav-box.navFix ul{ border-bottom: 0;}
.nav-box li { display: inline-block;height: 50px; line-height: 50px;position: relative;}
.nav-box li a {display: block;padding: 0 20px;font-size:20px; color: #333; text-decoration: none;}

.nav-box li a:hover{color: #ee8800;}
.nav-box li a.active {color: #fff;background: #da251c;}

.intro-img{width: 20px;vertical-align: unset;}
.nav-pills{width: auto;}
.nav-pills .nav-link{display: unset;}
.nav-pills .nav-link.active {background: #ff3d34;color: #fff;padding: 0.375rem 0.75rem;border-radius: 0.25rem;height: auto;}
.tab-content{width: 100%; overflow: hidden;background: #fff;padding: 3rem;margin-bottom: 3rem;}
.tab-pane h4{position: relative;padding-bottom: 1rem;margin-bottom: 1.5rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.tab-pane h4:after{content: "";width: 14%;display: block;height: 2px;position: absolute;bottom: -1px;left: 0;background: #ff3d34}
.tab-pane .btn-box a{font-weight: normal;padding: 0.5rem 3rem;}
.tab-pane .btn-light{background: #f5f5f5;color: #666;}
.tab-pane .btn-orange{background: #ff3d34;}

.advantage .card-text{padding-left: 1.7rem; line-height: 2.2;}
.advantage .card-group>.card{flex: unset;border: none;width: 50%;}

/* 必要布局样式css */
.delivery .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}
.delivery .swiper-container-no-flexbox .swiper-slide {
    float: left
}
.delivery .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.delivery .swiper-wrapper {
    position: relative;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.delivery .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.delivery .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0;
    -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.delivery .swiper-button-next, .delivery .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: -25px;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.delivery .swiper-button-next, .delivery .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.delivery .swiper-button-prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #999a9c center 50%/50% 50% no-repeat;
    left: 10px;
}
.delivery .swiper-button-next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #999a9c center 50%/50% 50% no-repeat;
}
.delivery .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.delivery .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 5px;
    cursor: pointer;
}
.delivery .swiper-slide:hover {
    -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
    -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
    box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}
.delivery .banner-box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.delivery .swiper-container {
    width: 100%;
    margin: 12px 0;
}
.delivery .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: scale(.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.delivery .swiper-slide-active, .delivery .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.delivery .swiper-slide img {
    width: 100%;
    display: block;
}
.delivery .swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}
.delivery .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(0,0,0,.8);
}
.example .swiper-container {
    width: 100%;
    height: auto;
    overflow: inherit;
}
.example .swiper-slide{text-align:left;color: #fff;padding: 5% 30%;background-size: cover;background-position: center;}
.example .swiper-slide p{line-height: 2;text-indent: -5px;}
.example .swiper-pagination-bullet{width:30px;height:30px;text-align:center;border-radius:unset;line-height:30px;font-size:14px;color:#000;opacity:1;background:rgba(0,0,0,0.2);}
.example .swiper-pagination-bullet-active{color:#fff;background:#ff3d34;}
.example .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -30px;}
.example .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.example h4{position: relative}
.example h4:before{content: "";width: 30px;height: 30px;position: absolute;bottom: 5px;left: -40px;background:url(../img/round.png) center no-repeat}

.question ul li span{color: #fff;padding:0.1rem 0.25rem;margin-right: 0.2rem;}
.question ul li p{color: #666;}
.question ul li p.ask {color: #333;}
.question ul li .ask span{background: #999;}
.question ul li .answer span{background: #ff3d34;}
.foot-bottom{background: #333;}
.foot-bottom .bord-top{border-top:1px solid #fff;color: #fff;}
.foot-bottom .bord-top h5{margin-bottom:1rem;margin-top: 1.5rem;}
.foot-bottom .bord-top a{color: #fff;}
@media (max-width: 1200px){
    .example .swiper-slide{padding: 5%;}
}
@media (max-width: 576px){
    .advantage .card-group>.card{width: 100%;}

}