@charset "UTF-8";
* { margin: 0; padding: 0; }

.black { color: #221815 !important; }

.gray { color: #808080 !important; }

.white { color: white !important; }

.green { color: #008569 !important; }

.red { color: #ff3838 !important; }

.bold { font-weight: 600; }

.newstitle { font-size: 2.5em !important; }

ul, li { list-style: none; }

h1 { font-size: 32px; font-weight: normal; }

h2 { font-size: 24px; font-weight: normal; }

h3 { font-size: 18px; font-weight: normal; }

h4 { font-size: 16px; font-weight: normal; }

h5 { font-size: 14px; font-weight: normal; }

h6 { font-size: 12px; font-weight: normal; }

.setername { text-align: center; color: #008569; }

.setername + h5 { margin-top: 1em; text-align: center; color: #008569; margin-bottom: 2em; }

.setername.left { text-align: left; color: #221815; }

.setername + h3 { width: 90%; margin: 2em auto; line-height: 1.6; }

.setername.prolist { color: #221815; margin: 2em; border-top: 1px solid #ddd; padding-top: 2em; }

a { cursor: pointer; color: #221815; text-decoration: none; }

a:hover { color: #808080; }

form, input { position: relative; font-size: 1em; outline: none; }

.txtin { display: inline-block; border: 1px solid #ddd; background-color: #fff; padding: .65em .8em; font-size: 1em; border-radius: .4em; width: 16em; }

.txtin.long { width: 36em; }

.txtin.short { width: 6.5em; }

hr { border: 0; background-color: #ddd; height: 1px; margin-top: 1em; margin-bottom: 1em; }

.ps { color: #808080; }

section { padding: 2.5em 0; }

/*flex*/
.flex { display: flex; }

.ux-f1 { flex-grow: 1; }

.ux-pc { justify-content: center; }

.ux-pc { align-items: center; }

.ux-js { justify-content: space-around; }

.col { flex-direction: column; }

.ux-wrap { flex-wrap: wrap; }

/**/
body { background-color: white; font-size: 1em; line-height: 1.4; color: #221815; font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "微软雅黑", "\5B8B\4F53"; }

.container { position: relative; width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }

header { width: 100%; box-shadow: 0 2px 10px #ddd; z-index: 999; position: fixed; top: 0; left: 0; right: 0; background-color: white; }

header .logo { width: 250px; height: 38px; background: url(./images/logo.png) left bottom no-repeat; background-size: 100% auto; display: inline-block; margin: 15px 0 0 0; cursor: pointer; }

header .menu { display: inline-block; padding-bottom: 15px; margin-left: 20px; }

header .menu a { padding: 0 20px; line-height: 1; }

header .logon { position: absolute; right: 0; bottom: 10px; }

.submenu { display: none; width: 100%; background-color: rgba(234, 243, 241, 0.9); position: fixed; top: 0; padding-top: 6em; padding-bottom: 1em; top: 0; left: 0; right: 0; z-index: 995; }

.submenu .menu { display: none; margin-left: 18.5em; }

.submenu .menu a { margin-right: 2em; }

.submenu .menu.prods { width: 35em; display: flex; flex-wrap: wrap; }

.submenu .menu.prods a { display: flex; width: calc(50% - 2em); padding: .35em 0; border-bottom: 1px solid #808080; background: url(./images/r-black.png) right center no-repeat; background-size: auto .5em; }

.main { width: 100%; }

.main .banner-main { position: relative; width: 100%; background-size: auto 100%; }

.main .banner-main .text-box { width: 30em; padding: 3em 2em 2em 2em; background-color: rgba(0, 133, 105, 0.8); color: white; position: absolute; left: 0; bottom: 2em; line-height: 1.2; }

.main .banner-main .text-box h2 { font-weight: bold; }

.main .banner-main .text-box p { margin-top: .75em; }

.main .banner-main.index { background: url(./images/main.jpg) center center no-repeat; }

.main .banner-main.hr { background: url(./images/banner-index.jpg) center center no-repeat; }

.main .banner-main.school { background: url(./images/banner-school.jpg) center center no-repeat; }

.main .banner-main.jobdetail { background: url(./images/banner-jobdetail.jpg) center center no-repeat; padding-top: 80px; padding-bottom: 40px; }

.main .banner-jobdetail { background: url(./images/banner-jobdetail.jpg) center center repeat-x; padding-top: 80px; padding-bottom: 40px; }

.main .main-content { padding-top: 80px; padding-bottom: 80px; width: 100%; }

.main .main-content .hr-box { display: inline-block; width: 560px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 1px 10px #ddd; }

.main .main-content .hr-box:first-child { margin-left: 10px; margin-right: 40px; }

.main .main-content .hr-box .bg-img { height: 250px; padding: 50px; line-height: 1; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }

.main .main-content .hr-box .bg-img .name { color: #008569; border-top: 2px solid #008569; width: 70px; padding-right: 5px; margin-top: 4px; padding-top: 4px; line-height: 1; }

.main .main-content .hr-box .schoolgirl { background-image: url(./images/schollgirl.jpg); }

.main .main-content .hr-box .works { background-image: url(./images/works.jpg); }

.main .main-content .hr-box .works h1, .main .main-content .hr-box .works .name { margin-left: 180px; }

.main .main-content .hr-box .seemore { cursor: pointer; color: #008569; text-align: right; padding: 30px 100px 30px 0; }

.main .main-content .hr-box .seemore span { font-size: 18px; }

.main .list { margin-top: 20px; }

.main .list li { border-bottom: 1px solid #ddd; padding: 18px 0; }

.main .list li:last-child { border-bottom: 0; }

.main .list li a { display: block; width: 100%; }

.main .list li a span { display: inline-block; width: 1180px; }

footer { width: 100%; background-color: #eaf3f1; padding: 30px 0; }

footer .logo { width: 250px; height: 38px; background: url(./images/logo-g.png) left top no-repeat; background-size: 100% auto; margin-bottom: 30px; }

footer .menu { margin-bottom: 3em; }

footer .menu li { display: flex; flex-direction: column; margin-right: 2em; }

footer .menu li a { cursor: pointer;  color: #808080; }

footer .menu li a:first-child { font-weight: bold; margin-bottom: .5em; }

footer .menu li a:hover { text-decoration: underline; color: #221815; }

footer h6 { color: #808080; line-height: 2; }

footer .fallow { position: absolute; right: 0; top: 30px; color: #808080; }

footer .fallow h4 { display: inline-block; }

footer .fallow i { font-size: 20px; }

.table-header div, .job-itm div { display: inline-block; margin: 0; padding: 18px 0; line-height: 1; text-align: center; width: 19.5%; font-size: 0; }

.table-header div span, .job-itm div span { font-size: 14px; }

.table-header { background-color: #eaf3f1; color: #808080; border-bottom: 1px dotted #ddd; margin-top: 40px; }

.job-itm { cursor: pointer; color: #808080; background: url(./images/r-black.png) right center no-repeat; background-size: auto 10px; }

.job-itm div { padding: 22px 0; }

.job-itm .name span { font-size: 18px; color: #221815; }

.container .job-itm { border-bottom: 1px solid #ddd; }

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

.pages div { display: inline-block; }

.pages div.allpages { width: 1080px; }

.pages div.allpages span { color: #008569; padding: 0 5px; }

.pages div.nextbtn { border: 1px solid #221815; padding: 10px 0; text-align: center; border-radius: 5px; width: 108px; }

.navigater { background: url(./images/rl-green.png) left center no-repeat; background-size: auto 13px; color: #008569; line-height: 1; padding: 20px 0 20px 20px; }

.jobdetail-itm { border-bottom: 1px solid #ddd; padding-top: 30px; padding-bottom: 16px; }

.jobdetail-itm h1 { line-height: 1; }

.jobdetail-itm .texts { color: #808080; line-height: 1.6; padding: 16px 0; }

.container .jobdetail-itm:last-child { border-bottom: 0; }

.center { margin: 0 auto; }

.primbtn { cursor: pointer; border-radius: 5px; text-align: center; color: white; padding: 12px 0; background-color: #008569; width: 140px; }

.form-title { margin: 40px 0; }

.form-title h2 { display: inline-block; }

.formsholder { position: relative; }

.formsholder .form-itm { padding: .65em 0; }

.formsholder .form-itm .itm-name { display: inline-block; width: 6em; }

.formsholder .form-itm .itm-name span { position: relative; }

.formsholder .form-itm .itm-name span.ness:after { position: absolute; content: "*"; color: red; top: -3px; right: -8px; }

.formsholder .form-itm .radios { display: inline-block; }

.formsholder .form-itm .radios span { line-height: 1; padding-right: 1.5em; }

.formsholder .form-itm h6 { padding-top: 1em; margin-left: 8.5em; }

.formsholder .form-itm.photocap { position: absolute; top: 0; right: 0; }

.checkbox-fix, .radio-fix { display: none; }

.checkbox-fix + label { background-color: #fafafa; border: 1px solid #cacece; padding: .5em; border-radius: 50%; display: inline-block; position: relative; }

.radio-fix + label { background-color: #fafafa; border: 1px solid #cacece; padding: .45em; border-radius: 50%; display: inline-block; position: relative; }

.checkbox-fix + label:active, .checkbox-fix:checked + label:active, .radio-fix + label:active, .radio-fix:checked + label:active { box-shadow: none; }

.checkbox-fix:checked + label, .radio-fix:checked + label { background-color: #ddd; border: 1px solid #008569; }

.checkbox-fix:checked + label:after { content: ""; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; background: url(./images/ok.png) center center no-repeat #008569; background-size: 110% 110%; border: none; font-size: 1em; width: 100%; height: 100%; }

.radio-fix:checked + label:after { content: ""; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; background: url(./images/ok.png) center center no-repeat #008569; background-size: 110% 110%; border: none; font-size: 1em; width: 100%; height: 100%; }

input[type="button"],.btncss { background-color: #008569; color: white; border: none; text-align: center; cursor: pointer; width: 6em; height: 2.5em; line-height: 2.5em; border-radius: 5px; }

/* INDEX */
.middle-btn { cursor: pointer; border-radius: .1em; text-align: center; color: white; padding: .5em 0; background-color: #008569; width: 10em; font-size: .875em; }

.middle-btn i { font-size: .875em; margin-left: .35em; }

.news-img { width: calc(50% - 1em); }

.news-img .img { position: relative; width: 100%; height: 0; padding-bottom: 30%; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }

.news-img .img .time-holder-1 { position: absolute; top: 0; left: 0; background-color: #008569; color: white; text-align: center; padding: .5em; }

.news-img h3 { margin-top: 1em; display: block; width: 100%; font-weight: bold; text-overflow: ellipsis; }

.news-img h5 { margin-top: .5em; color: #808080; margin-bottom: 1em; }

.news-uls { width: calc(50% - 1em); margin-left: 2em; }

.news-uls .news-list { cursor: pointer; border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 1em; }

.news-uls .news-list:last-child { border-bottom: none; }

.news-uls .news-list h3 { font-weight: bold; }

.news-uls .news-list h5 { color: #808080; margin-top: .5em; }

.news-uls .time-holder-2 { color: #808080; text-align: center; padding: 0 .5em .5em .5em; min-width: 5em; }

.bg-gray { background: url(./images/storageLinks-bg.jpg) top left repeat; background: auto; }

.service { display: flex; flex-grow: 1; justify-content: center; align-items: center; flex-direction: column; }

.service i { font-size: 3em; }

.service h4 { color: #008569; font-weight: bold; }

.service h6 { color: #808080; }

.service em { margin: .4em auto; display: block; width: 1.5em; height: .2em; border-radius: 1em; background-color: #008569; }

.phonenumbers { margin-top: 2em; }

.phonenumbers .call-box { width: calc(50% - 1em); }

.phonenumbers .call-box .hexagon { background: url(./images/hexagon.png) center center no-repeat; background-size: 100% 100%; width: 5.4em; height: 4.6em; color: white; margin-right: 1em; }

.phonenumbers .call-box .hexagon i { font-size: 3em; }

.phonenumbers .call-box .infos h1 { font-weight: bolder; color: #008569; }

.phonenumbers .call-box .infos .hour { color: #808080; }

.phonenumbers .call-box .infos .hour h1 { font-weight: 300; font-size: 2.4em; line-height: 1; color: #808080 !important; }

.fuwulinian { justify-content: space-around; }

.fuwulinian .box { background-position: left top; background-size: auto 12em; background-repeat: no-repeat; border-radius: .5em; margin: 10px 0; width: 560px; padding: 13em 1em 1em 1em; box-sizing: border-box; box-shadow: 0 1px 10px #ddd; }

.fuwulinian .box h2 { line-height: 2; }

.navigator { margin-top: 2em; }

.navigator a { background: url(./images/r-black.png) right center no-repeat; background-size: auto .6em; padding-right: .8em; margin-right: 1em; }

.navigator a:last-child { background: none; cursor: auto; }

.navigator.news { border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-top: 1em; }

.title { min-width: 9em; }

.title em { margin-top: .3em; display: block; width: 4em; height: .2em; border-radius: 1em; background-color: #008569; }

.about .content { margin-left: 2em; }

.about .content p { text-indent: 2em; padding-bottom: 1em; line-height: 1.6; }

.culture .conlist { padding-bottom: 3em; border-bottom: 1px solid #ddd; margin-bottom: 3em; }

.culture .conlist:last-child { border-bottom: none; }

.culture .conlist ul { display: flex; flex-direction: column; flex-grow: 1; }

.culture .conlist ul li { list-style: disc; padding-bottom: .8em; }

.honn-box { margin: 10px; min-width: calc(25% - 20px); max-width: calc(25% - 20px); width: calc(25% - 20px); border-radius: .4em; box-sizing: border-box; background-color: #f8f8f8; box-shadow: 0 1px 10px #ddd; line-height: 1; }

.honn-box .holder { background-color: white; padding: 1em; border-top-left-radius: .4em; border-top-right-radius: .4em; height: 24em; }

.honn-box .holder img { width: 100%; height: auto; }

.honn-box h6 { color: #808080; padding: 2em 0 .65em 2em; }

.honn-box h3 { padding: 0 .5em 4em 1.2785em; }

.history li { margin-bottom: 4em; }

.history li h1 { font-size: 3em; font-weight: bolder; line-height: 1; margin-bottom: .2em; }

.history li p { padding-top: .6em; }

.history .naviyears a { display: flex; background: url(./images/year-bg-1.png) right center no-repeat; background-size: auto 100%; line-height: 1; padding: 1em 0; padding-right: 2em; }

.history .naviyears a.on { background: url(./images/year-bg-2.png) right center no-repeat; background-size: auto 100%; }

.ceosay img { width: 50%; }

.ceosay p { font-size: 1.2em; text-indent: 2em; padding-bottom: 1em; line-height: 1.8; }

.img_div .swipe-desc { background-color: white; border-radius: .6em; padding: 5%; z-index: 860; position: absolute; bottom: -5em; width: 80%; left: 5%; }

.img_div .swipe-desc h3 { margin-bottom: .4em; }

.img_div .swipe-desc h4 { text-align: center; line-height: 3; }

.img_div .swipe-desc h4 label { background: url(./images/arrow-r-red.png) left center no-repeat; background-size: auto .8em; padding-left: 1.6em; cursor: pointer; }

.soloves .box { width: 33.3333333%; box-sizing: border-box; padding: 0 .75em; margin-bottom: 2em; }

.soloves .box .holder { padding: 1em 1em 3em 1em; background-color: #f5f5f5; border-radius: 10px; }

.soloves .box .holder .img { width: 100%; background: url(./images/beng.jpg) left top no-repeat; background-size: 100% auto; padding-bottom: 70%; }

.soloves .box .holder .conts { padding: 1em; }

.soloves .box .holder .conts h2 { margin-bottom: .6em; }

.soloves .box .holder .conts h5 { color: #808080; }

.soloves .box .holder .conts h4 { margin-top: 1em; }

.soloves .box .holder .conts h4 label { background: url(./images/arrow-r-red.png) left center no-repeat; background-size: auto .8em; padding-left: 1.6em; cursor: pointer; }

.consnow { margin: 1em auto; width: 33.333333%; border: 1px solid #221815; padding: .5em 0; text-align: center; border-radius: 7px; cursor: pointer; }

.tabs { overflow-x: auto; border-bottom: 1px solid #ddd; color: #808080; background-color: #f8f8f8; padding-top: 1em; }

.tabs li { cursor: pointer; margin-left: 2em; display: inline-block; }

.tabs li em { display: block; border-radius: 1em; width: 100%; height: 3px; background-color: #f8f8f8; margin: 0 auto; margin-top: .875em; }

.tabs li.active { color: #221815; font-weight: bold; }

.tabs li.active em { background-color: #ff3838; }

.pro-item { padding-bottom: 2em; border-bottom: 1px solid #ddd; margin-bottom: 1em; }

.pro-item h1 { text-align: center; padding: 2em 0 1em 0; }

.pro-item:last-child { border-bottom: none; }

.lab-item { padding-bottom: 2em; border-bottom: 1px solid #ddd; }

.lab-item h1 { text-align: center; line-height: 1; margin-bottom: 1em; }

.lab-item p { padding: .5em 0; text-indent: 2em; }

.lab-item p.jiegou { background: url(./images/jiegou.png) center top no-repeat; background-size: 100% auto; padding-bottom: 33%; }

.lab-item:last-child { border-bottom: none; }

section.graybg { background: url(./images/storageLinks-bg.jpg) left top repeat; background-size: auto; }

.sy-alert h1 { text-align: center; padding: .5em 0; }

.support h1, .support h2 { line-height: 1.6; text-align: center; color: white; }

.support h1 { margin-top: 3.25em; font-size: 3em; }

.support .searchbox { display: flex; width: 50%; margin: 0 auto; margin-top: 2em; background: url(./images/zoom.png) 1em center no-repeat white; background-size: auto 1.1275em; border-radius: .4em; border: none; padding-left: 3em; }

.support .searchbox input { display: flex; flex-grow: 1; border: none; background-color: white; font-size: 1em; padding: 1em 0; outline: none; }

.support .searchbox a { display: flex; background: url(./images/arrow-r-gray.png) center center no-repeat; background-size: auto 1em; padding: 0 2em; }

.downcenter-item { text-align: center; display: flex; flex-direction: column; }

.downcenter-item .box { margin: 0 auto; display: flex; align-items: center; justify-content: center; width: 6em; height: 6em; border-radius: .5em; background-color: #f2f2f2; margin-bottom: 1em; }

.downcenter-item .box em { display: block; width: 3.5em; height: 3.5em; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }

.downcenter-item .box em.pdf { background-image: url(./images/Pdf.png); }

.downcenter-item .box em.jpg { background-image: url(./images/jpg.png); }

.downcenter-item .box em.doc { background-image: url(./images/docb.png); }

.downcenter-item .box em.ppt { background-image: url(./images/ppt.png); }

.downcenter-item h4 { line-height: 2; }

.downcenter-item h6 { margin: 0 auto; background: url(./images/arrow-r-gray.png) left center no-repeat; background-size: auto 1em; padding-left: 1.5em; width: 4em; cursor: pointer; }

.contact .kefuimg { background: url(./images/kefu.jpg) center center no-repeat; background-size: 100% auto; border-radius: .6em; width: 100%; height: 0; padding-bottom: 15%; margin: 1em 0; }

.contact .infos { color: #555; }

.contact .infos h3 { line-height: 4; }

.contact .infos h5 { line-height: 1.6; }

.contact .infos .phone { background: url(./images/call.png) left top no-repeat; background-size: auto 1.35em; padding-left: 1.8em; margin-bottom: .6em; }

.contact .infos .fax { background: url(./images/fax.png) left top no-repeat; background-size: auto 1.35em; padding-left: 1.8em; margin-bottom: .6em; }

.contact .infos .email { background: url(./images/email.png) left 0.2em no-repeat; background-size: auto .85em; padding-left: 1.8em; margin-bottom: .6em; }

.contact .infos .social { background: url(./images/wx.png) left top no-repeat; background-size: auto 1.35em; padding-left: 1.8em; margin-bottom: .6em; }

.contact .infos .address { background: url(./images/addr.png) left 0.1em no-repeat; background-size: auto 1.175em; padding-left: 1.8em; margin-bottom: .6em; }

.newscontent p { font-size: 16px; color: #666; padding-bottom: 1em; line-height: 1.95em; }

.newscontent p.img { margin: 0 auto; text-align: center; max-width: 70%; height: auto; }

.newscontent p.img img { width: 100%; height: 100%; }

.qanda { padding-bottom: 2em; border-bottom: 1px solid #ddd; }

.qanda h1 { background: url(./images/ques.png) left 0.175em no-repeat; background-size: auto 1.2em; padding-left: 1.5em; margin-bottom: .5em; }

.qanda p { margin-left: 3.2em; line-height: 1.8; padding-bottom: 1.5em; }

.qanda:last-child { border-bottom: none; }
/*# sourceMappingURL=pc.min.css.map */