@charset "utf-8";*,:after,:before{-webkit-user-select:none;-moz-user-select:-moz-none;-webkit-touch-callout:none;-ms-touch-action:pan-y;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}

body,html{-ms-overflow-style:none !important;width:100%;height:100%;background:#fff;}

body{-webkit-text-size-adjust:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;color:#555;font-size:12px;font-size:62.5%}

input,textarea{-webkit-user-select:text;-moz-user-select:-moz-text;-moz-user-select:text}

img{border:none}

p{display:block;color:inherit}

dd,dl,dt,li,ul{list-style:none}

img{/*max-width:100%;*/border:0}

.clear{float:none;clear:both;width:0;height:0;border:0;display:block;font-size:0;background:0 0;visibility:hidden;overflow:hidden}

a{color:#555;text-decoration:none;outline:0;cursor:pointer}

a:hover{color:#0059a9;text-decoration:none;outline:0}

@font-face{font-family:"Microsoft YaHei"}

.iconfont{font-family:"Microsoft YaHei" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}

.cbtn-back,.cbtn-search{position:absolute;left:1%;top:30%;width:40px;height:27px;display:block;color:#fff;font:2.8px/2.2;text-align:center;cursor:pointer}

.cbtn-back:visited,.cbtn-search:visited{color:#fffff4}

.srch{position:absolute;left:0;top:0;z-index:99999999;width:90.625%;margin:1.5% 4.6875%;font-size:14px;-webkit-appearance:none;display:none;background:#0064a6;border-radius:5px}

.srch-txt{width:100%;border:none;color:#fff;font:.75px/2.6;text-indent:1px;border-radius:5px;background:#0064a6;cursor:pointer;-webkit-appearance:none}

.srch-txt::-webkit-input-placeholder{color:#c9e6f9}

.srch-sub{position:absolute;top:0;right:0;width:17%;height:100%;border:none;border-radius:5px;color:#c9e6f9;font:2px/1;text-align:center;background:#0064a6;cursor:pointer;-webkit-appearance:none}

.mod-slide{position:relative;visibility:hidden;overflow:hidden}

.slide-in{position:relative;overflow:hidden}

.slide-in>div{position:relative;float:left;width:100%;font-size:0;text-align:center}

.slide-in>div img{display:inline-block}

.slide-pos{position:absolute;left:0;bottom:1px;z-index:9999;width:100%;padding:1% 0 0 0;text-align:center}

.slide-pos li{width:2px;height:.2px;margin:0 .4px;display:inline-block;background:#fff}

.slide-pos li.on{background:#133169}

.slide{width:100%;margin:0 auto}

.inav{width:93.75;padding:3% 3.125% 0 3.125%;background:#bbdcf5}

.inav a{float:left;width:25%;display:block;padding-top:20%;color:#5ba1d6;font:1.38px/2.3;text-align:center;background:#fff}

.inav a:visited{color:#5ba1d5}

.inav .inavBg1{background:url(../images/nav01.jpg) center 27% no-repeat #fff;background-size:66.667%}

.inav .inavBg2{background:url(../images/nav02.jpg) center 27% no-repeat #fff;background-size:66.667%}

.inav .inavBg3{background:url(../images/nav03.jpg) center 27% no-repeat #fff;background-size:66.667%}

.inav .inavBg4{background:url(../images/nav04.jpg) center 27% no-repeat #fff;background-size:66.667%}

.footer{ bottom: 0; max-width: 640px; position: fixed; width: 100%;}

.navFoot{width:90%;margin-left:3.125%;padding-top:3.125%}

.navFoot a{float:left;width:20%;display:block;border-right:.3px solid #fff;color:#fff;font:1.38px/2.2;text-align:center;background:#79b8e8;transform:skew(35deg);-webkit-transform:skew(35deg);transform-origin:left top;-webkit-transform-origin:left top}

.navFoot a:visited{color:#fffffe}

.navFoot li:nth-child(2n) a{background:#0059a9}

.navFoot li:last-child a{margin-right:0}

.navFoot span{display:block;transform:skew(145deg);-webkit-transform:skew(145deg)}

.copy{width:100%;color:#4b4b4b;font:400 1.38px/2;text-align:center;clear:bothl}

.copy a{color:#4b4b4b}

.copy a:visited{color:#535352}

.one-touch{width:100%;background:#373634;background-size:100%;color:#fff;font-size:14px !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}

.one-touch a{float:left;width:25%;padding:10px 0;display:block;color:#fff;text-align:center;cursor:pointer}

.one-touch a:visited{color:#fff}

.one-touch img{margin-bottom:10px}

.one-touch a>span{display:block;font:.4px/1}

.one-touch .iconfont{font:2px/5}

#rightnav{display:none}

#pageslide{display:none;width:240px;height:100%;background:#0f2a5d;position:fixed;top:0;z-index:999999}

.rightnav{z-index:9999 !important;width:240px !important;height:100%;background:#666}

.rightnav>*{padding-top:10px;width:74%;margin:0 auto;border-bottom:1px solid #ddd}

.nav-in a{color:#fff;font-size:14px;text-align:center;display:block}

.nav-in a:visited{color:#fffffe}

.nav-in li{padding:10px 10px;overflow:hidden;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

.nav-in li:first-child{border-top:none}

.cbtn-nav{position:absolute;right:1%;top:40%;width:32px;height:22px;display:block;color:#fff;text-align:center;cursor:pointer}

.cbtn-nav:visited{color:#fff}

.all{min-height:630px}

@media screen and (min-width:640px){.all{width:640px;margin:0 auto;min-height:630px}

.rightnav{width:240px !important}

.afPopup{width:640px}

}

@media screen and (min-width:640px){.all{width:640px;margin:0 auto;min-height:630px}

.rightnav{width:240px !important}

.afPopup{width:640px}

}/*

@media screen and (max-width:540px){body,html{font-size:12px}

}

@media screen and (max-width:480px){body,html{font-size:12px}

}

@media screen and (max-width:420px){body,html{font-size:12px}

}

@media screen and (max-width:360px){body,html{font-size:12px}

}

@media screen and (max-width:320px){body,html{font-size:12px}

}*/

.pproPositionHeight{position:relative;width:100%;padding-top:1px}

.pproPosition{position:relative;width:33%;color:#fff;font:1.5px/1.8 Arial;transform:skew(35deg);-webkit-transform:skew(35deg);transform-origin:left top;-webkit-transform-origin:left top}

.posTitle{position:absolute;left:-10%;top:0;display:block;padding-left:25%;color:#fff;text-align:center;transform:skew(145deg);-webkit-transform:skew(145deg);background:#0059a9}

.pproclass{background:#000}

.pproClass .pproClassMenu{position:absolute;z-index:99;cursor:pointer;width:33%;right:1%;top:20%;color:#fff;font:1.4px/1.8 Arial;border-left:.5px solid #1d79cc;background:#0059a9;transform:skew(135deg);-webkit-transform:skew(135deg);transform-origin:left top;-webkit-transform-origin:left top}

.pproClass .p{position:absolute;width:32%;right:0;top:20%;z-index:999;display:block;color:#fff;font:1.4px/1.8 Arial;background:#0059a9;cursor:pointer}

.pproClass .iconfont{color:#fff;font-size:14px;line-height:24px}

.classList{position:absolute;z-index:999;right:0;min-width:50%;padding:0 2%;color:#fff;font:400 1.1px/2.2 Arial;text-align:left;background:#0059a9;display:none;top:2.8px}

.classList ul li{border-bottom:1px solid #1d79cc}

.classList ul li a{display:block;color:#fff}

.classList ul li a:visited{color:#fffffe}

#popup a{font:10px;font-weight:700;color:#fff}

.pages{padding:2% 0 2% 0}

.pages a{display:inline-block;padding:.5% 1%;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333}

.pages a.a2{background:url(../images/pages.png) no-repeat 0 5px}

.pages a:hover{background:#f1f1f1;color:#000;text-decoration:none}

.pages span{display:inline-block;padding:.5% 1%;background:#000;border:1px solid #999;color:#fff;text-align:center}

.header1{position:relative;z-index:10;text-align:center;color:#fff;font-weight:700;font-size:20px;background:#fff;padding:3% 0 3% 0}

.header{position:relative;z-index:10;background:url(../images/ge.jpg) repeat;padding:3% 0 3% 0}

.logo{display:block;width:90%;margin:0 auto;text-align:center}

.logo img { width:90%;}

.banner{position:relative;width:100%}

.fl{padding:2.5% 0}

.fl li{float:left;width:25%;text-align:center}

.fl li p{line-height:22px;width:100%}

.fl li p a{color:#014ab4}

.fl li img{width:80%}











.jgkesgg { margin: 0 auto 2%; text-align: center; width: 100%;}

.jgkesgg img { width:80%;}





.jgkesggs { margin: 0 auto 2%; text-align: center; width: 95%;}

.jgkesggs img { width:100%;}



.j_gkes{width:100%;margin:2.5% auto 0;line-height:40px;background:#deddde;overflow:hidden}

.j_gkes span{margin-left:2%;font-size:120%;padding:0 3%;color:#555;display:block;float:left;line-height:40px}

.j_gkes a{color:#555;display:block;float:right;margin-right:2%;float:right;display:block}

.j_gkes .selectTag{background:#0368cc}

.j_gkes .selectTag a{color:#fff}



.iueor{clear:both;margin:2.5% 5% 0 5%}

.iueor li{float:left;width:50%;text-align:center;margin-top:2.5%}

.iueor li img{border:1px solid #cacbcb;margin-bottom:5%;width:92%}







.qqiwpo{width:100%;position:relative;margin:2.5% auto 0}

.qqiwpo .gei_yu{background:#0171bf;color:#fff;cursor:pointer;float:right;line-height:36px;text-align:center;width:53.5%}

.qqiwpo ul{display:none;overflow:hidden;position:absolute;right:0;top:37px;width:53.5%}

.qqiwpo ul li{background:#0171bf;border-bottom:1px solid #fff;line-height:35px;text-align:center;width:100%}

.qqiwpo ul li a{color:#fff}

.about{line-height:28px;padding:2%; font-size:12px;}

.about p { line-height:28px; padding:0 10px; }

.about p img { float:right;padding: 1% 0 0 2%}





.more{background:#e3e3e3;text-align:center;line-height:40px;width:96%;margin:0 auto}

.pro{clear:both;padding-bottom:2.5%;margin-top:2%;}

.pro li{float:left;width:50%;text-align:center;}

.pro li img{width:94%;float:left;margin-left:3%;border:1px solid #c7cacf;}

.pro li p {width:86%;margin-left:7%;line-height:30px;float:left;}

.pro li p a {color:#555;}



.newsT{background:url(../images/newT.jpg) no-repeat top center;background-size:60%;font-size:18px;text-align:center;font-weight:700;margin:15px auto;padding-bottom:20px}

.news{padding:0 1.5% 2.5% 1.5%}

.news li{border-bottom:1px dashed #b0b0b0;clear:both;height:36px;line-height:36px;padding:0 1% 0 1%}

.news li a{float:left;background:url(../images/ico.jpg) no-repeat 0 17px;padding-left:1%;font-size:12px;}

.news li span{float:right}

.case{clear:both;padding-bottom:2.5%}

.case li{float:left;width:33.333%;text-align:center;margin-top:3%}

.case li img{width:92%;border:1px solid #e6e4e4;}



.page{padding:2%;line-height:30px;min-height:500px}

.share{min-height:505px}

.showT{text-align:center;padding:1%;border-bottom:1px dashed #d2d2d2}

.showT h4{margin-bottom:2%;padding:2%;font-size:14px}

.show{padding:2%;line-height:30px;min-height:500px}

.red{color:red}

.list{padding:2.5% 1.5% 2.5% 1.5%}

.list li{border-bottom:1px dashed #b0b0b0;clear:both;height:36px;line-height:36px;padding:0 1% 0 1%}

.list li a{float:left;background:url(../images/ico.jpg) no-repeat 0 17px;padding-left:1%}

.list li span{float:right}

.list_pro{clear:both;padding:2.5% 0}

.list_pro li{float:left;width:50%;text-align:center;}

.list_pro li img{width:92%;float:left;margin-left:4%; border:1px solid #caccd2;}

.list_pro li p {line-height:30px;width:92%;margin-left:4%;background:#fff;}

.list_pro li p a{ color:#555;}



.list_case{clear:both;padding:2.5% 0}

.list_case li{float:left;width:50%;text-align:center;margin-top:2.5%}

.list_case li img{border:1px solid #555;margin-bottom:5%;width:92%}



.kjf_dd { width:100%; padding:2% 0;}

.kjf_dd ul { width:100%;}

.kjf_dd ul li { width:100%; margin-bottom:2%;}

.kjf_dd ul li .dd_le { width:40%;float:left; margin-left:2%;}

.kjf_dd ul li .dd_le img { max-width:100%;width:100%;}

.kjf_dd ul li .dd_re { width:53%;float:right; margin-right:2%;}

.kjf_dd ul li .dd_re h2 { width:100%;line-height:25px;}

.kjf_dd ul li .dd_re h2  a{ color:#555;font-size:12px;}

.kjf_dd ul li .dd_re p{ line-height:25px;}



.proq{clear:both;padding-bottom:2.5%}

.proq li{float:left;width:50%;text-align:center;margin-top:2.5%}

.proq li img{margin-bottom:5%;width:85%; border-radius:2px; border:1px solid #dddcdc}



.proqs{clear:both;padding-bottom:2.5%}

.proqs li{float:left;width:50%;text-align:center;margin-top:2.5%}

.proqs li img{margin-bottom:5%;width:85%; border-radius:2px; border:1px solid #dddcdc}







.kkkk { width:100%;margin:5% auto 0;overflow:hidden;}

.kkkk ul { overflow:hidden;}

.kkkk ul li { background: #000; float: left;line-height: 30px; margin: 0 1px 3px 1px;}

.kkkk ul li a { color: #fff; display: block; float: left; padding: 0 17px; text-align: center;}



/*-------------------*/



.pfl{padding:2.5% 0}

.pfl li{float:left;position:relative;width:25%;text-align:center}

.pfl li p{line-height:20px;left:5%;width:90%;position:absolute;bottom:0;background:url(../images/as.png) repeat;}

.pfl li p a{color:#fff}

.pfl li img{width:90%;float:left;margin-left:5%;}





.qkk_j { width:100%;margin:5% auto 0;overflow:hidden;background:url(../images/qk.jpg) no-repeat center;}

.qkk_j h2 {text-align:center;padding:30px 0;color:#fff;}

.qkk_j p {padding:0 10px 30px 10px;color:#fff;word-break:break-all;}



.g_j { width:90%;margin:5% auto 0;overflow:hidden;}

.g_j .dkfj_ty { width:100%;text-align:center;}

.g_j .dkfj_tys {margin-top:2%; width:100%;}



.hh_j { width:95%;margin:2% auto 3%;overflow:hidden; text-align:center;}

.hh_jsdfsdfsd { width:95%;margin:2% auto 3%;overflow:hidden; text-align:center;}

.hh_jsdfsdfsd img { width:100%;}





.hh_jbb { width:100%;margin:2% auto 3%;overflow:hidden; text-align:center;}

.hh_jbb img { width:100%;}

.hh_js { width:100%;margin:4% auto;overflow:hidden; text-align:center;}

.hh_js img { width:70%;}





.df_nws { width:100%;margin:2% auto 0;overflow:hidden;background:#fff url(../images/efgs.jpg) no-repeat center top; }

.df_nws ul { overflow:hidden;}

.df_nws ul li {width:100%;float:left;margin-bottom:2%;}

.df_nws ul li .df_lef {float:left;width:25%; text-align:center;}

.df_nws ul li .df_lef img {width:70%;}

.df_nws ul li .df_rig {float:right;width:75%;}

.df_nws ul li .df_rig h2 {line-height:20px; padding-right:5px;}

.df_nws ul li .df_rig h2 a{color:#555;font-size:14px;}

.df_nws ul li .df_rig p {line-height:18px;color:#555;padding-right:5px;}







.zx_ge { width:100%;text-align:center;overflow:hidden;}

.zx_ge ul { overflow:hidden;}

.zx_ge ul li {text-align:center; width:48%;margin:1% 1%;float:left;line-height:30px;}

.zx_ge ul li a{color:#555;display:block;float:left;border:1px solid #d2d0d0;width:100%;}

.zx_ge ul li:hover {background:#257200; }

.zx_ge ul li:hover a{color:#fff;}



.s_xjs{width:100%;margin:2.5% auto 0;line-height:40px;color:#fff;font-size: 14px;font-weight: bold;text-align:center; background:#257200;overflow:hidden}







.s_kks{width:100%;margin:2.5% auto 0;line-height:30px; overflow:hidden}

.s_kks ul {overflow:hidden;}

.s_kks ul li {color:#fff;text-align:center; width:50%;float:left;background:#4c4c4c;}

.s_kks ul .selectTag {background:#257200;}



.igb_df {width:100%;position:relative;line-height:40px; background:#edecec;}

.igb_df .df_lll { float:left;padding-left:5px;font-size:14px;color:#555;}

.igb_df .df_rrr { float:right;padding-left:25px;margin-right:10px;font-size:12px;background:url(../images/mm.png) no-repeat center left;}

.igb_df .kdlf{display:none;overflow:hidden;position:absolute;width:100%;top:40px;left:0;background:#e6e5e5;}

.igb_df .kdlf ul { overflow:hidden;}

.igb_df .kdlf ul li {text-indent:15px;border-bottom:1px solid #ddd;}

.igb_df .kdlf ul li a {font-size:12px;line-height:30px;}





.pro_sub{clear:both;padding-bottom:2.5%;margin-top:2%;}

.pro_sub li{float:left;width:25%;margin-bottom:1%;text-align:center;}

.pro_sub li img{width:95%;margin-left:2%;float:left;border:1px solid #f2f2f2;}





.vbvb_t {width:100%; overflow:hidden;margin:2% auto 1%;}

.vbvb_t p {text-align:center;font-size:12px;color:#555;}

.vbvb_t p a {color:#555;}



.vbvb_too {width:100%; overflow:hidden;margin:2% auto 1%;}

.vbvb_too ul{ overflow:hidden;width:90%;margin:0 5%;}

.vbvb_too ul li { width:100%;float:left; border-bottom:1px dashed #454f62;padding-bottom:2%;}

.vbvb_too ul li .uu_gdf { width:90%;padding-left:10%;float:left;line-height:30px;background:url(../images/q.jpg)no-repeat center left;}

.vbvb_too ul li .uu_gdf a{color:#454f62;}

.vbvb_too ul li .uu_gdg {line-height:25px;color:#555; width:90%;padding-left:10%;float:left;background:url(../images/a.jpg)no-repeat center left;}







.eef_too {width:100%;padding:3% 0; overflow:hidden;background:#f4f4f4;}

.eef_too ul { overflow:hidden;}

.eef_too ul li {float:left;width:33.333%; text-align:center;}

.eef_too ul li img { width:90%;}















.eef_tnno {width:100%; overflow:hidden;background:#d6f0fd;}





.eef_toso {width:100%; overflow:hidden;background:url(../images/kkk.jpg) no-repeat center top;}



.prda{clear:both;padding-bottom:2.5%;margin-top:2%;}

.prda li{margin-bottom:2%;float:left;width:50%;text-align:center;}

.prda li img{width:94%;float:left;margin-left:3%;border:1px solid #c7cacf;}

.prda li p {text-align:left;background:#fff;width:92%;margin-left:4%; text-indent:4px;line-height:30px;float:left;}

.prda li p a {color:#555;}





.eef_tbbbsso {width:100%; overflow:hidden;background:url(../images/bb.jpg) no-repeat center top;}



.gsj_ddd { width:100%;margin:0 auto; overflow:hidden;}

.gsj_ddd ul {overflow:hidden;}

.gsj_ddd ul li {margin-bottom:3%; width:100%;float:left;background:#c6cacd;}

.gsj_ddd ul li .l_ll {float:left;width:20%; text-align:center;color:#fff;font-size:35px;padding:3% 0;background:#c6cacd;}

.gsj_ddd ul li .r_rr {float:right;width:80%;background:#dedfe0;padding: 3% 0;}

.gsj_ddd ul li .r_rr h2 {padding:0 3px;line-height:20px;}

.gsj_ddd ul li .r_rr h2 a {color:#555;font-size:12px;}

.gsj_ddd ul li .r_rr p {padding:0 3px;font-size:12px;color:#555;}



















/*-----长明安防---*/

.vuue {background:#f3f3f3; width:100%;border-bottom:1px solid #d7d7d7;overflow:hidden;line-height:30px;}

.vuue ul {overflow:hidden;float:right;margin-right:3px;}

.vuue ul li{float:left;margin:0 3px;}

.vuue ul li img {margin-top:10px;width:80%;}



.bvd_df { width:100%;overflow:hidden;}

.bvd_df ul { overflow:hidden;}

.bvd_df ul li {width:25%;float:left;line-height:48px;background:url(../images/rr.jpg) repeat-x;}

.bvd_df ul li a {display:block;width:100%;float:left;font-size:0.8rem;text-align:center; color:#fff;}



/*首页产品*/

.pclass{ background:url(../images/wn.jpg) repeat-x; padding:20px 0; position:relative; }

.pclass span.name{ display:block; margin:0 auto; width:259px; line-height:34px; height:34px; background: url(../images/d1.gif) center top no-repeat; background-size:cover; padding:0 0 0 31px;font-size: 16px;}

.circle_b{ position:absolute; left:0; top:54px; display:none; width:100%; z-index:2; }

.circle_b ul{ display:block;margin:0 auto; width:259px; background:#fff;border:0.02 solid #f4f1eb; border-top:0}

.circle_b ul li{ display:block; padding:0 0 0 21px;background: url(../images/d4.gif) 0.29rem center no-repeat; line-height:42px;font-size: 14px;}



.jgkes{ width:100%; margin:0 auto; line-height:40px; background:url(../images/wn.jpg) repeat-x;}

.jgkes span { margin-left:2%; font-size:120%; width:35%; color:#fff;}



.hhppb { width:100%;margin:0 auto;overflow:hidden; text-align:center;}

.hhppb img { width:100%;}



.s_oos{width:100%;margin:2.5% auto 0;text-align:center; overflow:hidden}

.s_oos h2 { text-align:center;line-height:30px; color:#257200;}

.s_oos p {text-indent:2em; line-height:30px;color:#555;padding:0 2%; text-align:left;}



.casebbb{clear:both;padding-bottom:2.5%}

.casebbb li{float:left;width:25%;text-align:center;margin-top:3%}

.casebbb li img{width:92%;}



.casebbb1{clear:both;padding-bottom:2.5%}

.casebbb1 li{float:left;width:33.333%;text-align:center;margin-top:3%}

.casebbb1 li img{width:92%;}



.hsssb { width:100%;margin:2% auto;overflow:hidden; text-align:center;}

.hsssb img { width:90%;}



.ijgek{width:100%;margin:0 auto;line-height:40px;background:url(../images/wn.jpg) repeat-x;}

.ijgek ul{overflow:hidden}

.ijgek ul .selectTag{background:#000}

.ijgek ul li{float:left;padding:0 10px;text-align:center;}

.ijgek ul li a{display:block;float:left;width:100%;color:#fff}



.foot{background:#1f1f1f;line-height:24px;font-size:12px;text-align:center;color:#fff;padding: 2% 0 25%;}

.foot a{color:#fff}

.foot a:hover{color:#ddd}