@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

/*初始样式、共同样式*/
*html {background-image:url("about:blank"); background-attachment:fixed;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;}
img {border:0px;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size:120%;}
body{ word-wrap:break-word;width: 1200px;height: auto; margin: 0 auto; padding:0px;font-family: Arial,'微软雅黑';overflow-x: hidden;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;}
.c_m{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}


/* 头部 */
.i_header_box{width: 100%;height: 770px;background: url(../images/h_bg.jpg) repeat-x top;position: relative;overflow: hidden;}
/* 上 - 文字 */
.h_t_text{width: 90%;height: 180px;line-height: 90px;padding: 50px 5%;text-align: center;color: #f40;overflow: hidden;}
.h_t_text h1{font-size: 60px;}
.h_t_text h2{font-size: 60px;}
.h_t_text h3{font-size: 32px;font-weight: normal; line-height: 46px;}
/* 左 - 文字 */
.h_l_text{width: 250px;height: auto;text-align: right;color: #f40;position: absolute;left: 5%;bottom: 220px;font-size: 36px;overflow: hidden;}
/* 右 - 文字 */
.h_r_text{width: 250px;height: auto;color: #f40;position: absolute;right: 5%;bottom: 220px;font-size: 36px;overflow: hidden;}
/* 图 */
.h_c_img{width: 400px;height: 400px;position: absolute;bottom: 45px;left: 50%;margin-left: -200px;text-align: center;overflow: hidden;}
.h_c_img img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));}


/* 现在报装 */
.i_form_box{width: 1200px;height: auto;padding: 60px 0;background: #f5f5f5;overflow: hidden;}
.i_title{width: 1200px;height: 72px;background: url(../images/title_bg.png) no-repeat center;text-align: center;overflow: hidden;}
.i_title span{display: block;width: 400px;height: 72px;padding: 0 20px;margin: 0 auto;background: #f40;font-size: 40px;color: #fff;line-height: 72px;overflow: hidden;}
.i_form_list{width: 800px;height: auto;margin: 50px auto 0;overflow: hidden;}
.i_form_list ul{margin: 0;;padding: 0;overflow: hidden;}
.i_form_list ul li{width: 800px;height: auto;padding: 20px 0;overflow: hidden;}
.i_form_list ul li label{display: block;width: 150px;height: 50px;line-height: 50px;text-align: right;font-size: 22px;color: #666;float: left;margin-right: 20px;overflow: hidden;}
.i_form_list ul li input{float: left;height: 48px;padding: 0 10px;border: 1px solid #d9d9d9;border-radius: 5px;background: #fff;font-size: 18px;color: #666;overflow: hidden;}
.i_form_list ul li.f_tel input{width: 350px;}
.i_form_list ul li.f_add input{width: 480px;}
.i_form_list ul li.f_sub input{width: 150px;background: #f40;color: #fff;border: 0;font-size: 24px;cursor: pointer;}


/* 产品详情 */
.i_pro_box{width: 1200px;height: auto;padding: 60px 0;overflow: hidden;}
.i_pro_earnest{width: 1200px;height: auto;overflow: hidden;}
.i_title2{width: 1200px;height: 55px;border-bottom: 2px solid #f40;margin: 60px 0 0;overflow: hidden;}
.i_title2 span{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 55px;padding: 0 30px;background: #f40;line-height: 57px;font-size: 30px;color: #fff;overflow: hidden;}
.pro_earnest_m{width: 1160px;height: auto;margin: 30px 20px 0;overflow: hidden;}
.i_pro_l{width: 368px;height: auto;float: left;padding: 50px 0 0 20px;overflow: hidden;}
.i_pro_title{width: 368px;height: auto;font-size: 48px;margin-bottom: 20px;overflow: hidden;}
.i_pro_txt{width: 368px;height: auto;font-size: 16px;line-height: 24px;color: #666;overflow: hidden;}
.i_pro_txt p{margin: 5px 0;padding: 0;overflow: hidden;}
.i_pro_pic{width: 368px;height: auto;text-align: center;margin-top: 20px;overflow: hidden;}
.i_pro_more{width: 368px;height: 50px;font-size: 24px;color: #fff;line-height: 50px;margin-top: 20px;overflow: hidden;}
.i_pro_more a{display: inline-block;*display: inline;*zoom: 1;width: auto;max-width: 308px;height: 50px;padding: 0 30px;background: #f40;border-radius: 5px;color: #fff;overflow: hidden;}
.i_pro_c{width: 712px;height: auto;float: right;overflow: hidden;}
.i_pro_c img{max-width: 100%;text-align: center;}


/* 报警器细节展示 */
.i_pro_show{width: 1200px;height: auto;overflow: hidden;}
.pro_banner_c{width: 1200px;height: 255px;position: relative;overflow: hidden;}
.pro_b_img{width: 1200px;height: 255px;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;}
.pro_b_text{width: 1200px;height: 205px;position: absolute;top: 25px;left: 0;z-index: 2;text-align: center;color: #fff;line-height: 70px;overflow: hidden;}
.pro_b_text h2{font-size: 48px;}
.pro_b_text h3{font-size: 36px;}


/* 产品列表 */
.i_pro_list{width: 900px;height: auto;margin: 0 auto;overflow: hidden;}
.i_pro_list ul{margin: 0;padding: 0;overflow: hidden;}
.i_pro_list ul li{width: 900px;height: 400px;margin-top: 50px;overflow: hidden;}
.i_pro_img{width: 400px;height: 400px;text-align: center;float: left;overflow: hidden;}
.i_pro_img img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));}
.i_pro_text{width: 400px;height: 400px;float: right;position: relative;overflow: hidden;}
.i_pro_text h2{font-size: 48px;font-weight: normal;color: #f40;margin: 10px 0;}
.i_pro_text h6{font-size: 16px;font-weight: normal;color: #666;margin: 5px 0;}
.i_pro_list ul li.nth-child .i_pro_img{float: right;}
.i_pro_list ul li.nth-child .i_pro_text{float: left;}


/* 报警器应用场景 */
.i_app_box{width: 1200px;height: auto;overflow: hidden;}
.i_app_m{width: 1200px;height: auto;background: #f5f5f5;text-align: center;overflow: hidden;}
.i_app_m img{max-width: 100%}


/* 报警器通知文件 */
.i_pro_alarm{width: 1200px;height: auto;overflow: hidden;}
.pro_alarm_box{width: 1120px;height: 863px;padding: 31px 40px 51px;background: #f3f3f3 url(../images/alarm_bg.png) no-repeat top;position: relative;overflow: hidden;}
.pro_a_l{width: 243px;height: auto;position: absolute;left: 40px;top: 182px;overflow: hidden;}
.pro_a_title{width: 243px;height: 80px;line-height: 40px;text-align: center;font-size: 14px;color: #666;overflow: hidden;}
.pro_a_title h2{width: 243px;height: auto;font-weight: normal;font-size: 42px;color: #000;}
.pro_a_img{width: 243px;height: 332px;text-align: center;margin: 20px 0;overflow: hidden;}
.pro_a_img img{max-width: 100%;max-height: 100%;}
.pro_a_more{width: 243px;height: 50px;text-align: center;line-height: 50px;font-size: 24px;overflow: hidden;}
.pro_a_more a{display: block;width: 203px;height: 50px;padding: 0 20px;background: #f40;border-radius: 5px;color: #fff;}
.pro_a_r{width: 642px;height: 840px;padding: 23px 34px 0;float: right;background: #fff;overflow: hidden;}
.pro_a_header{width: 642px;height: 107px;border-bottom: 2px solid #f40;overflow: hidden;}
.pro_h_title{width: 642px;height: 50px;text-align: center;line-height: 50px;font-size: 30px;color: #f40;}
.pro_h_s{width: 642px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #000;border-bottom: 4px solid #f40;}
.pro_a_m{width: 642px;height: 700px;border-bottom: 4px solid #f40;overflow: hidden;}
.pro_a_text{width: 642px;height: 675px;padding-bottom: 20px;border-bottom: 2px solid #f40;font-size: 16px;color: #666;line-height: 30px;overflow: hidden;}


/*安装方法说明*/
.i_pro_explain{width: 1200px;height: auto;overflow: hidden;}
.pro_e_m{width: 1100px;height: 430px;padding: 40px 50px;overflow: hidden;}
.pro_e_img{width: 560px;height: 430px;text-align: center;float: left;overflow: hidden;}
.pro_e_img img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));}
.pro_e_c{width: 500px;height: 430px;float: right;overflow: hidden;}
.pro_e_title{width: 500px;height: auto;font-size: 48px;color: #f40;padding-bottom: 10px;overflow: hidden;}
.pro_e_text{width: 500px;height: auto;font-size: 16px;color: #666;line-height: 30px;}
.pro_e_more{width: 500px;height: 50px;font-size: 24px;margin-top: 10px;overflow: hidden;}
.pro_e_more a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 50px;border-radius: 5px;line-height: 50px;text-align: center;color: #fff;padding: 0 40px;background: #f40;overflow: hidden;}


/*日常使用维护*/
.i_pro_maintain{width: 1200px;height: auto;overflow: hidden;}
.pro_m_list{width: 1200px;height: auto;margin-top: 20px;overflow: hidden;}
.pro_m_list ul{margin: 0;padding: 0;overflow: hidden;}
.pro_m_list ul li{width: 1120px;height: auto;padding: 15px 20px;overflow: hidden;}
.pro_m_title{width: 1120px;height: auto;font-size: 36px;color: #f40;margin-bottom: 10px;}
.pro_m_text{width: 1120px;height: auto;font-size: 16px;color: #666;line-height: 24px;}
.pro_m_text p{margin: 0;padding: 5px 0;}


/* 新闻资讯 */
.i_new_box{width: 1200px;height: auto;background: #f5f5f5;padding: 50px 0 20px;overflow: hidden;}
.i_new_list{width: 1160px;height: auto;margin-top: 30px;padding: 0 20px;overflow: hidden;}
.i_new_list ul{margin: 0;padding: 0;overflow: hidden;}
.i_new_list ul li{width: 1160px;height: 60px;line-height: 60px;border-bottom: 1px dashed #d9d9d9;font-size: 16px;color: #999;overflow: hidden;}
.i_new_list ul li span{float: right;}
.i_new_list ul li a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 60px;max-width: 950px;padding-left: 20px;background: url(../images/ico1.png) no-repeat left;float: left;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_new_list ul li a:hover{color: #f40;}


/* 底部版权 */
.i_f_copy{width: 1160px;height: auto;padding: 20px;text-align: center;background: #1b1b1b;font-size: 14px;color: #fff;overflow: hidden;}
.i_f_copy a{color: #fff;}


/* 新闻列表 */
.p_new_box{width: 1200px;height: auto;padding: 60px 0;overflow: hidden;}
.p_new_list{width: 1160px;height: auto;margin-top: 30px;padding: 0 20px;overflow: hidden;}
.p_new_list ul{margin: 0;padding: 0;overflow: hidden;}
.p_new_list ul li{width: 1160px;height: 60px;line-height: 60px;border-bottom: 1px dashed #d9d9d9;font-size: 16px;color: #999;overflow: hidden;}
.p_new_list ul li span{float: right;}
.p_new_list ul li a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 60px;max-width: 950px;padding-left: 20px;background: url(../images/ico1.png) no-repeat left;float: left;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_new_list ul li a:hover{color: #f40;}

/* 新闻详情 */
.p_new_details{width: 1160px;height: auto;margin: 0 20px;overflow: hidden;}
.new_d_title{width: 1160px;height: auto;margin: 50px 0 0;padding: 30px 0;text-align: center;font-size: 16px;color: #666;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.new_d_title h1{margin: 0;padding: 0 0 20px;font-size: 36px;font-weight: normal;color: #f40;}
.new_d_text{width: 1160px;height: auto;font-size: 16px;color: #666;line-height: 30px;*margin-top: 15px;overflow: hidden;}
.new_d_text img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));}
.new_d_text table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.new_d_text table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.new_d_text table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}


/* 推荐新闻 */
.hot_new_box{width: 1200px;height: auto;margin-top: 50px;overflow: hidden;}
.hot_new_title{width: 1200px;height: 55px;border-bottom: 2px solid #f40;overflow: hidden;}
.hot_new_title span{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 55px;padding: 0 30px;background: #f40;line-height: 57px;font-size: 30px;color: #fff;overflow: hidden;}
.hot_new_list{width: 1200px;height: auto;margin-top: 10px;overflow: hidden;}
.hot_new_list ul{margin: 0;padding: 0;width: 1250px;overflow: hidden;}
.hot_new_list ul li{width: 580px;height: 50px;border-bottom: 1px dashed #d9d9d9;line-height: 50px;float: left;margin-right: 40px;font-size: 14px;color: #999;overflow: hidden;}
.hot_new_list ul li span{float: right;}
.hot_new_list ul li a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 60px;max-width: 450px;padding-left: 20px;background: url(../images/ico1.png) no-repeat left;float: left;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot_new_list ul li a:hover{color: #f40;}


/*按钮*/
.list{width: 100%;height: 36px;line-height: 36px;font-size: 14px;text-align: center;padding: 30px 0px 10px;font-size: 0;overflow: hidden;}
.list a{display: inline-block;background: #999;color: #fff;padding: 0 14px;margin: 0 5px;font-size: 14px;}
.list a.active{background: #f40;}
.list a:hover{background: #f40;}

#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; padding-bottom:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family:Arial, "微软雅黑"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;}
.goto_bigmap a:hover{background:#ff6000;}

*html{background-image:url(about:blank); background-attachment:fixed;}
.bottom_tools{position:fixed; z-index:999; right:0px; top:200px; _position:absolute;}
.bottom_tools_mid {top:50%; margin-top:-100px;}
.bottom_tools *{display:block; color:transparent;border:0;background-color:transparent;text-shadow:none;}
.cl_kefubtn_1{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px 0px; margin-bottom:1px;}
.cl_kefubtn_2{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -45px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_2_en{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -225px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_3{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -90px; cursor:pointer; overflow:hidden; margin-bottom:1px;}
.cl_kefubtn_4{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
.cl_kefubtn_4_en{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
#cl_gotop{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -180px;display:none; margin-top:1px;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu a{display:inline-block; width:100px; padding-left:58px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a.kefu_qq{background:url(../images/kefu_qq.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_ww{background:url(../images/kefu_ww.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_sk{background:url(../images/kefu_sk.png) no-repeat 20px #FFF;}
.qr_menu span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
/* 定义在线客服 */