@import 'font-awesome.css';
@import 'richtext.css';
@import 'swiper.min.css';
@import 'animate.min.css';
@font-face {
  font-family: 'Type1_Bold';
  src: url("../fonts/poppins-bold.ttf")
}
@font-face {
  font-family: 'Type1_Light';
  src: url("../fonts/poppins-light.ttf")
}
@font-face {
  font-family: 'Type1_Medium';
  src: url("../fonts/poppins-medium.ttf")
}
@font-face {
  font-family: 'Type1_Semiold';
  src: url("../fonts/poppins-semibold.ttf")
}
@font-face {
  font-family: 'Type1_Regular';
  src: url("../fonts/poppins-regular.ttf")
}
@font-face {
  font-family: 'Type1';
  src: url("../fonts/poppins-regular.ttf")
}
@font-face {
  font-family: 'Unite_fonts';
  src: url("../fonts/poppins-regular.ttf")
}
body {font-family: Arial;-webkit-font-smoothing: antialiased}
html, body {margin: 0;padding: 0;width: 100%}
* {padding: 0;margin: 0;font-family: Arial}
sup {font-size: 20px;font-weight: 600}
html {font-size: 16px}
ul {list-style-type: none;list-style-image: none}
.justify {text-align: justify}
.word p, .content p {text-align: justify}
.rich_text, .richtext {font-size: 16px;font-family: Arial;line-height: 32px;text-align: justify}
.rich_text h1, .richtext h1, .rich_text h2, .richtext h2, .rich_text h3, .richtext h3, .rich_text h4, .richtext h4, .rich_text h5, .richtext h5, .rich_text h6, .richtext h6 {text-align: initial}
.rich_text strong, .richtext strong {color: #011b6a;font-size: 19px}
.rich_text a, .richtext a {color: #011b6a !important;text-decoration: underline}
.rich_text a:hover, .richtext a:hover {color: #011b6a !important;text-decoration: none !important}
.rich_text ul, .richtext ul {padding-left: 20px}
.hide {display: none !important}
.rt {float: right}
.lf {float: left}
a {text-decoration: none;display: inline-block}
img {display: block;height: auto}
iframe {width: 100%;border: none}
.pres {position: relative}
.over-hides {overflow: hidden}
.block {display: block}
.relative {position: relative}
.thumbs {display: flex;flex-wrap: wrap;width: 100%;justify-content: center;align-items: center;overflow: hidden}
.thumbs img {max-width: 100%}
.flex-wrap {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap}
.trans {-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s}
.trans1 {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out}
.imgs-hovers {position: relative}
.imgs-hovers:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}
.absolute {position: absolute}
.richtext {line-height: 32px;word-break: normal !important}
.richtext.lh30 {line-height: 30px}
.richtext.lh2 {line-height: 2}
.richtext.lh15 {line-height: 1.5}
.richtext p {margin-bottom: 0}
.richtext table {table-layout: initial !important}
.richtext .over-tabs {width: 100%;overflow-x: auto}
.richtext.wids50 table tr td {width: 50%}
.richtext * {font-size: inherit;line-height: inherit;color: inherit;word-break: normal !important}
.fz16 {font-size: 16px}
.fz18 {font-size: 18px}
.fz20 {font-size: 20px}
.fz22 {font-size: 22px}
.fz24 {font-size: 24px}
.fz26 {font-size: 26px}
.fz28 {font-size: 28px}
.fz30 {font-size: 30px}
.fz32 {font-size: 32px}
.fz34 {font-size: 34px}
.fz36 {font-size: 36px}
.fz38 {font-size: 38px}
.fz40 {font-size: 40px}
.fz42 {font-size: 42px}
.fz44 {font-size: 44px}
.fz46 {font-size: 46px}
.fz48 {font-size: 48px}
.mt0 {margin-top: 0 !important}
.mb0 {margin-bottom: 0 !important}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.pt0 {padding-top: 0 !important}
.pb0 {padding-bottom: 0 !important}
.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}
.pt60 {padding-top: 60px}
.pt70 {padding-top: 70px}
.pt80 {padding-top: 80px}
.pt90 {padding-top: 90px}
.pt100 {padding-top: 100px}
.pt110 {padding-top: 110px}
.pt120 {padding-top: 120px}
.pb10 {padding-bottom: 10px}
.pb20 {padding-bottom: 20px}
.pb30 {padding-bottom: 30px}
.pb40 {padding-bottom: 40px}
.pb50 {padding-bottom: 50px}
.pb60 {padding-bottom: 60px}
.pb70 {padding-bottom: 70px}
.pb80 {padding-bottom: 80px}
.pb90 {padding-bottom: 90px}
.pb100 {padding-bottom: 100px}
.pb110 {padding-bottom: 110px}
.pb120 {padding-bottom: 120px}
.wids {width: 100%}
.wids img {width: 100%}
.imgs-bgs {display: block;position: absolute;left: 50%;top: 0;z-index: 1}
.imgs-bgs.trs {-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}
.imgs-bgs img.ons {max-width: 100%}
.imgs-bgs.maxs {width: 100%}
.imgs-bgs.maxs img {width: 100%}
.imgs-bgs.ons {top: auto;bottom: 0}
.imgs-bgs.img-rs {left: 50%}
.imgs-bgs.img-ls {z-index: 2;left: auto;right: 0}
.imgs-bgs.hes {height: 100%;min-width: 100%}
.imgs-bgs.hes img {min-width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.imgs-bgs.bgs {background: #fff}
.imgs-bgs.c-bgs {background: #011b6a}
.imgs-bgs.r-bgs img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex}
.flex-center {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;align-items: center;justify-content: center}
.flex-v-center {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;align-items: center}
.align-items-center {align-items: center}
.text-hover:hover {color: #011b6a !important}
.flex-wrap {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap}
.richtext img {height: auto !important}
* {outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.cens {text-align: center}
.fz12 {font-size: 12px}
.fz14 {font-size: 14px}
.fz16 {font-size: 16px}
.fz18 {font-size: 18px}
.fz20 {font-size: 20px}
.fz22 {font-size: 22px}
.fz24 {font-size: 24px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.fade-enter-active, .fade-leave-active {transition: opacity .5s}
.flex-mb {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex}
.fade-enter, .fade-leave-to {opacity: 0}
.text-center {text-align: center}
.text-right {text-align: right}
.width100 {width: 100%}
.height100 {height: 100%}
.vh100 {height: 940px}
img {max-width: 100%}
.text-uppercase {text-transform: uppercase}
.sep-scale {transition: All .8s ease;-webkit-transition: All .8s ease;-moz-transition: All .8s ease;-o-transition: All .8s ease}
.sep-scale:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1)}
.sep-scale-wrap:hover .sep-scale-mask {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1)}
.sep-scale-wrap:hover .mask {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1)}
.sep-scale-wrap:hover .scale-hover-hide {opacity: 0}
.sep-scale-mask {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0)}
.scale-hide {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0)}
.row-margin0 {margin: 0}
.color-white {color: #fff !important}
.color-website {color: #011b6a}
.vertical-center {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}
.horizontal-center {position: absolute !important;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}
.translate-center {-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%;position: absolute}
.sep-transition {transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease}
.full-screen {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.6)}
.overflow {overflow: hidden}
.sep-clamp {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.swiper-pagination-bullet {cursor: pointer}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-display: swap}
.font-stretching1and2 {transform: scale(1, 2)}
.font-stretching2and1 {transform: scale(2, 1)}
.font-stretching3and2 {transform: scale(3, 2)}
.font-stretching3and2-add {transform: scale(3, 2) translateX(33%)}
.font-stretching3and2-sub {transform: scale(3, 2) translateX(-33%)}
.font-stretching1-5and1 {transform: scale(1.5, 1)}
.font-stretching2and1-5 {transform: scale(2, 1.5)}
.simple-btn1:hover {opacity: .8;cursor: pointer}
.fontColorBlack {color: black !important}
.hover1_25:hover {transform: scale(1.25);cursor: pointer;transition: .5s all}
.hover1_50:hover {transform: scale(1.5);cursor: pointer;transition: .5s all}
.hover1_75:hover {transform: scale(1.75);cursor: pointer;transition: .5s all}
.hover2:hover {transform: scale(2);cursor: pointer;transition: .5s all}
.upwords {text-transform: uppercase}
.sep-header {position: fixed;z-index: 99;top: 0;width: 100%;background: linear-gradient(to bottom, #fff 40px, #fff 40px);transition: .5s all}
.sep-header.active {position: fixed;top: 0px}
.sep-header.active .dropdown {top: 100px}
.sep-header.active .search_type01 {top: 100px}
@media screen and (max-width: 768px) {
  .sep-header {background: white}
  .sep-header.active {top: 0}
}
.sep-header .head_box {margin: 0 auto;display: flex;align-items: center;justify-content: space-between}
.sep-header .head_box .left {display: none}
.sep-header .head_box .w100 {width: 100%}
.sep-header .head_box .w100 .headline1 {transition: .5s all;height: 40px;align-items: center;display: flex;justify-content: space-between;overflow: hidden;justify-content: center}
.sep-header .head_box .w100 .headline1 .header_contact {display: flex}
.sep-header .head_box .w100 .headline1 a {display: flex;align-items: center;transition: .5s all;font-size: 16px;font-family: "Type1";font-weight: 400;color: rgba(255, 255, 255, 0.8);margin-right: 20px}
.sep-header .head_box .w100 .headline1 a:hover {color: #1656a0}
.sep-header .head_box .w100 .headline1 a i {font-size: 24px;margin-right: 10px}
.sep-header .head_box .w100 .headline2 .language {display: flex;align-items: center}
.sep-header .head_box .w100 .headline2 .language .country_img {width: 32px;height: 32px;border-radius: 50%;border: white solid 1px;transform: scale(.6)}
.sep-header .head_box .w100 .headline2 .language .country_name {color: #000;font-size: 16px;font-family: "Type1";font-weight: 400;margin: 0 0}
.sep-header .head_box .w100 .headline2 .language i {font-size: 16px;color: #000;transform: rotate(90deg) scale(.5)}
.sep-header .head_box .w100 .headline2 {display: flex;align-items: center;justify-content: space-between}
.sep-header .head_box .w100 .headline2 .native_links {display: flex;align-items: center;justify-content: space-between}
.sep-header .head_box .w100 .headline2 .native_links .native_link {position: relative;transition: .5s all;height: 100px;display: flex;align-items: center}
.sep-header .head_box .w100 .headline2 .native_links .native_link.max180 {max-width: 180px}
.sep-header .head_box .w100 .headline2 .native_links .native_link:hover > a {color: #011b6a;border-bottom: 2px solid #011b6a;}
.sep-header .head_box .w100 .headline2 .native_links .native_link:hover .dropdown.dropdown1 {transform: translate(-50%) rotateX(0deg)}
.sep-header .head_box .w100 .headline2 .native_links .native_link:hover .dropdown.simple_dp {transform: rotate(0) translate(-50%)}
.sep-header .head_box .w100 .headline2 .native_links .native_link > a {margin: 0 15px;display: flex;align-items: center;text-align: center;min-height: 40px;line-height: 1.32;transition: .5s all;text-transform: uppercase;font-size: 18px;font-family: "Type1";color: #333;border-bottom: 2px solid transparent}
.sep-header .head_box .w100 .headline2 .head_search {  }

@media screen and (max-width: 1200px) {
  .sep-header .head_box .w100 .headline2 .native_links .native_link > a {font-size: 16px;margin: 0 15px;white-space: nowrap}
}
.sep-header .head_box .w100 .headline2 .native_links .native_link > a.native {color: #011b6a;font-weight: bold;border-bottom: 2px solid #011b6a;}
@media screen and (max-width: 1200px) {
  .sep-header .head_box .w100 .headline2 .native_links {margin: 0 10px}
}
.sep-header .head_box .w100 .headline2 .head_search .phone_i {display: none}
.sep-header .head_box .w100 .headline2 .head_search i {height: 44px;min-width: 44px;border-radius: 50%;color: #011b6a;font-weight: bold;font-size: 30px;margin-left: 10px;transition: .5s all;display: flex;align-items: center;justify-content: center;cursor: pointer}
.sep-header .head_box .w100 .headline2 .home_logo {padding: 5px 0;/*height: 100%*/}
.sep-header .head_box .w100 .headline2 .home_logo img{height:90px;}
@media screen and (max-width: 768px) {
	.sep-header .head_box .w100 .headline2 .language {display: none;}
.sep-header .head_box .w100 .headline2 .home_logo img{height:50px;}
  .sep-header .head_box .w100 .headline2 {height: 70px}
  .sep-header .head_box .w100 .headline2 .head_search {display: flex;margin-right: 60px}
  .sep-header .head_box .w100 .headline2 .head_search i {margin-left: 0}
  .sep-header .head_box .w100 .headline2 .head_search .phone_i {display: flex}
  .sep-header .head_box .w100 .headline2 .head_search .phone_i i {margin-right: 0;font-weight: 500}
  .sep-header .head_box .w100 .headline2 .native_links, .sep-header .head_box .w100 .headline1 {display: none}
}
.dropdown {position: fixed;top: 100px;transition: .5s all}
.dropdown.dropdown1 {width: 100%;max-width: 100%;left: 50%;transform-origin: 0 0;transform: translate(-50%) rotateX(90deg);min-height: 100px;background: #fff;display: flex;justify-content: space-between}
.dropdown.dropdown1 .banner-container {max-width: 1520px;width: 100%;margin: 0 auto;display: flex;padding: 50px 0;justify-content: space-between}
.dropdown.dropdown1 .lv1_box {width: 35%;padding-right: 40px;border-right: 1px solid #ddd}
.dropdown.dropdown1 .lv1_box a {color: #333;padding-left: 30px;display: flex;font-size: 16px;line-height: 24px;padding: 8px 0;font-weight: bold;position: relative;border-bottom: 1px solid transparent}
.dropdown.dropdown1 .lv1_box a::before {position: absolute;right: 0;font-size: 24px;line-height: 24px;opacity: 0;transition: .5s all;content: "\f105";font-family: "FontAwesome";color: #011b6a}
.dropdown.dropdown1 .lv1_box a:hover, .dropdown.dropdown1 .lv1_box a.active {color: #011b6a;border-bottom: 1px solid #011b6a}
.dropdown.dropdown1 .lv1_box a:hover::before, .dropdown.dropdown1 .lv1_box a.active::before {opacity: 1}
.dropdown.dropdown1 .right {width: calc(65%);position: relative;height: 340px}
.dropdown.dropdown1 .right .lv2_box {position: absolute;left: 0;top: 0;width: 32%;height: 100%;overflow-y: auto;opacity: 0;padding: 0 30px;border-right: 1px solid #ddd}
.dropdown.dropdown1 .right .lv2_box.active {opacity: 1;z-index: 2}
.dropdown.dropdown1 .right .lv2_box a {color: #333;display: flex;font-size: 16px;line-height: 24px;padding: 10px 0;font-weight: bold;position: relative;padding-left: 20px}
.dropdown.dropdown1 .right .lv2_box a:after {content: "";display: table;width: 6px;height: 6px;background: #333;position: absolute;left: 0;top: 18px;border-radius: 50%}
.dropdown.dropdown1 .right .lv2_box a:hover, .dropdown.dropdown1 .right .lv2_box a.active {color: #011b6a}
.dropdown.dropdown1 .right .lv2_box a:hover:after, .dropdown.dropdown1 .right .lv2_box a.active:after {background: #011b6a}
.dropdown.dropdown1 .right .lv3_group {position: absolute;height: 100%;width: 32%;left: 33%;top: 0;opacity: 0;transition: .5s all}
.dropdown.dropdown1 .right .lv3_group.active {opacity: 1;z-index: 2}
.dropdown.dropdown1 .right .lv3_group .lv3_box {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;overflow-y: auto;padding: 0 30px}
.dropdown.dropdown1 .right .lv3_group .lv3_box a {color: #333;display: flex;align-items: center;font-size: 16px;line-height: 24px;padding: 10px 0;position: relative;font-weight: bold}
.dropdown.dropdown1 .right .lv3_group .lv3_box a:hover, .dropdown.dropdown1 .right .lv3_group .lv3_box a.active {color: #011b6a}
.dropdown.dropdown1 .right .lv3_group .lv3_box.active {opacity: 1;z-index: 2}
.dropdown.dropdown1 .right .img_show {position: absolute;width: 34%;left: 66%;top: 0;justify-content: right;opacity: 0}
.dropdown.dropdown1 .right .img_show.active {opacity: 1}
@media screen and (max-width: 840px) {
  .dropdown.dropdown1 {background: linear-gradient(to right, white 45%, #eaedf7 45%)}
  .dropdown.dropdown1 .lv1_box {width: 50%}
  .dropdown.dropdown1 .right {width: 50%}
  .dropdown.dropdown1 .right .lv2_box {width: 100%}
  .dropdown.dropdown1 .right .lv3_group, .dropdown.dropdown1 .right .img_show {display: none}
}
.dropdown.simple_dp {transform-origin: 0 0;left: 50%;transform: rotateX(90deg) translate(-50%);position: absolute;width: 200%;max-width: 250px;background-color: transparent;top: 100%}
.dropdown.simple_dp.add {width: 300%;max-width: 300px}
.dropdown.simple_dp > a {display: flex;align-items: center;justify-content: center;min-height: 50px;padding: 5px 10px;font-size: 18px;line-height: 24px;font-weight: bold;background-color: #011b6a;border-bottom: 2px solid white;color: white;transition: .5s all;text-align: center}
.dropdown.simple_dp > a:nth-last-child(1) {border-bottom: none;border-radius: 0 0 15px 15px}
.top_fill {height: 100px;}
@media screen and (max-width: 768px) {
  .top_fill {height: 70px}
}
.sep-body {min-height: 600px}
.sep-footer {background: url(../imgs/ft.jpg);background-size: cover;}
.sep-footer .footer_body {position: relative}
.sep-footer .footer_body .fill1 {position: absolute;left: 70%;top: 0;width: 180px;height: 12px;border-radius: 0 0 10px 10px}
@media screen and (max-width: 768px) {
  .sep-footer .footer_body .fill1 {right: 0;left: unset}
}
.sep-footer .footer_body .footer1-box {width: 100%}
.sep-footer .footer_body .footer1-box .footer1 {margin: 0 auto;max-width: 1360px;display: flex;justify-content: space-between}
.sep-footer .footer_body .footer1-box .footer1 > div {width: calc(25%);}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-title {padding-bottom: 15px;/* border-bottom: 1px solid rgba(246, 246, 246, 0.1); */margin-bottom: 20px;position: relative;font-family: "Type1_SemiBold";color: #0a0a0a;transition: .5s all;font-size: 20px;font-weight: 600}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-title a {font-family: inherit;color: inherit;transition: .5s all;font-size: inherit;font-weight: inherit}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-title a:hover {color: #ffffff !important;}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-title-line {position: absolute;bottom: -2px;height: 3px;width: 30px;border-radius: 2px;}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-word {padding-right: 10px;line-height: 24px;color: #0a0a0a;font-size: 16px;font-family: "Type1";font-weight: 400;display: flex;align-items: flex-start;margin: 10px 0}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-word::before {content: ">";font-size: 20px;line-height: 28px;margin-right: 5px;color: inherit}
.sep-footer .footer_body .footer1-box .footer1 > div .footer1-word:hover {color: #011b6a;transition: .5s all}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact {color: #fff;width: 25%;}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .title {margin-bottom: 25px}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .title a {font-size: 20px;font-family: "Type1_Medium";font-weight: bold;color: #0a0a0a;line-height: 1.1}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .title a:hover {color: #ffffff;}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el {display: flex;align-items: flex-start;width: 100%;margin: 10px 0;justify-content: space-between}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el i {height: 32px;min-width: 32px;display: flex;align-items: center;justify-content: center;font-size: 20px;/* background-color: #fff; */color: #0a0a0a;transform: scale(.8)}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el .words {width: calc(100% - 30px);line-height: 32px;display: flex;align-items: flex-start}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el .words a {margin-left: 10px;display: block;font-size: 16px;font-family: "Type1";color: #0a0a0a;}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el .words a:hover {color: #011b6a !important;}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .el .eweima img{width:120px; margin-top: 10px;}

.sep-footer .footer_body .footer1-box .footer1 .footer-contact .right {display: flex;align-items: center;height: 50px}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a {display: flex;align-items: center;justify-content: center;margin-left: 20px;min-width: 32px;height: 32px;border-radius: 50%;transition: .5s all}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a i {font-size: 24px;color: rgba(255, 255, 255, 0.716);transition: .5s all}
.sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a:hover i {color: #000}
@media screen and (max-width: 768px) {
  .sep-footer .footer_body .footer1-box .footer1 {flex-wrap: wrap}
  .sep-footer .footer_body .footer1-box .footer1 > div {width: 100%;max-width: 550px}
  .sep-footer .footer_body .footer1-box .footer1 > div .footer1-title a {font-size: 18px}
  .sep-footer .footer_body .footer1-box .footer1 > div .footer1-word {margin: 0;padding: 3px 0}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact {width: 100%}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .title a {font-size: 24px;font-family: "Type1_Medium";font-weight: bold;color: #ffffff}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .right {display: flex;align-items: center;height: 50px;width: 100%;justify-content: center}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a {margin: 0 5px}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a i {font-size: 24px;color: rgba(255, 255, 255, 0.716);transition: .5s all}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .right a:hover i {color: #011b6a}
}
.foot_last_box {background-color: #fcc800;border-top: 1px solid rgba(255, 255, 255, 0.3)}
@media screen and (max-width: 768px) {
  .foot_last_box {margin-bottom: 50px}
}
.foot_last_box .foot_last {justify-content: space-between;display: flex;color: rgba(255, 255, 255, 0.716);align-items: center}
.foot_last_box .foot_last .left {display: flex;min-height: 50px;align-items: center}
.foot_last_box .foot_last .left a {color: rgba(255, 255, 255, 0.716);transition: .5s all}
.foot_last_box .foot_last .left a:hover {color: #000}
.foot_last_box .foot_last .mid {display: flex;min-height: 50px;align-items: center}
.foot_last_box .foot_last .mid a {color: rgba(255, 255, 255, 0.716);transition: .5s all}
.foot_last_box .foot_last .mid a:hover {color: #000}
@media screen and (max-width: 768px) {
  .foot_last_box .foot_last {padding: 10px 0;flex-wrap: wrap;justify-content: center;text-align: center}
}
.mb_click {font-size: 24px;display: none !important;min-width: 70px;height: 70px;justify-content: center;align-items: center;position: fixed;right: 0;top: 0;font-size: 32px;background-color: transparent;z-index: 99;color: white;background-color: #011b6a}
.mb_click.active {background-color: #000000}
@media screen and (max-width: 768px) {
  .phone_email {display: flex}
  .mb_click {display: flex !important}
}
.dropdown_phone {transform: translate(-100%);z-index: 99;position: fixed;top: 70px;width: 100%;transition: .5s all;flex-direction: column;background-color: white}
.dropdown_phone.active {transform: translate(0)}
.dropdown_phone .phone_a_box {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap}
.dropdown_phone .phone_a_box > a {display: flex;align-items: center;padding: 10px 20px;min-height: 40px;font-size: 18px;color: #333;width: calc(100% - 60px);font-weight: 600}
.dropdown_phone .phone_a_box > a:hover {cursor: pointer;text-decoration: underline}
.dropdown_phone .phone_a_box i {color: #333;display: flex;height: 40px;width: 40px;justify-content: center;align-items: center;font-size: 14px;transform: rotate(-90deg);transition: .5s all;cursor: pointer}
.dropdown_phone .phone_a_box i.active {transform: rotate(0)}
.dropdown_phone .phone_a_box .next_link_box {display: none;width: 100%;padding: 10px;border-bottom: 1px solid #eee}
.dropdown_phone .phone_a_box .next_link_box a {background-color: rgba(240, 240, 240, 0.678);display: flex;align-items: center;padding: 0 20px;height: 36px;font-size: 16px;color: #333;width: calc(100% - 0px)}
.dropdown_phone .phone_a_box .next_link_box a:hover {color: #011b6a}
.dropdown_phone .phone_a_box.phone_a_box_products > i {transform: scale(1.2);transition: .5s all}
.dropdown_phone .phone_a_box.phone_a_box_products > i:hover {transform: scale(1.2) translate(10%)}
.dropdown_phone .phone_a_box.last_email {background-color: #011b6a}
.dropdown_phone .phone_a_box.last_email > a {color: white;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 200px;margin: 0 auto}
.dropdown_phone .phone_a_box.last_email > a i {color: white;transform: none;font-size: 24px}
@media screen and (max-width: 414px) {
  .dropdown_phone .phone_a_box {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap}
  .dropdown_phone .phone_a_box > a {display: flex;align-items: center;padding: 0 3%;min-height: 40px;width: calc(100% - 60px);height: auto}
  .dropdown_phone .phone_a_box > a:hover {cursor: pointer;color: #011b6a;text-decoration: underline}
  .dropdown_phone .phone_a_box i {display: flex;height: 40px;width: 40px;justify-content: center;align-items: center;transform: rotate(-90deg);transition: .5s all;cursor: pointer}
  .dropdown_phone .phone_a_box i.active {transform: rotate(0)}
  .dropdown_phone .phone_a_box .next_link_box {display: none;width: 100%;padding-bottom: 10px}
  .dropdown_phone .phone_a_box .next_link_box a {display: flex;align-items: center;padding: 5px 20px;min-height: 30px;height: auto;margin-bottom: 0;width: calc(100% - 0px)}
  .dropdown_phone .phone_a_box.phone_a_box_products > i {transform: scale(1.2);transition: .5s all}
  .dropdown_phone .phone_a_box.phone_a_box_products > i:hover {transform: scale(1.2) translate(10%)}
}
.none768 {display: block !important}
@media screen and (max-width: 768px) {
  .none768 {display: none !important}
}
.show768 {display: none !important}
@media screen and (max-width: 768px) {
  .show768 {display: block !important}
}
.click_footer {display: none}
@media screen and (max-width: 768px) {
  .footer1-box .next_box {display: none;margin-bottom: 20px}
  .click_footer {display: block}
}
.click_footer {cursor: pointer;top: 40%;transform: translate(0, -50%);position: absolute;width: 40px;height: 40px;right: 0}
.click_footer.active i:nth-child(1) {opacity: 0}
.click_footer.active i:nth-child(2) {opacity: 1}
.click_footer i {font-size: 20px;color: white;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .5s all}
.click_footer i:nth-child(1) {opacity: 1}
.click_footer i:nth-child(2) {opacity: 0}
.search_type01 {display: none;position: fixed;top: 100px;height: 135px;z-index: 3;width: 100%;padding: 0 5%;background-color: #011b6a;}
.search_type01 .search_form {width: 100%;max-width: 1360px;margin: 0 auto;height: 100%}
.search_type01 .search_form form {height: 100%;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.search_type01 .search_form form span {font-size: 32px;font-family: "Type1_Bold";display: block;padding: 0 25px;color: white}
.search_type01 .search_form form .input_box {width: calc(100% - 300px);margin-right: 50px;position: relative}
.search_type01 .search_form form .input_box input {width: 100%;height: 50px;border-radius: 25px;border: none;padding: 0 25px;font-size: 16px;font-family: "Unite_fonts"}
.search_type01 .search_form form .input_box .buttons {position: absolute;right: -10px;top: 50%;transform: translate(0, -50%)}
.search_type01 .search_form form .input_box .buttons button {width: 50px;height: 51px;border-radius: 25px;transition: .5s all;background-color: #fcc800;color: white;font-size: 18px;font-family: "Unite_fonts";display: flex;align-items: center;justify-content: center;border: none;}
.search_type01 .search_form form .input_box .buttons button:hover {width: 100px}
.search_type01 .search_form form .input_box .search_close {position: absolute;right: -50px;top: -25px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .3s all}
.search_type01 .search_form form .input_box .search_close:hover {transform: rotate(180deg)}
.search_type01 .search_form form .input_box .search_close i {font-size: 24px;color: red}
@media screen and (max-width: 768px) {
  .search_type01 {top: 70px;height: 120px}
  .search_type01 .search_form form span {display: none}
  .search_type01 .search_form form .input_box {width: 100%;margin: 0}
  .search_type01 .search_form form .input_box .search_close {right: -20px;top: -20px}
}
.foot_sider01 {position: fixed;right: 0;bottom: 25%;z-index: 7;transition: .5s all}
.foot_sider01 .el {border-top: 1px solid white;position: relative;color: white}
.foot_sider01 .el:hover .cent {transform: none}
.foot_sider01 .el:hover .img_box {padding: 5px;width: 100px;height: 100px}
.foot_sider01 .el a {background-color: #011b6a;position: relative;z-index: 5;transition: .5s all}
.foot_sider01 .el a i {position: relative;z-index: 2;cursor: pointer;transition: .5s all;color: white;font-size: 32px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #011b6a}
.foot_sider01 .el .cent {background-color: #011b6a;position: absolute;display: block;align-items: center;line-height: 50px;font-size: 16px;font-family: 'Gilroy';white-space: nowrap;padding: 0 10px;top: 0;height: 50px;right: 100%;transform: translate(100%);transition: .5s all;z-index: 1;color: white}
.foot_sider01 .el .img_box {position: absolute;right: 100%;overflow: hidden;top: 50%;transition: .5s all;transform: translate(-10%, -50%);width: 0;height: 0}
.foot_sider01 .el .img_box img {background-color: white;padding: 5px;width: 100%;border-radius: 5px}
.foot_sider01 .el.foot_sider_last {overflow: hidden;transition: .5s all;max-height: 50px;cursor: pointer}
.foot_sider01 .el.foot_sider_last i {transform: rotate(180deg);font-size: 24px}
.foot_sider01 .el.no_other:hover a i {background-color: #1e1e1e;}
.foot_sider01 .el.last_hide {max-height: 0;border-top: transparent 0 solid}
.foot_sider01 .el.to_right i {font-size: 24px}
.foot_sider01.in_right {transform: translate(50px)}
.foot_sider01.in_right .to_right {transform: translate(-20px)}
.foot_sider01.in_right .to_right i {width: 20px;transform: rotateY(180deg)}
.foot_sider01 .el:nth-child(1) {border-top: none;transition: .5s all}
@media screen and (max-width: 768px) {
  .foot_sider01 {left: 0;bottom: 0;height: 50px;width: 100%;display: flex}
  .foot_sider01 .el {width: 100%;border-top: transparent 0 solid}
  .foot_sider01 .el .cent {display: none}
  .foot_sider01 .el a {width: 100%}
  .foot_sider01 .el a i {width: 100%}
  .foot_sider01 .el.last_hide {max-height: none}
  .foot_sider01 .el:nth-child(1) {display: none}
}
.bn-btn {display: block;padding: 10px 20px;background: #19a499;color: #fff;border: 1px solid #19a499;width: 240px;text-align: center;margin: 0 auto;margin-top: 30px}
.bn-btn:hover {background: #fff;color: #19a499}
.inner_body .table_box table td {word-break: normal !important}
.table_box {overflow: auto}
@media screen and (max-width: 768px) {
  .views {display: none !important}
  h1 {font-size: 28px !important}
  .detail_banner>img{max-width: 100%!important;}
  .detail_banner .content_box {top: 38% !important}
  .news_list06 .right .el .words .summary {display: none}
  .foot_sider01 .el:hover .img_box {padding: 5px;width: 100px;height: 100px;top: 0;transform: translate(0, -100%);left: 0}
}
h1, .h1 {font-size: 60px;line-height: 72px}
h1.fz44, .h1.fz44 {font-size: 44px;line-height: 1.32}
@media screen and (max-width: 768px) {
  h1.fz44, .h1.fz44 {font-size: 28px}
}
@media screen and (max-width: 1440px) {
  h1, .h1 {font-size: 48px;line-height: 54px}
}
@media screen and (max-width: 1280px) {
  h1, .h1 {font-size: 36px;line-height: 44px}
}
@media screen and (max-width: 768px) {
  h1, .h1 {font-size: 28px;line-height: 36px}
}
h1.smaller, .h1.smaller {font-size: 48px;line-height: 54px}
@media screen and (max-width: 1440px) {
  h1.smaller, .h1.smaller {font-size: 40px;line-height: 48px}
}
@media screen and (max-width: 1280px) {
  h1.smaller, .h1.smaller {font-size: 32px;line-height: 40px}
}
@media screen and (max-width: 768px) {
  h1.smaller, .h1.smaller {font-size: 26px;line-height: 36px}
}
h1.text_cent, .h1.text_cent {text-align: center}
h1.white, .h1.white {color: white}
h1.black, .h1.black {color: black}
h1.main_color, .h1.main_color {color: #011b6a}
h1.minor_color, .h1.minor_color {color: #1656a0}
h1.marbtm40, .h1.marbtm40 {margin-bottom: 40px}
h2, .h2 {font-size: 44px;line-height: 56px;font-family: "Type1_SemiBold";font-weight: 600;display: block}
@media screen and (max-width: 1440px) {
  h2, .h2 {font-size: 36px;line-height: 48px}
}
@media screen and (max-width: 1280px) {
  h2, .h2 {font-size: 28px;line-height: 40px}
}
@media screen and (max-width: 768px) {
  h2, .h2 {font-size: 22px;line-height: 32px}
}
h2.text_cent, .h2.text_cent {text-align: center}
h2.white, .h2.white {color: white}
h2.black, .h2.black {color: black}
h2.main_color, .h2.main_color {color: #011b6a}
h2.minor_color, .h2.minor_color {color: #1656a0}
h2.marbtm40, .h2.marbtm40 {margin-bottom: 40px}
h2.martop40, .h2.martop40 {margin-top: 40px}
h3, .h3 {font-size: 24px;line-height: 32px}
@media screen and (max-width: 768px) {
  h3, .h3 {font-size: 18px;line-height: 28px}
}
body ::-webkit-scrollbar, body ::-webkit-scrollbar-thumb {width: 4px;height: 4px;border-radius: 10px}
body ::-webkit-scrollbar-thumb {background: #1656a0}
body ::-webkit-scrollbar, body ::-webkit-scrollbar-corner, body ::-webkit-resizer, body ::-webkit-scrollbar-track, body ::-webkit-scrollbar-track-piece {background: transparent}
body ::-webkit-scrollbar-button {display: none}
.hovt_main {transition: .5s all}
.hovt_main:hover {color: #011b6a }
.hovbg_main {transition: .5s all}
.hovbg_main:hover {background-color: #011b6a !important}
.hovt_minor {transition: .5s all}
.hovt_minor:hover {color: #1656a0 !important}
.hovbg_minor {transition: .5s all}
.hovbg_minor:hover {background-color: #1656a0 !important}
.hovt_white {transition: .5s all}
.hovt_white:hover {color: white !important}
.hovbg_white {transition: .5s all}
.hovbg_white:hover {background-color: white !important}
.hovt_black {transition: .5s all}
.hovt_black:hover {color: black !important}
.hovbg_black {transition: .5s all}
.hovbg_black:hover {background-color: black !important}
.w_normal-full {width: calc(100% - 100px);max-width: 1360px;}
.w_normal-full>.page{
  width: 100%;
}
.w_normal {width: calc(100% - 100px);max-width: 1360px;margin: 0 auto}
.w_normal>.page{
  width: 100%;
}
.page .page_list a.on{
  background: #efefef;
  color: #011b6a;
}
.page .page_list  a{
  display: inline-block; padding: 5px 10px;
  background: #f1f1f1;
  color: #666666;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .w_normal {width: 90%}
	.w_normal-full {width: 96%}

}
.w_normal2 {width: calc(100% - 100px);max-width: 1680px;margin: 0 auto}
@media screen and (max-width: 768px) {
  .w_normal2 {width: 90%}
}
.have_bg .element_bg {object-fit: cover;width: 100%;height: auto}
.have_bg .absolute_content {height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.hovt_main {transition: .5s all}
.hovt_main:hover {color: #011b6a}
.hovbg_main {transition: .5s all}
.hovbg_main:hover {background-color: #011b6a !important}
.hovt_minor {transition: .5s all}
.hovt_minor:hover {color: #1656a0 !important}
.hovbg_minor {transition: .5s all}
.hovbg_minor:hover {background-color: #1656a0 !important}
.hovt_black {transition: .5s all}
.hovt_black:hover {color: black !important}
.hovbg_white {transition: .5s all}
.hovbg_white:hover {background-color: white !important}
.divide_space_home {width: 100%;height: 50px}
.divide_space_home1 {width: 100%;height: 25px}
.divide_space {width: 100%;height: 100px}
@media screen and (max-width: 768px) {
  .divide_space {height: 50px}
}
.divide_space2 {width: 100%;height: 80px}
@media screen and (max-width: 768px) {
  .divide_space2 {height: 35px}
}
.divide_space3 {width: 100%;height: 80px}
@media screen and (max-width: 768px) {
  .divide_space3 {height: 50px}
}
.detail_top_01 {background-color: #f9f9f9}
.detail_top_01 .detail_box {display: flex;justify-content: space-between}
.detail_top_01 .detail_box .left {width: 50%;padding: 0 40px;position: relative}
.detail_top_01 .detail_box .left .swiper_box {width: 100%;max-width: 960px;margin: 20px auto 0}
.detail_top_01 .detail_box .left .swiper_box .swiper-slide {width: 100%;border-radius: 5px;transition: .5s all}
.detail_top_01 .detail_box .left .swiper_box .swiper-slide img {width: 100%}
.detail_top_01 .detail_box .left .swiper_box.small {position: relative}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide {position: relative;border-radius: 5px;overflow: hidden}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide::after {content: "";position: absolute;left: 0;top: 0;width: 15%;height: 15%;border-top: 4px solid #011b6a;border-left: 4px solid #011b6a;opacity: 0;transition: .5s all}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide::before {content: "";position: absolute;right: 0;top: 0;width: 15%;height: 15%;border-top: 4px solid #011b6a;border-right: 4px solid #011b6a;opacity: 0;transition: .5s all}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide .bor::after {content: "";position: absolute;left: 0;bottom: 0;width: 15%;height: 15%;border-bottom: 4px solid #011b6a;border-left: 4px solid #011b6a;opacity: 0;transition: .5s all}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide .bor::before {content: "";position: absolute;right: 0;bottom: 0;width: 15%;height: 15%;border-bottom: 4px solid #011b6a;border-right: 4px solid #011b6a;opacity: 0;transition: .5s all}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {opacity: 1}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {opacity: 1}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bor::after {opacity: 1}
.detail_top_01 .detail_box .left .swiper_box.small .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bor::before {opacity: 1}
.detail_top_01 .detail_box .left #sm_left {left: 30px;transform: rotate(180deg)}
.detail_top_01 .detail_box .left #sm_right {right: 30px}
.detail_top_01 .detail_box .right {width: 50%;padding-left: 40px;position: relative}
.detail_top_01 .detail_box .right h1 {font-size: 70px;font-weight: 600;color: #000}
.detail_top_01 .detail_box .right .line_box {width: 200px;height: 1px;background: #999;position: relative}
.detail_top_01 .detail_box .right .line_box .line {position: absolute;top: -1px;width: 80px;height: 3px;background: #011b6a}
.detail_top_01 .detail_box .right .summary {font-size: 16px;font-family: "Gilroy";font-weight: 400;color: #000;line-height: 30px;width: 100%;max-width: 450px;margin: 20px 0}
.detail_top_01 .detail_box .right .dload_list {display: flex;flex-wrap: wrap}
.detail_top_01 .detail_box .right .dload_list a {min-width: 50%;display: flex}
.detail_top_01 .detail_box .right .dload_list a:hover .cont {border: 1px solid #1656a0}
.detail_top_01 .detail_box .right .dload_list a:hover .name {color: #011b6a;font-weight: bold}
.detail_top_01 .detail_box .right .dload_list a .cont {transition: .5s all;min-width: 18px;height: 18px;margin: 7px 0;padding: 3px;border: 1px solid transparent;border-radius: 50%;display: flex;align-items: center;justify-content: center}
.detail_top_01 .detail_box .right .dload_list a .cont::after {content: "";border-radius: 50%;width: 100%;height: 100%;background-color: #1656a0}
.detail_top_01 .detail_box .right .dload_list a .name {margin-left: 5px;font-size: 16px;font-family: "Gilroy";font-weight: normal;color: #333;line-height: 32px}
.detail_top_01 .detail_box .right .know_more {position: absolute;bottom: 0;display: flex;height: 50px;align-items: center;background-color: rgba(8, 8, 9, 0.7);transition: .5s all}
.detail_top_01 .detail_box .right .know_more:hover {background-color: #080809}
.detail_top_01 .detail_box .right .know_more i {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 32px}
.detail_top_01 .detail_box .right .know_more i.after {background-color: #011b6a}
.detail_top_01 .detail_box .right .know_more .name {font-size: 20px;font-family: "Gilroy";font-weight: 400;padding: 0 10px}
.swiper_btn_01 {position: absolute;top: 50%;transform: translate(0, -50%);width: 50px;height: 50px;border-radius: 50%;background-color: #011b6a;transition: .5s all;cursor: pointer;display: flex;align-items: center;justify-content: center}
.swiper_btn_01 i {font-size: 32px;color: white}
.swiper_btn_01:hover {background-color: rgba(158, 43, 106, 0.7)}
.swiper_btn_01.swiper-button-disabled {background-color: #777;cursor: default}
.swiper_btn_01.swiper-button-disabled:hover {background-color: #777}
.swiper_btn_02 {position: absolute;top: 0;width: 50px;height: 100%;transition: .5s all;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #011b6a;border-radius: 10px}
.swiper_btn_02 i {font-size: 32px;transform: scale(2, 5);transition: .5s all}
.swiper_btn_02:hover {color: rgba(158, 43, 106, 0.7);background-color: #e2e2e2}
.swiper_btn_02.swiper-button-disabled {color: #777;cursor: default}
.swiper_btn_02.swiper-button-disabled:hover {color: #777;background-color: transparent}
.more_type01 {width: min-content;white-space: nowrap;padding: 0 15px;height: 40px;border: 1px solid #ffffff;background: #011b6a;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin: 20px auto 20px;transition: .5s all;color: #fff}
.more_type01:hover {background-color: #1656a0;color: white}
.more_type01 span {font-size: 18px;font-family: "Type1_SemiBold";font-weight: 600}
.more_type01 i {font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: 16px;margin-left: 5px}
@media screen and (max-width: 768px) {
  .more_type01 span {font-size: 16px}
}
.more_type02 {width: 300px;height: 50px;display: flex;background-color: #011b6a;align-items: center;justify-content: center;transition: .5s all;padding-left: 15px}
.more_type02:hover {background-color: rgba(158, 43, 106, 0.7)}
.more_type02 span {max-width: calc(100% - 40px);display: flex;align-items: center;justify-content: center;color: white}
.more_type02 i {color: white;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;font-size: 24px}
.swiper {overflow: hidden}
.dis_block {display: block !important;height: auto !important}
p > img {display: inline !important}
a.img_box {display: block;width: 100%;overflow: hidden}
a.img_box img {width: 100%;transition: .5s all}
a.img_box img:hover {transform: scale(1.2);}
.h1_along_333 {margin-bottom: 50px}
.h1_along_333 h1 {color: #333 !important}
p > a {color: #011b6a;}
p > a:hover {text-decoration: underline !important}
.a_change p > a {color: #1656a0;font-style: italic !important}
.a_change p > a:hover {text-decoration: underline !important}
.to_check {position: relative}
.to_check.show .check, .to_check.has-success .check {opacity: 1 !important}
.to_check .check {display: block !important;opacity: 0 !important;color: #11eb52 !important;font-size: 20px !important;right: 10px !important;left: initial !important}
.swiper-button-disabled {opacity: 0 !important;pointer-events: none !important}
.iframe_type01 {width: 100%;position: relative}
.iframe_type01 #video1Play {display: flex;flex-direction: column;align-items: center;cursor: pointer;transition: .5s all;color: #fff}
.iframe_type01 #video1Play:hover {opacity: .8}
.iframe_type01 #video1Play:hover > img {opacity: .8}
.iframe_type01 #video1Play > img {transition: .5s all}
.iframe_type01 #video1Play > .words {margin-top: 20px;font-size: 24px;font-family: "Gilroy-Bold";font-weight: normal}
.iframe_type01 #video1Play .clip_box .clip {background-color: #000;height: 100px;width: 100px;border-radius: 50%}
.iframe_type01 > img {width: 100%}
.iframe_type01 iframe {position: absolute;width: 100%;height: 100%;background-color: rgba(226, 226, 226, 0.603);display: block;top: 0;left: 0}
.sep-banner {width: 100%;position: relative}
.sep-banner .banner_swiper .swiper-slide {position: relative}
.sep-banner .banner_swiper .swiper-slide > a {display: block;width: 100%}
.sep-banner .banner_swiper .swiper-slide > a img {object-fit: cover;min-height: 800px;width: 100%}
@media screen and (max-width: 1280px) {
  .sep-banner .banner_swiper .swiper-slide > a img {min-height: 550px}
}
@media screen and (max-width: 768px) {
  .sep-banner .banner_swiper .swiper-slide > a img {/*min-height: 400;min-height: 400px*/ min-height: 300px;}
  .sep-banner .banner_swiper .swiper-slide > a img.index {min-height: 300px}
}
.sep-banner .banner_swiper .swiper-slide .content_box {position: absolute;height: 90%;max-height: 500px;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: space-between}
@media screen and (max-width: 768px) {
  .sep-banner .banner_swiper .swiper-slide .content_box {justify-content: space-evenly}
}
.sep-banner .banner_swiper .swiper-slide .content_box .nametitle {padding-left: 40px;font-size: 40px;font-weight: 300;color: #fff;font-family: "Type1_Light";color: white;transition: .5s all;display: flex;align-items: center;width: 80%;max-width: 400px;height: 60px;background: linear-gradient(to right, #011b6a 0, transparent 100%);clip-path: polygon(20px 0, 0 100%, 100% 100%, 100% 0)}
@media screen and (max-width: 768px) {
  .sep-banner .banner_swiper .swiper-slide .content_box .nametitle {font-size: 18px;height: 40px}
}
.sep-banner .banner_swiper .swiper-slide .content_box .h1 {max-width: 960px;font-size: 60px;line-height: 72px;font-family: "Type1_Medium";font-weight: 600;color: #fff}
@media screen and (max-width: 1440px) {
  .sep-banner .banner_swiper .swiper-slide .content_box .h1 {font-size: 50px;line-height: 60px}
}
@media screen and (max-width: 1280px) {
  .sep-banner .banner_swiper .swiper-slide .content_box .h1 {font-size: 40px;line-height: 50px}
}
@media screen and (max-width: 768px) {
  .sep-banner .banner_swiper .swiper-slide .content_box .h1 {font-weight: 500;font-size: 28px;line-height: 40px}
}
@media screen and (max-width: 480px) {
  .sep-banner .banner_swiper .swiper-slide .content_box .h1 {font-size: 24px;line-height: 32px}
}
.sep-banner .banner_swiper .swiper-slide .content_box .more {width: 230px;height: 50px;border: 1px solid #fff;background: linear-gradient(50deg, #1656a0 0, #011b6a 100%);border-radius: 25px;display: flex;align-items: center;transition: .5s all;color: white;justify-content: center;font-size: 20px;font-family: "Type1_Medium";font-weight: 500}
.sep-banner .banner_swiper .swiper-slide .content_box .more:hover {color: aqua;opacity: .8}
.sep-banner .banner_swiper .swiper-slide .content_box .more i {margin-left: 5px;font-size: 24px}
.sep-banner .page_box {position: absolute;z-index: 2;bottom: 0;left: 50%;height: 60px;display: flex;align-items: center;transform: translate(-50%);justify-content: center;background-color: white;border-radius: 20px 10px 0 0;padding: 50px 100px}
.sep-banner .page_box .banner_swiper_pagination {width: auto;display: flex}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet {margin-right: 100px;display: flex;background-color: transparent;border-radius: 50%;width: 50px;height: 50px;opacity: 1;position: relative;cursor: pointer;transition: .5s all;align-items: center;justify-content: center;font-size: 20px;font-family: "Type1_SemiBold";font-weight: 600;color: transparent;transform: scale(.6);background-color: rgba(22, 86, 160, 0.7)}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet:hover {box-shadow: 0 20px 21px 0 rgba(25, 164, 153, 0.3);background-color: rgba(158, 43, 106, 0.7);color: #fff;transform: none}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet:hover::before {background-color: #011b6a}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet:hover::after {transform: none}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {box-shadow: 0 20px 21px 0 rgba(25, 164, 153, 0.3);background-color: rgba(158, 43, 106, 0.7);color: #fff;transform: none}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {background-color: #011b6a}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {transform: none}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet::before {background-color: #1656a0;content: "";width: 40px;left: 50%;top: 50%;height: 40px;border-radius: 50%;transition: .5s all;position: absolute;transform: translate(-50%, -50%);z-index: -1}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet::after {transition: .5s all;content: "";width: 150px;height: 2px;position: absolute;top: calc(50% - 1px);left: calc(100% - 10px);background-color: #1656a0;opacity: .2;transform-origin: 0 0;transform: scale(1.67, 1);z-index: -2}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet:nth-last-child(1) {margin-right: 0}
.sep-banner .page_box .banner_swiper_pagination .swiper-pagination-bullet:nth-last-child(1)::after {display: none}
.sep-banner-mb1 {display: none}
@media screen and (max-width: 768px) {
  .sep-banner-pc1 {display: none}
  .sep-banner-mb1 {display: block}
}
.index_body h2, .index_body .h2 {color: #011b6a;font-family: "Type1_Medium";text-transform: uppercase;}
.index_body h2.white, .index_body .h2.white {color: #fff}
.index_body .h2_subtitle {max-width: 660px;font-size: 18px;font-weight: 400;color: #666;line-height: 30px;text-align: center;margin-top: 20px}


.index_body .index0{

}
.index_body .index0  .product_list{
  display: flex;justify-content: flex-start;flex-wrap: wrap;
}
.index_body .index0  .product_list .product_img{width:calc(20% - 15px);margin-right: 15px;margin-bottom: 20px;}
.index_body .index0 .product_list .product_img img{width:100%;}
.index_body .index0  .product_list .product_img:hover{ background: #011b6a; border:#011b6a 1px solid;}
.index_body .index0  .product_list .product_img:hover .product_title a{color: #fff;}
@media screen and (max-width: 768px){
  .index_body .index0  .product_list{
    display: flex;justify-content: space-between;flex-wrap: wrap;
  }
  .index_body .index0  .product_list .product_img{width:calc(50% - 5px);margin-right: 0px;  background: #f6f6f6;}
}

.index_body .index0  .product_list .product_img p{text-align: center; line-height: 1.2em;margin-bottom: 1em;}

.index_body .index0  .product_list .product_img p a{color: #000}



.index_body .index4{

}
.index_body .index4  .product_list{
  display: flex;justify-content: flex-start;flex-wrap: wrap;
}
.index_body .index4 .product_list img{width:100%;}

.index_body .index4  .product_list .product_img{width:calc(33% - 15px);  margin-right: 15px; margin-bottom: 20px;}
.index_body .index4  .product_list .product_img:hover{background: #011b6a; }
.index_body .index4  .product_list .product_img:hover .product_title a{color: #fff;}

@media screen and (max-width: 768px){
  .index_body .index4  .product_list{
    display: flex;justify-content: space-between;flex-wrap: wrap;
  }
	
	
  .index_body .index4  .product_list .product_img{width:calc(50% - 5px);margin-right: 0px;  background: #f6f6f6;}
}

.index_body .index4  .product_list .product_img p{text-align: center; line-height: 2em;}
.index_body .index4  .product_list .product_img p a{color: #000;}




.index_body .index1 {background-color: #f1f6f6}
.index2bj{background: #011b6a;}
.index_body .index2-top{text-align: center;}
.index_body .index2 {display: flex;justify-content: space-between;align-items:flex-start;}


.index_body .index2 .left {width: 50%}
@media screen and (max-width: 1440px) {
  .index_body .index2 .left {padding-left: 0px}
}
.index_body .index2 .right .content_box {width: 100%;max-width: 680px}
.index_body .index2 .right .content_box .content {font-size: 18px;font-weight: 400;color: #ffffff;line-height: 32px;osition: relative}
@media screen and (max-width: 1440px) {
  .index_body .index2 .right .content_box .content {font-size: 16px;line-height: 28px;padding-top: 20px}
}
.index_body .index2 .right .content_box .more {margin-left: 0}
@media screen and (max-width: 1440px) {
  .index_body .index2 .right .content_box .more span {font-size: 16px}
}
.index_body .index2 .left {width: 46%}
.index_body .index2 .left .iframe_type01 {padding-left: 40px}
.index_body .index2 .left .last {width: 100%;height: 200px;background: #011b6a;display: flex;align-items: center;justify-content: center}
.index_body .index2 .left .last .i_box {width: 90px;height: 90px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.295);display: flex;align-items: center;justify-content: center}
.index_body .index2 .left .last .i_box i {cursor: pointer;display: flex;align-items: center;justify-content: center;width: 78px;height: 78px;background: #fff;border-radius: 50%;color: #011b6a;font-size: 32px;transform: rotate(-30deg)}
.index_body .index2 .left .last .words {width: calc(75% - 100px);margin-left: 3%;font-size: 24px;font-family: "Type1_SemiBold";font-weight: 600;color: #fff}
.index_body .index2 .left .last .words a {font-size: 20px;font-weight: 600;color: #fff;margin-top: 20px}
@media screen and (max-width: 1440px) {
  .index_body .index2 .left .iframe_type01 {padding: 0px 30px 0 0;}
  .index_body .index2 .left .last {width: 100%;height: 160px;background: #011b6a;display: flex;align-items: center;justify-content: center}
  .index_body .index2 .left .last .i_box {width: 80px;height: 80px}
  .index_body .index2 .left .last .i_box i {width: 68px;height: 68px;color: #011b6a;font-size: 28px}
  .index_body .index2 .left .last .words {width: calc(75% - 90px);margin-left: 3%;font-size: 20px}
  .index_body .index2 .left .last .words a {font-size: 18px;font-weight: 600;margin-top: 20px}
}
@media screen and (max-width: 1024px) {
  .index_body .index2 {justify-content: center;flex-wrap: wrap}
  .index_body .index2 .right {width: 100%;max-width: 720px;padding: 0 0%}
  .index_body .index2 .right .content_box {margin-left: 0}
  .index_body .index2 .left {width: 100%;max-width: 720px}
  .index_body .index2 .left .iframe_type01 {padding: 0px 0 0}
  .index_body .index2 .left .last {width: 100%;height: 160px;background: #011b6a;display: flex;align-items: center;justify-content: center}
  .index_body .index2 .left .last .i_box {width: 80px;height: 80px}
  .index_body .index2 .left .last .i_box i {width: 68px;height: 68px;color: #011b6a;font-size: 28px}
  .index_body .index2 .left .last .words {width: calc(75% - 90px);margin-left: 3%;font-size: 20px}
  .index_body .index2 .left .last .words a {font-size: 18px;font-weight: 600;margin-top: 20px}
}
.index_body .index3 .content_box {margin-top: 40px}
.index_body .index3 .content_box .el {padding: 30px;display: flex;border-bottom: 2px solid rgba(158, 43, 106, 0.2);transition: .5s all}
.index_body .index3 .content_box .el:hover {background-color: #011b6a}
.index_body .index3 .content_box .el:hover .num {color: #011b6a;background-color: #74e0d8}
.index_body .index3 .content_box .el:hover .words {color: white}
.index_body .index3 .content_box .el .num {transition: .5s all;display: flex;width: 80px;height: 80px;background-color: #011b6a;color: #74e0d8;clip-path: polygon(0 0, 0 100%, 100% 0);font-size: 32px;font-family: "Type1_SemiBold";font-weight: 600;padding: 10px;line-height: 32px}

.index_body .index3 .content_box .el .words {width: calc(100% - 200px);margin: 0 20px;transition: .5s all}
@media screen and (max-width: 768px) {
  .index_body .index3 .content_box .el {padding: 15px 5px}
  .index_body .index3 .content_box .el .num {width: 50px;height: 50px;font-size: 18px;font-weight: 600;padding: 3px;line-height: 24px}
  .index_body .index3 .content_box .el .words {width: calc(100% - 75px);margin: 0 10px;transition: .5s all}
}
.index_body .index_contact {width: 100%;position: relative}
.index_body .index_contact > img {width: 100%;/*min-height: 360px*/}
@media screen and (max-width: 768px) {
  .index_body .index_contact > img {/*min-height: 340px*/ width: 100%;}
}
.index_body .index_contact .subtitle {font-size: 16px;text-align: center;color: white;margin: 20px 0}
.index_body .index_contact .content {display: flex;flex-direction: column;justify-content: center}
.index_body .index_contact .more {margin: 20px auto;width: 260px;height: 50px;background: #fff;border-radius: 25px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-family: "Type1_Medium";font-weight: 500;color: #011b6a}




.index_body .index_partner{display: flex;justify-content: center;flex-wrap: wrap;}
.index_body .index_partner .par_img{
    position: relative;
    overflow: hidden; text-align: center;
    transition: all 0.3s ease-in-out; display: flex;justify-content: center;flex-wrap: wrap; 
}
 
.par_img .sponsor-hover{
    width: 100%;
    height: 100%;
    transform: translateY(-103%);
    position: absolute;
    display: flex;justify-content: center;flex-wrap: wrap;
    transition: all .4s ease;
    z-index: 1;
}
.par_img:hover .sponsor-hover {
    transform: translateY(0);
}
.par_img .sponsor-img{ transition: all 0.3s linear; }
.par_img:hover .sponsor-img {
    transform: translateY(103%);
}
.par_img:hover .sponsor-hover img,.par_img .sponsor-img img{height: 100px !important;width: auto;}

.par_img img{height: 100px !important;width: auto!important;}



@media screen and (max-width: 768px){
  .index_body .index_partner{
    display: flex;justify-content: space-between;flex-wrap: wrap;
  }
	
	
  .index_body .index_partner .par_img{margin-right: 0px; }
}






.events_none {pointer-events: none}
.List_type02 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
.List_type02 .el {width: 46%;margin-top: 50px;background: #fff}
.List_type02 .el .left {width: 100%;position: relative}
.List_type02 .el .left:hover .hover_box {opacity: 1}
.List_type02 .el .left .hover_box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/what-is-curing-agent-for-epoxy-resin.jpg);background-size: cover;background-position-x: 50%;background-repeat: no-repeat;opacity: 0;transition: .5s all;padding: 0 10%}
.List_type02 .el .left .hover_box .link_box {overflow-y: auto;position: relative;top: 10%;height: 80%;display: flex;flex-direction: column}
.List_type02 .el .left .hover_box .link_box a {color: white;padding-left: 20px;line-height: 24px;font-size: 16px;position: relative;margin: 7px 0;transition: .5s all}
.List_type02 .el .left .hover_box .link_box a::before {content: "";width: 24px;height: 24px;left: 0;top: 0;position: absolute;transform: scale(.2);background-color: white;border-radius: 50%;transition: .5s all}
.List_type02 .el .left .hover_box .link_box a:hover {color: #011b6a}
.List_type02 .el .left .hover_box .link_box a:hover::before {background-color: #011b6a}
.List_type02 .el .right {box-shadow: 0 2px 2px 0 rgba(25, 164, 153, 0.3);width: 100%;padding: 40px}
.List_type02 .el .right .title {font-size: 24px;font-family: "Type1_SemiBold";line-height: 24px;color: #333;font-weight: bold;transition: .5s all;position: relative;display: flex;min-height: 40px;align-items: center}
@media screen and (max-width: 768px) {
  .List_type02 .el .right .title {font-size: 18px}
}
.List_type02 .el .right .title::after {content: "";position: absolute;height: 100%;width: 6px;background: #1656a0;top: 0;left: calc(0% - 40px);border-radius: 3px}
.List_type02 .el .right .title:hover {color: #011b6a}
.List_type02 .el .right .summary {margin: 20px 0;font-size: 16px;font-family: "Unite_fonts";line-height: 30px;height: 150px;overflow-y: auto;color: #333}
@media screen and (max-width: 768px) {
  .List_type02 .el .right .summary {font-size: 16px;height: auto}
}
.List_type02 .el .right .more {color: #333;justify-content: center;font-size: 18px;font-family: "Type1_SemiBold";font-weight: 600}
@media screen and (max-width: 768px) {
  .List_type02 .el .right .more {font-size: 16px}
}
@media screen and (max-width: 768px) {
  .List_type02 {justify-content: center}
  .List_type02 .el {width: 100%;max-width: 550px}
  .List_type02 .el .left .hover_box {display: none}
}
.List_type04 {width: 100%;display: flex;flex-wrap: wrap}
.List_type04 .el {width: calc(25% - 18px);padding-top: 0;margin-right: 24px;position: relative;overflow: hidden;margin-bottom: 24px}
.List_type04 .el .left {width: 90%;margin: 0 auto}
.List_type04 .el .right {background-color: white;width: 100%;padding: 60px 5% 40px;margin-top: -50px}
.List_type04 .el .right .title {font-size: 24px;font-family: "Unite_fonts";line-height: 30px;color: #333;font-weight: bold;transition: .5s all;display: flex;align-items: flex-end;justify-content: center;min-height: 60px;text-align: center}
@media screen and (max-width: 768px) {
  .List_type04 .el .right .title {font-size: 18px}
}
.List_type04 .el .right .title:hover {color: #011b6a}
.List_type04 .el .right .line {width: 25px;height: 4px;border-radius: 2px;margin: 10px auto;background-color: #011b6a}
.List_type04 .el .right .summary {font-size: 16px;font-weight: 400;color: #666;line-height: 30px;height: 90px;overflow-y: auto}
.List_type04 .el .right .more {width: 180px;height: 50px;border: 1px solid #19a499;border-radius: 25px;display: flex;align-items: center;justify-content: center;margin: 20px auto 0;transition: .5s all;color: #011b6a}
@media screen and (max-width: 768px) {
  .List_type04 .el .right .more {width: 160px;height: 40px}
}
.List_type04 .el .right .more:hover {background-color: #1656a0;color: white}
.List_type04 .el .right .more span {font-size: 18px;font-family: "Type1_SemiBold";font-weight: 600}
@media screen and (max-width: 768px) {
  .List_type04 .el .right .more span {font-size: 18px}
}
.List_type04 .el .right .more i {font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: 16px;margin-left: 5px}
.List_type04 .el:nth-child(n+4) {margin-right: 0}
@media screen and (max-width: 1200px) {
  .List_type04 {justify-content: space-between;flex-wrap: wrap}
  .List_type04 .el:nth-child(n) {width: 48%;margin: 10px 0}
}
@media screen and (max-width: 600px) {
  .List_type04 {justify-content: center}
  .List_type04 .el:nth-child(n) {width: 100%}
}
.news_list06 {display: flex;justify-content: space-between;margin-top: 40px}
.news_list06 .left {width: 35%;position: relative}
.news_list06 .left a {width: 100%}
.news_list06 .left a.flex {display: flex}
.news_list06 .left img {object-fit: cover}
.news_list06 .left .big_words {position: absolute;right: 0;font-size: 100px;font-family: "Type1_SemiBold";font-weight: 600;color: #011b6a;line-height: 100px;opacity: .2;white-space: nowrap;bottom: 0}
.news_list06 .right {width: 62%}
.news_list06 .right .el {padding: 2% 5%;transition: .5s all}
.news_list06 .right .el:hover {background-color: #011b6a}
.news_list06 .right .el:hover .date {color: white}
.news_list06 .right .el:hover .words .title {color: white}
.news_list06 .right .el:hover .words .summary {color: rgba(255, 255, 255, 0.521)}
.news_list06 .right .el:hover .more {color: white}
.news_list06 .right .el .date {transition: .5s all;display: inline-block;font-family: "Type2_Bold";color: #011b6a;font-weight: bold;white-space: nowrap;margin-right: 20px}
.news_list06 .right .el .date .d_m {font-size: 30px;margin-bottom: 15px}
.news_list06 .right .el .date i {font-size: 24px;margin-right: 10px;font-weight: normal}
.news_list06 .right .el .date .y {display: inline-block;font-size: 24px}
.news_list06 .right .el .words .title {font-size: 20px;font-family: "Type1_SemiBold";font-weight: 600;color: #333;margin: 15px 0}
.news_list06 .right .el .words .summary {font-size: 18px;font-weight: 400;color: #666;line-height: 24px;height: 24px;overflow: hidden}
.news_list06 .right .el .more {display: none;font-size: 18px;font-family: "Type1_SemiBold";font-weight: 600;color: #333;margin-top: 20px}
@media screen and (max-width: 768px) {
  .news_list06 {justify-content: center;flex-wrap: wrap}
  .news_list06 .left {width: 100%;max-width: 550px;padding: 0 10px 30px}
  .news_list06 .left .big_words {display: none}
  .news_list06 .right {width: 100%;max-width: 550px}
  .news_list06 .right .el {padding: 20px 5px}
}
.show_type18_box {overflow: hidden;width: 100%;display: flex;position: relative}
@media screen and (max-width: 768px) {
  .show_type18_box {background: linear-gradient(to bottom, #011b6a 60%, #fff 60%)}
}
@media screen and (max-width: 520px) {
  .show_type18_box {background: linear-gradient(to bottom, #011b6a 75%, #fff 75%)}
}
.show_type18_box .left {width: 40%;background-color: #011b6a;padding-bottom: 450px}
.show_type18_box .left .content_box {width: 95%;max-width: 488px;margin-left: auto;min-height: 100px}
.show_type18_box .left .content_box .h2 {max-width: 400px;font-size: 24px;line-height: 1.5}
.show_type18_box .left .content_box .subtitle {padding-right: 40px;font-size: 18px;font-weight: 400;color: #fff;line-height: 32px;opacity: .6;margin: 20px 0}
.show_type18_box .left .content_box .show_type18 {position: absolute;width: calc(100%);max-width: 1640px;height: 480px;display: flex;justify-content: space-between}
.show_type18_box .left .content_box .show_type18 .show18_pagination {position: absolute;left: 60%;top: -100px;font-size: 24px;font-family: "Type1_Medium";color: rgba(51, 51, 51, 0.3)}
.show_type18_box .left .content_box .show_type18 .show18_pagination .s18_active {font-size: 40px;color: #011b6a}
.show_type18_box .left .content_box .show_type18 .show18_pagination .line {display: inline-block;width: 100px;margin: 0 10px;border-bottom: 2px solid rgba(51, 51, 51, 0.3)}
@media screen and (max-width: 768px) {
  .show_type18_box .left .content_box .show_type18 .show18_pagination {display: none}
}
.show_type18_box .left .content_box .show_type18 .left_box {width: 200px}
.show_type18_box .left .content_box .show_type18 .left_box .last {display: flex;flex-direction: column;justify-content: center;height: 100%}
.show_type18_box .left .content_box .show_type18 .left_box .last > div {margin-top: 40px;width: 64px;height: 64px;color: white;display: flex;align-items: center;justify-content: center;background-color: #011b6a;border: 2px solid #fff;transform: rotate(45deg);cursor: pointer;position: absolute;top: 50%;margin-top: -32px;z-index: 30}
.show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_prev {left: 250px}
.show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 200px}
.show_type18_box .left .content_box .show_type18 .left_box .last > div i {transform: rotate(-45deg);font-size: 32px}
.show_type18_box .left .content_box .show_type18 .left_box .last > div.swiper-button-disabled {opacity: .2;cursor: default;background-color: transparent !important}
@media screen and (max-width: 1200px) {
  .show_type18_box .left .content_box .show_type18 .left_box {width: 100px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div {margin-top: 40px;width: 40px;height: 40px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div i {transform: rotate(-45deg);font-size: 24px}
}
@media screen and (max-width: 520px) {
  .show_type18_box .left .content_box .show_type18 .left_box {width: 50px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div {margin-top: 0;margin-bottom: 40px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div i {transform: rotate(-45deg);font-size: 24px}
}
.show_type18_box .left .content_box .show_type18 .show18_swiper {width: calc(100% - 200px);max-width: 1360px}
.show_type18_box .left .content_box .show_type18 .show18_swiper .last {height: 120px;background-color: white;display: flex;flex-direction: column;justify-content: center;padding: 0 30px;box-shadow: 0 4px 5px 0 rgba(25, 164, 153, 0.3)}
.show_type18_box .left .content_box .show_type18 .show18_swiper .last .name {font-size: 24px;font-family: "Type1_SemiBold";font-weight: 600;line-height: 25px;height: 60px;display: flex;color: #333}
@media screen and (max-width: 768px) {
  .show_type18_box .left .content_box .show_type18 .show18_swiper .last .name {font-size: 18px}
}
.show_type18_box .left .content_box .show_type18 .show18_swiper .last .more {font-size: 18px;font-family: "Type1_SemiBold";font-weight: 500;color: #666}
@media screen and (max-width: 768px) {
  .show_type18_box .left .content_box .show_type18 .show18_swiper .last .more {font-size: 16px}
}
@media screen and (max-width: 1200px) {
  .show_type18_box .left .content_box .show_type18 .show18_swiper {width: calc(100% - 100px)}
}
@media screen and (max-width: 520px) {
  .show_type18_box .left .content_box .show_type18 .show18_swiper {width: calc(100% - 60px)}
}
@media screen and (max-width: 768px) {
  .show_type18_box .left {background-color: transparent;width: 100%;padding-bottom: 400px}
  .show_type18_box .left .content_box {width: 90%;margin: 0 5%;max-width: none}
  .show_type18_box .left .content_box .show_type18 {align-items: flex-start;height: auto;width: 95%}
  .show_type18_box .left .content_box .show_type18 .swiper {padding-bottom: 20px}
}
@media screen and (max-width: 520px) {
  .show_type18_box .left {background-color: transparent;width: 100%;padding-bottom: 320px}
  .show_type18_box .left .content_box .show_type18 {width: 90%}
  .show_type18_box .left .content_box .show_type18 .swiper {padding-bottom: 20px}
}
.sep-home-thumb-list {width: 100%}
.sep-home-thumb-list .titles-a {width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;background: #011b6a;color: #fff;font-size: 24px;padding: 0 10px;min-height: 54px;line-height: 1.32}
.sep-home-thumb-list .pp-boxs {min-width: 100%;margin: 0 -15px}
.sep-home-thumb-list .pp-lists {width: calc(33.33333% - 30px);margin: 30px 15px 0}
.sep-home-thumb-list .p-boxs {margin: 0 -10px;padding: 0 10px}
.sep-home-thumb-list .p-lists {width: calc(50% - 20px);margin: 10px;padding: 10px 0;border: 1px solid #f1f1f1}
.sep-home-thumb-list .thumbs img {max-width: 100%}
.sep-home-thumb-list .mores-boxs {width: 100%;text-align: center}
.sep-home-thumb-list .mores-boxs .mores {display: inline-block;vertical-align: top;line-height: 30px;padding: 10px 40px;background: #011b6a;color: #fff}
.sep-home-thumb-list .mores-boxs .mores:hover {background: #1656a0}
@media screen and (max-width: 1460px) {
  .List_type04 .el .right .title {font-size: 20px}
  .news_list06 .left .big_words {font-size: 72px}
  .show_type18_box .left .content_box .show_type18 .show18_swiper .last .name {font-size: 20px}
  .news_list06 .right .el .date .y {font-size: 22px}
  .news_list06 .right .el .words .title {margin-top: 6px;font-size: 18px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_prev {left: 170px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 180px}
}
@media screen and (max-width: 1366px) {
  .List_type02 .el .right .title {font-size: 20px}
  .List_type02 .el .right .more {font-size: 16px}
  .List_type04 .el .right .title {font-size: 18px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 168px}
  .sep-header .head_box .w100 .headline2 .native_links .native_link > a {font-size: 16px}
}
@media screen and (max-width: 1280px) {
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 154px}
  .sep-header .head_box .w100 .headline2 .home_logo {max-width: 160px}
}
@media screen and (max-width: 1200px) {
  .foot_last_box .foot_last {flex-wrap: wrap}
  .foot_last_box .foot_last .left {width: 100%;justify-content: center;text-align: center}
  .foot_last_box .foot_last .mid {width: 100%;justify-content: center;text-align: center}
  .sep-footer .footer_body .footer1-box .footer1 .footer-contact .el .words span:nth-child(1) {display: none}
  .sep-header .w_normal {width: calc(100% - 40px)}
  .sep-header .head_box .w100 .headline2 .native_links {margin: 0 !important}
  .sep-header .head_box .w100 .headline2 .head_search i {margin-left: 0}
  .news_list06 .left .big_words {font-size: 48px}
  .List_type02 .el .right {padding: 24px}
  .List_type02 .el .right .title::after {left: -24px}
  .news_list06 .right .el .words .summary {display: none}
  .show_type18_box .left .content_box .show_type18 {height: auto}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_prev {left: 80px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 140px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div {margin-top: -20px}
}
@media screen and (max-width: 768px) {
  .sep-home-thumb-list .pp-lists {width: calc(50% - 30px)}
  .sep-footer .footer_body .footer1-box .footer1 > div {max-width: 100% !important}
  .foot_last_box .foot_last .mid span {display: block;width: 100%;text-align: center;margin-left: 0}
  .sep-header .head_box .w100 .headline2 .home_logo {max-width: 160px !important}
  .sep-home-thumb-list .titles-a {font-size: 20px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 200px}
}
@media screen and (max-width: 667px) {
  .news_list06 {margin-top: 25px}
  .news_list06 .right .el .words .title {margin-bottom: 0}
  .show_type18_box .left {padding-bottom: 280px}
  .index_body .index3 .content_box {margin-top: 20px}
  .List_type02 .el {margin-top: 30px}
  .List_type02 .el:nth-child(1) {margin-top: 0}
  .List_type04 .el .right .summary {height: auto}
  .mt50 {margin-top: 30px}
  .sep-home-thumb-list .pp-lists {width: calc(100% - 30px);margin-top: 20px}
  .show_type18_box .left .content_box .show_type18 .left_box {width: 0}
  .show_type18_box .left .content_box .show_type18 .show18_swiper {margin-left: auto;margin-right: auto}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_prev {left: 10px}
  .show_type18_box .left .content_box .show_type18 .left_box .last > div.show18_swiper_next {right: 10px}
}
/***new**/

.showp-detail{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.showp-detail .showp-detail-product-profile{
  display: flex; flex-direction: row;
}
.showp-detail .showp-detail-product-profile .showp-detail-pic{
  width: 560px;margin-right: 30px;
}

.showp-detail .tag{
  margin-top: 20px;
  margin-bottom: 50px;
}
.showp-detail .showp-detail-content h3{
  margin-bottom: 40px;
}
.showp-detail .showp-detail-content .page{
  margin-top: 40px;
}
.showp-detail .showp-detail-content .blog-page{
  margin-top: 40px;
}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-bigPic{width: 100%;}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-bigPic a{ display: block;width: 100%;}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-bigPic a img{
  max-width: 100%;
}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic{
  display: flex; flex-wrap: nowrap;justify-content: flex-start;
  margin-top: 20px;
}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic .img{
  /**/width: calc(20% - 8px); margin-bottom: 10px; margin-right: 8px;
  border: #d1d1d1 solid 2px;
}
.showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic .img.active{
  border: #011b6a solid 2px;
}
@media  screen and (max-width: 768px) {
  .showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic{
    width: 100%;
    display: flex; flex-wrap: nowrap;justify-content: space-between;
    margin-top: 20px;
  }
  .showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic .img{
    /**/width: calc(20% - 8px); margin-bottom: 10px; margin-right: 8px;
    border: #d1d1d1 solid 2px;
  }
  .showp-detail .showp-detail-product-profile .showp-detail-pic .showp-detail-pic-smallPic .img.active{
    border: #011b6a solid 2px;
  }
}
.showp-detail .showp-detail-product-profile .showp-detail-text{
  width: calc(100% - 590px);
}
.showp-detail .showp-detail-product-profile .showp-detail-text h1{
  margin: 0 auto;
  padding: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 30px;
}
.showp-detail .showp-detail-product-profile .showp-detail-text ul{
  margin: 0 auto;
  padding: 0;
}
.showp-detail .showp-detail-product-profile .showp-detail-text ul li{
  line-height: 1.8em;
}
.showp-detail .showp-detail-content{
  line-height: 1.8em;
  word-wrap: break-word; /* 旧版浏览器支持 */
  overflow-wrap: break-word; /* 标准属性 */
}
.showp-detail .showp-detail-content h3{
  position: relative; text-align: center;
}
.showp-detail .showp-detail-content h3::after{
  /*          content:"";
            width: 100%;
            height: 1px;
            background: #d1d1d1;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;*/
}
.showp-detail .showp-detail-content h3 span{} 
.showp-detail .page{
  width: 100%;
  display: flex; justify-content: space-between;
}
.showp-detail .page>div{
  background: #f7f7f7;border-radius: 20px; height: 40px;color: #666666;
  padding: 0 15px; line-height: 40px;
}
.showp-detail .page>div>a{
  line-height: 40px; color: #666666;
}
.showp-detail .page .fll{
  width: calc(50%  - 20px); margin-right: 20px;
}
.showp-detail .page .flr{
  width: calc(50%  - 20px);margin-left: 20px;
}

.showp-detail .blog-page{
  width: 100%;
}
.showp-detail .blog-page>div{
  background: #f7f7f7;border-radius: 20px; height: 40px;color: #666666;
  padding: 0 15px; line-height: 40px;
}
.showp-detail .blog-page>div>a{
  line-height: 40px; color: #666666;
}
.showp-detail .blog-page .fll{
  width: calc(100%  - 0px); margin-bottom: 20px;
}
.showp-detail .blog-page .flr{
  width: calc(100%  - 0px);margin-bottom: 20px;
}
@media  screen and (max-width: 768px) {
  .showp-detail .showp-detail-product-profile{
    display: flex; flex-direction: column;
  }
  .showp-detail .showp-detail-product-profile .showp-detail-pic{
    width: 100%;margin-right: 0px;
  }
  .showp-detail .showp-detail-product-profile .showp-detail-text{
    margin-top: 30px;

    width: 100%;

  }
  .showp-detail .showp-detail-content img{
    max-width: 100%;
  }
  .showp-detail .page{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .showp-detail .page .fll{
    width: 100%;margin-right: 0px;margin-bottom: 30px;
  }
  .showp-detail .page .flr{
    width: 100%;margin-left: 0px;
  }
}
.index_body .owl-carousel{
    display: block; overflow: hidden;
}