@charset "utf-8";

* {padding:0px; margin:0px;}
ul li {list-style-type:none;}
body {font-size:12px; color:#000; font-family:Arial; line-height:20px; background:url(../image/body.gif) repeat-x #e9e9e9;}
.clear_both {clear:both; padding:0px; margin:0px;}
a {color:#000;text-decoration: none;}
a:hover {text-decoration: none;color: #06C;}
img {border:0}

/*全局样式*/
.all {width:980px; margin:auto; height:100%;}
.top,.mid,.bot {float:left; height:100%; width:980px; margin-bottom:8px;}
.float_right {float:right;}
.red {color:red;}
.gray {color:gray;}

/*顶部*/
#header {float:left; width:980px; height:89px; background:url(../image/tbj.gif);}
.logo,.name {float:left; margin:0 0;}
.shortcut {float:right; margin:15px 18px 0 0;}
.shortcut ul {text-align:right;}
.shortcut a {margin:5px;}

/*导航栏*/
.navigation {float:left; margin-bottom:3px; width:980px;}
.navigation ul.nav-first {float:left;width:100%; background:url(../image/main.gif) repeat-x 50% top;}
.navigation ul.nav-first li {float:left; position:relative; padding-left:2px; white-space:nowrap; background:url(../image/nav.gif) no-repeat 0px 0px;}
.navigation ul.nav-first li a {float:left; text-align:center; line-height:36px; padding:0 25px; height:36px; color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.navigation ul.nav-first li a:hover {color:#fff000;}
.navigation ul.nav-first li.first {padding-left:10px; background: url(../image/main.gif) no-repeat 0px 0px;}
.navigation ul.nav-first li.last {width:8px; background: url(../image/main.gif) no-repeat -15px 0px; float:right; height:36px;}

/*幻灯片*/
.banner_main {float:left; width:980px;}

/*主体左侧*/
.left,.left_bot,.left_contact {float:left; width:200px;}
.left_mid {float:left; width:200px; margin-bottom:8px;}
.left_title {background:url(../image/left_title.jpg) no-repeat; height:34px; line-height:32px; padding:0 25px;}
.left_title h2 {font-size:13px; color:#FFF; }
.left_titles {background:url(../image/left_titles.jpg) no-repeat; height:34px; line-height:32px; padding:0 25px;}
.left_titles h2 {font-size:13px; color:#FFF; }
.left_titlea {background:url(../image/left_titlea.jpg) no-repeat; height:34px; line-height:32px; padding:0 25px;}
.left_titlea h2 {font-size:13px; color:#FFF; }
.left_neiyebiankuang,.P_list {width:200px; background: url(../image/left_title_bg.jpg);}

/*列表*/
.menu {font-size:12px; font-weight:bold; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.menu ul {list-style:none;}
.menu ul li {border-bottom:1px dotted #ccc;}
.menu a {voice-family:inherit; height:26px; text-decoration:none;}
.menu a:link,.menu a:visited {color:#000; display:block; background:url(../image/navigation_about.gif); padding:8px 0 0 24px;}
.menu a:hover {color:#FFF; background:url(../image/navigation_about.gif) 0 -35px; padding:8px 0 0 24px;}

/*产品列表*/
.P_list_title {background-image:url(../image/inc_3.gif); background-position:10px 9px; background-repeat:no-repeat;}
.P_list li {line-height:30px; padding-left:14px; text-indent:12px; width:185px; overflow:hidden; border-bottom:1px dotted #ccc;}
.P_list strong {color:#00F; font-size:12px;}

/*产品搜索*/
#search_title { line-height:23px; padding:12px 0 6px 15px; width:185px; overflow:hidden;}
.text {width:125px;line-height:20px; margin:0 auto}
.etext {width:118px;line-height:20px; margin:0 auto}
#sub {height:23px; width:38px;line-height:18px; margin:0 auto;}
#esub {height:23px; width:48px;line-height:18px; margin:0 auto;}

/*联系方式*/
#contact_neirong {line-height:23px; overflow:hidden; padding:10px;}

/*主体右侧*/
.right,.right_db,.right_tuijian_db {float:right; width:770px;}
.right_top,.right_mid {float:right; width:770px; margin-bottom:8px;}
.right_title {height:100%; background: url(../image/about_title.jpg); line-height:32px; padding:0 25px;}
.right_title h2 {font-size:13px; color:#223f72;}
.right_neiyebiankuang {width:770px; background: url(../image/about_title_bj.jpg);}

/*关于我们*/
.about_right,.about_db {float:left; width:560px;}
.about_title {height:100%; background: url(../image/wangzhanjianshe_biaoti.jpg); line-height:32px; padding:0 25px;}
.about_title h2 {font-size:13px; color:#223f72;}
.about_neiyebiankuang {width:560px; background: url(../image/wangzhanjianshe_beijing.jpg);}
#about_neirong {line-height:21px; padding:13px 12px 6px 15px; overflow:hidden;}
#right_about {line-height:28px; padding:18px; overflow:hidden;}

/*最新消息*/
.new_right {float:right; width:200px;}
#new_neirong {line-height:23px; padding:13px; overflow:hidden;}

/*新闻中心*/
.left_news,.left_news_db {float:left;width:380px;}
.right_news,.right_news_db {float:right;width:380px;}
.news_title {height:100%; background: url(../image/new_biaoti.jpg); line-height:32px; padding:0 25px;}
.news_title h2 {font-size:13px; color:#223f72;}
.news_neiyebiankuang {width:380px; background: url(../image/new_bj.jpg);}
#news_neirong {padding:5px 12px 5px 12px; overflow:hidden; zoom:1;}
#topics_neirong {line-height:25px; padding:3px 16px 15px 16px; overflow:hidden; color:#000;}
#article_neirong {padding:3px 16px 15px 16px; overflow:hidden; color:#000;}
.news li {line-height:26px; border-bottom:1px dotted #CCC; padding-left:10px; background:url(../image/li_ico.jpg) left no-repeat;}
.more {padding-top:8px;}
#list li {clear:both;}
#list li h2 {float:left; background-image:url(../image/ty.gif); background-repeat:no-repeat; background-position:-23px -108px; padding-left:22px; padding-top:8px; font-size:13px; font-weight:bold; color:#000;}
#topics_class {line-height:30px; border-bottom:1px dotted #CCC; padding-left:10px; background:url(../image/li_ico.jpg) left no-repeat;}
.left_center {color:#000; text-align:left; line-height:23px;}
.article_title {color:#000; padding-top:15px; padding-bottom:15px; text-align:center; font-size:16px; font-weight:bold;}
.info_intro {padding:0 10px; margin:0 12px 10px 10px; text-align:center; border:1px dotted #CCC; line-height:32px; background:#f8f8f8; }
#article_neirong p {line-height:25px; padding:10px 0; text-align:left;}

/*无缝滚动推荐产品*/
#right_tuijian {padding:6px 10px 0 10px; overflow:hidden;height: 1030px;}
.productslist li {float:left; text-align:center; padding:4px;}
.productslist li img {padding:4px; border:1px solid #ccc; width:135px; height:135px;}
.productslist li a {line-height:25px;}
#scrollleft {overflow:hidden; width:100%;}
#scrollleft .scrollmain {float:left; width:1000%;}
#scroll_a {float:left;}
#scroll_b {float:left;}

/*产品展示*/
#right_product {padding-bottom:10px; padding-left:17px; overflow:hidden;}
#right_sjproduct {padding-bottom:10px; padding-left:30px; overflow:hidden;}
#right_productinfo {line-height:22px; padding-top:8px; overflow:hidden;}
.pictrue {float:left; width:180px; height:187px; margin-top:15px;}
.pictrue .image {width:168px; height:168px; display:table-cell; overflow:hidden; text-align:center; vertical-align:middle; position:relative; border:1px solid #CCC; padding:4px; padding:0px!important;}
.pictrue .image .img {position:static; +position:absolute; top:50%;}
.pictrue .image img {position:static; +position:relative; top:-50%;left:-50%; width:158px;}
.pictrue .products_name {width:168px; text-align:center; line-height:30px; text-indent:0.0em!important;text-indent:0.0em;}
.sjpictrue {float:left; width:185px; height:180px; margin-top:15px;}
.sjpictrue .image {width:153px; height:153px; display:table-cell; overflow:hidden; text-align:center; vertical-align:middle; position:relative; border:1px solid #CCC; padding:4px; padding:0px!important;}
.sjpictrue .image .img {position:static; +position:absolute; top:50%;}
.sjpictrue .image img {position:static; +position:relative; top:-50%;left:-50%; width:143px;}
.sjpictrue .products_name {width:153px; text-align:center; line-height:30px; text-indent:0.0em!important;text-indent:0.0em;}
.info {float:left; width:360px; margin-top:20px;}
.detail {clear:both; height:32px; padding-left:5px;}
.detail span {display:block;float:left;}
.detail span.key {font-size:12px; font-weight:bold; margin-right:10px;}
.products_info { text-align:center; background-color:#e3eafa; padding:4px; margin:0 15px;}
.products_info_zi { text-align:left; padding-left:10px; font-size:12px; font-weight:bold;}
.contentbody { text-align:left; padding:12px 25px; line-height:23px;}
.products_next { text-align:center; margin-top:8px; margin-bottom:12px;}

/*images*/
.images {width:345px; float:left; margin-top:20px; padding-left:30px;}
/*.images .orginImage {width:280px; height:280px; padding:5px; border:1px solid #E8E8E8; margin-left:5px; position:relative;}*/
/*.images .orginImage .img {width:280px; height:280px; overflow:hidden;}*/
/*.images .orginImage img {width:280px;}*/
.images .orginImage {width:280px; height:280px; text-align:center; vertical-align:middle; position:relative; border:1px solid #E8E8E8; padding:5px;}
.images .orginImage .img {position:static; +position:absolute; top:50%;}
.images .orginImage img {position:static; +position:relative; top:-50%;left:-50%; width:280px;}
.imgList {margin-left:40px; margin-top:10px; width:660px; margin-bottom:20px; overflow:hidden;}
.imgList li {float:left; display:block; width:50px; height:50px; margin-right:10px; margin-bottom:10px; border:1px solid #E8E8E8; padding:5px; cursor:pointer;}
.imgList li img {width:50px; height:50px;}
.imgList_src {display:none;}
.magnifier {position:absolute; width:13px; height:13px; position:absolute; bottom:6px; right:10px; background:url(../images/magnifier.gif) no-repeat; cursor:pointer;}
#PreviewImage {margin-left:25px; position:absolute; display:none; z-index:1000; border:1px solid #CCC; padding:5px; background:#fff;}

/*成功案例*/
#right_case {padding-top:8px; padding-bottom:10px; padding-left:26px; overflow:hidden;}
.pictrue_case {float:left; width:248px; height:205px; margin-top:15px;}
.pictrue_case .image {width:218px; height:175px; display:table-cell; overflow:hidden; text-align:center; vertical-align:middle; position:relative; border:1px solid #CCC; padding:4px; padding:0px!important;}
.pictrue_case .image .img {position:static; +position:absolute; top:50%;}
.pictrue_case .image img {position:static; +position:relative; top:-50%;left:-50%; width:208px;}
.pictrue_case .case_name {width:218px; text-align:center; line-height:30px; text-indent:0.0em!important;text-indent:0.0em;}

/*留言板*/
#right_guestbook {line-height:22px; padding:18px; overflow:hidden;}
.guestbook {border-collapse:collapse; width:100%; margin-top:5px;}
.guestbook th {padding:4px; border:1px solid #CCC; text-align:center;}
.guestbook td {padding:4px; border:1px solid #CCC;}
.guestbooks {border-collapse:collapse; width:100%; margin-top:10px;}
.guestbooks th {padding:1px 2px 1px 8px; border:1px solid #CCC; text-align:center;}
.guestbooks td {padding:1px 2px 1px 8px; border:1px solid #CCC;}
.txt {border:1px solid #CCC; font-size:12px; padding:5px;}
.textarea1 {width:540px; height:100px; border:1px solid #CCC; font-size:12px; padding:5px;}

/*产品订购*/
#right_ordering {line-height:22px; padding:18px; overflow:hidden;}
.ordering {border-collapse:collapse; width:100%; margin-top:5px;}
.ordering th {padding:4px; border:1px solid #CCC; text-align:center;}
.ordering td {padding:4px; border:1px solid #CCC;}
.orderings {border-collapse:collapse; width:100%; margin-top:10px;}
.orderings th {padding:1px 2px 1px 8px; border:1px solid #CCC; text-align:center;}
.orderings td {padding:1px 2px 1px 8px; border:1px solid #CCC;}
.ordering textarea,.select {border:1px solid #CCC; font-size:12px; padding:5px;}
.ordering textarea {width:540px; height:130px;}

/*人才招聘*/
#right_job {line-height:22px; padding:18px; overflow:hidden;}
.recruitment {border-collapse:collapse; width:100%; margin-top:12px;}
.recruitment th {padding:5px; border:1px solid #e4e4e4; text-align:center;}
.recruitment td {padding:5px; border:1px solid #e4e4e4;}

/*下载中心*/
#right_download {line-height:22px; padding:18px; overflow:hidden;}
.download {border-collapse:collapse; width:100%; margin-top:12px;}
.download th {padding:5px 0 5px 30px; border:1px solid #e4e4e4; text-align:left;}
.download td {padding:5px; border:1px solid #e4e4e4;}

/*友情链接*/
.link_img {float:left; width:978px; display:inline; border:1px solid #e4e4e4;}
.link_imgL {float:left; width:38px; text-align:center; padding:6px; font-size:12px; color:#000; font-weight:bold;}
.elink_imgL {float:left; width:48px; text-align:center; padding:15px 4px 2px 4px; font-size:12px; color:#000; font-weight:bold;}
.link_imgM {float:left; width:920px;}
.link_imgM ul li {float:left; display:inline; padding:7px 5px 7px 0;}
.link_imgM img {float:left; width:108px; height:38px; border:1px solid #ccc;}
.link_text {float:left; width:978px; padding:10px 0; display:inline; border-bottom:4px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.link_text .link_textL {float:left; width:70px; text-align:right; font-size:12px; color:#e64800;}
.link_text .link_textR {float:right; width:900px; text-align:left;}
.link_text .link_textR ul li { float:left; margin-right:15px;}

/*版权信息*/
.copyright {float:left; width:980px; padding:10px 0 5px 0; line-height:23px; text-align:center;}

/* 漂浮的客服 */
#online_main {z-index:9999; left:-163px; width:197px; position:absolute}
#online {display:block; overflow:hidden; width:197px; zoom:1;}
#online_content {display: inline; float:left; overflow:hidden; width:163px; zoom:1}
#online_title {height:34px; background:url(../images/online_support_title.jpg) no-repeat;}
#online_body {min-height:100px; background:url(../images/online_support_body.jpg) repeat-y; padding:10px; text-align:center;}
#online_bottom {height:20px; background:url(../images/online_support_bottom.jpg) no-repeat;}
#online_button {display:inline; background:url(../images/online_support_button.jpg) no-repeat; float:right; margin-top:33px; width:34px; height:96px}

/* 分页 */
.page_link{padding-top:10px; line-height:23px; text-align:center;}


#MainPromotionBanner{width:980px;height:247px;}
#MainPromotionBanner #SlidePlayer{position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 247px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width: 980px;height: 247px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 980px;height: 247px;	}
#MainPromotionBanner .SlideTriggers{position: absolute; top: 222px; right: 0px;z-index: 10;height: 25px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #74a8ed;text-align: center;line-height:16px;width:16px;height:16px;cursor: pointer;overflow: hidden; margin:3px 6px;background: url(../image/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background: url(../image/slide_trigger_c.gif) no-repeat center center;border:0; font-weight:bold;line-height: 21px;height: 21px;width: 21px;margin:0 6px;}