www.gusucode.com > 22：【198-3950】景区旅游旅行官方网站类织梦模板(带手机端) > 22：【198-3950】景区旅游旅行官方网站类织梦模板(带手机端)/skin/css/style.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "UTF-8";
/**
* Index Css
* @Authors Mr.Cai
* @Email 297272788@qq.com
* @Date 2015-06-11
*/
.tc {
	text-align: center;
}
.b0 {
	border: 0!important;
}
.m0 {
	margin: 0!important;
}
.m-header {
	width: 100%;
	height: 96px;
	background: url(../images/top_ba.png) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.m-logo {
	position: absolute;
	left: 60px;
	top: 15px;
}
.m-nav {
	margin: 10px 0 0 300px;
	float: left;
}
.m-nav a.index, .m-nav dl dt a {
	float: left;
	color: #f2d374;
	font-size: 15px;
	overflow: hidden;
	text-align: center;
	width: 110px;
	line-height: 86px;
	margin: 0 10px;
}
.m-nav a.active, .m-nav a.index:hover, .m-nav dl.hover dt a {
	background: url(../images/cloud.png) no-repeat right 45px;
	font-size: 16px;
}
.m-nav dl {
	float: left;
	position: relative;
	font-size: 14px;
}
.m-nav dl dd {
	width: 100px;
	padding: 15px 0 15px 30px;
	position: absolute;
	top: 86px;
	left: 0;
	background-color: #908556;
	color: #ffffee;
	display: none;
}
.m-nav dl dd:before {
	content: "";
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	display: block;
	border: 0 solid transparent;
	border-width: 8px;
	border-bottom-color: #908556;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -8px;
}
.m-nav dl dd a {
	display: block;
	line-height: 30px;
}
.m-nav dl dd a:hover {
	text-decoration: underline;
}
.m-tool {
	position: absolute;
	right: 60px;
	top: 28px;
	z-index: 100;
}
.m-tool li {
	float: left;
	width: 50px;
	height: 65px;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
}
.m-tool li.map {
	background: url(../images/map.png) no-repeat;
}
.m-tool li a {
	display: block;
	height: 100%;
}
.m-tool li.wei {
	background: url(../images/wei.png) no-repeat;
}
.m-tool li.sina {
	background: url(../images/sina.png) no-repeat;
}
.m-tool li div {
	position: absolute;
	top: 58px;
	left: 50%;
	background-color: #908556;
	border-radius: 3px;
	padding: 10px;
	width: 80px;
	text-align: center;
	color: #fff;
	margin-left: -50px;
	display: none;
}
.m-tool li div:before {
	content: "";
	background: url(../images/arrow.png) no-repeat;
	display: block;
	width: 16px;
	height: 9px;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -8px;
}
.m-login {
	position: absolute;
	right: 60px;
	color: #fff;
	z-index: 100;
	font-family: 宋体;
	top: 45px;
	opacity: .8;
	filter: alpha(opacity=80);
}
.m-login a:hover {
	text-decoration: underline;
}
 @media screen and (max-width:1440px) {
.m-logo {
	left: 20px;
}
.m-tool, .m-login {
	right: 25px;
}
.m-nav {
	margin-left: 180px;
}
}
@media screen and (max-width:1280px) {
.m-nav a.index, .m-nav dl dt a {
	width: 100px!important;
}
.m-nav dl dd {
	width: 90px!important;
}
}
@media screen and (max-width:1024px) {
.m-nav {
	margin-left: 150px;
}
.m-tool {
	display: none;
}
}
.m-banner {
	width: 100%;
	height: 500px;
	background: url(../images/banner5.jpg) no-repeat center 0;
}
.shanshui .m-banner {
	background-image: url(../images/banner6.jpg);
}
.wenhua .m-banner {
	background-image: url(../images/banner7.jpg);
}
.shop .m-banner {
	background-image: url(../images/banner8.jpg);
}
.gongyi .m-banner {
	background-image: url(../images/banner9.jpg);
}
.fuwu .m-banner {
	background-image: url(../images/banner10.jpg);
}
.m-content {
	width: 1200px;
	margin: -100px auto 0;
	color: #fff;
	overflow: hidden;
}
.m-content h3 {
	margin-top: 50px;
	line-height: 1;
	font-size: 26px;
}
.m-content label {
	line-height: 1;
	opacity: .5;
	filter: alpha(opacity=50);
}
.m-content a.btn {
	display: block;
	width: 156px;
	border-radius: 100px;
	border: 2px #fff solid;
	padding: 5px 0;
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
}
.m-content a.btn:hover {
	background-color: #fff;
}
.m-con-l, .m-con-r {
	width: 300px;
	float: left;
	overflow: hidden;
}
.m-con-book, .m-book {
	padding: 0 35px;
	height: 350px;
	background-color: #efc245;
	overflow: hidden;
}
.m-con-book h4, .m-book h4 {
	margin-top: 30px;
}
.m-con-book p, .m-book p {
	font-size: 14px;
}
.m-con-book p b, .m-book p b {
	font-family: 'Georgia';
	font-size: 36px;
	line-height: 1;
	color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.m-con-book a.btn:hover, .m-book a.btn:hover {
	color: #efb245;
}
.m-con-tel {
	height: 280px;
	overflow: hidden;
	color: #333;
}
.m-con-tel h5 {
	margin-top: 40px;
}
.m-con-tel h2 {
	font-family: 'Georgia';
	color: #908556;
	line-height: 1;
	font-size: 26px;
}
.m-con-tel h6 {
	margin: 20px 0 5px;
}
.m-con-tel a, .m-con-tel span {
	float: left;
	color: #888;
	text-align: center;
	font-family: 宋体;
	margin-right: 20px;
}
.m-con-map {
	height: 320px;
	padding: 0 35px;
	overflow: hidden;
	background: url(../images/map1.png) no-repeat right bottom #5fa84e;
	cursor: pointer;
}
.shanshui .m-con-map {
	background-image: url(../images/map2.png);
}
.m-con-map p {
	font-size: 14px;
	margin-top: 10px;
}
.m-con-map p:after {
	content: ">";
	font-family: 宋体;
	font-size: 16px;
	margin-left: 3px;
	line-height: 1;
	vertical-align: text-top;
}
.m-con-m {
	float: left;
	width: 600px;
	overflow: hidden;
}
.m-con-video {
	height: 350px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.m-con-video h4 {
	position: absolute;
	top: 210px;
	color: #fff;
	text-align: center;
	width: 100%;
}
.m-pic-bg {
	width: 100%;
	height: 350px;
	background: url(../images/pic1.jpg) no-repeat;
	overflow: hidden;
}
.shanshui .m-pic-bg {
	background-image: url(../images/pic2.jpg);
}
.m-con-news {
	padding: 0 10px 0 35px;
	overflow: hidden;
	width: 255px;
	float: left;
}
.m-con-news h3 {
	margin-bottom: 30px;
}
.m-con-news h3 i {
	font-size: 12px;
	margin-left: 20px;
	opacity: .6;
	filter: alpha(opacity=60);
}
.m-con-news ul li {
	display: block;
	color: #7aa8cb;
	margin-bottom: 15px;
}
.m-con-news ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #d8eaf7;
	line-height: 1;
}
.m-con-news ul li a:hover {
	color: #fff;
}
.m-con-pic {
	float: left;
	padding: 0 35px;
	width: 230px;
}
.m-con-pic a.btn:hover {
	color: #908556;
}
.m-con-msg {
	padding: 0 35px;
	height: 250px;
	overflow: hidden;
	background-color: #1bacaf;
}
.m-con-msg h3 {
	border-bottom: 1px #fff solid;
	padding-bottom: 13px;
	width: 300px;
}
.m-con-msg h3 label {
	font-size: 14px;
	margin-left: 20px;
}
.m-con-msg p {
	margin-top: 15px;
	color: #b4f6f4;
	font-family: 宋体;
}
.m-con-msg a.btn {
	margin-right: 50px;
}
.m-con-msg a.btn:hover {
	color: #1bacaf;
}
.m-con-about {
	padding: 0 35px;
	background: url(../images/about1.jpg) no-repeat;
	height: 250px;
	overflow: hidden;
}
.shanshui .m-con-about {
	background-image: url(../images/about2.jpg);
}
.m-con-about a {
	display: block;
}
.m-con-about p {
	margin-top: 10px;
	font-family: Arial;
	color: #b5d6ed;
	height: 113px;
	overflow: hidden;
	text-align: justify;
}
.m-con-about p i {
	color: #fff;
	margin-left: 10px;
	font-family: 宋体;
}
.m-con-minzu {
	padding: 0 35px;
	overflow: hidden;
	background: url(../images/mz.jpg) no-repeat;
	height: 350px;
}
.m-con-minzu ul {
	display: block;
	overflow: hidden;
}
.m-con-minzu ul li {
	float: left;
	font-family: 宋体;
	width: 50%;
	font-size: 14px;
	margin-top: 15px;
	color: #e0f4ba;
}
.m-con-minzu ul li a:hover {
	color: #fff;
}
.m-con-minzu a.btn:hover, .m-con-juzi a.btn:hover {
	color: #83b329;
}
.m-con-juzi {
	padding: 0 35px;
	overflow: hidden;
	background: url(../images/zi.jpg) no-repeat;
	height: 350px;
}
.m-con-juzi p {
	font-size: 14px;
	margin-top: 15px;
	text-align: justify;
	color: #e0f4ba;
}
.m-con-juzi p i {
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 1;
}
.m-con-juzi p span {
	display: block;
	font-size: 16px;
	margin-top: 10px;
}
.m-con-mingren {
	padding: 0 35px;
	height: 150px;
	overflow: hidden;
	background: url(../images/mr1.jpg) no-repeat;
	position: relative;
}
.shanshui .m-con-mingren {
	background-image: url(../images/mr2.jpg);
}
.m-con-mingren h3 i {
	font-size: 12px;
	margin-left: 20px;
	opacity: .6;
	filter: alpha(opacity=60);
}
.m-con-mingren a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.m-con-shanzhuan {
	padding: 0 35px;
	height: 200px;
	overflow: hidden;
	background: url(../images/ym.jpg) no-repeat;
}
.shanshui .m-con-shanzhuan {
	background-image: url(../images/jz.jpg);
}
.m-con-shanzhuan a.btn:hover {
	color: #e1c152;
}
/*footer*/
.m-footer {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}
.m-footer-nav {
	background-color: #2d3134;
	height: 60px;
	overflow: hidden;
	color: #838991;
}
.m-footer-nav ul {
	float: left;
	margin-top: 26px;
}
.m-footer-nav ul li {
	float: left;
	font-size: 14px;
	border-left: 1px #015a40 dotted;
	line-height: 1;
	height: 10px;
}
.m-footer-nav ul li a {
	display: block;
	margin: -2px 10px 0;
}
.m-footer-nav ul li.b0 a {
	margin-left: 0;
}
.m-footer-nav a.gotop {
	float: right;
	line-height: 60px;
	font-size: 14px;
}
.m-footer-nav a.gotop img {
	vertical-align: middle;
}
.m-footer-copy {
	background-color: #373c40;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.m-footer-copy dl dt, .m-footer-copy dl dd {
	float: left;
}
.m-footer-copy dl.link {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #9099a0;
	margin-top: 30px;
}
.m-footer-copy dl.link dd a {
	float: left;
	margin-left: 15px;
}
.m-footer-copy dl.copy {
	font-family: Arial, '宋体';
	color: #727981;
	float: left;
	margin-top: 50px;
}
.m-footer-copy dl.copy dd {
	margin: 8px 0 0 20px;
}
.m-footer-copy .tel {
	float: right;
	color: #7a8288;
	font-family: Arial, '宋体';
	text-align: right;
	margin-top: 30px;
}
.m-footer-copy .tel p {
	font-size: 26px;
	color: #aaa;
	line-height: 1;
	font-style: italic;
}
.m-footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/*遮罩层*/
.m-mask {
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
}
/*播放器*/
.m-player {
	height: 500px;
	width: 900px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -450px;
	display: none;
	z-index: 2;
	background-color: #f5f5f5;
}
.m-player a.close, .m-map a.close {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: -60px;
	background: url(../images/close.gif) no-repeat;
}
.m-player .title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff;
	position: absolute;
	bottom: -60px;
	left: 0;
	overflow: hidden;
}
.m-player .title h4 {
	margin-left: 20px;
	float: left;
}
.m-player .title a {
	float: right;
	margin-right: 20px;
}
/*地图*/
.m-map {
	width: 900px;
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	z-index: 2;
	display: none;
	background-color: #f5f5f5;
}
.m-map .traffic {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	color: #fff;
	width: 100%;
	display: block;
}
.m-map .traffic dt {
	display: block;
	padding: 15px 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.m-map .traffic dd {
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.m-online {
	position: fixed;
	top: 110px;
	right: 0;
	z-index: 98;
}
.m-online a.open {
	display: block;
	width: 40px;
	height: 115px;
	background: url(../images/open_qq.png) no-repeat center 0;
	position: absolute;
	top: 0;
	right: 0;
}
.m-qqbox {
	width: 126px;
	border: 1px #ddd solid;
	border-radius: 8px;
	background-color: #fff;
	position: relative;
	right: -128px;
}
.m-qqbox a.close {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/close_qq.png) no-repeat;
	position: absolute;
	top: -12px;
	right: 10px;
}
.m-qqbox dl dt {
	display: block;
	width: 100%;
	padding-top: 82px;
	background: url(../images/qq_bg.png) no-repeat center 0;
	text-align: center;
	font-size: 14px;
	margin: 10px 0;
	color: #02815c;
}
.m-qqbox dl dd {
	display: block;
	padding: 0 10px;
	color: #888;
	border-top: 1px #e5e5e5 solid;
	overflow: hidden;
	margin-bottom: 15px;
}
.m-qqbox dl dd a {
	background: url(../images/qq_nv.png) no-repeat;
	padding-left: 22px;
	line-height: 24px;
	display: block;
	height: 20px;
	overflow: hidden;
	margin-top: 15px;
	font-family: Arial;
}
.m-qqbox dl dd p {
	font-size: 16px;
	color: #908556;
	font-weight: 700;
	line-height: 1;
	margin-top: 5px;
	white-space: nowrap;
}
.m-qqbox .tips {
	border-top: 1px #e5e5e5 solid;
	padding: 15px 0;
	color: #888;
	text-align: center;
}
.m-qqbox .tips i {
	color: #7fbc23;
}
.m-qqbox .tool {
	border-top: 1px #e5e5e5 solid;
	overflow: hidden;
}
.m-qqbox .tool a {
	float: left;
	width: 63px;
	height: 63px;
	overflow: hidden;
}
.m-qqbox .tool a.weixin {
	background: url(../images/weixin.png) no-repeat center center;
	cursor: default;
}
.m-qqbox .tool a.weixin div {
	position: absolute;
	bottom: 0;
	left: -142px;
	padding: 10px;
	border-radius: 8px;
	border: 1px #ddd solid;
	background-color: #fff;
	text-align: center;
	color: #888;
	line-height: 1.3;
	display: none;
}
.m-qqbox .tool a.weixin div p {
	margin: 5px 0;
	color: #02815c;
}
.m-qqbox .tool a.weixin:hover div {
	display: block;
}
.m-qqbox .tool a.weixin div label, .m-qqbox .tool a.weixin div i {
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	display: block;
	border: 0 solid transparent;
	border-width: 8px;
	border-left-color: #ddd;
	position: absolute;
	right: -16px;
	bottom: 20px;
}
.m-qqbox .tool a.weixin div i {
	border-width: 6px;
	border-left-color: #fff;
	right: -4px;
	bottom: -6px;
}
.m-qqbox .tool a.top {
	background: url(../images/totop.png) no-repeat center center;
	border-left: 1px #e5e5e5 solid;
	margin-left: -1px;
}
/*内容展示页*/
.content-page, .no-banner {
	background-color: #f2f2f2;
}
.content-page .m-banner {
	height: 380px;
}
.content-page .m-content {
	margin-top: 35px;
	color: #000;
}
.m-show-l {
	float: left;
	width: 250px;
	overflow: hidden;
}
.m-li-nav {
	background-color: #fff;
	display: block;
	width: 100%;
	margin-bottom: 25px;
}
.m-li-nav dt {
	font-size: 16px;
	padding: 15px 25px;
	display: block;
	overflow: hidden;
	background: url(../images/arrow.gif) no-repeat 205px center;
}
.m-shop .m-li-nav dt {
	background-position: 240px center;
}
.m-li-nav dd {
	display: block;
	border-top: 1px #f1f1f1 solid;
	overflow: hidden;
}
.m-li-nav dd>a {
	padding: 15px 25px;
	display: block;
	color: #555;
	font-size: 14px;
}
.m-li-nav dd>a.active, .m-li-nav dd>a:hover {
	border-left: 8px #7fbc23 solid;
	background-color: #333;
	color: #7fbc23;
}
.m-book {
	color: #fff;
	height: 300px;
}
.m-show-r {
	width: 910px;
	float: right;
	overflow: hidden;
}
.m-show-r .title {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.m-show-r .title h1 {
	float: left;
	font-size: 24px;
	color: #555;
}
.m-show-r .title label {
	float: right;
	font-family: 宋体;
	color: #666;
	margin-top: 18px;
}
.m-show-r .info {
	font-size: 14px;
	padding: 35px;
	background-color: #fff;
	overflow: hidden;
	line-height: 30px;
	color: #666;
}
.m-show-r .info img {
	max-width: 100%;
}
/*民族*/
.m-minzu dl {
	display: block;
	padding: 20px;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.m-minzu dl dt {
	float: left;
}
.m-minzu dl dt img {
	width: 300px;
	height: 170px;
}
.m-minzu dl dd {
	float: right;
	width: 540px;
	overflow: hidden;
}
.m-minzu dl dd a.tit {
	font-size: 24px;
	line-height: 60px;
}
.m-minzu dl dd a.tit:hover {
	text-decoration: underline;
}
.m-minzu dl dd p {
	color: #888;
	font-family: Arial;
}
.m-minzu dl dd a.but {
	padding: 8px 15px;
	float: left;
	background-color: #aaa;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	margin-top: 20px;
}
.m-minzu dl dd a.but b {
	border-left: 1px #fff solid;
	padding-left: 15px;
	margin-left: 15px;
	font-size: 13px;
	font-family: Verdana;
	height: 12px;
	line-height: 12px;
	display: inline-block;
}
.m-minzu dl dd a.but:hover {
	background-color: #eb8335;
}
/*展示内容*/
.m-show-r .default, .m-show-r .photo {
	padding: 35px;
	background-color: #fff;
	overflow: hidden;
}
.m-show-r .default .tit, .m-show-r .photo .tit {
	border-bottom: 1px #888 dashed;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.m-show-r .default .tit h1, .m-show-r .photo .tit h1 {
	font-size: 26px;
}
.m-show-r .default .tit p, .m-show-r .photo .tit p {
	color: #666;
	font-family: Arial;
	margin-top: 5px;
}
.m-show-r .photo img {
	max-width: 100%;
	display: block;
	margin: 20px auto 0;
}
.m-show-r .default .share, .m-show-r .photo .share {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	text-align: center;
}
.m-show-r .default .share>div, .m-show-r .photo .share>div {
	display: inline-block;
	overflow: hidden;
}
.m-show-r .default .share>div i, .m-show-r .photo .share>div i {
	margin-top: 6px;
	font-size: 16px;
	color: #888;
}
.m-context {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	border-top: 1px #f5f5f5 solid;
	font-size: 0;
}
.m-context a {
	float: left;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}
.m-context a.next {
	float: right;
}
.m-context a i {
	font-size: 32px;
	font-family: 宋体;
	color: #ccc;
	font-weight: 700;
	width: 80px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.m-context a span {
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #888;
	display: inline-block;
}
.m-context a.prev span {
	border-left: 1px #f5f5f5 solid;
	padding-left: 10px;
}
.m-context a.next span {
	border-right: 1px #f5f5f5 solid;
	padding-right: 10px;
	text-align: right;
}
.m-context a:hover i {
	background-color: #7fbc23;
	color: #fff;
}
.no-banner .m-content {
	margin-top: 130px;
	color: #000;
}
/*资讯*/
.m-news {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.m-news dl {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.m-news dl dt {
	width: 80px;
	text-align: center;
	background-color: #eb8335;
	color: #fff;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
}
.m-news dl dd {
	margin-left: 40px;
	display: block;
	overflow: hidden;
	background-color: #fff;
	font-size: 16px;
	padding: 12px 20px 12px 60px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px #fff solid;
}
.m-news dl dd:hover {
	border: 1px #eb8335 solid;
	background-color: #fdfffa;
}
.m-news dl dd a:hover {
	text-decoration: underline;
}
.m-show-r .default .text {
	font-size: 14px;
	line-height: 30px;
	color: #555;
}
.m-show-r .default .text img {
	max-width: 100%;
}
/*活动*/
.m-huodong, .m-video {
	width: 945px;
	margin-left: -35px;
	overflow: hidden;
}
.m-huodong>div, .m-video>div {
	float: left;
	width: 280px;
	overflow: hidden;
	margin: 0 0 50px 35px;
	background-color: #fff;
}
.m-huodong>div img, .m-video>div img {
	width: 100%;
	height: 230px;
}
.m-huodong>div a.tit, .m-video>div .tit {
	display: block;
	padding: 15px 5px 10px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}
.m-huodong>div a.tit:hover {
	text-decoration: underline;
}
.m-huodong>div p {
	color: #888;
	padding: 0 20px
}
.m-huodong>div a.but, .m-video>div a.but {
	padding: 8px 15px;
	float: left;
	background-color: #eb8335;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	margin: 10px 0 20px 20px;
}
.m-huodong>div a.but b, .m-video>div a.but b {
	border-left: 1px #ebb335 solid;
	padding-left: 15px;
	margin-left: 15px;
	font-size: 13px;
	font-family: Verdana;
	height: 12px;
	line-height: 12px;
	display: inline-block;
}
/*视频*/
.m-video>div a {
	position: relative;
	display: block;
}
.m-video>div a i {
	display: block;
	width: 100%;
	height: 230px;
	background: url(../images/video_bg.png) no-repeat center center rgba(0,0,0,.5);
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	top: 0;
}
.m-video>div a:hover i {
	display: none;
}
.m-show-r .default .video {
	text-align: center;
}
/*图片列表*/
.m-photo-list {
	width: 945px;
	margin-left: -35px;
	overflow: hidden;
}
.m-photo-list a {
	float: left;
	width: 280px;
	overflow: hidden;
	margin: 0 0 50px 35px;
	font-size: 15px;
}
.m-photo-list a img {
	width: 100%;
	height: 160px;
}
.m-photo-list a p {
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-photo-list a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
/*分页*/
.m-page {
	width: 100%;
	text-align: right;
	font-size: 0;
	height: 38px;
	line-height: 38px;
}
.m-page li {
	display: inline
}
.m-page a, .m-page i {
	display: inline-block;
	font-size: 15px;
	background-color: #fff;
	padding: 0px 13px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	border: 1px #ddd solid;
	color: #bbb;
	font-family: Arial;
	margin-left: 5px;
	vertical-align: top;
}
.m-page a.next, .m-page a.prev {
	font-family: 宋体;
	font-size: 16px;
	font-weight: 700;
}
.m-page a:hover, .m-page li.thisclass a {
	background-color: #7fbc23;
	color: #fff;
}
.m-page span {
	font-size: 14px;
	padding-right: 10px;
}
/*留言*/
.m-show-r .message dt {
	display: block;
	width: 100%;
	font-family: 宋体;
	color: #aaa;
	overflow: hidden;
	padding-bottom: 20px;
}
.m-show-r .message dt a {
	color: #7fbc23;
	text-decoration: underline;
}
.m-show-r .message dd {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #555;
	margin-top: 10px;
}
.m-show-r .message dd input {
	width: 200px;
	line-height: 24px
}
.m-show-r .message dd textarea {
	width: 700px;
}
.m-show-r .message dd button {
	background-color: #eb8335;
	color: #fff;
	border-radius: 3px;
	padding: 12px 50px;
	border: 0;
	font-size: 15px;
}
.m-show-r .message .link a {
	float: left;
	margin: 10px 20px 0 0;
}
.m-show-r .message .link a:hover {
	text-decoration: underline;
}
/*商城*/
.m-shop-recom {
	display: block;
	width: 1220px;
	margin-left: -20px;
	overflow: hidden;
	margin-bottom: 40px;
}
.m-shop-recom li {
	padding: 20px 20px 0;
	width: 245px;
	float: left;
	overflow: hidden;
	margin-left: 20px;
	background-color: #99c224;
}
.m-shop-recom li.r2 {
	background-color: #ea8638;
}
.m-shop-recom li.r3 {
	background-color: #dbcf2f;
}
.m-shop-recom li.r4 {
	background-color: #3db0ad;
}
.m-shop-recom li img {
	width: 100%;
	height: 245px;
}
.m-shop-recom li div {
	margin-top: 20px;
}
.m-shop-recom li div a {
	float: left;
	color: #fff;
	font-size: 18px;
	width: 150px;
	overflow: hidden;
	line-height: 1.4;
}
.m-shop-recom li span {
	float: right;
	background-color: #fff;
	width: 50px;
	overflow: hidden;
	padding: 10px 10px 8px;
	line-height: 1;
	font-size: 14px;
	color: #7fbc23;
	font-family: 'Microsoft YaHei';
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.m-shop-recom li span b {
	color: #e66628;
	font-size: 16px;
	display: block;
	margin-top: 8px;
	overflow: hidden;
}
.m-shop-recom li span p {
	color: #bbb;
	font-size: 12px;
}
.m-shop .m-show-l {
	width: 285px;
}
.m-shop .m-show-r {
	width: 895px;
}
.m-shop-tel {
	background-color: #89b635;
	color: #fff;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 14px;
}
.m-shop-tel p {
	font-size: 28px;
	line-height: 1.2;
	margin-top: 5px;
	font-family: 'Georgia';
	font-weight: 700;
}
.m-shop-tel span {
	display: block;
	width: 100%;
	overflow: hidden;
	border-top: 1px #e5e5e5 dotted;
	padding-top: 20px;
	margin-top: 20px;
}
.m-shop-tel span a {
	float: left;
	background: url(../images/qq_nv.png) no-repeat;
	line-height: 20px;
	font-family: 宋体;
	font-size: 12px;
	padding-left: 23px;
	margin-right: 20px;
}
.m-shop-list {
	width: 100%;
	overflow: hidden;
}
.m-shop-list .tit {
	width: 100%;
	overflow: hidden;
	border-bottom: 2px #ff6100 solid;
	line-height: 34px;
	margin-bottom: 10px;
}
.m-shop-list .tit.t2 {
	border-color: #41b8b6;
}
.m-shop-list .tit.t2 h5 {
	background-color: #41b8b6;
}
.m-shop-list .tit.t3 {
	border-color: #84b534;
}
.m-shop-list .tit.t3 h5 {
	background-color: #84b534;
}
.m-shop-list .tit.t4 {
	border-color: #d6c22b;
}
.m-shop-list .tit.t4 h5 {
	background-color: #d6c22b;
}
.m-shop-list .tit.t5 {
	border-color: #908556;
}
.m-shop-list .tit.t5 h5 {
	background-color: #908556;
}
.m-shop-list .tit h5 {
	background-color: #ff6100;
	color: #fff;
	float: left;
	font-size: 16px;
	width: 100px;
	text-align: center;
}
.m-shop-list .tit a {
	font-family: Arial;
	color: #999;
	float: right;
	padding-left: 50px;
}
.m-shop-list .tit a:hover {
	color: #333
}
.m-shop .m-shop-list ul {
	width: 915px;
	margin-left: -20px;
	overflow: hidden;
}
.m-shop-list ul li {
	float: left;
	width: 275px;
	padding: 5px 5px 15px;
	background-color: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
}
.m-shop-list ul li img {
	width: 100%;
	height: 275px;
}
.m-shop-list ul li div {
	margin: 10px 10px 0;
	position: relative;
	overflow: hidden;
	height: 65px;
}
.m-shop-list ul li h5 {
	font-size: 16px;
	width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-shop-list ul li p {
	color: #bbb;
	font-family: 'Microsoft YaHei';
	font-weight: 700;
	line-height: 1;
}
.m-shop-list ul li p i {
	font-size: 15px;
	color: #7fbc23;
	font-weight: 400;
}
.m-shop-list ul li p em {
	font-size: 20px;
	color: #ff6100;
	margin: 0 5px;
}
.m-shop-list ul li span {
	font-family: Arial;
	color: #ccc;
}
.m-shop-list ul li span s {
	margin-left: 5px;
}
.m-shop-list ul li div a {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 60px;
	background: url(../images/buy.gif) no-repeat #ff6100;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding-top: 35px;
	height: 30px;
}
/*商城列表*/
.m-shop-list ul {
	width: 1220px;
	margin-left: -20px;
}
.m-shop-nav {
	width: 100%;
	display: block;
	overflow: hidden;
	line-height: 76px;
	background-color: #fff;
	color: #7fbc23;
	font-size: 14px;
	margin-bottom: 20px;
}
.m-shop-nav dt {
	float: left;
	background-color: #333;
	color: #7fbc23;
	font-size: 16px;
	padding: 0 50px;
	border-left: 6px #7fbc23 solid;
}
.m-shop-nav dd {
	float: left;
}
.m-shop-nav dd a {
	float: left;
	margin-left: 30px;
}
.m-shop-nav dd a:hover {
	text-decoration: underline;
}
/*商品展示*/
.m-goods {
	padding: 35px 25px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 30px;
}
.m-goods img {
	float: left;
	width: 400px;
	height: 400px;
}
.m-goods-info {
	margin-left: 425px;
	overflow: hidden;
}
.m-goods-info h1 {
	font-size: 24px;
}
.m-goods-info .price {
	background: url(../images/p_bg.jpg) no-repeat right 0 #f0eeef;
	padding: 20px 20px 15px;
	color: #999;
	line-height: 1;
	overflow: hidden;
	margin-top: 10px;
}
.m-goods-info .price p+p {
	margin-top: 5px;
}
.m-goods-info .price p b {
	font-size: 30px;
	color: #ff6100;
}
.m-goods-info .price p i {
	font-size: 18px;
	color: #ff6100;
}
.m-goods-info dl {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.m-goods-info dl dt {
	color: #999;
	float: left;
	width: 65px;
}
.m-goods-info dl dd {
	margin-left: 65px;
	overflow: hidden;
	color: #333;
}
.m-goods-info dl dd i {
	float: left;
	border: 1px #ccc solid;
	padding: 5px 10px;
	margin-right: 8px;
	cursor: default;
}
.m-goods-info .tips {
	margin-top: 20px;
}
.m-goods-info .tips i {
	background-color: #ffe8d8;
	color: #ff6100;
	border: 1px #ff6100 solid;
	border-radius: 2px;
	padding: 10px 20px;
	display: inline-block;
	overflow: hidden;
	font-size: 15px;
}
.m-goods-info .tips p {
	color: #999;
	margin-top: 10px;
}
.m-goods-info .tips p b {
	color: #ff6100;
	font-size: 32px;
	font-family: 'Arial';
	font-style: italic;
	vertical-align: middle;
	display: block;
	line-height: 1;
}
.m-goods-info .share {
	color: #999;
	line-height: 1;
	margin-top: 10px;
	height: 36px;
	overflow: hidden;
}
.m-goods-con {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
.m-goods-con .tit {
	border-bottom: 1px #ddd solid;
	font-size: 18px;
	overflow: hidden;
}
.m-goods-con .tit i {
	border-top: 3px #89b635 solid;
	padding: 10px 0;
	float: left;
	margin-left: 30px;
}
.m-goods-con .con {
	padding: 35px;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}