﻿html,body{margin:0; padding:0; display: block; width: 100%; height: 100%;}
body {font-family: "Microsoft YaHei",Arial; font-size: 14px;line-height: 1.5; color: #333; background: #fff;height: 100%;position: relative;}
a {color: #666;font-family: "Microsoft YaHei",Arial;}
a:hover{outline: none; text-decoration: none;}
ul,li  {margin:0px; padding:0px; list-style-type:none;}
h1, h2, h3, h4, h5, h6 {color: #333;font-family: "Microsoft YaHei",Arial; margin: 0; padding: 0;}
input {-webkit-user-select:auto;}
.clear{clear:both;}
@font-face {font-family: 'Acme';src: url('../fonts/Acme-Regular.ttf');}
@font-face {font-family: 'PlayfairDisplay';src: url('../fonts/PlayfairDisplay-Regular.ttf');}
@font-face {font-family: 'PT';src: url('../fonts/PT_Serif-Web-Regular.ttf');}

::-webkit-selection {color: #fff;background: #00ADB5;}
::-moz-selection { color: #fff; background: #00ADB5;}
::selection {color: #fff;background: #00ADB5;}
::-webkit-scrollbar{width:9px; background-color:#f1f1f1; }
::-webkit-scrollbar-button       {}
::-webkit-scrollbar-track        {}
::-webkit-scrollbar-track-piece  {}
::-webkit-scrollbar-thumb        {border:solid 2px #444; width:5px;  border-radius:4px; background-color:#333;}
::-webkit-scrollbar-corner       {background-color:#444;}
::-webkit-resizer                {}
::-webkit-scrollbar:horizontal   {height:9px;}
:focus { outline: 0;}
.form-row{ margin:0; padding:0; }
.form-row .form-group{ margin-left:0; margin-right:0; padding:0;}
.form-row .form-group + .form-group{ padding-left:15px; }
@media (max-width: 768px) {
.form-row .form-group + .form-group{ padding-left:0; }
}
.nr-left { min-height: 300px; margin-bottom:20px; display: block;}
.nr-left img{ width: 100%; }
.nr-left p{ margin-bottom:30px; }
.nr-left h3{ line-height: 1.5; }
.nr h2{ line-height: 50px; }

/*icon*/
.icon div{ position: absolute; z-index: 8;}
.icon .ye1{ left:0; top:0; }
.icon .ye2{ right:120px; top:220px; }
.icon .ye3{ right:420px; top:420px; }
.icon .ye4{ left:420px; top:420px; }
.icon .ye5{ right:230px; top:250px; }
.icon .ye6{ left:230px; top:250px; }
.icon .ye7{ left:130px; top:310px; }
.icon .ye8{ left:330px; top:420px; }
@media(max-width:768px) {
	.icon .ye1{ display: none; }
	.icon .ye2{ right:20px; top:90px; width: 20px;}
	.icon .ye3{ right:120px; top:320px; width: 20px;}
	.icon .ye4{ display: none; }
	.icon .ye5{ left:20px; top:150px; width: 30px;}
	.icon .ye6{ left:260px; top:420px; width: 40px;}
	.icon .ye7{ display: none; }
	.icon .ye8{ display: none;}
}
/*头部*/
#sd-header{ width:100%; height: 100%; overflow: hidden; background:url(/img/banner.jpg) no-repeat 100% top; background-size: 100%; z-index: 9; position: relative;}
#sd-header .top-bar{ width: 100%; height: 68px; display: block; margin:40px 0;}
#sd-header .top-bar img{ float: left; width: 68px; margin-right:20px;}
#sd-header  .top-bar h1{font-size:32px; color:#0b6414; margin-bottom:8px;}
#sd-header  .top-bar p{ color:#000; }
#sd-header  .top-bar .right-fl{ float: right; height: 68px; margin-top: -5px;}
#sd-header  .top-bar .right-fl p{ color:#000; font-size: 16px; margin:0 0 2px 0;}
#sd-header  .top-bar .right-fl p i{ color:#0b6414; display: inline-block; width: 25px; text-align: left;}

#nr-header{ width:100%; height: auto; background:url(/img/banner.jpg) no-repeat 100% top; background-size: 100%; z-index: 2; position: relative;}
#nr-header .top-bar{ width: 100%; height: 68px; display: block; margin:40px 0;}
#nr-header .top-bar img{ float: left; width: 68px; margin-right:20px;}
#nr-header  .top-bar h1{font-size:32px; color:#0b6414; margin-bottom:8px;}
#nr-header  .top-bar p{ color:#000; }
#nr-header  .top-bar .right-fl{ float: right; height: 68px; margin-top: -5px;}
#nr-header  .top-bar .right-fl p{ color:#000; font-size: 16px; margin:0 0 2px 0;}
#nr-header  .top-bar .right-fl p i{ color:#0b6414; display: inline-block; width: 25px; text-align: left;}

@media(max-width:768px) {
	#nr-header{position: fixed; background: #fff;}
}

.min-bar{ width: 100%; height: auto; margin:0; color:#000; background: #fff; z-index: 3; text-align: center; border-top:1px #048511 solid; border-bottom:1px #f1f1f1 solid; padding-bottom:20px;}
.min-bar .toptel{ color:#048511; font-size: 18px; display: block; width: 100%; text-align: center; padding:20px 0 0 0; font-family: "PlayfairDisplay"}
.min-bar .opentime{ font-size: 14px; display: block; width: 100%; text-align: center; color:#666; padding-bottom:15px;}
.min-bar img{ height: 30px; display: inline-block; margin:-5px 10px 0 0; line-height: 30px;}
.min-bar h1{ font-size: 26px; color:#000; line-height: 30px; display: inline-block; font-family: "Acme"; font-weight: bold;}
.min-bar .bar-btn{ position: absolute;right:15px; display: block; font-size: 20px; width: 26px; height: 40px; padding-top:10px;}
.min-bar .bar-btn span{ display: block; width: 100%; height: 2px; background:#666; margin-top:6px; border-radius: 2px;}
.min-nav{ display: none; background:#16aa25; width: 100%; position: absolute; top:154px; left:0;}
.min-nav a{ display: block; text-align: center; width: 100%; line-height: 50px; color:#fff; font-size: 16px;}
.min-nav p{ display: block; padding-left:40px; margin:0; line-height: 30px; font-size: 16px;}
.min-nav p i{ display: inline-block; width: 30px;}
.min-bar .topadd{ display: block; width: 100%; text-align: center; font-size: 12px;}

.index-video{ padding-bottom:60px; }

.col-md-50{ width:20%; float: left;}
.video-img{ position: relative; width:100%; height: 100%; overflow: hidden; z-index: 0; margin-bottom:30px;}
.video-img img{ position: relative; z-index: 0;max-width:100%;}
.video-img .btn_play{ display: table; width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0,0,0,0.4); color:#fff; top:0; text-align: center; transition: all 0.25s ease-in-out;}
.video-img .btn_play span{ display: table-cell; text-align: center; vertical-align: middle;}
.video-img .btn_play span i{border:2px #ccc solid; border-radius: 25px; width:50px; height: 50px; font-size: 26px; line-height: 50px; padding-left:5px; background: rgba(255,255,255,0.2);box-shadow:0 0 15px rgba(255,255,255,.6);}
.video-img .btn_play:hover{background: rgba(0,0,0,0); transition: all 0.25s ease-in-out;}
.video-img .btn_play:hover span i{border:2px rgb(70,163,78) solid; color:rgb(70,163,78); box-shadow:0 0 15px rgba(70,163,78,.3);}

#su-video-box{background: rgba(0,0,0,0.4); display: none; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: fixed; top:0; z-index: 6;}
#su-video-box .video_box{ display: table-cell; vertical-align: middle; text-align: center; position: relative;}
#su-video-box .video_box .close_video{position: absolute; display: block; background: #000; color:#fff; font-size:20px; width: 40px; line-height: 40px; font-weight: 100; text-align: center; font-style: normal; z-index: 2;}
#su-video-box .video_box video{ width: 100%; max-width:760px; position: relative; z-index: 1;}

.nav-bar{ width: 100%; background:#46a34e; height: 50px; display: block; line-height: 50px;}
.nav-bar .container{ position: relative; }
.nav-bar a{ color:#fff; line-height: 50px; margin:0; padding:0; padding-left:25px; padding-right:25px; font-size: 16px;}
.nav-bar a:first-child{padding-left:20px;}
.nav-bar a:hover{ color:#000; }
.nav-bar span{ color:#fff; }
.nav-bar-search{ float: right; height: 30px; line-height: 30px; position: absolute; top:10px; right:0; background:#fff; width: 230px; border-radius: 15px; overflow: hidden; margin:0; padding:0;}
.nav-bar-search input{width:200px;line-height: 30px; border:0; margin:0; padding:0; background:#fff; padding-left:10px; color:#000;}
.nav-bar-search label{ line-height: 30px; }

.banner{ width: 100%; text-align: center;}
.banner .banner-txt{ font-size: 30px; color:#000; padding-top:100px; margin-bottom:30px;}
.banner .banner-btn{ color:#fff; display: inline-block; line-height: 36px; border-radius: 18px; background:#048511; width: 200px; font-size: 16px;}
.banner .banner-btn:hover{ background:#f40; }

@media(max-width:768px) {
	.banner{ width: 100%; text-align: center; background:url(/img/banner.jpg) no-repeat 50% top; background-size:auto 100%; height: 100%;}
	.banner .banner-txt{ font-size: 26px;}
	.col-md-50{ width:50%;}
}

/**/
.mod-box{ width: 100%; text-align: center;  margin-top:40px;margin-bottom:40px;}
.mod-box .mod-tit{ display: inline-block; position: relative; }
.mod-box .mod-tit h2{font-size: 30px; color:#000; border-bottom:2px #0b6414 solid; display: inline-block; line-height: 50px;}
.mod-box .mod-tit .mod-left{ width: 40px; height: 34px; background:url(/img/mod-left.png); display: inline-block; position: absolute; left:-56px; top:10px;}
.mod-box .mod-tit .mod-right{ width: 40px; height: 34px; background:url(/img/mod-right.png); display: inline-block; position: absolute; right:-56px; top:10px;}
@media(max-width:768px) {
	.mod-box{ margin-top:30px;margin-bottom:30px;}
	.mod-box .mod-tit h2{font-size: 22px; line-height:40px;}
}
/*about*/
.about{ width: 100%; padding:20px 0 80px 0; z-index:0;}
.about-img{ background:url(/img/about-img-bg.png) no-repeat; padding-top:30px; padding-left:60px;}
.about-cont{ font-size: 16px; }
.about-cont img{ max-width:100%;}
.yingye{ width: 100%; padding:60px 0 60px 0; background:#f4f4f4;}
@media(max-width:768px) {
	.about{ width: 100%; padding:154px 0 60px 0;}
	.about-index{ padding-top:10px; }
	.about-img{ padding-top:0; padding-left:0; margin-bottom:20px;}
	.about-img img{ width: 100%; }
	#sd-header .min-bar{ position: fixed; }
	#sd-header .banner{ padding-top:154px;}
}
/*huanjing*/
.huanjing{ width: 100%; background: #f4f4f4; padding:30px 0;}
.hj-img{ margin-bottom:30px; }

/*item*/
.Item{ width: 100%; padding:20px 0 60px 0; }
.Item .row{ margin-bottom:30px; }
.Item h3{ font-size: 30px; color:#0b6414; padding-bottom:10px; margin-top:-10px;}
.Item h3 i{font-style:normal; font-size: 40px; display: inline-block; margin:0; padding:0; margin-right:10px;}
.Item p{ font-size: 16px; }

@media(max-width:768px) {
	.Item{ width: 100%; padding:10px 0 40px 0; }
	.Item h3{ margin-top:20px; font-size: 25px;}
	.Item h3 i{font-style:normal; font-size: 30px; }
}

/*map*/
.map{ width: 100%; background: #333; height: 400px; text-align: center}

/*contact*/
#contact {padding: 60px 0; text-align: left; background:#f5f5f5; }
#contact .contact-about h3 {font-size: 26px;margin: 0 0 10px 0; padding: 0 0 20px 0;line-height: 1; font-weight: 700; color: #0b6414;}
#contact .contact-about p {font-size: 14px;line-height: 24px;font-family: "Montserrat", sans-serif;}
#contact .social-links {padding-bottom: 20px;}
#contact .social-links a {font-size: 18px;display: inline-block;background: #fff;color: #0b6414;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;border: 1px solid #0f946c;}
#contact .social-links a:hover {background: #0b6414;color: #fff;}
#contact .info {color: #333333;}
#contact .info i {font-size: 26px;color: #0b6414;float: left;line-height: 1;}
#contact .info p {padding: 0 0 0 42px;line-height: 28px;font-size: 14px;}
#contact .form #sendmessage {color: #0b6414;border: 1px solid #0b6414;display: none;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #errormessage {color: red;display: none;border: 1px solid red;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {display: block;}
#contact .form .validation {color: red;display: none;margin: 0;font-weight: 400;font-size: 13px;}
#contact .form input, #contact .form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}
#contact .form button[type="submit"] {background: linear-gradient(45deg, #0b6414, #0b6414);border: 0;border-radius: 20px;padding: 8px 30px;color: #fff;}
#contact .form button[type="submit"]:hover {cursor: pointer;}
@media (max-width: 768px) {
  #contact .social-links img{ width: 100%; }
}
@media (min-width: 769px) {
  #contact .social-links img{ width: 250px; }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);padding: 30px 0;color: #333;font-size: 14px;}
#footer .credits {font-size: 13px;color: #888;}
#footer .footer-links a {color: #666;padding-left: 10px;}
#footer .footer-links a:first-child {padding-left: 0;}
#footer .footer-links a:hover {color: #0f946c;}

#ajaxload{ display:; position: fixed; z-index: 99; width: 100%; height: 100%; background:rgba(0,0,0,.5); text-align: center; color: #fff; top:0; left:0;}
#ajaxload img{ width: 24px; height: 24px;}

.ajaxloadtxt{margin-top:200px; width: 100%;}
.k-ring-1 {animation: k-loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite; }
.k-ring-1 {width: 10px;height: 10px;margin: 0 auto;padding: 10px;border: 7px dashed #1dd1ba; border-radius: 100%;}
@keyframes k-loadingD {0 {transform:rotate(0deg)}50% {transform:rotate(180deg)}100% {transform:rotate(360deg)}}

.yy-item{ display:block; margin:20px 0; border-bottom:1px #ccc solid; padding-bottom:20px;}
.item-name{ font-size: 18px; color:#000; display: inline-block; padding-bottom:15px;}
.item-one{ float: left; border:1px #46a34e solid; display: inline-block; margin-right: 10px; padding:5px 10px; border-radius: 4px; cursor:pointer}
.item-one .item-time{ color:#555; font-size: 12px;}
.item-one .item-pric{ color:#000; font-size: 18px;}
.item-one-hove { background:#46a34e;}
.item-one-hove .item-time{ color:#fff; font-size: 12px;}
.item-one-hove .item-pric{ color:#fff; font-size: 18px;}

.img-list .yy-item{border:none;}

.yy-gx{ display: block; margin:20px 0 0 0; }

.cart{border:2px #46a34e solid; width: 100%; padding:20px;}
.cart-title{ font-size: 18px; font-weight: bold; display: inline-block; margin-bottom:15px; width: 100%;}
.cart-nr{ display: block; width: 100%; padding:20px 0; }
.cart-one { border-bottom:1px #ccc dotted; padding:10px 0;}
.cart-one h3{ display: block; font-size: 16px; padding:0 0 10px 0;}
.cart-day,.cart-time{ display: inline-block; }

.date-box{ width: 100%; height: 40px;}
.date-box .datetitle{ float: left; line-height: 30px; font-size: 20px; padding-right:30px;}
.date-box a{ float: left; line-height: 30px; color:#fff; display: inline-block; background:#16aa25; width: 40px; text-align: center; margin-right:5px;}
.date-box a:hover{ background: #f40; }
.datetable{ border:1px #ccc solid; width: 100%}
.datetable th{ border:1px #ccc solid; line-height: 20px; padding:15px;}
.datetable td{ border:1px #ccc solid;}
.datetable td p{line-height: 30px; padding:10px; margin:0; border:2px #fff solid;}
.datetable td p.act{border:2px #16aa25 solid}
.datetable td p.hover1{border:2px #16aa25 solid}
.datetable .day0{ color:#ccc; }
.datetable .day1{ color:#000; }
.datetable .day2{ color:#f40; }

.usertime-box{ display: none; text-align: center; margin-top:60px;}
.usertime-box .time-title{ font-size: 16px; }
.usertime-box p{ width: 100%; line-height: 40px; border:1px #ddd solid; margin-top:10px;}
.usertime-box p:hover{ border:2px #16aa25 solid; }
.usertime-box p.act{border:2px #16aa25 solid;}

.back{ display: block; font-size: 16px; margin-bottom:20px;}

.form-control {
    border: 1px solid #ddd;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 40px;
}

.right-bar{ position: fixed; right:20px; z-index: 9999; width: 30px; top:260px;}
.right-bar a{ display: block; width: 30px; height: 30px; background:#0b6414; border-radius: 15px; text-align: center; color:#fff; margin-bottom:10px;}
.right-bar a i{ display: inline-block; font-size: 20px; line-height: 30px;}
.right-bar a:hover{ background:#16aa25; }
.right-bar .weixin{ width: 150px; height: 150px; position: absolute; right:50px; background:#fff; top:0; display: none;}

.ourlink{ margin-bottom:20px; }
.ourlink a{ display: inline-block; padding:5px 15px; border-radius: 25px; background: #f1f1f1; margin:0 5px 5px 0;}
.ourlink a:hover,.ourlink a.act{ background:#0b6414; color:#fff;}

.hidb{ width:100%; height: 1px; overflow: hidden; padding:30px 0 0 0; box-sizing:border-box;}