@charset "utf-8";

/* 样式 *{ margin:0; padding:0;}

body{ margin:0; padding:0; color:#333333;background:url(../../public/images/kcis_bg.png);}
*/

.scrolitem-f {width:980px;height:332px;border-bottom:1px solid #dedede;}
.scrolitem { z-index:0; position:relative; overflow:hidden; width:100%; height:220px; }
.scrolitem .items { width:20000em; position:absolute; clear:both; }
.items ul { float:left; }
.items ul li { position:relative; overflow:hidden; z-index:20; float:left; margin:0 20px 0 0; }
.items ul li b { position:absolute; height:30px; line-height:24px; text-indent:15px; bottom:0; left:0; z-index:25; }
.items ul li a {color:#fff;}
.items ul li a:hover {text-decoration:none;}
.items ul li a:hover .pro-title-bg {text-decoration:none; height:33px;}
.items ul li a:hover b {line-height:21px;}
.pro-title-bg { width:460px; height:30px; position:absolute; z-index:25; bottom:0; left:0; background:#000; opacity:0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); }



.frame {position:relative; font:14px/1.5 "Microsoft Yahei","微软雅黑",Verdana,Arial,Helvetica,STHeiti,sans-serif; padding-top:2px;}
.frame .frame-top, .frame .frame-top-l, .frame .frame-top-r, .frame .frame-bottom, .frame .frame-bottom-l, .frame .frame-bottom-r
{ background:url(../../public/images/frame_main.png) 0 0 no-repeat; }
.frame .frame-c { height:100%;  overflow:hidden;}
.frame .frame-top, .frame .frame-bottom {position:absolute; width:100%; height:9px; background-repeat:repeat-x;}
.frame .frame-top { top:0; left:0; background-position:0 -25px;  }
.frame .frame-bottom {bottom:0; left:0; background-position:0 -39px; }
.frame .frame-top-l, .frame .frame-bottom-l, .frame .frame-top-r, .frame .frame-bottom-r{ float:left; display:block; width:9px; height:9px; overflow:hidden; } 
.frame .frame-top-r, .frame .frame-bottom-r{ float:right; }
.frame .frame-top-l { background-position:0 0; }
.frame .frame-top-r { background-position:-13px 0; }
.frame .frame-bottom-l{ background-position:0 -13px; } 
.frame .frame-bottom-r{ background-position:-13px -13px; } 

.kcis-content-f { width:984px; margin:0 auto;}
.title-main { font-size:40px; margin-bottom:30px; text-shadow:#fff 0 1px 1px; }
.title-desc { text-align:center; }





.kcis-advantage {position:relative;}
#kcisAdvantage { position:absolute; width:100%; height:0px; left:0; top:-95px; font-size:0; }
.kcis-advantage .kcis-logo-b{color:#00a0c6; font-size:60px; font-family:Myriad Pro,Arial,Helvetica; vertical-align:-5px;}
.kcis-advantage .kcis-logo-i{ color:#ff9500; }
.kcis-advantage .kcis-logo-tm{ color:#333; font-size:40px; vertical-align:14px; }
.gallery2-f { height:331px; margin-bottom:35px; position:relative; width:982px; margin:0 auto; overflow:hidden;}
.gallery2-f .left-box-f {float:left; width:980px; height:340px;overflow:hidden; }
.gallery2-f .right-box-f {float:right; width:485px; height:340px; overflow:hidden;}
.gallery2-f .center-line{ position:absolute; width:1px; height:340px; z-index:999; left:491px; top:0; background:url(../../public/images/navigatorb_rb.png) right 0 no-repeat; }
.scrolitem, .scrolitem2 { z-index:0; position:relative; overflow:hidden; }
.scrolitem .items, .scrolitem2 .items { width:20000em; position:absolute; clear:both; top:1px; }
.items ul li { width:430px; height:276px; padding:30px; position:relative; overflow:hidden; float:left; }
.items ul li h3 {font-size:18px; font-weight:bold; margin-bottom:8px;}
.items ul li p {font-size:14px;}
.items ul li .options-con {overflow:hidden;}
.o01l {background:url(../../public/images/kcis_option_bg01_l.png) 198px 10px no-repeat;}	.o01l .options-con {width:230px;}
.o01r {background:url(../../public/images/kcis_option_bg01-r.png) right 0 no-repeat;}		.o01r .options-con {width:131px;}
.o02l {background:url(../../public/images/kcis_option_bg02_l.png) 0 0 no-repeat;}			.o02l .options-con {width:192px; float:right;}
.o02r {background:url(../../public/images/kcis_option_bg02_r.png) 0 12px no-repeat;}		.o02r .options-con {width:145px; float:right;}
.o03l {background:url(../../public/images/kcis_option_bg03_l.png) 153px 57px no-repeat;}	.o03l .options-con {width:257px;}
.o03r {background:url(../../public/images/kcis_option_bg03_r.png) right 12px no-repeat;}	.o03r .options-con {width:190px;}
.o04l {background:url(../../public/images/kcis_option_bg04_l.png) 0 68px no-repeat;}		.o04l .options-con {width:172px; float:right;}
.o04r {background:url(../../public/images/kcis_option_bg04_r.png) 0 99px no-repeat;}		.o04r .options-con {width:164px; float:right;}
.o05l {background:url(../../public/images/kcis_option_bg05_l.png) right 15px no-repeat;}	.o05l .options-con {width:163px;}
.o05r {background:url(../../public/images/kcis_option_bg05_r.png) right 79px no-repeat;}	.o05r .options-con {width:178px;}
.navi2 {width:135px; height:17px; padding:0; margin:7px auto 0 auto; left:432px; top:295px; text-align:center; position:absolute; overflow:hidden; }
.navi2 a { display:block; float:left; width:12px; height:12px; line-height:12px;overflow:hidden; cursor:pointer; margin-right:15px; background:url(../../public/images/navigatorb.png) 0 0 no-repeat; }
.navi2 a:hover, .navi2 a.active { text-decoration:none; background-position:-12px 0; }