﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/

/* CSS Document */
/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/


/*banner*/
.fullSlide {width:100%;position:relative;height:869px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:869px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:869px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#fffab1;  background:#fff; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ background:#cfaa61; color:#cfaa61;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(../image/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../image/right1s.png) no-repeat;}


/*张家港立诺智能锁智能锁—享誉业内 · 有口皆碑*/
.pp_bt { text-align:center; padding:65px 0 50px;}
.pp_bt a { font-size:38px; color:#333}
.pp_bt a em { display:block; font-size:18px; color:#666; padding:15px 0;}
.pp_bt a i { display:block; padding:10px 0 0;}
.pp_bt a:hover { color:#dfb458}
.pp_con { background:url(../image/pp_bg.gif) no-repeat; height:254px; margin-bottom:70px;}
.pp_con a { width:254px; height:214px; padding:40px 0 0; display:block; text-align:center; float:left; margin-right:60px;}
.pp_con a i { background:url(../image/pp_ico01.png) no-repeat; width:52px; height:60px; display:block; margin:0 auto;}
.pp_con a em { display:block; font-size:30px; color:#fff; padding:10px 0;}
.pp_con a span { display:block; font-size:16px; color:#fff; line-height:25px;}
.pp_con a:hover { background:url(../image/pp_libg.gif) no-repeat;}
.pp_con a:hover i { background:url(../image/pp_ico02.png) no-repeat;}
.pp_con .pp_li02 i { background:url(../image/pp_ico01.png) no-repeat -331px 0; width:50px;}
.pp_con .pp_li02:hover i { background:url(../image/pp_ico02.png) no-repeat -331px 0;}
.pp_con .pp_li03 i { background:url(../image/pp_ico01.png) no-repeat -631px 0; width:52px;}
.pp_con .pp_li03:hover i { background:url(../image/pp_ico02.png) no-repeat -631px 0;}
.pp_con .pp_li04 { margin:0;}
.pp_con .pp_li04 i { background:url(../image/pp_ico01.png) no-repeat -950px 0; width:38px;}
.pp_con .pp_li04:hover i { background:url(../image/pp_ico02.png) no-repeat -950px 0;}

/*张家港立诺智能锁产品中心*/
.zx_bg { background:url(../image/zx_bg.jpg) no-repeat center 0; height:1154px;overflow:hidden;}
.zx { width:241px; overflow:hidden;}
.zx_top { background: url(../image/zx_topbg.gif) no-repeat;  height:59px; line-height:59px;}
.zx_top a { font-size:18px; color:#333; font-weight:bold;}
.zx_top a img { display:block; float:left; padding:18px 10px 0 30px;} 
.zx_con { background:#fff; padding:19px 0 10px;}
.zx_con h3 a { background:#cfaa61 url(../image/zx_ico03.gif) no-repeat 196px 20px; width:203px; height:44px; line-height:44px; margin:0 0 10px 8px; display:block; padding-left:22px; color:#333; font-size:16px; font-weight:normal;}
.zx_con ul { padding:0 0 0 15px;}
.zx_con ul li { height:39px; line-height:39px; background:url(../image/zx_ico05.gif) no-repeat 0 18px; padding-left:20px;}
.zx_con ul li a { font-size:14px; color:#000;}
.zx_con ul li a:hover { color:#cfaa61;}
.zx_con ul .nobor01 { border:none;}

.rx { width:932px;}
.rx_list { height:72px;}
.rx_list ul li { float:left; margin-right:1px}
.rx_list ul .nobor { margin:0;}
.rx_list ul li a { background:url(../image/cp_libg01.gif) no-repeat; width:232px; height:54px; line-height:54px; color:#333; font-size:18px; display:block; text-align:center;}
.rx_list ul li a:hover,.rx_list ul .cur a {background:url(../image/cp_libg02.gif) no-repeat;}

.rx_con { height:390px;}
.rx_con ul li { float:left; width:459px; height:352px; position:relative; background:#fff;}
.rx_con ul li img{height:352px;}
.rx_con ul .rx_li02 { float:right;}
.rx_con ul li a em { display:block; position:absolute; top:320px; left:0; width:100%; text-align:center; font-size:16px; color:#000;}
.rx_bt { height:34px; border-bottom:solid 1px #000; margin-bottom:20px;}
.rx_bt em { float:right;}
.rx_bt em a { font-size:14px; color:#333;}
.rx_bt span a { font-size:18px; color:#000033;}
.rx_con02 { height:390px;}
.rx_con02 ul li { float:left; width:217px; height:330px; position:relative; margin-right:20px;}
.rx_con02 ul li img{width:217px; height:330px;}
.rx_con02 ul .nobor { margin:0;}
.rx_con02 ul li a em { display:block; position:absolute; top:300px; left:0; width:100%; text-align:center; font-size:16px; color:#000;}

/*优势切换*/
.ys_bg { background:url(../image/ys_bg.jpg) no-repeat center 0; height:2356px;overflow:hidden;}
.ys_pic01 { top:0; left:525px;}
.ys_pic02 { top:531px; left:-360px;}
.ys_pic03 { top:1058px; left:525px;}
.ys_pic04 { top:1589px; left:-360px;}
.ys_con01 { position:absolute; top:50px; left:0; width:525px; text-align:center;}
.ys_con01 i { display:block; margin-bottom:20px;}
.ys_con01 span a { display:block; font-size:30px; color:#666; text-decoration:underline;}
.ys_con01 span a:hover { color:#cfaa61;}
.ys_con01 p { font-size:16px; color:#666; line-height:30px; padding:30px 0;}
.ys_con01 p em { font-weight:bold; color:#cfaa61;}
.ys_con02 { top:600px; left:675px;}
.ys_con03 { top:1126px; left:0;}
.ys_con04 { top:1660px; left:675px;}

/*全程支持 · 张家港立诺智能锁与您携手共赢*/
.zc_bg { background:url(../image/zc_bg.jpg) no-repeat center 0; height:884px;overflow:hidden;}
.zc_bt { text-align:center; padding:75px 0 85px;}
.zc_pic01 { top:0; left:196px;}
.zc_pic02 { top:0; left:877px;}
.zc_pic03 { top:300px; left:196px;}
.zc_pic04 { top:300px; left:900px;} 
.zc_wz01 { top:135px; left:88px;}
.zc_wz01 a { font-size:24px; color:#f7dc93;}
.zc_wz01 a em { font-size:18px; color:#f7dc93; display:block; padding:15px 0 0;}
.zc_wz02 { top:135px; left:766px;}
.zc_wz03 { top:404px; left:88px;}
.zc_wz04 { top:404px; left:766px;}
.zc_dh { top:218px; left:488px; text-align:center;}
.zc_dh em { display:block; font-size:16px; color:#f3db99; padding:10px 0 0;}

/*客户评价与您分享*/
.jz_con { display:inline-block;} 
.jz_con dl { background:url(../image/jz_libg.gif) repeat-x; height:484px; float:left; width:296px; margin-right:5px;}
.jz_con .nobor { margin:0;}
.jz_con dl dt { position:relative; text-align:center;}
.jz_con dl dt a i { display:block; position:absolute; top:0; left:0; width:100%; text-align:center;}
.jz_con dl dt a img { width:188px; height:188px; display:block; margin:0 auto;}
.jz_con dl dt a em { display:block; font-size:12px; color:#666; padding:18px 0;}
.jz_con dl dt a:hover em {  color:#dfb458;}
.jz_con dl dd { text-align:center;}
.jz_con dl dd b { line-height:20px; height:20px; overflow:hidden; display:block; margin-bottom:20px;}
.jz_con dl dd b a { font-size:16px; color:#333;}
.jz_con dl dd b a:hover {  color:#dfb458;}
.jz_con dl dd i { display:block;}
.jz_con dl dd p { color:#666; font-size:14px; line-height:25px; width:266px; height:75px; overflow:hidden; margin:0 auto; padding:20px 0;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dl dd span a { font-weight:bold; color:#777;}

/*酒店锁经销商*/
.jd_bg { background:url(../image/jd_bg.gif) no-repeat; height:134px; margin:26px 0 65px;}
.jd_bg p { float:left; width:185px; padding:35px 0 0 115px; font-size:24px; color:#fff;}
.jd_bg p em { display:block; font-size:22px; color:#f9d691; padding:5px 0 0;}

/*长期合作伙伴*/
.hz_bg { background:#e7e7e8; height:410px; overflow:hidden;}
.kh_con { margin-top:31px; height:250px;}
.kh01 { top:43px; left:-46px;}
.kh03 { top:43px; right:-46px;}
.kh02 ul li { float:left; width:226px; height:124px; margin:0 17px 0 0; position:relative; overflow:hidden;}
.kh02 ul .nobor { margin:0;}
.kh02 ul li a img { width:226px; height:124px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.kh02 ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}


/*走进张家港立诺智能锁*/
.zj_con i a img { width:1200px; height:522px; overflow:hidden;}
.zj_con p { text-align:center; margin:-50px 0 0; font-size:24px; color:#fff; height:80px;}
.zj_con p em { padding:0 150px;}
.zj_con span { display:block; width:944px; color:#666; font-size:16px; line-height:30px; margin:0 auto 50px; text-align:center;}

/*团队风采*/
.fc_bg { background:#f2f2f2; padding:46px 0 0; height:340px; overflow:hidden;}
.fc_nav { height:60px; padding-left:410px;}
.fc_nav ul li { float:left; margin-right:50px;}
.fc_nav ul li a { color:#333; font-size:24px;}
.fc_nav ul li a:hover,.fc_nav ul .cur a { color:#dfb458}

.fc_con ul li { float:left; width:282px; height:220px; margin:0 24px 0 0; position:relative; overflow:hidden;}
.fc_con ul .nobor { margin:0;}
.fc_con ul li a img { width:282px; height:220px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fc_con ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

/*新闻中心*/
.dt_top { height:36px; background:url(../image/dt_xx01.gif) repeat-x 0 bottom; margin-bottom:37px;}
.dt_top ul li { float:left; padding:0 40px 0 0;}
.dt_top ul li a { font-size:20px; color:#333; font-weight:bold; height:36px; display:block;}
.dt_top ul li a:hover,.dt_top ul .cur a { color:#dfb458; background:url(../image/dt_xx02.gif) repeat-x 0 bottom}
.dt01 { width:588px;}
.dt01 dl dt { position:relative;}
.dt01 dl dt a { display:block; overflow:hidden; width:588px; height:240px;}
.dt01 dl dt a img { width:588px; height:240px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt01 dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.dt01 dl dt span { width:91px; height:36px; line-height:36px; text-align:center; background:#fff; border-radius:2px 2px 0 0; position:absolute; top:205px; left:250px; font-family:Arial; font-size:32px; color:#171717;}
.dt01 dl dt span em { font-size:14px; color:#171717;}
.dt01 dl dd { padding:10px 0 0;}
.dt01 dl dd em a { display:block; font-size:18px; color:#000; margin:10px 0;}
.dt01 dl dd em a:hover { color:#dfb458}
.dt01 dl dd span { display:block; font-size:14px; color:#555; line-height:30px;}
.dt01 dl dd span a { color:#ff8500}

.dt02 { width:555px;}
.dt02 dl { height:107px; border-bottom:dashed 1px #d0d0d0; margin-bottom:30px;}
.dt02 .nobor { border:none;}
.dt02 dl dt { float:left; width:122px; font-family:Arial; font-size:50px; color:#989898;}
.dt02 dl dt em { display:block; font-size:16px; color:#989898;}
.dt02 dl dd { float:left; width:425px;}
.dt02 dl dd em a { display:block; font-size:16px; color:#000; height:30px; line-height:30px; overflow:hidden;}
.dt02 dl dd em a:hover { color:#dfb458}
.dt02 dl dd span { display:block; font-size:14px; color:#555; line-height:30px; padding:5px 0 0; height:60px; overflow:hidden;}

/*常见问题*/
.wd { height:175px; overflow:hidden;}
.wd01 { width:105px; padding:10px 0 0;}
.wd01 span a { display:block; font-size:20px; color:#383838; font-weight:bold;}
.wd01 span em { display:block; font-family:Arial; font-size:14px; color:#b4b4b4; text-transform:uppercase; margin-bottom:30px;}
.hdd a{ float:left;}
.wd_con { width:1095px;}
.wd_con li{ float:left; width:484px;margin-left:35px; padding:16px 0 0 25px; background:#fafafa; border:solid 1px #ececec; height:97px; }
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../image/wd_w.gif) no-repeat 0 0; height:22px; line-height:22px; padding-left:30px; overflow:hidden; margin-bottom:5px;}
.wd_con dl dt a { color:#3d3d3d; font-size:14px; font-weight:bold;}
.wd_con dl dt a:hover { color:#dfb458;}
.wd_con dd { background:url(../image/wd_d.gif) no-repeat 0 2px;  line-height:25px; padding-left:30px;font-size:14px;color:#343231; white-space:normal; word-break:normal;}

