/* banner */
.banner{position:relative;width:100%;height:auto;overflow:hidden; }
.banner .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;text-align:center;}
.banner .contentInfo{position:absolute;top:50%;left:0px;width:100%;height:300px;margin-top:-150px;z-index:1;}
.banner .content .title1{padding-top: 46px;opacity:0;width:100%;font-family:'΢ÈíÑźÚ';font-size:44px;color:#fff;text-align:center;margin-top:0px;}
.banner .content .title2{ opacity:0;width:100%;font-family:'΢ÈíÑźÚ';font-size:60px;margin-bottom:20px;font-weight:100;color:#fff;text-align:center;}
.banner .content .title3{opacity:0;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:14px;height:14px;margin:0px 3px;cursor:pointer;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}


/* BaiKe */
.pet_baike {}
.i_title {}
.i_title h3 {font-size: 28px; color: #ffc001; font-weight: normal;}
.i_title p {color: #444; font-size: 13px; padding: 10px 0 0;}
.i_text {padding: 20px 0; width: 80%; margin: 0 auto;}

.p_baike {width: 98%;}
.p_baike .child {display: inline-block; float: left; width: 30.3%;}
.p_baike .bkr {width: 35%;}
.p_baike .child img {/*width: 100%;*/}
/*.p_baike .child .dd {background: #ffc001; padding: 28px 30px; color: #fff; display: block; width: 100%;}
.p_baike .child .dd h2 {margin-bottom: 8px;}
.p_baike .child .dd p {line-height: 22px;}*/
.p_baike .bkm {margin: 0 2%;}

/* Service */
.p_title {position: relative;}
.p_title_c {position: relative;}
.p_title_c .p_line {height: 1px; background: #333; width: 50%; display: inline-block; position: absolute; margin-left: -25%; left: 50%; top: 59%; z-index: 9;}
.p_title .p_text {background: #fff; position: relative; z-index: 10; display: inline-block; padding: 0 40px; margin: 0 auto;}
.p_title .p_text span {display: block;}
.p_title .p_text span img {width: 40px;}
.p_title .p_text h3 {font-size: 28px; font-weight: normal;}
.p_title .p_text p {color: #444; font-size: 13px; padding: 6px 0 0;}

.pet_service {}
.i_service {position: relative; padding: 40px 0; height: 458px;}
.i_service .imgBg {position: absolute; top: 0; left: 50%; width: 100%; margin-left: -50%; height: 100%;
	background: url(/template/img/index/i_service.jpg) no-repeat center center #fff;
}


/* NEWS */
.p_new {padding: 40px 0 0;}
.p_new li {float: left; display: inline-block; width: 45%;}
.p_new li:last-child {float: right; }
.p_new li a {display: block; position: relative; }
.p_new li a img {border-bottom: 4px solid #ffc303;}
.p_new li .ico {display: block; position: absolute; left: 30px; bottom: -12px; z-index: 10; width: 42px; height: 40px; border-radius: 21px;}
.p_new li .ico2 {background: url(/template/img/index/ico3.png) no-repeat center center #30ace0;}
.p_new li .ico1 {background: url(/template/img/index/ico4.png) no-repeat center center #81ce20;}
.p_new li div {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 40px 30px;}
.p_new li div h3 {margin-bottom:13px;}
.p_new li div p {font-size: 13px; line-height: 22px;}

.i_news {position: relative; padding: 40px 0; height: 458px;}
.i_news .imgBg {position: absolute; top: 0; left: 50%; width: 100%; margin-left: -50%; height: 100%;
	background: url(/template/img/index/i_news.jpg) no-repeat center center fixed #e1e7e5;
}
.i_news_text {width: 63%; float: right;}
.i_news_text h1 {margin: 70px 0 18px;}
.i_news_text p {}
.i_news_text .more {display: inline-block; margin: 30px 0 0; width: 100px; height: 35px; line-height: 33px; border-radius: 20px; color: #ffc001; border:1px solid #ffc001; font-size: 16px; text-align: center;}
.i_news_text .more:hover {color: #fff; background: #ffc001;}


/* Team */
.pet_team {}
.p_team {padding: 40px 0 0;}
.p_team dl {float: left; width: 48%; margin-right: 2%;}
.p_team dl dt, .p_team dl dd  {display: inline-block; float: left;}
.p_team dl dt img {width: 228px; height: 228px; border: 10px solid #fafafa; border-radius: 50%; margin-bottom: 15%;}
.p_team dl dt p {box-shadow: 0 0 18px #333; font-size:12px; width: 20%; height: 1px; background: #f3f3f3; margin: 0 auto}
.p_team dl dt {padding-bottom: 10%;}
.p_team dl dd {padding: 5% 0 0 4%;}
.p_team dl dd h2 {margin-bottom: 7%;}
.p_team dl dd p {line-height: 22px;}



@media (min-width: 1440px) and (max-width:1920px ) {

.banner .bannerBtn{height:112px;margin-top:-56px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:220px;margin-top:-110px;}
.banner .content{background-position:left 80px;}
.banner .content .title1{font-size:36px;padding-top:36px;}
.banner .content .title2{ font-size:50px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:14px;height:14px;margin:0px 3px;}

.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

}

@media (min-width: 1200px) and (max-width:1439px ) {

.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 68px;}
.banner .content .title1{font-size:30px;padding-top: 28px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}

.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

}

@media (min-width: 1024px) and (max-width:1199px ) {

.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 68px;}
.banner .content .title1{font-size:30px;padding-top:22px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}

.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

}

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

.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 600px;background-position:center 74px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:6px 24px 8px 24px;font-size:18px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:600px;}

.p_baike {padding: 0 1%;}
.p_baike img {max-width: 100%;}
.p_baike  .bkl {width: 29.2%;}
.p_baike  .bkr {width: 36%;}

.i_service {height: 340px;}
.i_service .imgBg {background-size: 94% auto;}

.p_new {padding: 40px 4% 0;}
.i_news {height: 380px;}
.i_news .imgBg {background-size: 94% auto;}
.i_news_text {padding-right: 4%;}
.i_news_text h1 {margin: 60px 0 18px}
.i_news_text .more {margin-top: 20px;}

.p_team dl {margin: 0 2% 5%; width: 46%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0;}
.p_team dl dd {padding: 0}
.p_team dl dd p {display: none; text-align:left;}


}

@media (min-width: 480px) and (max-width: 639px) {

.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 450px;background-position:center 74px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.p_title_c .p_line {width: 86%; margin-left: -43%;}

.p_baike {padding: 0 1%;}
.p_baike img {max-width: 100%;}
.p_baike  .bkl {width: 29.2%;}
.p_baike  .bkr {width: 36%;}

.i_service {height: 320px;}
.i_service .imgBg {background-size: 94% auto;}

.p_new {padding: 40px 4% 0;}
.i_news {height: 360px;}
.p_new li {width: 47%;}
.p_new li div {padding: 40px 10px}
.p_new li div h3 {font-size: 14px;}
.p_new li div p {font-size: 12px;}
.i_news .imgBg {background-size: 94% auto;}
.i_news_text {padding-right: 4%;}
.i_news_text h1 {margin: 30px 0 18px}
.i_news_text p {font-size: 12px;}
.i_news_text .more {margin-top: 20px; font-size: 14px; height: 30px; line-height: 27px;}

.p_team dl {margin: 0 2% 5%; width: 46%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0; width: 98%; height: auto;}
.p_team dl dd {padding: 0}

.p_contact {}
.p_contact .fl, .p_contact .fr {float: none;}
.p_contact .child  {width: 100%; margin-bottom: 14%;}
.pet_contact .p_contact .fr  {margin-bottom: 0;}

}

@media (max-width: 479px) {

.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 450px;background-position:center 50px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.p_title_c .p_line {width: 86%; margin-left: -43%;}

.i_text {font-size: 12px;}

.p_baike {padding: 0 1%;}
.p_baike img {max-width: 100%;}
.p_baike  .bkl {width: 29.2%;}
.p_baike  .bkr {width: 36%;}

.i_service {height: 280px;}
.i_service .imgBg {background-size: 94% auto;}

.p_new {padding: 40px 4% 0;}
.i_news {/*height: 320px;*/ padding-bottom:14%; height:auto;}
.p_new li {width: 48%;}
.p_new li div {padding: 40px 10px}
.p_new li div h3 {font-size: 14px;}
.p_new li div p {font-size: 12px;}
.i_news .imgBg {background: #e1e7e5;}
.i_news_text {padding:0; float: none; width: 100%; padding: 0 8%; text-align: center;}
.i_news_text h1 {margin: 30px 0 18px}
.i_news_text p {font-size: 12px;}
.i_news_text .more {margin-top: 20px; font-size: 14px; height: 30px; line-height: 27px;}


.p_team dl {margin: 0 2% 5%; width: 96%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0; width: 70%; height: auto;}
.p_team dl dd {padding: 0}


.p_contact {}
.p_contact .fl, .p_contact .fr {float: none;}
.p_contact .child  {width: 100%; margin-bottom: 14%;}
.pet_contact .p_contact .fr  {margin-bottom: 0;}

}