body{
    background-color: #F7F7F7;
}
.content-product1{
    width: 100%;
}
.content-product1 img{
    width: 100%;
    height: auto;
    margin: 0;
}






.swiper-container {
    width: 100%;
    height: 7.76rem;
    /*height: 10.08rem;*/
}
.swiper-slide {
    width: 100%;
    height: 100%;
}
.swiper-slide-content{
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-slide-content-back{
    width: 100%;
    height: 100%;
}
.swiper-slide-content-t1{
    width: 100%;
    position: absolute;
    /*top:3.87rem;*/
    top: 1.9rem;
    /*display: flex;*/
}
.swiper-slide-content-t1 p{
    width: 100%;
    color: white;
    font-size: 0.4rem;
    margin: 0.3rem 0 0 0;
    text-align: center;
}

.swiper-slide-content-bottom{
    width:80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    position: absolute;
    top: 4rem;
    left: 10%;
    /*border: #0A96C1 1px solid;*/
}
.swiper-slide-content-bottom-list{
    width: 3.5rem;
    height: 1rem;
    background: rgba(255, 255, 255, 0.19);
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
    border-radius: 0.28rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
}
.swiper-slide-content-bottom-list img{
    height: 0.6rem;
    margin: auto 0;
}
.swiper-slide-content-bottom-list p{
    font-size: 0.3rem;
    height: 1rem;
    line-height: 1rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    margin: 0;
}
.swiper-slide-content-t1-animation{
    animation:slidecontentt1 2s;
    /*-webkit-animation:slidecontentt1 2s;*/
}
@keyframes slidecontentt1
{
    from {
        top:5rem;
        opacity: 0;
    }
    to {
        top:1.9rem;
        opacity: 1;
    }
}
/*@-webkit-keyframes myfirst !* Safari and Chrome *!*/
/*{*/
/*    from {*/
/*        background: red;*/
/*    }*/
/*}*/
.swiper-slide-content-bottom-list-animation{
    animation:slidecontentbottom 1s;
}
@keyframes slidecontentbottom
{
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.swiper-pagination{
    cursor: pointer;
}
.swiper-pagination-bullet {
    width: 1.22rem !important;
    height: 0.07rem !important;
    margin:0 0.16rem !important;
    background-color: #e0e0e0 !important;
    border-radius: 0.02rem !important;
    display: none !important;
}
.swiper-pagination-bullet-active{
    background-color: white !important;
}
.biao{
    width: 100%;
    text-align: center;
    margin: 0.5rem 0 0 0;
}
.biao img{
    height: 0.06rem;
}
.content-kong1{
    width: 100%;
    height: 0.35rem;
}
.content-what{
    width: 100%;
}
.content-what-t1{
    width: 100%;
    text-align: center;
    color: black;
    font-size: 0.3rem;
    margin: 0.4rem 0;
}
.content-what-lists{
    width: 80%;
    margin: 0 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    position: relative;
    top:0;
    /*opacity:0;*/
    /*border: #0A96C1 1px solid;*/
}
.content-what-list{
    width: 32%;
    text-align: center;
}
.content-what-list img{
    height: 2.18rem;
    margin: 0;
    border-radius: 0.1rem;
}
.content-what-list p{
    font-size:0.2rem;
    color: black;
    margin: 0.5rem 0 0 0;
}
.content-what-lists-animation{
    /*animation:contentwhatlists 1s;*/
    /*-webkit-animation:slidecontentt1 2s;*/
}
@keyframes contentwhatlists
{
    from {
        top:3rem;
        opacity: 0;
    }
    to {
        top:0;
        opacity: 1;
    }
}
.content-value{
    width: 100%;
}
.content-value-nav{
    width: 40%;
    margin: 0 30%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    cursor: pointer;
}
.content-value-nav-list{
    width: 20%;
    text-align: center;
    color:#707070;
    font-size: 0.3rem;
    padding: 0.2rem 0;
}
.content-value-nav-list:hover{
    color: black;
    border-bottom: #008CFF 0.08rem solid;
}
.content-value-nav-check{
    color: black;
    border-bottom: #008CFF 0.08rem solid;
}
.content-value-lists{
    width: 80%;
    margin: 0 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
}
.content-value-list1{
    width: 40%;
    text-align: center;
    /*border: #0A96C1 1px solid;*/
}
.content-value-list1 img{
    height: 2rem;
    margin: 0;
}
.content-value-list1-t1{
    width: 100%;
    display: flex;
    margin: 0.2rem 0 0 0;
}
.content-value-list1-t1 P{
    width: 1.8rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: 0.01rem solid #0A96C1;
    font-size: 0.24rem;
    color: black;
    border-radius: 0.18rem;
    margin: auto auto;
}
.content-value-list1-t2{
    width:60%;
    font-size:0.22rem;
    color: black;
    text-align: left;
    margin: 0.4rem 20% 0 20%;
}
.content-value-list2{
    display: flex;
}
.content-value-list2 img{
    height: 1rem;
    margin: auto 0;
}
.content-reason{
    width: 100%;
}
.content-reason-list{
    width: 80%;
    margin: 0 10%;
    /*min-height: 1rem;*/
    /*background-color: #3c763d;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
}
.content-reason-list-left{}
.content-reason-list-left img{
    height: 4rem;
    border-radius: 0.1rem;
}
.content-reason-list-left0 ,.content-reason-list-left1,.content-reason-list-left2{
    position: relative;
    left: 0;
    opacity: 1;
    /*left: -100%;*/
    /*opacity: 0;*/
}
.content-reason-list-right{
    width: 8rem;
    margin: 0.8rem 0 0 0;
}
.content-reason-list-right0 ,.content-reason-list-right1,.content-reason-list-right2{
    position: relative;
    /*right: -100%;*/
    /*opacity: 0;*/
    right: 0;
    opacity: 1;
}
.content-reason-list-right h1{
    color: #00A5FF;
    font-size: 0.3rem;
    font-weight: 500;
    position: absolute;
    top:0;
}
.content-reason-list-right p{
    color: black;
    font-size: 0.24rem;
    position: absolute;
    top:0.5rem;
}
.content-reason-list-right img{
    height: 1.5rem;
    margin: 0.15rem 0 0 0;
}
/*@keyframes contentreasonleft*/
/*{*/
/*    from {*/
/*        left:-100%;*/
/*        opacity: 0;*/
/*    }*/
/*    to {*/
/*        left:0;*/
/*        opacity: 1;*/
/*    }*/
/*}*/
/*@keyframes contentreasonright*/
/*{*/
/*    from {*/
/*        right:-100%;*/
/*        opacity: 0;*/
/*    }*/
/*    to {*/
/*        right:0;*/
/*        opacity: 1;*/
/*    }*/
/*}*/
.content-service{
    width: 100%;
    padding: 0 0 1.2rem 0;
}
.content-service-lists{
    width: 70%;
    margin: 0 15%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    position: relative;
    opacity: 0;
}
.content-service-list{
    width: 2.8rem;
    /*height: 6.12rem;*/
    background: #FFFFFF;
    box-shadow: 0.05rem 0.05rem 0.06rem rgba(0, 0, 0, 0.16);
    border-radius: 0.33rem;
    text-align: center;
    padding: 0.5rem 0.25rem 0.8rem 0.25rem;
}
.content-service-list img{
    height: 1.5rem;
    margin: 0;
}
.content-service-list p{
    font-size:0.2rem;
    color: black;
    text-align: left;
    margin: 0.4rem 0 0 0;
}
/*.header-bar{*/
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content:space-between;*/
/*    background-color: #2B3E4B;*/
/*}*/
/*.header-bar .block-left .top-contact{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content:flex-start;*/
/*}*/
/*.header-bar .block-left .top-contact .contact-infos{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content:flex-start;*/
/*    margin: 0 0.2rem;*/
/*}*/
/*.header-bar .block-left .top-contact .contact-infos img{*/
/*    width: 0.4rem;*/
/*    height: 0.4rem;*/
/*    margin: auto 0;*/
/*    display: block;*/
/*}*/
/*.header-bar .block-left .top-contact .contact-infos .contact-body{*/
/*    color: #929ba2;*/
/*    line-height: 0.5rem;*/
/*    font-size: 0.14rem;*/
/*}*/
/*.header-bar .block-left .top-contact .contact-infos .contact-body a{*/
/*    color: #929ba2;*/
/*}*/
/*.header-bar .block-left .top-contact .contact-infos .contact-body a:hover{*/
/*    color: #4cae4c;*/
/*}*/
/*.header-bar .block-right{*/
/*    !*margin: auto 0.3rem auto 0;*!*/
/*    width: 1.5rem;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: 0.15rem;*/
/*    right: 0;*/
/*}*/
/*.header-bar .block-right .module .selected{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content:flex-start;*/
/*    font-size: 0.14rem;*/
/*    color: #929ba2;*/
/*    line-height: 0.5rem;*/
/*    cursor: pointer;*/
/*}*/
/*.header-bar .block-right .module .selected img{*/
/*    width: 0.4rem;*/
/*    height: 0.4rem;*/
/*    margin: auto 0;*/
/*    display: block;*/
/*}*/
/*.header-bar .block-right .module .lang-list{*/
/*    width:1.2rem;*/
/*    background-color: white;*/
/*    border-radius: 0.08rem;*/
/*    padding: 0.1rem 0;*/
/*    font-size: 0.14rem;*/
/*    color: #929ba2;*/
/*    !*position: fixed;*!*/
/*    !*z-index: 1;*!*/
/*    !*top: 0.7rem;*!*/
/*    !*right: 0.5rem;*!*/
/*    display: none;*/
/*}*/
/*.header-bar .block-right .module .lang-list ul{*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.header-bar .block-right .module .lang-list ul li{*/
/*    margin: 0.1rem;*/
/*}*/
/*.header-bar .block-right .module .lang-list ul li a{*/
/*    color: #929ba2;*/
/*}*/
/*.header-bar .block-right .module .lang-list ul li a:hover{*/
/*    color: #4cae4c;*/
/*}*/
/*.header-bar .block-right .module:hover > .lang-list {*/
/*    display: block;*/
/*}*/
/*.header-bar .block-right .module .lang-list-add{*/
/*    display: block;*/
/*}*/