﻿@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; background-color:#efefee;}
.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:red;}
.float_right {float:right; padding-right:10px; line-height:34px;}
.more {float:right; padding-right:10px; line-height:28px; color:#999; font-size:12px;}
.more a{font-size:12px; color:#999;}
.more a:hover {font-size:12px; color:#FFF000;}

/*全局样式*/
#all {width:980px; margin:auto; height:100%;}
#top{float:left; height:100%; width:980px; margin-bottom:11px;}
#mid{float:left; height:100%; width:980px; margin-bottom:11px;}
#bot {width:980px; height:100%; margin:0 auto; border-top:4px solid #0788b0; background-color:#e6e6e6;}
#bot p {width:980px; margin:0 auto; text-align:center; line-height:23px; padding:16px 0 16px 0;}


/*顶部*/
.head {float:left; width:980px; background-color:#e6e6e6; height:95px;}
.logo {float:left; width:760px; margin:8px 0 0 0; padding-left:15px;}
.link {float:right; padding:32px 10px 0 0; text-align:center;}
.link a {margin:0 6px;}

/*导航栏*/
.nav {float:left; width:980px;}
.nav ul.nav-first {float:left; width:980px; background:url(../image/main.gif) no-repeat;}
.nav ul.nav-first li {float:left; position:relative; padding-left:2px; white-space:nowrap; background:url(../image/nav.gif) no-repeat 0px 0px;}
.nav ul.nav-first li a {float:left; text-align:center; line-height:40px; padding:0 18px; height:41px; color:#000; font-size:16px; font-weight:bold; text-decoration:none;}
.nav ul.nav-first li a:hover {color:#fff; background:url(../image/mainbg.gif) repeat-x center;}
.nav ul.nav-first li.first {padding-left:15px; background:url(../image/main.gif) no-repeat;}

/*动画*/
.banner {float:left; width:980px;}
.productslist li {float:left; text-align:center; padding:4px;}
.productslist li img {padding:4px; border:1px solid #ccc; width:200px; height:160px;background-color:#FFF;}
.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;}

/*主体*/
.list {padding:2px 12px 15px 12px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.list ul li {display:block; height:32px; line-height:30px; padding-left:12px; border-bottom:1px solid #ccc; background:url(../image/icon.gif) no-repeat 0 12px;}	

.p_list {padding:2px 12px 15px 12px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.p_list ul li.big {display:block; height:32px; line-height:30px; padding-left:12px; border-bottom:1px solid #ccc; background:url(../image/icon.gif) no-repeat 0 12px;}	
.p_list ul li.small {display:block; line-height:23px; padding-left:12px;}	

.title {background:url(../image/title.gif) no-repeat; height:36px;}
.title h3 {padding-left:35px; font-size:15px; color:#FFF; line-height:34px;}
.r_title {background:url(../image/title.png) no-repeat; height:36px;}
.r_title h3 {padding-left:40px; font-size:15px; line-height:34px;}
.c_title {background:url(../image/ctitle.gif) no-repeat; height:36px;}
.c_title h3 {padding-left:40px; font-size:15px; line-height:34px;}
.n_title {background:url(../image/n_title.png) no-repeat; height:36px;}
.n_title h3 {padding-left:40px; font-size:15px; line-height:34px;}
#left {float:left; width:246px;}
#left .menu {margin-bottom:11px;}
#left .contact {}
#left .search {margin-bottom:11px;}
.search .text {background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden; padding:12px;}
.contact .text {background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.contact .text p{padding:12px 15px 5px 15px; line-height:23px;}
.contact .text img{padding:8px 8px 8px 8px;}
#left .new,#left .hot,#left .contact {}
.new .text {padding-top:8px; padding-bottom:15px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.new .text dl {padding:0 12px;}
.new .text dl dt {font-family:Arial; color:#999999; line-height:20px; font-size:12px;}
.new .text dl dd {line-height:25px; border-bottom:1px dotted #bfbebe;}
.hot .text {padding:0 10px 10px 10px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden; line-height:23px;}
.pro_news {height:62px; overflow:hidden; padding-top:10px; border-bottom:1px dashed #bfbebe;}
.news_img {float:left; width:70px;}
.news_img img {border:1px solid #bfbebe;}
.news_text {float:left; width:150px;}
.news_name {text-align:left; line-height:20px;}
.news_intro {line-height:23px; color:#db1407;}
.news_intro span {color:#959595;}
#right {float:right; width:722px;}
#main_c {float:left; width:980px; margin-bottom:11px;}
#right .txt {padding:15px 15px 35px 15px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden; line-height:23px;}
#right .p_txt {padding:8px 0 35px 8px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
#right .tt_txt {padding:20px 0 12px 2px; width:718px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
#right .t_txt {padding:0 0 12px 12px; width:708px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.s_txt {padding:10px; width:958px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
#right .c_txt {float:left; padding:4px 0 35px 15px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.about {float:left; width:722px;}
.about .text {padding:15px 15px 20px 15px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden; line-height:23px;}
.about .text img {padding-right:15px;}
.news {float:right; width:355px;}
.news02 {float:left; width:355px;}
.news .text,.news02 .text {padding:6px 12px 20px 12px; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden;}
.news .text ul,.news02 .text ul {width:100%;}
.news .text ul li,.news02 .text ul li {padding-left:12px; background:url(../image/li_ico.gif) no-repeat 0 13px; line-height:32px; border-bottom:1px dotted #CCC;}
#right .txt .topic li {clear:both;}
#right .txt .topic li h3 {float:left; background-image:url(../image/ty.gif); background-repeat:no-repeat; background-position:-23px -108px; padding-left:22px; padding-top:10px; font-size:14px; font-weight:bold;}
#right .txt .pass {line-height:30px; border-bottom:1px dotted #CCC; padding-left:12px; background:url(../image/li_ico.gif) left no-repeat;}
#right .txt .right {float:right; font-family:Arial; color:#999999; font-size:12px;}
.center {text-align:center; padding:15px 0;}
.article_title {padding-top:10px; padding-bottom:15px; text-align:center; font-size:16px; font-weight:bold;}
.info_intro {padding:0 10px; margin:0 0 15px 0; 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:330px; overflow:inherit; padding-top:8px;}
.cont_new{width:685px; margin:auto; overflow:hidden; padding-top:8px; padding-bottom:5px;}
.cont_new li{float:left; width:328px; height:30px; line-height:30px; border-bottom:1px dashed #CCC; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  background-image: url(../image/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; height:30px;}
.news_info_zi {text-align:left; color:#0054a6; padding-left:10px; line-height:28px; font-weight:bold;}
.Module_ti_list {width:100%;}
.Mti_img {float:left; padding:18px 7px 0 11px;}
.Mti_img img {border:1px #c7c7c7 solid;}
.Mti_img img:hover {border:1px #F00 solid;}
.Mti_img p {text-align:center; line-height:28px;}

.block {float:left; margin-left:21px; display:inline;}
.block .inner {float:left;}
.block .inner img {width:200px; height:180px; padding:4px; border:1px solid #dddddd;}	
.block .alt_info {width:200px; height:10px; line-height:20px; overflow:hidden;}

/*合作伙伴*/
#link_img {float:left; width:978px; display:inline; border:1px solid #ccc; background-color:#fff;}
#link_img .left {float:left; width:30px; text-align:center; padding:6px; font-weight:bold;}
#link_img .right {float:left; width:936px;}
#link_img .right ul li {float:left; display:inline; padding:7px 7px 7px 0;}
#link_img .right img {float:left; width:108px; height:38px; border:1px solid #ddd;}
#en_link_img {float:left; width:978px; display:inline; border:1px solid #ccc; background-color:#fff;}
#en_link_img .left {float:left; width:60px; text-align:center; padding:40px 6px 6px 6px; font-weight:bold;}
#en_link_img .right {float:left; width:906px;}
#en_link_img .right ul li {float:left; display:inline; padding:7px 7px 7px 0;}
#en_link_img .right img {float:left; width:120px; height:42px; border:1px solid #ddd;}

/*友情链接*/
#link_text {float:left; width:978px; line-height:30px; display:inline; border:1px solid #ccc; border-top:none; margin-bottom:12px; background-color:#fff;}
#link_text .left {float:left; width:80px; text-align:center; color:#e64800; font-weight:bold;}
#link_text .right {float:left; text-align:left;}
#link_text .right ul li {float:left; margin-right:15px;}

.info {float:left; width:340px;}
.detail {clear:both; padding:5px 5px 5px 5px;}
.detail span {display:block;float:left;}
.detail span.key {font-weight:bold; margin-right:10px;}
.products_info {text-align:center; background-color:#f0f0f0; height:30px; margin-bottom:8px;}
.products_info_zi {text-align:left; padding-left:10px; line-height:28px; color:#0054a6; font-weight:bold;}
.contentbody {text-align:left; padding:4px 0 12px 0; line-height:23px;}
.products_next {text-align:center; margin-top:8px; margin-bottom:12px;}

.pictrue_case {float:left; width:227px; margin-top:12px;}
.pictrue_case .image {width:208px; height:155px; 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 {width:200px; height:147px; padding:4px;}
.pictrue_case .case_name {width:208px; text-align:center; line-height:28px;}

/*images*/
.images {width:285px; float:left;}
/*.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:270px; height:235px; text-align:center; vertical-align:middle; position:relative;}
.images .orginImage img {width:255px; height:220px; border:1px solid #c7c7c7; padding:5px;}
.imgList {float:left; padding-left:10px; margin-bottom:10px; overflow:hidden;}
.imgList li {float:left; display:block; width:50px; height:45px; margin-right: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 {position:absolute; display:none; z-index:1000; border:1px solid #c7c7c7; padding:5px; background:#fff;}

.right_t {float:left; width:100%; margin-top:12px;}
.t_title {float:left; width:100%; background-color:#717171;}
.t_title h3 {float:left; padding-left:15px; font-size:14px; color:#FFF; line-height:28px; height:30px;}
.product_t {float:left; width:956px; margin-left:12px; margin-bottom:12px; display:inline;}
.p_title {float:left; width:100%; background:url(../image/title.png) repeat-y;}
.p_title h3 {float:left; padding-left:15px; font-size:14px; color:#FFF; line-height:28px; height:30px;}
.productslist li {float:left; text-align:center; padding:4px;}
.productslist li img {padding:4px; border:1px solid #ccc; width:200px; height:150px; background-color:#FFF;}
.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;}

/*留言板*/
.guestbook {border-collapse:collapse; width:100%; margin-top:5px;}
.guestbook th {padding:4px; border:1px solid #c7c7c7; text-align:center;}
.guestbook td {padding:4px; border:1px solid #c7c7c7;}
.guestbooks {border-collapse:collapse; width:100%; margin-top:10px;}
.guestbooks th {padding:1px 2px 1px 8px; border:1px solid #c7c7c7; text-align:center;}
.guestbooks td {padding:1px 2px 1px 8px; border:1px solid #c7c7c7;}
.txts {border:1px solid #c7c7c7; font-size:12px; padding:5px;}
.textarea1 {width:500px; height:100px; border:1px solid #c7c7c7; padding:5px;}

/*产品订购*/
.ordering {border-collapse:collapse; width:100%; margin-top:5px;}
.ordering th {padding:4px; border:1px solid #c7c7c7; text-align:center;}
.ordering td {padding:4px; border:1px solid #c7c7c7;}
.orderings {border-collapse:collapse; width:100%; margin-top:10px;}
.orderings th {padding:1px 2px 1px 8px; border:1px solid #c7c7c7; text-align:center;}
.orderings td {padding:1px 2px 1px 8px; border:1px solid #c7c7c7;}
.ordering textarea,.select {border:1px solid #c7c7c7; padding:5px;}
.ordering textarea {width:500px; height:130px;}

/*人才招聘*/
.recruitment {border-collapse:collapse; width:100%; margin-top:12px;}
.recruitment th {padding:5px; border:1px solid #c7c7c7; text-align:center;}
.recruitment td {padding:5px; border:1px solid #c7c7c7;}

/*分页*/
.page_link{padding-top:10px; text-align:center;}