.branch{ background: linear-gradient(180deg, #FFFEFE 0%, #F3F3F3 100%); display: flex; align-items: center; } .branch_lef{ width: 50%; padding: 50px 10px 50px 0; text-align: center; } .list_img{ display: flex; justify-content: center; margin-top: 20px; } .list_img div{ margin: 0px 10px; padding: 10px; cursor: pointer; border: 1px solid #f4f4f4; } .branch_rightr{ flex:1; } .branch_rightr h3{ font-size: 48px; font-weight: bold; } .branch_rightr h4{ font-size: 30px; font-weight: normal; } .branch_rightr p{ width: 80%; } .branch_rightr div{ margin-top: 50px; width: 50%; display: flex; justify-content: space-between; } .actaive{ border: 1px solid #0a2a8f !important; } .cunioc{ margin-top: 30px; position: relative; padding-bottom: 50px; } .cunioc_t1{ position: absolute; top: 0; left: 0; } .cunioc_t1 span{ vertical-align: middle; color: #999999; } .cunioc_t2{ display: flex; justify-content: center; } .cunioc_t2 ul{ display: flex; } .cunioc_t2 ul li{ font-size: 18px; font-weight: 400; margin: 0px 40px; cursor: pointer; padding-bottom: 10px; } .backg{ margin-top: 20px; position: relative; } .backg_item{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .backg_item h4{ font-size: 42px; font-weight: 400; text-align: center; } .backg_item p{ font-size: 18px; font-weight: normal; } .stryel{ color: #0a2a8f; border-bottom: 1px solid #e71e0f; } .cnter_box{ background-color: #f6f7f9; margin-top: 80px; } .cnter_box .img{width:30%;} .row_item{ background-color: white; } .row_item_rrr{ padding-left: 30px; } .row_item_rrr h4{ font-size: 19px; font-weight: 400; } .row_item_rrr p{ font-size: 14px; font-weight: 400; color: #999999; } .klasd{ margin-top: 30px; } .ttle{ background-color: #3b3b3b; color: white; padding: 5px 30px; font-size: 20px; font-weight: normal; } .ttt2{ display: flex; align-items: center; } .ttt2_t1{ width: 10%; background-color: #f6f8fb; font-size: 16px; text-align: center; padding: 10px 0px; } .ttt2_t2{ flex: 1; display: flex; justify-content: space-between; border-top: 1px solid #e6eaf1; padding: 10px; } .ttt2_t2 div{ border-right: 1px solid #e6eaf1; text-align: center; width: 10%; padding: 10px 0px; } .ttt2_t2 :last-child{ border: none; } .conpiee{ background-color: #f6f7f9; padding: 50px 0px; } .row_item2{ background-color: white; padding: 20px 30px; margin-bottom: 30px; } .iiit1 span{ margin-left: 10px; font-size: 16px; font-family: SourceHanSansCN-Regular-, SourceHanSansCN-Regular; font-weight: normal; } .iiit2{ margin: 15px 0px; display: flex; width: 70%; justify-content: space-between; } .iiit2 span{ font-size: 12px; font-family: SourceHanSansCN-Light-, SourceHanSansCN-Light; font-weight: normal; color: #606266; } .row_item2 p{ font-size: 14px; color: #606266; } .row_item2 button{ background-color: #0a2a8f; color: white; border: none; padding: 10px 60px; margin-top: 30px; } .aactive{ position: fixed; top: 73px; left: 0%; z-index: 999; width: 100%; box-shadow: -7px 1px 1px 1px #ededed; border-top: 1px solid #ededed; background: white; padding-top: 10px; } .daveyz-prde div[class*=col-]:nth-child(2n+1){clear:both;} .daveyz-prde div[class*=col-]:nth-child(1n+3){margin-top:30px;} .daveyz-prde div[class*=col-] .row_item{padding:15px;} @media(max-width:767px){ .branch{display:block;} .branch_lef{width:100%;padding:0;} .list_img div{width:50px;} .branch_rightr{padding:0 15px;} .branch_rightr h4{font-size:16px;} .branch_rightr h1{font-size:22px;} .branch_rightr p{width:100%;} .branch_rightr div{width:100%;margin-top:20px;margin-bottom:40px;} .daveyz-prde div[class*=col-]{padding:0;} .row_item_rrr h4 {font-size:16px;} .row_item_rrr p{font-size:12px;line-height:1.6;} .row_item_rrr{padding-left:10px;} .row_item2{margin-bottom:15px;padding:15px;} .dave-conpiee div[class*=col-]:last-child .row_item2{margin-bottom:0;} .dave-conpiee div[class*=col-] .iiit2{width:100%;display:block;margin:10px 0;} }