﻿#header { background-color: #fff; padding-top: 15px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0); }
#pages li{
display: inline-block;
}
.thisclass a{
background-color: #449535 !important;
color: #fff !important;
}

.maker img{
margin-right: 40px;
margin-bottom: 20px;
}
#relates li:nth-of-type(even){padding-left: 5px;}
.cloud div{
display: inline-block;
}
.cloud div:nth-of-type(even){margin: 0 145px;}
#header ul li.navitem a { color: #8e8e8e; }
#header ul li.navitem { padding: 0; margin:8px 20px 8px;line-height: 46px;}


#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#449535; }



.bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; margin: 0px 14px 0 0; }



.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: 1px solid #449535; background-color:#449535; width:18px; }



.serviceitem div { text-align: left; }



#header{background-color: rgba(255, 255, 255, 1);padding-top: 0;}




#header ul#nav { float: right; }
















/*首页幻灯高度*/







#indexPage #mslider ul li div.sliderArrow {  display: none; }



#indexPage #mslider {  }



.content .header p.subtitle { color: #A5A5A5; }
.content .header p.subtitle span {border-bottom: 2px solid #519a68;
    margin-bottom: 0;
    margin: 0;
    margin-left: -60px;
    display: inline-block;
    position: absolute;
}



.serviceitem div p.title { font-size: 18px; border-bottom: 0; }



.serviceitem div p.description { font-size: 12px; margin-top: 10px; text-align: left; }



.navitem strong { left: 0px; width: 100%; position: absolute; top: -15px; height: 3px; background-color: transparent; transition: all 0.3s ease 0s; z-index: -1; }



#header ul li.navitem a.active strong, #header ul li.navitem:hover a strong { width: 100%; background-color:#449535; }



#nav .navitem:hover strong { width: 100%; }

#footer p img{  clear:both; float:none; margin-bottom:8px;
}

.bx-wrapper .bx-controls-direction a:hover i { color: transparent; }



#header ul li.navitem ul.subnav { border-top: 0px solid transparent; }



#header ul li.navitem ul.subnav li a:hover {  color: #666; }



#header ul li.navitem ul.subnav li a { color: #959595; }



#header ul li.navitem ul.subnav li { }




/*关于首页*/







.bx-controls .bx-pager { margin: 0px auto; width: 100%; text-align: left; }



.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: 25px; margin: 0 auto; text-align: center; }



.bx-wrapper .bx-controls-direction a {top:46%; background: rgba(0,0,0,0); border-radius: 0px;margin-top:0px;}



.bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../images/jiantou.png)no-repeat 0px -70px; width: 40px; height: 40px; margin: 0; }



.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 0px; background:url(../images/jiantou.png)no-repeat -39px 0px;background-color:rgba(49, 49, 49, 0.32);width: 40px;height: 40px;}



#indexPage .slider_control i { color: transparent; background: url(../images/jiantou.png)no-repeat -40px -50px; width: 40px; height: 20px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#indexPage .slider_control i.fa-angle-left { background: url(../images/jiantou.png)no-repeat 0px -51px; }



#indexPage .slider_control i:hover.fa-angle-left { background: url(../images/jiantou.png)no-repeat 0px -70px; }



#indexPage .slider_control i:hover { background: url(../images/jiantou.png)no-repeat -40px -70px; }



#indexPage a.more { width: 160px; height: 38px; line-height: 38px; color: transparent; background: url(../images/jiantou.png)no-repeat 32px -94px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; font-size: 0px; border: none;border: 1px solid rgba(204, 204, 204, 0.35);}



#indexPage a.more:hover { background: url(../images/jiantou.png)no-repeat 32px -122px; }



#indexPage #mnews { background-color: #fff;}



#newslist .newsdate { width: 120px; }



#newslist .newsinfo .md { font-size: 40px; line-height: 30px; }



#newslist .newsbody .description { line-height: 22px; font-size: 12px; color: #898989; margin-top: 26px; position: absolute; top: 80px; }



#newslist .newstitem:hover p.description { color: #898989; }



#mnews .content .header { padding-top: 80px; padding-bottom: 10px; }



#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }



#contactform p .inputtxt { width: 0; height: 0; line-height: 0; padding: 0; color: transparent; background-color: transparent; border: 1px solid transparent; margin-bottom: 0; }



#contactform p .inputsub { width: 0; }



#contactinfo {  margin: 80px auto 0; }



#contactinfo h3 { float: left; width: 100%; color: #666; }



#contactinfo p { width: auto; float: inherit; padding-right: 40px; }



#indexPage #mcontact { background-color: #f0f0f0; height: 320px; }



#indexPage #mcontact .header p.title { color: transparent; font-size: 0px; }



#indexPage #mcontact .header p.subtitle { color: transparent; font-size: 0; line-height: 0; }



#mcontact .content .header { padding-bottom: 0px; }















/*首页案例*/







#projectlist, #projectmore { margin: 0 auto; }



#projectlist .wrapper { margin-right: -20px; padding-top:0px; }



#projectlist .projectitem a:hover .project_info p.title { margin-top: 20px; color: #666; }



#projectlist .projectitem .project_info div { position: absolute; height:80px; width: 100%; bottom: -100px; margin-top: 0; top: auto; }



#projectlist .projectitem .project_info div.line1 { width: 100%; height: 2px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 20px 0; }



#projectlist .projectitem a:hover .project_info div.line1 { background: #666; }



#projectlist .projectitem a:hover .project_info { background: transparent;background-color: #FFFFFF;margin-top: -23px;left:0; }



#projectmore { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin-top: 20px; }



#projectmore:hover { background: #666; border: 1px solid #666; width: 300px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; }



#indexPage #mproject { padding-bottom:0px; background-color: #fff; }



#indexPage #mpage .slider_wrapper li { border-top: 1px solid #e7e7e7; }



#indexPage #category a:last-child{border: 0;}



#indexPage #category a { border: rgba(210, 210, 210, 0) 1px solid; line-height:36px; height:36px;padding: 0px 26px;font-size: 14px;}



#indexPage #category a::after{}



#indexPage #category a:last-child::after{display: none;}



.npagePage #projectlist, #projectmore{width:1180px;margin:0 auto;}



#indexPage #mproject .content .wrapper{margin-left: 10px;}







/*首页团队*/







#indexPage #mteam .header img { float: left;border-radius: 0px; width: auto; height:240px;}



.module-slider .description { width: auto; height: 96px; font-size: 12px; }



#indexPage #mteam .header p.title { text-align:center; padding-top:100px; color: #5a5a5a; }



#indexPage #mteam .header p.subtitle { text-align:center; }



#indexPage #mteam .slider_wrapper { height: 320px; }



#indexPage #mteam { background-color: #f6f6f6; height:780px; }



#mteam .content .header { padding-bottom: 30px; }



#indexPage #mteam .slider_control a i { color: transparent; }



#indexPage #mteam .slider_control a:hover i { color: transparent; }



#mpage .module-slider .description { width: 720px; text-align: center; height: 50px; }



#contactinfo div { clear: both; margin-top: 120px; }



#contactinfo div a { color: #fff; background: rgba(0,0,0,.3); margin-right: 20px; }



















/*首页新闻*/



#newslist .newsinfo { display: block; float: none; margin: 0; padding: 0; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); }



#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 0px); -webkit-transform: translate3d(0px, -14px, 0px); }



#newslist .newsbody .title {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0 20px 110px;font-size: 16px;height: 20px;line-height: 20px;}



#newslist .newstitem:hover .description { color: #777; }



#newslist .newsdate { width: auto; margin: 0 0 40px; background-color: transparent; transition: all 0.3s ease-out 0s; border-radius: 4px; }



#newslist .newstitem:hover .newsdate { background-color: transparent; }



#newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; }



.newsdate p { float: inherit; padding: 0; width: auto; }



#newslist .newstitem:hover i { text-indent: 0px; margin: -168px 120px 0 0; font-size: 20px; color: #606060; }



#newslist .newsbody { margin-left: 0; width: 100%; height:164px;}



.bx-wrapper .bx-viewport { height: auto;}

/*服务内页*/

#servicelist .serviceitem a { text-align: center; }



#servicelist .serviceitem { margin-bottom:20px; }




#header ul li.navitem:hover ul.subnav { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }



.navitem .fa-angle-down { color: #9E9E9E; margin-left: 8px; font-size: 12px; }

/*团队内页*/


.teamitem { width: 283px; height: 240px; margin-bottom: 115px;transition: all 0.6s ease 0s; }



.teamitem img { width: 320px; height: 240px; }



.teamitem .teaminfo { text-align: left; margin: 30px; }



.teamitem .teaminfo .description { margin-top: 20px; }

#teamlist .wrap { margin-right: 0px; }



.teamitem a div.wrap { display: none; border: 1px solid #ccc; height: 160px; width: 160px; background: rgba(0, 192, 255, 0.28); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 160px; top: 1px; left: 0px; }



.teamitem a:hover div.wrap { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); }



.teamitem a div.wrap div { margin: 12px auto; }



.npagePage #banner{height:392px;}



.npagePage #banner div {background-color: #E9E9E9; margin-top:0px; height:392px;background-size: inherit; }



.npagePage #teambody .theader .title { text-align:center; font-size:22px; }



.npagePage #teambody .theader .subtitle { text-align:center; }



.npagePage #teambody .theader .post { margin-top: 40px; }



.npagePage .teamitem .teaminfo {width:460px; padding: 16px 0;margin-top:46px;transition: all 0.6s ease 0s;float: left;}

.npagePage .teamitem:hover .teaminfo{margin-top:20px;}



.npagePage .teamitem .teaminfo .description {display: block;width: 460px;line-height: 22px;height: 65px;font-size: 13px; }

.npagePage .teamitem:hover .teaminfo .description{color: #fff;}



.npagePage .teamitem img { width:460px; height:auto;border-radius:0px;transition: all 0.6s ease 0s; }



.npagePage .teamitem { width: 1180px;margin-bottom: 20px;}



.npagePage .teamitem::after{ display: block; content:""; width: 100%;height: 1px; background-color:#E6E6E6;position: relative;top: 240px;}



.npagePage .teamitem::after:last-child{display:none;}



.npagePage .teamitem:hover{background-color:#449535;}




/*合作伙伴*/







#indexPage #mpartner .slider_control a { background: transparent; }



#indexPage #mpartner .slider_control a:hover { background-color: transparent; }



#indexPage #mpartner .slider_control a i { color: transparent; }



#teampost #teamimage img { width:100%; margin-bottom: 40px; margin-right: 40px; display:block;margin: 0 auto;display: none;}



#teampost #teambody {float:none; margin-left: 0px; }



#teampost #teamimage { width:1180px;float: none;}




/*新首页导航*/







#header ul li.navitem a.active:after, #header ul li.navitem:hover a:after { content: ''; width: 100%; background-color:#449535; left: 0px; position: absolute; top: -15px; height: 3px; transition: all 0.3s ease 0s; z-index: -1; }



#header ul li.navitem:hover ul.subnav li a:after, #header ul li.navitem ul.subnav li a.active:after { width: 0px; }















/*新首页*/







#indexPage .module .content { position: inherit; top: inherit; }



#indexPage #mservice .content { height: auto; margin-top: 0; }



#indexPage #mpage .content {height: auto; margin-top: 0;}



#indexPage #mteam .content { height: auto; margin-top: 0; }



#indexPage #mproject .content { height: auto; margin-top: 0; }



#indexPage #mnews .content { height: auto; margin-top: 0; overflow:hidden}



#indexPage #mpartner .content { height: auto; margin-top: 0; }



#indexPage #mcontact .content { height: auto; margin-top: 0; }



#indexPage a.more i { font-size: 18px; display: none }



















/*标题块*/







.module-content .description { font-size: 12px; }



.content .header p.subtitle {    font-size: 12px;
    line-height: 3px;
    border-bottom: 1px solid #c7c6c6; color:#519a68;}















/*幻灯*/







#indexPage #mslider .bx-wrapper .bx-pager { bottom:36px }















/*幻灯切换按钮*/







#mslider .bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,.2); }



#mslider .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../images/jiantou.png) no-repeat 0px 0px; width: 40px; height: 40px; margin: 0; }



#mslider .bx-wrapper .bx-controls-direction a.bx-next i { background: url(../images/jiantou.png) no-repeat -39px 0px; }



#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color:#449535; }



#indexPage .bx-wrapper .bx-controls-direction a:hover { background: none }



.bx-wrapper .bx-controls-direction a i { width: 40px; height: 20px; display: block; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



.bx-wrapper .bx-controls-direction a.bx-prev i {background: url(../images/jiantou.png)no-repeat 0px 0px;width: 40px;height: 40px;background-color:rgba(49, 49, 49, 0.32);}



.bx-wrapper .bx-controls-direction a.bx-prev:hover i {background-color:#449535;}



.bx-wrapper .bx-controls-direction a.bx-next:hover i {background-color:#449535;}















/*服务*/



#indexPage #servicelist .serviceitem{width:260px;}



#indexPage #mservice {height:820px;background-color: #fff;background-attachment:fixed;background-size: inherit;}



#indexPage #mservice .content .header {height: 300px; padding-top: 80px; padding-bottom: 60px;width:360px;float: left;background-color:#164C90; }

#indexPage #mservice .content .header::after{content: "";display: block;border: 1px solid rgba(255, 255, 255, 0.12);height: 139%;position: relative;top: -125px;width: 92%;margin: 0 auto;}



#servicelist .serviceitem:hover .title { color:#fff;; }



#servicelist .serviceitem div { text-align: left;width:268px; margin-top:0px; margin-right:20px;height: 220px;background-color:#fff;}

#servicelist .serviceitem:hover div{background-color:#449535;}



#indexPage #mservice .content {padding-top: 240px;width: 1180px;margin: 0 auto;margin-bottom: 160px;}



#indexPage #mservice a.more {display: block;position: absolute;left: 98px;bottom: 30px;background: url(../images/jiantou.png)no-repeat 32px -154px;}



#indexPage #mservice .wrapper { margin-bottom: 70px; }



#indexPage #mservice .wrapper .bx-wrapper .bx-prev { left: -58px; top: 102px; display: none; }



#indexPage #mservice .wrapper .bx-wrapper .bx-next { right: -58px; top: 102px; display: none; }



#indexPage #servicelist .serviceitem div p.title {text-align:center;font-size:18px;padding:0px 10px 0 10px;overflow: hidden;max-width: 280px;margin: 0 auto;padding:80px 10px 0 10px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 220px;height: 32px;line-height: 32px;}

#indexPage #servicelist .serviceitem:hover div p.title{padding:50px 10px 0 10px;}



/*#servicelist .serviceitem div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; opacity:0;position: absolute;left: 50%;margin-left: -10px; }



#servicelist .serviceitem:hover div p.title::after { background-color:#fff;opacity: 1;}*/



#servicelist .serviceitem div p.title::before { content: "01"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; }



#indexPage #servicelist .serviceitem div p.description {margin-top: 0px;text-align: center;transition: all 0.6s ease 0s;text-align: center;overflow: hidden;max-width: 280px;margin: 0 auto;transition: all 0.6s ease 0s;font-size: 14px;height: 24px;width:220px;}



#servicelist .serviceitem:hover div p.description{color: #fff;}



#servicelist .serviceitem:hover div p.description {margin-top:-6px;}



#servicelist .serviceitem .service_img{overflow: hidden; width:auto;display: block;}





/*#servicelist .serviceitem a .service_img::after{content:""; display:block; width: 1px; height: 30px;background-color: #D0D0D0;margin-left:80px;margin-top: 6px;}*/



#servicelist .serviceitem:last-child a .service_img::after{width:0;}



#indexPage #mservice .bgmask{background-color: rgba(0,0,0,0);}



#servicelist .serviceitem a img { width:268px; max-height:220px;}



#indexPage #mservice .content .header p.title{color:#fff;}



#indexPage #servicelist .serviceitem:hover a img{transform: scale(1.06, 1.06);}





#indexPage #servicelist .serviceitem a.details{display: block;width: 120px;height: 34px;line-height: 34px;text-indent: 0;font-size: 14px;border-radius: 0;position: relative;top: -110px;opacity: 0;text-transform: capitalize;}



#indexPage #servicelist .serviceitem:hover a.details{opacity: 1;top: -136px;color:#fff;border-color: #fff;}

#indexPage #servicelist #serviceitem_1 a.details{top: -32px;}



#indexPage #servicelist .serviceitem a.details:hover i{color:#fff;}



/*内页服务*/







.npagePage #servicelist { width: 1180px; }



.npagePage #servicelist .serviceitem { width:29%; transition: all 0.6s ease 0s;height:420px;}



.npagePage #servicelist .serviceitem:hover{background-color: white;box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.09);}



/*.npagePage #servicelist .serviceitem div p.title::after { content: ""; display: block; background-color: #cdcdcd; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; }



.npagePage #servicelist .serviceitem:hover div p.title::after {background-color: #fff;  width:98px;}

*/

.npagePage #servicelist .serviceitem div p.description{margin-top:0px;text-align:center;}



.npagePage #servicelist .serviceitem a .service_img::after{display: none;}



.npagePage #servicelist .serviceitem div{width:316px;margin-right: 40px;height: auto;margin-top: 0;margin-top:0px;padding:20px;}



.npagePage #servicelist .serviceitem:hover div p.title{padding:0;}



.npagePage #servicelist .serviceitem a img { width:auto; max-height:320px;}

.npagePage #servicelist .serviceitem div p.title{font-size:22px;text-align: center;height: 34px; line-height: 34px}



.npagePage #servicelist .serviceitem div p.description{height: 30px;}







/* 团队*/



#sitecontent #mteam .content .fw{ width:1000px;}



#mteam .content ul li:after { content: ''; display: block; clear: both; }



#mteam .content ul li {height:480px;width: 460px;margin-bottom: 120px;}



#mteam .content ul li::after{content: "";display: block;width: 1px;position: absolute;top: 10px;right: -40px;background-color: #E6E6E6;height: 450px;}



/*#mteam .content .header { padding: 0; position: absolute; top:0px;right:160px; }*/



/*#indexPage #mteam .header img { float: none; margin: 0px; position: inherit; max-width: inherit; }*/



/*#indexPage #mteam .header a { display: block; width: 240px; height:240px; border-radius: 1000px; overflow: hidden; }*/



#indexPage #mteam .summary { float: none; width:100%; height:82%; margin-top: 0px;margin-left:0px; }



#indexPage #mteam .summary p { text-align: left; color: #848484; position: inherit; }



#indexPage #mteam .summary p.title {transition: all 0.6s ease 0s;text-align: left;width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;line-height: 26px;margin-bottom:0px;}



#indexPage #mteam .content li .summary p.title a{ transition: all 0.6s ease 0s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;font-size: 18px;}



#indexPage #mteam .content li:hover .summary p.title a{color:#449535;}



#indexPage #mteam .summary p.subtitle {  transition: all 0.6s ease 0s;text-align:left;width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block; line-height: 26px;margin-bottom: 10px;font-size: 14px;}



/*#indexPage #mteam .summary p.title::after { content: ""; display: block; background-color:#449535; width: 0px; height: 3px; opacity: 0; position: absolute; top: 15px; transition: all 0.6s ease 0s; }



#indexPage #mteam .summary:hover p.title::after { width: 40px; opacity: 1; }*/



#indexPage #mteam .summary .description { width:440px; height: 44px; font-size: 13px; overflow: hidden;padding-bottom:36px; margin:0;}



#indexPage #mteam .bx-wrapper .bx-prev { left:-80px; margin-top:66px;}



#indexPage #mteam .bx-wrapper .bx-next { right:-80px; margin-top:66px;}



#indexPage #mteam a.details, #indexPage #mteam .npagePage a.details{display: block;}



#indexPage #mteam .content li a.details{margin:30px 0 0 0px; width: 150px; height: 32px;line-height: 32px;color: transparent;background: url(../images/jiantou.png)no-repeat 26px -97px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size: 0px;border: none;border: 1px solid #ccc;}

#indexPage #mteam .content li:hover a.details{background: url(../images/jiantou.png)no-repeat 26px -156px;background-color: #449535;border: 1px solid #449535;}

#indexPage #mteam a.details:hover i{display: none;}



#indexPage #mteam #teamitem a.details:hover i{display:none;}



#mteam .content  .bx-wrapper .bx-viewport{padding-top:40px;}



#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next i:hover{background-color:#449535;}



#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i:hover{background-color:#449535;}



#indexPage #mteam .content > .header{display: block;}



#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { font-size: 14px; }



#indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i { color:#449535; }





/*团队内页*/







.teamitem a { width: auto; height: auto; margin-right: 40px; float: left; }



.teamitem .teaminfo .title { height: 20px; color: #5a5a5a; font-size: 24px; }



.teamitem .teaminfo .title a { color: #5a5a5a; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; }



.teamitem:hover .teaminfo .title a{color:#fff;}



.npagePage .content #teamlist .teamitem a.details {display: block;border-radius: 0;width: 140px;text-indent: 0px;color: #6B6B6B;text-transform: capitalize;margin-top: -20px;height: 36px;text-align: center;line-height: 36px;margin-left: 30px;font-size: 14px;opacity: 0;}



.npagePage .content #teamlist .teamitem:hover a.details {opacity: 1;}



.npagePage .content #teamlist .teamitem:hover a.details {color: #FFFFFF;background-color: #449535;border-color:rgba(255, 255, 255, 0.68);}



.npagePage .teamitem .teaminfo .subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;font-size:14px;}

.npagePage .teamitem:hover .teaminfo .subtitle{color:#fff;}



.npagePage #teamlist{margin-top: 30px;}











/*关于*/	







/*#indexPage #mpage .slider li { border-top: 1px solid #e7e7e7; }*/



#mpage .content .header {width: 50%;float: left;padding-top:18%;padding-bottom:2%;padding-left:2%;}



#indexPage #mpage .wrapper li .fimg {top:80px;position: absolute;width: 460px;height: 480px;background-size: cover;right:34px;}



#indexPage #mpage .module-content .more {margin: 50px auto 330px;transition: all 0.36s ease 0s;width:160px;float: left;margin-left:2%;margin-right: 31%;line-height:38px;height:38px;background-color: #fff;background: url(../images/jiantou.png)no-repeat 34px -93px;border: 1px solid rgba(204, 204, 204, 0.68);}



#indexPage #mpage .module-content .more:hover{background: url(../images/jiantou.png)no-repeat 34px -153px;background-color: rgb(255, 204, 0);}



#indexPage #mpage .module-content a.more:hover { border: 1px solid transparent; }



/*#indexPage #mpage .module-content a.more::after { content: ""; display: block; width:0; height:40px; opacity: 0; background-color: red; transition: all 0.5s ease 0s; margin: 0 auto; text-align: center; position: absolute;top: 464px;left: 82px;transition: all 0.36s ease 0s;}



#indexPage #mpage .module-content a.more:hover::after {width:142px;opacity: 1;}

*/

#mpage .module-content .description{max-height: 108px;height: auto;line-height: 26px;padding-right: 17.1%;padding-left:2%;float: left;width:44%;text-align: left; font-size: 14px;}

#mpage .content .header p.title,#mpage .content .header p.subtitle{text-align:left;}



#indexPage #mpage .wrapper{height:670px;}







/*案例*/







#mproject .content .header { padding-top:60px; padding-bottom:12px; padding-bottom:8px; background-color: rgba(255,255,255,0);}



#category a.active, #category a:hover { background:#449535; color: #fff; border-color: #449535; }



#mproject #category { display: block; visibility: visible; }
#mnews #category { display: block; visibility: visible; }



#category{padding-bottom:30px;}



#indexPage #projectlist .projectitem { width:370px; margin-right:30px; height:auto; background: none; }



#projectlist .projectitem a .project_info { height:60px; background: none;position: relative; }



#projectlist .projectitem a .project_info div{position: initial;}

#projectlist .projectitem:hover a .project_info div{background-color:#449535;}



#projectlist .projectitem a .project_info div:after { content: ''; width: 0; height: 2px; background: #449535; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 25px 0; display:none; position: relative;z-index: 2; }



#projectlist .projectitem a:hover .project_info div:after { width: 100%; background:#449535; z-index: 100; }



#indexPage #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #fff; text-align:center; padding: 0; opacity: 0;margin-top:16px;font-size:13px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;padding: 0px 20px 0 20px; }



#indexPage #projectlist .projectitem:hover .project_info p.subtitle{opacity:1;margin-top:0px;}



#indexPage #projectlist .projectitem .project_info p.title { margin-top:24px; height: 24px; font-size: 16px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #3e3e3e; text-align:center; padding: 0;padding-top:16px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;padding: 18px 20px 0 20px;}



#indexPage #projectlist .projectitem:hover .project_info p.title{margin-top:14px; color:#fff; }



#projectlist .projectitem a .project_info::after { content: ""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position:relative; top:-28px;opacity: 0;}



#projectlist .projectitem a .project_info::before{ content: ""; display: block; width:0px; height: 1px; background-color:#449535; position:relative; top:86px; opacity: 0; transition: all 0.3s ease 0s;}



#projectlist .projectitem:hover a .project_info::before{width:100%; opacity:0;}



	



#indexPage #mproject .bx-wrapper .bx-pager { display:block;left: 6px;}



#indexPage #mproject .bx-wrapper .bx-controls-direction{ display:block;}



#indexPage #mproject a.more { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width:260px; margin: 50x auto 0px; text-align: center;margin-top: 60px;}



#indexPage #mproject a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #449535; margin-top: -51px; transition: all 0.4s ease 0s; }



#indexPage #mproject a.more:hover::after { width:260px; height: 52px; }



#indexPage #mproject a.more:hover { color: #fff; border: 1px solid #449535; }



#indexPage #mproject .content  .bx-wrapper .bx-prev{left: 0; margin-top:-40px;}



#indexPage #mproject .content .bx-wrapper .bx-next{right: 0; margin-top:-40px;}



#indexPage #projectlist .projectitem a img{margin-bottom: 60px;}











#projectlist .projectitem a .project_img{height:auto;}



















/*内页案例*/



.npagePage #projectlist .projectitem a .project_info::after{display: none;}



.npagePage #projectlist .projectitem { background: none; height:320px; width:370px; margin-right: 20px; margin-bottom:-10px; }



.npagePage #projectlist .projectitem a .project_info p.title { margin-top:4px; height: 24px; color: #666; text-align:center; padding: 0; font-size: 16px; transition:all 0.4s ease 0s;padding-top: 20px;}

.npagePage #projectlist .projectitem:hover a .project_info p.title{color: #fff;}



.npagePage #projectlist .wrapper { margin: 0; width: 1180px; margin-left: 10px; }



.npagePage #projectlist .projectitem a .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align:center; padding: 0; }

.npagePage #projectlist .projectitem:hover a .project_info p.subtitle { color: #fff;}



.npagePage #projectlist .projectitem a .project_info div:after { display: none; }



#projectlist .projectitem a:hover img { transform: scale(1.1, 1.1); }



.npagePage #category a {border: rgba(210, 210, 210, 0) 1px solid;

    line-height: 20px;

    height: 20px;

    padding: 8px 26px;

    font-size: 14px;

    position: relative;

}





.npagePage #category li::after{content: "";

    display: block;

    width: 1px;

    height: 14px;

    background-color:#E6e6e6;

    top: 10px;

    right: -1px;

    position: absolute;

}

.npagePage #category li{position: relative;}



.npagePage #category li:last-child:after{width:0px;}



.npagePage #category a:last-child{border: 0;}



.npagePage #category li:last-child{border: 0;}



.npagePage #category li.hasmore{ height: 0; margin-bottom:60px; }



.npagePage #category li.hasmore div ul{padding: 12px 0;border-bottom: rgba(0,0,0,0.10) 1px solid;}



.npagePage .content_list:after{content:'';display:block;clear:both;}



.npagePage  #projectlist .projectitem a .project_img{height:230px;overflow: hidden;}



.npagePage #projectlist .projectitem a .project_info::before{top:66px;}



.npagePage #projectlist .projectitem a img{margin-bottom: 20px;}





.npagePage #projectinfo .header .description{margin: 20px 0;border-top: 1px solid #E2E2E2;padding-top: 20px;}

.npagePage #projectinfo .header{border-bottom: #E2E2E2 1px solid;}





/*新闻*/







#mnews .content .header {    padding-top: 3.75rem;
    padding-bottom: 0.5rem;
}



#indexPage #mnews .content .header { display: block; }

.one{ margin:1.875rem 0 2.8156rem 0px ; display: block;}
.wrapper li .fimg2 {
    width: 499px;
    height:323px;
	float:right;
	
}

.description2   { padding:0px 0 2.8156rem 0;}
	.description2  img  {margin-left:1.875rem;}

.description3   { padding:0px 0 2.8156rem 0; color:#fff;}
	.description3  img  {margin-right:1.875rem;}
	a.more3 { color:#fff;}
	a.more3:hover { color:#fff;}

#newslist .newstitem .news_wrapper { position: inherit; }



#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; }



#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }



#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }



#newslist .separator { display: none; }



#newslist .newstitem {  border-bottom: 1px solid transparent; height: 220px; border-radius:0px; float: left; height: auto; height: auto;transition: all 0.6s ease 0s;height: 382px;margin-bottom: 20px;}





#newslist .newsbody p.date {font-family: GOTHAM-BLACK,Arial, Helvetica, sans-serif, Arial;font-weight: 300;top: 0px;position: absolute;text-align: left;background-color: #FFFFFF;left:0px;padding:14px;border: 1px solid #D0D0D0;transition: all 0.6s ease 0s;margin-bottom: 0px;}



#newslist .newstitem:hover .newsbody p.date{background-color:#449535;border: 1px solid #449535;}



#newslist .newstitem a.newscontent { height: 360px; text-align: left; }



#newslist .newstitem .md span{display: none;}



#newslist .newstitem .md { color:#656565; display:block; font-size:24px; text-align: center;transition: all 0.6s ease 0s;}



#newslist .newstitem:hover .md { color:#fff;}



#newslist .newstitem .md:after { content:"" display: block; border-bottom: 1px solid rgb(200, 200, 200); top: 49%; width: 25px; position: absolute; left: 11px; display: none; }



#newslist .newstitem .year { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;}



#newslist .newstitem:hover .year { color: #fff;}



#newslist .newsbody .description { width:68%;margin-top: -50px;font-size: 13px; line-height: 22px color: #777;text-align: left;height: 90px;overflow: hidden;left:114px;}



#indexPage #mnews .newstitem a.details{display: block;position: relative;z-index: 20;width: 120px;height: 36px;margin: 0px;border-radius: 0px;line-height: 21px;text-indent: 0;overflow: hidden;border: none;margin-top: -206px;top: 0;right: 0;margin-left: auto;text-align: center;background:url(../images/jiantou.png)no-repeat 8px -218px;background-color: #449535;color: rgba(255, 255, 255, 0);opacity: 0;margin-right: 20px;transform: rotateX(80deg);transform-origin: center top 0;}



#indexPage #mnews .newstitem:hover a.details{opacity: 1;margin-top: -206px;transform: none;}

#indexPage #mnews #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; }



#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 60px; color: #707070; display: none; }



#indexPage #mnews #newslist .newstitem i { margin: 0; margin-left: 55px; }



#newslist .newstitem:hover p.title { color: #449535; text-decoration: underline; }



#indexPage #mnews a.more {margin:40px auto 30px auto;display: block; }



#indexPage #newslist .newstitem .newsimg {width:100%; height:190px; }



#newslist .news_wrapper { height: auto; }



#indexPage #mnews a.more:hover{border: 1px solid transparent; }



#indexPage #mnews .layoutslider a.more::after { content: ""; display: block; width: 160px; height: 32px; border: 1px solid #ccc; opacity: 1; transition: all 0.6s ease 0s; margin: 0 auto; text-align: center; position: absolute; top: 704px; }



#indexPage #mnews .layoutslider a.more:hover::after { width: 158px; height: 32px; border: 3px solid #449535; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; }



#indexPage #mnews a.more::after { content: ""; display: block; width: 160px; height: 32px; border: 3px solid transparent; opacity: 0; transition: all 0.6s ease 0s; margin: 0 auto; text-align: center;margin-top: -34px;margin-left: -3px; transform: scale(1, 1); }



#indexPage #mnews a.more:hover::after{ width: 158px; height: 36px; border:2px solid #449535; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; margin-top: -37px;margin-left: -2px;}



#newslist .newstitem .newsbody::after{content: "";display: block;width: 100%;height: 1px;background-color:#E6E6E6;position: absolute;bottom: 0px;}



#newslist .newstitem .newsbody::before{content: ""; display:block; width:0; height:1px; background-color:#D0D0D0; opacity:0;transition: all 0.36s ease 0s;position: absolute;bottom: 0;z-index: 1;}

#newslist .newstitem:hover .newsbody::before{width:100%; background-color:#449535; opacity:1;}







/*内页新闻*/







.npagePage #newsPage #newslist .newstitem { margin: 0 20px 50px 0px; width: 370px; position: relative; height: 360px; }



.npagePage #newsPage .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background-color: transparent; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 80px; color: transparent; }



.npagePage #newsPage #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; display: none; }



.npagePage #newsPage #newslist .newstitem a{transition: all 0.6s ease 0s;z-index:5;position: initial;}



.npagePage #newsPage #newslist .newstitem:hover a.details i { text-indent: 110px; color: #707070; }



.npagePage #sitecontent #newsPage .content a.details:hover { text-indent: -94px; }



.npagePage #newsPage #newslist .newstitem .newsimg { width: 370px; height:200px; position: initial;}



.npagePage #newsPage #newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper{ right:20px;top:220px; }



.npagePage #newsPage #newslist .newstitem a{margin-top:-20px;}



.npagePage #newsPage #newslist .newstitem:hover a{margin-top:0px;}



.npagePage  #newslist .newstitem .newsimg{width: 100%;height: 190px;}

.npagePage #newslist .newstitem { margin-right:20px;}

.npagePage #newslist .newsbody{height: 150px;}

.npagePage #newsPage #newslist { width: 1180px; margin:10px auto 0; }

.npagePage .content .header{padding-bottom: 20px;}





/*合作伙伴*/







#indexPage #mpartner .content .header { display: none; }



#indexPage #mpartner .module-content { padding-top: 2.75rem; }



#indexPage #mpartner .wrapper { height: auto; }



#indexPage #mpartner .wrapper ul li { height: 80px; }



#indexPage #mpartner .wrapper ul li a { width: 130px; height: auto; margin-right: 25px;
    margin-left: 8px; }



#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }

#indexPage #mpartner .slide {     float: left;
    list-style: none;
    position: relative;
     height:62px; background:#fff;
    margin-right: 10px; }


#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a content{""}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next {    margin-top: -22px; background-color: rgba(49, 49, 49, 0.4);background: url(../images/jiantou.png)no-repeat -39px -40px;height: 30px;transition: all 0.3s ease 0s; text-indent:100px;overflow:hidden}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(../images/jiantou.png)no-repeat -39px -65px;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev{     margin-top: -22px;background-color: rgba(49, 49, 49, 0.4);background: url(../images/jiantou.png)no-repeat 0px -40px;height: 30px;transition: all 0.3s ease 0s;text-indent:-100px; overflow:hidden}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(../images/jiantou.png)no-repeat 0px -65px;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }



#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }



#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }



















/*联系我们*/







#indexPage #mcontact .content { width: 1060px; margin: 0 auto; }



#indexPage #mcontact .content .fw { width: 1060px; }



#contactinfo div a:hover { color: #fff; background:#449535; }



#footer a path { fill: rgb(148, 148, 148); }

#pages{padding: 40px 0 40px;}



#pages a.active, #pages a:hover { background-color:#449535; }



#indexPage .module { z-index: auto; }









#contactinfo div a i{margin-top: 9px;}

#contactinfo div a{width: 36px;height: 36px;border-radius: 25px;}



/*首页侧边联系我们*/



#olx_tel p{ font-size: 14px; }



#olx_head{padding: 18px;}



#online_lx{bottom: 180px;}



#shares a#sshare{display: none;}



#shares a#gotop{ margin-top: 0px; width: 40px; height: 40px; }



#online_open{bottom: 160px; width: 40px; height: 40px;}



#shares a#sweixin{ width: 40px; height: 40px; }



#shares a#sweibo{ width: 40px; height: 40px; }



#online_open i{ margin-top: 11px; }



#shares a i{ margin-top: 11px; }



#shares a i.fa-weixin{margin: 12px 0 0 15px;}



#shares a#gotop i{margin-top: 7px;}



#olx_qq li a:hover{color:#449535;background: #E6E6E6;}



#olx_qq li a:hover i{color:#449535;}



#olx_qq li a i{color: #A5A5A5;}



#olx_tel div{color: #565656;}























#indexPage .module .bgmask{background-color:rgba(255, 0, 0, 0);}



#mcontact .content #contactinfo{animation-name: fadeInUp;}



#projectlist .projectitem a .project_img{margin-bottom:0px; position:relative}



#projectlist .projectitem a .project_info{ position:absolute; bottom:20px; top:auto; background:#fff;}



#projectlist .projectitem .projectitem_wrapper{ height:100%}



#projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a{transition: all 0.3s ease 0s;}



#projectinfo .description a:hover, #projectinfo1 .description a:hover, #projectinfo2 .description a:hover, #projectinfo3 .description a:hover, #projectinfo4 .description a:hover, #projectinfo5 .description a:hover{background-color:#449535;}



#projecttags a:hover{background: #449535; color: #fff;}



#projectib .projectitem a .project_info{height: 40px;}



#projectib .projectitem a .project_info p.title{transition: all 0.3s ease 0s;font-size:14px;}



#projectib .projectitem:hover a .project_info p.title{color: #449535;}







#olx_qq li a{transition: all 0.3s ease 0s;}



#olx_qq li a:hover{ height: 24px; line-height: 24px; background:#f1f1f1;}







#indexPage #servicelist #serviceitem_1 a img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#indexPage #servicelist #serviceitem_1 div{width:268px;}

#indexPage #servicelist #serviceitem_1{width:268px;}



#indexPage #servicelist #serviceitem_0 div, #indexPage #servicelist #serviceitem_2 div{position: relative;margin: 0;transition: all 0.3s ease-out 0s;top: -440px;}





#indexPage #servicelist #serviceitem_0, #indexPage #servicelist #serviceitem_2{width:268px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}    



#indexPage #servicelist #serviceitem_0 a img, #indexPage #servicelist #serviceitem_2 a img{ height: 220px;margin-top: 220px;position: relative;width:268px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#indexPage #servicelist #serviceitem_0, #indexPage #servicelist #serviceitem_2{width: 268px;height:220px;}




#indexPage .content .header p.title{font-size:26px; color:#363636; padding-bottom:8px;}



.greenbg{ height:510px; background:url("/cloud/images/green_bg.png") repeat-x top;}
#indexPage .greenbg .content .header p.title{ color:#fff;}
.greenbg .content .header .subtitle span { border-bottom: 2px solid #fff;}



/*

#indexPage #servicelist .serviceitem a.details{    display: block;

    position: absolute;

    width: 180px;

    height: 40px;

    border-radius: 0;

    line-height: 40px;

    text-align: center;

    margin: 0 auto;

    margin-left: 30px;

    text-indent: 0;

    margin-top: -80px;

    opacity: 0;}

#indexPage #servicelist .serviceitem:hover a.details{opacity:1;}*/



.bgShow.tril {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:40px;
	
}
.tril .mediabody div.image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.tril .teamdescription{font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	padding-top:78px;}
	bgShow.tril 	.teamdescription h2{ display: inline-block; padding-bottom:15px}

.tril 	.teamdescription p{ display: inline-block;}
.tril .mcustomize.horizontal .mediabody {
	margin: 0;
	height: 100%
}

.tlir .mediabody {
	float: left
}


.tlir .contentbody {
	float: right
}




.tril .container_content {
    height: 330px;
}

.tril .contentbody {
    height: 100%;    background: #fff;    box-shadow: 0 7px 17px rgba(6,6,6,.14);


}
.tril .contentbody2 {
    height: 100%;    background: #fff;    box-shadow: 0 7px 17px rgba(6,6,6,0);


}
.tril  .mediabody {
    height: 100%;
}

.tril a.more2  { color: #848484; padding-right:30px; }



.tril a.more2:hover { color: #449535; text-decoration: none; }


#indexnewslist {
    margin: 0px auto;
}


#indexnewslist .content .header { padding-top:60px; padding-bottom:8px; }



#indexnewslist .content .header { display: block; }


#indexnewslist .newstitem .news_wrapper { position: inherit; }



#indexnewslist .newstitem.left a.newscontent, #indexnewslist .newstitem.right a.newscontent { padding: inherit; }



#indexnewslist .newstitem.left a.newscontent:hover, #indexnewslist .newstitem.right a.newscontent:hover { padding: inherit; }



#indexnewslist .newstitem a.newscontent:hover .news_wrapper, #indexnewslist .news_wrapper { width: 100%; }



#indexnewslist .separator { display: none; }



#indexnewslist .newstitem { border-bottom: 1px solid transparent; border-radius:0px; float: left; height: auto; height: auto;transition: all 0.6s ease 0s;height: 382px;margin-bottom: 20px;}





#indexnewslist .newsbody p.date {font-family: GOTHAM-BLACK,Arial, Helvetica, sans-serif, Arial;font-weight: 300;text-align: left; float:right;left:0px;padding:14px;transition: all 0.6s ease 0s;margin-bottom: 2px;}
#indexnewslist .newsbody p.datebig {font-family: GOTHAM-BLACK,Arial, Helvetica, sans-serif, Arial;font-weight: 300;text-align: left; float:right;left:0px;padding:14px 0px 0px 14px;transition: all 0.6s ease 0s;margin-bottom: 2px; background:#fff; position:relative; left: 50px;}



#indexnewslist .newstitem:hover .newsbody p.date{background-color:#449535;border: 1px solid #449535;}



#indexnewslist .newstitem a.newscontent { height: 360px; text-align: left; }



#indexnewslist .newstitem .md span{display: none;}



#indexnewslist .newstitem .md { color:#656565; display:block; font-size:24px; text-align: center;transition: all 0.6s ease 0s;}



#indexnewslist .newstitem:hover .md { color:#fff;}




#indexnewslist .newstitem .year { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;font-family:HELVETICANEUELTPRO-THEX;}



#indexnewslist .newstitem:hover .year { color: #fff;}



#indexnewslist .newsbody .description { width:100%;margin-top: 10px;font-size: 13px; line-height: 22px; color: #777;text-align: left;height: 60px;overflow: hidden;left:114px;}



#indexnewslist .newstitem:hover a.details{opacity: 1;margin-top: -206px;transform: none;}

#indexnewslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; }



#indexnewslist .newstitem:hover a.details i { text-indent: 60px; color: #707070; display: none; }



#indexnewslist .newstitem i { margin: 0; margin-left: 55px; }



#indexnewslist .newstitem:hover p.title { color: #449535; text-decoration: underline; }



#indexnewslist a.more {margin:40px auto 30px auto;display: block; }



#indexPage #indexnewslist .newstitem .newsimg {width:100%; height:190px; }



#indexnewslist .newstitem a.details {
    display: block;
    position: relative;
    z-index: 20;
    width: 120px;
    height: 36px;
    margin: 0px;
    border-radius: 0px;
    line-height: 21px;
    text-indent: 0;
    overflow: hidden;
    border: none;
    margin-top: -206px;
    top: 0;
    right: 0;
    margin-left: auto;
    text-align: center;
    background: url(../images/jiantou.png)no-repeat 8px -218px;
    background-color: #449535;
    color: rgba(255, 255, 255, 0);
    opacity: 0;
    margin-right: 20px;
    transform: rotateX(80deg);
    transform-origin: center top 0;
}
#indexPage #mnews #indexnewslist .newstitem:hover a.details {
    opacity: 1;
    margin-top: -158px;
    transform: none;
}

#indexnewslist .news_wrapper { height: auto; }



#indexnewslist a.more:hover{border: 1px solid transparent; }




#indexnewslist .newstitem .newsimg {
    width: 62.5%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


#indexnewslist .newstitem .news_wrapper {
    right: 20px;
    top: 220px;
}
#indexnewslist .newsbody {
    margin-left: 0;
    width: 100%;
}

#indexnewslist .newstitem2 .news_wrapper { position: inherit; }


#indexnewslist .newstitem2 a.newscontent:hover .news_wrapper, #indexnewslist .news_wrapper { width: 100%; }



#indexnewslist .separator { display: none; }



#indexnewslist .newstitem2 {  border-bottom: 1px solid transparent;  border-radius:0px; float: left; height: auto; height: auto;transition: all 0.6s ease 0s;margin-bottom: 6px;}


#indexnewslist .newstitem2:hover p.title { color: #449535; text-decoration: underline; }



#indexnewslist a.more { }



#indexnewslist .newstitem2 .newsimg {width:100%; height:190px; }



#indexnewslist .news_wrapper { height: auto; }



#indexnewslist a.more:hover{border: 1px solid transparent; }


#indexnewslist .newstitem2 .newsimg {
    width: 62.5%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


#indexnewslist .newstitem2 .news_wrapper {
    right: 20px;
    top: 220px;
}



#indexnewslist .newstitem2  .newsbody .title {
   
    font-size: 14px;
    border-bottom: 1px solid #f8f9fb;
    height: 32px;
    line-height: 32px;
    color: #606060;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
   
}

#indexnewslist .newstitem  .newsbody .title {
   
       font-size: 14px;
	border-bottom: 1px  solid #f8f9fb;
	height:32px; line-height:32px;
	color:#606060;

   

   
}

#indexnewslist .newstitem2 .day { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;}
#indexnewslist .newstitem2 .md { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;}
#indexnewslist .newstitem2 .gan { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;}
#indexnewslist .newstitem2 .year { color: #8d8d8d; font-size: 14px; float: none;transition: all 0.6s ease 0s;}
#indexnewslist .newstitem2 .daybig { color: #8d8d8d; font-size: 48px; float: none;transition: all 0.6s ease 0s; position:relative; top: -29px;
    right: 58px;}


.jobsbox{ 
    margin: 0 auto;
    height: 196px;
    overflow: hidden;
    box-shadow: 2px 2px 2px 2px rgba(6,6,6,.08);
    margin-top: 12px;
    margin-bottom: 10px;
	width:98%
}

.jobsbox ul{
    height: 162px;
    overflow: hidden;
    
}

.jobsboxmore{ position: relative; padding-top:0px ; right:0px; }

.jobsbox ul li.li40{ width:30%; padding:70px 20px; text-align:center;font-size:16px; font-weight:bold; float:left; display:inline-block; vertical-align:middle}
.jobsbox ul li.li60{ width:60%; text-align:left; float:left; display:inline-block; }
.jobsbox ul li.li60 h2 { font-size:16px; font-weight:bold; }

.more4{ width:120px; height:24px; background:url() no-repeat center center; color:#666}







/*收缩导航*/

#header .btn{background: #FFFFFF; float:right}

#leftcontrol {    width: 260px;
    height: 100%;
    background: #1a1b1c;
    position: absolute;
    top: 0;
	right:0;
    overflow-x: hidden;
    overflow-y: auto;
	
	z-index:999}
	
#leftcontrol ul li.active a span.circle{border-color:#3eae5d;background-color:#3eae5d;}

#leftcontrol ul li a span.circle{ height: 1px; border-radius:0;}

#leftcontrol ul li:hover{background-color: #fff;}

#leftcontrol{background-color: #fff;}

#leftcontrol > ul > li.active a{background: #FFFFFF;color:#3eae5d;}

#leftcontrol > ul > li.active ul li a{background: #f7f7f7; color: #5a5a5a;}

#leftcontrol ul li a{color: #8A8A8A;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}

#leftcontrol ul li{border-top: 1px solid #ECECEC;}

#leftcontrol ul li a span.circle{border: #D8D8D8 1px solid;background-color: #D8D8D8;}

#leftcontrol ul li a span.more span{background: #8A8A8A;}

#leftcontrol ul li a span.more span:hover{background: #FFFFFF;}

#leftcontrol ul li.active a.hassub{background: #3eae5d;color: #fff;}



#leftcontrol ul.subnav li a{color: #888888;}

#leftcontrol ul.subnav li.active a{background: #EAEAEA; color:#3eae5d;}

#leftcontrol ul li.active a span.more span.v{background-color: #fff;}


.lcbody{ width:30px; height:30px; position:relative;transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)}
.lcitem{ position:absolute; right:0; top:0;transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;width:30px; height:30px;}
.lcitem .rect{ width:30px; height:1px; background:#999999; position:absolute; right:0; top:14px;transition: transform 0.2s ease 0.2s; -webkit-transition:  -webkit-transform 0.2s ease 0.2s;}
.lcitem .rect.top{transform:translate3d(0px, -6px, 0px); -webkit-transform:translate3d(0px, -6px, 0px);}
.lcitem .rect.bottom{transform:translate3d(0px, 6px, 0px); -webkit-transform:translate3d(0px, 6px, 0px);}


body.open .lcbody{transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg);}
body.open .lcitem {transform: translateZ(0px) rotate(45deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;-webkit-transform: translateZ(0px) rotate(45deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;}
body.open .lcitem.bottom {transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
body.open .lcitem .rect{transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);-webkit-transition: -webkit-transform 0.2s ease 0s;-webkit-transform: translate3d(0px, 0px, 0px);}
#leftcontrol ul li a {
    color: #8A8A8A;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
#leftcontrol ul li a span {
    display: inline-block;
}
#leftcontrol   ul   li.active a {
    background: #FFFFFF;
    color: #519a68;
}
#leftcontrol ul li.active a span.circle {
    border-color: #519a68;
    background-color: #519a68;
}#leftcontrol ul li a {
    display: block;
    color: #b7b7b7;
    padding: 0 25px;
    height: 49px;
    line-height: 49px;
}#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span.h {
    width: 12px;
    height: 2px;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}


#leftcontrol{ width:260px;height:100%; background:#fff;position:absolute; top:0; right:0;overflow-x:hidden;overflow-y:auto;}
#leftcontrol.vhidden{ visibility:hidden}
#leftcontrol >ul{ padding-top:0px;}
#leftcontrol ul li{ display:block; min-height:49px;border-top:1px solid #D8D8D8; font-size:1.3rem;width:100%;}
#leftcontrol ul li .subnav{ height:0; overflow:hidden; }

#leftcontrol ul li.active .subnav{ min-height:42px; height:auto; overflow:hidden; }
#leftcontrol ul li a{ display:block;color:#b7b7b7; padding:0 25px;height:49px; line-height:49px;}
#leftcontrol ul li.active a.hassub{ background:#b7b7b7}
#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li a span.circle{ width:8px; height:8px; border:#474747 1px solid; border-radius:5px; margin-right:20px}
#leftcontrol ul li.active a span.circle{ border-color:#00c0ff; background-color:#00c0ff}
#leftcontrol ul.subnav li a i{ margin-right:20px; font-size:1.5rem}
#leftcontrol ul.subnav li.active a{ background:#060606}
#leftcontrol ul li a span.more{ width:12px; height:12px; position:relative; float:right; top:20px}
#leftcontrol ul li a span.more span{ background:#474747 ;position:absolute;}
#leftcontrol ul li a span.more span.h{ width:12px; height:2px; transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0); -webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);}
#leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0); -webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0);}


#leftcontrol ul li.active a span.circle{border-color:#519a68;background-color:#519a68;}

#leftcontrol ul li a span.circle{ height: 1px; border-radius:0;}

#leftcontrol ul li:hover{background-color: #fff;}

#leftcontrol{background-color: #fff;}

#leftcontrol > ul > li.active a{background: #FFFFFF;color:#519a68;}

#leftcontrol > ul > li.active ul li a{background: #f7f7f7; color: #5a5a5a;}

#leftcontrol ul li a{color: #8A8A8A;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}

#leftcontrol ul li{border-top: 1px solid #ECECEC;}

#leftcontrol ul li a span.circle{border: #D8D8D8 1px solid;background-color: #D8D8D8;}

#leftcontrol ul li a span.more span{background: #8A8A8A;}

#leftcontrol ul li a span.more span:hover{background: #FFFFFF;}

#leftcontrol ul li.active a.hassub{background: #519a68;color: #fff; height:auto}


#leftcontrol ul.subnav li a{color: #888888;}

#leftcontrol ul.subnav li.active a{background: #EAEAEA; color:#519a68;}

#leftcontrol ul li.active a span.more span.v{background-color: #fff;}


.postbody a:hover {
	text-decoration: underline;
}
 a.jobsbtn { height:36px; background:#519a68; width:280px; margin:22px auto; display:block; color:#fff; text-decoration:none; line-height:36px; text-align:center}
 a.jobsbtn:hover{ height:36px; background:#519a68; width:280px; margin:22px auto; display:block; color:#fff; text-decoration:none; line-height:36px; text-align:center}

#indexPage #mnews .bx-controls{ display:block}
#indexPage #mnews .bx-controls .bx-default-pager{ margin-left:12%}
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-top: -22px;
    background-color: rgba(49, 49, 49, 0.4);
    background: url(/cloud/images/jiantou.png)no-repeat 0px -40px;
    height: 30px;
    transition: all 0.3s ease 0s;
    text-indent: -100px;
    overflow: hidden;
	 -moz-transform:rotate(-90deg);
      -webkit-transform:rotate(-90deg);
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);     
	 float:right;
	 margin-top:3px;
	 right:20px;
	 left:inherit;
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next {
    margin-top: -22px;
    background-color: rgba(49, 49, 49, 0.4);
    background: url(/cloud/images/jiantou.png)no-repeat -39px -40px;
    height: 30px;
    transition: all 0.3s ease 0s;
    text-indent: 100px;
    overflow: hidden;
	 -moz-transform:rotate(-90deg);
      -webkit-transform:rotate(-90deg);
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);     
     
	
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-color: rgba(49, 49, 49, 0.4);
    background: url(/cloud/images/jiantou.png)no-repeat 0px -65px;
		 -moz-transform:rotate(-90deg);
      -webkit-transform:rotate(-90deg);
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);     

}
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-color: rgba(49, 49, 49, 0.4);
    background: url(/cloud/images/jiantou.png)no-repeat -39px -65px;
	 -moz-transform:rotate(-90deg);
      -webkit-transform:rotate(-90deg);
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);     
     
}

.tril .container_content2 {
    width: 100%;
    margin:0;
    height: 330px;
    background: #fff;
    margin-right: -14px;
    box-shadow: 0 7px 17px rgba(6,6,6,.0);
	}
.bgShow.tril2 {
    padding: 30px 0 30px 20%;
    margin-top: 20px;
}
.item_block { margin-bottom:44px;}
