﻿@charset "utf-8";
/* CSS Document */
a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); color: #333; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: color 0.3s; }
a:hover, a:active, a:focus { text-decoration: none; color: #dab866; }
img, input, lable { vertical-align: middle; }
img { max-width: 100%; }
input, textarea { border-radius: 0; outline: none; }
body, ul, ol, li, dl, dd, dt, form, lable, img, span, th, td, input, select, label, textarea, h1, h2, h3, h4, h5, h6, p, i, button, em { font-style: normal; font-weight: normal; list-style: none; padding: 0; margin: 0; }
body, div, ul, ol, li, dl, dd, dt, form, img, span, input, select, label, h1, h2, h3, h4, h5, h6, p, button { border: none; }
body, form, input, select, textarea { color: #626262; font: 100% Arial, '微软雅黑'; line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

html, body { height: 100%; }
.relative { position: relative; }
/*箭头向上*/
.arrow-up { vertical-align: middle; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #05572f; }
/*箭头向下*/
.arrow-down { vertical-align: middle; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #05572f; }
/*箭头向左*/
.arrow-left { vertical-align: middle; display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #05572f; }
/*箭头向右*/
.arrow-right { vertical-align: middle; display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #05572f; }

.logo img { height: 62px /*86px*/; margin: 10px 0; }
.entrance { position: absolute; top: 50%; margin-top: -20px; left: 192px /*268px*/; }
.entrance li { float: left; margin-right: 10px; font-size: 16px; }
.entrance li img { margin-right: 8px;width:24px; }

.search .form-control { border: 1px solid #05572f; border-radius: 20px; width: 330px; padding-right: 50px; }
.search button { position: absolute; top: 50%; right: 14px; background: transparent; padding-left: 8px; border-left: 1px solid #05572f; margin-top: -11px; font-size: 22px; color: #05572f }
.fun-box { position: absolute; right: 0; top: 50%; margin-top: -22px; }
.lang { margin-left: 10px; }
.lang .lang-cn, .lang .lang-en { padding-left: 30px; background: url(../images/ico_us.png) no-repeat left center; font-size: 14px; display: inline-block; }
.lang .lang-cn { background-image: url(../images/ico_cn.png); margin-bottom: 6px; }
nav, footer { background: #05572f; border-top: 7px solid #dab866; border-bottom: 7px solid #dab866; }
nav li { text-align: center; line-height: 60px; font-size: 16px; font-weight: bold; }
nav li a { color: #fff; display: block; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px; }
nav li:hover, nav li.on { background: #004322; }
nav li:hover > a, nav li.on > a { color: #dab866; text-shadow: rgba(100, 100, 100, 0.6) 0px 1px; }
nav > ul > li { float: left; height: 60px; width: 14.28%; position: relative; z-index: 2; }
nav li ul { position: absolute; width: 100%; background: #05572f; visibility: hidden; opacity: 0; top: 20px; z-index: 1; transition: all .3s; }
nav li:hover ul { visibility: visible; opacity: 1; top: 60px; }

.banner { position: relative; margin-bottom: 20px; }
.banner img { width: 100%; }

footer { padding: 12px 0; color: #fff; font-size: 14px; line-height: 2em; }
footer a { color: #fff; }
.quick-link { margin-bottom: 20px; }
.quick-link h3 { font-size: 20px; margin-bottom: 12px; }
.quick-link li { float: left; margin-right: 32px; }

/*返回顶部*/
#fixed-nversion { position: fixed; right: 0; bottom: 6.5rem; text-align: center; z-index: 9999; }
#fixed-nversion .fixed-item { font-size: 85%; width: 4rem; height: 4rem; cursor: pointer; position: relative; overflow: hidden; border: 1px solid #d8dce0; background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0 !important; background-color: #f0f0f0; filter: Alpha(opacity=80); opacity: 1; }
#fixed-nversion .fixed-item .item-btn { display: table; width: 100%; height: 100%; }
#fixed-nversion .fixed-item .item-fix { display: table-cell; vertical-align: middle; }
#fixed-nversion .fixed-item .item-btn i.fa { font-size: 165%; margin-bottom: 0.2rem; }
#fixed-nversion .fixed-item .sm-cont { font-size: 120%; color: #666; text-align: left; line-height: 1.5rem; }
#fixed-nversion .fixed-item .sm-cont p { white-space: nowrap; }
#fixed-nversion .fixed-item .sm-top { padding-bottom: 0.5rem; border-bottom: 1px dashed #d9dde1; }
#fixed-nversion .fixed-item .sm-top a { font-size: 75%; }
#fixed-nversion .fixed-item .sm-butm { padding-top: 0.5rem; }
#fixed-nversion .fixed-item .sub-item { padding: 0.5rem 1rem; position: absolute; right: -100%; top: 0rem; border: 1px solid #d9dde1; transition: all 0.3s; background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0 !important; background-color: #f0f0f0; filter: Alpha(opacity=80); opacity: 0; }
#fixed-nversion .fixed-item:hover { color: #0275d8; overflow: visible; }
#fixed-nversion .fixed-item:hover .sub-item { right: 4rem; display: block; opacity: 1; }
#fixed-nversion .gotop { display: none; font-size: 1.5em; }

.did-line { border-bottom: 1px solid #126d41; border-top: 1px solid #074929; height: 1px; }

.note-info { font-size: 16px; margin: 16px 0; letter-spacing: 2px; }
.note-info i { width: 14px; margin-right: 16px; }
.ercode .er-code-item { text-align: center; margin-left: 42px; }
.ercode img { max-height: 148px; margin-top: 16px; }

.copyright { text-align: center; margin: 15px 0; }
.container-con { font-size: 1.6rem; line-height: 1.8em; margin: 30px auto; }

.home-cont-item { display: block; }
.home-cont-item span { position: absolute; background: rgba(0,0,0,.3); opacity: 1; width: 100%; height: 20%; display: inline-block; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; bottom: 0; left: 0; transition: all .5s; }
.home-cont-item span i { font-style: normal; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; }
.home-cont-item:hover span { height: 100%; background: rgba(0,0,0,.6); }

.sub-banner img { width: 100%; }

.content-tip { margin: 20px auto; font-size: 1.4rem; }
.sub-menu { margin-top: 15px; border-top: 3px solid #05572f; background: #f4f4f4; }
.sub-menu ul, .sub-menu span, .sub-menu a { display: inline-block; }
.sub-menu span { font-size: 1.5em; padding: 15px 60px 20px 15px; color: #fff; background: url(../images/navIn_BarBg.png) right top #05572f no-repeat; }
.sub-menu li { float: left; margin-right: 35px; }
.sub-menu li a { margin: 10px 0; border: 1px solid #05572f; border-radius: 15px; padding: 8px 12px; transition: all 0.3s; }
.sub-menu li a.on, .sub-menu li a:hover { background: #05572f; color: #fff; }


.alert-danger { background: none; border: none; margin-right: 5px; }

.albums { background: #05572f; padding: 20px; min-height: 240px; min-width: 320px; /*margin-top: 15px;*/ }
.albums * { transition: all 0.3s; }
.albums-remark { font-size: 18px; position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,.6); color: #fff; line-height: 32px; text-align: center; padding: 10px 0; }
.albums-repeat-list li { float: left; width: 30%; margin: 8px 1.5%; }
.albums-repeat-list li img { width: 100%; height: auto; border: 4px solid #dab866; border-radius: 4px; }
.albums-repeat-list li p { text-align: center; color: #fff; font-size: 18px; margin: 15px 0; }
.swiper-container { width: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; text-align: center; cursor: move; }
.gallery-top { width: 100%; height: 100%; }
.gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; position: absolute; }
.gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; cursor: pointer; border: 2px solid #fff; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }


.news-list .top-items { width: 100%; height: 280px; margin-bottom: 35px; }
.news-list .top-items .jumbotron { font-size: 80%; height: 280px; margin: 0; text-align: left; padding: 15px 20px; line-height: 1.5em; text-indent: 2em; }
.news-list .top-items .jumbotron h4 { line-height: 1.6em; margin-bottom: 10px; text-indent: 0; }
.news-list .top-items .jumbotron h4 a { color: #05572f; }
.news-list .top-items .jumbotron .more { position: absolute; bottom: 15px; right: 32px; }
.news-list .top-items .swiper-pagination { text-align: right; width: 85%; }
.news-list .top-items .swiper-pagination-bullet { width: 20px; height: 12px; border-radius: 0; }

/*.n-list h3.title { font-size: 1.6em; color: #fff; background: #05572f; position: relative; padding: 12px 12px; margin-bottom: 12px; }*/

.n-list li { float: none; display: block; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #05572f; }
.n-list .img-box { position: relative; height: 155px; overflow: hidden; }
.n-list .img-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.n-list .info { position: relative; font-size: 1.3rem; }
.n-list .info h3 { font-size: 1.5em; line-height: 1.5em; }
.n-list .info .tips { margin-bottom: 6px; }
.n-list .info .tips span { margin-right: 8px; }
.n-list .info .tips i { margin-right: 3px; }
.n-list .info .note { line-height: 1.3em; text-indent: 2em; background: #f9f9f9; border: 1px solid #eee; border-radius: 8px; padding: 5px; }

/*搜索*/
.search-title { height: 52px; line-height: 52px; }
.nodata { margin-top: 30px; color: #666; font-size: 1.8em; min-height: 240px; line-height: 80px; text-align: center; }
.red, .red a { color: #F00; }
.green, .green a { color: #05572f; }

/*分页样式*/
.page-box { text-align: center; }
div.digg { margin: 0; padding: 0; text-align: center; font-size: 150%; margin-bottom: 2rem; }
div.digg a, div.digg span { display: inline-block; padding: 0.5rem 0.8rem; margin: 0 0 0 0.5rem; }
div.digg a { border: 1px solid #e1e2e3; color: #3b8dd1; background: #fff; text-decoration: none; }
div.digg a:hover { border: 1px solid #3b8dd1; }
div.digg span.current { color: #555; font-weight: bold; }
div.digg span.disabled { border: 1px solid #eee; color: #ddd; }

/*内容标题样式*/
.meta { margin: 0; padding: 50px 50px 0 50px; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h2 { margin: 0 0 20px; padding: 0; color: #05572f; font-size: 24px; font-weight: 300; line-height: 1em; }
.meta .info { margin: 0 0 10px; }
.meta .info span { margin-right: 10px; color: #b0b0b0; font-size: 12px; line-height: 14px; }
.meta .info span i { margin-right: 5px; display: inline-block; font-size: 14px; }
.meta .note { margin-top: 10px; padding: 15px 20px; background: #f5f5f5; line-height: 22px; color: #757575; font-size: 12px; }
/*内容详细样式*/
.entry { margin-top: 20px; padding: 0 0px 15px; font-size: 1.6rem; line-height: 1.8em; word-wrap: break-word; }
.entry img { max-width: 100% !important; height: auto !important; }
.entry h2, .entry h3, .entry h4 { margin: 0.8em auto; padding-bottom: 5px; color: #05572f; }
.entry h2 { font-size: 1.2em; }
.entry h3, .entry h4 { font-size: 1.1em; }
.entry strong { color: #05572f; }
.entry ul, .entry ol { margin: 1em; padding: 0; }
.entry li { margin-left: 1em; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 0; color: #333; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; font-size: 12px; line-height: 1.7em; }
.entry table { margin: 10px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.35em 0.5em; }

/*上下一条样式*/
.next-box { position: relative; padding: 10px 50px 20px; line-height: 20px; color: #444; font-size: 14px; }
.next-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.next-box p { display: block; width: 49%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.next-box p a { color: #428bca; }
.next-box p.prev { float: left; }
.next-box p.next { float: right; }

.red-slide { margin-bottom: 20px; }
.n-list h3.title, .red-slide h3 { font-size: 1.6em; color: #fff; background: #05572f; position: relative; padding: 12px 12px; margin-bottom: 1.2em; }
.red-slide h3 a.more { float: right; color: #fff; }
.red-slide li { float: left; width: 48%; margin-bottom: 12px; }


.video-box { position: relative; margin-bottom: 12px; }
.video-box a { display: block; }
.video-box p { position: absolute; bottom: 0.5em; font-size: 1.5em; color: #fff; text-align: center; width: 100%; }
.video-box .cover-play { position: absolute; width: 100%; height: 100%; opacity: 0.5; background-color: rgba(0,0,0,0.5); transition: all 0.3s; }
.video-box .cover-play i { font-size: 5em; transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%; color: #eee; }
.video-box:hover .cover-play { opacity: 1; }

.red-video p { font-size: 1.2em; }
.red-video li:first-child { width: 100%; }
.red-video li:first-child p { font-size: 1.5em; }
.red-video li:nth-child(2), .red-care li:nth-child(1), .red-care li:nth-child(3) { margin-right: 4% }

.video-play-window { position: fixed; width: 100%; height: 100%; z-index: 9999; left: 0; top: 0; overflow: hidden; }
.video-play-window .closeBtn { position: absolute; right: 15px; top: 10px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 32px; font-family: 'Microsoft YaHei'; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; background-color: #000; filter: Alpha(opacity=70); cursor: pointer; opacity: 0; transition: all 0.5s; }
.video-play-window:hover .closeBtn { background: rgba(255, 0, 0, 0.7) none repeat scroll 0 0 !important; background-color: #ff0000; filter: Alpha(opacity=70); opacity: 1; }
.video-play-window .video-main { width: 100%; height: 100%; background-color: rgb(0, 0, 0); }

.thumb-list li { margin-bottom: 2em; }
.thumb-list li p { text-align: center; font-size: 1.5em; margin-top: 1em; }
.thumb-list .img-thumbnail { padding: 15px; }


/*联系页面*/
.page-contact { text-align: center; margin: 2rem auto; position: relative; }
.page-contact .item { display: inline-block; *display: inline; *zoom: 1; border-left: 1px dotted #888888; vertical-align: top; text-align: left; padding: 15px 30px; transition: padding 0.5s; height: 290px; }
.page-contact .item:first-child { border-left: none; padding-left: 0 !important; }
.page-contact .item .logo-txt { color: #232323; font-size: 2em; line-height: 2.8rem; margin-top: .8em; }
.page-contact .item .logo-txt span { display: block; text-transform: uppercase; font-size: 0.7em; color: #979797; }
.page-contact .item.info li { line-height: 34px; font-size: 1.8em; color: #363636; }
.page-contact .item.info i { margin-right: 8px; vertical-align: middle; width: 20px; color: #05572f; }
.page-map { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 582px; }
/*留言*/
/*.msg-box { height: 592px; background: url(../images/msg-bg.jpg) no-repeat center center; background-size: cover; }*/
.msg-box { margin-bottom: 50px; }
.msg-box h3 { text-align: center; color: #fff; padding: 25px 0; margin: 0; line-height: 36px; }
.msg-box form { width: 100%; max-width: 694px; margin: 0 auto; }
.msg-box input[type=text], .msg-box textarea { background-color: transparent; border: 1px solid #05572f; width: 100%; height: 44px; color: #05572f; opacity: 0.7; margin: 8px 0; padding: 8px; font-size: 18px; }
.msg-box input[type=text]:focus, .msg-box textarea:focus { opacity: 1; }
.msg-box textarea { height: 154px; resize: none; }
.msg-box button { width: 100%; background: #6a788e; transition: all 0.5s; color: #fff; border: none; border-bottom: 2px solid #152239; line-height: 46px; font-size: 18px; }
.msg-box button:hover { background: #05572f; }
.msg-box .item-short { float: left; width: 220px; margin-right: 17px; }


.talent-title { display: inline-block; width: 76px; height: 76px; font-size: 1.5em; color: #fff; background: #05572f; border-radius: 50%; margin: 5px 20px 0; text-align: center; line-height: 76px; float: left; }
.school-txt-item { margin-bottom: 35px; }
.container-con .thumb-list li p { font-size: 1em; }
.school-txt-title, .school-img-title { color: #05572f; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; border-bottom: solid 2px #05572f; }
.school-img-title { border-bottom: none; padding: 25px 12px; margin: 0; color: #fff; background: #05572f; }
.training-base { border-left: 2px solid #05572f; }
.training-base span { margin-right: 15px; }
.training-base h3 { color: #05572f; }
.training-base p { padding: 5px 58px; }
.brand-curriculum .thumbnail { padding-bottom: 20px; text-shadow: 1px 0px 0px #fff; background: #eee; }
.brand-curriculum .thumbnail h4 { font-size: 1.2em; padding: 30px 0; color: #fff; background: #05572f; margin-bottom: 20px; font-weight: bold; text-shadow: 1px 1px 0 #000; }
.brand-curriculum .thumbnail p { line-height: 200%; font-size: 1em; }

.job-list li { float: none; width: 40%; border-bottom: 1px solid #05572f; margin-bottom: 15px; padding-bottom: 5px; color: #05572f; font-size: 85%; }
.job-list li:first-child { width: 100%; }
.job-text { padding: 20px; background: #05572f; color: #fff; border-radius: 12px; font-size: 1.2em; position: relative; }
.job-image { position: absolute; right: 0; top: -215%; }

.job-search { background: #f4f4f4; padding: 5px 0; }
.j-s-item { padding: 5px 0; }
.j-s-item:after { clear: both; display: table; content: " "; }
.j-s-item .form-control { position: relative; }
.j-s-item .col-p-0 { padding: 0; }
.j-s-item .btnJobSearch { position: absolute; right: 25px; top: 9px; background: none; color: #05572f; }
.job-apply-btn { margin: 12px 0; }
.job-apply-btn a { margin-right: 12px; padding: 3px 12px; display: inline-block; background: #f4f4f4; color: #111; text-decoration: none; }
.job-apply-btn a.btnApply { background: #05572f; color: #fff; }
.job_apply_form td { padding: 4px; height: 24px;position:relative; }
.Validform_checktip {position:absolute;right:12px;top:13px; }
.Validform_wrong { background-position-y:-39px!important;}
.job-web-link a { display: inline-block; margin:10px 5px; }
.job-web-link img {width:120px; }
/*上传样式*/
.upload-box { position: relative; display: inline-block; height: 32px; vertical-align: middle; zoom: 1; *display: inline; }
.upload-box .upload-btn { display: inline-block; height: 32px; zoom: 1; *display: inline; }
.upload-box .upload-progress { position: absolute; top: 0; left: 0; padding: 2px 5px; width: 115px; height: 26px; border: 1px solid #d7d7d7; background: #fff; overflow: hidden; }
.upload-box .upload-progress .txt { display: block; padding-right: 10px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; height: 18px; text-overflow: ellipsis; overflow: hidden; }
.upload-box .upload-progress .bar { position: relative; display: block; width: 112px; height: 4px; border: 1px solid #1da76b; }
.upload-box .upload-progress .bar b { display: block; width: 0%; height: 4px; font-weight: normal; text-indent: -99em; background: #28B779; overflow: hidden; }
.upload-box .upload-progress .close { position: absolute; display: block; top: 1px; right: 1px; width: 14px; height: 14px; text-indent: -99em; background: url(skin_icons.png) -56px -196px no-repeat; cursor: pointer; overflow: hidden; }
.upload-box .upload-view { cursor: pointer; position: absolute; display: none; top: 6px; left: 72px; width: 20px; height: 20px; background: url(skin_icons.png) no-repeat scroll -193px -109px; *display: inline; }
.upload-box .upload-view img { display: none; }
.upload-view-img { width: 100%; height: 100%; text-align: center; position: relative; }
.upload-view-img img { max-width: 95%; max-height: 100%; }
.upload-view-img .waitting { position: absolute; text-align: center; font-size: 32px; top: 45%; width: 100%; }
/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; width: 65px; line-height: 30px; height: 30px; border: 1px solid #e1e1e1; cursor: pointer; background: #fff; color: #333; text-align: center; overflow: hidden; zoom: 1; *display: inline; }
.webuploader-pick-hover { background: #fafafa; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
/*=====================以上部分是WebUploader必须的====================*/

.btnSubmit{ background: #05572f; color: #fff;display:inline-block;padding:12px 32px; }

@media (min-width: 992px) {
    .search .form-control { width: 190px; font-size:12px; }
}
