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

@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
@font-face {font-family: 'FontAwesome';src: url('fonts/fontawesome-webfont.eot?v=4.3.0');src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}


.PageTurnBtn{ text-align:center; padding:120px 0;margin-top:-60px}
.PageTurnBtn a,.PageTurnBtn span{ color:#999999;display:inline-block; padding:0 15px; font-size:14px; height:36px; line-height:36px;vertical-align:top}
.PageTurnBtn a:hover{color:#84cc26}
.PageTurnBtn span{ background:#84cc26; color:#fff}
.PageTurnBtn a i,.PageTurnBtn a b{font: normal normal normal 24px/1 FontAwesome; line-height:34px;}
.PageTurnBtn a i:before{ content:'\f105';}
.PageTurnBtn a b:before{ content:'\f104';}
/*首页幻灯*/







.bx-wrapper .bx-controls-direction a { background: rgba(57, 57, 57, 0.2); border-radius: 0px; }
.bx-wrapper .bx-controls-direction a:hover { background: #84cc26; }
#mslider .sliderArrow { background-image: url(../Images/mouse1.png); width: 20px; height: 37px; 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%; margin-left: -10px; color: transparent; font-size: 0; }
#indexPage #mslider .bx-wrapper .bx-pager { bottom: 60px; }
#indexPage .module.bgShow { background-attachment: scroll; }
#indexPage #mslider ul li a { position: relative; z-index: 0 }




/*导航*/
#header ul li.navitem a.active, #header ul li.navitem:hover a { padding: 10px 30px; color: #fff; background: #84cc26; }
#header.mini { background: #fff; padding-top: 0px; }
#header .content { padding-left: 0px; padding-right: 0px; }
#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: transparent; }
#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(1, 1); }
#header ul li.navitem a { color: #999; padding: 10px 30px; display: block; }
#header ul li.navitem { padding: 20px 0.5px; height: auto; line-height: 20px; }
.nobanner #header { background: #fff; }
.lowB #header { background: #FFF; }
#indexPage a.more { height: 40px; font-size: 14px; line-height: 40px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; color: #84cc26; border-color: rgba(0,0,0,.2); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; width: 220px; }
#indexPage a.more i { font-size: 20px; top: 1px; position: relative; }
#indexPage a.more:hover { border-color: #e9e9e9; text-indent: 0px; text-align: center; background-color: #a2ee3f; color: #fff; }
#indexPage a.more:hover i { color: #fff; }
#indexPage #mpartner .slider_control a:hover { background-color: #424242 }

.bx-wrapper .bx-controls-direction a:hover { background-color: #84cc26 }



/*导航下拉菜单 */
#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: #fff; 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: #EDEDED; color: #484848; }
#header ul li.navitem ul.subnav { border-top: 3px solid #7B7B7B; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid #FFF; }




#indexPage a.more i { font-size: 20px; top: 1px; position: relative; }
#indexPage a.more { height: 40px; font-size: 14px; line-height: 40x; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; color: #fff; border-color: rgba(0,0,0,.2); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; width: 220px; background-color: #84cc26; }
.bx-pager { display: none; }





.module.mcounter ul.content_list li div { border-right: 1px solid #e9e9e9 }
.module.mcounter ul.content_list li:last-child div{ border-right:none}
.module.mcounter ul.content_list li p { color: #b3b3b3; text-align: center; font-size: 14px }
.module.mcounter ul.content_list li p.number .counterDX { margin-top: 15px; color: #666; text-align: center; font-size: 54px; font-family: HELVETICANEUELTPRO-THEX, Arial }.module.mcounter ul.content_list li p.number .unit { font-size: 14px; vertical-align:25px; margin-left:8px }
.module.mcustomize .module_container{ padding-top:0; padding-bottom:0}
.module.mcustomize .content_list.flex { display:flex; align-items:center}
.module.mcustomize .content_list.flex.flex-start{ align-items:flex-start}
.module.mcustomize .content_list .image img{ margin: 0 auto; display:block}
.module.mcustomize .content_list .description{ line-height:24px}
.module.mcustomize .content_list.flex .custitem > .wrapper >.description{ padding:80px;}
.module.mcustomize .content_list.flex .custitem > .wrapper >.mlist{ padding:80px;}
.module.mcustomize .content_list.flex .custitem > .wrapper >.mlist .container_header{ max-width:none}
.module.mcustomize .content_list .custitem:nth-of-type(1){animation-name: fadeInLeft;}
.module.mcustomize .content_list .custitem:nth-of-type(2){animation-name: fadeInRight;}
.module.yyform .form_item{margin-bottom:30px;}
.module.yyform .form_content{padding: 18px 25px;border: 1px solid #d1d1d1;box-sizing: border-box; transition:all ease-in-out .2s}
.module.yyform .form_content.focus{border-color: #585858;}
.module.yyform .form_content.error{border-color: #ee2323;}
.module.yyform .form_content .form_content_item{width:100%; max-width:100%; outline:0; resize:none}
.module.yyform .codeContent .form_content{ float:left; padding-top:10px; padding-bottom:10px}
.module.yyform .codeContent .codeimg{ float:left; margin:2px 10px 0 10px; cursor:pointer}
.module.yyform .form_item_submit{ margin-bottom:60px}
.module.yyform .form_submit{cursor:pointer; border-radius:0}
.module.yyform .module_container .more.white{ border-color:#232323}
.agent-desktop .module.yyform .form_submit.more.white:hover input{ color:#fff}






/*首页案例*/




#indexPage #mproject{background-color:#FFFFFF;padding-top:10px}
#indexPage #projectlist .content_list{margin:0 auto !important;}
#projectlist #projectitem_0 { width: 520px; height: 520px; }
#projectlist #projectitem_0 .project_info { top: 520px; background-color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#projectlist #projectitem_0:hover .project_info { top: 370px; background-color: #fff; }
#projectlist #projectitem_0 a .project_info p.subtitle { color: #8D8D8D; font-size: 12px; transition: all ease-out .3s; line-height: 24px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#projectlist .projectitem { width: 260px; height: 520px; background: none; transition: all ease-out .3s; overflow: hidden; }
#projectlist .projectitem img { position: absolute; }
#projectlist .projectitem a .project_info p.subtitle { border-bottom: 1px solid #f0f0f0; margin-top: 0px; color: #8D8D8D; line-height: 20px; text-align: left; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 20px; }
#projectlist .projectitem a .project_info div { margin-top: 0px; top: 0px; }
#projectlist .projectitem a .project_info::before { position: absolute; width: 20px; height: 20px; margin-top: 6px; margin-left: 120px; background-color: #f8f8f8; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
#projectlist .projectitem a:hover .project_info::before { margin-top: -10px; background-color: #fff; }
#projectlist #projectitem_2 a .project_info::before, #projectlist #projectitem_4 a .project_info::before { top: 228px; }
#projectlist #projectitem_2 a:hover .project_info::before, #projectlist #projectitem_4 a:hover .project_info::before { top: 260px; }
#projectlist #projectitem_1 a .project_info { top: 260px; }
#projectlist #projectitem_2 a img { top: 260px; }
#projectlist #projectitem_3 a .project_info { top: 260px; }
#projectlist #projectitem_4 a img { top: 260px; }
#projectlist .projectitem a .project_info { height: 260px; background: #f8f8f8; }
#projectlist .projectitem a .project_info p.title { color: #1c1c1c; margin-top: 0px; height: 40px; line-height: 40px; padding-top: 20px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#projectlist .projectitem:hover { box-shadow: 0px 30px 20px rgba(0,0,0,.1); z-index: 5; }
#projectlist .projectitem a:hover .project_info { background: #fff; }
#projectlist .projectitem a:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
#projectlist .projectitem a:hover .project_info p.title { color: #1c1c1c; }
#projectlist .projectitem a:hover .project_info p.subtitle { color: #7E7E7E; font-size: 12px; }
#indexPage #mproject .content .header { padding-bottom: 2%; }
#indexPage #mproject .content { width: 1560px; left: 50%; margin-left: -781px; margin-top: -303px; height: 606x; overflow: hidden }
 @media screen and (max-width:1560px) {
#indexPage #mproject .content { width: 1300px; margin-left: -650px }
}
 @media screen and (max-width:1300px) {
#indexPage #mproject .content { width: 1040px; margin-left: -520px }
}

#indexPage .module.bgShow .bgmask { display: none; }
#indexPage #mproject .content .header p { text-align: left; }
#indexPage #mproject .hide { display: block; }
#indexPage #mproject #category { text-align: right; }
#indexPage #mproject #category a { border: none; }
#projectlist #projectitem_1 .project_info div::after, #projectlist #projectitem_2 .project_info div::after, #projectlist #projectitem_3 .project_info div::after, #projectlist #projectitem_4 .project_info div::after { content: 'MORE'; width: 100px; height: 30px; line-height: 30px; display: block; text-align: center; margin-top: 228px; color: #fff; background: #CBCBCB; border: 1px solid rgba(255,255,255,.1); transition: all 0.3s ease-out 0s; position: absolute; top: 0; }
#projectlist .projectitem a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../Images/jia.png); margin: 0 auto; display: inline-block; position: absolute; top: 0px; left: 110px; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
#projectlist #projectitem_1:hover a::after, #projectlist #projectitem_2:hover a::after, #projectlist #projectitem_3:hover a::after, #projectlist #projectitem_4:hover a::after { opacity: 1; top: 110px; }
#projectlist #projectitem_0 a::after { left: 240px; }
#projectlist #projectitem_0:hover a::after { opacity: 1; top: 160px; }
#projectlist #projectitem_2 a::after, #projectlist #projectitem_4 a::after { top: 260px; }
#projectlist #projectitem_2:hover a::after, #projectlist #projectitem_4:hover a::after { top: 370px; }
 #projectlist #projectitem_1 .project_info img::after i {
 font-size:16px;
 color:#fff;
}
#projectlist #projectitem_1:hover .project_info div::after, #projectlist #projectitem_2:hover .project_info div::after, #projectlist #projectitem_3:hover .project_info div::after, #projectlist #projectitem_4:hover .project_info div::after { background: #84cc26; }
#indexPage #mproject a.more { width: 130px; height: 30px; border-radius: 0px; text-align: center; font-size: 12px; color: #fff; text-indent: 0; line-height: 30px; display: block; position: absolute; right: 0; top: 0; margin: 20px 0; }
#indexPage #mproject #category { position: absolute; top: 20px; display: block; animation-name: fadeInUp; right: 150px }

#projectlist .projectitem a::before { position: absolute; content: ""; width: 220px; height: 220px; margin-top: 19px; z-index: 10; border: 1px solid transparent; margin-left: 19px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#projectlist #projectitem_1:hover a::before, #projectlist #projectitem_2:hover a::before, #projectlist #projectitem_3:hover a::before, #projectlist #projectitem_4:hover a::before { border: 1px solid #fff; }
#projectlist #projectitem_0 a::before { position: absolute; width: 480px; height: 318px; border: 1px solid transparent; margin-top: 20px; margin-left: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#projectlist #projectitem_0:hover a::before { border: 1px solid #fff; }
#projectlist #projectitem_2 a::before, #projectlist #projectitem_4 a::before { top: 260px; }
#projectitem_1 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_2 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_3 { animation-name: fadeInUp; animation-delay: 0.3s; }
#projectitem_4 { animation-name: fadeInUp; animation-delay: 0.4s; }
#indexPage #mproject .content .wrapper { height: 520px; overflow: hidden; }
#projectlist .projectitem a .project_info p { width: auto; padding: 0 20px; margin-top: 20px; color: #8D8D8D; font-size: 12px; transition: all ease-out .3s; line-height: 24px; text-align: left; height: 72px; overflow: hidden; }
/*首页关于我们*/







#indexPage #mpage .wrapper li .fimg { width: 50%; height: 1024px; background-size: auto; }
#mpage .content .header { width: 50%; float: right; padding-top: 4%; padding-bottom: 0; }
#mpage .content .header p { text-align: left; text-indent: 20%; }
#mpage .module-content .description { max-height: 108px; height: auto; line-height: 27px; padding-right: 10.1%; padding-left: 10.1%; float: right; width: 30%; text-align: left; }
#indexPage #mpage a.more { width: 12%; height: 40px; border-radius: 0px; text-align: center; font-size: 12px; text-indent: 0; line-height: 40px; float: right; margin-left: 10.1%; margin-right: 28%; }
#mpage .module-content .slider li { position: relative; }
#mpage .content .header::after { content: ''; width: 25px; height: 1px; background: #AAA; margin: 3% 0 3% 20%; display: block; }
#indexPage a.more i { font-size: 18px; }
#indexPage a.more:hover i { text-align: 13px; font-size: 18px; color: #fff; }
#indexPage #mpage::before { position: absolute; content: ""; width: 44%; height: 81%; margin-top: 5%; border: 1px solid rgba(0,0,0,0.1); right: 3%; margin-bottom: 4%; }
/*首页新闻*/


 @media screen and (max-width:1560px) {
#indexPage #mnews .content { width: 1300px; margin-left: -650px }
}
 @media screen and (max-width:1300px) {
#indexPage #mnews .content { width: 1040px; margin-left: -520px }
}

#newsitem_0 { animation-name: fadeInUp; animation-delay: 0.5s; }
#indexPage #mnews .content { margin-top: 0px; }
#indexPage #mnews .header p.subtitle { text-align: left; }
#newslist .newstitem.left .news_wrapper { left: 0; }
#newslist .newstitem.right .news_wrapper { right: 0 }
#newslist .newstitem.right a.newscontent .newsimg { left: 0 }
#newslist .newstitem.left a.newscontent { padding-left: 0 }
#newslist .newstitem.right a.newscontent { padding-left: inherit; top: 0; left: 10%; }
#newslist .newstitem.left a.newscontent:hover { padding-left: 0 }
#newslist .newstitem .news_wrapper { width: 580px; height: 300px; background-color: #039dff; }
#newslist .newsbody { width: 100%; max-width: 100%; vertical-align: top; margin-top: 40px; }
#newslist .newstitem a.newscontent { height: 600px; width: 580px; top: 50%; }
#newslist .newstitem .newsimg { width: 580px; height: 240px; top: 300px; }
#indexPage #mnews .bx-controls, #indexPage #mnews .content .header, .bx-wrapper .bx-controls-direction a.disabled { display: block; }
#newslist .newstitem a.newscontent:hover .news_wrapper { width: 580px; background: #22a9ff; }
#newslist .newstitem.left a.newscontent { padding-left: inherit; top: 0; left: 10%; }
#newslist .newstitem.left a.newscontent:hover { padding-left: inherit; }
#indexPage #mnews .content .header { position: absolute; top: 16%; left: 5%; }
#newslist .newsbody::after { content: 'MORE'; width: 210px; height: 40px; border-radius: 0px; background: rgba(255,255,255,0.2); text-align: center; font-size: 12px; color: #fff; text-indent: 0; line-height: 40px; margin: 0 auto; position: absolute; top: 225px; right: 53%; }
#newslist .newsbody .date { width: 110px; height: 78px; background: #373737; color: #fff; padding-top: 42px; position: absolute; top: 0px; left: -19%; text-align: center; font-size: 24px; }
#newslist .newsbody .title { font-size: 16px; color: #fff; line-height: 80px; height: 80px; padding: 0 166px 0 60px; border-bottom: 1px solid #47b8ff; overflow: hidden; }
#newslist .newsbody .description { line-height: 24px; padding: 0 166px 0 60px; width: 354px; color: #fff; height: 48px; overflow: hidden; margin-top: 24px; text-align: left; }
#newslist .separator { display: none; }
#newslist .newstitem a.newscontent { text-align: left; }
#mnews .module-content .bx-controls-direction a { width: 290px; height: 60px; border-radius: 0; background-color: rgba(0,0,0,.1); text-align: center; line-height: 60px; }
#mnews .module-content .bx-controls-direction a i { margin-top: 15px; }
#mnews .bx-wrapper .bx-controls-direction a:hover { background-color: #868686; }
#mnews .module-content .bx-controls-direction a.bx-prev { left: 50%; right: inherit; top: 560px; margin-left: 0px; }
#mnews .module-content .bx-controls-direction a.bx-next { margin-left: 290px; left: 50%; top: 560px; }
#newslist .bx-viewport { margin-left: 40%; overflow: hidden; }
.md span { display: none; }
.md, .year { display: block; text-align: center; position: absolute; font-family: 'HELVETICANEUELTPRO-THEX'; }
#newslist .newsbody .md { width: 54px; margin-left: -27px; left: 50%; top: 68px; color: #989898; font-size: 13px; font-weight: initial; }
#newslist .newsbody .year { top: 40px; margin-left: -37px; left: 50%; font-weight: initial; }
.newstitem { animation-name: fadeInUp; animation-delay: 0.2s; }

/*首页团队*/


 @media screen and (max-width:1560px) {
#indexPage #mteam .content { width: 1300px; margin-left: -650px }
}
 @media screen and (max-width:1300px) {
#indexPage mteam .content { width: 1040px; margin-left: -520px }
}


#indexPage #mteam {padding-top: 250px; height: auto; padding-bottom: 200px; }
#indexPage #mteam .content { padding-bottom: 0px;}



#indexPage #mteam { background-color: #f9f9f9; }
#indexPage #mteam .content { margin-top: 50px; max-width:1560px;margin: 0 auto}
#indexPage #mteam .content > .header { display: block; margin-top: -160px; }
#indexPage #mteam .content > .header .title { position: relative; font-size: 26px; text-align: left;color: #fff; }
#indexPage #mteam .content > .header .subtitle {  position: relative; text-align: left; color: #fff;}
#mteam .content_list li { width: 360px; background: #f8f8f8;box-shadow: 0px 0px 10px #e6e6e6; }
#mteam .module-content .description { width: auto; overflow: hidden; }
#mteam .module-content .bx-wrapper .bx-controls-direction a { border-radius: 0; background: #dedede; width: 60px; height: 60px; }
#mteam .module-content .bx-wrapper .bx-controls-direction a i { display: block; margin: 0px; }
#mteam .module-content .bx-wrapper .bx-controls-direction a:hover { background: #84cc26; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-prev i::before, #mteam .module-content .bx-wrapper .bx-controls-direction .bx-next i::before { content: ''; width: 60px; height: 60px; display: block; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-prev i::before { background: url(../Images/ico-img001.png) no-repeat 0px 0px; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-next i::before { background: url(../Images/ico-img001.png) no-repeat -62px 0px; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-prev:hover i::before { background: url(../Images/ico-img001.png) no-repeat 0px -60px; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-next:hover i::before { background: url(../Images/ico-img001.png) no-repeat -62px -60px; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-next { right: -60px; top: 180px; }
#mteam .module-content .bx-wrapper .bx-controls-direction .bx-prev { left: -60px; top: 180px; }
#mteam .module-content { width: 1300px;  }
#indexPage #mteam .module-content .header { width: 100%; }
#indexPage #mteam .module-content .header img { border-radius: 0px; margin: 0 auto; transition: all ease-out .3s; width: 100%; height: auto; }
#indexPage #mteam .module-content .header a { position: relative; display: block; background-color: #1E1E1E; overflow: hidden; height: 265px; max-height: 265px; }
#indexPage #mteam .module-content .header a::after {  width: 40px; height: 40px; line-height: 40px; background: url(../Images/jia.png); display: inline-block; position: absolute; top: 0%; left: 50%; margin-left: -20px; margin-top: -20px; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
#indexPage #mteam .content_list li:hover .header a::after { opacity: 1; top: 50%; }
#indexPage #mteam .content_list li:hover .header img { transform: scale(1.1, 1.1); }
#indexPage #mteam .module-content .header a::before { position: absolute; content: ""; width: 90%; height: 180px; margin-top: 5%; z-index: 10; border: 1px solid transparent; margin-left: 5%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#mteam .module-content .summary { width: 100%; margin-top: 20px; }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .summary p.title { color: #1c1c1c; font-size: 18px; height: 24px; line-height: 24px; padding: 0 30px;text-align:center }
#indexPage #mteam .summary p.subtitle { color: #9f9f9f; height: 18px; line-height: 18px; padding: 0 30px; margin-bottom: 16px; }
#indexPage #mteam .description { margin: 0px 0px 30px; padding: 16px 30px 0; border-top: 1px solid #f0f0f0; color: #a4a4a4;height: 76px; }
#teamitem_0 { animation-name: fadeInUp; animation-delay: 0s; }
#teamitem_1 { animation-name: fadeInUp; animation-delay: 0.1s; }
#teamitem_2 { animation-name: fadeInUp; animation-delay: 0.2s; }
/*首页服务*/




 @media screen and (max-width:1560px) {
#indexPage #mservice .content { width: 1300px; margin-left: -650px }
}
 @media screen and (max-width:1300px) {
#indexPage #mservice .content { width: 1040px; margin-left: -520px }
}
#indexPage #mservice a.more { width: 130px; height: 30px; border-radius: 0px; text-align: center; font-size: 12px; color: #fff; text-indent: 0; line-height: 30px; display: block; position: absolute; right: 0; top: 0; margin: 20px 0; }

#indexPage #mservice #category { position: absolute; top: 20px; display: block; animation-name: fadeInUp; right: 0px }



#indexPage #mservice .content { margin-top: 50px; max-width:1560px;margin: 0 auto}
#indexPage #mservice .content > .header { display: block; margin-bottom: 50px; }
#indexPage #mservicem .content > .header .title { position: relative; font-size: 26px; text-align: left; margin-top: -30px;color: #1c1c1c; margin-bottom: 16px; }
#indexPage #mservice .content > .header .subtitle {  position: relative; text-align: left; }

#indexPage #mservice div p.title { margin-top: -30px; }
#indexPage #mservice div p.date{font-size: 13px; color: #848484; text-align: left; margin-top: -10px; }



#servicelist { width: 1200px; }
#servicelist .serviceitem a img { float: left; width: 600px; margin-left: 70px; }
#servicelist .serviceitem div { margin-top: 80px; text-align: left; width: 400px; margin-right: 56px; float: right; }
#servicelist .serviceitem div p.description { text-align: left; color: #848484; line-height: 24px; margin-top: 50px; height: 80px;}
#servicelist .serviceitem div p.title { font-size: 16px; color: #1c1c1c; margin-bottom: 16px; text-align: left;  }

#servicelist .serviceitem:hover .title { color: #1c1c1c; text-align: left; }
#servicelist .serviceitem div::after { content: ''; width: 400px; height: 0; border-bottom: 1px solid #DDD; display: block; position: absolute; top: 136px; }
#indexPage #mservice .serviceitem a::after { content: 'MORE'; width: 180px; height: 40px; border-radius: 0px; background: #84cc26; text-align: center; font-size: 12px; color: #fff; text-indent: 0; line-height: 40px; margin: 0 auto; position: absolute; top: 18px; left: 8px; border: 0px; font-family: 'HELVETICANEUELTPRO-THEX'; }
#mservice .module-content .bx-wrapper .bx-controls-direction a { border-radius: 0; background: #f0f0f0; width: 60px; height: 60px; }
#mservice .module-content .bx-wrapper .bx-controls-direction a i { display: block; margin: 0px; }
#mservice .module-content .bx-wrapper .bx-controls-direction a:hover { background: #84cc26; }
#mservice .module-content .bx-wrapper .bx-controls-direction .bx-prev i::before, #mservice .module-content .bx-wrapper .bx-controls-direction .bx-next i::before { content: ''; width: 60px; height: 60px; display: block; }
#mservice .module-content .bx-wrapper .bx-controls-direction .bx-prev i::before { background: url(../Images/ico-img001.png) no-repeat 0px 0px; }
#mservice .module-content .bx-wrapper .bx-controls-direction .bx-next i::before { background: url(../Images/ico-img001.png) no-repeat -62px 0px; }
#mservice .module-content .bx-wrapper .bx-controls-direction .bx-prev:hover i::before { background: url(../Images/ico-img001.png) no-repeat 0px -60px; }
#mservice .module-content .bx-wrapper .bx-controls-direction .bx-next:hover i::before { background: url(../Images/ico-img001.png) no-repeat -62px -60px; }
#indexPage #mservice .module-content .bx-wrapper .bx-controls-direction .bx-next { right: 319px; top: 88%; }
#indexPage #mservice .module-content .bx-wrapper .bx-controls-direction .bx-prev { left: 760px; top: 88%; }
#mservice .content .header p { text-align: left; position: relative;}
#indexPage #mservice a.more { display: none }
/*合作伙伴*/
#indexPage #mpartner{margin-top:200px}
#indexPage #mpartner .content .header{ display:none;}
#indexPage #mpartner .module-content{padding:60px 0; height:80px;}
#indexPage #mpartner .wrapper{ height:auto;}
#indexPage #mpartner .wrapper ul li{ height:auto; padding-top:0px;}
#indexPage #mpartner .wrapper ul li a{width:120px; height:auto; margin:0 2px; margin-bottom:10px; }
#indexPage #mpartner .bx-wrapper .bx-pager{ display:none;}
#indexPage #mpartner .bx-wrapper .bx-controls-direction{ display:block;}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled{ display:block;}
#mpartner .bx-wrapper .bx-controls-direction a{background:none; }
#mpartner .bx-wrapper .bx-controls-direction a i{color:#c3c6ca;}
#mpartner .bx-wrapper .bx-controls-direction a:hover{ background:#5d5d5d;}
#mpartner .bx-wrapper .bx-controls-direction a:hover i{color:#fff;}
#indexPage #mpartner .bx-wrapper .bx-prev{ left:-58px;}
#indexPage #mpartner .bx-wrapper .bx-next{right:-58px;}
#indexPage #mpartner .module-content{ width:1020px;}
#indexPage #mpartner .wrapper{width:1020px;}

#indexPage #mpartner .wrapper .bx-controls-direction a{top:56%;}

/*首页联系*/






/*快捷菜单*/



#moduleControl #moduleCItem_1:hover::after, #moduleControl #moduleCItem_1.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "02"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_2:hover::after, #moduleControl #moduleCItem_2.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "03"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_3:hover::after, #moduleControl #moduleCItem_3.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "04"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_4:hover::after, #moduleControl #moduleCItem_4.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "05"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_5:hover::after, #moduleControl #moduleCItem_5.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "06"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_6:hover::after, #moduleControl #moduleCItem_6.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "07"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_7:hover::after, #moduleControl #moduleCItem_7.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "08"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl #moduleCItem_8:hover::after, #moduleControl #moduleCItem_8.active::after { position: absolute; font-family: "HELVETICANEUELTPRO-THEX"; content: "09"; color: #939393; font-size: 18px; text-align: right; right: 30px; line-height: 18px; bottom: 13px; width: 10px; height: 1px; }
#moduleControl a.moduleCItem { margin-bottom: 10px; border-radius: 10px; width: 11px; height: 11px; position: relative; }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: transparent; border: 2px solid #5a5a5a; }
#moduleControl a.moduleCItem:hover::before, #moduleControl a.moduleCItem.active::before { position: absolute; content: ""; background: transparent; }
#moduleControl a.moduleCItem { border: 2px solid transparent; }
#moduleControl a.moduleCItem::before { position: absolute; content: ""; height: 3px; background: #a8a8a8; width: 3px; left: 0px; margin: 4px 0 0 4px; border-radius: 3px; }
#moduleControl a.moduleCItem:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }
#indexPage .module.bgShow .bgmask { background-color: transparent; }
#indexPage #mservice .bgmask { background: url(http://resources.jsmo.xin/templates/upload/269/icon/dot.png) repeat; }
/*案例内页*/

#category li.hasmore div ul { padding-top: 30px; text-align: right; margin-right: 5%; border-top: none; }
.npagePage #projectlist .projectitem { width: 19%; margin-bottom: 260px; height: auto; overflow: inherit; }
.npagePage #projectlist .projectitem a .project_info { background: none; height: 100%; }
.npagePage #projectlist .projectitem img { position: inherit; }
.npagePage #projectlist .projectitem a .project_info div { position: absolute; height: 240px; bottom: -240px; width: 100%; margin-top: 0; top: auto; background-color: #f8f8f8; transition: all 0.3s ease-out 0s; }
.npagePage #projectlist .projectitem:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0); }
.npagePage #projectlist .projectitem a .project_info::before { background-color: #f8f8f8; margin-top: 100%; margin-left: 50%; left: -10px; top: 10px; }
.npagePage #projectlist .projectitem a:hover .project_info::before { top: -10px; }
.npagePage #projectlist .projectitem a::after { left: -20px; margin-left: 50%; }
.npagePage #projectlist .projectitem:hover a::after { left: -20px; margin-left: 50%; opacity: 1; margin-top: 50%; top: -20px; }
.npagePage #projectlist .projectitem a::before { width: 90%; height: 90%; margin-top: 5%; margin-left: 5%; }
.npagePage #projectlist .projectitem:hover a::before { border: 1px solid #fff; }
.npagePage #projectlist .wrapper { margin-left: 5%; width: calc(90% - -1%);
}
#projectbody .postbody img { max-width: 880px; }
.npagePage #category { text-align: right; padding-bottom: 80px; width: auto; margin-top: -66px; margin-right: 5%; }
#category a.active, #category a:hover { background: #84cc26; border-color: #84cc26; }
#category a { border: #efefef 1px solid; background-color: #e9e9e9; color: #7A7A7A; }
.hide, .popup { display: block; }
/*团队内页*/



.Pageteam .content .header { padding-bottom: 70px; }
.teamitem { width: 350px; margin-right: 20px; background-color: #f8f8f8; margin-bottom: 20px; height: 280px; box-shadow: 0px 0px 10px #e6e6e6}
.teamitem a { max-height: 220px; height: 220px; width: 350px; }
.teamitem a img { height: auto; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.teamitem:hover a img { transform: scale(1.1, 1.1); }
.teamitem .teaminfo { text-align: left; margin-top: 20px; }
.teamitem .teaminfo .title { color: #1c1c1c; font-size: 18px; height: 24px; line-height: 24px; padding: 0 30px;text-align:center }
.teamitem .teaminfo .subtitle { color: #9f9f9f; height: 18px; line-height: 18px; padding: 0 30px; margin-bottom: 16px; }
.teamitem .teaminfo .description { padding: 16px 30px; font-size: 13px; line-height: 24px; height: 50px; border-top: 1px solid #ededed; }
.teamitem a div.wrap { background-color: #84cc26; width: 50px; margin-left: 50%; left: -25px; }
.teamitem:hover a div.wrap { transform: translate(0, -130px); }
#teamlist { width: 1090px; }
/*案例详情*/



#projectinfo .header p { margin-left: 0; }
#projectinfo .header::before { display: none; }
#projectinfo .header { position: fixed; padding: 30px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); border-bottom: none; width: 300px; border-top: 10px solid #84cc26; }
#projectwrap { padding-top: 20px; width: 1260px; }
#projectbody .postbody { padding: 0; }
#projecttags { float: none; margin-left: 0px; }
#projectib { margin-right: 0px; margin-left: 0px; width: 890px; padding-right: 370px; }
#projectib .projectitem { width: 168px; margin-bottom: 24px; }
#projecttags a:hover { color: #fff; background: #84cc26; }
#projectinfo .description a { background: #3d3d3d; color: #fff; }
/*服务详情*/



.Pageservice .content .header { padding-bottom: 100px; }
.npagePage #servicelist .serviceitem div::after { display: none; }
.npagePage #servicelist .serviceitem { width: 1000px; height: 230px; border-bottom: 1px solid #ECECEC; }
.npagePage #servicelist .serviceitem a { height: 180px; max-height: 180px; overflow: hidden; }
.npagePage #servicelist .serviceitem a img { float: none; width: 350px; height: auto; margin: 0 auto; }
.npagePage #servicelist .serviceitem div { margin-top: 10px; width: 610px; margin-right: 0px; float: right; }
#sitecontent .Pageservice a.details { display: block; height: 32px; width: 140px; border-radius: 0px; margin: -32px 0px 0px 390px; color: #fff; line-height: 30px; font-size: 14px; text-indent: 52px; border: #666 1px solid; background: #666; }
#sitecontent .serviceitem:hover a.details { border-color: #84cc26; text-indent: 40px; background-color: #84cc26; }
#indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .serviceitem:hover a.details i { text-indent: 13px; color: #fff; }
.npagePage #servicelist .serviceitem div p.description { margin-top: 16px; }
#sitecontent .default .content .header p.title { text-align: center; width: 1000px; margin: 0 auto; }
.nobanner #sitecontent .default .content .header::before { position: absolute; content: ""; width: 1000px; height: 1px; border-top: 1px solid #F0F0F0; text-align: center; margin-left: -500px; margin-top: 70px; left: 50%; }
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { font-size: 16px; }
/*公用*/


.postbody a { color: #84cc26; }
.fw { width: 1000px; }
.newsl .content .header { padding-bottom: 80px; width: 100%; }
.content .header { padding-bottom: 30px; }
.default .content .header { padding-bottom: 70px; }
.Pageyemian .content .header { padding-bottom: 70px; }
.npagePage #banner { height: 300px; }
.npagePage #banner div { height: 300px; }
.npagePage .content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 24px; text-align: center;  }
.npagePage .content .header p.subtitle { font-size: 14px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";  }
#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; border-top: 1px solid #F0F0F0; text-align: left; margin-left: 5%; margin-top: 70px; }
.postbody img { max-width: 1000px; }
#projectbody { padding-bottom: 40px; width: 880px; }
/*内页新闻*/

#sitecontent .newsl .content .header p.title { text-align: left; width: 1000px; margin: 0 auto; }
#sitecontent .newsl .content .header p.subtitle { text-align: left; width: 1000px; margin: 0 auto; }
.nobanner #sitecontent .newsl .content .header::before { position: absolute; content: ""; width: 1000px; height: 1px; border-top: 1px solid #F0F0F0; text-align: center; margin-left: -500px; margin-top: 70px; left: 50%; }
#newsPage .content #newslist:after { content: ''; height: 95%; border-left: 1px solid #f0f0f0; position: absolute; top: 150px; z-index: 0; margin-left: 135px }
.npagePage #newslist { width: 1120px; margin: 0 auto; }
.npagePage #newslist .newstitem a.newscontent { width: 1120px; height: 125px; left: 0px; margin-top: 60px; }
.npagePage #newslist .newstitem.right a.newscontent, .npagePage #newslist .newstitem.left a.newscontent { padding: 0 }
.npagePage #newslist .newstitem .news_wrapper { width: 610px; height: 125px; position: inherit; float: right; background-color: inherit; }
.npagePage #newslist .newstitem a.newscontent:hover .news_wrapper { background-color: inherit; }
.Pagenews #pages { padding: 60px 0; text-align: left; width: 775px; margin: 0 auto; }
.npagePage #newslist .newstitem a.newscontent:hover .news_wrapper { width: 610px; }
.npagePage #newslist .newstitem .newsimg { width: 300px; height: 125px; float: left; position: inherit; top: 0px; margin-left: 172px; background-color: #f8f8f8; }
.npagePage #newslist .newsbody:after { display: none; }
.npagePage #newslist .newsbody { margin-top: 0px; }
.npagePage #newslist .newsbody .title { height: 56px; line-height: 56px; color: #292929; font-size: 16px; border: 0px; padding: 0px; transition: all 0.3s ease-out 0s; }
.npagePage #newslist .newstitem:hover .newsbody .title { color: #84cc26; }
.npagePage #newslist .newsbody .description { margin-top: 8px; width: 560px; color: #828282; font-size: 13px; padding: 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.npagePage #newslist .newsbody .date { background: none; left: -510px; }
.npagePage #newslist .newsbody .date:after { content: ''; height: 9px; width: 9px; border: 2px solid #979797; background: #fff; display: block; border-radius: 16px; position: absolute; top: 34%; right: -32px; }
.npagePage #newslist .newstitem a.newscontent:hover .date:after { border-color: #84cc26; }
.npagePage #newslist .newsbody .md { color: #838383; left: 67%; top: 54px }
.npagePage #newslist .newsbody .year { color: #000; top: 24px; width: 74px; display: block; }
/*关于内页*/

#sitecontent .Pageyemian .content .header p.title { text-align: left; width: 1000px; margin: 0 auto; }
#sitecontent .Pageyemian .content .header p.subtitle { text-align: left; width: 1000px; margin: 0 auto; }
.ipusher #sitecontent .Pageyemian .content .header::before { position: absolute; content: ""; width: 1000px; height: 1px; border-top: 1px solid #F0F0F0; text-align: center; margin-left: -500px; margin-top: 70px; left: 50%; }
#teampost { width: 1200px; }
#teampost #teamimage img { position: fixed; }
#olx_head { background: #84cc26; border-radius: 0; }
#indexPage .module.bgShow { background-attachment: scroll; }





#indexPage #mpage .wrapper li .fimg{ height:700px;}

#indexPage .module .content { position: relative; top: 0; }
#indexPage #mproject .content {  margin-top: 100px;  }
#indexPage #mservice { margin-top: -100px; height: 630px;background:#f7f7f7}
#indexPage #mservice .content { margin-top: -40px;; }
#indexPage #mnews { padding-top: 100px; height: 480px; }
#indexPage #mnews .content { margin: 0; top: 0 }

#indexPage #mcontact { padding-top: 100px;  }
#indexPage #mcontact .content { margin: 0; }
#indexPage #mservice { padding-top: 100px; height: auto; padding-bottom: 100px; }



.col-25{width:25%}
.module_container{margin: 0 auto;padding: 20px 0px;max-width: 1200px;}
#footer,#footer a{color: #f3fce6;}
#footer #flinks{background-color: #6eac1d;line-height:28px;}
#footer #flinks .module_container{padding-top: 5%;padding-bottom: 5%;}
#footer #flinks .row.gutter {margin: 0 60px;display: flex;margin-left:0;}
#footer #flinks .row.gutter > [class*="col-"] {padding: 0 40px;}
#footer #flinks .content_list .item_block{ border-right:#a9cd76 1px solid;animation-name: fadeInUp;}


#footer #flinks .content_list .item_block:last-child{border-right:none;}
#footer #flinks .fitem_block_info{line-height:20px;}
#footer #flinks .fitem_block_info .title{font-size:16px; font-weight:100}
#footer #flinks .fitem_block_info .title a{color:#fff; }
#footer #flinks .fitem_block_info .description{ margin-top:20px; font-size:13px; line-height:28px; height:40px; overflow:hidden}
#footer #flinks .fitem_block_info .shareicon { margin-top:40px}
.shareicon a{width: 30px;height: 30px;display: block;font-size: 16px;background-color: #fff;margin-right: 10px;text-align: center;border-radius: 15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border: 1px solid #d9d9d9; color:#232323}
.agent-desktop .shareicon a:hover{ background-color:#232323; color:#fff; border-color:#232323}
.shareicon a i {margin-top: 7px;font-size: 16px}
#footer #flinks .fitem_block_info .shareicon a{color: #fff;background-color: #000; border-color:#000}
#footer #flinks .fitem_block_info .shareicon a:hover{color: #fff;background-color: #89ac1d; border-color:#89ac1d}
.agent-desktop #footer #flinks .fitem_block_info .shareicon a:hover{background-color:#555555; border-color:#555555}
#footer #flinks .fitem_block_link li.title{ color:#fff; font-size:14px; margin-bottom:15px}
#footer #flinks .fitem_block_link li{ line-height:24px; height:24px}
#footer #flinks .fitem_block_link li a{color: #f3fce6;}.agent-desktop #footer #flinks .fitem_block_link li a:hover{text-decoration:underline}
#footer #copyright {background-color: #141414;}
#footer #copyright .module_container{font-size:12px; line-height:20px; padding-top:50px!important;padding-bottom:50px}
#footer #copyright span.ellipsis { display: inline; max-width: 80% }
#footer #copyright a#flogo { display: inline-block; margin-top: 2px; margin-left: 10px; width: 50px; height: 20px; vertical-align: top }
#footer #copyright a.beian { color: #9e9e9e !important; vertical-align: top }

#online_open { bottom: 10px; background-color: #2882E8; }
#online_lx { bottom: 180px; border-radius:0;}
#shares { height: 140px; }
#shares a#sshare { display: none; }
#shares a#gotop { margin-top: 0px; }

 #shares {  position: fixed; right: 10px; bottom: 50px; z-index: 99 }
 #shares a { width: 30px; height: 30px; display: block; background: #ccb626;color: #fff; font-size: 16px; text-align: center; } 
 #shares a i { margin-top: 7px } 
 #shares a#sshare { cursor: default; } 
 #shares a#sweibo { background-color: #ccb626 } 
 #shares a#sweixin { background-color: #24b727 } 
 #shares a#gotop { background-color: #666666; background-color: rgba(0, 0, 0, .6);font-size: 22px } 
 #shares a#gotop i { margin-top: 3px } 
 .fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .6); overflow-y: auto; z-index: 100; display: none } 
 #fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px } 
 #fixed_weixin .fixed-container div { height: 220px } 
 #fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000 } 
 #fixed_mp .fixed-container { width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px } #fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000 } 
 #online_open { width: 30px; height: 30px; background: #84cc26; cursor: pointer; position: fixed; right: -40px; bottom: 190px; z-index: 99999; font-size: 18px; color: #fff; text-align: center; line-height: 30px; } 
 #online_open i { margin-top: 6px } 
 #online_lx { width: 192px; height: auto; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17); position: fixed; right: 10px;  z-index: 99999 } 
 #olx_head { padding: 20px; line-height: 16px; height: 16px; background: #00d420; border-radius: 5px 5px 0 0; color: #fff; font-size: 14px } 
 #olx_head i { font-size: 18px; color: #fff; cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
 #olx_qq li a { padding: 12px 30px; height: 18px; line-height: 18px; background: #f5f5f5; color: #353434; display: block; border-bottom: #fff 1px solid; transition: all ease-out .3s; font-size: 12px } 
 #olx_qq li a i { color: #5e5e5e; font-size: 16px; vertical-align: middle; margin-right: 18px; transition: all ease-out .3s; } 
 #olx_qq li a:hover { color: #fff; background: #565656 } 
 #olx_qq li a:hover i { color: #00d420; } 
 #olx_tel { padding: 20px 30px } 
 #olx_tel div { color: #434343; line-height: 14px; height: 14px; margin-bottom: 10px } 
 #olx_tel div i { font-size: 18px; margin-right: 20px; vertical-align: middle } 
 #olx_tel p { line-height: 18px; font-family: HELVETICANEUELTPRO-THEX; font-size: 16px } 








#pages {padding: 40px 0 80px;height: 36px;text-align: center}

#pages a {width: 36px;height: 36px;background-color: #aaaaaa;display: inline-block;color: #fff;line-height: 36px;text-align: center;font-family: Arial;margin-right: 10px;}

#pages span {margin-right: 5px;width: 36px;height: 36px;background-color: #fff;display: inline-block;color: #a9a9a9;line-height: 36px;text-align: center;font-family: Arial;margin-right: 10px;transition: background-color 0.2s ease-out;background-color: #84cc26;color: #fff;}

#pages a.active, #pages a:hover {background-color: #84cc26;color: #fff;}


.ewm{
    width: 120px;
    height: 139px;
    position: fixed;
	top:60%;
    right: 0;
    z-index: 999;
    position: fixed;
    bottom: 0;
}