﻿


/*关于我们*/
.aboutru{overflow: hidden; position: relative;  width: calc(100% - 500px); float: left; }
.aboutru p{ line-height: 28px; font-size: 15px; margin-bottom: 10px; }
.aboutru p img{margin: 10px 0; max-width: 100%;}
.aboutweb{overflow: hidden; position: relative;  width: 100%; float: left; }
.aboutweb p{ line-height: 28px; font-size: 15px; margin-bottom: 10px; }
.aboutweb p img{margin: 10px 0; max-width: 100%;}



/*关于我们*/

.aboutwh{overflow: hidden; position: relative; display: block;  width: 500px; float: left; }
.aboutwh ul{zoom: 1;width:100% ;  }
.aboutwh ul li{width: 245px; float: left; margin-bottom: 30px; margin-right: 10px;cursor:pointer;
    background: rgba(255, 255, 255, 1); box-shadow: 0px 10px 50px 0px rgba(39, 39, 39, 0.11);border-radius: 8px;overflow: hidden;}
.aboutwh ul li:nth-child(2n){margin-right: 0;}
.aboutwh ul li .biotu{width: 245px; height: 200px;overflow: hidden; position: relative; display: block;}
.aboutwh ul li .biotu img{width: 245px;height: 200px;}
.aboutwh ul li .biotu .tuext{text-align: center;font-size: 30px;font-weight: 600;color: #fff;position: absolute;left: 0; right: 0; z-index: 100;height: 200px; line-height: 200px; margin-top: -200px; }
.aboutwh ul li .texox {padding: 20px 10px;font-size: 15px; color: rgba(109, 117, 122, 1); line-height: 22px;text-align: center}

@media (max-width:1024px) {	
.aboutru{width: 100%;}
.aboutwh{width: 100%;}
.aboutweb{margin-top: -20px;}
.aboutwh ul li{width:48%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer;
    background: rgba(255, 255, 255, 1); box-shadow: 0px 10px 50px 0px rgba(39, 39, 39, 0.11);border-radius: 8px;overflow: hidden;}
.aboutwh ul li:nth-child(2n){margin-right: 0;}
.aboutwh ul li .biotu{width: 100%; height: 150px;overflow: hidden; position: relative; display: block;}
.aboutwh ul li .biotu img{width: 100%;height: 150px;}
.aboutwh ul li .biotu .tuext{text-align: center;font-size: 30px;font-weight: 600;color: #fff;position: absolute;left: 0; right: 0; z-index: 100;height: 150px; line-height: 150px; margin-top: -150px; }
.aboutwh ul li .texox { line-height: 22px; height: 66px; padding: 10px;}
}

/*产品*/
.productlist{width: 100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 40px;}
.productlist ul{zoom: 1;  margin-bottom: 15px; }
.productlist ul li{width: 283px; float: left; margin-bottom: 30px; margin-right: 30px;cursor:pointer; overflow: hidden;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li .tuimgt{border: solid 1px #f1f1f1;border-bottom: solid 0px #ddd;  overflow: hidden; width: 283px; height: 200px;  }
.productlist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;width: 281px; min-height: 200px;}
.productlist ul li .tuimgt:hover img{transform: scale(1.1,1.1)}
.productlist ul li .tuext{ background-color: #f1f1f1; padding: 11px; text-align: center;margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 18px;}
.productlist ul li:hover .tuext{ background-color: #0066b4; color: #fff;}



@media (max-width:1254px) {	
.productlist{ margin-top: 20px;}
.productlist ul li{width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer; overflow: hidden;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li .tuimgt{border: solid 0px #f1f1f1;  overflow: hidden; width: 100%; height: auto;  }
.productlist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;width: 100%; max-height: auto;}
}

@media (max-width:640px) {	
.productlist{ margin-top: 0px;}
.productlist ul li{width: 48%; float: left; margin-bottom: 20px; margin-right: 4%;cursor:pointer; overflow: hidden;}
.productlist ul li:nth-child(3n){margin-right: 4%;}
.productlist ul li:nth-child(2n){margin-right: 0;}

}



/*产品*/

/*公司展示*/
.piclist{width: 100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 40px;}
.piclist ul{zoom: 1;  margin-bottom: 15px; }
.piclist ul li{width: 283px; float: left; margin-bottom: 30px; margin-right: 30px;cursor:pointer}
.piclist ul li:nth-child(3n){margin-right: 0;}
.piclist ul li .tuimgt{ overflow: hidden; width: 100%; height: 188px;}
.piclist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;}
.piclist ul li .tuimgt:hover img{transform: scale(1.1,1.1)}
.piclist ul li .tuext{ background-color: #f1f1f1; padding: 15px;text-align: center;margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.piclist ul li:hover .tuext{ background-color: #0066b4; color: #fff;}


@media (max-width:1254px) {	
.piclist{ margin-top: 20px;}
.piclist ul li{width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer; overflow: hidden;}
.piclist ul li:nth-child(3n){margin-right: 0;}
.piclist ul li .tuimgt{border: solid 0px #f1f1f1;  overflow: hidden; width: 100%; height: auto;  }
.piclist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;width: 100%; max-height: auto;}
}

@media (max-width:640px) {	
.piclist{ margin-top: 0px;}
.piclist ul li{width: 48%; float: left; margin-bottom: 20px; margin-right: 4%;cursor:pointer; overflow: hidden;}
.piclist ul li:nth-child(3n){margin-right: 4%;}
.piclist ul li:nth-child(2n){margin-right: 0;}

}





/*公司展示*/

/*荣誉*/


.honorlist{width: 100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 40px;}
.honorlist ul{zoom: 1;  margin-bottom: 15px; }
.honorlist ul li{width: 283px; float: left; margin-bottom: 30px; margin-right: 30px;cursor:pointer; overflow: hidden;}
.honorlist ul li:nth-child(3n){margin-right: 0;}
.honorlist ul li .tuimgt{border: solid 1px #f1f1f1;border-bottom: solid 0px #ddd;  overflow: hidden; width: 283px; height: 211px;  }
.honorlist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;width: 281px; max-height: 211px;}
.honorlist ul li .tuimgt:hover img{transform: scale(1.1,1.1)}
.honorlist ul li .tuext{ background-color: #f1f1f1; padding: 10px; text-align: center;margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.honorlist ul li:hover .tuext{ background-color: #0066b4; color: #fff;}

@media (max-width:1254px) {	
.honorlist{ margin-top: 20px;}
.honorlist ul li{width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer; overflow: hidden;}
.honorlist ul li:nth-child(3n){margin-right: 0;}
.honorlist ul li .tuimgt{border: solid 0px #f1f1f1;  overflow: hidden; width: 100%; height: auto;  }
.honorlist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;width: 100%; max-height: auto;}
}

@media (max-width:640px) {	
.honorlist{ margin-top: 0px;}
.honorlist ul li{width: 48%; float: left; margin-bottom: 20px; margin-right: 4%;cursor:pointer; overflow: hidden;}
.honorlist ul li:nth-child(3n){margin-right: 4%;}
.honorlist ul li:nth-child(2n){margin-right: 0;}

}


/*荣誉*/






.aboutte{margin-bottom: 40px;overflow: hidden; position: relative;  width: 100%; }
.aboutte .cotle{ font-size:24px; text-align:center; line-height:32px; color:#1a1a1a;font-weight: 600; padding:30px;}
.aboutte .text{width: 100%; margin-top: 10px; overflow: hidden; display: block;}
.aboutte .text p{ line-height: 28px; font-size: 15px; margin-bottom: 10px; }
.aboutte .text p img{margin: 10px 0; max-width: 100%;}



/*工程案例*/

.caselist{width: 1200px;overflow:hidden;margin:auto;position:relative; padding-top: 40px; margin-bottom: 40px;}
.caselist ul{zoom: 1;overflow:hidden; margin-bottom: 20px;}
.caselist ul li { margin-bottom: 24px; float: left; margin-right:25px ; width: 220px; height: 95px; display: block;cursor: pointer; position: relative; }
.caselist ul li:nth-child(5n){margin-right: 0;}
.caselist ul li .timgsti {width: 220px; height: 95px; overflow: hidden; display: block; border: solid #f1f1f1 1px;}
.caselist ul li .timgsti img { max-width: 100%;  transition: all 0.8s ease 0s;}
.caselist ul li .timgsti:hover img{transform: scale(1.1,1.1)}
.caselist ul li .tnanst {position: absolute; left: 0; top: 0; font-size: 18px; color: #fff; width: 220px; height: 95px; line-height: 95px; text-align: center; background: rgba(0,0,0,.5); display: none; }
.caselist ul li:hover .tnanst{display: block;}

@media (max-width:1200px) {
.caselist{width: 92%;  margin: auto; padding-top: 0;}
.caselist ul li { margin-right:2% ; width: 23.5%; height: 95px; margin-bottom: 15px; }
.caselist ul li .timgsti {width: 98%; margin: auto; }
.caselist ul li:nth-child(5n){margin-right: 2%;}
.caselist ul li:nth-child(4n){margin-right: 0;}

}
@media (max-width:780px) {
.caselist{margin-top: -20px;}
.caselist ul li { margin-right:2% ; width: 32%; height: 52px; }
.caselist ul li .timgsti { height: 50px;}
.caselist ul li:nth-child(5n){margin-right: 2%;}
.caselist ul li:nth-child(4n){margin-right: 2%;}
.caselist ul li:nth-child(3n){margin-right: 0;}


}


/*工程案例*/

/*视频教程*/
.videos{ width:1200px; overflow: hidden; position: relative; display: block;padding-top: 40px; margin-bottom: 40px;}
.videos ul{zoom: 1;}
.videos ul li{width:380px;background:#fff;margin-bottom:20px;float:left;margin-right: 30px;}
.videos ul li:nth-child(3n){margin-right: 0;}
.videos ul li .video_img{position:relative;overflow:hidden;width:380px; height: 220px;}
.videos ul li .video_img img{width:100%; height: 220px;transition: all 1s ease 0s;}

.videos ul li .video_img:hover img{transform: scale(1.1,1.1)}
.videos ul li .video_img i{position:absolute;width:79px;height:80px;display: block;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/icon_play_1.png) no-repeat center;cursor:pointer;}
.videos ul li .note{padding:15px 0px 30px;text-align:left;}
.videos ul li .note .tingt{font-weight:normal;font-size:16px;color:#333;}
.videos ul li .note .eningt{font-weight:normal;font-size:15px;color:#333; line-height: 26px;}
@media (max-width:1200px) {
.videos{width: 92%;  margin: auto;}
.videos ul li{width: 32%; margin-right: 2%;}
.videos ul li .video_img{width:100%; height: 200px;}
}
@media (max-width:960px) {

.videos ul li{width: 48%; margin-right: 4%;}
.videos ul li:nth-child(4n){margin-right: 4%;}
.videos ul li:nth-child(2n){margin-right: 0;}
.videos ul li .video_img{ height: 220px;}
}
@media (max-width:640px) {

.videos ul li{width: 100%; margin-right: 0%;}
.videos ul li .video_img{ height: auto;}
}

/*视频教程*/


/*x联系我们*/
.innerweblxwm{ width:100%; margin:0 auto; padding: 30px 0; position:relative; }
.ablxwm{background: #fff; overflow: hidden; }
.ablxwm .dzbtin{margin-bottom: 30px;padding-top: 10px;overflow: hidden;}
.ablxwm .dzbtin h4{font-size: 30px; color: #333; margin-bottom: 30px; }
.ablxwm .dzbtin .zdwxgz{width: 150px; float:right ;}
.ablxwm .dzbtin .zdwxgz .xcx {width: 150px; float: left;}
.ablxwm .dzbtin .zdwxgz .xcx p{padding: 5px; text-align: center;}
.ablxwm .dzbtin .zdwxgz .xcx p img{width: 140px;}

.ablxwm .dzbtin .lxwmii{width:980px; margin-bottom: 40px; float: left;}
.ablxwm .dzbtin .lxwmii  span{display: inline-block; width: 440px;padding-left:50px; height: 40px; line-height: 40px; font-size: 14px; color: #666666;margin-bottom: 20px; float: left; }
.ablxwm .dzbtin .lxwmii span.z1{background: url(../images/i3.png) no-repeat left center }
.ablxwm .dzbtin .lxwmii span.z2{background: url(../images/i4.png) no-repeat left center }
.ablxwm .dzbtin .lxwmii span.z3{background: url(../images/i5.png) no-repeat left center }
.ablxwm .dzbtin .lxwmii span.z4{background: url(../images/i6.png) no-repeat left center }
.ablxwm .dzbtin .lxwmii span.z7{background: url(../images/i7.png) no-repeat left center }
.ablxwm .dzbtin .lxwmii span.z8{background: url(../images/i8.png) no-repeat left center }

@media (max-width:1200px) {
	.innerweblxwm{width: 92%; padding-top: 0;}
.ablxwm .dzbtin .lxwmii{width: calc(100% - 150px); margin-bottom: 40px; float: left;}

}

@media (max-width:640px) {
.ablxwm .dzbtin .zdwxgz{display: none;}
.ablxwm .dzbtin .lxwmii{width: 100%;}
.ablxwm .dzbtin .lxwmii  span{ width: 100%;}
.ablxwm .dzbtin h4{font-size: 20px; color: #333; margin-bottom:10px; }

}



/*地图*/

#allmap {
  width: 100%;
  height: 400px;
  overflow: hidden;
  font-family: "微软雅黑";
}
#allmap b {
  color: #CC5522;
  font-size: 14px;
}
#allmap img {
  max-width: none;
}


/*地图*/


/*x联系我们*/



/*下载*/
.downistte {padding: 10px; margin: auto; overflow: hidden; position: relative; margin-top: 30px; margin-bottom: 40px;background: #fff; padding-bottom: 30px; }
.downistte ul{ margin:0px; padding:0px; list-style:none;}
.downistte ul li{ height:42px; line-height:42px; border-bottom:1px dotted #CCC; overflow: hidden; position: relative;}
.downistte ul li .newsTitle{ width:545px; display:inline-block;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.downistte ul li .newsTitle a{font-size:16px;}
.downistte ul li .newsDatetime{ width:100px; color:#999;display:inline-block; float:right; text-align:center;font-size:14px;}
.downistte ul li .newsxz{float: right;width: 101px;margin-top:5px;background: url(../images/download.jpg) no-repeat;text-indent: 33px;height:42px; }
.downistte ul li .newsxz:hover{ background: url(../images/download1.png) no-repeat;}

/*下载*/


/*招聘*


.joplist{ width: 100%; display: block; position: relative; overflow: hidden;padding: 20px 0;}
.joplist ul{border-top:1px solid #e8e8e8;zoom: 1;}
.joplist ul li{ border-bottom:1px solid #e8e8e8;}
.joplist ul li h3{padding:0 30px 0 35px; font-size:18px; height:50px; line-height:50px; color:#4c4c4c;background-image:url(../images/zp06.png);background-position:98% center;background-repeat:no-repeat; cursor:pointer;}
.zhaoptext04{ padding: 16px 32px 32px; background-color:#f2f2f2; font-size:14px; color:#4c4c4c; line-height:24px; display:none;}
.zhaoptext04 p{font-size: 15px;line-height:28px;}
.zhaoptext04 h4{ font-weight:bold; font-size:14px; color:#4c4c4c; padding-bottom:5px;}
.hsh_mailtoa04{ width:120px; height:35px; line-height:35px; text-align:center; color:#ffffff; font-size:16px; background-color:#0085db; display:inline-block;margin:32px 22px 0 0;}
.hsh_mailtoa04:hover{color:#ffffff;}
.joplist ul li h3.cur{ color:#ffffff;background-color:#0085db; background-image:url(../images/zp07.png);}
.hsh_mailtotext04{color:#0085db;}
.recrequest04{padding:2% 0;margin: 0 0 3%;border-bottom:1px solid #d9d9d9;line-height:28px;font-size:14px;}
.recrequest04 li{padding:0;border:none !important;}
.recrequest04 .recp{width:21%; float: left;}



/*招聘*/


/*在线留言*/
.view{padding:50px 0;overflow: hidden; margin:auto; }
.view h2{font-size: 16px;color: #4c4c4c;border-bottom: 1px solid #d9d9d9;padding-bottom: 30px;text-align: center;margin-bottom: 50px; margin-top:20px;}
.view h2 em{color: #008481;}
.view form{width: 100%; overflow:hidden; margin:auto;}
.view form label{font-size: 15px;color:#4c4c4c;display: block;margin-bottom: 15px; cursor:pointer;}
.view form label em{color: #15499a}
.view form div{float: left; margin-right: 60px; margin-bottom: 30px;}
.view form div:nth-child(2n){margin-right: 0;}
.formtxt{width: 568px;height: 44px;line-height: 44px;border: 1px solid #dcdcdc;text-indent: 15px;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";background: #fff;}
.formarea{padding: 10px;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";height: 262px;width: 1178px;border: 1px solid #dcdcdc;  outline-style: none; word-wrap: break-word;background: #fff;resize:none;}
.formbt{width: 300px;margin: 0 auto;margin-top: 15px;}
.formbt input{width: 136px;height: 40px;text-align: center;line-height: 40px;font-family:"Microsoft YaHei";color: #fff;font-size: 18px; border:none; cursor:pointer;}
.formbt input[type='submit']:hover{background:#606569}
.formbt input[type='reset']:hover{background:#83878A}
.submit{background: #008481;margin-right: 28px;float: left;}
.reset{background: #606569;}
.view form  #verification{border: 1px solid #d9d9d9; padding:5px 5px; color:#4c4c4c;background:#fff;}
.radio-div{}
.view form .radio-div label{float:left; margin:0;} 
.view form  .radio-div input{float:left; margin:5px 4px 0 20px;}


/*在线留言*/



/*人才招聘*/

.joplist{ width: 100%; display: block; position: relative; overflow: hidden;padding: 20px 0;}
.joplist ul{border-top:1px solid #e8e8e8;zoom: 1;}
.joplist ul li{ border-bottom:1px solid #e8e8e8;}
.joplist ul li h3{ font-size:15px; height:50px; line-height:50px; color:#4c4c4c;padding:0 28px 0 10px; background-image:url(../images/zp06.png);background-position:98% center;background-repeat:no-repeat; cursor:pointer;}
.zhaoptext04{ padding:16px; background-color:#f2f2f2; font-size:14px; color:#4c4c4c; line-height:24px; display: block;}
.zhaoptext04 p{font-size: 15px;line-height:28px;}
.zhaoptext04 h4{ font-weight:bold; font-size:14px; color:#4c4c4c; padding-bottom:5px;}
.hsh_mailtoa04{ width:120px; height:35px; line-height:35px; text-align:center; color:#ffffff; font-size:16px; background-color:#0873DD; display:block; margin:32px 0 10px 0;}
.hsh_mailtoa04:hover{color:#ffffff;}
.joplist ul li h3.cur{ color:#ffffff;background-color:#0873DD; background-image:url(../images/zp07.png);}
.hsh_mailtotext04{color:#0873DD;}
.recrequest04{padding:2% 0;margin: 0 0 3%;border-bottom:1px solid #d9d9d9;line-height:28px;font-size:14px;overflow: hidden;}
.recrequest04 li{padding:0;border:none !important;}
.recrequest04 .recp{}
.recrequest04 .recpone{}

@media (min-width: 768px){
.pagezhaopin4{padding-top:55px;padding-bottom:55px;}
	.hsh_mailtoa04{display:inline-block;margin:32px 22px 0 0;}

	.recrequest04 .recp{width:50%; float: left;}
	
}

@media (min-width: 991px){
.joplist ul li h3{padding:0 30px 0 35px; font-size:18px;}
	.recrequest04 .recp{width:32%; float: left;}
	.recrequest04 .recpone{width:35%;}

}

@media (min-width: 1024px){
.zhaoptext04 {padding: 16px 32px 32px;}	
	
	
}




/*人才招聘*/
