@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background:#fff; font-size:14px;color: #666;line-height: 24px;	font-family:Arial, Helvetica, sans-serif;}
a {color: #486fa7;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}

/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:100%;}

#kuang{ overflow:hidden; width:100%; height:100%;}

#logo{ position:fixed; z-index:10; left:3vw; top:2vw;}
#menu{ position:fixed; z-index:10; background:#1d4f94; width:100%; left:0px; bottom:2vw;}
#menu ul{ padding-left:2vw;}
#menu ul li{ float:left; line-height:40px;}
#menu ul li a{ display:block; padding:0 2vw; color:#fff; text-transform:uppercase;} 
#menu ul li a:hover{ font-size:18px;}

#index{ position:fixed; color:#fff; z-index:10; top:17vw; left:20vw; text-transform:uppercase; font-weight:900; font-size:30px; line-height:40px; text-shadow:rgba(29,79,148,0.6) 2px 2px 5px;}
#index p:nth-child(2){ font-size:60px; line-height:80px;}

#about{ width:800px; height:auto; padding:50px; background:rgba(255,255,255,0.9); color:#4970a7; position:fixed; left:0; top:0; z-index:10; border-radius:30px; border:solid 5px #3084c4; box-shadow:3px 3px 5px rgba(0,0,0,0.2); display:none;}
#about p:nth-child(1){ font-size:40px; text-transform:uppercase; font-weight:900; line-height:60px; color:#c00;}

#news{ width:800px; height:auto; padding:50px; background:rgba(255,255,255,0.9); color:#4970a7; position:fixed; left:0; top:0; z-index:10; border-radius:30px; border:solid 5px #3084c4; box-shadow:3px 3px 5px rgba(0,0,0,0.2); display:none;}
#news p:nth-child(1){ font-size:40px; text-transform:uppercase; font-weight:900; line-height:60px; color:#c00;}

#news ul li{ width:100%; border-bottom:solid 1px rgba(29,79,148,0.1);}
#news ul li a{ display:block; line-height:60px;}
#news ul li a span{ float:right;}
#news ul li a:hover{ color:#c00;}

#contact{ width:800px; height:auto; padding:50px; background:rgba(255,255,255,0.9); color:#4970a7; position:fixed; left:0; top:0; z-index:10; border-radius:30px; border:solid 5px #3084c4; box-shadow:3px 3px 5px rgba(0,0,0,0.2); display:none;}
#contact p:nth-child(1){ font-size:40px; text-transform:uppercase; font-weight:900; line-height:60px; color:#c00;}

#contact ul li{ line-height:30px;}
#contact .img{ float:left; padding:50px;}
#contact .con{ float:left; overflow:hidden; margin-left:50px;}

#pro{ position:fixed; z-index:9; width:100%; bottom:0; background:rgba(255,255,255,0.8); overflow:hidden; height:30vw; display:none;}
#pro ul{ width:100000px;}
#pro ul li{ width:10vw; padding:4vw 2vw 0vw 2vw; float:left;}
#pro ul li img{ width:100%;}