@charset "utf-8";
html{touch-action: manipulation;background-color:#666;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:"Microsoft Yahei"}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei"}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family: "Microsoft Yahei";color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}

/*body*/
body { margin: 0; padding: 0; color: #000; font-size: 12px; text-align: left; background: #f2f2f2;min-width:1200px; }

a, a:link, a:visited, a:active { color: #404d71; text-decoration: none; }
a:hover { color: #404d71; text-decoration: underline; }
a:hover img { filter: alpha(opacity=80); opacity: 0.8; }

.main { margin: 0 auto; width: 1200px; position:relative;overflow: hidden;}

.red { color: #fff; }
.red:link, .red:visited, .red:hover, .red:active { color: #fff; }

.aLink { display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #fff; text-decoration: none; }
.aLink:link, .aLink:visited, .aLink:hover, .aLink:active { color: #fff; text-decoration: none; }
.mainbox{width: 100%;overflow: hidden;}
.top1{height:1131px;background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/bg_011.jpg) center top no-repeat;}
.top2{background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/bg_02.jpg) center top no-repeat;height:588px;}
.top3{background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/bg_03.jpg) center top no-repeat;height:892px;position: relative;}
.top4{background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/bg_04.jpg) center top no-repeat;height:674px;}
.top5{background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/bg_05.jpg) center top no-repeat;height:1113px;}
.top4 .main{width: 1200px;margin: 0 auto;overflow: hidden;}
.c1,.c2,.c3,.c4,.c5{position:relative;}
.c31{position:absolute;left: 63px;top: 193px;font-size: 12px;}
.form-box { width:1140px;padding-left:30px;padding-right:30px;}
.form-box dl{width: 560px;float: left;margin-right: 20px;background: #fff;height:48px;line-height:46px;margin-bottom:20px;color:#000;font-size:16px;}
.form-box dl:nth-child(2){margin-right: 0px;}
.form-box dl:nth-child(4){margin-right: 0px;}
.form-box dl:nth-child(6){margin-right: 0px;}
.form-box dl::after{ content:"";display: block; clear: both;}
.form-box dd { width:calc(100% - 2px);height:calc(100% - 2px);border: solid 1px #dcdddf;}
.form-box dd.cur{border: solid 1px #96323b;color:#96323b;}
.form-box dt {width:37px; text-align:right; padding-right:5px;}
.form-box dt span, .formText span{color: #0057ff;display: inline-block;width: 8px;}
.form-box dt span {text-align: left;}.form-box input{vertical-align:middle;}
.form-box .codeDd{width:290px;position:relative; padding-right:80px;}
.form-box select {height:22px;width: calc(100% - 40px);padding-left: 7px;box-sizing: border-box;border: none;background: none;}
.form-box .textInp{width:calc(100% - 50px);float:left;margin-left:5px; padding:0;height:100%;}
.form-box .textInp::-webkit-input-placeholder{
            color:#000;
        }
.form-box .textInp::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#000;
        }
.form-box .textInp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#000;
        }
.form-box .textInp:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#000;
        }
.form-box .iconfont{width:24px;height:24px;display:inline-block;float: left;font-size:24px;margin-left:5px;}
.form-box .codeInp{ width:280px;}
.form-box dl.s {float:left;}
.form-box dl.even {width:180px;}
.form-box dl.odd {width:233px;}
.form-box dl.s dd {width:138px;}
.form-box dl.s .codeDd {width:58px;}
.form-box dl.s dt.s { width:90px;}
.form-box .s .textInp{ width:133px;}
.form-box .s .codeInp{ width:48px;}
.form-box .s select{ width:137px;}
.form-box .codeBtn { background:#999; position: absolute;right: 0;width:80px; height:22px; text-align:center;margin-left: 3px; line-height:22px;}
.form-box .codeImg { position: absolute;right: 0;width:80px; height:22px;}
.formText{position: relative;padding-top: 0;font-size: 12px;clear:both;color: #000;line-height:20px;}
.inpBox {width:100%;height:70px;margin-top:20px;}
.loginText { clear:both; padding-left: 40px; padding-top:10px;}
.loginText a, .notice, .loginText a:link, .notice:link,.loginText a:visited, .notice:visited, .loginText a:active, .notice:active {text-decoration: underline;}
.loginText a:hover, .notice:hover{text-decoration: none;}
.inpBox a {width:250px;height:48px;text-align:center;line-height:48px;font-size: 18px;/* border: 1px solid #385cf6; */background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/btn.png);/* border-radius: 25px; */margin-bottom: 48px;display:block;margin:0 auto;}
.inpBox a.mdBtn {background: none;}.inpBox a.mdBtn:hover {background: none;}.inpBox a.qd:hover {background: none;}
.inpBox a:hover{ opacity:.8; }
/*select*/
.icon-formDl .selectpick_div {width:calc(100% - 50px);float:left;margin-left:5px; overflow: hidden;cursor: pointer;overflow: hidden;color: #000;height:100%;position: relative;}
.icon-formDl .selectpick_chara{display: inline-block;padding-right:20px;height:34px;overflow: hidden;}
.icon-formDl .selectpick_icon { cursor: pointer; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #848484; position: absolute;top: 50%;margin-top:-2px;right: 10px;}
.icon-formDl .selectpick_options { width: 100%; overflow-y: auto; border: solid 1px #570954; border-bottom: none; position: absolute; top: 48px; left: -1px; z-index: 100; display:none;}
.icon-formDl .selectpick_options ul { list-style: none; height: auto; margin: 0px; padding: 0px; z-index: 100; font-size: 13.5px; background: #000;}
.icon-formDl .selectpick_options ul li { border-bottom: solid 1px #570954; padding:4px 10px; display: block;font-size: 14px; z-index: 100; background: #000; color: #fff;line-height: 20px;}
.icon-formDl .selectpick_options li:hover{ background:#333; color:#fff;}
.icon-formDl .selectpick_options ul li.selectpick_options_selected { background:#333; color:#fff; z-index: 10;}
.icon-formDl .selectpick_no_select { cursor: default; color: #9a9898; background: #F5F5F5;}
.icon-formDl .select_hide ,.icon-formDl .select_hide option{display:none; height: 0;width:95%;line-height: 0; -moz-opacity: 0; opacity: 0;-webkit-opacity: 0; filter: alpha(opacity =0); overflow: hidden;  font-size: 0;}
.icon-formDl .selectpick_options li{cursor:pointer;}
.icon-formDl .selectpick_options li label{cursor:pointer;}
.icon-formDl .selectpick_div_box{*zoom:1; *display:inline;position:relative; z-index: 9;height:100%;}

.formText a{color: #6683fe;text-decoration: underline;}.formText a:hover{text-decoration: none;}


.lr2{transform-origin: 100% 0;transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.lr2:hover{animation-name: wobble-bottom;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
@keyframes wobble-bottom{
  15% {-webkit-transform: skew(-18deg);transform: skew(-18deg);}
  30% {-webkit-transform: skew(18deg);transform: skew(18deg);}
  45% {-webkit-transform: skew(-9deg);transform: skew(-9deg);}
  60% {-webkit-transform: skew(9deg);transform: skew(9deg);}
  75% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
  100% {-webkit-transform: skew(0);transform: skew(0);}
}


.form-box dd input,.form-box dd .selectpick_div{transition: all .2s;}
.form-box dd input:hover,.form-box dd .selectpick_div:hover{ margin-left: 10px; }

.form-box-2 dl{width: 364px;}
.form-box-2 dl:nth-child(2){margin-right: 20px;}
.form-box-2 dl:nth-child(4){margin-right: 20px;}
.form-box-2 dl:nth-child(3){margin-right: 0;}


.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.videoBox {width:1140px;height:601px;margin:0 auto;}

/* 轮播 */
.swiper-container-lb1 {
    width: 1437px;
    top: -100px;
    text-align: center;
    position: absolute;
    left:50%;
    margin-left:-718.5px;
}
.swiper-container-lb2{width: 891px;margin: 0 auto;text-align: center;
    overflow:visible;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {content:''!important;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''!important;}
.swiper-container-lb1 .swiper-button-next,.swiper-container-lb1 .swiper-container-rtl .swiper-button-prev{background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/btnr.png) no-repeat center;width:36px;height:70px;right:60px;}
.swiper-container-lb1 .swiper-button-prev,.swiper-container-lb1 .swiper-container-rtl .swiper-button-next{background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/btnl.png) no-repeat center;width:36px;height:76px;left:60px;}
.swiper-container .swiper-button-prev:hover{opacity: .9}
.swiper-container .swiper-button-next:hover{opacity: .9}

._scroll::-webkit-scrollbar {width:3px;height:1px;}
._scroll::-webkit-scrollbar-thumb {border-radius:10px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#ccc;}
._scroll::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:10px;background:#ededed;}

.slideTxtBox{ width:100%; }
.slideTxtBox .hd{ height:40px; line-height:40px;  position:relative;}
.slideTxtBox .hd ul{text-align:center;width:100%;}
.slideTxtBox .hd ul li{ display:inline-block;margin-left:23px;margin-right:23px; cursor:pointer;background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab1.png) repeat-x -13px top;padding-left: 30px;padding-right: 30px;text-align:center;color:#bf1323;font-size: 16px; height:40px;  position: relative;}
.slideTxtBox .hd ul li:before{content: '';display: block;position: absolute;left: -13px;height: 40px;width: 13px;background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab1.png) no-repeat left top;top: 0;}
.slideTxtBox .hd ul li:after{content: '';display: block;position: absolute;right: -13px;height: 40px;width: 13px;background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab1.png) no-repeat right top;top: 0;}
.slideTxtBox .hd ul li.on{background:url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab2.png) repeat-x -13px top;color: #fff;}
.slideTxtBox .hd ul li.on:before{background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab2.png) no-repeat left top;}
.slideTxtBox .hd ul li.on:after{background: url(https://topic.autoimg.cn/sccx/marketing/2021/8/passat/pc/tab2.png) no-repeat right top;}
.slideTxtBox .bd {width:1200px;text-align:center;margin:40px auto 0 auto;height:auto;overflow:hidden;}

.c5img{width:1200px;margin:0 auto;position:relative;overflow: hidden;}
.roundabout-holder { list-style:none; width:800px; height:450px; margin:0px auto;position:relative;left:4px; }
.roundabout-moveable-item { font-size:12px!important; height:450px; width:800px; cursor:pointer;  }
.roundabout-moveable-item img { height:100%; width:100%;  margin:0; }

.xdjbtn2{display: inline-block;margin-left: 20px;}
.xdjbtn{display: inline-block;position: absolute;bottom: 162px;left: 50%;margin-left: -120px;z-index: 99;}