.max100{ max-width: 100%;} /************************************media**********************************/ .media_ad{ background: #cb2b2b; padding: 14px; text-align: center; } .media_ad p{ color: #ffffff; font-size: 1.6rem; line-height: 1.5; } .media_ad a{ display: inline-block; padding: 8px 30px; color: #cb2b2b; background: #f8d720; border-radius: 1px; font-size: 1.4rem; margin-top: 10px; } /*countdown*/ .countdown { margin: 10px auto; } .countdown ul li{ padding: 0 2%; width: 96%; float: left; height: 40px; } .countdown ul li.on{ background-color: #efefef; } .countdown ul li span{ width: 25%; font-size: 1.3rem; float: left; color: #454545; line-height: 40px; height: 40px; display: inline-block; } .countdown ul li span.w30{ width: 30%; } .countdown ul li a{ width: 20%; height: 30px; margin-top: 5px; line-height: 30px; text-align: center; color: #fff; font-size: 1.3rem; background-color: #f88620; display: inline-block; border-radius: 3px; } .countdown ul li span img{ vertical-align: middle; margin-left: 8px; width: 14px; } /*media_why*/ .media_why{ text-align: center; padding-top: 10px; background: #FFFFFF; } .media_why h2,.media_teach h2{ font-size: 1.8rem; color: #414143; line-height: 2.0; } .media_why p{ padding: 0 14px; font-size: 1.3rem; color: #727272; line-height: 1.4; margin: 8px auto; } .media_why h3{ padding: 0 14px; color: #454545; font-size: 1.5rem; line-height: 1.4; } .mt8{ margin-top: 8px; } .media_why h3 span,.media_why h5{ color: #d53f3f; } .media_why h4{ padding: 0 14px; color: #454545; font-size: 1.5rem; line-height: 1.4; font-weight: normal; } .media_why h5{ padding: 0 14px; font-size: 1.5rem; line-height: 1.4; } .media_why img{ margin: 10px auto 0 auto; width: 60%; } /*media_teach*/ .media_teach{ background: #FFFFFF; text-align: center; padding: 10px 0 0 0; } .media_teach span{ display: inline-block; padding: 6px 10px; font-size: 1.4rem; color: #FFFFFF; background: #f88620; margin: 8px auto; } /*media_cur*/ .media_cur{ background: #eeeded; padding: 10px 0; } .media_cur h2,.media_job h2,.media_case h2{ font-size: 1.8rem; color: #414143; line-height: 2.0; text-align: center; } .media_cur h3{ font-size: 1.3rem; color: #2e2e2e; line-height: 1.2; text-align: center; } .media_cur ul{ background: #FFFFFF; width:calc(100% - 28px); margin: 10px auto; } .media_cur ul li img{ width: 50%; height: 110px; } .media_cur ul li div{ display: inline-block; padding: 10px; width: calc(50% - 20px); } .media_cur ul li div p{ font-size: 1.3rem; line-height: 18px; height: 18px; overflow: hidden; color: #666666; } /*media_job*/ .media_job{ background: #FFFFFF; padding: 10px 0; } .medis_job_cont{ background: #0268c7; margin: 10px; color: #FFFFFF; padding-bottom: 10px; } .medis_job_cont h3{ font-size: 1.6rem; height: 30px; line-height: 30px; padding: 8px 0; color: #0268c7; } .medis_job_cont h3 b{ display: block; background: url(../images/media/bg.jpg) no-repeat center left; background-size:110px 30px ; width: 110px; float: left; text-align: center; } .medis_job_cont h3 span{ margin-left: 10px; color: #fcf536; } .medis_job_cont p{ padding: 10px 20px; line-height: 1.4; font-size: 1.3rem; } .medis_job_cont a{ display: block; width: 140px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto; background: #fcf536; color: #333333; font-size: 1.6rem; font-weight: bold; border-radius: 1px; } /*media_case*/ .media_case{ padding: 10px; } .media_case .media_case_t1{ font-size: 1.5rem; color: #2e2e2e; line-height: 1.5; padding: 0 14px; text-align: center; margin-bottom: 6px; } .media_case .media_case_t1 span{ color: #d53f3f; } .media_case_c1{ background: #d53f3f; color: #FFFFFF; padding: 16px 10px; text-align: center; margin: 10px; } .media_case_c1 h3{ font-size: 1.6rem; line-height: 1.5; } .media_stu h4{ height: 36px; line-height: 36px; text-align: center; color: #FFFFFF; font-size: 1.8rem; background: url(../images/media/media_26.jpg) no-repeat center center; background-size:80% auto ; margin-top: 16px; } .media_stu h6{ text-align: center; font-size: 1.3rem; line-height: 1.5; color: #454545; font-weight: normal; margin: 10px auto; } .media_stu_c{ background: #FFFFFF; height: 108px; padding: 20px 10px; overflow: hidden; margin: 10px 0; } .media_stu_c img{ height: 100px; float: left; margin-right: 10px; } .media_stu_c span{ display: inline-block; background: #6c6c6c; padding: 4px 6px; font-size: 1.4em; color: #FFFFFF; line-height: 20px; height: 20px; overflow: hidden; } @media only screen and (max-width:320px){.media_stu_c span{width: 157px;}} .media_stu_c h5{ color: #454545; font-size: 1.4rem; line-height: 24px; } .media_stu_c p{ font-size: 1.4rem; color: #454545; line-height: 20px; height: 56px; overflow: hidden; } .media_stu_c p em{ color: #d53f3f; } /*media_ad1*/ .media_ad1{ text-align: center; padding: 0 10px; } .media_ad1 h2{ font-size: 2.2rem; font-weight: bolder; color: #0268c7; line-height: 1.4; } .media_ad1 a{ display: block; width: 140px; height: 32px; line-height: 32px; text-align: center; margin: 10px auto; background: #d53f3f; color: #ffffff; font-size: 1.6rem; font-weight: bold; border-radius: 1px; }