@charset "utf-8";



*{padding:0px; margin:0px;}
ul li,li{ list-style-type:none;}
body{
	font-family:Arial;
	background-image:url(../Clkj_images/body-bg.jpg); 
	background-repeat:repeat-x;
	background-position:0 0;
	font-size:12px;

}
.cl-1{ color: #F00; margin-right:5px;}
.cb{clear:both; padding:0px; margin:0px;}
.sl{ float:left;}
.sr{ float:right; margin-right:5px;}

.sp_1{ padding:2px 5px; border:1px solid #006699; background:#09F; color:#FFF; font-weight:bold;}
.sp_2{ padding:2px 5px; border:1px solid #999; background:#ccc;}

a{
	color: #333;
	text-decoration: none;
}
a:hover {text-decoration: none;color:  #3EC0FF;}

#nav a{color: #fff;text-decoration: none;}
#nav a:hover {text-decoration: none;color: #3EC0FF;}

#lefts a{color: #232323;text-decoration: none;}
#lefts a:hover {text-decoration: none;color: #3EC0FF;}

#lefts2 a{color: #313131;text-decoration: none;}
#lefts2 a:hover {text-decoration: none;color: #3EC0FF;}

#tops a{color: #0E85C4;text-decoration: none;}
#tops a:hover {text-decoration: none; color: #3EC0FF;}

.sem{ width:1170px; margin:0 auto;}
.sem-adv{ width:1170px; margin:auto; margin-top:-5px; }


/* 导航的动画效果=-=-=-=-=-=-=-[Nav 4]   a：link和a：hover分别控制导航菜单的鼠标效果=-=-=-=-=-=-=- */	
#nav_container4 {  }
#nav_container4 li {float:left; }
#nav_container4 a:link{	color: #000; display:block; }
#nav_container4 a:visited{background-color:: #C00;display:block; }
#nav_container4 a:hover { background-color:#1ba4ed; color:#FFF;  display:block; }

#nav_container4 a:active{background-color:: #C00;display:block; }
/* 回到顶部按钮=-=-=-=-=-=-=- */	
#goTopBtn {	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; BOTTOM:130px;RIGHT: 30px; _position: absolute; _right: auto}



.sem-top{ width:1170; overflow:hidden; margin-bottom:2px; }
.sem-top-1{   margin-bottom:1px;}
.sem-top-1-left{ width:550px; float:left;margin-top:15px;margin-bottom:-5px;}
.sem-top-1-right{ width:450px; float:right;}
.sem-top-1-right-1{ width:450px; height:30px;text-align:right;}
.sem-top-1-right-1 img{ width:12px;}
.sem-top-1-right-2{ width:450px; height:30px; line-height:30px; text-align:right; font-size:22px; font-weight:bold;}
.sem-top-1-right-3{ width:450px; height:35px; text-align:right;}
.sem-top-1-right-3 li{ width:310px; float:right; height:35px;}
.sem-top-1-right-3 input{ float:right; }
.sem-top-input-1{ width:180px; float:left;margin-left:5px;border:1px solid #CBD9E4; margin-top:14px;font-size:12px; line-height:19px; padding:2px; color:#666;}
.sem-top-input-2{ width:70px; float:right;line-height:22px; height:25px; background:#1BA4ED; border:1px solid #4F9ED9; font-size:12px;color:#FFF; font-weight:bold; margin-top:14px;}


.sem-top-bot{ overflow:hidden; width:1170px;}
.sem-top-2{ overflow:hidden; float:right;line-height:36px; height:48px; font-size:12px; font-weight:bold; color:#000; margin-top:13px; }
.sem-top-2 li{ width:90px; line-height:36px; height:38px; float:left; text-align:center;}

/* 分割线=	.navline{ background:url(../Clkj_images/navline.gif) ;   background-repeat:no-repeat; background-position:left;  color:#FFF;}        -=-=- */
.sem-top-3{	width:150px;	float:left;	line-height:36px;	height:36px;	font-size:12px;	font-weight:bold;	margin-top:15px;
	text-align:center;	background-color:#900;	color:#FFF;	display:block;}
.sem-top-3 a{ background-color:#900;	color:#FFF;	display:block;}
.sem-top-3 a:hover{	background-color:#006;	color:#FFF;	display:block;}
.sem-top-4{	width:60px;	float:left;	line-height:36px;	height:36px;	font-size:12px;	font-weight:bold;	color:#000;	margin-top:15px;	text-align:center;	background-color:#900;	color:#FFF;	display:block; background-image:url(../Clkj_images/house.gif); background-repeat:no-repeat; background-position:center;}



.sem-tag{width:1170;	float:left;		text-indent:1.5em;	color: #069;}
.sem-mid{ width:1170; float:left; margin-top:18px;}
.sem-mid-left{ width:260px; float:left; margin-right:20px;}
.sem-mid-left-bt{ width:260px; border:0px;  height:35px; line-height:35px; font-weight:bold; font-size:13px; color:#FFF; text-indent:4em; background-image:url(../Clkj_images/titbg.png); background-repeat:repeat-x; float:left;}


.sem-mid-left-1,.sem-mid-left-2{ width:258px; float:left; border:1px solid #CCC; background:#F6F6F6;  margin-top:-1px; padding-bottom:10px; margin-bottom:10px;}
.sem-mid-left-2-index{ width:258px;height:auto; float:left; border:1px solid #CCC; background:#F6F6F6;  margin-top:-1px; padding-bottom:10px; margin-bottom:10px;}
.sem-mid-left-2-index li{ float:left; width:258px; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background-image:url(../Clkj_images/ar.gif); background-position:5px 5px; background-repeat:no-repeat; text-indent:1em;}
.sem-mid-left-2-others{ width:258px; float:left; height:120px;border:1px solid #CCC; background:#F6F6F6;  margin-top:-1px; padding-bottom:10px; margin-bottom:10px;  line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; text-indent:1em;}

/*中间hot为滚动图片部分*/
.sem-hot{ width:1170; float:left; text-align:center; background:#FFF; margin-top:-1px;margin-bottom:15px;}
.sem-hot-1{float:left; text-align:center;  width:470px;  height:270px; background-image:url(../Clkj_images/molde-back.jpg); background-repeat:no-repeat;  }
.sem-hot-2{float:right; width:690px; height:270px; margin-left:10px; background:#F6F6F6;  }
.sem-hot-3-1{margin-left:auto; margin-right:auto; width:450px; height:55px;  margin-top:10px; background-image:url(../Clkj_images/1design.jpg); background-repeat:no-repeat;}
.sem-hot-3-1:hover{margin-left:auto; margin-right:auto;  width:450px; height:55px;  margin-top:10px; background-image:url(../Clkj_images/1designr.jpg); background-repeat:no-repeat;}
.sem-hot-3-2{ margin-left:auto; margin-right:auto; width:450px; height:55px; margin-top:10px;background-image:url(../Clkj_images/1mode.jpg); background-repeat:no-repeat;}
.sem-hot-3-2:hover{margin-left:auto; margin-right:auto;  width:450px; height:55px;  margin-top:10px; background-image:url(../Clkj_images/1moder.jpg); background-repeat:no-repeat;}
.sem-hot-3-3{margin-left:auto; margin-right:auto;  width:450px; height:55px; margin-top:10px; background-image:url(../Clkj_images/1inject.jpg); background-repeat:no-repeat;}
.sem-hot-3-3:hover{margin-left:auto; margin-right:auto; width:450px; height:55px; margin-top:10px; background-image:url(../Clkj_images/1injectr.jpg); background-repeat:no-repeat;}
.sem-hot-3-4{margin-left:auto; margin-right:auto;  width:450px; height:55px;   margin-top:10px; background-image:url(../Clkj_images/1quality.jpg); background-repeat:no-repeat;}
.sem-hot-3-4:hover{ width:450px; height:55px; margin-top:10px; background-image:url(../Clkj_images/1qualityr.jpg); background-repeat:no-repeat;}



.sem-hot-bt{float:left; width:690px; height:35px; text-align:right;  line-height:35px;  font-size:11px; color:#FFF; background-image:url(../Clkj_images/titabout.png); background-repeat:no-repeat; }

.sem-hot-bot{float:left; width:300px; height:45px; text-align:left; text-indent:3em; line-height:25px; font-size:12px; color:#333;}
/*此处为首页about us的样式，带有省略号功能，FF浏览器不兼容*/
.sem-hot-about{float:left; width:480px; height:165px; overflow:hidden; padding-bottom:10px;padding-top:15px; padding-left:30px;  text-align:left; line-height:20px; word-break:break-all;  text-overflow: ellipsis; -o-text-overflow: ellipsis; background-image:url(../Clkj_images/ar.gif); background-position:25px 20px; background-repeat:no-repeat; text-indent:1em;}

.sem-hot-about-pic{float:right; }
.sem-hot-about-pic img{width:150px; margin:7px 0px 0px 0px;}
.sem-move-bt{margin-left:25px; margin-right:25px; float:left; width:562px; text-align:right; line-height:35px;  font-size:11px; color:#FFF; background-image:url(../Clkj_images/titmove.png); background-repeat:no-repeat; position:relative; z-index:99999; margin-bottom:-15px;}
.sem-mid-move{ text-align:center; width:560px; height:200px; border:1px solid #CCC; margin-top:-1px; float:left; background:#F6F6F6; margin-bottom:5px;}
.sem-mid-contact-bt{float:left; width:562px; height:35px; text-align:right; line-height:35px; font-weight:bold; font-size:11px; color:#FFF; background-image:url(../Clkj_images/titcontact.png); background-repeat:no-repeat; position:relative; z-index:99999; margin-bottom:-15px;}
.sem-mid-contact{ text-align:left; text-indent:1em; padding-top:20px; width:560px; height:103px;border:1px solid #CCC; margin-top:-1px; float:left; background:#F6F6F6; margin-bottom:5px; line-height:20px;  overflow:hidden; word-break:break-all;  text-overflow: ellipsis; -o-text-overflow: ellipsis; background-image:url(../Clkj_images/contactback.png); background-position:380px 15px;background-repeat:no-repeat;  }



.sem-mid-download-bt{float:right; width:200px; height:35px; text-align:left; line-height:35px; font-weight:bold; font-size:11px; color:#FFF; background-image:url(../Clkj_images/titdownload.png); background-repeat:no-repeat; }
.sem-mid-safe-bt{float:right; width:200px; height:35px; text-align:left; line-height:35px; font-weight:bold; font-size:11px; color:#FFF; background-image:url(../Clkj_images/titsafe.png); background-repeat:no-repeat; }
.sem-mid-search-bt{float:right; width:200px; height:35px; text-align:left; line-height:35px; font-weight:bold; font-size:11px; color:#FFF; background-image:url(../Clkj_images/titsearch.png); background-repeat:no-repeat; }
.sem-mid-download{float:right; width:198px; height:74px; border:1px solid #CCC; line-height:20px; margin-top:-1px;font-weight:bold; font-size:12px; color:#1BA4ED; text-indent:0px;  background-color:#F6F6F6; background-image:url(../Clkj_images/Download.png); background-position:60px 0px; background-repeat:no-repeat;}
.sem-mid-download:hover{float:right; width:198px; height:74px; border:1px solid #CCC; line-height:20px; margin-top:-1px;font-weight:bold; font-size:12px; color:#1BA4ED; text-indent:0px;  background-color:#F6F6F6; background-image:url(../Clkj_images/Download-hover.png); background-position:60px 0px; background-repeat:no-repeat;}
.sem-mid-safety{float:right; width:198px; height:74px; border:1px solid #CCC; line-height:20px; margin-top:-1px;font-weight:bold; font-size:12px; color:#1BA4ED; text-indent:0px;  background-color:#FFF; background-image:url(../Clkj_images/vseal.jpg); background-position:40px 0px; background-repeat:no-repeat;}
.sem-mid-search{float:right;width:198px; height:108px; border:1px solid #CCC; line-height:20px; margin-left:14; margin-top:-1px;font-weight:bold; font-size:12px; color:#1BA4ED; text-indent:10px;  background-color:#F6F6F6; }


/*此处为联系我们里面的Feedback按钮*/
.conact-feedback{width:200px; margin-left:50px;height:45px; text-align:center; line-height:45px;background-color:#666; font-size:14px; font-weight:bold; color:#FFF}
.conact-feedback:hover{width:200px; margin-left:50px;height:45px; text-align:center; line-height:45px;background-color:#006; border-bottom-color:font-size:14px;  font-weight:bold;font:#FFF; color:#FFF;}

/*.sem-s1{ width:270px; height:160px; border:0px solid #CCC; line-height:20px; font-weight:bold; font-size:12px; color:#1BA4ED; text-indent:5px; float:left; margin-bottom:5px; padding-top:5px; background-color:#FFF;}*/

.sem-mid-left-1-1{ width:258px; margin:auto;}
.sem-mid-left-1-1 li{  width:258px; height:25px; padding-top:8px; border-bottom:1px dashed #ddd;}

.sem-mid-left-1-1-1{ background-image:url(../Clkj_images/ico.gif); background-repeat:no-repeat; background-position:5px 10px; text-indent:2em;}
.sem-mid-left-1-1-2{ background-image: url(../Clkj_images/ar.gif); background-repeat:no-repeat; background-position:18px 10px; text-indent:2.5em;}

/*此处为首新闻标题的样式，带有省略号功能，ff浏览器不兼容*/
.sem-mid-left-2 li{ float:left; width:258px; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background-image:url(../Clkj_images/ar.gif); background-position:5px 5px; background-repeat:no-repeat; text-indent:1em;}

.sem-mid-left-3{ width:260px; height:144px; float:left; background-image:url(../Clkj_images/ournewsletter.jpg);}
.sem-mid-left-3-1{ height:45px; line-height:45px; color:#FFF; font-weight:bold; font-size:13px; text-indent:1em; width:210px;  float:left;}
.sem-mid-left-3-2{ width:180px; margin:auto;}
.sem-mid-left-3-2 li{ width:180px; float:left; height:35px; margin-top:10px;}


.pretime td{width:33%; valign:top; vertical-align:top; height:auto;}

.sem-mid-mid{ }
.sem-mid-mid-bot{width:770px; float:left; margin-top:5px; }
.sem-mid-mid-1{ width:540px; float:left; height:210px;  margin-bottom:10px;}
.sem-mid-mid-bt{ width:768px; border:1px solid #CCC; line-height:45px; font-weight:bold; font-size:13px; color:#1BA4ED; text-indent:1em; background-image:url(../Clkj_images/titbg.jpg); background-repeat:repeat-x; float:left;}



.sem-mid-right{ width:210px; float:right;}
.sem-mid-right-1{ width:208px; border:1px solid #CCC; margin-top:-1px;background:#fff;padding-bottom:3px;}

.sem-mid-cont{ width:888px; float:right; background:#FFF;}
.sem-mid-cont-bt{width:888px; border:0px solid  #F2F2F2; height:45px; line-height:45px;	font-weight:bold; font-size:14px; color:#FFF; text-indent:6em;background:url(../Clkj_images/titbg1.png);	background-repeat:repeat-x;	float:left;}


.highlight { background: yellow; color: red; }

.index-pic {border:1px solid #ccc; width:21%; margin:1%;float:left;overflow:hidden;margin-top:30px;}
/* .index-pic img:hover{   vertical-align: middle;        -webkit-transition: -webkit-transform .4s;    transition: transform .4s;    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);    transform: scale(1.25);    zoom: 1.25; }
 */


.sem-mid-cont-1{ width:820px; margin:auto; line-height:180%; overflow:hidden; padding-top:10px; padding-bottom:10px;}

.sem-mid-view-1bg{ background:url(../Clkj_images/contentInfoText.gif); background-repeat:repeat-x; background-position:top;}
.sem-mid-view-1{ width:888px; float:left; }
.sem-mid-view-1-c{ width:750px; margin:auto; margin-top:15px;}
.sem-mid-view-1-left{ width:300px; float:left;}
.sem-mid-view-1-left-1{ width:300px; height:300px; float:left;}
.sem-mid-view-1-left-2{ width:300px; float:left; margin-top:10px;}
.sem-mid-view-1-left-2 li{ width:75px; float:left; height:75px;}
.sem-mid-view-1-right{ width:440px; float:right;}
.sem-mid-view-1-right-1{ width:440px; float:left; margin-bottom:10px;line-height:180%; }
.sem-mid-view-1-right-1 h1{ font-size:13px;}
.sem-mid-view-1-right-2{ width:440px; line-height:180%; float:left; margin-bottom:10px;}

.sem-mid-view-1-m{ width:750px; margin:auto; margin-top:15px;}
.sem-mid-view-1-m-1{ width:750px; float:left; height:25px; font-size:13px; font-weight:bold; line-height:25px; border-bottom:1px solid #CCC;}
.sem-mid-view-1-m-2{ width:750px;float:left; line-height:150%; margin-top:10px; margin-bottom:10px; overflow:hidden; }

.sem-mid-cont-new{ width:850px; margin:auto;  overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-new li{ width:850px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #CCC;}
.sem-mid-cont-newx{ width:850px; margin:auto;  overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-newx li{ width:360px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #CCC;overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  background-image: url(../Clkj_images/ar.gif); background-repeat:no-repeat; background-position:1px 10px; text-indent:0.5em; margin-right:4px;}

.sem-bot{  background:url(../Clkj_images/botbg.jpg); background-repeat:repeat-x; margin-top:11px; color: #666;overflow:hidden;}
.sem-bot-1{ width:1170; margin-top:20px; margin-bottom:20px;text-align:center; }




/*pictur style   dt为产品标题  dd为图下面的层*/

.pic{ width:180px; float:left; margin-left:12px; margin-top:10px; margin-bottom:10px;}
.pics{ width:180px; margin:auto;  margin-top:10px; margin-bottom:10px; }
.picd{ width:187px; float:left;  margin-top:10px; margin-bottom:10px;}
.pic-div{ width:160px; margin:auto;  height:230px; overflow:hidden; }
.pic-dt{ display:table-cell;vertical-align:middle; *display:block;*font-size:130px;text-align:center; width:150px;height:150px;}/*120*0.873*/
.pic-dt img{vertical-align:middle; width: expression(this.width > 150 && this.width > this.height ? "150px":true);height:expression(this.height > 150 ? "150px" : true); max-width:150px; max-height:150px;}
.pic-div dd{width:160px; line-height:120%; float:left; text-align:center; padding-top:0px; font-size:12px;}
/**/
.pic-dtb{display:table-cell;vertical-align:middle;*display:block;*font-size:261px;text-align:center;width:300px;height:300px;}/*120*0.873*/
.pic-dtb img{ vertical-align:middle; width: expression(this.width > 298 && this.width > this.height ? "298px":true);height:expression(this.height > 298 ? "298px" : true); max-width:298px; max-height:298px;}

.pic-dts{display:table-cell;vertical-align:middle;*display:block;*font-size:56px;text-align:center;width:65px;height:65px; border:1px solid #CCC;}/*120*0.873*/
.pic-dts img{ vertical-align:middle; width: expression(this.width > 65 && this.width > this.height ? "65px":true);height:expression(this.height > 65 ? "65px" : true); max-width:65px; max-height:65px; padding:2px;}


/*广告样式 (新增2010.09.09)*/
/*下面可以调整轮的大小*/
div#MainPromotionBanner{
	width:1170px;
	height:510px;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 510px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 1170px;
	height: 510px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 1170px;
	height: 510px;	
}

/*下面可以调整轮播图片的按钮位置*/
#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 460px; 
	right: 30px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 6px;
	background: url(../Clkj_images/slide_trigger.gif) no-repeat center center; 
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(../Clkj_images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}


/*滚动图片代码需要的样式 */
#demo {
background:#F6F6F6;
overflow:hidden;
height:190px;
width: 530px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}