File: /www/wwwroot/www.demosj.top/static/css/style.css
*{
margin: 0;
padding: 0;
font-family: "微软雅黑";
}
.lf{
float: left;
}
.rf{
float: right;
}
li{
list-style: none;
}
.header{
width: 100%;
height: 100px;
background-color: white;
}
.head_1200{
width: 1200px;
height: 100px;
background-color: white;
margin: 0 auto;
}
.logo{
margin-top: 20px;
margin-right: 380px;
}
.nav>li{
float: left;
}
.nav a{
text-decoration: none;/*取消下划线*/
margin: 0 32px;
line-height: 100px;
color: #333;
font-size: 16px;
}
.nav a:hover{
color:#b50007 ;
}
.banner img{
width: 100%;
vertical-align: bottom;/*图片的对齐方式:下*/
}
.content_01{
width: 100%;
height: 420px;
background-color: #b50007;
}
.con1_1200{
width: 1200px;
height: 420px;
margin: 0 auto;
padding-top: 62px;
box-sizing: border-box;
color: white;
}
.con1_1200>h3{
text-align: center;
font-size: 24px;
line-height: 34px;
}
.con1_1200>h4{
text-align: center;
font-size: 12px;
font-weight: normal;
}
.list{
margin-left: 92px;
margin-top: 75px;
}
.list>li{
float: left;
width: 190px;
height: 230px;
text-align: center;
padding-top: 100px;
box-sizing: border-box;
}
.ls_01{
background: url(../images/1_09.png) no-repeat top center ;
}
.ls_02{
background: url(../images/1_11.png) no-repeat top center ;
}
.ls_03{
background: url(../images/1_13.png) no-repeat top center ;
}
.ls_04{
background: url(../images/1_16.png) no-repeat top center ;
}
.ls_05{
background: url(../images/1_18.png) no-repeat top center ;
}
.list h5{
font-size: 18px;
font-weight: normal;
}
.list p{
font-size: 12px;
line-height: 24px;
}
.content_02{
width: 100%;
height: 800px;
background-color: white;
padding-top: 62px;
box-sizing: border-box;
}
.con2_1200{
width: 1200px;
height: 800px;
background-color: white;
margin: 0 auto;
}
.con2_1200>h3{
text-align: center;
font-size: 24px;
line-height: 34px;
color: #333;
}
.con2_1200>h4{
text-align: center;
font-size: 12px;
font-weight: normal;
color: #333;
}
.new_01,.new_02{
width: 1200px;
height: 240px;
background-color: white;
}
.new_01>.text,.new_02>.text{
width: 560px;
margin-left: 50px;
}
.new_01{
margin-bottom: 30px;
margin-top: 44px;
}
.text>h5{
font-size: 24px;
margin-top: 56px;
line-height: 40px;
}
.text>p{
font-size: 14px;
line-height: 30px;
}
.content_03{
width: 100%;
height: 360px;
background-color: #b50007;
}
.con3_1200{
width: 1200px;
height: 360px;
/*background-color: yellowgreen;*/
margin: 0 auto;
}
.icon>li{
width: 296px;
height: 306px;
float: left;
margin-top: 30px;
text-align: center;
color: white;
padding-top: 218px;
box-sizing: border-box;
}
.ic01{
border-right: 1px solid #920a10;
background: url(../images/1_29-10.png) no-repeat 90px 74px;
}
.ic02{
border-right: 1px solid #920a10;
background: url(../images/1_31.png) no-repeat 90px 74px;
}
.ic03{
border-right: 1px solid #920a10;
background: url(../images/1_37.png) no-repeat 90px 74px;
}
.ic04{
background: url(../images/1_40.png) no-repeat 90px 74px;
}
.icon>li h3{
font-size: 24px;
line-height: 38px;
}
.icon>li p{
font-size: 16px;
line-height: 30px;
}
.footer{
width: 100%;
height: 294px;
background-color: #1b1b1b;
}
.foot_1200{
width: 1200px;
height: 294px;
background-color: #1B1B1B;
margin: 0 auto;
}
.foot_1200>p{
font-size: 14px;
color: white;
line-height: 28px;
margin-top: 52px;
margin-right: 657px;
}
.wei{
margin-top: 54px;
}
.wei>p{
font-size: 12px;
text-align: center;
line-height: 18px;
color: white;
}