@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p/* ,th,td */{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
br{font-size: 0;line-height:0;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;}
body{width: 100%;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

@font-face {
	font-family: fontawesome;
	src: url('https://www.honda.com.cn/honda/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'),
	url('https://www.honda.com.cn/honda/fonts/glyphicons-halflings-regular.woff') format('woff'),
	url('https://www.honda.com.cn/honda/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	url('https://www.honda.com.cn/honda/fonts/glyphicons-halflings-regular.svg') format('svg');
  
  
}
@font-face {
  font-family: "思源黑体简体";
  src: url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("https://www.honda.com.cn/honda/fonts/SourceHanSansCN-Light.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: "思源黑体粗体";
  src: url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Bold.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Bold.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "方正兰亭黑简体";
  src: url("../fonts/fzlthj.woff2") format("woff2"),
       url("../fonts/fzlthj.woff") format("woff"),
       url("../fonts/fzlthj.ttf") format("truetype"),
       url("../fonts/fzlthj.eot") format("embedded-opentype"),
       url("../fonts/fzlthj.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "方正兰亭大黑";
  src: url("../fonts/fzltdh_GBK.woff2") format("woff2"),
       url("../fonts/fzltdh_GBK.woff") format("woff"),
       url("../fonts/fzltdh_GBK.ttf") format("truetype"),
       url("../fonts/fzltdh_GBK.eot") format("embedded-opentype"),
       url("../fonts/fzltdh_GBK.svg") format("svg");
  font-weight: normal;
  font-style: normal;
} */
label{ max-width: initial;}
.close{ opacity: 1 !important;}

/* 动画 */
.js-m {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.delay1 {
	-webkit-transition-delay: .2s !important;
	transition-delay: .2s !important;
}
.delay2 {
	-webkit-transition-delay: .4s !important;
	transition-delay: .4s !important;
}
.delay3 {
	-webkit-transition-delay: .6s !important;
	transition-delay: .6s !important;
}
.delay4 {
	-webkit-transition-delay: .8s !important;
	transition-delay: .8s !important;
}
.delay5 {
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
}
.delay6 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}
.delay7 {
	-webkit-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
}
.delay8 {
	-webkit-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
}
.delay9 {
	-webkit-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}
.delay10 {
	-webkit-transition-delay: 2.0s !important;
	transition-delay: 2.0s !important;
}
.delay11 {
	-webkit-transition-delay: 2.2s !important;
	transition-delay: 2.2s !important;
}
.delay12 {
	-webkit-transition-delay: 2.4s !important;
	transition-delay: 2.4s !important;
}
.delay13 {
	-webkit-transition-delay: 2.6s !important;
	transition-delay: 2.6s !important;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

body{font-family: '思源黑体简体', Arial, Helvetica, sans-serif;font-size: 14px; color: #000; overflow-x: hidden; background: #fff; margin: 0 auto;}

.bodymain{width:100%;overflow: hidden;position: relative;left:0; padding-top: 70px;}
/*公用样式*/

/*浏览器升级提示*/
.browser-tips{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 14px;}
.browser-tips .alert-warning{ margin-bottom: 0; border-radius: 0;}
.browser-tips .alert-warning a{ color: #d93630;}

/*侧边导航*/
.menu-layer{ width: 100%; height: calc(100% - 56px); position: fixed; top: 56px; left: 0; z-index: 9999; display: none;}
.menu-layer-inner{ width: 100%; height: 100%; background-color: #111; position: absolute; left: 0; top: 0;}
.menu-layer-inner .subnav{ margin-top: 5px; padding: 0 40px;}
.menu-layer-inner .subnav li{ line-height: 44px; font-size: 14px; border-bottom: 1px solid #3f3f3f; position: relative; padding: 0 3px;}
.menu-layer-inner .subnav li a{ display: block; color: #fff;}
.menu-layer-inner .subnav li .icon{ width: 4.5px; height: 7px; background: url(https://www.honda.com.cn/honda/images/icon/menu-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -3.5px; right: 0;}

/* 头部 header */
.header{ width: 100%; height: 70px; background-color: #34353b; position: fixed; top: 0; left: 0; z-index: 9999; transition:all 0.25s ease; -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease;}
.header .logo{ float: left; margin: 18px 0 0 30px;}
.header .logo img{ display: block; height: 34px;}
.header .nav{ float: left; margin-left: 100px;}
.header .nav li{ float: left; line-height: 70px; font-size: 14px; margin: 0 28px;}
.header .nav li a{ display: block; color: #fff; position: relative;}
.header .nav li a::before{ content: ''; width: 0; height: 2px; background-color: #d53434; position: absolute; left: 0; bottom: 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.header .nav li a.active::before,.header .nav li a:hover::before{ width: 100%;}
.header-right{ float: right; margin-right: 60px;}
.header-share{ float: left; margin-top: 21px;}
.header-share .icon{float: left;width: 28px;height: 28px;background-size: 28px;background-position: center;background-repeat: no-repeat;margin: 0 10px;position: relative;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.header-share .weixin{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-weixin.png);}
.header-share .weibo{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-weibo.png);}
.header-share .douyin{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-douyin.png);}
.header-share .toutiao{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-toutiao.png);}
.header-share .xiaochengxu{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-xiaochengxu.png);}
.header-share .icon .hidden-cont{ width: 180px; position: absolute; top: 100%; left: 50%; margin-left: -90px; display: none;}
.header-share .icon .hidden-cont img{ display: block; width: 100%; }
/* .header-share .xiaochengxu .hidden-cont{ width: 319px; margin-left: -159.5px;} */
.header-share .icon:hover .hidden-cont{ display: block;}
.header-search{float: left;margin-top: 21px;margin-left: 5px; /* display:none; */}
.header-search .icon{ display: block; width: 28px; height: 28px; background: url(https://www.honda.com.cn/honda/images/icon/icon-search.png) center no-repeat; background-size: 28px; border-radius: 100%;}
.header-search-hidden{ width: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 11; display: none;}
.header-search-hidden .box{ width: 682px; margin: 0 auto;}
.header-search-hidden .box .input-text{ float: left; width: 582px; height: 70px; line-height: 1.29412; border: 0; background-color: transparent; font-size: 14px; color: #fff;}
.header-search-hidden .box .search-btn{ float: left; width: 50px; height: 70px; border: 0; border-radius: 42px; background: url(https://www.honda.com.cn/honda/images/icon/icon-search.png) center no-repeat; background-size: 26px; opacity: 0.6; font-size: 0;}
.header-search-hidden .box .icon-close{ float: right; width: 50px; height: 70px; background: url(https://www.honda.com.cn/honda/images/icon/icon-close.png) center no-repeat; background-size: 26px; opacity: 0.6; cursor: pointer;}
.ac-gn-curtain{ width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: #000; opacity: 0.48;}

/* 新头部调整 */
.header .new-sub-nav{position:absolute;top:100%;width:100%;background:#fff;padding:20px 0;/* min-height:300px; */display:none; overflow-y: auto;}
.header .new-sub-nav .nav-wrapper{}
.header .new-sub-nav .nav-item{overflow:hidden;display:none;width:1160px;margin:0 auto;}
.header .new-sub-nav .nav-item.active{display:block;}
.header .new-sub-nav .nav-left{float:left;width:320px;}
.header .new-sub-nav .nav-left li{border-bottom:1px solid #dddddd;padding:10px 0 10px 85px;font-size:16px;background-repeat:no-repeat;position:relative;cursor:pointer;}
.header .new-sub-nav .nav-left li.active:after{content:"";width:12px;height:12px;display:block;position:absolute;right:5px;top:50%; margin-top: -7.5px; border:2px solid transparent;border-top-color:#e61728;border-right-color:#e61728;transform:rotate(45deg);}
.header .new-sub-nav .nav-left li a{ display: block;}
.header .new-sub-nav .nav-left li.active a,.header .new-sub-nav .nav-left li:hover a{ color: #e61728;}
.header .new-sub-nav .nav-left li.icon1{background-image:url(https://www.honda.com.cn/honda/images/daohang/cp-icon1.png);background-position:30px center;}
.header .new-sub-nav .nav-left li.icon2{background-image:url(https://www.honda.com.cn/honda/images/daohang/cp-icon2.png);background-position:15px center;}
.header .new-sub-nav .nav-left li.icon3{background-image:url(https://www.honda.com.cn/honda/images/daohang/cp-icon3.png);background-position:18px center;}
.header .new-sub-nav .nav-left li.icon4{background-image:url(https://www.honda.com.cn/honda/images/daohang/cp-icon4.png);background-position:25px center;}
.header .new-sub-nav .nav-left li.icon5{background-image:url(https://www.honda.com.cn/honda/images/daohang/cp-icon5.png);background-position:25px center;}
.header .new-sub-nav .nav-left li.icon6{background-image:url(https://www.honda.com.cn/honda/images/daohang/js-icon2.png);background-position:25px center;}
.header .new-sub-nav .nav-left li.icon7{background-image:url(https://www.honda.com.cn/honda/images/daohang/js-icon3.png);background-position:25px center;}
.header .new-sub-nav .nav-left li.icon8{background-image:url(https://www.honda.com.cn/honda/images/daohang/js-icon4.png);background-position:25px center;}
.header .new-sub-nav .nav-left li.icon9{background-image:url(https://www.honda.com.cn/honda/images/daohang/js-icon5.png);background-position:15px center;}
.header .new-sub-nav .nav-left li.icon10{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon1.png);background-position:19px center;}
.header .new-sub-nav .nav-left li.icon11{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon2.png);background-position:19px center;}
.header .new-sub-nav .nav-left li.icon12{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon3.png);background-position:15px center;}
.header .new-sub-nav .nav-left li.icon13{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon4.png);background-position:24px center;}
.header .new-sub-nav .nav-left li.icon14{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon5.png);background-position:19px center;}
.header .new-sub-nav .nav-left li.icon15{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon6.png);background-position:22px center;}
.header .new-sub-nav .nav-left li.icon16{background-image:url(https://www.honda.com.cn/honda/images/daohang/ss-icon7.png);background-position:19px center;}
.header .new-sub-nav .nav-left li.icon17{background-image:url(https://www.honda.com.cn/honda/images/daohang/zx-icon1.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon18{background-image:url(https://www.honda.com.cn/honda/images/daohang/zx-icon2.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon19{background-image:url(https://www.honda.com.cn/honda/images/daohang/zx-icon3.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon20{background-image:url(https://www.honda.com.cn/honda/images/daohang/zx-icon4.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon21{background-image:url(https://www.honda.com.cn/honda/images/daohang/zx-icon5.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon22{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon1.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon23{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon2.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon24{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon3.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon25{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon4.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon26{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon5.png);background-position:20px center;}
.header .new-sub-nav .nav-left li.icon27{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon6.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon28{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon7.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon29{background-image:url(https://www.honda.com.cn/honda/images/daohang/sh-icon1.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon30{background-image:url(https://www.honda.com.cn/honda/images/daohang/sh-icon2.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon31{background-image:url(https://www.honda.com.cn/honda/images/daohang/sh-icon3.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon32{background-image:url(https://www.honda.com.cn/honda/images/daohang/sh-icon4.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon33{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon8.png);background-position:29px center;}
.header .new-sub-nav .nav-left li.icon34{background-image:url(https://www.honda.com.cn/honda/images/daohang/gy-icon9.png);background-position:29px center;}
.header .new-sub-nav .nav-right{float:right;width:810px;overflow:hidden;}
.header .new-sub-nav h3{font-size:16px;margin-bottom:10px;}
.header .new-sub-nav h3 span{font-size:14px;margin-left:10px;}
.header .new-sub-nav .list-cont{ overflow: hidden; margin-top: -20px;}
.header .new-sub-nav .list-cont li{ margin-top: 20px;}
/* .header .new-sub-nav .nav-right ul{ margin: 0 -9px;} */
.header .new-sub-nav .nav-right li{float:left;box-sizing:border-box;padding:0 9px;/* margin-bottom:20px; */overflow:hidden;}
.header .new-sub-nav .nav-right li .img-cont{overflow:hidden; position: relative;}
.header .new-sub-nav .nav-right li.li1{width:50%;}
.header .new-sub-nav .nav-right li.li2{width:25%;}
.header .new-sub-nav .nav-right li.li3{width:33.33%;}
.header .new-sub-nav .nav-right li.li4{width:20%;}
.header .new-sub-nav .nav-right li.li5{width:65%; padding: 0; margin-bottom: 0;}
.header .new-sub-nav .nav-right li.li6{width:40%;}
.header .new-sub-nav .img-cont img{ width: 100%; display: block;}
.header .new-sub-nav .nav-right li.li1 .img-cont{/* height:185px; */}
.header .new-sub-nav .nav-right li.li2 .img-cont{/* height:90px; */}
.header .new-sub-nav .nav-right li .text-cont{font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color: #fff; text-align: center; padding: 0 10px;}

.header .new-sub-nav .nav-right .nav-product-ul ul{ margin: 0 -9px;}
.header .new-sub-nav .nav-right .nav-product-ul li{ float: left; width: 50%; padding: 0 9px; margin-bottom: 15px; margin-top: 0;}


.header .new-sub-nav .right-item{display:none;}
.header .new-sub-nav .right-item.active{display:block;}
.header .new-sub-nav .right-item ul{ margin: 0 -9px;}
.header .new-sub-nav .nav-right .right-tab{font-size:16px;border-bottom:1px solid #dddddd;overflow:hidden;margin-bottom:30px;}
.header .new-sub-nav .nav-right .right-tab li{margin-bottom:0;line-height:2;cursor:pointer;padding:0;margin-right:20px;}
.header .new-sub-nav .nav-right .right-tab li.active{border-bottom:2px solid #e30013;color:#e30013;}
.header .new-sub-nav .nav-right .title-cont{overflow:hidden;}
.header .new-sub-nav .nav-right .title-cont h3{float:left;}
.header .new-sub-nav .nav-right .title-cont a{float:right;}
.header .new-sub-nav .nav-right .right-main li{display: none;}
.header .new-sub-nav .nav-right .right-main li.active{display: block;}
.header .new-sub-nav .nav-right .right-main li .list-cont li{ display: block; }
/* .header .new-sub-nav .nav-right .right-main li .text-cont{text-align:center;} */
.header .new-sub-nav .nav-right li .t-title{ font-size: 14px; margin-bottom: 10px; position: relative; background-repeat: no-repeat;}
.header .new-sub-nav .nav-right li .t-title.line3{ background-image: url(https://www.honda.com.cn/honda/images/daohang/line3.png); background-position: 47px center;}
.header .new-sub-nav .nav-right li .t-title.line5{ background-image: url(https://www.honda.com.cn/honda/images/daohang/line5.png); background-position: 70px center;}
.header .new-sub-nav .nav-right li .t-title.line7{ background-image: url(https://www.honda.com.cn/honda/images/daohang/line7.png); background-position: 105px center;}
.header .new-sub-nav .nav-right li.li2 .t-title.line3{ background-image: url(https://www.honda.com.cn/honda/images/daohang/line3_2.png); background-position: 47px center;}
.header .new-sub-nav .nav-right li .pic-box{ position: relative;}
.header .new-sub-nav .nav-right li .pic-box .img-cont::before{ content: ''; width: 100%; height: 100%; background: url(https://www.honda.com.cn/honda/images/daohang/pic-mask.png) left bottom repeat-x; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.header .new-sub-nav .nav-right li .pic-box .text-cont{ width: 100%; position: absolute; left: 0; bottom:8px ;}
.header .new-sub-nav .nav-right li .pic-box .text-cont2{ width: 100%; position: absolute; left: 20px; bottom: 32%; text-align: left; color: #fff;}
.header .new-sub-nav .nav-right li .pic-box .text-cont2 p{font-size: 18px; display: block; margin-bottom: 5px;}
.header .new-sub-nav .nav-right li .pic-box .text-cont2 span{font-size: 12px; display: block;}
.header .new-sub-nav .list-more{ text-align: center; margin-top: 20px;}
.header .new-sub-nav .list-more50{ width: 50%;}
.header .new-sub-nav .list-more a{ font-size: 14px; color: #787878;}
.header .new-sub-nav .nav-right li.padding .img-cont{ padding-bottom: 25px;}
.header .new-sub-nav .nav-right li.padding .img-cont img{ width: 90%; margin: 0 auto;}
.header .new-sub-nav .nav-right li .li-item{ background-color: #f0f0f0; margin-bottom: 15px;}
.header .new-sub-nav .nav-right li .li-item .pic-box .img-cont::before{ display: none;}
.header .new-sub-nav .nav-right li .li-item:last-child{ margin-bottom: 0;}
.header .new-sub-nav .nav-right li .li-item .img-cont{ padding: 40px 0 5px 0;}
.header .new-sub-nav .nav-right li .li-item .img-cont img{ width: 130%; position: relative; left: -15%;}
.header .new-sub-nav .nav-right li .s-logo{ position: absolute; left: 0; top: 5px;}
.header .new-sub-nav .nav-right li .s-logo img{ display: block; width: 130%; position: relative; left: -15%;}
.header .new-sub-nav .nav-right li .type-logo{ position: absolute; bottom: 10px; right: 10px;}
.header .new-sub-nav .nav-right li .type-logo img{ display: block; height: 15px;}
.header .new-sub-nav .nav-right li .type-txt{ position: absolute; bottom: 10px; right: 10px; font-size: 14px;}

.header .new-sub-nav .nav-item.news{ width: 1330px;}
.header .new-sub-nav .nav-item.news .nav-right{ width: 982px;}
.header .new-sub-nav .nav-item.news .nav-right .honda-stories li .pic-box .img-cont::before{ display: none;}
.header .new-sub-nav .nav-item.about{ width: 1330px;}
.header .new-sub-nav .nav-item.about .nav-right{ width: 982px;}
.header .new-sub-nav .nav-item.product{ width: 1330px;}
.header .new-sub-nav .nav-item.product .nav-right{ width: 982px;}


.header .new-sub-nav .list-cont .top-logo-box{ margin-top: 20px;}
.header .new-sub-nav .list-cont .top-logo-box img{ display: block; height: 26px; margin: 0 auto;}
.header .new-sub-nav .nav-right li .title-box{ margin-top: 10px; text-align: center;}
.header .new-sub-nav .nav-right li .title-box .icon,.header .new-sub-nav .nav-right li .title-box span{ display: inline-block; vertical-align: middle;}
.header .new-sub-nav .nav-right li .title-box .icon img{ display: block; height: 16px;}
.header .new-sub-nav .nav-right li .title-box span{ margin-left: 15px;}


.header.hide-header { top: -70px;}
.ac-gn-menuicon-label {
    display: block;
    position: absolute;
    opacity: .8;
    z-index: 3;
    top: 4px;
    width: 43px;
    height: 48px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-tap-highlight-color: transparent;
}
.ac-gn-menuicon-bread {
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 6.5px;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ac-gn-menuicon-bread-top {
    -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    -webkit-transform: none;
    transform: none;
    z-index: 4;
}
.ac-gn-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    -webkit-transform: none;
    transform: none;
}
.ac-gn-menuicon-bread-crust {
    display: block;
    width: 17px;
    height: 1px;
    background: #fff;
    border-radius: 0.5px;
    position: absolute;
    left: 7px;
    z-index: 1;
}
.ac-gn-menuicon-bread-crust-top {
    top: 14px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
}
.ac-gn-menuicon-bread-crust-bottom {
    bottom: 14px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
    transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
}

.ac-gn-menuicon-label.current {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}
.ac-gn-menuicon-label.current .ac-gn-menuicon-bread-top {
    -webkit-transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ac-gn-menuicon-label.current .ac-gn-menuicon-bread-crust-top {
    -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    -webkit-transform: none;
    transform: none;
}
.ac-gn-menuicon-label.current .ac-gn-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ac-gn-menuicon-label.current .ac-gn-menuicon-bread-crust-bottom {
    -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    -webkit-transform: none;
    transform: none;
}
/* 友情链接 */
.friendship-links{ margin: 20px 20px 0 20px; background-color: #fff; padding: 50px 0 42px 0;}
.friendship-links .top-title{ text-align: center; font-size: 18px; font-weight: bold; position: relative;}
.friendship-links .top-title span{ display: inline-block; padding: 0 68px; background: url(https://www.honda.com.cn/honda/images/icon/footer-links-line.png) center no-repeat #fff; position: relative; z-index: 9; color: #000;}
.friendship-links .top-title::before{ content: ''; width: 100%; height: 1px; position: absolute; top: 50%; margin-top: -0.5px; left: 0; background-image: linear-gradient(to right, transparent , #ccc , transparent);}
.friendship-links .list1{ width: 60%; margin: 5px auto 0 auto;}
.friendship-links .list1 li{ float: left; width: 25%; margin-top: 30px; font-size: 16px; /*overflow:hidden;*/ text-overflow:ellipsis; white-space:nowrap;}
.friendship-links .list1 li a:hover{ text-decoration: underline;}
.friendship-links .list2{ margin-top: 40px; padding-top: 40px; text-align: center; font-size: 0; position: relative;}
.friendship-links .list2 a,.friendship-links .list2 span{ font-size: 16px; display: inline-block; vertical-align: middle;}
.friendship-links .list2 a:hover{ text-decoration: underline;}
.friendship-links .list2 span{ margin: 0 24px;}
.friendship-links .list2::before{ content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, transparent , #ccc , transparent);}

.footer-share{ text-align: center; margin-top: 12px; font-size: 0;}
.footer-share .icon{ display: inline-block; width: 36px; height: 36px; background-size: 30px; background-position: center; background-repeat: no-repeat; margin: 0 15px; position: relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.footer-share .weixin{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-weixin2.png);}
.footer-share .douyin{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-douyin2.png);}
.footer-share .toutiao{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-toutiao2.png);}
.footer-share .weibo{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-weibo2.png);}
.footer-share .xiaochengxu{ background-image: url(https://www.honda.com.cn/honda/images/icon/icon-xiaochengxu2.png);}
.footer-share .icon .hidden-cont{ width: 180px; position: absolute; bottom: 100%; left: 50%; margin-left: -90px; display: none;}
.footer-share .icon .hidden-cont img{ display: block; width: 100%; }
/* .footer-share .xiaochengxu .hidden-cont{ width: 297px;} */
.footer-share .icon:hover .hidden-cont{ display: block;}

/* 底部footer */
.footer{ height: 60px; line-height: 60px; background-color: #000; font-size: 14px; color: #fff; text-align: center; margin-top: 20px;}
.footer a{ color: #fff; margin: 0 28px;}
.footer .img{ vertical-align: middle; margin-right: 8px;}

.breadcrumb-box{ line-height: 58px; padding: 0 20px; background-color: #e0e0e0; color: #000;}
.breadcrumb-box .a-return{ float: left; margin-left: 8px; font-size: 14px; color: #000;}
.breadcrumb-box .a-return span{ font-size: 12px;}
.breadcrumb-box .title{ float: left; margin-left: 32px; font-size: 18px;}

.return-top{  width: 58px; height: 58px; background: url(https://www.honda.com.cn/honda/images/icon/return_top.png) center no-repeat; background-size: cover; position: fixed; right: 50px; bottom: 115px; z-index: 999; display: none;}

/* 头部个人中心入口 */
.header-login{float: left;margin-left: 15px;margin-top: 14px;}
.header-login a{display: block;background: url(https://www.honda.com.cn/honda/images/icon/icon-header-login.png) left center no-repeat;background-size: 23px;padding-left: 30px;font-size: 14px;color: #fff;font-weight: bold;line-height: 42px;}
.header-login-success{ float: left; margin-left: 20px; margin-top: 14.5px; position: relative;}
.header-login-success .photo{ width: 41px; height: 41px; border: 2px solid #5b5d5e; border-radius: 100%; cursor: pointer; background-color: #fff;}
.header-login-success .photo img{ display: block; width: 100%; height: 100%; border-radius: 100%;}
.header-login-success .hidden-box{width: 128px;position: absolute;top: 100%;right: -10px;/* margin-left: -64px; */padding-top: 14px;display: none;}
.header-login-success .hidden-box:before{content: '';width: 12px;height: 7px;background: url(https://www.honda.com.cn/honda/images/icon/icon-header-login-arrow.png) center no-repeat;background-size: cover;position: absolute;right: 23px;/* margin-left: -6px; */top: 7px;}
.header-login-success .hidden-box ul{ padding: 3px 0; background-color: #292a2b; border-radius: 5px;}
.header-login-success .hidden-box li{ line-height: 44px; font-size: 14px; position: relative;}
.header-login-success .hidden-box li a{ display: block; color: #fff; padding-left: 44px;}
.header-login-success .hidden-box li .icon{ width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 18px;}
.header-login-success .hidden-box li .icon img{ display: block; width: 100%; height: 100%;}
.header-login-success .hidden-box li:hover{ background-color: #1b1c1d;}
.header-login-success:hover .hidden-box{ display: block;}


.specific-note{ font-size: 14px; color: #fff; padding: 15px 0;}
.align-right{ text-align: right;}

.product-cd-qtjs .specific-note{ padding: 15px 50px;}


.base-qrcode-section{ background: url(https://www.honda.com.cn/honda/images/icon/base-qrcode-bg.jpg) center no-repeat; background-size: cover; padding: 25px 0; color: #fff; position: relative; height: 180px;}
.base-qrcode-section .edit-container{ width: 1600px; margin-left: auto; margin-right: auto; position: relative; height: 100%;}
.base-qrcode-section .text-left{ width: 70%; font-size: 14px; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.base-qrcode-section .text-left .text-note{ margin-top: 10px;}
.base-qrcode-section .qrcode-right{ position: absolute; top: 0; right: 0;}
.base-qrcode-section .qrcode-right .pic-box{ width: 126px; height: 126px; background: url(https://www.honda.com.cn/honda/images/icon/base-qrcode-box.png) center no-repeat; background-size: cover; padding: 10px; display: inline-block; vertical-align: middle;}
.base-qrcode-section .qrcode-right .pic-box img{ display: block; width: 100%; height: 100%; border-radius: 10px;}
.base-qrcode-section .qrcode-right .title{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1.8; margin-left: 30px;}

.base-reference-source{ padding: 0 20px; font-size: 16px; color: #666; text-align: right; margin-top: 20px;}



.bottom-cookie-box{ width: 100%; padding: 0 20px; position: fixed; left: 0; bottom: 0; z-index: 9999; color: #fff; display: none;}
.bottom-cookie-inner{ padding: 25px 2.5% 25px 1.5%; background-color: rgba(000, 000, 000, 0.7); border-radius: 10px 10px 0 0; position: relative; font-size: 14px;}
.bottom-cookie-box .txt-left{ float: left; width: 100%; line-height: 1.8;}
.bottom-cookie-box .txt-left a{ color: #fff;}
.bottom-cookie-box .txt-left label{ margin: 5px 15px 0 0;}
.bottom-cookie-box .txt-left label a{ text-decoration: underline;}
.bottom-cookie-box .txt-left label .input-checkbox,.bottom-cookie-box .txt-left label a{ display: inline-block; vertical-align: middle; margin: 0;}
.bottom-cookie-box .txt-left .color{ color: #58b3ff;}

.bottom-cookie-box .btn-right{ position: absolute; bottom: 25px; right: 2.5%;}
.bottom-cookie-box .btn-right .error-txt{ color: #f00; width: 150px; text-align: right; position: absolute; top: 50%; transform:translateY(-50%); right: 110%; display: none;}
.bottom-cookie-box .btn-right-box{ font-size: 0; text-align: right;}
.bottom-cookie-box .btn-right a{ display: inline-block; vertical-align: top; width: 143px; margin-left: 20px; text-align: center; font-size: 16px; color: #fff; background: url(https://www.honda.com.cn/honda/images/bottom-cookie-btn-bg.png) center no-repeat; background-size: 100%; padding: 5px;}
.bottom-cookie-box .btn-right a span{ display: block; border-radius: 30px; line-height: 30px; box-shadow:0 0 18px #cbcbcb;}
.bottom-cookie-box .btn-right a:first-child{ margin-left: 0;}
.bottom-cookie-box .btn-right .accept.on{ background-image: url(https://www.honda.com.cn/honda/images/bottom-cookie-btn-bg-on.png);}
.bottom-cookie-box .btn-right .accept.on span{ box-shadow:0 0 18px #35a1fa;}
.bottom-cookie-box .cookie-close{ width: 14px; height: 14px; background: url(https://www.honda.com.cn/honda/images/icon-cookie-close.png) center no-repeat; background-size: cover; position: absolute; top: 14px; right: 14px; cursor: pointer;}

.cookie-refuse-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10001; display: none;}
.cookie-refuse-layer .layer-container{ width: 840px; background-color: rgba(000, 000, 000, 0.85); padding: 50px 70px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); border-radius: 10px;}
.cookie-refuse-layer .layer-container .layer-close{ width: 24px; height: 24px; background: url(https://www.honda.com.cn/honda/images/icon-cookie-close.png) center no-repeat rgba(000, 000, 000, 0.85); background-size: 14px; position: absolute; top: -12px; right: -24px; border-radius: 100%; cursor: pointer;}
.cookie-refuse-layer .layer-inner{ font-size: 16px; color: #898a8a;}
.cookie-refuse-layer .layer-inner .cont .b-block{ padding: 30px 0; border-bottom: 1px solid #606162;}
.cookie-refuse-layer .layer-inner .cont .b-block .title{ font-size: 18px;}
.cookie-refuse-layer .layer-inner .cont .b-block .cont{ margin-top: 10px;}
.cookie-refuse-layer .layer-inner .cont .b-block:first-child{ padding-top: 0; color: #fff;}
.cookie-refuse-layer .layer-inner .cont .b-block:last-child{ padding-bottom: 0; border-bottom: 0;}
.cookie-refuse-layer .btn-box{ margin-top: 30px; text-align: center;}
.cookie-refuse-layer .btn-box a{ display: inline-block; vertical-align: top; width: 150px; line-height: 40px; background-color: #fff; color: #000; border-radius: 4px; font-size: 20px;}

.table-box table{ border-top: 1px solid #999; border-left: 1px solid #999;}
.table-box table th,.table-box table td{ border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 10px;}
.table-box table th{ text-align: center; background-color: #f1f1f1;}



@media (min-width: 1441px) and (max-width: 1680px){
	/* 缩小83% */
	/* 共用样式 */
	/* .bodymain{ padding-top: 62px;} */
	
	/* 头部 header */
	/* .header{ height: 62px;}
	.header .logo{ margin-top: 16px;}
	.header .logo img{ height: 30px;} */
	.header .nav{ margin-left: 70px;}
	.header .nav li{ /* line-height: 62px; */ margin: 0 15px;}
	.header-share{ margin-top: 23px;}
	.header-share .icon{ width: 24px; height: 24px; background-size: 24px; margin: 0 10px;}
	.header-search{ margin-left: 5px; margin-top: 23px;}
	.header-search .icon{ width: 24px; height: 24px; background-size: 24px;}
	
	/* 友情链接 */
	.friendship-links{ padding: 40px 0 34px 0;}
	.friendship-links .top-title{ font-size: 16px;}
	.friendship-links .list1 li{ margin-top: 25px; font-size: 14px;}
	.friendship-links .list2{ margin-top: 32px; padding-top: 32px;}
	.friendship-links .list2 a, .friendship-links .list2 span{ font-size: 14px;}
	.friendship-links .list2 span{ margin: 0 20px;}
	
	/* 底部footer */
	.footer{ font-size: 12px;}
	
	.breadcrumb-box{ line-height: 50px;}
	.breadcrumb-box .a-return{ font-size: 13px;}
	.breadcrumb-box .title{ margin-left: 25px; font-size: 14px;}
	
	/* 头部个人中心入口 */
	.header-login{ margin-left: 15px; /* margin-top: 10px; */}
	.header-login a{ background-size: 20px; padding-left: 25px;}
	.header-login-success{ margin-left: 15px; margin-top: 19px;}
	.header-login-success .photo{ width: 32px; height: 32px;}
	
	
	.product-cd-qtjs .specific-note{ padding: 15px 40px;}
	
	
	.base-qrcode-section{ padding: 20px 0; height: 144px;}
	.base-qrcode-section .edit-container{ width: 1280px;}
	.base-qrcode-section .text-left{ font-size: 13px; line-height: 24px;}
	.base-qrcode-section .text-left .text-note{ margin-top: 8px;}
	.base-qrcode-section .qrcode-right .pic-box{ width: 100px; height: 100px; padding: 8px;}
	.base-qrcode-section .qrcode-right .pic-box img{ border-radius: 8px;}
	.base-qrcode-section .qrcode-right .title{ font-size: 16px; margin-left: 25px;}
	
	.base-qrcode-section-height{ height: 170px;}
	.base-qrcode-section-height .text-left{ line-height: 22px;}
	.base-qrcode-section-height .text-left .text-note{ line-height: 20px;}
	.base-qrcode-section-height .qrcode-right{ top: 15px;}
	
	.base-reference-source{ font-size: 14px;}
	
	
	.bottom-cookie-inner{ padding: 20px 2.5% 20px 1.5%; font-size: 12px;}
	.bottom-cookie-box .cookie-close{ top: 10px; right: 10px;}
	.bottom-cookie-box .txt-left{}
	.bottom-cookie-box .btn-right{ bottom: 20px;}
	
	.bottom-cookie-box .btn-right a{ width: 114px; padding: 4px; font-size: 13px; margin-left: 15px;}
	.bottom-cookie-box .btn-right a span{ line-height: 24px;}
	
	.cookie-refuse-layer .layer-container{ width: 672px; padding: 40px 55px;}
	.cookie-refuse-layer .layer-inner{ font-size: 13px;}
	.cookie-refuse-layer .layer-inner .cont .b-block{ padding: 24px 0;}
	.cookie-refuse-layer .layer-inner .cont .b-block .title{ font-size: 15px;}
	.cookie-refuse-layer .layer-inner .cont .b-block .cont{ margin-top: 8px;}
	.cookie-refuse-layer .btn-box{ margin-top: 25px;}
	.cookie-refuse-layer .btn-box a{ width: 120px; line-height: 32px; font-size: 16px;}
	
	
}
@media (min-width: 1201px) and (max-width: 1440px){
	/* 缩小70% */
	/* 共用样式 */
	/* .bodymain{ padding-top: 56px;} */
	
	/* 头部 header */
	/* .header{ height: 56px;}
	.header .logo{ margin-top: 14.5px;}
	.header .logo img{ height: 27px;} */
	.header .logo{ margin-top: 19px;}
	.header .logo img{ height: 30px;}
	.header .nav{margin-left: 20px;}
	.header .nav li{margin: 0 7px; /* line-height: 56px; */}
	.header-share{ margin-top: 23px;}
	.header-share .icon{ margin: 0 6px; width: 24px; height: 24px; background-size: 24px;}
	.header-search{ margin-left: 5px; margin-top: 23px;}
	.header-search .icon{ width: 24px; height: 24px; background-size: 24px;}
	
	.header .new-sub-nav .nav-item.news{ width: 1160px;}
	.header .new-sub-nav .nav-item.news .nav-right{ width: 810px;}
	.header .new-sub-nav .nav-item.about{ width: 1160px;}
	.header .new-sub-nav .nav-item.about .nav-right{ width: 810px;}
	.header .new-sub-nav .nav-item.product{ width: 1160px;}
	.header .new-sub-nav .nav-item.product .nav-right{ width: 810px;}
	
	.header .new-sub-nav .nav-right li .title-box span{ margin-left: 10px;}
	
	/* 友情链接 */
	.friendship-links{ padding: 25px 0;}
	.friendship-links .top-title{ font-size: 16px;}
	.friendship-links .list1{ width: 70%;}
	.friendship-links .list1 li{ margin-top: 15px; font-size: 14px;}
	.friendship-links .list2{ margin-top: 25px; padding-top: 25px;}
	.friendship-links .list2 a, .friendship-links .list2 span{ font-size: 14px;}
	.friendship-links .list2 span{ margin: 0 20px;}
	
	/* 底部footer */
	.footer{ font-size: 12px;}
	
	.breadcrumb-box{ line-height: 50px;}
	.breadcrumb-box .a-return{ font-size: 13px;}
	.breadcrumb-box .title{ margin-left: 25px; font-size: 14px;}
	
	/* 头部个人中心入口 */
	.header-login{ margin-left: 15px; /* margin-top: 7px; */}
	.header-login a{ background-size: 20px; padding-left: 25px;}
	.header-login-success{ margin-left: 15px; margin-top: 19px;}
	.header-login-success .photo{ width: 32px; height: 32px;}
	
	
	.product-cd-qtjs .specific-note{ padding: 15px 32px;}
	
	
	.base-qrcode-section{ padding: 20px 0; height: 144px;}
	.base-qrcode-section .edit-container{ width: 1120px;}
	.base-qrcode-section .text-left{ font-size: 13px; line-height: 24px;}
	.base-qrcode-section .text-left .text-note{ margin-top: 8px;}
	.base-qrcode-section .qrcode-right .pic-box{ width: 100px; height: 100px; padding: 8px;}
	.base-qrcode-section .qrcode-right .pic-box img{ border-radius: 8px;}
	.base-qrcode-section .qrcode-right .title{ font-size: 16px; margin-left: 25px;}
	
	.base-qrcode-section-height{ height: 170px;}
	.base-qrcode-section-height .text-left{ line-height: 22px;}
	.base-qrcode-section-height .text-left .text-note{ line-height: 20px;}
	.base-qrcode-section-height .qrcode-right{ top: 15px;}
	
	.base-reference-source{ font-size: 14px;}
	
	
	.bottom-cookie-inner{ padding: 15px 2.5% 15px 1.5%; font-size: 12px;}
	.bottom-cookie-box .cookie-close{ top: 10px; right: 10px;}
	.bottom-cookie-box .txt-left{}
	.bottom-cookie-box .btn-right{ bottom: 15px;}
	.bottom-cookie-box .btn-right a{ width: 100px; padding: 3px; font-size: 13px; margin-left: 12px;}
	.bottom-cookie-box .btn-right a span{ line-height: 22px;}
	
	.cookie-refuse-layer .layer-container{ width: 588px; padding: 35px 50px;}
	.cookie-refuse-layer .layer-inner{ font-size: 12px;}
	.cookie-refuse-layer .layer-inner .cont .b-block{ padding: 20px 0;}
	.cookie-refuse-layer .layer-inner .cont .b-block .title{ font-size: 14px;}
	.cookie-refuse-layer .layer-inner .cont .b-block .cont{ margin-top: 8px;}
	.cookie-refuse-layer .btn-box{ margin-top: 25px;}
	.cookie-refuse-layer .btn-box a{ width: 105px; line-height: 28px; font-size: 14px;}
	
	
}
@media (min-width: 993px) and (max-width: 1200px){
	/* 缩小70% */
	/* 共用样式 */
	
	.bodymain{ padding-top: 56px;}
	
	/* 头部 header */
	.header{ height: 56px;}
    .header .nav,.header-share{ display: none; }
	.header .logo{ float: none; margin: 14.5px auto 0 auto; /* width: 106px; */}
	/* .header .logo img{ display: block; width: 100%; height: auto;} */
	.header .logo img{ height: 27px; /* margin-left: 50px; */ margin: 0 auto;}
	.header-right{ position: absolute; top: 4px; right: 0;}
	.header-search{ margin: 0;}
	.header-search .icon{ width: 43px; height: 48px; background-size: 24px;}
	
	.header-search-hidden .box{ width: 100%;}
	.header-search-hidden .box .search-btn{ width: 48px; height: 60px; position: absolute; top: 0; left: 0;}
	.header-search-hidden .box .input-text{ width: 100%; height: 60px; padding: 0 48px;}
	.header-search-hidden .box .icon-close{ width: 48px; height: 60px; position: absolute; top: 0; right: 0;}
	
	/* 友情链接 */
	.friendship-links{ padding: 40px 0 34px 0;}
	.friendship-links .top-title{ font-size: 16px;}
	.friendship-links .list1{ width: 90%;}
	.friendship-links .list1 li{ margin-top: 25px; font-size: 14px;}
	.friendship-links .list2{ margin-top: 32px; padding-top: 32px;}
	.friendship-links .list2 a, .friendship-links .list2 span{ font-size: 14px;}
	.friendship-links .list2 span{ margin: 0 20px;}
	
	/* 底部footer */
	.footer{ font-size: 12px;}
	
	.breadcrumb-box{ line-height: 50px;}
	.breadcrumb-box .a-return{ font-size: 13px;}
	.breadcrumb-box .title{ margin-left: 25px; font-size: 14px;}
	
	/* 头部个人中心入口 */
	.header-login{ margin-left: 15px; margin-top: 3px;}
	.header-login a{ background-size: 20px; padding-left: 25px;}
	.header-login-success{ margin-left: 15px; margin-top: 3px;}
	.header-login-success .photo{ width: 32px; height: 32px;}
	
	
	.product-cd-qtjs .specific-note{ padding: 15px 25px;}
	
	
	.base-qrcode-section{ padding: 20px 0; height: 144px;}
	.base-qrcode-section .edit-container{ width: 960px;}
	.base-qrcode-section .text-left{ font-size: 12px; width: 74%; line-height: 24px;}
	.base-qrcode-section .text-left .text-note{ margin-top: 8px;}
	.base-qrcode-section .qrcode-right .pic-box{ width: 100px; height: 100px; padding: 8px;}
	.base-qrcode-section .qrcode-right .pic-box img{ border-radius: 8px;}
	.base-qrcode-section .qrcode-right .title{ font-size: 16px; margin-left: 25px;}
	
	.base-qrcode-section-height{ height: 170px;}
	.base-qrcode-section-height .text-left{ line-height: 22px;}
	.base-qrcode-section-height .text-left .text-note{ line-height: 20px;}
	.base-qrcode-section-height .qrcode-right{ top: 15px;}
	
	.base-reference-source{ font-size: 14px;}
	
	
	.bottom-cookie-inner{ padding: 15px 2.5% 15px 1.5%; font-size: 12px;}
	.bottom-cookie-box .cookie-close{ top: 10px; right: 10px;}
	.bottom-cookie-box .txt-left{ width: 77%;}
	.bottom-cookie-box .btn-right{ width: 23%; bottom: 15px;}
	.bottom-cookie-box .btn-right a{ width: 100px; padding: 3px; font-size: 13px; margin-left: 10px;}
	.bottom-cookie-box .btn-right a span{ line-height: 22px;}
	
	.cookie-refuse-layer .layer-container{ width: 588px; padding: 35px 50px;}
	.cookie-refuse-layer .layer-inner{ font-size: 12px;}
	.cookie-refuse-layer .layer-inner .cont .b-block{ padding: 20px 0;}
	.cookie-refuse-layer .layer-inner .cont .b-block .title{ font-size: 14px;}
	.cookie-refuse-layer .layer-inner .cont .b-block .cont{ margin-top: 8px;}
	.cookie-refuse-layer .btn-box{ margin-top: 25px;}
	.cookie-refuse-layer .btn-box a{ width: 105px; line-height: 28px; font-size: 14px;}
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	
	.bodymain{ padding-top: 56px;}
	
	/* 头部 header */
	.header{ height: 56px;}
	.header .logo{ float: none; margin: 18px auto 0 auto; /* width: 90px; */}
	/* .header .logo img{ display: block; width: 100%; height: auto;} */
	.header .logo img{ height: 20px; /* margin-left: 50px; */ margin: 0 auto;}
	.header-right{ margin-right: 10px; position: absolute; top: 4px; right: 0;}
	.header-search{ margin: 0; display: none;}
	.header-search .icon{ width: 43px; height: 48px; background-size: 24px;}
	
	.header-search-hidden .box{ width: 100%;}
	.header-search-hidden .box .search-btn{ width: 48px; height: 60px; position: absolute; top: 0; left: 0;}
	.header-search-hidden .box .input-text{ width: 100%; height: 60px; padding: 0 48px;}
	.header-search-hidden .box .icon-close{ width: 48px; height: 60px; position: absolute; top: 0; right: 0;}
	
	/* 友情链接 */
	.friendship-links{ padding: 20px 0; margin: 12px 0 0 0;}
	.friendship-links .top-title{ font-size: 14px;}
	.friendship-links .list1{ width: 100%; padding: 0 8px;}
	.friendship-links .list1 li{ width: 50%; font-size: 12px; margin-top: 10px; padding-right: 5px; height: 2em;}
	.friendship-links .list2{ margin-top: 20px; padding-top: 20px;}
	.friendship-links .list2 a, .friendship-links .list2 span{ font-size: 12px;}
	.friendship-links .list2 span{ margin: 0 8px;}
	
	/* 底部 footer */
	.footer{ height: auto; line-height: 1.5; padding: 20px 12px; font-size: 12px; margin-top: 12px;}
	.footer a{ display: block;}
	.footer .img{ width: 15px; margin-right: 5px;}
	
	.breadcrumb-box{ line-height: 50px; padding: 0 12px;}
	.breadcrumb-box .a-return{ font-size: 13px; margin-left: 0;}
	.breadcrumb-box .title{ margin-left: 15px; font-size: 14px;}
	
	.return-top{ width: 32px; height: 32px; right: 20px;}
	
	/* 头部个人中心入口 */
	.header-login{ margin-left: 0; margin-top: 3px;}
	.header-login a{ background-size: 18px; padding-left: 22px; font-size: 12px;}
	.header-login-success{ margin-left: 0; margin-top: 9px;}
	.header-login-success .photo{ width: 28px; height: 28px;}
	
	
	.align-right{ text-align: center;}
	.product-cd-qtjs .specific-note{ padding: 15px 0;}
	
	
	.base-qrcode-section{ background-image: url(https://www.honda.com.cn/honda/images/icon/base-qrcode-bg-mobile.jpg); padding: 30px 20px; height: auto;}
	.base-qrcode-section .edit-container{ width: 100%;}
	.base-qrcode-section .text-left{ width: 100%; position: initial; transform: translateY(0); font-size: 12px; line-height: 1.5;}
	.base-qrcode-section .qrcode-right{ position: initial; text-align: center; margin-top: 30px;}
	.base-qrcode-section .qrcode-right .pic-box{ width: 100px; height: 100px; padding: 8px;}
	.base-qrcode-section .qrcode-right .pic-box img{ border-radius: 8px;}
	.base-qrcode-section .qrcode-right .title{ text-align: left; margin-left: 20px; font-size: 14px;}
	
	.base-qrcode-section-height{ height: auto;}
	.base-qrcode-section-height .text-left{ line-height: 1.5;}
	.base-qrcode-section-height .text-left .text-note{ line-height: 1.5;}
	.base-qrcode-section-height .qrcode-right{ top: 15px;}
	
	.base-reference-source{ padding: 0 10px; margin-top: 12px; font-size: 14px;}
	
	.bottom-cookie-box{ padding: 0 15px;}
	.bottom-cookie-inner{ padding: 30px 15px 20px 15px; font-size: 13px;}
	.bottom-cookie-box .cookie-close{ top: 10px; right: 10px;}
	.bottom-cookie-box .txt-left{ float: none; width: 100%;}
	.bottom-cookie-box .txt-left label{ display: block; margin-right: 0;}
	.bottom-cookie-box .txt-left label .input-checkbox, .bottom-cookie-box .txt-left label a{ display: inline;}
	.bottom-cookie-box .btn-right{ width: 100%; margin-top: 15px; position: initial; text-align: center;}
	.bottom-cookie-box .btn-right .error-txt{ width: 100%; position: initial; transform: translateY(0); text-align: center; margin-bottom: 5px;}
	.bottom-cookie-box .btn-right-box{ text-align: center;}
	.bottom-cookie-box .btn-right a{ width: 114px; padding: 4px; font-size: 13px; margin-left: 15px;}
	.bottom-cookie-box .btn-right a span{ line-height: 24px;}
	
	.cookie-refuse-layer .layer-container{ width: 100%; padding: 30px 20px 20px 20px;}
	.cookie-refuse-layer .layer-container .layer-close{ top: 10px; right: 10px;}
	.cookie-refuse-layer .layer-inner{ font-size: 13px;}
	.cookie-refuse-layer .layer-inner .cont .b-block{ padding: 15px 0;}
	.cookie-refuse-layer .layer-inner .cont .b-block .title{ font-size: 15px;}
	.cookie-refuse-layer .layer-inner .cont .b-block .cont{ margin-top: 5px;}
	.cookie-refuse-layer .btn-box{ margin-top: 25px;}
	.cookie-refuse-layer .btn-box a{ width: 32%; line-height: 30px; font-size: 14px;}
	
	
	
}

@media (max-width: 434px){
	.header .logo{ margin-top: 16px;}
	.header .logo img{ height: 24px;}
}

@media (max-width: 390px){
	.header .logo{ margin-top: 16px;}
	.header .logo img{ height: 20px;}
}

@media (max-width: 340px){
	.header .logo{ margin-top: 18px;}
	.header .logo img{ height: 16px;}
	.header-search .icon{ width: 28px; height: 48px; background-size: 20px;}
	.header-login a{ background-size: 16px; padding-left: 20px; font-size: 12px;}
}

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	/* 头部 header */
	.header .nav{ margin-left: 20px;}
	.header .nav li{ margin: 0 7px;}
	.header-share .icon{ margin: 0 5px;}
	/* .header-search{ margin-left: 0;} */
	
	/* 头部个人中心入口 */
	.header-login{ margin-left: 10px;}
	.header-login-success{ margin-left: 10px;}
	
}