﻿@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:14px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow:hidden}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img,html,body{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;vertical-align: bottom;vertical-align:inherit}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:14px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}



/*banner*/

#banner{ height:550px;min-width: 1200px; }
#banner1{ height:400px}

/*top*/
.top{ width:100%; float:left; height:37px; background:#f6f6f6; overflow:hidden; line-height:37px;}
.top p{ width:600px; float:left; }
.top span{ float:right}

.logott{ width:100%; float:left;}
.logot{ width:380px; float:left;}

.logo_r p{float:left;padding-top:36px; }
.logo_r p img{ padding-left:5px; overflow:hidden; }
.logo_r span{ width:230px; float:left;}
.logo_r span img{ float:left; padding-top:25px;}
.logo_r span i{ width:130px; float:left; line-height:20px; padding-top:46px;}
.logo_r span b{ font-size:17px; float:left; line-height:24px; color:#0b89dd}

.head{ width:100%; height:42px; background:#0b89dd; float:left; line-height:42px; overflow:hidden}
/*.head ul{ width:110%; padding-left:100px;}
.head ul li{ width:125px; float:left; height:42px; background:url(../images/bg_li_ctqv.png) left no-repeat}
.head ul li a{ width:120px; text-align:center; float:left; font-size:16px; color:#FFF}
.head ul li a:hover{ color:#F93}*/

.dht{ float: left; text-align: left; height:42px; width:1200px; }
.menu{ width:120%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;font-size: 18px;color: #333;width:145px;text-align:center;font-family:"微软雅黑";background:url(../images/bg_li_ctqv.png) left no-repeat }
.menu .menu_item a{font-size: 16px;color: #fff; display: block;width: auto; line-height:42px;font-family:"微软雅黑";}
.menu .menu_item:hover{background:#0b67c5;}
.menu .menu_item:hover a{color:#fff;}
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:3px solid #a5291f}
.submenu{background-color:#fff; overflow: hidden;z-index:999999999; display:none;}
.submenu_item {padding:0 2px; min-width:140px; }
.submenu_item a{ color:#333 !important; font-weight:100 !important; line-height:3em !important}
.submenu_item:hover{ background:#0b67c5}
.submenu_item a:hover{ color:#fff !important}

.rms{ width:100%; height:43px; float:left; line-height:43px; padding-top:50px}
.rms span{ float:left}
.rms span a{ padding-right:5px;}

.search{ width:300px; height:32px; background:url(../images/ss.png) no-repeat; float: right; margin-top:10px;}
.kuan_sou{ width:220px; height:30px; margin-left:12px; margin-top:1px; float:left;border:none;}
.kuan_an{ width:50px; height:26px; background:url(../images/ss1.png) 0 2px no-repeat;cursor:pointer; float:left;  margin-top:3px; border:none;border-left:1px solid #d9d9d9;}
.kuan_an:hover{background:url(../images/ss2.png) 0 2px no-repeat;}

.cpfl{ width:223px; float:left; overflow:hidden}
.cpfl_l{ width:221px; border:1px solid #eeeeee; background:#f6f6f6; float:left; padding-bottom:10px; }
.cp_bt{ width:222px; height:57px;display:block; background:#0b89dd; float:left; color:#FFF; line-height:57px;}
.cp_bt h1{ width:40px; font-size:41px; float:left;  padding-right:10px; color:#FFF; padding-left:30px;font-style:italic}
.cp_bt b{ width:130px; float:left; font-size:22px; line-height:57px;  } 

.cpfl_l ul{ width:189px; float:left; padding-top:20px; padding-left:15.5px;}
.cpfl_l ul li a{ width:189px; float:left; height:37px; background:url(../images/dht1.jpg) no-repeat;  padding-bottom:10px;text-align:center; color:#FFF; display:block; }
.cpfl_l ul li a p{ width:160px; float:left;height:37px;line-height:37px;overflow:hidden; padding-left:3px; color:#FFF}

.cpfl_l ul li a:hover,.cpfl_l ul li.cur a{ background:url(../images/dht2.jpg) no-repeat}


.cpfl_l img{ float:left; padding-bottom:5px;}
.cpfl_l p{ float:left; line-height:30px; padding-left:10px; padding-right:10px}

.cpfl_r{ width:950px; float:right; overflow:hidden}
.cpfl_r ul{ width:110%; float:left}
.cpfl_r ul li{ width:316px; height:268px; float:left;padding-bottom:25px; overflow:hidden}
.cpfl_r ul li a{ width:296px;  border:1px solid #eeeeee; float:left; text-align:center; overflow:hidden }
.cpfl_r ul li a img{ width:256px; margin-top:20px; height:auto; float:left; margin-left:20px}
.cpfl_r ul li a p{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden} 
.cpfl_r ul li a:hover{border:1px solid #F00 }

.gg{ width:100%; float:left; background:#0590d1; height:460px; overflow:hidden}
.gg_l{ width:620px; float:left; overflow:hidden; }
.gg_l b{ width:100%; float:left; color:#FFF; padding-top:25px; font-size:27px; }
.gg_l p{ width:100%; float:left; overflow:hidden; color:#FFF; padding-top:15px; line-height:28px; font-size:14px}
.gg_l p a{ color:#F00}
<!--.gg video{ width:530px; height:400px; border:10px solid #FFF; float:right; margin-top:20px;}-->

.bt{ width:1200px; height:33px; border-bottom:1px solid #eeeeee; float:left; text-align:center; line-height:30px; padding-bottom:3px;}
.bt b{ width:30px; height:34px; border-bottom:3px solid #eeeeee; font-size:22px; color:#0b89dd;padding-bottom:3px; }
.rmcp_cp{ width:1200px; float:left; overflow:hidden; padding-top:10px;}
.scroll{width:1200px;height:180px;}
.pic{width:203px;height:180px;float:left;}
.pic ul{display:block;}
.pic li{float:left;display:inline;width:203px;text-align:center;}
.pic li a p{ line-height:36px;}
.pic li a img{ width:183px;}


.jszc{ float:left; overflow:hidden}
.js_bt{float:left; height:31px;border-bottom:1px solid #eeeeee; line-height:31px; } 
.js_bt span{ float:left;}
.js_bt b{ font-size:18px;}
.js_bt a{ float:right; color:#0b89dd;}

.jszc ul li{ border-bottom:1px solid #eeeeee; float:left; padding-bottom:9px; padding-top:9px;}
.jszc ul li .rq{ width:70px; height:60px; margin-right:40px; margin-left:20px; background:#0b89dd; text-align:center; float:left}
.jszc ul li .rq span{ width:70px; font-size:24px; font-weight:bold; line-height:39px; color:#FFF; float:left}
.jszc ul li .rq  i{color:#fff; }
.jszc ul li a{ font-size:19px; float:left; float:left; }
.jszc ul li a:hover{ color:#0b89dd}
.jszc ul li p{  float:left;overflow:hidden; padding-top:5px; font-size:12px;}

.kuandu{width:590px;}
.kuandu ul li,.tt{width:540px;}
.kuandu ul li p{ width:405px; }
.kuandu1{width:610px;}
.kuandu1 ul li,.tt1{width:578px;}
.kuandu1 ul li p{ width:444px; }


.foot{ width:100%; float:left; background-color:#0b89dd; overflow:hidden; text-align:center;}
.footer_1 ul{width:100%;float:left}
.footer_1 ul li{ width:12.2%; float:left;line-height:20px; height:20px; border-right:1px solid #FFF; text-align:center}
.footer_1 ul li a{ color:#FFF; font-size:15px;}
.foot p{ color:#FFF; }
.foot i{ width:300px; height:26px;  background:#05446e; color:#FFF; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius:25px; padding:8px; }

.copy_f{ width:700px; color:#FFF; line-height: 28px; font-size: 15px; float:left; text-align:left; padding-left:40px;}
.copy_f a{ color:#FFF; }.qk{ margin: 45px 0 0;  width:400px;  height: 200px; overflow: hidden; float:right; text-align:center}.qk dl{ width:50%;  float:left;text-align:center;}
.qk span{ width:100%; color: #FFF; font-size: 15px; float:left; line-height:25px;text-align:center;;}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}




/*栏目*/
.banner,.banner img{ width:100%;  float:left; overflow:hidden}
.nr_right{width:924px; float:right; overflow:hidden}
.nr1_right{width:950px; float:right; overflow:hidden}
.dh_dy{ width:100%; height:40px; background:url(../images/lmbj.jpg) left bottom no-repeat; line-height:40px; float:left}
.dh_dy b{ float:left; font-size:16px}
.dh_dy span{ float:right; padding-right:5px;}
.wznr p{ width:98%; overflow:hidden; float:left; line-height:28px; padding-bottom:5px;}
.wznr p strong{ font-size:16px; color:#F00}
.wznr p img{ max-width:640px; max-height:!important; }

/*图片系列列表页*/
.cont .tupiandingwei{  float: left; width: 274px; height:240px; position: relative; margin:0 10px 10px 0; padding: 10px; border-color: #eee; border-width: 1px; border-style: solid;}
.cont .tupiandingwei:hover{ border-color:  #1255a6;}    
.cont .tupianimg{ display: table-cell; vertical-align:middle; text-align:center; width:274px; height:200px; overflow: hidden;}
.cont .tupianimg img{ vertical-align:middle; max-width:274px; max-height:200px; width:auto; height:auto; transition: all 0.6s;}
.cont .tupianimg img:hover{ transform: scale(1.4);}
.cont .tupiantitle{ text-align: center; height:40px; line-height:40px; font-size: 15px; font-family: "微软雅黑"; color: #5a5a5a; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}

/*图片产品系列内容页*/
.cp_nr{ width:100%; float:left; text-align:center;}
.cp_nr b{ width:100%; float:left; line-height:46px; font-size:16px;}
.cp_nr p{ width:98%; float:left; line-height:28px; padding-top:10px; text-align:left}
.cp_nr p strong{ font-size:16px; color:#F00}
.cp_nr  img{ max-width:600px;  }

/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #0e4d9c; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #0e4d9c solid 1px;}

/*工程案例页*/
.item{background:#bebebe;color:#333;border-radius:3px; padding:10px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;}
.item a img{width:100%;height:auto;}
.item a p{text-align:center;margin-top:5px;}

/*新闻列表*/
.new_lb ul{ width:100%; float:left; overflow:hidden}
.new_lb ul li{ width:810px; float:left; border-bottom:1px dashed #CCC; padding-bottom:5px; padding-top:5px;}
.new_lb ul li h2 a{ width:100%; line-height:30px; overflow:hidden; font-size:16px; font-weight:600;}
.new_lb ul li i{color:#b1b1b1; font-size:12px;}
.new_lb ul li p{width:100%; line-height:28px; color:#666; padding-top:5px; float:left; overflow:hidden}

/*新闻内容*/
.new_nr{ width:100%; float:left;overflow:hidden}
.new_nrt{ width:100%; float:left; text-align:center; overflow:hidden}
.new_nrt h1{ font-size:16px; font-weight:bold; line-height:36px;}
.new_nrt span{line-height:36px; color:#F30}
.new_nr p{width:810px; float:left; text-align:left; line-height:36px;padding-top:5px;}
.cp_dy{ width:920px; float:left; border:1px solid #e5e5e5; background:#f5f5f5;}
.cp_dy span{ width:900px; display:block; float:left; padding:8px; line-height:18px; overflow:hidden; color:#868686; font-size:12px; text-align:left}

/*联系我们*/
.lxwm{ width:922px; border:1px solid #eeeeee; float:left}
.lxwm span{ width:820px; padding-top:32px; padding-left:100px; float:left; padding-bottom:17px;}
.lxwm span p{ width:410px; height:40px; float:left; padding-bottom:15px; overflow:hidden}
.lxwm span p img{ width:39px; float:left; padding-right:10px;}
.lxwm span p strong{ width:340px; float:left; font-weight:normal; float:left; line-height:28px; font-size:14px;}














