@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.5 "幼圆", \5E7C\5706, "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { border: 0; vertical-align: top; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { 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%; }
/*com*/
html, body { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
body /*,.swiper-slide*/ { position: relative; background: url(20210628bg2.jpg) center 0 no-repeat; -webkit-background-size: cover; background-size: cover; }
.slide1 { z-index: 999; background-image: url(20210628bg1.jpg); }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top: auto; bottom: 10px; left: 50%; z-index: 999; width: 1300px; margin-left: -650px; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #d50024; }
.hd, .bd, .d, .inn, .inn2, .u, .u li, .box, .pic, .txt, .tit, .con, .wzC, .ptC, .ptC2, .ptC3, .ptC4 { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area { clear: both; width: 100%; overflow: hidden; min-width: 1300px; }
.inn { font-size: 16px; width: 1300px; margin: 0 auto; z-index: 10; height: 90%; min-height: 600px; padding-top: 40px; }
.opacity { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 40px; background: #d50024; filter: alpha(opacity=70); opacity: .7; }
.fcR, .fcR:hover { color: #f6300f; }
.s1, .s2, .s3, .s4, .s5, .s6 { position: relative; float: left; width: 426px; height: 680px; overflow: hidden; }
.s3 { width: 520px; padding-left: 85px; }
.s5 { width: 620px; }
.s2, .s4, .s6 { float: right; width: 430px; }
.s2 { margin-right: 50px; }
.s4 { width: 315px; }
.s6 { width: 235px; }
.s5, .s6 { height: 500px; }
.btn, .d3, .cap2, .iC { display: block; line-height: 50em; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
.cap2 { position: absolute; top: 0; right: 24px; z-index: 99; width: 107px; height: 248px; background-image: url(20210628bg_cap2.png); }
.cap2_2 { background-position: -200px 0; }
.cap2_3 { background-position: -400px 0; }
.cap2_4 { background-position: -600px 0; }
.cap2_5 { background-position: -800px 0; }
.cap2_6 { background-position: -1000px 0; }
.cap2_7 { height: 323px; background-position: -1200px 0; }
.cap2 a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; }
.cap3 { font-size: 16px; font-weight: normal; overflow: hidden; }
.d_cap1 { width: 726px; height: 295px; margin: 0 auto; background-image: url(20210628bg_cap1.png); }
.d_cap11 { width: 206px; height: 95px; margin: 40px auto 20px; background-image: url(20210628bg_cap11.png); }
.d_cap11 a { display: block; width: 100%; }
.btn, .d_logo, .iC, .btn_hsy { background-image: url(20210628bg_main.png); }
.btn, .d_logo { width: 154px; height: 50px; margin: 20px auto 0; }
.btn1 { width: 192px; }
.btn2 { width: 368px; background-position: 0 -100px; }
.btn3 { background-position: 0 -200px; }
.btn4 { background-position: 0 -300px; }
.d_logo { width: 80px; height: 38px; margin-top: 40px; background-position: 0 -400px; }
.d_tip { position: absolute; right: 20px; bottom: 10px; width: 155px; height: 102px; background-image: url(20210628bg_tip.png); }
.d_xxh { position: absolute; right: 0; bottom: 5px; width: 120px; height: 146px; background-image: url(20210628bg_xxh.png); }
.btn_hsy { width: 124px; height: 40px; margin: 40px 0 0 26px; background-position: 0 -500px; }
.iC { width: 115px; height: 22px; margin-top: 7px; background-position: 0 -800px; }
.i_t1 { width: 164px; background-position: 0 -600px; }
.i_t2 { width: 164px; background-position: 0 -700px; }
.i_t4 { width: 164px; background-position: 0 -900px; }
/*d2*/
.d2 { position: absolute; display: block; transition: all 1s; transition-delay: 0.7s; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.bg { position: absolute; top: 0; left: 50%; z-index: 1; width: 1920px; height: 100%; margin-left: -960px; }
/*u_dot*/
.u_dot { height: 213px; }
.u_dot li { font-size: 14px; height: 106px; line-height: 30px; padding-left: 16px; background: url("../image/20210628bg_dot.png") 0 15px no-repeat; border-bottom: 1px solid #ecd1a9; }
.u_dot li p { color: #000; height: 60px; overflow: hidden; }
.u_dot .cap3 { height: 38px; line-height: 38px; }
.u_dot .cap3 a, .u_dot .cap3 a:hover { color: #d74248; text-decoration: none; }
.u_dot3 { width: 456px; height: 138px; }
.u_dot3 li { height: 68px; line-height: 68px; padding-left: 80px; border-bottom: 2px dashed #f9f0e5; background: url("../image/20210628i_yw.png") 0 center no-repeat; }
.u_dot3 li.l_2 { background-image: url("../image/20210628i_yw2.png"); }
.u_dot3 li a { display: block; padding-left: 14px; background: url("../image/20210628bg_dot.png") 0 -67px no-repeat; }
/*ptC*/
.pic img { width: 100%; }
.ptC { height: 520px; height: 600px; margin-top: 40px; background: #d50024; border-radius: 16px; }
.ptC .pic { width: 100%; height: 520px; }
.ptC .txt { font-size: 25px; color: #fff; width: 500px; height: 80px; line-height: 80px; margin: 0 25px; }
.pt230 { width: 230px; height: 280px; }
.pt230 .pic { height: 230px; }
.pt230 .txt { font-size: 16px; height: 50px; line-height: 50px; padding: 0 20px; }
.ptC2 { float: left; clear: none; width: 360px; height: 240px; margin: 0 10px 10px 0; }
.ptC2 .pic { width: 100%; height: 240px; }
.ptC2 .txt { position: absolute; left: 14px; right: 14px; z-index: 5; bottom: 0; font-size: 16px; height: 40px; line-height: 40px; }
.pt240 { width: 240px; }
.pt235 { width: 235px; height: 157px; }
.pt235 .pic { height: 157px; }
.ptC a, .ptC a:hover, .ptC2 a, .ptC2 a:hover { color: #fff; text-decoration: none; }
.ptP3 { height: 526px; }
.ptC3 { font-size: 16px; color: #000; height: 168px; line-height: 26px; margin-bottom: 15px; border-bottom: 1px dashed #f0d4a7; }
.ptC3 .pic { position: absolute; top: 0; left: 0; z-index: 3; width: 226px; height: 150px; }
.ptC3 .txt { padding: 0 16px 0 246px; }
.ptC3 .cap5 { font-size: 25px; font-weight: normal; color: #662d70; height: 46px; line-height: 44px; }
.ptC3 .cap5 a, .ptC3 .cap5 a:hover { color: #662d70; text-decoration: none; }
.ptC3 p { height: 104px; overflow: hidden; }
/*jdt*/
.jdt, .jdt .j_bd { position: relative; overflow: hidden; }
.jdt { width: 390px; height: 150px; padding: 0 20px; margin: 0 auto; }
.jdt .j_hd { position: absolute; z-index: 10; right: 16px; bottom: 22px; width: 58px; height: 7px; }
.jdt .j_hd ul li { float: left; display: block; text-indent: -999px; width: 23px; height: 7px; margin-right: 6px; background: #fff; overflow: hidden; cursor: pointer; }
.jdt .j_hd ul li.on { background: #e8c695; }
.jdt .j_bd ul { overflow: hidden; zoom: 1; margin-left: -180px !important; }
.jdt .j_bd ul li { float: left; _display: inline; text-align: center; overflow: hidden; width: 250px; }
.prev, .next { position: absolute; top: 50%; display: block; text-indent: -999px; width: 12px; height: 27px; margin-top: -13px; background: url(20210628bg_prev2.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; }
.prev { left: 0; }
.next { right: 0; background-position: 0 -50px; }
.d_zz1, .d_zz2 { position: absolute; top: 0; width: 44px; height: 150px; z-index: 98; background: url(20210628bg_jdt.png) 0 0 no-repeat; }
.d_zz1 { left: 0; }
.d_zz2 { right: 0; background-position: 0 -200px; }
.pic226 { width: 226px; height: 150px; margin: 0 auto; }
/*wzC*/
.wzC { font-size: 18px; color: #290033; line-height: 30px; margin-bottom: 30px; }
.wzC .con { padding: 20px 30px; background: #f0d4a7; min-height: 120px; }
.cap4 { font-size: 30px; font-weight: normal; color: #d50024; height: 60px; line-height: 60px; margin: 30px 0 15px; }
/*P1*/
.btnP { margin-top: 10px; }
/*P2*/
.box { float: right; width: 950px; height: 680px; padding: 10px 40px 0 0; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }
.box .bd { width: 950px; height: 680px; background: #f3f1e5; border-radius: 18px; }
.pic426 { width: 426px; height: 680px; }
/*p10*/
.box2 .bd { width: 858px; padding: 0 46px; }
.box2 .cap4 { margin: 18px 0 8px; }
.btnP2 { height: 66px; line-height: 66px; }
.a_more { float: right; font-size: 18px; color: #e38126; }
.a_more:hover { color: #e38126; }
/*poster-main*/
.poster-main { position: relative; width: 1160px; height: 500px; margin: 0 auto; overflow: hidden; }
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list { width: 1160px; height: 500px; }
.poster-main .poster-list .poster-item { width: 725px; height: 443px; position: absolute; left: 0; top: 0; overflow: hidden; }
.poster-main .poster-list .poster-item img { border-radius: 2px; }
.poster-main .poster-btn { position: absolute; top: 0; z-index: 10; text-indent: -999px; width: 39px; height: 102px; background: url("../image/20210628bg_prev5.png") 100% 110px no-repeat; overflow: hidden; cursor: pointer; }
.poster-main .poster-prev-btn { left: 0; }
.poster-main .poster-next-btn { right: 0; background: url("../image/20210628bg_next5.png") 0 110px no-repeat; }
/*menu*/
.menu { position: absolute; top: 0; bottom: 0; left: 50%; z-index: 99; font-size: 20px; width: 270px; height: 100%; line-height: 36px; margin-left: -650px; background: #ebcd55; }
.u_nav a { width: 232px; height: 36px; padding-left: 48px; }
.u_nav a, .u_nav a:hover { color: #662d70; }
.menu .cap3 { width: 244px; height: 36px; line-height: 36px; padding-left: 26px; margin-top: 8px; }
.menu2 { display: none; }
/*video*/
.video-container { width: 100%; max-width: 1920px; height: 100%; max-height: 1080px; display: block; position: fixed; top: 0; left: 0; z-index: 999; background: #000; }
.video-container video { width: 100%; height: 100%; display: block; background: #000; }
.video-container .skip { position: fixed; top: 115px; right: 96px; z-index: 1000; display: block; text-indent: -999px; width: 201px; height: 67px; line-height: 60px; font-size: 24px; color: #fff; background: url(20210628btn_kip.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; transition: all linear .25s; }
.video-container .skip:hover { color: #fa3642; }
.video-container .voice { width: 90px; height: 90px; background: url(../img/icon-muted.png) center center no-repeat; position: fixed; bottom: 96px; right: 96px; z-index: 1000; cursor: pointer; transition: all linear .25s; }
.video-container .voice.muted { background: url(../img/icon-voice.png) center center no-repeat; }
.video-container .tip-container { position: fixed; left: .5rem; right: .5rem; top: 2rem; margin: auto; height: 1rem; z-index: 9999; /*display: flex;*/ justify-content: center; align-items: center; display: none; }
.video-container .tip-container .tip-text { height: 1rem; font-size: .3rem; line-height: 1rem; color: #333; background: rgba(255, 255, 255, 1); text-align: center; border-radius: 5px; padding: 0 .5rem; display: none; }