@charset "UTF-8";
.bannerbox{ height:41.6vw;  background-size:cover; background-position:center; position:relative;}
#index_banner .flex-control-nav{  bottom:2.8rem;}
#index_banner .banner_txt{ position:absolute; bottom:2.8rem; width:100%;	}
#index_banner .slides .banner_txt img{ width:auto; max-width:75%}
#index_banner .flex-control-paging li a{ background:#fff;}

.in_app .title{ font-weight:bold; text-transform:uppercase;}
.in_app ul{ margin:0 -2rem;}
.in_app li{  margin-bottom:2rem; padding:0 2rem; }
.app_item{transform:skewX(-20deg); overflow:hidden; }
.app_item a{ display:block;background:no-repeat center; background-size:200%;transform:skewX(20deg); margin:0 -60px; position:relative;}
.app_item a:before{ position:absolute; content:''; background:rgba(0,0,0,.6) no-repeat right top; left:0; top:0; right:0; bottom:0; }
.app_item h3{ color:#fff; position:absolute; width:100%;  line-height:2.6rem; margin-top:-1.3rem; top:50%; left:0;font-style: oblique;}
.app_item a:hover:before{ background:url(../images/icon/in_app_flop.svg) no-repeat right top;}

.btn-more{text-transform:none;}
.in_why{ position:relative;}
.in_why .container{ position:relative; height:100%;}
.in_why .container .why_box{ height:100%; width:50%; position:relative; z-index:99;}
.in_why .why_content{ position:absolute; top:3rem; left:0; bottom:0; width:100%; }
.in_why h2{  background:#e50012 url(../images/icon/in_flop.svg) no-repeat right top; background-size:auto 100%; padding-left:2rem; line-height:5.2rem; color:#fff;}
.in_why h3{font-style:oblique; color:#000;}
.in_why h3 img{ margin-left:0;}
.in_why .why_text{ background:rgba(247,247,247,.9); padding:2.67rem 2rem 6rem; position:absolute; top:7.2rem; bottom:0;}
.in_why .btn-more{ position:absolute; right:2rem; bottom:2rem;}
.in_why .flex-control-nav{ bottom:.8rem;}

.in_news{ background:#f7f7f7; position:relative;}
.in_news .container{ overflow:hidden; position:relative; z-index:9;}
.in_news:after{ position:absolute; z-index:0; content:''; display:block; left:75%; width:.5rem; height:100%; top:0; background:#fff;}
.in_news h2{ line-height:3.33rem;}
.in_news .nav-tabs>li{ line-height:2rem; font-weight:bold; color:#888;}
.in_news .nav-tabs>li+li:before{ content:'|'; margin:0 1rem;}
.in_news .nav-tabs>li a{ color:#888;}
.in_news .nav-tabs>li a:hover,.in_news .nav-tabs>li.active a{ color:#231815}
.in_news .carousel-inner{ overflow:visible;}
.in_news .carousel-indicators{ margin-top:.8rem;}
.news_item{ padding-right:58%; position:relative; min-height:24rem; padding-bottom:3rem; position:relative;}
.news_item .photo{ position:absolute; right:0; top:-6rem;; z-index:9; padding-left:2rem; width:58%; }
.news_item .photo img{width: 100%}
.news_item h3{ line-height:105%;}
.news_item .text_intro{ line-height:1.6rem; overflow:hidden; max-height:9.6rem;}
.news_item .text_intro *{ margin:0; display:inline;}
.news_item .btn-more{ position:absolute; right:58%; bottom:0;}


.in_commitment{ position:relative;}
.in_commitment .pc1,.in_commitment .pc2{  height:100%; top:0;background:center no-repeat; background-size:cover; position:absolute;}

.in_commitment .pc1{ background-image:url(../images/photo/in_btm1.png); left:0; }
.in_commitment .pc2{ background-image:url(../images/photo/in_btm2.png); right:0; }
.in_commitment .mid_text{ background:#e50012; color:#fff; padding:4rem 2rem 3.33rem; }
.in_commitment .mid_text h2{ color:#fff;}
.in_commitment .btn-more{ color:#fff; padding:.8rem 1rem 0 ; display:block; line-height:1.6rem; margin:0 auto; max-width:9rem;}
.in_commitment .btn-more:hover{ box-shadow:inset 0 -2px 0 #fff; padding-top:0; padding-bottom:.8rem;}
/*
color
#e50012
rgba(0,34,86,.5)
#c8c9ca
#231815
#595757
#f7f7f7

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


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

@media (min-width: 992px){
}
@media (min-width: 1441px){
}

@media (min-width: 1681px){
.in_why .container .why_box{width:42%;}
}
@media (max-width: 1440px){
#index_banner .flex-control-nav,.in_why .flex-control-nav{ width:1280px;}
}
@media (max-width: 1280px){
.in_app ul{ margin:0;}
}

@media (min-width: 1281px) and (max-width: 1440px) {	
#index_banner .flex-control-nav,.in_why .flex-control-nav{ width:1200px;}
}

@media (min-width: 992px) and (max-width: 1280px) {	
#index_banner .flex-control-nav,.in_why .flex-control-nav{ width:980px;}
.in_why .container .why_box{ width:70%;}
}
@media (max-width: 991px){
#index_banner .slides .banner_txt img{ max-width:60%;}
.in_app ul{ padding:0 2rem;}
.in_why .slides img{ padding-bottom:0;}
.in_why .why_content{ position:relative; top:auto; margin-top:20px;}
.in_why .why_text{ position:relative; top:auto; padding-bottom:3rem;}
.in_why .btn-more{ bottom:1rem;}
.in_why .container .why_box{ width:100%;}
.news_item .photo{ width:100%; margin-top:2rem; position:relative; top:auto; padding-left:0; margin-top:0;}
.news_item .photo img{ width:100%; margin-bottom:1rem;}
.news_item{ padding-right:0;}
.news_item .btn-more{ right:0;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {	
#index_banner .flex-control-nav,.in_why .flex-control-nav{ width:750px;}
}
@media (max-width: 767px){
.in_news .carousel-indicators{ text-align:center;}
.bannerbox{ height:auto;}
.in_commitment .pc1, .in_commitment .pc2{ height:50vw; position:relative;}
.in_commitment .mid_text{ padding:3rem ;}
.in_commitment .mid_text .mt-40{ margin-top:10px;}
}
	
@media screen and (min-width: 481px) and (max-width: 767px) {	
}

@media (max-width: 480px){
}
.in_commitment .btn-more{-o-transition:all .20s linear;-webkit-transition: all .20s linear;-moz-transition: all .30s linear;transition: all .20s linear;}