:root { --main-color: #e07b32; --sub-color:#E67817; --main-dark:#313131; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

input { -webkit-appearance: none; }

* { margin: 0; padding: 0; text-decoration: none; box-sizing: border-box; }

img { max-width: 100%; }

em, i { font-style: normal; }

body, html { overflow-x: hidden; box-sizing: border-box; color: #333; background-color: #f9f9f9; font-family: -apple-system, "Helvetica", "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Yahei Light", PingFang SC, Arial, sans-serif; font-size: 14px; }

@font-face { font-family: "iconfont";
  /* project id 2435957 */
src: url("../font/font_2435957_6g2zdu96pqh.eot"); src: url("../font/font_2435957_6g2zdu96pqh.eot") format("embedded-opentype"), url("../font/font_2435957_6g2zdu96pqh.woff2") format("woff2"), url("../font/font_2435957_6g2zdu96pqh.woff") format("woff"), url("../font/font_2435957_6g2zdu96pqh.ttf") format("truetype"); }
.wp { position: relative; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 576px) { .wp { max-width: 540px; padding-left: 0px; padding-right: 0px; } }
@media (min-width: 768px) { .wp { max-width: 720px; } }
@media (min-width: 992px) { .wp { max-width: 960px; } }
@media (min-width: 1200px) { .wp { max-width: 1140px; } }
@media (min-width: 1400px) { .wp { max-width: 1320px; } }

.h-top { background-color: #313131; padding: 5px 0; }
.h-top .wp { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 14px; }
.h-top .le span + span { padding-left: .5vw; }
.h-top .re .s-input { font-size: 0; }
.h-top .re .s-input .s-text { display: inline-block; height: 30px; width: inherit; line-height: inherit; border-width: 0px; border-style: solid; border-color: #f0f0f0; padding-left: 5px; padding-right: 5px; background: rgba(255, 255, 255, 0.1); color: #fff; outline: none; }
.h-top .re .s-input .s-submit { width: 50px; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e07b32; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 18px; position: inherit; margin: 1px 0 0 0; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; }
@media (max-width: 991.8px) { .h-top { display: none; } }

/****header****/
.header { position: relative; z-index: 15; background: #fff; }
.header .wp { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.header .menu-link { display: none; }
.header .logo { height: 47px; }
.header .logo img { display: block; width: auto; height: 100%; }
.header .menu li { position: relative; float: left; margin-right: 2.2vw; }
.header .menu li .h3 { position: relative; }
.header .menu li .h3 a { line-height: 96px; display: block; padding: 0 10px; color: #25211e; position: relative; }
.header .menu li .h3 a:after { content: ""; display: block; height: 3px; width: 60px; background-color: transparent; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.header .menu li .h3 a.select:after { background-color: #e07b32; }
.header .menu li .h3 em { line-height: 50px; position: absolute; top: 0px; right: 0px; display: none; width: 40px; height: 50px; cursor: pointer; text-align: center; color: #fff; }
.header .menu li .h3 em:before { content: "\e605"; }
.header .menu li .h3 em.active:before { content: "\e632"; }
.header .menu li .box { position: absolute; top: 100%; left: 50%; display: none; width: 120px; margin-left: -60px; padding: 10px 0; text-align: center; background: #25211e; }
.header .menu li .box a { line-height: 22px; display: block; overflow: hidden; padding: 6px; white-space: nowrap; text-overflow: ellipsis; color: #ccc; }
.header .menu li .box a:hover { color: #fff; }
.header .menu li:hover .box { display: block; }
.header .menu li:hover .h3 a:after { background-color: #e07b32; }
.header .sousuo { display: none; }
@media (max-width: 991.8px) { .header { padding: 2.1vw 0; }
  .header .sousuo { display: block; font-weight: bolder; }
  .header .logo { height: 36px; }
  .header .menu { display: none; }
  .header .menu-link { -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 12px; position: relative; z-index: 10; display: block; box-sizing: border-box; width: 42px; height: 42px; padding: 6px 8px; }
  .header .menu-link * { box-sizing: border-box; }
  .header .menu-link span { position: relative; display: block; margin-top: 12px; width: 100%; height: 2px; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 1.5px; background-color: #000; }
  .header .menu-link span:before, .header .menu-link span:after { width: 100%; height: 2px; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 1.5px; background-color: #000; position: absolute; top: -.7em; content: " "; }
  .header .menu-link span:before { width: 110%; }
  .header .menu-link span:after { width: 80%; top: .7em; }
  .header .menu-link.active span { width: 100%; background: transparent; }
  .header .menu-link.active span:before, .header .menu-link.active span:after { width: 100%; }
  .header .menu-link.active span:before { -moz-transform: rotate(45deg) translate(0.5em, 0.4em); -ms-transform: rotate(45deg) translate(0.5em, 0.4em); -o-transform: rotate(45deg) translate(0.5em, 0.4em); -webkit-transform: rotate(45deg) translate(0.5em, 0.4em); transform: rotate(45deg) translate(0.5em, 0.4em); background-color: #000; }
  .header .menu-link.active span:after { -moz-transform: rotate(-45deg) translate(0.6em, -0.5em); -ms-transform: rotate(-45deg) translate(0.6em, -0.5em); -o-transform: rotate(-45deg) translate(0.6em, -0.5em); -webkit-transform: rotate(-45deg) translate(0.6em, -0.5em); transform: rotate(-45deg) translate(0.6em, -0.5em); background-color: #000; } }

.nav-cont_lists { width: 446px; max-width: 100%; margin: 0 auto; height: 100%; position: fixed; right: -100%; top: 0; background: #e07b32; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; }
.nav-cont_lists .nav-ul { margin-left: 10px; -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; opacity: 0; margin-top: 20px; }
.nav-cont_lists .nav-ul li { margin-bottom: 20px; }
.nav-cont_lists .nav-ul li h3 { font-size: 16px; font-weight: 400; line-height: 1; }
.nav-cont_lists .nav-ul li h3 a { color: #fff; text-decoration: none; }
.nav-cont_lists .nav-ul li h3:after { width: 68px; height: 2px; background: #fff; content: ""; display: block; margin-top: 8px; }
.nav-cont_lists .nav-ul li .nav-sub { margin-top: 10px; }
.nav-cont_lists .nav-ul li .nav-sub a { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 28px; display: block; text-decoration: none; }
.nav-cont_lists.nav-cont_cut { right: 0; opacity: 1; }
.nav-cont_lists.nav-cont_cut .nav-logo { height: 80px; display: flex; align-items: center; justify-content: space-between; }
.nav-cont_lists.nav-cont_cut .nav-logo .nav-sub_logo { width: 168px; float: left; margin: 0 4%; }
.nav-cont_lists.nav-cont_cut .nav-logo .nav-sub_close { width: 20px; height: 20px; background: url(../img/nav_close.png) no-repeat; float: right; margin: 4%; cursor: pointer; background-size: cover; }
.nav-cont_lists.nav-cont_cut .nav-ul { margin-left: 45px; opacity: 1; }

.searchLight { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 1000; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; visibility: hidden; position: fixed; }
.searchLight .searchGroup { max-width: 600px; width: 80%; height: auto; position: absolute; padding: 5.2vw 7vw; background: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); }
.searchLight .searchGroup .name { width: 100%; font-size: 17px; font-weight: bold; line-height: 2; margin-bottom: 25px; }
.searchLight .searchGroup input { width: 100%; height: 50px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: none; margin-bottom: 25px; }
.searchLight .searchGroup input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); font-size: 14px; }
.searchLight .searchGroup .searchBtn { width: 120px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; -webkit-transition: all .35s; background: #e07b32; }
.searchLight .searchGroup .searchClose { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; cursor: pointer; line-height: 50px; text-align: center; -webkit-transition: all .5s; }
.searchLight .searchGroup .searchClose:hover { -webkit-transform: rotate(-45deg); }
.searchLight.active { opacity: 1; visibility: visible; }

.footer { background: #ededed; }
.footer_top { display: none; padding: 50px 0 90px 0; }
.footer_top dl { float: left; box-sizing: border-box; width: 20%; padding-left: 97px; }
.footer_top dt { font-size: 14px; line-height: 1; margin-bottom: 20px; color: #000; }
.footer_top dd a { line-height: 36px; display: block; height: 36px; color: #666666; }
.footer_top dd a:hover { color: #e07b32; }
.footer_bottom { padding: 30px 0; color: rgba(255, 255, 255, 0.7); background: #313131; }
.footer_bottom a { color: inherit; }
.footer_bottom a:hover { color: #fff; }
.footer_fl { float: left; }
.footer_fr { float: right; }
.footer_fr span { margin: 0 7px; }
@media (max-width: 991.8px) { .footer_top { display: none; } }
@media (max-width: 556px) { .footer_fl, .footer_fr { float: unset; } }

.sub_nav { position: fixed; z-index: 15; top: 50%; right: 0px; -webkit-transform: translateZ(0); background: #25211e; }
.sub_nav li { position: relative; }
.sub_nav li.qq2 { display: none; }
.sub_nav li#member { display: none; }
.sub_nav .pd { display: block; }
.sub_nav .pd .h3 i { font-size: 22px; line-height: 50px; display: block; width: 50px; height: 50px; text-align: center; color: #fff; }
.sub_nav .pd .box { line-height: 50px; position: absolute; top: 0px; right: 50px; display: block; overflow: hidden; width: 0px; height: 50px; padding: 0px; white-space: nowrap; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0); }
.sub_nav .pd .ewm_box { height: auto; text-align: center; }
.sub_nav .pd .ewm_box img { display: block; width: 120px; height: auto; }
.sub_nav .pd .ewm_box strong { line-height: 1; display: block; padding-top: 10px; }
@media (min-width: 1024px) { .sub_nav .pd:hover .h3 i { background-color: #e07b32; }
  .sub_nav .pd:hover .box { display: block; width: auto; padding-right: 20px; padding-left: 20px; border-color: white; background: #e07b32; }
  .sub_nav .pd:hover .ewm_box { padding: 20px; } }

.member { color: transparent !important; }
.member:hover { color: inherit !important; }

.com-tit { font-size: 24px; font-weight: bold; color: #313131; padding-top: 4vw; padding-bottom: 4vw; text-align: center; }
.com-tit .en { text-transform: uppercase; }
.com-tit p { font-size: 16px; font-weight: normal; line-height: 1.75; padding-top: 20px; opacity: .8; color: rgba(49, 49, 49, 0.8); }
.com-tit.tit-tr .ch { font-size: 68px; font-weight: bold; }
.com-tit.tit-tr .en { font-size: 16px; font-weight: 100; }
.com-tit.tit-ltr { text-align: center; }
.com-tit.tit-ltr .ch { font-size: 56px; font-weight: bold; }
.com-tit.tit-ltr .en { font-size: 16px; font-weight: 100; }
.com-tit.l-tit .ch { font-size: 40px; font-weight: bold; }
.com-tit.l-tit .en { font-size: 16px; font-weight: 100; }

@media (max-width: 1200px) { .com-tit.tit-tr .ch { font-size: 60px; } }
@media (max-width: 991.8px) { .com-tit.tit-ltr .ch { font-size: 48px; }
  .com-tit.tit-ltr .en { font-size: 14px; }
  .com-tit.l-tit .ch { font-size: 36px; }
  .com-tit.l-tit .en { font-size: 14px; } }
@media (max-width: 556px) { .com-tit.tit-tr .ch { font-size: 36px; }
  .com-tit.tit-tr .en { font-size: 12px; }
  .com-tit.tit-ltr .ch, .com-tit.l-tit .ch { font-size: 32px; }
  .com-tit.tit-ltr .en, .com-tit.l-tit .en { font-size: 13px; } }
.text-white { color: #fff; }

.text-center { text-align: center; }

#Pages { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 5.2vw; margin-bottom: 5.2vw; }
#Pages a, #Pages span { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 46px; height: 46px; margin: 0 5px; padding: 0 5px; transition: all 0.3s; color: #333333; }
#Pages a:hover, #Pages span { color: #fff; background-color: #e07b32; }
#Pages a:hover strong, #Pages span strong { font-weight: normal; }
#Pages p { font-size: 14px; display: none; width: 100%; padding-top: 5px; text-align: center; color: rgba(49, 49, 49, 0.8); }

.banner_pg { position: relative; z-index: 5; }
.banner_pg .text { position: absolute; z-index: 2; top: 0px; bottom: 0px; left: 0; display: flex; align-items: center; width: 100%; text-align: left; color: #fff; background-color: rgba(49, 49, 49, 0.3); }
.banner_pg .text .h3 { font-family: Arial; font-size: 72px; font-weight: bold; line-height: 70px; margin-bottom: 26px; text-transform: uppercase; }
.banner_pg .text .p { font-size: 30px; line-height: 1; margin-bottom: 54px; }
.banner_pg .text .m { overflow: hidden; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; }
.banner_pg .text .m i { font-size: 22px; line-height: 48px; display: block; cursor: pointer; text-align: center; }
.banner_pg .text .banner_text { float: right; box-sizing: border-box; width: 320px; padding: 55px 30px; text-align: center; border: 1px solid #d2a362; background: rgba(255, 255, 255, 0.9); }
.banner_pg .text .banner_text .p1 { font-size: 28px; line-height: 40px; margin-bottom: 10px; color: #000000; }
.banner_pg .text .banner_text .p2 { font-size: 12px; line-height: 18px; position: relative; margin-bottom: 40px; padding-bottom: 40px; text-transform: uppercase; color: #777; }
.banner_pg .text .banner_text .p2:before { position: absolute; bottom: 0px; left: 50%; width: 60px; height: 5px; margin-left: -30px; content: "\20"; background: #d2a363; }
.banner_pg .text .banner_text .p3 { font-size: 18px; color: #000000; }
.banner_pg .text .banner_text .p4 { font-size: 12px; line-height: 18px; color: #777; }

.layout_nav ul { margin-top: 5.2vw; margin-bottom: 2.2vw; }
.layout_nav ul li { display: inline-block; overflow: hidden; margin-right: 60px; padding: 16px 0; }
.layout_nav ul li a { font-size: 16px; line-height: 24px; display: inline-block; color: #666666; }
.layout_nav ul li a:after { display: block; width: 100%; height: 2px; margin-top: 10px; content: ""; background: transparent; }
.layout_nav ul li a.select { color: #313131; }
.layout_nav ul li a.select:after { background: #e07b32; }

.lay_tit .p1 { font-size: 32px; }
.lay_tit .p1 span { position: relative; z-index: 2; }
.lay_tit .p1 span:after { position: absolute; z-index: -1; bottom: 2px; left: 0; display: block; width: 100%; height: 5px; content: ""; background-color: #e07b32; }
.lay_tit p { font-size: 18px; padding-top: 25px; color: #313131; }
.lay_tit p span { font-weight: bold; color: #e07b32; }

.about1 ul { display: flex; padding-bottom: 2.2vw; background-color: #c4c4c5; }
.about1 ul li { width: 50%; }
.about1 ul li .img_cut { width: 138%; max-width: unset; }
.about1 ul li.text { padding: 2.2vw; color: #fff; }
.about1 ul li .desc { font-size: 14px; line-height: 1.75; padding-top: 2vw; text-align: justify; }
.about1 ul li .desc p { padding-bottom: 1em; }

.about2 { padding-top: 5.2vw; padding-bottom: 5.2vw; }
.about2 ul { font-size: 0; display: flex; flex-wrap: wrap; padding-top: 2.2vw; }
.about2 ul li + li { margin-top: 20px; }
.about2 ul li.li { font-size: 18px; position: relative; width: calc(calc(100% - 40px) / 3); text-align: center; }
.about2 ul li.li + .li { margin-left: 20px; }
.about2 ul li.li p { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 10px; color: #fff; background-color: rgba(49, 49, 49, 0.5); }

.newsBox { /*display: flex;
justify-content: space-between;*/ }

.lists { width: 100%; }
.lists .item a { position: relative; display: flex; align-items: center; padding: 40px 0; border-bottom: 1px solid #d9d9d9; }
.lists .item a .img { position: relative; width: 324px; margin-right: 110px; }
.lists .item a .text { width: calc(100% - 324px - 110px); color: #313131; }
.lists .item a .text .h3 { font-size: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lists .item a .text .h3:after { display: block; width: 110px; height: 1px; margin-top: 40px; content: ""; background-color: #313131; }
.lists .item a .text .em { font-size: 12px; line-height: 1; display: block; margin: 20px 0; padding-left: 20px; color: #666; background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhFBMVEUAAABFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEj///94uPRKAAAAK3RSTlMACnnT+vvUeAwk2LdEDQ5CtAt/am572biAsj8PwAkxJwb+Q9WjfDqxPqU8etUQpAAAAAFiS0dEKyS55AgAAAAHdElNRQfjBh0WHh5H0mQQAAAAdUlEQVQI1zXN2xKCMAwE0LUtlFZALlZjtVhELvr/H2hwYB8yczYzCYCDkCpJdQaOsce8KE+VNUBtG6A9A+6SQV95S8TjJiDzHT6Fuq94EJmQQBWMjoiesYd8YYsfIKod75FPuw1TWJ/OS4j+8/03tZaqHxz3P6TnBkGm0MJ8AAAAAElFTkSuQmCC") center left no-repeat; }
.lists .item a .text .p { font-size: 13px; color: rgba(49, 49, 49, 0.7); }
.lists .item a:hover .text .h3 { color: #e07b32; }

.Hot { display: flex; flex-direction: column; width: 100%; }
.HotBox { box-sizing: border-box; width: 100%; margin: 0 0 20px 0; padding: 16px; border: 1px solid #d9d9d9; }
.HotBox p { display: flex; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #dddddd; }
.HotBox p img { margin-right: 10px; }
.HotBox p span { font-size: 16px; font-weight: bold; }
.HotBox ul li { padding: 16px 0; list-style: disc inside; color: #e07b32; border-bottom: 1px solid #dddddd; }
.HotBox ul li a { color: #666666; }

.news_info .news-cont { max-width: 667px; margin-bottom: 5.2vw; margin-left: auto; border-top: 1px solid #d9d9d9; }
.news_info .news-cont .newsi_tit .h3 { font-size: 24px; font-weight: bold; margin: 40px 0 20px 0; text-align: center; }
.news_info .news-cont .newsi_tit .em { font-size: 12px; margin: 0 0 40px 0; text-align: center; color: #666666; }

.laiyuan { display: none; }

.imgLists .item a { display: block; height: 100%; }
.imgLists .item a .img { background-color: #fff; position: relative; }
.imgLists .item a .img:before { display: block; width: 0; height: 0; padding-top: var(--radio, 100%); content: ""; }
.imgLists .item a .img .img_cut { display: unset; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; }
.imgLists .text .h3 { font-size: 16px; line-height: 40px; text-align: center; color: #1a1a1a; }

.case { position: relative; z-index: 6; }

.case_list .wpd { display: flex; padding: 90px 0; background: #fff; }
.case_list .wpd .imageBox { flex: 1; max-width: calc(100% - 120px); }
.case_list .wpd .p2 { display: flex; }
.case_list .wpd .p2 .text { margin-right: 20px; }
.case_list .wpd .p2 .text .h3 { font-size: 18px; margin-bottom: 25px; }
.case_list .wpd .p2 .text .h3 strong { margin-right: 5px; text-transform: uppercase; }
.case_list .wpd .p2 .text .h3 em { color: #e07b32; }
.case_list .wpd .p2 .text .p img { max-width: 420px; }
.case_list .wpd .p2 .img { flex: 1; max-width: calc(100% - 440px); }
.case_list .wpd .p1 { width: 120px; text-align: center; }
.case_list .wpd .p1 .text { display: none; }
.case_list .dl:nth-child(even) { padding: 5.2vw 0px; background: #000 no-repeat center center; background-size: cover; }
.case_list .dl:nth-child(even) .wpd .p1 { order: 2; }
.case_list .dl:nth-child(even) .wpd .imageBox { order: 1; }
.case_list .dl:nth-child(even) .wpd .p2 { padding-left: 40px; }
.case_list .dl:nth-child(even) .wpd .p2 .text { order: 2; margin-right: 0; margin-left: 20px; }
.case_list .dl:nth-child(even) .wpd .p2 .text .h3 { text-align: right; }
.case_list .dl:nth-child(even) .wpd .p2 .img { order: 1; }

.case_slick { position: relative; display: flex; margin-bottom: 20px; }
.case_slick .pd { flex: 1; }
.case_slick .pd .a { font-size: 0; position: relative; display: inline-block; width: 100%; height: 0; padding-top: 62.5%; }
.case_slick .pd .a .img_cut { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: #f4f4f4; }
.case_slick .pd .a .img_cut img { width: 100%; height: 100%; object-fit: cover; }
.case_slick .pd .a .img_cut .swiper-container, .case_slick .pd .a .img_cut .swiper-slide { height: 100%; }
.case_slick .text { width: 250px; padding: 0 40px 0 40px; background: #fff; }
.case_slick .text .i { font-size: 60px; line-height: 1; position: relative; margin-bottom: 35px; padding-bottom: 24px; }
.case_slick .text .i:after { position: absolute; bottom: 0px; left: 0px; width: 14px; height: 4px; content: "\20"; background: #25211e; }
.case_slick .text .h3 { font-size: 24px; font-weight: bold; color: #e07b32; }
.case_slick .text .p { font-size: 12px; text-transform: uppercase; color: #8e8e8e; }
.case_list .dl:nth-child(even) .case_slick .pd { order: 2; }
.case_list .dl:nth-child(even) .case_slick .text { order: 1; }

.contact1 .flexBox { display: flex; justify-content: space-between; }
.contact1 .contact-left { display: flex; align-items: center; padding-top: 30px; padding-bottom: 30px; flex: 1; justify-content: space-between; border: 1px solid #d9d9d9; }
.contact1 .contact-left p { font-size: 16px; color: #666666; }
.contact1 .contact-left span { font-size: 24px; font-weight: bold; color: #333333; }
.contact1 .contact-left div { padding-left: 30px; padding-right: 30px; }
.contact1 .contact-left div.line { padding-left: 0; padding-right: 0; }
.contact1 .contact-left .line:after { display: block; width: 1px; height: 60px; content: ""; background-color: #d9d9d9; }
.contact1 .contact-right { display: flex; align-items: center; margin-left: 3.2vw; }
.contact1 .contact-right i + i { margin-left: 15px; }
.contact1 .contact-right i img { width: 119px; }
.contact1 .contact-right i span { font-size: 12px; display: block; width: 100%; margin-top: 24px; text-align: center; color: #333333; }

#myMap { height: 100%; margin: 0 !important; border: 0 !important; }

.contact2 { padding-top: 3.2vw; padding-bottom: 3.2vw; height: 600px; }
.contact2 .wp { height: 100%; }

.join2 .lay_tit { padding-bottom: 3.2vw; }
.join2 .league { padding-bottom: 30px; }
.join2 .leagueList { display: flex; align-items: center; flex-direction: column; padding: 30px 0; border-bottom: 1px solid #d7d7d7; }
.join2 .leagueList span { font-size: 28px; font-weight: bold; margin: 15px 0; }
.join2 .leagueList i { font-size: 16px; overflow: hidden; text-align: center; color: #222222; -webkit-box-orient: vertical; }
.join2 .leagueList + .leagueList { border-left: 1px solid #d7d7d7; }
.join2 .leagueList:nth-child(n+5) { border-bottom-width: 0; }
.join2 .leagueList:nth-of-type(5) { border-left: 0; }

.join3 { padding: 5.2vw 0; }
.join3 ul { margin-top: 3.2vw; }
.join3 ul li span { font-size: 18px; font-weight: bold; line-height: 55px; display: inline-block; width: 100%; padding: 0 14px; transition: .5s; color: #333; background: #dedede; }
@media (min-width: 992px) { .join3 ul li:hover span { color: #fff; background: #e07b32; } }

.ptrCon2 { position: relative; }
.ptrCon2-bg { font-size: 0; overflow: hidden; width: 100%; --swiper-pagination-color: var(--main-color); --swiper-theme-color: var(--main-color); --swiper-pagination-bullet-inactive-color: #fff; --swiper-pagination-bullet-inactive-opacity: .8; --swiper-navigation-color: #fff; }
.ptrCon2-bg .swiper-slide { display: flex; overflow: hidden; align-items: stretch; background: #fff; height: 100%; }
.ptrCon2-bg .swiper-slide img { order: 2; width: 50%; }
.ptrCon2-bg .swiper-slide .text-slide { order: 1; width: 50%; height: 100%; padding: 5.2vw; }
.ptrCon2-bg .swiper-slide .text-slide .title { padding-bottom: 2.2vw; }
.ptrCon2-bg .swiper-slide .text-slide .title .ch { font-size: 30px; line-height: 1; vertical-align: bottom; color: #e07b32; }
.ptrCon2-bg .swiper-slide .text-slide .title .ch span { font-size: 100px; }
.ptrCon2-bg .swiper-slide .text-slide .title .ch i { font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #9f9f9f; }
.ptrCon2-bg .swiper-slide .text-slide .title .en { font-size: 30px; font-weight: lighter; text-transform: uppercase; color: #e07b32; }
.ptrCon2-bg .swiper-slide .text-slide .tit { font-size: 24px; line-height: 1; margin-bottom: 1.6vw; color: #313131; }
.ptrCon2-bg .swiper-slide .text-slide .text { font-size: 14px; line-height: 28px; width: 70%; color: rgba(49, 49, 49, 0.6); }
.ptrCon2-bg .swiper-pagination { display: none; }
.ptrCon2 .ptrc2 { position: relative; z-index: 3; transform: translateY(-50%); }
.ptrCon2 .ptrc2 .ptrc2Nav { padding-top: 30px; padding-bottom: 30px; }
.ptrCon2 .ptrc2 .swiper-slide { padding: 0 12px; }
.ptrCon2 .ptrc2 .swiper-slide a { display: flex; align-items: center; height: 120px; padding: 10%; border-radius: 0.1em; background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.ptrCon2 .ptrc2 .swiper-slide a .icon { position: relative; top: 0; display: flex; align-items: center; flex: 1; justify-content: center; width: 58px; max-width: 58px; -webkit-transition: .5s; transition: .5s; text-align: center; border: 2px solid transparent; border-radius: 10px; }
.ptrCon2 .ptrc2 .swiper-slide a .icon:before { display: block; width: 0; padding-top: 100%; content: ""; }
.ptrCon2 .ptrc2 .swiper-slide a .icon:after { display: block; width: 28px; height: 28px; content: ""; background-image: url(../img/joinIcon1.png); background-repeat: no-repeat; background-position: 0 center; background-size: auto 100%; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon1:after { background-position: 0px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon2:after { background-position: -48px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon3:after { background-position: -96px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon4:after { background-position: -144px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon5:after { background-position: -192px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon6:after { background-position: -240px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon7:after { background-position: -288px center; }
.ptrCon2 .ptrc2 .swiper-slide a .icon.icon8:after { background-position: -336px center; }
@media (max-width: 991.8px) { .ptrCon2 .ptrc2 .swiper-slide a .icon { width: 38px; height: 38px; } }
.ptrCon2 .ptrc2 .swiper-slide a .text { font-size: 16px; padding-left: 1.5em; color: #313131; }
.ptrCon2 .ptrc2 .swiper-slide a .text .en { font-size: 12px; text-transform: uppercase; color: #bebebe; }
.ptrCon2 .ptrc2 .swiper-slide a strong { font-size: 20px; font-weight: normal; line-height: 28px; display: block; letter-spacing: 1px; }
.ptrCon2 .ptrc2 .swiper-slide a p { font-size: 12px; line-height: 20px; transition: all 0.36s ease-in-out; color: #bebebe; }
.ptrCon2 .ptrc2 .swiper-slide a:hover .text { color: #e07b32; }
.ptrCon2 .ptrc2 .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: #e07b32; box-shadow: 0 5px 20px rgba(194, 98, 29, 0.3); }
.ptrCon2 .ptrc2 .swiper-slide.swiper-slide-thumb-active a .icon { top: -5px; border-color: #fff; }
.ptrCon2 .ptrc2 .swiper-slide.swiper-slide-thumb-active a .icon:after { background-image: url(../img/joinIcon2.png); }
.ptrCon2 .ptrc2 .swiper-slide.swiper-slide-thumb-active a .text, .ptrCon2 .ptrc2 .swiper-slide.swiper-slide-thumb-active a .text .en { color: #fff; }

.culture-content { position: relative; }
.culture-content .culture-box1 .row { border-radius: 24px; overflow: hidden; }
.culture-content .culture-box1 .row .list { background: #fff; font-size: 18px; position: relative; }
.culture-content .culture-box1 .row .list dl { padding: 10%; }
.culture-content .culture-box1 .row .list dl dt { font-size: 30px; font-weight: bold; color: #000; }
.culture-content .culture-box1 .row .list dl dd { line-height: 2; color: #666; }
.culture-content .culture-box1 .row .list dl div + div { margin-top: 20px; }
.culture-content .culture-box1 .row .list:nth-of-type(1):after { content: ""; width: 2px; height: 50%; position: absolute; right: 0; top: 25%; background: #f0f2f5; }
@media (max-width: 991.98px) { .culture-content .culture-box1 .row .list { padding: 10% 8%; }
  .culture-content .culture-box1 .row .list:nth-of-type(1):after { width: 80%; height: 2px; right: 10%; bottom: 0; top: unset; }
  .culture-content .culture-box1 .row .list dl { padding: 0; }
  .culture-content .culture-box1 .row .list dl dd { font-size: 20px; } }
@media (max-width: 767.98px) { .culture-content .culture-box1 .row .list dl dt { font-size: 18px; }
  .culture-content .culture-box1 .row .list dl dd { font-size: 14px; } }

.dateLine-title { padding: 120px 0 80px; text-align: center; }
.dateLine-title .h1 { font-size: 40px; margin-bottom: 12px; font-weight: bold; }
.dateLine-title p { font-size: 20px; line-height: 34px; }
@media (max-width: 991.98px) { .dateLine-title { padding: 6% 0 4%; }
  .dateLine-title .h1 { font-size: 4vw; }
  .dateLine-title p { font-size: 2vw; line-height: 1.75; } }
@media (max-width: 767.98px) { .dateLine-title .h1 { font-size: 20px; }
  .dateLine-title p { font-size: 14px; } }

.memorabilia { position: relative; padding-bottom: 10%; }
.memorabilia .memoList { position: relative; padding-bottom: 80px; }
.memorabilia .memoList .i { display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #ebedf0; -webkit-transition: height 1s linear 800ms; -o-transition: height 1s linear 800ms; -moz-transition: height 1s linear 800ms; transition: height 1s linear 800ms; }
.memorabilia .memoList:after { content: ""; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 18px; background-color: #575c66; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: solid 4px #ebedf0; z-index: 2; }
.memorabilia .memoList .item .box { position: relative; }
.memorabilia .memoList .item .box .time { font-size: 1.125vw; margin-bottom: 0.375vw; }
.memorabilia .memoList .item .box .time:after { content: ""; position: absolute; right: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 18px; background-color: #575c66; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: solid 4px #ebedf0; z-index: 2; }
.memorabilia .memoList .item .box .title { max-width: 80%; font-size: 1.625vw; font-weight: bold; }
.memorabilia .memoList .item .box .pic { margin-top: 1.667vw; width: 90%; border-radius: 24px; overflow: hidden; }
.memorabilia .memoList .item .box .pic img { width: 100%; height: 100%; object-fit: cover; }
.memorabilia .memoList .item:nth-child(2n) { margin-bottom: 2vw; }
.memorabilia .memoList .item:nth-child(2n) .box { padding: 10% 0 0 10%; }
.memorabilia .memoList .item:nth-child(2n) .box .time:after { left: 0; right: auto; -webkit-transform: translate(-50%, 25%); -moz-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); -o-transform: translate(-50%, 25%); transform: translate(-50%, 25%); }
.memorabilia .dateLine-link { text-align: center; margin-top: 60px; font-size: 20px; font-weight: bold; }
.memorabilia .dateLine-link .p1 { font-size: 18px; margin-bottom: 6px; }
.memorabilia .dateLine-link .p2 { display: inline-block; font-size: 26px; }
.memorabilia .dateLine-link #dateLine_link { color: #313131; }
.memorabilia .dateLine-link #dateLine_link i { display: inline-flex; transform: rotate(180deg); width: 38px; height: 26px; border: 2px solid #313131; font-size: 14px; align-items: center; justify-content: center; margin-left: 10px; vertical-align: middle; border-radius: 50px; }
.memorabilia .dateLine-link #dateLine_link i:before { content: ''; display: block; width: 6px; height: 6px; border-right: 2px solid #313131; border-top: 2px solid #313131; transform: rotate(-45deg) translate(-1px, 0px); }
@media (max-width: 991.98px) { .memorabilia .dateLine-title { padding: 8% 0; }
  .memorabilia .memoList { padding-bottom: 5%; } }
@media (max-width: 767.98px) { .memorabilia .memoList .i { left: 0; }
  .memorabilia .memoList .item .box { padding-left: 6%; }
  .memorabilia .memoList .item .box .time { font-size: 12px; }
  .memorabilia .memoList .item .box .time:after { width: 16px; height: 12px; border-width: 2px; left: 0; right: auto; -webkit-transform: translate(-50%, 25%); -moz-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); -o-transform: translate(-50%, 25%); transform: translate(-50%, 25%); }
  .memorabilia .memoList .item .box .title { font-size: 16px; }
  .memorabilia .memoList .item .box .pic { width: 100%; }
  .memorabilia .memoList .item:nth-child(2n) .box { padding: 0 0 0 6%; }
  .memorabilia .memoList .item + .item .box { padding-top: 10%; }
  .memorabilia .memoList:after { width: 16px; height: 12px; left: 0; border-width: 2px; }
  .memorabilia .dateLine-link { margin-top: 0; transform: translateY(-12px); text-align: left; padding-left: 5%; line-height: 1; font-size: 16px; }
  .memorabilia .dateLine-link .p1 { font-size: 12px; margin-bottom: 0.375vw; font-weight: normal; }
  .memorabilia .dateLine-link .p2 { font-size: 16px; }
  .memorabilia .dateLine-link #dateLine_link i { width: 30px; height: 18px; margin-left: 5px; } }

.text-light { color: #f8f9fa; }

.layout { padding-top: 30px; z-index: 2; position: relative; padding-bottom: 7.5vw; }
.layout > img { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; }
.layout:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -2; }
.layout .amount-content { margin: 0 auto; max-width: 60%; display: flex; align-items: center; justify-content: space-between; }
.layout .amount-content p { color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 1; }
.layout .amount-content p.amount { padding-bottom: 5%; }
.layout .amount-content p.amount span { font-size: 120px; }
.layout .amount-content p.amount i { font-style: normal; font-size: 35px; vertical-align: baseline; margin-bottom: 12px; padding-left: 5px; }
.layout .sampleGraph { margin-top: 6%; border-radius: 22px; background: #fff; padding: 3%; text-align: right; overflow: hidden; position: relative; }
.layout .sampleGraph img { max-width: 90%; }
.layout .sampleGraph .text { position: absolute; left: 5%; bottom: 10%; text-align: left; max-width: 300px; }
.layout .sampleGraph .text p { font-size: 14px; text-align: justify; }
.layout .sampleGraph .text p.title { font-size: 20px; font-weight: bold; padding-bottom: 12px; }
@media (max-width: 991.98px) { .layout > img { height: 70%; object-fit: cover; }
  .layout .amount-content { max-width: 100%; justify-content: space-around; }
  .layout .amount-content p { font-size: 2.5vw; }
  .layout .amount-content p.amount span { font-size: 12vw; }
  .layout .amount-content p.amount i { font-size: 3.5vw; } }
@media (max-width: 767.98px) { .layout .sampleGraph img { max-width: 100%; }
  .layout .sampleGraph .text { position: unset; max-width: 100%; text-align: center; padding: 5% 0; }
  .layout .sampleGraph .text p { text-align: center; } }

@media (max-width: 1368px) { .lists .item a .img { width: 300px; margin-right: 60px; }
  .lists .item a .text { width: calc(100% - 360px); }
  .ptrCon2 .ptrc2 { padding-left: 30px; padding-right: 30px; max-width: 100%; } }
@media (max-width: 1200px) { .about1 ul { display: block; padding-bottom: 0; }
  .about1 ul li { width: 100%; }
  .about1 ul li .img_cut { max-width: 100%; }
  .lists .item a .img { width: 260px; margin-right: 30px; }
  .lists .item a .text { width: calc(100% - 290px); }
  .lists .item a .text .h3:after { margin-top: 26px; }
  .case_list .wpd { padding: 40px; }
  .case_list .wpd .p1 { display: none; }
  .case_list .wpd .imageBox { max-width: 100%; }
  .case_list .wpd .p2 .text .p img { max-width: 320px; }
  .case_list .wpd .p2 .img { max-width: calc(100% - 340px); }
  .case_list .dl:nth-child(even) .wpd .p2 { padding-left: 0; }
  .case_slick .text { width: 210px; padding-right: 0; }
  .case_list .dl:nth-child(even) .case_slick .text { padding-right: 40px; padding-left: 0; }
  .contact1 .flexBox { display: block; }
  .contact1 .contact-left { width: 100%; }
  .contact1 .contact-right { display: none; }
  .contact2 { height: 46vw; }
  .ptrCon2-bg .swiper-slide .text-slide .title .ch span { font-size: 72px; }
  .ptrCon2-bg .swiper-slide .text-slide .title .en { font-size: 22px; }
  .ptrCon2-bg .swiper-slide .text-slide .text { width: 90%; }
  .ptrCon2 .ptrc2 { transform: translateY(-40%); }
  .ptrCon2 .ptrc2 .swiper-slide a { height: auto; flex-direction: column; }
  .ptrCon2 .ptrc2 .swiper-slide a .icon { width: 52px; }
  .ptrCon2 .ptrc2 .swiper-slide a .text { padding-left: 0; text-align: center; } }
@media (max-width: 1024px) { .ptrCon2-bg .swiper-pagination { display: block; }
  .ptrCon2-bg .swiper-button-white { display: none; } }
@media (max-width: 991.8px) { .banner_pg .text .h3 { font-size: 60px; line-height: 1; }
  .banner_pg .text .p { margin-bottom: 0; }
  .lay_tit .p1 { font-size: 26px; }
  .lay_tit p { font-size: 16px; padding-top: 12px; }
  .case_slick .text .i { font-size: 34px; }
  .contact1 .contact-left { display: block; text-align: center; }
  .contact1 .contact-left .line { display: none; }
  .contact1 .contact-left div + div { margin-top: 15px; }
  .contact1 .contact-right { display: flex; justify-content: center; margin-top: 5.2vw; margin-left: 0; }
  .contact1 .contact-right i span { margin-top: unset; }
  .join2 .leagueList { padding: 30px 15px; }
  .join2 .leagueList span { font-size: 22px; line-height: 1; }
  .join2 .leagueList br { display: none; }
  .join2 .leagueList i { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; }
  .join2 .leagueList:nth-child(n+5) { border-bottom-width: 1px; }
  .join2 .leagueList:nth-child(odd) { border-left-width: 0; }
  .ptrCon2 .ptrc2 { display: none; }
  .ptrCon2-bg { max-width: 720px; margin-left: auto; margin-right: auto; margin-bottom: 80px; }
  .ptrCon2-bg .swiper-slide { flex-direction: column; align-items: start; height: auto; }
  .ptrCon2-bg .swiper-slide img, .ptrCon2-bg .swiper-slide .text-slide { order: unset; width: 100%; }
  .ptrCon2-bg .swiper-slide .text-slide .title .ch span { font-size: 50px; }
  .ptrCon2-bg .swiper-slide .text-slide .title .en { font-size: 16px; }
  .ptrCon2-bg .swiper-slide .text-slide .text { width: 100%; }
  .join3 ul li span { font-size: 14px; } }
@media (max-width: 556px) {
  #Pages a, #Pages span{min-width:32px;height: 32px;margin: 0 2px;}
  .banner_pg .text .h3 { font-size: 32px; margin-bottom: 8px; }
  .banner_pg .text .p { font-size: 16px; }
  .lay_tit .p1 { font-size: 22px; }
  .lay_tit p { font-size: 14px; padding-top: 10px; }
  .about2 ul li.li { width: 100%; }
  .about2 ul li.li + .li { margin-left: 0; }
  .lists .item a { display: block; padding: 30px 0; }
  .lists .item a .img { width: 100%; margin-right: 0; }
  .lists .item a .text { width: 100%; margin-top: 20px; }
  .Hot { display: none; }
  .case_list .wpd { padding: 15px 0; }
  .case_list .wpd .p2 { display: block; }
  .case_list .wpd .p2 .text { display: none; }
  .case_list .wpd .p2 .img { max-width: 100%; }
  .case_list .dl:nth-child(even) .wpd { padding-top: 0; }
  .case_list .dl:nth-child(even) .wpd .p2 { padding: 0 15px; }
  .case_slick { display: block; }
  .case_slick .text { width: 100%; padding: 10px 0; }
  .case_slick .text .i { display: none; }
  .case_list .dl:nth-child(even) .case_slick .text { padding-left: 15px; padding-right: 15px; }
  .contact1 .contact-left span { font-size: 18px; }
  .contact1 .contact-right i:nth-of-type(1) { display: none; }
  .contact2 { height: 300px; }
  .ptrCon2-bg { width: calc(100% - 30px); }
  .ptrCon2-bg .swiper-slide .text-slide .tit { line-height: 1.5; }
  .ptrCon2-bg .swiper-slide .text-slide .text { line-height: 1.75; }
  .ptrCon2-bg .swiper-pagination { position: unset; margin: 5.2vw auto; }
  .join2 .leagueList { border-left-width: 0 !important; }
  .layout_nav ul li{margin-right: 15px;padding: 10px}
  .layout_nav ul li a{font-size: 14px}}