@charset "UTF-8";
.bannerbox{height:42.7vw; overflow:hidden; position:relative;}
.bannerbg{  background-size:cover; background-position:center; position:relative;transition: transform 12s ease-in-out; background-size: cover; position:absolute; width:100%; height:100%; left:0; top:0;}
.flexslider .slides li.flex-active-slide .bannerbg {  transform: scale(1.1);}

#index_banner .flex-control-nav{  bottom:2rem;}
#index_banner .banner_txt{height:42.7vw;   display:table-cell; width:100vw; vertical-align:middle; position:relative; z-index:9;animation-name: fadeOutLeft; line-height:133%;	}
#index_banner .banner_txt h2{ font-weight:normal; line-height:100%; text-transform:uppercase;}
#index_banner .slides .banner_txt img{ width:auto; max-width:75%}
#index_banner .banner1 .banner_txt{padding-top:15%;}
#index_banner .banner2 .banner_txt{padding-bottom:15%;}

#index_banner li.flex-active-slide .banner_txt h2,#index_banner li.flex-active-slide .banner_txt p {		-webkit-animation-delay: .4s;		animation-delay: .4s;		-webkit-animation-duration: .6s;		animation-duration: .6s;		-webkit-animation-fill-mode: both;		animation-fill-mode: both;		-webkit-animation-name: fadeInRight;		animation-name: fadeInRight;}


.in_filter{}

.portfolioContainer{ margin:0;}
.portfolioContainer li{ width:20%;background:#cfcfd0;}
.portfolioContainer li:nth-child(7n+2){ background:#d8d8d8;width:40%;}
.portfolioContainer li:nth-child(7n+3),.portfolioContainer li:nth-child(7n+5),.portfolioContainer li:nth-child(7n){ background:#ece9e6;}
.portfolioContainer .prod_item {display:block;position:relative;}
.portfolioContainer .prod_item:hover{ overflow:visible; z-index:11;}
.portfolioContainer .photo {display:block;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;}
.portfolioContainer .prod_item .photo:after {display:block;content:"";position:absolute;background:rgba(24,24,24,.5);top:-.6rem;bottom:-.6rem;left:-.6rem;right:-.6rem;transition:all 300ms ease;pointer-events:none;transform-origin:50% 50%;border:.6rem solid #fff; opacity:0;}
.portfolioContainer .prod_item:hover .photo:after {opacity:1;}
.portfolioContainer .photo img {line-height:0;-webkit-transition:transform 300ms ease;-moz-transition:transform 300ms ease;transition:transform 300ms ease;display:block}
.portfolioContainer .prod_item:hover .photo img{transform: scale(1.1);}
.portfolioContainer .prod_content {position:absolute;left: 0;    top: 0;    right: 0;    bottom: 0; padding:.6rem;transition:500ms ease all;box-shadow:0 0 20px rgba(0,0,0,0);z-index:1;opacity:0	;color:#fff;;box-shadow: 0 0 20px rgba(0,0,0,.2); padding-top:50%;}
.portfolioContainer .prod_item:hover .prod_content {left:-.6rem;top:-.6rem;right:-.6rem;bottom:-.6rem;opacity:1; z-index:9;transform:translateY(0%); padding-top:30%; }
.portfolioContainer .prod_content .title:after{ width:2.6rem; height:2px; content:''; display:block; margin:1rem auto 2rem; background:#b9ce2d;	}
.portfolioContainer li:nth-child(7n+2) .prod_item:hover .prod_content{ padding-top:40%;}

#home_prod .prod_item{ background:#eee; position:relative;}
#home_prod .prod_item .title{ position:absolute; bottom:0; width:100%; left:0; background:rgba(166,166,166,.5); color:#fff; line-height:20px; padding:10px;}

.in_intro{ background:#fff url(../images/bg/in_intro.png) no-repeat center; background-size:cover;padding:10rem 0; margin-top:-1px; position:relative; z-index:9;}
.in_intro .box{  width:65%; /*border-bottom:1px solid #aaa;*/ padding-right:20%; text-align:left; }
.in_intro .box p{line-height:180%;}

.in_news{ background:url(../images/bg/in_news.jpg) no-repeat center; background-size:cover;color:#231815; }
.grid_content{ background:#fff; padding:1.33rem 1.33rem 2rem;}
.grid_date{ line-height:1.4rem; padding-left:1.4rem; background:url(../images/icon/clock.svg) no-repeat left center; background-size:1.2rem;}
.grid_title{ line-height:1.8rem; height:3.6rem; text-transform:uppercase; overflow:hidden; text-align:left;}
.grid_text{ line-height:1.4rem; height:5.6rem; overflow:hidden;}


@media (min-width: 768px){
}

@media (min-width: 992px){
.wrap{ padding-top:8rem;}
.sticyHeader .wrap{ padding-top:5rem;}
}
@media (min-width: 1281px){
.container{width:1170px; }
}
@media (min-width: 1441px){
}
@media (min-width: 1681px){
}
@media (max-width: 1440px) {
}

@media (min-width: 1441px) and (max-width: 1680px) {
}
@media (min-width: 1281px) and (max-width: 1440px) {
}
@media (min-width: 992px) and (max-width: 1440px) {
}

@media (min-width: 992px) and (max-width: 1280px) {
}
@media (max-width: 1280px){

}
@media (max-width: 991px){
.in_news .btn-default{ display:none;}
.in_news .grid_text{ margin-bottom:0;}
.in_news .grid_title{ font-size:15px; line-height:17px; height:34px; margin-bottom:10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px){
#index_banner .banner_txt{padding:10px 0!important; height:150px; text-align:center;}
.bannerbox{ background:#003680 !important; height:auto; }
.bannerbox *{ color:#fff;}
.bannerbox p{ margin:10px 0 0;}
.banner_txt .fs_68{ line-height:26px;}
#index_banner .flex-direction-nav{ display:none;}
#index_banner .flex-control-nav{ bottom:0;}
.in_news .fs_45{ text-align:center;}
.in_intro .box{  width:80%; padding-right:0;}
.grid_text{ height:2.8rem;}
.grid_content{ padding:15px 25px;}
.in_news .grid_title{ text-align:left;}
}
@media (min-width: 481px) and (max-width: 767px) {
.in_intro{ padding-top:14rem;}
}

@media (max-width: 480px){
.in_intro{ background:url(../images/bg/in_intro_m.jpg) no-repeat bottom right; background-size:375px; min-height:550px;}
.in_intro .box{  width:100%;  text-align:center; border:none; padding:210px 0 80px; margin:0; border:none;}
.in_intro{ padding:0 0 35px;}
.in_intro .box p{ line-height:110%;}
.in_intro .btn-default{ display:block; width:50vw; margin:0 auto;}
.in_intro .fs_45{ margin:0 -15px 10px;}
.in_intro .fs_45 br{ display:none;}
}
 /*
color
blue	#003680;
rgba(229,0,18,.5)
green	#b9ce2d
#595757
gray	#e9e6e4

font-size
15
18	1.2rem
20	1.33rem
22	1.47rem
24	1.6rem
28	1.87rem
30	2rem
33	2.2rem
40	2.67rem
45	3rem
50	3.33rem
68	4.5rem
line-height:150%
*/


