﻿
.topadcs {position:relative;overflow:hidden;}
.topadcs, .topadcs a.fullad,.topadcs, .topadcs a.fullad{height: 626px;}
.topadcs .mark {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.17);}
.topadcs .icon-map {position:absolute;left:1400px;top:250px;width:24px;height:24px;z-index:9;}
.leida span {position:absolute;left:1412px;top:262px;border-radius:50%;display:block;background:rgba(255,14,14,0.5);box-sizing:border-box;opacity:0;animation:rippleEffect infinite 3s linear;opacity:0;}
.circle1 {width:80px;height:80px;margin:-40px 0 0 -40px;z-index:5;}
.circle2 {width:160px;height:160px;margin:-80px 0 0 -80px;z-index:4;}
.circle3 {width:240px;height:240px;margin:-120px 0 0 -120px;z-index:3;}
.circle4 {width:600px;height:600px;margin:-300px 0 0 -300px;z-index:2;}
.circle5 {width:800px;height:800px;margin:-400px 0 0 -400px;z-index:1;}
@keyframes rippleEffect {0% {transform:scale(0.25);opacity:0.4;}
100% {transform:scale(1);/* 涟漪扩散到两倍大小 */    opacity:0;/* 结束时透明度为0，看起来像是消失了 */}
}
.connect-info {width:1400px;height:301px;background:#ffffff;box-shadow:0px 3px 25px 1px rgba(0,0,0,0.14);margin:-150px auto 0;position:relative;z-index:10;display:flex;align-items:center;}
.connect-info .info-item {margin:0 auto;}
.connect-info .info-item .icon {width:55px;height:55px;margin:0 auto;}
.connect-info .info-item .label {margin:18px 0;font-size:20px;width:135px;text-align:center;}
.connect-info .info-item .phone {font-size:20px;width:135px;text-align:center;}
.connect-info .info-item:hover {margin-top:-10px;}
.connect-info .divider {border:none;border-right:1px solid #d4d4d4;height:68px;width:1px;}
.md-title .title {font-weight:bold;font-size:35px;width:140px;margin:80px auto 12px;}
.md-title .his-divider {width:90px;height:4;margin:0 auto;}
.md-title .des {width:224px;margin:16px auto 65px;font-weight:300;font-size:16px;color:#666666;}
.form-container {width:1400px;margin:0 auto 65px;}
.form-container .my-form {width:100%;display:flex;flex-wrap:wrap;}
.my-cus-input,.my-icon-input {width:100%;height:56px;border-radius:5px 5px 5px 5px;border:1px solid #d2d2d2;box-sizing:border-box;padding:15px 18px;display:flex;align-items:center;margin-bottom:30px;}
.my-icon-input .icon {width:20px;height:20px;display:inline-block;}
.my-cus-input .my-input,.my-icon-input .my-input {width:calc(100% - 24px - 10px);height:100%;border:none;line-height:24px;font-size:16px;color:#222222;margin-left:10px;}
.my-cus-input .my-input {width:100%;}
.my-cus-input .my-textarea {width:100%;height:100%;border:none;line-height:24px;font-size:16px;color:#222222;}
.my-btn {width:210px;height:60px;font-weight:bold;font-size:18px;color:#ffffff;text-align:center;line-height:60px;margin:50px auto 0;border:none;display:block;cursor:pointer;}
.my-btn:hover {background:rgba(21,43,82,0.84);}
