/* CSS Document */
body {
	font-size: 100%;
	font-family: "Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, ul, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
textarea {
	resize: none;
}
img {
	max-width: 100%;
}
iframe, img {
	border: 0;
}
ul, ol, li {
	list-style: none;
}
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only;
}
input {
	-webkit-appearance: none;
}
a {
	text-decoration: none;
	color: #666;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
a:hover {
	color: #1b2935;
}
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

/*滚动条*/
::-webkit-scrollbar {
width:6px;
height:12px
}
::-webkit-scrollbar-button:vertical {
display:none;
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#FFF
}
::-webkit-scrollbar-thumb:vertical {
background-color:#334da2;
border-radius:5px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#334da2
}
::-webkit-scrollbar-corner:vertical {
background-color:#334da2
}
::-webkit-scrollbar-resizer:vertical {
background-color:#334da2
}
.mySwiper {
	width: 100%;
	height: 100%;
	position: relative;
}
.mySwiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	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;
	height: calc(100vh);
}
.mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mySwiper .swiper-paginationbbb {
	position: absolute;
	bottom: 60px !important;
	width: 20% !important;
	z-index:999;
	vertical-align: bottom;
	left:50% !important; margin-left:-9% !important;
}
.mySwiper .swiper-paginationbbb .swiper-pagination-bullet {
	width:26%;
	height: 4px;
	display: inline-block;
	border-radius: 3px;
	background: #fff;
	opacity: .2;
	-webkit-transition: all 1s;
	border-radius: 0px;
}
.mySwiper .swiper-paginationbbb .swiper-pagination-bullet-active {
	background: #ee2d31;
	width: 26%;
	height: 4px;
	opacity: 1;
	border-radius: 0px;
}
.mySwiper .swiper-slide img {
	position: relative;
	width: 100%;
	height: 100%;
}
.mySwiper .swiper-slide .textbox {
	position: absolute;
	top: 300px;
	left: 5%;
	text-align: left;
	width: 600px;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all .4s .2s;
	transition: all .4s .2s;
}
.mySwiper .swiper-slide.swiper-slide-active .textbox {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);/*	background:url(../images/babg.jpg) repeat center center;*/
}
.mySwiper .swiper-slide .textbox .sub {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0px;
	padding-top: 20px;
}
.mySwiper .swiper-slide .textbox .tit {
	text-align: left;
	font-size: 2.5vw !important;
	line-height: 1.2;
	letter-spacing: 0px;
	margin-bottom: 0px;
	color: rgba(255,255,255,1);
	mix-blend-mode: screen;
	font-weight: bold;
}
.mySwiper .swiper-slide .textbox .btn a {
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 9px 40px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	border-radius: 10px;
	border: #fff 1px solid;
	margin-top: 35px;
}
.mySwiper .swiper-slide .textbox .btn a:hover {
	background: #cb0000;
	color: #fff;
	border: #cb0000 1px solid;
}
.cen01 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	padding: 0 0 0 3%;
	z-index: 11111;
	box-sizing: border-box;-webkit-transition: all .5s;
}
.cen01 .logo {
	width: 11.5%;
	margin-top: 25px;
}
.cen01 .logo img {
	width: 100%;
	display: block;
	vertical-align: middle;
}
.cen01 .ccmenu {
	width: 50%;
	margin-left: 16%;
	float: left;
	margin-top: 30px;
}
.cen01 .ccmenu .nav {
	width: 100%;
}
.cen01 .ccmenu .nav li {
	float: left;
	width: 12.5%;
	text-align: center; position:relative;
}
.cen01 .ccmenu .nav li a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
.cen01 .ccmenu .nav li a:hover{color:#cb0000;}
.cen01 .ccsss {
	float: left;
	width: 120px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin-top: 36px;
	background: url(../images/sss.png) no-repeat left center;
	cursor: pointer;
	border: 0px none;
	background-color: transparent;
	padding-left: 30px;
	margin-left:5%;
}
.cen01.fxdon .ccsss {
	color: #333;
	background: url(../images/sssa.png) no-repeat left center;
}
.cen01 .ccsss:focus {
	width: 120px;
	border-color: #dedede;
	border-radius: 20px;
	border: 1px solid #fff;
	padding: 6px;
	box-sizing: border-box;
}
.cen01 .ccsss::-webkit-input-placeholder {
color: transparent;
}
.cen01 .ccsss:focus::-webkit-input-placeholder {
color: #999;
}
.cen01.fxdon .ccsss:focus {
	border: 1px solid #333;
}
.cen01 .mmobilea {
	flex-direction: column;
	justify-content: center;
	align-content: flex-end;
	width: 90px;
	height: 90px;
	background: #cb0000;
	border-bottom-left-radius: 50px;
	color: #FFF;
	float: right;
	text-align: right;
	margin-left: 5%;
}
.cen01 .mmobilea img {
	display: block;
	vertical-align: middle;
	text-align: center;
	margin-left: 40%;
	margin-top: 40%;
}
.navbar.fxdon::before {
	height: 100%;
}
.navbar .nav li .list {
	position: absolute;
	width: 100%;
	height: 175px;
	left: 0%;
	top: 90px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index:1111;
	background-color:rgba(0,0,0,0.6);
}

.navbar.active .nav li .list {
	top: 90px;
	opacity: 1;
	visibility: visible;
}

.navbar .nav li .list a {
	color: rgba(255, 255, 255, 0.7);
	display: block !important;
	font-size: 14px;
	line-height: 35px;
}

.navbar .nav li .list a:hover {
	color: rgba(255, 255, 255, 1);
}









.navbar {
	position: fixed;
	top: 0;
	left: 0;
}
.navbar .logo {
	display: block;
}
.navbar .logoa {
	display: none;
}
.navbar.fxdon {
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	color: #666;
	border-bottom: rgba(255,255,255,0.3) 0px solid;
	height: 90px;/* opacity: 1; */
/* backdrop-filter: blur(10px); */}
.navbar.fxdon .ccmenu .nav li a {
	color: #333;
}
.navbar.fxdon .ccmenu .nav li a:hover {
	color: #cb0000;
}
.navbar.fxdon .logo {
	display: none;
}
.navbar.fxdon .logoa {
	display: block;
	width: 11.5%;
	margin-top: 25px;
}
.navbar.fxdon .logoa img {
	width: 100%;
	display: block;
	vertical-align: middle;
}
.cen02 {
	background: url(../images/aboutbg1.jpg) no-repeat center bottom;
	padding: 80px 0;
	box-sizing: border-box;
	font-size: 15px;
}
.wrapper {
	width: 85%;
	margin: 0 auto;
}
.cen02 .cen02left {
	float: left;
	width: 30%;
	margin-right: 10%;
}
.cen02 .cen02tit {
	margin-bottom: 20px;
	color: #01143c;
	font-size: 17px;
	font-weight: 600;
	line-height: 120%;
}
.cen02 .cen02tita {
	margin-bottom: 50px;
	color: #01143c;
	font-size: 2.2vw;
	font-weight: 600;
	line-height: 120%;
	text-transform: uppercase;
}
.cen02 .cen02titb {
	color: #01143c;
	line-height: 160%;
}
.cen02 .cen02right {
	width: 60%;
	float: right;
}
.cen02 .cen02right .cen02rra {
	color: #01143c;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 3;
	width: 100%;
	line-height: 160%;
}
.cen02 .cen02right .cen02ula {
	width: 100%;
	margin-top: 20px;
}
.cen02 .cen02right .cen02ula li {
	float: left;
	width: 49%;
	padding: 0 90px 15px 0;
	box-sizing: border-box;
	margin: 1.8% 0;
	color: #01143c;
	display: block;
	line-height: 150%;
}
.cen02 .cen02right .cen02ula li:nth-last-child(2), .cen02 .cen02right .cen02ula li:nth-last-child {
	padding-bottom: 0;
}
.cen02 .cen02right .cen02ula li .num {
	font-size: 3vw;
	font-weight: 800;
	color: #cb0000;
	margin-right: 10px;
	display: inline-block;
	line-height: 150%;
}
.cen02 .cen02right .cen02ula li a {
	color: #01143c;
	margin-top: 15px;
	border-bottom: #01143c 1px solid;
	display: block;
	float: left;
	font-weight: 600;
	background: url(../images/jt.png) no-repeat right center;
	padding-right: 16px;
}
.cen03 {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 100px 0;
	background: rgb(1 19 69);
}
#wave {
	position: absolute;
	z-index: 111;
	top: calc( 100vh + 648px);
	width: 100%;
	height: 670px;
	overflow: hidden;
	pointer-events: none;
}
.cen03 .wrapperaa {
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
}
.cen03 .cen03top {
	width: 85%;
	margin: 0 auto;
}
.cen03 .cen03left {
	width: 50%;
	float: left;
	margin-bottom: 30px;
	color: #fff;
	font-size: 35px;
	font-weight: 600;
	line-height: 120%;
	text-transform: uppercase;
}
.cen03 .cen03left span {
	font-size: 16px;
	line-height: 120%;
	color: rgba(255,255,255,0.5);
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
.cen03 .cen03right {
	float: right;
	text-align: right;
}
.cen03 .cen03right a {
	padding: 12px 0px;
	color: #fff;
	border-bottom: rgba(255,255,255,0.6) 1px solid;
	border-radius: 0px;
	margin-top: 20px;
	text-align: right;
	float: right;
	display: block;
}
.cen03 .cen03ll {
	width: 25%;
	position: absolute;
	left: 7.5%;
	top: 45%;
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	margin-bottom: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 5;
	line-height: 150%;
}
.cen03 .cen03rr {
	width: 100%;
	position: relative;
	padding-left: 33%;
}
.mySwiperaa {
	position: absolute;
	top: 0;
	right: 0;
	overflow: auto;
}
.mySwiperaa .swiper-slide {
	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;
	-webkit-box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
	box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.mySwiperaa .swiper-slide .info {
	background: #fff;
	padding: 55px 40px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
.swiper-button-nextaa {
	left: 60px !important;
	position: absolute;
}
.swiper-button-prevaa {
	left: 0px !important;
	position: absolute;
}
.swiper-button-nextaa, .swiper-button-prevaa {
	top: 150px !important;
}
.mySwiperaa .swiper-slide .info .series {
	font-size: 14px;
	color: #777;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	margin: 10px auto;
}
.mySwiperaa .swiper-slide .info .name {
	font-size: 18px;
	color: #062542;
	line-height: 140%;
	padding-top: 10px;
	letter-spacing: 0px;
	font-weight: 600;
}
.mySwiperaa .swiper-slide .info .text {
	font-size: 16px;
	color: #062542;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	line-height: 24px;
	overflow: hidden;
	margin: 20px auto 30px;
}
.mySwiperaa .swiper-slide .info .btn {
	padding: 2px 0px 8px 0px;
	line-height: 160%;
	color: #ee2d31;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}
.mySwiperaa .swiper-slide .info .btn span {
	display: block;
	margin-top: 10px;
}
.cen04 {
	background: linear-gradient(to bottom, #ceeefd, #ffffff);
	padding: 70px 0;
}
.cen04 .cen04top .cen04left {
	float: right;
	color: #01143c;
	font-size: 35px;
	font-weight: 600;
	line-height: 120%;
	text-transform: uppercase;
	text-align: right;
}
.cen04 .cen04top .cen04left span {
	font-size: 16px;
	line-height: 120%;
	color: rgba(1,20,60,0.5);
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
	display: block;
}
.cen04 .cen04top .cen04right {
	float: left;
}
.cen04 .cen04top .cen04right a {
	color: #01143c;
	border-bottom: #01143c 1px solid;
	padding: 12px 0;
	display: block;
	margin-top: 20px;
}
.cen04 .cen04mid {
	width: 100%;
	margin: 50px 0 20px;
}
.cen04 .cen04mid .cen04midleft {
	float: left;
	width: 37%;
	margin-right: 3%;
	color: #01143c;
	line-height: 150%;
	font-size: 16px;
}
.cen04 .cen04mid .cen04midleft strong {
	color: #01143c;
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 30px;
	display: block;
}
.cen04 .cen04mid .cen04midimg img {
	display: block;
	margin-top: 50px;
}
.cen04 .cen04mid .cen04midright {
	float: right;
	width: 60%;
}
.cen04 .cen04mid .cen04midright img {
	width: 100%;
	display: block;
}
.cen05 {
	padding: 80px 0;
	background: #f3f3f5;
}
.cen05 .homenews {
	width: 1340px;
	margin: 0 auto;
	padding: 0 150px;
}
.cen05 .homenews .homenntit {
	color: #01143c;
	font-size: 16px;
	font-weight: 600;
}
.cen05 .homenews .homenna {
	margin: 40px 0;
}
.cen05 .homenews .homenntita {
	color: #01143c;
	font-size: 21px;
	margin-bottom: 30px;
	font-weight: 600;
}
.cen05 .homenews .homenntitb {
	color: #01143c;
	line-height: 180%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
}
.cen05 .btnhev {
	position: relative;
	width: 100%;
	border-bottom: #CCC 3px solid;
	height: 60px;
	line-height: 60px;
}
.cen05 .btnhev .btnaa {
	float: left;
	position: absolute;
	bottom: -2px;
	left: 0px;
	height: 60px;
	width: 6rem;
	border-bottom: 4px solid #c30705;
}
.cen05 .btnhev .btnrrr {
	float: right;
	margin-top: 25px;
}
.cen05 .btnhev .typcn {
	background: url(../images/jtta.jpg) no-repeat right center;
	width: 15px;
	height: 16px;
	display: inline-block;
}
.cen06 .mySwiperbb {
	z-index: 0;
}
.cen06 .mySwiperbb .swiper-slideaa {
	background: url(../images/appli1.jpg) no-repeat center top;
	height: 852px;
	background-size: cover;
}
.cen06 .mySwiperbb .swiper-slidebb {
	background: url(../images/appli2.jpg) no-repeat center top;
	height: 852px;
	background-size: cover;
}
.cen06 .mySwiperbb .swiper-slidecc {
	background: url(../images/appli3.jpg) no-repeat center top;
	height: 852px;
	background-size: cover;
}
.cen06 .mySwiperbb .swiper-slidedd {
	background: url(../images/appli4.jpg) no-repeat center top;
	height: 852px;
	background-size: cover;
}
.cen06 .mySwiperbb .swiper-slideee {
	background: url(../images/appli5.jpg) no-repeat center top;
	height: 852px;
	background-size: cover;
}
.cen06 .mySwiperbb .swiper-paginationa {
	border-radius: 0;
	position: absolute;
	bottom: 30px;
	width: 60%;
	left: 50%;
	margin-left:-30%;
	z-index:111;
}
.cen06 .mySwiperbb .swiper-pagination-bullet {
	width: 17%;
	height: 1px;
	border-radius: 0px;
	margin: 0;
}
.cen06 .mySwiperbb .swiper-pagination-bullet .stxt {
	position: relative;
	top: -40px;
	font-size: 15px;
	font-weight: 600;
}
.cen06 .mySwiperbb .swiper-pagination-bullet-active {
	opacity: 1;
	background: #cb0000;
	height: 4px;
	font-weight: 900;
	transition-timing-function: ease-out;
	transition-property: position;
}
.cen06 .mySwiperbb .swiper-pagination-bullet-active .stxt {
	font-size: 24px;
}
.cen06 .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 100px;
	left: 0;
	width: 100%;
}
.cen06 .pagination li {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
}
.cen06 .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	opacity: 1;
	background: rgba(255,255,255,0.6);
}

.cen07{background: #8df5ff; padding: 100px 0;}
.cen07 .cen07tit{margin-bottom:25px; color:#01143c; font-size:40px; font-weight:700; text-align:center;}
.cen07 .cen07tita{color:#01143c; text-transform:uppercase; font-size:16px; text-align:center; line-height:150%;}
.cen07 .cen07titb{color:#01143c; text-transform:uppercase; font-size:16px; text-align:center; line-height:150%; text-align:center; margin-top:30px; font-weight:400;}

.cen07 .homelyb{display: flex; justify-content: space-between; margin:60px auto 0; width:75%;}
.cen07 .homelyb .homelyaa{background:rgba(255,255,255,0.3); height:50px; line-height:50px; padding:0 20px; width:25%; border:rgba(0,20,60,0.2) 1px solid; text-align:left; border-radius:6px; color:#999;}
.cen07 .homelyb .homelyab{background:rgba(255,255,255,0.3); height:50px; line-height:50px; padding:0 20px; width:45%; border:rgba(0,20,60,0.2) 1px solid; text-align:left; border-radius:6px; color:#999;}

.cen07 .cen07ccc{width:90%; margin:60px auto 0px; line-height:160%; font-size:15px;}
.cen07 .cen07ccc .cen07ccleft{width:70%; float:left;}
.cen07 .cen07ccc .cen07right{width:28%; float:right;}
.cen07 .cen07ccc .cen07right a{ display:block; background:#386e8a; color:#8df5ff; width:140px; height:50px; line-height:50px; text-align:center; border-radius:6px; float:right; font-weight:900;}

.cen08{background: #01143c; overflow: hidden;}
.cen08 .cen08ccc{padding:70px 0;}
.cen08 .cen08ccc .cen08cleft{width:75%; float:left;}
.cen08 .cen08ccc .cen08cleft ul{width:100%;}
.cen08 .cen08ccc .cen08cleft ul li{width:19%; float:left; margin-right:2%}
.cen08 .cen08ccc .cen08cleft ul li:last-child{width:35%; margin-right:0; margin-left:2%;}
.cen08 .cen08ccc .cen08cleft ul li .cen08ctit{font-size:17px; padding-bottom:20px; color:#fff; line-height: 160%; font-weight: bold; text-decoration: none;}
.cen08 .cen08ccc .cen08cleft ul li a{line-height:170%; color: #b6c1d8; text-decoration:none; display:block;}
.cen08 .cen08ccc .cen08cleft .cen08ctita{line-height:170%; color: #b6c1d8; text-decoration:none; display:block;}

.cen08 .cen08ccc .cen08cright{float:right; width:20%;text-align:right;}
.cen08 .cen08ccc .cen08cright .cen08ctitb{text-align:right; padding-bottom: 10px; color: #fff; font-size:17px; font-weight:bold;}
.cen08 .cen08ccc .cen08cright img{max-width:40%; margin-bottom:8px;}
.cen08 .cen08ccc .cen08cright .cen08titc{font-size:12px; color: #b6c1d8;}

.cen08 .cen08bbb{border-top:rgba(255,255,255,0.1) 1px solid; margin-top:30px; padding:50px 0px; overflow:hidden;}
.cen08 .cen08bbb .footlink{width:60%; float:left; color: #b6c1d8; font-size:14px;}
.cen08 .cen08bbb .footlink a {
    display: inline-block;
    margin-top: 4px;
    color: #eee;
    border-radius: 2px;
}

.navaa {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.navbar.nav--active{height:100%;}
.nav--active .navaa {
  opacity: 1;
  background-color: #333;
}
.nav__list {
  margin: 0;
  padding: 20px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
  height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #5b5b5b; text-indent:60px;
}
.nav__link {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 30px;
  z-index: 200;
  background-color:#cb0000;
}
.nav--active .nav__trigger {
	background-color:transparent;
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 3px;
  background-color: #cb0000;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  top:13px;
 left:8px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.nav__icon:after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  top:13px;
 left:8px;
}

.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}



.navaa {
  width: 30%;
  height: 100%; 
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  float:right;
  right:0;
}
.nav--active .navaa {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.iphone__content {
  -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.iphone__screen {
  background-color: #333;
}
.nav--active .iphone__content {
  -webkit-transform: scale(0.9) translateX(-90%);
          transform: scale(0.9) translateX(-90%);
}
.nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.nav--active .nav__icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

a.nav__link:link,a.nav__link:active,a.nav__link:visited{color:#fff;}

.mySwiperabbb{display:none;}
.mmmiaaa{display:block;}

@media (max-width: 1200px){
	.mySwiper .swiper-paginationbbb{width:20% !important; left:-10%;}
	.cen01 .ccmenu{margin-left:6%; width:60%;}
	.navbar.fxdon .logoa{margin-top:36px;}
	.cen01 .ccsss{width:80px;}
	.mySwiper .swiper-slide .textbox .tit{font-size:35px !important;}
	.cen05 .homenews{width:100%;}
}

@media (max-width: 720px){
	.cen01 .ccmenu{display:none;}
	.cen01 .logo{width:38%;}
	.navbar.fxdon .logoa{width:38%;}
	.ccsss{display:none;}
	.mySwiper .swiper-slide{height:400px;}
	.mySwiper .swiper-slide .textbox{top:190px;}
	.mySwiper .swiper-slide .textbox{width:90%; left:5%; right:5%;}
	.mySwiper .swiper-slide .textbox .tit{font-size:20px !important;}
	.mySwiper .swiper-paginationbbb{width:80% !important; margin-left:-32% !important; left:50% !important;}
	
	.cen02{background: url(../images/aboutbg1.jpg) no-repeat center bottom #cfeffe;}
	.cen02 .cen02left{width:100%; float:none;}
	.cen02 .cen02right{width:100%; float:none; margin-top:20px;}
	.cen02 .cen02right .cen02ula li{padding-right:15px;}
	.cen02 .cen02tit{font-size:26px;}
	.cen02 .cen02tita{font-size:22px}
	.cen03 .cen03left{font-size:28px;}
	.cen03 .cen03ll{width:92.5%; top:25%; display:none;}
	.cen03 .cen03rr{padding:0; position:relative; z-index:11111111111;}
	.mySwiperaa .swiper-slide .info{padding:26px 14px;}
	.cen04 .cen04top .cen04right{display:none;}
	.cen04 .cen04mid .cen04midleft{width:100%; margin-right:0; float:none;}
	.cen04 .cen04mid .cen04midright{float:none; width:100%; margin-top:20px;}
	
	.cen05 .homenews{width:100%; padding:0 40px;}
	.cen06 .mySwiperbb .swiper-slideaa{height:500px;}
	.cen06 .mySwiperbb .swiper-slidebb{height:500px;}
	.cen06 .mySwiperbb .swiper-slidecc{height:500px;}
	.cen06 .mySwiperbb .swiper-slidedd{height:500px;}
	.cen06 .mySwiperbb .swiper-slideee{height:500px;}
	
	.cen02 .cen02right .cen02ula li{width:100%; padding:0;}
	.cen02 .cen02right .cen02ula li .num{font-size:10vw;}
	
	.cen03{padding:50px 0 100px;}
	
	.cen06 .mySwiperbb .swiper-paginationa{width:100%; left:0; margin-left:0;}
	
	.cen06 .mySwiperbb .swiper-pagination-bullet-active .stxt{font-size:15px;}
	.cen07 .cen07ccc .cen07ccleft{width:100%;}
	.cen07 .cen07ccc .cen07right{width:100%; float:left; margin-top:25px;}
	.cen07 .cen07ccc .cen07right a{float:left;}
	
	.cen08 .cen08ccc{display:none;}
	.cen08 .cen08bbb .footlink{width:100%;}
	.cen04 .cen04top .cen04left{float:left; text-align:left;}
	.cen04 .cen04top .cen04left span{text-align:left;}
	
	.navaa{width:70%;}
	.nav__trigger{display:block;}
	
	.mySwiperaa{display:none;}
	
	.mySwiperabbb {
	position: absolute;
	top: 0;
	right: 0;
	overflow: auto;
	display:block;
}
.mySwiperabbb .swiper-slide {
	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;
	-webkit-box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
	box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.mySwiperabbb .swiper-slide .info {
	background: #fff;
	padding: 55px 40px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
.mySwiperabbb .swiper-slide .info .series {
	font-size: 14px;
	color: #777;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	margin: 10px auto;
}
.mySwiperabbb .swiper-slide .info .name {
	font-size: 18px;
	color: #062542;
	line-height: 140%;
	padding-top: 10px;
	letter-spacing: 0px;
	font-weight: 600;
}
.mySwiperabbb .swiper-slide .info .text {
	font-size: 16px;
	color: #062542;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	line-height: 24px;
	overflow: hidden;
	margin: 20px auto 30px;
}
.mySwiperabbb .swiper-slide .info .btn {
	padding: 2px 0px 8px 0px;
	line-height: 160%;
	color: #ee2d31;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}
.mySwiperabbb .swiper-slide .info .btn span {
	display: block;
	margin-top: 10px;
}

.mySwiperabbb .swiper-button-next{display:none;}
.mySwiperabbb .swiper-button-prev{display:none;}


.cen03 .cen03right{display:none;}
.cen03 .cen03left{width:100%;}
.cen07 .homelyb .homelyaa{width:100%; display:block;}
.cen07 .homelyb{display:block;}
.cen07 .homelyb .homelyab{width:100%;}
.mmmiaaa{display:none; z-index:-111111;}

}