/* 样式开始 */
		/* 导航图片 */
		.carousel-item a.banbg{
			background-image: url(/static/img/banner-new/ljmc.png);
			background-repeat: no-repeat;
			background-position: 45% center;
		}
		.tab-area a{
			color: #181818;
			margin:0px 78px ;
			height: 60px;
			line-height: 60px;
			display: inline-block;
			position: relative;
			font-size: 16px;
		}
		.tab-area a.active{
			color: #1890FF;
			border-bottom: 2px solid #387EE8;
		}
		.mainCont{
			display: none;
		}
		.selected{
			display: block;
		}
		/* 大标题 */
		.title-area{
			padding: 70px 0px 70px;
		}
		.title-area h3{
			font-size: 28px;
			color: #181818;
			font-weight: 400;
		}
		.part1{
			height: 530px;
			background-image: url(../img/bg/company_jianjie.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-size: cover;
		}
		.part1 .part1-left,.part1 .part1-right{
			float: left;
		}
		.part1 .part1-left{
			width: 40%;
			position: relative;
		}
		.part1 .part1-left img{
			height: 268px; 
		}
		.part1 .part1-left i{
			position: absolute;
			left: 44%;
			color: #fff;
			font-size: 60px;
			top: 32%;
		}
		.part1 .part1-right{
			width: 60%;
			padding-left: 80px;
			margin-top: -8px;
		}
		.part1 p{
			font-size: 14px;
			color: #666;
			line-height: 28px;
		}
		.part1-right-t{
			padding-top: 58px;
		}
		.part1-right-t h4{
			font-size: 24px;
		}
		.part1-right-t img{
			height: 22px;
			margin-right: 10px;
		}
		.part2-ul .part2-img{
			height: 194px;
			line-height: 194px;
		}
		.part2-ul .part2-img .img1{
			width: 85px;
		}
		.part2-ul .part2-img .img2{
			width: 112px;
		}
		.part2-ul .part2-img .img3{
			width: 92px;
		}
		.part2-ul .part2-title-small{
			color: #666;
			line-height: 28px;
		}
		.part1-right-b{
			padding-top: 24px;
		}
		.part1-right-b span{
			color: #010000;
			font-size: 20px;
			padding: 0px 25px;
			border-right: 2px solid #959595;
		}
		.part1-right-b span:first-child{
			padding-left: 0px;
		}
		.part1-right-b span:last-child{
			border-right: 0px solid #959595;
		}
		/* 企业定位 */
		.part2{
			padding-bottom: 70px;
		}
		.part2-ul,.part4-ul{
			display: flex;
			justify-content: space-around;
		}
		.part2-ul li{
			color: #666;
			font-size: 16px;
			padding: 20px 0px 40px;
			box-shadow: 2px 2px 4px 4px rgb(0 0 0 / 3%);
			width: 372px;
		}
		.part2-ul li:nth-of-type(2){
			margin: 0px 40px;
		}
		.part2-title{
			font-size: 24px;
			color: #181818;
			padding: 0px 0px 24px;
		}

		.part3{
			background: url(../img/bg/hexinyewu.png) center center no-repeat;
			height: 640px;
			background-size: auto;
		}
		.part4-ul li{
			width: 200px; 
			height: 200px;
			box-sizing: border-box; 
			padding: 5px; 
			border-radius: 50%;
			border: 8px solid #1890ff;
			margin-bottom: 28px;
		}
		.part4-ul .part4-box{
			width:100%; 
			height:100%; 
			border-radius:50%; 
			background:#fff;
		}
		.part4-ul .part4-title{
			font-size: 64px;
			font-weight: 500;
			padding-top: 30px;
		}
		.part4-box h4{
			font-size: 22px;
			color: #666;
			font-weight: 400;
		}
		/* 市场认可 */
		.bgD{
			color: #fff !important;
			background-color: #096DD9;
		}
		.bgF{
			background-color: #F6F6F6;
		}
		.part5 .part5-ul{
			display: flex;
			flex-wrap: nowrap;
			padding-bottom: 40px;
		}
		.part5-ul .part5-up,.part5-ul .part5-down{
			width: 370px;
			height: 130px;
			display: flex;
			flex-wrap: wrap;
			align-content: center;
		}
		.part5-ul .part5-up{
			position: relative;
			padding:0px 24px 0px 24px;
			/* padding: 20px 24px 20px 2px; */
		}
		.part5-up img{
			position: absolute;
			left: 12px;
		}
		.part5-up h5{
			width: 100%;
			font-size: 18px;
			font-weight: bold;
			color: #181818;
			line-height: 30px;
    		text-justify: newspaper; /*通过增加或减少字或字母之间的空格对齐文本*/
   			word-break: break-all; /*允许在单词内换行*/
		}
		.part5-up p{
			width: 100%;
			font-size: 14px;
			font-weight: 400;
			color: #181818;
			line-height: 30px;
			padding-top: 4px;
		}
		.bgD h5,.bgD p{
			color: #fff;
		}
		.part6{
			margin: 70px auto;
		}
		.new-container{
			width: 1400px;
			text-align: center;
			margin: 0 auto;
		}
		
		@media screen and (min-width: 1200px) and (max-width: 1480px){
			.new-container {
				width: 1200px;
			}
		}
		@media screen and (min-width: 992px) and (max-width: 1199.98px){
			.new-container {
				width: 1000px;
			}
		}
		@media screen and (min-width: 768px) and (max-width: 991.98px){
			.new-container {
				width: 720px;
			}
		}

		@media screen and (min-width: 576px) and (max-width: 767.98px){
			.new-container {
				width: 540px;
			}
		}
		@media screen and (max-width: 575.98px){
			.new-container {
				width: 100%;
			}
		}
		.swiper-container{
			padding: 0px 80px;
		}
		*[data-swiper-book="my-swiper-book"] .swiper-slide{
			width: 376px;
		}
		*[data-swiper-book="my-swiper-book"] .swiper-intro-area{
			width: 376px;
			height: 188px;
			padding: 15px 0px;
			display: flex;
			border: 1px solid rgba(210, 210, 210, 0.41);
		}
		*[data-swiper-book="my-swiper-book"]  .swiper-button-outter{
			position: absolute;
			top: 0px;
			width: 90px;
			height: 100%;
			background: #fff;
			z-index: 100;
		}
		*[data-swiper-book="my-swiper-book"] .l-out-btn{
			left: 0px;
		}
		*[data-swiper-book="my-swiper-book"] .r-out-btn{
			right: -3px;
		}
		*[data-swiper-book="my-swiper-book"] .part6-content{
			font-size: 14px;
			color: #898989;
			border-left: 1px solid #D2D2D2;
			margin: 12px 0px 0px;
			padding: 0px 20px;
			height: 90%;
			position: relative;
		}
		*[data-swiper-book="my-swiper-book"] .part6-content p{
			text-align: left;
		}
		*[data-swiper-book="my-swiper-book"] .part6-content p:nth-of-type(2){
			padding: 12px 0px 20px;
			color: #181818;
			font-weight: bold;
		}
		*[data-swiper-book="my-swiper-book"] .part6-content p:nth-of-type(3){
			position: absolute;
			bottom: 0px;
		}
		*[data-swiper-book="my-swiper-book"] .part6-content i{
			color: #1890FF;
		}
		.contentWp{
			position: relative;
		}
		.tab-container{
			background: #FFFFFF;
			position: absolute;
			top: 0px;
			width: 100%;
			box-shadow: 0px 0px 18px 0px rgba(1, 32, 78, 0.1);
		}
		/* 大事记 */
		.product{
			padding-top: 60px;
		}
		.part7 {
			height: 780px;
			background-color: #F5F5F5;
			background-image: url(../img/bg/company_dashiji.png);
			background-repeat: no-repeat;
			background-size: cover;
		}
		.product .history{
			background: url(../img/bg/timeline.png) no-repeat;
			background-size: cover;
			color: #fff;
			padding-bottom: 70px;
		}
		.product .history h3{
			color: #fff;
		}
		.about-md-out{
			display: flex;
		}
		.about-md-out .l-history{
			width: 150px;
			padding: 56px 0px;
			border-right: 2px solid rgba(255,255,255,0.9);
		}
		.about-md-out .r-history{
			width: calc(100%-150px);
			padding-left: 102px;
		}
		.l-history li.history-line{
			font-size: 24px;
			height: 120px;
			width: 150px;
			display: inline-block;
			text-align: center;
			position: relative;
		}
		.l-history li.history-line::after{
			content: '';
			width: 12px;
			height: 12px;
			position: absolute;
			background: #A0A0A0;
			border-radius: 50%;
			right: -4.5px;
			top: 8px;
		}
		.l-history li.history-line::before{
			content: '';
			width: 20px;
			height: 20px;
			position: absolute;
			background: #AAAAAA;
			opacity: 0.41;
			border-radius: 50%;
			right: -7.8px;
			top: 4px;
		}
		.l-history .history-active::after{
			background: #7ECEF4 !important;
		}
		.l-history .history-active::before{
			background: linear-gradient(-90deg, #1166FF, #00A2FF) !important;
		}
		.l-history li.history-line span{
			padding: 4px 20px;
		}
		.l-history .history-active span{
			border: 1px solid #fff;
			border-radius: 50px;
		}
		.r-history .r-history-li{
			display: none;
			min-height: 120px;
		}
		.r-history .show-r-active-li{
			display: block;
		}
		.r-history .r-history-li h4{
			font-size: 60px;
			font-weight: 400;
			line-height: 1;
			margin-bottom: 40px;
		}
		.r-history .r-history-li .txt-h-list{
			line-height: 30px;
			font-size: 16px;
			color: #fff;
			display: flex;
			margin-bottom: 35px;
		}
		.r-history .r-history-li .intro-history p{
			line-height: 30px;
			padding-left: 18px;
		}
		.history-year .about-md-out .l-history{
			border-width: 2px;
			height: 100%;
			border-color: #1890FF;
			padding: 0px 0px 100px;
		}
		.history-year .l-history .history-line {
			color: #3AA0FF;
		}
		.history-year .l-history .history-line::after{
			background: #3AA0FF !important;
		}
		.history-year .l-history .history-line::before{
			background: #3AA0FF;
		}
		.history-year .r-history{
			width: calc(100% - 150px);
			padding: 0px 20px 56px 50px;
		}
		.history-year .r-history .r-history-li{
			height: 120px;
		}
		.history-year .l-history li.history-line{
			height: 120px;
			/* line-height: 120px; */
		}
		.history-year .r-history .r-history-li > p{
			color: #666;
			font-size: 14px;
			line-height: 30px;
			position: relative;
			padding-left: 30px;
		}
		.history-year .r-history .r-history-li > p::after{
			content: '';
			width: 6px;
			height: 6px;
			background: #D6D6D6;
			border-radius: 50%;
			display: inline-block;
			position: absolute;
			top: 45%;
			left: 0px;
		}
		.history-year .about-md-out{
			display: inherit;
		}
		.history-year  .s-scroll{
			height: 820px;
			display: flex;
			overflow-x: hidden;
			overflow-y: scroll;
		}
		
		/* 设置滚动条的样式 */
		.history-year ::-webkit-scrollbar {
			width:5px;
			height: 100px;
		}
		/* 滚动槽 */
		.history-year  ::-webkit-scrollbar-track {
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
			border-radius:10px;
		}
		/* 滚动条滑块 */
		.history-year  ::-webkit-scrollbar-thumb {
			border-radius:10px;
			background:#BFBFBF;
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
		}
		.history-year  ::-webkit-scrollbar-thumb:window-inactive {
			background:#BFBFBF;
		}


		.year-event h3{
			font-size: 72px;
			font-weight: bold;
			color: #C7C7C9;
			line-height: 1;
			padding-bottom: 28px;
		}
		.year-event ul .year-dot{
			width: 12px;
			height: 12px;
			display: inline-block;
			border-radius: 100%;
			background-color: #1890FF;
			margin-right: 16px;
			opacity: 0.5;
		}
		.year-event ul li{
			color: #181818;
			font-size: 18px;
			line-height: 48px;
		}
		.year-event .year-event-img{
			margin-top: 20px;
			margin-left: 30px;
		}
		.year-event .year-event-img div{
			float: left;
		}
		.year-event .year-event-img div:nth-of-type(2){
			margin-left: 72px;
		}
		.year-event .year-event-img img{
			height: 195px;
		}
		.year-event .year-event-img p{
			color: #666;
			font-size: 14px;
			padding-top: 20px;
			text-align: center;
		}
		.event-area .year-list{
			height: 540px;
			overflow-y: auto;
			padding: 0px 12px;
		}
		.year-list li{
			font-size: 24px;
			color: #AAAAAA;
			text-align: center;
			position: relative;
			line-height: 78px;
			border-left: 1px solid #BFBFBF;
		}
		.year-list li.active{
			color: #1890FF;
		}
		.year-list li.active .year-list-dot{
			width: 13px;
			height: 13px;
			display: inline-block;
			background: linear-gradient(-90deg, #1166FF, #00A2FF);
			border-radius: 50%;
			position: absolute;
			left: -7px;
			top: 30px;
		}
		.show-mobile-history{
			display: none;
		}
		.show-pc-history{
			display: block;
		}
		.about-md-top{
			height: 80px;
			display: flex;
		}
		.about-md-top .l-history{
			height: 80px;
		}
		.about-md-top .r-history{
			height: 80px;
			padding: 0px;
		}
		@media screen and (min-width:1560px) and (max-width: 1650px){
			.carousel-item a.banbg{
				background-position: 50% center;
			}
		}
		@media screen and (min-width:1500px) and (max-width: 1559px){
			.carousel-item a.banbg{
				background-position: 42% center;
			}
		}
		@media screen and (min-width:1440px) and (max-width: 1600px){
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
			.title-area{
				padding: 40px 0px 30px;
			}
			.title-area h3{
				padding-bottom: 20px;
			}
			.content-banner-about img {
					height: 260px;
			}
			.part1{
				height: 490px;
			}
			.part4-ul .part4-title{
				font-size: 60px;
			}
			*[data-swiper-book="my-swiper-book"] .swiper-intro-area{
				width: 376px;
			}
		}
		/*大型屏幕pc 1600>=pc>=1400 超大屏*/
		@media screen and (min-width:1381px) and (max-width: 1450px){
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
			
			.title-area{
				padding: 40px 0px 30px;
			}
			.title-area h3{
				padding-bottom: 20px;
			}
			.content-banner-about img {
					height: 260px;
			}
			.part1{
				height: 490px;
			}
			.part4-ul .part4-title{
				font-size: 56px;
			}
			.part6 .swiper-slide{
				width: 330px;
			}
			*[data-swiper-book="my-swiper-book"] .swiper-intro-area{
				width: 320px;
			}
			
		}
		/*大型屏幕pc 1400>=pc>=1200 超大屏*/
		@media screen and (min-width:1200px) and (max-width: 1399px){
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
			
			.title-area{
				padding: 40px 0px 30px;
			}
			.title-area h3{
				padding-bottom: 20px;
			}
			.content-banner-about img {
			    height: 240px;
			}
			.part1{
				height: 480px;
			}
			.part4-ul .part4-title{
				font-size: 50px;
			}
			.part6 .swiper-slide{
				width: 330px;
			}
			*[data-swiper-book="my-swiper-book"] .swiper-intro-area{
				width: 320px;
			}
			.carousel-item a.banbg {
				background-position: 44.5% center;
			}
		}
		/*1200>=pc>=992 大屏*/
		@media screen and (min-width:992px) and (max-width: 1199px){
			
			.carousel-item a.banbg {
				background-position: 34% center;
			}
			.title-area{
				padding: 40px 0px 30px;
			}
			.title-area h3{
				padding-bottom: 20px;
			}
			.navbar-nav li{
				margin: 0px;
				padding: 0px 6px;
			}
			.suspension{
				padding: 10px 10px 10px 14px;
			}
			.form-inline {
			    justify-content: flex-end;
			}
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.2rem;
				padding-right: 0.2rem;
			}
			
			.content-banner-about img {
				height: 200px;
			}
			.part1{
				height: 460px;
			}
			.part1 .part1-left img{
				height: 238px;
			}
			.part4-ul .part4-title{
				font-size: 44px;
			}
			.part1-right-t {
				padding-top: 15px;
			}
			.part1-right-b {
				padding-top: 10px;
			}
			.part4-ul li {
				width: 202px;
				height: 202px;
			}
		}
		/*768<=pad<992 中屏*/
		/*phone<768  小屏*/
		@media screen and (max-width: 992px) and (min-width: 480px){
			.carousel-item a.banbg {
				background-position: 26% center;
			}
			.title-area h3{
				font-size: 24px;
			}
			.title-area h4 {
				font-size: 16px;
				padding: 0px 14px;
			}
			.title-area{
				padding: 30px 0px;
			}
			.carousel-inner{
				margin-top: 0px;
			}
			.mobile-s-banner{
				width: 100%;
			}
			.tab-area a{
				margin:0 20px;
			}
			.part1 .part1-left{
				width: 100%;
			}
			.part1 {
				height: auto;
				min-height: 780px;
				padding: 0px 14px;
			}
			.part1 .part1-left img {
				height: auto;
				width: 100%;
			}
			.part1 .part1-right{
				width: 100%;
				padding: 0px;
				margin-top: 0px;
			}
			.part1-right-t {
				padding-top: 20px;
			}
			.part1-right-b span{
				font-size: 18px;
			}
			.part1-right-t h4 {
				font-size: 20px;
			}
			.part2 {
				padding: 0px 14px 30px;
			}
			.part2-ul, .part4-ul{
				flex-wrap: wrap;
				justify-content: space-between;
			}
			.part2-ul li{
				width: 48%;
				margin-bottom: 30px;
			}
			.part2-ul li:nth-of-type(2) {
				margin: 0px 0px 30px;
			}
			.part2-ul li:nth-of-type(3) {
				margin: 0px 0px 0px;
			}
			.part6 .swiper-wrapper {
				display: flex;
				justify-content: space-evenly;
			}
			.part6 .swiper-slide {
				margin-right: 10px;
			}
			.part3 {
				height: 360px;
				background: url(../img/bg/hexinyewu.png) center no-repeat;
				background-size: cover;
			}
			.part4-ul li{
				width: 140px;
				height: 140px;
				margin-bottom: 0px;
			}
			.part4-ul .part4-title {
				font-size: 40px;
				font-weight: 500;
				padding-top: 36px;
			}
			.part4-box h4{
				font-size: 20px;
				padding: 10px;
			}
			.part4-ul .part4-box {
				line-height: 30px;
			}
			.part6 {
				width: 100%;
				margin: 0px auto 30px;
			}
			.part6 .swiper-container {
				padding: 0px 30px;
			}
			.event-area .col-10{
				flex: 0 0 70%;
				max-width: 70%;
			}
			.event-area .col-2 {
				flex: 0 0 30%;
				max-width: 30%;
			}
			.year-event h3 {
				font-size: 30px;
				padding-bottom: 20px;
			}
			.year-event ul li {
				color: #181818;
				font-size: 16px;
				line-height: 36px;
			}
			.year-event ul .year-dot{
				margin-right: 4px;
			}
			.year-event .year-event-img img {
				height: auto;
				width: 100%;
			}
			.year-event .year-event-img div:nth-of-type(2) {
				margin-top: 20px;
				margin-left: 0px;
			}
		}
		/* 超小屏*/
		@media screen and (max-width: 480px){	
			.carousel-item a.banbg {
				background-position: 70% center;
			}
			
			.title-area h3{
				font-size: 24px;
			}
			.title-area h4 {
				font-size: 16px;
				padding: 0px 14px;
			}
			.title-area{
				padding: 30px 0px;
			}
			.carousel-inner{
				margin-top: 0px;
			}
			.mobile-s-banner{
				width: 100%;
			}
			.tab-area a{
				margin:0 20px;
			}
			.part1 .part1-left{
				width: 100%;
			}
			.part1 {
				height: auto;
				min-height: 720px;
				padding: 0px 14px;
			}
			.part1 .part1-left img {
				height: auto;
				width: 100%;
			}
			.part1 .part1-right{
				width: 100%;
				padding: 0px;
				margin-top: 0px;
			}
			.part1-right-t {
				padding-top: 20px;
			}
			.part1-right-b span{
				font-size: 18px;
			}
			.part1-right-t h4 {
				font-size: 20px;
			}
			.part2 {
				padding: 0px 14px 30px;
			}
			.part2-ul, .part4-ul{
				flex-wrap: wrap;
			}
			.part2-ul li{
				width: 100%;
				margin-bottom: 30px;
			}
			.part2-ul li:nth-of-type(2) {
				margin: 0px 0px 30px;
			}
			.part2-ul li:nth-of-type(3) {
				margin: 0px 0px 0px;
			}
			.part3 {
				height: 240px;
				background: url(../img/bg/hexinyewu.png) center no-repeat;
				background-size: cover;
			}
			.part4-ul li{
				width: 80px;
				height: 80px;
				margin-bottom: 0px;
			}
			.part4-ul .part4-title {
				font-size: 20px;
				font-weight: 500;
				padding-top: 6px;
			}
			.part4-box h4{
				font-size: 12px;
			}
			.part4-ul .part4-box {
				line-height: 30px;
			}
			.part6 {
				width: 100%;
				margin: 0px auto 30px;
			}
			.part6 .swiper-container {
				padding: 0px 30px;
			}
			.event-area .col-10{
				flex: 0 0 60%;
				max-width: 60%;
			}
			.col-2 {
				flex: 0 0 40%;
				max-width: 40%;
			}
			.year-event h3 {
				font-size: 30px;
				padding-bottom: 20px;
			}
			.year-event ul li {
				color: #181818;
				font-size: 18px;
				line-height: 36px;
			}
			.year-event ul .year-dot{
				margin-right: 4px;
			}
			.year-event .year-event-img img {
				height: auto;
				width: 100%;
			}
			.year-event .year-event-img div:nth-of-type(2) {
				margin-top: 20px;
				margin-left: 0px;
			}
			.part6 .swiper-slide{
				width: 100%;
			}
			.part6 .swiper-container{
				padding:0 40px !important;
			}
			*[data-swiper-book="my-swiper-book"] .swiper-button-outter{
				width: 40px;
			}
			*[data-swiper-book="my-swiper-book"] .swiper-intro-area{
				width: 100%;
				height: 160px;
			}
			*[data-swiper-book="my-swiper-book"] .l-book-area img{
				height: 100%;
			}
			.show-mobile-history{
				display: block;
			}
			.show-pc-history{
				display: none;
			}
			.history-m ul{
				padding: 24px 24px 0px;
			}
			.history-m .intro-history-li{
				position: relative;
				padding-left: 20px;
				padding-bottom: 20px;
				border-left: 2px solid #1890FF;
			}
			.history-m .intro-history-li::before{
				content: '';
				width: 20px;
				height: 20px;
				background: #3AA0FF;
				opacity: 0.41;
				border-radius: 50%;
				position: absolute;
				top: -4px;
    			left: -10px;
			}
			.history-m .intro-history-li::after{
				content: '';
				width: 12px;
				height: 12px;
				background: #3AA0FF;
				border-radius: 50%;
				position: absolute;
				top: 0px;
    			left: -6px;
			}
			.history-m h4.y-t{
				font-size: 18px;
				font-weight: 500;
			}
			.history-m .m-h-list{
				display: flex;
				margin-top: 10px;
			}
			.history-m .m-intro-history {
				font-size: 14px;
			}
			.history-m .pd-left-10{
				padding-left: 10px;
			}
			.history-m .m-h-list span{
				color: #181818;
				font-weight: 500;
				line-height: 24px;
				width: 36px;
			}
			.history-m .m-intro-history p{
				color: #666;
				line-height: 24px;
			}
		}