@CHARSET "UTF-8";
.page1{
	background-image:url(/css/web/qdb-page1-bg.jpg);
}
.sbg1{
	background-image:url(/css/web/qdb-page1-sbg.png);
}
.page2{
	background-image:url(/css/web/qdb-page2-bg.jpg);
}
.sbg2{
	background-image:url(/css/web/qdb-page2-sbg.png);
}
.page3{
	background-image:url(/css/web/qdb-page3-bg.jpg);
}
.ss7{
	width:1150px;
	height:700px;
	margin:auto;
}
.text-block{
	display:inline-block;
	position:relative;
}
.qdb-page1-text1{
	font-size: 70px;
    position: relative;
    top: 50px;
    left: 490px;
    opacity:0;
    
}
.qdb-page1-text2{
	font-size: 30px;
    position: relative;
    top: 80px;
    left: 20px;
    text-align: center;
    opacity:0;
}
.qdb-page1-text3{
    font-size: 30px;
    position: relative;
    top: 210px;
    left: 340px;
    opacity:0;
}
.qdb-page1-text4{
    font-size: 24px;
    text-align: center;
    position: relative;
    top: 220px;
    left: 35px;
    opacity:0;
}
.qdb-page2-text1{
	font-size: 45px;
    position: relative;
    top: 70px;
    left: 415px;
    opacity:0;
}
.qdb-page2-text2{
    flex: 1;
}
.qdb-page2-text3{
    flex: 1;
    position: relative;
    left: 35px;
}
.qdb-page2-text4{
    flex: 1;
    position: relative;
    left: 60px;
}
.qdb-page2-s1{
    font-size: 24px;
    position: relative;
    top: 410px;
    display: flex;
    margin: auto;
    width: 950px;
    text-align: center;
    opacity:0;
}
.qdb-page3-pic{
    background-image: url(/css/web/qdb-page3-imac.png);
    width: 500px;
    height: 450px;
    display: inline-block;
    position: relative;
    top: 80px;
    right:100px;
    opacity:0;
}
.sbg4{
	background-image:url(/css/web/qdb-page4-sbg.jpg);
}
.qdb-page3-text1{
    position: relative;
    font-size: 45px;
    bottom: 300px;
    left: 550px;
    opacity:0;
}
.qdb-page3-ul{
	font-size: 24px;
    position: relative;
    bottom: 200px;
    left: 530px;
    opacity:0;
}
.qdb-page4-t1{
	    font-size: 45px;
    position: relative;
    top: 0px;
    opacity:0;
}
.qdb-page4-s1{
    font-size: 24px;
    position: relative;
    top: 85px;
    left: 100px;
    opacity:0;
}
.qdb-page4-t2{
    padding-bottom: 32px;
}
.qdb-page4-pic1{
    background-image: url(/css/web/qdb-page4-pic1.png);
    width: 141px;
    height: 134px;
    display: inline-block;
    position: relative;
    bottom: 465px;
    left: 550px;
    opacity:0;
}
.qdb-page4-pic2{
    background-image: url(/css/web/qdb-page4-pic2.png);
    width: 197px;
    height: 226px;
    display: inline-block;
    position: relative;
    bottom: 470px;
    left: 590px;
    opacity:0;
}
.qdb-page4-pic3{
    background-image: url(/css/web/qdb-page4-pic3.png);
    width: 139px;
    height: 59px;
    display: inline-block;
    position: relative;
    bottom: 490px;
    left: 620px;
    opacity:0;
}
.qdb-page4-pic4{
	background-image: url(/css/web/qdb-page4-pic4.png);
    width: 160px;
    height: 84px;
    display: inline-block;
    position: relative;
    bottom: 410px;
    left: 380px;
    opacity:0;
}
.qdb-vedio{
    width: 950px;
    height: 440px;
    margin: 40px auto 60px;
}
.qdb-appl{
	font-size: 30px;
    color: black;
    width: 120px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
.qdb-line{
	border: 1px solid;
    width: 140px;
    margin: 5px auto;
}