/* common */
.common_title{
    text-align: center;
}
.common_title>h2{
    font-size: .53rem;
    color: #333;
    line-height: 1;
}
.common_title>p{
    font-size: .32rem;
    color: #666;
    line-height: .5rem;
    margin-top: .32rem;
}
.common_title>h2.white,
.common_title>p.white{
    color: #fff;
}
.common_btn{
    text-align: center;
}
.common_btn>a{
    display: inline-block;
    font-size: .4rem;
    color: #fff;
    padding: .37rem 1.12rem;
    text-align: center;
    background-color: #3185ff;
    border-radius: 42px;
    box-shadow: 0 12px 24px rgba(49, 133, 255, .16);
}
.common_btn>a.white{
    color: #3185ff;
    background-color: #fff;
}
/* common */

.qxp_wrapper{
    width: 100%;
    height: 100%;
}
/* qxp_banner */
.qxp_banner{
    width: 100%;
    text-align: center;
    padding: 1.89rem .37rem 2.27rem;
    box-sizing: border-box;
    background: url(../images/qxp/banner.png) no-repeat center/cover;
}
.qxp_banner>h4{
    font-weight: bold;
    font-size: .67rem;
    color: #fff;
    line-height: 1;
    margin-bottom: .32rem;
}
.qxp_banner>p{
    font-size: .4rem;
    color: #fff;
    line-height: 1;
    margin-bottom: .37rem;
}
.qxp_banner>p.sub_txt{
    font-size: .32rem;
    margin-bottom: .61rem;
}
.banner_btns>a{
    display: inline-block;
    font-size: .35rem;
    color: #ff7022;
    width: 2.42rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
}
.banner_btns>a.consult{
    color: #fff;
    background-color: transparent;
    margin-right: .8rem;
}
/* qxp_banner */

/* qxp_sec1 */
.qxp_sec1{
    width: 100%;
    padding: .8rem .2rem;
    box-sizing: border-box;
    background-color: #f4f4f4;
}
.qxp_sec1 .sec1_box{
    margin: 1rem 0 .8rem;
}
.sec1_box .sec1_img{
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}
.sec1_box .sec1_img>img{
    width: 6.1rem;
    height: 7.4rem;
}
.sec1_box .sec1_txt>li{
    width: 8.5rem;
    height: .813rem;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: .21rem;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;
    flex-wrap: wrap;
}
.sec1_box .sec1_txt>li:first-child{
    margin-left: 1.333rem;
    background-image: url(../images/qxp/sec1_img1.png);
}
.sec1_box .sec1_txt>li:nth-child(2){
    margin-left: 1.067rem;
    background-image: url(../images/qxp/sec1_img2.png);
}
.sec1_box .sec1_txt>li:nth-child(3){
    margin-left: .8rem;
    background-image: url(../images/qxp/sec1_img3.png);
}
.sec1_box .sec1_txt>li:nth-child(4){
    margin-left: .534rem;
    background-image: url(../images/qxp/sec1_img4.png);
}
.sec1_box .sec1_txt>li:nth-child(5){
    margin-left: .267rem;
    background-image: url(../images/qxp/sec1_img5.png);
}
.sec1_box .sec1_txt>li:nth-child(6){
    margin-bottom: 0;
    background-image: url(../images/qxp/sec1_img6.png);
}
.sec1_box .sec1_txt>li>p{
    width: 22%;
    height: 100%;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    line-height: .813rem;
}
.sec1_box .sec1_txt>li>p.txt{
    width: 78%;
}
.sec1_box .sec1_txt>li:first-child>p.txt{
    color: #ce7923;
}
.sec1_box .sec1_txt>li:nth-child(2)>p.txt{
    color: #df561f;
}
.sec1_box .sec1_txt>li:nth-child(3)>p.txt{
    color: #e2324f;
}
.sec1_box .sec1_txt>li:nth-child(4)>p.txt{
    color: #238f99;
}
.sec1_box .sec1_txt>li:nth-child(5)>p.txt{
    color: #5264d2;
}
.sec1_box .sec1_txt>li:nth-child(6)>p.txt{
    color: #8058cf;
}
/* qxp_sec1 */

/* qxp_sec2 */
.qxp_sec2{
    width: 100%;
    padding: 1.33rem .2rem  .8rem;
    box-sizing: border-box;
    background-color: #fff;
}
.qxp_sec2 .sec2_box{
    margin: 1rem 0 .8rem;
}
.sec2_box .sec2_nav{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
	justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.sec2_box .sec2_nav>li{
    position: relative;
    font-size: .32rem;
    color: #333;
    padding-bottom: .29rem;
}
.sec2_box .sec2_nav>li.active{
    color: #1e88ff;
}
.sec2_box .sec2_nav>li.active::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 68%;
    height: 4px;
    background-color: #1e88ff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec2_box .sec2_content{
    margin-top: 1.067rem;
}
.sec2_content .content_box{
    display: none;
}
.sec2_content .content_box.show{
    display: block;
}
.sec2_content .content_box .sec2_content_swiper{
    padding-bottom: 1.17rem;
}
.sec2_content_swiper .swiper-pagination{
    bottom: 0;
}
.sec2_content_swiper .swiper-pagination>span{
    width: 22px!important;
    height: 6px!important;
    margin: 0!important;
    border: none!important;
    border-radius: 0%!important;
    background-color: #3185ff!important;
    opacity: 1!important;
}
.sec2_content_swiper .swiper-pagination>span.swiper-pagination-bullet-active{
    background-color: #d1d1d1!important;
}
/* qxp_sec2 */

/* qxp_sec3 */
.qxp_sec3{
    width: 100%;
    padding: 1.44rem 0 .8rem .48rem;
    box-sizing: border-box;
    background: url(../images/qxp/sec3_bg.png) no-repeat center/cover;
}
.qxp_sec3 .sec3_box{
    margin: 1rem 0 .8rem;
}
.sec3_box .sec3_swiper{
    padding-bottom: 2.08rem;
}
.sec3_swiper .swiper-slide{
    width: 3.63rem!important;
    height: 5.52rem;
    text-align: center;
    padding: .8rem .24rem .96rem;
    box-sizing: border-box;
    background: url(../images/qxp/sec3_icon_bg.png) no-repeat center/cover;
}
.sec3_swiper .swiper-slide .slide_img{
    width: 1.7rem;
    height: 1.81rem;
    margin: 0 auto .45rem;
}
.sec3_swiper .swiper-slide .slide_img>img{
    max-width: 100%;
    width: 100%;
}
.sec3_swiper .swiper-slide .slide_txt>h6{
    font-weight: bold;
    font-size: .32rem;
    color: #333;
    line-height: 1;
    margin-bottom: .18rem;
}
.sec3_swiper .swiper-slide .slide_txt>p{
    font-size: .27rem;
    color: #666;
    line-height: .37rem;
}
.sec3_swiper .swiper-pagination{
    bottom: 0;
}
.sec3_swiper .swiper-pagination>span{
    width: 22px!important;
    height: 6px!important;
    margin: 0!important;
    border: none!important;
    border-radius: 0%!important;
    background-color: #d1d1d1!important;
    opacity: 1!important;
}
.sec3_swiper .swiper-pagination>span.swiper-pagination-bullet-active{
    background-color: #fff!important;
}
/* qxp_sec3 */

/* qxp_sec4 */
.qxp_sec4{
    width: 100%;
    padding: 1.65rem .2rem .8rem;
    box-sizing: border-box;
    background-color: #f6f6f6;
}
.qxp_sec4 .sec4_box{
    margin: 1rem 0 .8rem;
}
.sec4_box .sec4_nav{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
	justify-content: space-around;
    align-items: center;
    padding: 0 .77rem;
    box-sizing: border-box;
}
.sec4_box .sec4_nav>li{
    width: 2.4rem;
    font-size: .32rem;
    color: #333;
    text-align: center;
}
.sec4_box .sec4_nav>li.active{
    color: #fff;
    width: 2.4rem;
    height: .667rem;
    padding: .1rem .72rem .18rem .4rem;
    box-sizing: border-box;
    background: url(../images/qxp/sec4_navBg.png) no-repeat center/cover;
}
.sec4_box .sec4_imgs{
    margin-top: .53rem;
    background-color: #fff;
    border-radius: 10px;
}
.sec4_box .sec4_imgs>div{
    display: none;
}
.sec4_box .sec4_imgs>div.show{
    display: block;
}
/* qxp_sec4 */

/* qxp_sec5 */
.qxp_sec5{
    width: 100%;
    padding: 1.6rem .2rem .8rem;
    box-sizing: border-box;
    background-color: #fff;
}
.qxp_sec5 .sec5_swiper{
    margin: 1rem 0 .8rem;
}
.sec5_swiper .swiper-slide{
    width: 7.76rem;
}
.sec5_swiper .swiper-slide>img{
    max-width: 100%;
    width: 100%;
}
/* qxp_sec5 */