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

.intro{ padding:30px 0;}
.intro .title{ height:28px; border-left:5px solid #01a3ee; font-size:24px; font-weight: bold; padding-left:10px; line-height:28px;}
.introcon{ background:#fff; margin:15px 0; padding:35px;}
.introcon .left{ width:660px; float:left;}
.introcon .right{ width:440px; float:right;}
.introcon .left p{ text-indent:2em; font-size:16px; line-height:24px;}

.honor .title{ height:28px; border-left:5px solid #01a3ee; font-size:24px; font-weight: bold; padding-left:10px; line-height:28px;}
.honorcon{ background:#fff; margin:15px 0; padding:35px;}

.kecheng{ padding:40px;}
.kccon h3{ font-size:34px; text-align:center; font-weight:bold;}
.kccon p{ text-align:center; font-size:20px;}
.kcho{ width:1000px; margin:0 auto;}

.class{ background:#fff; padding:30px 0;}
.class h3 {
  color: #221816;
  font-size:34px; text-align:center; font-weight:bold;
  padding-top:30px;
}

.class h4 {
  font-size: 22px;
  text-align: center;
}

.class ul {
  margin: 0;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.class ul li {
  list-style: none;
  width: 262px;
  padding: 10px;
}

.class ul li img {
  display: block;
  margin: 0 auto;
}

.class ul li h5 {
  color: #000;
  font-size: 18px;
  text-align: center;
}

.class ul li p {
  font-size: 16px;
  text-align: center;
}

.class ul li:hover {
  border-radius: 0.5em;
  -webkit-box-shadow: 5px 5px 5px 5px #f3f3f3;
  box-shadow: 5px 5px 5px 5px #f3f3f3;
}



.contact{padding:40px; background:#fff; }
.contact .title {height:28px; border-left:5px solid #01a3ee; font-size:24px; font-weight: bold; padding-left:10px; line-height:28px;}
.contactcon{margin:10px 0;}
.contactcon .list li {
  list-style: none;
  margin: 40px 0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: .5em;
  -webkit-box-shadow: 2px 2px 2px #f8f8f8,
 2px -2px 2px #f8f8f8,
 -2px 2px 2px #f8f8f8,
 -2px -2px 2px #f8f8f8;
 box-shadow: 2px 2px 2px #f8f8f8,
 2px -2px 2px #f8f8f8,
 -2px 2px 2px #f8f8f8,
 -2px -2px 2px #f8f8f8;
}

.contactcon .list{ margin:0; padding:0;}

.contactcon .list li .tu {
  width: 290px;
}

.contactcon .list li .right {
  width: 850px;
  padding-left: 20px;
}

.contactcon .list li .right p {
  font-size: 20px;
  line-height: 25px;
}

.contactcon .list li .right p strong {
  color: #009ce3;
  font-weight: bold;
}

.contactcon .list li .right .btn {
  background: #ff6803;
   border: 1px solid #ff6803;
  color: #fff;
  font-size: 18px;
  padding: 5px 20px;
}

.contactcon .list li .right .btn:hover {
  background: #fff;
  border: 1px solid #ff6803;
  color: #000;
}

.contactcon .list li:hover {
 -webkit-box-shadow: 3px 3px 3px #efefef,
 3px -3px 3px #efefef,
 -3px 3px 3px #efefef,
 -3px -3px 3px #efefef;
 box-shadow: 3px 3px 3px #efefef,
 3px -3px 3px #efefef,
 -3px 3px 3px #efefef,
 -3px -3px 3px #efefef;
}

.contactcon .btn{ border:none;}