body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; }
body { font-family: "Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; font-size: 14px; min-width: 1000px; color: rgb(102, 102, 102); }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q::before, q::after { content: ""; }
abbr, acronym { border: 0px; }
a { text-decoration: none; outline: none; color: rgb(102, 102, 102); }
img { display: block; max-width: 100%; }
p { line-height: 2em; min-height: 20px; }
.clear { display: block; clear: both; }
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 6px; }
::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-thumb { background-color: rgb(153, 153, 153); }
::-webkit-scrollbar-thumb:hover { background-color: rgb(153, 153, 153); }
html, body { position: relative; width: 100%; min-width: 1150px; }
.he_liBl::after, .news_li, .news_block, .news_block::after, a.me_li, .vid_button, .videoBl_clear, .ide_li, .ide_teBl, .nav_ul a::after, .ho_icon, .cuBl_block, .ind_navBl, .indNe_InBl, a.indNe_li, a.indN_li, .se_liBl, .de_liBl, .bu3_liBl, .new_InBl, .new_ul a.new_li, .pr_li, .sh_li, .home_banner .sw_prev, .home_banner .sw_next, .home_banner .comIco span { transition: all 0.3s ease 0s; }
.king { transition: all 0.6s cubic-bezier(0.75, 0, 0.25, 1) 0.3s; }
.king:hover { transform: scale(1.1); }
.king:hover, .news_li:hover, a.me_li:hover, .se_liBl:hover, .de_liBl:hover, .new_ul a.new_li:hover, .pr_li:hover, .sh_li:hover { transform: scale(0.95); box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; }
.new_InBl:hover { transform: scale(0.95); }
.vid_button:hover, .videoBl_clear:hover, .cuBl_block:hover, .home_banner .sw_prev:hover, .home_banner .sw_next:hover { transform: scale(0.9); }
.swiper-slide { overflow: hidden; }
.he_logo::after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; transform: skewX(-25deg); transition: all 0s ease 0s; }
.king { width: 150px; left: 600px; transition: all 1.2s ease 0s; }
.king { width: 150px; left: 1000px; transition: all 1.2s ease 0s; }

@keyframes toShow {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

body { animation: 1s ease-in-out 0s 1 normal backwards running toShow; }

@keyframes t_01 {
    0% { opacity: 0; transform: translate(0px, 60px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

@keyframes t_02 {
    0% { opacity: 1; transform: translate(0px, -60px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

.com_img { animation: 0.6s ease-in-out 0s 1 normal backwards running t_01; }
.com_tiBl { animation: 0.6s ease-in-out 0.3s 1 normal backwards running t_01; }
.com_conBlock { animation: 1s ease-in-out 0s 1 normal backwards running t_02; }

@-webkit-keyframes anim09 {
    0% { left: -200px; }
    30% { left: 600px; }
    100% { left: 600px; }
}

.he_logo::after { animation: 5s ease-in-out 0s infinite normal none running anim09; }

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.ind_bgImg, .com_img img, .vid_img, .ba_block, .ind2_img img, .ind3_img img, .ab_img img, .ab2_img img, .si_imgLi img, .si_img2 img, .jo_img img, .joi_img img, .we_imgBl img { animation: 10s linear 0s infinite normal none running animScale; }
.we_imgBl { overflow: hidden; }
.joi_img { position: relative; width: 100%; overflow: hidden; border-radius: 20px 0 0; }
.king { animation: 1s linear 0s infinite normal none running animScale; }
.he_content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 900; background: url("/images/a1_6.png"); height: 80px; }
.he_ulBl { position: absolute; left: 50%; margin-left: -320px; top: 0px; font-size: 15px; }
.he_logo { padding: 17px 1%; width: 150px; position: absolute; left: -1%; top: 0px; z-index: 90; display: block; overflow: hidden; }
.he_logo img { display: block; }
.he_liBl { float: left; position: relative; height: 80px; }
.he_a { display: block; padding: 31px 20px; position: relative; z-index: 90; }

@keyframes top01 {
    0% { transform: translate(0px, 20px); opacity: 0; }
    100% { transform: translate(0px, 0px); opacity: 1; }
}

.he_block { position: absolute; top: 80px; width: 1920px; left: 0%; display: none; animation: 0.3s ease-in-out 0s 1 normal backwards running top01; background: url(/images/a1_61.png); }
.top_button { animation: 0.3s ease-in-out 0s 1 normal backwards running top01; }
.he_ul { background: url("/images/1_2.png"); padding: 10px; height: 40px; }
.he_ul a { display: block; text-align: center; padding: 10px 12px; float: left; margin-right: 2px; }
.he_liBl.active .he_a, .he_liBl:hover .he_a { color: #000; }
.he_ulBl:hover .he_liBl.active .he_a { color: #fff; }
.he_ulBl .he_liBl.active:hover .he_a { color: rgb(255, 255, 255); }
img.lo2 { display: none; }
body.home .he_content { background: url("/images/1_1.png"); }
body.home a.he_logo img { display: none; }
body.home a.he_logo img.lo2 { display: block; }
body.home a.he_a { color: rgb(255, 255, 255); }
body.home .he_ulBl:hover .he_liBl.active .he_a { color: rgb(255, 255, 255); }
.ind_ico img { display: none; }
body.home .ind_ico { background: url("/images/a1_51.png") center center no-repeat; border: 1px solid rgb(153, 153, 153); }
body.home .ind_input input { color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.tou_ico { display: none; }
.ind_body { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; min-width: 1200px; min-height: 500px; }
.ind_content { position: relative; width: 100%; height: 100%; }
.swiper-container.swiper-container01 { height: 100%; width: 100%; position: relative; }
.swiper-container01 .swiper-slide { position: relative; width: 100%; height: 100%; overflow: hidden; }
.ind_conBlock { position: relative; width: 100%; height: 100%; overflow: hidden; background: rgb(32, 32, 32); }
.ind_bgContent { position: relative; width: 100%; height: 100%; background: url("../images/a1_6.jpg") center center / cover no-repeat; }
.ind_logo { position: absolute; top: 0px; left: 0px; z-index: 990; background: rgb(35, 35, 35); width: 180px; cursor: pointer; }
.ind_navBu { position: absolute; top: 22px; left: 200px; z-index: 90; width: 34px; cursor: pointer; opacity: 0.5; }
img { max-width: 100%; }
.ind_ico { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(153, 153, 153); z-index: 99; padding: 28px; cursor: pointer; width: 22px; height: 22px; background: url("/images/a1_5.png") center center no-repeat; }
body.homeZ .he_content { background: url(""); }

@keyframes topAm {
    0% { transform: translate(0px, 0px); }
    50% { transform: translate(0px, -20px); }
    100% { transform: translate(0px, 0px); }
}

.ind_bottom { position: absolute; bottom: 20px; z-index: 99; left: 50%; margin-left: -13px; width: 26px; opacity: 1; animation: 1s ease-in-out 0s infinite normal none running topAm; cursor: pointer; }
.ind_navBl { position: absolute; left: 30px; top: 76px; z-index: 60; height: 100%; width: 1px; opacity: 0; }
.ind_InnerBlock { position: relative; width: 100%; top: 50%; transform: translate(0px, -50%); }
.indN_ul { position: absolute; top: 33%; width: 120px; left: -6px; }
.indN_li { color: rgb(0, 0, 0); padding: 10px 0px 10px 30px; background: url("../images/a1_4.png") left center no-repeat; opacity: 0.3; display: block; }
.indN_li.cur, .indN_li:hover { background: url("../images/a1_4.png") left center no-repeat; opacity: 1; }
.indA_img { position: absolute; top: 40%; left: 50%; margin-left: -293px; margin-top: -93px; }
.ind_navBl.active { opacity: 1; }
.ind_navBl.col2 a { background: url("../images/a1_42.png") left center no-repeat; }
.ind_navBl.col2 { }
.ind_navBl.col2 a.indN_li.cur, .ind_navBl.col2 a.indN_li:hover { background: url("../images/a1_42.png") left center no-repeat; }
.bigImg_content { position: relative; width: 100%; height: 100%; overflow: hidden; }
.bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.bigImg_ulBlock { position: relative; width: 100%; height: 100%; }
.big_imgContent { position: relative; width: 100%; height: 100%; overflow: hidden; }
.big_img { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.big_img { animation: 12s linear 0s infinite normal none running animScale; }
.big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; display: none; }

@-webkit-keyframes btssize {
    0% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

.big_imgBlock.current { animation: 3s linear 0s 1 normal forwards running btssize; }
.navIcon_block { position: absolute; bottom: 30px; right: 60px; }
.navIcon_block { position: absolute; bottom: 40px; right: 8%; z-index: 99; text-align: right; }
.navIcon_block span { position: relative; display: inline-table; width: 50px; height: 50px; cursor: pointer; color: rgb(51, 51, 51); font-size: 16px; text-align: center; line-height: 50px; margin-left: 10px; }

@keyframes roAm {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.navIcon_block span.swiper-active-switch::after { background: url("../images/a1_3.png") center center / 40px no-repeat; animation: 2s linear 0s infinite normal none running roAm; }
.indA_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; }
.ind_bg2 { background: rgb(55, 55, 55); }
.ind_InnContent { position: relative; padding-left: 16%; height: 100%; z-index: 90; }
.ind_bgImg, .ind_bgImgB, .ind_parentImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.ind_InImg { position: absolute; top: 0px; left: -3%; width: 106%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
body.bo_cur .ind_navBl { opacity: 0; }
body.bo_cur .ind_bottom { opacity: 0; }
.indE_ho img { width: 316px; }
video#video_2 { width: 100%; }
.indB_teBl, .indB_bgC, .indB_vBl, .indB_teIco, .indB_teImg, .ind_ico, .indB_ho, .indE_more img, .ind_navBu, .indB_IImg { transition: all 0.3s ease 0s; }
.indB_content.cur .indB_teBl { width: 28%; }
a.indE_more img { position: absolute; top: 4px; left: 3px; z-index: 9; opacity: 0; display: none; }
.he_liBl.active::after, .he_liBl:hover::after { height: 100%; }
.he_liBl::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; background: #fff; height: 0px; opacity: 0.2; }
.he_ulBl:hover .he_liBl::after { height: 0px; }
.he_ulBl:hover .he_liBl:hover::after { height: 100%; }
.com_content { position: relative; width: 100%; }
.com_navBlock { position: relative; width: 100%; height: 62px; z-index: 99; background: #fafafa; }
a.com_li { float: left; padding: 20px 0px 21px 18px; height: 20px; display: block; background: url("../images/a1_4.png") left center no-repeat; margin-left: 10px; }
a.com_li.home { width: 30px; background: url("../images/a1_3.png") center center / 18px no-repeat; padding-left: 0px; margin-left: 0px; }
.com_ul { position: absolute; float: left; left: -7px; top: 0px; padding-right: 35px; }
.nav_ul { position: relative; float: right; }
.nav_ul a { padding-top: 20px; display: block; float: left; position: relative; margin-left: 40px; color: rgb(102, 102, 102); }
.nav_ul a::after { content: ""; display: block; width: 0%; margin: 21px auto auto; border-bottom: 2px solid #d70c18; }
.nav_ul a:hover::after, .nav_ul a.active::after { content: ""; display: block; width: 100%; }
.nav_ul a:hover, .nav_ul a.active { color: #333; }
.com_InnContent { width: 80%; margin: auto; position: relative; z-index: 90; min-width: 1150px; }
.com_conBlock { position: relative; width: 100%; min-height: 402px; overflow: hidden; z-index: 90; background: rgb(255, 255, 255); }
.com_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; background-image: url(/images/c6_bg.png); }
.com_navBlock::after { content: ""; display: block; position: absolute; left: 10%; top: 0px; width: 90%; height: 100%; }
.com_img img { width: 100%; display: block; }
.com_tiBl { position: absolute; top: 45%; z-index: 90; left: 10%; width: 80%; opacity: 0.7; }
.com_banner { position: relative; width: 100%; }
h2.com_h2 { font-size: 28px; color: rgb(255, 255, 255); letter-spacing: 5px; margin-top: 10px; }
.com_tiBlock { position: relative; width: 100%; padding: 25px 0px; background: rgb(255, 255, 255); text-align: center; font-size: 20px; text-transform: uppercase; }
.com_tiInn { width: 80%; margin: auto; position: relative; }
.com_tiEn span { background: rgb(255, 255, 255); padding: 0px 30px; z-index: 90; position: relative; font-weight: 100; }
.com_InnBlock { position: relative; width: 80%; margin: auto; z-index: 90; }
.com_img { position: relative; width: 100%; overflow: hidden; }
.he_enCh { position: absolute; right: 0px; top: 30px; }
.he_enCh a { padding: 5px; }
a { color: rgb(102, 102, 102); }
.he_enCh a.active, .he_enCh a:hover { color: rgb(54, 142, 166); }
.he_conBlock { position: relative; width: 100%; }
.navIcon_block span::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.he_ul a:hover { color: #0d70b8; }
.com_pages { position: relative; z-index: 90; width: 100%; padding: 80px 0px 80px 0; background: #f9f9f9; }
.page_ul { font-size: 16px; text-align: center; position: relative; width: 100%; padding: 20px 0px; }
.page_ul a { padding: 8px; margin: 0px 5px; }
.page_ul::after { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-left: 10px; position: relative; top: -6px; }
.page_ul::before { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-right: 10px; position: relative; top: -6px; }
.page_ul a:hover, .page_ul a.active { color: rgb(189, 28, 55); }
.he_ul a { color: rgb(255, 255, 255); }
.com_ti img { display: inline-block; }
.he_seek { position: absolute; right: 41px; top: 0px; padding-left: 40px; }
.he_button { position: relative; width: 40px; height: 80px; background: url("/images/a1_5.png") center center / 18px no-repeat; }

@keyframes top02 {
    0% { opacity: 0; transform: translate(0px, 20px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

.he_seek input { position: absolute; right: 0px; top: 80px; height: 40px; line-height: 40px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; outline: none; display: none; background: url("/images/a1_61.png"); color: rgb(255, 255, 255); animation: 0.3s ease 0s 1 normal backwards running top02; width: 220px; padding: 0 15px; font-size: 14px; }
.he_seek:hover input { display: block; }
div#Footer { background: #414141; padding: 25px 0px; text-align: center; }
.fo_block span, .fo_block a { margin: 0px 15px; color: rgb(255, 255, 255); opacity: 0.5; }
.he_content .com_InnContent { width: 88%; }
.com_tiEn { font-size: 40px; text-transform: uppercase; color: #fff; font-weight: bold; padding-bottom: 5px; }
.com_tiCh { font-size: 26px; color: #0d70b8; letter-spacing: 2px; }
.com_title { margin-bottom: 40px; }
.sh_ul { position: relative; width: 103%; padding-top: 20px; }
.sh_li { float: left; width: 30.3%; margin-right: 3%; margin-bottom: 60px; position: relative; overflow: hidden; }
.sh_ul::after { content: ""; display: block; clear: both; }
.page_block { text-align: center; padding-bottom: 20px; }
.page_block a { padding: 6px 8px; margin: 0px 3px; }
.page_block a:hover, .page_block a.active { background: rgb(141, 198, 65); color: rgb(255, 255, 255); }
.com_ti { font-size: 28px; color: #fff; letter-spacing: 6px; }
.fo_left { float: left; color: #ccc; }
.fo_right { float: right; }
div#Footer .com_InnContent:after { content: ""; display: block; clear: both; }
div#Footer a:hover { color: #fff; }
div#Footer a { transition: all 0.3s; }
a.he_en { position: absolute; right: -10px; top: 20px; padding: 10px; font-size: 15px; }
a.he_en:after { content: ""; display: block; height: 14px; border-left: 1px solid #999; position: absolute; top: 13px; left: -6px; }
.home_banner .sw_next { position: absolute; left: 10%; bottom: 35px; z-index: 90; cursor: pointer; width: 90px; height: 46px; background: url(/images/a7_71.png) no-repeat 70% center; background-size: 13px; border: 1px solid #d70c18; margin-left: 91px; }
.home_banner .sw_prev { position: absolute; left: 10%; bottom: 35px; z-index: 90; cursor: pointer; width: 90px; height: 46px; background: url(/images/a7_7.png) no-repeat 30% center; background-size: 13px; border: 1px solid #d70c18; }
.home_banner { position: relative; width: 100%; }
.home_banner .comIco { position: absolute; bottom: 50px; left: 10%; width: 80%; text-align: center; z-index: 90; display: none; }
.home_banner .comIco span.swiper-pagination-switch { display: inline-block; width: 60px; border-bottom: 3px solid #fff; margin-right: 1px; position: relative; cursor: pointer; }
.home_banner .comIco span.swiper-pagination-switch:after { content: ""; display: block; position: absolute; top: -15px; height: 35px; width: 100%; }
.home_banner .comIco span.swiper-active-switch, .home_banner .comIco span:hover { border-bottom: 3px solid #ee9533; }
/* common */
.com_bgImg.bg_1 { background: #f8f9fa url(/images/b1_1.jpg) no-repeat center top; background-size: cover; }
.ab_teBl h3 { font-size: 20px; margin-bottom: 20px; }
.ab_block { position: relative; width: 100%; background: #fff; color: #666; }
div#Footer a { color: #fff; opacity: 0.7; }
.fo_left .t1 { margin-right: 30px; }
a.fo_wc { position: relative; padding: 20px; background: url(/images/wc.png) no-repeat center; margin-left: 30px; }
a.fo_wb { position: relative; padding: 20px; background: url(/images/wb.png) no-repeat center; }
/* AboutUs */
.ab_ti { position: absolute; top: 0; left: 0; }
.ab_content:after { content: ""; display: block; clear: both; }
.ab_content { position: relative; min-height: 500px; padding-left: 280px; padding-top: 30px; }
.ab_textBlock p { margin-bottom: 25px; }
.ab_textBlock img { padding: 10px 0; }
.le_content .le_img { float: left; margin-right: 40px; margin-bottom: 20px; }
.le_content:after { content: ""; display: block; clear: both; }
.le_content:before { content: ""; display: block; position: absolute; left: 451px; top: -28px; width: 80px; height: 56px; background: url(/images/a2_4.png) no-repeat; }
.le_content p { position: relative; z-index: 20; }
.le_content img { display: inline-block; }
.le_content p { margin-bottom: 15px; }
.co_yarn { font-size: 24px; color: #333; width: 47%; text-align: right; padding-right: 3%; margin-bottom: 20px; position: relative; z-index: 90; top: -18px; }
.co_block { position: relative; width: 41%; background: #fff; padding: 30px 3%; }
.co_ulBl:after { content: ""; display: block; clear: both; position: absolute; top: 0; left: 50%; height: 100%; border-right: 2px solid #d5d9db; }
.co_liBl:after { content: ""; display: block; clear: both; }
.co_liBl:nth-child(2n) .co_block { float: right; }
.co_block h2 { color: #333; margin-bottom: 15px; font-size: 20px; line-height: 1.4em; }
.co_block:after { content: ""; display: block; width: 18px; height: 11px; background: url(/images/a3_3.png) no-repeat center; position: absolute; top: -11px; right: 32px; }
.co_liBl:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 50%; top: -13px; background: url(/images/a3_2.png) no-repeat center; margin-left: -10px; z-index: 90; }
.co_liBl:nth-child(2n) .co_yarn { width: 53%; left: 80px; padding-right: 0; }
.co_liBl:nth-child(2n) .co_yarn:after { right: 80px; margin-right: 4%; }
.co_liBl { position: relative; width: 100%; margin-top: -100px; min-height: 230px; }
.co_liBl:nth-child(2n) .co_block:after { left: 30px; right: auto; }
.co_ulBl { position: relative; padding-top: 100px; margin-top: 20px; }
.ho_block { border: 1px solid #ccc; padding: 6%; width: 76%; position: relative; left: 1px; }
.ho_block img { width: 100%; }
.ho_block h2 { }
.ho_block h2 { margin-top: 20px; text-align: center; }
.ho_content { position: relative; width: 103%; }
.ho_content span.swiper-pagination-switch { background: #c3c4c6; width: 20px; height: 6px; display: inline-block; margin: 0 16px; border-radius: 200px; }
.ho_content .comIco { margin-top: 60px; text-align: center; }
.ho_content span.swiper-pagination-switch.swiper-visible-switch { background: #d70c18; }
.du_ul { position: relative; width: 100%; margin-bottom: -40px; }
.du_li { position: relative; width: 45%; float: left; margin-right: 5%; margin-bottom: 5%; border-bottom: 1px solid #ccc; }
.du_li h2 { font-size: 16px; padding: 20px 0; padding-bottom: 25px; }
.du_ul:after { content: ""; display: block; clear: both; }
.du_img img { width: 100%; }
.du_content { position: relative; width: 105.3%; }
.cu_ul:after { content: ""; display: block; clear: both; }
.cu_li { margin-bottom: 80px; padding-left: 105px; position: relative; min-height: 80px; margin-left: 110px; }
.cu_ico { position: absolute; left: 0; top: 0; background: #fff; border: 1px solid #fd945c; padding: 10px; border-radius: 10px; width: 57px; text-align: center; }
.cu_li h2 { font-size: 22px; color: #333; margin-bottom: 10px; padding-top: 6px; }
.cu_li p { line-height: 1.6em; }
.cu_ul { position: relative; width: 100%; padding-top: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.cu_ico img { display: inline-block; }
.cu_content { position: relative; overflow: hidden; }
.bu_ul { position: relative; width: 103%; }
a.bu_li { position: relative; width: 30.3%; float: left; margin-right: 3%; background: #f7f7f7; margin-bottom: 3%; }
.bu_ul:after { content: ""; display: block; clear: both; }
.bu_block { padding: 20px 30px; }
.bu_block h2 { font-size: 18px; margin-bottom: 10px; color: #333; }
a.bu_more { display: block; position: relative; background: #fff url(/images/a4_4.png) no-repeat center; width: 100%; height: 50px; }
.bu_img img { width: 100%; }
h1.In_ti { font-size: 26px; margin-bottom: 30px; position: relative; }
.In_tt { padding-bottom: 25px; border-bottom: 2px solid #ddd; margin-bottom: 30px; position: relative; }
.In_tt:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100px; border-top: 3px solid #d70c18; }
.In_tt span { margin-right: 20px; }
a.In_back { position: absolute; right: 0; top: -6px; background: #ebebeb; padding: 6px 5px; border-radius: 200px; width: 60px; text-align: center; transition: all 0.3s; z-index: 60; }
a.In_back:hover { background: #666; color: #fff; }
.In_textBlock h2 { font-size: 20px; color: #333; margin-bottom: 15px; }
.In_textBlock p { margin-bottom: 15px; }
.In_textBlock img { display: inline-block; /* padding: 10px 0; */ }
.ta_li { background: #fff; position: relative; width: 100%; margin-bottom: 30px; }
.ta_img { position: relative; width: 55%; float: left; }
.ta_li:after { content: ""; display: block; clear: both; }
.ta_text { position: relative; width: 35%; float: right; padding: 5%; }
.ta_img img { width: 100%; }
.ta_text h2 { font-size: 22px; margin-bottom: 20px; }
.ta_li:nth-child(2n) .ta_img { float: right; }
.ta_li:nth-child(2n) .ta_text { float: left; }
.we_text { position: relative; width: 400px; margin: auto; text-align: center; }
.we_text h2 { font-size: 28px; margin-bottom: 20px; }
.we_text p { margin-bottom: 10px; }
.we_block { position: relative; margin: auto; margin-top: 160px; margin-bottom: 160px; width: 1200px; }
.we_b1 { position: absolute; width: 500px; height: 500px; left: 50%; margin-left: -250px; border: 1px dashed #f6a376; border-radius: 2000px; top: -112px; }
.we_b2 { position: absolute; width: 600px; height: 600px; left: 50%; margin-left: -300px; transform: translate(-50%, 0px); border: 1px dashed #fcdcca; border-radius: 2000px; top: -163px; }
.we_b1:after { position: absolute; top: 90%; left: 72%; width: 12px; height: 12px; background: #f69661; content: ""; display: block; border-radius: 200px; border: 10px solid #f1e0d5; z-index: 90; }
.we_b2:after { position: absolute; top: 11%; left: 12%; width: 12px; height: 12px; background: #f69661; content: ""; display: block; border-radius: 200px; border: 10px solid #f1e0d5; z-index: 90; }
.we_ico { position: absolute; }
.we_ico.i1 { top: -60px; left: 50%; margin-left: -600px; }
.we_ico img { background: #fff; border-radius: 200px; padding: 10px; border: 10px solid #f5f2e9; width: 50px; }
.we_ico .text { position: absolute; left: 116px; top: 15px; font-size: 16px; white-space: nowrap; }
.we_ico:after { content: ""; display: block; position: absolute; left: 90px; width: 250px; border-bottom: 1px solid #f0e1d8; top: 45px; }
.we_ico.i2 { bottom: -60px; }
.we_ico.i3 { right: 0; top: -60px; }
.we_ico.i4 { bottom: -60px; right: 0; }
.we_ico.i3 .text, .we_ico.i4 .text { right: 116px; left: auto; }
.we_ico.i3:after, .we_ico.i4:after { left: auto; right: 90px; }

@keyframes rotate01 {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

.we_b1 { animation: rotate01 10s linear infinite; }
.we_b2 { animation: rotate01 15s linear infinite; }
.so_th:after { content: ""; display: block; clear: both; }
.so_th { background: #d70c18; color: #fff; font-size: 16px; margin-bottom: 10px; }
.so_td { float: left; width: 12%; padding: 20px 0; padding-left: 4%; white-space: nowrap; position: relative; }
.so_tr { background: #fff; margin-bottom: 10px; cursor: pointer; position: relative; }
.so_tr:after { content: ""; display: block; clear: both; }
.so_tr .so_td:nth-child(6):after { content: ""; display: block; width: 30px; height: 30px; background: #fa7f4f url(/images/a5_6.png) no-repeat center; border-radius: 200px; position: absolute; right: -13px; top: 14px; background-size: 13px; transition: all 0.6s; }
.so_td:nth-child(1) { overflow: hidden; text-overflow: ellipsis; }
.so_block { position: relative; overflow: hidden; max-height: 0; transition: all 1s; }
.so_text { padding: 15px 0; }
.so_text h2 { font-size: 18px; margin-bottom: 12px; color: #333; }
.so_Inner { position: relative; padding: 20px 4%; border-top: 1px solid #eee; }
.so_tr:hover .so_block { max-height: 600px; }
.so_tr:hover .so_td:nth-child(6):after { background: #fa7f4f url(/images/a5_7.png) no-repeat center; background-size: 13px; }
a.ne_li { position: relative; display: block; margin-bottom: 30px; padding-left: 370px; min-height: 210px; background: #fff; padding-right: 40px; }
.ne_img { position: absolute; top: 0; left: 0; width: 320px; }
a.ne_li h2 { font-size: 22px; margin-bottom: 13px; padding-top: 25px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.ne_li p { line-height: 1.8em; color: #999; text-align: justify; }
.ne_time { position: relative; margin-top: 12px; font-size: 20px; color: #8a8a8a; }
a.ne_li .text { line-height: 1.8em; color: #999; height: 76px; overflow: hidden; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.party_content .com_tiBl { text-align: center; opacity: 1; }
.party_content h2.com_tiEn { color: #f9ce95; padding-bottom: 20px; letter-spacing: 5px; font-size: 50px; }
.party_content h2.com_ti { color: #fddc9b; font-size: 22px; letter-spacing: 3px; }
.party_content .com_pages { padding: 0; }
.pa_content { padding: 60px 0; background: #fffaf7; }
.pa_ti { font-size: 26px; }
.pa_wr { position: relative; width: 40px; height: 3px; background: #d70c18; margin: 15px 0 20px; }
.pa_text p { margin-bottom: 20px; }
.pa_content:nth-child(2n) { background: url(/images/a6_5.jpg) no-repeat center; background-size: cover; }
.pa_swiper { position: relative; width: 102%; }
.pa_block { position: relative; width: 31.3%; float: left; margin-right: 2%; color: #fff; }
.pa_swiper:after { content: ""; display: block; clear: both; }
.pa_block h2 { font-size: 18px; position: relative; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; margin: 12px 0; padding-top: 5px; }
.pa_block .text { line-height: 1.8em; position: relative; height: 51px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pa_block .date { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 15px; text-align: right; position: relative; }
.pa_block .date:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(/images/a6_8.png) no-repeat center left; }
.pa_block img { width: 100%; }
.pa_ul:after { content: ""; display: block; clear: both; }
.pa_li { position: relative; width: 18%; float: left; padding: 2%; border: 1px solid #ddd; margin-right: 2%; }
.pa_ul { position: relative; width: 105.6%; margin-top: 40px; padding-bottom: 20px; }
.pa_li h2 { font-size: inherit; margin-top: 20px; text-align: center; font-size: 16px; }
.pa_li img { width: 100%; }
.paIn_content { padding: 60px 0; }
.ho_ul { position: absolute; bottom: 0; right: 0; z-index: 90; width: 70%; overflow: hidden; }
a.ho_li { display: block; float: left; padding: 30px 0px; font-size: 18px; background: url(/images/a7_83.jpg) no-repeat; background-size: cover; position: relative; width: 33.3%; text-align: center; transition: all 0.3s; }
a.ho_li img { display: inline-block; margin-right: 10px; position: relative; width: 28px; top: 6px; margin-top: -6px; }
a.ho_li:after { content: ""; display: block; position: absolute; left: -1px; top: 22px; height: 40px; border-right: 1px solid #363a45; }
a.ho_li:nth-child(1):after { display: none; }
.hoA_content { background: #f5f5f5; padding: 80px 0; }
.hoA_block { position: relative; width: 53%; float: left; }
.hoA_bl { position: relative; width: 44%; float: right; transition: all 0.3s; }
.hoA_content .com_InnContent:after { content: ""; display: block; clear: both; }
.hoA_ti { font-size: 22px; color: #d70c18; position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; line-height: 1em; padding-left: 20px; }
a.hoA_more { position: absolute; right: 0; font-size: 14px; top: 3px; }
a.hoA_li { display: block; padding: 15px 0; padding-left: 90px; position: relative; }
.hoA_date { position: absolute; left: 0; top: 9px; border: 1px solid #ccc; text-align: center; padding: 7px 10px; font-size: 12px; }
.hoA_day { font-size: 30px; line-height: 1em; }
.hoA_t { font-size: 16px; margin-bottom: 8px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hoA_te { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 19px; }
.hoA_bl .img { width: 100%; height: 284px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.hoA_bl h2 { position: absolute; bottom: 0; left: 0; padding: 12px 2%; width: 96%; background: rgba(215,12,24,0.6); color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hoA_bl { position: relative; }
.hoA1_date { position: absolute; right: 15px; top: 15px; color: #fff; z-index: 90; border: 1px solid #fff; text-align: center; font-size: 12px; padding: 5px 9px; }
.hoA1_day { font-size: 30px; }
.In2_ul { position: relative; width: 102%; margin-top: 20px; }
.In2_ul:after { content: ""; display: block; clear: both; }
.In2_li { position: relative; width: 48%; float: left; margin-right: 2%; }
.In2_ico { position: absolute; bottom: 0; left: 0; z-index: 90; background: rgb(209 25 37 / 90%); color: #fff; width: 100px; text-align: center; padding: 40px 0; font-size: 16px; }
.In2_li img { display: block; }
.In2_ico:after { position: absolute; content: ""; display: block; left: 8%; width: 82%; top: 8%; height: 82%; border: 1px solid #fff; opacity: 0.8; }
.In2_li:nth-child(2) .In2_ico { background: rgb(127 127 127 / 90%); }
.In2_li img { width: 100%; }
.hoB_content { background: url(/images/a7_3.jpg) no-repeat center; background-size: cover; color: #fff; padding: 80px 0; background-attachment: fixed; }
.hoB_swiper { position: relative; padding-left: 340px; margin-right: -1.4%; }
.hoB_title { position: absolute; top: 80px; left: 0; z-index: 90; }
.hoB_title h3 { font-size: 36px; margin-bottom: 60px; }
.hoB_title h2 { font-size: 22px; margin-bottom: 120px; letter-spacing: 3px; padding-left: 20px; border-left: 2px solid #fff; line-height: 1em; }
.hoB_title a.more { color: #fff; }
.hoB_swiper .hoB_img { width: 92%; position: relative; left: 2px; overflow: hidden; display: block; color: #fff; }
.hoB_img h2 { position: absolute; bottom: 20px; left: 8%; font-size: 18px; z-index: 90; }
.hoB_img:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); transition: all 0.3s; }
.hoC_content { padding: 80px 0; }
.hoC_title h3 { font-size: 36px; margin-bottom: 20px; }
.hoC_title h2 { font-size: 22px; color: #d70c18; line-height: 1em; border-left: 2px solid #d70c18; padding-left: 20px; }
.hoC_title { margin-bottom: 40px; }
.hoC_conBlock:after { content: ""; display: block; clear: both; }
.hoC_textBlock { position: relative; width: 40%; float: left; padding: 3%; padding-top: 5%; }
.hoC_img { position: relative; width: 50%; float: right; margin-right: -2.7%; }
a.hoC_more { position: relative; display: block; }
a.hoC_more { position: relative; width: 120px; height: 36px; background: #c9353c url(/images/a7_5.png) no-repeat center; background-size: 75px; margin-top: 100px; }
.hoC_textBlock img { max-width: 70%; margin-bottom: 20px; }
.hoD_img { width: 60%; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.hoB_img img { width: 100%; transition: all 0.3s; }
.hoD_content { position: relative; width: 100%; padding: 110px 0; }
.hoD_conBlock .hoA_block { float: none; width: 100%; }
.hoD_conBlock { width: 55%; float: right; background: #fffdf8; padding: 5%; box-shadow: 10px 10px 10px 0 #ccc; }
.hoD_content .com_InnContent:after { content: ""; display: block; clear: both; }
/*.hoB_swiper .sw_next.swiper1 { position: absolute; width: 55px; height: 36px; right: -100px; top: 50%; z-index: 90; border: 1px solid #ccc; margin-top: -18px; background: url(/images/next1.png) no-repeat center; background-size: 18px; cursor: pointer; }*/
.hoA_ti:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 22px; background: #d70c18; }
a.hoA_li:hover:before { background: #fdf1ed; content: ""; display: block; position: absolute; top: 0; left: -15px; width: 100%; height: 100%; padding: 0 15px; }
a.hoA_li div { z-index: 90; }

@keyframes le01 {
    0% { opacity: 0; transform: translate(50px,0) }
    100% { opacity: 1; transform: translate(0px,0) }
}

.ho_li:nth-child(1) { animation: le01 0.6s 0s backwards; }
.ho_li:nth-child(2) { animation: le01 0.6s 0.3s backwards; }
.ho_li:nth-child(3) { animation: le01 0.6s 0.6s backwards; }
a.ho_li:hover { transform: scale(0.9); }
.hoA_bl:hover { transform: scale(0.95); }
.hoB_img:hover img { transform: scale(1.2); }
.hoB_img:hover:after { opacity: 0; }
.pagination { text-align: center; padding: 10px; margin-top: 20px; }
.pagination span, .pagination a { padding: 10px; color: #999; transition: all 0.3s; }
.pagination .page_current, .pagination a:hover { color: #D70C18; }
.no-data { text-align: center; font-size: 30px; margin: 50px 0; }

.bu_block p:nth-child(2), .bu_block h2 { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tal_img img { width: 100%; }

.tal_content { background: url(/images/a8_5.jpg) no-repeat center; background-size: cover; padding: 60px 0; background-attachment: fixed; }

.tal_img { padding-bottom: 60px; }

.tal_imgBl { float: left; width: 50%; }

.tal_block:after { content: ""; display: block; clear: both; }

.tal_text { position: relative; width: 40%; float: right; font-size: 16px; }

.tal_text h2 { font-size: 22px; color: #d70c18; margin-bottom: 20px; }

.tal_text h3 { font-size: 18px; margin-bottom: 10px; padding-top: 12px; }

.tal_text p { margin-bottom: 12px; }

.com_pages.page2 { padding-bottom: 0; }

.com_pages.page2 .com_InnContent { width: 1280px; }

.ne_ul { margin-top: 50px; }
.pc_hide { position: relative; width: 0; height: 0px; overflow: hidden; }

.pc_ul:after { content: ""; display: block; clear: both; }

.pc_li { float: left; width: 31.3%; margin-right: 2%; }

.pc_ul { position: relative; width: 102%; padding-top: 20px; }

h2.pc_ti { font-size: 16px; margin-top: 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pla_ulBl { width: 102%; position: relative; margin-bottom: 10px; }

a.pla_liBl { position: relative; width: 31.3%; float: left; margin-right: 2%; margin-bottom: 40px; }

.pla_img img { width: 100%; }

.pla_ti { position: absolute; bottom: 0px; left: 0px; z-index: 90; background: url("../images/d6_6.png"); width: 96%; text-align: center; color: rgb(255, 255, 255); padding: 15px 2%; }

img.pla_play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    margin-top: -50px;
    z-index: 90;
}

.vidBl_content {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none;
}

.vidBl_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/a5_8.png);
}

.videoBl_conBlock { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videoBl_conBlock video { width: 100%; height: 100%; }

.videoBl_clear { position: absolute; right: 60px; top: 60px; width: 50px; z-index: 990;cursor:pointer; }