@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
a{text-decoration:none;}
a:focus{ outline:none;}
a:hover{text-decoration:none;}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}
.clearfix:after{ content:'.'; overflow:hidden; display:block; clear:both; height:0;}
.clearfix{*zoom:1;}
.head_top{ width:100%; background:#fff;}
.head_t{ width:1200px; margin:0 auto; padding:5px 0;}
.header_l{ float:left;}
.header_r{ float:right;}
.head_t a{ margin:0 10px; color:#a0a0a0; font-size:14px;}
.head_t a:hover{ color:#f74c4c; text-decoration:underline;}

.head_h{
	width:1200px;
	margin:0 auto;
	}
.logo{
	width:218px;
	height:47px;
	float:left;
	margin:10px 0;
	}
.phone{
	width:230px;
	height:60px;
	float:right;
	text-align:right;
	font-size:25px;
	color:#4d4d4d;
	line-height:28px;
	margin:6px 0;
	}
.phone p{
	font-weight:600;
	}
	
.phone span{ position:relative;}
.phone span img:nth-of-type(2){ width:125px; height:133px; position: absolute; left:-47px; top:23px; z-index:9999; display:none;}
	
.nav{ width:100%; background-color:#fafafa; border-bottom:2px solid #f74c4c;}
#nav_m{ width:1200px; margin:0 auto;}
#nav_m li{width:102px; float:left; text-align:center; position:relative; top:0px; left:0px;}
#nav_m>li>a{width:102px; display:block; font-size:16px; color:#1f1f1f; line-height:48px; 
-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear}
#nav_m>li>a:hover{ background-color:#f74c4c; color:#fff; }
#nav_m li ul{ display:none; position:absolute; border-top:2px solid #f74c4c;}
#nav_m li ul li{ width:102px; background-color:#f5f5f5; line-height:48px;}
#secnav{ width:1200px; margin:0 auto;}
#secnav li{ width:85px; text-align:center; float:left; font-size:14px; line-height:38px;}
#secnav li a{ color:#1f1f1f;}
#secnav li a:hover{ color:#f74c4c; text-decoration:underline;}
#footer {width:1200px;text-align: center;margin: 0 auto; margin-top: 20px;font-size: 12px;color: #666;font-family: "΢���ź�";line-height: 24px;}

#zp_banner{ width:100%; height:200px; background:#3c556d url(images/zp_banner.jpg) no-repeat center top;}
#zp_main{ width:100%; background:#ffffff;}
.zp_sifi{ width:1200px;  margin:0 auto; padding:20px 0;}
.zp_sifi ul li{ float:left; font-size:16px; width:130px; height:40px; border:1px solid #bfc5c9; border-radius:20px; text-align:center; line-height:40px; margin-right:10px;}
.zp_sifi ul li a{ color:#464646;}
.zp_sifi ul li.bg{ border:none; background:#f74c4c;}
.zp_sifi ul li.bg a{ color:#fff;}
.zp_con{ width:1200px; margin:0 auto; overflow:hidden;}
.zp_con ul{ display:none;}
.zp_con img{ display:block;}
.zp_con ul li{ width:250px; float:left; margin-left:58px; margin-bottom:20px;}
.zp_con ul li:nth-of-type(4n+1){ margin-left:0;}
.zp_con ul li:hover{ box-shadow:0 0 10px #c2c2c2;}
.zp_con ul li:hover .zp_thum img{ opacity:0.5; filter:alpha(opacity:0.5); position:relative; top:0; left:0;}
.zp_con ul li a{ position:relative; top:0; left:0;}
.zpl_btm{ width:240px; background:#fff;}
.zpl_btm h3,.zpl_btm h4{font-size:14px; font-weight:normal;}
.zpl_btm h3{ color:#a3a3a3; padding:10px 0 6px 12px;}
.zpl_btm h4{ color:#656464; padding:0 0 10px 12px;}

.zp_thum{ display:block; background:url(images/magnify.png) center center no-repeat; }
.zp_lar{ background:#000; width:100%; position: absolute; top:0; left:0; display:none; z-index:1200;}
.zp_lar img{ display:block; margin:0 auto; }
.zp_mark{ position:absolute; top:0; left:0; opacity:0.3; filter:alpha(opacity:0.3); }
.zp_close{ position:absolute; top:20px; right:20px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; }
.zp_close:hover{ -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -ms-transform:rotate(180deg);  transform:rotate(180deg);}
.zt_page{ width:500px; height:32px; background:#fff; border-radius:5px; margin:0 auto; cursor:pointer;}
.zt_page ul li{float:left; line-height:32px; padding:0 22px; border-right:1px solid #dddddd; font-family:'΢���ź�'; color:#333333;}
.zt_page ul li.fr{ float:right;}
.zt_page ul li.bn{ border:none;}
.page_big{ width:216px; height:32px; overflow:hidden; position:relative; top:0; left:0; z-index:999;}
.page_num{ width:1200px; position:absolute; top:0; left:0;}
.zt_bom{ width:100%; background:#ffffff; margin:0 auto; padding-bottom:20px;}


@media screen and (min-width: 1200px){	
	.con_04_m ul{ float:left; }
	.con_04_m ul li{ width:440px;}
	.con_04_m li:nth-of-type(1){ padding:50px 0 0 20px;}
	.con_04_m li:nth-of-type(2){ padding:85px 0 0 20px;}
	.con_04_m li:nth-of-type(3){ padding:78px 0 0 20px;}
	.con_04_m li:nth-of-type(4){ padding:90px 0 0 20px;}
	.con_04_m .ul2 li:nth-of-type(1){ margin:55px 0 0 90px;}
	.con_04_m .ul2 li:nth-of-type(2){ margin:0px 0 0 90px;}
	.con_04_m .ul2 li:nth-of-type(3){ margin:20px 0 0 90px;}
	.con_04_m .ul2 li:nth-of-type(4){ margin:12px 0 0 90px;}
	.con_06 ul li:nth-of-type(3n+1){margin-left:0px;}
	.con_07 ul li{ width:210px; float:left; margin-left:60px;}
	.con_07 ul li:first-of-type{ margin-left:0;}

}
@media screen and (min-width:800px) and (max-width:1019px){
	.head_t,.head_h,#nav_m,#secnav,.con_01,.con_02_m,.con_02_m .line,.con_03,.con_04_m,.con_05,.con_06,.con_07{ width:900px;}
	.mar_l{ padding-left:120px;}
	#nav_m li,#nav_m>li>a{width:90px;}
	#secnav li{ width:64px; font-size:12px;}
	.dis_ne{ display:none;}
	.con_01 ul li{ width:450px; float:left;}
	.con_02_m .list li{ margin-left:32px;}
	.con_02_m .line ul li{ margin-left:95px;}
	.con_02_m>p{ width:840px;}
	.con_04_m{ background:none;}
	.con_04_m ul{ float:none; }
	.con_04_m ul li{ width:900px; background:#fff; margin:10px 0;}
	.con_05 img{ width:100%;}
	.con_06 ul li{ margin-left:60px;}
	.con_07 ul li{ width:450px; float:left; text-align:center;}
	#footer {width:900px;}
}
@media screen and (max-width:799px){
	.head_t,.head_h,#nav_m,#secnav,.con_01,.con_02_m,.con_02_m .line,.con_03,.con_04_m,.con_05,.con_06,.con_07{width:700px;}
	.head_t a{ font-size:12px; margin:0 9px;}	
	.mar_r{ padding-left:0;}	
	#nav_m li{width:70px;}
	#nav_m>li>a{width:70px; font-size:14px;}
	#secnav li{ width:58px; font-size:12px;}
	.dis_no{ display:none;}
	.con_01 ul li{ width:299px; float:left;}
	.con_02_m .line ul li{ margin-left:70px;}
	.con_02_m>p{ width:640px;}
	.con_02_m .list li{ margin-left:24px; margin-bottom:20px;}
	.ju_l{ margin-left:0px;}
	.con_04_m{ background:none;}
	.con_04_m ul{ float:none; }
	.con_04_m ul li{ width:700px; background:#fff; margin:10px 0;}
	.con_05 img{ width:100%;}
	.con_07 ul li{ width:350px; float:left; text-align:center;}
	#footer {width:700px;}

}