@font-face{
	font-family:myFirstFont;
	src:url(../images/SourceHanSansCN-Medium.otf);
}

@font-face{
	font-family:mySecondFont;
	src:url(../images/NHaasGroteskDSStd-55Rg.otf);
}

@font-face{
	font-family:myThirdFont;
	src:url(../images/SourceHanSansCN-Regular.otf);
}

@font-face{
	font-family:myFourthFont;
	src:url(../images/NHaasGroteskDSStd-55Rg.otf);
}

@font-face{
	font-family:myFifthFont;
	src:url(../images/SourceHanSansCN-Heavy.otf);
}

@font-face{
	font-family:mySixthFont;
	src:url(../images/SourceHanSansCN-Bold.otf);
}

html,body{
	background:#fff;
	font-family:myFirstFont;
}

body{
	max-width:1920px;
	margin:0;
}

@media screen and (max-width:768px){
	body{
		height:100%;
		font-size:16px;
	}
}

.oFilter{
	mix-blend-mode:luminosity;
}

@media screen and (max-width:768px){
	.oFilter{
		mix-blend-mode:normal
	}
}

.head{
	width:100%;
	height:45vw;
	position:relative;
	cursor:pointer;
}

@media screen and (max-width:768px){
	.head{
		height:auto;
	}
}

.oCrown{
	width:100%;
	height:0.9375vw;
	background:#00aeeb;
	display:none;
}

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

	.oCrown{
		display:block;
	}
}

.head .oImg{
	width:100%;
	height:100%;
	background-color:#00aeeb;
	position:relative;
}

@media screen and (max-width:768px){
	.head .oImg{
		margin-top:23px;
	}
}

.head .oImg img{
	display:block;
	max-width:100%;
	height:45vw;
}

.head_main{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.toper{
	width:91%;
	margin:2.08vw auto 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	position:relative;
}

.toper .logo{
	width:8.5%;
}

.toper .logo img{
	display:block;
	max-width:100%;
}

.toper .oldLogo{
	display:none;
}

@media screen and (max-width:1000px){
    .toper .newLogo{
		display:none;
	}

	.toper .oldLogo{
		display:block;
	}

	.toper{
		align-items:center;
	}

	.toper .logo{
		width:175px;
	}
}

@media screen and (max-width:768px){
	.head_main{
		position:relative;
	}

	.toper{
		margin:25px auto 0 auto;
	}
	.toper .logo{
		width:25.7%;
	}

	.toper .newLogo{
		display:none;
	}

	.toper .oldLogo{
		display:block;
	}
}

.toper .nav{
	width:78%;
	font-size:1.25vw;
	line-height:1.8vw;
	font-weight:normal;
	color:#000;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	overflow:hidden;
}

.toper .nav .nav_1st{
	width:13.5%;
}

.toper .nav .nav_2nd{
	width:25.9%;
}

.toper .nav .nav_3rd{
	width:17%;
}

.toper .nav .nav_4th{
	width:21.8%;
}

.toper .nav .nav_5th{
	width:21.8%;
}

.toper .anish{
	position:absolute;
	left:-100000px;
	top:-10000px;
}

@media screen and (max-width:1000px){
	.toper .nav{
		display:none;
	}

	.switching{
		display:none;
	}
}

.toper .nav li a{
	color:#fff;
	text-decoration:none;
}

.toper .nav .active{

	font-weight:bold;
	color:#00aeeb;
}

.toper .nav .active a{
	color:#00aeeb;
}

.toper .nav .hover{
	color:#00aeeb;
}

.toper .nav .hover a{
	color:#00aeeb;
}

.oSearch{
	width:82%;
	height:100%;
	position:absolute;
	left:12%;
	top:0;
	transform:translateY(-200%);
	display:flex;
	align-items:center;
}

.oSearch form{
	width:100%;
	display:flex;
}

.oSearch .doSearch{
	width:2.6%;
	border:none;
	padding:0;
	margin:0;
	background:none;
	margin-right:10px;
}

.oSearch .doSearch img{
	display:block;
	max-width:100%;
}

.oSearch .oInput{
	width:94.3%;
	font-size:1.3vw;
	line-height:1.3vw;
	color:#ccc;
	border:none;
	outline:none;
}

.toper .open{
	transform:translateY(30%);
}

.toper .close_search{
	width:1.7%;
	border:none;
	padding:0;
	background:none;
}

.toper .close_search img{
	display:block;
	width:100%;
}

.toper .search{
	width:1.7%;
	border:none;
	background:none;
	outline:none;
	padding:0;
}

.toper .search img{
	display:block;
	max-width:100%;
}

.toper .switching{
	width:4.5%;
	font-size:0.94vw;
	line-height:0.94vw;
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	margin:0;
	overflow:hidden;
}

@media screen and (max-width:1000px){
	.toper .switching{
		display:none;
	}

	.toper .search{
		display:none;
	}
}

.toper .switching em{
	font-style:normal;
}

.toper .switching a{
	color:#fff;
}

.toper .switching .en{
	font-family:myFourthFont;
}

.toper .switching .active{
	color:#00aeeb;
}

.navbar-toggle{
	display:none;
}

@media screen and (max-width:1000px){
	.navbar-toggle{
		display:block;
		width:45px;
		height:29px;
		background:url(../images/navbar_toggle.png) no-repeat;
		background-size:100% 100%;
		border:none;
		outline:none;
		padding:0;
	}
}

@media screen and (max-width:768px){
	.navbar-toggle{
		width:35px;
		height:23px;
	}

	.shrink{
		height:18px;
		background:url(../images/shrink_img.png) no-repeat;
		background-size:100% 100%;
	}
}

.phonenav{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	overflow:hidden;
	position:absolute;
	z-index:999;
	left:0;
	top:91px;
}

.phonenav ul{
	width:100%;
	padding:20px 0 33px 0;
	background:#fff;
}

.phonenav ul li{
	list-style:none;
	line-height:20px;
	font-size:20px;
	color:#000;
	text-indent:9px;
	margin-bottom:15px;
}

.phonenav ul .active{
	font-family:myFifthFont;
	color:#00aeeb;
}

.phonenav ul li a{
	color:#000;
    display:inline-block;
    width:100%;
    transition:0.3s;
    text-decoration:none;
}

.phonenav ul .active a{
	color:#00aeeb;
}

.phonenav .openSearch{
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../images/search_black.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:20px;
	top:20px;
	border:none;
	outline:none;
	padding:0;
}

.phonenav .toEn{
	font-size:20px;
	line-height:20px;
	position:absolute;
	right:20px;
	bottom:52%;
	color:#000;
}

.searchphone{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	overflow:hidden;
	position:absolute;
	z-index:999;
	left:0;
	top:91px;
}

.searchphone .searMain{
	width:100%;
	height:60px;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	overflow:hidden;
}

.searchphone .searMain input[type='text']{
	width:80%;
	border:none;
	font-size:20px;
	line-height:25px;
	color:#00aeeb;
	outline:none;
	padding:0;
}

.searchphone .searMain button{
	width:23px;
	height:23px;
	background:url(../images/close_black.png) no-repeat;
	background-size:100% 100%;
	border:none;
	outline:none;
	padding:0;
	margin-right:10px;
}

.main{
	width:100%;
	background:#00aeeb;
	padding:4.17vw 0 5.52vw 0;
}

.lead{
	width:84.9%;
	margin:0 auto;
}

.lead h3{
	font-size:3.125vw;
	line-height:3.125vw;
	font-family:mySixthFont;
	color:#fff;
}

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

	.lead h3{
		font-size:15px;
		line-height:15px;
	}
}

.lead div{
	font-size:1.56vw;
	line-height:2.4vw;
	font-family:myThirdFont;
	color:#fff;
	margin-top:3.9vw;
	margin-bottom:6.8vw;
}

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

	.lead p{
		font-size:2.56vw;
		line-height:3vw;
	}
}

.unit{
	width:93.1%;
	height:28.59vw;
	margin:0 auto 1.72vw auto;
	display:flex;
}

.unit .unit_name{
	width:33.8%;
	height:28.59vw;
	font-family:myFifthFont;
}

.unit .unit_name h4{
	font-size:3.65vw;
	line-height:3.65vw;
	color:#fff;
	margin:2.18vw 0 0 1.82vw;
}

@media screen and (max-width:768px){
	.unit .unit_name h4{
		font-size:3.85vw;
		line-height:3.85vw;
	}
}

.unit .unit_name p{
	width:80%;
	font-size:3.23vw;
	line-height:4.06vw;
	color:#fff;
	margin-left:1.82vw;
}

@media screen and (max-width:768px){
	.unit .unit_name p{
		font-size:3.43vw;
		line-height:4.06vw;
	}
}

.unit .unit_main{
	/*width:59.06vw;
	height:28.59vw;*/
	width:62.9%;
	height:100%;
	overflow:hidden;
}

.unit .unit_main ul{
	height:100%;
}

.unit .unit_main ul li{
	display:inline-block;
	width:28.9vw;
	height:100%;
	background:#447383;
	float:left;
	position:relative;
	cursor:pointer;
}


.unit .unit_main ul li img{
	max-width:100%;
	height:100%;
}

.unit .unit_main ul li p{
	width:95%;
	font-size:2.5vw;
	line-height:2.5vw;
	color:#fff;
	position:absolute;
	left:0;
	bottom:2.29vw;
	margin-left:5%;
	word-break:break-all;
	word-wrap:break-word; 
}

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

	.unit .unit_main ul li p{
		font-size:3.5vw;
		line-height:3.5vw;
	}
}

.unit button{
	width:3.2%;
	height:28.59vw;
	border:none;
	outline:none;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.unit button img{
	display:block;
	width:1.09vw;
	height:1.72vw;
}

.unit .unit_content{
	width:66.2%;
	height:100%;
	background:#8da1a8;
}

.unit .unit_content p{
	font-family:myThirdFont;
}

.Funit .unit_name{
	background:#00c7b1;
}

.Funit button{
	background:#00c7b1;
}

.Sunit .unit_name{
	background:#facd01;
}

.Sunit .unit_name p{
	width:90%;
}

.Sunit button{
	background:#facd01;
}

.Thunit .unit_name{
	background:#2a9941;
}

.Thunit .unit_name p{
	width:90%;
}

.Thunit .unit_main{
	width:66.2%;
}

.Thunit .unit_main ul li{
	width:30.4vw;
}

.Fourunit .unit_name{
	background:#ff740d;
}

.Fourunit .unit_content h5,.Fourunit .unit_content p{
	width:76.8%;
	margin-left:1.93vw;
}

@media screen and (max-width:768px){
	.Fourunit .unit_content p{
		width:93.8%;
	}
}

.Fourunit .unit_content h5{
	font-size:2.5vw;
	line-height:2.5vw;
	color:#fff;
	font-family:mySixthFont;
	margin-top:1.82vw;
}

@media screen and (max-width:768px){
	.Fourunit .unit_content h5{
		font-size:3.5vw;
		line-height:3.5vw;
	}
}

.Fourunit .unit_content .subtitle{
	font-size:2.08vw;
	line-height:2.08vw;
	color:#fff;
	margin-top:1.51vw;
}

@media screen and (max-width:768px){
	.Fourunit .unit_content .subtitle{
		font-size:2.68vw;
		line-height:2.68vw;
	}
}

.Fourunit .unit_content .abstr{
	font-size:1.56vw;
	line-height:2.5vw;
	margin-top:5.625vw;
	color:#fff;
}

@media screen and (max-width:768px){
	.Fourunit .unit_content .abstr{
		font-size:1.9vw;
		margin-top:3.5vw;
	}
}

.Fourunit .unit_content .oTime{
	font-size:1.875vw;
	line-height:1.875vw;
	color:#fff;
	margin-top:4.17vw;
}

@media screen and (max-width:768px){
	.Fourunit .unit_content .oTime{
		font-size:2.275vw;
		line-height:2.275vw;
	}
}

.Fourunit button{
	background:#ff740d;
}

.Fifunit .unit_name{
	background:#f16177;
}

.Fifunit .unit_content h5,.Fifunit .unit_content p{
	width:76.8%;
	margin-left:1.93vw;
}

@media screen and (max-width:768px){
	.Fifunit .unit_content p{
		width:93.8%;
	}
}

.Fifunit .unit_content h5{
	font-size:2.5vw;
	line-height:2.5vw;
	color:#fff;
	font-family:mySixthFont;
	margin-top:1.82vw;
}

@media screen and (max-width:768px){
	.Fifunit .unit_content h5{
		font-size:3.5vw;
		line-height:3.5vw;
	}
}

.Fifunit .unit_content .subtitle{
	font-size:2.08vw;
	line-height:2.08vw;
	color:#fff;
	margin-top:1.51vw;
}

@media screen and (max-width:768px){
	.Fifunit .unit_content .subtitle{
		font-size:2.68vw;
		line-height:2.68vw;
	}
}

.Fifunit .unit_content .abstr{
	font-size:1.56vw;
	line-height:2.5vw;
	margin-top:5.625vw;
	color:#fff;
}

@media screen and (max-width:768px){
	.Fifunit .unit_content .abstr{
		font-size:1.9vw;
		margin-top:3.5vw;
	}
}

.Fifunit .unit_content .oTime{
	font-size:1.875vw;
	line-height:1.875vw;
	color:#fff;
	margin-top:4.17vw;
}

@media screen and (max-width:768px){
	.Fifunit .unit_content .oTime{
		font-size:2.275vw;
		line-height:2.275vw;
	}
}

.Fifunit button{
	background:#f16177;
}

.foot{
	width:100%;
	padding:4.32vw 0 2.97vw 0;
	background:#cccccc;
}

@media screen and (max-width:768px){
	.foot{
		padding:4% 0;
	}
}

.oFoot{
	width:91%;
	margin:0 auto;
	position:relative;
}

.oFoot .upward{
	width:6%;
	font-size:1.03vw;
	line-height:1.03vw;
	color:#000;
	position:absolute;
	top:0;
	right:0;
	text-decoration:none;
	display:flex;
	justify-content:space-between;
}

.oFoot .upward img{
	width:0.88vw;
	height:0.88vw;
}

.oFoot ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}

.oFoot ul .oList{
	width:22.8%;
	list-style:none;
	margin-right:5.4%;
}


.oFoot ul .tList{
	width:27.8%;
	list-style:none;
	margin-right:6.7%;
}


@media screen and (max-width:1000px){

	.oFoot .upward{
		display:none;
	}
}

.oFoot ul li div{
	margin-bottom:1.67vw;
}

.oFoot ul li h5{
	font-size:1.03vw;
	line-height:1.03vw;
	color:#000;
	margin-bottom:0.625vw;
}

.oFoot ul li p{
	font-size:0.9375vw;
	line-height:1.15vw;
	color:#666666;
	margin-bottom:0.9375vw;
	display:flex;
	font-family:mySecondFont;
}

.oFoot ul li p a{
	color:#666666;
}

.oFoot ul li p em{
	display:inline-block;
	font-style:normal;
	width:17%;
}

.oFoot ul .tList p{
	width:85%;
}

.oFoot ul .tList .address span{
	display:inline-block;
	width:78%;
}

.oFoot .thList div{
	width:8.125vw;
	height:2.86vw;
	display:flex;
	justify-content:space-between;
}

.oFoot .thList div p{
	width:2.86vw;
	height:100%
}

.oFoot .thList div .wechat{
	background:url(../images/wechat_img.png) no-repeat;
	background-size:100% 100%;
	position:relative;
}

.oFoot .thList div .wechat_color{
	background:url(../images/wechat_color_img.png) no-repeat;
	background-size:100% 100%;
}

.oFoot .thList div .wechat img{
	width: 8vw;
    height: 8vw;
    position: absolute;
    left: 50%;
    bottom: -8.5vw;
    margin-left: -4vw;
    display:none;
}

.oFoot .thList div .weibo a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/weibo_img.png) no-repeat;
	background-size:100% 100%;
}

.oFoot .thList div .weibo .weibo_color{
	background:url(../images/weibo_color_img.png) no-repeat;
	background-size:100% 100%;
}


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

	.oFoot ul li{
		width:85% !important;
	}

	.oFoot ul .oList{
		margin-right:0;
		display:flex;
		flex-wrap:wrap;
	}

	.oFoot ul li div{
		width:100%;
		margin-bottom:20px;
	}

	.oFoot ul li h5{
		font-size:12px;
		line-height:12px;
		color:#000;
		margin-bottom:8px;
	}

	.oFoot ul li p{
		font-size:10px;
		line-height:15px;
	}

	.oFoot ul .tList{
		margin-bottom:20px;
	}

	.oFoot ul li p em{
		width:10%;
	}

	.oFoot ul .thList div{
		width:64px;
		height:25px;
		margin-top:13px;
	}

	.oFoot ul .thList div p{
		width:25px;
		height:25px;
	}

	.oFoot ul .thList div .wechat img{
		width:100px;
		height:100px;
		position:absolute;
		top:-104px;
	}
}

.oFoot .oBottom{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:4.48vw;
}

.oFoot .oBottom span{
	font-size:1.24vw;
	line-height:1.24vw;
	color:#333;
}

@media screen and (max-width:768px){
	.oFoot .oBottom{
		display:block;
		position:relative;
		margin-top:30px;
	}

	.oFoot .oBottom span{
		font-size:10px;
		line-height:10px;
		position:absolute;
		left:0;
		bottom:0;
		word-spacing: -2px;
	}
}