@charset "utf-8";
@media screen and ( max-width: 991px){
	#channel .wrap1 li{
		width: 50%;
	}
	.ad .text h3{
		font-size: 36px;
	}
	.ad .text{
		font-size: 20px;
	}
	.ad .text h3:after{
	    width: 13px;
    	margin-right: 12px;
	}
	#epquery .wrap1 .query-success .success-desc .model{
		width: 400px;
	}
	#epquery .wrap1 .query-success .success-tit{
		font-size: 26px;
	}
	#epquery .wrap1 .query-success li span{
		font-size: 14px;
	}
	#parts .wrap1 h3.tit{
		font-size: 28px;
	}
	#parts .wrap1{
	    padding: 38px 0 80px;
	}
	#parts .wrap1 .box .search-box span:first-child{
		font-size: 14px;
	}
	#parts .wrap1 .box .search-box input[type="text"]{
		width: 300px;
	}
	#parts .wrap1 .box .info-des{
	    padding: 32px 64px 28px;
	}
	#parts .wrap1 .box .info-des p{
		font-size: 12px;
	}
	#parts .wrap1 .box{
		height: 420px;
	}
	#parts .wrap1 .box .search-success p{
		padding-left: 24px;
		font-size: 12px;
	}
	.joinlist .joinlist-tit{
		display: none;
	}
	.joinlist ul{
	    border-top: 1px solid #d6d6d6;
	    margin-top: 40px;
	}
	.joinlist ul li .li-con{
		font-size: 12px;
	    padding: 24px 0 34px;
	}
	.joinlist ul li .li-con h4{
		font-size: 14px;
	}
	.joinlist ul li .li-con .apply{
		margin-top: 18px;
		font-size: 14px;
	    width: 100px;
	    height: 36px;
	    line-height: 36px;
	}
	#school h4.tit{
		font-size: 18px;
		padding-left: 22px;
		background-size: 20px auto;
	}
	#school .wrap2 .pagination{
		margin-top: 46px;
	}
	#school .wrap3{
		padding: 50px 0;
	}
	#school .wrap4{
		padding: 40px 0 80px;
	}
	#school .wrap4 table thead{
	    height: 50px;
	    line-height: 50px;
	}
	#school .wrap4 table td{
		padding-left: 14px
	}
	#school .wrap4 table thead td{
		font-size: 14px;
	}
	#school .wrap4 table tbody td{
		font-size: 12px;
	}
	#school .wrap4 table tbody tr{
		height: 50px;
	}
	#school .wrap5{
		padding: 60px 0 80px;
	}
	#school .wrap5 ul .li-tit span{
		font-size: 14px;
	}
	#school .wrap5 ul .li-con{
		font-size: 12px;
    	padding: 20px 0 30px 32px;
	}
	#school .wrap5 ul .li-tit .ico{
		width: 24px;
		height: 24px;
	}
	#school .wrap5 .loadingbox{
		margin-top: 44px;
	}
	#hatch .wrap1 h4.tit,
	#promotion .wrap1 h4.tit{
		font-size: 30px;
		padding-bottom: 4px;
	}
	#hatch .wrap1 .imgs{
		margin-top: 36px;
	}
	#promotion .wrap1 .imgs{
		margin-top: 44px;
	}
	#promotion .wrap1{
		padding-bottom: 120px;
	}
	#care .wrap1{
		padding: 40px 0 80px;
	}
	#care .wrap1 ul li{
		width: 33.33333%;
		border-right: none;
		border-bottom: none;
	}
	#care .wrap1 ul li:nth-child(n+7){
		border-bottom: none;
	}
	#care .wrap1 ul li .hover-box{
		opacity: 1;
	}
	#care .wrap2{
	    padding: 46px 0 80px;
	}
	#care .wrap2 .swiper-container-horizontal>.swiper-scrollbar{
		margin-top: 50px;
	}
	.currency-list li{
		width: 50%;
	}
	#purchase .wrap1{
		padding: 40px 0 100px;
	}
	#purchase .wrap1 li{
		line-height: 60px;
	}
	#purchase .wrap1 li .els{
		font-size: 14px;
		background-size: 14px auto;
	}
	#purchase .wrap1 li .time{
		font-size: 12px;
	}
	#energy .wrap1{
	    padding: 40px 0 50px;
	}
	#energy .wrap1 ul li .text{
		font-size: 12px;
	}
	#energy h3.tit{
		font-size: 24px;
		padding-bottom: 4px;
	}
	#energy .wrap1 .con{
		font-size: 14px;
	}
	#energy .wrap1 ul li .text{
	    padding: 20px 20px 0 30px;
	}
	#energy .wrap1 ul li .text .text-con:after{
	    width: 6px;
	    margin-top: -7px;
	    left: -12px;
	}
	#energy .wrap1 .d1{
		margin-top: 12px;
	}
	#energy .wrap2{
		padding: 40px 0 60px;
	}
	#energy .wrap2 li{
		width: 50%;
		padding-bottom: 20px;
	}
	#energy .wrap2 .text{
		height: 80px;
	}
	#energy .wrap2 .formbox{
		margin-top: 36px;
	}
	#energy .wrap3 li{
		width: auto;
    	background-color: #666464;
    	margin-left: 30px;
    	float: none;
    	border-radius: 5px;
	}
	#energy .wrap3 li + li{
		margin-top: 12px;
	}
	#energy .wrap3 .li-text{
		width: auto;
		opacity: 1;
		visibility: visible;
		margin: 0;
		min-height: 0px;
		transform: none;
	    max-width: calc(100% - 65px);
	    padding: 20px 20px 20px 0;
	}
	#energy .wrap3 li .span{
		display: none;
	}
	#energy .wrap3 .li-text:after{
		display: none;
	}
	#energy .wrap3 .radio:after{
		display: none;
	}
	#energy .wrap3 .cur .radio{
		background-color: #666464;
	}
	#energy .wrap3 .radio{
		display: inline-block;
		vertical-align: middle;
	}
	#energy .wrap3 .li-text{
		display: inline-block;
		vertical-align: middle;
	}
	#energy .wrap3 ul{
		padding: 20px 0;
		width: 80%;
	}
	#energy .wrap3 ul:before{
		width: 1px;
		height: 100%;
		background-image: url('../img/line2.png');
	}
	#energy .wrap3 li:after{
		width: 8px;
		height: 8px;
	    left: -34px;
	    margin-right: 0;
	    top: 50%;
	    margin-top: -4px;
	}
	#energy .wrap3 ul:before{
		top: 0;
	}
	#energy .wrap3 li:last-child:after{
		display: block;
	}
	#energy .wrap4 #map{
		height: 400px;
		margin-left: 0;
	}
	#energy .wrap4 .text{
		position: relative;
		width: 100%;
		right: 0;
    	padding: 30px 40px 60px;
	}
	#energy .wrap5{
		padding-bottom: 30px;
	}
	#energy .wrap5 .con{
		font-size: 14px;
		margin-top: 18px;
	}
	#energy .wrap5 ul li .item-img .item{
		width: 80px;
	}
	#energy .wrap5 ul li .item-img i{
		margin: 0 4px;
	}
	#energy .wrap5 ul li .subtit{
		font-size: 16px;
	}
	#energy .wrap5 ul li .subtit span{
		font-size: 12px;
	}
	#energy .wrap5 ul li .box{
		padding: 24px 30px 0;
	}
	#energy .wrap6{
		padding-bottom: 80px;
	}
	#energy .wrap6 .form-list{
		margin-top: 18px;
	}
	#energy .wrap7{
		padding: 50px 0 80px;
	}
	#energy .wrap6 .item + .item{
		margin-top: 36px;
	}
	#energy .wrap7 .subtit span{
		font-size: 12px;
		display: block;
	}
	#energy .wrap7 .subtit{
		line-height: 1.5;
		padding-top: .25em;
		padding-bottom: .25em;
		background-position: left calc(1em - -5px);
	    background-position: left 11px;
	}
	#energy .wrap7 .subbox .tap-bar-item{
		font-size: 14px;
	}
	#energy .wrap7 .subbox .tap-bar-item + .tap-bar-item{
		margin-left: 40px;
	}
	#energy .wrap7 .subbox .tap-bar{
		margin-top: 12px;
	}
	#energy .wrap7 .subbox .tap-list{
		margin-top: 16px;
	}
	#energy .wrap7 .subbox .tap-bar-item:after{
		height: 2px;
	}
	#energy .wrap7 .item .item-con{
		font-size: 12px;
	}
	#energy .wrap7 .item{
		width: 100%;
	}
	#daguo h3.tit{
		font-size: 26px;
	}
	#daguo .wrap2{
	    padding: 50px 0 100px;
	}
	#daguo .wrap2 .tit{
		padding-bottom: 0;
	}
	#daguo .wrap2 .tap-list-item{
		height: 360px;
	}
	#daguo .wrap2 .tap-list .text{
		padding-top: 20px;
	}
	#daguo .wrap2 .tap-list .item-con{
		margin-top: 20px;
		height: 260px;
	}
	#daguo .wrap2 .tap-list .item-tit{
		font-size: 18px;
	}
	#daguo .wrap2 .tap-list .item-con p + p{
		margin-top: 8px;
	}
	#daguo .wrap3 .right .tap-bar-d2{
		font-size: 16px;
	}
	#daguo .wrap3 .right ul{
		padding-left: 30px;
	}
	#daguo .wrap3 .right .tap-item-box{
	    padding: 32px 20px;
	}
	#daguo .wrap3 .right .tap-con{
		margin-top: 12px;
    	height: calc(100% - 50px);
	}
	#daguo .wrap3 .right .tap-bar-d1 i{
		left: -26px;
	}
	#daguo .wrap3 .right .tap-bar-d2{
		padding-right: 20px;
	}
	#daguo .wrap3 .right .tap-subtit{
		font-size: 16px;
	}
	#daguo .wrap3 .right .tap-tit{
		font-size: 14px;
	}
	#daguo .wrap3 .right .tap-list{
		width: 100%;
	}
	#daguo .wrap4{
		padding: 50px 0 100px;
	}
	#daguo .wrap4 li .text .text-tit{
		font-size: 18px;
	}
	#daguo .wrap4 li .text{
		margin-top: 15px;
	}
	#daguo .wrap4 li .text .text-con{
		font-size: 12px;
	}
	#daguo .wrap4 li .text .more{
		margin-top: 20px;
		font-size: 12px;
		width: 100px;
		height: 36px;
		line-height: 36px;
		background-size: 11px auto;
	}
	.total-nav .swiper-slide a{
		margin: 0 25px;
		font-size: 14px;
	}
	#news .wrap1 .new-ban a .text .text-tit{
		font-size: 16px;
	}
	#news .wrap1 .new-ban a .text .text-con{
		font-size: 12px;
	}
	#news .wrap1 ul li{
		padding: 40px 0;
	}
	#news .wrap1 ul li .text-time{
		font-size: 12px;
	}
	#news .wrap1 ul li .text-con{
		margin-top: 9px;
	}
	#news .wrap1 ul li .text-con{
		font-size: 12px;
	}
	#match .wrap1 .swiper-slide .text{
		font-size: 20px;
		bottom: 12px;
	}
	#matchinfo .wrap1 .wp1-bg{
		height: 500px;
	}
	#matchinfo .wrap1 .matchlist li{
		width: 33.3333%;
	}
	#matchinfo .wrap1 .vidbox li:first-child .d1{
		font-size: 18px;
	}
	#matchinfo .wrap1 .honorlist .swiper-slide{
		width: 40%;
	}
	#matchinfo .wrap1 .honorlist .text{
		bottom: 8px;
	}
	#matchinfo .wrap1 .honorlist .text .d1{
		font-size: 16px;
	}
	#matchinfo .wrap1 .honorlist a .text .d2{
		font-size: 12px;
	}
	#testdrive .wrap1 .box .right{
		display: none;
	}
	#testdrive .wrap1 .box .left{
		width: 50%;
	}
	#manual .wrap1 .car-list li{
		width: 50%;
	}
	#summary h3.tit{
		font-size: 26px;
	}
	#summary .wrap3 .list{
	    padding: 40px 4.67%;
	}
	#summary .wrap3 .list .textlist ul{
		padding-bottom: 40px;
	}
	#summary .wrap3 .list .imgsld .text{
		font-size: 14px;
	}
	#summary .wrap3 .list .textlist{
		height: 230px;
	}
	#summary .wrap3 .list .textlist:after{
		height: 37px;
	}
	#summary .wrap3 .list .textlist ul{
		font-size: 12px;
	}
	#summary .wrap3 .yearsld .slide-box .year{
		font-size: 14px;
	}
	#summary .wrap3 .yearsld .slide-box .ico .curshow{
	    width: 50px;
	    height: 50px;
	    margin: -25px 0 0 -25px;
	    line-height: 50px;
	    font-size: 16px;
	}
	#summary .wrap3 .yearsld .slide-box .ico .curshow:after{
	    width: 66px;
	    height: 66px;
	    margin: -33px 0 0 -33px;
	}
	#summary .wrap3 .yearsld.swiper-container{
		padding-top: 34px;
	}
	#summary .wrap3 .yearsld.swiper-container:after{
		top: 50px;
	}
	.mobhd{
		height: 70px;
		line-height: 70px;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		z-index: 99;
		background: #fff;
	    border-bottom: 1px solid rgba(55,52,52,.1);
	    display: none;
	    overflow: visible;
	}
	.mobhd .logo{
		width: 200px;
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
	}
	.mobhd .nav-bar{
		width: 40px;
		height: 35px;
		left: 30px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		position: absolute;
		background-size: 100% auto;
		cursor: pointer;
	}
	.mobhd .nav-bar .line{
		position: absolute;
		width: 100%;
		height: 6px;
		background-color: #373434;
		border-radius: 10px;
	}
	.mobhd .nav-bar .line2{
		top: 50%;
		transform: translateY(-50%);
	}
	.mobhd .nav-bar .line3{
		top: 100%;
		transform: translateY(-100%);
	}
	.mobhd .car-nav-btn{
		right: 30px;
		top: 0;
		height: 100%;
		position: absolute;
		text-align: center;
		cursor: pointer;
	}
	.mobhd .car-nav-btn span{
		font-size: 22px;
		color: #373434;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.1;
	}
	.mobhd .car-nav-btn span .line{
		width: 100%;
		height: 1px;
		background-color: #373434;
	}
	.mobhd .mobhd-subnav{
		position: absolute;
		top: 100%;
		left: 0%;
		height: calc(100vh - 100%);
		width: 80%;
		background: #fff;
		padding: 25px 30px;
		text-align: left;
		opacity: 0;
		transition: all .4s ease;
		transform: translateX(-100%);
		line-height: 2;
	}
	.mobhd .mobhd-subnav.show{
		opacity: 1;
		transform: translateX(0%);
	}
	.mobhd .mobhd-subnav .lang{
		font-size: 30px;
		font-family: 'Arial';
		color: #404040;
		text-transform: uppercase;
	}
	.mobhd .mobhd-subnav .mobhd-search{
		width: 100%;
		border: 1px solid #b6b5b5;
		line-height: 1;
		position: relative;
	}
	.mobhd .mobhd-subnav .mobhd-search input[type="text"]{
		font-size: 24px;
		color: #888888;
		line-height: 70px;
		height: 70px;
		padding: 0 80px 0 24px;
		width: 100%;
	}
	.mobhd .mobhd-subnav .mobhd-search input[type="submit"]{
		position: absolute;
		right: 20px;
		top: 0;
		width: 22px;
		height: 100%;
		background: url('../img/search-ico2.png') no-repeat center/100% auto;
	}
	.mobhd .mobhd-subnav .scrool-box{
		height: calc(100% - 150px);
		overflow: auto;
	}
	.mobhd .mobhd-subnav .scrool-box li{
		border-bottom: 1px solid #efefef;
	}
	.mobhd .mobhd-subnav .scrool-box .li-tit{
		display: block;
		font-size: 30px;
		line-height: 100px;
		height: 100px;
	}
	.mobhd .mobhd-subnav .scrool-box div.li-tit{
		background: url('../img/down4.png') no-repeat right center/21px auto;
	}
	.mobhd .mobhd-subnav .scrool-box .li-con{
		display: none;
		padding-bottom: 40px;
	}
	.mobhd .mobhd-subnav .scrool-box .li-con a{
		font-size: 24px;
		display: block;
		line-height: 2;
		padding-left: 1em;
	}
	#carmodel header{
		transform: none !important;
	}
	header nav .item{
		margin: 0 10px;
	}
	header nav .item .item-tit{
		font-size: 12px;
	}
	header .logo{
		width: 144px;
	}
	header .car-list-nav .right-nav-tit{
		font-size: 26px;
	}
	footer .footer-top ul{
		float: none;
	}
	footer .footer-top .r-side{
		float: none;
	}
	footer .footer-bot{
		padding: 20px 0 10px;
		line-height: 2;
	}
	footer .footer-bot select{
		margin-top: 5px;
		float: none;
	}
	footer .footer-top .link-box{
		margin-top: 25px;
	}
	#main h3.tit{
		font-size: 26px;
	}
	#main .wrap1 .box{
		width: 80%;
		margin: 36px auto 0;
	}
	#main .wrap1 .box .videobox{
		width: 100%;
	}
	#main .wrap1 .box .newsitem{
	    width: calc(50% - 10px);
	    margin: 20px 0 0 0;
	}
	#main .wrap1 .box .newsitem:nth-child(2n+1){
		margin-left: 20px;
	}
	#main .wrap2 .item-navlist li a .ico{
		width: 55px;
		height: 55px;
		background-size: 32px auto;
	}
	#main .wrap2 .item-navlist li a .ico:after{
		width: 74px;
		height: 74px;
		margin: -37px 0 0 -37px;
	}
	#main .wrap2 .item-navlist li a .item-tit{
		font-size: 12px;
		padding-top: 1em;
	}
	#main .wrap2 .item-navlist{
		padding-top: 28px;
	}
	#main .wrap2 .item-imgs li{
		width: 100%;
	}
	#main .wrap2 .item-imgs li + li{
		padding-top: 20px;
	}
	#main .wrap2 .item-imgs li a .text{
	    background-color: rgba(0,0,0,.72);
	}
	#main .wrap2 .item-imgs li .hideenbox{
		max-height: 120px;
	}
	#main .wrap2 .wrap{
		width: 90%;
		margin: 0 auto;
	}
	#carmodel .fix-car-nav-box{
		display: none;
	}
	#carmodel .wrap2 .swiper-slide{
		width: calc(50% - 30px);
	}
	#carmodel .wrap3 .li-text .text-tit{
		font-size: 16px;
	}
	#carmodel .wrap4 .swiper-container .text-tit{
		font-size: 16px;
	}
	#carmodel .wrap4{
		padding-bottom: 50px;
	}
	#carmodel .wrap5 .swiper-slide .imgs .text{
		font-size: 16px;
	}
	#carmodel .wrap6 .tapbar .swiper-slide{
		min-width: 140px;
		font-size: 14px;
		margin: 0 12px;
	}
	#carmodel .wrap6 .taplist .text{
		font-size: 16px;
		padding: 18px 5%;
	}
	#carmodel .wrap9 .wrap{
		padding-top: 6px;
	}
	#carmodel .wrap9 .wrap .inpitem{
		width: 50%;
	}
	#carmodel .wrap9 .wrap .inpitem + .inpitem{
		width: 50%;
	}
	#carmodel .wrap9 .wrap .selectbox{
		width: 50%;
		margin-top: 12px;
	}
	#carmodel .wrap9 .wrap .subinp{
		width: 50%;
		margin-top: 12px;
	}
	#carmodel .fix-car-nav{
		display: none;
	}
	#carmodel .wrap1 .box .lookside{
		display: none;
	}
	#carmodel .wrap1 .box .logo360{
		top: 100px;
	}
	#carmodel .testdri-btn{
		width: 170px;
	}
	#carmodel .testdri-btn span{
		font-size: 12px;
	}
	#aftersale h3.tit{
		font-size: 26px;
	}
	#aftersale .wrap1 li .radio{
		width: 50px;
		height: 50px;
		background-size: 30px auto;
	}
	#aftersale .wrap1 li .span{
		font-size: 12px;
	}
	#aftersale .wrap1 li .radio:after{
		width: 66px;
		height: 66px;
		margin: -33px 0 0 -33px;
	}
	#aftersale .wrap1 ul{
		margin-top: 26px;
	}
	#aftersale .wrap1 ul:before{
		top: 26.5px;
	}
	#aftersale .wrap1 li:after{
		top: 28px;
	}
	header nav .item .hover-box .hover-wrap .hover-tit{
		display: none;
	}
	header nav .item .hover-box .hover-wrap ul{
		width: 100%;
		border-left: none;
	}
	#summary .yearsld.swiper-container .swiper-button-prev, #summary .yearsld.swiper-container .swiper-button-next{
		top: 63px;
	}
	#summary .yearsld.swiper-container .swiper-button-next{
		top: 64px;
	}
}