@charset "utf-8";
/*
@author: he
@update: he (2023-02-22)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}

.bodyBg{ background: url(/images/zhuanti/23zhounianqing/bg_12.jpg) no-repeat center 578px #b41600; overflow-x: hidden;}
.common-tit{ position: absolute; top: -40px; left: 0; width: 100%; height: 80px; text-align: center;}
.common-tit .ctCon{ display: inline-block; padding: 10px; box-shadow:0 0 15px 0 rgba(255, 154, 93, 1) inset; border-radius: 20px;
    background: -webkit-linear-gradient(left, #ffce87, #ff6a2c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffce87, #ff6a2c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffce87, #ff6a2c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffce87, #ff6a2c); /* 标准的语法 */}
.common-tit .ctCon-box{ height: 60px; border-radius: 20px; padding: 0 10px;
    background: -webkit-linear-gradient(top, #fad69d, #fef9ef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fad69d, #fef9ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fad69d, #fef9ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fad69d, #fef9ef); /* 标准的语法 */}
.common-tit .ctCon-box .lcion,.common-tit .ctCon-box .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/23zhounianqing/tit_01.png) no-repeat left center;}
.common-tit .ctCon-box .rcion{ background:url(/images/zhuanti/23zhounianqing/tit_02.png) no-repeat right center;}
.common-tit .ctCon-box .ctxt{ padding: 0 92px; line-height: 60px; font-size: 36px; font-weight: 700; color: #ca0a0a;}

/* 页头大图 */
.headerBg{ position: relative; z-index: 1; background: url(/images/zhuanti/23zhounianqing/bg_11.jpg) no-repeat center top;}
#flagCanvas01 { position: absolute; top: -60px; left: 50%; }
#flagCanvas02 { position: absolute; top: -60px; left: 50%; margin-left: -960px; transform: rotatey(180deg);}
.header{ position: relative; z-index: 1; height: 578px;}
.header .logo{ position: absolute; top: 34px; left: 14px; display: block; width: 270px; height: 40px;}
.header .cen{ position: absolute; top: 98px; left: 50%; margin-left: -304px; width: 609px; height: 329px; background: url(/images/zhuanti/23zhounianqing/bg_13.png) no-repeat; -webkit-animation:zoomIn 1s 0.1s 1 both; animation:zoomIn 1s 0.1s 1 both;}

/* 寄语 */
.nav-mod{ position: relative; z-index: 2; padding: 30px; width: 1140px; background: #fdfbec; border-radius: 20px; margin-bottom: 100px;}
.nav-mod .pic{ width:400px; height:220px;}
.nav-mod .pic img{ width:400px; height:220px;}
.nav-mod .text{ width:690px;}
.nav-mod .text p,.nav-mod .text01 p{ font-size:16px; line-height:34px;}
.nav-mod .text p a,.nav-mod .text01 p a{ font-weight:bold; color:#b6001d;}
.nav-mod .text p.pt12,.nav-mod .text01 p.pt12{ padding-top:12px;}

/* 视频播放 */
.video-mod{ position: relative; z-index: 1; width: 1196px; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: url(/images/zhuanti/23zhounianqing/bg_05.png) no-repeat center bottom #ca0a0a; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.video-mod .vcBox{ position: relative; z-index: 1; padding: 78px 0 38px;}
.video-mod .vcBox .swiper-container{ width:760px; height:428px; margin:0 auto;}
.video-mod .vcBox .swiper-slide{ display:block; width:760px; height:428px; margin:0 auto; position:relative;}
.video-mod .vcBox .swiper-slide .play-ico{ display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; background: url(/images/zhuanti/23zhounianqing/icon_01.png) no-repeat; z-index:19;}
.video-mod .vcBox .swiper-slide span{ display:block; width:760px; height:428px; border-radius:10px; background:#000; opacity:.4; filter:alpha(opacity=40); position:absolute; top:0; left:0; z-index:9;}
.video-mod .vcBox .swiper-slide img{width:760px; height:428px; border-radius:10px;}
.video-mod .vcBox .swiper-slide p{ display: none;}
.video-mod .vcBox .pagination{ position:absolute; left:0; bottom:22px; width:100%; text-align:center; font-size:0;}
.video-mod .vcBox .swiper-pagination-switch{ display:inline-block; *display:inline; *zoom:1; width:60px; height:6px; background:#81817f; margin:0 5px; border-radius:3px;}
.video-mod .vcBox .swiper-active-switch{ background:#fff;}
.video-mod .vcBox .d_prev,.video-mod .vcBox .d_next{ display: none; width:60px; height:60px; top:50%; left:82px; margin-top:-10px; z-index:9; cursor: pointer; background: url(/images/zhuanti/23zhounianqing/icon_02.png) no-repeat;}
.video-mod .vcBox .d_next{ left:auto; right:82px; background: url(/images/zhuanti/23zhounianqing/icon_03.png) no-repeat;}

/*时间轴*/
.developmentHistory-mod{ position: relative; z-index: 1; width: 1196px; padding: 70px 0 45px; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: #e11507; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.developmentHistory-mod ul{ text-align:center; font-size:0;}
.developmentHistory-mod li{ display:inline-block; *display:inline; *zoom:1; width:214px; height:292px; background:#fffff2; border-radius:10px; margin:0 10px; vertical-align:top;}
.developmentHistory-mod p{ height:117px; line-height:20px; padding:0 15px 0 20px; font-size:14px; text-align:left;}
.developmentHistory-mod .top-tags{ padding-top:18px; height:105px;}
.developmentHistory-mod .step-bg{ width:1165px; height:146px; margin:5px auto; background:url(/images/zhuanti/23zhounianqing/bg_04.png) no-repeat; background-size: 100% 100%;}
.developmentHistory-mod .pic{ height:168px; padding-top:20px;}

/* 跑团视频播放 */
.ptvideo-mod{ position: relative; z-index: 1; width: 1196px; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: url(/images/zhuanti/23zhounianqing/bg_05.png) no-repeat center bottom #ca0a0a; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.ptvideo-mod .vcBox{ position: relative; z-index: 1; padding: 78px 0 38px;}
.ptvideo-mod .vcBox .swiper-container{ width:760px; height:428px; margin:0 auto;}
.ptvideo-mod .vcBox .swiper-slide{ display:block; width:760px; height:428px; margin:0 auto; position:relative;}
.ptvideo-mod .vcBox .swiper-slide .play-ico{ display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; background: url(/images/zhuanti/23zhounianqing/icon_01.png) no-repeat; z-index:19;}
.ptvideo-mod .vcBox .swiper-slide span{ display:block; width:760px; height:428px; border-radius:10px; background:#000; opacity:.4; filter:alpha(opacity=40); position:absolute; top:0; left:0; z-index:9;}
.ptvideo-mod .vcBox .swiper-slide img{width:760px; height:428px; border-radius:10px;}
.ptvideo-mod .vcBox .swiper-slide p{ display: none;}
.ptvideo-mod .vcBox .pagination{ position:absolute; left:0; bottom:22px; width:100%; text-align:center; font-size:0;}
.ptvideo-mod .vcBox .swiper-pagination-switch{ display:inline-block; *display:inline; *zoom:1; width:60px; height:6px; background:#81817f; margin:0 5px; border-radius:3px;}
.ptvideo-mod .vcBox .swiper-active-switch{ background:#fff;}
.ptvideo-mod .vcBox .d_prev,.ptvideo-mod .vcBox .d_next{ display: none; width:60px; height:60px; top:50%; left:82px; margin-top:-10px; z-index:9; cursor: pointer; background: url(/images/zhuanti/23zhounianqing/icon_02.png) no-repeat;}
.ptvideo-mod .vcBox .d_next{ left:auto; right:82px; background: url(/images/zhuanti/23zhounianqing/icon_03.png) no-repeat;}

/* 云跑活动 */
.yunpao-mod{ position: relative; z-index: 1; width: 1196px; padding: 110px 0 0; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: url(/images/zhuanti/23zhounianqing/bg_06.png) no-repeat left 600px #e11507; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.yunpao-mod .ytBox{ position: relative; z-index: 1; padding: 30px 120px 20px 20px; margin: 0 60px 70px; border: 3px solid #f1d998;}
.yunpao-mod .ytBox-tit{ position: absolute; left: 24px; top: -42px; width: 439px; height: 60px; text-indent: 26px; line-height: 60px; font-size: 24px; font-weight: 700; color: #fff; background: url(/images/zhuanti/23zhounianqing/tit_03.png) no-repeat;}
.yunpao-mod .ytBox-list{ position: relative; z-index: 1; padding-left: 18px; line-height: 36px; font-size: 18px;}
.yunpao-mod .ytBox-list:after{ content:" "; position: absolute; top: 14px; left: 0; display: block; width: 8px; height: 8px; background: #ff8f20; border-radius: 50%;}
.yunpao-mod .ytBox-list .cju{ color: #ff7400;}
.yunpao-mod .ytBox.bg01{ background: url(/images/zhuanti/23zhounianqing/bg_08.png) no-repeat right bottom #fff;}
.yunpao-mod .ytBox.bg02{ background: url(/images/zhuanti/23zhounianqing/bg_09.png) no-repeat right bottom #fff; margin-bottom: 30px;}
.yunpao-mod .ybBox{ margin-bottom: 40px;}
.yunpao-mod .ybBox-left{ float: left; width: 361px; margin-left: 50px;}
.yunpao-mod .ybBox-left .pic{ display: block; width: 321px; height: 220px; margin: 0 auto 16px; background: url(/images/zhuanti/23zhounianqing/icon_04.png) no-repeat right top;}
.yunpao-mod .ybBox-left .txt{ line-height: 26px; text-align: center; font-size: 18px; color: #fee77e;}
.yunpao-mod .ybBox-right{ float: right; padding: 24px 0 0; margin-right: 60px;}
.yunpao-mod .ybBox-right .ewmList{ float: left; width: 150px; margin-right: 20px;}
.yunpao-mod .ybBox-right .ewmList-pic{ display: block; width: 150px; height: 150px; margin: 0 auto 30px;}
.yunpao-mod .ybBox-right .ewmList-txt{ line-height: 26px; text-align: center; font-size: 18px; color: #fee77e;}

/*向新而跑*/
.run-mod{ position: relative; z-index: 1; width: 1196px; padding: 80px 0 40px; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: url(/images/zhuanti/23zhounianqing/bg_07.png) no-repeat center #e11507; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.run-con{ position:relative; width:970px; margin:0 auto;}
.run-con .d_img{position:relative;height:390px; z-index: 1;}
.run-con .d_img li{position:absolute;display:none;border-radius:15px;z-index:0; cursor:pointer; overflow:hidden;}
.run-con .d_img li img{width: 100%; height: 100%; border-radius: 12px;}
.run-con .d_img li.d_pos1{display:block;left:0;width:264px; height:332px; top:34px;z-index:1}
.run-con .d_img li.d_pos2{display:block;left:143px;width:286px; height:361px; top:17px;z-index:2}
.run-con .d_img li.d_pos3{display:block;left:330px;width:310px; height:386px; top:0;z-index:3}
.run-con .d_img li.d_pos4{display:block;left:530px;width:286px; height:361px;top:17px;z-index:2}
.run-con .d_img li.d_pos5{display:block;left:706px;width:264px;height:332px; top:34px;z-index:1}
.run-con .d_img li .bg{margin:0; width:310px;height:388px;border-radius:10px;background:#000;opacity:.3;filter:alpha(opacity=3); position:absolute; left:0; top:0;cursor:pointer; z-index:29;}
.run-con .d_img li.d_select .bg{display:none;}
.run-con .d_img p{ display:block; width:100%; height:50px; position:absolute; left:0; bottom:0; z-index:19;}
.run-con .d_img p i{display:block; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px; position:relative; z-index:9;}
.run-con .d_img p span{ display:block; width:100%; height:50px;background:#000;opacity:.4;filter:alpha(opacity=4); position:absolute; left:0; top:0; z-index:2;}
.run-con .d_prev,.run-con .d_next{ display: block; width:60px; height:60px; top:50%; left:-82px; margin-top:-30px; z-index:9; cursor: pointer; background: url(/images/zhuanti/23zhounianqing/icon_02.png) no-repeat;}
.run-con .d_next{ left:auto; right:-82px; background: url(/images/zhuanti/23zhounianqing/icon_03.png) no-repeat;}
.run-con .d_menu{height:14px;font-size:0;overflow:hidden;text-align:center; display: none;}
.run-con .d_menu li{width:14px;height:14px;background:#eaeaea;display:inline-block;*display:inline;*zoom:1;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;margin:0 3px;}
.run-con .d_menu li.d_select{width:34px;background:#ccaf6d;}

/*同庆正保人*/
.celebrateShow-mod{ position: relative; z-index: 1; width: 1196px; padding: 80px 0 30px; border: 2px solid #ff9778; border-radius: 20px; margin-bottom:100px; background: #e11507; box-shadow:0 0 30px 0 rgba(246, 109, 58, 1) inset;}
.celebrateShow-con{ width:980px; height:256px; margin:0 auto;}
.celebrateShow-con li{ width:245px;overflow: hidden; text-overflow:ellipsis;}
.celebrateShow-con li img{ display:block; width:235px; height:188px; border-radius: 10px; margin: 0 auto;}
.celebrateShow-con li p{ text-align:center; font-size:16px; color:#fff498; line-height:24px; padding-top:18px;}
.celebrateShow-mod .arrow-left,.celebrateShow-mod .arrow-right{display: block; width:60px; height:60px; top:50%; left:30px; margin-top:-40px; z-index:9; cursor: pointer; background: url(/images/zhuanti/23zhounianqing/icon_02.png) no-repeat;}
.celebrateShow-mod .arrow-right{ left:auto; right:30px; background: url(/images/zhuanti/23zhounianqing/icon_03.png) no-repeat;}

/*底部*/
.footer-wrap{ width:100%; height: 539px; background:url(/images/zhuanti/23zhounianqing/bg_03.jpg) no-repeat center top; margin-top: -20px;}
.footer-mod h3{ font-size:16px; color:#fff; font-weight:normal; height: 128px; line-height:32px; padding:166px 0 0 480px;}
.footer-mod ul{ text-align:center; font-size:0; padding:22px 0 0 0;}
.footer-mod li{ display:inline-block; *display:inline; *zoom:1; width:220px; text-align:center;}
.footer-mod img{ display:block; width:140px; height:140px; border:10px solid #fff; border-radius:5px; margin:0 auto;}
.footer-mod p{ line-height:40px; text-align:center; font-size:16px; color:#fff;}

/*底部logo*/
.company-wrap{ width:100%; background:#fff;}
.company-mod{ padding: 18px 0;}
.company-mod ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start;}
.company-mod ul li{ width: 150px; height: 66px; margin-right: 25px;}
.company-mod ul li img{ width: 150px; height: 66px;}
.company-mod ul li:nth-child(7n){ margin-right: 0;}

/*视频弹层*/
#floatBoxBg{width:100%;height:100%;background: #000;filter:alpha(opacity=60);opacity:0.6;position:fixed; top:0;left:0;z-index:998;}
.floatBox{ width:900px; height:600px; position:fixed; left:50%; top:50%; margin:-329px 0 0 -450px; background:#fff;z-index:999; border-radius: 20px;}
.floatBox .v-tit{height:80px;line-height:80px;padding:0 0 0 20px;font-size:20px;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{ height:486px; padding:0 20px; background:#fff;}
.floatBox .v-close{z-index:999;width:12px;height:12px;padding:8px;overflow:hidden;position:absolute;right:17px;top:27px;}
.floatBox .v-close:hover{text-decoration:none;}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}