@charset "UTF-8";
/* 202220717cxb */
body { font: 12px/24px arial, \5FAE\8F6F\96C5\9ED1; color: #0e1125; }

body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, i { margin: 0; padding: 0; font-style: normal; }

a { color: #6f3914; text-decoration: none; cursor: pointer; zoom: 1; }

a:hover { color: #fffb00; text-decoration: none; cursor: pointer; }

ol, ul, li { list-style: none; }

img { border: none; }

.cf, .wrap { *zoom: 1; }

.cf:after, .wrap:after { content: '\20'; display: block; height: 0; clear: both; }

.fl { float: left; }

.fr { float: right; }

.fl, .fr { _display: inline; }

:root * { -webkit-filter: none\9  !important; filter: none\9  !important; }

.topbar .logo { height: 40px; overflow: hidden; }

.r_menu a { color: #333; }

.r_menu a:hover { color: #f60; }

/* public */
.w { width: 1000px; margin: 0 auto; position: relative; }

.pr { position: relative; }

.footer { font-family: '\5FAE\8F6F\96C5\9ED1'; padding: 20px 0; color: #333; background: none; font-size: 16px; background: #fff; }

.footer a { color: #333; }

.wrap_head { height: 1080px; background: url(/images/wwzsjs/wrap_head.jpg) center top no-repeat; position: relative; }

.wrap_head .sltip { width: 108px; height: 139px; background: url(/images/wwzsjs/age.png) no-repeat; position: absolute; top: 151px; left: -172px; display: block; cursor: pointer; }

.wrap_head .btn { line-height: 999px; display: block; overflow: hidden; }

.wrap_head .btn.btn-add-group { width: 153px; height: 55px; background: url(/images/wwzsjs/btn-add.png) no-repeat; position: absolute; top: 20px; right: 10px; }

.wrap_head .btn.btn-add-group:hover { background-image: url(/images/wwzsjs/btn-add-hover.png); }

.wrap_head .downbox { width: 100%; text-align: center; padding: 55px 0 0; }

.wrap_head .downbox .text { font-size: 16px; line-height: 25px; color: #fff; padding: 20px 0 0; }

.wrap_head .downbox .text span { color: #e7dda9; }

.wrap_head .downbox .btn { width: 338px; height: 100px; text-align: center; display: inline-block; vertical-align: top; position: relative; }

.wrap_head .downbox .btn span { width: 100%; text-align: center; line-height: 30px; color: #8c7346; padding-top: 60px; display: block; }

.wrap_head .downbox .btn.btn-yy { background: url(/images/wwzsjs/btn-yy.png) no-repeat; }

.wrap_head .downbox .btn.btn-yy:hover { background-image: url(/images/wwzsjs/btn-yy-hover.png); }

.wrap_head .downbox .btn.btn-start { background: url(/images/wwzsjs/btn-start.png) no-repeat; }

.wrap_head .downbox .btn.btn-start:hover { background-image: url(/images/wwzsjs/btn-start-hover.png); }

.wrap_head .head_01, .wrap_head .head_02, .wrap_head .head_03 { height: 360px; background-position: center top; background-repeat: no-repeat; }

.wrap_head .head_01 { background-image: url(/images/wwzsjs/head_01.jpg); }

.wrap_head .head_02 { background-image: url(/images/wwzsjs/head_02.jpg); }

.wrap_head .head_03 { background-image: url(/images/wwzsjs/head_03.jpg); }

.main { width: 100%; height: auto; overflow: hidden; background: url(/images/wwzsjs/wrap_main.jpg) center top no-repeat #6cc1f4; padding-bottom: 50px; }

.pubtit { height: 121px; text-align: center; }

.pubcont { margin: 17px auto 0; background-repeat: no-repeat; position: relative; }

.box1 { height: 670px; background: url(/images/wwzsjs/box1.jpg) center top no-repeat; padding: 50px 0 0; }

.box1 .pubcont { width: 965px; height: 266px; background-image: url(/images/wwzsjs/box1-cont.png); padding: 1px 0 0; }

.box1 .pubcont .ins { width: 680px; float: left; margin: 60px 0 0 35px; color: #184e8c; font-size: 16px; line-height: 32px; }

.box1 .pubcont .r-btn { float: right; margin: 50px 50px 0 0; }

.box1 .pubcont .r-btn a { width: 168px; height: 56px; display: block; margin-top: 10px; overflow: hidden; line-height: 999px; }

.box1 .pubcont .r-btn a.btn-down { background: url(/images/wwzsjs/btn-down.png) no-repeat; }

.box1 .pubcont .r-btn a.btn-down:hover { background-image: url(/images/wwzsjs/btn-down-hover.png); }

.box1 .pubcont .r-btn a.btn-bbs { background: url(/images/wwzsjs/btn-bbs.png) no-repeat; }

.box1 .pubcont .r-btn a.btn-bbs:hover { background-image: url(/images/wwzsjs/btn-bbs-hover.png); }

.box2 { height: 776px; background: url(/images/wwzsjs/box2.jpg) center top no-repeat; padding: 44px 0 0; }

.box2 .pubcont { margin-top: -27px; width: 997px; height: 424px; background-image: url(/images/wwzsjs/box2-cont.png); padding: 1px 0 0; }

.box2 .pubcont .nlist { width: 590px; float: left; margin: 105px 0 0 65px; height: 258px; overflow: hidden; }

.box2 .pubcont .nlist li { height: 41px; border-bottom: 2px dashed #f1f3f4; font-size: 18px; line-height: 41px; color: #184e8c; }

.box2 .pubcont .nlist li .time { float: right; }

.box2 .pubcont .nlist li a { color: #184e8c; }

.box2 .pubcont .nlist li a:hover { color: #c7ac79; text-decoration: underline; }

.box3 { height: 835px; background: url(/images/wwzsjs/box3.jpg) center top no-repeat; padding: 45px 0 0; }

.box3 .pubcont { margin-top: 20px; width: 965px; height: 414px; background-image: url(/images/wwzsjs/box3-cont.png); }

.box3 .pubcont .ts-list { width: 884px; margin: 0 auto; height: 296px; overflow: hidden; padding: 60px 0 0; }

.box3 .pubcont .ts-list li { height: 68px; padding: 2px 0; border-bottom: 2px dashed #f1f3f4; }

.box3 .pubcont .ts-list li a { height: 68px; line-height: 68px; overflow: hidden; border-radius: 8px; color: #446a9d; font-size: 16px; padding: 0 0 0 190px; position: relative; display: block; }

.box3 .pubcont .ts-list li a:hover { background-color: #f0f0f0; }

.box3 .pubcont .ts-list li a:hover .tag { background-image: url(/images/wwzsjs/tag-hover.png); }

.box3 .pubcont .ts-list li a .tag { width: 168px; height: 47px; line-height: 47px; display: block; position: absolute; top: 50%; margin-top: -24px; left: 3px; background: url(/images/wwzsjs/tag.png) no-repeat; text-align: center; overflow: hidden; color: #fff; }

.box4 { height: 613px; background: url(/images/wwzsjs/box4.jpg) center top no-repeat; padding: 45px 0 0; }

.box4 .pubcont { margin-top: 20px; width: 965px; height: 453px; background-image: url(/images/wwzsjs/box4-cont.png); }

.box4 .pic-box { padding: 50px 0 0; width: 870px; margin: 0 auto; }

.box4 .pic-box li { width: 88px; float: left; height: 340px; margin-left: -2px; }

.box4 .pic-box li.on { width: 690px; }

.box4 .pic-box li.on .r { display: block; }

.box4 .pic-box li .l { width: 84px; height: 334px; border: 2px solid #2f95dd; float: left; cursor: pointer; }

.box4 .pic-box li .r { width: 573px; float: left; position: relative; height: 342px; padding: 10px 0 0 3px; margin-left: 5px; display: none; }

.box4 .pic-box li .r .smask { width: 618px; height: 358px; position: absolute; top: -8px; left: -13px; display: block; background: url(/images/wwzsjs/imgmask.png) no-repeat; }

.box4 .pic-box li .r img { width: 584px; height: 324px; }

.plbox { width: 889px; border: 4px solid #2a80e5; background: #fff; margin: 40px auto 0; padding: 10px; }

.pop { width: 580px; position: relative; padding: 20px 0 20px; border-radius: 7px; border: 3px solid #fff; background: #aa8e66; }

.pop .p-close { width: 32px; height: 32px; display: block; background: url(/images/wwzsjs/p-close.png) no-repeat; position: absolute; top: 20px; right: 20px; z-index: 10; }

.pop .p-tit { width: 256px; height: 63px; background: url(/images/wwzsjs/p-tit.png) no-repeat; margin: 0 auto 0; text-align: center; line-height: 63px; font-size: 26px; font-weight: bold; color: #fff; }

.pop .p-text { padding: 20px 0; color: #fff; text-align: center; font-size: 20px; }

.scrollStyle2 { overflow: hidden; overflow-y: auto; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ }

.scrollStyle2::-webkit-scrollbar { width: 8px; height: 100px; border-radius: 4px; position: relative; background: #5573d4; }

.scrollStyle2::-webkit-scrollbar-thumb { width: 8px; border-radius: 4px; background: #7ec1ff; }

.scrollStyle2::-webkit-scrollbar-track { width: 8px; }

@keyframes around1 { 0% { transform: translate(0rem, 0rem); }
  20% { transform: translate(4.5rem, 3.3rem); }
  40% { transform: translate(3rem, -1.5rem); }
  60% { transform: translate(1rem, 3rem); }
  80% { transform: translate(4.5rem, -0.75rem); }
  100% { transform: translate(3rem, 3.6rem); } }

@keyframes around2 { 0% { transform: translate(0rem, 0rem); }
  10% { transform: translate(6rem, -2.4rem); }
  30% { transform: translate(5rem, 2.6rem); }
  50% { transform: translate(-1rem, -2.4rem); }
  80% { transform: translate(0rem, 2.8rem); }
  100% { transform: translate(6rem, -3.6rem); } }

@keyframes around3 { 0% { transform: translate(0rem, 0rem); }
  25% { transform: translate(2.1rem, -8.7rem); }
  50% { transform: translate(9.4rem, 0rem); }
  80% { transform: translate(-0.6rem, -8.7rem); }
  100% { transform: translate(8.7rem, 0rem); } }

@keyframes around4 { 0% { transform: translate(0rem, 0rem); }
  12% { transform: translate(1.5rem, 7.5rem); }
  30% { transform: translate(-4.5rem, -0.9rem); }
  60% { transform: translate(-4.2rem, 7.8rem); }
  80% { transform: translate(-0.3rem, -0.9rem); }
  100% { transform: translate(-0.6rem, 7.8rem); } }

@keyframes around5 { 0% { transform: translate(0rem, 0rem); }
  22% { transform: translate(-1.5rem, -5.1rem); }
  46% { transform: translate(4.5rem, 4.3rem); }
  80% { transform: translate(6rem, -3.3rem); }
  100% { transform: translate(-3rem, 4.2rem); } }

@keyframes around6 { 0% { transform: translate(0rem, 0rem); }
  15% { transform: translate(7.8rem, 1.2rem); }
  30% { transform: translate(-2.4rem, -7.8rem); }
  45% { transform: translate(-1.2rem, 1.2rem); }
  60% { transform: translate(3rem, -8.7rem); }
  75% { transform: translate(-2.4rem, -8.4rem); }
  100% { transform: translate(0.3rem, 1.2rem); } }

@keyframes around7 { 0% { transform: translate(0rem, 0rem); }
  20% { transform: translate(-1.8rem, -5.1rem); }
  40% { transform: translate(2.7rem, 4.8rem); }
  60% { transform: translate(-6.6rem, -4.2rem); }
  80% { transform: translate(4.8rem, -1.8rem); }
  100% { transform: translate(-3rem, -3rem); } }

@keyframes around8 { 0% { transform: translate(0rem, 0rem); }
  20% { transform: translate(4.2rem, -3.6rem); }
  40% { transform: translate(-4.2rem, 1.2rem); }
  60% { transform: translate(-5.4rem, -7.2rem); }
  80% { transform: translate(3rem, 1.5rem); }
  100% { transform: translate(-5.4rem, -6.6rem); } }

@keyframes around9 { 0% { transform: translate(0rem, 0rem); }
  30% { transform: translate(-9rem, -5.4rem); }
  60% { transform: translate(-10.5rem, 3.6rem); }
  80% { transform: translate(-3rem, -6rem); }
  100% { transform: translate(-6rem, 3rem); } }

@keyframes around10 { 0% { -webkit-transform: translate(0rem, 0rem); }
  15% { -webkit-transform: translate(-9rem, -8.1rem); }
  30% { -webkit-transform: translate(0.6rem, -6.6rem); }
  50% { -webkit-transform: translate(-10.5rem, 0.3rem); }
  75% { -webkit-transform: translate(0rem, -4.5rem); }
  100% { -webkit-transform: translate(-9rem, -9rem); } }

@keyframes qz { 0% { transform: rotate(0deg); }
  100% { transform: rotate(135deg); } }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { animation: bounceIn 2s linear alternate infinite; }