@charset "utf-8";
.about_us_con{ padding-top:10px; padding-bottom:30px;}
.about_us_con .about_l_font{ float: left; width: 60%;}
.about_us_con .about_l_font .about_titile{ color: #397168; font-size: 30px; font-weight:bold; margin-bottom: 30px;font-family: 'ITCAvantGardePro-Bold'}
.about_us_con .about_l_font .about_in_descipe{ font-size: 16px; line-height: 2.4;}
.about_us_con .about_r_number{ float: right; width:35%;}

.about_us_con .about_r_number ul li {padding-bottom:40px;
margin-bottom: 40px;
border-bottom: 1px solid #e8e8e8;}
.about_us_con .about_r_number ul li .icon {
  float: right;
  width:30%; text-align: right
}
.about_us_con .about_r_number ul li .icon img{ width: 90px;}
.about_us_con .about_r_number ul li .num-box {
  float: left; width: 70%
}
.about_us_con .about_r_number ul li .num-box .num {
  font-size:80px;
  line-height:1;
  color: #397168;
  font-family: 'ITCAvantGardePro-Bold';display: inline-block;
}
.about_us_con .about_r_number ul li  .num-top .year {
 font-size: 14px;
line-height: 25px;
width: auto;
height: 25px;
border-radius: 6px;
text-align: center;
color: #397168;
margin-left: 10px;
display: inline-block;
padding: 0 10px;
border: #397168 1px solid;
margin-top: -30px;
}
.about_us_con .about_r_number ul li .txt {
  font-size:18px;;
  line-height:1.5;
  margin-top: 20px;
}


.about_us_pic{ padding-bottom: 100px;}
.about_us_pic img{ max-width: 100%}
.development{ background-color: #f2f7f8; padding-top: 70px; padding-bottom: 100px;}
.development .development_titile{ color: #397168; font-size: 30px; font-weight:bold; margin-bottom: 30px;font-family: 'ITCAvantGardePro-Bold'}
.honors{ background: #006568 url("../images/honor_backs.jpg") center center no-repeat; padding-top: 80px; padding-bottom:0px; background-size: cover;width: 100%;
    overflow: hidden;}
.honors .honors_titile{ color: #ffffff; font-size: 30px; font-weight:bold; margin-bottom: 30px;font-family: 'ITCAvantGardePro-Bold'; text-align: center;text-transform: uppercase;}
.honors .honors_titile span{ position: relative; line-height: 1; display: block; margin-top: 20px; margin-bottom: 60px; font-size:16px;font-family: 'ITCAvantGardePro-Bk';text-transform: initial;}
.honors .honors_titile span::after {
  left: 50%;
  position: absolute;
  bottom:-20px;
  content: " ";
  width:60px; height: 3px; background-color: #ffffff;
  margin-left: -30px; 
  -webkit-transition: .3s;
  transition: .3s;
}

.case_pics{ position: relative; z-index: 3;}


.development .sw-prev {
  left: -90px;
border: 0;
border-radius: 50%;
background: url("../images/left_btn22.png") center center no-repeat;
height: 60px;
width: 60px;
background-size: cover;
display: block;
position: absolute;
top: 50%;
margin-top: -30px; z-index: 10;
}
.development .sw-next {
  right: -90px;
border: 0;
border-radius: 50%;
background: url("../images/right_btn22.png") center center no-repeat;
height: 60px;
width: 60px;
background-size: cover;
display: block;
position: absolute;
top: 50%;
margin-top: -30px; z-index: 10;
}

.yaowan .swiper-slide {
    width: 192px;
    height: 100%;
    text-align: center;
    position: relative;
}
.yaowan .swiper-slide.swiper-slide-active {
    color: #397168
}



@media (max-width:768px) {
	.development .sw-prev { left: 0;top: 130%;
    margin-top: 0;}
	.development .sw-next{ right: 0;top: 130%;
    margin-top: 0;}
	.courseTap {
    margin-top: 100px;
}
	.contacts_content .rencai_con .rencai_font {
    float: none;
    width: initial;
    margin-top: 30px;
}
	.contacts_content .rencai_con .rencai_font .rencai_titile h3{ font-size: 24px;}
	.contacts_content .rencai_con{ padding-bottom: 70px;}
	.about_us_con .about_l_font {
    float: none;
    width: initial;
}
	.about_us_con .about_r_number {
    float: none;
    width: initial;
    padding-top: 40px;
}
	.about_us_con .about_r_number ul li .num-box .num {
		font-size: 66px;}
	.honors {
    background: #006568 url(../images/honor_backs.jpg) center center no-repeat;
    padding-top: 40px;
    padding-bottom: 60px;
    background-size: cover;width: 100%;
    overflow: hidden;
}
}