@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

/* 立博banner */
.banner{ width: 100%; height: auto;overflow: hidden;position: relative;}
.banner img{width: 100%;position: relative;}
.bg{position: absolute;bottom:12vw;right: 12vw;padding: 2vw;border-radius: 10px;}
.bg p{color: #fff;font-size: 1vw;}
.bg h3{color: #fff;font-size:2.2vw;text-align: right;font-weight:normal;}
/* 案例图集 */
.aboutall{overflow: hidden;width: 80%;
    margin: 0 auto;margin-top: 5vw;}
.aboutall ul{width: 100%;
    overflow: hidden;margin-bottom: 2vw;}
.aboutall ul li{    overflow: hidden;
    margin-bottom:4vw;width: 30%;
    float: left;
    margin-right: 3%;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 6vw;}
.about1{width:100%;margin-right: 0%;}
.about1 img{transition: all .3s ease;width:100%;}
.about1:hover img{ transform: scale(1.05);}
.about2{width: 100%;}
.about2 h3{color: #333;font-weight: normal;
    font-size: 24px;margin-top:1vw;}
.about2 dt{float: right;
    margin-top: -1vw;}
.about2 dd{height:5px;
    width: 50px;
    background-color: #bf4824;
    margin-top: 1vw;
    margin-bottom: 1.5vw;}
.about2 p{color: #666;
    font-size: 14px;margin-top:2vw;line-height: 25px;}
.about2 a {
    color: #b64223;
    font-size: 14px;
    position: absolute;
    border: 1px solid #b64223;
    padding: 8px 30px;margin-top: 2vw;}
.about2:hover a{background-color: #b64223;color:#fff;}
@media (max-width: 760px) {
.banner p {
    position: absolute;
    bottom: 14.5vw;
    right: 0%;
    color: #fff;
    font-size: 3vw;
    padding: 2%;
    text-align: right;
}
.banner img {
    width: auto;
    position: relative;
    height: 60vw;
}
.banner h3 {
    position: absolute;
    bottom: 6.5vw;
    right: 2%;
    color: #fff;
    font-size: 5vw;
}
.bg {
    position: absolute;
    bottom: 12vw;
    right: 2%;
    padding: 4vw;
    border-radius: 10px;
    width: 70%;
    height: 20vw;
}
.aboutall {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 5vw;
}
.about1 {
    float: left;
    width: 96%;
    margin-right: 3%;
    margin: 0 2% 5% 2%;
}
.about2 {
    /* float: right; */
    width: 96%;
    margin: 0 2%;
    margin-top: 5%;
}
.about2 h3 {
    color: #333;
    font-weight: normal;
    font-size: 4vw;
    margin-top: 1vw;
}
.about2 dd{height:3px;
    width: 30px;
    background-color: #bf4824;
    margin-top: 1vw;
    margin-bottom: 1.5vw;}
.about2 dt {
    float: right;
    margin-top: -4vw;
}
.aboutall ul li {
    overflow: hidden;
    margin-bottom: 4vw;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 18vw;
    padding-top: 3vw;
    width:100%;
}
.about2 a {
    color: #b64223;
    font-size: 3vw;
    position: absolute;
    border: 1px solid #b64223;
    padding: 8px 30px;
    margin-top: 4vw;
}
.about2 dt {
    float: right;
    margin-top: -4vw;
    font-size: 3vw;
}
.about2 p {
    color: #666;
    font-size: 3vw;
    line-height: 25px;
}
}