* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
.chengg{
	width:100%;
	height:1px;
	background:none;
}
html,
body {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	width: 100%;
	height: 100%;
}

input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input::-webkit-input-placeholder {
	color: rgba(117, 67, 44, .6);
	font-size: 0.9rem;
	line-height: 2.5rem;
	position: relative;
	top: -0.1rem;
}

.ani {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}

.ani2 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.hidden {
	display: none;
}
/*loading动画*/
.loading{
    width: 100%;
    height: 100%;
    background-color: #e5e5cc;
    position: absolute;
    overflow: hidden;
    top:0;
    z-index:3;
}
.loading .m_loading{
	width:6.6875rem;
	position:relative;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	margin:0 auto 0;
	overflow: auto;
}
.loading .m_loading .img_loading{
	width:6.6875rem;
	height:8rem;
	overflow: hidden;
	position:relative;
}
.loading .m_loading .img_loading img{
	display: none;
}
.loading .m_loading .img_loading img.active{
	display: block;
}
.loading .m_loading {
	font-size:0.75rem;
	color:#95956d;
	margin-top:1rem;
	text-align: center;
}
.swiper-container{
	    height: 100%;
    position: relative;
    top: 0;
    z-index:2;
}
.swiper1{
	width:100%;
	height:100%;
	background:url(../images/bg1.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
}
.slogan{
	display: block;
	width:17.90625rem;
	height:11.25rem;
	position:absolute;
	left:50%;
	margin-left:-8.953125rem;
	top:0.625rem;
}
.btn{
	display: block;
	width:17.46875rem;
	height:6.15625rem;
	position:absolute;
	bottom:0;
	left:1.325rem;
}
.swiper2{
	width:100%;
	height:100%;
	background:url(../images/bg2.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
}
.swiper2 ul{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.swiper2 ul li{
	display: none;
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.swiper2 ul li .li_title{
	width:10.8rem;
	height:1.25rem;
	margin:2.8rem 0 0 0.9375rem;
}
.swiper2 ul li .li_title img{
	display: block;
	width:8.96875rem;
	height:100%;
	float:left;
}
.swiper2 ul li .li_title span{
	display: block;
	font-size:0.9375rem;
	float:left;
	line-height:1.25rem;
	margin-left:.5rem;
	color:#ff0049;
	font-weight:bold;
}
.swiper2 ul li.active{
	display: block;
}
.ques_des{
	width:16.875rem;
	font-size:0.875rem;
	color:#000;
	line-height:1.5rem;
	overflow: hidden;
	margin:.5rem 0 0 1rem;
}
.ques_con{
	width:16.375rem;
	position:relative;
	overflow: hidden;
	margin:-.5rem 0 0 0.9375rem;
}
.li5 .ques_con{
   	margin:-0.5rem 0 0 0.9375rem;
}
.ques_con .ques_txt{
	width:100%;
	height:2.625rem;
	background-color:#dbdbc5;
	position:relative;
	margin-top:0.825rem;
	font-size:0.875rem;
	line-height:2.625rem;
	color:#353518;
	border-radius: 1.5rem;
}
.ques_con .ques_txt span{
	display: block;
	width:1.40625rem;
	height:1.3125rem;
	float:left;
	overflow: hidden;
	margin:0.7rem 0 0 0.875rem;
}
.ques_con .ques_txt.active span img:nth-child(1){
	display: none;
}
.ques_con .ques_txt.active{
	background-color:#d0d0b2;
}
.ques_con .ques_txt span img{
	display: block;
	width:100%;
	height:100%;
}
.ques_con .ques_txt.line{
	line-height:1rem;
}
.ques_con .ques_txt.line i{
	margin-top:.35rem;
}
.ques_con .ques_txt i{
	width:12.34375rem;
	font-style: normal;
	margin-left:.4rem;
	float:left;
}
.btn_2{
	width:17.6875rem;
	height:6.46875rem;
	position:absolute;
	left:0.5rem;
	bottom:-0.5rem;
	z-index:2;
}
.swiper3{
	width:100%;
	height:100%;
	background:url(../images/bg3.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
}
.swiper3 .dog_logo{
    width: 1.625rem;
    height: 1.5625rem;
    display: block;
    position: absolute;
    top: 0.8rem;
    right: 1rem;
    display: none;
}
.label{
	width:18.75rem;
	height:3.625rem;
	position:relative;
	margin:2.375rem 0 0 0.25rem;
}
.label img{
	display: none;
}
.label img.active{
	display: block;
}
.swiper_p{
	width:16.9375rem;
	overflow: hidden;
	position:relative;
	margin:0.9rem 0 0 1.1875rem;
}
.swiper_p p{
	font-size:0.875rem;
	color:#141405;
	line-height:1.6875rem;
	display: none;
}
.swiper_p p.active{
	display: block;
}
.pp_img{
	width:19.75rem;
	position:relative;
	margin:-0.6rem auto 0 auto;
}
.pp_img img{
	width:19.75rem;
	display: none;
}
.pp_img img.active{
	display: block;
}
.pp_img img.ewm{
	display: block;
    width: 4.3rem;
    position: absolute;
    height: 4.3rem;
    top: 5.8rem;
    left: 1.45rem;
    transform: skew(-7deg,0deg);
    -webkit-transform: skew(6deg,-7deg);
}
.btn_l{
	width:100%;
	height:3.3125rem;
	overflow: hidden;
	position:absolute;
	left:0;
	bottom:0.625rem;
	display: flex;
	z-index:25;
	display: -webkit-flex;
	justify-content: space-around;
}
.btn_l img{
	display: block;
	width:9rem;
	height:100%;
}
.tc{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background-color:rgba(0,0,0,.8);
	display: none;
}
.jp_img1{
    width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	opacity: 0;
}
.changan{
	width:100%;
	height:2rem;
	position: absolute;
	top:0;
	z-index:21;
	color: #fff;
	font-size: 0.75rem;
	line-height: 2rem;
	text-align: center;
	background: rgba(0,0,0,.6);
}
.share_bg{
    width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:url(../images/share_bg.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}
.c_tc{
	width:19.75rem;
	height:21rem;
	background:url(../images/tc.png?1.2) no-repeat center;
	background-size:100% 100%;
	position:relative;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.c_tc img{
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 14.15rem;
    left: 9.75rem;
}
.close{
	display: block;
	width:3.3125rem;
	height:3.3125rem;
	position:absolute;
	right:0.3125rem;
	top:2.1875rem;
}


/*音乐*/
.music_play {
	position: absolute !important;
	width: 2.0rem;
	height: 2.0rem;
	right: 1rem;
	top: 0.8rem;
	display: block;
	background: url(../images/play.png) no-repeat;
	background-size: 100% 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	animation: xuanzhuan 6s linear infinite;
	-webkit-animation: xuanzhuan 6s linear infinite;
	z-index: 99;
}

.music_play.active {
	position: absolute !important;
	width: 2.0rem;
	height: 2.0rem;
	right: 1rem;
	top: 0.8rem;
	display: block;
	background: url(../images/pause.png) no-repeat;
	background-size: 100% 100%;
	transition: all 0s;
	-webkit-transition: all 0s;
	animation: xuanzhuan 0s linear infinite;
	-webkit-animation: xuanzhuan 0s linear infinite;
	z-index: 99;
}

@-webkit-keyframes xuanzhuan {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes xuanzhuan {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*横竖屏提示*/

#orientLayer {
	display: none;
}

@media screen and (min-aspect-ratio: 13/9) {
	#orientLayer {
		display: block;
	}
}

.mod-orient-layer {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9997
}

.mod-orient-layer__content {
	position: absolute;
	width: 100%;
	top: 45%;
	margin-top: -75px;
	text-align: center
}

.mod-orient-layer__icon-orient {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
	display: inline-block;
	width: 67px;
	height: 109px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-webkit-animation: rotation infinite 1.5s ease-in-out;
	animation: rotation infinite 1.5s ease-in-out;
	-webkit-background-size: 67px;
	background-size: 67px
}

.mod-orient-layer__desc {
	margin-top: 20px;
	font-size: 15px;
	color: #fff
}