@charset "utf-8";

/* css reset */
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, p { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 14px/1.5 'Microsoft Yahei', arial, '宋体'; color: #333; border: none; outline: medium }
table { border-collapse: collapse; border-spacing: 0 }
img { border: 0; vertical-align: top }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, var { font-style: normal }
li { list-style: none }
a { text-decoration: none; vertical-align: baseline; zoom: 1; color: #999; outline: none; text-decoration: none !important }
a:hover, a.glink:hover, a.blink:hover { text-decoration: underline; outline: none }
img { border: 0 }
button, input, select, textarea { font-size: 100% }
html, body { overflow-x: hidden; }

/*css common*/
.fl { float: left }
.fr, .right { float: right }
.row { zoom: 1 }
.clearfix:after { content: ""; display: table; clear: both }
.clearfix { zoom: 1 }
.c-width { width: 1200px; margin: 0 auto }
.no-m { margin: 0 !important }
.no-p { padding: 0 !important }
.no-mr { margin-right: 0 !important; }

/* css slide */
.slide { position: relative; width: 100%; overflow: hidden; height: 640px; }
.slide .hd { position: absolute; bottom: 38px; z-index: 999; width: 100%; }
.slide .hd ul { zoom: 1; text-align: center; font-size: 0; }
.slide .hd ul li { display: inline-block; width: 14px; height: 14px; margin: 0 10px; border: 1px solid #00aae7; border-radius: 50%; }
.slide .hd ul li.on { background: #00aae7; }
.slide .bd { position: relative; height: 100%; z-index: 0 }
.slide .bd li { zoom: 1; vertical-align: middle }
.slide .bd li>a { display: block; position: relative; width: 100%; height: 640px; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
.slide2 .bd li img { max-height: 100%; }
.slide.prev, .slide .next { position: absolute; top: 267px; width: 55px; height: 55px; filter: alpha(opacity=50); opacity: 0.5; }
.slide.next { right: 0; background: url(../images/next.png) no-repeat; }
.slide .prev { left: 50%; background: url(../images/banner-prev.png) no-repeat; margin-left: -675px; }
.slide .prev:hover, .slide2 .next:hover { filter: alpha(opacity=100); opacity: 1; }

/* header css */
.header { height: 120px; }
.header .logo { margin: 27px 8px 0 0; }
.header-nav { margin-top: 33px; }
.header-nav>ul { position: relative; }
.header-nav li { float: left; margin-left: 43px; border-top: 4px solid #333; padding: 28px 0 0 18px; transition: all .3s; }
.header-nav li a { font-size: 16px; color: #333; white-space: nowrap; line-height: 1; }
.header-nav li.active, .header-nav li:hover { border-color: #00aae7; }
.header-desc { margin-top: 33px; }
.header-desc .h-name { font-size: 36px; color: #333; font-family: SimHei; font-weight: bold; line-height:52px; }
.header-desc .h-phone { font-size: 14px; color: #000; }
.header-desc .h-phone:before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/phone-icon.png) no-repeat; vertical-align: middle; margin: -3px 8px 0 0; }
.header-desc .h-phone span { font-size: 18px; font-family: FangSong; }

/* footer css */
.footer { background-color: #22252a; }
.footer-top { padding: 55px 0 45px; }
.footer-til { color: #9ba8b9; font-size: 14px; margin-bottom: 25px; }
.fwrx { font-size: 12px; color: #626c76; }
.lxdh { width: 255px; }
.fwrx:before { content: ""; display: inline-block; width: 19px; height: 15px; background: url(../images/phone2-icon.png) no-repeat; vertical-align: middle; margin: -2px 3px 0 0; }
.fwrx-code { font-size: 24px; color: #00aae7; }
.footer-menu dl { float: left; width: 150px; text-align: center; }
.footer-menu dd { font-size: 12px; color: #9ba8b9; margin-bottom: 22px; }
.footer-menu dd a:hover { text-decoration: underline !important; }
.code-box { border: 1px solid #32353c; padding: 8px; }
.footer-bot { line-height: 78px; height: 78px; background-color: #191a1e; font-size: 14px; color: #3b3f48; text-align: center; }

/* index */
.abuot-wrapper { position: relative; padding: 0 0 115px; background-color: #f3f3f3; }
.abuot-wrapper:before { content: ""; position: absolute; width: 100%; height: 416px; background-color: #fff; top: 0; z-index: 0; }
.abuot-wrapper>.c-width { position: relative; padding-top: 138px; }
.abuot-wrapper>.c-width:before { content: ""; width: 1px; height: 416px; background-color: #a0a0a0; position: absolute; left: 0; top: 0; }
.about-fl { padding-left: 65px; width: 455px; }
.about-fr { width: 589px; position: relative; height: 590px; }
.index-til { border-left: 4px solid #03a8e8; padding-left: 8px; }
.index-til h2 { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 5px; }
.index-til p { font-size: 14px; color: #999; line-height: 1; }
.about-box { width: 196px; height: 196px; background-color: #00aae7; text-align: center; position: absolute; overflow: hidden; }
.about-box.p1 { top: 0; right: 0; }
.about-box.p2 { top: 197px; left: 0; }
.about-box.p3 { top: 197px; left: 197px; }
.about-box.p4 { top: 197px; right: -1px; }
.about-box.p5 { top: 394px; left: 197px; }
.about-box h3 { font-size: 24px; color: #fff; margin-top: 70px; }
.about-box span { font-size: 12px; color: #fff; font-family: arial; }
.column-til { position: absolute; top: 65px; left: -35px; }
.column-til p { font-size: 18px; color: #333; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-weight: normal; line-height: 35px; }
.ckxx { display: block; width: 198px; height: 38px; line-height: 38px; border: 1px solid #00aae7; text-align: center; font-size: 14px; color: #00aae7; margin-top: 30px; transition: all .5s; }
.ckxx:hover { background-color: #00aae7; color: #fff; }
.business-list ul { width: 1250px; margin-bottom: 146px; }
.business-list li { float: left; width: 270px; height: 466px; margin-right: 40px; position: relative; }
.business-list li a { height: 80px; width: 100%; position: absolute; line-height: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgb(0, 170, 231); text-align: center; font-size: 20px; color: #fff; bottom: 0; transition: all .5s; box-sizing: border-box;z-index:3;left:0; }
.business-list li:hover a { height: 100%; background-color: rgba(0, 170, 231, .6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900aae7, endColorstr=#9900aae7); padding-top: 270px; }
.business-list li a:before { content: ""; position: absolute; width: 80px; height: 80px; background: url(../images/see-icon.png) no-repeat; left: 96px; top: 146px; visibility: hidden; opacity: 0; transition: all 1s; }
.business-list li:hover a:before { visibility: visible; opacity: 1; }
.business-wrapper>.c-width { position: relative; overflow: hidden; }
.index-more { position: absolute; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; border-right: 1px solid #a0a0a0; padding-top: 90px; top: 0; right: 1px; transition: all .3s; }
.index-more:hover { color: #00aae7; border-color: #00aae7; }
.case-wrapper { background-color: #f3f3f3; }
.case-wrapper>.c-width { position: relative; overflow: hidden; }
.swiper-case { position: relative; }
.swiper-case:before { content: ""; position: absolute; width: 100%; height: 375px; background-color: #03a8e8; top: 89px; left: 0; }
.swiper-case .swiper-container { margin-bottom: 96px !important; width: 1158px; }
.swiper-case .swiper-slide { background-position: center; background-size: 130% 120%; width: 880px; height: 500px; }
.swiper-case .swiper-slide img { display: block; width: 877px; height: 500px; }
.swiper-case .swiper-button-next, .swiper-button-prev { top: 5rem; width: 10%; height: 7rem; }
.swiper-case .swiper-button-next { width: 60px; height: 80px; background: url("../images/next2.png") no-repeat; right: 142px !important; margin-top: -40px !important; left: auto !important; opacity: 0.8; filter: alpha(opacity=80); top: 50% !important; }
.swiper-case .swiper-button-prev { width: 60px; height: 80px; background: url("../images/prev2.png") no-repeat; opacity: 0.8; filter: alpha(opacity=80); left: 138px !important; margin-top: -40px !important; top: 50% !important; }
.swiper-case .swiper-button-prev:hover, .swiper-case .swiper-button-next:hover { opacity: 1; filter: alpha(opacity=100); }
.swiper-case .swiper-pagination { bottom: -50px !important; width: 100%; height: 5px; font-size: 0; }
.swiper-case .swiper-pagination .swiper-pagination-bullet { width: 18px !important; height: 5px !important; margin: 0 10px !important; background-color: #666 !important; border-radius: 0 !important; }
.swiper-case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #03a8e8 !important; }
.news-wrpper>.c-width { border-top: 1px solid transparent; position: relative; }
.news-list ul { width: 1260px; padding-bottom: 123px; }
.news-list li { float: left; margin-right: 40px; height: 396px; width: 580px; box-shadow: 1px 1px 2px 1px #e9e9e9; transition: all .5s; }
.news-list li:hover { box-shadow: 0 7px 11px rgba(0, 0, 0, 0.10); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.nl-time { height: 156px; width: 106px; border-right: 2px solid #00aae7; padding-left: 23px; }
.nl-desc { width: 410px; margin-right: 20px; position: relative; height: 156px; }
.nl-desc dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 0 10px; }
.nl-desc dt a { font-size: 16px; color: #666; transition: all .5s; }
.nl-desc dt a:hover { color: #00aae7; }
.nl-desc dd { font-size: 14px; line-height: 24px; color: #999; }
.nl-desc .ckxx2 { position: absolute; width: 112px; height: 27px; border: 1px solid #e6e6e6; text-align: center; line-height: 27px; font-size: 12px; color: #999; bottom: 17px; right: 0; transition: all .5s; }
.nl-desc .ckxx2:hover { background-color: #00aae7; color: #fff; border-color: #00aae7; }
.nl-month { font-size: 32px; color: #00aae7; padding-top: 35px; line-height: 1; }
.nl-month:before { content: ""; position: absolute; width: 15px; height: 1px; background-color: #00aae7; margin-top: 38px; }
.nl-year { color: #ccc; font-size: 14px; display: inline-block; padding-top: 13px; }

/* 工程案例 css */
.banner-show { height: 550px; background-position: center center; background-repeat: no-repeat; }
.case-list { position: relative; padding-top: 170px; }
.case-list:before { content: ""; width: 1px; height: 170px; background-color: #a0a0a0; position: absolute; left: 0; top: 0; }
.case-list li { width: 1250px; transition: all .5s; margin-bottom: 40px; }
.cl-box { width: 546px; height: 390px; border: 1px solid transparent; position: relative; transition: all .5s; }
.case-list li.odd .cl-box { border-left: none; }
.case-list li.even .cl-box { border-right: none; margin-left: -40px; }
.case-list li.even .cl-main { left: auto; right: -73px; }
.cl-main { position: absolute; left: -77px; top: 35px; background-color: #fff; height: 320px; width: 587px; overflow: hidden; transition: all .5s; }
.cl-desc { margin: 40px 30px 40px 40px; border-left: 2px solid #00aae7; padding-left: 30px; height: 240px; transition: all .5s; }
.cl-desc dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 42px 0 18px; }
.cl-desc dt a { font-size: 16px; font-weight: bold; color: #666; transition: all .5s; }
.cl-desc dd { font-size: 14px; color: #999; line-height: 24px; transition: all .5s; }
.ckxx3 { display: block; width: 112px; height: 27px; border: 1px solid #00aae7; line-height: 27px; text-align: center; font-size: 12px; color: #00aae7; margin-top: 25px; transition: all .5s; }
.case-list li:hover { border-color: #00aae7; }
.case-list li:hover .cl-box { border-color: #00aae7; }
.case-list li:hover .cl-main { background-color: #00aae7; }
.case-list li:hover .cl-desc { border-color: #fff; }
.case-list li:hover .cl-desc dt a { color: #fff; }
.case-list li:hover .cl-desc dd { color: #fff; }
.case-list li:hover .cl-desc .ckxx3 { border: 1px solid #fff; color: #fff; }
.page { clear: both; text-align: center; line-height: 30px; padding: 50px 0 80px; }
.page a, .page span { display: inline-block; color: #000; border: 1px solid #c1c1c1; padding: 0 15px; text-decoration: none; background: #f5f5f5; margin: 0 5px; transition: all .5s; }
.page a.home, .page a.last { background: #fff; color: #B4B4B4; }
.page a:hover { background: #03a8e8; color: #fff; border: 1px solid #03a8e8 }
.page span.current { background: #03a8e8; color: #fff; border: 1px solid #03a8e8 }
.page a:hover { text-decoration: none; }
.page span.dianspan { border: none; padding-top: 0; vertical-align: top }
.article-case { margin-bottom: 60px; }
.article-case .ac-til { font-size: 24px; color: #333; padding: 96px 0 23px; font-weight: normal; text-align: center; }
.article-case .ac-content img { max-width: 100%; }
.recommend-case { background-color: #f3f3f3; padding: 76px 0; }
.recommend-case ul { width: 1260px; }
.recommend-case li { float: left; width: 386px; height: 288px; background-color: #fff; margin-right: 20px; box-shadow: 1px 5px 5px rgba(0, 0, 0, .1); transition: all .5s; }
.recommend-case li:hover { box-shadow: 0 7px 11px rgba(0, 0, 0, 0.10); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.recommend-case .rc-desc { height: 73px; padding: 0 42px 0 18px; position: relative; }
.recommend-case .rc-desc:after { content: ""; position: absolute; width: 13px; height: 24px; background: url(../images/right.png) no-repeat; top: 23px; right: 20px; }
.rc-desc dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 13px 0 3px; }
.rc-desc dt a { font-size: 18px; color: #333; transition: all .3s; }
.rc-desc dt a:hover { color: #00aae7; }
.rc-desc dd { font-size: 12px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 关于 */
.about-fr2 { width: 706px; height: 601px; position: relative; margin-top: 65px; }
.pos1 { position: absolute; left: 0; top: 35px; }
.pos2 { position: absolute; left: 235px; top: 0; }
.pos3 { position: absolute; left: 235px; top: 301px; }
.about-fr2:after { content: ""; position: absolute; width: 210px; height: 187px; background: url(../images/about-bg.png) no-repeat; bottom: 0; right: 0; }
.about-til { padding-top: 63px; text-align: center; position: relative; margin-bottom: 70px; }
.about-til:after { content: ""; width: 63px; height: 1px; background-color: #000; position: absolute; bottom: 0; left: 50%; margin-left: -32px; }
.about-til h2 { font-weight: normal; font-size: 24px; color: #333; line-height: 1; }
.about-til span { font-size: 12px; color: #a8a8a8; margin: 10px 0 15px; display: inline-block; }
.picScroll-left2 { width: 100%; overflow: hidden; position: relative; }
.picScroll-left2 .hd { height: 75px; border-bottom: 1px solid #000; position: relative; margin: 0 79px; }
.picScroll-left2 .hd ul { text-align: center; font-size: 0; }
.picScroll-left2 .hd li { display: inline-block; font-size: 12px; color: #000; vertical-align: top; cursor: pointer; font-family: SimSun; padding-top: 50px;margin:0 36px; }
.picScroll-left2 .hd li:after { content: ""; position: absolute; width: 5px; height: 5px; background-color: #000; margin-left: -14px; bottom: -3px; }
.picScroll-left2 .hd li.on { font-size: 48px; color: #000; padding-top: 0; line-height: 1; }
.picScroll-left2 .hd li.on:after { content: ""; width: 34px; height: 32px; background-color: #336699; position: absolute; bottom: -18px; margin-left: -66px; z-index: 9; background: url(../images/on-bg.png) no-repeat; }
.picScroll-left2 .hd ul:after { content: ""; display: inline-block; width: 100%; height: 1px; position: relative; z-index: -1; *zoom: 1; }
.picScroll-left2 .prev, .picScroll-left2 .next { position: absolute; width: 47px; height: 47px; cursor: pointer; position: absolute; top: 50px; }
.picScroll-left2 .next { background: url(../images/next03.png) no-repeat; background-position: center center; right: -79px; }
.picScroll-left2 .prev { background: url(../images/prev03.png) no-repeat; background-position: center center; left: -79px; }
.fzlc-box { padding: 0 79px; margin-top: 25px; height: 608px; position: relative; }
.fzlc-box .hw-fl { padding-top: 42px; width: 442px; height: 506px; }
.fzlc-box .hw-fr { padding-top: 42px; width: 442px; height: 506px; }
.fzlc-box:before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #000; left: 600px; }
.fzlc-box:after { content: ""; position: absolute; width: 1px; height: 355px; background-color: #000; left: 599px; top: 0; }
.fl-til:before { content: ""; position: absolute; width: 16px; height: 1px; background-color: #000; bottom: 0; }
.culture-wrapper { background-color: #f3f3f3; padding-bottom: 94px; }
.slide2 { position: relative; width: 601px; height: 406px; margin-left: 35px; }
.slide2 .hd { position: absolute; bottom: -38px; z-index: 999; width: 100%; text-align: right; }
.slide2 .hd ul { zoom: 1; text-align: center; font-size: 0; display: inline-block; }
.slide2 .hd ul li { display: inline-block; font-size: 14px; color: #000; margin: 0 8px; }
.slide2 .hd ul li.on { color: #03a8e8; }
.slide2 .bd { position: relative; height: 100%; z-index: 0 }
.slide2 .bd li { zoom: 1; vertical-align: middle }
.slide2 .hd .prev, .slide2 .hd .next { display: inline-block; }
.cw-fl { width: 636px; height: 443px; position: relative; }
.cw-fl:before { content: ""; position: absolute; width: 328px; height: 93px; background-color: #03a8e8; opacity: 0.4; filter: alpha(40); left: 0; bottom: 0; z-index: 99; }
.cw-fr ul { border-left: 1px solid #e6e6e6; }
.cw-fr li { float: left; width: 92px; padding: 0 30px; border-right: 1px solid #e6e6e6; height: 443px; }
.cf-til { width: 92px; height: 92px; line-height: 92px; text-align: center; font-size: 40px; color: #fff; margin-bottom: 20px; }
.cf-desc { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; padding-left: 18px; }
.cf-desc span { font-size: 12px; color: #ccc; font-family: SimSun; }
.cf-desc h3 { font-size: 24px; color: #000; font-weight: normal; }
.speech-box { padding: 35px 58px 105px 45px; border: 1px solid #040000; background: url(../images/speech-bg.jpg) no-repeat right bottom; }
.speech-wrapper { padding-bottom: 109px; }

/* 联系我们 */
.contact-wrapper>.c-width { position: relative; }
.menu-fr { position: relative; padding: 60px 28px 0 0; }
.menu-fr:after { content: ""; position: absolute; width: 1px; height: 130px; background-color: #333; right: 0; top: 0; }
.menu-fr:before { content: ""; position: absolute; width: 151px; height: 1px; background-color: #333; top: 32px; right: -39px; }
.menu-fr li { float: right; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin-left: 32px; }
.menu-fr li>a { font-size: 16px; color: #333; letter-spacing: 3px; transition: all .3s; }
.menu-fr li.active>a, .menu-fr li>a:hover { font-weight: bold; color: #00aae7; }
.contact-con { text-align: center; font-size: 14px; color: #333; line-height: 18px; padding-bottom: 15px; }
.contact-con p { margin-bottom: 15px; }
.map { margin-bottom: 63px; }
.contact-box { border-left: 1px solid #a0a0a0; padding-top: 41px; }
.banner-show3 { height: 360px; background-position: center center; background-repeat: no-repeat; }
.opinion-form { padding-bottom: 80px; }
.of-group { width: 498px; margin-bottom: 30px; }
.of-group input { border: 1px solid #e6e6e6; height: 20px; width: 448px; padding: 14px 25px; font-size: 14px; }
.of-group textarea { border: 1px solid #e6e6e6; height: 166px; padding: 16px 25px; font-size: 14px; width: 1148px; resize: none; }
.of-bot { text-align: center; font-size: 0; }
.of-bot input { width: 200px; height: 50px; font-size: 14px; color: #fff; margin: 0 30px; }
.of-bot input[type="submit"] { background-color: #00aae7; }
.zp-list ul { width: 1280px; margin-bottom: 20px; }
.zp-list li { width: 255px; height: 385px; margin-right: 60px; float: left; position: relative; }
.zp-list .zl-text { height: 47px; line-height: 47px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; transition: all .5s; }
.zp-list .zl-text:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../images/peo-icon.png) no-repeat; margin: -3px 8px 0 0; vertical-align: middle; }
.zp-list li.active .zl-text { background-color: #00aae7; color: #fff; padding-left: 20px; }
.zp-list li.active .zl-text:before { background-image: url(../images/peo-hov.png); }
.zp-main { display: none; padding: 20px 27px; background-color: #f3f3f3; margin-bottom: 59px; transition: all .5s; }
.zp-main .zp-tag { font-size: 0; }
.zp-main .zp-tag span { display: inline-block; padding: 0 5px; line-height: 22px; border: 1px solid #00aae7; margin-right: 20px; font-size: 12px; color: #333; }
.require-box { padding: 15px 0; overflow: hidden; }
.require-box .require-label { font-size: 16px; font-weight: bold; color: #212121; width: 105px; }
.require-list { width: 1030px; }
.require-list table { width: 100%; }
.require-list td { float: left; font-size: 14px; color: #212121; margin-bottom: 16px; width: 50%; }
.zp-text2 { font-size: 12px; color: #333; padding-top: 10px; }
.zp-list li.active:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent #f3f3f3 transparent; border-width: 12px 8px 12px 8px; left: 27px; }

/* 新闻中心 */
.n2l-box { position: absolute; width: 485px; height: 289px; background: rgba(243, 243, 243, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8f3f3f3, endColorstr=#C8f3f3f3); padding: 0 30px 0 72px; bottom: 0; right: 0; transition: all .5s; }
.n2l-list li.even .n2l-box { left: 0; }
.n2l-box:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 18px 20px 18px 0; opacity: 0.8; filter: alpha(opacity=80); left: -20px; top: 150px; }
.n2l-box:after { content: ""; width: 2px; height: 129px; background-color: #00aae7; position: absolute; left: 40px; top: -29px; transition: .5s; }
.n2l-list li.even .n2l-box:before { right: -20px; left: auto; border-color: transparent transparent transparent #fff; border-width: 18px 0 18px 20px; }
.news2-list { position: relative; }
.n2l-list li { height: 318px; margin-bottom: 41px; position: relative; }
.n2l-time { padding-top: 36px; }
.n2l-time p { font-size: 30px; color: #00aae7; line-height: 1; padding-bottom: 9px; margin-bottom: 7px; position: relative; transition: .5s; }
.n2l-time p:before { content: ""; position: absolute; width: 16px; height: 1px; background-color: #00aae7; bottom: 0; transition: .5s; }
.n2l-time span { font-size: 14px; color: #ccc; }
.n2l-desc dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 0 15px; }
.n2l-desc dt a { font-size: 16px; color: #666; transition: .5s; }
.n2l-desc dd { font-size: 14px; color: #999; transition: .5s; }
.n2l-list li:hover .n2l-box { background: rgba(0, 170, 231, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C800aae7, endColorstr=#C800aae7); }
.n2l-list li:hover .n2l-box:after { background-color: #fff; }
.n2l-list li:hover .n2l-time p { color: #fff; }
.n2l-list li:hover .n2l-time p:before { background-color: #fff; }
.n2l-list li:hover .n2l-time span { color: #fff; }
.n2l-list li:hover .n2l-desc dt a { color: #fff; }
.n2l-list li:hover .n2l-desc dd { color: #fff; }
.n2l-list li:hover .ckxx3 { border: 1px solid #fff; color: #fff; }
.article-head { padding: 92px 0 20px; text-align: center; }
.article-head h1 { font-size: 24px; color: #333; font-weight: normal; margin-bottom: 18px; }
.article-head .ah-desc { font-size: 14px; color: #333; }
.article-con { padding-bottom: 19px; }
.article-con img { max-width: 100%; }
.article-bot { padding: 25px 0 60px; border-top: 1px solid #e6e6e6; }
.article-bot a { color: #808080; }
.article-bot a:hover { color: #4c4c4c; }

/* 业务领域 */
.business2-list { position: relative; padding-top: 170px; }
.business2-list:before { content: ""; width: 1px; height: 170px; background-color: #a0a0a0; position: absolute; left: 0; top: 0; }
.business2-list ul { width: 1280px; }
.business2-list li { width: 364px; height: 240px; float: left; margin: 0 54px 32px 0; }
.business2-list li p { font-size: 14px; color: #333; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 7px; }
.sl-menu a { display: block; font-size: 14px; color: #333; text-indent: 20px; margin-right: 20px; letter-spacing: 3px; line-height: 1; }
.sl-menu a.active, .sl-menu a:hover { font-weight: bold; color: #00aae7; }
.business-top { width: 460px; height: 582px; position: absolute; bottom: 0; left: 0; overflow: hidden; }
.business-wrap { margin: 30px 0 118px; }
.business-box { position: relative; }
.business-box .bx-til { position: absolute; text-align: center; font-size: 16px; color: #fff; width: 100%; left: 0; bottom: 0; z-index: 5; letter-spacing: 2px;height: 44px;background: url(../images/bx-bg.png) repeat-x;line-height: 36px;}
.hov-add { background-color: #000; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; visibility: hidden; opacity: 0; transition: all .3s; }
.hov-add span { position: absolute; top: 5%; left: 3.2%; right: 3.2%; bottom: 5%; border: 1px solid #fff; background: url(../images/add.png) no-repeat center 45%; text-indent: -999em; }
.business-box:hover .hov-add { visibility: visible; opacity: 0.4; filter: alpha(opacity=40); }
.business-box:hover .bx-til { bottom: 32%;background: none; }
.business-top .business-box:hover .bx-til { bottom: 25%; background: none;}
.business-top .picList li { margin-bottom: 40px; }
.business2-text{
	writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;
	font-size: 14px;line-height: 24px;color: #333;height: 188px;
	position: absolute;
	top: 100px;right: 400px;
	line-height: 28px;
	display:none;
}
.rfbh{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 141px;
	height: 139px;
	background: url(../images/rfbh.png) no-repeat;
	z-index:9;
}