@charset "utf-8";
/* CSS Document */
@import url("/AppAdmin/Js/Page.css");
@import url("/AppJs/Public.css");

body{ background: url(../images/news_bg2.jpg) no-repeat center 351px; padding:0; margin:0 auto; font-size:12px; font-family: Tahoma,Arial;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,select,option,textarea,button,p,span{ margin:0;padding:0;}

img{ border:0; vertical-align:top; font-size:0; line-height:0; overflow:hidden;}

ul,li,ol,ul { list-style:none;}

h1,h2,h3,h4,h5,h6 { font-size:12px "宋体" Tahoma,Arial; font-weight:normal;}

input, label, select, option, textarea, button{ font:12px "宋体" Arial,Tahoma;}

a{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{}/*這四個鏈接文字的設置順序不可以顛倒*/

.dis{ display:none} /*隐藏*/
.left{ float:left} /*左浮动*/
.right{ float:right} /*右浮动*/
.clear{ clear:both; line-height:0; overflow:hidden} /*清除浮动*/
.red{color:#cd0000;} /*红色文字,可多在測試某個內容正確與否時使用*/
.border{ border:none;}

.mid{ width:1000px; margin:0 auto;}


.top{ background: url(../images/home_02.jpg) repeat-x; height:103px; }
.top_com{ padding:25px 0 0 0;}
.logo{ width:313px; height:50px; float:left; padding:0 0 0 12px;}

.nav2{width:675px; float:left; height:42px;}
.headerbg{height:42px;}
#header{height:42px;}
#nav{float:right;font-size:14px;font-family:"微软雅黑","宋体";}
#nav a:hover{text-decoration:none}
#nav .nav-item,#nav .nav-link{position:relative;float:left;display:block;color:#444;z-index:1000;}
#nav .nav-link{height:40px;margin-left:-1px;line-height:40px;z-index:999;width:97px;text-align:center;}


#nav .hover .nav-link{white-space:nowrap;color:#444; background:url(../images/menu_bg.jpg) no-repeat;}
#nav .nav-dropdown{display:none;position:absolute;top:39px;left:2px;width:385px;height:124px;border:1px solid #dadada;border-bottom:5px solid #c2c2c2;background: url(../images/nav_bg.jpg) repeat-x;box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);z-index:998}
#nav .nav-dropdown-align-right{left:auto;right:3px}
#nav .nav-dropdown-trending{float:left;}
#nav .nav-dropdown-trending span{ display:block; float:left; padding:8px 15px 0 9px;}
#nav .nav-dropdown-trending a{ font-size:12px; text-indent:14px; color:#666666; line-height:24px; background: url(../images/nav_bg2.jpg) repeat-x 0 bottom; width:96px; height:25px; display:block; float:left;}
#nav .nav-dropdown-channel{float:right;width:100px;height:290px;font-size:14px;background:#f6f6f6}
#nav .nav-dropdown a:hover{color:#0062a6}
#nav .trending li{height:50px;line-height:50px;font-weight: 700;border-bottom:1px dashed #ccc;vertical-align:bottom;overflow:hidden}
#nav .trending li a{display:block;padding-left:25px;color:#1E1E1E;}
#nav .trending li a:hover{background:#f6f6f6}
#nav .nav-dropdown-entry{line-height:34px;margin-left:25px;font-size: 14px;}
#nav .nav-dropdown-entry a{display:inline-block;color:#b20000}
#nav .channel{margin-top:16px}
#nav .channel li{line-height:2em}
#nav .channel li a{height:30px;padding-left:24px;line-height:30px;color:#6d6d6d}


.search{ background: url(../images/home_05.jpg) no-repeat; height:23px; width:208px; float:right; margin-right:22px;}
.search .input{ background: #fff; width:154px; border: solid 1px #FFFFFF; height:18px; margin:1px 9px 0 16px; line-height:18px; color:#959595 ; float:left; }
.search .but{ width:20px; height:17px; background: #00FF99 url(../images/home_05.jpg) no-repeat -181px 0px; border:none; display:block; padding:3px 0; cursor:pointer;}

.banner{ height:411px;background:#e8e8e8 url(../images/banner_ba.jpg) repeat-x; overflow:hidden; position:relative;}
/*banner*/
.banner_index{height:411px;position:relative;overflow:hidden; margin:-1px auto;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:235px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index_hover.jpg) no-repeat;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width:1366px;float: left;}
.indexBanner_num{width:1000px; height:20px;text-align:right; padding-right:15px; position:absolute; left:174px; bottom:10px; z-index:10;} 
.indexBanner_num a{width:11px;height:11px;display: inline-block;_zoom:1;background: #018ae9;font-size: 0px;line-height: 0px;margin:0 4px;}
.indexBanner_num a.on,.indexBanner_num a:hover{width:11px;height:11px; background:#000;}

.com{ height:387px; background: url(../images/com_bg.jpg) repeat-x;}
.com1{ height:180px; padding-top:16px;}
.com1 ul li.juli{ padding-right:0;}
.com1 ul li{ width:246px; height:165px; background: url(../images/tu_bg.jpg) no-repeat; float:left; text-align:center; padding-right:5px;}
.com1 ul li:hover{ background: url(../images/tu_bg_hover.jpg) no-repeat; cursor:pointer}
.com1 ul li img{ padding:11px 0 0 0;}
.com1 ul li a{ display:block; width:226px; height:47px; background: url(../images/com_font_06.gif) no-repeat center 9px; margin:0 0 0 9px; }
.com1 ul li a:hover{ background: url(../images/com_font_hover_06.gif) no-repeat center 9px;}

.com1 ul li a.tu_list1{background: url(../images/com_font_08.gif) no-repeat center 9px; margin:0 0 0 9px; }
.com1 ul li a.tu_list1:hover{ background: url(../images/com_font_hover_08.gif) no-repeat center 9px;}

.com1 ul li a.tu_list2{background: url(../images/com_font_10.gif) no-repeat center 9px; margin:0 0 0 9px; }
.com1 ul li a.tu_list2:hover{ background: url(../images/com_font_hover_10.gif) no-repeat center 9px;}

.com1 ul li a.tu_list3{background: url(../images/com_font_03.gif) no-repeat center 9px; margin:0 0 0 9px; height:48px;}
.com1 ul li a.tu_list3:hover{ background: url(../images/com_font_hover_03.gif) no-repeat center 9px;}



.com2{height:192px}
.com2_1{ width:251px; float:left}
.com2_1 h2{ background: url(../images/com_2_16.jpg) no-repeat 5px center; height:40px; line-height:40px; font:"微软雅黑"; font-size:12px; font-weight:bold; padding-left:21px}
.com2_1 h2 a{ font:"微软雅黑"; font-size:12px; font-weight:bold; color:#000000;}
.com2_1 h2 span{ color:#686868;}
.com2_2{ width:299px;}
.com2_2 dl dt{ float: left; width:109px;}
.com2_2 dl dd{ width:160px; float:left; line-height:21px; color:#333;}
.com2_3{ width:178px;}
.com2_3 img{ padding-bottom:10px;}
.com2_4{ padding-left:8px;}

.bottom{ height:61px; background: url(../images/bottom-bg.jpg) repeat-x; padding:11px 0 0 0; color:#FFFFFF; width:100%; float:left; margin-top:50px;}
.bottom_com{ float:left; height:61px; float:none}
.bottom_com p{ line-height:30px;}
.bottom_menu{ color:#929292; width:800px; padding-top:10px;}
.bottom_menu a{ color:#FFFFFF;}
.bottom_com .bottom_right img{ padding-right:20px;}
.bottom_com .bottom_right img.zuoju{ padding-top:20px;}



.news_banner{ height:248px; background:url(../images/news_03.jpg) no-repeat center 0; }
.lianxi_banner{ background: url(../images/lianxi_banner.jpg) no-repeat center 0;}
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center 0;}
.xiazai_banner{ background:url(../images/xiazai_banner.jpg) no-repeat center 0;}
.rencai_banner{ background: url(../images/rencai_banner.jpg) no-repeat center 0;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center 0;}
.pro_banner2{ background:url(../images/pro_banner2.jpg) no-repeat center 0;}


.news_banner_com{ height:248px;}
.news_com{ background: url(../images/news_bg2.jpg) no-repeat; height:100%;padding:0 25px; width:950px;}
.news_left{ width:226px; float:left;}
.news_left ul li{ float:left; padding-bottom:7px;}
.news_left ul li a{width:121px; height:28px; background:url(../images/news_09.jpg) no-repeat; line-height:28px; padding:0 0 0 64px; display: block; color:#353535;}
.news_left ul li .current{background:url(../images/news_06.jpg) no-repeat; color:#FFFFFF;}
.news_left ul li a:hover{ background:url(../images/news_06.jpg) no-repeat; color:#FFFFFF;}
.news_left span{ display:block; float:left; padding-top:60px;}
.news_left2{ width:226px; float:left;}


.news_right{ width:718px; float:left}
.news_right h3{ font-size:12px; font-weight:bold; line-height:30px;}
.news_right p{ line-height:20px; color:#666; padding-bottom:18px; text-indent:24px;}


.news_right h2{ height:39px; font-size:14px; font-weight:bold; color:#000000; float:left; line-height:30px; width:718px; overflow:hidden;}
.news_right h2 span{ display:block;font-size:12px; color:#636363; font-weight:normal; float:right;}
.news_right h2 span a{ color:#636363;}
.news_right ul{ width:704px;}
.news_right ul li{ height:30px; background: url(../images/news_com_bg.jpg) repeat-x 0 bottom; float:left; width:714px;}
.news_right ul li a{ line-height:29px; padding-left:18px; background:url(../images/news_12.jpg) no-repeat 0 2px; color:#333333;}
.news_right ul li a:hover{ background:url(../images/com_2_16.jpg) no-repeat 0 2px; color:#0668ac;}
.news_right ul li span{ color:#5f5f5f; float:right; padding-right:20px;line-height:30px;}
.xiazai_right ul li span a{ float:right; background:none; margin-top:5px; display:block;}
.xiazai_right ul li span a:hover{ background:none;}

.nei_com1{ height:200px;}
.nei_com1 img{ float: right;}
.nei_com1 span{ float:left; width:350px; height:35px; display:block;}
.nei_com1 span img{ float: left}
.nei_com1 p{ width:350px; color:#333333; line-height:21px;}

.nei_com2 p{ line-height:20px; color:#333333;}

.nei_com4 img{}
.nei_com4 p{ width:700px; line-height:20px; color:#666; padding-top:20px;}


    .MenuLevel1{ width:153px;
	 background:url(../images/news_09.jpg) no-repeat;
 position:relative;
 font-size:12px ;
 color:#333333 ;
 height:28px ;
 line-height:28px;
 cursor:hand ;
 padding-left:32px;
  padding-bottom:7px;

}
    .MenuLevel1:hover{ background:url(../images/news_06.jpg) no-repeat; color:#FFFFFF;}
.MenuLevel1 span{
 position : absolute ;
 right:2px;
 top:3px;

}
.MenuLevel2{
 font-size:12px ;
 color:#333333 ;
 background-color:#f7f7f7 ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
 border-bottom:1px #efefef solid;
}
.MenuLevel3{ text-indent:30px; cursor:pointer;
 position:relative;
 font-size:12px ;
 color: #0668ac ; 
 height:20px ;
 padding-top:3px ;
 border-top:1px #ffffff solid;
 border-bottom:1px #efefef solid;
}
.MenuLevel3 span{
 position : absolute ;
 right:2px;
 top:3px;

}
.MenuLevel4{ text-indent:30px;
 display:block;
 font-size:12px ;
 color:#333333 ; 
 background-color:#fff;
 height:20px ;
 line-height:16px ;
 padding:3px 0 0 18px;
 border-bottom:1px #efefef solid;
}

a.MenuLevel4 {
 text-decoration:none;
}

a.MenuLevel4:hover {
 color:#fff;
 background:#0668ac;
 text-decoration:none;
}


.MenuLevel8888{
 font-size:12px ;
 color:#5277A9 ;
 background-color:#E0E0DA ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
}

.SubMenuLayer{
 display:inline ;
 cursor:hand ;
}

.SubMenuLayerHidden{
 display:none ;
 cursor:hand ;
}

.oprName{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:inline;
}

.oprName_hidden{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:none;
}

.oprName1{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:inline;
}

.oprName1_hidden{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:none;
}

#rlisttable {
 text-align:right;
}
#rlisttable table {
 clear:both;
 margin:10px 0;
 text-align:left;
 width:100%;
}
#rlisttable tr {
 zoom:1;
}
#rlisttable th {
 background:#6e8193;
 color:#fff;
 font:bold 12px verdana;
 zoom:1;
}
#rlisttable th div {
 margin:3px 2px;
 zoom:1;
}
#rlisttable th a {
 color:#fff;
}

#rlisttable th.photo div {
 margin-left:5px;
}
#rlisttable td {
 background:#fff;
 zoom:1;
}
#rlisttable td.div {
 overflow:hidden;
}
#rlisttable td.selected {
 color:#d8602f;
}
#rlisttable .prirow td {
 font:normal 12px verdana;
 vertical-align:top;
}

#rlisttable .secrow td {
 font:normal 12px verdana;
 vertical-align:top;
 border-top:3px solid #f0f0f0;
}
#rlisttable td.ord div {
 margin:10px 3px;
 width:23px;
}
#rlisttable td.photo div {
 margin:10px 2px 10px 5px;
 width:120px;
}
#rlisttable td.photo img {
 display:block;
 height:90px;
 width:120px;
}
#rlisttable td.model div {
 margin:10px 2px;
 line-height:1.3em;
 width:174px;
}
#rlisttable td.model .optional {
 font:12px arial;
 color:#666;
}
#rlisttable td.mpg div {
 margin:10px 2px;
 width:80px;
}
#rlisttable td.msrp div {
 margin:10px 2px;
 width:76px;
}
#rlisttable td.hp div {
 margin:10px 2px;
 width:100px;
}
#rlisttable td.rating div {
 margin:10px 2px;
 text-align:center;
 width:80px;
}
#rlisttable th.compare {
 background:#d4dbe3;
 color:#000;
 text-align:right;
}
#rlisttable th.compare2 {
 background:#f0f0f0;
}

#rlisttable td.ord {
 font:bold 100% sans-serif;
 text-align:left;
}
#rlisttable td.model {
 font:bold 100% sans-serif;
 text-align:left;
}
#rlisttable td.tech {
 color:#379115;
}
#rlisttable .border td {
 background:#f0f0f0;
 height:10px;
}
#rlisttable td.addtrim {
 padding:0 0 0 2px;
}
#rlisttable td.addtrim .head {
 border-top:1px dotted #999;
 border-bottom:1px dotted #999;
 color:#999;
 margin:10px 0;
 padding:2px 0 2px 5px;
}
#rlisttable td.addtrim .head a {
 color:#d8602f;
 text-decoration:none;
}
#rlisttable td.addtrim .head a strong {
 color:#999;
}
#rlisttable td.addtrim .head a:hover {
 zoom:1;
}
#rlisttable td.addtrim .head a:hover strong {
 color:#d8602f;
 text-decoration:underline;
}
#rlisttable td.addtrim .head a:hover span {
 font-weight:bold;
}
#rlisttable td.compare {
 background:#e0e0e0;
 vertical-align:bottom;
}
#rlisttable td.compare div {
 margin:5px auto;
 text-align:center;
 width:28px;
}

.nei_com3 ul li{ background: url(../images/pro_bg.jpg) no-repeat ; width:234px; height:174px; float:left;}
.nei_com3 ul li img{ float:left; padding:1px 1px 0 1px;}
.nei_com3 ul li a{ float: left; width:190px; line-height:32px; height:30px; display:block; background:none; text-align:center; font-weight:bold; color:#000000;}
.nei_com3 ul li a:hover{ background:none;}