.homecaselist { min-height: 0px; display-radio: 1; max-width: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; margin-top: -30px; margin-bottom: 0px; background_radio: 2; padding-top: 5%; padding-bottom: 5%; background-image: linear-gradient(18deg, #eef5ff, #fff, #eef5ff); border-radius: 30px 30px 0 0 }
 @keyframes circleScale {  0% {
 opacity: 1;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0)
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1)
}
}
 @-webkit-keyframes hvr-ripple-out {  100% {
 top: -12px;
 right: -12px;
 bottom: -12px;
 left: -12px;
 opacity: 0
}
}
 @keyframes hvr-ripple-out {  100% {
 top: -12px;
 right: -12px;
 bottom: -12px;
 left: -12px;
 opacity: 0
}
}
.homecaselist .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; background_radio: 1; max-width: 1600px; margin-left: auto; margin-right: auto; padding: 0 10px }
.homecaselist .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100% }
.wangdian1 { position: absolute; top: 38%; right: 59%; z-index: 2 }
.changzhoutu { position: absolute; width: 225px; height: 0; right: -240%; top: -75%;  transition: all .4s;
z-index: 0; opacity: 0 }
.shenzhentu { position: absolute; width: 225px; height: 0; right: -288%; top: 43%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.szjd { position: absolute; width: 225px; height: 0; right: -288%; top: 43%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.jidi1:hover .szjd { z-index: 99; height: 177px; opacity: 1; visibility: inherit }
.suzhoutu { position: absolute; width: 225px; height: 0; right: -653%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0 }
.wdslt1 { position: absolute; width: 225px; height: 0; right: 157%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt2 { position: absolute; width: 225px; height: 0; right: 156%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt3 { position: absolute; width: 225px; height: 0; right: 143%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt4 { position: absolute; width: 225px; height: 0; right: 135%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt5 { position: absolute; width: 225px; height: 0; right: -653%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt7 { position: absolute; width: 225px; height: 0; right: 157%; top: -700%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt8 { position: absolute; width: 225px; height: 0; right: -670%; top: -698%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt9 { position: absolute; width: 225px; height: 0; right: -700%; top: 80%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wdslt10 { position: absolute; width: 225px; height: 0; top: -700%; right: -653%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.wd1:hover .wdslt1 { z-index: 99; height: 177px; visibility: inherit; opacity: 1 }
.wd2:hover .wdslt2 { z-index: 99; height: 177px; visibility: inherit; opacity: 1 }
.wangdian1:hover .changzhoutu { z-index: 99; height: 177px; opacity: 1 }
.jidi2:hover .shenzhentu { z-index: 99; height: 177px; opacity: 1; visibility: inherit }
.wd6:hover .suzhoutu { z-index: 99; height: 177px; opacity: 1 }
.diqu1 { position: absolute; top: 34%; left: 18%; animation: jump 2s ease infinite; z-index: 3 }
.diqu2 { position: absolute; top: 47%; left: 24%; animation: jump 2s ease infinite; z-index: 3 }
.diqu3 { position: absolute; top: 13%; left: 46.3%; animation: jump 2s ease infinite; z-index: 3 }
.diqu4 { position: absolute; top: 48%; left: 63.3%; display: flex; flex-flow: row-reverse; animation: jump 2s ease infinite; z-index: 3 }
.wangdian1 img { z-index: 33; position: relative; width:300px }
.jidi1 { position: absolute; right: 21%; top: 46%; color: #f36325 }
.jidi2 { position: absolute; right: 21%; top: 41%; color: #f36325 }
.bsc1 { position: absolute; width: 225px; height: 0; right: -300%; top: -446%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.bsc2 { position: absolute; width: 225px; height: 0; right: -302%; top: -445%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.bsc3 { position: absolute; width: 225px; height: 0; right: -308%; top: -449%;  transition: all .4s;
opacity: 0; z-index: 0; visibility: hidden }
.bsc4 { position: absolute; width: 225px; height: 0; right: 131%; visibility: hidden; top: 25%;  transition: all .4s;
opacity: 0; z-index: 0 }
.diqu1:hover .bsc1 { z-index: 99; height: 177px; opacity: 1; visibility: inherit }
.diqu2:hover .bsc2 { z-index: 99; height: 177px; opacity: 1; visibility: inherit }
.diqu3:hover .bsc3 { z-index: 99; height: 177px; visibility: inherit; opacity: 1 }
.diqu4:hover .bsc4 { z-index: 99; height: 177px; opacity: 1; visibility: inherit }
.map p { font-size: 16px; display: none; font-family: "debad70e-57db-4488-a399-8bf8ec3ee7a7" }
.zongbu { display: flex; flex-flow: column; text-align: center; color: #004da0; font-size: 26px; font-weight: 400 }
.homecaselist .e_html-12 { min-height: 300px; background_radio: 1; display-radio: 1 }
.wd1 { position: absolute; top: 24%; left: 8.5%; z-index: 2 }
.wd2 { position: absolute; top: 31%; left: 6.6%; z-index: 2 }
.wd3 { position: absolute; top: 33%; right: 85%; z-index: 2 }
.wd4 { position: absolute; top: 38.5%; left: 8.5%; z-index: 2 }
.wd5 { position: absolute; top: 40%; right: 93%; z-index: 2 }
.wd6 { position: absolute; top: 36%; right: 84.5%; z-index: 9 }
.wd7 { position: absolute; top: 75%; left: 11%; z-index: 2 }
.wd8 { position: absolute; top: 25.5%; left: 69%; z-index: 2 }
.wd9 { position: absolute; top: 39%; right: 26%; z-index: 2 }
.wd10 { position: absolute; top: 50%; left: 72.2%; z-index: 2 }
.wd11 { position: absolute; top: 70%; left: 83%; z-index: 2 }
.wd12 { position: absolute; top: 92%; left: 26.5%; z-index: 2 }
.wd13 { position: absolute; top: 90%; left: 25%; z-index: 2 }
.wd14 { position: absolute; top: 62%; right: 21.4%; z-index: 2 }
.wd15 { position: absolute; top: 42%; right: 17%; z-index: 2 }
.wd16 { position: absolute; top: 42%; right: 14%; z-index: 2 }
.circle dd { height: 100%; position: absolute; top: 0%; left: 0%; transform: scale(0); border-radius: 50%; background-color: rgb(185 185 185 / 35%); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-animation: circleScale 2s linear infinite; -moz-animation: circleScale 2s linear infinite; -ms-animation: circleScale 2s linear infinite; animation: circleScale 2s linear infinite; width: 100% }
.homecaselist .e_container-1 .cbox-1-1 { flex: 0 0 899px }
.circle { width: 30px; height: 30px; margin: 0 auto; position: absolute; left: -26px; bottom: 15%; top: auto; z-index: 88 }
.circle dd { height: 100%; position: absolute; top: 0%; left: 0%; transform: scale(0); border-radius: 50%; background-color: rgb(243 99 37 / 0%); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-animation: circleScale 2s linear infinite; -moz-animation: circleScale 2s linear infinite; -ms-animation: circleScale 2s linear infinite; animation: circleScale 2s linear infinite; width: 100%; border: solid 4px rgb(243 99 37) }
.circle1 dd { height: 100%; position: absolute; top: 0%; left: 0%; transform: scale(0); border-radius: 50%; background-color: #004da0!important; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-animation: circleScale 2s linear infinite; -moz-animation: circleScale 2s linear infinite; -ms-animation: circleScale 2s linear infinite; animation: circleScale 2s linear infinite; width: 100%; border: solid 0px #398eeb!important }
.ditu img { filter: blur(0); transition: filter 1s; width: 94% }
.circle2 { width: 30px; height: 30px; margin: 0 auto; position: absolute; left: 40%; bottom: -40%; top: auto; z-index: 88 }
.circle2 dd { height: 100%; position: absolute; top: 0%; left: 0%; transform: scale(0); border-radius: 50%; background-color: #004da0!important; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-animation: circleScale 2s linear infinite; -moz-animation: circleScale 2s linear infinite; -ms-animation: circleScale 2s linear infinite; animation: circleScale 2s linear infinite; width: 100%; border: solid 0px rgb(243 99 37) !important }
.circle3 { width: 320px; height: 320px; margin: 0 auto; position: absolute; left: 36%; top: -6%; z-index: 0 }
.circle4 { width: 400px; height: 400px; margin: 0 auto; position: absolute; left: 4%; top: 9%; z-index: 0 }
.circle5 { width: 300px; height: 300px; margin: 0 auto; position: absolute; left: 16%; top: 29%; z-index: 0 }
.circle3 dd, .circle4 dd, .circle5 dd { height: 100%; position: absolute; top: 0%; left: 0%; transform: scale(0); border-radius: 50%; background-color: rgb(243 99 37 / 0%); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-animation: circleScale 2s linear infinite; -moz-animation: circleScale 2s linear infinite; -ms-animation: circleScale 2s linear infinite; animation: circleScale 2s linear infinite; width: 100%; border: solid 4px rgb(243 99 37) }
.homecaselist .e_container-23 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex }
.homecaselist .e_container-23 > .p_item { flex: 1; max-width: 100%; max-height: 100% }
.homecaselist .e_container-23 .cbox-23-0 { flex: 0 0 42%; padding-right: 4%; align-self: center; width:42%; float:left;}
.homecaselist .e_container-24 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex }
.homecaselist .e_container-24 > .p_item { flex: 1; max-width: 100%; max-height: 100% }
.homecaselist .e_text-25 { line-height:1.2; font-size:30px; color:#004da0; text-align: left; font-family: "AVGARDN";}
.homecaselist .e_text-26 { line-height:1.2; text-align: left; font-size:36px; text-transform: capitalize; margin-top: 0px; font-weight:bold; font-family:"SourceHanSansbold";}
.homecaselist .e_text-28 {text-align: left; line-height: 1.8; color: rgba(115, 115, 115, 1); font-size: 16px; width: 100%; margin-left: 0px; margin-right: auto; max-width: none; margin-bottom:10px; margin-top:10px }
.cont .icon path { fill: #fff }
.cont a { font-family: "roboto-regular"; font-size: 15px; color: #fff }
ul.cont { position: absolute; bottom: 17%; left: 19%; z-index: 2; background: #004da0; border-radius: 10px; padding: 20px }
.homecaselist .e_loop-31 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% }
.homecaselist .e_loop-31 .p_loopitem { flex: 0 0 33.3%; position: relative }
.homecaselist .e_loop-31 .p_page { text-align: center }
.homecaselist .e_loop-31 .p_filter_wrapper { width: 100%; font-size: 13px }
.homecaselist .e_loop-31 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0 }
.homecaselist .e_loop-31 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px }
.homecaselist .e_loop-31 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px }
.homecaselist .e_loop-31 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue }
.homecaselist .e_loop-31 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px }
.homecaselist .e_loop-31 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer }
.homecaselist .e_loop-31 .p_s_option { }
.homecaselist .e_loop-31 .multSelect { font-size: 13px; position: relative }
.homecaselist .e_loop-31 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white }
.homecaselist .e_loop-31 .multSelect.is-invalid .inputWrap { border-color: #dc3545 }
.homecaselist .e_loop-31 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px }
.homecaselist .e_loop-31 .multSelect ul, li { list-style: none }
.homecaselist .e_loop-31 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px }
.homecaselist .e_loop-31 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff }
.homecaselist .e_loop-31 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px }
.homecaselist .e_loop-31 .multSelect .multSelect-option>div.selected { color: #409eff }
.homecaselist .e_loop-31 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 }
.homecaselist .e_loop-31 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px }
.homecaselist .e_loop-31 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) }
.homecaselist .e_loop-31 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) }
.homecaselist .e_loop-31 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) }
.homecaselist .e_loop-31 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 }
.homecaselist .e_loop-31 .p_normal_start { display: inline; width: 100px; height: 40px }
.homecaselist .e_loop-31 .p_date_start { display: inline; width: 105px; height: 40px }
.homecaselist .e_loop-31 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px }
.homecaselist .e_loop-31 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px }
.homecaselist .e_loop-31 .p_split { margin: 0 5px }
.homecaselist .e_loop-31 .p_normal { margin-right: 16px }
.homecaselist .e_loop-31 .p_fbutton { background-color: #007bff; border: 1px solid #409EFF; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden }
.homecaselist .e_loop-31 .input-check, .homecaselist .e_loop-31 .input-radio { margin: 0 5px; vertical-align: text-top }
.homecaselist .e_loop-31 .position-left { display: flex }
.homecaselist .e_loop-31 .position-right { display: flex; flex-direction: row-reverse }
.homecaselist .e_loop-31 .position-top { }
.homecaselist .e_loop-31 .position-bottom { display: flex; flex-direction: column-reverse }
.homecaselist .e_loop-31 .p_mbutton { border: 1px solid #409EFF; text-decoration: none; color: #409EFF; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden }
.homecaselist .e_loop-31 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY( -45deg); transform: skewY( 360deg); position: absolute; bottom: 0px; right: 0; z-index: 1 }
 .homecaselist .e_loop-31 .p_mbutton::before {
 content: "";
 display: none;
 width: 6px;
 height: 9px;
 border-right: #ffffff solid 2px;
 border-bottom: #ffffff solid 2px;
 -webkit-transform: rotate( 35deg);
 transform: rotate( 35deg);
 position: absolute;
 bottom: 5px;
 right: 4px;
 z-index: 2
}
 .homecaselist .e_loop-31 .p_active .p_mbutton::before {
 display: block
}
 .homecaselist .e_loop-31 .p_active .p_mbutton::after {
 display: block
}
.homecaselist .e_loop-31 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px }
.homecaselist .e_loop-31 .p_filter_result { display: inline-block }
.homecaselist .e_loop-31 .p_contclear { cursor: pointer }
.homecaselist .e_loop-31 .swiper-container { padding-bottom: 30px }
.homecaselist .e_loop-31 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden }
.homecaselist .e_loop-31 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px }
.homecaselist .e_loop-31 .p_imgwrapper img { width: 100%; object-fit: cover }
.homecaselist .e_loop-31 .p_active .p_imgwrapper { border: 1px solid #409eff }
.homecaselist .e_loop-31 .p_filter_result { display: none }
.homecaselist .e_loop-31 .p_contclear { display: none }
.homecaselist .e_loop-31 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal }
.homecaselist .e_loop-31 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px }
.homecaselist .e_loop-31 .p_categoryActive { color: #409EFF }
.homecaselist .e_container-32 { display: flex; flex-wrap: wrap; flex-direction: row; width: auto; background_radio: 2; display-radio: flex; background-color: rgba(255, 255, 255, 1); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-left: 4%; padding-top: 4%; padding-bottom: 4%; padding-right: 4%; margin-right: 8px }
.homecaselist .e_container-32 > .p_item { flex: 1; max-width: 100%; max-height: 100% }
.homecaselist .e_text-33 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 14px; background-color: rgb(255 241 241); padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; max-width: none; border-radius: 50px; text-align: center }
.homecaselist .e_image-34 { overflow: hidden; display-radio: 1; max-width: none; margin-top: 15px; margin-bottom: 6px; width: 90%; margin-left: auto; margin-right: auto }
.homecaselist .e_image-34 img { width: 100%; height: 100%; object-fit: contain }
.homecaselist .e_text-35 { font_radio: 2; display-radio: -webkit-box; text-align: left; line-height: 1.4; color: rgba(115, 115, 115, 1); font-size: 14px; width: 100%; margin-left: 0px; margin-right: auto; max-width: none; margin-bottom: 0px; margin-top: 0px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px }
 @media screen and (max-width: 768px) {
 .ditu {
 width:100%!important
}
 .circle dd {
 height: 100%;
 position: absolute;
 top: 0%;
 left: 0%;
 transform: scale(0);
 border-radius: 50%;
 background-color: rgb(243 99 37 / 0%);
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -webkit-animation: circleScale 2s linear infinite;
 -moz-animation: circleScale 2s linear infinite;
 -ms-animation: circleScale 2s linear infinite;
 animation: circleScale 2s linear infinite;
 width: 100%;
 border: solid 4px rgb(243 99 37)
}
 .circle dd:nth-of-type(2) {
 animation-delay: 0.5s
}
 .circle dd:nth-of-type(3) {
 animation-delay: 1s
}
 .circle dd:nth-of-type(4) {
 animation-delay: 1.5s
}
 .map {
 width: 100%;
 height: 100%;
 position: relative
}
 .circle dt {
 cursor: pointer;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 60px;
 height: 60px;
 background: #c0184c;
 border-radius: 50%
}
 .homecaselist .e_loop-31 .p_loopitem {
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: calc(100% / 2)
}
 .homecaselist {
 display-radio: 1;
 margin-top: 0px;
 background_radio: 2;
 padding-top: 40px;
 padding-bottom: 30px
}
 .homecaselist .e_container-1 {
 display-radio: 1;
 background_radio: 1;
 width: auto;
 max-width: none
}
 .homecaselist .e_container-1 .cbox-1-0 {
 flex: 0 0 100%
}
 .homecaselist .e_container-1 .cbox-1-1 {
 flex: 0 0 100%
}
 .homecaselist .e_html-12 {
 display: none;
 display-radio: none
}
 .homecaselist .e_text-28 {
 font_radio: 2;
 display-radio: 1;
 max-width: none;
 width: auto;
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 20px
}
 .homecaselist .e_text-35 {
 font_radio: 2;
 display-radio: 1;
 max-width: none;
 width: auto;
 font-size: 12px;
 line-height: 1.5
}
 .homecaselist .e_text-26 {
 font_radio: 2;
 display-radio: 1;
 font-size: 24px;
 color: #333333;
 line-height: 1.4
}
 .homecaselist .e_text-25 {
 font_radio: 2;
 display-radio: 1;
 font-size: 14px;
 line-height: 1
}
 .homecaselist .e_container-23 {
 background_radio: 1;
 display-radio: 1;
 width: auto;
 max-width: none
}
 .homecaselist .e_container-23 .cbox-23-0 {
 flex: 0 0 100%;
 padding-right: 0px
}
 .homecaselist .e_container-23 .cbox-23-1 {
 flex: 0 0 100%
}
 .homecaselist .e_loop-31 {
 display-radio: 1;
 max-width: none;
 width: auto
}
 .homecaselist .e_container-24 {
 background_radio: 1;
 display-radio: 1;
 width: auto;
 max-width: none;
 margin-right: auto;
 margin-left: auto
}
 .homecaselist .e_image-34 {
 display-radio: 1
}
 .homecaselist .e_container-32 {
 background_radio: 1;
 display-radio: 1;
 margin-left: 5px;
 margin-right: 5px
}
}
 @media screen and (min-width: 769px) {
 .ditu {
 width:100%!important
}
 .circle dd {
 height: 100%;
 position: absolute;
 top: 0%;
 left: 0%;
 transform: scale(0);
 border-radius: 50%;
 background-color: rgb(243 99 37 / 0%);
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -webkit-animation: circleScale 2s linear infinite;
 -moz-animation: circleScale 2s linear infinite;
 -ms-animation: circleScale 2s linear infinite;
 animation: circleScale 2s linear infinite;
 width: 100%;
 border: solid 4px rgb(243 99 37)
}
 .circle dd:nth-of-type(2) {
 animation-delay: 0.5s
}
 .circle dd:nth-of-type(3) {
 animation-delay: 1s
}
 .circle dd:nth-of-type(4) {
 animation-delay: 1.5s
}
 .map {
 width: 100%;
 height: 100%;
 position: relative
}
 .circle dt {
 cursor: pointer;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 60px;
 height: 60px;
 background: #c0184c;
 border-radius: 50%
}
 .homecaselist .e_loop-31 .p_loopitem {
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: calc(100% / 2)
}
}
.icon {
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
}