@charset "utf-8";
/* CSS Document */



/*导航*/







#indexPage .module.bgShow .bgmask { display: none; }
#teampost { padding-top: 80px; }
#teambody .theader .subtitle { color: #9E9E9E; }
#teamlist { margin-top: 23px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #FFC000; background: transparent; }
#header.mini { background: rgb(24, 24, 24); padding-top: 0px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
#header .content { padding-left: 0px; padding-right: 0px; border-bottom: 1px solid rgba(204, 204, 204, 0.1); }
#header ul#nav { float: right; padding: 0px 40px 0px 40px; transition: all 0.3s ease-out 0s; }
#header.mini ul#nav { padding: 0px 20px 0px 20px; }
#header ul li.navitem { padding: 20px 0.5px; height: auto; }
#header.mini ul li.navitem { padding: 10px 0.5px; }
#header { padding-top: 0px; background-color: rgba(0, 0, 0, 0.08); }
#header #logo { padding: 20px 40px 20px 40px; transition: all 0.3s ease-out 0s; }
#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; }
#header.mini #logo { padding: 10px 20px 10px 20px; }
#header.mini #logo img { transform: scale(0.8, 0.8); }
#header ul li.navitem a { color: #999; padding: 10px 26px; display: block; }
#header ul li.navitem { padding: 20px 0.5px; height: auto; line-height: 20px; }
.nobanner #header { background: rgb(24, 24, 24); }
.lowB #header { background: #FFF; }
#indexPage a.more { height: 100px; font-size: 14px; background-color: #292929; line-height: 100px; font-family: "Arial"; color: rgba(255, 255, 255, 0.26); border-color: #1e1e1e; border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; width: 94%; }
#indexPage #mproject a.more::after { content: ""; display: block; width: 120px; height: 1px; background-color: rgba(255, 255, 255, 0.1); position: absolute; left: 50%; top: 49px; -webkit-margin-before: -1px; margin-top: 0px; margin-left: -60px; transition: all 0.6s ease 0s; display: none; }
#indexPage #mproject a.more:hover::after { width: 91px; }
#indexPage a.more i { font-size: 16px; position: relative; }
#indexPage a.more:hover { border-color: #3d3d3d; text-indent: 0px; text-align: center; background-color: #ffc000; color: #fff; }
#indexPage a.more:hover i { color: #fff; }
#indexPage #mpartner .slider_control a:hover { background-color: #424242 }
#pages a.active, #pages a:hover { background: rgba(255,255,255,0.1); color: #7f7f7f; }
.bx-wrapper .bx-controls-direction a:hover { background-color: transparent; }
#header ul li.navitem a::before { position: absolute; content: ""; width: 0px; height: 1px; background: #5c5c5c; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 26px; }
#header.mini ul li.navitem a.active::before, #header ul li.navitem:hover a::before { width: 20px; display: none; }
#header ul li.navitem a.active::before, #header ul li.navitem:hover a::before { width: 20px; }
#header ul li.navitem:hover a::before { width: 20px; }
#header ul li.navitem ul.subnav li a::before { width: 0px; }
/*导航下拉菜单 */





#header ul li.navitem { line-height: 20px; }
#header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: #2f2f2f; display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #323232; color: #fff; }
#header ul li.navitem ul.subnav { border-top: 3px solid #545454; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid rgba(72,72,72,0.9); }
/*幻灯左右切换按钮 */





#indexPage #mnews .bx-wrapper .bx-controls-direction a { margin-top: -90px; }
.bx-wrapper .bx-controls-direction a { background-color: transparent; border-radius: 0px; width: 50px; top: 50%;margin-top: -50px; }
.bx-wrapper .bx-controls-direction a i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: transparent; background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -7px -15px; width: 50px; height: 50px; margin-left: 46px; }
.bx-wrapper .bx-controls-direction a:hover i { background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -7px -78px; width: 50px; }
.bx-wrapper .bx-controls-direction a.bx-next i { background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -62px -6px; width: 40px; height: 70px; margin: 0; position: absolute; right: 0px; left: 890px; background-color: rgba(255, 190, 1, 0); border-radius: 2px; }
.bx-wrapper .bx-controls-direction a.bx-next:hover i { background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -58px -80px; }
/*幻灯条切换 */

#indexPage #mslider .bx-wrapper .bx-pager { bottom: 70px; }
/*首页案例背景颜色 */







#projectlist .projectitem a img, .nobanner #projectlist .projectitem a img { filter: grayscale(12%); }
#projectlist .projectitem a:hover img, .nobanner #projectlist .projectitem a img { filter: grayscale(0%); transform: scale(1.1, 1.1); }
#indexPage #mproject { background-attachment: fixed; background-color: #161616; height: auto; padding: 80px 0; }
#category a { padding: 16px 26px; margin-right: 0px; margin-left: 0px; transition: all 0.3s ease-out 0s; color: #7f7f7f; border: 0px; border-bottom: 1px solid rgba(204, 204, 204, 0);line-height:6px;height: 6px; font-size:13px;}
#category a.active, #category a:hover { background: #fff; color: #3d3d3d; border-color: rgba(161, 161, 161, 0); }
#sitecontent #newsPage .content #category a.active, #category a:hover { background: #FFC000; color: #202020; }
#sitecontent #newsPage .content #category a.active { display: inline-block; }
#sitecontent .npagePage #category a.active { background: #3d3d3d; color: #FFC000; display: block; margin-right:0px;  }
#sitecontent .npagePage #category li.hasmore div ul a.active, #sitecontent .npagePage #category li.hasmore div ul a:hover{background-color: transparent;color: #fff;}
#category li.hasmore div ul a::before {position: absolute;content: "";width: 5px;height: 1px;margin-top:12px;z-index: 10;background-color: #444;margin-left: -20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category li.hasmore div ul a.active::before,#category li.hasmore div ul a:hover::before {background-color: #FFC000;}


/*案例*/







#projectitem_0 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_1 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_2 { animation-name: fadeInUp; animation-delay: 0.3s; }
#projectitem_3 { animation-name: fadeInUp; animation-delay: 0.4s; }
#projectitem_4 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_5 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_6 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_7 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_8 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_9 { animation-name: fadeInUp; animation-delay: 0.2s; }
#indexPage #projectlist .projectitem { height: 220px; margin: 0 1% 20px 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; border: 4px solid rgb(22, 22, 22); transition: all 0.6s ease 0s; }
#projectlist .projectitem_4 a img { width: 600px; }
#indexPage #projectlist .projectitem:hover { box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.1); border: 4px solid #FFC000; }
#projectlist .projectitem a:hover .project_info p.title { color: #fff; text-align: left; margin: 20px 0 0 0; font-size: 16px; }
#projectlist .projectitem a .project_info p.subtitle, .nobanner #projectlist .projectitem a .project_info p.subtitle { margin-top: 0; color: #929292; text-align: left; text-overflow: ellipsis; overflow: visible; white-space: nowrap; }
#projectlist .projectitem a .project_info p.subtitle::after, .nobanner #projectlist .projectitem a .project_info p.subtitle::after { content: ""; display: block; background-color: #d4d3d0; width: 1px; height: 1px; transition: all 0.6s ease 0s; opacity: 0; margin-top: 260px; position: absolute; right: 9px; }
#projectlist .projectitem a:hover .project_info p.subtitle::after { opacity: 1; background-color: #3d3d3d; height: 50px; margin-top: 0px; }
#projectlist .projectitem a:hover .project_info p.subtitle { color: #8a8a8a; text-align: left; padding: 0; }
#projectlist .projectitem { margin-bottom: 100px;  background-color: (0, 0, 0, 0);
width: 23.2%; }
#projectlist .projectitem a:hover .project_info { background-color: rgba(0, 0, 0, 0.53); }
#projectlist .projectitem .project_info p.title { color: #4E4E4E; padding: 10px 0px; }
#projectmore { color: #3d3d3d; height: 100px; line-height: 100px; background: #262626; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 18px; }
#projectmore:hover { color: #3d3d3d; height: 100px; line-height: 100px; background: #262626; font-size: 18px; }
.content .header p.subtitle { font-size: 12px; margin-top: 2px; color: rgb(165, 165, 165); text-align: left; margin-left: 3%; color: #818181; }
#mpage .content .header p.subtitle { text-align: center; margin-left: 0; }
#indexPage #mproject .content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; text-align: left; margin-left: 2%; }
#indexPage #mproject .content .header p.subtitle { text-align: left; margin-left: 2%; }
#indexPage #mproject a.more:hover { background-color: #303030; border-color: rgba(255, 7, 42, 0); }
#indexPage #mproject a.more { margin-top: 10px; position: relative; vertical-align: middle; line-height:90px; height:90px; }
#indexPage #mproject .bx-wrapper .bx-pager.bx-default-pager a { display: none; }
#projectlist #projectitem_0.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "01"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_0.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_1.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "02"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_1.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_2.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "03"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_2.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_3.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "04"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_3.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_4.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "05"; margin-right: 3px; margin-top: -40px; color: rgb(179, 179, 179); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_4.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_5.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "06"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_5.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_6.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "07"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_6.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_7.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "08"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_7.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_8.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "09"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_8.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_9.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "10"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_9.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_10.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "11"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_10.projectitem a .project_info:hover div::after { opacity: 1; }
#projectlist #projectitem_11.projectitem a .project_info div::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: "12"; margin-right: 3px; margin-top: -40px; color: rgb(255, 255, 255); right: 0; font-size: 12px; font-family: "HeliosExtThin"; opacity: 0; }
#projectlist #projectitem_11.projectitem a .project_info:hover div::after { opacity: 1; }
#indexPage #projectlist #projectitem_4 { width: 23.2%; }
/* #indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 { height: 220px; } */
#indexPage #projectlist #projectitem_5:hover a::after, #indexPage #projectlist #projectitem_6:hover a::after, #indexPage #projectlist #projectitem_7:hover a::after, #indexPage #projectlist #projectitem_8:hover a::after { top: 24%; }
/*首页背景不加透明蒙层 */



/*首页服务背景层 */



#contactform p textarea.inputtxt { width: 1120px; height: 50px; float: none; line-height: 18px; }
#contactform p .inputtxt { border: none; margin-bottom: 5px; background: none; color: #bdbdbd; width: 320px; float: left; border-bottom: 1px solid rgba(80, 80, 80, 0.22); margin: 40px 0 0 40px; }
#contactform p .inputtxt:hover { border-bottom: 1px solid #454545; }
#contactform p { border-bottom: 0px; padding-top: 0px; width: 1200px; margin: 0 auto; text-align: center; margin-bottom: 40px; }
#indexPage #mteam .description { color: #909090; background-color: #fff; padding: 0px; border-radius: 8px; background-color: rgba(255, 255, 255, 0); }
#indexPage #mteam .header img { width: 200px; height: 120px; border-radius: 0; margin: 6px auto 24px auto; }
/*#indexPage #mteam .bx-wrapper .bx-pager ::after {

	content: "";

	width: 1000px;

	height: 1px;

	background: #d2d2d2;

	margin: 20px 0;

	position: absolute;



}*/







.content .header p.title { font-family: HELVETICANEUELTPRO-THEX, 微软雅黑; font-size:24px; text-align: left; margin-left: 3%; color: rgba(255,255,255,0.8); }
#indexPage #mteam .content .header p.title { color: rgba(62, 62, 62, 0.8); }
.npagePage .content .header p.title { text-align: center; margin-left: 0px; }
.npagePage .content .header p.subtitle { text-align: center; margin-left: 0px; }
#newsPage .content .header p { text-align: center; }
#indexPage #mteam .slider_control a i:hover { color: #3d3d3d; }
.teamitem a div.wrap span { background: #8e8e8e; }
.teamitem a div.wrap { background: rgba(0, 0, 0, 0.7); }
.npagePage #teamlist .teamitem a { width: 320px; height: auto; }
.npagePage #teamlist .teamitem a img { width: 100%; height: auto; transition: all 0.6s ease 0s; }
.npagePage #teamlist .teamitem:hover a img { transform: scale(1.1, 1.1); }
/*首页幻灯高度*/



#indexPage #mslider { height: 400px; }

#indexPage #mslider { height: 0 }
#shares a { background: transparent; }
#shares a#gotop { margin-top: 1px; background-color: rgba(0, 0, 0, 0.2); transition: all 0.3s ease-out 0s; }
#shares a#gotop:hover { background-color: rgba(0, 0, 0, 0.8); }
#indexPage #mslider ul li p { color: #5d5d5d; }
#mslider .sliderArrow { position: absolute; bottom: 120px; z-index: 2; animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; width: 29px; height: 25px; margin-left: -16px; color: #9b9b9b; font-size: 48px; }
/*新导航*/



/*在线咨询*/



#olx_head { background: #3d3d3d; border-radius: 0px; }
#olx_qq li a:hover i { color: #ffc000; }
#olx_qq li a:hover { padding: 18px 30px; }
.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 #FFC000; background-color: #FFC000; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 4px 6px; border-radius: 0px; border: 1px solid rgba(143, 143, 143, 0.3); width: 50px; height: 2px;}
/*首页关于我们*/



#indexPage #mpage .wrapper li .fimg { width: 50%; height: 1024px; background-size: cover; }
#mpage .content .header { width: 100%; float: right; padding-top: 80px; padding-bottom: 0; }
#mpage .module-content .description { max-height: 108px; height: auto; line-height: 28px; padding: 40px 0 0 0; float: none; width: 640px; text-align: left; z-index: 10; position: relative; transition: all 0.6s ease-out; text-align: center;}
#indexPage #mpage .wrapper li::before { content: ""; display: block; width: 100%; height: 51%; position: absolute; top: 400px; bottom: 0; }
#indexPage #mpage a.more { width: 10%; float: none; line-height: 40px; height: 40px; position: relative; z-index: 10; }
/*首页联系*/



#mcontact .content > .header { animation-name: fadeInUp; }
#indexPage #mcontact .content { width: 100%; height: 823px; }
#contactinfo { width: 35%; padding-left: 10%; margin-bottom: 60px; }
#contactform.fr { background-color: #1b1b1b; width: 100%; padding: 0; margin-right: 0; }
#contactform p .inputsub { width: 280px; height: 56px; line-height: 52px; background-color: rgba(186, 186, 186, 0); border: 1px solid rgba(109, 109, 109, 0.4); margin-top: 10px; padding: 0; color: #fff; margin-bottom: 100px; }
#contactform p .inputsub:hover { background-color: #ffc000; border: 2px solid rgba(134, 134, 134, 0); color: #444; }
#contactform .inputtxt.active { border-color: #424242 }
#indexPage #mcontact .header p { text-align: center; padding-left: 0; margin: 0; }
#indexPage #mcontact .header p.subtitle { color: #818181; }
#indexPage #mcontact .content .fw { width: 100%; }
#contactinfo h3 { color: #bdbdbd; width: 342px; padding-right: 60px }
#contactinfo div a { background: #393939; border: 1px solid rgba(123, 123, 123, 0); transition: all 0.6s ease 0s; }
#contactinfo div a:hover { background: rgba(123, 123, 123, 0); color: #FFC000; border: 1px solid #FFC000; }
/*首页新闻*/







#indexPage .newsbody .description { display: block; margin-top: 30px; }
#indexPage #mteam { background-color: #1e1e1e; height: 590px; background-color: #FFC000; }
#indexPage #mteam .content .content_list .header { padding-top: 0px; animation-name: fadeInUp; }
#indexPage #mteam .content > .header { display: block; animation-name: fadeInLeft; padding-top: 100px; }
/*案例*/





#indexPage #mproject .content > .header { animation-name: fadeInLeft; animation-delay: 0.1s; }
#projectinfo { width: 340px; float: left; padding: 0px 50px 0 0; margin-left: 0px; position: relative; }
#projectwrap.fw { width: 1200px; }
#projectwrap { padding-top: 80px; }
#projectbody { max-width: 100%; margin: 0px auto; width: 800px; float: right; padding: 0; border-right: 1px solid rgba(236,236,236,0); padding-bottom: 60px; }
#projectimages li img { display: block; float: none; max-width: 100%; margin: 0px auto; }
#projectinfo .description a { background: #3d3d3d; color: #fff; width: 300px; }
#projectinfo .description a:hover { background: #3d3d3d; color: #fff; }
#plheader { padding-bottom: 22px; }
.teamitem { height: auto; position: relative }
.teamitem .teaminfo { text-align: left; height: auto; overflow: hidden; transition: all 0.6s ease 0s; margin-top: 50px; }
.Pageteam .wrap .teamitem:hover .teaminfo { height: auto; }
.teamitem::after { content: ""; display: b
lock; width: 1100px; height: 3px; background-color:rgba(72, 72, 72, 0.2); transition: all 0.6s ease 0s; margin-top: 0px; opacity: 1; position: absolute; left: -280px; margin-left: 280px; }
#teamlist .wrap{ margin-right:0}
.teamitem:hover::after { opacity: 1; background-color: #FFC000; }
.teamitem .teaminfo .description { margin-top: 22px; line-height: 24px; height: 50px; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a { margin: -60px -20px; background: rgb(201, 201, 201); }
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover { background: #3d3d3d; }
.teamitem .title a { color: #d2d2d2; }
/*新*/

.npagePage #projectlist .wrapper { width: 100%; }
#indexPage #mproject .content .wrapper { width: 96%; margin: 0 auto; margin-left: 3%;}
.content .header { padding-top: 80px; padding-bottom: 60px; }
#newsPage .content .header { padding-bottom: 22px; }
#indexPage #mproject .bx-wrapper .bx-pager { bottom: -9%; text-align: right; }
#indexPage #mpage .content { margin-top: 0; top: 0; height: 500px; }
#indexPage #mteam .content { margin-top: -17%; }
#moduleControl a.moduleCItem { border-radius: 0; height: 1px; margin-bottom: 10px; width: 10px; border: 1px solid transparent; background-color: #DEDEDE; }
.module-content .description { width: 420px; text-align: left; }
#projectlist .projectitem a .project_info p { padding: 0 20px; }
/*新闻*/



#indexPage .module .bgmask { background-color: transparent; }
#indexPage #mslider ul li p.title { font-size: 42px; line-height: 60px; height: 60px; text-align: left; padding: 0px 110px 30px; margin: 0 1800px 0px 20px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; width: 500px; }
#indexPage #mslider ul li p.subtitle { font-size: 14px; height: 25px; transition-delay: 0.2s; text-align: left; padding: 12px 110px; width: auto; margin: 1px 1800px 0px 20px; color: #A1A1A1; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; line-height: 24px; }
#projecttags a { background: rgba(243, 243, 243, 0.06); }
#projecttags a:hover { color: #fff; background: #3d3d3d; }
#projectib .projectitem a .project_info p.title { color: #A5A5A5; }
#projectib .projectitem a .project_info p.subtitle { color: #505050; }
#projectib .projectitem a .project_info { background-color: #1e1e1e; padding: 6px 0 28px 0; }
#indexPage #mproject .bx-wrapper .bx-controls-direction { display: inline; }
#projectinfo::after { position: absolute; content: ""; top: 0px; left: -2px; width: 4px; height: 54px; background: #3d3d3d; }
#indexPage #mteam .bx-wrapper .bx-pager { bottom: -6%; display: block; left: 238px; width: auto; }
.Pageservice #servicelist .serviceitem div p.title { line-height: 26px; transition: all 0.6s ease 0s; text-align: left; width: 260px; height: 30px; overflow: hidden; text-overflow: ellipsis; padding-top: 30px; }
.Pageservice #servicelist .serviceitem:hover div p.title { padding-top: 40px; }
#projectinfo .header .description { color: #939393; }
#projectlist .projectitem a .project_info::after { width: 0%; height: 1px; position: absolute; content: ""; top: 100%; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #3d3d3d; }
#projectlist .projectitem a:hover .project_info::after { width: 100%; }
#projectlist .projectitem a .project_info p.title, .nobanner #projectlist .projectitem a .project_info p.title { color: #fff; padding: 60px 0px 5px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#projectlist .projectitem a .project_info p.title { padding: 48px 0px 5px; }
#projectlist .projectitem a .project_info p.title::after, .nobanner #projectlist .projectitem a .project_info p.title::after { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; margin-right: 20px; margin-top: -56px; color: rgba(153, 153, 153, 0.1); right: 0; font-size: 120px; font-family: "HeliosExtThin"; }
#projectlist .projectitem a .project_info div { position: absolute; height: 120px; width: 90%; margin-left: 5%; bottom: -120px; margin-top: 0; top: auto; background-color: rgba(255, 255, 255, 0); transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a .project_info:hover div { bottom: 20px; }
#indexPage #mproject .content #category a:hover { background: rgba(61, 61, 61, 0); color: rgb(253, 192, 0); }
/*首页新闻*/



#indexPage #newslist li a.details { display: block; width: 45px; height: 40px; text-indent: -9999px; background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -32px -176px; border: none; margin: 0px; position: absolute; top: 366px; right: 40px; border-radius: 0; }
#indexPage #newslist li:hover a.details { background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -32px -216px }
#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg { padding-bottom: 220px; }
#indexPage #mpage .wrapper li, #indexPage #mpage .slider, #indexPage #mpage .content { padding-bottom: 50px; overflow: hidden }
#mpage .content .header p.subtitle::after { position: inherit; content: ""; height: 150px; background: rgba(212,212,212,0.2); margin: 22px 50% 0; width: 1px; float: left; text-align: left; top: -276px; display: block; transition: all ease-out .3s; z-index: 10; display: none; }
 #mpage .content .header p.subtitle::after #mpage .content .header:hover p.subtitle::after {height: 170px;}
#mpage .module-content .description { padding-top: 60px; }
#indexPage #servicelist .serviceitem { width: 80%; background-color: transparent; padding: 30px 0 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: inline-block; float: none; }
#indexPage #servicelist .serviceitem:hover { background-color: transparent; padding: 0px 0; }
#pages { padding: 40px 0 100px 0; }
#indexPage #mpartner .wrapper ul li a { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top: 0px; }
#indexPage #mpartner .wrapper ul li a:hover { box-shadow: none; top: -10px; }
#indexPage #mpartner .wrapper ul li { margin: 8px 0 20px 0px; background-color: transparent; }
#mpartner .bx-viewport {  padding-left: 20px; }
#mpartner .content .header { padding-bottom: 2%; width: 100%; animation-name: fadeInLeft }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: #3d3d3d; border: 1px solid #3d3d3d; }
 @keyframes mymove {  0% {
 transform:scale(1.2, 1.2)
}
 100% {
 transform:scale(1, 1)
}
}
#banner div { animation: pulse 20s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.postbody { color: #838383; }
#indexPage #mteam .summary p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; color: #474747; font-size: 22px; }
#indexPage #mteam .summary:hover p { margin-left: 20px; }
#indexPage #mnews .content .header { display: block; padding-bottom: 60px; animation-name: fadeInLeft; }
#indexPage #mnews .content { height: 410px; top: 50%; margin-top: -205px; }
#indexPage #newslist { width: 1060px; margin: 0 auto; height: 100%; position: relative }
#indexPage #mteam .summary p { text-align: left; padding-left: 40px; transition: all 0.6s ease 0s; margin-left: 0px; font-size: 14px; color: rgba(80, 80, 80, 0.8); margin-top: 2px; }
#indexPage .newsimg, #newslist .separator { display: none }
#indexPage #newslist .newstitem { position: absolute; display: none; width: 420px; height: 30px; }
#indexPage .newstitem .newsbody { display: block; max-width: 100%; vertical-align: auto; width: 100%; transition: all 0.6s ease 0s; }
#indexPage .newstitem:hover .newsbody { margin-left: 12px; }
#indexPage .newstitem .newsbody::after { position: absolute; content: ""; width: 1px; height: 40px; background: #a2a2a2; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top: 0px; left: 0px; opacity: 0; }
#indexPage .newstitem:hover .newsbody::after { width: 1px; height: 40px; background: #a2a2a2; left: -26px; opacity: 1; }
#newslist .newstitem .newsbody .date { position: absolute; top: 20px; font-weight: inherit; font-family: Arial; color: #B0B0B0; margin-bottom: 0; display: block; padding: 0; float: none; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#teambody .theader .title { font-size: 24px; color: #F7F7F7; }
#indexPage #mteam .summary p.title a { color: #1b1b1b; font-size: 16px; line-height: 26x; }
#indexPage #mteam .summary p.subtitle { display: block; color: rgba(47, 47, 47, 0.66); }
#newslist .newstitem .newsbody .title { font-size: 16px; color: #a9a9a9; display: inline-block; line-height: 18px; width: 280px; overflow: hidden; height: 30px; text-overflow: ellipsis; white-space: nowrap; float: none; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: 0; text-align: left; width: 540px; height: 260px; position: relative; }
#newslist .news_wrapper { background-color: transparent; width: 100%; }
#newslist .newstitem a.newscontent:hover .news_wrapper { background-color: transparent; width: 100%; }
.newstitem:hover #newsPage #newslist .newsbody { margin-left: 20px; }
#newslist .newstitem:hover.left a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding: 0 }
#newslist .newstitem.right a.newscontent .newsimg { left: 0 }
#newslist .news_wrapper::before { height: 0 }
#indexPage #newslist .newstitem { display: block; height: 420px; position: relative; float: left; margin: 0 20px 50px; }
#indexPage #newslist .newstitem .newsimg { display: block; width: 500px; height: 280px }
#indexPage #newslist .newstitem .news_wrapper { width: 360px; height: auto; left: auto; position: absolute; top: 322px; }
#newsPage #newslist .newstitem .newsbody .title { font-size: 16px; color: #b0b0b0; display: block; width: 580px; float: none; position: relative; top: -20px; }
#indexPage #newslist .newstitem:hover a .newsbody .title { color: #ffc001; }
#indexPage #newslist .newstitem .newsbody .description, #newsPage #newslist .newstitem .newsbody .description { font-size: 12px; line-height: 22px; color: #6a6a6a; text-align: left; height: 42px; overflow: hidden; margin-top: 20px; display: block }
#indexPage #newslist .newstitem .newsbody .description { transition: all 0.6s ease 0s; }
#indexPage #newslist .newstitem:hover .newsbody .description { color: #B6B6B6; }
#newsPage #newslist .newstitem:hover .newsbody .description { color: #9f9f9f; }
#indexPage #newslist .newstitem .newsbody::after, #newsPage #newslist .newstitem .newsbody::after { content: 'MORE'; width: 120px; height: 32px; line-height: 32px; display: block; text-align: center; margin-top: 85px; color: #3d3d3d; border: 1px solid rgba(0,0,0,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; right: 60px; top: 20px; opacity: 0; transition: all 0.6s ease 0s; }
#indexPage #newslist .newstitem a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after { background-color: #3d3d3d; color: #fff; opacity: 1; }
#indexPage #newslist .newstitem a:hover .newsbody::after { opacity: 0; }
#indexPage .newstitem .newsbody .description::after { margin: 0; position: absolute; left: 460px; top: 84px; content: ""; width: 0px; height: 32px; background: #3d3d3d; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: -1; display: none; }
#indexPage .newstitem a:hover .newsbody .description::after { width: 123px; }
#newsPage #newslist .newstitem a:hover .newsbody .description::after { width: 123px; }
#indexPage #mnews .bx-controls { display: block }
#indexPage #mnews .bx-wrapper .bx-pager { display: none; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a { width: 40px; float: left; margin-left: -70px }
#indexPage #mnews .bx-wrapper .bx-controls-direction a i { margin: 0px; width: 40px; position: inherit; left: 0; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next { float: right; right: 0px; margin-right: -70px; margin-left: 0; }
/*news list*/



#newsPage #newslist { width: 1180px; height: auto }
#newsPage #newslist .wrapper { margin-right: 0px; width: auto; height: auto }
#newsPage #newslist .newstitem { width: 100%; height: 181px; float: left; margin-bottom: 60px }
#newsPage #newslist .newstitem .news_wrapper { width: auto; left: 290px; margin-top: 40px; }
#newsPage #newslist .newstitem .newsbody::after { margin-top: 22px; }
#newsPage #newslist .newstitem .newsbody .title { top: -4px }
#newsPage #newslist .newstitem .newsbody .description::after { margin: 0; position: absolute; left: 0; top: 128px; content: ""; width: 0px; height: 32px; background: #3d3d3d; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: -1; }
#indexPage #newslist .newstitem .newsbody .date { display: block; padding: 0; float: none; color: #6a6a6a; }
/**/

/*新闻*/

#indexPage #mnews a.more { display: block; width: 180px; height: 45px; line-height: 45px; position: absolute; right: 0; margin-right: 50px; margin-top: -528px; background-color: transparent; border-color: #4b4b4b; color: rgba(255,255,255,0.5); animation-name: fadeInRight; animation-delay: 0.4s; }
#indexPage #mnews a.more:hover { background: #303030; border: 1px solid #303030; color: #fff; }
#mteam .content_list li { animation-name: fadeInUp; }
#newsitem_0 { animation-name: fadeInLeft; animation-delay: 0.0s; }
#newsitem_1 { animation-name: fadeInRight; animation-delay: 0.1s; }
#newsitem_2 { animation-name: fadeInRight; animation-delay: 0.0s; }
#newsitem_3 { animation-name: fadeInRight; animation-delay: 0.3s; }
#newsitem_4 { animation-name: fadeInRight; animation-delay: 0.4s; }
#newsitem_5 { animation-name: fadeInRight; animation-delay: 0.5s; }
#mpartner .content_list li { animation-name: fadeInUp; animation-delay: 0.1s; }
.slider li div { animation-name: fadeInUp; animation-delay: 0.1s; }
#newslist .newsbody { width: 740px; }
#newsPage #newslist .newstitem a.newscontent { border-bottom: 1px solid rgba(255, 255, 255); padding-bottom: 20px; }
#newsPage #newslist .newstitem a:hover .newsbody .title { color: #FFC000; }
.postbody img { max-width: 100%; width: auto; }
.npagePage #banner div { height: 400px; }
.npagePage #banner { height: 400px; }
#mpage .content .header p.title { text-align: center; margin-left: 0; font-size: 26px; color: #fff; }
#projectlist .wrapper { width: 85%; margin: 0 auto; }
#indexPage #mproject #category { position: absolute; top: 30px; display: block; animation-name: fadeInUp; right: 3%; margin-right: 0; }
#indexPage #mproject #category a { padding: 0; border-bottom: none; margin: 0 -10px 0 10px; border-right: 1px solid rgba(237, 237, 237, 0.14); padding: 2px 24px; }
#indexPage #mproject #category a:last-child { border: 0; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a { background-color: transparent; border-radius: 0px; width: 40px; top: 110px; left: 90px }
#indexPage #mteam .bx-wrapper .bx-controls-direction a i { width: 40px; margin: 0; position: inherit; left: 0px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next { right: 90px; left: auto; }
/*#indexPage #mteam .bx-wrapper .bx-controls-direction a i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: transparent; background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat 0px 4px; width: 45px; height: 40px; margin: 0; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover i { background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat 0px -37px; width: 45px; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next i { background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -231px 4px; width: 45px; height: 40px; margin: 0; position: absolute; right: 131px; left: -64px; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next:hover i { background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -231px -37px; }*/



/*#projectlist .projectitem a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(http://resources.jsmo.xin/templates/upload/307/201606/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
#projectlist .projectitem:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 0; }*/
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active title { color: #000; font-size: 12px; }
#indexPage #mcontact { background-color: #1e1e1e; }
#indexPage #mcontact .header p.title { color: rgba(255,255,255,0.8); }
#projectbody .postbody { padding: 1px 50px 50px; background-color: #1e1e1e; }
#projectimages { padding: 0px 0px 10px 0; background: #1e1e1e; }
/*服务*/



#servicelist .serviceitem a img { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: auto; height: 200px; max-width: 100%; }
#indexPage #servicelist #serviceitem_8:hover::before { width: 38px; height: 1px; background-color: #a1a1a1; color: #3d3d3d; }
#servicelist .serviceitem:hover .title { color: #FFC000; }
#mservice .bx-wrapper { height: 350px; }
#indexPage #mservice a.more {margin: 0;position: absolute;right: 0;top: 0;font-size: 12px;line-height: 45px;width:180px;height: 45px;background-color: transparent;border-color: #4b4b4b;color: rgba(255,255,255,0.5);margin-left: 50px;margin-right: 50px;margin-top: 70px;}
#indexPage #mservice a.more:hover { background-color: #3d3d3d; border-color: #3d3d3d; color: #fff; }
#mservice .content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; text-align: left; margin-left: 0%; color: rgba(255,255,255,1); }
#mservice .content .header p.subtitle { text-align: left; margin-left: 0%; color: rgba(255,255,255,0.2); }
#servicelist .serviceitem div { width: 320px; margin-left: 40px; }
#servicelist .serviceitem div p.title { transition: all 0.6s ease 0s; color: rgba(255,255,255,0.8); display: block; }

#servicelist .serviceitem a { text-align: center; width: 100%; margin-top: 0px; overflow: hidden; }
#servicelist .serviceitem { width: 320px; height: 560px; margin-right: 70px; }
#sitecontent #servicelist .serviceitem a img { height: auto; width: 260px; filter: grayscale(60%); float: left; right: 648px; position: absolute; display: block; top: 90px; }
#sitecontent #servicelist:hover .serviceitem:hover a img { filter: grayscale(0%); display: none; }
#servicelist .serviceitem div p.description { width: 440px; height: 46px; color: rgba(170,170,170,0.6); text-align: left; margin-top: 6px; transition: all 0.6s ease 0s; }
#servicelist .serviceitem div p.description::after { content: ""; display: block; width: 0px; height: 1px; background-color: #3d3d3d; position: absolute; margin-top: 0px; margin-top: 16px; opacity: 0; transition: all 0.6s ease 0s; }
#servicelist .serviceitem:hover div p.description::after { opacity: 0; width: 260px; background-color: #3d3d3d; }
.Pageservice .content #servicelist .serviceitem a.details { display: -moz-box; border-radius: 0px; width: 260px; height: 46px; margin: 0; line-height: 46px; font-size: 16px; color: #3d3d3d; text-indent: 114px; transition: all ease-out .3s; border: 0; opacity: 0; }
.Pageservice .content #servicelist .serviceitem:hover a.details { opacity: 0; background-color: #3d3d3d; color: #fff; }
.Pageservice .content .header p.subtitle::after { content: ""; display: block; width: 0px; height: 340px; background-color: transparent; position: absolute; left: 40%; top: 230px; }
#indexPage #mpage .wrapper li .fimg { height: 0; display: none; }
#indexPage #mpage .wrapper li { padding-bottom: 80px; }
#indexPage .module { z-index: auto }
#indexPage .module .content { position: relative; top: 0; }
#indexPage #mproject .content { margin: 0; }
#indexPage #mservice .content { margin: 0; height: auto }
#indexPage #mnews { padding-top: 100px; height: auto; background-color: #1e1e1e; }
#indexPage #mnews .content { margin: 0; height: auto; top: 0 }
#indexPage #mpartner { padding-top: 100px; height: auto; background-color: #1e1e1e; }
#indexPage #mpartner .content { margin: 0; height: auto; background-color: #242424; }
#indexPage #mcontact { padding-top: 100px; height: auto; }
#indexPage #mcontact .content { margin: 0; }
#indexPage #mservice { padding-top: 100px; height: auto; background-color: #1e1e1e; }
#indexPage #mteam .content { margin-top: 0; }
#sitecontent .npagePage .content .header::before { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; width: 90%; height: 1px; background: rgba(66, 66, 66, 0.53); text-align: left; margin-top: 78px; left: 5%; display: none; }
#sitecontent .npagePage .content .header.fw p.title { margin-left: 0; }
#sitecontent .npagePage .content .header.fw p.subtitle { margin-left: 0; }
#sitecontent .npagePage .content .header.fw::before { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; width: 90%; height: 1px; background: #3b3b3b; text-align: left; margin-top: 78px; left: 5%; }
#sitecontent .npagePage .content #projectwrap .header::before { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; width: 90%; height: 1px; background: #d8d8d8; text-align: left; margin-left: 5%; margin-top: 70px; display: none; }
#projectinfo .header p { margin-left: 0; }
#projectinfo .header { margin: 0px 0 20px 0; padding: 0px 0 20px 0; border-bottom: rgba(204, 204, 204, 0.28) 1px dotted; width: 300px; }
}
#sitecontent .npagePage .content .header p.title::before { position: absolute; content: ""; top: 86px; width: 1px; height: 50px; background: #c3c3c3; margin-left: 150px; opacity: 0; }
#category li.hasmore div ul { border-top: transparent 0px solid; text-align: left; padding-top: 6px; margin: 20px;}
#projectinfo .header p.title::before { display: none }
/*服务*/



#indexPage #mservice .content_list { position: relative; }
#indexPage #servicelist { width: 100%; text-align: center; }
#indexPage #servicelist .serviceitem { width: 100%; height: 360px; padding: 0; margin-bottom: 30px; position: relative; z-index: 10; }


#indexPage #servicelist .serviceitem div p.description { height: 72px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s ease 0s; margin-left: 0px; white-space: inherit; color: rgba(255,255,255,0.4) }
#indexPage #servicelist .serviceitem:hover div p.title { margin-left: 10px; }
#indexPage #servicelist .serviceitem:hover div p.description { margin-left: 10px; }
#indexPage #servicelist .serviceitem a.details { display: block; width: 45px; height: 40px; text-indent: -9999px; background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -232px 4px; border: none; margin: 0px; position: absolute; top: 134px; left: 260px; border-radius: 0; opacity: 0; }
#indexPage #servicelist .serviceitem:hover a.details { opacity: 0; left: 260px; }
#indexPage #servicelist .serviceitem:hover a.details { background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -232px -46px; }
#indexPage #servicelist .bx-controls { display: none; }
/*分享*/





#shares a#sshare { color: transparent; background-image: url("http://resources.jsmo.xin/templates/upload/220/icon/fenxiang.png"); background-repeat: no-repeat; }
#shares { height: 35px; right: 66px; bottom: -3px; }
#shares a#gotop { margin-top: 6px; background: none; color: #5f5f5f; }
#shares a i { border-right: 1px solid rgba(167,167,167,0.16); padding: 0 20px; }
#shares a i.fa-share-alt { padding: 0 16px; }
#shares a i.fa-weixin { color: transparent; background-image: url(http://resources.jsmo.xin/templates/upload/220/icon/shoujih.png); background-repeat: no-repeat; font-size: 16px; height: 16px; margin: 0 0 0 26px; padding: 0 8px; }
#online_open i { margin-top: 5px; }
#shares a i.fa-share-alt { padding: 0 16px; }
#online_open { margin: 0 10px 0 0; background: none; bottom: 0px; color: #515151; }
#footer p { position: fixed; bottom: 0; background: #292929; padding: 8px 230px; right: 0px; width: 100%; }
#footer.mini p { padding: 8px 230px; right: 0px; }
#shares a { color: #515151; background-color: transparent; display: inline-flex; height: 22px; width: auto; }
#shares a#sweibo { background-color: transparent; transition: all 0.3s ease-out 0s; }
#shares a#sweibo:hover { background: transparent; }
#shares a#sweixin { background-color: transparent; transition: all 0.3s ease-out 0s; }
#shares a#sweixin:hover { background-color: transparent; }
#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 */ }
#footer a path { fill: #808080; }
#footer { position: fixed; z-index: 10; }
#projecttags { margin-top: 20px; width: 300px; float: left; padding: 0; margin-left: 0px; }
#projectib { margin-right: 0px; margin-top: 12px; width: 300px; float: left; padding: 0; margin-left: 0px; }
#projectib .projectitem { width: 140px; }
.summary { float: left; animation-name: fadeInUp; margin-top: -64px; }
#indexPage #mteam li .header { float: left; margin: -64px auto 24px 224px; width: 260px; height: 260px; }
#indexPage #mteam .header img { width: 100%; height: auto; margin: 0px; }
.bx-wrapper .bx-prev { left: 0; }
#indexPage #mteam .bx-wrapper .bx-pager { opacity: 1; left: auto; margin-top: -64px; right: 20px; bottom: 50%; width: 44px; }
#indexPage #mteam .bx-controls-direction { display: none; }
.bx-wrapper .bx-next { right: 940px; }
#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper { top: 0px; right: auto; left: auto; }
.description { display: 0; }
#indexPage #mpage .wrapper { padding-bottom: 120px; }
.slider one .title { color: red; }
.npagePage #newslist .newsbody .description { margin-top: 30px; color: #9e9e9e; width: 480px; margin-left: 0px; }
#contactinfo { width: 1120px; padding-left: 0; float: none; margin: 0 auto; }
#contactinfo p.add { text-overflow: ellipsis; overflow: inherit; white-space: inherit; }
#contactinfo p.ellipsis span {color: #626262;}
#contactinfo p { float: left; width: 246px; padding-right: 50px; padding-left: 52px; height: auto; border-left: 1px solid #313131; }
#mcontact .content #contactinfo { height: 140px; position: relative; margin-top: 60px; animation-name: slideInUp; }
#contactinfo h3 { width: 320px; float: left; overflow: inherit; white-space: inherit; }
#mcontact .content #contactform { margin-top: 80px; float: none; height: 100%; }
#mcontact .content #contactform { animation-name: slideInUp; }
#contactinfo div { position: absolute; top: 30px; }
/*首页团队*/



.animated { animation-name: fadeInRight; animation-delay: 0.1s; }
/*案例内页*/





.npagePage content { text-align: center; }
.npagePage #category { display: inline-block; position: static; top: 180px; right: 0; padding:0px; }
.npagePage #projectlist .projectitem { width: 23%; }
#mproject .header p.title { text-align: left; padding: 0 20px; }
#mproject .header p.subtitle { text-align: left; padding: 0 20px; }
.nobanner .npagePage #projectlist .projectitem { height: 580px; overflow: hidden; margin-bottom: 15px; border: 4px solid rgb(30, 30, 30); transition: all 0.6s ease 0s; }
.nobanner .npagePage #projectlist .projectitem:hover { border: 4px solid rgb(255, 192, 0); }
.nobanner .npagePage #projectlist .projectitem a .project_info { overflow: hidden; position: absolute; }
#mproject #pages { width: 80%; margin-left: 20%; }
/*新闻内页*/



.npagePage .content { text-align: center; background: #1e1e1e; }
#sitecontent #newsPage #category { text-align: center; width: 100%; margin: 0 auto; display: block; border-top: 1px solid #2B2B2B; }
#newsPage #newslist .newstitem .newsimg { top: 0px; left: 70%; transition: all 0.6s ease 0s; display: block; width: 280px; height: 160px }
#newsPage #newslist .newstitem .news_wrapper { height: 160px; top: 0px; left: 0px; }
#newsPage #newslist .newstitem .newsbody .date { top: 18px; }
#newsPage #newslist .newsbody { margin-top: 0px; transition: all 0.6s ease 0s; }
#newsPage #newslist a:hover .newsbody { margin-left: 40px; }
#newsPage #newslist .newstitem a.newscontent::after { content: ""; display: block; width: 1180px; height: 1px; background-color: rgb(38, 38, 38); position: absolute; top: 210px; left: 0px; transition: all 0.6s ease 0s; z-index: -10; border-bottom: 1px solid rgb(38, 38, 38); }
#newsPage #newslist .newstitem a:hover.newscontent::after { top: -30px; height: 240px; opacity: 1; z-index: -10; background-color: rgb(38, 38, 38); }
#newsPage .content #category a { margin-right: 4px; }
#newsPage #category { padding: 30px 0 100px 0; }
#newsPage .content #category a{height: 20px; line-height: 20px;}
#newsPage .content #category a.active{height: 20px;line-height: 20px;margin-right:6px;}



/*案例三级页面*/



.npagePage2 #projectwrap1, #projectwrap2, #projectwrap3, #projectwrap4, #projectwrap5 { width: 1280px; }
.npagePage2 #projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a { background-color: #3b3b3b; }
.npagePage2 #projectbody1, #projectbody2 { width: 900px; }
.npagePage2 #projectlist .projectitem a .project_info p { padding: 0px; }
.npagePage2 #projectlist .projectitem { background: rgba(0, 0, 0, 0.28); }
.npagePage2 #npagePage #projectlist .projectitem a .project_info p.subtitle { height: 12px; line-height: 12px; }
.npagePage2 #projectlist .projectitem { margin-bottom: 10px; }
/*服务内页*/



#sitecontent .npagePage #servicelist .serviceitem a img { left: auto; position: inherit; width: 320px; height: auto; }
#sitecontent .npagePage #servicelist .serviceitem a img::after { content: ""; display: block; width: 20px; height: 1px; background-color: red; }
#sitecontent { background-color: #1e1e1e; }
/*团队*/





#mteam .content_list li { width: 1200px; height: 310px; margin-top: 80px; }
.fw p { text-align: left; }





/*案例--媒体查询*/







@media screen and (min-width:1441px) and (max-width:1920px) {
/* #indexPage #projectlist .projectitem { height: 300px; } */
/* #indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 { height: 300px; } */
.nobanner .npagePage #projectlist .projectitem { height: 240px; }
}
 @media screen and (min-width:1331px) and (max-width:1440px) {
/* #indexPage #projectlist .projectitem { height: 220px; } */
/* #indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 { height: 220px; } */
.nobanner .npagePage #projectlist .projectitem { height: 140px; }
}
 @media screen and (max-width:1330px) {
/* #indexPage #projectlist .projectitem { height: 200px; } */
/* #indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 { height: 200px; } */
.nobanner .npagePage #projectlist .projectitem { height: 180px; }
}
/*线*/



.postbody hr { border-top: 1px dotted rgba(211, 211, 211, 0.26); }
#sitecontent .npagePage #servicelist .serviceitem a img { display: block; background-color: #1b1b1b; }
.npagePage #servicelist .serviceitem div { width: 100%; margin: 0px; }
.npagePage #servicelist .serviceitem div p.description { width: 100%; }
#sitecontent .npagePage #servicelist:hover .serviceitem:hover a img { display: block; }
.Pageservice #servicelist .serviceitem div p.title { display: block; width: 100%; }
.npagePage #servicelist .serviceitem { margin: 0 35px; margin: 0 10px; background-color: #2B2B2B; padding: 20px; margin-bottom: 20px; }
#newsPage #newslist .newstitem .newsbody .description::after { display: none; }
#newsPage #newslist .newstitem .news_wrapper { left: 380px; }
#newsPage #newslist .newstitem .newsimg { left: 30px }
#indexPage #mteam .bx-wrapper .bx-pager-item { width: 3px; height: 3px; background: #4e4e4e; position: relative; z-index: 6; float: left; border-color: transparent; margin: 12px; }
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active { width: 16px; height: 16px; top: -8px; left: -8px; z-index: -1; opacity: 0.6; margin: 0; background: rgba(71, 71, 71, 0.3); }
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a { border-color: transparent; width: 16px; position: absolute; height: 16px; top: -8px; left: -8px; z-index: -1; opacity: 0.6; margin: 0; }
/*合作伙伴*/







#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; width: 1060px }
#indexPage #mpartner .wrapper { width: 1060px; height: auto; }
#indexPage #mpartner .wrapper ul li { height: 80px; }
#indexPage #mpartner .wrapper ul li a { width: 120px; height: auto; margin-right: 12px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display: block; bottom: 40px; right: 0; }
#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: 772px; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a i { width: 40px; height: 40px; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 0px; background: url(http://resources.jsmo.xin/templates/upload/770/201609/icon.png)no-repeat -40px -146px; transition: all 0.4s ease 0s; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left: 0px; background: url(http://resources.jsmo.xin/templates/upload/770/201609/icon.png)no-repeat 0px -146px; transition: all 0.4s ease 0s; }
.teamitem { float: none; width: 100%; height: 240px; padding-bottom: 40px; background-color: #232323; margin-bottom: 30px; }
.teamitem:after { content: ''; display: block; clear: both; }
.npagePage #teamlist .teamitem a { float: left; margin-left: 20px; width: 240px; height: 240px; margin-top: 20px; }
.teamitem .teaminfo { float: left; width: 540px; margin-left: 60px; transition: all 0.6s ease 0s; }
.teamitem:hover .teaminfo { margin-left: 90px; }
.npagePage #teamlist .teamitem .title a { float: none; margin-left: 0px; width: auto; height: auto; }
.npagePage #teamlist .teamitem:hover .title a { color: #FFC000; }
.Pageanli #projectlist { width: 82%; float: right; margin-top: 100px; }
.Pageanli #category { width: 14%; float: left; margin-top:88px; position: fixed; left: 0px; background-color: #272727; margin-left: 30px; }
.Pageanli #category li { display: block; margin-bottom:0px; text-align: left;  }
.Pageanli #category a { text-align: left; display: block; margin:0px; }
.Pageanli #category li.hasmore div ul:after { content: ''; display: block; clear: both; }
.Pageanli #category li.hasmore { height: auto; }
.Pageanli #category li.hasmore div { position: inherit }
.Pageanli#mproject .content > .header { position: absolute; width: 14%; text-align: center; position: fixed; left: 0; padding: 20px 0; background-color: #171717; margin-top: 100px; margin-left: 30px; }
#projectshow2 { float: left; }
#projectinfo1, #projectinfo2 { width: 300px; padding: 0; border-top: 0; border-bottom: 1px solid #373737; box-shadow: none; }
#projecttags1 a, #projecttags2 a, #projecttags3 a, #projecttags4 a, #projecttags5 a { background: #242424; }
#projectimages1 img, #projectimages2 img, #projectimages3 img, #projectimages4 img, #projectimages5 img { margin-bottom: 10px; }
#projecttags2 a:hover { background-color: #FFC00C; color: #fff; }
.npagePage2 #projectlist .projectitem { width: 132px; margin-right: 10px; }
#projectshow1, #projectshow2 { width: 300px; }
#projectib2 #projectlist .projectitem a .project_info div { bottom: -10px; }
#projectib2 #projectlist #projectitem_1.projectitem a .project_info:hover div::after { display: none }
#projectib2 #projectlist .projectitem a .project_info:hover div::after { display: none }
#projectib2 #projectlist #projectitem.projectitem a .project_info div::after { display: none; }
#projectib2 #projectlist .projectitem a:hover .project_info p.subtitle::after { display: none }
#projectib2 #projectlist .projectitem a { height: 100px; }
#projectib2 #projectlist .projectitem { height: 160px; }
#projectib2 #projectlist .projectitem a .project_info p.title { font-size: 14px; }
#npagePage #projectlist .projectitem a .project_info p.title { height: 16px; line-height: 16px; }
#projectib2 #projectlist .projectitem a .project_info p.subtitle { color: #7D7D7D; }
#npagePage #projectlist .projectitem a .project_info p.subtitle { height: 16px; line-height: 16px; }
#projectib2 #projectlist #projectitem_5.projectitem a .project_info div::after { display: none }
/*首页服务*/



#indexPage #mservice .content { width: 1200px; position:initial; margin: 0 auto; }
#indexPage #mservice .content .header{position: absolute;left:3%;margin-bottom: 0px;margin-top: -36px;}
#indexPage #servicelist { width: 1200px;}
#sitecontent #indexPage #servicelist .serviceitem a img { position: inherit; right: auto; top: auto; float: left; height: auto; width: 100%; }
#indexPage #servicelist .serviceitem div { position: absolute; top: auto; left: 0px; margin: 0px; right: auto; bottom: 0px; width: auto; float: none; padding: 18px 20px; background-color: rgba(0,0,0,0.6); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #servicelist .serviceitem:hover div{padding: 48px 20px;}
#indexPage #servicelist .serviceitem { width: 360px; height: 460px; margin-right: 30px }
#indexPage #servicelist .serviceitem a:after { display: block; content: ''; clear: both; }
#sitecontent #servicelist:hover .serviceitem:hover a img { display: block; }
#indexPage #servicelist .serviceitem div p.description { width: calc(100% - 60px); height: 48px; margin:10px 0;}
#indexPage #mservice .content_list:after { display: block; content: ''; clear: both; width: 0px }
#indexPage #mservice .wrapper .content_list { width: 1230px; padding: 80px 0 120px 0; }
#servicelist .serviceitem div p.title { width: calc(100% - 60px); }
#mteam .content_list li::after { content: ""; display: block; width: 234px; height: 240px; border: 6px solid #353535; position: absolute; top: -80px; left: 205px; z-index: -1; }
#mpartner .bx-wrapper .bx-pager.bx-default-pager a { width: 6px; height: 6px; border-radius: 5px;}
#indexPage #mpartner .bx-wrapper .bx-pager { bottom: -34px; }
#sitecontent .npagePage .teamitem a.details { display: block; height: 40px; width: 160px; border: 1px solid rgba(255, 255, 255, 0.14); text-align: center; text-indent: 0px; line-height: 40px; position: absolute; top: 170px; left: 300px; font-size: 14px; color: #979797; opacity: 0; }
#sitecontent .npagePage .teamitem:hover a.details { opacity: 1; margin-left: 50px; color: rgba(255, 255, 255, 0.7); }
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { font-size: 16px; }
#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details { border-radius: 0px; }
#indexPage #mteam a.details { display: block; width: 60px; height: 32px; text-indent: 80px; line-height: 32px; overflow: hidden; position: absolute; left: 524px; top: 90px; margin-top: 50px; border: 1px solid rgba(151, 151, 151, 0); background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -32px -180px; transition: all 0.4s ease 0s; }
#indexPage #mteam a:hover.details { background: url(http://resources.jsmo.xin/templates/upload/938/201610/icon.png)no-repeat -32px -214px; background-color: #333; }

#mteam .content .header p.subtitle{color: #605555;}
#indexPage #mpage{ background-color:#161616;}



#mpage .module-content a.more:hover{color: #202020; }
#mpage .module-content a.more:hover i{color: #202020; }


/*加载背景颜色*/

.netmask.loading div i{background-color:#111;}
.bx-wrapper .bx-loading{background-color:#111;}



.mvideo_title{color:rgba(255,255,255,0.8);}
.mvideo_subtitle{color:#818181;}
.mvideo_more{background-color: transparent;border-color: #4b4b4b;color: rgba(255,255,255,0.5);}

.mvideom.mvideom01 .bx-wrapper .bx-controls-direction a{display: none;}





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

.bodyindex #indexPage #category a.more:hover {
    background: #50a4fe;
    color: #FFFFFF;
    transition: 0.3s;
    transform-origin: bottom;
    border: none;
}

#indexPage a.more:hover i {
    display: none;
}
#category a:nth-last-child(2)::after {
    display: 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: 71%;
}
.Pageanli #projectlist .projectitem .project_img {
    padding-top: 67%;
}
#indexPage #mservice .serviceitem .service_img {
	padding-top: 128%;
}
#mteam .content_list li .header a {
	padding-top: 100%;
}
#mpartner .content_list li .par_img {
	padding-top: 50%;
}
#teamlist .teamitem .teamimg {
	padding-top: 22%;
    float: left;
    width: 240px;
}
#servicelist .serviceitem .service_img {
	padding-top: 137%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#sitecontent #indexPage #servicelist .serviceitem a img {
	position: absolute;
	top: 0;
}
#mteam .content_list li {
	margin-top: 80px !important;
}
#indexPage #mpartner .wrapper ul li {
	height: 60px;
}
#indexPage #mpartner .module-content {
	padding: 70px 0;
    height: 60px;
}
#mpartner .bx-viewport {
	padding: 0;
}
.Pageteam #teamlist .teamitem a {
	width: 100%;
}
#sitecontent .Pageservice #servicelist .serviceitem a img {
	top: 0;
    left: 0;
    position: absolute;
}
#newsPage #newslist .newstitem a.newscontent {
	border: none;
}
#indexPage #mpage a.more:hover i {
    display: inline-block;
}
#header ul li.navitem ul.subnav li a i {
    margin-top: 4px;
}
.Pageteam .teamitem .teaminfo .title {
    color: #d2d2d2;
}
.Pageteam .teamitem .teaminfo {
    margin-top: 30px;
}
#indexPage #newslist .newstitem.left a.newscontent,
#indexPage #newslist .newstitem .newsimg {
    width: 100%;
}
#indexPage #mslider ul li p.title,
#indexPage #mslider ul li p.subtitle {
    text-align: center;
    margin: 0;
    padding: 0;
    width: auto;
}
#indexPage .module.mvideom {
    background-color: #1e1e1e;
}
.Pagevideo #videomlist {
    width: 82%;
    float: right;
    margin-top: 100px;
}
.Pagevideo.mvideom.mvideom01 .videom_item {
    width: calc(24% - 20px);
}
.Pagevideo .content > .mvideo_header#plheader {
    position: absolute;
    width: 14%;
    text-align: center;
    position: fixed;
    left: 0;
    padding: 20px 0;
    background-color: #171717;
    margin-top: 100px;
    margin-left: 30px;;
}
.Pagevideo #category {
    width: 14%;
    float: left;
    margin-top: 88px;
    position: fixed;
    left: 0px;
    background-color: #272727;
    margin-left: 30px;
}
.Pagevideo #category li {
    display: block;
    margin-bottom: 0px;
    text-align: left;
}
.Pagevideo .mvideo_title,
.Pagevideo .mvideo_subtitle {
    text-align: left;
    padding: 0 20px;
}
.npagePage {
    padding-bottom: 40px;
}
#indexPage #projectlist .projectitem,
.nobanner .npagePage #projectlist .projectitem {
    height: auto;
}
/* 2019.08.08 yyq 4-5 */