/* CSS Document */



/*新首页*/

#indexPage .module.bgShow .bgmask { display: none; }
#indexPage .module .content { position: inherit; top: inherit; }
#indexPage #mservice .content { height: 878px; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mpage .content { height: 440px; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mteam .content { height: auto; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mproject .content { height: auto; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mnews .content { height: auto; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mpartner .content { height: 115px; margin-top: 0; border-top: 1px solid #f4f4f4 }
#indexPage #mcontact .content { height: auto; margin-top: 0; }
/*导航*/

body.ipusher.open #header #headSHBtn { margin-left: 400px }
body.ipusher.open #header #headSHBtn:hover { background-color:#262626; }
body.ipusher.open #header #headSHBtn i::before { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
body.ipusher #header #headSHBtn i { font-size: 17px; margin-top: 17px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
body.ipusher #header #headSHBtn:hover i { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
body.ipusher.open #header #headSHBtn:hover i { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
#headSHBtn { display: block; left: -70px; top: 20px; color: #dedede; background: #393939; width: 50px; height: 50px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#headSHBtn:hover { background-color: #4b4b4b; }
body.ipusher #header ul li.navitem ul.subnav { margin: -648px 0px 0px; height: 2000px; background-color: #fff; overflow: hidden; padding-top: 645px; right: 100%; left: auto; z-index: -99; }
body.ipusher #header .content { padding-top: 100px; background-color: #fff; padding-bottom: 1000px; box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); }
#logoClone img { margin: 20px 30px; }
body.ipusher #header { width: 400px; left: auto; background-color: #FFF; right: -400px; position: fixed; z-index: 999999; }
body.ipusher.open #header { transform: translate3d(-400px, 0, 0); -webkit-transform: translate3d(-400px, 0, 0); -moz-transform: translate3d(-400px, 0, 0); -o-transform: translate3d(-400px, 0, 0); }
body.ipusher #header #logo { margin: 30px 0; display: none; }
body.ipusher #header #logo img { margin-left: 60px; height: 34px; }
body.ipusher #header ul li.navitem { text-align: left; border-top: 1px solid #F5F5F5; padding: 0 50px 0 }
body.ipusher #header ul li.navitem:hover { background:#f8f8f8; cursor:pointer; }
body.ipusher #header ul li.navitem:hover a { color:#000;}
#header ul li.navitem a { color: #666; font-size:13px;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #666 }
#header ul li.navitem ul.subnav li a {background:#f8f8f8; color:#666;}
body.ipusher #header ul li.navitem ul.subnav li a { color:#777;}
body.ipusher #header ul li.navitem ul.subnav li a:hover {background:#fff; color:#333;}
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0,0,0,.05);}
#header ul li.navitem ul.subnav li:last-child { border-bottom:none;}


/*首页头部导航*/

#headSHBtn i { display: none; }
#headSHBtn:after { content: ''; display: block; width: 20px; height: 2px; background: #999; position: absolute; top: 28px; left: 15px; transition: all 0.3s ease-out 0s }
#headSHBtn:before { content: ''; display: block; width: 20px; height: 2px; background: #999; position: absolute; top: 18px; left: 15px; transition: all 0.3s ease-out 0s }
#headSHBtn:hover::after { transform: rotate(45deg); top: 25px; background: #fff }
#headSHBtn:hover::before { transform: rotate(-45deg); top: 25px; background: #fff }
body.ipusher.open #headSHBtn { background-color:#4a4a4a; }
body.ipusher.open #headSHBtn:after { transform: rotate(45deg); top: 25px; background: #fff }
body.ipusher.open #headSHBtn:before { transform: rotate(-45deg); top: 25px; background: #fff }
/*幻灯*/

#indexPage .bx-wrapper .bx-pager-item { border-radius: 6px; width: 4px; height: 4px; position: relative; margin: 0 13px; background: #58524f; }
#indexPage .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; border-radius: 14px; border: transparent 2px solid; position: absolute; top: -7px; left: -12px; }
#indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage .bx-wrapper .bx-pager.bx-default-pager a.active { border: #58524f 2px solid; background: transparent; }
#indexPage .bx-controls-direction { display: none; }
#indexPage .sliderArrow { width: 38px; height: 12px; border: 2px solid #fff; border-radius: 38px; padding-top: 26px; position: absolute; left: 50%; margin-left: -21px; top:66%; animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; }
#mslider .sliderArrow:before { content: ''; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 10px solid #fff; margin: 13px; }
/*关于*/

#indexPage #mpage .wrapper li { text-align: center; }
#indexPage .content .header { padding-top: 100px; display: inline-block; }
#indexPage .content .header .title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-weight: bold; font-size: 20px; color: #323232; border-bottom: 2px solid #4f4f4f; padding-bottom: 4px; margin-bottom: 8px; }
#indexPage .content .header p { text-align: right; }
#indexPage #mpage .wrapper li .fimg { display: none; }
#indexPage .module-content .description { line-height:26px;}
/*more*/

#indexPage .content a.more { display: block; width: 34px; height: 34px; text-indent: -164px; line-height: 34px; margin: 0px; border: 1px solid #c3c3c3; margin: 0 auto; overflow: hidden; margin-top: 50px; }
#indexPage .content a.more i { color: #c3c3c3; margin-left: 117px; line-height: 34px; font-size:20px;}
#indexPage .content a.more:hover { background: #323232; border: 1px solid #323232; }
#indexPage .content a.more:hover i { text-indent: -10px; color: #fff; line-height: 34px; }
/*案例*/
#indexPage #category { padding-bottom:40px;}
#indexPage .projectSubList { height:760px;}
#indexPage #mproject{ background-color:#fff;padding-bottom: 4px;}
#mproject .content { text-align: center; }
#mproject .content .header { padding: 98px 0 75px; }
#indexPage #projectlist { width: 1200px; margin: 0 auto; position: relative; margin-top: 0px;}
#indexPage #projectlist .projectitem { overflow:hidden;}
#indexPage #projectlist #projectitem_0 { width: 290px; height: 200px; position: absolute; top: 220px; left: 82px; animation-delay: 0.4s; }
#indexPage #projectlist #projectitem_1 { width: 610px; height: 420px; position: absolute; top: 0px; left: 382px; animation-delay: 0.1s; }
#indexPage #projectlist #projectitem_2 { width: 480px; height: 330px; position: absolute; top: 430px; left: 240px; animation-delay: 0.6s; }
#indexPage #projectlist #projectitem_3 { width: 350px; height: 240px; position: absolute; top: 430px; right: 120px; animation-delay: 0.8s; }
#indexPage #projectlist #projectitem_4,#indexPage #projectlist #projectitem_5,#indexPage #projectlist #projectitem_6,#indexPage #projectlist #projectitem_7,#indexPage #projectlist #projectitem_8,#indexPage #projectlist #projectitem_9,#indexPage #projectlist #projectitem_10,#indexPage #projectlist #projectitem_11 { display:none;}
#projectlist .projectitem a .project_info div { margin-top:-29px;}
#projectlist .projectitem a:hover .project_info { background: rgba(255,255,255,0.85); }
#projectlist .projectitem a .project_info p.title { font-size: 18px; margin: 0 0 20px; }
#projectlist .projectitem a .project_info p.title::after { width: 0%; content: ''; display: block; height: 2px; background: #5b5b5b; position: absolute; top: 30px; left: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 3px;}
.npagePage4 #projectlist .projectitem a .project_info p.title::after { margin-top:1px;}

#projectlist .projectitem a .project_info p.subtitle { font-size: 13px; }
#projectlist .projectitem a:hover .project_info p.title { color: #000; font-size: 18px; text-align: center; margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.npagePage4 #projectlist .projectitem a .project_info p.title { font-size: 14px; transition: all 0.3s ease-out 0s;}
.npagePage4 #projectlist .projectitem a:hover .project_info p.title {}
#projectlist .projectitem a:hover .project_info p.title:after { width: 12%; left: 50%; margin-left: -6%; }
#projectlist .projectitem a:hover .project_info p.subtitle { color:#848484; font-size: 13px; font-family: "Arial"; }
#projectlist .projectitem a:after { width: 100%; height: 100%; content: ""; display: block; position: absolute; transition: all .38s cubic-bezier(.62, .02, .34, 1); -moz-transition: all .38s cubic-bezier(.62, .02, .34, 1); -webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-filter: "alpha(opacity=$num)"; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(.85); -moz-transform: scale(.85); -webkit-transform: scale(.85); -ms-transform: scale(.85); z-index: 2; top: 0px; left: 0px; border: 2px solid #4a4a4a; margin-left: -2px; margin-top: -2px; }
#projectlist .projectitem a:hover::after { -ms-filter: "alpha(opacity=$num)"; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(.92,.90); -moz-transform: scale(.92,.90); -webkit-transform: scale(.92,.90); -ms-transform: scale(.92,.90) }
#indexPage #mproject a.more { margin-bottom:80px;}


/*内页案例*/
#sitecontent #mproject .content .header { padding:50px 0; display:inline-block;}
#sitecontent .Pageanli .content .header p.title { font-size:24px; text-align:right;}
.content .header p.subtitle { text-align:right;}
#sitecontent .Pageanli #category a.active,#category a.active,#sitecontent .Pageanli #category a:hover {background: #4a4a4a;border-color: #4a4a4a;}
#sitecontent .Pageanli #projectlist .projectitem .project_img { height:auto; max-height:420px; overflow:hidden;}
#sitecontent .Pageanli #projectlist .projectitem a img {max-height: 420px;}








/*新闻*/



#indexPage #mnews { background-color: #fff; }
#indexPage #mnews .content { text-align: center; }
#indexPage #mnews .content .header { padding: 100px 0 75px; display: inline-block; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding: 0px; }
#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width: auto; }
#newslist .separator { display: none; }
#mnews #newslist { width: 1200px; }
#mnews #newslist .newsbody { width: auto; position: relative; }
#indexPage #mnews .content_list:after { content: ''; display: block; clear: both; }
#mnews #newslist .wrapper .newstitem { height: 354px; }
#indexPage #mnews .bx-controls { display: block; }
#mnews .bx-wrapper .bx-controls-direction { display: none; }
#newslist .newstitem.left .news_wrapper, #newslist .newstitem.right .news_wrapper { position: inherit; float: right; width: auto; margin-right: 150px; z-index: 3; }
#newslist .newstitem .newsimg { width: 400px; height:280px; float: left; position: relative; margin-left: 90px; z-index: 2 }
#newslist .newstitem .newscontent:after { content: ''; display: block; width: 370px; height: 155px; position: absolute; bottom:44px; left: 150px; background: #323232; }
#newslist .newsbody .title { position: absolute; height: 50px; left: -180px; top: 70px; padding: 45px 30px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 430px; background: #fff; font-size: 18px; color: #323232; line-height: inherit; text-align: left; }
#newslist .newsbody .title:after { content: ''; display: block; width: 110px; height: 2px; background: #4a4a4a; position: absolute; left: 30px; top: 30px; }
#newslist .newsbody .date { display: none; }
#newslist .newsbody .description { width: 490px; margin-top: 195px; font-size: 13px; color: #7A7A7A; line-height: 26px; text-align: left; }
#mnews .bx-pager.bx-default-pager { top: 162px; text-align: right; }
#indexPage #mnews .content a.more { margin: 70px auto 80px; }
#indexPage #mnews .bx-wrapper .bx-pager-item { background: #6f6f6f }
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active { border: #6f6f6f solid 2px; }
/*服务*/
#indexPage #mservice{background-size: inherit;}
#mservice #servicelist { margin: 230px auto 75px; }
#indexPage #mservice .content { text-align: center; }
#mservice .content .header { width: auto; padding: 110px 0 65px; }
#servicelist .serviceitem a img { width: 262px; height: 145px; margin: 0 auto; display: block; }
#servicelist .serviceitem div { width: 206px; height: 178px; margin: 0 auto; background: #fff; padding: 0 28px; }
#indexPage #servicelist .serviceitem div p.title { height:35px; line-height:35px;}
#servicelist .serviceitem div p.title { font-size: 18px; color: #323232; padding-top:25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;text-align: left;}
#servicelist .serviceitem:hover .title { color: #000; }
#servicelist .serviceitem div p.description { overflow: hidden; text-overflow: ellipsis; color: rgba(111,111,111,0.55); white-space: nowrap; text-align:left; }
#indexPage #mservice a.details { display: block; width: 30px; height: 30px; text-indent: -180px; line-height: 30px; margin: 0px; position: absolute; right: 50%; bottom: 40px; overflow: hidden; border: 1px solid #e0e0e0; z-index: 5; margin-right: 72px; }
#indexPage #mservice a.details:hover { background:#4a4a4a; border: 1px solid #4a4a4a; }
#indexPage #mservice a.details:hover i { color:#fff;}
#indexPage #mservice a.details i { color: #c1c1c1; margin-left: 146px; font-size:18px;position: relative;top: -1px;}
#indexPage #mservice a.details:hover i { text-indent: -10px; }
#mservice #newslist .newstitem:hover a.details { border: 1px solid #fff; }
#mservice #newslist .newstitem:hover a.details i { color: #fff; }
#indexPage #mservice a.more { display: none; }
#indexPage #mservice .bx-controls-direction { display: block; width: 120px; height: 60px; position: absolute; left: 50%; margin-left: 70px; bottom: 12px; }
#mservice .bx-wrapper .bx-controls-direction a { width: 60px; height: 60px; border-radius: 0px; position: inherit; display: inline-block; margin-top: 0px; }
#mservice .bx-wrapper .bx-controls-direction a i { margin-top: 13px; margin-left: 0px; }
#mservice .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 4px; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev { top: 0px; left: 0px; background: #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover { background:#323232;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i { color:#D1D1D1;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover i { color:#fff;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next { top: 0px; right: 0px; background: #4B4B4B; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover {background:#323232;}
/*团队*/
#indexPage #mteam { background-color:#fff;}
#indexPage #mteam .wrapper .header { float: right; padding: 0px; }
#indexPage #mteam .header img { width: 260px; height: auto; border-radius: 0px; margin: 0; }
#indexPage #mteam .wrapper .summary { float: left; width: 420px; height: 224px; padding: 86px 60px 0 94px; background: #f6f6f6; margin-top: 20px; }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .module-content { width: 834px; height: 334px; padding: 120px 0 130px; }
#indexPage #mteam .description { width: 420px; color: #777; }
#indexPage #mteam .summary p.title a { font-size: 18px; color: #333; position: relative; }
#indexPage #mteam .summary p.title a:after { content: ''; width: 40px; height: 2px; background: #323232; position: absolute; left: -95px; top: 10px }
#indexPage #mteam .summary p.subtitle { color: #777; font-size: 14px; }
#indexPage #mteam a.details { display: block; width: 30px; height: 30px; text-indent: -164px; line-height: 30px; margin: 0px; position: absolute; right: 318px; top:110px; overflow: hidden; border: 1px solid #e0e0e0; z-index: 5; }
#indexPage #mteam a.details:hover {background: #4a4a4a;border: 1px solid #4a4a4a;}
#indexPage #mteam a.details i { color: #c1c1c1; margin-left: 125px; font-size:18px; position:relative; top:-1px;margin-left: 141px;}
#indexPage #mteam a.details:hover i { color:#fff;}
#indexPage #mteam a.details:hover i { text-indent: -10px; }
#mteam ul li:hover a.details { border: 1px solid #fff; }
#mteam #ul li:hover a.details i { color: #fff; }
#indexPage a.details i { margin-top: 2px; }
#indexPage #mteam .bx-controls-direction { display: block; width: 120px; height: 60px; position: absolute; left: 0; margin-left: -60px; bottom: 0px; text-align: center; }
#mteam .bx-wrapper .bx-controls-direction a { width: 60px; height: 60px; border-radius: 0px; position: inherit; display: inline-block; margin-top: 0px; }
#mteam .bx-wrapper .bx-controls-direction a i { margin-top: 14px; margin-left: 2px; }
#mteam .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 4px; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev { top: 0px; left: 0px; background: #f6f6f6; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover { background:#323232;}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover i { color:#fff;}
#indexPage #mteam .wrapper .bx-wrapper .bx-prev i { color: #d2d2d2; }
#indexPage #mteam .wrapper .bx-wrapper .bx-next { top: 0px; right: 0px; background: #4b4b4b; }
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover {background: #323232;}
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover i { color:#fff;}
/*合作伙伴*/

#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 18px 0; height: 80px; width: 1200px;}
#indexPage #mpartner .wrapper { height: auto; width: 1200px;}
#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 #mpartner .bx-wrapper .bx-controls-direction a { background: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a:hover { background: #323232; }
#mpartner .bx-wrapper .bx-controls-direction a i { color: #c6c8cc; font-size:24px;margin-top: 7px;margin-left: 17px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#mpartner .bx-wrapper .bx-controls-direction a.bx-prev i {margin-left: 15px;}
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }
/**/

#indexPage #mcontact { background: #f7f7f7; }
#indexPage #mcontact .content { text-align: center; }
#indexPage #mcontact .content .header.fw { width: auto; padding-bottom: 80px; }
#indexPage #mcontact .header p.title { color: #323232; }
#contactlist:after { clear: both; content: ''; display: block; }
#indexPage #mcontact .content #contactlist { width: 1200px; margin: 0 auto; text-align: left; padding-bottom: 120px; }
#mcontact .content #contactform { width: 660px; margin-top:35px;}
#contactform p .inputtxt { width: 100%; background-color: transparent; border: none; border-bottom: 1px solid #dedede; width: 100%; padding: 10px 0px; color: #7d7d7d; font-size:13px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#mcontact .content #contactform p { float: left; margin-right: 20px; width: 30%; }
#contactinfo h3 { color: #606060; margin-bottom:35px;}
#contactinfo div a { background: none;}
#contactinfo div a:hover { background: #464646; }
#contactinfo div a i { color: #c5c5c5; }
#contactinfo div a:hover i { color: #fff; }
#contactform p textarea.inputtxt { width: calc(300% + 40px); width: -moz-calc(300% + 40px); width: -webkit-calc(300% + 40px); }
#contactform p .inputsub { width: 100px; background-color: transparent;color: #909090; font-size: 14px; padding: 5px 0; display: block; float: left; position: relative; top: 155px; height: 40px; left: calc(-100% - 20px); left: -moz-calc(-100% - 20px); left: -webkit-calc(-100% - 20px); border: 1px solid #cecece; cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputsub:hover { background-color:#4a4a4a; border: 1px solid rgba(0,0,0,.1); color: #fff; }
#contactform p .inputtxt:hover { border-bottom: 1px solid #606060 }
#footer { background: #fff; border-top: 1px solid #f4f4f4 }
#footer p { padding: 8px 0; width: 1200px; margin: 0 auto; text-align: left; }
#contactinfo p { height:30px;}
/**/

#newsPage #newslist .newstitem { height: 325px; }
#newsPage #newslist { width: 1200px; margin: 0 auto; }
#newsPage #newslist .newsbody .title { left: 0px; padding:5px 0 0; }
#newsPage #newslist .newsbody .title:after { left: 0px; top:50px; }
.npagePage #projectlist .projectitem { height:auto; }
#indexPage .module {z-index: auto;}



/*分享*/


#shares a { width:40px; height:40px; }
#shares a#sshare { display:none; }
#shares a i { margin-top:11px; }
#shares a i.fa-weixin { margin: 11px 0 0 14px; background-image: url(../image/shouji-.png); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop { margin-top:0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom: 40px;position: fixed;right: 10px;}
#shares a#gotop i { margin-top:8px; }
#shares a#gotop:hover { background:rgba(0, 0, 0, .9) }
#shares a#sweibo, #shares a#sweixin { background-color:rgba(255, 255, 255, .8); border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom:none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: fixed;bottom: 120px;
right: 10px;}
#shares a#sweixin { border-bottom: 1px solid rgba(0, 0, 0, .1); height:38px;position: fixed;bottom: 80px; }
.fa-weibo::before {color:#999;}

#shares a#sweibo:hover { background-color:#555; }
#shares a#sweibo:hover .fa-weibo::before {color:#fff;}
#shares a#sweixin:hover { background-color:#555; }
#shares a#sweixin:hover i.fa-weixin { background-image: url(../image/shouji.png); }
#olx_head { background: #3e3e3e; border-radius: 0px; }
#olx_qq li a:hover i { color: #d2d2d2; }
#olx_qq li a:hover { padding: 18px 30px; }
#online_open i { margin-top:10px; }
#online_open { background: none; bottom: 0px; color: #515151;bottom: 160px; color:#999;background-color: rgba(255, 255, 255, .8);border: 1px solid rgba(0, 0, 0, .1);width: 38px;height: 39px;border-bottom: none;}
#online_open:hover {background-color: #555; color:#fff;}
#online_lx { border-radius: 0px; bottom: 36px; margin-right: -10px; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	/* IE 9 */ -moz-transform: rotate(90deg); 	/* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); 	/* Opera */ }


/*分页*/
#pages a.active, #pages a:hover {background-color: #484848;}

/*产品详情页*/
#projectinfo4 .header p.title { font-size:22px;margin-bottom: 8px;}
#projectinfo4 .header p.subtitle { font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:13px; } 
#projectinfo4 div.description { margin-top:20px; line-height:24px; font-size:13px;}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {background-color:rgba(255,255,255,.8);border: 1px solid rgba(255,255,255,.8);}
#projectinfo4 div.description a { display:inline-block; width:150px; height:40px; line-height:40px; background:#5d5d5d; color:#fff; text-align:center; margin:20px auto;transition: all 0.3s ease-out 0s;}
#projectinfo4 div.description a:hover { background:#3c3c3c; }
#projectbody4 .postbody4 { margin-top:20px;}
#projectbody4 .postbody4 p { line-height:24px;}
#post_slider { background:#f8f8f8;}
#projectimages4 img { margin-bottom:10px;}
#projectbody4 {border-bottom: 1px dotted rgba(0,0,0,.1); padding-bottom:20px;}
/*#projectbody4 { display:none;}*/
.npagePage4 #projectwrap4 { margin-top:10px;}
.npagePage4 #post_slider, #post_slider1 { height:510px;}
.npagePage4 #post_slider li { height:510px;}
.npagePage4 #projectshow4 { margin-top:10px;}
.npagePage4 .bx-wrapper {width: 1180px;margin: 0px auto;}
.npagePage4 .bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,.0); width:45px; height:45px;  border-radius:25px;border:1px solid rgba(0,0,0,0);}
.npagePage4 .bx-wrapper .bx-controls-direction a i { color:rgba(0,0,0,.3); font-size:22px;margin-top:11px;}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover {border:1px solid rgba(0,0,0,.15); border-radius:50px;}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover i { color:#999;}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i { margin-left:20px;}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left:19px;}
.npagePage4 #projectlist .wrapper { text-align:left; margin-left:0;}
.npagePage4 #projectinfo4 { border-bottom:1px dotted rgba(0,0,0,.1);}
.npagePage4 #projectinfo4 .header { padding-bottom:10px; padding-top:50px;}
#sitecontent .npagePage4 #projectlist .projectitem {width:24%;margin: 0 10px 10px 0;height: auto; background:#fff;}
#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n),#sitecontent .npagePage3 #projectlist .projectitem:last-child { margin-right:0;}
#sitecontent .npagePage4 #projectlist .projectitem a img { height:auto;}

.npagePage4 #projecttags4 a { border:1px solid rgba(0,0,0,.15); background:#fff; padding:5px 18px;transition: all 0.3s ease-out 0s;}
.npagePage4 #projecttags4 a:hover {border:1px solid #4a4a4a;background:#4a4a4a; color:#fff;}
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background: #8cd4c1;}

.npagePage #banner { height:320px;}
.npagePage #banner div { height:320px;}
.Pageyemian .content .header p.subtitle,.Pageteam .content .header p.subtitle { text-align:center; font-size:14px; margin-top:3px;}

.content .header p.title { font-size:24px;}


/*团队列表页*/
.Pageteam #teamlist .wrap { margin-right:0;}
.Pageteam .teamitem {float:none;width: 100%; height:320px; margin-bottom:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background:#fff;border-bottom:1px solid rgba(0,0,0,.07); margin-right:0;}
.Pageteam .teamitem:last-child {border-bottom:none;}
.Pageteam .teamitem:hover { background:#f8f8f8; cursor:pointer;}
.Pageteam .teamitem a { width:185px; height:210px;float: left;margin-left: 200px;padding-top: 50px;}
.Pageteam .teamitem a img{ width:185px; height:210px;z-index: 2; position:relative;}
.Pageteam #teamlist .wrap .teamitem::after{content:'';position: absolute;display: block;width: 185px;height: 150px;left:50%;margin-left: -335px;margin-top:125px;background: #666;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Pageteam #teamlist .wrap .teamitem:hover::after {background: #4a4a4a;height: 240px;margin-top: 35px;}
.Pageteam .teamitem .teaminfo {width:45%;float: right;text-align: left;}
.Pageteam .teamitem .teaminfo a {width: 100%;height: 40px;margin-left:0px; height:32px;}
.Pageteam .teamitem .teaminfo a::after { content:''; position:absolute; width:0; height:0;}
.Pageteam #teamlist .wrap .teamitem::before { content:''; position:absolute; width:0px; height:320px; background:#ebebeb; left:50%; margin-left:-1px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Pageteam #teamlist .wrap .teamitem:hover::before { margin-left:0px; background:#f8f8f8;}
.Pageteam .teamitem .teaminfo .description { font-size:13px; line-height:24px; height:53px; width:90%;margin-top:50px;margin-left: -100px;}
.Pageteam .teamitem .teaminfo .description::before { content:''; position:absolute; width:30px; height:2px; background:#616161;margin-top: -15px;}
.Pageteam .teamitem .teaminfo .title a{ color:#555;left: -130px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Pageteam .teamitem .teaminfo .subtitle {left: -130px; position:relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Pageteam .teamitem:hover .teaminfo .title a,.Pageteam .teamitem:hover .teaminfo .subtitle{left:-100px;}
#sitecontent .npagePage .postbody { width:1100px;}



.Pageteam .teamitem a.details { display:block;}
.Pagenews #newslist .newstitem { margin-bottom:20px; padding-left:75px;}
.Pagenews #newslist .newsbody { width:540px;}
.Pagenews .content .header p.subtitle { text-align:center;}
.Pagenews #newslist .newstitem .newscontent::after { bottom: 25px;left:50px; background:#4E4E4E;}
.Pagenews #newslist .newstitem:nth-of-type(even) .news_wrapper { float:left; margin-right:0}
.Pagenews #newslist .newstitem:nth-of-type(even) .newscontent::after {left:613px;}
.Pagenews #newslist .newstitem .newsimg { margin-left:0;}
.Pagenews #category a:hover {background: #4a4a4a;border-color: #4a4a4a;}
#newslist .newstitem:nth-of-type(even) a.newscontent .newsimg { margin-left:20px;}
.newsl .content .header p.subtitle { font-size:14px; text-align:center;}
.Pagenews #newslist .newstitem.left .news_wrapper { margin-right:100px;}
.Pagenews #newslist .newsbody .description { margin-top:155px;}
.Pagenews #newslist .newstitem .newscontent:after { height:140px;}


.Pageservice .content .header { padding-bottom:70px;}
.Pageservice .content .header p.subtitle { text-align:center;}
.Pageservice #servicelist .serviceitem div { width:340px; background:transparent; padding:0;}
.Pageservice #servicelist .serviceitem a img { width:340px; height:188px;}

.Pageservice #servicelist .serviceitem { width:340px; height:355px;border-bottom:3px solid rgba(0,0,0,.0);margin-bottom:40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.Pageservice #servicelist .serviceitem:hover { background:#4a4a4a;}*/
.Pageservice #servicelist .serviceitem a { height:380px; top:0;}
.Pageservice #servicelist .serviceitem div p.description {white-space: normal; color:#888; margin-top:15px;}
.Pageservice #servicelist .serviceitem:hover {border-bottom:3px solid #696969; }
.Pageservice #servicelist .serviceitem div p.title { font-size:17px;}
#npagePage #projectlist .projectitem a .project_info { position:absolute;}
#npagePage #projectlist .projectitem a .project_info p.title { color:transparent; text-align:center;}
#npagePage #projectlist .projectitem a .project_info p.subtitle { color:transparent;text-align:center;}
#npagePage #projectlist .projectitem a:hover .project_info p.title { color:#000; }
#npagePage #projectlist .projectitem a:hover .project_info p.subtitle { color:#888;}
#npagePage #projectlist .projectitem a .project_info div { margin-top:-26px;}

#indexPage #mpartner .wrapper ul li {
    margin-right: -20px;
}
#indexPage #mpartner .wrapper ul li a {
    width: calc(100% / 8 - 10px);
}
#indexPage #mpartner .wrapper ul li a img {
    float: none;
}
#indexPage #mpartner .wrapper ul li a img,
#indexPage #mpartner .wrapper ul li {
    height: auto;
}
#indexPage #mpartner .content,
#indexPage #mpartner .module-content {
    height: auto;
}
#indexPage #mpartner .wrapper .bx-wrapper  ul li a {
    margin-bottom: 0;
}


/* 2019-09-16 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #EAEAEA;
    margin-left: 0;
    border: none;
}

/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem .service_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#mteam .content_list li .header a img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#projectlist .projectitem .project_img {
    padding-top: 69%
}
#mservice #servicelist .serviceitem .service_img {
    padding-top: 13%;
    width: 262px;
    margin: 0 auto;
}
#mteam .content_list li .header a {
    padding-top: 127%;
    width: 260px;
}
#mpartner .content_list li .par_img {
    padding-top: 80%;
}
#teamlist .teamitem .teamimg {
    padding-top: 20%;
    width: 185px;
    float: left;
}
#servicelist .serviceitem .service_img {
    padding-top: 55%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #projectlist .projectitem:nth-child(n+5) {
    display: none;
}
#indexPage #mpartner .wrapper ul li a {
    width: 100%;
}
.Pageteam .teamitem a:first-child {
    width: calc(100% - 200px);
}
.Pageteam .teamitem a img {
    width: 100%;
}
.Pageteam #teamlist .teamitem .wrap {
    display: none;
}
.Pageteam #teamlist .teamitem .teaminfo {
    float: left;
    margin-left: 120px;
}
.Pageteam #teamlist .teamitem .teaminfo .subtitle {
    left: auto;
}
.Pageteam #teamlist .teamitem .teaminfo .description {
    margin-left: 0;
}
.Pageteam #teamlist .teamitem .teaminfo .title,
.Pageteam #teamlist .teamitem .teaminfo .subtitle {
    margin-left: -30px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Pageteam .teamitem:hover .teaminfo .title a, 
.Pageteam .teamitem:hover .teaminfo .subtitle {
    left: auto;
}
.Pageteam #teamlist .teamitem:hover .teaminfo .title,
.Pageteam #teamlist .teamitem:hover .teaminfo .subtitle {
    margin-left: 0;
}
.Pageservice #servicelist .serviceitem a img {
    width: 100%;
    height: auto;
}
#sitecontent .Pageanli #projectlist .projectitem a img {
    max-height: none;
}
.npagePage.content_editor {
    padding-top: 100px;
}
/* 2019-09-16 yyq 4-5 */