@import url("Layout.css");
@import url("Font.css");
@import url("common.css");

/*main*/
#tran{margin:0px auto; width:1000px; height:100%; background:#fff;}
#tran #tran-l{width:180px; float:left; margin-top:5px;}
#tran #tran-r{width:810px; float:right;margin-top:5px;}

#tran-r #tran-m{width:560px; float:left;}
#tran-r #tran-rr{width:240px; float:right;}

#tran-l #subject{ width:100%; margin:0px auto; background:url(../images/typemid.gif) repeat-y;}
#subject h5{width:100%; height:11px; background:url(../images/typetop.gif) no-repeat center bottom #fff; clear:both;}
#subject h5.tbot{width:100%; height:11px; background:url(../images/typebot.gif) no-repeat center top #fff; clear:both;}

#subject dl{width:22px; float:left;}
#subject dl dt{ text-align:center;writing-mode:tb-lr; color:#fff; font-weight:bold; font-size:12px;}
#subject ul{width:140px; float:left; margin-left:8px;}
#subject ul li{width:100%; text-align:left; height:24px; line-height:24px; text-indent:12px; border-bottom:1px solid #eee;}

#subject ul li a:hover{ background:#ee0000; color:#fff; text-decoration:none;}
#subject ul li.tbt{background:url(../images/submenu_2.gif) no-repeat 6px 5px #f5f5f5; height:24px;line-height:24px; text-align:left; text-indent:20px;text-indent:22px; border:none; font-weight:bold;}

#tran-l #comnew{ width:100%; margin:4px auto; background:url(../images/commid.gif) repeat-y;}
#comnew h5{width:100%; height:24px; line-height:24px; background:url(../images/comtop.gif) no-repeat left bottom #fff; clear:both;}
#comnew h5.combot{width:100%; height:25px; line-height:25px; background:url(../images/combot.gif) no-repeat left top #fff; clear:both;}
#comnew h1{width:90%; height:26px; line-height:26px; text-align:left; text-indent:8px; font-size:14px;}
#comnew h1 span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666;}
#comnew dl{width:90%; margin:4px auto; clear:both;}
#comnew dl dt{width:150px; text-align:center; height:110px;overflow:hidden; margin-bottom:4px;}
#comnew dl dt img{ width:100px; height:110px; padding:1px; border:1px solid #ccc;}
#comnew dl dd{ width:150px; height:auto; line-height:20px; text-align:left; text-indent:18px;}
#comnew dl dd.nat{ text-align:center; text-indent:0px; font-weight:bold;}
#comnew dl dd a{ background:#ee0000; color:#fff; text-decoration:none;}


#tran-l #about{width:100%;background:url(../images/pxlx.gif) no-repeat center top #fff;margin-top:10px; height:160px;}
#about ul{width:170px; margin:0px auto; padding-top:25px;}
#about ul li{width:100%; height:20px; line-height:20px; text-align:left;  text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#about ul li.tel{ height:22px; line-height:22px; font-size:16px; font-weight:bold; color:#dd0000; font-family:Arial, Helvetica, sans-serif;}
#about ul li.email{ color:#666;font-family:Arial, Helvetica, sans-serif;}
#about ul li.line{ height:2px; line-height:2px; border-bottom:1px solid #DBECEF;}



#tran-m #banner{width:100%; height:356px;border:1px solid #ccc; background:url(../images/fast.gif) no-repeat left top #fff;}
#banner h1{ width:100%;height:47px;line-height:47px; color:#E51609; text-align:left; text-indent:230px; background:url(../images/tjk.gif) no-repeat 180px 0px; font-size:14px; margin:10px auto;}
#banner #Recom{ width:360px; float:right; margin-right:5px;}
#Recom dl{ width:100%; height:100px; overflow:hidden;}
#Recom dl dt{ width:120px; height:80px; float:left;}
#Recom dl dt img{width:100px; height:85px; border:1px solid #eee; padding:2px;}
#Recom dl dd{ width:230px; float:left; height:auto; line-height:22px; text-align:left; color:#666;}
#Recom dl dd.pt{width:230px; height:24px; line-height:24px; font-weight:bold; font-size:13px; white-space:nowrap; text-overflow:clip; overflow:hidden;}
#Recom dl dd.pt a:link,#Recom dl dd.pt a:visited{color:#dd0000;}
#Recom dl dd.pt a:hover{ text-decoration:underline;}

#Recom h6{ width:360px; margin:2px auto; height:24px; line-height:24px; background:#f4f4f4; clear:both;}
#Recom h6 span{ width:30%; float:left; display:block; font-weight:bold;}
#Recom h6 span.sub{ width:190px;text-align:center;}
#Recom h6 span.subadd{ width:80px;text-align:center;}
#Recom h6 span.subtime{ width:80px;text-align:center;}
#Recom ul{width:360px; margin:0px auto; clear:both;}
#Recom ul li{width:30%; float:left; height:25px; line-height:25px;text-align:left;}
#Recom ul li.sub{ width:190px;text-align:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;text-indent:16px;background:url(../images/arrow.gif) no-repeat 6px 9px;}
#Recom ul li.subadd{ width:80px;text-align:center; overflow:hidden;text-overflow:clip; white-space:nowrap;}
#Recom ul li.subtime{ width:80px;text-align:center; overflow:hidden;text-overflow:clip; white-space:nowrap;}


#tran-m #dong{width:100%; margin-top:10px; border-bottom:1px dashed #ccc;}
#dong h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; color:#E51609; border-bottom:2px solid #E51609;clear:both;}
#dong ul{width:555px; margin:5px auto;padding-bottom:5px; clear:both;}
#dong ul li{width:100%;text-align:left; color:#f60;text-indent:16px;background:url(../images/arrow.gif) no-repeat 6px 9px; height:22px; line-height:22px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#dong ul li span{width:470px; float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
#dong .dmo{ width:96%; text-align:right; height:20px; line-height:20px;}

#tran-rr #pxser{width:238px; border:1px solid #ccc; background:url(../images/form.gif) repeat-x;}
#pxser h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/ser.gif) no-repeat 6px 7px;}
#pxser dl{ width:100%; height:160px; padding:10px auto;}
#pxser dl dt{ width:80px; float:left;color:#666; height:30px; line-height:34px;text-align:right; overflow:hidden;}
#pxser dl dt.btn{width:100%;text-align:center;}
#pxser dl dd{ width:100px; float:left; height:30px; line-height:30px;text-align:left;_padding-top:4px;}

#tran-rr #compx{width:100%; background:url(../images/leo.gif) no-repeat left top;margin-top:5px; }
#compx h5{width:100%; height:26px; line-height:26px; text-align:left; text-indent:24px;text-indent:22px; font-size:13px;}
#compx #flv{width:230px;padding:4px; font-size:0px; border:1px solid #C9C7C8;}

#tran-rr #Guide{ width:238px; border:1px solid #ccc; background:url(../images/form.gif) repeat-x;margin-top:10px; height:112px;}
#Guide h5{width:100%; height:28px; line-height:32px; text-align:left; text-indent:24px;background:url(../images/gif-0622.gif) no-repeat 3px 6px; overflow:hidden;}
#Guide dl{width:100%; margin:5px auto;}
#Guide dl dt{width:96%; height:60px; line-height:60px; text-align:left; text-indent:5px;text-overflow:clip; overflow:hidden; white-space:nowrap;}
#Guide dl dt img{ width:190px;}

/*====================kecheng======================*/
#tran-r .Hot{ width:100%; margin-top:10px;}
#tran-r .Hot h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; color:#9E1400;}

#tran-r .Hot h6{ width:100%; height:27px; line-height:27px; background:url(../images/subg1.gif) no-repeat left top #fff; color:#fff; text-indent:14px;}
#tran-r .Hot h6 span{ width:250px; float:left; text-align:left; font-weight:600; display:block; }
#tran-r .Hot h6.pxmore{ width:98%; margin:2px auto; text-align:right; font-weight:normal; background:none;}
#tran-r .Hot ul{width:808px; margin:0px auto;border:1px solid #eee; border-top:none;clear:both; }
#tran-r .Hot ul:hover{ background:#eee;}
#tran-r .Hot ul li{width:250px; float:left; text-align:left; height:24px; line-height:24px; text-align:left; text-indent:12px;}
#tran-r .Hot ul li a:link{ color:#f60; text-decoration:none;}
#tran-r .Hot ul li a:visited{ color:#666;text-decoration:none;}
#tran-r .Hot ul li a:hover{ color:#ee0000; text-decoration:underline;}
#tran-r .Hot ul li.address{ width:200px; float:left;}
#tran-r .Hot ul li.time{ width:105px; float:left; border:none;}