﻿.proInfo {zoom:1;overflow:hidden;background:#fff;color:#333;width:auto;padding-bottom:50px;}
.proInfoTop {clear:both;zoom:1;overflow:hidden;background:#fff;width:auto;padding-top:30px;}
.proInfoTop .left {width:600px;float:left;display:inline;}
.proInfoTop .right {width:380px;float:right;display:inline;color:#333;}
.proTitle {font-size:22px;line-height:1.2em;font-weight:bold;padding:15px 0;margin-top:10px;margin-bottom:10px;border-bottom1:1px dashed #B6B6B6;border-top1:1px dashed #b6b6b6;}
.proHei {line-height:35px;display:flex;font-weight:bold;}
.proHei img {display:block;width:25px;height:25px;cursor:pointer;padding-top:5px;}
.proColor {height:35px;line-height:35px;width:30px;float:right;margin:0;}

.price {padding:8px 0;font-weight:bold;font-size:16px;height:18px;line-height:18px;margin-top:12px;font-family:微软雅黑;color:#D3000A;}
.color {padding1:8px 0;}
.color div {float:left;display:inline;}
.color div img {display:block;width:25px;height:25px;cursor:pointer;padding-top:5px;}
.models {border:1px solid #C9C9C9;}
.proInfoTop .right .txt {padding-top:20px;font-family:微软雅黑;color:#333;}
.proInfoTop .right .txt p {padding:0.5em 0;}
.proInfoTop .right .txt a {color:#333;}

.bigImg {width:100%;}

.colorImgs {clear:both;margin-top:20px;}
.colorImgs table {margin:0 auto;}
.colorImgs td {height:80px;width:60px;padding:5px;}
.colorImgs div {padding:5px;height:50px;width:50px;background:url('images/smallProBg.jpg?f');}
.colorImgs img {cursor:pointer;}

.proInfoSwapBut {zoom:1;overflow:hidden;padding-top:20px;background:#fff;width:auto;}
.proInfoSwapBut ul {padding:0 50px;width:1100px;border-bottom:1px solid #B6B6B6;}
.proInfoSwapBut li {float:left;display:inline;font:18px/25px '微软雅黑';width:200px;text-align:center;}
.proInfoSwapBut li a {color:#222;display:inline-block;_display:block;_display:inline;}
.proInfoSwapBut li a em {display:inline-block;height:43px;line-height:43px;}
.proInfoSwapBut li a em.l {padding-left:20px;width:160px;}
.proInfoSwapBut li a em.r {width:20px;}
.proInfoSwapBut li a:hover,.proInfoSwapBut li a.hover {color:#fff;}
.proInfoSwapBut li a:hover em {background:url('images/proInfoSwapLink.png');}
.proInfoSwapBut li a:hover em.l {background-position:left center;}
.proInfoSwapBut li a:hover em.r {background-position:right center;}
.proInfoSwapBut li a.hover em {background:url('images/proInfoSwapLink.png');}
.proInfoSwapBut li a.hover em.l {background-position:left center;}
.proInfoSwapBut li a.hover em.r {background-position:right center;}

.swapContent {clear:both;color:#666;}
.designItems {clear:both;overflow:hidden;}
.designItems ul {zoom:1;width:1100px;margin-left1:-10px;}
.designItems li {float:left;display:inline;width:365px; margin-top:20px;height:130px;margin1:20px 0 0 80px;}
.designItems .img {float1:left;display1:inline;padding1:10px 0;width:80px;height:80px; margin:0 auto;}
.designItems .txt {float1:left;display1:inline;padding1:7px 0 0 10px;color:#333;width:365px; text-align:center; margin-top:20px;}
.designItems .txt h6 {font-size:14px;font-weight:bold; height:50px;}
.designItems .txt p {line-height:1.4em;letter-spacing:0;font-size:13px;}

.designItem2 {clear:both;padding-bottom:20px;}
.designItem2 {clear:both;overflow:hidden; margin-top:50px;}
.designItem2 ul {zoom:1;width:1150px;margin-left:-15px;}
.designItem2 li {float:left;display:inline;margin:20px 0 0 40px;height:310px;width:322px;}
.designItem2 .img {width:320px;border:1px solid #ccc;height:170px;}
.designItem2 .img img {width:320px;}
.designItem2 .txt {padding:5px 1px;color:#333;width:320px;}
.designItem2 .txt h6 {font-size:14px;font-weight:bold;}
.designItem3 .title {font-size: 29px;padding: 5px;color: #fff;background: #6bd8f7;width: 400px;line-height: 60px;margin: 50px auto;border-radius: 30px;}
.designItem3 img {text-align: center;padding-top: 20px;}


#swapDivSpec {padding:30px;}
#swapDivSpec .txt {float:left;display:inline;width:480px;}
#swapDivSpec table {width:100%;}
#swapDivSpec td {padding:12px 0;font-size:14px;border-bottom:1px solid #ccc;font-weight1:bold;text-indent:2px;}
#swapDivSpec .title {font-weight:normal;font-size:25px;font-family:微软雅黑;}
#swapDivSpec .varName {width:200px;}
#swapDivSpec .img {float:right;display:inline;}
#swapDivSpec .img h6 {padding:12px 0;font-size:25px;font-family:微软雅黑;}
#swapDivSpec .img div {width:470px;border:1px solid #ccc;}
#swapDivSpec .img div img {display:block;}

#swapDivFeedback {padding:30px;}

#swapDivReview {padding:20px;width:90%;}
#swapDivReview h6 {font-size:18px;font-family:微软雅黑;height:35px;line-height:35px;border-bottom:1px solid #A4A4A4;}

.feedbackList {width:1100px;margin-top:20px;min-height:400px;}
.feedbackList li {float:left;display:inline;width:500px;padding:10px 0;margin:0 40px 0 0;border-bottom:1px solid #ccc;}

.fbform {position:fixed;margin:0;top:0;left:0;width:540px;z-index:100;background:#fff;display:none;_position:absolute;color:#000;border:1px solid #000;}
.fbform .title {background:#FFA509;font-weight:bold;font-size:20px;line-height:40px;text-indent:20px;color:#fff;text-align:center;font-family:微软雅黑;}
.fbform .title label {float:right;display:inline;margin:0 25px 0 auto;width:18px;height:18px;}
.fbform input {font-size:12px;line-height:14px;padding:2px;color:#D3000A;background:transparent none;border:1px solid #B1B0B1;}

.stars {padding: 0 0 10px 0;margin:15px 0 0 20px;zoom:1;overflow:hidden;border-bottom:1px solid #BCBCBC;width:500px;}
.stars .txt {float:left;display:inline;width:85px;font-weight:bold;font-size:16px;}
.stars .img {float:left;display:inline;width:300px;cursor:default;}
.stars .img span {margin-right:3px;cursor:pointer;}

.choses {clear:both;padding:20px;}
.choses dl {zoom:1;overflow:hidden;width:580px;margin-top:8px;}
.choses dt {clear:left;float:left;display:inline;width:65px;padding-right:20px;height:22px;line-height:22px;font-size:14px;font-weight:bold;}
.choses dd {border:1px solid #FFA509;margin-right:-1px;position:relative;width:102px;height:20px;line-height:20px;float:left;display:inline;background:#fff;color:#000;font-size:12px;text-align:center;cursor:pointer;font-weight:bold;}

.inputTxt {margin:0 0 0 20px;font-weight:bold;}
.inputTxt textarea {border:1px solid #c7c8c9;padding:4px;width:490px;outline:none;color:#333;}

.userMsgT {margin:10px 0 0 20px;width:484px;padding:8px;background:#808080;color:#fff;font-weight:bold;}

.msgFrom {clear:both;margin:10px 0 0 20px;font-weight:bold;width:500px;}
.msgFrom span {float:right;display:inline;width:250px;text-align:right;}
.msgFrom input {width:180px;}
.msgFrom select {width:180px;padding:1px;}
.newsLetter {padding:10px 20px;height:22px;}
.newsLetter div {font-weight:bold;float:left;display:inline;width:280px;}
.newsLetter dl {float:right;display:inline;width:208px;margin:0;}

.fbform .fbemail {padding:0 20px;}
.fbform .fbemail div {float:left;display:inline;width:150px;font-weight:bold;}
.fbform .fbemail input {width:340px;float:right;display:inline;}

.fbSub {padding:20px;}
.fbSub a {display:block;width:221px;height:33px;margin:0 auto;line-height:33px;text-align:center;background:url('images/submintBut.gif');}

.fbTitle {font-size:30px;font-family:微软雅黑;line-height:40px;border-bottom:1px solid #ccc;}

.feedBackUl {clear:both;width:1100px;}
.feedBackUl li {width:1100px;border-bottom:1px solid #ccc;padding:10px 0;}
.feedBackUl li .sc {color:#FFA509;}
.feedBackUl .left {width:150px;float:left;display:inline;}
.feedBackUl .right {width:940px;float:right;display:inline;}
.feedBackUl .right .items {height:20px;line-height:20px;padding:0 0 5px 0;}
.feedBackUl .right .item {float:left;display:inline;width:160px;}
.modelAndTime {margin-top:5px;}
.modelAndTime div {float:left;display:inline;margin-right:50px;}

.modelSelect {border:1px solid #D9D9D9;background:#fff;}
.modelSelect ul {padding:2px;}
.modelSelect ul a {display:block;height:26px;line-height:26px;padding:0 5px;color:#000;}
.modelSelect ul a:hover {background:#eee;}
.modelSelectText {background-image:url('/images/proSelect.jpg');background-repeat:no-repeat;background-position:right center;width:200px;}
.modelSelectTextHover {background-image:url('/images/proSelect-hover.jpg');background-repeat:no-repeat;background-position:right center;width:200px;}


.video {float:left;display:inline;width:345px;margin:20px 0 0 90px;}
.video .but {float:left;display:inline;width:10px;height:185px;margin:0;overflow:hidden;}
.video .l {background:url('images/icon-001.gif') center no-repeat;}
.video .r {background:url('images/icon-002.gif') center no-repeat;}
.video .img {float:left;display:inline;width:325px;height:185px;overflow:hidden;margin:0;padding:0;}
.video .img td {width:auto;width:325px;background:#868684;}
.video .img .pic {height:185px;width:325px;}
.video .img .txt {height:55px;padding:5px;}

#vadioPart-02 {float:right;margin:20px 95px 0 0;}

.proAudio {padding-bottom:20px;}

.NewsReview {width:820px;margin:0 auto;}
.NewsReview .but {float:left;display:inline;width:10px;height:262px;margin:0;overflow:hidden;}
.NewsReview .l {background:url('images/icon-001.gif') center no-repeat;}
.NewsReview .r {background:url('images/icon-002.gif') center no-repeat;}
.NewsReview .img {float:left;display:inline;width:800px;height:262px;overflow:hidden;margin:0;padding:0;}
.NewsReview .img td {width:800px; vertical-align:top;}
.NewsReview .img td ul {margin-top:-1px;width:800px;height:262px;}
.NewsReview .img td li {margin:0 20px;padding:10px 5px;width:350px;height:110px;float:left;display:inline;border-top:1px solid #ccc;}
.NewsReview .img td li a {color:#000;}
.NewsReview .img td li h6 {font-size:12px;}
.NewsReview .img td li .txt {line-height:18px;height:54px;font-size:12px;border:none;}


.driverInfo {clear:both;padding:25px 0;color:#000;}
.driverInfo .img {float:left;display:inline;width:200px;}
.driverInfo .img img {width:200px;height:200px;}
.driverInfo .txt {float:left;display:inline;width:880px;border-left:1px solid #ccc;padding:0 40px;margin:0 0 0 45px;}
.driverInfo .txt h5 {font-size:14px;padding:10px 0;}
.driverInfo .txt p {padding:3px 0;font-weight:bold;margin:0;}

.down {padding:10px 0;width:800px;}
.down .l {width:145px;float:left;display:inline;}
.down .l .i {text-align:center;}
.down .l a {display:block;height:23px;background:url('../images/driver-but-bg.jpg');color:#fff;font-weight:bold;font-size:12px;text-align:center;margin:10px 0 0 0;}
.down .l a:hover {background-position:bottom;}
.down .r {float:left;display:inline;margin:0 0 0 20px;width:600px;}
.down .r h6 {font-size:12px;}
.down .r li {padding-left:1em;text-indent:-1em;}
