h1,h2,h3,h4,h5,h6,p{ font-size: 100%; margin: 0; } .tutors{ width: 100%; height: 54.286em; background: url(../images/sz-back03.png) no-repeat; background-size: cover; max-width: 1920px; margin: 0 auto; position: relative; } .tutorsLeft,.tutorsRight{ position: absolute; top: 0; width: 50%; height: 100%; } .tutorsLeft{ background: rgba(0,0,0,0.54); left: 0; } .tutorsLead{ width: 74.5%; float: right; } .tutorsLead h1{ font-size: 2.857em; margin-top: 1.175em; line-height: 2.2em; color: #fff; } .hr01{ position: absolute; left: 0; } .hr01>em{ display: inline-block; width: 32.429em; height: 0.643em; background: #7E1616; } .hr01>span{ font-size: 1.286em; font-weight: bold; color: #fff; margin-left: 1.4em; } .tutorsLeaderL{ width: 10%; /*height: 2.571em;*/ background-color: #7E1616; color: #fff; text-align: center; line-height: 2.571em; /* margin-top: 1.3em; */ } .tutorsLeaders{ margin-top: 3em; } .tutorsLeader1,.tutorsLeader2,.tutorsLeader3{ margin-top: 2em; } .tutorsLeader1 ul,.tutorsLeader2 ul,.tutorsLeader3 ul{ width: 88%; } .tutorsLeader1 li,.tutorsLeader2 li,.tutorsLeader3 li{ padding: 0 1em; line-height: 2.375em; white-space: nowrap; float: left; width: 33.3%; } .tutorsLeader1 li a,.tutorsLeader2 li a,.tutorsLeader3 li a{ color: #FFFFFF; font-size: 1.143em; } .tutorsRight{ background: rgba(0,0,0,0.68); right: 0; } .tutorsNews{ width: 100%; height: auto; border-top: 0.071em solid #7E1616; border-bottom: 0.071em solid #7E1616; margin-top: 13.571em; } .tutorsBig{ width: 74.5%; } .tutorsBig>ul{ padding: 1.426em 0 1.426em 2.857em; } .tutorsBigImg{ width: 24.58%; } .tutorsBigImg img{ width: 100%; } .tutorsBigDesc{ width: 69.23%; } .tutorsBigDesc h4{ font-size: 1.286em; color: #fff; line-height: 3.286em; margin-top: 1em; } .tutorsBigDesc p{ font-size: 1em; line-height: 2.286em; color: #EEEEEE; } .tutorsBottom{ position: absolute; bottom: 0; left: 0; /* padding: 2% 0; */ width: 100%; background: rgba(0,0,0,0.6); } .tutorsBottom ul{ width: 90%; } .tutorsBottom li{ width: 6.1%; height: 12.143em; padding: 0 1%; cursor: pointer; float: left; } .tutorsBottom li em{ display: block; width: 2.786em; height: 0.071em; background-color: #fff; margin: 23.53% auto 1em; } .tutorsBottom li p{ color: #fff; /* padding: 0; */ /* padding: 0 10%; */ font-size: 1.143em; line-height: 1.9375em; text-align: center; } .chaKan{ width: 10%; } .chaKan em{ display: block; width: 2.786em; height: 0.071em; background-color: #fff; margin: 23.53% auto 1em; } .chaKan a{ display: block; width: 6.25em; height: 2.8175em; border: 1px solid #767676; border-radius: 1.5625em; text-align: center; color: #fff; line-height: 2.8175em; margin: 0 auto; } .chaKan a:hover { background-color: #7E1616; } .tutorsBottom li.on{ background-color: #7E1616; } @media (max-width:991px ) { .hr01>em{ display: none; } .hr01{ width: 100%;text-align: center; } .tutorsLead{ width: 90%; } .tutorsBigImg{ width: 46.58%; float: none; } .tutorsBigDesc{ float: none; width: 100%; height: 12em; overflow: hidden; } } @media (max-width:768px){ .tutorsRight{ display: none; } .tutorsLeft{ width: 100%; float: none; } .tutorsBottom{ width: 100%; overflow-x: auto; } .tutorsBottom>.container{ width: 100%; height: 12.143em; } .tutorsBottom ul{ width: 657px; } .tutorsBottom li{ width: 73px; padding: 0 4px; } .sz-p li+li{ margin-left: 0; } .sz-p li{ width: 25%; text-align: center; } } @media (max-width:375px ) { .tutorsLead{ width: 96%; } }