/* CSS Document */
.colorWhite{
	color: #FFFFFF!important;
}
.bgWhite{
	background-color: #ffffff!important;
}
.wow {
	transition-delay: 0.3s;
}

.pc {
	display: block;
}
.flex{
	display: flex;
}
.mob {
	display: none;
}
.wrap{ 
	width:94%;
	max-width:1230px;
	padding:0 15px;
	margin:0 auto;
}
.header{ 
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width: 320px;
	border-bottom: 2px solid #ffffff;
	/* background-color: #FFFFFF; */	
	z-index:10;
	/* transition:all .5s; */
}
.titleName{
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 16px;
	color: #ffffff;
}
.titleName_2{
	display: none;
}
/* .bgHeight{
	width: 100%;
	height: 130px;
	border-top: 2px solid #ffffff;
} */
.nav{ 
	float:right;
}
.navBox{ 
	margin:0 auto;
}
.navList{ 
	list-style: none;
	margin:0;
	text-align:right;
	display: flex;
	justify-content: space-between;
	padding: 0 60px;
}
.navList>li {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	/* margin-left: 40px; */
	text-align: center;
}
.price:last-child{
	
}
.navList > li > a{
	display: block;
	line-height: 70px;
	font-size: 18px;
	color: #ffffff;
	position: relative;
	transition: all .3s;
}

.navList > li > a > i{ 
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 7px;
	background: url(../images/ico2.png) center center no-repeat;
	background-size: cover;
	margin-left: 5px;
	display: none;
}
.navList>li:last-child>a{
	color:rgba(234,107,39);
}
.navList > li > a::before{ 
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background-color: #0066CC;
	color: #0066CC;
	position: absolute;
	left: 50%;
	bottom: -2px;
	transition:all .5s;
}
.navList > li.active >a{
	color: #0066CC;
}
.navList > li.active > a
.navList > li:hover > a{
	color: #0066CC;
}
.navList > li.active > a::before,
.navList > li:hover > a::before {
	left: 0;
	width: 100%;
	color: #0066CC;
}
.navList > li:hover .navSub{
	opacity: 1;
	visibility: visible;
}

.navRig {
	float: right;
	text-align: right;
	line-height: 70px;
	color: #000000;
	font-size: 0;
	margin-left: 25px;
	transition: all .3s;
}
.navRig li{ 
	display: inline-block;
	vertical-align:middle;
	font-size:16px;
	position:relative;
	margin-left: 15px;
}
.navRig a,
.navRig i,
.navRig span{ 
	display:inline-block;
	vertical-align:middle;
	color:#000000;
	line-height:38px;
}
.navRig li.navLine span {
	display: block;
	height: 38px;
	border-left: 1px solid #CDCDCD;
}
.navRig li.navSearch a{
	width: 38px;
	height: 38px;
	background: url(../images/navIco_search.png) center center no-repeat;
	background-size: 20px auto;
}
/* .navRig li.navLogin{
	background: url(../images/navIco_user.png) left center no-repeat;
	padding-left: 24px;
}
.navRig li.navLogin span{
	color: #cdcdcd;
}
.navRig li.navLogin a:hover{
	color: #0066CC;
	text-decoration: underline;
} */
.navRig li.navUser a{
	width: 36px;
	height: 36px;
	border-radius: 50%;
}
.navRig li.navUser a img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.navRig li.navBtn{ cursor:pointer; display:none;}
.navBtn span{ width:25px; height:30px; position:relative; margin-left:5px;}
.navBtn span b{ display:block; width:100%; height:2px; background:#0066CC; position:absolute; left:0; top:calc((100% - 4px) / 2); transition:all .3s;}
.navBtn span b:nth-child(1){ transform:translateY(8px) rotate(0deg);}
.navBtn span b:nth-child(3){ transform:translateY(-8px) rotate(0deg);}
.navBtn.active b:nth-child(1){ transform:translateY(0) rotate(45deg);}
.navBtn.active b:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.navBtn.active b:nth-child(2){ opacity:0;}

.mainBg{ 
	position: relative;
	background-color: #FFFFFF;
	overflow: hidden;
}
.grayBg{ 
	background-color: #f2f3f8;
}
.whiteBg{ 
	background-color: #FFFFFF;
}
.text-center{ 
	text-align: center;
}

/*footer*/
.footBg {
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	background: #FFFFFF;
}
.footBg_top{
	width: 100%;
	background:url(../img/index/banner7.png) no-repeat center;
	background-size: 100% 100%;
	padding: 20px 0;
}
.wraps,.footBg_bottom_center{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:1200px;
	margin: 0 auto;
}
.wraps img{
	width: 177px;
	height: 80px;
}
.swp_foot{
	width: 6rem;
	padding: 0 50px;
	display: none;
	margin: 0 auto;
}

.swpImg{
	text-align: center;
}
.swpImg img {
	width: 90%;
}
.footBg_bottom{
	width: 100%;
	background: #FFFFFF;
}
.footBg_bottom_center{
	position: relative;
	justify-content: space-between;
	border-bottom: 1px solid #DFDFDF;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}
.footBgLeft{
	border-right:1px solid #DFDFDF;
}
.footBgLeft_top{
	align-items: center;
}
.footBgLeft_top img{
	width: 70px;
}
.footBgLeft_top span{
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.footBgLeft_bottom{
	list-style: none;
	margin-top: 20px;
	font-size: 18px;
	flex-wrap: wrap;
}
.footBgLeft_bottom li{
	padding-top: 20px;
	margin-right: 32px;
	vertical-align: bottom;
}
.footBgRight{
	position: absolute;
	right: 0;
	bottom: 20px;
}
.footBgRight_top{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.footBgRight_bottom{
	margin-top: 10px;
	align-items: center;
}
.footBgRight_bottom img{
	width: 48px;
	margin-right: 4px;
}
.footBgRight_bottom span{
	font-size: 30px;
	font-weight: 400;
	color: #0066CC;
}
.footBg_company{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}
.footBg a{ 
	color:#333333;
}
.footBg li:last-child>a{
	color:rgba(234,107,39);
}
.footBg a:hover{ 
	text-decoration: underline;
}
.page{ text-align:center; margin:.6rem 0; font-size:0;font-family: Microsoft YaHei;}
.page a,.page span{ display:inline-block; vertical-align:middle; min-width: .3rem; line-height:24px; padding: .03rem .1rem; border: 1px solid #dadada; font-size:14px; color:#000000; margin:.02rem 0.05rem;}
.page a.active,.page span.active{ background-color:#0066CC;color: #FFFFFF; cursor:no-drop;}
.page a:not(.active):hover{ background-color:#0066CC; color: #FFFFFF;}

@media (min-width:1200px){
	.navSub{ display:block !important;}
}
@media (max-width:1600px){
	.wrap,.wraps,.footBg_bottom_center,.footBg_company{
		max-width: 1230px;
		/* padding: 0 15px; */
	}
	.logo img{
		height: 50px;
	}
	.navList > li{
		margin-left: 25px;
	}
	.navList > li > a{
		font-size: 15px;
	}
	.navRig li{
		font-size: 14px;
		margin-left: 10px;
	}
	/* .navRig li.navLogin{
		background-size: 14px auto;
	} */
	.navRig li.navSearch a{
		width: 32px;
		height: 32px;
		background-size: 18px auto;
	}
	
}
@media (max-width:1400px){
	.navBtn span b:nth-child(1){ transform:translateY(6px) rotate(0deg);}
	.navBtn span b:nth-child(3){ transform:translateY(-6px) rotate(0deg);}
}
@media (max-width:1200px){
	.header{
		background-color: #FFFFFF
	}
	/* .bgHeight{
		display: none;
	} */
	.titleName{
		display: none;
	}
	.titleName_2{
		float: left;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 70px;
		transition: all .3s;
	}
	.titleName_2 img{
		width: 1rem;
	}
	.titleName_2 span{
		display: inline-block;
		margin-left: 0.1rem;
		font-size: 0.16rem;
	}
	.wrap,.wraps,.footBg_bottom_center,.footBg_company{
		width: 100%;
		max-width: 970px;
	}
	.wraps a{
		width: 16%;
	}
	.wraps a img{
		width: 100%;
	}
	.navBg{ position:fixed; right:-100%; top:0; width:100%; height:100vh; background:#0066CC; opacity:.4; z-index:2; transition:all .5s;}
	.navBox{ position:fixed; right:-66%; top:0; height:100vh; width:66%; background:#0066CC; overflow:hidden; z-index:2; transition:all .5s;}
	.navList{ text-align:left; height:calc(100% - 70px); overflow-y:auto; display: block;padding: 0 0;}
	.navList > li{ display:block; margin:0; text-align:left;width: 100%;}
	.navList > li > a{ color:#ffffff; height:auto; line-height:46px; padding:auto; border-bottom:1px solid #f2f2f2;padding-left: 0.5rem;}
	.navList > li > a::before{ display:none;}
	.navList > li > a:after{ height:1px; background:#0066CC;}
	.navList > li > a > i{ float:right; width:46px; height:46px; background:url(../images/ico2.png) center center no-repeat;}
	.navList > li.active > a{ color:#ffffff;}
	.navList > li.cur > a,.navList > li > a.cur{ color:#0066CC;}
	.navList > li.cur > a > i,.navList > li > a.cur > i{ transform:rotate(180deg); transition:all .3s;}
	.navList > li:hover .navSub{ opacity:1; visibility:visible; margin-top:0;}
	.navList > li.dropdown > a > i{
		display: block;
	}
	.navRig li.navBtn{ display:inline-block;}
	.navTop{ height:70px; background:#0066CC; padding:0 .3rem; display:flex; justify-content:flex-end; align-items:center;border-bottom: 1px solid 	#f2f2f2;}
	.navClose{ width:25px; height:30px; position:relative; cursor:pointer; margin-right:10px;}
	.navClose span{ display:block; width:100%; height:2px; background:#FFFFFF; position:absolute; left:0; top:calc((100% - 4px) / 2); transition:all .3s;}
	.navClose span:nth-child(1){ transform:translateY(0) rotate(45deg);}
	.navClose span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
	.navClose span:nth-child(2){ opacity:0;}

	.navBg.active,.navBox.active{ right:0;}
	.navBox.active{ box-shadow:-1px 0 5px #0066CC;}
	.footBgLeft_bottom li{
		margin-right: 10px;
	}
}
@media (max-width:991px){
	.logo{ 
		height:60px;
	}
	.logo img{
		height: 40px;
	}
	.navRig{ line-height:60px;}
	.navRig a,
	.navRig i,
	.navRig span{ 
		line-height: 34px;
	}
	.navTop{ 
		height:60px;
	}
	.navList{ 
		height:calc(100% - 60px);
	}
	.navList > li > a{ 
		font-size:15px;
	}
	.wraps{
		display: none;
	}
	.swp_foot{
		position: relative;
		display: block;
	}
	.mySwiper_foot_prev,.mySwiper_foot_next{
		height: 27px;
		margin-top: -12px!important;
		-moz-background-size: 44px 24px!important;
		-webkit-background-size: 44px 24px!important;
		background-size: 44px 24px!important;
	}
	.footBg_bottom_center,.footBg_company{
		max-width: 766px;
	}
	.footBgLeft_bottom{
		font-size: 12px;
	}
}
@media (max-width:767px){
	.footBg_bottom_center{
		display: block;
		border: none;
	}
	.footBgLeft{
		border-bottom: 1px solid #DFDFDF;
		border-right: none;
		padding: 30px 0px;
	}
	.footBgLeft,.footBg_company,.footBgRight{
		max-width: 526px!important;
		margin: 0 auto;
	}
	.footBgRight{
		position: static;
		padding-top: 20px;
	}
	.footBgRight_top{
		font-size: 12px;
	}
	.footBgRight_bottom img{
		width: 22px;
	}
	.footBgRight_bottom span{
		font-size: 18px;
	}
	.footBg_company{
		padding: 0 0 20px 0;
	}
}
@media (max-width:640px){
	.footBgLeft{
		padding: 20px 15px;
	}
	.footBg_company{
		padding: 0 15px 20px 15px;
	}
	.footBgRight{
		padding: 20px 15px 0 15px;
	}
}
@media (max-width:460px){
	.logo{
		height: 50px;
	}
	.logo img{ 
		height:35px;
	}
	.navRig{ 
		line-height:50px;
	}
	.navRig li.navUser a{
		width: 30px;
		height: 30px;
	}
	.navBtn span{ 
		width:20px;
	}
	.navTop{ 
		height:50px;
	}	
}