@charset "utf-8";
/* CSS Document */
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; background:#f5f5f3; font-family:"微软雅黑"; color:#2a2a2a;}
*{ margin:0; padding:0;}
ul li{ list-style-type:none;}
.clear{ clear:both; margin:0; padding:0; line-height:0;}
img { border-style: none; }
a{ color:#888; text-decoration:none}
a:hover{ color:#63b8bd; text-decoration: underline}
h1{ font-size:18px; text-align:center;border-bottom:1px dotted #ccc; padding:10px 0; margin:0; color:#63b8bd}
.topbj{width:auto; height:77px; margin:0px; padding:0px; overflow:hidden; background:#2f3337}
.top{width:1200px; height:auto; margin:0 auto; padding:0px; overflow:hidden}
.logo{ max-width:300px; max-height:77px; margin:0px; padding-top:5px; float:left; overflow:hidden}
/* menu */
.menu{ width:870px; height:77px; margin:0; padding:0; line-height:77px;overflow:hidden;float:right;}
.menu ul { width:870px; height:77px; font-family:"微软雅黑"; font-size:14px; overflow:hidden; float:right;}
.menu ul li{ width:93px; height:77px; float:left; text-align:center; padding:0px; display:block; margin:0px; overflow:hidden}
.menu ul li.current{background:url(../images/chuf.png) no-repeat}
.menu ul li:hover{ background:url(../images/chuf.png) no-repeat}
.menu ul li a{ width:93px; height:77px; text-decoration:none; color:#fff; text-align:center; font-size:14px;}
.menu ul li a:hover{ text-decoration:none; color:#fff;}
/*banner*/
.banner{ margin:0 auto; padding:0; width:100%; height:460px;}
#full-screen-slider {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH:100%; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT:460px; PADDING-TOP: 0px}
#slides {
	POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT:460px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
#slides LI {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
#slides LI A {
	TEXT-INDENT: -9999px; WIDTH: 100%; DISPLAY: block; HEIGHT: 100%}
#pagination {
	Z-INDEX: 2000; POSITION: absolute; PADDING-BOTTOM: 5px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; TOP: 430px; LIST-STYLE-IMAGE: none; PADDING-TOP: 5px; LEFT: 25%}
#pagination LI {
	LIST-STYLE-TYPE: none; WIDTH:50px; DISPLAY: block; background:#666; filter: alpha(opacity=60); opacity: 0.6; FLOAT: left; HEIGHT: 7px; MARGIN-LEFT: 12px; LIST-STYLE-IMAGE: none; border-radius: 5px}
#pagination LI A {
	PADDING-BOTTOM: 0px; TEXT-INDENT: -9999px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; PADDING-TOP: 0px}
#pagination LI.current {  filter: alpha(opacity=90); opacity: 0.9; BACKGROUND:#63b8bd}
.imainbj{width:auto; height:360px; margin:0px; padding:0px; overflow:hidden; background:#63b8bd}
.iamin{width:1200px; height:auto; margin:0 auto; padding:0px; overflow:hidden}
.iabout{width:370px; height:310px; margin-top:25px; padding:0px; float:left; overflow:hidden; background:url(../images/about.png) no-repeat}
.icon{width:330px; height:auto; margin-left:20px; margin-top:60px; padding:0px; line-height:25px; overflow:hidden; color:#ccc}
.icon p{width:330px; height:auto;padding:0px; line-height:25px; overflow:hidden; color:#ccc}
.icon p strong{ color:#63b8bd; line-height:25px}
.more{width:126px; height:40px; margin-top:15px; margin-left:20px; padding:0px}
.inews{width:370px; height:310px; margin-left:45px; padding:0px; float:left; overflow:hidden; margin-top:25px; background:url(../images/newbj.png) no-repeat}
.newscon{margin-top:60px; padding:0px;}
.newscon ul{margin:0;padding:0px;text-align:left;}
.newscon li{line-height:25px; height:auto;background:url(../images/newleft.png) no-repeat 10px 7px;padding-left:25px; width:370px; margin-bottom:10px}
.newscon li a{text-align:left; color:#63b8bd; text-decoration:none;width:350px; line-height:25px; height:25px}
.newscon li p{ line-height:25px; height:auto; margin:0px; padding:0px; overflow:hidden;width:330px; text-align:left; color:#ccc}
.newscon li p span{text-align:right;padding-right:5px; color:#fff; font-size:10px;}
.shipin{width:370px; height:310px; margin-left:20px; margin-top:25px; padding:0px; overflow:hidden; float:right}
.ichanpbj{width:auto; height:auto; margin:0px; padding:0px; background:#f5f5f3; overflow:hidden}
.sheji{width:1200px; height:384px; margin:0 auto; padding:0px; overflow:hidden; margin-top:50px}
.ipro{width:1200px; height:auto; margin:0 auto; padding:0px; overflow:hidden; margin-top:60px;}
.iptitle{width:1200px; height:79px; margin:0 auto; padding:0px; background:url(../images/ppti.png) no-repeat center center}
/* 首页滚动产品层 */
.iproduct{width:1200px;height:auto; margin:0 auto;padding:0; margin-top:40px}
.red_text {	color: #f00}
.rollBox {	margin:0px;width:1200px; height:auto;overflow: hidden; float:left; }
.rollBox .Cont { margin:0px 10px 10px 10px; width:1070px; float: left; overflow: hidden; padding: 0px}
.rollBox .ScrCont {	width: 1342177.27px}
.rollBox .Cont .pic {text-align: center; width:330px;float: left; border:1px solid #ccc; margin-right:35px;}
.rollBox .Cont .pic img {	margin: 0px auto; width:330px; display: block;height:310px;}
.rollBox .Cont .pic .bti{width:330px; height:50px; line-height:50px; text-align:center; padding:0px; margin:0px; background:url(../images/poyu.png) no-repeat;}
.rollBox .Cont .pic .bti:hover{background:url(../images/poti.png) no-repeat; color:#f5f5f3}
.rollBox .Cont .pic .bti a {line-height:50px; color: #2e3347; width:330px; height:50px; font-size:16px}
.rollBox .Cont .pic .bti a:hover{ color:#f5f5f3; text-decoration:underline; font-size:16px}
.rollBox #List1 {float: left}
.rollBox #List2 {float: left}
.design{width:1200px; height:auto; margin:0 auto; padding:0px; overflow:hidden; margin-top:40px}
.detitle{width:1200px; height:79px; margin:0 auto; padding:0px; background:url(../images/team.png) no-repeat center center}
#iprobox { width:1200px; margin-top:20px; padding:0px;line-height: 1.8;float:left;}
#iprobox dl { text-align:center; margin:18px 18px 0 18px;padding:0; width: 130px; float: left; height: auto; }
#iprobox dt {width: 130px; height:130px; background:url(../images/desgin.png) no-repeat}
#iprobox dt img { width: 130px; display: block; height:130px; margin:0px;padding:0px; overflow: hidden; }
#iprobox dd {line-height:28px; margin: 0px;  width: 130px;  height: 28px;  overflow: hidden; }
/*友情链接*/
.link_tgb { line-height:42px; width:1200px;  margin:0px auto; margin-top:40px; padding:0;height:42px;font-family:"微软雅黑"; background:url(../images/lins.png) no-repeat}
.link_tgb a{ padding-right:20px; float: right; color:#900; }
.link_tgb span {padding-left:10px; font-size:14px}
.link_tgb .t1 {color:#fff; cursor:pointer;padding:4px 40px;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:4px 35px;}
.link_tgb .t1 { font-weight:bold}
.links { width:1180px; margin:0px auto; padding:10px 10px 0px 10px;}
.links a {padding:0 5px; line-height:21px;}
.links .hidden { display:none;}
/* foot */
.footbg{width:100%; height:auto; margin-top:40px;padding:0px;background:#26292d;}
.foot{width:1200px; height:120px; margin:0px auto; text-align:center; color:#868686;}
.foot a{ color:#bbb;}
.contact{height:25px; line-height:25px; margin:0px auto;padding-top:25px;}
.copyright{height:25px; line-height:25px; margin:0px auto; padding:0px;}
.keywords{height:25px; line-height:25px; margin:0px auto; padding:0px;}
.nmain{width:1200px; height:auto; margin:0 auto; padding:0px; overflow:hidden}
.left{width:950px; height:auto; margin-top:10px; padding:0px; float:left; overflow:hidden;}
.location{width:950px; height:auto; line-height:25px; margin:0px; padding:0px; color:#000}
.content{width:940px; height:auto; margin-top:10px; padding:0px; line-height:30px; overflow:hidden}
.conle{width:400px; height:auto; margin:0px; padding:0px; float:left; overflow:hidden}
.conri{width:520px; height:auto; margin:0px; padding:0px; float:right; line-height:30px; overflow:hidden}
.right{width:230px; height:auto; margin-top:50px; padding:0px; float:right; overflow:hidden}
/*left*/
.prolistbox{ width:230px; height:auto; background:url(../images/fenbj.jpg) repeat-y;}
.prolistitle{ width:230px; height:51px; background:url(../images/nti.jpg) no-repeat; line-height:51px; padding-left:20px; color:#000; font-size:18px;}
.prolistitle b{line-height:36px; padding-left:5px; color:#63b8bd; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.prolist{ width:230px; height:auto; line-height:37px; margin-bottom:20px}
.prolist dl{  width:230px; line-height:37px; padding-top:6px; padding-bottom:10px;}
.prolist dl dt{ width:230px; height:37px; line-height:37px; background:url(../images/ys.jpg) no-repeat center;  text-align:left;}
.prolist dl dt:hover{ margin:0; padding:0; width:230px; height:37px; line-height:37px; background:url(../images/fen.jpg) no-repeat center;}
.prolist dl dt a{ padding-left:40px;}
.prolist dl dt a:hover{ text-decoration:none;}
.prolist dl dd{ width:230px; height:30px; line-height:30px; background:url(../images/newleft.png) no-repeat 25px 10px;  text-align:left;}
.prolist dl dd:hover{ margin:0; padding:0; width:230px; height:30px; line-height:30px;}
.prolist dl dd a{ padding-left:45px;}
.prolist dl dd a:hover{ text-decoration:none;}
.contactt{width:230px; height:auto; margin-top:25px; padding:0px; overflow:hidden;background:url(../images/fenbj.jpg) repeat-y;}
.contactt p{width:200px; height:auto;padding-left:10px; margin:0px; line-height:25px; overflow:hidden}
.inew{ margin:0; padding:0; overflow:hidden; height:auto; padding:0px 8px;}
.inew ul{ margin:0; padding:0; text-align:left; margin-top:5px;}
.inew ul li{line-height:32px; height:32px; list-style:none; overflow:hidden; background:url(../images/newleft.png) no-repeat 10px 10px; border-bottom:1px dashed #9ab2ac;}
.inew ul li a{ float:left; padding-left:25px; text-align:left; }
.inew ul span{ float:right; height:32px; line-height:32px;}

/* ie7下兼容 */
*+html .inew ul li{line-height:30px; height:30px;  list-style:none; overflow:hidden; background:url(../images/newleft.png) no-repeat 10px 10px;}
*+html .inew ul li a{ float:left; text-align:left; padding-left:25px;}
*+html .inew ul span{ float:right; height:30px; line-height:30px;}

/* ie6下兼容 */
*html .inew ul li{line-height:30px; height:30px;  list-style:none; overflow:hidden; background:url(../images/newleft.png) no-repeat 10px 10px;}
*html .inew ul li a{ float:left; text-align:left; padding-left:25px;}
*html .inew ul span{ float:right; height:30px; line-height:30px;}
/*分页*/
.page {text-align:center; margin:10px auto; padding:0px; width:660px; padding-right: 7px; height: 32px; padding-top: 12px;}
.page a{background: #e4e4e4;  height:20px; line-height:20px; padding:5px 6px;margin:0 2px; text-decoration:none;}
.page a:hover {background:#63b8bd; height:20px; line-height:20px; padding:5px 6px;margin:0 2px;text-decoration:underline; color:#fff;}
.page span{ display:inline; background: #e4e4e4; color: #fff; font-size:12px;height:20px; line-height:20px; padding:5px 6px;margin:0px 5px; }
/*product*/
.desc{ width:900px; height:auto; margin:0px auto;padding:0;margin-bottom:15px; margin-top:10px;  padding:5px 10px; line-height:25px; border:1px dashed #788f02; background:#e8e8e8;}

.probox{ margin:0; padding:0; margin:0 auto; padding-left:0px; width:930px; margin-left:90px}
.probox dl{ float:left;margin:0; width:227px; height:auto;text-align:center; margin:5px 10px 0px 10px;*margin:5px 10px 0px 8px;  margin-bottom:0;}
.probox dt{ margin:0; padding:0;width:227px; height:auto; overflow:hidden;}
.probox dt img{ border:3px solid #ddd; margin:0 auto; width:221px; height:138px;overflow:hidden; }
.probox dt img:hover{ border:3px solid #63b8bd; margin:0 auto; width:221px; height:138px;overflow:hidden; }
.probox dd{ margin:0; padding:0; text-align:center; }
/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:15px 0px; width:930px; height:32px; line-height:32px;}
.next a{ height:32px; line-height:32px; text-decoration:none;}
.next a:hover{  text-decoration:underline;}

.ih6{ text-align:right;}

/*sitemap*/
.sitemap{ height:25px; line-height:25px;border-bottom:1px solid #63b8bd; width:940px; float:left; padding:0px; margin:10px auto;}
.sitemap span{ width:70px; height:25px; line-height:25px;background:#63b8bd; font-size:12px; font-weight:bold; color:#fff; text-align:center; float:left; margin:0; padding:0;}
.link { width:930px;  height:auto; float:left; margin:0 auto; padding:0; line-height:25px; height:auto; min-height:25px;}
.link a{ padding:0 10px; margin:0}

/*客服*/
.float0831 {
	POSITION: fixed; TOP: 140px; left: 1px; _position: absolute; height:auto;z-index:12000000000000000;
}
* html .float0831{position:absolute;left:expression(eval(document.documentElement.scrollleft+1));top:expression(eval(document.documentElement.scrollTop+140));z-index:12000000000000000;}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px; margin:0px;
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoTc img{ margin-left:-25px;padding-top:8px; float:left}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H1.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.topp {
	BORDER-BOTTOM: #ace5f9 1px solid;
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px;HEIGHT: 65px; PADDING-TOP: 0px; background:url(../images/webZx_bg.jpg);
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}
.float0831 .titDc{ background-position-x:5px; background-position-y:-124px}
.float0831 .cn h3{ height:36px; text-indent:-9999px; font-size:0px}
