.logo{width: 8.57rem; height: 2.64rem;}/*position:absolute;left:0;top:0;*/
.logo-mb{display: none;}
.content .h2-mb{display: none;}
/* pc width > 1600px */
/************************************首页导航和底部***********************************/
#main {
	background: url("bg.jpg") no-repeat;
	width: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	overflow: hidden;
	position: absolute;
	z-index: 4;
	top: 0;
	bottom: 54px
}

#main .header1 nav {
	float: right;
	height: 190px;
	line-height: 190px;
	width: 900px;
	right: 1.1rem;
	position: absolute;
	top: 0px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
}

#main .header1.scroll nav {
	height: 70px;
	line-height: 70px;
}

#main .header1 nav li {
	float: left;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	margin: 0 16px;
}

#main .header1.scroll nav li {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s;
}

#main .js-m.js-m-2 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

#main .hvr-left {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
}

#main .header1 nav li>a {
	display: block;
	color: #333;
	font-size: 24px !important;
	line-height: 190px !important;
	position: relative;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

#main .header1 nav li:hover>a {
	color: #0173bc;
}

#main .header1.active nav li>a {
	color: #333;
}

#main .header1 .nav-sub {
	width: 180px;
	background: #fff;
	position: absolute;
	top: 120px;
	left: 0px;
	height: auto;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
}

#main .header1 .nav-sub.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

#main .header1 .nav-sub.active .n-nav-sub {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .2s .3s;
	transition: all .2s .3s;
}

#main .header1.scroll .nav-sub {
	top: 70px;
}

#main .header1 .nav-sub .n-nav-sub {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

#main .header1 .nav-sub a {
	height: 45px;
	line-height: 45px !important;
	display: block;
	padding: 0 20px;
	text-align: left;
	color: #333;
	font-size: 16px;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}

#main .header1 .nav-sub a:hover {
	background-color: #2f4089;
	color: #fff;
}

#main .header1 .nav-sub .nav-arrow {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 16px;
	height: 16px;
	opacity: 0;
	-webkit-transform: rotate(0deg) translate(-20px, 0px);
	-ms-transform: rotate(0deg) translate(-20px, 0px);
	transform: rotate(0deg) translate(-20px, 0px);
}

#main .header1 .nav-sub a:hover .nav-arrow {
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	opacity: 1;
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	-ms-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px);
	background: url("../img/right.png") no-repeat center center;
}

#main .header1 .nav-sub .nav-arrow:before {
	font-size: 16px;
	color: #fff;
}

#main .header1 .header-right {
	width: 100px;
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 10;
}

#main .header1 .header-right .search-btn {
	height: 190px;
	line-height: 190px;
	text-align: center;
	cursor: pointer;
	display: inherit;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: url("search.png") no-repeat 0 85px;
}

#footer-index {
	height: 54px;
	background: #fff;
	width: 100%;
	position: absolute;
	z-index: 12;
	bottom: 0;
	line-height: 54px;
	text-align: center;
	color: #787b86;
}

#footer-index p {
	display: inline;
	padding: 0 10px;
	font-size: 16px;
}

#footer-index p.gongan {
	background: url("ghs.png") no-repeat 0 0;
	padding-left: 20px
}

#footer-index p a:hover {
	text-decoration: underline
}

/************************************首页主体内容***********************************/
.content {
	padding-top: 3.6rem;
	padding-left: 1.1rem;
}

.content h2 {
	color: #1c2e67;
	font-size: 0.81rem;
	line-height: 130%;
	font-weight: inherit;
	margin-bottom: 0.3rem;
}

.content h2 p {
	color: #333;
	font-size: 0.32rem;
	line-height: 140%;
	font-weight: lighter
}

.content .button {
	height: 0.54rem;
	width: 100%
}

.content .button a {
	float: left;
	display: inline-block;
	border: 2px solid #174984;
	-webkit-border-radius:40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 40px;
	color: #353535;
	font-size: 22px;
	margin-right:30px;
}

.content .button a:hover {
	color: #fff
}
body{background: #111f4f;}
#footer{ display: none;}
.search-btn a {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -5px;
	top: 80px;
}
/*************************************响应式兼容*********************************/
/* ipad pro */
@media screen and (max-width: 1250px) {
	
	#main .header1 .header-right .search-btn{display: none;}
	.menu-btn{display: block;position: fixed;top:10px;right:10px; z-index: 21;}
	.menu-btn .on{background: #ccc;border-radius: 35px;}

	#main .header1 nav{display: none;}
	.content .button a {
		float: left;
		display: inline-block;
		border: 1px solid #174984;
		-webkit-border-radius:0.5rem;
		-moz-border-radius: 0.5rem;
		border-radius: 0.5rem;
		height: 1rem;
		line-height: 1rem;
		text-align: center;
		padding: 0 0.3rem;
		color: #353535;
		font-size: 22px;
		margin-right:20px;
	}
}

 

/* ipad */
@media screen and (max-width: 980px) {
	#footer{ display: block;}
	#footer-index{display: none;}
	#main {
		background: url("bg.jpg") no-repeat;
		width: 100%;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		overflow: hidden;
		position:relative;
		z-index: 4;
		height: 16.7rem;
	}
	.logo{display: none;}
	.logo-mb{display:block;}/*position: absolute;left:0;top:0;*/
	.content {
		padding-top: 5.6rem;
		padding-left: 1.1rem;
	}
	.content h2{display: none;}
	.content h2.h2-mb {
		display: block;
		color: #1c2e67;
		font-size: 1.19rem;
		line-height: 130%;
		font-weight: inherit;
		margin-bottom: 0.3rem;
	}
	
	.content h2.h2-mb p {
		color: #333;
		font-size: 0.52rem;
		line-height: 140%;
		font-weight: lighter
	}
	.content .button a{
		font-size: .54rem;
	}
	/*
	.content .button {
		height: 0.54rem;
		width: 100%
	}
	
	.content .button a {
		float: left;
		display: inline-block;
		border: 2px solid #174984;
		-webkit-border-radius:40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		padding: 0 40px;
		color: #353535;
		font-size: 22px;
		margin-right:30px;
	}*/
	
}

@media screen and (max-width: 780px) {
	.tt-mc{position: fixed;}
	.header{width: 100%;box-sizing: border-box;background: #fff;position: fixed;top: 0;z-index: 10;}
	.header .logo-con {margin-right: 0;}
	.mobile-logo{display: block;}
	.mobile-logo img{width: 10.89rem;}
	#banner-mobile{display: block; margin-top: 90px}
	#banner{display: none;}
	.next-nav{display: none;}
	#footer .copyright{display: block; width: 100%;height: auto;padding: .4rem .25rem;
		box-sizing: border-box; line-height: 100%;}
		#footer .copyright p{line-height: 30px; padding: 0;}
		#footer .copyright p:nth-child(1),#footer .copyright p:nth-child(4){ display: block;}
	#footer .footer-nav{width: 100%;}
	.nav-address{display: none;}
	.nav-list{width: 100%; padding: 0 .25rem;box-sizing: border-box;}
	.nav-list dl{ padding-right: 0;padding-top:0.25rem}
	.nav-list dl:nth-child(1),.nav-list dl:nth-child(4){width:42%;}
	.nav-list dl:nth-child(2){width:33%;}
	.nav-list dl:nth-child(3){width:25%;}
	.next-nav .next-nav__wrapper .next-nav-item{padding: 0 .42rem;}
}

/* iphone5 */
@media screen and (max-width: 320px) {
	body {
		background-color: #0FF000;
	}
}