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

html {overflow-y:scroll; overflow-x:hidden;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "微软雅黑";}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul,li,dl{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#0154ad;text-decoration:none;}
.clean100{clear:both;height:415px;overflow:hidden;}
.clean70{clear:both;height:70px;overflow:hidden;}
.clean50{clear:both;height:50px;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;}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:60px;height:60px;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 -61px;}





/*导航条1*/
.top{ width:100%; height:100px; float:left; background:url(../images/head_03.jpg) right top no-repeat}
.logo,.logo img{ width:405px; float:left;}

.biy{ width:410px; float:left; padding-top:55px;}
.biy i{ font-size:18px; font-weight:500; color:#666768; padding-left:30px;}

/*导航条.dht{ float:left; text-align:center; height:48px; width:100%; background:url(../images/dht.jpg) repeat-x;  }*/
.dht{ float:left; text-align:center; height:48px; width:100%; background:url(../images/dht.jpg) repeat-x;  }
.menu{ width:102%; overflow:hidden; float:left;}
.menu .menu_item{ display:inline-block;float:left;font-size: 16px;color: #fff;width:109px;text-align:center;background:url(../images/dht_1.jpg) right no-repeat;font-family:"微软雅黑"; }

.menu .menu_item a{font-size: 17px;color:#fff; display: block;width: auto; line-height:48px;font-family:"黑体黑";}
.menu .menu_item:hover,.cur{ background:url(../images/an1.png) 3px 5px no-repeat !important; background-size:cover}
.menu .menu_item:hover a,.cur a{color:#fff;}

.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:3px solid #c0dff6;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#0059ad }
.submenu_item {padding:0 2px; min-width:116px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#8ac1e0}
.submenu_item a:hover{ color:#fff !important;}


/*banner.tq{ width:100%; float:left; height:42px; background:url(../images/dht_2.jpg) repeat-x; overflow:hidden; line-height:42px;}
.tq{ width:1180px; float:left; height:42px; background:url(../images/dht_2.jpg) repeat-x; overflow:hidden; line-height:42px; padding:0 10px}*/
#banner{ height:300px; width:100%; float:left}
.banner-subban,.banner-subban img{ width:100%; float:left;overflow:hidden; }

.bt2{ width:264px; margin:0 auto; overflow:hidden; text-align:center}
.bt2 img{ float:left; padding-top:22px;} 
.bt2 span{ width:170px; float:left; text-align:center; overflow:hidden;color:#007ee9}
.bt2 span h2{ font-size:30px;color:#007ee9;font-weight:700;}

.tq{ width:100%; float:left; height:42px; background:url(../images/dht_2.jpg) repeat-x; overflow:hidden; line-height:42px;}
.tq p{ width:450px;float:left}
.tq dl{ width:350px; float:left; margin-top:10px}

.search{ width:266px; height:34px; float: right; margin-top:4px  }
.kuan_sou{ width:200px; height:30px; line-height:30px; float:left;border:1px solid #0154ad;background:#fff; color:#999;  }
.kuan_an{ width:60px; height:32px; color:#FFF;cursor:pointer;background-color:#0154ad; float:left; border:none;}
.kuan_an:hover{ background-color:#171987; color:#fff}


.bjs{ width:100%; float:left;background:#fff; }
.top01{ width:100%; height:100px; background:url(../images/bjt01.jpg) no-repeat;float:left;}
.top01 img{ float:right; margin-top:20px;}
.top01 a{ display: block}
/*新闻动态切换图*/

.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.example-slide {
	width:427px;
	height:350px; float:left
}
.example-slide .slidest {
	position:absolute;
	z-index:100;
	width:427px;
}
.slidest .slides_container .slide-all {
	float:left;
	width:427px;
}
.slides_container .slide-all a {
	width:100%;
	display:block;
	overflow:hidden;
}
.slides_container .slide-all a img {
	width:427px; height:330px;position:relative;object-fit:cover;
}
.slides_container .slide-all a p{ color:#fff; width:427px; height:50px; line-height:50px; overflow:hidden;position:absolute;top:282px; background-color: rgba(0,0,0,0.5); filter:Alpha(opacity=50);*zoom:1;}

.slidest .slides_container {
	width:427px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slidest .slides_container .slide {
	width:427px;
	height:350px;
	display:block;
}
.slidest .prev {
	position:absolute;
	display:block;
	z-index:100;
	background:url(../images/topicarrow.png) 0px 0px;
	top:110px;
	width:40px;
	height:60px;
	*left:0px;
}
.slidest .next {
	right:0px;
	position:absolute;
	display:block;
	z-index:100;
	background:url(../images/topicarrow.png) 40px 0px;
	top:110px;
	width:40px;
	height:60px;
}
.slidest a.next:hover {
	background:url(../images/topicarrow_hover.png) 40px 0px;
}
.slidest a.prev:hover {
	background:url(../images/topicarrow_hover.png) 0px 0px;
}
.pagination{ display:none}


.news_wrap{width:750px;float: right;}
.news_head{width:750px;height:60px; line-height:60px; background: url(../images/bk4.png) bottom no-repeat;}
.tabList ul{ width:620px; float:left; height:60px;overflow:hidden}
.tabList ul li{float:left;cursor:pointer;font-weight:bold;text-align:center;font-size:17px;width:309px; font-family:"黑体"; color:#016dd8; line-height:70px;}

.cli1,.cli2:hover{ background:url(../images/bk3.png) bottom center no-repeat; color:#FFF !important; line-height:60px !important;}


.more a{ width:80px; height:56px; padding-top:5px;font-size:16px;color:#9a9a9a;float:right;font-weight:normal;padding-right:0; background:url(../images/gd.png) 0px 27px no-repeat; padding-left:23px}
.more a:hover,.tabCon ul li h3:hover,.more1 a:hover{ color:#016dd8}
.tabCon{width:748px; border:1px solid #d8d8d8;overflow:hidden; border-top:none}
.tabConxl ul{ width:95%; padding:10px 2.55%; float:left;background:#fff}
.tabConxl ul li{ width:100%; float:left; height:31px;line-height:31px;border-bottom:1px dashed #dedede;  padding-bottom:2px; padding-top:2px}
.tabConxl ul li img{ float:left; padding:12px 5px 0 5px}
.tabConxl ul li h3 { float:left; width:65%; height:31px;  overflow:hidden; font-size:15px; color:#979797}
.tabConxl ul li span{ float:right; padding-right:5px;color:#999; font-size:13px; }
.tabConxl ul li+li:last-child{border-bottom:none;  }
.tabConxl ul li:last-child{border-bottom:none;  }

.wht{ width:100%; height:100px; float:left; background: url(../images/bjt.png) no-repeat; overflow:hidden; line-height:100px;}
.wht marquee img{ margin-top:33px }


/*誉*/
.wrapu{width:816px; float:left}
#list{overflow:hidden;zoom:1;}
#wrap .item{display:inline;float:left;width:382px;border:1px solid #b5d9ff; margin-right:23px;}
#wrap .item .tab{position:relative;float:left; width:100%; height:50px; border-bottom:1px solid #b5d9ff; background:#edfafc;}

#wrap .item .tab ul{position:absolute;top:10px;left:15px;width:340px;height:40px;overflow:hidden;}
#wrap .item .tab ul li{float:left;cursor:pointer;line-height:40px; width:100px; text-align:center;font-weight:700;color:#016dd8; font-family:"黑体"; font-size:16px}
#wrap .item .tab ul li.current{cursor:text;color:#fff;font-weight:700; background:url(../images/bk1.png) no-repeat}
#wrap .item .items{display:none;}


.items p{ line-height:26px; padding-left:10px}
.items dl img{ width:360px; float:left; padding-left:10px}
.items dl b{ width:100%; float:left; text-align:center; line-height:42px; font-weight:normal; padding-top:30px}

.btn{float:right;margin-right:10px; margin-top:10px; padding-bottom:20px;}
.btn a i{ font-size:20px; color:#4eb02c;}
.btn a i:hover{ color:#ff6000}
.btn  a{*background: url(../images/gd.png) center bottom no-repeat !important; *width:20px; *height:20px; display:block;}

.w384{width:384px; float:right;}
.ztzl{ width:382px; float:right;border:1px solid #016dd8; overflow:hidden}
.ry_bt{float:left; width:100%; height:45px; background: url(../images/dht_4.jpg) repeat-x; line-height:45px;}
.ry_bt a{width:140px; display:block;background:url(../images/tb2.png) 10px 15px no-repeat; text-align:center; color:#fff;font-weight:700; font-family:"黑体"; font-size:16px}
.ry_bt a:hover{ padding-left:15px; }
.ry_img{ height:472px; float:left; padding-top:21px; padding-bottom:21px; overflow:hidden}
#stable_2 ul{ width:95%; float:left; padding-bottom:12px; margin-left:12px;}
#stable_2 ul li{ width:100%; float:left; text-align:center; overflow:hidden; margin-bottom:10px; line-height:36px}
#stable_2 ul li img{ max-width:346px; border:1px solid #dedede; padding:2px;*+min-width: auto;*+width: expression(this.offsetWidth > 346 ? 
(this.offsetWidth < 346 ? 'auto' : '346px') : '346px'); }
#stable_2 ul li p{ line-height:36px; height:36px;}


.gywm{ width:384px; padding:20px; text-align:center; float:left; overflow:hidden}
.gywm img{ width:95%;}
.gywm p{ width:100%; float:left; padding-top:10px; line-height:26px; overflow:hidden; text-align:left}

.gy_nr ul{ width:110%; float:left; overflow:hidden}
.gy_nr ul li{ width:187px; height:66px; line-height:66px; text-align:center; margin-right:10px; float:left; margin-bottom:20px}
.gy_nr ul li a{ color:#FFF; font-weight:700; padding-left:15px; font-size:15px}
.gy_nr ul li:first-child { background:url(../images/yq1.jpg) no-repeat}                                
.gy_nr ul li:first-child + li {background:url(../images/yq2.jpg) no-repeat}                
.gy_nr ul li:first-child + li + li {background:url(../images/yq3.jpg) no-repeat}
.gy_nr ul li:first-child + li + li + li{background:url(../images/yq4.jpg) no-repeat}
.gy_nr ul li a:hover{ color:#016dd8}

.ysdw{ width:100%; float:left; background:#faf8f8; overflow:hidden}
.ysdw ul{ padding:10px;}

.ysdw ul li{ width:100%; float:left; border-bottom:1px dashed #CCCCCC; overflow:hidden; line-height:31px; padding-top:4px; padding-bottom:7px;}
.ysdw ul li img{ float:left; padding:12px 5px 0 5px}
.ysdw ul li a{ float:left; width:330px; height:31px; line-height:31px; overflow:hidden; font-size:15px}

.gc_al a{width:90px;height:28px; display:block; margin-top:10px; margin-left:15px; text-align:center; line-height:28px; color:#fff;background:url(../images/bk1.png) no-repeat;font-weight:700;}


/*工程案例*/
.gc_a{border:1px solid #b5d9ff;width:99.8%; float:left}
.gc_al{ width:100%;  height:40px; border-bottom:1px solid #b5d9ff; background:#edfafc; float:left; }

.qi_ry {width:96%; height:180px;overflow: hidden;position: relative; float: right; margin:20px}
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:215px; height:170px;cursor: pointer; margin-right:20px; text-align:center; margin-bottom:10px;}
.qi_ry ul li a{width:215px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:213px; height:143px; overflow: hidden; border:1px solid #2a84f6}
.qi_ry ul li img {max-width:213px;max-height:143px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qi_ry ul li a .box {width:100%;height:36px;opacity: 0.7; text-align:center; float:left; text-align:center;line-height:36px; overflow:hidden;white-space: nowrap;}
.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.qi_ry ul li a:hover .box{background-color:#016dd8; color:#FFF;opacity: 1;line-height:36px;}




/*案例展示*/
.hide {display: none;}
.yqlj{width:99.8%;border:1px solid #b5d9ff; float:left }
.product-tab {position: relative;z-index: 1;width:100%; float:left;text-align: center; border-bottom:1px solid #b5d9ff; background:#edfafc; float:left}
.product-tab:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.product-tab ul{ width:100%; height:40px; margin-top:10px; margin-left:15px;}
.product-tab ul li{float:left;cursor:pointer;line-height:40px; width:150px; text-align:center;font-weight:700; margin-right:10px}
.product-tab ul li.curt,.product-tab ul li:hover{cursor:text;color:#fff;font-weight:700; background:#1880b2;}
.product-tab ul:hover li.curt{ background:none; color:#333}

.icon-list ul{ width:110%; height:50px; float:left}
.icon-list ul li{ width:140px; height:50px; float:left; line-height:50px; margin-right:10px; text-align:center;}
.icon-list ul li i{vertical-align: middle; margin-right:5px; color:#4eb02c} 
.icon-list ul li a:hover{ background:#016dd8; color:#FFF}

/*foot*/
.foot{ width:100%; float:left; background:#0153a9; padding-top:20px; padding-bottom:30px; text-align:center; border-top:1px solid #0079c4}
.foot p{line-height:30px;color:#fff}
.foot a{ color:#fff}


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

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}


.cpfl{ width:228px; float:left; overflow:hidden;}
.cpfl_l{ width:226px; float:left; padding-bottom:15px;border:1px solid #f2f2f2; }
.cp_bt{ width:226px; height:72px;display:block; background:#027bc4; float:left;}

.cp_bt b{float:left;   font-size:20px; padding-left:20px; color:#fff; font-weight:normal;padding-top:15px; overflow:hidden; } 
.cp_bt i{ float:left; padding-left:5px; font-size:14px;padding-top:23px; color:#fff;}
.cp_bt p{ width:80%; float:left; padding-left:20px; color:#fff; font-size:13px;}
 
.cpfl_l ul{ width:99.5%; float:left; padding-top:12px;  padding-bottom:5px; border-bottom:3px solid #4eb02c; overflow:hidden}
.cpfl_l ul li{ width:100%; float:left; height:37px; line-height:37px;overflow: hidden;}
.cpfl_l ul li a i{  padding-left:20px; font-size:14px; color:#999; float:left; margin-top:12px;}
.cpfl_l ul li a span{ padding-left:12px;    font-size:15px; color:#666;}
.cpfl_l ul li a p{ width:210px; padding-left:20px;   float:left; font-size:15px; color:#666;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap; text-overflow:ellipsis;}
.cpfl_l ul li:hover,.cpfl_l ul li.cug{ background:#0153a9;}
.cpfl_l ul li:hover a span,.cpfl_l ul li:hover a i,.cpfl_l ul li.cug a span,.cpfl_l ul li.cug a i{ color:#FFF }
.cpfl_l  img{ width:100%; float:left; padding-bottom:15px;}



.nr_right{width:900px; float:right;border:1px solid #f2f2f2; padding:0 20px 20px 20px; display:block}
.dh_dy{ width:100%; height:35px; border-bottom:1px solid #eaeaea; line-height:35px; float:left;}
.dh_dy span{ float:right; padding-right:5px; font-size:13px; color:#999}
.dh_dy span a{font-size:13px; color:#999}
.dh_dy span a:hover{ color:#0153a9}

.zbt{ width:100%; height:28px; line-height:28px; background:#027bc4; float:left}
.zbt b{ font-weight:normal; color:#fff; height:28px;padding-right:40px; padding-left:16px; background:url(../images/dht1.jpg) right no-repeat; float:left; display:inline-block}
.zbt a{ float:right; color:#FFF; padding-right:8px;}

/*新闻列表*/
.new_lb{ width:100%; float:left; overflow:hidden; margin-bottom:20px;}
.new_lb ul{ width:100%; float:left; overflow:hidden; padding-top:14px;}
.new_lb ul li{ width:100%; float:left;  padding-bottom:5px; padding-top:5px;}
.new_lb ul li i{ color:#4eb02c; float:left; padding-right:8px; padding-top:10px;}
.new_lb ul li h2 a{ width:70%; font-size:16px; float:left; line-height:30px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_lb ul li p{color:#b1b1b1; font-size:12px;float: right;}

.zhuanti ul{ width:110%; float:left; overflow:hidden}
.zhuanti ul li{ width:222px; padding:3px; float:left; text-align:center; border:1px solid #f3f3f3; margin-right:20px; overflow:hidden}
.zhuanti ul li a{float:left; display:inline-block}
.zhuanti ul li a img{ width:100%;}


/*新闻列表*/
.new_list ul{ width:100%; float:left; overflow:hidden}
.new_list ul li{ width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_list ul li h2 a{ width:78%; line-height:30px; overflow:hidden; font-size:16px;color:#027bc4; font-weight:500; float:left}
.new_list ul li i{color:#4eb02c; font-size:13px; float:left; padding-right:8px; padding-top:8px;  }
.new_list ul li span{ color:#b1b1b1; float:right}
.new_list ul li p{width:100%; font-size:14px; line-height:25px; color:#666; padding-top:5px; float:left; overflow:hidden;}
.new_list ul li h2 a:hover{ color:#108bb7; }


.wznr{ width:100%; float:left; text-align:center}
.wznr b{ width:100%; font-size:18px; line-height:36px; float:left; padding-bottom:15px;}
.wznr p{line-height:29px; letter-spacing:1px; font-family:"微软雅黑"; font-size:15px;text-align:left }
.wznr p strong{ font-size:16px; color:#0153a9; }
.wznr p img,.new_nr img{ max-width:100%; max-height:!important; margin-bottom:3px; }


.gy_fl{ width:100%; height:60px; background:#f5f5f5; overflow:hidden; text-align:center}
.gy_fl a{ width:164px; height:60px; line-height:60px; display:inline-block; border-right:2px solid #FFF; color:#999; font-size:16px;}
.cuo{ background:#00831a; color:#FFF !important}

.aout-list ul{width:110%; float:left}
.aout-list ul li{ width:285px; float:left; margin-right:20px; margin-bottom:20px; text-align:center; overflow:hidden}
.aout-list ul li  a span{width:283px; height:200px; text-align:center;display: table-cell; vertical-align:middle; overflow:hidden;border:1px solid #f5f5f5; *display: block; *font-size: 174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;  }
.aout-list ul li  a span img{ max-width:250px;max-height:190px;vertical-align:middle; width:auto; height:auto; }
.aout-list ul li:hover  a span img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2); }
.aout-list  ul li p{ width:100%; height:36px;font-size: 16px;color: #666; line-height:36px; float:left; overflow:hidden;}
.aout-list ul li:hover p{ background:#016dd8; color:#FFF}
.aout-list ul li:hover span{border:1px solid #016dd8; }




/*新闻内容*/
.new_nr{ width:100%; float:left;overflow:hidden}
.new_nrt,.img_nr{ width:100%; float:left; text-align:center; overflow:hidden}
.new_nrt h1,.img_nr h1{ font-size:25px; font-weight:bold; line-height:36px;}
.new_nrt h2{ font-size:20px;line-height:38px; padding-bottom:15px;}


.new_nrt span{line-height:36px; color:#F30}
.new_nr p{width:100%; float:left; text-align:left; line-height:36px;padding-top:5px;}
.new_nrt img{ max-width:600px;}

.cp_dy{ width:898px; float:left; border:1px solid #e5e5e5; background:#f5f5f5;}
.cp_dy span{ width:878px; display:block; float:left; padding:8px; line-height:18px; overflow:hidden; color:#868686; font-size:12px; text-align:left}

.img_nr img{ max-width:1200px;}