/* CSS Document */
body{ font-family:"微软雅黑", "宋体", "黑体"; font-size:14px; color:#000;}
ul{padding:0; margin:0;}
li{list-style:none;}
.hide{display:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.text_center{text-align:center}
.clear{clear:both;}
.bg_blue{background-color:#0B60A9;}
.block_center{ margin:0 auto;}
.p_box{ height:50px; line-height:50px; text-align:center; color:#FFF;font-size:15px;}
.bg_dot{background:url(../images/main-bg01.jpg) repeat 0 0;}

/* 宽高 */
.ht20{height:50px;}
.wt_all{width:100%;}

/* 边距 */
.mt80{margin-top:80px;}
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mb30{margin-bottom:30px;}
.mr30{margin-right:30px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.ml15{margin-left:15px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.pb30{padding-bottom:30px;}
.pb20{padding-bottom:20px;}

.mb_none{ margin-bottom:0}
.pb_none{ padding-bottom:0}

/* 行高 */
.line_2em{line-height:2em;}

/* 字体颜色 */
.font_black{color:#000;}
.font_white{color:#FFF;}
.font_pink{color:#e1005a;}
.font_gray{color:#ccc;}
.font_blue{color:#0071BC;}

/* 字体大小 */
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f36{ font-size:36px;}

.bold{ font-weight:bold;}

/*字间距*/
.font_ls_2{letter-spacing:2px}
.font_ls_3{letter-spacing:3px}

/* 边框 */
.border_l{border-left:1px solid #e5e5e5;}
.border_r{border-right:1px solid #e5e5e5;}
.border_b{ border-bottom:1px solid #e5e5e5;}
.border_t{ border-top:1px solid #ffffff;}
.b_l{border-left:1px solid #e5e5e5; padding:40px 10px 10px 10px;}
.greendash{ border:1px dashed #8ebe18; border-radius:5px; padding:20px; margin:0 auto;}

/* 链接 */
a{ color:#333;}
a.active{color: #900;}
a.white{ color:#FFF; font-size:15px;}
a.white:hover{ color:#FC0;}

/* 按钮 */
.btn-blue{ display:block; width:100px; height:50px; line-height:50px; background-color:#0071BC; text-align:center; color:#fff;}
.btn-pink{ display:block; width:100px; height:50px; line-height:50px; background-color:#e1005a; text-align:center; color:#fff;}
.btn-white{ display:block; width:100px; height:50px; line-height:50px; background-color:#fff; text-align:center; color:#e1005a;}

/* 标题 */
.title_blue{color:#000; font-size:24px; padding:10px 0; border-bottom:2px solid #0071BC; width:100px; text-align:center;}
.title_pink{color:#000; font-size:24px; padding:10px 0; border-bottom:2px solid #e1005a; width:100px; text-align:center;}
.title_white{color:#fff; padding:10px 0; border-bottom:2px solid #fff; width:100px; text-align:center;}
.news_title_pink{ color:#000; font-size:24px; padding:30px 0; border-bottom:2px solid #e1005a; text-align:center;}
.title_white_pink{ color:#fff; font-size:24px; padding:10px 0; border-bottom:2px solid #e1005a; width:100px; text-align:center;}

#company_title{ display:flex; justify-content: flex-start; align-items: center;}

#top_contact{ padding:0; margin:0; display:flex; justify-content: center; align-items: center; margin-top:15px;}
#top_contact div{display:flex; justify-content: center; align-items: center;}
#top_contact .top_contact_icon{ margin-right:10px;width:32px; height:32px; line-height:32px; text-align:center;background:#0860a9; color:#FFF;}
#top_contact .top_contact_icon i{ font-size:16px;}
#top_contact .top_contact_text{ display:flex; flex-direction: column; justify-content: center;  text-align:left;}


.title{font-family: "微軟正黑體","微软雅黑", "宋体", "黑体"; text-align:center; color:#000; margin-top:30px; font-size:1.3em; font-weight:bold;}
.subtitle{ text-align:center; font-family: Arial, Helvetica, sans-serif; color: #666;  font-size:0.9em; width:80%; margin:0 auto;}

.service_box{ position:relative;}
.service_box p{ position:absolute; opacity:0.8; height:75px; color:#FFF; background:#000; bottom:0; width:100%; margin:0; padding:0; font-size:15px; text-align:center; line-height:75px;}


.icon_list_level li{ display:inline-block;}


/* 导航 */
#navbox{width:100%; height:50px; background:#171F5E; color:#FFF;}
.navmenu{ line-height:50px; height:50px; padding:0; margin:0; float:right; width:100%; }
.navmenu li{ float:left; display:inline; width:16%; text-align:center;}
.navmenu a{color:#fff; text-decoration:none; font-size:15px; display:block; height:50px; width:100%;}
.navmenu a:hover{ display:block; width:100%; color: #fff; background-color: #F60;}
.navmenu li.active{text-align:center;background-color:#0071BC; color:#fff;}
.navmenu li.active a{color:#fff;}
.navmenu li.mainMenuLi{ float:left; display:inline; width:16%; text-align:center;  position:relative; z-index:999;}
.navmenu li.mainMenuLi  ul { display:none; position:absolute; left:0; top:50px; width:100%; z-index:999; } 
.navmenu li.mainMenuLi  ul li {margin-top:-1px; width:100%; height:40px; line-height:40px; background-color:#fff;} 
.navmenu li.mainMenuLi  ul li a{ color:#000; font-size:14px; height:40px; line-height:40px;}
.navmenu li.mainMenuLi  ul li a:hover{ background-color:#0071BC; color:#fff; height:40px; line-height:40px;}
#navicon{line-height:55px; margin-top:10px;}



/* banner */
#banner{ width:100%; }


.about{ width:100%;  background:url(../images/ex.jpg) fixed no-repeat center;}
.about_content{ background-color:#FFF;}
.about_content_words{ text-align:left; line-height:2em; padding:15px;}

/* index */
#index_product{width:100%; background:#0071BC; margin-top:30px; padding:20px 0; font-size:15px; color:#fff;}
#service{ width:100%; background-color:#efefef; padding:30px 0;}
#servicebox{ width:100%; background:#f1f1f1 url(../images/service_bg.jpg) repeat-x 0 0; padding:30px 0; padding:20px 0;background-size:100%; }
#servicebox h2{color:#8ABC1B;}
#servicebox .ht20{ height:50px; line-height:1.8em;}

/* footer */
.footbox{ background-color:#323238;}
#footmenu{ width:100%; margin:30px auto;}
#footmenu>li{ display: inline; float:left; width:20%; text-align:center; font-size:18px;}
#footmenu li a{ color:#FFF;}
#footmenu li ul{ margin-top:20px;}
#footmenu li ul li{ margin-top:10px;}
#footmenu li ul a{ font-size:14px; color: #787878;}
.footer{ background-color:#323238; width:100%; height:40px; line-height:40px;text-align:center; color: #787878;  border-top:1px solid #787878; font-size:12px;}
.address h1{ color:#FFF; padding-top:10px;}
.address p{ color:#eaeaea; margin-top:10px;}




#about_culture{width:100%; background:url(../images/about_culture.jpg) no-repeat 0 0; padding:30px 0; height:500px;}

.pages{ padding:15px; text-align:right;}
.pages a{ padding:5px; display:inline-block}
.article_link{padding:10px; background-color:#f5f5f5; line-height:2em;}
h2.title{ text-align:center; font-size:30px;}



.scroll_horizontal{position:relative;width:100%;height:150px;padding:10px;margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:92%;height:150px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:360px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

#navicon{ margin-top:10px; width:35px; height:35px; line-height:35px; background-color:#0860a9; float:right; margin-top:15px;}
#menubox { position:fixed; top:0; left:-260px; width:260px; z-index:999; background-color:#333333}
#menubox ul{ margin:40px 0;}
#menubox ul li{ width:100%; text-align:left;}
#menubox ul li a{ width:100%; display:block; height:45px; line-height:45px; color:#ccc; text-indent:20px; font-size:14px; border-bottom:1px solid #666;}

.hiSlider{
	overflow: hidden;
	width: 100%;
	background: #eee;
}
.hiSlider-item{
	float: left;
}