#pc{ width:100%; height:100%; font-size: 16px; min-width: 1250px; margin: 0 auto; color: #404040; }
.section h2{ font-size: 42px; color: #303030; font-weight: bold; text-align: center; }
.section h2 .h2_fl{float:left;font-size: 14px;font-weight: normal;margin-top: 33px;}
.header{width:100%; height:auto; position: fixed; left: 0; top: 0; z-index: 11; background: #fff; min-width:1300px; border-bottom:1px solid #ccc;display:none;}
.header .h_l{ width:550px; height:auto; overflow: hidden; float: left; }
.header .h_l .logo{ width:100%; height:48px; background:  no-repeat center center; }
.header .h_l .choice{ width:100%; height:32px; line-height: 32px; text-align: center; color: #a9a9a9; background:  no-repeat 0 0; -padding: 0 97px; }
.header .h_l .choice span{ display: inline-block; margin: 0 10px; width:48px; height: 100%; width:96px;  padding: 0 10px; cursor: pointer;}
.header .h_l .choice span a { color:#a9a9a9}
.header .h_l .choice span:hover { background:  no-repeat 0 center; -background-size: 100% 22px; color:#fff;}
.header .h_l .choice span:hover a{  color:#fff;}

.header .h_l .choice .active{ color: #fff;  background:  no-repeat 0 center;  }
.header .h_l .choice .active a{ color: #fff !important;}
.header .h_r{ float: right; -overflow: hidden; height:80px; padding: 0 5% 0 0; }
.header .h_r .nav{ float: left; height:80px; line-height: 80px;-overflow: hidden; }
.header .h_r .nav b,.header .h_r .nav span{ margin: 0 15px; float: left; -position: relative; color: #404040; font-weight: 600; cursor:pointer; font-style:normal; font-weight:500;}
.header .h_r .nav em { font-style:normal;}

.header .h_r .nav b:hover ,.header .h_r .nav .active{ color:#e30c2a;}
.header .h_r .nav .active:after{ content:""; display: block; width:100%; height:5px; background: #e30c2a;  /*position: absolute; bottom:0;*/    position: relative;
    bottom: 5px; left:0; }
.header .h_r .test{ width:108px; height:100%; float: left; background:  no-repeat center center; margin-left: 46px; cursor: pointer; }
.header .h_r .test:hover { background:  no-repeat center center;}
.banner{ width:100%;height:auto;margin-top: 0px;	position: relative;overflow: hidden;cursor: pointer;}

.banner .test{ width:273px; height:90px; background:  no-repeat; position: absolute; bottom:-20px; right:260px; cursor: pointer; z-index: 3; }
.banner .test2 {width:282px; height:75px; background:  no-repeat; bottom:0; right:0; }
.banner .player{ height:88px; width:300px; background:  no-repeat; position: absolute; bottom:0; right:0; cursor: pointer; z-index: 2; }

.nav_hidden { height:60px; background:url(/uploads/image/vcipc/navbg.png) repeat-x; width:960px; position:absolute; right:5%; top:80px; display:none; width: 770px;}
.nav_hidden a { width:20%; float:left; height:60px; line-height:57px; text-align:center;}
.nav_hidden a:hover { border-bottom:5px solid #e30c2a;}
.nav_hidden a em { height:24px; width:1px; float:right; background:#d3d3d3; margin-top:18px;}
.nav_liangdian:hover .nav_hidden{ display:block;}


.banner .guide{ width:100%; height: auto; position: absolute; bottom:3.5%; left:5%; padding-left: 174px; background:  no-repeat left 75%; padding-left: 73px; }
.banner .guide p{ line-height: 56px; color: #fff; font-size: 24px; }
.banner .guide p b{ font-size: 52px; }


.intr{ width:100%; height:530px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }

.intr .i_l{ float: left; width:54.5%; height:100%; -padding: 0 4%; border-right:1px solid #e5e5e5; position: relative }

.intr .i_r{ float: left; overflow: hidden; width:45%;height:100%; -background:  no-repeat center center; padding: 0 3%; -color: #fff5; position: relative }
.intr .i_l h3,.intr .i_r h3{ height:150px; line-height: 150px; font-weight: bold; font-size: 28px; padding-left: 48px; font-weight:500; position: relative; margin-left: 10%; }
.intr .i_r h3{ margin-left: 0 }

.intr .i_l h3:before,.intr .i_r h3:before{ content:""; display: block; width:14px; height:38px; background: #e40c2a; position: absolute; top:60px; left:0; }
.intr .i_r h3:before{ -background: #fff; }
.intr .i_l h3 b{ color: #d80a1e; }
.intr .i_l p,.intr .i_r p{ -padding-left: 48px; line-height: 28px; margin-top: -4%;}
.intr .i_l p span,.intr .i_r p span{ font-size: 30px; }

.intr .i_l .spec{ -margin-top: 10px; -background:  no-repeat center top; width:85%; height:72%; left: 10%; bottom: 0; position: absolute; max-width: 870px;}
.intr .i_l .spec div{ -font-weight: bold; height:126px; font-size: 24px; width:140px; padding: 20px 5px; line-height: 40px; color: #fff; background:  no-repeat; position: absolute; left:46px; bottom:25px; cursor: pointer; text-align: center;}
.spec-img { position: absolute; width: 100%; left: 0; bottom: 0;}
.intr .i_r .spec{ -margin-top: 10px; -background:  no-repeat center top; width:86%; height:72%; left: 7%; bottom: 0; position: absolute; max-width: 685px;}

.more2 { text-align: right;}
.more2 a { color: #fff; font-size: 14px;}
.more2 a:hover { color: #999; text-decoration: underline; }

.adva{ width:100%; height:auto; overflow: hidden; padding: 98px 0px; }
.adva .cols{ width:100%; height:350px; text-align: center; overflow: hidden; color: #303030; }
.adva .cols div{ float:left;width:23%; height:100%; background:  no-repeat right center; position:relative; left: 4%;}
.adva .cols div:last-child{ background: none; }
.adva .cols div b{ font-size: 24px; display: block;    margin-top: 90px;
    margin-bottom: 30px; }
.adva .cols div p{ font-size: 16px; line-height: 30px; /*position: absolute; left: 0; bottom: 100px;*/ text-align:center; width: 100%; }
.adva .nav{ width:100%; height:51px; overflow: hidden; position: relative; }
.adva .nav .center{ margin: 0 auto; width:55%; height:51px; text-align: center; line-height: 50px; }
.adva .nav .center span{ display: inline-block; -width:110px; height:50px; font-size: 24px; line-height: 50px; /*font-family: "宋体"; */font-weight: 600; cursor: pointer; margin: 0 15px; -padding: 0 10px; width:145px; }
.adva .nav .center span:hover { color:#e30c2a;}

.adva .nav .center .active{ color: #e30c2a; background:  no-repeat; -background-size: 100% 98%; }
.adva .phs{ width:100%; -height:770px; margin-top: 34px; position: relative;}

.adva .phs h4{ position: absolute; left:30px; bottom:20px; color: #fff; font-size: 30px;transition: all ease .3s; -webkit-transition: all ease .3s;  }
.adva .phs h4 span{ font-size: 18px; display: block; margin-top: 10px; }
.adva .phs .p_l{ width:49.4%; -height:100%; -position: absolute; left: 0; top: 0; float: left; position: relative;}

.adva .phs .p_l div{ -padding: 30px; }
.adva .phs .p_l div .pic{ width:100%; -position: absolute; top:0; left:0;  }

.adva .phs .p_l .dd1{ height:63.63%;overflow: hidden; width:100%; position: relative; }
.adva .phs .p_l .dd1 aa{ display: block; width:348px; height:80px; position: absolute; left:50%; margin-left: -174px; top:50%; margin-top: -40px; background:  no-repeat; }
.adva .phs .p_l .dd2{ height:35%; overflow: hidden; width:100%; position: relative; }

.adva .phs .p_r{ width:49.4%;  -height:100%; -position: absolute; -right: 0; -top: 0; float: right; position: relative;}

.phs .pic{ width:100%; -position: absolute; top:0; left:0; -height: 100%;  transition: all ease .6s; -webkit-transition: all ease .6s; }

.phs .big { transform: scale(1.15); -webkit-transform: scale(1.15);  }

.adva .phs .p_r .p_r_t{ width:100%; height:35%; overflow: hidden; }

.adva .phs .p_r  .dd3{ width:100%; height:100%; float: left; overflow: hidden; position: relative; }

.adva .phs .p_r .dd4{ width:100%; height:100%; float: left; overflow: hidden; position: relative; }
.adva .phs .p_r  .dd5{ width:100%; height:100%; float: left; overflow: hidden; position: relative;}
.adva .phs .p_r .p_r_b{ width:100%; height:63.63%; overflow: hidden; margin-top: 10px; }
.adva .phs .p_r .p_r_b .dd5{ width:100%; height:100%; float: left; overflow: hidden; position: relative; }

.adva .phs .p_r .p_r_b .dd6{ width:40%; height:100%; float: right; overflow: hidden; position: relative; }



.hlights{ width:100%; height:auto; overflow: hidden;}
.hlights .h_l{ float: left; width:50%; height:600px;padding-top: 180px; position: relative; text-align: center; }
.hlights .h_l .rotate{ position: absolute; left:40%; margin-left: -41px; top:90px; width:182px; height:62px; background:  no-repeat;  }
.hlights .h_l .right_text{ position: absolute; right:56px; top: 150px; }
.hlights .h_l .right_line{ width: 1px; height: 228px; -background: #ccc; position: absolute; top: 196px; right:45px; }
.hlights .h_l .right_line:after{ content:""; display: block; position: absolute; top:0; left:-6px; width:12px; height:1px; -background: #ccc; }
.hlights .h_l .right_line:before{ content:""; display: block; position: absolute; bottom:0; left:-6px; width:12px; height:1px; -background: #ccc; }
.hlights .h_l  .bottom_line_1, .hlights .h_l  .bottom_line_2{ display: block; width:445px; height:1px; background: #ccc; position: relative; margin: 5px auto; }
.hlights .h_l  .bottom_line_1:after,.hlights .h_l  .bottom_line_2:after{  content:""; display: block; position: absolute; left:0; top:-6px; width:1px; height:12px; background: #ccc;  }
.hlights .h_l  .bottom_line_1:before, .hlights .h_l  .bottom_line_2:before{  content:""; display: block; position: absolute; right:0; top:-6px; width:1px; height:12px; background: #ccc;  }
.hlights .h_l  .bottom_line_2{ width:75%; }
.hlights .h_l .colors{ margin: 37px auto 0; width:430px; height:38px; display:none; }
.hlights .h_l .colors span{display: block; width:38px; height:38px; border-radius: 50%; float: left; margin: 0 16px;}
.hlights .h_l .colors span:nth-child(1){ background: #dc1417; }
.hlights .h_l .colors span:nth-child(2){ background: #2762a0; }
.hlights .h_l .colors span:nth-child(3){ background: #945f44; }
.hlights .h_l .colors span:nth-child(4){ background: #232525; }
.hlights .h_l .colors span:nth-child(5){ background: #adadad; }
.hlights .h_l .colors span:nth-child(6){ background: #dfdfdf; }

.type{
	width:100%;
	text-align: center;
	
}
.type input{
	display:inline-block;
	width:146px;
	height:36px;
	line-height: 36px;
	font-size:18px;
	font-weight: bold;
	border-radius: 25px;
	margin-top:20px;
	position: relative;
	border:1px solid #303030;
	color:#fff;
	background:#303030;
}
.type input.haohua{
	
	margin-right:-16px;
}

.type input.yundong{
	
	margin-left:-16px;
}

.type input.active{
	color:#000;
	background:#fff;
	z-index: 1;
}

.h_r_p{
	width:100%;
	text-align: center;
	height:28px;
	font-size:18px;
	line-height:28px;
	font-weight: bold;
	position: relative;
	
}

.h_r_p span{
	position:absolute;
	
	top:-10px;
	font-size:8px;
}

.qujia{
	float:right;
	
}
.qujia a{
	
	display:block;
	margin-top:15px;
}
.hlights .h_r{ width:50%; height:100%; position: relative; float: left; padding-top: 120px; }
.hlights .h_r .left{ display: block; width:20px; height:38px; position: absolute; cursor: pointer; left:-1px; top:50%; margin-top:10px; background:  no-repeat center center; z-index: 3;  }
.hlights .h_r .right{ display: block; width:20px; height:38px; position: absolute; cursor: pointer; right:0px; top:50%; margin-top: 10px; background:  no-repeat center center;  z-index: 3;}
.swiper-main { width:93%; -width:730px; height:300px; margin: 0 auto;overflow: hidden; position: relative; max-width: 730px;  }
.hlights .h_r ul{ margin-top:10px; -margin-left:5px; -overflow: hidden;}

.hlights .h_r ul li{ width:30%;-width:230px; height:300px; float: left; -margin:0 1%; -background:  no-repeat; text-align: center; -padding: 0 2%; background-size: 100% 100%; transition:all ease .3s; -webkit-transition:all ease .3s; position: relative; margin:0 5px; }
.slide-text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.hlights .h_r ul li:hover { transform:scale(1.02); -webkit-transform:scale(1.02);}

.hlights .h_r ul li h3{ line-height: 30px; height:90px; line-height:90px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc; color: #313131;display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;  }
.hlights .h_r ul li p{ line-height:70px; }
.hlights .h_r ul li b{ font-size: 22px; color: #e30c2a; font-weight: bold; }
.hlights .h_r ul li img{ margin-top: 38px; cursor: pointer; }
.hlights .h_r ul li .border-img { width: 100%; height: 100%; margin: 0;} 

.hlights .h_r .group{ overflow: hidden; width:100%; }
.hlights .white{ text-align: right; float: right; }
.plan{ width:100%; height:100%; overflow: hidden; padding: 0px 0px; text-align: center;}
.plan h2{ line-height: 200px; }
.plan .p_l{ float: left; width:100%; height:auto; border:1px solid #000; padding: 48px 5%;     margin-bottom: 40px;}
.plan .p_r{ float: right; width:100%; height:auto; border:1px solid #000; padding: 48px 5%;  }
.plan .p_l h3,.plan .p_r h3{ font-size:24px; font-weight: bold; color: #303030; margin-bottom: 32px;margin-top: 32px;}
.plan .p_l span,.plan .p_r span{ line-height:26px; position: relative; }
.plan .p_l span:not(.nobefore):before,.plan .p_r span:not(.nobefore):before{ content:""; display: block; position: absolute; width:8px; height:8px; border-radius: 4px; background: #e30c2a;top:8px; left:-25px; }
.plan .p_l .clearbefore:before,.plan .p_r .clearbefore:before{ opacity: 0; }
.plan .p_l .nobefore,.plan .p_r .nobefore{ margin-top: 26px; margin-bottom:4px;line-height: 22px; }
.plan .p_l b,.plan .p_r b{ position: relative;    margin-bottom: 32px;font-size: 14px;font-weight: normal }
.plan .p_l b:before,.plan .p_r b:before{ content: "";  display: block; width:62px; height:1px; background: #000; top: 10px; position: absolute; left:-76px; }
.plan .p_l b:after,.plan .p_r b:after{ content: "";  display: block;width:62px; height:1px; background: #000; top: 10px; position: absolute; right:-76px; }
.plan .p_l .see_more,.plan .p_r .see_more{ text-align: center; margin-top: 30px; overflow: hidden; }
.newinfo{ width:100%; height:100%; overflow: hidden; padding: 100px 0px; text-align: center;}
.newinfo .infos{ width:100%; height:auto; overflow: hidden; margin-top: 106px; }
.newinfo .infos .list{ width:25%; -height:395px; background:  no-repeat center; float: left; overflow: hidden; position: relative; background-size: 100% 100%; padding-bottom:20px; }
.newinfo .infos .list .imgbox{ -height:260px; width:92%;  margin:16px auto 0; overflow: hidden;}
.newinfo .infos .list .imgbox img{ width: 100%; transition:all ease .3s; -webkit-transition:all ease .3s;  }
.newinfo .infos .list .imgbox img:hover  { transform:scale(1.05); -webkit-transform:scale(1.05);}
.newinfo .infos .list p{ width:92%; height:106px; background: #fff; line-height: 106px; text-align: center; margin: 0 auto; position: relative; font-size: 16px; color: #303030; }
.newinfo .infos .list p:before{ content:""; display: block; position: absolute; top:-40px; left:50%; margin-left: -20px; -border:20px solid #fff; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.chant{  width:100%; height:100%; overflow: hidden; padding: 0px 0px; text-align: center; }
.chant .mapwarp{ width:100%; -height:686px; margin-top: 66px; background: #ccc; }
.make{   width:100%; height:100%; overflow: hidden; padding: 100px 0px; text-align: center; }
.make .forms{ float: left;width:41%; height:auto; text-align: left; margin-top: 84px; }
.make .forms .line{ height:48px; width:100%; margin-bottom: 28px; line-height: 48px; overflow: hidden; }
.make .forms .line b{ font-weight: normal; float: left; width:30%; text-align: left; }
.make .forms .line b:before{ content:"*"; color: #e40c2a; float: left;}
.make .forms .line input{ width:70%; height:100%; border:1px solid #9d9d9d; float: left; text-indent:5px; font-size: 14px; line-height: 48px;}
.make .forms .line .tsetselect{ display: inline-block; width:31.9%; height:100%; border:1px solid #9d9d9d; margin-right: 31px; position: relative; float: left; text-align: left; text-indent: 40px; }
.make .forms .line .tsetselect:after{ content:""; display: block; width:30%; height:50px; position: absolute; right:0rem; top:0rem;  background:  no-repeat center center; }
.make .forms .line .big:after{ content:""; display: block; width:13.7%; height:50px; position: absolute; right:0rem; top:0rem;  background:  no-repeat center center; }
.make .forms .line .tsetselect span{ float: left; width:70%; height:100%; border-right: 1px solid #9d9d9d; text-indent: 5px; text-align: left; font-size: 14px; }
.make .forms .line .tsetselect select{ width:100%; opacity: 0; filter:alpha(opacity=0); height:100%; position: absolute; top:0; left:0; z-index: 1;} 
.make .forms .line .tsetselect select option{ height: 48px; line-height: 48px; }
.make .forms .agree{  margin: 30px auto 40px; width:100%; line-height:26px; }
.make .forms .agree span{ margin-right: 24px; display: inline-block; width:18px; height:18px; background: #e40c2a; float: left; margin-top:5px; cursor: pointer; }
.make .forms .agree span .check{ background:  no-repeat center center; display: block; width:100%; height:100%; }
.make .forms .sure{ width:324px; height:60px; background: #e40c2a; color: #fff; line-height:60px; cursor: pointer; text-align: center; }
.make .img_r{ width:52%; height:564px; overflow: hidden; float: right; margin-top: 84px; }
.make .img_r img { width:100%;}
.testdriver-main .img_r { width:48%;}
.getmore{ padding: 0 120px; width:100%; height:auto; overflow: hidden; text-align: center; }
.getmore h3{ line-height: 160px; font-weight: bold; font-size:24px; }
.getmore .push{ width:1024px; height:auto; overflow: hidden; text-align: center; margin: 0 auto 92px; }
.getmore .push .pushlist{ width:512px; float: left; height:240px; padding: 0 61px; overflow: hidden; }
.getmore .push .pushlist img{ width:100%; }
.getmore .push .pushlist p{ font-size: 15px; }
.getmore .push .pushlist p b{ font-size: 20px; margin-right: 24px; }
.getmore .push .pushlist .btns{ width:100%; height:31px; margin: 28px auto 0; display: none; }
.getmore .push .pushlist .btns span{ cursor: pointer; }
.getmore .push .pushlist .btns span:first-child{ border:1px solid #404040; padding: 6px 14px; border-radius: 20px; position: relative; margin-right: 40px; }
.getmore .push .pushlist .btns span:first-child:after{ content:""; display: inline-block; width:1px; height:20px; background: #ccc; position: absolute; right:-20px; top:8px;  }



.getmore .push .pushlist .btns span:last-child{ border:1px solid #404040; padding: 6px 14px; border-radius: 20px; position: relative;   }
.getmore .push .pushlist .btns span:hover { color: #ff0000; border-color:#ff0000; }

.pushimg { width: 390px; height: 148px;}
.pushimg:hover { background-position: -390px 0;}
.push_1 { background:  no-repeat; }
.push_2 { background:  no-repeat; }
.push_3 { background:  no-repeat; }

.getmore .push .pushlist:hover .pushimg { background-position: -390px 0; }
.getmore .push .pushlist:hover .btns { display: block;}


.footer-main{ width:1112px; height:auto; margin: 0 auto; overflow: hidden; }
.footer-main .foot_nav{ width:25%; float: left; text-align: center; overflow: hidden; padding: 50px 0; }
.footer-main .foot_nav img{ cursor: pointer; }
.footer-main .foot_nav p{ font-size: 14px; line-height: 24px; width:140px; margin: 16px auto; }

.download{ height:36px; text-align: center; cursor: pointer;overflow: hidden; margin: 0 auto; line-height: 36px;}
.download .more,.download .more222{ width:150px;height:36px; background:  no-repeat; line-height: 36px; color: #e30c2a; margin-right: 64px; cursor: pointer; margin: 0 auto}
.download a{ text-decoration: none;}
.download {float:left;margin-left:24%;margin-top:11%;} 
.download .more:hover,.download .more222:hover { background: #e30c2a; color: #fff;background:  no-repeat;}

.main { padding:0 6.25%;}
.address222 { line-height: 30px; -text-indent: 135px; display: block; width:73%; height: 100%; padding: 0px 2%; position: absolute; left: 130px; top: 10px; background: none; outline: none; resize: none; border:none; font-size: 16px;}
.phs-warp { width: 100%; -height: 100%; -position: absolute; -left: 0; -top: 0; display: block;}
.phs-box{ width: 100%; -position: absolute; -left: 0; -top: 0; display: block;}
.phs-box{ display: none;}


.phs-mask { background: ; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; transition: all ease .5s; -webkit-transition: all ease .5s; opacity: 0; filter:alpha(opacity=0); display: none;}
.phs-btn { width: 344px; height: 70px; text-align: center; vertical-align:middle; font-size: 24px; color: #fff; -line-height: 70px; border: 2px solid #fff; position: absolute; left: 0; top: 0; right:0; bottom: 0; margin: auto;}

.phs-btn span ,.phs-btn img { vertical-align: middle; margin: 0 6px;}
.phs-btn span { display: inline-block; height: 70px; line-height: 70px;}
.phs-btn:hover { color: #fff;}
.phs-btn:link { color: #fff;}
.phs-btn:visited { color: #fff;}

.box-common .photo{ transition: all ease .6s; -webkit-transition: all ease .6s; }
.box-common .photo.big { transform: scale(1.15); -webkit-transform: scale(1.15);  }




.videoplayer{ background: ; position: fixed; left: 0; top: 0; z-index: 30; width: 100%; height: 100%; display: none;}
.video-main { background:  no-repeat; width: 966px; height: 562px; position: absolute; left: 50%; margin-left: -483px; top: 50%; margin-top: -281px;}  
.close { background:  no-repeat center center; position: absolute; right: -10px; top: -35px; cursor: pointer; width: 50px; height: 50px;  z-index: 5;}
.video-box{ width: 922px; height: 522px; background: #000; position: absolute; left: 50%; margin-left: -461px; top: 50%; margin-top: -261px;}
.video-box-warp{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video-box-mask{ background:  no-repeat center center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 2;}



.footer { width: 100%;}
.footer-blank { width: 100%; height: 20px; background: #f5f5f5;}
.footer-main { width: 100%;  max-width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.footer-1 {
	width: 100%;height: 78px; border-bottom: 1px solid #dcdcdc; padding: 18px 0; line-height: 42px;

}
.footer-1 img { margin-right: 10px;}
.footer-1-1 { font-size: 15px; color: #333333; font-weight: bold; margin-right: 3%; margin-top: -6px;}
.f-span1 { color: #c2c2c2;font-size: 13px;}
.f-span2 { color: #e40c29;}
.f-span3 {  font-weight: 500; font-size: 13px;}
.footer-1-top { float: right; margin-top: 6px; cursor: pointer;}
.footer-2 { padding: 20px 0; clear: both;}
.footer-2-left { overflow: hidden; float: left;} 
.footer-2-ul { width: 135px; float: left; }
.footer-2-ul li { line-height: 35px; font-size: 14px; font-weight: bold; color: #333;}
.footer-2-ul li  a { font-weight: 500; color: #747474; font-size: 12px;}
.footer-2-ul li  a:hover { color: #e40c29;}

.footer-2-right { float: right; height: 210px; width: 320px; border-left: 1px solid #dcdcdc; padding-left: 20px;} 
.footer-2-top { width: 100%; height: 86px; margin-top: -10px;}
.f2-box { width: 50%; height: 43px; line-height: 43px; float: left; font-size: 13px; color: #747474;}
.f2-box .span1 { font-size: 14px; font-weight: bold; color: #333333;}
.f2-box span { background: no-repeat 0 3px; width: 36px; height: 100%; display: inline-block; vertical-align:middle; margin-right: 7px; }
.f2-box .span2 { background-position: -56px 3px;}
.f2-box .span3 { background-position: -112px 3px;}

.footer-3{ clear: both; padding: 20px 0; overflow: hidden;}
.footer-3 p { line-height: 35px; font-size: 14px; font-weight: bold; color: #333; }
.footer-3 .footer-2-ul { width: 90%;}
.footer-3 .footer-2-ul li { width: 135px; float: left;}

.footer-bottom { border-top: 1px solid #dcdcdc; width: 100%; padding: 15px 0; font-size: 12px; text-align: center; position: relative; color: #333;}
.linebg {
    background:#ccc; 
    width: 1px;
    height: 15px;
    display: inline-block;
	vertical-align: middle;
	
}
.fblink a {
    color: #333;
    margin: 0 15px;
}
.copyright { padding: 10px 0 0;}
.foot-city { background:  no-repeat right center; position: absolute; padding-right: 15px; right: 5%; top: 0;}
.footer-bottom-main { width: 100%;  max-width: 1200px; margin: 0 auto; position: relative;  }

.arrow_down { animation:arrow_down 1s ease none infinite; -webkit-animation:arrow_down 1s ease none infinite;}

@keyframes arrow_down {
	from { transform:translatey(0px);opacity:1} to {transform:translatey(8px); opacity:0}	
}
@-webkit-keyframes arrow_down {
	from {  -webkit-transform:translatey(0px);opacity:1}to {-webkit-transform:translatey(8px); opacity:0}	
}
.banner-text { width: 50%; left: 25%; position: absolute; bottom:40px; text-align: center; color: #fff;}
.banner-text .p1 { font-size: 48px;}
.banner-text .p2 {font-size: 30px; margin: 12px 0 30px;}
.banner-arrow {}
.box { position: relative; width: 100%; overflow: hidden; height: auto;}

.box-main { color: #303030; overflow: hidden; position: relative;}
.box-main .p1 { font-size: 36px; line-height: 60px; margin: 20px 0;}
.box-main .p2 { font-size: 14px; line-height: 26px;}


.box-left { width: 49%; float: left; overflow: hidden; position: relative; height: 100%;}
.box-right { width: 49%; float: right;overflow: hidden;position: relative; height: 100%;}
.photo-warp { position: relative;}
.photo-warp .photo { width: 100%;}
.photo-warp .title { position: absolute; z-index: 2; color: #fff; font-size: 14px; width: 100%; left: 0; bottom: 5px; padding: 10px 20px; font-weight: 100; line-height: 21px;}
.photo-warp .title2 { position: absolute; z-index: 2; color: #fff; font-size: 15px; width: 100%; left: 0; top: 5px; padding: 10px 20px; font-weight: 100;}
.photo-warp .detail-test{ min-width: 96px;}

.text-left { text-align: left;}
.text-right { text-align: right;}
.photo-warp .title.black { color: #101010;}
.photo-warp .title em { color: #b31f24;}
.photo-warp .title.bottom { bottom: -40px;color: #101010;}

.box-p1 { font-size: 32px; color: #303030;  padding: 0; line-height: 60px;}
.box-p2 { font-size: 14px; line-height: 25px; color: #303030; padding: 0 1%; margin: 30px 0 20px;}

.box-p3 { font-size: 12px; margin: 0; line-height: 18px;}
.detail-back { line-height: 26px; background:  no-repeat left center; padding-left: 32px; display: inline-block; color: #303030;}
.detail-back:hover { color: #e30c2a;background:  no-repeat left center; }
.box-p1 img {  margin-right:10px;}
.beizhu { float: right; color: #666666; font-size: 14px;}
.beizhu em {color: #b31f24; }




	.box.mt50.box-common{margin-bottom:-9px}
.w33 .phs-mask { background: , no-repeat center 65%; }

.testdriver-pop { width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0; top: 0; background: rgba(0,0,0,0.5); display: none;}
.testdriver-main {   height: 590px;position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;background: #000;}
.testdriver-main .make { padding: 0;width: 90%; max-width: 1680px; margin: 0 auto;color: #fff; position: relative; }
.testdriver-main .make .forms { margin-top: 20px;}
.testdriver-main .make .forms .line {  margin-bottom: 15px; color: #fff;}
.testdriver-main .make .forms .line input { background: none; color: #fff;}
.testdriver-main .make .img_r {margin-top: 20px;}
.testdriver-main .make h2 { color: #fff; font-size: 40px; padding: 10px 0;}
.testdriver-main  .make .forms .agree { margin: 15px 0 15px; padding-left:32px}
.testdriver-main  .make .forms .agree .checkbox{     position: absolute;
    left: 5px;}
.testdriver-main .address222 {
    line-height: 20px;

    display: block;
    width: 70%;
    height: 100%;
    position: absolute;
    left: 130px;
    top: 17px;
    background: none;
    outline: none;
    resize: none;
    border: none;
    font-size: 14px;
}
	@media only screen and (min-width: 641px){

.consultdetinfo {
    width: 100%;
}}
.testdriver-main .close { width: 55px; height: 55px; cursor: pointer; right: 10px; top: 10px; background:  no-repeat center center; }
.testdriver-main .make .forms .sure { height: 50px; line-height: 50px;}

.dragline { width: 104px; position: absolute; height: 100%; z-index: 5;background:  no-repeat center center; cursor: pointer; left: -52px; top: 0;}
.draglayer { width: 50%; height: 100%; position: absolute; top: 0; -left: 47%; z-index: 2; right:0; -overflow: hidden;}
.draglayer .imgbox{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; overflow: hidden;}
.draglayer img { position: absolute; right: 0; top: 0; -width: 100%;max-width:none;}

/*  11-7 */
.detail-test { cursor: pointer; max-width: 120px; min-width:120px;}
.box-360btn { width: 7.5%; cursor: pointer;}
.test-warp { max-width: 158px;}
.photo-tab-warp { position: absolute; right: 0; bottom: 0;}
.photo-tab-warp div { height: 35px; width: 100%; text-align: center; line-height: 35px; position: absolute; right: 0; overflow: hidden; cursor: pointer;}
.photo-tab-warp div i { font-style: normal; vertical-align: middle;}
.photo-tab-warp div span { display: inline-block; width:50%; height: 35px; margin: 0 0 0 5px; vertical-align: middle;}
.photo-tab-warp .mi { color: #c6b294; bottom: 100px;}
.photo-tab-warp .hei { color: #000; bottom: 50px;}
.photo-tab-warp .hong { color: #ab0012;bottom: 0px;}


.photo-tab-warp .mi span { background:#c6b294;}
.photo-tab-warp .mi.active span { background: no-repeat center center #c6b294}
.photo-tab-warp .hei span { background:#000;color: #000}
.photo-tab-warp .hei.active span { background: no-repeat center center #000000;}

.photo-tab-warp .hong span { background:#ab0012;}
.photo-tab-warp .hong.active  span { background: no-repeat center center #ab0012;}

.box-360btn-2 { position: absolute; right: 2%; bottom: 10px; z-index: 2; width: 4.75%;} 
.panno-warp { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:5; display: none;}
.test-abs { position: absolute; right: 0; bottom: 15px; width: 21%;}

.box-scroll-warp{ overflow: hidden;}
.scroll-box { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden;}
.scroll-box li { float: left;}
.scroll-arrow-left { background:  no-repeat center center; width: 61px; height: 81px; cursor: pointer; position: absolute; 
    left: 5px; top: 50%; margin-top: -40px; z-index: 3; transition: all ease .2s; -webkit-transition: all ease .2s;}
.scroll-arrow-right { background:  no-repeat center center; width: 61px; height: 81px; cursor: pointer; position: absolute; right: 5px; top: 50%; margin-top: -40px; z-index: 3; transition: all ease .2s; -webkit-transition: all ease .2s;}
.scroll-arrow-left:hover { transform: translatex(-8px); -webkit-transform: translatex(-8px); }
.scroll-arrow-right:hover { transform: translatex(8px); -webkit-transform: translatex(8px); }

.anquan-btn { text-align: center; width: 100%;}
.anquan-btn span { -display: inline-block; width: 105px; height: 115px; text-align: center; cursor: pointer; float: left; margin: 0 2% 0 1%;}
.aq-btn1 {  background:  no-repeat center center;  }
.aq-btn2 {  background:  no-repeat center center;  }
.aq-btn3 {  background:  no-repeat center center;  }
.aq-btn4 {  background:  no-repeat center center;  }
.aq-btn1.active {  background:  no-repeat center center #88cff3; border-radius:8px;  }
.aq-btn2.active  {  background:  no-repeat center center #88cff3;border-radius:8px;  }
.aq-btn3.active  {  background:  no-repeat center center #88cff3;border-radius:8px;  }
.aq-btn4.active  {  background:  no-repeat center center #88cff3;border-radius:8px;  }

.box-text-warp {}
.box-text-warp.center { margin: 0 auto;}
.box-text-warp.left { float: left;}
.box-text-warp.right { float: right;}

.tab-btn-warp {  overflow: hidden;}
.tab-btn-warp span { padding: 8px; margin: 0 15px; border-radius: 2px; line-height: 20px; display: inline-block; height: 36px; border:1px solid #fff; cursor:pointer; }
.tab-btn-warp span.active { border:1px solid #e30c2a; color: #e30c2a;}
.tab-btn-warp span.hover { border:1px solid #e30c2a; color: #e30c2a;}
.tab-btn-warp span:hover { border:1px solid #e30c2a; color: #e30c2a;}

.kv-arrow { position: absolute; z-index: 2; left: 50%; margin-left: -16px; bottom: 30px;}
.aq-text  { height:100px;}


/*备注171115*/
	.popremarks{width:966px;height: 635px; position: fixed; top: 50%;left: 50%; margin: -317px 0 0 -483px; background: url(/uploads/image/vcipc/rem_bj.png); z-index: 1005;color: #fff;display: none}
	.rembox{padding:80px 78px 50px;line-height:3em}
	.rembox h1{font-size: 30px; list-style: 3em;margin-bottom: 1.5em; text-align:  center; display: block}
	.rembox p{font-size:18px; margin-bottom: 1em;color:#ddd}
 .popremarks .close1 {    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    right: 30px;
    top: 30px;
    background: url(/uploads/image/vcipc/test-close.png) no-repeat center center;
}
	.bordertop{border-top:1px solid #ddd;}
	.area{
		background:#f1f4f4;
		width:100%;
		height:124px;
		padding-top:16px;
	}
	.area .white{
		width:50%;
		margin-left:10%;
		font-size:16px;
		height:100%;
		line-height:30px;
		color:#606061;
	}
	.area .white span{
		color:red;
	}
	


.nopd{ padding: 0;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top:80px;}
.mt100 { margin-top: 100px;}
.mt120 { margin-top: 120px;}


.full { width: 100%;}
.fl{ float: left;}
.fr { float: right;}

.w12 { width: 12%;}
.w15 { width: 15%;}
.w188 { width: 18.8%;}

.w18 { width: 18%;}
.w19 { width: 18%;}
.w21 { width: 21%;}

.w25 { width: 25%;}
.w29 { width: 29%;}
.w32 { width: 32%;}
.w33 { width: 33.2%;}

.w42 { width: 42%;}
.w44 { width: 44%;}
.w45 { width: 45%;}
.w50 { width: 50%;}
.w56 { width: 56%;}
.w60 { width: 60%;}
.w64 { width: 64%}
.w70{ width: 70%}
.w35 { width: 35%}
.w465 { width: 46.5%;}
.w488 { width: 48.8%;}
.w50 { width: 50%;}
.w51 { width: 51%;}

.w785 { width: 78.5%;}
.w69 { width: 69%;}
.w70 { width: 70%;}
.w76 { width: 76%;}
.w77 { width: 77%;}
.w80 { width: 80%;}
.w81 { width: 81%;}
.w82 { width: 82%;}
.w83 { width: 83%;}
.w84 { width: 84%;}
.w85 { width: 85%;}
.w86 { width: 86%;}
.w87 { width: 87%;}
.w88 { width: 88%;}
.w89 { width: 89%;}
.w90 { width: 90%;}


.center { text-align: center;}
.td20 { text-indent: 20px;}
.td40 { text-indent: 40px;}
.ml05{ margin-left: .2%;}
.ml2{ margin-left: 2%;}
.mw220 { max-width: 220px;}
.visb { overflow: visible;}


/*新添加*/
.dc_wy h2{}
.dc_auto{ width: 1170px; margin: 80px auto 0;}
.dc_v1{ font-size: 18px; color: #303030; line-height: 30px; margin-top: 35px;}
.dc_wy h2 img{ margin-right: 15px; position: relative; top: -5px;}
.dc_v2 img{ width: 100%; position: relative; top: -25px;}


.chant.maps{ display: none\9;}
.span_dx{ top :4px;float: left; width: 15px; height: 15px; background: #e40c2a; margin-right: 5px; position: relative;}
.span_dx.cur img{ display: none;}
.span_dx img{ position: absolute; top: 2px; left: 0; width: 95%;}


.plan .p_l{    padding: 40px 30% 40px 30%;font-size: 18px;}

.plan .p_l p{text-align: left;    padding-left: 33px;    line-height: 31px;}

.plan .p_l p.nobefore{   line-height: 28px !important;font-size: 14px; }

.plan .p_r{    padding: 40px 30% 40px 30%;font-size: 18px;}
.plan .p_r p {
    text-align: left;
    padding-left: 33px;
    line-height: 31px;
}

/* .plan{width: 75%; margin: 0 auto} */

.gou_more{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/uploads/image/vcipc/box_qie_bg.png) repeat; z-index: 100; display: none;}
.gou_more .con_1{ width: 100%;  max-width: 960px;text-align: left;
    border-top: 6px solid #d50000; background: #333; background: rgba(46,52,59,.8); color: #fff; position: fixed; top: 50%; left: 50%; margin: -236px 0 0 -480px;}
.gou_more .pop-title{ background: #2e343b; height: 60px; line-height: 60px; position: relative;}
.gou_more .pop-title h3{ color: #fff;font-size: 24px;margin: 0 0 0 65px; text-align: left;}
.gou_more .pop-title .close22{background: url(/uploads/image/vcipc/close.png) no-repeat; width: 34px; height: 34px; position: absolute; right: 20px;  top: 10px; cursor: pointer;}
.gou_more .con_2{padding: 25px 65px 50px;}
.gou_more .con_2 .p1{ font-size: 14px; color: #fff; margin-bottom: 1em;}
.gou_more .formstyle{ padding: 15px; }
.gou_more .formstyle>div{ position: relative; width: 50%; float: left; box-sizing: border-box;  font-size: 14px; padding-left: 120px;padding-bottom: 17px; height: 47px;}
.gou_more span.inputinfo{  position: absolute; text-align: right;  width: 100px;display: inline-block; left: 0; top: 8px;}
.gou_more .color{color: #d50000;}
.gou_more p{font-size: 14px; color: #fff; margin-bottom: 1em;}

.gou_more .formstyle .submit{ width: 100%; padding: 25px 0 60px; border-top: 1px solid #ddd;}

 /*新添加*/
.yue1{ background: url(/uploads/image/vcipc/box_qie_bg.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; 
	z-index: 100000; display: none; font-size: 12px; color: #333;}
.yue_con{ background: #fff; width: 760px; height: 500px; margin: -250px 0 0 -380px; position: fixed; top: 50%; left: 50%;box-shadow: 0 2px 5px rgba(0,0,0,.34);}
.yue_p1{background: #333; box-shadow: 2px 2px 5px #333; height: 50px; line-height: 50px; position: relative;border-bottom: 1px solid #444; padding: 0px 20px; position: relative; font-size: 12px; color: #fff;}
.yue_p1 span{ background: url(/uploads/image/vcipc/guanbi.png) no-repeat top right; width: 50px; height:50px; top: 0; right: 0; cursor: pointer; background-size: 100% 100%;}
.yue_v1{ width: 95%; margin-left: 2.5%; color: #333; margin-top: 5px;}
.yue1 .item{ height: 84%;}
.yue1 h3{ font-size: 22px; line-height: 40px; margin-bottom: 10px;}
.yue1 h4{ font-size: 18px; color: #333; font-weight: normal; margin-top: 10px;}
.yue1 h5{ line-height: 20px;/* margin-top: 10px; */}
.yue_v1 li{ line-height: 17px; margin-bottom: 5px;}
.yue_v1 ul{ margin-top: 30px;}
#ascrail2000{ display: none !important;}

/*11.16  凯美瑞*/
.xin_36{ font-size: 24px;}
.xin_16{ font-size: 14px; line-height: 22px;}

.kai_m_xin1{ text-align: center; color: #303030;}
.kai_m_xin1 .p1{ margin-top: 70px;}
.kai_m_xin1 .p2{ margin-top: 30px;}
/*.kai_m_xin2_1 dt{ height: 100px;}*/
.kai_m_xin2_1 .li2 dd{ margin-top: 35px;}
.kai_m_xin2_1 .li2 dt{ height: auto;}
.kai_m_xin2_1 .li3 dt{ border:none;}

.kai_m_xin2{ color: #303030;}
.kai_m_xin2 ul{ overflow: hidden; width: 100%; text-align: center; margin-top: 50px;}
.kai_m_xin2 li{float: left; width: 33.3333%; color: #303030;}
.kai_m_xin2 li dt{ font-size: 36px; line-height: 50px; border-right: #bfbfbf 1px solid; height: 100px;}
.kai_m_xin2 li dd{ font-size: 16px; margin-top: 15px; line-height: 26px;}
.kai_m_xin2 li.li2 dt{ border:none;}
.kai_m_xin2 li.li3 dt{ border-left: #bfbfbf 1px solid; }
.kai_m_xin2 li.li2 p span{ position: relative; font-size: 12px; top: -7px; margin-left: 5px;}
.kai_m_xin2 li.li3 span,.kai_m_xin2 li.li4 span{ position: relative; font-size: 12px; top: -18px; margin-left: 3px;}

.kai_m_xin3{ margin-top: 100px;}
.kai_m_xin4{ position: absolute; bottom: 40px; left: 10%;}
.kai_m_xin4 dt{font-weight: bold;}
.kai_m_xin4 dd{ margin-top: 15px;}

.kai_m_xin5 dt{ margin: 20px 0;font-weight: bold;}

.kai_m_xin6{ text-align: center; margin-top: 50px;}
.kai_m_xin6 .box-p1{ position: relative; top: 20px;}
.kai_m_xin6 .span_22{ display: inline-block;}
.kai_m_xin6 .box-text-warp.right{ float: none; text-align: center;}

.xin_beizhu{ background: #f2f3f5; margin-top: 60px;padding: 30px 6.25%;}
.xin_beizhu .beizhu{ float: none; line-height: 180%; font-size: 13px;}



.sport_video{
	
	position: relative;
	margin-top:110px;
	top:20px;
	margin:0 auto;
}
.sport_video>img{
	width:100%;
	height:100%;
	display:block;
}
.sport_video .play{
	width:80px;
	height:80px;
	display:block;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-35px;
}

.sport_video .play img{
	width:100%;
	height:100%;
	display:block;
}

.main .video_box{
	width:1280px;
	height:600px;
	position:fixed;
	left:50%;
	margin-left:-640px;
	top:50%;
	margin-top:-300px;
	z-index: 1003;
	display:none;
	
}

.main .video_box span{
	display:block;
	width:24px;
	height:24px;
	position: absolute;
	right:0;
	top:0;
}

.newadd{
	width:100%;
	
}
.newadd h1{
	font-size:36px;
	width:100%;
	text-align: center;
	margin-bottom: 40px;
	margin-top:114px;
}
.newadd h3{
	font-size:20px;
	width:100%;
	text-align: center;
	margin-bottom: 58px;
}
.newadd .tnga{
	position: absolute;
	right:36px;
	top:36px;
	
}
.newadd .img_box{
	position: relative;
	
}

.newadd ul li{
	float:left;
	margin-bottom:108px;
}
.newadd ul {
	width:100%;
	margin-top:20px;
	
}
.newadd ul li img{
	
	display:block;
	width:100%;
}
.newadd ul .li_one,.newadd ul .li_two{
	width:24%;
	margin-right:1%;
}
.newadd ul .li_three{
	width:50%;
}

.box .aa{
	width:24.8%;
}

/*内饰*/

.neishi_xian{
	width:80%;
	height:100%;
	display:block;
}

/*操控*/

.pp1{
	width:100%;
	text-align: center;
	margin:50px 0;
	font-size:20px;
}


@media (max-width:1366px){
	.xin_36{ font-size: 36px;}
	.xin_16{ font-size: 16px; line-height: 20px;}
}

/*0404xle新增*/

#gbook_androidapp{
	position: absolute;
	right: 5%;
	bottom: 7%;
}
#de_androidapp{
	position: absolute;
	right: 5%;
	bottom: 0%;
}
.new_wenan{
	color: #fff;
	position: absolute;
	right: 5%;
	top: 20%;
	text-align: left;
}
.new_wenan h2{
	font-size: 2em;
	margin-bottom: 1.5em;
}
.new_wenan p{
	font-size: 1em;
	line-height: 2em;
	padding-left: 1.5em;
}
.new_wenan p i{
	font-style: normal;
	display: inline-block;
	margin-right: 0.5em;
}
.new_wenan span{
	display: block;
	text-align: center;
	margin-top:3em ;
}
.w900{
	width: 90%;
}
.t_center{
	text-align: center;
}
.op_yy{
	position: absolute;
	left: 0%;
	top: 38.4%;
}
.kai_m_xin4 dt {
     margin-left: 0%; 
}
.dragwarp .title {
    position: absolute;
    z-index: 5;
    color: #fff;
    font-size: 14px;
    width: 100%;
    left: 0;
    bottom: 5px;
    padding: 10px 20px;
    font-weight: 100;
    line-height: 21px;
}
.w23 { width: 23%;}
.w248{width: 24.8%;}
#video{
	width: 100%;
	height: 100%;
	background: #000000;
	position: fixed;
	z-index: 10000;
	left: 0%;
	top: 0%;
	display: none;
}
#video_play{
	width: 1280px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -640px;
	margin-top: -300px;
}
#close_video{
	display: inline-block;
	height: 40px;
	width: 40px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	position: absolute;
	right: 20px;
	top: 20px;
}
@media only screen and (max-width: 1366px) {
	.mei{
		height:697px
	}
}

@media only screen and (min-width: 1367px) {
	.mei{
		height:834px
	}
}
.hlights .h_r{
	 -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*ie10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.pc_hea .v2 .span_kj {box-sizing:content-box;}
#pc .wrap{border-top: 10px solid #f1f1f3;}