@charset "utf-8";
/* CSS Document */

html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; color: #333; background: #FCFCFC; font-size: 16px; font-family: "微软雅黑"; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
img { border: none; max-width: 100%; vertical-align: bottom; }
img { border: 0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tr { text-align: right; }
.tc { text-align: center; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

input, button, textarea { border: 0; font-size: 16px; font-family: "微软雅黑"; }
input { -webkit-appearance: none; outline: none }
button { -webkit-appearance: none; outline: none }
textarea { -webkit-appearance: none; outline: none }

@media screen and (max-width:639px) {
    html { overflow-x: hidden; }
}

#totop { width: 60px; height: 60px; border-radius: 5px; background: url(../images/top.png) no-repeat center center rgba(0,70,142,0.5); background-size: 30px 30px; text-align: center; position: fixed; bottom: 10px; right: 10px; cursor: pointer; transition: all 0.3s ease-in-out; opacity: 0; z-index: 5; }
#totop:hover { background: url(../images/top.png) no-repeat center center rgba(0,70,142,1); }

@media screen and (max-width:969px) {
    .all_more { width: 110px; height: 32px; line-height: 32px; font-size: 14px; }
    #totop { width: 50px; height: 50px; background-size: 20px 20px; }
}

.tran { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.tran6 { transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; }

/*首页(s)*/
.banner { max-width: 1440px; }
.banner .swiper-button-prev, .banner .swiper-button-next { opacity: 0; transition: 0.5s ease-in-out; }
.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next { opacity: 1; }
.banner .swiper-button-prev { background: url(../images/banner_arrow1.png) no-repeat; }
.banner .swiper-button-next { background: url(../images/banner_arrow2.png) no-repeat; }
.banner .swiper-pagination-bullet { background-color: #fff; opacity: 0.4; }
.banner .swiper-pagination-bullet-active { opacity: 1; }

@media screen and (max-width:639px) {
    .banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
}

.header { width: 100%; height: 90px; position: absolute; background: url(../images/header_bg.jpg) repeat-y right; z-index: 3; max-width: 1440px; top: -80%; left: 0; right: 0; bottom: 0; margin: auto; }
.header_fix { position: fixed; top: -90%; }
.header_main { max-width: 87%; height: 100%; margin: 0 auto; }
.header .logo { margin-top: 16px; float: left; width: 100%; max-width: 190px; }
.nav { position: absolute; width: 80%; right: 0; height: 100%; background: url(../images/header_bg_blue.jpg) no-repeat 0 center #004ea2; background-size: contain; }
.nav > ul { position: absolute; right: 10%; text-align: right; }
.nav > ul > li { font-size: 17px; float: left; position: relative; }
.nav > ul > li > p > a { padding: 0 22px; line-height: 90px; display: block; color: #fff; position: relative; text-decoration: none; }
.nav > ul > li > p > a span { position: absolute; bottom: 0; left: 50%; margin-left: -6px; border-width: 6px; border-style: dashed dashed solid; border-color: transparent transparent #fff; display: none; }
.nav > ul > li > p > a.selected span { display: block; }

.nav > ul > li:hover > ul { opacity: 1; visibility: visible; margin-top: 0 }

.nav_child { width: 140px; position: absolute; top: 100%; left: 50%; margin-left: -71px; z-index: 1; opacity: 0; visibility: hidden; margin-top: 20px; background-color: #fff; transition: margin .15s, opacity .15s; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5) }
.nav_child > li { width: 100%; border-bottom: 1px solid #f1f1f1; text-align: center; }
.nav_child > li:first-child > a:after { content: ''; position: absolute; height: 0; width: 0; left: 50%; top: -6px; border: 6px solid transparent; margin-left: -6px; border-top: 0; border-bottom-color: inherit }
.nav_child > li:last-child { border: 0 }
.nav_child a { width: 100%; border-color: #fff; line-height: 55px }
.nav_child a:hover { color: #004ea2; }

.navbar_phone { display: none; }
.nav_phone_bg { margin-left: 101px; height: 100%; background: url(../images/header_bg_blue.jpg) no-repeat 0 center #004ea2; background-size: contain; display: none; }
.nav_phone { width: 34px; height: 34px; background-color: #004ea2; text-align: center; margin-top: 12px; float: right; cursor: pointer; }
.nav_phone .point { display: inline-block; width: 22px; height: 18px; margin-top: 8px; position: relative; }
.nav_phone .navbtn,
.nav_phone .navbtn::after,
.nav_phone .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.nav_phone .navbtn { top: 8px; }
.nav_phone .navbtn::after { top: -8px; content: ''; }
.nav_phone .navbtn::before { top: 8px; content: ''; }
.nav_phone .point.active .navbtn { background: transparent; }
.nav_phone .point.active .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.nav_phone .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }


@media screen and (max-width:1520px) and (min-width:1200px) {
    .header { height: 82px; }
    .header_main { padding: 0 40px; }
    .header .logo { margin-top: 12px; }
    .nav > li { font-size: 16px; }
    .nav > li > p > a { line-height: 82px; }
}

@media screen and (max-width:1439px) and (min-width:1330px) {
    .nav > li > p > a { padding: 0 15px; }
}

@media screen and (max-width:1329px) and (min-width:1200px) {
    .nav > li.home { display: none; }
    .nav > li > p > a { padding: 0 12px; }
}

@media screen and (max-width:1199px) and (min-width:1100px) {
    .header { height: 72px; }
    .header_main { padding: 0 20px; }
    .header .logo { height: 52px; margin-top: 10px; }
    .nav { margin-left: 165px; }
    .nav > li { font-size: 15px; }
    .nav > li.home { display: none; }
    .nav > li > p > a { line-height: 72px; padding: 0 12px; }
}

@media screen and (max-width:1099px) and (min-width:970px) {
    .header { height: 66px; }
    .header_main { padding: 0 20px; }
    .header .logo { height: 46px; margin-top: 10px; }
    .nav { margin-left: 145px; }
    .nav > li { font-size: 14px; }
    .nav > li.home { display: none; }
    .nav > li > p > a { line-height: 66px; padding: 0 12px; }
    .nav > li > p > a span { border-color: transparent transparent #004ea2; }
}

@media screen and (max-width:969px) {
    .header { top: 0; height: 58px; position: relative; }
    .header_fix { position: relative; }
    .header_main { padding: 0 20px; position: relative; }
    .header .logo { margin-top: 13px; max-width: 104px; }
    .nav { display: none; }
    .nav_phone_bg { display: block; }
    .navbar_phone { width: 100%; padding: 10px 0 0 0; box-sizing: border-box; position: absolute; top: 58px; left: 0px; box-shadow: 0 5px 5px rgba(0,0,0,0.15); border-top: 1px solid #f1f1f1; background-color: #fff; display: none; }
    .navbar_phone li p a { width: 100%; line-height: 46px; padding: 0 20px; box-sizing: border-box; display: block; border-bottom: 1px solid #f1f1f1; }
    .navbar_phone li.on p a, .navbar_phone li p a.selected { background-color: #004ea2; color: #fff; text-decoration: none; }
    .navbar_child { display: none; border-bottom: 1px solid #f1f1f1; padding: 10px 30px; }
    .navbar_child li a { width: 100%; line-height: 38px; display: block; }

    .navbar_phone > li:nth-of-type(n+8) > p > a { border-bottom: none; }
}

@media screen and (max-width:639px) {
    .header_main { padding: 0 14px; max-width: 100%; }
}

@media screen and (max-width:374px) {
    .header { background: url(../images/header_bg_phone.jpg) repeat-y right; }
}

.index_about_bg {background: url(../images/index_about_bg.jpg) repeat;padding: 60px 0;position: relative;max-width: 1440px;margin: 0 auto;box-sizing: border-box;}
.index_about_bg .name { position: absolute; top: 45px; left: 75px; }
.index_about { max-width: 1440px; margin: 0 auto; position: relative; }
.index_about_main { width: 100%; height: 100%; position: absolute; }
.index_about .title {padding: 20px;}
.index_about .title dt { color: #999; }
.index_about .title dd { font-size: 30px; }
.index_about_box { width: 100%; position: absolute; bottom: 0; background-color: #FEFEFE; }
.index_about_text { width: 47%; padding: 34px 0 90px 92px; }
.index_about .count li { float: left; padding-right: 88px; }
.index_about .count li:nth-child(1) { display: none; }
.index_about .count li:nth-child(4) { padding: 0; }
.index_about .count_num { font-size: 60px; padding-right: 28px; position: relative; }
.index_about .count_num span.unit { font-size: 20px; position: absolute; top: 12px; right: 0; }
.index_about .count_title { position: relative; top: -5px; left: 3px; }
.index_about_p { font-size: 16px; line-height: 30px; color: #666; margin: 30px 0 42px 0; text-align: justify; }
.index_about a {width: 145px;height: auto;line-height: 40px;padding-left: 51px;box-sizing: border-box;border: 1px solid #999;background: url(../images/eye.png) no-repeat 18px center;display: block;transition: 0.5s ease-in-out;border-radius: 30px;}
.index_about a:hover { background-color: #004ea2; color: #fff; background-image: url(../images/eye_white.png); text-decoration: none; }
.index_about .since { display: block; float: right; position: relative; z-index: 2; overflow: hidden; }
.index_about .since img { transition: all 0.6s; }
.index_about .since:hover img { transform: scale(1.1); }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .index_about_bg { padding: 80px 0; }
    .index_about { margin: 0 40px; box-sizing: border-box; }
    .index_about_bg .name { width: 45%; left: 35px; }
    .index_about .since { width: 500px; }
    .index_about_text { width: 48%; padding: 50px 0 60px 60px; }
    .index_about .count li { padding-right: 70px; }
    .index_about .count_num { font-size: 50px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .index_about_bg { padding: 60px 0; }
    .index_about { margin: 0 20px; box-sizing: border-box; }
    .index_about_bg .name { width: 45%; top: 35px; left: 20px; }
    .index_about .since { width: 400px; }
    .index_about .title { padding: 0; }
    .index_about .title dt { font-size: 14px; }
    .index_about .title dd { font-size: 26px; }
    .index_about_text { width: 50%; padding: 40px 0 50px 40px; }
    .index_about .count li { padding-right: 62px; }
    .index_about .count_num { font-size: 46px; }
    .index_about_p { height: 150px; margin: 30px 0 26px 0; overflow: hidden; }
}

@media screen and (max-width:969px) {
    .index_about_bg { padding: 0; }
    .index_about_bg .name, .index_about .since { display: none; }
    .index_about_main { position: relative; }
    .index_about_box { position: relative; background-color: #FFF; }
    .index_about .title { text-align: center; padding: 40px 0 30px 0; }
    .index_about .title dd { color: #004ea2; }
    .index_about_text { width: 100%; padding: 30px 20px; box-sizing: border-box; }
    .index_about_p { margin: 20px 0; }
    .index_about a { margin: 0 auto; }
    .index_about .count { text-align: center; padding: 10px 0; }
    .index_about .count li:nth-child(1) { display: inline-block; }
    .index_about .count li:nth-child(3) { display: none; }
    .index_about .count li { padding: 0; margin: 0 30px; display: inline-block; text-align: left; float: none; }
    .index_about .count_num { font-size: 46px; }
    .index_about a { background-color: rgba(255,255,255,0); background: none; padding: 0; text-align: center; border-color: #DDD; border-radius: 30px; color: #333; font-size: 16px; margin: 20px auto 0 auto; }
}

@media screen and (max-width:639px) {
    .index_about .title { padding: 25px 0 20px 0; display: none; }
    .index_about .title dd { font-size: 24px; }
    .index_about .title dt { font-size: 13px; }
    .index_about .count li { margin: 0 11px; line-height: 32px; }
    .index_about .count_num { font-size: 26px; display: inline; padding-right: 15px; font-weight: bold; }
    .index_about .count_num span.unit { top: 5px; font-size: 14px; }
    .index_about_p { margin: 0 14px 10px 14px; max-height: 278px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; }
    .index_about_text { padding: 30px 0; }
}

.index_case_bg {max-width: 1440px;background: url(../images/index_case_bg.jpg) no-repeat center center;margin: 0 auto;}
.index_case {max-width: 100%;margin: 0 auto;padding: 0 30px 30px 30px;}
.index_case .title { text-align: center; color: #fff; font-size: 14px; padding: 80px 0 40px 0; }
.index_case .title dt { font-size: 40px; padding-bottom: 12px; }
.index_case_box {padding: 46px 60px 50px 60px;background-color: #fff;}
.index_case_top { border-bottom: 4px solid #f1f1f1; font-size: 18px; margin-bottom: 50px; text-align: center; }
.index_case_top a { width: 25%; display: inline-block; text-align: center; padding-bottom: 34px; position: relative; bottom: -4px; cursor: pointer; }
.index_case_top a:hover, .index_case_top a.active { text-decoration: none; color: #004ea2; }
.index_case_top a:after { content: ''; width: 0; height: 4px; display: inline-block; background-color: #004ea2; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out; }
.index_case_top a:hover:after, .index_case_top a.active:after { width: 100%; left: 0; }
.index_case_list { float: left; margin-right: 50px; }
.index_case_list a { display: block; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_case_list img { width: 100%; transition: all 0.6s; }
.index_case_list a:hover img { transform: scale(1.1); }
.index_case_list h3 { font-size: 16px; font-weight: normal; padding: 10px 0; text-align: center; }
.index_case_list p { line-height: 22px; color: #999; font-size: 14px; }

.index_case_main .swiper-pagination { position: relative; }
.index_case_main .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 30px; bottom: 0; }
.index_case_main .swiper-pagination-bullet-active { background-color: #004ea2; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .index_case { margin: 0 40px; }
    .index_case .title { padding: 60px 0 40px 0; }
    .index_case .title dt { font-size: 38px; }
    .index_case_box { padding: 46px 40px 44px 40px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .index_case { margin: 0 20px; padding-bottom: 60px; }
    .index_case .title { padding: 54px 0 30px 0; }
    .index_case .title dt { font-size: 36px; padding-bottom: 8px; }
    .index_case_box { padding: 38px 30px; }
    .index_case_top { margin-bottom: 35px; }
    .index_case_top a { padding-bottom: 22px; }
    .index_case_list { margin-right: 40px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .index_case { margin: 0 20px; padding-bottom: 40px; }
    .index_case .title { padding: 45px 0 25px 0; }
    .index_case .title dt { font-size: 32px; padding-bottom: 8px; }
    .index_case_top { margin-bottom: 30px; }
    .index_case_list { margin-right: 40px; }
    .index_case_box { padding: 30px 20px; }
    .index_case_top a { padding-bottom: 20px; }
    .index_case_list { margin-right: 20px; }
    .index_case_list p { line-height: 20px; }
    .index_case_main .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 20px; }
}

@media screen and (max-width:639px) {
    .index_case { margin: 0 14px; padding-bottom: 30px; }
    .index_case .title { padding: 35px 0 20px 0; }
    .index_case .title dt { font-size: 28px; padding-bottom: 4px; }
    .index_case_top { margin-bottom: 30px; }
    .index_case_box { padding: 20px 14px; }
    .index_case_top { font-size: 16px; }
    .index_case_top a { padding-bottom: 15px; width: 49%; }
    .index_case_top a:nth-of-type(n+3) { display: none; }
    .index_case_top a span { width: 100%; margin: 0 auto; display: block; }
    .index_case_main .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 0; }
}

.index_news_bg { background: url(../images/index_news_bg.jpg) no-repeat center center; }
.index_news { max-width: 1440px; margin: 0 auto; padding-bottom: 58px; }
.index_news .title { color: #666; font-size: 14px; padding: 78px 0 40px 0; }
.index_news .title dt { font-size: 40px; padding-bottom: 12px; }
.index_news_main { position: relative; }
.index_news_top { position: absolute; top: -98px; right: 0; }
.index_news_top a { width: 116px; height: 36px; line-height: 36px; display: inline-block; text-align: center; border: 1px solid #848484; margin-left: 18px; border-radius: 5px; cursor: pointer; transition: 0.5s ease-in-out; }
.index_news_top a:hover, .index_news_top a.active { background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none; }

.page_news { max-width: 1440px; margin: 60px auto 0 auto; }
.page_news .list_news_main { width: 448px; margin: 0 48px 48px 0; box-sizing: border-box; }
.page_news .list_news_main:nth-child(3n) { margin-right: 0; }

.list_news_main { float: left; }
.list_news_main a { text-decoration: none; }
.list_news_box { border: 1px solid #dbdbdb; padding: 36px 40px 40px 40px; box-sizing: border-box; background-color: #fff; position: relative; }
.list_news.cover .list_news_box { min-height: 543px; }
.list_news_box:before { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #004ea2; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(.58,1,.38,1); transition: all .7s cubic-bezier(.58,1,.38,1); }
.list_news_box:hover:before { -webkit-transform: scale(1); transform: scale(1); }
.list_news_box .time { font-size: 26px; color: #666; font-weight: bold; position: relative; z-index: 2; }
.list_news_box h3 { font-weight: normal; margin: 18px 0; font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; position: relative; z-index: 2; }
.list_news_box img { position: relative; z-index: 2; }
.list_news_box p { font-size: 15px; color: #999; line-height: 22px; margin: 25px 0; text-align: justify; max-height: 66px; overflow: hidden; position: relative; z-index: 2; }
.list_news_box .more { width: 80px; height: 30px; line-height: 29px; border-radius: 25px; display: block; text-align: center; color: #333; font-size: 16px; background-color: #EEE; position: relative; z-index: 2; }
.list_news_box:hover .time, .list_news_box:hover h3 a, .list_news_box:hover p { color: #fff; transition: 0.7s ease-in-out; }
.list_news_box:hover .more { background-color: #fff; color: #999; transition: 0.7s ease-in-out; }
.list_news .swiper-pagination { position: relative; }
.list_news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 30px; bottom: 0; }
.list_news .swiper-pagination-bullet-active { background-color: #004ea2; }

/*.page_news .list_news_box p { margin-top: 0; }*/

@media screen and (max-width:1520px) and (min-width:1200px) {
    .index_news { margin: 0 40px; }
    .index_news .title { padding: 60px 0 40px 0; }
    .index_news .title dt { font-size: 38px; }

    .list_news_box { width: 100%; padding: 26px 30px 30px 30px; }
    .page_news { margin: 40px 20px 0 20px; }
    .page_news .list_news_main { width: 33.3%; padding: 20px; margin: 0; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .index_news { margin: 0 20px; padding-bottom: 50px; }
    .index_news .title { padding: 54px 0 30px 0; }
    .index_news .title dt { font-size: 36px; padding-bottom: 8px; }

    .list_news_box { width: 100%; padding: 26px 30px 30px 30px; }
    .list_news_box p { max-height: 88px; }
    .page_news { margin: 40px 10px 0 10px; }
    .page_news .list_news_main { width: 33.3%; padding: 10px; margin: 0; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .index_news { margin: 0 20px; padding-bottom: 40px; }
    .index_news .title { padding: 45px 0 25px 0; }
    .index_news .title dt { font-size: 32px; padding-bottom: 8px; }
    .index_news_top { top: -78px; }
    .list_news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 20px; }

    .list_news_box { width: 100%; padding: 30px 34px 34px 34px; }
    .list_news_box p { max-height: 66px; }
    .page_news { margin: 20px 10px 0 10px; }
    .page_news .list_news_main { width: 50%; padding: 10px; margin: 0; }
}

@media screen and (max-width:639px) {
    .index_news { margin: 0 14px; padding-bottom: 30px; }
    .index_news .title { padding: 35px 0 20px 0; text-align: center; }
    .index_news .title dt { font-size: 28px; padding-bottom: 4px; color: #333; }
    .index_news_top { position: relative; top: auto; right: auto; text-align: center; margin-bottom: 20px; }
    .index_news_top a { margin: 0 5px; }
    .list_news_box { padding: 20px; min-height: 343px !important; }
    .list_news_box .time { font-size: 20px; }
    .list_news_box h3 { margin: 6px 0; }
    .list_news_box p { margin: 15px 0; }
    .list_news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 10px; }

    .page_news { margin: 20px 7px 0 7px; }
    .page_news .list_news_main { width: 100%; padding: 7px; margin: 0; }
    .page_news .list_news_box { padding: 20px; }
    .page_news .list_news_box p, .list_news_main .more { display: none; }
}

.index_video { background: url(../images/video_bg.jpg) no-repeat center center; background-size: cover; height: 480px; text-align: center; position: relative; }
.index_video a { width: 100%; height: 100%; display: block; overflow: hidden; }
.index_video img { width: 70px; vertical-align: middle; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; transition: all 0.6s; }
.index_video a:hover img { transform: scale(1.1); }

@media screen and (max-width:969px) and (min-width:640px) {
    .index_video { height: 400px; }
}

@media screen and (max-width:639px) {
    .index_video { height: 300px; }
    .index_video img { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }
}

.footer { background-color: #202020; color: #a4a4a4; }
.footer_totop { width: 100%; line-height: 60px; text-align: center; font-size: 18px; color: #d9d9d9; cursor: pointer; }
.footer_box { padding: 50px 0; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; }
.footer_main { max-width: 1440px; margin: 0 auto; }
.footer_main dl { float: left; padding-right: 66px; }
.footer_main dl dt { padding-bottom: 20px; }
.footer_main dl dd { line-height: 30px; }
.footer_main dl dt a { color: #d9d9d9; }
.footer a { color: #a4a4a4; }
.footer_contact { float: right; padding-left: 40px; background: url(../images/footer_bg.png) no-repeat; }
.footer_contact img { width: 135px; padding: 5px; background-color: #fff; }
.footer_contact p { padding-bottom: 12px; }
.footer_copyr { max-width: 1440px; margin: 0 auto; padding: 20px 0; line-height: 28px; text-align: center; }
.footer_copyr select { width: 163px; height: 26px; line-height: 26px; border: 1px solid #474747; background-color: #373737; color: #a4a4a4; }

.footer_link { width: 100%; border-top: 1px solid #2a2a2a; line-height: 24px; margin-top: 30px; padding-top: 20px; float: left; }
.footer_link .title { float: left; }
.footer_link .text { margin-left: 85px; }
.footer_link a { padding-right: 12px; display: inline-block; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .footer_main { margin: 0 40px; }
    .footer_main dl { padding-right: 50px; }
    .footer_copyr { margin: 0 40px; }
}

@media screen and (max-width:1399px) and (min-width:1200px) {
    .footer_main dl { padding-right: 30px; }
    .footer_main dl dd { font-size: 14px; line-height: 26px; }
    .footer_link { font-size: 14px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .footer_main { margin: 0 20px; text-align: center; }
    .footer_contact { display: none; }
    .footer_main dl { width: 14.2%; display: inline-block; padding: 0; font-size: 0; }
    .footer_main dl dt, .footer_main dl dd { font-size: 16px; }
    .footer_copyr { margin: 0 20px; text-align: center; }
    .footer_copyr .fl, .footer_copyr .fr { float: none; }
    .footer_copyr .fl { padding-bottom: 10px; }
    .footer_link { text-align: left; }
}

@media screen and (max-width:969px) {
    .footer_totop { line-height: 50px; border-bottom: 1px solid #3e3e3e; }
    .footer_box { display: none; }
    .footer_copyr { margin: 0 20px; text-align: center; }
    .footer_copyr .fl, .footer_copyr .fr { float: none; }
    .footer_copyr .fl { padding-bottom: 10px; }
}

@media screen and (max-width:639px) {
    .footer { font-size: 15px; }
    .footer_totop { line-height: 46px; font-size: 16px; }
    .footer_copyr { line-height: 24px; }
    .footer_copyr .fr { display: none; }
}

.img_line { width: 100%; height: 100%; padding: 12px; box-sizing: border-box; position: absolute; top: 0; left: 0; }
.img_line dl { width: 100%; height: 100%; position: relative; transition: all 0.3s ease-in-out; }
.img_line:hover dl { background-color: rgba(0,0,0,0.1); }
.img_line dl dd { background-color: #fff; transition: all 0.3s ease-in-out; position: absolute; }
.img_line dl dd:nth-child(1) { width: 0; height: 1px; top: 0; right: 0; }
.img_line:hover dl dd:nth-child(1) { width: 100%; }
.img_line dl dd:nth-child(2) { width: 1px; height: 0; bottom: 0; left: 0; }
.img_line:hover dl dd:nth-child(2) { height: 100%; }
.img_line dl dd:nth-child(3) { width: 1px; height: 0; top: 0; right: 0; }
.img_line:hover dl dd:nth-child(3) { height: 100%; }
.img_line dl dd:nth-child(4) { width: 0; height: 1px; bottom: 0; left: 0; }
.img_line:hover dl dd:nth-child(4) { width: 100%; }

/*首页(e)*/

/*内页(s)*/

.page_banner { position: relative; max-width: 1440px; margin: 0 auto; }
.page_banner .text { width: 100%; position: absolute; color: #FFF; text-shadow: 0 1px 1px #000000; text-align: center; top: 60%; margin-top: -100px; left: 0; }
.page_banner .text h1 { font-size: 42px; font-weight: normal; }
.page_banner .text p { font-size: 22px; margin:20px 0 0 0; }

.page_nav_box { width: 100%; }
.page_nav_fixed { position: fixed; top: 0; left: 0; z-index: 4; }
.page_nav_yes { display: none; }
.page_nav_none { display: block; }
.page_nav { border-bottom: 1px solid #e6e6e6; background-color: #fff; text-align: center; }
.page_nav li { display: inline-block; padding: 0 35px; cursor: pointer; }
.page_nav li a { line-height: 97px; padding: 0 0 3px 28px; font-size: 17px; display: block; position: relative; }
.page_nav li a i { width: 22px; height: 22px; display: block; position: absolute; top: 37px; left: 0; }
.page_nav li a:hover, .page_nav li.active a { color: #004ea2; text-decoration: none; }
.page_nav li a:hover i, .page_nav li.active a i { background-position: -22px 0; }
.page_nav li a:after { content: ''; width: 0; height: 4px; display: inline-block; background-color: #004ea2; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out; }
.page_nav li a:hover:after, .page_nav li.active a:after { width: 100%; left: 0; }

.page_navbar { display: none; }

.pages { width: 100%; padding: 28px 0px 110px 0px; text-align: center; font-size: 0; }
.pages span, .pages a { padding: 8px 14px; margin: 0 2px; background-color: #fff; border: 1px solid #e6e6e6; display: inline-block; font-size: 16px; }
.pages a:hover, .pages .current { background: #004ea2; color: #fff; text-decoration: none; }


@media screen and (max-width:1520px) and (min-width:1200px) {
    .page_nav { padding: 0 40px; }
    .page_nav li { padding: 0 26px; }
    .page_nav li a { line-height: 84px; }
    .page_nav li a i { top: 31px; }

    .page_banner .text h1 { font-size: 34px; }
    .page_banner .text p { margin: 24px 0 36px 0; }

    .pages { padding: 30px 0 80px 0; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .page_nav { padding: 0 20px; }
    .page_nav li { padding: 0 14px; }
    .page_nav li a { line-height: 84px; }
    .page_nav li a i { top: 31px; }

    .page_banner .text { margin-top: -55px; }
    .page_banner .text h1 { font-size: 30px; }
    .page_banner .text p { margin: 15px 0 25px 0; }
    .page_banner .text img { width: 18px; }

    .pages { padding: 50px 0 80px 0; }
}

@media screen and (max-width:969px) {
    .page_nav_box { position: relative; }
    .page_navbar { display: block; }
    .page_navbar_left { width: 41px; height: 41px; background-color: #004ea2; position: relative; float: left; }
    .page_navbar_left i { width: 18px; height: 18px; display: block; background: url(../images/home.png) no-repeat; background-size: 100%; position: absolute; top: 11px; left: 11px; }
    .page_navbar_right { margin-left: 41px; height: 40px; line-height: 40px; padding-left: 15px; background-color: #fff; border-bottom: 1px solid #d4d4d4; position: relative; }
    .page_navbar_right i { width: 8px; height: 8px; display: block; background: url(../images/page_nav_arrow.png) no-repeat; background-size: 16px 8px; position: absolute; top: 16px; right: 16px; }
    .page_navbar_right i.active { background-position: -8px 0; }

    .page_nav { width: 100%; display: none; padding: 10px 0; position: absolute; top: 41px; z-index: 99; }
    .page_nav li { width: 100%; padding: 0; text-align: left; padding-left: 15px; border-bottom: 1px solid #e8e8e8; }
    .page_nav li:last-child { border-bottom: 0; }
    .page_nav li a { line-height: 40px; padding: 0; font-size: 15px; }
    .page_nav li a i { display: none; }
    .page_nav li a:hover:after, .page_nav li.active a:after { display: none; }

    .page_banner .text { margin-top: -55px; }
    .page_banner .text h1 { font-size: 30px; }
    .page_banner .text p { margin: 10px 0 15px 0; }
    .page_banner .text img { width: 18px; }

    .pages { padding: 50px 0 80px 0; }
}

@media screen and (max-width:639px) {
    .page_banner .text { display: none; }
    .pages { padding: 20px 0 40px 0; }
}


/*内页(e)*/

/*关于科建(s)*/

.page_speech_bg { padding: 100px 0; }
.page_speech { max-width: 1440px; margin: 0 auto; position: relative; }
.page_speech .fl { width: 65%; float: left; }
.page_speech .fl dl { padding-bottom: 38px; }
.page_speech .fl dl dt { font-size: 14px; font-weight: lighter; text-transform: uppercase; }
.page_speech .fl dl dd { font-size: 36px; padding-top: 5px; }
.page_speech .fl dl dd:after { content: "："; }
.page_speech .text { line-height: 34px; color: #666; text-align: justify; }
.page_speech .fr { width: 354px; float: right; }
.page_speech .fr dl { padding: 30px 22px; box-sizing: border-box; margin-top: 19px; background-color: #004ea2; color: #fff; }
.page_speech .fr dl dt { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #fff; opacity: 0.5; }
.page_speech .fr dl dd { font-size: 15px; opacity: 0.5; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .page_speech_bg { padding: 80px 0; }
    .page_speech { margin: 0 40px; }
    .page_speech .fl { width: 65%; }
}

@media screen and (max-width:1319px) and (min-width:1200px) {
    .page_speech .fl dl { padding-bottom: 25px; }
    .page_speech .fl dl dt { font-size: 12px; }
    .page_speech .fl dl dd { font-size: 34px; padding-top: 0; }
    .page_speech .fr { width: 320px; }
    .page_speech .text { font-size: 15px; line-height: 30px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .page_speech_bg { padding: 70px 0; }
    .page_speech { margin: 0 20px; padding-top: 100px; }
    .page_speech .fl dl { width: 100%; text-align: center; position: absolute; top: 0; }
    .page_speech .fl dl dt { font-size: 12px; }
    .page_speech .fl dl dd { font-size: 37px; padding-top: 0; }
    .page_speech .fl dl dd:after { display: none; }
    .page_speech .text { font-size: 15px; line-height: 30px; }
    .page_speech .fr { width: 300px; margin-top: 10px; }
    .page_speech .fr dl { padding: 20px 22px; margin-top: 12px; }
    .page_speech .fr dl dt { padding-bottom: 10px; margin-bottom: 10px; }
}

@media screen and (max-width:969px) {
    .page_speech_bg { padding: 65px 0; }
    .page_speech { margin: 0 20px; padding-top: 90px; }
    .page_speech .fl { width: 100%; padding-top: 30px; }
    .page_speech .fl dl { width: 100%; text-align: center; position: absolute; top: 0; }
    .page_speech .fl dl dt { font-size: 12px; }
    .page_speech .fl dl dd { font-size: 32px; padding-top: 0; }
    .page_speech .fl dl dd:after { display: none; }
    .page_speech .fr { width: 100%; text-align: center; }
    .page_speech .fr dl { max-width: 354px; margin: 15px auto 0 auto; text-align: left; }
    .page_speech .text { line-height: 32px; }
}

@media screen and (max-width:639px) {
    .page_speech_bg { padding: 35px 0; }
    .page_speech { margin: 0 14px; padding-top: 80px; }
    .page_speech .fl dl dd { font-size: 28px; }
    .page_speech .fr dl { padding: 20px 22px; margin-top: 12px; }
    .page_speech .text { font-size: 15px; line-height: 27px; }
}

.page_about { background-color: #004ea2; }
.page_about .fl { width: 50%; height: 100%; color: #fff; }
.page_about dl { width: 720px; height: 720px; overflow: hidden; float: right; padding: 65px 100px 0 0; box-sizing: border-box; opacity: 0.8; }
.page_about dl dt { display: none; }
.page_about dl dd { font-size: 15px; line-height: 28px; text-align: justify; }
.page_about dl dd p { padding-bottom: 12px; }
.page_about .fr { width: 50%; }
.page_about .fr img { height: 720px; }

@media screen and (max-width:1520px) {
    .page_about { padding: 60px 40px; }
    .page_about .fl { width: 100%; box-sizing: border-box; }
    .page_about dl { width: 100%; height: auto; padding: 88px 0 0 0; position: relative; }
    .page_about dl dt { width: 100%; font-size: 36px; position: absolute; top: 0; text-align: center; display: block; }
    .page_about dl dd { font-size: 16px; line-height: 32px; }
    .page_about dl dd p { padding-bottom: 15px; }
    .page_about .fr { width: 100%; text-align: center; }
    .page_about .fr img { height: auto; }
}

@media screen and (max-width:1199px) {
    .page_about { padding: 60px 20px; }
    .page_about dl { padding: 75px 0 0 0; }
    .page_about dl dt { font-size: 32px; }
}

@media screen and (max-width:639px) {
    .page_about { padding: 40px 14px; }
    .page_about dl { padding: 60px 0 0 0; }
    .page_about dl dt { font-size: 28px; }
    .page_about dl dd { font-size: 15px; line-height: 26px; }
    .page_about dl dd p { padding-bottom: 10px; }
}

.page_count { background-color: #fff; padding: 80px 0 85px 0; }
.page_count ul { max-width: 1440px; margin: 0 auto; background-color: #fff; }
.page_count ul li { width: 25%; color: #4b67d7; float: left; text-align: center; }
.page_count ul li:nth-child(1) { width: 32%; }
.page_count ul li:nth-child(4) { width: 18%; }
.page_count ul li .counter { line-height: 1; font-size: 112px; text-shadow: 10.88px 8.81px 10px rgba(37, 60, 154, 0.17); }
.page_count ul li .txt { font-size: 22px; }
.page_count ul li p { font-size: 18px; }
.page_count ul li img { position: absolute; bottom: -3%; right: -10%; }
.page_count_main { display: inline-block; position: relative; }

.page_about_title { text-align: center; padding: 75px 0 65px 0; }
.page_about_title h3 { font-weight: normal; font-size: 40px; color: #004ea2; margin-bottom: 10px; }
.page_about_title .line { width: 338px; height: 1px; background-color: #dadada; margin: 0 auto; }
.page_about_title span { font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 12px; background-color: #f4f4f4; text-transform: uppercase; position: relative; top: -12px; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .page_count { padding: 70px 0 75px 0; }
    .page_count ul { margin: 0 40px; }
    .page_count ul li .counter { font-size: 96px; }
    .page_count ul li img { height: 80%; }
    .page_about_title { padding: 60px 0 50px 0; }
    .page_about_title h3 { font-size: 38px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .page_count { padding: 60px 0 65px 0; }
    .page_count ul { margin: 0 20px; }
    .page_count ul li .counter { font-size: 76px; }
    .page_count ul li img { height: 75%; }
    .page_about_title { padding: 54px 0 40px 0; }
    .page_about_title h3 { font-size: 36px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .page_count { padding: 40px 0; }
    .page_count ul { margin: 0 20px; }
    .page_count ul li .counter { font-size: 54px; }
    .page_count ul li p { font-size: 15px; }
    .page_count ul li img { height: 75%; }
    .page_about_title { padding: 45px 0 30px 0; }
    .page_about_title h3 { font-size: 32px; }
}

@media screen and (max-width:639px) {
    .page_count { padding: 40px 0 20px 0; }
    .page_count ul { margin: 0 20px; }
    .page_count ul li { width: 50%; margin-bottom: 20px; }
    .page_count ul li:nth-child(1) { width: 50%; }
    .page_count ul li:nth-child(4) { width: 50%; }
    .page_count ul li .counter { font-size: 40px; }
    .page_count ul li p { font-size: 15px; }
    .page_count ul li img { height: 75%; }
    .page_about_title { padding: 35px 0 20px 0; }
    .page_about_title h3 { font-size: 28px; }
    .page_about_title .line { width: 100%; max-width: 338px; }
}

.page_honor_bg {background: url(../images/page_honor_bg.jpg) no-repeat center bottom;border-top: 1px solid #e6e6e6;padding-bottom: 50px;}
.page_honor { position: relative; max-width: 1440px; margin: 0 auto; }
.page_honor_list { padding-right: 7px; box-sizing: border-box; text-align: center; float: left; }
.page_honor_list > a { position: relative; display: block; overflow: hidden; }
.page_honor_list img { border: 1px solid #e6e6e6; box-shadow: 7px 7px 0 #b7bdd3; transition: all 0.6s; max-height: 209px; }
.page_honor_list a:hover img { transform: scale(1.1); }
.page_honor_list p {padding-top: 20px;font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page_honor .swiper-button-next, .page_honor .swiper-button-prev { width: 28px; height: 50px; margin-top: -70px; }
.page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(../images/page_honor_arrowl.png) no-repeat; background-size: 100%; left: -68px; }
.page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(../images/page_honor_arrowr.png) no-repeat; background-size: 100%; right: -68px; }
.page_honor_bg .more { width: 136px; height: 38px; line-height: 38px; border-radius: 38px; display: block; border: 1px solid #848484; text-align: center; color: #666; margin: 70px auto 0 auto; transition: 0.5s ease-in-out; }
.page_honor_bg .more:hover { background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none; }

@media screen and (max-width:1580px) and (min-width:1200px) {
    .page_honor { margin: 0 40px; }
    .page_honor .swiper-button-next, .page_honor .swiper-button-prev { width: 20px; height: 36px; margin-top: -54px; }
    .page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -40px; }
    .page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -40px; }
}

@media screen and (max-width:1199px) {
    .page_honor_bg { padding-bottom: 60px; }
    .page_honor { margin: 0 40px; }
    .page_honor_list p { padding-top: 30px; }
    .page_honor .swiper-button-next, .page_honor .swiper-button-prev { width: 20px; height: 36px; margin-top: -46px; }
    .page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -40px; }
    .page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -40px; }
    .page_honor_bg .more { margin: 45px auto 0 auto; }
}

@media screen and (max-width:639px) {
    .page_honor_bg { padding-bottom: 40px; }
    .page_honor { margin: 0 30px; }
    .page_honor_list { padding-right: 0; }
    .page_honor_list p { padding-top: 10px; }
    .page_honor_list img { border: 1px solid #e6e6e6; box-shadow: none; }
    .page_honor .swiper-button-next, .page_honor .swiper-button-prev { margin-top: -35px; }
    .page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -30px; }
    .page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -30px; }
    .page_honor_bg .more { width: 120px; height: 34px; line-height: 34px; font-size: 15px; margin: 30px auto 0 auto; }
}

.organ_bg { background: url(../images/page_organ_bg.jpg) no-repeat center 0; padding: 88px 0 162px 0; text-align: center; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .organ_bg { padding: 70px 40px 140px 40px; }
}

@media screen and (max-width:1199px) {
    .organ_bg { padding: 70px 40px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .organ_bg { padding: 70px 20px; }
}

@media screen and (max-width:639px) {
    .organ_bg { padding: 40px 14px; }
}

.page_social { max-width: 1440px; margin: 0 auto; }
.page_social_main { position: relative; padding-bottom: 105px; }
.page_social_list img { width: 610px; float: left; }
.page_social_list .text { margin-left: 745px; text-align: right; }
.page_social_list .time { font-size: 14px; color: #666; padding-bottom: 8px; }
.page_social_list h3 { font-size: 30px; line-height: 34px; }
.page_social_list h3 a { text-decoration: none; }
.page_social_list p { padding: 45px 0 60px 0; margin-top: 35px; border-top: 1px solid #d5d5d5; color: #666; line-height: 32px; }
.page_social_list .more, .list_project .more { float: right; padding-right: 40px; color: #666; background: url(../images/more_arrow.png) no-repeat 74px center; transition: 0.5s ease-in-out; }
.page_social_list .more:hover, .list_project .more:hover { background-position: right center; text-decoration: none; }
.page_social_main .swiper-pagination-bullet { width: 10px; height: 10px; }
.page_social_main .swiper-pagination { position: relative; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.page_social_main .swiper-pagination-bullet-active { background-color: #004ea2; }

@media screen and (max-width:1520px) and (min-width:1360px) {
    .page_social { margin: 0 40px; }
    .page_social_main { padding-bottom: 80px; }
    .page_social_list img { width: 550px; }
    .page_social_list .text { margin-left: 620px; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 50px; }
}

@media screen and (max-width:1359px) {
    .page_social { margin: 0 40px; }
    .page_social_main { padding-bottom: 80px; }
    .page_social_list img { width: 520px; }
    .page_social_list h3 { font-size: 24px; line-height: 30px; }
    .page_social_list p { padding: 30px 0; margin-top: 30px; font-size: 15px; line-height: 28px; }
    .page_social_list .text { margin-left: 590px; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 50px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .page_social_main { padding-bottom: 60px; }
    .page_social_list img { width: 46%; }
    .page_social_list p { padding: 30px 0 0 0; margin: 30px 0; height: 112px; overflow: hidden; }
    .page_social_list .text { margin-left: 50%; }
}

@media screen and (max-width:969px) {
    .page_social { margin: 0 20px; text-align: center; }
    .page_social_main { padding-bottom: 50px; }
    .page_social_list img { float: none; }
    .page_social_list .text { margin-left: 0; text-align: center; padding-top: 30px; }
    .page_social_list .more { float: none; margin: 0 auto; text-decoration: underline; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 30px; }
}

@media screen and (max-width:639px) {
    .page_social { margin: 0 14px; }
    .page_social_main { padding-bottom: 30px; }
    .page_social_list h3 { font-size: 20px; line-height: 28px; }
    .page_social_list p { padding: 20px 0 0 0; margin: 20px 0; }
    .page_social_main .swiper-pagination-bullet { width: 8px; height: 8px; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 20px; }
}

.page_event_bg { background-color: #fff; padding-bottom: 100px; }
.page_event_bg .page_about_title span { background-color: #fff; }
.page_event { position: relative; max-width: 1200px; margin: 0 auto; }
.page_event .vertical { width: 2px; height: 100%; background-color: #dcdcdc; position: absolute; top: 0; left: 0; margin-left: -1px; }
.page_event ul { padding: 30px 0; }
.page_event ul li { position: relative; margin: 20px 0; }
.page_event ul li .horiz { width: 100%; height: 2px; background-color: #dcdcdc; position: absolute; right: 0; top: 50%; margin-top: -1px; }
.page_event ul li .circle { width: 12px; height: 12px; background-color: #004ea2; border: 3px solid #dcdcdc; border-radius: 100%; position: absolute; left: -9px; top: 50%; margin-top: -9px; }
.page_event ul li .box { padding: 24px 50px; box-sizing: border-box; background-color: #f0f0f0; position: relative; z-index: 2; margin-left: 80px; transition: 0.5s ease-in-out; }
.page_event ul li:hover .box { background-color: #004ea2; color: #fff; }
.page_event ul li:hover .box_text h3 { color: #fff; }
.page_event ul li .box a { width: 36%; position: relative; display: block; overflow: hidden; float: left; }
.page_event ul li .box_text h3 { font-size: 28px; color: #004ea2; padding: 5px 0 12px 0; transition: 0.5s ease-in-out; }
.page_event ul li .box_text p { font-size: 15px; line-height: 26px; }

@media screen and (max-width:1199px) {
    .page_event_bg { padding-bottom: 70px; }
    .page_event { margin: 0 40px; }
    .page_event ul li .box { padding: 24px 30px; margin-left: 60px; }
    .page_event ul li .box_text h3 { padding: 0 0 10px 0; }
    .page_event ul li .box_text p { padding-bottom: 5px; line-height: 24px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .page_event_bg { padding-bottom: 60px; }
    .page_event { margin: 0 20px; }
    .page_event ul li .box { padding: 24px 30px; margin-left: 50px; }
    .page_event ul { padding: 20px 0; }
    .page_event ul li { margin: 15px 0; }
    .page_event ul li .box_text h3 { font-size: 22px; }
}

@media screen and (max-width:639px) {
    .page_event_bg { padding-bottom: 40px; }
    .page_event { margin: 0 12px 0 21px; }
    .page_event ul li .box { padding: 24px 20px; margin-left: 30px; }
    .page_event ul { padding: 20px 0; }
    .page_event ul li { margin: 15px 0; }
    .page_event ul li .box_text h3 { font-size: 22px; padding: 5px 0; }
    .page_event ul li .box_text p { line-height: 24px; }
}

/*关于科建(e)*/

/*创新创优(s)*/

.list_honor { max-width: 1440px; margin: 92px auto 0 auto; }
.list_honor li { width: 330px; box-sizing: border-box; float: left; margin: 0 40px 40px 0; }
.list_honor_main { padding: 0 20px; background-color: #fff; border: 2px solid #b2c7dd; }
.list_honor li:nth-child(4n) { margin-right: 0; }
.list_honor li .img { width: 100%; height: 340px; padding: 58px 0 38px 0; text-align: center; position: relative; }
.list_honor li .img img { top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; box-shadow: 10px 30px 40px rgba(0,0,0,.1); transition: 0.3s ease-in-out; }
.list_honor li .img img:hover { top: -15px; }
.list_honor li p { padding-bottom: 40px; font-size: 17px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list_honor li p a { color: #002c5a; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .list_honor { padding: 0 25px; margin: 60px auto 0 auto; }
    .list_honor li { width: 25%; padding: 15px; margin: 0; }
    .list_honor li .img { height: 300px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .list_honor { padding: 0 20px; margin: 60px auto 0 auto; }
    .list_honor li { width: 33.3%; padding: 20px; margin: 0; }
    .list_honor_main { padding: 0 24px; }
    .list_honor li .img { height: 300px; }
    .list_honor li p { padding-bottom: 30px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .list_honor { padding: 10px; margin: 40px auto 0 auto; }
    .list_honor li { width: 50%; padding: 10px; margin: 0; }
    .list_honor_main { padding: 0 28px; }
    .list_honor li .img { height: 350px; padding: 30px 0 30px 0; }
    .list_honor li p { padding-bottom: 30px; }
}

@media screen and (max-width:639px) {
    .list_honor { padding: 7px; margin: 30px auto 0 auto; }
    .list_honor li { width: 50%; padding: 7px; margin: 0; }
    .list_honor_main { padding: 0 5px; }
    .list_honor li .img { height: 240px; padding: 14px 0 10px 0; }
    .list_honor li p { padding-bottom: 15px; font-size: 15px; }
}

/*创新创优(e)*/

/*新闻详情页(s))*/

.show { max-width: 1440px; margin: 50px auto; background-color: #fff; }
.show_box { width: 990px; margin: 0 auto; padding: 70px 0 100px 0; }
.show_box .title { font-size: 24px; text-align: center; padding-bottom: 15px; }
.show_box .subtitle { font-size: 15px; padding: 10px 0; color: #666; }
.show_box .time { color: #999; text-align: center; font-size: 15px; }
.show_box .time span { padding: 0 5px; }
.show_box_main { padding: 50px 0 70px 0; margin-bottom: 60px; line-height: 30px; border-bottom: 1px solid #e6e6e6; text-align: justify; }
.show_box_main img { width: 100%; max-width: 100%; height: auto; }
.show_pages a { line-height: 42px; display: block; border: 1px solid #d5d5d5; text-align: center; font-size: 15px; text-decoration: none; transition: 0.5s ease-in-out; }
.show_pages a:nth-child(1) { width: 166px; float: left; }
.show_pages a:nth-child(2), .show_pages a:nth-child(3) { width: 104px; margin-left: 5px; float: right; }
.show_pages a:nth-child(3) { line-height: 42px; background: url(../images/show_return.png) no-repeat 9px center; padding-left: 20px; box-sizing: border-box; }
.show_pages a:nth-child(3):hover { background: url(../images/show_return_hover.png) no-repeat 9px center #004ea2; }
.show_pages a:hover { background-color: #004ea2; border-color: #004ea2; color: #fff; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .show { margin: 50px 40px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .show { margin: 2px 0 0 0; }
    .show_box { width: 100%; padding: 50px 40px 70px 40px; box-sizing: border-box; }
    .show_box .title { padding-bottom: 10px; }
    .show_box_main { padding: 40px 0 50px 0; margin-bottom: 50px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .show { margin: 2px 0 0 0; }
    .show_box { width: 100%; padding: 50px 20px; box-sizing: border-box; }
    .show_box .title { padding-bottom: 10px; }
    .show_box_main { padding: 40px 0; margin-bottom: 40px; }
}

@media screen and (max-width:639px) {
    .show { margin: 2px 0 0 0; }
    .show_box { width: 100%; padding: 30px 14px 50px 14px; box-sizing: border-box; }
    .show_box .title { font-size: 20px; padding-bottom: 8px; }
    .show_box .time { font-size: 15px; }
    .show_box_main { padding: 30px 0; margin-bottom: 0; border: 0; font-size: 15px; line-height: 27px; }
    .show_pages a:nth-child(1) { width: 45%; }
    .show_pages a:nth-child(2) { width: 45%; margin-left: 0; }
    .show_pages a:nth-child(3) { display: none; }
}
/*新闻详情页(e))*/

/*精品工程(s)*/

.list_project { max-width: 1440px; margin: 0 auto; padding-bottom: 70px; }
.list_project li { border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 7px 7px 0 #b7bdd3; margin-top: 70px; position: relative; overflow: hidden; }
.list_project li > a { width: 50%; overflow: hidden; display: block; float: left; }
.list_project li img { transition: all 0.6s; }
.list_project li:hover img { transform: scale(1.1); }
.list_project li .text { width: 50%; padding: 0 51px 0 62px; box-sizing: border-box; float: right; }
.list_project li h3 { font-size: 24px; padding: 48px 0 20px 0; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6; }
.list_project li dl dd { padding: 0 0 6px 28px; line-height: 30px; position: relative; }
.list_project li dl dd i { width: 20px; height: 20px; background: url(../images/list_project_biao.png) no-repeat; position: absolute; top: 6px; left: 0; }
.list_project li dl dd:nth-child(2) i { background-position: 0 -20px; }
.list_project li dl dd:nth-child(3) i { background-position: 0 -40px; }
.list_project .more { position: absolute; bottom: 55px; right: 51px; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .list_project { padding: 0 40px 60px 40px; }
    .list_project li .text { padding: 0 40px 0 50px; }
    .list_project li h3 { padding: 40px 0 15px 0; }
    .list_project .more { bottom: 40px; right: 40px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .list_project { padding: 0 20px 40px 20px; }
    .list_project li { margin-top: 50px; box-shadow: 6px 6px 0 #b7bdd3; }
    .list_project li .text { padding: 0 30px 0 40px; }
    .list_project li h3 { padding: 35px 0 15px 0; margin-bottom: 30px; }
    .list_project li dl dd { line-height: 23px; font-size: 15px; }
    .list_project li dl dd i { top: 3px; }
    .list_project .more { bottom: 27px; right: 40px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .list_project { padding: 0 20px 40px 20px; }
    .list_project li { margin-top: 40px; box-shadow: 5px 5px 0 #b7bdd3; }
    .list_project li .text { padding: 0 20px 0 25px; }
    .list_project li h3 { padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px; }
    .list_project li dl dd { line-height: 20px; font-size: 14px; padding-left: 0; padding-bottom: 3px; }
    .list_project li dl dd i { display: none; }
    .list_project .more { display: none; }
}

@media screen and (max-width:639px) {
    .list_project { padding: 0 14px 40px 14px; }
    .list_project li { box-shadow: none; margin-top: 30px; }
    .list_project li > a { width: 100%; }
    .list_project li .text { width: 100%; padding: 0 20px; padding-bottom: 14px; }
    .list_project li h3 { padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px; }
    .list_project li dl dd { font-size: 15px; line-height: 26px; }
    .list_project .more { display: none; }
}

/*精品工程(e)*/

/*精品工程详情页(s)*/

.show_box_main .show_box_text { padding-bottom: 30px; }
.show_box_main .show_project .time { background-color: #f4f4f4; color: #888; line-height: 36px; }
.show_box_main .swiper-container { width: 100%; }
.show_box_main .swiper-slide { background-size: cover; background-position: center; }
.show_box_main .gallery-top img { transition: all 0.6s; }
.show_box_main .gallery-top img:hover { transform: scale(1.1); }
.show_box_main .gallery-top { width: 100%; }
.show_box_main .gallery-thumbs { box-sizing: border-box; padding: 10px 0; }
.show_box_main .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }
.show_box_main .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

@media screen and (max-width:639px) {
    .swiper-button-next, .swiper-button-prev { width: 22px; height: 36px; margin-top: -18px; background-size: 100%; }
}

/*精品工程详情页(e)*/

/*企业文化(s)*/

.culture_box1 { padding: 80px 0 96px 0; text-align: center; background-color: #fff; position: relative; }
.culture_box1 .position { width: 100%; position: absolute; top: 94px; left: 0; text-align: left; z-index: 2; }
.culture_box1 .text { max-width: 1440px; margin: 0 auto; }
.culture_box1 .quote { width: 445px; height: 50px; font-size: 72px; font-family: Arial; color: #004ea2; }
.culture_box1 dl { padding-left: 52px; box-sizing: border-box; }
.culture_box1 dl dt { font-size: 30px; font-weight: bold; color: #004ea2; padding-bottom: 10px; }
.culture_box1 dl dd { font-size: 17px; line-height: 28px; }

.culture_box2 { padding: 0; }
.culture_box2, .culture_box2 .quote, .culture_box2 dl dt { color: #fff; }
.culture_box2 .quote { margin: 0 auto; }
.culture_box2 dl { width: 445px; padding-left: 32px; margin: 0 auto; }
.culture_box2 .position { top: 60px; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .culture_box1 .text { margin: 0 40px; }
    .culture_box2 .position { top: 32px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .culture_box1 { padding: 60px 0 70px 0; }
    .culture_box1 .position { top: 60px; }
    .culture_box1 .text { margin: 0 20px; }
    .culture_box1 .quote { width: 418px; height: 40px; }
    .culture_box1 dl { padding-left: 32px; }
    .culture_box1 dl dd { font-size: 16px; line-height: 24px; }

    .culture_box2 { padding: 0; }
    .culture_box2 .position { top: 25px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .culture_box1 { padding: 60px 0 70px 0; }
    .culture_box1 .position { top: 52px; }
    .culture_box1 .text { margin: 0 20px; }
    .culture_box1 .quote { width: 353px; height: 34px; }
    .culture_box1 dl { padding-left: 26px; }
    .culture_box1 dl dt { font-size: 24px; padding-bottom: 5px; }
    .culture_box1 dl dd { font-size: 15px; line-height: 20px; }
    .culture_box1 .quote.tr { position: relative; top: -12px; }

    .culture_box2 { padding: 0; }
    .culture_box2 .position { top: 10px; }
    .culture_box2 dl { width: 380px; padding-left: 16px; }
    .culture_box2 .quote { width: 400px; }
}

@media screen and (max-width:639px) {
    .culture_box1 { padding: 30px 0; }
    .culture_box1 .position { position: relative; top: auto; left: auto; }
    .culture_box1 dl { padding: 0 14px 20px 14px; }
    .culture_box1 dl dt { font-size: 22px; padding-bottom: 5px; }
    .culture_box1 dl dd { font-size: 15px; line-height: 20px; }
    .culture_box1 .quote { display: none; }

    .culture_box2 .quote { width: 400px; color: #004ea2; }
    .culture_box2 dl dt { color: #004ea2; }
    .culture_box2 dl dd { color: #333; }
    .culture_box2 dl { width: auto; margin: 0; }
}

.culture_box3 { background: url(../images/culture_img3.jpg) no-repeat center center; }
.culture_box3 .text { max-width: 1440px; margin: 0 auto; }
.culture_box3 .box { width: 684px; padding: 88px 70px 80px 70px; background-color: rgba(255,255,255,0.9); box-sizing: border-box; margin-left: 52px; }
.culture_box3 .box h3 { font-size: 30px; color: #004ea2; /* margin-bottom: 20px; */ }
.culture_box3 .box p { line-height: 38px; position: relative; /* padding-left: 25px; */ margin: 10px 0 30px 0; }
/* .culture_box3 .box p::before{ content: ''; width: 8px; height: 8px; border-radius: 8px; display: block; background-color: #5b8bbd; position: absolute; top: 15px; left: 0;} */
@media screen and (max-width:1520px) and (min-width:1200px) {
    .culture_box3 .text { margin: 0 40px; }
    .culture_box3 .box { margin-left: 12px; }
}

@media screen and (max-width:1199px) and (min-width:640px) {
    .culture_box3 .text { margin: 0 20px; }
    .culture_box3 .box { width: 630px; margin-left: 12px; padding: 60px 50px; }
    .culture_box3 .box h3 { font-size: 26px; /* margin-bottom: 20px; */ }
    .culture_box3 .box p { line-height: 34px; }
    /* .culture_box3 .box p::before{ top: 14px;} */

}

@media screen and (max-width:969px) and (min-width:640px) {
    .culture_box3 .box { width: 580px; padding: 40px 30px; }
}

@media screen and (max-width:969px) {
    .culture_box3 .text { margin: 0 14px; }
    .culture_box3 .box { width: 100%; padding: 40px 30px; margin-left: 0; }
    .culture_box3 .box h3 { font-size: 22px; /* margin-bottom: 20px; */ }
    .culture_box3 .box p { font-size: 15px; line-height: 30px; padding-left: 20px; }
    /* .culture_box3 .box p::before{ width: 6px; height: 6px; top: 13px;} */
}

.culture_team { max-width: 1440px; margin: 66px auto 0 auto; }
.culture_team li { width: 460px; margin-right: 30px; box-sizing: border-box; float: left; }
.culture_team li:nth-child(3n) { margin-right: 0; }
.culture_team_img { width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; border: 3px solid #e8e8e8; }
.culture_team_img img { transition: all 0.6s; }
.culture_team_img:hover img { transform: scale(1.1); }
.culture_team_img a { width: 100%; height: 100%; display: block; position: relative; }
.culture_team_img a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 20px solid rgba(250,250,250,0.15); box-sizing: border-box; z-index: 2; }
.culture_team_img a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; display: block; z-index: 3; }
.culture_team_img a i:before { content: ""; width: 100%; height: 100%; display: block; border: 1px solid rgba(250,250,250,0.6); box-sizing: border-box; }
.culture_team li p {padding: 20px 0 40px 0;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media screen and (max-width:1520px) and (min-width:1200px) {
    .culture_team { margin: 60px 25px 0 25px; }
    .culture_team li { width: 33.3%; padding: 0 15px; margin: 0; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .culture_team { margin: 60px 5px 0 5px; }
    .culture_team li { width: 33.3%; padding: 0 15px; margin: 0; }
    .culture_team li p { padding: 30px 0; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .culture_team { margin: 40px 14px 0 14px; }
    .culture_team li { width: 33.3%; padding: 0 6px; margin: 0; }
    .culture_team li p { padding: 20px 0; }
    .culture_team_img a::before { border-width: 10px; }
    .culture_team_img a i { padding: 10px; }
}

@media screen and (max-width:639px) {
    .culture_team { margin: 30px 7px 0 7px; }
    .culture_team li { width: 50%; padding: 0 7px; margin: 0; }
    .culture_team li p { padding: 15px 0 25px 0; font-size: 15px; }
    .culture_team_img, .culture_team_img a::before, .culture_team_img a i, .culture_team_img a i:before { border: none; }
}

/*企业文化(e)*/

/*人力资源(s)*/

.human_navbar { padding: 51px 0; text-align: center; }
.human_navbar a { width: 154px; height: 38px; line-height: 38px; border-radius: 40px; text-align: center; display: inline-block; border: 1px solid #cecece; background-color: #fff; transition: 0.5s ease-in-out; }
.human_navbar a:hover, .human_navbar a.active { background-color: #004ea2; color: #fff; border-color: #004ea2; text-decoration: none; }
.human_navbar a:nth-child(1) { margin-right: 10px; }
.human_navbar a:nth-child(2) { margin-left: 10px; }

.human_train { max-width: 1440px; margin: 0 auto; min-height: 400px; }
.human_train a:hover { text-decoration: none; }
.human_train li { padding: 45px; background-color: #fff; margin-bottom: 20px; position: relative; }
.human_train_img { overflow: hidden; float: left; }
.human_train li img { transition: all 0.6s; }
.human_train li:hover img { transform: scale(1.1); }
.human_train li .text { margin-left: 445px; padding-top: 30px; transition: 0.5s ease-in-out; }
.human_train li .text_main { width: 80%; }
.human_train li .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s ease-in-out; }
.human_train li:hover .title { color: #004ea2; }
.human_train li .title span { position: relative; }
.human_train li .title span:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #004ea2; position: absolute; bottom: 0; transition: 0.3s ease-in-out; }
.human_train li:hover .title span:before { width: 100%; margin-right: 5px; }
.human_train li .time { padding: 8px 0 5px 0; }
.human_train li p { font-size: 14px; line-height: 25px; color: #666; }

.human_train li .button { width: 54px; height: 54px; border: 1px solid #6b96c3; display: block; position: absolute; top: 50%; margin-top: -27px; right: 51px; transition: 0.5s ease-in-out; }
.human_train li .button::before { content: ""; width: 9px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -4px; background: url(../images/train_arrow_blue.png) no-repeat; transition: 0.5s ease-in-out; }

.human_train li:hover .button { border-color: #004ea2; background-color: #004ea2; }
.human_train li:hover .button::before { background: url(../images/train_arrow_white.png) no-repeat; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .human_train { margin: 0 40px; }
    .human_train li { padding: 35px; }
    .human_train li .text { margin-left: 420px; }
    .human_train li .text_main { width: 83%; }
    .human_train li .button { width: 50px; height: 50px; right: 35px; margin-top: -25px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {

    .human_navbar { padding: 40px 0; }

    .human_train { margin: 0 20px; }
    .human_train li { padding: 35px; }
    .human_train_img { width: 280px; }
    .human_train li .text { margin-left: 326px; padding-top: 10px; }
    .human_train li .text_main { width: 83%; }
    .human_train li p { line-height: 22px; }
    .human_train li .button { width: 46px; height: 46px; right: 35px; margin-top: -23px; }
}

@media screen and (max-width:969px) and (min-width:640px) {

    .human_navbar { padding: 30px 0; }

    .human_train { margin: 0 20px; }
    .human_train li { padding: 20px; }
    .human_train_img { width: 240px; }
    .human_train li .text { margin-left: 270px; padding-top: 0; }
    .human_train li .text_main { width: 100%; }
    .human_train li p { line-height: 22px; }
    .human_train li .button { display: none; }
}

@media screen and (max-width:639px) {

    .human_navbar { padding: 30px 0; }
    .human_navbar a { width: 140px; height: 34px; line-height: 34px; font-size: 15px; }
    .human_navbar a:nth-child(1) { margin-right: 5px; }
    .human_navbar a:nth-child(2) { margin-left: 5px; }

    .human_train { margin: 0 14px; }
    .human_train li { padding: 14px; }
    .human_train_img { width: 120px; }
    .human_train li .text { margin-left: 140px; padding-top: 3px; }
    .human_train li .text_main { width: 100%; }
    .human_train li .title { font-size: 15px; }
    .human_train li .time { padding: 5px 0 0 0; }
    .human_train li p, .human_train li .button { display: none; }
}

.human_develop_title { max-width: 1440px; margin: 0 auto; padding: 55px 0; text-align: center; }
.human_develop_title h1 { font-size: 32px; color: #004ea2; }
.human_develop_title p { padding: 22px 0 30px 0; }
.human_develop_title::after { content: ""; width: 30px; height: 3px; background-color: #004ea2; display: block; margin: 0 auto; }

.human_develop { width: 100%; background-color: #fff; }
.human_develop ul { max-width: 1440px; box-sizing: border-box; margin: 0 auto; padding: 136px 27px 104px 27px; text-align: center; }
/*padding: 136px 82px 104px 82px;*/
.human_develop ul li { width: 33.3%; padding: 0 55px; box-sizing: border-box; float: left; }
.human_develop ul li .text { width: 100%; max-width: 352px; margin: 0 auto; background-color: #eee; position: relative; }
.human_develop ul li .text::before { content: ""; width: 126px; height: 126px; display: inline-block; border: 1px solid #eee; border-radius: 100%; position: absolute; top: -64px; left: 50%; margin-left: -64px; }
.human_develop ul li:nth-child(1) .text::before { background: url(../images/develop_icon1.png) no-repeat center center #fff; }
.human_develop ul li:nth-child(2) .text::before { background: url(../images/develop_icon2.png) no-repeat center center #fff; }
.human_develop ul li:nth-child(3) .text::before { background: url(../images/develop_icon3.png) no-repeat center center #fff; }
.human_develop ul li dl { padding: 80px 30px 0 30px; height: 172px; }
.human_develop ul li dl dt { font-size: 20px; font-weight: bold; color: #444; padding-bottom: 16px; }
.human_develop ul li dl dd { font-size: 14px; line-height: 22px; color: #666; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .human_develop_title { margin: 0 40px; }
    .human_develop ul { padding: 136px 10px 104px 10px; }
    .human_develop ul li { padding: 0 30px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .human_develop_title { margin: 0 20px; padding: 45px 0; }
    .human_develop_title h1 { font-size: 30px; }
    .human_develop_title p { padding: 18px 0 26px 0; }
    .human_develop ul { padding: 120px 10px 80px 10px; }
    .human_develop ul li { padding: 0 10px; }
    .human_develop ul li .text::before { width: 114px; height: 114px; top: -57px; margin-left: -57px; }
    .human_develop ul li dl { padding: 80px 20px 0 20px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .human_develop_title { margin: 0 20px; padding: 40px 0; }
    .human_develop_title h1 { font-size: 28px; }
    .human_develop_title p { padding: 14px 0 22px 0; }
    .human_develop ul { padding: 120px 10px 80px 10px; font-size: 0; }
    .human_develop ul li { width: 50%; padding: 0 10px 100px 10px; float: none; display: inline-block; }
    .human_develop ul li:nth-child(3) { padding-bottom: 0; }
    .human_develop ul li .text::before { width: 114px; height: 114px; top: -57px; margin-left: -57px; }
    .human_develop ul li dl { padding: 80px 20px 0 20px; }
}

@media screen and (max-width:639px) {
    .human_develop_title { margin: 0 14px; padding: 30px 0; }
    .human_develop_title h1 { font-size: 24px; }
    .human_develop_title p { padding: 12px 0 20px 0; font-size: 15px; }
    .human_develop ul { padding: 95px 14px 45px 14px; }
    .human_develop ul li { width: 100%; padding: 0 0 85px 0; }
    .human_develop ul li:nth-child(3) { padding-bottom: 0; }
    .human_develop ul li .text::before { width: 100px; height: 100px; top: -50px; margin-left: -50px; }
    .human_develop ul li dl { padding: 70px 20px 0 20px; }
    .human_develop ul li dl dt { padding-bottom: 10px; }
}

.human_plan { width: 100%; background-color: #eaf1f4; position: relative; }
.human_plan .img { width: 50%; height: 100%; background: url(../images/strategy_bg1.jpg) no-repeat left center; background-size: cover; position: absolute; top: 0; left: 0; }
.human_plan .box { max-width: 1440px; margin: 0 auto; }
.human_plan .text { width: 50%; padding: 80px 0 75px 85px; box-sizing: border-box; float: right; }
.human_plan .text span { display: inline-block; font-size: 24px; line-height: 44px; padding: 0 10px; background-color: #77aade; color: #fff; }
.human_plan .text p { font-size: 15px; line-height: 28px; color: #888; padding: 30px 0 50px 0; }

.human_talent { width: 100%; background-color: #fff; position: relative; }
.human_talent .img { width: 50%; height: 100%; background: url(../images/strategy_bg2.jpg) no-repeat center center; position: absolute; top: 0; right: 0; }
.human_talent .box { max-width: 1440px; margin: 0 auto; }
.human_talent ul { width: 50%; padding: 64px 0 60px 0; box-sizing: border-box; }
.human_talent ul li { width: 290px; text-align: center; float: left; }
.human_talent ul li .icon { border: 4px solid #dce9f8; border-radius: 100%; display: inline-block; }
.human_talent ul li .icon span { width: 81px; height: 81px; border-radius: 100%; display: block; background-color: #f4f4f4; border: 5px solid #66a2e0; }
.human_talent ul li .icon span::before { content: ""; width: 81px; height: 81px; display: block; }
.human_talent ul li:nth-child(1) .icon span::before { background: url(../images/strategy_icon1.png) no-repeat center; }
.human_talent ul li:nth-child(2) .icon span::before { background: url(../images/strategy_icon2.png) no-repeat center; }
.human_talent h3 { font-size: 18px; margin: 22px 0; }
.human_talent .line { width: 36px; height: 1px; background-color: #d3d3d3; margin: 0 auto; }
.human_talent p { font-size: 15px; color: #666; margin-top: 33px; }



@media screen and (max-width:1520px) and (min-width:1200px) {
    .human_plan .box { margin: 0 40px; }

    .human_talent ul li { width: 50%; max-width: 290px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .human_plan .box { margin: 0 20px; }
    .human_plan .text { width: 50%; padding: 60px 0 75px 60px; }

    .human_talent ul { padding: 50px 0; }
    .human_talent ul li { width: 50%; max-width: 290px; }
    .human_talent ul li .icon span { width: 76px; height: 76px; }
    .human_talent ul li .icon span::before { width: 76px; height: 76px; }
    .human_talent h3 { margin: 16px 0; }
    .human_talent p { margin-top: 24px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .human_plan .img { background: none; }
    .human_plan .text { width: 100%; padding: 60px 20px 80px 20px; }

    .human_talent { background: url(../images/strategy_bg2.jpg) no-repeat right center #fff; }
    .human_talent .img { display: none; }
    .human_talent ul { width: 100%; padding: 64px 20px 60px 20px; background-color: rgba(0,0,0,0.5); }
    .human_talent ul li { width: 50%; }
    .human_talent h3, .human_talent p { color: #fff; }
}

@media screen and (max-width:639px) {
    .human_plan .img { background: none; }
    .human_plan .text { width: 100%; padding: 40px 14px; }
    .human_plan .text span { line-height: 40px; font-size: 20px; }
    .human_plan .text p { line-height: 26px; padding: 25px 0 30px 0; }

    .human_talent { background: url(../images/strategy_bg2.jpg) no-repeat right center #fff; }
    .human_talent .img { display: none; }
    .human_talent ul { width: 100%; padding: 54px 4px 50px 4px; background-color: rgba(0,0,0,0.5); }
    .human_talent ul li { width: 50%; }
    .human_talent h3, .human_talent p { color: #fff; }
    .human_talent ul li .icon span { width: 66px; height: 66px; }
    .human_talent ul li .icon span::before { width: 66px; height: 66px; }
    .human_talent h3 { margin: 16px 0; }
    .human_talent p { margin-top: 24px; }
}

/*.join { padding: 45px 0 48px 0; text-align: center; }
.join h3 { font-size: 32px; color: #004ea2; margin-bottom: 10px; }
.join p { color: #c2cad8; text-transform: uppercase; }

.join_society_bg { padding: 80px 0 0 0; background-color: #fff; }
.join_society { max-width: 1440px; margin: 0 auto; }
.join_society_top { background-color: #1378c6; font-weight: bold; color: #fff; }
.join_society dl { margin-top: 14px; }
.join_society dl dt { background-color: #edeef0; cursor: pointer; }
.join_society dl dt.hover .fields { color: #004ea2; }
.join_society dl dt.hover .fields:nth-child(6) { background: url(../images/less.png) no-repeat center center; }
.join_society .fields { float: left; height: 66px; line-height: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.join_society .fields:nth-child(1) { width: 18%; padding-left: 3%; }
.join_society .fields:nth-child(2) { width: 10%; text-align: center; }
.join_society .fields:nth-child(3) { width: 21%; text-align: center; }
.join_society .fields:nth-child(4) { width: 19%; text-align: center; }
.join_society .fields:nth-child(5) { width: 19%; text-align: center; }
.join_society .fields:nth-child(6) { width: 6%; border-left: 1px solid #fff; text-align: center; box-sizing: border-box; background: url(../images/plus.png) no-repeat center center; float: right; }
.join_society .fields .apply { width: 114px; height: 28px; line-height: 28px; border-radius: 30px; display: inline-block; border: 1px solid #c0c0c0; text-align: center; transition: 0.5s ease-in-out; }
.join_society .fields .apply:hover { background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none; }

.join_society dl dd { display: none; background-color: #fafafa; padding-bottom: 40px; }
.join_society_main { padding: 0 60px; line-height: 30px; }
.join_society_list { display: none; }
.join_society_title { padding-top: 20px; font-weight: bold; }
.join_society_text { font-size: 14px; color: #666; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .join_society_bg { padding: 70px 0 0 0; }
    .join_society { margin: 0 40px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .join { padding: 40px 0 40px 0; }
    .join_society_bg { padding: 60px 0 0 0; }
    .join_society { padding: 0 20px; }
    .join_society_main { padding: 0 50px; }
    .join_society .fields { height: 60px; line-height: 60px; }
}

@media screen and (max-width:969px) {
    .join { padding: 32px 0 35px 0; }
    .join h3 { font-size: 30px; margin-bottom: 5px; }
    .join_society_bg { padding: 50px 0 0 0; }
    .join_society { padding: 0 20px; }
    .join_society .fields { height: 40px; line-height: 40px; }
    .join_society .fields:nth-child(2), .join_society .fields:nth-child(3), .join_society .fields:nth-child(4), .join_society .fields:nth-child(5) { display: none; }
    .join_society .fields:nth-child(1) { width: 92%; padding-left: 20px; box-sizing: border-box; }
    .join_society .fields:nth-child(6) { width: 8%; }

    .join_society dl dd { padding: 0; }
    .join_society_main { padding: 20px 20px; line-height: 26px; }
    .join_society_list { font-size: 14px; display: block; }
    .join_society_list span { color: #666; }
}

@media screen and (max-width:639px) {
    .join { padding: 23px 0 25px 0; }
    .join h3 { font-size: 26px; margin-bottom: 5px; }
    .join_society_bg { padding: 30px 0 0 0; }
    .join_society { padding: 0 12px; }
    .join_society .fields:nth-child(1) { width: 88%; }
    .join_society .fields:nth-child(6) { width: 12%; }
}

.join_school_bg { padding: 56px 0 30px 0; background-color: #fff; }
.join_school { max-width: 1440px; margin: 0 auto; }
.join_school dl { line-height: 28px; padding: 20px 0; border-bottom: 1px dashed #d7d7d7; }
.join_school dl:hover { background-color: #f7f7f7; }
.join_school dl:nth-child(1):hover { background-color: #fff; }
.join_school dl:nth-child(1) { font-size: 20px; font-weight: bold; }
.join_school dl dd { text-align: center; float: left; }
.join_school dl dd span { display: none; }
.join_school dl dd:nth-child(1) { width: 16%; text-align: left; }
.join_school dl dd:nth-child(2) { width: 14%; }
.join_school dl dd:nth-child(3) { width: 16%; }
.join_school dl dd:nth-child(4) { width: 30%; }
.join_school dl dd:nth-child(5) { width: 14%; }
.join_school dl dd:nth-child(6) { width: 10%; }
.join_school dl dd a { color: #0261c3; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .join_school { margin: 0 40px; }
    .join_school dl dd:nth-child(1) { width: 18%; }
    .join_school dl dd:nth-child(2) { width: 12%; }
    .join_school dl dd:nth-child(4) { width: 32%; }
    .join_school dl dd:nth-child(5) { width: 12%; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .join_school_bg { padding: 30px 0 30px 0; }
    .join_school { margin: 0 20px; }
    .join_school dl dd:nth-child(1) { width: 16%; }
    .join_school dl dd:nth-child(2) { width: 10%; }
    .join_school dl dd:nth-child(4) { width: 36%; }
    .join_school dl dd:nth-child(5) { width: 12%; }
}

@media screen and (max-width:969px) {
    .join_school_bg { padding: 20px 0 30px 0; }
    .join_school dl { padding: 20px; }
    .join_school dl:nth-child(1) { display: none; }
    .join_school dl dd { text-align: left; line-height: 26px; padding-bottom: 5px; }
    .join_school dl dd span { display: inline; }
    .join_school dl dd:nth-child(1) { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
    .join_school dl dd:nth-child(2) { width: 40%; }
    .join_school dl dd:nth-child(3) { width: 60%; }
    .join_school dl dd:nth-child(4) { width: 100%; }
    .join_school dl dd:nth-child(5) { width: 40%; }
}

@media screen and (max-width:639px) {
    .join_school_bg { padding: 10px 0 30px 0; }
    .join_school dl { padding: 20px 14px 14px 14px; }
    .join_school dl dd { font-size: 15px; line-height: 22px; padding-bottom: 5px; }
}

.join_contact { background: url(../images/join_school_bg1.jpg) no-repeat center; padding: 70px 0 98px 0; text-align: center; }
.join_contact .box { display: inline-block; text-align: left; }
.join_contact .logo { padding: 66px 46px 0 0; float: left; position: relative; }
.join_contact .text { float: left; color: #fff; }
.join_contact .text h3 { font-size: 23px; margin-bottom: 18px; }
.join_contact .text_con { line-height: 28px; padding-left: 20px; border-left: 2px solid rgba(255,255,255,0.2); margin-left: 2px; }

@media screen and (max-width:969px) {
    .join_contact { padding: 70px 20px; }
    .join_contact .logo { display: none; }
    .join_contact .text_con { padding-left: 0; border: none; }
}

@media screen and (max-width:639px) {
    .join_contact { padding: 50px 14px; }
    .join_contact .text_con { font-size: 15px; }
}

.join_welfare { background: url(../images/join_school_bg2.jpg) repeat; padding: 33px 0 110px 0; }
.join_welfare ul { max-width: 1440px; margin: 0 auto; }
.join_welfare ul li { width: 33.3%; text-align: center; padding-top: 40px; box-sizing: border-box; float: left; }
.join_welfare ul li span { width: 158px; height: 128px; display: inline-block; border: 1px solid #a9a9a9; background-color: #fff; position: relative; }
.join_welfare ul li span::before { content: ""; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }
.join_welfare ul li:nth-child(1) span::before { background: url(../images/join_school_icon1.png) no-repeat; background-size: 100%; }
.join_welfare ul li:nth-child(2) span::before { background: url(../images/join_school_icon2.png) no-repeat; background-size: 100%; }
.join_welfare ul li:nth-child(3) span::before { background: url(../images/join_school_icon3.png) no-repeat; background-size: 100%; }
.join_welfare ul li:nth-child(4) span::before { background: url(../images/join_school_icon4.png) no-repeat; background-size: 100%; }
.join_welfare ul li:nth-child(5) span::before { background: url(../images/join_school_icon5.png) no-repeat; background-size: 100%; }
.join_welfare ul li:nth-child(6) span::before { background: url(../images/join_school_icon6.png) no-repeat; background-size: 100%; }
.join_welfare ul li .text { max-width: 338px; margin: 0 auto; }
.join_welfare ul li h3 { font-size: 24px; margin-top: 30px; font-weight: normal; }
.join_welfare ul li .line { width: 25px; height: 2px; background-color: #666; margin: 12px auto 15px auto; }
.join_welfare ul li p { font-size: 15px; line-height: 28px; height: 56px; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .join_welfare { padding: 20px 0 100px 0; }
    .join_welfare ul { margin: 0 20px; }
    .join_welfare ul li .text { max-width: 300px; }
    .join_welfare ul li span { width: 150px; height: 120px; }
    .join_welfare ul li span::before { width: 54px; height: 54px; margin-left: -27px; margin-top: -27px; }
}

@media screen and (max-width:1199px) and (min-width:640px) {
    .join_welfare { padding: 20px 0 100px 0; }
    .join_welfare ul { margin: 0 20px; }
    .join_welfare ul li { padding: 40px 20px 0 20px; }
    .join_welfare ul li span { width: 140px; height: 110px; }
    .join_welfare ul li span::before { width: 54px; height: 54px; margin-left: -27px; margin-top: -27px; }
    .join_welfare ul li h3 { font-size: 22px; margin-top: 15px; }
    .join_welfare ul li .line { margin: 8px auto 10px auto; }
    .join_welfare ul li p { line-height: 24px; height: 48px; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .join_welfare ul li span { width: 130px; height: 100px; }
    .join_welfare ul li span::before { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
}

@media screen and (max-width:639px) {
    .join_welfare { padding: 10px 0 50px 0; }
    .join_welfare ul { margin: 0 14px; }
    .join_welfare ul li { width: 100%; padding: 30px 0 0 0; text-align: left; }
    .join_welfare ul li .text { max-width: 100%; }
    .join_welfare ul li span { width: 100px; height: 70px; float: left; }
    .join_welfare ul li span::before { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }
    .join_welfare ul li h3 { margin: 0 0 5px 120px; font-size: 18px; color: #004ea2; }
    .join_welfare ul li .line { display: none; }
    .join_welfare ul li p { margin-left: 120px; line-height: 20px; height: auto; color: #666; }
}

.join_picture { }
.join_picture .bg { width: 100%; height: 28px; background: url(../images/join_school_bg3.jpg) repeat; }
*/

.human_join_bg { width: 100%; background: url(../images/join_bg.jpg) no-repeat center bottom; background-size: cover; padding: 60px 0; }
.human_join { max-width: 1440px; padding: 62px 0 80px 0; box-sizing: border-box; background-color: #fff; margin: 0 auto; min-height: 500px; }
.human_join .hidden { display: none; }
.human_join .title { max-width: 1140px; text-align: center; font-size: 24px; margin: 0 auto 48px auto; position: relative; }
.human_join .title::after { content: ""; width: 32px; height: 1px; background-color: #dbdbdb; display: inline-block; position: relative; top: -6px; margin: 0 auto; }
.human_join .search { width: 120px; height: 34px; line-height: 34px; border-radius: 36px; text-align: left; padding-left: 56px; box-sizing: border-box; font-size: 15px; color: #fff; background-color: #004ea2; display: block; top: 0; right: 0; position: absolute; transition: 0.3s ease-in-out; }
.human_join .search::before { content: ""; width: 15px; height: 15px; background: url(../images/search.png) no-repeat; background-size: 100%; display: block; position: absolute; left: 33px; top: 10px; transition: 0.3s ease-in-out; }
.human_join .search:hover { background-color: #0055ac; text-decoration: none; }
.human_join .search:hover::before { left: 26px; }

.human_join .box {max-width: 1140px;margin: 0 auto;border: 1px solid #EEE;}

.human_join .row {border-bottom: 1px solid #EEE;line-height: 30px;}
.human_join .row:last-child { border-bottom: none; }
.human_join .col { width: 50%; padding: 15px 30px; float: left; box-sizing: border-box; }
.human_join .row .col:nth-child(1) {border-right: 1px solid #EEE;}
.human_join .text { float: left; }
.human_join .input input {width: 100%;line-height: 38px;border: 0;padding: 0 10px;box-sizing: border-box;}

.human_join .input1 { margin-left: 125px; }

.human_join .row2, .human_join .row3 { padding: 15px 30px; box-sizing: border-box; }
.human_join .input2 { margin-left: 240px; }

.human_join .row4 { padding: 20px; min-height: 300px; }

.human_join .input3 { margin-left: 297px; }
.human_join .input3 p { padding-bottom: 10px; }
.human_join .input3 input { width: auto; background-color: #fff; padding: 0; }

.human_join textarea.text_class { width: 100%; height: 560px; line-height: 30px; }

.human_join .submit { width: 130px; height: 42px; line-height: 42px; background-color: #004ea2; color: #fff; margin: 38px auto 0 auto; display: block; cursor: pointer; transition: 0.3s ease-in-out; }
.human_join .submit:hover { background-color: #135aa3; }

.human_join .human_join_result .input3 { margin-left: 170px; }
.human_join img { margin-bottom: 20px; }

.human_join .no_box { text-align: center; }

.tender_join .input1 { margin-left: 90px; }
.tender_join .input2 { margin-left: 170px; }
.tender_join textarea.text_class { height: 160px; }
.tender_join .input3 { margin-left: 233px; }

.human_join_search { text-align: center; line-height: 40px; padding-bottom: 30px; }
.human_join_search input { margin: 0 12px 0 5px; width: 300px; border: 1px solid #ddd; background: #fff; padding: 0 8px; line-height: 38px; }
.human_join_search button { background: #004ea2; line-height: 40px; height: 40px; display: inline-block; color: #fff; width: 100px; cursor: pointer; transition: 0.3s ease-in-out; }
.human_join_search button:hover { background-color: #135aa3; }


@media screen and (max-width:1520px) and (min-width:1200px) {
    .human_join { margin: 0 40px; padding: 62px 20px 80px 20px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .human_join_bg { padding: 50px 0; }
    .human_join { margin: 0 20px; padding: 50px 20px 68px 20px; }
    .human_join .title { margin-bottom: 30px; }
    .human_join .col, .human_join .row2, .human_join .row3 { padding: 15px 20px; }

    .join_picture .bg { height: 20px; background-size: 13px 20px; }
}

@media screen and (max-width:969px) {
    .human_join_bg { padding: 40px 0; }
    .human_join { margin: 0 20px; padding: 40px 20px 58px 20px; }
    .human_join .title { margin-bottom: 30px; }

    .human_join .col, .human_join .row2, .human_join .row3 { width: 100%; padding: 15px 20px; }
    .human_join .row .col:nth-child(1) { border-bottom: 1px solid #dbdbdb; border-right: none; }
    .human_join .border_bottom { border-bottom: none; }

    .human_join .text3 { width: 100%; float: none; }
    .human_join .input3, .human_join .human_join_result .input3 { margin-left: 0; }

    .join_picture .bg { height: 16px; background-size: 10px 16px; }
}

@media screen and (max-width:639px) {
    .human_join { margin: 0 14px; padding: 30px 14px 40px 14px; font-size: 15px; }
    .human_join .title { font-size: 22px; margin-bottom: 10px; }
    .human_join .title::after { top: -10px; }

    .human_join .col, .human_join .row2, .human_join .row3 { padding: 10px 12px; }
    .human_join .input1 { margin-left: 105px; }
    .human_join .text2 { width: 100%; float: none; }
    .human_join .input3 input { width: 100%; }
    .human_join .input2 { margin-left: 0; }

    .human_join .row4 { padding: 10px 12px; line-height: 24px; }
    .human_join textarea.text_class { line-height: 24px; }

    .tender_join .input1 { margin-left: 80px; }
    .tender_join .input2 { width: 100%; margin-left: 0; }

    .human_join .search { position: relative; top: 0; left: 0; margin: 0 auto 20px auto; }
    .human_join_search span { display: none; }
    .human_join_search input { width: 73%; margin: 0; box-sizing: border-box; float: left; }
    .human_join_search button { width: 25%; float: right; }
}

/*人力资源(e)*/

/*集采招标(s)*/

.tender { background-color: #fff; min-height: 500px; }
.tender ul { padding-top: 20px; max-width: 1440px; margin: 0 auto; }
.tender ul li { padding: 52px 0; border-bottom: 1px solid #eee; position: relative; }
.tender ul a:hover { text-decoration: none; }
.tender ul a:hover dl dt span { color: #004ea2; }
.tender .time { width: 194px; padding: 25px 0; background-color: #f8f8f8; border: 1px solid #e6e6e6; text-align: center; float: left; }
.tender .time_month { color: #004ea2; margin-bottom: 5px; font-size: 30px; }
.tender .time_year { color: #666; font-size: 18px; }
.tender .text { margin-left: 237px; }
.tender dl { width: 88%; }
.tender dl dt { font-size: 18px; }
.tender dl dt span { position: relative; }
.tender dl dt span:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #004ea2; position: absolute; bottom: 0; transition: 0.3s ease-in-out; }
.tender ul li:hover .text dl dt span:before { width: 100%; margin-right: 5px; }
.tender dl dd { font-size: 14px; line-height: 28px; color: #666; margin-top: 18px; }
.tender .right_time { display: none; }
.tender .button { width: 54px; height: 54px; border: 1px solid #6b96c3; display: block; position: absolute; top: 50%; margin-top: -27px; right: 0; transition: 0.5s ease-in-out; }
.tender .button::before { content: ""; width: 9px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -4px; background: url(../images/train_arrow_blue.png) no-repeat; transition: 0.5s ease-in-out; }
.tender ul li:hover .button { border-color: #004ea2; background-color: #004ea2; }
.tender ul li:hover .button::before { background: url(../images/train_arrow_white.png) no-repeat; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .tender ul { margin: 0 40px; }
    .tender .button { width: 50px; height: 50px; margin-top: -25px; }
}

@media screen and (max-width:1199px) and (min-width:970px) {

    .tender ul { margin: 0 20px; }
    .tender .time { width: 180px; padding: 25px 0; }
    .tender .text { margin-left: 223px; }
    .tender dl { width: 100%; }
    .tender dl dd { line-height: 24px; margin-top: 10px; color: #888; }
    .tender .button { display: none; }
}

@media screen and (max-width:969px) and (min-width:640px) {

    .tender ul { padding-top: 10px; margin: 0 20px; }
    .tender ul li { padding: 40px 0; }
    .tender .text { margin-left: 0; }
    .tender dl { width: 100%; }
    .tender dl dd { line-height: 22px; margin-top: 5px; color: #888; }
    .tender .right_time { display: block; }
    .tender .button, .tender .time { display: none; }
}

@media screen and (max-width:639px) {
    .tender ul { padding-top: 10px; margin: 0 14px; }
    .tender ul li { padding: 20px 0; }
    .tender .time { width: 100px; padding: 12px 0; }
    .tender .time_month { margin-bottom: 0; font-size: 20px; }
    .tender .time_year { font-size: 16px; }
    .tender .text { margin-left: 120px; }
    .tender dl { width: 100%; }
    .tender dl dt { font-size: 16px; line-height: 24px; }
    .tender .button, .tender dl dd { display: none; }
}


/*集采招标(e)*/

/*联系我们(s)*/

.contact { background-color: #fff; }
.contact ul { max-width: 1440px; margin: 0 auto; padding-top: 69px; }
.contact ul li { width: 25%; text-align: center; float: left; }
.contact ul li span { width: 118px; height: 118px; border-radius: 100%; border: 1px solid #e0e0e0; display: inline-block; position: relative; }
.contact ul li span::before { content: ""; width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; z-index: 2; transition: 0.5s ease-in-out; }
.contact ul li:nth-child(1) span::before { background: url(../images/contact_icon1.png) no-repeat; }
.contact ul li:nth-child(2) span::before { background: url(../images/contact_icon2.png) no-repeat; }
.contact ul li:nth-child(3) span::before { background: url(../images/contact_icon3.png) no-repeat; }
.contact ul li:nth-child(4) span::before { background: url(../images/contact_icon4.png) no-repeat; }
.contact ul li:nth-child(1):hover span::before { background: url(../images/contact_icon1_h.png) no-repeat; }
.contact ul li:nth-child(2):hover span::before { background: url(../images/contact_icon2_h.png) no-repeat; }
.contact ul li:nth-child(3):hover span::before { background: url(../images/contact_icon3_h.png) no-repeat; }
.contact ul li:nth-child(4):hover span::before { background: url(../images/contact_icon4_h.png) no-repeat; }
.contact ul li span::after { content: ""; width: 0; height: 0; border-radius: 100%; background-color: #004ea2; display: block; position: absolute; top: 50%; left: 50%; transition: 0.5s ease-in-out; }
.contact ul li:hover span::after { width: 108px; height: 108px; margin-left: -54px; margin-top: -54px; }
.contact ul li h3 { font-size: 16px; font-weight: normal; padding: 10px 0; }
.contact ul li p { font-weight: bold; padding: 0 20px; line-height: 26px; }

.contact_ewm { position: relative; top: 65px; text-align: center; z-index: 2; }
.contact_ewm .text { width: 100%; position: absolute; top: 70px; left: 0; text-align: center; }
.contact_ewm .text img { width: 134px; border: 10px solid #eaeaea; }
.contact_ewm .text p { padding-top: 15px; color: #fff; }

.contact_map { width: 100%; }

@media screen and (max-width:1520px) and (min-width:1200px) {
    .contact ul { margin: 0 40px; }
    .contact_ewm dl { margin: 60px auto 0 auto; }
}

@media screen and (max-width:1199px) and (min-width:970px) {
    .contact ul { margin: 0 20px; }
    .contact_ewm .text { top: 50%; margin-top: -93px; }
    .contact_ewm .text img { width: 134px; border: 8px solid #eaeaea; }
}

@media screen and (max-width:969px) and (min-width:640px) {
    .contact ul { margin: 0 20px; padding-top: 50px; }
    .contact ul li h3 { padding: 5px 0; }
    .contact ul li p { font-weight: normal; font-size: 14px; line-height: 20px; }
    .contact ul li span { width: 100px; height: 100px; }
    .contact ul li:hover span::after { width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; }
    .contact_ewm dl { margin: 20px auto 0 auto; }
    .contact_ewm dl dd { padding: 0 100px; }
    .contact_ewm dl dd img { width: 100px; height: 100px; }
    .contact_ewm dl dd p { padding-top: 10px; }
    .contact_map { height: 500px; overflow: hidden; }
    .contact_ewm .text { top: 50%; margin-top: -75px; }
    .contact_ewm .text img { width: 110px; border: 5px solid #eaeaea; }
    .contact_ewm .text p { padding-top: 10px; }
}

@media screen and (max-width:639px) {
    .contact ul { margin: 0 14px; padding-top: 40px; font-size: 15px; }
    .contact ul li { width: 50%; }
    .contact ul li h3 { padding: 5px 0; }
    .contact ul li p { padding: 0; line-height: 20px; height: 60px; }
    .contact ul li span { width: 100px; height: 100px; }
    .contact ul li:hover span::after { width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; }

    .contact_ewm { background: url(../images/contact_bg.jpg) no-repeat center bottom; background-size: cover; top: 0; }
    .contact_ewm > img { display: none; }
    .contact_ewm .text { position: relative; top: 0; padding: 40px 0 30px 0; }
    .contact_map { height: 400px; overflow: hidden; }
}

/*联系我们(e)*/

.footer_yyzz { cursor: pointer; }
/*.yyzz_layer { display: none; }
.layui-layer { width: 500px !important; border: 15px solid #fff; border-radius: 5px !important; }
.layui-layer-content { height: 736px !important; overflow: hidden !important; }

@media screen and (max-width:969px) {
    .layui-layer { width: 280px !important; }
    .layui-layer-content { height: 412px !important; }
}*/


.newiconfont { font-family: iconfont !important; font-style: normal }
.screen3 { position: relative; background: #FFF; }
.screen3 .main { max-width: 1440px; margin: 0 auto; padding: 50px 0; }
.screen3 .title_box { /*position: absolute;*/ width: 100%; top: 0; color: #004ea2; right: 0; text-align: left; padding: 15px; }
.screen3 .title_box h2, .screen3 .title_box h4 { font-size: 38px; font-weight: normal; color: #333; padding-bottom: 7px; }
.screen3 .title_box h2 { color: #666; font-size: 14px; }
.screen3 .title_box h4:before { display: none }
.screen3 .scr3_new_text_box .scr3_new_info, .screen3 .scr3_new_text_box .scr3_new_title { display: -webkit-box; color: #333; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 500; font-size: 14px; }
.screen3 .title_box h4:after { background-color: #fff }
.screen3 .scr3_new_text_box { float: right; padding: 6% 2.14%; width: 38%; /*background: #FCFCFC; box-shadow: 3px 0 30px rgba(0,0,0,.08);*/ margin-top: 40px; }
.screen3 .scr3_new_text_box .scr3_new_title { height: 4.375rem; -webkit-line-clamp: 2; font-size: 16px; font-size: 14px; }
.screen3 .scr3_new_text_box .scr3_new_title p { font-size: 18px; font-weight: bold; margin-bottom: 1%; }
.screen3 .scr3_new_text_box .scr3_new_info { line-height: 2; height: 320px; }
.screen3 .scr3_new_text_box .scr3_new_more { display: inline-block; cursor: pointer; color: #333; margin-bottom: 10%; width: 75px; background: url(../images/icon15.png) no-repeat right; }
.screen3 .scr3_new_text_box .scr3_new_time_box { display: none; background-color: #7ecb28; padding: 10px 20px; position: absolute; width: 145px; top: 150px; left: -16.75% }
.screen3 .scr3_new_text_box .scr3_new_time_box h5 { color: #fff; margin: 0; font-weight: 500; padding: 0 10px }
.screen3 .scr3_new_img { position: absolute; left: 0; bottom: 14.5%; width: 52%; box-shadow: 3px 0 30px rgba(0,0,0,.08) }
.screen3 .scr3_new_img img { display: block; width: 100%; }
.screen3 .scr3_new_img_text, .screen3 .scr3_new_img .new_tab_box { display: none; }
.screen3 .swiper-pagination.swiper-pagination-custom { color: #fff }
.screen3 .new_tab_box { position: absolute; bottom: 10px; width: 100% }
.screen3 .new_tab_box .swiper-container-vertical > .swiper-pagination-bullets, .screen3 .new_tab_box .swiper-pagination-custom, .screen3 .new_tab_box .swiper-pagination-fraction { bottom: auto; top: 50%; transform: translateY(-50%) }
.screen3 .new_tab_box .swiper-pagination { color: #666; }
.screen3 .new_tab_box .swiper-pagination span.on { color: #c51920 }
.screen3 .new_tab_box .swiper-button-next, .screen3 .new_tab_box .swiper-button-prev { background-image: none; color: #666; font-size: 15px; line-height: 44px; text-align: center }
.screen3 .new_tab_box .swiper-button-next { right: auto; left: 50%; transform: translateX(120%) }
.screen3 .new_tab_box .swiper-button-prev { left: auto; right: 50%; transform: translateX(-120%) }
.screen3 .scr3_new_box_m { padding: 10px 0; display: none }
.screen3 .scr3_new_box_m .scr3_new_img_box_m { width: 100%; position: relative }
.screen3 .scr3_new_box_m .scr3_new_img_box_m img { width: 100%; display: block }
.screen3 .scr3_new_box_m .scr3_new_time_box { position: absolute; left: 0; top: 17.39%; padding: 5px 10px; background-color: #7ecb28 }
.screen3 .scr3_new_box_m .scr3_new_time_box h5 { margin: 0; padding: 0; color: #fff; font-weight: 500 }
.screen3 .scr3_new_box_m .scr3_new_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; margin-top: .625rem; margin-bottom: 0 }
.screen3 .scr3_new_box_m .scr3_new_info { font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666; padding-bottom: 0; line-height: 1.6363 }
.screen3 .scr3_new_box_m .scr3_new_more { color: #7ecb28; padding: 10px 0; margin-bottom: 10px; display: inline-block }
/*.screen3 .scr3_new_box::after { content: ''; display: block; height: 1px; width: 12.85%; background-color: #ddd; position: absolute; right: 31%; bottom: 15%; z-index: 1; }*/
.scr3_bg { pointer-events: none; width: 30%; display: block; position: absolute; right: 4%; bottom: -57%; z-index: 4; opacity: 0 }
.scr3_bg.go { opacity: 1; animation: ye0 4s ease }



@media screen and (max-width:1520px) and (min-width:1200px) {
    .screen3 .main { margin: 0 40px; }
    .screen3 .title_box { padding: 60px 0 40px 0; }
}

@media (max-width: 1023px) {
    .screen3 { padding: 0 10px; }
    .screen3 .main { padding: 42px 0 30px 0; }
    .screen3 .scr3_new_img { box-shadow: none; }
    .screen3 .scr3_new_img_text { display: block; padding: 6% 2.14%; }
    .screen3 .scr3_new_img_text h3 { height: inherit; padding-bottom: 20px; font-weight: normal; font-size: 14px; }
    .screen3 .scr3_new_img_text h3 p { font-size: 18px; font-weight: bold; margin-bottom: 1%; }
    .screen3 .scr3_new_img_text h5 { font-weight: 500; font-size: 14px; line-height: 2; }
    .screen3 .scr3_new_img_text a { margin-top: 20px; display: inline-block; cursor: pointer; color: #333; margin-bottom: 10%; width: 75px; background: url(../images/icon15.png) no-repeat right; }
    .screen3 .scr3_new_text_box { display: none; }

    .screen3 .title_box { position: inherit; padding: 0; text-align: center; }
    .screen3 .title_box * { display: block; font-size: 28px; padding-bottom: 4px; }
    .screen3 .title_box h4 { color: #333 !important; font-size: 28px !important; padding-bottom: 5px; }
    .screen3 .title_box h2 { color: #666 !important; font-size: 16px !important; font-weight: normal; }
    .screen3 .scr3_new_text_box .scr3_new_title { height: inherit; padding-bottom: 20px; }
    .screen3 .scr3_new_img { position: inherit; width: 100%; }
    .screen3 .scr3_new_text_box { float: none; width: 100%; margin-top: 0; box-shadow: none; }
    .screen3 .scr3_new_text_box .scr3_new_info { height: auto; }

    .screen3 .scr3_new_img .new_tab_box { display: block; }
    .screen3 .new_title_box .new_tab_box { display: none; }
}

.scr3_bd { width: 100%; }
.scr3_bd .swiper-pagination-bullet-active { background-color: #004ea2; }
.scr3_bd ul { width: 100%; padding: 0 0 50px 0; }
.scr3_bd ul li { float: left; vertical-align: top; width: 33.333%; padding: 20px; position: relative; cursor: pointer; box-sizing: border-box; }
.scr3_bd ul li .cont {width: 100%;height: 410px;cursor: pointer;background-color: #fff;box-sizing: border-box;box-shadow: 0 1px 20px 0 rgba(111, 111, 111, 0.1);-webkit-box-shadow: 0 1px 20px 0 rgba(111, 111, 111, 0.1);-moz-box-shadow: 0 1px 20px 0 rgba(111, 111, 111, 0.1);}
.scr3_bd ul li .img { width: 100%; height: auto; overflow: hidden; transition: all 0.6s ease; }
.scr3_bd ul li .img img { width: 100%; }
.scr3_bd ul li .tit {font-size: 16px;color: #333333;text-align: center;padding: 30px;}
.scr3_bd ul li .txt { width: 70%; font-size: 16px; line-height: 22px; color: #999999; text-align: center; margin: 0 auto; }
.scr3_bd ul li .button { width: 40%; text-decoration: none; display: block; height: 45px; text-align: center; line-height: 45px; color: #000; font-size: 16px; position: absolute; border-radius: 30px; bottom: -11px; background: #FFF; left: 0; right: 0; margin: auto; bottom: -4px; border: solid 2px #EEE; -moz-box-shadow: 0 1px 16px 0 rgba(28, 187, 134, 0.3); transition: all 0.6s ease; }
.scr3_bd ul li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.scr3_bd ul li:hover .tit { transform: scale(1.1); }
.scr3_bd ul li:hover .button { }
.scr3_bd ul li .button:hover { opacity: 0.8; border-color: #004ea2; color: #004ea2; bottom: -5px; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.1); }

@media (max-width: 1023px) {
    .scr3_bd ul { margin: 0; margin-bottom: 70px; padding: 5px 0; }
    .scr3_bd ul li { float: none; width: 100%; padding: 10px; }
    .scr3_bd ul li .cont { height: 353px; }
    .scr3_bd ul li .button { width: 50%; height: 42px; line-height: 42px; font-size: 16px; bottom: -11px; }
}



/*人才招聘*/
.join { max-width: 1440px; margin: 0 auto; padding-bottom: 60px; }
.join-ul { margin-top: 70px; }
.join-li { background: #FFF; padding: 45px; margin-bottom: 20px; border: 1px solid #f2f0ec; overflow: hidden; }
.join-li:hover { box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); border-color: transparent; }
.join-li-num { float: left; width: 195px; font-size: 24px; color: #000; }
.join-li-num span { font-size: 29px; color: #0458ae; }
.join-li-cont { float: left; width: 990px; height: 190px; overflow: hidden; }
.join-li-tit {margin-bottom: 10px;line-height: 30px;overflow: hidden;}
.join-li-tit .tit { float: left; font-size: 30px; font-weight: bold; color: #000; }
.join-li-tit .more { padding-right: 40px; float: right; background: url(../images/icon23.png) no-repeat right center; cursor: pointer; }
.join-li-item { margin-bottom: 25px; font-size: 14px; line-height: 30px; color: #666; }
.join-li-cont a { text-decoration: underline; }
.join-li-cont.active .join-li-tit .more { background: url(../images/icon24.png) no-repeat right center; color: #333; }

@media screen and (max-width:1200px) {

    .join-li-num { width: 100px; }
    .join-li-cont { width: 548px; }
}

@media screen and (max-width: 740px) {

    .join { padding: 15px; }
    .join-li { padding: 15px; }
    .join-li-num { width: 50px; font-size: 16px; }
    .join-li-num span { font-size: 20px; }
    .join-li-cont { width: 80%; }
    .join-li-tit .tit { font-size: 15px; width: 66%; }
    .join-li-item { margin-bottom: 15px; line-height: 24px; }
}


/*pager*/
.in-page { clear: both; text-align: center; padding-bottom: 50px; }
.in-page ul { margin: 0; padding: 0; height: 40px; font-size: 14px; color: #666; }
.in-page li { width: auto; background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit; border-bottom: none; }
.in-page a, .in-page select, .in-page a:visited { background: #FFF; vertical-align: middle; border-radius: 5px; border: 1px solid #EEE; color: #333; display: inline-block; height: 36px; line-height: 36px; margin: 5px; padding: 0 13px; text-decoration: none; }
.in-page .press, .in-page a:active, .in-page a:hover { border-radius: 5px; text-decoration: none; vertical-align: middle; background-color: #064f96; border: 1px solid #064f96; color: #FFF; display: inline-block; height: 36px; line-height: 36px; margin: 5px; padding: 0px 13px; }
.in-page a:hover { background-color: #FFF; border: 1px solid #064f96; color: #064f96; }
.in-page li.list-page { display: none; }
.in-page li.pre-page a, .in-page li.next-page a { padding: 0 28px; }
.in-page li.next-page a { background: #FFF url(../static/images/base/icon2.png) no-repeat center center; }
.in-page li.pre-page a { background: #FFF url(../static/images/base/icon1.png) no-repeat center center; }

@media screen and (max-width:1200px) {
    .in-page li { display: none }
    .in-page li:first-child, .in-page li:last-child, .in-page li.list-page { display: inline-block }
    .in-page li.list-page select { width: 58px; border-radius: 0; font-size: 14px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #FFF url(../images/select.png) no-repeat 33px center; background-size: 18px; }
}