@charset "utf-8";
/*CSSDocument*/
*{margin:0;padding:0;border:0;}
html{margin:0auto;width:100%;}
body{background:#ffffff;color:#333333;font-family:Microsoft YaHei,Sim Sun;-webkit-text-size-adjust:none; font-size: 14px;}
a{color:#333333;text-decoration:none;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
a:hover{text-decoration:none;transition:.3s all;-webkit-transition:.3s all;-moz-transition:.3s all;-o-transition:.3s all;}
img{border:none;}
ol,ul,li{list-style:none;}
li{list-style-type:none;}
table{border-collapse:collapse;}
input,textarea,button{outline:none;}
textarea{resize:none;}
img{max-width:100%;vertical-align:middle;}
/**/

/*	   .menu:hover + .menuBox {*/
/*  display: block; */
/*}*/
	</style>
.center{text-align:center;}
.clear{clear:both;}
.bold{font-weight:bold;}
.block{display:block;}
.clearfix:after{clear:both;content:"";display:block;visibility:hidden;height:0;overflow:hidden;}
/*布局*/
.w_2,.w_3,.w_4{width:100%;}
.w_2 li{width:50%;float:left;box-sizing:border-box;}
.w_3 li{width:33.33%;float:left;box-sizing:border-box;}
.w_4 li{width:25%;float:left;box-sizing:border-box;}
/*字体颜色*/
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}
.colorc{color:#ccc;}
.red{color:#fa3534;}
.blue{color:#2979ff;}
.green{color:#19be6b;}
.white{color:#FFF;}
.orange{color:#ff9900;}
/*背景颜色*/
.bj_gray{background-color:#f3f4f6;}
.bj_white{background-color:#FFF;}
.bj_red{background-color:#fa3534;}
.bj_blue{background-color:#2979ff;}
.bj_green{background-color:#19be6b;}
/*定位*/
.relative{position:relative;}

.absolute{position:absolute;}
.flex{display:flex;justify-content:space-between;align-items:center;}
.flex-wrap{flex-wrap:wrap;}
.flex-col{flex-direction:column;}
.flex-shrink{flex-shrink:0}

.justify-start{justify-content:flex-start;}

.justify-center{justify-content:center;}

.justify-end{justify-content:flex-end;}

.align-start{align-items: flex-start;}
/*字体样式*/
.text-over{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* 公用 */

.container{ width: 90%; max-width: 1420px; margin: 0 auto;}

.more{width: 110px; height: 40px; border-radius: 2px; background: #B22E25; transition:0.3s all;}

.more a{height: 40px; display: flex; color: #fff; align-items: center; justify-content: space-evenly;}

.more:hover{background: #E40203;}

/* top */

.top{background: #B22E25; height:100px; line-height: 100px; color: #ffffff;}

.top .logo a{display: block;}
/* .top .top-t{margin-left:7px;} */

.top a{color: #ffffff; font-size: 16px;}


.inco a{ padding:0 25px; display: inline-block;}

.title .eng{ height: 61px; font-size: 46px; font-weight: bold; display: inline-block; position: relative; padding-top: 14px;}

.title .tit{ height: 26px; font-size: 20px; font-weight: bold;}

.title .eng::before{width: 200px; height: 1px; background:#333; position: absolute; content: '';  top: 0; left: 0;}

.title1{ text-align: center;}

.title1 .eng{ padding-top: 0;}

.title1 .eng::before,.title1 .eng::after{width: 200px; height: 1px; background:#333; position: absolute; content: '';  top: 30px; left: calc(100% + 25px);}

.title1 .eng::before{left: -225px;}


.menuA{ padding: 0 6px}
.menu{width:45px; margin-left:10px;}

.menuBox{position: fixed; top:100px; left: 0; width: 100%; height: calc(100vh - 100px); max-height: 100%; overflow-y: auto !important; padding: 10px 15px; background: rgba(0,0,0,.6); display: none; z-index: 100; box-sizing: border-box; }

.menuBox li{height: 40px; text-align: center;}

.menuBox li:hover{height: 40px; text-align: center;}

.menuBox li a{ height: 40px; line-height: 40px;text-align: center;display: block;}



/* footer */

.footer{background: #B22E25; text-align: center; display: flex; flex-direction: column; color: #ffffff; line-height: 28px;}

.footer a{color: #ffffff;}



.footer .endInco{ padding: 35px 0;}

.footer .endInco a{padding: 0 24px; display: inline-block;}

.footer .endInco span{padding: 0 24px; display: inline-block;}

.footer .imgs{ padding:25px 0;}

.footer .imgs .img{ margin: 0 10px; display: inline-block;}

.footer .copyright{ line-height: 20px; padding:12px 0; background: #A51D14;}

/* 首页 */

/* 简介 */

.jjImg{ width: 50%; margin: 100px 0 80px 0; position:relative}

.jjImg .img{width: 100%; margin-bottom: 30px;}

.jjImg li{width: 100%;text-align: center; padding: 6px 0; border-right: 1px solid #999;}

.jjImg li:last-of-type{ border: none;}

.jjImg li .tit{font-size: 18px;font-weight: bold;}

.jjImg li .eng{font-size: 14px; color: #666666;}

.jj{width: 46.5%;}

.jj .nr{ padding: 40px 0 70px 0; font-size: 18px; line-height: 32px;}

.jj .more{width: 198px; height: 56px;}

.jj .more a{height: 56px;}

/* 教育项目 */

.project{ background: url('../image/sy_box2_bj.jpg') no-repeat top center; padding: 40px 0 120px;}

.project .title1{ padding: 65px 0;}

/* .project li{ width: 690px; height:460px; transition: 0.3s all; background: #fff;} */

.project li{ transition: 0.3s all; background: #fff;}

.project li .img{ width: 100%; overflow: hidden; position: relative;}

.project li .img img{ width: 100%;}

.project li .tit{padding: 20px 33px; background: url('../image/sy_box2_li.png') no-repeat 14px 30px;}

.project li .txt{font-size: 22px;font-weight: bold; line-height: 30px;}

.project li .eng{ line-height: 22px; font-size: 16px; color: #999999; }

/* 校园生活 */

.sy_box3 .img{ width: 52%; margin: 170px 0; position:relative}

.sy_box3 .img::after{width: 95%; max-width:700px; height: 100%; border: 1px solid #DFDFDF; position: absolute; content: '';  top: -30px; left:30px;}

.sy_box3 .img img{position: relative; z-index: 1;}

.sy_box3 .life{width:45%;}

.sy_box3 .life .nr{ padding: 40px 0; font-size: 18px; line-height: 32px;}

.sy_box3 .life .more{width: 198px; height: 56px;}

.sy_box3 .life .more a{height: 56px;}

/* 新闻 */

.news{ background: url('../image/sy_box4_bj.jpg') no-repeat top center; padding-bottom: 80px; background-size: auto 100%}

.news .title1{ padding: 80px 0;}

.news li{ width: 30%; border: 1px solid #fff; padding: 20px; box-sizing: border-box; transition: 0.3s all; background: #fff; margin: 10px;}

.news li .time{ color: #999999; font-size: 16px; padding: 10px 0 20px 0;}

.news li .time .day{ font-size: 40px; font-weight: bold; color: #333333; }

.news li .time1{color: #999999; font-size: 16px; display: none; margin: 0 0 20px 0;}

.news li .tit{ height: 30px; font-size: 20px; font-weight: bold; line-height: 30px; padding: 14px 0; position: relative; }

.news li .img{ margin: 0 auto;text-align: center;}

.news li .txt{ height: 52px; font-size: 14px; line-height: 26px; margin:14px 0 40px 0; overflow: hidden;}

.news li .txt span{font-weight: bold;}

/* 常见问题 */

.question{ padding-bottom: 100px; background: url('../image/sy_box5_bj.jpg') no-repeat bottom center;}

.question .title1{ padding: 100px 0;}

.question li{ width: 24%; border: 1px solid #D4D4D4; padding: 20px 20px 40px 20px; box-sizing: border-box; background: url('../image/sy_box5_img1.png') no-repeat calc(100% - 20px) 10px #FFFFFF; transition: 0.3s all;}

.question li .tit{ height: 60px; font-size: 20px; font-weight: bold; line-height: 30px; padding: 40px 0; position: relative; }

.question li .tit::after{width: 40px; height: 1px; background:#E40203; position: absolute; content: ''; left: 0; bottom: 0;}

.question li .txt{ height: 182px; font-size: 14px; line-height: 26px; margin:26px 0 50px 0; overflow: hidden;}

.question li .txt span{font-weight: bold;}

.question li:hover{border-color:#E40203}

/* zy */

.zy{ overflow: hidden;}

.location{ padding:0 15px; line-height: 45px; height: 45px; background: #FBFBFB; color: #666666;}

.location img{ padding-right: 10px;}

.location a{color: #666666;}

.zyTitle{font-size: 30px;font-weight: bold; padding: 36px 0 56px 0; text-align: center;}

.zyNr{font-size: 14px;color: #666666;line-height: 24px;}

.sideNav{ width: 160px; margin: 60px 0; float: left;}

.sideNav .tit{ height: 52px; line-height: 52px; background: #B22E25; text-align: center; font-weight: bold; color: #fff; font-size: 20px;}

.sideNav .nr{ text-align: center; line-height: 60px; border: 1px solid #DFDFDF; font-size: 18px; padding: 10px;}

.sideNav .nr li{width: 100%;}

.sideNav .nr li.on a{ color: #B22E25; }

.sideRight{width:calc(100% - 250px); margin:60px 0 60px 60px;  float: left; background: #fff !important;}

.sideRight .zyTitle{ padding: 26px 0;}

/* 项目+详情 */

.zy .project{background: #fff; padding: 40px 0;}

.zy .project li{border: 1px solid #EEEEEE; margin-bottom: 40px; width: 48%;}

.downList{ padding: 40px 0; width: 1200px; margin: 0 auto;}

.downList li{ width: 590px; height: 100px; border: 1px solid #DBDBDB; padding:0 20px; box-sizing: border-box; margin-bottom: 20px;}

.downList li .more{ width: 86px;}

.downList li img,.downList li .more{ flex-shrink: 0;}

.downList li .txt{ width: 100%; padding: 0 20px; font-size: 16px; font-weight: bold;}

/* 生活 */

.zyLife .zyTitle{text-align: left; padding: 35px 0;}

.zyLife li{ padding: 20px; border: 1px solid #EEEEEE; margin-bottom: 20px; width: 31%; box-sizing: border-box;}

.zyLife li .img{ text-align: center;}

.zyLife li .nr{font-size: 16px;line-height: 28px; padding: 15px 0;}

/* 关于我们 */

.about{width: 1200px; padding-left: 60px; box-sizing: border-box;}

.about .zyNr{ padding-bottom: 50px;}

/* 新闻+详情*/

.newsList li{ margin-bottom:40px; padding-bottom: 20px; border-bottom:1px solid #DBDBDB; display: flex;}

.newsList li .img{ width: 192px; height: 140px; margin-right: 36px;}

.newsList li .img img{width: 192px; height: 140px; }

.newsList li .imgR{width: 970px;}

.newsList li .tit{ font-size: 20px; font-weight: bold; padding-bottom:12px;}

.newsList li .txt{ min-height: 72px; color: #666666; line-height: 24px;}

.newsList li .time{color: #666666;}

.newsList li :hover .tit a{color: #B22E25;}

.newsInfo .time{font-size: 14px;color: #666666; font-weight: normal; padding: 10px 0;}

.changePage div{padding: 25px 0 0 0;}

.changePage div a:hover{color: #B22E25;}

/* 常见问题 */

.zy .question li{width: 32%; margin-bottom:15px}

/* 登录 */



.loginContainer{background: url('../image/login/loginBj.jpg') no-repeat top center; background-size: 100% 100%; height: 100vh; min-height:500px}

.loginContainer .box{ background: #fff; border-radius: 0 70px 0 70px; width: 90%; height: 80vh; overflow: hidden; max-width: 1100px; min-height:450px}

.loginContainer .logo{ width: 50%; background: #B22E25; height: 100%;}

.loginContainer .log{ width: 50%;height: 70%; box-sizing: border-box; padding:0 6%;}

.loginContainer .log .tit{ margin-bottom: 30px; font-size: 34px; color: #031529; font-weight: 800;}

.loginContainer .log li label{padding: 11px 0; color: #707070; font-size: 16px; display: block;}

.loginContainer .log li input{ height: 58px; background: #F8F8FA; border-radius: 4px; border: 1px solid #ECECEC; padding: 0 16px; font-size: 16px; width: 100%; box-sizing: border-box;}

.loginContainer a,.loginContainer .reg{ color: #888888; font-size: 16px; margin-top: 12px;}

.loginContainer .reg a{color: #B22E25}

.loginContainer .btn{ text-align: center; height: 58px; line-height: 58px; background: #B22E25; border-radius:4px; font-size: 18px; color: #FFFFFF; margin: 63px 0; cursor: pointer;}

/* 注册 */

.logoTit{ font-size: 30px; border-left: 1px solid #ffffff; margin-left: 30px; padding-left: 20px; height: 50px; line-height: 50px;}

.register{ width: 90%; max-width: 1200px; margin: 0 auto; overflow: hidden;} 

.register .tit{ line-height: 35px; font-size: 26px;}

.register .txt{ font-size: 20px; color: #999999;}

.register .box{ padding: 60px 30px; }

.register .box li{width: 48%; background: #FFFFFF;box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.16);border: 1px solid #fff; padding: 40px; box-sizing: border-box; margin-bottom: 30px;}

.register .box li:hover{border-color: #E40203;}

.register .box li .eng{font-size: 24px; color: #999999;}

.register .copyright{text-align: center; font-size: 14px; color: #B3B2B2 ; margin-bottom:30px}

/* 忘记密码 */

.forget{ width: 90%; max-width: 1300px; margin: 0 auto; overflow: hidden;} 

.forget .newsBox{ width: 65%; box-sizing: border-box; padding: 24px; border: 1px solid #E1E1E1;}

.forget .newsBox .left{width: 50%;}

.forget .newsBox .right{width: 46%;}

.forget .newsBox .img{ height: 190px;}

.forget .newsBox .tit{ font-weight: bold;font-size: 18px; padding: 12px 0;}

.forget .newsBox .txt{font-size: 14px; line-height: 26px; margin-bottom: 15px;}

.forget .newsBox li{  border-bottom: 1px solid #ececec; font-size: 14px; color: #999999; line-height: 60px; padding: 0 12px;}

.forget .newsBox li a{font-size: 16px;color: #333333; white-space: pre; overflow: hidden; display: block;}

.forget .newsBox li span{ flex-shrink: 0;}

.forget .form{width: 24%; margin: 30px 0;}

.forget .form li{ height: 40px; margin-bottom: 20px;}

.forget .form li input{ width: 100%; border: 1px solid #DCDCDC;height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 12px;}

.forget .form .getCode{height: 40px;background: #B22E25;font-size: 16px;color: #FEFEFE;line-height: 40px;text-align: center; width: 110px; flex-shrink: 0; margin-left: 12px;}

.forget .form .btn{height: 45px;background: #B22E25;font-size: 16px;color: #FEFEFE;line-height: 45px;text-align: center;}

.forget .copyright{text-align: center; font-size: 14px; color: #B3B2B2 ; margin-bottom:30px}



.sideRight .question { background:#fff}

.pagination{ padding:0 !important; margin:0 auto !important;}

.pagination li{ border: 1px solid #D4D4D4; height: 40px; background: #FFFFFF; transition: 0.3s all; display: inline-block; margin: 0 5px; width: 40px; box-sizing: border-box; text-align: center; font-size: 16px; line-height:40px}

.pagination li.active{background: #B22E25; color: #fff; border-color: #B22E25;}

.pagination li a{display: block;}

.tex-count{color: red;font-size: 16px; margin-bottom: 15px;}
.tex-content {
    color: red;
 margin-bottom: 15px;
    font-size: 16px;
}

  @media screen and (max-width:500px) {
      .tex-count{   font-size: 9px;} 
      .downList li{ width: 343px;}
      .downList{display:block}
      .loginContainer .logo img{margin:auto;max-width: 90%;}
      .tex-content {
  
    font-size: 13px;

}
            }