body {padding:0;margin:0;font-size:14px;font-family:"Microsoft yahei";line-height:1.5;color:#333;background:#f7f7f7}
* {margin:0;padding:0;}
ul {list-style-type:none;}
em {font-style:normal;}
a {text-decoration:none;}
a {color:#333;}
.fl {float:left;}
.fr {float:right;}
input,button {border:none;}

.head { height:100px;z-index:11;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);padding:30px 0 50px 0}
.logo {float:left;margin-top:15px;margin-right:50px;}
.logo img {max-width:70px;max-height:70px;margin-right:10px;}
.logo a {font-size:36px;font-weight:bold;display:flex;align-items:center;letter-spacing:3px;color:#e10000;}
.logo a:hover {color:#e10000 !important;}
.ssbox {width:600px;float:left;margin-top:15px;}
.Menubox {width:600px;height:25px;line-height:25px;float:left;}
.Menubox li {float:left;display:block;cursor:pointer;width:100px;color:#333333;height:25px;line-height:25px;text-align:center;margin-right:10px;font-size:12px}
.Menubox li.hover {background:#e10000;color:#ffffff;font-weight:bold}
.Contentbox {width:600px;height:35px;}
.Sinput {width:460px;height:31px;color:#303030;border:2px solid #e10000;border-right:0px;line-height:31px;padding-left:10px;background:#f9f9f9;float:left;}
.Sbuttom {background:#e10000;width:120px;border:0px;font-size:14px;font-weight:normal;height:35px;line-height:35px;color:#ffffff;cursor:pointer;float:left;}
.Sinput:focus,.Sbuttom:focus {outline:0}
.login-box {float:right;margin-top:40px;}
.login-box a {height:30px;line-height:30px;font-size:14px;width:80px;border-radius:6px;border:1px solid #dedede;display:block;float:right;text-align:center;}
.login-box .active {color:#FFFFFF;background:#e10000;margin-left:20px;}
.app1 {width:1200px;margin:0 auto;}
.app {width:1200px;margin:0 auto; }


.sy2023list{ width:100%;margin:20px auto;background:#fff; }
.sy2023list ul{display:flex; justify-content: space-between;flex-wrap:wrap;padding:15px;}
.sy2023list li {line-height:38px; height:38px; width:32%;overflow:hidden; font-size: 16px; }
.sy2023list li a{display: inline-block;    vertical-align: middle; overflow: hidden;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap; width: calc(100% - 23px);}
.sy2023list .shuziys{  margin-right: 5px;display: inline-block;    vertical-align: middle;    background: #eee;    width: 18px;    font-size: 10px;height: 15px;    line-height: 15px;    text-align: center;}
 
 .indexclass-left {
    width: 230px;
    height: 560px;
    float: left;
    background: #fff;
    position: relative;
	margin-top:-40px;
	z-index:99;
}
.indexclass-item {
    padding: 8px 20px;
}
 .bigclass-name{
	border-bottom: 1px dotted #e10000;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    margin-bottom:10px;
	padding-bottom:5px;
}
 
.indexclass-item dl{overflow:hidden;margin-bottom:10px;} 
.indexclass-item dd {
    float: left;
    line-height: 27px;
    width: 33%;
    height: 26px;
}

.index-top{ width:100%;height:520px; }
.indexcenter-box{margin:20px 20px 0 20px; width:670px;float:left;}
.topbanner img{border-radius:5px;display:block;width:100%}

.indexcenter-cplist{
	display:flex;justify-content:space-between; margin-top:15px;background:#fff;padding:10px 10px;
}
.indexcenter-cplist li{width:155px;} 
.indexcenter-cplist .tuijianimgbox {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.indexcenter-cplist .tuijianimgbox img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;}
 
.indexcenter-cplist .cp-title {height:30px;line-height:30px;color:#333;overflow:hidden;text-overflow:ellipsis;font-size:14px; margin:5px 0;} 



.allname{background:#e10000;color:#fff;width:100%;height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold}

.rightbanner{width:230px;background:#fff; float:right;padding:15px; height:460px;overflow:hidden; margin-top:20px;}
 
 
.index-top-title { font-size:18px;line-height:36px;color:#262626; font-weight:700; }
.index-top-title span {width:6px;height:20px;background:#D7DDE6;border-radius:2px;display:inline-block;margin-right:12px;position:relative;top:3px;}
 
.index-top-list li {line-height:31px; height:31px; width:100%;overflow:hidden;}
.index-top-list li a{display: inline-block;  font-size:16px;overflow: hidden;-o-text-overflow: ellipsis; text-overflow: ellipsis;    white-space: nowrap }

 .classlistboxul{display:flex; justify-content:space-between;flex-wrap:wrap; overflow:hidden;margin:15px 0;}
 .classlistboxul li{width:590px;height:430px;background:#e10000;display:flex; justify-content:space-between; margin-bottom:15px;} 
 .classlistboxul li .classleftbox{width: 170px;    padding: 15px 15px;}
 .classleftboxtitle{ font-size: 24px; border-bottom:1px solid #fff;    font-weight: 600;    height: 42px; line-height:42px;   padding-bottom:10px;margin-bottom:20px;   overflow: hidden;}
 .classleftboxtitle a{color:#fff}
 .classleftboxli{display:flex; justify-content:space-between;flex-wrap:wrap; height:270px; align-content: flex-end}
 .classleftboxli a{
     color: #fff;
    text-decoration: none;
    font-size: 12px;
    float: left;
     background-color: #fb6464;
    height: 27px;
    width: 82px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
 
    margin-bottom: 5px;
 
    white-space: nowrap;
	display:block;
 }
 .diergeli{background:#f69726 !important}
  .diergeli  .classleftboxli a{    background-color: #e98610;}
  
   .disangeli{background:#29b9c2 !important}
  .disangeli  .classleftboxli a{    background-color: #34b3bb;}
  
  
   .disigeli{background:#d5ba3a !important}
  .disigeli  .classleftboxli a{    background-color: #cfb125;}
 
 
 .classrightbox{width:364px;padding:10px;margin:2px; background:#fff;height:406px;display:flex; justify-content:space-between;flex-wrap:wrap; }
.classrightbox li{width:100px;height:auto;background:none;display:block;margin:0;} 
.classrightbox .tuijianimgbox {width:100%;padding-top:100%;position:relative;overflow:hidden;}
.classrightbox .tuijianimgbox img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;}
 
.classrightbox .cp-title {height:30px;line-height:30px;color:#333;overflow:hidden;text-overflow:ellipsis;font-size:14px; margin:5px 0;} 

 

.pagebox {width:1100px;margin:20px auto;}
.page-item {width:36px;height:36px;line-height:36px;border-radius:6px;background-color:#fff;color:#3951b3;margin-right:12px;display:inline-block;vertical-align:text-bottom;text-align:center;text-decoration:none;overflow:hidden;}
#page .n {width:80px;padding:0;line-height:36px;border:none;}
.page-list .active {background:#e10000;color:#fff;font-weight:normal;}
.linkbox {background:#fff;padding:15px;width:1168px;line-height:26px;margin:30px auto 20px auto;border:1px solid #dedede;background:#fff;}
.linkbox em {padding:0px 6px;font-size:12px;}
#footer {width:100%;padding:15px 0;line-height:30px;text-align:center;}
.right_info_tit,.zhuce2023 {background:#e10000 !important}
.right_info_tit a,.zhuce2023 a {text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff !important;}


@media (max-width:768px){
	.app{overflow:hidden}
		.head{padding:0;}
		.index-top{height:auto}
	.indexclass-left{display:none}
	.indexcenter-box{width:100%;margin:10px 0;}
	.topbanner img{width:100%;}
	.indexcenter-cplist{flex-wrap:wrap}
	.indexcenter-cplist li{width:48%}
	.rightbanner{width:96%;padding:2%;height:auto;}
	.tuijian-wrap{width:96%;padding:2%;}
	.tuijianlist{width:48%}
	.ssbox,.login-box{display:none}
	.topbanner{width:100%; }
	.app,.app1{width:100%}
	.index-top{margin:0}
	.index-top-list{margin-top:10px;padding:2%;width:96%}
	.sy2023list li{width:100% !important;}
	.indexPro-left,.indexPro-nav{display:none}
	.indexPro-right{padding:2%;width:96%}
	.indexPro-list{width:100%}
	.linkbox{width:auto}
	.classlistboxul li{width:100%;height:auto}
	.classlistboxul li .classleftbox{width:20%;padding:3%}
	.classleftboxli{height:auto}
	.classrightbox{width:70%;padding:2%;height:auto}
	.classrightbox li{width:48%}
}