@charset "utf-8";
/* CSS Document */
.mt40{ margin-top: 40px;}
.container img{max-width:100%; }
/*內頁導航*/
.within-nav-muen-bg{width: 100%;  border-bottom:solid 1px #eee; line-height:50px; background:#fcfafa; }
.within-nav-muen-bg .within-nav-muen{}
.within-nav-muen-bg .within-nav-muen ul{ text-align:center; margin-bottom:0;}
.within-nav-muen-bg .within-nav-muen ul li{ display:inline-block; margin:0 10px; position: relative; font-size:15px;}
.within-nav-muen-bg .within-nav-muen ul li a{color: #333; padding:0 5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.within-nav-muen-bg .within-nav-muen ul li:before{ position:absolute; left:50%; bottom:-2px; content:""; width:0; height:1px; background: #fd950e; -webkit-transition:all .5s ease; transition:all .5s ease;  }
.within-nav-muen-bg .within-nav-muen ul li:hover a,.within-nav-muen-bg .within-nav-muen ul li.active a{ color: #fd950e;}
.within-nav-muen-bg .within-nav-muen ul li:hover:before,.within-nav-muen-bg .within-nav-muen ul li.active:before{width:100%;left:0; }

/*===============關於我們==================*/
.ad-banner{ width: 100%; height:280px; position: relative;}
.ad-banner img{ max-width: 100%; display: none;}
.ad-banner .ad-title{ position: absolute; left: 0; top: 50%; margin-top:-10px; 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-container-box{ text-align: center;}

.aboutus-titile{ text-align: center;}
.aboutus-titile p strong{ font-size:50px; font-family:Arial;}

/*发展历史*/
.brand-box-bg{width: 100%; background:#f5f5f5; padding:30px 0;  }
.brand-box-bg .brand-box{ display: flex;flex-wrap: nowrap; justify-content:space-between; margin-bottom: 0;}
.brand-box-bg .brand-box li{ width:10%; margin:10px 0; padding:5px;   }
.brand-box-bg .brand-box li .brand-img{ width:100%; }
.brand-box-bg .brand-box li .brand-img img{ max-width:100%; display: block; }

.aboutus-history-box{}
.aboutus-history-box .history{ position: relative; overflow: hidden; padding:0 20px 80px;}
.aboutus-history-box .history:before{content:""; width:3px;  height: 100%; background: #fd950e; position:absolute;left:20px; top:10px; margin-left:-1px;     }
.aboutus-history-box .history li{ width:100%;  display:inline-block; position: relative;  }
.aboutus-history-box .history li .year-box{position:relative; left:0%; top:0; margin-left:-9px; padding-top:50px;}
.aboutus-history-box .history li:first-child .year-box{padding-top:0px;}
.aboutus-history-box .history li .year{height: 30px; line-height:30px; border-radius:16px;padding:0 18px;background:#fd950e; color:#fff; display:inline-block; font-size: 14px; margin-left: 10px; }
.aboutus-history-box .history li .spot{ padding: 4px; display:inline-block; border-radius:50%; border:solid 1px #fd950e; background-color:#fff;  vertical-align: middle;  }
.aboutus-history-box .history li .spot i{ width:10px;height: 10px; display:block; border-radius:8px;background-color:#fd950e; }
.aboutus-history-box .history li{ width: 100%; display:inline-block; position: relative;  }
.aboutus-history-box .history li .year-item{ display:inline-block; position:relative; right:0;  }
.aboutus-history-box .history li .month-describe{border-bottom: solid 2px #fd950e; padding:15px 30px 15px 20px; display:inline-block; position: relative; }
.aboutus-history-box .history li .month-describe:before{ content:""; width: 12px; height: 12px; border: solid 1px #fd950e; display:inline-block; position:absolute;border-radius:50%; bottom:-6px; background: #fff;}
.aboutus-history-box .history li .month-describe:before{ left:-6px;}
.aboutus-history-box .history li.fl .year-item{left: 50%; margin-left:-294px; }
.aboutus-history-box .history li.fl:nth-child(4) .year-item{margin-left:-433px; }
.aboutus-history-box .history li.fr .year-item{left:50%; margin-left:0px; }

.aboutus-history-box .history li.fl .month-describe{ margin-left:20px; }
.aboutus-history-box .history li.fr .month-describe{padding:15px 20px 15px 30px; text-align: right; margin-right:20px; }
.aboutus-history-box .history li .month-describe h5{ color:#fd950e; line-height:36px;}
.aboutus-history-box .history li .month-describe p{ color:#4c4c4c; margin-bottom:0; line-height: 24px; }





/*================新聞中心==================*/
.news-list{}
.news-list ul{}
.news-list ul li{  border-bottom: dashed 1px #d9d9d9;-webkit-transition: all .4s ease; transition: all .4s ease; overflow: hidden;  padding:20px 10px;}
.news-list ul li .news-img{ width:25%; float: left; margin-right: 3%;-webkit-transition: all .4s ease; transition: all .4s ease; }
.news-list ul li .news-img img{ max-width: 100%; }
.news-list ul li h3 { line-height: 46px;}
.news-list ul li b{ font-size: 12px; color: #999;}
.news-list ul li p{ line-height: 24px;color: #666;}
.news-list ul li:hover{ background: #f5f5f5;-webkit-transition: all .4s ease; transition: all .4s ease;}
.news-list ul li:hover a{ color: #fd950e;-webkit-transition: all .4s ease; transition: all .4s ease;}
/*翻頁*/
.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: 6px 12px; 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: #fd950e;border: solid 1px #fd950e; }

/*================新聞詳情頁==================*/
.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;}



/*==============聯絡我們================*/

.map-box{ padding:0; border:solid 1px #dce5eb;  }
.map-box .map{height: 360px;}

.contact-box{}
.contact-box .col-md-6{padding-top:30px;padding-bottom:30px; }
.contact-box .col-md-6 p{ line-height: 30px;margin:0; }
.contact-box .col-md-6 p.h3{ line-height: 36px; margin-bottom: 10px;}

.form-emails{}
.form-emails .input-group{ padding:11px 0; width: 100%; line-height: 40px;}
.form-emails .input-group:first-child{ padding-top: 0;}
.form-emails .input-group .input-group-addon{  width: 77px; background:none; border:none; text-align: left;padding: 0;}
.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:40px;padding:15px;height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color:#eee; background: none; 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-color:#eee; background: none;   -webkit-border-radius: 2px; width: 100%; min-height: 100px; resize:vertical;}
.input-btn{ line-height:50px; border:none; border-radius:0;  background:#eea342; color: #fff; width:180px; text-align: center; height:50px; margin:11px 0  0 77px; display: block;}
.input-btn:hover{ background: #fd950e; 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:220px;overflow: hidden;}
.product-list .product-item .product-img img{max-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 h4{ line-height:24px;height:24px; margin-top: 20px; text-align: left;}
.product-list .product-item p{ line-height:24px; color: #666;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: 20px 0 20px;}
.product-page li{ display: inline-block; width:48%;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:last-child{ background: url("../images/page-icon.png") right -137px no-repeat;padding-right:30px; text-align:right; }
@media only screen and (max-width:1000px){
    .aboutus_left{ padding-right:15px;}

    /*聯繫我們*/
    .map-box .map{height:280px;}
    .contact-box .col-md-6{padding-top:1rem;padding-bottom:1rem; }
    .input-btn{  width:160px; text-align: center; line-height:40px;  height:40px; margin:11px 0  0 77px;}

    /*發展歷程*/
    .brand-box-bg{width: 100%; background:#f5f5f5; padding:10px 0;  }
    .brand-box-bg .brand-box{ display:block; margin-bottom: 0;}
    .brand-box-bg .brand-box li{ width:20%; float: left; margin:5px 0;}
}


@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{padding:.3rem 0;}
    .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%;}
    .contact-box .col-md-6{padding-top:1rem;padding-bottom:1rem; }
    .input-btn{  margin:11px 0  0 0px;}


    /*==============产品详情页================*/
    .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%; }


}