@charset "utf-8";
|
|
/*-----------------
|
Author:xq
|
update:2019
|
-------------------*/
|
body {
|
font-family: "微软雅黑", Arial, sans-serif;
|
font-size: 14px;
|
background: #f3f5f8;
|
position: relative;
|
}
|
|
i,em{
|
font-style: normal;
|
}
|
|
.i-bodyBg{
|
position: fixed;
|
z-index: -1;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
}
|
.i-bodyBg img{
|
width: 100%;
|
height: 100%;
|
}
|
|
|
.i-container{
|
width: 100%;
|
/* max-width: 1680px;*/
|
min-width: 1340px;
|
margin-left: auto;
|
margin-right: auto;
|
overflow: hidden;
|
}
|
|
.i-top{
|
overflow: hidden;
|
height: 80px;
|
padding: 0 25px 0 40px;
|
margin-top: 20px;
|
}
|
|
.i-logo,
|
.i-logo img{
|
/* width: 200px; */
|
/*height: 80px;*/
|
}
|
|
.i-top-r{
|
float: right;
|
height: 30px;
|
overflow: hidden;
|
margin-top: 25px;
|
}
|
|
.i-icon{
|
display: inline-block;
|
width: 30px;
|
height: 30px;
|
position: relative;
|
}
|
.i-icon img{
|
width: 100%;
|
height: 100%;
|
vertical-align: top;
|
}
|
|
.i-top-r a{
|
line-height: 30px;
|
color: #283a48;
|
font-size: 18px;
|
margin-left: 25px;
|
}
|
|
.i-tit{
|
height: 120px;
|
text-align: center;
|
margin: 1.5% 0 4%;
|
}
|
.i-tit img{
|
height: 100%;
|
max-width: 90%;
|
}
|
.i-main{
|
height: 408px;
|
padding: 0 10%;
|
}
|
.i-menuBox{
|
width: 460px;
|
height: 428px;
|
margin: 0 auto;
|
position: relative;
|
}
|
|
.i-menu-item{
|
width: 140px;
|
height: 156px;
|
display: block;
|
position: absolute;
|
z-index: 9;
|
text-align: center;
|
|
}
|
|
.i-menu-item:hover{
|
opacity: 0.6;
|
filter: alpha(opacity=60);
|
}
|
.i-menu-item.i-menu-tit:hover{
|
opacity: 1;
|
filter: alpha(opacity=100);
|
}
|
|
.i-menu-item img{
|
width: 100%;
|
height: 100%;
|
}
|
|
.i-menu-item i{
|
display: inline-block;
|
width: 70px;
|
height: 70px;
|
margin: 15px 0 5px;
|
}
|
|
.i-menu-item p{
|
color: #fff;
|
font-size: 17px;
|
line-height: 24px;
|
}
|
|
.i-menu-tit{
|
left: 50%;
|
margin-left: -70px;
|
top: 50%;
|
margin-top: -78px;
|
}
|
.i-navBg1{
|
background: url(../images/i-bg-part1.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
.i-navBg2{
|
background: url(../images/i-bg-part2.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
.i-navBg3{
|
background: url(../images/i-bg-part3.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
.i-navBg4{
|
background: url(../images/i-bg-part4.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
.i-navBg5{
|
background: url(../images/i-bg-part5.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
.i-navBg6{
|
background: url(../images/i-bg-part6.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.i-menu1{
|
left: 80px;
|
top: 0;
|
}
|
|
.i-menu2{
|
top: 0;
|
right: 80px;
|
}
|
|
.i-menu3{
|
top: 136px;
|
right: 0;
|
}
|
|
.i-menu4{
|
bottom: 0;
|
right: 80px;
|
}
|
|
.i-menu5{
|
bottom: 0;
|
left: 80px;
|
}
|
|
.i-menu6{
|
top: 136px;
|
left: 0;
|
}
|
|
.i-footer{
|
text-align: center;
|
min-height: 24px;
|
width: 100%;
|
margin: 7% 0 20px;
|
}
|
|
.i-footer p{
|
line-height: 24px;
|
color: #8a99a6;
|
font-size: 16px;
|
}
|
|
|
@media all and (max-width: 1650px) {
|
.i-tit{
|
height: 120px;
|
text-align: center;
|
margin: 1% 0 2%;
|
}
|
.i-footer{
|
margin: 4% 0 0px;
|
}
|
}
|
