/*----*/
.HMax,
.HMax .swiper-wrapper,
.HMax .swiper-slide,
.HMax .swiper-slide img{min-height:5rem}
.HMax .swiper-slide{overflow:hidden;text-align:center;float:left}
.HMax .swiper-slide img{width:100%;float:left}
/*----*/
.iconavul{-webkit-user-select:none;display:flex;justify-content:center;align-items:center;flex-flow:row wrap}
.iconavul li{flex:auto;text-align:center}
.iconavul a{display:inline-table}
.iconavul icon,
.iconavul ico{position:relative;display:block;margin:0 auto;font-size:2.8rem;width:3rem;height:3rem;line-height:3rem}
.iconavul tit{display:block;position:relative;z-index:2;padding-bottom:1rem;min-height:1rem}
.iconavul a.new icon:after,
.iconavul a.new ico:after{animation:blink5 .3s linear 0s normal infinite;content:'';position:absolute;right:0;width:.3rem;height:.3rem;background-color:currentcolor;border-radius:50%}
/*----*/
ul.countul{position:relative}
.countul.x4 li{width:25%}
.countul.x5 li{width:20%}
.countul.x6 li{width:16.666666%}
.countul.x8 li{width:12.5%}
.countul li{position:relative;display:block;box-sizing:border-box;float:left;text-align:center;border-left:1px solid rgba(0,0,0,.1);margin:.5rem 0;overflow:hidden}
.countul li:last-child{border-right:1px solid rgba(0,0,0,.1);}
.countul a{color:inherit}
.countul tit,
.countul big,
.countul small{display:block;white-space:nowrap}
.countul tit{font-size:.9rem;height:2rem;line-height:2rem}
.countul big{font-size:.9rem;height:1.2rem;line-height:1.2rem}
.countul small{font-size:.6rem;height:.8rem;line-height:.8rem}
/*----*/
.tile-ul{margin:0 .5rem 0 .5rem}
.tile-ul li{width:16.666666%;float:left;padding:0 .25rem .5rem .25rem;box-sizing:border-box;}
.tile-ul li a{display:block;height:0;padding-top:100%;color:inherit;background-color:rgba(100,150,200,.5);background-position:50% 50%;background-repeat:no-repeat;background-size: cover;position:relative;overflow: hidden;}
.tile-ul li a[style*="."]{color:rgb(255,255,255)}
.tile-ul li a tit{box-sizing:border-box;position:absolute;z-index:2;right:0;bottom:0;left:0;padding:1rem;position:absolute;z-index:2;right:0;bottom:0;left:0;color:inherit;line-height:1.5em;}
.tile-ul li a time{display: block; opacity:.5;}
.tile-ul li a:after{pointer-events:none;content:'';position:absolute;z-index:1;top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,255,255,0);transition: all .3s;}
.tile-ul li a:hover:after{border-color:rgba(255,255,255,1)}
.tile-ul li:nth-child(5),
.tile-ul li:nth-child(7){width:33.333333%}
.tile-ul li:nth-child(5) a,
.tile-ul li:nth-child(7) a{padding-top:calc(50% - .25rem)}
.tile-ul li:nth-child(1) a{padding-top:calc(200% + .5rem)}
/*----*/

.section-dt{position:relative;text-align:center;height:2.4rem;display:flex;justify-content:center;align-items:center}
.section-dt:before,
.section-dt:after{flex:auto;pointer-events:none;content:'';height:.1rem}
.section-dt:before{background-image:linear-gradient(90deg,currentcolor,transparent);margin-right:.5rem}
.section-dt:after{background-image:linear-gradient(90deg,transparent,currentcolor);margin-left:.5rem}
.section-dt label.select{font-size:.9rem}
.section-dt .fl,
.section-dt .fr a.active{font-weight:700}
.section-dt .fr,
.section-dt .fr a{margin-left:.5em;display:inline-block;height:1rem;line-height:1rem}
.section-dt a{color:inherit;}
.section-dt icon,
.section-dt ico{font-weight:400}
.space-between:before,
.space-between:after{display:none}
.space-between{justify-content:space-between;}
.space-between .fl{flex:auto;display:inline-flex;align-items:center}
.space-between .fl:after{margin-left:.5rem;flex:auto;display:inline-flex;pointer-events:none;content:'';height:.1rem;background-image:linear-gradient(90deg,currentcolor,transparent);margin-right:.5rem}
.section-dd1{min-height:6.5rem;padding-top:.2rem;background:url(../img/load-10020.gif) no-repeat 50% 40%}

/*----*/
.rollT{height:1.5rem;width:20rem;overflow:hidden;position:absolute;top:.5rem;left:50%;margin-left:-10rem}
.rollT swiper{height:1.5rem;line-height:1.5rem;overflow:hidden;border-radius:.2rem;background-image:linear-gradient(90deg,rgb(250,50,100),rgb(100,150,200));padding:0;color:rgb(255,255,255);text-align:center}
.rollT swiper time,
.rollT swiper phone{margin-right:1em}
.rollT swiper em{font-weight:700;font-style:normal}
/*----*/
.ul-txt{position:relative}
.ul-txt li{padding:.5em 0;border-bottom:1px dotted rgba(0,0,0,.1);line-height:1.5em}
.ul-txt li:last-child{border-bottom:none}
.ul-txt a.active{opacity:.5}
.ul-txt time{float:right;margin-left:1em;opacity:.5}
.ul-txt time.fabu:after{content:' \53D1\5E03'}
.ul-txt time.jiezhi:after{content:' \622A\6B62'}
.ul-txt.fontbig{font-size:.8rem}
.ul-txt.bef li{padding-left:2em;line-height:1.5em;position:relative}
.ul-txt.bef li:before{content:attr(data-order);display:block;width:1rem;height:1rem;line-height:1rem;font-size:.6rem;text-align:center;background:rgba(0,10,30,.1);border-radius:50%;position:absolute;left:0;top:50%; margin-top:-.5rem}
.ul-txt.oh li{height:3em;line-height:3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:0;padding-bottom:0}
/*----*/
.ul-col{margin:.5rem .5rem -.5rem .5rem}
.ul-col li{width:16.666666%;float:left;padding:0 .25rem .5rem .25rem;box-sizing:border-box}
.ul-col li a.cover{display:block;height:0;padding-top:100%;background-color:rgb(255,255,255);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}
.ul-col li a.cover tit{ display:none}
.ul-col li intro{background-color:rgb(255,255,255);padding:.5rem;text-align:center;line-height:1rem;min-height:3rem}
.ul-col li intro *{height:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ul-col li intro p{margin-top:.5rem;display:inline-block}
.ul-col li a.cover:after{pointer-events:none;content:'';position:absolute;z-index:1;top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,255,255,0);transition:all .3s}
.ul-col li a.cover:hover:after{border-color:rgba(255,255,255,1)}
.ul-col li.light1 a.cover:before{content:attr(data-txt);position:absolute;z-index:1;top:0;left:50%; width:4em; margin-left:-2em; text-align:center;background-image:linear-gradient(90deg,rgb(250,50,100),rgb(100,150,200));color:rgb(255,255,255);line-height:1rem;font-size:.6rem}
.ul-col-157 li:nth-child(5),
.ul-col-157 li:nth-child(7){width:33.333333%}
.ul-col-157 li:nth-child(5) a.cover,
.ul-col-157 li:nth-child(7) a.cover{padding-top:calc(50% - .25rem)}
.ul-col-157 li:nth-child(1) a.cover{padding-top:calc(200% + 4.5rem)}

.ul-col-123 li:nth-child(1),
.ul-col-123 li:nth-child(2),
.ul-col-123 li:nth-child(3){width:33.333333%}
.ul-col-123 li:nth-child(1) a.cover,
.ul-col-123 li:nth-child(2) a.cover,
.ul-col-123 li:nth-child(3) a.cover{padding-top:calc(50% - .25rem)}

.ul-col-123 li intro{min-height:auto}
.ul-col-123 li intro p{font-size:.6rem;margin-top:.5em}
.ul-col-intro-gradient li intro{background-color:rgba(255,255,255,0);background-image:linear-gradient(rgb(255,255,255),rgba(255,255,255,0))}

.bg-ads1 a.ads:before{display:none}
.bg-ads1 a.ads:after{bottom:11px}
.swiper-parallax{position:absolute;top:0;bottom:0;pointer-events:none}
.swiper-parallax.huan01,
.swiper-parallax.huan02,
.swiper-parallax.huan03,
.swiper-parallax.huan04{width:5rem}


.swiper-parallax.huan01{right:10%;background:url(../img/huan01.png) no-repeat 50% 50%}
.swiper-parallax.huan02{left:10%;background:url(../img/huan04.png) no-repeat 50% 50%}
.swiper-parallax.huan03{right:10%;background:url(../img/huan03.png) no-repeat 50% 50%}
.swiper-parallax.huan04{left:10%;background:url(../img/huan01.png) no-repeat 50% 50%}

.swiper-parallax.huan05{left:0; right:52%; text-align:right}
.swiper-parallax.huan06{left:52%; right:0;text-align:left}
.swiper-parallax.huan07{left:10%; right:10%;text-align:center}
.swiper-parallax.huan05,
.swiper-parallax.huan06,
.swiper-parallax.huan07{line-height:5rem;font-size:200%;color:#fff;letter-spacing:.2rem;font-weight:700}

/**/
@media screen and (max-width:992px),screen and (max-width:1280px){
.section-dd1{min-height:6rem}
}
@media screen and (max-width:768px),screen and (max-width:991px){
.rollT,
.ul-col li a.cover:after{display:none}
.HMax .swiper-bigtit{font-size:1.4rem;margin-top:-2.5rem}
.HMax .swiper-subtit{font-size:.7rem; margin-top:.5rem}
.HMax .swiper-bigtit{font-size:1.6rem;margin-top:-2.5rem}
.HMax .swiper-tit{bottom:1rem;font-size:.6rem}
.HMax .swiper-subtit{font-size:.8rem; margin-top:.5rem}
.iconavul li{width:20%}
.ul-col li{width:33.333333%}
.ul-col li a{padding-top:62.5% !important}
.tile-ul li{width:33.333333%}
.tile-ul li a{padding-top:62.5% !important}
.swiper-parallax.huan01{right:1rem}
.swiper-parallax.huan02{left:1rem}
.swiper-parallax.huan03{right:1rem}
.swiper-parallax.huan04{left:1rem}
.bg-ads1 .swiper-button-white{display:none !important}
.bg-ads1 .swiper-parallax{font-size:1rem}
}
@media screen and (max-width:481px),screen and (max-width:767px){
.ul-col{margin:.25rem -.25rem -.25rem -.25rem}
.ul-col li{padding:.25rem}
.swiper-parallax.huan01{right:0}
.swiper-parallax.huan02{left:0}
.swiper-parallax.huan03{right:0}
.swiper-parallax.huan04{left:0}
.iconavul tit{font-size:.6rem}
.ul-txt li{height:auto !important;line-height:1.5em !important;padding:.5em 0 !important;overflow:auto !important;white-space:normal !important;}
.ul-txt.bef li{padding-left:2em !important}
.ul-txt li a{display:block}
.ul-txt li a.active{display:inline-block}
.tile-ul{ margin:0 -.25rem}
.tile-ul li{padding:.25rem}
.tile-ul li a tit{padding:.5rem}
}
@media screen and (max-width:480px){
.bg-ads1 span.huan01,
.bg-ads1 span.huan02,
.bg-ads1 span.huan03,
.bg-ads1 span.huan04{display:none !important}
.bg-ads1 .swiper-parallax{font-size:.9rem}
.mc-1x{margin:.5rem auto}
.iconavul ico{font-size:2.4rem}
.ul-col li{width:50% !important}
.ul-col-157 li:last-child,
.ul-col-123 li:last-child{display:none}
.tile-ul li{width:50% !important}
.tile-ul li:last-child{display:none}

.bg-kj .ul-txt{display:none}
.bg-kj .b-line.section-dd1{border-bottom:none}

.ul-txt li a{display:inline-block}
.ul-txt li time,
.ul-txt li a.active{display:none}
}
@media screen and (max-width:320px){
/*.ul-col li{width:100% !important}*/
.iconavul ico{font-size:2rem}	
}