@charset "UTF-8";


/************************/
.slider_img{max-width: 750px;margin: 0 auto;overflow: hidden;}
/* FlexSlider Necessary Styles*********************************/ 
.slider_img{ position:relative;}
.slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height:1%;}

/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{height: 26px;margin-right:-7.5px;text-align:center}
.flex-control-nav li{margin-right: 7.5px;line-height:20px;display:inline-block;}
.flex-control-nav a{width: 25px;height: 6px;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;line-height:1;top:8px;left:0;content:"";width: 23px;height: 3px;border: 1px solid #005bac;display: block;
}
.flex-control-nav a:before{}
.flex-control-nav a.flex-active:before{background-color: #005bac;}

/************************/
.l_wrap{padding: 0 15px;
max-width: 690px;
margin: 0 auto;
}
span.bg_image{
   background-repeat: no-repeat;
   background-position: center;
}


.home_news h2.title{background-image:url("../images/title_home_news.png");
width: 81px;
}
.home_business h2.title{background-image:url("../images/title_home_business.png");
width: 140px;
}
.home_about h2.title{background-image:url("../images/title_home_about.png");
width: 95px;
}
.contents_home h2.title{background-size: contain;background-position: left;background-repeat: no-repeat;height: 23px;margin-bottom: 15px;
}


/************************/
.contents_home{padding-top: 20px;}
.home_news{overflow-x: hidden;}
.home_news .l_wrap{padding-top: 20px;padding-bottom: 20px;}

.home_news .category_menu{display: flex;flex-wrap: wrap;padding-bottom: 10px;margin: 0 -4px;}
.home_news .category_menu li{display: inline-block; width: -webkit-calc(100% / 3) ; width: calc(100% / 3) ;margin-bottom: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 4px;
}
.home_news .category_menu li a{display: block;background: #f0f0f0;text-align: center;text-decoration: none;padding: 4px 3px 3px;font-size: 12px;
}
.home_news .category_menu li a.selected{
    background-color: #005bac;color: #fff;
}

.area_news{border: 1px solid #eee;}
.area_news .in_box{padding: 0 15px;height: 206px;overflow-y: hidden;}
.area_news .in_box ul li{border-top: 1px solid #eee;display: none;}
.area_news .in_box ul li:first-of-type{border-top: none;}
#list_all li,#cate_1 li.cate_1,#cate_2 li.cate_2,#cate_3 li.cate_3,#cate_4 li.cate_4,#cate_5 li.cate_5,#cate_6 li.cate_6{display: block;}
.area_news .in_box ul#cate_1 li.cate_1:first-of-type,.area_news .in_box ul#cate_2 li.cate_2:first-of-type,.area_news .in_box ul#cate_3 li.cate_3:first-of-type,.area_news .in_box ul#cate_4 li.cate_4:first-of-type,.area_news .in_box ul#cate_5 li.cate_5:first-of-type,.area_news .in_box ul#cate_6 li.cate_6:first-of-type{border-top: none;}

.area_news .in_box ul li a{text-decoration: none;display: block;padding: 13px 0;}
.area_news .in_box ul li .title{text-decoration: underline;display: block;}
.area_news .in_box ul li .date{display: inline-block;margin-right: 10px;font-size: 13px;}
.area_news .in_box ul li .icon_category{display: inline-block;font-size: 11px;color: #005bac;border: 1px solid #005bac;text-align: center;width: 80px;
}

.home_news .come_btn{ text-align: center;width: auto;margin-top: 10px;
}
.home_news .come_btn a{border: 1px solid #005bac;border-radius: 0;background-color: #fff;color: #005bac;text-decoration: none;display: inline-block;position: relative;width: 200px;line-height: 10px;margin: 0;
}

.news_cate_list {display: none;}

/************************/
.home_business .l_wrap{padding-top: 20px;padding-bottom: 25px;}
.home_business .business_list{display: flex;flex-wrap: wrap;
}
.home_business .business_list li{ -webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: hidden;
}
.home_business .business_list li.bs1,.home_business .business_list li.bs2{width: 100%;}

.home_business .business_list li.bs3,.home_business .business_list li.bs4{width: 50%;height: 170px;}

.home_business .business_list li.bs1{max-height: 500px;}

.home_business .business_list li a{text-decoration: none; color: #fff;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;
}
.home_business .business_list li a::after{ content: "";position: absolute;display: block;border: 1px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 100%;
}
.home_business .business_list li.bs1 a::after,.home_business .business_list li.bs2 a::after{width: 35px;height: 35px;bottom: 20px;background-image:url("../images/arrow_btn_b.png");
}
.home_business .business_list li.bs3 a::after,.home_business .business_list li.bs4 a::after{width: 30px;height: 30px;bottom: 15px;background-image:url("../images/arrow_btn_s.png");
}

.home_business .business_list li.bs1 a{max-height: 500px;height: 100%;}


.home_business .business_list li .bg_image{
text-align: center;width: 100%;background-size: cover;height: 100%;background-position: center;background-repeat: no-repeat;   display: flex;justify-content: center;align-items: center;
}
.home_business .business_list li a .box{
   text-shadow: 0px 0px 12px rgb(0, 0, 0);-webkit-text-shadow:0px 0px 12px rgb(0, 0, 0); 
}

.home_business .business_list li a span.title{font-size: 23px;font-weight: bold;
}
.home_business .business_list li.bs3 a span.title,.home_business .business_list li.bs4 a span.title{font-size: 17px;line-height: 22px;}

.home_business .business_list li .bg_image span{
display: block;
}

.home_business .business_list li.bs1{height: 250px;}
.home_business .business_list li.bs2{height: 200px;padding-top: 5px;}
.home_business .business_list li.bs3{padding-top: 5px;padding-right: 2.5px;}
.home_business .business_list li.bs4{padding-top: 5px;padding-left: 2.5px;}
/*.home_business .business_list li.bs1 .bg_image{*/
/*   background-image:url("../images/home_business1.jpg");*/
/*}*/
.home_business .business_list li.bs2 .bg_image{
   background-image:url("../images/home_business2.jpg");
}
.home_business .business_list li.bs3 .bg_image{
   background-image:url("../images/home_business3.jpg");
}
.home_business .business_list li.bs4 .bg_image{
   background-image:url("../images/home_business4.jpg");
}

@media screen and (max-width: 360px) {
  .home_business .business_list li.bs3 a span.title,.home_business .business_list li.bs4 a span.title{font-size: 15px;line-height: 20px;}
  .home_business .business_list li.bs3 a span.sub,.home_business .business_list li.bs4 a span.sub{font-size: 12px;}
}


/************************/
.home_about .l_wrap{padding-top: 25px;}
.home_about .about_list{padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.home_about .about_list li{margin-bottom: 10px;}
.home_about .about_list li a{display: table;text-decoration: none;width: 100%;
box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
.home_about .about_list li a span{font-size: 15px;line-height: 1;color: #333333;display: block;}
.home_about .about_list li a span.title{font-weight: bold;}
.home_about .about_list li a span.sub{font-size: 11px;}
.home_about .about_list .image,.home_about .about_list .inner{display: table-cell;vertical-align: middle;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;
}

.home_about .about_list .image{}
.home_about .about_list .inner{padding: 15px;}

/************************/
.home_link{border-top: 1px solid #eee;}



/************************/
.l_footer_link{padding: 25px 0;}
.l_footer_link .l_wrap{overflow-x: scroll;}
.l_footer_link ul{display: flex;/*  justify-content: center;*/align-items: center;
}
.l_footer_link ul li{padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}