.banner{
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.banner .guang{
	position: absolute;
	width: 391px;
	height: 339px;
	background: url(../images/guang.png) 0 0 no-repeat scroll;
	top: -50px;
	left:240px;
	animation: shan 1s linear alternate infinite;
}
@keyframes shan{
	0%{
		opacity: 1;
	}
	100%{
		opacity: .3;
	}
}
/*.banner-item{
	width: 280px;
    height: 121px;
    color: #fff;
    position: absolute;
    transform: scale(.1) translate3d(0,30px,0);
    transition: transform 1.5s;
}
.banner-item.active{
	transform: scale(1) translate3d(0,0,0);
}
.banner-item.css1{
	bottom: 30px;
	left: 30px;
	background: url(../images/banner_item_1.png) 0 0 no-repeat scroll;
}
.banner-item.css2{
	background-color: #014f6d;
	left: 50%;
	margin-left: -140px;
	bottom: 30px;
	background: url(../images/banner_item_2.png) 0 0 no-repeat scroll;
}
.banner-item.css3{
	background-color: #e14b4a;
	bottom: 30px;
	right: 30px;
	background: url(../images/banner_item_3.png) 0 0 no-repeat scroll;
}*/
.banner-item{
	display: block;
	width: 248px;
    height: 89px;
    color: #fff;
    position: absolute;
    opacity: 0;
    transform: translate3d(0,200%,0);
    transition: all 1.5s;
}
.banner-item.w201{
    width: 201px;
}
.banner-item.active{
	opacity: 1;
	transform: translate3d(0,0,0);
}
.banner-item.css1{
	bottom: 30px;
	left: 20px;
	background: url(../images/banner_item_tm_1.png) 0 0 no-repeat scroll;
	cursor: pointer;
}
.banner-item .icon-group{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 18px;
}
.banner-item .icon-group .ys1{
	width: 22px;
	height: 7px;
	background: url(../images/icon_group_1.png) 0 0 no-repeat scroll;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	top: 0;
}
.banner-item .icon-group .ys2{
	width: 10px;
	height: 23px;
	background: url(../images/icon_group_2.png) 0 0 no-repeat scroll;
	position: absolute;
	left: -3px;
	top: 10px;
	animation: groupAni 2s infinite steps(3) alternate;
}
.banner-item .icon-group .ys3{
	width: 10px;
	height: 25px;
	background: url(../images/icon_group_3.png) 0 0 no-repeat scroll;
	position: absolute;
	left: 10px;
	top: 8px;
	
}
.banner-item .icon-group .ys4{
	width: 10px;
	height: 23px;
	background: url(../images/icon_group_2.png) 0 0 no-repeat scroll;
	position: absolute;
	right: -3px;
	top: 10px;
	animation: groupAni3 2s infinite steps(3) alternate;
}

@keyframes groupAni{
	0%{
		transform: translate3d(0,0,0);
	}
	100%{
		transform: translate3d(400%,0,0);
	}
}

@keyframes groupAni3{
	0%{
		transform: translate3d(0,0,0);
	}
	100%{
		transform: translate3d(-400%,0,0);
	}
}
.banner-item .icon-ban{
	position: absolute;
	width: 35px;
	height: 35px;
	top: 50%;
	margin-top: -17.5px;
	right: 12px;
}
.banner-item .icon-ban .ys1{
	width: 24px;
	height: 32px;
	background: url(../images/icons/icon_ban.png) 0 0 no-repeat scroll;
	position: absolute;
	left: 0;
	bottom: 0;
}
.banner-item .icon-ban .ys2{
	width: 14px;
	height: 13px;
	background: url(../images/icons/icon_gou2.png) 0 0 no-repeat scroll;
	position: absolute;
	right: 5px;
	bottom: -4px;
	animation: showAni2 1.5s 1.2s linear infinite alternate;
}
.banner-item .icon-ban .gou{
	width: 5px;
	height: 4px;
	background: url(../images/icons/icon_gou.png) 0 0 no-repeat scroll;
	position: absolute;
	left: 3px;
}
.banner-item .icon-ban .gou.gou1{
	top: 13px;
	animation: showAni .7s linear infinite alternate;
}
.banner-item .icon-ban .gou.gou2{
	top: 18px;
	animation: showAni .7s .3s linear infinite alternate;
}
.banner-item .icon-ban .gou.gou3{
	top: 22px;
	animation: showAni .7s .6s linear infinite alternate;
}
.banner-item .icon-ban .gou.gou4{
	top: 26px;
	animation: showAni .7s .9s linear infinite alternate;
}
@keyframes showAni{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes showAni2{
	0%{
		opacity: .2;
		transform: scale(1);
	}
	100%{
		opacity: 1;
		transform: scale(1.1);
	}
}

.banner-item.css2{
	left: 280px;
	bottom: 30px;
	background: url(../images/banner_item_tm_2.png) 0 0 no-repeat scroll;
}
.banner-item .icon-hm{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 18px;
}
.banner-item .icon-hm .ys1{
	width: 30px;
	height: 14px;
	background: url(../images/icons/icon_hand.png) 0 0 no-repeat scroll;
	position: absolute;
	left: 0;
	bottom: 0;
}
.banner-item .icon-hm .ys2{
	width: 19px;
	height: 19px;
	background: url(../images/icons/icon_money.png) 0 0 no-repeat scroll;
	position: absolute;
	right: 0;
	top: -3px;
	animation: fanzhuan linear 1.5s infinite;
}
@keyframes fanzhuan{
	0%{
		transform: rotateY(0);
	}
	100%{
		transform: rotateY(360deg);
	}
}

.banner-item.css3{
	bottom: 30px;
	right: 230px;
	background: url(../images/banner_item_tm_3.png) 0 0 no-repeat scroll;
}
.banner-item.css3 .icon-cl-1{
	position: absolute;
	width: 25px;
	height: 25px;
	background: url(../images/icon_chilun_1.png) 0 0 no-repeat scroll;
	top: 35px;
	right: 35px;
	animation: rotateAni 2s linear infinite;
}
.banner-item.css3 .icon-cl-2{
	position: absolute;
	width: 17px;
	height: 18px;
	background: url(../images/icon_chilun_2.png) 0 0 no-repeat scroll;
	top: 28px;
	right: 22px;
	animation: rotateAni2 2s linear infinite;
}


.banner-item.css4{
	bottom: 30px;
	right: 15px;
	background: url(../images/banner_item_tm_4.png) 0 0 no-repeat scroll;
}
.banner-item.css4 .icon-shub{
	position: absolute;
    width: 38px;
    height: 42px;
    background: url(../images/icon_shubiao_1.png) 0 0 no-repeat scroll;
    top: 22px;
    right: 25px;
    animation: shan 1s linear alternate infinite;
}


@keyframes rotateAni{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes rotateAni2{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(-360deg);
	}
}

.aboutus{
    margin-top: 20px;
}
.aboutus ul.brief{
	overflow: hidden;
	color: #014f6d;
}
.aboutus ul.brief li{
	float: left;
	width: 330px;
	height: 155px;
	border: 1px solid #014f6d;
	padding: 15px 8px 15px 15px;
	margin-left: 15px;
	transition: all .3s;
}
.aboutus ul.brief.second li{
	height: 180px;
	text-align: center;
	padding: 45px 8px 15px 15px;
}
.aboutus ul.brief li:hover{
	background-color: #ebf5f9;
}
.aboutus ul.brief li:first-child{
	margin-left: 0;
}
.aboutus ul.brief li .title{
	font-weight: bold;
}
.aboutus ul.brief li .text{
	margin-top: 15px;
	line-height: 22px;
}
.aboutus ul.brief.second li .title{
	font-size: 24px;
    font-weight: normal;
}
.aboutus ul.brief.second li .text{
    margin-top: 40px;
}

.aboutus ul.video-brief{
	overflow: hidden;
	color: #014f6d;
}
.aboutus ul.video-brief li.myvideo{
	float: left;
	width: 670px;
	height: 360px;
	border: 1px solid #014f6d;
}
.aboutus ul.video-brief li.mytxt{
	float: right;
	width: 330px;
	height: 360px;
	border: 1px solid #014f6d;
	padding: 15px 8px 15px 15px;
}

.aboutus ul.video-brief li .title{
	font-weight: bold;
}
.aboutus ul.video-brief li .text{
	margin-top: 15px;
	line-height: 22px;
}
.aboutus ul.video-brief.second li .title{
	font-size: 24px;
    font-weight: normal;
}
.aboutus ul.video-brief.second li .text{
    margin-top: 40px;
}


.aboutus .items{
	overflow: hidden;
	margin-top: 30px;
}
.aboutus .items>a{
	display: block;
	width: 208px;
	height: 100px;
	float: left;
	color: #fff;
	text-align: center;
	line-height: 100px;
	font-size: 48px;
	margin-left: 62px;
	margin-bottom: 30px;
	transition: all .3s;
	font-weight: bold;
}
.aboutus .items>a:hover{
	opacity: .7;
}
.aboutus .items>a.css1{
	background-color: #1e3058;
	margin-left: 0;
}
.aboutus .items>a.css2{
	background-color: #014f6d;
}
.aboutus .items>a.css3{
	background-color: #ae2d8d;
}
.aboutus .items>a.css4{
	background-color: #a2a7ab;
}
.aboutus ul.service{

}
.aboutus ul.service li{
    text-align: center;
    padding: 20px 0;
    margin-bottom: 40px;
}
.aboutus ul.service li.bg{
	background-color: #ebf5f9;
	border-radius: 5px;
}
.aboutus ul.service .title{
	color: #318eaa;
	font-size: 30px;
	line-height: 30px;
}
.aboutus ul.service .text{
	color: #a2a7ab;
	font-size: 20px;
	line-height: 30px;
	margin-top: 20px;
}
.aboutus ul.service .text b{
	font-size: 30px;
	color: #014f6d;
}
.aboutus ul.service .btn{
	margin-top: 20px;
}

.popop-notice{
	width: 700px;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	z-index: 11;
	left: 50%;
	margin-left: -350px;
	top: 50%;
	color: #014f6d;
	box-shadow: 0 0 10px #ccc;
}
.popop-notice .icon{
	width: 72px;
	height: 86px;
	background: url(../images/icon_notice.png) 0 0 no-repeat scroll;
	position: absolute;
	top: -30px;
	left: -20px;
}
.popop-notice .title{
	text-align: center;
	font-size: 22px;
}
.popop-notice .cont{
	margin-top: 20px;
	line-height: 25px;
	font-size: 14px;
}
.popop-notice .button{
	margin-top: 20px;
	text-align: center;
}
.popop-notice .countdown{
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
.button-notice{
	position: fixed;
	z-index: 9;
	width: 72px;
	height: 86px;
	background: url(../images/icon_notice.png) 0 0 no-repeat scroll;
	bottom: 200px;
	right: 10px;
	cursor: pointer;
}

.mask-bg2{
	background: url(../images/bottom_pop_bg.png) 0 0 repeat scroll;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 346px;
	box-shadow: 0 0 10px #222;
}
.bottom-notice{
	width: 1200px;
	height: 100%;
	position: absolute;
	background: url(../images/video_list/bottom_banner_20230515.jpg) 0 0 no-repeat scroll;
	z-index: 11;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
}
.bottom-notice .a-quyu
{
    display:block;
    position:absolute;
    z-index:111;
    width:875px;
    height:100%;
    top:0;
    left:0;
}
.bottom-notice .notice-img{
	position: absolute;
	left: 0;
	bottom: 0;
}
.bottom-notice .notice-erweima{
	position: absolute;
	left: 885px;
	top: 70px;
}
.bottom-notice .notice-saoyisao{
	position: absolute;
	left: 1020px;
	top: 90px;
}
.bottom-notice .notice-txt{
	position: absolute;
	left: 850px;
	top: 220px;
	color: #fff;
	font-size: 14px;
}
.bottom-notice .notice-txt .line1{
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}
.bottom-notice .notice-txt .line2{
	margin-top: 10px;
}
.bottom-notice .notice-close{
	position: absolute;
	right: 270px;
	top: 10px;
}
.bottom-notice .notice-close>a{
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	font-family: arial;
	transition: all .3s;
}
.bottom-notice .notice-close>a:hover{
	transform: scale(1.1,1.1);
}
.bottom-notice-switch{
	background: url(../images/bottom_pop_bg.png) 0 0 repeat scroll;
	position: fixed;
	left: -40px;
	bottom: 50px;
	z-index: 1;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 0 0 10px #ccc;
	cursor: pointer;
}
.bottom-notice-switch>img{
	position: absolute;
	top:50%;
	margin-top: -14px;
	right: 15px;
}