.nav{
	flex: 1;
}
.nav>ul{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.nav>ul>li{
	position: relative;
	z-index: 999;
}
.nav>ul>li>a{
	display: inline-block;
	font-size: 0.36rem;
	line-height: 1.8rem;
	padding: 0 0.9rem;
}
.nav>ul>li>a:hover{
	color: #0062af;
}
.nav>ul>li:hover .drop-menu{
	display: block;
}
.drop-menu{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	min-width: 100%;
}
.drop-menu p>a{
	font-size: 0.28rem;
	display: block;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,.2);
	line-height: 1rem;
	white-space: nowrap;
}
.drop-menu p>a:hover{
	background-color: #0062af;
}
.search-form{
	position: relative;
	z-index: 99;
	padding-left: 0.7rem;
	margin-left: 0.7rem;
	border-left: 1px solid rgba(0,0,0,.25);
}
.search-form input{
	width: 4rem;
	font-size: 0.26rem;
	line-height: 0.6rem;
	padding: 0 10px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.35);
}
.search-form input:focus{
	border-color: #0062af;
}
.search-form button{
	position: absolute;
	top: 0;
	line-height: 0.6rem;
	right: 10px;
	font-size: 0.4rem;
}
.search-form button:hover{
	color: #0062af;
}


/*主页*/
.index-title{
	padding: 1rem 0;
}
.title-box .iconfont{
	font-size: 1rem;
	margin-right: 0.2rem;
	color: #d7241f;
}
.title-box .title{
	font-weight: normal;
	font-size: 0.72rem;
}
.title-box .sub-title{
	font-size: 0.48rem;
	font-family: helvetica;
	text-transform: uppercase;
	color: #ddd;
	font-style: italic;
	font-weight: 900;
}
.index-label{
	display: flex;
}
.index-label a{
	position: relative;
	display: block;
	font-size: 0.36rem;
	line-height: 1rem;
	padding: 0 0.5rem;
}
.index-label a::after{
	content: '';
	left: 50%;
	bottom: 0;
	font-size: 0;
	display: block;
	width: 0%;
	height: 2px;
	background-color: #d7241f;
	transition: all .35s ease-in-out;
}
.index-label a:hover::after{
	left: 0;
	width: 100%;
}
.list-pic>a{
	display: block;
	transition: all .35s ease-in-out;
	margin-bottom: 0.4rem;
}
.list-pic .pic{
	overflow: hidden;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 9;
	padding-top: 70%;
}
.list-pic img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s ease-in-out;
}
.list-pic .title{
	font-size: 0.36rem;
	padding: 0.5rem;
}
.list-pic>a:hover{
	background-color: #D7241F;
	color: #fff;
}
.list-pic>a:hover img{
	transform: translate(-50%,-50%) scale(1.2);
}
.list-pro>a{
	display: block;
	margin-bottom: 0.3rem;
}
.list-pro .pic{
	position: relative;
	z-index: 99;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #eee;
}
.list-pro .pic::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	background-image: linear-gradient(to top,#0094de,#dd2a21);
	opacity: 0.4;
	transform: scale(0) rotateZ(45deg);
	transition: all .5s ease-in-out;
} 
.list-pro .pic img{
	position: absolute;
	width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.list-pro .title{
	font-size: 0.32rem;
	text-align: center;
	padding: 0.3rem;
	font-family: helvetica;
}
.list-pro>a:hover .pic::after{
	transform: scale(1) rotateZ(360deg);
}
.list-pro>a:hover .title{
	color: #D7241F;
}
.index-about{
	padding: 1.2rem 0;
	width: 24rem;
	max-width: 100%;
	margin: 0 auto;
}
.index-about .text{
	margin-top: .7rem;
}
.index-about .text p{
	text-align: justify;
	text-indent: 2em;
	font-size: 0.28rem;
	margin-bottom: 0.3rem;
	line-height: 1.8;
}
.news-hasPic>a{
	position: relative;
	display: block;
	overflow: hidden;
}
.news-hasPic .pic{
	position: relative;
	width: 100%;
	height: 0;
	z-index: 99;
	padding-top: 55%;
	overflow: hidden;
}
.news-hasPic .pic img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s ease-in-out;
}
.news-hasPic .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 9999;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	transition: all .35s ease-in-out;
}
.news-hasPic .text .title{
	flex: 1;
	padding: 0.5rem;
	font-size: 0.48rem;
}
.news-hasPic .text .date{
	background-color: #D7241F;
	font-family: helvetica;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.6rem;
	font-size: 0.52rem;
	font-weight: 900;
}
.news-hasPic>a:hover .pic img{
	transform: translate(-50%,-50%) scale(1.2);
}
.news-hasPic>a:hover .text{
	background-color: #000;
}

.news-item>a{
	display: flex;
	margin-bottom: 0.7rem;
	border: 1px solid #ddd;
}
.news-item .date{
	color: #fff;
	background-color: #D7241F;
	padding: 0.3rem 0.5rem;
	text-align: center;
	font-family: helvetica;
	transition: all .35s ease-in-out;
}
.news-item .date .day{
	font-size: 0.72rem;
	line-height: 1;
	font-weight: 900;
}
.news-item .date .year{
	font-size: 0.32rem;
}
.news-item .text{
	flex: 1;
	overflow: hidden;
	background-color: #fff;
	padding: 0.3rem;
}
.news-item  .text .title{
	font-size: 0.36rem;
	color: #000;
	padding-bottom: 0.3rem;
}
.news-item .text .description{
	font-size: 0.28rem;
	color: #999;
}
.news-item>a:hover .date{
	background-color: #0062AF;
}
.footer{
	padding-top: 1rem;
	background-color: #002d52;
	color: #fff;
}
.foot-logo{
	margin-right: 2rem;
}
.foot-logo .title{
	font-size: 0.36rem;
	font-weight: 900;
	margin-top: 0.3rem;
}
.foot-logo .sub-title{
	margin-top: 0.2rem;
	font-size: 0.32rem;
	font-family: helvetica;
	text-transform: uppercase;
}
.foot-item{
	margin-right: 2rem;
}
.foot-item .title{
	font-size: 0.36rem;
	margin-bottom: 0.5rem;
}
.foot-item  p{
	font-size: 0.28rem;
	line-height: 0.8rem;
	color: rgba(255,255,255,.6);
}
.foot-item  p:hover{
	color: #fff;
}
.foot-ewm img{
	padding: 0.3rem;
	margin: 0.3rem;
	background-color: #fff;
	border-radius: 8px;
}
.foot-ewm p{
	font-size: 0.32rem;
	text-align: center;
	margin-top: 0.4rem;
	color: rgba(255,255,255,.6);
}
.copyright{
	border-top: 1px solid rgba(255,255,255,.2);
	margin-top: 0.5rem;
	text-align: center;
	font-size: 0.32rem;
	padding: 0.2rem ;
	color: rgba(255,255,255,.6);
}
.copyright:hover{
	color: #fff;
}
.page-position a,.iconfont{
	font-size: 0.36rem;
	color: #666;
}
.page-position a:hover{
	color: #0062AF;
}
.page-header .container>div{
	height: 1.4rem;
}
.page-label ul{
	display: flex;
}
.page-label ul li a{
	display: inline-block;
	line-height: 1.4rem;
	font-size: 0.36rem;
	padding: 0 0.7rem;
}
.page-label ul li a:hover,.page-label ul li.active a{
	background-color: #0062AF!important;
	color: #fff!important;
}
.page-title{
	padding: 0.8rem 0;
	text-align: center;
	position: relative;
}
.page-title .title{
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 2px;
	color: #0062AF;
	margin-bottom: 0.4rem;
}
.page-title .line{
	display: inline-block;
	width: 1.5rem;
	height: 6px;
	background-color: #D7241F;
	position: relative;
	z-index: 99;
}
.page-title::after{
	content: '';
	position: absolute;
	bottom: 0.94rem;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.list-left{
	margin-bottom: 1rem;
}
.left-title{
	padding: 0.7rem;
	background-image: linear-gradient(45deg,#0094de,#dd2a21);
	color: #fff;
}
.left-title .title{
	font-size: 0.72rem;
	font-weight: 900;
	margin-bottom: 0.3rem;
}
.left-title .sub-title{
	font-size: 0.36rem;
	font-family: helvetica;
	letter-spacing: 2px;
}
.list-label p{
	position: relative;
}
.list-label p a{
	background-image: linear-gradient(45deg,#0094de,#dd2a21);
	padding-left: 0.7rem;
	display: block;
	color: #fff;
	line-height: 1rem;
	margin-top: 4px;
}
.list-label p a:hover{
	background-image: linear-gradient(-45deg,#0094de,#dd2a21);
}
.list-label p .iconfont{
	position: absolute;
	right: 4px;
	top: 0;
	line-height: 1rem;
	color: #fff;
	font-size: 0.6rem;
}
.list-right-top .title{
	background-image: linear-gradient(-45deg,#0094de,#dd2a21);
	color: #fff;
	padding: 0 0.7rem;
	font-size: 0.48rem;
	font-weight: 900;
	line-height: 1.2rem;
}
.list-right-top p{
	font-size: 0.36rem;
	padding: 0.3rem 0;
}
.content-text{
	background-color: #fff;
	padding: 1rem;
}
.content-text .title{
	font-size: 0.48rem;
	font-weight: 900;
	color: #D7241F;
	margin-bottom: 0.7rem;
}
.content-text .main-pic{
	width: 8rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
}
.contact-right .title{
	font-size: 0.5rem;
	margin-bottom: 0.3rem;
	letter-spacing: 2px;
}
.contact-right .sub-title{
	font-size: 0.36rem;
	font-family: helvetica;
	letter-spacing: 1px;
	color: #D7241F;
}
.contact-text p{
	font-size: 0.36rem;
	margin-top: 0.3rem;
	letter-spacing: 1px;
	color: #000;
}
.pic-item{
	background-color: #fff;
	padding: 0.3rem;
}
.pic-item .title{
	font-size: 0.36rem;
	text-align: center;
	padding-top: 0.2rem;
}
.pic-item:hover{
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	color: #D7241F;
}
.about-title{
	text-align: center;
	padding: 1rem 0;
}
.about-title .top-line,.bottom-line{
	display: inline-block;
	width: 1.5rem;
	height: 1rem;
	border: 2px solid #000;
}
.about-title .title{
	font-size: 0.96rem;
	font-family: helvetica;
	font-weight: 900;
}
.about-title .sub-title{
	font-size: 0.28rem;
	margin-bottom: 0.3rem;
}
.top-line{
	border-bottom: 2px solid #fff!important;
}
.bottom-line{
	border-top: 2px solid #fff!important;
}