.header {
	padding:15px 0 19px;
	box-shadow:0 2px 4px 0 rgba(186,186,186,.51)
}
.header .header-inner {
	max-width:1200px;
	margin:auto;
	display:flex
}
.header-menu {
	margin-left:80px;
	margin-right:69px;
	display:flex;
	align-items:center;
	font-size:16px;
	width:708px;
	color:#232323;
	justify-content:space-between
}
.header-menu li:last-child {
	margin-right:0
}
.header-menu li a{
	color:#232323;
}
.header-action {
	display:flex;
	align-items:center
}
.header-action button {
	font-size:16px;
	color:#232323;
	font-weight:400;
	padding:0 14px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	cursor:pointer
}
.header-action button.active {
	background-color:#DB4141;
	color:#fff
}
.main {
	max-width:1200px;
	margin:auto
}
.main .cur-position {
	padding:13px 0 10px;
	font-size:16px;
	color:#555353
}
.main .center-banner {
	height:160px;
	width:100%;
	margin:auto;
	position:absolute;
	z-index:-1;
	left:0;
	background:#005689;
}
.main .center-banner .center-banner-inner {
	max-width:1200px;
	margin:auto;
	padding-left:600px;
	height:100%;
	display:flex;
	align-items:flex-end
}
.main .center-banner .center-banner-inner .word-img h1 {
	font-size:40px;
	color:#fdfdfd;
	font-weight:700;
	position:relative
}
.main .center-banner .center-banner-inner .word-img h1:after {
	content:'';
	display:inline-block;
	width:30px;
	height:4px;
	background-color:#FFDD70;
	position:absolute;
	bottom:0;
	left:0
}
.video-intro {
	display:flex;
	margin-top:25px
}
.video-intro .video-wrap {
	border:3.5px solid #E5E5E5;
	margin-right:50px
}
.video-intro .video-text {
	display:flex;
	align-items:flex-end;
	padding-right:75px
}
.video-intro .video-text p {
	color:#555353;
	line-height:25px
}
.video-intro .video-text .video-text-btns {
	margin-top:20px;
	margin-bottom:5px;
	display:flex
}
.video-intro .video-text .video-text-btn {
	width:130px;
	height:36px;
	text-align:center;
	color:#555353;
	background-color:#F7F7F7;
	border:2px solid transparent;
	transition:all .2s;
	cursor:pointer;
	margin-right:10px
}
.video-intro .video-text .video-text-btn.active,.video-intro .video-text .video-text-btn:hover {
	border-color:#005689;
	background-color:#fff
}
.words-wrap {
	margin-top:40px;
	margin-bottom:50px;
	height:140px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	background:url(../img/center-text-bg.png) 100% no-repeat;
	position:relative
}
.words-wrap::after,.words-wrap::before {
	content:'';
	position:absolute;
	display:block;
	top:0;
	width:150px;
	height:100%;
	z-index:1;
	pointer-events:none
}
.words-wrap::before {
	left:0;
	background:linear-gradient(90deg,#616161 0,rgba(97,97,97,0) 100%)
}
.words-wrap::after {
	right:0;
	background:linear-gradient(to left,#616161 0,rgba(97,97,97,0) 100%)
}
.words-wrap > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.words-wrap .btn-item {
	width: 236px;
	padding:12px 14px;
	background-color:#fff;
	color:#373737;
	opacity:.9;
	border-radius:20px;
	font-size:16px;
	margin-top:5px;
	margin-bottom:5px;
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.main-wrap {
	display:flex;
	justify-content:space-between
}
.main-wrap .left {
	width:850px
}
.main-wrap .right {
	width:320px
}
.mask-text {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,.7);
	color:#fff;
	font-size:16px;
	height:44px;
	line-height:44px;
	padding:0 10px;
	white-space:normal;
	overflow:hidden;
	text-overflow:ellipsis
}
.area-title h2,.area6 .area-body .row-item .q-icon {
	background-color:#005689;
}
.area-title {
	border-bottom:2px solid #005689
}
.area-title h2 {
	display:inline-block;
	min-width:80px;
	height:33px;
	line-height:33px;
	color:#fff;
	text-align:center;
	font-size:16px
}
.area-body {
	padding:20px;
	background-color:#F7F7F7
}
.infos-wrap .info-item {
	display:flex;
	color:#555353;
	font-size:14px;
	transition:all .2s;
	cursor:pointer;
	margin-bottom:10px;
	justify-content:space-between
}
.infos-wrap .info-item .border-line {
	flex:1;
	background-image:linear-gradient(to right,#555353 80%,#fff);
	background-size:10px 1px;
	background-repeat:repeat-x;
	background-position:center;
	transition:all .2s;
	margin:0 5px
}
.infos-wrap .info-item.active,.infos-wrap .info-item:hover {
	color:#005689
}
.infos-wrap .info-item.active .border-line,.infos-wrap .info-item:hover .border-line {
	background-image:linear-gradient(to right,#005689 80%,#fff)
}
.infos-wrap .info-item .name {
	max-width:20em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.infos-wrap .more {
	display:block;
	text-align:right;
	font-size:12px;
	color:#9F9F9F
}
.area1 .area-body {
	display:flex
}
.area1 .area-body .l {
	width:400px;
	height:240px;
	overflow: hidden;
	margin-right:17px;
	position:relative
}
.area1 .area-body .l img{
	width: 100%;
}
.area1 .area-body .r {
	flex:1;
	padding-top:10px
}
.area1 .advert {
	margin-top:10px;
	margin-bottom:50px;
	padding-top:15px;
	background-color:#F0F0F0
}
.area1 .advert img {
	width:100%
}
.area2 .area-body .block-img-wrap {
	justify-content:space-between;
	display:flex;
	margin-bottom:24px
}
.area2 .area-body .block-img-wrap .block-img-item {
	width:250px;
	position:relative
}
.area2 .area-body .block-img-wrap .block-img-item img{
        height:150px;
	width: 100%;
}
.area2 .area-body .infos-wrap {
	display:flex;
	flex-wrap:wrap
}
.area2 .area-body .infos-wrap .info-item {
	width:50%
}
.area2 .area-body .infos-wrap .info-item:nth-child(2n+1) {
	padding-right:17px
}
.area2 .area-body .infos-wrap .info-item:nth-child(2n) {
	padding-left:17px
}
.area2 .area-body .infos-wrap .more {
	flex:1;
	text-align:right
}
.area3 {
	margin-top:50px
}
.area3 .area-body {
	display:flex
}
.area3 .area-body .l {
	width:400px;
	margin-right:17px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	font-size:16px
}
.area3 .area-body .l .i-1 {
	width:100%;
	height:200px;
	margin-bottom:10px
}
.area3 .area-body .l .i-1 .mask-text {
	height:40px;
	line-height:40px
}
.area3 .area-body .l .i-2,.area3 .area-body .l .i-3 {
	width:190px;
	height:95px
}
.area3 .area-body .l .i-2 .mask-text,.area3 .area-body .l .i-3 .mask-text {
	height:30px;
	line-height:30px
}
.area3 .area-body .l .i-1,.area3 .area-body .l .i-2,.area3 .area-body .l .i-3 {
	position:relative
}
.area3 .area-body .l .i-1 img,.area3 .area-body .l .i-2 img,.area3 .area-body .l .i-3 img {
	width:100%;
	height:100%
}
.area3 .area-body .r {
	flex:1;
	padding-top:10px
}
.area3 .advert {
	padding-top:15px;
	background-color:#F0F0F0
}
.area3 .advert img {
	width:100%
}
.area4.slide-wrap {
	position:relative;
	margin-top:50px;
	padding:0 40px;
	cursor:pointer
}
.area4.slide-wrap .swiper-slide {
	position:relative;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer
}
.area4.slide-wrap .swiper-slide .mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.6);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:20px
}
.area4.slide-wrap .next,.area4.slide-wrap .prev {
	position:absolute;
	top:0;
	height:100%;
	width:30px;
	background-color:#D2D2D2;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	margin-top:0
}
.area4.slide-wrap .next::after,.area4.slide-wrap .prev::after {
	content:none
}
.area4.slide-wrap .prev {
	left:0
}
.area4.slide-wrap .next {
	right:0
}
.area5 {
	margin-bottom:30px
}
.area5 .area-title {
	border-bottom:none
}
.area5 .area-body .enter-row {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around
}
.area5 .area-body .enter-row:last-child .enter-item {
	margin-bottom:0
}
.area5 .area-body .enter-item {
	width:56px;
	margin-bottom:12px;
	font-size:14px;
	color:#555353
}
.area5 .area-body .enter-item .enter-icon {
	height:44px;
	line-height:45px;
	margin-bottom:6px;
	text-align:center
}
.area5 .area-body .enter-item .enter-icon img:nth-child(2),.area5 .area-body .enter-item:hover .enter-icon img:nth-child(1) {
	display:none
}
.area5 .area-body .enter-item:hover .enter-icon img:nth-child(2) {
	display:initial
}
.area6 .area-body {
	padding-bottom:16px
}
.area6 .area-body .row-item {
	display:block;
	background-color:#fff;
	padding:7px 10px;
	margin-bottom:10px
}
.area6 .area-body .row-item .question {
	margin-bottom:6px
}
.area6 .area-body .row-item .answer,.area6 .area-body .row-item .question {
	display:flex;
	color:#555353
}
.area6 .area-body .row-item .answer span,.area6 .area-body .row-item .question span {
	max-width:16em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:14px
}
.area6 .area-body .row-item .a-icon,.area6 .area-body .row-item .q-icon {
	width:20px;
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:14px;
	margin-right:10px;
	display:inline-block;
	text-align:center
}
.area6 .area-body .row-item .a-icon {
	background-color:#FFA734
}
.area6 .area-body .more-q-a {
	text-align:center;
	margin-top:14px
}
.area6 .area-body .more-q-a a {
	padding:7px 18px;
	border-radius:15px;
	background-color:#E7E7E7;
	color:#555353;
	font-weight:400
}
.qrcode-wrap {
	position:relative;
	margin:33px 0 50px
}
.qrcode-wrap .qrcode-img {
	position:absolute;
	width:104px;
	left:30px;
	bottom:16px
}
.area7 .area-body {
	padding-bottom:10px
}
.area7 .row-item {
	margin-bottom:10px;
	display:flex;
	color:#555353
}
.area7 .row-item span {
	max-width:calc(100% - 30px);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:14px
}
.area7 .row-item .row-icon {
	width:20px;
	height:20px;
	line-height:20px;
	color:#fff;
	background-color:#bababa;
	font-size:14px;
	margin-right:10px;
	display:inline-block;
	text-align:center
}
.area7 .row-item:nth-child(1) .row-icon {
	background-color:#005689;
	color:#fff
}
.area7 .row-item:nth-child(2) .row-icon {
	background-color:#005689;
	color:#fff
}
.area7 .row-item:nth-child(3) .row-icon {
	background-color:#005689;
	color:#fff
}
.footer {
	background-color:#005689;
	margin-top:16px
}
.footer .footer-inner {
	max-width:1200px;
	margin:auto;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#f5f7f9;
	font-size:14px
}
.footer .footer-inner .r ul {
	display:flex
}
.footer .footer-inner .r ul li {
	cursor:pointer;
	padding:0 12px;
	line-height:16px;
	border-right:1px solid currentColor
}
.footer .footer-inner .r ul li:last-child {
	padding-right:0;
	border-right:none
}
.footer .footer-inner .r ul li a{
	color: #f3f7fb;
}

.area4 .mask a {
	color: #ece9e9;
}