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



/*===============關於我們==================*/
.ad-banner{ width: 100%; height:480px;}
.ad-banner img{ max-width: 100%; display: none;}

/*left*/
.aboutus_left{ }
.aboutus_title{ background: #edae06;  color: #fff; padding:14px 16px; text-align:left; }
.aboutus_title h3{height:50px; line-height:60px; background: #edae06; color: #fff; position: relative;}
.aboutus_title h3:after{ position: absolute; top: 0; left: 0; content:""; width: 27px; height: 3px; background: #fff;}
.aboutus_title em{ font-style: normal;  display:block;}

.aboutus_left .list-group{ border-radius:0 0 ; line-height: 40px; background: #fafafa; }
.aboutus_left .list-group a{border-radius:0; border: none; display:block; padding:10px 16px; border-bottom: solid 1px #f0eded;background: #fafafa; }
.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: #fafafa;color: #edae06;border-bottom: solid 1px #f0eded;}
.aboutus_left .list-group a:hover{color: #edae06;    -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:44px; border-bottom: solid 1px #d9d9d9;line-height:44px;}
.aboutus_title_bt h2{  line-height:44px;border-bottom: solid 1px #edae06; color: #edae06; display:inline-block; float: left; margin-top: -1px; }
.aboutus_title_bt .crumbs-nav{ color: #999999;height:44px;overflow: hidden;}
.aboutus_title_bt .crumbs-nav a{ color: #999;}
.aboutus_title_bt .crumbs-nav i{ font-size:8px; 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%;}

/*================服務範圍==================*/
.service-list{}
.service-list ul{}
.service-list ul li{ padding:24px 0; border-bottom: solid 1px #eee; overflow: hidden; }
.service-list ul li:hover{ background: #f7f7f7;-webkit-transition: all .2s ease; transition: all .2s ease;}
.service-list ul li div.img{width: 180px; height: 148px; float: left; margin-right: 16px;}
.service-list ul li div.img img{width: 180px; height: 148px;}
.service-list ul li h4{ height: 36px; line-height: 36px; margin-bottom:8px;}

/*翻頁*/
.Page{ text-align: center; margin-top: 40px;}
.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: #edae06;border: solid 1px #edae06; }


/*================服務範圍詳情頁==================*/
.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;}


/*================新聞中心==================*/
.news-list{}
.news-list ul{}
.news-list ul li{ padding:24px 0; border-bottom: solid 1px #eee; overflow: hidden; }
/*.news-list ul li:hover{ background: #f7f7f7;-webkit-transition: all .2s ease; transition: all .2s ease;}*/
.news-list ul li div.img{width:200px; height: 150px; float: left; margin-right: 16px;}
.news-list ul li div.img img{width:200px; height:150px;}
.news-list ul li h4{ height: 36px; line-height: 36px; margin-bottom:8px;}
.news-list ul li div.date{ margin-top:.6rem;}
.news-list ul li div.date b{ margin-left: 43px; background: url("../images/volume.png") left center no-repeat; padding-left:26px;}

/*===================合作夥伴=================*/
.cooperative_text{ padding:10px 2%;}
.cooperative_text h3{ line-height: 40px; }
.cooperative_text p{ line-height: 24px; }

.Cooperative{}
.Cooperative li{ float: left; width:20%;}
.Cooperative li div{ width:182px; height: 104px; border: solid 1px #ededed; margin:.5rem auto; position: relative;  -webkit-transition: all 0.6s ease-in;  -moz-transition: all 0.6s ease-in;  -ms-transition: all 0.6s ease-in;  -o-transition: all 0.6s ease-in;  transition: all 0.6s ease-in;  }
.Cooperative li div img{ max-width:100%;}

.Cooperative li:hover div{border: solid 1px #f0bc31; cursor: pointer; }
.Cooperative li div:after,.Cooperative li div:before{ content:''; display:block; position:absolute;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;border:1px solid transparent;width:0;height:0;}
.Cooperative li div:after{top:0;  left:0;
    -webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.Cooperative li div:before{ bottom:0; right:0;
    -webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.Cooperative li:hover div:after,.Cooperative li:hover div:before{width:100%;height:100%;}
.Cooperative li:hover div:after{border-top-color:#f0bc31;  border-right-color:#f0bc31;
    -webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.Cooperative li:hover div:before{border-bottom-color:#f0bc31; border-left-color:#f0bc31;
    -webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}


/*==============聯繫方式================*/
.map-box{margin-top: 22px}
.map-box img{ max-width: 100%;}

.form-address-box{margin:60px 0 0;}
.form-address-box .col-lg-6{padding:0 50px 0 0;margin:0;}
.form-address-box h3{ margin-top:-50px; height:50px; line-height:50px; }

.form-address-box .form-emails{}
.form-address-box .form-emails li{ margin-bottom: 20px;}
.input-text{ line-height:20px;padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #e5e5e5; border-radius:2px; -webkit-border-radius: 2px; width: 100%;}
.textarea-text{ line-height:22px;padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #e5e5e5; border-radius:2px; -webkit-border-radius: 2px; width: 100%; height: 140px;}
.input-btn{ line-height:40px; border:none; border-radius:2px; -webkit-border-radius: 2px; background:#edae06; color: #fff; width:140px; text-align: center; height: 40px;}

.form-address-box .address{ float: right; padding-right:0px;}
.form-address-box .address p{background:url("../images/icon.png") left 10px no-repeat; line-height: 40px; padding-left: 27px; margin-bottom: 0;}
.form-address-box .address p:nth-child(1){background:url("../images/icon.png") left 10px no-repeat; }
.form-address-box .address p:nth-child(2){background:url("../images/icon.png") left -80px no-repeat; }
.form-address-box .address p:nth-child(3){background:url("../images/icon.png") left -169px no-repeat; }
.form-address-box .address p:nth-child(4){background:url("../images/icon.png") left -257px no-repeat; }


/*==============聯繫方式================*/
.careers-title{margin:22px 0; line-height:36px;}

.careers-describe{ background: #f8f8f8; padding: 20px; border-radius:10px; margin-bottom:30px;}
.careers-describe h4{ }
.careers-text{ margin-top: 20px;}
.careers-text h5{ margin:40px 0 20px; }
.careers-text p{ margin: 0; line-height: 26px;}



@media only screen and (max-width:1000px){
    /*==============合作夥伴=========*/
    .Cooperative{}
    .Cooperative li{ float: left; width:33.33%;}

}


@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{ }
    .aboutus_title{ background: #edae06;  color: #fff; padding:.4rem .5rem; text-align:left; }
    .aboutus_title h3{height:1.2rem; line-height:1.4rem; background: #edae06; color: #fff; position: relative;}
    .aboutus_left .list-group{  line-height:1rem; }
    .aboutus_left .list-group a{display:block; padding:.3rem .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;}

    /*=============合作夥伴============*/
    .Cooperative{}
    .Cooperative li{ float: left; width:50%;}


    /*==============聯繫方式================*/
    .form-address-box{margin:10px 0 0;}
    .form-address-box .col-lg-6{padding:0 0;margin:0;}
    .form-address-box .col-lg-6 h3{ margin-top:10px; height:1.5rem; line-height:1.5rem;}

    .form-address-box .form-emails{}
    .form-address-box .form-emails li{ margin-bottom:.5rem;}
    .input-text{ line-height:.8rem;padding:.3rem; width: 100%;height:1.6rem;}
    .textarea-text{ line-height:.7rem;padding:.3rem;height:4rem;}
    .input-btn{ line-height:36px; width:120px; text-align: center; height:36px;}

    .form-address-box .address{ float:none; padding-right:0px;}

    /*==============聯繫方式================*/
    .careers-title{margin:.6rem 0; line-height:1.2rem;}

    .careers-describe{ background: #f8f8f8; padding:.5rem; border-radius:6px; margin-bottom:.8rem;}
    .careers-text{ margin-top:.5rem;}
    .careers-text h5{ margin:1rem 0 .5rem; }
    .careers-text p{ line-height: 24px;}

}