@charset "utf-8";

h3, p, a, span{font-family:'nsr', sans-serif}
.ir-clab{display:inline-block;background: url(/images/clab/main/ir.png) no-repeat}
.ir-rcon{display:inline-block;background: url(/images/clab/main/ir.png) no-repeat}

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

#section2{position:relative;width:100%;height:auto;background-color:#f5f5f5;padding-bottom:80px}
#section2 .content-1{position:absolute;top:-200px;}
#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:30px}

#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_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 .title{padding:0;font-size:20px;color:#fff}
.content-1 article .title:before{display:none}
.content-1 article .title:after{content:'';display:block;width:11px;height:1px;background-color:#fff;margin-top:7px}
.content-1 article.center .title:after{display:none}
.content-1 article p{font-size:14px;line-height:25px;color:#fff;opacity:0.7}
.content-1 .col_box1 p:after,.content-1 .col_box7 p:after{content:"";display:block;width:61px;height:15px;background:url(/images/museum/main/icon1.png)no-repeat;margin-top:10px}
.content-1 .col_box1 a:hover p:after,.content-1 .col_box7 a:hover p:after{background-position:15px 0px;transition: all .4s ease-in-out;}

.content-1 .col_box1{background-color:#701e20}
.content-1 .col_box2{background:url(/images/clab/main/job_col_bg_01.jpg) no-repeat 50% 50%;background-size:cover}
.content-1 .col_box3{background:url(/images/clab/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(/images/clab/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:10px}
.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(/images/clab/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(/images/clab/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{background-color:#212a3d;border-color:#212a3d}
.content-1-3 ul .info1 h2{color:#fff}
.content-1-3 ul .info1 p{line-height:21px;color:#fff;opacity:0.7}
.content-1-3 ul .info1 .more{color:#fff;}
.content-1-3 ul .info1 .more:before{background-position:-264px 0} */
.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(/images/clab/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}

@media(max-width:1200px){
	#section2 article > .inner{padding:30px 20px}
	.content-1 .col_box5 .tab a{font-size:18px}
}

@media(max-width:1024px){
	.layout{width:auto}
	#section1{height:300px;padding-top:80px}
	#section1 .section-title{position:static;width:600px;height:100px;margin:0 auto;background-size:100%}
	#section2 .content-1{position:static}
	#section1 span{position:static;display:block;margin-left:0;margin-top:5px;text-align:center}
	#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:280px}
	#section1 .section-title{width:400px;height:70px}
	#section1 span{font-size:18px}
	#section2 article.col1{width:100%}
	#section2 article.col2{width:100%}
	#banner ul li{width:25%}

	#section2 article > .inner{text-align: center;}
	.content-1 article .title:after{margin-left: 49%;}
	.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:320px;height:55px}
	#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%}
}



#header #logo em{letter-spacing: -1px;}
#tm .th1{font-size:15px;letter-spacing: -1px;}
#gnb .layout{padding-left:300px;}