﻿
.banner {
    height: 400px;
    background: url(/images/baidu/pc_ban.jpg) no-repeat center center;
}
.adv {
    width: 100%;
    background: linear-gradient(to right, #f7f8fc 50%, #fff 50%);
}
.d-flex{
    display:flex;
    justify-content:space-between
}
.intro{
    padding: 50px;

}
.t-c{
    text-align: center;
}
.m-h-40{
    padding: 30px 0;
}
.fs28 {
    font-size: 28px;
}
.fs20 {
    font-size: 20px;
    color: #999;
}
.intro .fs28 {
    color: #127be6;
}
.intro .fs28::after {
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background: #127be6;
    margin-top: 30px;
}
.intro .state {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    text-indent: 2em;
    margin-top: 30px;
    font-weight: normal;
}
.advImg {
    margin: 40px 0;
    border: 5px solid #fff;
}
.iconNav {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.iconNav dl{
    width: 25%;
    text-align: center;
    margin-bottom: 50px;
}
.iconNav dl dd {
    font-size: 20px;
    margin-top: 30px;
    color: #666666;
}
.iconNav dl dd span{
    color: #127be6;
}
.banner2 {
    height: 430px;
    background: url(/images/baidu/pc_ban2.jpg) no-repeat center center;
    background-size:cover;
}
.poser {
    height: 620px;
    background: url(/images/baidu/pic_02.jpg) no-repeat center top;
    background-size: 1920px 660px;
}
.ad {
    height: 200px;
    background: url(/images/baidu/pic_03.jpg) no-repeat center center;
    background-size: 1920px 200px;
}
.edge {
    padding-bottom: 20px;
    background: url(/images/baidu/pic_04.jpg) no-repeat center center;
    background-size: 1920px 500px;
}
.choose-box .col-lg-3 {
    position: relative
}
.choose {
    text-align: center;
    margin-top: 20px
}
.choose img {
    display: inline-block
}
.choose h5 {
    color: #000;
    font-size: 18px;
    display: block;
    margin-top: 25px
}
.choose em {
    width: 30px;
    height: 2px;
    background: #b2d8ff;
    display: block;
    margin: 18px auto
}
.choose p {
    display: block;
    color: #666
}
.line-r {
    background: #efefef;
    width: 1px;
    height: 160px;
    position: absolute;
    right: 0;
    top: 40px
}
.form_con {
    padding-bottom:80px;
    margin: 10px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 0\9;
}

.form_left {
    width: 570px;
    height: 382px;
    background: url(/images/baidu/pic_05.jpg) no-repeat 0 0;
    background-size: 100%;
    padding-top: 322px;
    margin-right: 30px;
    display: inline-block\9;
    vertical-align: top;
}

.form_left .form_img {
    display: none;
}

.form_left .btns {
    display: flex;
    font-size: 0\9;
}

.form_left .btns div {
    display: inline-block\9;
    width: 272px;
    height: 60px;
    border: 1px solid #25b2ff;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

.form_left .btns .btn_left {
    margin-right: 34px;
    margin-right: 26px\9;
}

.form_left .btns .contactus a {
    display: block;
    height: 59px;
}

    .form_left .btns .contactus a:hover {
        box-shadow: 0 0 10px #ade2ff;
    }

.form_left .btns img {
    vertical-align: middle;
    margin-right: 5px;
    width: 34px;
    margin-top: -5px;
}

.form_ {
    width: 600px;
    display: inline-block\9;
    vertical-align: top;
}

.form_right {
    width: 100%;
    height: 382px;
}

.form_right div {
    height: 80px;
    width: 100%;
    font-size: 16px;
}

.form_right div label {
    width: 110px;
    display: inline-block;
    color: #3f3f3f;
    text-align: center;
}

.form_right div .label_radio {
    width: 98px;
    height: 50px;
    border: 1px solid #a0a0a0;
    text-align: center;
    line-height: 50px;
    color: #3f3f3f;
    margin-right: 10px;
}

.form_right div .labelgirl {
    margin-right: 0;
}

.form_right div #boy {
    width: 0;
    height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.form_right div #girl {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.form_right div #boy:checked + label {
    border-color: #25b2ff;
    color: #25b2ff;
}

.form_right div #girl:checked + label {
    border-color: #25b2ff;
    color: #25b2ff;
}

.form_right div input[type="text"] {
    text-indent: 26px;
    display: inline-block;
    width: 490px;
    height: 50px;
    border: 1px solid #a0a0a0;
    line-height: 50px\9;
}

    .form_right div input[type="text"]::-webkit-input-placeholder {
        color: #aaa;
    }

.form_right div input.special {
    width: 260px;
    margin-right: 22px;
    vertical-align: top\9;
}

.form_right div .yanzhengma {
    width: 146px;
    height: 50px;
    background-position: -630px -150px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #a0a0a0;
    margin-left: -4px;
}

.form_right div .authcode {
    height: 50px;
}

.form_right .lijitijiao {
display: block;
background: linear-gradient(left, #0952ff, #50c9ff);
background: -ms-linear-gradient(left, #0952ff, #50c9ff);
background: -webkit-linear-gradient(left, #0952ff, #50c9ff);
background: -moz-linear-gradient(left, #0952ff, #50c9ff);
width: 490px;
font-size: 22px;
height: 55px;
line-height: 55px;
text-align: center;
float: right;
color: #fff;
background: url(/images/olm/operate/submit_bg.png) no-repeat\9;
}

.form_right .lijitijiao:hover {
    box-shadow: 0 5px 20px rgba(18, 97, 255, 0.2);
}

.banner img, .banner2 img, .poser img, .ad img{
    display: none;
}
@media screen and (max-width: 768px) {
    .banner, .banner2, .poser, .ad {
        height: auto;
        text-align: center;
    }
    .banner img, .banner2 img, .poser img, .ad img{
        display: inline-block;
        vertical-align: top;
        width: 100%;
        height: auto;
    }
    .m-h-40 {
        padding: 20px 0;
    }
    .d-flex {
        flex-wrap: wrap;
    }
    .adv{
        background: #fff;
    }
    .intro{
        padding: 20px 20px 0;
    }
    .fs28 {
        text-align: center;
        font-size: 18px;
        color: #333333 !important;
        font-weight: bold;
        margin-top: 10px;
    }
    .fs20{
        font-size: 14px;
    }
    .intro .fs28::after {
        display: none;
    }
    .intro .state {
        font-size: 14px;
        margin-top: 0;
    }
    .advImg {
        margin: 0;
        padding: 0 20px;
    }
    .advImg img {
        width: 100%;
    }
    .iconNav{
        padding:0 14px 10px;
    }
    .iconNav dl {
        margin-bottom: 20px;
    }
    .iconNav dl dt img {
        width: 46px;
    }
    .iconNav dl dd {
        font-size: 14px;
        padding: 0 4px;
        margin-top: 14px;
    }
    .edge{
        padding-bottom: 0;
    }
    .choose {
        margin: 0;
        height: 180px;
    }
    .mob-choose {
        padding: 0 5px
    }
    .choose img {
        width: 50px
    }
    .choose h5 {
        font-weight: 700;
        margin-top: 20px;
        font-size: 14px;
    }
    .choose em {
        width: 20px;
        margin: 9px auto
    }
    .choose p {
        line-height: 1.6;
        font-size:12px;
    }
    .mob-choose .col-xs-6 {
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0
    }
    .mob-choose .col-xs-6:nth-child(odd) {
        border-right: 1px solid #e0e0e0
    }
    .mob-choose .col-xs-6:nth-child(3), .mob-choose .col-xs-6:nth-child(4) {
        border-bottom: 0
    }
    .mob-choose .col-xs-6 {
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
    }
    .line-r{
        display: none;
    }
    .form_con {
        margin-top: 0;
        padding-bottom: 20px;
    }
    .form_con .form_left {
        margin-right: 0;
        width: 100%;
        height: auto;
        background: none;
        padding-top: 0;
    }
    .form_left .form_img{
        display:block;
    }
    .form_con .form_left .form_img img {
        width: 100%;
    }
    .form_con .form_ {
        width: 100%;
        padding-bottom: 4vw;
    }
    .form_con .form_ .form_right {
        width: 100%;
        padding: 0 20px;
        height: auto;
    }
    .form_con .form_left .btns {
        padding: 20px;
    }
    .form_con .form_left .btns img {
        display: inline-block;
        vertical-align: middle;
        width: 5.33333333vw;
        margin-right: 2.4vw;
        margin-top: -0.13333333vw;
    }
     .form_con .form_left .btns .btn_left {
        margin-right: 3.6vw;
        padding-left: 0;
    }
    .form_con .form_left .btns .btn_right {
        padding-left: 0;
    }
    .form_con .form_left .btns div {
        width: 44.26666667vw;
        height: 9.33333333vw;
        border: 1px solid #bfbfbf;
        border-radius: 1.33333333vw;
        line-height: 9.33333333vw;
        font-size: 3.46666667vw;
        text-align: center;
    }
    .form_con .form_ .form_right div label {
        width: 18%;
        line-height: 9.33333333vw;
        font-size: 3.46666667vw;
        font-weight: normal;
        color: #3f3f3f;
        text-align: center;
        margin-right: 1%;
    }

    .form_right div{
        height: 50px;
    }
    .form_con .form_ .form_right div .label_radio {
        height: 9.33333333vw;
        line-height: 9.33333333vw;
        width: 15%;
        box-sizing: border-box;
        margin-right: 3%;
        border-radius: 1.33333333vw;
    }

    .form_con .form_ .form_right div .authcode {
        width: 25%;
        height: 9.33333333vw;
        border: 1px solid #a0a0a0;
        border-radius: 1.33333333vw;
        background-color: #f6f6f6;
    }

    .form_con .form_ .form_right div .labelgirl {
        margin-right: 0;
    }

    .form_con .form_ .form_right div input[type="text"] {
        width: 80%;
        height: 9.33333333vw;
        text-indent: 1em;
        border-radius: 1.33333333vw;
        color: #3f3f3f;
        font-size: 3.46666667vw;
    }

    .form_con .form_ .form_right div input.special {
        width: 43%;
        margin-right: 3%;
    }

    .form_con .form_ .form_right div input#yanzheng {
        width: 53%;
    }

   .form_con .form_ .form_right .lijitijiao {
        width: 100%;
        border-radius: 1.33333333vw;
        height: 10.66666667vw;
        line-height: 10.66666667vw;
        font-size: 4vw;
        box-shadow: 0 0.26666667vw 2.66666667vw #8cabff;
    }

    .form_con .form_ .form_right .lijitijiao:hover {
        box-shadow: 0 0.26666667vw 2.66666667vw #8cabff;
    }
}





