body {
  font-size: 14px;
  background: #fff;
}

.imgauto img {width: 100%;}
.boxt img {max-width: 100%; height: auto;margin: 0 auto;}
.boxt .more {
  float: right;
  vertical-align: bottom;
}
.bg{ background: url(../image/pic_03.jpg) no-repeat; width:100%; overflow: hidden; }
.more {margin-top:15px;}
.more,.more a {color: #666; cursor: pointer;}
.borderb {
  margin-bottom: 15px;
  border-bottom: 1px solid #bbb;
}
.inner {
  padding: 20px; overflow: hidden;
}
.cols-inblock {
  font-size: 0;
}
.cols-inblock > div {
  display: inline-block;
}
.cols-3 > div {
  width: 31.8%; min-height: 80px;
}
.cols-3 > div.item-1 {
  margin-left: 2.3%; margin-right: 2.3%;
}
.back {
  background: url("../image/box_bg.jpg") repeat;
}
.flexBox {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
}
.wrapper li > a > img {
	width: 100%; height: auto;
}

.banner_m {display: none;}

.top img {width: 100%;}

.box1 {padding-top: 25px;padding-bottom: 25px;}

/* box2 */
.box2 .cols-3 {line-height: 0;}
.box2 .cols-3 > div {margin-bottom: 20px;overflow: hidden;float: left;}
.pet-images {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  border-radius: 10px;
  width: 100%;
}
.pet-images > img {width: 100%; height: auto;}
.pet-images::before,
.pet-images::after,
.pet-images .content-box,
.pet-images .content-box h3,
.pet-images .content-box p,
.pet-images .content-box a {
	-webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.pet-images::before {
	background-color: #eb6161;
  bottom: 0;
  content: " ";
  display: inline-block;
	left: -20px;
	width: 80%;
  position: absolute;
  right: 0;
  top: -104%;
	-webkit-transform: skewX(129deg);
  transform: skewX(129deg);
}
.pet-images::after {
	background-color: rgba(244,64,39,0.50);
  bottom: 0;
  content: "";
  display: inline-block;
	left: -20px;
	width: 80%;
  position: absolute;
  right: 0;
  top: -99%;
	-webkit-transform: skewX(129deg);
  transform: skewX(129deg);
}
.pet-images.bgcolor-green::before {
	background-color: #47b6a6;
}
.pet-images.bgcolor-green::after {
	background-color: rgba(51,161,143,0.5);
}
.pet-images.bgcolor-yellow::before {
	background-color: #b5a546;
}
.pet-images.bgcolor-yellow::after {
	background-color: rgba(255,190,1,0.5);
}
.pet-images.bgcolor-blue::before {
	background-color: #4793b5;
}
.pet-images.bgcolor-blue::after {
	background-color: rgba(49,120,152,0.5);
}
.pet-images.bgcolor-blue1::before {
	background-color: #9bcfe4;
}
.pet-images.bgcolor-blue1::after {
	background-color: rgba(90,159,187,0.5);
}
.pet-images .content-box {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: 1;
	text-align: left;
}
.pet-images .content-box h3 {
	margin-top: 0;
	line-height: 1.6;
	height: 55px;
	border-bottom: 1px solid transparent;
	position: relative;
}
.pet-images .content-box h3 img {
	opacity: 0.6;
}
.pet-images .content-box h3 img.tra {
  -webkit-transform:rotateZ(-39deg);
	transform: rotateZ(-39deg);
	margin-top: -30px;
  margin-left: 10px;
}
.pet-images .content-box p {
	color: #fff;
	text-align: left;
	padding-top: 8px;
	line-height: 1.6;
	opacity: 0;
}
.pet-images .content-box a {
	float: right;
	font-size: 12px;
	opacity: 0;
}
.pet-images.active .content-box {
	left: 18px;
	right: 18px;
}
.pet-images.active::after {
	opacity: 0;
}
.pet-images.active::before {
	background-color: #eb6161;
	transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	opacity: 0.9;
}
.pet-images.active::before,
.pet-images.active::after {
	width:107%;
}
.pet-images.bgcolor-green.active::before {
	background-color: #47b6a6;
}
.pet-images.bgcolor-yellow.active::before {
	background-color: #b5a546;
}
.pet-images.bgcolor-blue.active::before {
	background-color: #4793b5;
}
.pet-images.bgcolor-blue1.active::before {
	background-color: #9bcfe4;
}
.pet-images.active .content-box h3 {
	padding: 0;
	padding-left: 15px; padding-right: 15px;
	margin-bottom: 0;
	border-bottom-color: rgba(255,255,255,0.2);
}
.pet-images.active .content-box h3 img,
.pet-images.active .content-box p,
.pet-images.active .content-box a {
	opacity: 1;
}
.pet-images.active .content-box h3 img {
	display: inline;margin: 0;
}
.pet-images.active .content-box h3 img.tra {
  -webkit-transform:rotateZ(0);
	transform: rotateZ(0);
}

.box2_1 {
	background: url("../image/box2_g2_b1.jpg") no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.box2_1 .contbox {
	width: 80%;
	margin: 0 auto;
	margin-top: 7px;
	height: 146px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 -6px 0 #9bcfe4;
	display: none;
}
.box2_1 .tabbox {
	margin-top: 20px;margin-bottom: 35px;
	margin-left: 0; margin-right: 0;
	font-size: 0; text-align: center;
}
.box2_1 .tabbox > div {
	width: 15%; min-width: 120px;
	margin-left:1%;
	font-size: 18px;
	text-align: center;
	font-family: '\9ed1\4f53',Arial;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	-webkit-transform: skewX(35deg);
	transform: skewX(35deg);
	overflow: hidden;
	cursor: pointer;
}
.box2_1 .tabbox > div.blue {
	background-color: #475866;
}
.box2_1 .tabbox > div.green {
	background-color: #4cb7a3;
}
.box2_1 .tabbox > div.red {
	background-color: #eb6161;
}
.box2_1 .tabbox > div span {
	display: block;
	-webkit-transform: skewX(-35deg);
	transform: skewX(-35deg);
}
.box2 .flex-col-l {
	flex: 1;
	-webkit-box-flex: 1;
}
.box2 .flex-col-r {
	width:200px;
	text-align: right;
}
.box2 .flex-col-r .h5box {
	position: relative;
	width: 188px;
	float: right;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.box2 .flex-col-r .h5box .btn {
	bottom: 35%;
	left: 50%;
	width: 30%;
	margin-left: -15%;
	animation-iteration-count: infinite;
	animation-name: tada;
	cursor: pointer;
}
.box2 .flex-col-r .h5box .txt {
	bottom: 24%;
	color: #fff;
	text-align: center;
	left: 50%; margin-left: -60px;
	width: 121px; height: 28px; line-height: 28px;
	background: url("https://webapp.yunnan.cn/new/s/2018/hy/xichou/img/img07.082c8daa.png") no-repeat center center;
	background-size: 100% 100%;
}
.box2 .flex-col-r .h5box .txt span {
	color: #b71912;
	font-size: 20px;
	font-family: cursive;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.box2 .flex-col-r .h5box .link {
	width: 64%; height: auto;
	bottom: 12%; left: 18%;
}

.box3 {
	padding: 15px 0;
}
.box3 .cols-left {
	width:67%;
}
.box3 .cols-left video {
	width:100%;
}
.box3 .cols-right {
	width: 30%;
}
.box3 .right {
	height: 450px;
	background-color: #e7e6e4;
}
.box3 .container .prevClass-v {
	display: none;
}
.box3 .container .nextClass-v {
	display: none;
}
.box3 .right .inner {
	position: relative;
	padding-top: 25px; padding-bottom: 25px;
}
.box3 .right .prevClass-v {
	top: 0; height: 20px;
}
.box3 .right .nextClass-v {
	bottom: 0;height: 20px;
}
.box3 .right .container .prevClass,
.box3 .right .container .nextClass {
    display:none;
}

.box4 {
	padding-top: 15px;
}
.box4 .flexBox {
	border-radius: 5px;
	padding-right: 30px;
	background-color: #c8ac7a;
	box-sizing: border-box;
}
.box4 .flex-col-l {
	width: 229px;
}
.box4 .flex-col-r {
	flex: 1;
	margin-top: 25px; margin-bottom: 25px;
	border-left: 2px solid #804e21;
	border-right: 2px solid #804e21;
}
.box4 .flex-col-r .container {
   margin-left:25px; margin-right:25px;
}

.box5 {
	padding: 15px 0;
}
.box5 .cols-imgs-block > div {
	width: 241px;
	margin-left: 12px;
}
.box5 .cols-imgs-block > div.item-0 {
	margin-left:0;
}
.box5 .cols-imgs-block > div .title {
	position: static;
	padding:10px;
	background-color: #f7f6f2;
	box-sizing: border-box;
}
.box5 .cols-imgs-block > div .title,
.box5 .cols-imgs-block > div .title a {
	color: #666;
}
.box5 .cols-imgs-block > div .title a {
	font: 20px/1.42 '\9ed1\4f53',Arial;
}
.box5 .cols-imgs-block > div .title p {
	text-align: left;
	font-size: 14px;
	text-align: justify;
}

.box6 .llpl {overflow: hidden;}
.box6 .block-first-news {
	float: left;
	width: 48.5%;
	height: 125px;
	padding:10px;
	background-color: #fff;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.box6 .block-first-news.block-1 {
	float: right;
}

.box7 {
	background-color: #b29378;
}
.cols-imgs-block > div {float:left;}
@media screen and (max-width: 414px) {
	.inner {padding: 15px;}
	.box2 .cols-3 > div {
		float: none;
	}
	.box2 .flex-col-r {
		width: 100%;text-align: center;
	}
	.box2 .flex-col-r .h5box {margin: 0 auto;float: none;}
	.cols-3 > div {
		width: 100%;
	}
	.cols-3 > div.item-1 {margin-left: 0;margin-right: 0;}
	.pet-images.active .content-box h3 {padding: 0;}

	.flexBox {
		flex-direction: column;
	}
	.flex-col-r {
		text-align: center;
	}
	.box2_1 .contbox {width: 94%; height: auto;}
	.box2_1 .tabbox > div {margin-bottom: 5px;}
	.box2_1 .tabbox > div,
	.box2_1 .tabbox > div span {
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
	}

	.box3 .cols-left,
	.box3 .cols-right {
		float: none;
		width:100%; height: auto;
	}

	.box4 .flexBox {
		padding-right: 0;
	}
	.box4 .flex-col-r {
		margin: 10px auto;
		border: none;
		margin-bottom: 15px;
	}
	.banner {
		display: none;
	}
	.banner_m {display: block;}
	.box5 .cols-imgs-block > div {width: 100%;margin-left: 0;}
	.box6 .block-first-news {
		float: none;
		width: 100%;
		height: auto;
		padding:10px;
		background-color: #fff;
		margin-bottom: 5px;
		box-sizing: border-box;
	}
	.box6 .block-first-news.block-1 {
		float: none;
	}
	.cols-imgs-block > div {float:none;}
}
.cols-imgs-block > div img {
	max-width: 100%; height: auto;
}

.animateBox {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	margin: 28px 0 28px 17px;
}
.animateBox .item {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	height: 306px; width: 65px;
	margin-left: 2px;
}
.animateBox .item:first-child {
	margin-left: 0; width: auto;
}
.animateBox .tab {
	width: 65px;
	color: #fff;
	background-color: #b69347;
	cursor: pointer;
}
.animateBox .tab .text {
	width: 100%; min-width: 65px; height: 100%;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	align-items: center;
}
.animateBox .tab h2 {
	width: 1em;
	font-size: 24px;
	line-height: 1.2;
	margin-top: 5em;
	margin-right: 6px;
	word-wrap: break-word;
}
.animateBox .tab h4 {
	width: 1em;
	font-size: 18px;
	line-height: 1.2;
	word-wrap: break-word;
	font-family: '\9ed1\4f53',Arial;
}
.animateBox .tab-cont {
	width: 602px; height: 306px;
	background: url("../image/box8_b1.jpg") no-repeat;
	overflow: hidden;
}
.animateBox .active .tab {
	width: 112px;
	background-color: #eb6161;
}
.animateBox .active .tab h2 {font-size: 32px;margin-top: 4em;}
.animateBox .active .tab h4 {font-size: 20px;}
.animateBox .active .tab .text {
	position: relative;
	width: 100%;
}
.animateBox .active .tab .text:before {
	content: '';
	display: block;
	width: 147px;
	height: 26px;
	position: absolute;
	left: -17px;
	top: -26px;
	background: transparent url("../image/box8_b2_t.jpg") no-repeat center top;
	z-index: 1;
}
.animateBox .active .tab .text:after {
	content: '';
	display: block;
	width: 147px;
	height: 28px;
	position: absolute;
	left: -17px;
	top: auto;
	bottom: -28px;
	background: transparent url("../image/box8_b2_d.jpg") no-repeat center top;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.animateBox {
		margin: 0;
		flex-direction: column;
	}
	.animateBox .item {
		flex-direction: column;
		height: auto; width: auto;
		margin: 0;
		margin-top: 1px;
	}
	.animateBox .tab,
	.animateBox .active .tab {
		width: 100%; padding: 5px 10px;
		box-sizing: border-box;
	}
	.animateBox .tab h2,
	.animateBox .active .tab h2,
	.animateBox .tab h4,
	.animateBox .active .tab h4 {
		margin-top: 0;
		width: 100%; line-height: 1.5em;
	}
	.animateBox .tab h2 {
		font-size: 20px; text-align: right;
	}
	.animateBox .active .tab h2 {
		font-size: 24px;
	}
	.animateBox .active .tab h4 {
		font-size: 18px;
	}
	.animateBox .tab .text {
		flex-direction: column;
		height: auto;
	}
	.animateBox .active .tab .text:before,
	.animateBox .active .tab .text:after {
		width: 0;height: 0;display: none;
	}
	.animateBox .tab-cont {
		width: 100%; height: auto;
		background-position:center center;
		overflow: hidden;
	}
}

.box9 {
	padding: 15px 0;
}
.box9 .cols-imgs-block > div {
	width: 241px;
	margin-left: 12px;
}
.box9 .cols-imgs-block > div.item-0 {
	margin-left:0;
}
.box9 .cols-imgs-block > div img {
	width: 100%; height: auto;
}
.box9 .cols-imgs-block > div .title {
	position: static;
	padding:10px;
	box-sizing: border-box;
	background-color: transparent;
}
.box9 .cols-imgs-block > div .title,
.box9 .cols-imgs-block > div .title a {
	color: #666;
	font: 16px/1.42 '\9ed1\4f53',Arial;
}

.box10 {
	padding-bottom: 30px; background: #25b89f;
}
.box10 .swiper-box-4 {
	margin: 15px 0;
}
.wb {margin-top: 35px;}
.foot {
	margin-top: 35px;
	background-color: transparent;
}

.prevClass-v,
.nextClass-v {
	height: 32px;
}
@media screen and (max-width: 414px) {
	.box9 .cols-imgs-block > div {
		float: left;
		width: 49%;
		margin-left: 0;
	}
	.box9 .cols-imgs-block > div.item-1,
	.box9 .cols-imgs-block > div.item-3 {
		margin-left: 2%;
	}
}
.dlnew{background: #f3f4f5; opacity: 0.8; margin: 1%;  float: left; width: 46%; padding: 1% }<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2018-11-08 10:11:25" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->