/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* project id 1319734 */
  src: url('/css/font/iconfont.eot');
  src: url('/css/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('/css/font/iconfont.woff2') format('woff2'),
  url('/css/font/iconfont.woff') format('woff'),
  url('/css/font/iconfont.ttf') format('truetype'),
  url('/css/font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	body{padding-top:85px; font-family:jhenghei Microsoft;}
.no-pad{ padding:0;}
.no-mag{margin:0;}
img{ max-width:100%; height:auto;}
img{-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
img:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.pad-10{padding:10px;}
.btn-blue {
    text-shadow: 0 1px 0 #ccc;
    background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #009ab4;
    border-color: #009ab4;
	color:#fff;
}
.btn-blue:hover {

    background-image: -webkit-linear-gradient(top,#14b5ad 0,#14b5ad 100%);
    background-image: -o-linear-gradient(top,#14b5ad 0,#14b5ad 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#14b5ad),to(#14b5ad));
    background-image: linear-gradient(to bottom,#25d6f2 0,#14b5ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14b5ad', endColorstr='#14b5ad', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color:#fff;
 
}
/*導航菜單*/
.navbar {
   
    min-height: 85px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-nav{ margin-top:20px;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius:5px;
}
.navbar-nav>li>a:hover {
     background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075);
	color:#fff !important;
	text-shadow:1px 1px 1px #000;
}
.navbar-brand {
    float: left;
    height: 75px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
      background-image:-webkit-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 00px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	color:#777;
}
.navbar-default .navbar-nav>.open>a {
    background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	color:#fff;color:#fff !important;
	text-shadow:1px 1px 1px #000;
}
.navbar-default .navbar-nav>.active>a:hover {
     background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075);
	color:#fff !important;
	text-shadow:1px 1px 1px #000;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #777;
    background-color: #e7e7e7;
}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
@media (max-width: 768px) {
    body{padding-top:60px}
    .navbar {
        min-height: 60px;
        margin-bottom: 0px;
        border: 1px solid transparent;
    }
	.navbar-default .navbar-brand img{
    height:45px;
}.navbar-brand {
    float: left;
    height: 55px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
    }
    .navbar-fixed-top{    position: fixed !important;
        width: 100vw;
        top: 0;
        left: 0;}
/*首頁關于我們*/
.about-box{ background:#fcf3f3; }
.about-title{ padding:10% 5%; background:#009ab4; color:#fff; text-align:right; position:relative;}
.about-title:after{ content:" "; display:block; position:absolute; top:calc(50% - 20px); z-index:2; right:-40px; border:20px solid transparent; border-left:20px solid #009ab4;}
.about-title h2{ padding:3% 0; margin:0;}
.about-title em{ font-style:normal; font-size:1em; display:block; padding:3% 0;}
.about-title i{ display:block; width:15%; height:2px; background:#fff; float:right; clear:both}
.about-title b{ display:block; width:30%; height:1px; background:#fff; float:right; clear:both}
.about-content{ padding:3% 5%; line-height:2em;color:#333; font-size:1.2em;}
@media (max-width: 768px) {
.about-box{ background:#fcf3f3; }
.about-title{ padding:10% 5%; background:#009ab4; color:#fff; text-align:center; position:relative;}
.about-title:after{ content:" "; display:block; position:absolute; top:auto; z-index:2; bottom:-40px; right:auto; left:calc(50% - 20px); border:20px solid transparent; border-left:20px solid transparent; border-top:20px solid #009ab4;}
.about-title h2{ padding:3% 0; margin:0;}
.about-title em{ font-style:normal; font-size:1em; display:block; padding:3% 0; padding-top:0;}
.about-title i{ display:block; width:100%; height:1px; background:#fff; float:none; margin:auto; clear:both}
.about-title b{ display:block; width:100%; height:1px; background:#fff; float:right; clear:both}
.about-content{ padding:5%; line-height:2em;color:#333; font-size:1.2em;}	
}
/*首頁大標題*/
.index-title{ text-align:center; padding:5% 0 3% 0;}
.index-title b{font-size:3em; color:#009ab4; display:block; font-weight:normal}
.index-title em{font-size:2em; color:#ccc; font-style:normal;}

.index-little-title{  padding:0% 0 3% 0; clear:both}
.index-little-title b{font-size:2em; color:#009ab4; display:inline-block; border-bottom:2px solid #009ab4;  font-weight:normal;}
.index-little-title em{font-size:2em; color:#ccc; font-style:normal;}
@media (max-width: 768px) {
	.index-title{ text-align:center; padding:5% 0 3% 0;}
.index-title b{font-size:2em; color:#009ab4; display:block; font-weight:normal}
.index-title em{font-size:1em; color:#ccc; font-style:normal;}

.index-little-title{  padding:0% 0 3% 0; clear:both}
.index-little-title b{font-size:2em; color:#009ab4; display:inline-block; border-bottom:2px solid #009ab4;  font-weight:normal;}
.index-little-title em{font-size:2em; color:#ccc; font-style:normal;}
	}
/*首頁營運服務*/
.index-service{ text-align:center; position:relative}
.index-service:after{ position: absolute; top:50%; z-index:-1; left:0; display:block; content:" "; height:1px; background:#ccc; width:100%;}
.index-service li{ display:inline-block; float:none;}
.index-service li i{ font-size:3em; display:block; color:#666; padding:5px;}
.index-service li b{ font-size:1.5em; display:block; color:#333; font-weight:normal}
.index-service li em{border:1px solid #009ab4; background:#fff; display:block; margin:30px auto; width:20px; height:20px; border-radius:10px;}
.index-service li .number{ font-size:1em; display:block; color:#666; font-weight:normal; text-align:left; line-height:20px; height:80px;
overflow: hidden;
text-overflow: ellipsis;}
.index-service .service-bgs .h-boder i{ font-size:3em; display:block; color:#fff; margin-top:10%; z-index:3; position:relative}
.index-service .service-bgs .h-boder b{ font-size:1.5em; display:block; color:#fff; font-weight:normal;z-index:3;position:relative}
.index-service .service-bgs:hover .service-b{ opacity:0;}
.index-service .service-bgs{ position:relative;}
.index-service .service-bgs .h-boder-v{ display:none; position:absolute; z-index:1; top:-15px; left:-15px;border:2px solid transparent; width:100%; height:100%;}
.index-service .service-bgs:hover  .h-boder-v{border:2px solid #009ab4; display:block}
.index-service .service-bgs .h-boder{ display:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.index-service .service-bgs:hover  .h-boder{ display:block}
.index-service .service-bgs .bg-box{ position:absolute; z-index:2; top:0; left:00; width:100%; height:100%;}
.index-service .service-bgs .bg-box img{width:100%; height:100%;}
.index-service .service-bgs .numbers{ font-size:1em; display:block; color:#fff; margin-top:10px; padding:0 5%; font-weight:normal;z-index:3;position:relative;text-align:left; line-height:20px; height:80px;
overflow: hidden;
text-overflow: ellipsis;}
@media (max-width: 768px) {
	.index-service{ text-align:center; position:relative}
.index-service:after{ position: absolute; top:55%; z-index:-1; left:0; display:none; content:" "; height:1px; background:#ccc; width:100%;}
.index-service li{ display:block; float:left; width:50%; padding:2%;}
.index-service li i{ font-size:3em; display:block; color:#666;}
.index-service li b{ font-size:1.2em; display:block; color:#333; font-weight:normal}
.index-service li em{border:1px solid #009ab4; background:#fff; display:block; margin:30px auto; width:20px; height:20px; border-radius:10px; display:none}
.index-service li .number{ font-size:1em; display:block; color:#666; font-weight:normal; text-align:left; line-height:20px; height:80px;
overflow: hidden;
text-overflow: ellipsis;}
.index-service .service-bgs .h-boder i{ font-size:2.4em; display:block; color:#fff; margin-top:3%; z-index:3; position:relative}
.index-service .service-bgs .h-boder b{ font-size:1.2em; display:block; color:#fff; font-weight:normal;z-index:3;position:relative}
.index-service .service-bgs:hover .service-b{ opacity:0;}
.index-service .service-bgs{ position:relative;}
.index-service .service-bgs .h-boder-v{ display:none; position:absolute; z-index:1; top:-15px; left:-15px;border:2px solid transparent; width:100%; height:100%;}
.index-service .service-bgs:hover  .h-boder-v{border:2px solid #009ab4; display:block}
.index-service .service-bgs .h-boder{ display:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.index-service .service-bgs:hover  .h-boder{ display:block}
.index-service .service-bgs .bg-box{ position:absolute; z-index:2; top:0; left:00; width:100%; height:100%;}
.index-service .service-bgs .bg-box img{width:100%; height:100%;}
.index-service .service-bgs .btn-box{ position:absolute; z-index:2; display:block; width:100%;  bottom:-15px; left:0; width:100%;}
.index-service .service-bgs .numbers{ font-size:1em; display:block; color:#fff; margin-top:5px; padding:0 5%; font-weight:normal;z-index:3;position:relative;text-align:left; line-height:20px; height:80px;
overflow: hidden;
text-overflow: ellipsis;}
	}
/*首頁新聞*/
.index-news{background:#d0f0ef; margin-top:5%; padding-bottom:3%;}
.news-list{}
.news-list ul{ padding:0; margin:0; list-style:none;}
.news-list ul li{ padding: 0; margin:6px 0; width:55%; float:left; list-style:none; background:#f0f0f0;}
.news-list ul li:after{content:" "; clear:both; display:block;}
.news-list ul li .news-time{ background:rgba(193,193,193,1.00); color:#333; text-align:center; float:left; padding:2%; width:15%;height:80px;}
.news-list ul li:hover .news-time{ background:#009ab4; color:#fff; }
.news-list ul li .news-time b{font-size:1.5em; display:block;}
.news-list ul li .news-time i{font-size:0.9em; display:block;}
.news-list li .news-img{ width:100%; display:none;}
.news-list li .news-img img{ width:100%; height:auto;}
.news-list li .news-content{ float:left; padding:1% 2%;width:78%;}
.news-list li .news-content H3{ font-size:1.5em; height:30px; line-height:30px; overflow:hidden; margin:0; margin-bottom:5px;  }
.news-list li .news-content p{  font-size:1em; line-height:25px; height:25px; overflow:hidden; display:block; margin-bottom:0px; margin-top:5px;}

.news-list ul li:first-child{ width:43%; float:left; margin-right:2%;}
.news-list ul li:first-child .news-img{ width:100%; display:block;}
.news-list ul li:first-child .news-time{ display:none;}
.news-list li:first-child .news-content{ float:left; padding:2% 4%;width:100%;}
.news-list li:first-child .news-content p{  font-size:1em; line-height:22px; height:50px; overflow:hidden}
@media (max-width: 768px) {
	.index-news{background:#d0f0ef; margin-top:5%; padding-bottom:3%;}
.news-list{}
.news-list ul{ padding:0; margin:0; list-style:none;}
.news-list ul li{ padding: 0; margin:6px 1%; width:48%; float:left; list-style:none; background:#f0f0f0;}
.news-list ul li:after{content:" "; clear:both; display:block;}
.news-list ul li .news-time{ background:rgba(193,193,193,1.00); color:#333; text-align:center; float:left; padding:2%; width:15%;height:80px;display:none}
.news-list ul li:hover .news-time{ background:#009ab4; color:#fff; }
.news-list ul li .news-time b{font-size:1.5em; display:block;}
.news-list ul li .news-time i{font-size:1em; display:block;}
.news-list li .news-img{ width:100%; display:block;}
.news-list li .news-img img{ width:100%; height:auto;}
.news-list li .news-content{ float:left; padding:1% 2%;width:100%;}
.news-list li .news-content H3{ font-size:1.2em; height:25px; line-height:25px; overflow:hidden; margin:0; margin-bottom:0px;  }
.news-list li .news-content p{  font-size:0.8em; line-height:20px; height:40px; overflow:hidden; display:block; margin-bottom:0px; margin-top:5px;}

.news-list ul li:first-child{ width:100%; float:left; margin-right:2%;}
.news-list ul li:first-child .news-img{ width:100%; display:block;}
.news-list ul li:first-child .news-time{ display:none;}
.news-list li:first-child .news-content{ float:left; padding:2% 4%;width:100%;}
.news-list li:first-child .news-content p{  font-size:1em; line-height:22px; height:50px; overflow:hidden}
	}
/*map-tab*/
.map-tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px;
	font-size:1.2em;
	
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;

}
.map-tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
	color:#fff;
}
.map-tab .nav-tabs {
    border-bottom: 1px solid transparent;
}
.map-tab .tab-content>.tab-pane {
    border:1px solid #ccc; 
	padding:5px;
	border-radius:5px;
	margin-top:8px;
} 
.map-content h3{font-size:1.2em;}
.contact-form{font-size:1.2em; font-weight:normal !important}
@media (max-width: 768px) {
	.map-tab .nav-tabs>li {

	width:25%;


}
.map-tab .nav-tabs>li>a {
    margin-right: 1px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px;
	font-size:1em;

    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
	padding: 10px 5px;

}
.map-tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-image: -webkit-linear-gradient(top,#009ab4 0,#25d6f2 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#25d6f2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#25d6f2));
    background-image: linear-gradient(to bottom,#009ab4 0,#25d6f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#25d6f2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color:#fff;
}
.map-tab .nav-tabs {
    border-bottom: 1px solid transparent;
}
.map-tab .tab-content>.tab-pane {
    border:1px solid #ccc; 
	padding:5px;
	border-radius:5px;
	margin-top:8px;
} 
.map-content h3{font-size:1.2em;}
	}
/*底部*/
footer{border-top:2px solid #009ab4; background:#303030; color:#fff; margin-top:20px;}
footer .footer-nav ul{text-align:center;}
footer .footer-nav li{ list-style:none; display:inline-block; text-align:left; float:none;vertical-align:top; margin:3% 3%;}
footer .footer-nav li H5{ font-size:1.2em; height:35px; line-height:30px; overflow:hidden; margin:0; margin-bottom:10px;  }
footer .footer-nav li H5:after{content:" "; clear:both; display:block; width:30px; height:2px; background:#009ab4}
footer .footer-nav li a{color:#fff;}
footer .footer-nav li  p{  font-size:1em; line-height:25px; height:25px; overflow:hidden; display:block; margin-bottom:0px; margin-top:5px; margin-left:0px;}
footer .copyright{clear:both; text-align:center; padding:2% 0;}
@media (max-width: 768px) {
	footer .footer-nav ul{text-align:left; padding:0;}
	footer .footer-nav li{ list-style:none; display:block; float:left; text-align:left; min-height:200px; vertical-align:top; width:27%; margin:3% 3%;}
	footer .footer-nav li  p{  font-size:1em; line-height:25px; height:25px; overflow:hidden; display:block; margin-bottom:0px; margin-top:5px; margin-left:0;}
	}

/*關于頁面*/
.about-sub-content{font-size:1.2em; padding:2% 0;}
.about-sub-img img{width:100%;}

/*新聞頁*/
.index-news{background:#d0f0ef; margin-top:5%; padding-bottom:3%;}
.news-sub-list{ position:relative; padding:2% 0}
.news-sub-list ul{ padding:0; margin:0; list-style:none;}
.news-sub-list ul li{ list-style:none; margin:1%; float:left; padding:0; width:48%; background:#f0f0f0;position:relative;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.news-sub-list ul li:after{content:" "; clear:both; display:block;}
.news-sub-list ul li .news-time{  z-index:1; color:#333; padding:2%; }
.news-sub-list ul li:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.news-sub-list ul li .news-time b{font-size:1.5em; display:inline-block; padding-right:8px;}
.news-sub-list ul li .news-time i{font-size:1em; display:inline-block; font-style:normal}
.news-sub-list li .news-img{ width:50%; float:left;position:relative;height:0;padding-top:30%}
.news-sub-list li .news-img img{ position:absolute;top:0;left:0;width:100%;height:100%;}

.news-sub-list li .news-content{ float:left; padding:1% 2%;width:48%;}
.news-sub-list li .news-content H3{ font-size:1.5em; height:60px; line-height:30px; overflow:hidden; color:#333; margin:0; margin-bottom:5px;  }
.news-sub-list li .news-content p{  font-size:1em; line-height:25px; height:50px; overflow:hidden; color:#666; display:block; margin-bottom:0px; margin-top:5px;}

.video-sub-list{ position:relative; padding:2% 0}
.video-sub-list ul{ padding:0; margin:0; list-style:none;}
.video-sub-list ul li{ list-style:none; margin:1%; float:left; padding:0; width:23%; background:#f0f0f0;position:relative;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.video-sub-list ul li:after{content:" "; clear:both; display:block;}
.video-sub-list ul li .news-time{  z-index:1; color:#333; padding:2%; }
.video-sub-list ul li:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.video-sub-list ul li .news-time b{font-size:1.5em; display:inline-block; padding-right:8px;}
.video-sub-list ul li .news-time i{font-size:1em; display:inline-block; font-style:normal}
.video-sub-list li .news-img{ width:100%; float:left;position:relative;height:0;padding-top:100%}
.video-sub-list li .news-img img{ position:absolute;top:0;left:0;width:100%;height:100%;}
.video-sub-list li .news-img i{ position:absolute;top:calc(50% - 40px);left:0;width:100%;height:100%; line-height:80px; display:block;text-align:center; font-size:4em; color:#fff; text-shadow: 0 1px 0 #000;}

.video-sub-list li .news-content{ float:left; padding:1% 2%;width:100%;}
.video-sub-list li .news-content H3{ font-size:1.5em; height:60px; line-height:30px; overflow:hidden; color:#333; margin:0; margin-bottom:5px;  }
.video-sub-list li .news-content p{  font-size:1em; line-height:25px; height:50px; overflow:hidden; color:#666; display:block; margin-bottom:0px; margin-top:5px;}
@media (max-width: 768px) {
	.news-sub-list{ position:relative; padding:2% 0}
.news-sub-list ul{ padding:0; margin:0; list-style:none;}
.news-sub-list ul li{ list-style:none; margin:1%; float:left; padding:0; width:48%; background:#f0f0f0;position:relative;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.news-sub-list ul li:after{content:" "; clear:both; display:block;}
.news-sub-list ul li .news-time{  z-index:1; color:#333; padding:2%; }
.news-sub-list ul li:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.news-sub-list ul li .news-time b{font-size:1.5em; display:inline-block; padding-right:8px;}
.news-sub-list ul li .news-time i{font-size:1em; display:inline-block; font-style:normal}
.news-sub-list li .news-img{ width:100%; float:left;position:relative;height:0;padding-top:55%}
.news-sub-list li .news-img img{ position:absolute;top:0;left:0;width:100%;height:100%;}

.news-sub-list li .news-content{ float:left; padding:1% 2%;width:100%;}
.news-sub-list li .news-content H3{ font-size:1.5em; height:60px; line-height:30px; overflow:hidden; color:#333; margin:0; margin-bottom:5px;  }
.news-sub-list li .news-content p{  font-size:1em; line-height:25px; height:50px; overflow:hidden; color:#666; display:block; margin-bottom:0px; margin-top:5px;}

.video-sub-list{ position:relative; padding:2% 0}
.video-sub-list ul{ padding:0; margin:0; list-style:none;}
.video-sub-list ul li{ list-style:none; margin:1%; float:left; padding:0; width:48%; background:#f0f0f0;position:relative;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.video-sub-list ul li:after{content:" "; clear:both; display:block;}
.video-sub-list ul li .news-time{  z-index:1; color:#333; padding:2%; }
.video-sub-list ul li:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.video-sub-list ul li .news-time b{font-size:1.5em; display:inline-block; padding-right:8px;}
.video-sub-list ul li .news-time i{font-size:1em; display:inline-block; font-style:normal}
.video-sub-list li .news-img{ width:100%; float:left;position:relative;height:0;padding-top:100%}
.video-sub-list li .news-img img{ position:absolute;top:0;left:0;width:100%;height:100%;}
.video-sub-list li .news-img i{ position:absolute;top:calc(50% - 40px);left:0;width:100%;height:100%; line-height:80px; display:block;text-align:center; font-size:4em; color:#fff; text-shadow: 0 1px 0 #000;}

.video-sub-list li .news-content{ float:left; padding:1% 2%;width:100%;}
.video-sub-list li .news-content H3{ font-size:1.5em; height:60px; line-height:30px; overflow:hidden; color:#333; margin:0; margin-bottom:5px;  }
.video-sub-list li .news-content p{  font-size:1em; line-height:25px; height:50px; overflow:hidden; color:#666; display:block; margin-bottom:0px; margin-top:5px;}
	}
.sub-tilte{background: url(../images/sub_top.jpg); 
  background-size: 100% 100% !important;
  width: 100vw;
  height: calc(100vw * 52 / 192);
  display: grid;
  align-items: center;
  padding: 5% 0;
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  align-content: center;
}
  .sub-tilte div{ width: 100%; display: block;}
  .sub-tilte p{font-size: 24px; width: 100%; display: block;}
.detail-title{font-size:2em; border-bottom:1px solid #ccc; padding:20px 5px; margin:20px auto;}
.detail-time{font-size:1em; padding-bottom: 10px; display: block;}
.detail-share img{ width:30px; height:30px;}
.detail-content{font-size:1.2em;}
@media (max-width: 768px) {
  .sub-tilte{ font-size: 2em;}
  .sub-tilte p{font-size:18px;}
}
.qa-box{ padding:2% 0}
.qa-box .panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
	color:#fff;
}
.qa-box .panel-default>.panel-heading:hover {
    background-image: -webkit-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -o-linear-gradient(top,#009ab4 0,#009ab4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#009ab4),to(#009ab4));
    background-image: linear-gradient(to bottom,#009ab4 0,#009ab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ab4', endColorstr='#009ab4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
	color:#fff;
}

.liuc-box{border:1px solid #ccc; border-radius:8px; padding:10% 5%; position:relative; cursor:pointer;}
.liuc-box:hover{border:1px solid #009ab4; background:#fff; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 9px rgba(0,0,0,.075); border-radius:8px; padding:10% 5%; position:relative; cursor:pointer;}
.liuc-box i{ position:absolute; z-index:1; left:0; top:0; display:block;border-radius:8px 0 0 0; line-height:30px; width:60px; height:60px; overflow:hidden;}
.liuc-box i:before{ position:absolute; left:-35px; top:-20px; width:150%; height:100%; background: rgba(89,162,209,.5); content:" "; display:block; z-index:-1;transform: rotate(-30deg);
-ms-transform: rotate(-30deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari and Chrome */}
.liuc-box li{ margin-bottom:6px;}


/* Page number */
.pagebar {
  margin: 50px 0px 50px 0px;
  padding-top: 20px;
}

.pagebar input {
  display: none;
}

.pagebar input[type="text"] {
  display: none;
}

.pagebar span.select {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin: 3px 2px 3px 2px;
  padding: 8px 18px;
  line-height: 24px;
  color: #fff;
  background-color: #22a790;
}

.pagebar a[disabled="disabled"] {
  display: none;
}

.pagebar a[disabled="disabled"]:hover {
  color: #333;
  text-decoration: none;
  background-color: #E9E9E9;
}

.pagebar a {
  font-size: 0.8em;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background-color: #E9E9E9;
  margin: 3px 2px 3px 2px;
  padding: 8px 18px;
  line-height: 24px;
  color: #333;
  color: #333;
}

.pagebar a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #22a790;
}

.pagebar a:hover span {
  color: #fff;
}

.pagebar a span {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background-color: #E9E9E9;
  padding: 8px 18px;
  line-height: 24px;
  color: #333;
  color: #333;
}

.pagebar a span.zjian, .pagebar a span.yjian {
  margin: 0;
  padding: 0;
}

.pagebar p {
  text-align: center;
  color: #333;
  font-size: 0.857em;
  line-height: 2em;
  margin-bottom: 10px;
}

.pagebar ul {
  min-width: 660px;
  margin: 0 auto;
  text-align: left;
  font-size: 18px;
}

.pagebar ul li {
  display: inline-block;
  *float: left;
  /*ie7*/
  background: none;
  padding-left: 0px;
}

.pagebar ul li a {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background-color: #E9E9E9;
  padding: 8px 16px;
  line-height: 24px;
  color: #333;
  color: #333;
}

.pagebar ul li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #22a790;
}

.pagebar ul li a.icon-arrow-left, .pagebar ul li a.icon-arrow-right {
  color: #aaa;
  padding: 8px 13px;
}

.pagebar ul li a.icon-arrow-left:before, .pagebar ul li a.icon-arrow-right:before {
  position: relative;
  top: 2px;
  color: #aaa;
}

.pagebar ul li a.icon-arrow-left:hover:before, .pagebar ul li a.icon-arrow-right:hover:before {
  color: #FFF;
}

.pagebar ul li.active a {
  text-decoration: none;
  cursor: default;
  color: #fff;
  text-decoration: none;
  background-color: #22a790;
  font-weight: bold;
}
@media (max-width: 768px) {

    /* Page number */
.pagebar {
    margin: 50px 0px 50px 0px;
    padding-top: 20px;
  }
  
  .pagebar input {
    display: none;
  }
  
  .pagebar input[type="text"] {
    display: none;
  }
  
  .pagebar span.select {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 3px 2px 3px 2px;
    padding: 8px 18px;
    line-height: 24px;
    color: #fff;
    background-color: #22a790;
  }
  
  .pagebar a[disabled="disabled"] {
    display: none;
  }
  
  .pagebar a[disabled="disabled"]:hover {
    color: #333;
    text-decoration: none;
    background-color: #E9E9E9;
  }
  
  .pagebar a {
    font-size: 0.8em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #E9E9E9;
    margin: 3px 2px 3px 2px;
    padding: 8px 18px;
    line-height: 24px;
    color: #333;
    color: #333;
  }
  
  .pagebar a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #22a790;
  }
  
  .pagebar a:hover span {
    color: #fff;
  }
  
  .pagebar a span {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #E9E9E9;
    padding: 8px 18px;
    line-height: 24px;
    color: #333;
    color: #333;
  }
  
  .pagebar a span.zjian, .pagebar a span.yjian {
    margin: 0;
    padding: 0;
  }
  
  .pagebar p {
    text-align: center;
    color: #333;
    font-size: 0.857em;
    line-height: 2em;
    margin-bottom: 10px;
  }
  
  .pagebar ul {
    min-width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 18px;
  }
  
  .pagebar ul li {
    display: inline-block;
    *float: left;
    /*ie7*/
    background: none;
    padding-left: 0px;
  }
  
  .pagebar ul li a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #E9E9E9;
    padding: 8px 16px;
    line-height: 24px;
    color: #333;
    color: #333;
  }
  
  .pagebar ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #22a790;
  }
  
  .pagebar ul li a.icon-arrow-left, .pagebar ul li a.icon-arrow-right {
    color: #aaa;
    padding: 8px 13px;
  }
  
  .pagebar ul li a.icon-arrow-left:before, .pagebar ul li a.icon-arrow-right:before {
    position: relative;
    top: 2px;
    color: #aaa;
  }
  
  .pagebar ul li a.icon-arrow-left:hover:before, .pagebar ul li a.icon-arrow-right:hover:before {
    color: #FFF;
  }
  
  .pagebar ul li.active a {
    text-decoration: none;
    cursor: default;
    color: #fff;
    text-decoration: none;
    background-color: #22a790;
    font-weight: bold;
  }
}
.list-owl{padding:10px ; margin:20px 0; border:1px solid #ccc;}