.h4s1 { font-size: 0.2rem; color: rgb(26, 41, 84); line-height: 0.3rem; transition: all 0.5s ease 0s; }
.h4s2 { font-size: 0.2rem; color: rgb(0, 0, 0); line-height: 0.3rem; transition: all 0.5s ease 0s; }
.h4s3 { font-size: 0.2rem; color: rgb(26, 41, 84); line-height: 0.3rem; transition: all 0.5s ease 0s; }
.ps2 { font-size: 0.18rem; color: rgb(102, 102, 102); line-height: 0.32rem; transition: all 0.5s ease 0s; }
.ps3 { font-size: 0.16rem; color: rgb(102, 102, 102); line-height: 0.3rem; transition: all 0.5s ease 0s; }
.h6s1 { font-size: 0.16rem; color: rgb(102, 102, 102); line-height: 0.24rem; transition: all 0.5s ease 0s; font-style: italic; }
@font-face { font-family: "Spoqa Han Sans Neo"; src: url(""); }
@font-face { font-family: "Menk Hawang Tig"; src: url(""); }
.pc_hb { position: relative; z-index: 10000; height: 1.2rem; }
#header { position: fixed; z-index: 999; width: 100%; transition: all 0.36s ease 0s; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0.5rem; }
.pc_h #header::before { content: ""; position: absolute; height: 1px; left: 0px; right: 0px; bottom: 0px; visibility: visible; pointer-events: none; opacity: 0; background: rgb(218, 218, 220); transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
.pc_h #header .wp::after { content: ""; position: absolute; left: 50px; bottom: 0px; background: rgb(210, 210, 210); height: 1px; opacity: 0.57; transition: all 1s ease 1s; width: 0px; }
.pc_h #header.xg .wp::after { opacity: 0; }
.pc_h.on #header .wp::after { width: calc(100% - 100px); }
#header.xg { background: rgba(0, 0, 0, 0.8); box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 15px 0px; }
.header_top { position: relative; height: 3.375rem; padding: 0px; text-align: right; z-index: 10000; overflow: hidden; display: flex; justify-content: flex-end; align-items: center; }
.header_top .tianqi { display: inline-block; height: 0.64rem; }
.header_top .search_btn { display: inline-block; float: none; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
#header .wp { align-items: center; justify-content: space-between; width: 100%; height: 1.2rem; transition: all 0.5s ease 0s; }
#header .right { width: 11.1rem; max-width: 62%; align-items: center; position: relative; z-index: 1; opacity: 1 !important; }
#header .right::before { content: ""; position: absolute; top: 0px; right: -50vw; bottom: 0px; left: -1.15rem; background: rgb(0, 102, 204); z-index: -1; pointer-events: none; transform: skewX(-30deg); border-radius: 0.15rem 0px 0px; transform-origin: left bottom; }
#logo { width: 4.05rem; max-width: 27%; opacity: 1 !important; }
#logo img { width: 100%; }
#logo .i2 { display: none; }
.header_top .search { width: 20px; height: 20px; position: relative; z-index: 20; }
.header_top .search .input { position: absolute; z-index: 1; left: auto; right: -0.08rem; top: -12px; bottom: auto; height: 40px; width: 0px; background: rgb(255, 255, 255); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; }
.header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0px 0.32rem 0px 0.1rem; color: rgb(51, 51, 51); }
.header_top .search .btn { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 5; }
.header_top .search .btn input { cursor: pointer; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; }
.header_top .search .btn svg { width: 18px; height: 18px; fill: rgb(255, 255, 255); }
.header_top .search:hover .btn svg { fill: rgb(101, 16, 173); }
.header_top .search:hover .input { width: 0.42rem; opacity: 1; visibility: visible; }
.list0 { display: flex; align-items: center; }
.list0 .li { margin: 0px 0px 0px 0.18rem; }
.list0 .a { display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.4rem; position: relative; z-index: 1; font-size: 0.16rem; color: rgb(255, 255, 255); transition: all 0.5s ease 0s; }
.list0 .a svg { width: 0.16rem; height: 0.16rem; fill: rgb(255, 255, 255); transition: all 0.5s ease 0s; }
.list0 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(255, 255, 255); border-radius: 50vw; transition: all 0.5s ease 0s; z-index: -1; }
#openBtn { cursor: pointer; display: inline-block; padding: 0px 0px 0px 0.1rem; }
#openBtn .lcbody { width: 0.26rem; height: 23px; position: relative; display: flex; justify-content: flex-start; }
#openBtn .lcbody .lcitem { width: 100%; height: 3px; position: absolute; transition: transform 0.36s ease 0s; right: 0px; }
#openBtn .lcbody .lcitem:nth-child(2) { width: 100%; transform: translateX(-0.1rem); }
#openBtn .lcbody .lcitem div { position: absolute; width: 100%; height: 100%; top: 0px; left: auto; right: 0px; background: rgb(255, 255, 255); transition: all 0.5s ease 0s; border-radius: 50vw; }
#openBtn .lcbody .top { top: 0px; }
#openBtn .lcbody .center { display: block; top: 50%; margin-top: -1px; }
#openBtn .lcbody .bottom { top: calc(100% - 0.03rem); }
#openBtn .lcbody:hover .lcitem.top .rect { animation: 0.4s ease-in-out 0s 1 normal none running move; }
#openBtn .lcbody:hover .lcitem.center .rect { animation: 0.4s ease-in-out 0.1s 1 normal none running move; }
#openBtn .lcbody:hover .lcitem.bottom .rect { animation: 0.4s ease-in-out 0.2s 1 normal none running move; }
.active#openBtn .lcitem.top { transform: rotateZ(45deg); top: 49%; }
.active#openBtn .lcitem.center { opacity: 0; }
.active#openBtn .lcitem.bottom { transform: rotateZ(-45deg); top: 49%; }
@keyframes move { 
  0% { right: 0px; }
  40% { right: 0px; width: 0px; }
  60% { right: auto; width: 0%; }
  100% { right: auto; width: 100%; }
}
.n_header #openBtn .lcbody .lcitem div { background: rgb(255, 255, 255); }
.slide_down_nav { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1000; visibility: hidden; padding: 1.4rem; }
.slide_down_nav .slide_down_nav_bg { position: fixed; right: 0px; top: 0px; height: 0px; left: 0px; background:  0% 0% / cover rgba(255, 255, 255, 0.95); transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; backdrop-filter: blur(5px); }
.slide_down_nav .slide_down_nav_bg.on { top: auto; bottom: 0px; height: 100%; transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
.slide_down_nav_line_shuxian { position: absolute; left: 0px; margin-left: -0.5px; bottom: 0px; width: 1px; height: 0px; background: rgba(0, 0, 0, 0.15); opacity: 1; transition: all 0.6s ease 0s; }
.slide_down_nav_line_shuxian.on { height: 100%; transition-delay: 1s; }
.slide_down_nav .slide_down_nav_content { position: relative; z-index: 10; transition: all 0.6s ease 0s; height: 100%; opacity: 0; padding: 1rem 0px 0px; }
.slide_down_nav.on { visibility: visible; }
.slide_down_nav .slide_down_nav_content.on { transition: all 0.6s ease 0s; opacity: 1; }
.slide_down_nav .wp { width: 14.4rem; margin: 0px auto; height: 100%; }
.miso_wzmap { display: flex; flex-wrap: wrap; margin: 0px -0.4rem; }
.miso_wzmap li { flex: 1 1 0%; padding: 0.15rem 0px; transform: translateY(0.5rem); transition: all 0.5s ease 0s; opacity: 0; }
.miso_wzmap li:nth-child(1) { transition-delay: 0.1s; }
.miso_wzmap li:nth-child(2) { transition-delay: 0.2s; }
.miso_wzmap li:nth-child(3) { transition-delay: 0.3s; }
.miso_wzmap li:nth-child(4) { transition-delay: 0.4s; }
.miso_wzmap li:nth-child(5) { transition-delay: 0.5s; }
.miso_wzmap li:nth-child(6) { transition-delay: 0.6s; }
.miso_wzmap li:nth-child(7) { transition-delay: 0.7s; }
.miso_wzmap li:nth-child(8) { transition-delay: 0.8s; }
.miso_wzmap li:nth-child(9) { transition-delay: 0.9s; }
.miso_wzmap li h3 a { font-size: 0.26rem; color: rgb(0, 0, 0); position: relative; display: block; padding: 0px 0px 0.2rem; margin-bottom: 0.12rem; }
.miso_wzmap li h3 a::before { content: ""; position: absolute; left: 0.02rem; bottom: 0px; width: 0px; height: 0.03rem; background: rgb(0, 102, 204); transition: all 1.2s ease 1.2s; }
.miso_wzmap li dl { display: block; flex-wrap: wrap; margin: 0px -0.1rem; }
.miso_wzmap li dl dd { min-width: 50%; padding: 0px 0.1rem; width: 100%; }
.miso_wzmap li dl dd a { font-size: 0.2rem; color: rgb(0, 0, 0); line-height: 0.6rem; display: block; transition: all 0.5s ease 0s; opacity: 0.7; }
.slide_down_nav_content.on .miso_wzmap li { transform: translateY(0px); opacity: 1; }
.slide_down_nav_content.on .miso_wzmap li h3 a::before { width: 0.3rem; }
#search1 { position: fixed; top: 0px; height: 0px; width: 100%; z-index: 100002; }
#search1::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(20px); }
#search1.open { }
.module > .module_container { margin: 0px auto; padding: 0px 15px; max-width: 1536px; position: relative; }
#search1 .module_container { height: 100vh; overflow: hidden; background: rgb(255, 255, 255); max-width: none; display: flex; align-items: center; transform: translate3d(0px, -101vh, 0px); transition: all 1s ease 0s; }
#search1.open .module_container { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
#search1 .wrapper { width: 10.24rem; max-width: 100%; margin: 0px auto; transform: translateY(120px); opacity: 0; transition: all 1.2s ease 0s; position: relative; }
#search1.open .wrapper { transform: translateY(0px); opacity: 1; }
#search1 .wrapper form { display: flex; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid rgb(198, 198, 198); justify-content: space-between; }
.icon_search { background-image: url("../images/icon_search.png"); width: 16px; height: 16px; cursor: pointer; }
#search1 .wrapper form .icon_search { background-position: 0px -16px; opacity: 0.5; margin-top: 7px; margin-left: 12px; }
#search1 .wrapper form .input1 { font-size: 0.18rem; color: rgb(51, 51, 51); height: 30px; line-height: 30px; box-sizing: border-box; width: calc(100% - 104px); flex: 1 1 0%; overflow: hidden; padding: 0px; }
.fl { float: left; }
#search1 .close { position: absolute; height: 20px; width: 20px; cursor: pointer; transition: all 0.4s ease 0s; z-index: 100; top: 0.3rem; right: 0.3rem; opacity: 0; visibility: hidden; }
#search1 .close::after, #search1 .close::before { width: 1px; height: 20px; background: rgb(0, 0, 0); position: absolute; content: ""; left: 50%; }
#search1 .close::before { transform: rotate(45deg); }
#search1 .close::after { transform: rotate(-45deg); }
#search1 .close:hover { transform: rotate(90deg); }
#search1 .keywords { line-height: 0.38rem; color: rgb(51, 51, 51); font-size: 0.14rem; margin-top: 0.3rem; display: flex; flex-wrap: wrap; }
#search1 .keywords span { white-space: nowrap; }
#search1 .keywords a { color: rgb(68, 68, 68); height: 0.38rem; margin-bottom: 0.14rem; padding: 0px 0.2rem; display: inline-block; margin-right: 0.14rem; background: rgb(245, 245, 247); border-radius: 50vw; transition: all 0.5s ease 0s; }
#search1 .keywords a:hover { background: rgb(0, 97, 121); color: rgb(255, 255, 255); }
#search1.open .close { opacity: 1; visibility: visible; }
.m_header_box { transition: all 0.6s ease 0s; display: none; height: 0.75rem; position: relative; z-index: 100000; width: 100%; }
.m_header_box header { padding: 0px 0px 0px 15px; height: 0.75rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; display: flex; justify-content: space-between; align-items: center; background: rgb(255, 255, 255); }
.m_header_box header #logo img { height: 0.3rem; width: auto; }
.m_header_box header #logo { padding: 0px; width: 100%; max-width: inherit; }
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 18px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn { position: absolute; top: 50%; left: 0px; display: inline-block; width: 100%; height: 2px; transition: all 0.3s ease-out 0s; margin-top: -1px; }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 100%; height: 3px; content: ""; transition: all 0.3s ease-out 0s; background: rgb(25, 40, 84); }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 7px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105vw; top: 0px; padding: 82px 20px 30px; pointer-events: none; transition: all 0.3s ease-out 0s; display: block; opacity: 0; visibility: hidden; backdrop-filter: blur(15px); overflow: hidden scroll; background: -webkit-linear-gradient(0deg, rgb(15, 26, 58), rgb(14, 20, 40)) rgb(245, 245, 245); }
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; }
#m_nav .list1 li .a { color: rgb(17, 87, 64); }
#m_nav .list1 li .a img { display: none; }
.list_box_nav_mobile { max-width: 90%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.05); line-height: 0.64rem; color: rgb(255, 255, 255); padding: 0px; font-size: 0.2rem; display: flex; position: relative; transition: all 0.5s ease 0s; }
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a { display: block; font-size: 13px; color: rgb(255, 255, 255); line-height: 2.5; min-width: 33.33%; opacity: 0.7; }
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
.m_header_box .list0 .li { margin-left: 0.1rem; }
.m_header_box .list0 .a::before { border: 1px solid rgb(25, 40, 84); }
.m_header_box .list0 .a { color: rgb(25, 40, 84); margin-right: 0px; width: 0.34rem; height: 0.34rem; }
.m_header_box .list0 .a svg { fill: rgb(25, 40, 84); }
#nav { flex: 1 1 0%; width: 100%; }
#nav ul { justify-content: space-between; height: 1.2rem; }
#nav ul li { z-index: 0; margin-left: 0px; position: relative; height: 1.4rem; transition: all 0.2s ease 0s; }
#nav ul li > a { display: block; padding: 0px; position: relative; z-index: 2; height: 1.2rem; line-height: 1.2rem; }
#nav ul li .h3 { font-size: 0.2rem; color: rgb(255, 255, 255); height: 100%; position: relative; transition: all 0.5s ease 0s; }
#nav ul li.li .h3::before { content: ""; position: absolute; right: -0.18rem; top: 0.2rem; transition: all 0.6s ease 0s; width: 0.11rem; height: 0.05rem; background: url("../images/nav.png") center center no-repeat; }
#nav ul li .h3::after { content: ""; position: absolute; left: 50%; bottom: 0px; transition: all 0.5s ease 0s; width: 0px; margin-left: -8px; opacity: 0; visibility: hidden; border-bottom: 8px solid rgb(0, 102, 204); border-right: 8px solid transparent; border-left: 8px solid transparent; }
#nav ul li.on .h3::after, #nav ul li:hover .h3::after { opacity: 1; visibility: visible; }
#nav ul li .sub { position: absolute; top: 100%; width: auto; left: 50%; z-index: 10000; transform: translateX(-50%) scaleY(0); visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; transform-origin: center top; }
#nav ul li .sub::before { content: ""; position: absolute; top: -0.08rem; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid rgb(26, 41, 84); left: 50%; margin-left: -0.08rem; }
#nav ul li .sub .box { line-height: 1.5; transition: all 0.5s ease 0s; font-size: 0.16rem; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; display: block; width: 100%; overflow: hidden; background: rgb(26, 41, 84); border-radius: 0.1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px; padding: 0.05rem; }
#nav ul li .sub a { padding: 0.08rem 0.4rem; line-height: 1.5; transition: all 0.5s ease 0s; font-size: 0.16rem; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; display: block; width: 100%; border-radius: 0.06rem; }
#nav ul li .sub a:hover { color: rgb(255, 255, 255); background: rgb(0, 102, 204); }
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
.banner { position: relative; overflow: hidden; z-index: 2; width: 100%; height: calc(100vh - 1.2rem); }
.banner ul li { position: relative; overflow: hidden; z-index: 1; }
.banner .img .imgLi { padding-bottom: calc(100vh - 1.2rem); transition: all 0s ease 0s; }
.banner .img .imgLi::before { content: ""; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background: url("../images/banner_t1.png") center bottom / 100% no-repeat; }
.banner .img .imgs { width: 100%; opacity: 0; visibility: hidden; display: none; }
.banner video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.banner .top { position: absolute; right: 0px; bottom: 0.35rem; left: 0px; z-index: 1; }
.banner .top .wp { display: flex; align-items: center; justify-content: space-between; }
.banner .top h4 { font-size: 0.3rem; color: rgb(255, 255, 255); line-height: 1.5; flex: 1 1 0%; overflow: visible; white-space: normal; }
.banner .top h4 span { display: inline-block; opacity: 0; margin: 0px 0.5px; font-weight: bold; transition: all 0.5s ease 0s; }
.banner.on .top h4 span { opacity: 1; }
.banner .dots { display: flex; margin: 0px 0px 0px 0.3rem; z-index: 10; width: auto; }
.banner .dots span { width: 0.24rem; height: 0.24rem; transition: all 0.5s ease 0s; border-radius: 0px; background: none; font-size: 0.24rem; color: rgba(255, 255, 255, 0.3); font-family: "Menk Hawang Tig"; text-align: center; margin: 0px 0.06rem !important; opacity: 1 !important; }
.banner .dots span.active { color: rgb(255, 255, 255); }
.banner .dotsBox { align-items: center; }
.more3 { font-size: 0.14rem; color: rgb(255, 255, 255); margin-left: 0.4rem; position: relative; transition: all 0.5s ease 0s; }
.more3::before { content: ""; position: absolute; width: 1px; height: 0.36rem; background: rgb(255, 255, 255); opacity: 0.44; left: -0.18rem; top: 50%; transform: translateY(-50%); }
.pad1 { padding: 1rem 0px; overflow: hidden; }
.tit1 { margin-bottom: 0.54rem; justify-content: space-between; align-items: center; }
.tit1 .ll { display: flex; align-items: center; }
.tit1 .ll big { font-size: 0.36rem; color: rgb(1, 1, 1); font-weight: 600; }
.tit1 .ll img { margin: 0px 0.06rem; height: 0.34rem; }
.tit1 .ll span { font-size: 0.16rem; color: rgb(0, 0, 0); text-transform: uppercase; align-self: flex-end; }
.more1 { display: flex; width: 1.28rem; height: 0.39rem; border: 1px solid rgb(26, 41, 84); align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; }
.more1::before { content: ""; position: absolute; top: -0.03rem; right: 0px; bottom: -0.03rem; width: 0.32rem; background: rgb(0, 102, 204); border-radius: 0.2rem 0px 0px 0.2rem; transition: all 0.5s ease 0s; }
.more1 i { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 0.3rem; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease 0s; }
.more1 span { display: inline-block; font-size: 0.16rem; color: rgb(0, 0, 0); transform: translateX(-0.15rem); transition: all 0.5s ease 0s; }
.home1 { background: url("../images/home1_b1.jpg") center center / 100% no-repeat; }
.home1 .con1 .left { width: 8.46rem; position: relative; z-index: 1; }
.home1 .con1 .right { width: calc(100% - 8.46rem); padding: 0px 0px 0px 0.42rem; position: relative; z-index: 2; }
.list3Box { transition: all 0.5s ease 0s; }
.list3Box::before { content: ""; }
.list3 .con { display: block; padding: 0.2rem; position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; }
.list3 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; transition: all 0.5s ease 0s; }
.list3 .a { display: block; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.list3 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list3 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list3 .img .imgLi { padding-bottom: 56.25%; }
.list3 .txt { padding: 0.24rem 0.2rem 0.2rem; }
.list3 h4 { font-size: 0.24rem; color: rgb(26, 41, 84); font-weight: bold; }
.list3 p { margin: 0.1rem 0px 0.24rem; }
.arrow1 { position: absolute; bottom: 0.4rem; right: 0.25rem; width: 0.46rem; height: 0.26rem; justify-content: space-between; z-index: 10; }
.arrow1 .arrow { width: 0.17rem; height: 100%; position: relative; z-index: 1; cursor: pointer; }
.arrow1 .arrow::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: url("../images/arrow1_s1_on.svg") center center / 100% 100% no-repeat; z-index: -1; opacity: 0; transition: all 0.5s ease 0s; }
.arrow1 img { height: 100%; }
.arrow1 .next { transform: rotateY(180deg); }
.list4 { margin: 0px -0.17rem; }
.list4 li { width: 50%; padding: 0px 0.17rem; margin-bottom: 0.3rem; }
.list4 .a { display: block; position: relative; z-index: 1; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.list4 .con { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; padding: 0px 0.3rem; position: relative; z-index: 1; background: rgb(255, 255, 255); height: 2.04rem; overflow: hidden; }
.list4 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; }
.list4 .con::after { content: ""; position: absolute; background: url("../images/list4_b1.png") center center / cover no-repeat; top: 50%; left: 50%; width: 4.75rem; height: 4.75rem; transform: translate(-100%, -100%); pointer-events: none; z-index: -1; transition: all 0.5s ease 0s; }
.list4 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list4 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list4 h4 { width: 100%; margin: 0.1rem 0px; }
.list4 h6 { width: 100%; align-items: center; justify-content: space-between; }
.list4 h6 svg { width: 0.24rem; height: 0.24rem; transition: all 0.5s ease 0s; transform: rotate(0deg); }
.list4 span { display: inline-block; font-size: 0.16rem; color: rgb(255, 255, 255); line-height: 0.28rem; background: rgb(26, 41, 84); padding: 0px 0.2rem; transition: all 0.5s ease 0s; }
.home2 { background: rgb(247, 247, 247); }
.list5 { flex-wrap: nowrap; padding: 0.6rem 1%; justify-content: center; align-items: center; }
.list5 li { width: 9.09%; transition: all 0.5s ease 0s; }
.list5 li .box { position: relative; z-index: 1; }
.list5 li .box::before { content: ""; position: absolute; top: 0px; right: 0.2rem; bottom: 0px; left: 0.2rem; z-index: -1; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem 0px; opacity: 0; transition: all 0.5s ease 0s; }
.list5 li:nth-child(2) { padding: 0px 0.45%; }
.list5 li:nth-child(4) { padding: 0px 0.5%; }
.list5 li:nth-child(5) { padding: 0px 0.4%; }
.list5 li:nth-child(6) { padding: 0px 0.15%; }
.list5 li:nth-child(7) { padding: 0px 0.35%; }
.list5 li:nth-child(9) { padding: 0px 0.15%; }
.list5 li:nth-child(10) { padding: 0px 0.25%; }
.list5 li:nth-child(10) { padding: 0px 0.25%; }
.list5 .box .a > .img { opacity: 0; }
.list5 .a { display: block; width: 100%; position: relative; overflow: hidden; background: rgb(26, 41, 84); }
.list5 li:nth-child(1) .a { clip-path: polygon(0.04rem 0px, calc(100% - 0.04rem) 0px, 100% 100%, 0px 100%); }
.list5 li:nth-child(2) .a { clip-path: polygon(0.13rem 0px, 100% 0px, calc(100% - 0.13rem) 100%, 0px 100%); }
.list5 li:nth-child(3) .a { clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.2rem 100%); }
.list5 li:nth-child(4) .a { clip-path: polygon(0.04rem 0px, calc(100% - 0.04rem) 0px, 100% 100%, 0px 100%); }
.list5 li:nth-child(5) .a { clip-path: polygon(0.13rem 0px, 100% 0px, calc(100% - 0.1rem) 100%, 0px 100%); }
.list5 li:nth-child(6) .a { clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.13rem 100%); }
.list5 li:nth-child(7) .a { clip-path: polygon(0.04rem 0px, 100% 0px, calc(100% - 0.04rem) 100%, 0px 100%); }
.list5 li:nth-child(8) .a { clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.13rem 100%); }
.list5 li:nth-child(9) .a { clip-path: polygon(0.2rem 0px, 100% 0px, calc(100% - 0.1rem) 100%, 0px 100%); }
.list5 li:nth-child(10) .a { clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.1rem 100%); }
.list5 li:nth-child(11) .a { clip-path: polygon(0.2rem 0px, 100% 0px, calc(100% - 0.13rem) 100%, 0px 100%); }
.list5 li:nth-child(1) .box .a > .img .imgLi { padding-bottom: 5.42rem; }
.list5 li:nth-child(2) .box .a > .img .imgLi { padding-bottom: 5.42rem; }
.list5 li:nth-child(3) .box .a > .img .imgLi { padding-bottom: 6.44rem; }
.list5 li:nth-child(4) .box .a > .img .imgLi { padding-bottom: 5.7rem; }
.list5 li:nth-child(5) .box .a > .img .imgLi { padding-bottom: 6.55rem; }
.list5 li:nth-child(6) .box .a > .img .imgLi { padding-bottom: 6.38rem; }
.list5 li:nth-child(7) .box .a > .img .imgLi { padding-bottom: 6.65rem; }
.list5 li:nth-child(8) .box .a > .img .imgLi { padding-bottom: 5.65rem; }
.list5 li:nth-child(9) .box .a > .img .imgLi { padding-bottom: 5.8rem; }
.list5 li:nth-child(10) .box .a > .img .imgLi { padding-bottom: 5.9rem; }
.list5 li:nth-child(11) .box .a > .img .imgLi { padding-bottom: 6.4rem; }
.list5 .con { position: absolute; top: 0px; left: 50%; width: 100%; transform: translateX(-50%); bottom: 0px; transition: all 0.5s ease 0s; }
.list5 .con .img { height: 100%; filter: grayscale(100%); opacity: 0.5; }
.list5 .con .img::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: url("../images/list5_b1.png") center bottom / 120% no-repeat; opacity: 0; transition: all 0.5s ease 0s; }
.list5 .con .img .imgLi { height: 100%; padding-bottom: inherit; }
.list5 .txt { position: absolute; top: 0px; right: 0px; bottom: -0.1rem; left: 0px; display: flex; flex-direction: column; justify-content: flex-end; padding: 0px 0.3rem 0.3rem; opacity: 0; transition: all 0.5s ease 0.5s; }
.list5 .txt * { color: rgb(255, 255, 255) !important; }
.list5 h4 { width: 100%; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0px; }
.list5 h6 { font-size: 0.2rem; line-height: 0.36rem; }
.list5 .alin_r:hover .aline_w { transition-delay: 1s; }
.aline_w { position: relative; background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); background-position: 0px 100%; background-size: 0px 1px; background-repeat: no-repeat; transition: background-size 0.5s ease 0s; }
.alin_r:hover .aline_w { background-size: 100% 1px; }
.home3 { padding-bottom: 1.2rem; position: relative; z-index: 1; }
#canvas { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: -1; pointer-events: none; }
.home3 .fl1 { align-items: center; }
.home3 .fl1 .left { width: 42%; align-items: flex-start; }
.home3 .fl1 .right { width: calc(58%); padding: 0px 0px 0px 3%; }
.list6 { margin: 0px -0.075rem -0.15rem; }
.list6 li { width: 50%; padding: 0px 0.075rem; margin-bottom: 0.15rem; }
.list6 .a { display: block; position: relative; z-index: 1; padding: 0px 0.05rem 0.05rem 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.list6 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.05rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list6 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.05rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list6 .con { flex-direction: column; justify-content: center; align-items: center; display: flex; padding: 0px 0.15rem; position: relative; z-index: 1; background: rgb(255, 255, 255); height: 1.34rem; overflow: hidden; }
.list6 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; }
.list6 .con::after { content: ""; position: absolute; background: url("../images/list4_b1.png") center center / cover no-repeat; top: 50%; left: 50%; width: 4.75rem; height: 4.75rem; transform: translate(-100%, -100%); pointer-events: none; z-index: -1; transition: all 0.5s ease 0s; }
.list6 .ico { width: 0.54rem; height: 0.54rem; }
.list6 .ico img { width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.list6 h4 { margin: 0.06rem 0px 0px; text-align: center; }
.home3 .fl1 .left ul.ll { width: 30%; margin: 0px; }
.home3 .fl1 .left ul.ll li { width: 100%; padding: 0px; }
.home3 .fl1 .left .rr { width: 70%; padding: 0px 0px 0px 0.15rem; }
.home3 .fl1 .left ul.ll li { width: 100%; }
.home3 .fl1 .left ul.ll li .con { height: 2.88rem; }
.list7 li { margin-left: 0.2rem; }
.list7 .a { display: block; position: relative; z-index: 1; padding: 0px 0.03rem 0.03rem 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.list7 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.03rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list7 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.03rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list7 .con { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; position: relative; z-index: 1; background: rgb(255, 255, 255); height: 0.6rem; overflow: hidden; width: 0.6rem; }
.list7 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; }
.list7 .con::after { content: ""; position: absolute; background: url("../images/list4_b1.png") center center / cover no-repeat; top: 50%; left: 50%; width: 200%; height: 200%; transform: translate(-150%, -150%); pointer-events: none; z-index: -1; transition: all 0.5s ease 0s; }
.list7 img { transition: all 0.5s ease 0s; }
.list7 img.img1 { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; }
.list8 { align-items: center; }
.list8 li:nth-child(1) { width: 25.64%; }
.list8 li:nth-child(2) { width: calc(41.15%); }
.list8 li:nth-child(3) { width: 33.21%; }
.list8 .a { display: block; position: relative; transition: all 0.5s ease 0s; }
.list8 .img { overflow: visible; }
.list8 li:nth-child(1) .img .imgLi { padding-bottom: 130%; }
.list8 li:nth-child(2) .img .imgLi { padding-bottom: 77.92%; }
.list8 li:nth-child(3) .img .imgLi { padding-bottom: 100%; }
.list8 .txt { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
footer { overflow: hidden; position: relative; z-index: 1; background: rgb(26, 41, 84); }
footer::before { content: ""; position: absolute; width: 8.75vw; height: 100vh; top: 50%; left: 17%; background: rgb(0, 102, 204); transform: translate(0px, -50%) skewX(-30deg); z-index: -1; pointer-events: none; }
footer .fl1 { padding: 0.7rem 0px 1.2rem; align-items: flex-start; justify-content: space-between; }
footer .fl1 img.img1 { width: 3.3rem; max-width: 22%; }
footer .fl1 .right { width: 10.56rem; justify-content: space-between; }
footer .fl1 dl dt { font-size: 0.2rem; color: rgb(255, 255, 255); line-height: 1.375; margin-bottom: 0.1rem; }
footer .fl1 dl dd { font-size: 0.16rem; color: rgba(255, 255, 255, 0.7); line-height: 0.36rem; transition: all 0.5s ease 0s; }
footer .fl2 { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 0.25rem 0px; }
footer .fl2 p { font-size: 0.16rem; color: rgba(255, 255, 255, 0.7); line-height: 1.5; }
footer[data-aos="fg1"]::before { transform: translate(0px, -50%) skewX(0deg); transition: all 1s ease 0s; }
footer[data-aos="fg1"].aos-animate::before { transform: translate(0px, -50%) skewX(-30deg); }
.tc1 .tc { pointer-events: none; opacity: 0; position: fixed; width: 100%; height: 100%; top: 0px; z-index: 2147483647; }
.tc1 .tc.act { opacity: 1; pointer-events: auto; }
.tc1 .close:hover { transform: rotate(180deg); }
.tc1 .close, .tc { transition: all 400ms ease 0s; }
.tc1 .tc-box { position: absolute; background: rgb(217, 217, 217); overflow: hidden; top: 50%; z-index: 9999; width: 2.88rem; left: 50%; margin-left: -1.44rem; margin-top: -1.44rem; padding: 0.16rem; border-radius: 0.08rem; }
.tc1 .tc.act .tc-box { transform: scale(1); }
.tc1 .tc.act { display: block; }
.tc1 .close { position: absolute; cursor: pointer; font-size: 20px; right: 30px; top: 30px; }
.tc1 .tc_bg { height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; }
.tc1 .tc-box h3 img { width: 100%; margin: 0px auto; display: block; }
.tc1 .tc-box h5 { padding-top: 0.16rem; font-size: 0.14rem; color: rgb(108, 108, 108); text-align: center; }
@media (min-width: 1024px) {
.tow-left-ul{ padding-top: 0.18rem;}
  .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img { transform: scale(1.08); }
  .a:hover .h4s1, .a:hover .h4s2, .a:hover .h4s3 { color: rgb(0, 102, 204); }
  .list0 .a:hover::before { border: 1px dashed rgb(255, 255, 255); animation: 25s linear 0s infinite normal none running play; }
  .more1:hover::before { width: calc(100% + 0.32rem); }
  .more1:hover span { color: rgb(255, 255, 255); transform: translateX(-0.08rem); }
  .more1:hover i { transform: translateX(-0.12rem); }
  .arrow1 .arrow:hover::before { opacity: 1; }
  .list3 .a:hover::before, .list3 .a:hover::after { background: rgb(0, 102, 204); }
  .list3 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list4 .a:hover span { background: rgb(0, 102, 204); }
  .list4 .a:hover .con::after { transform: translate(-70%, -65%); }
  .list4 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list4 .a:hover::before, .list4 .a:hover::after { background: rgb(0, 102, 204); }
  .list4 .a:hover h6 svg { transform: rotate(45deg); fill: rgb(0, 102, 204); }
  .list5 li:hover { width: 4.1rem; }
  .list5 li:hover .a { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem 0px; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem); }
  .list5 li:hover .con .txt { opacity: 1; }
  .list5 li:hover .con .img { filter: none; opacity: 1; }
  .list5 li:hover .con .img::after { opacity: 1; }
  .list5 li:hover .box::before { opacity: 1; }
  .list5 li:hover { transform: scaleY(1.2); }
  .list5 li:hover .con .txt * { transform: scaleY(0.8); }
  .list3Box:hover, .list4 .a:hover, .list6 .a:hover, .list7 .a:hover, .list8 .a:hover { filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem); }
  .list6 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list6 .a:hover::before, .list6 .a:hover::after { background: rgb(0, 102, 204); }
  .list6 .a:hover .ico img { transform: rotateY(180deg); }
  .list7 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list7 .a:hover::before, .list7 .a:hover::after { background: rgb(0, 102, 204); }
  .list7 .a:hover .con::after { transform: translate(-65%, -65%); }
  .list7 .a:hover img { opacity: 0; }
  .list7 .a:hover img.img1 { opacity: 1; }
  footer .fl1 dl dd:hover { color: rgb(255, 255, 255); }
}
@media (max-width: 1600px) {
}
@media (max-width: 1024px) {
  html::-webkit-scrollbar { width: 0px; }
  .pc_hb { display: none; }
  .m_header_box { display: block; }
  .banner { height: auto; }
  .banner .img .imgLi { padding-bottom: 50%; }
  .home1 .con1 .left { width: 100%; }
  .home1 .con1 .right { width: 100%; padding: 0.5rem 0px 0px; }
  .list5 li:nth-child(1) .box .a > .img .imgLi { padding-bottom: 310%; }
  .list5 li:nth-child(2) .box .a > .img .imgLi { padding-bottom: 346%; }
  .list5 li:nth-child(3) .box .a > .img .imgLi { padding-bottom: 369%; }
  .list5 li:nth-child(4) .box .a > .img .imgLi { padding-bottom: 367%; }
  .list5 li:nth-child(5) .box .a > .img .imgLi { padding-bottom: 412%; }
  .list5 li:nth-child(6) .box .a > .img .imgLi { padding-bottom: 378%; }
  .list5 li:nth-child(7) .box .a > .img .imgLi { padding-bottom: 413%; }
  .list5 li:nth-child(8) .box .a > .img .imgLi { padding-bottom: 324%; }
  .list5 li:nth-child(9) .box .a > .img .imgLi { padding-bottom: 344%; }
  .list5 li:nth-child(10) .box .a > .img .imgLi { padding-bottom: 358%; }
  .list5 li:nth-child(11) .box .a > .img .imgLi { padding-bottom: 367%; }
  .home3 .fl1 .left { width: 100%; padding: 0.3rem 0px 0px; order: 1; }
  .home3 .fl1 .right { width: 100%; padding: 0px; }
  footer .fl1 .right { width: 100%; padding: 0.3rem 0px 0px; }
  footer .fl1 img.img1 { margin: 0px auto; max-width: 30%; }
  footer .fl2 { text-align: center; }
}
@media (max-width: 800px) {
  #gotop { right: 0px; transform: scale(0.7); }
  .scroll { overflow: scroll hidden; }
  .ar_article { font-size: 0.18rem; }
  .ar_article td, .ar_article th { font-size: 0.18rem; }
  .tit1 { margin-bottom: 0.25rem; }
  .tit1 .ll big { font-size: 0.26rem; }
  .ar_article1 p { text-indent: 0.36rem; }
  .ar_article1 p img { }
  footer .fl1 { padding: 0.4rem 0px; }
  footer .fl1 .right dl { width: 25%; text-align: center; }
  footer .fl1 dl dd { display: none; }
  .pad1 { padding: 0.4rem 0px; }
  .list4 { margin: 0px -7px; }
  .list4 li { width: 50%; padding: 0px 7px; margin-bottom: 0.2rem; }
  .home1 .con1 .right { padding: 0.3rem 0px 0px; }
  .list7 .con { width: 0.4rem; height: 0.4rem; }
  .list7 li { margin-left: 0.1rem; }
  .tit1 .ll img { height: 0.2rem; }
  .tit1 .ll span { font-size: 0.14rem; }
  .list6 .ico { width: 0.36rem; height: 0.36rem; }
  .list5 { padding: 0.15rem 3%; }
  .home3 { padding-bottom: 0.5rem; }
  .list8 { padding: 0px 0%; }
  .arrow1 { transform: scale(0.7); }
}
@media (max-width: 560px) {
  .tit1 .ll span { display: inline-block; width: 1.2rem; line-height: 1.25; }
  .list6 h4 { font-size: 0.18rem !important; line-height: 1.5 !important; }
  .list6 .con { padding: 0px 0.1rem; height: 1.2rem; }
  .home3 .fl1 .left ul.ll li .con { height: 2.56rem; }
  .home3 .fl1 .left .rr { padding: 0px 0px 0px 6px; }
  .list6 { margin: 0px -3px -0.1rem; }
  .list6 li { width: 50%; padding: 0px 3px; margin-bottom: 0.1rem; }
  footer .fl1 dl dt { font-size: 0.16rem; }
  .list8 .txt { transform: scale(1.5); }
  .list8 li:nth-child(1) .txt { transform: scale(1.35) translateX(-8%); }
  footer::before { width: 10vw; left: 0%; }
  .banner .top h4 { width: 100%; flex: 1 1 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; order: 1; }
  .banner .dotsBox { width: 100%; justify-content: center; }
  .banner .dots { margin: 0px 0px 0.1rem; }
  .banner .top { bottom: 0.15rem; }
  .list4 .con { padding: 0px 0.2rem; }
}
.n_banner { background: url("../images/n_ba1.jpg") center center / cover no-repeat; height: 2.8rem; }
.n_banner .wp { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.tit3 { text-align: center; position: relative; z-index: 1; height: 0.86rem; width: 100%; display: flex; justify-content: center; align-items: center; }
.tit3 h3 { font-size: 0.48rem; color: rgb(255, 255, 255); font-weight: bold; }
.tit3 h6 { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: flex; justify-content: center; align-items: center; }
.tit3 h6 img { max-height: 100%; max-width: 100%; }
.list_ej { justify-content: center; margin: 0.5rem 0px -0.2rem; }
.list_ej li { padding: 0px 0.24rem; position: relative; line-height: 1.5; }
.list_ej li::before { content: ""; position: absolute; width: 0.04rem; height: 0.04rem; background: rgba(255, 255, 255, 0.65); border-radius: 50vw; right: -0.02rem; top: 50%; margin-top: -0.02rem; }
.list_ej .a { font-size: 0.22rem; color: rgba(255, 255, 255, 0.65); transition: all 0.5s ease 0s; }
.list_ej li:last-child::before { display: none; }
.list_ej li.on .a, .list_ej li .a:hover { color: rgb(255, 255, 255); }
.n_pad1 { padding: 1rem 0px 0px; overflow: hidden; }
.n_container { min-height: 50vh; }
.tit4 { margin-bottom: 0.5rem; justify-content: space-between; align-items: center; }
.tit4 .ll { align-items: center; }
.tit4 .ll big { font-size: 0.36rem; color: rgb(0, 102, 204); font-weight: 600; margin-left: 10px; }
.tit4 .ll img { margin: 0px 0.06rem 0px 0px; height: 0.36rem; }
.mianbao * { font-size: 0.18rem; color: rgb(102, 102, 102); line-height: 1.5; font-style: normal; transition: all 0.5s ease 0s; }
.mianbao span { margin: 0px 0.1rem; }
.mianbao a:hover { color: rgb(0, 102, 204); }
.n_container .wp { width: 14.4rem; align-items: flex-start; }
.about .fl1 { background: url("../images/about_b1.jpg") 88% 50% / 100% no-repeat; padding: 0px 0px 1rem; }
.about .fl1 .left { width: 54.23%; }
.about .fl1 .left .p_l { padding: 0px 0.6rem 0px 0px; height: 5.1rem; margin-bottom: -14%; }
.about .fl1 .left .p1 { margin-bottom: 0.5rem; }
.about .fl1 .right { width: calc(45.77%); }
.about .fl1 .right .p_l { padding: 0.3rem 0px 0px 0.6rem; }
.about .fl1 .right .p1 { width: calc((100vw - 14.4rem) / 2 + 100%); }
.about .fl1 .right .p1 img { width: 100%; height: 5.1rem; object-fit: cover; }
.about .fl2 { position: relative; z-index: 1; padding: 0.8rem 0px 1rem; }
.about .fl2 .tit4 { display: none; }
.about .fl2 .bg { position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; display: flex; }
.about .fl2 .bg1 { width: 88%; height: 2.9rem; background: rgb(0, 102, 204); }
.about .fl2 .bg2 { width: 12%; height: 2.9rem; background: url("../images/about_c.png") left top / auto 1.95rem no-repeat rgb(28, 44, 89); }
.about .fl2 .bgs { position: absolute; z-index: -1; background: url("../images/about_b2.jpg") right center / auto 100% no-repeat; top: 1.92rem; right: 0px; bottom: 0px; left: 0px; }
.about .fl2 .con1 .left { width: calc(82.71%); }
.about .fl2 .con1 .right { width: 17.29%; padding: 0px 0px 0px 0.16rem; }
.list10 .img .imgLi { padding-bottom: 63.6%; }
.arrow2 { width: 0.4rem; flex-direction: column; justify-content: space-between; position: relative; z-index: 10; margin: 0.5rem 0px 0px 0.7rem; }
.arrow2 .arrow { width: 0.4rem; height: 100%; position: relative; z-index: 1; cursor: pointer; }
.arrow2 .arrow::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: url("../images/arrow1_s2_on.svg") center center / 100% 100% no-repeat; z-index: -1; opacity: 0; transition: all 0.5s ease 0s; }
.arrow2 img { width: 100%; transition: all 0.5s ease 0s; }
.arrow2 .next { transform: rotateY(180deg); margin-top: -0.05rem; }
.tit5 img { width: 1.67rem; }
.arrow2 .arrow:hover::before { opacity: 1; }
.arrow2 .arrow:hover img { opacity: 0; }
.list_sj { flex: 1 1 0%; overflow: hidden; padding: 0px 0.8rem; }
.list_sj li { margin-right: 0.26rem; font-size: 0.22rem; color: rgb(102, 102, 102); transition: all 0.5s ease 0s; line-height: 1.5; }
.list_sj li.on, .list_sj li:hover { color: rgb(0, 102, 204); font-weight: bold; }
.banner-index { margin: 0px; overflow: hidden; }
.banner-index img { width: 100%; }
.header-index { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 1000; background-image: linear-gradient(rgb(0, 102, 204), rgba(0, 0, 0, 0)); }
.header-sm { width: 15rem; margin: 0px auto; padding-top: 0.3rem; }
.logo img { width: 7.34rem; }
.pull-left { float: left; }
.pull-right { float: right; }
.header-a a { display: block; font-size: 0.16rem; color: rgb(255, 255, 255); margin-bottom: 0.1rem; }
.header-a a i { display: inline-block; width: 0.3rem; }
.header-a a img { height: 0.15rem; }
.header-a { margin-left: 0.3rem; }
.header-sm-b a { display: block; float: left; margin-left: 0.25rem; }
.header-sm-b a img { width: 0.45rem; }
.header-sm-right { padding-top: 0.2rem; }
.nav-list li a { font-size: 0.2rem; color: rgb(255, 255, 255); font-weight: bold; }
.nav-list li { margin-top: 0.3rem; width: 10%; text-align: center; float: left; position: relative; padding-bottom: 0.25rem; }
.header-index::before { display: block; content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.banner-box { position: relative; }
.banner-index .slick-prev { border-radius: 50%; left: 0.8rem; z-index: 100; width: 0.74rem; height: 0.74rem; background: url("../images/left.png") center center / cover no-repeat; margin-top: -0.37rem; }
.banner-index .slick-next { border-radius: 50%; right: 0.8rem; width: 0.74rem; height: 0.74rem; background: url("../images/right.png") center center / cover no-repeat; margin-top: -0.37rem; }
.slick-prev::before, .slick-next::before { display: none; }
.banner-a { position: absolute; left: 50%; bottom: 0.2rem; width: 0.43rem; margin-left: -0.2rem; z-index: 100; }
.banner-right {position: fixed;z-index: 1000;right: 0px;bottom: 0px;width: 2.5rem;height: 2.75rem;padding: 0.2rem;}
.banner-right::before { display: block; content: ""; position: absolute; bottom: 0px; right: 0px; left: 0px; height: 0rem; background: rgb(255, 255, 255); }
.banner-right::after { display: block; content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 2.9rem; background: rgba(0, 0, 0, 0.5); }
.banner-ul { position: relative; z-index: 100; }
.banner-ul li { margin-right: 0rem; margin-bottom: 15px; }
.banner-ul li a img {width: 1.82rem;height: 1.1rem;}
.close-a {position: absolute;top: 0.2rem;right: 0.12rem;z-index: 99999999;}
.close-a img { width: 0.17rem; }
.page-one { background: url("../images/back01.png") center center / cover no-repeat; padding: 1rem 0px 1.1rem; }
.title-index { font-size: 0.46rem; margin-bottom: 0.7rem; position: relative; color: rgb(255, 255, 255); font-weight: bold; line-height: 1; }
.text-center { text-align: center; }
.page-one .container { width: 15rem; margin: 0px auto; }
.title-index font { position: relative; z-index: 100; }
.title-index span { position: absolute; left: 0px; right: 0px; top: -0.5rem; text-transform: uppercase; font-size: 0.84rem; font-family: Arial; font-weight: bold; opacity: 0.15; }
.one-left { width: 48.5%; }
.one-right{ width: 48.5%;background:#fff;padding:25px; }
.one-ul-img img { width: 100%; height: 2.25rem; }
.one-ul-img { position: relative; }
.one-ul-img span { position: absolute; left: 0px; bottom: 0px; width: 1.15rem; height: 0.37rem; background: url("../images/date-back.png") center center / 100% 100% no-repeat; line-height: 0.37rem; font-size: 0.16rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.15rem; }
.one-ul-tt { background: rgb(255, 255, 255); line-height: 0.6rem; padding: 0px 0.25rem; font-size: 0.18rem; color: rgb(51, 51, 51); font-weight: bold; }
.img-hide { overflow: hidden; display: block; }
.img-hide img { transition: all 0.5s ease 0s; transform: scale(1, 1); }
.img-hide:hover img { transform: scale(1.05, 1.05); }
.txt-elise { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.one-ul li { margin-bottom: 0.3rem; }
.one-center { margin-left: 0.35rem; width: 6.3rem; }
.img-slick-img { position: relative; }
.img-slick-img img { width: 100%; height: 4.56rem; }
.img-slick-img span { position: absolute; left: 0px; bottom: 0px; width: 1.15rem; height: 0.37rem; background: url("../images/date-back02.png") center center / 100% 100% no-repeat; line-height: 0.37rem; font-size: 0.16rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.15rem; }
.img-slick-bottom { border: 0.12rem solid rgb(255, 255, 255); padding: 0.25rem; background: url("../images/back-a.png") center bottom / 100% no-repeat rgb(255, 255, 255); height: 2rem; }
.img-slick-tt { font-size: 0.18rem; color: rgb(51, 51, 51); font-weight: bold; }
.img-slick-p { font-size: 0.14rem; color: rgb(153, 153, 153); line-height: 1.8; text-align: justify; margin-top: 0.1rem;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.text-right { text-align-last: right; }
.img-more { position: relative; margin-top: 0.1rem; }
.img-more a { float: right; padding-right: 0.2rem; background: url("../images/more.png") right center no-repeat; font-size: 0.14rem; color: rgb(4, 92, 180); }
.img-more::before { display: block; content: ""; position: absolute; left: 0px; top: 50%; right: 90px; border-top: 1px solid rgb(4, 92, 180); }
.img-slick { margin: 0px; }
.img-slick .slick-dots { bottom: 0.3rem; }
.img-slick .slick-dots li, .img-slick .slick-dots li button { width: 0.14rem; height: 0.14rem; border-radius: 50%; }
.img-slick .slick-dots li button { background: rgb(169, 192, 216); }
.img-slick .slick-dots li.slick-active button { background: rgb(2, 164, 232); }
.slick-dots li button::before { display: none; }
.more-b { margin-top: 0.4rem; }
.more-b img { width: 1.48rem; }
.page-tow { background: url("../images/back02.png") center center / cover no-repeat; padding-top: 1.2rem; padding-bottom: 1.75rem; }
.page-tow .title-index span { color: rgb(202, 202, 202); }
.page-tow .title-index font { color: rgb(0, 102, 204); }
.page-tow .container { width: 15rem; margin: 0px auto; }
.tow-sm { background: rgb(235, 243, 251); padding: 0.4rem; }
.tow-left-date { width: 0.75rem; position: absolute; left: 0px; top: 0px; height: 0.75rem; padding-top: 0.1rem; background: rgb(20, 117, 212); font-size: 0.12rem; color: rgb(255, 255, 255); text-align: center; }
.tow-left-date span { font-size: 0.36rem; display: block; padding-bottom: 0.05rem; }
.tow-left-link { display: block; position: relative; padding-left: 1.1rem; }
.tow-left-tt { font-size: 0.2rem; color: rgb(0, 102, 204); font-weight: bold; }
.tow-left-p { color: rgb(51, 51, 51); font-size: 0.14rem; line-height: 1.8; margin-top: 0.2rem; }
.tow-left { width: 7.35rem; }
.tow-left-ul li a { display: block; line-height: 0.5rem; position: relative; font-size: 0.18rem; color: rgb(51, 51, 51); padding-right: 1.1rem; }
.tow-left-ul li a span { position: absolute; right: 0px; top: 0px; font-size: 0.14rem; color: rgb(119, 119, 119); }
.tow-left-ul { border-top: 1px solid rgb(20, 117, 212); padding-top: 0.38rem; margin-top: 0.27rem; }
.tow-right-tt { line-height: 0.55rem; font-size: 0.18rem; color: rgb(51, 51, 51); padding-right: 0.8rem; }
.tow-right-tt span { font-weight: bold; margin-right: 0.1rem; }
.tow-right { width: 6rem; }
.tow-right-img img { width: 100%; height: 3.37rem; }
.tow-right .slick-next { right: 0px; top: auto; bottom: 0px; width: 0.55rem; height: 0.55rem; background: url("../images/right02.png") center center / cover no-repeat; }
.tow-right .slick-prev { right: 0.55rem; top: auto; left: auto; z-index: 100; bottom: 0.55rem; width: 0.55rem; height: 0.55rem; background: url("../images/left02.png") center center / cover no-repeat; }
.tow-right-slick { margin-bottom: 0px; }
.page-three { background: url("../images/back03.png") center center / cover no-repeat; margin-top: -1.3rem; padding: 2.2rem 0px 1.4rem; }
.page-three .container { padding: 0px 0.8rem; }
.three-slick a { display: block; padding: 10px 0px; position: relative; }
.three-slick-b { padding: 0.35rem 0.2rem 0.25rem; position: relative; z-index: 100; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
.three-slick-img img { width: 1.33rem; height: 1.33rem; border-radius: 50%; }
.three-slick-img { position: relative; width: 1.33rem; }
.three-slick-img span { font-size: 0.12rem; color: rgb(255, 255, 255); padding-top: 0.15rem; text-align: center; position: absolute; left: 0.23rem; background: rgba(38, 116, 208, 0.7); right: 0.23rem; bottom: 0.23rem; top: 0.23rem; border-radius: 50%; }
.three-slick-img span font { font-size: 0.36rem; display: block; margin-bottom: 0.05rem; }
.three-slick-top { position: relative; }
.three-slick-tt { position: absolute; left: 1.65rem; top: 50%; font-size: 0.18rem; color: rgb(0, 102, 204); transform: translate(0px, -50%); }
.three-slick-top::before { display: block; content: ""; position: absolute; left: 0.7rem; top: 1.1rem; right: 0px; border-top: 1px solid rgb(38, 116, 208); }
.three-slick-title { font-size: 0.18rem; margin-top: 0.3rem; color: rgb(50, 50, 50); line-height: 0.3rem; height: 0.6rem; overflow: hidden; text-align: justify; }
.three-slick-p { color: rgb(153, 153, 153); text-align: justify; line-height: 0.25rem; margin-top: 0.25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.raw-b { margin-top: 0.2rem; float: right; width: 0.34rem; height: 0.34rem; background: url("../images/raw-b.png") center center / 100% 100% no-repeat; }
.three-slick .slick-slide { padding: 0px 0.15rem; }
.three-slick a::before { display: block; content: ""; position: absolute; left: 0.1rem; top: 0px; right: 0.1rem; bottom: 0px; background: url("../images/back-v.png") center center / 100% 100% no-repeat; }
.three-slick a:hover .three-slick-b { background: url("../images/back-h.png") center center / cover no-repeat; border: 1px solid rgb(10, 183, 247); box-shadow: rgba(10, 183, 147, 0.6) 0px 0px 0.1rem; }
.three-slick a:hover .three-slick-tt, .three-slick a:hover .three-slick-title { color: rgb(255, 255, 255); }
.three-slick a:hover .three-slick-p { color: rgb(255, 255, 255); opacity: 0.55; }
.three-slick a:hover .three-slick-top::before { border-color: rgb(5, 137, 219); }
.three-slick a:hover .raw-b { background: url("../images/raw-b02.png") center center / 100% 100% no-repeat; }
.three-slick .slick-next { top: -1rem; right: 0.15rem; width: 0.49rem; height: 0.49rem; background: url("../images/right03.png") center center / 100% 100% no-repeat; }
.three-slick .slick-prev { top: -1rem; left: auto; right: 0.9rem; width: 0.49rem; height: 0.49rem; background: url("../images/left03.png") center center / 100% 100% no-repeat; }
.page-four { background: url("../images/back04.png") center center / cover no-repeat; margin-top: -0.75rem; padding-top: 1.75rem; padding-bottom: 1.5rem; }
.four-tabs li { display: inline-block; margin: 0px 0.9rem; }
.four-tabs li a { position: relative; font-size: 0.46rem; color: rgb(51, 51, 51); font-weight: bold; }
.four-tabs li a span { position: absolute; text-transform: uppercase; opacity: 0.37; display: none; left: 50%; transform: translate(-50%, 0px); white-space: nowrap; font-size: 0.84rem; color: rgb(202, 202, 202); top: -0.5rem; font-weight: bold; }
.four-tabs li a font { position: relative; z-index: 100; }
.four-tabs li.active a span { display: block; }
.four-tabs li.active a { color: rgb(0, 102, 204); }
.page-four .container { width: 12rem; margin: 0px auto; }
.four-list li { float: left; width: 50%; padding: 0.7rem 0.3rem 0px; }
.four-list li a { display: block; position: relative; background: rgb(255, 255, 255); height: 1.3rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1rem; }
.four-tabs { margin-bottom: 0.2rem; }
.four-list-date { position: absolute; left: 0px; bottom: 0px; width: 1.3rem; height: 1.53rem; background: url("../images/date03.png") center center / cover no-repeat; }
.four-list-date-top { font-size: 0.16rem; line-height: 0.5rem; color: rgb(255, 255, 255); }
.four-list-bottom { font-size: 0.18rem; color: rgb(255, 255, 255); }
.four-list-bottom span { display: block; font-size: 0.5rem; padding: 0.1rem 0px; }
.four-list-tt { position: absolute; left: 1.6rem; top: 50%; font-size: 0.18rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(51, 51, 51); line-height: 1.8; right: 0.4rem; transform: translate(0px, -50%); }
.page-five { background: url("../images/back05.png") center bottom / 100% no-repeat; padding: 1rem 0px; }
.page-five .title-index span { color: rgb(202, 202, 202); opacity: 0.37; }
.page-five .title-index font { color: rgb(0, 102, 204); }
.page-five .container { padding: 0px 1.78rem; }
.swiper-slide { background-position: center center; background-size: cover; width: 3.6rem; }
.swiper-slide img { width: 100%; }
.swiper-slide a { display: block; position: relative; }
.slide-title { position: absolute; font-size: 0.22rem; color: rgb(255, 255, 255); line-height: 1.8; left: 0.3rem; top: 0.7rem; writing-mode: vertical-rl; }
.swiper-slide a span { position: absolute; right: 0.4rem; bottom: 0.6rem; font-size: 0.14rem; color: rgb(255, 255, 255); width: 0.36rem; padding: 0.2rem 0.1rem; text-align: center; border-radius: 0.3rem; background: rgba(0, 0, 0, 0.3); }
.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right { display: none; }
.swiper-button-prev { width: 0.49rem; border-radius: 50%; height: 0.49rem; background: url("../images/left04.png") center center no-repeat; }
.swiper-button-prev::after { display: none; }
.swiper-button-next { width: 0.49rem; border-radius: 50%; height: 0.49rem; background: url("../images/right04.png") center center no-repeat; }
.swiper-button-next::after { display: none; }
.five-top { height: 3.37rem; padding-top: 1.35rem; background: url("../images/back-top.png") center center / cover no-repeat; }
.page-six { background: url("../images/back06.png") center bottom no-repeat; padding-bottom: 1.1rem; }
.page-six .container { width: 13rem; margin: 0px auto; }
.six-ul li { float: left; display: block; width: 14.2857%; }
.six-top { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; position: relative; margin: 0px auto; }
.six-top::before { display: block; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url("../images/q01.png") center center / 100% 100% no-repeat; opacity: 0.5; }
.six-top img { width: 0.57rem; }
a:hover .six-top::before { opacity: 1; }
.six-title { font-size: 0.18rem; color: rgb(51, 51, 51); margin-top: 0.3rem; }
a:hover .six-title { font-weight: bold; color: rgb(0, 102, 204); }
.six-ul { padding-top: 0.7rem; }
.footer { background: url("../images/footer.png") center center / cover no-repeat; padding: 0.4rem 0px; }
.footer .container { width: 12rem; margin: 0px auto; }
.footer-right a { float: left; position: relative; margin-left: 0.2rem; }
.footer-right { padding-top: 0.15rem; }
.footer-top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 0.25rem; margin-bottom: 0.3rem; }
.footer-c { margin-right: 0.3rem; margin-top: 0.1rem; }
.footer-p p { font-size: 0.16rem; color: rgb(255, 255, 255); margin-bottom: 0.2rem; }
.footer-p p span { display: inline-block; padding-right: 0.2rem; }
.header-index.one { background: rgb(0, 102, 204); z-index: 100000; }
@media (max-width: 1400px) {
  .page-one .container { width: 13.2rem; margin: auto; }
  .page-tow .container { width: 13.2rem; margin: auto; }
  .page-three .container { width: 13.2rem; margin: auto; padding: 0px 0rem; }
  .one-center { margin-left: 0.2rem; width: 5.6rem; }
  .one-left {  }
  .img-slick-img img {height: 4.62rem; }
  .one-ul-img img { height: 2.075rem; }
  .tow-left { width: 5.6rem; }
}
@media (max-width: 1024px) {
  .about .fl1 .right .p1 { width: 100%; }
  .about .fl1 .left .p_l { margin-bottom: 0px; height: auto; }
  .about .fl2 .con1 .left { width: 100%; }
  .about .fl2 .con1 .right { display: none; }
  .about .fl2 .tit4 { display: block; }
  .about .fl2 .tit4 .ll big { color: rgb(255, 255, 255); }
  .mianbao { display: none; }
  .list_sj { width: 100%; flex: 1 1 auto; padding: 0.2rem 0px 0px; }
  .img-slick-img img { 
     height:4.12rem;
}
  .one-ul-img img { height: 134px; }
  .tow-right-img img { height: 248px; }
}
@media (max-width: 800px) {
  .about .fl1 .left { width: 100%; }
  .about .fl1 .right { width: 100%; padding: 0px; }
  .about .fl1 .p_l { padding: 0px !important; }
  .ar_article img { margin: 0.25rem 0px; }
  .tit4 { margin-bottom: 0.25rem; }
  .tit4 .ll img { height: 0.2rem; }
  .tit4 .ll big { font-size: 0.26rem; }
  .n_pad1 { padding: 0.4rem 0px; }
  .about .fl1 .right .p1 img { height: auto; }
  .about .fl1 { padding-bottom: 0.4rem; }
  .about .fl2 { padding: 0.4rem 0px; }
  .about .fl2 .bg1, .about .fl2 .bg2 { height: 1rem; }
  .list_ej li { padding: 0px 0.1rem; }
  .list_ej .a { font-size: 0.18rem; }
  .list_ej { justify-content: center; margin: 0.2rem 0px 0px; }
  .tit3 h3 { font-size: 0.3rem; }
  .tit3 { height: 0.4rem; }
  .n_banner { height: 2rem; }
  .list_sj li { font-size: 0.18rem; margin-right: 0.15rem; }
.one-left{width:100%;margin-bottom: 30px;}
.img-slick-img img { height: auto;}
.one-right{width:100%;}





}
@media (max-width: 560px) {
}
.list11 { margin: 0px -0.22rem; }
.list11 li { width: 33.333%; padding: 0px 0.22rem; margin-bottom: 0.4rem; }
.list11 .con { display: block; padding: 0.2rem; position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; }
.list11 .con::before { content: ""; position: absolute; top: 0.4rem; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; transition: all 0.5s ease 0s; }
.list11 .a { display: block; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; transition: all 0.5s ease 0s; position: relative; z-index: 1; }
.list11 .a::before { content: ""; position: absolute; top: 0.4rem; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list11 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list11 .img .imgLi { padding-bottom: 75%; }
.list11 h3 { line-height: 1.375; margin: 0.14rem 0px 0px; text-align: center; }
.list11 h3 big { font-size: 0.24rem; color: rgb(0, 0, 0); }
.list11 h3 small { font-size: 0.16rem; color: rgb(102, 102, 102); margin: 0px 0px 0px 0.1rem; }
.list11 p { margin: 0.08rem 0px; }
.list11 svg { width: 0.24rem; height: 0.24rem; fill: rgb(26, 41, 84); transition: all 0.5s ease 0s; }
.n_pad2 { padding: 1rem 0px; }
@media (min-width: 1024px) {
  .list11 .a:hover::before, .list11 .a:hover::after { background: rgb(0, 102, 204); }
  .list11 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list11 .a:hover svg { fill: rgb(0, 102, 204); transform: rotate(45deg); }
  .n_pad2 { padding: 0.6rem 0px; }
}
@media (max-width: 1024px) {
  .list11 li { width: 50%; }
}
@media (max-width: 800px) {
  .list11 { margin: 0px -7px; }
  .list11 li { padding: 0px 7px; margin-bottom: 0.15rem; }
  .list11 h3 big { font-size: 0.22rem; }
  .list11 h3 small { font-size: 0.14rem; }
  .n_pad2 { padding: 0.4rem 0px 0.5rem; }
}
@media (max-width: 560px) {
}
.pages { margin-top: 0.55rem; }
.pages ul { text-align: center; display: flex; justify-content: center; }
.pages ul li { text-align: center; font-size: 0.18rem; display: inline-block; margin: 0.03rem 0.05rem; color: rgb(153, 153, 153); }
.pages ul li.prev, .pages ul li.next { font-size: 0.14rem; color: rgb(102, 102, 102); }
.pages ul li.prev a, .pages ul li.next a { padding: 0px 0.25rem; }
.pages ul li a { height: 0.44rem; text-align: center; padding: 0px 0.12rem; min-width: 0.44rem; display: flex; border: 1px solid rgb(21, 37, 85); align-items: center; justify-content: center; transition: all 0.5s ease 0s; }
.pages ul li a svg { width: 14px; height: 14px; fill: rgb(149, 149, 149); transition: all 0.5s ease 0s; }
.pages ul li.cur { border: 1px solid rgb(38, 95, 170); padding: 0px 8px; min-width: 0.44rem; height: 0.44rem; line-height: 0.42rem; }
.pages ul li a.on { background: rgb(157, 12, 58); padding: 0px 8px; min-width: 0.35rem; height: 0.35rem; line-height: 0.33rem; color: rgb(255, 255, 255); }
.pages ul li.cur { color: rgb(255, 255, 255); background: rgb(0, 97, 121); border: 1px solid rgb(0, 97, 121); }
.pages ul li.page-count { line-height: 0.33rem; }
.page-form { line-height: 0.33rem; }
.page-form input { border: 1px solid rgb(148, 189, 225); width: 0.35rem; height: 0.35rem; float: left; text-align: center; padding: 0px 0.04rem; background: transparent; border-radius: 0.04rem; margin: 0px 0.08rem; }
.page-form span { float: left; color: rgb(102, 102, 102); }
.page-form button { border: none; width: 0.6rem; height: 0.35rem; line-height: 0.35rem; text-align: center; background: rgb(38, 95, 170); color: rgb(255, 255, 255); border-radius: 0.04rem; margin-left: 5px; font-size: 0.16rem; cursor: pointer; }
.pages ul li a:hover { background: rgb(0, 97, 121); border: 1px solid rgb(21, 37, 85); color: rgb(255, 255, 255); }
.pages ul li a:hover svg { fill: rgb(38, 95, 170); }
@media (max-width: 560px) {
  .pages { margin-top: 0.3rem; }
  .pages ul li a, .pages ul li.prev a, .pages ul li.next a { padding: 0px 0.1rem; }
  .pages ul li { margin: 0.03rem; }
}
.team { background-size: 100%; }
.list12 li { margin-bottom: 20px; width: 100%; opacity: 1 !important; }
.list12 li:last-child { margin-bottom: 0px; }
.list12 .con { padding: 0.2rem 0.2rem 0.2rem 0.34rem; position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; }
.list12 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(204, 215, 224); z-index: -1; transition: all 0.5s ease 0s; }
.list12 .a { display: block; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; position: relative; z-index: 1; transition: all 0.5s ease 0s; background: rgb(255, 255, 255); }
.list12 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list12 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: transparent; z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list12 .time { background: rgb(248, 248, 248); width: 0.9rem; height: 1.6rem; padding: 0.15rem 0px; text-align: center; }
.list12 .time h3 { font-size: 0.5rem; color: rgb(26, 41, 84); font-weight: bold; transition: all 0.5s ease 0s; }
.list12 .time h6 { font-size: 0.16rem; color: rgb(26, 41, 84); font-weight: bold; margin-top: 0.05rem; transition: all 0.5s ease 0s; }
.list12 .img .imgLi { padding-bottom: 56.25%; }
.list12 .txt { flex: 1 1 0%; overflow: hidden; padding: 0.1rem 0.32rem 0px; }
.list12 .img { width: 4rem; background: rgb(255, 255, 255); }
.list12 .img .imgLi { opacity: 0.8; }
.list12 h4 { font-size: 0.22rem; font-weight: bold; }
.list12 p { margin: 0.06rem 0px; }
.list12 svg { width: 0.36rem; height: 0.36rem; fill: rgb(26, 41, 84); transform: rotate(90deg); transition: all 0.5s ease 0s; }
.list12 li:nth-child(2) .a { }
.list12 li:nth-child(4) .a { }
.list12 li:nth-child(5) .a { }
.list12 li:nth-child(7) .a { }
@media (min-width: 1024px) {
  .list12 li:hover { position: relative; z-index: 100; }
  .list12 .a:hover::before, .list12 .a:hover::after { background: rgb(0, 102, 204); }
  .list12 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list12 .a:hover .img .imgLi { opacity: 1; }
  .list12 .a:hover svg { fill: rgb(0, 102, 204); transform: rotate(45deg); }
  .list12 .a:hover .con { background-image: url("../images/list12_b.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: cover !important; }
  .list12 .a:hover .time h3, .list12 .a:hover .time h6 { color: rgb(0, 102, 204); }
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
  .list12 li { width: 100%; margin-bottom: 20px; }
  .list12 li .a { transform: translateX(0px) !important; }
  .list12 .txt { padding: 0px 0px 0px 0.2rem; }
  .list12 .img { width: 100%; margin-top: 0.1rem; }
  .list12 .time { width: 0.7rem; height: 1.1rem; }
  .list12 .time h3 { font-size: 0.4rem; }
  .list12 .time h6 { font-size: 0.14rem; }
  .list12 svg { width: 0.28rem; height: 0.28rem; }
}
@media (max-width: 560px) {
}
.list13 { margin: 0.1rem 0px 0px; }
.list13 li { position: relative; z-index: 1; }
.list13 li::before { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background: rgb(26, 41, 84); z-index: -1; margin-top: 0.24rem; transition: all 0.5s ease 0s; }
.list13 li:last-child { margin-bottom: 0px; }
.list13 .con { padding: 0px 0.4rem 0px 0.28rem; position: relative; z-index: 1; overflow: hidden; height: 1.06rem; align-content: center; }
.list13 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid transparent; z-index: -1; transition: all 0.5s ease 0s; }
.list13 .a { display: block; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; position: relative; z-index: 1; transition: all 0.5s ease 0s; }
.list13 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list13 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: transparent; z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list13 .time { width: 1.4rem; height: 0.35rem; position: relative; z-index: 1; transform: translateY(0.28rem); display: flex; justify-content: center; align-items: center; font-size: 0.16rem; color: rgb(255, 255, 255); margin: 0px 0.5rem 0px 0px; transition: all 0.5s ease 0s; padding-left: 0.12rem; }
.list13 .time::before { content: ""; position: absolute; background: rgb(0, 102, 204); top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; transform: skewX(-25deg); transition: all 0.5s ease 0s; transform-origin: left bottom; }
.list13 .txt { flex: 1 1 0%; overflow: hidden; position: relative; z-index: 1; }
.list13 .txt svg { width: 0.23rem; height: 0.23rem; position: absolute; right: 0.14rem; top: 50%; transform: translateY(-0.11rem); transition: all 0.5s ease 0s; opacity: 0; }
.list13 h4 { font-size: 0.22rem; font-weight: bold; }
.n_container .h4s1, .n_container .h4s2 { color: rgb(0, 0, 0); }
@media (min-width: 1024px) {
  .list13 li:hover::before { opacity: 0; width: 0px; }
  .list13 .a:hover::before, .list13 .a:hover::after { background: rgb(0, 102, 204); }
  .list13 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); background: url("../images/list13_b.jpg") center center / cover no-repeat; }
  .list13 .a:hover svg { fill: rgb(0, 102, 204); transform: rotate(45deg) translateY(-0.11rem); opacity: 1; }
  .list13 .a:hover .time { transform: translateY(0px); }
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
  .list13 .time { width: 1rem; margin: 0px 0.26rem 0px 0px; transform: translateY(0.18rem); font-size: 0.14rem; }
  .list13 .con { padding: 0px; height: 0.7rem; }
  .list13 li::before { margin-top: 0.16rem; }
}
@media (max-width: 560px) {
}
.about .fl3 { padding: 0px 0px 1rem; }
.list14 { margin: 0px -0.4rem -0.6rem; }
.list14 li { width: 50%; padding: 0px 0.4rem; margin-bottom: 0.6rem; }
.list14 .a { background: rgb(247, 247, 247); padding: 0px 0px 0.36rem; align-items: flex-start; transition: all 0.5s ease 0s; }
.list14 .imgW { width: 2.93rem; padding: 0px 0.06rem 0.06rem 0px; position: relative; z-index: 1; overflow: hidden; }
.list14 .imgW::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list14 .imgW::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list14 .txt { flex: 1 1 0%; overflow: hidden; padding: 0.4rem 0.6rem 0px 0.4rem; }
.list14 .imgBox .img::before { content: ""; position: absolute; top: 0.4rem; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; transition: all 0.5s ease 0s; }
.list14 .img::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); }
.list14 .img .imgLi { padding-bottom: 129.35%; }
.list14 h3 { padding-bottom: 0.18rem; border-bottom: 1px solid rgb(0, 102, 204); margin-bottom: 0.2rem; }
.list14 h3 big { font-size: 0.3rem; color: rgb(0, 102, 204); }
.list14 h3 small { font-size: 0.16rem; color: rgb(102, 102, 102); margin-left: 0.14rem; }
.list14 p { font-size: 0.18rem; color: rgb(102, 102, 102); line-height: 0.3rem; }
@media (min-width: 1024px) {
  .list14 .a:hover .imgW::before, .list14 .a:hover .imgW::after { background: rgb(0, 102, 204); }
  .list14 .a:hover .img::after { border: 1px solid rgb(0, 102, 204); }
  .list14 .a:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.2rem; }
}
@media (max-width: 1024px) {
  .list14 li { width: 100%; }
}
@media (max-width: 800px) {
  .list14 li { margin-bottom: 0.25rem; }
  .list14 .imgW { width: 1.75rem; }
  .list14 .txt { padding: 0.2rem; }
  .list14 .a { padding-bottom: 0.15rem; }
  .list14 h3 { padding: 0px 0px 0.1rem; margin-bottom: 0.1rem; }
  .list14 h3 big { font-size: 0.24rem; }
  .list14 h3 small { font-size: 0.12rem; margin-left: 0.1rem; }
  .list14 p { font-size: 0.16rem; line-height: 1.5; }
}
@media (max-width: 560px) {
}
.team_d .left { width: 5.8rem; padding: 0px 0px 0px 1.48rem; height: 6.8rem; background: url("../images/team_d_b1.jpg") center center / cover no-repeat; }
.team_d .left h3 { margin: -0.2rem 0px 0px -0.7rem; position: relative; z-index: 1; }
.team_d .left h3 big { font-size: 0.7rem; color: rgb(0, 0, 0); font-weight: bold; }
.team_d .left h3 small { font-size: 0.24rem; color: rgb(102, 102, 102); margin: 0px 0px 0px 0.12rem; }
.team_d .right { flex: 1 1 0%; overflow: hidden; padding: 0.8rem 0px 0px 0.6rem; }
.team_d .right .line { width: 0.6rem; height: 0.08rem; background: rgb(26, 41, 84); margin: 0px 0px 0.3rem; }
.team_d .ar_article p { margin-bottom: 0.26rem; }
@media (min-width: 1024px) {
}
@media (max-width: 1024px) {
  .team_d .left { margin: 0px auto; max-width: 100%; height: auto; padding: 0.3rem 1rem 0.4rem; }
  .team_d .right { width: 100%; flex: 1 1 auto; padding: 0.4rem 0px 0px; }
  .team_d .left h3 big { font-size: 0.24rem; }
  .team_d .left h3 small { font-size: 0.14rem; }
  .team_d .left h3 { text-align: center; margin: 0.2rem auto 0px; }
}
@media (max-width: 800px) {
  .team_d .ar_article p { margin-bottom: 0.15rem; }
  .team_d .right .line { width: 0.4rem; height: 0.04rem; }
}
@media (max-width: 560px) {
}
.ar_tit { text-align: center; margin-bottom: 0.5rem; background:  0% 0% / cover rgb(248, 248, 248); padding: 0.23rem 13%; border-bottom: 1px solid rgb(219, 219, 219); }
.ar_tit h3 { font-size: 0.36rem; color: rgb(0, 0, 0); line-height: 1.5; font-weight: 600; max-width: 100%; margin: 0px auto; }
.ar_tit h6 { font-size: 0.16rem; color: rgb(102, 102, 102); line-height: 1.5; margin: 0.12rem 0px 0px; font-weight: normal; }
.ar_tit span { margin: 0px 0.2rem; }
.detail .ar_article p { margin-bottom: 0.1rem; }
.detail .box { padding: 0px 0px 0px 0.56rem; position: relative; z-index: 1; flex: 1 1 0%; overflow: hidden; }
@font-face { font-family: socialshare; src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype"); }
.social-share { display: flex; align-items: center; font-size: 0.14rem; color: rgb(102, 102, 102); position: relative; top: 1.6rem; width: 0.62rem; flex-wrap: wrap; transition: all 0.5s ease 0s; z-index: 1000; }
.social-share * { font-family: socialshare !important; }
.social-share .icon-tencent::before { content: ""; }
.social-share .icon-qq::before { content: ""; color: rgb(255, 255, 255); }
.social-share .icon-weibo::before { content: ""; }
.social-share .icon-wechat::before { content: ""; }
.social-share .icon-douban::before { content: ""; }
.social-share .icon-heart::before { content: ""; }
.social-share .icon-like::before { content: ""; }
.social-share .icon-qzone::before { content: ""; color: rgb(255, 255, 255); }
.social-share .icon-linkedin::before { content: ""; }
.social-share .icon-diandian::before { content: ""; }
.social-share .icon-facebook::before { content: ""; }
.social-share .icon-google::before { content: ""; }
.social-share .icon-twitter::before { content: ""; }
.social-share a { position: relative; text-decoration: none; margin: 0px 0px 0.2rem; display: inline-block; outline: none; font-size: 0.36rem; color: rgb(26, 41, 84); }
.social-share .social-share-icon { position: relative; display: flex; width: 0.62rem; height: 0.62rem; background: url("../images/share-2_b1.jpg") center center / 100% 100% no-repeat; text-align: center; vertical-align: middle; transition: all 0.6s ease 0s; align-items: center; justify-content: center; }
.social-share .social-share-icon:hover { color: rgb(0, 102, 204); background: url("../images/share-2_b1_on.jpg") center center no-repeat; }
.social-share .icon-weibo { }
.social-share .icon-weibo:hover { }
.social-share .icon-tencent { color: rgb(86, 182, 231); border-color: rgb(86, 182, 231); }
.social-share .icon-tencent:hover { background: rgb(86, 182, 231); }
.social-share .icon-qq { color: rgb(86, 182, 231); border-color: rgb(86, 182, 231); background: rgb(86, 182, 231); }
.social-share .icon-qq:hover { background: rgb(86, 182, 231); }
.social-share .icon-qzone { color: rgb(253, 190, 61); border-color: rgb(253, 190, 61); background: rgb(253, 190, 61); }
.social-share .icon-qzone:hover { background: rgb(253, 190, 61); }
.social-share .icon-douban { color: rgb(51, 176, 69); border-color: rgb(51, 176, 69); }
.social-share .icon-douban:hover { background: rgb(51, 176, 69); }
.social-share .icon-linkedin { color: rgb(0, 119, 181); border-color: rgb(0, 119, 181); }
.social-share .icon-linkedin:hover { background: rgb(0, 119, 181); }
.social-share .icon-facebook { color: rgb(68, 97, 157); border-color: rgb(68, 97, 157); }
.social-share .icon-facebook:hover { background: rgb(68, 97, 157); }
.social-share .icon-google { color: rgb(219, 68, 55); border-color: rgb(219, 68, 55); }
.social-share .icon-google:hover { background: rgb(219, 68, 55); }
.social-share .icon-twitter { color: rgb(85, 172, 238); border-color: rgb(85, 172, 238); }
.social-share .icon-twitter:hover { background: rgb(85, 172, 238); }
.social-share .icon-diandian { color: rgb(48, 125, 202); border-color: rgb(48, 125, 202); }
.social-share .icon-diandian:hover { background: rgb(48, 125, 202); }
.social-share .icon-wechat { }
.social-share .icon-wechat:hover { }
.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid rgb(238, 238, 238); position: absolute; z-index: 9; top: -53px; right: -190px; width: 160px; height: 156px; color: rgb(102, 102, 102); font-size: 12px; text-align: center; background-color: rgb(255, 255, 255); box-shadow: rgb(170, 170, 170) 0px 2px 10px; transition: all 200ms ease 0s; }
.social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px; }
.social-share .icon-wechat .wechat-qrcode.bottom::after { display: none; }
.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: rgb(243, 243, 243); margin: 0px; padding: 0px; color: rgb(119, 119, 119); }
.social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }
.social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0px !important; }
.social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0px; margin: 0px; }
.social-share .icon-wechat .wechat-qrcode::after { content: ""; position: absolute; top: 50%; margin-top: -6px; left: -13px; width: 0px; height: 0px; border-width: 6px 8px 6px 6px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; }
.social-share .icon-wechat:hover .wechat-qrcode { display: block; }
.help { display: none; }
#share-2.on { position: fixed; top: 2rem; }
@media (max-width: 1024px) {
  #share-2 { right: auto; width: 100%; padding: 0px 15px; justify-content: center; display: none; position: relative !important; top: auto !important; }
  .detail .box { padding: 0px; width: 100%; flex: 1 1 auto; }
}
@media (max-width: 800px) {
  .ar_tit { padding: 0.25rem 0.15rem; }
  .ar_tit h3 { font-size: 0.26rem; }
  .ar_tit span { margin: 0px 0.05rem; }
}
.zsjy .wp { justify-content: space-between; }
.zsjy .left { width: 2.1rem; }
.list_sj1 { width: 100%; height: 4.2rem; background: url("../images/list_sj1.jpg") center center / 2.1rem repeat; padding: 0.22rem; text-align: right; }
.list_sj1 li { margin-bottom: 0.18rem; }
.list_sj1 .a { font-size: 0.4rem; color: rgb(26, 41, 84); position: relative; font-weight: bold; display: block; height: 0.4rem; transition: all 0.5s ease 0s; }
.list_sj1 .a span { display: inline-block; color: inherit; transition: all 0.5s ease 0s; transform-origin: right top; }
.list_sj1 .a img { position: absolute; top: 0.75rem; right: 0px; height: 0.33rem; transform: scale(0); transform-origin: left top; transition: all 0.5s ease 0s; }
.list_sj1 li.on .a { height: 1.2rem; }
.list_sj1 li.on .a span { color: rgb(0, 102, 204); transform: scale(1.5); }
.list_sj1 li.on .a img { transform: scale(1); }
.zsjy .right { width: calc(100% - 2.1rem); padding: 0px 0px 0px 0.6rem; }
.list12s1 li { margin-bottom: -0.5rem; width: calc(100% - 0.75rem); height: 1.56rem; opacity: 1 !important; }
.list12s1 li:last-child { margin-bottom: 0px; }
.list12s1 .con { padding: 0.36rem 0.9rem 0.2rem 0.5rem; position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; height: 1.5rem; justify-content: space-between; transition: all 0.5s ease 0s; }
.list12s1 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; transition: all 0.5s ease 0s; }
.list12s1 .a { display: block; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; position: relative; z-index: 1; transition: all 0.5s ease 0s; background: rgb(255, 255, 255); }
.list12s1 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list12s1 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: transparent; z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list12s1 h4 { font-size: 0.22rem; font-weight: bold; width: calc(100% - 1rem); }
.list12s1 span { margin: 0.06rem 0px; font-size: 0.16rem; color: rgb(102, 102, 102); font-style: italic; }
.list12s1 li:nth-child(1) .a { transform: translateX(0.75rem); }
.list12s1 li:nth-child(2) .a { transform: translateX(0.15rem); }
.list12s1 li:nth-child(3) .a { transform: translateX(0.55rem); }
.list12s1 li:nth-child(4) .a { transform: translateX(0.75rem); }
.list12s1 li:nth-child(5) .a { transform: translateX(0px); }
.list12s1 li:nth-child(6) .a { transform: translateX(0.65rem); }
.list12s1 li:nth-child(7) .a { transform: translateX(0.3rem); }
.list12s1 li:nth-child(8) .a { transform: translateX(0.55rem); }
.list12s1 li:nth-child(9) .a { transform: translateX(0.3rem); }
@media (min-width: 1024px) {
  .list12s1 li:hover { position: relative; z-index: 100; }
  .list12s1 .a:hover::before, .list12s1 .a:hover::after { background: rgb(0, 102, 204); }
  .list12s1 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list12s1 .a:hover .img .imgLi { opacity: 1; }
  .list12s1 .a:hover .time h3, .list12s1 .a:hover .time h6 { color: rgb(0, 102, 204); }
  .list12s1 .a:hover .con { background-image: url("../images/list12_b.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 1.2rem; background-size: cover !important; }
}
@media (max-width: 1024px) {
  .zsjy .left { width: 100%; margin-bottom: 0.4rem; }
  .zsjy .right { width: 100%; padding: 0px; }
  .list_sj1 { height: auto; }
}
@media (max-width: 800px) {
  .list12s1 .con { padding: 0.25rem 0.2rem; flex-direction: column; justify-content: flex-start; }
  .list12s1 h4 { width: 100%; }
  .list_sj1 { display: flex; flex-wrap: wrap; text-align: center; }
  .list_sj1 li { width: 25%; margin: 0.1rem 0px; }
  .list_sj1 li.on .a span { transform: scale(1); }
  .list_sj1 .a { font-size: 0.24rem; }
  .list_sj1 .a img { display: none; }
  .list_sj1 li.on .a, .list_sj1 .a { height: auto; }
}
@media (max-width: 560px) {
}
.tit6 { font-size: 0.36rem; color: rgb(0, 0, 0); font-weight: bold; align-items: center; justify-content: space-between; margin-bottom: 0.4rem; }
.tit6 .bg { flex: 1 1 0%; overflow: hidden; margin: 0px 0px 0px 0.3rem; background: url("../images/tit6.png") center center / cover no-repeat; height: 0.33rem; }
.about .fl5 { padding-bottom: 0.6rem; }
.list15 { margin: 0px -0.2rem -0.4rem; }
.list15 li { width: 33.333%; padding: 0px 0.2rem; margin-bottom: 0.4rem; }
.list15 .a { display: block; position: relative; z-index: 1; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.list15 .con { flex-direction: column; align-items: flex-start; display: flex; padding: 0.25rem 0.3rem; position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; }
.list15 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid rgb(26, 41, 84); z-index: -1; }
.list15 .con::after { content: ""; position: absolute; background: url("../images/list4_b1.png") center center / cover no-repeat; top: 50%; left: 50%; width: 4.75rem; height: 4.75rem; transform: translate(-100%, -100%); pointer-events: none; z-index: -1; transition: all 0.5s ease 0s; }
.list15 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list15 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: transparent; z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list15 span { width: 100%; display: block; position: relative; z-index: 1; font-size: 0.26rem; color: rgb(0, 0, 0); line-height: 1.5; margin-bottom: 0.06rem; }
.list15 span::before { content: ""; position: absolute; left: -0.3rem; width: 0.06rem; height: 0.24rem; background: rgb(0, 102, 204); top: 50%; margin-top: -0.12rem; margin-left: 1px; }
.list15 p { font-size: 0.16rem; color: rgb(0, 0, 0); line-height: 0.28rem; }
.list15 li.li { width: 50%; }
.about .fl6 { background: rgb(247, 247, 247); padding: 0.6rem 0px; }
.about .fl7 { padding: 0.6rem 0px; }
.about .fl8 { padding: 0px 0px 1.2rem; }
@media (min-width: 1024px) {
  .list15 .a:hover .con::after { transform: translate(-65%, -65%); }
  .list15 .a:hover .con::before { border: 1px solid rgb(0, 102, 204); }
  .list15 .a:hover::before, .list15 .a:hover::after { background: rgb(0, 102, 204); }
}
@media (max-width: 1024px) {
  .list15 li { width: 50%; }
}
@media (max-width: 800px) {
  .list15 li { width: 100%; margin-bottom: 0.2rem; }
  .about .fl8 { padding: 0px 0px 0.6rem; }
  .list15 .a::before, .list15 .a::after { background: rgb(26, 41, 84); }
  .about .fl6 { padding: 0.4rem 0px; }
  .tit6 { font-size: 0.26rem; margin-bottom: 0.26rem; }
  .tit6 .bg { height: 0.24rem; }
}
@media (max-width: 560px) {
}
.list16W { background: url("../images/list16w_b1.jpg") center center / cover no-repeat; position: relative; z-index: 1; }
.list16 { height: 7.76rem; position: relative; z-index: 1; }
.list16 li { position: absolute; transform: translate(-50%, -50%); }
.list16 .a { display: block; position: relative; z-index: 1; padding: 0px 0.06rem 0.06rem 0px; overflow: hidden; transition: all 0.5s ease 0s; box-shadow: rgba(0, 0, 0, 0.15) 0.15rem 0.15rem 0.1rem; }
.list16 .con { position: relative; z-index: 1; background: rgb(255, 255, 255); overflow: hidden; }
.list16 .con::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-top: 1px solid rgb(26, 41, 84); border-left: 1px solid rgb(26, 41, 84); border-image: initial; border-bottom: none; border-right: none; }
.list16 .a::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: rgb(26, 41, 84); z-index: -1; width: 0.06rem; transform-origin: left top; transform: skewY(30deg); transition: all 0.5s ease 0s; }
.list16 .a::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgb(26, 41, 84); z-index: -1; height: 0.06rem; transform-origin: left top; transform: skewX(30deg); transition: all 0.5s ease 0s; }
.list16 li:nth-child(1) { width: 10.8%; top: 13%; left: 8.5%; }
.list16 li:nth-child(2) { width: 12.8%; top: 16%; left: 28.5%; }
.list16 li:nth-child(3) { width: 20.9%; top: 15.5%; left: 53.5%; }
.list16 li:nth-child(4) { width: 15.6%; top: 16.5%; left: 82.5%; }
.list16 li:nth-child(5) { width: 19.65%; top: 46%; left: 21%; }
.list16 li:nth-child(6) { width: 15.625%; top: 46%; left: 46.5%; }
.list16 li:nth-child(7) { width: 12.8%; top: 46%; left: 67.5%; }
.list16 li:nth-child(8) { width: 16.73%; top: 45%; left: 86%; }
.list16 li:nth-child(9) { width: 12.8%; top: 72%; left: 12%; }
.list16 li:nth-child(10) { width: 12.8%; top: 76%; left: 33%; }
.list16 li:nth-child(11) { width: 15.625%; top: 72%; left: 56%; }
.list16 li:nth-child(12) { width: 19.65%; top: 78%; left: 82%; }
.zjxb .fl1 { padding-bottom: 1rem; }
.arrow3 .arrow { width: 0.4rem; height: 0.58rem; position: absolute; z-index: 1; cursor: pointer; top: 50%; margin-top: -0.29rem; }
.arrow3 .arrow::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: url("../images/arrow1_s2_on.svg") center center / 100% 100% no-repeat; z-index: -1; opacity: 0; transition: all 0.5s ease 0s; }
.arrow3 img { width: 100%; transition: all 0.5s ease 0s; }
.arrow3 .prev { left: -0.2rem; }
.arrow3 .next { transform: rotateY(180deg); right: -0.2rem; }
.arrow3 .arrow:hover::before { opacity: 1; }
.arrow3 .arrow:hover img { opacity: 0; }
@media (min-width: 1024px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
  .list16 { height: 3rem; }
  .arrow3 .arrow { width: 0.2rem; }
  .arrow3 .prev { left: -0.1rem; }
  .arrow3 .next { right: -0.1rem; }
  .list16 .a { box-shadow: rgba(0, 0, 0, 0.15) 0.05rem 0.05rem 0.06rem; }
  .zjxb .fl1 { padding-bottom: 0.5rem; }
}
@media (max-width: 560px) {
}
@media (max-width: 800px) {
  .h4s0 { font-size: 0.2rem !important; line-height: 0.3rem !important; }
  .h4s1 { font-size: 0.2rem !important; line-height: 0.3rem !important; }
  .h4s2 { font-size: 0.2rem !important; line-height: 0.3rem !important; }
  .h4s3 { font-size: 0.2rem !important; line-height: 0.3rem !important; }
  .ps0 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
  .ps1 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
  .ps2 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
  .ps3 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
  .ps4 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
  .ps5 { font-size: 0.16rem !important; line-height: 0.26rem !important; }
}
@media (min-width: 1024px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
}
@media (max-width: 560px) {
}
.nav-down { position: absolute; display: none; padding: 10px 0px; min-width: 120px; left: 50%; top: 100%; transform: translate(-50%, 0px); background: rgba(0, 0, 0, 0.5); }
.nav-down li { float: none; width: 100%; text-align: center; white-space: nowrap; padding: 0px; margin: 0px !important; }
.nav-down li a { font-size: 18px; text-align: center; line-height: 40px; color: rgb(255, 255, 255); padding: 0px 10px; }
.nav-down li a:hover { color: rgb(192, 128, 17); }
.nav-down::before { display: block; content: ""; position: absolute; left: 0px; right: 0px; bottom: 100%; height: 7px; background: url("") center center no-repeat; }
.nav-list li:hover .nav-down { display: block; }
.nav-click { display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; transition: all 0.3s ease 0s; }
.menu-button .bar:nth-of-type(1) { margin-top: 0px; }
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px; }
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: rgb(255, 255, 255); border-radius: 10px; transition: all 0.3s ease 0s; }
.cross { margin-top: -8px; }
.cross .bar { margin: 13px auto; }
.cross .bar:nth-of-type(1) { transform: translateY(15px) rotate(-45deg); }
.cross .bar:nth-of-type(2) { opacity: 0; }
.cross .bar:nth-of-type(3) { transform: translateY(-15px) rotate(45deg); }
.logo img.b { display: none; }
.layer { background: rgba(0, 0, 0, 0.8); position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; z-index: -1; transition: all 0.3s ease-out 0s; display: flex; align-items: center; justify-content: center; }
.layer.showdiv { opacity: 1; visibility: visible; z-index: 10000000; }
.layer .close { font-size: 60px; font-family: 宋体; position: absolute; right: 50px; top: 50px; width: 80px; height: 80px; text-align: center; line-height: 80px; cursor: pointer; color: rgb(204, 204, 204); }
.layer .search_box { height: 45px; line-height: 45px; width: 550px; display: flex; transform: translateY(-50px); opacity: 0; margin-top: -100px; }
.layer.showdiv .search_box { transform: none; transition: all 0.5s ease-out 0s; opacity: 1; }
.layer .search_box .kw { background: rgb(255, 255, 255); border: none; flex: 1 1 0%; padding: 0px 12px; font-size: 16px; appearance: none; border-radius: 0px; }
.layer .search_box .ok { background: rgb(0, 102, 204); color: rgb(255, 255, 255); box-shadow: none; border: none; width: 120px; text-align: center; font-size: 20px; cursor: pointer; appearance: none; border-radius: 0px; }
.layer.active { opacity: 1; z-index: 1000000; }
a:hover .one-ul-tt, .tow-left-ul li a:hover, a:hover .tow-right-tt, a:hover .four-list-tt { color: rgb(0, 102, 204); }
.footer-right a { position: relative; }
.footer-right a span { position: absolute; display: none; margin-left: -52px; text-align: center; left: 50%; top: 100%; width: 105px; height: 114px; background: url("../images/ewm-back.png") center center no-repeat; padding-top: 15px; }
.footer-right a span img { width: 94px; }
.footer-right a:hover span { display: block; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.tab-content { position: relative; }
.tab-content .tab-pane { display: block; position: absolute; left: 0px; top: 0px; width: 100%; z-index: -1; opacity: 0; transition: all 0.5s ease 0s; }
.tab-content .tab-pane.active { position: relative; z-index: 10; opacity: 1; }
@media (max-width: 1024px) {
  .header-sm { width: 100%; padding: 0px 15px; }
  .header-index { height: 50px; border: none; background: rgb(0, 102, 204); }
  .logo img { width: auto; height: 40px; display: none; }
  .logo img.b { display: inline-block; }
  .logo { line-height: 50px; }
  .header-sm-b a { margin-left: 10px; }
  .header-index::before { display: none; }
  .header-a { display: none; }
  .header-sm-right { padding: 0px; }
  .header-sm-b { line-height: 50px; margin-right: 50px; }
  .menu-button { display: block; }
  .nav-list { position: fixed; border-top: 1px solid rgb(255, 255, 255); display: none; left: 0px; top: 50px; margin: 0px; bottom: 0px; overflow-y: auto; right: 0px; background: rgb(0, 102, 204); }
  .nav-list li { float: none; padding: 0px; margin: 0px; width: 100%; }
  .nav-list li a { line-height: 40px; text-align: left; display: block; padding: 0px 15px; font-size: 16px; }
  .nav-click { display: block; transition: all 0.3s ease 0s; z-index: 10000; position: absolute; color: rgb(255, 255, 255); right: 0px; top: 0px; width: 40px; height: 40px; text-align: center; line-height: 40px; }
  .nav-click.active { transform: rotate(180deg); }
  .nav-down li a { text-align: left; padding: 0px 15px; display: block; }
  .nav-list li:hover .nav-down { display: none; }
  .nav-down { position: static; transform: translate(0px, 0px); margin: 0px; width: 100%; background: none; }
  .nav-down::before { display: none; }
  .nav-down li a { padding: 0px 25px; color: rgb(255, 255, 255) !important; }
  .banner-right { display: none; }
  .container { width: 100% !important; padding: 0px 15px !important; }
  .one-center { width: 50%; padding: 0px 15px; margin: 0px; }
  .one-ul-img img { height: 121px; }
  .img-slick-img img {  }
  .img-slick-p { line-height: 20px; height: 40px; overflow: hidden; }
  .img-slick-bottom { height: 145px; border-width: 5px; padding: 10px 20px; }
  .img-slick .slick-dots { bottom: 10px; }
  .tow-left { width: 50%; }
  .tow-right { width: 50%; padding-left: 20px; }
  .tow-left-p { line-height: 20px; height: 40px; overflow: hidden; }
  .tow-right-img img { height: 248px; }
  .tow-left-ul li a { line-height: 35px; }
  body { padding-top: 50px !important; }
  .banner-index .slick-prev { left: 15px; margin-top: -15px; width: 30px; height: 30px; }
  .banner-index .slick-next { right: 15px; margin-top: -15px; width: 30px; height: 30px; }
}
@media (max-width: 768px) {
  .three-slick .slick-prev, .three-slick .slick-next { display: none !important; }
  .close img { width: 100%; }
  .layer .close { right: 15px; width: 40px; top: 50%; transform: translate(0px, 0px); margin-top: -180px; }
  .header-sm-b { margin-right: 40px; }
  .footer-top { padding-bottom: 15px; margin-bottom: 15px; }
  .banner-a { display: none; }
  .title-index { font-size: 24px; margin-bottom: 20px; }
  .title-index span { font-size: 48px; top: -30px; }
  .page-one { padding: 50px 0px 20px; background: url("../images/back01.png") center center / cover no-repeat rgb(0, 102, 204); }
  .one-ul-img img { height: auto; }
  .one-center { width: 100%; padding: 0px; margin-bottom: 15px; }
  .img-slick-img img { height: auto; }
  .one-ul li { margin-bottom: 15px; }
  .more-b { margin-top: 10px; }
  .page-tow { padding: 50px 0px 20px; }
  .tow-left { width: 100%; }
  .tow-right { width: 100%; padding: 10px 0px 0px; }
  .tow-right-img img { height: auto; }
  .tow-sm { padding: 15px; margin-bottom: 15px; }
  .page-three { padding: 100px 0px 20px; background: url("../images/back03.png") center top / cover no-repeat; margin: 0px; }
  .four-tabs li a { font-size: 24px; }
  .four-tabs li { width: 50%; margin: 0px; float: left; }
  .four-tabs li.active a span { font-size: 36px; top: -22px; }
  .page-four { padding: 50px 0px 20px; background: rgb(241, 248, 255); }
  .four-list li { width: 100%; padding-top: 40px; padding-left: 0px; padding-right: 0px; }
  .four-list-date { width: 80px; height: 100px; }
  .four-list li a { height: 80px; }
  .four-list-date-top { line-height: 30px; }
  .four-list-bottom span { font-size: 24px; }
  .four-list-tt { left: 95px; right: 15px; }
  .four-list { margin-bottom: 20px; }
  .page-five { padding: 50px 0px 20px; }
  .swiper-slide { width: 200px; }
  .slide-title { font-size: 14px; left: 15px; top: 15px; }
  .swiper-slide a span { right: 15px; bottom: 15px; }
  .mySwiper { margin-bottom: 20px; }
  .five-top { padding: 50px 0px 20px; height: auto; }
  .six-ul li { width: 33.3333%; margin-bottom: 20px; }
  .six-top { width: 80px; height: 80px; line-height: 80px; }
  .six-top img { width: 40px; }
  .six-title { font-size: 14px; margin-top: 10px; }
  .six-ul { padding-top: 0px; }
  .page-six { padding-bottom: 20px; }
  .footer { padding: 20px 0px; }
  .logo-b, .footer-c { margin: 0px; width: 100%; text-align: center; }
  .logo-b img { width: 250px; }
  .footer-right { width: 100%; text-align: center; }
  .footer-right a { float: none; margin: 0px 10px; display: inline-block; }
  .footer-p { width: 100%; margin: 0px; text-align: center; }
  .footer-p p { margin: 0px; }
  .footer-p p span { display: block; margin-top: 10px; }
}