﻿/*pad*/
img {
	max-width: 100%;
}

.gshkj2 { display: block; }
.gshkj { display: none; }

.dq1 { display: none; }
.toe {
	/*超出省略号*/
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}

body{
	min-width:320px;
	overflow-x: hidden;
}

@media screen and (max-width: 1139px) {
body{
	min-width:320px;
	overflow-x: hidden;
}	
.slider-arrow {
	left: 10px; top:30%;
}
.slider-arrow--left {
	margin-left: 0;background-size:30px 30px;
}
.slider-arrow--right {background-size:30px 30px;
	left: auto;
	right: 10px;
	margin-left: 0;
}

.wrapper {
	width:auto; padding:0 0;
}


.shippp .txt1{ position:absolute; top:auto; bottom:3%; right:10px; left:10px; text-align:left; width:auto; font-size:12px;}
.shippp .txt1 img{ width:130px; margin:auto; text-align:left;} 
.jpshtext p { margin: inherit; }
.slider-nav__item--current{}
}
@media screen and (max-width: 768px) { 
body{
	min-width:320px;
	overflow-x: hidden;
}
body{ font-size:16px;}
#footer{ padding:10px 15px; font-size:12px; display:none;}
.header{ background:#3f3f40; height:50px; line-height:50px; padding:0 10px; } 
.header .logo{ float:none; padding-top:8px;}
.header .logo img{ margin:0 auto; float:none; display:block;}
.header .rgt{ float:right; display:none;}

.txtblock{  text-align:left; line-height:1.8; padding:50px 15px; padding-bottom:0;}
.section{  color:#3f3f40; padding:40px 0; background:#fefefe;}
.section .box{ display:block; width:100%;}
.section .box .inner{display:block;  }
.section .imgbox{  width:auto;  text-align:center;display:block; padding:0 15px; }
.section .imgbox img{ display:none; }
.section .desc{ width:auto; display:block; vertical-align:top; padding:0 15px; text-align:left; padding-top:50px;}
.section1{ /*background:#fff url(../images/bg.png) no-repeat center top fixed;*/ }
.section2{background:url(../images/bg.png) no-repeat center top fixed; }
.section2 .desc{ padding:0 15px;}
.section4{ text-align:center; }
.section4 .imgmod .wrapper{}
.section4 .info{ width:auto; margin:0 auto; padding:0 15px; padding-bottom:30px;}
.section4 .img2{ display:block; padding-bottom:50px;}
.section4 .img{ display:none;}
.video-pc{ display:none;}
.video-mb{ display:block;}
.slideBox{ display:block; margin-bottom:40px;}
.media-caption{ padding:0 10px; font-size:16px; text-align:center;}
.main-title{ font-size:22px; width:100%; text-align:center; margin-bottom:20px; margin-top:5px;}
.main-title strong{ font-weight:100;  border-bottom:3px solid #ff9912; display:inline-block; padding:10px 15px; line-height:1.4;}

.section5 .title{ text-align:left; padding:50px 15px; padding-bottom:10px; padding-top:0; font-weight:500; font-size:18px;}
.section5 .tt{ font-size:14px; text-align:center;}
.section5 .tt i{ color:#c00;}
.section5 .tt img{ position:relative; margin:0 4px; top:4px;}
.section5 .listbox { padding-top:30px; padding-bottom:30px;}
.section5 .listbox li{ float:left; width:50%; text-align:center; overflow:hidden; padding-bottom:15px;}
.section5 .listbox li .thumb{ padding:0 25px;}
.section5 .listbox li .thumb img{ display:block; margin:0 auto;}
.section5 .listbox li .name{ width:90%; border-top:6px solid #ff9912; margin:0 auto; padding-top:10px; font-size:14px; height:28px; line-height:28px; position:relative; }
.section5 .listbox li .name strong{ font-weight:100; float:left; height:28px; overflow:hidden;}
.section5 .listbox .frbox{overflow:hidden;display:block;width:30px; height:30px; line-height:9999px; overflow:hidden; position:absolute; right:-5px; top:-21px;border-radius:100%; border:4px solid #fff; padding:0; background:#fff;}
.section5 .listbox li .vc-play{  width:30px; height:28px; position:relative; left:2px; top:2px;  }
.shippp2 .txt1{ position:absolute; top:10%; right:0; width:100%; text-align:center; left:0;}
.shippp2 .txt1 img{ width:200px;}
.jpshtext p { margin:0 auto; font-size:12px; width: 200px;  }
.jpshtext span{ font-size: 30px; }

.infoblock{ text-align:center; background:url(../images/rw.png) no-repeat center bottom;  background-size:130%; padding:0 15px;padding-bottom:15%;}
.infoblock .txt{ padding:50px 0;}
.item-box2 .slider-arrow--left{ left:0; }
.item-box2 .slider-arrow--right{ right:0; }
.item-box2 .img{ padding-right:0; padding-left:0;}
.item-box2 { padding:20px 0; padding-bottom:0;}
.item-box2 .head{ width:auto; margin:0 auto; padding:20px 15px;}
.item-box2 .head p{ padding:12px 0;}
.item-box2 .h_slide {  margin:0 auto;  }
.item-box2 .slider-nav{bottom:15px; top:auto;right:0 !important;margin-left:auto !important;position: absolute;width:90px !important;z-index:1;text-align:center;overflow: hidden;height: 30px;}
.item-box2 .title{ height:50px; line-height:50px; border-bottom:1px solid #ff9912; margin:0 0; font-size:14px; text-indent:10px;}

.h_slide1 .slider-nav{bottom:15px; top:auto;left:50% ;margin-left:-45px !important;position:inherit;width:90px !important;z-index:1;text-align:center;overflow: hidden;height: 30px;}
.h_slide1 .slider-arrow--left{ left:0; display:none; }
.h_slide1 .slider-arrow--right{ right:0;display:none;  }
.section-vd{ padding:50px 0;}
.section-vd .vd { clear:both;}
.section-vd .vd img{ display:block; border:none;}
.section-vd .wrapper{ padding:0 0; width:auto; }
.foot-logo{ padding:30px 0;}
.foot-logo img{ width:160px;}

	}
@media screen and (max-width: 641px) {
	body{
	min-width:320px;
	overflow-x: hidden;
}
	}

@media screen and (max-width: 592px) {
	body{
	min-width:320px;
	overflow-x: hidden;
}
	}
@media screen and (max-width: 480px) {
	body{
	min-width:320px;
	overflow-x: hidden;
}
.gshkj2 { display: none; }
.gshkj { display: block; }
.jpshtext p { margin:inherit; margin-left: 12px; font-size:12px; width: 200px;  }
.jpshtext span{ font-size: 30px; }
	.section4{ text-align:left !important; }
	.sfgimg1{display: block !important}
	.twentytwenty-wrapper{display: none}
	.swiper-pagination2{display: none}
}
@media screen and (max-width: 450px) {
	
	     .dq1 { display: block; }
		 .dq2 { display: none;  }
		
		 /*.swiper-pagination2 { display: none; }*/

	}

	.twentytwenty-wrapper { position: relative; }
	.sfgimg1 {width: 100%; height: 100%; display: none}
	.sfgimg1 img { width: 100%; height: 100%; }
	