@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	border: 0;
	font-family: "myFont",HelveticaNeue-Light,SimHei;
	outline: none;
}

img {
	display: block;
	width: 100%;
	height: 100%;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}


/* @font-face {
	font-family: 'myFont';
	src: url('myfont/pingfang.ttf');
	src: url('myfont/pingfang.eot') format('eot'),
		url('myfont/pingfang.svg') format('svg'),
		url('myfont/pingfang.woff') format('woff');
	font-style: normal;
} */

@font-face {
	font-family: 'myFont';
	src: url('myfont/HelveticaNeue.ttc');
	font-style: normal;
}

/* 导航 */
.nav {
	width: 15.6vw;
	height: 100%;
	position: fixed;
	left: -15.6vw;
	top: 0;
	z-index: 80;
	padding-top: 6.48vh;
	background: rgba(0, 0, 0, .7);
}

.nav .head {
	width: 100%;
	height: 6.29vh;
	padding-left: 10%;

}

.nav .head img {
	width: auto;
	margin: 0 auto;
	max-width: 80%;
	height: auto;
	cursor: pointer;
}

/* .nav .head img:nth-child(2) {
	width: 14%;
	height: 38%;
	margin: 8.8% auto;
}

.nav .head img:nth-child(2):hover {
	cursor: pointer;
} */

.nav>ul {
	width: 100%;
	height: auto;
	padding-top: 3.7vh;
}

.nav>ul>li {
	width: 100%;
	margin-bottom: 2px;
	height: 5vh;
}

.nav>ul>li>a:link,
.nav>ul>li>a:visited {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 5vh;
	text-align: center;
	color: #2f88a8;
	font-size: 16px;
	background: rgba(0, 0, 0, .2)
}

.nav>ul>li>a:hover {
	cursor: pointer;
	color: #bdccd3;
}

.nav>ul>li>a.active {
	color: #bdccd3;
	border-right: 2px solid #d6a361;
	background: transparent;
}

.menu_show {
	width: 1.9vw;
	height: 2.4vh;
	position: fixed;
	left: 4vw;
	top: 8vh;
	z-index: 80;
}

.menu_show:hover {
	cursor: pointer;
}

@media only screen and (min-width: 1280px) and (max-width: 1680px) {

	.nav>ul>li>a:link,
	.nav>ul>li>a:visited {
		font-size: 14px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {

	.nav>ul>li>a:link,
	.nav>ul>li>a:visited {
		font-size: 14px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	.nav>ul>li>a:link,
	.nav>ul>li>a:visited {
		font-size: 14px;
	}
}

@media only screen and (max-width: 920px) {
	.nav {
		width: auto;
		background: rgba(0, 0, 0, .8);
	}
}


/*-----公共上边的图--------*/
body {
	font-size: 16px
}

.a {
	width: 100%;
	height: auto;
	overflow: hidden
}

.main {
	max-width: 1200px;
	margin: 0 auto
}

.swiper-container-banner {
	width: 100%;
	height: auto;
	max-height:100vh;
	overflow: hidden
}
.swiper-container-banner .swiper-wrapper{
	height:100vh;
}
.swiper-container-banner .swiper-slide >img{
	width:100%;
	height:100%;
}

.pub2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: auto;
	max-height:100vh;
}

.pub2 h1,
.pub2 h2,
.pub2 p {
	max-width: 1200px;
	height: auto;
	color: #fff;
	margin: 0 auto;
	font-weight: normal;
}

.pub2 h1 {
	margin-top: 20vh;
	font-size: 4rem;
}

.pub2 h2 {
	margin-bottom: 1rem;
	font-size: 2rem;
	color: #61c1e7
}

.pub2 h2 div {
	width: 40%;
	border-bottom: 1px solid #61c1e7;
	padding-bottom: 2rem;
}

.pub2 p {
	margin-top: 2rem;
	font-size: 1.8rem;
	font-weight:100;
}

.pub2 p a {
	font-weight: 100
}

/*---公共二级底部----------*/

.pfoot1 {
	width: 100%;
	/* max-height: 10rem; */
	overflow: hidden;
	margin-top: 10px !important;
}

.pfoot1 .swiper-slide {
	position: relative;
	height:11.72vw;
}

.pfoot1 .swiper-slide div {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
	text-align: left;
	display: none
}
.pfoot1 .swiper-slide:hover div{
	display: block;
}
.pfoot1 .swiper-slide div h1,
.pfoot1 .swiper-slide div p {
	width: 80%;
	margin: 0 10%;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 100
}

.pfoot1 .swiper-slide div h1 {
	margin-top: 3rem;
	padding-bottom: 0.5rem;
	position: relative;
	/* border-bottom: 1px solid #fff */
}
.pfoot1 .swiper-slide div h1:after{
	content: '';
	width:30%;
	position: absolute;
	height:1px;
	background:#fff;
	left:0;
	bottom:0;
}
.pfoot1 .swiper-slide div p {
	margin-top: 1rem;
	font-size: 1rem
}

.pfoot2 {
	width: 100%;
	padding-top: 4rem;
	overflow: hidden;
	padding-bottom: 2rem
}

.pfoot2 ul {
	width: 100%
}

.pfoot2 li {
	float: left;
	width: auto;
	margin-right: 1rem;
	font-size: 0.8rem;
	color: #61c1e7;
	
}
.pfoot2 li>a:link,
.pfoot2 li>a:visited{
	color: #61c1e7;
}
.pfoot2 li>a:hover {
	color: #fff;
	cursor: pointer
}

.pfoot2 li:nth-child(1) {
	margin-right: 2rem;
	color: #fff
}

.pfoot3 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 3rem;
	overflow: hidden;
	padding-bottom: 10rem
}

.pfoot3_1 {
	width: 50%;
	height: auto;
	float: left;
}

.pfoot3_2 {
	width: 50%;
	height: 10rem;
	float: right;
}

.pfoot3_1 p,
.pfoot3_2 p {
	width: 100%;
	height: auto;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 0.8rem
}

.pfoot3_1 p img {
	width: 1rem;
	height: 1rem;
	margin-right: 1rem;
	vertical-align: middle;
	display: inline
}

.pfoot3_1 p a {
	vertical-align: middle;
	font-size: 0.8rem;
}

.pfoot3_1 p:nth-child(1) {}

.pfoot3_1 p:nth-child(1) img {
	width: 70%;
	height: auto;
	border-bottom: 1px solid #61c1e7;
	padding-bottom: 1rem
}

.pfoot3_2 div:nth-child(1) {
	margin-bottom: 1rem
}

.pfoot3_2 div:nth-child(1) img {
	width: 6%;
	display: inline;
	vertical-align: middle;
	margin-right: 1rem
}

.pfoot3_2 div:nth-child(1) a {
	color: #d9a462;
	font-size: 2.5rem;
	font-weight: bolder
}

.pfoot3_2 div:nth-child(2) {
	width: 100%;
	height: auto;
	overflow: hidden
}

.pfoot3_2 div:nth-child(2) ul {
	width: 100%
}

.pfoot3_2 div:nth-child(2) li {
	width: 35%;
	float: left;
	text-align: center;
	color: #fff
}

.pfoot3_2 div:nth-child(2) li img {
	width: 45%;
	height: auto;
	margin: 0.5rem auto
}

/*----公共右侧-----*/
.all_right {
	position: fixed;
	right: 0;
	bottom: 2px;
	z-index: 100;
	width: 3em;
	height: auto;
}

.all_right ul {
	width: 100%;
	height: auto
}

.all_right ul li {
	width: 100%;
	margin-bottom: 2px;
	background: #02143c;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.all_right ul li img {
	max-width: 100%;
	height: auto;
	cursor: pointer
}

.nav .head img:nth-child(1) {
	width: auto;
	height: auto;
}
.all_right>div{
	width: 100%;
	height: auto;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	margin-bottom: 2px;
	padding:15% 0;
}
.english{
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

.articlebook{
	width: 100%;
    height: auto;
    padding: 2rem 5%;
    background: #fff;
	max-width: 1200px;
    margin: 0 auto;
}
.articlebook>p{
	line-height:2rem;
}


/*---手机版情况公共样式-----*/
@media only screen and (max-width: 920px) {
	body {
		font-size: 12px
	}

	.swiper-container-banner .swiper-slide:nth-child(1)>div .english {
		font-size: 14px;
	}

	.swiper-container-banner .swiper-slide:nth-child(1)>div .intro {
		font-size: 22px;
	}

	.main {
		max-width: 100%;
	}

	.pub2 {
		width: 80%;
		margin: 0 10%
	}

	.pub2 h1 {
		font-size: 2rem;
		margin-top: 1rem
	}

	.pub2 h2 {
		margin-bottom: 0rem;
		font-size: 1.2rem;
	}

	.pub2 h2 div {
		width: 40%;
		border-bottom: 1px solid #d9a462;
		padding-bottom: 0rem;
	}

	.pub2 p {
		margin-top: 1rem;
		font-size: 1rem;
	}

	.swiper-container {
		height: auto
	}

	.news1 h1 {
		font-size: 1.5rem;
	}

	.news1 span[name='title'] {
		font-size: 1.2rem
	}

	.pfoot2 {
		width: 100%;
		padding: 2rem 5%
	}

	.pfoot2 ul li:nth-child(1) {
		width: 100%;
		margin-bottom: 1rem
	}

	.pfoot3_1,
	.pfoot3_2 {
		width: 100%;
		padding: 0 5%
	}

	.pfoot3_2 div {
		width: 100%
	}

	.pfoot3_2 div:nth-child(1) a {
		font-size: 1.5rem
	}

	.pfoot3_2 div:nth-child(2) ul li {
		width: 50%
	}

	.nav {
		width: auto;
		background: rgba(0, 0, 0, .8);
	}

	.menu_show {
		width: auto
	}

	.pfoot1 .swiper-slide div {
		display: none;
		width: 0;
		height: 0;
		visibility: hidden
	}

	.yewu1 li {
		width: 49%
	}

	.yewu1 li div {
		max-width: 40vw;
	}

	.pfoot1 .swiper-slide div {
		display: none;
		width: 0;
		height: 0;
		overflow: hidden
	}

}