﻿/* S媒体查询 */
@media screen and (max-width:359px){
	html {
		font-size: 52.5%;
	}
}

/* 涵盖了基本的手机屏幕大小 */
@media screen and (min-width:360px) and (max-width:500px){
	html {
		font-size: 62.5%;
	}
}


@media screen and (min-width:501px) and (max-width:959px){
	html {
		font-size: 62.5%;
	}
}

@media screen and (min-width:960px){
	html {
		font-size: 62.5%;
	}
}

/* E媒体查询 */


/* S公共样式 */
@media (min-width: 768px) {
	body{
		padding-top: 6rem;;
	}
}
/* E公共样式 */


/* S头部 */
.header{
	background-color: #FFFFFF;
	height: 6rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
	.header .header-container{
		/* background-color: #99a9ff; */
		height: 100%;
	}
		.header .header-container .row{
			height: 100%;
		}
			.header .header-container .logo{
				height: 100%;
				align-items: center;
			}
				.header .header-container .logo a{
					display: block;
					height: 60%;
				}
				.header .header-container .logo img{
					height: 100%;
				}
				
			.header .header-container .nav{
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
				.header .header-container .nav .nav-list{
					display: flex;
					margin-bottom: 0;
				}
					.header .header-container .nav .nav-list .nav-item{
						margin: 0 1.4rem 0;
						border-bottom: 3px solid rgba(0,0,0,0);
						padding-bottom: 0.4rem;
						display: flex;
						flex-direction: column;
						align-items: center;
					}
					.header .header-container .nav .nav-list .active{
						border-bottom: 3px solid #156BC8;
					}
					.header .header-container .nav .nav-list .nav-item:nth-last-child(1){
						margin-right: 0;
					}
					.header .header-container .nav .nav-list .nav-item>a{
						color: #000;
						font-size: 1.6rem;
					}
					.header .header-container .nav .nav-list .nav-item>.nav-child-list{
						position: absolute;
						z-index: 9;
						margin-top: 4rem;
						background-color: #fff;
						padding: 1rem 1.4rem;
						border-radius: 0.4rem;
						display: none;
						box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,0.2);
					}
						.header .header-container .nav .nav-list .nav-item>.nav-child-list .nav-child-item{
							text-align: center;
							border-bottom: 1px solid #eee;
							padding-bottom: 0.8rem;
							margin-bottom: 0.8rem;
						}
						.header .header-container .nav .nav-list .nav-item>.nav-child-list .nav-child-item:nth-last-child(1){
							border-bottom: none;
							padding-bottom: 0;
							margin-bottom: 0;
						}
							.header .header-container .nav .nav-list .nav-item>.nav-child-list .nav-child-item a{
								font-size: 1.4rem;
								color: #666;
								text-decoration: none;
							}
							.header .header-container .nav .nav-list .nav-item>.nav-child-list .nav-child-item a:hover{
								color: #156BC8;
							}
					.header .header-container .nav .nav-list .nav-item>a:hover{
						text-decoration: none;
						font-weight: 600;
					}
					.header .header-container .nav .nav-list .active>a{
						font-weight: 600;
					}
/* E头部 */

/* S头部-移动端 */
@media (max-width: 767.98px) {
	.header{
		height: 4rem;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
	
	.header .nav-mob{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
		.header .nav-mob .nav-mob-icon{
			margin-bottom: 0;
			cursor: pointer;
		}
			.header .nav-mob .nav-mob-icon li{
				background-color: #fff;
				border-radius: 100px;
				width: 1.8rem;
				height: 0.3rem;
				margin-bottom: 0.4rem;
			}
			.header .nav-mob .nav-mob-icon li:nth-last-child(1){
				margin-bottom: 0;
			}
			
		.header .nav-mob .nav-mob-menu{
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: none;
		}
			.header .nav-mob .nav-mob-menu .zhezhao{
				/* position: absolute; */
				background-color: rgba(0,0,0,0.5);
				width: 100%;
				height: 100%;
			}
			.header .nav-mob .nav-mob-menu .menu{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 30vw;
				background-color: #fff;
				padding: 2rem;
			}
			
			.header .nav-mob .nav-mob-menu .menu .close-bar{
				margin-bottom: 5rem;
				display: flex;
				justify-content: flex-end;
			}
			
			.cha{
			  width: 20px;
			  height: 20px;
			  position: relative;
			  cursor: pointer;
			}
			.cha::before,
			.cha::after{
			  content: "";
			  position: absolute;  /*方便进行定位*/
			  height: 20px;
			  width: 1.5px;
			  top: 2px;
			  right: 9px;  /*设置top和right使图像在20*20框中居中*/
			 background: #333;
			}
			.cha::before{
			  transform: rotate(45deg);  /*进行旋转*/
			}
			.cha::after{
			  transform: rotate(-45deg);
			}
			
				.header .nav-mob .nav-mob-menu .menu .menu-list{
				}
					.header .nav-mob .nav-mob-menu .menu .menu-list .menu-item{
						text-align: center;
						margin-bottom: 3rem;
					}
						.header .nav-mob .nav-mob-menu .menu .menu-list .menu-item .menu-item-tit{
							font-size: 2rem;
							color: #666;
						}
						
						.header .nav-mob .nav-mob-menu .menu .menu-list .active{
						}
						.header .nav-mob .nav-mob-menu .menu .menu-list .active .menu-item-tit{
							color: #156BC8;
							font-weight: 600;
						}
}
/* E头部-移动端 */


/* S提供商 */
.tigongshang{}
	.tigongshang .tigongshang-container{
		height: 20rem;
		max-width: 1110px;
		margin: 0 auto;
		background-position: center;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
		.tigongshang .tigongshang-container h2{
			font-size: 3.4rem;
			color: #333;
			margin-bottom: 2rem;
		}
		.tigongshang .tigongshang-container p{
			font-size: 2rem;
			color: #666;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.tigongshang .tigongshang-container p .line{
				display: block;
				height: 1px;
				width: 15rem;
				background-color: #979797;
				margin: 0 2rem;
			}
			.tigongshang .tigongshang-container .botline{
				width: 6rem;
				height: 0.3rem;
				background-color: #2755B6;
			}
/* E提供商 */

/* S提供商-移动端 */
@media (max-width: 767.98px) {
	.tigongshang .tigongshang-container{
		height: 8rem;
	}
	.tigongshang .tigongshang-container h2{
		font-size: 1.6rem;
		margin-bottom: 0.5rem;
	}
	.tigongshang .tigongshang-container p{
		font-size: 1.2rem;
		margin-bottom: 0;
	}
		.tigongshang .tigongshang-container p .line{
			width: 6rem;
			margin: 0 1rem;
		}
}
/* E提供商-移动端 */


/* S合作伙伴 */
.huoban{
	max-width: 1920px;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
}
	.huoban .huoban-container{
		padding-top: 5rem;
		padding-bottom: 2rem;
	}
		.huoban .huoban-container .tit{
			
		}
			.huoban .huoban-container .tit h2{
				
			}
			.huoban .huoban-container .tit .line{
				
			}
		.huoban .huoban-container .huoban-swiper{}
			.huoban .huoban-container .huoban-swiper .huoban-wrapper{}
				.huoban .huoban-container .huoban-swiper .huoban-wrapper .huoban-slide{
					margin-bottom: 2rem;
				}
					.huoban .huoban-container .huoban-swiper .huoban-wrapper .huoban-slide a{
						font-size: 1.8em;
						color: #666;
						text-decoration: none;
						display: block;
						background-color: #fff;
						border-radius: 0.4rem;
						border: 0.5px solid #ddd;
						text-align: center;
						padding: 1.4rem 0;
					}
/* E合作伙伴 */

/* S合作伙伴-移动端 */
@media (max-width: 767.98px) {
	.huoban .huoban-container{
		padding: 0 1.6rem 2rem;
	}
	.huoban .huoban-container .huoban-swiper .huoban-wrapper{
	}
	.huoban .huoban-container .huoban-swiper .huoban-wrapper{
		margin: 0;
	}
	.huoban .huoban-container .huoban-swiper .huoban-wrapper .huoban-slide{
		margin-bottom: 1rem;
		padding: 0 0.6rem;
	}
	.huoban .huoban-container .huoban-swiper .huoban-wrapper .huoban-slide a{
		font-size: 1.2em;
		padding: 1rem 0;
	}
}
/* E合作伙伴-移动端 */


/* S页脚 */
.footer{
	background-color: #243646;
}
	.footer .footer-container{
		padding-top: 4rem;
		padding-bottom: 2rem;
	}
		.footer .footer-container .footer-top{
			padding-bottom: 3rem;
			border-bottom: 1px solid rgba(255,255,255,0.2);
			margin-bottom: 2rem;
		}
			.footer .footer-container .footer-top .footer-top-guanyu{
				border-right: 1px solid rgba(255,255,255,0.2);
			}
				.footer .footer-container .footer-top .footer-top-guanyu h5{
					font-size: 1.6rem;
					color: #fff;
					margin-bottom: 2rem;
				}
				.footer .footer-container .footer-top .footer-top-guanyu p{
					font-size: 1.2rem;
					color: #fff;
					text-indent: 2.4rem;
					text-align: justify;
				}
			.footer .footer-container .footer-top .footer-top-lianxi{
				border-right: 1px solid rgba(255,255,255,0.2);
			}
				.footer .footer-container .footer-top .footer-top-lianxi h5{
					font-size: 1.6rem;
					color: #fff;
					margin-bottom: 2rem;
				}
				.footer .footer-container .footer-top .footer-top-lianxi ul{}
					.footer .footer-container .footer-top .footer-top-lianxi ul>li{
						font-size: 1.2rem;
						color: #fff;
					}
			.footer .footer-container .footer-top .footer-top-code{
				display: flex;
				flex-direction: column;
				align-items: center;
			}
				.footer .footer-container .footer-top .footer-top-code h5{
					font-size: 1.6rem;
					color: #fff;
					margin-bottom: 2rem;
				}
				.footer .footer-container .footer-top .footer-top-code img{
					width: 70%;
				}
		.footer .footer-container .footer-bot{
			text-align: center;
			color: #fff;
			font-size: 1.2rem;
		}
			.footer .footer-container .footer-bot a{
				color: #fff;
			}
/* E页脚 */

/* S页脚-移动端 */
@media (max-width: 767.98px) {
	.footer .footer-container .footer-top .footer-top-guanyu{
		border-right: none;
		padding-right: 15px !important;
		margin-bottom: 2rem;
	}
	.footer .footer-container .footer-top .footer-top-lianxi{
		border-right: none;
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 2rem;
	}
	.footer .footer-container .footer-top .footer-top-code img{
		max-width: 10rem;
	}
}
	
/* E页脚-移动端 */


/* S通用banner */
.banner{
	background-position: center;
	background-size: cover;
	max-width: 1920px;
	margin: 0 auto;
}
	.banner .banner-container{
		height: 46rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
		.banner .banner-container h1{
			font-size: 6rem;
			color: #fff;
		}
		.banner .banner-container .eng{
			color: #fff;
			font-size: 2.4rem;
		}
/* E通用banner */

/* S通用banner-移动端 */
@media (max-width: 767.98px){
	.banner{
		margin-top: 4rem;
	}
	.banner .banner-container{
		height: 15rem;
	}
	.banner .banner-container h1{
		font-size: 1.8rem;
	}
	.banner .banner-container .eng{
		font-size: 1.4rem;
	}
}
/* E通用banner-移动端 */


/* S通用标题 */
.xykj-primary-tit{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3rem;
}
	.xykj-primary-tit h2{
		font-size: 3.4rem;
		margin-bottom: 1rem;
	}
	.xykj-primary-tit h2.primary-tit-black{
		color: #333;
	}
	.xykj-primary-tit h2.primary-tit-white{
		color: #fff;
	}
	.xykj-primary-tit .line{
		width: 6rem;
		height: 0.3rem;
	}
	.xykj-primary-tit .primary-line-blue{
		background-color: #2755B6;
	}
	.xykj-primary-tit .primary-line-white{
		background-color: #fff;
	}
/* E通用标题 */

/* S通用标题-移动端 */
@media (max-width: 767.98px) {
	.xykj-primary-tit{
		margin-bottom: 2rem;
	}
	.xykj-primary-tit h2{
		font-size: 1.6rem;
		margin-bottom: 0.8rem;
	}
	.xykj-primary-tit .line{
		width: 3rem;
	}
}
/* E通用标题-移动端 */