@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "微软雅黑"; overflow:hidden; }
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{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:#f00;text-decoration:none;}

.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;}
.i{font-style:normal}


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

.logo img{height:60px;}

.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; overflow:hidden }
.menu{ width:102%; overflow:hidden; float:left;}
.menu .menu_item{ display:inline-block;float:left;font-size: 16px;color: #fff;width:172px;background:url(../images/dht_1.jpg) right no-repeat;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px;color:#fff; display: block;width: auto; line-height:48px;font-family:"微软雅黑";}
.menu .menu_item:hover a{color:#f90400;}

.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:#2a84f6 }
.submenu_item {padding:0 2px; min-width:168px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#f90400}
.submenu_item a:hover{ color:#fff !important;}


/*banner*/
.banner{ height:300px; width:100%; float:left}
.banner img{max-width:100%}
.banner-subban{ width:1200px; margin:0 auto}

.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;}

/*新闻动态切换图*/
*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.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:430px; height:320px; position:relative;object-fit:cover;
}
.slides_container .slide-all a p{ color:#fff; width:427px; height:30px; line-height:30px; overflow:hidden;position:absolute;top:290px; background:#202020;}

.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_dt{ width:460px; float:left; overflow:hidden; padding-left:30px;}
.news_bt{ width:100%; height:50px;float:left; overflow:hidden;}
.news_bt img{ height:50px; font-size:24px; float:left;}
.news_bt a{ float:right; width:95px; padding-right:8px; }
.news_dt ul li{ width:100%; float:left; border-bottom:1px dashed #CCCCCC; overflow:hidden; line-height:31px; padding-top:4px; padding-bottom:4px;}
.news_dt ul li img{ float:left; padding:12px 5px 0 5px}
.news_dt ul li h3 { float:left; width:320px; height:31px; line-height:31px; overflow:hidden; font-size:15px}
.news_dt ul li span{ float:right; padding-right:5px;}

.wht{ width:273px; float:right; overflow:hidden}
.wht img{ width:100%; float:left; padding-bottom:8px;}
.wht p{ float:left; color:#333; line-height:30px; overflow:hidden}


/*企业荣誉*/
.ry{ width:360px; float:left; overflow:hidden}
.ry_bt{ width:100%; height:40px; background: url(../images/dht_2.jpg) repeat-x; line-height:40px;}
.ry_bt img{ width:12px; height:12px; float:left; margin-top:12px; margin-left:15px; margin-right:15px; }
.ry_bt a{ font-size:16px; font-weight:bold; color:#000085;}

.ry_img{ width:358px; height:322px; border:1px solid #ccd7e1; float:left}
.ry_imgb{ width:356px; height:320px; border:2px solid #eef2f5; float:left;}
#stable_2 ul{ width:100%; float:left;}
#stable_2 ul li{ width:100%; float:left; text-align:center; overflow:hidden; padding-bottom:10px;}
#stable_2 ul li img{ max-width:310px;}
#stable_2 ul li p{ text-align:center; width:310px; margin:0 auto; line-height:20px;}

.qi_jj{ width:270px; float:left; margin-left:22px; overflow:hidden}
.qj_bt{ width:265px; float:left; overflow:hidden; text-align:center; padding-bottom:5px;}
.qj_bt img{ width:265px;}
.qi_jj i{ line-height:42px; font-size:16px; color:#F00; padding-left:3px;}
.qi_jj p{ line-height:22px; font-size:13px;padding-left:3px;}

.lx_wm{ width:240px; height:360px; border:3px solid #eaeaea;border-radius:6px; float: right; background:url(../images/lxwm2.jpg) no-repeat}
.lx_wm span{ width:240px; float:left; text-align:center; padding-top:20px; color:#1e5bb1; padding-bottom:22px;}
.lx_wm span b{ font-size:16px}
.lx_wm p{ padding-left:10px; line-height:30px; padding-right:8px;}



/*工程案例*/
.gc_al{ width:30px; height:160px; background:#33ccff; text-align:center; line-height:100%; float:left;writing-mode:vertical-lr; }
.gc_al a{ padding-left:7px; font-weight:600;letter-spacing:8px}
.qi_ry {width:1160px; height:160px;overflow: hidden;position: relative; float: right;}
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:140px; height:160px;cursor: pointer; margin-right:20px; text-align:center}
.qi_ry ul li a{width:140px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:140px; height:130px; overflow: hidden; border:2px solid #2a84f6;*display: block; *font-size:116px; *font-family:Arial;}
.qi_ry ul li img {max-width:140px;max-height:110px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qi_ry ul li a .box {width:140px;height:30px;opacity: 0.7; text-align:center; float:left; text-align:center;color:#000;line-height:30px; 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:#f90400; color:#FFF;opacity: 1;}




/*工程案例*/
.hide {display: none;}
.product-tab {position: relative;z-index: 1;width:220px; float:left;text-align: center;}
.product-tab:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.product-tab li a{float: left;width: 220px; height:161px; margin-bottom:1px; background:#2a84f6; color:#FFF;text-align: center;cursor: pointer;box-sizing: content-box; font-size:18px;}
.product-tab li a img{ max-height:90px; padding-top:30px;}
.product-tab li a b{ width:100%; float:left; padding-top:15px;}
.product-tab li a:hover,.product-tab li.cur a,.anli ul li a:hover,.anli ul li.cur a{background:#f90400; color:#FFF}

.icon-list {width:940px; float:right;overflow: hidden;}
.icon-list ul,.ant-list ul{width:110%; float:left}
.icon-list ul li a{ width:299px; float:left; margin-right:20px; margin-bottom:20px; text-align:center; overflow:hidden}

.icon-list ul li  a span{width:299px; height:200px; text-align:center;display: table-cell; vertical-align:middle; overflow:hidden;border:1px solid #2a84f6; *display: block; *font-size: 165px; *font-family:Arial; }
.icon-list ul li  a span img,.ant-list ul li a span img{ max-width:250px;max-height:190px;vertical-align:middle; width:auto; height:auto; }
.icon-list ul li  a span img:hover,.ant-list ul li a span img:hover{ -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); }
.icon-list p,.ant-list ul li p{ width:100%; height:30px;font-size: 16px;color: #666; line-height:30px; float:left; overflow:hidden; padding-top:5px;}

.ant-list ul li{ width:290px; float:left;margin-right:20px; margin-bottom:20px; text-align:center; overflow:hidden}
.ant-list ul li a span{width:288px; height:200px; text-align:center;display: table-cell; vertical-align:middle; overflow:hidden;border:1px solid #2a84f6; *display: block; *font-size: 174px; *font-family:Arial; }

/*foot*/
.foot{ width:100%; float:left; background:#f3f4f6; padding-top:20px; padding-bottom:30px; text-align:center; border-top:1px solid #bbc4cd}
.foot p{line-height:30px;}
.foot a{ color:#F00}
/*搜索*/
.search{ width:267px; height:44px; background:#007ee9; float:left; margin-top:10px;}
.kuan_sou{ width:78.8%; height:40px; float:left;border:none; margin:2px 2px; background:#FFF}
.kuan_an{ width:50px; height:44px;cursor:pointer; float:left; border:none; color:#FFF; background:none;  font-size:14px}
.kuan_an:hover{ color:#65f57c}


/*翻页样式*/
#pages{ width: 100%; height: 50px; 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;}
#pages span{ background: #2985f7; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#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:223px; float:left; overflow:hidden;}
.cpfl_l{ width:221px; float:left; padding-bottom:15px;border:1px solid #CCC; }
.cp_bt{ width:219px; height:57px;display:block; background:url(../images/dht_3.jpg) repeat-x; float:left; text-align:center; }

.cp_bt b{  font-size:20px;font-weight:bold; line-height:30px; padding-top:5px; overflow:hidden; display:block} 
.cp_bt i{ font-size:12px;}

.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;  line-height:37px; padding-bottom:10px;display:block; border-bottom:1px dashed #c7c7c7}
.cpfl_l ul li a img{ width:5px; float:left; margin-left:25px; margin-right:10px; margin-top:16px;}
.cpfl_l ul li a:hover,.cpfl_l ul li.cur a{ color:#ff0000}
.cpfl_l p{ float:left; padding-left:12px; padding-right:8px; line-height:26px;}
.cpfl_l  img{ width:100%; float:left; padding-bottom:15px;}



.nr_right{width:924px; float:right; overflow:hidden}
.dh_dy{ width:100%; height:40px; border-bottom:1px solid #c5ced5; line-height:40px; float:left; margin-bottom:15px;}
.dh_dy b{ float:left; font-size:16px}
.dh_dy span{ float:right; padding-right:5px;}
.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{overflow:hidden; line-height:28px; padding-bottom:8px; text-align:left}
.wznr p strong{ font-size:16px; color:#F00}
.wznr img,.new_nr img{ max-width:640px; max-height:!important; margin-bottom:3px; }

/*=通用内容*/
.chan_nr{ width:980px; float:right}
.chan_nr p{ width:100%; float:left; line-height:30px; overflow:hidden}
.chan_nr strong{ font-size:16px; color:#009ff3}
.chan_nr img{max-width:800px;}
.chan_nr b{ font-size:20px; line-height:40px; width:100%; text-align:center; float:left; padding-bottom:20px;}
.chan_nr span,.chan_nr span a{ font-size:18px; line-height:36px; color:#009ff3}

/*新闻列表*/
.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_t{ width:922px; border:1px solid #eeeeee; float:left}
.lxwm_t span{padding-top:32px; padding-left:80px; float:left; padding-bottom:15px;}
.lxwm_t span p{ width:420px; float:left; padding-bottom:15px; overflow:hidden;}
.lxwm_t span p img{ width:45px; float:left; padding-right:10px;}
.lxwm_t span p strong{ font-weight:normal; float:left; line-height:37px; font-size:16px;}










