@charset "utf-8"; h3, p, a, span { font-family:'nsr', sans-serif } 
.ir-ftc { display:inline-block; background: url(/assets/images/hrd/main/ir.png) no-repeat } 
.ir-rcon { display:inline-block; background: url(/assets/images/hrd/main/ir.png) no-repeat } 

#mcontainer { position:relative } 
#section1 { position:relative; width:100%; height:532px; background:url(/assets/images/hrd/main/mvisual_bg.jpg) no-repeat 50% 50%; background-size:cover } 
#section1 .section-title { position:absolute; top:80px; left:50%; margin-left:-280px; display:block; width:759px; height:127px; background:url(/assets/images/hrd/main/svisual_tit.png) no-repeat; font-size:0 } 
#section1 span { position:absolute; top:200px; left:50%; margin-left:-124px; font-size:20px; color:#fff } 

#section2 { position:relative; width:100%; height:auto; background-color:#f5f5f5; padding-bottom:280px } 
#section2 .content-1 { position:absolute; top:-200px;left: 0;} 
#section2 .content-1-1 { margin-left:1px } 
#section2 .content-1-1,
#section2 .content-1-2 { float:left; width:50% } 
#section2 article { position:relative; float:left } 
#section2 article.col1 { width:33.33% } 
#section2 article.col2 { width:66.66% } 
#section2 article.row1 { height:200px; } 
#section2 article.row2 { height:400px } 
#section2 article > .inner { display:block; width:100%; height:100%; padding:35px 30px } 
#section2 article.col1 .inner { padding: 34px 24px 34px 30px; text-align: left; } 
#section2 article > .inner .button { margin:10px auto; width:140px; } 
#section2 article > .inner .button a { display:block; padding: 8px 25px; border:2px solid #fff; margin-bottom:8px; color:#fff; text-align:center } 
#section2 article > .inner .button a:hover { background-color:#fff; color:#45342b; } 

#section2 .col_box2 .button { display: flex; justify-content: center; align-items: center; margin-top: 23px; font-size: 0; } 
#section2 .col_box2 .button a { min-width: 168px; color: #FFF; font-size: 15px; font-weight: 500; line-height: 165%; padding: 10px 14px; border: 2px solid #fff; } 

#section2 .col_box2 .button a:first-child { margin-right: 8px; } 
#section2 .col_box3 .inner .button a { display:block; padding: 8px 25px; border:2px solid #929292; margin-bottom:8px; color:#666; text-align:center } 
#section2 .col_box3 .inner .button a:hover { background-color:#929292; color:#fff } 
#section2 .col_box3 .inner .button { margin:10px auto; width:110px; }



.content-1 article .plus {
 width: 19%;
 height: 10%;
 color: white;
 margin-left: 63%;
 border: 1px solid white;
 padding: 4px 10px 3px 10px;
 font-size: 22px;
}
.content-1 article .plus:hover {
 color: #253159;
 background:white;
}
.content-1 article .title{padding:0;font-size:21px;color:#fff;display:  inline-block;}
.content-1 article .title span{text-align:right;color:#fff;}
.content-1 article .title:before{display:none}
.content-1 article.center .title:after{display:none}
.content-1 article p{font-size:15px;line-height:25px;color:#fff;opacity:0.7;}


.content-1 .col_box1 { background-color:#701e20 } 
.content-1 .col_box2 { padding: 34px 28px 30px; background:url(/assets/images/hrd/main/job_col_bg_01.jpg) no-repeat 50% 50%; background-size:cover; text-align: center; } 
.content-1 .col_box3 { background:url(/assets/images/hrd/main/job_col_bg_03.jpg) no-repeat 50% 50%; background-size:cover } 
.content-1 .col_box4 { background-color:#929292; padding:35px } 
.content-1 .col_box5 { background-color:#253159; padding:35px } 
.content-1 .col_box6 { background:url(/assets/images/hrd/main/job_col_bg_02.jpg) no-repeat 50% 50%; background-size:cover } 
.content-1 .col_box7 { background-color:#6f6049 } 

.content-1 .col_box1 .title { margin-bottom:10px } 
.content-1 .col_box2 .title { margin-bottom:6px } 
.content-1 .col_box2 .title:after { display: none; } 
.content-1 .col_box3 .title { color:#3a3a3a } 
.content-1 .col_box3 .title:after { background-color:#3a3a3a } 

.content-1 .col_box4 ul { margin-top:30px } 
.content-1 .col_box4 ul li { float:left; width:33.33% } 
.content-1 .col_box4 ul li a { display:block; font-size:16px; text-align:center; color:#fff } 
.content-1 .col_box4 ul li a span { display:block; margin:0 auto; margin-bottom:10px } 
.content-1 .col_box4 ul li a .ico1 { width:47px; height:35px; background-position:0 0 } 
.content-1 .col_box4 ul li a .ico2 { width:29px; height:37px; background-position:-64px 0 } 
.content-1 .col_box4 ul li a .ico3 { width:47px; height:35px; background-position:-110px 0 } 
.content-1 .col_box4 ul li a:hover,
.content-1 .col_box4 ul li a:focus { text-decoration:underline } 

.content-1 .col_box5 .tab a { display:inline-block; width:49%; font-size:20px; color:#fff; opacity:0.3; letter-spacing:-1px; text-align:center } 
.content-1 .col_box5 .tab a.ov { text-decoration:underline; opacity:1 } 
.content-1 .col_box5 .tab a:hover,
.content-1 .col_box5 .tab a:after { text-decoration:underline; opacity:1 } 
.content-1 .col_box5 > .grap { position:relative } 
.content-1 .col_box5 > .grap .obj { display:none; width:100%; height:100% } 
.content-1 .col_box5 > .grap .obj:first-child { display:block } 

.content-1 .col_box7:before { content:""; position:absolute; top:-27px; left:50%; margin-left:-20px; width:41px; height:36px; background:url(/assets/images/hrd/main/plan_arrow.png)no-repeat } 

#slide { position:relative } 
#slide .grap { position:relative; width:100%; height:250px; margin-top:20px; overflow:hidden } 
#slide .grap .obj { position:relative; width:200% } 
#slide .grap .obj .item { position:relative; float:left; width:50%; min-height:250px; margin-bottom:30px } 
#slide .grap .obj .item b { font-size:16px; color:#fff; line-height:100% } 
#slide .grap .obj .item p { height:140px; margin-top:30px; font-size:14px; line-height:24px; overflow:hidden; } 
#slide .grap .obj .item .date { position:absolute; bottom:0; display:inline-block; margin-top:40px; font-size:14px; color:#fff; opacity:0.7 } 
#slide .control { position:absolute; bottom:0; right:0 } 
#slide .control button { display:block; float:left; width:8px; height:15px; margin-left:10px; font-size:0 } 
#slide .control button[data-type="prev"] { background-position:-195px 0 } 
#slide .control button[data-type="stop"] { background-position:-213px 0 } 
#slide .control button[data-type="play"] { background-position:-231px 0 } 
#slide .control button[data-type="next"] { background-position:-248px 0 } 

#section2 .content-1-2 { margin-left:-1px } 
#section2 .content-1-3 { clear:both; padding-top:280px } 
.content-1-3 ul .info { position:relative; float:left; width:25%; height:188px; overflow:hidden } 
.content-1-3 ul .info a { display:block; width:100%; height:100%; padding:25px; background-color:#fff; border:1px solid #ddd; border-left:0 } 
.content-1-3 ul .info a:hover,
.content-1-3 ul .info a:focus { background-color:#212a3d; border-color:#212a3d } 
.content-1-3 ul .info a:hover h2,
.content-1-3 ul .info a:focus h2 { color:#fff } 
.content-1-3 ul .info a:hover p,
.content-1-3 ul .info a:focus p { line-height:21px; color:#fff; opacity:0.7 } 
.content-1-3 ul .info a:hover .more,
.content-1-3 ul .info a:focus .more { color:#fff; } 
.content-1-3 ul .info h2 { margin-top:0; font-size:21px; color:#000; transition: all 300ms ease-out } 
.content-1-3 ul .info h2:before { display:none } 
.content-1-3 ul .info p { font-size:14px; color:#6c6c6c; transition: all 300ms ease-out } 
.content-1-3 ul .info .more { position:absolute; bottom:30px; color:#6c6c6c } 
.content-1-3 ul .info .more:before { content:""; display:inline-block; width:9px; height:9px; background: url(/assets/images/hrd/main/ir.png)no-repeat; background-position:-280px 0; margin-right:5px } 
.content-1-3 ul .info .ir-rcon { display:block; position:absolute; right:30px; bottom:30px; transition: all 300ms ease-out } 
.content-1-3 ul .info .rco1 { width:44px; height:44px; background-position:0 -52px } 
.content-1-3 ul .info .rco2 { width:36px; height:47px; background-position:-63px -51px } 
.content-1-3 ul .info .rco3 { width:37px; height:46px; background-position:-116px -52px } 
.content-1-3 ul .info .rco4 { width:37px; height:41px; background-position:-169px -52px } 
.content-1-3 ul .info .rco5 { width:46px; height:35px; background-position:-219px -52px } 
.content-1-3 ul .info .rco6 { width:54px; height:34px; background-position:-279px -51px } 
.content-1-3 ul .info .rco7 { width:40px; height:44px; background-position:-348px -51px } 

.content-1-3 ul .info1 p .yt { color:#ffba00 } 

.content-1-3 ul .info5 a, .content-1-3 ul .info6 a, .content-1-3 ul .info7 a, .content-1-3 ul .info8 a { border-top:0 } 
.content-1-3 ul .info1 a, .content-1-3 ul .info5 a { border-left:1px solid #ddd } 

.content-1-3 ul .info:hover h2 { margin-top:-10px; margin-left:-10px } 
.content-1-3 ul .info:hover p { margin-top:-5px; margin-left:-10px } 
.content-1-3 ul .info:hover .ir-rcon { bottom:10px; right:10px } 

#banner { clear:both; position: relative; background-color:#fff; height:85px; line-height:85px; border-top:1px solid #ddd } 
#banner .layout { margin-bottom: 0 } 
#banner .rolling { padding-right: 150px } 
#banner .grap { position:relative; width:100%; overflow:hidden } 
#banner .grap .obj { position:relative; width:200%; height:100px } 
#banner ul li { float:left; width:10%; text-align:center } 
#banner ul li a img { vertical-align: middle } 
#banner .control { position:absolute; top:25px; right:0 } 
#banner .control button { display:block; float:left; width:38px; height:38px; background: url(/assets/images/hrd/main/ir-control.png)no-repeat; font-size:0; margin-right: 5px } 
#banner .control button[data-type="prev"] { background-position: 0 0 } 
#banner .control button[data-type="play"] { background-position: -41px 0; display:none } 
#banner .control button[data-type="stop"] { background-position: -82px 0 } 
#banner .control button[data-type="next"] { background-position: -123px 0 }
#section2 article.row2 ul {display:block;overflow:hidden;white-space:nowrap;color:white;width:100%;margin-top: 60px;}
#section2 article.row2 ul li {display: block;width: 100%;/* margin-bottom: 2%; */}
#section2 article.row2 ul li:first-child {display: block;width: 100%;/* margin-bottom: 2%; */margin-bottom: 3%;border-bottom: 1px dotted #adadad;padding-bottom: 3%;}
#section2 article.row2 ul li a {color:white;width: 65%;/* margin-bottom: 4px; */display: inline-block;text-overflow:  ellipsis;overflow:  hidden;}
#section2 article.row2 ul li span {color:#ffba00;margin-left:15px;margin-bottom: 5px;}




@media(max-width:1240px) {
 #section2 .col_box2 .button a { min-width: 10px; }
 }
@media(max-width:1200px){
 #section2 article > .inner { padding:30px 20px } 
.content-1 .col_box5 .tab a { font-size:18px } 
 }
@media(max-width:1145px) {
 .content-1 article .plus {
  margin-left: 0;
  border: 1px solid white;
  padding: 0 10px;
  float: right;
  width: 34px;
  height: 34px;
  box-sizing: border-box;
 }
 #section2 article.row2 ul {margin-top: 40px;}

}
 @media(max-width:1110px) {
  #section2 .col_box2 .button { margin-top: 18px; }
#section2 .col_box2 .button a { padding: 10px 5px; } 
 }
@media(max-width:1024px){
 .layout { width:auto; padding: 0; } 
#section1 { height:300px; padding-top:80px } 
#section1 .section-title { position:static; width:422px; height:100px; margin:0 auto; background-size:100% }
#section2{padding-bottom:100px;}
#section2 .content-1 { position:static } 
#section2 .content-1-1, #section2 .content-1-2 { float:none; width:100%; margin-left:0 } 
#section2 .content-1-3 { padding-top:0 } 
.content-1-3 ul .info { width:50% } 
.content-1-3 ul .info1 a, .content-1-3 ul .info2 a { border-bottom:0 } 
#banner ul li { width:16.66% }

 }

@media(max-width:640px){
 #section1 { height:330px } 
#section1 .section-title { width:400px;} 
#section1 span { position:static; display:block; margin-left:0; margin-top:20px; text-align:center; font-size:18px }

#section2 article.col1 { width:100% } 
#section2 article.col2 { width:100% } 
#banner ul li { width:25% } 

#section2 article > .inner,
#section2 article.col1 .inner { text-align: center; } 
 .content-1 article .title:after { margin-left: 49%; } 
 #section2 article.col_box2 { height: 220px; } 
 .content-1 article.col_box2 .title:after { content: ''; display: block; width: 11px; height: 1px; background-color: #fff; margin-top: 7px; margin-left: 49%; } 
 .content-1 article.col_box5 .title:after { margin-left: 7px; } 
 
.content-1 .col_box1 p:after,.content-1 .col_box7 p:after { margin-top:30px } 
#section2 article > .inner .button,#section2 .col_box3 .inner .button { width:90% } 
.content-1 .col_box1 p:after, .content-1 .col_box7 p:after { margin-left: 45%; } 
 }

@media(max-width:480px){
 #section1 { height:250px } 
#section1 .section-title { width:295px; height:77px } 
#section1 span { font-size:16px } 
.content-1-3 ul .info { width:100% } 
.content-1-3 ul .info2, .content-1-3 ul .info3, .content-1-3 ul .info4 { border-top:0 } 
#banner ul li { width:50% } 
 }
 @media(max-width:360px){
	#section2 article.col_box2{height: 282px;}
 #section2 .col_box2 .button { flex-wrap: wrap; flex-direction: column; }
 #section2 .col_box2 .button a{width: 100%;}
 #section2 .col_box2 .button a:first-child{margin-right: 0;margin-bottom: 5px;}
 }