/*
* name: responsive
*/

/* 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 (max-device-width: 1024px) {

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

  /* 新增首页内容 */
  .ipart01 .content .right{width:70%;}
  .ipart01 .content .left .icon {width:76px; right:-40px; height:46px;}
  .ipart01 .content .right .box .btn {bottom:-105px; font-size:16px;}
  
  .ipart02 .tit{font-size:28px;}
  .ipart02 .owl-carousel .bottom .con{font-size:15px;}
  .ipart02 .owl-carousel .bottom .text{font-size: 12px;}
  .ipart02 .owl-carousel .bottom .btn{width:12px; height:12px;}
  .ipart02 .owl-carousel .owl-nav>div{display:none;}
  .ipart02 .owl-carousel .top .stoerer{font-size:25px;}
  
  .ipart03 .infor .tit{font-size:28px;}
  .ipart03 .text {font-size:16px; line-height:45px; height:auto;}
  
  .ipart05 ul li {height:400px;}
  .ipart05 .content{bottom:65px;}
  
  .ipart06 .content .content_r ul li{padding-bottom:25px;}

}


@media only screen and (max-device-width: 992px) {
   /* 新增联系我们 */
   .contact_us02 .left{width:100%; margin-bottom:30px;}
   .contact_us02 .right{width:100%;}

   /* 新增首页内容 */
 .ibanner .owl-dots{bottom:10px;}
 
 .ipart01 .content .left img{max-width:100%;}
 .ipart01 .content .left .icon{top:-15px; right:0px; width:41px; height:25px;}
 .ipart01 .content .right{width:73%;}
 .ipart01 .content .right .box {padding-top:15px; height:100%;}
 .ipart01 .content .right .box .tit {line-height:20px; font-size:20px;}
 .ipart01 .content .right .box .con {padding-top:20px; line-height:20px; font-size:14px;}
 .ipart01 .content .right .box .btn {bottom:-55px; width:100px; font-size:12px;display:none;}

 .ipart02 .infor{padding:20px 0;}
 .ipart02 .infor .tit{font-size:20px;}
 .ipart02 .owl-carousel .top .stoerer{font-size:20px;}
 
 .ipart03 .infor{padding:20px 0;}
 .ipart03 .infor{text-align:center; padding:40px;}
 .ipart03 .infor .tit{font-size:20px;}
 .ipart03 .infor .line{margin-top:0.5%; width:20px; height:3px;}
 
 .ipart04{padding-bottom:100px;}
 .ipart04 ul{top:95%;}
 .ipart04 .infor{padding:20px 0;}
 .ipart04 .infor .tit {font-size:20px;}
 .ipart04 .infor .line{margin-top:0.5%; width:20px; height:3px;}
 .ipart04 .content .content_l, .ipart04 .content .content_r{float:none; width:100%;}
 .ipart04 .content .content_l .tit{font-size:18px;}
 .ipart04 .content .content_l .line {margin:15px 0;}
 .ipart04 .content .content_l .con{height:auto; font-size:13px; margin-bottom:0;}
 .ipart04 .content .content_l .btn{margin:15px 0; width:100px; height:35px; line-height:25px; font-size:12px;}
 .ipart04 .row_content{top:95%;}
 .ipart04 .row .r .num{font-size:18px;}
 .ipart04 .row .r .con{font-size:13px;}
 
 .ipart05 .content .text{height:125px;}
 .ipart05 .content .btn{right:4%;}
 .ipart05 .row_content a{width:96%; margin:0 auto; display:block;}
 .ipart05 .content{width:91%; box-shadow:0 7px 12px rgba(19,19,19,.08); position:relative; bottom:0;}

 .ipart06 .infor{padding-bottom:20px 0;}
 .ipart06 .infor .tit{font-size:20px;}
 .ipart06 .infor .line{margin-top:0.5%; width:20px; height:3px;}
 .ipart06 .infor .con{font-size:12px;}
 .ipart06_con_img{max-width:540px;}
 .ipart06 .content .content_l .tit{font-size:15px;}
 .ipart06 .content .content_l .text{font-size:13px;}
 .ipart06 .content .content_r ul li{padding-bottom:13px;}
 .ipart06 .content .content_r ul li .tit{font-size:15px;}
 .ipart06 .content .content_r ul li .text{font-size:13px;}

 .ipart05 .content{width:84%;}

}


@media only screen and (max-device-width: 760px) {
  /* 新增联系我们 */
  .contact_us01{padding:20px 0;}
  .contact_us01 .infor{font-size:20px;}
  .contact_us01 .item.i-input input{line-height: 35px;height: 35px;font-size: 11px;padding-left: 0;}
  .contact_us01 .checkbox-title{font-size: 13px;padding: 10px 0 3px;}
  .contact_us01 .checkbox-list{line-height: 22px;}
  .contact_us01 .checkbox-list label{ white-space: nowrap; width: 33%; float: left;}
  .contact_us01 .checkbox-list label span{font-size: 12px;}
  .contact_us01 .item.i-input:nth-of-type(n+3){width: calc((640 / 1300) * 100%);}
  .contact_us01 .item.i3{margin: 0;float: right;}
  .contact_us01 .item.i-input:nth-of-type(5){width: 100%;}
  .contact_us01 input.submit{width: 90px;height: 35px;line-height: 35px;font-size: 14px;}
  .contact_us01 input.submit{margin: 15px auto;}
  .contact_us02{margin-bottom:0;}
  .contact_us02 .infor .tit{padding-top:20px; font-size:20px;}
  .contact_us02 .left .box{padding:20px;}

   /* 新增首页内容 */
   .ipart .index_wrap{width:92%;}
  
   .ipart01 .content .left{width:100%;}
   .ipart01 .content .left .icon{top:62%; right:88%; width:33px; height:20px; z-index:10;}
   .ipart01 .content .right{width:96%; height:225px; padding:2%; margin-top:-35%; background-color:#FFFFFF;}
   .ipart01 .content .right .box .btn {bottom:15px;}
   
   .ipart02 .infor{padding:0;}
   .ipart02 .owl-carousel .item{box-shadow:0 0 22px rgba(19,19,19,.08);}
   .ipart02 .owl-carousel .bottom .text{height:100px;}
   .ipart02 .owl-carousel .top .stoerer{font-size:16px;}
   
   .ipart03 .infor{padding:20px 0;}
   .ipart03 .text{font-size:13px;}
   
   .ipart04 {padding-bottom:0;}
   .ipart04 ul li img, .ipart04 ul li div{float:none; margin:0 auto;}
   .ipart04 ul li .border_right{border-right:1px solid #F7F7F7; padding-right:10%;}
   .ipart04 .row_content {width:100%; padding:15px 0; position:static; margin-top:10%;}
   .ipart04 .row .r{border:0; width:55%; text-align: center;}
   .ipart04 .row .r .line{ width: 24px; height: 3px; background-color: #008fd7; margin: 5px auto 8px;}
   .ipart05 .row_content{width:100%; margin-top:30px;}
   
   
   .ipart06 .content .content_l,
   .ipart06 .content .content_r{float:none; width:100%;}
   .ipart06 .content .content_l{padding-bottom:13px;}


   .ipart04 .content{padding-bottom:0px;}
   .ipart04 .row_content {margin-bottom:0px};
   .ipart04 .row .r{width:40%;}
   .ipart04 ul li img{width:40%; padding: 0;}
   .ipart05 .row_content ul li{padding-bottom:30px;}
   .ipart04 ul li .border_right{padding-bottom:20px;}
   
   
   .ipart01 .content .left img{width:100%;}
   .ipart01 .content .right{margin-top:0;}
   .ipart01 .content .left .icon{display:none;}
   .ipart02 .owl-carousel .owl-nav>div{top:100px; display:block;}
   .ipart02 .owl-carousel .owl-prev{left:10px; background-color:unset;}
   .ipart02 .owl-carousel .owl-next{right:10px; background-color:unset;}
   .ipart04 .row .r .num{display:inline-block;}
   .ipart04 .row .r .number1{margin-right:auto;}
   .ipart04 .row .r .number{float:none; margin-top:0; margin-right:0;}
   
   .ipart01 .content .left img{height:120px; object-fit:cover;}
   

.ship video{max-height:100vh;}

}

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

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:2%;padding-right:2%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  .f-cantact{width: 95%; padding-left: 10px}
  .f-cantact .p5 .shtel{ display: block; }
  img[data-src]{opacity: 1;}

}


@media screen and (max-width: 320px){
	.ipart05 .content .text{height:170px;}
	.ipart05 .content{width:88%;}
}