
/* Table of Content
==================================================
	#Home
	#Navigation
	#About
	#Service
	#Portfolio
	#Our Team
	#Pricing
	#Blog
	#Contact
*/


/*=================================================================
	Basic Setup
==================================================================*/

body {
    background-color: #fff;
	font-family: 'Ubuntu', 'Arial', sans-serif;
    line-height: 1.5;
    color: #ddd;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure {
    margin: 0;
}

a {
    color: #fff;

}

iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
	 color:#fff; color: #3cb43c;display:block
}



h1, h2, h3, h4, h5, h6 {
    font-family: oswald;
    font-weight: 400;
}

.kill-margin-bottom {
	margin-bottom: 0 !important;
}


.topcolor{ background:#3e4a48}

.topheight{ height:30px; line-height:30px;}

.navheight{ height:90px;}
.mcolor{ background:#3cb43c}
.mtop{ margin-top:30px;}
.mleft{ margin-right:10px;}

.brand{ background:url(../img/logo.png); background-size: cover; width:300px; height:90px;  }

.nav li a{ line-height:70px; height:70px; color:#fff;  font-size:18px; font-family:"微软雅黑";  }
.navs{ z-index:99999; background:#3cb43c}




 .navbar .input-append .btn-green {
    background-color: #2f8c2f; border:none;   display: inline-block;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857;

    margin-bottom: 0;

    padding: 6px 12px;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap; color:#fff
}

#appendedInputButton{ border:1px solid #2f8c2f;border-radius: 0;}

.panel-title  hover{ color:#fff}
.clearright{ margin-right:0px;}
.jian3s{ width:25%; float:left}
.jian9s,jian9a{ width:75%; float:left}
.jian3a{ width:23%; float:left; padding-left:15px}
.mianban{ background:#3cb43c; padding:35.5px 0 }

 .newslist li{color:#666; line-height:30px;}
 .newslist li a{color:#666;}
 .newslist li span{float:right;font-family:Verdana;color:#8c8c8c;}

.homain-box {
    width: auto;
    height: auto;
    padding-top: 10px;
}
.homain-tit {
    width: auto;
    height: 60px;
    line-height: 60px;
   background: url(../img/homain-tit.gif) repeat-x bottom
}
.homain-tit-box {
    float: left;
    width: auto;
    height: 51px;
   background: url(../img/homain-tit-box.gif) repeat-x bottom;
 
   
}
.homain-tit-box span {  
 width:34px; height:34px; float:left; margin-left:15px;
	 
}.homain-tit a {
    float: right;
    line-height: 60px;
    color: #999;
    font-size: 14px;
}

.floor {width:auto; height:auto; padding-top:20px; clear:both;}
.floor-left {height:auto; float:left; background:#fff; padding:0; margin:0 auto 15px; position:relative; z-index:0}
.floor-left-img {overflow:hidden; padding:0}
.floor-left-img .thisname{ line-height:30px; height:30px;background:#51a613;text-align: center; width:100%;color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


.floor-left-txt {width:auto;border:1px solid #ccc; }
.floor-left-txt h1 {width:auto;  line-height:40px; font-weight:normal; font-size:14px; color:#333}
.floor-left-txt h1 a {color:#333;}
.floor-left-txt div {color:#999; height:100%; line-height:18px;}
.floor-left-txt h2 {width:auto; height:32px; line-height:32px; font-weight:normal; font-size:14px; text-align:right; color:#ff7200; }
.floor-left-txt h2 .time {float:left; font-size:12px; background:url(../img/floor-clock.png) no-repeat left center; padding-left:16px;}
.floor-left-txt h2 .money {float:right; font-size:16px; padding-left:16px;}


.floor-left-con {width:auto; height:130px; border:1px solid #eee; padding:0 10px; border-top:none; clear:both;}
.floor-left-con h1 {width:auto; height:40px; line-height:40px; font-weight:normal; font-size:18px;  padding-left:30px;}
.floor-left-con h1 a {color:#333;}
.floor-left-con div {padding-left:30px; height:60px; color:#999; line-height:20px;}
.floor-left-con h2 {width:auto; height:30px; line-height:20px; text-align:right; padding-left:30px; font-size:12px; font-weight:normal;}
.floor-left-con h2 a {color:#333;}


.floor-list { height:auto; float:right; padding:0}
.floor-list ul li { height:100%; float:left; margin-left:6px; margin-bottom:3px; position:relative; }
.floor-list-box { height:100%; padding:1px 1px 4px 1px;}
.floor-list-img { height:100%;}

.floor-list-con {width:auto; height:80px; border:1px solid #ccc; border-top:none; padding:0 10px;}
.floor-list-con h1 {width:auto; height:30px; line-height:30px;  font-size:12px; margin:0}
.floor-list-con h1 a {color:#333;}
.floor-list-con div {width:auto; height:42px; line-height:18px; color:#999;}

.floor-list-con h2 {width:auto; height:20px; line-height:20px; font-weight:normal; font-size:14px; color:#ff7200; text-align:right;}
.floor-list-con h2 span {float:left; font-size:12px; padding-left:16px;}
.floor-list-con h2 .time {float:left; font-size:12px; background:url(../img/floor-clock.png) no-repeat left center; padding-left:16px;}
.floor-list-con h2 .money {float:right; font-size:16px; padding-left:16px;}


.floor-list ul li:hover .floor-list-box{padding:0; border:1px solid #90c36b; border-bottom:4px solid #90c36b;}
.floor-list ul li:hover .floor-list-con {border:none; padding:0 11px 1px 11px;}

.nav-tabs li{ line-height:50px; height:50px;font-size: 28px;}
.nav-tabs{ line-height:50px; }

.fbgs{ background:#333; height:100%; margin-top:15px;}

.lists li:first-child{ float:left; width:140px; line-height:60px; }

.lists li{ float:left; width:150px; line-height:60px;text-align:center; height:60px}

.navss{ height:60px; line-height:60px }

.lists  .active a{ text-align:center; color:#51a613;}
.lists li a{ color:#333; font-size:28px;}

.xuxian{ border-top:1px dashed #eee; margin-top:20px; padding-top:10px;}

.tabbable{ font-family:"微软雅黑"; font-weight:normal}

.form-control {
	background-color: #2f383d;
	border-radius: 0;
	padding: 5px 10px;
	border: 0 none;
	color: #ddd;
}
.panel-heading a:hover{ color:#fff}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.form-control:focus {
	box-shadow: 0 0 0;
}

.form-control::-webkit-input-placeholder { /*  Chrome, Safari, Opera  */
   color: #ddd;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color: #ddd;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #ddd;  
}

.form-control:-ms-input-placeholder {  /*  Internet Explorer  */
   color: #ddd;  
}


#loading-mask {
    background: #333439;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

.loading-img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 50%;
    width: 100%;
}

.border {
    border-top: 1px solid #fff;
    height: 1px;
    margin: 15px auto 0;
    position: relative;
    width: 35%;
}

.border:before {
    background-color: #fff;
    border: 1px ridge #fff;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: -5px;
    width: 40px;
}

.title {
    padding-bottom: 60px;
}

.title h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 38px;
    color: #fff;
}

.color {
    color: #6CB670;
}

.sub-title {
    padding: 0 0 50px;
}

.sub-title > h3 {
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    display: inline-block;
    padding: 5px 25px;
    text-transform: uppercase;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.bg-one {
    background-color: #333439;
}

.parallax-section {
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


/*=================================================================
	Home Slider
==================================================================*/
.wrap {width:100%; height:auto; margin:0 auto; clear:both;}



.thecon-intro {width:auto; height:auto; border:1px solid #ddd; font-family:"微软雅黑"; font-size:12px;}
.thecon-intro-tit {width:auto; height:56px; line-height:56px; border-bottom:2px solid #a2d470; font-size:18px; color:#333; padding:0 20px; position:relative;}
.thecon-intro-tit span {font-size:14px; color:#999;}
.thecon-intro-share {position:absolute; right:20px; top:20px;}
.thecon-intro-main {width:auto; height:100%; padding:20px;}
.thecon-intro-img {max-width:364px;  float:left;}
.thecon-intro-con {width:100%; height:auto; float:right;}

.thecon-intro-list {width:auto; height:82px;}
.thecon-inlis-left {width:385px; height:auto; float:left;}
.thecon-inlis-left ul li {width:auto; height:24px; line-height:24px; clear:both; color:#666;}
.thecon-inlis-left ul li span.orange {color:#ff7800;}
.thecon-inlis-left ul li span.tit {float:left;}
.thecon-inlis-left ul li label {float:left; margin-right:15px; cursor:pointer; line-height:24px;}
.thecon-inlis-left ul li label input {float:left; margin:6px 5px 0 0;}


.thecon-inlis-right {width:385px; height:auto; float:left;}
.thecon-inlis-right ul li {width:auto; height:auto; clear:both;}
.thecon-inlis-right ul li h1 {width:auto; height:24px; line-height:24px; font-size:12px; font-weight:normal; color:#666;}
.thecon-inlis-tit {width:70px; height:auto; float:left; color:#666; line-height:24px;}
.thecon-inlis-select {width:315px; height:auto; float:left; font-size:0;}
.thecon-inlis-select a {display:block; width:280px; height:22px; line-height:22px; padding:0 10px; color:#666; border:1px solid #ddd; font-size:12px; margin-bottom:5px;}
.thecon-inlis-select a.on {border:1px solid #16badd; background:url(../images/thecon-inlis-select.png) no-repeat right bottom;}

.thecon-inlis-right ul li span.tit {float:left; line-height:24px; color:#666;}
.thecon-inlis-right ul li label {float:left; margin-right:15px; cursor:pointer; line-height:24px;}
.thecon-inlis-right ul li label input {float:left; margin:6px 5px 0 0;}




.thecon-intro-note {width:auto; height:auto; background:#f9f9f9; border-right:1px dotted #ddd; margin-top:15px;}
.thecon-intro-note table tr td {border-left:1px dotted #ddd; padding:10px 15px; font-size:12px; color:#333; line-height:24px;}

.thecon-intro-note table tr td h1 {width:auto; height:auto; font-size:16px; line-height:20px; font-weight:normal; color:#333;}
.thecon-intro-note table tr td ul {display:block; padding-top:5px;}
.thecon-intro-note table tr td ul li {width:auto; height:auto; color:#666; background:url(../images/theme-list.gif) no-repeat left 7px; line-height:20px; padding-left:10px;font-size:12px;}



.thecon-intro-note table tr td span {color:#ff6600;}


.thecon-intro-note table tr td a {display:inline-block; width:110px; height:40px; background:#3cb43c; border:1px solid #3cb43c; border-radius:3px; font-size:14px; color:#fff; text-align:center; line-height:40px;}

.thecon-main {width:auto; height:auto; padding-top:10px; overflow:hidden}
.thecon-tag {width:1200px; height:44px; background:url(../img/thecon-tag.gif) no-repeat;}
.thecon-tag ul li {width:171px; height:44px; float:left;}
.thecon-tag ul li a {display:block; width:auto; height:44px; line-height:44px; text-align:center; font-size:14px; color:#666; border-right:1px solid #ddd;}
.thecon-tag ul li.last {width:174px;}
.thecon-tag ul li.last a {color:#ff7800;}
.thecon-tag ul li.last a span {display:inline-block; background:url(../images/thecon-tag-star.png) no-repeat left center; padding-left:20px;}
.thecon-tag ul li a.on {background:#fff; border:1px solid #ddd; border-top:3px solid #83c640; height:40px; line-height:38px;}


.themai {width:auto; height:auto; padding-top:10px;}
.themai-tit {width:auto; height:40px; line-height:40px; background:url(../images/themai-titbg.png) no-repeat right top #fafff5; border:1px solid #83c640;}
.themai-tit span {display:inline-block; padding-left:30px; background:url(../images/themai-tit.png) no-repeat 12px center; font-size:14px; color:#83c640;}
.themai-box {width:auto; height:auto; border:1px solid #ddd; border-top:none;}

.themai-con {width:auto; height:auto; padding:20px;}
.themai-con table tr td {padding:10px 0;}
.themai-con table tr td span {color:#ff7800;}
.themai-con table tr td h1 {font-size:14px; font-weight:bold; color:#333; padding-bottom:20px;}
.themai-con table tr td p {line-height:24px; color:#666; font-size:14px; width:650px;}


.themai-schedule {width:auto; height:auto; padding:30px; }

.themai-schedule div.day-info{float:right; width:980px;  height:auto;}
.themai-schedule ul.day-list { width:auto; display:block;  height:auto;}
.themai-schedule ul.day-list li {width:auto; height:auto; position:relative; min-height:25px; padding:10px 0;}

.themai-schedule-ico {width:13px; height:13px; position:absolute; left:-7px; top:16px;}
.themai-schedule-ico span {display:block; width:13px; height:13px; background:url(../images/themai-schedule-ico1.png) no-repeat;}
.themai-schedule-day {width:auto; height:25px; line-height:20px; position:absolute; padding-top:3px; left:20px; top:10px; font-size:12px; color:#999;}
.themai-schedule-txt {width:auto; height:auto; line-height:25px; padding-left:100px; font-size:14px; color:#666;}

.themai-schedule ul.day-menu{ width:150px; border-left:1px solid #ddd;}
.themai-schedule ul.day-menu li{width:auto; height:auto; position:relative; height:30px;  padding:10px 0;}
.themai-schedule ul.day-menu li.on .themai-schedule-ico span {background:url(../images/themai-schedule-ico2.png) no-repeat;}
.themai-schedule ul.day-menu li.on .themai-schedule-day {color:#ffaa00;}

.themai-schedule-notxt {width:auto; height:auto; color:#ffaa00; font-size:14px; line-height:25px; padding:10px 30px 10px 131px;}
.themai-schedule-noimg {width:auto; height:auto; text-align:center; padding:10px 0 30px 0;}


.themai-age {width:auto; height:auto; padding:20px;}
.themai-age table tr td {line-height:20px; color:#666; font-size:14px; padding:5px 0;}
.themai-age table tr td span.line {color:#ccc;}
.themai-age table tr td span.num {display:block; width:60px; height:20px; line-height:20px; color:#fff; background:#44c8ff; text-align:center;}
.themai-age table tr td span.day {color:#44c8ff;}
.themai-age table tr td span.orange {color:#ff7800;}



.themai-notice {width:auto; height:auto; line-height:24px; color:#666; font-size:14px; padding:30px;}

.themai-price {width:auto; height:auto; padding:30px;}
.themai-price table tr td {line-height:24px; color:#666; font-size:14px;}
.themai-price table tr td span.num {display:block; width:16px; height:16px; border-radius:100%; text-align:center; line-height:18px; color:#fff; background:#ffaa00; font-size:10px; margin:4px 0;}


.themai-careful {width:auto; height:auto; padding:30px;}
.themai-careful-head {width:auto; height:auto; font-size:14px; color:#999; line-height:24px;}
.themai-careful-head span.orange {color:#ffaa00;}
.themai-careful-head span.black {color:#333;}
.themai-careful-head a {color:#44c8ff; text-decoration:underline;}
.themai-careful-tit {width:auto; height:auto; text-align:center; padding:30px 0; font-size:18px; color:#16badd;}
.themai-careful-list {width:auto; height:auto;}
.themai-careful-list table tr td {line-height:24px; color:#666; font-size:14px; padding:8px 0;}
.themai-careful-list table tr td span.num {display:block; width:16px; height:16px; border-radius:100%; text-align:center; line-height:18px; color:#fff; background:#ffaa00; font-size:10px; margin:4px 0;}



.global-con {width:auto; height:auto; padding:20px 30px;}
.global-con h1 {font-size:14px; font-weight:bold; color:#333; padding-top:10px;}
.global-con p {text-indent:2em; font-size:14px; line-height:24px; color:#666; padding-top:10px;}
.global-con div {text-align:center; padding-top:10px;}


.global_d {width:auto; height:auto;}
.global_d-left {width:740px; height:auto; float:left;}
.global_d-left .div {width:auto; height:44px; padding-left:54px; background:url(../images/global_d-icon.png) no-repeat left center;}
.global_d-left .div h1 {height:21px; line-height:21px; font-weight:normal; font-size:12px; color:#999;}
.global_d-left .div h2 {height:21px; line-height:21px; font-weight:normal; font-size:16px; color:#ffaa00;}
.global_d-left p {padding-top:10px; color:#666; line-height:24px; font-size:14px;}
.global_d-right {width:200px; height:200px; float:right;}


/*=================================================================
	Navigation
==================================================================*/

.navbar-inverse {
	
	width: 100%;
	z-index: 99;
}
.navbar-inverse .navbar-inner{ background:none; border:none;}
.navbar {

  margin-bottom: 30px;
}

.navbar-brand {
	height: auto;
	padding: 8px 0;
}

.navbar-brand h1 {
	margin: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding: 20px 15px;

	-webkit-transition: background .5s ease-in-out 0s;
	   -moz-transition: background .5s ease-in-out 0s;
		 -o-transition: background .5s ease-in-out 0s;
			transition: background .5s ease-in-out 0s;
}

.navbar-inverse .navbar-nav > li.current > a {
    color: #6cb670;
    background-color: #2f3238;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #6cb670;
}

.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}

/*==== =============================================================
	Single Blog Page
==================================================================*/

/* 大屏幕 */
@media (min-width: 1200px) { 
.jiage span { margin:60px 0 60px 60px;vertical-align:middle}
.chakan a{ margin:80px 0 70px 40px}
.floor-list-img img{min-height:183px}
.play{ display:block}
.playno{ display:none}
 }
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { 
.jian3s{ width:100%;}
.jian9s{ width:100%;}
.play{ display:block}
.playno{ display:none}

 }
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 
.jian3s{ width:100%; display:none}
.jian9s{ width:100%; }
.footer{ display:none}
.xuxian{ border:none; margin-bottom:25px}
.brand{ width:150px; height:45px; margin:20px 0 15px 20px}

.theme-con{ display:none}

.chakan a{ margin:0 auto}.jiage span{ margin:0 auto}
.duox{ display:none}
.carousel-caption{ display:none}
.jian3a{ width:100%; display:none}

.lists li{ display:none}
.lists .active{ display:block;}


.floor-left-txt{ float:right;border:none; padding:0}
.floor-left-txt h1{ margin:0;  line-height:25px;color:#333}
.floor-left-txt h2{ margin:0;  line-height:25px;}
.rmtj,.xmts{ display:none}

.floor-list-con{ border:none; padding:0}
.floor-list ul li:hover .floor-list-box{padding:0; border:none}
.floor-list ul li:hover .floor-list-con {border:none; padding:0;}



.jian9a{ display:none;}
.nav li a{ height:35px; line-height:35px;}
 }
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
.jian3s{ width:100%; display:none}

.jian3a{ width:100%; display:none}
.jian9s{ width:100%; z-index:-1 ; position:relative}

.jian9a{ display:none;}

.footer{ display:none}
.xuxian{ border:none; text-align:center; margin-bottom:15px}
.brand{ width:150px; height:45px; margin:20px 0 25px 20px}
.theme-con{ display:none}
.chakan a{ margin:0 auto}.jiage span{ margin:0 auto}
.duox{ display:none}

.carousel-caption{ display:none}
.lists li{ display:none}
.lists .active{ display:block;}



.floor-left-txt{ float:right; border:none; padding:0}
.floor-left-txt h1{ margin:0; line-height:25px; width:200px; color:#333}
.floor-left-txt h2:first-child{ display:none}
.floor-left-txt h2{ margin:0;  line-height:25px; width:200px}
.rmtj,.xmts{ display:none}

.floor-list-con{ border:none; padding:0}
.floor-list ul li:hover .floor-list-box{padding:0; border:none}
.floor-list ul li:hover .floor-list-con {border:none; padding:0;}

.play{ display:none}
.playno{ display:block}
.floor  .floor-list{ display:none}
.nav li a{ height:35px; line-height:35px;}
 }
                         