@charset "utf-8";


@font-face {
  font-family: "mb";
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
	  url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
       url("../fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ml";
  src: url("../fonts/Montserrat-Light.woff") format("woff"),
	  url("../fonts/Montserrat-Light.ttf") format("truetype"),
       url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "meb";
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
       url("../fonts/Montserrat-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



body {
	width: 100%;
	overflow: hidden;  font-family: ProximaNovaR, "寰蒋闆呴粦";
}
* {
	box-sizing: border-box;
}
a, img {
	vertical-align: top;
}
i, em {
	font-style: normal;
}
.mainMore {
	transition: all 0.6s;
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 30px;
	display: inline-block;
	position: relative;
}
.mainMore span {
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url(../images/morebg.png) no-repeat right center;
}
.mainMore:hover {
	color: #fff;
	background: #00428c;
	border-color: #00428c;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.mainMoreA {
	color: #666666;
	border: 1px solid #dbdbdb;
	background: none;
}
.mainMoreB {
	color: #fff;
	border: 1px solid #004185;
	background: #004185;
}
.mainMoreE {
	color: #2ca6e0;
	border: 1px solid #2ca6e0;
}
.mainMoreA span {
	background: url(../images/morebg2.png) no-repeat right center;
}
.mainMoreE span {
	background: url(../images/morebg4.png) no-repeat right center;
}
.mainMore:hover span {
	background: url(../images/morebg.png) no-repeat right center;
}
.alignC {
	text-align: center;
}
.alignC .c {
	text-align: center!important;
}
.container {
	width: 90%;
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 0px;
}


.relative {
	position: relative;
}
.absolute {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
 @media(max-width:  1024px) {
.absolute {
	top: 0;
	transform: translateY(0);
	position: relative;
}
}
/*banner*/
.banner img.pic1 {
	display: block;
	width: 100%;
}
.banner img.pic2 {
	display: none;
}

.ibannerImg {
	overflow: hidden;
}
.banner .swiper-slide {
	overflow: hidden; border-radius:0px 0px 0px 0px;
}
.banner .swiper-slide-active .pcbg, .ibannerImg img {
	-webkit-animation: fa1 5s linear 1; 
}
.banner .swiper-wrapper { background:#f1f1f1;}
@-webkit-keyframes fa {
 0% {
-webkit-transform:scale(1.1);
}
 5% {
-webkit-transform:scale(1.09);
}
 10% {
-webkit-transform:scale(1.08);
}
 15% {
-webkit-transform:scale(1.07);
}
 20% {
-webkit-transform:scale(1.06);
}
 25% {
-webkit-transform:scale(1.05);
}
 30% {
-webkit-transform:scale(1.04);
}
 35% {
-webkit-transform:scale(1.03);
}
 40% {
-webkit-transform:scale(1.02);
}
 45% {
-webkit-transform:scale(1.01);
}
 50% {
-webkit-transform:scale(1.0);
}
 55% {
-webkit-transform:scale(1.01);
}
 60% {
-webkit-transform:scale(1.02);
}
 65% {
-webkit-transform:scale(1.03);
}
 70% {
-webkit-transform:scale(1.04);
}
 75% {
-webkit-transform:scale(1.05);
}
 80% {
-webkit-transform:scale(1.06);
}
 85% {
-webkit-transform:scale(1.07);
}
 90% {
-webkit-transform:scale(1.08);
}
 95% {
-webkit-transform:scale(1.09);
}
 100% {
-webkit-transform:scale(1.1);
}
}
@-webkit-keyframes fa1 {
 0% {
-webkit-transform:scale(1.1);
}
 10% {
-webkit-transform:scale(1.09);
}
 20% {
-webkit-transform:scale(1.08);
}
 30% {
-webkit-transform:scale(1.07);
}
 40% {
-webkit-transform:scale(1.06);
}
 50% {
-webkit-transform:scale(1.05);
}
 60% {
-webkit-transform:scale(1.04);
}
 70% {
-webkit-transform:scale(1.03);
}
 80% {
-webkit-transform:scale(1.02);
}
 90% {
-webkit-transform:scale(1.01);
}
 100% {
-webkit-transform:scale(1.0);
}
}
.banner .swiper-pagination {
	bottom: 0;
	opacity: 0;
	position: absolute;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide {
	position: relative;
	display: inline-block;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z {
	position: absolute;
	right: 15%;
	top: 35%;
	left: auto;
	bottom: auto;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .za {
	color: #0b74b6;
	font-size: 46px;
	margin-bottom: 15px;
	font-weight: bold;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .zb {
	font-size: 20px;
	color: #0b74b6;
	text-transform: uppercase;
	margin-bottom: 33px;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a {
	border: 1px solid #0b74b6;
	border-radius: 50px;
	padding: 18px 40px;
	display: inline-block;
	color: #0b74b6;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a img {
	margin-left: 15px;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .za {
	color: #ffffff;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .zb {
	color: #ffffff;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za a {
	border: 1px solid #ffffff;
	color: #ffffff;
}
.banner .swiper-container-top {
	position: relative;
}
.banner .swiper-slide .con {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: left;
	top: 55%;
	transform: translateY(-50%);
}
.banner .swiper-slide .con .t {
	font-size: 36px;
	color: #ffffff;
	margin: 0px 0 10px;
}
.banner .swiper-slide .con .c {
	display: block;
	font-size: 16px; width:100%;
	color: #ffffff;
	line-height:28px;
	margin-bottom: 20px; margin-top:10px;
}
/*.banner .swiper-slide .con .c p:last-child { padding-left:40px; }*/

.banner .swiper-button-next, .banner .swiper-button-prev {
	z-index: 100;
	position: absolute;
	left: auto;
	bottom: 8%;
	top: auto;
	right: auto;
	width: 52px;
	height: 52px;
	z-index: 1001;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.65);
	transition: all 0.6s;
}
.banner .swiper-button-next {
	background: url(../images/qhnext.png) no-repeat center;
}
.banner .swiper-button-prev {
	background: url(../images/qhprev.png) no-repeat center;
}
.banner .swiper-button-next:hover {
	border-color: #1c9e3b;
	background: url(../images/qhnext.png) no-repeat center #1c9e3b;
}
.banner .swiper-button-prev:hover {
	border-color: #1c9e3b;
	background: url(../images/qhprev.png) no-repeat center #1c9e3b;
}
.banner .swiper-button-next {
	left: calc(8.33333% + 70px);
}
.banner .swiper-button-prev {
	left: 8.3333%;
}
.ssss {
	z-index: 1000;
	position: absolute;
	bottom: 4%;
	left: 0;
	width: 100%;
	text-align: center;
	text-align: center;
}
.sss {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}
.ssss .sss:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 7px;
	background: #00428c;
	border-radius: 100%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.sss .circle {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.sss .circle i {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.sss .circle i::before {
	content: '';
	position: absolute;
	width: 200%;
	right: 0;
	top: 0;
	bottom: 0;
	border: 3px solid rgba(255,255,255,.5);
	border-radius: 100%;
	box-sizing: border-box;
	clip: rect(0, 20px, 20px, 10px);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.sss .circle i:first-child::before {
	left: 0;
	right: auto;
	clip: rect(0px, 10px, 20px, 0px);
}
.sss.sss-active::before {
	background: #ff5a2b;
}
.sss.sss-active .circle i::before {
	-webkit-animation: circleR 5000ms linear both;
	animation: circleR 5000ms linear both;
}
.sss.sss-active .circle i:first-child::before {
	-webkit-animation-name: circleL;
	animation-name: circleL;
}
@-webkit-keyframes circleL {
 0%,  50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @-webkit-keyframes circleR {
 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%,  100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes circleL {
 0%,  50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes circleR {
 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%,  100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
.bannerScroll { 
	position: absolute;
	right: 15px;
	width: 20px;
	text-align: center;
	bottom: 0px;
	z-index: 10;
}
.bannerScroll p {
	font-size: 12px;
	color: #fff;
}
.bannerScroll span {
	display: block;
	width: 1px;
	height: 60px;
	background: rgba(255,255,255,0.15);
	margin: 12px auto 0;
	position: relative;
}
.bannerScroll span:after {
	content: '';
	width: 3px;
	height: 17px;
	background: #fff;
	border-radius: 1px;
	position: absolute;
	top: 0;
	left: -1px;
}
.bannerScroll span:after {
	-webkit-animation: haha1 2s linear infinite;
}
@-webkit-keyframes haha1 {
 0% {
top:0;
opacity: 1;
}
 25% {
top:25%;
opacity: 0.75;
}
 50% {
top:50%;
opacity: 0.5;
}
 75% {
top:75%;
opacity: 0.25;
}
 100% {
top:100%;
opacity: 0;
}
}
.ibanner .pic2 {
	display: none;
}
.ibannerImgm {
	height: 30vw;
	overflow: hidden;
}
.ibanner {
	position: relative;
}
.ibannerCon {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.ibannerCon .t {
	font-size: 36px;
	color: #ffffff;
}
.ibannerCon .c {
	font-size: 54px;
	color: #ffffff;
	line-height: 1.4;
}
.ibannerCon .c b {
	display: block;
}

.bannerzwcpxc {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: "SangBleuOGSans-Light";
  text-transform: uppercase;
  margin-bottom: 10px;
}
.bannerzw{  margin: auto;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.5em;
  color: #fff;
}


.banner{ height:100vh!important;}
.banner .swiper-container{ height:100vh!important;}
.banner .swiper-wrapper{ height:100vh!important}
.pcbg{ height:100vh!important;}
.bannerBox{ height:100vh!important}
.banner .swiper-slide{height:100vh!important}