@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0
}
header {
	width: 100%;
	float: left;
}
nav {
	width: 100%;
	float: left;
}
footer {
	width: 100%;
	float: left;
}
body {
	-webkit-text-size-adjust: none;
	background: #fff;
	font-family: "微软雅黑", Arial;
	color: #3c3c3c;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a {
	text-decoration: none;
	border: 0px none;
	outline: 0px none;
}
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
a:active {
	text-decoration: none
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
ul, li, dt, dl, dd {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
p {
	margin: 0px;
	padding: 0px;
}
img {
	width: 100%;
}
.toubu {
	width: 100%;
	position: relative;
}

.con1 .bt .t{width:38%;margin:6% auto 1%;}
.con1 ul{width:100%;margin:0 auto;margin-left: 4%;
    margin-top: 4%;overflow:hidden;display:block;}
.con1 ul li{float:left;width:45%;margin-right:2%;position:relative;margin-top: 2%;}
.con1 ul li p{position: absolute;
    font-size: 0.35rem;
    text-align: center;
    color: #fff;
    left: 13%;
    top: 21%;}
.con1 ul li p span{font-weight:bold;}

.con2{margin-bottom: 7%;}
.con2 .bt .t{width:77%;margin:6% auto 1%;}
.con2left{float: left; width:49.3%; padding: 5% 0 0 4%}
.con2right{float: left; width:40%; padding: 6% 0 0 4%; font-size: .32rem; color: #333; line-height: 1.7em;}
.con2right span{color: #ff0271; font-weight: 700;}
.con2text{position: relative; margin:6% 0;}
.con2text .co{font-size: .4rem; font-weight: 700; color: #fff; text-align: center; width:100%; position: absolute; top:10%;}
.con2 li{float: left; width:22.7%; position: relative; margin-left: 1.8%}
.con2 .pp1{background: #eee; padding: 6% 0; font-size: .28rem; color: #000; line-height: 1.4em;text-align: center}
.con2 .pp2{background: #ab0101; border-bottom-left-radius: .5em;border-bottom-right-radius: .5em; padding: 2% 0; text-align: center; color: #fff; font-size: .26rem; font-weight: 700;}
.con2 .pp3{background: #0c1040; border-bottom-left-radius: .5em;border-bottom-right-radius: .5em; padding: 2% 0; text-align: center; color: #fff; font-size: .26rem; font-weight: 700;}
.con2 .bq{position: absolute; width:13.4%; bottom:-2%; right: 3%;animation:ftimg 1s 0s ease both infinite;}


.case33{position: relative;color: #333; margin: 4% 0 6% }
.case33 h1{font-size: .42rem; text-decoration: underline; position: absolute; top:12%; left:64%;}
.case33 h2{font-size: .42rem; text-decoration: underline; position: absolute; top:15%; left:16%;}
.case33 .co1{font-size: .28rem; line-height: 1.2em; position: absolute; top:19%; left: 64%; width:30%;}
.case33 .co2{font-size: .28rem; line-height: 1.2em; position: absolute; top:32.5%; left: 64%; width:30%;}
.case33 .click{font-size: .36rem; font-weight: 700;  position: absolute; top:42%; left: 54%; width:40%; background: #fcb893; padding:1.5% 0; border-radius: 5em; text-align: center;}
.case33 .co3{font-size: .28rem; line-height: 1.2em; position: absolute; top:21%; left: 16%; width:30%;}
.case33 .co4{font-size: .28rem; line-height: 1.2em; position: absolute; top:32.5%; left: 16%; width:30%;}
.case33 .click11{font-size: .36rem; font-weight: 700;  position: absolute; top:44%; left: 6%; width:40%; background: #fcb893; padding:1.5% 0; border-radius: 5em; text-align: center;}
.case33 .click1{background: -webkit-linear-gradient(0deg, #b40800, #7c0500); width:42%; border-radius: 3em; text-align: center; font-size: .36rem; font-weight: 700; color: #fff; bottom:3%; left: 6%;position: absolute; padding: 2% 0;animation:updown 2s 0s ease both infinite;}
.case33 .click2{background: -webkit-linear-gradient(0deg, #b40800, #7c0500);  width:42%; border-radius: 3em; text-align: center; font-size: .36rem; font-weight: 700; color: #fff;bottom:3%; right: 6%;position: absolute; padding: 2% 0;animation:updown 2.5s 0s ease both infinite;}
.case33 .bq1{position: absolute; width:3.4%; bottom:52%; right:15%;animation:ftimg 1s 0s ease both infinite;}
.case33 .bq2{position: absolute; width:3.4%; bottom:50%; left:34%;animation:ftimg 1s 0s ease both infinite;}
.case33 a{color:#333 }




.ystul{width:98%; margin:5% auto 6%;}
.ystul li{width:31%;float:left; margin-left:1.75%; text-align:center;color:#fff; background:#8a0101; padding:0.5em 0; box-sizing:border-box; cursor:pointer;}
.ystul li i{font-size:0.3rem;  display:block; line-height:1em; font-style:normal;}
.ystul li span{font-size:0.38rem;}
.ystul li.on{ background:#707070;}
#ystswiper{width:94%; margin:3% auto 0; padding-bottom:2%;}
.ystimg{position:relative;display:block; width:100%; position:relative;}
.ystimg .djz{position: absolute;
    background: #ab0101;
    padding: 2% 3%;
    border-radius: 0.65rem;
    color: #fff;
    width: 55%;
    font-size: 0.45rem;
    text-align: center;
    top: 88%;
    left: 22%;
    font-weight: 600;}
.ystimg i{display:block; position:absolute; width:7%; left:20%; bottom:-1%;animation:ftimg 3s 0s ease both infinite;}

.con3{background:#111111;padding-bottom:5%;}
.con3 .bt{padding-top:8%;}
.con4 .nr{position:relative;}
.con4 .nr .qh{position:absolute;width:100%;height:10.45rem;}
.con4 .nr .case{position:absolute;width:78%;margin-left:11%;}
.con4 .nr dt{position: absolute;
    font-size: 0.37rem;
    top: 59.6%;
    left: 7%;
    color: #fff;}
.con4 .nr dd{position:absolute;font-size:0.35rem;width:78%;margin-left:11%;top: 69%;}
.con4 .nr dd span{color:#ab0101;}
.con7 .bt{margin-bottom:6%;}
.con7 .bt .t{width:76%;margin:6% auto 1%;}

.con7 .an{float:left;background: #ab0101; width: 40%;font-size: 0.45rem; text-align: center;font-weight: 600;  border-radius: 0.65rem;padding: 2% 4%;color: #fff;margin-right:3%;}
.con7 .c7{margin-top: 5%;}

.anniu{ position: absolute;
    background: #ab0101;
    padding: 2% 3%;
    border-radius: 0.65rem;
    color: #fff;
    width: 50%;
    font-size: 0.45rem;
    text-align: center;
    top: 88%;
    left: 23%;
    font-weight: 600;}
	
.anniu3{ background: #ab0101;
    padding: 2% 3%;
    border-radius: 0.65rem;
    color: #fff;
    width: 60%;
    font-size: 0.45rem;
    text-align: center;
  margin:5% auto 3%;
    font-weight: 600;}

.con5 .bt .t{width:71%;margin:6% auto 1%;}
.con5 ul{width:94%;margin:0 auto;margin-left: 10%;overflow:hidden;display:bolck;}
.con5 ul li{float:left;width:38%;margin-right:7%;margin-top:5%;}
.con5 ul li p{font-size:0.35rem;text-align:center;margin-top:5%;}

.con55 .bt .t{width:71%;margin:6% auto 1%;}
.cpcon{width:92%; margin: 3% auto;}
.cpcon h1 {
    font-size: 0.38rem;
    display: block;
    padding: 2% 0 1% 0;
}

.cpcon h1 span {
    text-decoration: none;
    color: #ff6f6f;
}
.cpcon h1 font {
    text-decoration: underline;
    color: #333;
}

.cpcon p {
    color: #333;
    font-size: 0.3rem;
    line-height: 1.5em;
}


.con6{ margin-top: 4%}
.con6 li{float: left; width:27%; text-align: center; color: #333; padding: 5% 2% 1% 4%}
.con6 h1{font-size: 0.32rem; padding: 2% 0; line-height: 1.6em }
.con6 h1 span{font-size: 0.3rem; font-weight: normal;}
.con6 .co{padding: 0 1%; font-size: 0.3rem; line-height: 1.4em;}
.con6 li .fgx {width: 40%;margin: 2% auto;height: .04rem;background: #e25b5b;}








 @media(min-width:320px) {
}
@media(min-width:360px) {
}
@media(min-width:375px) {
}
@media(min-width:414px) {
}
@media(min-width:768px) {
}
 @keyframes updown11 {
 0% {
opacity:1;
 transform:translateY(0)
}
 50% {
opacity:1;
 transform:translateY(-5px)
}
 100% {
opacity:1;
 transform:translateY(0px)
}
}
 @keyframes ftimg1 {
 0% {
-webkit-transform:scale(1)
}
 50% {
-webkit-transform:scale(1.05)
}
 100% {
-webkit-transform:scale(1)
}
}
@keyframes ftimg {
 0% {
-webkit-transform:scale(1)
}
 50% {
-webkit-transform:scale(1.1)
}
 100% {
-webkit-transform:scale(1)
}
}
 @keyframes updown {
 0% {
opacity:1;
 transform:translateY(0)
}
 50% {
opacity:1;
 transform:translateY(-10px)
}
 100% {
opacity:1;
 transform:translateY(0px)
}
}
@-webkit-keyframes updown {
 0% {
opacity:1;
 -webkit-transform:translateY(0)
}
 50% {
opacity:1;
 -webkit-transform:translateY(-10px)
}
 100% {
opacity:1;
 -webkit-transform:translateY(0px)
}
}
@-moz-keyframes updown {
 0% {
opacity:1;
 -moz-transform:translateY(0)
}
 50% {
opacity:1;
 -moz-transform:translateY(-10px)
}
 100% {
opacity:1;
 -moz-transform:translateY(0px)
}
}
@-o-keyframes updown {
 0% {
opacity:1;
 -o-transform:translateY(0)
}
 50% {
opacity:1;
 -o-transform:translateY(-10px)
}
 100% {
opacity:1;
 -o-transform:translateY(0px)
}
}
@-ms-keyframes updown {
 0% {
opacity:1;
 -ms-transform:translateY(0)
}
 50% {
opacity:1;
 -ms-transform:translateY(-10px)
}
 100% {
opacity:1;
 -ms-transform:translateY(0px)
}
}
#swiperyst {
	padding-bottom: 9%;
}
