html,body {width:100%;height:100%; }

.wrap{width:100%; height:100%; }

.header{display: flex; align-items: center;justify-content: space-between; width:100%;  height:70px; background: #fff; border-bottom: 1px solid #eeee;}
.header h1{margin-left: 20px;}
.header h1 img{width:80%;}
.user_info li{float:left; font-size: 14px; line-height:17px; margin-right: 20px;}

.user_info li button{color:#000;}

.onlineshop{font-size:28px; font-weight: 600;}

.user_info li .login{ background: url(../images/login.png)no-repeat; background-size:15px 17px; height:17px;line-height: 15px; font-size:11px; text-align: right; }
.user_info li .login span{border:1px solid #ddd;padding:0 3px;margin-left:13px; }
.user_info li .logout{background: url(../images/logout.png)no-repeat; background-size:15px 17px; width:15px; height:17px; }

.banner{ max-width:1660px;  margin:0 auto;  }
.banner .main_pic{ margin-bottom: 30px;}
.banner .main_pic img{width:100%;}
.ban_detail{width:1410px; padding:30px 0;margin:0 auto;  box-sizing: border-box; }

.ban_detail p.tit{font-size:34px;line-height: 40px;  font-weight:600; }
.ban_detail p.text{font-size:14px; margin:20px 0; color:#4a4f54; line-height: 20px;font-weight: 500; letter-spacing: 0.5px;}
.ban_detail p.btn{}
.ban_detail p.btn button{width:140px; height:40px;line-height:40px;  font-size:11px; background: #0c121c; color:#fff;}

.container{width:1410px; margin:0 auto;}
.container h2{font-size:24px; font-weight: 600; line-height: 40px;text-align: center; margin-bottom:10px;}

.cont_section{padding:20px; background:#e6e9eb; margin-bottom: 50px;box-sizing: border-box;}
.cont_section2{ margin-bottom: 50px;box-sizing: border-box;}
.cont_section:nth-child(2){display: none;}

.car_cont{display: flex; justify-content: flex-start;  }
.car_box a img{width:320px; margin:0 10px;}
.car_box a img.other_size{width:310px;}
.car_box a:hover img {transition: 0.2s all; filter: brightness(70%);}
.car_box p{text-align: left; font-size:16px;margin:10px 10px 0 10px; margin-top: 10px; font-weight: 600;}

.svo_zone{background:#e6e9eb; width:700px; padding:20px; box-sizing: border-box; margin-left:10px; float:left; }
.svo_zone:first-child{margin-left:0;}
.clear{content: ""; display: block; clear:both;}

.car_cont .car_box:last-child{margin-right: 0}

.icon_area{display: flex;  align-items: center; width:100%; padding:10px 0 60px 0;}
.icon_box{flex:1;   margin-right: 20px;}

.icon_box a{display:flex; align-items: center; justify-content: center; }
.icon_box .icon_txt{margin-left: 20px; font-size:20px; }

.footer{ width:100%; padding:30px 0; border-top: 1px solid #ddd; }
.footer p{font-size:12px; color:#666;line-height:20px;font-weight: 300; }
.footer p br{display: none;}

.footer .f_dealer{width:1410px; margin:0 auto;padding-bottom:20px;}
.footer .f_dealer h4{font-size:14px; font-weight: bold;}
.footer .f_info{width:1410px; border-top: 1px solid #ccc; padding-top:20px; margin:0 auto;}
.footer .f_link{ float:right; padding:20px 0;}
.footer .f_link a{margin-left: 20px; font-size:12px; font-weight: 700;}
.footer .f_link br{display: none;}


table.dealer_info { width:96%; margin:0 auto;}
table.dealer_info th{font-size:12px; font-weight: bold; line-height: 30px;}
table.dealer_info td{font-size:11px; color:#777; }
table.dealer_info td,table.dealer_info th{padding:3px 8px; text-align: left; }   
.m_deal_info{display:none;}

.list_box{position: relative; }
.list_box span{position: absolute; top:-20px; right:0;width:20px;height:20px;line-height:16px;background: #666;  font-size:14px; font-weight: 800; color:#fff;text-align: center;}
.hide{display:none;}
.show{display: block;}
.more{position:absolute; top:-20px; right:0; width:20px;  height:20px; cursor: pointer; z-index: 999;}


@media screen and (max-width:1199px){ 
.header{height:60px; }
.header h1{margin-left: 10px;  }
.header h1 img{width:60px;}
.onlineshop{font-size:22px; font-weight: 600;}

.user_info li{  margin-right: 14px;}
.user_info li a{line-height: 20px;}
.user_info li .login{  font-size:12px;}
.user_info li .login span{border:1px solid #ddd;padding:0 5px; }

.icon_box{  margin:0 20px;}

.icon_box .icon_txt{ font-size:14px; }

.banner{width:100%; }
.ban_detail{width:100%; padding:0 0 20px 30px;}

.ban_detail p.tit{font-size:28px;line-height: 30px; }
.ban_detail p.text{font-size:12px; margin:10px 0 14px 0; line-height: 18px;}
.ban_detail p.btn{}
.ban_detail p.btn button{width:130px; height:36px;line-height:36px;  font-size:11px; background: #000; color:#fff;}

.container{width:100%;}
.container h2{font-size:24px; font-weight: 600; line-height: 40px;text-align: center; margin-bottom:10px;}

.cont_section{padding:20px 10px; }
.cont_section2{ width:100%; padding:0; margin:0; }

.cont_section h2,.cont_section2 h2{font-size: 20px;}

.car_cont{flex-wrap: wrap; justify-content: flex-start; }
.car_box{margin:10px; width:47%;}
.car_box a img{width:100%;margin:0;}
.car_box a img.other_size{width:100%;}
.car_box p{text-align: left; font-size:16px; margin: 10px 0 0 0; font-weight: 600; letter-spacing: -0.5px;}

.cont_section:nth-child(1){display: none;}
.cont_section:nth-child(2){display: block;}
.svo_zone{width:100%;padding:20px 10px 10px 10px; margin-left:0; margin-bottom: 50px;  flex-wrap: wrap; justify-content: flex-start; }

.clear{content: ""; display: block; clear:both;}

.car_cont .car_box:last-child{margin-right: 10px;}

.footer .f_dealer,.footer .f_info{width:100%;padding:30px; box-sizing: border-box; }
table.dealer_info td,table.dealer_info th{font-size:10px;padding:2px 3px;}

}

@media screen and (max-width:767px){ 
.header{height:40px; }
.header h1{margin-left: 10px; width:40px; height:40px; display: flex; align-items: center; }
.header h1 img{width:40px;}
.onlineshop{font-size: 15px; height:20px; line-height: 20px; letter-spacing: -1.5px;}
.user_info li{ font-size: 8px; line-height: 15px; margin-right: 6px; letter-spacing: -1px;}
.user_info li .login{ background-size:13px 15px;  height:15px;line-height: 13px; font-size:8px; }
.user_info li .login span{padding:0 1px; margin-left:10px; }
.user_info li .logout{background-size:13px 15px; width:13px; height:15px; }

.banner{width:100%;}
.banner .main_pic{ margin-bottom: 0 }
.ban_detail{ padding:30px; }
.ban_detail p.tit{font-size:28px;line-height: 30px;}
.ban_detail p.tit br{display: block;}
.ban_detail p.text{font-size:13px; line-height: 16px; font-weight: normal;}

.icon_area{display:block;   border-top: 1px solid #eee;  padding:10px 0;}
.icon_box{width: 100%;  margin-right:0; margin: 30px 0;}
.icon_box img{width:8%;}
.icon_box a{height:30px;  display:flex; align-items: center; justify-content: flex-start; margin-left: 50px; }
.icon_box .icon_txt{margin-left: 20px; font-size:14px; }

.car_box{margin:10px; width:44%;}
.car_box p{text-align: left; font-size:12px; margin-top: 10px; font-weight: 600; letter-spacing: -0.5px;}


.footer{padding:0;}
.footer p {font-size:11px;line-height: 18px;}
.footer p span{display: none;}
.footer p br{display: block;}
.f_dealer h5{font-size:12px; line-height:20px;font-weight: bold;}

.dealer_info{display:none;}
.m_deal_info{display:block;}

.footer .f_link{ float:left; padding:20px 0;}
.footer .f_link a{margin-right: 20px; margin-left: 0; font-size:12px; font-weight: 700; line-height: 20px;}
.footer .f_link br{display: block;}
}