body,div,h1,h2,h3,h4,h5,a,img,strong,span,var,em,form,select,option,input,ol,ul,dt,dd,dl,li,p {margin:0px;padding:0px;}
body{ font-family:"Microsoft Yahei"}
a {text-decoration:none;cursor:pointer;font-style:normal;outline:none;}
ol,ul,li {list-style-type:none;}
em,var{font-style:normal;}
.clear {clear:both;height:0px;overflow:hidden;}
a img{border:none;}


.w1200{ width:1200px; margin:0 auto;}
.fl{ float: left;}
.fr{ float:right;}
.clear{ clear:both}
.div-height{ height:20px; } 

/*欢迎*/

.wel{ width: 100%; height: 33px; line-height: 33px; background-color: #0056c1;}
.wel_1{color: #ffffff; font-size: 13px;}

/*头部*/

.top{  width:317px; height:78px; padding-top:23px; padding-bottom:26px; float:left}
.top1{  width:291px; height:78px; padding-top:23px; padding-bottom:26px; float:left}
.top2{  width:262px; height:78px; padding-top:23px; padding-bottom:26px; float:right}




/*导航*/
.nav_{ width:100%; height:45px; border-top:1px solid #666666;}
.nav1_{ width:1200px; height:45px; line-height:45px;  }
.nav1_ li{width:150px; float:left; height:45px; line-height:45px; text-align:center; }
.nav1_ li a{font-size:16px; color:#494949; font-weight:bold; height:45px; line-height:45px; width:150px; display:block; font-family:"Microsoft Yahei"; }
.nav1_ li a:hover{color:#fff; background-color:#0056c1; font-family:"Microsoft Yahei"; font-size:16px; height:45px; line-height:45px;}


/*底部*/
.db{ width:100%; height:247px; background-color:#0056c1;  padding-top:28px;}
.db1{ width:223px;  height:203px;  padding-left:28px; float:left}
.db1 span{ font-size:16px; line-height:40px; font-weight:600; color:#fff;}
.db1 p{ font-size:14px; line-height:220%; color:#fff;}
.db2{ width:282px;  height:203px;  padding-left:60px; float:left}
.db2 span{ font-size:16px; line-height:40px; font-weight:600; color:#fff;}
.db2 p{ font-size:14px; line-height:60%; color:#fff;}
.db3{ width:301px;  height:203px;  padding-left:50px; float:left}
.db3 span{ font-size:16px; line-height:40px; font-weight:600; color:#fff;}
.db3 p{ font-size:14px; line-height:220%; color:#fff;}
.db4{ width:243px;  height:203px; margin:auto; text-align:center; float:right}
.db4 p{ font-size:14px; line-height:220%; color:#fff;}
.db5{ width:1200px;  border-top:1px solid #FFFFFF;  height:44px; margin:auto; text-align:center}
.db5 p{ font-size:14px; line-height:44px; color:#fff;}





/*公告*/

.mess{ width:100%; height:45px; }
.mess_1{ width:1200px; height:45px; font-size:14px; line-height:45px; color:#4b4b4b;}


/*公司简介*/
.gs{ width:611px; height:259px; float:left; background-image:url(jh_12.jpg); background-repeat:no-repeat; padding-top:110px; padding-left:187px; padding-right:50px;}
.gs p{ font-size:14px; line-height:260%; color:#fff;}
.gs1{ width:352px; height:360px; background-image:url(jh_11.jpg); float:right}
.gs1 p{ font-size:14px; line-height:250%; color:#fff;}





/*产品上下滚动*/
#marqueebox0{ float:right; overflow:hidden;height:538px;width:990px; color:#336699;text-align:left;  }
#marqueebox0 ul{ display:block;width:990px; overflow:hidden}
#marqueebox0 ul li{width:310px;margin:15px 10px; float:left}
#marqueebox0 ul li a h3{width:310px;height:230px ; overflow:hidden;}
#marqueebox0 ul li a h3 img{width:310px;transition:all .5s ease;}
#marqueebox0 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#marqueebox0 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;  background:#eaeff3; color:#2f3841}
#marqueebox0 ul li a:hover ol{ background:#2f3841; color:#fff}

.gg{ width:100%; height:225px; background-image:url(s.jpg); background-position:center; background-repeat:no-repeat}


.lb{ width:188px;; background-color:#0056c1;  float:left; margin:auto;  padding-left:8px; }
.lb a{display:block; font-size:16px; color:#FFFFFF; padding-left:5px; line-height:35px;width:173px; transition:all .2s ease; height:35px; border:1px solid #FFFFFF; border-radius:20px;font-weight:normal;  text-align:center; margin:7px 0;  }
.lb a:hover{ display:block; font-size:16px; color:#404040;  transition:all .2s ease;  background-color:#fff;  text-align:center;}


/*优势*/
.ys{ width:400px; height:128px;  margin:0 auto; text-align:center }

.ys1{ width:1200px; height:359px;  transition:all .3s ease; }
.ys1:hover{ transition:all .3s ease; transform: scaleX(1.1) scaleY(1.1);}


/*产品展示*/
.cp{ width:341px; height:39px;  margin:0 auto; text-align:center }

.cpp{ width:125px; height:40x;  margin:0 auto; text-align:center }

.cppp{ width:322px; height:49x;  margin:0 auto; text-align:center }


.cp1{ width:1200px; height:58px; background-image:url(jh_23.jpg);  margin:0 auto; text-align:center }
.cp1 a{ font-size:26px; line-height:58px; color:#c00000;}
.cp2{ width:1200px; height:36px;  margin:0 auto; text-align:center }
.cp2 span{ font-size:14x; line-height:36px; color:#606060;}



/*展示*/


#demoy{ float:left;overflow:hidden;height:530px;width:1200px; color:#336699;text-align:left; margin-top:20px;  }
#demoy1 ul,#demo2 ul{ display:block;width:2817px; overflow:hidden}
#demoy1 ul li{width:293px; height: 249px;margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:293px;height:219px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:293px;transition:all .5s ease;}
#demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:30px; line-height:30px;transition:all .5s ease; background-color: #fbb400; color: #2d2d2c;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#25a244; color:#fff}
#demoy2 ul li{width:293px;height:249px;margin:8px 10px;}







/*产品展示*/

.list_wd h2{ width:245px; height:80px; background-color:#b51b1b; border-bottom:10px solid #4f4f4f; line-height:80px; color:#FFFFFF; text-align:center; }
.list_wd dd a{display:block; font-size:14px; text-indent:60px; color:#fff; line-height:40px;width:245px; transition:all .7s ease;height:40px;background:url(11.jpg) no-repeat left; font-weight:normal; margin-bottom:1px; }
.list_wd dd a:hover{ display:block; font-size:14px; color:#FFFFFF; text-indent:70px;transition:all .2s ease; line-height:40px; width:245px; height:40px; background:url(22.jpg) no-repeat left; }
.list_wd img { width:245px; height:150px;}




/*新闻*/

.more{ width:118px; height:30px;  display:block; }
.more a{ width:118px; height:30px; background-color:#e98900; color:#FFFFFF; font-size:14px; text-align:center; display:block; text-align:center; line-height:30px; transition:all .2s ease; margin-top:20px;}
.more a:hover{ width:118px; height:30px; background-color:#3660b2; color:#FFFFFF; font-size:14px;transition:all .2s ease; display:block;}


/*工程案例*/
.qimo8{ overflow:hidden; width:1200px; height:280px; padding:20px 0px; }
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:290px; height: 280px; margin-right:20px}
.qimo8 .qimo ul li img{ width:290px; height: 240px;}
.qimo8 .qimo ul li ol{ text-align:center; height:40px; width: 290px; line-height:40px;transition:all .5s ease;  background:#eaeff3; color:#2f3841}
.qimo8 .qimo ul li:hover ol{background:#2f3841; color:#fff}
.qimo8 li a{color:#444444; font-size: 14px;}



/*新闻*/
.wen{width:1200px; height:55px;}
.wen1{width:161px; height:55px; float:left}
.wen2{width:1029px; height:55px; background-color:#ebecef; float:right; }
.wen2 a{ font-size:18px; line-height:55px; color:#2e3955; float:right; padding-right:10px;}

.xinwen_news_you{width:933px; float:left; margin-top:40px; }
.xinwen_news_you li{ width:933px; display:inline-block; overflow:hidden; height:156px; float:left; margin:18px 10px; }
.xinwen_news_you li{ line-height:28px;}
.xinwen_news_you li:hover{ background-color:#f5cd54;}
.xinwen_news_you img{ width:223px; height:165px; padding-right:20px}
.xinwen_news_you h4{ color:#FF0000; margin-left:193px; padding-top:15px; }
.xinwen_news_you li:hover h4{ color:#FF0000}
.xinwen_news_you span{ font-size:14px; line-height:34px; display:block; margin-left:193px; overflow:hidden; padding-right:2px;}







/*内页*/

.ny_{ width:100%; margin-top:30px;}
.ny{ margin-bottom:50px; }
.ny p{ font-size:16px; line-height:30px}
.neiye{ width:900px;}
.neiye h3{ height:40px; line-height:40px; font-size:22px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#2e3955}
.neiye h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.neiye h3 span a{ color:#888}






.baizi  a:link {
color:#ffffff;
text-decoration: none;

} 
.baizi  a:visited {
color:#ffffff;
text-decoration: none;
} 
.baizi  a:hover {
color:#ffe400;
text-decoration: none;
} 

.heizi  a:link {
color:#333333;
text-decoration: none;

} 
.heizi  a:visited {
color:#333333;
text-decoration: none;
} 
.heizi  a:hover {
color:#dd3f40;
text-decoration: none;
}

.fonts{ font-size:14px; color:#ffffff; }





.gf2 a{  }
.gf2 a:link{
	width:180px;
display:block;
float:left;
	 height:30px; 
     line-height:30px;
	font-size:14px;
	text-decoration:none;
	color:#fff; 
	margin:0px 40px 0px 0px;
}
.gf2 a:visited{
	width:180px;
display:block;
float:left;
	 height:28px;text-align:center
     line-height:30px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	
		margin:0px 40px 0px 0px;
}


.gf2 a:hover {
width:180px;
display:block;
float:left;
line-height:30px;text-align:center
height:30px;
font-size:14px;
color:#ffec4c;
text-decoration: none;
background-position:center;

	margin:0px 40px 0px 0px;
} 


.juzhong{ text-align:center}



#by1{ background-color:#03AD4D}
#by2{ background-color:#E90000; border-left:#FFF 2px solid}



.xinwen_lx{ width:392px; height:458px; float:left;line-height:33px; color: #FFFFFF; }
.xinwen_lx h3{ line-height: 80px; height: 80px;}
.xinwen_lx p{ color:#ffffff;  font-size:16px; padding:0 5px; width:382px}


.xinwen_news{width:1200px; height:380px;text-indent:10px;}
.xinwen_news span{ float:left; text-align:center; font-size:20px; line-height:50px; width:75px; height:100px;  color:#666; border-right:#D7D7D7 1px solid;}
.xinwen_news p{ padding-left:20px}
.xinwen_news li:hover{ background-color:#F3F3F3;}
.xinwen_news li span{ background-color:#FF5700; color: #FFFFFF !important;}
.xinwen_news li{ width:570px; display:inline-block; overflow:hidden; height:100px; float:left; margin:15px 15px; line-height:28px;font-size:14px;background-color:#F0F0F0; padding: 45px 0;}
.xinwen_news li h3{ color:#333}
.xinwen_news li:hover h3{color:#333333}
.xinwen_news li:hover p{color:#333333}



.xinwen_news dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.xinwen_news:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.xinwen_news dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.xinwen_news dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.xinwen_news dd{ width:700px; padding:0 0 0 15px; float:left;}
.xinwen_news dd h5{ height:25px; line-height:25px; overflow:hidden;}
.xinwen_news dd h5 a{ font-size:16px; color:#444;font-weight: bold;}
.xinwen_news dd h5 a:hover{color:#bc0030; font-size:16px;}
.xinwen_news dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.xinwen_news dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}
.xinwen_news p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


.xinwen_news1{width:890px; height:340px;}
.xinwen_news1 li{ width:890px; display:inline-block;  padding:8px 0; overflow:hidden; float:left; line-height:28px; font-size:15px}
.xinwen_news1 li a{ font-weight:bold; font-size:16px}
.xinwen_news1 li:hover{ background:#F6F6F6;}
.xinwen_news1 li img{ padding-right:20px}


.news_dl_3{ width:710px; display:inline-block; padding:14px 0; overflow:hidden; height:420px; float:right;}
.news_dl_3 dd{ border-bottom:#b8b8b8 1px dashed; position:relative; top:-40px}
.news_dl_3 dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3 dl:hover dt{ background:#6f6f6f; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3 dl:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:620px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h3 a{ font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h3 a:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}

.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}

.xinwen_news4{width:1200px; height:340px; float:left}
.xinwen_news4 li{ width:560px;   display:inline-block; padding:15px 20px; overflow:hidden;  float:left; line-height:28px; font-size:14px}
.xinwen_news4 li a{  font-size:14px}
.xinwen_news4 li p{ width:450px; height:50px; overflow:hidden; float:right;font-size:14px; line-height:28px; text-align:left;}
.xinwen_news4 li:hover{ background:#;}
.xinwen_news4 li img{ padding-right:20px}





.flip-container {
	perspective: 1000;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
.flip-container, .front, .back {
	width: 288px;
	height: 245px;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}

.back {
	transform: rotateY(180deg);
}



table{border-collapse:collapse;}
.banner{height:55px;width:1180px;margin:0 auto;}
#banner li{width:147px;float:left;height:55px;line-height:55px;text-align:center; }
#banner li a{font-size:14px;color:#fff;font-weight:bold;height:55px;line-height:55px; width:147px;display:block;font-family:"΢���ź�"; }
#banner li a:hover{color:#FFF; background-color:#FF8000; background-repeat:no-repeat; font-family:"΢���ź�"; font-size:16px}
.fanren a:link{ color:#FFF;  font-size:16px;}
.fanren a:visited{color:#FFF;  font-size:16px}

.footd a:link{ color:#FFF;  font-size:14px; padding:0 30px}
.footd a:visited{color:#FFF;  font-size:14px}

.flash1{ z-index:-900; width:980px; margin:0 auto}
.dibu a{ color:#FFF}
.dibu a:link{ color:#FFF}
.dibu a:visited{ color:#FFF}
.liebiao a{ color:#FFF}
.liebiao a:link{ color:#FFF}
.liebiao a:visited{ color:#FFF}
.dibu1{ color:#FFF}
.dibu1 a{ color:#FFF}
.dibu1 a:link{ color:#FFF}
.dibu1 a:visited{ color:#FFF}
.dibu2 a{ color:#FFF}
.dibu2 a:link{ color:#FFF}
.dibu2 a:visited{ color:#FFF}


.guanjianci a:link{ color:#000}
.guanjianci a:visited{ color:#000}