﻿/*
Powered By www.toprand.com
*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none;}
object{ display:block;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
.play{ display:none;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover {color:#a3e1f3;}

.dis{display:block;}
.undis{display:none;}

/*basic*/ 
body{margin:0px; padding:0px;font-family:"宋体", Arial, Helvetica, sans-serif; font-size:12px;color:#666; background-color:#FFF;}  

/*wrap*/
.wrap{width:970px; margin:0 auto;}


/*head*/
#top{ width:970px; margin:0 auto;}
.head{ float:left; width:100%; height:75px; overflow:hidden; background-color:#07233c;}
.logo{ float:left; padding-top:18px; margin-left:10px;}
.home{ float:right; padding-top:36px; height:22px; margin-right:10px;}
.home div{ float:left; margin-left:6px; display:inline;}
.tel{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; font-weight:bold;}
.bgsearch{ background:url(../images/bg_txt.jpg) no-repeat; width:98px; height:14px; overflow:hidden; padding-left:10px; padding-top:3px;}
.btnsearch{ background:url(../images/btnsearch.jpg) no-repeat; width:43px; height:17px; cursor:pointer; border:0;}
.txt1{ border:0; width:90px; color:#49565e; background:none; float:left}

/*nav*/
#nav{ float:left; width:100%; background:url(../images/bg_nav.jpg) repeat-x; height:32px; overflow:hidden;}
#nav h1{ padding-top:8px; padding-left:25px;}
.navlist li{ float:left; width:157px; padding-right:2px; background:url(../images/navline.jpg) right 0 no-repeat; line-height:16px; text-align:center; font-weight:bold;}
#nav .navlist li a{ color:#fff;}



/*banner*/

/*左侧导航*/
.left_Head					{font-size:11px; color:#000; font-weight:bold}
.SubHead				{font-size:11px; color:#000;}
.SubSubHead				{font-size:11px; color:#ddc893;}
.NormalBold             {color:#06f;}

.ControlPanel .CommandButton,.ControlPanel A.CommandButton:link,.ControlPanel A.CommandButton:visited,.ControlPanel A.CommandButton:active	{color:#000;TEXT-DECORATION:none}
.ControlPanel A.CommandButton:hover	{color:#b9820d;TEXT-DECORATION:underline}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{color:#b9820d;TEXT-DECORATION:none}
A.CommandButton:hover{color:#cb2a15;TEXT-DECORATION:underline}



*+html ol li{ margin:0; padding:0;}
*+html ol{ margin:0; padding:0;}


.xmenuclass_vertical{ margin:0px; padding:0 0 0 14px; width:190px;}
.xmenuclass_vertical li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
.xmenuclass_vertical li ol li{ list-style:none;padding:0px; margin:0px;list-style-type:none;}
.xmenuclass_vertical li ol li ol li{ list-style:none;padding:0px; margin:0px;list-style-type:none;}
.xmenuclass_vertical li ol li ol li ol li{ list-style:none;padding:0px; margin:0px;list-style-type:none;}
.xmenuclass_vertical li a{background:url(../images/Xnav.png) no-repeat left bottom;line-height:30px; display:block;font-size:13px; padding-left:3px;}
.xmenuclass_vertical li,.xmenuclass_vertical li a:link,.xmenuclass_vertical li a:active,.xmenuclass_vertical li a:visited{font-family:Arial, Helvetica, sans-serif; color:rgb(18,56,122);}
.xmenuclass_vertical li a:hover{color:#FC6; text-decoration:none;}

.xmenuclass_vertical li ol{padding:5px 0 0 5px; margin:0px;}

.xmenuclass_vertical li ol li a{background:url(../images/Xnav_02.jpg) no-repeat left center;padding-left:8px; font-size:12px;line-height:26px;}

.xmenuclass_vertical li ol li ol{padding:0px 0 0 20px; margin:0px;}

.xmenuclass_vertical li ol li ol li a{ background:url(../images/Xnav_03.jpg) no-repeat left center; padding-left:8px; line-height:26px;}

.xmenuclass_vertical li ol li ol li ol li a{ background:url(../images/Xnav_04.jpg) no-repeat left center; padding-left:8px;line-height:26px;}


/*main*/
.main{width:970px; float:left; margin-top:14px; margin-bottom:14px;}
.flash{ float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.indextab{ float:left; background:url(../images/bg_tab.jpg) no-repeat; width:293px; height:175px; margin-left:10px; display:inline;}
.indextab h1{ float:left; width:100%; height:34px;}
.jiao{ float:right; padding-right:23px; padding-top:14px;}
.v1{ float:left; padding-left:19px; line-height:22px; font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:bold; padding-top:6px;}
.indextab h2{ float:left; width:264px; padding-left:19px; padding-top:7px;}
.jiaor{ float:right; padding-right:3px; padding-top:5px;}
.list li{ float:left; width:100%; line-height:20px; border-bottom:1px dashed #0e71b7;}
.indextab h3{ float:left; width:278px; height:115px; overflow:hidden; padding-left:4px; padding-top:12px;}
.wrap .list li a{ color:#a3e1f3}
.wrap .list li a:hover{ color:#fff}
/*ff1*/
.bottom-Article-QQ1 .bd{ width:278px; float:left;height:98px;}

.bottom-Article-QQ1 .block {DISPLAY: block}
.bottom-Article-QQ1 .none {DISPLAY: none}
.sildPic-Article-QQ1 .sildPicBar{DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; WIDTH: 233px; PADDING-TOP: 0px; ZOOM: 1; HEIGHT: 17px; text-align:right}
.sildPic-Article-QQ1 .pre {	DISPLAY: inline; BACKGROUND:url(../images/left.jpg) no-repeat; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 7px; margin-right:5px; display:inline; margin-left:1px;}
.sildPic-Article-QQ1 .next { BACKGROUND:url(../images/right.jpg) no-repeat; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 7px}
.sildPic-Article-QQ1 .sildPicBar LI {MARGIN-TOP: 1px; DISPLAY: inline; BACKGROUND:url(../images/tab1.jpg) no-repeat; FLOAT: left; MARGIN-right: 4px; WIDTH: 7px; CURSOR: pointer; HEIGHT: 7px;}
.sildPic-Article-QQ1 .sildPicBar LI.select {	BACKGROUND:url(../images/tab2.jpg) no-repeat;}

.sildPic-Article-QQ1 .cnt-wrap {	/*OVERFLOW: hidden; WIDTH: 624px; ZOOM: 1; HEIGHT: 162px*/	OVERFLOW: hidden; WIDTH: 235px; ZOOM: 1; HEIGHT: 98px}
.sildPic-Article-QQ1 .cnt {WIDTH: 940px}
.sildPic-Article-QQ1 LI {FLOAT: left; WIDTH: 235px;HEIGHT: 98px; overflow:hidden;color:#fff}
.sildPic-Article-QQ1 .cnt SPAN {WIDTH: 100%; COLOR: #000; TEXT-ALIGN: left}
.sildPic-Article-QQ1 .cnt .link {DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 83px; TEXT-ALIGN: center}
.sildPic-Article-QQ1 .cnt SPAN A {COLOR: #000}
.sildPic-Article-QQ1 .cnt SPAN A:visited {COLOR: #000}

.sildPic-Article-QQ1 LI .l{ float:left; width:96px; overflow:hidden;}
.sildPic-Article-QQ1 LI .r{ float:left; padding-left:3px; width:136px; line-height:21px; padding-top:5px;}

/*  mmain */
.mmain{width:970px; float:left; margin-top:14px; margin-bottom:25px;}
.ban{ float:left; clear:both; width:100%; overflow:hidden; margin-bottom:9px;}
/*.m_t{ float:left; background:url(../images/mmain_t.jpg) no-repeat; height:8px; overflow:hidden; width:100%;}*/
.m_f{ float:left; background:url(../images/mmain_f.jpg) no-repeat; height:8px; overflow:hidden; width:100%;}
.m_c{ float:left; background:url(../images/mmain_c.jpg) repeat-y; overflow:hidden; width:100%; padding-bottom:20px;}

/*/*.m_t2{ float:left; background:url(../images/mmain_t.jpg) no-repeat; height:8px; overflow:hidden; width:100%;}*/
.m_f2{ float:left; background:url(../images/mmain_f.jpg) no-repeat; height:8px; overflow:hidden; width:100%;}
.m_c2{ float:left; background:url(../images/mmain_c.jpg) repeat-y; width:100%; min-height:384px; _height:384px;}



/*m_left*/
.mleft{ float:left; width:186px; overflow:hidden;}
.mleft h1{ float:left; background:url(../images/mleft-bg1.jpg) no-repeat; height:26px; width:100%;}
.jiao2{ float:right; padding-right:15px; padding-top:6px;}
.v2{ float:left; padding-left:20px; line-height:18px; font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:bold; padding-top:0px;}
.mleft .mleftnav{ float:left; padding:0 0 0 1px; width:185px; min-height:350px; _height:350px;}

.hidden {DISPLAY: none}
.pnav-box{ float:left; width:185px; line-height:29px; position:relative;}
.bgjiao{ position:absolute; left:158px; top:9px;}
.box-title { padding-left:10px;}
.pnav-boxbg{float:left; width:185px; line-height:29px; position:relative;background:url(../images/bg_leftline.jpg) repeat-x;}
.pnav-cnt ul li{ padding-left:20px; line-height:24px;}
.mmain .pnav-cnt a{ color:#fff}
.mmain  .pnav-cnt ul li a{ color:#b5f1ff}
.pnav-cnt ul li h2 a{ text-decoration:none; padding-left:10px;color:#fff;}
.pnav-cnt ul li h2 a:hover{ color:#b5f1ff}
.pnav-cnt ul li.le1 a{ text-decoration:underline}
.pnav-cnt ul li.le1 h2 a{ text-decoration:none; color:#fff;}
.pnav-cnt ul li.le1 h2 a:hover{ color:#b5f1ff}
.pnav-cnt ul li h2{ }
.pnav-cnt ul li.le1 h2{ display:block;}

.newsnav li{float:left; width:185px; line-height:29px;}
.newsnav li a{ padding-left:22px; display:block;}
.mmain .newsnav li a{ color:#fff}
.mmain .newsnav li.qq {background:url(../images/bg_leftline.jpg) repeat-x;}

/*m_right*/
.mright{ float:left; width:780px; margin-left:3px; display:inline; overflow:hidden;}
.mright_new{ float:left; width:970px; display:inline; overflow:hidden;}
/*video*/
/* tips */
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  background-color: #6C6C6C;
  font-size: 0px;
}
.Scrollbar-Track {
  width: 10px; height: 400px;
  position: absolute;
  top: 18px;
  background-color: #424242;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #6C6C6C;
}
.Scrollbar-Down {
  position: absolute;
  top: 425px;
  width: 10px; height: 10px;
  background-color: #6C6C6C;
  font-size: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 42px; left: 315px;
}

#Container {
  position: absolute;
  top: 42px; left: 10px;
  width: 300px;
  height: 435px;
  background-color: #303030;
}
#product, #application { 
  position: absolute;
  top: 10px; 
  overflow: hidden;
  width: 300px;
  height: 425px;
  display: none;
}
#product {display: block;}

#Navigation {
  position: absolute; 
  top: 1px;
  left: 0px;
  background-color:#000;
  width:330px;
}
#Navigation a {
  margin: 10px 2px 0 0;
  padding: 0 20px;
  height: 31px;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #AAA;
  text-decoration: none;
  display: block;
  float: left;
  letter-spacing: 1px;
  font-weight:bold;
}
#Navigation a:hover {
  margin-top: 10px;
  height: 31px;
}
#Navigation a.current {
  margin-top: 0px;
  padding-top:10px;
  height: 32px;
  background-color: #303030;
  color: #777;
  font-weight:bold;
}

/*video end*/
.link1{
	padding-left:130px;
	padding-top:20px;
	padding-bottom:30px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/video/2.png) no-repeat center;
	color:#000;
	font-size:16px;
	}
.curr{ float:left; width:100%; height:25px; background-image:url(../images/curr_imgs.jpg)}
.curr div{ padding-top:6px; padding-left:14px; color:#FFF;}
.wrap .curr div a{ color:#666}

.mtencont{ float:left; width:765px; margin-top:14px;/*margin-left:15px;*/}
.subl{ float:left; width:100%; overflow:hidden;}
.prolist li{ float:left; width:739px; border-bottom:1px dashed #c8cdd1; padding:0 13px; line-height:21px;padding-bottom:15px; margin-bottom:15px; }
.prolist li .l{ float:left; width:126px; overflow:hidden; border:1px solid #adadad;}
.prolist li .r{ float:left; width:590px; padding-left:19px; margin-top:0px;}
.prolist li .r h1{ float:left; width:100%; clear:both; height:30px;}
.prolist li .mmcc{padding-left:143px; width:604px;margin-top:8px;}
.data{ float:right;}
.dexs{ float:left; width:100%; padding-top:10px;}
.pages{ float:left; width:498px; text-align:right; padding-top:5px;}

.application_new{ float:left; width:970px; display:inline; margin-top:14px;}
.newccon{ float:left; width:890px; margin-left:8px; display:inline; margin-top:14px;}
.newslist li{ float:left; width:50%; line-height:25px; border-bottom:1px dotted #909090; margin-left:28px;}
.pages2{ text-align:center;padding-top:15px;}
.newsconde{ float:left; width:660px; margin-left:19px; display:inline; margin-top:14px;}
.newsconde h1{ float:left; width:100%; text-align:center; line-height:28px; border-bottom:1px dashed #c4c4c4;}
.newsconde h2{ float:left; width:100%; line-height:27px; padding-top:8px;}


/*down*/
.downde1{ float:left; width:100%; text-align:center; color:#000; margin-top:15px; margin-bottom:15px;}
.downde2{ width:132px; margin:0 auto;}
.downde2 h3{ float:left; width:124px; background:url(../images/bg_down.jpg) no-repeat; height:166px; overflow:hidden; padding:7px 0 0 8px;}
.downde2 h4{ margin-top:10px; float:left;}
.fanhui{ padding-top:20px;}

.subr{ float:right; width:108px;}
.subr h1{ float:left; width:100%; background:url(../images/sub_t.jpg) no-repeat; height:6px; overflow:hidden;}
.subr h3{ float:left; width:100%; background:url(../images/sub_f.jpg) no-repeat; height:4px; overflow:hidden;}
.subr h2{ float:left; width:106px; border-left:1px solid #adadad;border-right:1px solid #adadad; padding:5px 0;}
.sublist{ float:left; width:100%; padding-top:2px;background:url(../images/subline.jpg) center top no-repeat;}
.sublist li{ float:left; width:100%; text-align:center; line-height:22px; padding-bottom:2px; background:url(../images/subline.jpg) center bottom no-repeat;}

/*contact*/
.contact{float:left; width:940px; margin-left:13px; display:inline; margin-top:14px; min-height:413px; _height:413px; line-height:22px;}
.contacttab{ float:left; width:80%; padding-bottom:5px; border-bottom:1px solid #d5d5d5; margin-bottom:10px; padding-left:10px; }


/*foot*/
.foot{ width:970px; margin:0 auto;}
.foot h1{ float:left; width:879px; background:url(../images/footline.jpg) 0 0 no-repeat; margin-top:15px; padding:10px 10px 0 11px; line-height:21px; font-family:Arial, Helvetica, sans-serif; color:#fff}
.links{ float:right; padding-right:10px; padding-top:8px;}

 
 
 
 
/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}

.f15{ font-size:15px;}
.f16{ font-size:16px;}
.pr10{ padding-right:10px;}
.pr5{ padding-right:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.bai{ color:#fff;}
.lan{ color:#055da0}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.lg24{ line-height:24px;}
 
 
/*txt btn*/
.btn{ width:0px; height:0px; border:0; cursor:pointer;}
.txt{ width:0px; height:0px;} 
.txtpage{ width:20px; text-align:center; color:#ff0000;}
.btngo{width:24px; height:19px; border:0; cursor:pointer; background:url(../images/bgngo.jpg) no-repeat;}


/*页脚样式*/
.footer{
	background-color:#5F5F5F;
	color:#FFF;
	width:970px;
	float:left;
}
.Lattice td{
	height:22px;
	width:194px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:8px 30px 8px 30px;
}
.Lattice1 td{
	vertical-align:top;
	border-bottom:#161616 solid 1px;
	border-left:#161616 solid 1px;
}
.Lattice1 a{
	color:#B9B9B9;
}
.Lattice1 a:hover{
	color:#FFF;
}
.Lattice1 p{
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-left:30px;
}
.Lattice1 ul li{
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 30px;
		color:#B9B9B9;
}
.latticel-img{
	background-image:url(../images/foot-white.jpg);
}
.Lattice2 div{
	float:left;
	padding:10px 0px 10px 18px;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
}
/*.Lattice2 ul li{
	float:left;
	padding:16px 32px 8px 32px;
	font-family:Arial, Helvetica, sans-serif;
}*/
.Lattice2 a{
	color:#FFF;
	font-weight:bold;
}



