@charset "UTF-8";

html,body { width:100%;background: #ffffff;margin: 0;font-family:PingFangSC-Regular;}
p,h1,h3 {margin: 0;}

.container {background: url(../images/black.png) no-repeat;background-size: cover;}
.index_head {width: 65%;margin: 15px auto;display: flex;align-items: center;justify-content: space-between;}
.index_head>div>img {height: 20px;}
.index_head>div>span {font-size: 18px;color: #333333;;font-weight: bold;margin-left: 14px;}
.index_banner {width: 100%;height: 400px;background: url(../images/banner.png) no-repeat;background-size: cover;}
.index_banner h1 {padding-top: 120px;padding-left: 17.5%;font-size: 42px;color: #ffffff;font-weight: normal;margin-bottom: 10px;}
.index_banner h3 {padding-left: 17.5%;font-size: 24px;color: #ffffff;font-weight: normal;margin-bottom: 20px;}
.index_banner>span {display: block;width: 140px;height: 42px;line-height: 42px;background-color: #272526;border-radius: 3px;text-align: center;color: #ffffff;margin-left: 17.5%;font-size: 22px;letter-spacing: 2px;}
.index_cont {width: 65%;margin: 40px auto;}
.index_cont .cont_tit {font-size: 22px;color: #333333;;font-weight: bold;letter-spacing: 2px;margin-bottom: 10px;}
.index_cont .cont_tip {font-size: 14px;color: #666666;;margin-bottom: 20px;}
.routines {display: flex;}
.routine_cont {width: 22%;padding: 5% 2%;margin-right: 11%;text-align: center;background:rgba(255,255,255,1);border-radius:10px;}
.routine_cont:last-child {margin-right: 0;}
.routine_cont>img {width: 70%;}
.routine_cont p {color: #999999;font-size: 14px;margin: 5px 0;font-weight:400;line-height: 26px;}
.routine_cont .routine_tit {color: #333333;font-size: 16px;font-weight: bold;margin-top: 25px;margin-bottom: 15px;} 
.index_footer {width: 100%;background-color: #000000;text-align: center;padding: 15px 0;}
.index_footer p {color: #999999;margin: 10px 0;font-size: 14px;}
.index_footer .footer_tip {color: #ffffff;font-size: 16px;}
.index_footer img {margin: 15px 0;height: 130px;}