@charset "utf-8";
@font-face {
	font-family: digital;
	src: url('../font/Digital Regular.ttf');
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	min-width: 1300px;
	min-height: 750px;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}
.bgimg{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
p,
li,
ul,
h3 {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

:focus {
	outline: none;
}

::-ms-clear,
 ::-ms-reveal {
	display: none;
}

button,
input,
textarea {
	outline: none;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: inherit;
}

div,
span,
p,
img,
ul,
li,
a {
	box-sizing: border-box;
}


/*头*/
.common-header {
	width: 100%;
	height: 9.53%;
	background: url(../img/img-01.png) no-repeat center;
}

.page-title {
	width: 100%;
	/*padding-top: 0.4%;*/
	text-align: center;
	box-sizing: border-box;
}
.page-title img{
	width: 19.7%;
/*	height: 5.2%;*/
    margin-top:6px;
}
.page-desctitle {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.page-desctitle img{
	/*width: 9%;*/
	height: 33px;
	margin-top:3px;
}

/*头*/


/*导航*/
.common-navbox{
	position: absolute;
	top: 3.9%;
	left: 0;
	width: 100%;
	height: 68px;
}
.common-nav {
	width: 156px;
	height: 38px;
	position: absolute;
	z-index: 2;
	text-align: center;
	top: 0;
	left: 20px;
	cursor: pointer;
	background: url(../img/img-02.png) no-repeat center;
}

.common-nav:hover {
	background: url(../img/img-02-hover.png) no-repeat center;
}

.common-nav .dhbiao {
	position: absolute;
	left: 20px;
	top: 10px;
}

.common-nav .dhzi {
	position: absolute;
	left: 55px;
	top: -4px;
}

.common-navcontent {
	width: 220px;
	height: 354px;
	background: #022B5E;
    filter: alpha(opacity=95);
    opacity: 0.95;
	background: rgba(2, 43, 94, 0.95);
	box-shadow: inset 0 0 100px 0 #060A57;
	position: absolute;
	left: 20px;
	top: 30px;
	z-index: 1;
	border: 1px solid #2F8BFF;
	border-image: -webkit-linear-gradient(#2F8BFF, #060A57) 1 1;
	border-image: -moz-linear-gradient(#2F8BFF, #060A57) 1 1;
	border-image: linear-gradient(#2F8BFF, #060A57) 1 1;
	padding: 18px 0;
	box-sizing: border-box;
	display: none;
}

.nav-item {
	width: 160px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/img-04.png) no-repeat center;
	margin-bottom: 14px;
	font-size: 18px;
	color: #B0D2FF;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.nav-item:hover {
	background: url(../img/img-04-hover.png) no-repeat center;
	color: #FFFFFF;
	font-weight: bold;
}

.common-title span{
	font-size: 20px;
	line-height: 40px;
	color: #FFEFCD;
	letter-spacing: 0.24px;
	background-image: -webkit-linear-gradient(left,#FFD989 10%,#E0AF71 25%,#FFDD94,#FFEFCD);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}
.common-shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	filter: alpha(opacity=60);
	opacity: 0.6;
	display: none;
	z-index: 4;
}
@media screen and (max-width:1600px) {
    .common-title span{
    	font-size: 16px;
    	line-height: 24px;
    }  
}
/*导航*/