html,body{
min-width: 1200px;
}
.jk{
margin-left: auto;
margin-right: auto;
width:100%
height:100%;
}
/*顶部样式*/
.w{
width: 100%;
height: 53px;
background-color: #001728;
position: relative;
}
.w ul{
margin-left: 116px;
}
.w li{
display: block;
list-style: none;
line-height: 53px;
}
.pro1{
position: absolute;
left: 312px;
top: 0;
}
.pro2{
position: absolute;
left: 116px;
top: 0;
}
.ico2{
position: absolute;
left: 97px;
top: 18px;
}
.ico1{
position: absolute;
left: 294px;
top: 18px;
}
.w li a{
font-size: 14px;
color: #EEEEEE;
text-decoration: none;
}
.ico3{
position: absolute;
right: 173px;
top: 23px;
}
.w ul .f1{
float: right;
color: red;
margin-right: 189px;
font-size: 8px;
color: #EEEEEE;
}
/*导航栏样式*/
header{
width: 100%;
height: 87px;
}
nav{
position: relative;
width: 1200px;
height: 87px;
margin: auto;
}
nav ul{
position: absolute;
right: 0;
top: 0;
}
nav li{
height: 58px;
line-height: 87px;
overflow: hidden;
display: inline-block;
}
nav li a{
color: #1169AB;
font-size: 13px;
padding: 0 24px;
}
nav li a:hover{
color: #eee;
background:rgba(17,105,171,1);
border: 5px solid rgba(17,105,171,1);
border-radius: 100px;
}
/*轮播图部分*/
.box{
width: 100%;
margin: 20px auto;
overflow: hidden;
position: relative;
white-space:nowrap;
}
.box-1 ul, .box-1{
white-space: nowrap;
width: 100%;
}
.box-1 ul li{
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
.box .box-1 ul li img{
/*display:block;*/
width: 100%;
/*height: 650px;*/
display: inline-block;
/*float: left;*/
}
.box-2{
position: absolute;
right: 880px;
bottom: 14px;
}
.box-2 ul{}
.box-2 ul li{
float:left;
width: 12px;
height: 12px;
overflow: hidden;
margin: 0 5px;
border-radius: 50%;
background: rgba(0,0,0,0.5);
text-indent: 100px;cursor: pointer;
}
.box-2 ul .on{
background: rgba(255,255,255,0.6);
}
.box-3 span{
position: absolute;
color: white;
background: rgba(125,125,120,.3);
width: 50px;
height: 0;
top:50%;
font-family: "宋体";
line-height: 80px;
font-size:60px;
margin-top: -40px;
text-align: center;
cursor: pointer;
}
.box-3 .prev{
left: 10px;
}
.box-3 .next{
right: 10px;
}
.box-3 span::selection{
background: transparent;
}
.box-3 span:hover{
background: rgba(125,125,120,.8);
}
/*关于我们*/
.banxin{
position: relative;
}
.banxin .logone{
position: absolute;
left: 0;
top: -69px;
}
.banxin .logotu{
position: absolute;
right: 0;
bottom: -32px;
}
.about{
width: 100%;
height: 166px;
position: relative;
}
.about h1{
float: right;
display: block;
margin-right: 50%;
font-size: 82px;
margin-top: 50px;
font-family:Microsoft YaHei;
color:rgba(102,102,102,1);
font-weight: normal;
}
.about .p1{
float: right;
margin-right: 50%;
position: absolute;
right: -111px;
top:68px;
font-size: 32px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(102,102,102,1);
}
.about .p2{
float: right;
margin-right: 50%;
position: absolute;
right: -111px;
top:125px;
font-size: 18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1)
}
.about hr{
float: right;
width:164px;
height:3px;
border:2px solid rgba(102,102,102,1);
position: absolute;
right: -110px;
top:155px;
margin-right: 50%;
}
/*视频部分*/
.plate{
width:100%;
height:600PX;
/*padding-top: 80px;*/
}
.text P{
width: 474px;
height: 314px;
float: right;
font-size:20px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
line-height:36px;
margin-right:54%;
text-align:justify!important;
}
.text .OUKE{
width: 500px;
height: 300px;
position: absolute;
right: 0;
top: 100px;
}
video{
width: 595px;
float: right;
/*margin: -309px 379px;*/
position: absolute;
top: 0;
right: 0;
}
/*图标部分*/
.dis{
position: relative;
width: 100%;
height: 120px;
}
#frame{
position: absolute;
width: 1200px;
height: 84px;
overflow: hidden;
border-radius: 5px;
left: 0;
}
#photos{
position: absolute;
z-index: 9;
width: calc(140px*17);
}
#photos img{
float: left;
width: 140px;
height: 60px;
}
.play{
animation: ma 10s ease-out infinite alternate;
}
@keyframes ma{
0%,20%{
margin-left: 0px;
}
25%,40%{
margin-left: -140px;
}
45%,60%{
margin-left: -420px;
}
65%,80%{
margin-left: -1260px;
}
85%,100%{
margin-left: -3780px;
}
}
/*页面底部*/
.bottom{
width: 100%;
height: 300px;
background:rgba(54,60,64,1);
}
.bottom .Layout2{
width: 1200px;
height: 300px;
margin: 100px auto 0 auto;
position: relative;
}
.bottom .website{
/*padding: 50px 352px;*/
line-height: 30px;
position: absolute;
left: 0;
top: 35px;
}
.persona1 a:hover{
border-bottom: 3px solid #fff;
color: #fff;
}
.bottom a{
color:rgba(153,153,153,1);
}
.bottom a:hover{
color: #fff;
}
.bottom .Layout2 hr{
border:1px solid rgba(102,102,102,1);
width: 1200px;
position: absolute;
top: 61px;
left: 0;
}
.help{
position: absolute;
left: 283px;
top: 35px;
}
.help li{
color:rgba(153,153,153,1);
line-height: 30px;
}
.persona2 a:hover{
border-bottom: 3px solid #fff;
color: #fff;
}
.address{
position: absolute;
right: 385px;
top: 35px;
}
.address li{
color:rgba(153,153,153,1);
line-height: 30px;
}
.persona3 a:hover{
border-bottom: 3px solid #fff;
color: #fff;
}
.bottom .logo{
width: 350px;
height: 330px;
position: absolute;
right: 0;
top: 24px;
}
.bottom p{
float: right;
position: absolute;
right: 229px;
top: 35px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
line-height:19px;
}
.bottom p:hover{
border-bottom: 3px solid #fff;
color: #fff;
}
.layer1{
position: absolute;
right: 191px;
top: 73px;
}
.layer2{
position: absolute;
right: 82px;
top: 73px;
}
.end{
width: 100%;
height: 50px;
background:rgba(0,23,40,1);
}
.end p{
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height:52px;
text-align: center;
}