.nw980 {width: 980px;margin: 0 auto;}
.banner{background: #191919;overflow: hidden;}
.banner img{display: block;width: 100%;height:auto;}

.intro{margin-top:40px;overflow: hidden;}
.intro .tit{font-size: 34px;color: #666;padding-left:98px;}
.intro .tit span{display: block;}
.intro .introi{float: left;width: 88px;margin-right:10px;margin-top:10px;}
.intro .introp{float: left;width: 860px;margin-right:10px;font-size: 16px;}
.intro .introp p{margin-bottom:20px;line-height:170%;}
.intro .introp p.import{color:#ff0d00;}
.intro .introp a { color: #d61212; text-decoration: underline; }

.cotent{ overflow: hidden;}
.title{background: #2e8bbe;color:#fff;text-align: center;font-size: 28px;padding:8px 0;}
.cl{}
.cr .info{margin-bottom:30px;float:left;width: 49%;}
.cr .info .bo{border:1px solid #ccc;border-top:none;padding:20px;font-size: 16px;}
.cr .info dl{margin-bottom:20px;}
.cr .info dl dt{font-weight: bold;}
.cr .info dl dd span{color:#e40000;font-weight: bold;}

.cl .phone{}
.cl .phone .bo{border:1px solid #ccc;border-top:none;padding:20px;font-size: 16px;}
.cl .phone ul{margin-bottom:20px;}
.cl .phone ul li{margin-bottom: 5px;}

.cr{width: 100%;}
.nd-box{display:inline-block;width:100%;}
.address{margin-bottom:30px;overflow: hidden;width:49%;float:right;}
.address .bo{border:1px solid #ccc;border-top:none;padding:20px;font-size: 16px;}
.address .city{background: url(https://img.asiancancer.com/images/newindonesian/active/20180321/address1.jpg) no-repeat left center;overflow: hidden;padding:0 20px 0 48px;}
.address .city .cityl{float: left;font-size: 26px;color:#2e8bbe;}
.address .city .cityl span{font-size: 48px;}
.address .city .cityr{float: right;}
.address .city .cityr a{width: 152px;height: 40px;display:block;line-height: 40px;background: #2e8bbe;color:#fff;border-radius:5px;text-align: center;margin-top:10px;}
.address ul{}
.address ul li{margin-bottom:5px;font-size: 16px;}
.address ul li span{color:#2e8bbe;font-weight: bolder;}
.address ul li .import{color:#e40000;}

.mod-form{width: 820px; margin:0 auto;}
.mod-form .form_title{margin-bottom:20px;font-size:34px;}
.mod-form .item{overflow: hidden;}
form{margin: 0;}
.form-group{margin-bottom: 15px;}
.fl{float: left;}
.fr{float: right;}
.form-group label{display: block; color: #2d648c; font-size: 16px; margin-bottom: 5px;}
.mod-form input[type="text"], .mod-form textarea, .mod-form select{font-size: 14px; line-height: 1.42857143; color: #555; padding: 2px 5px; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.mod-form textarea{width: 675px; margin-bottom: 20px;}
.mod-form input{width: 260px; height: 32px;}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.mod-form .age{width: 177px;}
.mod-form .gender{width: 300px;}
.mod-form .gender .radio{padding-top: 5px;}
.form-group .radio .radio-inline{display: inline;}
.mod-form .gender .radio-inline{padding-right: 10px;}
.mod-form input[type="radio"]{cursor: pointer;}
.form-group .radio-inline input{width: 25px; height: 18px; vertical-align: bottom;}
.mod-form .quickTitle{margin-bottom: 10px;}
.mod-form .quickTitle button{width: 30%; display: table; margin:10px auto; border-radius: 4px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; border: none; padding: 12px 0; background:#d61212; cursor: pointer; font-size: 16px; font-weight: normal; line-height: 1.42857; text-align: center; vertical-align: middle; white-space: nowrap; color:#fff;}
.mod-form .quickTitle span{width: 30%; display: table; margin:10px auto; border-radius: 4px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; border: none; padding: 12px 0; background:#d61212; font-size: 16px; font-weight: normal; line-height: 1.42857; text-align: center; vertical-align: middle; white-space: nowrap; color:#fff;}
.mod-form select{width:320px; height: 36px; padding: 2px 0; cursor: pointer;}

.file-input{display: none;line-height:30px;position:relative;margin-top:10px;}
.file-input .input-container{width:150px;height:30px;text-align:center;background:#3879d9;color:#fff;border-radius:3px;}
.file-input input{position:absolute;left:0;top:0;opacity:0;}
.file-input #pic-name{position:absolute;left:150px;top:0;font-size:12px;color:#666;}


.env{overflow: hidden;}
.env .env_c{text-align:center;}
.env .env_title{font-size:26px;color:#2e8bbe;text-align: center;margin-bottom:20px;font-weight: bold;}
.swiper-container1{overflow: hidden;position: relative;}
.swiper-container1 .swiper-wrapper{margin-left: 30px;}
.swiper-button-next {right:0 !important;}
.swiper-button-prev{left: 0 !important;}
.env p{text-align: center;padding:10px 0;margin-left: -30px;font-size: 16px;}



@media screen and (max-width:768px){



    .nw980 { width: 100%; }
    .banner{margin-top:50px;}
    .cotent{width: 94%;}
    .intro{margin:30px 0 10px 0;overflow: hidden;}
    .intro .tit{font-size: 18px;text-align: center;color: #666;padding-left: 0;}
    .intro .introi{display: none;}
    .intro .introp{padding:0 10px;width:100%;}

    .cr{width: 100%;float:none;}
    .address{margin-bottom:20px;overflow: hidden;}
    .address .bo{border:1px solid #ccc;border-top:none;padding:20px;font-size: 16px;}
    .address .city{background:none;overflow: hidden;padding:0;}
    .address .city .cityl{float: left;font-size: 18px;color:#2e8bbe;}
    .address .city .cityl span{font-size: 26px;}
    .address .city .cityr{float: right;}
    .address .city .cityr a{width: 100px;height: 30px;display:block;line-height: 30px;background: #2e8bbe;color:#fff;border-radius:5px;text-align: center;margin-top:0;}
    .address ul{}
    .address ul li{margin-bottom:5px;font-size: 16px;}
    .address ul li span{color:#2e8bbe;font-weight: bolder;}
    .address ul li .import{color:#e40000;}

    .mod-form {width:100%;margin: 10px auto;}
    .content .contact p{margin-bottom: 10px;}
    .fl,.fr{float:none;}
    .mod-form input{width:96%;}
    .mod-form select {width: 99%;padding:2px 5px;line-height:1.5;height:32px;}
    .mod-form .age {width: 100%;}
    .mod-form textarea{width: 90%;}
    .mod-form .quickTitle button,.mod-form .quickTitle span{width: 40%;}

    .env{overflow: hidden;margin-top:30px;}
    .env_c img{width:100%;}
    .env .env_c{}
    .env .env_title{font-size:20px;color:#2e8bbe;text-align: center;margin-bottom:10px;font-weight: bold;}
    .swiper-container1{overflow: hidden;position: relative;}
    .swiper-container1 .swiper-wrapper{margin-left: 0;}
    .swiper-button-next {right:0 !important;}
    .swiper-button-prev{left: 0 !important;}
    .env p{text-align: center;padding:10px 0;margin-left: 0;font-size: 16px;}

    .title{background: #2e8bbe;color:#fff;text-align: center;font-size: 1.5rem;padding:4px 0;}
    .cl{float:left;width: 100%;margin-top:30px;}
    .cl img{display: block;width: 100%;}

}

.swiper-slide img {
    border: none;
    width: 100%;
    height: 460px;
    object-fit: contain;
}

@media screen and (max-width:768px) {
    .swiper-slide img {
        border: none;
        width: 100%;
        height: 260px;
        object-fit: contain;
    }
}

/** promotion active css **/
:root {
    --sharing-session-background: #2e8bbe;
    --sharing-session-text: #ffffff;
    --sharing-session-border: #dedede90;
}
.sharing-session-container {
    border: 1px solid var(--sharing-session-border);
}
.sharing-session-container header {
    background-color: var(--sharing-session-background);
    color: var(--sharing-session-text);
    font-size: 1.5rem;
    text-align: center;
    padding: 1rem;
}

.sharing-session-item {
    display: flex;
    gap: 1rem;
    margin-top: 10px;
    padding-right: 10px;
    border-bottom: 1px solid var(--sharing-session-border);
}

.sharing-session-item:last-child {
    border-bottom: none;
}

.sharing-session-item .region {
    background-color: var(--sharing-session-background);
    padding: 0 8px;
    color: var(--sharing-session-text);
    font-size: 1rem;
    max-width: 6rem;
    width: 100%;
    display: flex;
    align-items: center;
}
.sharing-session-item .info {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr) auto;
    gap: 1rem;
    padding: 8px 0;
}

@media (max-width: 768px) {
    .sharing-session-item .info {
        grid-template-columns: 1fr;
    }
}

.sharing-session-item .region p {
    width: 100%;
    text-align: center;
}
.sharing-session-item .info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
}
.sharing-session-item .info ul li {
    margin-bottom: 6px;
}
.sharing-session-item .info ul li:first-child {
    font-weight: bold;
}
.sharing-session-item .info ul li:last-child {
    color: #3f3d3d;
}

.sharing-session-item .info-item a {
    box-sizing: border-box;
    background: var(--sharing-session-background);
    color: var(--sharing-session-text);
    border-radius: 20px;
    margin-top: 6px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 0.9rem;
    padding: 10px;
}
.info .last-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.info .last-item span {
    font-size: 2em;
    color: red;
    font-weight: bold;
}

.sharing-session-item .info-item ul:first-child {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .sharing-session-item .info-item {
        border-bottom: 1px solid var(--sharing-session-border);
    }
    .sharing-session-item .last-item {
        align-items: start;
    }
    .sharing-session-item .info-item a {
        order: 2;
        width: 100%;
        margin-bottom: 10px;
        font-size: 1.2rem;
    }
    .sharing-session-item .info-item div {
        order: 1;
    }
    .sharing-session-item .info-item ul:first-child {
        margin-bottom: 10px;
    }
    .info .last-item span {
        font-size: 1.8em;
    }
    .sharing-session-item .info {
        padding: 0;
    }
}