﻿@charset "utf-8";
/* CSS Document */

#main_container div.news{ }

#main_container div.news div.newsdetail {padding-bottom:20px; min-height:426px;_height:458px; padding-top:24px; padding-right:10px;width:744px;}
#main_container div.news div.newsdetail div.scrollpane{ height:426px;_height:458px}
#main_container div.news div.newsdetail div.title,
#main_container div.news div.newsdetail div.content{ margin-left:24px; }

#main_container div.news div.newsdetail div.title{ font-size:20px; color:#646464; margin-bottom:18px;}
#main_container div.news div.newsdetail div.title span.datetime{ font-size:12px; margin-left:24px; font-weight:normal}
#main_container div.news div.newsdetail div.content{ margin-top:42px; font-size:12px; color:#868686;line-height:160%;}
/*#main_container div.news div.newsdetail div.content img{ float:left; margin-right:17px; *margin-bottom:12px;_margin-bottom:12px }
#main_container div.news div.newsdetail div.content div.img,
#main_container div.news div.newsdetail div.content div.text{ float:left}
#main_container div.news div.newsdetail div.content div.text{ font-size:12px; color:#868686; width:447px; margin-left:32px;}*/

/*右边news分类列表样式*/
#main_container div.news div.newslist{ width:234px;padding-top:23px;}
#main_container div.news div.newslist ul{list-style:none; margin:0; padding:0; clear:both;}
#main_container div.news div.newslist ul li{ margin-top:6px; margin-bottom:6px;}
#main_container div.news div.newslist ul li a{ text-decoration:none; font-size:12px; color:#646464;padding-left:9px; padding-right:20px; padding-top:9px; padding-bottom:15px; display:block}
#main_container div.news div.newslist ul li a div.title{ color:#646464; font-size:12px; font-weight:bold}
#main_container div.news div.newslist ul li a div.title span.datetime{ margin-left:8px; color:#b5b5b5; font-size:11px; font-family:Arial; font-weight:normal}
#main_container div.news div.newslist ul li a div.intro{ margin-top:13px;color:#b5b5b5; font-size:12px;}
#main_container div.news div.newslist ul li a div.intro img{ margin-left:7px; margin-bottom:2px;}
#main_container div.news div.newslist ul li.current a{ background-color:#efefef}
#main_container div.news div.newslist ul li.current a div.intro{ color:#646464;}


/*滚动条*/
#main_container div.news div.newslist div.scrollpane{ height:430px;}
#main_container div.news div.newslist .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1; outline:none}
#main_container div.news div.newslist .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; }
#main_container div.news div.newslist .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px}
#main_container div.news div.newslist .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/}
#main_container div.news div.newslist .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/}
#main_container div.news div.newslist a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/	height: 8px;}
#main_container div.news div.newslist a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#main_container div.news div.newslist a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 8px;}
#main_container div.news div.newslist a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#main_container div.news div.newslist a.jScrollActiveArrowButton,
#main_container div.news div.newslist a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
#main_container div.news div.newslist a.jScrollArrowUp,
#main_container div.news div.newslist a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.news div.newslist a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.news div.newslist a.jScrollArrowDown:hover { }
#main_container div.news div.newslist a.jScrollActiveArrowButton,
#main_container div.news div.newslist  a.jScrollActiveArrowButton:hover {background-position: 0 0px;}
#main_container div.news div.newslist .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}






/* 翻滚样式 */
#main_container div.news div.newslist .jcarousel-container{ }
#main_container div.news div.newslist .jcarousel-container-vertical{  width: 243px;height: 402px;_height: 434px;padding-top:34px; padding-bottom:34px;}
#main_container div.news div.newslist .jcarousel-clip-vertical,
#main_container div.news div.newslist .jcarousel-clip-vertical {width:  243px;height: 402px;_height: 434px;}
#main_container div.news div.newslist .jcarousel-item{width:243px; height: auto}
#main_container div.news div.newslist .jcarousel-item-vertical{cursor:pointer}
#main_container div.news div.newslist .jcarousel-item-placeholder{background: #fff;color: #000;}
/**
 *  Vertical Buttons
 */
#main_container div.news div.newslist .jcarousel-next-vertical{position: absolute;bottom: 5px;width: 243px;height: 22px;cursor: pointer;background: transparent  url(/cn/resource/images/network_stores_next_vertical.jpg) no-repeat;}
#main_container div.news div.newslist .jcarousel-next-vertical:hover{}
#main_container div.news div.newslist .jcarousel-next-vertical:active{}
#main_container div.news div.newslist .jcarousel-next-disabled-vertical,
#main_container div.news div.newslist .jcarousel-next-disabled-vertical:hover,
#main_container div.news div.newslist .jcarousel-next-disabled-vertical:active{cursor: default;background: transparent  url(/cn/resource/images/network_stores_next_vertical_disabled.jpg) no-repeat;}
#main_container div.news div.newslist .jcarousel-prev-vertical{position: absolute;top: 5px;width: 243px;height: 22px;cursor: pointer;background: transparent url(/cn/resource/images/network_stores_prev_vertical.jpg) no-repeat;}
#main_container div.news div.newslist .jcarousel-prev-vertical:hover{}
#main_container div.news div.newslist .jcarousel-prev-vertical:active{}
#main_container div.news div.newslist .jcarousel-prev-disabled-vertical,
#main_container div.news div.newslist .jcarousel-prev-disabled-vertical:hover,
#main_container div.news div.newslist .jcarousel-prev-disabled-vertical:active{cursor: default;background: transparent  url(/cn/resource/images/network_stores_prev_vertical_disabled.jpg) no-repeat;}



/*滚动条*/
#main_container div.news div.newsdetail .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1;}
#main_container div.news div.newsdetail .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;/*background: #ffffff; border-left:1px solid #b5b5b5;*/ margin-bottom:1px; }
#main_container div.news div.newsdetail .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y  -1px 0px}
#main_container div.news div.newsdetail .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/}
#main_container div.news div.newsdetail .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/}
#main_container div.news div.newsdetail a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/	height: 8px;}
#main_container div.news div.newsdetail a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#main_container div.news div.newsdetail a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 8px;}
#main_container div.news div.newsdetail a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#main_container div.news div.newsdetail a.jScrollActiveArrowButton,
#main_container div.news div.newsdetail a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
#main_container div.news div.newsdetail a.jScrollArrowUp,
#main_container div.news div.newsdetail a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.news div.newsdetail a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.news div.newsdetail a.jScrollArrowDown:hover {}
#main_container div.news div.newsdetail a.jScrollActiveArrowButton,
#main_container div.news div.newsdetail a.jScrollActiveArrowButton:hover {background-position: 0 0px;}
#main_container div.news div.newsdetail .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}

#main_container div.news div.newsdetail ul{list-style:none; margin:0; padding:0;height:355px}
#main_container div.news div.newsdetail ul li{ border-bottom:1px dashed #191919; cursor:pointer}
#main_container div.news div.newsdetail ul li a{ display:block; width:358px; height:97px;  text-decoration:none; color:#393939;background:url(/cn/resource/images/technology_list_bg_1.jpg) no-repeat left center;}
#main_container div.news div.newsdetail ul li a div.bg{ padding-left:74px; padding-top:22px; padding-right:41px; height:75px; cursor:pointer }
#main_container div.news div.newsdetail ul li a div.title{ font-size:13px; font-weight:bold; margin-bottom:10px;}
#main_container div.news div.newsdetail ul li a div.intro{ font-size:12px}
#main_container div.news div.newsdetail ul li.current a,
#main_container div.news div.newsdetail ul li a:hover{ color:#868686;background:url(/cn/resource/images/technology_list_bg_2.jpg) no-repeat left center}





