.clearLink, .clearLink:hover { cursor: text; text-decoration: none }
.layout { width: 1200px; margin: 0 auto; clear: both }
.fl { float: left }
.fr { float: right }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.slick-slider { position: relative; outline: 0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; top: 0; left: 0; display: block }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; outline: 0 none; height: 100%; min-height: 1px }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block; margin: auto }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-dots button { display: none }
.layout { width: 1200px; margin: 0 auto }
.ph { float: left; font-size: 14px; margin-right: 18px; border-right: 1px solid #f3f3f3; color: #00aaf6 }
.ph i { background: url(resources/png_ph1.png) no-repeat; display: inline-block; vertical-align: middle; width: 17px; margin-right: 11px; height: 17px }
.ph em { margin-right: 25px }
a { transition: color .2s, background .2s; -webkit-transition: color .2s, background .2s }
.btnhover { transition: all .1s; -webkit-transition: all .1s }
.btnhover:hover { -moz-box-shadow: 0 0 5px 1px #fff inset; -webkit-box-shadow: 0 0 5px 1px #fff inset; box-shadow: 0 0 5px 1px #fff inset }
.webmap { float: left; margin-right: 68px }
.webmap dt { line-height: 53px }
.webmap dt a { color: #0095e2; font-size: 16px }
.webmap dd { line-height: 24px }
.webmap dd a { color: #666; font-size: 14px }
.webmap dd a:hover { color: #fff }
.nomr { margin-right: 0!important; float: right }
.ad li { padding-right: 1.3%; float: left; width: 32% }
.ad li i { float: left; padding-top: 52px; font-size: 18px; margin-right: 23px; margin-bottom: 5px; color: #999; background-position: center top; background-repeat: no-repeat; line-height: 22px }
.ad li .i1 { background-image: url(resources/png_adbg2.png) }
.ad li .i2 { background-image: url(resources/png_adbg1.png) }
.ad li .i3 { background-image: url(resources/home_foshan.png) }
.ad li h5 { line-height: 37px; color: #7f7f7f; font-size: 30px }
.ad li p { font-size: 14px; color: #666; line-height: 20px }
.ad li h5.spe { padding-top: 10px }
.footer-b { border-top: 1px solid #222528; padding: 10px 0; line-height: 37px }
.copyright { color: #5f5f5f; font-size: 12px }
.sb_s1 { margin-left: 10px; vertical-align: middle }
.webtit { padding-top: 40px; padding-bottom: 30px; text-align: center }
.enfont { font-family: 华文细黑; letter-spacing: .06em; transform: scale(1, 1.1); text-transform: uppercase }
.webtit em { display: block; line-height: 70px; position: relative; font-size: 38px; color: #3f3f3f }
.webtit em i { position: absolute; left: 50%; bottom: 0; width: 26px; height: 2px; margin-left: -13px; background: #1ec0ff }
.webtit span { line-height: 66px; font-size: 24px; color: #292828 }
.kwicks { display: block; list-style-type: none; list-style: none; position: relative; margin: 0; padding: 0 }
.kwicks>* { display: block; overflow: hidden; padding: 0; margin: 0 }
.kwicks.kwicks-processed>* { margin: 0; position: absolute }
.kwicks-horizontal>* { float: left }
.kwicks-horizontal>:first-child { margin-left: 0 }
.kwicks-vertical>:first-child { margin-top: 0 }
.kwicks { padding: 0 0 62px 0 }
.kwicks, .kwicks>li, .sermod, .sermod2 { height: 316px }
.kwicks>li { float: left }
.sermod { color: #fff; width: 200px; float: left; position: relative; z-index: 1; padding: 0 20px }
.sermod2 { z-index: 0; width: 230px; float: left; position: relative }
.sermod2 i { background: #000; left: 0; opacity: .5; filter: "alpha(opacity=50)"; filter: alpha(opacity=50); zoom: 1; top: 0; right: 0; bottom: 0; z-index: 0; position: absolute }
.sermod2-wrap { position: relative; z-index: 1 }
.sermod2-wrap a { display: block; margin: 0 auto; width: 102px; height: 31px; line-height: 31px; text-align: center; margin-bottom: 10px; color: #fff; transition: all .2s; -webkit-transition: all .2s; font-size: 14px; border-radius: 2px; border: 1px solid #898b8c }
.b1 .sermod2-wrap a:hover { border: 1px solid #4f9cdb; background: #4f9cdb }
.b2 .sermod2-wrap a:hover { border: 1px solid #7b99ee; background: #7b99ee }
.b3 .sermod2-wrap a:hover { border: 1px solid #50d2b7; background: #50d2b7 }
.b4 .sermod2-wrap a:hover { border: 1px solid #fdad73; background: #fdad73 }

.w_con em{ font-style:normal; }
.w_con i{ font-style:normal; }
.sermod2 { background-position: center center; background-repeat: no-repeat; background-size: cover }
.sermod.b1 { background: #4f9cdb }
.sermod.b2 { background: #7b99ee }
.sermod.b3 { background: #50d2b7 }
.sermod.b4 { background: #fdad73 }
.sermodwrap { width: 470px }
.sermod.b1 b { border-left: 12px solid #4f9cdb }
.sermod.b2 b { border-left: 12px solid #7b99ee }
.sermod.b3 b { border-left: 12px solid #50d2b7 }
.sermod.b4 b { border-left: 12px solid #fdad73 }
.sermod b { position: absolute; width: 0; right: -12px; height: 0; 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(resources/png_sermod1.png) }
.sermod.b2 i { background-image: url(resources/png_sermod2.png) }
.sermod.b3 i { background-image: url(resources/png_sermod3.png) }
.sermod.b4 i { background-image: url(resources/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 #eaeaea }
.protab .hd span { padding: 0 13px; font-size: 17px; color: #666; cursor: pointer; margin: 0 8px; transition: .25s all; -webkit-transition: .25s all; position: relative; display: inline-block; vertical-align: top }
.protab .hd i { left: 0; top: -1px; height: 1px; background: #0095e2; width: 0; position: absolute }
.protab .hd span.on { color: #0095e2 }
.protab .bd { background: #fff }
.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: .25s all; -webkit-transition: .25s all; line-height: 50px; padding: 0 19px; right: 0; left: 0 }
.protab .bd ul li:hover i, .protab .bd ul li:hover p { bottom: 0 }
.protab .bd ul li i { background: #000; opacity: .5; filter: "alpha(opacity=50)"; filter: alpha(opacity=50); zoom: 1 }
.protab .bd ul li p { font-size: 16px; color: #fff; z-index: 1 }
.pp { position: relative; width: 1202px; padding-bottom: 88px }
.zp { width: 511px; z-index: 0; height: 270px; background: #fff url(resources/png_zp1.png) left top no-repeat; position: absolute; left: -45px; padding-right: 13px; top: 0 }
.pp table td { width: 20%; border: 1px solid #e8e8e8; height: 135px; overflow: hidden }
.ppslide .slick-arrow { z-index: 10; position: absolute; border: 1px solid #dedede; color: #dedede; font-family: '宋体'; font-size: 30px; width: 49px; height: 49px; text-align: center; line-height: 49px; cursor: pointer; background: 0 0; top: 0; left: 430px }
.ppslide table { width: 99.9%; margin-left: 1px }
.ppslide .slick-prev { left: 380px }
.ppslide .slick-arrow:hover { color: #fff; background: #0095e2; border: 1px solid #0095e2 }
.webmod2 { background: #f7f7f7 }
.news { padding: 0 26px; overflow: hidden; height: 597px; background: #fff; padding-bottom: 9px }
.news { float: left }
.news-t { height: 71px; line-height: 71px }
.news-t h5 { float: left; font-size: 18px; margin-right: 20px; cursor: pointer; color: #000 }
.news-t h5.slick-current { font-size: 20px; color: #0095e2 }
.newlist li { padding-bottom: 4px }
.newlist a { display: block; font-size: 14px; height: 81px; padding: 9px }
.newlist a:hover { background: #0095e2 }
.newlist a:hover h5, .newlist a:hover p { color: #fff }
.newlist { width: 400px }
.newlist h5 { line-height: 27px; max-height: 54px; overflow: hidden; color: #3f3f3f }
.newlist p { line-height: 21px; margin-top: 6px; color: #666 }
.newlist .slick-arrow { width: 42px; top: -56px; background: 0 0; border: none; text-indent: -300%; overflow: hidden; cursor: pointer; height: 42px; position: absolute }
.newlist .slick-prev { background-image: url(resources/png_jt1.png); right: 50px }
.newlist .slick-prev:hover { background-image: url(resources/png_jt3.png) }
.newlist .slick-next { background-image: url(resources/png_jt2.png); right: 0 }
.newlist .slick-next:hover { background-image: url(resources/png_jt4.png) }
.newshd { float: left; width: 590px }
.newslist2 { width: 670px }
.newsmore { color: #999; font-size: 14px; float: right }
.newsmore:hover { color: #0095e2 }
.newslist2 li.o { float: left }
.newslist2 li.t { float: right }
.newslist2 li { width: 48%; float: left; line-height: 52px; border-bottom: 1px solid #f2f2f2 }
.newslist2 li a { display: block }
.newslist2 li h5 { padding-left: 16px; background: url(resources/png_jt5.png) left center no-repeat; font-size: 14px; color: #000; width: 220px; float: left }
.newslist2 li b { color: #999; font-size: 14px; float: right }
.newslist2 li a:hover h5 { color: #0095e2 }
.newslist2 li.frist { border: none; width: 100% }
.newslist2 li.frist img { margin-right: 17px; float: left }
.newslist2 li.frist h5 { line-height: 23px; background: 0 0; 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: #666 }
.newslist2 li.frist b { float: none; display: block; margin-top: 9px; line-height: 23px }
.friendlinks { line-height: 47px; padding: 18px 0 18px 0 }
.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: #999; float: left }
.friendlinkslide span { margin: 0 10px; color: #999; float: left }
.friendlinkslide .slick-prev { display: none!important }
.friendlinkslide .slick-next { width: 16px; height: 16px; border: none; cursor: pointer; top: 6px; position: absolute; overflow: hidden; text-indent: 300%; background: url(resources/png_jt6.png); right: 0 }
.friendlinkslide .slick-next:hover { background: url(resources/png_jt7.png) }
.friendlinkslide a:hover { color: #0095e2 }
.hideshow { -webkit-transition: -webkit-transform .6s, opacity 1.8s; transition: transform .6s, opacity 1.8s; -webkit-transform: translate3d(0, 10%, 0) scale(.9); transform: translate3d(0, 10%, 0) scale(.9); opacity: 0 }
.hideshow.on { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1 }
.myanlicontent { width: 1000px; margin: auto; font-size: 14px; line-height: 2; color: #666 }
.myanlicontent p, .myanlicontent span { font-size: 14px; line-height: 2; color: #666 }
.myanlicontent .bigimg { width: 100%; text-align: center; margin-bottom: 50px }
.myanlicontent .myanlicontent2 img { width: 1000px }
.newspicbo { height: 380px; width: 100%; text-align: center; overflow: hidden }
.newspicbo em{ font-style:normal;}
.clumbo { background: #fff; border-bottom: 1px solid #eee }
.clumbo ul { float: left }
.clumbo ul li { width: auto; line-height: 80px; float: left; font-size: 17px; color: #1a1a1a; margin-right: 60px; border-bottom: 3px solid #fff }
.clumbo ul li a { display: block; color: #1a1a1a }
.clumbo ul li.on a { color: #0095e2 }
.clumbo ul li.on { border-color: #0095e2 }
.clumbo ul li a:hover { color: #0095e2 }
.clumbo ul li:hover { border-color: #0095e2 }
.clumbo .searchbo { overflow: hidden; font-size: 0; float: right; width: 246px; height: 41px; border: 1px solid #e9e9e9; margin-top: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.clumbo .searchbo input { display: inline-block; width: 190px; line-height: 41px; height: 41px; font-size: 14px; border: none; padding-left: 20px }
.clumbo .searchbo .submit { display: inline-block; padding: 0; margin: 0; background: url(resources/searchboi.jpg) no-repeat; width: 36px; height: 22px }
.clumboBox { height: 70px; line-height: 70px; overflow: hidden }
.clumboBox h5 { font-size: 14px; color: #979797; float: left }
.clumboBox i { display: block; float: left; font-size: 12px; color: #979797; margin: 0 10px }
.clumboBox h5 a { color: #979797 }
.clumboBox h5 a:hover { color: #0095e2 }
.clumboBox .sharebox { float: right; width: 240px }
.clumboBox .sharebox .bdsharebuttonbox a { margin-top: 22px }
.clumboBox h6 { font-size: 14px; color: #979797; float: left }
.clumboBox .wechat { color: #00ba13; width: 25px; background: url(resources/ribo2.jpg); height: 25px; float: right; display: inline-block; vertical-align: middle; margin-top: 21px }
.clumboBox .sina { width: 25px; background: url(resources/ribo3.jpg); height: 25px; color: #ef4635; float: right; display: inline-block; vertical-align: middle; margin: 0 10px; margin-top: 21px }
.newslistbo { background: url(resources/new-bgbo.jpg) repeat-y; padding-top: 32px }
.newslistbo .newSbo li { width: 282px; height: 403px; float: left; background: #fff; overflow: hidden; margin-right: 24px; margin-bottom: 27px }
.newslistbo .newSbo li:nth-child(4n) { margin-right: 0 }
.newslistbo .newSbo li a { display: block }
.newslistbo .newSbo li .time { position: relative }
.newslistbo .newSbo li .time h3 { background: #fff; font-size: 14px; color: #adadad; position: absolute; top: 88px; right: 27px; width: 80px; text-align: center }
.newslistbo .newSbo li .time h1 { font-size: 90px; color: #424242; text-align: right; margin-right: 20px; padding: 36px 0 15px 0 }
.newslistbo .newSbo li .text { padding: 10px 20px 20px 20px }
.newslistbo .newSbo li .logobo { height: 62px }
.newslistbo .newSbo li .text h5 { font-size: 16px; color: #2b2b2b; margin-bottom: 10px; height: 44px; overflow: hidden }
.newslistbo .newSbo li .text p { font-size: 14px; color: #666; line-height: 22px; height: 66px; overflow: hidden }
.newslistbo .newSbo li .text .txt { margin-top: 25px }
.newslistbo .newSbo li .text b { display: block; font-size: 14px; color: #333; float: left }
.newslistbo .newSbo li .text b i { font-size: 14px; color: #424242; display: inline-block; vertical-align: middle; margin-left: 3px }
.newslistbo .newSbo li .text em { float: right; display: none; background: url(resources/ribo.jpg) no-repeat; width: 29px; height: 7px; margin-top: 6px }
.newslistbo .newSbo li:hover .text b, .newslistbo .newSbo li:hover .text b i { color: #00a9eb }
.newslistbo .newSbo li:hover .text em { display: block }
.j-honor li, .newslistbo .newSbo li, .nieslit li { -webkit-transition: -webkit-box-shadow .25s, -webkit-transform .6s, opacity .8s; transition: box-shadow .25s, transform .6s, opacity .8s }
.nieslit li:nth-child(3n) { margin-right: 0 }
.j-honor li:hover, .newslistbo .newSbo li:hover, .nieslit li:hover { box-shadow: 0 0 8px 1px #999 }
.pagebo { overflow: hidden; text-align: center; font-size: 0; margin-bottom: 50px; margin-top: 20px }
.pagebo a { vertical-align: middle; display: inline-block; border: 1px solid #d8d8d8; padding: 8px 18px; background: #fff; color: #8e8e8e; font-size: 16px; margin-right: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.pagebo a i { display: inline-block; font-size: 13px; vertical-align: middle; margin-right: 5px }
.pagebo a em { display: inline-block; font-size: 13px; vertical-align: middle; margin-left: 5px }
.pagebo span { display: inline-block; font-size: 16px; color: #8e8e8e; vertical-align: middle }
.pagebo input { width: 56px; height: 34px; display: inline-block; background: #fff; border: 1px solid #d8d8d8; text-align: center; line-height: 34px; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.pagebo .submit { width: 56px; height: 34px; display: inline-block; cursor: pointer; border: 1px solid #d8d8d8; background: #fff; color: #8e8e8e; font-size: 16px; margin-right: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px }
.pagebo a.on, .pagebo a:hover { border-color: #0095e2; color: #fff; background: #0095e2 }
.nieslit { overflow: hidden }
.nieslit li { width: 380px; height: 391px; float: left; background: #fff; margin-right: 30px; margin-bottom: 20px }
.nieslit li .text { padding: 25px 30px 0 30px }
.nieslit li .text .txt span { display: block; float: left; width: 82px; border-right: 1px solid #f9f9f9 }
.nieslit li .text .txt span h1 { font-size: 50px; color: #424242; text-align: center }
.nieslit li .text .txt span h5 { text-align: center; font-size: 12px; color: #adadad }
.nieslit li .text .txt .td { float: right; width: 210px; padding-left: 27px; height: 112px; overflow: hidden }
.nieslit li .text .txt .td h3 { font-size: 16px; color: #2b2b2b; margin-bottom: 7px }
.nieslit li .text .txt .td p { color: #666; line-height: 22px }
.nieslit li .text .tx { height: 38px; line-height: 38px; border-top: 1px solid #f9f9f9; margin-top: 10px }
.nieslit li .text .tx em { display: block; float: left }
.nieslit li .text .tx i { float: right; background: url(resources/ribo.jpg) no-repeat; width: 29px; height: 7px; margin-top: 14px }
.nieslit li a { display: block; width: 100% }
.nieslit li:hover .text .txt .td h3 { color: #55c6f2 }
.nieslit li:hover .text .tx em { color: #55c6f2 }
.newsShow { margin-top: 50px; padding-bottom: 50px }
.newsShow .title { margin-bottom: 70px }
.newsShow .title h1 { font-size: 30px; text-align: center; color: #191919 }
.newsShow .title h5 { font-size: 16px; color: #7a7a7a; text-align: center; margin-top: 15px }
.newsShow .articleContent { font-size: 16px; color: #7a7a7a; text-align: inherit; line-height: 26px; margin-bottom: 30px }
.sharelink { margin-top: 20px; margin-bottom: 30px }
.sharelink span { display: block; float: left; font-size: 13px; color: #666; margin-right: 10px }
.sharelink .list { display: block; float: left; width: 1050px }
.sharelink .list a { display: block; float: left; font-size: 13px; color: #999; margin-bottom: 10px }
.sharelink .list i { float: left; display: block; width: 1px; height: 15px; background: #dfdfdf; margin: 3px 10px 0 10px }
.sharelink em { float: right; display: block; cursor: pointer }
.heatbo { padding: 30px 0; background: #f4f4f4 }
.heatbo .heatPic { width: 785px; position: relative; height: 430px }
.heatbo .heatPic .prev { font-family: '宋体'; width: 49px; height: 49px; background: #eceeed; text-align: center; line-height: 49px; font-size: 33px; color: #a8a8a8; position: absolute; bottom: 0; right: 0; z-index: 999 }
.heatbo .heatPic .next { font-family: '宋体'; width: 49px; height: 49px; background: #eceeed; text-align: center; line-height: 49px; font-size: 33px; color: #a8a8a8; position: absolute; bottom: 0; right: 49px; z-index: 999 }
.heatbo .heatPic .next:hover, .heatbo .heatPic .prev:hover { background: #08a1d8; color: #fff }
.heatbo .heatPic li a { display: block; color: #fff; position: relative }
.heatbo .heatPic li i { position: absolute; left: 0; top: 0; opacity: .5; right: 0; bottom: 0 }
.heatbo .heatPic li .s { background-color: #281770; bottom: 0; box-sizing: border-box; left: 0; opacity: .6; filter: "alpha(opacity=60)"; filter: alpha(opacity=60); zoom: 1; padding: 10px 102px 20px 30px; position: absolute; right: 37px; width: 100%; z-index: 2 }
.heatbo .heatPic li .s h5 { padding-bottom: 5px; line-height: 46px; font-size: 27px }
.heatbo .heatPic li .s p { line-height: 24px; font-size: 14px }
.newsx { background: #fff; padding: 5px 20px 0 20px; width: 375px; position: relative }
.newsx h3 { display: block; font-size: 20px }
.newsx h3 em.on { color: #0296e2 }
.newsx h3 em { color: #666; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 15px }
.slideTxtBox { margin-top: 4px }
.slideTxtBox .bd .slidbo ul li { overflow: hidden; margin-bottom: 12px; vertical-align: top }
.slideTxtBox .bd .slidbo ul li .pic { width: 127px; height: 70px; overflow: hidden }
.slideTxtBox .bd .slidbo ul li .text { margin-left: 11px; width: 236px }
.slideTxtBox .bd .slidbo ul li .text h2 { font-size: 16px; height: 60px }
.slideTxtBox .bd .slidbo ul li .text h2 a { color: #000 }
.slideTxtBox .bd .slidbo ul li .text h2 a:hover { color: #0296e2 }
.slideTxtBox .bd .slidbo ul li .text em { display: block; color: #ccc; font-size: 12px; line-height: 14px }
.allnews { margin-bottom: 50px }
.heatbo .newsx .viewAll { width: 415px; height: 50px; background: #fbfbfb; display: block; margin-left: -20px; font-size: 18px; text-align: center; line-height: 50px; color: silver }
.heatbo .newsx .viewAll i { display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 10px }
.listbox .viewAll.nodata { color: #fff; background: #ddd }
.listbox .viewAll.nodata:hover { color: #fff; background: #ddd }
.heatbo .newsx .viewAll:hover, .listbox .viewAll:hover { color: #fff; background: #0095e2 }
.slideTxtBox .hd { position: absolute; right: 35px; top: 13px }
.slideTxtBox .hd ul li { width: 11px; height: 11px; background: url(resources/en01.jpg) no-repeat; float: left; margin-left: 10px; cursor: pointer }
.slideTxtBox .hd ul li.on { background: url(resources/en02.jpg) no-repeat }
.allnews { margin-top: 40px }
.listbox { width: 842px }
.listbox ul li { overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd }
.listbox ul li .pic { width: 256px; margin-right: 18px }
.listbox ul li .text { float: left; width: 564px }
.listbox ul li .text h1 { font-size: 25px; font-weight: 700; margin-bottom: 10px }
.listbox ul li .text h1 a { color: #000 }
.listbox ul li .text h1 a:hover, .listright .txt .td2 .text h2:hover { color: #019dda }
.listbox ul li .text p { font-size: 14px; color: #333; line-height: 25px; height: 58px }
.listbox ul li .text .txt i { padding: 9px 14px; display: inline-block; color: #fff; font-size: 14px }
.listbox ul li .text .txt i.color1 { background: #019dda }
.listbox ul li .text .txt i.color2 { background: #fd9a01 }
.listbox ul li .text em { padding: 9px 14px; background: #eee; color: #333; font-size: 12px; position: absolute; bottom: 20px; right: 0 }
.listbox .viewAll { width: 100%; height: 55px; line-height: 55px; text-align: center; border: 1px solid #d8d7d4; color: #d8d7d4; font-size: 16px; display: block }
.listright { width: 300px }
.listright .txt { margin-top: 30px }
.listright .txt span { display: block; border-bottom: 1px solid #55b8ec; overflow: hidden; margin-bottom: 20px }
.listright .txt span h4 { font-size: 18px; color: #333; width: 75px; border-bottom: 5px solid #0095e2; float: left; padding-bottom: 5px }
.listright .txt span a { display: block; float: right; font-size: 14px; color: #0095e2 }
.listright .txt .td a { padding: 10px 18px; color: #333; font-size: 14px; display: inline-block; background-color: #f3f0eb; margin-bottom: 6px; margin-right: 4px }
.listright .txt .td2 a { margin-bottom: 21px; overflow: hidden; display: block }
.listright .txt .td2 .text { margin-left: 12px }
.listright .txt .td2 .text h2 { font-weight: 700; font-size: 14px; color: #333; width: 190px; height: 40px; overflow: hidden }
.listright .txt .td2 .text h5 { font-size: 14px; color: #9d9d9d; margin-top: 8px }
.newspicbo .webtit { padding-top: 130px }
.newspicbo .webtit em, .newspicbo .webtit span { color: #fff }
.mynewspicbo { background: #000 url(resources/bobanner.jpg) center center no-repeat }
.menulinks { line-height: 80px; position: relative; z-index: 1; font-size: 0; text-align: center; background: #00a9eb }
.menulinks a { display: block; margin-right: 1px; font-size: 17px; color: #fff }
.menulinks a.on, .menulinks a:hover { color: #2c93e8; background: #fff }
.menulinks span { position: absolute; right: 0; top: 0; color: #fff; font-size: 12px; opacity: .3 }
.menulinks div { position: relative }
.lvmenuwrap { position: relative }
.lvmenuwrap i { background: #999; height: 1px; left: 35px; position: absolute; top: 13px; width: 1135px; z-index: 0 }
.lvmenuwrap b { background: #2c93e8; height: 1px; left: 35px; position: absolute; top: 13px; width: 1135px; z-index: 1 }
.lvmenubox { height: 68px; padding-top: 19px; background: #f3f3f3 }
.lvmenubox ul { position: relative; z-index: 2 }
.lvmenubox li { width: 62px; line-height: 30px; font-size: 14px; color: #999; cursor: pointer; padding-top: 27px; background: url(resources/png_lc2.png) center 11px no-repeat; float: right; text-align: center; margin-right: 64px }
.lvmenubox li.on { background: url(resources/png_lc3.png) center 0 no-repeat }
.lvmenubox li.first { margin-right: 0 }
.lvmenubox li.last { margin-left: -3px }
.lc-wrap { height: 2449px; background: url(resources/png_lc1.png) 223px 0 no-repeat }
.lc-logo { position: relative }
.lc-logo a { position: absolute }
.lc-logo .l1 { left: 77px; top: 40px }
.lc-logo .l2 { left: 37px; top: 164px }
.lc-logo .l3 { left: 69px; top: 311px }
.lc-logo .l4 { left: 137px; top: 502px }
.lc-logo .l5 { left: 189px; top: 670px }
.lc-logo .l6 { left: 195px; top: 854px }
.lc-logo .l7 { left: 110px; top: 1056px }
.lc-logo .l8 { left: 55px; top: 1246px }
.lc-logo .l9 { left: 46px; top: 1445px }
.lc-logo .l10 { left: 67px; top: 1624px }
.lc-logo .l11 { left: 112px; top: 1787px }
.lc-logo .l12 { left: 150px; top: 1959px }
.lc-logo .l13 { left: 174px; top: 2118px }
.lc-logo .l14 { left: 138px; top: 2275px }
.lc-cnt { position: relative }
.lc-cnt-wrap { position: absolute }
.lc-cnt-wrap { width: 710px }
.lc-cnt-wrap .lc-cnt-img { float: left; margin-bottom: 10px; padding: 3px; box-shadow: 0 0 3px 1px #f1f1f1; margin-right: 29px }
.lc-cnt-wrap h5 { font-weight: 700; font-size: 50px; padding-bottom: 5px; line-height: 48px }
.lc-cnt-wrap h5.color1 { color: #2c93e8 }
.lc-cnt-wrap h5.color2 { color: #00c2a4 }
.lc-cnt-wrap h5.color3 { color: #ffa800 }
.lc-cnt-wrap h5.color4 { color: #ff5a00 }
.lc-cnt-wrap h5.color5 { color: red }
.lc-cnt-wrap h5.color10, .lc-cnt-wrap h5.color6, .lc-cnt-wrap h5.color7, .lc-cnt-wrap h5.color8, .lc-cnt-wrap h5.color9 { color: #2c93e8 }
.lvmenu { height: 61px }
.lc-cnt-wrap p { line-height: 26px; font-size: 14px; color: #666 }
.lc-cnt-wrap.l1 { left: 372px; top: 108px }
.lc-cnt-wrap.l2 { left: 395px; top: 339px }
.lc-cnt-wrap.l3 { left: 482px; top: 572px }
.lc-cnt-wrap.l4 { left: 490px; top: 807px }
.lc-cnt-wrap.l5 { left: 461px; top: 1039px }
.lc-cnt-wrap.l6 { left: 352px; top: 1272px }
.lc-cnt-wrap.l7 { left: 383px; top: 1511px }
.lc-cnt-wrap.l8 { left: 463px; top: 1746px }
.lc-cnt-wrap.l9 { left: 523px; top: 1981px }
.lc-cnt-wrap.l10 { left: 475px; top: 2214px }
.lvmenubox.fixed { position: fixed; z-index: 1000; left: 0; top: 0; right: 0 }
.j-contact { padding-top: 60px; padding-bottom: 40px }
.j-contact li { padding-bottom: 122px; background: url(resources/j5.png) center bottom no-repeat }
.j-left { float: left }
.j-right { float: right }
.j-contact .j-left { width: 592px }
.j-contact .j-tit { font-size: 24px; color: #999; border-bottom: 1px #e3e3e3 solid; padding-left: 77px; position: relative; line-height: 44px; padding-bottom: 12px }
.j-contact .j-tit em { display: block; font-size: 22px; color: #2c93e8; line-height: 38px }
.j-contact .j-tit b { display: block; width: 44px; height: 103px; background: url(resources/j1.jpg) no-repeat; position: absolute; left: 0; bottom: 15px }
.j-contact .j-tit b.i2 { background-image: url(resources/j2.jpg) }
.j-contact .j-tit b.i3 { background-image: url(resources/contact_fs.png); width: 55px }
.j-contact .j-conp { padding-top: 13px }
.j-contact .j-p { font-size: 14px; color: #999; line-height: 34px }
.j-contact .j-p b { width: 21px; height: 21px; display: inline-block; background: url(resources/j2.png) 0 0 no-repeat; vertical-align: middle }
.j-contact .j-p b.b2 { background-position: 0 -21px }
.j-contact .j-p b.b3 { background-position: 0 -42px }
.j-contact .j-p b.b4 { background-position: 0 -63px }
.j-contact .j-p b.b5 { background-position: 0 -84px }
.j-contact .j-p b.b6 { background-position: 0 -105px }
.j-contact .j-p span { width: 100px; padding-right: 2px; display: inline-block; margin-right: 25px; text-align: center; font-size: 14px; color: #333; background: url(resources/j3.jpg) right center no-repeat }
.j-contact .j-right { width: 520px; height: 300px; border: 1px #dedede solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-top: 8px }
.j-contact .last { padding-bottom: 0; background: 0 0 }
.j-culture .j-left { width: 500px; margin-top: 42px }
.j-culture p { font-size: 16px; color: #666; line-height: 24px; padding-bottom: 30px }
.j-culture p em { display: block; font-size: 22px; color: #2c93e8; line-height: 50px }
.j-culture .j-right { width: 667px }
.j-values { background: #f7f7f7; padding-bottom: 90px }
.j-values .p1 { text-align: center; font-size: 16px; color: #333; line-height: 28px; padding-bottom: 80px }
.j-sixbox { position: relative; height: 358px; background: url(resources/j9.png) no-repeat }
.j-box { width: 184px; height: 184px; overflow: hidden; background: url(resources/j10.png) no-repeat; font-size: 16px; color: #FFF; text-align: center; line-height: 28px; position: absolute }
.j-box h3 { font-size: 20px; color: #FFF; font-weight: 700; line-height: 34px; padding-top: 56px }
.j-box1 { left: 20px; bottom: 0 }
.j-box2 { left: 215px; top: 0; background-position: 0 -184px }
.j-box3 { left: 409px; bottom: 0; background-position: 0 -368px }
.j-box4 { left: 607px; top: 0; background-position: 0 -552px }
.j-box5 { left: 798px; bottom: 0; background-position: 0 -736px }
.j-box6 { right: 22px; top: 0; background-position: 0 -920px }
.j-job .j-tit { height: 400px; background: #000 url(resources/j11.jpg) center center no-repeat; text-align: center; color: #FFF; font-size: 72px; line-height: 261px }
.j-job .j-con { height: 431px; background: url(resources/j12.png) center center no-repeat; position: relative }
.j-change { width: 1200px; height: 385px; background: url(resources/j13.png) center center no-repeat; position: absolute; top: -139px; left: 50%; margin-left: -600px; padding-top: 35px }
.j-sbox { width: 220px; height: 274px; padding-top: 26px; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; text-align: center; margin: 15px auto; box-shadow: 0 0 15px rgba(212,212,212,.35); -moz-box-shadow: 0 0 15px rgba(212,212,212,.35); -webkit-box-shadow: 0 0 15px rgba(212,212,212,.35) }
.j-sbox b { display: block; width: 100px; height: 80px; margin: 0 auto; margin-top: -10px; background-repeat: no-repeat }
.j-sbox .p1 { font-size: 20px; color: #2d93e8; line-height: 40px; padding-top: 10px }
.j-sbox .p2 a { display: block; line-height: 26px; font-size: 14px; color: #333 }
.j-slick { padding-bottom: 55px }
.j-slick .slick-arrow { width: 50px; height: 55px; position: absolute; left: 491px; bottom: 0; background: url(resources/j19.png) center center no-repeat; font-size: 0; border: none; cursor: pointer }
.j-slick .slick-next { left: 661px; background-image: url(resources/j20.png) }
.j-strategy { background: #f5f5f5 }
.j-strategy .p1 { font-size: 14px; color: #464646; text-align: center; padding: 0 53px; line-height: 26px; padding-top: 20px; padding-bottom: 40px }
.j-picbox { padding-bottom: 112px }
.j-benefits { padding-bottom: 124px }
.j-honor { padding-bottom: 60px }
.j-honor li { float: left; background: #FFF; padding: 40px 10px 0; width: 264px; border: 1px #e5e5e5 solid; height: 382px; overflow: hidden; margin: 18px 18px 0 0 }
.j-honor .j-pic { width: 194px; margin: 0 auto }
.j-honor p { font-size: 13px; color: #333; text-align: center; line-height: 25px; padding-top: 43px }
.j-honor .j-nomar { margin-right: 0 }
.j-honor li:nth-child(4n) { margin-right: 0 }
.j-introduce { background: #f7f7f7 }
.j-introduce .j-topp { font-size: 16px; color: #666; text-align: center; line-height: 26px; padding: 0 100px 45px }
.j-cutchange { padding-bottom: 84px; position: relative }
.j-cutchange .bd li { background: #FFF }
.j-cutchange .bd .j-pic { float: left; width: 600px; height: 370px; overflow: hidden }
.j-cutchange .j-word { float: left; width: 495px; height: 370px; margin-left: 45px; overflow: hidden }
.j-cutchange .j-word .p1 { font-size: 32px; text-transform: uppercase; color: #ededed; line-height: 54px; padding-top: 24px }
.j-cutchange .j-word .p2 { font-size: 38px; color: #333; line-height: 58px; font-weight: 700; padding-bottom: 11px; background: url(resources/j26.jpg) left bottom no-repeat }
.j-cutchange .j-word .p3 { font-size: 16px; color: #333; line-height: 26px; padding-top: 20px; max-height: 156px; overflow: hidden }
.j-cutchange .hd { text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; height: 84px; z-index: 2 }
.j-cutchange .hd ul { display: inline-block; zoom: 1; margin-top: -46px }
.j-cutchange .hd li { float: left; width: 165px; height: 130px; background: url(resources/j27.png) repeat; font-size: 16px; color: #FFF; cursor: pointer; line-height: 46px }
.j-cutchange .hd i { display: block; margin: 18px auto 0; width: 55px; height: 64px; background: url(resources/j31.png) no-repeat }
.j-cutchange .hd li.on { background: #FFF; color: #2c93e8 }
.j-cutchange .hd li.on i { background-image: url(resources/j32.png) }
.j-cutchange .hd i.i1 { background-position: 0 0 }
.j-cutchange .hd i.i2 { background-position: 0 -64px }
.j-cutchange .hd i.i3 { background-position: 0 -128px }
.j-cutchange .hd i.i4 { background-position: 0 -192px }
.j-cutchange .hd i.i5 { background-position: 0 -256px }
.j-life { padding-bottom: 10px; background: #f7f7f7 }
.j-jobxx { padding-bottom: 80px }
.j-jobxx .j-left { width: 897px }
.j-name { font-size: 40px; color: #000; line-height: 93px }
.j-name span { float: right; font-size: 14px; line-height: 68px; display: inline-block; vertical-align: top }
.j-name span a { display: inline-block; color: #a4a4a4; margin: 0 10px }
.j-name span a.last { color: #3e3e3e }
.j-jobxx table { width: 100%; border-top: 1px #e4e4e4 solid; border-left: 1px #e4e4e4 solid }
.j-jobxx table td { line-height: 41px; border-right: 1px #e4e4e4 solid; border-bottom: 1px #e4e4e4 solid; font-size: 14px }
.j-jobxx table p { text-align: right; padding: 0 10px; color: #666 }
.j-jobxx table span { text-align: left; padding: 0 10px; display: block; color: #0f0f0f }
.j-jobxx .j-left .p1 { font-size: 14px; color: #666; line-height: 28px; padding-top: 25px }
.j-jobxx .j-left .p1 em { display: block; line-height: 26px; font-size: 16px; color: #0b98de }
.j-tou-box { margin-top: 50px }
.j-tou { width: 205px; height: 43px; float: left; margin-right: 40px; background: url(resources/j35.jpg) no-repeat }
.j-tou-box p { float: left; line-height: 43px; font-size: 14px; color: #999 }
.j-jobxx .j-right { width: 228px; border: 1px #e5e5e5 solid; padding: 0 15px }
.j-jobxx .j-right .p1 { font-size: 16px; color: #3b3b3b; line-height: 47px; border-bottom: 1px #e5e5e5 solid }
.j-jobxx .j-right ul { padding-top: 10px; padding-bottom: 50px }
.j-jobxx .j-right li { padding-left: 13px; line-height: 32px; font-size: 14px }
.j-jobxx .j-right li a { display: block; color: #666; padding-left: 14px; background: url(resources/j36.jpg) left center no-repeat }
.bannertit { text-align: center; color: #fff; padding-top: 120px }
.bannertit h5 { font-family: 华文细黑; line-height: 48px; font-weight: 700; font-size: 35px; text-transform: uppercase }
.bannertit p { line-height: 42px; border: 3px solid #fff; display: inline-block; font-size: 24px; padding: 0 20px; margin-top: 10px }
.nm { position: relative }
.bannerplace { color: #fff; position: absolute; right: 0; top: 0; line-height: 88px }
.bannerplace a { color: #fff; font-size: 16px }
.bannerplace span { margin: 0 8px }
.sub_about .about_mian .a1 { min-height: 760px }
.sub_about .about_mian .a1 .fl { position: relative; width: 47%; height: 760px }
.sub_about .about_mian .a1 .fl .icon_81 { position: absolute; bottom: 46px; left: -100px; width: 233px; height: 233px }
.sub_about .about_mian .a1 .fl .icon_82 { position: absolute; top: -36px; right: 66px; width: 150px; height: 198px; z-index: -1 }
.sub_about .about_mian .a1 .fl>span { position: absolute; top: 86px; left: 20px; width: 397px; height: 528px }
.sub_about .about_mian .a1 .fl .b2 { position: absolute; right: 60px; bottom: 50px; width: 227px; height: 296px; padding: 20px; background: #21ade8 url(resources/icon_83.png) repeat center; box-sizing: border-box; line-height: 1 }
.sub_about .about_mian .a1 .fl .b2 h4 { font-size: 25px; letter-spacing: -.1em; color: #fff; text-transform: uppercase }
.sub_about .about_mian .a1 .fl .b2 h5 { border-bottom: 1px solid #fff; font-size: 66px; letter-spacing: -.1em; color: #fff; text-transform: uppercase; line-height: 118px }
.sub_about .about_mian .a1 .fl .b2 h6 { padding-top: 16px; font-size: 30px; font-weight: 700; color: #fff }
.sub_about .about_mian .a1 .fl .b2 p { padding-top: 10px; font-size: 18px; color: #fff }
.sub_about .about_mian .a1 .fr { position: relative; width: 50%; padding-top: 86px; padding-bottom: 80px }
.sub_about .about_mian .a1 .fr>h3 { padding-bottom: 8px; font-family: 华文细黑; font-size: 100px; color: #eeebe9; text-transform: uppercase; line-height: 90px }
.sub_about .about_mian .a1 .fr>h5 { padding-bottom: 15px; border-bottom: 2px solid #0AF; font-size: 30px; color: #333; line-height: 40px }
.sub_about .about_mian .a1 .fr>h5 span { display: block; font-size: 16px; color: #666; line-height: 20px }
.sub_about .about_mian .a1 .fr>h6 { margin-top: 20px; text-align: right }
.sub_about .about_mian .a1 .fr>h6 a { display: inline-block; width: 137px; height: 45px; border: 2px solid #10a3e5; text-align: center; line-height: 45px; cursor: pointer }
.sub_about .about_mian .a1 .fr>h6 a i { display: inline-block; width: 54px; height: 24px; background: url(resources/icon_84.png) no-repeat left top; vertical-align: middle }
.sub_about .about_mian .a1 .fr>h6 a span { font-size: 18px; color: #21ade8 }
.sub_about .about_mian .a1 .fr div.big { width: 100%; height: 720px; overflow: hidden; padding-top: 20px; -webkit-transition: all .5s; transition: all .5s }
.sub_about .about_mian .a1 .fr div.big.hh { height: 230px }
.sub_about .about_mian .a1 .fr div.big.hh span { font-size: 16px; line-height: 2; color: #666 }
.sub_about .about_mian .a1 .fr div.big p { padding-bottom: 15px; font-size: 16px; color: #333; line-height: 26px }
.sub_about .about_mian .a2 { height: 845px; background: url(resources/icon_85.png) no-repeat top center }
.sub_about .about_mian .a2 .Exp { padding-top: 115px }
.sub_about .about_mian .a2 .Exp span { display: block; width: 707px; height: 148px }
.sub_about .about_mian .a2 .mian { text-align: center }
.sub_about .about_mian .a2 .mian ul { padding-left: 30px; display: inline-block; overflow: hidden; padding-top: 330px; padding-bottom: 50px }
.sub_about .about_mian .a2 .mian ul li { position: relative; float: left; width: 0; height: 1px }
.sub_about .about_mian .a2 .mian ul li:before { display: block; position: absolute; content: ""; left: 10px; right: 11px; border-top: 1px solid #70a4cd }
.sub_about .about_mian .a2 .mian ul li:after { display: block; position: absolute; content: ""; left: 0; top: -70px }
.sub_about .about_mian .a2 .mian ul li:last-child:before { border: none }
.sub_about .about_mian .a2 .mian ul li h6 { position: absolute; top: 0; left: -30px; width: 60px; padding-top: 18px; font-size: 16px; color: #fff; text-align: center; line-height: 40px }
.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 #70a4cd; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s }
.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: #70a4cd; -webkit-transition: all .5s; transition: all .5s }
.sub_about .about_mian .a2 .mian ul li span:before { display: block; position: absolute; left: 0; bottom: 10px; content: ""; width: 1px; height: 118px; background: #70a4cd }
.sub_about .about_mian .a2 .mian ul li span:after { display: block; position: absolute; left: 0; bottom: 128px; content: ""; width: 7px; height: 1px; background: #70a4cd }
.sub_about .about_mian .a2 .mian ul li p { position: absolute; left: 20px; bottom: 68px; min-width: 300px; font-size: 16px; color: #fff; text-align: left; line-height: 26px }
.sub_about .about_mian .a2 .mian ul li p font { display: block; font-size: 30px; font-weight: 200; color: #fff; line-height: 42px }
.sub_about .about_mian .a2 .mian ul li.br p font { text-align: right }
.sub_about .about_mian .a2 .mian ul li.b1 { width: 268px }
.sub_about .about_mian .a2 .mian ul li.b2 { width: 142px }
.sub_about .about_mian .a2 .mian ul li:last-child.b2 { width: 20px }
.sub_about .about_mian .a2 .mian ul li span:before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99); transition: transform 150ms cubic-bezier(.25, .74, .22, .99) }
.sub_about .about_mian .a2 .mian ul li span:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99); transition: transform 150ms cubic-bezier(.25, .74, .22, .99); -webkit-transition-delay: 50ms; transition-delay: 50ms }
.sub_about .about_mian .a2 .mian ul li p { opacity: 0; pointer-events: none; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), -webkit-transform 425ms cubic-bezier(.25, .74, .22, .99); transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), transform 425ms cubic-bezier(.25, .74, .22, .99) }
.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 #fff }
.sub_about .about_mian .a2 .mian ul li.on h6:after, .sub_about .about_mian .a2 .mian ul li:hover h6:after { background: #fff }
.sub_about .about_mian .a2 .mian ul li.on span:before, .sub_about .about_mian .a2 .mian ul li:hover span:before { background: #fff; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 0s; 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: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 150ms; transition-delay: 150ms }
.sub_about .about_mian .a2 .mian ul li.on p, .sub_about .about_mian .a2 .mian ul li:hover p { opacity: 1; z-index: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: .112s; transition-delay: .112s }
.sub_about .about_mian .a2 .mian ul li.br p { left: -320px; text-align: left }
.sub_about .about_mian .a2 .mian ul li.br span:after { left: auto; right: 100%; margin-right: -1px; -webkit-transform-origin: right; transform-origin: right }
.sub_about .about_mian .a2 .mian ul li.on.br p, .sub_about .about_mian .a2 .mian ul li:hover.br p { -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px) }
.sub_about .about_mian .a2 .mian ul li.on.br p.y2014, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2014 { -webkit-transform: translateX(-148px); -ms-transform: translateX(-148p); transform: translateX(-148px) }
.sub_about .about_mian .a2 .mian ul li.on.br p.y2015, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2015 { -webkit-transform: translateX(-148px); -ms-transform: translateX(-148p); transform: translateX(-148px) }
.sub_about .about_mian .a2 .mian ul li.on.br p.y2016, .sub_about .about_mian .a2 .mian ul li:hover.br p.y2016 { -webkit-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px) }
.sub_about .about_mian .a2 .mian ul li.br p.y2016 { left: -488px }
.sub_about .about_mian .a2 .mian ul li.br p.y2017 { left: -336px }
.sub_about .about_mian .a3 { margin-top: -110px; padding-bottom: 50px }
.sub_about .about_mian .a3 div.fl { position: relative; width: 450px; height: 605px; overflow: hidden; background: url(resources/pic_4.jpg) no-repeat top center }
.sub_about .about_mian .a3 div.fl .videoMask video { width: 100%; height: 100% }
.sub_about .about_mian .a3 div.fl .userInfo { position: absolute; top: 0; left: 0; background: url(resources/icon_88.png) repeat; width: 100%; height: 100% }
.sub_about .about_mian .a3 div.fl .userInfo p { width: 100%; height: 100%; background: url(resources/icon_87.png) no-repeat center }
.sub_about .about_mian .a3 div.fr { width: 742px; height: 605px }
.sub_about .about_mian .a3 div.fr .b1 { width: 100%; height: 372px; background: url(resources/pic_5.jpg) no-repeat center }
.sub_about .about_mian .a3 div.fr .b1 .cc { width: 251px; height: 100%; padding: 0 28px; background: url(resources/icon_90.png) repeat; box-sizing: border-box; margin-left: 0 }
.sub_about .about_mian .a3 div.fr .b1 .cc i { display: block; width: 33px; height: 32px; padding: 40px 0; background: url(resources/icon_89.png) no-repeat center }
.sub_about .about_mian .a3 div.fr .b1 .cc h3 { font-size: 52px; letter-spacing: -.05em; color: #2c93e8; margin-left: -2px }
.sub_about .about_mian .a3 div.fr .b1 .cc h4 { font-size: 26px; font-weight: 700; color: #2c93e8 }
.sub_about .about_mian .a3 div.fr .b1 .cc h5 { margin-top: 70px; font-size: 14px; color: #2c93e8 }
.sub_about .about_mian .a3 div.fr .b2 { margin-top: 10px }
.sub_about .about_mian .a3 div.fr .b2 .c1 { float: left; width: 370px; height: 223px; overflow: hidden; background: url(resources/pic_6.jpg) no-repeat center }
.sub_about .about_mian .a3 div.fr .b2 .c2 { float: right; width: 360px; height: 223px; overflow: hidden; background: url(resources/pic_7.jpg) no-repeat center }
.sub_about .about_mian .a3 div.fr .b2 .cc { width: 100%; height: 100%; padding: 40px 62px; background: url(resources/icon_88.png) repeat; box-sizing: border-box }
.sub_about .about_mian .a3 div.fr .b2 .cc h4 { font-size: 26px; color: #fff; line-height: 42px }
.sub_about .about_mian .a3 div.fr .b2 .cc h4 span { display: block; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 16px }
.sub_about .about_mian .a3 div.fr .b2 .cc p { margin-top: 65px }
.sub_about .about_mian .a3 div.fr .b2 .cc a { display: block; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 16px; -webkit-transition: all .5s; transition: all .5s }
.sub_about .about_mian .a3 div.fr .b2 .cc p a:hover { color: #21ADE8 }
.wrap { width: 1200px; margin: 0 auto }
.w_fl { float: left }
.w_center { width: 1200px; margin: auto }
.w_center { position: relative; z-index: 1 }
.w_bgbg { position: absolute; z-index: 0; left: 0; right: 0; top: 0; height: 796px }
.w_solutions { position: relative; padding-bottom: 26px }
.w_title { padding-top: 80px; text-align: center; color: #0095e2; line-height: 1.3; }
.w_title h1 { font-size: 55px; text-transform: uppercase; font-family: 华文细黑; margin-bottom: 15px; }
.w_title h1 span { font-weight: lighter }
.w_title h2 { font-size: 30px }
.w_title h2:after { content: ''; display: block; width: 65px; height: 3px; font-family: 华文细黑; margin: auto; background: #0095e2; margin-top: 44px }
.w_title h2 span { font-weight: 400 }
.w_title h3 { font-size: 26px; font-weight: lighter; font-family: 华文细黑; text-transform: uppercase; margin-bottom: 8px }
.w_solutions .w_title { color: #fff }
.w_solutions .w_title h1 { font-size: 68px }
.w_solutions .w_title h2 { font-size: 32px }
.w_solutions .w_title h2:after { margin-top: 56px }
.w_solutions .w_icon_wrap { text-align: justify; margin-top: 60px; margin-bottom: 74px }
.w_solutions .w_icon_wrap li a { color: #fff }
.w_solutions .w_icon_wrap li:last-child { margin-right: 0 }
.w_solutions .w_icon_wrap li { display: inline-block; text-align: center; color: #fff; font-size: 17px; float: left; margin-right: 49px }
.w_solutions .w_icon_wrap li .w_pic { position: relative; width: 107px; height: 107px; margin-bottom: 17px }
.w_solutions .w_icon_wrap li .w_pic img { width: 100%; position: absolute; left: 0; top: 0 }
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover { display: none }
.w_function .w_icon_wrap li, .w_solutions .w_icon_wrap li { transition: all .25s }
.w_function .w_icon_wrap li:hover, .w_solutions .w_icon_wrap li:hover { transform: translate3d(0, -30px, 0) }
.w_solutions .w_icon_wrap li:hover img { display: none }
.w_solutions .w_icon_wrap li:hover .w_pic_hover { display: inline-block }
.w_solutions .w_icon_wrap li:hover { color: #ffa64f }
.w_solutions .w_con_wrap { position: relative }
.w_solutions .w_con_wrap img { border: 1px solid #ebebeb }
.w_solutions .w_con { position: absolute; right: 0; top: 80px; background: #0095e2; color: #fff; width: 445px; padding: 0 37px; height: 300px; padding-top: 52px }
.w_solutions .w_con h1 { font-size: 32px; margin-bottom: 15px }
.w_solutions .w_con h2 { font-size: 27px; font-weight: 400; margin-bottom: 29px; text-transform: uppercase }
.w_solutions .w_con p { font-size: 14px; line-height: 25px; text-align: justify }
.w_solutions .w_con a { display: block; width: 142px; height: 42px; text-align: center; line-height: 42px; background: #878787; font-size: 14px; color: #fff; position: absolute; bottom: -21px; left: 0; right: 0; margin: auto }
.w_function { text-align: center }
.w_function .w_icon_wrap { padding: 60px 0 }
.w_function .w_icon_wrap li { width: 122px; padding: 0 70px; display: inline-block }
.w_function .w_icon_wrap li img { width: 100% }
.w_function .w_web_wrap { position: relative; text-align: left; color: #fff }
.w_function .w_web_wrap.w_web_cloth { background: #273139 }
.w_function .w_web_wrap h1 { position: absolute; font-size: 40px; line-height: 65px; top: 0; left: 22px; margin-bottom: 14px }
.w_function .w_web_wrap p { font-size: 16px; letter-spacing: -.05em; position: absolute; line-height: 24px; top: 69px; left: 22px; text-transform: uppercase; font-weight: lighter }
.w_function .w_web_wrap p span { font-weight: 700 }
.w_function .w_con { background: #000 url(resources/w_bg3.jpg) no-repeat top center; overflow: hidden }
.w_function .w_con .w_grid { float: right }
.w_function .w_web_wrap h1, .w_function .w_web_wrap p { z-index: 1 }
.w_pics { width: 285px; overflow: hidden; height: 211px; z-index: 0; position: relative; background: #273139; border-radius: 20px }
.w_web_wrap.spe .w_pics { height: 165px }
.w_web_wrap.spe2 .w_pics { height: 112px }
.w_pics img { position: absolute; z-index: 0; height: 50%; bottom: 0; right: 0 }
.w_web_wrap.on .w_pics { background: #ffae4e }
.w_function .w_web_wrap.spe2 h1 { line-height: 32px; padding-top: 20px; margin-bottom: 0; font-size: 22px }
.w_function .w_web_wrap.spe2 p { top: 58px; line-height: 20px; font-size: 12px }
.w_function .w_web_wrap.spe3 { float: left; margin-right: 17px; width: 138px }
.w_function .w_web_wrap.spe3 .w_pics { height: 168px; width: 138px }
.w_function .w_web_wrap.spe3 .w_pics img { width: 70%; height: auto }
.w_function .w_web_wrap.spe3 h1 { top: 30px; line-height: 22px; font-size: 18px }
.w_function .w_web_wrap.spe3 p { font-size: 12px; top: 82px; line-height: 18px }
.w_advantage { overflow: hidden; padding-bottom: 82px }
.w_advantage:after { content: ''; clear: both }
.w_advantage .w_title { color: #fff }
.w_advantage .w_icon_wrap { margin-top: 60px }
.w_advantage .w_icon_wrap li { float: left; width: 258px; padding: 52px 21px; transition: all .25s; -webkit-transition: all .25s; background: #fff; height: 316px }
.w_advantage .w_icon_wrap li h1 { font-weight: 700; font-size: 18px; margin-top: 48px }
.w_advantage .w_icon_wrap li h1:after { content: ''; width: 45px; height: 3px; background: #0095e2; display: block; margin-top: 21px }
.w_advantage .w_icon_wrap li h1 span { color: #0095e2 }
.w_advantage .w_icon_wrap li p { padding-top: 20px; font-size: 14px; color: #858585; line-height: 24px }
.w_advantage .w_icon_wrap li:hover h1:after { background: #fff }
.w_advantage .w_icon_wrap li:hover { position: relative; z-index: 1; background: #0095e2; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.w_advantage .w_icon_wrap li:hover h1 { color: #fff }
.w_advantage .w_icon_wrap li:hover p { color: #fff }
.w_advantage .w_icon_wrap li:hover h1 span { color: #fff }
.w_website_solutions .w_pic_wrap { overflow: hidden }
.w_website_solutions .w_pic_wrap li { float: left; margin-right: 40px; position: relative; background-color: #fff }
.w_website_solutions .w_pic_wrap li:last-child { margin-right: 0 }
.w_website_solutions .w_pic_wrap li a { transform: scale(.5); -webkit-transform: scale(.5); opacity: 0; filter: Alpha(opacity=0); transition: all .25s; -webkit-transition: all .25s; width: 335px; height: 290px; background: #000; left: 19px; top: 19px; position: absolute; text-align: center; color: #fff; font-size: 20px; line-height: 34px }
.w_website_solutions .w_pic_wrap li a i { display: inline-block; width: 16px; height: 16px; background: url(resources/we.png) no-repeat top center; margin-top: 100px }
.w_pic_wrap { padding-bottom: 139px; padding-top: 44px }
.w_solutions .w_con a:hover { background: #0095E2 }
.w_website_solutions .w_pic_wrap li:hover a { transform: scale(1); -webkit-transform: scale(1); opacity: .8; filter: Alpha(opacity=80) }
.w_website_solutions .w_pic_wrap li img { width: 373px; height: 328px }
.ball { background: url(resources/bg1.jpg) no-repeat center; max-width: 1920px; margin: 0 auto; height: 580px }
.ball .ball-inner { position: relative; width: 788px; margin: 0 auto; height: 100%; box-sizing: border-box; padding-top: 63px; line-height: 1 }
.ball .ball-inner .bb { position: absolute; -webkit-animation: bounceIn .4s ease-in-out infinite alternate; -o-animation: bounceIn .4s ease-in-out infinite alternate; animation: bounceIn .4s ease-in-out infinite alternate }
.ball .ball-inner .bb1 { top: 506px; left: -338px; width: 43px; height: 43px; background: url(resources/bb1.png) no-repeat center; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s }
.ball .ball-inner .bb2 { top: 510px; left: -86px; width: 14px; height: 14px; background: url(resources/bb2.png) no-repeat center; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s }
.ball .ball-inner .bb3 { top: 183px; left: -40px; width: 15px; height: 15px; background: url(resources/bb3.png) no-repeat center; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s }
.ball .ball-inner .bb4 { top: 25px; left: 450px; width: 18px; height: 18px; background: url(resources/bb4.png) no-repeat center; -webkit-animation-delay: 1.9s; -moz-animation-delay: 1.9s; -o-animation-delay: 1.9s; animation-delay: 1.9s }
.ball .ball-inner .bb5 { top: 366px; left: 764px; width: 21px; height: 21px; background: url(resources/bb5.png) no-repeat center; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s }
.ball .ball-inner .bb6 { top: 94px; left: 900px; width: 15px; height: 15px; background: url(resources/bb6.png) no-repeat center; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s }
.ball .ball-inner .more-wrap { position: absolute; width: 224px; height: 48px; bottom: 40px; left: 50%; margin: 0 0 0 -112px; border-radius: 4px; background-color: #1a97df; overflow: hidden }
.ball .ball-inner .more-wrap:hover .more { top: 48px }
.ball .ball-inner .more-wrap:hover .more2 { top: 0 }
.ball .ball-inner .more { position: absolute; top: 0; left: 0; width: 224px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; background: #1a97df url(resources/more.png) no-repeat 160px center; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s }
.ball .ball-inner .more2 { position: absolute; top: -48px; left: 0x; width: 224px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; background: #1a97df url(resources/more.png) no-repeat 160px center; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s }
.ball .ball-inner .num .p1 { float: left; width: 170px; height: 86px; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s }
.ball .ball-inner .num .p1 span { color: #1a97df; font-size: 82px }
.ball .ball-inner .num .p1 b { font-size: 54px; color: #1a97df; vertical-align: 8px; margin-left: 4px }
.ball .ball-inner .num .p1 em { font-size: 16px; color: #1a97df }
.ball .ball-inner .num .p2 { float: left; width: 227px; height: 86px; margin-left: 130px; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s }
.ball .ball-inner .num .p2 span { color: #1a97df; font-size: 82px }
.ball .ball-inner .num .p2 b { font-size: 40px; color: #1a97df; vertical-align: 33px }
.ball .ball-inner .num .p2 em { font-size: 16px; color: #1a97df }
.ball .ball-inner .num .p3 { float: right; width: 227px; height: 86px; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s }
.ball .ball-inner .num .p3 span { color: #1a97df; font-size: 82px }
.ball .ball-inner .num .p3 b { font-size: 40px; color: #1a97df; vertical-align: 33px }
.ball .ball-inner .num .p3 em { font-size: 16px; color: #1a97df }
.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 #0095e2; border-radius: 16px; cursor: pointer; margin-right: 6px }
.ball .ball-inner .d1 dt .light { position: absolute; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); top: -116px; left: -334px; width: 345px; height: 123px; background: url(resources/ball.png) no-repeat }
.ball .ball-inner .on dt { z-index: 1 }
.ball .ball-inner .d1.spe dt .light { background: url(resources/ball2.png) no-repeat; left: 7px; transform-origin: 0 100%; -webkit-transform-origin: 0 100% }
.ball .ball-inner .d1 dt .light .light-inner { width: 324px; height: 86px; background-color: #fff; border-radius: 44px }
.ball .ball-inner .d1 dt .light .light-inner .lt { float: left; height: 78px; width: 78px; border: 4px solid #33d59c; border-radius: 44px; background: url(resources/ft.jpg) no-repeat center }
.ball .ball-inner .d1 dt .light .light-inner .lt1 { background-image:url(../images/微信app客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt2 { background-image:url(../images/移动应用.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt3 { background-image:url(../images/响应式客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt4 { background-image:url(../images/品牌客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt5 { background-image:url(../images/h5活动客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt6 { background-image:url(../images/电商平台客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt7 { background-image:url(../images/企业客户.jpg)
}
.ball .ball-inner .d1 dt .light .light-inner .lt8 { background-image:url(../images/营销活动客户.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: #8b8b8b; margin-bottom: 8px; line-height: 1.4 }
.ball .ball-inner .d1 dt .light .light-inner .rg .p2 { font-size: 14px; color: #000 }
.ball .ball-inner .d1 dt span { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -6px; background-color: #0095e2; border-radius: 8px; -webkit-animation: fd 2s forwards infinite; -o-animation: fd 2s forwards infinite; animation: fd 2s forwards infinite }
.ball .ball-inner .d1 dd { float: left }
.ball .ball-inner .d1 dd span { font-size: 20px; color: #000 }
.ball .ball-inner .d1 dd b { font-size: 12px; color: #000 }
.ball .ball-inner .on dt .light { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.ball .ball-inner .on span { animation-play-state: paused; -webkit-animation-play-state: paused }
.ball .ball-inner .on dt { border-color: #33d59d }
.ball .ball-inner .on dt span { background-color: #33d59d }
.ball .ball-inner .on dd b, .ball .ball-inner .on dd span { color: #33d59d }
.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 0 0 -7px; animation-delay: 1s }
.ball .ball-inner .big dd span { font-size: 26px }
.ball .ball-inner .big dd b { font-size: 14px }
.allist { padding: 32px 0 0 0 }
.allist-img { position: relative; overflow: hidden }
.allist-img p { transition: all .25s; position: absolute; bottom: -53px; left: 0; width: 100%; line-height: 53px; background: #000; opacity: .5; color: #fff; text-indent: 15px; font-size: 16px }
.allist li:hover .allist-img p { bottom: 0 }
.allist li { float: left; width: 375px; height: 368px; position: relative; padding-bottom: 2px; margin-right: 37px; margin-bottom: 31px }
.allist-wrap { padding: 13px }
.allist-cnt { float: left; width: 263px }
.allist-cnt h5 { line-height: 30px; font-size: 19px; color: #1a1a1a; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.allist-cnt p { line-height: 22px; font-size: 14px; color: #666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.allist-wrap2 { float: right; width: 95px; margin-right: -13px }
.allist-num { float: right; padding-left: 20px; background: url(resources/al.png) no-repeat left center; line-height: 24px; color: #999 }
.allist-btn { float: right; width: 100%; padding-top: 8px }
.allist-btn a { margin-left: 2px; float: right; width: 21px; height: 18px; background-position: center; background-repeat: no-repeat }
.allist-btn a.s4 { background-image: url(resources/al2.png) }
.allist-btn a.s3 { background-image: url(resources/al3.png) }
.allist-btn a.s2 { background-image: url(resources/al4.png) }
.allist-btn a.s1 { background-image: url(resources/al5.png) }
.allist-btn a.hasewm .ewms { position: absolute; top: 50px; left: 0; width: 100%; color: #fff; text-align: center; transition: all .25s; transform: scale(0); opacity: 0; filter: Alpha(opacity=0); display: none\9 }
.allist-btn a.hasewm:hover .ewms { transform: scale(1); opacity: 1; filter: Alpha(opacity=100); display: block\9 }
.allist-btn a.hasewm .ewms i { display: inline-block; font-weight: 700; font-size: 18px; line-height: 40px; margin: 0 15px; margin-top: -30px; vertical-align: top; color: #0095e2 }
.allist-btn a.hasewm .ewms canvas { border: 8px solid #fff }
.allist-line { position: absolute; height: 2px; background: #3082d6; position: absolute; bottom: 0; left: 0; transition: all .25s; width: 0 }
.allist li:hover .allist-line { width: 100% }
.somelinks { padding-top: 30px }
.smmenu { float: left; width: 929px }
.smmenu a { float: left; width: 105px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #d8d8d8; border-radius: 1px; margin-right: 9px; margin-bottom: 10px }
.smmenu a:hover { color: #fff; background: #0095e2 }
.smmenu a.on { color: #fff; background: #0095e2 }
.somelinks .bgbg { background: #676767; border-radius: 5px; float: right; width: 269px; height: 125px }
.somelinks .bgbg .searchbo { background: #fff; margin-right: 10px; margin-top: 40px }
.Qi_list1 { border-bottom: 1px solid #eaeaea }
.Qi_list1 ul { box-sizing: border-box; padding-bottom: 8px }
.Qi_list1 ul.menu_l { border-right: 2px solid #eaeaea; padding-right: 15px; width: 700px }
.Qi_list1 ul.menu_r { padding-left: 15px }
.Qi_list1 ul li { float: left; width: 97px; transition: all .25s }
.Qi_list1 ul li:hover { transform: translate3d(0, -10px, 0) }
.Qi_list1 ul li a { display: block }
.Qi_list1 ul li span { display: block; padding: 6px 0; font-size: 14px; color: #333; text-align: center; line-height: 1 }
.Qi_list1 ul li span i { display: inline-block; margin-top: -10px; width: 80px; height: 80px }
.Qi_list1 ul li._a1 span i { background-image: url(resources/albc1.png) }
.Qi_list1 ul { float: left }
.Qi_list1 ul li._a2 span i { background-image: url(resources/albc2.png) }
.Qi_list1 ul li._a3 span i { background-image: url(resources/albc3.png) }
.Qi_list1 ul li._a4 span i { background-image: url(resources/albc4.png) }
.Qi_list1 ul li._a5 span i { background-image: url(resources/albc5.png) }
.Qi_list1 ul li._a6 span i { background-image: url(resources/albc6.png) }
.Qi_list1 ul li._a7 span i { background-image: url(resources/albc7.png) }
.Qi_list1 ul li._a8 span i { background-image: url(resources/albc15.png) }
.Qi_list1 ul li._a9 span i { background-image: url(resources/albc16.png) }
.Qi_list1 ul li._a10 span i { background-image: url(resources/albc17.png) }
.Qi_list1 ul li._a11 span i { background-image: url(resources/albc18.png) }
.Qi_list1 ul li._a12 span i { background-image: url(resources/albc19.png) }
.Qi_list1 ul li._a1:hover span i, .Qi_list1 ul li.on._a1 span i { background-image: url(resources/albc8.png) }
.Qi_list1 ul li._a2:hover span i, .Qi_list1 ul li.on._a2 span i { background-image: url(resources/albc9.png) }
.Qi_list1 ul li._a3:hover span i, .Qi_list1 ul li.on._a3 span i { background-image: url(resources/albc10.png) }
.Qi_list1 ul li._a4:hover span i, .Qi_list1 ul li.on._a4 span i { background-image: url(resources/albc11.png) }
.Qi_list1 ul li._a5:hover span i, .Qi_list1 ul li.on._a5 span i { background-image: url(resources/albc12.png) }
.Qi_list1 ul li._a6:hover span i, .Qi_list1 ul li.on._a6 span i { background-image: url(resources/albc13.png) }
.Qi_list1 ul li._a7:hover span i, .Qi_list1 ul li.on._a7 span i { background-image: url(resources/albc14.png) }
.Qi_list1 ul li._a8:hover span i, .Qi_list1 ul li.on._a8 span i { background-image: url(resources/albc20.png) }
.Qi_list1 ul li._a9:hover span i, .Qi_list1 ul li.on._a9 span i { background-image: url(resources/albc21.png) }
.Qi_list1 ul li._a10:hover span i, .Qi_list1 ul li.on._a10 span i { background-image: url(resources/albc22.png) }
.Qi_list1 ul li._a11:hover span i, .Qi_list1 ul li.on._a11 span i { background-image: url(resources/albc23.png) }
.Qi_list1 ul li._a12:hover span i, .Qi_list1 ul li.on._a12 span i { background-image: url(resources/albc24.png) }
.Qi_list1 ul li a:hover span, .Qi_list1 ul li.on a span { color: #0095e2 }
.Q_case_1 { width: 100%; height: 422px; background: url(resources/qi_2.jpg) repeat center left }
.cap_1 { padding-top: 50px; padding-bottom: 57px; position: relative }
.cap_1 .cap_tit { margin-bottom: 50px }
.cap_1 .cap_tit .c_img { width: 161px; height: 90px; margin-right: 30px }
.cap_1 .cap_tit .c_img img { width: 161px; height: 90px }
.cap_1 .cap_tit .c_tit { width: 870px }
.cap_1 .cap_tit .c_tit h4 { position: relative; padding-bottom: 15px; font-size: 40px; color: #3f3f3f; line-height: 1 }
.cap_1 .cap_tit .c_tit h4:before { position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; content: ''; background: #00a6ea }
.cap_1 .cap_tit .c_tit h6 { margin-top: 15px; line-height: 20px }
.cap_1 .cap_tit .c_tit h6 span { float: left; margin-right: 30px; font-size: 16px; color: #000 }
.cap_1 .cap_tit .c_tit h6 font { float: left; margin-right: 15px; font-size: 14px; color: #666 }
.cap_1 .cap_mian .m_1 { float: left; width: 550px; line-height: 28px }
.cap_1 .cap_mian .m_1 p { font-size: 14px; color: #999 }
.hj { font-size: 14px; color: #333; padding-bottom: 20px }
.hj a { font-size: 14px; color: #333 }
.hj a.chucuo { display: inline-block; width: 16px; height: 22px; margin-left: 15px; background: url(resources/q10.png) no-repeat center; vertical-align: top }
.cap_1 .cap_mian .m_2 { float: left; margin-left: 120px }
.cap_1 .cap_mian .m_2 .m_ewm { float: left; text-align: center }
.cap_1 .cap_mian .m_2 .m_ewm span { display: block }
.cap_1 .cap_mian .m_2 .m_ewm span img { width: 100% }
.cap_1 .cap_mian .m_2 .m_ewm font { display: block; font-size: 12px; color: #666; line-height: 24px }
.cap_1 .cap_mian .m_2 .m_but { float: left; margin-left: 30px }
.cap_1 .cap_mian .m_2 .m_but a { display: block; width: 164px; height: 48px; border: 2px solid #404040; font-size: 18px; color: #404040; line-height: 48px; text-align: center }
.cap_1 .cap_mian .m_2 .m_but a i { display: inline-block; width: 17px; height: 18px; margin-left: 12px; background: url(resources/q11.png) no-repeat top center; vertical-align: middle }
.cap_2 { position: relative; width: 100%; height: 60px; overflow: hidden }
.cap_2>a { position: absolute; top: 0; width: 60px; height: 60px; background: no-repeat center }
.cap_2 .m_pr { left: 0; background-image: url(resources/q8.png) }
.cap_2 .m_nx { right: 0; background-image: url(resources/q9.png) }
.cap_2 .m_aa { left: 50%; margin-left: -30px; background-image: url(resources/q7.png) }
.bt { background: #000; position: relative }
.bt img { width: 100% }
.bt-tit { position: absolute; width: 1200px; margin-left: -600px; left: 50%; top: 35%; text-align: center; color: #fff }
.bt-tit h5 { font-family: 华文细黑; line-height: 130px; font-size: 97px }
.bt-tit p { line-height: 49px; font-size: 28px }
.alxq { text-align: left; padding: 70px 0 70px 0 }
.alxq img { margin: auto }
.thispo { position: absolute; right: 0; padding-top: 1px; top: 0 }
.thispo a { display: block; width: 106px; border: 1px solid #f1f1f1; background-position: center; background-repeat: no-repeat; margin-top: -1px; height: 89px }
.thispo a.on, .thispo a:hover { background-color: #00a6ea }
.thispo a.t1 { background-image: url(resources/bd1.png) }
.thispo a.t2 { background-image: url(resources/bd2.png) }
.thispo a.t3 { background-image: url(resources/bd3.png) }
.thispo a.t4 { background-image: url(resources/bd4.png) }
.thispo a.t1.on, .thispo a.t1:hover { background-image: url(resources/bd5.png) }
.thispo a.t2.on, .thispo a.t2:hover { background-image: url(resources/bd6.png) }
.thispo a.t3.on, .thispo a.t3:hover { background-image: url(resources/bd7.png) }
.thispo a.t4.on, .thispo a.t4:hover { background-image: url(resources/bd8.png) }
.ihbanner { text-align: center; height: 475px }
.ihbannertit { color: #fff }
.ihbannertit h5 { line-height: 55px; font-size: 38px; padding-top: 49px }
.ihbannertit p { font-size: 27px; line-height: 41px }
.ihbannertit.spe1 h5 { color: #ef4359 }
.ihbannertit.spe1 p { color: #fff }
.ihbannerlinks.spe1 a:hover { background: #f2445b; border: 1px solid #f2445b }
.ihbannerlinks.spe2 a:hover { background: #e85a4f; border: 1px solid #e85a4f }
.ihbannerlinks.spe3 a:hover { background: #956ae6; border: 1px solid #956ae6 }
.ihbannerlinks { padding: 17px 0 40px 0 }
.ihbannerlinks a { display: inline-block; vertical-align: top; height: 40px; line-height: 40px; font-size: 16px; width: 150px; margin: 0 7px; color: #fff; border: 1px solid #fff; border-radius: 4px }
.ihbannerlinks a:hover { background: #ffb033; border: 1px solid #ffb033 }
.ihbannerimgs img { vertical-align: top }
.ihbannerimg1 { margin-top: 2px }
.ihbannerimg2 { margin: 0 13px; margin-top: 15px }
.zcmod1links a { display: inline-block; width: 224px; font-size: 16px; line-height: 24px; color: #666; margin: 0 7px; vertical-align: top }
.zcmod1links { text-align: center; padding: 73px 0 }
.zcmod1links i { display: block; -webkit-transition: all .55s; transition: all .55s; width: 148px; height: 148px; margin: 0 auto; margin-bottom: 25px; background-position: center; border-radius: 50%; background-repeat: no-repeat }
.j-box { -webkit-transition: all .55s; transition: all .55s }
.wyllist li, .zcmod5list li, .zllist-img { -webkit-transition: all .35s; transition: all .35s }
.wyllist li:hover, .zllist-img:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) }
.zcmod5list li:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.zcmod1links .z1 i { background-image: url(resources/linksbg1.png); border: 3px solid #2bedaf }
.zcmod1links .z2 i { background-image: url(resources/linksbg2.png); border: 3px solid #f7ba45 }
.zcmod1links .z3 i { background-image: url(resources/linksbg3.png); border: 3px solid #b260f1 }
.zcmod1links .z4 i { background-image: url(resources/linksbg4.png); border: 3px solid #2095f8 }
.zcmod1links .z5 i { background-image: url(resources/linksbg5.png); border: 3px solid #e95b8a }
.j-box:hover, .zcmod1links a:hover i { -webkit-transform: translate3d(0, -10px, 0) rotate(360deg); transform: translate3d(0, -10px, 0) rotate(360deg) }
.zcmodtit { text-align: center; padding-top: 64px }
.zcmodtit h5 { line-height: 64px; font-size: 41px }
.zcmodtit p { line-height: 35px; font-size: 16px }
.zcmodtit.col1 h5 { color: #434e5a }
.zcmodtit.col1 p { color: #909ca9 }
.zcmodtit.col2 h5 { color: #fff }
.zcmodtit.col2 p { color: #fff }
.zcmodtit strong { font-weight: 700 }
.byy { height: 646px; margin-top: 20px; position: relative; background: url(resources/yybg1.png) center no-repeat }
.byy i { width: 240px; height: 240px; left: 50%; position: absolute }
.byy i.y1 { background-image: url(resources/yy1.png); top: 35px; margin-left: -510px }
.byy i.y2 { background-image: url(resources/yy2.png); top: 35px; margin-left: -246px }
.byy i.y3 { background-image: url(resources/yy3.png); top: 35px; margin-left: 24px }
.byy i.y4 { background-image: url(resources/yy4.png); top: 35px; margin-left: 290px }
.byy i.y5 { background-image: url(resources/yy5.png); top: 385px; margin-left: -371px }
.byy i.y6 { background-image: url(resources/yy6.png); top: 385px; margin-left: 155px }
.msglist { padding: 60px 0 110px 0 }
.msglist li { float: left; width: 367px; height: 118px; padding: 10px; margin-right: 19px; margin-bottom: 15px; position: relative }
.msglist li b { background: #000; border-radius: 8px; position: absolute; -webkit-transition: all .25s; transition: all .25s; width: 100%; opacity: .15; height: 100%; left: 0; top: 0; z-index: 0 }
.msglist li i { margin-top: 22px; width: 85px; -webkit-transition: all .25s; transition: all .25s; position: relative; z-index: 1; height: 85px; float: left }
.msglist li.m1 i { background-image: url(resources/z3_01.png) }
.msglist li.m2 i { background-image: url(resources/z3_02.png) }
.msglist li.m3 i { background-image: url(resources/z3_03.png) }
.msglist li.m4 i { background-image: url(resources/z3_04.png) }
.msglist li.m5 i { background-image: url(resources/z3_05.png) }
.msglist li.m6 i { background-image: url(resources/z3_06.png) }
.msglist-cnt { float: right; color: #fff; width: 255px; position: relative; z-index: 1 }
.msglist-cnt h5 { line-height: 45px; font-size: 18px; font-weight: 700 }
.msglist-cnt p { line-height: 22px; font-size: 13px }
.msglist li:hover b { opacity: 1; background: #fff }
.msglist li:hover i { transform: rotate(360deg); -webkit-transform: rotate(360deg) }
.msglist li:hover h5 { color: #434e5a }
.msglist li:hover p { color: #8c989e }
.yzs { padding: 94px 0 }
.yzs-cnt { width: 391px; height: 409px; background-image: url(resources/mod04_02.png) }
.yzs-wrap { color: #fff; padding: 52px 34px 0 34px }
.yzs-wrap h3 { line-height: 54px; font-size: 41px; font-weight: 700 }
.yzs-wrap h4 { line-height: 42px; font-size: 30px }
.yzs-wrap h5 { padding: 14px 0; border-bottom: 1px solid #fff; line-height: 24px; font-size: 16px }
.yzs-wrap p { padding-top: 18px; line-height: 24px; font-size: 13px }
.yzs-wrap p em { color: #f6ff00 }
.zcmod5list { padding: 97px 0 }
.zcmod5list li { border-radius: 8px; background: #fff; height: 180px; margin-bottom: 10px; width: 353px; padding: 47px }
.zcmod5list-top i { width: 64px; float: left; height: 64px; background-image: url(resources/mod5_b1.png) }
.zcmod5list-wrap { width: 279px; float: right }
.zcmod5list-wrap h4 { padding-top: 6px; line-height: 33px; font-size: 24px; color: #666; font-weight: 700 }
.zcmod5list-wrap h5 { line-height: 18px; font-size: 17px; color: #999 }
.zcmod5list p { line-height: 27px; font-size: 16px; padding-top: 29px; color: #666 }
.zcmod5box { position: relative }
.zcmod5b { position: absolute; width: 280px; top: 97px; color: #fff; text-align: center; left: 460px; height: 558px; border-radius: 8px; background: #956ae6 }
.zcmod5b h5 { padding-top: 26px; line-height: 86px; font-size: 17px }
.zcmod5b h2 { font-size: 49px; line-height: 52px }
.zcmod5b h3 { font-weight: 700; font-size: 49px; line-height: 52px }
.zcmod5b h4 { font-size: 20px; line-height: 45px }
.zcmod5b p { font-size: 17px; font-weight: 700; padding-top: 12px; height: 78px; line-height: 29px }
.commit { width: 100%; overflow: hidden }
.commit { height: 415px; background: #000 url(resources/bg4.jpg) no-repeat center }
.commit .fix_1 { padding: 60px 0 42px 0 }
.commit .fix_1 h4 { float: left }
.commit .fix_1 h4 font { display: block; font-size: 30px; color: #fff; line-height: 42px }
.commit .fix_1 h4 span { display: block; font-size: 14px; color: #a6c5e7; line-height: 30px }
.commit .fix_1 input { float: right; width: 260px; height: 50px; margin: 11px 25px 11px 0; border: none; border-radius: 3px; background: #0af; font-size: 16px; color: #fff }
.zzz { float: right; width: 220px; height: 45px; border: none; border-radius: 3px; background: #0af; font-size: 16px; color: #fff }
.commit .fix_2 p { width: 560px; height: 45px; margin-bottom: 10px; border-radius: 3px; background: #5ca6db }
.commit .fix_2 p input { width: 100%; height: 45px; padding-left: 35px; border: none; background: no-repeat 10px center; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 45px }
.commit .fix_2 p input::-webkit-input-placeholder {
color:#fff
}
.commit .fix_2 .insf_1 input { background-image: url(resources/insf_1.png) }
.commit .fix_2 .insf_2 input { background-image: url(resources/insf_2.png) }
.commit .fix_2 .insf_3 .insf_3-1 input { background-image: url(resources/insf_3.png) }
.commit .fix_2 .insf_3 .insf_3-2 input { background-image: url(resources/insf_4.png) }
.commit .fix_2 .insf_3-1 { width: 234px }
.commit .fix_2 .insf_3-2 { width: 314px; margin-left: 12px }
.commit .fix_2 .insf_4 { width: 580px; height: 100px; border-radius: 3px }
.commit .fix_2 .insf_4 textarea { width: 100%; height: 100px; padding: 12px 40px; border: none; background: transparent url(resources/insf_5.png) no-repeat 10px 10px; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 20px }
.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder {
color:#fff
}
.commit .fix_2 .insf_5 { float: left; width: 240px }
.commit .fix_2 .insf_5 input { background-image: url(resources/insf_6.png) }
.commit .fix_2>span { float: left; width: 97px; height: 45px; margin-left: 10px; border-radius: 3px; background: #fff }
.spe.commit .fix_2 p { background: #525b66 }
.bb1 { height: 703px }
.bb1-wrap { background: url(resources/aa1.png); width: 566px; position: relative; top: 82px; left: -15px; height: 534px }
.bb1-cnt { padding: 69px 62px 0 62px }
.bb1-cnt h3 { line-height: 52px; font-weight: 700; font-size: 41px; color: #000; padding-bottom: 25px; border-bottom: 1px solid #e8e8e8 }
.bb1-cnt h4 { font-size: 41px; padding-bottom: 25px; border-bottom: 1px solid #e8e8e8; line-height: 52px; color: #000 }
.bb1-cnt h5 { padding: 24px 0; font-size: 16px; line-height: 30px; color: #000 }
.bb1-cnt p { font-size: 14px; line-height: 24px; color: #777 }
.bb1-cnt p em { color: #0095e2 }
.zllist { padding: 48px 0 66px 0 }
.zllist li { float: left; color: #fff; width: 336px; margin-right: 96px }
.zllist.spe li { width: 286px; margin-right: 18px }
.zllist li h5 { font-size: 18px; font-weight: 700; line-height: 38px }
.zllist li p { height: 146px; font-size: 14px; line-height: 24px }
.zllist.spe li p { height: 126px }
.zllist.spe li p em { color: #FDCF4E }
.zllist-img { margin-left: -31px; width: 398px; overflow: hidden; margin-top: -18px; height: 298px; background-image: url(resources/zlbg1.png) }
.spe.zllist .zllist-img { margin-left: -31px; width: 348px; height: 281px; overflow: hidden; margin-top: -18px; background-image: url(resources/wc1.png) }
.spe.zllist .zllist-img-wrap { width: 286px; height: 160px; overflow: hidden; left: 31px; position: relative; top: 75px; border-radius: 0 0 5px 5px }
.zllist-img-wrap { width: 336px; height: 209px; overflow: hidden; left: 31px; position: relative; top: 57px; border-radius: 0 0 5px 5px }
.wyllist { padding: 72px 0 105px 0 }
.wyllist-bg { background: url(resources/wyl1.png) 14px 212px no-repeat; height: 268px; padding-top: 20px; padding-left: 57px; padding-right: 59px }
.wyllist { width: 1220px; margin-left: -20px }
.wyllist li { float: left; width: 410px; margin-left: -4px; height: 302px; background-image: url(resources/wyl2.png) }
.wyllist li.spe { width: 824px; margin-left: -10px; height: 302px }
.wylist-top { padding-top: 38px }
.wylist-top i { border-radius: 50%; background: #f2523c; width: 64px; height: 64px; text-align: center; line-height: 64px; color: #fff; font-size: 30px; float: left }
.wylist-wrap { float: right; width: 213px }
.wylist-wrap h4 { line-height: 33px; padding-top: 7px; font-size: 24px; color: #666; font-weight: 700 }
.wylist-wrap h5 { line-height: 21px; font-size: 16px; color: #666 }
.wylist-cnt { padding-top: 17px }
.wylist-cnt span { text-align: center; margin: 5px 0; color: #666; font-size: 16px; width: 97px; line-height: 17px; border-right: 1px solid #e8e8e8; float: left }
.wylspe { padding-top: 65px; text-align: center }
.wylspe i { display: block; margin: 0 auto; width: 70px; height: 65px; background-image: url(resources/zes.png) }
.wylspe h5 { padding-top: 12px; line-height: 40px; font-size: 24px; color: #666; font-weight: 700 }
.wylspe p { line-height: 29px; font-size: 16px; color: #999 }
.gbbox { padding: 95px 0 }
.gbcnt { padding-top: 23px; float: left }
.gbcnt h5 { color: #000; margin-left: -10px; font-weight: 700; font-size: 48px; line-height: 135px; text-indent: 10px; background: url(resources/bgbgline.png) bottom left no-repeat }
.gbcnt p { padding-top: 13px; line-height: 48px; font-size: 30px; color: #616971 }
.gblist { float: right; width: 670px }
.gblist li { float: left; margin-bottom: 5px; width: 327px; margin-left: 5px; height: 113px; border-radius: 8px; background: #fff }
.gblist li i { float: left; width: 85px; background-position: center; background-repeat: no-repeat; margin-left: 17px; margin-top: 17px; height: 85px }
.gblist li.g1 i { background-image: url(resources/gbbg1.png) }
.gblist li.g2 i { background-image: url(resources/gbbg2.png) }
.gblist li.g3 i { background-image: url(resources/gbbg3.png) }
.gblist li.g4 i { background-image: url(resources/gbbg4.png) }
.gblist li.g5 i { background-image: url(resources/gbbg5.png) }
.gblist li.g6 i { background-image: url(resources/gbbg6.png) }
.gblist-cnt { margin-right: 17px; margin-top: 17px; float: right; width: 203px }
.gblist-cnt h5 { line-height: 26px; font-size: 18px; color: #434e5a; font-weight: 700 }
.gblist-cnt p { line-height: 16px; font-size: 13px; padding-top: 7px; color: #8c989e }
.wylspe2 { padding-top: 52px; text-align: center }
.wylspe2 i { display: block; margin: 0 auto; width: 91px; height: 91px }
.wylspe2.bl1 i { background-image: url(resources/smo2.png) }
.wylspe2.bl2 i { background-image: url(resources/smo3.png) }
.wylspe2.bl3 i { background-image: url(resources/smo4.png) }
.wylspe2.bl4 i { background-image: url(resources/smo5.png) }
.wylspe2 h5 { padding-top: 12px; line-height: 40px; font-size: 24px; color: #666; font-weight: 700 }
.wylspe2 p { line-height: 29px; font-size: 16px; color: #999 }
.gx { height: 957px }
.gxlist li { width: 562px }
.gxlist { padding-top: 31px }
.gxlist-cnt h5 { line-height: 38px; font-size: 18px; color: #fff; font-weight: 700 }
.gxlist-cnt { padding: 0 17px; height: 210px }
.gxlist-cnt p { line-height: 31px; font-size: 14px; color: #fff; font-weight: 700 }
.gxlist-cnt p em { color: #f6ff00 }
.gx-img { width: 562px; height: 366px; overflow: hidden; border-radius: 0 0 5px 5px; margin-left: -2px }
.bzd { text-align: left; padding: 8px 0 }
.bj-banner { height: 625px }
.bj-banner-wrap { color: #636b73; padding: 114px 0 0 40px }
.bj-banner-wrap h4 { line-height: 51px; font-size: 35px }
.bj-banner-wrap h3 { line-height: 75px; font-weight: 700; font-size: 51px }
.bj-banner-wrap h5 { line-height: 31px; font-size: 23px; padding: 11px 0 23px 0; position: relative }
.bj-banner-wrap h5:after { content: ''; height: 3px; width: 44px; position: absolute; background: #f7b044; bottom: 0; left: 0 }
.bj-banner-wrap p { line-height: 23px; font-size: 14px; padding: 21px 0 41px 0; position: relative }
.bj-banner-wrap a { border-radius: 52px; width: 214px; height: 52px; display: block; font-size: 14px; color: #636b73; border: 2px solid #636b73; line-height: 52px; text-align: center }
.bj-banner-wrap a em { display: inline-block; padding-right: 32px; font-weight: 700; position: relative; left: 0; -webkit-transition: all .25s; transition: all .25s; background: url(resources/bj_png1.png) right center no-repeat }
.bj-banner-wrap a:hover em { left: 10px }
.bjslide-tit { text-align: center; padding: 45px 0 42px 0; color: #fff }
.bjslide-tit h5 { line-height: 64px; font-size: 36px; font-weight: 700 }
.bjslide-tit p { line-height: 24px; font-size: 14px }
.bjslide { padding-bottom: 93px }
.bjTxtBox .hd { text-align: center; overflow: hidden }
.bjTxtBox .hd ul { display: inline-block; border-radius: 3px; overflow: hidden }
.bjTxtBox .hd ul li { float: left; color: #fff; font-size: 14px; text-align: center; border: 3px solid #0b3352; line-height: 38px; width: 193px; cursor: pointer }
.bjTxtBox .hd ul li.on { background: #0b3352 }
.bjlc { margin: 0 auto; margin-top: 68px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 2px 2px 3px 1px #eceef1; width: 1121px }
.bjlc-t { background: url(resources/bj_png2.png); height: 137px }
.bjlc-table td { text-align: center; border: 1px solid #e8e8e8 }
.bjlc-table td img { margin-top: 32px }
.bjlc-table td h5 { line-height: 19px; font-size: 14px; color: #636b73 }
.bjlc-table td h4 { margin-top: 16px; line-height: 29px; font-size: 24px; color: #636b73 }
.bjlc-table td p { height: 120px; line-height: 24px; font-size: 0; padding: 0 17px 0 46px; padding-top: 22px; text-align: left; color: #636b73 }
.bjlc-table td p em { font-size: 14px; margin-right: 13px; min-width: 100px; display: inline-block }
.bjcho { color: #3b99f0; font-size: 14px; line-height: 60px }
.bjlvnext { padding: 21px }
.bjlvnext a { display: block; width: 190px; height: 44px; line-height: 44px; text-align: center; -webkit-transition: all .25s; transition: all .25s; color: #fff; font-size: 14px; margin: 0 auto; background: #3b99f0; border-radius: 5px }
.bjlvnext a:hover { box-shadow: 1px 1px 3px 1px #3b99f0 }
.bjslide2 { height: 519px; background: #f4f9fd }
.bjslide2 .bjslide-tit { padding-top: 60px; color: #636b73 }
.zd { padding-top: 27px }
.zd-img { float: left }
.zd-cnt { float: left; padding: 0 30px; height: 278px; background: #3b99f0; width: 345px }
.zd-cnt h4 { line-height: 39px; font-size: 36px; font-weight: 700; padding-top: 32px; color: #fff }
.zd-cnt h5 { line-height: 23px; font-size: 18px; padding-top: 5px; padding-bottom: 22px; border-bottom: 1px dashed #fff; color: #fff }
.zd-cnt-wrap { padding-top: 15px }
.zd-cnt-wrap p { float: left; width: 164px; line-height: 22px; padding-top: 5px; font-size: 14px; color: #ffde00 }
.zd-cnt-wrap a em { display: inline-block; padding-right: 50px; -webkit-transition: all .25s; transition: all .25s; left: 0; position: relative; background: url(resources/bj_png7.png) right center no-repeat }
.zd-cnt-wrap a:hover em { left: 10px }
.zd-cnt-wrap a { width: 160px; float: right; color: #fff; font-size: 14px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; border: 2px solid #fff }
.bjform { height: 655px }
.payway { text-align: center }
.payway table { margin: 0 auto; margin-bottom: 30px; width: 80% }
.payway table td, .payway table th { text-align: center; padding: 10px; border: 1px solid #ccc }
.payway { padding: 50px 0 30px 0 }
.payway table th { font-weight: 700; color: #666; font-size: 16px }
.payway table td { font-size: 14px; text-align: left; padding-left: 100px; line-height: 30px }
.clumbo.spe { float: left; -webkit-transition: all .35s; transition: all .35s; overflow: hidden; border: 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: 0; width: 26px; height: 22px }
.clumbo.spe .searchbo { margin-top: 0 }
.clumbo.spe form { width: 150px }
.thismsg { text-align: center }
.thismsg h5 { font-size: 30px; text-transform: uppercase; font-weight: 700; line-height: 70px; color: #0095e2 }
.thismsg p { font-size: 14px; line-height: 24px; color: #878787 }
.thismsg p em { color: #0095e2 }
.this { position: relative }
.thismsg { position: absolute; left: 50% }
.thismsg1 { top: 122px; margin-left: -430px }
.thismsg2 { top: 122px; margin-left: 177px }
.thismsg3 { margin-left: -268px; top: 383px }
.thismsg4 { margin-left: 23px; top: 383px }
.m_ewm { display: none }
.cjlbox { position: relative }
.cjl h5 { line-height: 34px; font-size: 18px; color: #444; padding-bottom: 3px }
.cjl p { line-height: 24px; font-size: 14px; color: #a0a0a0 }
.cjl { width: 320px; position: absolute }
.cjl1 { left: 62px; top: 48px }
.cjl2 { right: 62px; top: 48px }
.cjl3 { left: 62px; top: 237px }
.cjl4 { right: 62px; top: 237px }
.cjl5 { left: 62px; top: 432px }
.cjl6 { right: 62px; top: 432px }
.cjltit { color: #b5b5b5; font-size: 33px; left: 566px; line-height: 47px; position: absolute; top: 285px }
.cjlm { line-height: 31px; position: absolute; color: #fff; font-size: 18px }
.cjlm1 { left: 489px; top: 96px }
.cjlm2 { left: 642px; top: 96px }
.cjlm3 { left: 415px; top: 229px }
.cjlm4 { left: 709px; top: 245px }
.cjlm5 { left: 482px; top: 362px }
.cjlm6 { left: 630px; top: 374px }
.cjlm { transition: all .25s; -webkit-transition: all .25s }
.cjlm:hover { transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0) }
.ipa0 { animation-name: ip0; -webkit-animation-name: ip0 }
.ipa1 { animation-name: ip1; -webkit-animation-name: ip1 }
.ipa2 { animation-name: ip2; -webkit-animation-name: ip2 }
.ipa3 { animation-name: ip3; -webkit-animation-name: ip3 }
.ipa6 { animation-name: ip6; -webkit-animation-name: ip6 }
.ipa7 { animation-name: ip7; -webkit-animation-name: ip7 }
.n0.numm0 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: .5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 1.5s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-fill-mode: forwards }
.numm6 { animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-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; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-fill-mode: forwards }
@keyframes ip0 {
100% {
background-position:center 2800px
}
}
@-webkit-keyframes ip0 {
100% {
background-position:0 2800px
}
}
@keyframes ip1 {
100% {
background-position:center 2730px
}
}
@-webkit-keyframes ip1 {
100% {
background-position:center 2730px
}
}
@keyframes ip2 {
100% {
background-position:center 2660px
}
}
@-webkit-keyframes ip2 {
100% {
background-position:center 2660px
}
}
@keyframes ip3 {
100% {
background-position:center 2590px
}
}
@-webkit-keyframes ip3 {
100% {
background-position:center 2590px
}
}
@keyframes ip6 {
100% {
background-position:center 2380px
}
}
@-webkit-keyframes ip6 {
100% {
background-position:center 2380px
}
}
@keyframes ip7 {
100% {
background-position:center 2310px
}
}
@-webkit-keyframes ip7 {
100% {
background-position:center 2310px
}
}
.nz0 { background-position: center 2800px }
.nz1 { background-position: center 2730px }
.nz2 { background-position: center 2660px }
.nz3 { background-position: center 2590px }
.nz6 { background-position: center 2380px }
.nz7 { background-position: center 2310px }
.numm { background-image: url(resources/num.png); width: 35px; height: 70px; margin-top: -6px; margin-left: -5px; margin-bottom: 5px; display: inline-block; vertical-align: top }
.m_ewm { margin-left: 100px }
.m_ewmh { margin-top: -40px; width: 119px; margin-left: 60px }
.phbtn { float: left; width: 21px; height: 18px; background-image: url(resources/al3.png); font-size: 12px; color: #999; 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: #FFF; text-align: center; margin-right: 0; background: url(resources/kefu.png) no-repeat }
.kefu .c1 { background-position: 0 0 }
.kefu .c2 { background-position: 0 0; position: relative; display: block }
.kfQQ { width: 138px; margin-left: -77px; position: relative; margin-bottom: 1px; display: none }
.kfQQ .icon_qq { width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url(resources/kefu.png) no-repeat -63px -64px; position: absolute; left: -63px }
.kfQQ dt { height: 63px; background: url(resources/ket.png) no-repeat }
.kfQQ dd { border: 1px #dcdcdc solid; border-bottom: 3px #0896de solid; width: 138px; background: #FFF }
.kfQQ dd span { padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: #5c5c5c }
.kfQQ dd span img { margin-right: 10px; width: 23px; height: 23px; vertical-align: middle }
.kfQQ dd span a { color: #777; display: block; padding-top: 8px }
.kfQQ dd span a:hover { color: #777 }
.kefu .c3 { background-position: 0 -64px }
.kefu .c1:hover { background-position: -63px 0 }
.serverC { background-color: #f9f9f9; overflow: hidden; padding-top: 30px; padding-bottom: 30px }
.serverC .wrap ul { width: 1236px }
.serverC .wrap ul li { position: relative; float: left; width: 376px; margin-right: 36px; box-sizing: border-box; background-color: #fff; margin-bottom: 40px; line-height: 1; padding-top: 16px }
.serverC .wrap ul li .p1 { padding-left: 24px; font-size: 22px; color: #000; font-weight: 700; margin-bottom: 6px }
.serverC .wrap ul li .p1 span { color: #0095e2 }
.serverC .wrap ul li .p2 { padding-left: 24px; text-transform: uppercase; font-size: 8px; color: #c3c3c3; padding-bottom: 16px }
.serverC .wrap ul li .d1 { border-top: 1px solid #ebebeb; padding-top: 20px }
.serverC .wrap ul li .d1 img { width: 330px; display: block; height: auto; margin: 0 auto 20px; margin-bottom: 50px }
.serverC .wrap ul li .d1 .p3 { margin: 0 auto 10px; width: 330px; color: #666; font-size: 14px; line-height: 26px }
.serverC .wrap ul li .d1>dl { padding-left: 24px }
.serverC .wrap ul li .d1>dl dt { float: left; margin-right: 8px; margin-bottom: 8px }
.serverC .wrap ul li .d1>dl dt a { border: 1px solid #b4b4b4; width: 104px; line-height: 30px; display: block; text-align: center; font-size: 13px; color: #000; -webkit-transition: all .6s; transition: all .6s; border-radius: 4px; box-sizing: border-box }
.serverC .wrap ul li .d1>dl dt a:hover { color: #fff; background-color: #0095e2 }
.serverC .wrap ul li .d1 .more { position: relative; bottom: 0;     
    width: 20%; /* 或者使用 max-width 来限制最大宽度 */
    max-width: 72px; /* 保持最大宽度 */
    min-height: 32px; /* 让按钮自适应内容 */
    padding: 2px 2px; /* 使用内边距来控制按钮大小 */
    line-height: 32px; background-color: #7f7f7f; color: #fff; left: 50%; margin-left: -36px; text-align: center; -webkit-transition: all .6s; transition: all .6s }
.serverC .wrap ul li .d1 .more:hover { background-color: #0095e2 }
.serverC .wrap ul li:hover { box-shadow: 0 0 14px 0 #ccc }
#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(resources/browser.png) no-repeat center center; margin: 200px auto 0 }
#web-ietip a { display: block; width: 65px; height: 80px; float: left }
.sm1 li { height: 215px; width: 284px }
.sm2 li { height: 215px; width: 412px }
.sm3 li { height: 215px; width: 307px }
.sm4 li { height: 215px; width: 294px }
.sm li { float: left }
.sm li em { width: 103px; height: 34px; font-size: 18px; color: #fff; line-height: 34px; float: left }
.sm li em.bg1 { background-image: url(resources/dn1.png) }
.sm li em.bg2 { background-image: url(resources/dn2.png) }
.sm li em.bg3 { background-image: url(resources/dn3.png) }
.sm li img { margin: 0 10px; float: left }
.sm li i { color: #fff; text-align: left; font-size: 14px; float: left }
.w_grid { width: 865px }
.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(resources/loading.gif); background-repeat: no-repeat; display: block; background-position: center }
.menusilde { padding: 0 50px }
.menusilde .slick-track { margin: 0 auto }
.menusilde { position: relative }
.menulb .slick-arrow, .menusilde .slick-arrow { cursor: pointer; color: #fff; font-size: 45px; font-family: '宋体'; position: absolute; height: 85px; line-height: 85px; opacity: 1; font-weight: 700; top: 0; width: 30px; text-align: center }
.menulb .slick-arrow { color: #666 }
.menulb .slick-arrow:hover, .menusilde .slick-arrow:hover { font-size: 50px }
.menulb .slick-prev, .menusilde .slick-prev { left: 0 }
.menulb .slick-next, .menusilde .slick-next { right: 0 }
.menulb { padding: 0 50px; width: 897px }
.menulb li { text-align: center; margin-right: 0!important }
.mynewspicbo { background: #000 url(resources/bobanner.jpg) center center no-repeat }
.m_wrap3 { width: 1005px; margin: 0 auto }
.m_wrap3 .line1 { background: url(resources/hunuo_31.jpg) no-repeat; height: 2px; font-size: 0 }
.m_wrap3 .line2 { background: url(resources/hunuo_33.jpg) no-repeat; height: 5px; font-size: 0 }
.m_wrap3 .bg { background: url(resources/hunuo_32.jpg) repeat-y }
.m_wrap3 .m_search { background: url(resources/hunuo_20.jpg) left center no-repeat; padding-left: 70px; padding-top: 15px; width: 595px; margin: 0 auto }
.m_wrap3 .m_search .text { background: url(resources/hunuo_21.jpg) no-repeat; width: 473px; height: 39px; line-height: 39px; border: 0; float: left }
.m_wrap3 .m_search .submit { background: url(resources/hunuo_22.jpg) no-repeat; width: 115px; height: 39px; border: 0; float: left }
.m_wrap3 .boxes1 { text-align: center; width: 655px; border-bottom: #e1e1e1 1px solid; padding-top: 15px; margin: 0 auto; clear: both }
.m_wrap3 .boxes1 a { display: inline-block; line-height: 40px; padding: 0 5px }
.m_wrap3 .boxes1 a:hover { text-decoration: underline }
.m_wrap3 .boxes2 { width: 655px; margin: 0 auto; padding: 15px 0 }
.m_wrap3 .boxes2 li { float: left; width: 118px }
.m_wrap3 .boxes2 li.last { width: 65px }
.m_wrap3 .table { width: 900px; margin: 0 auto }
.m_wrap3 .table td { height: 45px; text-align: center; font-size: 14px; color: #333 }
.m_wrap3 .table td.top { background: #efefef; border: #e1e1e1 1px solid; font-size: 14px; color: #0b98de; text-indent: 15px; text-align: left }
.m_wrap3 .table td.bg1 { background: #fafafa }
.m_wrap3 .table td.b1 { border-bottom: #e1e1e1 1px solid; border-left: #e1e1e1 1px solid }
.m_wrap3 .table td.b2 { border-top: #e1e1e1 1px solid }
.m_wrap3 .table td.b3 { border-right: #e1e1e1 1px solid }
.m_wrap3 .checkbox { margin: 3px 3px 3px 4px }
.cu_main p, .m_con1 .p1, .m_con2 p { font-size: 14px; color: #666 }
.about_1 { width: 1000px; height: auto; padding-bottom: 130px; margin: 0 auto; margin-top: 10px }
.about_1 dd, .server_1 dd { padding-top: 30px; display: block; color: #666; line-height: 24px; font-size: 13px }
.about_1 dt, .contrct2 dt, .newsTop h2, .server_1 .title, .server_1 dt, .service_1 .title, .service_list dt, .similarCase dt, .wangzhan dt { border-bottom: 1px #ececec solid; height: 71px; background: url(resources/line3.jpg) no-repeat left 0; padding-left: 9px }
.service_1 .content, .w1000 { width: 1000px; height: auto; margin: 0 auto }
.cu_main p, .m_con1 .p1, .m_con2 p { font-size: 14px; color: #666 }
.m_wrap, .m_wrap1, .m_wrap2 { margin: 0 auto }
.m_con2 { margin: 0 auto; padding: 25px 0 }
.taglink, .taglink:hover, .taglink:link { color: #21a1e2 }
.cooperationLogo dd li img, .serviceClient dd li img, input, select, textarea { vertical-align: middle }
.blank2 { height: 83px; overflow: hidden }
.m_con1 { padding-left: 60px; background: url(resources/hunuo_15.jpg) left center no-repeat; line-height: 30px; width: 940px; margin: 25px auto }
.m_con1 .p2 { color: #ff8700; background: url(resources/hunuo_16.jpg) left center no-repeat; padding-left: 25px }
.m_table { width: 1000px; border-bottom: #d2d2d2 1px solid; border-left: #d2d2d2 1px solid; margin: 0 auto }
.m_table td { height: 45px; border-top: #d2d2d2 1px solid; border-right: #d2d2d2 1px solid; text-align: center; font-size: 13px }
.m_table td a.buy { background: url(resources/hunuo_18.jpg) 40px center no-repeat; padding-left: 20px; font-size: 13px; color: #0b98de }
.m_table td.bg1 { background: #0b98de }
.m_table td.bg1 b { font-size: 16px; color: #FFF; font-weight: 700 }
.m_table td.bg2 { background: #e5f4fb }
.m_table td.bg2 b { font-size: 12px; color: #6d7e86; font-weight: 700 }
.m_table td a { display: block }
.m_con { line-height: 25px; background: url(resources/hunuo_1.jpg) left top no-repeat }
.m_con .p1 { color: #0b98de; font-size: 14px }
.m_con2 { margin: 0 auto; padding: 25px 0 }
.m_wrap dt { text-align: center; padding: 25px 0 }
.m_wrap dd { padding-bottom: 40px }
.m_wrap dd ul { background: url(resources/hunuo_8.jpg) left top no-repeat; height: 720px }
.m_wrap dd ul li .boxes { width: 460px; padding-top: 82px }
.m_wrap dd ul li .boxes .img { width: 190px }
.m_wrap dd ul li .boxes .con { width: 215px }
.m_wrap dd ul li .boxes .con .p1 { padding-bottom: 5px }
.m_wrap dd ul li .boxes .con .p1 span { font-size: 18px; color: #0b98de }
.m_wrap dd ul li .boxes .con .p1 b { font-size: 24px; color: #dbdbdb; font-weight: 700 }
.m_wrap dd ul li .boxes .con .p2 { color: #666; line-height: 20px }
.right { float: right }
.left { float: left }
.clear { clear: both; font-size: 0; line-height: 0; height: 0 }
.m_wrap1 dt { font-size: 20px; color: #0b98de; border-bottom: #e5e5e5 1px solid; padding: 15px 0 }
.m_wrap1 dd { padding-bottom: 0 }
.m_wrap1 dd ul { padding-top: 25px }
.m_wrap1 dd ul li.last { text-align: center; padding-top: 70px }
.m_wrap1 dd ul li .boxes { width: 450px; border-bottom: #b1b1b1 1px dashed; padding-bottom: 25px }
.m_wrap1 dd ul li .boxes .p1 { font-size: 16px; color: #0b98de; padding: 10px 0 }
.m_wrap1 dd ul li .boxes .p1 i { color: #FFF; background: url(resources/hunuo_9.jpg) no-repeat; width: 17px; height: 17px; line-height: 17px; text-align: center; display: inline-block; margin-right: 5px }
.m_wrap1 dd ul li .boxes .p2 { color: #666; font-size: 13px; line-height: 20px }
.m_wrap2 dt { font-size: 24px; color: #333; background: url(resources/hunuo_11.jpg) left center no-repeat; padding-left: 20px; margin: 35px 0 }
.m_wrap2 dd .list { position: relative; border: #dbdbdb 1px solid; width: 318px; height: 286px; float: left; margin-right: 20px }
.m_wrap2 dd .list:hover { border: #0b98de 1px solid }
.m_wrap2 dd .list h1 { font-size: 14px; color: #0b98de; text-indent: 15px; padding: 15px 0 }
.m_wrap2 dd .list .img { padding-left: 20px }
.m_wrap2 dd .list ul { line-height: 20px; padding: 15px 0 13px 13px }
.m_wrap2 dd .list ul li { float: left; width: 145px }
.m_wrap2 dd .list ul li p { color: #454545 }
.m_wrap2 dd .list .last { height: 55px; line-height: 55px; background: #f2f2f2 }
.m_wrap2 dd .list .last span { font-size: 14px; color: #333; padding: 0 10px }
.m_wrap2 dd .list .last span i { font-size: 12px; color: #666 }
.m_wrap2 dd .list .btn { position: absolute; top: 20px; right: 20px }
.m_wrap2 dd .list .btn a { display: block }
.m_wrap3 { width: 1005px; margin: 0 auto }
.m_wrap3 .line1 { background: url(resources/hunuo_31.jpg) no-repeat; height: 2px; font-size: 0 }
.m_wrap3 .line2 { background: url(resources/hunuo_33.jpg) no-repeat; height: 5px; font-size: 0 }
.m_wrap3 .bg { background: url(resources/hunuo_32.jpg) repeat-y }
.m_wrap3 .m_search { background: url(resources/hunuo_20.jpg) left center no-repeat; padding-left: 70px; padding-top: 15px; width: 595px; margin: 0 auto }
.m_wrap3 .m_search .text { background: url(resources/hunuo_21.jpg) no-repeat; width: 473px; height: 39px; line-height: 39px; border: 0; float: left }
.m_wrap3 .m_search .submit { background: url(resources/hunuo_22.jpg) no-repeat; width: 115px; height: 39px; border: 0; float: left }
.m_wrap3 .boxes1 { text-align: center; width: 655px; border-bottom: #e1e1e1 1px solid; padding-top: 15px; margin: 0 auto }
.m_wrap3 .boxes1 a { display: inline-block; line-height: 40px; padding: 0 5px }
.m_wrap3 .boxes2 { width: 655px; margin: 0 auto; padding: 15px 0 }
.m_wrap3 .boxes2 li { float: left; width: 118px }
.m_wrap3 .boxes2 li.last { width: 65px }
.m_wrap3 .table { width: 900px; margin: 0 auto }
.m_wrap3 .table td { height: 45px; text-align: center; font-size: 14px; color: #333 }
.m_wrap3 .table td.top { background: #efefef; border: #e1e1e1 1px solid; font-size: 14px; color: #0b98de; text-indent: 15px; text-align: left }
.m_wrap3 .table td.bg1 { background: #fafafa }
.m_wrap3 .table td.b1 { border-bottom: #e1e1e1 1px solid; border-left: #e1e1e1 1px solid }
.m_wrap3 .table td.b2 { border-top: #e1e1e1 1px solid }
.m_wrap3 .table td.b3 { border-right: #e1e1e1 1px solid }
.m_wrap4 { width: 275px; margin: 0 auto; padding: 20px 0 }
.m_wrap4 .img { float: left; width: 143px }
.m_wrap4 .con { float: right; width: 105px }
.m_wrap4 .con p { font-size: 13px }
.m_wrap4 .con .p1 { color: #666; line-height: 25px }
.m_wrap4 .con .p2 { color: #191919; line-height: 20px; padding-top: 30px }
.m_wrap4 .con .p3 { color: #0b98de; line-height: 20px }
.m_wrap5 { color: #FFF; text-align: center; background: url(resources/zonghe_034.jpg) top center repeat-x }
.m_wrap5 .p1 { font-size: 45px; padding-top: 60px }
.m_wrap5 .p2 { font-size: 18px; padding-top: 10px }
.m_wrap5 .box1 { padding-top: 60px }
.m_wrap5 .box1 li { display: inline-block; margin: 0 30px }
.m_wrap5 .box1 li p { font-size: 24px; padding-top: 15px }
.m_wrap5 .box1 li.plus { vertical-align: 55px }
.m_wrap5 .img { padding-top: 40px }
.paging { display: block; text-align: center }
.paging li { border: 1px #cecece solid; border-radius: 5px; color: #a5a5a5; margin-right: 5px; display: inline-block; padding: 5px 10px; cursor: pointer; zoom: 1 }
.paging .on, .paging li:hover { background-color: #0096DB; color: #FFF; border: 1px #0096DB solid }
.paging .hd, .paging .hd:hover { background: 0 0; border: 0; margin: 0; padding: 0; border-radius: 0 }
.FullScene .m_bg { background: url(resources/151021_21.jpg) top center no-repeat }
.FullScene .m_bg1 { background: #f9f9f9; border-top: #f0f0f0 1px solid }
.FullScene .m_bg2 { background: #000 }
.FullScene .m_bg3 { background: url(resources/151021_20.jpg) top center no-repeat }
.FullScene .m_wrap6 dt .txt { color: #FFF; font-size: 15px; text-align: center; line-height: 25px; padding-top: 70px }
.FullScene .m_wrap6 dt span { display: block; text-align: center }
.FullScene .m_wrap6 dt span.en { padding-top: 80px }
.FullScene .m_wrap6 dt span.cn { font-size: 25px; color: #000; padding-top: 15px }
.FullScene .m_wrap6 dd .box1 { padding: 118px 0 }
.FullScene .m_wrap6 dd .box1 li { width: 146px; height: 262px; float: left; padding: 0 20px; margin-right: 17px }
.FullScene .m_wrap6 dd .box1 li.c1 { background: #f37020 }
.FullScene .m_wrap6 dd .box1 li.c2 { background: #e57977 }
.FullScene .m_wrap6 dd .box1 li.c3 { background: #fec12a }
.FullScene .m_wrap6 dd .box1 li.c4 { background: #7fb881 }
.FullScene .m_wrap6 dd .box1 li.c5 { background: #c289ce }
.FullScene .m_wrap6 dd .box1 li span { width: 65px; height: 65px; display: block; margin: 25px auto }
.FullScene .m_wrap6 dd .box1 li span.ico1 { background: url(resources/151021_2.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box1 li span.ico2 { background: url(resources/151021_3.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box1 li span.ico3 { background: url(resources/151021_4.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box1 li span.ico4 { background: url(resources/151021_5.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box1 li span.ico5 { background: url(resources/151021_6.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box1 li .p1 { font-size: 17px; color: #FFF; text-align: center; padding-bottom: 10px }
.FullScene .m_wrap6 dd .box1 li .p2 { font-size: 13px; color: #FFF; line-height: 23px }
.FullScene .m_wrap6 dd .box1 li.last { margin-right: 0 }
.FullScene .m_wrap6 dd .box2 { padding-top: 65px }
.FullScene .m_wrap6 dd .box2 li { float: left; width: 310px; margin: 15px 15px 0 0; height: 192px; overflow: hidden }
.FullScene .m_wrap6 dd .box2 li img { float: left }
.FullScene .m_wrap6 dd .box2 li p { font-size: 14px; color: #FFF; background: #3cade5; padding: 15px 20px; float: left; width: 270px }
.FullScene .m_wrap6 dd .box2 li p i { background: url(resources/151021_8.jpg) no-repeat; width: 25px; height: 15px; display: block; float: right; margin-top: 3px }
.FullScene .m_wrap6 dd .box2 li .move { position: relative; top: 0 }
.FullScene .m_wrap6 dd .box3 { padding: 90px 0 }
.FullScene .m_wrap6 dd .box3 li { width: 221px; height: 221px; float: left; margin-right: 38px }
.FullScene .m_wrap6 dd .box3 li.c1 { background: url(resources/151021_16.jpg) no-repeat }
.FullScene .m_wrap6 dd .box3 li.c2 { background: url(resources/151021_17.jpg) no-repeat }
.FullScene .m_wrap6 dd .box3 li.c3 { background: url(resources/151021_18.jpg) no-repeat }
.FullScene .m_wrap6 dd .box3 li.c4 { background: url(resources/151021_19.jpg) no-repeat }
.FullScene .m_wrap6 dd .box3 li span { width: 65px; height: 65px; display: block; margin: 50px auto 15px }
.FullScene .m_wrap6 dd .box3 li span.ico1 { background: url(resources/151021_12.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box3 li span.ico2 { background: url(resources/151021_13.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box3 li span.ico3 { background: url(resources/151021_14.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box3 li span.ico4 { background: url(resources/151021_15.jpg) center no-repeat }
.FullScene .m_wrap6 dd .box3 li p { text-align: center; color: #FFF; font-size: 16px; line-height: 25px }
.FullScene .m_wrap6 dd .box3 li.last { margin-right: 0 }
.FullScene .m_bodybg { background: url(resources/151021_31.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; display: none }
.FullScene .m_popup { position: fixed; top: 0; left: 0; z-index: 9999; display: none }
.FullScene .m_dw { border: #40b1e9 5px solid; position: relative; background: #FFF }
.FullScene .m_dw .close { background: url(resources/151021_33.jpg) no-repeat; width: 27px; height: 27px; position: absolute; top: -5px; right: -32px; cursor: pointer }
.panorama_box { width: 100%; position: relative }
.panorama_box .image_box { margin: auto; overflow: hidden; position: relative }
.panorama_box .image_box img { position: relative }
.panorama_box .toolbar { height: 38px; text-align: center; padding-bottom: 70px; padding-top: 10px; margin: 0 auto; width: 290px }
.panorama_box .toolbar span { height: 38px; width: 38px; margin: 0 5px; cursor: pointer; display: block; float: right }
.panorama_box .zoomin { background: url(resources/151021_24.png) no-repeat }
.panorama_box .zoomout { background: url(resources/151021_28.png) no-repeat }
.panorama_box .turnleft { background: url(resources/151021_27.png) no-repeat }
.panorama_box .turnright { background: url(resources/151021_25.png) no-repeat }
.panorama_box .start { background: url(resources/151021_26.png) no-repeat }
.panorama_box .pause { background: url(resources/151021_30.png) no-repeat }
.panorama_box .reset { background: url(resources/151021_29.png) no-repeat }
.panorama_box .lamplight0 { background: url(resources/desktop-lens-01.png) no-repeat; width: 100%; height: 505px; position: absolute; top: -150px; left: 0; z-index: 99 }
.panorama_box .lamplight1 { background: url(resources/desktop-lens-02.png) no-repeat; width: 100%; height: 505px; position: absolute; top: -150px; left: 0; z-index: 99 }
.panorama_box .lamplight2 { background: url(resources/desktop-lens-03.png) no-repeat; width: 100%; height: 505px; position: absolute; top: -150px; left: 0; z-index: 99 }
.panorama_box .lamplight3 { background: url(resources/desktop-lens-04.png) no-repeat; width: 100%; height: 505px; position: absolute; top: -150px; left: 0; z-index: 99 }
.lazysss2 { width: 222px; background-repeat: no-repeat; height: 122px; margin-bottom: 22px; background-image: url(resources/loading.gif); background-position: center; float: left; margin-right: 17px }
.yzm { margin-left: 10px }
.ppslide .slick-arrow.slick-disabled, .ppslide .slick-arrow.slick-disabled:hover { cursor: inherit; color: #fff; background: #dedede; border: 1px solid #dedede }
.newlist .slick-disabled { opacity: .5 }
.newlist .slick-next.slick-disabled:hover { background-image: url(resources/png_jt2.png) }
.newlist .slick-prev.slick-disabled:hover { background-image: url(resources/png_jt1.png) }
.ppslide img { -webkit-transition: .25s all; transition: .25s all }
.ppslide img:hover { -webkit-transform: scale(.9); transform: scale(.9) }
.apply h1 { font-size: 26px; font-weight: 700; color: #0b98de; padding: 20px 0 }
.apply .articleTool { color: #666; font-size: 14px; margin: 10px 0 0 10px }
.apply .applyTb td { font-size: 16px; line-height: 38px; padding: 5px 0 }
.apply .applyTb .nedd { color: #b20202; width: 10px; padding: 0 5px }
.apply .applyTb td label { margin: 0 15px 0 4px }
.apply .applyTb td.ContactType input { vertical-align: text-top }
.apply INPUT[type=text] { border: 1px solid #d3d3d3; color: #666; font-size: 14px; width: 400px; height: 38px; line-height: 38px; padding: 2px }
.apply .txt { border: 1px solid #d3d3d3 }
.apply #ContactType { border: 1px solid #d3d3d3; font-size: 14px; width: 150px; height: 25px; line-height: 25px }
.apply .articlePreNext { color: #acacac; line-height: 25px; text-align: right }
.articleContent { width: 1000px; height: auto; padding-bottom: 130px; display: block; color: #666; line-height: 24px; font-size: 13px; margin: 0 auto }
.bjlc { border: 1px solid #efefef }
.bjlc-t span { line-height: 38px; font-size: 16px; color: #666; float: left; width: 33.33%; text-align: center; padding-top: 76px; background: url(resources/cho2.png) center 25px no-repeat }
.bjlc-t span.on { background: url(resources/cho1.png) center 25px no-repeat; color: #3cbab5 }
.yesgo { padding-top: 295px; display: block; text-align: center; color: #3b99f0; font-size: 16px; line-height: 75px; border: 1px solid #efefef; padding-bottom: 10px; background: url(resources/yesgo.png) center top no-repeat }
.bjlvnextbtn:hover { box-shadow: 1px 1px 3px 1px #3b99f0 }
.bjlvnextbtn { background: #3b99f0; border-radius: 5px; color: #fff; display: block; border: none; font-size: 14px; height: 44px; margin: 0 auto; text-align: center; transition: all .25s ease 0s; width: 190px }
.thisfrom { border-bottom: 1px solid #efefef; padding: 80px 0 40px 49px }
.thisfrom li { margin-bottom: 40px; line-height: 40px; width: 476px; border-radius: 5px; float: left; margin-right: 54px; border: 1px solid #efefef }
.thisfrom li.spe { width: 768px }
.thislabel { float: left; width: 118px; text-indent: 45px; font-size: 14px; background-image: url(resources/cho3.png); background-repeat: no-repeat; color: #333 }
.thislabel.b1 { background-position: 0 0 }
.thislabel.b2 { background-position: 0 -44px }
.thislabel.b3 { background-position: 0 -88px }
.thislabel.b4 { background-position: 0 -132px }
.thislabel.b5 { background-position: 0 -176px }
.thislabel.b6 { background-position: 0 -222px }
.thistxt { width: 358px; border-radius: 3%; float: left; border: none; position: absolute; height: 40px; line-height: 40px; font-size: 14px }
.thisselect { float: left; border-right: 1px solid #eee; position: relative; height: 40px; width: 215px; text-align: right }
.thisselect:last-child { border-right: none }
.select-select { position: absolute; left: 0; text-align: right; top: 0; opacity: 0; height: 100%; width: 100% }
.select-val { font-size: 14px; color: #333; display: block }
.select-val:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 16px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #eee }
.bjlvnext { text-align: center }
.bjlvnext a, .bjlvnextbtn { vertical-align: top; margin: 0 10px; display: inline-block!important }
._citys { background: #fff; width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative }
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0 }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer }
.citySel { background-color: #56b4f8; color: #fff!important }
._citys1 { width: 100%; display: inline-block; padding: 10px 0 }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden }
._citys1 a:hover { color: #fff; background-color: #56b4f8 }
.AreaS { background-color: #56b4f8!important; color: #fff!important }
.bjlc-t { position: relative }
.bjlc { overflow: inherit!important }
.bjlc-t span:last-child:after { content: ''; position: absolute; right: -2px; top: 0; width: 108px; height: 108px; background-image: url(resources/msgtit1.png) }
.bjlc-t.on2 span:last-child:after { background-image: url(resources/msgtit2.png) }
.bjlc-t.on3 span:last-child:after { background-image: url(resources/msgtit3.png) }
.bc_seo_1 { background: url(resources/c_bc_banner1.jpg) center no-repeat; color: #fff; height: 470px }
.bc_seo_1_h { padding-top: 92px; line-height: 123px; font-size: 44px; font-weight: 700 }
.bc_seo_1_p { font-size: 26px; line-height: 66px }
.bc_seo_1_e1 { font-weight: 700; margin-left: 60px }
.bc_seo_1_e2 { font-weight: 700; margin-left: 100px }
.bc_seo_3 { background: url(resources/c_bc_banner2.jpg) center no-repeat; color: #fff; height: 1124px }
.bc_seo_3_h { line-height: 170px; font-size: 37px; font-weight: 700; text-align: center }
.bc_seo_3_p { width: 445px; line-height: 30px; font-size: 18px; height: 239px; margin-top: 52px; padding-left: 649px }
.bc_seo_3_p em { font-weight: 700; color: #fcff00 }
.bc_seo_3_h2 { line-height: 143px; font-size: 30px; text-align: center }
.bc_seo_3_list li { margin-right: 26px; height: 100px; font-size: 14px; line-height: 21px; width: 178px; box-sizing: border-box; padding: 6px 10px 0 12px; float: left }
.bc_seo_3_list li.spe { margin-top: 250px }
.bc_seo_2_h { text-align: center; font-weight: 700; font-size: 37px; color: #333; line-height: 158px; position: relative; padding-bottom: 5px }
.bc_seo_2_h:after { content: ''; height: 2px; width: 50px; position: absolute; background: #3bb6eb; left: 50%; margin-left: -25px; top: 120px }
.bc_seo_2_list li { margin-right: 32px; height: 201px; width: 276px; box-sizing: border-box; position: relative; padding: 0 24px; margin-bottom: 30px; border: 1px solid #ededed; border-radius: 8px; float: left }
.bc_seo_2_list { padding-bottom: 40px }
.bc_seo_2_list li h5 { position: relative; z-index: 1; -webkit-transition: all .3s; transition: all .3s; text-align: center; padding-top: 26px; top: 0; line-height: 40px; font-size: 16px; color: #666 }
.bc_seo_2_list li p { position: relative; z-index: 1; line-height: 24px; font-size: 14px; color: #999 }
.bc_seo_2_list li img { -webkit-transform: scale(.9); transform: scale(.9); opacity: .3; right: 26px; -webkit-transition: all .5s; transition: all .5s; bottom: 18px; position: absolute }
.bc_seo_2_list li:hover { box-shadow: 0 0 4px 2px #ededed }
.bc_seo_2_list li:hover h5 { top: 99px }
.bc_seo_2_list li:hover p { display: none }
.bc_seo_2_list li:hover img { bottom: 85px; -webkit-transform: scale(1) translateX(50%); transform: scale(1) translateX(50%); opacity: 1; right: 50% }
.bc_seo_2_list li.bc1:hover h5 { color: #ffd800 }
.bc_seo_2_list li.bc2:hover h5 { color: #fd225b }
.bc_seo_2_list li.bc3:hover h5 { color: #007eff }
.bc_seo_2_list li.bc4:hover h5 { color: #00d482 }
.bc_seo_2_list li.bc5:hover h5 { color: #aa00d4 }
.bc_seo_2_list li.bc6:hover h5 { color: #f60 }
.bc_seo_2_list li.bc7:hover h5 { color: #00b9e1 }
.bc_seo_2_list li.bc8:hover h5 { color: #6900f8 }
.bc_seo_4 { text-align: center; padding: 54px 0 64px 0 }
.bc_seo_4_h { line-height: 85px; font-size: 37px; color: #0095e2; font-weight: 700 }
.bc_seo_4_p { line-height: 30px; font-size: 18px; color: #666 }
.bc_seo_5_w1 { background: #f9f9f9 }
.bc_seo_5_h { padding-top: 18px; text-align: center; font-size: 30px; color: #333; line-height: 70px; position: relative }
.bc_seo_5_h:after { content: ''; height: 2px; width: 50px; position: absolute; background: #3bb6eb; left: 50%; margin-left: -25px; top: 80px }
.bc_seo_5_m { padding: 50px 0 }
.bc_seo_5_m1 { float: left; width: 540px }
.bc_seo_5_m2 { width: 540px; float: right; text-align: right }
.bc_seo_5_num { display: block; line-height: 108px; font-size: 130px; color: #eee }
.bc_seo_5_tit { line-height: 48px; font-size: 24px; padding-bottom: 5px; color: #0095e2 }
.bc_seo_5_cnt { line-height: 30px; font-size: 16px; color: #666 }
.bc_seo_5_cnt em { color: #f60 }
.bc_seo_5_sj { color: #f60; font-size: 16px; line-height: 52px }
.bc_seo_5_sj em { font-size: 24px }
.bc_seo_6_h { text-align: center; font-weight: 700; font-size: 37px; color: #333; border-bottom: 1px solid #eee; line-height: 111px; position: relative }
.bc_seo_6_h:after { content: ''; height: 2px; width: 50px; position: absolute; background: #3bb6eb; left: 50%; margin-left: -25px; top: 110px }
.bc_seo_6_w1 { float: left }
.bc_seo_6_b { padding: 60px 0 }
.bc_seo_6_w2 { float: right; width: 680px }
.bc_seo_6_tit { line-height: 36px; font-size: 24px; color: #0095e2 }
.bc_seo_6_cnt { line-height: 44px; font-size: 20px; color: #333; font-weight: 700 }
.bc_seo_6_cnt em { color: #f60; font-weight: 700; font-size: 30px }
.bc_seo_6_list { margin-right: -50px; padding-top: 143px; background: url(resources/c_bc_mod9.png) left top no-repeat; margin-top: 30px }
.bc_seo_6_list li { float: left; text-align: center; line-height: 26px; font-size: 14px; color: #666; width: 150px; margin-right: 117px }
#fullpage007 { margin: 0 auto; line-height: 1.3; }
#fullpage007 em{ font-style:normal;}
#fullpage007 .active008.odd .d1, #fullpage007 .active008.odd .d2, #fullpage007 .active008.odd .d3, #fullpage007 .active008.odd .d4, #fullpage007 .active008.odd .a1, #fullpage007 .active008.odd .a2 { -webkit-animation: fadeInLeft .6s forwards; animation: fadeInLeft .6s forwards; }
#fullpage007 .active008.odd .d2 { -webkit-animation-delay: .15s; animation-delay: .15s; }
#fullpage007 .active008.odd .d3 { -webkit-animation-delay: .3s; animation-delay: .3s; }
#fullpage007 .active008.odd .a1, #fullpage007 .active008.odd .a2 { -webkit-animation-delay: .45s; animation-delay: .45s; }
#fullpage007 .active008.odd .d4 { -webkit-animation-delay: .6s; animation-delay: .6s; }
#fullpage007 .active008.even .d1, #fullpage007 .active008.even .d2, #fullpage007 .active008.even .d3, #fullpage007 .active008.even .d4, #fullpage007 .active008.even .a1, #fullpage007 .active008.even .a2 { -webkit-animation: fadeInRight .6s forwards; animation: fadeInRight .6s forwards; }
#fullpage007 .active008.even .d2 { -webkit-animation-delay: .15s; animation-delay: .15s; }
#fullpage007 .active008.even .d3 { -webkit-animation-delay: .3s; animation-delay: .3s; }
#fullpage007 .active008.even .a1, #fullpage007 .active008.even .a2 { -webkit-animation-delay: .45s; animation-delay: .45s; }
#fullpage007 .active008.even .d4 { -webkit-animation-delay: .6s; animation-delay: .6s; }
#fullpage007 .active008.page1 .i2, #fullpage007 .active008.page1 .i3 { -webkit-animation: fadeInUp .8s forwards; animation: fadeInUp .8s forwards; }
#fullpage007 .active008.page1 .i3 { -webkit-animation-delay: .4s; animation-delay: .4s; }
#fullpage007 .active008.page2 .i2 { -webkit-animation: zoomIn .8s forwards; animation: zoomIn .8s forwards; }
#fullpage007 .active008.page2 .i3 { -webkit-animation: rotateIn 1s forwards; -o-animation: rotateIn 1s forwards; animation: rotateIn 1s forwards; }
#fullpage007 .active008.page3 .i2 { -webkit-animation: zoomIn .8s forwards; animation: zoomIn .8s forwards; }
#fullpage007 .active008.page3 .i3 { -webkit-animation: flipInX 1s forwards; animation: flipInX 1s forwards; }
#fullpage007 .active008.page4 .i2 { -webkit-animation: zoomIn 1s forwards; animation: zoomIn 1s forwards; }
#fullpage007 .active008.page4 .i3 { -webkit-animation: flipInX 1.4s forwards; animation: flipInX 1.4s forwards; }
#fullpage007 .active008.page4 .i4 { -webkit-animation: fadeInLeft 2s forwards; animation: fadeInLeft 2s forwards; }
#fullpage007 .active008.page5 .i2 { -webkit-animation: zoomIn 1.4s forwards; animation: zoomIn 1.4s forwards; }
#fullpage007 .active008.page5 .i3 { -webkit-animation: flipInX 1.4s forwards; animation: flipInX 1.4s forwards; }
#fullpage007 .active008.page5 .i4 { -webkit-animation: zoomIn 2s forwards; animation: zoomIn 2s forwards; }
#fullpage007 .active008.page6 .i2 { -webkit-animation: zoomIn 1.4s forwards; animation: zoomIn 1.4s forwards; }
#fullpage007 .active008.page6 .i3 { -webkit-animation: flipInX 1.4s forwards; animation: flipInX 1.4s forwards; }
#fullpage007 .active008.page7 .i2, #fullpage007 .active008.page7 .i3, #fullpage007 .active008.page7 .i4, #fullpage007 .active008.page7 .i5, #fullpage007 .active008.page7 .i6, #fullpage007 .active008.page7 .i7, #fullpage007 .active008.page7 .i8, #fullpage007 .active008.page7 .i9, #fullpage007 .active008.page7 .i10 { -webkit-animation: dd .4s forwards; -o-animation: dd .4s forwards; animation: dd .4s forwards; }
#fullpage007 .active008.page7 .i2 { -webkit-animation-delay: .6s; animation-delay: .6s; }
#fullpage007 .active008.page7 .i3 { -webkit-animation-delay: .3s; animation-delay: .3s; }
#fullpage007 .active008.page7 .i4 { -webkit-animation-delay: .75s; animation-delay: .75s; }
#fullpage007 .active008.page7 .i6 { -webkit-animation-delay: .45s; animation-delay: .45s; }
#fullpage007 .active008.page7 .i7 { -webkit-animation-delay: .75s; animation-delay: .75s; }
#fullpage007 .active008.page7 .i8 { -webkit-animation-delay: .15s; animation-delay: .15s; }
#fullpage007 .active008.page7 .i9 { -webkit-animation-delay: .75s; animation-delay: .75s; }
#fullpage007 .active008.page7 .i10 { -webkit-animation-delay: .6s; animation-delay: .6s; }
#fullpage007 .active008.page8 .i2 { -webkit-animation: zoomIn 1s forwards; animation: zoomIn 1s forwards; }
#fullpage007 .active008.page8 .i3, #fullpage007 .active008.page8 .i4, #fullpage007 .active008.page8 .i5 { -webkit-animation: zoomIn 1s forwards, page8 10s 1s infinite; animation: zoomIn 1s forwards, page8 10s 1s infinite; }
#fullpage007 .active008.page8 .i6 { -webkit-animation: zoomIn 2s forwards; animation: zoomIn 2s forwards; }
#fullpage007 .pagex { position: relative; padding-top: 250px; box-sizing: border-box; overflow: hidden; }
#fullpage007 .pagex .i0 { position: absolute; width: 243px; height: 268px; top: -90px; left: 0; }
#fullpage007 .pagex .i1 { position: absolute; top: 0; left: 0; width: 1920px; height: 860px; z-index: -1; }
#fullpage007 .pagex .page1-inner { color: #ffffff; position: relative; display: block; }
#fullpage007 .pagex .page1-inner .d4 ul li a { display: block; height: 64px; }
#fullpage007 .pagex .page1-inner .font-wrap { position: relative; z-index: 2; }
#fullpage007 .pagex .page1-inner .d1, #fullpage007 .pagex .page1-inner .d2, #fullpage007 .pagex .page1-inner .d3, #fullpage007 .pagex .page1-inner .d4, #fullpage007 .pagex .page1-inner .a1, #fullpage007 .pagex .page1-inner .a2, #fullpage007 .pagex .page1-inner .i2, #fullpage007 .pagex .page1-inner .i3, #fullpage007 .pagex .page1-inner .i4, #fullpage007 .pagex .page1-inner .i5, #fullpage007 .pagex .page1-inner .i6, #fullpage007 .pagex .page1-inner .i7, #fullpage007 .pagex .page1-inner .i8, #fullpage007 .pagex .page1-inner .i9, #fullpage007 .pagex .page1-inner .i10 { opacity: 0; }
#fullpage007 .pagex .page1-inner .p1 { font-size: 46px; margin-bottom: 10px; }
#fullpage007 .pagex .page1-inner .p2 { font-size: 24px; margin-bottom: 28px; }
#fullpage007 .pagex .page1-inner .p3 { font-size: 16px; line-height: 1.6; margin-bottom: 20px; width: 454px; }
#fullpage007 .pagex .page1-inner .p4 { width: 426px; line-height: 1.6; }
#fullpage007 .pagex .page1-inner .p4 span { display: inline-block; font-size: 18px; height: 40px; }
#fullpage007 .pagex .page1-inner .p4 b { font-size: 16px; }
#fullpage007 .pagex .page1-inner .a1 { display: block; width: 140px; height: 44px; text-align: center; line-height: 44px; border: 1px solid #fff; border-radius: 2px; margin-top: 20px; color: #fff; position: relative; font-size: 20px; pointer-events: auto; }
#fullpage007 .pagex .page1-inner .a1 b { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #fff; z-index: 0; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a1 em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 44px; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a1:hover em { color: #12c1b2; }
#fullpage007 .pagex .page1-inner .a1:hover b { width: 100%; }
#fullpage007 .pagex .page1-inner .a2 { display: block; width: 140px; height: 44px; border: 1px solid #00afec; border-radius: 2px; margin-top: 20px; position: relative; font-size: 20px; pointer-events: auto; color: #00afec; }
#fullpage007 .pagex .page1-inner .a2 b { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #00afec; z-index: 0; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a2 em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 44px; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a2:hover em { color: #fff; }
#fullpage007 .pagex .page1-inner .a2:hover b { width: 100%; }
#fullpage007 .pagex .page1-inner .a3:hover em { color: #ffb037; }
#fullpage007 .pagex .page1-inner .ax:hover em { color: #f16a47; }
#fullpage007 .pagex .page1-inner .d4 { margin-top: 26px; }
#fullpage007 .pagex .page1-inner .more { float: left; margin-right: 12px; }
#fullpage007 .pagex .page1-inner .d4 ul { width: 360px; }
#fullpage007 .pagex .page1-inner .d4 ul li { float: left; width: 116px; height: 64px; margin-right: 1px; margin-bottom: 1px; /*border:1px solid #fff;*/ background: no-repeat center; background-color: #fff; }
#fullpage007 .pagex .black { color: #000; }
#fullpage007 .pagex .black .d4 ul li { border: 1px solid #f0f0f0; margin: 0; }
#fullpage007 .page1 .i2 { position: absolute; width: 504px; height: 424px; top: -15px; right: 122px; }
#fullpage007 .page1 .i3 { position: absolute; width: 510px; height: 316px; top: 212px; right: -72px; }
#fullpage007 .page2 .i00 { position: absolute; width: 243px; height: 268px; top: -90px; right: 210px; }
#fullpage007 .page2 .i1 { height: 860px; }
#fullpage007 .page2 .i2 { position: absolute; width: 1040px; height: 739px; top: -109px; left: -290px; z-index: -1; }
#fullpage007 .page2 .i3 { position: absolute; width: 102px; height: 103px; top: 353px; left: -281px; }
#fullpage007 .page3 .i2 { position: absolute; width: 647px; height: 303px; right: 0; top: -10px; }
#fullpage007 .page3 .i3 { position: absolute; width: 584px; height: 357px; top: 170px; right: 0; }
#fullpage007 .page4 .i00 { position: absolute; width: 243px; height: 268px; top: -90px; right: 210px; }
#fullpage007 .page4 .i2 { position: absolute; width: 749px; height: 446px; left: -28px; top: 80px; }
#fullpage007 .page4 .i3 { position: absolute; width: 959px; height: 586px; top: -170px; left: -220px; }
#fullpage007 .page4 .i4 { position: absolute; width: 198px; height: 226px; top: 300px; left: 50px; }
#fullpage007 .page5 .i2 { position: absolute; width: 1100px; height: 569px; top: -8px; right: -150px; }
#fullpage007 .page5 .i3 { position: absolute; width: 95px; height: 95px; top: 117px; right: 556px; }
#fullpage007 .page5 .i4 { position: absolute; width: 375px; height: 350px; top: -40px; right: -239px; }
#fullpage007 .page6 .i00 { position: absolute; width: 243px; height: 268px; top: -90px; right: 210px; }
#fullpage007 .page6 .i2 { position: absolute; width: 955px; height: 667px; top: -169px; left: -200px; }
#fullpage007 .page6 .i3 { position: absolute; width: 789px; height: 452px; top: 83px; left: -80px; }
#fullpage007 .page7 img { position: absolute; }
#fullpage007 .page7 .i2, #fullpage007 .page7 .i3, #fullpage007 .page7 .i4, #fullpage007 .page7 .i5, #fullpage007 .page7 .i6, #fullpage007 .page7 .i7, #fullpage007 .page7 .i8, #fullpage007 .page7 .i9, #fullpage007 .page7 .i10 { -webkit-transform: translate(700px, 350px); transform: translate(700px, 350px); }
#fullpage007 .page7 .i2 { width: 565px; height: 275px; top: 448px; left: 356px; }
#fullpage007 .page7 .i3 { width: 632px; height: 336px; top: 249px; left: 482px; }
#fullpage007 .page7 .i4 { width: 565px; height: 256px; top: 484px; left: 918px; }
#fullpage007 .page7 .i5 { width: 565px; height: 295px; top: -24px; left: 452px; }
#fullpage007 .page7 .i6 { width: 565px; height: 303px; top: 192px; left: 840px; }
#fullpage007 .page7 .i7 { width: 307px; height: 273px; top: 404px; left: 1253px; }
#fullpage007 .page7 .i8 { width: 565px; height: 304px; top: -66px; left: 830px; }
#fullpage007 .page7 .i9 { width: 337px; height: 297px; top: 146px; left: 1223px; }
#fullpage007 .page7 .i10 { width: 319px; height: 288px; top: -94px; left: 1246px; }
#fullpage007 .page8 img { position: absolute; }
#fullpage007 .page8 .i00 { width: 243px; height: 268px; top: -90px; right: 210px; }
#fullpage007 .page8 .i2 { width: 527px; height: 527px; left: 96px; top: -52px; }
#fullpage007 .page8 .i3 { width: 83px; height: 86px; left: 298px; top: -95px; }
#fullpage007 .page8 .i4 { width: 102px; height: 100px; top: 44px; left: 560px; }
#fullpage007 .page8 .i5 { top: 372px; left: 512px; width: 96px; height: 98px; }
#fullpage007 .page8 .i6 { width: 508px; height: 602px; left: 0; top: -8px; }
/*****canvas1结束*****/
/* CSS Document */
#fullpage007 .pagex .i1 { height: 100%; }
.i-wrap { position: absolute; top: 0; left: 0; z-index: 0; height: 100%; width: 100%; }
.i-intro { top: -80px; height: 750px; margin-bottom: -80px; }
.i-intro .tips { padding-top: 140px; font-size: 26px; line-height: 1.8; color: #c9e3ef; text-align: center; }
.ins-intro .tips { padding-top: 107px; }
.i-intro .tips .btn { margin: 32px 0 24px; }
.i-intro .tips a { display: inline-block; width: 148px; border: 1px solid #fff; border-radius: 3px; margin: 0 15px; font-size: 14px; line-height: 38px; text-align: center; color: #fff; opacity: 0.5; }
.i-intro .tips a:hover, .i-intro .tips a.cur { border-color: #29e2d7; background: #29e2d7; opacity: 1; }
.i-intro .canvas { left: 50%; bottom: 0; width: 1920px; height: 290px; margin-left: -960px; }
/*****canvas1结束*****/
/*****媒体查询开始******/
.dh-wrap { position: absolute; width: 1200px; height: 100%; top: 0; left: 0; }

@media screen and (max-height: 850px) {
#fullpage007 .pagex { padding-top: 150px; }
.page1-inner { -webkit-transform: scale(.9); transform: scale(.9); }
}

@media screen and (max-height: 680px) {
#fullpage007 .pagex { padding-top: 110px; }
#fullpage007 .pagex .i1 { height: 100%; }
#fullpage007 .page1 .i1 { left: -270px; }
.page1-inner { -webkit-transform: scale(.9); transform: scale(.9); }
}
/*****媒体查询结束******/
.zcimg { opacity: 0; position: absolute; }
#fullpage007 .active008 .zcimg3, #fullpage007 .active008 .zcimg1 { -webkit-animation: fadeInUp .8s forwards; animation: fadeInUp .8s forwards; }
#fullpage007 .active008 .zcimg2, #fullpage007 .active008 .zcimg4 { -webkit-animation: flipInX .8s forwards; animation: flipInX .8s forwards; }
.zcimg1 { left: 460px; top: 138px; z-index: 4; }
.zcimg2 { left: 588px; top: -2px; z-index: 3; }
.zcimg4 { left: 795px; top: -113px; z-index: 2; }
.zcimg3 { left: 684px; top: 289px; z-index: 1; }

@media screen and (max-width: 1400px) {
.page1-inner { transform: scale(.8); -webkit-transform: scale(.8) }
}
.headfix .header { position: fixed; left: 0px; top: 0px; z-index: 999; -moz-box-shadow: 0px 0px 10px #DDDDDD; -webkit-box-shadow: 0px 0px 10px #DDDDDD; box-shadow: 0px 0px 10px #DDDDDD; }
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 16px; }
.Validform_right { color: #71b83d; padding-left: 30px; background: url(resources/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 30px; white-space: nowrap; background: url(resources/error.png) no-repeat left center; }
.Validform_loading { padding-left: 30px; background: url(resources/onload.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0; right: 50px; z-index: 99999; display: none; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: 700; color: #fff; position: relative; background-color: #000; padding: 0 8px; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { border: 1px solid #000; border-top: none; text-align: left; padding: 8px; }
.info { margin-left: 8px; border: 1px solid #ccc; color: #666; float: left; position: relative; display: none; line-height: 20px; padding: 8px 20px 8px 10px; }
.dec { top: 9px; display: block; height: 17px; overflow: hidden; position: absolute; left: -8px; width: 8px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: 0; width: 17px; }
.dec .dec1 { color: #ccc; }
.dec .dec2 { color: #fff; left: 1px; }
.Validform_checktip { top: 15px; left: 510px; position: absolute; display: inline; padding-left: 20px; }
.Validform_right { background: url(resources/yes.png) no-repeat left center; }
.Validform_wrong { background: url(resources/wrong.png) no-repeat left center; }
.cc-3 .Validform_checktip { left: 231px; }
.cc-5 .Validform_checktip { left: 340px; }
.cc-cntent .Validform_checktip { top: -25px; left: 510px; }
.thisfrom .Validform_checktip { position: relative; top: 1px; left: 365px; }
.applyform p { position: relative; }
.Validform_checktip { top: 13px; }
.yzm { display: inline-block; height: 45px; line-height: 45px; }


.zbjer{background-color: #f9f9f9; overflow:hidden;}

.advTitle { font-size: 32px; text-align: center; line-height: 180%; color:#333; margin-top:5px;}
.advjieS { font-size: 14px; text-align: center; color: #666;}
.genreA{ overflow:hidden; padding:30px 0 40px 0;}
.genCon{width:100%;padding:10px;}
.genCon li{position: relative;float: left;margin:0 8px;height: 100%; width:153px;padding:15px 0;background-color: #fff; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;}
.genCon li:last-of-type{margin-right:0;}
.genCon li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0);}
.genCon span{ display:block; overflow:hidden;text-align: center; color: #666;}
.genCon span img{margin-top:20px;}
.genImg{height:80px;}
.genName{font-size: 16px; line-height: 40px;}
.wanniu{ width: auto; text-align: center; margin-bottom: 60px;}
.wMore { display: inline-block; background: #0073cc; width: 150px; height: 35px; line-height: 35px; margin: 0 35px;}
.wMore:hover {background:#0067b7}
.wMore a { color: #fff; font-size: 16px;}
.wBuy { display: inline-block; background: #c00; width: 150px; height: 35px; line-height: 35px; margin: 0 35px;}
.wBuy:hover {background:#A90100;}
.wBuy a { color: #fff; font-size: 16px;}
.ourAdv { font-size: 32px; line-height: 180%; padding: 55px 0 20px; color:#333; text-align:center;}

.about_box{clear:both;padding-bottom:50px;}
.about_main{padding-bottom:25px;overflow:hidden;}
.about_main dl{width:179px;text-align:center;float:left;margin-right:25px;cursor:pointer;}
.about_main dl.dl6{margin-right:0;}
.about_main dl dd{background:url(resources/ico_img.png) no-repeat center center;width:98px;height:90px;border-radius:100%;margin:auto;transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-moz-transition: all 0.1s;}
.about_main .dl1 dd{background-position:8px 16px;}
.about_main .dl2 dd{background-position:-92px 14px}
.about_main .dl3 dd{background-position:-195px 21px;}
.about_main .dl4 dd{background-position:-310px 22px;}
.about_main .dl5 dd{background-position:-420px 22px;}
.about_main .dl6 dd{background-position:-515px 20px;}
.about_main dl dt h5{font-size:22px;color:#000;font-weight:normal;height:45px;line-height:45px;margin-bottom:5px}
.about_main dl dt p{font-size:14px;color:#666;}
.about_main .dl1:hover dd{background-position:8px -64px;}
.about_main .dl2:hover dd{background-position:-92px -66px;}
.about_main .dl3:hover dd{background-position:-195px -59px;}
.about_main .dl4:hover dd{background-position:-310px -58px;}
.about_main .dl5:hover dd{background-position:-420px -58px;}
.about_main .dl6:hover dd{background-position:-515px -60px;}
.about_main dl:hover dd{transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;background:url(resources/ico_img.png) no-repeat center center;}