@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body,html{margin:0 auto;-webkit-user-select:none;-ms-user-select: none;-moz-user-select:none;user-select:none;-webkit-touch-callout: none;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal;line-height: 1; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{outline:none}
body,html{margin:0 auto;}
img {border:none;}
* {margin:0;padding:0;text-shadow:none;box-sizing:border-box;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.container{ width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }
body{ overflow-x:hidden}
.w710{width:94.66%;margin:0 auto;}
.flex{display: flex;flex-wrap: wrap;box-pack: justify;justify-content: space-between;align-items:center;text-align: center;}
.translateXY {transform:translate(-50%,-50%);}
.translateY {transform:translateY(-50%);}
.translateX {transform:translateX(-50%);}
.banner em{width:59.73%;top:84%;left:20%;-webkit-animation: pulse2 3s ease-out infinite; animation:pulse2 3s ease-out infinite;}
.container h6{
    font-size:4.8rem;
    color:#333333;
    text-align: center;
    font-weight: bolder;
    line-height: 3.5;
}
@-webkit-keyframes pulse2 {0%,20%,40%,60% {
    transform:scale3d(1, 1, 1)
}
    10%,30%,50% {
        transform:scale3d(1.07, 1.07, 1.07)
    }
}
@-webkit-keyframes pulse { 0%,20%,40%,60% {
    transform:scale3d(1, 1, 1)
}
    10%,30%,50% {
        transform:scale3d(1.07, 1.07, 1.07)
    }
}
@keyframes pulse { 0%,20%,40%,60% {
    transform:scale3d(1, 1, 1)
}
    10%,30%,50% {
        transform:scale3d(1.07, 1.07, 1.07)
    }
}
.box1 {
    padding-bottom :10%
}
.box1 ul,.box2 ul,.box3 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box1 ul li:nth-child(1),.box1 ul li:nth-child(2){
    width:48.3%
}
.box1 ul li,.box2 ul li,.box3 ul li{
    width:31.4%;
    margin:4% 0 6%;
    position: relative;
}
.box1 li a,.box2 li a,.box3 li a{width:50%;font-size:2.6rem;text-align: center;color:#fff;line-height: 2;background-image: linear-gradient( -45deg, rgb(165,7,22) 0%, rgb(138,3,16) 100%);bottom:-13px;left:50%;z-index: 10;position: absolute;border-radius: 26px;transform: translateX(-50%);}

.border60{border-radius: 60px;-webkit-border-radius: 60px;-moz-border-radius: 60px;overflow: hidden;}
.box2 em{width:36.4%;left:31%;top:8.7%;-webkit-animation: pulse2 3s ease-out infinite; animation:pulse2 3s ease-out infinite;}
.box2{
    background-color: #c23943;
}
.box2 h6{
    color: #fff;
    line-height: 4;
}
.box2 ul {
    padding:2% 0 10%
}
.box2 ul li{
    margin:4% 0 2%
}
.box3{
    padding:6% 0 10%;
    background-color: #fff;
}
.box3 h6{
    color: #333333;
    line-height: 1.8;
}
.box3 p{
    font-size:2.4rem;
    color: #666666;
    line-height: 1.4;
    text-align: center;
}
.box3 ul li:nth-child(1){
    width: 100%;
    box-shadow: 0 34px 49px rgba(57,57,57,.17);
}
.box3 ul li:nth-child(1) a{
    width: 25%;
    left:73%;
    bottom: 7%;
}
.box3 ul li:nth-child(1) .fire{
    width:23%;
    position: absolute;
    right:-3%;
    top:-12%;
    -webkit-animation: pulse2 3s ease-out infinite; animation:pulse2 3s ease-out infinite;
}
.box3 ul li{
    border-radius: 8px;
    box-shadow: 0 0 65px rgba(184,184,184,.47);
    margin-bottom: 2%;
}
.box4{
    padding:6% 0 10%;
    background-color: #f1f0ef;
}
.box4 ul li:nth-child(1) a{
    width: 25%;
    left:76%;
    bottom: 9%;
}
.box5 ul li:nth-child(1) a{
    width: 25%;
    left:77.5%;
    bottom: 10%;
}
.box6{
    padding:8% 0;
    background-color: #c5363f;
}
.box6 h6{
    color: #fff;
    line-height: 1.8;
}
.box6 p{
    font-size:2.4rem;
    color: #fff;
    line-height: 1.4;
    text-align: center;
}
.box6 ul li{
    width: 48.3% !important;
}
.box6 ul li:nth-child(1) a{
    width:50%;
    left:50%;
    bottom:-13px;
    transform: translateX(-50%);
}
.b7con{top:0;left:0;}



@media screen and (min-width:320px) and (max-width:374px){
html{font-size:26.2%;}/*0.42*/  
.border60{border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
 .b3swiper .swiper-container a img{box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);}
.b3swiper .swiper-slide a img{margin:0 auto;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.b3swiper .swiper-pagination span.swiper-pagination-bullet-active{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
.border60{border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;}
 .b3swiper .swiper-container a img{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.25);}
.b3swiper .swiper-slide a img{margin:0 auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.b3swiper .swiper-pagination span.swiper-pagination-bullet-active{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
.border60{border-radius: 32px;-webkit-border-radius: 32px;-moz-border-radius: 32px;}
 .b3swiper .swiper-container a img{box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.25);}
.b3swiper .swiper-slide a img{margin:0 auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.b3swiper .swiper-pagination span.swiper-pagination-bullet-active{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
.border60{border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;}
 .b3swiper .swiper-container a img{box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.25);}
.b3swiper .swiper-slide a img{margin:0 auto;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.b3swiper .swiper-pagination span.swiper-pagination-bullet-active{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
}