* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}

body,
html {
	width: 100%;
	font-size: 12px;

}

.nav_lists,
.services {
	display: none;
}

.cotain,
.nav {
	display: flex;
	align-items: center;
	height:  78px;
	font-size: 1rem;
}

.cotain {
	/*width: 100%;*/
	/*min-width: 800px;*/
	width: 1200px;
	margin: 0 auto;
}

.left>input {
	/*display: block;*/
	height: 49px;
	vertical-align: 4px;
	color: white!important;
	font-size: 1.5rem;
	width: 13rem;
}

.search {
	position: absolute;
	top: 30%;
	left: 24%;
	height: 25px;
}

input::placeholder {
	color: white;
	font-size: 1rem;
	padding-left: 20px;
}

.nav_right>img {
	display: block;
}

.logo {
	vertical-align: 15px;
}

.arrow {
	height: 9px;
	width: 9px;
	vertical-align: 5px;
}

.left {
	position: relative;
}

.title_text {
	vertical-align: 5px;
	font-size: 14px;
	font-weight: 400;
}

.title_imgs {
	vertical-align: -7px;
}

.wx_img {
	margin-left: 56px;
	height: 18px;
	width: 18px;
	vertical-align: 2px;
}

.nav {
	margin-bottom: 100px;
	/*width: 100%;*/
	width: 1500px;
	margin: 0 auto;
	font-size: 18px;
}
.nav .menu_list>a{
	
	font-weight: bold;
} 
.border_line {
	width: 100%;
	min-width: 1500px;
	height: 78px;
	/* background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); */
	backdrop-filter: blur(3px);
}

.tel_img {
	margin-left: 19px;
	height: 16px;
	widows: 12px;
	vertical-align: 2px;
}

.cotain>div,
.nav {
	line-height: 78px;
}

.nav_left>span {
	margin-right: 40px;
}


.distribution {
	width: 100%;
	height: 910px;
}

ul,
li {
	margin: 0;
	padding: 0
}

#scrollDiv {
	width: 1200px;
	height: 48px;
	min-height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin: 0 auto;
	z-index: 88;
	/*min-width: 800px;*/
}

#scrollDiv li {
	line-height: 48px;
}

.news_img {
	padding-top: 16px;
}

.scrollDiv_title {
	padding-top: 12px;
}

.down_load_des {
	margin-top: -9px!important;
	text-align: center;
	color: black;
}

.bas {
	color: rgba(110, 110, 117, 1)!important;
}

.down_load>img {
	padding-left: 5px;
	margin-top: 8px;
    width: 90px;
	
}

.top {
	width: 100%;
	position: relative;
}

.down_load,
.wx_down_load {
	position: absolute;
	top: 50px;
	left:200px;
	display: none;
	height: 127px;
	width: 102px;
	background: white;
    z-index: 999999999999999;
}

.wx_down_load {
	height: 125px;
	left: 310px;
	width: 102px;
}

.input_search {
	background-color: #5F30E1!important;
	border-radius: 4px;
	border: 0;
	height: 50px;
	/*background:rgba(61,68,84,1)!important;*/
	width: 180px!important;
	color: white!important;
}

.wx_down_load_des {
	text-align: center;
	color: black;
	margin-top: -38px;
	
}

.title {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 222;
	color: white;
	height: 78px;
}


/*.nav_right>span:nth-child(1) {
	float: left;
}*/

.about>span,
.center>span,
.nav_left>span:hover,
.bottom_text>div,
.nav_right>span,
.search,
.appDownLoad,
.wx_public {
	cursor: pointer;
}

.wx_public {
	margin-left: 30px;
}

.about>span {
	margin-right: 20px;
}

.about a {
	color: rgba(110, 110, 117, 1);
}

.nav_left>span:hover {
	color: #09ABFF;
}

.imgs_des {
	display: flex;
	justify-content: space-around;
}

.nav_list>ul,
.service>ul {
	padding-top: 10px;
}

.nav_list_li>a,
.service_li>a {
	/*padding-top: 10px;*/
	/*padding-bottom: 5px;*/
	display: block;
	color: #000000;
	color: white;
}

.imgs_des>a {
	color: black;
}

.nav_list_li>a:hover,
.service_li>a:hover {
	color: #09ABFF;
	;
}

/* .swiper-pagination-bullet {
	width: 16px!important;
	height: 6px!important;
	background-color: #e03232!important;
	border-radius: 0!important;
	margin-bottom: 18px!important;
}
 */
.des,
.text_dec {
	text-align: center;
}

.guide {
	position: fixed;
	left: 50%;
	bottom: 2%;
	animation: moves 2s infinite;
	z-index: 55;
}


/*二*/

.cotain_list>.des:nth-child(1),
.text_dec>div:nth-child(1) {
	margin: 40px 0 30px 0;
	font-size: 2rem;
	font-weight: bold;
}


/*.cotain_list>.des:nth-child(2),
.text_dec>div:nth-child(2) {
	margin-bottom: 40px;
	font-size: 1.5rem;
}

.imgs_des div {
	margin-top: 10px;
}*/

.container_sec {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 104px;
	/*min-width: 800px;*/
}

.imgs_show {
	display: flex;
	justify-content: center;
	min-width: 1200px;
	margin: 0 auto;
	height: 210px;
	margin-top: 64px;
}

.imgs_text {
	margin-top: 15px;
}

.show_bottom {
	/*background:rgba(37,137,255,1);*/
	width: 20px;
	height: 2px;
	background: rgba(37, 137, 255, 1);
	margin-left: 100px;
	margin-top: 7px;
}

.img_left {
	margin-right: 19px;
}

.single_img {
	text-align: center;
	width: 224px;
	/* height: 140px; */
}

.single_img>img {
	width: 100%;
	height: 140px;
}

.container_sec>div:nth-child(2) {
	font-size: 18px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
	line-height: 25px;
	margin-top: 17px;
}

.container_sec>div:nth-child(1) {
	height: 42px;
	font-size: 30px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
	line-height: 42px;
}

.player_img {
	margin-top: 113px;
	position: relative;
	width: 100%;
	/*margin-bottom: 320px;*/
}

.player_border {
	position: absolute;
	width: 897px;
	height: 601px;
	left: 330px;
	top: 200px;
	/*background:rgba(255,255,255,1);*/
	background-color: darkblue;
	border-radius: 37px 37px 0px 0px;
}

.player_bottom {
	width: 1090px;
	height: 7px;
	/*background:rgba(209,213,219,1);*/
	background-color: red;
	top: 800px;
	left: 230px;
	position: absolute;
}

.videos {
	margin: 100px 0;
	text-align: center;
}

.solt {
	text-align: center;
	background-color: rgb(0, 193, 222);
	height: 100px;
	font-size: 0;
}

.solt>div {
	line-height: 100px;
	color: white;
	font-size: 1.7rem;
	font-weight: bold;
}

.page1 {
	width: 100%;
	height: 100%;
}

.bank {
	text-align: center;
	margin-top: 89px;
	margin-bottom: 110px;
	width: 100%;
}

.bank>img {
	width: 1200px;
}

.bottom,
.bottom_first>div:nth-child(1) {
	display: flex;
	justify-content: center;
}

.bottom,
{
	margin-top: 6.5%;
}

.bottom_first {
	/*padding-left: -2px;*/
	width: 1200px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 10px;
	border-bottom: 1px rgba(189, 189, 189, 0.4) solid;
	padding-bottom: 53px;
}

.bottom_last_son {
	width: 1200px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: rgba(110, 110, 117, 1);
	line-height: 17px;
}


/*.border {
	border-top: 1px white solid;
	width: 1205px;
	padding-bottom: 30px;
}*/

.bottom_last {
	display: flex;
	justify-content: center;
}

.bottom_text>div>a:hover {
	cursor: pointer;
	color: #376BFD;
}

.bottom_text>div>a {
	color: red;
	margin-bottom: 19px!important;
	font-size: 12px;
	font-weight: 400;
	color: rgba(110, 110, 117, 1);
	line-height: 17px;
}

.bottom_text>div {
	margin-bottom: 10px;
}

.bottom_text {
	height: 203px;
}

.bottom_tip>div:nth-child(2),
.bottom_tip>div:nth-child(4) {
	height: 28px;
	font-size: 20px;
	font-weight: 600;
	color: rgba(215, 216, 217, 1);
	line-height: 28px;
}

.bottom_tip>div:nth-child(1),
.bottom_tip>div:nth-child(3) {
	font-size: 16px;
	font-weight: 400;
	color: rgba(128, 133, 136, 1);
	line-height: 22px;
}

#bottom_first_title {
	color: white;
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	margin-bottom: 17px;
}

.bottom_text>div:nth-child(8) {
	padding-bottom: 0;
}

.bottom,
.bottom_last {
	padding-top: 40px;
}

.police_img {
	width: 14px;
	height: 15px;
	vertical-align: -3px;
}

.bottom_last {
	padding-bottom: 40px;
}

.bottom_first_img {
	width: 30px;
	height: 35px;
	margin-right: 13px;
}

.bottom_text_first {
	border-left: 1.5px rgba(189, 189, 189, 0.4) solid;
	padding-left: 129px;
}

.center>span {
	margin-right: 20px;
}

.bottom_number {
	margin-top: 18px;
}

.numb {
	margin-top: 7px;
}

.center {
	margin-top: 27px;
}


/*悬浮框*/

.li_cotain,
.service_cotain {
	display: flex;
	justify-content: space-around;
	background-color: rgb(73, 62, 178);
	width: 750px;
	border-radius: 4px;
}

.input_search {
	background-color: rgb(73, 62, 178)!important;
}

.nav_lists,
.services {
	position: absolute;
	top: 45px;
}

.nav_lists {
	left: 0;
}


/*.services {
	left: 45px;
}*/

.up_ne,
.ups_ne {
	line-height: 0;
	margin-bottom: -8px;
}

.ups_ne {
	margin-left: 223px;
}

.up_ne {
	margin-left: 74px;
}

.up_ne>img,
.ups_ne>img {
	height: 20px;
	width: 20px;
}


/*新加样式*/

.swiper-container {
	/*width: 1200px;*/
	/*height: 550px;*/
	margin: 0 auto;
}

.bannerImgBox .swiper-container img {
	/*height: 450px;
    width: 1600px;*/
 	height: auto;
    width: 100%;
}

.logo {
	width: 70px;
	height: 30px;
	margin-top: 10px;
}

.logo_text {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	vertical-align: 25px;
	margin-left: 10px;
}

.phones {
	height: 16px;
	width: 16px;
	vertical-align: 2px;
	margin-left: 15px;
}


/*.vjs-big-play-button{
	display: none!important;
}*/

.top_border {
	width: 100%;
	height: 1px;
}
.no_login{
	font-size: 14px;
}
.loginBtn{
	margin-right: 10px;
}
.adds {
	
	margin-left: 10px;
}

.news {
	float: left;
	margin-right: 10px;
}

.news_right {
	height: 17px;
	float: right;
	line-height: 48px;
	font-size: 12px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
}

.news_right>span:nth-child(3),
.news_right>span:nth-child(4) {
	border-right: 1px solid rgba(89, 89, 97, 1);
	padding: 0 10px;
}

.news_right>span:nth-child(5) {
	padding-left: 10px;
}

.news_right>img {
	vertical-align: -3px;
}

.horn {
	position: absolute;
	left: 130px;
}

.bottom,
.bottom_last {
	background: rgb(19, 35, 74);
}

.player_img>img,
.distribution {
	width: 100%;
}

.distribution {
	background-color: #F1F1F5;
	padding-top: 290px;
}

#p1:hover {
	cursor: pointer;
	color: white;
}

.distribution_body {
	width: 1200px;
	margin: 0 auto;
	height: 910px;
	text-align: center;
}

.distribution_text {
	font-size: 14px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
	line-height: 20px;
}

.distribution_logo {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.distribution_title {
	text-align: center;
}

.distribution_title>div:nth-child(2) {
	font-size: 12px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
	line-height: 25px;
}

.distribution_title>div:nth-child(1) {
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 400;
	color: rgba(89, 89, 97, 1);
	line-height: 42px;
}

.etc_count_left {
	width: 100%;
	vertical-align: ;
}

.etc_count_right {
	position: absolute;
	top: 150px;
	left: 200px;
}

.etc_toal {
	margin-bottom: 40px;
}

.etc_toal>div:nth-child(1),
.etc_time>div:nth-child(1) {
	font-size: 56px;
	font-weight: 400;
	color: rgba(37, 137, 255, 1);
	line-height: 78px;
}

.etc_toal>div:nth-child(2),
.etc_time>div:nth-child(2) {
	font-size: 18px;
	font-weight: 400;
	color: rgba(114, 114, 129, 1);
	line-height: 25px;
	margin-left: -87px;
}

.etc_count {
	position: relative;
}

.player_img>img {
	height: 596px;
}

.win {
	text-align: center;
	margin-top: -126px;
	width: 100%;
	height: 202px;
	line-height: 202px;
	margin-bottom: 80px;
	background-image: url("https://update.9618968.com/etc-common/2024-08-28/20240828105800057.jpg");
}

.win>div {
	font-size: 42px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	letter-spacing: 4px;
}

.bottom_last,
.bottom,
.bank,
.win,
.distribution,
.player_img{
	width: 100%;
	min-width: 1200px;
}


/*隐藏播放器按钮*/

.vjs-big-play-button {
	display: none!important;
}

.cump {
	/*width: 1200px;*/
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding-left: 300px;
}

.cump>img {
	width: 897px;
}

#my-video {
	position: absolute;
	top: 40px;
	/*left: 436px;*/
	left: 169px;
}

.radio_video {
	position: absolute;
	top: 250px;
}

.player_body {
	width: 100%;
	margin: 0 auto;
}

.player_body>img {
	width: 100%;
	height: 596px;
}

.ff div:hover {
	color: #09ABFF;
	cursor: pointer;
}

.nav_first {
	font-size: 13px;
	font-weight: bold;
}

.nav_first:hover {
	color: white!important;
}

.bank_infor>div {
	padding-left: 30px;
}

.bank_infor>div:nth-child(1) {
	padding-top: 6px;
	padding-bottom: 6px;
}

.bank_img {
	float: left;
	margin: 10px;
    /* border: 1px dashed #a09e9e;	 */
}

.bank img {
	width: 200px;
	height: 70px;
}

.bank {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.bank:after{content: '';display: block;clear: both;}

.person_inf {
	margin-top: 5px;
	text-align: center;
	/* background-color: rgb(0, 0, 0); */
	background-color: white;
	color: black;
	position: absolute;
	top: 45px;
	right: 0px;
	width: 140px;
	font-size: 14px;
	padding: 0 20px;
	padding-top: 12px;
	box-sizing: border-box;
}
.person_inf li{
	line-height: 35px;
}


/* .person_inf>li:hover {
	cursor: pointer;
	color: #376BFD;
} */

.login_imgs {
	border-radius: 50%;
}

.nav_right {
	position: relative;
}

.person_inf>li a{
	color: #696969;
}
/* .person_inf>li:hover ,  */
.person_inf>li:hover a{
	cursor: pointer;
	color: #376BFD;
}

.person_inf>li {
	height: 40px;
	cursor: pointer;
}

.phone_number {
	margin-top: 4px!important;
}

.person_back {
	margin-bottom: 4px!important;
	color: #696969;
}
.person_back:hover {
	color: #376BFD;
}



.menu_list>a {
	color: white;
}

.menu_list {
	margin-right: 40px;
}

.second_list {
	margin-right: 20px;

}

.chilebox {
	position: absolute;
	top: 78px;
	display: none;
	overflow: hidden;
	z-index: 888;
	
	color: #fff;
}

.second_list {
	float: left;
	margin-right: 30px;
	color: #fff;
}


.second_list_s a {
	color: #fff!important;
}

.second_list_s>a {
	color: white;
		font-size: 12px;
	line-height: 50px;
	font-weight: normal;
}

.second_list_s>a:hover {
	color: dodgerblue;
}

.second_list {
	font-size: 16px;
	font-weight:normal ;
}

.second_list_s {
	margin-top: 0px;
}

.second_list_s:nth-child(1) {
	margin-top: 0px;
}



.logo_text,
.appDownLoad,
.wx_public,
.title_text {
	font-size: 12px!important;
}



#scrollDiv_top {
	width: 100%;
	height: 45px;
	background: rgba(247, 248, 251, 1);
}
.single_img{
	box-shadow:0px 0px 12px 0px rgba(241,241,240,1);
}

/* .single_img,
.img_left img {
	box-shadow: 2px 2px 10px #909090;
} */


.chileboxs{
	
	padding-top: 5px;
	width: 160px;
	border-top: 1px rgba(216,216,216,0.2) solid;
}
.link_tip{
	margin: 12px 0;
}
.bank_title{
	height:42px;
	font-size:30px;
	text-align: center;
	font-weight:400;
	color:rgba(89,89,97,1);
	line-height:42px;
	margin-bottom: 60px;
}
.scrollNews a,.scrollNews li{
	display: block;
	width: 100%;
}
.scrollNews a:hover,.scrollNews li:hover{
	color: #333;
}
.distribution_logo img{
	width: 44px;
	height: 44px;
	margin-right: 10px;
}
.logoNew{
	 width:249px;
	 height: 44px;
	 margin-right: 80px;
}
.nav_left {
	flex: 1;
}
.menu_list a{
	display: block;
	box-sizing: border-box;
	height: 78px;
}
.second_list_s a{
	display: block;
	box-sizing: border-box;
	height: 38px;
}
.secondTitle{
	height: 60px;
	line-height: 60px;
}
.chileboxs .second_list_s a:hover{
	color: #EC830F!important;
}
.menu_list>a:hover{
	color: #fff;
}
.titleImg{
	margin-top: 47px;
	margin-bottom: 47px;
	width: 100%;
	min-width: 1500px;
	text-align: center;
}

.solution{
	width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.solution li{
	width: 480px;
	height: 320px;
	cursor: pointer;
	background-color: #000000;
	overflow: hidden;
	position: relative;
}
.solution li:nth-child(1){
	margin-bottom: 30px;
}
.solution li img.bgImg{
	opacity: 1;
	width: calc(100% + 50px);
	transform: translate3d(-40px,0,0);
	transition: opacity 0.35s, transform 0.35s;
}
.solution li img.logoIcon{
	position: absolute;
	right:28px;
	top: 28px;
	width:64px;
	height: 64px;
}
.solution li:hover img.bgImg{
	opacity: 0.7;
	
	transform: translate3d(0px,0,0);
}
.solution li .solutionList{
	position: absolute;
	left: 0;
	top: 0;
	width: 480px;
	height: 320px;
}
.solution li .solutionList div{
	width: 422px;
	position: absolute;
	left: 28px;
	bottom: 30px;
	color: #fff;
}
.solution li .solutionList div span{
	display: block;
	height: 3px;
	width: 20px;
	background-color: #fff;
	transition: transform 0.35s;
	transform: translate3d(0,40px,0);
}
.solution li .solutionList div h2{
	padding-top: 10px;
	padding-bottom: 20px;
	transition: transform 0.35s;
	transform: translate3d(0,40px,0);
}
.solution li .solutionList div p{
	font-size: 16px;
	opacity: 0;
	height: 42px;
	transition: opacity 0.4s, transform 0.35s;
	transform: translate3d(0,150px,0);
}
.solution li:hover .solutionList div p{
	opacity: 1;
	transform: translate3d(0px,0,0);
}
.solution li:hover .solutionList div span,.solution li:hover .solutionList div h2{
	transform: translate3d(0px,0,0);
}
.newsContent{
	width: 100%;
	height: 700px;
	box-sizing: border-box;
	padding: 70px 0px;
}
.newsBg{
	height:100%;
	background-color: #f2f2f2;
}
.newsImgBox{
	width: 1500px;
	height: 700px;
	position: absolute;
	top:0;
	left: 0;
}
.newsImgBox img{
	display: block;
	position: absolute;
	width: 1500px;
	height: 700px;
	left:0;
	top: 0;
	cursor: pointer;
	/* transition: all .5s; */
}
.newsImgBox img:nth-child(1){
	z-index: 4;
}
.newsImgBox img:nth-child(2){
	z-index: 1;
}
.newsImgBox img:nth-child(3){
	z-index: 1;
}
.newsImgBox img:nth-child(4){
	z-index: 1;
}
.newsBox{
	width: 1500px;
	height: 700px;
	background-color: #d8d8d8;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	top: -70px;
}
.newsBox div.newsImgBox{
	position: absolute;
	left: 0;
	top: 0;
	
}
.newsBox ul{
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	height: 700px;
	overflow: hidden;
	z-index: 99999999;
}
.newsBox ul li{
	width: 400px;
	height: 140px; 
	background: rgba(0,0,0,0.7);
	display: flex;
	align-items: center;
	color: #fff;
	box-sizing: border-box;
	padding: 0 25px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	cursor: pointer;
}
.newsBox ul li .number{
	display: block;
}
.newsBox ul li .numberActive{
	display: none;
}
.newsBox ul li.activeLi .number{
	display: none;
}
.newsBox ul li.activeLi .numberActive{
	display: block;
}
.newsBox ul li.activeLi{
	background-color: #fff;
	color: #333;
}
.newsBox ul li div{
	margin-left: 10px;
}
.newsBox ul li p{
	height: 52px;
	overflow: hidden;
	font-size: 18px;
}
.newsBox ul li span{
	display: block;
	font-size: 14px;
	opacity: 0.7;
	margin-top: 10px;
}