/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body { font-family: 'Microsoft Yahei',Arial,Simsun; font-size: 14px; min-width: 1200px; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
p { color: #666; }
a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
.clear { display: block; clear: both; }
.relative { position: relative; }
.fl { float: left; }
.fr { float: right; }
img { margin-bottom: -4px; }
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
/* css reset */
html, body { position: relative; width: 100%; height: 100%; }
.bus_liBlock img, .bus_icon, .cla_li, .bu5_img img, .bu5_img, .ne_li, .ne_time, .news_top, .sObject_list ul li, .univer_list ul li, .join_nav li, .nav_w, .nav_wc, .nav_wb, .nav_content, .nav_bgColor { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.bus_liBlock:hover img, .bu5_img:hover img, .sObject_list ul li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.bus_liBlock:hover, .ne_moreBlock:hover, .ne_liBlock:hover, .cla_li:hover, .ne_li:hover, .news_top:hover, .univer_list ul li:hover, .join_nav li:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }

#Header .logo:after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.king:hover:after { width: 150px; left: 600px; -webkit-transition: 1.2s; transition: 1.2s; }
.king:hover:after { width: 150px; left: 1000px; -webkit-transition: 1.2s; transition: 1.2s; }

@-webkit-keyframes anim09 {
    0% { left: -200px; }
    30% { left: 600px; }
    100% { left: 600px; }
}

#Header .logo:after { -webkit-animation: anim09 5s ease-in-out infinite; }

@-webkit-keyframes anim1 {
    0% { -webkit-transform: translate(0,0px); }
    25% { -webkit-transform: translate(0,-20px); }
    75% { -webkit-transform: translate(0,10px); }
    100% { -webkit-transform: translate(0,0); }
}

@-ms-keyframes anim1 {
    0% { -ms-transform: translate(0,0px); }
    25% { -ms-transform: translate(0,-20px); }
    75% { -ms-transform: translate(0,10px); }
    100% { -ms-transform: translate(0,0); }
}

@keyframes anim1 {
    0% { transform: translate(0,0px); }
    25% { transform: translate(0,-20px); }
    75% { transform: translate(0,10px); }
    100% { transform: translate(0,0); }
}

@-moz-keyframes anim1 {
    0% { -moz-transform: translate(0,0px); }
    25% { -moz-transform: translate(0,-20px); }
    75% { -moz-transform: translate(0,10px); }
    100% { -moz-transform: translate(0,0); }
}

@-o-keyframes anim1 {
    0% { -o-transform: translate(0,0px); }
    25% { -o-transform: translate(0,-20px); }
    75% { -o-transform: translate(0,10px); }
    100% { -o-transform: translate(0,0); }
}

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

@-ms-keyframes animScale {
    0% { -ms-transform: scale(1); }
    50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}

@-moz-keyframes animScale {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}

@-o-keyframes animScale {
    0% { -o-transform: scale(1); }
    50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}

@-webkit-keyframes animRotate {
    0% { -webkit-transform: rotate(0); }
    50% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0); }
}

@-ms-keyframes animRotate {
    0% { -ms-transform: rotate(0); }
    50% { -ms-transform: rotate(360deg); }
    100% { -ms-transform: rotate(0); }
}

@keyframes animRotate {
    0% { transform: rotate(0); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(0); }
}

@-moz-keyframes animRotate {
    0% { -moz-transform: rotate(0); }
    50% { -moz-transform: rotate(360deg); }
    100% { -moz-transform: rotate(0); }
}

@-o-keyframes animRotate {
    0% { -o-transform: rotate(0); }
    50% { -o-transform: rotate(360deg); }
    100% { -o-transform: rotate(0); }
}

.king { -webkit-animation: anim1 2s linear infinite; -ms-animation: anim1 2s linear infinite; animation: anim1 2s linear infinite; -moz-animation: anim1 2s linear infinite; -o-animation: anim1 2s linear infinite; }
.big_img, .buIn img { -webkit-animation: animScale 20s linear infinite; animation: animScale 20s linear infinite; -ms-animation: animScale 20s linear infinite; -moz-animation: animScale 20s linear infinite; -o-animation: animScale 20s linear infinite; }
.king { -webkit-animation: animRotate 100s linear infinite; animation: animRotate 100s linear infinite; -ms-animation: animRotate 100s linear infinite; -moz-animation: animRotate 100s linear infinite; -o-animation: animRotate 100s linear infinite; }

.pageBanner img { -webkit-animation: animScale 20s linear infinite; animation: animScale 20s linear infinite; -ms-animation: animScale 20s linear infinite; -moz-animation: animScale 20s linear infinite; -o-animation: animScale 20s linear infinite; }

/*header*/
#webHeader { width: 100%; height: 90px; position: fixed; top: 0px; left: 0px; z-index: 1000; box-shadow: 0px 0px 6px 0px #ccc; }
#Header { width: 100%; height: 90px; position: absolute; top: 0px; left: 0px; z-index: 1000; background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.wrap { width: 1200px; max-width: 1200px; min-width: 768px; margin: 0px auto; position: relative; }
#Header .logo { width: 220px; height: 52px; position: relative; overflow: hidden; float: left; margin-top: 12px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
#Header .logo a { display: block; width: 100%; height: 100%; }
img { border: 0; max-width: 100%; display: inline-block; }
.logo:after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.logo:after { -webkit-animation: anim09 5s ease-in-out infinite; }
.header_ulContent { width: 945px; float: right; z-index: 99; overflow-x: hidden; }
.en_block { position: relative; float: right; top: 30px; border: 1px solid #9f9f9f; width: 28px; height: 28px; border-radius: 5px; text-align: center; line-height: 28px; margin-left: 12px; }
.en_block a { color: #9f9f9f; display: block; width: 100%; height: 100%; }
.en_block:hover a { background: #9f9f9f; color: #fff; }
.head_block { position: relative; float: right; top: 30px; width: 30px; }
.head_icon { position: relative; float: left; width: 32px; height: 31px; background: url(/images/n1.png) no-repeat center; cursor: pointer; display: block; z-index: 99; }
.find_inputBlock { position: absolute; right: 29px; top: 0px; width: 0px; height: 28px; overflow: hidden; border-bottom: 1px solid #ccc; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
input.find_inputText { position: relative; height: 29px; outline: none; padding-left: 15px; width: 241px; border: 1px solid #ccc; border-radius: 2px; display: block; }
.head_block:hover .find_inputBlock { width: 258px; }
#Header .menu.cur { margin-left: -275px; }
#Header .menu { height: 100%; float: left; left: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#Header .menu li:hover { overflow: hidden; background: #009944; }
#Header .menu ul { width: 100%; height: 100%; }
#Header .menu li { height: 100%; float: left; padding-left: 20px; padding-right: 20px; display: block; width: 56px; }
#Header .menu li.nav_liBlock.w_1 { width: 28px; }

#Header .menu li.nav_liBlock.w_2 { width: 70px; }
#Header .menu li.current { background: #009944; }
#Header .menu li:hover a, #Header .menu li.current a { color: #fff; }
#Header .menu li:hover a i, #Header .menu li.current a i { width: 100%; left: 0%; }
#Header .menu li:hover a i { width: 108px; left: 50%; margin-left: -54px; bottom: 0px; overflow: hidden; }
#Header .menu li a { display: block; height: 100%; line-height: 90px; color: #333; font-size: 14px; position: relative; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; white-space: nowrap; }
#Header .menu li a i { display: block; width: 0%; height: 2px; position: absolute; bottom: 0px; left: 50%; background: #62b849; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s }
#Header .menu .submenu { width: 100%; padding: 30px 0; position: fixed; top: 130px; left: 0px; opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; visibility: hidden; background: url(/images/submenu_bg.png); text-align: center }
#Header .menu .submenu img { display: block; }
.indexabout { position: absolute; left: 0; width: 100%; background: url(/images/icon1.png) repeat; height: 60px; display: none; }
.subMenuI { position: relative; text-align: left; width: 1200px; margin: 0 auto; }
.subMenuI.li1 { left: 322px; }
.subMenuI.li2 { left: 420px; }
.subMenuI.li3 { left: 536px; }
.subMenuI.li4 { left: 628px; }
.subMenuI.li5 { left: 726px; }
.subMenuI.li6 { left: 420px; }
.subMenuI.li7 { left: 868px; }
.subMenuI.li8 { left: 918px; }
#Header .menu .subMenuI a { color: #fff; display: inline-block; padding: 0 22px; line-height: 60px; }
#Header .menu li.current .subMenuI a, #Header .menu li:hover .subMenuI a { color: #fff; background: none; }
#Header .menu li .subMenuI a:hover { color: #b6c06e; background: none; }
#Header .menu .subnav { width: 474px; position: absolute; top: 100px; left: 26px; opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; visibility: hidden; }
.common_block { position: relative; width: 100%; padding-top: 90px; }

/*Footer*/
#Footer { position: relative; width: 100%; height: 250px; background: url(/Images/n2.jpg) no-repeat center; background-size: cover; color: #cfcfd5; }
.foot_left { position: relative; float: left; }
.foot_right { position: relative; float: right; margin-top: 55px; }
.foot_right img { display: block; width: 130px; height: 130px; margin: 0 auto; }
.foot_right h2 { margin-top: 10px; text-align: center; }
.foot_nav { position: relative; margin-top: 70px; }
.foot_nav a { display: block; float: left; color: #cfcfd5; margin-right: 50px; }
.foot_nav a:hover { color: #fff; }
.foot_msg { position: relative; margin-top: 20px; z-index: 99; }
.foot_msg span { display: block; float: left; margin-right: 18px; }
.foot_aUl { position: relative; float: left; }
.foot_aUl a { display: block; float: left; color: #cfcfd5; background: url(/Images/n3.jpg) no-repeat right center; padding-right: 10px; margin-right: 8px; }
.foot_msg a:hover { color: #fff; }
.foot_aline { position: relative; float: left; background: url(/Images/n4.png) no-repeat right center; padding-right: 22px; cursor: pointer; display: block; }
.foot_media { position: relative; margin-top: 20px; }
.foot_media a { color: #cfcfd5; }
.foot_media a:hover { color: #fff; }

.pageBanner { width: 100%; position: relative; height: 225px; overflow: hidden; }
.pageImg { position: relative; width: 100%; height: 100%; -webkit-animation: animScale 20s linear infinite; animation: animScale 20s linear infinite; -ms-animation: animScale 20s linear infinite; -moz-animation: animScale 20s linear infinite; -o-animation: animScale 20s linear infinite; }
.page_block { position: absolute; width: 1200px; height: 100%; top: 0; left: 50%; margin-left: -600px; }
.pageTitle { position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 99; font-size: 40px; color: #fff; opacity: 0.3; letter-spacing: -1px; text-transform: uppercase; }
.conBg { background: #f2f2f2; }
.common_nav { position: relative; width: 100%; height: 56px; box-shadow: 0px 0px 10px 0px #ccc; border-bottom: 1px solid #eee; }
.comNav_block { position: relative; width: 1200px; margin: 0 auto; }
.comMsg { position: relative; height: 100%; float: left; }
.comMsg a { display: block; float: left; height: 100%; color: #0c0c0c; line-height: 56px; margin-left: 6px; }
.comMsg a.clickOn { color: #009944; cursor: inherit; }
.comMenu { position: relative; height: 100%; float: right; margin-top: 12px; }
.comMenu a { display: block; float: left; color: #2d2d2d; line-height: 30px; padding-left: 20px; padding-right: 20px; height: 30px; margin: 0px 10px; position: relative; }
.comMenu a:after { content: ""; position: absolute; right: -11px; top: 9px; width: 1px; height: 12px; background: #ccc; display: block; }
.comMenu a.cur, .comMenu a:hover { background: #009944; color: #fff; border-radius: 15px 0 0 0; }
.common_content { position: relative; width: 100%; }
/*联系AG电投厅*/
.contact_content { position: relative; width: 100%; }
.innerTitle { position: relative; width: 100%; text-align: center; padding: 30px 0; }
.innerTitle h2 { color: #262626; font-size: 24px; }
.innerTitle span { color: #939393; font-size: 16px; }
.contact_block { position: relative; width: 100%; border-top: 1px dashed #dcdcdc; }
.contact_nav { position: relative; padding: 30px 0 50px 0; }
.contact_nav .conList { border: 1px solid #bfbfbf; width: 588px; height: 54px; border-radius: 5px; text-align: center; line-height: 54px; color: #262626; font-size: 16px; cursor: pointer; letter-spacing: 1px; }
.conList.at .conLbg, .conList:hover .conLbg { background: url(/Images/n7.png) no-repeat center; background-size: cover; color: #fff; }
.conList.at .conTbg, .conList:hover .conTbg { background: url(/Images/n8.png) no-repeat center; background-size: cover; color: #fff; }
.contact_list { position: relative; width: 100%; padding-bottom: 50px; }
.contact_item { position: relative; width: 100%; }
.cont_txton { color: #1e1032; font-size: 18px; }
.cont_txtNumb { position: relative; width: 100%; color: #1e1032; font-size: 18px; margin-top: 8px; }
.cont_txtNumb span { color: #e54444; font-size: 23px; }
.cont_pgcom { position: relative; width: 100%; margin-top: 30px; }
.cont_pgcom img { display: block; width: 100%; }
.cont_pgcom .cpg_atem { position: relative; float: left; border: 1px solid #cccccc; width: 325px; height: 243px; background: url(/Images/img2.jpg) no-repeat; overflow: hidden; padding: 45px 36px; }
.cont_pgcom .cpg_atem h2 { color: #009944; font-size: 20px; }
.cont_pgcom .cpg_atem p { margin-top: 12px; }
.cont_pgcom .cpg_atem span { display: block; float: left; color: #151515; /*width: 42px;*/ }
.cont_pgcom .cpg_atem a { display: block; float: right; width: 282px; line-height: 22px; }
.cont_pgcom .cpg_btem { position: relative; float: left; margin-left: 6px; border: 1px solid #cccccc; height: 333px; overflow: hidden; }
.cont_pgcom .cpg_ctem { position: relative; float: right; border: 1px solid #cccccc; height: 333px; overflow: hidden; }
.bud_img { position: relative; width: 100%; }
.bud_img img { display: block; width: 100%; }
.bud_nav { position: relative; width: 100%; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; }
.bud_nav li { float: left; padding: 0 30px; background: url(/Images/n10.jpg) no-repeat left center; cursor: pointer; }
.bud_nav li.at, .bud_nav li:hover { color: #009944; }
.bud_txt { position: relative; width: 100%; margin-top: 30px; }
.bud_location { position: absolute; left: 0; top: 0; background: url(/images/n9.png) no-repeat left top; color: #009944; font-size: 26px; padding-left: 30px; }
.bud_content { position: relative; margin-left: 160px; }
.bud_content h2 { color: #009944; font-size: 18px; padding-top: 10px; margin-bottom: 5px; }
.bud_content span { display: block; line-height: 28px; }
.bud_data { position: relative; float: left; margin-right: 50px; }
.bud_cata { position: relative; float: left; }
.padd_cont { position: relative; width: 100%; padding: 50px 0; }
.online_img { position: relative; width: 325px; float: left; }
.online_img img { display: block; width: 100%; }
.online_right { position: relative; width: 784px; float: right; }
.online_right span { display: block; color: #655d60; font-size: 16px; margin-bottom: 26px; }
.onIput { position: relative; width: 782px; border: 1px solid #dcdcdc; height: 30px; margin-bottom: 16px; }
.onIput em { display: block; position: absolute; left: 14px; top: 6px; width: 17px; }
.onIput em img { display: block; width: 100%; }
.onIput input { outline: none; resize: none; width: 700px; margin-left: 40px; color: #c6c6c6; font-size: 15px; border: none; margin-top: 6px; }
.onText { position: relative; width: 100%; margin-bottom: 18px; }
.onText textarea { width: 750px; height: 92px; padding: 6px 16px; border: 1px solid #dcdcdc; outline: none; line-height: 24px; resize: none; font-size: 14px; background: none; }
.submit { display: block; width: 100%; height: 40px; background: #d9d9d9; text-align: center; line-height: 40px; color: #434343; letter-spacing: 22px; font-size: 15px; }
.submit:hover { box-shadow: 0px 0px 10px 0px #ccc; background: #fff; }
.cooper_list { position: relative; width: 100%; padding: 60px 0; }
.cooper_list h2 { font-size: 18px; color: #262626; }
.cooper_list li { float: left; width: 184px; height: 68px; border: 1px solid #dcdcdc; margin-right: 16px; margin-top: 16px; }
.cooper_list li img { display: block; width: 100%; }
.coopBg { background: #f2f2f2; position: relative; width: 100%; padding: 40px 0 60px 0; }
.coopr_img { position: relative; width: 1200px; margin: 0 auto; }
.coopr_img h2 { font-size: 18px; color: #262626; margin-bottom: 20px; }
.coopr_img img { display: block; width: 100%; }
.comTbg { background: #f2f2f2; }

/*加入AG电投厅*/
.talent_left { position: relative; width: 610px; float: left; }
.talent_txt { position: relative; width: 100%; }
.talent_txt h2 { text-align: justify; color: #565656; line-height: 24px; font-size: 15px; margin-bottom: 10px; }
.talent_txt p { text-align: justify; background: url(/Images/n16.png) no-repeat left 8px; color: #565656; line-height: 24px; padding-left: 20px; margin-bottom: 5px; }
.talent_img { position: relative; width: 514px; float: right; }
.talent_img img { display: block; width: 100%; }
.talent_bImg { position: relative; width: 100%; margin-top: 20px; }
.talent_bImg img { display: block; width: 100%; }
.job_content { position: relative; width: 100%; padding: 50px 0; }
.moreBlock { position: relative; width: 100%; height: 48px; cursor: pointer; margin-top: 15px; border: 1px solid #e7e7e7; box-sizing: border-box; text-align: center; font-size: 16px; padding-left: 50px; line-height: 48px; text-transform: uppercase; color: #009944; }
.moreBlock_icon { background: url(/Images/n20.png) no-repeat center; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -50px; top: 4px; }
.moreBlock:hover { box-shadow: 0px 0px 10px 0px #ccc; }
.job_left { position: relative; width: 856px; float: left; }
.job_item { position: relative; border: 1px solid #e5e5e5; width: 854px; }
.job_search { position: relative; padding: 38px 40px; border-bottom: 1px solid #e5e5e5; }
.job_input { position: relative; width: 100%; }
.job_input .jobLi { display: block; width: 186px; height: 30px; color: #808080; font-size: 14px; letter-spacing: 1px; border: 1px solid #c9c9c9; padding-left: 15px; margin-right: 10px; float: left; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; background: url(/Images/n17.png) no-repeat right; }
.job_input .jobInput { padding-left: 10px; border: 1px solid #c9c9c9; width: 414px; height: 28px; color: #808080; font-size: 14px; outline: none; resize: none; float: left; margin-right: 10px; }
.job_input .jobSubmit { display: block; width: 140px; height: 30px; background: #009944; line-height: 30px; color: #fff; float: left; letter-spacing: 6px; }
.job_input .jobSubmit span { margin-left: 36px; margin-right: 7px; }
.job_hot { position: relative; width: 100%; margin-top: 15px; }
.job_hot span { display: block; float: left; background: url(/Images/n21.png) no-repeat left -2px; padding-left: 25px; line-height: 23px; height: 25px; color: #ff2121; }
.job_hot a { display: block; float: left; color: #808080; line-height: 23px; margin-right: 10px; }
.job_hot a:hover { color: #009944; }
.job_list { position: relative; width: 100%; margin-top: 14px; }
.job_list li.Job_nav { /* color: #009944; */ }

.job_list li { text-align: center; height: 46px; line-height: 46px; color: #666666; border-top: 1px solid #e5e5e5; }
.job_list li .JobList { float: left; border-right: 1px solid #e5e5e5; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 46px; }
.job_list li.jli_nav .JobList { color: #666666; }
.job_list li .icon1 { width: 159px; }
.job_list li .icon2 { width: 140px; }
.job_list li .icon3 { width: 79px; }
.job_list li .icon4 { width: 89px; }
.job_list li .icon5 { width: 100px; }
.job_list li .icon6 { width: 162px; border-right: none; }
.job_list li .JobList a { width: 100px; height: 28px; border: 1px solid #cfcfcf; color: #666666; display: block; line-height: 28px; margin-left: 32px; margin-top: 9px; border-radius: 0 15px 0 0; }
.job_list li .JobList a:hover { background: #009944; color: #fff; }
.job_right { position: relative; width: 330px; float: right; }
.job_img { position: relative; width: 100%; margin-bottom: 14px; }
.job_img img { display: block; width: 100%; }
.job_trend { position: relative; border: 1px solid #e5e5e5; width: 328px; }
.job_trend h2 { color: #009944; background: url(/images/n19.png) no-repeat 12px; font-size: 18px; padding-left: 40px; border-bottom: 1px solid #e5e5e5; line-height: 34px; margin-bottom: 2px; }
.job_trend a { display: block; position: relative; margin-left: 12px; color: #939393; border-bottom: 1px solid #e5e5e5; line-height: 40px; background: url(/images/n16.png) no-repeat 5px center; padding-left: 20px; background-size: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jobInner .job_trend h2 { background: url(/images/n24.png) no-repeat 12px; }
.jobInner .job_trend a { width: 196px; padding-right: 100px; }
.jobInner .job_trend span { display: block; position: absolute; right: 12px; top: 0; }
.Jinner_title { position: relative; width: 100%; border-bottom: 1px solid #e5e5e5; }
.Jinner_title h2 { background: url(/Images/n22.png) no-repeat left 15px; color: #009944; font-size: 18px; line-height: 50px; margin-left: 28px; padding-left: 26px; }
.innerBack { display: block; position: absolute; right: 24px; top: 18px; background: url(/Images/n23.png) no-repeat left 2px; padding-left: 25px; color: #3f3a39; }
.Jinner_nav { position: relative; width: 100%; }
.Jinner_nav .item { position: relative; float: left; border-right: 1px solid #e5e5e5; }
.Jinner_nav .item.iA { width: 100px; }
.Jinner_nav .item.iB { width: 250px; }
.Jinner_nav .item.iC { width: 112px; }
.Jinner_nav .item.iD { width: 140px; }
.Jinner_nav .item.iE { width: 124px; }
.Jinner_nav .item.iF { border: none; width: 123px; }
.Jinner_nav .Jlist { border-bottom: 1px solid #e5e5e5; padding-left: 18px; line-height: 50px; color: #808080; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Jinner_txt { position: relative; padding: 25px 40px; }
.Jinner_text h2 { color: #b6c25f; font-size: 18px; margin-bottom: 10px; }
.Jinner_text p { color: #959595; line-height: 24px; min-height: 24px; }
.Jinner_text span { color: #666666; }
.job_submit { position: relative; width: 100%; margin-top: 40px; }
.job_submit a { display: block; width: 102px; height: 32px; line-height: 32px; text-align: center; color: #fff; margin-right: 20px; background: #009944; float: left; }
.job_submit a.collect { background: #f17b6f; }
.Jcul_title { position: relative; width: 100%; padding: 45px 0; }
.Jcul_title p { text-align: center; line-height: 24px; color: #656565; }
.Jcul_list { position: relative; width: 100%; padding-bottom: 50px; }
.Jcul_list ul { width: 102%; }
.Jcul_list li { position: relative; width: 386px; margin-bottom: 30px; float: left; margin-right: 22px; box-shadow: 0px 0px 10px #b7b2b2; }
.Jcul_list li img { width: 100%; }
.Jcul_list li h2 { width: 96%; text-align: center; background: #f2f2f2; color: #363636; padding: 15px 2%; }
.value_list { position: relative; width: 100%; height: 420px; margin: 50px 0; }
.value_list .arrow-left { position: absolute; left: -66px; top: 50%; width: 42px; height: 42px; background: url(/Images/n26.png) no-repeat; margin-top: -21px; z-index: 999; cursor: pointer; }
.value_list .arrow-right { position: absolute; right: -66px; top: 50%; width: 42px; height: 42px; background: url(/Images/n27.png) no-repeat; margin-top: -21px; z-index: 999; cursor: pointer; }
.value_list .swiper-container { width: 100%; height: 100%; }
.value_list .swiper-wrapper { width: 100%; height: 100%; }
.value_list .swiper-slide { }
.value_img { position: relative; width: 288px; box-shadow: 0px 0px 10px #b7b2b2; margin: 0 auto; }
.value_img img { width: 100%; }
.value_txt { position: relative; width: 288px; box-shadow: 0px 0px 10px #b7b2b2; margin: 0 auto; text-align: center; height: 130px; }
.value_txt h2 { font-size: 20px; color: #262626; padding-top: 20px; margin-bottom: 10px; }
.value_txt p { color: #5b5b5b; line-height: 24px; }
.social_list { position: relative; width: 100%; }
.social_list ul { width: 102%; }
.social_list ul li { float: left; position: relative; width: 386px; margin-right: 22px; margin-bottom: 30px; box-shadow: 0px 0px 10px #b7b2b2; }
.social_list img { width: 100%; }
.social_list h2 { width: 96%; text-align: center; background: #f2f2f2; color: #363636; padding: 15px 2%; }

/*投资者关系*/
.shares_content { position: relative; width: 100%; background: #f2f2f2; }
.shares_block { position: relative; width: 100%; margin: 0 auto; padding-bottom: 40px; }
.shares_left { position: relative; width: 100%; padding-top: 30px; padding-left: 30px; }
.gu_name { position: relative; }
.gu_name h2 { color: #666; font-size: 16px; }
.gu_name p { font-size: 49px; /* float: left; */ color: #ee3f3f; font-weight: bold; letter-spacing: -2px; }
.gu_name em { display: block; font-size: 32px; color: #ee3f3f; background: url(/Images/n29.png) no-repeat left 13px; padding-left: 30px; margin-top: 5px; margin-left: 8px; letter-spacing: -2px; }
.gu_name .gu_deBlock { color: #ee3f3f; display: block; position: absolute; bottom: 6px; left: 119px; }
.gu_deBlock div { display: block; float: left; padding-right: 5px; }
.gu_padding { position: relative; width: 100%; margin-top: 30px; }
.gu_rata { float: left; position: relative; width: 130px; padding-left: 30px; color: #666; margin-bottom: 20px; }
.gu_rata h2 { font-size: 16px; }
.gu_rata p { font-size: 26px; color: #666; margin-top: 3px; }
.gu_span { padding-left: 30px; color: #666; margin-top: 6px; width: 80%; line-height: 22px; }
.info_content { position: relative; width: 100%; padding: 40px 0; }
.info_list { position: relative; border: 1px solid #cccccc; }
.info_list li { line-height: 44px; border-bottom: 1px solid #cccccc; }
.info_name { position: relative; float: left; width: 280px; border-right: 1px solid #cccccc; }
.info_name span { margin-left: 50px; letter-spacing: 1px; }
.info_txt { position: relative; float: left; width: 525px; }
.info_txt span { margin-left: 45px; letter-spacing: 1px; }
.info1_leftBlock { position: relative; width: 355px; float: left; overflow: hidden; }

.info1_rightBlock { position: relative; width: 809px; float: right; }
.info1_titleBlock { position: relative; padding-bottom: 30px; font-size: 26px; color: #666; }
.info1_titleEn { font-size: 18px; padding-top: 5px; }

.shares_right { position: relative; width: 100%; }
.anno_content { position: relative; width: 100%; padding: 40px 0; }
.anno_list { position: relative; width: 100%; }
.anno_list li { position: relative; height: 102px; width: 1198px; border: 1px solid #e5e5e5; margin-bottom: 15px; }
.anno_time { position: relative; width: 116px; float: left; height: 100%; background: #e5e5e5; }
.anno_time span { color: #9c9c9c; font-size: 50px; margin-left: 25px; line-height: 58px; margin-top: 7px; display: block; }
.anno_time p { color: #4e4e4e; margin-left: 34px; font-size: 15px; }
.anno_txt { position: relative; width: 812px; float: left; padding: 0 40px; margin-top: 25px; color: #2e2e2e; font-size: 16px; line-height: 26px; letter-spacing: 1px; }
.anno_pdf { display: block; position: relative; float: right; width: 116px; height: 44px; margin-right: 34px; border-radius: 10px 0 0 0; border: 1px solid #d2d2d2; color: #d0d0d0; margin-top: 28px; }
.anno_pdf span { display: block; position: absolute; right: 16px; top: 12px; }
.anno_pdf em { display: block; width: 21px; height: 21px; background: url(/images/n30.png); position: absolute; left: 24px; top: 11px; }
.anno_list li:hover .anno_pdf span { color: #fff; }
.anno_list li:hover .anno_pdf em { background: url(/images/n31.png); }
.anno_list li:hover .anno_pdf { background: #009944; }
.anno_pdf:hover span { right: 54px; }
.anno_pdf:hover em { left: 70px; }
.anno_list li:hover { box-shadow: 0px 0px 10px 0px #ccc; }
.strac_content { position: relative; width: 100%; padding: 40px 0; }
.strac_content .strac_list { position: relative; width: 100%; }
.strac_top { position: relative; width: 100%; background: #00a64f; }
.strac_top .stracT { color: #ffffff; font-size: 16px; }
.stracT { position: relative; float: left; width: 400px; text-align: center; line-height: 44px; }
.strac_top .stracT.a1 { width: 399px; border-right: 1px solid #fff; }
.strac_item { position: relative; width: 100%; }
.strac_item .stracT { color: #0e0e0e; }

/*生产技术*/
.capa_list { position: relative; width: 100%; padding: 40px 0; }
.capa_list li.capa_top { background: #00a64f; }
.capa_list li.capa_top p { color: #fff; }
.capa_list li p { color: #0e0e0e; min-height: 20px; }
.capaTxt { position: relative; width: 255px; float: left; padding: 14px 0 14px 45px; }
.capaTxt.a1 { width: 254px; border-right: 1px solid #fff; }
.equ_list { position: relative; width: 100%; padding: 40px 0; }
.equ_list ul { width: 102%; }
.equ_list li { float: left; width: 386px; margin-right: 22px; margin-bottom: 22px; box-shadow: 0px 0px 10px #b7b2b2; }
.equ_list li img { width: 100%; }
.equ_list li h2 { line-height: 48px; color: #363636; width: 366px; padding: 0 10px; text-align: center; background: #f2f2f2; }
.system_content { position: relative; width: 100%; padding: 40px 0; }
.system_content .contact_nav .conList { width: 31%; }
.system_content .contact_nav .conList.fl { margin-left: 20px; }
.system_list { position: relative; width: 100%; height: 450px; }
.system_item { position: relative; width: 100%; height: 100%; opacity: 0; }
.system_item.cur { opacity: 1; }
.system_item .arrow-left { position: absolute; left: -66px; top: 45%; width: 42px; height: 42px; background: url(/Images/n26.png) no-repeat; margin-top: -21px; z-index: 999; cursor: pointer; }
.system_item .arrow-right { position: absolute; right: -66px; top: 45%; width: 42px; height: 42px; background: url(/Images/n27.png) no-repeat; margin-top: -21px; z-index: 999; cursor: pointer; }
.pr_text { position: relative; width: 100%; background: #fff; padding: 14px 0; text-align: center; font-size: 12px; line-height: 21px; }
.system_item .swiper-container { width: 100%; height: 100%; }
.systemImg { position: relative; width: 94%; box-shadow: 0px 0px 10px #b7b2b2; margin: 0 auto; margin-top: 8px; }
.systemImg img { width: 100%; }

/*产品分类*/
.project_list { position: relative; width: 100%; padding: 40px 0; margin: auto; }
.project_list ul { width: 102%; }
.project_list li { width: 386px; height: 296px; float: left; margin-right: 22px; margin-bottom: 22px; box-shadow: 0px 0px 10px #b7b2b2; cursor: pointer; }
.proImg { width: 354px; border: 1px solid #eeeeee; margin: 14px auto; }
.proImg img { width: 100%; }
.proTxt { position: relative; width: 354px; margin: 24px auto; }
.proTxt h2 { float: left; color: #1b1b1b; font-size: 18px; }
.proMore { position: relative; float: right; width: 82px; height: 30px; border-radius: 0 10px 0 0; border: 1px solid #d2d2d2; }
.proMore span { color: #bbb5b5; display: block; position: absolute; left: 8px; top: 5px; }
.proMore em { display: block; position: absolute; width: 10px; height: 10px; background: url(/images/n34.png) no-repeat; right: 4px; top: 10px; }
.project_list li:hover .proMore { background: #009944; }
.project_list li:hover .proMore span { color: #fff; left: 22px; font-size: 13px; top: 6px; }
.project_list li:hover .proMore em { background: url(/images/n35.png) no-repeat; right: 67px; height: 11px; }
.project_list li:hover .proTxt h2 { color: #009944; }
.proClick { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: url(/Images/n36.png) repeat; display: none; }
.proCblock { position: absolute; width: 1000px; height: 464px; left: 50%; top: 52%; margin-left: -500px; margin-top: -282px; background: #f2f2f2; border-radius: 5px; padding: 50px 0; }
.proCimg { position: relative; width: 569px; float: left; margin-left: 68px; }
.proCimg img { width: 100%; }
.proCimg h2 { text-align: center; width: 100%; font-size: 18px; color: #1b1b1b; margin-top: 15px; }
.proCtxt { position: relative; width: 260px; float: right; margin-right: 42px; }
.proCtxt h2 { color: #676767; padding-left: 28px; font-size: 18px; margin-bottom: 5px; }
.proCtxt p { color: #919191; line-height: 22px; padding-left: 28px; }
.proCtxt_Aitem { padding-bottom: 20px; border-bottom: 1px solid #c8c8c8; }
.proCtxt_Aitem h2 { background: url(/Images/n37.png) no-repeat left; }
.proCtxt_Bitem h2 { background: url(/Images/n38.png) no-repeat left; }
.proCtxt_Bitem { position: relative; margin-top: 20px; }
.proClose { position: absolute; display: block; width: 23px; height: 23px; background: url(/Images/n39.png) no-repeat; right: -30px; top: 0; }



/*淡入动画*/
.proMore em, .proMore span, .project_list li, .systemImg, .equ_list li, .anno_list li, .anno_pdf em, .anno_pdf span, .anno_pdf, .social_list li, .conLbg, .conTbg, .submit, .moreBlock, .Jcul_list li, .value_list .swiper-slide { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.project_list li:hover, .systemImg:hover, .equ_list li:hover, .anno_list li:hover, .social_list li:hover, .submit:hover, .moreBlock:hover, .Jcul_list li:hover, .value_list .swiper-slide:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.nav_button { position: fixed; right: 30px; top: 20px; background: #e5e5e5; z-index: 1020; padding: 6px 10px; cursor: pointer; height: 38px; }
.nav_button.cur, .nav_button:hover { border-radius: 100px; background: #fff; }

.nav_w { width: 30px; height: 2px; background: #009944; margin: 8px 0; }
.nav_button:hover .nav_w:nth-child(1), .nav_button.cur .nav_w:nth-child(1) { -webkit-transform: rotate(45deg) translate(7px,7px); }

.nav_button:hover .nav_w:nth-child(2), .nav_button.cur .nav_w:nth-child(2) { opacity: 0; }

.nav_button:hover .nav_w:nth-child(3), .nav_button.cur .nav_w:nth-child(3) { -webkit-transform: rotate(-45deg) translate(7px,-7px); }
.nav_content { position: fixed; right: -460px; top: 0px; z-index: 1010; background: #fff; border: 1px solid #ccc; width: 456px; height: 100%; overflow: hidden; }
.nav_content.cur { right: 0px; }

.nav_he { position: relative; width: 100%; background: #009944; color: #fff; padding: 30px 30px; font-size: 20px; height: 30px; line-height: 30px; }
.nav_contentBlock { padding: 5px 30px; position: relative; width: 430px; height: 80%; overflow: hidden; }

.nav_ulBlock { position: relative; width: 100%; }

.nav_liBlock1 { border-bottom: 1px solid #ccc; padding: 12px 0; }

a.nav_liTitle { color: #676666; font-size: 16px; }

.nav_ul { padding-top: 8px; }

a.nav_li { color: #787878; margin-right: 15px; margin-bottom: 6px; display: block; float: left; }

.nav_block { position: relative; padding: 25px 0; }

a.nav_a { color: #464646; float: left; }
.nav_wcWb { position: relative; float: left; width: 200px; margin-left: 20px; }

.nav_wb { position: relative; width: 20px; height: 18px; background: url(/images/wb.png) no-repeat center; padding: 0px 5px; float: left; cursor: pointer; display: block; }
.nav_wb:hover { background: url(/images/wb1.png) no-repeat center; }

.nav_wc { position: relative; width: 20px; height: 18px; background: url(/images/wc.png) no-repeat center; padding: 0px 5px; float: left; cursor: pointer; display: block; }
.nav_wc:hover { background: url(/images/wc1.png) no-repeat center; }
.nav_ulBlock a:hover { color: #009944; }

.nav_bgColor { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/images/b_1.png); z-index: 1005; display: none; }
.nav_bgColor.cur { display: block; }
.nav_wcImg { position: absolute; left: 20px; width: 129px; height: 129px; bottom: 20px; margin-left: -65px; display: none; }
.nav_wc:hover .nav_wcImg { display: block; }
.ser_block { position: relative; width: 100%; padding: 40px 0 60px 0; }
.pro_content { position: relative; width: 872px; margin: auto; padding-top: 20px; }
.video_block { position: relative; width: 100%; padding: 40px 0; }

.video_img { position: relative; width: 100%; }

video.video_video { width: 100%; }

.video_play { position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -38px; z-index: 99; cursor: pointer }
.big_imgBlock img { width: 100%; }

a.join_button { position: fixed; display: block; width: 120px; right: 0%; bottom: 10%; z-index: 90; }

.email_button { display: block; width: 102px; height: 32px; line-height: 32px; text-align: center; margin: auto; color: #fff; background: #009944; margin-top: 20px; cursor: pointer; }

.email_block { position: fixed; top: 0; left: 0; z-index: 1200; width: 100%; height: 100%; display: none; }

.email_block h2 { font-size: 18px; color: #009944; margin-top: 20px; margin-bottom: 5px; }

.email_text { color: #666; font-size: 16px; position: fixed; top: 50%; left: 50%; width: 300px; background: #fff; padding: 30px; border: 1px solid #ccc; z-index: 990; text-align: center; padding-top: 0; transform: translate(-50%, -50%); }

.email_block .email_after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); cursor: pointer; }

.email_close { position: absolute; right: -18px; top: -18px; width: 36px; height: 36px; background: #fff url(/images/n391.png) no-repeat center; background-size: 11px; border: 1px solid #009944; border-radius: 200px; cursor: pointer; }

.job_submit .email_button { float: left; margin-top: 0; }
<!--0.00020003318786621-->