.banner{
	width: 100%;
	height: 480px;
}
.banner img{
	width: 100%;
	height: 500px;
}
.ws_prev{
	margin-left: 15%;
}
.ws_next{
	margin-right: 15%;
}
  .swiper-container {
        width: 1000px;
        height: 330px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slides{
    	width: 300px;
height: 410px;
background: #004373;
overflow: hidden;
transition: 0.5s;
    }

.swiper-slides img{
	width: 300px;
	height: 235px;
	margin-top: 35px;
	overflow: hidden;
}
   .swiper-slides:hover .swerimg{   	
    	/*border-radius: 40px;*/
    	opacity:0.4;
filter:alpha(opacity=40);
    }
.swiper-slides .swi_p{
	width: 100%;
	height: 35px;
	color: #fff;
	padding-top: 0;
	font-size: 18px;
	text-align: center;
	line-height: 45px;
}
.swiper-slides a{
	/*width: 80px;*/
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	display: block;
	border: 1px solid #fff;
	margin: 0 auto;
}
.product{
	width: 100%;
	height: 550px;
	margin: 0 auto;
	background: url(../images/haishui.jpg);
}
.swiper-button-next{
	position: absolute;
	right: 20px;
	color: red;
	z-index: 99;
}
.pro_cont{
	width: 1000px;
	height: 410px;
	margin:0 auto;
	margin-top: 22px ;
}
.product p{
	width: 100%;
	color: #ffffff;
	padding-top: 50px;
}
.product p span{
	display: block;
	height: 80px;
	width: 185px;
	font-size: 24px;
	line-height: 80px;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
	margin: 0 auto;

}
.referral{
	width: 100%;
	color: #262626;
}
.referral span{
	display: block;
	height: 80px;
	width: 185px;
	text-align: center;
	font-size: 24px;
	line-height: 80px;
	border-bottom: 2px solid #75a0c9;
	margin: 0 auto;
}
.advisory,.use{
	width: 1000px;
	margin: 0 auto;
}
.advisory .adv_con{
	width: 986px;
	height: 185px;
	padding: 7px;
	border: 2px solid #f5f5f5;
	margin-top: 30px;
	transition: .5s
}
.advisory .adv_con:hover{
	margin-top: 7px;
	box-shadow:2px 5px 5px #b6b6b6;
}
.advisory .adv_con:hover .adv_time {
		background: red;
}
.advisory .adv_time{
	float: left;
	width: 65px;
	height: 70px;
	background: #18a2ce;
	margin-left: 25px;
	transition: .5s
}

.adv_time h3{
	font-size: 30px;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
}
.adv_time span{
	display: block;
	width: 65px;
	height: 20px;
	background: #bfbfbf;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	
}
.adv_img{
	float: left;
	width: 255px;
	height: 185px;
	border-radius: 10px;
	margin-left: 30px;
}
.adv_img img{
  	width: 255px;
	height: 185px;
		border-radius: 10px;
		transition: 0.5s;
}
.adv_img img:hover{
		border-radius: 60px;
}
.adv_content{
	float: left;
	width: 560px;
	margin-left: 25px;
}
.adv_content .adv_title{
	font-size: 18px;
	color: #282828;
	line-height: 40px;
	font-weight: 800;
}
.adv_content .adv_title:hover{
	color: #18a2ce;
}

.adv_content .adv_bottom{
	height: 120px;
	font-size: 14px;
	color: #828282;
}
.adv_content .check{
	font-size: 14px;
	color: #315389;
	margin-left: 420px;
	cursor:pointer;
}

.adv_content .adv_bottom:hover,.adv_content .check:hover{
	color: black;
}
.use{
	height: 330px;
	margin-top: 40px;
}
.use_content{
	float: left;
	width: 300px;
	height: 330px;
	border: 1px solid #ededed;
	margin: 15px;
	transition: 0.5s;
}
.use_content:hover{
	margin-top: -10px;
	box-shadow:2px 10px 10px #b6b6b6;
}
.use_content img{
	width: 300px;
	height: 160px;
}
.use_title{
	width: 260px;
	height: 40px;
	font-size: 18px;
	color: #282828;
	line-height: 40px;
	font-weight: 800;
	overflow: hidden;
	margin: 0 auto;
}
.use_bottom{
	height: 75px;
	font-size: 12px;
	color: #828282;
	width: 260px;
	overflow: hidden;
	margin: 0 auto;
	text-overflow:ellipsis;
}
.use_check{
	cursor:pointer;
	display: block;
	width: 85px;
	height: 20px;
	font-size: 14px;
	color: #315389;
	line-height: 20px;
	text-align: center;
	border: 1px solid #315389;
	border-radius: 4px;
	margin: 10px 0 0 20px;
}p a{
	color:#0D0A0A;
 }






