@charset "utf-8";

* {padding:0px; margin:0px; font-family:"微软雅黑",Arial; }
ul li {list-style-type:none;}
body {font-size:13px; color:#4b4b4b; line-height:20px;}
.clear {clear:both; padding:0px; margin:0px;}
a {color:#4b4b4b; text-decoration:none;}
a:hover {text-decoration:none; color:#1d93de;}
img {border:0}
.red {color:#800080;}

/*全局样式*/
#all {width:1100px; margin:auto; height:100%;}
#top {float:left; height:100%; width:1100px; margin-bottom:6px;}
#mid {float:left; height:100%; width:1100px; margin-bottom:6px; background:url(bgs.gif) repeat-y ;}
#mid_i {float:left; height:100%; width:1100px; margin-bottom:6px; background:url(bg.gif) repeat-y;}
#bot {float:left; height:100%; width:1100px; background:url(bot.gif) repeat-y #567f93 ; text-align:center;}
#bot .nav_bot {float:left; padding:2px 0 2px 50px;}
#bot p {padding-top:36px; color:#FFF;}
#bot p a{color:#FFF;}
#bot p a:hover{color:#FFF000;}

/*顶部*/
#head {float:left; width:1100px; height:107px; background:url(top_bg.gif) no-repeat #567f93 ;}
.logo {float:left; width:200px; padding:15px 0 0 25px;}
.search {float:left; background:url(search_bg.jpg) no-repeat right bottom; padding-top:28px; height:24px; width:142px;}	
.search #search-text {width:95px; padding:0px 10px 0px 10px; border:none; margin:0px; color:#999999; height:24px; line-height:20px; background:None;}
.search #search-submit {border:none; background:none; color:#FFF; height:24px; margin:0px; cursor:pointer; padding:0px; width:25px; line-height:24px;}
.link {float:right; width:650px; padding-top:15px; padding-right:30px;}
.link ul {float:right;}
.link ul li {float:left; margin:0 12px; text-align:center;}
.link ul li a {color:#FFF;}

/*导航栏*/
.nav {float:right; width:845px; margin-top:17px;}
.nav ul.nav-first {float:left; width:100%;}
.nav ul.nav-first li {float:left; border-left:1px solid #ccc;}
.nav ul.nav-first li a {float:left; text-align:center; width:76px; color:#FFF; font-size:15px; font-weight:bold; line-height:18px; text-decoration:none;}
.nav ul.nav-first li a:hover {color:#FFF000;}
.nav ul.nav-first li.first {padding-left:10px; border-left:none;}

.en_nav {float:right; width:715px; margin-top:17px;}
.en_nav ul.nav-first {float:left; width:100%;}
.en_nav ul.nav-first li {float:left; border-left:1px solid #ccc;}
.en_nav ul.nav-first li a {float:left; text-align:center; padding:0 10px; color:#FFF; font-size:15px; font-weight:bold; line-height:18px; text-decoration:none;}
.en_nav ul.nav-first li a:hover {color:#FFF000;}
.en_nav ul.nav-first li.first {padding-left:10px; border-left:none;}

/*动画*/
.banner {float:left; width:1100px; margin-top:3px;}

/*主体*/
.more {float:right; padding-right:10px; padding-top:10px;}
.title {background:url(title.gif) no-repeat; padding-top:25px;}
.title h3 {text-align:center; font-size:15px; color:#FFF; line-height:35px;}
.list {text-align:center;}
.list ul li a {color:#FFF; line-height:30px;}	
.list ul li a:hover {color:#FFF000; line-height:30px;}

.position {border-bottom:2px solid #567f93;}
.position h3 {padding:18px 0 8px 0; font-size:15px; color:#4d89a7;}
.position span {float:right; line-height:30px; padding:12px 10px 0 0;}

#left {float:left; width:185px;}
#left .menu {float:left; width:185px; margin-bottom:35px;}
#left .contact {float:left; width:185px;}
.contact h3 {text-align:center; font-size:15px; color:#FFF; line-height:20px;}
.contact .text {padding:12px 2px 25px 10px; line-height:23px; color:#FFF; font-size:12px}
.contact .text a {color:#FFF;}
.contact .text a:hover {text-decoration:none; color:#FFF000;}

#right {float:right; width:885px;}
.about,#right_l {float:left; width:620px;}
#right_r {float:right; width:230px;}
#right_r h3 {padding:15px 0 10px 0; font-size:15px; color:#FFF; text-align:center;}
#right_r h2 {padding:25px 0 15px 0; font-size:15px; color:#FFF; text-align:center;}
.links ul {padding-left:57px;}
.links ul li {padding:6px 0;}
.links img {width:110px; height:40px; border:1px solid #ccc;}
.company ul {float:left; padding:0 10px 10px 10px; width:210px;}
.company ul li {line-height:30px; padding-left:20px; border-bottom:1px dotted #FFF; background:url(icon.gif) no-repeat 6px 12px;}
.company ul li a {color:#FFF;}
.company ul li a:hover {color:#FFF000;}
.topic {float:left;}
.topic h3 {float:left; padding:25px 0 10px 0;}
.topic span {float:right; padding:30px 0 0 0;}

.about .in {line-height:23px;}
.product {float:left; width:620px; margin-bottom:10px;}
.product h3 {padding:25px 0 8px 0; font-size:15px; color:#4d89a7; border-bottom:2px solid #567f93;}
.product .in {float:left;}

#right .text {padding:12px 15px; line-height:23px;}
#right .products {padding:8px 0 12px 0; line-height:23px;}
#right .text .lists li {clear:both;}
#right .text .lists li h3 {float:left; background-image:url(ty.gif); background-repeat:no-repeat; background-position:-23px -108px; padding-left:22px; padding-top:10px; font-size:14px; font-weight:bold;}
#right .text .pass {line-height:30px; border-bottom:1px dotted #CCC; padding-left:10px; background:url(li_ico.jpg) left no-repeat;}
#right .text .right {float:right; font-family:Arial; color:#999999; font-size:12px;}

.center {text-align:center; padding:15px 0;}
.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 15px 10px; text-align:center; border:1px dotted #CCC; line-height:32px; background:#f8f8f8;}
.line_soid {border-bottom:1px solid #CCC; padding-top:2px;}
.previous,.next {float:left; width:340px; overflow:inherit; padding-top:8px;}
.cont_new{ width:715px; margin:auto; overflow:hidden; padding-top:8px; padding-bottom:5px;}
.cont_new li{ width:345px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #CCC; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  background-image: url(ar.gif); background-repeat:no-repeat; background-position:0 10px; text-indent:0.5em; margin-right:10px; padding-left:2px}
.news_info {text-align:center; background-color:#f0f0f0; padding:3px;}
.news_info_zi {text-align:left; color:#01a1dd; padding-left:10px; font-weight:bold;}

/*产品*/
.blocks {float:left; border-bottom:1px dotted #dddddd; padding:12px 0;}
.blocks .inners {float:left; width:165px;}
.blocks .inners img {border:1px solid #dededc; width:140px; height:110px; padding:4px;}	
.blocks .alts {float:left; width:332px;}
.blocks .alt_names {font-weight:bold; height:30px;}
.blocks .alt_infos {height:90px; line-height:23px; overflow:hidden;}

.block {float:left; padding:10px 19px 8px 0;}
.block .inner {width:170px; height:150px; position:relative; border:1px solid #dededc; overflow:hidden;}
.block .inner img {border:2px solid #fff; width:166px; height:146px;}	
.block .inner .alt {height:25px; line-height:25px; width:166px; background:#3b6377; position:relative; bottom:25px; left:0; color:#FFF; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; text-align:center; cursor:pointer; margin:auto;}
.block .inner:hover{border:1px solid #40687c;}

.info {float:left; width:350px; margin-top:10px;}
.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:#f0f0f0; padding:4px; margin-bottom:8px;}
.products_info_zi {text-align:left; padding-left:10px; color:#386880; font-weight:bold;}
.contentbody {text-align:left; padding:4px 10px 12px 10px; line-height:23px;}
.products_next {text-align:center; margin-top:8px; margin-bottom:12px;}

/*images*/
.images {width:315px; float:left; margin-top:10px;}
/*.images .orginImage {width:280px; height:280px; padding:5px; border:1px solid #E8E8E8; margin-left:5px; position:relative;}*/
/*.images .orginImage .imgs {width:280px; height:280px; overflow:hidden;}*/
/*.images .orginImage img {width:280px;}*/
.images .orginImage {width:280px; height:240px; text-align:center; vertical-align:middle; position:relative; border:1px solid #E8E8E8; padding:5px;}
.images .orginImage .imgs {position:static; +position:absolute; top:50%;}
.images .orginImage img {position:static; +position:relative; top:-50%;left:-50%; width:280px; height:240px;}
.imgList {margin-top:10px; width:660px; margin-bottom:20px; overflow:hidden;}
.imgList li {float:left; display:block; width:50px; height:45px; margin-right:10px; margin-bottom:10px; border:1px solid #E8E8E8; padding:5px; cursor:pointer;}
.imgList li img {width:50px; height:45px;}
.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;}

/*留言板*/
.guestbook {border-collapse:collapse; width:100%; margin-top:5px;}
.guestbook th {padding:4px; border:1px solid #0072bc; text-align:center;}
.guestbook td {padding:4px; border:1px solid #0072bc;}
.guestbooks {border-collapse:collapse; width:100%; margin-top:10px;}
.guestbooks th {padding:1px 2px 1px 8px; border:1px solid #0072bc; text-align:center;}
.guestbooks td {padding:1px 2px 1px 8px; border:1px solid #0072bc;}
.txt {border:1px solid #0072bc; padding:5px;}
.textarea1 {width:540px; height:100px; border:1px solid #0072bc; padding:5px;}

/*人才招聘*/
.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;}

/*产品订购*/
.ordering {border-collapse:collapse; width:100%; margin-top:5px;}
.ordering th {padding:4px; border:1px solid #dddddd; text-align:center;}
.ordering td {padding:4px; border:1px solid #dddddd;}
.orderings {border-collapse:collapse; width:100%; margin-top:10px;}
.orderings th {padding:1px 2px 1px 8px; border:1px solid #dddddd; text-align:center;}
.orderings td {padding:1px 2px 1px 8px; border:1px solid #dddddd;}
.ordering textarea,.select {border:1px solid #dddddd; padding:5px;}
.ordering textarea {width:540px; height:130px;}

/*成功案例*/
.p_case {margin:8px 0 0 15px ;}
.pictrue_case {float:left; width:250px; height:205px; margin-top:12px;}
.pictrue_case .image img {width:208px; height:175px; border:1px solid #CCC; padding:4px;}
.pictrue_case .case_name {width:218px; text-align:center; line-height:30px; text-indent:0.0em!important;text-indent:0.0em;}

/*下载中心*/
.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;}

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