/* Compiled Less CSS File */ /* Generated from "puhe.css" */ @charset "utf-8"; /* CSS Document */ @media (min-width: 1400px) { } @media (max-width: 1260px) { .headbox .box { width: 96%; margin: 0 auto; } .homepart1 .centerbox .centerin { width: 96%; margin: 0 auto; } .homepart2 .centerbox .centerin { width: 96%; margin: 0 auto; } .homepart3 .centerbox .centerin { width: 96%; margin: 0 auto; } .homepart3mob .centerbox .centerin { width: 96%; margin: 0 auto; } .homepart4 .centerin { width: 96%; margin: 0 auto; } .footer .centerbox .centerin { width: 96%; margin: 0 auto; } .ertop .centerbox .centerin { width: 96%; margin: 0 auto; } .mainbox .centerbox .centerin { width: 96%; margin: 0 auto; } } @media (max-width: 1199px) { .homepart3 { display: none; } .homepart3mob { display: block; } .homepart3mob .centerin .list { height: auto; width: 100%; } .homepart3mob .centerin .list ul li { width: 33.33%; } .homepart3mob .centerin .list ul li .box { width: 96%; } .footer .leftbox { width: 100%; float: none; } .footer .rightbox { display: none; } .footer { background: url(../Images/fbg.jpg) center center no-repeat #535353; background-size: cover; } .footer .leftbox .topbox .copyright { width: 100%; float: right; overflow: hidden; } .footer .leftbox .topbox .tel { width: 50%; float: left; } .footer .leftbox .topbox .email { width: 50%; float: left; } } @media (max-width: 768px) { .headbox { width: 100%; height: 87px; } .headbox .box { height: 87px; } .headbox .box .menu { display: none; } .headbox .box .menubtn { display: block; } .headbox .box .logo { left: 50%; top: 10px; margin-left: -65px; } .headbox .box .logo img { height: 59px; } .headbox .box .backhome { display: block; } .homepart2 .listbox ul li .pic { width: 82%; } .homepart2 .listbox ul li .box .wordbox { width: 45%; } .homepart3mob .centerin .list ul li { width: 50%; } .homepart4 { padding: 20px 0; } .homepart4 .centerin .listbox { margin-top: 20px; } .homepart4 .centerin .listbox ul li { width: 100%; margin-bottom: 10px; } .bignews ul li .pic { width: 40%; } .bignews ul li .wordbox { width: 56%; } .bigproject ul li { height: auto; } .bigproject ul li .pic { width: 100%; float: none; } .bigproject ul li .wordbox { width: 100%; float: none; } .bigproject ul li .tit { margin-top: 20px; height: auto; font-size: 14px; } .bigproject ul li .word { margin-top: 0px; font-size: 12px; } .bigproject ul li .more { margin-top: 10px; } .gotop ul li.t1 { display: none; } .gotop ul li.t2 { display: none; } .contactbox .leftarea { width: 100%; float: none; } .contactbox .rightarea { width: 100%; float: none; } .contactbox ul li .pic { width: 10%; } .contactbox ul li .wordbox { width: 90%; } .teacherlist ul li { width: 50%; } } @media (max-width: 1000px) { } @media (max-width: 928px) { .ertop { display: none; } .mainbox .leftbox { width: 100%; float: none; } .mainbox .rightbox { width: 100%; float: none; } .mainbox .leftbox .titbox { width: 35.62%; margin: 0 auto; } .mainbox .leftbox .titbox2 { display: none; } .mainbox .leftbox .navlist { width: 100%; background: #e5ccae; margin-top: 20px; } .mainbox .leftbox .navlist ul li { width: 25%; float: left; height: 50px; line-height: 50px; background: url(../Images/down1.jpg) 70% center no-repeat; border: 0; } .mainbox .leftbox .navlist ul li.onfocus { background: url(../Images/down2.jpg) 70% center no-repeat #c8a178; color: #ffffff; } .mainbox .leftbox .navlist ul li.onfocus a { color: #ffffff; } .mainbox .leftbox .navlist ul li.onfocus ul { display: none; } .mainbox .leftbox .navsun { display: block; } /*左侧*/ .mainbox .leftbox .navlist2 { width: 100%; margin-top: 25px; } .mainbox .leftbox .navlist2 ul li { margin: 0px; padding: 0px; list-style: none; width: 25%; float: left; background: none; border: 0px; margin-bottom: 15px; } .mainbox .leftbox .navlist2 ul li em { width: 80%; margin: 0 auto; height: 49px; line-height: 49px; background: url(../Images/sun1.jpg) no-repeat; background-size: 100% 100%; text-align: center; font-style: normal; display: block; text-indent: 0; } .mainbox .leftbox .navlist2 ul li.onfocus { background: none; } .mainbox .leftbox .navlist2 ul li.onfocus em { background: url(../Images/sun2.jpg) no-repeat; background-size: 100% 100%; } .mainbox .rightbox .titlebox { display: none; } .contactbox ul li .pic { float: left; width: 20%; } .contactbox ul li .wordbox { float: left; width: 80%; } .contactbox ul li .wordbox .tit { font-size: 14px; height: auto; } } @media (max-width: 600px) { .projectlist ul li { width: 50%; } .mainbox .leftbox .navlist2 ul li { width: 33.33%; } .mainbox .leftbox .navlist2 ul li em { width: 92%; font-size: 12px; margin: 0 auto; } } @media (max-width: 500px) { .homepart2 .listbox { height: 300px; } .homepart2 .listbox ul li { height: 300px; } .homepart2 .listbox ul li .pic { height: 300px; } .homepart2 .listbox ul li .box { height: 300px; } .homepart2 .listbox ul li .box .wordbox { width: 65%; height: 230px; float: right; margin-top: -115px; } .homepart2 .listbox ul li .box .wordbox .center .tit { margin-top: 10px; font-size: 12px; height: 20px; line-height: 20px; } .homepart2 .listbox ul li .box .wordbox .center .tit2 { font-size: 12px; height: 16px; line-height: 16px; padding-bottom: 80px; } .homepart2 .listbox ul li .box .wordbox .center .tit3 { font-size: 12px; margin-top: 10px; height: 25px; line-height: 25px; } .homepart2 .listbox ul li .box .wordbox .center .word { font-size: 12px; height: 60px; line-height: 20px; margin-top: 0px; } .homepart3mob { padding: 20px 0; } .homepart3mob .centerin .list ul li { height: auto; } .homepart3mob .centerin .list ul li .box .pic { width: 100%; border: 1px solid #eee1d0; padding: 4px; height: 158px; } .homepart3mob .centerin .list ul li .box .pic .img { width: 100%; height: 150px; transition: all 0.5s ease; } .homepart3mob .centerin .list ul li .box .tit p.t1 { font-size: 12px; font-weight: normal; } .homepart3mob .centerin .list ul li .box .tit p.t2 { padding-right: 25px; } .bignews ul li .pic { width: 45%; } .bignews ul li .wordbox { width: 52%; } .bignews ul li .pic { height: 125px; position: relative; } .bignews ul li .pic .img { height: 125px; } .bignews ul li .pic .cover { height: 125px; } .bignews ul li .wordbox { height: 125px; } .bignews ul li .wordbox .more { display: none; } .bignews ul li.line { margin: 20px 0; border-bottom: 1px dashed #e3ccad; } .bigproject ul li .pic { height: 250px; } .projectlist ul li .pic, .projectlist ul li .pic .img, .projectlist ul li .pic .cover { height: 160px; } .teacherlist ul li .pic, .teacherlist ul li .pic .img { height: 150px; } } @media (max-width: 380px) { .homepart2 .listbox ul li .box .wordbox { width: 75%; height: 230px; float: right; margin-top: -115px; } .homepart3mob .centerin .list ul li .box .pic { width: 100%; border: 1px solid #eee1d0; padding: 4px; height: 128px; } .homepart3mob .centerin .list ul li .box .pic .img { width: 100%; height: 120px; transition: all 0.5s ease; } .homepart3mob .centerin .list ul li .box .tit p.t1 { font-size: 12px; font-weight: normal; } .homepart4 { padding: 20px 0; } .homepart4 .centerin .listbox ul li { height: 121px; } .homepart4 .centerin .listbox ul li .box { width: 100%; height: 121px; } .homepart4 .centerin .listbox ul li .pic { width: 45%; height: 121px; } .homepart4 .centerin .listbox ul li .pic .img { height: 121px; } .homepart4 .centerin .listbox ul li .wordbox { width: 52%; float: right; height: 121px; } .homepart4 .centerin .listbox ul li .wordbox .tit { height: 22px; line-height: 22px; } .homepart4 .centerin .listbox ul li .wordbox .time { height: 26px; line-height: 26px; } .mainbox .leftbox .navsun { padding: 15px 0 10px 0; } .mainbox .leftbox .titbox { width: 56%; } .mainbox .leftbox .navlist ul li { width: 25%; float: left; height: 50px; line-height: 50px; background: url(../Images/down1.jpg) right center no-repeat; border: 0; font-size: 12px; text-align: left; text-indent: 10px; } .mainbox .leftbox .navlist ul li.onfocus { background: url(../Images/down2.jpg) 98% center no-repeat #c8a178; color: #ffffff; } .mainbox .leftbox .navsun ul li { width: 50%; margin-bottom: 15px; } .bigproject ul li .pic { height: 200px; } .projectlist ul li .pic, .projectlist ul li .pic .img, .projectlist ul li .pic .cover { height: 125px; } .teacherlist ul li .pic, .teacherlist ul li .pic .img { height: 125px; } .teacherlist ul li .tit { font-size: 12px; } } @media (max-width: 330px) { }