@charset "utf-8";
/* CSS Document */
.mt40{ margin-top: 40px;}



/*===============關於我們==================*/
.ad-banner{ width: 100%; height:318px; position: relative;}
.ad-banner img{ max-width: 100%; display: none;}
.ad-banner .ad-title{ position: absolute; left: 0; top: 50%; margin-top:-24px; text-align: center; width: 100%;}
.ad-title h2{  color: #fff; line-height:28px;}
.ad-title p{  color: #fff; line-height:20px; margin-bottom: 0;}

/*left*/
.aboutus_left{ padding-right:40px; margin-bottom:40px; }
.aboutus_left .list-group{ border-radius:0 0 ; line-height: 22px; background: #fff; border-right:1px solid #d9e2e0;}
.aboutus_left .list-group a{border-radius:0; border: none; display:block; padding:10px 16px; background: #fff;color: #555; }
.aboutus_left .list-group a i{ float: right;line-height: 40px;}
.list-group-item:first-child {border-radius:0;}
.aboutus_left .list-group a.active{ background: #f3f3f3;color: #555;border-left: solid 3px #78cbc2;}
.aboutus_left .list-group a:hover{color: #78cbc2;    -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.aboutus_left .list-group a:hover i{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

/*right*/
.aboutus_right{ }

.aboutus_title_bt{ height:50px; border-bottom:dashed 1px #d9d9d9;line-height:50px;}
.aboutus_title_bt h2{  line-height:50px; color: #333333; display:inline-block; float: left; margin-top: -1px; }
.aboutus_title_bt .crumbs-nav{ color: #999999;height:50px;overflow: hidden;}
.aboutus_title_bt .crumbs-nav a{ color: #999;}
.aboutus_title_bt .crumbs-nav i{ font-size:6px; color: #999; margin: 0 6px;}
.aboutus_title_bt .crumbs-nav a:last-child{color: #444;}

.text-container-box{ margin-top: 22px}
.text-container-box p{ margin:0; line-height:24px;}
.text-container-box p img{ max-width: 100%;}

/*================企業榮譽==================*/
.text-container-box{}
.text-container-box .honour{ border-bottom: dashed 1px #d9d9d9; margin:30px 0; padding-bottom:30px;}
.text-container-box .honour .col-md-3{ text-align: center;}
.text-container-box .honour .col-md-3 img{ max-width: 100%;}
.text-container-box .honour .col-md-3 p{ line-height:36px;}

/*================新聞中心==================*/
.news-list{}
.news-list ul{}
.news-list ul li{  border-bottom: dashed 1px #d9d9d9; height: 56px; overflow: hidden; line-height: 56px; font-size: 16px;-webkit-transition: all .4s ease; transition: all .4s ease;}
.news-list ul li b{ float: right; font-size: 12px; color: #999;}
.news-list ul li:hover{ background: #f5fefd; padding:0 10px }
.news-list ul li:hover a{ color: #78cbc2;}
/*翻頁*/
.Page{ text-align: center; margin:40px 0;}
.pagination>li>a, .pagination>li>span{ color: #444; text-align: center;}
.pagination>li>a, .pagination>li>span{ padding: 8px 15px; font-size: 16px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #78cbc2;border: solid 1px #78cbc2; }

/*================新聞詳情頁==================*/
.article-container-box{ width:98%; margin:20px auto;}
.article-title{ border-bottom: solid 1px #eee; padding: 15px 0;}
.article-title h1{ line-height:46px;}
.article-title p{}

.article-container-box p{ margin:0; line-height:24px;}
.article-container-box p img{ max-width: 100%; display: block; margin: 0 auto;}



/*==============聯絡我們================*/
.contact_title{ text-align: center; padding:60px 20px; border:solid 1px #dce5eb;}
.contact_title p{}
.contact_title div{}

.form-emails{}
.form-emails .input-group{ padding:11px 0; width: 100%; line-height: 60px;}
.form-emails .input-group .input-group-addon{ width: 220px; background:none; border:none; text-align: left;}
.form-emails .input-group .input-group-addon b{ color: #ff0000; }
.form-emails .input-group .form-input{ width: 380px;}
.form-emails .input-group .form-control{ box-shadow: none;}

.input-text{ line-height:60px;padding:15px;height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background: #f4f4f4; border-radius:2px; -webkit-border-radius: 2px; width: 100%;}
.textarea-text{ line-height:22px;padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background: #f4f4f4;  -webkit-border-radius: 2px; width: 100%; min-height: 140px; resize:vertical;}
.input-btn{ line-height:60px; border:none; border-radius:0;  background:#333333; color: #fff; width:180px; text-align: center; height:60px; margin:30px auto 120px; display: block;}
.input-btn:hover{ background: #7bcbc1; transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}

/*==============产品展示================*/
.product-list{}
.product-list .row{ margin:10px 0;}
.product-list .row .col-md-4{ padding:4px 0;box-sizing: border-box; text-align: center; }
.product-list .product-item{ padding:10px;display: inline-block; border-radius:3px; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; overflow: hidden;  }
.product-list .product-item:hover{ box-shadow:0 0px 8px rgba(0,0,0,0.1); }
.product-list .product-item .product-img{width: 100%; height: 100%;}
.product-list .product-item .product-img img{width:100%; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
.product-list .product-item:hover .product-img img{ -ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.product-list .product-item h5{ line-height:24px;height:24px; margin-top: 20px; text-align: left;}

/*==============产品详情页================*/
.Product-details-box{}
.product-title{ text-align: center; margin: 40px 0 60px;}
.product-title p{ line-height: 30px; color: #999999;}

.product-container{}
.product-container p{ line-height: 24px;}
.product-container p img{ max-width: 100%; margin: 0 auto;}

.product-page{ padding: 28px 50px; margin: 40px 0 80px; border-top:dashed 1px #faf2cc; border-bottom:dashed 1px #faf2cc;}
.product-page li{ display: inline-block; width:38%;height: 26px; line-height: 26px; }
.product-page li:first-child{ background: url("../images/page-icon.png") left -9px no-repeat;padding-left:30px;}
.product-page li:nth-child(2){ background: url("../images/page-icon.png") left -137px no-repeat;padding-left:30px;}
.product-page li a{}
.product-page li:last-child{ width:20%; background: url("../images/page-icon.png") left -265px no-repeat;padding-left:30px;}

@media only screen and (max-width:1000px){
    .aboutus_left{ padding-right:15px;}
}


@media only screen and (max-width:768px){
    .mt40{ margin-top:.8rem;}

    /*===============關於我們==================*/
    .ad-banner{ background:none!important; height: auto;}
    .ad-banner img{ max-width: 100%; display: block;}
    /*left*/
    .aboutus_left{padding-right:15px;}
    .aboutus_left .list-group{  line-height:1rem; }
    .aboutus_left .list-group a{display:block; padding:.2rem .5rem; }
    .aboutus_left .list-group a i{ float: right;line-height:1rem;}

    /*================新聞詳情頁==================*/
    .article-container-box{ width:98%; margin:.7rem auto;}
    .article-title{ border-bottom: solid 1px #eee; padding:.5rem 0;}
    .article-title h1{ line-height:1.8rem;}

    /*==============聯繫方式================*/
    .form-emails .input-group .input-group-addon{ width:100%; display:block; line-height: 36px; background:none; border:none; text-align: left;}
    .form-emails .input-group .input-group-addon b{ color: #ff0000; }
    .form-emails .input-group .form-input{ width:100%;}


    /*==============产品详情页================*/
    .product-page{ padding: 28px .6rem; margin: 1rem 0 1.2rem;}
    .product-page li{ display: inline-block; width:100%; margin:.6rem 0;}

    .product-page li:last-child{ width:100%; }


}