@charset "utf-8";
/* CSS Document */

#main{width:100%;overflow:hidden;}
body{overflow-x:hidden;}
/* Browser Resets
*********************************/


.content{width:1410px;overflow:hidden;margin:0px auto;}
.mode01{max-width:1410px;margin:70px auto 0 auto;overflow:hidden;}
.box-big{width:calc(100% - 10px);overflow:hidden;margin:5px 5px 70px 4px;box-shadow:1px 1px 9px #999;transition:all 0.1s;}
.box{width:680px;float:left;overflow:hidden;margin:5px 5px 70px 4px;box-shadow:1px 1px 9px #999;transition:all 0.1s;}
/*
.box-big:hover,.box:hover{box-shadow: 1px 1px 8px 1px #666;transition-duration:0.1s;}
*/
.box:nth-child(2n+1){margin-right:32px;}

.col-gride{max-width:1400px;margin:0 auto;overflow: hidden;}
.mode01 .col-learn{width:calc(100% - 100px);margin:50px;float:left;overflow: hidden;height:420px;}
.mode01 .col-contact{width:630px;margin:42px 20px 30px 30px;float:left;overflow: hidden;}
.title-box{ height:46px; line-height:46px; border-bottom:2px solid #8D1516;margin-bottom:15px; overflow: hidden;}
.title-box .title1{background:url(../images/xxgk20220701_zsxx.png) 10px 11px no-repeat;}
.title-box .title2{background:url(../images/xxgk20220701_zbxx.png) 12px 13px no-repeat;}
.title-box .title3{background:url(../images/xxgk20220701_news.png) 11px 8px no-repeat;}
.title-box .title4{background:url(../images/xxgk20220701_gg.png) 13px 13px no-repeat;}
.title-box .title{width:100%;padding:0 0 0 47px;float: left; height:46px; 
	line-height:46px;font-size: 24px;font-weight:normal;}
.mode01 .col-contact .title-box{border-bottom:0px;margin-top:15px;}
.mode01 .col-contact .title-box .title{width:200px; color:#8D1516;padding:0 0 0 15px;float: left; 
height:35px;line-height:35px;font-size: 24px;font-weight:normal;border-left:5px solid #8D1516;background:none;}
.title-block{ height:70px; line-height:70px;background:#8D1516;overflow: hidden;}
.title-block .title{ color:#fff;text-align:center;width:100%;float: left; height:70px; 
	line-height:70px;font-size: 30px;font-weight:normal;}

.more{ float:right;color:#8D1516;font-size:16px;width:150px;height:40px;line-height:40px;
text-align:right;}
.more a{color:#8D1516; }
.rightDate{float:right;height:49px;line-height:49px; padding-left:30px; font-size:14px; color:#8D1516; }

.articleList{border:1px solid #ccc;border-top-color:#fff;padding:10px 50px 50px 50px;}
.articleList ul{margin-top:3px; }
.articleList ul li{font-size:16px; background:url(../images/xxgk20220701_li.png) no-repeat 2px 19px;  padding-left:18px; height:49px;line-height:49px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.articleList ul li a{ }
.articleContact ul{margin-top:3px; margin-left:10px;}
.articleContact ul li{float:left;font-size:16px;line-height:25px;margin-bottom:15px; padding-left:40px;}
.articleContact ul li:nth-child(2n+1){width:calc(60% - 60px);padding-right:20px;}
.articleContact ul li:nth-child(2n){width:calc(40% - 40px);}
.articleContact ul li:nth-child(1){background:url(../images/xxgk20220701_pic0.png) 15px 2px no-repeat;}
.articleContact ul li:nth-child(2){background:url(../images/xxgk20220701_pic1.png) 15px 3px no-repeat;}
.articleContact ul li:nth-child(3){background:url(../images/xxgk20220701_pic2.png) 17px 2px no-repeat;}
.articleContact ul li:nth-child(4){background:url(../images/xxgk20220701_pic3.png) 15px 6px no-repeat;}

.articleTitle{border-bottom: 1px solid #6510AD;padding-bottom:5px;}
.articleTitle .more{float: right;margin-top:10px;color:#6510AD;}
.articleTitle h2{font-size: 1.7em;color:#6510AD;}

.grideList {background: rgb(249, 241, 240);
	overflow: hidden;}
.grideList ul{width:90%;margin:20px auto;overflow:hidden;}
.grideList ul li { width: calc(20% - 20px);margin:20px 10px; height:60px;line-height:60px;
	float: left;}
.grideList ul li img{ margin-right:8px;
	
}
.grideList ul li a {
	padding: 15px 0px; width: 100%; display: block;
}
.grideList ul li span:hover {color:#8D1516;}
.grideList ul li:hover span{color:#8D1516;}

.myimg{float:left;-webkit-transition:0.3s linear;transition:0.3s ease-in;}
.icon:hover .myimg{-webkit-transform:rotate(360deg);transform:rotate(360deg);}




@media screen  and (max-width:1499px) {
.content{width:97%;}
.mode01{max-width:1230px;}
.box{width:calc(50% - 25px);}	
.box:nth-child(2n+1){margin-right:32px;}
.col-gride{max-width:1230px;height:auto;}
.grideList ul{width:97%;}

.mode01 .col-contact{width:calc(100% - 50px);}
.articleContact ul li:nth-child(2n+1){width:calc(100% - 40px);}
.articleContact ul li:nth-child(2n){width:calc(100% - 40px);}
}

@media screen  and (max-width:1279px) {
.grideList ul li { width: calc(20% - 20px);margin:20px 5px; height:auto;line-height:30px;
	float: left;text-align:center;}
.grideList ul li img{float:none;margin-right:0;}	
.grideList ul li span{display:block;text-align:center;}	
	
}
@media screen and (max-width:1000px){
.mode01{margin-top:40px;}
.box{width:calc(100% - 10px);}	
.box:nth-child(2n+1){margin-right:0;}
.col-gride{width:100%;margin:0;}
.grideList ul li { width: calc(25% - 20px);

		
}

@media screen and (max-width: 800px) {
  .flex-direction-nav .flex-prev { opacity: 0; left: 0px;}
  .flex-direction-nav .flex-next { opacity: 0; right: 0px;}
  .flex-direction-nav a{top:65%;}
  .mode01 .lf{width:98%;float: none;}
	.mode01 .rt{width:98%;float: none;margin-top:20px;}
	.TopImg{width: 33.92%;}
	.TopCon{width: 62.02%;}
	.NewsConList li a h2{margin-bottom: 10px;min-height: 19px;}
	.articleTitle h2{font-size: 1.3em;}
	.articleTitle .more{font-size: 14px;}
	.EventsList li .leftDate{width: 8.73%;}
	.EventsList li .leftDate i{font-size: 16px;}
	.EventsList li .leftDate strong{font-size: 20px;}
	.EvensCon{width: 86%;}
	.EvensCon h2{padding-bottom: 8px;min-height: 30px;}
	.TopCon a h2{font-size: 16px;min-height: 30px;}
	.leftDate{font-size: 12px;}
	.TopCon p{margin-top: 9px;}
	.NewsConList li a h2{font-size: 16px;}
	.NewsConList li a{padding:12px 0;}
	.LinksList li a h2{font-size: 16px;line-height:24px;}
	.AlumniList  a .alumniImg{width: 100%;float: none;overflow: hidden;}
	.AlumniList  a .alumniImg img{width: 100%;}
	.AlumniList a h2{width: 100%;float: none;overflow: hidden;margin:1% 0;}
	.mode03 .lf{width:98%;float:none;margin:0 auto;}
	.mode03 .rt{width:98%;float:none;margin:3% auto 0;}
	.AlumniList{margin-top:3%;}
	.grideList ul li { width: calc(33% - 20px);
}
@media screen  and (max-width:640px) {
	.box{margin-bottom:30px;}
	.grideList ul li { width: calc(50% - 20px);}
	.mode01 .col-learn{width:calc(100% - 20px);margin:40px 10px 10px 10px;height:330px;}
	.articleList{padding:10px;padding-bottom:40px;}
	.articleList ul li{font-size:14px;height:35px;line-height:35px;background:url(../images/xxgk20220701_li.png) no-repeat 2px 12px;}
	.box-big{margin-bottom:40px;}
	.rightDate{height:35px;line-height:35px; }
}

@media screen and (max-width:480px){
	.mode01 .col-contact{margin-left:20px;}
}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	
}