@charset "utf-8";
/* CSS Document */
.mt40{ margin-top: 40px;}
/*ad-banner*/
.ad-banner{ width: 100%; height:120px; position: relative; }
.ad-banner img{ max-width: 100%; display: none;}
.ad-banner .ad-title{text-align: left; display: block; width: 100%; margin-left:8%; }
.ad-title h3{ font-size: 24px;  color: #fff; line-height:36px;font-weight:normal; position: relative; text-transform: uppercase; }
.ad-title h3:before{position: absolute; left: 0; top: -10px; content:""; width:30px; height:2px; background: #2aabd2; }
.ad-title p{  color: #fff; line-height:20px; margin-bottom: 0;}

.title{ text-align: center; padding:.6rem 0; }
.title h2{font-size:1rem; font-weight:normal;margin-bottom:0.1rem;}
.title p{ font-size:.5rem; font-weight: 300;}

/*===============關於我們==================*/
.team-six{ margin: 30px;}
.team-six li{width:50%; float: left; }
.team-six li img{max-width:100%;}
.team-six li .team-member{ padding: 15px; text-align: center;}

/*left*/
.about-box{ padding: 0 .5rem;}
.about-box-conter img{ max-width:100%;  }
/*================新聞中心==================*/
.news-list{ margin:40px 0; padding: 0 .5rem; }
.news-list li{ background: #fff; width:auto;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease; padding:.6rem 0;overflow: hidden; border-top: solid 1px #eee;  }
.news-list li div{ width:100%; margin: 0 auto; /* opacity:0; filter:alpha(opacity=0);*/}
.news-list li div.news-img{overflow:hidden;width:4.5rem; height:3.2rem; float: left;}
.news-list li div.news-img img{ max-width: 100%;width:4.5rem; height:3.2rem;-moz-transition: -moz-transform .8s ease-in-out;  -webkit-transition: -webkit-transform .8s ease-in-out;  transition: transform .8s ease-in-out;}
.news-list li div.news-text{ margin-left:5rem; width: auto;}
.news-list li h4{ font-size:.8rem;line-height: 1rem;  height:1rem; font-weight:normal; color: #414141; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.news-list li p{  color: #6b6b6b; font-weight: normal; line-height: 25px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.news-list li em{ font-style: normal; margin-top:.3rem; color: #2196ce; display:block;}

/*================新聞詳情頁==================*/
.article-title{ border-bottom: solid 1px #eee; padding:0 0 15px; text-align: center;}
.article-title h1{ margin-bottom:.3rem; line-height:1rem }
.article-title p{}
.news-article-text{ margin-top: 20px;}
.news-article-text p{ margin:0; line-height:24px;}
.news-article-text p img{ max-width: 100%; display: block; margin: 0 auto;}

/*==============聯絡我們================*/
.contact-us-box{margin: 1rem .5rem; }
.contact-us-box .contact-us-left{ width:100%; }
.contact-us-box .contact-us-left h1{ margin-bottom: 20px;}
.contact-us-box .contact-us-left p{ font-size: 16px; line-height: 36px; }
.contact-us-box .contact-us-left p span{  display:inline-block;  }
.contact-us-box .contact-us-right{ width:100%; }

.contact-us-box .contact-us-right .form .form-input{margin:8px auto; width: 100%;}
.contact-us-box .contact-us-right .form .form-input span{display: block; height:24px; line-height:24px;}
.contact-us-box .contact-us-right .form .form-input input{ display: block;width:100%; height:40px; padding:10px 12px;  background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border:solid 1px #eee; }
.contact-us-box .contact-us-right .form .form-input textarea{display: block;width:100%;line-height:22px;padding:10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff;  -webkit-border-radius:0;min-height: 80px; resize:none; border:solid 1px #eee; font-family:"Microsoft JhengHei"; }

.contact-us-box .contact-us-right .form .form-button{width:160px; margin-top:20px;padding:10px 20px; height:30px; line-height:30px;background: #2196ce; cursor: pointer;}
.contact-us-box .contact-us-right .form .form-button #form-btn1{ width:100%; background: #2196ce; border: none; color: #fff;cursor: pointer;}

/*==============产品展示================*/
.product-title{ text-align: center; margin:.8rem 0;}
.product-title li{ display:inline-block; text-align: center; background: #0ca4d2; margin:.3rem 3px; }
.product-title li a{padding:3px 15px; color: #fff; display:block; height: 30px; line-height: 30px;}
.product-title li:hover,.product-title li.active{ background:#0b5bc7; -webkit-transition:all .5s ease; transition:all .5s ease;}

.product-list{  overflow: hidden;}
.product-list li{ width:50%; float: left;padding:.4rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product-list li .widget {position: relative;}
.product-list li .widget .img-holder {position:relative;overflow:hidden;}
.product-list li .widget .img-holder img{width:100%;display: block; transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}
.product-list li .widget .img-holder .overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,139,195,0.5);text-align:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product-list li .widget .content-holder {text-align:center;display:block;margin-top:0px;padding:.3rem 0; position: absolute; left: 0; bottom:0; width:100%; background-color:rgba(0,0,0,0.5);}
.product-list li .widget .content-holder h4 {text-transform:uppercase;color:#fff;margin:0;font-size:18px; font-weight:normal;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;}
.product-list li:hover .widget .img-holder img{-ms-transform:scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}

/*翻頁*/
.Page{ text-align: center; margin:2rem 0;}
.pagination>li{ display: inline-block;}
.pagination>li>a, .pagination>li>span{ color: #444; text-align: center;}
.pagination>li>a, .pagination>li>span{ padding: 8px 15px; font-size: 16px;  text-decoration: none;  color: #555555;  background-color: #f6f6f6;  border: 1px solid #dddddd;  margin-left: -1px; border-radius:2px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li:hover a{ background: #2196ce;border: solid 1px #2196ce; color: #fff; }


/*==============产品详情页================*/
.product-article-swiper{ padding:0 .5rem; position: relative; }
.product-article-swiper .swiper-container { margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.product-article-swiper .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.product-article-swiper .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.product-article-swiper .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.product-article-swiper .swiper-slide img{ max-width: 100%; display:block;}
.product-article-swiper .swiper-container-autoheight,.product-article .swiper-container-autoheight .swiper-slide {height:auto}
.product-article-swiper .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.product-article-swiper .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.product-article-swiper .swiper-pagination { bottom: 5%;  right:18px;   position: absolute;  text-align:right;  transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;  z-index: 10; padding-right:0%;}
.product-article-swiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;width:100%; text-align: center;}
.product-article-swiper .swiper-pagination-bullet{display:inline-block;margin:0 .3rem; background:#fff; width:10px; height: 10px; border-radius:20px;   }
.product-article-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#2196ce;}
.product-article-swiper .swiper-container .swiper-button-next,.product-article-swiper .swiper-container .swiper-button-prev{position: absolute; top: 50%;  width: 27px;  height: 44px;  margin-top:0px; z-index: 10; cursor: pointer; text-align: center; color: #fff;}
.product-article-swiper .swiper-container .swiper-button-next{left: 0;}
.product-article-swiper .swiper-container .swiper-button-prev{ right: 0;}

.product-article{ padding:1rem .5rem; }


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


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

    /*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%; }


}