@font-face {
  font-family: 'GEO';
  src: url('../fonts/Geometric706BT-BlackCondensedB.woff2') format('woff2');
  font-weight: normal;
  font-style: normal; 
}
:root {--color1:#C90707;--color2: #E8062B;--color3:#5075be;--color4:#ed2b00;--color5:rgb(255 255 255 / 15%);--container-width: min(121.5rem, calc(100vw - 20rem));--container-big-width: min(123.7rem, calc(100vw - 20rem));--bn-height: 90rem;--head-height: 11.5rem;--shrinkhead-height: 6.5rem;--bodypadding: 8rem;--sctpadding: 0;--smenuheight: 7rem}
html { position: relative }
html:after, html:before { content: ""; display: block; height: 100%; z-index: -3; position: absolute; left: 50%; top: 0; width: 197rem; background: #fff; margin-left: -98.5rem; box-shadow: 0 0 17px rgb(205 228 252 / 37%) }
html:before { z-index: -5; background: #f3f3f3; width: 100vw; margin: 0 auto; left: 0 }
body { max-width: 192rem; margin: 0 auto; position: relative }
html { font-size: .5208vw; font-size: 62.5% }
html { scroll-behavior: smooth;  -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
.container { width: var(--container-width); max-width: 100% }
.container { width: min(calc(192rem - 30rem), calc(100vw - 30rem)); max-width: 100% }
.container-big { width: var(--container-big-width); max-width: 100% }
.mobileonly { display: none !important }
video { object-fit: cover }
.waponly { display: none }
.withicon1 { display: flex; justify-content: flex-start; align-items: center; column-gap: .5rem }
.withicon1 i { display: inline-flex; align-items: center }
.withicon1 i svg { fill: inherit; width: auto; height: 100% }

.vish{
visibility: hidden;
}
.lrline:before ,
.lrline:after 
{
  position: relative;
  top: -1rem;
  left: -3rem;
  display: inline-block;
  width: 8.3rem;
  height: 1px;
  content: '';
  background: #FBFBFC;
}

.lrline:after {
  position: relative;
  right: -3rem;
  left:auto;
}

.bggray1 { background: #fafafa }
.btn_more { display: flex; height: 6rem; width: 28.9rem; align-items: center; justify-content: center; padding-top: 0px; padding-bottom: 0px; padding-left: 1rem; padding-right: 1rem; text-align: center; margin: 0; background: transparent; color: #333; border: 1px solid #ccc; height: 5.2rem; width: 20rem; font-size: 1.6rem }
.btn_more:hover { border-color: var(--color1); color: var(--color1) }
.btn_more i { background: url(../images/more1.png) no-repeat center; width: 2.2rem; height: 2.2rem; margin-left: 2rem; display: block }
.flex { display: flex }
.flex-center { display: flex; justify-content: center; align-items: center }
.flex-w { display: flex; flex-wrap: wrap }
.flex-c { display: flex; flex-direction: column }
.i_ttl { display: block; margin: auto; margin-bottom: 4rem; position: relative }
.i_ttl .l p { height: 4.6rem; font-size: 2.4rem; font-weight: 700; color: var(--color1); line-height: 4.2rem }
.i_ttl .r a:hover span { color: var(--color1) }
.i_ttl .r a i { display: inline-block; width: 2.7rem; height: 2.7rem; background: transparent url(../images/right-btn-fill.png) no-repeat center/cover; opacity: .4; vertical-align: middle; transform: translateY(-.2rem); margin-left: .6rem }
.i_ttl .r a span { color: #073963; font-size: 1.6rem }
.h2_sct_ttl { display: inline-block; padding: 0; margin: 0 auto; font-weight: 700; position: relative; font-size: 3.6rem; color: #222; line-height: 4.2rem }
.h2_sct_ttl+p { margin-top: 1.6rem; margin-bottom: 0; color: #7b7b7b; font-size: 1.8rem }
.h2_sct_ttl:after { background-position: right 1.1rem }
.h2_sct_ttl+.fbt { color: #c3c3c3; font-size: 2rem; font-weight: 700; line-height: 6rem; padding: 0 2.5rem; text-transform: uppercase }
.white .h2_sct_ttl { color: #fff }
.white .h2_sct_ttl:after { background-position: right -15.9rem }
.white .fbt { color: #fff }
.f_ttl_3{
font-size: 2.4rem;
font-weight: bold;
display: flex;
align-items: center;
gap: 1.2rem;
width: 100%;
justify-content: flex-start;
padding-bottom: 1rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 4.5rem;
}
.f_ttl_3:before{
content:"";
display: block;
width: 0.7rem;
height: 2.4rem;
background: var(--color2);
}
.ban img { visibility: hidden; width: 100%; max-width: none }
.text-color1 { color: var(--color1) }
.py-4 { padding-top: 1rem }
.py-4 { padding-bottom: 1rem }
.py-6rem { padding-top: 6rem }
.py-6rem { padding-bottom: 6rem }
.line-clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
.lines-1 { white-space: nowrap; text-overflow: ellipsis }
.lines-2 { -webkit-line-clamp: 2 }
.lines-3 { -webkit-line-clamp: 3 }
.lines-4 { -webkit-line-clamp: 4 }
.lines-5 { -webkit-line-clamp: 5 }
.lines-6 { -webkit-line-clamp: 6 }
.bggray3 { background: #f7f8fc }
.content_main_img { display: block; margin: 4rem auto; width: 100% }
.indexb { position: relative; max-width: 192rem; margin: 0 auto }
.indexb:after { content: ""; display: block; width: 2.2rem; height: 19rem; background: url(../images/mouse.png) no-repeat bottom center; position: absolute; bottom: 4rem; z-index: 33; left: 50%; transform: translateX(-50%); opacity: .3; transition: all .3s }
.indexb:hover:after { opacity: 1 }
.sitedot1 .dots1 { position: absolute; bottom: 6rem; width: 100%; right: 10rem; width: 20rem; display: flex; justify-content: flex-end; align-items: center; gap: 2rem }
.sitedot1 .dots1 ul { text-align: center }
.sitedot1 .dots1 li { width: 1.6rem; height: 1.6rem; border-radius: 10rem; background: 0 0; display: inline-block; transition: all .3s; cursor: pointer; display: none }
.sitedot1 .dots1 li i { font-style: normal }
.sitedot1 .pn { z-index: 4; left: 4rem; top: calc(50% - 2.5rem); fill: #fff; cursor: pointer; opacity: 0.8; transition: all .3s }
.sitedot1:hover .pn { }
.sitedot1 .pn.next { left: auto; right: 4rem }
.sitedot1 .pn svg { max-width: 100%; max-height: 100%; width: 2.8rem }
.sitedot1 .dots1 .slick-active { display: inline-block }
.sitedot1 .dots1 { }
.sitedot1 .dots1 .pn:hover { opacity: 1 }
.sitedot1 .dots1 .d { display: flex; justify-content: center; align-items: center; line-height: 1; margin: 0 1.6rem; margin-top: -0.5rem }
.sitedot1 .dots1 .d span { font-weight: bold; font-size: 1.8rem; color: #fff }
.sitedot1 .dots1 .c1 { }
.sitedot1 .dots1 .c2 { margin: 0 1rem 0 0.7rem }
.sitedot1 .dots1 .c3 { }
.indexslider1 { width: 100%; overflow: hidden }
.indexslider1 .slick-slide { position: relative; width: 100%; height: 100% }
.indexslider1 .inner { position: relative; width: 100%; height: 100%; overflow: hidden; background: no-repeat center/auto 100% }
.indexslider1 .inner img { min-width: 192rem; visibility: hidden; max-width: 192rem }
.indexslider1 .slide__body { position: absolute; z-index: 9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; color: #fff; justify-content: center; text-align: center; padding: 0 8% }
.indexslider1 .slide__body>div { text-shadow: 0 4px 4px rgba(0, 0, 0, .6) }
.indexslider1 .slide__body .txt1 { font-size: 4rem }
.indexslider1 .slide__body .txt2 { font-size: 2rem; margin: 5rem 0 3rem }
.indexslider1 .slide__body .txt3 { font-size: 4rem; margin-bottom: 6rem }
.indexslider1 .slide__body .more svg { width: 4.6rem; height: 4.6rem }
.indexslider1 [data-animation-in] { opacity: 0 }
#pageban .p1 {font-size: 3rem;font-weight: bold;}
#pageban .ban2 .p1 { text-align: center }
#pageban .p2 {font-size: 4rem;font-weight: bold;margin-top: 1.3rem;}
#pageban.new0822 .txt { margin-top: -25px }
#pageban .p2.lh40 { line-height: 40px }
#pageban .ban2 .p2 { text-align: center }
#pageban .nav2 .p2 span { color: #c6c9ce; font-size: 12px; margin-right: 10px }
#pageban .nav2 .p2 a:hover { color: #fff }
#pageban .ban {position: relative;text-align: center;}
#pageban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban .container {position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;display: flex;align-items: center;justify-content: center;}
#pageban h4 img { visibility: visible; width: auto; min-width: 1px }
#pageban .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff }
#pageban h2 { font-size: 48px; font-weight: 400; font-weight: 400; position: absolute; top: 100px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; letter-spacing: 4px; color: #333 }
#pageban h4 { font-size: 30px; font-weight: 100; position: absolute; top: 202px; left: 0; width: 100%; margin: 0 auto; padding: 0; text-align: center; letter-spacing: 4px }
#pageban h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #b41017 }
#location { padding: 0 3rem 0 2.3rem; background: url(../images/bg_lct.png) no-repeat left }
#location * { font-size: 1.6rem; color: #666; font-weight: 400 }
#location a:hover { color: #b41017 }
#submenu { margin: 0 0; padding: 0 }
#submenu .box>a { display: none }
#submenu ul { width: 100%; text-align: center; margin-top: 0 }
.submenu_search #submenu ul { text-align: left }
.submenu_search #submenu { display: inline-block; margin: 0 auto; text-align: left }
.submenu_search { text-align: center }
.submenu_search #submenu li:first-child { margin-left: 0 }
.submenu_search #submenu li { text-align: center; padding: 0 1rem }
#submenu.submenu_yx { border: none; top: 28.7rem; position: relative; background: 0 0; z-index: 999 }
#submenu.submenu_yx ul { border-radius: .6rem; box-shadow: 0rem .2rem 1rem 0rem rgba(0, 0, 0, .06); background: #fff; justify-content: space-between; display: flex; overflow: hidden }
#submenu.submenu_yx ul li { flex: 1 0 auto; margin: 0; transition: all .3s }
#submenu.submenu_yx ul li.active, #submenu.submenu_yx ul li:hover { background: #0052d9; border: none }
#submenu.submenu_yx ul li.active a, #submenu.submenu_yx ul li:hover a { color: #fff }
#submenu ul li a:hover, #submenu ul li.active a { color: #fff; background: var(--color1) }
#submenu ul a:hover img, #submenu ul li.active a img { filter: brightness(100) }
#submenu ul li a { font-size: 1.6rem }
#submenu ul li a i { display: inline-block; vertical-align: middle; position: relative; top: -.2rem; margin-right: 1.8rem; height: 3.2rem }
#submenu ul li a i img { height: 100%; width: auto }
#submenu ul li a { padding: 0; transition: all .3s }
#pagelist {margin: 4rem auto 0;text-align: center}
.body_news #pagelist { margin: 3rem auto 5rem; text-align: center }
.body_soft #pagelist { margin-top: 3rem }
#pagelist .current, #pagelist a:hover { color: #fff; border-color: var(--color1); background: var(--color1) }
#pagelist>span.pageinfo { display: none }
#pagelist a, #pagelist>span {line-height: 3.4rem;display: inline-block;min-width: 1.2rem;margin: 0 .5rem;padding: 0 1.2rem;transition: all .2s;color: #666;font-size: 1.5rem;border: .1rem solid rgba(213, 213, 213, 1);background: #fff;text-align: center}
#footer {background: #161719 url(../images/bgf.jpg) no-repeat border-box;padding: 6rem 0 0}
#footer .footcontact { flex: 0 0 40rem; margin-right: 11rem }
#footer .footcontact .sitelogo img { filter: brightness(0) invert(1); height: auto; width: 20rem; margin-bottom: 3rem; margin-top: -1rem }
#footer .footcontact .item { display: flex; align-items: flex-start; column-gap: 1rem; margin-bottom: 2rem; color: grey; font-size: 1.6rem; line-height: 2.2 }
#footer .footcontact .item i { flex: 0 0 2.5rem; fill: #83c4df; display: flex; align-items: center; justify-content: center; line-height: 0 }
#footer .footcontact .item span { color: #83c4df; font-size: 1.6rem }
#footer .footcontact .item_phone { align-items: center }
#footer .footcontact .item_phone i { flex: 0 0 3.9rem; fill: #fff }
#footer .footcontact .item_phone span { font-size: 3.6rem; font-weight: 700; color: #fff }
#footer .t { font-size: 1.8rem; color: #fff; margin-bottom: 2.5rem }
#footer .depth1 .ul2 { margin-top: 2.6rem }
#footer .depth2 a {color: #8c8989;font-size: 1.6rem;line-height: 2.2;transition: .3s;}

#footer .depth2 a:hover {
  color: #fff;
}
#footer .qrcode1 .t { text-align: left; width: 100% }
#footer .qrcode1 span { color: grey }
#footer .flex1{
  padding-bottom: 5rem;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  margin-bottom: 5rem;
  justify-content: space-between;
}

#footer .copyright .flex1 {
  margin: 0;
  border: none;
  padding: 0;
}
#footer .flex1 .l__1{
    display: flex;
    align-items: center;
    gap: 5rem;
}

#footer .worktime {}

#footer .worktime span {
    color: #fff;
    display: block;
    font-size: 1.6rem;
}

#footer .worktime .wt1 {}

#footer .worktime .wt2 {
    /* font-weight: bold; */
    font-size: 4.4rem;
    /* padding: .5rem 0; */
    font-family: IMPACT;
    letter-spacing: 0.9px;
}

#footer .worktime .wt3 {
    font-size: 1.3rem;
}
#footer .flex1 .l1 a{}
#footer .flex1 .l1 a img{
    filter: grayscale(73) brightness(100);
}
#footer .flex1 .r1{
  display: flex;
  align-items: center;
}
#footer .flex1 .socails{
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}
#footer .flex1 .socails a{
  width: 4.8rem;
  height: 4.8rem;
  display: block;
  background: rgb(255 255 255 / 5%);
  border-radius: 10rem;
  padding: 1.2rem;
  fill: #ffffff63;
  transition: .3s;
}

#footer .flex1 .socails a:hover {
  background: var(--color1);
  fill: #fff;
}
#footer .flex1 .socails i {}
#footer .flex1 .socails i *{
  fill: inherit;
}
#footer .r2{
  display: flex;
  column-gap: 4rem;
}
#footer .r2 a{}
#footer  .search_ft{
  flex: 1;
  min-width: 30rem;
  margin-top: -1.2rem;
  margin-right: 5rem;
  display: flex;
  justify-content: flex-end;
}
#footer  .search_ft form{
  display: flex;
  justify-content: flex-end;
  margin: 0;
  position: relative;
  /* left: -2.5rem; */
  top: 1.5rem;
}
#footer  .search_ft form .input-group{}
#footer  .search_ft form .input-group input{
  height: 4.2rem;
  width: 23rem;
}
#footer  .search_ft form .input-group span{
  height: 4.2rem;
}
#footer  .search_ft form .input-group span button{
  width: 5rem;
  background: var(--color1);
  border-color: var(--color1);
  color: #fff;
  font-size: 1.8rem;
  height: 4.2rem;
}
.friendslinks .con>span { font-size: 1.4rem; color: #fff; margin-right: 1rem }
.friendslinks .con>span~a { color: #717171; display: inline-block; margin: 0 0 1.2rem; margin-right: 3rem }
.friendslinks .con>span~a:hover { color: #fff }
.copyright {padding: 5rem 0 5rem;border-top: 1px solid rgb(255 255 255 / 10%);color: #fff;font-size: 1.6rem}
.copyright * {color: #C3C3C3;font-size: 1.6rem}
.copyright a:hover { color: #fff }
.copyright .pp { margin-top: 1.5rem }
.copyright .pp * { font-size: 1.6rem }
.copyright .pp span { color: #fff; margin-right: 1.4rem }
.copyright .pp a { display: inline-block; margin-right: 3.5rem; color: #717171 }
.copyright .pp a:hover { color: #fff }
.hdl_submenu ul { margin-top: 1.5rem; text-align: center }
.hdl_submenu li { display: inline-block; font-size: 1.6rem; margin: 0 2.5rem -.1rem; line-height: 6rem; color: #666; cursor: pointer }
.hdl_submenu .active, .hdl_submenu .slick-active { color: #0052d9; border-bottom: .3rem solid #0052d9 }
#searchbar { height: 15rem; padding-top: 0; background: #454545; width: 100%; margin: 0 auto; padding-left: 3rem; padding-right: 3rem }
#searchbar.searchbar3 { background: 0 0; padding-left: 0; padding-top: 1rem }
#searchbar.searchbar3 form { padding-left: 0 }
.searchresult:last-child { border-bottom: .1rem solid rgba(229, 229, 229, 1) }
.ban #searchbar { height: auto; background: 0 0; display: block; margin-top: 1.3rem }
.ban #searchbar .form_search { padding: 0; width: 72rem; margin: 0 auto }
#site-map { height: 40rem }
.pagelists { text-align: center; margin: 5rem auto }
.pagelists .all { padding-left: 2rem }
.pagelists .grp { display: inline-block }
.pagelists .pagelink { transition: all .3s; color: #333; outline: 0rem; border: .1rem solid #d4d6dd; border-radius: .2rem; margin-right: .8rem; display: inline-block; padding: .6rem 1.2rem; font-size: 1.4rem; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pagelists .pagelink.active, .pagelists .pagelink:hover { background: #0052d9; color: #fff; border-color: #0052d9 }
#searchbar p.fl { margin: 0; margin-top: 0; color: #fff; background: #363636; display: flex; height: 15rem; width: 23rem; align-items: center; justify-content: center }
#searchbar .t { width: 13rem; height: 3.9rem; background: rgba(0, 82, 217, 1); display: block; text-align: center; color: #fff; font-size: 1.4rem; line-height: 3.9rem }
#searchbar .inp02 { border: none; background: #0052d9; color: #fff; height: 5rem; margin-left: -.5rem; width: 17rem; text-align: center; letter-spacing: .2rem; font-size: 1.6rem }
#searchbar.searchbar3 .inp02 { width: 10rem }
#searchbar .inp01 { line-height: 4.7rem; border: none; padding-left: 1.2rem; width: calc(100% - 17rem); font-size: 1.6rem }
#searchbar.searchbar3 .inp01 { border: .1rem solid rgba(236, 236, 236, 1) }
.ban #searchbar .inp01 { font-size: 1.4rem; width: calc(100% - 9.4rem) }
.ban #searchbar .inp02 { width: 9.4rem; font-size: 1.4rem }
#searchbar .form_search { width: calc(100% - 23rem); padding-top: 3rem; padding-left: 3.3rem }
#searchbar .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
#searchbar+.sct_num { padding-top: 0rem }
.crumbs {color: #7b7b7b;height: 8rem;display: flex;align-items: center;font-size: 1.6rem;border-bottom: #eee 1px solid;margin-bottom: 5.5rem;}

.body_news .crumbs {
  margin-bottom: 0;
}
.body_contact .crumbs { display: none }
.body_detail .crumbs { margin-bottom: 4.5rem }
.body_p_1 .crumbs { display: none }
.crumbs a { color: inherit; display: inline-block }
.body_detail .crumbs, .body_detail .crumbs * { color: #fff }
.body_detail.body_news .crumbs, .body_detail.body_news .crumbs * { color: #333 }
.body_detail.body_news .crumbs a:first-child { background: url(../images/lct2.png) left center/auto 1.7rem no-repeat }
.crumbs a:hover { color: var(--color1) }
.crumbs span { display: inline-block; margin: .7rem }
.crumbs a:first-child { padding-left: 4rem; background: url(../images/lct.png) left center/auto 2.2rem no-repeat }
.linkmore_3 { display: flex; width: 17.6rem; height: 4.8rem; color: #fff; border: .2rem solid #fff; align-items: center; padding: 0 3rem; transition: all .3s; border-radius: 10rem; font-size: 1.8rem; padding: 0; text-align: center; justify-content: center; align-items: center; line-height: 1 }
.linkmore_3 span { font-size: 1.8rem }
.linkmore_3:hover { background: var(--color1); border-color: var(--color1); color: #fff }
.linkmore_3 i { display: flex; justify-content: center; align-items: center }
.linkmore_3 i svg { height: 1.8rem; width: auto }
#newsitems .item { padding-bottom: 2.5rem; padding-top: 2.5rem; border-bottom: .1rem solid #e7e7e7 }
#newsitems .item:first-child { margin-top: -2rem }
#newsitems .item h3 { margin-top: 0 }
#newsitems .item h3 a { font-size: 2rem }
#newsitems .item h3 a:hover { font-weight: 700; color: #0052d9 }
#newsitems .infotime { color: #7b7b7b; line-height: 2.6rem; font-size: 1.4rem }
#newsitems .sinfo { line-height: 2.6rem }
#content_right h1 { margin: 0rem 0 1rem; line-height: 1.1; font-size: 2.4rem; color: #333 }
#content_right h1+.infotime { border-bottom: .1rem solid #e7e7e7; padding-bottom: 1rem; margin-bottom: 2rem }
#content_right #detail { color: #7b7b7b; font-size: 1.4rem; line-height: 2.6rem; padding-bottom: 3rem; margin-bottom: 3rem }
#content_right .prev_next { padding-bottom: 3.5rem; border-bottom: .1rem solid #e7e7e7; margin-bottom: 4rem }
#content_right .prev_next>div span { display: inline-block; color: #7b7b7b; font-size: 1.6rem; text-decoration: underline }
#content_right .prev_next>div a { color: #7b7b7b; font-size: 1.6rem; display: inline-block; margin-top: .6rem; text-decoration: underline }
#content_right .prev_next>div a:hover { color: #0052d9 }
#content_right .p3 a { color: #0052d9 }
#content_right .xiangguan li { width: 100%; float: none }
#content_right .xiangguan .h4 { margin-bottom: 2rem }
#content_right .xiangguan li { display: inline-block; width: 50%; float: left; padding-right: 3rem; padding-left: 1.8rem; position: relative }
.bluedot>li { position: relative; padding-left: 4rem }
.bluedot>li:before { content: ""; display: block; position: absolute; width: .5rem; height: .5rem; top: 1.7rem; left: .2rem; background: #0052d9 }
#content_right .xiangguan li a { font-size: 1.6rem; color: #666; line-height: 4rem; display: inline-block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
#content_right .xiangguan li a:hover { color: #0052d9 }
#top_lang { position: relative; transform: translateY(.9rem) }
.header .line { width: .1rem; height: 2rem; display: block; background: #fff; flex: 0 0 .1rem; margin: 0 2rem; transform: translateY(1.9rem); opacity: .3 }
#top_search { margin-left: 2rem; padding-left: 2rem; position: relative }
.searchLayer { transform: translateY(-.9rem) }
#top_search:before { content: ""; display: block; height: 2.1rem; width: .1rem; background: #fff; position: absolute; left: 0; top: 0 }
#top_lang:before { content: ""; display: block; width: 2.5rem; height: 2.5rem; background: url(../images/earth.png) no-repeat center/cover; position: absolute; left: 0; top: .65rem; transition: all .1s }
#top_lang.open:before { opacity: 0 }
#top_lang.open { background: rgb(255 255 255 / 16%); border-radius: 1rem; position: relative }
#top_lang.open:after { content: ""; height: .1rem; width: 80%; background: #fff; display: block; position: absolute; left: 10%; top: 50%; opacity: .2 }
.language-select { display: inline-flex; flex-direction: column; height: 3.86rem; cursor: pointer; -moz-border-radius: .4rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; margin: 0 auto; font-size: 1.6rem; font-family: PingFang; font-weight: 500; color: #ba914a; width: 10rem; line-height: 3.6rem; border: none; border-radius: .5rem !important; text-align: center; margin-left: 1rem; overflow: hidden; background: url(../images/caret-down.png) no-repeat right 1.3rem top 1.1rem/1.4rem auto }
.language-select li { vertical-align: middle; text-align: center; justify-content: left; order: 2; min-height: 3.6rem; -webkit-border-radius: .4rem; -moz-border-radius: .4rem; border-radius: .4rem; text-indent: -.8rem }
.language-select li:hover { cursor: pointer }
.language-select li span { vertical-align: middle; display: inline-block; color: #fff }
.open .language-select { height: auto }
.searchicon { width: 3.5rem; height: 3.5rem; background: transparent url(../images/fdj.png) no-repeat center/2.5rem auto; display: block; flex: 1; overflow: hidden; text-indent: -10rem; border: none; position: absolute; right: 0; top: 50%; margin-top: -1.7rem }
.search_index {flex: auto;width: 60rem;display: block;margin: 0 auto;}
form.search_index .input-group {display: block;height: 60px;}
form.search_index .input-group>* { flex: 0 0 auto }
.search_index div { margin: 0 }
.sct_part_4 { background: url(../images/bg3.jpg) no-repeat center bottom/100% auto; padding-bottom: 12rem }
.sct_part_4 .con { margin: 0 -8rem }
.indexsolutions { padding: 0 0 1rem; transform: scale(1.16); margin-top: 4rem }
.sct_part_4 .swiper-container { padding: 5rem 0 }
.sct_part_4 .swiper-button { width: 5rem; height: 5rem; margin-top: -2.9rem; background: var(--color1) url(../images/left.png) no-repeat center/2rem; border-radius: 10rem }
.sct_part_4 .swiper-button-prev { left: 2rem }
.sct_part_4 .swiper-button-next { right: 2rem; left: auto; background: var(--color1) url(../images/right.png) no-repeat center/2rem }
.sct_news1 { padding: 8rem 0 8rem; background: url(../images/bg5.jpg) no-repeat center/cover }
.sct_news1 .i_ttl { display: flex; justify-content: space-between; column-gap: 6rem; align-items: center; margin: 0 }
.sct_news1 .i_ttl .r { position: relative }
.sct_news1 .row2 { padding-top: 1.5rem }
.sct_news1 .in.toutiao { display: flex; margin-bottom: 7rem }
.sct_news1 .in.toutiao .a_img { flex: 1 0 59rem; max-width: 59rem; height: 37rem; border-radius: 1rem; overflow: hidden; display: block }
.sct_news1 .in.toutiao .bd { padding: 1.7rem 0 0 6rem; text-align: left }
.sct_news1 .in.toutiao .h3 { font-size: 3.8rem; color: #333; line-height: 1.6; padding-bottom: 8rem; background: url(../images/line.png) no-repeat left bottom/auto .4rem }
.sct_news1 .in.toutiao .sinfo { font-size: 1.8rem; line-height: 1.9; color: #666; margin-bottom: 2rem }
.sct_news1 .newst { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 4rem }
.sct_news1 .in.toutiao .date { color: #999; font-size: 1.6rem }
.sct_ptn { padding: 7rem 0 9rem; background: url(../images/bg4.jpg) no-repeat center bottom/cover }
.sct_ptn2 { padding: 4rem 0 9rem }
.sct_ptn .indexptns { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between; margin-top: 1.5rem }
.sct_ptn .indexptns .item { max-width: 33rem; height: 16.5rem; flex: 1 0 30rem; background: #fff; box-shadow: 0rem 0 1rem 0 #c2c2c229; border-radius: .6rem; opacity: 1; border: 1px solid #ededed; display: flex; justify-content: center; align-items: center }
.sct_ptn .indexptns .item img { max-width: 19rem; max-height: 9rem }
.hdl_1.hdl_2 ul { display: flex !important; column-gap: 5rem }
.hdl_1.hdl_2 li span { font-size: 2rem; cursor: pointer; transition: all .2s; border-bottom: 2px solid transparent; padding-bottom: .7rem; color: #222 }
.hdl_1.hdl_2 li.slick-active span { font-weight: 700; color: var(--color1) }
.hdl_1.hdl_2 li span:hover { color: var(--color1) }
.sct_news1 .inner { border-color: var(--color1); padding-top: 0; padding-bottom: 0; border: 1px solid #eaeaea; margin-left: -1px; position: relative; height: 40rem }
.sct_news1 .inner:hover { background: var(--color1) }
.sct_news1 .inner:hover * { color: #fff !important; fill: #fff !important; border-color: #fff !important }
.sct_news1 .inner:hover .bd { transition: all .3s }
.sct_news1 .row_in { padding: 0 .2rem }
.sct_news1 .row_in .inner .a_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s all }
.sct_news1 .row_in .inner:hover .a_img { opacity: .25; filter: brightness(1.1) }
.sct_news1 .row_in .img img { width: 100% }
.sct_news1 .row_in .bd { padding: 4rem 4.5rem 1rem; text-align: left; position: relative; z-index: 3; height: 100% }
.sct_news1 .row_in .date { display: block; color: #888; margin-bottom: 1.5rem; font-family: arial }
.sct_news1 .row_in .date .d { font-size: 4.8rem; line-height: 1; color: #999 }
.sct_news1 .row_in .date .ym { font-size: 1.6rem; font-weight: 400; display: block; color: #999; line-height: 1.1; margin-top: .7rem; margin-left: .5rem }
.sct_news1 .row_in .h3 { font-size: 2.6rem; overflow: hidden; font-weight: 700; max-width: 100%; display: inline-block; transition: all .3s; margin: 1rem 0 2rem; line-height: 1.5; height: 7.2rem; overflow: hidden; transition: none }
.sct_news1 .row_in .h3:hover { color: var(--color1) }
.sct_news1 .row_in .sinfo { font-size: 1.6rem; line-height: 1.8; margin-bottom: 2rem }
.sct_news1 .row_in .ft { display: flex; justify-content: space-between }
.sct_news1 .row_in .ft a { font-size: 1.6rem; color: #666; display: inline-flex; align-items: center; column-gap: 1rem; margin-top: 1rem; font-size: 1.8rem }
.sct_news1 .row_in .toutiao .ft a { font-size: 2rem; color: var(--color1); fill: var(--color1) }
.sct_news1 a:hover { color: var(--color1) !important }
.sct_news1 .row_in .ft a i { border: 1px solid #d9d9d9; fill: #d9d9d991; margin-right: .8rem; width: 3.4rem; height: 3.4rem; margin-top: 0 }
.sct_news1 .toutiao .ft a i * { fill: var(--color1) }
.sct_news1 .toutiao .ft a i { border-color: var(--color1) }
.sct_news1 .row_in .inner:hover a { color: var(--color1) }
.sct_news1 .row_in .inner:hover a i { fill: var(--color1); border-color: var(--color1); transform: rotate(-45deg) }
.sct_news1 .morenews { width: 25rem; height: 5.2rem; background: #fff; border-radius: 10rem; opacity: 1; border: 2px solid var(--color1); display: flex; margin: 0; justify-content: center; align-items: center; font-size: 2rem; column-gap: .9rem; transition: all .3s }
.sct_news1 .morenews span { color: var(--color1); font-weight: 700 }
.sct_news1 .morenews i { fill: var(--color1) }
.sct_news1 .morenews i svg { width: 1.8rem; height: 1.8rem; opacity: 1; fill: var(--color1); position: relative; top: .2rem }
.sct_news1 .morenews:hover { border-color: var(--color1); background: var(--color1); color: #fff }
.sct_news1 .morenews:hover span { color: #fff }
.sct_news1 .morenews:hover i svg { fill: #fff }
.sct_form1 { background: url(../images/bg6.jpg) no-repeat center/cover; padding: 11rem 0 !important }
.sct_form1 .i_ttl p { flex: 0 0 100%; margin-top: 2rem; order: 5; font-size: 2.1rem }
.sct_form1 .i_ttl { flex-wrap: wrap; text-align: left }
.sct_form1 .i_ttl * { color: #fff; text-align: left; flex: 0 0 min-content; white-space: nowrap; margin: 0 }
.sct_form1 .d2 { padding: 4rem 0 0 }
.sct_form1 .d1 input { height: 5.5rem; display: inline-flex; align-items: center; padding: 0 2.4rem; font-size: 1.6rem; border: 0; border-radius: 10.7rem; margin-right: 1.4rem; width: auto; flex: 1 }
.sct_form1 .d1 { display: flex; justify-content: space-between }
.sct_form1 .d1 input:nth-child(3) { flex: 1.4 1 auto }
.sct_form1 .d2 input { height: 5.5rem; display: block; align-items: center; padding: 0 2.4rem; font-size: 1.8rem; letter-spacing: .2rem; border: 0; border-radius: .7rem; margin-right: 1.4rem; width: 30rem; background: 0 0; border: 1px solid #fff; text-align: center; color: #fff; font-weight: 700; transition: all .3s }
.sct_form1 .d2 input:hover { background: #fff; color: var(--color1) }
.ftlink .items { flex: 1 1; display: flex; justify-content: space-between; column-gap: 4rem; padding-left: 2rem }
.ftlink .item { flex: 1 1; height: 4rem; background: 0 0; border-radius: 0; margin-right: 0; line-height: 4rem }
.ftlink { display: flex; align-items: center; height: 100%; width: 22rem }
.ftlink .btn { width: 100%; text-align: left; position: relative; display: flex; align-items: center; justify-content: space-between; color: #666; font-size: 1.4rem; background: 0 0; color: #fff; border: 1px solid rgb(255 255 255 / 10%); height: 4.1rem; border-radius: 0 }
.ftlink .dropdown-menu { width: 100%; box-shadow: none; border-radius: 0; margin-top: 0rem; background: #013779; contain: content; border-color: rgb(255 255 255 / 10%) }
.ftlink .dropdown-menu a:hover { background: 0 0 }
.ftlink .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.ftlink .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #fff; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.ftlink .dropdown-item:hover { background: 0 0 }
#submenuwrap { background: #f7f7fb; border-bottom: 1px solid #ededed }
#submenuwrap .box>a { display: none }
#submenuwrap .box ul { display: flex; width: 100% !important; align-items: center; justify-content: flex-start; height: 8rem }
#submenuwrap .box ul li { flex: 0 0 auto; text-align: center; border-right: 1px solid #ededed; height: 100% }
#submenuwrap .box ul li:last-child { border: none }
#submenuwrap .box ul li a { font-size: 2rem; display: block; display: flex; align-items: center; height: 100%; padding: 0 7rem; transition: all .3s }
#submenuwrap .box ul li.on { border: none }
#submenuwrap .box ul li.on a { font-weight: 700; background: #df201d; color: #fff }
.site_slick_hdl { display: block; position: relative; top: 18rem; z-index: 333 }
.site_slick_hdl>a { transition: all .3s; width: 4.8rem; height: 4.8rem; display: inline-flex !important; justify-content: center; align-items: center; border: 1px solid var(--color1); border-radius: 20rem; fill: var(--color1); margin-right: 3rem; background: #fff; position: absolute; left: 18rem }
.site_slick_hdl>a.next { left: auto; right: 18rem }
.site_slick_hdl>a svg { fill: inherit; width: 1.9rem }
.site_slick_hdl>a:hover { background: var(--color1); fill: #fff; border-color: var(--color1) }
.h2_ttl_3 { font-size: 4rem; font-weight: 700; position: relative; padding-bottom: 2rem }
.h2_ttl_3:after { content: ""; display: block; width: 1.4em; height: .3rem; background: var(--color1); position: absolute; bottom: 3.6rem; display: none }
.h2_ttl_3 .s2 { font-size: 1.8rem; margin-left: 2rem; color: #888; letter-spacing: .3rem; display: block; margin-top: 2rem }
.remark { font-size: 1.6rem; line-height: 1.98 }
.articletitle_page+.remark { padding: 0 0 5rem }
.remark * { font: inherit; color: inherit;    text-wrap: unset !important; }
.picslist { padding: 7rem 0 }
.picslist .in { border: 1px solid #eaeaea; display: block; flex-direction: column; justify-content: center; align-items: center; height: 48.5rem; width: 96%; margin: 2rem auto; position: relative; padding: 5rem 5rem; text-align: center; border-radius: 1rem }
.picslist .img { height: 26rem; display: flex; justify-content: center; align-items: center; margin-top: 4rem }
.picslist .txt { margin-top: 5.6rem; font-size: 1.6rem; position: relative }
.picslist .in:before { content: ""; display: block; width: 80%; height: .1rem; background: #ddd; position: absolute; margin: 0 auto; left: 10%; top: -10rem; opacity: 0 }
.sct_lingyu1 .hdls a:before { display: none }
.xiangguan .ttl { border-bottom: 1px solid #ddd; padding-bottom: 3rem; margin-bottom: 5rem; position: relative; font-size: 3.6rem; font-weight: 700 }
.xiangguan .ttl:after { content: ""; display: block; height: .4rem; width: 4em; background: var(--color1); bottom: -.2rem; left: 0; position: absolute }
.xiangguan { background: #f2f6f9; padding: 5rem 0 7rem }
.body_ptn #submenuwrap, .body_ptn .crumbs { display: none }
.ttl_5 .h2 { font-weight: 400; margin-top: 5rem; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #e9f3fb; position: relative }
.ttl_5 .h2:after { content: ""; display: block; height: 3px; background: var(--color1); position: absolute; bottom: 0; left: 0; width: 2em }
.body_ptn .content { padding-bottom: 3rem }
.ul_contact { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 3rem }
.ul_contact li { display: flex; align-items: center; column-gap: 2rem; margin-bottom: 5rem; flex: 0 0 50% }
.ul_contact li i { display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; background: #efefef; border: 1px solid #f0f0f0; border-radius: 10rem }
.ul_contact li img { height: 2.4rem; width: auto }
.ul_contact li .t { color: #656565; font-size: 1.8rem }
.ul_contact li .d { color: #212121; font-size: 2.3rem; margin-top: -.1rem }
#mapContainer { height: 60rem; margin: 6rem auto 0rem; padding-top: 6rem }
.culture_c .in { text-align: center; border: 1px solid #eee; padding: 6rem; margin-bottom: 5rem }
.culture_c .t { font-size: 2.5rem; margin: 3rem auto 1rem }
#footer .social { width: min-content; flex: 0 0 100% !important }
#footer .social img { width: 16rem; margin: 1.5rem 0 1rem }
#footer .social span { font-size: 1.4rem }
.arrow_1 { width: 5rem; height: 5rem; display: flex; border: 1px solid #b8b8b8; border-radius: 100%; justify-content: center; align-items: center; transition: all .3s; fill: #b8b8b8; padding: .5rem; margin: 4rem auto 0 }
.arrow_1 svg { fill: inherit; width: 67% }
a:hover .arrow_1 { transform: rotate(-45deg) }
#sort_nav_pro {margin-bottom: 3rem;position: relative;background: #f7f7f7;}
#sort_nav_pro:after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: .8rem; background: linear-gradient(to bottom, rgb(0 0 0 / 14%) 0, rgba(0, 0, 0, 0) 100%); opacity: .45 }
#sort_nav_pro ul {display: flex;justify-content: space-between;}
.body_slt #sort_nav_pro ul { justify-content: center }
.body_news #sort_nav_pro ul { justify-content: center }
#sort_nav_pro li { padding: 0; flex: 0 1 auto; position: relative; margin-bottom: -1px; text-align: center; width: min-content }
.body_news #sort_nav_pro li { flex: 0 }
#sort_nav_pro li::after { content: ""; display: block; width: 2px; height: 2.9rem; background: rgb(203 203 203 / 50%); transform: rotate(25deg); position: absolute; top: 2.3rem; right: 4.9rem; opacity: 0 }
#sort_nav_pro li:last-child:after { display: none }
#sort_nav_pro li a { color: #222; display: block; padding: 0 3rem }
.body_page #sort_nav_pro li a { padding: 0 4.5rem }
.body_slt #sort_nav_pro li a { padding: 0 4.2rem }
#sort_nav_pro li span { font-size: 1.8rem; line-height: 7.5rem; display: inline-block; padding: 0 1.2rem; position: relative; white-space: nowrap }
#sort_nav_pro .active, #sort_nav_pro li:hover { background: var(--color1); transition: all .3s }
#sort_nav_pro .active *, #sort_nav_pro li:hover * { color: #fff !important; transition: all .3s }
#sort_nav_pro .active span { font-weight: 700; color: var(--color1) }
.btn_2 { width: 23rem; max-width: 100%; height: 5.4rem; background: #e4223c; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 2rem; margin: auto; margin-top: 5rem; column-gap: 2rem; border: 0 }
.btn_2:hover { color: #fff }
.sitettl2>div { font-size: 2.4rem; color: #222; padding-bottom: 2rem; border-bottom: 1px solid #ddd; font-weight: 700; position: relative; margin-bottom: 3.5rem }
.site_ttl_4 { text-align: center }
.site_ttl_4 .h2 { font-size: 4rem; font-weight: 700 }
.site_ttl_4 .h2+.sinfo { font-size: 1.8rem; color: #666; line-height: 1.8; margin: 2rem 0 5rem }
.bggray3 { background-color: #eaedf4 }
.siteform1 .label1 { font-size: 1.4rem }
.siteform1 .label1 { margin-bottom: .5rem; display: inline-block; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)) }
.siteform1 .h3 { font-size: 1.8rem }
.siteform1 .h3 { margin-bottom: 0; padding-top: 2rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(216 37 56 / var(--tw-text-opacity)) }
.siteform1 .input1 { font-size: 1.6rem }
.siteform1 .input1 { margin: 0; display: block; width: 100%; border-radius: 0; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding-left: 1rem; padding-right: 1rem; padding-top: 2.5rem; padding-bottom: 2.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(.4, 0, .2, 1); border: 1px solid #eaeaea }
.siteform1 .input1:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px }
.siteform1 .flex00 { align-items: flex-end; gap: 1rem }
.grid { display: grid }
.gap-4 { gap: 1rem }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.mb-6 { margin-bottom: 1.5rem }
.article_detail { padding-bottom: 7rem }
.article_detail2 { padding: 0 }
.article_content {padding-right: 6rem;padding: 0;text-align: center;margin-bottom: 1.4rem;/* margin-right: 3rem; *//* border-radius: .5rem; */background: #f2f6f97a}
.article_content .remark { font-size: 1.6rem }
.article_content .remark * { font-size: inherit; text-align: left }
.article_content h1 { margin: 0 auto; font-size: 3.2rem; line-height: 1.5; font-weight: 400; margin-bottom: 2rem }
.articletitle_page { padding: 5rem 0; text-align: center }
.article_content.topgap1 { padding-top: 0rem }
.article_content.topgap1:before { height: .2rem }
.articleinfo { padding-bottom: 3rem; margin-bottom: 4rem; border-bottom: .1rem solid #d3e4fa; text-align: center }
.articleinfo * { color: #888; font-size: 1.6rem }
.articleinfo span { display: inline-block; margin: 0 1rem }
.articleinfo .fl * { color: #777 }
.articleinfo .fl a:hover { color: var(--color4) }
.articleinfo .fl span { display: inline-block; margin-right: 2rem }
.articleinfo .fl span i { display: inline-block; height: 1.3em; width: 1em; background: url(../images/i-clock.png) no-repeat center/auto 70%; vertical-align: middle; position: relative; top: -1px; margin-right: .7rem }
.articleinfo .fl span.category i { background-image: url(../images/i-view.png); background-size: 100% auto }
.articleinfo .fl span.source i { background-image: url(../images/newspaper.png); background-size: 100% auto }
.body_news_list .crumbs { display: none }
.sct_news1_submenu { padding-top: 3rem; margin-bottom: 5rem; background: 0 0 }
.body_news .sct_news1_submenu { margin-bottom: 1.3rem; padding-bottom: 2rem; padding-top: 5rem }
.sct_news1 .i_ttl .r.hdl_3 { width: 50% }
.sct_news1 .i_ttl .r.hdl_3 ul { justify-content: flex-end; column-gap: 2rem }
.sct_news1 .hdl_3 ul { display: flex !important; column-gap: 5rem }
.sct_news1 .hdl_3 li a { background: #fff; display: inline-flex; justify-content: center; align-items: center; height: 5.5rem; padding: 0 2rem; border-radius: 10rem; color: #333 }
.sct_news1 .hdl_3 li.active a { color: var(--color1) }
.sct_news1 .hdl_3 li span { font-size: 2rem; cursor: pointer; transition: all .2s; border-bottom: 2px solid transparent; padding-bottom: 1rem; color: #222; font-weight: 400; margin: 0 auto; padding: 0 }
.sct_news1 .hdl_3 li.on span { background-color: var(--color1) }
.sct_news1 .hdl_3 li span:hover { color: var(--color1) }
.body_search #header {/* background-color: #042766; */}
.qrcode2 { width: min-content; margin: 5rem 0 6rem }
.qrcode2 span { display: block; text-align: center; font-size: 1.6rem }
.qrcode2 img { min-width: 15rem; border: 1px solid #ddd; margin: 0rem 0 1rem }
.i_ttl h2 {color: #2A2A2A;font-size: 4rem;font-weight: 700;margin: 0;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);}

.i_icon1 {
  width: 5.6rem;
  height: 5.6rem;
  background: url(../images/i1.png) no-repeat center;
  display: block;
}
.sitettl .h2 { margin: 8rem auto 4rem; text-align: center; font-size: 3.6rem; font-weight: 400 }
.msg_form { display: flex; flex-wrap: wrap; gap: 3rem; width: 100%; justify-content: space-between; margin-bottom: 5rem }
.msg_form .errortip { flex: 0 0 100%; text-align: center; font-size: 1.4rem; color: #c3393d }
.frm_ipt { font-size: 1.4rem; line-height: 2; padding: 1rem; border-radius: 4px; border: 0; box-sizing: border-box; flex: 1 1 calc(33.333% - 3.1rem); background: #f5f5f5; height: 7rem; font-size: 1.8rem; padding: 0 2rem; border: 1px solid transparent }
.frm_ipt.error { border-color: #e6373d }
.ipt_content { height: 20rem; padding: 2rem; flex: 0 0 100% }
.ipt_submit { width: 100%; background: #5897fb; color: #fff; cursor: pointer }
.ipt_submit:hover { background: #3875d7 }
.cpart1 { background: #f5f5f5; padding-bottom: 8rem }
.cpart1 .c4 { display: flex; justify-content: space-between; gap: 2rem }
.cpart1 .item { flex: 1; padding: 3rem 2rem; text-align: center; background: #fff }
.cpart1 .item i { display: flex; justify-content: center; align-items: center; height: 5rem }
.cpart1 .item .h3 { font-size: 2.3rem; font-weight: 400 }
.cpart1 .item .h3+p { font-size: 1.8rem; margin: 2rem auto 0; color: #666 }
.cpart2 .ipt_submit { height: 5rem; display: flex; justify-content: center; align-items: center; margin: 1rem auto 0; border: 2px solid var(--color1); color: #ff6a00; font-size: 1.8rem; background: #fff; width: 11em }
.error { border: 1px solid #e6373d; animation: blinkBorder .5s 2 }
.pagecontent { padding: 7rem 0; min-height: 10rem }
.slick-wrap1 {position: relative;height: 78rem;overflow: hidden;width: 70rem;}
.slick-wrap2 { position: absolute; height: 106rem; left: 0; top: 50%; margin-top: -53rem }
.sliderC { padding-left: 10rem }
.sliderC .slick-slide {}
.sliderC .c { width: 31rem; height: 31rem; display: flex; justify-content: center; align-items: center; transform-origin: center; transition: translate 1s, rotate 1s, opacity .1s; transform: translate(30px, 50px) rotate(45deg) scale(0.6); transition: all .5s linear, opacity .1s; left: 6rem; cursor: pointer; opacity: 0; position: absolute; top: 50%; margin-top: -15.5rem }
.sliderC .slick-active .c { opacity: 1 }
.sliderC .slick-current .img, .sliderC .slick-current .c { transform: none; border-width: 1.4rem }
.sliderC .slick-current+.slick-active .c { transform: translate(30px, -50px) rotate(45deg) scale(0.6) }
.sliderC .img {position: relative;background: no-repeat center/cover;width: 100%;height: 100%;border-radius: 100rem;border: 1.9rem solid rgb(255 255 255 / 15%);overflow: hidden;transform: rotate(-45deg);transition: all .5s linear;}
.sliderC .img:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 100rem; background: url(../images/ball.png) no-repeat center/109% auto; z-index: 3; display: block; opacity: 0 }
.sliderC .img img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center }
.sliderC .slick-list { }
.sliderC .slick-slide { align-items: flex-end }
.sliderC .o {position: relative;align-items: center;height: 32rem;max-width: 30rem;}
.sliderC .slick-current { }
.sliderC .slick-current .c {left: 0;scale: 1;/* position: relative; */}

.sliderC .slick-current.slick-slide .c:before, .sliderC .slick-current.slick-slide .c:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  height: 1px;
  width: 17rem;
  left: 31rem;
  top: 50%;
  transition: .3s;
  opacity: 1;
}

.sliderC .slick-slide .c:before, .sliderC .slick-slide .c:after {
  opacity: 0;
}

.sliderC .slick-current.slick-slide .c:after {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 10rem;
  margin-top: -.5rem;
  left: 48rem;
}
.indexpart1{
  background: url(../images/bg2.jpg) no-repeat center/cover;
  padding: 11rem 0 17rem;
  position: relative;
}

.indexpart1_1 {
  padding: 10rem 0 10rem;
}

.indexpart1::before {
  content: "";
  display: block;
  width: 35.2rem;
  height: 100%;
  background: url(../images/bg1.png) no-repeat right bottom/auto 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
}

.indexpart1_1::before {
  display: none;
}
.indexpart1 .i_ttl{
  margin-bottom: 2rem;
  margin-top: -2rem;
}
.indexpart1 .i_ttl h2{}
.indexpart1 .i_ttl .fbt{}
.indexpart1 .img {}
.indexpart1 .img img{}
.indexpart1 .txt{
  font-size: 1.6rem;
  line-height: 2;
  text-align: left;
  color: #7C868E;
  padding-right: 11rem;
  margin-bottom: 8rem;
}

.indexpart1_1 .txt {
  padding-right: 11rem;
}
.indexpart1 .btn_more{
  background: #fff;
}
.indexpart1 .num4 ul{
  display: flex;
  justify-content: space-between;
  padding-right: 7rem;
  margin-bottom: 8rem;
}
.indexpart1 .num4 li{}
.indexpart1 .num4 li div{
  color: var(--color1);
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.indexpart1 .num4 li .count{
  font-size: 6.6rem;
  font-weight: bold;
  font-family: impact;
  line-height: 1;
}
.indexpart1 .num4 li .dw{
  font-size: 3rem;
}
.indexpart1 .num4 li p{
  font-size: 1.8rem;
  color: #222;
  margin-top: 1rem;
}
.indexpart1 .in{
  display: flex;
  justify-content: flex-end;
  margin-top: 15rem;
  position: relative;
  z-index: 3;
  align-items: center;
}

.indexpart1 .in iframe {
    width: 78.5rem !important;
    height: 44.2rem !important;
}

.indexpart1_1 .in {
  margin-top: 10rem;
}

.indexpart1 video {
  width: 100%;
}
.indexpart1 .video{}

.indexpart2{
  background: url(../images/cb1.jpg) no-repeat center/cover;
  position: relative;
  padding: 8rem 0;
}

.indexpart2:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(../images/dot1.png);
  left: 0;
  top: 0;
  opacity: 0.15;
}
.indexpart2 .rr{
  top: 10rem;
  right: 0;
  position: absolute;
  z-index: 5;
  text-align: center;
}
.indexpart2 .i_ttl{}
.indexpart2 .fbt{
  color: #fff;
  opacity: 0.15;
  right: 0;
  left: auto;
}
.indexpart2 h2{color: #fff;left: 50%;transform: translateX(calc(-50% ));margin-top: -2rem;}
.indexpart2 .t{}
.indexpart2 .more{
  display: flex;
  width: 17rem;
  height: 17rem;
  color: #fff;
  border-radius: 100rem;
  background: #c90707a1;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  font-size: 2.1rem;
  line-height: 1;
  font-family: impact;
  margin: 8rem auto 0;
  /* border: 0.9rem solid #b6b1bf82; */
  outline: 1.2rem solid #ffffff21;
  /* position: relative; */
  /* animation: outline-animation 2s infinite linear; */
  transition: .3s;
}

.indexpart2 .more:hover {
  background: var(--color1);
}

.indexpart2 .more3{
  display: flex;
  width: 17rem;
  height: 17rem;
  color: #fff;
  border-radius: 100rem;
  background: #c90707a1;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  font-size: 2.1rem;
  line-height: 1;
  font-family: impact;
  margin: 8rem auto 0;
  /* border: 0.9rem solid #b6b1bf82; */
  /* outline: 1.3rem solid #ffffff36; */
  /* position: relative; */
  transition: all .3s;
  /* animation: outline-animation 2s infinite linear; */
  box-shadow: 0 0 0 15px rgb(255 255 255 / 11%), 0 0 0 38px hsl(0deg 0% 100% / 8%);
}



.indexpart2 .t {
  position: relative;
  /* display: inline-block; */
  top: 6rem;
}

.indexpart2 .t::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: transparent;
  width: 22.2rem;
  height: 22.2rem;
  z-index: -1;
  content: "";
  border-radius: 50rem;
  /* border: 1.3rem solid #ffffff14; */
  animation: outline-animation2 3s infinite;
  animation-delay: 3s;
  opacity: 0;
}
.indexpart2 .dots1{}
.indexpart2 .dots1{
  bottom: 3.4rem;
}
.indexpart2 .dots1 .pn{}
.indexpart2 .dots1 .pn.next{}
.indexpart2 .dots1 .d{}
.indexpart2 .dots1 .c3{}
.indexpart2 .dots1 .c2{}
.indexpart2 .dots1 svg{}
.indexpart2 .dots2{}
.indexpart2 .relative{}
.indexpart2 .container{
  z-index: 3;
  position: relative;
}
.indexpart2 .cc{}
.indexpart2 .cc2{}
.indexpart2 .cc1{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}
.indexpart2 .cc3{}
.indexpart2 .d0{
  width: 91rem;
  height: 10rem;
  background: var(--color2);
  position: absolute;
  left: 0;
  bottom: -7rem;
  display: flex;
  display: none;
}
.indexpart2 .in1{position: absolute;width: 54.2rem;height: 54.2rem;/* height: auto; */left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-weight: 700;text-align: right;background: url(../images/c4.png) no-repeat center;display: flex;flex-direction: column;justify-content: center;padding-right: 6rem;margin-left: 7rem;}

.indexpart2 .in1:after,.indexpart2 .in1:before {
  content: '';
  DISPLAY: BLOCK;
  width: 73rem;
  height: 73rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid #ffffff14;
  border-radius: 1000rem;
  z-index: 2;
}

.indexpart2 .in1:after {
  width: 120rem;
  height: 120rem;
  animation-delay: .5s;
}
.indexpart2 .in1 .s1{
  font-size: 14.1rem;
  font-family: GEO;
  font-weight: 100;
  line-height: 1.1;
}
.indexpart2 .in1 .s2{
  font-size: 3.6rem;
  display: block;
  text-align: right;
  height: 5rem;
  transform-origin: top;
  position: absolute;
  right: 0;
  top: 0;
}

.indexpart2 .in1 .dd1,.indexpart2 .in1 .dd2,.indexpart2 .in1 .dd3 {
  position: relative;
  z-index: 4;
  overflow: hidden;
}

.indexpart2 .in1 .dd3 {
  height: 5rem;
}

.indexpart2 .in1 .dd2 {
  height: 5rem;
}
.indexpart2 .in1 .s3{
  font-size: 2.1rem;
  margin: 2rem 0 0;
  display: block;
}
.indexpart2 .lines{
  width: 27rem;
  height: 0.4rem;
  background: #fff;
  margin: 31rem auto 0;
  display: flex;
}
.indexpart2 .line{
  flex: 1;
  transition: .3s;
}
.indexpart2 .line.on{
  background: var(--color1);
}
.indexpart3{
  height: 122rem;
  background: no-repeat center;
  padding: 12rem 0;
}

.indexpart3 a.salesnet {
    display: block;
    width: 100%;
    height: 100%;
    /* background: red; */
}

.indexpart3 .i_ttl{
  margin-top: 1rem;
}
.indexpart3 .i_ttl .fbt{
  color: hwb(0deg 16% 84% / 10%);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  margin: 0;
  position: absolute;
  font-size: 9.8rem;
}
.indexpart3 .i_ttl h2{
  left: 50%;
  top: 12rem;
  transform: translateX(-50%);
}


.indexpart4 {
  padding: 8rem 0;
}
.indexpart4 .on .img2 SPAN {
  background: url(../images/6bx.png) no-repeat center;
  width: 12rem;
  height: 12rem;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.indexpart4 P {
}
.indexpart4 IMG {
  margin: 0 auto;
}
.indexpart4 .hovercard {
  display: flex;
  column-gap: 0;
  align-items: flex-end;
  min-height: 70rem;
  justify-content: space-between;
  position: relative;
  padding-bottom: 3rem;
}
.indexpart4 .t {
  font-size: 2.4rem;
  margin: 1rem auto;
}
.indexpart4 .sitettl {
}
.indexpart4 .sinfo {
  /* display: none; */
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
}
.indexpart4 .item {
  background: no-repeat center/cover;
  color: #fff;
  width: 22.6rem;
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.4s cubic-bezier(0, 0, 0.68, 0.98);
  min-height: 70rem;
  cursor: pointer;
  /* overflow: hidden; */
  /* background: #757373 none !important; */
  position: relative;
  /* filter: grayscale(0.9); */
  z-index: 33;
  border-left: 1px solid #f8a5a5d6;
}
.indexpart4 .item:nth-child(1) {
  background-image: url(../images/ysbg_1.jpg);
}
.indexpart4 .item:nth-child(2) {
  background-image: url(../images/ysbg_2.jpg);
}
.indexpart4 .item:nth-child(3) {
  background-image: url(../images/ysbg_3.jpg);
}
.indexpart4 .item:nth-child(4) {
  background-image: url(../images/ysbg_4.jpg);
}
.indexpart4 .item:nth-child(5) {
  background-image: url(../images/ysbg_5.jpg);
}
.indexpart4 .item:nth-child(6) {
  background-image: url(../images/ysbg_6.jpg);
}
.indexpart4 .item.on {
  width: 115.4rem;
  /* min-height: 57rem; */
  /* background-image: url(../images/hi.jpg); */
  /* border-radius: 3rem 3rem 0 0; */
  /* transition: all 4s; */
  filter: none;
  justify-content: center;
  align-items: flex-start;
  padding-left: 5.6rem;
}

.indexpart4 .item.on:before {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #fff;
  z-index: 3;
  content: "";
  left: 31rem;
  opacity: 0.2;
}

.indexpart4 .item:after {
  content: "";
  display: block;
  width: 0;
  height: 0.5rem;
  bottom: -8rem;
  left: 0;
  background: var(--color1);
  position: absolute;
  z-index: 55;
  transition: all 0.5s;
  opacity: 0;
}

.indexpart4 .item.on:after {
  width: 100%;
  opacity: 0;
  /* background: indianred; */
  z-index: 45;
}
.indexpart4 .img2 {
  margin-top: 4rem;
  position: relative;
  z-index: 99;
  width: 20rem;
  /* background: red; */
  height: 10rem;
  padding-bottom: 20rem;
}

.indexpart4 .img2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/right1.png) no-repeat center/cover;
  width: 2.4rem;
  height: 2.4rem;
}
.indexpart4 .img1 {
  /* display: none; */
  position: relative;
  z-index: 3;
}

.indexpart4 .img1 img {
  height: 7rem;
}

.indexpart4 .on .img1 {
  display: block;
  position: relative;
  z-index: 33;
  width: 20rem;
  /* background: red; */
}
.indexpart4 .h2 {
}
.indexpart4 .container {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.i_icon2.i_icon1 {background: var(--color1);border-radius: 10rem;padding: 1rem;display: flex;align-items: center;justify-content: center;}

.i_icon2.i_icon1 img {
    filter: grayscale(73) brightness(100);
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 * {
}
.indexpart4 .r {
font-size: 1.8rem;
color: #222;
}
.indexpart4 .i_ttl {
margin: 0;
/* display: flex; */
}

.indexpart4 .i_ttl h2 {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  justify-content: flex-start;
}

.indexpart4 .tt {
  margin-bottom: 8rem;
  justify-content: space-between;
  align-items: center;
}
.indexpart4 .on .mask1 {opacity: 0;}
.indexpart4 .mask1 {width: 100%;height: 100%;position: absolute;left: 0;top: 0;/* filter: blur(8px); *//* -webkit-filter: blur(8px); */background: var(--color2);transition: initial;opacity: 0.88;z-index: 1;}
.indexpart4 .hovercard:before {
  height: 0.4rem;
  background: #f0f0f0;
  content: "";
  display: block;
  width: var(--container-width);
  position: absolute;
  bottom: 0;
  /* left: -5rem; */
  z-index: 3;
  opacity: 0;
}
.indexpart4 .on .sinfo {
  /* display: block; */
  /* font-size: 1.6rem; */
}

.indexpart5{
  background: url(../images/bg6.png) no-repeat center bottom -26rem/100% auto;
}
.indexpart5 .con{
  display: flex;
  justify-content: space-between;
}
.indexpart5 .l{
  flex: 0 0 50rem;
}
.indexpart5 .tt{}
.indexpart5 .tt i{
  margin-bottom: 3rem;
}
.indexpart5 .s1{
  font-size: 4rem;
}
.indexpart5 .s2{}
.indexpart5 .s2{
  font-size: 4rem;
  font-weight: bold;
  color: #333;
}
.indexpart5 .hdls{
  margin: 10rem 0;
}
.indexpart5 .hdls ul{}
.indexpart5 .hdls li{
  height: 8rem;
  width: 19rem;
  border-left: 0.1rem solid #ddd;
  padding-left: 3.5rem;
  display: flex;
  align-items: center;
  transition: all .3s;
}
.indexpart5 .ss3{}
.indexpart5 .ss1{}
.indexpart5 .ss2{
  fill: inherit;
}
.indexpart5 .hdls a{
  font-size: 1.8rem;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  fill: #333;
  height: 100%;
}
.indexpart5 .hdls .on,.indexpart5 .hdls li:hover{
  border-left: 3px solid var(--color2);
  /* margin-left: -1px; */
}
.indexpart5 .hdls .on a,.indexpart5 .hdls li:hover a{
  color: var(--color2);
  fill: var(--color2);
}
.indexpart5 .btn_more{
  background: #fff;
}
.indexpart5 .r{
  flex: 1;
}
.indexpart5 .items{}
.indexpart5 .item{
  border-radius: 1.2rem;
  overflow: hidden;
  position: relative;
}

.indexpart5 .item:nth-child(1) {
  top: 7rem;
}
.indexpart5 .item:nth-child(2) {}
.indexpart5 .item:nth-child(3) {
  top: 7rem;
}
.indexpart5 .item:nth-child(4) {
  top: -12.8rem;
}
.indexpart5 .item:nth-child(5) {
  top: 7rem;
}
.indexpart5 .item:nth-child(6) {
  top: -12.8rem;
}
.indexpart5 .in{
  position: relative;
}
.indexpart5 .img{
  /* position: absolute; */
}
.indexpart5 .img img{}
.indexpart5 .mask{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5rem 3rem 0;
  background: rgb(201 7 7 / 30%) url(../images/bg_cover.png) no-repeat center/cover;
  transition: .3s;
  opacity: 0;
  z-index: 3;
}

.indexpart5 .item:hover .mask {
  top: 0;
  opacity: 1;
}
.indexpart5 .t{
  font-size: 2rem;
  color: #fff;
  line-height: 1.6;
}
.indexpart5 .more1{
  width: 10rem;
  height: 4rem;
  background: transparent;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  color: #fff;
  margin: 4rem 0 0;
  transition: .3s;
}

.indexpart5 .more1:hover {
  background: var(--color1);
  border-color: var(--color1);
}
.indexpart5 .c a{
  font-size: 1.6rem;
  color: #fff;
  margin: 6rem 0 1rem;
  display: inline-block;
}
.indexpart5 .date{
  color: #fff;
  font-size: 1.6rem;
}
.indexpart5 .ttl{
  padding: 3rem;
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: 100%;
  height: 14rem;
  font-size: 2.4rem;
  line-height: 1.6;
  transition: .3s;
  opacity: 1;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

.indexpart5 .item:hover .ttl {
  opacity: 0;
}
.indexpart5 .ttl a{
  color: #fff;
  font-size: 1.9rem;
}
.indexpart5 .grid{
  gap: 3.25rem;
  margin-bottom: 3rem;
}
.indexpart5 span svg{
  width: 1.4rem;
  fill: inherit;
}
.indexpart5 .blank{
  height: 23rem;
  background: url(../images/nbg2.png) no-repeat top center/100% auto;
}
.indexpart5 .blank_2{
  background: url(../images/nbg1.png) no-repeat bottom center/100% auto;
}
.abpart1{}
.abpart1 .i_ttl{
  text-align: center;
  margin: 11rem auto 0rem;
}
.abpart1 .i_ttl h2{
  position: relative;
}
.abpart1 .i_ttl .fbt{
  font-size: 5rem;
  letter-spacing: 0.5rem;
  text-align: center;
  top: -9rem;
}
.abpart1 .items{
  margin-top: 2rem;
}
.abpart1 .item{
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
}
.abpart1 .item .l{
  flex: 1;
  max-width: 53rem;
}
.abpart1 .item .r{
  flex: 1;
  padding-left: 5rem;
}
.abpart1 .item .img{
  width: 100%;
  border-radius: 1.8rem;
  overflow: hidden;
}
.abpart1 .item .img img{
  width: 100%;
}
.abpart1 .item .h3{
  font-size: 2.8rem;
  margin: 0 0 2.4rem;
}
.abpart1 .item .info{
  font-size: 1.8rem;
  line-height: 2.1;
}
.abpart1 .item.item2{padding-top: 1rem;}
.abpart1 .item.item2 .ry{
  margin: 5rem auto 12rem;
}
.abpart1 .item.item2 .ry img{}
.sct_product{}
.sct_product .items{
  margin: 3rem auto;
  width: 100%;
  grid-template-columns: repeat(5,1fr);
  gap: 2rem;
  /* background: #f7f7f7; */
}

#products_list.products_list {
  background: #f7f7f7;
  margin-top: -5rem;
  padding-top: 5rem;
}
.sct_product .item{
  position: relative;
  padding: 1rem 1rem 0rem;
  background: #fff;
}

.sct_product .item:nth-child(odd):after {
  /* content: ""; */
  display: block;
  /* height: 6rem; */
  /* background: url(../images/shadow1.png) no-repeat; */
  width: 90rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sct_product .item >a:hover *{
  color: var(--color1);
}
.sct_product .item .img{
  justify-content: center;
  align-items: center;
  /* height: 28rem; */
}
.sct_product .item .img img{
}
.sct_product .item .img.hide{}
.sct_product .item .h3{margin: 3rem auto;text-align: center;padding: 0 1rem;}
.sct_product .item .s1{
  font-size: 1.6rem;
  color: #444;
  font-weight: 400;
  /* white-space: normal; */
  line-height: 1.5;
}
.sct_product .item .detail{
  font-size: 2.2rem;
  color: #fff;
  background: var(--color1);
  display: flex;
  width: 22rem;
  height: 6rem;
  justify-content: center;
  align-items: center;
  margin: 5rem auto;
  display: none;
}
#products_detail table.fea {
margin: 4rem 0 6rem
}

#products_detail table.fea .t {
font-size: 2rem
}

#products_detail table.fea td, #products_detail table.fea th {
padding: 1.3rem 2rem;
font-size: 1.6rem;
color: #666
}

#products_detail .mainpic {
background: #fff;
height: 55.5rem;
width: 55.5rem;
padding: 4.5rem;
border: 1px solid #E9E9E9;
max-width: 100%;
}

#products_detail .mainpic.simg {
height: auto;
padding: 16rem 4rem;
}

#products_detail .mainpic img {
max-height: 49.6rem;
}

#products_detail .infos {
padding-left: 3.1rem
}

#products_detail .infos h1 {
margin: 1rem 0 3.4rem;
font-weight: 400;
font-size: 3.1rem;
color: #222;
line-height: 1.6;
}

#products_detail .infos .sinfo3 {
font-size: 1.6rem;
line-height: 1.8;
color: #555;
padding-bottom: 4rem
}

#products_detail .infos .sinfo2 {
border-top: 0.2rem solid var(--color1);
margin-bottom: 6rem;
padding-top: 4rem;
}

#products_detail .infos .sinfo2 ,#products_detail .infos .sinfo2 * {
    font-size: 1.6rem !important;
    line-height: 2 !important;
    color: #555 !important;
}

#products_detail .infos .sinfo2 table {
width: 100%
}

#products_detail .infos .sinfo2 td, #products_detail .infos .sinfo2 th {
padding: 2.2rem 0;
font-size: 1.8rem;
border-bottom: #CDCDCD solid 1px
}

#products_detail .infos .sinfo2 td:first-child {
padding-right: 5rem;
white-space: nowrap;
color: #666;
font-size: 1.8rem;
max-width: 8rem
}

#products_detail #products_list {
padding: 0rem 0 4rem;
}

#products_detail #products_list .r {
margin-top: 4rem;
margin-bottom: 3rem
}

#products_detail #products_list .t {
display: flex;
align-items: center
}

#products_detail #products_list .t i {
display: inline-block;
margin-right: 1rem;
background: url(../images/link.png) center/auto 2.4rem no-repeat;
width: 4rem;
border: 0.2rem solid #333;
height: 4rem;
border-radius: 50rem
}

#products_detail #products_list .t .h2 {
display: inline-block;
margin: 0;
font-weight: 400
}

#products_detail #products_list .item {
background: #f1f7fb;
padding: 4rem 2rem 2rem;
}

#products_detail #products_list .item .p_ico {
margin: 0 auto;
width: 100%;
height: 26rem
}

#products_detail #products_list .txt {
margin: -2rem 0 0;
padding: 1rem 3.5rem 0.4rem
}

#product_content {
margin-top: 6rem
}

.fttl.h3 {
height: 6rem;
display: flex;
align-items: center;
background: #F4F4F4;
border-radius: .5rem;
overflow: hidden
}

.fttl.h3 span {
display: block;
height: 100%;
background: var(--color2);
color: #fff;
display: flex;
align-items: center;
padding: 0 3.3rem;
border-radius: .5rem;
font-family: 'enfont-l';
font-size: 2rem
}

#product_content .remark {
padding-bottom: 8rem;
padding-top: 6rem;
}

#product_content .remark img {
display: block;
margin: 0 auto;
}

#products_detail .rela_products.mainproductslist {
background: url(../images/bg9.jpg) no-repeat center/cover;
padding: 1rem 0 2rem
}

#products_detail .rela_products.mainproductslist #products_list .t {
font-size: 2.4rem;
font-family: 'enfont-b';
margin-bottom: 6rem;
padding-bottom: 1rem;
border-bottom: .4rem solid var(--color1);
width: min-content;
white-space: nowrap
}

#products_detail .rela_products.mainproductslist #products_list .col a:hover {
color: var(--color1)
}

#products_detail .rela_products.mainproductslist #products_list .col .item {
padding: 0 !important
}

#products_detail .rela_products.mainproductslist #products_list .col .txt {
background: #fff;
margin: 0 auto;
padding: 0.5rem 0 3rem;
}

#products_detail .rela_products.mainproductslist #products_list .col .bg {
background: transparent
}
.rela_products{}
.rela_products .col{}
.rela_products .item{
  text-align: center;
  background: #fff !important;
  margin-bottom: 3rem;
}
.rela_products .bg{height: 22rem;}
.rela_products .img{}
.rela_products .h3{}
.rela_products img{
    max-width: 100%;
    max-height: 22rem;
}
.rela_products .h3 a{
  font-weight: 400;
  padding: 2rem 0 1rem;
  display: inline-block;
  font-size: 1.8rem;
}

#ChinaMap {
top: 14rem;
/* padding-right: 100px; */
/* padding-left: 10px; */
/* padding-bottom: 10px; */
margin: 0px auto;
/* padding-top: 10px; */
position: relative;
text-align: center;
width: 82rem;
margin-left: 15rem;
background: url(../images/nanhai.jpg) no-repeat right 17rem  
top 38rem;
}

#ChinaMap path.current {
  fill: var(--color1) !important;
}

div#ChinaMap svg {
  scale: 1.38;
}
#netmap{
background: url(../images/nanhai.jpg) no-repeat right 20rem bottom;
margin-left: -8rem;
}

#tiplayer {
padding-right: 5px;
padding-left: 5px;
z-index: 1000;
min-height: 1em;
background: #000;
max-width: 250px;
padding-bottom: 5px;
font: 12px 'Microsoft YaHei', Arial, 宋体, Tahoma, Sans-Serif;
color: #fff;
padding-top: 5px;
position: absolute;
text-align: left;
word-wrap: break-word;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ToolTip {
padding-right: 5px;
padding-left: 5px;
z-index: 1000;
min-height: 1em;
background: #000;
max-width: 350px;
padding-bottom: 5px;
font: 12px 'Microsoft YaHei', Arial, 宋体, Tahoma, Sans-Serif;
color: #fff;
padding-top: 5px;
position: absolute;
text-align: left;
word-wrap: break-word;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ToolTip {
border-right: #c5b270 1px solid;
padding-right: 15px;
border-top: #c5b270 1px solid;
padding-left: 15px;
background: #fffbd6;
padding-bottom: 0px;
border-left: #c5b270 1px solid;
color: #bb861c;
line-height: 30px;
padding-top: 0px;
border-bottom: #c5b270 1px solid;
top: 30px;
}

.main_page_lr{
  justify-content: space-between;
  padding: 5rem 0 6rem;
}
.main_page_lr .leftmenu{
  flex: 0 0 22rem;
}
.main_page_lr .leftmenu ul{
  width: 100%;
  /* margin-top: 5rem; */
}
.main_page_lr .leftmenu li{
  display: flex;
  align-items: center;
  height: 6.4rem;
  border: 1px solid #e5e5e5;
  justify-content: center;
  margin-top: -1px;
}

.main_page_lr .leftmenu li.active {
  background: var(--color1);
}

.main_page_lr .leftmenu li.active a {
  color: #fff;
}
.main_page_lr .leftmenu li a{
  font-size: 1.8rem;
  color: #333;
}

.main_page_lr .leftmenu li a:hover {
  color: var(--color2);
}
.main_page_lr .rightcontent{
  flex: 1;
  padding-left: 6rem;
}

.main_page_lr .maparea{
  position: relative;
  display: flex;
  justify-content: space-between;
}
.main_page_lr .maparea .l{
  flex: 1;
}
.main_page_lr .maparea .r{
  /* position: absolute; */
  left: 89rem;
  top: 20rem;
  /* background: red; */
  flex: 1;
  max-width: 40rem;
  min-height: 40rem;
  padding-top: 10rem;
}
.main_page_lr .maparea .r .con{
  width: 41rem;
  height: auto;
}
.main_page_lr .maparea .r .t{
  display: flex;
  column-gap: 3rem;
  align-items: center;
  color: var(--color2);
}
.main_page_lr .maparea .r .t i{
  width: 5rem;
  height: 5rem;
  display: block;
  background: var(--color1);
  fill: #fff;
  padding: 1rem;
  border-radius: 100rem;
}

.main_page_lr .maparea .t svg {
  filter: inherit;
  width: 100%;
  height: 100%;
}
.main_page_lr .maparea .sheng{
  font-size: 3rem;
  font-weight: bold;
}
.main_page_lr .maparea .salenet{
  padding: 3rem 0;
}
.main_page_lr .maparea .salenet *{
  font-size: 1.6rem;
  line-height: 1.6;
}
.newslist3{
  column-gap: 0;
  row-gap: 0;
}
.newslist3 .news-card{
  padding: 1.6rem;
  border: 1px solid #DCDCDC;
  margin-top: -1px;
  margin-left: -1px;
}
.newslist3 .news-card-img{}
.newslist3 .news-card-img >a{}
.newslist3 .news-card-img img{}
.newslist3 .news_card-txt{}
.newslist3 .type{}
.newslist3 .type>a{}
.newslist3 .h2{
  font-size: 1.8rem;
  line-height: 1.6;
  height: 5.8rem;
}
.newslist3 .shortinfo{
  font-size: 1.4rem;
  color: #888;
  line-height: 1.7;
}
.newslist3 .news-card-divider{
}
.newslist3 .news-card-button{
  font-size: 1.6rem;
  color: var(--color1);
}
.newslist3 .ft{
  padding: 2rem 0 1.2rem;
  justify-content: space-between;
}
.newslist3 .ft .date{
  color: #888;
  font-size: 1.6rem;
}
.articlenav{
  margin-top: 4rem;
  font-size: 1.6rem;
  text-align: left;
  padding-top: 4rem;
  border-top: 1px dashed #999;
}
.articlenav p{}
.articlenav span{}
.articlenav a{}
.body_search{}
.body_search .main_wrapper{}
.body_search .searchkw{
  font-size: 2.4rem;
  font-weight: 400;
  padding: 5rem 0;
}
.body_search .searchkw strong{}
.body_search .searchresultlist{}
.body_search .searchresultlist .item{}
.body_search .searchresultlist .h3{}
.body_search .searchresultlist .h3{
  font-size: 1.6rem;
  font-weight: 400;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}
.body_search .search_cat{
  min-width: 17rem;
  display: inline-block;
}
.body_search .search_ttl{}
.pagelist_search{padding:0 0 3rem}
.ryslider{
  padding: 0 8rem;
  position: relative;
}
.ryslider .slick-slider{}
.ryslider .slick-list{margin-left: -2rem;}
.ryslider .slick-slide{margin-left: 2rem;}
.ryslider .bor{
  /* border: 1px solid #eee; */
}
.ryslider .img{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32.1rem;
  background: url(../images/frame.png) no-repeat center /cover;
  background: none;
  height: 35rem;
  border: 1px solid #eee;
  padding: 3rem 0;
  transition: all .3s;
}

.ryslider .img:hover {
  border-color: var(--color1);
}
.ryslider .img img{
  max-width: 71%;
  /* height: auto !important; */
  max-height: 90%;
  width: auto;
}
.ryslider span{
  display: block;
  text-align: center;
  padding: 2rem 1rem;
  font-size: 1.6rem;
}
.ryslider.sitedot1 .pn{
fill:#333;
position: absolute;
width: 6rem;
top: 18rem;
left: 0;
height: 10rem;
}

.ryslider.sitedot1 .pn svg {
  width: 5rem;
}

.ryslider.sitedot1 .pn.next {
left: auto;
right: -1rem;
}
.ryslider .dots {}
.ryslider .dots ul {
  text-align: center;
  margin-bottom: 4rem;
  margin-top: 2rem;
}
.ryslider .dots li {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #eee;
  border-radius: 10rem;
  transition: all .3s;
  margin: 3rem 0.5rem;
}
.ryslider .dots li.slick-active {
  background: var(--color1);
}
.pbfix1{
  padding-bottom: 6rem;
}

@media (max-width: 1500px) {
 .sct_product .item .s1{
  white-space: normal;
}
}