@font-face {
    font-family: MyFontName;//自定义字体名称
    src: url(../fonts/tt.ttf)
}
.dl {
	position: relative;
	overflow: hidden;
	background: url(../img/login.png) no-repeat;
	background-size:100% ;
	min-width: 1280px;
}

.dl .dly {
	display: block;
	position: relative;
}

.dly-title{
	font-size: 60px;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 10%;
	font-family: Trebuchet, Arial, sans-serif;
	
}
.dly-title img{
	display: inline-block;
	margin-top: -10px;
	margin-right: 10px;
}

.dl .dly .dly-m {
	position: absolute;
	right: 10%;
	z-index: 999;
}

.dl .dly .dly-m .dly-dlk {
	width: 400px;
	padding-top: 6%;
}

.dl .dly .dly-m .dly-dlk h5 {
	font-size: 22px;
	color: #d7f1ff;
	display: block;
}

.dl .dly .dly-m .dly-dlk input {
	width: 326px;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
	border: 1px solid #1a9fda;
	margin-top: 22px;
	display: block;
	padding: 5px;
}

.dl .dly .dly-m .dly-dlk input.hover {
	border: 1px solid #22fff2;
}

.dl .dly .dly-m .dly-dlk input.yhm {
	background: #2e76a8 url(../img/dlh-6.png) 17px no-repeat;
	color: #FFFFFF;
	padding-left: 57px;
}

.dl .dly .dly-m .dly-dlk input.mm {
	background: #2e76a8 url(../img/dlh-7.png) 17px no-repeat;
	color: #FFFFFF;
	padding-left: 57px;
	margin-top: 29px;
}

.dl .dly .dly-m .dly-dlk input.yzm {
	width: 187px;
	background: #2e76a8 url(../img/dlh-8.png) 17px no-repeat;
	color: #FFFFFF;
	padding-left: 57px;
	float: left;
}

.dl .dly .dly-m .dly-dlk span.yz {
	width: 114px;
	height: 40px;
	background: url(../img/dlh-9.png) no-repeat;
	margin: 22px 0 0 24px;
	border-radius: 4px;
	display: block;
	border: 1px solid #83bbe5;
	float: left;
}

.dl .dly .dly-m .dly-dlk .dlan {
	width: 326px;
	height: 50px;
	line-height: 50px;
	margin-top: 22px;
	border: none;
	border-radius: 4px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: url(../img/btn.png) no-repeat;
	background-size:100% 100%;
	display: block;
	float: left;
}

.dl .dly .dly-m .dly-dlk .dlan:hover {
	opacity: .9;
}

.dl .dly .dly-m .dly-dlk .dlan:active {
	background: #88b257;
}

.dl .dly .dl-bottom {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 0px;
}

.dl .dly .dl-bottom img {
	margin: 0 auto;
}

.dl .dly .left-top {
	position: absolute;
	left: 0px;
	top: 0px;
}

.dl .dly .right-bottom {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.dl .dlh {
	background: url(../images/dlh-tu.png) no-repeat;
	background-size: 100% 100%;
}

.dl .dlh .dlh-top {
	width: 100%;
	height: 95px;
	background: url(../images/dlh-dingbu.png) no-repeat;
	background-size: 100% 100%;
}

.dl .dlh .dlh-top img {
	display: inline-block;
	margin-top: -20px;
	margin-left: 30px;
}

.dl .dlh .dlh-top h1 {
	color: #ffffff;
	line-height: 85px;
	margin-left: 12px;
	font-size: 36px;
	display: inline-block;
	text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
	-webkit-text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
	-moz-text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}

.dl .dlh ul {
	height: 100%;
	padding: 0 4%;
	margin-top: -95px;
}

.dl .dlh li {
	width: 228px;
	height: 228px;
	text-align: center;
	display: block;
	background: url(../images/icon6.png) no-repeat;
	cursor: pointer;
}

.dl .dlh li:hover {
	background: url(../images/icon6-1.png) no-repeat;
}


.dl .dlh li b {
	width: 228px;
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}

.dl .dlh li:hover b {
	width: 228px;
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	color: #00faf0;
}

.dl .footer {
	width: 100%;
	height: 40px;
	color: #1f456c;
	font-size: 12px;
	position: fixed;
	bottom: 5px;
	z-index: 99999999;
	background: none;
	border: none;
}

.dl .footer span {
	text-align: center;
	display: block;
	color: #FFFFFF;
}

@media all and (max-width: 1200px) {
	.dl .dlh ul {
		height: 100%;
		padding: 0 2%;
		
	}
}
.dly-dlk input::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

.dly-dlk input:-ms-input-placeholder {
	color: #ccc
}

.dly-dlk input::-webkit-input-placeholder {
	color: #FFFFFF;
}
.navbar-custom-menu.navbar-custom-menu-content{
	margin: 0 auto;
	text-align: center;
	float: initial;
	margin-left: 25%;
}

@media screen and (min-width:1800px) and (max-width:3000px){
	
	.dly-dlk{
		padding-top: 110px !important;
	}
}
@media (min-width: 768px){
	.navbar-custom-menu.navbar-custom-menu-content .navbar-nav>li>a {
		font-size: 16px;
	}
	.navbar-nav>li>a {
	    padding-top: 24px;
	    padding-bottom: 24px;
	}
}