.banner { height: auto; max-width: 1920px; margin: 0 auto !important; position: relative; margin-top: -34px; }
.banner .bd li { float: left; width: 100%; line-height: 0; }
.banner .bd li img { width: 100%; }
.banner .bd li a { display: block; }
.banner .prev { position: absolute; top: calc(45% - 35px); left: 0%; z-index: 10; cursor: pointer; opacity: 0; transition: all .5s linear; }
.banner .next { position: absolute; top: calc(45% - 35px); right: 0%; z-index: 10; cursor: pointer; opacity: 0; transition: all .5s linear; }
.banner .hd { z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom: 8%; }
.banner .hd li { width: 13px; height: 13px; background: #fff; display: inline-block; margin: 0 10px; border-radius: 13px; }
.banner .hd li.on { background: #254ebb; width: 39px; }
.banner:hover .prev { opacity: 1; left: 6%; }
.banner:hover .next { opacity: 1; right: 6%; }
.bk-title a { text-align: center; }
.bk-title a b { font-size: 48px; font-weight: bold; line-height: 48px; color: #333333; display: block; }
.bk-title a span { font-size: 22px; font-weight: normal; line-height: 22px; color: #666666; display: block; margin-top: 10px; }
.keywords { border-bottom: 1px solid #f0f0f0; }
.keywords .keywords-l { font-size: 14px; font-weight: normal; line-height: 86px; color: #333333; float: left; }
.keywords .keywords-l a { color: #666; margin-right: 20px; }
.keywords .keywords-l a:hover { color: #254ebb; }
.keywords .keywords-l a:last-of-type { margin-right: 0; }
.keywords .search { float: right; border-bottom: 3px solid #254ebb; height: 87px; margin-bottom: -1px; padding-top: 32px; box-sizing: border-box; }
.keywords .search .text { font-size: 14px; font-weight: normal; line-height: 22px; color: #666666; display: block; float: left; background: none; border: none; border-right: 1px solid #c7c7c7; width: 247px; }
.keywords .search .btn { float: right; border: none; background: none; background-image: url('../images/search.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; width: 22px; height: 22px; display: block; margin-left: 22px; cursor: pointer; }
.keywords:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.guide { padding-top: 80px; padding-bottom: 80px; }
.guide .guide-con { margin-top: 60px;text-align:center;}
.guide .guide-con li { display:inline-block;margin-right: 86px;}
.guide .guide-con li b { font-size: 60px; font-weight: bold; line-height: 80%; color: #333333; display: inline-block; }
.guide .guide-con li span { display: inline-block; width: 30px; height: 30px; background: #254ebb; border-radius: 50%; overflow: hidden; text-align: center; font-size: 16px; font-weight: normal; line-height: 30px; color: #ffffff; }
.guide .guide-con li p { font-size: 20px; font-weight: normal; line-height: 20px; color: #1a1a1a; display: block; margin-top: 14px; }
.guide .guide-con li:last-of-type { margin-right: 0; }
.guide .guide-con:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom { background: #ededed; padding-top: 80px; padding-bottom: 80px; }
.custom .custom-con { margin-top: 60px; }
.custom .custom-con dl { position: relative; }
.custom .custom-con dl dt { width: 764px; height: 470px; display: block; line-height: 0; overflow: hidden; float: right; }
.custom .custom-con dl dt img { width: 764px; height: 470px; display: block; transition: 1s; }
.custom .custom-con dl dd { float: left; width: 436px; }
.custom .custom-con dl dd h3 a { font-size: 28px; font-weight: bold; line-height: 28px; color: #f08324; display: block; position: relative; }
.custom .custom-con dl dd h3 a:after { content: ""; display: block; width: 291px; height: 1px; background: #333; position: absolute; right: -44px; top: 50%; }
.custom .custom-con dl dd h4 b { font-size: 20px; font-weight: bold; line-height: 20px; color: #333333; display: block; margin-top: 40px; }
.custom .custom-con dl dd h4 span { font-size: 16px; font-weight: bold; line-height: 16px; color: #333333; display: block; margin-top: 5px; }
.custom .custom-con dl dd h4:after { content: ""; display: block; width: 58px; height: 3px; background: #f08324; margin-top: 16px; margin-bottom: 8px; }
.custom .custom-con dl dd p { font-size: 14px; font-weight: normal; line-height: 24px; color: #666666; display: block; width: 392px; text-align: justify; }
.custom .custom-con dl dd .list1 { background: #254ebb; width: 796px; height: 224px; position: absolute; bottom: 0; left: -360px; padding-left: 360px; box-sizing: border-box; overflow: hidden; }
.custom .custom-con dl dd .list1 li { text-align: center; float: left; width: 109px; margin-right: 30px; display: inline; margin-top: 27px; }
.custom .custom-con dl dd .list1 li img { display: block; width: 109px; height: 149px; }
.custom .custom-con dl dd .list1 li span { display: block; font-size: 14px; font-weight: normal; line-height: 14px; color: #ffffff; margin-top: 14px; }
.custom .custom-con dl dd .list1 li:last-of-type { margin-right: 0; }
.custom .custom-con dl dd .list1:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom .custom-con dl dd .list2 { background: #254ebb; width: 796px; height: 224px; position: absolute; bottom: 0; right: -360px; padding-right: 360px; box-sizing: border-box; overflow: hidden; padding-left: 20px; }
.custom .custom-con dl dd .list2 li { text-align: center; float: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); width: 33.33%; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; }
.custom .custom-con dl dd .list2 li img { display: block; width: 44px; height: 44px; margin: 0 auto 0; }
.custom .custom-con dl dd .list2 li span { display: block; font-size: 14px; font-weight: bold; line-height: 14px; color: #ffffff; margin-top: 14px; }
.custom .custom-con dl dd .list2 li:nth-of-type(3n) { border-right: none; }
.custom .custom-con dl dd .list2:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom .custom-con dl dd .list3 { background: #254ebb; width: 796px; height: 224px; position: absolute; bottom: 0; left: -360px; padding-left: 360px; box-sizing: border-box; overflow: hidden; padding-top: 60px; }
.custom .custom-con dl dd .list3 li { text-align: left; float: left; width: 45%; border-right: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 14px 0; }
.custom .custom-con dl dd .list3 li em { display: inline-block; font-size: 36px; font-weight: bold; line-height: 80%; color: #ffffff; vertical-align: middle; }
.custom .custom-con dl dd .list3 li span { display: inline-block; font-size: 16px; font-weight: bold; line-height: 16px; color: #ffffff; margin-bottom: 2px; vertical-align: middle; margin-left: 5px; }
.custom .custom-con dl dd .list3 li:nth-last-of-type(1), .custom .custom-con dl dd .list3 li:nth-last-of-type(2) { border-bottom: none; }
.custom .custom-con dl dd .list3 li:nth-of-type(2n) { border-right: none; padding-left: 26px; width: 50%; }
.custom .custom-con dl dd .list3:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom .custom-con dl:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom .custom-con:nth-of-type(even) dt { float: left; }
.custom .custom-con:nth-of-type(even) dd { float: right; text-align: right; }
.custom .custom-con:nth-of-type(even) dd h3 a:after { left: -44px; right: auto; }
.custom .custom-con:nth-of-type(even) dd h4:after { float: right; }
.custom .custom-con:nth-of-type(even) dd p { text-align: right; float: right; }
.compare { padding-top: 80px; padding-bottom: 100px; position: relative; }
.compare .bk-title span { font-size: 14px; font-weight: normal; line-height: 14px; color: #666666; text-transform: uppercase; }
.compare .compare-tit { background-image: url('../images/pk-vs.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; position: absolute; left: 50%; top: 208px; height: 300px; z-index: 1; width: 120px; margin-left: -60px; padding-top: 70px; box-sizing: border-box; }
.compare .compare-tit li { background-image: url('../images/pk-tbg.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; width: 120px; height: 120px; font-size: 20px; font-weight: bold; line-height: 115px; color: #333333; text-align: center; margin-bottom: -16px; padding-left: 10px; }
.compare .compare-tit li.cur { background-image: url('../images/pk-tbgh.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; color: #fff; }
.compare .compare-con { margin-top: 80px; }
.compare .compare-con dl dt { float: left; width: 500px; background: #254ebb; position: relative; padding: 10px; box-sizing: border-box; text-align: center; }
.compare .compare-con dl dt i { font-size: 20px; font-weight: bold; line-height: 50px; color: #ffffff; display: block; background: #f08324; width: 120px; text-align: center; position: absolute; left: 0; top: 20px; }
.compare .compare-con dl dt em { width: 480px; height: 260px; line-height: 0; overflow: hidden; display: block; }
.compare .compare-con dl dt em img { display: block; width: 480px; height: 260px; transition: 1s; }
.compare .compare-con dl dt span { font-size: 16px; font-weight: bold; line-height: 94px; color: #ffffff; display: inline-block; background-image: url('../images/pk-doth.png'); background-repeat: no-repeat; background-position: left center; background-size: auto auto; padding-left: 18px; }
.compare .compare-con dl dd { float: right; width: 500px; background: #ededed; position: relative; padding: 10px; box-sizing: border-box; text-align: center; }
.compare .compare-con dl dd i { font-size: 20px; font-weight: bold; line-height: 50px; color: #ffffff; display: block; background: rgba(0, 0, 0, 0.7); width: 120px; text-align: center; position: absolute; left: 0; top: 20px; }
.compare .compare-con dl dd em { width: 480px; height: 260px; line-height: 0; overflow: hidden; display: block; }
.compare .compare-con dl dd em img { display: block; width: 480px; height: 260px; transition: 1s; }
.compare .compare-con dl dd span { font-size: 16px; font-weight: normal; line-height: 94px; color: #666666; display: inline-block; background-image: url('../images/pk-dot.png'); background-repeat: no-repeat; background-position: left center; background-size: auto auto; padding-left: 18px; }
.compare .compare-con dl:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.service .service-t { background-image: url('../images/fw-bg.jpg'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; height: 850px; box-sizing: border-box; padding-top: 86px; }
.service .service-t .bk-title span, .service .service-t .bk-title b { color: #fff; }
.service .service-t dl { background: #fff; width: 231px; height: 485px; float: left; margin-right: 11px; display: inline; margin-top: 120px; transition: .8s; top: 0; position: relative; }
.service .service-t dl dt { width: 231px; height: 322px; display: block; line-height: 0; overflow: hidden; position: relative; }
.service .service-t dl dt:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.service .service-t dl dt img { width: 231px; height: 322px; display: block; }
.service .service-t dl dt span { position: absolute; left: 15%; top: 50%; font-size: 14px; font-weight: normal; line-height: 26px; color: #ffffff; z-index: 2; width: 70%; text-align: center; transform: translateY(-50%); opacity: 0; height: 0; overflow: hidden; transition: 1s; }
.service .service-t dl dd { text-align: center; height: 163px; box-sizing: border-box; }
.service .service-t dl dd em { width: 76px; height: 76px; border-radius: 50%; background: #254ebb; text-align: center; color: #fff; display: block; font-size: 26px; font-weight: bold; line-height: 76px; color: #ffffff; position: relative; z-index: 2; margin: -38px auto 0; }
.service .service-t dl dd h3 { font-size: 20px; font-weight: normal; line-height: 36px; color: #333333; display: block; margin-top: 20px; }
.service .service-t dl:last-of-type { margin-right: 0; }
.service .service-t dl.cur, .service .service-t dl:hover { top: -50px; }
.service .service-t dl.cur dt:before, .service .service-t dl:hover dt:before { opacity: 1; }
.service .service-t dl.cur dt span, .service .service-t dl:hover dt span { display: block; opacity: 1; height: auto; }
.service .service-t dl.cur dd em, .service .service-t dl:hover dd em { background: #f08324; }
.service .service-t dl.cur dd h3, .service .service-t dl:hover dd h3 { font-weight: bold; }
.service .service-b { height: 208px; background: #ededed; }
.service .service-b .tel { float: left; text-align: center; background-image: url('../images/fw-tel.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; width: 369px; height: 208px; box-sizing: border-box; padding-top: 90px; }
.service .service-b .tel span { font-size: 28px; font-weight: bold; line-height: 26px; color: #ffffff; display: block; }
.service .service-b .tel a { font-size: 14px; font-weight: normal; line-height: 34px; color: #333333; display: block; margin: 18px auto 0; height: 34px; border-radius: 17px; overflow: hidden; background: #fff; width: 118px; }
.service .service-b .tel a:hover { background: #254ebb; color: #fff; }
.service .service-b .list { float: right; width: 831px; }
.service .service-b .list li { float: left; width: 265px; border-right: 1px solid #d1d1d1; padding-right: 30px; box-sizing: border-box; padding-left: 25px; height: 114px; margin-top: 48px; padding-top: 8px; }
.service .service-b .list li b { font-size: 26px; font-weight: bold; line-height: 26px; color: #333333; display: block;}
.service .service-b .list li b:after { content: ""; display: block; width: 30px; height: 3px; background: #254ebb; margin-top: 13px; margin-bottom: 12px;transition:.5s;}
.service .service-b .list li:hover b:after{background:#ef8324;width:60px;}
.service .service-b .list li p { font-size: 16px; font-weight: normal; line-height: 22px; color: #333333; display: block; text-align: justify; }
.service .service-b .list li:nth-of-type(2) { width: 300px; padding-left: 30px; }
.service .service-b .list li:last-of-type { border-right: none; }
.service .service-b .list:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.service .service-b:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.strength { padding-top: 98px; }
.strength .strength-con { margin-top: 70px; }
.strength .strength-con dt { width: 1063px; height: 599px; overflow: hidden; display: block; line-height: 0; float: right; margin-right: -360px; }
.strength .strength-con dt img { width: 1063px; height: 599px; display: block; }
.strength .strength-con dd { float: left; width: 497px; height: 599px; background: #eee; box-sizing: border-box; padding: 78px 55px 0 66px; }
.strength .strength-con dd .num { font-size: 98px; font-weight: bold; line-height: 82px; color: #254ebb; position: relative; display: block; }
.strength .strength-con dd .num:after { content: ""; display: block; width: 300px; height: 1px; background: #254ebb; position: absolute; right: -80px; top: 42px; }
.strength .strength-con dd .title { margin-top: 70px; padding-bottom: 28px; background-image: url('../images/sl-line.png'); background-repeat: no-repeat; background-position: left bottom; background-size: auto auto; margin-bottom: 30px; }
.strength .strength-con dd .title b { font-size: 36px; font-weight: bold; line-height: 40px; color: #254ebb; display: block; }
.strength .strength-con dd .title span { font-size: 26px; font-weight: bold; line-height: 30px; color: #333333; display: block; margin-top: 5px; }
.strength .strength-con dd .desc { position: relative; font-size: 16px; font-weight: normal; line-height: 22px; color: #333333; display: block; margin-bottom: 15px; }
.strength .strength-con dd .desc:before { content: ""; display: block; width: 6px; height: 6px; background: #254ebb; border: 3px solid #fff; position: absolute; left: -22px; top: 5px; border-radius: 50%; }
.strength .strength-con:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.strength .strength-tit { width: 860px; height: 120px; margin: 0 auto 0; z-index: 1; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; top: -50px; margin-bottom: -50px; }
.strength .strength-tit li { float: left; width: 25%; position: relative; text-align: center; height: 120px; overflow: hidden; }
.strength .strength-tit li:after { content: ""; display: block; width: 1px; height: 46px; background: #DCDCDC; position: absolute; right: 0; top: 37px; }
.strength .strength-tit li:last-of-type:after { display: none; }
.strength .strength-tit li em { width: 42px; height: 42px; display: block; margin: 20px auto 0; overflow: hidden; }
.strength .strength-tit li em img { width: 42px; height: 42px; display: block; transition: .5s; position: relative; top: 0; }
.strength .strength-tit li span { display: block; font-size: 20px; font-weight: bold; line-height: 20px; color: #333333; margin-top: 12px; }
.strength .strength-tit li.cur { background: #f08324; }
.strength .strength-tit li.cur:after { display: none; }
.strength .strength-tit li.cur span { color: #fff; }
.strength .strength-tit li.cur em img { top: -42px; }
.strength .strength-tit:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.project { padding-top: 100px; padding-bottom: 100px; }
.project .project-tit { text-align: center; margin-top: 70px; margin-bottom: 50px; }
.project .project-tit li { font-size: 20px; font-weight: normal; line-height: 48px; color: #333333; display: inline-block; height: 48px; border-radius: 24px; }
.project .project-tit li a { display: block; padding: 0 35px; }
.project .project-tit li.cur, .project .project-tit li:hover { background: #254ebb; }
.project .project-tit li.cur a, .project .project-tit li:hover a { color: #fff; }
.project .project-con .tempWrap { width: 100% !important; }
.project .project-con li { float: left; text-align: center; width: calc((100% - 40px) / 3); margin-right: 20px; line-height: 0; }
.project .project-con li img { display: block; width: 100%; transition: 1s; }
.project .project-con li h4 { font-size: 16px; font-weight: normal; line-height: 16px; color: #333333; display: block; margin-top: 17px; }
.project .project-con li:hover img { transform: scale(1.02); }
.project .project-con li:hover h4 { color: #254ebb; }
.project .project-con:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.project .project-con2 { margin-top: 50px; }
.project .project-con2 .tempWrap { width: 1200px !important; }
.project .project-con2 li { float: left; line-height: 0; margin-right: 16px; position: relative; }
.project .project-con2 li:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; display: none; }
.project .project-con2 li img { width: 225px; height: 125px; display: block; border: 1px solid #EDEDED; }
.project .project-con2 li span { font-size: 14px; font-weight: normal; line-height: 125px; color: #ffffff; position: absolute; left: 0; top: 0; width: 100%; text-align: center; height: 100%; z-index: 2; display: none; }
.project .project-con2 li:last-of-type { margin-right: 0; }
.project .project-con2 li:hover span, .project .project-con2 li:hover:after { display: block; }
.project .project-con2:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.project .project-tit2 { text-align: center; line-height: 0; margin-top: 50px; }
.project .project-tit2 span { width: 12px; height: 12px; background: #BFBFBF; border-radius: 50%; overflow: hidden; display: inline-block; margin: 0 8px; cursor: pointer; }
.project .project-tit2 span.cur { background: #254ebb; }
.news { background: #ededed; padding-top: 78px; padding-bottom: 80px; }
.news .content .bk-title a { text-align: left; }
.news .content .bk-title a b { font-size: 40px; line-height: 40px; }
.news .content .news-tit { float: left; width: 366px; height: 480px; position: relative; margin-top: 100px; }
.news .content .news-tit ul { width: 200px; }
.news .content .news-tit li { font-size: 14px; font-weight: normal; line-height: 50px; color: #666666; height: 50px; border-bottom: 1px solid #c7c6c3; }
.news .content .news-tit li a { color: #666; display: block; }
.news .content .news-tit li.cur, .news .content .news-tit li:hover { background-image: url('../images/new-jt.png'); background-repeat: no-repeat; background-position: right center; background-size: auto auto; }
.news .content .news-tit li.cur a, .news .content .news-tit li:hover a { color: #254ebb; font-weight: bold; }
.news .content .news-tit .new-column { position: absolute; left: 0; bottom: 0; }
.news .content .news-con { float: right; width: 830px; }
.news .content .news-con dl { padding-bottom: 20px; border-bottom: 1px solid #bebebe; margin-bottom: 20px; }
.news .content .news-con dl dt { width: 300px; height: 169px; line-height: 0; overflow: hidden; display: block; position: relative; float: right; }
.news .content .news-con dl dt img { width: 300px; height: 169px; display: block; transition: 1s; }
.news .content .news-con dl dt h4 { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 20px; font-weight: normal; line-height: 62px; color: #ffffff; height: 62px; overflow: hidden; background: #254ebb; text-align: center; }
.news .content .news-con dl dd { float: left; width: 427px; height: 130px; padding-top: 30px; }
.news .content .news-con dl dd .title a { font-size: 26px; font-weight: normal; line-height: 38px; color: #333333; display: block; }
.news .content .news-con dl dd .title a:hover { color: #254ebb; }
.news .content .news-con dl dd .desc { font-size: 14px; font-weight: normal; line-height: 26px; color: #333333; display: block; margin-top: 10px; }
.news .content .news-con dl:last-of-type { border-bottom: none; margin-bottom: 0; }
.news .content .news-con dl:hover dt img { transform: scale(1.05); }
.news .content .news-con dl:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.news .content .news-con ul li { float: left; width: 460px; margin-top: 34px; }
.news .content .news-con ul li em { display: block; font-size: 20px; font-weight: normal; line-height: 20px; color: #333333; margin-bottom: 10px; }
.news .content .news-con ul li h4 a { font-size: 15px; font-weight: normal; line-height: 16px; color: #666666; display: block; }
.news .content .news-con ul li:hover h4 a { color: #254ebb; }
.news .content .news-con ul li:nth-of-type(even) { width: 350px; float: right; }
.news .content .news-con ul:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.news .content:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.about { padding-top: 95px; padding-bottom: 80px; }
.about .about-t { margin-top: 93px; }
.about .about-t dl dt { width: 914px; height: 541px; display: block; line-height: 0; margin-left: -360px; float: left; position: relative; }
.about .about-t dl dt img { width: 914px; height: 541px; display: block; }
.about .about-t dl dt:before { content: ""; display: block; position: absolute; left: 0; top: -86px; height: 86px; width: 352px; background: #254ebb; }
.about .about-t dl dd { float: right; background: #ededed; height: 541px; box-sizing: border-box; width: 646px; padding: 106px 77px 0; position: relative; }
.about .about-t dl dd:after { content: ""; display: block; position: absolute; right: -360px; bottom: 0px; height: 246px; width: 360px; background: #254ebb; }
.about .about-t dl dd .title a { font-size: 26px; font-weight: bold; line-height: 28px; color: #333333; display: block; }
.about .about-t dl dd .title a:hover { color: #254ebb; }
.about .about-t dl dd .title:after { content: ""; display: block; width: 60px; height: 3px; background: #333; margin-top: 20px; }
.about .about-t dl dd .desc { font-size: 14px; font-weight: normal; line-height: 30px; color: #333333; display: block; margin-top: 15px; margin-bottom: 20px; }
.about .about-t dl dd .more a { display: inline-block; font-size: 14px; font-weight: normal; line-height: 14px; color: #333333; text-transform: uppercase; border-bottom: 6px solid #254ebb; height: 9px; padding: 0 3px; }
.about .about-t dl dd .more a:hover { border-color: #f08324; }
.about .about-t dl dd .list { margin-top: 40px; }
.about .about-t dl dd .list li { float: left; position: relative; text-align: center; margin-right: 84px; }
.about .about-t dl dd .list li em { width: 44px; height: 44px; display: block; overflow: hidden; line-height: 0; margin: 0 auto; }
.about .about-t dl dd .list li em img { width: 44px; height: 44px; display: block; transition: .5s; }
.about .about-t dl dd .list li span { font-size: 20px; font-weight: normal; line-height: 20px; color: #333333; display: block; margin-top: 14px; }
.about .about-t dl dd .list li:after { content: ""; display: block; position: absolute; right: -55px; top: 20px; width: 19px; height: 36px; background-image: url('../images/abt-line.png'); background-repeat: no-repeat; background-position: center top; background-size: auto auto; }
.about .about-t dl dd .list li:hover span { color: #254ebb; }
.about .about-t dl dd .list li:hover em img { transform: rotateY(180deg); }
.about .about-t dl dd .list li:last-of-type { margin-right: 0; }
.about .about-t dl dd .list li:last-of-type:after { display: none; }
.about .about-t dl:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.about .about-b { margin-top: 50px; }
.about .about-b .title { height: 47px; border-bottom: 1px solid #d6d6d6; margin-bottom: 20px; }
.about .about-b .title i { width: 39px; height: 39px; display: block; float: left; background: #254ebb; border-radius: 50%; overflow: hidden; margin-right: 6px; }
.about .about-b .title i img { width: 39px; height: 39px; display: block; }
.about .about-b .title b { font-size: 20px; font-weight: bold; line-height: 39px; color: #333333; display: block; float: left; }
.about .about-b .title b:hover { color: #254ebb; }
.about .about-b .title em { float: right; font-size: 16px; font-weight: normal; line-height: 39px; color: #333333; text-transform: uppercase; }
.about .about-b .title em:hover { color: #254ebb; }
.about .about-b .title:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.about .about-b .list li { float: left; width: 290px; margin-right: 13px; display: inline; text-align: center; }
.about .about-b .list li em { width: 290px; height: 218px; display: block; overflow: hidden; line-height: 0; }
.about .about-b .list li em img { display: block; width: 290px; height: 218px; transition: 1s; }
.about .about-b .list li span { font-size: 14px; font-weight: normal; line-height: 14px; color: #666666; display: block; margin-top: 22px; }
.about .about-b .list li:last-of-type { margin-right: 0; }
.about .about-b .list li:hover em img { transform: scale(1.03); }
.about .about-b .list li:hover span { color: #254ebb; }
.about .about-b .list:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.link { padding: 20px 0; }
.link a { font-size: 14px; font-weight: normal; line-height: 26px; color: #333333; display: block; float: left; margin-right: 48px; display: inline; }
.link a:hover { color: #254ebb; }
.link a:last-of-type { margin-right: 0; }
.link:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
