.banner{background: url("https://img.asiancancer.com/images/newmalai/contact.png") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #1E5484;width: 260px;}
.banner .banner-text .second{font-size: 35px;}

.head-title .in_title{font-size: 36px;font-weight: bold;text-align: center;}
.head-title .sec{margin: 50px auto;display: flex;justify-content: center;}
.head-title .sec ul{display: flex;justify-content: space-between;width: 60%;}
.head-title .sec ul li{text-align: center;width: calc((100%/4) - 15px);border-radius: 8px;border: 1px solid #363636;padding: 3px;}
.head-title .sec ul li a{}
.head-title .sec ul .active{background: #1e5484;color:#ffffff;}
.head-title .sec ul .active a{color: #ffffff;}

.contact-content{margin-bottom: 80px;}
.contact-content .contact_intro{color: #666666;margin-top: 20px;}
.contact-content .contact_list{background: #F5F7FA;border-radius: 16px;padding: 35px;display: flow-root;}
.contact-content .contact_list .form .formtitle{font-size: 28px;color: #333333;font-weight: bold;}
.contact-content .contact_list .form .marginleft {margin-right: 5%;}
.contact-content .contact_list .form .marginright {margin-left: 5%;}
.contact-content .contact_list .form .form-group {float: left;margin-bottom: 15px;width: 45%;}
.contact-content .contact_list .form .form-group .input{width: 100%;height: 48px;background:#FFFFFF;text-indent: 20px;}
.contact-content .contact_list .form .form-group div {margin-top: 15px;line-height: 100%!important;}
.contact-content .contact_list .form .form-group .select-nat{height: 48px;width: 100%;background:#FFFFFF;border: none;text-indent: 20px;}
.contact-content .contact_list .form .form-group .country{border: none;}
.contact-content .contact_list .form .form-group .input-tel{width:79%;background:#FFFFFF;height: 48px;text-indent: 20px;}
.contact-content .contact_list .form .form-group .country{background:#FFFFFF;height: 48px;width: 20%;}
.contact-content .contact_list .form .form-group .radio_left{float: left;margin-right: 50px;}
.contact-content .contact_list .form .form-group .formp{margin-bottom:10px;}
.contact-content .contact_list .form .quickTitle{text-align: center;margin-top: 20px;display: inline-block;width: 100%;}
.contact-content .contact_list .form .quickTitle .cBtn{height: 48px;border-radius: 4px;color: #ffffff;width: 40%;background: #1E5484;}
.contact-content .contact_list dl{float: left;}
.contact-content .contact_list dl dt{font-size: 28px;font-weight: bold;margin-bottom: 15px;}
.contact-content .contact_list dl a{width: 408px;height: 48px;background:#1E5484;display: block;color: #ffffff;text-align: center;line-height: 48px;border-radius: 4px;margin-top: 100px;}
.contact-content .contact_list .map{float: right;display: block;}
.contact-content .contact_list .m-map{display: none;}
.contact-content .question{width: 100%;background: #E6E6E6;display: inline-block;height: 291px;}
.contact-content .question ul li{float: left;width: 33%;text-align: center;margin-top: 65px;}

/*关注我们*/
.contact-content .focus_list{margin-bottom: 100px;}
.contact-content .focus_list ul{display:flex;justify-content: center;}
.contact-content .focus_list li{width: calc((80%/2) - 15px);text-align: center;margin:15px;height: 100px;border: 1px solid #666666;border-radius: 48px;}
.contact-content .focus_list li div{display: inline-block;}
.contact-content .focus_list li .img{line-height: 100px;}
.contact-content .focus_list li .img img{width: 80%;}
.contact-content .focus_list li .arrow{line-height: 100px;}
.contact-content .focus_list li .arrow img{width: 60%;}
.contact-content .focus_list li .txt{display: inline-grid;text-align: left;margin-right: 20px;}
.contact-content .focus_list li .txt span{}
.contact-content .focus_list li a{padding: 30px;}
.contact-content .focus_list li:hover{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%);}

/*投诉建议*/
.report-group .img-box{text-align: center;padding: 30px;background: #ffffff;}
.report-group #imgBox {}
.report-group .upload_img {width: 3rem;height: 3rem;}

/*表单*/
.formbg{background: #F5F7FA;padding: 0 10px;}
.formbg .vb-l-t{display: flex;}
.formbg form{border-radius: 16px;padding-bottom: 50px;}
.formbg form .title{padding:30px 0;margin-left: 50px;font-size: 32px;font-weight: bold;}
.formbg form .form-group{width: 49%;float:left;}
.formbg form .tginput{margin-bottom: 20px;}
.formbg form .tginput .formp{margin-bottom: 10px;}
.formbg form .tginput input{background: #ffffff;width:97%;height: 48px;border-radius: 8px;text-indent: 20px;}
.formbg form .form-notice input{width: 47.5%;text-indent: 20px;height: 48px;border-radius: 8px;}
.formbg form .tginput .country{height: 48px;background: #F0F0F0;border-radius: 8px;border: 0px;font-size:13.3px;}

.formbg form .box{}
.formbg form .box .radio_left{float:left;margin-top: 30px;margin-right:10px;width:45%;}
.formbg form .box .radio_left .radio{margin: 10px 0;}
.formbg .form-img-box{display: inline-block;margin-bottom: 20px;}
.formbg .form-img-box .formp{margin-bottom:10px;}

.quickTitle .cBtn{background: #1E5484;height: 48px;color: #ffffff;width: 636px;border-radius: 8px;}
.formbg form .form-group .select-nat{border-radius:8px;height: 48px;width: 94%;background: #F0F0F0;border: none;}
.formbg form .quickTitle{text-align: center;margin-top: 30px;}


@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/contact.png") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}

    .head-title{padding: 0 10px;}
    .head-title .sec ul li a{font-size:13px;}
    .head-title .sec ul{width: 100%;}
    .contact-content {padding: 0 10px;}
    .contact-content .contact_intro{display: none;}
    /*表单*/
    .formbg{height:auto;}
    .formbg form .box{width:100%;}
    .formbg form .form-group{width:100%;float:inherit;}
    .formbg form .tginput input{width:100%;border:1px solid #cccccc;}
    .formbg form .form-notice input{width:100%;border:1px solid #cccccc;}
    .quickTitle .cBtn{width:70%;}
    .contact-content .contact_list .form .form-group{width:100%;}
    .contact-content .contact_list .form .marginright{margin-left: 0px;}
    .contact-content .contact_list .form .form-group .country{width: 19%;}
    .contact-content .contact_list .form .form-group .input-tel{width: 79%;}
    .contact-content .contact_list .form .quickTitle .cBtn{}
    .contact-content .contact_list .map{float: none;}

    /*关注*/
    .contact-content .focus_list ul{display: block;}
    .contact-content .focus_list li{width: 93%;height:auto;}
    .contact-content .focus_list li .txt{margin-right: 0px;width: 60%;}
    .contact-content .focus_list li .arrow{line-height: normal;}
    .contact-content .focus_list li a{padding: inherit;}
    .contact-content .focus_list li .img{line-height: 90px;}

    /*地址*/
    .contact-content .contact_list{padding: 15px;}
    .contact-content .contact_list dl a{width: 100%;margin:50px 0;}
    .contact-content .contact_list .map{display: none;}
    .contact-content .contact_list .m-map{display: block;}
}

 .contact_list .contact_list_sub {
     display: flex;
     justify-content: space-between;
 }

 @media screen and (max-width: 768px) {
     .contact_list .contact_list_sub {
         flex-direction: column;
     }
     .contact_list .contact_list_sub iframe {
         width: 100%;
         max-width: 100%;
         min-height: 300px;
     }
 }
.marginBotM30{margin-bottom: 30px;}