@charset "utf-8";


.ir{display:inline-block;/*background:url(/images/nrl/main/ir.png) no-repeat*/}
.vico{display:inline-block;background:url(/images/nrl/main/visual_ico.png) no-repeat}
.ico{display:inline-block;background:url(/images/nrl/main/ico.png) no-repeat}
.layout{width:100%}
h2{margin:0}
h2:before{display:none}
h3{word-break:keep-all}

#visual{position:relative;overflow:hidden}
.visual_img{position:absolute;top:0;left:0;width:100%;height:100%}
.visual_img .grap{width:100%;height:100%;overflow:hidden}
.visual_img .grap .obj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.visual_img .grap .obj .item{position:relative;width:100%;height:100%;float:left;opacity:0.5}
.visual_img .grap .obj .item.img1{background:url(/images/nrl/main/visual_bg1.jpg) no-repeat 50% 50%;background-size:cover}
.visual_img .grap .obj .item.img2{background:url(/images/nrl/main/visual_bg2.jpg) no-repeat 50% 50%;background-size:cover}
.visual_img .grap .obj .item.img3{background:url(/images/nrl/main/visual_bg3.jpg) no-repeat 50% 50%;background-size:cover}
.visual_img .control{position:absolute;bottom:250px;left:50%;margin-left:-50px;z-index:50}
.visual_img .control [data-type="stop"]{width:13px;height:13px;background-position:0 0}
.visual_img .control [data-type="play"]{display:none;width:13px;height:13px;background-position:-47px 0}
.visual_img .numb{position:absolute;bottom:250px;left:50%;margin-left:-25px;z-index:55}
.visual_img .numb .ir{width:13px;height:13px;background-position:-123px 0;margin-right:10px;font-size:0}
.visual_img .numb .ir.ov{background-position:-86px 0;}
.visual_txt{padding-top:80px;text-align:center}
.visual_txt .en_tit{font-family:'nsr';font-size:20px;font-style:italic;color:#fff}
.visual_txt .en_tit:after{content:"";display:block;width:1px;height:48px;background-color:#fff;margin: 0 auto;
margin-top: 10px;opacity:0.5}
.visual_txt h2{text-align:center;font-size:50px;font-weight:normal;color:#fff}
.visual_txt h2 .redtxt{}
.visual_txt p{margin-top:30px;font-size:20px;color:#fff;opacity:0.9}
.popular_service{position:relative;width:100%;height: 190px;position:absolute;bottom:0;left:0;background:url(/images/nrl/main/service_bg.png)repeat;overflow:hidden}
.service_txt{position:absolute;top:50px}
.service_txt h3{position:relative;width:94px;height:25px;background:url(/images/nrl/main/service_tit.png) no-repeat;margin:0;font-size:0}
.service_txt h3 span{position:absolute;top:-6px;padding-left:103px;font-size:26px;font-family:'nmg';}
.service_txt p{margin-top:20px;font-size:15px;color:#fff}
#service_menu{overflow:hidden;padding:40px 5px 40px 300px}
#service_menu .grap{width:100%;height:100%;overflow:hidden}
#service_menu .grap .obj{position:relative;width:200%;height:100%;overflow:hidden}
#service_menu .grap .obj .item{float:left;width:8.4%;margin-bottom:50px}
#service_menu .grap .obj .item a{display:block;text-align:center;color:#fff;}
#service_menu .grap .obj .item a .vico{display:block;width:73px;height:73px;border:1px solid #cfcbc3;border-radius:3px;margin:0 auto;margin-bottom:15px;transition: all 300ms ease-out}
#service_menu .grap .obj .item a .vico1{background-position:0 0;}
#service_menu .grap .obj .item a .vico2{background-position:0 -76px}
#service_menu .grap .obj .item a .vico3{background-position:0 -150px}
#service_menu .grap .obj .item a .vico4{background-position:0 -228px}
#service_menu .grap .obj .item a .vico5{background-position:0 -300px}
#service_menu .grap .obj .item a .vico6{background-position:0 -375px}
#service_menu .grap .obj .item a .vico7{background-position:0 -452px}
#service_menu .grap .obj .item a .vico8{background-position:0 -525px}
#service_menu .grap .obj .item a .vico9{background-position:0 -600px}
#service_menu .grap .obj .item a .vico10{background-position:0 -675px}
#service_menu .grap .obj .item a:hover .vico,
#service_menu .grap .obj .item a:focus .vico{}
#service_menu .control{}
#service_menu .control button{width:15px;height:26px;font-size:0}
#service_menu .control button[data-type="prev"]{position:absolute;top:80px;left:280px;background-position: -160px 0}
#service_menu .control button[data-type="next"]{position:absolute;top:80px;right:-5px;background-position: -207px 0}

#cont_wrap{background-color:#e9e9e9;padding-top:90px}
#cont_wrap .inner_box{box-sizing:border-box}
#cont_wrap article{position:relative;float:left;}

#news{width:43%}
#news .tab{border:1px solid #ddd;box-sizing:border-box}
#news .tab a{display:block;width:45%;height:50px;float:left;position:relative;background-color:#fafafa;border-left:1px solid #ddd;line-height:50px;text-align:center;font-size:17px;color:#1f1f1f;}
#news .tab a.detail_view{width:10%;font-size:0}
#news .tab a.detail_view .ir{width:13px;height:13px;background-position: -293px 0;margin:0 auto;vertical-align:middle}
#news .tab a:hover{}
#news .tab a:hover .ir{display:inline-block;width:9px;height:7px;background-position: -250px 0;margin-left:5px;vertical-align:middle}
#news .tab a.detail_view:hover{background-color:#fafafa}
#news .tab a.detail_view:hover .ir{width:13px;height:13px;background-position: -293px 0;margin:0 auto;vertical-align:middle}
#news .tab a:first-child,
#news .tab a.ov:first-child{padding-left:0;border-left:none;}
#news .tab a.ov{}
#news .tab a.ov .ir{display:inline-block;width:9px;height:7px;background-position: -250px 0;margin-left:5px;vertical-align:middle}

#news .grap{clear:both;background-color:#fff;padding:25px 40px;border:1px solid #ddd;border-top:none}
#news .obj{display:none}
#news .obj:first-child{display:block}
#news .mboard{}
#news .mboard li{position:relative;margin-top:16px;padding-left:80px;height:70px;border-top: 1px dotted #ddd;font-size:16px;line-height:0}
#news .mboard li:first-child{margin-top:0;border-top:none}
#news .mboard li .date{position:absolute;top:7px;left:0;color:#8b8b8b;width:65px;letter-spacing:-1px;text-align:center}
#news .mboard li .date .day{display:block;line-height:20px;color:#000;font-family:serif;font-size:42px;line-height:40px}
#news .mboard li .date .year{font-size:14px}
#news .mboard li .date.new:before{content:"";position: absolute;top:0;left:55px;display:inline-block;width:19px;height:19px;background:url(/images/nrl/main/ir.png)no-repeat;background-position:-340px 0}
#news .mboard li a{display:block;overflow:hidden;max-height:70px;padding-top:17px;color:#767676;line-height:24px}
#news .mboard li a:before{content:"";display:inline-block;height:48px;vertical-align:middle}
#news .mboard li a span{display:inline-block;line-height:inherit;vertical-align:middle;font-size:15px}
#news .mboard li a span:hover{text-decoration:underline;color:#555;}

.greeting{position:relative;display:block;width:33%;height:431px;float:left;background:url(/images/nrl/main/greeting_bg.jpg) no-repeat;background-size:cover;padding:10px;border-left:20px solid transparent}
.greeting .inner_line{width:100%;height:100%;border:1px solid #5d6979;padding:0 30px;}
.greeting .inner_line h3{margin-top:60px;width:118px;height:24px;background:url(/images/nrl/main/greeting_tit.png) no-repeat;font-size:0;}
.greeting .inner_line p{color: #fff;margin-top: 80px;font-size: 16px;line-height: 25px;opacity:0.8}
.greeting .inner_line .detail_view{position: absolute;bottom: 50px;right:50px;font-size: 16px;color: #fff;}
.greeting .inner_line .detail_view .ir{width:39px;height:39px;background-position: -207px -51px;margin-left:10px;vertical-align:middle}

.intro{width:24%;border-left:20px solid transparent;float:left}
.intro a{position:relative;padding:30px;}
.intro a h3{margin-top:20px;margin-bottom:30px;}
.intro a p{max-width:70%}
.intro .intro1{display:block;width:100%;height:206px;background-color: #fff;margin-bottom:20px;}
.intro .intro1 .ir{width:42px;height:46px;background-position:0 -49px;float:right;margin-top:-40px}
.intro .intro2{display:block;width:100%;height:205px;background-color: #a99e87}
.intro .intro2 .ir{width:41px;height:57px;background-position:-47px -49px;float:right;margin-top:-40px}
.intro .intro2 h3, .intro .intro2 p{color:#fff}


.lnk_tit{clear:both;text-align:center;padding:80px 060px;}
.lnk_tit h2{width:126px;height:35px;margin:0 auto;margin-bottom:15px;background:url(/images/nrl/main/major_tit.png) no-repeat;font-size:0}
.lnk_tit h2:before,
.lnk_tit h2:after{content:"";display:inline-block;width:194px;height:1px;background-color:#8e8e8e;margin-top:10px;}
.lnk_tit p{font-size: 16px;color: #9f9f9f}

#lnk{position:relative;width:100%;height:400px;background:url(/images/nrl/main/bot_whole_bg.jpg) no-repeat 50% 50%;background-size: cover}
#lnk .major{position:relative;display:block;float:left;width: 19.66%;height:100%;padding:10px;border-left:1px solid #202533;text-align:center;}
#lnk .major:first-child{border-left: none;}
#lnk .major1, #lnk .major2, #lnk .major3, #lnk .major4, #lnk .major5, #lnk .major6{background:none}
#lnk .major .inner_line{display:none;width:100%;height:100%;border:1px solid #fff;opacity:0.5}

#lnk .major p{position:absolute;top:33%;color:#fff;font-size:20px}
#lnk .major1 p{left:50%;margin-left:-76.6px}
#lnk .major2 p{left:50%;margin-left:-50px;}
#lnk .major3 p{left:50%;margin-left:-64.2px;}
#lnk .major4 p{left:50%;margin-left:-40px;}
#lnk .major5 p{left:50%;margin-left:-50px;}
#lnk .major6 p{left:50%;margin-left:-95px;}
#lnk .major p .ico{display:block;height:79px;margin:0 auto;background:url(/images/nrl/main/ico.png) no-repeat;}
#lnk .major p .ico1{width:54px;background-position: 0 0;height: 78px;}
#lnk .major p .ico2{width:58px;background-position: -71px 0;height: 78px;}
#lnk .major p .ico3{width:60px;background-position: -141px 0;height: 77px;}
#lnk .major p .ico4{width:54px;background-position: -220px 0;height: 78px;}
#lnk .major p .ico5{width:62px;background-position: -289px 0;height: 78px;}
#lnk .major p .ico6{width:66px;background-position: -360px 0;height: 78px;}
#lnk .major p:after{content:"";display:none;width:43px;height:43px;background:url(/images/nrl/main/ir.png) no-repeat;background-position:-123px -49px;margin:0 auto;margin-top:20px;}

#lnk .major:hover p:after{display:block;}
#lnk .major1:hover{background:url(/images/nrl/main/bot_bg1.jpg) no-repeat;background-size:cover;}
#lnk .major1:hover .inner_line{display:block;}
#lnk .major2:hover{background:url(/images/nrl/main/bot_bg2.jpg) no-repeat;background-size:cover;}
#lnk .major2:hover .inner_line{display:block;}
#lnk .major3:hover{background:url(/images/nrl/main/bot_bg3.jpg) no-repeat;background-size:cover;}
#lnk .major3:hover .inner_line{display:block;}
#lnk .major4:hover{background:url(/images/nrl/main/bot_bg4.jpg) no-repeat;background-size:cover;}
#lnk .major4:hover .inner_line{display:block;}
#lnk .major5:hover{background:url(/images/nrl/main/bot_bg5.jpg) no-repeat;background-size:cover;}
#lnk .major5:hover .inner_line{display:block;}

#lnk .major.col2.nrl_m{width: 33.33%;}

@media(max-width:1200px){
	.layout{width:95%}
	#service_menu .grap .obj .item{width:7.2%}
}

@media(max-width:1024px){
	#service_menu .grap .obj .item{width:12.5%}
	#news{width:75%}
	.greeting{width:25%;height:137px;border:10px solid transparent;border-top:0} 
	.greeting .inner_line{border:none;padding:0}
	.greeting .inner_line h3{width:100px;background-size:100%;margin:20px;padding:0;margin-left: 20px}
	.greeting .inner_line p{display:none}
	.greeting .inner_line .detail_view{font-size:0;bottom:10px;right:20px}
	.intro{width:25%;border:10px solid transparent}
	.intro a{padding:20px;}
	.intro .intro1, .intro .intro2{height:137px}
	.intro .intro1{margin-bottom:10px}
	.intro .intro1 h3, .intro .intro2 h3{margin:0;font-size:18px}
	.intro .intro1 p, .intro .intro2 p{display:none}
	.intro .intro1 .ir, .intro .intro2 .ir{margin-top:0;position: absolute;bottom: 20px;right: 20px;}
	#lnk .major{width:33.32%;height:50%;border-bottom:1px solid #202533}
}

@media(max-width:767px){
	#visual{height:550px}
	.visual_txt{padding-top:40px}
	.visual_txt h2{font-size:40px;line-height:40px}
	.service_txt{display:none;}
	#service_menu{padding: 40px 5px 40px 5px;}
	#service_menu .control button[data-type="prev"]{left:0}
	#service_menu .control button[data-type="next"]{right:0}
	#news{width:100%}
	.intro{width:66.66%;border:0}
	.intro a{float:left}
	.greeting{width:31.33%;background-image:none;background-color:#465363;border:0;margin-top:15px;margin-right:2%}
	.greeting .inner_line h3{margin:0 auto;margin-top:10px}
	.greeting .inner_line .detail_view{right: 50%;margin-right: -25px;}
	.intro .intro1 .ir, .intro .intro2 .ir{right:50%;margin-right: -25px}
	.intro{margin-top:15px;}
	.intro .intro1,.intro .intro2{width:48%;border:0;}
	.intro .intro1{margin-right:2%}
	.intro .intro2{margin-left:2%}
	.intro .intro1 h3,.intro .intro2 h3{text-align:center;line-height:20px}
	.lnk_tit h2:before, .lnk_tit h2:after{width:80px;}
	.lnk_tit h2:before{position:static;margin-left:-260px;}
	.lnk_tit h2:after{right:-100px;}
	#lnk {height: 520px;}
	#lnk .major{width:100%;height:16.66%;}
	#lnk .major p{position:static;width:280px;text-align:left;margin:0 auto;margin-top:20px; text-align: center;}
	#lnk .major p .ico{display:block;vertical-align:middle;margin:0 auto;}
	#lnk .major:hover p:after{display:none;}
	#lnk .major:hover{background-image:none;}
	#lnk .major:hover .inner_line{display:none;}

	#lnk .major.major1 p{font-size: 19px;}
	#lnk .major.col2 {height: 260px;}
}
@media(max-width:470px){
	#visual{height:450px}
	.visual_txt h2{font-size:30px;line-height:30px}
	.visual_txt p{margin-top:4px;font-size:16px}
	.visual_img .control{bottom:210px;}
	.visual_img .numb{bottom:210px}
	#service_menu .grap .obj .item{width:25.33%}
	.greeting .inner_line h3{width:70%}
	.intro a {padding: 20px 10px;}
	.intro .intro1 h3,.intro .intro2 h3{font-size:15px;}
	#lnk .major p{font-size:17px}
	.lnk_tit{padding:40px;}
	#lnk .major p .ico{height:37px}
	#lnk .major p .ico1{width:29px;background-position: 0 -78px}
	#lnk .major p .ico2{width:31px;background-position: -71px  -78px}
	#lnk .major p .ico3{width:29px;background-position: -141px -78px}
	#lnk .major p .ico4{width:27px;background-position: -220px -78px}
	#lnk .major p .ico5{width:33px;background-position: -289px -78px}
	#lnk .major p .ico6{width:31px;background-position: -360px -78px}

	#lnk .major.major1 p{font-size: 16px;}
}

@media (max-width:1024px){
#news .tab a{width:47%;}
}

@media (max-width:471px){
#news .tab a{width:45%;}
}

@media (max-width:380px){
#news .tab a{width:43%;}
}