@charset "utf-8";
/* CSS Document */
#banner{ overflow: hidden; }
#lookfor{ background: #ebebeb; padding-top: 25px; padding-bottom: 25px;  font-size: 16px; color: #6c6c6c;}
#lookfor .quote{ background: #029159; color: #fff; padding:11px 22px; border-radius: 3px; text-decoration: none; margin-right: 30px;font-weight: bold;}
#lookfor a:hover.quote,#lookfor a:hover.check{ background: #454545; }
#lookfor a:hover.check{background: #d0d0d0; color: #fff;}
#lookfor .check{ border: 2px solid #d0d0d0; padding:9px 22px; color: #acacac; font-weight: bold; text-decoration: none;}
@media (min-width: 1200px) {
#lookfor .txt-right{ float: right;}
}
@media (max-width: 1199px) {
	#lookfor{text-align: center;}
	#lookfor .txt-right{ display: block; text-align:center; margin-top: 30px; }
}
@media (max-width: 447px) {
	#lookfor .txt-right a{ display: block; padding-left: 0; padding-right: 0; }
	#lookfor .quote{ margin-right: 0; margin-bottom: 10px; }
}

#service{ padding: 2.8% 0 2.2%;}
#service .flagimg{ display: block;  overflow: hidden;position: relative;}
#service .flagimg img{transition:all 0.3s ease; z-index: 1;}
#service a:hover.flagimg img{ transform: scale(1.2); }
#service .flag-text{ font-size: 14px; color:#4d4d4d; padding: 20px 0 10px; display: block; font-weight: bold; }
#service p{ color: #8e8e8e; line-height: 22px; margin-top: 5px; }
#service .more{ color: #5e7ca2; font-weight: bold; }
#service a:hover.more{ color: #029159; }
#service .product .title{ color: #292929; font-weight: 14px; font-weight: bold; }
#service .product p{ line-height: 18px; }
#service .product img{ border: 1px solid #dddddd; }
#service .product .row{ margin-left: -5px; margin-right: -5px; margin-bottom: 20px; }
#service .product .row .col-md-4,#service .product .row .col-md-8{ padding-left: 5px; }
@media (max-width: 767px) {
#service{ text-align: center; }#service .more{ margin-bottom: 15px; }#service .flag-text{ padding-top: 0;}#service .flagimg{ margin-top: 20px; }
#service .product{ margin-top: 20px; }
}
#project{ background:url(../images/product-bg.jpg) center center no-repeat fixed; background-size:cover ; padding: 3.8% 0 2.8%; color: #fff; text-align: center; line-height: 18px;}
#project .typename{ font-size: 24px; text-transform: uppercase; text-align: center; font-weight: bold; position: relative; margin-bottom: 40px; }
#project .pjimg{ position: relative; overflow: hidden; display: block;margin-bottom: 20px;display: block;  }
#project a.pjimg::before,#project a.pjimg::after{ content: "";  position: absolute;transition:all 0.4s ease;opacity:0; color: #fff; z-index: 99; }
#project a.pjimg::before{border-left: 4px solid;
    border-top: 4px solid;
    bottom: 100%;
    left: 0;
    right: 100%;
    top: 0; }
#project a.pjimg::after {
    border-bottom: 4px solid;
    border-right: 4px solid;
    bottom: 0;
    left: 100%;
    right: 0;
    top: 100%;
}
#project a:hover.pjimg::after {
    left: 0;
    opacity: 1;
    top: 0;
}
#project a:hover::before {
    bottom: 0;
    opacity: 1;
    right: 0;
}
#project .pjimg  img{width: 100%; height: auto; transition:all 0.3s ease;}
#project a:hover.pjimg img{ transform: scale(1.2); }
#project a.title{ color: #fff; font-weight: bold; }
@media (max-width: 991px){
#project .col-sm-6{ margin-bottom: 30px; }
#project .typename{ padding-top: 15px; }
}

.home-tit{ font-size: 24px; text-transform: uppercase; color: #3e3e3e; font-weight: bold; position: relative; margin-bottom: 55px;}
.home-tit::before{ background: #d9d8d8; height: 1px; width: 100%; content: ""; position: absolute; margin-top: 45px;}
.home-tit::after{ background: #e65b5b; width: 68px; height: 3px; content: ""; position: absolute; margin-top: 44px; left: 0;}
@media (max-width: 767px){
	.home-tit{ margin-top: 30px; }
}
#why-who{ padding: 2.2% 0;}
#why-who .whyus{ padding: 0; margin: 0; list-style: none; }
#why-who .whyus li{ margin-bottom: 30px; }
#why-who .whyus li:last-child{ margin-bottom: 0; }
#why-who .whyus .title{ color: #373738; font-weight: bold; margin-bottom: 10px; }
#why-who .whyus .title i{ color: #029159; font-size: 16px; padding-right: 12px; }
#why-who .imgbot{ margin-bottom: 30px;border: 1px #ccc solid;border-radius: 6px}
#why-who p{ line-height: 22px; color: #6f6e6e; }
#why-who p.weare{ margin-bottom: 30px; }
#why-who .more{ color: #5e7ca2; font-weight: bold; }

#news{padding:3.2% 0; overflow: hidden; background: #ebedf2; }
#news .newslist:first-child{ padding-top: 0; }
#news .newslist{ padding-top: 30px; line-height: 20px;}
#news .newslist .news-no{ padding-left: 10px; padding-right: 10px; width: 64px; height: 68px; background: #5e7ca2; color: #fff; text-align: center; font-size: 14px; float: left; margin-right: 18px; padding-top: 15px;}
#news .newslist .news-no b{ font-size: 35px; color: #fff; }
#news .newslist a{ color: #626262; font-size: 16px; text-transform: capitalize; }
#news .newslist p{ margin-top: 10px; color: #8f8f8f; overflow: hidden;
　　text-overflow: ellipsis; height: 40px;}
#news .more{ border: none; text-transform: uppercase; margin-left: auto; margin-right: auto; font-weight: bold; margin-top: 20px; width: 188px; height: 44px; background: #029159; color: #fff; line-height: 44px; text-align: center; display: block; font-size:22px; text-decoration: none; }
#news .more:hover{ background: #464d52; }
#news .more i{ padding-left: 15px; }

.myform .form-group{ margin-bottom: 30px; }
.myform input.form-control{ height: 45px; }
.myform textarea.form-control{ height: 197px; }
.myform .form-control{ background: #ddd; color: #666; border-radius: 0; }
.form-control::-moz-placeholder{ color: #666; }