@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;}
.banner p{
	position: absolute;
    top:6.5vw;
    left: 12vw;
	color: #fff;
    font-size: 24px;}
.banner h3{
	position: absolute;
    top:8.5vw;
    left: 12vw;
	color: #fff;
    font-size:60px;}
/* 图集 */
.about{width:80vw;position: relative;overflow: hidden;margin:50px auto 50px auto;}
.about h3{font-size:40px;font-weight:bold;color:#333;margin:0;line-height:55px;}
.about dd{font-size:18px;font-weight:normal;color:#333;margin-bottom: 2vw;}
.ry{width:80vw;margin:0 auto 4vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:257px;overflow:hidden;border: 1px solid #ddd;padding: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:90%;}
@media (max-width: 760px) {
.banner p {
    position: absolute;
    bottom: 24.5vw;
    left: 12vw;
    color: #fff;
    font-size: 3vw;
}    
.banner h3 {
    position: absolute;
    bottom: 28.5vw;
    left: 12vw;
    color: #fff;
    font-size: 5vw;
}
.about {
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 20px auto 30px auto;
}
.about h3 {
    font-size: 5vw;
    font-weight: normal;
    color: #333;
    margin: 0;
    line-height: 25px;
}
.about dd {
    font-size: 4vw;
    font-weight: normal;
    color: #333;
    margin-bottom: 2vw;
}
.ry {
    width: 96%;
    margin: 0 auto 4vw auto;
    overflow: hidden;
}
.marqueeleft li {
    float: left;
    margin: 0 15px;
    display: inline;
    width: 157px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 15px;
}
.marqueeleft li .pic {
    display: block;
    border: #ccc 0px solid;
    width: 157px;
    padding: 2px;
    overflow: hidden;
}
.marqueeleft li img {
    width: 98%;
}
.banner img {
    width: auto;
    position: relative;
    height: 45vw;
    padding-top: 10vw;
    margin-left: -21vw;
}
}