@font-face {
	font-family: maruko;
	src: url(../fonts/新蒂小丸子小学版.ttf);
}

@font-face {
	font-family: ruizi;
	src: url(../fonts/锐字锐线梦想黑简.TTF);
}

@font-face {
	font-family: hyxl;
	src: url(../fonts/hyxl.ttf);
}

html body {
	height: 1920px;
	width: 1080px;
	background-size: 100%;
	margin: 0 auto;
	font-family: "微软雅黑";
}

a {
	color: #fff;
}

.bg {
	height: 1920px;
	width: 1080px;
	background-image: url(../../images/cmp-khd/bg-index01.png);
	background-size: 100%;
}

header {
	position: relative;
	width: 1080px;
	height: 125px;
	float: left;
	background-color: rgba(0, 0, 0, 0.2);
}

header .btn01{
	position: absolute;
	bottom: -2px;
	right: 180px;
	width: 150px;
	text-align: center;
	letter-spacing: 5px;
	line-height: 40px;
	font-size: 26px;
	color: #ff0;
	background-color: #3B3B3B;
	border-radius: 5px;
}
header .btn02{
	position: absolute;
	bottom: -2px;
	right: 20px;
	width: 150px;
	text-align: center;
	line-height: 40px;
	font-size: 26px;
	color: #fff;
	background-color: #3B3B3B;
	border-radius:5px;
}
header .logo {
	float: left;
	width: 92px;
	padding: 17px 30px;
}

header .qrcode {
	float: left;
	width: 92px;
	padding: 17px 30px 17px 0px;
	vertical-align: middle;
}

header .date {
	float: left;
	font-family: "ruizi";
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 120px;
	color: #fff;
	vertical-align: middle;
}

header .weather {
	font-size: 24px;
	font-family: "微软雅黑";
	letter-spacing: 3px;
	font-weight: 600;
	vertical-align: middle;
}

header .weather img {
	width: 30px;
	vertical-align: middle;
}


/*中间菜单*/

.menu {
	border-top: 1px solid #b5cfe9;
	float: left;
	width: 1080px;
	height: 90px;
	overflow: hidden;
	background-image: url(../../images/cmp-khd/bg_menu_big.png);
	/*background: linear-gradient(#fff, #c7dff6, #c7dff6, #fff);, color-stop1, color-stop2, ...);*/
}

.menu ul {
	float: left;
	height: 92px;
	width: 1080px;
	text-align: center;
}

.menu li {
	padding: 15px 0;
	line-height: 55px;
	float: left;
	width: 214px;
	border: 1px solid #6BA8E4;
	text-align: center;
	font-size: 24px;
	color: #1966A1;
}

.menu li img {
	vertical-align: middle;
}


/*----------------菜单结束-----------------------*/


/*左边一列*/

.leftline {
	float: left;
	width: 505px;
	height: 1015px;
	padding-left: 35px;
	padding-top: 15px;
	overflow: hidden;
}

.leftline .top01 {
	float: left;
	text-align: center;
	width: 505px;
	height: 253px;
	background-color: rgba(3, 132, 231, 0.7);
}

.leftline .top01 .title01 {
	margin: 0 30px;
	padding: 16px 0;
	border-bottom: 1px solid #FBFAD9;
	color: #fff;
	font-size: 26px;
}

.leftline .top01 .title01 .more {
	background-color: rgba(0, 0, 0, 0.7);
	height: 32px;
	width: 65px;
	overflow: hidden;
	float: right;
	line-height: 32px;
}

.leftline .top01 .text {
	margin: 0 30px;
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.leftline .top01 .text ul {
	list-style: inside url("../../images/cmp-khd/list_style.png");
}

.leftline .top01 .text ul li {
	font-size: 22px;
	max-width: 30em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 40px;
}

.leftline .midddle01 {
	float: left;
	text-align: center;
	width: 505px;
	height: 315px;
	margin-top: 10px;
	background-color: #7089A1;
}

.leftline .midddle01 .title01 {
	margin: 0 30px;
	padding: 26px 0;
	border-bottom: 1px solid #FBFAD9;
	color: #fff;
	font-size: 26px;
}

.leftline .midddle01 .text {
	margin: 0px 30px 0 30px;
	font-size: 24px;
	height: 130px;
	color: #fff;
	line-height: 43px;
	text-align: left;0
	letter-spacing: 1px;
	overflow: hidden;
}

.leftline .midddle01 .text p {
	letter-spacing: 0.1em;
	text-align: left;
	max-width: 29em;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 50px;
}

.leftline .midddle01 .bottom {
	float: left;
	margin-top: 16px;
	height: 70px;
	font-size: 24px;
	color: #fff;
}

.leftline .midddle01 .bottom .left {
	width: 252px;
	float: left;
	text-align: center;
	line-height: 70px;
	background-color: #8E5B12;
}

.leftline .midddle01 .bottom img {
	float: left;
	width: 505px;
	height: 455px;
}

.leftline .midddle01 .bottom .right {
	width: 252px;
	float: left;
	text-align: center;
	line-height: 70px;
	background-color: #36363B;
}

.leftline .footimg {
	width: 505px;
	height: 435px;
	overflow: hidden;
}


/*---------------------左边一列结束----------------*/


/*_________________________________________________________*/


/*右边一列*/

.rightline {
	width: 480px;
	height: 1015px;
	overflow: hidden;
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}

.rightline .top01 {
	height: 280px;
	width: 480px;
	float: left;
	overflow: hidden;
	padding-bottom: 5px;
	position: relative;
}

.rightline .top01 img {
	width: 480px;
	height: 280px;
}

.rightline .top01 .mask {
	position: absolute;
	width: 480px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px 0;
	bottom: 0;
	line-height: 45px;
	font-size: 22px;
}

.rightline .middle {
	width: 480px;
	float: left;
	height: 530px;
	overflow: hidden;
}

.rightline .midddle ul {
	width: 480px;
	float: left;
}

.rightline .midddle li {
	width: 235px;
	height: 255px;
	margin: 4px;
	float: left;
	position: relative;
}

.rightline .midddle li img {
	width: 235px;
	height: 255px;
	float: left;
}

.midddle li .mask {
	position: absolute;
	width: 235px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px 0;
	bottom: 0;
	font-size: 18px;
}

.midddle li .mask01 {
	position: absolute;
	width: 235px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px 0;
	bottom: 0;
	line-height: 45px;
	font-size: 18px;
}

.rightline .bottom {
	padding-top: 5px;
	width: 480px;
	height: 193px;
	overflow: hidden;
	float: left;
	position: relative;
}

.rightline .bottom img {
	width: 480px;
	height: 193px;
	float: left;
}

.bottom .mask02 {
	position: absolute;
	width: 480px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px 0;
	bottom: 0;
	line-height: 45px;
	font-size: 18px;
}


/*-------------------右边一列结束------------------*/

.cpyt {
	width: 1080px;
	float: left;
	line-height: 100px;
	text-align: center;
	color: #333;
	text-align: center;
}

.content {
	height: 1695px;
	width: 1080px;
	float: left;
	overflow: hidden;
}

.content .paomadeng {
	position: absolute;
	top: 125px;
	background-color: rgba(0, 0, 0, 0.25);
	height: 70px;
	width: 1080px;
	overflow: hidden;
	color: #fff;
	float: left;
}
.paomadeng01 {
	width: 9999px;
}

.paomadeng01 div {
	float: left;
}

.content .paomadeng01 ul {
	white-space: nowrap;
	height: 70px;
	overflow: hidden;
	zoom: 1;
}

.content .paomadeng01 li {
	float: left;
	color: #fff;
	font-size: 30px;
	line-height: 70px;
	margin: 0 280px;
	text-align: center;
}

.content .top {
	height: 562px;
	width: 1080px;
	background-size: cover;
}

.content .videodiv {
	width: 1080px;
	height: 562px;
	background-color: #000;
	overflow: hidden;
}

.content video {
	padding-top: 0px;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content .videodiv .text {
	float: left;
	padding-left: 44px;
	font-size: 24px;
	padding-top: 10px;
	color: #fff;
}
.content .videodiv .text .next{
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(255,255,255,0.5) inset; 
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	right: 20px;
	bottom: 0px;
	top: 650px;
}
.bg {
	height: 1920px;
	width: 1080px;
	background-image: url(../../images/cmp-khd/bg-index01.png);
	background-size: 100%;
}


/*------------------轮播------------------------*/

.branch_bar {
	width: 1080;
	height: 562px;
	overflow: hidden;
	position: relative;
}

.branch_bar .branch {
	width: 3000px;
	position: relative;
}

.branch_bar .branch li {
	float: left;
}

.branch_bar .branch li img {
	position: relative;
	width: 1080px;
	height: 560px;
}

.branch_bar .branch li .name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0px;
	font-size: 32px;
	width: 1080px;
	text-align: center;
	line-height: 100px;
	font-family: "hyxl";
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.75);
}

.prev {
	position: absolute;
	top: 250px;
	left: 10px;
	color: #fff;
	cursor: pointer;
}

.next {
	position: absolute;
	top: 250px;
	right: 10px;
	color: #fff;
	cursor: pointer;
}

.branch_bar .text {
	float: left;
	width: 1080px;
	color: #fff;
	position: absolute;
	text-align: center;
	padding: 24px 0px;
	line-height: 16px;
	bottom: 0px;
	font-size: 28px;
	font-weight: 600;
}
/*轮播end-*/
.infoList {
	position: absolute;
	width: 320px;
	bottom: 0px;
}

.infoList li {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	bottom: 0px;
	font-size: 32px;
	width: 1080px;
	text-align: center;
	line-height: 100px;
	font-family: "微软雅黑";
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.75);
}