#header { background-color: #fff; padding-top: 15px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0); }



#header.mini { padding-top:0px; background:#fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }



#header ul li.navitem a { color: #8e8e8e; }



#header ul li.navitem { padding: 0; margin:15px 20px 15px;line-height: 50px;}



#header.mini ul li.navitem {margin:6px 20px 6px;transition: all 0.36s ease 0s}



#header #logo { margin-right: 80px;padding-top: 8px;transition: all 0.36s ease 0s;}



#header.mini #logo{padding-top: 10x;transition: all 0.36s ease 0s;padding-top: 12px;}



#header.mini #logo img{height:34px;transition: all 0.36s ease 0s;}



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



.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 #FFBC00; background-color:#FFBC00; }



.serviceitem div { text-align: left; }







#header{background-color: rgba(255, 255, 255, 0);padding-top: 0;}



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



#header ul#nav { float: right; }
















/*首页幻灯高度*/







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



#indexPage #mslider { height: 650px; }



.content .header p.subtitle { color: #A5A5A5; }



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



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




.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 { background: #F2F2F2 none repeat scroll 0% 0%; color: #666; }



#header ul li.navitem ul.subnav li a { background: #fff; color: #959595; }



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

#indexPage #mslider ul li p.subtitle{font-size:18px;}













/*内页*/







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



.postbody a { color: #848484; }



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



.nobanner #header { background: #fff; }















/*关于首页*/







.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(http://resources.jsmo.xin/templates/upload/110/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(http://resources.jsmo.xin/templates/upload/110/icon/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(http://resources.jsmo.xin/templates/upload/110/icon/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(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -51px; }



#indexPage .slider_control i:hover.fa-angle-left { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -70px; }



#indexPage .slider_control i:hover { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -40px -70px; }



#indexPage a.more { width: 160px; height: 38px; line-height: 38px; color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/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(http://resources.jsmo.xin/templates/upload/4100/201708/jiantou.png)no-repeat 32px -122px; }



#indexPage #mnews { background-color: #fff; border-top: 1px solid #e7e7e7; }



#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 { width: 1180px; 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; width:1200px;}



#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:50px; 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:20px; height:20px;padding: 8px 26px;font-size: 14px;}



#indexPage #category a::after{content: "";display: block;width: 1px;height:14px;background-color:#E6E6E6;position: relative;left:85px;top: -16px;}



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



#newslist { margin-right: -50px; }



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



#newslist { width: 1200px; margin: 0px auto; }



.bx-wrapper .bx-viewport { height: auto;}



#newslist .newstitem.left .news_wrapper { left: 0;background-color:rgba(255, 255, 255, 0); }



#newslist .newstitem.right .news_wrapper {background-color:rgba(255, 255, 255, 0); }



#newslist .wrapper{margin-left: 10px;}



















/*服务内页*/







#servicelist .serviceitem a { text-align: center; }



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



















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







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



#projectbody { width:750px; }



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

.npagePage #projectbody .postbody img { max-width: 100%; }



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



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











/*团队内页*/







.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 { width: 1180px; }



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



.npagePage #banner div {background-color: #E9E9E9; margin-top:0px; height:380px;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:56%; margin-right: 0px; margin-left: 0px;padding: 16px 0;margin-top:7px;transition: all 0.6s ease 0s;float: left;}

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



.npagePage .teamitem .teaminfo .description {display: block;width: 100%;line-height: 22px;height: 42px;font-size: 12px;overflow:inherit; color: #111}

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











/*合作伙伴*/







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



/*1转4新css开始*/















/*新首页导航*/







#header ul li.navitem a.active:after, #header ul li.navitem:hover a:after { content: ''; width: 100%; background-color:#FFBC00; 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;width: 1180px;margin: 0 auto; }



#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; display: none }



















/*标题块*/







.module-content .description { font-size: 12px; }



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















/*幻灯*/







#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(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px 0px; width: 40px; height: 40px; margin: 0; }



#mslider .bx-wrapper .bx-controls-direction a.bx-next i { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px 0px; }



#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color:#FFBC00; }



#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(http://resources.jsmo.xin/templates/upload/110/icon/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:#FFBC00;}



.bx-wrapper .bx-controls-direction a.bx-next:hover i {background-color:#FFBC00;}















/*服务*/



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



#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(http://resources.jsmo.xin/templates/upload/4100/201708/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:#FFBC00;}



#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:#FFBC00; 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(http://resources.jsmo.xin/templates/upload/110/icon/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(http://resources.jsmo.xin/templates/upload/4100/201708/jiantou.png)no-repeat 26px -156px;background-color: #FFBC00;border: 1px solid #FFBC00;}

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



#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i:hover{background-color:#FFBC00;}



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





/*团队内页*/







.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: #ffbc00;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(http://resources.jsmo.xin/templates/upload/4100/201708/jiantou.png)no-repeat 34px -93px;border: 1px solid rgba(204, 204, 204, 0.68);}



#indexPage #mpage .module-content .more:hover{background: url(http://resources.jsmo.xin/templates/upload/4100/201708/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:20px; background-color: rgba(255,255,255,0);}



#category a.active, #category a:hover { background:#FFBC00; color: #fff; border-color: #FFBC00; }



#mproject #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:#FFBC00;}



#projectlist .projectitem a .project_info div:after { content: ''; width: 0; height: 2px; background: #FFBC00; 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:#FFBC00; 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:#FFBC00; 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: #FFBC00; 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 #FFBC00; }



#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:60px; padding-bottom:30px; }



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



#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 { width: 370px; margin-right:30px; 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:#FFBC00;border: 1px solid #FFBC00;}



#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;font-family:HELVETICANEUELTPRO-THEX;}



#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: 70px;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(http://resources.jsmo.xin/templates/upload/4100/201708/jiantou.png)no-repeat 8px -218px;background-color: #FFBC00;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: #FFBC00; 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 #FFBC00; 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 #FFBC00; 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:#FFBC00; 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: 60px 0; height:70px; }



#indexPage #mpartner .wrapper { height: auto; }



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



#indexPage #mpartner .wrapper ul li a { width: 130px; 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{margin-top: -22px;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px -40px;height: 30px;transition: all 0.3s ease 0s;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px -65px;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -40px;height: 30px;transition: all 0.3s ease 0s;}



#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/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:#FFBC00; }



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

#pages{padding: 40px 0 120px;}



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



#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;background:#FFBC00;}



#online_lx{bottom: 180px;}



#shares a#sshare{display: none;}



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



#online_open{bottom: 160px;background:#FFBC00; 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:#FFBC00;background: #E6E6E6;}



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



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



#projecttags a:hover{background: #FFBC00; 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: #FFBC00;}







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











#indexPage .content .header p.title{font-size:26px;font-weight: bold;}