@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:15px; color:#333; background: #fff;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}

.wrap{ width:1200px; margin:0 auto;}
.title{ text-align: center;}
.title h3{ font-size: 33px; font-weight: normal; color: #333; line-height: 1; font-family: 'Noto Sans SC', sans-serif;}
.title p{font-size: 14px;color: #bbbbbb; line-height:2;}
.title span{ width: 30px; height: 2px; background: #f6ad3a; display: block; margin:0 auto}

.ipro{ padding: 65px 0;}
.ipro .box_main{ margin-top: 35px; position: relative;}
.ipro .box_main .pre,.ipro .box_main .next{ width: 40px; height: 40px; display: block; position: absolute; top:165px;}
.ipro .box_main .pre{
	left: -60px;
	background-image: url(../images/pre.png);
	background-repeat: no-repeat;
}
.ipro .box_main .next{ background: url(../images/next.png) no-repeat; right: -60px; }
.ipro .box_main .swiper-container2{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ipro .box_main .pro_box{ width: 275px; height: 380px; border:#f0f0f0 solid 5px; margin: 0 auto;}
.ipro .box_main .aaa:hover{ border:#f6ad3a solid 5px;}
.ipro .box_main .pro_box dl{ width: 237px;height: 342px; margin:19px; position: relative; }
.ipro .box_main .pro_box dl p{width: 100%; position: absolute; left: 0; bottom: 30px;text-align: center; color: #fff; font-size: 20px; line-height:1;}

@media all and (max-width:1200px) {
body{ padding-top:60px;}
.wrap{ width:100%;}
.ipro{ padding:40px 0;}
.ipro.wrap{ width: auto;}
.ipro .box_main{ margin-top:20px;}
.ipro .box_main .pre,.ipro .box_main .next{  display: none;}
.ipro .box_main .swiper-container2{ width:auto; margin: 0 10px; overflow: hidden;}
.ipro .box_main .pro_box{ width:auto; height: auto; border:#f0f0f0 solid 3px; margin:0px 5px;}
.ipro .box_main .pro_box dl{ width:auto;height:auto; margin:0; position: relative; }
.ipro .box_main .pro_box dl img{ width: 100%; height: auto; display: block;}
.ipro .box_main .pro_box dl p{width: 100%; bottom:15px; font-size:16px; }
}
/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.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: */	
	
}