﻿@charset "utf-8";
/*layout (basic)*/
/*body{overflow-x:hidden;}*/
/* CSS Document */

/*----百年影片 start------*/
.video-container{
    
    left: 0px;
    width: 100%;
    height: 0px;
    position: relative;
    padding-bottom: 56.2493%;
    /*margin-bottom: 5%;*/
    
}


.video-container > iframe{
	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;	
}

/*----百年影片 end------*/

/*-----------index_banner*START----------*/

.index_main_image {
	width:100%;
	overflow: hidden;
	position:relative;
	padding-bottom:41.6%;
}
.index_main_image ul{
	list-style-type:none;
}
.index_main_image li {
	float:left;
	width:100%;
}
.index_main_image li span {
	display:block;
	width:100%;
	background:center top no-repeat;
	background-size:cover;
	cursor:pointer;
}


.index_main_image li .img_1 {
	background: url('../images/index/index_banner03_pc.jpg') center top no-repeat;
	background-size:cover;
}
.index_main_image li .img_2 {
	background: url('../images/index/index_banner03_pc.jpg') center top no-repeat;
	background-size:cover;
}
.index_main_image li .img_3 {
	background: url('../images/index/index_banner03_pc.jpg') center top no-repeat;
	background-size:cover;
}
.index_main_image li .img_4 {
	background: url('../images/index/index_banner03_pc.jpg') center top no-repeat;
	background-size:cover;
}


#index_bn01_prev, #index_bn01_next {
/*	z-index:11111;*/
	position:absolute;
	display:block;
	width:95px!important;
	height:105px!important;
/*	top: 0;
	bottom: 0;
    margin: auto;*/
}


#index_bn01_prev {
	background:url(../images/index/index_banner01_prev.png) no-repeat right top;
	left:0px;
}
#index_bn01_next {
	background:url(../images/index/index_banner01_next.png) no-repeat left top;
	right:0px;
}

.index_main_image a{
	display:inline-block;
	position:relative;
	width:10%;
	max-width:100px;
	height:40px;
	line-height:35px;
/*	margin:0 auto;*/
	background-color:#FFFFFF;
	color:#19508f;
	opacity:0.8;
	font-size:16px;
	z-index:99999;
	text-align:center;
	text-decoration:none;
	border:1px solid #315c90;
	/*top:45%;*/
}


@media (min-width: 1200px){
	.index_main_image{padding-bottom:41.6%;}
	.index_main_image li{padding-bottom:41.6%;}
	.index_main_image li span{padding-bottom:41.6%;}
	.index_main_image a{top:260px;}
	#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:95px!important;
	height:105px!important;
	top: -15%;
    bottom: 0;
    margin: auto;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.index_main_image{padding-bottom:41.6%;}
	.index_main_image li{padding-bottom:41.6%;}
	.index_main_image li span {padding-bottom:41.6%;}
	.index_main_image a{top:170px;}
	#index_bn01_prev, #index_bn01_next{
		position:absolute;
		width:95px!important;
		height:105px!important;
		top: -35%;
   		bottom: 0;
    margin: auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.index_main_image{padding-bottom:41.6%;}
.index_main_image li{padding-bottom:41.6%;}
.index_main_image li span{padding-bottom:41.6%;}
.index_main_image a{top:150px;}
#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:95px!important;
	height:105px!important;
	top: -45%;
    bottom: 0;
    margin: auto;}
}
@media (max-width: 767px) {
.index_main_image{padding-bottom:41.6%;}
.index_main_image li{padding-bottom:41.6%;}
.index_main_image li span{padding-bottom:41.6%;}
.index_main_image a{display:none;}
.index_banner{ padding-top:100px;}
#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:95px!important;
	height:105px!important;
    top: -45%;
    bottom: 0;
    margin: auto;}

}
@media (max-width: 480px) {
.index_main_image{padding-bottom:41.6%;}
.index_main_image li{padding-bottom:41.6%;}
.index_main_image li span{padding-bottom:41.6%;}
/*.index_main_image a{display:none;}*/
.index_banner{ padding-top:100px;}
#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:60px!important;
	height:66px!important; 
	top:-55%;
    }

  #index_bn01_prev{
  	background-size: contain;
  }


    #index_bn01_next{
  	background-size: contain;
  }



}


@media (max-width: 414px) {
	#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:60px!important;
	height:66px!important; 
	top:-59%;

    }
}




@media (max-width: 375px) {
	#index_bn01_prev, #index_bn01_next{
	position:absolute;
	width:60px!important;
	height:66px!important; 
	top:-60%;

    }
}



/*-----------index_banner*END----------*/
/*--------index_sloutions*START----------*/


.index_image_t{
	display:block;
	position:absolute;
	width:100%;
	width:150px;
	height:50px;
margin-left:-75px;
left:50%;
z-index:99999;
}


.index_unit{
	display:block;
	position:relative;
	background-color:#faf2f3;
}

.index_unit .row{
	margin-right:75px;
	margin-left:75px;
}

@media (min-width: 1200px){
.index_image_t{padding-top:3%;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.index_image_t{padding-top:2%;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.index_image_t{padding-top:2%;}
}
@media (max-width: 767px) {
.index_image_t{padding-top:10%;}
}
@media (max-width: 480px) {
.index_image_t{padding-top:15%;}
}

@media (max-width: 991px){
.index_unit .row{margin-right:0px;margin-left:0px;}
}

.index_unit .col-md-4,.index_unit .col-sm-4,.index_unit .col-md-3, .index_unit .col-sm-3,.index_unit .col-md-6, .index_unit .col-sm-6,.index_unit .col-md-12, .index_unit .col-sm-12{padding:0;margin:0;}

.index_unit .row .col-md-4> ul, .index_unit .row .col-md-3> ul, .index_unit .row .col-md-6> ul, .index_unit .row .col-md-12> ul{
	display:block;
	background-color:#FFF;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity:0.9;
	list-style-type:none;
	border-bottom:1px solid #deb8b9;
	border-top:1px solid #deb8b9;
	border-right:1px solid #deb8b9;
	border-left:1px solid #deb8b9;
	padding:0;
	margin:0;
	margin-top:-61px;
	z-index:999999;
	height:350px;
	margin-left:-1px;
}

.index_unit .row .col-md-4> ul > li, .index_unit .row .col-md-3> ul > li ,.index_unit .row .col-sm-4> ul > li,.index_unit .row .col-md-6> ul > li,.index_unit .row .col-md-12> ul > li{
	font-size:15px;
	text-align:center;
	line-height:45px;
}

.index_unit .row .col-md-4> ul > li > a, .index_unit .row .col-md-3> ul > li > a, .index_unit .row .col-md-6> ul > li > a, .index_unit .row .col-md-12> ul > li > a, .index_unit .row .col-md-4> ul > ul > li > a , .index_unit .row .col-md-3> ul > ul > li > a, .index_unit .row .col-md-6> ul > ul > li > a, .index_unit .row .col-md-12> ul > ul > li > a{
	color:#666666;
	text-decoration:none;
}

.index_unit .row .col-md-4> ul > li > a:hover, .index_unit .row .col-md-3> ul > li > a:hover, .index_unit .row .col-md-6> ul > li > a:hover, .index_unit .row .col-md-12> ul > li > a:hover, .index_unit .row .col-md-4> ul > ul > li > a:hover , .index_unit .row .col-md-3> ul > ul > li > a:hover, .index_unit .row .col-md-6> ul > ul > li > a:hover, .index_unit .row .col-md-12> ul > ul > li > a:hover{
	color:#363636;
	text-decoration:none;
}

.index_unit_t{
	font-size:18px;
	line-height:60px;
	margin-bottom:20px;
	font-weight:bold;
/*	color:#2e2e2e;*/
}

.index_unit .row .col-md-4> ul > ul, .index_unit .row .col-sm-4> ul > ul {
	display:block;
	width:50%;
/*	float:left;*/
	list-style-type:none;
	padding:0px;
	margin:0 auto;
}

.index_unit .row .col-md-3> ul > ul,.index_unit .row .col-md-6> ul > ul,.index_unit .row .col-md-12> ul > ul{
	list-style-type:none;
	padding:0px;
	margin:0 auto;
}

.index_unit .row .col-md-4> ul > ul >li, .index_unit .row .col-md-3> ul > ul >li, .index_unit .row .col-md-6> ul > ul >li, .index_unit .row .col-md-12> ul > ul >li, .index_unit .row .col-sm-4> ul > ul >li{
	font-size:15px;
	text-align:center;
	line-height:45px;
}


.index_unit .row .col-md-4> ul > a, .index_unit .row .col-md-3> ul > a, .index_unit .row .col-md-6> ul > a, .index_unit .row .col-md-12> ul > a, .index_unit .row .col-sm-4> ul > a {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:12px;
	text-decoration:none;
}

.index_unit .row .col-md-4> ul > a:hover, .index_unit .row .col-md-3> ul > a:hover, .index_unit .row .col-md-6> ul > a:hover, .index_unit .row .col-md-12> ul > a:hover, .index_unit .row .col-sm-4> ul > a:hover{
	text-decoration:none;
}


.index_unit .row .col-md-4> ul > li > a, .index_unit .row .col-md-3> ul > li > a, .index_unit .row .col-md-6> ul > li > a, .index_unit .row .col-md-12> ul > li > a, .index_unit .row .col-xs-12> ul > li > a {
	color:#2e2e2e;
}

.index_unit .row .col-md-4 > img .index_unit .row .col-sm-4 > img{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	padding:40px;
	height:auto;
	border-bottom:0px;
}

.index_unit .customer_content{
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
}
.index_sloutions .index_h1{margin-top:15px;}
.index_sloutions #owl-demo{margin-top:25px;}
.index_sloutions > .row{
	margin:0px;
}

.index_sloutions > .row > .col-md-12{
	padding:0px;
}

.index_sloutions .unit_prev,.index_sloutions .unit_prev:hover,.index_sloutions .unit_prev:active,.index_sloutions .unit_prev:focus{position:absolute;top:24%;left:0px;width:55px;height:55px;color:#fff;border-radius:0;background-color:#D42931; cursor: pointer;}
.index_sloutions .unit_next,.index_sloutions .unit_next:hover,.index_sloutions .unit_next:active,.index_sloutions .unit_next:focus{position:absolute;top:24%;right:0px;width:55px;height:55px;color:#fff;border-radius:0;background-color:#D42931; cursor: pointer;}

.index_sloutions .unit_prev{text-align:center; padding-top:4px; padding-right:3px;}
.index_sloutions .unit_next{text-align:center; padding-top:4px; padding-left:3px;}

.index_sloutions .owl-theme .owl-controls{display:none !important;}

@media (min-width: 768px) and (max-width: 991px) {
	.index_sloutions .unit_prev,.index_sloutions .unit_prev:hover,.index_sloutions .unit_prev:active,.index_sloutions .unit_prev:focus{top:20%;}
	.index_sloutions .unit_next,.index_sloutions .unit_next:hover,.index_sloutions .unit_next:active,.index_sloutions .unit_next:focus{top:20%;}
}
@media (max-width: 767px) {
	.index_unit .row .col-md-4> ul > ul, .index_unit .row .col-md-3> ul > ul, .index_unit .row .col-md-6> ul > ul, .index_unit .row .col-md-12> ul > ul{display:none;}
	.index_unit .row .col-md-4> ul > a, .index_unit .row .col-md-3> ul > a, .index_unit .row .col-md-6> ul > a, .index_unit .row .col-md-12> ul > a {display:none;}
	.index_unit .row .col-md-4> ul, .index_unit .row .col-md-3> ul, .index_unit .row .col-md-6> ul, .index_unit .row .col-md-12> ul{height:55px; margin-top:0px; border-top:0px; border-right:0px; border-left:0px;}
	.index_unit_t{line-height:55px; margin-bottom:0px; text-align:left; padding-left:15px; background-image:url(../images/index/index_mobile_arrow.png); background-repeat:no-repeat; background-position:right; background-size:contain;}
	 .index_sloutions .unit_prev,.index_sloutions .unit_prev:hover,.index_sloutions .unit_prev:active,.index_sloutions .unit_prev:focus{top:150px;}
	.index_sloutions .unit_next,.index_sloutions .unit_next:hover,.index_sloutions .unit_next:active,.index_sloutions .unit_next:focus{top:150px;}
	.index_unit .row .col-xs-12 > img{display:none;}
	}

@media (max-width: 480px) {
.index_sloutions .unit_prev,.index_sloutions .unit_prev:hover,.index_sloutions .unit_prev:active,.index_sloutions .unit_prev:focus{position:absolute;top:160px;left:0px;width:42px;height:42px;color:#fff;border-radius:0;font-size:10px;text-shadow:1px 1px 3px #6D6D6D;cursor: pointer;}
.index_sloutions .unit_next,.index_sloutions .unit_next:hover,.index_sloutions .unit_next:active,.index_sloutions .unit_next:focus{position:absolute;top:160px;right:0px;width:42px;height:42px;color:#fff;border-radius:0;font-size:10px;text-shadow:1px 1px 3px #6D6D6D;cursor: pointer;}
}

/*--------index_sloutions*END----------*/
/*--------index_import*START-----------*/

.index_import{
	padding-left:75px;
	padding-right:75px;
}

@media (max-width: 991px){
.index_import{padding-left:0px;padding-right:0px;}
}


.immain_image {
	width:100%;
	min-height:130px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.immain_image > ul {
	width:100%;
	overflow:hidden;
	position:absolute;
	list-style-type:none;
}
.immain_image > ul > li {
	float:left;
	width:100%;
	height:auto;
}
.immain_image > ul > li > .row > .col-md-9 > ul ,.immain_image > ul > li > .row > .col-sm-12 > ul, .immain_image > ul > li > .row > .col-xs-12 > ul  {
	display:block;
	width:100%;
	height:auto;
	padding-right:40px;
	list-style-type:none;
/*		margin-left:25%;*/
}

.immain_image > ul > li > .row > .col-md-9 > ul > li,.immain_image > ul > li > .row > .col-sm-12 > ul > li , .immain_image > ul > li > .row > .col-xs-12 > ul > li{
	width:100%;
	font-size:15px;
	color:#292929;
	line-height:40px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.import_date{
	display:block;
	position:relative;
	float:left;
	padding-right:15px;
}

.immain_image > ul > li > .row > .col-md-9 > ul > li > a{
	text-decoration:none;
	color:#292929;
	z-index:9999999;
}

.immain_image > ul > li > .row > .col-md-3 > img{ display:block; position:absolute; right:0px;}	
		

div.imflicking_con {
/*	width:990px;*/
	position:relative;
	margin:0 auto;
	
}
div.imflicking_con .imflicking_inner {
	position:relative;
	display:block;
	margin:0 auto;
/*	padding-top:10%;*/
	z-index:9999999;
	width:80%;
	max-width:120px;
	height:20px;
	margin-bottom:30px;
	margin-top:15px;
} /* 121126 */
div.imflicking_con a {
	float:left;
	width:30px;
	height:20px;
	margin:0;
	padding:0;
	background:url('../images/index/index_solutions_circle.png') 0 0 no-repeat;
	display:block;
/*	text-indent:-1000px*/
}
div.imflicking_con a.on {
	background-position:0 -20px;
}
#imbtn_prev, #imbtn_next {
	z-index:11111;
	position:absolute;
	display:block;
	padding-bottom:5%;
	min-height:30px;
	width:59px!important;
	height:59px!important;
	top:35%;
}
#imbtn_prev {
	background:url(../images/index/index_import_prev.png) no-repeat left top;
	background-size:contain;
	left:0px;
}
#imbtn_next {
	background:url(../images/index/index_import_next.png) no-repeat right top;
	background-size:contain;
	right:0px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.immain_image > ul > li > .row > .col-md-3 > img{display:none;}
	.immain_image > ul > li > > .row > .col-sm-12 > ul {width:100%; margin-left:0;}
	#imbtn_prev, #imbtn_next{display:none}
		}
@media (max-width: 767px) {
	.immain_image > ul > li > .row > .col-md-3 > img{display:none;}
.immain_image > ul > li > > .row > .col-sm-12 > ul {width:100%; margin-left:0;}
.import_date{float:none; color:#9a9999; margin-bottom:-17px;}
#imbtn_prev, #imbtn_next{display:none}
.immain_image {min-height:200px;}
}

/*--------index_import*END-----------*/
/*--------index_news*START-----------*/


.news_box{
	display:block;
	position:relative;
/*	width:25%;*/
}

.index_news{
	display:block;
	position:relative;
	background-color:#f8f2f2;
	padding-bottom: 30px;
}

.pb-5{padding-bottom: 30px;}

.index_news img{
	aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
}

.index_news .row .col-md-12{
	padding-right:60px;
	padding-left:60px;
}

.index_news .row .col-md-3{
	padding-right:30px;
	padding-left:30px;
}

.news_text{
	display:block;
	position:relative;
	padding:5%;
	background-color:#FFFFFF;
	height:200px;
}

.index_news_date{
	display:block;
	position:absolute;
	bottom:12px;
	right:12px;
}

.news_pbox{
	width:100%;
	height:auto;
	margin-bottom:20%;
}
.news_t{
	width:90%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*news slide*/
/* .news-slide-container{margin-bottom:30px;} */
.news-slide{padding-left:0px;padding-right:0px;position:relative;}
.news-slide .prev,.news-slide .prev:hover,.news-slide .prev:active,.news-slide .prev:focus{position:absolute;top:37%;left:10px;width:55px;height:55px;color:#ce2d32;border-radius:0;border:1px solid #ce2d32;cursor:pointer;}
.news-slide .next,.news-slide .next:hover,.news-slide .next:active,.news-slide .next:focus{position:absolute;top:37%;right:10px;width:55px;height:55px;color:#ce2d32;border-radius:0;border:1px solid #ce2d32;cursor:pointer;}
.news-slide .prev{text-align:center; padding-top:4px; padding-right:3px;}
.news-slide .next{text-align:center; padding-top:4px; padding-left:3px;}
.news-slide .owl-pagination{margin-top:-20px;}
.news-slide .owl-carousel{padding-left:65px; padding-right:65px;}
.news-slide .owl-carousel .item{margin:10px 10px 10px 10px;position:relative;
	padding-bottom:6%;
}
.news-slide .owl-carousel .item img{cursor:pointer;}
.news-slide .owl-carousel .item a{text-decoration:none;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:94%;position:absolute;left:0px;top:0px;}

@media (min-width: 1200px) {
.ItemLayer .ItemText{color:#fff;font-size:28px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.ItemLayer .ItemText{color:#fff;font-size:26px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 918px) and (max-width: 991px) {
.ItemLayer .ItemText{color:#fff;font-size:21px;position:relative;left:35%;top:47%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 768px) and (max-width: 917px) {
.ItemLayer .ItemText{color:#fff;font-size:28px;position:relative;left:34%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (max-width: 767px){
.ItemLayer .ItemText{color:#fff;font-size:26px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 452px) and (max-width: 534px) {
.news-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:5%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:95%;position:absolute;left:0px;top:0px;}
}
@media (min-width: 535px) and (max-width: 617px) {
.news-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:4%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:96%;position:absolute;left:0px;top:0px;}
}
@media (max-width: 534px) {
.news-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:3%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:97%;position:absolute;left:0px;top:0px;}
}
@media (max-width: 480px) {
.news-slide .prev,.news-slide .prev:hover,.news-slide .prev:active,.news-slide .prev:focus{position:absolute;top:37%;left:10px;width:42px;height:42px;color:#ce2d32;border-radius:0;font-size:10px;}
.news-slide .next,.news-slide .next:hover,.news-slide .next:active,.news-slide .next:focus{position:absolute;top:37%;right:10px;width:42px;height:42px;color:#ce2d32;border-radius:0;font-size:10px;}
}

/*news slide (youtube)*/
.embed-responsive.embed-responsive-16by9{padding-bottom:66% !important;}

/*--------index_news*END-----------*/

/*---------icon*START-----------*/

.icon_content{
	display:block;
	position:relative;
	width:90%;
	margin:0 auto;
	max-width:1200px;
	margin-top:40px;
	margin-bottom:50px;
}

.icon_content a{
	text-decoration:none;
}

.icon_content a:hover{
	text-decoration:none;
	color:#989898;
}

.icon_box{
	display:block;
	position:relative;
	width:33%;
}

.icon_box img{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	min-width:100px;
	max-width:180px;
}

.icon_t{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:18px;
	color:#000000;}

@media (max-width: 480px) {
	.icon_box{ width:100%; margin-bottom:20px;};
	.icon_box img{width:100%; height:auto;};
	
	}

/*---------icon*END-----------*/