@charset "utf-8";
/* CSS Document */
*{margin:0px;}
body{overflow:scroll;overflow-x:hidden;
     font-family:"微软雅黑"; 
	 color:#000000;}
.top{width:80%;height:78px;margin: 0 auto;}
.nav {list-style: none;font-weight: bold;font-size: 14px;line-height:78px;}
.nav li{float: left; width:14%;}
.nav li .logo{width:78px;height:78px; left:50%;}
.nav li .logo:hover{background:none;}
.nav a {float: left;padding: 0 21px;color:#333333;text-decoration: none;}
.nav a:hover, .nav .cur {color: #fff;background:#03b6a1;}


.About{margin:0px auto; 
       width:100%; 
	   height:600px;
	   background:url(../images/about.png) center no-repeat; }
.About p{width:23%;
		 padding:11% 0 0 22%;
		 font-family:"微软雅黑";
		 font-size:18px;
		 line-height:35px;}

.Solution{margin:30px auto 0px;
          width:100%;
		  height:600px;
}
.Solution .title{width:12%;
                 height:30px;
				 margin:0px auto 30px;
				 font-family:"微软雅黑";
				 font-size:36px;
				 padding:30px 0px;
				 border-bottom:3px solid #000000;
				 text-align:center;}
        .main-menu .block {
            width:33.3%;
			height:500px;
			float:left;
        }

        .main-menu .student {
            background:url(../images/dc_jw.png) center no-repeat;
			
        }

        .main-menu .teacher {
            background:url(../images/dc_xg.png) center no-repeat;


        }
        .main-menu .teach {
            background:url(../images/s_img01.png) center no-repeat;
        }
        .main-menu .block .cover {
            height:100%;
            width:100%;
            background: rgba(6, 6, 6, 0.7);
        }

        .main-menu .block .cover .title1 {
            background: transparent;
            padding-top: 6rem;
        }

        @media screen and (max-width: 730px) {
            .layui-col-xs6 {
                margin-bottom: 2rem;
            }

            .main-menu .block .cover .title1 {
                padding-top: 4rem;
            }
        }

        .main-menu .block .cover .title1 img {
            display: block;
            width: 120px;
            margin: 1.5rem auto;

        }

        .main-menu .block .cover .title1 div {
            text-align: center;
            font-size: 1.6rem;
			color:#ffffff;
        }

        .main-menu .block .info {
            padding: 1.5rem 2.5rem;
                display: block;
        }

        @media screen and (min-width: 730px) {
            .main-menu .block .cover:hover {
                background: rgba(3, 182, 161, 100);
            }

            .main-menu .block .cover:hover .title1 {
            }

            .main-menu .block .cover:hover .info {
                display: block;
            }
        }

        @media screen and (max-width: 730px) {
            .main-menu .block .info {
                display: block;
            }
        }

        .main-menu .block .info div {
            margin: 2rem auto;
            text-align: center;
						color:#ffffff;
						border:1PX solid #FFFFFF;
						width:10%;
						padding:5px;

        }
.news{margin:0px auto;
          width:95%;
		  height:500px;
		  padding-top:30px;
		  clear:both;
		  
}
.news .title{width:12%;
                 height:30px;
				 margin:0px auto 30px auto;
				 font-family:"微软雅黑";
				 font-size:36px;
				 padding-bottom:30px;
				 border-bottom:3px solid #000000;
				 text-align:center;}
.news .content{height:486px;
			   width:80%;
			   margin:0px auto;}
.news .content img{width:587px;
                   height:486px;
		           float:left;
				   display:block;
				   margin-right:50px;}
.news .content .date{list-style:none;
                     padding:0px 10px;
					 float:left;
				     margin:0px auto 40px;
					 line-height:25px;
					 }
.news .content .date .s-title{font-size:16px;
                              font-weight:bolder;
						      color:#000000;}
.news .content .date .details{font-size:14px;
						      color:#666;
							  padding:10px 0px;
						 }
.case{margin:130px auto 0px ;
          width:100%;
		  padding:30px 0px 50px;
		  clear:both;
		  background-color:#101322;
		  
}
.case .title{width:12%;
                 height:30px;
				 margin:0px auto 30px auto;
				 font-family:"微软雅黑";
				 font-size:36px;
				 padding-bottom:30px;
				 border-bottom:3px solid #ffffff;
				 text-align:center;
				 color:#ffffff;}
.case .universityTable{list-style:none;
                       width:75%;
					   margin:0px auto;}
.case .universityTable li{border: 1px solid #dedede;
                          margin-bottom: 10px;
						  vertical-align: middle;
						  width: 252px;
						  padding: 10px;
						  display: inline-block;
						  zoom:1;
						  text-align:left;
						  position:relative;
						  background-color:#ffffff;}
.case .universityTable li a{display:block; float:left; line-height:50px;}
.company{display:block; margin:0px auto;}
.foot{width:100%;
      margin:0px auto;
	  background-color:#0d0f1c;
	  height:250px;}
.fonter{width:75%;
        margin:0px auto;
		}	  
.plan{width:30%;
	  font-size:14px;
	  color:#ffffff;
	  float:left;
	  padding:0px 20px;} 
.plan ul{list-style:none; float:left; width:40%; padding:30px 0px;}
.plan ul li{line-height:35px; font-size:14px;}
.plan ul .li-title{font-size:16px;}
.plan ul li a{text-decoration:none; color:#FFF;}
.download{width:48%;
	      font-size:14px;
	      color:#ffffff;
	      float:left;
		  } 
.download ul{list-style:none; padding:30px 0px;}
.download ul li{display:block; float:right; margin-right:10px; width:20%; text-align:center;}
.download ul li img{width:120px; height:120px; margin:0px auto;}	  
.download ul li span{display:block; text-align:center;}
.Hotline{width:15%;
	  font-size:14px;
	  color:#ffffff;
	  float: right;
      padding: 30px 0px;
      text-align: right;
	  margin-right:20px;} 	  
.Hotline span{background-color:#282a37;
              width:150px;
			  height:45px;
			  display:block;
			  line-height:45px;
			  color:#ffffff;
			  float:right;
			  text-align:center;
			  font-size:16px;
			  margin-bottom:10px;}
.Hotline p{clear:both;
           text-align:right;
		   line-height:35px;
		   font-size:16px;}	  

/* 大事记页面 */
@media (max-width: 1200px){
	.container {
    	min-width: 1200px;
	}
}
.title-events{
	text-align: center;
	font-size: 50px;
	color: #4b85e6;
	padding-top: 35px;
	line-height: normal;
}  
.events-wrap{
	background: #fff;
}  
.year-wrap{
	padding: 40px 0 50px 150px;
}
.years{
	overflow: hidden;
	position: relative;
	line-height: normal;
}	
.year{
	float: left;
	width: 141px;
	font-size: 36px;
	color: #4f85e5;
	font-weight: bold;
}  
.year-line{
	width: 2px;
	height: 80px;
	float: left;
	border-left: 2px solid #4f86e3;
	margin-top: 0;
}
.year-circle{
	position: absolute;
	top: 20px;
	left: 136px;
	width: 12px;
	height: 12px;
	background: #4f86e3;
	border-radius: 100%;
}
.month-wrap{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.month{
	width: 60px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 81px;
}
.circle{
	position: absolute;
	top: 0;
	left: 130px;
	width: 113px;
	height: 34px;
	background: url("../images/icon-month.jpg") no-repeat;
	background-size: 80px;
}
.events{
	width: 800px;
	float: left;
	border-left: 2px solid #4f86e3;
	padding-left: 45px;
	font-size: 14px;
	line-height: 25px;
	color: #686868;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.eventslist{
	margin-bottom: 0;
	list-style: none;
}
.beian a{color:#ffffff; text-decoration:none;}
.beian a:hover{color:#FFF; text-decoration:none;}