@charset "UTF-8";
.about_ggwm {
background-color: #fafafa;
/* padding-top: 40px; */
padding-bottom: 80px;
}
/*关于我们*/
/*banner*/
.about_ban {
width: 100%;
height: 11.5rem;
position: relative;
background: url(../img/about_ban.jpg) no-repeat;
background-size: 100% 100%;
}
.about_ban p {
width: 100%;
height: 1.05rem;
position: absolute;
bottom: 2.45rem;
background: url(../img/about_banbg.png) no-repeat;
background-size: 100% 100%;
font-size: .6rem;
color: #fff;
line-height: 1.05rem;
text-align: center;
}
/*介绍*/
.about_js {
width: 17.55rem;
height: 19.8rem;
padding-top: 7.4rem;
margin: 3.5rem auto 0;
border-radius: .15rem;
background-color: #fff;
position: relative;
box-shadow: 0px 0.1rem 0.5rem 0px rgba(221, 221, 221, 0.45);
}
.about_js .about_img1 {
width: 16.25rem;
height: 9.8rem;
position: absolute;
left: .65rem;
top: -2.75rem;
}
.about_js .about_img2 {
width: 2rem;
height: 2.85rem;
position: absolute;
left: 0;
top: 4.9rem;
}
.about_js .about_img3 {
width: 1.55rem;
height: 3.1rem;
position: absolute;
right: 0;
bottom: 0;
}
.about_js p {
font-size: .65rem;
color: #333;
line-height: .9rem;
padding: 0 .65rem;
margin-top: .5rem;
}
.about_js span {
width: 5.35rem;
height: 1.25rem;
display: block;
border-radius: .65rem;
position: absolute;
bottom: .6rem;
left: 6.05rem;
border: 1px solid #5e7aff;
font-size: .6rem;
line-height: 1.25rem;
text-indent: 1.35rem;
background: url(../img/about_img4.png) 0.45rem center no-repeat;
background-size: .7rem .7rem;
}
/*专题*/
.about_zt {
padding: .2rem .6rem .9rem .6rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about_zt li {
width: 8.5rem;
height: 4.2rem;
position: relative;
margin-top: .6rem;
}
.about_zt li a {
width: 8.5rem;
height: 4.2rem;
display: block;
}
.about_zt li img {
width: 8.5rem;
height: 4.2rem;
}
.about_zt li p {
width: 100%;
font-size: .9rem;
font-weight: bold;
color: #fff;
line-height: 1.15rem;
text-align: center;
position: absolute;
left: 0;
top: 1rem;
}
.about_zt .yi p {
top: 1.5rem;
}
/*更多人走进新航道*/
.about_gd {
width: 100%;
height: 16.85rem;
padding-top: 4.05rem;
background: url(../img/about_bg.jpg) no-repeat;
background-size: 100% 100%;
}
.about_gd .about_gd_list {
height: 7.5rem;
padding: 0 .6rem;
}
.about_gd .about_gd_list .swiper-slide {
width: 6.85rem;
height: 7.25rem;
float: left;
margin-right: .6rem;
border: .1rem solid #6176e2;
border-radius: .2rem;
background-color: #fff;
}
.about_gd .about_gd_list .swiper-slide img {
width: 6.85rem;
height: 3.75rem;
border-radius: .2rem .2rem 0 0;
}
.about_gd .about_gd_list .swiper-slide span {
width: 100%;
display: block;
font-size: .8rem;
color: #333;
text-align: center;
line-height: .8rem;
margin-top: .4rem;
position: relative;
}
.about_gd .about_gd_list .swiper-slide span::before {
position: absolute;
content: '';
width: 1.6rem;
height: .1rem;
bottom: -0.2rem;
left: 50%;
margin-left: -0.8rem;
background: linear-gradient(90deg, #195dd0 0%, #6e75f9 100%);
}
.about_gd .about_gd_list .swiper-slide p {
font-size: .55rem;
color: #333;
text-align: center;
line-height: .7rem;
margin-top: .5rem;
}
.about_gd #about_gd_bottom {
margin-top: .6rem;
}
/*更多人看见新航道*/
.about_kj {
margin-top: 1.15rem;
}
.about_kj .about_titlekj {
width: 14.6rem;
height: 1.95rem;
}
.about_kj #about_kanjian {
width: 17.55rem;
margin: 0 auto 0;
padding: .6rem 0;
}
.about_kj #about_kanjian .swiper-slide {
width: 9.3rem;
height: 12.55rem;
border-radius: .1rem;
background-color: #fff;
position: relative;
}
.about_kj #about_kanjian .swiper-slide img {
width: 9.3rem;
height: 5.7rem;
border-radius: .1rem .1rem 0 0;
}
.about_kj #about_kanjian .swiper-slide span {
width: 100%;
display: block;
font-size: .8rem;
color: #333;
text-align: center;
line-height: .8rem;
margin-top: .6rem;
}
.about_kj #about_kanjian .swiper-slide p {
font-size: .55rem;
color: #333;
text-align: center;
line-height: .85rem;
}
.about_kj #about_kanjian .swiper-slide a {
width: 4.45rem;
height: 1.05rem;
border: 1px solid #5e7aff;
border-radius: .55rem;
position: absolute;
bottom: .8rem;
left: 2.4rem;
font-size: .6rem;
line-height: 1.05rem;
color: #5e7aff;
text-indent: .6rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFQkYyRUIzREFBOTExRUFBOEVCQUQ3MUFBOTREM0I1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFQkYyRUI0REFBOTExRUFBOEVCQUQ3MUFBOTREM0I1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkVCRjJFQjFEQUE5MTFFQUE4RUJBRDcxQUE5NEQzQjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCRjJFQjJEQUE5MTFFQUE4RUJBRDcxQUE5NEQzQjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PqnWCAAAAuklEQVR42mL8//8/A7VAfDWcuRaIu4D4JLoaJgbagLlAvBGIdell4TYgzgbiXUCsjizBwkA7AApWbiDeDcT2QHwfbCFSuNMCLIJaCvKpIxA/YWGgPZiOZKk9yML/DPQBS4F4DchCRjpYZgfEq4HYn5FG+RAZmAPxeiCOAeJ9tI5DUD7cAMQpIMtomQ9BQA2IdwJxHhBvpXXGVwDiPUBcCY07mpY0MtDM3gnEC+lRtIUA8SwgnopNEiDAAEquI/IROOceAAAAAElFTkSuQmCC) 3.25rem center no-repeat;
background-size: .7rem .35rem;
}
.about_kj #about_kanjian .swiper-button-prev {
width: .4rem;
height: .7rem;
background: url(../img/left.png) no-repeat;
background-size: 100% 100%;
left: 0;
outline: none;
}
.about_kj #about_kanjian .swiper-button-prev::after {
content: '';
}
.about_kj #about_kanjian .swiper-button-next {
width: .4rem;
height: .7rem;
background: url(../img/right.png) no-repeat;
background-size: 100% 100%;
outline: none;
right: 0;
}
.about_kj #about_kanjian .swiper-button-next::after {
content: '';
}
.about_kj #about_kanjian .swiper-slide-active {
box-shadow: 0px 0.1rem 0.5rem 0px rgba(0, 0, 0, 0.5);
}
.about_title {
margin: 0 auto;
}
/*更多人选择新航道*/
.about_xuanze {
margin-top: 0.95rem;
}
.about_xuanze .about_titlexz {
width: 14.6rem;
height: 1.95rem;
}
.about_xuanze .about_xuan {
width: 100%;
height: 8.25rem;
margin-top: .8rem;
}
/*更多人信赖新航道*/
.about_xinlai {
width: 100%;
height: 11.85rem;
background: url(../img/about_img27.jpg) no-repeat;
background-size: 100% 100%;
margin-top: 1.3rem;
display: flex;
padding-top: 3.75rem;
}
.about_xinlai dt {
width: 1.4rem;
margin-left: .6rem;
text-align: center;
font-size: .8rem;
font-weight: bold;
color: #3859d7;
line-height: .85rem;
padding-top: 2.15rem;
}
.about_xinlai dd {
width: 15.55rem;
margin-left: .6rem;
}
.about_xinlai dd h6 {
position: relative;
font-size: .8rem;
color: #ffd737;
line-height: 1.05rem;
}
.about_xinlai dd h6::before {
position: absolute;
content: '';
width: 7.5rem;
height: .45rem;
background: url(../img/about_img28.png) no-repeat;
background-size: 100% 100%;
bottom: 0;
left: -0.9rem;
}
.about_xinlai dd p {
font-size: .6rem;
color: #fff;
line-height: .8rem;
padding: .5rem 0;
}
/*学术品质 立志百年*/
.about_xueshu {
margin-top: 1.6rem;
}
.about_xueshu .about_titlexs {
width: 14.6rem;
height: 1.95rem;
}
.about_xueshu ul {
padding: 0 .75rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about_xueshu ul li {
width: 7.95rem;
height: 8.25rem;
margin-top: 1.2rem;
border-radius: 0 1.25rem 0 1.25rem;
background-color: #4454a8;
}
.about_xueshu ul li img {
width: 7.75rem;
height: 4.35rem;
margin: .1rem auto 0;
border-radius: 0 1.25rem 0 1.25rem;
}
.about_xueshu ul li h6 {
font-size: .75rem;
font-weight: bold;
color: #fff;
margin-top: .4rem;
text-align: center;
line-height: 1.1rem;
position: relative;
}
.about_xueshu ul li h6::after {
position: absolute;
content: '';
width: 1.3rem;
height: .05rem;
background-color: #fff;
bottom: 0;
left: 50%;
margin-left: -0.65rem;
}
.about_xueshu ul li p {
font-size: .6rem;
color: #fff;
line-height: .6rem;
text-align: center;
margin-top: .4rem;
}
.about_xueshu ul li span {
display: block;
color: #fff;
font-size: .4rem;
line-height: .4rem;
margin-top: .25rem;
text-align: center;
}
/*视频弹框*/
.shipin_tchu {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 10;
display: none;
}
.shipin_tchu #video {
width: 100%;
position: absolute;
top: 50%;
margin-top: -25%;
}