﻿@charset "utf-8";
/* CSS Document */
body{ font-family: "微软雅黑", Arial, Helvetica, sans-serif ;font-size:14px; color:#666666; }
a {text-decoration: none; color:#666666;}
li{list-style: none;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/*头部*/
.header{ width:100%; height:125px; position:relative; margin:0px auto; padding:0px; background:#fff;}
.header_top{ width:1000px; height:97px;margin:0 auto;}
.headerleft{ float:left; margin-top:40px;}
.headerright{ float:right; margin-top:60px;}
 /*导航位置*/

/*隐藏盒子*/

.box{background:#6699ff;  width:100%; height:48px; position:relative;}
#nav-menu{height:48px;background:#6699ff;width:1000px;margin:0 auto; padding:0px;}
#nav-menu .container{position:relative;overflow:visible; z-index:998;}
#nav-menu .menu{padding:0 0 0 20px;}
#nav-menu .menu li{position:relative;float:left;padding:0 8px 0 5px;display:inline;font-size:16px; cursor:pointer;}
#nav-menu .menu li h3{display:inline-block;float:left;}
#nav-menu .menu li a.xialaguang{ display:inline-block;color:#FFF;text-decoration:none; height:48px;font-size:16px;width:100px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#fff;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#6699d1;height:48px;}
#nav-menu .menu li a.xialaguang span{height:48px;line-height:48px;display:inline-block;font-weight:bold;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:100px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:40px;left:5px;width:100px;background:#6699d1;line-height:normal;}
#nav-menu .menu ul.children li{width:100px;padding:0px;display:inline-block;font-size:14px;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:35px;line-height:30px;overflow:hidden;padding:5px 0;display:block;color:#fff;text-align:center;
text-decoration:none; font-size:14px;}
#nav-menu .menu ul.children li a:hover{background-color:#6699d1;}


/*banner图*/
.banner{ width:100%; height:246px;overflow:hidden;}
.banner_img1{ background:url(../images/tu0.png) center no-repeat; width:100%; height:246px;}
.banner_img2{ background:url(../images/abb-ari-armaturen-gebaeudetechnik.png) center no-repeat; width:100%; height:246px;}
.banner_img3{ background:url(../images/tu9.png) center no-repeat; width:100%; height:246px;}
.banner_img4{ background:url(../images/tu0.png) center no-repeat; width:100%; height:246px;}
.banner_img5{ background:url(../images/bannernew.png) center no-repeat; width:100%; height:246px;}
.banner_img6{ background:url(../images/tu2.png) center no-repeat; width:100%; height:246px;}
.banner_img7{ background:url(../images/tu_ji.png) center no-repeat; width:100%; height:246px;}

/*当前位置*/
.dangqian{  width:1000px; height:35px; padding:0px; margin:0px auto; overflow:hidden; position:relative; }
.dangqian_con{ width:200px; height:15px; margin-top:19px; float:right; font-size:12px; color:#666666; }
.dangqian_con a{color:#666666; }
.dangqian_con a:hover{color:#ff9933;}
.dangqian_con span a{ color:#666666;}
.dangqian_con span a:hover{ color:#ff9933;}

/*bottom*/
.products_contact_butom{ width:1000px; height:64px; position:relative;overflow:hidden; margin:0px auto;}
.products_contact_butom_con{width:1000px; height:40px; float:left;  text-align:center; margin-top:25px;  }
.products_contact_butom_con li { text-align:center; float:left; width:125px; height:38px; line-height:38px; background:#5094d1; color:#fff; font-size:16px; margin-left:1px;}
.products_contact_butom_con li a{ text-align:center; line-height:38px; background:#5094d1; color:#fff; font-size:16px; margin-left:1px;}
.products_contact_butom_con li a:hover{ text-align:center; float:right; width:125px; height:38px; line-height:38px; background:#ff8041; color:#fff; font-size:16px; }
.products_contact_butom_con li  a.mcurrent{ text-align:center; float:right; width:125px; height:38px; line-height:38px; background:#ff8041; color:#fff; font-size:16px; }
 
/*德国认证 荣誉资质*/
.deguo{ width:1000px; height:557px; margin:0 auto; }
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #666666;
}
.de_zi {
	font-size: 15px;
	margin-top: 25px;
}
.deguo_renzheng {
	position:relative;
	width: 1000px;
}



/*新闻内页*/
.news_contact{ width:1000px; height:100px; position:relative;overflow:hidden; margin:0px auto;  margin-top:55px;}
.news_contact_zi{ width:1000px; height:23px; color:#333333; font-size:17px; text-align:center;}
.news_contact_time{ width:1000px; height:16px; color:#666666; font-size:14px; text-align:center; margin-top:29px;}
.news_contact_xian{ border-bottom:#cccccc 1px solid; width:957px; text-align:center; margin-top:22px;}
.news_cccc{width:1000px;  position:relative; margin:0px auto;  margin-top:27px;}
.news_cccc_zi{ width:960px;  color:#666666; font-size:14px; line-height:24px;}


/*案例展示*/
.case_contact{ width:1000px; height:246px;position:relative;overflow:hidden; margin:0px auto;  margin-top:45px;}
.case_zi{ width:922px; height:246px; color:#666666; font-size:14px; line-height:27px; overflow:hidden;}
.case_zi span{ color:#333333; font-size:16px;}
.case_img{width:685px; height:460px;position:relative;overflow:hidden; margin:0px auto; margin-top:35px; }
.case_img12{ margin-top:55px;}
/*公司简介*/
.company{width:1000px; position:relative; margin:0px auto;}
.company_contact{ width:1000px; height:auto; font-size:14px; line-height:24px; color:#666666; }
.company_contact img{margin:15px;}
.company_contact_zi{ width:586px; height:276px; overflow:hidden; color:#666666; padding-left:23px;font-size:16px;line-height:25px;}
.company_contact_zi1{ width:975px; height:165px;overflow:hidden; color:#666666; font-size:16px;line-height:25px; margin-top:22px;}

/*在线留言*/
#zong{   
 width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 60px;
	margin-top:22px;
    line-height: 2.5em;
    font-size: 15px;}
.table_form{font-size:15px}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#000;}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 8px 8px}
.table_form tbody td,.table_form tbody th{border-bottom:1px  }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/Message_2.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px;}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595;}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red;}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px;}
.onTime{background-position:3px -1356px;}
.table-list td,.table-list th{padding-left:12px; font-weight:normal;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid; padding-top:5px; padding-bottom:5px;}

.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4;}
.nHover tr:hover,.nHover tr:hover td{ background:none;}
.table-list .input-text-c{ padding:0; height:18px;}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee;}
.buttons{*padding-top:4px;min-width:100px;background:#6699cc;height:30px; border:none; margin-right:5px; color:#fff; font-size:15px;  cursor:pointer;}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{backgroundL:url(../images/Message_2.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden;}
a.close-own:hover{background-position: left -46px;}

/*在线留言*/
.information{ width:1000px; height:510px;position:relative;overflow:hidden; margin:0px auto;  margin-top:48px;}
.information_contact{width:1000px; height:510px; }
.information_contact_left{ width:350px; height:10px; font-size:15px; color:#666666; line-height:32px; padding-left:13px;}
.information_contact_left span{ font-size:18px; font-weight:bold; color:#000000; line-height:100px; }
.information_contact_right{ float:right; height:550px;}

/*案例展示*/
.content-five{
	width:1000px;
	margin:0px auto;
	padding: 15px 25px 15px 25px;
}
.con-five{
	width: 290px;
	height: 220px;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-align:center;
	border:#eee 5px solid;
	
}
.con-five .ppc{
    display: block;
    height: 220px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.con-five .ppc .conimg{max-width: 100%; max-height: 100%;}
.conimg{
width: 290px; height: 220px;object-fit: cover;
}
.conimgs{
	text-align:center; margin:0px auto; padding:0px;max-width: 290px; max-height: 220px;	
}
.clear{clear: both;}
.txt-five{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt-five h3{
	font-weight: normal;
	font-size:16px;
	padding: 0 10px;
}

/*产品中心内页*/
.products_qieduan{ width:1000px; height:293px;position:relative;overflow:hidden; margin:0px auto; margin-top:55px;}
.products_qieduan_contact{ width:1000px; height:293px;}
.products_qieduan_left{ width:380px; height:265px; text-align:center; border:#cccccc 0.8px solid; float:left;}
.products_qieduan_right{ width:550px; height:280px; float:right;}


.mod18{width:1000px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:20px;height:67px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/pro_nei_5.png) 0 0 no-repeat; float:left; margin-left:306px; margin-top:-88px;}
.mod18 #nextTop{background:url(../images/pro_nei_6.png) 0 0 no-repeat;  float:right;margin-top:-88px; margin-right:125px;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.zi{ font-size:16px; color:#333333; line-height:48px; padding-top:10px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-left: 20px;}
.zi1{ font-size:14px; color:#999999;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
    padding-left: 20px;
}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;width:320px;height:265px;}
.mod18 .cf a img{
max-width: 300px;
 max-height: 245px;
 object-fit: cover;}	
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:320px; height:265px; position:relative;overflow:hidden; background:#fff; border:#cccccc 0.8px solid; float:left;  }
.mod18 .picBox ul{height:265px;position:absolute; left:0;}
.mod18 .picBox li{width:320px;height:265px;}
.mod18 .listBox{width:515px;height:120px;margin:0 auto;position:relative; padding-top:50px;overflow:hidden; float:right; margin-right:160px;}
.mod18 .listBox ul{height:120px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:115px;height:115px;cursor:pointer;position:relative; padding:0px 10px 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on i{display:block;}
#cen_right_top{width:1000px;margin:40px auto 0 auto; position:relative;}
#cen_right_top .active{background:#6699cc;color:#fff; margin-left:14px;}
#cen_right_top h3{line-height:36px;text-align:center;float:left; margin-left:14px;height:36px;width:89px;margin::0px;padding:0px;background-color:#cccccc;font-size:16px;color:#666666;font-weight:lighter;cursor:pointer;}
.neipr{font-size:14px;clear:both;padding:20px 0px 0px 20px;border-top-width:1px;border-top-style:solid;border-top-color:#cccccc;color:#999999; font-size:14px;line-height: 26px; display: block;}
/*公司新闻*/
.expertbox{width:1000px;margin:0px auto 0 auto;}
.it_expert{height:50px;position:relative;color:#686868;line-height:50px;}
.it_expertp1{width:120px;height:50px;font-size:18px;text-indent:2em;color:#686868;line-height:50px;float:left;}
.it_expertp2{width:200px;height:50px;float:right;text-align:center;}
#it_awewe a{display:inline-table!important;}
.it_expertspan1{width:30px;height:30px;margin-right:10px;color:#868585;display:inline-table;text-align:center;line-height:30px;}
.it_expertspan2{width:30px;height:30px;color:#868585;display:inline-block;text-align:center;line-height:30px;}
.it_expert3 {}
.it_expertxt{height:200px;position:relative;background:#ebeaea; margin-top:35px;}
.it_img{ float:left; padding-top:18px; padding-left:10px;}
.it_img img{object-fit: cover;}
.it_right{ float:left; width:680px;}
.it_expertit{color:#434343;font-size:16px;padding-left:25px;padding-top:48px;padding-bottom:6px;position:relative;}
.it_experconter{width:680px;padding:6px;padding-left:25px;color:#7d858c;position:relative; line-height:24px; font-size:13px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.it_expertxt:hover{background:#4e88b0;} 
.it_more{  color:#fff; background:#ff9933; width:72px; height:25px; -webkit-border-radius:4px; line-height:25px; text-align:center; float:right;    margin-top: 15px;}

/*技术讨论*/

.technical_contact_left{ width:95px; height:100px; float:left; margin-top:38px;}
.technical_contact_left_con{ width:89px; height:89px; background:#ccc;}
.technical_contact_left_con_zi1{ font-size:20px; padding-top:10px; color:#6699cc; text-align:center; line-height:35px; text-align:center;}
.technical_contact_left_con_zi2{text-align:center; font-size:20px; color:#666666;text-align:center; line-height:35px;}
.technical_contact_right{ float:right; width:825px; height:105px; margin-right:35px; margin-top:38px;}
.technical_contact_right_tit{ color:#333333; font-size:18px;  line-height:30px; }
.technical_contact_right_con{ color:#666666; font-size:14px;line-height:24px;}
.focus{width:1000px;margin:0 auto 0 auto; height:auto;}
.focus .right{ width:1000px; }
.focus .right li{height:162px;margin-top:-20px; overflow:hidden; padding-left:10px;background-position:-120px 0; background:#fff; margin-bottom:21px;cursor: pointer;}
.focus .right li:hover,.focus .right li.active{color:#cccccc;background-position:0px ; background:#ccc; }

/*尾部*/
.footer{ width:100%; height:118px;margin:0px auto; padding:0px; position:relative; clear:both; background:#a1a09e; margin-top:60px;}
.footer_contact{width:1000px; height:auto; position:relative; }
.footer_contact_con1{ color:#fff; font-size:14px;     width: 755px; height:75px;  padding-top:16px; line-height:30px;}
.footer_contact_con1 a{ color:#fff; font-size:14px;}
.footer_right{ float:left; margin-left:410px; margin-top:-35px; }
.footer_right select{ width:175px; height:26px;  overflow:hidden; font-size:15px; overflow:scroll;  color:#2e2c2c; text-indent:4px;}
.footer_right1{float:right; width:224px; height:20px;}
.footer_right1_fen{width:230px; height:40px;  margin:0 auto; position:relative; float:left; color:#fff; font-size:16px; top:-45px; margin-left:-30px;}
.fenlei{height:40px; float:right; margin-top:-3px;}
.fenlei a {width: 34px;height:34px;margin-right: 18px;float: left;}
/*分页*/
.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
	text-decoration:none;
}
.listpage span {
    background-color: #1256b0;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.cpage { text-align:center}
.cpage a {
	background-color: #FFFFFF;
    border-color: #7EB864;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding:5px 10px;
}
.blank10{height:10px;overflow:hidden;}
.lyh{ width:1000px; height:auto; overflow:hidden; clear:both; margin:0 auto;}
.lyh ul{ z-index:100000px;}
.lyh li{ float:left;width:292px; height:230px; margin:22px 40px 22px 0; text-align:center;}
.lyhtu {
    width:292px;
    height:207px;
    text-align: center;
    float: left;
	padding:3px;
	border:1px solid #cccccc;
	}
.lyhti {
    width:292px;
    text-align: center;
    float: left;
	line-height:47px;
	color:#666;
	font-size:15px;
}
.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pagination-style{padding: 20px 0 0 0; text-align: center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}