@charset "utf-8";
/* CSS Document */
body{background: #fcf5ea;}
.old-header{ height: 466px; background: url("../images-new/old_bannerbg.png") center bottom no-repeat #fbead4; background-size: auto 100%;}
.zt-oldwza{ height: 75px; text-align: right; line-height: 0;}
.zt-oldwza a{ display: inline-block; margin-top: 10px; background: #ffa873; border-radius: 8px; line-height: 1.8; height: auto; font-size: 28px; padding: 0 25px; color: #fff; transition: 0.4s all;}
.zt-oldwza a:hover{color: #d00; font-weight: bold;}
.zt-oldwza .num1{display: none;}
.old-header .img_title{display: none;}
.zt-logo{ line-height: 0; font-size: 0; padding-bottom: 18px;}
.zt-logo a{display: inline-block;}
.zt_ban{ margin-left: 173px; height: 72px; line-height: 70px; padding: 0 68px; font-weight: bold; display: inline-block; border: 6px #fff solid; border-radius: 72px; font-size: 40px; background: #D61618; color: #fff;}
.mt50{margin-top: 50px;}
.old-bgfff{ border-radius: 16px; background: #fff; padding: 50px 0 0;}
/*快捷入口*/
.old-quick-entrance li{ float: left; padding: 0 0 50px 50px; width: 292px;}
.old-quick-entrance li a{display: block; background: linear-gradient(180deg, #F96A50 0%, #E22D2D 100%); text-align: center; border-radius: 16px; line-height: 0; padding: 33px 0 0; height: 235px; color: #fff; box-shadow: 1px 4px 10px 0 rgba(223, 138, 92, 0.15); transition: 0.4s box-shadow;}
.old-quick-entrance li img,.old-quick-entrance li span{display: block; vertical-align: middle; cursor: pointer;}
.old-quick-entrance li img{ border-radius: 50%; margin: 0 auto; width: 140px; height: 140px; transition: 0.4s all;}
.old-quick-entrance li span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 42px;letter-spacing: 0.05em; font-weight: bold; margin: 11px 0 0; height: 60px; line-height: 60px;}
.old-quick-entrance li.num2 a{background: linear-gradient(180deg, #6DE760 2%, #40BC2E 100%);}
.old-quick-entrance li.num3 a{background: linear-gradient(180deg, #FFC942 0%, #F67F1D 100%);}
.old-quick-entrance li.num4 a{background: linear-gradient(180deg, #53B8FE 0%, #4068DF 100%);}
.old-quick-entrance li.num5 a{background: linear-gradient(180deg, #53B8FE 0%, #4068DF 100%);}
.old-quick-entrance li.num6 a{background: linear-gradient(180deg, #FFC942 0%, #F67F1D 100%);}
.old-quick-entrance li.num7 a{background: linear-gradient(180deg, #C9A2FF 0%, #945CF0 97%);}
.old-quick-entrance li a:hover{box-shadow: 1px 4px 10px 0 rgba(145, 85, 67, 0.4);}
.old-quick-entrance li a:hover img{box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);}
/*暖心服务*/
.old-warm-server h2{ font-size: 0; height: 100px; background: url("../images-new/old_title.png") center 0 no-repeat; background-size: auto 100%; }
.old-warm-server{padding-bottom: 50px;}
.old-warm-server li{ float: left; padding: 50px 1px 0 50px; width: 406px;}
.old-warm-server li a{display: block; line-height: 46px; font-size: 36px; font-weight: bold; color: #394351; position: relative; padding: 35px 10px 0 34px; height: 155px; background: #fff1e8; border-radius: 16px;}
.old-warm-server li img{position: absolute; right: 0; bottom: 0; max-height: 100%; width: auto; z-index: 0;}
.old-warm-server li span{position: relative; z-index: 1;}
.old-warm-server li a:hover{ color: #C52D2E;}
@media (min-width: 1200px) and (max-width: 1419px){
.old-bgfff{padding: 30px 0 0;}
.old-quick-entrance li{ padding: 0 0 30px 30px; width: 262px;}
.old-warm-server{padding-bottom: 30px;}
.old-warm-server li{ width: 358px; padding: 30px 1px 0 30px;}
.old-warm-server li.num9 br{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px){
.old-header{height: 396px;}
.zt-oldwza{height: auto;}
.mt50{margin-top: 30px;}
.old-bgfff{padding-top:30px;}
.zt_ban{margin-left: 153px; font-size: 36px;}
.old-quick-entrance li{width: 290px; padding: 0 0 30px 30px;}
.old-quick-entrance li span{font-size: 38px;}
.old-warm-server{padding-bottom: 30px;}
.old-warm-server li a{font-size: 32px; padding: 35px 20px 0 25px;}
.old-warm-server li{width: 291px; padding: 30px 0 0 30px;}
.old-warm-server li.num9 br{display: none;}
}
@media (max-width: 991px){
.zt-oldwza{height: auto;}
.old-header{height: 310px;}
.zt-oldwza{height: auto;}
.zt-logo{ padding: 20px 0; text-align: left;}
.zt-logo img{ max-width: 90%; height: auto;}
.zt_ban{margin-left: 120px; font-size: 32px; padding: 0 40px;}
.mt50{margin-top: 20px;}
.old-bgfff{padding:20px 10px 0;}
.old-quick-entrance li{width: 50%; padding: 0 0 20px 0;}
.old-quick-entrance li a{ margin: 0 10px;}
.old-quick-entrance li span{font-size: 34px;}
.old-warm-server{padding-bottom: 20px;}
.old-warm-server h2{height: 80px; margin: 0 -10px;}
.old-warm-server li a{font-size: 28px; height: 155px; margin: 0 10px; padding: 15px 20px 0 25px;}
.old-warm-server li{width:50%; padding: 20px 0 0 0;}
.old-warm-server li br{display: none;}
}
@media (max-width: 767px){
.zt-oldwza{height: auto;}
.old-header{height: 310px;}
.zt-oldwza{height: auto;}
.zt-logo{ padding: 20px 0; text-align: left;}
.zt-logo img{ max-width: 90%; height: auto;}
.zt_ban{margin-left: 120px; font-size: 24px; padding: 0 40px;}

.old-quick-entrance li a{ height: 175px; padding-top: 25px;}
.old-quick-entrance li img{width: 100px; height: 100px;}
.old-quick-entrance li span{font-size: 26px; margin-top: 0;}

.old-warm-server h2{height: 65px;}
.old-warm-server li{width: 100%;}
.old-warm-server li a{font-size: 24px; height: 105px; margin: 0 10px; padding: 15px 20px 0 25px;}
}
@media (max-width: 374px){
.old-quick-entrance li{width: 100%;}
}


