@charset "gb2312";

/* CSS Document */

body {

	margin: 0px;

	padding: 0px;

	margin: 0 auto;

	color: #00325F;

	font-size: 12px;

	width: 1000px;

	background: #d0e4ed url(../images/bj.jpg) no-repeat center bottom;

}

.main {

	float: left;

	margin: 0px auto 0 auto;

	width: 980px;

	padding-left: 10px;

	padding-right: 10px;

	background-color: #FFFFFF;

	overflow: hidden

}

.top {

	width: 1000px;

	height: 114px;

	background: url(../images/top.jpg) no-repeat;

	color: #FFFFFF;

}

#head_title {

	float: left;

	color: #000000;

	font-size: 14px;

	font-family: "微软雅黑", "黑体";

	font-weight: bold;

	padding-left: 10px;

	width: 980px;

	margin-top: 0px;

	padding-top: 20px\9;

}

#head_title span {

	font-size: 38px;

	font-family: "微软雅黑", "黑体";

	letter-spacing: 5px;

	font-weight: bold;

	line-height: 60px;

	color: #216bc6;

}

#head_title a {

	color: #000;

	text-decoration: none;

	margin-right: 3px;

}

#head_title a:hover {

	color: #000;

	text-decoration: none;

}

div {

	line-height: 21px;

	padding: 0px;

	margin: 0px;

}

img {

	border: none;

	margin: 0px;

	padding: 0px;

}

ul, li {

	text-align: left;

	list-style: none;

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

p, dd, dt, dl, h1, h2, h3, h4, h5, h6, form {

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

td, dd, th {

	line-height: 20px;

	font-size: 12px;

}

input, textarea, select {

	background: #fff;

	border: #687597 1px solid;

	color: #333;

	line-height: 1.3;

	font-size: 12px;

	padding: 1px;

	padding: 0px;

	margin: 0px;

}

span {

	margin: 0px;

	padding: 0px;

}

a {

	color: #00325F;

	text-decoration: none;

}

a:link {

	color: #00325F;

	text-decoration: none;

}

a:hover {

	color: #216bc6;

	text-decoration: none;

}

.nav_left {

	float: left;

	width: 3px;

	height: 38px;

	background-image: url(../images/nav_left.jpg);

}

.nav_bg {

	float: left;

	width: 974px;

	height: 38px;

	background: url(../images/nav_bg.jpg) repeat-x;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	line-height: 38px;

}

.nav_right {

	float: left;

	width: 3px;

	height: 38px;

	background-image: url(../images/nav_right.jpg);

}

.nav_bg ul li {

	float: left;

	width: 100px;

	height: 38px;

	text-align: center;

}

.nav_bg ul .home {

	background: #417bc3;

}

.nav_bg ul .date {

	width: 200px;

	font-weight: normal;

	font-size: 12px;

	height: 38px;

	line-height: 38px;

	color: #FFFFFF;

	float: left;

	text-align: right;

}

.nav_bg ul li a {

	display: block;

	color: #FFFFFF;

	text-decoration: none;

}

.nav_bg ul li a:hover {

	display: block;

	background: #417bc3;

	text-decoration: none;

	color: #FFFFFF;

}

.nav_bg .date a {

	display: block;

	text-decoration: none;

}

.nav_bg .date a:hover {

	display: block;

	text-decoration: none;

	background: none;

}

.banner {

	padding-bottom: 7px;

	clear: both;

	padding-top: 7px;

}

#left {

	float: left;

	width: 239px;

	margin-top: 8px;

}

.huandeng {

	width: 238px;

	height: 149px;

	overflow: hidden

}

#right {

	float: right;

	width: 733px;

	margin-top: 8px;

}

.intro {

	width: 341px;

	float: left;

	margin-left: 15px;

}

*html .intro {

	margin-left: 7px;

}

.intro_title {

	width: 341px;

	height: 28px;

	background: url(../images/title_bg.jpg) no-repeat;

}

.intro_title span {

	float: right;

	padding-right: 15px;

	padding-bottom: 4px;

}

.intro_title a {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.intro_title a:hover {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.intro_ct, .intro_at {

	width: 320px;

	height: 72px;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 15px;

	float: left;

	margin-left: 12px;

}

.intro_ct {

	height: 132px;

	line-height: 22px;

}

.intro_more {

	height: 22px;

	line-height: 22px;

	float: right;

	text-align: right

}

*html .intro_ct {

	margin-left: 6px;

}

.detail {

	color: #FC9D23;

}

.case {

	float: right;

	width: 341px;

	margin-right: 10px;

}

*html .case {

	margin-right: 5px;

}

.intro_img {

	float: left;

	width: 68px;

	height: 73px;

	overflow: hidden

}

.intro_img img {

	margin: 3px 13px 0 0;

	padding: 2px;

	width: 62px;

	height: 62px;

	overflow: hidden;

	border: 1px #CCCCCC solid;

}

.intro_imgct {

	height: 73px;

	width: 225px;

	float: right;

}

.pro {

	float: left;

	width: 723px;

	margin: 0 auto;

	margin-left: 8px;

	padding-top: 8px;

}

.pro_title {

	float: left;

	width: 723px;

	height: 28px;

	background: url(../images/product_title.jpg) left center no-repeat;

}

.pro_title span {

	float: right;

	padding-right: 18px;

	padding-top: 8px;

}

.pro_ct {

	width: 700px;

	clear: both;

	margin: 0 auto;

}

*html .pro_ct {

	margin-left: 10px;

}

.allimg {

	width: 155px;

	height: 157px;

	margin-right: 20px;

	margin-top: 10px;

	float: left;

}

.allpic {

	width: 155px;

	height: 132px;

	overflow: hidden;

}

.allpic img {

	padding: 2px;

	width: 149px;

	height: 126px;

	border: 1px #CCCCCC solid;

}

.allnam {

	width: 155px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.three {

	clear: both;

	padding-top: 15px;

	width: 733px;

}

.link {

	width: 978px;

	border: 1px #B9D3EA solid;

	margin-top: 8px;

	clear: both;

	margin-bottom: 8px;

}

.link_title {

	width: 980px;

	height: 28px;

	background: url(../images/links_title.jpg) left center no-repeat;

}

.link_title span {

	float: right;

	padding-top: 8px;

	padding-right: 15px;

}

.link_ct {

	padding: 10px 20px;

	width: 940px;

}

.link_ct a {

	color: #00325F;

	text-decoration: none;

	padding-right: 12px;

}

.link_ct a:hover {

	color: #FF0000;

	text-decoration: none;

	padding-right: 12px;

}

.footxx {

	margin-top: 10px;

	border-top: 1px solid #B9D3EA;

	padding-top: 10px;

	background: url(../images/police.jpg) 85% center no-repeat;

	color: #000000;

}

.footxx ul li {

	line-height: 20px;

	height: 20px;

	text-align: center;

}

.footxx ul li span {

	font-family: "Times New Roman", Times, serif;

	font-weight: bold

}

.footxx ul li span.tit {

	font-size: 14px;

	font-style: normal;

}

.english a {

	color: #FFFFFF;

	text-decoration: none;

}

.english a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

.fenlei {

	margin-top: 8px;

	width: 237px;

	border: 1px #B9D3EA solid;

}

.fenlei_title, .newsfenlei_title, .confenlei_title, .abfenlei_title {

	height: 28px;

	width: 237px;

	background: url(../images/fl_title.jpg) center center no-repeat;

}

.newsfenlei_title {

	background: url(../images/info_title.jpg)

}

.confenlei_title {

	background: url(../images/con_title.jpg )

}

.abfenlei_title {

	background: url(../images/about_title.jpg)

}

.fenlei_ct {

	width: 210px;

	margin: 0 auto;

	margin-top: 28px;

	padding-bottom: 8px;

}

.fenlei_title_l {

	height: 26px;

	width: 217px;

	background: url(../images/fl_title.jpg ) center center no-repeat;

	float: left;

	font-size: 14px;

	color: #FFFFFF;

	padding-left: 20px;

	padding-top: 2px;

}

.fenlei_title_l span {

	line-height: 28px;

	padding-right: 0px;

	padding-top: 0px;

	float: right;

	width: 50px;

	margin: 0

}

.fenlei_title_l a {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.fenlei_title_l a:hover {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.fenlei_title span {

	line-height: 28px;

	padding-right: 8px;

	padding-top: 8px;

	float: right;

	width: 50px;

}

.lie_biaoti {

	font-size: 14px;

	color: #3B78AF;

	font-weight: bold;

	background: url(../images/fenlei_plus.jpg ) 2% 40% no-repeat;

	height: 32px;

	line-height: 32px;

	border-bottom: 1px #CBCBCB dashed;

	padding-left: 20px;

}

.lie_ct {

	height: 25px;

	line-height: 25px;

	padding-left: 28px;

	background: url(../images/fenlei_jiantou.jpg) 7% center no-repeat;

}

.contact_title {

	height: 28px;

	width: 213px;

	background: url(../images/contact_title.jpg) center center no-repeat;

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

	padding-left: 24px;

}

.contact_title a {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.contact_title a:hover {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.contact_ct {

	width: 200px;

	background: url(../images/contact_bg.gif) right bottom no-repeat;

	padding: 10px 18px 0px 18px;

}

.contact_ct ul li {

	width: 197px;

}

.contact_ct ul li span {

	font-family: "Times New Roman", Times, serif;

	font-weight: bold

}

.com_title {

	height: 28px;

	width: 341px;

	background: url(../images/title_bg.jpg) left center no-repeat;

}

.com_title span {

	float: right;

	padding-right: 15px;

	padding-bottom: 3px;

}

.com_title a {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.com_title a:hover {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 28px;

	font-weight: bold;

}

.com_ct {

	width: 341px;

	margin-top: 10px;

}

.com_ct ul li {

	height: 22px;

	line-height: 22px;

	padding-left: 25px;

	background: url(../images/icom.jpg) 3% center no-repeat;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	width: 315px;

}

.com_ct ul li.nobg {

	background: none

}

.tech {

	width: 341px;

	float: left;

	margin-left: 15px;

}

.tech_title {

	height: 28px;

	width: 341px;

	background: url(../images/tech_title.jpg) left center no-repeat;

}

.tech_title span {

	float: right;

	padding-right: 15px;

	padding-top: 8px;

}

/*内页 css */

#about_left {

	float: left;

	width: 239px;

}

#about_right {

	float: right;

	width: 728px;

	margin-top: 8px;

}

.about_title {

	height: 28px;

	width: 630px;

	background: url(../images/aboutright.jpg) left center no-repeat;

	padding-left: 96px;

	line-height: 28px;

	font-size: 12px;

}

.about_ct {

	width: 690px;

	margin: 0 auto;

	margin-top: 15px;

}

.about_ct span {

	font-size: 14px;

	line-height: 24px;

}

.allpic_n {

	width: 155px;

	height: 132px;

	overflow: hidden;

}

.allpic_n img {

	padding: 2px;

	width: 149px;

	height: 126px;

	border: 1px #CCCCCC solid;

}

.allnam_n {

	width: 155px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.protitle_n {

	font-size: 14px;

	font-weight: bold

}

.page {

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	padding-top: 10px;

	clear: both;

	text-align: center;

}

.datu {

	text-align: center;

}

.datu_intro {

	margin-top: 10px;

	font-size: 14px;

	line-height: 22px;

}

h1 {

	font-weight: 300;

	font-family: "黑体";

	font-size: 20px;

	margin-top: 3px;

	margin-bottom: 3px;

	line-height: 25px;

	color: #000;

}

.kefu {

	margin-top: 22px;

}

/*现用QQ客服样式*/

.QQbox {

	Z-INDEX: 99;

	RIGHT: 0px;

	WIDTH: 178px;

	POSITION: absolute;

	TOP: 40px

}

.QQbox A:hover {

	COLOR: #000000

}

.QQbox A {

	FONT-SIZE: 12px;

	COLOR: #696969;

	TEXT-DECORATION: none

}

.QQbox .press {

	RIGHT: 0px;

	WIDTH: 33px;

	CURSOR: pointer;

	BORDER-TOP-STYLE: none;

	BORDER-RIGHT-STYLE: none;

	BORDER-LEFT-STYLE: none;

	POSITION: absolute;

	HEIGHT: 158px;

	BORDER-BOTTOM-STYLE: none

}

.QQbox .Qlist {

	BACKGROUND: url(http://www.tdgangguan.com/CusSer/qq_listbg.gif) repeat-y -155px 0px;

	LEFT: 0px;

	WIDTH: 145px;

	POSITION: absolute

}

.QQbox .Qlist .t {

	FONT-SIZE: 1px;

	FLOAT: right;

	WIDTH: 145px;

	HEIGHT: 6px

}

.QQbox .Qlist .b {

	FONT-SIZE: 1px;

	FLOAT: right;

	WIDTH: 145px;

	HEIGHT: 6px

}

.QQbox .Qlist .t {

	BACKGROUND: url(http://www.tdgangguan.com/CusSer/qq_listbg.gif) no-repeat left 50%

}

.QQbox .Qlist .b {

	BACKGROUND: url(http://www.tdgangguan.com/CusSer/qq_listbg.gif) no-repeat right 50%

}

.QQbox .Qlist .con {

	BACKGROUND: #fff;

	MARGIN: 0px auto;

	WIDTH: 90%

}

.QQbox .Qlist .con H2 {

	BORDER-RIGHT: #3a708d 1px solid;

	BORDER-TOP: #3a708d 1px solid;

	BACKGROUND: url(http://www.tdgangguan.com/CusSer/qq_listbg.gif) repeat-y -163px 0px;

	FONT: bold 12px/22px "宋体";

	BORDER-LEFT: #3a708d 1px solid;

	COLOR: #fff;

	BORDER-BOTTOM: #3a708d 1px solid;

	HEIGHT: 22px;

	TEXT-ALIGN: center

}

.QQbox .Qlist .con UL {

}

.QQbox .Qlist .con UL LI {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 8px;

	BACKGROUND: #ffffff;

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 5px;

	height: 22px;

	line-height: 22px;

	display: block;

	text-align: center

}

.QQbox .Qlist .con UL LI.odd {

	BACKGROUND: #fff

}

/*新QQ样式*/

#siderIMchat_main .1top {

	width: 118px;

	height: 160px;

	text-align: center;

	color: #fff;

}

#siderIMchat_main .1top span {

	color: #FFFFFF;

	font-size: 14px;

}

#siderIMchat_main .infobox {

	width: 118px;

	background-color: #ffffff

}

#siderIMchat_main .online_qq_c {

	width: 118px;

	height: 14px;

}

#siderIMchat_main .bg {

	BACKGROUND: url(../images/qq_listbg.gif ) repeat-y -163px 0px;

	width: 118px;

	text-align: center;

}

#siderIMchat_main .clearfix {

	display: block;

	clear: both;

}

#siderIMchat_main ul li {

	float: none;

	text-align: center;

	font-size: 12px;

	padding-bottom: 3px;

	background-color: #ffffff

}

#siderIMchat_main .bottom {

	background: url(../images/online_qq_b.gif ) no-repeat;

	width: 118px;

	height: 20px;

	overflow: hidden

}

#siderIMchat_main .1top {

	color: #fff;

	font-size: 14px

}

/* navs*/

#NavLink {

	width: 980px;

	height: 41px;

	margin: auto;

}

#NavLink .NavBG {

	height: 41px;

	width: 978px;

	background: url(../images/nav_bg2.png) repeat-x center 0px;

	border-left: 2px solid #26a2ff;

	border-right: 2px solid #26a2ff;

	position: absolute;

	z-index: 3000;

}

#NavLink #sddm {

	width: 980px;

	margin: auto;

	z-index: 30

}

#NavLink #sddm li {

	float: left;

	font-weight: bold;

}

#NavLink #sddm .CurrentLi a {

	background: none;

}

#NavLink #sddm li a {

	display: block;

	width: 112px;

	color: #FFF;

	text-align: center;

	padding: 0px 5px;

	height: 37px;

	margin-top: 2px;

	margin-bottom: 2px;

	line-height: 37px;

	font-size: 14px;

}

#NavLink #sddm li P {

	font-size: 10px;

	font-weight: normal;

	color: #FFF;

	text-transform: uppercase;

}

#NavLink #sddm li a:hover {

	text-decoration: none;

	background: #025084;

	color: #FFFFFF;

}

#NavLink #sddm div {

	position: absolute;

	visibility: hidden;

	background: #808080;

	padding: 0px 0px;

	filter: alpha(opacity=85);

	top: 41px;

}

#NavLink #sddm div a {

	position: relative;

	padding: 0px 5px;

	width: 120px;

	text-align: center;

	background: #0063a5;

	color: #FFFFFF;

	font-size: 12px;

	font-weight: normal;

	text-decoration: none;

	line-height: 30px;

	height: 30px;

	border-bottom: 1px solid #024877;

}

#NavLink #sddm div a:hover {

	background: url(../images/nav_bg2.png) repeat-x center 0px;

	color: #FFF;

	font-weight: bold;

	line-height: 30px;

	border-bottom: 1px solid #024877;

}

#FocusBG {

	width: 100%;

	height: 283px;

}

#Focus {

	width: 980px;

	height: 283px;

	overflow: hidden;

	position: relative;

	margin: auto;

}

#Focus ul {

	height: 380px;

	position: absolute;

}

#Focus ul li {

	float: left;

	width: 980px;

	height: 283px;

	overflow: hidden;

	position: relative;

	background: #000;

}

#Focus ul li div {

	position: absolute;

	overflow: hidden;

}

#Focus .btnBg {

	position: absolute;

	width: 980px;

	height: 20px;

	left: 0;

	bottom: 0;

}

#Focus .btn {

	position: absolute;

	width: 980px;

	height: 10px;

	padding: 5px 10px;

	right: 490px;

	bottom: 10px;

	text-align: right;

}

#Focus .btn span {

	display: inline-block;

	_display: inline;

	_zoom: 1;

	width: 10px;

	height: 5px;

	_font-size: 0;

	margin-left: 15px;

	cursor: pointer;

	background: #0063a5;

}

#Focus .btn span.on {

	background: #0063a5;

}

#Focus .preNext {

	width: 45px;

	height: 100px;

	position: absolute;

	top: 90px;

	cursor: pointer;

}

#Focus .pre {

	left: 0;

}

#Focus .next {

	right: 0;

	background-position: right top;

}

.pages {

	width: 100%;

	text-align: center;

	margin-top: 10px;

	float: left;

}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 5px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 5px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #4fc08d;
  border: 1px solid #0063a6;
}
.pagination a.page-num-current {
  color: #fff;
  background: #0063a6;
  border: 1px solid #0063a6;
}

.about_ct li.li_line {

	border-bottom: 1px #999999 dotted;

	margin-bottom: 8px;

	padding-bottom: 8px;

}