@charset "utf-8";
/*
@author: he
@update: he (2022-06-13)
*/
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: #fb6149;}
.footer,.footer a{ color: #fff!important;}
.ggtit{ display: block; width: 576px; height: 106px; margin: 0 auto 20px; background: url(/images/zhuanti/2022anniversary/tit_01.png) no-repeat;}
.ggtit-top{ line-height: 80px; text-align: center; font-size: 36px; color: #fff; font-weight: 700; margin-bottom: 10px;}
.ggtit-bot{ line-height: 16px; text-align: center; font-size: 16px; color: #ffefe3; font-weight: 700;}

/*页头*/
.headerBg{ overflow: hidden;}
.header{ position: relative; z-index: 1; height: 665px;}
.header .logo{ z-index: 5; display: block; position: absolute; left: 36px; top: 33px; width: 191px; height: 50px;}
.header .xiaobao{ z-index: 4; position: absolute; top: 236px; left: 540px; width: 146px; height: 216px; background: url(/images/zhuanti/2022anniversary/xiaobao.png) no-repeat;}
.header .xiaobao .hua{ position: absolute; top: 97px; left: 30px; width: 52px; height: 97px; background: url(/images/zhuanti/2022anniversary/hua.png) no-repeat; -moz-animation:hatch 3s 0s infinite both; -o-animation:hatch 3s 0s infinite both; animation:hatch 3s 0s infinite both;}
.header .btxt{ position: absolute; left: 125px; bottom: 26px; width: 950px; line-height: 34px; font-size: 20px; color: #fff; -webkit-text-shadow:0 2px 7px rgba(255, 82, 13, 1); -moz-text-shadow:0 2px 7px rgba(255, 82, 13, 1); text-shadow:0 2px 7px rgba(255, 82, 13, 1);}
.header .fxBox{position: absolute;bottom: 0;left: 0; z-index: 1; width: 1200px;height: 545px;}
.header .fx1,.header .fx2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/zhuanti/2022anniversary/bg_05.png) no-repeat;transform-origin: 600px 500px; transform: scale(0);opacity: 0;}
.header .fx1{animation: fxfd infinite 8s;}
.header .fx2{animation: fxfd infinite 8s 4s;}
@keyframes fxfd{ 0%{transform: scale(0);} 50%{transform: scale(1);opacity: 0.8;} 100%{transform: scale(1.5);opacity: 0;} }
@keyframes kc { 0%,100%,20%,50%,80% {-webkit-transform: translateY(0);transform: translateY(0)} 40% {-webkit-transform: translateY(-14px);transform: translateY(-14px)} 60% {-webkit-transform: translateY(-7px);transform: translateY(-7px)} }

/*故事*/
.storyMain{ margin-bottom: 52px; padding-top: 42px;}
.storyMain .conBox{ padding: 30px 20px; background: #fceadb; border-radius: 20px; -webkit-box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1); -moz-box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1); box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1);}
.storyMain .conBox .con{ background: #fdcca4; padding:20px; height:390px; border-radius: 12px;}
.storyMain .conBox .con .video{ width:585px; height:370px; border:10px solid #f9ad7f; border-radius:10px; cursor:pointer; overflow:hidden;}
.storyMain .conBox .con .video img{ display:block; width:585px; height:370px;}
.storyMain .conBox .con .list{ width:490px; height:390px; background:#ffe9cb; border-radius:8px; position:absolute; left:650px; top:20px; overflow: hidden;}
.storyMain .conBox .con .list ul{width:1090px; height:356px; padding:34px 0 0 30px; overflow:auto; overflow-x: hidden;}
.storyMain .conBox .con .list li{ float:left; _display:inline; width:234px; height:87px; margin:0 20px 30px 40px; color:#690705; background:#fff3e9; border-radius:8px; padding:0 0 0 63px; box-shadow:0 4px 8px #ffdeb7; position:relative;}
.storyMain .conBox .con .list li.w{ width:412px;}
.storyMain .conBox .con .list li.ml140{ margin-left:218px;}
.storyMain .conBox .con .list h4{ line-height:26px; font-size:18px; padding-top:12px;}
.storyMain .conBox .con .list p{ line-height:18px; padding-top:2px;}
.storyMain .conBox .con .list img{ display:block; width:90px; height:90px; position:absolute; left:-37px; top:-3px;}
.storyMain .conBox .con .list li:hover img{animation:teacherPic 1s; -webkit-animation:teacherPic 1s; -ms-animation:teacherPic 1s;}
.storyMain .conBox .con .btn{ display:block; width:85px; height:58px; font-size:16px; text-decoration:none; z-index:2; color:#ffead8; line-height:24px; box-shadow:0 2px 4px #d8aba3; border-radius:50px; padding:10px 52px 0 45px; top:178px; left:620px; background: url(/images/zhuanti/2019anniversary/ico.png) no-repeat 0 0;}
.storyMain .conBox .con .btn:hover{ background: url(/images/zhuanti/2019anniversary/ico.png) no-repeat -186px 0;}
.storyMain .conBox .con .btn.on{ background: url(/images/zhuanti/2019anniversary/ico.png) no-repeat -83px -274px; padding:10px 33px 0 64px; opacity: 0.4;}
.storyMain .conBox .con .btn.on:hover{ background: url(/images/zhuanti/2019anniversary/ico.png) no-repeat -83px -349px; opacity: 1;}
.storyMain .conBox .con .list .bg{ width:100%; height:393px; background:#170407;opacity:.3;filter:alpha(opacity=30); left:0; top:0; border-radius:8px; z-index:1;}
.storyMain .conBox .bBox .blessing{ width: 712px; height: 632px; background:url(/images/zhuanti/2022anniversary/bg_07.jpg) no-repeat;}
.storyMain .conBox .bBox .blessing .bbtit{ padding-top: 16px; line-height: 50px; text-align: center; font-size: 30px; color: #b0310b; font-weight: 700;}
.storyMain .conBox .bBox .blessing .bbsubtit{ line-height: 32px; text-align: center; font-size: 14px; color: #ee5b0b; margin-bottom: 12px;}
.storyMain .conBox .bBox .blessing .topRoll{ position: relative; z-index: 1; margin: 0 30px 22px; height: 168px; background: #fdf0e5; border-radius: 10px;}
.storyMain .conBox .bBox .blessing .topRoll .leftLoop{overflow: hidden; width: 612px; position: absolute; left: 20px;}
.storyMain .conBox .bBox .blessing .topRoll #leftMarquee{top: 20px;}
.storyMain .conBox .bBox .blessing .topRoll #leftMarquee2{top: 94px;}
.storyMain .conBox .bBox .blessing .topRoll ul li{ margin-right: 24px; height: 54px; cursor: pointer;}
.storyMain .conBox .bBox .blessing .topRoll .photo{ float: left; width: 54px; height: 54px; border-radius: 50%;}
.storyMain .conBox .bBox .blessing .topRoll .tancbg{ float: left; max-width: 180px; height: 53px; line-height: 26px; font-size: 14px; padding-top: 1px; margin-left: 15px;}
.storyMain .conBox .bBox .blessing .topRoll .tancbg p.name{ width: 100%; height: 26px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.storyMain .conBox .bBox .blessing .topRoll .tancbg p.txt{ width: 100%; height: 26px; color: #260000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.storyMain .conBox .bBox .blessing .botTit{ width: 110px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; color: #fff; background: #f4614e; border-radius: 6px; margin: 0 30px 10px;}
.storyMain .conBox .bBox .blessing .botRoll{ padding: 0 24px 0 30px; height: 170px; margin-bottom: 20px; overflow: auto; overflow-x: hidden; margin-right: 6px;}
.storyMain .conBox .bBox .blessing .botRoll .brList{ line-height: 24px; padding: 10px 0 26px; font-size: 14px; color: #260000; border-bottom: 1px dashed #e4e4e4;}
.storyMain .conBox .bBox .blessing .botRoll .brList em{ float: right; color: #83391c;}
.storyMain .conBox .bBox .blessing .sendOut{ position: relative; z-index: 1; height: 64px; border: 1px solid #ffdfb2; border-radius: 6px; margin: 0 60px 0 30px;}
.storyMain .conBox .bBox .blessing .sendOut-txt{ width: 500px; height: 48px; border: 0; line-height: 24px; font-size: 14px; color: #333; padding: 8px 40px 8px 0; margin-left: 20px;}
.storyMain .conBox .bBox .blessing .sendOut-btn{ position: absolute; top: -1px; right: -34px; z-index: 1; width: 130px; height: 66px; line-height: 66px; text-align: center; font-size: 18px; font-weight: 700; color: #ffead8; border-radius: 33px; background: #f0511e; -webkit-box-shadow:0 4px 6px rgba(137, 13, 11, 0.43); -moz-box-shadow:0 4px 6px rgba(137, 13, 11, 0.43); box-shadow:0 4px 6px rgba(137, 13, 11, 0.43);
    background: -webkit-linear-gradient(top, #ff7a21, #dd1e1a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7a21, #dd1e1a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7a21, #dd1e1a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7a21, #dd1e1a); /* 标准的语法 */}
.storyMain .conBox .bBox .blessing .sendOut-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #dd1e1a, #ff7a21); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #dd1e1a, #ff7a21); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #dd1e1a, #ff7a21); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #dd1e1a, #ff7a21); /* 标准的语法 */}
.storyMain .conBox .bBox .blessing .sendOut-btn.on{ color: #fff;
    background: -webkit-linear-gradient(top, #eec579, #fcd58a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #eec579, #fcd58a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #eec579, #fcd58a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #eec579, #fcd58a); /* 标准的语法 */}
.storyMain .conBox .bBox .blessing .sendOut .fdLoginBg{ z-index: 5; position: absolute; left: 0; top: 0; display: block; width: 106%; height: 64px; background:fixed url(about:blank);}
.storyMain .conBox .bBox .poster{ position: relative; z-index: 1; width: 432px; height: 632px; background:url(https://www.med66.com//upload/resources/image/2022/06/03/597439.png) no-repeat;}
.storyMain .conBox .bBox .poster .ewm{ display: block; position: absolute; left: 40px; bottom: 14px; width: 132px; height: 132px; -webkit-box-shadow:0 5px 10px rgba(245, 107, 48, 0.6); -moz-box-shadow:0 5px 10px rgba(245, 107, 48, 0.6); box-shadow:0 5px 10px rgba(245, 107, 48, 0.6);}
.storyMain .conBox .bBox .pkCon{ width: 432px; height: 632px; background:url(/images/zhuanti/2022anniversary/bg_14.jpg) no-repeat;}
.storyMain .conBox .bBox .pkCon-tit{ line-height: 86px; text-align: center; font-size: 30px; font-weight: 700; color: #b0310b;}
.storyMain .conBox .bBox .pkCon-top{ position: relative; z-index: 2; height: 36px; padding: 0 30px; margin-bottom: 12px;}
.storyMain .conBox .bBox .pkCon-top .ptLeft{ float: left; line-height: 36px; font-size: 18px;}
.storyMain .conBox .bBox .pkCon-top .ptRight{ float: right;}
.storyMain .conBox .bBox .pkCon-bot{ display: none; position: relative; z-index: 1; height: 498px;}
.storyMain .conBox .bBox .pkCon-bot .pbTit{ line-height: 60px; padding: 0 30px; font-size: 24px; font-weight: 700;}
.storyMain .conBox .bBox .pkCon-bot .pbBox{ display: block; position: relative; z-index: 1; padding: 22px 30px 28px; margin: 0 15px; background: #fffefd; border-radius: 10px;}
.storyMain .conBox .bBox .pkCon-bot .pbBox .icon{ position: absolute; left: 50%; top: 20px; margin-left: -31px; width: 62px; height: 62px; background:url(/images/zhuanti/2022anniversary/icon_12.png) no-repeat;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-txt{ line-height: 26px; font-size: 16px; margin-bottom: 24px;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-txt b{ display: block; font-size: 34px; line-height: 60px;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-txt.left{ float: left; text-align: left; color: #fe5f78;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-txt.right{ float: right; text-align: right; color: #748af8;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-tiao{ clear: both; position: relative; z-index: 1; overflow: hidden; width: 342px; height: 50px; background: #748af8; border-radius: 25px;}
.storyMain .conBox .bBox .pkCon-bot .pbBox-tiao .fdTiao{ position: absolute; left: 0; top: 0; height: 50px; background:url(/images/zhuanti/2022anniversary/icon_13.png) no-repeat right #fe5f78;}
.storyMain .conBox .bBox .pkCon-bot .pbban{ position: absolute; display: block; left: 0; bottom: 0; z-index: 2; width: 432px; height: 214px;}
.storyMain .conBox .bBox .pkCon-bot .pbban img{ width: 432px; height: 214px;}


/*jquery-select.tipxw固定样式请勿动*/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/*此处样式自定义*/
.yourSelect01{ width:190px; height:36px; font-family: "Microsoft Yahei"; background: #fff;}
.yourSelect01 input{border:1px solid #e2c8f8;width:188px;overflow:hidden;height:34px;line-height:34px;text-indent:10px;font-size: 16px;font-family: "Microsoft Yahei";color:#999}
.yourSelect01 input.on{ color: #333;}
.yourSelect01 i{display:block;width:13px;height:9px; background:url(/images/zhuanti/2022anniversary/icon_11.png) no-repeat;top:13px;right:7px;}
.yourSelect01 ul{width:188px; border:1px solid #e2c8f8;overflow: auto; overflow-x: hidden;background:#fff;}
.yourSelect01 ul li{overflow: hidden; width:188px;cursor:pointer;line-height:34px;height:34px;text-indent:10px;font-size: 14px; background: #fff;}
.yourSelect01 ul li.hover{background:#ffd482;}

/*榜样*/
.storyMainBg{ background:url(/images/zhuanti/2022anniversary/bg_03.jpg) no-repeat center bottom;}
.storyMain .soliciting-articles{ height:346px; background:url(/images/zhuanti/2022anniversary/bg_09.png); border-radius: 10px; margin-bottom: 30px;}
.storyMain .soliciting-articles .tit{ width:178px; text-align:center;}
.storyMain .soliciting-articles .tit h3{ line-height:46px; font-size:32px; color:#e42c3f; padding-top:52px;}
.storyMain .soliciting-articles .tit h4{ line-height:32px; font-size:20px; color:#e42c3f;}
.storyMain .soliciting-articles .tit p{ line-height:30px; padding-top:14px; font-size:18px; color:#82352c;}
.storyMain .soliciting-articles .con02{ width:974px; height: 330px; background: #fff; border-radius: 10px; margin: 8px 8px 0 0;}
.storyMain .soliciting-articles .con02 h4{ font-weight:normal; color:#761607; padding-left:60px; line-height:86px; font-size: 14px;}
.storyMain .soliciting-articles .con02 .list{ padding:10px 0 0 136px; width:330px;}
.storyMain .soliciting-articles .con02 .list li{ font-size:16px; line-height:40px;}
.storyMain .soliciting-articles .con02 .list li a{ color:#761607;}
.storyMain .soliciting-articles .con02 .list .tit02{ width:92px; height:79px; line-height:79px; text-align:center; text-indent:13px; font-size:26px; color:#761607; font-weight:bold; left:34px; top:0; background:url(/images/zhuanti/2022anniversary/icon_08.png) no-repeat;}

/*新征程*/
.journeyMain{ padding-bottom: 52px;}
.journeyMain .conBox{ text-align: center; padding: 30px 20px; background: #fceadb; border-radius: 20px; -webkit-box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1); -moz-box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1); box-shadow:0 10px 0 rgba(255, 154, 119, 1),0 10px 14px rgba(226, 75, 56, 1);}
.journeyMain .conBox .ewmList{ display: inline-block; *display: inline; *zoom: 1; width: 172px; padding: 8px; background: #bf102d; margin: 0 36px;}
.journeyMain .conBox .ewmList-pic{ width: 172px; height: 172px;}
.journeyMain .conBox .ewmList-txt{ line-height: 46px; text-align: center; font-size: 18px; color: #ffefe3;}


@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    12%{-webkit-transform:rotate(-4deg)}
    21%{-webkit-transform:rotate(4deg)}
    30%{-webkit-transform:rotate(-4deg)}
    36%{-webkit-transform:rotate(2deg)}
    40%{-webkit-transform:rotate(-2deg)}
    57%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    12%{-moz-transform:rotate(-4deg)}
    21%{-moz-transform:rotate(4deg)}
    30%{-moz-transform:rotate(-4deg)}
    36%{-moz-transform:rotate(2deg)}
    40%{-moz-transform:rotate(-2deg)}
    57%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    12%{-o-transform:rotate(-4deg)}
    21%{-o-transform:rotate(4deg)}
    30%{-o-transform:rotate(-4deg)}
    36%{-o-transform:rotate(2deg)}
    40%{-o-transform:rotate(-2deg)}
    57%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    12%{transform:rotate(-4deg)}
    21%{transform:rotate(4deg)}
    30%{transform:rotate(-4deg)}
    36%{transform:rotate(2deg)}
    40%{transform:rotate(-2deg)}
    57%{transform:rotate(0deg)}
}