#contents .section_top{overflow: hidden;}
#contents .section .inner{overflow: hidden;max-width: 1080px; margin:0 auto;}
#contents .section h3{color:#333333;font-size: 32px;padding-bottom: 60px;text-align: center;}

#contents.now .section_top .back_container{background-image:url(../images/news/top_bg.jpg); background-position: 50% 50%;}
#contents.now .section_top.service .back_container{background-image:url(../images/business//top_bg_food.jpg); background-position: 50% 50%;}
#contents.now .section .inner{position: relative; padding-bottom: 140px;max-width: 1050px;}
#contents.now .section ul.tab{overflow: hidden;font-size: 0;letter-spacing: 0;word-spacing: 0;  padding: 0px 0 50px;}
#contents.now .section ul.tab li{display: inline-block;width:calc((100% - 6px) / 3);position: relative;}
#contents.now .section ul.tab.service_list li{width:calc((100% - 8px) / 4);}
#contents.now .section ul.tab li a{position: relative;font-size: 16px;height: 48px;line-height: 48px;border: 1px solid #d0d0d0;border-left:0;display: block;color: #666666;text-align: center;}
#contents.now .section ul.tab li:first-child a{border-left: 1px solid #dcdcdc;}
#contents.now .section ul.tab li a.on
,#contents.now .section ul.tab li a:hover{color:#62b134;}
#contents.now .section ul.tab li:hover:before,#contents.now .section ul.tab li a.on:before{content:'';display:block;position:absolute;top:-1px;left:0px;width:100%;height:4px;background-image: linear-gradient(to right, #72d49d 0%, #74c3cb 100%);}

#contents.now .section .newslist{width:100%;display:inline-block;position:relative;}
#contents.now .section .newslist ul{width:100%;display:inline-block;}
#contents.now .section .newslist ul li{width:calc(100% - 20px);display: inline-block;margin:0 auto 30px;padding:0 10px}
#contents.now .section .newslist ul li .n-pic{width:calc(33% - 4px);float:left;max-height:210px;overflow:hidden;border:2px solid #d8d8d8}
#contents.now .section .newslist ul li .n-pic img{width:100%}
#contents.now .section .newslist ul li .n-text{width:calc(67% - 20px);margin-left:20px;float:left;}
#contents.now .section .newslist ul li .n-text .r-title{font-size: 18px;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#contents.now .section .newslist ul li .n-text .r-title a:hover{color:#62b134;}
#contents.now .section .newslist ul li .n-text .r-info{margin-top: 20px;color: #757575;line-height: 1.8;font-size: 14px;}


#contents.now .now_content_wrap{}
#contents.now .now_content_wrap .now_content{text-align: left;border-top: 1px solid #999998;border-bottom: 1px solid #999998;color: #282828;position:relative}
#contents.now .now_content_wrap .now_content:before{content:'';display:block;position:absolute;top:-1px;left:0px;width:100%;height:3px;background-image: linear-gradient(to right, #72d49d 0%, #74c3cb 100%);}
#contents.now .now_content_wrap .now_content .now_title{border-bottom: 1px solid #d0d0d0;padding: 30px 50px;}
#contents.now .now_content_wrap .now_content .now_title h3{font-size: 23px;font-weight: normal;line-height: 26px;padding-bottom: 10px;text-align: left}
#contents.now .now_content_wrap .now_content.service_content .now_title {border-bottom: 0px solid #d0d0d0;}
#contents.now .now_content_wrap .now_content.service_content .now_title h3{text-align: center}
#contents.now .now_content_wrap .now_content .now_title .date{font-size: 14px;line-height: 17px;}
#contents.now .now_content_wrap .now_content .now_desc{padding: 70px 50px;font-size: 14px;line-height: 32px;}
#contents.now .now_content_wrap .now_content.service_content .now_desc{padding: 30px 50px 70px;}
#contents.now .now_content_wrap .now_content .now_desc img{max-width:100%;padding-bottom:60px;}

#contents.now .now_content_wrap .now_content .attachment{overflow: hidden;font-size: 14px;}
#contents.now .now_content_wrap .now_content .attachment span{display: block;float: left}
#contents.now .now_content_wrap .now_content .attachment .btn_area{float: left;width: 600px;}
#contents.now .now_content_wrap .now_content .attachment a{position: relative; color: #5a9283;font-size: 14px;line-height: 15px;padding-right: 20px; margin-left: 15px;margin-bottom: 5px;display: inline-block;vertical-align: top;}
#contents.now .now_content_wrap .now_content .attachment a:before{content: '';position: absolute;right:20px;left:0;bottom:0;height:1px;background: #cfdbd7;}
#contents.now .now_content_wrap .now_content .attachment a:after{content: '';position: absolute;right:0;top:0;background: url(../images/about/ir/ico_pdf.png) no-repeat center top;width: 11px;height: 15px;}


.now_bottom {text-align: center;overflow: hidden;margin:33px auto;}
.now_bottom ul {float: left;margin-left: 10px; overflow: hidden; font-size: 0;letter-spacing: 0;word-spacing: 0;}
.now_bottom ul li {margin:0 10px 0 0;overflow: hidden;display: inline-block;vertical-align: top;}
.now_bottom ul li a {position: relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #666666;font-size: 13px;display: block;text-align: center;width: 33px;height: 33px;padding:12px 4px; margin: 0;border: 1px solid #d8d8d8;}
.now_bottom ul li a span{  height: 7px;display: block;width: 9px; text-indent: -999em; margin: 0 auto;}
.now_bottom ul li:first-child a span{background:url("../images/news/btn_page_prev.png") no-repeat center -18px;}
.now_bottom ul li:last-child a span{background:url("../images/news/btn_page_next.png") no-repeat center -18px;}

.now_bottom ul li a:hover{background-color: #62b134;border-color: #62b134;}
.now_bottom ul li a:hover span{background-position: center -9px;}
.now_bottom .btn_list{float: right; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #333333;font-size: 14px;display: block;text-align: center;width: 120px;height: 31px;line-height: 31px; margin: 0;border: 1px solid #d8d8d8;border-radius: 30px;}
.now_bottom .btn_list:hover{background: #333;color: #fff;}

#contents .section{padding-top:100px;}
#contents .section.promotional .mov{position:relative;margin:0 auto 140px;text-align: center;}
#contents .section.promotional .mov video{width:100%;height:100%;}
#contents .section.promotional .btn_play a{position: absolute;top:50%;left:50%;margin-left:-44px;margin-top:-44px;}
#contents.brochure .section_top .back_container{background-image:url(../images/news/top_bg.jpg); background-position: 50% 50%;}
#contents .section.brochure{/*height:725px;*/height:450px;background-color:#f5f6f7; }
#contents .section.brochure ul{display: table;margin: 0 auto;}
#contents .section.brochure ul li{float: left;text-align: center;margin-right: 60px;}
#contents .section.brochure ul li:last-child{margin-right: 0;}
#contents .section.brochure ul li span{display:block;}
#contents .section.brochure ul li span.lang{font-size: 22px; color:#333333;line-height: 38px;margin:30px 0 20px;}
#contents .section.brochure ul li a{position:relative;display:block;margin:30px auto 0;font-size: 13px;color: #333333;width:162px;height:28px;line-height:26px;border: 1px solid #828282;border-radius: 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 15px 0 0}
#contents .section.brochure ul li a:hover{background-color: #333333;color:#ffffff;}
#contents .section.brochure ul li a:after{content: '';position: absolute;top:8px;right:25px;background: url('../images/news/btn_down.png') no-repeat top left; width: 7px; height: 10px;background-position: 0 0px;}
#contents .section.brochure ul li a:hover:after{background-position: 0 -10px;}

#contents #i-nurisong .sub-title {color:#509f72;font-weight:bold;margin-top:10px;}

@media all and (max-width:1024px){
    #contents.now .section .inner{max-width: 100%;width: calc(100% - 40px);padding-bottom: 0px}
}
@media all and (max-width:480px){
    #contents.now .section ul.tab li{width: calc(100% / 3);}
    #contents.now .section ul.tab.service_list li{width: calc((100% - 4px) / 2);}
    #contents.now .section ul.tab.service_list li:nth-child(3) a{border-left: 1px solid #dcdcdc;border-top: 0}
    #contents.now .section ul.tab.service_list li:nth-child(4) a{border-top: 0}
    #contents.now .now_content_wrap .now_content .now_title{padding: 20px 20px;}
    #contents.now .now_content_wrap .now_content .now_desc,#contents.now .now_content_wrap .now_content.service_content .now_desc{padding: 30px 20px 70px;}
    #contents.now .section .newslist ul li .n-pic{width: calc(100% - 4px);}
    #contents.now .section .newslist ul li .n-text{width: 100%;margin: 10px 0 0 0}
    #contents.now .section .newslist ul li .n-text .r-info{margin-top: 10px;}
    #contents .section#detail{padding-top: 50px;}
}