body{background: #fbfbfb;}
.banner-wrap{background: #000;}
.banner{width: 100%;height: 774px;background: url(../images/banner.jpg) center 50% no-repeat;overflow: hidden;}
.banner-car{position: relative;margin: 0 auto;width: 990px;height: 774px;}
.ld-car{position: absolute;top: 433px;left: 170px;width: 470px;height: 278px;overflow: hidden;z-index: 9;}
.huge{position: absolute;top: 107px;left: 521px;z-index: 99;}
.main-wrap{width: 100%;overflow: hidden;background: url(../images/bg.jpg) no-repeat 50% top;}
.main{margin: 70px auto;width: 1200px;overflow: hidden;}
.info{overflow: hidden;}
.pic-wrap{position: relative;float: left;left: 13px;width: 645px;height: 778px;}
.pic-1{position: absolute;top: 0;left: 21px;z-index: 99;}
.pic-2{position: absolute;top: 221px;left: 2px;}
.pic-3{position: absolute;top: 253px;left: 185px;}
.pic-4{position: absolute;top: 494px;left: 4px;}
.sj-1{position: absolute;top: 0;left: 518px;z-index: 9;}
.sj-2{position: absolute;top: 675px;left: 254px;}
.show{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.pic-wrap .show:hover{transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.form-wrap{float: right;width: 452px;}
.form{position: relative;height: 337px;background: url(../images/from.png) no-repeat;overflow: hidden;}
.tijiao{margin: 50px 0 0 158px;width: 163px;height: 41px;background: url(../images/button.png) no-repeat;cursor: pointer;}
.name{position: absolute;top: 102px;left: 140px;width: 295px;height: 35px;border: 1px solid red;}
.baoming {float: right;padding-top: 76px;margin-right: 12px;}
.bmlist {width: 310px;margin-top: 28px;overflow:hidden;}
.bmlist input[type='text'] {width: 295px;height: 32px;line-height: 32px;background: #fff;border: none;padding: 0 5px;font-size:14px;}
.bmlist p{margin-right: 102px;float:left;height: 38px;line-height: 38px;}
.bmlist span{font-size:20px;color:#fff;display:block;float:left;}
.bmlist em{margin-right:10px;width:24px;height:25px;display:block;float:left;margin-top:4px;cursor:pointer;}
.bmlist p.active em{background:url(../images/select.png) no-repeat 0 -2px;}
.bmlist.last{margin-top: 32px;}
.bg3 {width: 100%;height:873px;background:url(../../images/topic/citrorn/boxbg1_03.jpg) center top no-repeat;}
/*tishi*/
.db-ttag {width:320px;height:180px;background:#fff;border-radius:5px;position:fixed;left:50%;top:50%;margin-left: -150px;margin-top:-90px;box-shadow:0 1px 10px #000;display: none;z-index: 9999;}
.db-ttag h6 {width: 100%;height: 34px;line-height: 34px;border-bottom: 1px solid #d9ad2e;background-color: #c9c8c8;text-align: center;color: #000;font-size: 16px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.db-ttag p{width: 100%;text-align: center;height: 62px;padding-top: 40px;}
.db-tagput {width: 100%;text-align: center;}
.db-tagput input {width: 50%;height: 30px;background-color: #d9ad2e;color: #fff;border-radius: 5px;cursor: pointer;}
.mask {width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 99;background-color: #000;background: rgba(0, 0, 0, 0.60);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000000', endcolorstr='#000000');display: none;}
.active, .cur {display: block;}
.lingdong{position: relative;right: 55px;}
.pic-d{margin-top: 65px;}
.footer{width: 100%;height: 542px;background: url(../images/footer-bg.png) repeat-x;}
.footer-1{width: 100%;height: 246px;background: url(../images/footer-1.png) no-repeat 50% top;}
.footer-2{width: 100%;height: 296px;background: url(../images/footer-2.png) no-repeat 50% top;}
.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}