@charset "utf-8";



/*3转4*/







/*新首页开始*/















#indexPage .module .content { top: 0px; }



#indexPage #mslider .content { margin: 0; height: 850px; }



#indexPage #mservice .content { margin: 0; position: inherit }



#indexPage #mproject .content { margin: 0; height: 895px; position: inherit }



#indexPage #mpage .content { margin: 0; height: 470px; position: inherit; padding-top: 90px; border-top: 1px solid #f3f3f3; }



#indexPage #mteam .content { margin: 0; height: 550px; position: inherit }



#indexPage #mnews .content { position: inherit; padding: 90px 0 40px; height:auto;width: 1200px;margin: 0 auto; }



#indexPage #mcontact .content { margin: 0; height: 280px; position: inherit }



#indexPage #mpartner .content { margin: 0; height: 130px; position: inherit }



/*头部*/



.index_nav#header{ background:#fff; padding-top:10px;}



#header{background:#fff; padding-top:10px;}



#header .content { width: 1200px; margin: 0 auto; z-index: 10; padding: 10px 0; transition: all .3s ease-out 0s; }



#header ul#nav { float: right; }



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



#header ul li.navitem a { line-height: 36px; height: 36px; border-radius: 18px; text-align: center; padding: 10px 26px; color: #999; font-size: 14px; margin: 0 .5px; }







#header ul li.navitem ul.subnav { border-color: transparent; background: #fff; padding: 22px 0 20px 0; border-radius: 6px; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); margin-top: 10px; }



#header ul li.navitem ul.subnav li a { border-radius: 0px; background: rgba(255,255,255,0); color: #6E6E6E; font-size: 14px; padding: 14px 29.5px; width: 132px; }



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



#header ul li.navitem ul.subnav li a:hover { background-color: #f7f7f7; color: #6E6E6E; text-indent: 0px; }



#header ul li.navitem ul.subnav li a i { display: none; }



#header ul li.navitem ul.subnav:after { content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -12px; right: 46%; }



#header.mini { padding-top: 0px;  box-shadow: 0 2px 6px rgba(0, 0, 0, .08); background:rgba(255,255,255,.9);}



#header.mini .content { padding-bottom: 0px }







#header ul li.navitem ul.subnav { width: 192px; }



#indexPage .module.bgShow .bgmask { display: none; }



#indexPage #mslider .bx-wrapper { position: relative; }







#indexPage #mslider .bx-wrapper .bx-pager-item{ float:none;}



#header ul li.navitem a:hover, #header ul li.navitem a.active {background-color: transparent;color: #45D3FD; }



.index_nav#header ul li.navitem a:hover,.index_nav#header ul li.navitem a.active { background-color: transparent; color:#45D3FD;}



#header ul li.navitem a.active, #header ul li.navitem a:hover {background-color: #45D3FD; color: #fff;}







/*服务*/







#indexPage #mservice .content { width: 1200px; margin: 0 auto; padding: 92px 0; height: 152px; }



#mservice .content > .header { width: 300px; float: left; padding-top: 25px; }



.content .header p { text-align: left; }



.content .header p.title { font-size: 24px; color: #444; line-height: 38px; height: 38px; width: 200px; overflow: hidden; }



.content .header p.subtitle { width: 200px; height: 26px; font-size: 14px; color: #b1b1b1; line-height: 26px; overflow: hidden; font-family: PlusJakartaSans-Medium, "微软雅黑"; }



#servicelist .serviceitem div p.title {margin-top: 12px; color: #444; font-size: 18px; line-height: 34px; height: 34px; overflow: hidden; margin-bottom: 12px; transition: none;}



#servicelist { width: 600px; float: left; }



#servicelist .serviceitem { height: auto; }



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



#servicelist .serviceitem a:after { content: ''; display: block; clear: both; }



#servicelist .serviceitem a img { float: left; width: 240px; height: 150px; }



#servicelist .serviceitem a div { float: left; width: 278px; height: 150px; padding: 25px 0 0 30px; text-align: left; margin-top: 0px; }



#servicelist .serviceitem div p.description { text-align: left; color: #b1b1b1; line-height: 26px; height: 52px; overflow: hidden; font-size:12px; }



#mservice .bx-controls-direction { display: none; }



#indexPage #mservice .wrapper .bx-wrapper .bx-pager { display: block; width: auto; left: 50%; margin-left: -24px; bottom: 5px;}



.bx-wrapper .bx-pager-item { width: 3px; height: 3px; background: #626262; margin-right: 20px; border-radius: 2px; position: relative; float: left; }



.bx-wrapper .bx-pager.bx-default-pager a { width: 11px; height: 11px; margin-left: -5px; margin-top: -5px; border-color: transparent }



.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { border-color: #78d8fe; background:#fff; width: 11px; height: 11px; border-radius: 13px; }



#mslider .bx-wrapper .bx-controls-direction a{ display:none;}



#indexPage #mslider .bx-wrapper .bx-pager-item{ display:block; margin-bottom:20px; width:6px; height:6px; background:#fff; border-radius:10px;}



#indexPage #mslider .bx-wrapper .bx-pager{ width:50px; height:auto; top:325px; bottom:auto; right:0px; left:auto; border-radius:16px; border-color:#fff; background:transparent;}





#mslider .bx-wrapper .bx-controls-direction a { display: none; }

#indexPage #mslider .bx-wrapper .bx-pager-item { display: block; margin-bottom: 20px; width: 6px; height: 6px; }

#indexPage #mslider .bx-wrapper .bx-pager { width: 50px; height: auto; top: 50%; bottom: auto; right: 0px; left: auto; margin-top:-2%; }

#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; position: absolute; margin: -5px 0 0 -5px; }

#mslider .bx-wrapper .bx-pager.bx-default-pager a.active, #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover { border: 1px solid rgba(255, 255, 255, 1); background: transparent; }



/*more*/







#indexPage a.more { display: block; width: 78px; height: 18px; border-radius: 13px; padding-top: 5px; position: absolute; top: 8px; right: 0; border: 1px solid #e7e7e7; display: block; transition: all .3s ease-out 0s; overflow: hidden }



#indexPage a.more:after { content: ''; display: block; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png) no-repeat 0 -21px; width: 34px; height: 14px; display: block; margin-left: 35px; transition: all .3s ease-out 0s; top: 4px; position: absolute; }



#indexPage a.more:hover { background: #78d8fe; border: 1px solid #45d3fd; }



#indexPage a.more:hover:after { background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png) no-repeat 0 -37px; }



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



/*案例*/



#indexPage #mproject .content .wrapper{ margin-left:1%;}



#indexPage #mproject .content { background-color:transparent; padding: 120px 0; height: auto; }



#mproject .content > .header { width: 1200px; margin: 0 auto; padding-bottom: 40px; }

#indexPage #mproject .content > .header p.title,#indexPage #mproject .content > .header p.subtitle{ text-align:center; width:100%;}

#mproject #projectlist { width: 1200px; margin: 0 auto; position: relative; }



#mproject #projectlist .projectitem { float: left; margin: 0 15px 15px 0;width: 100%; margin-bottom: 150px; overflow: hidden; background:transparent; transition: all .45s cubic-bezier(.215, .61, .355, 1); position:relative; }



#mproject #projectlist .content_list {padding-left: 10%;padding-top: 80px;margin-right: -15px;}



#projectlist .projectitem a .project_info { position: absolute; bottom: 0px; transition: all .45s cubic-bezier(.215, .61, .355, 1); background: rgba(255, 255, 255, 0.7); top: auto; bottom: 158px;width: 200px;height: 200px;border-radius: 80%;left:500px; }



#projectlist .projectitem a .project_info div:after { clear: both; content: ''; display: block; }



#projectlist .projectitem a .project_info p.title { margin-top: 0px; font-size:18px; color: #666; height: 26px; line-height: 26px; overflow: hidden; text-align: left; width: auto; float: left; }



#projectlist .projectitem a .project_info p.subtitle { color: #999; height: 20px; line-height: 20px; overflow: hidden; margin-top: 0px; text-align: left; width: 270px; float: left; }



#projectlist .projectitem a .project_info p.description { width: 36px; height: 36px; border-radius: 20px; display: block; background: #46c6ec; margin-top: 8px; padding: 0px; position: absolute; bottom:-60px; right:80px; transition: all .3s ease-out 0s; float: right; color: transparent; }



#projectlist .projectitem a .project_info p.description:after { content: ''; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px; width: 14px; height: 9px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; }



#projectlist .projectitem a .project_info div { margin-top: -24px; }



#projectlist .projectitem a:hover .project_info p.title { color: #666; font-size:22px; }



#projectlist .projectitem a:hover .project_info p.subtitle { color: #999; }



#projectlist .projectitem a:hover .project_info p.description  {background: #5CF302 ; right:114px; bottom:-80px}



#projectlist .projectitem:hover a img { transform: scale(1, 1);}



#projectlist .projectitem:hover a .project_info {background: rgba(255, 255, 255, 0.7); }



#indexPage #mproject a.more { margin: 0; top: -96px; }



#projectlist .projectitem a img{ border-radius:80%;}







#projectlist .projectitem:hover a img { width: 500px;height: 500px;transform: scale(.9,.9);-moz-transform: scale(.9, .9);-webkit-transform: scale(.9, .9);-o-transform: scale(.9, .9);border-radius: 300px;}



#projectlist .projectitem:hover a .project_info{ width:270px; height:270px; bottom:190px; left:400px;}







.project_img{width: 550px;height: 550px; border-radius:550px; overflow:hidden;}

#indexPage #projectlist .projectitem:nth-of-type(even) .project_img { float:right; margin-right:10%;}

#indexPage #projectlist .projectitem:nth-of-type(even) a .project_info {left: 280px; float:left;}



/*关于*/







#mpage .module-content .header { width: 1200px; margin: 0 auto; padding-bottom: 0px; }



#indexPage #mpage .wrapper li { width: 1200px; margin: 0 auto; position: relative; }



#mpage .module-content .more { margin: 0; }



#mpage .module-content .description { float: left; width: 615px; padding: 80px 0; text-align: left; height: auto; }



#indexPage #mpage .wrapper li .fimg { float: right; width: 550px; height: 390px; }



/*新闻*/















#indexPage #mnews { background-color: transparent; border-top: 1px solid #f3f3f3; }



#indexPage #mnews .content .header { display: block; width: 1200px; margin: 0 auto; padding-bottom: 0px; }



#indexPage #mnews .content .header p{ width:100%; text-align:center;}



#indexPage #mnews .content .header p.title{ color:#46c6ec;}



#newslist .newstitem .newsimg { display: none; }



#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: 100%;  background:transparent; }



#newslist .separator { display: none; }



#newslist { width: 1200px;}



#indexPage #newslist { width: 1200px; padding: 0px; }



#newslist .newsbody { width: 100%; max-width: 100%; height: 100%; margin-left:40px; }



#newslist .newstitem {width:1200px; height: 250px;border-bottom: 1px dotted rgba(0,0,0,0.1);background-color: transparent; float: left; margin-bottom: 60px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: relative;}



#newslist .newstitem:last-child { margin-right: 0px }



#newslist .newsbody .date { position: absolute; top: auto; background: transparent; height: 88px; display: block; padding: 22px 40px 0 40px; left:-200px; bottom:102px; width: 278px; margin-bottom: 0px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



#newslist .newsbody .date .year { font-size: 50px; color: #8F8F8F; line-height: 46px; display: block; font-family: PlusJakartaSans-Medium, "微软雅黑"; position: absolute; font-weight: normal; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



#newslist .newsbody .date .md { color: #999; line-height: 20px; overflow: hidden; display: block; font-size: 14px; font-family: PlusJakartaSans-Medium, "微软雅黑"; position: absolute; top:70px; font-weight: normal; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



#newslist .newsbody .date .md span { display: none; }



#newslist .newsbody .title { font-size: 16px; color: #575757; line-height: 32px; height: 64px; overflow: hidden; padding:0px; text-align: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



#newslist .newsbody .description { width: auto; color: #999; line-height: 26px; height: 78px; overflow: hidden; margin-top: 16px; padding: 0px; text-align: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



#indexPage #newslist a.details {border-color: #46c6ec; width: 36px; height: 36px; border-radius: 20px; display: block; background: #46c6ec;  position: absolute; bottom:74px;left:100px;  transition: all .3s ease-out 0s; display: block; z-index: 1; overflow: hidden; opacity: 0; color:transparent; margin:0;}



#indexPage #newslist a.details:after { content: ''; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px; width: 14px; height: 9px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; }



#newslist .newstitem:hover .title { padding-top: 0px; }



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



#newslist .newstitem:hover .title { color: #575757; }



#newslist .newstitem:hover .description { color:#999; }



#indexPage #newslist .newstitem:hover a.details { opacity: 1;left:145px;  }



#newslist .wrapper:after { content: ''; display: block; clear: both; }



#newslist .newstitem a.newscontent{width: 800px; height: 194px;margin-left: 200px;margin-right: 58px;background-color: transparent; }



#newslist .newstitem{ height:200px; padding-top:50px;}



#newslist .newstitem:last-child{ border-bottom:1px solid transparent;}



/*团队*/















#indexPage .module.bgShow {  background-color: transparent; background-size:auto; }



#indexPage #mteam .content .fw { width: 300px; }



#indexPage #mteam .header img { width: auto; max-width: inherit; margin: 0; border-radius: 0px; height: 100%; margin: 0 -84px; }



#indexPage #mteam .content_list .header:after { content: ''; display: block; border-radius: 6px; position: absolute; left: 50%; width: 9px; height: 9px; bottom: 138px; margin-left: -5px; background-color: #FFF; }



#indexPage #mteam .content_list .header:before { content: ''; border-radius: 6px; position: absolute; left: 50%; width: 1px; height: 30px; bottom: 110px; margin-left: -1px; background: -webkit-linear-gradient(red, transparent); background: -o-linear-gradient(red, transparent); background: -moz-linear-gradient(#FFF, transparent); background: linear-gradient(#FFF, transparent); }



#indexPage #mteam .content_list .header { width: 202px; height: 202px; border-radius: 130px; display: block; margin:0 auto; overflow: hidden; }



#indexPage #mteam .bx-viewport{ height:412px !important}



#indexPage #mteam .description { width: 100%; color: #fff; font-size: 13px; text-align: center; display: block; line-height: 26px; height: 52px; overflow: hidden; }



#indexPage #mteam .summary { margin: 24px auto; }



#indexPage #mteam .summary p.title { font-size: 18px; display: block; height: 42px; line-height: 42px; overflow: hidden; text-align: center; }



#indexPage #mteam .summary p.subtitle { display: none; }



#indexPage #mteam .summary p.title a { color: #fff; }



#indexPage #mteam .content_list li { margin-top: 94px; }



#indexPage #mteam .bx-wrapper .bx-controls-direction a { display: none; }



#indexPage #mteam .bx-pager { display: block; width: auto; position: relative; bottom: -100px }



#indexPage #mteam .bx-pager:after { content: ''; display: block; clear: both; }



#indexPage #mteam .bx-wrapper .bx-pager-item { float: none; }



/*合作伙伴*/







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



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



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



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



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



#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; width:36px; height:36px; }



#mpartner .bx-wrapper .bx-controls-direction a { background: none; }



#mpartner .bx-wrapper .bx-controls-direction a i { color: #c3c6ca;font-size: 22px;margin-top: 6px; }



#mpartner .bx-wrapper .bx-controls-direction a:hover i{ color:#fff;}



#mpartner .bx-wrapper .bx-controls-direction a:hover { background: none; }



#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; display: none; }



#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; display: none; }



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



#mpartner .bx-wrapper .bx-controls-direction a:hover { background: #45d3fd; color: #fff; }



/*联系*/ 







#indexPage #mcontact { background-color: #46c6ec }



#indexPage #mcontact .content { width: 1200px; margin: 0 auto; padding: 80px 0 68px; height: auto; }



#indexPage #mcontact .content:after { content: ''; display: block; clear: both; }



#indexPage #mcontact .content .header { width: 480px; float: left; }



#indexPage #mcontact .content .header p.title { color: #fff; text-align: left; }



#indexPage #mcontact .content .header .subtitle { text-align: left; color: #a0e9ff }



#indexPage #mcontact .content #contactlist { width: 720px; float: left; }



#mcontact .content #contactform { display: none; }



#mcontact .content #contactinfo { width: 720px; float: left; position: relative; }



#mcontact .content #contactinfo p { float: left; width: 290px; padding-right: 60px; margin-top: 14px; height: auto; color: #a0e9ff; font-size: 12px; line-height: inherit; }



#mcontact .content #contactinfo h3 { color: #fff; }



#mcontact #contactinfo div { position: absolute; top: 35px; left: -250px; }



#mcontact #contactinfo div:after { content: '关注'; color: #fff; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top: -56px; left: 0px; }



#mcontact #contactinfo div a { width: 36px; height: 26px; text-align: center; border-radius: 19px; display: block; margin-right: 10px; float: left; padding-top: 10px; border: 1px solid rgba(255, 255, 255, .07); background-color: transparent; }



#mcontact #contactinfo div a i { color: #a0e9ff; font-size: 16px; transition: all .3s ease-out 0s; background-color: transparent; border-radius: 19px; width: 16px; }



#mcontact #contactinfo div a:hover { background-color: #000; }



#mcontact #contactinfo div a:hover i { color: #fff; background-color: #46c6ec; color: #fff; padding: 8px; margin-top: -8px; border-radius: 19px; }



#contactinfo div a i { margin-top: 0px; }



#mcontact #contactinfo div a:hover { background: #2cadd3 ; }



#footer {border-top: 1px solid rgba(69, 79, 95, 0.1);background: #fff; }



#footer p { background: #fff; padding: 12px 0; width: 1200px; margin: 0 auto; text-align: left; color: #878787 }



/*内页案例*/







.npagePage #banner div { position: inherit; background-color: transparent; }



#sitecontent .npagePage .content > .header { position: absolute; top: -260px; left: 50%; margin-left: -600px; padding-top: 50px; display:none; }



#sitecontent .npagePage .content > .header .title { color: #45d3fd; }



#sitecontent .npagePage .content > .header .subtitle { width: 80px; height: 24px; border: 1px solid rgba(255, 255, 255, .1); display: block; margin-top: 15px; border-radius: 13px; color: transparent; position: relative; margin-top: 6px; }



#sitecontent .npagePage .content > .header .subtitle:after { content: ''; width: 34px; height: 12px; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png) no-repeat -64px 0; display: block; margin: 5px 0 0 32px; position: absolute; top: 0px; }



#category { width: 1200px; margin: 0 auto; text-align: left; padding-bottom:25px;}



#category a { border-color: transparent; border-radius: 30px; padding: 6px 20px; font-size:13px;}



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



#pages a.active, #pages a:hover { background: #45d3fd; color: #fff; }



/*内页服务*/







.npagePage #servicelist { width: 1200px; margin: 0 auto; float: none;}



.npagePage #servicelist .serviceitem { margin: 0px; width: 1200px; height: 190px; border-bottom: 1px solid #f3f3f3; position: relative; }



.npagePage #servicelist .serviceitem a { transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;border-radius: 10px; }



.npagePage #servicelist .serviceitem a div { width: 690px; margin: 20px 0 0 0; height: auto; padding: 20px 0 0 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }



.npagePage #servicelist .serviceitem a img { width: 240px; height: 150px; float: left; margin: 20px 40px 20px 20px; background-color: #fff;border-radius: 10px; }



.npagePage #servicelist .serviceitem:hover a { background: #45d3fd ; }



.npagePage #servicelist .serviceitem:hover div p.title { color: #fff; }



.npagePage #servicelist .serviceitem:hover div p.description { color: #fff; }



#sitecontent .npagePage #servicelist a.details { top: 72px; right: 50px; width: 35px; height: 35px; border-radius: 18px; text-align: center; border: 1px solid #dedfe1; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; display: block; overflow: hidden; position: absolute; margin: 0 }



#sitecontent .npagePage #servicelist:hover a.details{border: 1px solid #fff;}



#sitecontent .npagePage #servicelist a.details:after { width: 15px; height: 9px; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; }



.npagePage #servicelist .serviceitem:hover a.details:after { background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat -110px 0px; }



.npagePage #servicelist .serviceitem:hover a.details { border: 1px solid #fff; background: #fff; }



.npagePage #servicelist .serviceitem:hover div { margin-left: 40px; }



#page_none .postbody p { color: #A3A3A3; }



/*内页团队*/







.npagePage #teamlist { width: 1200px; }



.teamitem { width: 370px; height: 400px; float: left; margin: 0 44px 40px 0; position: relative; }



.teamitem a { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 370px; height: 210px; }



.teamitem a img { width: 100%; height: auto; }



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



#teamlist .teamitem .wrap { display: none }



.teamitem .teaminfo .title { text-align: left; display: inline-block; font-size: 18px; padding-right: 20px; }



.teamitem .teaminfo .title a { color: #333; }



.teamitem .teaminfo .subtitle { display: inline-block; text-align: left; color: #999; font-size: 13px }



.teamitem .teaminfo .description { font-size: 13px; color: #999; padding-top: 26px; line-height: 26px; display: block; height: 52px; overflow: hidden; font-weight: normal; margin-top: 0px; }



.teamitem .teaminfo { width: 308px; height: 140px; display: block; padding: 30px 30px 10px; border-bottom: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1); background-color: #fff; margin-top: 0px; }



.teamitem:hover .teaminfo { border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-bottom: 5px solid #45d3fd; padding: 30px 30px 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }



.npagePage #teamlist a.details { top: 172px; right: 30px; width: 35px; height: 35px; border-radius: 18px; text-align: center; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; display: block; overflow: hidden; position: absolute; margin: 0; opacity: 0; border: 1px solid #45d3fd; background-color: #45d3fd; }



.npagePage #teamlist a.details:after { width: 15px; height: 9px; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; content: ''; display: block; }



.npagePage #teamlist .teamitem:hover a.details:after { background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px; }



.npagePage #teamlist .teamitem:hover a.details { opacity: 1; top: 228px; }



/*内页新闻*/



#indexPage #mnews a.more{top: 70px;}



.Pagenews #category { width: 1200px; padding: 0 0 40px; }



.npagePage #newslist .newstitem { width: 100%; height: 159px; border: 1px solid transparent; margin-bottom: 20px; background: #f7f7f7;padding:0 }



.npagePage #newslist .newsbody .date { width: 80px; float: right; font-family: PlusJakartaSans-Medium, "微软雅黑"; color: #999; padding: 36px 66px 0 0; transition: all .3s ease-out 0s; position: absolute; top: 0; right:-370px; left: auto; background-color: transparent; }



.npagePage #newslist .newsbody .date .year { height: 26px; font-size: 24px; color: #999; line-height: 26px; }



.npagePage #newslist .newsbody .date .md { font-size: 13px; color: #999; }



.npagePage #newslist .newstitem .newsimg { width: 198px; height: 128px; margin: 16px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; display: block; position: relative; top: auto; left: auto; bottom: auto; right: auto; border-radius:10px; z-index:2}



.npagePage #newslist .newstitem .newscontent{width:100%; margin:0px; }



.npagePage #newslist .newstitem .news_wrapper { float: right; width: 600px; padding:30px 0 34px 0px; position: inherit; top: auto; left: -370px; bottom: auto; right: auto; height: auto; background-color: transparent; }



.npagePage #newslist .newsbody .title { font-size: 16px; color: #717171; padding: 0; display: block; height: 24px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s; }



.npagePage #newslist .newsbody .description { height: 52px; padding: 0; }



.npagePage #newslist .newsbody { height: auto; width:100%; }



.npagePage #newslist .newstitem  a:after{ content:''; display:block; width:198px; height:128px; position:absolute; top:0px; left:0px; padding:16px; background:transparent; border-radius:10px;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}



.npagePage #newslist .newstitem:hover{border-radius:10px;border: 1px solid #efefef; background:#fff;box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08); }



.npagePage #newslist .newstitem:hover a .news_wrapper { width: 600px; left:-350px;}



.npagePage #newslist .newstitem:hover { margin: 0; margin-bottom: 20px; }



.npagePage #newslist .newstitem:hover .description { color: #999 }



.npagePage #newslist .newstitem:hover .title { color: #333; }



.npagePage #newslist .newstitem:hover .newsbody .date { height: 88px; right: -330px; background-color: transparent; }



.npagePage #newslist .newstitem:hover .newscontent:after { background: #45d3fd; }



.npagePage #newslist .newstitem a.newscontent:hover .news_wrapper { width:600px}



.npagePage #newslist .newstitem:hover .newsbody .date .md { color: #999; }



.npagePage #newslist .newstitem:hover .newsbody .date .year { color: #999; }



#sitecontent .npagePage #newslist a.details { top: 100px; right: 108px; width: 35px; height: 35px; border-radius: 18px; text-align: center; border: 1px solid #dedfe1; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; display: block; overflow: hidden; position: absolute; margin: 0 }



#sitecontent .npagePage #newslist a.details:after { width: 15px; height: 9px; background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; content: ''; display: block;transition: initial; padding:0 }



#sitecontent .npagePage #newslist .newstitem:hover a.details:after { background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px; }



#sitecontent .npagePage #newslist .newstitem:hover a.details { border: 1px solid #45d3fd; background: #45d3fd; margin-right: -36px; }



/*三级页面新闻*/







.nobanner .npagePage { padding-top: 90px; }



.nobanner #header { padding-top: 15px; padding-bottom: 5px; }



.nobanner #header.mini { padding: 0; background-color: rgba(255, 255, 255, 1); }







.nobanner #header ul li.navitem a:hover, .nobanner #header ul li.navitem a.active { color: #fff; background-color: #45d3fd; }



.nobanner #header { background-color: #fff; }



.nobanner #sitecontent .npagePage .content > .header { position: inherit; top: auto; left: auto; margin: 0 auto; }



.nobanner #sitecontent .npagePage .content > .header .title { width: 800px; font-size: 18px; color: #333; margin: 0 auto; text-align: center; height: auto; line-height: inherit;padding-bottom: 16px; }



.nobanner #sitecontent .npagePage .content > .header .subtitle { color: #999; font-size: 12px; margin: 0 auto; text-align: center; font-family: Arial, "微软雅黑"; }



.nobanner #sitecontent .npagePage .content > .header .subtitle:after { display: none; }



.nobanner .postbody { width: 1040px; color: #9C9C9C; border-top: 1px dotted #ccc; padding-top: 36px; }



#teampost .postbody { width: 100%; }



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



.nobanner #sitecontent .npagePage .content > .header { padding-bottom: 30px; padding-top:0px; display:block; }



#teambody .theader .subtitle{color: #8F8F8F;}



#projectwrap3 { width: 100%; margin-top: 0px; }



#projectih3 { position: relative; z-index: 10; }



#projectinfo3 .header { padding: 0px; overflow: hidden; }



#projectinfo3 .header p { color: #fff; width: 570px; height: 30px; overflow: hidden; }



#projectinfo3 .header .title-warp { background:#45d3fd; margin: 0 auto; height: 88px; padding: 102px 0 0 0; }



#projectshow3{ display:none;}



.npagePage3 #pages{ display:none;}

/* 

.npagePage3 #pageswitch{ display:block;width: 1180px;margin: 0 auto; padding-bottom:80px;}



.npagePage3 #pageswitch a.next{float:right;}



.npagePage3 #pageswitch a{ height:58px;}



.npagePage3 #pageswitch .next div{ margin-right:100px; margin-top:14px}



.npagePage3 #pageswitch .prev div{ margin-left:100px;margin-top:14px}



.npagePage3 #pageswitch a:after{content:'';position: absolute;top:30px;right:32px;width: 35px;height: 35px;border-radius: 18px;text-align: center;border: 1px solid #dedfe1;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}



.npagePage3 #pageswitch a:before{ content:'';width: 15px;height: 9px; background: url(http://mo003_31.mo3.line1.jsmo.xin/templates/ue_content/templates/images/icon.png) no-repeat -110px -11px;display: block;margin: 13px 0 0 11px;transition: all .3s ease-out 0s; position:absolute; top:31px; right:42px; z-index:2}







#pageswitch a:hover{ background:#45d3fd;}

#pageswitch a .title { color:#666;}

#pageswitch a:hover:after{ background:#fff; border-color:#fff;}



#pageswitch a:hover:before{background: url(http://mo003_31.mo3.line1.jsmo.xin/templates/ue_content/templates/images/icon.png) no-repeat -110px 0;}



#pageswitch a:hover .title{ color:#fff;}



#pageswitch a:hover .subtitle{ opacity:.5; color:#fff;}



.npagePage3 #pageswitch a.prev:after{left:34px}



.npagePage3 #pageswitch a.prev:before{left:32px;background: url(http://mo003_31.mo3.line1.jsmo.xin/templates/ue_content/templates/images/icon.png) no-repeat -142px -11px;}



#pageswitch a.prev:hover:before{background: url(http://mo003_31.mo3.line1.jsmo.xin/templates/ue_content/templates/images/icon.png) no-repeat -142px 0;}

 */









#projectinfo3 .header p.title { width: 1200px; margin: 0 auto; font-size: 20px; font-weight: 100; line-height: 30px; padding-left:10px;}



#projectinfo3 .header p.subtitle { width: 1200px; margin: 0 auto; color: #fff; opacity: .7; filter: alpha(opacity:70);height: 16px; overflow: hidden; line-height: inherit; font-size: 12px; padding-left:10px;}



#projectinfo3 .header .description { width: 1040px; margin: 0 auto; box-shadow: 2px 8px 30px rgba(0, 0, 0, .08); -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, .08); padding: 50px 70px 20px; position: relative; margin-top: 20px; font-size: 13px; }



#projectinfo3 .header .description p { color: #A3A3A3; height: auto; width: auto; }



#projectwrap3 #projectlist .content_list { width: 1200px; }



#projectwrap3 #projectlist .projectitem { margin: 0 5px 32px; width: 226px; height: 210px; }



#projectwrap3 #projectlist .projectitem a .project_info div { top: auto; }



#projectwrap3 #projectlist .projectitem a .project_info p.description { display: none; }



#projectwrap3 #projectlist .projectitem a .project_info p.title { font-size: 14px; color: #666; line-height: 24px; display: block; margin-top: 10px; height: 24px; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0; }



#projectwrap3 #projectlist .projectitem a .project_info p.subtitle { color: #999; font-size: 13px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; padding: 0; }



#projectwrap3 #projectlist .projectitem:hover { box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .0); }



#projectwrap3 #projectlist .projectitem:hover a img { margin-top: auto; }



#projecttags3 a { margin: 30px 5px; padding: 0 20px; height: 30px; line-height: 30px; display: inline-block; border-radius: 30px; }



#projectinfo3 .header .description:after { content: ''; display: block; width: 100%; height: 20px; background: #fff; position: absolute; bottom: 1px; left: 0px; }



#projecttags3 a:hover { color: #fff; background: #45d3fd; }



#projectbody3 { padding: 0px 70px 80px; width: 1040px; margin: 0 auto; box-shadow: 2px 0px 30px rgba(0, 0, 0, .08); -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, .08); position: relative; z-index: 2; margin-top: -1px; position: relative }



#projectshow3 { width: 1180px; margin: 0 auto; }



#projectimages3 { text-align: center; }



#projectimages3 img { width:100%; display: inline-block; margin: 20px auto; float: none; }



.postbody a { color: #45d3fd; }



.nobanner .postbody3 { border-color: transparent; }



#projectshow3 #projectib3 { margin-top: 0px; }



/*分享到*/



#shares{ margin-right:-10px;}



#shares a#sshare { display: none; }



#shares a#gotop { margin-top: 0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#shares a#gotop:hover { background:#333;}

#shares a#sweixin,#shares a#sweibo {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#shares a#sweixin:hover { background:#15a118;}

#shares a#sweibo:hover{ background:#d12f22;}

#shares a i { margin-top: 12px; }



#shares a { width: 40px; height: 40px; }



#shares a i.fa-weixin { margin: 12px 0 0 15px; }



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



#online_open { width: 40px; height: 40px; bottom: 160px; margin-right:-10px; }



#online_open i { margin-top: 12px; }



#olx_tel p { color: inherit; }



#online_lx{ margin-right:-10px;border-radius: 0;}



#olx_head{border-radius: 0;}



#indexPage #mnews .content_list { padding-top: 80px; }







/*新*/



.npagePage #banner{padding-top: 80px; background-color: #39424f;}



#projectlist .wrapper{margin-left: 15px;}



#pages{width: 1200px;margin: 0 auto;text-align: left;padding: 40px 0 80px;}



.npagePage .content{padding-top: 60px;}



#sitecontent .npagePage3 .content{padding-top: 0px;}











.Pageanli #projectlist .projectitem a .project_info{ position:relative;padding: 16px 0 26px 0px; bottom:0px; width:auto; height:auto; left:0px;}



.Pageanli #projectlist .projectitem a .project_info div{ margin-top:0px;}



.Pageanli#mproject #projectlist .projectitem{ height:auto;width: 392px; margin:0 4px 18px;}



.Pageanli#mproject #projectlist .projectitem:hover{box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08); border-radius:10px;}



.Pageanli #projectlist .projectitem:hover a img{ margin-top:0px;}



.Pageanli #projectlist .projectitem a .project_info p.description{ opacity:0; right:40px;}



.Pageanli #projectlist .projectitem:hover a .project_info p.description{ right:20px; opacity:1}



#header ul li.navitem a i{ display: inherit;}



.Pageanli .project_img{ width:auto; height:auto; border-radius:10px; border:8px solid transparent;}



.Pageanli #projectlist .projectitem a img{ border-radius:0px;}



.Pageanli #projectlist .projectitem:hover a img{ width:100%; height:auto; transform:scale(1,1) }



.Pageanli#mproject #projectlist .content_list{ margin:0 auto; padding:0px;}



.Pageanli #projectlist .wrapper{ margin-left:0px;}



.Pageanli #projectlist .projectitem a .project_info p.title{ font-size:16px; }



.Pageanli #projectlist .projectitem a:hover .project_info p.title{ font-size:16px;}



#sitecontent .npagePage .projectitem  a.details {width: 36px;height: 36px;border-radius: 20px;display: block;background: #46c6ec; margin-top: 8px;padding: 0px;position: absolute;bottom: -20px;right: 40px;transition: all .3s ease-out 0s; float: right;color: transparent; opacity:0; border-color:transparent;}



#sitecontent .npagePage .projectitem  a.details i{content: '';background: url(http://resources.jsmo.xin/templates/upload/998/images/icon.png)no-repeat 0 -71px;width: 14px;height: 9px;display: block;margin: 13px 0 0 11px;position: absolute;top: 0px; color:transparent;}



.Pageanli #projectlist .projectitem:hover a.details{ opacity:1;right:12px;}



#category li.hasmore div ul {width: 1200px;margin: 20px auto 0;border-top:1px solid rgba(0,0,0,.07);text-align: left;}

#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background:#45d3fd;}

#footer a.beian { margin-right:5px;}


/* 2019-09-23 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: 50.5%;
    height: 0;
}
.Pageanli #projectlist .projectitem .project_img {
    padding-top: 100%;
}
#indexPage #mservice .serviceitem .service_img {
    padding-top: 25%;
    width: 240px;
    float: left;
}
#mteam .content_list li .header a {
	padding-top: 100%;
}
#mpartner .content_list li .par_img {
	padding-top: 40%;
}
#teamlist .teamitem .teamimg {
    padding-top: 57%;
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.Pageservice #servicelist .serviceitem .service_img {
    padding-top: 12.5%;
    width: 240px;
    margin: 20px 40px 20px 20px;
    float: left;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
.npagePage #servicelist .serviceitem a img {
    margin: 0;
    height: auto;
}
.Pageteam #teamlist .teamitem a:first-child {
    height: 100%;
    overflow: initial;
}
#projectlist .projectitem:hover a img {
    height: auto;
}
#projectinfo3 .header p.title{
    color: #45d3fd;
}
#projectinfo3 .header p.subtitle  {
    color: #999;
}
#projectinfo3 .header .title-warp {
    background: transparent;
}
.nobanner .postbody {
    border-top: none;
}
.nobanner .content_editor .postbody {
    width: auto;
}
#pageswitch{ 
    display:block;
}
#indexPage #mvideom .content {
    position: static;
} 
.content_editor .content {
    padding-top: 0;
}
.content_editor {
    padding-top: 80px;
}
.npagePage.newsl .content {
    min-height: 730px;
}
/* 2019-09-23 yyq 4-5 */