@charset "utf-8";
/* CSS Document */

body {
	magin: 0px;
	padding:0px;
	position:relative;
}

* {
	font-family: Arial, Microsoft YaHei;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
h1{ margin:0px;}
i{ font-weight:normal;}
hr{ border:none; border-top:1px  solid #f0f0f0; margin:10px 0px;}
img{ max-width:100%;}
.vcenter-parent{display:table;}
.vcenter {display: table-cell;vertical-align: middle;}
.red{ color:#e50012;}
/*居中布局*/

::-webkit-scrollbar-track{background:#CCC;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
/*滚动条设置*/

#loader-wrapper {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:999999;
	overflow:hidden;}
	
.loaded #loader-wrapper {
        visibility: hidden;
        -webkit-transform:scale(0) translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform:scale(0) translateY(-100%);  /* IE 9 */
                transform:scale(0) translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
        -webkit-transition: all 0.4s 1s ease-out;  
                transition: all 0.4s 1s ease-out;}
#loading {
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	transition: all 0.4s;
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 100px;
	margin-top: -10px;
	margin-left: -50px;
}
.object {
	width: 20px;
	height: 20px;
	background-color: #21ad42;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;
}
#object_one {
	-webkit-animation: object 2s linear infinite;
	animation: object 2s linear infinite;
}
#object_two {
	-webkit-animation: object 2s linear infinite -.4s;
	animation: object 2s linear infinite -.4s;
}
#object_three {
	-webkit-animation: object 2s linear infinite -.8s;
	animation: object 2s linear infinite -.8s;
}
#object_four {
	-webkit-animation: object 2s linear infinite -1.2s;
	animation: object 2s linear infinite -1.2s;
}
#object_five {
	-webkit-animation: object 2s linear infinite -1.6s;
	animation: object 2s linear infinite -1.6s;
}
 @-webkit-keyframes object {
 0% {left: 100px;top:0}
 80% {left: 0;top:0;}
 85% {left: 0;top: -20px;width: 20px;height: 20px;}
 90% {width: 40px;height: 15px;}
 95% {left: 100px;top: -20px;width: 20px;height: 20px;}
 100% {left: 100px;top:0;}
}
@keyframes object {
 0% {left: 100px;top:0}
 80% {left: 0;top:0;}
 85% {left: 0;top: -20px;width: 20px;height: 20px;}
 90% {width: 40px;height: 15px;}
 95% {left: 100px;top: -20px;width: 20px;height: 20px;}
 100% {left: 100px;top:0;}
}
/*页面加载动画*/

@media(min-width:1200px) { 
.container{ width:1200px;}
}
.head{ position:fixed; z-index:1000; left:0px; top:0px; width:100%; padding:0px 80px; background:rgba(255,255,255,0.9); text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.logo{ float:left; padding:15px 0px;}
.logo a{ display:block;}

.top-nav{ display:inline-block; float:right;  text-align:center;}
.head.hid .top-nav{ display:none;}
@media(max-width:992px) { .top-nav{ display:none;}
}
.top-nav li{ position:relative; z-index:2; display:inline-block; padding:30px 5px; }
.top-nav li>a{ position:relative; z-index:1; display:inline-block; padding:0px 25px;  font-size:15px; line-height:34px; color:#333; }
.top-nav li>a:after{ content:""; position: absolute;  z-index:-1;width: 0;height: 1px; bottom: 0px;right: 50%;background-color:#fff;transition:all .3s ease;}
.top-nav li>a:hover{ color:#21ad42; }
.top-nav li.on>a{ color:#fff; background:#21ad42; border-radius:40px;}
.top-nav li dl{ display:none; position:absolute; z-index:1; top:100%; left:0px; padding:10px 0px;width:auto; background:rgba(255,255,255,0.9); box-shadow:0px 6px 8px rgba(0,0,0,0.3); border-radius:0px 0px 4px 4px;}
.top-nav li dl a{ display:inline-block; width:100%; padding:0px 30px; line-height:36px; color:#333;white-space:nowrap;}
.top-nav li dl a:hover{ background:#fff;color:#21ad42; }


a.menu-button{display:none; float:right; box-sizing:border-box; padding:10px 0px; width:44px;height:62px; font-size:16PX; line-height:24px;  text-align:center;  color:#fff; background:url(../images/menu.png) no-repeat center;transition:all 0.4s linear;}
a.menu-button img{ height:24px; vertical-align:top; margin-left:8px; }
a.menu-button.show{display:inline-block;}
/* 菜单按钮 */


.menu-box{position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;overflow: hidden; 
  visibility: hidden;
   -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   transition:all 0.5s linear;
}
.menu-box.in {
  visibility: visible;
}
.menu-box .menu-bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
  background:rgba(0,0,0,0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.menu-box.in .menu-bg{
  background:rgba(0,0,0,0.3);
  opacity: 1;
  visibility: visible;
}
.menu-box .menu-body{ position:absolute; z-index:2; top:0px; right:0%; height:100%; width:400px; max-width:70%; padding:40px; text-align:center; background:#fff;
	transform:translate(100%,0px);
	transition:.4s cubic-bezier(.77,.18,.44,.96);
	transition-delay:.3s;
	overflow:hidden;
}
.menu-box.in .menu-body{
	transform:translate(0%,0px);
	transition:.4s cubic-bezier(.77,.18,.44,.96);
	overflow:hidden;
}
.menu-nav{ margin:5vh 0; color:#333;}
.menu-nav i{ font-size:36px;}
.menu-nav ul{ margin-top:20px;}
.menu-nav ul li{ display:inline-block; width:100%;}
.menu-nav ul li a{ position:relative; display:inline-block; width:100%; font-size:16px; line-height:80px; border-bottom:1px solid rgba(0,0,0,0.08);}
.menu-nav ul li.on a{ color:#21ad42;}
.menu-nav ul li a:after{ content:""; position: absolute;  z-index:1;width: 30px;height: 100%;bottom: 0px;left: 0%;background:url(../owl-carousel/right.png) left -40px  center no-repeat;transition-duration: .3s;}
.menu-nav ul li.on a:after,.menu-nav ul li a:hover:after{ content:""; position: absolute;  z-index:-1;background:url(../owl-carousel/right.png) left 0px  center no-repeat;transition-duration: .3s;}


a.menu-close{ position:relative;  display:inline-block; padding:0px 30px; font-size:16px; line-height:40px; color:#21ad42;border-radius:100px; border:1px solid #21ad42; background-size:24px;transition:all 0.35s linear;}
a.menu-close:hover { border:1px solid #fff;  color:#21ad42; }
a.menu-close:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 0%;bottom: 50%;left: 50%;background-color:#fff;border-radius:21px;transition:all .5s ease;}
a.menu-close:hover:after{ content:""; position: absolute;  z-index:-1;width: 102%;height: 102%;bottom: 0%;left: 0%;}

span.call{ display:inline-block; float:right; padding:0px 20px; background:#21ad42; font-size:14px; line-height:36px; color:#fff; border-radius:20px; margin:30px 0px 30px 10px;}
span.call img{ margin-right:6px;}
@media(max-width:1600px) { 
.head{  padding:0px 30px; background:rgba(255,255,255,0.9); }
.logo { padding:20px 0px;}
.logo a img{ height:52px;}
.top-nav li{ display:inline-block; padding:30px 5px; }
.top-nav li a{ position:relative; z-index:1; display:inline-block; padding:0px 16px;  font-size:14px; line-height:34px; color:#333;}
}
@media(max-width:1200px) {
span.call{ display:none;}
.logo { padding:15px 0px;}
.logo a img{ height:42px;}
.top-nav li{ display:inline-block; padding:24px 5px; }
.top-nav li a{ position:relative; z-index:1; display:inline-block; padding:0px 10px;  font-size:14px; line-height:24px; color:#333;}
.menu-nav ul li a{ position:relative; display:inline-block; width:100%; font-size:15px; line-height:60px; }
}
@media(max-width:992px) {
.head{ padding:0px 50px; background:rgba(255,255,255,1); }
.logo{ padding:10px 0px;}
.logo a img{ height:42px;}
.top-nav li a{ position:relative; z-index:1; display:inline-block; padding:0px 15px;  font-size:13px; line-height:28px; color:#333;}
}
@media(max-width:768px) {
.head{ padding:0px 15px;}
.logo a img{ height:34px;}
  a.menu-button{ height:54px; background-size:70%;}

.menu-nav ul li a{ position:relative; display:inline-block; width:100%; font-size:15px; line-height:50px;}	
}
/*折叠菜单*/
/* 头部样式修改 */

.index-title{ position:relative; z-index:1; text-align:center; margin-top:150px;}
.index-title .index-titlebg{ position:absolute; bottom:50%; left:0%; z-index:-1; width:100%; font-size:90px; line-height:1em; font-weight:bold; color:#fef4ee;text-transform:Uppercase;}
.index-title .index-titlebg.index-titlebg2{ color:rgba(85,206,68,0.3);}
@media(max-width:992px) {
.index-title .index-titlebg{ font-size:70px; }
}
@media(max-width:768px) {
.index-title { margin-top:60px;}
.index-title img{ height:18px;}
.index-title .index-titlebg{ font-size:30px;}
}



#index-s{ text-align:center; font-size:0px; margin-top:40px;}
#index-s li{ display:inline-block; font-size:16px;}
#index-s li a{ display:inline-block; padding:0px 30px; margin:0px 15px; line-height:42px; font-size:16px; color:#666; border:1px solid #eee; transition:all .3s ease; }
#index-s li.active a,#index-s li a:hover{ color:#21ad42; border:1px solid #21ad42;}

@media(max-width:768px) {
#index-s li{ width:48%; padding:1%;}
#index-s li a{ display:inline-block; width:100%; padding:0px 30px; margin:0px ; }

}
/* 配送服务 */
.index-a-text{ margin-top:40px; font-size:16px; line-height:1.75em; color:#333; text-align:center;}
@media(min-width:992px) {
.index-a-text{ padding-left:10%;padding-right:10%;}
}
/*关于我们*/

.index-zd{ background:url(../images/img-a-bg.jpg) center no-repeat; background-size:cover;}
@media(max-width:992px) {
.index-zd{ display:none;}
}
/**/
.index-about{ margin:90px auto;}
.index-about-img{ text-align:center;}

.index-about-text{ padding:30px 0px; font-size:14px; color:#333; line-height:28px; text-indent:28px;}
.index-about-text a{ display:inline-block; padding:0px 20px; font-size:14px; line-height:36px; color:#333; border:1px solid #e0e0e0; border-radius:6px; text-indent:0px; transition:all .3s;}
.index-about-text a:hover{color:#fff; border:1px solid #21ad42; background:#21ad42;}
@media(max-width:992px) {
.index-about{ margin:30px auto;}
.index-about-text{ padding:30px 10%; }
}
@media(max-width:992px) {
.index-about img{ max-width:80%;}
.index-about-text{ padding:30px 15px; }
}
/**/
.ex{width: 100%;margin:0 auto;}

.fsbanner, .fsbanner > div > span { 
	/* obrigatório */
	display:none; 
}
div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	width:100%;
	height:240px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
	border-radius:5px;
   -webkit-text-stroke: 1px black;
}


.fsbanner > div { 
	position:absolute; 
	background-size:auto 100%;
	cursor:pointer;
	top:0px; 
	left:0px;
}
/* 风琴褶 */
.index-solution-box{ background:url(../images/img-solution-bg.jpg) center no-repeat; background-size:cover;}
/*解决方案*/
footer{ padding:40px 0 0; margin:0px; color:#fff; background:#333; overflow:hidden;}
footer .foot-link{ border-bottom:1px solid rgba(255,255,255,.6); padding-bottom:20px;}
footer .foot-link a,footer .foot-link span,footer .foot-link img{ vertical-align:text-bottom;}
footer .foot-link a{ margin-right:10px; color:#fff;}
footer .foot-link a:hover{ color:#21ad42;}
footer .foot-nav{margin:50px 0 60px;}
footer ul{ float:left; margin-right:45px;}
footer ul ol{ padding:0px; margin-bottom:15px; font-size:15px; font-weight:bold;}
footer ul li{ max-width:180px; overflow:hidden; }
footer ul li a{ display:inline-block; width:100%;font-size:13px; line-height:24px; color:#fff;}
footer ul li a:hover{  color:#21ad42;}
footer ul li .foot-text-l{ float:left;}
footer .ewm img{ max-width:120px;}

footer .foot-bq{ padding:15px 0px; border-top:1px solid rgba(255,255,255,.6); }
footer .foot-bq a{ color:#fff; }
footer .foot-bq a:hover{ color:#21ad42; }

.at-share-tbx-element{ margin-bottom:40px;}
.at-share-tbx-element .at-share-btn{ border-radius:50% !important; background-color:#ccc !important;}
.at-share-tbx-element .at-share-btn .at-icon{ fill: rgb(0, 0, 0) !important;}
@media(max-width:1200px) {
footer ul{ float:left; margin-right:25px;}
footer ul li{ max-width:130px; overflow:hidden; }
footer ul li a{ font-size:12px; }
}
@media(max-width:992px) {
footer ul{ display:none;}
footer ul.foot-contact{ display:inline-block;}
footer ul li{ width:100%; max-width:100%; overflow:hidden; }
footer .ewm{ display:none;}
}
/*页脚*/
/* 首页end */

.inside-banner{ background-repeat:no-repeat; background-position:center; background-size:cover; height:300px; margin-top:96px;}
@media(max-width:1200px) {
.inside-banner{ margin-top:72px;}
}
@media(max-width:992px) {
.inside-banner{  height:220px; margin-top:62px;}
}
@media(max-width:768px) {
.inside-banner{  height:110px;  margin-top:54px;}
}
.path-box{margin:20px 0px;}
.path{ display:inline-block; float:left; line-height:30px; font-size:12px; }
.path a{ display:inline-block;  color:#333;}
.path a:hover{color:#21ad42;}
.path a:after{ content:">"; display:inline-block; margin:0px 6px; color:#999; transition-duration: .3s;}

#inside-nav{ float:right; display:inline-block; width:auto;  margin:0px; overflow:hidden; font-size:0px;}
#inside-nav .panel{ float:left; border:none; margin:0px;  background:none; box-shadow:none;}
#inside-nav .panel-heading{ display:none; width:100%; border-radius:0px; overflow:hidden;padding:0px; background:none;}
#inside-nav .panel-heading a{ position:relative; z-index:1; display:inline-block; width:100%; font-size:14px; line-height:38px; font-weight:bold; color:#fff; text-align:center; border:1px solid #f2f2f2; background:#21ad42; }
#inside-nav .panel-heading a.collapsed{ color:#333;  background:#fff; }
#inside-nav .panel-heading a:after{ content:"+"; position: absolute;  z-index:-1;width:38px;height: 38px;bottom: 0px; right: 0%; font-size:18px; font-weight:normal; color:#fff;transform:rotate(45deg); transition-duration: .3s;}
#inside-nav .panel-heading a.collapsed:after{ content:"+"; position: absolute;  z-index:-1;width:38px;height: 38px;bottom: 0px; right: 0%;font-size:18px;font-weight:normal; color:#999;transform:rotate(0deg); transition-duration: .3s;}

#inside-nav .panel-body{ border:none; padding:0px; margin:0px;}
#inside-nav .panel-body a{ display:inline-block; padding:0px 10px; font-size:12px; line-height:30px; color:#333;}
#inside-nav .panel-body a:hover{color:#21ad42;}
#inside-nav .panel-body a.on{ background:#21ad42; color:#fff;}

@media(max-width:768px) {
#inside-nav{ float:inherit; width:100%;}
.path{ display:none; float:left; line-height:30px; font-size:12px; }

#inside-nav .panel{ width:100%;}
#inside-nav .panel-heading{ display:inline-block; padding:0px 15px;}

#inside-nav .panel-collapse{ padding:0px 15px; margin-top:-1px;}
#inside-nav .panel-body{  border:1px solid #f2f2f2; padding:15px 0px; margin:0px;}
#inside-nav .panel-body a{ display:inline-block; width:100%; padding:0px 10px; font-size:12px; line-height:36px; color:#333; text-align:center;}
#inside-nav .panel-body a:hover{color:#21ad42;}
#inside-nav .panel-body a.on{ background:#f7f7f7;color:#21ad42;}
}
/*内页导航*/


#about1{ background:#fafafa; padding:30px 0px; line-height:24px;}
#about1 h3{ margin-bottom:30px;}
.about1-img{ float:right;}
@media(max-width:992px) {
.about1-img{ float:right; margin-top:76px;}
}
@media(max-width:768px) {
#about1 h3,#about1 .about1-img{ text-align:center;}
.about1-img{ float:right; margin-top:0px; margin-bottom:20px;}
}


.about2-title-box h3{ text-align:center; margin:50px 0px;}
.about2-list{ position:relative; z-index:1; color:#fff; margin-bottom:30px;  overflow:hidden;}
.about2-list .about2-img{ position:relative; z-index:1; background-size:cover; background-repeat:no-repeat; height:210px;}
.about2-list .about2-img:after{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;bottom: 0px;left: 0%;background-color:rgba(0,0,0,0.2);transition:all.3s;}
.about2-list:hover .about2-img:after{ content:""; position: absolute;  z-index:2;background-color:rgba(0,0,0,0.5);}
.about2-list .about2-title{ position:absolute; z-index:3; left:0px; top:50%; width:100%; height:auto; padding:0px 15px; text-align-last:center; transform:translate(0px,-50%);transition:all .4s ease;   }
.about2-list:hover .about2-title{ position:absolute; z-index:3; left:0px; top:0%; width:100%; height:auto; padding:0px 15px; text-align-last:center; transform:translate(0px,-100%);}
.about2-list .about2-text{ position:absolute; z-index:3; left:0px; top:100%; width:100%; height:auto; padding:0px 35px; line-height:24px; transform:translate(0px,0%);transition:all .4s ease;  }
.about2-list:hover .about2-text{ position:absolute; z-index:3; left:0px; top:50%;  transform:translate(0px,-50%);  }
@media(max-width:768px) {
	
.about2-list .about2-img:after{ content:""; position: absolute;  z-index:2; display:none;}
.about2-list .about2-img{ position:relative; z-index:1; background-color:rgba(0,0,0,0.2); background-size:cover; background-repeat:no-repeat; height:160px;}
.about2-list .about2-title{ position:static; z-index:3; left:auto; top:auto; width:100%; height:auto; padding:0px; margin-top:20px; color:#333; text-align-last:left; transform:translate(0px,0%);transition:all .4s ease;   }
.about2-list:hover .about2-title{ position:static; z-index:inherit; left:auto; top:auto; width:100%; height:auto; padding:0px; color:#333; text-align-last:left; transform:translate(0px,0%);   }
.about2-list .about2-text{ position:static; z-index:inherit; left:auto; top:auto; width:100%; height:auto; padding:0px; line-height:22px; color:#666;transform:translate(0px,0%);transition:all .4s ease;  }
.about2-list:hover .about2-text{ position:static; z-index:inherit; left:auto; top:auto; transform:translate(0px,0%);transition:all .4s ease;  }

}

.about3-title{ margin:10px 0px;}
.about3-img{ margin-bottom:40px;}
.about3-text{ margin-bottom:40px;}
/*企业简介*/

.inside-title{ line-height:1.5em; margin-bottom:30px; text-align:center;}

.fzlc{ position:relative; z-index:1; margin-bottom:40px; overflow:hidden;}
.fzlc:after{ content:""; position: absolute;  z-index:-1;width: 6px;height: 100%;bottom: 0px;left: 50%; margin-left:-3px; background-color:#292f3b;}
.fzlc li{ overflow:hidden; margin:40px 0px;}
.fzlc li>div{ padding:0px 60px;}
.fzlc li .fzlc-text{position:relative; z-index:1; padding:18px 15px;border-radius:6px; background:#fff; text-align:right;}
.fzlc li .fzlc-text:after{ content:""; position: absolute;  z-index:1;top:0%;left: 100%; margin-left:60px; width:56px;height:56px;transform:translate(-50%,0px);}
.fzlc li .fzlc-text:before{ content:""; position: absolute;  z-index:-1;top:27px;left: 100%;width:30px;height: 0%; }

.fzlc li .fzlc-time{ position:relative; z-index:1; padding:16px 0px; font-size:18px; line-height:26px; }

.fzlc li:nth-child(Odd)>div{ float:right;}
.fzlc li:nth-child(even) .fzlc-text{ text-align:left;}
.fzlc li:nth-child(even) .fzlc-text:after{ content:""; position: absolute;  z-index:1;top:0%; left:auto; right: 100%; margin-right:60px; width:56px;height:56px;transform:translate(50%,0px);}
.fzlc li:nth-child(even) .fzlc-text:before{ content:""; position: absolute;  z-index:-1; left:auto; right: 100%;}
.fzlc li:nth-child(even) .fzlc-time{ text-align:right; }

.fzlc li:nth-child(1) .fzlc-text:after{ background:url(../images/img-course1.jpg) center no-repeat; }
.fzlc li:nth-child(1) .fzlc-text:before{border-top:2px dashed #fe4f16;}
.fzlc li:nth-child(1) .fzlc-time{ color:#fe4f16;}
.fzlc li:nth-child(2) .fzlc-text:after{ background:url(../images/img-course2.jpg) center no-repeat; }
.fzlc li:nth-child(2) .fzlc-text:before{border-top:2px dashed #00a1e4;}
.fzlc li:nth-child(2) .fzlc-time{ color:#00a1e4;}
.fzlc li:nth-child(3) .fzlc-text:after{ background:url(../images/img-course3.jpg) center no-repeat; }
.fzlc li:nth-child(3) .fzlc-text:before{border-top:2px dashed #f3ac14;}
.fzlc li:nth-child(3) .fzlc-time{ color:#f3ac14;}
.fzlc li:nth-child(4n) .fzlc-text:after{ background:url(../images/img-course4.jpg) center no-repeat; }
.fzlc li:nth-child(4n) .fzlc-text:before{border-top:2px dashed #96bc33;}
.fzlc li:nth-child(4n) .fzlc-time{ color:#96bc33;}
.fzlc li:nth-child(4n+1) .fzlc-text:after{ background:url(../images/img-course1.jpg) center no-repeat; }
.fzlc li:nth-child(4n+1) .fzlc-text:before{border-top:2px dashed #fe4f16;}
.fzlc li:nth-child(4n+1) .fzlc-time{ color:#fe4f16;}
.fzlc li:nth-child(4n+2) .fzlc-text:after{ background:url(../images/img-course2.jpg) center no-repeat; }
.fzlc li:nth-child(4n+2) .fzlc-text:before{border-top:2px dashed #00a1e4;}
.fzlc li:nth-child(4n+2) .fzlc-time{ color:#00a1e4;}
.fzlc li:nth-child(4n+3) .fzlc-text:after{ background:url(../images/img-course3.jpg) center no-repeat; }
.fzlc li:nth-child(4n+3) .fzlc-text:before{border-top:2px dashed #f3ac14;}
.fzlc li:nth-child(4n+3) .fzlc-time{ color:#f3ac14;}

@media (max-width: 768px){
.fzlc:after{ content:""; position: absolute;  z-index:-1;width: 6px;height: 100%;bottom: 0px;left: 28px; background-color:#292f3b;}
.fzlc li>div{ padding:0px 15px 0px 56px;}

.fzlc li .fzlc-text{position:relative; z-index:1; padding:18px 15px 18px 50px;border-radius:6px; background:#fff; text-align:left;}
.fzlc li .fzlc-text:after{ content:""; position: absolute;  z-index:1;top:0%;left: 0%; margin-left:0px; transform:translate(-100%,0px);}
.fzlc li .fzlc-text:before{ content:""; position: absolute;  z-index:-1;top:27px;left: 0%;width:30px;height: 0%; }
.fzlc li .fzlc-time{ position:relative; z-index:1; padding:16px 0px 0px 50px; font-size:18px; line-height:26px; }

.fzlc li:nth-child(even) .fzlc-text{ text-align:left;}
.fzlc li:nth-child(even) .fzlc-text:after{ content:""; position: absolute;  z-index:1;top:0%; left:0px; right: auto; margin-right:0px; transform:translate(-100%,0px);}
.fzlc li:nth-child(even) .fzlc-text:before{ content:""; position: absolute;  z-index:-1; left:0; right: auto;}
.fzlc li:nth-child(even) .fzlc-time{ text-align:left; }

}
/*发展历程*/

.fancybox-img { display:block; text-align:center; overflow:hidden;}
.fancybox-img img{ transform:scale(1); transition:all .4s ease;   }
.fancybox-img:hover img{ transform:scale(1.1); }
.fancybox-img p{ margin:15px 0px;color:#666;}
.fancybox-img:hover p{ margin:15px 0px;color:#21ad42;}

.honor-text p{ text-align:center; padding:0px 5%; margin-bottom:30px; font-size:14px; line-height:24px;}
@media (max-width: 768px){
.honor-text p{ padding:0px;}
}
/*企业风采&荣誉*/

.inside-culture2box{ position:relative; z-index:1; padding:40px 0px 50px; margin-bottom:30px; background:url(../images/img-culture-bg.jpg) center no-repeat; background-size:cover; }
.inside-culture2box:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background:rgba(0,0,0,0.6);}
.inside-culture2box .inside-title{ color:#fff;}
.inside-culture2{ padding:0px 20%;  color:#fff; text-align:center; }
@media (max-width: 992px){
.inside-culture2{ padding:0px 10%;  }
}
@media (max-width: 768px){
.inside-culture2{ padding:0px 15px;  }
}


#marquee1{width:100%; margin-bottom:50px; overflow:hidden; }
#marquee1 ul{float:left;}
#marquee1 li{float:left;display:inline; margin:5px; overflow:hidden;}
#marquee1 li a{ display:inline-block; width:auto; }
#marquee1 li img{ width:auto; height:200px;}
#marquee1 li span{ display:block; width:100%; font-size:14px; line-height:40px; color:#333; text-align:center;}

#marquee2.marqueeleft-company{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;}
#marquee2.marqueeleft-company li{  margin:0px 0px 0px -1px;border:1px solid #ebebeb;}
/*关于我们*/

/*企业文化*/
@media (min-width: 992px){
.zr-box{ padding:0px 60px}
}
.zr{ padding:50px 0px;}
.zr h4,.zr-box h4{ margin:15px 0px; font-size:22px;}
.zr p{ line-height:1.75em;}

.zr:nth-child(Odd){background:#fff;}
.zr:nth-child(Odd) .zr-img{ float:right;}
.zr:nth-child(even){background:#f7f7f7;}
@media (max-width: 768px){
.zr{ padding:40px 0px 30px;}
.zr h4{ margin:30px 0px 15px;}
}
/*企业责任*/


#ps-button{ text-align:center; margin:50px 0px; font-size:0px;}
#ps-button li{ display:inline-block; width:auto; padding:0px 10px;}
#ps-button li a{ display:inline-block; padding:0px 30px; font-size:14px; line-height:36px; color:#333; }
#ps-button li a:hover{ color:#21ad42; }
#ps-button li.active a{color:#fff; background:#21ad42; }

@media (max-width: 992px){
.ps-img-l{ display:none;}
}

.scps-ld{ position:relative; z-index:1; padding:40px 0px; margin:40px 0px; background:url(../images/img-scps-bg.jpg) center no-repeat; background-size:cover;}
.scps-ld:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background:rgba(255,255,255,.8);}
.scps-ld-text{ margin-bottom:40px;}
.scps-ld-list{ text-align:center; margin-bottom:60px;}
.scps-ld-list>div{ position:relative; z-index:1; padding:30px; border-left:1px solid #21ad42;border-right:1px solid #21ad42;border-bottom:1px solid #21ad42;}
.scps-ld-list>div h4{ position:absolute; top:0px; left:0px; margin:-15px 0px 0px; display:inline-block; width:100%; font-size:30px; color:#21ad42; line-height:30px; background:url(../images/icon-scps-ld-bg.png) center no-repeat;}
/*食材配送*/

.jcjg-r{ float:right;} 
.jcjg-l{ padding:50px 15px;} 

.jcjg-xz{ background:url(../images/img-jcjg2.jpg) center no-repeat; background-size:cover; color:#fff; padding:40px 0px 50px; margin:40px 0px;}
/*净菜加工*/

.dzsw-r{ margin-bottom:50px; text-align:center;}
.dzsw-l{ margin-bottom:30px;}
.dzsw-l b{ display:inline-block; font-size:20px; margin-bottom:5px;}
.dzsw-l div{ display:inline-block; text-align:center;}
@media (min-width: 768px){
.dzsw-r{ float:right}
.dzsw-l{ padding:20px 40px;}
}
@media (min-width: 1200px){
.dzsw-r{ float:right}
.dzsw-l{ padding:40px 120px;}
}

@media (max-width: 768px){
.dzsw-r img{ max-width:80%;}
.dzsw-l { text-align:center;}
}
/*电子商务*/
.inside-s-lc-list { margin:30px 0px 50px;}
.inside-s-lc-list img{ max-width:60%;}
.inside-s-lc-list b{ display:inline-block; width:100%; font-size:18px}

.inside-s-dj-list{ position:relative; z-index:1; margin:15px 0px; overflow:hidden;}
.inside-s-dj-list:after{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;top: 0px;left: 0%;background:rgba(0,0,0,0.5);transition:all .4s;}
.inside-s-dj-list img{transform:scale(1); transition:all .4s;}
.inside-s-dj-list:hover img{transform:scale(1.1);}
.inside-s-dj-list p{ content:""; position: absolute;  z-index:3; display:inline-block; box-sizing:border-box; padding:0px 15px; width: 100%;top: 50%;left: 0%; font-size:16px; color:#fff;transform:translate(0px,-50%);transition:all .4s;transition-delay: 0.2s;}
.inside-s-dj-list:hover:after{ content:""; position: absolute;  z-index:2;top: -100%;background:rgba(0,0,0,0);transition-delay: 0.2s;}
.inside-s-dj-list:hover p{ content:""; position: absolute;  z-index:3;top: -100%;transform:translate(0px,0%);transition:all .3s;}

.solution-sh{ margin:20px 0px;}
.solution-sh img{ max-width:80%; }
/*解决方案*/

.inside-case{ padding:10px;}
.inside-case>li{ padding:5px;}
.inside-case>li a{ display:block; border:1px solid #ebebeb; text-align:center;}

.ly{ display:inline-block; width:100%; max-width:320px;}
.ly li{ text-align:left; margin-bottom:20px;}
.ly input{ display:inline-block; box-sizing:border-box; padding:0px 10px; width:100%; border:1px solid #e0e0e0; font-size:14px; line-height:32px;}
.ly textarea{ display:inline-block; box-sizing:border-box; padding:10px; width:100%; height:180px; border:1px solid #e0e0e0; font-size:14px; line-height:22px;}
.ly li.submit-box{ text-align:center;}
.ly .submit{ display:inline-block; padding:0px 30px; font-size:14px; line-height:36px; color:#fff; border-radius:4px; background:#21ad42;transition:all .3s;}
.ly .submit:hover{  background:#f37022;}
/* 解决方案-合作案例 */


.fa-zf li{ position:relative; z-index:1; overflow:hidden;}
.fa-zf li p{ margin:0px;}
.fa-zf li:last-child{ margin-bottom:60px;}
.fa-zf li .fa-zf-text{ display:none; padding:20px 0px; text-align:center;}
.fa-zf li .fa-zf-text h4{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.fa-zf li .fa-zf-text span{ font-size:14px; line-height:28px;}

.fa-zf li .fa-zf-text2{ padding:40px 15px; text-align:center;}
.fa-zf li .fa-zf-text2 h4{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.fa-zf li .fa-zf-text2 span{ font-size:14px; line-height:28px;}

@media (min-width: 768px){
.fa-zf li img{ width:50%;}
.fa-zf li:nth-child(Odd) img{ float:right;}
.fa-zf li .fa-zf-text{ position:absolute; display:block; z-index:2; left:0px; top:50%; width:50%; padding:50px;transform:translate(0px,-50%);}
.fa-zf li:nth-child(even) .fa-zf-text{ position:absolute; z-index:2; left:auto; right:0;}

.fa-zf li .fa-zf-text2{   width:50%; height:100%; padding:40px; background:#21ad42; color:#fff; opacity:0;transform:translate(0px,-100%);transition:all .3s;}
.fa-zf li:nth-child(Odd) .fa-zf-text2{position:absolute; z-index:3;top:50%; left:0px;}
.fa-zf li:nth-child(even) .fa-zf-text2{position:absolute; z-index:3; top:50%; right:0;}
.fa-zf li:hover .fa-zf-text2{opacity:1;transform:translate(0px,-50%);}
.fa-zf li .fa-zf-text2>div{ width:100%; height:100%; padding-right:10px; overflow: auto;}
}
@media (min-width: 992px){
.fa-zf li .fa-zf-text h4{ font-size:22px; }
.fa-zf li .fa-zf-text2 h4{ font-size:22px; }
}
/*解决方案-政府*/

.inside-s{  overflow:hidden;}
.inside-s li{ display:inline-block; box-sizing:border-box; float:left; width:20%; padding:17px 10px; text-align:center;}
.inside-s li a{position:relative; z-index:1; display:inline-block; padding:20px; width:100%; background:#f7f7f7;}
.inside-s li a span{ display:inline-block; width:100%; margin:15px 0px 0px;}
.inside-s li.active a{ display:inline-block;  background:#21ad42; color:#fff;}
.inside-s li.active a:after{ content:""; position: absolute;  z-index:-1;width: 35px;height: 17px; top: 100%;left: 50%; margin-left:-18px; background:url(../images/icon-gc-on.png) center no-repeat;}

.inside-s-body{ margin:50px 0px 60px;}
.inside-s-body .tab-pane{ padding:40px; background:#f7f7f7;}
@media (max-width: 992px){
.inside-s li a{position:relative; z-index:1;  padding:10px;}
}
@media (max-width: 768px){
.inside-s li{ display:inline-block; box-sizing:border-box; float:left; width:50%; padding:5px 10px;}
.inside-s li a img{display:none;}
.inside-s li a span{ display:inline-block; width:100%; margin:0px;}
.inside-s li.active a:after{ display:none;}
}
/*工厂*/

.fa-xx{ position:relative; }
h4.fa-xx-title{ font-size:18px; font-weight:bold; color:#21ad42; margin-bottom:15px;}

.fa-xx-l{ margin-bottom:40px;}
.fa-xx-r{}
@media (min-width: 768px){
.fa-xx-l{ float:left; width:50%;}
.fa-xx-r{ position:absolute; right:0px; top:50%; z-index:2; width:50%; padding:30px;transform:translate(0px,-50%);}
}

.fa-xx-banner{ margin:40px 0px;}
.fa-xx-banner2{ background:url(../images/img-fa-xx8.jpg) center no-repeat; background-size:cover; color:#fff; font-size:14px; line-height:24px; padding:20px 15px; margin:40px 0px;}
@media (min-width: 768px){
.fa-xx-banner2{ padding:40px 10%;}
}
.fa-xx-last{ margin-bottom:60px; text-align:center;}

@media (min-width: 768px){
.fa-xx-last{ padding:0px 20%;}
}
/*学校*/


.news-hot{ padding:30px 15px; border:1px solid #ebebeb; overflow:hidden; margin-bottom:30px;}
.news-hot-img a{ position:relative; display:block;}
.news-hot-img a span{ position:absolute; left:0px; bottom:0px; display:block; padding:0px 25px; font-size:16px; color:#fff; line-height:36px; background:rgba(33,173,66,0.5);}
.news-hot-text .news-title{ display:inline-block; width:100%; font-size:18px; line-height:30px; color:#333;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-hot-text .news-title:hover{ color:#21ad42;}
.news-hot-text p{ margin-top:40px; font-size:14px; line-height:24px; display: block; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-hot-text a.more{ display:inline-block; padding:0px; font-size:14px; line-height:36px; color:#333; margin-top:40px;transition:all .3s; }
.news-hot-text a.more:hover{  padding:0px 25px; color:#fff; background:#21ad42;}
@media (max-width:1200px){
.news-hot-text p{ margin-top:20px; }
.news-hot-text a.more{  margin-top:20px; }
}
@media (max-width:992px){
.news-hot-text a.more{  margin-top:10px; }
}
@media (max-width:768px){
.news-hot-img a{ margin-bottom:10px;}
}

.news-list li{ position:relative; z-index:1; display:inline-block; width:100%; font-size:0px; transition:all .3s;}
.news-list li:hover{ background:#f7f7f7;}
.news-list li a{ display:inline-block; box-sizing:border-box; padding: 0px 80px 0px 20px; width:100%; font-size:14px;line-height:50px; color:#333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-list li a:after{ content:">"; position: absolute;  z-index:2;top: 0px;left:4px; color:#666;}
.news-list li:hover a{ color:#21ad42;}
.news-list li span{ position:absolute; top:0px; right:0px; display:inline-block; font-size:12px;line-height:50px; color:#999;}
@media (max-width:768px){
.news-list li{ border-bottom:1px dashed #ebebeb;}
.news-list li a{padding: 0px 80px 0px 0px; line-height:40px; }
.news-list li a:after{ display:none;}
.news-list li span{ line-height:40px; }
}
/* 新闻列表 */


.news-top{ text-align:center; border-bottom:1px solid #ebebeb; padding-bottom:10px;}
.news-top h3{ font-size:24px; margin:10px 0px;}
.news-top span{ font-size:12px; color:#999;}
.news-body{ margin:30px 0px;}

.news-tj>div{ background:#fafafa; padding:30px;}
.news-tj p{ font-size:18px; margin-bottom:0px;}
.news-tj li { border-bottom:1px dashed #ebebeb; padding:10px 0px; margin-top:10px;}
.news-tj li .news-tjtitle{ display:inline-block; width:100%; font-size:14px; color:#666;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-tj li .news-tjtext{ margin-bottom:20px; width:100%; font-size:13px; color:#999; display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-tj li a:hover{ color:#21ad42;}
.news-tj li span{ font-size:12px; color:#999;}
@media (max-width:1200px){
.news-tj>div{ background:#fafafa; padding:25px 20px;}
}
@media (max-width:992px){
.news-tj{ display:none;}
}

.news-page{ margin-bottom:40px; overflow:hidden; }
.news-page p,.news-page a{ display:inline-block; box-sizing:border-box; float:left; padding:0px 10px; width:50%; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.news-page p:nth-child(2),.news-page a:nth-child(2){ text-align:right;}
.news-page a:hover{ color:#e50012;}
.news-page span{color:#999;}


/*新闻详情*/
.pagination{ margin:30px 0px;}
.pagination>li>a{ color:#666;}
.pagination>li>a:hover{ color:#21ad42; background:#f7f7f7;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ color:#fff; background:#21ad42; border-color:#21ad42;}
/*翻页按钮*/

.news-page{ overflow:hidden; }
.news-page p,.news-page a{ display:inline-block; box-sizing:border-box; float:left; padding:0px 10px; width:50%; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.news-page p:nth-child(2),.news-page a:nth-child(2){ text-align:right;}
.news-page a:hover{ color:#e50012;}
.news-page span{color:#999;}
/*新闻详情底部翻页*/

.join-td-l{ margin:40px 0px; text-align:right;}
.join-td-r{ margin:40px 0px; text-align:left;}
.join-td-l img{transform:translate(40px,0%);}
.join-td-r img{transform:translate(-40px,0%);}
/*人才理念*/

.join-list-box{ margin-bottom:40px;}
.join-list-box li{ padding:15px 0px;}
.join-list-box li:nth-child(Odd){ background:#fff;}
.join-list-box li:nth-child(even){ background:#fbfbfb;}
.join-list-box li:hover{ background:#f0f0f0;}

.join-list{ margin:0px;}
.join-list .panel-default{ border:none;box-shadow:none;}
.join-list .panel-heading{ border:none; background:none; box-shadow:none;}
.join-list .panel-default{ background:none;}

.join-list .panel-heading a{ position:relative; z-index:1; display:block; padding-right:30px; color:#333; }
.join-list .panel-heading a:after{ content:"+"; position: absolute;  z-index:-1; top: 0px;right: 0%; font-size:32px; color:#21ad42; font-weight:normal;transform:rotate(45deg); transition:all .3s;}
.join-list .panel-heading a.collapsed:after{ content:"+"; position: absolute;  z-index:-1; top: 0px;right: 0%;transform:rotate(0deg); color:#333; }
.join-list .panel-heading a p{ font-size:18px; color:#21ad42;}
.join-list .panel-heading a span{ display:inline-block; max-width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.join-list .panel-body{ background:#fafafa; padding:30px;}
/*社会招聘*/

.pp-l img{ max-width:80%;}
.pp-r h4{ font-size:20px; }

@media (min-width:768px){
.pp-l,.pp-r{ margin:30px 0px;}
.pp-r{ padding:60px 15px 0px 30px; text-align:left;} 
}

.pp-ys{ background:url(../images/img-join-ppjm.jpg) center bottom 30px no-repeat; background-size:360px auto;}
.pp-ys li{ position:relative; z-index:1; }
.pp-ys li:nth-child(Odd){ padding:50px 80px 50px 30px;}
.pp-ys li:nth-child(even){ padding:50px 30px 50px 80px;}
.pp-ys li p{ position:relative; z-index:1; font-size:15px; line-height:24px; margin:0px;}
.pp-ys li:nth-child(Odd) p{ padding-left:60px; text-align:left;}
.pp-ys li:nth-child(even) p{ padding-right:60px; text-align:right;}
.pp-ys li:nth-child(Odd) p:after{ content:""; position: absolute;  z-index:-1;width: 45px;height: 28px;top: 0px;left: 0%; background:url(../images/img-join-pp2.jpg) center no-repeat;transition-duration: .3s;}
.pp-ys li:nth-child(even) p:after{ content:""; position: absolute;  z-index:-1;width: 45px;height: 28px;top: 0px;right: 0%;background:url(../images/img-join-pp2.jpg) center no-repeat;transition-duration: .3s;}
@media (max-width:1200px){
.pp-ys{ background:url(../images/img-join-ppjm.jpg) center bottoms no-repeat; background-size:300px auto; }
.pp-ys li:nth-child(Odd){ padding:50px 80px 50px 15px;}
.pp-ys li:nth-child(even){ padding:50px 15px 50px 80px;}

}
@media (max-width:992px){
.pp-ys{ background:none; }
.pp-ys li:nth-child(Odd){  padding:20px 20px;}
.pp-ys li:nth-child(even){  padding:20px 20px;}
.pp-ys li:nth-child(even) p{ padding-right:0px; text-align:left;padding-left:60px;}
.pp-ys li:nth-child(even) p:after{ content:""; position: absolute;  z-index:-1;width: 45px;height: 28px;top: 0px;right:auto; left:0px;background:url(../images/img-join-pp2.jpg) center no-repeat;transition-duration: .3s;}

}
@media (max-width:768px){
.pp-ys li{ position:relative; z-index:1; padding:15px 15px; border-bottom:1px dashed #ebebeb;}
}

.pp-fc li{ margin:15px 0px;}

.join-rh{background:url(../images/img-join-rhbg.jpg) center no-repeat; background-size:cover; margin:40px 0px; padding:40px 0px;}
.join-rh h3{ color:#fff;}
.join-rh-list{ }
.join-rh-list li{ margin:20px 0px;text-align:center;}
.join-rh-list li span{ display:inline-block; position:relative; z-index:1;color:#fff; font-size:16px; line-height:16px; }
.join-rh-list li span:before{ content:""; display:inline-block; width:16px;height:16px; margin-right:10px; border-radius:50%; border:1px solid #fff; vertical-align:text-bottom;}
@media (max-width:768px){
.join-rh-list li{ text-align:left;}
}
/* 品牌加盟 */

.gys-banner{ background-position: center; background-repeat:no-repeat; background-size:cover; height:200px; margin-top:10px; margin-bottom:40px;}
@media (max-width:992px){
.gys-title{ font-size:18px;}
.gys-banner{ height:120px;}
}
@media (max-width:768px){
.gys-banner{ height:80px;}
}

.gys-zy{ } 
.gys-zy li{ position:relative; display:inline-block; float:left; width:46%; padding:20px 40px 20px 90px; margin-bottom:15px; background:#eeeeee;transition:all .4s;   }
.gys-zy li:hover{ width:48%; background:#f7f7f7;}
.gys-zy li:nth-child(even){ float:right;}

.gys-zy li img{ position:absolute; left:20px; top:30px; z-index:2; }
.gys-zy li h4{ position:relative; display:inline-block; margin-bottom:35px; }
.gys-zy li h4:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 1px;bottom: -15px;left: 0%;background-color:#21ad42;}

@media (max-width:768px){
.gys-zy li{  float:left; width:100%; padding:20px 20px 20px 90px; margin-bottom:15px; background:#eeeeee;}
.gys-zy li:hover{ width:100%; background:#f7f7f7;}
}

.gys-rz{ background:url(../images/img-gys-rz.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:20px; margin:40px 0px;}

#marquee2{width:100%; margin-bottom:50px; overflow:hidden; }
#marquee2 ul{float:left;}
#marquee2 li{float:left;display:inline; margin:2px; overflow:hidden;}
#marquee2 li img{ width:auto; height:130px;}
/*关于我们*/
.gys-hz-box{ padding-top:40px; margin-bottom:40px;}
.gys-hz{ position:relative; display:inline-block;height:250px; transition:all .4s;}
.gys-hz:after{ content:""; position: absolute;  z-index:3;width: 100%;height: 100%;bottom: 0px;left: 0%;background:rgba(0,0,0,0.6);transition:all .4s;}
.gys-hz>div{ position:absolute; bottom:0px; left:0px; z-index:2; display:inline-block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all .4s;}
.gys-hz p{ position:absolute; left:0px; top:50%; z-index:4; display:inline-block; width:100%; padding:20px; font-size:18px; line-height:1.75em; text-align:center; color:#fff;transform:translate(0px,-50%);}

@media (max-width:998px){
.gys-hz{ height:200px; transition:all .4s;}
.gys-hz p{ font-size:16px; }
}
@media (min-width:768px){
.gys-hz.on>div,.gys-hz:hover>div,.gys-hz.on:after,.gys-hz:hover:after{  height:115%; }
}
/*供应商合作*/

.join-cf{ margin:15px 0px;}
.join-cf div{ position:relative; overflow:hidden;}
.join-cf div:after{ content:""; position: absolute; z-index:2;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(0,0,0,0.7);opacity:1; transition:all .4s;}
.join-cf div p{ content:""; position: absolute; z-index:3;top: 50%;left: 0%;width: 100%; padding:20px; margin:0px; font-size:16px; text-align:center; color:#fff;opacity:1;transform:translate(0px,-50%); transition:all .4s;}
.join-cf:hover div:after{ opacity:0;}
.join-cf:hover div p{ opacity:0;}

/*事业合作*/

.contant{ font-size:16px; text-align:center; margin-bottom:20px;}
.contant img{ margin-bottom:20px; line-height:1.75em;}
.contant a{ display:inline-block; max-width:100%;word-break: break-all; word-wrap:break-word;  color:#333;}
.contant a:hover{ color:#21ad42;}
@media (min-width:768px){
.contant a:hover{ color:#21ad42;}
}

.contact2{background:#f7f7f7; margin-top:40px; padding:20px 0px 40px;}
.contact2-list{position:relative; padding-left:90px; margin-bottom:30px;}
.contact2-list>img{ position:absolute; left:18px; top:0px; z-index:1;}
.contact2-list p{ font-size:18px;}
.contact2-list span{ display:block; color: #333;}
.contact2-list span a{ display:inline-block; color: #333;}
.contact2-list span a:hover{ color: #21ad42;}


#map{height:400px;width:100%; clear:both;}
#map label{ max-width:inherit;}
#map img{max-width:inherit;}
@media (min-width:992px){
.inside-contact-banner{ height:400px;}
.map{ position:absolute; z-index:2; top:0px;left:0px; width:100%;}

.contact-ly{ width:320px;}
.contact-ly .contact-title{ display:none;}
.contact-ly { position:absolute; right:50%; top:0px; z-index:3; margin-right:-485px; padding-top:95px; height:100%; background:rgba(0,0,0,.5);}
.contact-ly li{ padding:0px 30px; margin-bottom:13px;}
.contact-ly p{ display:none;}
.contact-ly input,.contact-ly textarea{ background:none; color:#fff;}
.contact-ly textarea{ height:120px; background:none;}
.contact-ly input::-webkit-input-placeholder,.contact-ly textarea::-webkit-input-placeholder { color: #ccc; } 
}
@media (min-width:1200px){
.contact-ly { position:absolute; right:50%; top:0px; z-index:3; margin-right:-485px; padding-top:115px; height:100%; background:rgba(0,0,0,.5);}
}
@media (max-width:992px){
.contact-ly { text-align:center; padding:40px 0px;}
.contact-ly .ly{ display:inline-block; text-align:left; padding:0px 15px;}
.contact-ly input::-webkit-input-placeholder,.contact-ly textarea::-webkit-input-placeholder { color: #fff; } 
}
/*联系方式*/

.fgs{ position:relative;}
.dw{ position:absolute; z-index:1;}
.dw .dw-box a{ position:relative; z-index:1; text-align:center;}
.dw .dw-box .dw-button{ position:absolute; z-index:-1; bottom:0px; top:0px; font-size:14px; line-height:1em;white-space:nowrap;}
.dw .dw-box .dw-button img{ margin:4px; }
.dw:hover .dw-box .dw-button span{ color:#21ad42;}

.dw .dw-box .dw-company{ position:absolute; z-index:2; bottom:100%; right:100%; display:inline-block; padding:0px 20px; font-size:14px; line-height:36px; color:#333; white-space:nowrap; background:#f7f7f7; box-shadow:0 0 6px rgba(0,0,0,0.2);}

.dw1{ top:84.9%; left:74%;}
.dw2{ top:83.2%; left:73.2%;}
.dw3{ top:81.4%; left:71.2%; }
.dw4{ top:86.2%; left:69.2%; }
.dw5{ top:83.4%; left:67.2%; }
.dw6{ top:70.5%; left:70.0%; }
.dw7{ top:64.5%; left:71.0%; }
.dw8{ top:58.5%; left:78.0%; }
.dw9{ top:59.5%; left:82.0%; }
.dw10{ top:57.5%; left:83.6%; }
.dw11{ top:60.3%; left:85.6%; }
.dw12{ top:62.5%; left:83.2%; }
@media (min-width:1200px){
.fgs{ width:80%; margin:auto;}
}

.wap-map{ margin-bottom:40px;}
@media (min-width:992px){
.wap-map{ display:none;}
}
/*分公司入口*/
.fgs-title-box{ font-size:15px; margin:20px 0px;}
.fgs-title{ color:#91b22d;}
.fgs-title-box p{ margin:0px;}

.fgs-call-box{ margin:20px 0px; text-align:right;}
.fgs-call-box img{vertical-align:text-top; }
.fgs-call-box span{ display:inline-block; float:right; margin-left:10px; font-size:28px; color:#f28109; line-height:35px; line-stacking:5px; text-align:left;}
.fgs-call-box small{ font-size:24px; color:#91b22d;line-height:24px;line-stacking:0px;}

.fgs-banner{ position:relative; margin:20px 0px 0px;}
.fgs-banner div{ height:260px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fgs-banner h3{ position:absolute; top:50%; left:0px; z-index:2; display:inline; width:100%; font-size:40px; margin:0px; transform:translate(0px,-50%); text-shadow:0px 6px 12px rgba(0,0,0,1); color:#fff; text-align:center;}
@media (max-width:768px){
.fgs-title-box{margin:10px 0px;}
.fgs-call-box{margin:10px 0px;text-align:left;}
.fgs-call-box img{ float:left; height:56px;}
.fgs-call-box span{ display:inline-block; float:none; margin-left:10px; font-size:22px; color:#f28109; line-height:30px;  text-align:left;}
.fgs-call-box small{ font-size:22px; color:#91b22d;}

.fgs-banner div{ height:220px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fgs-banner h3{ display:inline-block; width:100%; padding:0px 60px;  font-size:22px; line-height:30px;}
.fgs-banner h3 span{ display:block;}
}
.fgs-jj{ background:#fafafa; overflow:hidden; margin-bottom:30px;}
.fgs-jj-l{ padding:60px;}
.fgs-jj-l h3{ margin-bottom:40px;}
.fgs-jj-r{ padding:15px;}
@media (max-width:1200px){
.fgs-jj-l{ padding:30px;}
.fgs-jj-l h3{ margin-bottom:30px;}
}
@media (max-width:992px){
.fgs-jj-l{ padding:30px;}
.fgs-jj-l h3{ margin-bottom:20px;}
}
@media (max-width:992px){
.fgs-jj-r{ display:none;}
}
.inside-s-fwbox{ overflow:hidden;}

.fgs-contact{ background:#f7f7f7; width:100%; padding:40px; min-height:180px; margin-bottom:30px;}
.fgs-contact img{ float:left; margin-right:20px; }
.fgs-contact p{ font-size:16px;}

/*分公司*/


/*首页视频*/
#banner-box{ position:relative; z-index:3; top:0px; width:100%; overflow:hidden;}
#container {
	text-align:center;
	overflow: hidden;
	position:absolute;
	left: 0%;
	right: 0;
	bottom: 0;
	height:100%;
	width:100%;
	z-index:2;
	background:#fff;
}
#background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 100%;
	width: 100%;
}
#video_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background:url(video/video_cover.jpeg.html) no-repeat;
	background-size: cover;
	background-position: center;
}
/* Demo page specific styles */

#overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background:rgba(0,0,0,0);
}

#main_content {
  z-index: 4;
  position:absolute;
  left:60px;
  bottom:40px;
  display: inline-block;
  /* Vertical center */
}
#main_content .button{
}
#main_content h1 {
  text-transform: uppercase;
  color:#fff;
  font-size: 40px;
  margin-bottom:30px;
  letter-spacing:5px;
}

#main_content .sub_head {
  color:#fff;
  font-size: 18px;
  line-height:30px;
  letter-spacing:1px;
  margin-bottom:30px;
}
#main_content h2{ font-size:42px; color:#fff; text-shadow:0px 0px 6px rgba(0,0,0,.3);}
#main_content p{ font-size:20px; color:#fff;text-shadow:0px 0px 6px rgba(0,0,0,.3);}

#main_content a{ position:relative; z-index:1; display:inline-block; padding:10px 30px; margin-right:10px;font-size:20px; text-align:center; color:#fff; background:#f37022; border-radius:6px; transition:all .3s;}
#main_content a:hover{background:#21ad42;  }
#main_content a img{ margin-right:8px; height:32px; vertical-align:bottom;}


@media (min-width: 768px) {
#video_controls {
	display: none;
	width:100%;
}
}
@media (max-width: 1200px){
.video-box{ height:500px;}
}
@media (max-width: 992px){
.video-box{ height:400px;}
}
@media (max-width: 768px){
.background_video{ display:none;}
.video-box{ height:250px;}
#container {
	left: 0%;
	right: 0;
	bottom: 0;
	height:100%;
	width:100%;
	margin-left:0px;
}
#video_controls {
	position:absolute;
	z-index:3;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-color:#fff;
}
#main_content{ left:0px; padding:0px; font-size:0px; width:100%; text-align:center;}
#main_content h1{ font-size:18px; line-height:1.25em;letter-spacing: 0px;}
#main_content .button{ width:98%; left:1%;}
#main_content a{ position:relative; z-index:1; display:inline-block;  padding:10px 15px; margin:2%;font-size:15px; color:#fff; background:#f37022; border-radius:6px; transition:all .3s;}
#main_content a:hover{background:#21ad42;  }
#main_content a img{ margin-right:8px; height:24px; vertical-align:bottom;}
#main_content h2{ display:none;}
#main_content p{  display:none;}
}
/*首页视频*/