
.hide{
	display: none;
}
.transparent{
	opacity: 0;
}
.relative{
	position: relative;
}

/* flex布局 */
.flexbox {	
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
/* 水平居中 */
.flexbox-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/* 垂直居中 */
.flexbox-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.flexchild {
	display: block;
	box-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}

body{
	position: fixed;
	font-size: 18px;
}
body img{
	display: block;
	width: 100%;
}

.ml10{margin-left: 0.1rem;}
.ml20{margin-left: 0.2rem;}
.ml30{margin-left: 0.3rem;}

.content{
	min-width: 1220px;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* overflow-y: auto; */
	background-color: #fff;
}
.content::-webkit-scrollbar {
	display: none;
}

.wrap{
	width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

.header{
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	height: 100px;
	padding: 25px 0;
}
.header .logo{
	width: 275px;
}
.header a{
	position: relative;
	margin: 0 20px;
	display: inline-block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	word-break: break-all;
	text-align: center;
}
.header a::after{
	display: none;
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #1c1f79;
}
.header a:hover::after,
.header a.active::after{
	display: block;
}


.mod-title{
	padding-top:100px;
	margin-bottom: 50px;
	position: relative;
	color: #1b1f79;
	font-size: 32px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}
.mod-title::after{
	content: '';
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #9fa0a0;
}
.mod-title::before{
	content: '';
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -1px;
	width: 130px;
	height: 4px;
	background-color: #1b1f79;
}


.aboutus p{
	line-height: 30px;
}
.aboutus .space-p{
	height: 20px;
}
.aboutus .logo02{
	width: 375px;
}

.products-txt{
	margin-left: 40px;
	width: 410px;
}
.products-txt .t{
	line-height: 80px;
	font-size: 32px;
	color: #1b1f79;
}
.products-txt p{
	line-height: 40px;
	font-size: 18px;
}
.products-txt .link{
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 10px;
	background-color: #1b1f79;
	color: #fff;
}

.contactus{}
.contactus .item{
	line-height: 30px;
	color: #1c1f79;
	font-size: 20px;
}
.contactus img{
	display: block;
	margin: 0 auto 10px auto;
}
.contactus .item p{
	text-align: center;
}

.footer{
	height: 200px;
	border-top: 2px solid #9fa0a0;
}

.swiper1{
	position: relative;
	margin: 0 auto;
	width: 100%;
	/* height: 800px; */
	overflow: hidden;
}
.pagination1{
	bottom: 20px !important;
}
.pagination1 .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	border-radius: 6px;
	margin: 0 10px !important;
	background-color: #fff;
	opacity: 1;
}
.pagination1 .swiper-pagination-bullet-active{
	position: relative;
	background-color: #fff;
}
.pagination1 .swiper-pagination-bullet-active::after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 13px;
	height: 13px;
	border-radius: 13px;
	border: 2px solid #fff;
}
.swiper2{
	position: relative;
	width: 745px;
	height: 440px;
	overflow: hidden;
}
.swiper2 .swiper-lazy{
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
    height: 100%;
}
.swiper3{
	position: relative;
	width: 100%;
	/* 530+40 */
	/* height: 570px;  */
	overflow: hidden;
}

.pagination3{
	position: static;
	margin-bottom: 25px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.pagination3 .swiper-pagination-bullet{
	box-sizing: border-box;
	white-space: nowrap;
	width: 250px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: transparent;
	border-radius: 0;
	color: #1b1f79;
	font-size: 24px;
	opacity: 1;
	cursor: pointer;
}
.pagination3 .swiper-pagination-bullet-active{
	background: #1b1f79;
	color: #fff;
}

.swiper-slide.swiper-slide-active{
	-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
	-moz-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
	-o-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
	-ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
	transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}
  

.btn-scale{-webkit-animation: btnScale 1s ease infinite both;animation: btnScale 1s ease infinite both;}
@keyframes btnScale{0% {transform: none;}70% {transform: scale3d(.85, .85, .85);}100% {transform: none;}}
@-webkit-keyframes btnScale{0% {transform: none;}70% {transform: scale3d(.85, .85, .85);}100% {transform: none;}}

/* 提示 */
#tip{position:absolute;left:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1001;}
#tip .mask{position:absolute;left:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;}
#tip.hasmask .mask{background:#000;opacity:0.5;}
#tip .tipTxt,#tip.hasmask .tipTxt{position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);display:block;text-align:center;padding:0.5em;border-radius:0.3em;font-size:20px;}
#tip .tipTxt{background:rgba(0,0,0,0.8);color:#fff;}
#tip.hasmask .tipTxt{background:#fff;color:#333;}