@charset "UTF-8";

/*輪播slider*/
.slides_bn{ width: 100%; height: auto; }
.slides_bn img{ width: 100%; height: auto; }
.slides_bn .slick-prev { left:30px;background: transparent url("../images/img_bn_prev.png") center center no-repeat;}
.slides_bn .slick-next { right:30px;background: transparent url("../images/img_bn_next.png") center center no-repeat;}
.slides_bn .slick-prev, .slides_bn .slick-next{font-size: 0;position: absolute;z-index: 2;top: 50%;width: 40px;height: 40px; margin-top: -20px;cursor: pointer;border: none;background-color: transparent;}
.slides_bn .slick-dots { position: absolute; bottom: 160px;}
.slides_bn.type2 .slick-dots{ left: 50%; width: 400px; margin-left: -200px; text-align: center}/*置中*/
.slides_bn .slick-dots li{ display: inline-block; margin: 0;margin: 0 10px; width: 20px; height: 20px;}
.slides_bn .slick-dots button{ background-color: #fff; border-radius: 10px; border: 1px solid #fff;width: 10px; height: 10px; box-shadow: none; text-indent: -9999px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; -khtml-opacity: 0.6;}
.slides_bn .slick-dots .slick-active button{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; -khtml-opacity: 1;}


/*常用功能*/
.quick_ul{box-sizing: border-box; background-color:#f6f6f6; }
.quick_ul ul.inner{display: flex; justify-content: center; align-items: center;}
.quick_ul li{min-width: 20%;}
.quick_ul li a{color: #f26541; font-size: 1.25em; font-weight: bold; padding:90px 10px 10px; display: block; background-position: center 15px; background-repeat: no-repeat; text-align: center;}
.quick_ul li a:hover{color: #f26541;outline:#b90f00 dashed 3px; }

.quick_tit{display: none;}

.title{font-weight: bold;font-size: 1.75em; line-height: 1em; margin-bottom: 30px;}
.pic_L img{display: block; width: 100%; height: auto;}
.weal_block p, .company_box p{line-height: 1.8em; color: #333; font-size: 1.2em;}
/*最新消息*/
.news_block{padding: 30px 0 20px 0;  background: #fff; min-height: 300px;}
.news_block .title, .news_block h2.title{ color: #2c3e50; text-align: center; position: relative;}
.c-acceky{position: absolute; top: 0; left: 0;}
.c-acceky a{color: #fff;}

.news_block .inner{display: flex; justify-content: space-between;}

.news_block .pic_L{ width: 530px; height: 355px; background-size: cover; position: relative; margin-right: 20px;}
.news_block .pic_L .a-txt{position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0;line-height: 0;}

.news_block .txt{background-color: #a39a61; padding: 10px; position: absolute; bottom: 0; left: 0; right: 0; min-height: 70px; color: #fff; font-size: 1em; box-sizing: border-box;}
.news_block .txt p:first-child{font-weight: bold;  font-size: 1.3em;font-family: Roboto, "微軟正黑體";}

.news_ul{min-height: 355px; flex: 1 1 calc(100% - 600px);}
.news_ul li{position: relative; padding: 0 0 0 144px; margin-bottom: 10px;}
.news_ul li .day{ background: #a39a61; color: #fff; text-align: center; width: 144px; padding: 17px 0; position: absolute; top: 0; left: 0; bottom: 0;  font-size: 1.25em;font-family: Roboto; }
.news_ul li .tit{background-color: #eeeeee; font-size: 1.2em;padding: 17px 15px; margin: 0;}
.news_ul li .tit a{color: #000; display: block;width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_ul li .tit a:hover{ color: #cd0202;}

/*子公司列表*/
.company{padding: 30px 0; background:#f2f2f2 url("../images/bg_ind_com.jpg") bottom right no-repeat;  }
.company .title, .company h3.title{color: #404040; margin-bottom: 10px;}
.company_ul{background: #cd0202; display: flex; justify-content: flex-start; justify-self: center; width: 100%;}
.company_ul li{ font-size: 1.2em; flex:1 1 16.6%; text-align: center;}
/*.company_ul li{ width: 16.66%;float: left;font-size: 1.2em;}*/
.company_ul li a{color: #fff; border-bottom: 4px solid #cd0202; display: flex; justify-content: center; align-items: center; padding: 15px 10px 10px;box-sizing: border-box; }
.company_ul li a:hover, .company_ul li a.on{ border-bottom: 4px solid #f39700;}
.company_ul li:last-child{float: right;}
.company_box{padding: 30px 0 0 280px; position: relative; min-height: 300px; }
.company_box .pic_L{width: 260px; height: auto; position: absolute; top: 30px;left: 0;}
.sub_li li{ display: inline-block;}
.sub_li li a{background: url("../images/sub_dot_r.png") 0 center no-repeat; background-size: 7px; color: #333; padding: 0 10px 0 14px;}
.sub_li li a:hover{color: #cd0202; }
/*公益*/
.weal_block .inner{ padding: 70px 20px 30px 590px; min-height: 390px; box-sizing: border-box; }
.weal_block .pic_L{position: absolute; top: 70px; left: 20px; width: 550px; height: 310px;}
.weal_block .title{ color: #a39a61; margin-bottom: 10px; }
.weal_block h5.title{ color:#404040; position: absolute; top: 30px; left: 20px;}
.weal_block h6.title{font-size: 1.6em;}

/*相關服務*/
.related_services{ background: url("../images/bg_ind_rs.jpg") 0 0 no-repeat; background-size: cover; height: 230px; width: 100%; text-align: center; padding: 30px 0 0; box-sizing: border-box;}
.related_services .title{color: #fff;}
.related_services li{display: inline-block; vertical-align: top; width:24%; text-align: center;}
.related_services li.rs_1 a{background:url("../images/ic_rs_1.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_2 a{background:url("../images/ic_rs_2.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_3 a{background:url("../images/ic_rs_3.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_4 a{background:url("../images/ic_rs_4.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_1 a:hover{background:url("../images/ic_rs_1_on.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_2 a:hover{background:url("../images/ic_rs_2_on.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_3 a:hover{background:url("../images/ic_rs_3_on.png") center 0 no-repeat; background-size: 80px;}
.related_services li.rs_4 a:hover{background:url("../images/ic_rs_4_on.png") center 0 no-repeat; background-size: 80px;}
.related_services li a{color: #fff; font-size: 1.5em;padding-top: 90px; display: block;}
.related_services li a:hover{color: #f7e24c;}

/*  1024px(980px)↓*/
@media screen and (max-width: 1024px){
/*輪播*/
.slides_bn .slick-dots {bottom: 120px;}
.title{margin-bottom: 14px;}
/*常用功能*/
.quick_ul{height: 120px; padding: 12px 0 0; margin-top: -120px;}
.quick_ul ul.inner{display: none; padding: 5px 0;}
.quick_ul li a{text-align: left;}
/*最新消息*/
.news_block{padding: 20px 0 0 0;}
/*子公司列表*/
.company{padding: 20px 0; }
.company_ul li a{height: 80px;}
.company_box{padding: 20px 0 0 240px; min-height: 248px;}
.company_box .pic_L{width: 220px; top: 20px;}
/*公益*/
.weal_block .inner{ min-height: auto; padding:10px;}
.weal_block h5.title{position: relative; left: 0; top: initial; margin-bottom: 20px;}
.weal_block .pic_L{width: 350px; top:initial; height: auto; position: relative; left: 0; margin: 0 auto 20px;}
/*相關服務*/
.related_services{  height: 190px;  padding: 20px 0 0;}
	
}

/*  900px(768px)↓*/
@media screen and (max-width: 900px){
	/*輪播*/
.slides_bn .slick-dots {bottom: 10px;}
	.slides_bn .slick-prev{left: 0; top: inherit; bottom: 10px;}
	.slides_bn .slick-next{right: 0;top: inherit; bottom: 10px;}
/*最新消息*/
.news_block{padding: 20px 0 0 0;}
.news_block .inner{padding: 10px 10px 0; min-height: auto; display: block;}
.news_block .pic_L{ width: 100%; height:300px; position: relative; margin-bottom: 10px; margin-right: 0;}
.news_ul li{position: relative; padding: 0 0 0 144px; margin-bottom: 10px;}
/*常用功能*/
.quick_tit{display: block;padding: 10px; font-size: 1.25em; background:#eaeaea url("../images/ic_quick_arw.png") 98% center no-repeat; background-size:20px; }
.quick_ul .inner{display: none;}
.quick_ul .inner.show{display: block;}
.quick_ul{height: auto; padding:0; margin-top: 0; background-color:#ff5830;  text-align:left;}
.quick_ul li{width: 49%; display: inline-block;}
.quick_ul li.qc_1 a{ background: url("../images/ic_quick_1.png") 0  no-repeat; background-size:50px;}
.quick_ul li.qc_2 a{ background: url("../images/ic_quick_2.png") 0 center no-repeat; background-size:50px;}
.quick_ul li.qc_3 a{ background: url("../images/ic_quick_3.png") 0 center no-repeat; background-size:50px;}
.quick_ul li.qc_4 a{ background: url("../images/ic_quick_4.png") 0 center no-repeat; background-size:50px;}
.quick_ul li a{color: #fff; font-size: 1.25em; padding:10px 0 10px 50px; display: block; background-position: -10px center; background-repeat: no-repeat;}
.quick_ul li a:hover{color: #fff;}
	
	/*子公司列表*/
.company{padding: 20px 0 0; }
.company_ul{height: 54px; flex-wrap: wrap; overflow: hidden;}
.company_ul.show{height: auto;}
.company_ul li{ width: 100%; flex:1 1 100%; text-align: left;}
.company_ul li a{color: #fff; border-bottom: 4px solid #cd0202; display: block;padding: 15px 10px 10px; background: url("../images/ic_footer_arw.png") 98% center no-repeat; background-size:20px; height: 54px;box-sizing: border-box;}
.company_ul li a:hover, .company_ul li a.on{ border-bottom: 4px solid #f39700;}
.company_ul li:last-child{float:inherit;}
	
.company .inner{ padding: 0 10px;}
.company_box{padding: 10px 0; }
.company_box .pic_L{width: 100%; height: auto; position: relative; top: 0px; margin-bottom: 20px;}
	.sub_li li a{font-size: 1.2em;;}
/*公益*/

}

/*相關服務*/
.related_services{height: 220px;  padding: 20px 0 0; }
.related_services .title{color: #fff;}
.related_services li{ width:23%;}
.related_services li a{font-size: 1.25em;}


/*小網*/
@media screen and (max-width: 767px){

/*相關服務*/
.related_services{height: 160px;  padding: 20px 0 0; }
.related_services .title{color: #fff;}
.related_services li{ width:22%;}
.related_services li a{font-size: 1em; padding-top: 60px;}
.related_services li.rs_1 a{background:url("../images/ic_rs_1.png") center 0 no-repeat; background-size: 60px;}
.related_services li.rs_2 a{background:url("../images/ic_rs_2.png") center 0 no-repeat; background-size: 60px;}
.related_services li.rs_3 a{background:url("../images/ic_rs_3.png") center 0 no-repeat; background-size: 60px;}
.related_services li.rs_4 a{background:url("../images/ic_rs_4.png") center 0 no-repeat; background-size:60px;}
}