.content{background: #f5f5f5;}
.banner {
    background: url("https://img.asiancancer.com/images/newmalai/breast-cancer/q3840300en.jpg") no-repeat center;
    height: 300px;
}
.h1-title{text-align: center;padding: 20px 0;font-size: 30px;font-weight: bold;color: #13BFB1;}
.box-one{align-items: center;padding-bottom: 30px;}
.box-one .box-text{display: flex;align-items: center;justify-content: center;}
.box-one .text-left{}
.box-one .text-right{padding: 0 15px;}
.box-two{background: #ffffff;}
.box-two .description{padding: 10px 0;}
.box-two ul{display: flex;align-items: stretch;justify-content: space-between;}
.box-two ul li{width: calc((100%/3) - 10px);padding-top: 50px;}
.box-two ul li span{display: block;font-weight: bold;padding: 10px 0;text-align: center;}
.box-two ul li p{padding: 0 10px;}
.box-two .t1{background: url("https://img.asiancancer.com/images/newmalai/breast-cancer/box-two-1.png") no-repeat;background-size:contain;color: #ffffff;height: 317px;}
.box-two .t2{background: url("https://img.asiancancer.com/images/newmalai/breast-cancer/box-two-2.png") no-repeat;background-size:contain;color: #ffffff;height: 317px;}
.box-two .t3{background: url("https://img.asiancancer.com/images/newmalai/breast-cancer/box-two-3.png") no-repeat;background-size:contain;color: #ffffff;height: 317px;}

.box-three{background: #13BFB1;text-align: center;color: #ffffff;padding: 50px 0;margin-top: 50px;}
.box-four{background: url("https://img.asiancancer.com/images/newmalai/formbg.jpg") no-repeat center;background-size: cover;padding: 50px 0;}

.box-four .form{background: #ffffff;border-radius: 16px;padding-bottom: 50px;}
.box-four .form .formtitle{font-size: 20px;font-weight: bold;padding: 20px 0;padding-left: 35px;color:#f90011;}
/* .box-four form .title{padding:30px 0;margin-left: 35px;font-size: 32px;font-weight: bold;}
.box-four form .form-group{width: 49%;float:left;}
.box-four form .tginput{margin-bottom: 20px;}
.box-four form .marginleft{}
.box-four form .tginput input{background: #F0F0F0;width:95%;height: 38px;border-radius: 8px;border:none;}
.box-four form .form-group .select-nat{border-radius:8px; }
.box-four form .box{margin-left: 35px;display: inline-table;width: 95%;}
.box-four form .box .radio_left{display: inline-flex;margin-top: 30px;}
.box-four form .box .radio_left .radio{margin-left: 15px;}
.quickTitle .cBtn{background: #13BFB1;height: 38px;color: #ffffff;width: 236px;border-radius: 8px;border: none;}
.box-four form .form-group .select-nat{height: 38px;width: 100%;background: #F0F0F0;border: none;}
.box-four form .quickTitle{text-align: center;} */

.box-five{background: #ffffff;display: flex;}
.box-five .des{padding: 20px 0;}
.box-five .vag-v1 .title,.box-five .vag-v2 .title{font-weight: bold;border-left:5px solid #13BFB1;padding-left: 10px;}
.box-five .vag-v2{margin:20px 0;}

.box-five .vag-v21{display: inline-block;}
.box-five .vag-v21 .stage{width: 49%;background: #E8F0F6;height: 180px;margin:10px 0;}
.box-five .vag-v21 .stage .t{background: #13BFB1;color: #ffffff;padding: 5px 10px;display: table;}
.box-five .vag-v21 .stage .tx{padding: 15px;display: block;}
.box-five .vag-v21 .stage1{float: left;}
.box-five .vag-v21 .stage2{float: right;}
.box-five .vag-v21 .stage3{float: left;}
.box-five .vag-v21 .stage4{float: right;}

.box-five .tag-v3{padding: 10px 0;}
.box-five .text-desc{padding: 10px 0;}
.box-five .es-title {
    width: 19%;
    background: #13BFB1;
    color: #ffffff;
    font-weight: bold;
    float: left;
    padding: 27px 0;
    border-radius: 8px;
    font-size: 18px;
    text-align: center;
}
.box-five .es-list {
    width: 79%;
    background: #e8f0f6;
    float: right;
    padding: 30px 0;
    border-radius: 8px;
    text-align: center;
}
.box-five .es-list p{font-weight: bold;color:#13BFB1; }
.box-five .es-list ul {
    display: flex;
}
.box-five .es-list li {
    width: 100%;
}
.box-five .es-list .line {
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
}


.box-six .vlist{display: flex;align-items: center;margin:25px 0;background: #E2EDF5;padding: 15px;}
.box-six .vlist .img{}
.box-six .vlist .vl{padding-left: 20px;}
.box-six .vlist .vl ul li{padding:3px 0;}
.box-seven{background: #ffffff;padding-bottom: 5px;}
.box-seven .seven-one{background: #13BFB1;color: #ffffff;padding: 15px;}
.box-seven .seven-one .title{display: block;text-align: center;padding: 15px 0;}
.box-seven .seven-three{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);padding: 25px 15px;}
.box-seven .seven-three ul{display: flex;align-items: stretch;justify-content: space-between;}
.box-seven .seven-three li{width: calc((100%/3) - 15px);}
.box-seven .seven-three li b{display: block;margin-bottom:20px;}
.box-seven .seven-three .line{border-left:1px solid #dddddd;border-right:1px solid #dddddd;padding:0 12px;}

.box-eight{display: block;background: #ffffff;padding-bottom: 30px;}
.box-eight .text-desc{padding: 20px 0;}
.box-eight .list{display: flex;align-items: stretch;justify-content: space-between;}
.box-eight .list li{width: calc((100%/3) - 10px);box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.12);border-radius: 8px 8px 8px 8px;}
.box-eight .list .img3 img{border-radius:8px;}
.box-eight .list li .t1{padding: 5px 15px;font-weight: bold;}
.box-eight .list li .t2{padding: 5px 15px;}

.clear-top{margin-top: 0;}


/*box-nine*/
.box-ten .text-desc,.box-nine .text-desc{padding: 10px 0;}
.swiper-container-box-nine,.swiper-container-box-ten{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-pagination-nine,.swiper-pagination-ten {
    text-align: center;
}
.box-nine .swiper-container,.box-ten .swiper-container{
    padding-bottom: 20px;
}
.box-nine .swiper-container .swiper-wrapper dl,.box-ten .swiper-container .swiper-wrapper dl {
    transition: all 0.5s;
}
.box-nine .swiper-container .swiper-wrapper dl:hover,.box-ten .swiper-container .swiper-wrapper dl:hover {
    transform: translate(0,-3%);
}
.box-nine .swiper-wrapper,.box-ten .swiper-wrapper{
    margin-bottom: 20px;
}

.box-nine .swiper-wrapper .swiper-slide {
    width: 338px;
    height: 500px;
    background: #ffffff;
    border-radius: 16px;
    padding-bottom: 23px;
    box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
    transition: all 1s;
    text-align: left;
}
.box-ten .swiper-wrapper .swiper-slide {
    width: 338px;
    height: 720px;
    background: #ffffff;
    border-radius: 16px;
    padding-bottom: 23px;
    box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
    transition: all 1s;
    text-align: left;
}
.box-nine .swiper-wrapper .swiper-slide:hover,.box-ten .swiper-wrapper .swiper-slide:hover {
    transform: translate(0,-5%);
}

.box-nine .swiper-slide img,.box-ten .swiper-slide img{
    border-radius: 16px 16px 0 0;
    object-fit: cover;
    width: 100%;
}

.box-nine .swiper-slide:hover,.box-ten .swiper-slide:hover {
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 26%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 10%);
    /*top: -20px;*/
}

.box-nine .swiper-slide dt,.box-ten .swiper-slide dt {
    padding-bottom: 15px;
}

.box-nine .swiper-slide dt span,.box-ten .swiper-slide dt span {
    background: #13BFB1;
    color: #ffffff;
    margin-right: 0;
    float: right;
    border-radius: 0 0 0 4px;
}

.box-nine .swiper-slide dd.first,.box-ten .swiper-slide dd.first {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

.box-nine .swiper-slide dd,.box-ten .swiper-slide dd  {
    padding: 0 24px;
}

.box-nine .swiper-slide span,.box-ten .swiper-slide span {
    margin-right: 5px;
    color: #13BFB1;
    font-size: 14px;
    padding: 3px 5px;
    width: 126px;
    text-align: center;
    font-weight: bold;
}

.box-nine .swiper-slide p,.box-ten .swiper-slide p {
    /*padding: 0 24px;*/
    padding: 0px 24px 0 24px;
}


.swiper-slide .description-text {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;

}

.box-nine .swiper-pagination-me span,.box-ten .swiper-pagination-me span {
    margin: 0 5px;
}

.box-nine .swiper-pagination-bullet,.box-ten .swiper-pagination-bullet {
    background: #000000;
    height: 10px;
    border-radius: 30px;
}

.box-nine .swiper-pagination-bullet-active,.box-ten .swiper-pagination-bullet-active {
    /*background: #2A78BA;*/
    background: #13BFB1;
    width: 25px;
}
ul li,.video .v1 iframe,.video .v2 iframe,.contenar img{
    transition: all 1s;
&:hover {
     transform: translate(0, -2%);
 }
}

@media screen and (max-width:768px){
    .banner {
        background: url("https://img.asiancancer.com/images/newmalai/breast-cancer/q790240en.jpg") no-repeat center;
        background-size: 100%;min-height: 100px;
        height: auto;
    }
    .w1100{width: auto;}
    .box-one .box-text{display:block;}
    .box-one .text-left{text-align: center;}

    .box-two,.box-five,.box-six,.box-eight,.box-nine,.box-ten{padding: 0 10px;}
    .box-two ul{display: block;}
    .box-two ul li{margin-top:10px;}
    .box-two .t1,.box-two .t2,.box-two .t3{width: auto;background-position-x: center;height: 250px;}

    /* .box-four form .form-group{width: 98%;}
    .box-four form .tginput input{width: 90%;} */

    .box-five .es-title{width: 100%;}
    .box-five .es-list{width: 100%;}
    .box-five .es-list ul{display: block;}
    .box-five .es-list ul li{padding: 20px 0;}
    .box-five .es-list .line{border-left:none;border-right: none;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd; }

    .box-six .vlist{display: block;padding: 15px 10px;}
    .box-six .vlist .img{text-align: center;}
    .box-six .vlist .vl{padding-top: 20px;padding-left: inherit;}

    .box-seven .text-desc{padding: 0 10px;padding-bottom: 20px;}
    .box-seven .seven-two img{width: 100%;}
    .box-seven .seven-three ul{display: block;}
    .box-seven .seven-three li{width: 100%;padding: 5px 0;}

    .box-eight .list{display: block;}
    .box-eight .list li{width: 100%;text-align: center;margin:10px 0;}
    .box-eight .list li img{padding-top: 10px;}
    .box-eight .list li .t2{text-align: left;}

    /* .box-four form .form-group .select-nat{width: 90%;} */
    .box-five .vag-v21 .stage{height: auto;}
}