@charset "utf-8";
html,body{height:100%;}
@font-face{
  font-family: 'lmqiyi';
  src: url('../fonts/LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf');
  font-weight: normal;
  font-style: normal;
}


body{padding:120px 0 0 0; margin:0px auto; font-size:16px; line-height:28px; color:#666666; width:100%; min-width:300px; zoom:1;font-family: "HanSans","Arial","Microsoft YaHei","宋体",sans-serif; background: #fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family: "HanSans","Arial","Microsoft YaHei","宋体",sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#4c4c4c; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#78c575;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #bdbdbd;}
::-moz-placeholder {color: #bdbdbd;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #bdbdbd;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #bdbdbd;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:1324px; margin:0px auto;}
.block{ display:block;}

@media ( max-width:1366px){
.Contain{ width:92%;}
}

@media ( max-width:1024px){
body{ font-size:14px;line-height:22px; padding-top:45px;}	
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
}

/*font*/
.f_red{ color:#ff0000;}
.iconfont{ font-size:24px; vertical-align:middle;}
.iconfh{ font-size:19px; margin-left:10px;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 14px;color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px; font-size:18px; font-family:"宋体"; font-weight:bold;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#78c575;}
.Pages .p_page .num a{vertical-align:middle; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:16px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ text-decoration:underline; color:#78c575;}

.showMorehandle{ margin:0px auto; cursor:pointer; width:199px; line-height:58px; text-align:center; color:#78c575; border:1px solid #78c575;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages .total{padding:0 6px;}
.Pages a{ margin:0 2px;}
.Pages .p_page .num a{width:24px;font-size:14px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 2px;}
.Pages .input{ width:30px; height:24px; line-height:24px;}
.Pages .btnok{ width:35px; height:26px;}
.Pages .tz{ display:block; margin-top:5px;}

.showMorehandle{width:120px; line-height:40px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:rgba(255,255,255,0.9); width:100%; height:120px;transition: all ease 0.3s;}
.Header .auto{ max-width:90%; margin:0px auto;}
.Header .Logo{ width:32%; float:left; height:120px;display: flex; align-items: center;transition: all ease 0.3s;}

.MainNav{ float:right;transition: all ease 0.3s; width:57%;}
.MainNav li{ float:left; position:relative; width:11.111%;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#333333; font-size:16px; padding-top:31px; height:89px; line-height:24px; transition: all ease 0.3s;}
.MainNav .ico{ display:block; margin:0px auto; height:32px; width:32px;}
.MainNav .bg{ position:absolute; left:50%; top:0px; height:100%; background:#78c575;width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; text-align:center; top:120px; left:0;width:100%; padding-top:1px;}
.NavPull.null{background:none; padding:0;}
.NavPull dd { margin-bottom:1px;}
.NavPull a{ display:block; color:#fff; padding:8px; font-size:14px; background:#78c575;}
.NavPull a:hover{ background:#4cac48;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:0; display:none; background:rgba(255,255,255,0.9);}
.openbtn span{ display:block; height:3px; background:#466f45; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:70px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ width:22%; height:70px;}
.Header.Fixedtop .MainNav li span a{height:65px; padding-top:5px; line-height:25px;}
.Header.Fixedtop .NavPull,.Header.Fixedtop .searchbox{ top:70px;}

@media ( max-width:1440px){
.MainNav{ width:65%;}
.Header.Fixedtop .MainNav{ width:75%;}
}

@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important;}
.Header .Contain{ max-width:none; margin:0 12px;}
.Header .Logo{ width:auto !important; height:45px !important;}
.Header .Logo img,.Header.Fixedtop .Logo img{ height:28px;}
.Header .Logo .ewm { margin-left:10px;}.Header .Logo .ewm .iconfont{ font-size:22px;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100% !important; float:none !important; padding:0; left:0;background: #999;top:45px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #908f8f;border-top:1px solid #9e9d9d; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding:0 0 0 5px; color:#fff !important; border:0;}
.MainNav .ico{ display:none;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:20px; top:9px;transition: all ease 0.3s; color:#fff;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull dl{ padding:0 !important;}
.NavPull { position:static;text-align:left; width:100% !important; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 20px; color:#fff; background:#999;}
.NavPull dd a:hover{ color:#fff; background:transparent;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#282828; padding-top:39px;}
.Footer .msg{ float:left; width:58%; padding-right:8%; border-right:1px solid #515151; margin-bottom:37px;}
.Footer .msg dd{ padding-top:26px;}
.Footer .msg dd.w46{ width:46%;}
.Footer .msg .input{ border-bottom:1px solid #515151; height:32px; line-height:32px; text-indent:1em; width:100%;}
.Footer .msg .textarea{ border:1px solid #515151; padding:12px;}
.Footer .msg .textarea textarea{ width:100%; height:106px;}
.Footer .msg .sendbtn{ color:#fff; width:80px; height:26px; background:#78c575;}

.Footer .contact{ font-size:14px; color:#bdbdbd; width:25%; float:right; padding-top:13px; line-height:25px;}
.Footer .ti{ color:#fff; padding:9px 0 8px; font-size:16px;}
.Footer .share a{ position:relative; display:inline-block; vertical-align:middle; margin-right:22px; color:#999999;}
.Footer .share a i{ font-size:30px;}
.Footer .share .ewm{ position:absolute; top:36px; left:-11px; display:none; max-width:none; width:54px; height:54px; padding:1px; background:#fff; border:1px solid #eaeaea;}
.Footer .share a:hover .ewm{ display:block;}
.Footer .share a:hover{color:#78c575;}

.SiteNav { position:relative; border-top:1px solid #c6c6c6; padding-top:74px;}
.SiteNav .top{ position:absolute; left:50%; top:-23px; margin-left:-25px; padding:!important; text-align:center; width:50px; height:50px; line-height:50px; color:#fff; background:#78c575;}
.SiteNav .item{ line-height:29px; width:13.8%; float:left; color:#333333; margin-bottom:54px;}
.SiteNav .item dt{ line-height:39px; padding:2px 0 3px; background:url(../images/bline.gif) 0px top no-repeat; color:#000000; position:relative;}
.SiteNav .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.SiteNav .item dt .iconfont{ font-size:18px;right:5px; top:2px; position:absolute;transition: all ease 0.3s;}
.SiteNav .item.on .iconfont{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.SiteNav .item dd a{ color:#999999; font-size:14px;}.Footer .item dd a:hover{ color:#78c575;}
.SiteNav .item.dt7{ width:auto;}
.SiteNav .item.dt8{ width:auto; float:right;}

.Copyright{ clear:both; text-align:center; padding:13px 12px; font-size:14px; color:#8b8b8b; border-top:1px solid #535353;}
.Copyright a{color:#888888;}.Copyright a:hover{color:#fff;}

.totop{text-align: center; cursor: pointer;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

.FastNav{ position:fixed; left:0; top:148px; width:195px; z-index:999;}
.FastNav .Fastbtn{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; color:#78c575; box-shadow:0 0 10px #999; display:none;}
.FastNav .Fastbtn.on{background:#78c575; color:#fff;}
.FastNav .box{ background:rgba(0,0,0,0.8);}
.FastNav .hd{ cursor:pointer; line-height:50px; background:rgba(0,0,0,0.3); color:#7dc77a; font-size:18px; text-align:center;}
.FastNav .hd img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.FastNav .hd .iconfont{ font-size:14px; margin-left:5px;}
.FastNav .bd{ display:none; padding:18px 0 18px 12px;}
.FastNav .bd dd{ line-height:44px; font-size:14px;}
.FastNav .bd dd i{transition: all ease 0.3s; display:inline-block; vertical-align:middle; height:1px; font-size:0; margin-right:7px; width:12px;}
.FastNav .bd dd a{ color:#d6d6d6;}
.FastNav .bd dd:hover i{ width:24px; background:#7dc77a;}
.FastNav .bd dd:hover a{ color:#7dc77a;}

.FastRight{ width:72px; position:fixed; z-index:999; right:3%; bottom:20%;}
.FastRight li{ position:relative; cursor:pointer; margin-bottom:1px; line-height:15px;}
.FastRight .ico{ height:72px;display:flex;justify-content:center; color:#fff;align-items:center;flex-direction: column; font-size:11px; background:rgba(0,0,0,0.5);}
.FastRight .ico .iconfont{ color:#7fca7d; display:block; margin-bottom:5px;}
.FastRight li:hover .ico{ background:#7fca7d;}
.FastRight li:hover .ico .iconfont{ color:#fff;}
.FastRight .info{ display:none; position:absolute; top:0; right:72px; padding:10px; background:#78c575;}
.FastRight .info img{ border:5px solid #fff; max-width:none; width:110px; height:110px;}
.FastRight .info.tel{ line-height:26px; color:#fff; width:150px;}
.FastRight .info.tel b{ display:block;}

@media ( max-width:1440px){
.FastNav{width:130px;}
.FastNav .box{ background:rgba(0,0,0,0.5);}
.FastNav .hd{font-size:14px;}
.FastNav .hd img{ width:20px;}
.FastNav .bd{padding-left:5px;}
.FastNav .bd dd{ line-height:33px; font-size:12px;}
.FastNav .bd dd i{ margin-right:4px; width:0px;}
.FastNav .bd dd:hover i{ width:3px;}
.FastRight{right:1px;}
}

@media ( max-width:1024px){
.Footer{ padding-top:0px;}
.SiteNav {padding-top:35px;}
.SiteNav .top{ width:38px; height:38px; line-height:38px; top:-20px;}
.SiteNav .item{ width:auto !important; float:none !important; height:auto; min-height:20px; border-right:0; margin:0; border-bottom:1px solid #eee; padding:0 !important;}
.SiteNav .item .sub{ display:none; padding-bottom:8px;}
.SiteNav .item dt{line-height:35px; font-size:16px;}
.SiteNav .item dt .arr{ display:block;}
.Copyright {line-height:20px; padding:8px 0; font-size:12px;}
.Copyright dd{ float:none !important; text-align:center;}
.Footer .msg{ float:none; width:auto; padding:0; margin-bottom:0px; border-right:0; border-bottom:1px solid #515151;}
.Footer .contact{ float:none; width:auto; padding-bottom:15px;}
.Footer .msg .textarea textarea{height:70px;}
.Footer .msg dd{ padding-top:12px;}
.FastNav{ top:80px;}
.FastNav .bd li{ line-height:34px;}
.FastNav .Fastbtn{ display:block;}
.FastNav .box{ display:none;}
.FastRight{ width:40px; bottom:10%;}
.FastRight li .ico{ height:40px;}
.FastRight li em{ display:none;}
.FastRight .ico .iconfont{margin:0;}
.FastRight .info{ right:40px;}
}

/*Bottom*/

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li .imgbox{ padding-top:546px;}
.HomeBan .flex-control-nav{bottom:18px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 8px 0 8px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:12px; height:12px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#87d685;}
.HomeBan .flex-direction-nav a { opacity: 0; border:2px solid #fff; color:#87d685;}
.HomeBan .flex-direction-nav a:hover {border:2px solid #87d685; color:#fff;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:3%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:3%;}
@media ( max-width:1024px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .slides li .imgbox{ padding-top:38%;}
}

.HomeSearch{ height:73px; border-bottom:1px solid #d6d6d6; text-align:center;}
.HomeSearch .since{ text-align:left; float:left; padding-top:18px; color:#333333;}
.HomeSearch .since i{ display:block; line-height:14px; font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif;}
.HomeSearch .tel{ text-align:left; color:#fff; line-height:21px; z-index:100; position:absolute; bottom:-13px; right:0; background:#78c575; padding:34px 0 0 81px; width:196px; height:78px;}
.HomeSearch .tel .ico{ text-align:center; position:absolute; left:26px; top:33px; width:46px; height:46px; line-height:46px; background:#fff; color:#7fca7d; border-radius:50%;}
.HomeSearch .tel b{ display:block; font-size:26px; font-family:"Times New Roman", Times, serif;}
.HomeSearch .tel a{ color:#fff;}
.Searchico{ cursor:pointer; text-align:center; color:#143a83; position:absolute; top:23px; right:50%;}
.Searchico .iconfont{ vertical-align:top;}
.Searchico .icongb{ display:none;}
.Searchico.on { right:36%;}
.Searchico.on .icongb{ display:block;}
.Searchico.on .iconso{ display:none;}
.searchbox{ z-index:100;width:350px; background:#fff; right:38.5%; box-shadow:0 0 10px #999; display:none; position:absolute; top:18px;}
.searchbox .input{width:100%; height:38px; line-height:38px; text-indent:1em;}
.searchbox .input::-webkit-input-placeholder {color: #959595;}
.searchbox .btn { position:absolute; right:5px; top:6px; width:29px; background:none;}

.HomeTit{ color:#999999; padding:52px 0 28px;}
.HomeTit h2{ font-weight:normal; line-height:43px; color:#222222; font-size:36px; display:inline-block;*display:inline;zoom:1; position:relative;}
.HomeTit h2 i{width:98px; height:3px; position:absolute; top:16px; left:-31px; background:#78c575;}
.HomeTit h2 em{ position:relative; z-index:2;}
.HomeTit .en{ line-height:19px; color:#666666; padding-bottom:15px;}
.HomeTit .more{ float:right; padding-top:16px;}
.HomeTit .more a{ display:block; width:80px; line-height:28px; text-align:center; border:1px solid #999999; color:#666666; font-size:12px;}
.HomeTit .more a i{ display:inline-block; background:url(../images/morearr1.png); width:10px; height:7px; margin-left:7px;}
.HomeTit .more a:hover{ background:#78c575; border:1px solid #78c575; color:#fff;}
.HomeTit .more a:hover i{background:url(../images/morearr01.png);}
.HomeTit .p{ color:#333333;}
.HomeTit .nav{ text-align:center; color:#fff; position:absolute; right:0; top:70px; font-size:14px;}
.HomeTit .nav li{ position:relative; display:inline-block;*display:inline; margin-left:10px;border:1px solid #999999; width:92px; line-height:28px; color:#666666;}
.HomeTit .nav li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeTit .nav li.on { background:#7dc77a; border:1px solid #7dc77a; color:#fff;}

.HomeCase{ background:url(../images/casebg.jpg) center top no-repeat; background-size:cover; height:auto !important; height:425px; min-height:425px; padding-bottom:3%;}
.HomeCase .Nav{ padding:8px 0; width:200px; float:left; line-height:33px; font-size:15px; background:#7dc77a url(../images/navbg.jpg) no-repeat; box-shadow:0 0 15px #aaa9a9; background-size:cover;}
.HomeCase .Nav li a{ display:block; cursor:pointer; padding-left:35px; color:#fff;}
.HomeCase .Nav li.on a{ background:url(../images/navline.gif) 0px center no-repeat; padding-left:50px;}

.HomeCase .content{ width:80.5%; float:right; overflow:hidden;}
.HomeCase .content ul{ margin-left:-20px;}
.HomeCase .content li{ width:33.333%; float:left;}
.HomeCase .content li .box{ position:relative; margin:0 0 18px 20px;}
.HomeCase .content li .imgbox{ padding-top:245px;}
.HomeCase .content li .info{ opacity:0;transition: all ease 0.3s; position:absolute; width:90%; border-bottom:3px solid #78c575; left:5%; height:88.5%; bottom:5.5%; background:rgba(0,0,0,0.6); z-index:2;}
.HomeCase .content li .more{ text-align:center; color:#fff; background:url(../images/more.png) center bottom no-repeat; padding-bottom:42px; line-height:41px; font-size:20px; position:absolute; left:0; width:100%; bottom:27px;}
.HomeCase .content li .more i{ display:block; margin:0px auto; width:1px; font-size:0; height:0; background:#fff;transition: all ease 0.3s;}
.HomeCase .content li:hover .info{ opacity:1;}
.HomeCase .content li:hover .more i{height:60px;}
.HomeCase .content li.li1 .imgbox{ padding-top:508px;}
.HomeCase .content li.li1 .info{ height:94%; bottom:3%;}
.HomeCase .content li.li1:hover .more i{height:140px;}

@media ( max-width:1024px){
.Searchico.on { right:50%;}
.searchbox{width:90%; right:5%; top:80px;}
.HomeTit{padding:25px 0 15px;}
.HomeTit h2{font-size:20px; line-height:32px;}
.HomeTit h2 i{ width:60px;}
.HomeTit .more{ padding-top:10px;}
.HomeTit .nav{top:30px;}
.HomeTit .nav li a { display:none;}
.HomeCase .content li .info{ opacity:1; height:auto !important; bottom:5px !important; border-bottom:0;}
.HomeCase .content li .more{ position:static; background:none; padding:0; font-size:15px;line-height:30px; height:30px; overflow:hidden;}
.HomeCase .content li:hover .more i{ display:none;}
}
@media ( max-width:768px){
.HomeTit .nav{ position:static;}
.HomeTit .nav li{margin:0 3px; width:70px;}

.HomeSearch .tel{ background:none; height:32px; width:32px; padding:0;}
.HomeSearch .tel span{ display:none;}.HomeSearch .tel .ico{height:32px; width:32px; line-height:35px; left:auto; right:0; top:-12px; background:#7dc77a; color:#fff;}
.Searchico{ right:50px; top:29px;}
.Searchico.on{ right:50px;}
.HomeCase .Nav{ width:auto; float:none; padding:10px 0; line-height:30px; margin-bottom:18px;}
.HomeCase .Nav li{ width:50%; padding:0; float:left; text-align:left; font-size:14px;}
.HomeCase .content{ width:auto; float:none;}
.HomeCase .content ul{ margin-left:-10px;}
.HomeCase .content li .box{ margin:0 0 10px 10px;}
.HomeCase .content li .imgbox{ padding-top:150px;}
.HomeCase .content li.li1 .imgbox{ padding-top:309px;}
}
@media ( max-width:580px){
.HomeCase .content li .imgbox{ padding-top:100px;}
.HomeCase .content li.li1 .imgbox{ padding-top:210px;}
}

.HomeChoose{ background:url(../images/whybg.jpg) center top no-repeat; background-size:cover; padding:10px 0 4.5%; overflow:hidden;}
.HomeChoose .auto{ max-width:1605px; margin:0px auto;}
.HomeChoose .item{transition: all ease 0.3s; width:20%; float:left; position:relative; text-align:center; height:358px;}
.HomeChoose .info{ height:150px;}
.HomeChoose .info .num{ color:#78c575; font-size:60px; font-style:italic; line-height:81px;}
.HomeChoose .info h3{ font-size:24px; color:#333333;}
.HomeChoose .info h3 i{ display:block; line-height:15px; color:#666666; font-size:12px; font-weight:normal;}
.HomeChoose .imgbox{ height:208px;}
.HomeChoose .item.next .info{ position:absolute; bottom:0; left:0; width:100%;}
@media ( max-width:1660px){
.HomeChoose .auto{ max-width:92%;}
}
@media ( max-width:1024px){
.HomeChoose .item{ height:130px;}
.HomeChoose .info{ height:90px;}
.HomeChoose .info .num{font-size:32px; line-height:40px;}
.HomeChoose .info h3{ font-size:18px;}
.HomeChoose .imgbox{ height:140px;}
}
@media ( max-width:768px){
.HomeChoose .item{ width:auto; float:none;}
.HomeChoose .info{ float:left; width:50%; height:130px;display:flex;justify-content:center;flex-direction: column;}
.HomeChoose .imgbox{ width:50%; float:right;}
.HomeChoose .item.next .info{ float:right; width:50%; position:static;}
.HomeChoose .item.next .imgbox{float:left;}
.HomeChoose .info h3{ font-size:16px;}
}

.HomeHornor{ background:url(../images/rybg.jpg) center bottom no-repeat; background-size:cover; padding:10px 0 4.5%; overflow:hidden;}
.HomeHornor .flex-viewport{ margin-left:-25px; margin-top:-15px;}
.HomeHornor .slides li{ padding:15px 0;}
.HomeHornor .box{ background:#fff; box-shadow:0 3px 10px #ddd; padding:11px; margin-left:25px;}
.HomeHornor .imgbox{ padding-top:71.5%;}
.HomeHornor .imgbox span{ background-size:contain;}
.HomeHornor .flex-control-nav{ display:none;}
.HomeHornor .flex-direction-nav a { font-size:58px; color:#9b9b9b; font-family:"宋体";}

.Homead{ color:#fff; padding-top:30px; height:186px; background:#8b8173; line-height:29px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Homead .tel{ line-height:42px; font-size:18px;}
.Homead .ti{ font-size:24px; margin-bottom:12px;}.Homead .ti i{ display:block; font-size:14px;}
.Homead.ad2{ text-align:center; padding-top:55px; height:163px;}
.Homead.ad2 .ti{ font-size:28px;}.Homead.ad2 .ti i{ font-size:18px;}
.Homead.ad2 .znbtn{ margin:0px auto;}

.znbtn{ text-align:center; position:relative; width:126px; line-height:36px; font-size:14px;}
.znbtn a{ display:block; background:url(../images/btnbg.gif); color:#fff;}
.znbtn a:hover{ color:#ffcc00;}
.znbtn .ico{ position:absolute; right:-25px; bottom:-23px; -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;}
@-webkit-keyframes rightan
{
  from{bottom: -10px;opacity: 0;}
  to{bottom: -23px;opacity: 1;}
}
@media ( max-width:1450px){
.HomeHornor .flex-direction-nav .flex-prev{ left:-40px;}
.HomeHornor .flex-direction-nav .flex-next{ right:-40px;}
}
@media ( max-width:1024px){
.Homead{line-height:22px; padding-top:15px; height:150px;}
.Homead .tel{ line-height:30px; font-size:16px;}
.Homead .ti{ font-size:18px !important;}.Homead .ti i{ font-size:12px !important;}
.Homead.ad2{padding-top:35px; height:130px;}

.HomeHornor .flex-direction-nav a { font-size:28px;}
.HomeHornor .flex-direction-nav .flex-prev{ left:-10px;}
.HomeHornor .flex-direction-nav .flex-next{ right:-10px;}
.HomeHornor .flex-viewport{ margin-left:-12px;}
.HomeHornor .box{margin-left:12px;}
}

.HomeBusiness{ padding:10px 0 4.5%; overflow:hidden;}
.HomeBusiness ul{ height:656px; position:relative; margin-left:-14px;}
.HomeBusiness li{ width:25%; position:absolute; left:0;}
.HomeBusiness li.li1{ top:0;}
.HomeBusiness li.li2{ bottom:0;}
.HomeBusiness li.li3{ top:0; left:25%;}
.HomeBusiness li.li3 .imgbox{ height:656px;}
.HomeBusiness li.li3 .info .txt,.HomeBusiness li.li6 .info .txt{ top:auto; bottom:32px;}
.HomeBusiness li.li3:hover .info{ top:2.5%; height:95%;}
.HomeBusiness li.li4{ top:0; left:50%;}
.HomeBusiness li.li5{ top:0; left:75%;}
.HomeBusiness li.li6{ bottom:0; left:50%; width:50%;}
.HomeBusiness li.li6:hover .info{ left:2.5%; width:95%;}
.HomeBusiness .box{ margin-left:14px; position:relative;}
.HomeBusiness .info{ line-height:32px; font-size:24px; position:absolute; left:0; top:0; width:100%; height:100%; padding:0; background:rgba(0,0,0,0.2); z-index:2; color:#fff;transition: all ease 0.3s;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.HomeBusiness .info .txt{ position:absolute; left:36px; top:32px;transition: all ease 0.3s;}
.HomeBusiness .info i{ display:block; line-height:13px; font-size:12px; opacity:0.7; text-transform:uppercase;}
.HomeBusiness .imgbox{ height:321px;}
.HomeBusiness .line{ width:1px; position:absolute; left:50%; bottom:0; height:0; background:#fff;transition: all ease 0.3s;}
.HomeBusiness li:hover .info{ width:90%; height:90%; left:5%; top:5%; background:rgba(120,197,117,0.9);}
.HomeBusiness li:hover .info .txt{ position:static; text-align:center;}
.HomeBusiness li:hover .info .line{height:30%;}

@media ( max-width:1024px){
.HomeBusiness ul{ height:454px;}
.HomeBusiness .info .txt{left:15px; top:12px;}
.HomeBusiness li.li3 .info .txt,.HomeBusiness li.li6 .info .txt{bottom:15px;}
.HomeBusiness .info{ font-size:18px;}
.HomeBusiness .imgbox{ height:220px;}
.HomeBusiness li.li3 .imgbox{ height:454px;}
}
@media ( max-width:768px){
.HomeBusiness ul{ height:auto;}
.HomeBusiness li{ position:relative; top:0 !important; left:0 !important; width:50%;}
.HomeBusiness li.li3{ position:absolute; left:auto !important; right:0 !important; top:0 !important;}
.HomeBusiness li.li4,.HomeBusiness li.li5{ float:left;}
.HomeBusiness li.li6{ clear:both; width:100%;}
.HomeBusiness .imgbox{ height:130px;}
.HomeBusiness li.li3 .imgbox{ height:270px;}
.HomeBusiness ul{margin-left:-10px;}
.HomeBusiness .box{ margin:0 0 10px 10px;}
.HomeBusiness .info{ font-size:16px;}
}

.HomeProcess{ background:url(../images/lcbg.jpg) center top no-repeat; background-size:cover; padding:10px 0 4.5%; overflow:hidden;}
.HomeProcess ul{ height:394px; position:relative;}
.HomeProcess li{ text-align:center; width:18%; color:#333333; position:absolute;}
.HomeProcess li.li1{ left:0; top:0; color:#fff;}
.HomeProcess li.li2{ left:20.5%; top:0;}
.HomeProcess li.li3{ left:41%; top:0; color:#fff;}
.HomeProcess li.li4{ left:61.5%; top:0;}
.HomeProcess li.li5{ right:0; top:0; color:#fff;}
.HomeProcess .ico{ z-index:1; padding-top:100%; position:relative; background:url(../images/ico/icobg.png) center no-repeat; background-size:contain;}
.HomeProcess .ico span{ position:absolute; left:0; top:0; width:100%; font-size:20px; height:100%;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.HomeProcess .ico span i{ display:block; width:45%; margin:0px auto 10px;
transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;}
.HomeProcess .info{ color:#333333; padding-top:72px; position:relative; line-height:22px;}
.HomeProcess .info span{ line-height:65px; width:1px; height:65px; font-size:0; background:#78c575; position:absolute; left:50%; top:0;}
.HomeProcess .info span i{ font-size:16px; position:absolute; left:10px; color:#828282; top:0;}
.HomeProcess li .line{ width:100px; height:100px; top:38%; position:absolute; right:-55px; background:url(../images/ico/line1.png);}
.HomeProcess li.li2 .info,.HomeProcess li.li4 .info,.HomeProcess li.li6 .info{ top:28px; position:absolute; left:0; width:100%;padding-top:0; padding-bottom:72px;}
.HomeProcess li.li2 .info span,.HomeProcess li.li4 .info span,.HomeProcess li.li6 .info span{ top:auto; bottom:0;}
.HomeProcess li.li2 .ico,.HomeProcess li.li4 .ico,.HomeProcess li.li6 .ico{ margin-top:143px; background:url(../images/ico/icobg2.png) center no-repeat; background-size:contain;}
.HomeProcess li.li2 .line,.HomeProcess li.li4 .line{background:url(../images/ico/line2.png); top:35%; right:-70px;}
.HomeProcess li.li5 .line{ display:none;}
.HomeProcess li:hover .ico i{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
}
@media ( max-width:1024px){
.HomeProcess .ico span{ font-size:16px; line-height:20px;}
.HomeProcess .ico span i{ margin-bottom:0;}
}
@media ( max-width:768px){
.HomeProcess ul{ height:auto;}
.HomeProcess li{ position:relative; left:auto !important; top:auto !important; float:left; padding:0 2%; width:29.333%;}
.HomeProcess li .line{ display:none;}
.HomeProcess .ico span{ font-size:14px;}
.HomeProcess li.li2{ position:absolute; left:33.333% !important; margin-top:27%;}
.HomeProcess li.li4{ clear:both;}
.HomeProcess li.li3,.HomeProcess li.li5{ float:right;}
.HomeProcess li.li2 .info,.HomeProcess li.li4 .info,.HomeProcess li.li6 .info{ line-height:18px;}
}

.Homekh{ padding:10px 0 4.5%; overflow:hidden;}

.HomeNews{ padding:10px 0 3%; margin-bottom:10px; overflow:hidden;}
.HomeNews .list{ margin:0 0 0 -2%;}
.HomeNews .list li{width:48%; float:left; padding:0 0 10px 2%;}
.HomeNews .list .imgbox{ padding-top:26%;}
.HomeNews .list .info{ position:relative; padding-left:144px; font-size:14px; margin-top:17px;}
.HomeNews .list .info .date{ position:absolute; left:0; line-height:41px; top:0; color:#666666;}
.HomeNews .list .info .date i{ font-size:0; width:42px; display:inline-block; vertical-align:middle; height:1px; background:#999999; margin-left:10px;}
.HomeNews .list .info .tit{ line-height:41px; font-size:18px; color:#333333;}
.HomeNews .list .info .p{ color:#666666; line-height:26px; height:52px; margin-bottom:20px;-webkit-line-clamp: 2;}
.HomeNews .list .info .more{ color:#fff; text-align:center; background:#c4c4c4; border-radius:11px; width:64px; line-height:22px;}
.HomeNews .list li:hover .info .more{ background:#78c575;}
@media ( max-width:1024px){
.HomeNews .list .info{padding-left:100px;}
.HomeNews .list .info .date{ line-height:30px;}.HomeNews .list .info .date i{ width:12px;}
.HomeNews .list .info .tit{ line-height:30px; font-size:16px;}
}
@media ( max-width:768px){
.HomeNews .list li{ width:auto; float:none;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{height:auto !important; min-height:255px; height:255px; padding-top:46px;padding-bottom:55px;}
.SubBan{ overflow:hidden; position:relative; height:412px; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ position:absolute; top:128px; left:0; text-align:center; width:100%; color:#fff;}
.SubBan .txt h2{ font-weight:normal; padding:6px; background:rgba(255,255,255,0.2); width:258px; margin:0px auto; line-height:84px;}
.SubBan .txt h2 span{ display:block; background:rgba(0,0,0,0.2); font-size:38px;font-family: 'lmqiyi';}
.SubBan .txt p{ display:inline-block; line-height:33px; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:25px 7px 0; border-bottom:2px solid #78c575; text-transform:uppercase;}

.ColumnName{ text-align:center; font-size:16px; color:#fff; background:#78c575; display:none; line-height:40px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:19px;}
.ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.SubMenu{clear:both; text-align:center; position:relative; z-index:5; background:#fff; border-bottom:1px solid #d1d2d5;}
.SubMenu ul{ max-width:94%; margin:0px auto;display: flex;display: -webkit-flex;flex-flow:row;justify-content: center;}
.SubMenu li{width:158px; position:relative;}
.SubMenu li a{ z-index:1; position:relative; display:block; line-height:66px; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; margin-left:-1px;color:#666666;}
.SubMenu li .arr{ background:url(../images/menuarr.png); width:21px; height:10px; left:50%; margin-left:-10px; bottom:-9px; z-index:2; position:absolute; display:none;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:100%; bottom:0px; height:0; left:0; background:#6ad06f;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg{ height:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}

.Subnav{ text-align:center;margin-bottom:38px;}
.Subnav li{ display:inline-block;*display:inline;zoom:1; padding:0 18px; background:url(../images/line.gif) right center no-repeat;}
.Subnav li:last-child{ background:none;}
.Subnav li a{ color:#666666; padding-bottom:15px;}
.Subnav li .on{ color:#78c575; background:url(../images/arr.gif) center bottom no-repeat;}

.SubTit{ padding:25px 0;}
.SubTit .cn{ font-size:24px; color:#333333;}
.SubTit .cn i{ display:block; border-top:2px solid #f3f3f3; width:23px; height:17px;}
.SubTit .en{ font-size:12px; color:#78c575; text-transform:uppercase;}

.SinglePage{ color:#4c4c4c; word-wrap:break-word;word-break:normal;text-align:justify;}

@media ( max-width:1024px){
.SubPage{ padding-top:25px;padding-bottom:35px;}
.SubBan { height:200px;}
.SubBan .txt{top:50px;}
.SubBan .txt h2{line-height:40px; width:160px;}
.SubBan .txt h2 span{ font-size:19px;}
.SubBan .txt p{font-size:14px; padding-top:0;}

.ColumnName{ display:block; font-weight:normal;}
.SubMenu{ border-bottom:0; margin-top:-20px; background:none; line-height:35px;}
.SubMenu ul{ display:none; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd;}
.SubMenu .ico{ display:inline-block; vertical-align:middle; margin:2px 6px 0 0; width:25px; height:22px;}
.SubMenu li .i1,.SubMenu li .i2{width:25px; height:22px;}
.SubMenu li a{font-size:16px; padding:0 0 0 12px; border-left:0; border-right:0; line-height:35px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#78c575;}

.SubTit .cn{ font-size:18px;}
}
@media ( max-width:768px){
.SubBan { height:150px;}.SubBan .txt h2 span{ font-size:18px;}
.SubBan .txt{top:35px;}
}

/*栏目页公用样式 end*/


/*关于我们 s*/
.Aboutinfo{ padding-bottom:42px; overflow:hidden;}
.Aboutinfo .info{ font-size:14px; line-height:24px; width:50%; float:left;}
.Aboutinfo .img{ width:45%; float:right;}
.Culture{ padding:4% 0; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.Culture .info{ color:#fff; padding:3.5% 4.5%; max-width:320px; background:rgba(120,197,117,0.9); line-height:40px;}
.Culture .SubTit{ padding-bottom:5px;}
.Culture .SubTit .cn,.Culture .SubTit .en{ color:#fff;}
.Coreinfo{ padding:42px 0 20px; overflow:hidden;}
.Coreinfo .info{ font-size:14px; line-height:24px; width:53%; float:right;}
.Coreinfo .info p{ margin-bottom:10px;}
.Coreinfo .img{ width:45%; float:left;}
.Coreinfo .SubTit { padding:10px 0;}
.Coreinfo .SubTit .en{ color:#666666;}
.Coreinfo .p1{ color:#333;}
.Coreinfo .p1 i{ border-top:2px solid #78c575; margin-top:17px; width:23px; height:17px; display:block;}

#dituContent{ height:663px;}
.ContactUs{ background:#fff; position:relative; max-width:900px; margin:-16% auto 0; padding:2% 5% 3.8%; box-shadow:0 1px 12px #d8d4d4;}
.ContactUs .SubTit{ text-align:center;}
.ContactUs dl{ padding-bottom:22px; border-bottom:1px solid #d8d8d8;}
.ContactUs dd{ width:50%; float:left; text-align:center; font-size:14px;}
.ContactUs .ico{ width:42px; line-height:42px; height:42px; border:2px solid #78c575; margin:0px auto 9px; border-radius:50%; color:#78c575;}
.ContactUs .info{ font-size:14px; padding-left:164px; position:relative; width:185px; margin:34px auto 0; height:auto !important; height:133px; min-height:133px; color:#999999; line-height:20px;}
.ContactUs .info .img{ position:absolute; left:0; top:0; padding:4px; background:#fbfbfb;}
.ContactUs .info .img img{ width:124px; height:124px;}
.ContactUs .info .ti{ line-height:28px; padding-bottom:5px; color:#333333; font-size:16px;}

@media ( max-width:1024px){
#dituContent{ height:400px;}
.ContactUs{ margin-top:20px;}
}
@media ( max-width:768px){
.Aboutinfo .info,.Coreinfo .info{ width:auto; float:none;}
.Aboutinfo .img,.Coreinfo .img{ width:auto; float:none; text-align:center; padding-top:12px;}
.Culture .info{ line-height:24px;}
#dituContent{ height:250px;}
.ContactUs .info{ padding-left:140px;}
}

/*新闻资讯 s*/
.NewsRec{ margin:0 0 0 -2%;}
.NewsRec li{ width:31.3333%; float:left; margin:0 0 10px 2%; padding-bottom:10px;transition: all ease 0.3s;}
.NewsRec .imgbox{ padding-top:63%;}
.NewsRec .info{ margin:8px 16px 0;}
.NewsRec .tit{ font-size:18px; line-height:47px; color:#333333;}
.NewsRec .p{ color:#666; line-height:27px; height:54px;-webkit-line-clamp: 2; font-size:14px; margin-bottom:19px;}
.NewsRec .more{ background:url(../images/more1.png) center center no-repeat; width:37px; height:15px;}
.NewsRec li:hover .more{ background:url(../images/more01.png) center center no-repeat;}
.NewsRec li:hover .tit{color:#78c575;}

.NewsList{ margin-bottom:3%; padding-bottom:10px;}
.NewsList li{ padding:19px 0 19px 166px; background:url(../images/linebg.gif) 0px bottom repeat-x; height:120px; position:relative;transition: all ease 0.3s;}
.NewsList .date{ position:absolute; left:0; top:19px; padding:0 0 0 18px; height:120px; width:102px; background:#f6f6f6 url(../images/ico/newsico1.png) right 14px bottom 12px no-repeat; font-size:18px; line-height:22px;}
.NewsList .date i{ display:block; line-height:40px; padding-top:17px; font-size:30px;}
.NewsList .tit{ line-height:47px; padding-top:5px; color:#333333; font-size:18px;}
.NewsList .p{ color:#666; line-height:27px; height:54px;-webkit-line-clamp: 2; font-size:14px;}
.NewsList li:hover .date{ color:#fff;background:#78c575 url(../images/ico/newsico2.png) right 14px bottom 12px no-repeat;}
.NewsList li:hover .tit{ color:#78c575;}

.Hrtxt .info{ text-align:center; line-height:30px; background:url(../images/kh.png) center bottom no-repeat; padding:42px 0 70px; margin-bottom:45px;}
.hrw1{ width:28%;}
.hrw2{ width:24%;}
.hrw3{ width:24%;}
.hrw4{ width:24%;}
.Hrhead{height:56px; text-align:center; color:#fff; background:#78c575; font-weight:bold; font-size:18px; margin-bottom:0px;}
.HrList{ margin-bottom:4%;}
.HrList li{ margin-bottom:1px;}
.HrList li td{ cursor:pointer; height:56px; font-size:16px; text-align:center; color:#333333;background:#f6f6f6;}
.HrList li .iconfont{ color:#a9a9a9; font-size:18px; margin-left:6px;}
.HrList li .txtCont{position:relative; display:none; margin:25px 4%; padding-right:150px; color:#333333;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-weight:bold;}
.HrList li .txtCont .stxt{ margin-bottom:24px;}
.HrList li .txtCont .apply{ position:absolute; right:0; bottom:0; background:url(../images/jia.png) 0px center no-repeat; padding-left:32px;}
.HrList li .txtCont .apply a{ width:98px; line-height:32px; text-align:center; display:block; color:#fff; background:#78c575; border-radius:16px;}
.HrList li .txtCont .apply a:hover{background:#2fae2a;}
.HrList li.current a,.HrList li.current td{ color:#78c575;}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:4%; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#78c575; padding-bottom:3%; font-size:24px;}
.Jobbox .mfp-close{ border-radius:50%; background:#78c575; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666; margin:0px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#78c575; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}


@media ( max-width:768px){
.NewsRec .info{ margin:8px 5px 0;}
.NewsRec .tit{ font-size:15px; line-height:25px;}
.NewsRec .p{ margin-bottom:6px;}
.NewsRec .p,.NewsList .p{ line-height:22px; height:44px;}
.NewsList .tit{ line-height:25px;font-size:15px;}
.NewsList .date{height:80px; width:70px; font-size:14px; padding-left:10px;}
.NewsList .date i{ line-height:24px; padding-top:10px; font-size:18px;}
.NewsList li{ padding:10px 0 10px 95px; height:95px;}

.Hrtxt .info{line-height:24px; padding:20px 0 40px; margin-bottom:20px;}

.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:42px;font-size:14px;}
.hrw1{ width:70%;}
.hrw2,.hrw3{ display:none;}
.hrw4{ width:30%;}
.HrList li .txtCont .stit{ font-size:15px;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:10px; line-height:24px;}
.HrList li .txtCont .apply a{width:110px; line-height:32px; font-size:14px;}
.HrList .btn{width:14px;}
.HrList .btn i{width:14px; height:14px;}
.HrList li .txtCont{ padding-right:0; margin:12px;}
.HrList li .txtCont .apply{ position:static;}

.Jobtit{ font-size:18px;}
.HrList .btn{width:20px; height:20px; }
.JobForm dl{ width:auto; float:none; padding-left:0%;}
.JobForm dl.other{ width:auto;padding-left:0%;}
.JobForm dl dt{ width:25%;}
.JobForm dl dd{ width:70%;}
.JobForm dl.other dt{ width:25%;}
.JobForm dl.other dd{ width:70%;}
.sendbtn{ width:100px; height:35px;}
.resetbtn{ width:100px; height:35px;}
.Jobbox{ width:92%;}
.Jobbox .mfp-close{ right:0; top:0; width:28px; height:28px; line-height:28px; font-size:30px;}
}

/*产品展示 s*/
.ProList ul{ margin:0 0 1.5% -2%; padding-bottom:10px;}
.ProList li{ float:left; position:relative; width:31.333%; margin:0 0 2% 2%; text-align:center;transition: all ease 0.3s;}
.ProList .imgbox{ padding-top:150%;}
.ProList .tit{ position:absolute; left:0; bottom:0;transition: all ease 0.3s; background:rgba(0,0,0,0.16); z-index:2; line-height:68px; font-size:18px; color:#fff;}
.ProList li:hover .tit{background:#78c575;}

@media ( max-width:768px){
.ProList .tit{line-height:30px; font-size:14px;}
}


/*景观绿墙 s*/
.PhotoList{}
.PhotoList ul{ margin:0 0 2% -18px; padding-bottom:10px;}
.PhotoList dd{ width:25%; float:left;}
.PhotoList .d1{ width:50%;}
.PhotoList .box{ margin:0 0 18px 18px; position:relative;transition: all ease 0.3s;}
.PhotoList .imgbox{ height:224px;}
.PhotoList .d1 .imgbox{ height:466px;}
.PhotoList .info{ opacity:0; position:absolute; left:0; bottom:0; height:100%; width:100%;display:flex; text-align:center;justify-content:center;align-items:center;flex-direction: column; z-index:2; background:rgba(0,0,0,0.75); color:#fff;transition: all ease 0.3s;}
.PhotoList .info .txt{ position:relative; z-index:1; line-height:20px; width:60%; margin:0px auto;}
.PhotoList .info .txt .tit{ margin-bottom:16px; font-size:20px;}
.PhotoList .info .txt .p{ height:40px;-webkit-line-clamp: 2; margin:12px 0 25px; font-size:14px; opacity:0.8;}
.PhotoList .info .txt .more{ text-align:center; width:104px; margin:0px auto; line-height:32px; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#78c575;}
.PhotoList .info .line{ position:absolute; left:3.5%; width:92%; top:5%; height:89%;border:1px solid #78c575;}
.PhotoList li .box:hover .info{ opacity:1;}
.PhotoList .d1 .info .line{ left:2.5%; width:95%; top:4%; height:92%;border:1px solid #78c575;}
.PhotoList .d1 .info .txt{margin:16px 0 38px;}
.PhotoList li.next .d1{ float:right;}

.PhotoList2{}
.PhotoList2 ul{ margin:0 0 2% -18px; padding-bottom:10px;}
.PhotoList2 dd{ width:33.333%; float:left;}
.PhotoList2 .d1{ float:right;}
.PhotoList2 .d2{ width:66.666%;}
.PhotoList2 .box{ margin:0 0 18px 18px; position:relative;transition: all ease 0.3s;}
.PhotoList2 .imgbox{ height:302px;}
.PhotoList2 .d1 .imgbox{ height:624px;}
.PhotoList2 .info{ opacity:0; position:absolute; left:0; bottom:0; padding:0 5%; height:67px; line-height:67px; width:90%;z-index:2; background:rgba(120,197,117,0.8); color:#fff;transition: all ease 0.3s;}
.PhotoList2 .info .tit{width:80%; font-size:18px; float:left;}
.PhotoList2 .info .more{ float:right; background:url(../images/more2.png); background-size:contain; width:33px; height:33px; display:block; margin-top:18px;}
.PhotoList2 li .box:hover .info{ opacity:1;}
.PhotoList2 li.next .d1{ float:left;}

.XhList{ padding-bottom:1%; margin-bottom:10px;}
.XhList ul{ margin-left:-27px;}
.XhList li{ width:33.333%; float:left;}
.XhList .box{ margin: 0 0 33px 27px; position:relative;transition: all ease 0.3s;}
.XhList .info{ opacity:0; line-height:32px; font-size:24px; position:absolute; left:4.2%; top:4%; width:92%; height:261px; padding:0; z-index:2; color:#fff;transition: all ease 0.3s;display:flex;justify-content:center;align-items:center;flex-direction: column; background:rgba(0,0,0,0.4);}
.XhList .p{ font-size:14px; line-height:22px;-webkit-line-clamp: 2; max-width:80%; margin:0px auto; text-align:center;}
.XhList .line{ width:13px; height:0; position:absolute; left:48%; bottom:0;transition: all ease 0.3s; background:url(../images/more3.gif);}
.XhList .imgbox{ padding-top:288px;}
.XhList .tit{ line-height:63px; border-bottom:2px solid #cccccc; color:#333333;}
.XhList li:hover .line{ height:96px;}
.XhList li:hover .info{ opacity:1;}
.XhList li:hover .tit{ border-bottom:2px solid #78c575;}

@media ( max-width:1024px){
.PhotoList .imgbox{ height:180px;}
.PhotoList .d1 .imgbox{ height:378px;}
.PhotoList .info{ display:none;}
.PhotoList .d1 .info{ opacity:1; display:block; height:auto;}
.PhotoList .info .txt{ width:90%; margin:0 auto !important; line-height:32px;}
.PhotoList .info .line{ display:none;}
.PhotoList .d1 .p{ display:none;}
.PhotoList .info .txt .more{ display:none;}
.PhotoList .info .txt .tit{ margin:0; font-size:14px !important;}

.PhotoList2 .imgbox{ height:180px;}
.PhotoList2 .d1 .imgbox{ height:378px;}
.PhotoList2 .info{ display:none;}
.PhotoList2 .d1 .info{ opacity:1; display:block; height:38px; line-height:38px;}
.PhotoList2 .info .more{margin-top:6px; width:28px; height:28px;}
.PhotoList2 .d1 .p{ display:none;}
.PhotoList2 .info .tit{ margin:0; font-size:14px !important;}

.XhList ul{ margin-left:-12px;}
.XhList .info{ display:none;}
.XhList .imgbox{padding-top:72%;}
.XhList .tit{ line-height:38px;}
.XhList .box{ margin: 0 0 15px 12px; position:relative;transition: all ease 0.3s;}
}
@media ( max-width:768px){
.PhotoList ul{ margin-left:-10px;}
.PhotoList .box{ margin:0 0 10px 10px;}
.PhotoList .imgbox{ height:110px;}
.PhotoList .d1 .imgbox{ height:230px;}

.PhotoList2 ul{ margin-left:-10px;}
.PhotoList2 .box{ margin:0 0 10px 10px;}
.PhotoList2 .imgbox{ height:150px;}
.PhotoList2 .d1 .imgbox{ height:310px;}

.XhList li{ width:50%;}
}
@media ( max-width:580px){
.PhotoList .imgbox{ height:60px;}
.PhotoList .d1 .imgbox{ height:130px;}

.PhotoList2 .imgbox{ height:100px;}
.PhotoList2 .d1 .imgbox{ height:210px;}
}


/*详情页面 s*/
.NewsInfo{ max-width:830px; margin:0px auto;}
.TitleInfo{ border-bottom:1px solid #a0a0a0; margin-bottom:23px; text-align:center;}
.TitleInfo h2{ color:#333; font-size:24px; line-height:35px; padding-bottom:11px;}
.TitleInfo .other{ position:relative; line-height:41px; color:#b0b0b0; font-size:12px;}
.TitleInfo .other .sp{ margin-left:22px; display:inline-block; vertical-align:middle;}
.TitleInfo .other img{ display:inline-block; width:18px; vertical-align:middle; margin-right:10px;}
.TitleInfo .other .z2{ display:none;}
.TitleInfo .other a { margin-left:12px; width:16px;}
.TitleInfo .other a img{ width:15px;}
.TitleInfo .other a.on { color:#cc0000;}
.TitleInfo .other a.on .z1{ display:none;}
.TitleInfo .other a.on .z2{ display:inline-block;}

.TitleInfo .share{ bottom:10px; color:#000000; position:absolute; right:0;}
.TitleInfo .share a{ margin:0; width:auto;}
.TitleInfo .date2{ display:none;}

.PrevNextBox{ padding:7% 0;}
.PrevNextBox{ line-height:33px;}

@media ( max-width:1024px){
.TitleInfo .other{color:#898989;}
.TitleInfo .share{ position:static; display:block; padding-bottom:13px;}
.TitleInfo .date{ display:none;}.TitleInfo .date2{ display:inline-block; margin-left:20px;}
.PrevNextBox{ line-height:28px; font-size:16px;}
}
@media ( max-width:768px){
.TitleInfo h2{ font-size:20px; line-height:25px; padding:12px 0 0;}
}