@charset "utf-8";
* {
	margin: 0;
	padding: 0
}

html,body {
	height: 100%
}
a,a:link,a:hover,a:visited{ text-decoration:none; color:#555;}
li{ list-style:none;}
#header{ width:100%;  font-size:1em; line-height:300%; color:#333; text-align:center; background:rgba(255,255,255,.95);}

.swiper-container {
	width: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px
}
.swiper-wrapper {
	margin-top: 10px
}
.swiper-slide {
	width: 80%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	text-align:center;
}

.swiper-slide .main-img {
	width: 80%;
	margin: 0 auto;
	display: block;
	border-top-right-radius:1em;
	border-top-left-radius:1em;
}
#pagination {
	position: absolute;
	bottom: 100px;
	width: 100%
}
#pagination .swiper-pagination-bullet {
	width: 9.5%;
	float: left;
	margin: 0 0 0 6.15%;
	background: 0;
	opacity: 1
}
.swiper-pagination-bullet i {
	background: #41203f;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 50px;
	display: block;
	font-style: normal;
	text-align: center;
	margin: 0 auto;
	color: #f5b55c
}
.swiper-pagination-bullet-active i {
	-webkit-transform: scale(1.5);
	background: url(../img/shouye_nvsheng_huangseb.png) no-repeat center 50%;
	background-size: auto 100%;
	color: #815d4b
}
@media screen and (min-height:481px) {
.swiper-wrapper {
	margin-top: 20px
}
#pagination {
	bottom: 110px
}
}
@media screen and (min-height:569px) {
.swiper-wrapper {
	margin-top: 40px
}
#pagination {
	bottom: 120px
}
.swiper-pagination-bullet i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px
}
}
#footer {
	position: absolute;
	bottom: 0;
	padding-left:6%;
}
div{ padding:0; margin:0;}
#index_bottom {
	position: absolute;
	bottom: 5%;
	left:5%;
}
#index_bottom li{ list-style:none; float:left; color:#fff; width:33%; text-align:center; }
.all_icon,.read_icon,.search_icon{  text-align:center; line-height:150%;font-size:0.6em; }
.all_icon img{ width:30%;}
.read_icon img{ width:30%;}
.search_icon img{ width:30%;}


.start_read{margin:auto; width:80%; font-size:1em; background:rgba(255,255,255,.9); color:#666; border:0; line-height:300%; border-bottom-left-radius:1em; border-bottom-right-radius:1em; }
.start_read strong{ color:#e43;}

.menu_back{ text-align:center; background-color:#fff; border-bottom:1px solid #ccc; color:#666; overflow:hidden;}
.menu_back H3{ font-weight:400; padding:0; margin:0; width:90%; font-size:1em; line-height:2.6em; }
.menu_back li{ float:left; list-style:none;}
.menu_back li img{ vertical-align:middle;}
.menu_news{  background-color:#fff; border-bottom:1px solid #ccc; font-size:0.8em; color:#666; height:4.5em; text-align:center; overflow-x: scroll; overflow-y: hidden;  white-space: nowrap;  }
.menu_news li{ border-radius:5px; padding:0.5em 1em; margin:1em 0.5em 0 0.5em; display: inline-block;}
.menuon{border:1px solid #e43; background-color:#e43; color:#fff;}
.menuoff{border:1px solid #ccc;}

.magazine_list li{ width:33%; text-align:center;  float:left; margin:1em 0 0 0; }
.magazine_list li img{ width: 80%;	margin: 0 auto;	display: block;	border-radius:10px;}

.list_content{ width:94%; overflow:hidden; background-color:#fafafa; padding:3%; margin:0 auto;}
.magazine_title { background-color:#fff; color:#c30; font-weight:bold; font-size:1.2em; line-height:2.4em; border-bottom:1px solid #ccc; padding-left:1em; }
.article_title { color:#444; font-size:1em; line-height:1.5em; margin:0.4em 0; font-weight:bold;}
.article_title a, article_describe a{ color:#000;}

.article_author { color:#888; font-size:0.8em; line-height:1.2em;}
.article_describe img{ width:30%;  float:left; margin-right:1em; border-radius:1em;}
.article_describe{ font-size:0.8em; color:#888; line-height:1.6em; margin:1em 1em 0 1em; text-align:left;}
.clear_dot{ clear:both; border-bottom:1px dashed #bbb; margin:1em 0;}
.clear_line{ clear:both; background:url(../img/fengexian.jpg) center; width:100%; height:2em;}

.main_content{ width:94%; overflow:hidden; background-color:#fff; padding:0 3%; margin:0 auto;}
.main_content img{ width:100%; margin:1em 0;}

.content_title{ font-size:1em; color:#555; font-weight:600; line-height:150%; margin:1em 0;}
.content_text{ font-size:1em; color:#444; line-height:2em; text-align:left;}
.content_end{ font-size:1em; line-height:2em; margin:2em; text-align:center;}
.content_text img{ width:100%; margin:10px auto;}

.article_chengjiao{ font-size:1em; text-align:center; border-radius:5px;  margin:0.5em 0; background-color:#fff; overflow:hidden; color:#333;  display:table; width:100%; }
.article_chengjiao .textleft{width:40%; border-right:1px dashed #ccc; display:table-cell; vertical-align: middle;}
.bigtext{ font-size:2.4em; font-weight:bold; color: #F30; }
.smalltext{ font-size:0.5em; color:#666; font-weight:normal;}

.article_chengjiao .textright{ width:56%; font-size:0.8em; display:table-cell; vertical-align: middle; line-height:1.8em; padding:2%; text-align:left; }

.kaipan_title{ width:100%; text-align:center;  padding:0.5em 0 0 0;}
.kaipan_table{ width:94%; overflow:hidden; background-color:#fafafa; padding:0 3%; margin:0 auto; display:table;}
.kaipan_area{ width:33%;  border-right:5px solid #fff; border-bottom:5px solid #eee;  border-top:3px solid #fff; border-radius:10px; background-color:#f6f6f6; font-size:0.8em; padding:2%; text-align:left; margin:1%; display:table-cell;}
.kaipan_area li{ text-align:center; width:100%; color:#e43; margin-bottom:0.5em; line-height:1.5em;}

.xiaoxz_table{ width:96%; overflow:hidden; margin:0 auto; display:table; padding:2% 2% 0 2%;}
.xiaoxz_area{ width:50%; color:#333; display:table-cell;  border-radius:1em; padding-bottom:0.8em; background-color:#fff; border:6px solid #A27E80;}
.xiaoxz_area img{ width:100%; height:8em;}
.xiaoxz_area li{ padding:0 1em; font-size:0.8em; line-height:1.8em; list-style:none;   }
.font_lpname{ color:#fff; line-height:2.5em !important;; text-align:center; position: absolute; bottom:0; color:#fff; background:rgba(162,126,128,1); width:76%; left:5%; border-bottom-left-radius:1em; border-bottom-right-radius:1em; }
.font_xxzh{  text-align:center; padding-top:0.8em !important; color:#835F61; }
.xiaoxz_text{ font-size:0.8em; text-align:left; border-radius-left-top:5px; border:1px solid #ccc; margin:0.5em 0; background-color: #D9F2F7; overflow:hidden; color:#333; padding:0.5em;}

.hudong_table{ width:96%; overflow:hidden;  margin:0 auto; display:table;   padding:2% 2% 0 2%; }
.hudong_area{ width:50%; background-color:#fff; display:table-cell; border:6px solid #A2998A; border-radius:1em; }
.hudong_title{ font-size:1em; font-weight:bold; padding:0.8em; color: #948976;}
.hudong_descp{ font-size:0.8em; color:#888; line-height:1.6em; padding:0 0.8em 0.8em 0.8em;}

#wrapper {
  text-align:center;
  text-transform:uppercase;
}
#toolbar {  
  width:100%;
  margin: 0 auto;
  bottom:1em;
  
  position:fixed;
  z-index:99;
}
.button {
  width:2em;
  height:2em;
  border-radius:50%;
  background-color:#926645;
  color:#ffffff;
  text-align:center;
  font-size:1.6em;
  line-height:1.8em;
  position:relative;
  left:44%;
}

.button:hover {
    cursor: pointer;
}

.button,.icons{
  -webkit-transition: -webkit-all 1s cubic-bezier(.87,-.41,.19,1.44);
          transition:  all 1s cubic-bezier(.87,-.41,.19,1.44);
}

.button:after {
  content:"+";
}

.button.active {
-webkit-transform: rotate(45deg);
 transform: rotate(45deg);
  left:.5em;
}


.icons {
  width:0;
  overflow:hidden;
  height:2em;
  line-height:2em;
  list-style:none;
  background-color:#ffffff;
  box-shadow: 1px 1px 1px 1px #DCDCDC;
  margin-left:45%;
  margin-top:-2.3em;
  border-radius: 2em;
  padding-left:2em;
  font-size:1.2em;
}

.icons.open {
  width:80%;
  margin:-2.3em 0 0 5%;
  overflow:hidden;
}

.icons li {
  display: none;
  width:10%;
  color:#666;
}

.icons.open li {
  width:16%;
  display: inline-block;
}