@charset "utf-8";
/* CSS Document */

body{background-color: #f5f5f5;}

.lists h3{padding-top: 0px; }
.lists h3 span{ display: inline-block; border-bottom: 2px solid #000; }

.lists.esc .list2 .txt {padding-left: 6.723%;}
.list2.dynamic .txt {padding-left: 6.723%;}
.lists_con.m2 .recom_pic{float: right;}
.lists_con.m2 .list1{float: left;}
.mod-bner-img img{width: 100%;}

select { border: solid 1px #e7e7e7; border-radius: 2px; background: url(../images/icon5.gif) no-repeat scroll right center transparent; font-size: 14px; height: 40px; padding:5px 10px; padding-right: 28px; margin-right: 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand { display: none; }

.list_dealer ul li{float:left; width: 49.2%; margin-top: 20px; border: 1px solid #eee;}
.list_dealer ul li.s2{float: right;}
.list_dealer ul li:hover{border: 1px solid #f0f0f0; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e6e6e6;
	-webkit-box-shadow: #bbb 0px 3px 20px; -moz-box-shadow: #bbb 0px 3px 20px; box-shadow: #ccc 0px 3px 20px;}
.list_dealer .pic{float: left; padding-right: 20px;}
.list_dealer .title{ color: #444; font-size: 18px; font-weight: bold; padding-top: 20px; line-height: 20px; padding-bottom: 8px;}
.list_dealer .intor{word-break:break-all; font-size: 12px; color: #444; padding-right:2%; line-height: 22px}

@media only screen and (max-width:1440px){
	.mod-bner-img img{width: 120%; margin-left: -10%;}
}


@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.mod-bner{height:420px; background-size:auto 100%;}
	.mod-bner-img img{width: 130%; margin-left: -15%;}
}

@media only screen and (max-width:1000px){
	.mod-bner{height:330px; background-size:auto 100%;}
	.mod-bner-img img{width: 156%; margin-left: -28%;}
	.list_dealer{padding: 0 2%;}
	.list_dealer ul li{width: 100%;}
}

@media screen and (max-width: 768px) {
	.mod-bner{height:330px;}
	.list_dealer .pic{width: 42%; padding-right: 3%;}
	.list_dealer .pic img{width: 100%;}
	.list_dealer .title { font-size: 16px; padding-top: 15px; padding-bottom: 0px; width: 58%; float: left;}
	.list_dealer .intor { padding: 2%; padding-left: 0; line-height: 16px; width: 58%; float: left;}
	select {font-size: 13px;}
}

@media screen and (max-width: 480px) {
	.mod-bner{height:330px;}
	.list_dealer ul li{padding: 2%; margin-top: 10px;}
	.list_dealer .title {padding-top:0; line-height: 2em;}
	.list_dealer .intor{padding: 0;}
}

