@import url(normalize.css);
@import url(../iconfont/iconfont.css);

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure,
select {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0
}

em,
i {
	font-style: normal
}

@media screen and (max-width: 640px) and (max-width: 320px) {
	html {
		font-size: 8px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 320px) and (max-width: 360px) {
	html {
		font-size: 8.5333px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 360px) and (max-width: 375px) {
	html {
		font-size: 9.6px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 375px) and (max-width: 384px) {
	html {
		font-size: 10px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 384px) and (max-width: 411px) {
	html {
		font-size: 10.24px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 411px) and (max-width: 414px) {
	html {
		font-size: 10.96px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 414px) and (max-width: 448px) {
	html {
		font-size: 11.04px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 448px) and (max-width: 480px) {
	html {
		font-size: 11.9467px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 480px) and (max-width: 512px) {
	html {
		font-size: 12.8px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 512px) and (max-width: 544px) {
	html {
		font-size: 13.6533px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 544px) and (max-width: 576px) {
	html {
		font-size: 14.5067px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 576px) and (max-width: 608px) {
	html {
		font-size: 15.36px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 608px) and (max-width: 640px) {
	html {
		font-size: 16.2133px !important
	}
}

@media screen and (max-width: 640px) and (min-width: 640px) {
	html {
		font-size: 17.0667px !important
	}
}

@media screen and (min-width: 640px) {
	html {
		font-size: 62.5%
	}
}

body {
	font-family: '微软雅黑', '宋体', Arial, Helvetica, sans-serif;
	color: #333
}

.caselist img{
	height: 210px;
}
.caselist p{
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}

a {
	color: #666;
	text-decoration: none
}

a:hover {
	color: #133295
}

.fl {
	float: left
}

.fr {
	float: right
}

.mt10 {
	margin-top: 1rem
}

.mt20 {
	margin-top: 2rem
}

.mb20 {
	margin-bottom: 2rem
}

.clear {
	clear: both
}

::selection {
	background: #66c;
	color: #fff
}

em.iconfont {
	user-select: none
}

em.iconfont img{
	width: 4rem;
}
.newsList li p span{
		float: right;
		color: #666;
	}
.newsList li p a:hover{
	color: #E83828;
}	
	
#header,
#content,
#footer {
	width: 100%;
	float: left
}

@media screen and (min-width: 640px) {
	.wp {
		width: 151rem;
		margin: 0 auto
	}

	.logo {
		width: 28rem;
		height: 3.6rem;
		margin: 3rem 0;
		float: left
	}

	.logo img {
		display: block;
		float: left
	}

	ul.link {
		float: right;
		margin: 3rem 0
	}

	ul.link li {
		margin-right: 2rem;
		line-height: 3.6rem;
		float: left
	}

	ul.link li em {
		width: 3.6rem;
		height: 3.6rem;
		display: inline-block;
		background: #f4f5f9;
		color: #133295;
		font-size: 2rem;
		border-radius: 50%;
		margin-right: .8rem;
		text-align: center
	}

	ul.link li span {
		font-size: 1.4rem
	}

	ul.link li a:hover {
		text-decoration: underline
	}

	.language {
		float: right;
		line-height: 3.6rem;
		margin: 3rem 0 3rem 3rem
	}

	.language span {
		cursor: pointer;
		font-size: 1.4rem
	}

	.language span:first-child:after {
		content: '/';
		color: #ccc;
		font-weight: normal;
		padding: 0 1rem;
		font-size: 1.6rem
	}

	.language span.cur {
		font-weight: bold;
		color: #133295
	}
	.language img{
		width: 2.2rem;
		line-height: 3.6rem;
		float: left;
		padding-top: 0.9rem;
		padding-right: 0.5rem;
	}

	.menu {
		display: none
	}

	.nav {
		width: 100%;
		float: left;
		height: 6rem;
		line-height: 6rem;
		background: #133295;
		position: relative;
		z-index: 999
	}

	.nav ul {
		padding-left: 1rem;
		float: left
	}

	.nav ul li {
		float: left;
		position: relative
	}

	.nav ul li a {
		color: #dcdded;
		padding: 0 2.8rem;
		display: block;
		font-size: 1.6rem
	}
	.search p{
		color: #dcdded;
		padding: 0 2.8rem;
		display: block;
		font-size: 1.6rem
	}

	.nav ul li ul.sub {
		position: absolute;
		width: 100%;
		background: rgba(29, 32, 136, 0.6);
		padding: 5px 0;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		display: none
	}

	.nav ul li ul.sub li {
		width: 100%;
		line-height: 36px;
		box-sizing: border-box
	}

	.nav ul li ul.sub li a {
		width: 100%;
		text-align: center;
		padding: 0 .5rem;
		box-sizing: border-box;
		color: #dcdded;
		font-size: 1.5rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.nav ul li ul.sub li a:hover {
		color: #fff;
		background: #133295
	}

	.nav ul li a:hover,
	.nav ul li:hover a,
	.nav ul li.cur a {
		color: #fff
	}

	.nav .search {
		width: 30rem;
		background: #E83828;
		float: right;
		position: relative
	}

	.nav .search input,
	.nav .search button {
		background: transparent;
		border: none;
		outline: none;
		box-sizing: border-box
	}

	.nav .search input[type='text'] {
		width: 25rem;
		height: 6rem;
		line-height: 6rem;
		float: left;
		color: #fff;
		font-size: 1.5rem
	}

	.nav .search input:active {
		line-height: 3rem;
		color: #fff
	}

	.nav .search input::placeholder {
		font-size: 1.5rem;
		color: #fefefe
	}

	.nav .search button {
		width: 5rem;
		height: 6rem;
		line-height: 6rem;
		float: right;
		text-align: center
	}

	.nav .search button em {
		color: #fff;
		font-size: 2rem;
		display: block;
		cursor: pointer
	}

	.nav .search:before {
		content: '';
		height: 0;
		width: 0;
		border-top: 0;
		border-bottom: 6rem solid #E83828;
		border-left: 4rem solid transparent;
		position: absolute;
		left: -4rem
	}

	#content {
		width: 100%;
		float: left;
		position: relative;
		/* top: -3rem; */
		z-index: 1
	}

	#footer {
		width: 100%;
		float: left;
		background: #133295;
		padding: 3.5rem 0 4rem;
		color: #b1b0c8
	}

	#footer dl.detail {
		width: 45rem;
		float: left;
		border-right: .1rem solid #b1b0c8;
		margin-right: 3rem
	}

	#footer dl.detail dt img {
		height: 3.1rem;
		margin-bottom: 2rem;
		max-width: 100%;
		padding-right: 3rem;
		display: block
	}

	#footer dl.detail dd {
		width: 100%;
		float: left;
		line-height: 3rem;
		font-size: 1.4rem
	}

	#footer .linkBox {
		float: left
	}

	#footer .linkBox .frlink {
		width: 100%;
		float: left;
		margin-bottom: 2rem;
		line-height: 2.8rem;
		font-size: 1.4rem
	}

	#footer .linkBox .frlink strong {
		float: left
	}

	#footer .linkBox .frlink .select {
		width: 20rem;
		display: inline-block;
		position: relative;
		float: left;
		margin-right: 1rem
	}

	#footer .linkBox .frlink .select input {
		width: 100%;
		box-sizing: border-box;
		background: transparent;
		line-height: 3rem;
		height: 3rem;
		outline: none;
		text-indent: .5em;
		border: .1rem solid #8583a9;
		cursor: pointer;
		border-radius: .2rem;
		position: relative
	}

	#footer .linkBox .frlink .select input::placeholder {
		color: #b1b0c8
	}

	#footer .linkBox .frlink .select input:hover::placeholder {
		color: #fff
	}

	#footer .linkBox .frlink .select .option {
		width: 100%;
		box-sizing: border-box;
		border: .1rem solid #8583a9;
		float: left;
		position: absolute;
		left: 0;
		top: 2.9rem;
		max-height: 26rem;
		overflow-y: auto;
		background: rgba(255, 255, 255, 0.9);
		padding: .5rem 0;
		display: none
	}

	#footer .linkBox .frlink .select .option li {
		width: 100%;
		height: 2.6rem;
		display: block;
		float: left
	}

	#footer .linkBox .frlink .select .option li a {
		width: 100%;
		display: block;
		color: #000;
		line-height: 2.6rem;
		padding: 0 0.5em;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	#footer .linkBox .frlink .select .option li:hover {
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		cursor: pointer
	}

	#footer .linkBox .frlink .select .option li:hover a {
		color: #fff
	}

	#footer .linkBox .frlink .select::after {
		content: '';
		width: 0;
		height: 0;
		border: .5rem solid transparent;
		border-top: .6rem solid #fff;
		position: absolute;
		right: 2rem;
		top: 1.2rem
	}

	#footer .linkBox .siteMap dl {
		float: left;
		width: 7.6rem;
		margin-right: 3rem
	}

	#footer .linkBox .siteMap dl dt {
		line-height: 3.5rem;
		color: #fff;
		font-size: 1.5rem
	}

	#footer .linkBox .siteMap dl dd {
		line-height: 2.8rem;
		font-size: 1.4rem
	}

	#footer .linkBox .siteMap dl dd a {
		color: #b1b0c8
	}

	#footer .linkBox .qrcode {
		width: 16rem;
		float: left
	}

	#footer .linkBox .qrcode img {
		width: 100%;
		display: block
	}

	#footer .linkBox .qrcode span {
		width: 100%;
		float: left;
		line-height: 3.5rem;
		text-align: center;
		font-size: 1.4rem
	}
}

@media screen and (max-width: 640px) {
	.wp {
		width: 96%;
		margin: 0 auto
	}

	#header {
		width: 100%;
		float: left;
		height: 4.5rem;
		background: #fff;
		border-bottom: .1rem solid #d7d7d7;
		position: fixed;
		top: 0;
		z-index: 1000
	}

	#header .language,
	#header .link,
	#header .search {
		display: none
	}

	#header img {
		height: 2.6rem;
		margin: .7rem 0;
		float: left;
		box-sizing: border-box
	}

	#header .nav {
		width: 30%;
		float: left;
		position: absolute;
		right: -30%;
		top: 0;
		height: 100vh;
		background: rgba(29, 32, 136, 0.9);
		transition: right linear .1s
	}

	#header .nav ul {
		width: 100%;
		float: left;
		padding: 1rem;
		box-sizing: border-box
	}

	#header .nav ul li {
		line-height: 3.6rem;
		text-align: center;
		border-bottom: 1px dotted #7779b8
	}

	#header .nav ul li a {
		color: #fff;
		font-size: 1.3rem
	}

	#header .nav ul li ul.sub {
		display: none
	}

	#header .nav ul li ul.sub {

		display: none
	}
	#header .nav ul li ul.sub a{
		color: #FC6;
	}

	.nav_lang{
		display: block !important;
	}

	#header .menu {
		float: right;
		line-height: 4.5rem;
		font-size: 2.6rem;
		color: #999
	}

	#content {
		width: 100%;
		float: left;
		padding-top: 4.5rem
	}

	#footer {
		width: 100%;
		float: left;
		background: #133295;
		padding: 2.5rem 0;
		color: #fff
	}

	#footer .detail {
		width: 100%;
		float: left
	}

	#footer .detail dt img {
		height: 2.6rem;
		display: block;
		margin-bottom: 1rem
	}

	#footer .detail dd {
		line-height: 2.6rem;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.2rem
	}

	#footer .linkBox {
		display: none
	}
}

/*# sourceMappingURL=layout.css.map */