@charset "utf-8";
body, html { min-width: 1250px; }
.top-wrap, .nav-wrap, .banner, .about, .footer-wrap, .child-page { width: 100%; margin: 0 auto; overflow: hidden; }
.main { width: 1200px; margin: 0 auto; overflow: hidden; }
.top-wrap { height: 140px; }
.logo01, .logo { float: left; margin-top: 20px; }
.logo01 a, .logo a { display: block; height: 100px; }
.logo01 a { width: 410px; }
.logo { margin-left: 70px; }
.logo a { width: 510px; }
.logo01 img, .logo img { width: 100%; height: 100%; }
.top-r { float: right; width: 140px; height: 140px; }
.top-r img { width: 100%; height: 100%; }
.nav-wrap { background: #e6e6e6; height: 40px; }
.nav-list .current a { background: #415ca1; }
.nav-list li { float: left; width: 142px; height: 40px; background: url(../images/nav-icon.png) center right no-repeat; line-height: 40px; }
.nav-list li:last-child { background: none; }
.nav-list a { display: block; width: 140px; height: 40px; text-align: center; font-size: 16px; color: #333; margin-right: 2px; }
.nav-list .current a { color: #fff; }
.nav-list li:hover a { color: #fff; background: #415ca1; }
.banner .slideBox { height: 650px; overflow: hidden; position: relative; }
.slideBox .hd { height: 40px; overflow: hidden; zoom: 1; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -40px; }
.slideBox .hd li { float: left; overflow: hidden; margin-right: 10px; width: 20px; height: 20px; background: rgba(255,255,255,0.5); cursor: pointer; border-radius: 20px; }
.slideBox .hd li.on { background: #415ca1; color: #fff; border-bottom: none; border: solid 3px #fff; }
.slideBox .bd { height: 650px; width: 100% !important; position: relative; }
.slideBox .bd li { width: 100% !important; height: 100%; zoom: 1; vertical-align: middle; background-size: cover !important; }
.slideBox .bd li a { display: block; width: 100%; height: 100%; }
.about { margin-top: 50px; }
.title { background: url(../images/title-bg.jpg) center no-repeat; height: 50px; }
.title h2 { line-height: 50px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px; }
.about-box { overflow: hidden; margin-top: 30px; }
.about-img { float: left; width: 600px; height: 300px; }
.about-img img { width: 100%; height: 100%; }
.about-r { float: right; width: 580px; height: 300px; }
.about-content { height: 216px; overflow: hidden; }
.about-content p { line-height: 32px; font-size: 16px; color: #333; text-align: justify; }
.about-r .more { width: 120px; margin-top: 44px; margin-left: auto; margin-right: auto; }
.more a { display: block; width: 120px; height: 40px; line-height: 40px; background: #415ca1; font-size: 14px; color: #fff; text-align: center; }
.news-achievement { margin-top: 50px; height: 385px; }
.news .title, .achievement-wrap .title { background: url(../images/title-bg01.jpg) center no-repeat; margin-bottom: 20px; }
.news { float: left; width: 580px; }
.achievement-wrap { float: right; width: 580px; }
.news-list li { overflow: hidden; border-bottom: 1px dashed #999; height: 36px; line-height: 36px; }
.news-list li > a { width: 430px; background: url(../images/news-icon.png) left center no-repeat; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list li > a, .news-list .news-first h2 a { font-size: 16px; color: #333; float: left; }
.news-list li > a:hover { color: #415ca1; background: url(../images/news-icon-current.png) left center no-repeat; }
.news-list li > span, .news-list .news-first h2 span { float: right; font-size: 14px; color: #666; width: 80px; }
.news-list .news-first { height: initial; line-height: initial; padding-bottom: 15px; }
.news-list .news-first dl { overflow: hidden; }
.news-list .news-first dl img { width: 100%; height: 100%; }
.news-list .news-first dl dt { float: left; width: 180px; height: 120px; }
.news-list .news-first dl dd { float: right; width: 390px; height: 120px; }
.news-list .news-first h2 { overflow: hidden; margin-top: 15px; }
.news-list .news-first h2 a { width: 275px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list .news-first h2 a:hover { color: #415ca1; }
.news-list .news-first dl dd p { height: 57px; font-size: 14px; color: #666; text-align: justify; margin-top: 15px; overflow: hidden; }
.achievement-list { margin-left: -40px; }
.achievement-list li { width: 500px; height: 315px; margin-left: 40px; }
.achievement-list li a { display: block; width: 100%; height: 100%; }
.achievement-list li span { display: block; width: 500px; height: 40px; background: rgba(0,0,0,.7); position: absolute; bottom: 0; font-size: 16px; line-height: 40px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 30px; }
.achievement-list li img { width: 100%; height: 100%; }
.achievement-btn { position: absolute; width: 580px; z-index: 9; }
.achievement-btn .next { display: block; width: 30px; height: 70px; background: url(../images/btn-r.png) center no-repeat; position: absolute; right: 0px; margin-top: -35px; top: 157px; }
.achievement-btn .prev { display: block; width: 30px; height: 70px; background: url(../images/btn-l.png) center no-repeat; position: absolute; left: 0px; margin-top: -35px; top: 157px; }
.footer-wrap { background: #262626; margin-top: 40px; }
.footer { padding: 10px 0; }
.footer p { font-size: 16px; color: #fff; text-align: center; }
.child-page { margin-top: 70px; }
.side { float: left; width: 180px; margin-bottom: 50px; }
.side h2 { background: #293a66; height: 60px; line-height: 60px; font-size: 22px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 1px; }
.side-menu li { height: 50px; line-height: 50px; background: #6691ff; font-size: 16px; margin-bottom: 1px; padding: 0 20px; }
.side-menu li.current, .side-menu li:hover { background: url(../images/side-icon.png) 160px center no-repeat #415ca1; }
.side-menu li a { display: block; color: #fff; }
.main-r { float: right; width: 940px; }
.crumb { overflow: hidden; border-bottom: 1px solid #415ca1; padding-bottom: 5px; margin-bottom: 30px; }
.crumb h2 { float: left; font-size: 18px; font-weight: bold; color: #415ca1; }
.crumb p { float: right; color: #666; font-size: 14px; }
.crumb p a { color: #666; }
.crumb p a:last-child { color: #415ca1; }
.detail-title { border-bottom: 1px dashed #666; margin-bottom: 30px; }
.detail-title h1 { font-size: 24px; font-weight: bold; text-align: center; color: #333; }
.detail-title p { font-size: 14px; text-align: center; color: #666; line-height: 30px; }
.content-box p { color: #333; line-height: 28px; font-size: 16px; text-align: justify; margin-bottom: 10px; }
.content-box p img { max-width: 900px !important; height: auto !important; }
.pager { overflow: hidden; margin-top: 30px; margin-bottom: 20px; }
.pager p { font-size: 16px; overflow: hidden; }
.pager p span { color: #666; float: left; }
.pager p a { float: left; width: 350px; color: #415ca1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pager-l { float: left; }
.pager-r { float: right; }
.page-news-list { width: 940px; }
.page-news-list dl { overflow: hidden; border-bottom: 1px dashed #999; margin-bottom: 15px; padding-bottom: 15px; }
.page-news-list dl dt { float: left; width: 180px; height: 120px; }
.page-news-list dl dt img { width: 100%; height: 100%; }
.page-news-list dl dd { float: right; width: 745px; }
.page-news-list dl dd h2 { overflow: hidden; margin-top: 12px; }
.page-news-list dl dd h2 a { float: left; width: 500px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.page-news-list dl dd h2 a:hover { color: #415ca1; }
.page-news-list dl dd h2 span { float: right; width: 80px; font-size: 14px; color: #666; }
.page-news-list dl dd p { height: 60px; overflow: hidden; font-size: 14px; color: #666; text-align: justify; line-height: 20px; margin-top: 10px; }
.page { padding-top: 20px; text-align: center; }
.page a, .page span { display: inline-block; color: #666; zoom: 1; min-width: 15px; font-size: 16px; line-height: 30px; border: 1px solid #999; background: #fff; margin: 0 2px; padding: 0 10px; text-transform: uppercase; }
.page .a-w { border: none; }
.page span, .page .current { border-color: #415ca1; background: #415ca1; color: #fff; }
.page a:hover { border-color: #415ca1; background: #415ca1; color: #fff; }
.page-download-list li { overflow: hidden; border-bottom: 1px dashed #999; margin-top: 10px; padding-bottom: 10px; }
.page-download-list li span { float: left; font-size: 16px; width: 700px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.page-download-list li a { float: right; width: 90px; height: 30px; line-height: 30px; border-radius: 5px; background: #6691ff; color: #fff; font-size: 14px; text-align: center; }
.page-download-list li a:hover { background: #415ca1; }
.page-img-list { overflow: hidden; margin-left: -20px; }
.page-img-list li { float: left; width: 300px; margin-left: 20px; margin-bottom: 20px; }
.page-img-list li img { width: 100%; height: 189px; }
.page-img-list li span { display: block; width: 300px; font-size: 18px; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 8px; padding: 0 20px; }
.page-img-list li span:hover { color: #415ca1; }
.page-team-list { overflow: hidden; margin-left: -20px; }
.page-team-list li { float: left; width: 300px; margin-left: 20px; margin-bottom: 20px; }
.page-team-list li img { width: 100%; height: 189px; }
.page-team-list li span { display: block; width: 300px; font-size: 18px; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 8px; padding: 0 20px; }
.page-team-list li span:hover { color: #415ca1; }
.team-introduction { overflow: hidden; height: 214px; border-bottom: 1px solid #415ca1; padding-bottom: 25px; margin-bottom: 20px; }
.introduction-l { float: left; width: 300px; height: 189px; }
.introduction-l img { width: 100%; height: 100%; }
.introduction-r { float: right; width: 640px; height: 189px; background: #e5e5e5; padding: 20px; }
.introduction-r h2 { font-size: 20px; font-weight: bold; color: #415ca1; }
.introduction-r p { height: 108px; overflow: hidden; font-size: 16px; margin-top: 10px; line-height: 28px; color: #666; }
.introduction-r p span { font-size: 18px; color: #666; font-weight: bold; }