@charset "UTF-8";

/* 关于我们banner */
.banner{
	width: 100%;
	padding-top: 82px;
}
.banner_pic{
	width: 100%;
	position: relative;
}
.banner_pic img{
	width: 100%;
}
.navlist{
	position: absolute;
	left: 8.5%;
	top: 92%;
	width: 83%;
	border-radius: 8px;
	box-shadow: 0px 6px 24px  rgba(0,0,0,0.16);
	padding: 2% 0;
	background-color: #fff;
	z-index: 3;
}
.navlist ul li{
	width: 20%;
	float: left;
	text-align: center;
	font-size: 2.2rem;
	color: #000;
}
.navlist ul li a{
	color: #000;
}

/* 公司简介 */
.advantage{
	width: 100%;
	margin-top: 110px;
}
.advantage_bx{
	width: 1200px;
	margin: 0 auto;
	/* min-width: 1200px; */
}
.advantage_pic{
	width: 550px;
	float: left;
	margin-top: 8px;
}
.advantage_text{
	width: 50%;
	float: left;
	margin-left: 46px;
	padding-right: 1%;
}
.advantage h1{
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: #000;
	margin-bottom: 4.2rem;
}
.adv_cont{
	width: 100%;
	color: #666;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 1.8%;
}
.adv_cont:last-child{
	margin-bottom: 0;
}

/* 企业价值观 */
.value{
	width: 100%;
	margin-top: 70px;
}
.value_bx{
	width: 1200px;
	margin: 0 auto;
}
.value_bx h1{
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: #000;
	margin-bottom: 38px;
}
.value_main{
	width: 100%;
}
.value_main_cont{
	width: 100%;
	margin-bottom: 4rem;
}
.value_main_block{
	width: 22.5%;
	height: 190px;
	float: left;
	margin-right: 3.3%;
	border-radius: 8px;
	box-shadow: 0px 5px 18px  rgba(0,0,0,0.14);
	background-color: #fff;
}
.value_main_block:last-child{
	margin-right: 0;
}
.value_main_block h2{
	font-size: 28px;
	text-align: center;
	width: 100%;
	color: #000;
	margin-top: 40px;
}
.value_main_block_text{
	width: 76%;
	margin: 0 auto;
	margin-top: 13px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.value_main_else{
	width: 100%;
}
.value_main_else ul{
	width: 100%;
}
.value_main_else ul li{
	width: 47.5%;
	float: left;
	margin-right: 5%;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
	padding: 2.4% 0;
	color: #000;
}
.value_main_else ul li:last-child{
	margin-right: 0;
}
.value_main_else ul li h2{
	width: 100%;
	text-align: center;
	font-size: 30px;
	margin-bottom: 2.2%;
}
.value_main_else_block_text{
	width: 76%;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #888;
}
.value_main_else ul li:hover{
	background-color: #0263e0!important;
	color: #fff!important;
}
.value_main_else ul li:hover .value_main_else_block_text{
	color: #fff!important;
}
.active{
	background-color: #0263e0!important;
	color: #fff!important;
}
.active .value_main_else_block_text{
	color: #fff;
}

/* 公司历程 */
.course{
	width: 100%;
	margin-top: 70px;
}
.course_bx{
	width: 1200px;
	margin: 0 auto;
}
.course h1{
	width: 100%;
	font-size: 40px;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
.course_main{
	width: 100%;
}
.course_main img{
	margin: 0 auto;
	display: block;
}

/* 联系我们 */
.contact{
	width: 100%;
	margin-top: 70px;
	background-color: #233659;
	padding: 4% 0 5% 0;
}
.contact_bx{
	width: 1200px;
	margin: 0 auto;
	/* min-width: 1200px; */
}
.contact h1{
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: #fff;
	margin-bottom: 40px;
}
.contact_main{
	width: 100%;
	background-color: #4f5e7a;
	padding: 4% 0;
	overflow: hidden;
}
.contact_main_left{
	width: 560px;
	float: left;
	margin-left: 4%;
}
.contact_main_right{
	width: 45%;
	margin-left: 4%;
	float: left;
	overflow: hidden;
}
.contact_main_right_title{
	width: 100%;
	overflow: hidden;
}
.contact_main_right_title_left{
	width: 12.4%;
	float: left;
}
.contact_main_right_title_right{
	width: 78%;
	float: left;
	margin-left: 3.4%;
}
.contact_main_right_title_right h2{
	font-size: 30px;
	color: #fff;
	width: 100%;
}
.contact_main_right_title_right_block{
	width: 26%;
	text-align: center;
	background-color: #f24a4e;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
	padding: 1.3% 2%;
	margin-top: 4%;
}
.contact_main_right_cont{
	width: 100%;
	margin-top: 4.8%;
}
.contact_main_right_cont_line{
	width: 100%;
	margin-top: 2.4%;
	overflow: hidden;
}
.contact_icon{
	width: 2.8rem;
	height: 2.8rem;
	float: left;
	line-height: 30px;
}
.contact_text{
	width: 86%;
	float: left;
	margin-left: 3%;
	font-size: 1.6rem;
	color: #fff;
	line-height: 32px;
}
.contact_text span{
	font-size: 1.8rem;
}
.contact_text div{
	padding-bottom: 1%;
}

/* 团队风采 */
.team{
	width: 100%;
	margin-top: 70px;
}
.team_bx{
	width: 1200px;
	margin: 0 auto;
	padding: 0 1%;
}
.team h1{
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: #000;
	margin-bottom: 40px;
}
.team_main{
	width: 100%;
}
.team_main_line{
	width: 100%;
	margin-bottom: 1.8%;
}
.team_main_line_pic{
	float: left;
	width: 49.2%;
	margin-right: 1.6%;
}
.team_main_line_pic:last-child{
	margin-right: 0;
}

/* 公司资质 */
.qua{
	width: 100%;
	margin-top: 70px;
}
.qua_bx{
	width: 1200px;
	margin: 0 auto;
	/* min-width: 1200px; */
}
.qua h1{
	text-align: center;
	width: 100%;
	font-size: 40px;
	color: #000;
	margin-bottom: 20px;
}
.qua_main{
	width: 100%;
}
.qua_main_line1{
	width: 96%;
	padding-bottom: 10px;
	margin: 0 auto;
}

.qua_main_line2{
	width: 100%;
	margin: 0 auto;
	/* margin-top: 30px; */
}
.qua_main_line1 .qua_main_pic:nth-child(1){
	width: 32%;
	float: left;
	margin-right: 1%;
}
.qua_main_line1 .qua_main_pic:nth-child(2){
	width: 32%;
	float: left;
	margin-right: 1%;
}
.qua_main_line1 .qua_main_pic:nth-child(3){
	width: 32%;
	float: left;
}
.qua_main_line2 .qua_main_pic{
	float: left;
	width: 32.6%;
	margin-right: 1%;
}
.qua_main_line2 .qua_main_pic:last-child{
	margin-right: 0;
}
.swiper-wrapper{

}
.swiper-slide {
	float: left;
    text-align: center;
	width: 23%!important;
	margin-right: 2.6%;
    /* Center slide text vertically */
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    -webkit-align-items: center!important;
    align-items: center!important;
}
@media (max-width: 760px) {
    .swiper-button-next {
      right: 20px;
      transform: rotate(90deg);
	  float: left;
    }

    .swiper-button-prev {
      left: 20px;
      transform: rotate(90deg);
	  float: right;
    }
}

/* .vg_task{
	position: relative;
}
.vg_task .arrowbtn-left,.vg_task .arrowbtn-right{
	position: absolute;
	top: 70px;
	width: 16px;
	height: 20px;
	cursor: pointer;
}
.vg_task .arrowbtn-left{
	left: 40px;
	border: 1px solid red;
	background: url(../img/about/zl_tb1.png) no-repeat;
}
.vg_task .arrowbtn-right{
	left: 40px;
	border: 1px solid red;
	background: url(../img/about/zl_tb2.png) no-repeat;
}
.vg_tasklist{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.vg_tasklist ul {
	width: 999%;
}
.vg_tasklist li{
	width: 23%!important;
	float: left;
	margin-right: 2.6%;
	position: relative;
} */


/* 新闻动态页 */

/* banner */

.banner2{
	width: 100%;
	padding-top: 82px;
}
.banner_pic2{
	width: 100%;
	position: relative;
}
.banner_pic2 img{
	width: 100%;
}
.navlist2{
	position: absolute;
	left: 8.5%;
	top: 92%;
	width: 83%;
	border-radius: 8px;
	box-shadow: 0px 6px 24px  rgba(0,0,0,0.16);
	padding: 2% 6%;
	background-color: #fff;
	z-index: 3;
}
.navlist2 ul li{
	width: 25%;
	float: left;
	text-align: center;
	font-size: 2.2rem;
	color: #000;
}
.navlist2 ul li a{
	color: #000;
}
/* 动态模块 */

.newsBox{
	width: 100%;
	margin-top: 6.4%;
}
.newsBox .news{
	width: 100%;
	display: none;
}
.newsBox .tabBox1{
	display: block;
} 
.news_bx{
	width: 83%;
	margin: 0 auto;
}
.news h1{
	width: 100%;
	font-size: 5rem;
	color: #000;
	text-align: center;
	margin-bottom: 4.4rem;
}
.newsBox .news .news_main{
	width: 100%;
	display: none;
}
.newsBox .news .page_box{
	display: block;
}
.news .news_main a{
	width: 100%;
	margin-bottom: 3.1%;
	display: inline-block;
}
.news_block{
	width: 100%;
	padding: 2.5% 0;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	overflow: hidden;
}
.news_block:last-child{
	margin-bottom: 0;
}
.news_block:hover{
	box-shadow: 0px 5px 18px  rgba(0,0,0,0.18);
	border: none;
}
.news_block_date{
	width: 12%;
	float: left;
}
.news_block_date_month{
	font-size: 3.6rem;
	color: #000;
	width: 100%;
	text-align: right;
}
.news_block_date_year{
	width: 100%;
	color: #888;
	text-align: right;
	font-size: 2.3rem;
	margin-top: 2%;
}
.news_line{
	float: left;
	margin-left: 2%;
	border-bottom: 1px solid #bbb;
	width: 4%;
	margin-top: 2.1rem;
}
.news_block_text{
	width: 74%;
	float: left;
	margin-left: 2%;
}
.news_block_text_title{
	width: 100%;
	color: #000;
	font-size: 3rem;
}
.news_block_text_cont{
	width: 100%;
	color: #888;
	font-size: 1.7rem;
	line-height: 3.2rem;
	margin-top: 1.4%;
}
.news_page{
	width: 34%;
	margin: 0 auto;
	margin-top: 3.2%;
	overflow: hidden;
}
.page1{
	font-size: 2rem;
	padding: 1.6% 3.4%;
	border-radius: 6px;
	background-color: #e9e9e9;
	color: #666;
	float: left;
	margin-right: 4%;
	margin-left: 30%;
}
.page2{
	font-size: 2rem;
	padding: 1.6% 3.4%;
	border-radius: 6px;
	background-color: #e9e9e9;
	color: #666;
	float: left;
	margin-right: 4%;
}
.page3{
	font-size: 1.9rem;
	padding: 1.6% 3.4%;
	border-radius: 6px;
	background-color: #e9e9e9;
	color: #666;
	float: left;
}
.sel{
	background-color: #0263e0;
	color: #fff;
}

/* 媒体报道页面 */

.banner3{
	width: 100%;
	padding-top: 82px;
}
.banner_pic3{
	width: 100%;
	position: relative;
}
.banner_pic3 img{
	width: 100%;
}
.navlist3{
	position: absolute;
	left: 8.5%;
	top: 92%;
	width: 83%;
	border-radius: 8px;
	box-shadow: 0px 6px 24px  rgba(0,0,0,0.16);
	padding: 2% 0;
	background-color: #fff;
	z-index: 3;
}
.navlist3 ul li{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	font-size: 2.2rem;
	color: #000;
}
.navlist3 ul li a{
	color: #000;
}
.media{
	width: 100%;
	margin-top: 6.4%;
}
.media_bx{
	width: 83%;
	margin: 0 auto;
}
.media h1{
	width: 100%;
	color: #000;
	font-size: 5rem;
	text-align: center;
	margin-bottom: 4.2rem;
}
.media_logo{
	width: 100%;
	margin-bottom: 4%;
}
.media_logo_line{
	width: 100%;
	margin-bottom: 2%;
}
.media_logo_line ul{
	width: 100%;
}
.media_logo_line ul a{
	display: inline-block;
	width: 12.2%;
	margin-right: 2.4%;
	float: left;
}
.media_logo_line ul a li{
	width: 100%;
}
.media_logo_line ul a:last-child{
	margin-right: 0;
}
.place{
	width: 100%;
	height: 1rem;
}
.media_cont{
	width: 100%;
}
.media_main{
	width: 66%;
	float: left;
}
.media_block{
	width: 100%;
	padding: 2.7% 0;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 8px;
	color: #000;
	background-color: #fff;
}
/* .media_block:last-child{
	margin-bottom: 0;
} */
.media_block:hover{
	box-shadow: 0px 5px 18px  rgba(0,0,0,0.18);
	color: #0263e0;
	border: none;
}
.media_date{
	width: 19%;
	text-align: right;
	float: left;
	font-size: 20px;
	color: #888;
	margin-left: 3%;
	line-height: 34px;
}
.media_text{
	float: left;
	margin-left: 4.2%;
	font-size: 20px;
	width: 70%;
	line-height: 34px;
}
.media_pic{
	float: right;
	width: 27%;
}
.media_pic a{
	width: 100%;
	margin-bottom: 7.6%;
	display: inline-block;
}
.media_pic_block{
	width: 100%;
}
.media_pic a:last-child{
	margin-bottom: 0;
}
.media_pic_top_img{
	width: 100%;
	margin-bottom: 3.2%;
}
.media_pic_top_text{
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	color: #666;
	line-height: 2.6rem;
}
.offer_btn_a{
	width: 100%;
	height: 100%;
	color: #fff!important;
	text-decoration: none!important;
	display: block;
	line-height: 6rem;
}
.media_cont .media_main a{
	display: inline-block;
	width: 100%;
	margin-bottom: 3.2%;
}
.media_cont .media_main a:last-child{
	margin-bottom: 0;
}



/*新闻详情页面*/

#logo {
	width: 100%;
	padding-top: 7.9rem;
}

.news-content {
	width: 70%;
	margin: 0 auto;
	margin-top: 7rem;
}
.news-content-title{
	width: 100%;
	padding-bottom: 2.8%;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 2.5%;
}
.news-content-title h2 {
	font-weight: normal;
	text-align: center;
	font-size: 4rem;
	color: #000;
}
.news-content-title h1 {
	font-weight: normal;
	text-align: center;
	font-size: 4rem;
	color: #000;
}
.news-content-title h2 a{
	color: #000;
}

.news-content-title span {
	display: block;
	text-align: center;
	font-size: 2rem;
	color: #999;
	padding-top: 2.1%;
}

.news-content p {
	margin-bottom: 1.8%;
	color: #666;
	line-height: 3.4rem;
	font-size: 1.9rem;
}

.news-content .p-title {
	padding-top: 2.2%;
	font-weight: bold;
	color: #000;
	font-size: 2.2rem;
	margin-bottom: 0.8%!important;
}

p.right {
	text-align: right;
}

.news-content img {
	margin: 3rem 0;
	max-width: 75rem;
}


/* 下载APP */
.xiazai {
	position: relative;
	padding-top: 30px;
	/* padding-bottom: 20px; */
	min-width: 1200px;
}

.xiazai .banner {
	/* padding-top: 82px; */
	width: 100%;
	height: 720px;
	background: url(../img/about/bpm.jpg) no-repeat center;
	position: relative;
	background-size: cover;
}

.xiazai img {
	width: 100%;
	background-size: cover;
}

.xiazai .banner_text {
	width: 40%;
	position: absolute;
	bottom: 26%;
	left: 17%;
	text-align: left;
}

.xiazai .banner_text h2 {
	width: 100%;
	font-size: 58px;
	color: #FFFFFF;
	text-align: left;
	letter-spacing: 2px;
	font-weight: 600;
	display: block;
	margin-bottom: 16px;
	/* font-family: "YaHei-Light"; */
}

.xiazai .banner_text h4 {
	font-size: 34px;
	color: #FFFFFF;
	width: 40%;
	text-align: left;
	letter-spacing: 1px;
	padding: 30px 0 32px 0;
	line-height: 40px;
	font-family: "YaHei-Light";
}

.xiazai .banner_text em {
	display: inline-block;
	width: 156px;
	height: 51px;
	line-height: 51px;
	border-radius: 30px;
	background-color: #7689ff;
	border: 1px solid #7689ff;
	color: #FFFFFF;
	font-style: normal;
	margin-right: 20px;
	cursor: pointer;
	text-align: center;
	font-size: 17px;
	font-family: "microsoft yahei";
	margin-top: 50px;
}

.xiazai .banner_text em:hover {
	border: 1px solid #e13a3e;
	background: #e13a3e;
	color: #ffffff;
}


.modal {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.down_box1 {
	position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    width: 617px;
    height: 275px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #FFFFFF;
    z-index: 20;
	display: none;
}

.down_box1 p.close {
	text-align: right;
	padding: 10px;
}

.down_box1 p {
	text-align: center;
	font-size: 14px;
	color: #585858;
}

.down_box1 .cont_box {
	padding: 53px 0;
	text-align: center;
}

.cont_box img {
	width: 150px;
	height: 150px;
}

.cont_box p {
	margin-top: 10px;
}
.down_box1 .cont_box .left {
    float: left;
    width: 40%;
    padding: 53px 0;
}
.down_box1 .cont_box .right {
    float: left;
    width: 59.5%;
    border-left: 1px solid #E4E4E4;
}
.down_box1 .cont_box .right p {
    width: 213px;
    height: 64px;
    margin: 24px auto;
}
.down_box1 .cont_box .right p.one {
    background: url(../img/about/APP_ios.png) no-repeat;
    background-size: 100%;
}


.down_box1 .cont_box .right p.two {
    background: url(../img/about/App_android.png) no-repeat;
    background-size: 100%;
}

.down_box1 .cont_box .right p:hover {
    width: 213px;
    height: 64px;
    background: url(../img/about/App_xiazai.png) no-repeat;
    background-size: 100%;
}

.contact_main_right_title_right_block_a{
	width: 100%;
	height: 100%;
	color: #fff;
	/* padding: 1rem 2rem; */
	display: block;
}
.contact_main_right_title_right_block_a:hover{
	color: #fff!important;
}