/*轮播图*/
.flexslider{position:relative;height:480px;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}

.flex-control-nav{display: none;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;opacity: 0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}

.flexslider:hover .flex-direction-nav{opacity:1}

/*关于我们*/
.about{margin-top:50px}
.about .title1{position: relative;}
.about .title1 .p1{font-size: 28px;color:#00b4c3;font-weight: bold;margin-left: 450px;}
.about .title1 .p2{font-size: 60px;color:#f1ad4b;margin-left: 435px;font-family:'Walkway';opacity: 0.5;filter: alpha(opacity=50);margin-top: -13px;}
.about .title1 .p3{font-size: 16px;color:#00b4c3;font-weight: bold;margin-left: 565px;margin-top: -13px;}
.search-box{width: 300px;height:34px;position: absolute;top: 25px;right: 0;}
.search-box input{width: 235px;height: 34px;font-size: 14px;color: #757575;background: #D1F6FB;text-indent: 2em;float: left;}
.search-box .subu{width:60px;height: 34px;font-size: 14px;color: #656565;line-height: 28px;background: none;position: relative;transition: all 0.3s;float: right;text-align: center;cursor: pointer;}
.button-hover{width:60px;height: 6px;background: url(../img/line1.png) center 0 ;left: 0;bottom: 0;}
@-webkit-keyframes gogo{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 0;
	}
}

@-moz-keyframes gogo{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 0;
	}
}

@keyframes gogo{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 0;
	}
}

.search-box .subu:hover{color: #00b4c3;}
.search-box .subu:hover .button-hover{animation: gogo 3s infinite linear;-webkit-animation: gogo 3s infinite linear;-moz-animation: gogo 3s infinite linear;}

/*关于我们*/
.about-box{margin-top: 50px;background: #D1F6FB;border-radius: 5px;position: relative;}
.about-box-inner{width: 1206px;padding: 30px 0;border: 2px dashed #F1AD4D;border-radius: 5px;}
.pet-img{width:560px;margin-left: 30px;overflow: hidden;}
.pet-img li{width: 164px;float: left;border: 5px solid #fff;border-radius: 5px;overflow: hidden;margin-right: 10px}
.pet-img li img{width: 164px;height: 202px;display: block;transition: all 0.3s;}
.pet-img li:hover img{transform: scale(1.1);}
.about-text{width: 560px;margin-right: 30px;height: 210px;line-height: 30px;transition: all 0.3s; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
.about-text a{color: #000000;}
.about-text:hover a{color:#00b4c3;}

.biankuang{
	width: 2px;
	height: 2px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 0px;
	top: 0px;
	left:0px;
	border-left: 2px dashed #00b4c3;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 2px dashed #00b4c3;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 2px dashed #00b4c3;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 2px dashed #00b4c3;
}

.about-box:hover .about-box-inner{border:2px solid #fff;}

/*专家团队*/
.team-box{margin-top: 50px}
.notice{width: 270px}
.no-tit .p1{font-size:20px;color: #00b4c3;font-weight: bold;}
.no-tit .p2{font-size:22px;color: #f1ad4b;font-family: 'Walkway';opacity: 0.5;filter: alpha(opacity=50);}
.no-box{width: 270px;height:274px;background: url(../img/notice.png) 0 0 no-repeat;margin-top: 8px}
.no-box .p1{font-size: 26px;color: #00b4c3;font-weight: bold;}
.no-box .p2{font-size: 14px;color: #181817;line-height: 34px;margin-top: 28px;margin-left: 98px;transition: all 0.3s;}
.no-box .p3{font-size: 14px;color: #181817;line-height: 34px;margin-top: 8px;margin-left: 98px;transition: all 0.3s;}
.no-box .p2 span,.no-box .p3 span{font-family: arial;}
.no-box a{width: 50px;height: 56px;display: block;margin-left: 110px;position: relative;margin-top: 10px;}
.no-box a p{text-align: center;;font-size: 14px;color: #ffffff;font-weight: bold;position: relative;z-index: 10;}
.no-box a .p4{padding-top: 10px}
.no-box .p2:hover{color: #fac72c;}
.no-box .p3:hover{color: #00b4c3;}

.no-box a strong{width:0;height: 0;display: block;position: absolute;top: 50%;left: 50%;margin-top:0;margin-left:0;transition: all 0.3s}
.no-box a:hover strong{width:50px;height: 56px;background: #f8c780;margin-top: -28px;margin-left: -25px;opacity: 0.2}


.team{width:915px;height: 335px;background:#D1F6FB;border-radius: 5px}
.team-tit{position: relative;padding-top:20px;text-align: center;}
.team-tit .p1{font-size:26px;color: #00b4c3;font-weight: bold;}
.team-tit .p2{font-size:22px;color: #00b4c3;font-family: "Walkway"}
.team-tit span{position: absolute;top: 35px;right: 32px;font-size:14px;color: #3c3c3c;transition: all 0.3s}
.team-tit span:hover{color: #00b4c3;margin-right: 5px;}

.team-inner{width: 850px;height:210px;margin:0 auto;margin-top: 22px;overflow: hidden;padding:5px;}
.team-list{width: 100000px;}
.team-list li{width:410px;float: left;margin-right:30px;}
.team-list li img{width: 123px;height: 185px;border:9px solid #fff;border-radius: 5px;float: left;transition: all 0.3s;box-shadow:0px 3px 10px #d9e3e2;}
.team-list li .team-rt{width:255px;float: right;}
.team-list li .team-rt .name{font-size:16px;color: #525252;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.team-list li .team-rt .team-text{font-size:14px;color: #606060;line-height: 24px;height:168px;margin-top: 10px;transition: all 0.3s; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
 .team-list li:hover img{box-shadow:0px 3px 10px #00b4c3;margin-top: -5px;}
 .team-list li:hover .team-text{color:#00b4c3 }
 .team-list li:hover .name{color:#00b4c3 }
/*经典案例*/
.classic-box{margin-top: 50px;}
.order-outer{width:270px;height: 361px;background: url(../img/order.png) 0 0 no-repeat; }
.order-top{height: 170px;text-align: center;}
.order-top .p1{font-size: 20px; padding-top: 25px;color: #ffffff;font-weight: bold;margin-bottom: 15px;}
.order-top .p2{font-size: 22px;color: #ffffff;font-weight: bold;font-family: 'arial'}

.order-bot .p1{width: 22px;float: left;margin-left:30px;text-align: center;font-size:14px;color: #ffffff;line-height: 15px;margin-top: 10px;}
.order-bot img{width: 120px;height: 121px;display: block;float: left;margin-left: 25px;margin-top:45px}
.order-bot .p2{width: 26px;float: right;margin-right:23px;text-align: center;font-size:20px;color: #ffffff;line-height: 22px;margin-top: 60px;font-weight: bold;}


.classic{width:915px;}
.classic-tit{height: 36px;line-height: 36px}
.classic-tit .p1{font-size:26px;color: #00b4c3;font-weight: bold;float: left;}
.classic-tit .p2{font-size:22px;color: #fac72c;font-family: "Walkway";float: left;opacity: 0.5;filter: alpha(opacity=50);margin-left: 5px;}
.classic-tit span{float: right; font-size:14px;color: #3c3c3c;transition: all 0.3s}
.classic-tit span:hover{color: #00b4c3;margin-right: 5px;}
.classic-outer{width:915px;height:305px;background:#D1F6FB;border-radius: 5px;margin-top: 20px;position: relative;}
.classic-inner{width:911px;height:301px;border-radius: 5px;border: 2px dashed #F1AD4D;}
.class-inner1{width: 860px;margin:0 auto;margin-top:25px;overflow: hidden;}
.classic-list{width: 100000px}
.classic-list li{width: 195px;height:230px;background:#fff;border-radius: 5px;float: left;margin-right: 26px;padding-top: 20px;transition: all 0.3s;}
.classic-list li img{width: 153px;height: 112px;display: block; margin:0 auto;}
.classic-list li .p1{padding: 0 20px;font-size:14px;color: #656565;text-align: center;margin-top: 10px;transition: all 0.3s;height: 22px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classic-list li .p2{padding: 0 20px;font-size:14px;color: #656565;margin-top: 5px;line-height: 22px;height: 66px;transition: all 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.classic-list li:hover{background:#00b4c3;}
.classic-list li:hover .p1{color: #fff}
.classic-list li:hover .p2{color: #fff}

.biankuang_5{
	height:0px;
	top: 0px;
	left:0px;
	border-left: 2px dashed #00b4c3;
}
.biankuang_6 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 2px dashed #00b4c3;
}
.biankuang_7{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 2px dashed #00b4c3;
}
.biankuang_8{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 2px dashed #00b4c3;
}
.classic-outer:hover .classic-inner{border:2px solid #fff;}
/*养宠讲堂*/
.speech{margin-top: 50px;}
.speech-tit{text-align: center;}
.speech-tit .p1{font-size:26px;color: #00b4c3;font-weight: bold;}
.speech-tit .p2{font-size:22px;color: #fac72c;font-family: "Walkway";opacity: 0.5;filter: alpha(opacity=50);margin-left: 5px;}

.speech-list{margin-top: 30px;}
.speech-list li{width: 389px;height: 103px;background: #D1F6FB;float: left;margin-right:21px;margin-bottom: 11px;transition: all 0.3s;}
.speech-list li .p1{padding: 0 20px;font-size: 14px;color: #323232;line-height: 24px;margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.speech-list li .p3{padding: 0 20px;font-size: 14px;color: #323232;line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.speech-list li .p2{font-size:14px;color: #8a8a8a;padding: 0 20px;margin-top: 5px;font-family: arial;}

.speech-list li:hover{background: #00b4c3;}
.speech-list li:hover .p1{color: #ffffff}
.speech-list li:hover .p2{color: #ffffff}
.speech-list li:hover .p3{color: #ffffff;}
.more{width:60px;height:36px;display:block;line-height: 36px;margin:0 auto;margin-top: 20px;font-size: 14px;color: #656565;position: relative;text-align: center;}
.more:hover{color: #2f91b4;}
.more:hover .button-hover{animation: gogo 1.5s infinite linear;-webkit-animation: gogo 1.5 infinite linear;-moz-animation: gogo 1.5 infinite linear;}