﻿.head {
	width:100%;
	height:100px;
	margin:0px auto;
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	padding: 0px 150px;
	background:#fff;
	z-index: 100;
}
.logo {
	width:35%;
	height:100px;
	background:url(../sximg/logo.jpg) no-repeat
}
.animenu_nav {
	width:45%;
	height:100px;
}
.tel {
	width:18%;
	height:100px;
	line-height:100px!important;
	background:url(../sximg/tel.jpg) no-repeat left center;
	padding-left:60px;
	font-size:22px;
	color:#005aba;
	font-weight:bold
}
.content {
	z-index: 2;
}
 @media screen and (max-width: 1680px) {
 .logo {
width:35%;
}
.animenu_nav {
width:45%;
margin-right:0%
}
 .tel {
width:20%;
}
}
 @media screen and (max-width: 1440px) {
.head {
 padding: 0px 20px;
}
 .logo {
width:37%;
}
.animenu_nav {
width:45%;
margin-right:0%
}
 .tel {
width:18%;
}
}
 @media screen and (max-width: 1280px) {
 .head {
width:100%;
height:100px;
padding: 0px 0px;
}
 .logo {
width:100%;
height:100px;
}
 .tel {
width:10%;
height:100px;
display:none
}
.animenu_nav {
width:100%;
margin-right:0%
}
}
 @media screen and (max-width: 1024px) {
}
 @media screen and (max-width: 768px) {
 .animenu_nav {
 height:0px;
}
}
 @media screen and (max-width: 414px) {
 .head {
width:100%;
height:60px;
padding: 0px 0px;
}
 .logo {
width:90%;
height:60px;
background:url(../sximg/iap_logo.jpg) no-repeat
}
}
/*** 

/*** 

====================================================================
		Banner
====================================================================

***/

.banner-section {
	position: relative;
	z-index:1;
}
.showcase {
	height: 738px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 0px;
	margin-top:0px;
}

.showcase h1 {
	font-weight:bold;
}
.showcase .content {
	opacity: 0.7;
}

.content {
	z-index: 2;
}
.banner_bot {
	width:100%;
	height:100px
}
 @media screen and (max-width: 1680px) {
.showcase {
height:646px;
}
}
 @media screen and (max-width: 1440px) {
.showcase {
height:554px;
}
 @media screen and (max-width: 1366px) {
 .showcase {
height:524px;
}
}
 @media screen and (max-width: 1280px) {
 .showcase {
height:492px;
}
}
 .video-container video {
width:100%;
height:auto;
min-height:inherit
}
}
 @media screen and (max-width: 1024px) {
 .tel {
display:none
}
}
 @media screen and (max-width: 1024px) {
 .showcase {
height:394px;
}
}
 @media screen and (max-width: 768px) {
	 
	 
	 .showcase {
height:295px;
} 
	 
}
 @media screen and (max-width: 414px) {
.showcase {
height:210px;
}
.banner_bot {
width:100%;
height:60px
}
.video-container {
top: 60px;
}
}
/*** 

====================================================================
		内页Banner
====================================================================

***/

.banner-section {
	position: relative;
	z-index:1;
}
.nr_showcase {
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 0px;
	margin-top:0px
}
.inner-container {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--primary-color) url('../img/cover.jpg') no-repeat center  center/cover;
}
.nr_showcase h4 {
	position: absolute;
	top: 80%;
	text-align:left;
	font-size:40px
}
.nr_showcase .location {
	position: absolute;
	top: 95%;
	text-align:left
}
.nr_showcase .content {
	opacity: 0.7;
}
.inner-container img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
 @media screen and (max-width: 1680px) {
.nr_showcase {
height:307px;
}
}
 @media screen and (max-width: 1440px) {
.nr_showcase {
height:263px;
}
 .inner-container img {
width:100%;
height:auto;
min-height:inherit
}
}
 @media screen and (max-width: 1024px) {
 .nr_showcase {
height:187px;
}
}
 @media screen and (max-width: 768px) {
.nr_showcase {
height:140px;
}
}
 @media screen and (max-width: 414px) {
.nr_showcase {
height:76px;
}
 .inner-container {
top: 60px;
}
}
/*** 

====================================================================
		内页Banner
====================================================================

***/

.banner-section {
	position: relative;
	z-index:1;
}
.nr_showcase {
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 0px;
	margin-top:0px
}
.inner-container {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--primary-color) url('../img/cover.jpg') no-repeat center  center/cover;
}
.nr_showcase h4 {
	position: absolute;
	top: 80%;
	text-align:left;
	font-size:40px
}
.nr_showcase .location {
	position: absolute;
	top: 95%;
	text-align:left
}
.nr_showcase .content {
	opacity: 0.7;
}
.inner-container img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
 @media screen and (max-width: 1680px) {
.nr_showcase {
height:307px;
}
}
 @media screen and (max-width: 1440px) {
.nr_showcase {
height:263px;
}
 .inner-container img {
width:100%;
height:auto;
min-height:inherit
}
}
 @media screen and (max-width: 1024px) {
 .nr_showcase {
height:187px;
}
}
 @media screen and (max-width: 768px) {
.nr_showcase {
height:140px;
}
}
 @media screen and (max-width: 414px) {
.nr_showcase {
height:76px;
}
 .inner-container {
top: 60px;
}
}
