* {
    margin: 0px 0px;
    padding: 0px 0px;   
}
html {
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-image: url(images/2/1-1.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    color: white;
    font-size: 14px;
    font-family: '微软雅黑', arial;
}

.logo1 {
    display: block;
    position: fixed;
    top: 10px;
    left: 10px;
    width: 146px;
    height: 41px;
    background-image: url(images/2/1-2.png);
    background-size: cover;
}
.logo2 {
    display: block;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 110px;
    height: 16px;
    background-image: url(images/2/1-3.png);
    background-size: cover;
}
.fix-left {
    display: block;
    position: fixed;
    top: 200px;
    left: 10px;
    width: 176px;
    height: 128px;
    background-image: url(images/2/1-4.png);
    background-size: cover;
}

#fullpage {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-top: 0px;
}
.section {
    width: 100%;
}

.div1 {
    /*background-image: url(images/2/1-5.png);*/
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px;
}
.div2 {
    margin-top: 0px;
}




.cars {
    float: left;
    width: 45%;
    margin-right: 20px;
}
.cars > * {
    text-decoration: none;
    top: 50px;
    position: relative;
    display: block;
    margin-bottom: 10px;
    text-align: right;
}
.cars img {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

.yy_main {
    float: left;
    position: relative;
    width: 480px;
    left: 0px;
    top: 30px;
    padding: 10px 20px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/s.png);
    border: 2px #ddd solid;
    transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
}
.yy_main .tit{ 
    height: 40px;
    line-height: 40px; 
    text-align: center;
    border-bottom: 1px #ddd solid; 
    font-weight: bold; 
    font-size: 20px;
}
.yy_main .tit img{ position: relative; top: 6px; margin-right: 14px;}
.yy_main table{ margin-top: 18px; font-size: 16px; font-weight: normal; }
.yy_main td{ height: 48px;}
.yy_main input,
.yy_main select{ height: 36px; line-height: 36px; border: 2px #666 solid; font-size: 14px;}
.yy_main select{ width: 100%; padding-left: 10px;}
.yy_main .rad_sec{ position: relative; float: left; height: 40px; margin-left: 20px; padding-left: 45px; line-height: 40px;}
.yy_main .rad_sec input{ position: absolute; top: 8px; left: 10px; height: 24px; width: 24px; margin: 0 8px 0 0; border: 0;}
.yy_main #mobile{ padding: 0 10px; width: 350px;}
.yy_main #testname{ float: left; padding: 0 10px; width: 130px;}
.yy_main .sel_l{ float: left; width: 170px;}
.yy_main .sel_r{ float: right; width: 170px;}
.yy_main input[type=button]{ width: 200px; height: 40px; border: 0; font-size: 14px; }
.yy_main input.sub{ background: #bf955a; color: white; font-size: 20px;cursor: pointer;}
.yy_main input.reset{ background: #bebebe; margin-left: 8px; color: white; font-size: 20px;cursor: pointer;}
.yy_main .fs12{ font-size: 12px;}






@media screen and (min-height: 550px) {

.div2 {
    margin-top: 0px;
}
.yy_main {
    transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
}

}
@media screen and (min-height: 600px) {

.div2 {
    margin-top: 30px;
}
.yy_main {
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

}

@media screen and (min-height: 650px) {

.div2 {
    margin-top: 60px;
}

.cars img {
    width: 330px;
}

.yy_main {
    top: 50px;
    transform: scale(0.85, 0.85);
    -webkit-transform: scale(0.85, 0.85);
}

}

@media screen and (min-height: 750px) {

.div2 {
    margin-top: 90px;
}
.cars img {
    width: 350px;
}

.yy_main {
    top: 50px;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
}

}