@charset "UTF-8";
body{background: #ffffff;}
.content1-wrapper{padding:10px;box-sizing: border-box;}
.cnt1-flex-wrapper,.cnt1-flex-elems{float: left;}
.cnt1-flex-elems{align-items: center;margin-top:20px;}
.cnt1-tit1{text-align: center;font-weight: normal;font-size: 22px;font-family: 微软雅黑;}
.cnt1-small-title{font-size: 13px;color:#909090;text-align: center;}
.wechat-img{width:150px;height: 160px;margin-top:20px;}
.cnt1-tit2{width: fit-content;font-size: 22px;font-family: 微软雅黑;margin-top:30px;position: relative;padding:8px 0;}
.cnt1-tit2::before{display: block;float: left;content: "";width:40px;height: 2px;position: absolute;z-index: 50;background: var(--theme-bg-color--);left:calc(50% - 20px);bottom:0;}
.conatact-data1-grid{display: grid;float: left;width:90%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:20px;}
.contact-data{float: left;width: calc(100% - 2px);padding:10px;box-sizing: border-box;align-items: center;border:1px solid #eeeeee;height: 100px;transition: 0.2s ease-in-out 0s;}
.contact-data > span{display: block;float: left;width: fit-content;color: #606060;transition: 0.2s ease-in-out 0s;}
.contact-data > span:first-child{width:40px;height: 40px;text-align: center;line-height: 40px;font-size: 24px;}
.contact-data > span:last-child{font-size: 13px;text-align: center;margin-top:10px;}
.contact-data:last-child > span:last-child{margin-top:0;}
.contact-data:hover{background: var(--theme-bg-color--);}
.contact-data:hover > span{color:#fff;}
.cnt1-small-tit2{width:80%;font-size: 13px;color:#909090;text-align: center;margin-top:10px;}
.cact-cer-input{outline: none;border:none;}
.cact-cer-input{width:100%;height: 44px;background: #efefef;margin-top: 10px;padding:15px;box-sizing: border-box;border-radius: 3px;transition: 0.2s ease-in-out 0s;}
.cact-cer-input:focus{background: #e1e1e1;}
.content2-wrapper{padding:10px;box-sizing: border-box;}
.cnt2-tit1{font-family: 'kk';font-size: 18px;text-align: center;color: var(--theme-bg-color--);opacity: 0.3;margin-top:30px;}
.cnt2-tit2{text-align: center;font-size: 17px;margin-top:24px;font-weight: lighter;}
.cnt2-tit3{text-align: center;font-size: 12px;color: #838383;margin-top:5px;}
.cnt2-tit4{font-family: 'kk';font-size: 22px;text-align: center;color:var(--theme-bg-color--);margin-top:20px;}
.call-box{align-items: center;float: left;justify-content: center;margin-top:20px;}
.btn-call-tell{width:40px;height: 40px;text-align: center;line-height: 40px;font-size: 36px;position: relative;color:#f23f1c!important;}
.btn-call-tell::after{display: block;float: left;width:60px;height: 60px;content: "";background: url("../../../images/img_rec_point.png") no-repeat;background-size:100% 100%;position: absolute;z-index: 50;top: -10px;left: -10px;animation: call-tell-anim 3s infinite linear;}
@keyframes call-tell-anim { from{transform: rotate(0deg);} to{transform: rotate(360deg)} }
.case-recomed-tit{margin-top:30px;}
.liu-submit-send{cursor: pointer;}
.liu-submit-send:hover{background: var(--theme-hover-color--);}
@media (min-width: 640px){
    .cnt2-tit1{font-size: 24px;}
    .cnt2-tit2{font-size: 28px;}
    .cnt2-tit3{font-size: 17px;}
    .cnt2-tit4{font-size: 28px;}
    .cnt1-tit-name{font-size: 24px;font-weight: bold;}
}
@media (min-width: 768px){
    .cnt1-flex-wrapper{flex-direction: row;justify-content: space-between;}
    .cnt1-flex-wrapper > .cnt1-flex-elems:last-child{padding-left: 24px;border-left: 1px solid #eee;}
}
@media (min-width: 992px){
    .cnt2-tit1{margin-top:60px;}
    .cnt1-tit-name{font-size: 28px;font-weight: bold;color: #3a3a3a;}
}
@media (min-width: 1200px){
    .cnt1-flex-wrapper{margin-top:40px;}
    .cnt1-flex-wrapper{width:1160px;margin-left: calc(50% - 580px);}
    .cnt1-flex-wrapper{justify-content: center;}
    .cnt1-flex-elems{width:400px;}
    .cnt1-flex-wrapper > .cnt1-flex-elems:last-child{padding-left: 60px;}
    .cnt1-flex-wrapper > .cnt1-flex-elems:first-child{padding-right: 50px;}
}
@media (min-width: 1440px){
    .cnt1-flex-wrapper{margin-top:60px;}
    .cnt1-flex-wrapper{width:1380px;margin-left: calc(50% - 690px);}
    .cnt1-flex-wrapper > .cnt1-flex-elems:last-child{padding-left: 120px;}
    .cnt1-flex-wrapper > .cnt1-flex-elems:first-child{padding-right: 100px;}
    .cnt1-flex-elems{width:510px;}
}