@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background-color:#f8f8f8; font-family:Arial, Helvetica, sans-serif}
img{margin:0; padding:0;}
ul,li{ margin:0; padding:0;}
a{ margin:0; padding:0; text-decoration:none;}
.clear{ clear: both}
@media (min-width: 1024px){
.top{ background:url(bg_zyz.jpg) no-repeat; height:564px; margin:auto;text-align: center;}
.top img{ margin-top:70px;}

/*nav 导航*/
.nav_zyz{ width:1200px; height:80px; margin:auto;}
.nav_zyz li{ float:left; padding:0 50px;height:80px; line-height:80px; list-style:none;text-align:center; font-size:18px; text-transform:uppercase;}
.nav_zyz .nav_menu{ display:none;}
.nav_zyz li a{ color:#000; float:left;}
.nav_zyz li:hover{ background-color:#374c94;color:#fff; }
.nav_zyz li a:hover{color:#fff;}

.pre{ width:1140px; background-color:#ffffff; margin:0 auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); padding:30px;}
.pre h1{ margin:0; padding:0;}
.pre p{ font-family:Arial, Helvetica, sans-serif;line-height:22px;text-indent:2em}

.video{ width:1200px; margin:20px auto;}
.video img{ width:1200px;}

.nav_town{ width:1200px; margin:20px auto;}
.nav_town a{  margin:2px; padding:10px 22px; display:inline-block; background-color:#e8e8e8; color:#000; font-size:18px;}
.nav_town a:hover{background-color:#374c94; color:#fff;}


.town{ width:100%;background:url(bgb_zyz.jpg) bottom no-repeat; padding-bottom:200px;}
.town_a{width:1200px; height:429px; margin:0 auto 30px auto; background-color:#fff;}
.town_aa{width:1200px; height:229px; margin:0 auto 30px auto; background-color:#fff;}
.town_b{ display:none;}
.town_a a{ color:#374c94; font-weight:bold;}
.town img{ width:490px; height:429px;float:left;}
.towm_con{ width:420px; height:369px; padding:30px; line-height:26px; float:left;}
.towm_con2{ width:95%;height:auto; overflow:hidden; padding:30px; line-height:26px; float:left;}
.town_list{ width:185px;height:369px;padding:30px 10px 20px 30px;float:left;line-height:24px; border-left:1px solid #DEDEDE;}
.town_list1{ width:189px;height:369px;padding:30px 10px 20px 30px;float:left;line-height:24px; border-right:1px solid #DEDEDE;}


.bottom_bg{ width:100%; height:170px; padding:20px 0; margin:auto; clear:both; color:#fff; background-color:#2c346f;}
.bottom{ width:1200px;margin:auto;}
.bottom img{ float:left; margin-top:30px;}
.bottom div{ float:left; margin-left:30px;}
.bottom a{color:#fff; display:inline-block; margin:0 10px;}
.bottom p{ font-size:14px; line-height:24px;  text-align:left;}
}

@media (min-width: 768px) and (max-width: 1024px){
.top{ background:url(bg_zyz.jpg) no-repeat; height:564px; margin:auto;text-align: center;}
.top img{ margin-top:70px;}

/*nav 导航*/
.nav_zyz{ width:100%; height:80px; margin:auto;}
.nav_zyz li{ float:left; padding:0 35px;height:80px; line-height:80px; list-style:none;text-align:center; font-size:18px; text-transform:uppercase;}
.nav_zyz .nav_menu{ display:none;}
.nav_zyz li a{ color:#000; float:left;}
.nav_zyz li:hover{ background-color:#374c94;color:#fff; }
.nav_zyz li a:hover{color:#fff;}

.pre{ width:98%; background-color:#ffffff; margin:0 auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); padding:30px;}
.pre h1{ margin:0; padding:0;}
.pre p{ width:98%; font-family:Arial, Helvetica, sans-serif;line-height:22px;text-indent:2em}

.video{ width:98%; margin:20px auto;}
.video img{ width:100%;}

.nav_town{ width:100%; margin:20px auto;}
.nav_town a{  margin:2px; padding:10px 22px; display:inline-block; background-color:#e8e8e8; color:#000; font-size:18px;}
.nav_town a:hover{background-color:#374c94; color:#fff;}


.town{ width:100%;background:url(bgb_zyz.jpg) bottom no-repeat; padding-bottom:200px;}
.town_a{width:98%; height:429px; margin:0 auto 30px auto; background-color:#fff;}
.town_aa{width:98%; height:229px; margin:0 auto 30px auto; background-color:#fff;}
.town_b{ display:none;}
.town_a a{ color:#374c94; font-weight:bold;}
.town img{ width:40%; margin-top:40px;float:left;}
.towm_con{ width:30%;height:320px; overflow:hidden; padding:30px; line-height:26px; float:left;}
.towm_con2{ width:95%;height:auto; overflow:hidden; padding:30px; line-height:26px; float:left;}
.town_list{ width:18%;padding:30px 10px 20px 30px;float:left;line-height:24px; border-left:1px solid #DEDEDE;}
.town_list1{ width:18%;padding:30px 10px 20px 30px;float:left;line-height:24px; border-right:1px solid #DEDEDE;}


.bottom_bg{ width:100%; height:170px; padding:20px 0; margin:auto; clear:both; color:#fff; background-color:#2c346f;}
.bottom{ width:1200px;margin:auto;}
.bottom img{ float:left; margin-top:30px;}
.bottom div{ float:left; margin-left:30px;}
.bottom a{color:#fff; display:inline-block; margin:0 10px;}
.bottom p{ font-size:14px; line-height:24px;  text-align:left;}
	
}

@media (max-width: 768px){
.top{ background:url(bg_zyz.jpg) no-repeat;  margin:auto;text-align: center;}
.top img{ width:90%; margin:70px auto;}

/*nav 导航*/
.nav_zyz {position: absolute; min-height: 60px;top:0;z-index:100000; text-align:center; width:100%;}    
.nav_zyz ul {width: 100%; padding: 5px 0; position: absolute;border-radius: 5px; }
.nav_zyz li {display: none; padding:10px 0; border-bottom:1px solid #3b82a9; background-color:#374c94;text-transform:uppercase;}
.nav_zyz li img{ display:none;}
.nav_zyz .nav_menu {display: block; background:url(nav_menu_zyz.png) no-repeat right; height:20px;border: none;  }
.nav_zyz a {display: block;padding: 5px; color:#fff;}
.nav_zyz a:hover{}
.nav_zyz li:hover{ background-color:#10568a;}
.nav_zyz .nav_menu:hover{ background:none;} 
.nav_zyz ul:hover li {display: block;}

.pre{ width:96%; background-color:#ffffff; margin:0 auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); padding:30px;}
.pre h1{ margin:0; padding:0;}
.pre p{ width:95%;font-family:Arial, Helvetica, sans-serif;line-height:22px;text-indent:2em}

.video{ width:100%; margin:20px auto;}
.video img{ width:100%;}

.nav_town,.nav_town2{ width:100%; margin:auto;}
.nav_town a{  margin:2px; padding:10px 22px; display:inline-block; background-color:#e8e8e8; color:#000; font-size:18px;}
.nav_town a:hover{background-color:#374c94; color:#fff;}

.town{ width:100%;background:url(bgb_zyz.jpg) bottom no-repeat; padding-bottom:200px;}
.town_aa{width:90%; margin:0 auto 30px auto; background-color:#fff;padding:20px;}
.town_a{ display:none;}
.town_b{width:98%; margin:0 auto 30px auto; background-color:#fff; }
.town_b a{ color:#374c94; font-weight:bold;}
.town_pic img{ width:100%; }
.towm_con{ width:90%; margin:20px auto; line-height:26px; }
.town_list{ width:90%; padding-bottom:20px;margin:auto;line-height:24px; border-top:1px solid #DEDEDE;}
.town_list1{ width:90%;padding-bottom:20px;margin:auto;line-height:24px; border-top:1px solid #DEDEDE;}


.bottom_bg{ width:100%; padding:20px 0; margin:auto; clear:both; color:#fff; background-color:#2c346f;}
.bottom{ width:100%;margin:auto; text-align:center;}
.bottom img{ margin-top:30px;}
.bottom div{  margin-left:30px;}
.bottom a{color:#fff; display:inline-block; margin:0 10px;}
.bottom p{ font-size:14px; line-height:24px;  text-align:left;}

}