@charset "utf-8";
/* CSS Document */

/* base 公共部分 */
body { font: 14px/22px "思源宋体"; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#f3a50d; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px; border-radius: 2px;}
.page a.dq,.page a:hover{ background:#555;}
.red{ color:#FF0000;}

.wrapper{ width:100%; margin:0 auto; text-align:left;}

/*头部*/
.header{width:100%;}
.header_box{height: 36px;border-bottom: 1px solid #ddd; width:100%;}
.top_one{ width: 1200px; margin:0 auto;  line-height: 36px; font-size: 14px; color: #555;}
.top_left{ float: left;}
.top_right{ float:right; color:#bebebe; text-align:right;}
.top_right a{ padding-left:25px; margin-left:10px;}
.top_two{ width:1200px; margin:auto;}
.logo{ float:left;}
.logo_right{ float:right; width: 216px; height: 50px; background:url(../images/tel.jpg) no-repeat; margin-top: 40px;}
.logo_right span{ display: block; font-size: 18px; color: #333;  text-align: right; letter-spacing: 1px;}
.logo_right p{ margin: 6px 0 0 0; padding: 0;color: #ffaa00; font-size:19px; text-align: right; letter-spacing: 1px;}




.nav_dt{width: 100%; height: 55px; background: url(../images/nav_dt.jpg) repeat-x;}
.on{ background: #f3a50d;}

/*菜单*/
.nav{ width:100%; height:55px; line-height:55px; float:left; font-size:15px; background: url(../images/nav_dt.jpg) repeat-x;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; padding:0 34px; color:#fff;}
.nav ul li a:hover,.header .nav ul li a.dq{ background:#FFAA00;}
/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:55px; left:0; z-index:99999; width:auto; background:#1f1f1f;}
#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff;}
#menu ul ul li a{ color:#fff; font-size:12px; padding:0; display:block; width:128px; text-align:center;}
#menu ul ul li a:hover{ color:#fff;}



.sousuo{ width: 1200px; height: 50px; margin: auto;}
.sousuo p{ float: left; margin: 0; padding: 0; line-height: 50px; font-size: 12px; color: #FFAA00; }
.sousuo a{ color: #555;}
.sousuo-right{ margin-top: 10px; float: right;}
.sousuo-right .serch_input{ background: url(../images/search_text.jpg) no-repeat;
 width: 190px; height: 31px; line-height: 31px; border: none; text-indent: 20px; margin-right: -12px;}
.sousuo-right .btn_serach{ background: url(../images/search_btn.png) no-repeat;
 width: 35px; height: 35px; border: 0; cursor: pointer; vertical-align: middle; margin-top: -4px;}




/*banner*/
.banner{ width:100%; float:left; position:relative; z-index:2; /*border-bottom:solid 1px #fff;*/ height:502px; overflow:hidden; margin-bottom: 55px}
#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; left:50%; margin-left: -30px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:#f1f1f1; width:16px; height:16px; border-radius:50%;}
#campaign_slide_navigation li.activeSlide{ background:#e63820; width:16px; height:16px; border-radius:50%;}


.one-title{ margin: auto; width:440px ; height: 88px; background: url(../images/title-dt.jpg) no-repeat; padding-top: 30px;}
.one-title h4{ margin:0 0 40px 0; font-size: 28px; color: #333; text-align: center; text-transform:uppercase;}
.one-title p{ font-size: 24px; text-align: center; color: #333; margin: 0; padding: 0;}

.one-conner{ width: 1200px; margin: auto; margin-bottom: 60px;}
.one-conner li{ float: left; width: 275px; margin:60px 16px 14px 17px;}

.one-c{ width: 275px; height: 33px; margin-top:4px; background:url(../images/ont-ic1.jpg) no-repeat;}
.one-c h5{ font-size: 14px; line-height: 14px; color: #555; text-align: left; text-indent: 40px; margin:0; padding: 4px 0;}
.one-c p{ font-size: 12px; line-height: 12px; color: #888; text-align: left; text-indent: 40px; margin: 0; padding: 0;}
.one-c img{float: right; margin-top: -12px;}

.one-d{background:url(../images/ont-ic2.jpg) no-repeat;}
.one-e{ background:url(../images/ont-ic3.jpg) no-repeat;}
.one-f{background:url(../images/ont-ic4.jpg) no-repeat;}

.two-box{ background: url(../images/nav_dt.jpg); width: 100%; height: 330px; padding: 80px 0 130px 0; }
.two{ width: 1200px; /*height: 330px;*/ margin: auto;}
.two li{ float: left;}
.two2{ width: 420px;/*height: 330px;*/ margin: 0 35px;}
.two2 h3{ font-size: 22px; color: #fff; text-align: left;  margin-top: 7px;}
.two2 .xian{ width: 100px; height: 4px; background: #f3a50d; margin: 12px 0 30px 0;}
.two2 p{ margin: 0; padding: 0; color: #fff; font-size: 16px; line-height: 24px; text-align: left;}
.two2 .btn{ width: 130px; height: 34px; line-height: 34px; border-radius: 4px; margin-top: 29px;
 border: none; background: #f3a50d; font-size: 16px; color: #fff; float: left;}
 .two2 .btn a{ color:#fff;}
 
.two3{ width:330px; /*height: 350px;*/ background: url(../images/two3.jpg) no-repeat right #ffc525; padding-left:20px;}
.two3 h3{ font-size: 20px; color: #0a0a0a; text-align: left;  margin-top: 32px;} 
.two3 .lx-xian{ width: 264px; height: 1px; background: #0a0a0a; margin: 12px 0 10px 0;}
.two3 p{ font-size: 15px; line-height: 29px; color: #000; text-align: left; font-weight: bold;}
.two3 .two33{ font-size: 14px; line-height: 32px; color: #000; text-align: left;}

.three-box{ background: url(../images/three-dt1.jpg) no-repeat center; width: 100%; height: 1517px;}
.three{width: 1200px; margin: auto;}
.three-tl{ width: 899px; margin: auto; padding-top: 74px;}
.three-con{ margin-top: 52px;}
.three-con li{ margin-bottom: 40px;}
.three-con li img{ }
.three-l, .three-r{ float: left;}
.three-l{ margin-top: 0px; width:500px;  margin-left:50px;}

.three-r{ margin-top: 26px; margin-left:100px; width:500px; }
.three-r h2{ font-size: 28px; color: #000; text-align: left;}
.three-r .three-span{ font-size: 14px; color: #555; text-align: left; margin-top: 8px;}
.three-r p{ width: 503px; margin:30px 0 0 0;padding: 0; font-size: 18px; color: #000; text-align: left; line-height: 28px;}

.three-rr,.three-zz,.three-ll{ float: left;}
.three-zz{ margin: 16px 20px 0 24px;}
.three-rr{ width:500px; margin-left:100px;}
.three-ll{ margin-top: 60px; width:500px; margin-left:50px;}
.three-ll h2{ font-size: 28px; color: #000; text-align: right;}
.three-ll .three-span{ font-size: 14px; color: #555; text-align: right; margin-top: 8px;}
.three-ll p{ width: 500px; margin:30px 0 0 0;padding: 0; font-size: 18px; color: #000; text-align: right; line-height: 28px;}


.four-box{width: 100%; height: 819px; background: url(../images/four.jpg) no-repeat center; margin-bottom: 60px;}
.four{width: 1200px; margin: auto; }

.four-title{ margin: auto; width:440px ; height: 88px; padding-top: 84px;}
.four-title h4{ margin:0 0 40px 0; font-size: 28px; color: #333; text-align: center; text-transform:uppercase;}
.four-title p{ font-size: 24px; text-align: center; color: #333; margin: 0; padding: 0;}
.four-gd{ width: 1230px; height: 422px; margin: auto; margin-top: 100px;}
/*.product{ padding:10px 0;}*/
.product ul li{ display:inline-block;float:left; margin:0 15px; width:249px; height:375px; text-align:center; overflow:hidden; position: relative;}
.product ul li p{ width: 200px; height: 50px; margin: auto; background:rgba(0,0,0,0.69); color: #fff; position: absolute; bottom: 30px; left: 24px;
font-size: 18px; line-height: 50px; text-align: center;
}
.product ul li img{ width:249px; height:375px; }

.rollBox{width:1150px; position:relative; padding:0 40px;}
.rollBox .LeftBotton{height:44px;width:44px;background:url(../images/four-left.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; left:0; top:43%;}
.rollBox .RightBotton{height:44px;width:44px;background:url(../images/four-right.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; right:0; top:43%;}
.rollBox .Cont{width:1120px;overflow:hidden;float:left; margin-left:7px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}




.five-title{ margin: auto; width:440px ; height: 88px; background: url(../images/title-dt.jpg) no-repeat center;
margin-bottom: 66px; padding-top: 38px;}
.five-title h4{ margin:0 0 40px 0; font-size: 28px; color: #333; text-align: center; text-transform:uppercase;}
.five-title p{ font-size: 24px; text-align: center; color: #333; margin: 0; padding: 0;}

.five-con{ width: 1200px; margin: auto; margin-bottom: 64px;}
.five-left{ width: 583px; float: left;}
.five-right{ width: 583px; float: right;}

.list-title{height: 36px; line-height: 36px; border-bottom: 1px solid #dddddd; color: #333;
font-size: 20px; color: #333333; text-align: left; margin-bottom: 10px;
}
.list-title .gd{ float: right; font-size: 14px; margin-top: -38px;}
.list-title .gd a{ color: #666;}

.five-xian{ width: 100px; height: 2px; background: #ffc524;}
.five-list li{ height: 45px; border-bottom: 1px dashed #dddddd;}
.five-list li p{ float: right; color: #999; font-size: 14px; line-height: 45px;}
.five-list li .wrap{ float: left; color: #333; font-size: 14px; line-height: 45px;}
.five-list li .wrap a{ color: #333;}
.five-list li .wrap a:hover{ color:#f3a50d;}

.footer-box{ width: 100%; /*height: 75px;*/ background: #1f1f1f; padding: 45px 0;}
.footer{ width: 1200px; margin: auto;}
.footer ul{ width: 960px; margin: auto; margin-bottom: 24px;}
.footer li{font-size: 16px; padding: 0 20px; border-right: 1px solid #fff; float: left;}
.footer li a{ color: #fff;}
.footer p{ font-size: 12px; line-height: 18px; color: #fff; text-align: center;}


.main{ width: 1200px; margin: auto; padding-bottom: 60px;}
.location{ background: url(../images/icon-home.png) no-repeat 0px 50%; height: 48px;
padding: 0 0px 0 0px; margin: 0 0 0px; font-size: 14px;}
.location .ico{ display: block; border-bottom: 1px solid #e8e8e8; padding: 20px 28px; text-align: left; line-height: 14px;}
.location a{ color: #444; text-decoration: none;}


.yw{ color: #003399; text-align: left; margin: 20px 0; font-size: 16px;}
.ti{ font-size:24px; font-weight:bold; color:#555;}
/*内页右边边菜单*/
.sidebar{ width:240px; float:right; margin-left:1px;}
.side_menu{ margin-top: 35px;}
.side_menu .title{ background:#e9e9e9; height:40px; text-align:left; line-height:40px; font-size: 16px; color: #111; font-weight: bold;}
.side_menu .title span{ display:block; color: #111; font-size:20px;padding-left: 20px;}
.side_menu .intro{}
.side_menu .intro ul li{ border-bottom:1px dashed #B3B3B3; font-size:14px; position:relative; text-align: left; height: 46px; line-height: 46px;}
.side_menu .intro ul li a{ display:block; background:#fff; height:46px; line-height:46px; padding-left: 20px; color: #555;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ color:#f3a50d;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}

/*======内页右边内容=====*/
/*内页左边标题*/
.side_right{ width: 910px; float:left; color: #444; font-size: 14px; line-height: 2; margin-top: 35px; min-height:450px;}
.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px;}
.side_right .title .dangq{ font-size:16px; border-left:solid 3px #e26700; padding-left:6px; float:left;}
.side_right .title .weizhi{ float:right;}
.side_right .title a:hover{ text-decoration:underline;}


.side_right p{ font-size:16px; text-align:left; line-height:26px; margin-bottom:10px;}
.lxwm-dt{ margin-top:0px; margin-left:0px;}

.side_right-rc{ width: 910px; float:left; color: #444; font-size: 14px; line-height: 2; margin-top: 35px; min-height:450px;}
.side_right-rc p{ text-align:left;}
.side_right-rc ul{ margin-top:10px;}
.side_right-rc ul li{ float:left; width:208px; padding:25px; background:#fff; margin:20px; font-size:14px; line-height:32px; border:1px solid #ddd; height:300px; overflow:hidden;}
.side_right-rc ul li .job-tu{ width:100%; height:80px; margin-bottom:10px; border:1px solid #f5f5f5;}
.side_right-rc ul li h2{ font-size:18px; text-align:left; margin-bottom:10px;}
.side_right-rc ul li p{ font-size:14px; color:#777; text-align:left; margin-bottom:0px;}
.side_right-rc ul li span{ font-size:12px; color:#5C5C5C; text-align:left; display:block;}
.side_right-rc ul li a{ color:#f3a50d; display:inline-block; text-align:left;}

.side_right-rc h3{ font-size:30px; color:#333; text-align:center; margin-bottom:10px;}


/*内页左边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding:0 20px 0px 20px;}
.side_right .intro h6{color: #f3a50d; font-size: 18px; text-align: left; margin-bottom:10px; line-height:30px;}

.side_right .intro p{ margin-bottom:15px;text-align: left; color: #444; font-size: 16px; line-height: 36px; text-indent: 20px;}
.side_right .intro img{ float:right; border:1px solid #ccc;}

.TEL{ font-size: 16px; color: #000; text-align: left; margin-top: 10px; line-height: 40px;}
.side_right .intro table{ background:#dadada; margin-bottom:20px; line-height: 26px; font-size: 12px;}
.side_right .intro table tr td{ padding:4px; background:#fff; text-align: left;}
.side_right .intro table tr td a:hover{ color:#f3a50d;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px;}
.news_list ul li a:hover{ text-decoration:underline; color:#f3a50d;}
.news_list ul li span{ float:right;}

/*新闻详细页*/
.news_show{ padding:0 0 20px 0;}

.name img{ width: 200px; border: 1px solid #d9d9d9; padding: 5px; float: left; margin: 0 20px 0 0;}
/*.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}*/
.news_show .date{ width: 670px; padding: 0; margin: 0; font-size: 14px; float: right;}
.news_show .date .date-t{ text-align: left; height: 28px; line-height: 28px;overflow: hidden; font-weight: bold; font-size: 16px; color: #666;}
.news_show .date .date-t a{ color: #444; text-decoration: none;}
.news_show .date .date-c{ text-align: left; line-height: 30px; font-size: 14px; color: #666; margin: 0 0 10px;}
.news_show .date .date-more{ text-align: left; margin: 10px 0; line-height: 1.6;}
.news_show .date .date-more a{ background: #f3a50d; color: #fff; display: inline-block; zoom: 1; padding: 3px 7px 1px; font-size: 10px;}
.news_show .nr{ padding:26px 18px;}
/*.news_show .nr p{ margin-bottom:10px; line-height:26px; text-align: left;}*/
.news_show .nr ul li{ border-bottom:dotted 1px #dbdbdb; line-height:24px; margin-bottom:10px; text-align: left;}
.news_show .nr ul li a:hover{ text-decoration:underline; color:#f3a50d;}
.news_show .nr ul li span{ float:right; color: #888;}

.news_show .back{ text-align:right;}
.news_show .back a:hover{ color:#f3a50d;}

/*产品列表*/
.product_list{ padding:0px 0;}
.product_list ul li{ float:left; margin:0 40px 20px; width:240px; height:340px; background:#737373; text-align:center; overflow:hidden;}
.product_list ul li img{ border:solid 1px #dadada; width:240px; height:300px;transform: scale(1,1); transition-duration: 0.5s;}
.product_list ul li img:hover{transform: scale(1.1,1.1); transition-duration: 0.5s;}

.fwal-img{width:240px; height:300px; overflow:hidden;}
.product_list ul li h6 a{ font-size:18px; font-weight:500; height:40px; line-height:40px; text-align:center;}

/*防控防爆*/
.product_list1{ padding:0px 0; position:relative;}
.product_list1 ul li{ float:left; margin:0 20px 20px; width:274px; height:240px; text-align:center; position:relative;}
.product_list1 ul li .company_img{ width:274px; height:206px; background:#fff;}
.product_list1 ul li .company_img img{ width:274px; height:206px; padding:5px;}
.product_list1 ul li h5{ font-size:16px; color:#737373; margin-top:12px;}

/*.product_list1 ul li img{ border:solid 1px #dadada; width:274px; height:206px;}*/
.product_list1 ul li .fd{ display:none;}
.product_list1 ul li a:hover .fd{ display:block; position:absolute; top: -6px;left: -22px;z-index: 1; width:310px; height:223px;}

/*安防系统*/
.product_list2{ padding:0px 0; position:relative;}
.product_list2 ul li{ position:relative; float:left; margin:0 20px 30px 20px; width:274px; height:208px; text-align:center; overflow:hidden; position:relative;}
.product_list2 ul li h4{ position:absolute; bottom:0px; background-color:rgba(35,35,35,0.80); font-size:16px; color:#fff; width:274px; height:45px; line-height:45px;}
.product_list2 ul li h4:hover{ background-color:rgba(255,170,0,1.00); color:#fff;}
.product_list2 ul li img{ border:solid 1px #dadada; width:274px; height:206px;}
.product_list2 ul li .fd{ display:none;}
.product_list2 ul li a:hover .fd{ display:block; position:absolute; top: -6px;left: -22px;z-index: 1; width:310px; height:223px;}


/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .pic{ width:400px; float:left;}
.product_show .pic img{ width:400px; border:solid 1px #dadada;}
.product_show .guige{ width:700px; float:left; margin-left:60px; text-align:left;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:36px; padding-left:10px; margin-bottom:10px; font-size:14px; color:#444;}
.product_show .guige p{ text-indent:20px; color:#555; line-height:30px; margin-top:20px;}
.product_show .guige ul li .font1{ color:#287fc6;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}

.display_title{ text-align:center; color:#999;}
.display_title img{ width:auto; height:auto;}
.display_title h1{ color:#333; font-size:20px; margin:30px 0 20px 0;}
.font_size{ padding:0 20px;}
.font_size a{ color:#444; text-decoration:none;}
.mobile_qr{ padding:0 20px 0 0; display:inline-block; position:relative;}
.qrimg{ position:absolute; top:15px; left:-20px; display:none; z-index:100;}
.display_title .info{ margin-bottom:20px;}
.display_title .xyg{ padding:10px; color:#666;}
.display_title .xyg a{color:#666; font-size:14px;}
.display_title .xyg a:hover{ color:#f3a50d;}
.main .tu{ float:left; width:360px;}
.main .tu img{ max-width:100%;}
.main .naw-wz{ float:right; width:800px; margin:auto; font-size:14px; line-height:2.2; text-align:left; color:#111;}



/*右侧二维码样式*/
body{margin:0;/*height:2000px*/;}
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}

.floating_ck{position:fixed;right:20px;top:30%; z-index:6;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#FFAA00;border-bottom:solid 1px #FFAA00;}
.floating_ck dl dd:hover .floating_left{display:block;}

.consult,.words{background-image:url(../images/icon0701/sjz.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/erweima.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px; text-transform:uppercase;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#FFAA00;border-bottom:solid 1px #FFAA00;display:none;}
.floating_left a{color:#fff;line-height:80px;}

.floating_sjz{height:160px;top:-80px;}
.floating_sjz i{background-image:url(../images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.floating_ewm{height:160px;top:-80px;}
.floating_ewm i{ background-image:url(../images/qrimg1.png); display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}