@charset "UTF-8";
/*
Theme Name: 大众公园
Theme URI: http://www.shangdandan.com/
Author: 尚丹丹
Author URI: 
Description: 大众公园！
Version: 1.0
Tags: 大众公园
Time: 2016.10
*/
/*初始化样式*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, select, option, button, textarea, p, blockquote, table, th, td {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft Yahei', 'Simsun';
  -webkit-font-smoothing: antialiased;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, caption, cite, code, em, strong, th {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

img {
  border: 0 none;
  vertical-align: top;
  *vertical-align: baseline;
}

body {
  min-width: 1190px;
  background: #ecf0f1;
  font-size: 14px;
  overflow-y: scroll;
  *overflow-y: visible;
}

input {
  outline: none;
}

input::-webkit-input-placeholder {
  color: #cccccc;
}

input::-moz-placeholder {
  color: #cccccc;
}

input:-ms-input-placeholder {
  color: #cccccc;
}

input, button, select {
  font-size: 14px;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  overflow: hidden;
}

.hide {
  display: none;
}

/*公用样式*/
.fleft {
  float: left;
}

.fright {
  float: right;
}

.aligncenter {
  text-align: center;
}

a {
  color: #333;
}

a:hover {
  color: #A72036;
}

.main {
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}

/*header*/
.header {
  height: 86px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  -moz-box-shadow: 3px 3px 10px #D7D7D7;
  -webkit-box-shadow: 3px 3px 10px #D7D7D7;
  box-shadow: 3px 3px 10px #D7D7D7;
}

.hender_logo {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 81px;
  /* margin-left: 35px; */
  background:  url(../images/logo.png) center 5px no-repeat;
  /* background-size: contain; */
  display: block;
  margin: 0 auto;
}
.hender_menu {
  overflow: hidden;
  margin-top: -86px;
  position: relative;
  /* background-color: #fff; */
}

.hender_menu >li {
  float: left;
  margin: 0 12px;
}
.hender_menu >li.li_0{
  margin-left: 90px;
}
.hender_menu >li.li_2{
  margin-right: 120px;
}

.hender_menu >li a {
  display: block;
  height: 65px;
  line-height: 60px;
  padding: 0 22px;
  padding-top: 20px;
  color: #34495e;
  font-size: 14px;
  text-align: center;
  border-bottom: 6px solid #fff;
  font-weight: bold;
}

.hender_menu >li a.active,
.hender_menu >li a:hover ,
.hender_menu >li:hover > a {
  color: #d70000;
  border-bottom: 6px solid #d70000;
  background-color:#ecf0f1;
}
.hm_two{
  display: none;
  background-color: #fff;
}
.hender_menu >li:hover .hm_two{
  display: block;
  position: relative;
  z-index: 9;
}
.hm_two li a{
  line-height: 36px;
  height: 36px;
  padding-top: 0;
  border-bottom: 3px solid #ECF0F1;
}
.hm_two li a:hover{
  background-color: #ECF0F1;
  border-bottom: 3px solid #ECF0F1;

}
.hender_menu >li.li_ewm{
  width: 36px;
  margin-top: 30px;
}
.hender_menu >li.li_ewm a{
  background: url(../images/img_menu_ewm.png) center  no-repeat;
  padding: 0;
  height: 36px;
  width: 36px;
}
.hender_menu >li.li_ewm a:hover,
.hender_menu >li.li_ewm:hover a{
  border-bottom: 6px solid #fff;
}
.hm_ewm{
  display: none;
  position: relative;
  background: url(../images/bg_ewm.png) no-repeat;
  z-index: 9;
  width: 202px;
  height: 125px;
  padding: 25px 10px 0;
  margin-left: -168px;
}
.hender_menu >li.li_ewm:hover .hm_ewm{
  display: block;
}
.hm_ewm li{
  float: left;
  margin: 16px 13px 0;
}
.hm_ewm li span{
  display: block;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #34495e;
}
/*slider*/
.banner {position:relative;overflow:hidden;height:470px;margin-top: 86px;}
.banner-slider {overflow:hidden;height:100%;width:100%}
.banner-slider a {height:470px;display:none;position:absolute;left:0;top:0;opacity:0;
  background-position: center;background-repeat: no-repeat;}
.banner-slider a.first-child {display:block;opacity:1}

.banner-slider-list{position:absolute;bottom:20px;height:20px;z-index:99;text-align:center;}
.banner-slider-list a{display:block;width:16px;height:16px;margin:0 7px;border:2px solid #fff;border-radius:10px;overflow:hidden;_zoom:1;display:inline-block;}
.banner-slider-list a:hover,.banner-slider-list a.active{background:#e7e7e9;}

.page_banner img{
  display: block;
  margin:0 auto;
  width: 100%;
}

.com_title{
  height: 100px;
  background: url(../images/bg_title.png) center bottom no-repeat;
  line-height: 100px;
  text-align: center;
  color: #34495e;
  font-size: 24px;
}
.com_title2{
  position: relative;
  border-bottom:1px solid #cbcdce;
  background-image: none;
}
.com_title span{
  margin-left: 5px;
  font-size: 18px;
  font-family: 'Tahoma';
}
.com_title em{
  position: absolute;
  width: 116px;
  height: 6px;
  background-color: #cbcdce;
  top: 97px;
  left: 50%;
  margin-left: -58px;}
/*index_news*/
.index_news{
  background-color: #ecf0f1;
}
.index_news_dl{
  width: 283px;
  padding: 0 35px 45px 35px;
  margin: 120px 0 50px 20px;
  background-color: #fff;
  border-bottom: 6px solid #fff;
}
.index_news_dl.dl_first{
  margin-left:0;
}
.index_news_dl:hover{
  border-bottom: 6px solid #e30b0b;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);   
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);   
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);   
}
.index_news_dl dt{
  margin-top: -88px;
}
.index_news_dl dt a{
  display: block;
}
.index_news_dl dt img{
  display: block;
  width: 172px;
  height: 172px;
  margin: 0 auto;
}
.index_news_dl dt i{  
  position: relative;
  display: block;
  width: 172px;
  height: 172px;
  margin: -172px auto 0;
  background: url(../images/bg_news.png) center no-repeat;
}
.index_news_dl dd.dd_title{
  height: 60px;
  margin-top: 30px;
  font-size: 16px;
  color: #34495e;
  font-weight:bold;
  line-height: 30px;
  text-align: center;
}
.index_news_dl dd.dd_remark{
  margin-top: 40px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 96px;
  overflow: hidden;
}


/*index_forum*/
.index_forum{
  position:relative;
  background-color: #fff;
}
.index_forum .main{
  position: relative;
  height: 320px;
}
.index_forum0{
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.index_forum_slider{
  display:none;
  position: absolute;
  left:0;top:0;opacity:0
}
.index_forum_slider.first-child {display:block;opacity:1}
.index_forum_dl{
  width: 296px;
  padding: 40px 35px;
  background-color: #fff;
}
.index_forum_dl dt img{
  display: block;
  margin: 0 auto;
}
.index_forum_dl dd.dd_title{
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  color: #34495e;
  font-weight:bold;
  line-height: 30px;
  text-align: center;
}
.index_forum_dl dd.dd_remark{
  font-size: 14px;
  color: #5c5c5c;
  line-height: 22px;
  text-align: center;
}
.index_forum_dl dd.dd_remark span{
  color: #e84d39;
}

.index_forum_list{position:absolute;bottom:16px;height:20px;z-index:99;text-align:center;}
.index_forum_list a{display:block;width:6px;height:6px;margin:0 3px;border:2px solid #c8c8c8;border-radius:10px;overflow:hidden;_zoom:1;display:inline-block;}
.index_forum_list a:hover,.index_forum_list a.active{background:#1d1d1f;}


/*footer*/
.footer{
  margin-top: 16px;
}
.footer_address{
  height: 163px;  
  background-color: #2d3e50;
  background-repeat: no-repeat;
  -ms-background-position:center;
  background-position:center;
}
.footer_address p{
  padding-top: 10px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
}
.footer_share{
  float: left;
  width: 300px;
  padding-left: 30px;
  margin-left: 50%;
  position: relative;
}
.footer_share .a_map{
  width: 210px;
  left: -445px;
  height: 24px;
  margin-top: 36px;
  position: absolute;
}
.footer_share ul{
  overflow: hidden;
}
.footer_share ul li{
  float: left;
  margin-right: 20px;
}
.footer_share ul li a{
  display: block;
}
.footer_ewm ul{
  overflow: hidden;
}
.footer_ewm ul li{
  float: left;
  width: 70px;
  padding:8px 8px 0;
  margin-right: 10px;
  background-color: #1b2735;
}
.footer_ewm ul li img,.footer_ewm ul li span{
  display: block;
}
.footer_ewm ul li span{
  font-size: 12px;
  color: #314861;
  line-height: 30px;

}
.footer_copyright{  
  height: 52px;
  background-color: #1b2735;
  color: #314861;
  line-height: 52px;
  font-size: 12px;
}

/*top*/
.top {
  position: fixed;
  right: 0;
  bottom: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.top a {
  display: block;
  background: url(../images/icon_top.jpg) 0 no-repeat;
  width: 52px;
  height: 52px;
}

.about_brand dl {
  overflow: hidden;
  padding: 70px 0;
}
.about_brand dl dt {
  float: left;
  width: 404px;
  height: 286px;
  margin: 0 165px 40px 0;
  border: 1px solid #a1a1a1;
}
.about_brand dl dt img {
  margin-top: 40px;
  margin-left: 54px;
  border: 1px solid #999;
}
.about_brand dl dd {
  padding-top: 45px;
  font-size: 16px;
  line-height: 36px;
  color: #34495e;
}
.about_brand dl dd p {
  text-indent: 2em;
}

.about_event{}
.about_event_img{
  display: block;
  margin:30px auto 60px;
}
.about_event .main{
  position: relative;
  width: 1050px;
  height: 980px;
  margin-bottom: 100px;
}
.about_event .img{  position: absolute;
  display: block;
  margin: 0 auto;
  left: 105px;}
.about_event_dl{
  width: 415px;
  letter-spacing: 2px;
}
.about_event_dl.dl0,
.about_event_dl.dl2,
.about_event_dl.dl4,
.about_event_dl.dl6,
.about_event_dl.dl8{
  float: left;
  margin-top: 50px;
}
.about_event_dl.dl2{
  margin-top: 63px;
}
.about_event_dl.dl4{
  margin-top: 120px;
}
.about_event_dl.dl6{
  margin-top: 100px;
}
.about_event_dl.dl8{
  margin-top: 80px;
}
.about_event_dl.dl1,
.about_event_dl.dl3,
.about_event_dl.dl5,
.about_event_dl.dl7,
.about_event_dl.dl9{
  float: right;
  margin-top: 160px;
}
.about_event_dl.dl3{
  margin-top: 100px;
}
.about_event_dl.dl5{
  margin-top: 100px;
}
.about_event_dl.dl7{
    margin-top: 120px;
}
.about_event_dl.dl9{

}
.about_event_dl dt{
  margin-bottom: 20px;
  font-size: 16px;
  color: #34495e;
  font-weight: bold;
}
.about_event_dl.dl1 dt,
.about_event_dl.dl3 dt,
.about_event_dl.dl5 dt,
.about_event_dl.dl7 dt,
.about_event_dl.dl9 dt{
  text-align: right;
}
.about_event_dl dd{
  font-size: 14px;
  color: #34495e;
  line-height: 20px;
}
.about_event_dl dd.dd_remark{
  margin-top: 5px;
  color: #999;
  font-size: 12px;
  line-height: 18px;
}
.video_list{
  overflow: hidden;
}
.video_list_ul{
  overflow: hidden;
  padding: 30px 0;
}
.video_list_ul li{
  float: left;
  padding:15px 27px;
}
.video_list_ul li a{
  display: block;
  width: 495px;
}
.video_list_ul li img{
  display: block;
  width: 495px;
  height: 280px;
}
.video_list_ul li a span{
  display: block;
  font-size: 14px;
  color: #000;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news_content{
  margin-top: -90px;
  position: relative;
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.news_content .p_title {
  padding:0 30px 20px;
  font-size: 24px;
  color: #333;
  text-align: center;
  line-height: 30px;
}

.news_content .d_remark {
  padding: 30px;
  font-size: 14px;
  color: #999; 
  background-color: #f6f7f7;
  line-height: 30px;
  margin-bottom: 30px;
}
.news_content .d_remark p{
  border-bottom: 1px solid #cccccc; 
}

.news_content .con {
  padding: 30px;
  color: #666;
  line-height: 24px;
}

.news_content .con p {
  text-indent: 2em;
}

.news_content .con img {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.product_con{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/bg_product.jpg) center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.product_con_link{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -336px;
  margin-top: -88px;
  width: 672px;
}
.product_con_link a{
  float: left;
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 300px;
  height: 64px;
  line-height: 64px;
  background-color: #fff;
  font-size: 24px;
  color: #000;
  margin: 12px 18px;
}
.product_con_link a:hover{
    color: #D70000;
}

.pages_list{padding:30px;}
.pages_list li{height:24px;line-height:24px;color:#999;}
.pages_list li a{color:#999;}
.pages_list li a:hover{text-decoration:underline;color: #333;}

/*文章分页*/
.pagination {
  width: 100%;
  padding: 30px 0 60px;
  text-align: center;
  line-height: 24px;
}
.pagination span,
.pagination a {
  min-width: 20px;
  margin: 4px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 24px;
  color: #34495e;
  text-align: center;
  border:1px solid #D70000;
}
.pagination a:hover,
.pagination .current {
  background: #D70000;
  color: #fff;
}

.layer_win{ display: none; position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background:hsla(0,0%,0%,.4);  cursor: pointer;}
.layer_alert{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%;height: 100%;}
.layer_about{
  position: absolute;
  height: auto;
}
.layer_alert img,.layer_alert embed{ display: block;margin: 0 auto;}
.layer_about img{
   width: 640px;
   margin:20px auto;
}
.layer_alert embed{ width: 600px; height: 440px; margin-top: 150px;}
.layer_alert p{
  text-align: center;
  color: #FFF;
  font-size: 16px;
  line-height: 24px;
  width: 200px;
  margin: 0 auto;
  padding-top: 10px;
}
.store_list li{
  padding: 15px 26px;
}
.store_list li a{
  width: 497px;
}
.store_list li a img{
  border:1px solid #6d7172;
}
.store_list li a:hover span{
  color: #d70000;
}
.wlu_s{
  display: none;
  position: relative;
  margin-top: -318px;
  width: 497px;
  height: 282px;
  background-color: rgba(0,0,0,.8);
}
.store_list li a:hover .wlu_s{
  display: block;
}
.store_list li a .wlu_s span{
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.store_list li a .wlu_s span.s1{
  padding-top: 100px;
  font-size: 14px;
}
.store_list li a .wlu_s span.s2{
  padding-top: 20px;
}
.store_list li a .wlu_s em{
  color:#fe6704;
  line-height: 20px;
}