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

body {

	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%;}
a:hover,a:focus,input:hover,input:focus,button:focus,button:hover{outline:none;}

.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{ }
}
.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; }
.top-nav>li dd{position:relative;}
.top-nav>li dd ul{ display: none;position: absolute; z-index: 2; left: 100%; top:0%; display: none; background:rgba(255,255,255,1);box-shadow:0px 6px 8px rgba(0,0,0,0.3); border-radius:0px 4px 4px 0px;}






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(img/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(img/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(img/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 2px; }
.top-nav>li>a{ position:relative; z-index:1; display:inline-block; padding:0px 16px;  font-size:14px; line-height:36px; 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:60px;}
.index-title .index-titlebg{ display: none;position:absolute; bottom:20%; left:0%; z-index:-1; width:100%; font-size:90px; line-height:1em; font-weight:bold; color:#fef0e7;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{ margin:60px 0 0;}
@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{ margin-top:30px; background:#fafafa;}
/*解决方案*/
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{position:relative;margin-top:96px;}
@media(max-width:1200px) {
.inside-banner{ margin-top:72px;}
}
@media(max-width:992px) {
.inside-banner{  margin-top:62px;}
}
@media(max-width:768px) {
.inside-banner{   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: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: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{position: relative;z-index: 1; 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(img/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(img/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(img/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(img/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(img/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(img/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(img/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(img/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(img/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(img/icon-scps-ld-bg.png) center no-repeat;}
/*食材配送*/

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

.jcjg-xz{ background:url(img/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(img/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(img/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(img/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(img/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(img/img-join-pp2.jpg) center no-repeat;transition-duration: .3s;}
@media (max-width:1200px){
.pp-ys{ background:url(img/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(img/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(img/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(img/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;}

/*事业合作*/

@media (min-width:992px){
.contant-pc-padding{height:400px;}
}
.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;}
.contant p{font-size:14px;line-height:24px; height:48px; display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

@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;}
.mobile-company-link{
margin-top: 50px;
}
.mobile-company-link ol{
padding: 0px 25px;
font-size: 15px;
line-height: 46px;
font-weight: bold;
color: #fff;
background: #21ad42;
}
.mobile-company-link li{
padding: 12px 25px;
margin-top: -1px;
font-size: 15px;
line-height: 24px;
color: #333;
border:1px solid #ebebeb;
}
.mobile-company-link li a{
color: #333;
}}
@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(img/video_cover.jpeg) 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;}
}
/*首页视频*/

/*2019-12-11新增*/
/*客户案例*/
.case-list{
	display: flex;
	flex-wrap: wrap;
}
.case-list li>div{
	background: #f7f7f7;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition:all .3s; 
}
.case-list li>div:hover{
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
a.case-img{
	display: block;
	overflow: hidden;
}
 .case-img img{
	width: 100%;
	transform:scale(1); transition:all .3s;  
}
.case-list li>div:hover .case-img img{
	transform:scale(1.2);
}
.case-list .case-text{
	padding: 25px;
	text-align: center;
}
a.case-title{
	display: inline-block;
	margin:5px 0 15px;
	max-width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis; 
	overflow:hidden;
	transition:all .3s; 
}
a.case-title:hover{
	color: #21ad42;
}
.case-text p{
	text-align:left;
	color: #999;
	font-size: 13px;
	line-height: 20px;
	height: 60px;
	display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
a.case-more{
	display: inline-block;
	padding: 0px 30px;
	font-size: 12px;
	line-height: 36px;
	color: #666;
	background: #ebebeb;
	transition:all .3s; 
}
a.case-more:hover{
	padding: 0px 35px;
	color: #fff;
	background: #21ad42;
}
a.case-more .icon{
	display: inline-block;
	margin-left: 10px;
	fill:#666;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	transition:fill .3s 0s,margin 0.3s 0s; 
}
a.case-more:hover .icon{
	margin-left: 18px;
	fill:#fff;
	transition:fill .3s 0s,margin 0.3s .1s; 
}
@media (min-width: 992px) {
.case-list li{
	width: 33.33%;
	padding: 1%;
}	
}
@media (min-width: 1200px) {
.case-list li{
	width: 33.33%;
	padding: 2%;
}	
}
@media (max-width: 992px) {
.case-list li{
	width: 50%;
	padding: 2%;
}	
}
@media (max-width:768px) {
.case-list li{
	width: 100%;
	padding: 0%;
	margin-top: 30px;
}	
.case-list li:first-child{
	margin-top: 0px;
}	
}

/*案例详情*/
.case-content{
	padding: 4%;
	border:1px solid #ebebeb;
	font-size: 15px;
	line-height: 26px;
	overflow: hidden;
}
.case-inside-img{
	width: 100%;
	margin-bottom: 20px;
}
.case-inside-img img{ 
	width: 100%;
}
@media (min-width:992px) {
.case-inside-img{
	float: left;
	width: 45%;
	margin-right: 5%;
	margin-bottom: 30px;
}
}
.case-advisory{
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
}	
	
.case-advisory-r h3{
	font-size: 24px;
	margin: 10px 0px 20px;
}
.case-advisory-r div{
	margin-top: 30px;
}
.case-advisory-r a.case-button{
	display: inline-block;
	width: 45%;
	font-size: 14px;
	line-height: 42px;
	color: #666;
	border:1px solid #f2f2f2;
	text-align: center;
	transition:all .3s;  
}
.case-advisory-r a.case-button:hover{
	color: #fff;
	border:1px solid #21ad42;
	background: #21ad42;
}
@media (min-width:992px) {
.case-advisory-l{
	width: 50%;
}	
.case-advisory-r{
	width:50%;
	padding:4% 5%;
	border:1px solid #ebebeb;
	border-left: none;
}
.case-advisory-r a.case-button:first-child{
	margin-right: 5%; 
}
}
@media (min-width:1200px) {
.case-advisory-l{
	width: 45%;
}	
.case-advisory-r{
	width:55%;
	padding:4% 5%;
	border:1px solid #ebebeb;
	border-left: none;
}	
}
@media (max-width:992px) {
.case-advisory-l{
	width: 50%;
}	
.case-advisory-r{
	width:50%;
	padding:4% 5%;
	border:1px solid #ebebeb;
	border-left: none;
}	
}
@media (max-width:768px) {
.case-advisory-l{
	width: 100%;
}	
.case-advisory-r{
	width:100%;
	padding:4% 5%;
	border:1px solid #ebebeb;
	border-top: none;
}	
}

/*留言*/

.case-ly{
	max-width: 760px;
	margin: 40px auto 50px;
}
.case-ly li{
	display: flex;
	padding: 20px 0px;
	border-top: 1px dashed #ebebeb;
	justify-content: center;
}
.case-ly li p{
	text-align: right;
	width: 25%;
	padding-right: 20px;
	font-size: 14px;
	line-height: 36px;
	white-space:nowrap;
}
.case-ly li input{
	width: 100%;
	padding: 0px 10px;
	font-size: 14px;
	line-height: 36px;
	border:none;
	background: #f7f7f7;
}
.case-ly li textarea{
	width: 100%;
	padding: 10px;
	font-size: 14px;
	line-height: 24px;
	height: 140px;
	border:none;
	background: #f7f7f7;
}
.case-ly li a.submit{
	display: inline-block;
	padding:0 35px;
	font-size: 14px;
	line-height: 42px;
	background: #f7f7f7;
}
@media (max-width:768px) {
.case-ly li{
	display: flex;
	flex-wrap: wrap;
}
.case-ly li p{
	text-align: left;
	width: 100%;
	padding-right: 0px;
	line-height: 20px;
}
}


/*banner视频弹出*/
.banner-video-box{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.banner-video{
	position: relative;
	z-index: 2;
	width: 64px;
	height: 64px;
	background: #fff;
	border-radius: 50%;
	padding: 4px;
}
.banner-video-box:after{ content:""; position: absolute;  z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(0,0,0,0.2);transition:all .4s;}
.banner-video-box:hover:after{ content:"";background-color:rgba(0,0,0,0.4);}
.banner-video p,.banner-video span{
	visibility: hidden;
}
.banner-video .icon{
	display: inline-block;
	fill:#666;
	width: 100%;
	height:100%;
	vertical-align: middle;
	transition:all .3s; 
}
.banner-video:hover .icon{
	display: inline-block;
	fill:#21ad42;

}
/*防止抖动*/
.modal-open {
	padding-right: 0px !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}
#video-box .close{display: inline-block; line-height: 25px; font-size:36px;  color: #666; font-weight: normal; opacity: 1;}
#video-box .close:hover{color: #21ad42;}
#video-box .modal-dialog {
	margin: 0px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#video-box .modal-content {
	border-radius: 0px;
	border: none;
	width: 100%;
}
#video-box .modal-body {
	width: 100%;
	padding: 0px;
	font-size: 0px;
}
#video {
	width: 100%;
	border: none;
}

@media (min-width: 992px) {
#video-box .modal-dialog {
	width: 800px;
}
}

@media (min-width: 1200px) {
#video-box .modal-dialog {
	width: 1000px;
}
}

@media (max-width: 768px) {
#video-box .modal-dialog {
	margin: 0px;
	width: 450px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#video-box .modal-body {
	width: 100%;
}
}

@media (max-width: 480px) {
#video-box .modal-dialog {
	width: 300px;
}
}
/*视频弹出*/
/*video*/
/*2019-12-11新增*/


/*2019-12-31新增*/
/*模块1*/
.join6{
	margin: 50px 0;
}
.join6 .container{
	display: flex;
	flex-wrap: wrap;
}
.join6 .join6-l,.join6 .join6-r{
	width: 22%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.join6-c{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56%;
	padding: 20px;
}
.join6 .join6-l>div,.join6 .join6-r>div{
	padding-top: 30px;
	padding-left: 40px;
}

.join6-box h4{
	position: relative;
	color: #39b657;
}
.join6-box h4:before{ content:url(img/img-join-title.png); position: absolute;  z-index:1;top: 0px;left: -40px;}
.join6-box p{
	font-size: 14px;
	line-height: 1.75em;
}
@media (max-width:1200px) {
.join6 .join6-l,.join6 .join6-r{
	width: 25%;
}
.join6-c{
	width: 50%;
	padding: 20px;
}	
}
@media (max-width:992px) {
.join6 .join6-l,.join6 .join6-r{
	width: 100%;
	order: 2;
}
.join6-c{
	width: 60%;
	margin: auto;
	order: 1;
}
.join6 .join6-l>div,.join6 .join6-r>div{
	width: 50%;
	padding: 20px 20px 20px 50px;
}
}
@media (max-width:768px) {
.join6 .join6-l>div,.join6 .join6-r>div{
	width: 100%;
	padding: 10px 20px 10px 60px;
}
.join6-c{
	width: 90%;
	margin: auto;
	order: 1;
}
}

/*模块2*/
.join-hhr2 .owl-wrapper{
	display: flex!important;
}
.join-hhr2 .owl-item{ padding:26px 6px;}
.join-hhr2 .item{ height: 100%; text-align:center; padding:40px 30px 20px; border-radius:4px; background:#f7f7f7;transition: all .4s ease;}
.join-hhr2 .item img{display: inline-block;max-width: 66%; margin-bottom:30px;transition: all .4s ease;}
.join-hhr2 .item p{ font-size:14px; line-height:1.75em; color:#333;transition: all .4s ease;}

.join-hhr2 .item:hover{transform:translate(0px,-20px); box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.join-hhr2 .item img{  
transform:rotatey(0deg); transition:all .7s ease;}
.join-hhr2 .item:hover img{
transform:rotatey(360deg);}
.join-hhr2 .item:hover p{ color:#21ad42;}


/*模块3*/
.join6-3{
	margin-top: 20px;
	margin-bottom: 40px;
}
.join6-3 ul{
	display:flex;
	flex-wrap: wrap;
}
.join6-3 li{
	width: 25%;
	padding: 4px;
}
.join6-3 li .join6-3-box{
	position: relative;
	width: 100%;
	padding-bottom: 75%;
	background: #000;
}

.join6-3 li .join6-3-img{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0px;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-position: center;
	background-size: cover;
	transition: all .4s;
}
.join6-3 li .join6-3-box:hover .join6-3-img{
	opacity: 0.4;
}

.join6-3 li .join6-3-text{
	position: absolute;
	z-index: 3;
	left: 0;
	top:50%;
	margin-top: -42px;
	width: 100%;
	height: 100%;
	padding: 30px 20px 0;
	text-align:center;
	color: #fff;
	transition: all .4s;
}
.join6-3 li .join6-3-box:hover  .join6-3-text{
	top:0%;
	margin-top: 0px;
}

.join6-3 li .join6-3-text strong{
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
.join6-3 li .join6-3-text p{
	font-size: 14px;
	line-height: 22px;
	opacity: 0;
	transition: all .4s;
}
.join6-3 li .join6-3-box:hover  .join6-3-text p{
	opacity: 1;
	transition-delay: 0.3s;
}
@media (max-width:1200px) {
.join6-3 li{
	width: 33.333%;
	padding: 4px;
}	
}
@media (max-width:992px) {
.join6-3 li{
	width: 50%;
	padding: 4px;
}	
}
@media (max-width:768px) {
.join6-3 li{
	width: 100%;
	padding: 4px;
}	
}
/*2019-12-31新增*/


/*2020-06-28修改*/
/* 首页banner */
#banner .owl-controls .owl-pagination{
	position: absolute;
	z-index: 1;
	bottom: 10px;
	left: 0;
	right: 0;
}
#banner .owl-controls .owl-buttons  {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	right: 0;
}
#banner .owl-controls .owl-buttons div{
	padding: 0;
	border-radius: 0;
	background: #21ad42;
}
#banner .owl-controls .owl-buttons .owl-prev{
	float: left;
	margin-left: 20px;
}
#banner .owl-controls .owl-buttons .owl-next{
	float: right;
	margin-right: 20px;
}
#banner .banner-l{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/left.png)
}
#banner .banner-r{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/right.png)
}
@media (min-width: 768px) {
	#banner .item{
		background-position: center;
		background-size:cover;
		height: 400px;
	}
	#banner .item a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#banner .item img{
		display: none;
	}
}
@media (min-width:992px) {
	#banner{
		padding-top: 72px;
	}
	#banner .item{
		height: 500px;
	}	
	#banner .item img{
		display: none;
	}
}
@media (min-width:1200px) {
	#banner{
		padding-top: 96px;
	}
	#banner .item{
		height: 600px;
	}	
}
@media (max-width:992px) {
	#banner{
		/*padding-top: 62px;*/
	}
}
@media (max-width: 768px) {
	#banner{
		/*padding-top: 54px;*/
	}
	#banner .item{
		background: none;
	}	
	#banner .item img{
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

/*  首页视频  */
.index-v{
	position: relative;
	z-index: 1;
	width: 100%;
	margin:20px auto 0;
}

#index-video{
    width: 100%;
}

/*企业文化-媒体报道*/
.about-media{
	margin-top: 40px;
	overflow: hidden;
}
.about-media .item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding-top: 30px;
	border-top: 1px solid #ebebeb;
}
.about-media .item:first-child{
	padding-top: 0px;
	border-top: none;
}
.about-media .item>a{
	display: block;
	width: 30%;
	overflow: hidden;
}
.about-media .item>a img{
	width: 100%;
	transform:scale(1); 
	transition:all .4s;  
}
.about-media .item:hover>a img{
	transform:scale(1.1); 
}
.about-media .item .about-media-r{
	width: 70%;
	padding-left: 30px;
}
.about-media .item .about-media-t{
	display: inline-block;
	margin: 15px 0;
	max-width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
	transition:all .4s;
}
.about-media .item .about-media-t:hover{
	color: #21ad42;
}
.about-media .item p{
	height: 72px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
.about-media .item small{
	display: block;
	margin: 5px 0;
	color: #999;
}
.about-media .item a.more{
	display: inline-block;
	padding: 0px 20px;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	background: #f7f7f7;
	transition:all .4s;
}
.about-media .item a.more:hover{
	padding: 0px 25px;
	background: #21ad42;
    color: #fff;
}
.about-media .owl-controls .owl-buttons{
	text-align: right;
}
.about-media .owl-controls .owl-buttons div{
	padding: 0!important;
	border-radius: 0!important;
	background: #21ad42!important;
}
.about-media .owl-controls .owl-buttons .owl-prev{
}
.about-media .owl-controls .owl-buttons .owl-next{
}
.about-media .media-l{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/left.png)
}
.about-media .media-r{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/right.png)
}


a.media-more {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #333;
	padding: 0px 25px;
	border-radius: 20px;
	transition:all .4s;
}
a.media-more:hover{color: #fff;
	background: #21ad42;
}

@media (max-width: 1200px) {
.about-media .item>a{
	width: 35%;
}
.about-media .item .about-media-r{
	width: 65%;
}
}
@media (max-width: 992px) {
.about-media .item>a{
	width: 40%;
}
.about-media .item .about-media-r{
	width: 60%;
}
}
@media (max-width: 768px) {
.about-media .item>a{
	width: 100%;
}
.about-media .item .about-media-r{
	width: 100%;
	padding-top: 10px;
	padding-left: 0;
}
}
/*2020-06-28修改*/



/*2020-07-27*/
.city-title{
	padding: 0 5%;
	margin-bottom: 30px;
}
.city-title h3{
	font-size: 36px;
	font-weight: bold;
	margin: 0;
}
.city-title h4{
	font-size: 16px;
	line-height: 1.5em;
	margin: 20px 0 10px;
}
@media (max-width: 992px) {
.city-title h3{
	font-size: 24px;
}
.city-title h4{
	font-size: 14px;
}
}
@media (max-width: 768px) {
.city-title h3{
	font-size: 20px;
}
}
/*城市合伙人-关于*/
.city-about{
	padding: 60px 0;
}
#city-about{
	margin-left:-10px;
	margin-right:-10px;
}
#city-about .item{
	padding: 10px;
}
.zoom-img{
	overflow: hidden;
}
.zoom-img img{
	transition:all .4s;
}
.zoom-img:hover img{
	transform:scale(1.1); 
}
#city-about img{
	width: 100%;
}
#city-about .item:hover img{
	transform:scale(1.1); 
}

#city-about p{
	width: 100%;
	padding: 12px;
	margin: 0;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	background:#21ad42;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}

#city-about .owl-controls .owl-buttons  {
}
#city-about .owl-controls .owl-buttons div{
	position: absolute;
	z-index: 1;
	top: 50%;
	padding: 0;
	border-radius: 0;
	background: #21ad42;
	transform:translate(0%,-50%);
}
#city-about .owl-controls .owl-buttons .owl-prev{
	left: 10px;
}
#city-about .owl-controls .owl-buttons .owl-next{
	right: 10px;
}
#city-about .banner-l{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/left.png)
}
#city-about .banner-r{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/right.png)
}
@media (max-width: 992px) {
#city-about{
	margin-left:0px;
	margin-right:0px;
}	
}
/*城市合伙人-优势*/
#city-advantage{
	padding-top: 10px;
	padding-bottom: 60px;
}
#city-advantage .fsbanner{
	line-height: 1em;
	font-weight: normal;
	height: 430px;
	color: #333;
	-webkit-text-stroke: 0;
}
#city-advantage .fsbanner>div{
	box-sizing: border-box;
	padding:30px 20px;
	background-position: center;
	background-size: cover;
}
#city-advantage h3{
	margin: 0px;
	font-size: 24px;
}
#city-advantage  span{
	display: inline-block;
	font-size: 12px;
}
#city-advantage p{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	box-sizing: border-box;
	padding: 20px;
	margin: 0px;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	background: rgba(33,173,66,0.6);
	transform:translate(0%,100%);
	transition:all .3s;    
}
#city-advantage .fsbanner div:hover p{
	transform:translate(0%,0%);
	transition:all .3s .3s;    
}


#city-advantage-wap{
	display: none!important;
	padding-top: 10px;
	padding-bottom: 60px;
}
#city-advantage-wap .item{
	text-align: center;
}
#city-advantage-wap .item img{
	display: inline-block;
	max-width: 80%;
	border-radius: 50%;
	margin-bottom: 20px;
}
#city-advantage-wap .item p{
	font-size: 14px;
}
@media (max-width: 992px) {
#city-advantage{
	display: none;
}
#city-advantage-wap{
	display: block!important;
}
}
/*城市合伙人-支持*/
.city-support{
	padding-bottom: 60px;
}
.city-support ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	counter-reset: compteListe;
}
.city-support ul li{
	position: relative;
	z-index: 1;
	width: 49%;
	margin: 1% 0;
	padding: 40px 30px 30px;
	display: flex;
	border: 1px solid #ccc;
	background: #f7faf8;
	overflow: hidden;
	transition:all .4s;    
}
.city-support ul li:before {
	counter-increment: compteListe 1;
	content: "" counter(compteListe);
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	transition:all .4s;    
}
.city-support ul li:after {
	content:"";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 82px;
	height: 82px;
	background: #b9c7bc;
	transform:rotate(45deg) translate(-62px,0px);
	transition:all .4s;    
}
.city-support ul li:hover{
	border: 1px solid #21ad42;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.city-support ul li:hover:before {
	counter-increment: compteListe 1;
	content: "" counter(compteListe);
	color: #fff;
}
.city-support ul li:hover:after {
	content:"";
	background: #21ad42;
}
.city-support ul li img{
	width: 60px;
	height: 60px;
}
.city-support ul li>div{
	box-sizing: border-box;
	width:calc(100% - 60px);
	padding-left: 20px;
}
.city-support ul li h4{
	margin: 0px 0px 10px;
	font-size: 22px;
}
.city-support ul li p{
	margin: 0px;
	font-size: 15px;
	line-height: 24px;
}
@media (max-width: 992px) {
.city-support ul li{
	width:100%;
	margin: 1% 0;
}	
}

/*城市合伙人-寻找*/
.city-search{
	box-sizing: border-box;
	padding: 60px 0;
}
.city-search a{
	display: inline-block;
	padding: 0px 35px;
	margin-top: 20px;
	font-size: 22px;
	line-height: 40px;
	color: #fff;
	background: #21ad42;
	transition:all .4s;
}
.city-search a:hover{
	background: #e62129;
}
@media (min-width: 992px) {
	.city-search{
			height: 720px;
		background: url(img/img-city4-1.jpg) center;
		background-size: cover;
	}
	.city-search img{
		display: none;
	}
}
@media (max-width: 992px) {
.city-search{
	padding: 10px 0;
	height: 400px;
	background:none;
	background-size: cover;
}
.city-search img{
	display: block;
}
.city-search a{
	font-size: 18px;
	line-height: 36px;
}
}

/*城市合伙人-流程*/
.city-process{
	padding-top: 60px;
	padding-bottom: 60px;
}
#city-process{
	text-align: center;
	counter-reset: compteListe;
}
#city-process{
	padding-top: 10px;
	text-align: center;
	counter-reset: compteListe;
}
#city-process .item{
	position: relative;
	z-index: 1;
}
#city-process .owl-item .item:after{ content:""; display: block;position: absolute;  z-index:-1;top: 75px;left: 50%;width: 100%;height:4px; margin-top: -2px; background-color:#333;}
#city-process .owl-item:last-of-type .item:after{ content:""; display: none;}
#city-process .item>div{
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 7px solid #f2fff6;
	overflow: hidden;
}
#city-process .item>div img{
	display: inline-block;
	width: 130px;
	border-radius: 50%;
	border: 2px solid #333;
	overflow: hidden;
}
#city-process .item p{
	position: relative;
	display: inline-block;
	padding-left: 24px;
	font-size: 18px;
}
#city-process .item p:before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	position: absolute;
	z-index: 2;
	top: -5px;
	left:0px;
	font-size: 18px;
	color: #333;
	transition:all .4s;    
}
@media (max-width:768px) {
#city-process .owl-item .item:after{ content:"";top: 62px;}
#city-process .item>div img{
	width: 110px;
}
#city-process .item p{

	padding-left: 20px;
	font-size: 14px;
}
#city-process .item p:before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	font-size: 16px;
}
}

/*城市合伙人-留言*/
#city-feedback{
	padding: 60px 0;
	background: url(img/img-city6-1.jpg) center;
	background-size: cover;
}
#city-feedback form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px;
	border-radius: 8px;
	border: 1px solid #999;
	background: #fff;
}
#city-feedback form h3{
	display: block;
	width: 100%;
	margin: 10px 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
#city-feedback form div{
	font-size: 0;
	padding: 5px;
	margin-bottom: 20px;
	border-radius: 8px;
	border: 1px solid #999;
	overflow: hidden;
}
#city-feedback form div.city-3{
	width: 32%;
}
#city-feedback form div.city-1{
	width: 83%;
}
#city-feedback form div.city-button{
	width: 15%;
	padding: 0;
	border: none;
}

#city-feedback form img{
	display: inline-block;
	width: 30px;
	vertical-align: top;
}

#city-feedback form input{
	display: inline-block;
	width:calc(100% - 30px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	border: none;
	outline:none;
	vertical-align: top;
}
#city-feedback form select{
	display: inline-block;
	box-sizing: border-box;
	width:100%;
	padding-left: 40px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	border: none;
	outline:none;
	vertical-align: top;
	background:url(img/img-city7-4.jpg) no-repeat center left 10px;
}

#city-feedback form div.city-button a{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	background: #21ad42;
	text-align: center;
	border-radius: 8px;
	transition:all .4s;
}
#city-feedback form div.city-button a:hover{
	background: #e62129;
}


@media (max-width:992px) {
#city-feedback form div.city-3{
	width: 80%;
}
#city-feedback form div.city-1{
	width: 100%;
}
#city-feedback form div.city-button{
	width: 160px;
	padding: 0;
	border: none;
}	
}

@media (max-width:768px) {
#city-feedback form div.city-3{
	width: 100%;
}
}



/*2020-08-07 企业文化，企业风采*/
.hh-style{
	display: flex;
	flex-wrap: wrap;
}
#hh-style-content div.tab-pane>div{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}	
#hh-style-content div.tab-pane>div>div{
	width: 33.333%;
	padding: 10px;
}
@media (min-width: 992px){
	#hh-style-button{
		width: 260px;
		padding:30px 0;
		background:url(img/img-culture-styleBg.jpg) center no-repeat;
		background-size: cover;
	}
	#hh-style-button li{
		text-align: right;
		margin-bottom: 10px;
	}
	#hh-style-button li a{
		display: inline-block;
		width: 50%;
		font-size: 18px;
		line-height: 42px;
		color: #fff;
		text-align: center;
		background: #007034;
		border-radius: 6px 0 0 6px;
		transition:all .4s;
	}
	#hh-style-button li.active a{
		color: #21ad42;
		background: #fff;
	}
	#hh-style-content{
		width:calc(100% - 260px);
		padding-left: 10px;
	}	
	#hh-style-content div.tab-pane>div>div:nth-child(1),
	#hh-style-content div.tab-pane>div>div:nth-child(2),
	#hh-style-content div.tab-pane>div>div:nth-child(3){
		padding-top: 0px;
	}	
	#hh-style-content div.tab-pane>div>div:nth-last-child(1),
	#hh-style-content div.tab-pane>div>div:nth-last-child(2),
	#hh-style-content div.tab-pane>div>div:nth-last-child(3){
	padding-bottom: 0px;
	}
}
@media (max-width: 992px){
	#hh-style-button{
		padding: 10px 10px 0;
		background:#21ad42;
		width: 100%;
	}
	#hh-style-button li{
		display: inline-block;
		margin:0 1px;  
	}
	#hh-style-button li a{
		display: inline-block;
		padding: 0 20px;
		font-size: 14px;
		line-height: 36px;
		color: #fff;
		text-align: center;
		background: #007034;
		border-radius: 4px 4px 0 0;
		transition:all .4s;
	}
	#hh-style-button li.active a{
		color: #21ad42;
		background: #fff;
	}
	#hh-style-content{
		width:100%;
		padding-top: 20px;
	}
	#hh-style-content div.tab-pane{
		margin-left: -10px;
		margin-right: -10px;
	}
	#hh-style-content div.tab-pane>div>div:nth-child(1),
	#hh-style-content div.tab-pane>div>div:nth-child(2),
	#hh-style-content div.tab-pane>div>div:nth-child(3){
		padding-top: 0px;
	}	
	#hh-style-content div.tab-pane>div>div:nth-last-child(1),
	#hh-style-content div.tab-pane>div>div:nth-last-child(2),
	#hh-style-content div.tab-pane>div>div:nth-last-child(3){
	padding-bottom: 0px;
	}
}
@media (max-width: 768px){
#hh-style-content div.tab-pane>div>div{
	width: 50%;
	padding: 10px;
}
}
/*2020-08-07 企业文化，企业风采*/

/*2020-08-19*/
/*畅享*/
#group{
	padding-top: 20px;
	padding-bottom: 50px;
}
#group-cx .owl-wrapper{
	display: flex!important;
}

#group-cx .owl-item{
	padding: 0px 15px;
}
#group-cx .item{
	height: 100%;
	padding: 20px;
	background: #f7f7f7;
}
#group-cx .item p{
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 24px;
}

#group-cx .owl-controls{
	margin-top: 15px;
}
@media (max-width: 768px){
#group{
	padding-top: 20px;
	padding-bottom: 30px;
}
}

/*供应商*/
#group-gys{
	background: #f7f7f7;
}
.group-logo{
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap;
}
.group-logo li{
	width:20%;
	padding: 1%;
}
.group-logo li>div{
	position: relative;
	z-index: 1;
}
.group-logo li .group-name{
	position: absolute;
	z-index: 2;
	top: 0;bottom: 0;left: 0;right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(33,173,66,0.8);
	opacity: 0;
	transition:all .4s;
}
.group-logo li>div:hover .group-name{
	opacity: 1;
	box-shadow: rgba(0,0,0,0.2);
	cursor:pointer;
}
.group-logo li .group-name strong{
	font-size: 14px;
	line-height: 1.5em;
	color: #fff;
}

@media (max-width:1200px){
.group-logo li{
	width:25%;
	padding: 1%;
}
.group-logo li:nth-child(13),
.group-logo li:nth-child(14),
.group-logo li:nth-child(15){display: none;}
}

@media (max-width:992px){
.group-logo{
	padding: 20px 0;
}
.group-logo li{
	width:33.33%;
	padding: 1%;
}
.group-logo li:nth-child(13),
.group-logo li:nth-child(14),
.group-logo li:nth-child(15){display: none;}
}
@media (max-width:768px){
.group-logo li{
	width:50%;
	padding: 1%;
}
.group-logo li:nth-child(9),
.group-logo li:nth-child(10),
.group-logo li:nth-child(11),
.group-logo li:nth-child(12),
.group-logo li:nth-child(13),
.group-logo li:nth-child(14),
.group-logo li:nth-child(15){display: none;}
}

/*直达*/
.group-zd{
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width:768px){
.group-zd{
	padding-top: 40px;
	padding-bottom: 40px;
}
	
}
/*品类*/
.group-pl{
	padding: 120px 0 80px;
	background: url(img/img-group5.jpg) center;
	background-size: cover;
}
.group-pl .item{
	text-align: center;
}
.group-pl .item .pl-icon{
	display: inline-block;
	max-width: 70%;
	padding:12%;
	margin-bottom: 20px;
	border-radius: 50%;
	border: 3px solid #fff;
}
.group-pl .item strong{
	display: block;
	font-size: 15px;
	color: #fff;
}
#group-pl .owl-controls .owl-page{margin-top: 15px;}
#group-pl .owl-controls .owl-page span{
	background: #fff;
}
#group-pl .owl-controls .owl-page.active span{
	background: #e62129;
}
@media (max-width: 992px){
.group-pl{
	padding: 90px 0 50px;
}
}
@media (max-width: 768px){
.group-pl{
	padding: 70px 0 20px;
}
#group-pl .owl-controls .owl-page{margin-top: 10px;}
}




/*食品安全*/
/*科学*/
#safety-kx{
	padding-top: 20px;
	padding-bottom: 70px;
	overflow: hidden;
}
#safety-kx .city-title{
	position: relative;
	z-index: 2;
}
.safety-kx{
	position: relative;
	z-index: 1;
	width: 100%;
	padding-bottom: 60%;
}
.safety-kx img{
	position:absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	width: 130%;
	max-width:inherit;
	transform:translate(-50%,-50%);
}

@media (max-width: 768px){
#safety-kx{
	padding-top: 20px;
	padding-bottom: 30px;
}
.safety-kx img{
	width: 150%;
}
}

/*溯源*/
#safety-sy{
	padding: 50px 0;
	background: #f7f7f7;
}
@media (max-width: 992px){
#safety-sy{
	padding: 30px 0;
}
}

/*制度*/
.safety-zd{
	padding: 70px 0px;
}
#safety-zd .item{
	border: 1px solid #ebebeb;
	padding:30px 10px 20px;
}
#safety-zd .owl-item:first-child .item{
	margin-left: 0;
}
#safety-zd .item strong{
	font-size: 20px;
	color: #333;
}
#safety-zd .item p{
	margin: 15px 0 10px;
	font-size: 15px;
	line-height: 24px;
	height: 72px;
	color: #666;
	display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
#safety-zd .owl-buttons div{
	position: absolute;
	z-index: 1;
	top: 50%;
	border-radius: 0;
	background: none; 
	opacity: 1;
	transform:translate(0%,-50%);
}
#safety-zd .owl-buttons div.owl-prev{
    left: -40px;
}
#safety-zd .owl-buttons div.owl-next{
   right: -40px;
}
#safety-zd .owl-buttons div i{
	color: #999;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
	transition:all .4s;
}
#safety-zd .owl-buttons div.owl-prev i{
    border-right: 16px dashed;
}
#safety-zd .owl-buttons div.owl-next i{
    border-left: 16px dashed;
}
#safety-zd .owl-buttons div:hover i{
	color: #21ad42;
}
@media (max-width: 1200px){
#safety-zd{
	padding: 0 30px;
}
#safety-zd .owl-buttons div.owl-prev{
    left: -15px;
}
#safety-zd .owl-buttons div.owl-next{
   right: -15px;
}
}
@media (max-width: 992px){
.safety-zd{
padding: 40px;
}
}
@media (max-width:768px){
.safety-zd{
padding: 30px;
}
}

/*操作*/

.safety-cz{
padding:0 0 70px;
}
.safety-cz-img{
	padding: 10px 0;
}
@media (max-width:992px){
.safety-cz{
padding:0 0 40px;
}
}
@media (max-width:768px){
.safety-cz{
padding:0 0 30px;
}
}


/*供应链*/
/*闭环*/
#chain-bh{
	padding-top: 20px;
}
.chain-bh{
	padding: 50px 0;
	background: #f7f7f7;
}
.chain-bh-img{
	padding: 30px;
	border:2px solid #ebebeb;
	background: #fff;
}
@media (max-width:992px){
.chain-bh{
	padding: 30px 0;

}
.chain-bh-img{
	padding:20px;
}
}
/*特点*/
.chain-td{
	padding: 50px 0;
}
#chain-td .owl-item{
	padding: 15px ;
}
#chain-td .item{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#chain-td .owl-controls{
	margin: 0;
}
#chain-td .owl-controls .owl-buttons div{
	padding: 0;
	border-radius: 0;
	background: #21ad42;
	opacity: 1;
}

#chain-td .owl-prev i{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/left.png)
}
#chain-td .owl-next i{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/right.png)
}

@media (min-width:992px){
#chain-td .item .chain-title{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: inline-block;
	padding: 0px 25px;
	font-size: 18px;
	line-height: 42px;
	font-weight: bold;
	color: #fff;
	background: rgba(33,173,66,0.8);
	transform:translate(-50%,-50%);
	opacity: 1;
	transition:all .3s;	
	transition-delay: 0.4s;
	
}
#chain-td .item:hover .chain-title{
	opacity: 0;
	transform:translate(-50%,-70%);
	transition-delay: 0s;
}
#chain-td .item .chain-info{
	position: absolute;
	z-index:2;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	padding:15px 20px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	opacity: 0;
	background: rgba(33,173,66,0.8);
	transform:translate(0%,100%);
	transition:all .4s; 
	
}
#chain-td .item:hover .chain-info{
	opacity: 1;
	transform:translate(0%,0%);
	transition:all .4s;
	transition-delay: 0.5s;
}
#chain-td .item .chain-info p{
	margin: 0px;
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}
}
@media (max-width:992px){
.chain-td{
	padding: 30px 0;

}
#chain-td .item .chain-title{
	padding: 20px 0 10px;
	font-size: 15px;
	font-weight: bold;
	color: #21ad42;
}
#chain-td .item .chain-info{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
}
/*2020-08-19*/




/*video 视频*/
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url('img/VideoJS.eot?') format('eot'); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: '\f101'; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: '\f102'; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: '\f103'; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: '\f104'; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: '\f105'; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: '\f106'; }

.vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before {
    content: '\f107'; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: '\f108'; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: '\f109'; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: '\f10a'; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: '\f10b'; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: '\f10c'; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: '\f10d'; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: '\f10e'; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: '\f10f'; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: '\f110'; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: '\f111'; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: '\f112'; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: '\f113'; }

.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before {
    content: '\f114'; }

.video-js {
  /* display:inline-block would be closer to the video el's display:inline
   * but it results in flash reloading when going into fullscreen [#2205]
   */
  display: block;
  /* Make video.js videos align top when next to video elements */
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
  easily calculable. */
  font-size: 10px;
  line-height: 1;
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
  checking fullScreenEnabled. */ }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

/* All elements inherit border-box sizing */
.video-js *, .video-js *:before, .video-js *:after {
  box-sizing: inherit; }

/* List style reset */
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  /* Important to specify each */
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  /* Undo any aspect ratio padding for fluid layouts */
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Hide disabled or unsupported controls. */
.vjs-hidden {
  display: none !important; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a, .vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li:focus, .vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  /* (Width of vjs-menu - width of button) / 2 */
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu ul {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em; }

.vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 2.2222222em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  /* !important is ok in this context. */
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

/* Replacement for focus outline */
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.vjs-live .vjs-progress-control {
  display: none; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }

/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
  /* If we let the font size grow as much as everything else, the current time tooltip ends up
     ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
     to avoid a weird hitch when you roll off the hover. */
  font-size: 0.6em; }

/* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.3333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
  /* By default this is hidden and only shown when hovering over the progress control */
  display: none;
  position: absolute;
  top: -2.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 0.2em 0.5em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.5); }

/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  /* An inline volume should never have a menu background color.
     This protects it from external changes to background colors. */
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

/* Used for IE8 fallback */
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em; }

.vjs-live .vjs-time-control {
  display: none; }

/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff;
  /* Subtitles are white */ }

.vjs-captions {
  color: #fc6;
  /* Captions are yellow */ }

.vjs-tt-cue {
  display: block; }

.video-js .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  color: #fff;
  /* In order to center the play icon vertically we need to set the line height
  to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  /* Needed for IE8 */
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-error-display a, .vjs-error-display a:visited {
  color: #66A8CC; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  /* Need to fix centered page layouts */
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  /* Keep 100% opacity so they don't show through each other */
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }

  20% {
    border-top-color: #73859f; }

  35% {
    border-top-color: white; }

  60% {
    border-top-color: #73859f; }

  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }

  20% {
    border-top-color: #73859f; }

  35% {
    border-top-color: white; }

  60% {
    border-top-color: #73859f; }

  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu {
  left: -10em;
  /* (Width of vjs-menu - width of vjs-control) / 2 */
  width: 0; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }
/*video 视频*/