@charset "utf-8";/*--------------------------
东风Honda网站2017提案版
作者：chihong
QQ:2586334408
---------------------------*/{}
/*基本样式------------------*/
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{background:#fff;text-align:center;font-family:'Microsoft YaHei'; /*font-family:simHei;*/vertical-align:middle;font-size:14px;}
input,button{font-family:'Microsoft YaHei';/*font-family:simHei;*/ }
html,body,td,th,.wrapper{color:#2D2D2D;font-size:14px;line-height:1.75em;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;color:#000000;outline:none;}
textarea{font-size:1em;line-height:1.75em;} 
a{outline:0;cursor:pointer;/**star:expression(this.onFocus=this.blur());*/}
button{cursor:pointer;}
a:link,a:visited,a:active{color:#2D2D2D;text-decoration:none;}
a:hover{color:#E51628;text-decoration:none;}
img{border:0;vertical-align:top;}
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;}
.img_container img{position:absolute;left:0;top:0;width:100%;height:auto;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;}
.img_container .iea{position:absolute;left:0;top:0;bottom:0;width:100%;_height:100%;background:url(../images/tm.gif);z-index:5;zoom:1;display:block;}
iframe{ position:absolute; left:0; top:0; z-index:-1}
@media all and (min-width:0px){
	a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
	/*a:hover img{opacity:0.8;filter:alpha(opacity=80);}*/
	a:hover .img_container img{opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
	article div:hover .img_container img{opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
}
/*页面结构--------------*/
.wrapper_container{position:relative;text-align:left;max-width:1920px;min-width:1000px;min-height:100%;height:100%;overflow:hidden;margin:0 auto;_width:expression((document.body.clientWidth<1000)? "1000px":(document.body.clientWidth>1920)?"1920px":"100%"); background-color:#fff;}
.ishandheld .handhide{display:none;}
/*--页头--------------*/
.site_header{position:relative;z-index:25;width:100%;}
.site_header .header_content{position:relative;height:0;width:100%;padding:90px 0 0;background:#FFF;}
.site_header h1,.site_header h2{position:absolute;visibility:hidden;}
.site_header .brandinglogo{position:absolute;left:0;top:0;width:228px;height:0px; padding:90px 0 0;overflow:hidden;background:url(../images/2016page/logo.png) no-repeat center top;background-size:100%;z-index:10;}
.site_header .seclogo{position:absolute;right:0;top:0;width:180px;height:0px; padding:90px 0 0;overflow:hidden;background:url(../images/2016page/seclogo.png) no-repeat center top;background-size:100%;z-index:10;}

/*----菜单------------*/
.site_menu{position:absolute;left:0;right:0;padding:0 170px 0 218px;bottom:3px;height:3.75em;}
.site_menu .tocar{ display:none;}
.site_menu a,.site_menu a:link,.site_menu a:visited,.site_menu a:active{color:#646464;}
.site_menu a:hover{ font-weight: bold;}
.site_menu .menu_content{text-align:center;}
.site_menu ul{list-style-type:none;line-height:1em; display:inline-block;*display:inline;vertical-align:top;}
.site_menu li{display:inline-block;*display:inline;background:url(../images/tm.gif);zoom:1;}
.site_menu  .menu_index{ display:none;}
.site_menu h3{display:inline-block;*display:inline;font-size:16px;height:52px;overflow:hidden;line-height:1.5em;font-weight:lighter;position:relative;} 
.site_menu h3 a{display:inline-block;*display:inline;padding:0 1em;white-space:nowrap;}
.ishandheld .havecontent h3:after ,.ishandheld .havetrecontent h4:after,.ishandheld .havefourcontent h5:after{content:"";position:absolute;z-index:5;left:0;top:0;right:0;bottom:0;background:url(../images/tm.gif);}
.site_menu .current h3{/*border-bottom:6px solid #E51628;height:46px;*/ font-weight:bold;}
.site_menu .mouseon h3{ background:url(../images/2016page/menu_mouseon.gif) no-repeat center bottom;z-index:30;font-weight:bold;}
.site_menu .sitesearch{position:relative;display:inline-block;*display:inline;padding:0.5em 0 0.5em 2px;height:2em;background:#FFF; vertical-align:top; top:-0.75em; border-left:1px solid #BBB;zoom:1; text-align:left; white-space:nowrap;}
.site_menu .sitesearch .search_btn{border:none;outline:none;margin:0;width:4em;height:100%;overflow:hidden;background:url(../images/2016page/search_btn_gary.png) no-repeat center center;text-indent:-999em; margin-right:-0.5em; font-size:1em;}
.site_menu .sitesearch input{color:#666;line-height:2em;width:0;height:2em;padding:0;margin:0 -0.5em 0 0;border:1px solid #FFF;outline:none;background:#FFF;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out; }
.site_menu .sitesearch input.ccolor{color:#000;}
.site_menu .sitesearch:hover input{width:9em;padding:0 0.5em;border:1px solid #666;}

/*----主菜单下拉------------*/
.site_menu .sec_content{position:absolute;top:51px;*top:52px;left:0;right:0;height:0;background:#FFF;text-align:left;overflow:hidden;width:100%;zoom:1; line-height:0;}
.site_menu .sec_container{position:absolute;top:51px;*top:52px;left:0;right:0;height:0;width:100%;zoom:1;}
.site_menu .sec_container .sec_content{top:0;}
.site_menu .mouseon .sec_content,.site_menu .mouseon .sec_container{z-index:25;}
.site_menu .mouseon.current .sec_content{z-index:inherit;}
.site_menu .menu_sec{position:relative; border-top:1px solid #EEE;padding:0 0 32.1875%; background-size:58.59375%; background-repeat:no-repeat; background-position: right top;}
.site_menu .sec_container .menu_sec{padding:0;}
.site_menu .menu_sec .bgimg{ float:right;width:58.59375%;}
.site_menu .menu_buy{ background-image:url(../images/2016page/menu_buy01.jpg);}
.site_menu .menu_service{ background-image:url(../images/2016page/menu_service.jpg);}
.site_menu .menu_brand{ background-image:url(../images/2016page/menu_brand01.jpg);}
.site_menu .menu_news{ background-image:url(../images/2016page/menu_news1.jpg);}
.site_menu .menu_sec ul{list-style-type:none;position:relative;left:6%;top:0;margin:3% 0 -32.1875%; width:20%; text-align:left; border-top:1px solid #EEE;}
.site_menu .menu_sec li{line-height:2.5em; display:block;border-bottom:1px solid #EEE; position:relative;}
.site_menu .menu_sec h4,.site_menu .menu_tre h5{line-height:2.5em; position:relative;}
.site_menu .menu_sec h4 a{ display:block;}
.site_menu .menu_sec a,.site_menu .menu_sec a:link,.site_menu .menu_sec a:visited,.site_menu .menu_sec a:active{color:#505050;}
.site_menu .menu_sec a:hover{color:#E51628;}
.site_menu .menu_sec li.current h4 a,.site_menu .menu_sec li.current h4 a:link,.site_menu .menu_sec li.current h4 a:visited,.site_menu .menu_sec li.current h4 a:active{color:#000; font-weight:bold;}
.site_menu .menu_sec li.current h4 a:hover{color:#E51628;}
.site_menu h4,.site_menu h5{font-weight:lighter;}
.site_menu .menu_sec .current h4,.site_menu .menu_tre .current h5{font-weight:bold;}

.site_menu .havetrecontent h4 a:after{content:"+";float:right;font-family:simSun;color:#9C9C9C;font-size:1.5em;}
.site_menu .havetrecontent.mouseon h4 a:after{content:"-";font-size:1.5em;}
.site_menu .havetrecontent h4 a{*background:url(../images/2016page/icon_j.png) no-repeat right center;}
.site_menu .havetrecontent.mouseon h4 a{*background:url(../images/2016page/icon_jian.png) no-repeat right center;}
.site_menu .havetrecontent.current h4,.site_menu .havetrecontent.mouseon h4{font-weight:bold;}
.site_menu .tre_content{position:relative;height:0;text-align:left;overflow:hidden;}
.site_menu .menu_tre ul{ position:static; width:100%; border-top:0;margin:0;}
.site_menu .menu_tre li {border-bottom:0;font-size:12px;}
.site_menu .menu_tre h5 a{display:block; padding:0 0 0 28px;}


.site_menu .havefourcontent h5 a:after {content:"+"; float:right;font-family:simSun;color:#9C9C9C;font-size:1.5em;}
.site_menu .havefourcontent.mouseon h5 a:after{content:">";font-size:1.5em;}
.site_menu .havefourcontent h5 a{*background:url(../images/2016page/icon_j.png) no-repeat right center;}
.site_menu .havefourcontent.mouseon h5 a{*background:url(../images/2016page/icon_jian.png) no-repeat right center;}
.site_menu .havefourcontent.current h5,.site_menu .havefourcontent.mouseon h5{font-weight:bold;}
.site_menu .four_content{position:absolute; left:100%; top:0;height:0;text-align:left;overflow:hidden; background:#FFF; white-space:nowrap;}
.site_menu .menu_four ul{ position:static; width:100%;border-top:0;margin:0;}
.site_menu .menu_four li{ border:0;}
.site_menu .menu_four a{ padding:0 1em;}
.site_menu .menu_four li.current a,.site_menu .menu_four li.current a:link,.site_menu .menu_four li.current a:visited,.site_menu .menu_four li.current a:active{color:#000; font-weight:bold;}
.site_menu .menu_four li.current a:hover{color:#E51628;}

.menu_sec ul li:nth-child(4) .four_content{ top:0; }
.menu_sec ul li:nth-child(5) .four_content{ top:0; }
.menu_sec ul li:nth-child(6) .four_content{ top:0; }

.site_menu .menu_product{height:auto;padding:0; background:#FFF;}
.site_menu .menu_product:before{content:"";position:absolute;top:3.5em;left:0;width:100%;height:1px;overflow:hidden;background:#E0E0E0;}
.site_menu .menu_product ul{position:relative;left:auto;top:0; border:0;padding:0;margin:0 auto;max-width:1280px; width:100%;overflow:hidden; display:block;}
.site_menu .menu_product li{float:left;width:25%;line-height:normal;left:-1px; border:0;}
.site_menu .menu_product li.product_car{ width:50%;}
.site_menu .menu_product h4{ text-align:center; border-left:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}
.site_menu .menu_product h4 a{padding:0.5em 0;}
.site_menu .menu_product .tre_content{ height:auto;border-left:1px solid #E0E0E0; padding-bottom:1200px; margin-bottom:-1200px;}
.site_menu .menu_product .menu_tre ul{ padding-bottom:1em;}
.site_menu .menu_product .menu_tre li{ width:100%; left:0;}
.site_menu .menu_product .product_car .menu_tre li{ width:50%; margin-right:-1px;}
.site_menu .menu_product .menu_tre a{position:relative; display:block; margin:0 auto; width:80%;padding:32% 0 0; }
.site_menu .menu_product .menu_tre a:after{content:"了解详情"; color:#FFF;background:#A1A1A1;display:block;margin:0.5em auto; padding:0 1em; line-height:1.75em; font-size:14px; text-align:center; width:4em; display:none;}
.site_menu .menu_product .img_container{position:absolute; padding:56.25% 0 0; height:0; overflow:hidden; width:100%; left:0; top:0;}
.site_menu .menu_product .img_container img{position:absolute; left:5%; top:0; width:90%; margin-top:-2.8125%;}
.site_menu .menu_product h5{ position:relative; z-index:5; line-height:1.75em; overflow:hidden;text-align:center; font-weight:bold;color:#000;font-size:16px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out; }
.site_menu .menu_product a:hover h5{color:#E51628;}
.site_menu .menu_product .price {text-align:center; font-size:12px; color:#505050;}
.site_menu .menu_product .price .value{ font-weight:bold; color:#000;}
.site_menu .menu_product .price big{ font-size:16px;}

/*--页面主体---------*/
.main_container{ min-height:600px; background:#FFF; border-top:1px solid #E5E5E5;}

.columnTitle{padding:3em 0 2em; text-align:center; position:relative;}
.columnTitle h3{text-transform:uppercase; font-size:14px; line-height:1.5em; color:#2B2B2B; font-weight:bold; padding-bottom:0.5em;}
.columnTitle h2,.columnTitle h1{ position:relative;font-size:32px; font-weight:lighter; color:#5d5d5d; line-height:1.5em;*background:url(../images/2016page/columntitle.png) no-repeat center top;letter-spacing:1em; text-indent:1em; padding-top:1em;}
.columnTitle h4{ font-size:18px; font-weight:normal;padding: 0 1.5em;}
.columnTitle h4 a{ margin:0 1.5em; color:#646464; white-space: nowrap;}
.columnTitle h4 a:hover{ color: #2d2d2d; font-weight: bold;}
.columnTitle h4.second_title a.current{ font-weight:bold; color:#2d2d2d;}
.columnTitle h4.third_title a.current{ font-weight:bold; color:#2d2d2d;}
.columnTitle h2:after,.columnTitle h1:after{ content:""; position:absolute; width:1em; height:0.125em; background:#E51628;position:absolute;left:50%; top:0;margin-left:-0.5em;}
.columnTitle .banner{ width:100%; margin-top:4%;}
.columnTitle .banner img{ width:100%;}
.columnTitle .line{ display:block; height:auto; padding:20px 0; line-height:0;}
.columnTitle .line img{ width:102%;}
.columnTitle .more{ position:relative; display:block; padding-bottom:2em; *background:url(../images/2016page/more.png) no-repeat center bottom;}
.columnTitle .more h3{ padding:0;}
.columnTitle .more h2,.columnTitle .more h1{padding: 0 0 0.25em;*background-position: center bottom;line-height:1.75em;}
.columnTitle .more h2:after,.columnTitle .more h1:after{top:auto; bottom:0;}
.columnTitle .more:after{content:"更多 MORE";position:absolute;left:50%;bottom:0; margin-left:-3em;font-size:12px; color:#5D5D5D;}
.columnTitle .more:before{content:"+";position:absolute;left:50%;bottom:0; margin-left:2.5em;color:#E51628;font-size:12px;}


.site_nav{ display:none;}

.threemenu{max-width:1280px; padding:0 1.5em; margin:0 auto 1em; position:relative;}
.threemenu_con{ position:relative; overflow:hidden; padding:0 20px;}
.threemenu_content{overflow:hidden;position:relative; margin-right:-0.4em;}
.threemenu ul{list-style-type:none;position:relative; left:-0.5em;white-space:nowrap;width:100%; font-family:simSun;}
.threemenu li{display:inline-block;*display:inline;/*margin-right:-0.5em;*/min-width:4em;position:relative;zoom:1;*width:auto;overflow:hidden;vertical-align:top;/**font-size:0;*/}
.threemenu li.on a{ font-weight:bold;}
.threemenu ul a{ position:relative;display:block;line-height:2em;height:2em;margin:0;padding:0 0.1em 0 0.4em;text-align:center;white-space:nowrap;zoom:1;*display:inline;*width:100%;*padding:0;*font-size:14px;font-family:'Microsoft YaHei'; font-size:16px;}
.threemenu ul a:after{content:"-"; left:0; line-height:2em; top:0;color:#767676; position:absolute;}
.threemenu a:link,.threemenu a:visited,.threemenu a:active{color:#767676;}
.threemenu a:hover{ font-weight: bold;}
.threemenu li.current{font-weight:bold;z-index:5;}
.threemenu li.current a{border:0;}
.threemenu .current a:link,.threemenu .current a:visited,.threemenu .current a:active{color:#2d2d2d;}
.threemenu .current a:hover{ font-weight: bold;}
.threemenu .prev,.threemenu .next{display:none;position:absolute;width:1em;height:1.5em;left:0;top:0.2em;*top:0.5em;*overflow:hidden; text-align:center;}
.threemenu .prev:after{ content:"<"; line-height:1.1em;}
.threemenu .next:after{ content:">";line-height:1.1em;}
.threemenu .next{right:0;left:auto;background-position:right center;}
.threemenu .show{display:block; padding-left:0;/* background:#fff;*/}
.threemenu .prev{padding-left:0; padding-right:12px;}


.threemenu_2 ul a:after{content:""; left:0; line-height:2em; top:0;color:#767676; position:absolute;}
.threemenu_2{ margin:0 auto; }
.threemenu_2 .havesubcontent h4 a{ font-size:18px; font-weight:normal; padding:0; margin:0; line-height:1.5em; height:1.5em;}
.threemenu_2 .havesubcontent h4 a:hover,.threemenu_2 .havesubcontent h4 a.current{ font-weight:bold; color:#2d2d2d;}
.threemenu_2 .havesubcontent h4 a.current{ font-weight:bold; color:#2d2d2d;}

.threemenu_2 .current a:link, .threemenu_2 .current a:visited, .threemenu_2 .current a:active{font-size:18px; font-weight: bold;}
.threemenu_2 a{font-size:18px; font-weight:normal;}





/*----列表------------*/
.list_btn{text-align:right;}
.like_select{font-size:12px;position:relative;height:32px;line-height:32px;min-width:10em;border:1px solid #dedede;background:#FFF url(../images/2016page/select_bj.png) no-repeat right bottom;text-align:left; border-radius:4px; position:relative;}
.like_select .input{position:relative;text-align:left;font-size:14px;margin:0 2em -2em 0;padding-left:0.5em;height:32px;overflow:hidden;display:block; border-radius:4px;}
.like_select .input input{height:32px;line-height:32px;color:#2d2d2d;border:0;padding-left:0.5em;margin-left:-0.5em;vertical-align:top;background:#FFF;width:100%;zoom:1; font-size:14px;}
.like_select select{position: absolute; top:0;height:30px;width:100%;opacity:0;filter:alpha(opacity=0);font-size:14px;*margin-top:0.25em;vertical-align:top;}
.like_select ul{height:0;overflow:hidden;}
.like_input{font-size:12px;border:1px solid #dedede;display:block;overflow:hidden;line-height:32px;height:32px;padding-left:0.75em; border-radius:4px; position:relative;}
.like_input input{font-size:1.5em;height:2em;line-height:2em;color:#2d2d2d;border:0;padding-left:0.5em;margin-left:-0.5em;vertical-align:top;background:#FFF;width:100%;zoom:1;outline:none;}
.like_textarea{font-size:12px;border:2px solid #000;display:block;overflow:hidden;padding:0 0.75em;}
.like_textarea textarea{font-size:1.5em;line-height:1.75em;margin:0 -0.5em;vertical-align:top;background:#FFF;width:100%;zoom:1;outline:none;border:none;color:#000;font-weight:bold;padding:0.5em;*margin:-2px -0.5em 0 -0.75em;}

.list{padding-bottom:3em;}
.list_content{overflow:hidden; width:100%;}
.list .hide{opacity:0;filter:alpha(opacity=0);}
.list .list_bottom{text-align:center;height:3.5em;padding-top:1em;}
.list .loadmore{display:block;margin:0 auto;line-height:3em;padding:0 3em;color:#000;background:#f9f9f9;font-family:Arial; font-size:14px;}
.list .loadmore:hover{/*border:0.25em solid #E51628;color:#E51628 */}
.list .loading{margin:0.25em auto;padding:3em 0 0 3em;width:0;height:0;overflow:hidden;background:url(../images/2016page/loading.gif) no-repeat 0 0;background-size:3em;display:none;}
.list .loadtransition{position:relative;height:0;overflow:hidden;border:none;visibility:hidden;}

/*----滚动条------------*/
.scroll_container{padding-right:1px;}
.scrollbar{position:absolute;right:0px;top:0px;bottom:0px;width:13px;background:#FFF;border:1px solid #E1E1E1;border-top:0;border-bottom:0;font-size:0;line-height:0;overflow:hidden;} 
.scrollbar .scrollbar_tt,.scrollbar .scrollbar_bb{height:0px;background:none;overflow:hidden;} 
.scrollbar .scrollbar_m{height:0;overflow:hidden;background:#999;width:9px;border-radius:5px;margin:0 auto;position:relative;} 

.nohave{padding:5% 0;text-align:center;color:#000;font-size:2em;}

/*--内容区---------*/
.txt_content,.into_content{line-height:1.75em;word-break:break-all;font-size:14px;}
.txt_content a,.into_content a{text-decoration:underline;}
.txt_content p,.into_content p{margin:1em 0;}
.txt_content table,.into_content table{margin-top:1em;margin-bottom:1em;line-height:1.75em;border-collapse:collapse;max-width:100%;}
.txt_content table td,.txt_content table th,.into_content table td,.into_content table th{border:1px solid #CCC;padding:0.5em;font-size:14px;}
.txt_content table th,.into_content table th{background:#666;color:#FFF;}
.txt_content ul,.txt_content ol,.into_content ul,.into_content ol{margin:1em 0 1em 2.5em;}
.txt_content img,.into_content img{max-width:100%;height:auto;}


.text_content{letter-spacing:3px; width:100%;}
.text_content .title{ text-align:center; padding-top:4%;}
.text_content .title h4{ font-size:18px; color:#2d2d2d;}
.text_content .title .line_shot{ width:48px; margin-top:5%; margin-bottom:5%;}
.text_info li{ padding-left:41%; position:relative; color:#2d2d2d;margin-bottom:12%;}
.text_info li span{ position:absolute; top:0; left:7%; font-size:18px; font-weight:bold; display:inline-block; margin-top:0;}
.text_info li span i{ display:inline-block; font-size:34px; border-bottom:1px solid #000000; line-height:1.2em; padding-bottom:20px; font-style:normal; font-weight:normal; letter-spacing:6px; margin-right:6px; letter-spacing:0px; *float:left;}
.text_info li h4{ font-size:18px; font-weight:normal; padding-bottom:2%;}


/*--弹层---------*/
#newlayer{position:fixed;_position:absolute;z-index:50;left:0;top:0;right:0;bottom:0;text-align:center;white-space:nowrap;*height:expression(((document.documentElement.clientHeight>0)?document.documentElement.clientHeight:document.documentElement.clientHeight)+"px");*width:100%;_top:expression((document.documentElement.scrollTop-this.offsetHeight+this.offsetHeight)+"px");}
#newlayer .layer_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#newlayer .layer_place{position:relative;width:1px;overflow:hidden;margin:0 0 0 -1px;height:100%;visibility:hidden;display:inline-block;vertical-align:middle;*display:inline;}
#newlayer .layer_container{position:relative;display:inline-block;vertical-align:middle;text-align:left;*display:inline;_height:100px;max-width:90%;}
#newlayer #layer_iframe{display:none;_display:block;width:100%;height:100%;z-index:-1;position:absolute;opacity:0;filter:alpha(opacity=0);}
#newlayer .btn_close{position:absolute;width:0;height:0;padding:25px 0 0 25px;overflow:hidden;right:0px;top:0px;background:url(../images/2016page/close.gif) no-repeat 0 0;z-index:50;-webkit-transform:rotate(0deg);-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in;}
#newlayer .btn_close:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#newlayer .layer_content{height:0;position:relative;}
#newlayer #layer_content{line-height:normal;white-space:normal;position:absolute;left:0;top:0;right:0;bottom:0; *top:15%;}
#newlayer #layer_content video{max-width:100%;max-height:100%;background:#000;}
#newlayer #layer_content img{max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle;}
#newlayer #layer_content embed,#newlayer #layer_content object{max-width:100%;max-height:100%;}
#newlayer #layer_content iframe{max-width:100%;max-height:100%;}
#newlayer .btn_prev,#newlayer .btn_next{width:4%;height:0;padding:4% 0 0;overflow:hidden;position:absolute;top:50%;margin-top:-2%;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in;}
#newlayer .btn_prev{left:-5%;background:url(../images/2016page/left.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webstatic/images/2016page/left.png',sizingmethod=scale);}
#newlayer .btn_next{right:-5%;background:url(../images/2016page/right.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webstatic/images/2016page/right.png',sizingmethod=scale);}
#newlayer .btn_prev:hover,#newlayer .btn_next:hover{background:#fff;}
.addition_content{position:absolute;left:0;bottom:0;right:0;padding:0 5%;text-align:center;line-height:2.5em;background:#000;color:#FFF;opacity:0.7;filter:alpha(opacity=70);}


/*--页底---------*/
.site_footer{position:relative;background:#F8F8F8;z-index:20;text-align:left;}
.footer_content{position:relative;width:1336px;max-width:90%;margin:0 auto;overflow:hidden; zoom:1;padding:5% 0;}
.footer_container{position:relative;clear:both; background:#FFF; color:#828282; text-align:center; padding:1em 0;}
.site_footer .footer_container a{color:#171717;}
.site_footer .footer_container a:hover{color:#E51628;}
.site_footer .footer_link {position:relative;}
.site_footer .footer_link ul{ list-style-type:none;}
.site_footer .footer_link li{display:inline-block;*display:inline; margin:0 1.5em;}
.site_footer .copyright{padding-top:0.5em;}
.site_footer .copyright span{white-space:nowrap;display:inline-block;*display:inline;}

.site_footer .sitemap{width:67%;float:left; padding:1em 0; margin-right:-10%;}
.site_footer .sitemap h2{display:none;}
.site_footer .sitemap ul{position:relative;overflow:hidden;list-style-type:none;zoom:1;}
.site_footer .sitemap li{position:relative;float:left;width:20%;*width:19.75%;}
.site_footer .sitemap > ul > li:last-child{ margin-right:-5px;}
.site_footer .sitemap h3{margin-bottom:2em;font-size:16px;}
.site_footer .sitemap li ul{font-size:12px;}
.site_footer .sitemap li li{float:none; width:auto;}
.site_footer .sitemap a:link,.site_footer .sitemap a:visited,.site_footer .sitemap a:active{color:#505050;text-decoration:none;}
.site_footer .sitemap a:hover{color:#E51628;text-decoration:none;}
.site_footer .sitemap h3 a:link,.site_footer .sitemap h3 a:visited,.site_footer .sitemap h3 a:active{color:#2D2D2D;text-decoration:none;}
.site_footer .sitemap h3 a:hover{color:#E51628;text-decoration:none;}

.site_footer .rwm{position:relative;width:36%; max-width:324px;padding:1em 0; float:right;margin-right:-1%;_margin-right:-1.5%;}
.site_footer .rwm h2{display:none;}
.site_footer .rwm a{ width:50%;*width:49%; float:left; text-align:center; font-size:12px;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;transition:color .5s ease;}
.site_footer .rwm img{ width:40%; margin:0 auto; display:block;}

.site_footer .servicetel{position:relative;padding:1em 0;float:right; text-align:right;}
.site_footer .servicetel p{ font-weight:bold; white-space:nowrap; margin-bottom:1em;}
.site_footer .servicetel p a{ font-size:16px;}
.site_footer .servicetel .btn_weibo{ float:right; padding:0 4.5em 0 0; line-height:3.5em; height:3.5em; background:url(../images/2016page/icon_sinawb.png) no-repeat right center; background-size:3.5em;}

.gotop{position:fixed;bottom:90px;left:96%;width:3.125%;padding:3.125% 0 0;height:0;overflow:hidden;z-index:20;background:url(../images/2016page/icon_gotop.png) no-repeat 0 0;background-size:100%;_position:absolute;_bottom:auto;_top:expression((document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-90)+"px"); opacity:0.2; display:none;}
.gotop_mouseon{ opacity:1 !important;}
.gotop img{ width:100%; position:absolute; left:0; top:0; border:0;}

.icon_recall{position:fixed;bottom:45px;left:96%;width:3.125%;padding:3.125% 0 0;height:0;overflow:hidden;z-index:20;background:url(../images/2016page/icon_recall.png) no-repeat 0 0;background-size:100%;_position:absolute;_bottom:auto;_top:expression((document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-90)+"px"); opacity:0.2; display:none;}


@media screen and (-webkit-min-device-pixel-ratio:0){

}
@media all and (min-width:0px){
	.site_header .brandinglogo{background:url(../images/2016page/logo.svg) no-repeat center top;background-size:100%;}
	.site_header .seclogo{background:url(../images/2016page/seclogo.svg) no-repeat center top;background-size:100%;}
	.site_menu .sitesearch .search_btn{background:url(../images/2016page/search_btn_gary.svg) no-repeat center center;}
	.site_menu .menu_product h5{height:0;padding:1.75em 0 0;background-position:center top; background-repeat:no-repeat; background-size:contain;}
	.site_menu .menu_product h5.享域ENVIX{background-image:url(../images/2016page/logo_envix.png);}
	.site_menu .menu_product h5.竞瑞GIENIA{ background-image:url(../images/2016page/logo_gienia.png);}
	.site_menu .menu_product h5.思域CIVIC{ background-image:url(../images/2016page/logo_civic_new.png);}
	.site_menu .menu_product h5.哥瑞GREIZ{ background-image:url(../images/2016page/logo_greiz.png);}
	.site_menu .menu_product h5.思铂睿锐·混动SPORTHYBRID{ background-image:url(../images/2016page/logo_sporthybrid.png);}
	.site_menu .menu_product h5.思铂睿SPIRIOR{ background-image:url(../images/2016page/logo_spirior.png);}
	.site_menu .menu_product h5.杰德JADE{ background-image:url(../images/2016page/logo_jade.png);}
	.site_menu .menu_product h5.inspire{ background-image:url(../images/2016page/logo_inspire.png);}
	.site_menu .menu_product h5.CR-V{ background-image:url(../images/2016page/logo_crv.png);}
	.site_menu .menu_product h5.XR-V{ background-image:url(../images/2016page/logo_xrv.png);}
	.site_menu .menu_product h5.艾力绅ELYSION{ background-image:url(../images/2016page/logo_elysion.png);}
	.site_menu .menu_product h5.UR-V{ background-image:url(../images/2016page/logo_urv.png);}
	.site_footer .servicetel .btn_weibo{background:url(../images/2016page/icon_sinawb.svg) no-repeat right center; background-size:3.5em;}
	.site_menu .menu_product h5.艾力绅锐混动{ background-image:url(../images/2016page/logo-hun.png);}
	.site_menu .menu_product h5.X-NV{ background-image:url(../images/2016page/logo-xnv.png);}
}
@media all and (min-width:1520px){
	.gotop{left:auto;right:calc(46% - 683px);}
	.icon_recall{left:auto;right:calc(46% - 683px); bottom:3%;}
}
@media all and (min-width:1281px){
	.site_header .brandinglogo{ left:30px;}
	.site_header .seclogo{ right:30px;}
	.site_menu {padding:0 230px 0 278px;}
	.site_menu .menu_sec ul { left:16%; width:14%;}
	.site_menu .menu_product ul{max-width:1280px;width:100%; left:auto;}
	.site_menu .menu_tre ul{width:100%;}
	.site_footer .rwm{max-width:none;}
	.site_footer .rwm a{ width:25%;}
	.site_footer .rwm img{ width:80%;}
}
@media all and (min-width:1000px) and (max-width:1280px){
	body{min-width:0;}
	.wrapper_container{min-width:0;}
	.site_menu {padding:0 0px 0 228px;}
	.site_header .seclogo { display:none;}
	threemenu_2 ul{ height:21px;}
	.threemenu_2 .havesubcontent h4 { padding:0 1em;}
	.threemenu_2 .havesubcontent h4 a{ font-size:16px; font-weight:normal; padding:0; margin:0; line-height:1.5em; height:1.5em;}
	.threemenu_2 .current a:link, .threemenu_2 .current a:visited, .threemenu_2 .current a:active{ font-size:16px;}
	.threemenu_2 .prev, .threemenu .next{}
	.threemenu_2 .next:after{ background:url(../images/2016page/naws/icon_right.png) no-repeat; content:''; width:15px; height:22.5px; display:block;}
	.threemenu_2 .prev:after{background:url(../images/2016page/naws/icon_left.png) no-repeat; content:''; width:15px; height:22.5px; display:block;}
	.columnTitle h4 a{ font-size:16px;}

}
@media all and (min-width:768px) and (max-width:999px){
	body{min-width:0;}
	.wrapper_container{min-width:0;}
	.site_footer .sitemap{width:110%;}	
	.site_footer .rwm{ width:360px; float:left; margin-right:-32px; max-width:none;}
	.site_footer .rwm a{ width:25%;}
	.site_footer .rwm img{ width:80%;}
	.gotop{ left:auto;right:5px;width:32px;padding:32px 0 0;}
	.icon_recall{ left:auto;right:5px;width:32px;padding:32px 0 0;}
	.threemenu_2 .havesubcontent h4 { padding:0 1em;}
}
@media all and (min-width:0px) and (max-width:999px){
	.columnTitle{ padding:2em 0 2em}
	.site_header{padding:12.5% 0 0;height:0;}
	.site_header .header_content{position:fixed;padding:12.5% 0 0;background:#FFF;top:0;}
	.site_header .brandinglogo{width:30.4%;padding:12% 0 0;}
	.site_header .seclogo{display:none;}
	.site_menu{position:absolute;top:0;right:0;left:auto;margin:3.75% 3.75% 0 0;width:5%;height:0px;padding:8.75% 0 0;text-align:left;}
	.site_menu .sitesearch {display:block;width:auto; top:0;padding:0.5em 4em 0.5em 1em; position:absolute; left:10%; right:10%; top:0.8125em; height:2.5em;}
	.site_menu .sitesearch .search_btn {border:0;font-size:12px;box-sizing:content-box; width:3em; height:2.5em; position:absolute; right:0; top:0.5em;}
	.site_menu .sitesearch input{ width:100%;padding:0 1em;margin:0 -1em;border:0;position:static; height:2.5em; line-height:2.5em;}
	.site_menu .sitesearch:hover input {width:100%;padding:0 1em;border:0;}
	.site_header .site_menu h2{position:absolute;top:0;left:0;width:100%;padding:100% 0 0;background:url(../images/2016page/menu.svg) no-repeat 0 0;background-size:100%;visibility:visible;height:0;overflow:hidden;cursor:pointer;}
	.site_header .site_menu .tocar{position:absolute;top:0;left:-150%;width:100%;padding:100% 0 0;background:url(../images/2016page/tocar.svg) no-repeat 0 0;background-size:100%;height:0;overflow:hidden;display:block; cursor:pointer;}
	.site_header .site_menu .tocaron{ background-image:url(../images/2016page/tocaron.svg);}
	.site_menu .menu_content{position:fixed;left:0;right:0;top:0;padding:0;margin:12.5% 0 0;/*background:rgba(255,255,255,0.9);*/ background:#FFF;visibility:hidden;height:0;overflow:hidden;}
	.site_menu.menushow .menu_content{visibility:visible;bottom:0;height:auto;overflow-y:auto;}
	.site_header .site_menu.menushow h2{ background-image:url(../images/2016page/menuon.svg);}
	.site_menu ul{float:none;width:auto;display:block; border-top:1px solid #D9D9D9; text-align:left; padding:5.125em 0 0;}
	.site_menu li{display:block;position:static;border-top:2px dotted #C4C4C4;line-height:2.5em;}
	.site_menu .menu_index{ display:block;}
	.site_menu h3{display:block;height:2.5em;line-height:2.5em; font-size:1.25em;padding:1em 10%;} 
	.site_menu h3 a,.site_menu h3 span{display:block;height:2.5em;line-height:2.5em;font-weight:normal;padding:0;}
	.site_menu .current h3{border-bottom:none;height:2.5em;}
	.site_menu .mouseon h3 {background:none;}
	.site_menu .havecontent.mouseon h3 {border-bottom:2px dotted #C4C4C4;}
	.site_menu h3 a:link,.site_menu h3 a:visited,.site_menu h3 a:active{color:#646464;}
	.site_menu h3 a:hover{color:#E51628;}
	.site_menu .current h3 a:link,.site_menu .current h3 a:visited,.site_menu .current h3 a:active{color:#E51628;}
	.site_menu .current h3 a:hover{color:#000;}
	.site_menu .havecontent h3 a:before{content:"+";float:right;font-family:simSun;font-weight:bold;color:#9C9C9C;font-size:2em;}
	.site_menu .havecontent.mouseon h3 a{ font-weight:bold;}
	.site_menu .havecontent.mouseon h3 a:before{content:"-";font-family:simSun;font-weight:bold;color:#9C9C9C;font-size:2em;}
	.site_menu .sec_content{position:relative;left:0;right:0;top:0;margin:0;padding:0;background:none;height:0;text-align:left;}
	.site_menu .current .sec_content{height:auto;}
	.site_menu .menu_sec{border:none;padding:1em 10%;line-height:inherit;height:auto; background:none !important;}
	.site_menu .menu_sec ul{display:block;position:static;right:auto;top:0;background:none;line-height:2em;height:auto;width:auto;min-height:0; margin:0;padding:0;overflow:hidden; border:0;}
	.site_menu .menu_sec li{display:block;position:relative;width:auto;min-width:0;white-space:nowrap;line-height:2em;border:0;margin:0;}
	.site_menu .menu_sec li a {font-size:1em;padding:0;border:0;display:block;height:2em;font-weight:lighter;}
	.site_menu .menu_sec li.menu_sec a,.site_menu .menu_sec li.current a:link,.site_menu .menu_sec li.current a:visited,.site_menu .menu_sec li.current a:active{color:#E51628;}
	.site_menu .menu_sec li.current a:hover{color:#000;}
	.site_menu .menu_sec h4,.site_menu .menu_tre h5{ line-height:2em;padding:0.5em 1.25em;}
	.site_menu .havetrecontent.mouseon h4{border-bottom:1px dotted #C4C4C4;}
	.site_menu .havetrecontent.mouseon h4 a{ font-weight:bold;}
	.site_menu .havetrecontent.mouseon h4 a:after {content:"-"; font-size:2em;}
	.site_menu .menu_tre{padding:0.5em 1.25em;}
	.site_menu .menu_tre h5{padding:0.25em 1.25em;}
	.site_menu .havefourcontent.mouseon h5 a{ font-weight:bold;}
	.site_menu .havefourcontent.mouseon h5{border-bottom:1px dotted #C4C4C4;}
	.site_menu .havefourcontent.mouseon h5 a:after{content:"-";font-size:2em;}
	.site_menu .four_content{position:relative; left:auto; background:none;}
	.site_menu .menu_four{padding:0.25em 2.5em;}
	
	.site_menu .menu_product{ margin:0 -6.25%;}
	.site_menu .menu_product:before { display:none;}
	.site_menu .menu_product li{ float:none; width:auto !important; left:0; padding:0;}
	.site_menu .menu_product h4 {border:0; }
	.site_menu .menu_product h4 a{ color:#000;font-weight:bold; font-size:13px;}
	.site_menu .menu_product .tre_content{ padding:0; margin:0; border-left:0;}
	.site_menu .menu_product .menu_tre{ padding:0;}
	.site_menu .menu_product .menu_tre h5{ padding:1.75em 0 0;}
	.site_menu .menu_product .menu_tre ul {padding:0;}
	.site_menu .menu_product .menu_tre li {border:0; width:50% !important; float:left; padding:0;}
	.site_menu .menu_product .menu_tre li a{ width:100%;padding:42% 0 0; height:auto;}
	.site_menu .menu_product .menu_tre a:after { display:none;}
	/*.site_menu .menu_product h5{ font-size:12px; padding:0; height:1.75em; background:none !important;}*/
	.site_menu .menu_product .price .type{ display:none;}
	/*内容区*/
	.text_content .title h4{ font-size:14px;}
	.text_info li{  position:relative; color:#2d2d2d;margin-bottom:12%; padding-left:0;margin-bottom:8%;}
	.text_info li span{ position:static; margin:0 auto;  text-align:center; display:block; text-align:center; font-size:16px;}
	.text_info li span i{ display: inline-block; width:25px;padding-bottom:1%; margin-bottom:6%;font-size:24px;}
	.text_info li h4{ font-size:14px;}
	.text_info li p{ font-size:12px;}
	.text_info{ padding:0; width:90%; margin:0 auto;}
}
@media all and (min-width:0px) and (max-width:934px){
	.columnTitle .line img{ display:none;}
	.columnTitle .line{ width:85%; background:#e5e5e5; margin:20px auto;padding:0;height: 1px;}

}
@media all and (min-width:0px) and (max-width:767px){
	body{min-width:0;}
	html,body,td,th,.wrapper{font-size:12px;}
	.wrapper_container{min-width:0;}
	

	.main_content{padding:0 2.5%;}
	.columnTitle h2,.columnTitle h1{font-size:20px;}
	.columnTitle h4{ font-size:14px;/* padding-right:1em;*/}
	.columnTitle h4 a{ margin:0 2%;white-space:nowrap}
	.columnTitle .line{ margin:16px auto; height:1px;}
	.columnTitle .banner img{ width:150%; margin-left:-25%;}
	
	.like_select{height:28px;min-width:7.5em;}
	.like_select .input,.like_select select{font-size:1em;height:26px; line-height:26px;}
	.like_select .input input{ height:26px; line-height:26px; font-size:12px;}
	.like_input{border:1px solid #dedede;line-height:26px;height:26px;padding-left:0.5em;}
	.like_input input{font-size:1em;height:26px;line-height:26px;}
	.like_textarea{border:1px solid #000;padding:0 0.5em;}
	.like_textarea textarea{font-size:1em;margin:0 -0.5em;padding:0.5em;}
	
	.footer_content{display:none;}
	.site_footer .footer_container{ background:#2D2D2D; padding:0.5em 0 0;}
	.site_footer .copyright{line-height:1.75em;text-align:center;color:#919191;padding:0.5em;float:none;}
	.site_footer .footer_link{display:block;}
	.site_footer .footer_link a{ color:#fff;}
	.gotop{display:none !important;}
	.icon_recall{display:none !important;}
	.threemenu_content{}
	.threemenu ul{ left:0; width:auto; height:32px; overflow:hidden;}
	.threemenu li{ display:inline-block; float:left;}
	.threemenu ul a{}
	.threemenu ul li.first a:after{ content:'';}
	.threemenu .next{}
	.threemenu .prev{}
	.threemenu_con{  font-size:15px;padding:0 20px 0 10px;}
	.columnTitle h4.third_title{ line-height:2.5em;}
	
	.threemenu_2 ul{ height:21px;}
	.threemenu_2 .havesubcontent h4 { padding:0 0.5em;}
	.threemenu_2 .havesubcontent h4 a{ font-size:14px; font-weight:normal; padding:0; margin:0; line-height:1.5em; height:1.5em;}
	.threemenu_2 .current a:link, .threemenu_2 .current a:visited, .threemenu_2 .current a:active{ font-size:14px;}
	.threemenu_2 .prev, .threemenu .next{}
	.threemenu_2 .next:after{ background:url(../images/2016page/naws/icon_right.png) no-repeat; content:''; width:15px; height:22.5px; display:block;}
	.threemenu_2 .prev:after{background:url(../images/2016page/naws/icon_left.png) no-repeat; content:''; width:15px; height:22.5px; display:block;}
	
	.site_footer{ background:none;}


	
}
@media all and (min-width:0px) and (max-width:479px){
	body{background:#2D2D2D}
	.wrapper{ background:#fff;}
	.site_menu .menu_product .menu_tre li {width:100% !important;}
	.site_footer .footer_link ul{ overflow:hidden; width:90%; margin:0 auto;}
	.site_footer .footer_link li{ display:block; float:left; width:33.3%; margin:0; line-height:16px; height:16px;}

}
@media all and (min-width:0px) and (max-width:374px){
	.threemenu_2 .havesubcontent h4 { padding:0 0.25em;}
	.threemenu_2 .havesubcontent h4 a{font-size: 13px}
	.threemenu_2 .current a:link, .threemenu_2 .current a:visited, .threemenu_2 .current a:active {font-size: 13px}
}

@media all and (min-width:0px) and (max-width:319px){

}