@charset "utf-8";/*--------------------------
风神助国球 AI乒才会赢
作者：chihong
QQ:2586334408
---------------------------*/{}
/*基本样式------------------*/
/**{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}*/
body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,header,menu,footer,section,video,article,button,input,select{margin:0;padding:0;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,span,menu,footer,section,video,article,hgroup,button,label{zoom:1;}
body{text-align:center;vertical-align:middle; }
html,body,td,th,.wrapper{color:#FFF;font-size:16px;line-height:1.75em;}
html,body{ height:100%;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;color:#000000;}
textarea{font-size:1em;line-height:1.75em;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur());-webkit-transition:border-color .5s ease-out,background-color .5s ease-out,background-size .5s ease-out,color .5s ease-out;-moz-transition:border-color .5s ease-out,background-color .5s ease-out,background-size .5s ease-out,color .5s ease-out;-ms-transition:border-color .5s ease-out,background-color .5s ease-out,background-size .5s ease-out,color .5s ease-out;transition:border-color .5s ease-out,background-color .5s ease-out,background-size .5s ease-out,color .5s ease-out;}
button{cursor:pointer;}
a:link,a:visited,a:active{color:#DEA189;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
img{border:0;vertical-align: top;}
/*a:hover img{opacity:0.8;filter:alpha(opacity=80);}*/
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;}
.hidden{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
span.center{display:inline-block;margin:0 -0.5em 0 -1px;vertical-align:middle;width:1px;height:100%;overflow:hidden;visibility:hidden;}
.jc{position:absolute;height:0;top:0;overflow:hidden;}
/*页面结构--------------*/
.wrapper_container{position:relative;max-width:1920px;min-width:1280px;overflow:hidden;margin:0 auto;_width:expression((document.body.clientWidth<1000)? "1000px":(document.body.clientWidth>1920)?"1920px":"100%");}
.wrapper{text-align:left;padding:0; width:66.66%;min-width:1280px; margin:0 auto;/*padding-bottom:3.75em;*/}
.allwidth{ margin:0 calc(640px - 50vw);}
body{background:#000;}
/*--页头--------------*/
.header{  position:relative;margin:0 -25%;}
.header .brandinglogo{position:absolute;left:19%;top:0;width:18%;padding:6% 0 0; height:0;overflow:hidden;z-index:10;  background:none;}
.header .banner{margin:0 0%; width:100%; height:0; overflow:hidden; position:relative; padding:32.34375% 0 0; background:#FFF url(../images/kv_20190520.jpg) no-repeat center top; background-size:100%;}
.header .banner .btn{position:absolute;width:15%;padding:2.75% 0 0; height:0;text-indent:-99em;overflow:hidden;top:0; margin-top:60.25%;left:41.85%; display:none;}
/*.header .banner:after{ position:absolute; content:"1月1日-1月31日购车享受此销售政策（2月1日起取消）"; left:22%; bottom:0; margin-bottom:1%;font-size:12px; color:#999;}*/
.ewm_contain{ position:absolute; bottom:0; right:0; list-style:none; width:160px;margin-bottom:23%;margin-right:4%; padding-bottom: 18px; background:url(../images/ewm.png) no-repeat center bottom; display:none;}
.ewm_contain li{list-style:none;}
.ewm_contain li img{ width:100%;}
.more_btn{ display:none;}

.product_link{position:absolute;right:18%;top:10px; margin-top:0;overflow:hidden; list-style:none; padding-right:30px; background:url(../images/product_link_icon_r.png) right center no-repeat;}
.product_link{ }
.product_link li{ float:left;list-style:none; padding:0 10px; border-right:1px solid #000; line-height:1;}
.product_link li a{ font-size:18px; color:#000; display:block; padding:0 8px 4px;}
.product_link li.last{ border:0;}
.product_link li:hover a{ color:#f08450; border-bottom:1px solid #f08450;}
/*--页面主体---------*/
.main{}
/*--页底---------*/
.footer{ position:relative; z-index:20; margin:-3em 0 0; font-size:12px; height:3em; line-height:3em; color:#666; text-align:center;}
/*----国球新风潮计划---------*/
.column_about{ position:relative; margin:0 -25%; height:0; padding:0 25% 43.59375%; overflow:hidden; background:#FFF url(../images/column_about.jpg) no-repeat center top; background-size:100%;}
.column_about .column_title{display:none;}
.column_about .column_content p{display:none;}
.column_about .column_content{ position:relative;height:0;padding:0 0 43.59375%;overflow:hidden;background:url(../images/column_about.png) no-repeat left center; background-size:auto 111.11%;}
.column_about .column_content .btn_more{ position:absolute;top:0; height:0; overflow:hidden;left: 1024px;margin-top: 265px;width: 144px;padding: 36px 0 0;}

/*----精彩瞬间---------*/
.column_aboutimg{ position:relative; margin:0 -25%; height:0; padding:0 25% 59.21875%; overflow:hidden; background:url(../images/column_aboutimg.jpg) no-repeat center top; background-size:100%;}
.column_aboutimg .column_title{display:none;}

.column_aboutimg .column_content{ position:relative; width:75%; height:0; padding:0 0 44.8%; background:#000; margin:0 auto; overflow:hidden; box-shadow:3px 3px 10px rgba(0,0,0,0.5);}
.column_aboutimg .photo_content{ position:absolute; left:0; top:0; right:0; bottom:0;}
.column_aboutimg .photo_content ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1; z-index:5;}
.column_aboutimg .photo_content ul li{position:relative;width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.column_aboutimg .photo_content ul li img{width:100%;}
.column_aboutimg .photo_content .column_aboutimg,.column_aboutimg .photo_content .scroll_num{ display:none;}
.column_aboutimg .photo_content .scroll_btn{ position:absolute; width:100%; left:0;bottom:0;text-align:center; z-index:10; background:#000; padding:1em 0 0;}
.column_aboutimg .photo_content .scroll_btn a{ display:inline-block;width:4em; padding:0.5em 0 0; border-radius:0.25em; height:0; overflow:hidden; background:#999; margin:0 0.5em; vertical-align:top; box-shadow:0px 0px 1px rgba(255, 255, 255, 0.75);}
.column_aboutimg .photo_content .scroll_btn a.current{ background:#B3090D;}
.column_aboutimg .photo_content .scroll_prev{ position:absolute; left: 0%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_prev.png) no-repeat center center; background-size:auto 100%; z-index:5;}
.column_aboutimg .photo_content .scroll_next{ position:absolute; right:0%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_next.png) no-repeat center center; background-size:auto 100%; z-index:5;}

/*----视频---------*/
.column_video{ position:relative; margin:0 -25%; padding:10.703125% 25% 47.34375%; height:0; overflow:hidden; background:url(../images/column_video.jpg) no-repeat center top; background-size:100%;}
.column_video .column_title{ display:none;}
.column_video .video_content{ margin:0 auto;width:75%;padding:0 0 33.75%; height:0; overflow:hidden; background:#000; position:relative;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);}
.column_video #video_content{ position:absolute; left:0;top:0; right:0; bottom:0;}
.column_video #video_content video{ position:relative; width:100%; height:100%;object-fit:cover;}
.column_video #video_content video{max-width:100%;max-height:100%;background:#000;}
.column_video #video_content embed,.column_video #video_content object{max-width:100%;max-height:100%;}
.column_video #video_content .videoimg{ background:#000; position:absolute; left:0; right:0; top:0; bottom:0; white-space:nowrap;line-height:0; cursor:pointer;}
.column_video #video_content .videoimg:after{ content:""; width:1px; margin:0 -1px 0 -1em; height:100%; display:inline-block; vertical-align:middle;}
.column_video #video_content .videoimg img{max-width:100%;max-height:100%; vertical-align:middle;*width:100%;}
.column_video #video_content .icon{ position:absolute; left:50%; top:50%; margin:-6.5625% 0 0 -6.5625%; width:13.125%; padding:0 0 13.125%; height:0; overflow:hidden; background:url(../images/video_icon.png) center center no-repeat; background-size:100%;}


/*----图片---------*/
.column_photo{ position:relative; margin:0 -25%; height:0; padding:10.625% 25% 61.875%; overflow:hidden; background:url(../images/column_photo.jpg) no-repeat center top; background-size:100%;}
.column_photo .column_title{display:none;}
.column_photo .column_content{ position:relative; width:75%; margin:0 auto;height:0; padding:0 0 44.8%; background:#000;overflow:hidden;box-shadow:3px 3px 10px rgba(0,0,0,0.5);}
.column_photo .photo_content{ position:absolute; left:0; top:0; right:0; bottom:0;}
.column_photo .photo_content ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1; z-index:5;}
.column_photo .photo_content ul li{position:relative;width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.column_photo .photo_content ul li img{width:100%;}
.column_photo .photo_content  img.wap{ display:none;}
.column_photo .photo_content .scroll_bar,.column_photo .photo_content .scroll_num{ display:none;}
.column_photo .photo_content .scroll_btn{position:absolute; width:100%; left:0;bottom:0;text-align:center; z-index:10; background:#000; padding:1em 0 0;}
.column_photo .photo_content .scroll_btn a{ display:inline-block;width:4em; padding:0.5em 0 0; border-radius:0.25em; height:0; overflow:hidden; background:#999; margin:0 0.5em; vertical-align:top; box-shadow:0px 0px 1px rgba(255, 255, 255, 0.75);}
.column_photo .photo_content .scroll_btn a.current{ background:#B3090D;}
.column_photo .photo_content .scroll_prev{ position:absolute; left: 0%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_prev.png) no-repeat center center; background-size:auto 100%; z-index:5;}
.column_photo .photo_content .scroll_next{ position:absolute; right:0%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_next.png) no-repeat center center; background-size:auto 100%; z-index:5;}


/*----新闻---------*/
.column_news{ position:relative; margin:0 -25%; padding:0 25% 64%; height:0; overflow:hidden; background:url(../images/news_bg.jpg) no-repeat center top; background-size:100%;}
.column_news .column_title{ position:relative; height:0; overflow:hidden; padding:0 0 10.625%;}
.column_news .column_title h2{ width:18.75%; padding:6.25% 0 0; height:0; overflow:hidden; position:absolute; z-index:10; left:50%; top:0; margin:3.75% 0 0 -9.375%; background:url(../images/title_news.png) no-repeat center top; background-size:100%;}
.column_news .news_content{ width:93.75%; padding:0 3.125%; position:relative; overflow:hidden;}
.column_news .news_content ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1; z-index:5;}
.column_news .news_content ul li{position:relative;width:33.33%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.column_news .news_content ul li img{width:100%;}
.column_news .news_content ul li.odd{ margin-top:6%;}
.column_news .news_content ul li h3{width:36%; padding:9% 0 0; height:0; overflow:hidden; position:absolute; z-index:10; left:50%; top:0; margin:105% 0 0 -18%; background:url(../images/more.png) no-repeat center top; background-size:100%;}
.column_news .news_content .scroll_btn,.column_news .news_content .scroll_bar,.column_news .news_content .scroll_num{ display:none;}
.column_news .news_content .scroll_prev{ position:absolute; left: 1.875%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_prev.png) no-repeat center center; background-size:auto 100%; z-index:5;}
.column_news .news_content .scroll_next{ position:absolute; right:1.875%; top:50%; margin-top:-3.4375%; width:5%; padding:6.875% 0 0; background:url(../images/btn_next.png) no-repeat center center; background-size:auto 100%;z-index:5;}
.column_news .news_content .noshow{ display:none;}
.gotosite{ display:none;}

/*----试驾---------*/
.testdrive_btn{ display:none;}
/*.column_testdrive{margin:0 -25%; width:100%;  height:0; overflow:hidden; position:relative; padding:0 25% 38.359375%; background:url(../images/testdrive_pcbg201807.jpg) no-repeat center top; background-size:100%;}*/
.column_testdrive{display:none;margin:0 -25%; width:100%;  height:0; overflow:hidden; position:relative; padding:2.5% 25% 37.5%; background:#c60204 url(../images/testdrive_pcbg201812.jpg) no-repeat center bottom; background-size:100%;}
.column_testdrive .column_title{ display:none;}
.column_testdrive .column_content{ position:relative; margin:0 auto;width:100%;padding:0;}
.column_testdrive .column_content h3{ display:none;}
.column_testdrive .column_content form{display:block; text-align:left;}
.column_testdrive .column_content p{ position:absolute; width:22.265625%; top:-20px;}
.column_testdrive .column_content p.icon1{margin-top:10.5%;left:9.25%; }
.column_testdrive .column_content p.icon2{margin-top:10.5%;left:39%;}
.column_testdrive .column_content p.icon3{margin-top:10.5%;left:68.9%;}
.column_testdrive .column_content p.icon4{margin-top:16.2%;left:9.25%;}
.column_testdrive .column_content p.icon5{margin-top:16.2%;left:39%;}
.column_testdrive .column_content p.icon6{margin-top:16.2%;left:68.9%;}
.column_testdrive .column_content p input,.column_testdrive .column_content p span{font-size:18px; font-family:SimHei;display:block; padding:0 2em 0 6px;line-height:40px;height:40px;outline:0;border:none;background:none;color:#595757; position:relative; overflow:hidden;}
.column_testdrive .column_content p input{ width:100%; margin:0; box-sizing:border-box; }
/*.column_testdrive .column_content p span{ background:url(../images/testdrive_icon_b.png) no-repeat right center;background-size:2.5em; }*/
.column_testdrive .column_content p select{position:absolute; width:100%; top:0; left:0; line-height:40px; height:40px;outline:0; border:none; opacity:0;filter:alpha(opacity=0);*top:2px;*height:2em;*line-height:2em;font-size:18px;font-family:SimHei;}
.column_testdrive .column_content #btnsbt{position:absolute;width:16.25%;padding:3.65% 0 0; height:0;text-indent:-99em;overflow:hidden;top:0; margin-top:23.25%;left:41.85%;}
.column_testdrive .column_content .goto_site{position:absolute;width:16.25%;padding:3.65% 0 0; height:0; overflow:hidden;text-indent:-99em;overflow:hidden;top:0; margin-top:29.4375%;left:38.85%; display:none;}

iframe[src*='doubleclick.net']{ position:absolute; top:0; visibility:hidden;}
@media all and (min-width:0){
	.wrapper_container{min-width:0;}
}
/*@media all and (max-width:1600px){
	.header .banner{margin:0 -10%; width:120%; padding:52.34375% 0 0;}
}*/
@media all and (max-width:1560px){
	.column_about .column_content{background-size:100% auto;}
	.column_about .column_content .btn_more{top: 50%;left:66%;margin-top:-1%;width:9%;padding:2.5% 0 0;}
}
@media all and (max-width:1280px){
	.wrapper{ width:100%;min-width:0;}
	.allwidth{ margin:0;}
}
@media all and (min-width:768px) and (max-width:1024px){
	.ewm_contain{ display:none;}
	.product_link li{padding:0 5px;}
	.product_link li a{ font-size:14px;padding:0 5px 4px;}
	.column_testdrive .column_content form{ margin:0 17.5em 0 3.5em;}
	.column_testdrive .column_content #btnsbt{ width:8em;background-size:115%; right:9em;}
	.column_testdrive .column_content .goto_site{width:8em;background-size:115%;right:0.5em;}
}

@media all and (min-width:768px){
	.column_testdrive{display:none !important;}
	#video_content{ display:block !important; transform:translateY(0) !important;}
}
@media all and (max-width:767px){
	.product_link{ display:none;}
	.ewm_contain{ display:none;}
	html,body,td,th,.wrapper{ font-size:12px;}
	.wrapper{ padding-bottom:12.4%;}
	.testdrive_btn{ display:block; position:fixed;bottom:0;right:50%; width:50%; padding:12.4% 0 0; height:0; overflow:hidden;background:url(../images/wap_btn_testdrive.jpg) no-repeat right center; background-size:auto 100%; z-index:50; }
	.gotosite{ display:block;position:fixed;right:0;bottom:0;width:50%; padding:12.4% 0 0;height:0;overflow:hidden;background:url(../images/wap_btn_gotosite.jpg) no-repeat center center; background-size:100%;z-index:50;}
	.header { margin:0;}
	.header .brandinglogo{left:6%;width:44%;padding:16% 0 0;}
	/*.header:before{ position:absolute; top:0; bottom:0; left:0; width:100%; background:url(../images/wap_kvtop20181212.png) no-repeat center top; background-size:100%; content:"";}
	.header:after{ position:absolute; top:0; bottom:0; left:0; width:100%; background:url(../images/wap_kv20181212.png) no-repeat center center; background-size:100%;; content:"";}*/
	.header .banner{padding:136.8% 0 0;background:#FFF url(../images/wap_kv20190520.jpg) no-repeat center top; background-size:100%; z-index:5;}
	.header .banner .btn{width: 38%;padding: 7.25% 0 0;margin-top: 110%;left: 31%;}
	.header .banner h1,.header .banner h2,.header .banner p{ display:none;}
	.more_btn{ position:absolute; top:0; width:64.4%; left:50%; margin-left:-32.2%; margin-top:124%; display:block; z-index:1000;}
	.more_btn img{ width:100%;}
	.header .banner:after{left:15%; bottom:50%; margin-bottom:-53%;}
	

	/*----国球新风潮计划---------*/
	.column_about{ margin:0; padding:0 0 50.8%;background-image:url(../images/wap_about.jpg);}
	.column_about .column_content{ background:none; position:static;}
	.column_about .column_content .btn_more{left:10%;margin-top:18%;width:19%;padding:5% 0 0;}
	/*----精彩瞬间---------*/
	.column_aboutimg{margin:0; padding:19.2% 0 64.4%;background-image:url(../images/wap_aboutimg.jpg);}
	.column_aboutimg .column_content{width:92%;padding:0 0 54.8%;}
	.column_aboutimg .photo_content .scroll_btn{ position:absolute; background:none; bottom:0;margin-bottom:0.5em; line-height:0;}
	.column_aboutimg .photo_content .scroll_btn a{ width:3em; padding:0.3em 0 0; border-radius:0.15em; margin:0 0.25em; line-height:1.75em;background: #101116;}
	.column_aboutimg .photo_content .scroll_prev{left: 0; margin-top:-5.8%; width:8.8%; padding:11.6% 0 0;}
	.column_aboutimg .photo_content .scroll_next{right:0; margin-top:-5.8%; width:8.8%; padding:11.6% 0 0;}
	
	/*----视频---------*/
	.column_video{ margin:0; padding:18% 0 56%; background-image:url(../images/wap_video.jpg);}
	.column_video .video_content{width:92%;padding:0 0 51.75%;}
	
	/*----图片---------*/
	.column_photo{ margin:0; padding:16.8% 0 63.2%; background-image:url(../images/wap_photo.jpg);}
	.column_photo .column_content{width:92%;padding:0 0 54.8%;}
	.column_photo .photo_content .scroll_btn{ position:absolute; background:none; bottom:0;margin-bottom:0.5em; line-height:0;}
	.column_photo .photo_content .scroll_btn a{ width:3em; padding:0.3em 0 0; border-radius:0.15em; margin:0 0.25em; line-height:1.75em;background: #101116;}
	.column_photo .photo_content .scroll_prev{left: 0; margin-top:-5.8%; width:8.8%; padding:11.6% 0 0;}
	.column_photo .photo_content .scroll_next{right:0; margin-top:-5.8%; width:8.8%; padding:11.6% 0 0;}
	.column_photo .photo_content  img.wap{ display:block;}
	.column_photo .photo_content  img.pc{ display:none;}	
	
	/*----试驾---------*/
	.column_testdrive{display:none;bottom:auto; top:0;height:100%;font-size:1em;position: fixed;left: 0;width: 100%;background: url(../images/tbg.png);z-index: 1000;text-align: center;white-space: nowrap;}
	.column_testdrive .column_title{width:1px; overflow:hidden; margin:0 -1px 0 -0.5em; height:100%; display:inline-block;vertical-align:middle;zoom:1; visibility:hidden;}
	.column_testdrive .column_content{max-width:450px; width:80%; height:auto; margin:0; padding:0;display:inline-block;*display:inline; vertical-align:middle;zoom:1; background:#FFF url(../images/testdrive.jpg) no-repeat 50% -6%; background-size:40%; border:1px solid #666; border-radius:1em;}
	.column_testdrive .column_content h3{ display:block;position:absolute; width:2em; height:0; padding:2em 0 0; overflow:hidden; background:url(../images/close.png) no-repeat; background-size:100%; left:1em; top:1em; z-index:5; cursor:pointer;}
	.column_testdrive .column_content form{padding:18% 14% 8%;margin:0 0 6%;background:url(../images/testdrive_bg.jpg) no-repeat center bottom; background-size:54%;line-height:1em;}
	.column_testdrive .column_content p{position: relative;border:none;border-bottom:1px solid #D9D9D9;border-radius:0; float:none; left:0 !important; width:auto !important; margin:0 !important; top:0; padding:0 3em 0 1em !important; background:no-repeat right center; background-size:3em; height:3em;}
	.column_testdrive .column_content p.icon1{ background-image:url(../images/testdrive_icon1.jpg);}
	.column_testdrive .column_content p.icon2{ background-image:url(../images/testdrive_icon2.jpg);}
	.column_testdrive .column_content p.icon3{ background-image:url(../images/testdrive_icon5.jpg);}
	.column_testdrive .column_content p.icon4{ background-image:url(../images/testdrive_icon3.jpg);}
	.column_testdrive .column_content p.icon5{ background-image:url(../images/testdrive_icon4.jpg);}
	.column_testdrive .column_content p.icon6{ background-image:url(../images/testdrive_icon7.jpg);}
	.column_testdrive .column_content p input,.column_testdrive .column_content p span{ font-size:1rem; display:block; padding:0; width:100%; margin:0; line-height:3em; height:3em; outline:0; border:none; background:none; color:#000; position:relative;}
	.column_testdrive .column_content p span{ background:url(../images/testdrive_icon.jpg) no-repeat right center;background-size:3em; }
	.column_testdrive .column_content p select{ font-size:1rem; line-height:3em; height:3em;}
	.column_testdrive .column_content #btnsbt{ display:block; position:static; width:100%; background:url(../images/testdrive_button.jpg) no-repeat center center; background-size:100%; border:none;outline:0; padding:17.15% 0 0; margin-top:1em;border-radius:0;}
	.column_testdrive .column_content .goto_site{ display:none;}

}
/*@media all and (max-width:767px) and (min-device-aspect-ratio:100/148){
	.header .banner{top: calc(50vh - 74vw);}
}*/
@keyframes goon{
    0%{ background-image:url(../images/goon1.png);}
    100%{background-image:url(../images/goon1.png);}
}
