@charset "utf-8";
 * {
     padding: 0;
     margin: 0;
     outline: 0;
     -webkit-tap-highlight-color: transparent;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box 
}
 :root {
     --font-size-f-14: .14rem;
     --font-size-f-16: .16rem;
     --font-size-f-18: .18rem;
     --font-size-f-20: .20rem;
     --font-size-f-22: .22rem;
     --font-size-f-24: .24rem;
     --font-size-f-26: .26rem;
     --font-size-f-28: .28rem;
     --font-size-f-30: .30rem;
     --font-size-f-32: .32rem;
     --font-size-f-34: .34rem;
     --font-size-f-36: .36rem;
     --font-size-f-38: .38rem;
     --font-size-f-40: .40rem;
     --font-size-f-42: .42rem;
     --font-size-f-44: .44rem;
     --font-size-f-46: .46rem;
     --font-size-f-48: .48rem;
     --font-size-f-50: .50rem;
     --font-size-f-52: .52rem;
     --color: #2da0db;
}
 @font-face {
     font-family:segoeui;
     src:url(../fonts/segoeui.woff2);
     font-display:swap 
}
 @font-face {
     font-family:segoeuib;
     src:url(../fonts/segoeuib.woff2);
     font-display:swap 
}
 @font-face {
     font-family:segoeuii;
     src:url(../fonts/segoeuii.woff2);
     font-display:swap 
}
 @font-face {
     font-family:seguisb;
     src:url(../fonts/seguisb.woff2);
     font-display:swap 
}
 @font-face {
     font-family:seguisbi;
     src:url(../fonts/seguisbi.woff2);
     font-display:swap 
}
 html {
     font-size: calc(100vw/19.2) 
}
 html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale 
}
 body {
     min-height: 100%;
     font-family: segoeui;
     font-size: var(--font-size-f-14);
     line-height: 1.5;
     color: #222 
}
 #videomodal .modal-dialog {
     max-width: 10rem 
}
 #imgModal .modal-dialog {
     max-width: 65rem;
     text-align: center 
}
 #imgModal .modal-content {
     max-width: 6.42rem;
     margin: auto 
}
 .modal-dialog {
     margin: .35rem auto 
}
 #imgModal .embed-responsive img {
     max-height: 6.5rem!important 
}
 .embed-responsive-16by9::before {
     padding-top: 0 
}
 #videomodal .embed-responsive {
     max-width: 8rem;
     margin: auto 
}
 .text-primary {
     color: #4a7ff5 
}
 hr {
     margin: .35rem 0 
}
 img {
     border: 0;
     vertical-align: top;
     max-width: 100% 
}
 ul {
     margin: 0;
     padding: 0 
}
 li {
     list-style: none 
}
 h1,h2,h3,h4,h5,h6 {
     font-weight: 400;
     margin-bottom: 0 
}
 a {
     color: #222;
     text-decoration: none;
     transition: all .3s ease-in;
     display: inline-block 
}
 a:focus,a:hover {
     text-decoration: none;
     color: var(--color) 
}
 button,input {
     border-radius: 0 
}
 button {
     cursor: pointer 
}
 input[type=button],input[type=reset],input[type=submit] {
     -webkit-appearance: button;
     cursor: pointer 
}
 textarea {
     resize: none;
     overflow: auto 
}
 button,input,select,textarea {
     border: 0;
     font-family: inherit;
     font-size: inherit;
     color: inherit;
     background: 0 0;
     outline: 0 
}
 select {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     white-space: nowrap;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none 
}
 select::-ms-expand {
     display: none 
}
 table {
     border-collapse: collapse 
}
 .table {
     margin-bottom: 0 
}
 .table table {
     width: 100% 
}
 .table td,.table th {
     border: .01rem solid #f2f4fb 
}
 .scale {
     transition: .6s all 
}
 .scale:hover {
     transform: scale(1.06) 
}
 .fl {
     float: left 
}
 .fr {
     float: right 
}
 .clear {
     zoom: 1 
}
 .clear:after {
     content: '';
     display: block;
     clear: both 
}
 .flex-center {
     display: flex;
     align-items: center 
}
 .flex {
     display: flex 
}
 .flex_bd {
     flex: 1;
     min-width: 0 
}
 p {
     margin: 0 
}
 dl,ol,ul {
     margin: 0 
}
 .ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap 
}
 .fixed {
     align-self: flex-start;
     position: sticky;
     top: .85rem 
}
 .swiper-pagination {
     bottom: 0!important;
     display: flex;
     justify-content: center;
     align-items: center 
}
 .swiper-pagination-bullet {
     width: .1rem;
     height: .1rem;
     border-radius: .06rem;
     background: 0 0;
     margin: 0 .08rem!important;
     border: .02rem solid var(--color);
     opacity: 1 
}
 .swiper-pagination-bullet-active {
     background: var(--color);
     display: inline-block 
}
 .hidden {
     display: none 
}
 .line-1 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical 
}
 .line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical 
}
 .line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical 
}
 .line-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical 
}
 .line-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical 
}
 .line-6 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical 
}
 .auto-container {
     max-width: 14rem;
     margin: auto 
}
 .top-search-overlay {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #000;
     z-index: 100;
     opacity: .8;
     display: none 
}
 .modal-header {
     padding: .2rem 
}
 .modal-title {
     font-size: var(--font-size-f-20) 
}
 .modal-header .close {
     padding: 0;
     margin: 0;
     line-height: .26rem;
     font-size: var(--font-size-f-30) 
}
 .modal-header .close span {
     font-size: var(--font-size-f-30);
     line-height: .26rem 
}
 .modal-body {
     padding: .2rem 
}
 .modal-content {
     border-radius: .1rem 
}
 figure {
     margin: 0 
}
 .btn_effect {
     width: 1.6rem;
     height: .5rem;
     line-height: .5rem;
     background: transparent;
     border-radius: .25rem;
     transition: box-shadow .3s ease,padding .2s ease,-webkit-box-shadow .3s ease;
}
 .btn_effect a {
     width: 100%;
     height: 100%;
     background: transparent;
     border-radius: .05rem;
     text-align: center;
     margin: auto;
     justify-content: center;
     align-items: center;
     border: .02rem solid #ffffff;
}
 .btn_effect a > p {
     font-size: .16rem;
     font-family: 'seguisb';
     color: #ffffff;
     margin-right: .1rem;
     text-transform: uppercase;
}
 .btn_effect .btn_effect_box {
     width: .12rem;
     overflow: hidden;
}
 .btn_effect .btn_effect_box .btn_effect_list {
     width: .24rem;
     margin-left: -.12rem;
     transition: margin .3s ease;
}
 .btn_effect .btn_effect_box .btn_effect_list img {
     max-width: .12rem;
     filter: brightness(0) invert(1);
}
 .btn_effect .btn_effect_box .btn_effect_list img:first-child {
}
 .btn_effect .btn_effect_box .btn_effect_list img:last-child {
     margin-right: 0;
}
 .btn_effect:hover {
     padding: .03rem;
}
 .btn_effect a:hover {
     background: #ffffff;
}
 .btn_effect a:hover p{
     color: var(--color);
}
 .btn_effect a:hover .btn_effect_box .btn_effect_list {
     margin-left: 0;
}
 .btn_effect a:hover .btn_effect_box .btn_effect_list img{
     filter: unset;
}
 .more_btn {
     overflow: hidden;
     cursor: pointer;
     display: block;
     position: relative;
     z-index: 0 
}
 .more_btn:before {
     content: "";
     position: absolute;
     z-index: -1;
     inset: -.01rem -.01rem -.01rem auto;
     width: 0;
    /* background-color: #12a5a3;
     */
     opacity: 1;
     transition: .36s cubic-bezier(.05,.92,.21,.97) 
}
 .more_btn .btn_icon {
     position: absolute;
     z-index: 1;
     top: 0;
     right: 0;
     bottom: 0;
     width: .6rem 
}
 .btn_icon:after,.btn_icon:before {
     content: "";
     position: absolute;
     right: 50%;
     bottom: 50%;
     background: url(/res/magic/images/icon_arrow_15.png) no-repeat;
     width: .15rem;
     height: .15rem;
     background-size: contain;
     max-width: .15rem;
}
 .btn_icon:before {
     transform: translate(50%,50%) translateZ(0) 
}
 .btn_icon:after {
     opacity: 0;
     transform: translate(50%,50%) translate3d(-20px,0,0) 
}
 .more_btn:hover:before {
     width: calc(100% + 2px);
     right: auto;
     left: -.01rem 
}
 .more_btn:hover .btn_icon:before {
     opacity: 0;
     transform: translate(50%,50%) translate3d(5px,0,0);
     transition: transform .24s cubic-bezier(.05,.85,.36,.98) .12s,opacity .24s cubic-bezier(.05,.85,.36,.98) .12s 
}
 .more_btn:hover .btn_icon:after {
     opacity: 1;
     transform: translate(50%,50%) translateZ(0);
     transition: transform .6s cubic-bezier(.05,.85,.36,.98) .48s,opacity .48s cubic-bezier(.05,.85,.36,.98) .48s;
}
 .loading-box {
     position: fixed;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,.5);
     z-index: 99;
     text-align: center;
     top: 0;
     padding-top: 10%;
     display: none 
}
 .loading-box img {
     width: 1.2rem 
}
 .hide {
     display: none 
}
 @keyframes more_btn_hover {
     0% {
         opacity: 1;
         transform: scale(1) translateX(0) 
    }
     30% {
         opacity: 0;
         transform: scale(.5) translateX(.15rem) 
    }
     30.1% {
         opacity: 0;
         transform: scale(.5) translateX(-.2rem) 
    }
     to {
         opacity: 1;
         transform: scale(1) translateX(0) 
    }
}
 .more_btn_hover {
     position: relative;
     display: inline-block 
}
 .more_btn_hover:before {
     content: "";
     vertical-align: middle;
     line-height: 1;
     display: inline-block;
     background: url(../images/arrow_icon.webp) no-repeat;
     width: .16rem;
     height: .16rem;
     background-size: .16rem;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto 
}
 .more_btn_hover:hover:before {
     animation: more_btn_hover cubic-bezier(.785,.135,.15,.86) .5s forwards 
}
 .btn_effect1 {
     place-items: center;
     position: relative;
     transition: color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1) 
}
 .btn_effect1>span {
     overflow: hidden;
     width: 100%;
     display: block;
     line-height: normal 
}
 .btn_effect1 .effect_label {
     display: block;
     position: relative;
     text-align: center;
     transform: translateZ(0);
     transition: transform .5s cubic-bezier(.47,.16,.24,1) .3s 
}
 .btn_effect1 .effect_label>span {
     display: block;
     width: 100% 
}
 .btn_effect1 .effect_label>span:nth-child(2) {
     left: 0;
     opacity: 0;
     padding-right: 0;
     position: absolute;
     top: 0;
     transform: translate3d(0,200%,0);
     transition: transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1) 
}
 .btn_effect1:hover .effect_label {
     transform: translate3d(0,-100%,0);
     transition: transform .4s cubic-bezier(.47,.16,.24,1) 
}
 .btn_effect1:hover .effect_label>span:nth-child(2) {
     opacity: 1;
     transform: translate3d(0,100%,0);
     transition: transform .7s cubic-bezier(.47,.16,.24,1) .3s 
}
 .btn_effect2 {
     border-radius: 99.99rem;
     background-color: #e5e5e5;
     transition-duration: .5s;
     transform: scaleX(1) scaleY(1) 
}
 .btn_effect2:hover {
     transform: scaleX(.9) scaleY(.9) 
}
 .btn_effect2 .effect2_label {
     transition-duration: .5s;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .btn_effect3 .effect3_label_icon {
     transition: transform .4s ease-in-out;
     transform: translate(0,0) 
}
 .btn_effect3 .effect3_label_icon .label_icon img {
     max-width: .13rem;
     vertical-align: baseline 
}
 .btn_effect3:hover .effect3_label_icon {
     transition: transform .2s cubic-bezier(.25,.46,.45,.94) 
}
 .btn_effect3 {
     padding-right: .2rem;
     display: inline-grid;
     place-items: center;
     position: relative;
     transition: color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1) 
}
 .btn_effect3:hover {
     background-color: var(--color)!important;
     border-color: var(--color)!important;
     color: #fff;
     transition: color .3s cubic-bezier(.26,.06,0,1) .3s,background-color .8s cubic-bezier(.26,.06,0,1) .3s,border-color .8s cubic-bezier(.26,.06,0,1) .3s 
}
 .effect3_label_icon {
     background-color: var(--color);
     border-radius: .4rem;
     color: #fff;
     display: grid;
     height: .4rem;
     left: calc(.4rem/4);
     place-items: center;
     position: absolute;
     top: calc(50% - .4rem/ 2);
     transform: translateZ(0);
     width: .4rem 
}
 .effect3_label {
     display: block;
     position: relative;
     text-align: center;
     transform: translateZ(0);
     transition: transform .5s cubic-bezier(.47,.16,.24,1) .3s 
}
 .effect3_label>span {
     display: block;
     width: 100%;
     font-size: var(--font-size-f-16);
     font-family: fradm;
     text-transform: uppercase 
}
 .effect3_label>span:first-child {
     padding-left: calc(.6rem) 
}
 .effect3_label>span:nth-child(2) {
     left: -.1rem;
     opacity: 0;
     padding-right: 0;
     position: absolute;
     top: 0;
     transform: translate3d(0,200%,0);
     transition: transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1) 
}
 .btn_effect3:hover .effect3_label {
     transform: translate3d(0,-100%,0);
     transition: transform .4s cubic-bezier(.47,.16,.24,1) 
}
 .btn_effect3:hover .effect3_label>span:nth-child(2) {
     opacity: 1;
     transform: translate3d(0,100%,0);
     transition: transform .7s cubic-bezier(.47,.16,.24,1) .3s 
}
 .head {
     position: fixed;
     width: 100%;
     z-index: 99;
     padding: 0 1rem;
     transition: all .3s ease-in-out;
     background: #ffffff;
}
 .head.c-style2 {
}
 .head nav {
     display: flex;
     justify-content: space-between;
     min-height: 1rem;
     align-items: center;
}
 .head.c-style2 nav {
     border-radius: 0 
}
 .head .nav_logo {
     display: flex;
     align-items: center;
     width:25% 
}
 .head .nav_logo .logo_icon {
     display: inline-block;
}
 .head .nav_logo .logo_icon img {
}
 .head .nav_item {
     display: flex;
     width: 11.5rem;
     align-items: center;
     justify-content: flex-end;
}
 .head .nav_item .item{
     margin-left: .30rem;
}
 .head .nav_item .item:first-child-child{
     margin-left: 0;
}
 .head .nav_item .item:hover .dropdown_link.children {
}
 .head .nav_item .item .dropdown_link{
     line-height: .9rem;
     margin-top: .1rem;
     position: relative;
}
 .head .nav_item .item .dropdown_link::before {
     content: "";
     position: absolute;
     bottom: -.01rem;
     right: 100%;
     width: 0;
     height: 100%;
     border-bottom: .02rem solid var(--color);
     transition: 0.2s all linear;
}
 .head .nav_item .item:hover .dropdown_link::before, .head .nav_item .item.active .dropdown_link::before {
     width: 100%;
     right: 0;
     transition-delay: 0.1s;
     border-bottom-color: var(--color);
     z-index: -1;
}
 .head .nav_item .item:hover .dropdown_link ~ .head .nav_item .item .dropdown_link::before {
     left: 0;
}
 .head .nav_item .item .dropdown_link a {
     font-family: seguisb;
     font-size: var(--font-size-f-16);
     line-height: 1rem;
     text-transform: uppercase;
     position: relative;
}
 .head .nav_item .item:last-child .dropdown_link a {
     margin-right: .2rem 
}
 .head .nav_item .item .dropdown_link a span {
     line-height: initial 
}
 .head .nav_item .item .dropdown_menu {
     position: absolute;
     top: 1.01rem;
     width: 100%;
     left: 0;
     max-width: 100%;
     opacity: 0;
     visibility: hidden;
     transition: all .5s linear;
     background: rgb(0 0 0 / 80%);
}
 .head.c-style2 .nav_item .item .dropdown_menu {
     border-radius: 0 
}
 .head .nav_item .item.active .dropdown_link a span,.head .nav_item .item:hover .dropdown_link a span {
     color: var(--color) 
}
 .head .nav_item .item:hover .dropdown_link.children:after {
     opacity: 1;
     visibility: unset;
     transition: all .5s ease-in 
}
 .head .nav_item .item:hover .dropdown_menu {
     opacity: 1;
     visibility: unset 
}
 .head .nav_item .item .submen_list {
     display: flex;
     width: 12rem;
     padding: .4rem 0;
     flex-wrap: wrap;
     visibility: hidden;
     border-radius: .1rem;
     margin: auto;
     align-items: baseline;
}
 .head .nav_item .item:hover .submen_list {
     visibility: unset 
}
 .head .nav_item .item .submen_list li {
     width: 20%;
     margin-bottom: .4rem;
     text-align: center;
}
 .head .nav_item .item .submen_list .submen_head {
     margin-bottom: .1rem;
}
 .head .nav_item .item .submen_list .submen_head .head_icon{
     min-height: .7rem;
}
 .head .nav_item .item .submen_list .submen_head .head_icon a {
     overflow: hidden;
     display: flex;
     min-height: .7rem;
     align-items: flex-end;
     justify-content: center;
}
 .head .nav_item .item .submen_list .submen_head .head_icon img {
     max-width: 100%;
     /*filter: brightness(0) invert(1);*/
}
 .head .nav_item .item .submen_list li:hover .submen_head .head_icon img{
     filter: none;
}
 .head .nav_item .item .submen_list .submen_head>a {
     font-size: var(--font-size-f-18);
     font-family: fradm;
     margin-top: .05rem;
     display: inline-block;
     color: #ffffff;
}
 .head .navbar_right {
     display: flex;
     width: 25%;
     justify-content: flex-end 
}
 .head .navbar_right .navbar_group {
     display: flex;
     align-items: center 
}
 .head .navbar_right .navbar_group .langage_box {
     width: .7rem;
     position: relative;
     cursor: pointer 
}
 .head .navbar_right .navbar_group .langage_box .icon_box {
     display: inline-block 
}
 .head .navbar_right .navbar_group .langage_box .icon_box img {
     max-width: .24rem;
     vertical-align: middle 
}
 .head .navbar_right .navbar_group .langage_box .langage_txt {
     display: inline-block;
     font-size: var(--font-size-f-16);
     font-family: fradm;
     margin-left: .05rem;
     position: relative;
     top: .03rem 
}
 .head .navbar_right .navbar_group .langage_box .langage_txt:before {
     display: block;
     content: '';
     background: url(/res/magic/images/icon_down_arrow.webp);
     width: .07rem;
     height: .06rem;
     max-width: .07rem;
     position: absolute;
     right: -.15rem;
     top: .08rem;
     background-size: contain;
     background-repeat: no-repeat 
}
 .head .navbar_right .navbar_group .langage_box .langage_select {
     position: absolute;
     background: rgb(132,36,64,.3);
     text-align: center;
     width: 100%;
     max-width: .7rem;
     top: .28rem;
     opacity: 0;
     visibility: hidden;
     transition: all .3s ease-in 
}
 .head .navbar_right .navbar_group .langage_box .langage_select a {
     color: #fff;
     display: inline-block;
     width: 100% 
}
 .head .navbar_right .navbar_group .langage_box:hover .langage_select {
     opacity: 1;
     visibility: unset 
}
 .head .navbar_right .navbar_group .langage_box .langage_select:hover {
     background: var(--color) 
}
 .head .navbar_right .navbar_group>a {
     width: 1.1rem;
     height: .4rem;
     margin-left: .17rem;
     font-size: var(--font-size-f-16);
     color: var(--color);
     text-transform: uppercase;
     border: .02rem solid var(--color);
     border-radius: .05rem;
     font-family: seguisb;
     display: grid;
}
 .head .navbar_right .navbar_group>a > span{
     margin-top: -.02rem;
}
 .head .navbar_right .navbar_group .icosearch {
     width: .36rem;
     height: .36rem;
     border-radius: .36rem;
     background: transparent;
     border: .02rem solid #dddddd;
     margin-right: .24rem;
     cursor: pointer;
}
 .head.c-style2 .navbar_right .navbar_group .icosearch {
}
 .head .navbar_right .navbar_group .icosearch .effect2_label {
     width: 100%;
     height: 100%;
     text-align: center 
}
 .head .navbar_right .navbar_group .icosearch img {
     max-width: .18rem;
     filter: brightness(0);
     vertical-align: text-bottom 
}
 .head .navbar_right .navbar_group .gtranslate_wrapper{}
 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_switcher_wrapper{
    position: relative !important;
    max-width: 1.4rem !important;
    right: 0 !important;
}

 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_container-z2ewn6 .gt_switcher{
 width: 1.4rem;
}
 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_container-z2ewn6 .gt_switcher a{
  padding: 0;
  line-height: .25rem;
  padding: 0 .05rem;
  font-size: var(--font-size-f-16);
 }
 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_container-z2ewn6 .gt_switcher .gt_selected a{
 width: 1.33rem;
 padding-right: 0;
 }
 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_container-z2ewn6 .gt_switcher .gt_option{
 position: absolute;
 max-width: 1.38rem;
}

 .head .navbar_right .search_con2 {
     height: .5rem;
     transform: scale3d(0,0,0);
     transform-origin: right center;
     transition: all .5s;
     width: 5rem;
     opacity: 0;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     position: absolute;
     right: .1rem;
     top: 20% 
}
 .head nav.c-style2 .navbar_right .search_con2 {
     top: 20% 
}
 .head .navbar_right .search_con2 .moblie_search_close img {
     max-width: .2rem;
     filter: invert(1);
}
 .head .navbar_right .search_con2 .search_input {
     width: 3.8rem;
     position: relative 
}
 .head .open .navbar_right .search_con2 {
     opacity: 1;
     transform: scale3d(1,1,1) 
}
 .head .open .navbar_box,.head .open .navbar_right .c_switch {
     opacity: 0;
     transform: scale3d(0,0,0) 
}
 .head .open .navbar_right .navbar_group {
     opacity: 0 
}
 .head .navbar_right .search_con2 .search_input input {
     height: .5rem;
     line-height: .5rem;
     overflow: hidden;
     border: .01rem solid #d4d4d4;
     border-radius: .05rem;
     font-size: var(--font-size-f-16);
     padding: 0 0 0 .2rem;
     box-shadow: unset;
     width: 100%;
     padding-right: .5rem 
}
 .head .navbar_right .search_con2 .search_input .search_btn {
     width: .5rem;
     height: .5rem;
     cursor: pointer;
     border: none;
     outline: 0;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 1;
     color: #222;
     line-height: .5rem 
}
 .head .navbar_right .search_con2 .search_input .search_btn img {
     vertical-align: middle;
     max-width: .17rem;
     filter: invert(1);
}
 .head .navbar_right .search_con2 .moblie_search_close {
     width: .3rem;
     height: .3rem;
     text-align: left;
     color: #222;
     line-height: .3rem;
     margin-top: .12rem 
}
 .head .navbar_right .search_con2 .moblie_search_close .iconfont {
     font-size: var(--font-size-f-20) 
}
 .footer {
     background-color: #222;
     padding-top: .9rem;
}
 .footer .auto-container {
}
 .footer {
}
 .footer {
}
 .footer .foot_cantact .foot_cantact_title {
     font-size: var(--font-size-f-30);
     line-height: .3rem;
     font-family: fradm;
     color: #fff;
     margin-bottom: .5rem;
     max-width: 90% 
}
 .footer .foot_cantact{
     padding: .3rem 0;
     border-bottom: 0.01rem solid rgb(255 255 255 / 8%);
}
 .footer .foot_cantact .auto-container{
     display: flex;
     justify-content: flex-start;
}
 .footer .foot_cantact .item {
     display: flex;
     margin-right: .5rem;
}
 .footer .foot_cantact .item .icon_box img {
     max-width: .24rem 
}
 .footer .foot_cantact .item .text_box {
     margin-left: .1rem 
}
 .footer .foot_cantact .item .text_box a,.footer .foot_cantact .item .text_box p {
     color: #aaaaaa;
}
 .footer .foot_cantact .item .text_box a {
     font-size: var(--font-size-f-16);
}
 .footer .foot_cantact .item .text_box a:hover {
     color: var(--color);
}
 .footer .foot_cantact .item .text_box p {
     font-size: var(--font-size-f-16);
     line-height: .24rem 
}
 .footer .foot_cate_item_box .foot_share {
     max-width: 2.6rem;
}
 .footer .foot_cate_item_box .foot_share .foot_title{
     padding-bottom: .2rem;
}
 .footer .foot_cate_item_box .foot_share a {
     margin-right: .15rem;
     margin-bottom: .1rem;
     display: inline-block;
}

 .footer .foot_cate_item_box .foot_share a > img {
     max-width: .48rem;
     transition: all .3s linear;
}
 .footer .foot_cate_item_box .foot_share a.wechat_code{
    position: relative;
}
 .footer .foot_cate_item_box .foot_share a.wechat_code .wechat_icon{
    width: 1rem;
    position: absolute;
    top: -1.05rem;
    right: -50%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
 .footer .foot_cate_item_box .foot_share a.wechat_code .wechat_icon img{
}
 .footer .foot_cate_item_box .foot_share a.wechat_code:hover .wechat_icon{
  opacity:1;
  visibility: unset;
 }
 .footer .foot_cate_item_box .foot_share a:hover img{
     opacity: .5;
}
 .footer .foot_cate_item_box .foot_share a.wechat_code:hover .wechat_icon img{
  opacity: 1;
 }
 .footer .foot_links {
     width: 2.65rem;
     border: .01rem solid #12a5a3;
     height: .4rem;
     cursor: pointer;
     line-height: .4rem;
     border-radius: .05rem;
     position: relative 
}
 .footer .foot_links .links_title {
     text-align: left;
     line-height: .38rem 
}
 .footer .foot_links .links_title div {
     font-size: var(--font-size-f-16);
     font-family: fradm;
     color: #12a5a3;
     text-transform: uppercase;
     border-right: .01rem solid #12a5a3;
     display: inline-block;
     padding: 0 .15rem 
}
 .footer .foot_links .links_title p {
     color: #12a5a3;
     display: inline-block;
     padding-left: .2rem;
     font-size: var(--font-size-f-16);
     line-height: .38rem;
     width: 65% 
}
 .footer .foot_links .links_title p:before {
     display: block;
     content: '';
     position: absolute;
     top: 50%;
     right: .1rem;
     transform: translateY(-50%) rotate(180deg);
     border-width: .1rem .06rem 0;
     border-style: solid;
     border-color: #12a5a3 transparent transparent transparent 
}
 .footer .foot_links:hover .links_title p:before {
     transform: translateY(-50%) 
}
 .footer .foot_links ul {
     display: none;
     position: absolute;
     bottom: .4rem;
     width: max-content;
     border-radius: .05rem;
     max-height: 5rem;
     overflow: auto;
     width: 100% 
}
 .footer .foot_links ul li {
     background: #fff;
     line-height: .4rem;
     padding: 0 .1rem 
}
 .footer .foot_links ul li:hover {
     background: #12a5a3 
}
 .footer .foot_links ul li a {
     font-size: var(--font-size-f-16);
     width: 100% 
}
 .footer .foot_links ul li:hover a {
     color: #fff 
}
 .footer .foot_links:hover ul {
     display: block 
}
 .footer .foot_cate_item_box{
     padding-bottom: .5rem;
     border-bottom: .01rem solid rgb(255 255 255 / 8%);
}
 .footer .foot_cate_item_box .auto-container{
     display: flex;
     justify-content: space-between;
}
 .footer .foot_cate_item_box .item {
     padding-right: 0.8rem;
}
 .footer .foot_cate_item_box .item .foot_title, .footer .foot_cate_item_box .foot_share .foot_title{
     font-size: var(--font-size-f-18);
     font-family: segoeuib;
     color: #fff;
     text-transform: uppercase 
}
 .footer .foot_cate_item_box .item .foot_cate_item_list {
     padding-top: .2rem 
}
 .footer .foot_cate_item_box .item .foot_cate_item_list a {
     display: block;
     color: #aaaaaa;
     font-size: var(--font-size-f-16);
     line-height: .36rem;
}
 .footer .foot_cate_item_box .item .foot_cate_item_list a:hover {
     color: var(--color) !important;
}
 .foot_bottom .auto-container{
     font-size: var(--font-size-f-16);
     display: flex;
     justify-content: space-between;
     padding: .5rem 0;
}
 .foot_bottom .auto-container {
     display: flex;
     justify-content: space-between 
}
 .foot_bottom .foot_bottom_head {
}
 .foot_bottom .foot_bottom_head p,.foot_bottom .foot_bottom_head p a {
     color: #666666;
}
 .foot_bottom .foot_bottom_head p {
     width: auto;
     display: inline-block;
     position: relative 
}
 .foot_bottom .foot_bottom_head p:last-child {
     margin-left: .35rem 
}
 .foot_bottom .foot_bottom_bottom a:last-child:before,.foot_bottom .foot_bottom_head p:last-child:before {
     display: none 
}
 .foot_bottom .foot_bottom_bottom a,.foot_bottom .foot_bottom_head p {
     transition: all .3s linear 
}
 .foot_bottom .foot_bottom_bottom a:hover,.foot_bottom .foot_bottom_head p:hover a {
     color: var(--color);
}
 .foot_bottom .foot_bottom_bottom {
     text-align: right 
}
 .foot_bottom .foot_bottom_bottom a {
     color: #666666;
     margin-right: .35rem;
     position: relative 
}
 .footer .right {
     width: 4rem;
     border: .03rem solid #12a5a3;
     border-radius: .2rem;
     padding: .25rem .4rem 
}
 .footer .foot_form .foot_form_title {
     font-size: var(--font-size-f-26);
     font-family: fradm;
     color: #12a5a3;
     margin-bottom: .2rem 
}
 .footer .foot_form .foot_form_box .input div {
     margin-bottom: .08rem 
}
 .footer .foot_form .foot_form_box .input div input,.footer .foot_form .foot_form_box .textarea textarea {
     width: 100%;
     border-radius: .25rem;
     background: #fff;
     font-size: var(--font-size-f-16) 
}
 .footer .foot_form .foot_form_box .input div input {
     height: .45rem;
     line-height: .45rem;
     padding-left: .15rem;
     padding-right: .1rem 
}
 .footer .foot_form .foot_form_box .input div input::placeholder,.footer .foot_form .foot_form_box .textarea textarea::placeholder {
     color: #222 
}
 .footer .foot_form .foot_form_box .textarea textarea {
     padding: .15rem;
     height: 1.4rem 
}
 .footer .foot_form .foot_form_box .submit {
     margin-top: .05rem;
     text-align: center 
}
 .footer .foot_form .foot_form_box .submit .btn_effect1 {
     width: 1.6rem;
     height: .45rem;
     background: var(--color);
     border-radius: .25rem;
     font-size: var(--font-size-f-16);
     font-family: fradm;
     color: #fff;
     text-transform: uppercase;
     border: .02rem solid transparent;
     transition: all .5s linear;
     display: inline-grid;
     cursor: pointer 
}
 .additional_features {
     position: fixed;
     right: .4rem;
     top: 60%;
     z-index: 200;
     box-sizing: border-box 
}
 .additional_features li {
     margin-bottom: .1rem;
     transition: all .5s linear 
}
 .additional_features li a {
     display: block;
}
 .additional_features li a img {
     vertical-align: middle;
     transition: all .3s linear;
     max-width: .5rem;
}
 .additional_features li a.left_whatsapp {
}
 .additional_features li a.left_whatsapp img {
}
 .additional_features li:hover {
     transform: scale(1.1);
}
 .additional_features li:hover a.left_whatsapp img {
}
 .additional_features li a.left_tel {
}
 .additional_features li a.left_tel img {
}
 .additional_features li:hover a.left_tel img {
}
 .additional_features li a.left_email {
}
 .additional_features li a.left_email img {
}
 .additional_features li:hover a.left_email img {
}
 .additional_features li a.up_btn {
}
 .additional_features li a.up_btn img {
}
 .additional_features li:hover a.up_btn img {
}
 .swiper-button-next,.swiper-button-prev {
     width: .4rem;
     height: .4rem;
     margin-top: 0;
     align-items: unset 
}
 .swiper-button-prev {
     left: -.9rem;
     transform: rotate(180deg) 
}
 .swiper-button-prev:hover {
}
 .swiper-button-next img,.swiper-button-prev img {
     max-width: .15rem;
     vertical-align: baseline;
}
 .swiper-button-next {
     right: -.9rem 
}
 .swiper-button-next:after,.swiper-button-prev:after {
     display: none 
}
 .swiper-button-next .more_btn_hover,.swiper-button-prev .more_btn_hover {
     width: .3rem;
     height: .3rem;
     border-radius: .3rem;
     background: var(--color) 
}
 .swiper-button-next .more_btn_hover::before,.swiper-button-prev .more_btn_hover::before {
     background-size: .11rem;
     width: .11rem;
     height: .11rem 
}
.swiper-button-lock{
    display: -webkit-inline-box;
}