/*
* name: responsive
* version: v1.1.8
* update: 移动端取消重设字体
* data: 2016-04-06
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 640px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}


.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }
/*
* PadMode
*/




@media only screen and (min-width:1921px){
  
    .ibanner .owl-carousel .item video{width:100%;}
    .ibanner .owl-carousel .owl-item .iban_img{width:100%; margin-left:0; left:0;;}
    .xc_banner>img{width:100%; margin-left:0; left:0;;}


}

@media only screen and (max-width: 1712px) {
   .ibanner .iban_word{top:230px}
    .ibanner .iban_dot{bottom:70px;}
}

@media only screen and (max-width: 1650px) {
	   /* 棣栭〉 */
    .ibanner .iban_word{top:230px}
    .ibanner .iban_word .info .en_t{font-size:30px; line-height:30px;}
    .ibanner .iban_word .info .cn_t{font-size:40px; line-height:40px;}
    .ibanner .iban_dot{bottom:70px;}}

@media only screen and (max-width:1441px){
	
	/* 棣栭〉 */
    .ibanner{height:660px;}
    .ibanner .item{height:660px;}
    .ibanner .iban_word{top:30%;}
    .ibanner .iban_word .info .cn_t{font-size:40px; line-height:40px;}
    .ibanner .owl-carousel .owl-item .iban_img
    .ibanner .owl-carousel .owl-item .iban_img{width:1420px; margin-left:-710px;}}
	
	@media only screen and (max-width:1366px){
	
	 /* 2021-0927 */
    .ibanner{height:610px;}
    .ibanner .item{height:610px;}
    .ipart{margin-top:610px;}}
	
	
	
	
	@media only screen and (max-width: 1240px) {
	 /* 棣栭〉 */
    .ibanner{height:748px;}
    .ibanner .item{height:748px;}
    .ibanner .iban_word{top:300px}
    .ibanner .owl-carousel .owl-item .iban_img{width:1600px; margin-left:-800px;;}}
	
	
@media only screen and (max-width: 760px) {	
	
    /* 棣栭〉 */
    .ibanner{height:0; padding-bottom:62.5%;; position:relative}
    .ibanner .item{height:0; padding-bottom:62.5%;;}
    .ibanner .owl-carousel .owl-item .iban_img{width:100%; position:static; margin-left:0;;}
    .ibanner .owl-item .iban_cover{display:none;}
    .ibanner .iban_word{top:inherit; bottom:70px; height:auto;}
    .ibanner .iban_word .wrap{margin:0 8%;}
    .ibanner .iban_word .info .en_t{font-size:18px; line-height:18px;}
    .ibanner .iban_word .info .cn_t{font-size:20px; line-height:24px;}
    .ibanner .iban_word .info .c{font-size:14px;}
    .ibanner .iban_word .common_more{margin-top:20px; display:none;}
    .ibanner .ibanVideo_btn .iban_play{width:60px; height:60px; background-size:cover;}
    .ibanner .ibanVideo_btn .iban_play .icon{width:60px; height:60px; background-size:cover;}
    .ibanner .iban_dot{bottom:5%;}
    .ibanner .iban_dot .wrap{margin:0 8%;}
    .ibanner .owl-nav{margin-top:-15px;}
    .ibanner .owl-nav div{font-size:30px; line-height:30px;}
    .ibanner .owl-nav .owl-prev{left:0;}
    .ibanner .owl-nav .owl-next{right:0;}
	
	
	  .ibanner .ibanVideo_btn .iban_play{display:;}
    .ibanner .ibanVideo_btn .iban_play .icon{display:;}
    .ibanner .owl-item.active .iban_word{display:none;}
    .ibanner{padding-bottom:108%;}
    .ibanner .item{padding-bottom:108%;}
	
	
	.li05{display:none;}
	
	
	
	
	}
	
	@media only screen and (max-width: 500px) {
		  /* 棣栭〉 */
    .ibanner .iban_word .info .c{display:none;}	}
	
	@media only screen and (max-width:320px){
		   /* 棣栭〉 */
    .ibanner .iban_word{display:none;}}
	

@media screen and (max-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;max-width: none;}
  .wrap2{padding-left:2%;padding-right:2%;max-width: none;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}

}

/*
* MobileMode
*/
@media screen and (max-width: 640px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
   .wrap2{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}

}