@charset "utf-8";
* {padding: 0;margin: 0;list-style: none;color: #0f0408;font-family: '微软雅黑',arial;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;}
.clearfix {zoom: 1;}
a,a:hover {text-decoration: none;cursor: pointer;}
img {border:0;vertical-align:middle;}
html,body{
	font-size: 14px;
	overflow-x: hidden;
}
.mid_1200{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}
.mid_1200:after{
	visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;
}
.header{
	/* height: 108px; */
}
.logo{
	float: left;
	width: 135px;
	height: 54px;
	margin-top: 9px;
}
.nav{
	float: right;
	line-height: 73px;
}
.nav_item{
	float: left;
	margin-right: 20px;
}
.nav_item:last-child{
	margin: 0;
}
.nav_item a:hover{
	color: #023392;
}
.pHeader{
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	display: none;
}
.pLogo{
	width: 25%;
	margin: 0.5rem;
}
.pMenu{
	width: 7%;
	margin: 0.5rem;
}
.pMask{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	display: none;
	z-index: 9;
}
.pNav{
	width: 7rem;
	background: #023392;
	position: fixed;
	right: -7rem;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 1rem 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	overflow-y: auto;
	z-index: 99;
}
.pNavShow{
	right: 0;
}
.pNav_item{
	text-align: center;
	margin-bottom: 0.8rem;
}
.pNav_item a{
	color: #fff;
}
.banner{
/* width: 1920px; */
	/* height: 940px; */
	position: relative;
	width:100%
	/* left: 50%; */
	/* margin-left: -960px; */
}

.txt1{
	font-size: 16px;.
	line-height: 50px;
	padding: 30px 0;
	text-align: justify;
}
.bg1{
	width: 1000px;
	height: 481px;
	position: relative;
	background: url(../images1/bg1.png) 0 0 no-repeat;
	margin: 0 auto;
}
.img1{
	/* width: 1133px; */
	/* height: 649px; */
	position: absolute;
	top: 64%;
	transform: translateY(-60%);
	right: 0;
}
.box1{
	height: 1460px;
	background: url(../images1/bigBg.png) center top no-repeat;
	box-sizing: border-box;
	padding-top: 72px;
	overflow: hidden;
}
.bt{
	width: 198px;
	height: 48px;
	margin: 0 auto;
	display: block;
}
.inner1{
	margin: 75px auto 150px;
}
.box1Left{
	width: 389px;
	height: 252px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid #f6b900;
	float: left;
	position: relative;
}
.box1Left2{
	float: right;
}
.box1Left img{
	width: 419px;
	height: 284px;
	position: absolute;
	top: 25px;
	left: 25px;
}
.box1Txt{
	float: right;
	width: 690px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	padding-top: 20px;
	text-align: justify;
}
.box1Txt2{
	float: left;
}
.box2,.box5{
	height: 1000px;
	background: url(../images1/huawei.png) center 0 no-repeat;
	background-size: auto 100%;
	padding-top: 90px;
	/* box-sizing: border-box; */
	-webkit-box-sizing: border-box;
}
.inner2{
	width: 1202px;
	height: 932px;
	background: url(../images1/shadow.png) 0 0 no-repeat;
	margin: 66px auto 0;
	padding-top: 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-left:200px;
}
.box2Img{
	/* width: 1058px; */
	/* height: 575px; */
	margin-left:67px;
	display: block;
	margin-top:-31px;
}
.box2Txt{
	width: 1058px;
	color: #0b0b0b;
	font-size: 14px;
	/* margin: 65px auto 0; */
	line-height: 45px;
	/* text-align: center; */
	margin-left:-67px;
	margin-top:20px;
}
.box3{
	height: 2000px;
	background: url(../images1/grey.png) right 0 no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	margin-top:-110px;
}
.inner3{
	width: 1200px;
	margin: 70px auto 0;
	border-top: 7px solid #023392;
	padding: 20px 50px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	box-sizing: border-box;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
	background: #fff;
}
.box3Left{
	width: 388px;
	height: 252px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid #023392;
	margin: 25px 25px 0 0;
	position: relative;
}
.box3Img{
	position: absolute;
	width: 392px;
	height: 262px;
	top: -29px;
	right: -29px;
}
.box3Txt{
	width: 598px;
	text-align: justify;
	color: 333333;
	font-size: 16px;
	line-height: 40px;
}
.box3Txt span{
	color: #f6b900;
}
.box4{
	height: 3020px;
	background: url(../images1/yellow.png) left 0 no-repeat;
}
.down{
	float: right;
	width: 130px;
	height: 38px;
	line-height: 38px;
	text-indent: 19px;
	background: #023392 url(../images1/arrow.png) 102px center no-repeat;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
	margin: 20px 0;
}
.box5{
	padding: 0;
	height:1050px;
}
.btLast{
	margin-top: 35px; 
}
.review{
	width: 1190px;
	height: 380px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 50px auto 0;
	border: 4px solid #f6b900;
	padding-top: 30px;
}
.reviewImg{
		width: 1000px;
	/* height: 80px; */
	display: block;
	margin: 10px auto 20px;
}
.ewm{
	width: 120px;
	background: #fff;
	position: fixed;
	/* right: 0; */
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 0;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
}
.ewmImg{
	width: 90%;
	display: block;
	margin: 0 auto;
}
.ewmTxt{
	color: #333333;
	font-size: 14px;
	/* line-height: 32px; */
	/* width: 88%; */
	margin: 10px auto 0;
	text-align: justify;
}
.pEwm{
	overflow: hidden;
	padding-bottom: 1rem;
	width: 95%;
	margin: 0 auto;
	display: none;
}
.pEwmImg{
	width: 30%;
	float: left;
	margin-left: 5%;
}
.pEwmTxt{
	float: left;
	margin-left: 5%;
	width: 50%;
	font-size: 0.6rem;
	line-height: 1.2rem;
	text-align: justify;
}
.footer{
	height: 146px;
	background: #023392;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 146px;
}
@media screen and (max-width: 1024px){
	.header{
		display: none;
	}
	.pHeader{
		display: -webkit-flex;
		display: flex;
	}
	.pNav_item a{
		font-size: 0.7rem;
	}
	.banner{
		width: 100%;
		height: auto;
		position: inherit;
		margin: 0;
	}
	.txt1{
		width: 90%;
		min-width: auto;
		font-size: 0.6rem;
		padding: 0.5rem 0;
		line-height: 1.5rem;
	}
	.bg1{
		width: 100%;
	    height: auto;
	    padding: 2%;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    background: url(../images1/bg1.png) no-repeat center;
	    background-size: 100%;
	    -webkit-background-size: 100%;
	}
	.img1{
		width: 90%;
		height: auto;
		position: initial;
		top: auto;
		transform: none;
		-webkit-transform: none;
		display: block;
		margin: 0 auto;
	}
	.box1{
		height: auto;
		padding-top: 1rem;
		background-size: auto 100%;
	}
	.bt{
		width: 30%;
		height: auto;
	}
	.inner1{
		margin: 0.5rem auto 0;
		width: 90%;
		min-width: auto;
	}
	.box1Left{
		width: 100%;
		height: auto;
	}
	.box1Left img{
		width: 100%;
		height: auto;
		position: static;
	}
	.box1Txt{
		width: 100%;
		margin: 0.5rem 0 0;
		font-size: 0.6rem;
		line-height: 1.5rem;
		padding: 0;
	}
	.box2{
		height: auto;
		padding: 1rem 0;
	}
	.inner2{
		margin: 0.5rem auto 0;
		width: 95%;
		height: auto;
		background-size: 100% 100%;
		padding: 0.5rem 0;
	}
	.box2Img{
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.box2Txt{
		width: 90%;
		margin: 0.5rem auto;
		font-size: 0.6rem;
		line-height: 1.2rem;
	}
	.box3{
		height: auto;
		margin-top: 0;
	}
	.inner3{
		margin: 0.5rem auto 0;
		width: 95%;
		padding: 0.5rem 0;
		display: block;
	}
	.box3Left{
		width: 90%;
		margin: 0.5rem auto 0;
		height: auto;
	}
	.box3Img{
		width: 100%;
		height: auto;
		position: static;
	}
	.box3Txt{
		width: 90%;
		margin: 0.5rem auto 0;
		font-size: 0.6rem;
		line-height: 1.2rem;
	}
	.down{
		font-size: 0.6rem;
		margin: 0.5rem 0;
		width: 5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		text-indent: 0.9rem;
		background: #023392 url(../images1/arrow.png) 4rem center no-repeat;
		background-size: auto 50%; 
	}
	.btLast{
		margin-top: 1rem;
	}
	.review{
		margin: 0.5rem auto 0;
		width: 95%;
		height: auto;
		padding: 0.25rem 0;
	}
	.reviewImg{
		width: 95%;
		height: auto;
		margin: 0.25rem auto;
	}
	.ewm{
		display: none;
	}
	.pEwm{
		display: block;
	}
	.footer{
		height: auto;
		padding: 0.3rem;
		line-height: 1rem;
		font-size: 0.5rem;
	}
}

.topnav{position: relative;margin-top: 20px;margin-bottom: 20px;}
.topnav ul{
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
.topnav:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	left: 0;
	top: 92px;
	background: url(../img1/a8.png) no-repeat center;
}
.topnav li{
	float: left;
	width: 50%;
	text-align: center;
}
.topnav li i{
	display: block;
	width: 70px;
	height: 80px;
	background: url(../img1/a4.png) no-repeat center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	margin: 0 auto;
	padding-top:12px;
	margin-bottom: 20px;
	position: relative;
	box-sizing: border-box;
}
.topnav li a:hover i,.topnav li.on a i{
	background: url(../img1/a5.png) no-repeat center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}
/*.topnav li:nth-child(2) i{
	padding-top: 24px;
}*/
.topnav li a{
	font-size: 24px;
	color: #10649f;
	line-height:2em;
}
.topnav li a:hover,.topnav li.on a{
	color: #ff8a00;
}
.topnav li i:before{
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #10649f;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -5px;
	background: #fff;
}
.topnav li.on i:before,.topnav li a:hover i:before{
	border: 1px solid #ff8a00;
}

@media only screen and (max-width: 768px){
	.topnav li i {
	    width: 50px;
	    height: 60px;
	    padding-top: 8px;
	}
	.topnav li a{
		font-size: 18px;
	}
	.topnav:before{top: 73px;}
}