.profile_top{
	width: 100%;
	max-width: 12.8rem;
	margin: .6rem auto;
	display: flex;
	align-items: center;
}
.development_mob {
		display: none;
}
.profile_top .imtop{
	/* max-width: 6.2rem; */
	width: 48.4%;
	margin-right: auto;
}
.profile_top .imtop img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_top_2 .imtop img{
    /*height: 340px;    */
}
.profile_top_3 .imtop img{
    /*height: 340px;    */
}
.profile_top_2 >div:nth-child(2){
	margin-right: unset;
	order: 1;
}
.profile_top .pro_right{
	width: 48.4%;
	/* display: flex; */
	/* align-items: center; */
	/* flex-wrap: wrap; */
}
.profile_top .pro_right span{
	font-size: 0.48rem;
	font-weight: bold;
	display: block;
	color: #333333;
	/* margin-top: 0.6rem; */
	margin-bottom: 0.28rem;
}
.profile_top .pro_right p{
	font-size: 0.18rem;
	/*font-weight: 500;*/
	color: #666666;
	line-height: 0.28rem;
	text-align: justify;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	/*display: -webkit-box;*/
	/*-webkit-line-clamp:5;*/
	/*-webkit-box-orient:vertical;*/
	/*overflow-y: auto;*/
	height: 1.12rem;
	overflow:auto;
	/*三角箭头的颜色*/
	/*scrollbar-arrow-color: #fff;*/
	/*滚动条滑块按钮的颜色*/
	/*scrollbar-face-color: #eeeeee;*/
	/*滚动条整体颜色*/
	/*scrollbar-highlight-color: #eeeeee;*/
	/*滚动条阴影*/
	/*scrollbar-shadow-color: #eeeeee;*/
	/*滚动条轨道颜色*/
	/*scrollbar-track-color: #EEEEEE;*/
	/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
	/*scrollbar-3dlight-color:#eeeeee;*/
	/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
	/*scrollbar-darkshadow-color: #eeeeee;*/
	/*滚动条基准颜色*/
	/*scrollbar-base-color: #eeeeee;*/
	padding-right: 6px;
}
/*.profile_top .pro_right p{padding-right: 10px;overflow-y: auto; border-radius:10px }*/
/*.profile_top .pro_right p::-webkit-scrollbar{background-color: #eee;width: 3px;height: 3px; border-radius:10px }*/
/*.profile_top .pro_right p::-webkit-scrollbar-track {background-color: #eee; border-radius:10px }*/
/*.profile_top .pro_right p::-webkit-scrollbar-thumb{    background-color: #ccc; border-radius:10px; }*/



/* 2 */
.profile_top_title{
	width: 100%;
	max-width: 12.80rem;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	/* display: none; */
}
.profile_top_title>div{
	width: 6.2rem;
	height: 1.8rem;
	line-height: 1.8rem;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
	/*box-shadow: 0rem 5px 15px 5px rgb(0 0 0 / 10%);*/
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}
.profile_top_title .not_center img{
	width: 100%;
	display: block;
}
.profile_top_title .not_center{
	height: 1rem;
	display: flex;
	align-items: center;
}
.profile_top_title .not_center .img{
	width: 1rem
}
.profile_top_title .not_center .title_pro{
	margin-left: 0.4rem;
	margin-right: 0.2rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #333333;
	width: 1rem;
}
.profile_top_title .not_center span{
	margin-left: 0.2rem;
	font-size: 0.18rem;
	/*font-weight: 500;*/
	height: 1rem;
	line-height: 1rem;
	color: #666666;
}
.profile_top_title .not_center .not_iv{
	width: 0.01rem;
	height: 0.2rem;
	background: #EEEEEE;
}

.profile_top_2 .imtop{
	margin-left: auto;
}
/* 发展历程 */
.development{
	width: 100%;
	background: url(../png/3388ab8f-ef07-4fe7-bd53-2604be658be9.png) no-repeat;
	background-size: 100% 100%;
}
.development_course{
	/* height: 10rem; */
	max-width: 9.2rem;
	margin: 0.6rem auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*display: none!important;*/
	/* background: url(/img/development_course1.png) no-repeat; */
}
.development_course {}
.development_course >div{
	
}
.development_course .development_course_left{
	/* margin-right: auto; */
	/* margin-top: 1.1rem; */
	position: relative;
}

.development_course .development_course_left .cours_1 .spanImg{
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 99;
	margin: auto;
	display: block;
	width: 0.12rem;
	height: 0.12rem;
	background: #FFFFFF;
	border: 0.04rem solid #CBE4CF;
	box-shadow: 0px 0px 20px 0px rgba(27, 154, 49, 0.15);
	border-radius: 50%;
}
.active-year .box_title>div{
	width: 0.12rem!important;
	height: 0.12rem!important;
	border: 6px solid #1B9A31!important;
}
.active-year .box_title>span{
	color: #1B9A31!important;
	opacity: 1!important;
}
/* .swiper-slide-next .box_title>div{
	width: 0.12rem!important;
	height: 0.12rem!important;
	border: 6px solid #1B9A31!important;
}
.swiper-slide-next .box_title>span{
	color: #1B9A31!important;
	opacity: 1!important;
} */
.development_course .development_course_left .cours_1 >div{
	width: 1.7rem;
	height: 0.20rem;
	/* border: 1px #f00 solid; */
	margin-bottom: 0.9rem;
	display: flex;
	align-items: center;
	position: relative;
}
.development_course .development_course_left .cours_1>div:nth-child(even) span{
	margin-right: auto;
	display: block;
	position: absolute;
	left: 0;
}
.development_course .development_course_left .cours_1>div:nth-child(odd) span{
	margin-right: auto;
	display: block;
	position: absolute;
	right: 0;
}
.development_course .development_course_left .cours_1>div span{
	font-size: 0.24rem;
	font-weight: bold;
	color: #1B9A31;
	opacity: 0.4;
	/* margin: 0 0.18rem; */
}

.development_course .development_course_right{
	width: 6.82rem;
	height: 6.6rem;
	
}
.development_course .development_course_right{
	position: relative;
	margin-left: 1.08rem;
}
.development_course .development_course_right .right_div{
	position: absolute;
	top: 0;
	overflow: hidden;
	zoom: 1;
	padding:0 0.4rem;
}
.development_course .development_course_right .right_div>div { 
	width: 5.65rem;
	float: right;
	height: 2rem;
	background: #FFFFFF;
	box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 0.4rem;
	display: flex;
	margin-left: auto;
	/* margin-left: 1.6rem; */
	
	transition:width 1s;
	-moz-transition:width 1s; /* Firefox 4 */
	-webkit-transition:width 1s; /* Safari and Chrome */
	-o-transition:width 1s; /* Opera */
}
.active-year .swiper-slide_ert{
	margin-left: auto!important;
	width: 100% !important;
	
}
.development_course .development_course_right .right_div > div > .right span{
	font-size: 0.25rem;
	font-weight: bold;
	color: #1B9A31;
	line-height: 0.25rem;
	margin: 0.4rem 0 0.2rem 0;
	display:block;
}
.development_course .development_course_right .right_div>div .right{
	width: 2.5rem;
}
.development_course .development_course_right .right_div > div > .right p{
	font-size: 0.14rem;
	font-weight: 500;
	color: #666666;
	line-height: 0.24rem;
}
.development_course .development_course_right_2 {
	position: relative;
}
.development_course .development_course_right_2 .positions{
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
}
.development_course .development_course_right_2 .positions>div img{
	display: block;
	width: 0.3rem;
	height: 0.3rem;
}
.development_course .development_course_right_2 .positions>div:not(:last-child) img{
	margin-bottom: 0.3rem;
}
.development_course .development_course_right_2 .swiper-button-next,
.development_course .development_course_right_2 .swiper-button-prev {
    width: 0.3rem !important;
	height: 0.3rem !important;
	margin-bottom: 0.3rem;
	cursor: pointer;
	opacity: 0.4;
	position: static;
	display: flex;
	background-image: none;
}
.development_course .development_course_right_2 .swiper-button-next::hover,
.development_course .development_course_right_2 .swiper-button-prev::hover {
    opacity: 1;
}
.development_course .development_course_right_2 .next,.prev{
	width: 0.3rem;
	height: 0.3rem;
	margin-bottom: 0.3rem;
	cursor: pointer;
	opacity: 0.4;
}
.development_course .development_course_right_2 .next:hover,.prev:hover{
	opacity: 1;
}
.development_course .cours_1{
	position: relative;
}
.development_course .development_course_left #cous_2{
	width: 0.08rem;
	height: auto;
	margin-left: 1rem;
	background: #1B9A31;
	opacity: 0.2;
	border-radius: 18px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.development_course .development_course_right .right_div>div .img_es{
	width: 2.6rem;
	padding: 0.2rem;
}
.development_course .development_course_right .right_div>div .img_es img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}

@media screen and (max-width:1024px){
    .profile_top{
        margin: .3rem auto;
    }
    #About_hj_001 .about_004{
        padding: .3rem;
    }
    #About_hj_001 .about_006{
        padding: .3rem 0;
    }
    .development_mob {
		display: block;
	}
	.profile_top .pro_right{
		margin-bottom: 0.2rem;
		order: 5;
	}
	.development_course{
	    display: none;
	}
	.development_mob .development_mob_d{
		margin: 0.3rem auto !important;
	}
	.development_mob .img_mb{
		width: 3rem;
		height: 2rem;
		
	}
	.profile_top_2{
	    margin-top: 0.5rem;
	}
	.development_mob .img_mb img{
	    height: 100%;
	    object-fit: cover;
	}
	.development_course{
		margin: 0;
	}
	.development_mob_d {
		margin-top: 0.2rem;
	}
	.development_mob_d .right{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1;
		width: 3rem;
		box-sizing: border-box;
		padding: 0 0.3rem;
	}
	.development_mob_d .right span{
	    font-size: 0.26rem;
	    font-weight: bold;
	    color: #1B9A31;
	    margin-bottom: 0.1rem;
	    display: block;
	    line-height: 0.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	.development_mob_d .right p{
		font-size: 0.24rem;
		    /*font-weight: 500;*/
		    color: #666666;
		    line-height: 0.3rem;
	}
	.development{
		background-size: cover;
	}
	.profile_top .pro_right span{
	    margin: 0.3rem 0 0.23rem 0;
	    line-height: .5rem;
	}

}







@media screen and (max-width:1400px) and (min-width:1024px) {
    .profile_top_2 .imtop img{
        /*height: 242px;    */
    }
    .profile_top_3 .imtop img{
        /*height: 242px;    */
    }
    .position_Bottom .swiperimg .right{
        width: 2.3rem;
    }
	.profile_top{
		width: 80% !important;
	}
	#About_hj_001 .about_news article{
	    width: 83%;
	}
	.position_Bottom .swiperimg .img_es{
	    width: 2.1rem!important;
	}
	/*.position_Bottom .swiperimg .right{*/
	/*    width: 1.8rem;*/
	/*}*/
	.profile_top .pro_right span{
		margin-top: 0.4rem;
		font-size: 0.34rem;
		width: 100%;
	}
	.profile_top .pro_right p{
		font-size: 0.16rem;
		line-height: 0.28rem;
	}
	.profile_top_title{
		width: 80% !important;
	}
	.profile_top_title>div{
		width: 46%;
		height: 1.28rem;
	}
	.profile_top_title .not_center .img{
		width: 0.7rem;
	}
	.profile_top_title .not_center .title_pro{
		margin-left: 0.28rem;
		margin-right: 0.14rem;
	}
	.profile_top_title .not_center span{
		margin-left: 0.14rem;
		font-size: 0.16rem;
	}
	.development_course{
		max-width: 9.1rem;
	}
	.development_course .development_course_right .right_div>div{
		width: 4.02rem;
		margin-bottom: 0.28rem;
	}
	
	.development_course .development_course_right .right_div{
		width: 4.84rem;
		height: 1.6rem;
	}
	.development_course .development_course_right .right_div>div .img_es{
		width: 1.5rem;
		padding: 0.2rem;
	}
	.development_course .development_course_right .right_div>div .img_es img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.position_Bottom .swiperimg .img_es img{
	   width: 2.1rem!important;
	}
	.development_course .development_course_right .right_div>div{
		height: 1.6rem;
	}
	.development_course .development_course_right .right_div > div > .right span{
		margin: 0.22rem 0rem;
	}
	.development_course .development_course_right{
		/*height: 5.5rem;*/
	}
	.development_course{
		/*height: 5.56rem;*/
	}
	.development_course .development_course_left #cous_2{
		height: 4.88rem;
	}
	.development_course .development_course_left .cours_1 >div{
		margin-bottom: 0.58rem;
	}
}
@media screen and (max-width:1024px){
    #About_hj_001 .about_003{
         padding: .3rem 0;
    }
}
@media screen and (max-width:768px){
    #About_hj_001 .about_003{
       padding: 50px 0;
    }
	#About_hj_001 .about_003 .about_003_div{
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
    #About_hj_001 .about_004{
		width: 90%;
		margin: 50px auto;
        padding:0;
    }
    #About_hj_001 .about_006{
        width: 100%;
		padding: 50px 0;
    }
	#About_hj_001 .about_006 h2{
		width: 90%;
		margin: 0 auto 30px;
	}
    .development_mob .development_mob_d{
        margin: .2rem auto !important;
    }
	.profile_top{
		display: block;
		width: 90%;
		margin: 50px auto
	}
	.profile_top .pro_right{
	    /*margin: 0.3rem auto 0.4rem;*/
	}
	#About_hj_001 .about_news article{
	    width: 90%;
		padding: 0;
		margin: 50px auto 20px;
	}
	.profile_top .imtop{
		width: 100%;
	}
	.profile_top .imtop img{
	    height: 100%;
	}
	.profile_top .pro_right{
		width: 100%;
		margin-bottom: 0.1rem;
	}
	.profile_top_title{
		display: block;
	}
	
	.profile_top_title>div{
		width: 90%;
		margin:0 auto;
	}
	.profile_top_2{
		display: flex;
		flex-direction: column;
	}
	.profile_top_title .not_center span{
		font-size: 14px;
	}
	.profile_top_title>div{
		height: 1.5rem;
	}

	.profile_top_title>div{
		display: flex;
	}
/* 	.development_course .development_course_right{
		margin-left: 0;
	}
	.development_course .development_course_right .right_div>div .img_es{
		width: 2.5rem;
		height: 0.6rem;
	}
	.development_course .development_course_right .right_div>div .img_es img{
		width: 100%;
	}
	.development_course .development_course_right .right_div>div{
		width: 100%;
	}
	.development_course .development_course_right{
		margin: 0 auto;
	} */
    /**/
    /*页面的字体大小调整*/
    .profile_top .pro_right p{
        font-size: 0.24rem!important;
        line-height: 0.38rem;
    }
    #About_hj_001 .about_003 p, #Company_bottom_content .text,
    {
        font-size: 0.24rem;
        line-height: 0.38rem;
    }
    #About_hj_001 .about_003 p{
        /*width: 70%;*/
        font-size: 0.24rem;
        line-height: 0.38rem;
    }
    #About_hj_001 .about_006_name span:nth-child(2){
        font-size: 0.22rem;
    }
    #About_hj_001 .about_news .title{
         font-size: 0.16rem;
         /*height: 0.6rem!important;*/
         /*line-height: 0.3rem!important;*/
    }
    .profile_top_title .not_center article span{
         height: 0.585rem!important;
    }
     #About_hj_001 .about_news .title{
         font-size: 0.26rem;
    }
    #About_hj_001 .about_006_name span:nth-child(1){
        font-size: 0.24rem;
    }
   
}
.development_course .development_course_right_2 .positions{
	   right: -0.5rem;
	   left:unset
	}
#About_hj_001 .swiper-button-prev{
    /*opacity:.35;*/
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    opacity:1
}
 #About_hj_001 .swiper-button-next{
    /*opacity:.35;*/
    opacity:1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
 /*#About_hj_001 .swiper-button-next:hover{*/
 /*      opacity:1;*/
 /*}*/
 /* #About_hj_001 .swiper-button-prev:hover{*/
 /*      opacity:1;*/
 /*}*/
@media screen and (max-width:1200px){
	 .development_mob {
		display: block;
		width: 90%;
		margin: 50px auto;
	}
		.development_course{
	    display: none;
	}
	.development_mob .development_mob_d{
		width: 100%;
		margin:0 auto 0.6rem;
		display: flex;
		box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
	}
	.development_mob .img_mb{
		width: 2rem;
		height: 2rem;
		
	}
	.development_mob .img_mb img{
	    height: 100%;
	    object-fit: cover;
	}
	.development_course{
		margin: 0;
	}
	.development_mob_d {
		margin-top: 0.2rem;
	}
	.development_mob_d .right{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1;
		width: 3rem;
		box-sizing: border-box;
		padding: 0 0.3rem;
		
	}
	.ovflow-y{
	    height: 1.6rem;
		/*overflow-y: auto;*/
		/*flex-direction: column;*/
  /*      display: flex;*/
  /*      justify-content: center;*/
	}
	.development_mob_d .right span{
	    font-size: 0.26rem;
	    font-weight: bold;
	    color: #1B9A31;
	    margin-bottom: 0.1rem;
	    display: block;
	    line-height: 0.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	.Company_ul>span{
	    font-size: 0.26rem;
	}
	.development_mob_d .right p{
		font-size: 0.16rem;
	    /*font-weight: 500;*/
	    color: #666666;
	    line-height: 0.3rem;
	    /*width: 94%;*/
	}
	.development{
		background-size: cover;
	}
}


@media screen and (max-width:1023px) and (min-width:768px){
    .profile_top .pro_right p,
    #About_hj_001 .about_003 p,
    #About_hj_001 .about_right span:nth-child(3),
    #About_hj_001 .about_news article p,
    .development_mob_d .right p,
    {
        font-size: .16rem!important;
        line-height: .28rem!important;
    }
}
/*#About_hj_001 .about_006_name span:nth-child(2)*/
@media screen and (max-width:1366px) and (min-width:1024px){
    .profile_top .pro_right span{
        font-size: .4rem;
    }
    .development_mob_d .right p{
        font-size: .16rem;
    }
    #About_hj_001 .about_news .title{
        font-size: .24rem;
    }
}

@media screen and (max-width: 767px){
    .development_mob_d .right p{
        font-size: .22rem;
    }

}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .profile_top .pro_right p, #About_hj_001 .about_003 p, #About_hj_001 .about_right span:nth-child(3) {
        font-size: .16rem!important;
        line-height: .28rem!important;
    }
    #About_hj_001 .about_006_name span:nth-child(2){
        font-size: .16rem!important;
    }
    #About_hj_001 .about_006_name span:nth-child(1){
        font-size: .22rem!important;
    }
    .swiper-container_6 .swiper-button-next, .swiper-container_6 .swiper-button-prev{
            background-size: 84%!important;
            padding-right: 8px;
    }
}
/*.footer__wexin_container:hover .footer__pop_container{*/
/*    display: flex;*/
/*}*/