﻿    /*
    Theme Name: 商用汽车之家
    Theme URI: https://www.autoczd.com
    Description:商用汽车之家 公司企业主题
    Author: 商用汽车之家
    Author URI: https://www.autoczd.com
    Version: 1.0
    Tags: 企业主题
    */
	
	

/* CSS Document */
/*重置浏览器*/
*{margin:0;padding:0;}
ul,ol,li{list-style:none;}
body{font-family:微软雅黑;font-size:14px;;background:#FFF;min-width:1200px;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
#wenzilian li a:hover{color:#C00}
#lie2 h3 a:hover,#lie2 li a:hover,#lie3 h3 a:hover,#lie3 li a:hover,#lie4 h3 a:hover,#lie4 li a:hover,#lie6 h3 a:hover,#lie6 li a:hover,
#biao2 h3 a:hover,#biao2 li a:hover,#biao3 h3 a:hover,#biao3 li a:hover,#biao4 h3 a:hover,#biao4 li a:hover,#biao6 h3 a:hover,#biao6 li a:hover,
#dan2 h3 a:hover,#dan2 li a:hover,#dan3 h3 a:hover,#dan3 li a:hover,#dan6 h3 a:hover,#dan6 li a:hover{color:#C00}


/*头部样式*/
#head{min-width:1200px;margin:0 auto;}
#logoo{width:1200px;height:130px;margin:0 auto;padding:25px 0 0px;position:relative;box-sizing:border-box;text-align:center;}
#logo{display:inline-block;float:left;margin-left:50px;}
#other{display:inline-block;float:right;margin:30px 30px 30px 30px}
#other input[type="text"]{display:inline-block;width:220px;height:42px;border: 1px soild #7292af; box-sizing:border-box;color:#eef1f4;background:#FFF} 
#other input[type="button"]{display:inline-block;width:77px;height:42px;color:#FFF;background:#7292af;font-size:18px;font-weight:bold;border: 1px soild #7292af; box-sizing:border-box;;}


nav{width:100%;height:60px;background:#7292af;}
nav li{display:inline-block;height:60px;line-height:60px;width:;text-align:center;padding: 0 23px;}
nav ul{margin:0 auto;text-align: center;}
nav li a{color:#FFF;font-size:20px;}
nav li:hover{background:#104976;}

#car{width:1200px;height:170px;margin: 10px auto;margin-bottom:8px;overflow:hidden;}

#search{width:300px;height:100%;display:inline-block;margin-left:10px;float:left;}
#search h3{height:40px; line-height:40px;font-size:16px;font-weight:bold;color:#000}
#car_supply{width:230px;height:30px;overflow:hidden;}
#search form{margin:5px 1px 5px 5px;height:40px; line-height:40px;font-size:16px;}
input[type="button" i]{height:30px;width:100px;margin-top:5px;}


.table_card .tabCon>div { display:none}
.table_card .tabCon>.active { display:block}
.table_card .www .active {background:#FFF;color:#4880d4}
#carname{width:822px;height:160px;display:inline-block;border: 1px solid #ccc;float:right;}
ul.www{width:822px;height:40px;line-height:40px;display:inline-block;overflow:hidden;background:#f5f5f5;}
ul.www li{display:inline-block;padding:0 47px;font-size:16px;color:#222;font-weight:bold;}
ul.www li:nth-child(9){border-right:none;}
ul.www li.hover {color:#eef1f4;background: #667e94;}
#chetu1{width:100%;height:116px;padding:0px 10px;box-sizing:border-box;overflow:hidden;}
#chetu1 li{width:100%;height:30px;float:left;padding:5px 10px;box-sizing:border-box;overflow:hidden;}
#chetu1 li h3{display:inline-block;float:left;margin-right:20px;font-weight:bold;}
#chetu1 li a{margin-right:13px;color:#104976;}
#chetu1 li a:hover{color:#C00;}





/*主体样式*/
#zhuti{width:1200px;margin:0 auto;}
#liebiao1{width:1200px;margin:10px auto;height:346px;overflow:hidden}

#jiaodian{width:59%;display:inline-block;height:346px;margin:5px 5px;overflow:hidden;}

/*换灯片*/
.com_box{width:694px;height:346px;overflow:hidden;position:relative;}
.com_box img{width:694px;height:346px;}
.babati{width:240px;height:25px;position:absolute;bottom:10px;left:5px;}
.babati a{color:#F00;font-size:16px;}
.com_box ul.title li.on{background:#7292af;}
.com_box ul.title {position:absolute;bottom:10px;right:5px;z-index:9;}
.com_box ul.title li{counter-increment:listxh;display:inline-block;border-radius:12px;background: #000;}
.com_box ul.title li:before{content:counter(listxh);display:inline-block;text-align:center;color:#fff;width:24px;height:24px;line-height:24px;font-weight:600;font-size:11px;font-family: "微软雅黑";}


#wenzilian{width:40%;height:346px;display:inline-block;overflow:hidden;float:right;}
#wenzilian li{display:inline-block;padding-left:10px;height:30px;line-height:30px;width:220px;overflow:hidden}
.lan a{color:#000;font-size:16px;}
.hong a{color:#F00;font-size:20px;font-weight:bold;}



#liebiao2{width:1200px;margin:10px auto;}
#lie2{width:32%;height:500px;display:inline-block;;overflow:hidden;}
#biao2{width:34%;height:500px;display:inline-block;overflow:hidden;border: 1px #E9E9E9 solid;background: #F9F9F9;}
#dan2{width:32%;height:500px;display:inline-block;;overflow:hidden;}
#lie2 time{float:right;padding-right:10px;box-sizing:border-box;}
#biao2 h3,#lie2 h3,#dan2 h3{height:40px;line-height:40px;padding-left:10px;;box-sizing:border-box;}
#biao2 h3 a,#lie2 h3 a,#dan2 h3 a{font-size: 20px;font-weight: bold;color: #222;}
#biao2 li,#lie2 li,#dan2 li{padding-left:10px;height:30px;line-height:30px;}
#lie2 li a,#biao2 li a,#dan2 li a{color:#000;font-size:16px;}
#biao2 li:nth-child(1),#lie2 li:nth-child(1),#dan2 li:nth-child(1),#biao2 li:nth-child(2),#lie2 li:nth-child(2),#dan2 li:nth-child(2){width:45%;height:140px;display:inline-block;text-align:center;}

#liebiao4{width:100%;margin:5px auto;height:810px;}
#lie4 time,#biao4 time{float:right;padding-right:10px;box-sizing:border-box;}
#lie4{width:59%;height:100%;display:inline-block;overflow:hidden;}
#biao4{width:39%;height:100%;display:inline-block;float:right;overflow:hidden;}
#lie4 h3,#biao4 h3{height:40px;line-height:40px;padding-left:10px;box-sizing:border-box}
#lie4 h3 a,#biao4 h3 a{font-size: 20px;font-weight: bold;color: #222;}
#biao4 li{padding-left:10px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;}
#lie4 li{padding-left:10px;overflow:hidden;text-overflow:ellipsis;}
#lie4 li a{color:#4880d4;font-size:16px;}
#biao4 li a{color:#222;font-size:16px;}
#biao4 li:nth-child(1),#biao4 li:nth-child(5),#biao4 li:nth-child(9),#biao4 li:nth-child(13),#biao4 li:nth-child(17),#biao4 li:nth-child(21){height:55px;line-height:55px;color:#222;font-weight:bold;}

#xiangtu{display:inline-block;width:240px;height:100%;float:left;margin: 0 10px 0 -8px;}
#xiangti{display:inline-block;width:455px;height:100%;}
#xiangti strong{font-size: 18px;text-align:center;}
#xiang p{width:100%;height: 44px;margin-bottom: 5px;font-size: 14px;line-height: 22px;text-indent:2em;}

#pindao1,#pindao2,#pindao3,#pindao4{width:1200px;height:700px;}
#pindao1 h3,#pindao2 h3,#pindao3 h3,#pindao4 h3{height:45px; line-height:45px;border-bottom: 2px solid #ccc;padding-left:10px;box-sizing:border-box}
#pindao1 h3 a,#pindao2 h3 a,#pindao3 h3 a,#pindao4 h3 a{font-size: 20px;font-weight: bold;color: #222}
.table .pindao .active {background:#FFF;color:#4880d4}
.table .tab>div { display:none}
.table .tab>.active { display:block}

ul.pindao,ul.kache,ul.keche{width:1200px;height:40px;line-height:40px;display:inline-block;overflow:hidden;background:#f5f5f5;}
ul.pindao li,ul.kache li,ul.keche li{display:inline-block;padding:0 20px;font-size:16px;color:#222;font-weight:bold;}
ul.pindao li:nth-child(9){border-right:none;}
ul.pindao li.hover,ul.kache li.hover,ul.keche li.hover{color:#eef1f4;background: #667e94;}

.table1 .kache .active {background:#FFF;color:#4880d4}
.table1 .tab1>div { display:none}
.table1 .tab1>.active { display:block}



.table2 .keche .active {background:#FFF;color:#4880d4}
.table2 .tab2>div { display:none}
.table2 .tab2>.active { display:block}


#dao{width:100%;height:600px;padding:0px 10px;box-sizing:border-box;overflow:hidden;}
#dao li{width:50%;height:150px;float:left;padding:5px 10px;box-sizing:border-box;overflow:hidden;}
#dao li a{color:#4880d4;font-size:16px;}
#dtu{width:240px;height:100%;float:left;margin: 0 10px 0 -8px;}
#dti{width:565px;height:100%;margin: 0 10px 0 -8px;}
#dti strong{font-size: 18px;text-align:center;}
#dao li p{width:100%;height:85px;margin-bottom: 5px;font-size: 14px;line-height: 22px;text-indent:2em;}
#dao time{float:right;padding-right:10px;box-sizing:border-box;}

#shenghuo{width:100%;margin:0 auto;margin-top:10px}
#shenghuo h2{line-height:33px;padding-left:10px;}
#tupian,#shipin{width:100%;border:border: 1px solid #ccc;margin-top:5px;box-sizing:border-box;overflow:hidden;}
#tupian h3,#shipin h3{height:45px; line-height:45px;border-bottom: 2px solid #ccc;padding-left:10px;box-sizing:border-box}
#tupian h3 a,#shipin h3 a{font-size: 20px;font-weight: bold;color: #222}

/*无缝产品滚动*/
.marqueeleft {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{width:200px;}
.marqueeleft li .pic{width:200px;}
.marqueeleft li .pic img{height:100%;width:100%;}
.marqueeleft li{float:left;margin:0 5px;display:inline;height:auto;overflow:hidden;text-align:center;}
.marqueeleft li .pic{display:block;height:auto;padding:10px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:auto;line-height:300px;}
.marqueeleft ul li p{text-align:center;margin: 0 auto;display:inline-block;color:white;padding-top:10px;}
.marqueeleft li a{color:#000;font-size:16px;}
.marqueeleft li a:hover{color:#F00;text-decoration:underline;}


/**底部样式**/
#footer{width:100%;margin:0 auto;margin-top:15px;}
#links{width:1200px;margin:0 auto}
#lian{width:1200px;height:35px;background:#f5f5f5;}
#lian li{display:inline-block;float:left;width:102px;text-align:center;line-height:33px;font-size:18px;}
#you{width:1000px;padding:10px;}
#you li{display:inline-block;}
#you li a{color:#000;font-size:16px;line-height:25px;margin:0 0 0 10px;}
#dibu{width:100%;margin:0 auto;padding:10px 0 0;text-align:center;height:64px;background:#7292af;}
#footer-nav{width:1200px;margin:0 auto;}
#footer-nav li{display:inline-block;line-height:25px;margin-right:10px}
#footer-nav li a{font-size:14px;color:#000;}


nav{width:100%;height:60px;background:#7292af;}
nav li{display:inline-block;height:60px;line-height:60px;width:;text-align:center;padding: 0 23px;}
nav ul{margin:0 auto;text-align: center;}
nav li a{color:#FFF;font-size:20px;}
nav li:hover{background:#104976;}


/*列表页面*/
#list-cont{width:1200px;vertical-align:top;margin:8px auto 8px auto}
#liebiao{width:925px;display:inline-block;vertical-align:top;margin-right:20px;}
#ye{height:42px;line-height:42px;border-bottom:1px solid #aaccee}
#ye p,#ye a{font-size:16px;color:#444444;font-weight:bold;}
#tibiao{margin-top:16px;}
#tibiao li{height:30px;line-height:30px;}
#tibiao li a,#top1 li a,#top2 li a{font-size:14px;color:#444444;}
#tibiao li:nth-child(5),#tibiao li:nth-child(10),#tibiao li:nth-child(15),#tibiao li:nth-child(20){padding-bottom:5px;border-bottom:1px solid #aaccee;boxing-sizing:border-box;}
#tibiao li time{float:right;margin:0 14px;}
#fenye{margin-top:25px}

.pagination{line-height:23px;text-align:center;}
.pagination:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.pagination span, .pagination a{font-size:18px;margin: 2px 16px 2px 0;background:#7292af;border:1px solid #e5e5e5;color:#455767;padding:4px 8px 4px 8px;text-decoration:none;}
.pagination a:hover{background: #8391A7;border:1px solid #fff;color:#fff;}
.pagination .current{background:455767;border:1px solid #8d8d8d;color:#fff;font-size:18px;padding:4px 8px 4px 8px;;}

#bianlan{width:250px;vertical-align:top;display:inline-block;float:right}

#top1 h3,#top2 h3{height:42px;line-height:42px;border-bottom:1px solid #aaccee;font-weight:bold;margin-bottom:16px;}
#top2{margin-top:20px;}
#top2 li,#top1 li{counter-increment:listxh;height:22px;line-height:22px;width:100%;text-overflow:ellipsis;margin-top:15px;overflow:hidden;white-space:nowrap;}
#top1 li:before{content:counter(listxh);width:19px;height:22px;line-height:22px;text-align:center;background:#444;color:#FFF;display:inline-block;margin-right:4px;}
#top2 li:before{content:counter(listxh);width:19px;height:22px;line-height:22px;text-align:center;background:#7292af;color:#FFF;display:inline-block;margin-right:4px;}


/* 内容页 */
#zhang{width:1200px;vertical-align:top;margin:8px auto 8px auto}
#wenzhang{width:925px;display:inline-block;vertical-align:top;margin-right:20px;}
#miaobaoxie{height:42px;line-height:42px;overflow:hidden;}
#miaobaoxie p,#miaobaoxie a{font-size:16px;color:#444444;font-weight:bold;}
#wen{padding:20px 20px 0 20px;margin-bottom:10px;border:1px solid #d1d0d0;}
#wen h1{color:#000;font-size:18px;margin:0 0 10px 0;text-align:center;font-size:22px;font-weight:normal;line-height:35px;}
#wen h5{font-weight:normal;color:#000;padding: 0 0 15px 0;margin: 0 0 10px 0;text-align:center;font-size:14px;line-height:0;border-bottom: 1px solid #d1d0d0;}
#content{color:#000;font-size:16px;line-height:2em;margin-bottom:30px;}
#content p{color:#000;font-size:16px;line-height:2em;text-indent:2em;margin-top:10px;}
#content img{display:block;max-width:100%;height:auto;margin:10px auto}
#shengming{padding:10px 0 10px 65px;font-size:12px;line-height:18px;border-top:1px solid #d1d0d0;}
#shengming p;#shengming h6{display:inline-block;}
#shengming h6{font-weight:normal;font-size:12px;float:left;width:65px;margin:0 0 0 -65px;}
#shangxia{padding:30px 20px 10px 20px}
#shangxia h6{color:#000;font-size:16px;line-height:1.6em;}
#shangxia h6 a{color:#000;}
#shangxia h6 a:hover{color: #c00}