@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.four_bg{
	background:url(../wiremesh/four_bg.gif) repeat-x;
	padding-top: 75px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 20px;
}
.four_main_bg{
	padding-top: 75px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 20px;
}
.four_bt,.liuc_bt{font-size: 40px;color: #333;font-weight: normal;line-height: 40px;text-align: center;height: 140px;-webkit-transition:transform .3s;transition:transform .3s; }
.four_bt span,.liuc_bt em{display: block;font-size: 18px; padding:5px 0 0;}
.four_bt:hover,.liuc_bt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.four dl{width: 300px;float: left;}
.four dl dt{width: 300px;height: 225px;overflow:hidden;}
.four dl dt img{width: 300px;height: 225px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.four dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.four dl dd{width: 245px;height: 225px; padding:0 30px 0 25px;}
.four dl dd h5{font-size: 20px;color: #333;height: 70px;line-height: 70px; background:url(../wiremesh/four_line.gif) no-repeat 0 68px;font-weight: normal;}
.four dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden; padding:20px 0 0;}
.four dl:hover dd{background:#f1f1f1;}
.four ul{
	float: left;
	width: 280px;
	list-style-type: none;
	text-align: center;
	padding: 3px;
	border: 1px solid #E6E6E6;
	margin-top: 20px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.four ul li{
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 8px;
	list-style-type: none;
	margin-right: 3px;
	margin-left: 3px;
}
.four_main{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 2;
}
.zxx_1{text-align: center;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;}
.zxx_2{text-align: center;
	float: left;
	width: 100%;}
.zxx_3{float: left;
	width: 100%;}
.zxx_4{float: left;
	width: 100%;}
.zxx_5{
	float: left;
	width: 100%;
	text-align: center;
	line-height: 3;
}
.zxx_6{float: left;
	width: 1060px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E3E3E3;
	line-height: 3;
	background-image: url(../wiremesh/ico.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;}
.zxx_7{width: 100px;
	line-height: 3;
	text-align: center;
	margin-left: 1090px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E3E3E3;}
.tu{
	padding: 8px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 1px solid #C5C5C5;
}	
/*产品中心*/
.cp_bg{ background:url(../wiremesh/cp_bg.jpg) no-repeat center 0;height: 800px;}
.cp_t{height: 120px;}
.cp_t p{width: 220px;float: left; padding:60px 0 0;height: 60px;}
.cp_t p a{font-size: 24px;color: #fff;font-weight: bold;}
.cp_t ul{width: 980px;float: left;}
.cp_t ul li{width: 140px;float: left;line-height: 30px;text-align: center; padding:25px 0 0;height: 95px;}
.cp_t ul li a{font-size: 16px;color: #333;}
.cp_t ul li i{display: block;}
.cp_t ul li:first-child{background: #f6f6f6;}
.cp_t .cp_li07{background: #ce0004;}
.cp_t .cp_li07 a{color: #fff;}
.cp_m{ padding:80px 0 0;}
.cp_l,.cp_r{width: 36px;height: 36px; padding:210px 0 0; cursor:pointer;}
.cp_c{width: 1080px; margin:0 0 0 24px;overflow: hidden;box-shadow: 0 3px 10px 3px #d0d0d0;}
.cp_c dl{
	width: 1080px;
	height: 450px;
	background-image: url(../wiremesh/cp_k.jpg);
	background-repeat: repeat;
}
.cp_c dl dt{width: 800px;height: 450px;float: left;line-height: 0;}
.cp_c dl dt img{width: 800px;height: 450px;}
.cp_c dl dd{ padding:35px 0 0 35px;width: 200px;float: left;}
.cp_c dl dd h5{height: 85px;line-height: 85px; border-bottom:#484848 1px solid;overflow:hidden;}
.cp_c dl dd h5 a{font-size: 20px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_c .cp_desc{font-size: 14px;color: #fff;line-height: 30px; padding:25px 0 0;}
.cp_c .cp_desc b{display: block;font-size: 16px; padding:0 0 10px;}
.cp_c dl dd span{width: 160px;display: block; padding:45px 0 0;}
.cp_c dl dd span a,.liuc_more a{font-size: 16px;color: #fff; background:url(../wiremesh/cp_btn.gif) no-repeat;display: block;width: 140px;height: 40px;line-height: 40px;overflow: hidden; padding:0 0 0 20px;}
.cp_c dl dd span a:hover,.liuc_more a:hover,.case_c dl dd span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}

/*流程*/
.liuc_bg{background: #f6f6f6; padding:70px 0 0;}
.liuc_bt{height: 130px;}
.liuc_bt a{font-size: 40px;color: #333;}
.liuc_bt b{ padding:0 10px;}
.liuc_bt em{color: #999;text-transform: uppercase;}
.liuc ul{ background:url(../wiremesh/liuc_line.gif) repeat-x 0 90px; display:inline-block;width: 1200px;}
.liuc ul li{width: 240px;float: left;height: 245px; background:url(../wiremesh/liuc_d01.png) no-repeat center 86px;color: #333;text-align: center;}
.liuc ul li em{display: block;width: 66px;height: 62px; margin:0 auto;line-height: 0;overflow: hidden;}
.liuc ul li em img{width: 66px;height: 124px;}
.liuc ul li span{display: block;font-size: 18px; padding:62px 0 0;}
.liuc ul li:hover{background:url(../wiremesh/liuc_d02.png) no-repeat center 86px;color: #ce0004;}
.liuc ul li:hover em img{ margin-top:-62px;}
.liuc_more{width: 160px; margin:0 auto;}
.liuc_more a{font-size: 16px;color: #fff; background:url(../wiremesh/cp_btn.gif) no-repeat;display: block;width: 140px;height: 40px;line-height: 40px;overflow: hidden; padding:0 0 0 20px;}

/*案例*/
.case_bg{ background:url(../wiremesh/case_bg.gif) repeat-x;height: 790px; padding:70px 0 0;}
.case ul li{width: 386px;height: 290px;position: relative;line-height: 0; margin-bottom:20px;float: left;}
.case ul li img{width: 386px;height: 290px;}
.case ul li span,.case_c span{width:346px; display:block; padding: 0 20PX; text-align:center; height:100px; line-height:140px;font-size: 20px;color: #fff;
background:url(../wiremesh/case_picbg.png) repeat-x;position: absolute;left: 0;bottom: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m{ display:none;width: 306px;height: 250px; padding:40px 40px 0;position: absolute;top: 0;left: 0; background:rgba(206,0,4,0.8);}
.case_m b{display: block;height: 45px;line-height: 30px;overflow: hidden; background:url(../wiremesh/case_line.gif) no-repeat 0 43px; }
.case_m b a{font-size: 14px;color: #fff;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m .case_desc{font-size: 14px;color: #fff;line-height: 26px;height: 78px;overflow: hidden; padding:20px 0 0;}
.case_m em{display: block;width: 100px; padding:25px 0 0;}
.case_m em a{display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;background: #fff;font-size: 14px;color: #ce0004;}
.case .case_li02{ margin-left:428px;}

.case_c{width: 400px;height: 600px; position: absolute;top: 130px;left: 400px;}
.case_c span{width:360px;}
.case_c img{width: 400px;height: 600px;}
.case_c dl{display:none;width: 400px;height: 505px; padding:95px 0 0;position: absolute;top: 0;left: 0; background:rgba(206,0,4,0.8);}
.case_c dl dt{height: 40px;line-height: 40px;width: 270px; background:url(../wiremesh/case_line.gif) no-repeat center 38px; margin:0 auto;text-align: center; overflow:hidden;}
.case_c dl dt a{font-size: 16px;color: #fff;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_c dl dd{width: 330px; margin:0 auto; padding:45px 0 0;}
.case_c .case_desc{font-size: 14px;color: #fff;line-height: 26px;height: 130px;overflow: hidden;text-align: center;}
.case_c dl dd em{display: block;width: 210px; margin:0 auto; padding:65px 0 0;}
.case_c dl dd em a{font-size: 16px;color: #ce0004; background:url(../wiremesh/case_btn.gif) no-repeat;display: block;width: 180px;height: 50px;line-height: 50px;overflow: hidden; padding:0 0 0 30px;}

/*合作客户*/
.hz_bg{background: #f6f6f6; padding:0 0 100px;}
.hz p{position: absolute;width: 36px;height: 36px; cursor:pointer;top: 45px;}
.hz p img{width: 36px;height: 36px;}
.hz_l{left: -40px;}
.hz_r{right: -40px;}
.hz_c{width: 1200px;overflow: hidden;}
.hz_c ul li{width: 220px;float: left; margin-left:25px;}
.hz_c ul li img{width: 216px;height: 122px; border:#e2e2e2 2px solid;}
.hz_c ul li:hover img{ border:#ce0004 2px solid;}

/*优势*/
.ys_bg{ background:url(../wiremesh/ys_bg.jpg) no-repeat center 200px; padding:70px 0 0;height: 710px;}
.ys_t{width: 210px;position: absolute;top: 200px;left: 495px;z-index: 20;}
.ys_t ul li{ background:url(../wiremesh/ys_y01.png) no-repeat;width: 210px;height: 95px; padding:35px 0 0; margin-bottom:40px;}
.ys_t ul li em{display: block;width: 54px;height: 50px;line-height: 0; margin:0 auto;overflow: hidden;}
.ys_t ul li em img{width: 54px;height: 100px;}
.ys_t ul li:hover,.ys_t ul li.on{ background:url(../wiremesh/ys_y02.png) no-repeat;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{ margin-top:-50px;}
.ys_m dl{position: relative;height: 580px;}
.ys_m dl dt{position: absolute;top: 0;right: 600px;}
.ys_m dl dt img{width: 960px;height: 576px;}
.ys_m dl dd{width: 465px;float: right; padding:75px 0 0;}
.ys_m dl dd em{display: block;font-size: 24px;color: #f2dede;text-transform: uppercase; font-family:"Times New Roman", Times, serif;line-height: 30px; padding:0 0 15px;}
.ys_m dl dd h5{font-size: 32px;color: #fff;height: 80px; background:url(../wiremesh/ys_line.gif) no-repeat 0 77px; margin-bottom:20px;}
.ys_m dl dd h5 i{font-weight: normal;}
.ys_m dl dd p{font-size: 16px;color: #fff;line-height: 28px; padding:25px 0 0;}

/*荣誉资质*/
.honor{ padding:70px 0 100px;}
.honor_l{width: 280px;height: 255px; border-bottom:#ddd 5px solid;border-top:#ddd 5px solid;border-left:#ddd 5px solid; padding:25px 0 0 25px; margin-top:30px;}
.honor_l ul li{height: 40px;width: 250px;overflow: hidden;}
.honor_l ul li a{font-size: 16px;color: #333;display: block;line-height: 40px;height: 40px;overflow: hidden; padding:0 0 0 20px; background:url(../wiremesh/honor_ico01.gif) no-repeat 0 17px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor_l ul li a:hover{color: #ce0004; background:url(../wiremesh/honor_ico02.gif) no-repeat 0 17px;}
.honor_r{width: 890px;}
.honor_r img{width: 890px;height: 360px;}

/*新闻百科*/
.news_bg{ background:url(../wiremesh/news_bg.gif) no-repeat center 0;height: 720px;}
.news_t{width: 600px;}
.news_t ul li{width: 200px;float: left;height: 120px;}
.news_t ul li em{display: block;float: left;width: 38px;height: 36px;line-height: 0;overflow: hidden; margin:3px 15px 0 0;}
.news_t ul li em img{width: 38px;height: 72px;}
.news_t ul li span{display: block;float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;width: 170px;height: 85px; padding:35px 0 0 30px;}
.news_t ul li i{display: block;font-size: 12px;text-transform: uppercase;}
.news_t ul li a:hover,.news_t ul li.on a{color: #ce0004;background: #eee;}
.news_t ul li a:hover em img,.news_t ul li.on em img{ margin-top:-36px;}
.news_bt{width: 400px;height: 95px; padding:25px 0 0;line-height: 30px;}
.news_bt a{font-size: 24px;color: #fff;font-weight: bold;}
.news_bt i{display: block;color: #f1cbcc;text-transform: uppercase;font-weight: normal;text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.news_m{
	margin: 0px;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.news_m dl{
	width: 380px;
	float: left;
	margin-left:20px;
}
.news_m dl dt{width: 380px;height: 214px;overflow: hidden;line-height: 0;}
.news_m dl dt img,.about dl dd span img{width: 380px;height: 214px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_m dl dt img:hover,.about dl dd span img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news_m dl dd{width: 380px;}
.news_m dl dd h5{height: 75px;line-height: 80px; border-bottom:#e2e2e2 1px solid;font-weight: normal;overflow: hidden;}
.news_m dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dl dd h5 a:hover{color: #ce0004;}
.news_m .news_desc{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden; padding:20px 0 0;}
.news_m dl dd span{display: block; padding:40px 0 0;}
.news_m dl dd span img{width: 31px;height: 25px;}
.news_qie dl:first-child{margin: 0;}

/*关于我们*/
.about{ padding:90px 0; background:url(../wiremesh/ab_k.gif) no-repeat right 90px;height: 660px;}
.ab_l{width: 800px;}
.about dl dt{height: 110px;line-height: 40px;}
.about dl dt a{font-size: 36px;color: #333;}
.about dl dt em{display: block;font-weight: normal;font-size: 24px;color: #c2c2c2;text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.about dl dd span{display: block;width: 800px;height: 400px;overflow: hidden;box-shadow: 0 3px 10px 3px #d0d0d0;}
.about dl dd span img{width: 800px;height: 400px;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 26px;height: 104px;overflow: hidden; padding:35px 0 0;width: 720px;}
.ab_r{width: 240px; padding:50px 80px 0 0;}
.ab_rm{height: 570px;overflow: hidden;}
.ab_r ul li{width: 240px;line-height: 0;}
.ab_r ul li img{width: 240px;height: 135px;}
.ab_r ul li span{ width:240px; display:block; text-align:center; height:60px; line-height:40px;overflow:hidden;font-size: 16px;color: #333;}

/*links*/
.links_bg{ padding:35px 0;font-size: 0; background:#f5f5f5; overflow:hidden;}
.link_l { width:100px;font-size: 16px;color: #333;line-height: 30px;}
.link_l i{display: block;font-size: 30px;color: #666; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.link_c{ width:1100px; height:60px;line-height: 30px; overflow:hidden;}
.link_c a{ padding:0 22px; display:inline-block; font-size:14px; color:#666;}





/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}