@charset "utf-8";

/* CSS Document powed by wizan.cn*/

body{ background:#fff;padding:0 auto; font-size:12px; color:#000; line-height:135%;font-family:Arial, Helvetica, sans-serif; margin:0 auto;}

a{ text-decoration:none; color:#903;}

a:hover{ text-decoration:underline;}

.area{ width:960px; margin:0 auto; }

.noTxt{ text-indent:-9999px; overflow:hidden;  }

.cRed{ color:#aa0030;}

.fB{ font-weight:bold;}





.top{height:287px; overflow:hidden; position:relative; top:0; left:0; z-index:-1;background:url(../images/top2.jpg) no-repeat center top;}

.top .logo{ float:left;width:323px; background:url(../images/logo.gif) 0 0 no-repeat; height:144px;}

.blk18{ display:block; clear:both; height:18px; overflow:hidden;}

.mg18{margin-bottom:18px;}



.topLinks{overflow:hidden;background: url(../images/headline_home.gif) 0 50% no-repeat; line-height:150%;margin-top: 10px;}

.topLinks .col1{width:323px;  }


.topLinks .col2{}


.topLinks .col2 ul li{ float:left; margin-right:22px; }

.topLinks .col2 ul .tel{ float: left;
font-family: Microsoft Yahei;
font-size: 16px;
margin-top: 7px;
width: 200px;
margin-right: 20px;
*margin-right: 0px;
color: #aa0030;}

.topLinks .col2 a{color:#aa0030;}



.top .banner,

.topLinks .col2{width: 634px;
float: left;
margin-left: 340px;
margin-top: -10px;}

.topLinks .col2 ul{}

.topLinks .col2 ul li{ float:left; margin-left:20px;}


.local{ background:#E5E5E5;height:17px; line-height:17px; margin-bottom:22px; padding:1px 0;margin-top: 10px;}

.local span{ padding-left:18px;font-weight:bold; color:#AA0030;}


.local1{ background:#E5E5E5;height:17px; line-height:17px; margin-bottom:22px; padding:1px 0;margin-top: 10px;width: 670px;
float: left;}

.local1 span{ padding-left:18px;font-weight:bold; color:#AA0030;}




.con,

.con .colL,

.con .colR,

.con .col2,

.con .col3{ overflow:hidden;}



.con{width: 705px;	padding-right:25px;padding-left: 220px;position: relative;	overflow: hidden;	zoom:1;	height:auto; margin-bottom:20px; min-height:300px;}

.con .colL{width:180px; position:absolute; left:0; top:0;}

.con .col2{width: 700px;
float: left;
overflow: hidden;

}

.con .col3{width:210px; float:right;}



.con2{min-height: 500px;overflow: hidden;	zoom:1;	height:auto;}

.con2 .colL{ float:left;width:210px;}

.con2 .colR{ float:right;width:705px; padding-left:10px;}



.conWelcome{ overflow:hidden; margin-bottom:18px;zoom:1; height:auto}

.conWelcome .column1{ float:left; width:325px;}

.conWelcome .column2{ float:right; width:325px;}

.conWelcome .column1 a{ text-decoration:none; color:#000;}

.conWelcome .column2 a{ text-decoration:none; color:#000;}



.sidePic li{ margin-bottom:10px;}



.picList3{width:700px; overflow:hidden; margin-top:5px}

.picList3 li{ float:left; margin-right:30px; width:145px; overflow:hidden; text-align:center; margin-bottom:15px; }

.picList3 li a{color:#000;}


.sideMenu{border-top:1px solid #c6c6c6}

.sideMenu h4{border-bottom:1px solid #c6c6c6; padding:2px 2px 2px 0; cursor:pointer; font-weight:100}

.sideMenu h4 a{ color:#000; padding-left:18px;}

.sideMenu h4 a:hover{ color:#ad001f;}

.sideMenu .current a{background:url(../images/arrow_big.gif) 0 50% no-repeat}

.sideMenu h4 a:hover{background:url(../images/arrow_big.gif) 0 50% no-repeat; text-decoration:none;}

.sideMenu .current a{ color:#AA0020}



.sideMenu ul{ background:#f2f2f2; display:none}

.sideMenu ul li{border-bottom:1px solid #c6c6c6; padding:2px 2px 2px 30px;}

.sideMenu ul li a{ color:#000;}

.sideMenu ul .current a{color:#ad001f; background:none; text-decoration:none;}

.sideMenu ul li a:hover{ color:#ad001f;}



.pageTitle,h2{ font-family:Arial,Helvetica,sans-serif;font-size:21px; font-weight:bold; line-height:27px; margin-bottom:18px;}

.boxTxt .hd{ background:#ECECEC; padding: 8px;font-weight: bolder;}

.boxTxt .bd p{padding-top: 10px;line-height: 150%;}

.more{padding-left:10px; color:#aa0030;}



.newsBox .hd{ margin-bottom:18px;}

.nList{ overflow:hidden;}

.nList li{ margin-bottom:18px;}

.nList li .time{ font-size:11px; line-height:11px;}

.nList li h5{ font-weight:bold;}



.nListPic li{ overflow:hidden; min-height:73px; margin-bottom:18px; height:auto; clear:both;vertical-align:middle}

.nListPic li a{ color:#000;}

.nListPic li .column1{ width:120px; overflow:hidden; float:left;width:120px}

.nListPic li .column2{float: left;width: 515px;margin-left: 30px;line-height: 200%;}

.nListPic li .time{font-size:11px; line-height:11px;}

.nListPic li h5{display:block;height:20px; overflow:hidden}

.nListPic li .introduction{ line-height:12px;}



.listPic li{ overflow:hidden; padding-left:125px; position:relative; min-height:70px; margin-bottom:18px;}

.listPic li a{ color:#000;}

.listPic li .column1{ width:120px; overflow:hidden; position:absolute; left:0; top:0;}

.listPic li .time{font-size:11px;}

.listPic li h5{ font-weight:bold; display:block; height:18px; overflow:hidden;}

.listPic li .newsIntroduction{height:33px; overflow:hidden; display:block; color:#666; line-height:200%}

.newsIntroduction{height:50px; overflow:hidden; display:block; color:#666; line-height:150%}

.footer{ border-top:1px solid #c6c6c6; padding-bottom:20px;}

.footer p{ 
text-align: center;

padding-top: 8px;
}

.footer p a{ color:#903; margin-left:20px;}

 

#page{margin-bottom:20px; overflow:hidden; float:right; margin-right:18px;}

#page ul li{ float:left; margin-right:10px;}

#page ul li a{text-align:center; border:1px solid #C6C6C6; line-height:25px; padding:3px 6px;}

#page ul li a:hover{ background:#f2f2f2;}

#page ul .current a,

#page ul .current a:hover{ background:#903; color:#fff;border-color:#903; cursor:no-drop}

#page .jump{ float:right; overflow:hidden;}

#page .jump .input{border:1px solid #C6C6C6; padding:3px; width:20px; text-align:center; float:left; margin:0;}

#page .jump .btnSubmit{ background:#AD001F; color:#fff; font-weight:bold; width:12px;padding:3px; line-height:18px; display:block; float:right; vertical-align:middle;}



.page2{margin-bottom:20px; overflow:hidden;}

.page2 ul,.page2{height:auto; zoom:1;}

.page2 ul li{ float:right; margin-left:10px;}

.page2 ul li a{text-align:center; color:#fff;line-height:25px; padding:3px 6px; background:#BA1128; text-decoration:none}

.page2 ul li a:hover{ background:#000;}



.back{ margin-bottom:20px;}

.back a{ color:#903; margin-right:15px;}

a.print{ background:url(../images/print.gif) 0 50% no-repeat; padding-left:18px;}



.dataTime{ margin-bottom:1em;}

.txtArea p{ margin-bottom:1em;}

.txtArea{ line-height:150%; margin-bottom:20px;}



.jobTableHead{border-bottom:1px solid #ccc; padding-left:144px; overflow:hidden; margin-bottom:20px; font-weight:bold; padding-bottom:3px; height:auto;zoom:1;}

.jobTableHead .column1{width:210px; float:left; margin-left:-112px; }

.jobTableHead .column2{width: 100px;float: left;text-align: right;margin-left: 130px;}



.jobList{ overflow:hidden; margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:10px; height:auto;zoom:1;}

.jobList dt{ float:left; width:144px; font-weight:bold;}

.jobList dd{ float:right; width:500px;}

.jobList dd ul{ overflow:hidden;border-bottom:1px solid #E6E6E6; }

.jobList dd ul li{ float:left; width:200px; padding:2px 0;}

.jobList dd ul li a{ color:#000;}

.jobList dd ul .where{ float:right; width:100px; margin-left:10px; text-align:right}

.jobList dd p{ color:#666; padding-top:10px; display:block;}



.position{ color:#BA1128; font-size:18px; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:7px;}

.boxJobs{ margin-bottom:28px;}

.boxJobs .bd{padding:0 0 10px 0;}

.boxJobs .titles{border-bottom:1px solid #e6e6e6; background:url(../images/arrow_big.gif) 0 50% no-repeat; display:block; padding:3px 0 3px 23px; margin-bottom:10px;}



.salesPartner{overflow:hidden; border-top:1px solid #c6c6c6; padding-bottom:10px; margin-bottom:15px; padding-top:5px;}

.salesPartner .pic{float:left;width:173px; padding-right:15px; margin-top:20px;}

.salesPartner .conArea{float:left; width:500px;}

.salesPartner .conArea .contactInfo{ padding-top:35px; height:auto; }

.salesPartner .conArea .contactInfo ul{}

.salesPartner .conArea .contactInfo ul li{ float:left; line-height:180%; width:100%;}

.salesPartner .conArea .cityName{ color:#AD001F; font-weight:bold;}

.salesPartner2{border-top:1px solid #c6c6c6; padding-top:5px;padding-bottom:20px; }

.salesPartner2 h5{ display:block; background:url(../images/arrow_big.gif) 0 50% no-repeat; padding-left:20px; font-weight:bold; font-size:14px; line-height:24px; }



.formMessage{ margin:28px 0; background:#E2E3E4; padding:10px; padding-right:0;}

.formMessage .radio1{ vertical-align:middle;}

.formMessage .input1{border:1px solid #121D25; background:#fff; width:207px;}

.formMessage .inputArea1{border:1px solid #121D25; background:#fff; width:430px; height:53px;}



.formMessage ul{ overflow:hidden; zoom:1; height:auto}

.formMessage ul li{ float:left; margin-right:10px;width:210px; overflow:hidden}

.formMessage ul li label{ display:block;}



.formMessage .btnArea{ text-align:right; padding-top:10px; overflow:hidden;}

.formMessage .btnArea a{ display:block; width:60px; color:#fff; background:#AA0020; float:right; text-align:center; margin-right:10px; font-weight:bold}

.links select{ float:left; vertical-align:middle}

.links a{display:block; color:#fff; background:#AA0020; width:35px; text-align:center; padding:2px 0; float:left; vertical-align:middle; margin-top:2px; cursor:pointer}





.proReco dt{border-bottom:1px solid #c6c6c6; font-weight:bold; padding:5px 0;}

.proReco dd{ overflow:hidden; margin-bottom:18px; padding-top:1px; background:#e5e6e7; padding-bottom:10px;zoom:1;height:auto}

.proReco dd img { float:left;}



.contents{ overflow:hidden; margin-bottom:15px}

.contents li{ float:left; width:50%; margin-bottom:18px;}

.contents li h4{margin-bottom:8px}



.truckSelect dt{ font-weight:bold; color:#BA1128;padding:2px 18px; text-align:left; background:#f2f2f2; overflow:hidden}

.truckSelect dt span{ font-size:11px; color:#000; font-weight:100; float:right}

.truckSelect dd{padding:10px 0 10px 18px;}

.truckSelect ul li{ float:left; width:40%; margin-bottom:5px;padding-left:15px; background:url(../images/icon_select.gif) 0 -20px no-repeat; cursor:pointer}

.truckSelect ul .noselect{ background-position:0 2px;}

.truckSelect ul{ overflow:hidden;height:auto; zoom:1;}



.pList{ overflow:hidden;width:720px;}

.pList li{ float:left; width:170px; overflow:hidden; margin-right:9.5px; margin-bottom:10px;height:190px;}

.pList li a{ color:#000; text-decoration:none}

.pList li .imageArea{width:169px; height:128px;background:#E2E4E7; overflow:hidden; text-align:center}

.pList li .imageArea img{ height:128px !important; margin:0 auto;}

.pList li .txtCon{padding-top:5px; line-height:18px}

.pList li a:hover .txtCon p{ color:#aa0030}

.pList li .txtCon p{ color:#aa0030; background:url(../images/arrow_small.gif) 0 48% no-repeat; padding-left:15px; display:block}



.pList2{ overflow:hidden;width:730px;}

.pList2 li{ float:left; width:145px; overflow:hidden; margin-right:30px; margin-bottom:10px;height:170px;}



.pList2 li a{ text-decoration:none; color:#aa0030}

.pList2 li .imageArea{width:145px; height:100px; text-align:center; /*background:#E2E4E7*/}

.pList2 li .imageArea img{height:100px; margin:0 auto;}

.pList2 li .txtCon{padding-top:5px; color:#000; text-align:center; }



.proName{ font-size:16px; color: #ad001f; font-weight:bold; font-family:Microsoft Yahei; margin-bottom:16px;}

.proDeailed dt{ background:url(../images/arrow_big.gif) 0 50% no-repeat;  font-weight:bold; color:#AD001F; padding:3px 0;padding-left:20px; border-bottom:1px solid #E6E6E6}

.proDeailed dd{ padding:20px 0; margin-bottom:8px;}

.proDeailed dd img{/*max-width:455px;*/ max-width:700px;}

/*
.proDeailed dd table{border: 1px solid #333;}

.proDeailed dd table tr{border: 1px solid #333;}

.proDeailed dd table td{padding:3px;border-right: 1px solid #333;}
*/

.proDeailed dd table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
.proDeailed dd table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.proDeailed dd table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}





.rangeArea{width:146px;}



.network{width:584px; text-align:left}

.network .hd{border-bottom:1px solid #fff; background:#e9e5e4 url(../images/north.jpg) right 0 no-repeat;height:97px;}

.network .hd h1{ font-size:21px; font-family:Microsoft Yahei; padding-top:25px; padding-left:20px; line-height:24px; font-weight:100;}

.network .hd h1 span{ font-family:Verdana, Geneva, sans-serif}

.network .bd{ background:#E4E6E7; overflow:hidden}

.network .bd .col1{ float:left;width:285px; }

.network .bd .col1 .txtCon,

.network .bd .col2 .txtCon{padding:10px;padding-top:18px;}

.network .bd .col1 .txtCon h4{ font-size:16px; color:#BB0409}

.network .bd .col2{ float:right;width:298px;border-left:1px solid #fff; min-height:250px;}





.searchBox{margin-bottom:18px; background:#E2E3E4; padding:20px;}

.searchBox ul,.searchBox ul li{ overflow:hidden;}

.searchBox ul li label{ display:block; float:left; width:120px;}

.searchBox ul li{ margin-bottom:3px;}

.searchBox ul li .input1{border:1px solid #121D25; background:#fff;width:200px; float:left}

.searchBox ul li a{ display:block; font-weight:bold; background:#AA0020; color:#fff; padding:0 10px;width:30px; text-align:center; margin-left:120px;}



.tbl121{ border-collapse:collapse}

.tbl121 .td1{ background:#E5E5E5;}

.tbl121 td{border-bottom:1px solid #C6C6C6; background:#fff; padding:2px;}





























/*other*/





/* tooltip design */

.ToolTips { display:block; position:absolute; width:404px; }

.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }

.ToolTips .message { display:block; position:relative; background:url(../images/tip_body.png) repeat-y; padding:0px 10px; }



/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */

.ToolTips .dockBottomHeader, 

.ToolTips .dockTopFooter { display:block; position:relative; background:url(../images/dockBottomHeader.png) no-repeat bottom; height:33px;  }

.ToolTips .dockTopFooter { background:url(../images/dockTopFooter.png) no-repeat bottom; height:38px; }



.ToolTips .dockBottomFooter,

.ToolTips .dockTopHeader { display:block; position:relative; background:url(../images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }

/* this one has more height to display the close button in case sticky tooltips are on */

.ToolTips .dockTopHeader { background:url(../images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }



* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockBottomHeader.png'); }

* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockBottomFooter.png'); }

* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockTopHeader.png'); }

* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockTopFooter.png'); }

* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fileclose.png');  }



/* this is just a div displaying the loading animated .gif */

.loading { display:block; margin:0px auto 0px; background:url(../images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }



/* tip container */

.tipContainer { display:none; }



/* beautify the tooltip content */

.ToolTips .message { font-size:12px; text-align:justify; }

.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }

.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }



.picList{overflow:hidden; zoom:1; clear:both; margin-bottom:10px;}

.picList .picArea{ float:left; width:200px; height:100px; overflow:hidden;}

.picList .infoArea{ float:left; width:246px; margin-left:15px;}

.picList .infoArea .title{ font-size:14px; color:#ad001f; margin-bottom:5px;}



.redbgTitle{ background:url(../images/bg_con_title.gif) 0 0 no-repeat;height:32px; line-height:32px; padding-left:12px; color:#fff; font-size:14px; font-family:Microsoft Yahei; margin-bottom:20px; font-weight:100;}



.dlRedtitle{ overflow:hidden; zoom:1; margin-bottom:10px;}

.dlRedtitle dt{float:left; width:130px; color:#cb2e1b; font-weight:bold;}

.dlRedtitle dd{ float:right;width:300px;}



.tbl1 { border-collapse:collapse}

.tbl1 td{ background:#fff; border:1px solid #000; padding:5px; vertical-align:middle; text-align:center}

.newprotit{ border-bottom:1px solid #ccc; margin:0 auto;width:960px;  overflow:hidden; font-weight:bolder; background: url(../images/222b.png) no-repeat;
background-position: 85px -2px;
height: 40px;}




/* 本例子css */
.picScroll-left{ width:960px;  overflow:hidden; position:relative; margin:0 auto; padding-left: 20px;  }

.picScroll-left .hd{ overflow:hidden;  height:30px; /*background:#f4f4f4;*/ padding:0 10px;  }

.picScroll-left .hd .prev{ display:block;  width:11px; height:21px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/butt-left.gif") no-repeat;
	 position: absolute;
left: 0px;
top: 55px;
}

	 
.picScroll-left .hd .next{display:block;  width:11px; height:21px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/butt-right.gif") no-repeat;position: absolute;
right: 0px;
top: 55px;}	 
	 
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-left .hd ul li{ float:left;  width:11px; height:21px; overflow:hidden; margin-right:12px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }

.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ margin-top:25px;   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{ width: 120px;
background: #F5F5F5;
display: block;
color: #3E3E3E;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
font: bold 12px/24px Verdana, Arial;
text-align: center;
cursor: hand;
margin-top: -24px;
margin-left: 3px;
  }
.picScroll-left .bd ul li .title a{color: #3E3E3E;}

.picList
{width: 900px;
overflow: hidden;
padding: 0px;
margin: 0px;
left: 0px;
}

.picListd
{width: 900px;
overflow: hidden;
}

.contents1 {
overflow: hidden;
margin-bottom: 15px;
}

.contents1 li {
float: left;
width: 33%;
margin-bottom: 18px;
}