@charset "utf-8";

/* ===================首页样式========================== */

/* banner */

.banner{width: 100%;overflow: hidden;}

.banner a{display: block;width: 100%;}

.banner-img img{width: 100%;height: auto;}

.banner .swiper-pagination{bottom: 40px;}

.banner .swiper-pagination-bullet {width: 10px;height: 10px;transition: width .4s ease;border-radius: 10px;border: 2px solid #fff;background: transparent;opacity: 1;margin: 0 7px !important;}

.banner .swiper-pagination-bullet-active{background: #fff;width: 40px;}

.banner{display: none;}

.banner.ontrue{display: block;}



/* bar头 */

.indtb{width: 100%;overflow: hidden;}

.indtb ul{margin-left:0%;}

.indtb li{width: 50%;float: left;margin-left:0;margin-top: 0px;overflow: hidden;}

.indtb li a{display: block;width: 100%;position: relative;}

.indtb li a:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .2;transition: all .4s ease;display: none;}

.indtb li img{width: 101%;object-fit: cover;transition: all .4s linear;}

.indtb-wd{width: 100%;position: absolute;z-index: 2;bottom: 44px;padding: 0 44px;color: #fff;}

.indtb-wd p{font-size: 20px;text-transform: uppercase;line-height: 1.1em; padding-top:10px}

.indtb-wd h1{font-size:18px;font-weight: 700;margin-top: 12px;}

.indtb-wd h2{font-size:16px;font-weight: normal;margin-top: 12px; border:1px #fff solid; border-radius:25px;padding: 5px 10px 5px 10px; width:100px; text-align:center; background: rgba(255,255,255,.3)}



.indtb li:nth-child(3) h1{ color:#222}

.indtb li:nth-child(3) h2{ color:#222; border:1px #222 solid;}

.indtb li:nth-child(3) p{ color:#222}

.indtb li:nth-child(4) h1{ color:#222}

.indtb li:nth-child(4) h2{ color:#222; border:1px #222 solid;}

.indtb li:nth-child(4) p{ color:#222}



.indtb li a:hover img{transform: scale(1.06);}

.indtb li a:hover:after{opacity: .4;}





/* bar头 */

.indtba{width: 100%;overflow: hidden;}

.indtba ul{margin-left: -0.3333%;}

.indtba li{width: 24%;float: left;margin-left: 0.3333%;margin-top: 12px;overflow: hidden; border-radius:10px}

.indtba li a{display: block;width: 100%;position: relative;}

.indtba li a:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .2;transition: all .4s ease;display: none;}

.indtba li img{width: 100%;object-fit: cover;transition: all .4s linear;}

.indtba-wd{width: 100%;position: absolute;z-index: 2;bottom: 20px;padding: 0 30px;color: #888;}

.indtba-wd p{font-size: 15px;text-transform: uppercase;line-height: 1.1em; padding-top:15px}

.indtba-wd h1{font-size: 24px;font-weight: 700;margin-top: 20px; background:#c00; color:#FFFFFF; text-align:center; padding:10px; border-radius:25px}

.indtba li a:hover img{transform: scale(1.06);}

.indtba li a:hover:after{opacity: .4;}



/* 项目 */

.indxm{width: 100%;overflow: hidden;padding: 0px 20px 20px;}

.indtit{width: 100%;}

.indtit-wd{width: 100%; margin:0 auto; background:url(img/bgtit.png) no-repeat center top;margin-top:40px;z-index:1;}

.indtit-wd p{font-size:14px;color: #666;text-transform: uppercase;text-align:center;margin-top:3px;}

.indtit-wd h6{font-size:25px;color: #1a1a1a;;text-align:center;}

.line{width:100%;height:1px;background: #ccc; margin:0 auto; z-index:3; margin-top:-20px}


.indtit-wda{width: 100%; margin:0 auto; text-align:center;}
.indtit-wda h2 {font-size: 38px; font-weight:bold;margin-bottom: 12px; padding-top:50px }
.indtit-wda p {font-size: 20px;margin-bottom:30px;text-transform: uppercase;}


.indtit-xm{float: right;font-size: 0;width: 92px;padding-top: 24px;}

.indtit-xm>div{width: 50%;height: 46px;display: inline-block;background: url("../images/eventArr.png") no-repeat right center;cursor: pointer;transition: all .4s ease;}

.indtit-xm>div:hover{background-image: url('../images/eventArrH.png');}

.indtit-xm>div.indtit-xm-prev{transform: rotate(180deg);}

.indtit-xm>div.swiper-button-disabled{opacity: .5;cursor: default;}

.indtit-xm>div.swiper-button-disabled:hover{background-image: url('../images/eventArr.png');}

.indxm-loop{width: 100%;margin-top: 68px;position: relative;}

.indxm-link{display: block;width: 100%;position: relative;overflow: hidden;}

.indxm-link img{width: 100%;object-fit: cover;transition: all .4s linear;}

.indxm-link h1{position: absolute;width: 100%;bottom: 32px;padding: 0 32px;left: 0;font-size: 20px;color: #fff;font-weight: 700;z-index: 2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.indxm-link:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/eventSd.png') repeat-x left bottom /auto 100%;}

.indxm-link:hover img{transform: scale(1.06);}

.indxm-line{width: 100%;height: 2px;background: #ededed;position: relative;margin-top: 56px;}

.indxm-line-roll{position: absolute;width: 0;height: 2px;top: 0;left: 0;background: #e42929;}



/* 资讯 */

.indxw{width: 100%;padding: 0 0px 20px;overflow: hidden;}

.indtit-xw{float: right;padding-top:0px;}

.indtit-xw a{display: block;position: relative;width: 116px;height: 36px;font-size: 0;overflow: hidden;}

.indtit-xw a span, .indtit-xw a i{display: block;height: 24px;line-height: 24px;transition: all .4s ease;}

.indtit-xw a span{font-size: 14px;color: #1a1a1a;font-weight: 700;letter-spacing: .2em;text-transform: uppercase;float: left;}

.indtit-xw a i{float: right;width: 16px;background: url('../images/eventArr.png') no-repeat center;}

.indtit-xw a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #1a1a1a;transition: all .4s ease;}

.indtit-xw a:hover span{color: #e42929;letter-spacing: .3em;}

.indtit-xw a:hover i{background-image: url('../images/eventArrH.png');transform: translateX(-4px);}

.indtit-xw a:hover:after{background: #e42929;}

.indxw-item{width: 100%;margin-top: 0px;}

.indxw-loop{width: 50%;float: left;}

.indxw-loopwdimg{width: 100%;position: relative;display: block;overflow: hidden;}

.indxw-loopimg{width: 100%;object-fit: cover;height: 442px;transition: all .4s linear;}

.indxw-loopwd{position: absolute;z-index: 2;overflow: hidden;background: rgba(0,0,0,.5);transition: all .4s ease;padding: 18px 150px 18px 18px;left: 0;bottom: 0;width: 100%;}

.indxw-loopwd span{display: block;width: 100%;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}

.indxw-loopwd h1{width: 100%;font-size: 18px;margin-top: 8px;color: #fff;font-weight: 700;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.indxw-loop .swiper-pagination{width: 150px;left: auto;right: 0;padding-right: 16px;text-align: right;bottom: 18px;}

.indxw-loop .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 100%;background: #fff;opacity: 1;margin: 0 4px !important;}

.indxw-loop .swiper-pagination-bullet-active {background: #e42929;}

.indxw-loopwdimg:hover .indxw-loopimg{transform: scale(1.06);}

.indxw-loopwdimg:hover .indxw-loopwd{background: rgba(0,0,0,.6);}

.swiper-slide-active .indxw-loopwd span{animation: indxwP .8s ease both 400ms;}

.swiper-slide-active .indxw-loopwd h1{animation: indxwP .8s ease both 800ms;}

@keyframes indxwP{0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}

.indxw-list{width: 48.2%;float: right;}

.indxw-list a{display: block;width: 100%;padding: 18px 0;border-top: 0px solid #d7d7d7;overflow: hidden;}

.indxw-list a:last-child{border-bottom: 0px solid #d7d7d7;}

.indxw-listimg{width: 110px;height: 110px;float: left;overflow: hidden;background: #555;text-align: center;padding-top: 10px;transition: all .4s ease; border-radius:10px}

.indxw-listimg h6{font-size: 46px;color: #fff;padding-bottom: 8px;position: relative;transition: all .4s ease;}

.indxw-listimg h6:after{content: "";position: absolute;width: 22px;height: 1px;background: #fff;bottom: 0;left: 50%;margin-left: -11px;transition: all .4s ease;}

.indxw-listimg p{font-size: 20px;color: #fff;margin-top: 8px;transition: all .4s ease;}

.indxw-listwd{width: calc(100% - 110px);float: right;padding-left: 30px;padding-top: 10px; padding-right:20px}

.indxw-listwd h1{font-size: 18px;color: #333;font-weight: 700;line-height: 1.4em;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.indxw-listwd p{font-size: 14px;color: #666;line-height: 28px;height: 56px;margin-top: 12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.indxw-list a:hover .indxw-listwd h1{color: #e42929; }

.indxw-list a:hover .indxw-listimg{background: #e42929;}

.indxw-list a:hover .indxw-listimg h6, .indxw-list a:hover .indxw-listimg p{color: #fff;}

.indxw-list a:hover .indxw-listimg h6:after{background: #fff;}





/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .indtb-wd p{font-size: 18px;}

    .indtb-wd h1 {font-size: 22px;margin-top: 10px;}

    .indtb-wd {bottom: 38px;padding: 0 38px;}

    .indxm {padding: 80px 4% 100px;}

    .indtit-wd p{font-size: 38px;}

    .indtit-wd h6{font-size: 26px;}

    .indxm-loop, .indxw-item{margin-top: 54px;}

    .indtit-xm {padding-top: 20px;}

    .indxm-line {margin-top: 48px;}

    .indxw {padding: 0 4% 110px;}

    .indxw-loopimg{height: 400px;}

    .indxw-listimg h6{font-size: 38px;}

    .indxw-listimg{height: 104px;}

    .indxw-list a {padding: 14px 0;}

    .indxw-listwd p{line-height: 24px;height: 48px;}

    .banner .swiper-pagination{bottom: 36px;}

    .indtit-xw {padding-top: 20px;}

    .banner-imgpc{height: 640px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .indtb-wd p {font-size: 16px;}

    .indtb-wd h1 {font-size: 20px;margin-top: 8px;}

    .indtb-wd {bottom: 32px;padding: 0 32px;}

    .indxm {padding: 74px 4% 80px;}

    .indtit-wd p {font-size: 34px;}

    .indtit-wd h6 {font-size: 22px;}

    .indtit-xm {padding-top: 12px;}

    .indxm-link h1 {bottom: 28px;padding: 0px 28px;font-size: 18px;}

    .indxm-loop, .indxw-item {margin-top: 44px;}

    .indxm-line {margin-top: 44px;}

    .indxw {padding: 0 4% 88px;}

    .indxw-listimg h6 {font-size: 32px;}

    .indxw-listimg p{font-size: 18px;}

    .indxw-listimg {height: 90px;}

    .indxw-listwd p {line-height: 22px;height: 44px;margin-top: 6px;}

    .indxw-listwd {padding-left: 28px;padding-top: 6px;}

    .indxw-loopwd h1 {font-size: 16px;margin-top: 6px;}

    .indxw-loopimg{height: 358px;}

    .banner .swiper-pagination{bottom: 28px;}

    .indtit-xw {padding-top: 16px;}

    .banner-imgpc{height: auto;}

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .indtit-wd p {font-size: 30px;}

    .indxm {padding: 60px 4% 68px;}

    .indtit-xm{width: 80px;}

    .indtit-xm>div{height: 40px;}

    .indxm-loop, .indxw-item {margin-top: 38px;}

    .indtit-wd h6 span:after {width: 34px;right: -46px;}

    .indxw {padding: 0 4% 68px;}

    .banner .swiper-pagination {bottom: 24px;}

    .indtit-xw {padding-top: 12px;}

}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .banner .swiper-pagination {bottom: 18px;}

    .indtb-wd p {font-size: 14px;}

    .indxw-loop{width: 100%;}

    .indxw-loopimg {height: 472px;}

    .indxw-list{width: 100%;margin-top: 28px;}

    .indtb-wd h1{font-size: 18px;}

    .indtb-wd {bottom: 20px;padding: 0 20px;}

    .indxm-link h1 {bottom: 20px;padding: 0px 20px;}

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .banner-imgpc{display: none;}

    .banner-imgmb{display: block;}

    .indtb ul {margin-left: 0;}

    .indtb li {width: 100%;margin-left: 0;margin-top:5px;}

    .banner .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 7px;}

    .banner .swiper-pagination-bullet-active{width: 28px;}

    .banner .swiper-pagination {bottom: 16px;}

    .indtit-wd p {font-size: 22px;}

    .indtit-wd h6 {font-size: 18px;}

    .indtit-xm {padding-top: 8px;}

    .indxm {padding: 38px 4% 40px;}

    .indxm-loop, .indxw-item {margin-top: 32px;}

    .indxm-line {margin-top: 28px;}

    .indxm-link h1{font-size: 18px;}

    .indtit-xw {padding-top: 8px;}

    .indtit-xw a{width: 104px;}

    .indxw-loopimg{min-height: 200px;}

    .indxw-loopwd {padding: 16px 18px 28px;}

    .indxw-loop .swiper-pagination{width: 100%;bottom: 6px;}

    .swiper-slide-active .indxw-loopwd span, .swiper-slide-active .indxw-loopwd h1{animation: none;}

    .indxw-listimg h6 {font-size: 28px;}

    .indxw-listimg {width: 86px;height: 86px;}

    .indxw-listwd {width: calc(100% - 86px);padding-left: 20px;padding-top: 6px;}

    .indxw {padding: 0 4% 42px;}

    .indxw-loopimg {height: 220px;}

    .indxw-listimg p {font-size: 16px;}

}



























.footer2 {
	box-shadow: 0px 0px 5px #000;
    background: #000;
    z-index: 1000;
    width: 100%;
    position: fixed;
    width: 100%;
    right: 0px;
    bottom: -1px;
    padding: 5px 0px;
}
.clearfix {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.clearfix li p{
color:#e3ab16;
	margin-bottom: 0px!important;
    font-size: 10px;
}
.footer2 li {
    float: left;
    width: 20%;
    text-align: center;
}
.footer2 img {
    width: 30px;
    vertical-align: middle;
}
.footer2 .dianhua img {
    width: 40px;
}
#test1 {
    display: block;
    position: absolute;
    top: 3%;
    left: 33.9%;
    border-radius: 50%;
    background: #dc122c;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 100%;
    text-align: center;
}
	.hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
	.shang_box{left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 80%;
    /* height: 540px; */
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    z-index: 10001;
    /* left: 50%; */
    /* top: 50%; */
    /* margin-left: -280px; */
    /* margin-top: -280px; */
    border: 1px dotted #dedede;
    display: none;
}
	.shang_box img{border:none;border-width:0;}
	.dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
	.dashang:hover{opacity:0.8;padding:15px;font-size:18px;}
	.shang_close{float:right;display:inline-block;}
	.shang_logo{display:block;text-align:center;margin:20px auto;}
	.shang_tit{width: 100%;height: 3.5rem;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url('../images/cy-reward-title-bg.jpg');font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
	.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
	.shang_payimg{
	width: 100%;
    padding: 10px;
    text-align: center;
    /* border: 6px solid #EA5F00; */
    margin: 0 auto;
    border-radius: 3px;
    /* height: 140px; */
	}
	.shang_payimg img{border:4px solid #EA5F00;text-align:center;width:140px;height:140px; }
	.pay_explain{text-align:center;margin:10px auto;font-size: 90%;color:#545454;}
	.radiobox{margin-left: 0.8rem;width: 16px;height: 16px;background: url('../images/radio2.jpg');display: block;float: left;margin-top: 5px;}
	.checked .radiobox{background:url('../images/radio1.jpg');}
	.shang_payselect{text-align:center;margin:0 auto;margin-top: 1rem;cursor:pointer;height:60px;width:280px;}
	.shang_payselect .pay_item{
		display:inline-block;
		margin-top:1rem;
		float:left;
		width:100%;
		}
	.shang_info{clear:both;}
	.shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;margin-top: 2rem;}
    .pay_logo{float:left;margin-left: 0.5rem;}
	#test1 {
    display: block;
    position: absolute;
    top: 3%;
    left: 33.9%;
    border-radius: 50%;
    background: #dc122c;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 100%;
    text-align: center;
}


@media (max-width: 767px) { .none{ display:none} .shouji{ display:block }}
@media (min-width: 768px) { .none{ display:block} .shouji{ display:none }}