body { min-width: auto; height: auto; }



#header ul li.navitem a { color: #8e8e8e; padding-bottom: 32px;}



#header ul li.navitem { padding: 0; margin: 0 0px 0px 40px; }

#header ul li.navitem::after{content: "";display: block;width:0;height: 2px;background-color: #5c5c5c;position: absolute;bottom: -11px;opacity: 0;transition: all 0.6s ease 0s;}

#header ul li.navitem:hover::after{width: 100%;opacity: 1;}		

#header #logo { margin-right: 80px; height: 60px;}



#header #logo img {height:40px;}



#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #1E1E1E; }



.bx-wrapper .bx-pager.bx-default-pager a { display: none; margin:0 8px;border:1px solid rgba(154, 154, 154, 0.28);background-color:rgba(53, 53, 53, 0.6); width:6px; height:6px;border-radius: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 rgba(255,255,255,0.7); background-color: rgba(255,255,255,0.7); }



.serviceitem div { text-align: left; }



#footer { background: #000; margin: 0 auto; }



#header .content { margin: 0 auto; width: 1180px; padding-left: 0px; padding: 0; }



#header ul#nav { float: right; }





/*首页幻灯高度*/















#indexPage #mslider ul li div.sliderArrow { width: 650px; display: none; }



.content .header p.title {font-size: 18px; text-align: left; }



.content .header p.subtitle {color: #8F8F8F; text-align: left; }



.serviceitem div p.title { font-size: 18px;  font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }



.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: #696969; }



#nav .navitem:hover strong { width: 100%; }



#footer p { text-align: left; padding: 10px 0px; color: #6c6e75; width: 1180px; margin: 0 auto; }



.bx-wrapper .bx-controls-direction a:hover i { color: transparent; }



/*#header ul li.navitem ul.subnav {border-bottom: 1px solid #f1f1f1;  left:-1008px !important; width:1180px; text-align:right; background:#CCC;background: #FFF;margin-top: 13px;border-top: 0; position: absolute;}*/
#header ul li.navitem ul.subnav {border-bottom: 1px solid #f1f1f1;background: #FFF;margin-top: 18px;border-top: 0; position: absolute;}

#header ul li.navitem ul.subnav li a:hover { background: rgba(242, 242, 242, 0) none repeat scroll 0% 0%; color: #2a2a2a;text-indent: 10px; }

#header ul li.navitem ul.subnav li a { background:transparent; color: #aeaeae; width:auto; padding: 10px 30px 10px 30px;border-top: 1px solid #f2f2f2; }

#header ul li.navitem ul.subnav li { border-bottom: transparent 1px solid; }

#header ul li.navitem ul.subnav li a:hover i{opacity: 1;}



/*内页*/































#sitecontent .content .fw { width: 1180px; }



.postbody a { color: #848484; }



.postbody a:hover { color: #3892D6; text-decoration: none; }



/*关于首页*/


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 25px; }



.bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; background: rgba(0,0,0,0); border-radius: 0px; }



.bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../images/icon/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; }



#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:hover { text-indent:0px;color:#333}



#indexPage #mnews { background-color: #fff; width: 1180px;  margin: 0 auto; }



#newslist .newsdate { width: 120px; }



#newslist .newsinfo .md { font-size: 40px; line-height: 30px; }



#newslist .newstitem:hover { background: transparent; }



#newslist .newstitem:hover p.description { color: #898989; }



#indexPage a.more { color:#b9b9b9; width: 300px; height:50px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; font-size: 18px; text-align:center; text-indent:0px; line-height:50px; }



#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }






#contactinfo { width: 1180px; margin: -20px auto 0;padding-top:60px;}



#contactinfo h3 { float: left; width: 100%; color: #666; }



#contactinfo p { width: auto; float: inherit; padding-right: 40px; font-size: 12px; }



#indexPage #mcontact { background-color: #fff; height:300px; }



#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; }



/*首页案例*/











.nobanner #projectlist .projectitem a .project_info p.title{margin-top:6px;}



#projectlist, #projectmore { margin: 0 auto; width: 1180px; }



#projectlist .wrapper { margin-right: -20px; padding-top:0px; }



#projectlist .projectitem .project_info div { position: absolute; height: 50px; 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: ; }



#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: 60px; background-color: #fff;  width: 1180px; margin: 0 auto; }



#indexPage #mpage .slider_wrapper li { border-top: 1px solid #e7e7e7; }



/*首页团队*/















#indexPage #mteam .header img {border-radius: 0px; width: 100%; height:auto; margin:0px;transition: all 0.6s ease 0s;}

#indexPage #mteam .header img:hover{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);}



#indexPage #mteam .header a{ width:380px; height:180px; overflow:hidden; display:block;}



.module-slider .description { width: auto; height: 96px; font-size: 12px; }



#indexPage #mteam .header p.title { text-align: left; margin-top: 20px; color: #5a5a5a; }



#indexPage #mteam .header p.subtitle { text-align: left; }



#indexPage #mteam .slider_wrapper { height: 320px; }



#indexPage #mteam { background-color: #fff; height: auto; width: 1180px; margin: 0 auto 20px; }



#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; }







/*首页新闻*/







#mnews #newslist .newsbody .description { border-bottom: none; }



#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; font-size: 16px; height: 20px; line-height: 20px; color: #1E1E1E; margin:18px 0 50px;}



#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%; }



#newslist { width: 1180px;  }











#newslist .newstitem .newsimg{width:260px; height:160px; left:auto; right:0px;}



/*服务内页*/















#servicelist .serviceitem { margin-bottom: 80px; }



#newsPage #newslist { margin: 50px auto 0; }



/*内容图片最大宽度*/















.postbody img { max-width: 1180px; }



#projectbody { width: 760px; float:left; }



#projectbody .postbody img { max-width: 760px; }



#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; }



/*团队内页*/







#teampost { padding-top: 120px; }



.teamitem { float: left;width: 380px;margin-right: 20px;margin-bottom: 20px;height: 380px; }



.teamitem img {border-radius: 0px;width: 100%;height: auto;margin: 0px;transition: all 0.6s ease 0s;}

.teamitem img:hover{transform: scale(1.1,1.1);}



.teamitem .teaminfo { text-align: left; }



.teamitem .teaminfo .description { margin-top: 20px; }

.teamitem .teaminfo .subtitle{transition: all 0.6s ease 0s; }

.teamitem:hover .teaminfo .subtitle{margin-top: -20px;opacity: 0;}

#teamlist { width: 1180px; }



#teamlist .wrap { margin-right: -20px; }



.teamitem a div.wrap { height: 40px; background: rgba(92, 92, 92, 0.6); bottom: -40px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



.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 div { height: 310px; position: relative; }



#teampost #teamimage img { width:460px; margin-bottom: 40px; margin-right: 40px; }



#teampost #teambody {width: 680px;float: left;margin-left: 40px;}



#teampost #teamimage { width:460px;float: left; }





/*合作伙伴*/















#indexPage #mpartner .slider_control a { background: transparent; }



#indexPage #mpartner .slider_control a:hover { background-color: transparent; }



#indexPage #mpartner .slider_control a i { color: transparent; }





/*1转4新css开始*/







































































/*新首页*/















#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; }



#indexPage #mpartner .content { height: auto; margin-top: 0; }



#indexPage #mcontact .content { height: auto; margin-top: 0; }



#indexPage a.more i { font-size: 18px; }



/*标题块*/















.content .header p.subtitle { font-size: 12px; line-height: 24px; height: 24px;}



/*幻灯*/



















/*幻灯切换按钮*/















#mslider .bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0);}



#mslider .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../images/icon.png)no-repeat -10px -16px; width: 50px; height: 50px; margin: 0; }

#mslider .bx-wrapper .bx-controls-direction a:hover i{background: url(../images/icon.png)no-repeat -10px -78px;}

#mslider .bx-wrapper .bx-controls-direction a.bx-next i { background: url(../images/icon.png)no-repeat -58px -16px; }

#mslider .bx-wrapper .bx-controls-direction a:hover.bx-next i{ background: url(../images/icon.png)no-repeat -58px -78px;}



#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(255, 255, 255, 0.9);}



#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 -50px; }



.bx-wrapper .bx-controls-direction a.bx-next i { background: url(../images/jiantou.png)no-repeat -37px -50px; }



.bx-wrapper .bx-controls-direction a.bx-prev:hover i { background: url(../images/jiantou.png)no-repeat 0px -70px; }



.bx-wrapper .bx-controls-direction a.bx-next:hover i { background: url(../images/jiantou.png)no-repeat -37px -70px; }



#indexPage #mslider .bx-wrapper .bx-pager {width: 300px; bottom: 35px; text-align:right; right:40px; z-index:2;}



#mslider .bx-wrapper .bx-next{right:-60px;}



#mslider .bx-wrapper .bx-prev{left: -60px;}



#mslider .bx-wrapper .bx-pager.bx-default-pager a{ display:block;}



/*服务*/







#indexPage #mservice { width: 1180px;  margin: 0 auto; }



#mservice .content .header { padding-top: 60px; padding-bottom: 30px; }



#indexPage #mservice .header p.title{ margin-top:20px;}



#servicelist .content_list{ margin-right:-100px;}



#servicelist .serviceitem:hover .title { color: #292929 }



#mservice #servicelist .serviceitem{ width:540px; margin-right:100px; height:160px;padding:30px 0; border-top:1px solid #ddd;margin-bottom: 30px;}

#mservice #servicelist .serviceitem::after{content: "";display: block;width:0px; height:1px;background-color: #5c5c5c;position: absolute;top: -1px;transition: all 0.6s ease 0s; }

#mservice #servicelist .serviceitem:hover::after{width: 540px;}

#servicelist .serviceitem{ position:relative;}



#servicelist .serviceitem a img{ width:190px;float:left;}



#servicelist .serviceitem div {width:276px; text-align: left; float:left; margin-left:30px;}



#indexPage #mservice a.more { display: none; }





#indexPage .serviceitem a.details{ width:40px; height:40px; text-indent:50px; overflow:hidden; position:absolute;bottom:30px; left:220px; display:block; border-radius:0px; margin:0px; border:1px solid transparent;}

#indexPage .serviceitem a.details::after{ content:""; display:block;width: 40px;height: 40px; background: url(../images/icon.png)no-repeat -40px -145px;position: absolute;top: 0px;opacity: 0;transition: all 0.6s ease 0s; }

#indexPage .serviceitem:hover a.details::after{opacity: 1;}

#indexPage #mservice .wrapper .bx-wrapper .bx-prev { left: -58px; top: 102px; }



#indexPage #mservice .wrapper .bx-wrapper .bx-next { right: -58px; top: 102px }



#indexPage #mservice a.more{top:62px;}

#servicelist .serviceitem div p.description{font-size: 12px;}

#servicelist .serviceitem div p.title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}





/*内页服务*/

.npagePage #servicelist .wrap{margin-right: -100px;}

.npagePage #servicelist { width: 1180px; }

.npagePage #servicelist .serviceitem {width: 540px;margin-right:100px;height: 180px;padding: 30px 0;border-top: 1px solid #ddd;margin-bottom: 30px; }

.npagePage #servicelist .serviceitem::after{content: "";display: block;width: 0px;height: 1px;background-color: #5c5c5c;position: absolute;top: -1px;transition: all 0.6s ease 0s;}

.npagePage #servicelist .serviceitem:hover::after{width: 540px;}

.npagePage .content .header{margin-bottom: 20px;}

#sitecontent .npagePage .serviceitem a.details{display:block;width: 40px;height: 40px;overflow: hidden;margin: -30px auto 50px 220px;}

.npagePage .serviceitem a.details::after{content: "";display: block;width: 40px;height: 40px;background: url(../images/icon.png)no-repeat -40px -146px;position: absolute;bottom:30px;opacity: 0;transition: all 0.6s ease 0s;}

.npagePage .serviceitem:hover a.details::after{opacity: 1;}

.npagePage .serviceitem .content .header p.subtitle{height: 34px;line-height: 34px;}





/* 团队*/















#indexPage #mteam .content > .header{ padding:60px 0 30px; display:block; }



#indexPage #mteam ul li{float:left; width:380px;height: 340px; margin-right:20px; margin-bottom: 20px;}



#indexPage #mteam ul.content_list{ margin-right:-20px;}



#indexPage #mteam ul:after{ content:''; display:block; clear:both;}



#indexPage #mteam .summary {width:auto; margin-top: 40px; }



#indexPage #mteam .summary p{ text-align: left; color: #848484;}



#indexPage #mteam .summary p.title { font-size:14px; line-height:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



#indexPage #mteam .summary p.subtitle{ margin-bottom:20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



#indexPage #mteam .summary .description { width: auto; height: 48px; font-size: 12px; }



#indexPage #mteam .bx-wrapper .bx-prev { left: -58px; margin-top: 26px }



#indexPage #mteam .bx-wrapper .bx-next { right: -58px; margin-top: 26px }







#indexPage #mteam a.more,#indexPage #mservice a.more{ display:block; position:absolute;top:44px; right:0px; width:100px; height:40px; text-indent:-333px; border:0; overflow:hidden; }



#indexPage #mteam a.more:after,#indexPage #mservice a.more:after{ content:'更多'; position:absolute;width:98px; height:38px; border:1px solid #e4e4e4;line-height:40px;text-indent:0px; color:#b0b0b0; font-size:13px; top:0px; left:0px;}

#indexPage #mteam a.more:hover::after,#indexPage #mservice a.more:hover::after{color: #5c5c5c;border:1px solid #ddd;}

#indexPage #mteam a.more{top: 42px;}

/*团队内页*/





.teamitem a { margin-right: 40px;width: 380px;height: 180px;overflow: hidden;display: block; }



.teamitem .teaminfo .title { line-height: 22px; color: #5a5a5a; font-size: 18px; }



#teambody .theader .title { font-size: 20px; }



.teamitem .teaminfo .title a { color: #5a5a5a;font-size: 14px; }



/*关于*/



#indexPage #mpage .content {width:1180px; margin:0 auto; height:380px; padding-bottom: 20px; }



#mpage .content .header { padding:72px 105px 32px 440px; width:auto;}



#mpage .content .header p.subtitle { font-size: 12px; line-height: 24px; color:#8F8F8F}



#indexPage #mpage .wrapper li{ background:#f6f6f6; height:380px; }



#indexPage #mpage .wrapper li .fimg { height:380px;width:380px; position:absolute;top:0px; left:0px;}



#mpage .module-content .description{ padding:0 80px 0 440px; margin:0px; height:74px; width:auto; text-align:left; -webkit-column-count: 2;

-webkit-column-gap: 30px; 

}



#indexPage #mpage .module-content .more{margin: 50px auto 0px;position: relative;border: 1px solid transparent;width: 120px;height: 40px;text-indent: 120px;overflow: hidden;left: -8%;}



#indexPage #mpage .module-content .more::after{ content:'查看详情'; position:absolute; top:0px; left:0px; width:118px; height:38px; line-height:40px; border:1px solid #ddd;text-indent:0px; color:#7c7c7c; font-size:13px} 

#indexPage #mpage .module-content .more:hover::after{color: #fff;}

#indexPage #mpage .module-content .more::before{content:""; display: block; width:0px; height:40px;transition: all 0.6s ease 0s;background-color: #5c5c5c;}

#indexPage #mpage .module-content .more:hover::before{width:120px;}

/*案例*/











#indexPage #mproject .content .header { padding-top:60px; padding-bottom:30px; width:580px;margin: 0;}



#indexPage #mproject #category { display: block; width:600px; text-align: right; margin-top: -93px;float: right; }



#indexPage #projectlist .projectitem { background: none; }



#indexPage #projectlist .content_list{ margin-right:-20px;}



#indexPage #projectlist .projectitem, #projectlist .projectitem {width:380px; height:auto;margin-right:20px; }



#projectlist .projectitem .project_img{ width:380px; height:260px; overflow:hidden;}



#projectlist .projectitem a .project_info { position: inherit; height:80px;}



#projectlist .projectitem a .project_info div { position:inherit;padding:10px 0; margin:0px; }



#indexPage #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; }

#indexPage #projectlist .projectitem:hover .project_info p.subtitle{margin-left:10px;}

#indexPage #projectlist .projectitem .project_info p.title {margin-top:0px;font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #666; text-align: left; padding: 0; line-height:24px; }

#indexPage #projectlist .projectitem:hover .project_info p.title{margin-left:10px;}

#projectlist .projectitem a .project_info:after{content:''; position:absolute; right:0px; bottom:36px;width: 40px;height: 40px;background-color: rgba(0,0,0,.2); opacity:0;background: url(../images/icon.png)no-repeat -40px -146px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#projectlist .projectitem:hover a .project_info:after{ opacity:1;}

		

#indexPage #mproject .bx-wrapper .bx-pager { display: none; }



#indexPage #mproject a.more { margin: 40px auto 0px;font-size: 13px;}



#indexPage #mproject a.more::after{content: "";display: block;width: 260px;height: 42px;border: 1px solid #bbb;position: absolute;bottom: 4px;z-index: 2;margin-left: 20px;transition: all 0.2s ease 0s;}



#indexPage #mproject a.more:hover::after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;}







#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details{border:rgba(223, 223, 223, 0) 1px solid;}



#indexPage a.more:hover, #indexPage a.details:hover, #sitecontent .npagePage a.details:hover{border:rgba(223, 223, 223, 0) 1px solid;}



/*#indexPage #mproject a.more:hover { background: #666; border: 1px solid #666; width: 300px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; color: #fff; display: block; }*/



#indexPage #mproject a.more:hover i { color:#2a2a2a; text-indent:10px; }



/*内页案例*/











.npagePage #projectlist .content_list{ margin-right:0px;}



.npagePage #projectlist .projectitem { background: none;margin-right:0px; margin-left:20px; margin-bottom: 0px;  }



.npagePage #projectlist .projectitem a .project_info p.title {width: 80%; color: #666; text-align: left; padding: 0; font-size: 13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;transition: all 0.6s ease 0s; }

.npagePage #projectlist .projectitem:hover a .project_info p.title{margin-left:10px;}

.npagePage #projectlist .projectitem a .project_info p.subtitle {width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; transition: all 0.6s ease 0s; }

.npagePage #projectlist .projectitem:hover a .project_info p.subtitle{margin-left:10px;}

.npagePage #projectlist .projectitem a .project_info div:after { display: none; }



#projectlist .projectitem a img { display: block;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /*filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%);*/}



#projectlist .projectitem a:hover img {transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);}

.npagePage #projectlist .projectitem .project_img{ width:300px; overflow:hidden;}



.npagePage #projectlist .projectitem, #projectlist .projectitem {width:300px; height:auto;margin-left:20px;margin-right:0px; }

.npagePage  #mproject .content .header { padding-top:60px; padding-bottom:10px; width: 1180px; margin: 0 auto; }



#mproject .content .header p.title{width: 210px;margin-top: -10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

#mproject .content .header p.subtitle{width: 210px;margin-top: -10px;line-height: 24px;margin:10px 0 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

#indexPage #mproject .content .header p.title{position: initial;}

#indexPage #mproject .content .header p.subtitle{position: initial; margin-top: 0;}

/*新闻*/















#mnews .content .header { padding-top: 60px; }



#indexPage #mnews .content .header { display: block; }



#newslist .newstitem .news_wrapper { position: inherit; width:300px; }



#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:636px; }



#newslist .separator { display: none; }



#newslist .newstitem { border-bottom: 1px solid #e9e9e8; border-radius: 4px; float: left; height:220px; margin-bottom:40px; margin-right: 15px; position:relative;}



#newslist .newstitem:last-child{border-bottom: 0;}



#newslist .newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; font-weight: 300; position:absolute; top:38px;}



#newslist .newstitem a.newscontent { text-align: left; }



#newslist .newstitem .md { color:#b0b0b0; display: inline-block; font-size: 12px; position: relative; }



#newslist .newstitem .year { color:#b0b0b0; font-size: 12px;}



#newslist .newsbody .description { font-size: 12px; text-align: left; color: #777; height:40px; overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left:0px;}



#indexPage #mnews .newstitem a.details ,#newsPage #newslist .newstitem a.details{ display: block; position: absolute; z-index: 20; bottom:40px; background: none; width: 100px; height:40px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 160px;opacity:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:#fff; }



#indexPage #mnews .newstitem a.details:after,#newsPage #newslist .newstitem a.details:after{ content:'查看详情'; position: absolute; top:0px; left:0px; height:40px; width:100px; line-height:40px; text-align:center; color:#b0b0b0; text-indent:0px; font-size:12px; }



#indexPage #mnews #newslist .newstitem i { display: none; }



#indexPage #mnews a.more {font-size: 14px; margin: 30px auto 60px; display: block; position: relative; }

#indexPage #mnews a.more::after{content: "";display: block;width: 260px;height: 42px;border: 1px solid #bbb;position: absolute;bottom: 4px;z-index: 2;margin-left: 20px;transition: all 0.2s ease 0s;}

#indexPage #mnews a.more:hover::after{transform: scale(1.1,1.1);border:1px solid #e0e0e0;}



#indexPage #mnews .newstitem:hover a.details,#newsPage #newslist .newstitem:hover a.details{ opacity:1;}



#indexPage #mnews .newstitem:hover .description,#newsPage #newslist .newstitem:hover .description { margin-left:30px;}



#indexPage #mnews .newstitem .description::after,#newsPage #newslist .newstitem .description::after{content: ""; display: block; height: 60px; width: 1px; background-color: #e0e0e0;position: absolute;top: 84px;opacity: 0;}



#indexPage #mnews .newstitem:hover .description::after,#newsPage #newslist .newstitem:hover .description::after{opacity: 1;margin-left:0px; margin-left: -30px;}



#newslist .newstitem{height:200px}



/*内页新闻*/











#newsPage.npagePage .content{ width:1200px; margin:0 auto;}

#newsPage #category {margin: 0;width:180px;float: left;position: fixed;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; margin-left: 10px;}

#newsPage #newslist .newstitem { width: 960px; position: relative; height: 200px; }

#newsPage #newslist .newstitem .news_wrapper,#newsPage #newslist .newstitem a.newscontent:hover .news_wrapper{width:580px;}



#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; }



#newsPage #newslist .newstitem i { display: none; }



#sitecontent #newsPage .content a.details:hover { text-indent: -94px; }



#newsPage #newslist .newstitem .newsimg{width: 260px;height: 160px;}



#newsPage #newslist .newstitem a.details {top:120px}

#newsPage .content .header p.title{width: 210px;position: fixed;margin-top: -10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}

#newsPage .content .header p.subtitle{width: 210px;position: fixed;margin-top: -10px;line-height: 24px;height: 24px;margin: 10px 0 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



/*合作伙伴*/







#indexPage #mpartner .content .header { display: none; }



#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }



#indexPage #mpartner .wrapper {width: 1180px height: auto; }



#indexPage #mpartner .wrapper ul li { height: 80px; }



#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }



#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }



#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: 1180px; margin: 0 auto; }



#indexPage #mcontact .content .fw { width: 1180px; }



#contactinfo div a:hover { color: #fff; background: #5c5c5c; }



#footer a path { fill: rgb(148, 148, 148); }



#pages a.active, #pages a:hover { background-color: #4E4E4E; }



#indexPage .module { z-index: auto; }

#mcontact .content #contactinfo{animation-name: fadeInUp;}





/*联系我们内页*/

#page_none .content .header .title{position: initial;}

#page_none .content .header .subtitle{position: initial;}



/*幻灯*/







#indexPage #mslider .bx-wrapper { position: relative; width: 1180px; margin: 0 auto;}



#header { background-color: #fff; position: absolute;padding-top: 40px;border-bottom: 1px solid #ececec; position: fixed;top:0px; }



#header.mini {background-color: #fff;padding-top: 20px;}



.nobanner #header { background: #fff; margin-top:0px; }



#indexPage #mslider ul li{ position:relative;}



#indexPage #mslider ul li p.title { font-size: 18px; line-height: 30px; height:30px; text-align: right; margin-left: 30px; text-align:left; margin-top:18px;}



#indexPage #mslider ul li p.subtitle { font-size: 12px; text-align: right; margin-left: 30px; margin-bottom:22px; color: #ababab; text-align:left;}



#indexPage #mslider ul li div { vertical-align: bottom; }



#indexPage #mslider ul li a{ height:90px; background:rgba(0,0,0,0.6); position:absolute; bottom:0px;}



#sitecontent { min-height: inherit; }







/*案例详情*/







#plheader { width: 1180px; margin: 0 auto; padding-top: 100px; }



#category { text-align: left; width: 1180px; margin: 0 auto; padding: 10px 0 20px 0;}



#category li { display: block; }



#category a.active, #category a:hover { background-color: transparent; color: #1a1a1a; border-color: transparent; }



#category a { border: none; padding: 8px 0; color: #8e8e8e; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



#projectinfo { float: right; margin-left: 0px; width:360px; }



#projectih { width:360px; }



#projectinfo .header { width:360px; border-bottom: none; }



#projecttags {  width: 360px; border-top: 1px dotted #CFCFCF; padding-top: 40px; margin-top: 40px; float:none; margin-left:0px;}

#projecttags:after,#projectib:after{ content:''; display:block; clear:both;}



#projectib {float:none; margin-left:0px; width:360px; margin-right:0 }



#projectib .projectitem { width: 172px; margin-right:4px; }



#projectib .projectitem a .project_info p.title { margin-top:1px;color: #606060;}


#projectib .projectitem:hover a .project_info p.title{color: #333;}




#projectib .projectitem a { overflow: hidden; }



/*页面详情*/





#projectib .projectitem img{ height:px;}



.content .header { padding-top: 0px; width: 1180px; margin: 0 auto; padding-bottom: 30px;}



#indexPage #category a { padding-left: 20px; display: inline; }



#sitecontent .npagePage #projectwrap { padding-top: 120px; }



#projectinfo .header .description { color: #8c8c8c; font-size: 12px; }



#projectbody .postbody { padding: 0px 0 80px 0; }



#projectshow{float:right; width:360px;margin-right:0px;}



#projecttags a{transition: all 0.6s ease 0s; }

#projecttags a:hover{color: #FFF;background: #5c5c5c;}



/*新闻内页*/







#newsPage #newslist .wrapper { width: 960px; float: right; margin:-90px 0 0; }



#pages { width:940px; margin: 0 auto; text-align:center; padding-left: 220px; padding-bottom: 120px; padding-top: 80px;margin-left: 20px; }



#category li.hasmore { height: auto; }



#category li.hasmore div { width: 200px; display: block; position: relative; }



#category li.hasmore div ul { text-align: left; margin: 10px 20px 10px 20px; border-top: none; padding-top: 0px; }



#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: transparent; color: #1a1a1a; }



#category li.hasmore div ul a::before { position: absolute; content: ""; width: 5px; height: 1px; margin-top: 8px; z-index: 10; background-color: #B4B4B4; margin-left: -20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#category li.hasmore div ul a.active::before, #category li.hasmore div ul a:hover::before { background-color: #000; }



#category li.hasmore div ul a { padding: 5px 0; }



#mproject.npagePage .content { width: 1180px; margin: 0 auto;overflow: visible;min-height: 1000px;}



#mproject.npagePage #category { margin: 0; width:180px; float: left;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}



#mproject.npagePage #projectlist { margin-left: 220px; width:960px }



#mproject.npagePage #projectlist .wrapper { float: none; margin: -60px 0 0 0; }



#plheader { padding-bottom: 50px; }



#projectib #projectlist{ width:720px;}



















#shares {height: 92px;}



#shares a#gotop {margin-top: 0px;}



#shares a#sshare {display: none;}



#online_open{bottom: 132px; background: #c0c0c0;}



#online_lx{bottom: 132px;}



#olx_head {background: #1D1D1D;border-radius: 0;}



#olx_qq li a:hover i {color: #fff;}



#shares a#sweixin {background-color: #2c2c2c;}



#shares a#sweibo {background-color: #696969;}


/*联系我们留言表单 横/

#mcontact .content #contactform{width: 1180px; margin-top: 80px;}
#contactform p .inputtxt{width: 300px; float: left; margin-right: 20px;color: #6B6B6B;    background-color: rgba(255, 255, 255, 0);border: 0;    border-bottom: #E2E2E2 1px solid;}
#contactform p .inputsub{ width: 220px; height: 45px; background-color: #5C5C5C;padding: 0;margin-top:20px;}
#contactform p .inputsub:hover{background-color: #4d4d4d;}
#indexPage #mcontact{height: 520px;}
#contactinfo div{margin-top: 100px;}
#contactform p .cont{width: 1180px;}
#contactform p textarea.inputtxt{height: 60px;}
#mcontact .content #contactinfo{border-top: 1px solid #e9e9e8;}
/*联系我们留言表单/


/*联系我们留言表单 竖*/

#indexPage #mcontact{height: 440px;}
#contactform p .inputtxt{color: #6B6B6B;    background-color: rgba(255, 255, 255, 0);border: 0;border-bottom: rgba(151, 151, 151, 0.25) 1px solid;}
#contactform p .inputsub{ height: 45px; background-color: #5C5C5C;}
#contactform p .inputsub:hover{background-color: #4d4d4d;}

#contactform p .email{float: left;}

#mcontact .content #contactinfo p{width: 420px;}


#contactinfo { width: 460px;border-top: 0;}

#indexPage #mcontact .content{border-top: 1px solid #e9e9e8;top: -1px;}

#contactinfo p{height: 30px; line-height: 30px;}
#mcontact .content #contactform{margin-top: 30px;}
#contactinfo div a{margin-top: 20px;}



#servicelist .serviceitem div{transition: all 0.6s ease 0s;}
#servicelist .serviceitem:hover div{margin-left:40px;}

#indexPage #mteam .fw #teamitem .summary{transition: all 0.6s ease 0s;}
#indexPage #mteam .fw #teamitem:hover .summary{margin-top: 20px;}

.mvideom #pages{width: 1180px;margin: 0 auto;text-align: center;padding-left: 0;padding-bottom:100px;padding-top:60px;margin-left: auto;}

#indexPage #mslider{padding-top: 160px;}