.wrap{
width: 1200px;
margin: 0 auto;
}
.fl{
float: left;
}
.fr{
float: right;
}
.title{
img{
width: auto;
margin: 50px auto;
display: block;
}
}
.header{
border-top: 1px solid #eee;
padding:27px 0 20px 0 ;
.top{
width: 1200px;
height: 80px;
.left{
img{
height: 60px;
}
}
.right{
ul{
width: 230px;
}
ul li{
float: left;
font-size: 14px;
margin-left: 29px;
line-height: 24px;
position: relative;
img{
position: relative;
top:7px;
}
span{
display: inline-block;
padding: 2px 5px;
background: #67A6F0 ;
color:#fff;
border-radius: 2px;
margin: 0 5px;
}
i img{
height: 100%;
}
a{
color:#797777;
}
}
ul li:nth-of-type(3){
font-weight: bold;
font-size: 20px;
colro:#66696C;
margin: 5px 0 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid #EAE7E7;
}
ul li:nth-of-type(1){
font-weight: bold;
font-size: 13px;
line-height:34px;
a{
color:#5199EE;
}
}
ul li:nth-of-type(2){
font-weight: bold;
font-size: 13px;
line-height:34px;
a{
color:#5199EE;
}
}
}
}
.bottom{
>*{
float: left;
margin-top: 20px;
}
>img{
margin-right: 23px;
margin-top: 18px;
}
.nav{
ul{
margin-right: 9px;
}
ul li{
float: left;
display: block;
width: 85px;
height: 31px;
line-height: 31px;
font-size: 13px;
text-align: center;
// border-radius: 15px;
color:#555252;
a{
width: 100%;
height: 100%;
display: inline-block;
border-radius: 15px;
color:#333;
}
:hover{
background: #5199EE 100%;
color:#fff;
}
ul {
position: absolute;
left: 0;
display: none;
z-index: 99;
background-color: #FFF;
li {
float: none;
background-color: #fba524;
a{
color: #FFF;
}
}
}
}
ul li:hover ul{
display: block;
}
.curres{
// border-radius: 15px;
background: #5199EE 100%;
border-radius: 15px;
a{
color:#fff;
}
}
}
.search{
input{
width: 145px;
padding: 0 10px;
height: 30px;
line-height: 20px;
border-radius: 15px;
color: rgba(132, 129, 129, 1);
font-size: 14px;
text-align: left;
border: 1px solid #eee;
}
span{
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #BDB8B8 100%;
border-radius: 15px;
cursor: pointer;
img{
display: inline;
margin-top:4px;
}
}
}
}
}
.banner{
img{
width: 100%;
display: block;
}
}
.introduce{
width: 100%;
height: auto;
background: #E3E9F0;
padding: 20px 0;
.wrap{
.left{
width: 417px;
line-height: 47px;
h2{
font-size: 20px;
color:#4F4C4C;
padding: 20px 0;
font-weight: 700;
span{
margin-left: 20px;
font-size: 14px;
font-weight: normal;
}
}
line-height: 20px;
p{
text-align: justify;
font-size:14px;
}
}
.right{
margin-left: 60px;
ul{
display: flex;
li{
width: 110px;
img{
width: 33px;
}
.yuan{
width: 47px;
height: 47px;
display:flex;
justify-content:center; //内容水åã^å±…ä¸
align-items:center; //内容垂直居ä¸
line-height: 20px;
text-align: center;
box-shadow: 0px 2px 8px 0px rgba(0, 65, 255, 1);
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 50%;
}
h1{
font-size: 24px;
font-weight: 700;
span{
font-size: 14px;
float: left;
line-height: 70px;
}
span:nth-of-type(1){
font-size: 24px;
}
span:nth-of-type(2){
line-height: 73px;
font-weight: normal;
}
}
color:#939497;
}
}
}
}
}
.khal{
background: #F8F9FB;
padding-top: 10px;
.wrap{ margin-bottom: 50px;}
.top{
display: flex;
justify-content: center;
.left,.right{
width: 50%;
height: 36px;
line-height: 36px;
background: url("../images/fas fa-caret-up Copy 2.svg") no-repeat center bottom;
padding-bottom: 30px;
color:#666;
font-size: 18px;
text-align: center;
cursor: pointer;
}
.current{
color: rgba(81, 153, 238, 1);
background: url("../images/fas fa-caret-up Copy.svg") no-repeat center bottom;
}
}
.bottom{
border-top: 1px solid #5199EE;
padding: 10px 0;
margin-top: -11px;
ul{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
li{
width: 196px;
height: 75px;
margin-bottom: 5px;
a{
display: block;
width: 100%;
height: 100%;
}
img{
display: block;
width: 100%;
height: 100% ;
}
}
}
}
}
.footer{
font-size: 12px;
line-height: 24px;
background: #16325C;
a{
color:#fff;
}
.wrap{
overflow: hidden;
.top{
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #404040;
>a{
display: block;
padding-left: 27px;
}
ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
li{
// box-sizing: border-box;
// width: 12.5%;
width: 100px;
padding: 0 27px;
}
}
}
.center{
color:#fff;
display: flex;
padding-bottom: 10px;
border-bottom: 1px solid #443730;
padding: 20px 0;
dl{
width: 90px;
margin-right: 120px;
dt{
font-size: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
margin-bottom: 8px;
}
}
dl:nth-of-type(1){
margin-left: 27px;
}
dl:nth-of-type(3){
width: 280px;
margin-right: 80px;
dt{
font-size: 16px;
border: 0 none;
span{
padding-left: 5px;
font-size: 12px;
}
h1{
padding-top: 10px;
color:#E36A2B;
font-size: 28px;
}
}
dd{
height: 35px;
display: flex;
align-items: center;
img{
width: 24px;
margin-right: 5px;
}
line-height:35px;
}
}
dl:nth-of-type(4){
width: 350px;
margin-right: 0;
dt{
border: 0 none;
display: flex;
align-items: center;
padding-bottom: 0;
margin-bottom:0;
}
dt:nth-of-type(2){
margin-top: 10px;
}
dd{
padding-left: 24px;
}
dd:nth-of-type(5){
display: flex;
width: 68px;
text-align: center;
p{
margin-top: 10px;
margin-right: 20px;
}
}
}
}
.bottom{
margin-top: 10px;
text-align: center;
padding-bottom: 20px;
color:#fff;
}
}
}
.nav2{
position: fixed;
right: 0;
top:50%;
transform: translate(0,-50%);
z-index: 100;
ul{
width: 77px;
li{
width: 77px;
height: 62px;
background-color: rgba(81, 153, 238, 1);
border-radius: 5px;
margin-bottom: 10px;
justify-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
a{
img{
display: block;
margin: 0 auto;
}
color:#fff;
}
}
li:hover{
background-color: #FF8C00;
}
}
}
一区二区三区国模大胆|97久久精品人人做人人爽|亚洲中文欧美日韩在线不卞|99re66在线精品免费观看|国产精品高清一区二区人妖