@charset utf-8;

body { margin:0; padding:0; background:#f5f7fa; color:#333; font-size:12px; font-family:微软雅黑,Microsoft YaHei; }
form, ul, li, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
ul, li { list-style-type:none; }
dl, dt, dd { margin:0; padding:0; }
input, select, textarea, button { font-size:12px; font-family:微软雅黑,Microsoft YaHei; vertical-align:middle; vertical-align:top \9; }


html { overflow-x:hidden; }
.sp10 { height:10px; overflow:hidden; }

.clear { height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

a { color:#333; text-decoration:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
a:hover { color:#285898; text-decoration:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }

.trans { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.trans-all, .trans-all * { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }

*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; box-sizing:border-box; }

.wrap { width: 1228px; margin:0 auto; }
.slider { position:relative; }
.slider .flex-viewport, .slider .slides, .slider .slides ul, .slider .slides li { height:100%; }

.header { background-color: #FFF; }
.header .logo { height: 134px; overflow: hidden; }
.header .logo img { height: 100%; }

.banner { height: 440px; }
.banner-inside { height: 440px; }
.banner .slider, 
.banner-inside .slider { height: 100%; }
.banner li, 
.banner-inside li { height:100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.banner li a,
.banner-inside li a { display: block; width: 100%; height: 100%; }

.home-wrap { background: url(default_bg_1.jpg) no-repeat center 150px; }
.home-inner { background: url(default_bg_2.jpg) no-repeat center bottom; }

.slider1 .flex-direction-nav { display:none; }
.slider1 .flex-control-paging { width:auto; left: 50%; transform: translateX(-50%); bottom:10px; height: 26px; line-height: 26px; text-align:center; padding: 0 15px; z-index:15; }
.slider1 .flex-control-paging li { margin:0 5px; }
.slider1 .flex-control-paging li a { width: 60px; height: 5px; background: rgba(255, 255, 255, .5); border-radius: 0; box-shadow: none; overflow: hidden; }
.slider1 .flex-control-paging li a:hover { background: #fff; }
.slider1 .flex-control-paging li a.flex-active { width: 60px; background: #fff; }

.match-enroll { margin-bottom: 70px; }
.match-enroll .title { padding-top: 60px; padding-bottom: 35px; }
.match-enroll .match-list { position: relative; height: 210px; background-color: #FFF; border-radius: 20px; padding: 26px 20px; }
.match-enroll .match-list a { display: block; width: 280px; height: 150px; }
.match-enroll .match-list a .match-thumb { width: 100%; height: 100%; vertical-align: top; }
.match-enroll .arrow,
.match-enroll .arrow { border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: pointer; display: block; z-index: 10; position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; }
.match-enroll .arrow-left { left: -24px; background: url(arrow_left.png) no-repeat; }
.match-enroll .arrow-right { right: -24px; background: url(arrow_right.png) no-repeat; }
.match-swiper-wrapper { text-align: center; }
.match-swiper-wrapper .match-item { display: inline-block; margin-right: 17px; width: 280px; }
.match-swiper-wrapper .match-item:last-child { margin-right: 0; }

.action-box { margin-bottom: 70px; }
.action-box .title { padding-bottom: 30px; }
.action-box .action-list { height: 210px; background-color: #FFF; border-radius: 20px; padding: 26px 20px; }
.action-box .action-list .action-item { cursor: pointer; float: left; padding: 40px 20px 0; margin-right: 22px; width: 280px; height: 150px; }
.action-box .action-list .action-item.action-1 { background: url(action_1_bg.png) no-repeat; background-size: 100% 100%; }
.action-box .action-list .action-item.action-2 { background: url(action_2_bg.png) no-repeat; background-size: 100% 100%; }
.action-box .action-list .action-item.action-3 { background: url(action_3_bg.png) no-repeat; background-size: 100% 100%; }
.action-box .action-list .action-item.action-4 { background: url(action_4_bg.png) no-repeat; background-size: 100% 100%; }
.action-box .action-list .action-item:last-child { margin-right: 0; }
.action-box .action-list .action-item .icon { float: left; width: 70px; height: 70px; }
.action-box .action-list .action-item .action-body { margin-left: 92px; }
.action-box .action-list .action-item .action-body .name { margin-bottom: 14px; width:140px; text-align: center; font-size: 18px; color: #FFF; font-weight: bold; }
.action-box .action-list .action-item .action-body .meta { font-size: 14px; color: #FFF; line-height: 28px; text-align: center; border-radius: 28px; background-color: rgba(0, 0, 0, 0.16); width: 140px; height: 28px; }

.news-box { margin-bottom: 70px; }
.news-box .title { padding-bottom: 30px; }
.news-box .news-item { margin-right: 32px; float: left; width: 388px; }
.news-box .news-item:last-child { margin-right: 0; }
.news-box .news-item .news-title { margin-bottom: 10px; padding: 45px 70px 0 45px; position: relative; width: 388px; height: 150px; background-repeat: no-repeat; background-size: cover; }
.news-box .news-item .news-title a { display: block; }
.news-box .news-item .news-title .name { margin-bottom: 20px; color: #FFF; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-box .news-item .news-title .meta { color: #FFF; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-box .news-item .news-title .more { position: absolute; top: 50%; right: 20px; margin-top: -15px; display: block; width: 30px; height: 30px; background: url(news_more.png) no-repeat; }
.news-box .news-item ul li { font-size: 16px; position: relative; padding-left: 15px; height: 50px; line-height: 50px; border-bottom: 1px dashed #c0c4cc; }
.news-box .news-item ul li:before { position: absolute; left: 0; top: 50%; margin-top: -2.5px; content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #303133; }
.news-box .news-item ul li a { display: block; color: #303133; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
.news-box .news-item ul li .time { float: right; color: #909399; font-size: 14px; }
.news-box .news-item ul li:hover { border-bottom: 1px solid #0078b4; }
.news-box .news-item ul li:hover:before { background-color: #0078b4; }
.news-box .news-item ul li:hover .time,
.news-box .news-item ul li:hover a { color: #0078b4; }

.sponsors-box { padding-bottom: 40px; }
.sponsors-box .title { padding-bottom: 30px; }
.sponsors-box .sponsors-list .item-list { }
.sponsors-box .sponsors-list .item { margin-bottom: 48px; float: left; margin-right: 57px; width: 200px; height: 70px; border: 1px solid #edeff2; }
.sponsors-box .sponsors-list .item img { width: 100%; height: 100%; }
.sponsors-box .sponsors-list .item:nth-child(5n) { margin-right: 0; }
.sponsors-box .sponsors-list .swiper-pagination .swiper-pagination-bullet { border-radius: 0; width: 36px; height: 3px; background-color: #c0c4cc; opacity: 1; }
.sponsors-box .sponsors-list .swiper-pagination .swiper-pagination-bullet-active { background-color: #0078b4; }

.footer { height: 120px; background: url(footer_bg.jpg) no-repeat center top; }
.footer .wrap { position: relative; height: 100%; }
.footer .footer-left { float: left; padding-top: 35px; }
.footer .footer-left .icon { float: left; width: 50px; height: 50px; background: url(footer_tel_icon.png) no-repeat; }
.footer .footer-left .body { margin-left: 60px; }
.footer .footer-left .body .meta { font-size: 14px; color: #FFF; } 
.footer .footer-left .body .tel { font-size: 26px; color: #FFF; }
.footer .footer-center { position: absolute; top: 50%; margin-top: -5px; left: 0; right: 0; text-align: center; color: #FFF; font-size: 14px; }
.footer .footer-center a { color: #FFF; }
.footer .footer-right { float: right; padding-top: 20px; }
.footer .footer-right .qrcode { float: right; width: 80px; height: 80px; }
.footer .footer-right .qrcode-desc { padding-top: 20px; font-size: 14px; color: #ffffff; margin-right: 90px; text-align: right; }
.footer .footer-right .qrcode-desc p:first-child { margin-bottom: 5px; }

.modal-wrap { display: none; }
.html-modal { background-color: transparent !important; }
.modal-box { position: relative; width: 620px; background: #FFF; border-radius: 10px; padding: 30px; }
.modal-box .modal-header { border-bottom: 2px solid #edeff2; text-align: center; color: #303133; font-size: 18px; padding-top: 10px; padding-bottom: 15px; }
.modal-box .modal-close { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 26px; height: 26px; background: url(modal_close.png) no-repeat; } 
.match-modal-list .match-item { margin-right: 22px; margin-top: 30px; float: left; width: 170px; height: 90px; }
.match-modal-list .match-item:nth-child(3n) { margin-right: 0; }
.match-modal-list .match-item img { width: 100%; height: 100%; }

.page-news { background: white; }
.page-news .top-news { padding: 25px 0; }
.page-news .top-news .pic { float: left; width: 330px; height: 220px; }
.page-news .top-news .pic img { width: 100%; height: 100%; }
.page-news .top-news .text { float: right; width: 560px; height: 220px; border-bottom: 1px solid #0078b4; }
.page-news .top-news .text h3 { margin-bottom: 20px; color: #0078b4; font-size: 16px; font-weight: normal; }
.page-news .top-news .text h3 a { color: #0078b4; }
.page-news .top-news .text p { margin-bottom: 20px; line-height: 1.6; font-size: 14px; color: #999; }
.page-news .top-news .text p.intro { text-indent: 2em; }
.page-news .top-news .text .more { padding-right: 25px; color: #0078b4; font-size: 14px; background: url(icon-arrow-right5.png) right center no-repeat; }

.col-side { float: left; width: 350px; }
.col-side h1 { display: block; padding: 8px 0; font-size: 24px; color: #333; border-bottom: 1px solid #ededed; }
.col-side li { font-size: 16px; margin-bottom: 5px; height: 40px; line-height: 40px; background-color: #edeff2; text-align: center; color: #303133; }
.col-side li a { display: block; position: relative; color: #303133; }
.col-side li a:hover, 
.col-side li a.current { color: #0078b4; background: url(news_sidebar_active.png) no-repeat; }
.col-main { float: right; width: 820px; min-height: 550px; }
.col-main .location { border-bottom: 1px solid #edeff2; height: 58px; line-height: 58px; }
.col-main .location div { padding-left: 25px; background: url(icon-location.png) left center no-repeat; font-size: 14px; color: #333; }
.col-main .location div a { color: #333; }
.col-main .location div a:hover { color: #0078b4; }
.col-main .location div span { color: #0078b4; }
.col-main .article { padding: 20px 0; }

.page-news .news-siebar-title { margin-bottom: 5px; position: relative; z-index: 1; margin-top: -55px; width: 240px; height: 150px; background: url(news_sidebar_title.jpg) no-repeat; } 
.page-news .col-side { width: 240px; }
.page-news .col-side .col-side-inner.fixed { position: fixed; top: 0; }
.page-news .col-side .col-side-inner.fixed  .news-siebar-title { margin-top: 0 }
.page-news .col-main { width: 920px; }
.page-job .job-title { position: relative; margin: 30px; padding-left: 25px; font-size: 24px; color: #ff0f1f; }
.page-job .job-title:before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 24px; margin-top: -12px; background: #ff0f1f; overflow: hidden; }
.page-job .article { padding: 0 30px 30px; }

.list3 li { padding: 15px 0; border-bottom: 1px dashed #ededed; }
.list3 li a { display: block; position: relative; padding-left: 15px; font-size: 14px; color: #606266; }
.list3 li a:before { position: absolute; content: ""; left: 0; top: 50%; margin-top: -5px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #606266; }
.list3 li:hover { border-bottom: 1px solid #0078b4; }
.list3 li:hover a { color: #0078b4; }
.list3 li:hover a:before { border-left-color: #0078b4; }
.list3 li .date { float: right; color: #999; font-size: 12px; }

.pager { text-align: center; padding: 40px 0; font-size: 14px; }
.pager a { display: inline-block; border: 1px solid #edeff2; height: 32px; line-height: 32px; margin-right: 5px; margin-bottom: 5px; padding: 0 14px; color: #333; }
.pager a.current, 
.pager a:hover { border-color: #0078b4; color: #FFF; background: #0078b4; }

.article { line-height: 1.8; font-size: 16px; color: #666; }
.article p { margin-bottom: 10px; }
.article img { max-width: 100%; height: auto; vertical-align: top; }

.page-content h3 { font-size: 20px; color: #333; padding: 20px 0; text-align: center; line-height: 1.4; }
.page-content .meta { height: 40px; line-height: 40px; background: #f5f7fa; text-align: center; font-size: 14px; color: #909399; }
.page-content .meta span { display: inline-block; margin: 0 20px; }

.single-page { background: #FFF; }
.single-page .col-main { width: 100%; }

.min-qrcode-modal { width: 360px; }
.min-qrcode-modal .modal-header { border-bottom: 0; }
.min-qrcode-modal .min-qrcode-wrap { text-align: center; }
.min-qrcode-modal .min-qrcode-wrap img { width: 170px; height: 170px; border: 4px solid #d6e9f3; border-radius: 5px; }
.min-qrcode-modal .min-qrcode-wrap .qrcode-title { font-size: 14px; padding: 20px 0 0; color: #606266; }

.match-modal-wrap { width: 1100px; }
.match-modal-wrap .modal-header { border-bottom: 0; }
.match-modal-wrap .form-wrap { height: 76px; line-height: 76px; background: #eff5fe; }
.match-modal-wrap .form-wrap .form-inline { font-size: 14px; color: #333; display: inline-block; }
.match-modal-wrap .form-wrap .form-inline span { display: inline-block; height: 32px; padding: 0 0 0 10px; }
.match-modal-wrap .form-wrap .form-inline .select { color: #303133; font-size: 14px; border: 1px solid #DDD; height: 32px; width: 150px; outline: none; border-radius: 3px; }
.match-modal-wrap .form-wrap .form-inline .input { border-radius: 3px; width: 120px; padding: 0 10px; color: #303133; font-size: 14px; outline: none; background: #FFF; box-shadow: 0; height: 32px; line-height: 32px; border: 1px solid #DDD; }
.match-modal-wrap .form-wrap .form-inline .input.idNo { width: 170px; }
.match-modal-wrap .form-wrap .form-inline .btn { cursor: pointer; color: #FFF; text-align: center; width: 60px; display: inline-block; border-radius: 3px; line-height: 32px; height: 32px; } 
.match-modal-wrap .form-wrap .form-inline .btn.submit { margin-left: 5px; background-color: #0078b4; }
.match-modal-wrap .form-wrap .form-inline .btn.reset { background-color: #f2270c; }
.match-modal-wrap .table-header { margin: 20px 0 10px; line-height: 46px; height: 46px; background: #eff5fe; }
.match-modal-wrap .table-header ul { width: 100%; height: 100%; overflow: hidden; }
.match-modal-wrap .table-header ul li { float: left; width: 25%; padding: 0 10px; font-size: 14px; color: #606266; }
.match-modal-wrap .table-header ul li.center { text-align: center; }
.match-modal-wrap .table-tr { margin-bottom: 10px; border-radius: 5px; border: 1px solid #edeff2; background: #FFF; }
.match-modal-wrap .table-tr:hover { border: 1px solid #d1e2fb; background-color: #f5f9fe; }
.match-modal-wrap .table-tr ul { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.match-modal-wrap .table-tr ul li { text-align: center; width: 25%; padding: 20px 5px; word-break: break-all; font-size: 14px; color: #303133; }
.match-modal-wrap .table-tr ul li .review-btn { cursor: default; display: inline-block; font-size: 12px; width: 76px; height: 24px; line-height: 24px; border-radius: 12px; border: 1px solid #edeff2; text-align: center; }
.match-modal-wrap .table-tr ul li .review-btn.success { background: #f0f7fb; color: #0078b4; }
.match-modal-wrap .table-tr ul li .review-btn.warning { background: #f5f3ef; color: #f39800; }
.match-modal-wrap .table-tr ul li .review-btn.error { background: #fef2f1; color: #f2270c; }
.match-modal-wrap .table-tr ul li .btn-wrap { line-height: 1.6; margin-top: 7px; } 
.match-modal-wrap .table-tr ul li .btn-wrap a { margin: 0 auto; display: block; }
.match-modal-wrap .table-tr ul li .reason { font-size: 12px; cursor: pointer; }
.match-modal-wrap .no-data {  padding: 50px 0; text-align: center; font-size: 14px; color: #666; }
.match-modal-wrap .table-data-list { max-height: 350px; overflow-y: auto; }
.match-modal-wrap .score-body .table-header ul li,
.match-modal-wrap .score-body .table-tr ul li { width: 14.1%; }
.match-modal-wrap .enroll-body .table-header ul li,
.match-modal-wrap .enroll-body .table-tr ul li { width: 20%; }

.preview-cert-modal { width: 430px; }
.preview-cert-modal .modal-header { border-bottom: 0; }
.preview-cert-modal .close-btn { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 26px; height: 26px; background: url(modal_close.png) no-repeat; }
.preview-cert-modal .preview-cert-wrap { text-align: center; }
.preview-cert-modal .preview-cert-wrap img { width: 100%; min-height: 500px; background: #ebebeb; height: auto; display: block; }
.preview-cert-modal .preview-cert-wrap .download-btn { cursor: pointer; display: inline-block; background-color: #0078b4; padding: 6px 20px; border-radius: 5px; margin: 20px 0 0; font-size: 14px;  color: #FFF; }

@media screen and (max-width: 1366px) {
    .wrap { width: 1050px; }
    .header .logo { height: 110px; }
    .page-news .col-main { width: 780px; }
    .match-enroll .title img,
    .action-box .title img,
    .news-box .title img,
    .sponsors-box .title img { width: 100%; }
    .match-enroll .match-list { height: 177px; }
    .match-enroll .match-list a { width: 236px; height: 125px; }
    .action-box .action-list .action-item { width: 236px; height: 125px; padding: 30px 10px 0; }
    .action-box .action-list { height: 177px; }
    .action-box .action-list .action-item .icon { width: 60px; height: 60px; }
    .action-box .action-list .action-item .icon img { width: 100%; height: 100%; }
    .action-box .action-list .action-item .action-body { margin-left: 72px; }
    .news-box .news-item { width: 328px; }
    .news-box .news-item .news-title { width: 328px; height: 125px; padding: 30px 70px 0 45px; }
    .sponsors-box .sponsors-list .item { width: 180px; height: 63px; margin-right: 37px; }
    .page-news .top-news .pic { width: 280px; height: 186px; }
    .page-news .top-news .text { width: 475px; height: 186px; }
}