* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:"微软雅黑", sans-serif;
}

a,
input,
label{
    text-decoration:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    display:block;
}

input,
button {
    outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}


body {
    background: #902022 url('../img/bg.jpg') repeat-x;
    width: 1200px;
    padding:30px;
    margin: auto;
    font-size: 0;
}

.top {
    width: 100%;
    height:auto;
    padding-top:0.2rem;

}
.top img {
    max-width:100%;
    text-align:center;
}
.top-sub {
    width: 100%;
}
.top-sub-a {
    font-size:0.2rem;
    color:#ffffff;
    text-align:center;
}
.top-sub-b {
    font-size:0.5rem;
    color:#ffffff;
    text-align:center;
}
.teacher {
    width: 100%;
    height:auto;
}
.box {
    margin-top:80px;

}
.box-in {
    position:relative;
    background:#ffffff;
    border-radius:0.2rem;
    padding:30px;
    padding-top:60px;
    float:left;
    width:100%;
}
.search_i {
    background: url('../img/search.png') no-repeat;
    position:absolute;
    top:-60px;
    left:120px;
    width:100%;
    height:135px;
}
.tit {
    background: url('../img/tit-bg.png') center top no-repeat;
    width:100%;
    height:109px;
    line-height:109px;
    position:absolute;
    top:-64px;
    color:#ffffff;
    font-size:40px;
    text-align:center;
}
.pics li {
    float:left;
    padding-top:20px;
    width:50%;
    text-align:center;
    text-align:-webkit-center;
}
.pics li img {
    width:525px;
    height:285px;

}

.kb {
    width: 100%;
    float:left;
    height:auto;
}
.kb img {
    width:100%;
}
.time {
    background: url('../img/time.png') no-repeat;
    position:absolute;
    top:-60px;
    left:134px;
    width:100%;
    height:151px;
}
.ts {
    width: 100%;
    float:left;
    height:auto;
}
.ts-box {
    background: url('../img/ts-bg.png') no-repeat;
    float:left;
    width:340px;
    height:482px;
    color:#ffffff;
    padding:30px;
    margin-right:28px;
    margin-top:22px;
}
.ts-box h2 {
    font-size:75px;
    text-align:center;
    padding-top:45px;
}
.ts-box h3 {
    height:100px;
    line-height:100px;
    font-size:38px;
    text-align:center;
}
.ts-box p {
     font-size:24px;
    line-height:36px;
 }
.fc {
    width: 100%;
    float:left;
    height:auto;
}
.fc-tit {
    background: url('../img/dot-bg.png') center no-repeat;
    height:92px;
    line-height:92px;
    font-size:50px;
    text-align:center;
    color:#d10306;
    margin-top:20px;
    margin-bottom:20px;
}
.ys {
    width: 100%;
    float:left;
    height:auto;
}
.ys-box {

}
.ys-box li {
    float:left;
    width:50%;
    height:96px;
    line-height:96px;
    padding-left:150px;
    margin-top:30px;
    background: url('../img/ys-bg.png') center no-repeat;
    font-size:30px;
    list-style-type:none;
}
.contact {
    width: 100%;
    float:left;
    height:auto;
    margin-bottom:50px;
}
.contact-box {
    width: 100%;
    float:left;
    border-bottom:#ac1004 1px solid;
    margin-bottom:0.5rem;
}
.contact .fl {
    float:left;
    padding-left:20px;
}
.contact .fl img {
    width:356px;
    height:356px;
}
.contact .fr {
    float:left;
    padding-left:30px;
}
.contact .fr h2 {
    font-size:48px;
    color:#ca0305;
    padding-top:40px;
}
.contact .fr h3 {
    font-size:70px;
    line-height:160px;
    color:#ca0305;
}
.contact .fr p {
    font-size:42px;
    color:#333333;
}
.lx {
    /*background: linear-gradient(to bottom, #ff7300, #ff4e00);*/
    background: radial-gradient(circle, #ff7300, #ff4e00);
    float:left;
    position: fixed;
    bottom:0;
    width:1140px;
    height:1rem;
    line-height:1rem;
    font-size:0.3rem;
    display: flex;
    justify-content: space-between;
    text-align:center;
}
.lx-box {
    width:30%;
    text-align:center;
    color:#ffffff;
    border-right:#ffffff 1px solid;
}
.lx .lx-box:last-child {
    border:none;
}
.lx-box a {
    color:#ffffff;
}
/**mask**/
.mask {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.8);

    z-index: 200;

    top: 0;

    left: 0;

    display: none;

}

.mask-box1{

    /*background: #fff;*/

    /*width: 340px; */

    /* display: none; */

    z-index:300;

    border-radius: 10px;

    padding:0 20px 20px;

}

.mask-box1 h2{

    color:#333;

    font-size:30px;

    margin-bottom: 10px;
    margin-top:10px;

    text-align: center;

}

.mask-box1 h2 p{

    font-size: 14px;

    display: inline-block;

    padding-left:15px;

}

.mask1-sec2 .mask1-item{

    width:300px;

}

.mask1-item p{

    color:#333;

    font-size: 18px;

    margin-bottom: 4px;

    text-align: center;

}
.mask1-item p img {
    display:inline-block;
    width:60%;
    height:auto;
}
.mask1-item p em{

    color:#fe4151;

}
.mask1-item a {
    color:#ff7300;
}

.mask1-ul{

    margin-bottom: 10px;

}

.mask1-btn{

    margin:20px auto 0;

    text-align: center;

    width: 300px;

}

.mask1-btn em{

    color:#cc0033;

    font-size: 14px;

}

.mask1-btn .btn{

    display: block;

    background: #ccc;

    color: #fff;

    font-size: 24px;

    border-radius: 30px;

    border:none;

}

.mask1-btn .btn{

    background: rgb(67, 94, 115);

    cursor: pointer;

    box-shadow: 0 0 10px 2px #777;

}

.fixed-center{

    position: fixed;

    left:50%;

    top:45%;

    transform: translate(-50%,-50%);

}

.flex-center{

    display: flex;

    align-items:center

}

.flex-top{

    display: flex;

    align-items: flex-start

}

.flex-float-top{

    display: flex;

    justify-content:space-between;

}

.flex-float{

    display: flex;

    justify-content:space-between;

    align-items:center;

}

.flex1{

    flex:1;

}

.close1 img{

    position: absolute;

    cursor: pointer;

    width:20px;

    height:20px;

    right:48%;

    bottom:8px;

}

.mask-wrap{

    width: 340px;

    margin:35px auto 20px;

    box-shadow: 0 0 10px #aaa;

    padding:10px 10px 10px;

    box-sizing: border-box;

    /*background: url(static/images/bg.jpg) no-repeat;*/

    /*background-size: 100% 100%;*/
    background:#ffffff;
    border-radius:10px;

}


.mask1-ul li.active {

    border-color: #f14151;

    background: #f14151;

    color: #fff;

}

.mask1-sec1,.mask1-sec2{


}

.mask1-sec1 {
    padding-top:10px;
}

.mask-wrap .ge {
    border-bottom:#dedede 1px solid;
    padding-top:10px;
}
.mask .btn {

    display: block;

    border: 1px solid #226dc8;

    background: -webkit-linear-gradient(to bottom,

    rgba(83, 148, 228, 1) 0%,

    rgba(53, 120, 203, 1) 100%);

    background: linear-gradient(to bottom,

    rgba(83, 148, 228, 1) 0%,

    rgba(53, 120, 203, 1) 100%);

    box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.35);

    width: 260px;

    margin: 10px auto 0px;

    height: 46px;

    line-height: 46px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    color: #ffffff;

    text-shadow: 1px 1px 0px rgba(36, 36, 36, 0.65);

}

.mask .btn:active {

    background: -webkit-linear-gradient(to bottom,

    rgba(53, 120, 203, 1) 0%,

    rgba(83, 148, 228, 1) 100%);

    background: linear-gradient(to bottom,

    rgba(53, 120, 203, 1) 0%,

    rgba(83, 148, 228, 1) 100%);

}