@charset "utf-8";

/*  开发者：黑蚂蚁(SEMCMS外贸网站管理系统) 
	联系QQ:1181698019
	官方网站:http://www.sem-cms.com/
*/
html{width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px;}
*{padding:0px; margin:0px;}
ul li,li{ list-style-type:none;}
body{color:#242424; font-family:"宋体"; background:#FFF; 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:10px;}
.sr2{ right:10px; top:20px; position:absolute;}
.sr2 a{ color:#1EA7BF;}
.sr2 a:hover{ color:#666;}
img{ border:0px;}
h1{ font-size:20px;}

.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: #666;text-decoration: none;}
a:hover {text-decoration: none;color: #3EC0FF;}

#nav a{color: #fff;text-decoration: none; font-size:14px;}
#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: underline;}
#tops a:hover {text-decoration: none;color: #3EC0FF;}

.sem{ width:100%; margin:auto;}
.sem-top{ width:100%; float:left;   webkit-box-shadow:0px 15px 10px -15px  #baacc9;-moz-box-shadow:0px 15px 10px -15px  #baacc9; box-shadow: 0px 15px 10px -15px  #baacc9; }
.sem-top-1{ width:1200px; margin:auto; background:#FFF;  }
.sem-top-1-left{ width:550px; float:left;}
.sem-top-1-right{ width:450px; float:right;}
.sem-top-1-right-1{ width:450px; height:30px; line-height:30px; text-align:right;}
.sem-top-1-right-2{ width:450px; height:30px; line-height:30px; text-align:right; font-size:22px; font-weight:bold; margin-top:33px;}

.semtop1right3{ width:299px; height:50px; background:url(../Clkj_images/sebg.png); position:absolute; right:0px; bottom:0px;}

.semtop1right3dv{ width:250px; float:right; margin:12px 8px;}
.semtopinput1{ width:178px; float:right; padding-left:2px; border:0px solid #fff; background:url(../Clkj_images/sibg.png); height:22px; line-height:22px; margin-top:4px;font-size:12px;     color:#666;}
.semtopinput2{ cursor:pointer; width:50px; float:right; margin-left:8px;border:0px solid #fff;   height:22px; background:url(../Clkj_images/sabg.png);    margin-top:4px; margin-right:4px;}

.sem-top2{ width:100%; float:left;background:#1EA7BF;}
.sem-top-2{ width:1200px; margin:auto; height:40px; background:#1EA7BF;position:relative;}
.sem-top-2 ul li{ width:125px; line-height:40px; height:40px; float:left; text-align:center;}
 
.navline{ background:url(../Clkj_images/navline.png); background-repeat:no-repeat; background-position:right;  color:#FFF;}

.sem-tag{ width:1200px; margin:auto; margin-top:18px; text-indent:0.5em;}
.sem-mid{ width:1200px; margin:auto; margin-top:18px;  }
.sem-mid-left{ width:250px; float:left; margin-right:20px;}
.sem-mid-left-bt{ width:248px; border:1px solid  #E7E7E7; border-top:3px solid #1EA7BF; height:45px; line-height:45px; font-weight:bold;   color:#1BA4ED; text-indent:0.5em; background-image:url(../Clkj_images/titbg.jpg); background-repeat:repeat-x; float:left;}
.sem-mid-left-1,.sem-mid-left-2{ width:248px; border:1px solid #E7E7E7; float:left;box-shadow: 0 0 5px #ccc;   margin-top:-1px; padding-bottom:10px; margin-bottom:10px;}
.sem-mid-left-1-1{ width:248px; margin:auto;}
.sem-mid-left-1-1 li{  width:220px; margin:auto;   padding:10px 8px; border-bottom:1px  dashed  #E7E7E7;}

.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;}
.sem-mid-left-2 li{ float:left; width:240px; margin:auto;    padding:5px; 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:210px; 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;}

.sem-btbg{ width:100%; background:url(../Clkj_images/btbg.png); height:40px;}
.sem-btbgc{ width:1200px; margin:auto; padding:15px 0px; color:#666; position: relative;  background:url(../Clkj_images/btbg.png);}

.sem-mid-mid{ width:540px; float:left;}
.sem-mid-mid-1{ width:540px; float:left; height:210px;  margin-bottom:10px;}
.sem-mid-mid-bt{ width:540px; border:1px solid #E7E7E7; height:45px; 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-mid-2{ width:540px; border:1px solid #E7E7E7; margin-top:-1px; float:left; background:#FFF;}

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

.sem-mid-cont{ width:920px; float:right; background:#FFF;}
.sem-mid-cont-bt{ width:920px; border:1px solid  #F2F2F2; height:45px; line-height:45px; font-weight:bold; font-size:13px; color:#1BA4ED; text-indent:0.5em; background-image: url(../Clkj_images/btbg.png) ; background-repeat:repeat-x; float:left;}
.sem-mid-cont-1{ width:900px; margin:auto; line-height:200%; overflow:hidden;   padding:10px;}
.sem-mid-cont-1 input{ padding:5px; margin-top:5px; margin-bottom:5px;}
.sem-mid-cont-1 textarea{ padding:5px;}
.sem-mid-view-1bg{ background:url(../Clkj_images/contentInfoText.gif); background-repeat:repeat-x; background-position:top;}
.sem-mid-view-1{ width:920px; float:left; }
.sem-mid-view-1-c{ width:920px; margin:auto; margin-top:15px;}
.sem-mid-view-1-left{ width:400px; float:left;}
.sem-mid-view-1-left-1{ width:400px;  float:left;}
.sem-mid-view-1-left-2{ width:400px; float:left; margin-top:10px;}
.sem-mid-view-1-left-2 li{ width:75px; float:left; height:75px;}
.sem-mid-view-1-right{ width:500px; float:right;}
.sem-mid-view-1-right-1{ width:500px; float:left; margin-bottom:10px;line-height:180%; }
.sem-mid-view-1-right-1 h1{ font-size:16px;}
.sem-mid-view-1-right-2{ width:500px; line-height:180%; float:left; margin-bottom:10px;}

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

.sem-mid-cont-new{ width:900px; margin:auto;  overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-new li{ width:900px; float:left;padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #CCC;}
.sem-mid-cont-newx{ width:920px; margin:auto;  overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-newx li{ width:450px; float:left; height:30px; line-height:30px; border-bottom:1px dotted #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-bots{ width:100%; float:left; background:#E7E7E7; margin-top:20px;}
.sem-bot{ width:1200px; margin:auto; }
.sem-botl{ width:900px; float:left;}
.sem-botl ul{ float:left; width:225px;}
.sem-botl li{ width:225px; float:left; padding:8px 0px; line-height:150%;}
.sem-botr{ width:250px; float:right;background:#29C2DE;}
.sem-botr li{ text-align:center; padding:8px 0px; float:left;width:250px; color:#FFF; font-size:18px;  }


.sem-link{ width:100%; border-bottom:1px solid #C3C3C3; float:left;}
.sem-lickc{ width:1200px; margin:auto; }
.sem-lickcl{ width:900px; float:left;margin-top:20px; margin-bottom:10px;}
.sem-lickcr{ width:250px; float:right; text-align:center; background:#29C2DE; padding:14px 0px;}

.sem-bc{ width:100%; border-top:1px solid #FCFCFC; float:left;}

.sem-bott{ width:100%;   background:#FFF;padding-bottom:15px;  }
.sem-bottc{ width:1200px; margin:auto; padding-top:15px; padding-bottom:15px; }
.sem-bottcl{ width:800px; float:left;}
.sem-bottcr{ width:380px; float:right; text-align:right;}




.sem-abous{ width:100%; background:url(../Clkj_images/abbg.png); float:left; margin-bottom:20px; margin-top:10px;}
.sem-abousc{ width:1200px; margin:auto; height:215px;  }
.sem-abouscl{ width:417px; height:215px; overflow:hidden; float:left;}
.sem-abouscr{ width:750px; float:right; color:#FFF; background:#29C2DE;height:215px;}
.sem-abouscr li{ width:750px; line-height:200%; padding:5px 0px;}


.sem-newi{ width:1200px; margin:auto; margin-top:15px;}
.sem-newicc1{ width:600px; float:left; background:url(../Clkj_images/nbb.png); background-position:right; background-repeat:no-repeat;}
.sem-newicc2{ width:600px; float:left;  }
.sem-newic1{ width:540px; float:left; }
.sem-newic2{ width:540px; float:right;}
.sem-newic-l{ width:190px; height:130px; padding:5px; background:#CCC; float:left;}
.sem-newic-r{ width:325px; float:right;}
.sem-newic-r li{ float:left; width:325px; line-height:180%; padding:5px 0px;}

/*pictur style*/

.pic{ width:300px; float:left; 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:278px; margin:auto;  height:360px; border:1px solid #CCC; border-top:3px solid #1EA7BF; overflow:hidden;background:url(../Clkj_images/wzbg.png); background-repeat:repeat-x;  }
.pic-dt{display:table-cell;vertical-align:middle;*display:block;*font-size:130px;text-align:center;width:278px;height:250px; margin:auto;}/*120*0.873*/
.pic-dt img{ vertical-align:middle; width: expression(this.width > 250 && this.width > this.height ? "250px":true);height:expression(this.height > 250 ? "250px" : true); max-width:250px; max-height:250px;}
.pic-div dd{width:278px; float:left; text-align:center; height:77px; line-height:77px;  font-size:13px;}
.pic-dts2{ width:250px; text-align:right; margin:auto; padding:5px 0px;}
.pic-dts2 a{color: #3EC0FF;}
/**/
.pic-dtb{display:table-cell;vertical-align:middle;*display:block;*font-size:261px;text-align:center;width:400px;height:400px;}/*120*0.873*/
.pic-dtb img{ vertical-align:middle; width: expression(this.width > 400 && this.width > this.height ? "400px":true);height:expression(this.height > 400 ? "400px" : true); max-width:400px; max-height:400px;}

.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)*/

/*广告样式 */
#full-screen-slider { width:100%; height:400px; float:left; margin:10px 0px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block;   list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 10px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:6px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background: #C00}



/* examples_body */
.examples_body {
	margin:auto;
	width: 1200px;
	clear: both;
	position: relative; padding-bottom:15px; z-index:9999;
}
.bx_wrap {  
	 
}
.bx_container li{ width:300px; text-align:center;  }

.bx_wrap a.prev {
	width: 27px;
	height: 34px;
	line-height: 17px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 195px;
	left:-30px;
	text-indent: -9999px;
	background: url(../clkj_images/icon_arrow_left.gif) no-repeat left;z-index:9999;
}
.bx_wrap a.prev:hover {
	background: url(../clkj_images/icon_arrow_left.gif) no-repeat right;
}
.bx_wrap a.next {
	width: 27px;
	height: 34px;
	line-height: 17px;
	left: 1200px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 195px;
	text-indent: -9999px;
	background: url(../clkj_images/icon_arrow_right.gif) no-repeat right;z-index:9999;
}
.bx_wrap a.next:hover {
	background: url(../clkj_images/icon_arrow_right.gif) no-repeat left;
}