body,dl,dt,dd,ol,h2,h2,h3,h4,h5,h6,p{padding:0; margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}

img{border:none;max-width:100%; display: block;}

ul,li{list-style-type:none; margin:0px; padding:0px;}

body,input {font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;color:#616161; background:#fff;}

a{ text-decoration:none;outline:none;-moz-outline-style:none;}

area{text-decoration:none;}



.hei20px{  width:100%; height:20px; clear:both;}

.hei10px{  width:100%; height:10px; clear:both;}

.clear { clear:both; }





/*    banner   */

.banner{ width:100%;max-width:640px; margin:0 auto; overflow:hidden; position:relative }
.banner img { float:left;}

.ad1{ width:100%;max-width:640px; margin:0 auto; overflow:hidden; position:relative }

.ad2{ width:100%;max-width:640px; margin:0 auto; overflow:hidden; position:relative }
.ad2 img { float:left;}


.wrap{width:100%;max-width:640px;min-width:320px;margin:0 auto;}


.ind_tit{ width:100%;max-width:638px;min-width:320px;margin:1.5% auto;overflow:hidden; text-align:center;}

.ind_tit p{width:90%; margin:0 auto; height:1.5em;   line-height:1.5em; font-family:"Microsoft Yahei"; font-weight:bold; background-size:5%; font-size:1em;text-align: center;}


.ind_tit1{ width:98%;max-width:638px;min-width:320px;margin:1.5% auto 0; border:1px #F00 solid; overflow:hidden; text-align:center;}

.ind_tit1 p{width:90%; margin:0 auto; line-height:1.5em; font-family:"Microsoft Yahei"; font-weight:bold; color:#fe6f92;background-size:5%; font-size:1.5em;}





/*  nav    */

.nav{ background:#ed238a; width:100%; max-width:640px; min-width:320px; overflow:hidden; margin:0 auto;}

.nav ul{ width:100%; overflow:hidden;}

.nav  li{ width:100%; text-align:center;  position:relative ; font-family:"微软雅黑" overflow:hidden;}

.nav a{ color:#fff; text-align:left; padding:3% 0;display:block;float:left;text-align:center; border-right:1px #fff solid;}

.de_01{ left:7%;top:0; width:24%; height:100%;}

.de_02{ left:32%;top:0; width:25%; height:100%;}

.de_03{ left:57%;top:0; width:25%; height:100%;}

.de_04{ left:82%;top:0; width:24%; height:100%;}




/*  zj    */


.zj{width:100%; max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; border-bottom:2px solid #cfcece;margin-bottom:1%;}

.zj ul{width:100%; overflow:hidden; margin-bottom:4%;}

.zj li{ width:100%;overflow:hidden;position:relative;}

.zj img{width:100%;float:left; }

.zj a{  position:absolute;  text-align:left;;text-indent:-9999px; }

.zj_01{ width:50%; height:100%;}

.zj_02{ left:50%;width:50%; height:100%;}





/*  联系我们   */

.lxwm{width:100%; max-width:640px; overflow:hidden; margin:10px auto 0;overflow:hidden; margin-bottom:2%;}

.lxwm img{width:50%;float:left;}

.lxwm p{width:100%;overflow:hidden;margin-bottom:1%; float:right; color:#454545;}


.zxxq{ width:36.5%;max-width:233px; overflow:hidden; margin:10px auto 0;overflow:hidden; margin-bottom:2%;}

.zxxq img{width:100%;float:left;}


.zxxq ul{width:100%; overflow:hidden; margin-bottom:8%;}

.zxxq li{ width:100%;overflow:hidden;position:relative;}

.zxxq a{  position:absolute;  text-align:left;;text-indent:-9999px; }

.zx_01{ width:34%; height:100%;}

.zx_02{ left:66%;height:100%; width:34%;}



.foot{ width:100%;max-width:640px; overflow:hidden; margin:10px auto 0;overflow:hidden; }

.foot img{width:100%;float:left;}

.foot ul{width:100%; overflow:hidden; }

.foot li{ width:100%;overflow:hidden;position:relative;}

.foot a{  position:absolute;  text-align:left;;text-indent:-9999px; }

.ft_01{ width:25% ; height:100px;}

.ft_02{ left:25%;width:25% ; height:100px;}

.ft_03{ left:50%;width:25% ; height:100px;}

.ft_04{ left:75%;width:25% ; height:100px;}



.ipc{ width:51%;max-width:331px; overflow:hidden; margin:0 auto;overflow:hidden; }

.ipc img{ width:100%; float:left; }

.ipc ul{width:100%; overflow:hidden; margin-bottom:4%;}

.ipc li{ width:100%;overflow:hidden;position:relative;}

.ipc a{  position:absolute;  text-align:left;;text-indent:-9999px; width:100%; height:100% }



@media screen and (min-width:1200px){
	
	.home-device{  height:200px;} 
	
    .ind_tit{font-size:27px;}

    body,input{font-size:24px;}
	
	/*.lxwm {font-size:18px }*/

    #ind_bz .bh li{height:88px;line-height:88px;margin-bottom:11px;}
	
	.swiper-main { height:300px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:200px;}
	
	}



@media screen and (max-width:640px){
	
	.home-device{ height:300px;} 
	
    .ind_tit{font-size:27px;}

    body,input{font-size:24px;}
	
	/*.lxwm {font-size:18px }*/

    #ind_bz .bh li{height:88px;line-height:88px;margin-bottom:11px;}
	
	.swiper-main { height:300px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:300px;}
	
	}







@media screen and (min-width:500px) and (max-width:640px) { 

    .ind_tit{font-size:25px;}

    body,input{font-size:24px;}
	
	/*.lxwm {font-size:18px }*/

    #ind_bz .bh li{height:88px;line-height:88px;margin-bottom:11px;}
	
	.home-device{ height:150px;} 
	
	.swiper-main { height:150px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:150px;}

}

@media screen and (min-width:414px) and (max-width:499px){ 

    .ind_tit{font-size:18px;}

    body,input{font-size:16px;}
	
	/*.lxwm {font-size:12px }*/
	
	.home-device{ height:150px;} 
	
	.swiper-main { height:150px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:150px;}

}

@media screen and (min-width:375px) and (max-width:413px) { 

    .ind_tit{font-size:16px;}

    body,input{font-size:14px;}
	
	/*.lxwm {font-size:12px }*/
	.home-device{ height:150px;} 
	
	.swiper-main { height:150px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:150px;}

}

@media screen and (min-width:360px) and (max-width:374px) { 

    .ind_tit{font-size:16px;}

    body,input{font-size:14px;}
	
	/*.lxwm {font-size:12px }*/
	
	.home-device{ height:150px;} 
	
	.swiper-main { height:120px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:150px;}

}

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

    .ind_tit{font-size:14px;}

    body,input{
	/* [disabled]font-size:12px; */
}
	
	/*.lxwm {font-size:12px }*/
	
	.nav  li { font-size:14px;} 
	
	body { font-size:14px;} 
	
	.home-device{ height:150px;} 
	
	.swiper-main { height:150px;}
	
	.swiper1, .swiper1 .swiper-slide{ height:150px;}


}





.device {

	max-width:640px; min-width:320px;
    overflow: hidden;
	margin:0 auto;
	position:relative;	

}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}


/* ===============================================================
demo 自写样式开始
================================================================*/

.device {
  width: 100%;
  position: relative;

  margin-bottom:10px;
}

.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:1029;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:1029;
}
.swiper-container {
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  /*bottom:15px;*/
  width: 100%;
  z-index:1029
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
@media (max-width: 768px) {
	.device{margin-bottom:0px !important;}
	.pagination {/*bottom:-15px;*/}
	.device .arrow-left,.device .arrow-right{display:none;}
}