html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; outline: 0;font-size: 14px;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';}
ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;empty-cells: show;}
/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {height: 1%; /* IE5-6 */}
html[xmlns] .clearfix { /* O */display: block;  }
.clearfix:after { /* FF, O, etc. */content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Generic Styles
-------------------------------------------------------------*/
.clear, .divider {clear: both;}
.no-display {display: none !important;}
.nowrap,.nobr {white-space: nowrap !important;}
.no-border {border: 0 !important;}
.no-padding {padding: 0 !important}
.no-margin 	{margin: 0 !important;}
/*Alignment---*/
.v-top 		{vertical-align: top;}
.v-middle	{vertical-align: middle;}
.v-bottom 	{vertical-align: bottom;}
.a-left		{text-align: left;}
.a-center	{text-align: center;}
.a-right		{text-align: right;}
.left		{float: left;}
.right	{float: right;}
.auto-width {width: auto;}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;}
.maintop { width:auto; max-width: 1200px; margin: 0 auto; position: relative;}
.column { overflow: hidden; float: left; }
.ja-mass { clear: both; }
/* Gutter ---*/
.main .inner {/* We use liquid layout, so we need to insert a div which will create margin if need */padding-left: 5px;padding-right: 5px;}
#ja-main .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }
#ja-mainnav .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }
.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { margin-left: 0px;margin-right: 0px;}
.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {margin-right: 0;margin-left: 10px;}
.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {margin-right: 10px;margin-left: 0;}
.article_column .contentpaneopen {padding-left: 5px;padding-right: 5px;}
.leading { }
.article_row {margin-left: -5px;margin-right: -5px; }
/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: left; }
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}
/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }
/* Right Column ---*/
#ja-right { float: right; }
#ja-rightnews { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%; }
/* HEADER
--------------------------------------------------------- */
#ja-header {}
/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }
/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }
.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {}
#ja-botsl {}
.ja-box { float: left; overflow: hidden; }
.pagehome {
width:980px; margin-left:auto; margin-right:auto;}
.leftpage{width:660px; float:left;}
.rightpage{width:300px; float:right; text-align:left;}
.index_left{width:660px; float:left;margin-left:5px;}
.index_leftlc{width:660px; float:left;margin-left:0px;}
.index_right{width:300px; float:right;}
.kongge{text-indent:2em; padding:0px; margin:0px; text-align:justify;text-justify:inter-ideograph;}
.red{color:#FF3300;}
.blue{color:#009}
.titles_class{height:45px; line-height:45px; color:#999999; font-size:12px;}
.titles_class01{height:45px; line-height:45px; color:#999999; font-size:12px; border-bottom:#CCCCCC solid 1px;}
.titles_class01 strong{height:45px; line-height:45px; color:#FF3300; font-size:18px; letter-spacing:2px; font-weight:100;}
a.tltles_text:link {height:45px; line-height:45px; color:#FF3300; font-size:18px; letter-spacing:2px;}
a.tltles_text:active {height:45px; line-height:45px; color:#FF3300; font-size:18px; letter-spacing:2px;}
a.tltles_text:visited {height:45px; line-height:45px; color:#FF3300; font-size:18px; letter-spacing:2px;}
a.tltles_text:hover {height:45px; line-height:45px; color:#FF0000; font-size:18px; font-weight:bold; letter-spacing:2px; text-decoration:none;}
/*新的CSS样式开始写了*/
.index_left_01{float:left; width:280px; margin-right:45px;  margin-bottom:15px;}
.index_left_02{float:right; width:280px; border-bottom:#E0E0E0 solid 1px; margin-bottom:15px;}
.linews32px{height:24px; background-image:url(/images/default/32px.gif); line-height:32px; background-repeat:no-repeat; padding-left:15px; margin-left:auto; margin-right:auto;}
a.li32px:link {line-height:32px;font-size:14px;color:#333;}
a.li32px:active {line-height:32px;font-size:15px;color:#333;}
a.li32px:visited {line-height:32px;font-size:15px;color:#333;}
a.li32px:hover {line-height:32px;font-size:15px;color:#333;}
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* Buttons */
#editor-xtd-buttons {padding: 5px;}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {float: left;}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {display: block;height: 22px;float: left;line-height: 22px;font-size: 11px;color: #666;cursor: pointer;}
.button2-left span,
.button2-right span {cursor: default;color: #999;}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {padding: 0 6px;}
.page span {color: #000;font-weight: bold;}
.button2-left a:hover,
.button2-right a:hover {text-decoration: none;color: #0B55C4;}
.button2-left a,
.button2-left span {padding: 0 24px 0 6px;}
.button2-right a,
.button2-right span {padding: 0 6px 0 24px;}
.button2-left {background: url(../../images/default/j_button2_left.png) no-repeat;float: left;margin-left: 5px;}
.button2-right {background: url(../../images/default/j_button2_right.png) 100% 0 no-repeat;float: left;margin-left: 5px;}
.button2-left .image {background: url(../../images/default/j_button2_image.png) 100% 0 no-repeat;}
.button2-left .readmore {background: url(../../images/default/j_button2_readmore.png) 100% 0 no-repeat;}
.button2-left .pagebreak {background: url(../../images/default/j_button2_pagebreak.png) 100% 0 no-repeat;}
.button2-left .blank {background: url(../../images/default/j_button2_blank.png) 100% 0 no-repeat;}
/* Tooltips */
div.tooltip {float: left;background: #ffc;border: 1px solid #D4D5AA;padding: 5px;max-width: 200px;z-index:13000;}
div.tooltip h4 {padding: 0;margin: 0;font-size: 95%;font-weight: bold;margin-top: -15px;padding-top: 15px;padding-bottom: 5px;background: url(../../images/default/selector-arrow.png) no-repeat;}
div.tooltip p {font-size: 90%;margin: 0;}
/* Caption fixes */
.img_caption.left {float: left;margin-right: 1em;}
.img_caption.right {float: right;margin-left: 1em;}
.img_caption.left p {clear: left;text-align: center;}
.img_caption.right p {clear: right;text-align: center;}
.img_caption  {text-align: center!important;}
.img_caption.none {margin-left:auto;margin-right:auto;}
.caption.left {float: left;margin-right: 1em;}
.caption.right {float: right;margin-left: 1em;}
.caption.left p {clear: left;text-align: center;}
.caption.right p {clear: right;text-align: center;}
.caption.none {margin-left:auto;margin-right:auto;}
.caption  {text-align: center!important;}
/* Calendar */
a img.calendar {width: 16px;height: 16px;margin-left: 3px;background: url(../../images/default/calendar.png) no-repeat;cursor: pointer;vertical-align: middle;}
/* 单页面样式 */
.switch-content  {width:740px;padding-top:20px;font-size:12px;line-height:26px;color:#666;letter-spacing: 1px;}
.switch-content  h2 { font-size: 24px; color: #666; }
.switch-content .introduce { padding:15px 0;text-indent:2em;}
.switch-content .switch-nav { float: left; height:39px;}
.switch-content .switch-tab { float: left; width:740px;border-bottom: 1px solid #C9C9C9;background-color: white; z-index: 2;padding-top: 4px;height:34px;}
.switch-content .switch-tab li { float: left; margin-right: 5px; width:98px;text-align: center;display:inline;_margin-bottom:-1px;z-index:3;}
.switch-content .switch-tab li a { line-height: 33px; height: 33px; width:80px;text-align: center;border-right: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9;padding: 0 5px;  color: #666; font-size: 14px;display:inline-block;letter-spacing: 0px;}
.switch-content .switch-tab li a:hover{background-color: #EFEFEF;text-decoration:none;}
.switch-content .switch-tab li.active a { border-top:2px solid #f87c3e; background-color: white; border-right: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9; font-weight: bold;height:33px; _font-weight: normal; _margin-bottom:-1px;_position:relative;_z-index:3}
.switch-content .switch-tab li.active a:hover{background-color:white;}
.switch-content .fixed{ width:740px; float: left; margin-right: 197px;position: fixed; top:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop-350));}
.switch-content .tab-content{padding-top:15px;}
.switch-content .tab-content img{max-width:100%}
.switch-content .tab-content .tab-panel { padding: 0 15px 15px; margin-bottom:40px; border: 1px solid #F3F3F3; -webkit-box-shadow: #EEE 0px 3px 6px; -moz-box-shadow: #eee 0px 3px 6px; box-shadow: #EEE 0px 3px 6px; border-top: none; }
.switch-content .tab-content .tab-panel h2 { height: 40px; line-height: 40px; background-color: #F6F6F6; font-size: 16px; margin-left: -16px; margin-right: -16px; padding-left: 10px; border-left: 5px solid #f87c3e; }
.switch-content .tab-content .tab-panel h3 { margin-top: 10px; line-height: 26px; font-size: 16px; border-bottom: 1px solid #EFEFEF; margin-bottom:10px}
.switch-content .tab-content .tab-panel h3 span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; margin-bottom: -1px; border-bottom: 2px solid #666; color: #333; }
.switch-content .info-list { margin-top: 10px; list-style: none outside none;  }
.switch-content .info-list li { line-height: 24px; }
.switch-content .dot li { background: url(dot2.gif) 0 4px no-repeat;padding-left:14px}
.switch-content .dot dd { background: url(dot2.gif) 0 4px no-repeat;}
.switch-content .col1 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col1 dl { float: left; width: 100%; margin-right: 0; }
.switch-content .col1 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col1 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col1 dl.more { width: 100%; margin-right: 0; }
.switch-content .col1 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col2 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col2 dl { float: left; width: 47%; margin-right: 3%; }
.switch-content .col2 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px;  margin-bottom: 5px; line-height: 30px; }
.switch-content .col2 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col2 dl.more { width: 50%; margin-right: 0; }
.switch-content .col2 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col3 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col3 dl { float: left; width: 28%; margin-right: 3%; }
.switch-content .col3 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col3 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col3 dl.more { width: 38%; margin-right: 0; }
.switch-content .col3 dl dt.more a { float: right; font-weight: normal; }

.n-detail-tuijian dl{float:left;width:312px;border:1px solid #ccc;padding:12px;height: auto; overflow:hidden;font-size: 14px;}
.n-detail-tuijian  dt{font-weight:bold;padding-bottom:5px}
.n-detail-tuijian dd{line-height:25px;height:25px;}
.n-detail-tuijian dd em { margin: 0 5px 0 0; font-family: "宋体"; font-size: 12px; font-weight: 400; color: #999;  font-style:normal;}

.bearingBox{ width:725px; height:auto; position:relative;}
.bearingImg{width:725px; height:auto; position:relative; overflow:hidden}
.bearingImgBox{ width:1410px;}
.bearingImgBox img{ float:left; position:relative}
.bearingCheck{ width:4660px;height:75px; position:relative; margin-top:10px; }
.bearingUp{ width:26px; margin-right:7px; height:70px; background:#ccc url(../../images/default/bproExter_BtnL01.png) no-repeat 6px 25px; cursor:pointer; float:left; margin-top:15px; display:block;}
.bearingDown{ width:26px; height:70px; margin-left:2px; background:#ccc url(../../images/default/bproExter_BtnR01.png) no-repeat 8px 25px; cursor:pointer; float:left; margin-top:15px;}
.bearingSmImg{ width:655px; height:85px; overflow:hidden; float:left; margin:0 4px; display:inline; }
.bearingSmImg ul{ width:500%; margin:0px; padding:0px;}
.bearingSmImg ul li{ width:100px; height:89px; border:2px solid #fff; float:left; margin-right:16px; display:inline; cursor:pointer}
.bearingSmImg ul li.active{ width:100px ;height:69px; border:2px solid #0067b2}
.bearingImg p{ margin:0px; padding:0px; background:#000; width:725px; height:30px; position:absolute; bottom:0px; left:0; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.bearingImg h1{ font-size:14px; line-height:30px; color:#fff; padding-left:16px; position:absolute; bottom:0px; left:0px}
.bearbtnL{position:absolute;left:0px;top:260px;cursor:pointer;}
.bearbtnL img,.bearbtnR img{filter:alpha(opacity=50); opacity:0.5;}
.bearbtnR{position:absolute;right:0px;top:260px;cursor:pointer;}
.bearbtnL img.bearbtnL_over,.bearbtnR img.bearbtnR_over{filter:alpha(opacity=100); opacity:1;}

/*------首页服务项目------*/
#servicesBox { width:1026px; height:270px; margin:0 auto; clear:both; padding:30px 0px 45px 0px; line-height:18px; color:#999999; font-size:12px;}
#servicesBox .serBox { cursor:pointer; display:inline; width:320px; height:270px; float:left; margin-left:18px;overflow:hidden; background-color:#f7f7f7; position:relative;}
#servicesBox .serBoxOn { display:none; width:320px; height:270px; background:url(../../images/default/serboxon_bg.gif) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;}
#servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:105px; z-index:99;}
#servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-110px; z-index:99;}
#servicesBox .serBox .txt1 { width:270px; height:100px; color:#999999; position:absolute; top:145px; left:20px; z-index:99;}
#servicesBox .serBox .txt2 { width:270px; height:100px; color:#999999; position:absolute; top:145px; right:-270px; z-index:99;}
#servicesBox .serBox span.tit { font-size:16px; display:block; height:50px; line-height:40px; text-align:center;}
#servicesBox .serBox .txt1 .tit { color:#000000;}
#servicesBox .serBox .txt2 .tit { color:#fd8200;}

#servicesBox h3 { font-weight:normal; font-size:16px; height:30px; line-height:20px; color:#000000;}
/*------首页服务项目------*/