/* 头部导航 */
.navbar-default .navbar-nav>li:nth-child(3)>a {
	color: #004CFF!important;
}
.navbar-nav>li:nth-child(3)>a:after {
	width: 100%;
}
.navbar-default .navbar-nav>li:nth-child(3)>.dropdown-menu li:nth-child(1){
	background-color: #004CFF !important;
}
.navbar-default .navbar-nav>li:nth-child(3)>.dropdown-menu li:nth-child(1) span{
	color: #FFF !important;
}
/* 头部导航 */

/* 主体盒子 */
.container_box{
	position: relative;
}
/* 主体盒子 */


/* 轮播图盒子 */
.container1{
	width: 100%;
}
/* 轮播图盒子 */

/* 轮播图 */
.swiper-cont {
	width: 100%;
	height: auto;
}
.swiper-cont img {
	width: 100%;
	height: auto;
}
.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-pagination {
	bottom: 4rem !important;
}
.swiper_list{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 15rem;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}
.swiper_list_a{
	margin-bottom: 3.5rem;
	font-size: 6rem;
	font-weight: 600;
	color: #1D213A;
	text-align: left;
}
.swiper_list_b{
	margin-bottom: 6rem;
	max-width: 58rem;
	font-size: 2.4rem;
	color: #6F8DB0;
	text-align: left;
}
.swiper_list_c{
	float: left;
	margin: 0;
	padding: 0;
	width: 13.2rem;
	height: 4.8rem;
	line-height: 4.8rem;
	font-size: 1.8rem;
	color: #FFF;
	border-radius: 0;
	border: none;
	background-color: #004DFF;
}
/* 轮播图 */


/* 功能支持 */
.container2{
	padding: 5rem 0;
	background-color: #fafafa;
}
.container2 .container_title,
.container3 .container_title,
.container4 .container_title,
.container5 .container_title,
.container6 .container_title{
	position: relative;
	padding-bottom: 1.5rem;
}
.container2 .container_title:after,
.container3 .container_title:after,
.container4 .container_title:after,
.container5 .container_title:after,
.container6 .container_title:after{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 7rem;
	height: .4rem;
	content: '';
	background-color: #004CFF;
}
.container_title_a{
	margin: 0 auto 5.4rem;
	max-width: 75rem;
	color: #666666;
}


.container3{
	padding: 6rem 0 4rem;
	background: url('../img/index_container2.png') no-repeat;
	background-size: 100% 100%;
	background-color: #FFFFFF;
}

.solution_a{
	display: block;
	margin: 0 auto;
	width: 95%;
}
.container3 .content{
	padding: 0;
}

.container4{
	padding: 6rem 0;
	background: url('../img/index_container21.png') no-repeat;
	background-size: 100% 100%;
	background-color: #EEF3F9;
}
.tool_box{
	display: flex;
	justify-content: space-between;
	padding: 0 5rem;
}
.tool_li{
	position: relative;
	width: 31%;
	-webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);
	transition: all .66s cubic-bezier(.17,.84,.44,1);
	cursor: pointer;
}
.tool_li_a{
	width: 100%;
	height: auto;
}
.tool_li_b{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 2.2rem;
	color: #161C3C;
	line-height: 8rem;
	text-align: center;
}





.container5{
	padding: 6rem 0;
	background-image: linear-gradient(to right,#EFF9FD,#F6FAFC,#F8FBFD,#FFF,#FEFFFF,#F5FAFC,#FEFFFF,#E6F5FD);
	background-color: #FFF;
}
.tool_box1{
	display: flex;
	justify-content: space-between
}
.tool_li1{
	padding: 2.5rem 2rem 3rem;
	width: 30%;
	background-color: #FFF;
	border: 1px solid #EEF2F9;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);
	transition: all .66s cubic-bezier(.17,.84,.44,1);
}
.tool_li1_a{
	margin: 0 auto 2.5rem;
	width: 6rem;
	height: 6rem;
	background-color: #2D80FF;
	border-radius: 50%;
}
.tool_li1_a .iconfont{
	display: block;
	font-size: 3rem;
	line-height: 6rem;
	color: #FFF;
	text-align: center;
}
.tool_li1_b{
	font-size: 1.8rem;
	color: #2D80FF;
	text-align: center;
}
.tool_li1:hover{
	background-color: #2D80FF;
}
.tool_li1:hover .tool_li1_a{
	background-color: #FFF;
}
.tool_li1:hover .iconfont{
	color: #2D80FF;
}
.tool_li1:hover .tool_li1_b{
	color: #FFF;
}
.tool_li:hover,
.tool_li1:hover{
	transform: scale(1.05,1.05);
}




.container6{
	padding: 6rem 0 4rem;
	background-image: linear-gradient(to bottom right,#EAF7FD,#FEFFFF,#FFF,#FEFFFF,#E6F5FD,#E6F5FD);
}

.product_list{
	display: flex;
	justify-content: space-between;
}
.product_li{
	padding: 3.6rem 3.8rem 0;
	width: 18.8%;
	height: 23.8rem;
	border-radius: 14px;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.4s ease 0s;
}
.product_li1{
	background-image: linear-gradient(to left bottom,#EDFFED,#FFFFFF,#ECFDFF);
}
.product_li2{
	background-image: linear-gradient(to left bottom,#EBF6FF,#FFFFFF,#EFFBFF);
}
.product_li3{
	background-image: linear-gradient(to left bottom,#E4FAF9,#FFFFFF,#E6FBFF);
}
.product_li4{
	background-image: linear-gradient(to left bottom,#EDF7FF,#FFFFFF,#E4F3FF);
}
.product_li5{
	background-image: linear-gradient(to left bottom,#FFF4F6,#FFFFFF,#F7F3FF);
}
.product_li_a{
	display: block;
	margin: 0 auto 1.6rem;
	width: 9.8rem;
	height: 9.8rem;
}
.product_li_b{
	font-size: 1.8rem;
	color: #161C3C;
	text-align: center;
}













/* 媒体查询*/
@media (min-width: 1340px) {
	
}
@media (max-width: 1339px) {
	/* 轮播图 */
	.swiper_list{
		padding: 13rem 2rem 0;
	}
	.swiper_list_a{
		margin-bottom: 2rem;
		font-size: 4rem;
	}
	.swiper_list_b{
		margin-bottom: 3rem;
	}
	/* 轮播图 */
	
}

@media (max-width: 1145px) {
	
}

@media (min-width: 1200px) {
	/* 主体 */
	.content{
		margin: 0 auto;
		width: 1200px;
	}
}

@media (max-width: 1200px) {
	.content{
		padding: 0 1rem;
	}
	
	.container2,
	.container3,
	.container4{
		padding: 4rem 0;
	}
	.container5,
	.container6{
		padding: 4rem 0;
	}
	
	.tool_li_b{
		line-height: 7rem;
	}
	
	
	.product_li{
		margin: 0 .5rem;
		padding: 2.5rem 0 2rem;
		flex: 1;
		width: auto;
		height: auto;
	}
	.product_li_a{
		margin-bottom: 1.5rem;
	}
}

@media (max-width: 1049px) {
	
}

@media (min-width: 992px){
	
}

@media (max-width: 991px) {
	/* 轮播图 */
	.swiper_list{
		padding: 12rem 2rem 0;
	}
	.swiper_list_a{
		margin-bottom: 1rem;
		font-size: 3rem;
	}
	.swiper_list_b{
		margin-bottom: 2rem;
		max-width: 40rem;
		font-size: 1.6rem;
	}
	.swiper_list_c{
		width: 8rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem;
	}
	/* 轮播图 */
	
	
	.tool_li_b{
		font-size: 2rem;
		line-height: 5rem;
	}
}

@media (max-width: 836px) {
	.tool_box{
		padding: 0 2rem;
	}
	.tool_li_b{
		font-size: 1.8rem;
		line-height: 5rem;
	}
}

@media (max-width: 790px) {
	.container2,
	.container3,
	.container4{
		padding: 4rem 1rem;
	}
	
	.container5,
	.container6{
		padding: 4rem 0;
	}
}

@media (min-width: 768px) {
	.container_title{
		font-size: 3.6rem;
	}
	
	.container_title_a{
		font-size: 1.8rem;
	}
}

/* 小屏 */
@media (max-width: 767px) {
	/* 头部导航 */
	.navbar-default .navbar-nav>li:nth-child(3) {
		width: 100%!important;
		background-color: #004CFF;
	}
	.navbar-default .navbar-nav>li:nth-child(3)>a {
		color: #FFF!important;
	}
	.navbar-nav>li:nth-child(3)>a:after {
		width: 0;
	}
	
	.navbar-default .navbar-nav>li:nth-child(3)>.dropdown-menu li:nth-child(1){
		background-color: #FFF !important;
	}
	.navbar-default .navbar-nav>li:nth-child(3)>.dropdown-menu li:nth-child(1) span{
		color: #004CFF !important;
	}
	/* 头部导航 */
	
	
	/* 主体 */
	
	/* 轮播图 */
	.swiper_list{
		padding: 3rem 1rem 0;
	}
	.swiper_list_a{
		margin-bottom: 2rem;
		font-size: 3rem;
	}
	.swiper_list_b{
		font-size: 1.6rem;
	}
	.swiper_list_c{
		width: 8rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem;
	}
	/* 轮播图 */
	
	.container_title_a {
		margin-bottom: 2rem;
	}
	.solution_a{
		width: 100%;
	}
	
	.tool_box{
		padding: 0 1.5rem;
	}
	.tool_li_b{
		font-size: 1.6rem;
		line-height: 4rem;
	}
	
	
	.tool_li1_b{
		font-size: 1.6rem;
	}
	
	
	
	
	.product_li{
		padding: 1.5rem 0 1rem;
	}
	.product_li_a{
		margin-bottom: 0;
	}
	.product_li_b{
		font-size: 1.5rem;
	}
}

@media (max-width: 705px) {
	
}

@media (max-width: 670px) {
	.swiper_list_b{
		max-width: 30rem;
	}
	
	.tool_li1{
		padding: 2rem 1rem 2rem;
		width: 32%;
	}
	
}

@media (max-width: 610px) {
	.tool_box{
		padding: 0 1rem;
	}
	.tool_li_b{
		font-size: 1.4rem;
		line-height: 3rem;
	}
	
	
	.tool_li1_b{
		font-size: 1.4rem;
	}
}
@media (max-width: 572px) {
	.product_list{
		flex-wrap: wrap;
	}
	.product_li{
		margin: 0 0 1rem;
		padding: 2rem 0;
		flex: none;
		width: 49%;
	}
	.product_li_a{
		margin-bottom: 0;
	}
	.product_li_b{
		font-size: 1.5rem;
	}
}

@media (max-width: 523px) {
	/* 轮播图 */
	.swiper_list{
		padding: 1.5rem 1rem 0;
	}
	.swiper_list_a{
		margin-bottom: .5rem;
		font-size: 2.2rem;
	}
	.swiper_list_b{
		font-size: 1.4rem;
	}
	.swiper_list_c{
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
	}
	/* 轮播图 */
	
	.container2 .container_title,
	.container3 .container_title,
	.container4 .container_title,
	.container5 .container_title,
	.container6 .container_title{
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}
}

@media (max-width: 502px) {
	.swiper_list_b{
		max-width: 30rem;
	}
	
	.tool_box{
		padding: 0;
	}
	.tool_li_b{
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.container4 .content{
		padding: 0;
	}
	
}

@media (max-width: 446px) {
	.container2,
	.container3,
	.container4{
		padding: 2rem 1rem;
	}
	
	.container5,
	.container6{
		padding: 2rem 0;
	}
}

@media (max-width: 417px) {
	.swiper_list{
		padding-top: 1rem;
	}
	.swiper_list_a{
		margin-bottom: 0;
	}
	.swiper_list_b{
		margin-bottom: 1rem;
		max-width: 25rem;
		font-size: 1.2rem;
	}
	
	
	.container2 .container_title,
	.container3 .container_title,
	.container4 .container_title,
	.container5 .container_title,
	.container6 .container_title{
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}
}

@media (max-width: 375px) {
	.tool_box{
		padding: 0;
	}
	.tool_li_b{
		font-size: 1.2rem;
		line-height: 2rem;
	}
	
	.tool_li1_a{
		margin-bottom: 1.5rem;
	}
	.tool_li1_b{
		font-size: 1.2rem;
	}
}




/* 动画效果*/
/* 从下向上 */
@keyframes fadeInUpLeft {
	from {
		opacity: 0.5;
		transform: translate(0px, 100px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.container_title,
.container_title_a,
.tool_box,
.product_list{
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInUpLeft;
}
/* 从下向上 */


/* 从左往右 */
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* .offer_b_a{
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
} */
/* 从左往右 */

/* 从右往左 */
@keyframes fadeRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
/* .offer_b_b{
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-name: fadeRight;
} */
/* 从右往左 */

/* 淡出 */
@keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}

.solution_a,
.figure_box{
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-name: fadeIn;
}
/* 淡出 */

.product_li:hover{
	transform: scale(1.1,1.1);
}