body,html{
min-width: 1280px;
min-height: 680px;
width: 100%;
height: 100%;
margin: 0 auto;
}
*{
box-sizing: border-box;
}
body{
font-family: "微软雅黑";
}
a{
text-decoration: none !important;
}
.warp{
min-width: 1280px;
min-height: 680px;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.bg{
width: 100%;
height: 100%;
}
.warp a{
display: block;
width: 12%;
margin: 0 auto;
position: absolute;
bottom: 9%;
right: 0%;
left: 0;
/*animation: tada 2s linear 0s infinite both;*/
}
.warp a img{
width: 100%;
}
.footer9{
position: absolute;
bottom: 0%;
width: 100%;
text-align: center;
color: #fff;
padding: 5px 0;
}
.footer9 img{
vertical-align: middle;
}
/*------------------------------------------*/
.container9{
min-width: 1280px;
width: 100%;
margin: 0 auto;
position: relative;
}
.navhed{
min-width: 1280px;
width: 100%;
margin: -10px auto 0;
background: #036d3c;
box-shadow: 0px 5px 20px #036d3c;
-moz-box-shadow: 0px 5px 20px #036d3c;
-webkit-box-shadow: 0px 5px 20px #036d3c;
-ms-box-shadow: 0px 5px 20px #036d3c;
}
.navhed ul{
width: 40%;
margin: 0 auto;
height: 50px;
line-height: 50px;
overflow: hidden;
}
.navhed ul li{
width: 33.333%;
float: left;
text-align: center;
}
.navhed ul li a{
display: block;
width: 110px;
height: 50px;
line-height: 52px;
color: #fff;
font-size: 18px;
margin:0 auto ;
text-decoration: none;
}
.navhed ul li a:hover{
background: url(../img/nav_bg.png) no-repeat center center;
color: #fff;
font-weight: bold;
}
.navhed ul li .active{
background: url(../img/nav_bg.png) no-repeat center center;
color: #fff;
font-weight: bold;
}
.banner9{
min-width: 1280px;
width: 100%;
}
.banner9 img{
width: 100%;
}
/*pz_main*/
.jobslist{ padding-top:3%; overflow:hidden;width: 1100px;margin: 0px auto}
.jobslist .l_284{ float:left; width:32%; margin-right:1%; padding-top:2%; background:#eee;padding-bottom: 2%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.jobslist .l_284:hover{ background-color:#cdcdcd;}
.jobslist .l_284 .t_16{ font-size:16px; color:#333; text-align:center; line-height:24px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.jobslist .l_284:hover .t_16{ color:#fff;}
.jobslist .l_284 .d_23{ height:23px; line-height:23px; font-size:14px; color:#008245; margin-top:9%; margin-left:9%; background:url(../Images/jt.png) left center no-repeat; padding-left:5%; position:relative;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.jobslist .l_284:hover .d_23{ width:252px; background:0; color:#fff; padding-left:0;}
.jobslist .l_284 .d_23 .pf_right_icon{ position:absolute; width:24px; height:17px; margin-top:3px; left:200px; top:0; z-index:2; overflow:hidden;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.jobslist .l_284 .d_23 .pf_right_icon i{ float:left; width:0px; height:1px; margin-top:8px; background:#fff;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.jobslist .l_284:hover .d_23 .pf_right_icon i{ width:24px;}
.jobslist .l_284 .d_23 .pf_right_icon b{ float:left; width:8px; height:17px; margin-left:-8px;}
.jobslist .z_bj9{padding-top: 24%;background-repeat: no-repeat;background-position: center top;}
.content{
min-width: 1280px;
width: 100%;
margin: 0px auto 0px;
overflow: hidden;
}
.about{
width: 1100px;
margin: 40px auto;
}
.txt {color: #fff}
.txt p{
font-size: 16px;
color: #333;
line-height: 35px;
color: #fff;
}
.footer1{
position: absolute;
bottom: 0%;
width: 100%;
text-align: center;
color: #fff;
padding: 10px 0;
background: #1f873a;
}
.footer1 img{
vertical-align: middle;
}
/*-----------------------------*/
.lc{
width: 637px;
margin: 50px auto 0;
}
/*-------------------------------*/
/*job*/
.main-content{
width: 1000px;
height: 890px;
margin: 0 auto;
padding-top:30px;
}
.page9{
height: 832px;
}
.post-list{
width: 1000px;
height: 792px;
margin: 0 auto;
font-family: "微软雅黑";
color: #383838;
}
.post-menu{
float: left;
width: 284px;
height: 792px;
}
.post-menu em{
width: auto;
/*height: 40px;*/
/*line-height: 40px;*/
padding: 8px 0;
padding-right: 35px;
padding-left: 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
cursor: pointer;
/*background: url("../img/post-menu-li.png") center no-repeat;*/
background: #036d3c;
margin-bottom:30px;
}
.post-menu em.on{
color: #fff;
background:#036d3c url(../img/san.png) no-repeat 95% center;
}
.tab-content{
width:715px;
height: 794px;
float: right;
}
.tab-content .post-info{
display: none;
}
.cpy-logo{
float: right;
}
.tab-content h3{
font-size: 18px;
color: #fff;
line-height: 50px;
clear: both;
}
.tab-content p{
font-size: 16px;
text-indent: 2em;
}
.post-name{
display:inline-block;
height: 35px;
line-height: 30px;
font-size: 16px;
color: #036d3c;
margin-bottom:15px;
cursor: pointer;
border: 2px solid #f8b62b;
border-radius: 10px;
background: #fff url(../img/jian.png) no-repeat 95% center;
}
.post-name span{
display: inline-block;
padding: 0 40px 0 20px;
}
/*.post-name span::after{
width: 10px;
height: 14px;
background: url(../img/jian.png) no-repeat center center;
margin-left: 20px;
}*/
.post-name span p{
text-indent: 0;
}
/*.post-name .pleft-30{
padding-left:30px;
}
.post-name .pleft-60{
padding-left:60px;
}
.post-name .pleft-80{
padding-left:80px;
}
.post-name .pleft-10{
padding-left: 10px;
}
.post-name span.two-height{
padding-top: 9px;
padding-bottom: 9px;}
.two-height p{ line-height: 20px;}
.post-w184{
width: 184px;
background: url("../img/post-w184bg.png") center no-repeat;
}
.post-w213{
width: 213px;
background: url("../img/post-w213bg.png") center no-repeat;
}*/
.post_body{
width: 496px;
height: auto ;
clear:both;
line-height: 27px;
padding: 30px 20px;
background: rgba(255,255,255,0.2);
border-radius: 5px;
position: relative;
font-size: 16px;
margin-bottom: 17px;
/*box-shadow: 3px 3px 3px rgba(13, 4, 8, 0.4);*/
display: none;
}
.post-scroll{
width:505px ;
height: 215px;
overflow: hidden;
}
.post-scroll1,.post-scroll3, .post-scroll5 , .post-scroll6 , .post-scroll7,.post-scroll9,.post-scroll10,.post-scroll11,.post-scroll13,.post-scroll14,.post-scroll15,
.post-scroll16,.post-scroll17,.post-scroll18,.post-scroll21,.post-scroll22,.post-scroll23,.post-scroll24,.post-scroll26,.post-scroll28,.post-scroll30,.post-scroll31
,.post-scroll33,.post-scroll34,.post-scroll36,.post-scroll37,.post-scroll38{
width: 555px;
height:780px;
overflow: hidden;
}
.post_body b{
color: #fff;
}
.post_body .apply{
width: 120px;
height: 40px;
line-height: 40px;
border-radius: 5px;
background: #f8b62b;
display: block;
position: absolute;
right: 20px;
top:25px ;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
}
.post_body p{
text-indent: 0;
}
.btn {
width: 352px;
height: 40px;
float: left;
}
.btn>a {
width:22px;
height:22px;
line-height: 22px;
text-align: center;
background: #fff;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
color: #434343;
font-size: 16px;
display: inline-block;
margin-top: 10px;
margin-left: 5px;
}
.btn .current {
background: #1c69d4;
color: #fff;
}
.prev{
float: left;
}
.next{
float: right;
}
.prev, .next {
width: 130px;
height: 35px;
line-height: 30px;
font-size: 16px;
display: inline-block;
cursor: pointer;
color: #036d3c;
border-radius: 5px;
text-align: center;
background: #fff;
border: 2px solid #f8b62b;
}
.jobs{
min-height: 558px;
overflow: hidden;
color: #333;line-height: 25px;font-size: 16px;background: #efefef;padding: 2%;margin: 4%;border-radius: 10px
}
.zi1{line-height: 40px;font-size: 1.2rem;background: #008245;color: #fff;font-weight: bold;padding-left: 3%;}
.mCSB_scrollTools .mCSB_draggerRail{
background: #fff;
}
.mCSB_scrollTools .mCSB_dragger{
height: 30px !important;
background: #fff;
border-radius: initial;
top: 20px;
}
.web{display: none;}
/*清除浮动*/
.clear {
clear: both;
}
.f-cb{
zoom: 1;
}
.f-cb:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
.w-f {
width: 100%;
}
.f-cb {
zoom: 1;
}
.fl {
float:left;
display: inline;
}
.fr {
float:right;
display: inline;
}
.talent-wrap {
padding-top: 2%;
padding-bottom: 3%;
}
.talent-wrap .navbox {
width: 100%;
}
.talent-wrap .navbox a {
float: left;
display: block;
width: 50%;
line-height: 68px;
font-size: 20px;
text-align: center;
color: #666;
background-color: #ededed;
}
.talent-wrap .navbox a:hover {
color: #0164bc;
}
.talent-wrap .navbox a.hover {
background-color: #0164bc;
color: #fff;
}
.talent-wrap .list {
}
.talent-wrap .list ul, .talent-wrap .list li {
width: 100%;
}
.talent-wrap .list li {
padding: 0px;margin: 0px; margin-bottom: 2px;
}
.talent-wrap .list .titbox {
line-height: 70px;
position: relative;padding-left: 0%;padding-right: 0%;background: #036d3c;height: 70px;
}
.talent-wrap .list .tit {
font-size: 16px;margin-left: 4.5%;color: #fff
}
.talent-wrap .list .butn {
display: inline-block;
padding-right: 50px;
background: url(../img/ico_03.png) no-repeat right center;
cursor: pointer;
font-size: 14px;margin-right: 4.5%;
}
.talent-wrap .list .butn:hover {
color: #026dcc;
}
.talent-wrap .list .sub-cont {
width: 100%;
margin-bottom: 15px;
display: none;
}
.talent-wrap .list .top-tit {
width:100%;
background: rgba(0, 130, 69, 0.9);
height: 70px;
line-height: 70px;
cursor: pointer;
display: none;
}
.talent-wrap .list .top-tit .ico {
display: inline-block;
width: 25px;
height: 13px;
background: url(../img/ico_04.png) no-repeat center;
margin-top: 28px;margin-right: 4.5%;
}
.talent-wrap .list .top-tit .name {
color: #fff;
font-size: 16px;margin-left: 4.5%;
}
.talent-wrap .list .top-tit .f20 {
font-size: 20px;
}
.talent-wrap .list .cont-wrap {
padding: 0 4.5%;
}
.talent-wrap .list .tabbox {
padding-top: 42px;
padding-bottom: 37px;
border-bottom: 1px solid #dfdfdf;
}
.talent-wrap .list .tabbox td {
color: #fff;
}
.talent-wrap .list .tabbox .tt {
font-size: 14px;
color: #fff;
}
.talent-wrap .list .info {
padding-top: 40px;
padding-bottom: 36px;
}
.talent-wrap .list .info .word {
display: block;
margin-top: 10px;
line-height: 26px;
font-size: 14px;color: #fff
}
.talent-wrap .list .info .boxs {
}
.talent-wrap .list .info .left {
padding-right: 10%;
border-right: 1px solid #f2f2f2;
}
.talent-wrap .list h4 {
font-size: 18px;
font-weight: normal;
line-height: 34px;
color: #fff;
}
.talent-wrap .list .bot-hand {
padding-top: 36px;
padding-bottom: 30px;
}
.talent-wrap .list .bot-hand .apply {
display: block;
width: 158px;
height: 40px;
line-height: 40px;
text-align: center;
color: #333;
font-size: 16px;
background: #026dcc;
border-radius: 2px;
padding: 0;
margin: 0;
}
.talent-wrap .list .bot-hand .btn {
display: inline-block;
font-size: 14px;
color: #999;
line-height: 40px;
padding: 0 0 0 26px;
margin: 0 0 0 20px;
float: right;
height: 40px;
}
.talent-wrap .list .bot-hand .a1 {
background: url(../img/ico_06.png) no-repeat left center;
}
.talent-wrap .list .bot-hand .a2 {
background: url(../img/ico_07.png) no-repeat left center;
}
.talent-idea {
padding-top: 68px;
background-color: #f5f5f5;
padding-bottom: 160px;
}
.talent-idea .list-wrap ul, .talent-idea .list-wrap li {
width: 100%;
}
.talent-idea .list-wrap li {
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 26px;
}
.talent-idea .list-wrap li h3 {
font-size: 26px;
font-weight: normal;
color: #005aab;
padding-left: 39px;
line-height: 42px;
}
.talent-idea .list-wrap li .word {
display: block;
font-size: 14px;
line-height: 24px;
margin-top: 6px;
}
.talent-idea .list-wrap li .tt1 {
background: url(../img/ico_08.png) no-repeat left center;
}
.talent-idea .list-wrap li .tt2 {
background: url(../img/ico_09.png) no-repeat left center;
}
.talent-idea .list-wrap li .tt3 {
background: url(../img/ico_10.png) no-repeat left center;
}
.talent-idea .bot-img {
margin-top: 27px;
}
.talent-idea .bot-img ul {
width: 101%;
}
.talent-idea .bot-img li {
width: 24.5%;
margin-right: 0.5%;
background-color: #fff;
}
.talent-idea .bot-img img {
width: 100%;
}
.talent-idea .bot-img .tit {
line-height: 32px;
padding: 10px 0;
text-align: center;
font-size: 18px;
color: #999;
}
.jine{line-height: 260%;font-size: 1rem;}
.jine h1{font-weight: bold;font-size: 1.2rem;}
.jobstxt ul li{float: left;width:20%;text-align: left;margin-bottom: 9%;text-align: center;}
.jobstxt ul li:nth-child(6),.jobstxt ul li:nth-child(8),.jobstxt ul li:nth-child(9){width: 25%}
.jobstxt ul li:nth-child(10){width: 50%}
.jobstxt ul li:nth-child(6){width: 20%}
.jobstxt ul li p{font-weight: bold;font-size: 1.2rem;}
.jobstxt ul li a{color: #008245}
@media(max-width:760px){
.pc{display: none;}
.web{display: block;}
.jobstxt ul li img{max-width: 100%}
.jobstxt ul li p{font-size: 100%;}
.jobstxt ul li{width: 33.333%}
.jobstxt ul li:nth-child(6),.jobstxt ul li:nth-child(8),.jobstxt ul li:nth-child(9){width: 33.333%}
.jobstxt ul li:nth-child(10){width: 33.333%}
.jobstxt ul li:nth-child(6){width: 33.333%}
.jobs{width: 100%}
.jobslist{width: 100%}
.jobslist .z_bj9{background-size: 34%;padding-top: 35%;}
.jobslist .l_284 .d_23 {padding-left: 19%;}
body,html{
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
margin: 0 auto;
}
*{
box-sizing: border-box;
}
body{
font-family: "微软雅黑";
}
a{
text-decoration: none !important;
}
.warp{
min-width: 100%;
min-height: 100%;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.banner9{
width: 100%;margin: 0 auto
}
.banner9 img{
width: 100%;
}
.content{
min-width: 100%;
width: 100%;
margin: 0px auto 0px;
overflow: hidden;
padding-bottom: 2%;
}
.about{
width: 100%;
margin: 2% auto;
}
.main-content{
width: 100%;
height: auto;
margin: 0 auto;
padding-top:30px;
}
.page9{
height: auto;
}
.post-list{
width: 100%;
height: auto;
margin: 0 auto;
font-family: "微软雅黑";
color: #383838;
}
.post-menu{
float: none;
width: 100%;
height: auto;
}
.post-menu em{
width: 90%;
/*height: 40px;*/
/*line-height: 40px;*/
padding: 8px 0;
padding-right: 5%;
padding-left: 5%;
display: block;
font-size: 16px;
font-weight: bold;
color: #fff;
cursor: pointer;
/*background: url("../img/post-menu-li.png") center no-repeat;*/
background: #036d3c;
margin-bottom:30px;
}
.post-menu em.on{
color: #fff;
background:#036d3c url(../img/san.png) no-repeat 95% center;
}
.tab-content{
width: 100%;
height: auto;
float: none;
}
.tab-content .post-info{
display: none;
}
.cpy-logo{
float: right;
}
.tab-content h3{
font-size: 18px;
color: #fff;
line-height: 50px;
clear: both;
}
.tab-content p{
font-size: 16px;
text-indent: 2em;
}
.post-name{
display:inline-block;
height: 35px;
line-height: 30px;
font-size: 16px;
color: #036d3c;
margin-bottom:15px;
cursor: pointer;
border: 2px solid #f8b62b;
border-radius: 10px;
background: #fff url(../img/jian.png) no-repeat 95% center;
}
.post-name span{
display: inline-block;
padding: 0 40px 0 20px;
}
/*.post-name span::after{
width: 10px;
height: 14px;
background: url(../img/jian.png) no-repeat center center;
margin-left: 20px;
}*/
.post-name span p{
text-indent: 0;
}
/*.post-name .pleft-30{
padding-left:30px;
}
.post-name .pleft-60{
padding-left:60px;
}
.post-name .pleft-80{
padding-left:80px;
}
.post-name .pleft-10{
padding-left: 10px;
}
.post-name span.two-height{
padding-top: 9px;
padding-bottom: 9px;}
.two-height p{ line-height: 20px;}
.post-w184{
width: 184px;
background: url("../img/post-w184bg.png") center no-repeat;
}
.post-w213{
width: 213px;
background: url("../img/post-w213bg.png") center no-repeat;
}*/
.post_body{
width: 80%;
height: auto ;
clear:both;
line-height: 27px;
padding: 30px 20px;
background: rgba(255,255,255,0.2);
border-radius: 5px;
position: relative;
font-size: 16px;
margin-bottom: 17px;
/*box-shadow: 3px 3px 3px rgba(13, 4, 8, 0.4);*/
display: none;
}
.post-scroll{
width:100% ;
height: auto;
overflow: hidden;
}
.post-scroll1,.post-scroll3, .post-scroll5 , .post-scroll6 , .post-scroll7,.post-scroll9,.post-scroll10,.post-scroll11,.post-scroll13,.post-scroll14,.post-scroll15,
.post-scroll16,.post-scroll17,.post-scroll18,.post-scroll21,.post-scroll22,.post-scroll23,.post-scroll24,.post-scroll26,.post-scroll28,.post-scroll30,.post-scroll31
,.post-scroll33,.post-scroll34,.post-scroll36,.post-scroll37,.post-scroll38{
width: 100%;
height:auto;
overflow: hidden;
}
.post_body b{
color: #fff;
}
.post_body .apply{
width: 120px;
height: 40px;
line-height: 40px;
border-radius: 5px;
background: #f8b62b;
display: block;
position: absolute;
right: 20px;
top:25px ;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
}
.post_body p{
text-indent: 0;
}
.navhed ,.container9 ,.banner9{min-width: 100%}
.navhed ul{width: 100%}
}