*{font-size: 18px}
body, html {
font-family: 'Source Han Sans', sans-serif;
color: #333;
font-size: 18px;
}
a:hover{
color: #ff5d03;
}
.fixDiv {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 99999;
}
.swiper-container .swiper-pagination-bullet,.swiper-container2 .swiper-pagination-bullet{
background:#fff
}
.swiper-container {
--swiper-theme-color: #ffffffbf;
--swiper-pagination-color: #ffffffbf;
--swiper-theme-color: #ffffffbf; /* 设置Swiper风格 */
--swiper-navigation-color: #ffffffbf; /* 单独设置按钮颜色 */
}
.swiper-container2 {
--swiper-theme-color: #ff5d03;
--swiper-pagination-color: #ff5d03;
--swiper-theme-color: #ff5d03; /* 设置Swiper风格 */
--swiper-navigation-color: #ff5d03; /* 单独设置按钮颜色 */
}
.gd-btn{clear:both;background:#ff5d03;display: table;border-radius: 30px;padding: 8px 0;text-align: center;margin: 45px auto;cursor: pointer; box-shadow: 1px 11px 24px #f9cbb2;transition: all 1s}
.gd-btn a{color: #fff;padding: 8px 70px; }
.gd-btn:hover{background:#fff;transition: all .5s;border-radius: 30px; border: 1px solid #ff5d03;}
.gd-btn:hover a{
color: #ff5d03;
font-weight: bold;
}
.logo{padding: 0 10px;}
.header{display: flex;justify-content: space-around}
/*.layui-banner{height: 600px }*/
/*.banner{width: 100%;height: 100%;}*/
.mk{
margin: 30px auto;
padding: 35px 0;
}
.mk .title::before{
width: 60px;
height: 53px;
display: block;
content: '';
background: url(../images/tl.png) 0px center no-repeat;
background-size: contain;
position: absolute;
left: -80px;
}
.mk .title::after{
width: 60px;
height: 53px;
display: block;
content: '';
background: url(../images/tr.png) 0px center no-repeat;
background-size: contain;
position: absolute;
right: -80px;
top: 0;
}
.mk .title{
text-align: center;
font-weight: bold;
font-size: 38px;
position: relative;
width: fit-content;
margin: 0 auto;
}
.mk .ptitle{
text-align: center;
font-size: 20px;
color: #666;
}
.bdkc .layui-col-md3 p{
text-align: center;
font-size: 20px;
line-height: 45px;
}
.bdkc li div{
border: 2px solid #f5f5f5;
}
.bdkc li:hover div{
transition: all 1s;
border: 2px solid #ff5d03;
}
.bdkc li:hover p{
color: #ff5d03;
font-weight: bold;
}
/*报考指南*/
.bkzn{
margin-left: 40px;
background: url("../images/xxbg.png") 40px 50px no-repeat;
}
.bkzn .xh{
margin-left: 35px;
line-height: 123px;
font-size: 20px;
width: 75px;
height: 100px;
color: #fff;
text-align: center;
background: url("../images/xh.png") 0 24px no-repeat;
}
.bkzn .des{
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
width: 156px;
}
.bkzn .des h2{
line-height: 38px;
}
.bkzn .des p{
text-align: left;
font-size: 16px;
color: #666;
}
.bkzn .des .btn{
margin-top: 8px;
width: 142px;
height: 43px;
display: block;
line-height: 43px;
color: #fff;
padding-left: 20px;
text-align: left;
background: url("../images/btnbg.png") no-repeat;
}
.layui-tab .layui-tab-title{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-around;
}
.layui-tab .layui-tab-title li{
font-size: 18px;
display: block;
background: #e6e8ed;
border-radius: 20px;
color: #666;
}
.rmwt>.layui-tab-title .layui-this,.layui-tab .layui-tab-title li:hover{
background: #ff5d03;
color: #fff;
transition: all .5s;
}
.zxqz {
width: 995px;
height: 140px;
background: #ff5d03;
margin: 30px auto;
border-radius: 20px;
box-shadow: 0px 30px 30px #fbe1d2;
}
.zxqzhover{
z-index: 9999;
position: inherit;
transform: scale(1.2);
}
.zxqz-mb{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(131,116,108,.8);
width: 100vw;
height: 100vh;
z-index: 3;
}
.zxqz .layui-col-xs2{
text-align: center;
margin-top: 25px;
color: #fff;
line-height: 38px;
}
.zxqz .layui-col-xs10{
padding-top: 25px;
}
.zxqz .layui-col-xs10 input{
width: 285px;
height: 60px;
border-radius: 10px;
padding-left: 20px;
}
.zxqz .layui-btn{
width: 200px;
height: 60px;
background: #ffd200;
color: #ff5d03;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
}
.zxqz .ts{
line-height: 20px;
font-size: 16px;
color: #fff;
}
/*热门问题*/
.hot-question ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.hot-question ul li{
width:465px;
padding: 38px 38px 28px;
border: 1px solid #e2e2e2;
border-radius: 30px;
color: #666;
margin: 23px 0;
}
.hot-question ul li:hover{
border: 1px solid #ff5d03;
}
.hot-question ul li:hover dl{
border-bottom: 1px solid #ff5d03;
}
.hot-question ul li h2{
font-size: 22px;
font-weight: bold;
line-height: 45px;
}
.hot-question ul li dl{
width: 60px;
height: 5px;
content: '';
line-height: 50px;
border-bottom: 1px solid #999;
margin-bottom:10px;
}
.hot-question ul li p{
font-size: 16px;
line-height: 28px;
}
.hot-question ul li .click_des{
color: #ff5d03;
text-align: right;
margin-top: 20px;
font-size: 18px;
float: right;
}
/*思博品牌*/
.sbpp p{
line-height: 32px;
}
.sbhzhb h3{
margin-top: 20px;
font-size: 24px;
line-height: 50px;
}
.sbhzhb{
line-height: 32px;
margin-top: 50px;
}
.sbhzhb .zs{
text-align: center;
}
.sbhzhb dl{
text-align: center;
line-height: 30px;
}
.sbhzhb dl span{
font-size: 16px;
}
.sbsj{
background: #ff5d03;
}
.sbsj ul {
display: flex;
justify-content: space-around;
color: #fff;
padding: 55px 55px 55px 20px;
}
.sbsj ul li{
border-right: 1px solid #ff7a2f;
font-size: 28px;
padding-right: 50px;
}
.sbsj ul span{
font-size: 40px;
}
.sbsj ul li{
line-height: 40px;
}
/*教学模式*/
.jxms ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.jxms ul li{
width:490px;
height: 170px;
padding: 38px 38px 28px;
border: 1px solid #e2e2e2;
border-radius: 30px;
color: #666;
margin: 15px 0;
}
.jxms ul li:hover{
border: 1px solid #ff5d03;
}
.jxms ul li h2{
font-size: 22px;
font-weight: bold;
line-height: 45px;
}
.jxms ul li p{
font-size: 16px;
line-height: 28px;
}
.ljgd-btn{
width: 158px;
height: 158px;
background: url("../images/ljgd.png") no-repeat;
position: absolute;
left: 42%;
top: 52%;
}
.ljgd-btn a{
width: 158px;
height: 158px;
display: block;
}
.jstd{
overflow: hidden;
height: 413px;
}
/*.jstd ul{
width: 1050px;
margin: 0 auto;
display: flex;
justify-content: space-around;
}*/
/*机架*/
.jjlab{
height: 203px;
margin-bottom: 10px;
background: url("../images/jj1.png") no-repeat;
}
.jjlab .intro{
width: 395px;
margin-right: 80px;
float: right;
color: #fff;
margin-top: 33px;
}
.jjlab .intro h3{
font-size: 24px;
}
.ydkfgk .sbbk img{
margin-right: -64px;
}
.ydkfgk .tbpl{
height: 150px;
overflow: hidden;
}
.ydkfgk .tbpl .sbbkys{
width: 258px;
height: 143px;
padding-top: 85px;
transition: 1s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition: 1s; /* Opera */
background: #fafbfc;
}
.ydkfgk .tbpl {
display: flex;
justify-content: space-between;
}
.ydkfgk .tbpl .sbbkys:hover{
margin-top:-143px;
}
.ydkfgk .tbpl .bj1{
background:#fafbfc url(../images/jjx_1.png) no-repeat 0px 15px;
}
.ydkfgk .tbpl .bj2{
background:#fafbfc url(../images/jjx_2.png) no-repeat 0px 15px;
}
.ydkfgk .tbpl .bj3{
background:#fafbfc url(../images/jjx_3.png) no-repeat 0px 15px;
}
.ydkfgk .tbpl .bj4{
background:#fafbfc url(../images/jjx_4.png) no-repeat 0px 15px;
}
.ydkfgk .tbpl .sbbkys .more{
width: 100%;
margin-top: 2px;
height: 172px;
text-align: center;
line-height: 172px;
background: #fbeae1;
z-index: -2;
}
.ydkfgk .tbpl .sbbkys .more a{
color: #ff5d03;
font-size: 20px;
}
.ydkfgk .tbpl .sbbkys p{
font-size: 19px;
color: #484848;
line-height: 35px;
margin-left: 30px;
}
.ydkfgk .tbpl .sbbkys dl{
font-size: 15px;
color: #999;
margin-left: 30px;
}
/*因需施教*/
.yxxj{
display: flex;
background: url("../images/yssjbg.png") center top no-repeat;
}
.yxxj .ds,.yxxj .ss{
float: left;
}
.yxxj .ss{
margin-top: -60px;
margin-left: -138px;
}
.yxxj ul{
padding-top: 70px;
margin-left: 162px;
}
.yxxj ul li{
display: block;
background: #fff;
border-radius: 20px;
margin: 25px 10px;
padding: 27px;
width: 298px;
height: 55px;
box-shadow: 10px 10px 30px #f7e0d4;
}
.yxxj ul li .num{
display: inline;
font-size: 24px;
color: #fff;
background: #ff5d03;
border-radius: 30px;
padding: 13px;
float: left;
}
.yxxj ul li:hover .num{
transition: all 0.5s;
background: #fff;
color: #ff5d03;
border: 1px solid #ff5d03;
}
.yxxj ul li .nr{
float: left;
margin-left: 19px;
}
.yxxj ul li .nr h3{
font-size: 20px;
font-weight: bold;
}
.yxxj ul li .nr dl{
font-size: 18px;
}
.footer{
background: #ff5d03;
}
.footer .bt{
color: #fff;
text-align: center;
padding: 40px;
}
.footer .bt .title{
font-size: 40px;
}
.footer .bt .ptitle{
line-height: 40px;
}
.footer .hx{
height: 1px;
border-bottom: 1px solid #fe7c35;
}
.footer ul{
margin-top: 20px;
display: flex;
justify-content: space-around;
line-height: 50px;
}
.footer ul li a{
font-size:14px;
color: #fff;
}
.footer p{
font-size:14px;
line-height: 40px;
text-align: center;
color: #fff;
}
.footer p a{
color: #fff;
}