@charset "utf-8";
/* CSS Document */
.M-top { background:url(../images/nav-bj.png) repeat-x; height:70px; line-height:70px; width:100%; z-index:9997; }
.M-top-show { position:fixed; top:-255px; }
.M-logo { position:relative; z-index:99999 !important; }
.M-logo a img { position:absolute; left:20px; top:0px; z-index:999999 !important; }
.m_wnews { width:251px; position:relative; left:20px; top:0px; }
.M-top-right { height:70px; line-height:70px; }
.M-nav { height:70px; line-height:70px; }
.M-nav ul li { float:left; display:block; }
.M-nav ul li a { float:left; font-size:16px; font-family:"Segoe UI", "微软雅黑"; color:#c6c6c6; height:70px; line-height:70px; display:block; }
.M-nav ul li a:hover { color:#ffffff; }
.M-nav ul li a.cur div p { margin-top:-20px !important; }
/* menu */
.menu ul { height:70px; margin-right:20px; }
.menu { height:70px; overflow:hidden; }
.menu ul li { float:left; position:relative; line-height:70px; height:70px; }
.menu ul li a { position:relative;/* 必要元素 */ display:block; height:70px; width:100px; text-align:center; }
.menu ul li a span { position:absolute;/* 必要元素 */ left:0; width:100px; text-align:center; }
.menu ul li a span.out { top:0px; width:100px; text-align:center; }
.menu ul li a span.over, .menu ul li a span.bg { top:-70px; width:100px; text-align:center; }
/*.menu ul li a.cur .out{top:70px;width:100px; text-align:center; color:#ffffff !important; }
.menu ul li a.cur .over{top:0px;width:100px; text-align:center; color:#ffffff !important;  }*/
.menu { }
.menu ul li a { }
.menu ul li a span.over { background:#00B5E0; font-family:"微软雅黑" !important; }
#nav { position:fixed; left:20px; top:30%; background:url(../images/left-nav-bj.png) no-repeat center; width:80px; height:241px; z-index:9995; padding-top:128px; text-align:left !important; }
#nav li { text-align:left !important; }
#nav li a { font-family:"微软雅黑"; font-size:12px; color:#a9a9a9; width:48px; display:block; text-align:left !important; margin-bottom:7.5px;  +height:20px;
 +margin-left:-15px;
}
#nav li a:hover em { color:#0085b4; font-family:"微软雅黑"; font-size:12px; display:inline-block; }
#nav li a:hover { color:#0085b4; font-family:"微软雅黑"; font-size:12px; }
#nav .current em { display:inline-block; color:#0085b4; font-family:"微软雅黑"; font-size:12px; }
#nav .current a { color:#0085b4; font-family:"微软雅黑"; font-size:12px; }
.nav-ico { background:url(../images/cur-ico.png) no-repeat; width:13px; height:13px; display:inline-block; display:none; position:relative; left:0px; top:5px;  +left:-1px;
 +top:-15px;
}
#topcontrol { top:63px !important; z-index:9995; height:54px !important; }
#menu1 ul { padding: 0; }
#menu1 ul li a { overflow: hidden; float: left; height: 20px; width: 100px; display: block; text-align: center; padding-bottom:25px; padding-top:25px; cursor:pointer; }
#menu1 ul li a, #menu1 ul li a span { text-decoration: none; clear: both; display:block; color:#a9a9a9; font-family:"Segoe UI"; font-size:14px; height:20px; line-height:20px; display:block; }
#menu1 ul li a div { color:#ffffff; font-family:"微软雅黑"; }
#menu1 ul a div { float:left; width:100px; height:20px; display:block; overflow:hidden; }
#menu1 ul li a font { color:#ffffff; font-family:"微软雅黑"; display:block; }
#menu1 ul li a span { }
.top-ico1 { background:url(../images/top-ico1.png) no-repeat; width:43px; height:43px; display:block; position:absolute; left:50%; bottom:30px; z-index:9990; margin-left:-21px; }
.top-ico1:hover { background:url(../images/top-ico1-hover.png) no-repeat; }
.top-ico2 { background:url(../images/top-ico2.png) no-repeat; width:43px; height:43px; display:block; position:absolute; left:50%; bottom:30px; z-index:9990; margin-left:-21px; }
.top-ico2:hover { background:url(../images/top-ico2-hover.png) no-repeat; }
.top-ico3 { background:url(../images/top-ico3.png) no-repeat; width:43px; height:43px; display:block; position:absolute; left:50%; bottom:30px; z-index:9990; margin-left:-21px; }
.top-ico3:hover { background:url(../images/top-ico3-hover.png) no-repeat; }
.top-ico4 { background:url(../images/top-ico4.png) no-repeat; width:43px; height:43px; display:block; position:absolute; left:50%; bottom:30px; z-index:9990; margin-left:-21px; }
.top-ico4:hover { background:url(../images/top-ico4-hover.png) no-repeat; }
.section-2 { background:url(../images/what-bj.png) center no-repeat; width:100%; height:611px; text-align:center; padding-top:45px; position:relative; }
.M-what { margin:0 auto; width:985px; }
.M-what { }
.M-design { text-align:center; display:block; width:165px; margin-right:90px; position:relative; left:0px; top:-198px; }
.Brand { text-align:center; display:block; width:165px; margin-right:90px; position:relative; left:0px; top:-198px; }
.move { text-align:center; display:block; width:217px; margin-right:90px; position:relative; left:0px; top:-198px; }
.ui { text-align:center; display:block; width:165px; position:relative; left:0px; top:-198px; }
.M-design-ico { background:url(../images/design-ico.png) no-repeat; width:122px; height:122px; display:block; margin-bottom:32px; margin-left:18px;  +margin-left:0px !important;
}
.Brand-ico { background:url(../images/brand-ico.png) no-repeat; width:122px; height:122px; display:block; margin-bottom:32px; margin-left:18px;  +margin-left:0px !important;
}
.move-ico { background:url(../images/move-ico.png) no-repeat; width:122px; height:122px; display:block; margin-bottom:32px; margin-left:41px;  +margin-left:0px !important;
}
.ui-ico { background:url(../images/ui-ico.png) no-repeat; width:122px; height:122px; display:block; margin-bottom:32px; margin-left:18px;  +margin-left:0px !important;
}
.M-what-top { text-align:center; margin:0 auto; height:98px; }
.ui:hover em { background:url(../images/ui-ico-hover.png) no-repeat; }
.move:hover em { background:url(../images/move-ico-hover.png) no-repeat; }
.Brand:hover em { background:url(../images/brand-ico-hover.png) no-repeat; }
.M-design:hover em { background:url(../images/design-ico-hover.png) no-repeat; }
.M-design-title span { font-family:"微软雅黑"; font-size:18px; color:#545454; display:block; }
.M-design-title font { font-family:"Segoe UI"; font-size:14px; color:#d5d5d5; display:block; }
.M-design-bottom { height:43px; overflow:hidden; text-align:center; }
.M-btn { background:url(../images/btn-ico.png) no-repeat; width:162px; height:31px; display:block; line-height:31px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#ffffff; margin-top:2px; }
.M-left { margin-left:27px; }
.M-bottom-border { background:url(../images/border-bottom.png) no-repeat center; height:3px; width:100%; }
.M-bottom-border2 { background:url(../images/border-bottom2.png) no-repeat center; height:3px; width:100%; }
.M-what-title { margin-top:50px; font-family:"微软雅黑"; font-size:24px; color:#898989; margin-bottom:114px; }
#section-2 { position:relative; left:0px; top:50px; }
.top { top:10px !important; }
#top-m { position:relative; left:0px; top:-30px; }
#top-m2 { position:relative; left:0px; top:20px; }
#top-m3 { position:relative; left:0px; top:0px; }
#section-3 { position:relative; left:0px; top:50px; }
#section-4 { position:relative; left:0px; top:50px; }
#section-5 { position:relative; left:0px; top:50px; }
.section-3 { background:url(../images/work-bj.png) center no-repeat; width:100%; height:807px; text-align:center; padding-top:45px; position:relative; }
.section-4 { background:url(../images/new-bj.png) center no-repeat; width:100%; height:717px; text-align:center; padding-top:45px; position:relative; }
.section-5 { width:100%; text-align:center; padding-top:45px; position:relative; }
.M-map { width:100%; height:493px; overflow:hidden; position:relative; }
.foot { background:url(../images/foot-bj.png) center; width:100%; height:355px; position:relative; top:-100px; left:0px; padding-top:137px; }
 @media only screen and (min-width: 481px) {
 .M-work {
 height:510px;
 overflow:hidden;
 margin:0 auto;
 padding-left:60px;
}
.slideTxtBox .bd {
 width:100%;
}
}
 @media only screen and (min-width: 1024px) {
.M-work {
 height:510px;
 overflow:hidden;
 margin:0 auto;
 width:1180px !important;
 padding-left:30px;
}
.slideTxtBox .bd {
 width:1240px !important;
 margin:0 auto;
}
}
.foot-content>span.fl { width:216px; }
.foot-content2>span.fl { width:216px; }
.foot-content>span>div>span>div { color:#000000 !important; font-family: "微软雅黑" !important; font-size: 20px !important; }
.foot-content2>span>div>span>div { font-family: "微软雅黑" !important; font-size: 20px !important; color: #d3d3d3; }
.foot-content>span>div>span>div a { color:#000000 !important; font-family: "微软雅黑" !important; font-size: 20px !important; }
.foot-content2>span>div>span>div a { font-family: "微软雅黑" !important; font-size: 20px !important; color: #d3d3d3 !important; }
#nav { display:none; }
.M-work-list { background:url(../images/shadow02.png) no-repeat right; width:262px; height:267px; text-align:left; float:left; padding-left:25px; }
.item6 { position:relative; float:left; margin-right:3px; width:205px; height:205px; cursor:pointer; overflow:hidden; }
.item6 h2 { position:absolute; left:0; top:130px; height:40px; width:100%; background:url(../images/demo02.png) no-repeat; }
.item6 img { }
.item6 h2 p { height:40px; text-indent:-10000px; background:url(../images/demo03.png) no-repeat; }
.item6 div { position:absolute; width:0; height:0; background:url(../images/demo02.png) repeat; overflow:hidden; _zoom:1; border-radius:205px; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.item6 .cornerCC { left:78px; top:78px; }
.item6 dl { position:absolute; top:0; left:0; width:205px; height:205px; display:none; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.item6 dt { height:205px; width:100%; line-height:205px; text-align:center; color:#c2c2c2; font-family:"微软雅黑"; font-size:34px; }
.item6 dt h3 { height:40px; text-indent:-10000px; background:url(../images/demo03.png) no-repeat; }
.item6 dd { width:205px; line-height:205px; color:#FFF; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.item7 { position:relative; float:left; margin-right:3px; width:205px; height:205px; cursor:pointer; overflow:hidden; }
.item7 h2 { position:absolute; left:0; top:0px; height:40px; width:100%; background:url(../images/demo02.png) no-repeat; }
.item7 img { }
.item7 h2 p { height:40px; text-indent:-10000px; background:url(../images/demo03.png) no-repeat; }
.item7 div { position:absolute; width:205px; height:205px; background:url(../images/demo03.png) repeat; overflow:hidden; _zoom:1; border-radius:205px; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; display:none; }
.item7 .cornerCC { left:0px; top:0px; }
.item7 dl { position:absolute; top:0; left:0; width:205px; height:205px; display:none; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.item7 dt { height:205px; width:100%; line-height:205px; text-align:center; color:#c2c2c2; font-family:"微软雅黑"; font-size:34px; }
.item7 dt h3 { height:40px; text-indent:-10000px; background:url(../images/demo03.png) no-repeat; }
.item7 dd { width:205px; line-height:205px; color:#FFF; line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.M-new-btn { background:url(../images/new-btn.png) no-repeat; width:136px; height:38px; display:block; line-height:38px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#ffffff; position:absolute; left:50%; bottom:0px; margin-left:-68px; }
.M-new-btn:hover { background:url(../images/new-btn-hover.png) no-repeat; width:136px; height:38px; display:block; line-height:38px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#ffffff; position:absolute; left:50%; bottom:0px; margin-left:-68px; }
.foot-content { width:920px; margin:0 auto; height:100px; line-height:100px; padding-bottom:47px; }
.foot-content>div { margin-left:69px !important; }
.foot-content span { font-family:"微软雅黑"; font-size:20px; color:#000000; }
.QQ-ico { background:url(../images/QQ-ICO.png) no-repeat; width:100px; height:100px; display:block; float:left; margin-right:25px; }
.QQ-ico:hover { background:url(../images/QQ-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.WX-ico { background:url(../images/WX-ICO.png) no-repeat; width:100px; height:100px; display:block; float:left; margin-right:25px; }
.WX-ico:hover { background:url(../images/WX-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.WB-ico { background:url(../images/WB-ICO.png) no-repeat; width:100px; height:100px; display:block; float:left; }
.WB-ico:hover { background:url(../images/WB-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.foot-font { font-family:"微软雅黑"; font-size:14px; color:#b2b2b2; }
.slideTxtBox .hd { position:absolute; left:50%; bottom:120px; margin-left:-90px; }
.slideTxtBox .hd ul li { font-family:"微软雅黑"; font-size:22px; color:#565656; padding-top:11px; border-top:3px solid #565656; text-align:center; float:left; margin-right:5px; cursor:pointer; }
.slideTxtBox .hd ul li.on { font-family:"微软雅黑"; font-size:22px; color:#2ca6d2; padding-top:11px; border-top:3px solid #2ca6d2; text-align:center; float:left; }
.extra { overflow:hidden; position:relative; margin-bottom:-40px; }
.main { position:relative; float:left; top:240px; z-index:5; }
.page_spinner { position:fixed; background: url(../images/main_spinnerr.gif) 50% 50% no-repeat #fff; z-index:9999; width:100%; height:100%; top:0; left:0 }
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }
.tempWrap { margin:0 auto; }
#top1 { position: absolute; bottom: 50px; left: 50%; }
.map-link { position:absolute; right:40px; top:30px; color:#ffffff; font-family:"微软雅黑"; font-size:14px; background:url(../images/map-bj-hover.png) no-repeat; width:80px; height:80px; text-align:center; line-height:80px; }
.map-link:hover { background:url(../images/map-bj.png) no-repeat; }
.M-menu2:hover { background:url(../images/menu-hover.png) no-repeat !important; }
.M-menu3:hover { background:url(../images/menu2-hover.png) no-repeat !important; }
/*work*/
.page-work { width:100%; height:100%; text-align:center; padding-top:147px; background:#282828; }
.page-top-title { width:100%; text-align:center; margin-bottom:93px; }
.page-top-title span.title { font-size:58px; color:#ffffff; display:block; font-weight:300; font-family:"微软雅黑"; margin-bottom:26px; }
.page-top-title font { font-size:20px; color:#828282; display:block; font-family:"微软雅黑"; }
.page-top-title { position:relative; }
.page-top-title span.x { width:140px; height:2px; display:block; background:#ffffff; position:absolute; left:50%; margin-left:-70px; top:145px; }
.work-table-content { text-align:center; }
.page-table-nav { text-align:center; margin:0 auto; width:584px; padding-bottom:84px; }
.page-table-nav ul li { float:left; }
.page-table-nav ul li a { float:left; font-size:18px; color:#4a4a4a; display:inline-block; font-weight:bold; font-family:"微软雅黑"; margin-right:40px; }
.page-table-nav ul li a:hover { float:left; font-size:18px; color:#ffffff; display:inline-block; font-weight:bold; font-family:"微软雅黑"; }
.page-table-nav ul li.cur a { float:left; font-size:18px; color:#ffffff; display:inline-block; font-weight:bold; font-family:"微软雅黑"; }
#brand { margin:0 auto; padding-bottom:43px; }
#brand .bd-box { overflow:hidden; /*padding-left:55px;
	padding-right:55px;*/
}
.bd-box { text-align:left; }
#brand .bd-box li { display:inline-block; width:355px; float:left; height:211px; overflow:hidden; position:relative; border:3px solid #282828; }
#brand .bd-box li div.just img { width:355px; height:211px; position:absolute; left:0px; top:0px; z-index:2; overflow:hidden; }
#brand .bd-box li div.against img { width:0px; height:211px; position:absolute; left:177.5px; top:0px; z-index:1; text-align:center; line-height:211px; font-size:14px; color:#FFF; background:#ffa340; font-weight:bold; overflow:hidden; display:none; cursor:pointer; }
#brand .bd-box li>a { width:355px; height:211px; line-height:50px; text-align:center; position:absolute; left:0px; top:0px; z-index:9999; display:block; float:left; background:url(../images/png.png) no-repeat; }
.against span { height:43px; line-height:43px; text-align:center; font-size:16px; color:#ffffff; font-family:"微软雅黑"; display:block; width:0px; background:#00A0DE; position:absolute; left:0px; bottom:0px; z-index:1; }
.page-work-bottom { background:url(../images/page-work-bj.png) center; width:100%; height:100px; position:relative; }
.page-consult { height:188px; width:100%; background:#F3F3F3; padding-top:80px; text-align:center; }
.page-consult span { font-family:"微软雅黑"; font-size:30px; color:#262626; display:block; margin-bottom:30px; }
.work-btn { background:url(../images/btn.png) no-repeat; width:116px; height:37px; line-height:37px; font-family:"微软雅黑"; font-size:14px; color:#ffffff; display:inline-block; text-align:center; }
.work-btn:hover { background:url(../images/btn-hover.png) no-repeat; }
.work-foot { background:url(../images/work-foot-bj.png) center; width:100%; height:386px; margin-top:-102px; text-align:center; color:#717171; font-family:"微软雅黑"; font-size:14px; }
.foot-content2 { width:920px; margin:0 auto; height:100px; line-height:100px; padding-bottom:87px; padding-top:160px; }
.foot-content2>div { margin-left:69px !important; }
.foot-content2 span { font-family:"微软雅黑"; font-size:20px; color:#d3d3d3; }
.QQ-ico2 { background:url(../images/QQ-ICO2.png) no-repeat; width:100px; height:100px; display:block; float:left; margin-right:25px; }
.QQ-ico2:hover { background:url(../images/QQ-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.WX-ico2 { background:url(../images/WX-ICO2.png) no-repeat; width:100px; height:100px; display:block; float:left; margin-right:25px; }
.WX-ico2:hover { background:url(../images/WX-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.WB-ico2 { background:url(../images/WB-ICO2.png) no-repeat; width:100px; height:100px; display:block; float:left; }
.WB-ico2:hover { background:url(../images/WB-ICO-HOVER.png) no-repeat; width:100px; height:100px; display:block; }
.foot2-font2 { font-family:"微软雅黑"; font-size:14px; color:#d3d3d3; }
/*weike*/
.weike-top { background:url(../images/weike-top-bj.png) center; height:752px; width:100%; position:relative; }
.weike-banner { width:100%; text-align:center; }
.weike-banner-top { width:100%; text-align:center; }
.weike-banner-content { width:936px; margin:0 auto; height:135px; padding-top:45px; text-align:center; }
.weike-banner-content font { font-family:"微软雅黑"; font-size:25px; color:#989898; display:block; margin-bottom:6px; }
.weike-banner-content span { font-family:"微软雅黑"; font-size:40px; color:#282828; display:block; font-weight:600; margin-bottom:25px; font-style:normal; }
.weike-banner-content div { font-family:"微软雅黑"; font-size:16px; color:#737373; display:block; text-indent:2em; line-height:24px; }
.weike-banner-content div b { font-family:"微软雅黑"; font-size:16px; color:#4e4e4e; }
.weike-about { background:#f8f8f8 url(../images/page-about-bj.png) center; height:617px; width:100%; padding-top:46px; position:relative; }
.M-what-top span { font-family:"微软雅黑"; font-size:16px; color:#808080; }
.viewpoint { width:533px; height:191px; margin:0 auto; position:relative; top:100px; left:0px; overflow:hidden; }
.love-btn { width:187px; height:187px; display:block; position:absolute; left:0px; top:0px; z-index:99; }
.love-btn2 { width:187px; height:187px; display:block; position:absolute; right:0px; top:0px; }
.love-bj { background:url(../images/love-bj.png) no-repeat !important; width:528px; height:187px; display:block; }
.show2 { width:0px; height:187px; position:relative; right:0px; top:0px; }
.show1 { position:relative; }
.show-bj { width:528px; height:187px; position:absolute; left:-341px; top:0px; background:url(../images/love-bj.png) no-repeat; }
.love-jia { position:absolute; left:247px; top:75px; }
.system { background:#252525 url(../images/system-bj.png) center; width:100%; height:803px; padding-top:47px; position:relative; }
.system-table { width:460px; margin:0 auto; text-align:center; }
.slideTxtBox2 { width:460px; text-align:left; position:relative; top:30px; left:30px; }
.slideTxtBox2 .hd { background:url(../images/sys-nav.png) no-repeat; width:480px; height:175px; position:absolute; left:-10px; top:-10px; z-index:99; }
.slideTxtBox2 .hd ul { float:left; }
.slideTxtBox2 .hd ul li { float:left; cursor:pointer; }
.slideTxtBox2 .bd { background:url(../images/y-bj.png) no-repeat; width:453px; height:400px !important; position:absolute !important; left:0px !important; top:60px !important; zoom:1; z-index:88; padding-left:28px; padding-top:78px; }
.slideTxtBox2 .bd li { height:24px; line-height:24px; }
.slideTxtBox2 .bd li .date { float:right; color:#999; }
.slideTxtBox2 .bd ul { position:absolute !important; left:28px !important; top:88px !important; width:453px !important; height:370px !important; }
.slideTxtBox2 .hd ul li a { float:left; display:block; cursor:pointer; }
.slideTxtBox2 .hd ul li.on .m-ico1 { background:url(../images/ico1-hover.png) no-repeat !important; width:116px; height:108px; position:relative; left:-28px; top:94px; }
.section-content-title font { font-family:"微软雅黑"; font-size:34px; color:#ffffff; font-weight:bold; display:inline-block; margin-bottom:15px; }
.m-ico1 { width:116px; height:108px; position:relative; left:-28px; top:94px; }
.m-ico2 { width:97px; height:104px; position:relative; left:-23px; top:8px; }
.m-ico3 { width:80px; height:99px; position:relative; left:-24px; top:-18px; }
.m-ico4 { width:88px; height:106px; position:relative; left:-24px; top:-5px; }
.m-ico5 { width:112px; height:114px; position:absolute; right:-14px; top:74px; }
.slideTxtBox2 .hd ul li.on .m-ico1 { background:url(../images/ico1-hover.png) no-repeat !important; }
.slideTxtBox2 .hd ul li.on .m-ico2 { background:url(../images/ico2-hover.png) no-repeat !important; }
.slideTxtBox2 .hd ul li.on .m-ico3 { background:url(../images/ico3-hover.png) no-repeat !important; }
.slideTxtBox2 .hd ul li.on .m-ico4 { background:url(../images/ico4-hover.png) no-repeat !important; }
.slideTxtBox2 .hd ul li.on .m-ico5 { background:url(../images/ico5-hover.png) no-repeat !important; }
.page-integrate { width:100%; padding-top:33px; background:#252525; }
.integrate-menu-nav { background:url(../images/k-bj.png) center; width:100%; height:100px; display:block; position:relative; }
.sideMenu { }
.sideMenu h3 { height:80px; line-height:80px; text-align:center; border-bottom:1px solid #333333; background:#252525; cursor:pointer; font-size:22px; font-family:"微软雅黑"; display:block; color:#dfdfdf; }
.sideMenu h3 em { display:inline-block; width:26px; height:26px; background:url(../images/j-ico.png) no-repeat; position:relative; left:10px; top:4px; cursor:pointer; }
.sideMenu h3.on { background:#171717; border-bottom:1px solid #252525; height:0px; text-indent:-9999px; }
.sideMenu h3.onn { background:#252525; height:80px; text-indent:1px; }
.sideMenu h3.on em { }
.sideMenu>ul { padding:8px 25px; color:#999; background:#171717; display:none; /* 默认都隐藏 */ }
.section-content { text-align:center; padding-top:45px; }
.section-content-title { text-align:center; }
.section-content-title img { margin-bottom:6px; }
.section-content-title span { color:#bbbbbb; font-size:16px; font-family:"微软雅黑"; display:block; }
.section-content-list ul li { float:left; margin-right:60px; }
.section-content-list { height:194px; width:785px; margin:0 auto; padding-top:53px; padding-bottom:35px; }
.section-content-list ul li { float:left; display:block; background:url(../images/list-bj.png) no-repeat; width:150px; height:194px; color:#bbbbbb; }
.section-content-list ul li a { display:block; }
.section-content-list ul li:hover { float:left; display:block; background:url(../images/list-bj-hover.png) no-repeat; width:150px; height:194px; color:#ffffff; }
.section-content-list ul li:hover a { color:#ffffff; }
.section-content-list ul li a:hover { color:#ffffff; }
.section-content-list ul li a:hover em { display:none; }
.list-img { height:167px; width:150px; position:relative; }
.list-img img { width:150px; height:150px; }
.list-img em { background:url(../images/img-on-bj.png); width:151px; height:151px; display:block; position:absolute; left:0px; top:0px; overflow:hidden; }
.list-btn { width:150px; height:27px; line-height:27px; font-family:"微软雅黑"; font-size:14px; color:#bbbbbb; }
.hide { background:url(../images/jian.png) no-repeat; width:36px; height:36px; display:block; position:absolute; bottom:10px; left:50%; margin-left:-18px; }
.section-content { position:relative; }
.weike-foot-bj { background:#F3F3F3 url(../images/weike-top-bj2.png) center; width:100%; height:100px; position:relative; }
.page-consult font { color:#bfbfbf; font-family:"微软雅黑"; font-size:16px; display:block; margin-bottom:35px; }
.M-what-top font { font-family:"微软雅黑"; font-size:16px; color:#808080; display:block; margin-top:15px; }
.sideMenu h3:hover { background:#2b2b2b !important; }
.page-work-topbanner { width:100%; text-align:center; }
.page-work-content { width:100%; height:100%; background:#eeeeee; }
.work-referral span { display:block; font-family:"微软雅黑"; font-size:48px; color:#ffffff; font-weight:bold; margin-bottom:15px; }
.work-referral font { display:block; font-family:"微软雅黑"; font-size:16x; color:#dfdfde; height:91px; width:640px; margin:0 auto; }
.work-referral { }
.pc { }
.work-logo { margin-bottom:18px; }
.page-topbanner-content { text-align:center; }
.page-topbanner-img { margin-top:15px; margin-bottom:15px; }
.page-topbanner-content { padding-top:40px; padding-bottom:100px; }
.page-left { background:url(../images/work-btnleft.png) no-repeat; width:61px; height:120px; display:block; text-indent:-9999px; position:fixed; left:2%; top:50%; margin-top:-60px; }
.page-left:hover { background:url(../images/work-btnleft-hover.png) no-repeat; width:61px; height:120px; display:block; text-indent:-9999px; position:fixed; left:2%; top:50%; margin-top:-60px; }
.page-right { background:url(../images/work-btnright.png) no-repeat; width:61px; height:120px; display:block; text-indent:-9999px; position:fixed; right:2%; top:50%; margin-top:-60px; }
.page-right:hover { background:url(../images/work-btnright-hover.png) no-repeat; width:61px; height:120px; display:block; text-indent:-9999px; position:fixed; right:2%; top:50%; margin-top:-60px; }
.work-list-btn { width:280px; margin:0 auto; padding-top:40px; }
.work-list-btn a { background:url(../images/work-btn2.png) no-repeat; width:130px; height:46px; text-align:center; line-height:46px; font-family:"微软雅黑"; font-size:16px; color:#525252; }
.work-list-btn a:hover { background:url(../images/work-btn2-hover.png) no-repeat; width:130px; height:46px; text-align:center; line-height:46px; font-family:"微软雅黑"; font-size:16px; color:#ffffff; }
/*expertise*/
.expertise-content1 { padding-top:114px; }
.expertise-top-title { text-align:center; width:100%; }
.expertise-top-title font { font-family:"微软雅黑"; font-size:30px; display:block; color:#7a7a7a; margin-bottom:20px; }
.expertise-top-title img { margin-bottom:30px; }
.expertise-top-title em { width:140px; height:2px; background:#ffffff; display:inline-block; }
.expertise-top-title { margin-bottom:75px; }
.sideMenu2 { background:url(../images/ex-bj.jpg) no-repeat center; width:100%; }
.sideMenu2 h3 { height:80px; line-height:80px; text-align:center; border-bottom:1px solid #333333; background:#252525; cursor:pointer; font-size:22px; font-family:"微软雅黑"; display:block; color:#7a7a7a; }
.sideMenu2 h3 em { display:inline-block; width:26px; height:26px; background:url(../images/j-ico.png) no-repeat; position:relative; left:10px; top:30px; cursor:pointer; }
.sideMenu2 h3.on { background:#171717; border-bottom:1px solid #252525; height:0px; text-indent:-9999px; }
.sideMenu2 h3.onn { background:#252525; height:80px; text-indent:1px; }
.sideMenu2 h3.on div span { height:0px; }
.sideMenu2 h3.on div em { height:0px; }
.sideMenu2>ul { padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.expertise-title { width:534px; margin:0 auto; }
.sideMenu2 h3:hover { background:#2b2b2b !important; }
.expertise-list { width:100%; text-align:center; padding-top:45px; padding-bottom:45px; }
.expertise-list span { font-family:"微软雅黑"; font-size:36px; color:#ffffff; font-weight:bold; margin-bottom:30px; display:block; }
.expertise-list font { font-family:"微软雅黑"; font-size:22px; color:#bfbfbf; display:block; }
.expertise-content1 { background:#282828; }
.expertise-top-title { background:#282828; }
.expertise-content2 { background:url(../images/expertise-bj2.png) center no-repeat; height:655px; width:100%; }
.expertise-content2-main { text-align:center; padding-top:88px; }
.expertise-content2-list { width:770px; margin:0 auto; padding-top:48px; margin-bottom:80px; }
.expertise-content2-list-left { width:357px; text-align:left; font-family:"微软雅黑"; color:#a0a0a0; font-size:18px; line-height:30px; }
.expertise-content2-list-right { width:410px; text-align:left; font-family:"微软雅黑"; color:#a0a0a0; font-size:18px; line-height:30px; }
.expertise-content2-main span { font-family:"微软雅黑"; color:#676767; font-size:20px; display:block; margin-bottom:29px; }
.btn2 { background:url(../images/btn2.png) no-repeat; width:192px; height:56px; display:inline-block; text-indent:-9999px; }
.btn2:hover { background:url(../images/btn2-hover.png) no-repeat; width:192px; height:56px; display:inline-block; text-indent:-9999px; }
.expertise-content2 { position:relative; }
.expertise-content3 { position:relative; height:616px; }
.btn3 { background:url(../images/btn3.png) no-repeat; width:192px; height:56px; display:inline-block; text-indent:-9999px; }
.btn3:hover { background:url(../images/btn2-hover.png) no-repeat; width:192px; height:56px; display:inline-block; text-indent:-9999px; }
/*news*/
.news { width:100%; text-align:center; background:#e5e5e5; padding-top:53px; }
.news-nav a { width:63px; height:29px; display:inline-block; text-align:center; line-height:29px; font-family:"微软雅黑"; font-size:16px; color:#6c6c6c; }
.news-nav a:hover { background:url(../images/news-nav-bj.png) no-repeat; font-family:"微软雅黑"; font-size:16px; color:#000000; width:63px; height:29px; }
.news-nav a.on { background:url(../images/news-nav-bj.png) no-repeat; font-family:"微软雅黑"; font-size:16px; color:#000000; }
.news-nav { margin-bottom:47px; }
#wrapp { position:relative; zoom:1; margin:0px auto; visibility:hidden; margin-top:20px; text-align:left; }
#wrapp div { position:absolute; left:0; top:0; opacity:1; visibility:hidden; width:295px; height:370px; }
.active div.mode { -webkit-transition:all .8s ease-in;
-moz-transition:all .8s ease-in-out;
-o-transition:all .5s ease-in;
transition:all .5s ease-in;
}
.mode { background:#FFF; border-top:1px solid #dcdcdc; -webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out
}
.trym { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none }
.active .mode { -webkit-transition: all .7s ease-out .1s;
-moz-transition:all .7s ease-out;
-o-transition:all .7s ease-out .1s;
transition:all .7s ease-out .1s
}
.mode { width:295px; padding:15px; border:1px solid #dfdfdf; background:#FFF }
.mode .pic { width:190px; margin-bottom:7px; position:relative; text-align:center }
.mode .pic a { display:block }
.mode .pic a img { width:297px; vertical-align: bottom; height:214px !important; }
.mode:hover { background:#00B6E0; }
.mode:hover a { color:#ffffff; }
.mode:hover font { color:#ffffff; }
.news-title { text-align:left; margin-bottom:10px; display:block; }
.news-title a { font-family:"微软雅黑"; font-size:16px; color:#000000; }
.news-title font { font-family:"微软雅黑"; font-size:13px; color:#c2c2c2; }
.news-content { line-height:22px; font-family:"微软雅黑"; font-size:14px; color:#c2c2c2; }
.news { padding-bottom:40px; }
.popup_in, .popup_close {
animation-duration:.5s;
animation-delay:.1s; animation-timing-function:ease-out; animation-fill-mode:both; -webkit-animation-duration:.8s;
-webkit-animation-delay:.1s;
-webkit-animation-timing-function:ease-out; -webkit-animation-fill-mode:both; -moz-animation-duration:.5s;
-moz-animation-delay:.2s;
-moz-animation-timing-function:ease-out; -moz-animation-fill-mode:both; -moz-backface-visibility:hidden; -ms-animation-duration:.5s;
-ms-animation-delay:.1s;
-ms-animation-timing-function:ease-out; -ms-animation-fill-mode:both }
.popup_in { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -ms-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp }
.popup_close { visibility:hidden }
@-webkit-keyframes fadeInUp { 0% {
margin-top:-25px;
}
100% {
margin-top:0
}
}
@-moz-keyframes fadeInUp { }
@-ms-keyframes fadeInUp { 0% {
opacity:0;
-ms-transform:translateY(-20px)
}
100% {
opacity:1;
-ms-transform:translateY(0)
}
}
@-o-keyframes fadeInUp { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeInUp { 0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes fadeOutUp { 0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
visibility:hidden;
-webkit-transform:translateY(-20px)
}
}
.job { padding-top:78px; text-align:center; }
.job-top { text-align:center; width:1160px; margin:0 auto; }
.job-top span { font-family:"微软雅黑"; font-size:30px; color:#212121; margin-bottom:32px; display:block; }
.job-top span font { font-family:"微软雅黑"; font-size:30px; color:#00addc; font-weight:bold; }
.job-top p { font-family:"微软雅黑"; font-size:18px; color:#adadad; line-height:26px; }
.job-list { width:1160px; margin:0 auto; text-align:left; }
.job-ico1 { background:url(../images/job-ico1.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-ico2 { background:url(../images/job-ico2.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-ico3 { background:url(../images/job-ico3.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-ico4 { background:url(../images/job-ico4.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-ico5 { background:url(../images/job-ico5.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-ico6 { background:url(../images/job-ico6.png) no-repeat; width:82px; height:82px; display:inline-block; cursor:pointer; }
.job-title { font-family:"微软雅黑"; font-size:18px; color:#636363; cursor:pointer; }
.job-title-en { font-family:"Arial"; font-size:14px; color:#c1c1c1; cursor:pointer; }
.job-pb { font-family:"微软雅黑"; font-size:12px; color:#636363; cursor:pointer; }
.job-content { padding-top:24px; padding-left:12px; cursor:pointer; }
job-list-main { cursor:pointer; }
.job-list-main { width:429px; height:111px; }
.job-list-main2 { width:468px; height:111px; }
.job-list-main3 { height:111px; }
.job-list-main6 { height:111px; }
.job-list-main4 { width:429px; height:111px; }
.job-list-main5 { width:468px; height:111px; }
.job-list { padding-top:95px; }
.job-links { line-height:30px; }
.job-links span { font-family:"微软雅黑"; font-size:18px; color:#8e8e8e; font-weight:bold; display:block; }
.job-links font { font-family:"微软雅黑"; font-size:18px; color:#8e8e8e; display:block; }
.job-links font a { font-family:"微软雅黑"; font-size:18px; color:#8e8e8e; }
.job-list { margin-bottom:60px; }
/*客户*/
.clients-main { background:url(../images/expertise-bj4.png) center; width:100%; height:642px; padding-top:106px; }
.clients-content { background:url(../images/clients-main.jpg) center; width:100%; height:1563px; }
.clients-main-title { width:100%; text-align:center; }
.clients-main-title font { display:block; font-family:"微软雅黑"; font-size:24px; color:#ababab; }
.clients-main-title span { display:block; margin-bottom:20px; }
.clients-img { width:100%; text-align:center; margin-top:74px; }
.clients-main { position:relative; }
.clients-slide { height:724px; padding-top:66px; }
.new-page { width:968px; border:1px solid #dcdcdc; background:#ffffff; min-height:400px; margin:0 auto; padding:15px; border-radius:6px; }
.page-new-title { padding-top:15px; padding-bottom:15px; }
.page-new-title span { font-family:"微软雅黑"; font-size:24px; font-weight:bold; color:#000; display:block; }
.page-new-title font { font-family:"微软雅黑"; font-size:14px; color:#999999; display:block; }
.new-page-main { font-family:"微软雅黑"; font-size:16px; color:#666666; line-height:200%; text-align:left; }
.page-topbanner-content { font-size:16px; }
.new-btn { background:url(../images/work-btn2.png) no-repeat; width:130px; height:46px; line-height:46px; display:inline-block; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:30px; }
.new-btn:hover { background:url(../images/work-btn2-hover.png) no-repeat; color:#ffffff; }
.theme-popover-mask { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; display:none }
.theme-popover { z-index:9999; position:fixed; top:20%; left:50%; margin-left:-400px; width:770px; height:470px; background:#ffffff; border-radius:6px; display:none; padding:15px; }
.theme-popover-mask { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=40); display:none }
.theme-poptit .close { float:right; display:block; width:68px; height:68px; text-indent:-99999; }
#nav2 { position:fixed; left:20px; top:15%; width:60px; height:241px; z-index:9995; padding-top:128px; text-align:left !important; }
#nav2 li { margin-bottom:15px; display:block; }
.nav-ico1 { background:url(../images/jiangbei.png) no-repeat; width:60px; height:60px; display:block; }
.nav-ico1:hover { background:url(../images/jiangbei-hover.png) no-repeat; }
#nav2 .current .nav-ico1 { background:url(../images/jiangbei-hover.png) no-repeat !important; width:60px; height:60px; display:block; }
.nav-ico2 { background:url(../images/design-ico2.png) no-repeat; width:60px; height:60px; display:block; }
.nav-ico2:hover { background:url(../images/design-ico2-hover.png) no-repeat; }
#nav2 .current .nav-ico2 { background:url(../images/design-ico2-hover.png) no-repeat !important; width:60px; height:60px; display:block; }
.nav-ico3 { background:url(../images/brand-ico2.png) no-repeat; width:60px; height:60px; display:block; }
.nav-ico3:hover { background:url(../images/brand-ico2-hover.png) no-repeat; }
#nav2 .current .nav-ico3 { background:url(../images/brand-ico2-hover.png) no-repeat !important; width:60px; height:60px; display:block; }
.nav-ico4 { background:url(../images/move-ico2.png) no-repeat; width:60px; height:60px; display:block; }
.nav-ico4:hover { background:url(../images/move-ico2-hover.png) no-repeat; }
#nav2 .current .nav-ico4 { background:url(../images/move-ico2-hover.png) no-repeat !important; width:60px; height:60px; display:block; }
.nav-ico5 { background:url(../images/ui-ico2.png) no-repeat; width:60px; height:60px; display:block; }
.nav-ico5:hover { background:url(../images/ui-ico2-hover.png) no-repeat; }
#nav2 .current .nav-ico5 { background:url(../images/ui-ico2-hover.png) no-repeat !important; width:60px; height:60px; display:block; }
#tFocus { width:1120px; height:480px; overflow:hidden; margin:0 auto; position:relative; padding-top:50px; }
#tFocus-pic { width:1118px; height:243px; position:relative; margin:100px 0 40px; }
#tFocus-pic li { border-radius:16px; width:1120px; margin:0 auto; height:250px; position:absolute; background:#323232; border:1px solid #404040; left:0; top:0;/* filter:alpha(opacity:0);opacity:0; */ }
#tFocusBtn { width:1118px; padding-top:40px; padding-left:5px; z-index:20; }
#tFocus-btn { width:1020px; position:relative; left:0; bottom:0; float:left; margin-right:3px; }
#tFocus-btn ul { width:100000px; position:absolute; left:0; top:0; overflow:visible !important; }
#tFocus-btn li { height:85px; width:91px;/* padding-top:7px; */ display:block; float:left; margin-right:11px; position:relative; display:table; text-align:center; }
#tFocus-btn li span { display:table-cell; vertical-align:middle; }
#tFocus-btn li.active em { display:block; }
.s-ico { background:url(../images/sanjiao.png) no-repeat; width:40px; height:19px; display:none; position:absolute; left:17px; top:-61px; }
#tFocus-btn li.active img { }
#tFocus-leftbtn, #tFocus-rightbtn { height:120px; margin-top:18px; width:60px; text-indent:-9999px; }
#tFocus-leftbtn { margin-right:5px; background:url(../images/img-btn.png) no-repeat; position:absolute; left:20px; top:50px; }
#tFocus-rightbtn { background:url(../images/img-btn2.png) no-repeat; position:absolute; right:20px; top:50px; }
.picFocus .prev:hover { margin-right:5px; background:url(../images/img-btn-hover.png) no-repeat; }
.picFocus .next:hover { background:url(../images/img-btn-hover2.png) no-repeat; }
.picFocus .prev, .picFocus .next { width: 60px; height: 120px; margin: -60px 0 0; position: absolute; top: 40%; z-index: 999999; cursor: pointer; text-indent: -9999px; }
.picFocus .prev { left: 0; background:url(../images/img-btn.png) no-repeat; }
.picFocus .next { right: 0; background:url(../images/img-btn2.png) no-repeat; }
.picFocus .tempWrap { overflow:visible !important; }
.tempWrap li { cursor:pointer; }
.smallImg ul li { background:url(../images/c_bg1.png) no-repeat; }
.smallImg ul li span img { }
.smallImg p { width:85px; height:85px; line-height:85px;  /* 行高等于高度 */ }
/* 兼容标准浏览器 */
.smallImg p:before { content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */ margin-left:-5px; font-size:10px;  /* 修复居中的小BUG */ visibility:hidden;  /*设置成隐藏元素*/ }
.smallImg p img {
 *margin-top:expression((85 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */ vertical-align:middle; }
.picFocus .smallImg .active { background:url(../images/c_bg2.png) no-repeat; }
.c_txt { padding:30px 40px 40px 40px; color:#D8D8D8; line-height:200%; font-family:"微软雅黑"; font-size:14px; }
.job-links font a:hover { text-decoration:underline; }
.theme-popbod { text-align:left; font-family:"微软雅黑"; font-size:14px; color:#666666; }
.m-404 { position:relative; width:100%; height:100%; }
.m-404-main { background:url(../images/404.png) center no-repeat #ffffff; height:455px; width:542px; position:absolute; left:50%; top:100px; margin-left:-271px; }
.btn-main { background:url(../images/404-btn.png) no-repeat; width:157px; height:39px; line-height:39px; display:block; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-right:15px; }
.btn-main em { background:url(../images/404-san.png) no-repeat; width:7px; height:11px; display:inline-block; margin-right:4px; }
.btn-main:hover { background:url(../images/404-btn-hover.png) no-repeat; color:#ffffff; }
.btn-main:hover em { background:url(../images/404-san-hover.png) no-repeat; }
.content-404-btn { position:absolute; right:-60px; bottom:0px; }
.zan { background:url(../images/zan.png) no-repeat !important; width:44px !important; height:10px !important; display:block !important; margin-left:15px; text-align:center; padding-top:34px; font-family:"微软雅黑" !important; font-size:10px !important; color:#ffffff !important; line-height:0px !important; }
.work-list-btn { width:340px; margin:0 auto; padding-top:40px; }
 .#BDBridgeWrap, #BDBridgeNewWrap, #BDBridgeFixedWrap, #BDBridgeWrap div, #BDBridgeNewWrap div, #BDBridgeFixedWrap div, #BDBridgeWrap ul, #BDBridgeNewWrap ul, #BDBridgeFixedWrap ul, #BDBridgeWrap li, #BDBridgeNewWrap li, #BDBridgeFixedWrap li {
 display:none !important;
}
