@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.videoBanner { position: relative; display: flex; height: 595px;}
.videoCell {position: relative; z-index: 10; width: 50%; transition: all .75s;}
.videoCell video { display: block; width: 100%; height: 100%; object-fit: cover;}
.videoCell::after { position: absolute; top: 0; left: 0; z-index: 11; display: block; width: 100%; height: 100%; opacity: .8; transition: all .75s; content: "";}
.videoCell:nth-child(1)::after { background: #e5133a;}
.videoCell:nth-child(2)::after { background: #878787;}
.videoCoverText {position: absolute; z-index: 12; display: flex; flex-direction: column; height: 100%; padding: 76px 0 162px; opacity: 1; transition: all .75s;}
.videoCoverText h1 {font-weight: 800;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -.022em;
    margin-bottom: 0; color: #ffffff; white-space:nowrap; margin-top: 98px;}
.videoCoverText h2 {font-weight: 400;
    line-height: 32px;
    letter-spacing: -.019em;
    margin-bottom: 0; font-size: 24px; margin-top: 16px; color: #ffffff; white-space: nowrap;}
.videoCoverText a {display: flex;
    align-items: center;
    justify-content: center;width: 227px;
    margin-top: 64px;
	line-height: 48px;
    background-color: #fff;
    border: 0; height: 48px;
    transition: all .25s; border-radius: 30px;}
.videoCoverText a span {color: #e5133a;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.34px;}
.videoCoverText a i {    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 20px;
    background: #e5133a;
    border-radius: 50%;}
.videoCoverText a i::before {    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(229,19,58,.8);
    border-radius: 50%;
    transform: scale(0);
    animation: scaleAnis 2s linear infinite;
    content: "";}
	.videoCell:nth-child(1) .videoCoverText{
			right: 0;
		    align-items: flex-end;
		    padding-right: 48px;
		    transform: translateX(100%);
			top: 0;
			opacity: 0;
			pointer-events: none;
	}
	.videoCell:nth-child(2) .videoCoverText{
			left: 0;
		    align-items: flex-start;
		    padding-left: 48px;
		    transform: translateX(-100%);
			top: 0;
			opacity: 0;
			pointer-events: none;
	}
	.videoBanner:hover .videoCell:nth-child(1) .videoCoverText{
		opacity: 1;
		transform: translateX(0%);
	}
	.videoBanner:hover .videoCell:nth-child(2) .videoCoverText{
		opacity: 1;
		transform: translateX(0%);
	}
	.videoBanner.actType1 .videoCell:nth-child(1){ width: 60%;}
	.videoBanner.actType1 .videoCell:nth-child(2){ width: 40%;}
	.videoBanner.actType2 .videoCell:nth-child(1){ width: 40%;}
	.videoBanner.actType2 .videoCell:nth-child(2){ width: 60%;}
	.videoBanner.actType1 .videoCell:nth-child(1)::after { opacity: 0;}
	.videoBanner.actType1 .videoCell:nth-child(2)::after {  background: #e5133a;}
	.videoBanner.actType2 .videoCell:nth-child(2)::after {  opacity: 0;}
	.videoBanner.actType1 .videoCell:nth-child(2) .videoCoverText h1,.videoBanner.actType1 .videoCell:nth-child(2) .videoCoverText h2{ opacity: .25;}
	.videoBanner.actType1 .videoCell:nth-child(2) a { background: none; color: #ffffff;}
	.videoBanner.actType1 .videoCell:nth-child(2) a span { color: #ffffff;}
	.videoBanner.actType1 .videoCell:nth-child(2) a i{ background: #ffffff; }
	.videoBanner.actType1 .videoCell:nth-child(2) a i::after { background: #ffffff;}
	.videoBanner.actType1 .videoCell:nth-child(2) a i::before { background: rgba(255,255,255,.8);}
	
	.videoBanner.actType2 .videoCell:nth-child(1) .videoCoverText h1,.videoBanner.actType2 .videoCell:nth-child(1) .videoCoverText h2{ opacity: .25;}
	.videoBanner.actType2 .videoCell:nth-child(1) a { background: none; color: #ffffff;}
	.videoBanner.actType2 .videoCell:nth-child(1) a span { color: #ffffff;}
	.videoBanner.actType2 .videoCell:nth-child(1) a i{ background: #ffffff; }
	.videoBanner.actType2 .videoCell:nth-child(1) a i::after { background: #ffffff;}
	.videoBanner.actType2 .videoCell:nth-child(1) a i::before { background: rgba(255,255,255,.8);}
	.videoBanner.actType2 .videoCell .videoCoverText,.videoBanner.actType1 .videoCell .videoCoverText { pointer-events: all;}
	.videoInnerCover {position: absolute;
	pointer-events: none;
    top: 50%;
    left: 50%;
    z-index: 15;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 77px 0 85px;
    text-align: center;
    transform: translate(-50%,-50%);
    visibility: visible;
    transition: all .25s; color: #ffffff;}
	.videoCoverLogo {    display: flex;
    align-items: center;
    justify-content: center;
    width: 278px;
    height: 38px;
    padding: 6px 32px;
    background-color: #fff;
    border-radius: 300px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);}
	.indexBtnCont { display: flex; margin-top: 64px;}
	.videoInnerCover h1 {font-weight: 800;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -.022em;
    margin-bottom: 0;    margin-top: 32px;}
	.videoInnerCover h2 {font-weight: 400;
    line-height: 32px;
    letter-spacing: -.019em;
    margin-bottom: 0;  margin-top: 16px; font-size: 24px;}
	.indexBtnCont p {font-size: 42px;
    line-height: 50px;
    letter-spacing: -.022em;}
	.indexBtnCont span {font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.014em;
    margin-bottom: 0;}
	.index_leftbtn { text-align: right; padding-right: 70px;}
	.index_rightbtn { text-align: left; padding-left: 70px;}
	.index_leftbtn .lines {width: 350px;
    height: 1px;
    margin: 16px 0;
    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));}
	.index_rightbtn .lines {width: 350px;
	height: 1px;
	margin: 16px 0;
	background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}
	.videoBanner:hover .videoInnerCover { opacity: 0;}

.whyTitles { text-align: center; font-size: 42px; line-height: 60px;}

.whychoseList { margin-top: 64px;}
.whychoseList .swiper-slide { color: #ffffff; box-sizing: border-box;  position: relative;
    height: 447px;
    padding: 32px 0;
    text-align: center;
    border-radius: 12px;}
.whychoseList .swiper-slide:nth-child(odd){ background: #262626;}
.whychoseList .swiper-slide:nth-child(even){ background: #e5133a; margin-top: 90px;}
.whyImg { margin: 0 25px;}
.whyImg img { display: block; width: 100%;}
.whyImg dl {display: flex;
    flex-direction: column;
    margin-top: 18px;
    padding: 0 12px;
    row-gap: 15px}
.whychoseList .swiper-slide h1 {font-weight: 400;
    line-height: 32px;
    letter-spacing: -.019em;
    margin-bottom: 0; font-size: 24px; margin: 18px 0 7px; color: #ffffff;}
.whychoseList .swiper-slide h6 { font-size: 14px; color: #ffaf50; letter-spacing: -.006em;}
.whychoseList dt { font-size: 16px; color: #ffffff;display: flex;
    align-items: flex-start;}
.whychoseList dl {display: flex;
    flex-direction: column;
    margin-top: 18px;
    padding: 0 12px;
    row-gap: 15px;}
.whychoseList dt::before { content: ''; display: inline-block;
    min-width: 30px;
    min-height: 30px;
    margin-right: 5px; margin-top: -5px; background: url(../images/checkIcon.png) center no-repeat; background-size: 100% auto; }
.whychoseList a.whyMore {     position: absolute;
    right: 12px;
    bottom: 22px;
    display: flex;
    align-items: center; color: #ffffff; font-size: 16px;}
.whyMore i {display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%; margin-left: 10px;}
.whyMore i img { width: 15px;}
.whyChose { max-width: 92%; position: relative; width: 1080px; margin: 64px auto;}
.pointBg1 { width: 85px; position: absolute; bottom: 0; left: 0;}
.whychoseList { position: relative;}
.pointBg2 { width: 85px; position: absolute; bottom: 0; right: 272px;}
.quicklyOpen { padding: 64px 0; background: #e5133a;}
.qoTit { line-height: 1; margin-bottom: 64px; text-align: center; font-size: 42px; color: #ffffff;}
.quickList { display: flex; justify-content: center; align-items: center; gap: 35px; margin-top: 64px;}
.index_btnContainer h1 {font-size: 30px;
    line-height: 36px;
    letter-spacing: -.021em; font-weight: 400;}
.index_btnContainer { padding: 32px 19px 32px 32px; width: 500px; border-radius: 20px;}
.index_btnContainer:nth-child(1) { background: url(../images/qlBg1.png) center no-repeat #ffffff; background-size: cover;}
.index_btnContainer:nth-child(2) { background: url(../images/qlBg2.png) center no-repeat #ffffff; background-size: cover;}
.index_btnContainer:nth-child(1) h1 { color: #e5133a;}
.index_btnContainer:nth-child(2) h1 { color: #1664ff;}
.index_pointItemBtn {display: flex;align-items: center; justify-content: center; border-width: 1px;}
.index_point {display: flex; margin-top: 14px;justify-content: space-between;}
.index_point a { border-radius: 48px; white-space: nowrap; display: flex; justify-content: center; font-size: 20px; height: 48px;}
.index_point a:nth-child(1) { color: #ffffff; width: 147px;background-color: #e5133a;}
.index_point a:nth-child(2) { width: 285px; color: #e5133a; border: 1px solid #e5133a;}
.index_btnContainer:nth-child(2) a:nth-child(1) { background:#1664ff;}
.index_btnContainer:nth-child(2) a:nth-child(2) { color: #1664ff; border:1px solid #1664ff;}
.index_pointItemBtn i {position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 20px;
    background: #e5133a;
    border-radius: 50%;}
.index_pointItemBtn i::before{position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(229,19,58,.8);
    border-radius: 50%;
    transform: scale(0);
    animation: scaleAnis 2s linear infinite;
    content: "";}
.index_point a:nth-child(1) i { background: #ffffff;}
.index_point a:nth-child(1) i::before { background: rgba(255,255,255,.8);}
.index_btnContainer:nth-child(2) a:nth-child(2) i{ background:#1664ff;}
.index_btnContainer:nth-child(2) a:nth-child(2) i::before{ background: #1664ff;}
@keyframes scaleAnis{
	0%{
		transform: scale(1);
		    opacity: 1;
	}
	100%{
		transform: scale(3);
		    opacity: 0;
	}
}
.whychoseList .swiper-pagination { display: none;}
.whychoseList .swiper-pagination span.swiper-pagination-bullet-active { background: #e5133a;}
@media screen and  (max-width:1080px){
	.whychoseList .swiper-pagination { display: block;}
	.whychoseList li { height:auto;}
	.videoBanner { flex-direction: column; height: auto;}
	.videoInnerCover { display: none;}
	.videoCell { width: 100%!important; height: 50vh;}
	.videoCoverText { opacity: 1!important; justify-content: center; transform: translate(0)!important; padding: 20px 4%!important;}
	.videoCoverText h1 { line-height: 2; margin: 0; font-size: 20px;}
	.videoCoverText h2 { font-size: 14px; margin: 0;}
	.videoCell::after { display: none;}
	.videoCoverText { pointer-events: all!important;}
	.videoCoverText a { margin-top: 20px; padding: 0 12px; height: auto; width: auto; font-size: 14px;}
	.videoCoverText a span { font-size: 14px;}
	.whyChose { margin: 20px auto;}
	.whyTitles { font-size: 20px;}
	.whychoseList ul { flex-direction: column;}
	.whychoseList li { margin: 0 0 20px!important; width: 100%;}
	.quickList { gap: 20px; margin: 0; flex-direction: column; padding: 0 4%;}
	.index_btnContainer { width: 100%;}
	.quicklyOpen { padding: 20px 0;}
	.qoTit { font-size: 20px; margin-bottom: 20px;}
	.index_point a { width: auto!important; height: 32px; padding: 0 12px; font-size: 14px;}
	.index_btnContainer h1 { font-size: 20px;}
	.index_btnContainer { padding: 20px 4%;}
	.index_pointItemBtn i { margin-left: 6px;}
	.whychoseList .swiper-slide { margin-top: 0!important;}
	.whychoseList { margin-top: 20px;}
	.whychoseList .swiper-slide { height: auto; padding-top: 20px;}
	.whychoseList { padding-bottom:40px;}
}

@media screen and  (max-width:780px){

}