@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.71 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: middle; border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #f54343; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { position: relative; float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*main*/
.hd, .bd, .d, .inn, .inn2, .menu, .u, .u li, .pic, .txt, .ptC, .ptC2, .ptC3, .ptC4, .hd2, .wzC, .box { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area, .wrap { position: relative; clear: both; width: 100%; overflow: hidden; min-width: 1200px; }
.inn, .inn2 { width: 1200px; margin: 0 auto; }
/*footer*/
.footer { font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
.footer .f_fcr { float: left; color: #f00; margin-right: 100px; }
/*mod*/
.opacity { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 56px; background: #000; filter: alpha(opacity=70); opacity: .7; }
.fcR, .fcR:hover { color: #e14a40; }
.fcR2, .fcR2:hover { color: #dd1f42; }
.fcG, .fcG:hover { color: #1d68f1; }
.prev, .next, .cap2, .cap2 a, .i_play, .i_play2, .iC, .a_btn { display: block; line-height: 20em; overflow: hidden; }
.i_play, .i_play2 { position: absolute; top: 50%; left: 50%; z-index: 99; margin: -33px 0 0 -33px; width: 66px; height: 66px; background: url(221201wlkwl-i_play.png) 0 0 no-repeat; opacity: .8; }
.i_play2 { width: 88px; height: 88px; margin: -44px 0 0 -44px; background-image: url(221201wlkwl-i_play2.png); }
.cap2 { width: 938px; height: 51px; margin: 0 auto; background: url(221201wlkwl-bg_cap2.png) 0 0 no-repeat; }
.cap2_2 { background-position: 0 -100px; }
.cap2_3 { background-position: 0 -200px; }
.cap2_4, .cap2_5 { position: absolute; top: 0; left: 50%; z-index: 9; width: 278px; height: 81px; margin-left: -139px; background-position: 0 -300px; }
.cap2_5 { background-position: 0 -400px; }
.cap2 a { display: block; width: 100%; height: 100%; overflow: hidden; }
.a_btn { width: 215px; height: 72px; margin: 284px auto 0; background: url(221201wlkwl-btn_djjr.png) 0 0 no-repeat; overflow: hidden; }
/*u_dot*/
.u_dot { margin: 0 auto; }
.u_dot li, .u_dot2 li { height: 89px; padding: 0 16px; border-bottom: 2px solid #fff; }
.u_dot a, .u_dot2 a { float: left; font-size: 16px; display: block; padding-left: 8px; height: 60px; line-height: 30px; margin-top: 14px; background: url(221201wlkwl-i_dot.png) 0 14px no-repeat; overflow: hidden; }
.u_dot2 li { height: 30px; padding: 0; margin-bottom: 20px; border: none; }
.u_dot2 a { height: 30px; margin: 0; }
.u_dot a:hover, .u_dot2 a:hover { color: #bf110a; background-position: 0 -86px; }
/*ptC*/
.pic img { width: 100%; opacity: .8; transition: all 1.1s ease; }
.ptC { width: 796px; height: 449px; margin: 5px 0 0 5px; }
.ptC .pic { width: 100%; height: 449px; background: #000; }
.ptC .txt { position: absolute; left: 26px; bottom: 0; z-index: 5; font-size: 18px; text-align: left; color: #fff; width: 500px; height: 56px; line-height: 56px; overflow: hidden; }
.ptC a, .ptC a:hover { color: #fff; }
.ptP { width: 1300px; }
.ptC2 { float: left; clear: none; width: 604px; height: 343px; margin-right: 28px; background: url(221201wlkwl-bg_pt2.png) 0 0 no-repeat; }
.ptC2 .pic { position: absolute; top: 4px; left: 4px; z-index: 3; width: 596px; height: 334px; background: #000; }
.ptC2 .txt, .ptC3 .txt { position: absolute; bottom: 0; left: 0; z-index: 5; font-size: 14px; height: 45px; line-height: 45px; padding: 0 15px; }
.ptC2 .opacity { height: 45px; }
.ptP3 { width: 1300px; }
.ptC3 { float: left; clear: none; width: 386px; height: 246px; margin-right: 22px; background: none; }
.ptC3 .pic { width: 378px; height: 207px; background: #000; border: 2px solid #d8d8d7; border-radius: 20px; box-shadow: 2px 5px 3px #d8d8d7; }
.ptC3 .txt { font-size: 14px; height: 40px; line-height: 40px; }
.ptC3 .opacity { height: 40px; background: #d12d34; }
.ptP4 { width: 1300px; padding-left: 44px; }
.ptC4 { float: left; clear: none; width: 240px; height: 420px; margin-right: 48px; background: none; }
.ptC4 .pic { width: 236px; height: 308px; background: #000; border: 2px solid #d8d8d7; border-radius: 20px; box-shadow: 0 5px #d8d8d7; }
.ptC4 .txt { font-size: 14px; height: 48px; line-height: 24px; margin-top: 10px; }
.ptC4 a:hover { color: #000; }
.ptC2 a, .ptC2 a:hover, .ptC3 a, .ptC3 a:hover { color: #fff; }
.ptC a:hover img, .ptC2 a:hover img, .ptC3 a:hover img, .ptC4 a:hover img { opacity: 1; transform: scale(1.05); }
/* jptP */
.jdt { font-family: "microsoft yahei"; position: relative; background: url(221201wlkwl-bg_jdt.png) 0 0 no-repeat; }
.jdt, .jdt .j_bd { width: 806px; height: 458px; overflow: hidden; }
.jdt .j_hd { position: absolute; z-index: 10; right: 0; bottom: 20px; width: 126px; height: 3px; }
.jdt .j_hd ul li { float: left; display: block; text-indent: -999px; width: 30px; height: 3px; margin-right: 4px; background: #9ea3a1; overflow: hidden; cursor: pointer; }
.jdt .j_hd ul li.on { background: #f76969; }
.jdt .j_bd { position: relative; float: left; }
.jdt .pageState { position: absolute; z-index: 7; left: 65px; bottom: 0; font-size: 24px; color: #fff; height: 55px; line-height: 55px; }
.jdt .pageState span { font-size: 30px; color: #333; }
.jdt .j_bd ul { overflow: hidden; zoom: 1; }
.jdt .j_bd ul li { float: left; _display: inline; text-align: center; overflow: hidden; }
.prev, .next { position: absolute; z-index: 999; display: block; text-indent: -999px; width: 30px; height: 30px; margin: 0; }
.next { background-position: -100px 0; }
/*area*/
.s1, .s2, .s3, .s4, .s5, .s6 { position: relative; float: left; width: 806px; overflow: hidden; }
.s2 { float: right; width: 380px; }
.s2 { height: 453px; margin-top: 5px; background: #fae5b8; }
.s4 { width: 604px; padding-left: 60px; }
.s5 { width: 426px; padding-left: 60px; }
.wrap { background: url(221201wlkwl-bg_wrap.jpg) center 0 no-repeat; }
.header { height: 475px; }
.P1_1 { height: 692px; }
.P1_2 { height: 680px; background: url(221201wlkwl-bg_p2.jpg) center 0 no-repeat; }
.P1_3 { height: 551px; background: url(221201wlkwl-bg_p3.jpg) center 0 no-repeat; }
.P1_4 { height: 445px; background: url(221201wlkwl-bg_p4.jpg) center 0 no-repeat; }
.hd2 { height: 98px; }
.P1_2 .hd2 { height: 122px; }
.wzC { font-size: 14px; color: #666; height: 190px; line-height: 30px; }
.wzC p { text-indent: 2em; height: 120px; overflow: hidden; }
.wzC .cap3 { font-size: 20px; color: #000; height: 30px; padding-left: 16px; margin-bottom: 14px; background: url(221201wlkwl-i_dot2.png) 0 11px no-repeat; overflow: hidden; }
.wzC .cap3 a { color: #000; }
.wzC .cap3 a:hover { color: #bf110a; }
/*swiper*/
#certify { position: relative; width: 1200px; margin: 0 auto; }
#certify .swiper-container { padding-bottom: 60px; }
#certify .swiper-slide { text-align: center; width: 537px; height: 362px; }
#certify .swiper-slide img { display: block; width: 100%; box-shadow: 0 0 20px -4px #000; }
#certify .swiper-slide p { font-size: 18px; text-align: center; color: #333; line-height: 60px; padding-top: 0; margin: 0; }
#certify .swiper-slide a:hover { color: #333; text-decoration: none; }
#certify .swiper-pagination { width: 100%; bottom: 20px; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev, #certify .swiper-button-next { position: absolute; top: 38%; width: 69px; height: 135px; margin-top: -68px; }
#certify .swiper-button-prev { left: 50%; margin-left: -380px; background: url(221201wlkwl-btn_prev.png) 0 0 no-repeat; }
#certify .swiper-button-next { right: 50%; margin-right: -380px; background: url(221201wlkwl-btn_next.png) 0 0 no-repeat; }
/*#certify .swiper-slide-active { margin-top: 94px; }*/
/*mbx*/
.mbx { font-size: 16px; color: #000; height: 30px; line-height: 30px; padding-left: 100px; margin: 24px 0 40px; }
.mbx a, .mbx a:hover { color: #000; text-decoration: none; }
/*page*/
.page { clear: both; width: 100%; padding: 50px 0; overflow: hidden; }
.page .inner { text-align: center; }
.page a, .page a.on, .page .slh, .First_Page, .Fir_Page, .next_Page, .Last_Page, .page .page-link { display: inline-block; font-size: 16px; text-align: center; text-decoration: none; height: 38px; line-height: 38px; color: #666; padding: 0 14px; margin: 0 5px; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; overflow: hidden; }
.page a:hover, .page .page-link:hover { color: #f55252; text-decoration: none; background: #fff; border: 1px solid #ddd; }
.page a.on, .page a.on:hover, .page .active .page-link, hover, .page .active .page-link： { text-decoration: none; color: #fff; background: #e20200; border-color: #e20200; }
.page a.first, .page a.end, .page a.pfirst, .page a.pend { text-align: center; padding: 0 10px; }
.page a.end, .page a.pend { margin-right: 0; }
.page .slh, .page .slh:hover { background: none; margin: 0; border: none; }
.page .pnum, .page .pnum i { font-size: 18px; height: 38px; line-height: 38px; padding-left: 15px; overflow: hidden; }
.page .pnum { display: inline-block; height: 40px; }
.page .pnum i { float: left; padding: 0 6px; }
.page .pnum input { float: left; text-align: center; width: 72px; height: 38px; line-height: 38px; background: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; outline: none; }
.page .pnum .first input { background: none; border: none; }
.page li { display: inline-block; }
/*n_txt*/
.n_txtP { width: 760px; margin: 0 auto; }
.n_txt { clear: both; min-height: 120px; padding: 15px 0; margin-bottom: 25px; border-bottom: 1px solid #efefef; overflow: hidden; }
.n_txt img { float: left; width: 232px; height: 128px; margin-right: 28px; border: 2px solid #d8d8d7; border-radius: 20px; box-shadow: 0 5px 3px #d8d8d7; }
.n_cap3 { font-size: 20px; font-weight: normal; height: 60px; line-height: 60px; padding-left: 15px; background: url(221201wlkwl-i_dot.png) 0 28px no-repeat; overflow: hidden; }
.n_info { font-size: 14px; font-style: italic; color: #848484; height: 60px; line-height: 30px; padding: 0 15px; overflow: hidden; word-break: break-all; }
.n_cap3 a, .n_cap3 a:hover { color: #000; }
.n_txtP2 { padding: 64px 45px 0; }
.n_txtP2 .n_txt { min-height: 120px; padding: 26px 0; margin-bottom: 15px; border-bottom: 1px solid #eee3e5; }
.n_txtP2 .n_cap3 { padding-left: 0; background: none; }
.n_txtP2 .n_cap3 a, .n_txtP2 .n_cap3 a:hover { color: #343434; }
.n_txtP2 .n_info { font-style: normal; color: #3d3c3c; padding: 0; }
/*qchj*/
.qchj { background: url(221201wlkwl-bg_hj.jpg) center 0 no-repeat; }
.hj_hd { height: 435px; }
.box { width: 1060px; padding: 36px 10px 10px; margin: 0 auto 40px; }
.box .bd { height: 582px; background: rgba(247,208,216,.3); border-radius: 20px; border: 2px solid #e1e1e1; box-shadow: 0 0 8px #e6e6e6; }
.d_hjjs .txt { font-size: 21px; color: #3d3d3d; line-height: 46px; padding: 64px 88px 0; }
.d_hjjs p { text-indent: 2em; }
.d_hjjs .p0 { text-indent: 0; }
.d_hjzs { margin-bottom: 100px; }
.d_hjzs .bd { height: auto; }
.P3_1 .inn, .P4_1 .inn, .P5_1 .inn { min-height: 600px; padding-bottom: 50px; }