div,

a {

	-moz-user-select: none;

	/*火狐*/

	-webkit-user-select: none;

	/*webkit浏览器*/

	-ms-user-select: none;

	/*IE10*/

	/*早期浏览器*/

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-tap-highlight-color: transparent;

}





/*img {

	width: 100%;

}*/



i {

	font-style: normal;

}

.img100{

	width: 100%;	

}

input,

textarea {

	resize: none;

	background: none;

	border: 0;

}





/*common end*/

body{

	width: 100%;

	overflow: hidden;

}





.imgload_z{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: black;

	z-index: 9999999;

}

.progress_z{

	position: absolute;

	top: 46%;

	left: 0;

	right: 0;

    width: 40%;

    height: 10px;

    border-bottom-left-radius: 5px;

    background: wheat;

    margin: 0 auto;

    border-bottom-right-radius: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    overflow: hidden;

}



.progress_z i{

	position: absolute;

	top: 0;

	left: 0;

	width: 1%;

	height: 10px;

	background: orangered;

	

}



.imgload_z p{

	position: absolute;

	top: 50%;

	color: white;

	width: 100%;

	font-size: 14px;

	text-align: center;

}





.main-pagination {

	position: fixed;

	right: 10%;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 210px;

	z-index: 10000;

}



.main-pagination .swiper-pagination-switch {

	display: block;

	width: 10px;

	height: 10px;

	background: url(../img/pagg_03.png) no-repeat 100% 100%;

	margin: 12px 0;

	cursor: pointer;

	position: relative;

	/*background: red;*/

}



.main-pagination .swiper-pagination-switch i {

	position: absolute;

	right: -2px;

	top: -5px;

	width: 100px;

	height: 20px;

}



.main-pagination .swiper-active-switch i {

	background: url(../img/pagi_03.png) no-repeat 100% 100%;

}



.pop {

	background: rgba(0, 0, 0, .5);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.logo-fis {

	position: fixed;

	top: 3.3%;

	left: 10%;

	width: 4.7%;

	cursor: pointer;

}



#video-banner {

	position: absolute;

	right: 0;

	bottom: 0;

	min-width: 100%;

	min-height: 100%;

	width: auto;

	height: auto;

	z-index: -100;

	background: url(../img/bg_1.png) no-repeat center;

	background-size: cover;

}



.ph-banimg {

	position: absolute;

	right: 0;

	bottom: 0;

	min-width: 100%;

	min-height: 100%;

	width: auto;

	height: auto;

	z-index: -100;

	background: url(../img/bg-1_01.jpg) no-repeat 67% center;

	background-size: cover;

	display: none;

}



.last_erw{

    position: absolute;

    top: 20%;

    right: 19%;

    width: 12%;

    text-align: center;

	

}



 .pc_slide2_inner .info{

 	display: none;

}

.last_erw img{

	width: 100%;

}

.last_erw p{

	line-height: 1.7;

	color: #333333;

	font-size: 17px;

	

}



@media only screen and (max-width:1100px ) {
	.pc_slide2_inner .tabs2{

		width: 61%;

	}
}







@media only screen and (max-width: 1400px) {
	.last_erw p{

		font-size: 14px;

	}
}





.last_erw .fis{

	margin-top: -10px;

}

.last_erw .las{

	margin-bottom: 10px;

}

.bg-cover1 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner1.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover2 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner2.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover3 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner3.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover4 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner4.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover5 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner5.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover6 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner6.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover7 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner7.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover8 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner8.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover9 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner9.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover10 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/pc_banner10.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}













.arrow-left {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 4%;

	margin: auto 0;

	height: 4%;

}



.arrow-right {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 4%;

	margin: auto 0;

	height: 4%;

}



.arrow-left img {

	width: 100%;

}



.arrow-right img {

	width: 100%;

}



.tabs {

	position: fixed;

	top: 5.8%;

	right: 12.5%;

	width: 68%;

	height: 4.2%;

	text-align: right;

	font-size: 15px;



}



.tabs .act {

	color: black;

	border-color: black;

}



.tabs div {

	margin-right: 3%;

	height: 100%;

	display: inline-block;

	cursor: pointer;

	width: auto;

	padding-bottom: 0;

}

.tabs div i{

	display: block;

	width: 100%;

	height: 2px;

	background: transparent;

	margin-top: 2px;

}

.tabs .act i{

	background: black;

}

.tabs div span {

	display: block;

	text-align: left;

	font-family: "黑体";

	

}



.more {

	position: absolute;

	left: 10%;

	top: 34.8%;

	width: 29%;

	z-index: 9999999;

	cursor: pointer;

	font-family: '黑体';

}



.gotop-btn {

	opacity: 0;

}



.more h2 {

	font-size: 40px;

	font-family: '黑体';

}



.more .more_line {

	border: 1px solid white;

	width: 68px;

	margin: 10px 0;

}



.more p {

	font-size: 17px;

	line-height: 1.5;

	font-family: '黑体';

}



.more span {

	display: block;

	width: 168px;

	line-height: 43px;

	text-align: center;

	color: #F9B00C;

	border-radius: 10px;

	border: 2px solid #F9B00C;

	margin: 27px 0;

	font-size: 18px;

	font-family: '黑体';

	

}



.more {}



.goshop {

	position: fixed;

	right: 0;

    bottom: 16%;

    width: 9%;

    cursor: pointer;

}



.goshop-pop {

	display: none;

	z-index: 9999;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .7);

}



.goshop-pop .inner {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 30%;

}



.goshop-pop .inner img {

	width: 34%;

	margin: 0 auto;

	display: block;

}



.goshop-pop .inner p {

	width: 100%;

	line-height: 2.5;

	text-align: center;

	font-size: 20px;

}



.goshop-pop .close {

	position: absolute;

	left: 60%;

	top: 29%;

	font-size: 47px;

	line-height: 1;

	color: white;

	cursor: pointer;

}



.logo-thr {

	float: right;

	width: 7.2%;

	margin-right: 2.5%;

}



.cont7 {

	position: absolute;

	left: 25%;

	top: 20%;

	width: 50%;

}



.cont7 .title {

	line-height: 30px;

	color: white;

	font-size: 20px;

	padding-left: 60px;

}



.cont7 .item {

	float: left;

	width: 32.3%;

	margin: 0.5%;

	position: relative;

}



.cont7 .item .mask {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .5);

	display: none;

}



.cont7 .item:hover .mask {

	display: block;

}



.cont7 .item .mask a {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	text-align: center;

	width: 100px;

	height: 25px;

	line-height: 25px;

	color: white;

	border: 1px solid #0EAAC2;

}



.cont7 .inner img {

	width: 100%;

}



.cont7 p {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 35px;

	line-height: 35px;

	background: rgba(0, 0, 0, .5);

	color: white;

	text-align: center;

}



#news {}



.sw_wrap {

	position: relative;

	padding: 0 40px;

}



.cont7 .btn_left {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	width: 40px;

	height: 40px;

	font-size: 40px;

	color: white;

	left: 0;

	cursor: pointer;

}



.cont7 .btn_right {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	width: 40px;

	height: 40px;

	font-size: 40px;

	color: white;

	text-align: right;

	right: 0;

	cursor: pointer;

}



.inners {

	width: 75%;

	height: 100%;

	margin: 0 auto;

	position: relative;

}



.pet-tabs {

	position: absolute;

	top: 5%;

	left: 0%;

	font-size: 22px;

	line-height: 1;

}



.pet-tabs a {

	display: inline-block;

	cursor: pointer;

}



.pet-tabs span {

	display: block;

}



.pet-tabs i {

	display: block;

	margin-top: 11px;

	width: 27px;

	height: 2px;

}



.pet-tabs .act {

	color: black;

}



.pet-tabs .act i {

	background: black;

}



.cont-tabs {

	position: absolute;

	top: 15%;

	left: 0;

	width: 100%;

}



.jy img,

.xy img {

	width: 100%;

}



.lines {

	display: inline-block;

	width: 1px;

	height: 22px;

	margin: 0 20px;

	background: white;

	vertical-align: middle;

}



.xy-tabs {

	margin-top: 20px;

	overflow: hidden;

	color: white;

	font-size: 18px;

	margin-bottom: 23px;

}



.xy-tabs p {

	display: inline-block;

	width: 80px;

	height: 47px;

	line-height: 47px;

}



.xy-tabs span {

	display: inline-block;

	width: 82px;

	text-align: center;

	line-height: 40px;

	border: 1px solid white;

	border-radius: 5px;

	cursor: pointer;

}



.d-slide3 .ifr-pop {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99999;

}



.d-slide3 #vrroom {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	/*z-index: 99;*/

}



.xy-cont {

	width: 900px;

	overflow: hidden;

	display: none;

}



.xy-cont:first-child {

	display: block;

}



.xy-cont .cake {

	width: 370px;

	height: 80px;

	float: left;

	border-bottom: 1px solid #DBDBDB;

	position: relative;

	margin-right: 30px;

}



.xy-cont .cake p {

	font-size: 18px;

	line-height: 40px;

}



.xy-cont .price {

	overflow: hidden;

	height: 40px;

}



i {

	font-style: normal;

}



.xy-cont .new_price {

	float: left;

	font-size: 24px;

	font-weight: bolder;

}



.xy-cont .new_price i {

	font-size: 12px;

	vertical-align: top;

}



.xy-cont .old_price {

	float: left;

	font-size: 12px;

	/* line-height: 17px; */

	text-decoration: line-through;

	vertical-align: -7px;

	margin-top: 7px;

	margin-left: 10px;

}



.xy-cont .cake .btn {

	position: absolute;

	top: 0;

	right: 0;

	width: auto;

	height: 80%;

	bottom: 0;

	margin: auto 0;

	cursor: pointer;

}



.xy-tabs .act {

	background: white;

	color: black;

}



.xy-txt {

	position: absolute;

	bottom: 1%;

	right: 2%;

	width: 20%!important;

}



.d-slide4 {

	background: #F9B00C;

}



.d-slide4 .wraps {

	width: 100%;

	height: 100%;

	position: relative;

	padding: 0 8%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}







.video-items {

	position: absolute;

	top: 32%;

	left: 10%;

	width: 80%;

}



.video-item {

	width: 32%;

	height: 50%;

	margin-right: 2%;

	float: left;

	border-top-left-radius: 3%;

	border-top-right-radius: 3%;

	overflow: hidden;

}

.vr_ti{

	font-size: 27px;

}

.video-item:nth-of-type(3) {

	margin-right: 0;

}



.video-item:nth-of-type(6) {

	margin-right: 0;

}



.video-item .video-js {

	width: 100%!important;

	height: 75%!important;

}





/*#my_video_1{

	width: 100%!important;

	height: auto!important;

}*/



.video-item .video-txt {

	width: 100%;

	height: 17%;

	border-bottom: 1px solid #DBDBDB;

	position: relative;

}



.video-item .video-txt i {

	position: absolute;

	top: 0;

	bottom: 0;

	font-size: 25px;

	line-height: 1;

	height: 25px;

	margin: auto 0;

}



.video-item .v-height {

	height: 3%;

}



.video-items .video-item .vjs-big-play-button {

	position: absolute;

	top: 70%;

	left: 5%;

	width: 3em;

	height: 3em;

	margin: 0;

	background: rgba(0, 0, 0, .1);

	font-size: 1em;

	border-radius: 50%;

}



.video-items .video-item .vjs-big-play-button span {

	width: 40%;

	height: 40%!important;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 12%;

	right: 0;

	margin: auto;

	background: url(../img/sanjiao.png) no-repeat top left;

	background-size: cover;

}



.last_top {

	width: 100%;

	height: 100%;

	background: #F9B00C;

	position: relative;

}



.last_top img {}



.last_footer {

	position: absolute;	

	bottom: 0;

	left: 0;

	width: 100%;

	background: #292929;

	z-index: 10;

}



.last_footer i {

	display: block;

	padding: 1% 0;

	text-align: center;

	font-size: 14px;

	line-height: 1;

}



.last_top .from {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 27%;

	/* right: 0; */

	margin: auto;

	width: 30%;

	height: 61%;

}



.last_top .pc_name {

	height: 18%;

	position: relative;

}



.pc_name i {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	left: 1em;

	font-size: 16px;

}



.last_top .pc_tel {

	height: 18%;

	position: relative;

}



.last_top .pc_tel i {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	left:1em;

	font-size: 16px;

}



.last_top .pc_area {

	position: relative;

	height: 30%;

}



.last_top .pc_area textarea {

	overflow: auto;

}



.last_top .space {

	height: 2%;

}



.last_top .space_other {

	height: 4%;

}



.last_top .sub_pet {

	height: 18%;

	cursor: pointer;

}



.last_top input,

.last_top textarea,

.last_top .sub_pet {

	display: block;

	background: rgba(255, 255, 255, .3);

	color: white;

	text-indent: 4em;

	width: 100%;

	height: 100%;

	font-size: 20px;

	border-radius: 7px;

}



.last_top textarea {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding-top: 20px;

}



.msg-bg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}



.msg-txt {

	position: absolute;

	top: 19%;

	left: 10%;

	width: 7%;

}



.last_top .sub_pet {

	height: 18%;

	position: relative;

	text-align: center;

	background: rgba(0, 0, 0, .1);

}



.last_top .sub_pet i {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	font-size: 27px;

	height: 27px;

	line-height: 1;

	text-indent: 0;

}



.aboutus {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .8);

	z-index: 8888;

	display: none;

	transition: .5s;

	font-family: '黑体'!important;

}



.aboutus .inner {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	width: 50%;

	height: 82%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding: 2% 2%;

	color: white;

	z-index: 9999;

	border-radius: 2%;

}



.aboutus .tit {

	font-size: 26px;

	line-height: 1.3;

	margin-bottom: 2%;

	font-family: '黑体';

}



.aboutus .close {

	position: absolute;

	top: 2%;

	right: 1%;

	width: 5%;

	line-height: 1;

	cursor: pointer;

	font-weight: normal;

}



.aboutus .content {

	height: 87%;

	overflow: auto;

	position: relative;

}



::-webkit-scrollbar {

	/*滚动条整体样式*/

	width: 10px;

	/*高宽分别对应横竖滚动条的尺寸*/

	height: 1px;

}



::-webkit-scrollbar-thumb {

	/*滚动条里面小方块*/

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

	background: #535353;

}



::-webkit-scrollbar-track {

	/*滚动条里面轨道*/

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

	border-radius: 10px;

	background: #EDEDED;

}



.width100{

	width: 100%!important;

}



.padding0{

	padding: 0!important;

}

/*.aboutus .content:hover {

	border-right: 1px solid white;

}*/



.aboutus .content p,

.aboutus .content h6 {

	padding-right: 2%;

	text-align: justify;

	font-family: '黑体';

}



.aboutus .content img {

	width: 95%;

	border-radius: 10px;

}



.aboutus p {

	font-size: 16px;

	color: #FDFDFD;

	

}

.aboutus .content img{

	margin-bottom: 2%;

}

.aboutus .bot{

	margin-bottom: 0.7em;

}

.aboutus h6 {

	font-size: 22px;

	padding-top: 3%;

	padding-bottom: 3%;

	font-weight: normal;

}



.jy-classify {

	display: block;

	position: absolute;

	top: 66%;

	left: 5%;

	width: 58%!important;

	cursor: pointer;

}



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

	.video-items .video-item .vjs-big-play-button {

		font-size: 12px!important;

		width: 2em;

		height: 2em;

	}

}



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

	.tabs {

		top: 3.5%;

		height: 3.7%;

		right: 4.5%;

	}

	.xy-tabs {

		font-size: 12px;

	}

	.xy-tabs span {

		display: inline-block;

		width: 54px;

		text-align: center;

		line-height: 30px;

		border: 1px solid white;

		border-radius: 5px;

		cursor: pointer;

	}

	.xy-tabs p {

		display: inline-block;

		width: 53px;

		height: 47px;

		line-height: 47px;

	}

	.xy-cont .cake p {

		font-size: 15px;

		line-height: 40px;

	}

	.xy-cont .new_price {

		float: left;

		font-size: 18px;

		font-weight: bolder;

	}

	.xy-cont .old_price {

		float: left;

		font-size: 11px;

		/* line-height: 17px; */

		text-decoration: line-through;

		vertical-align: 22px;

		margin-top: 2px;

		margin-left: 10px;

	}

	.xy-cont .cake {

		width: 290px;

		height: 65px;

		float: none;

		border-bottom: 1px solid #DBDBDB;

		position: relative;

		margin-right: 30px;

	}

	.jy img,

	.xy img {

		width: 113%;

	}

	.xy-txt {

		position: absolute;

		bottom: 59%;

		right: -4%;

		width: 20%!important;

	}

	.video-item {

		width: 48%;

		height: 33%;

		margin-right: 0;

		float: left;

		border-top-left-radius: 3%;

		border-top-right-radius: 3%;

		overflow: hidden;

	}

	.video-items {

		position: absolute;

		top: 26%;

		left: 8%;

		width: 84%;

		height: 78%;

	}

	.video-item:nth-of-type(1) {

		margin-right: 4%;

	}

	.video-item:nth-of-type(3) {

		margin-right: 4%;

	}

	.video-item:nth-of-type(5) {

		margin-right: 4%;

	}

	.video-item .video-js {

		width: 100%!important;

		height: 80%!important;

	}

	.video-item .video-txt i {

		position: absolute;

		top: 0;

		bottom: 0;

		font-size: 18px;

		line-height: 1;

		height: 18px;

		margin: auto 0;

	}

	.video-item .video-txt {

		width: 100%;

		height: 15%;

		border-bottom: 1px solid #DBDBDB;

		position: relative;

	}

	.last_top .from {

		position: absolute;

		top: 0;

		bottom: 0;

		left: 27%;

		/* right: 0; */

		margin: auto;

		height: 52%;

	}

	.last_top .msg-bg {

		position: absolute;

		bottom: 0;

		left: 0;

		width: 116%;

	}

	.msg-txt {}

	.last_top input,

	.last_top textarea,

	.last_top .sub_pet {

		display: block;

		background: rgba(255, 255, 255, .3);

		color: white;

		text-indent: 4em;

		width: 100%;

		height: 100%;

		font-size: 16px;

		border-radius: 7px;

	}

	.last_top textarea {

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

		padding-top: 20px;

	}

	.last_top .sub_pet {

		height: 18%;

		position: relative;

		text-align: center;

		background: rgba(0, 0, 0, .1);

	}

	.last_footer i {

		position: absolute;

		top: 0;

		bottom: 0;

		left: 0;

		right: 0;

		margin: auto;

		text-align: center;

		font-size: 14px;

		line-height: 14px;

		height: 14px;

	}

	.aboutus .inner {

		width: 66%;

	}

}



.ph-cont {

	display: none;

}



.ph-bannertxt {

	display: none;

}



.ph-jybg {

	display: none;

}



.ph-xy {

	display: none;

}



.ph-videotit {

	display: none;

}



.video-items {

	overflow: hidden;

}



.ma-wrap {}



.video-cake {

	float: left;

	width: 32%;

	margin-right: 2%;

	position: relative;

}



.video-cake:nth-of-type(3) {

	margin-right: 0;

}



.video-cake:nth-of-type(6) {

	margin-right: 0;

}



.video-cake .vid {

	position: relative;

	cursor: pointer;

	overflow: hidden;

}



.video-cake .poster {

	width: 100%;

}



.video-cake .play {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	width: 10%;

}

.video-cake img {

	transition: 0.5s ;

}

.video-cake:hover img {

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

}



.video-cake .txt {

	padding: 1.5% 0;

	font-size: 18px;

	border-bottom: 1px solid #C0C0C0;

	margin-bottom: 4%;

}



.video-bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .8);

	z-index: 1000;

	display: none;

}



.vid-wrap {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 60%;

}



.vid-wrap img {

	width: 100%;

}



.vid-wrap #my_video_1 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%!important;

	height: 100%!important;

}



.video-bg .close {

	position: absolute;

	top: 10%;

	right: 12%;

	font-size: 63px;

	cursor: pointer;

}



.ph-msgbg,

.ph-msgtxt,

.ph-erw {

	display: none;

}



.gotop-btn {

	position: absolute;

	bottom: 8%;

	right: 4%;

	width: 3%;

	cursor: pointer;

	z-index: 100000;

}



.vr_tit {

	position: absolute;

	bottom: 16%;

	left: 11%;

	font-size: 36px;

	color: white;

	z-index: 99990000;

	font-weight: bolder;

}



.vr-top {

	position: absolute;

	bottom: 21%;

	right: 11%;

	width: 2.4%;

	cursor: pointer;

	z-index: 99990000;

}

 .d-slide3 .next-btn{

 	z-index: 999999;

 }

.vr-bot {

	position: absolute;

	bottom: 15%;

	right: 11%;

	width: 2.4%;

	cursor: pointer;

	z-index: 99990000;

}



.dog-png {

	background: url(../img/bg_2_02.jpg) no-repeat center;

	background-size: cover;

}



.pc_area i {

	position: absolute;

	top: 20px;

	left: 1em;

	font-size: 16px;

}



.ph_tit2 {

	display: none;

}



.next-btn,.ph-pop,.ph-goshopa {

	display: none;

}

.page_tits{

    position: absolute;

    top: 18%;

    left: 10%;

    width: 12%;

    color: white;

    font-size: 24px;

    font-weight: bolder;

    z-index: 99;

}

.page_tits .cn{

	font-size: 27px;

	font-weight: normal;

}







.slide2_swiper .cake{

	float: left;

	width:22% ;

	margin-right: 4%;

	cursor: pointer;

	position: relative;

	}

.slide2_swiper .cake:nth-last-child(4n+1){

	margin-right: 0;

}

.slide2_swiper .cake .bg{

	width: 100%;

}

.slide2_swiper .cake .pop{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.5);

	display: block;

}

.slide2_swiper .cake .look{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	width: 15%;

	display: none;

}



.slide2_swiper .cake:hover .pop{

	display: none;

}

.slide2_swiper .cake:hover .look{

	display: block;

}



.slide2_swiper{

	width: 100%;

}





.slide_wr{

	position: relative;

    height: 300px;

    z-index: 1;

}



.slide2_swiper{

	position: absolute;

	top: 0;

	left: 200%;

	width: 100%;

}



.left0{

	left: 0;

}





























.slide2_pagi{

	position: absolute;

	bottom: 10%;

	left: 10%;

	overflow: hidden;

	z-index: 2;

}

.pc_slide2_prev{

    width: 40px;	

    float: left;

    cursor: pointer;

}

.pc_slide2_next{

margin-left: 30px;

    width: 40px;

    float: left;

    cursor: pointer;

}

 .piga{

    float: left;

    line-height: 40px;

    font-size: 21px;

    margin-left: 32px;

    font-weight: bolder;

}







.swiper2_pop{

	position: absolute;

	top: 0;

	left: 500%;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.8);

	z-index: 99999;

	

}

.left{

	left: 0;

}

#swiper2_inner{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 50%;

	height: auto;

}

#swiper2_inner .swiper-slide img{

	width: 100%;

}





.swiper2_pop .left{

	position: absolute;

    top: 50%;

    left: 20%;

    transform: translateY(-50%);

    width: 4%;

    cursor: pointer;

}



.swiper2_pop .right{

	position: absolute;

    top: 50%;

    right: 20%;

    transform: translateY(-50%);

    width: 4%;

    cursor: pointer;

    

}



.swiper2_pop .close{

	position: absolute;

    top: 9%;

    right: 20%;

    width: 3%;

    cursor: pointer;

    

}





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

	.video-items{

		    top: 30%;

	}

	.pc_slide2_inner .info{

		    margin: 3% auto 3%!important;

	}
	.page_tits{

		font-size: 16px;

	}

	.page_tits .cn{

		font-size: 20px;

	}
}

.slide2_inner{

	display: none;

}



.pc_slide2_inner{

	width: 80%;

	position: absolute;

	top: 22%;

	left: 0;

	right: 0;

	margin: 0 auto;

}



.tabs2{

	overflow: hidden;

    width: 32%;

    margin-left: 18%;

}

.tabs2 .act{

	color: black;

}

.tabs2 .act i{

	background: black;

}

.tab2{

	cursor: pointer;

	float: left;

	width: 25%;

	line-height: 2;

	text-align: center;

	font-size: 18px;

	color: white;

	box-sizing: border-box;

	position: relative;

}

.tab2 span{

	display: inline-block;

	font-size: 22px;

}

.tab2 i{

	display: block;

    width: 17px;

    height: 2px;

	background: transparent;

	margin-top: 0px;

}

.tab2:after{

	content: '';

	width: 1px;

	height: 14px;

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	margin: auto ;

	background: white;

}

.pc_slide2_inner  .info{

	text-indent: 2em;

    line-height: 1.5;

    margin-top: 3%;

    font-size: 18px;	

    margin: 5% auto 5%;

} 







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

	

	.aboutus .close {

    position: absolute;

    top: 1%;

    right: 1%;

    width: 10%;

    line-height: 1;

    cursor: pointer;

    font-weight: normal;

}

	

	.page_tits{

	position: absolute;

    top: 4%;

    left: 25%;

    /* right: 0; */

    width: 50%;

    color: white;

    font-size: 15px;

    font-weight: bolder;

    z-index: 99;

    text-align: center;

		

	}

	.logo-fis,

	.tabs,

	.tit_2,.goshop{

		display: none;

	}

	

	.ph-pop,.ph-goshopa,.slide2_inner{

		display: block;

	}

	

	.ph_tit2 {

		display: block;

		margin: 5% auto 2%;

		width: 25%;

	}

	.slide2_inner .tit {

		width: 100%!important;

		text-align: center;

		font-size: 16px!important;

		margin-bottom: 2%;

	}

	.pc_name i {

		font-size: 16px;

	}

	.pc_area i {

		font-size: 16px;

		line-height: 1;

	}

	.last_top .sub_pet i {

		font-size: 16px;

		height: 16px;

	}

	.last_top .sub_pet {

		height: 13%;

	}

	.last_top .pc_area {

		height: 22%;

	}

	.xy-tabs {

		margin: 2% 0;

	}

	.last_top textarea {

		text-indent: 4em;

	}

	#video-banner {

		display: none;

	}

	.ph-banimg {

		display: block;

	}

	.gotop-btn {

		width: 9%;

	}

	.aboutus p {

		font-size: 13px;

		color: #FDFDFD;

	}

	.ph-pop {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, .5);

		color: white;

		z-index: 99999;

		display: none;

	}

	.ph-pop .close {

		position: absolute;

		top: 10%;

		right: 10%;

		font-size: 16px;

		line-height: 1;

	}

	.ph-pop .inner {

		position: absolute;

		top: 50%;

		left: 50%;

		-webkit-transform: translate(-50%, -50%);

		transform: translate(-50%, -50%);

		width: 40%;

		text-align: center;

	}

	.ph-pop p {

		line-height: 2.5;

		font-size: 16px;

	}

	.ph-pop img {

		width: 100%;

		height: 50%;

	}

	.pc-cont {

		display: none;

	}

	.more {

		display: none;

	}

	.ph-cont {

		display: block;

	}

	.pet-classify {

		display: none;

	}

	.ph-bannertxt {

		display: block;

		position: absolute;

		top: 31%;

		left: 0;

		right: 0;

		margin: 0 auto;

		width: 71%;

		z-index: 99999;

	}

	.ph-logo {

		position: fixed;

		top: 3%;

		left: 12.5%;

		width: 13.6%;

		z-index: 999;

	}

	.ph-navbtn {

		position: fixed;

		top: 4%;

		right: 10%;

		width: 11%;

		z-index: 999;

	}

	.ph-nav {

		display: none;

	}

	.ph-goshop {

		position: fixed;

		bottom: 17%;

		right: 0;

		width: 14%;

		z-index: 99999;

	}

	.next-btn {

		display: block;

		position: absolute;

		bottom: 2%;

		width: 8%;

		left: 0;

		right: 0;

		margin: 0 auto;

		z-index: 99999;

		-webkit-animation: bors 1.5s infinite alternate;

		animation: bors 1.5s infinite alternate;

	}

	@-webkit-keyframes bors {

		from {

			opacity: 1;

			bottom: 2%;

			-webkit-transform: scale(1);

			transform: scale(1);

		}

		to {

			opacity: 0.7;

			bottom: 0.9%;

			-webkit-transform: scale(0.8);

			transform: scale(0.8);

		}

	}

	@keyframes bors {

		from {

			opacity: 1;

			bottom: 2%;

			-webkit-transform: scale(1);

			transform: scale(1);

		}

		to {

			opacity: 0.7;

			bottom: 0.9%;

			-webkit-transform: scale(0.8);

			transform: scale(0.8);

		}

	}

	.jy-classify {

		display: none;

	}

	.ph-nav {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, .9);

		z-index: 999999;

	}

	.ph-nav .close {

		position: absolute;

		top: 3%;

		right: 6%;

		width: 14%;

	}

	.ph-nav .nav {

		position: absolute;

		top: 13%;

		left: 0;

		right: 0;

		margin: 0 auto;

		width: 70%;

		height: 65%;

	}

	.ph-nav .nav img {

		display: block;

		/* width: 100%; */

		/* margin-bottom: 10%; */

		height: 9%;

		margin: 10% auto 0;

	}

	.pet-tabs {

		position: absolute;

		top: 5%;

		/* right: 0%; */

		left: 0%;

		font-size: 19px;

		line-height: 1;

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

	.pet-tabs i {

		display: block;

		/* margin-top: 11px; */

		width: 23px;

		height: 3px;

		margin: 8px auto 0;

	}

	.pc-jybg {

		display: none;

	}

	.ph-jybg {

		display: block;

		width: 100%!important;

	}

	.inners {

		width: 85%;

		height: 100%;

		margin: 0 auto;

		position: relative;

	}

	.pc-xy {

		display: none;

	}

	.ph-xy {

		display: block;

	}

	.ph-xybg {

		width: 100%!important;

	}

	.video-tit {

		display: none;

	}

	.ph-videotit {

		display: block;

		position: absolute;

		top: 5%;

		left: 0;

		right: 0;

		width: 33%;

		margin: 0 auto;

	}

	.video-items {

		position: absolute;

		top: 23%;

		left: 4%;

		width: 92%;

		/* height: 71%; */

	}

	.video-item .video-js {

		width: 100%!important;

		height: 72%!important;

	}

	.video-item .video-txt {

		width: 100%;

		height: 18%;

		border: none;

		text-align: center;

		position: relative;

	}

	.video-item .v-height {

		height: 10%;

	}

	.video-item .video-txt i {

		position: absolute;

		top: 0;

		bottom: 0;

		left: 0;

		right: 0;

		font-size: 18px;

		line-height: 1;

		height: 18px;

		margin: auto 0;

	}

	.video-items .video-item .vjs-big-play-button {

		font-size: 12px!important;

		width: 1em;

		height: 1em;

	}

	.video-cake {

		float: left;

		width: 48%;

		margin-right: 4%;

		position: relative;

	}

	.video-cake:nth-of-type(2) {

		margin-right: 0;

	}

	.video-cake:nth-of-type(3) {

		margin-right: 4%;

	}

	.video-cake:nth-of-type(4) {

		margin-right: 0;

	}

	.video-cake:nth-of-type(6) {

		margin-right: 0;

	}

	.vid-wrap {

		position: absolute;

		top: 50%;

		left: 50%;

		-webkit-transform: translate(-50%, -50%);

		transform: translate(-50%, -50%);

		width: 100%;

	}

	.msg-bg,

	.msg-txt {

		display: none;

	}

	.ph-msgbg,

	.ph-msgtxt,

	.ph-erw {

		display: block;

	}

	.ph-msgtxt {

		position: absolute;

		left: 0;

		right: 0;

		top: 4%;

		width: 16%;

		margin: 0 auto;

	}

	.ph-msgbg {

		position: absolute;

		right: -8%;

		bottom: 0%;

		width: 30%;

		z-index: 2;

	}

	.last_top .from {

		position: absolute;

		top: 0%;

		 bottom: 0!important; 

		left: 0%;

		/* right: 0; */

		 margin: auto!important; 

		width: 100%;

		padding: 0 15%;

		height: 56%;

		box-sizing: border-box;

		z-index: 999999;

	}

	.adrBg{

		background: rgba(0,0,0,.5);

	}

	.ph-erw {

		position: absolute;

		bottom: 10%;

		left: 15%;

		width: 70%;

	}

	.video-cake .txt {

		padding: 3% 0;

		font-size: 18px;

		border-bottom: 1px solid #C0C0C0;

		margin-bottom: 4%;

		text-align: center;

	}

	.aboutus {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, .9);

		z-index: 888888;

		display: none;

	}

	.aboutus .tit {

		font-size: 20px;

		line-height: 1.5;

		margin-bottom: 5%;

	}

	.aboutus .inner {

		width: 78%;

	}

	.aboutus h6 {

		font-size: 17px;

		padding-top: 4%;

		padding-bottom: 5%;

		font-weight: normal;

	}

}



.adr-from {

	position: fixed;

	top: 9%!important;

	height: 100%!important;

	z-index: 999999;

}





/*第二屏改版*/





.slide2_inner .tit {

	width: 80%;

	text-align: center;

	font-size: 22px;

	margin-bottom: 2%;

}



.slide2_inner .tit div {

	display: inline-block;

	cursor: pointer;

}



.slide2_inner .tit span {

	line-height: 1;

	display: inline-block;

	border-right: 1px solid white;

	padding-right: 30px;

	margin-right: 30px;

}



.slide2_inner .tit i {

	width: 20%;

	height: 2px;

	background: transparent;

	margin-top: 5%;

	display: block;

}



.slide2_inner .tit .act {

	color: black;

}



.slide2_inner .tit .act i {

	background: black;

}



.slide2_inner .info {

	text-indent: 2em;

	line-height: 1.5;

	font-size: 20px;

	margin: 6% 0 8%;

	text-align: justify;

}



.slide2_inner .cake_w {

	width: 100%;

	overflow: hidden;

}



.slide2_inner .cake_in {

	width: 200%;

}



.slide2_inner .cake {

	float: left;

	width: 22%;

	margin-right: 4%;

	position: relative;

	cursor: pointer;

}



.slide2_inner .cake:nth-last-child(4n+1) {

	margin: 0;

}



.slide2_inner .cake img {

	width: 100%;

}



.slide2_inner .cake span {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: rgba(0, 0, 0, .5);

	opacity: 0;

}



.slide2_inner .cake:hover span {

	-webkit-transition: opacity .5s ease-in;

	transition: opacity .5s ease-in;

	opacity: 1;

}



.slide2_inner .cake b {

	position: relative;

	display: block;

	width: 80%;

	margin: 0 auto;

	padding: 4% 0;

	overflow: hidden;

	padding-left: 10px;

}



.slide2_inner .cake .line_s {

	position: absolute;

	width: 2px;

	height: 20px;

	background: #B5113A;

	top: 0;

	bottom: 0;

	left: 0;

	margin: auto;

}



.slide2_inner .cake .cn {

	font-size: 20px;

	line-height: 1.5;

	display: block;

}



.slide2_inner .cake .en {

	font-size: 16px;

}



.ph_left2,

.ph_right2 {

	display: none;

}



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

	.slide2_inner .tit {

		width: 100%;

	}

	.tit_2 {

		position: absolute;

		top: 13%;

		left: 10%;

		width: 13%;

	}

	.vr-top {

		width: 5%;

		bottom:26% ;

	}

	.vr-bot {

		width: 5%;

		

	}

	.video-tit {

		position: absolute;

		top: 15%;

		left: 8%;

		width: 16%;

	}

	.msg-txt {

		position: absolute;

		top: 19%;

		left: 10%;

		width: 11%;

	}

}



.pagi_p {

	display: none;

}





.ph-logo,.ph-navbtn,.ph-nav{

	display: none;

}





@media only screen and (max-width:1100px ) {
	.last_erw {

    position: absolute;

    top: 24%;

    right: 8%;

    width: 12%;

    text-align: center;

}




}











#fis_ph{

	position: absolute;

	left:200% ;

	top: 0;

	width: 100%;

	height: 100%;

}

#fis_ph .cover{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



#fis_ph .txt{

	position: absolute;

	left: 0;

	bottom: 10%;

	width: 100%;

	opacity: 0;

}



.ani{

	animation: fadein 0.7s ease-in ;

	animation-fill-mode: forwards;

}

@keyframes fadein{
	from{opacity: 0;bottom: 7%;}
	to{opacity: 1;bottom: 10%;}
}







/*#fis_ph .cover{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

}*/



.last_footer .copy{

	display: none;

}

.imgload_z{

	display: none;

}

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

	.last_footer .copy{

		display: block;

		text-align: center;

		color: white;

		width: 100%;

		padding: 2% 0;

    	font-size: 12px;

	}

	

	.last_footer .copy span,.imgload_z{

		display: block;

	}

	.last_footer i{

		display: none;

	}

	.slide2_pagi{

		display: none;

	}

	.slide2_inner .tit i{

		    width: 2em;

	}

	

	.pc_slide2_inner{

		display: none;

	}

	#fis{

		opacity: 0;

	}

	#fis_ph{

		left: 0;

	}

	.video-bg .close{

		font-size: 45px;

	}

	

	.last_erw{

		display: none;

	}

	

	.bg-cover1 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner1.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover2 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner2.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}



.bg-cover4 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner4.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover5 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner5.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover6 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner6.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover7 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner7.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover8 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner8.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover9 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner9.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

.bg-cover10 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../img/ph_banner10.jpg) no-repeat center;

	background-size: cover;

	z-index: -99;

}

	

	

	

	

	

	

	

	

	

	

	

	.ph-logo,.ph-navbtn{

	display: block;

}



	.pagi_p {

		display: block;

	}

	.slide2_inner .tit span {

		line-height: 1;

		display: inline-block;

		padding-right: 10px;

		margin-right: 10px;

	}

	.slide2_inner .tit div:nth-last-child(4n+1) span {

		border: 0;

		margin: 0;

		padding: 0;

	}

	.slide2_inner .info {

		font-size: 12px;

	}

	.slide2_inner .cake {

		width: 80%;

		margin-left: 10%!important;

	}

	.ph_left2,

	.ph_right2 {

		display: block;

	}

	.ph_left2 {

		position: absolute;

		top: 50%;

		left: 0%;

		width: 10%;

		-webkit-transform: translateY(-50%);

		        transform: translateY(-50%);

	}

	.ph_right2 {

		position: absolute;

		top: 50%;

		right: 0%;

		width: 10%;

		-webkit-transform: translateY(-50%);

		        transform: translateY(-50%);

	}

	

	.slide2_inner .tit {

		padding: 0 10%;

		-webkit-box-sizing: border-box;

		        box-sizing: border-box;

		        margin-bottom: 4%;

	}

	.slide2_inner .info {

		padding: 0 10%;

		-webkit-box-sizing: border-box;

		        box-sizing: border-box;

	}

	.slide2_inner {

		position: absolute;

		top: 20%;

		left: 0;

		right: 0;

		width: 100%;

		height: 100%;

		color: white;

		-webkit-box-sizing: border-box;

		        box-sizing: border-box;

	}

	.swiper_wraps{

		position: relative;

		width: 100%;

		height:50%;

	}

	.jySwiper  .swiper-slide img {

		margin: 0 auto;

		width: 100%;

	}

	

	.jySwiper{

		position: absolute;

		left: 200%;

		top: 0;

		width: 80%;

		height: auto!important;

	}

	

	.leftZ{

		left: 10%;

	}



	

	.slide2_inner .cake span {

		opacity: 1;

	}

	.slide2_inner .cake .cn {

		font-size: 12px;

	}

	.slide2_inner .pagi_p {

		text-align: center;

		font-size: 16px;

		line-height: 2;

	}

	.slide2_inner .pagi_p span {

		font-weight: bold;

	}

	.slide2_inner .pagi_p i {

		margin: 0 1%;

	}

	.vr_tit {

		z-index: 99999;

		text-align: center;

		color: white;

		font-size: 30px;

		margin-top: 10%;

		position: relative;

		bottom: 0;

		left: 0;

	}

	.vr-top {

position: absolute;

    bottom: 26%;

    left: 5%;

    width: 10%;

    cursor: pointer;

    z-index: 90;

	}

	.vr-bot {

    position: absolute;

    bottom: 18%;

    left: 5%;

    width: 10%;

    cursor: pointer;

    z-index: 90;

	}

}