@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-color: #0E0055;
	font-family: PingFangSC-Medium, PingFang SC,"微软雅黑";
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sec_top{
	width:100%;
	background:url(../img/bg_top.jpg) no-repeat bottom center;
	background-size:cover;
}
.sec_top .header{
	width:100%;
}

.sec_top .top_logo{
	margin:48px 0 0 50px;
} 
.sec_top .top_logo .wap_logo{
	display:none;
}
.top_slogan{
	margin:105px auto 0;
	text-align: center;
	max-width:1161px;
}
.top_slogan img{
	max-width:100%;
}
.top_slogan img.wap_slogan{
	display: none
}
.top_logo svg{
	display: none;
}

.top_info{
	margin-top:22%;
	color:#fff;
	text-align: center
}
.top_info i{font-family: "Arial";letter-spacing: 1.5px;}
.top_info i + i{
	margin-left:30px;
}
.top_info .info_date{
	font-family: Arial;
}
.top_info dd{
	margin-top: 15px;
	font-family: Arial;
}
.top_bg .bottom{position: absolute;left: 0px;bottom: 40px;right:0px;}

.top_arrow_down{
	position: static;
	display:block;
	margin:30px auto 0;
	margin-top: 70px;
	width:36px;
	height:28px;
	background:url(../img/arrow_down.png) no-repeat center;
	background-size: cover;
	bottom:40px;
	left:50%;
	-moz-animation: bounce11 2s infinite;
  -webkit-animation: bounce11 2s infinite;
  animation: bounce11 2s infinite;
}
@keyframes bounce11 {
  0%,100%{
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@media only screen and (max-width:1366px){
	.sec_top .top_logo{
		margin:20px 0 0 50px;
	}
	.top_slogan{
		width:80%;
		margin:10% auto 0 auto;
	}
	.top_info{margin-top: 12%;}
	.top_info dd{
		margin-top: 5px
	}
	.top_btn_order{
		width:148px;
		height:42px;
		line-height: 42px;
		bottom:16%;
	}
}
@media only screen and (max-width:1280px){
	.sec_top .w1440{
		width:80%;
	}
	.sec_top .top_logo{
		width:250px;
		margin:40px 0 0 40px;
	}
	.sec_top .top_logo img{
		width:100%;
	}
	.top_btn_order{
		width:148px;
		height:42px;
		line-height: 42px;
	}
}
@media only screen and (max-width:1100px){
	.top_slogan{margin-top: 14%;}
	.top_info{margin-top: 27%;}
}

@media only screen and (max-width:768px){
	.sec_top{	padding-bottom:100px;}
	.sec_top .top_logo{	width:200px;	margin:30px 0 0 30px;}
	.top_slogan{		width:100%;	margin-top: 35%;	}
	.top_slogan img{		width:100%;}
	.top_btn_order{		position:relative;		left:auto;		bottom:auto;	margin:10% auto 0 auto;	}
}


@media only screen and (max-width:414px){
	.sec_top .w1440{	width:100%;	}
	.sec_top .top_logo{		margin:20px 0 0 20px;width: 208px;}
	.sec_top .top_logo .pc_logo{	display:none;}
	.sec_top .top_logo .wap_logo{		display:block;		width:100%;}
	.top_slogan{	margin-top: 28%;	}
	.top_slogan img.pc_slogan{		display:none;}
	.top_slogan img.wap_slogan{		display:block;		width:289px;		margin:0 auto;	}
	.top_info{	margin-top: 60%}
	.top_info i{letter-spacing:1px;}
	.top_info i + i{margin-left: 5px;}
	.top_arrow_down{	width:21px;	height:18px;}
}

@media only screen and (max-width:750px){
	.top_slogan{margin-top: 32%;}
	.sec_top{background:url(../img/wap_bg_top.jpg) no-repeat bottom center #0e0055;background-size: cover;}
	.top_info{margin-top: 45%}
}
@media only screen and (max-width:750px){
	.top_logo img{
		display: none;
	}
	.top_logo svg{
		display: block;
		width:208px;
	}

}




/*底部 begin*/
.sec_foot {
	background:#060A2F;
	text-align: center;
	padding: 88px 0 77px;
}
.sec_foot img {
	display: block;
	margin: 0 auto;
}
.footer_logo{
	width:388px;
}
.sec_foot span {
	margin-top: 20px;
	display: block;
	color: #fff;
}
.sec_foot span a {
	color: #fff;
}
.sec_foot span a:hover {
	text-decoration: underline;
}
.sec_foot span.fnt_14 {
	margin-bottom: 45px;
}
.sec_foot span.fnt_12 {
	margin-top: 10px;
}
.sec_foot span img {
	margin-bottom: 10px;
	width: 88px;
}
@media only screen and (max-width: 1440px){
	.sec_foot {
		padding: 38px 0 37px;
	}
	
	.sec_foot span.fnt_14 {
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px){
	.footer_logo{
		width:300px;
	}
}
@media only screen and (max-width: 414px){
	.footer_logo{
		width:270px;
	}
	.sec_foot span.fnt_14 {
		font-size: 14px;
		margin-bottom: 30px;		
	}
	.sec_foot span.fnt_12{
		padding:0 40px 0;	
	}
	.sec_foot span.fnt_12 i{
		display: block;
	}
}
/*底部 end*/


.w1362{width: 1362px;margin-right: auto;margin-left: auto;}
@media only screen and (max-width:1500px){
	.w1362{width: 1200px;}
}
@media only screen and (max-width:1366px){
	.w1362{width: 1100px;}
}
@media only screen and (max-width:1200px){
	.w1362{width: 100%;padding-right: 20px;padding-left: 20px;}
}
@media only screen and (max-width:414px){
	.w1362{padding-right: 10px;padding-left: 10px;}
	.fnt_42{font-size: 28px;}
}