body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul { margin: 0px; padding: 0px; }
dl, ol, ul { list-style-type: none; }
address, b, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: 400; }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, input { overflow: visible; vertical-align: middle; outline: 0px none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
a, area { outline: 0px none; }
a:active, a:focus, a:hover { outline: 0px none; }
table { border-collapse: collapse; border-spacing: 0px; }
input[type="button"], input[type="submit"] { cursor: pointer; }
img { border: 0px none; vertical-align: middle; }
/* a img, img { margin: 0 auto; } */
a { text-decoration: none;  }
a:hover { text-decoration: none; }
body, button, input, select, td, textarea, th { font-family: Arial,"微软雅黑"; font-size: 12px; color: rgb(0, 0, 0); }
button:focus { outline: 0px none; }
.clearLink, .clearLink:hover { cursor: text; text-decoration: none; }
.layout { width: 1200px; margin: 0px auto; clear: both; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0px; line-height: 0; }
body { min-width: 1220px; }
.slick-slider { position: relative; outline: 0px none; display: block; box-sizing: border-box; -moz-user-select: none; touch-action: pan-y; width:1024px;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: 0px none; }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; }
.slick-track::after, .slick-track::before { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-slide { display: none; float: left; outline: 0px none; height: 100%; min-height: 1px; }
.slick-slide img { display: block; margin: auto; }
.slick-initialized .slick-slide { display: block; }
.slick-dots button { display: none; }
.header { z-index: 1000; background: #0090CE none repeat scroll 0% 0%;  left: 0px; right: 0px; top: 0px; }
.headerbox { background: #0090CE none repeat scroll 0% 0%; position: relative; z-index: 1000; height: 50px; }
.header-msg, .logo { transition: padding-top 0.25s ease 0s; }
.nav li { transition: line-height 0.25s ease 0s; }
.layout { width: 1200px; margin: 0px auto; }
.logo { margin-top: 13px; float: left; padding-top: 20px; }
.header-right { width:1200px; float:left; height:50px; }
.header-msg { float: right; padding-top: 20px; line-height: 20px; }
.ph { float: left; font-size: 14px; margin-right: 18px; border-right: 1px solid rgb(243, 243, 243); color: rgb(0, 170, 246); }
.ph i { background: rgba(0, 0, 0, 0) url('png_ph1.png') no-repeat scroll 0% 0%; display: inline-block; vertical-align: middle; width: 17px; margin-right: 11px; height: 17px; }
.ph em { margin-right: 25px; }
.nav { margin-right: -5px; float:left; }
.nav li { margin-left: 46px; float: left; line-height: 50px; }
.nav li > a { position: relative; font-size: 16px; display: block; padding: 0px 5px 2px; color:#FFF;font-weight:600; font-family:"微软雅黑";}
a { transition: color 0.2s ease 0s, background 0.2s ease 0s; }
.nav li:hover > a { color:#F60; }
.nav li .line { bottom: 0px; left: 0px; transition: all 0.2s ease 0s; width: 0px; height: 2px; background: rgb(0, 149, 226) none repeat scroll 0% 0%; position: absolute; }
.nav li.on > a {  }
.nav li:hover .line { width: 100%; }
.nav-sub { display: none; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 0px; position: absolute; top: 100%; }
.nav-sub-box { width: 140px; background-position: right bottom; height: 300px; background-repeat: no-repeat; padding: 0px 20px; float: left; }
.nav-sub-box dl { padding-bottom: 6px; }
.nav-sub-box dd, .nav-sub-box dt { width: 100%; float: left; }
.nav-sub-box.i1 { margin-left: 40px; width: 190px; }
.nav-sub-box.i1 dd { width: 50%; }
.nav-sub-box dt { padding-top: 11px; margin-bottom: 14px; line-height: 60px; border-bottom: 1px solid rgb(233, 233, 233); }
.nav-sub-box dt a { color: rgb(102, 102, 102); display: block; font-size: 18px; font-weight: 700; }
.nav-sub-box dd { line-height: 26px; }
.nav-sub-box dd a { color: rgb(51, 51, 51); font-size: 12px; }
.nav-sub-box dd a:hover { border-bottom: 1px solid rgb(255, 255, 255); }
.nav-icon { display: inline-block; vertical-align: middle; margin-left: 6px; width: 26px; height: 12px; }
.nav-icon.hot { background-image: url('../images/png_hot1.png'); }
.nav-icon.new { background-image: url('../images/png_new1.png'); }
.nav-sub-box.b1 { background-color: rgb(252, 252, 252); }
.bannerplace a:hover, .j-name span a:hover, .nav-sub-box dd a:hover { color: rgb(0, 149, 226); }
.nav-sub-link a { border-radius: 2px; height: 30px; line-height: 30px; text-align: center; color: rgb(255, 255, 255); margin-top: 8px; display: block; }
.nav-sub-link .c1 { background: rgb(0, 195, 92) none repeat scroll 0% 0%; }
.nav-sub-link .c2 { background: rgb(0, 162, 255) none repeat scroll 0% 0%; }
.nav-sub-box.i1 { background-image: url('../images/n1_1.png'); }
.nav-sub-box.i2 { background-image: url('../images/n2_1.png'); }
.nav-sub-box.i3 { background-image: url('../images/n3_1.png'); }
.nav-sub-box.i4 { background-image: url('../images/n4_1.png'); }
.nav-sub-box.i5 { background-image: url('../images/n5_1.png'); }
.nav-sub-box.i6 { background-image: url('../images/n6_1.png'); }
.btnhover { transition: all 0.1s ease 0s; }
.btnhover:hover { box-shadow: 0px 0px 5px 1px rgb(255, 255, 255) inset; }
.nav-sub-box.i1:hover { background-image: url('../images/n1.png'); }
.nav-sub-box.i2:hover { background-image: url('../images/n2.png'); }
.nav-sub-box.i3:hover { background-image: url('../images/n3.png'); }
.nav-sub-box.i4:hover { background-image: url('../images/n4.png'); }
.nav-sub-box.i5:hover { background-image: url('../images/n5.png'); }
.nav-sub-box.i6:hover { background-image: url('../images/n6.png'); }
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a { transition: all 0s ease 0s; }
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a { color: rgb(255, 255, 255); }
.footer { background: rgb(22, 24, 26) url('../images/gui.png') no-repeat scroll center 132px; }
.footer-top { padding-top: 35px; }
.webmap { float: left; margin-right: 68px; }
.webmap dt { line-height: 53px; }
.webmap dt a { color: rgb(0, 149, 226); font-size: 16px; }
.webmap dd { line-height: 24px; }
.webmap dd a { color: rgb(102, 102, 102); font-size: 14px; }
.webmap dd a:hover { color: rgb(255, 255, 255); }
.ewm { margin-right: 13px; }
.nomr { margin-right: 0px !important; float: right; }
.footer-m { padding: 10px 0px 50px; }
.ad li { padding-right: 1.3%; float: left; width: 24%; }
.ad li i { float: left; padding-top: 52px; font-size: 18px; margin-right: 23px; margin-bottom: 5px; color: rgb(153, 153, 153); background-position: center top; background-repeat: no-repeat; line-height: 22px; }
.ad li .i1 { background-image: url('../images/png_adbg2.png'); }
.ad li .i2 { background-image: url('../images/png_adbg1.png'); }
.ad li .i3 { background-image: url('../images/home_foshan.png'); }
.ad li .i4 { background-image: url('../images/home-shanghai.jpg'); background-size: 28px auto; }
.ad li.last { padding-right: 0px; }
.ad li h5 { line-height: 37px; color: rgb(127, 127, 127); font-size: 30px; }
.ad li p { font-size: 14px; color: rgb(102, 102, 102); line-height: 20px; }
.footer-b { border-top: 1px solid rgb(34, 37, 40); padding: 10px 0px; line-height: 37px; }
.copyright { color: rgb(95, 95, 95); font-size: 12px; }
.sb_s1 { margin-left: 10px; vertical-align: middle; }
.banner { height: 500px; overflow: hidden; }
.banner a { display: block; height: 500px; background-position: center center; background-repeat: no-repeat; }
.banner .slick-dots { position: absolute; width: 100%; text-align: center; left: 0px; bottom: 20px; }
.banner .slick-dots li { width: 13px; height: 13px; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0px 5px; background: rgb(0, 170, 246) none repeat scroll 0% 0%; opacity: 0.53; }
.banner .slick-dots li.slick-active { opacity: 1; }
.webtit { padding-top: 40px; padding-bottom: 30px; text-align: center; }
.enfont { font-family: 华文细黑; letter-spacing: 0.06em; transform: scale(1, 1.1); text-transform: uppercase; }
.webtit em { display: block; line-height: 70px; position: relative; font-size: 42px; color: rgb(63, 63, 63); }
.webtit em i { position: absolute; left: 50%; bottom: 0px; width: 26px; height: 2px; margin-left: -13px; background: rgb(30, 192, 255) none repeat scroll 0% 0%; }
.webtit span { line-height: 66px; font-size: 24px; color: rgb(41, 40, 40); }
.kwicks { display: block; list-style: outside none none; position: relative; margin: 0px; padding: 0px; }
.kwicks > * { display: block; overflow: hidden; padding: 0px; margin: 0px; }
.kwicks.kwicks-processed > * { margin: 0px; position: absolute; }
.kwicks-horizontal > * { float: left; }
.kwicks-horizontal > :first-child { margin-left: 0px; }
.kwicks-vertical > :first-child { margin-top: 0px; }
.kwicks { padding: 0px 0px 62px; }
.kwicks, .kwicks > li, .sermod, .sermod2 { height: 316px; }
.kwicks > li { float: left; }
.sermod { color: rgb(255, 255, 255); width: 200px; float: left; position: relative; z-index: 1; padding: 0px 20px; }
.sermod2 { z-index: 0; width: 230px; float: left; position: relative; }
.sermod2 i { background: rgb(0, 0, 0) none repeat scroll 0% 0%; left: 0px; opacity: 0.5; top: 0px; right: 0px; bottom: 0px; z-index: 0; position: absolute; }
.sermod2-wrap { position: relative; z-index: 1; }
.sermod2-wrap a { display: block; margin: 0px auto 10px; width: 102px; height: 31px; line-height: 31px; text-align: center; color: rgb(255, 255, 255); transition: all 0.2s ease 0s; font-size: 14px; border-radius: 2px; border: 1px solid rgb(137, 139, 140); }
.b1 .sermod2-wrap a:hover { border: 1px solid rgb(79, 156, 219); background: rgb(79, 156, 219) none repeat scroll 0% 0%; }
.b2 .sermod2-wrap a:hover { border: 1px solid rgb(123, 153, 238); background: rgb(123, 153, 238) none repeat scroll 0% 0%; }
.b3 .sermod2-wrap a:hover { border: 1px solid rgb(80, 210, 183); background: rgb(80, 210, 183) none repeat scroll 0% 0%; }
.b4 .sermod2-wrap a:hover { border: 1px solid rgb(253, 173, 115); background: rgb(253, 173, 115) none repeat scroll 0% 0%; }
.sermod2 { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.sermod.b1 { background: rgb(79, 156, 219) none repeat scroll 0% 0%; }
.sermod.b2 { background: rgb(123, 153, 238) none repeat scroll 0% 0%; }
.sermod.b3 { background: rgb(80, 210, 183) none repeat scroll 0% 0%; }
.sermod.b4 { background: rgb(253, 173, 115) none repeat scroll 0% 0%; }
.sermodwrap { width: 470px; }
.sermod.b1 b { border-left: 12px solid rgb(79, 156, 219); }
.sermod.b2 b { border-left: 12px solid rgb(123, 153, 238); }
.sermod.b3 b { border-left: 12px solid rgb(80, 210, 183); }
.sermod.b4 b { border-left: 12px solid rgb(253, 173, 115); }
.sermod b { position: absolute; width: 0px; right: -12px; height: 0px; top: 50%; margin-top: -5px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.sermod i { display: block; padding-top: 20px; height: 80px; background-position: left 20px; background-repeat: no-repeat; }
.sermod.b1 i { background-image: url('png_sermod1.png'); }
.sermod.b2 i { background-image: url('png_sermod2.png'); }
.sermod.b3 i { background-image: url('png_sermod3.png'); }
.sermod.b4 i { background-image: url('png_sermod4.png'); }
.sermod h4 { line-height: 26px; font-size: 18px; }
.sermod h5 { line-height: 45px; font-size: 34px; }
.sermod p { padding-top: 15px; line-height: 21px; font-size: 14px; }
.protab .hd { height: 69px; line-height: 69px; position: relative; text-align: center; border-top: 1px solid rgb(234, 234, 234); }
.protab .hd span { padding: 0px 13px; font-size: 17px; color: rgb(102, 102, 102); cursor: pointer; margin: 0px 8px; transition: all 0.25s ease 0s; position: relative; display: inline-block; vertical-align: top; }
.protab .hd i { left: 0px; top: -1px; height: 1px; background: rgb(0, 149, 226) none repeat scroll 0% 0%; width: 0px; position: absolute; }
.protab .hd span.on { color: rgb(0, 149, 226); }
.protab .bd { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.protab .bd ul { display: none; }
.protab .bd ul li { position: relative; overflow: hidden; float: left; width: 24.99%; }
.protab .bd ul li i, .protab .bd ul li p { position: absolute; bottom: -50px; height: 50px; transition: all 0.25s ease 0s; line-height: 50px; padding: 0px 19px; right: 0px; left: 0px; }
.protab .bd ul li:hover i, .protab .bd ul li:hover p { bottom: 0px; }
.protab .bd ul li i { background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.5; }
.protab .bd ul li p { font-size: 16px; color: rgb(255, 255, 255); z-index: 1; }
.pp { position: relative; width: 1202px; padding-bottom: 88px; }
.zp { width: 511px; z-index: 0; height: 270px; background: rgb(255, 255, 255) url('png_zp1.png') no-repeat scroll left top; position: absolute; left: -45px; padding-right: 13px; top: 0px; }
.pp table td { width: 20%; border: 1px solid rgb(232, 232, 232); height: 135px; overflow: hidden; }
.ppslide .slick-arrow { z-index: 10; position: absolute; border: 1px solid rgb(222, 222, 222); color: rgb(222, 222, 222); font-family: "宋体"; font-size: 30px; width: 49px; height: 49px; text-align: center; line-height: 49px; cursor: pointer; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; top: 0px; left: 430px; }
.ppslide table { width: 99.9%; margin-left: 1px; }
.ppslide .slick-prev { left: 380px; }
.ppslide .slick-arrow:hover { color: rgb(255, 255, 255); background: rgb(0, 149, 226) none repeat scroll 0% 0%; border: 1px solid rgb(0, 149, 226); }
.webmod2 { background: rgb(247, 247, 247) none repeat scroll 0% 0%; }
.news { padding: 0px 26px 9px; overflow: hidden; height: 700px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.news { float: left; }
.news-t { height: 71px; line-height: 71px; }
.news-t h5 { float: left; font-size: 18px; margin-right: 20px; cursor: pointer; color: rgb(0, 0, 0); }
.news-t h5.slick-current { font-size: 20px; color: rgb(0, 149, 226); }
.newlist li { padding-bottom: 4px; }
.newlist a { display: block; font-size: 14px; height: 81px; padding: 9px; }
.newlist a:hover { background: rgb(0, 149, 226) none repeat scroll 0% 0%; }
.newlist a:hover h5, .newlist a:hover p { color: rgb(255, 255, 255); }
.newlist { width: 400px; }
.newlist h5 { line-height: 27px; max-height: 54px; overflow: hidden; color: rgb(63, 63, 63); }
.newlist p { line-height: 21px; margin-top: 6px; color: rgb(102, 102, 102); }
.newlist .slick-arrow { width: 42px; top: -56px; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; border: medium none; text-indent: -300%; overflow: hidden; cursor: pointer; height: 42px; position: absolute; }
.newlist .slick-prev { background-image: url('png_jt1.png'); right: 50px; }
.newlist .slick-prev:hover { background-image: url('png_jt3.png'); }
.newlist .slick-next { background-image: url('png_jt2.png'); right: 0px; }
.newlist .slick-next:hover { background-image: url('png_jt4.png'); }
.newshd { float: left; width: 590px; }
.newslist2 { width: 670px; }
.newsmore { color: rgb(153, 153, 153); font-size: 14px; float: right; }
.newsmore:hover { color: rgb(0, 149, 226); }
.newslist2 li.o { float: left; }
.newslist2 li.t { float: right; }
.newslist2 li { width: 48%; float: left; line-height: 52px; border-bottom: 1px solid rgb(242, 242, 242); }
.newslist2 li a { display: block; }
.newslist2 li h5 { padding-left: 16px; background: rgba(0, 0, 0, 0) url('png_jt5.png') no-repeat scroll left center; font-size: 14px; color: rgb(0, 0, 0); width: 220px; float: left; }
.newslist2 li b { color: rgb(153, 153, 153); font-size: 14px; float: right; }
.newslist2 li a:hover h5 { color: rgb(0, 149, 226); }
.newslist2 li.frist { border: medium none; width: 100%; }
.newslist2 li.frist h5 { line-height: 23px; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; font-size: 16px; float: none; width: inherit; }
.newslist2 li.frist p { line-height: 28px; height: 84px; overflow: hidden; font-size: 14px; margin-top: 11px; color: rgb(102, 102, 102); }
.newslist2 li.frist b { float: none; display: block; margin-top: 9px; line-height: 23px; }
.friendlinks { line-height: 47px; padding: 18px 0px; }
.friendlinks h5 { width: 76px; float: left; }
.friendlinkslide { width: 1122px; position: relative; line-height: 27px; height: 27px; overflow-y: hidden; margin-top: 11px; float: left; }
.friendlinkslide a { text-align: center; font-size: 13px; color: rgb(153, 153, 153); float: left; }
.friendlinkslide span { margin: 0px 10px; color: rgb(153, 153, 153); float: left; }
.friendlinkslide .slick-next { width: 16px; height: 16px; border: medium none; cursor: pointer; top: 6px; position: absolute; overflow: hidden; text-indent: 300%; background: rgba(0, 0, 0, 0) url('png_jt6.png') repeat scroll 0% 0%; right: 0px; }
.friendlinkslide .slick-next:hover { background: rgba(0, 0, 0, 0) url('png_jt7.png') repeat scroll 0% 0%; }
.friendlinkslide a:hover { color: rgb(0, 149, 226); }
/*.hideshow { transition: transform 0.6s ease 0s, opacity 1.8s ease 0s; transform: translate3d(0px, 10%, 0px) scale(0.9); opacity: 0; }*/
.hideshow.on { transform: translate3d(0px, 0px, 0px) scale(1); opacity: 1; }
.clumbo { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(238, 238, 238); }
.clumbo .searchbo { overflow: hidden; font-size: 0px; float: right; width: 170px; height: 41px; border: 1px solid rgb(233, 233, 233); margin-top: 18px; border-radius: 5px; }
.clumbo .searchbo input { display: inline-block; width: 110px; line-height: 41px; height: 41px; font-size: 14px; border: medium none; padding-left: 20px; }
.clumbo .searchbo .submit { display: inline-block; padding: 0px; margin: 0px; background: rgba(0, 0, 0, 0) url('../images/searchboi.jpg') no-repeat scroll 0% 0%; width: 36px; height: 22px; }
.newslistbo .newSbo li:nth-child(4n) { margin-right: 0px; }
.nieslit li:nth-child(3n) { margin-right: 0px; }
.j-honor li:nth-child(4n) { margin-right: 0px; }
.sub_about .about_mian .a2 .mian ul li::before { display: block; position: absolute; content: ""; left: 10px; right: 11px; border-top: 1px solid rgb(112, 164, 205); }
.sub_about .about_mian .a2 .mian ul li::after { display: block; position: absolute; content: ""; left: 0px; top: -70px; }
.sub_about .about_mian .a2 .mian ul li:last-child::before { border: medium none; }
.sub_about .about_mian .a2 .mian ul li h6::before { display: block; position: absolute; content: ""; left: 19px; top: -10px; width: 21px; height: 21px; border: 1px solid rgb(112, 164, 205); border-radius: 50%; transition: all 0.5s ease 0s; }
.sub_about .about_mian .a2 .mian ul li h6::after { display: block; position: absolute; content: ""; left: 25px; top: -4px; width: 11px; height: 11px; border-radius: 50%; background: rgb(112, 164, 205) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.sub_about .about_mian .a2 .mian ul li span::before { display: block; position: absolute; left: 0px; bottom: 10px; content: ""; width: 1px; height: 118px; background: rgb(112, 164, 205) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li span::after { display: block; position: absolute; left: 0px; bottom: 128px; content: ""; width: 7px; height: 1px; background: rgb(112, 164, 205) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li span::before { transform: scaleY(0); transform-origin: center bottom 0px; transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
.sub_about .about_mian .a2 .mian ul li span::after { transform: scaleX(0); transform-origin: left center 0px; transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99) 50ms; }
.sub_about .about_mian .a2 .mian ul li.on h6::before, .sub_about .about_mian .a2 .mian ul li:hover h6::before { border: 1px solid rgb(255, 255, 255); }
.sub_about .about_mian .a2 .mian ul li.on h6::after, .sub_about .about_mian .a2 .mian ul li:hover h6::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li.on span::before, .sub_about .about_mian .a2 .mian ul li:hover span::before { background: rgb(255, 255, 255) none repeat scroll 0% 0%; transform: scaleY(1); transition-delay: 0s; }
.sub_about .about_mian .a2 .mian ul li.on span::after, .sub_about .about_mian .a2 .mian ul li:hover span::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; transform: scaleX(1); transition-delay: 150ms; }
.sub_about .about_mian .a2 .mian ul li.br span::after { left: auto; right: 100%; margin-right: -1px; transform-origin: right center 0px; }
.w_title h2::after { content: ""; display: block; width: 65px; height: 3px; font-family: 华文细黑; margin: 44px auto auto; background: rgb(0, 149, 226) none repeat scroll 0% 0%; }
.w_solutions .w_title h2::after { margin-top: 56px; }
.w_advantage::after { content: ""; clear: both; }
.w_advantage .w_icon_wrap li h1::after { content: ""; width: 45px; height: 3px; background: rgb(0, 149, 226) none repeat scroll 0% 0%; display: block; margin-top: 21px; }
.w_advantage .w_icon_wrap li:hover h1::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.ball { background: rgba(0, 0, 0, 0) url('bg1.jpg') no-repeat scroll center center; max-width: 1920px; margin: 0px auto; height: 580px; }
.ball .ball-inner { position: relative; width: 788px; margin: 0px auto; height: 100%; box-sizing: border-box; padding-top: 63px; line-height: 1; }
.ball .ball-inner .more-wrap { position: absolute; width: 224px; height: 48px; bottom: 40px; left: 50%; margin: 0px 0px 0px -112px; border-radius: 4px; background-color: rgb(26, 151, 223); overflow: hidden; }
.ball .ball-inner .more-wrap:hover .more { top: 48px; }
.ball .ball-inner .more-wrap:hover .more2 { top: 0px; }
.ball .ball-inner .more { position: absolute; top: 0px; left: 0px; width: 224px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: rgb(255, 255, 255); background: rgb(26, 151, 223) url('more.png') no-repeat scroll 160px center; transition: all 0.4s ease 0s; }
.ball .ball-inner .more2 { position: absolute; top: -48px; width: 224px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: rgb(255, 255, 255); background: rgb(26, 151, 223) url('more.png') no-repeat scroll 160px center; transition: all 0.4s ease 0s; }
.ball .ball-inner .num .p1 { float: left; width: 170px; height: 86px; animation-delay: 0.4s; }
.ball .ball-inner .num .p1 b { font-size: 54px; color: rgb(26, 151, 223); vertical-align: 8px; margin-left: 4px; }
.ball .ball-inner .num .p1 em { font-size: 16px; color: rgb(26, 151, 223); }
.ball .ball-inner .num .p2 { float: left; width: 227px; height: 86px; margin-left: 130px; animation-delay: 0.8s; }
.ball .ball-inner .num .p2 b { font-size: 40px; color: rgb(26, 151, 223); vertical-align: 33px; }
.ball .ball-inner .num .p2 em { font-size: 16px; color: rgb(26, 151, 223); }
.ball .ball-inner .num .p3 { float: right; width: 227px; height: 86px; animation-delay: 1.2s; }
.ball .ball-inner .num .p3 b { font-size: 40px; color: rgb(26, 151, 223); vertical-align: 33px; }
.ball .ball-inner .num .p3 em { font-size: 16px; color: rgb(26, 151, 223); }
.ball .ball-inner .d1 { position: absolute; cursor: pointer; }
.ball .ball-inner .d1 dt { float: left; margin-top: 3px; position: relative; width: 16px; height: 16px; border: 1px solid rgb(0, 149, 226); border-radius: 16px; cursor: pointer; margin-right: 6px; }
.ball .ball-inner .d1 dt .light { position: absolute; transition: all 0.4s ease 0s; transform-origin: 100% 100% 0px; transform: scale(0); opacity: 0; top: -116px; left: -334px; width: 345px; height: 123px; background: rgba(0, 0, 0, 0) url('ball.png') no-repeat scroll 0% 0%; }
.ball .ball-inner .on dt { z-index: 1; }
.ball .ball-inner .d1.spe dt .light { background: rgba(0, 0, 0, 0) url('ball2.png') no-repeat scroll 0% 0%; left: 7px; transform-origin: 0px 100% 0px; }
.ball .ball-inner .d1 dt .light .light-inner { width: 324px; height: 86px; background-color: rgb(255, 255, 255); border-radius: 44px; }
.ball .ball-inner .d1 dt .light .light-inner .lt { float: left; height: 78px; width: 78px; border: 4px solid rgb(51, 213, 156); border-radius: 44px; background: rgba(0, 0, 0, 0) url('ft.jpg') no-repeat scroll center center; }
.ball .ball-inner .d1 dt .light .light-inner .lt1 { background-image: url('@e5@be@ae@e4@bf@a1app@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt2 { background-image: url('@e7@a7@bb@e5@8a@a8@e5@ba@94@e7@94@a8.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt3 { background-image: url('@e5@93@8d@e5@ba@94@e5@bc@8f@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt4 { background-image: url('@e5@93@81@e7@89@8c@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt5 { background-image: url('h5@e6@b4@bb@e5@8a@a8@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt6 { background-image: url('@e7@94@b5@e5@95@86@e5@b9@b3@e5@8f@b0@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt7 { background-image: url('@e4@bc@81@e4@b8@9a@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .lt8 { background-image: url('@e8@90@a5@e9@94@80@e6@b4@bb@e5@8a@a8@e5@ae@a2@e6@88@b7.jpg'); }
.ball .ball-inner .d1 dt .light .light-inner .rg { float: left; width: 210px; padding-top: 10px; margin-left: 10px; }
.ball .ball-inner .d1 dt .light .light-inner .rg .p1 { font-size: 15px; color: rgb(139, 139, 139); margin-bottom: 8px; line-height: 1.4; }
.ball .ball-inner .d1 dt .light .light-inner .rg .p2 { font-size: 14px; color: rgb(0, 0, 0); }
.ball .ball-inner .d1 dt span { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin: -6px 0px 0px -6px; background-color: rgb(0, 149, 226); border-radius: 8px; animation: 2s ease 0s normal forwards infinite running fd; }
.ball .ball-inner .d1 dd { float: left; }
.ball .ball-inner .d1 dd span { font-size: 20px; color: rgb(0, 0, 0); }
.ball .ball-inner .d1 dd b { font-size: 12px; color: rgb(0, 0, 0); }
.ball .ball-inner .on dt .light { opacity: 1; transform: scale(1); }
.ball .ball-inner .on span { animation-play-state: paused; }
.ball .ball-inner .on dt { border-color: rgb(51, 213, 157); }
.ball .ball-inner .on dt span { background-color: rgb(51, 213, 157); }
.ball .ball-inner .on dd b, .ball .ball-inner .on dd span { color: rgb(51, 213, 157); }
.ball .ball-inner .big dt { width: 20px; height: 20px; border-radius: 20px; }
.ball .ball-inner .big dt span { width: 14px; height: 14px; border-radius: 14px; margin: -7px 0px 0px -7px; animation-delay: 1s; }
.ball .ball-inner .big dd span { font-size: 26px; }
.ball .ball-inner .big dd b { font-size: 14px; }
.cap_1 .cap_tit .c_tit h4::before { position: absolute; left: 0px; bottom: 0px; width: 44px; height: 3px; content: ""; background: rgb(0, 166, 234) none repeat scroll 0% 0%; }
.bj-banner-wrap h5::after { content: ""; height: 3px; width: 44px; position: absolute; background: rgb(247, 176, 68) none repeat scroll 0% 0%; bottom: 0px; left: 0px; }
.clumbo.spe { float: left; transition: all 0.35s ease 0s; overflow: hidden; border: medium none; position: relative; margin-top: -8px; }
.clumbo.spe .searchbo { width: 150px; height: 31px; }
.clumbo.spe .searchbo input { height: 31px; padding-left: 10px; width: 108px; line-height: 31px; }
.clumbo.spe .searchbo .submit { padding-left: 0px; width: 26px; height: 22px; }
.clumbo.spe .searchbo { margin-top: 0px; }
.clumbo.spe form { width: 150px; }
.n0.numm0 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 0.5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.n1.numm0 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.n2.numm0 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 1.5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.n3.numm0 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 2s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.numm1 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.numm2 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.numm3 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.numm7 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
.numm { background-image: url('num.png'); width: 35px; height: 70px; margin-top: -6px; margin-left: -5px; margin-bottom: 5px; display: inline-block; vertical-align: top; }
.phbtn { float: left; width: 21px; height: 18px; background-image: url('al3.png'); font-size: 12px; color: rgb(153, 153, 153); margin-left: 10px; }
.kefu { position: absolute; right: 3px !important; left: auto !important; top: 300px; z-index: 10000; }
.kefu .kfdiv { width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: rgb(255, 255, 255); text-align: center; margin-right: 0px; background: rgba(0, 0, 0, 0) url('kefu.png') no-repeat scroll 0% 0%; }
.kefu .c2 { background-position: 0px 0px; position: relative; display: block; }
.kfQQ { width: 138px; margin-left: -77px; position: relative; margin-bottom: 1px; display: none; }
.kfQQ dt { height: 63px; background: rgba(0, 0, 0, 0) url('ket.png') no-repeat scroll 0% 0%; }
.kfQQ dd { border-width: 1px 1px 3px; border-style: solid; border-color: rgb(220, 220, 220) rgb(220, 220, 220) rgb(8, 150, 222); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; width: 138px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.kfQQ dd span { padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: rgb(92, 92, 92); }
.kfQQ dd span img { margin-right: 10px; width: 23px; height: 23px; vertical-align: middle; }
.kfQQ dd span a { color: rgb(119, 119, 119); display: block; padding-top: 8px; }
.kfQQ dd span a:hover { color: rgb(119, 119, 119); }
.kefu .c3 { background-position: 0px -64px; }
.newlistbox.show { left: 26px; }
.newlistbox { position: absolute; top: 70px; left: -1000px; }
.lazysss { height: 70px; width: 127px; margin-right: 12px; float: left; line-height: 70px; text-align: center; }
.protab-img { background-image: url('loading.gif'); background-repeat: no-repeat; display: block; background-position: center center; }
.cooperationLogo dd li img, .serviceClient dd li img, input, select, textarea { vertical-align: middle; }
.lazysss2 { width: 222px; background-repeat: no-repeat; height: 122px; margin-bottom: 22px; background-image: url('loading.gif'); background-position: center center; float: left; margin-right: 17px; }
.ppslide .slick-arrow.slick-disabled, .ppslide .slick-arrow.slick-disabled:hover { cursor: inherit; color: rgb(255, 255, 255); background: rgb(222, 222, 222) none repeat scroll 0% 0%; border: 1px solid rgb(222, 222, 222); }
.newlist .slick-disabled { opacity: 0.5; }
.newlist .slick-next.slick-disabled:hover { background-image: url('png_jt2.png'); }
.ppslide img { transition: all 0.25s ease 0s; }
.ppslide img:hover { transform: scale(0.9); }
.select-val::after { content: ""; display: inline-block; vertical-align: middle; margin: 0px 16px; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid rgb(238, 238, 238); }
.bjlc-t span:last-child::after { content: ""; position: absolute; right: -2px; top: 0px; width: 108px; height: 108px; background-image: url('msgtit1.png'); }
.bjlc-t.on2 span:last-child::after { background-image: url('msgtit2.png'); }
.bjlc-t.on3 span:last-child::after { background-image: url('msgtit3.png'); }
.bc_seo_2_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 120px; }
.bc_seo_5_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 80px; }
.bc_seo_6_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 110px; }
.sod_select .sod_list .selected::before { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-block; color: rgb(128, 128, 128); height: 9px; width: 10px; background: rgba(0, 0, 0, 0) url('undefined') repeat scroll 0% 0%; }
.sod_select.no_highlight .sod_list .selected::before { display: none; }
.header { transform: translateZ(0px); }
.slick-dots { position: absolute; width: 100%; bottom: 25px; list-style: outside none none; display: block; text-align: center; padding: 0px; }
.slick-dots li { border-radius: 7px; cursor: pointer; width: 13px; overflow: hidden; height: 13px; background: rgb(33, 33, 33) none repeat scroll 0% 0%; display: inline-block; margin: 0px 6.5px; }
.slick-dots li button { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: medium none; outline: medium none; font-size: 0px; }
.slick-dots li.slick-active { overflow: hidden; background: rgb(229, 0, 18) none repeat scroll 0% 0%; border: medium none; }
.nav-sub { background: rgb(255, 255, 255) url('xhxt.png') repeat-x scroll center top; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); }
.nav-sub .xhicon { font-size: 0px; padding: 24px 0px; text-align: center; line-height: 1; }
.nav-sub .xhicon .img { height: 45px; line-height: 45px; font-size: 0px; margin: 10px auto 15px; }
.nav-sub .xhicon .img img { max-height: 100%; transition: all 0.25s ease 0s; }
.nav-sub .xhicon dd { display: inline-block; vertical-align: top; width: 109px; }
.nav-sub .xhicon dd p { font-size: 14px; color: rgb(102, 102, 102); line-height: 22px; transition: all 0.25s ease 0s; }
.nav-sub .xhicon dd:hover p { color: rgb(0, 149, 226); }
.nav-sub .xhicon dd:hover img { transform: translate3d(0px, -2px, 0px); }
.xi_doser li:nth-child(2n) { margin-right: 0px; }
.xi_ti_h2 span::before { content: ""; position: absolute; top: 50%; height: 1px; left: -380px; width: 380px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.xi_ti_h2 span::after { content: ""; position: absolute; top: 50%; height: 1px; right: -380px; width: 380px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.xi_tel_pac .xi_li::before { content: ""; position: absolute; left: 0px; top: -2px; width: 0px; height: 2px; background: rgb(59, 153, 240) none repeat scroll 0% 0%; transition: all 0.25s ease 0s; }
.xi_tel_pac .xi_li:hover::before { width: 100%; }
.xi_ema_pri .xi_donp_top li.rec::before { content: ""; position: absolute; left: 0px; top: 0px; width: 75px; height: 75px; background: rgba(0, 0, 0, 0) url('xicon55.png') no-repeat scroll center center; display: block; }