@charset "utf-8";
html {font-size: 625%;}
@font-face {font-family: fontawesome;src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0);src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(../fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(../fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(../fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'FredokaOne';src: url('../fonts/FredokaOne-Regular.ttf');font-weight: normal;font-style: normal;font-display: swap;}
.FredokaOne{font-family: 'FredokaOne';}
body {font-size: 16px;background: #fff;-webkit-tap-highlight-color: transparent;}
a,abbr,address,blockquote,body,code,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,li,object,ol,p,pre,td,th,ul {margin: 0;padding: 0}body,button,html,input,textarea {color: #333;font-family:  Arial, Helvetica, sans-serif;line-height: 1.5}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {display: block}
h1 {font-size: 20px}
h2 {font-size: 18px}
h3 {font-size: 16px}
h4,h5 {font-size: 14px}
img {border: none;vertical-align: middle;max-width: 100%;height: auto;}
li {list-style: none}
em,i {font-style: normal}
a {color: #333;text-decoration: none}
a:focus {outline: 0}
a:hover {color: #355E40;text-decoration: none}
input[type=text]:focus {outline: 0}
input[type=button],
input[type=reset],
input[type=submit] {cursor: pointer}
input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {border: none;padding: 0}
input::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder {color: #999;opacity: 1}
input:-ms-input-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
hr {height: 1px;border: none;border-top: 1px dashed #c1c1c1;margin: 15px 0}
a:active,input,select,textarea {-webkit-tap-highlight-color: transparent;outline: 0 !important}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;outline: 0}
.cate_items ul:after,.clearfix:after,.detail-tabs:after,.nav_wrap .head_nav:after,.product-intro:after,.web_head .logo:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}
.clear {clear: both;}
.clearf {clear: both;overflow: hidden;}
.layout,body {margin: 0 auto;}
.layout {width: 90%;;max-width: 1400px;position: relative;}
.z9999 {z-index: 9999 !important;}
.hide {display: none;}
/* img */
.pubPic {position: relative;width: 100%;height: 0;overflow: hidden;}
.pubPic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;}
.flexColumn {-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flexSpaceBe {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;-moz-box-pack: justify;justify-content: space-between;}
.flexCenter {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;-moz-box-pack: center;justify-content: center;}
.flexWrap {flex-wrap: wrap;-webkit-box-flex: wrap;-webkit-flex-wrap: wrap;-moz-box-flex: wrap;-ms-flex-wrap: wrap;}
.alignCenter {-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;-moz-box-align: center;align-items: center;box-align: center;}
.alignBottom {-webkit-box-align: end;-ms-flex-align: end;-moz-box-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.ellipsis5 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.ellipsis6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;}
/* rightBox -- start */
.rightBox {position: fixed;top: 36%;right: 3px;z-index: 9999;display: none;}
.rightBox>div {cursor: pointer;width: 54px;border-radius: 2px;height: 54px;background: #000;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;position: relative;transition: all .5s ease-in-out;border-radius: 8px;}
.rightBox>div:last-child {background: #2329C5;}
.rightBox>div>img {width: 70%;height: auto;}
.rightBox>div:hover .showBox {display: block;}
.showBox {position: absolute;background-color: #000;padding: 6px 6px;border-radius: 8px;right: 0px;top: 50%;transition: all ease-in-out .5s;transform: translate(-56px,-50%);display: none;}
.showBox a {font-size: 16px;color: #fff;white-space: nowrap;}
.showBox img {width: 140px;max-width: none;}
/* rightBox -- end */
/* foot-btn -- start */
.foot-btn {position: fixed;left: 0;width: 100%;bottom: 0;z-index: 9999;display: none !important;}
.foot-btn a {width: 25%;height: 55px;display: flex;justify-content: center;align-items: center;cursor: pointer;border-right: 1px solid rgba(255, 255, 255, 0.15);background-color: #040529;}
.foot-btn a:nth-child(odd){background: #292a49;}
.foot-btn a:last-child {border-right: 0;}
.foot-btn img {width: 28px;margin: 0 auto;}
@media only screen and (max-width: 950px) {
.rightBox {display: none !important;}
.foot-btn {display: flex !important;background: #313134;box-shadow: 0 -2px 6px 3px rgba(0, 0, 0, 0.2);}
}
/* foot-btn --end */
/* transtion */
.ad_item figure figcaption .item_more,
.blog-item:after,
.change-language .change-language-title a:after,
.foot_item a,
.foot_sns li img,
.gotop,
.head_nav b:after,
.head_nav li a,
.head_sns li img,
.mobile-head-item .middle-show-content-wrap,
.nav_wrap .head_nav li li>a:before,
.nav_wrap .head_nav li li a,
.nav_wrap .head_nav li ul,
.newsletter .button,
.pages a,
.product-btn-wrap a,
.product-item .item-img img,
.product_item,
.product_item .item_img:after,
.product_item .item_img a,
.product_item .item_img a:after,
.product_item .item_img a:before,
.product_item .item_img img,
.product_item figure,
.product_item figure figcaption,
.side-product-items .btn-next,
.side-product-items .btn-prev,
.side_product_item .add-friend,
.side_product_item .add-friend:after,
.web_head,
.web_head .btn--search,
.web_head .btn--search:before {-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.head_txt a::before,
.change-language .change-language-title,
.nav_wrap .head_nav>li>a:after,
.foot_icon li a img,
.head_search_btn div,
.mobile-head-item.mobile-head-language .title:after,
.search_close_btn {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.head-search .search-btn,
.head_nav>li>a:before,
.icon-cate,
.language-flag span::after {-moz-transition: all .4s ease-in-out;-webkit-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}
.language-flag span::after,
.nav_wrap .head_nav>li>a>b:after,
.foot_right_form input.sub::before,
.company_item .video_icon::before,
.mobile-head-nav .title:before,
.mobile-head-language .title::before,
.mobile-head-language .title::after,
.head_nav>li:after,
.head_nav>li>b::before,
.swiper-button-prev:before,
.swiper-button-next:before,
.search_close_btn::before {font-family: fontawesome;font-style: normal;font-weight: 400;display: inline-block;}
a {-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
/* a:hover */
a:hover {color: #2A375E;}
.title{font-family: FredokaOne;}
/* web_head */
.web_head {width: 100%;z-index: 100;position: fixed;max-width: 1920px;background-color: #fff;}
.head_layer .layout {display: flex;justify-content: space-between;align-items: center;position: relative;width: 95%;box-sizing: border-box;max-width: 1600px;}
.web_head .logo {margin: 0 20px 0 0;}
.web_head .logo img {max-height: 46px;}
.web_head .head_right {float: right;}
.head_layer .nav_wrap {position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;display: flex;justify-content: flex-end;align-items: center;}
.nav_wrap .head_nav {white-space: nowrap;justify-content: flex-end;display: flex;width: calc(100% - 160px);position: relative;z-index: 2;}
.nav_wrap .head_nav,
.nav_wrap .head_nav a {color: #333;}
.nav_wrap .head_nav:after {display: none;}
.nav_wrap .head_nav>li {display: inline-block;line-height: 60px;font-size: 18px;perspective: 1500px;vertical-align: middle;position: relative;margin: 0 1.8%;}
.nav_wrap .head_nav>li:first-child {margin-left: 0;}
.nav_wrap .head_nav>li>a {position: relative;display: inline-block;padding: 14px 0;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);white-space: nowrap;text-transform: uppercase;}
.nav_wrap .head_nav>li.nav_current>a {color: #2A375E;font-weight: 600;}
.nav_wrap .head_nav>li.nav_current>a:after,
.nav_wrap .head_nav>li>a:after {position: absolute;left: 0;width: 100%;bottom: 30px;height: 2px;background: #333;content: '';}
.nav_wrap .head_nav>li.nav_current>a:after,
.nav_wrap .head_nav>li.nav_current:hover>a:after {background-color: #2A375E;}
.nav_wrap .head_nav>li>a:after {width: 0;}
.nav_wrap .head_nav>li>a>b {display: inline-block;margin-left: 5px;}
.nav_wrap .head_nav>li>a>b:after {content: '';width: 12px;height: 12px;display: block;background: url(../image/head_jt.webp) no-repeat center;}
.nav_wrap .head_nav>li:hover {z-index: 2;}
.nav_wrap .head_nav>li:hover>a {color: #2A375E;}
.nav_wrap .head_nav>li:hover>a:after {width: 100%;background: #2A375E;}
.nav_wrap .head_nav>li:hover>a>b:after {border-top-color: #2A375E;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.nav_wrap .head_nav li ul {width: 260px;padding: 0 0;background-color: #fff;position: absolute;left: 0;top: 100%;z-index: 999;-webkit-transform: translateY(8%);-ms-transform: translateY(8%);-o-transform: translateY(8%);transform: translateY(8%);opacity: 0;visibility: hidden;box-sizing: border-box;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;box-shadow: 4px 4px 14px rgba(0, 0, 0, .04);}
.nav_wrap .head_nav>li ul ul {left: 102%;top: 0;}
.nav_wrap .head_nav li:hover>ul {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;visibility: visible;}
.nav_wrap .head_nav li.menu_left ul {left: auto;right: 0;}
.nav_wrap .head_nav li.menu_left ul ul {right: 102%;}
.nav_wrap .head_nav>li li {position: relative;text-align: left;padding: 0;white-space: normal;}
.nav_wrap .head_nav>li li a {display: block;line-height: 1.4em;padding: 11px 24px 11px 18px;font-size: 16px;position: relative;overflow: hidden;color: #333;}
.nav_wrap .head_nav>li li:hover>a:before,
.nav_wrap .head_nav>li li a:before {content: "";display: block;width: 4px;height: 30%;position: absolute;left: 0;top: 40%;opacity: 0;}
.nav_wrap .head_nav>li li:hover>a:before,
.nav_wrap .head_nav>li li a:hover:before {top: 50%;margin-top: -11px;height: 22px;opacity: 1;background-color: #2A375E;color: #2A375E;}
.nav_wrap .head_nav>li li>a b:after {content: "";display: inline-block;width: 0;height: 0;overflow: hidden;border-left: 6px solid #2A375E;border-right: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.nav_wrap .head_nav>li li:last-child>a {border-bottom: 0;}

.nav_wrap .head_nav>li li:hover>a {color: #fff;background-color: #2A375E;}
.nav_wrap .head_nav>li li:hover>a b:after {border-left-color: #fff;}
.fixed-nav .head_layer {width: 100%;position: fixed;left: 0;top: 0;z-index: 9;-webkit-transition: none;-o-transition: none;transition: none;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);opacity: 1;background: rgba(255, 255, 255, 0.96);box-shadow: 1px 0 1px rgba(0, 0, 0, .3);box-shadow: 0 3px 12px rgba(0, 0, 0, 0.11);}
.fixed-nav .head_nav>li>a {padding: 4px 0;}
.fixed-nav .head_nav>li.nav_current>a:after,
.fixed-nav .head_nav>li>a:after {bottom: 20px;}
.fixed-nav .logo img {max-height: 40px;margin-right: 20px;}
.fixed-nav .nav_wrap .head_nav a {color: #333;}
.fixed-nav .head_search_btn .search_btn {background-image: url(../image/search.webp);}
.fixed-nav .change-language .change-language-cont {top: 47px;background-color: hsla(0, 0%, 100%, .95)}
.fixed-nav-active .head_layer {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;z-index: 100;}
.fixed-nav-active .nav_wrap:before {opacity: 1;height: 100%;}
.fixed-nav-active .head_layer .sheader {display: none;}
/* head_touch */
.head_touch {margin: 0 0 0 1.2%;}
/* head_tel */
.head_tel {margin-left: 1.2%;}
.head_tel .tel {text-align: center;position: relative;display: block;height: 50px;padding-left: 60px;}
.head_tel .tel::before {display: block;width: 50px;height: 50px;background-color: #2A375E;content: '';position: absolute;left: 0;top: 0;}
.head_tel .tel .icon_tel {width: 50px;height: 50px;padding: 13px;position: absolute;left: 0;top: 0;}
.head_tel .tel span {color: #666;display: block;}
.head_tel .tel b {font-weight: bold;font-family: 'Roboto-Bold';}
.head_tel .tel:hover .icon_tel {animation: swing 0.5s;}
/* head_search */
.head_search {position: relative;margin: 0 3%;}
.head_search::after{content: ' ';width: 1px;height: 100%;position: absolute;right: -25px;top: 0;display: block;background-color: #333;}
.head_search_btn {width: 20px;height: 20px;overflow: hidden;}
.head_search_btn div {display: block;width: 100%;height: 100%;background-size: 18px auto;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.head_search_btn .search_btn {background-image: url(../image/search.webp);}
.web_search {position: fixed;left: 0;right: 0;top: 0;height: auto;box-shadow: 0 0 6px 3px rgba(0, 0, 0, .2);background: rgba(255, 255, 255, 0.96);z-index: 999;visibility: hidden;opacity: 0;pointer-events: none;height: 0;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.search_open {visibility: visible;opacity: 1;pointer-events: auto;height: auto;}
.search_close_btn {width: 36px;height: 36px;position: relative;background: url(../image/search_btn_close.png) no-repeat center/ 14px;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;margin-left: 5%;cursor: pointer;margin-bottom: 20px;}
.search_close_btn:hover {background-color: #2A375E;transform: rotate(90deg);}
.search_form {flex: 1;overflow: hidden;margin: 50px 0;}
.search_tip {text-align: right;color: #666;padding: 5px 0 0;clear: both;margin-right: 150px;}
.search-ipt {border: 0;background: 0 0;border-radius: 0;-webkit-appearance: none;border-bottom: 1px solid #999;-moz-transform: scale3d(0, 1, 1);-webkit-transform: scale3d(0, 1, 1);-ms-transform: scale3d(0, 1, 1);-o-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-moz-transform-origin: 0% 50%;-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;-moz-transition: transform .3s;-webkit-transition: transform .3s;-ms-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;opacity: 0;}
.search_open .search-ipt {opacity: 1;-moz-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}
.search_form .search-ipt {line-height: 60px;padding: 0 20px 0 0;width: calc(100% - 150px);float: left;font-size: 26px;}
.search_form .search_submit {background: url(../image/search_btn.webp) no-repeat 18% center/ auto 35%;background-color: #2A375E;float: right;width: 150px;height: 50px;margin: 0;border: none;padding: 0;color: #fff;border-radius: 25px;padding: 0 0 0 24px;font-size: 16px;margin-top: 5px;}
.search_form .search_submit:hover {opacity: 0.9;}
@media only screen and (max-width: 1450px) {
.head_tel {display: none;}
}
@media only screen and (max-width: 1350px) {
.head_touch .pubMore {padding: 0 15px;}
.nav_wrap .head_nav>li {margin: 0 1.5%;}
}
@media only screen and (max-width: 1200px) {
.head_search {margin-left: 2%;}
}
@media only screen and (max-width: 950px) {
body {min-width: 100%}
.layout {padding: 0 10px;}
.z10000 {position: relative;z-index: 100000}
}
.mobile-head-items {display: none;}
.mobile-head-items .trp-language-wrap a {display: block;margin-right: 15px;}
.change-language .change-language-title {height: 35px;display: flex;align-items: center;padding: 10px;}
.change-language .change-language-title .language-flag a {display: flex;justify-content: start;align-items: center;margin-right: 5px;}
.change-language .change-language-title .language-flag span {position: relative;display: inline-block;vertical-align: middle;white-space: nowrap;overflow: hidden;line-height: 24px;color: #333;text-transform: capitalize;}
.change-language .change-language-title .language-flag b {background: url(../image/lang_icon.webp) no-repeat left top;width: 22px;height: 22px;}
.change-language .change-language-title .language-flag span::after {content: '\f107';font-size: 16px;transform: rotate(0deg);margin-left: 8px;display: inline-block;}
.change-language:hover .change-language-title .language-flag span::after {transform: rotate(180deg);color: #2A375E;}
.change-language ::-webkit-scrollbar {width: 5px;}
/* .change-language .change-language-title a:after {
content: ""; display: inline-block; width: 0; height: 0;
border-top: 5px solid #333; border-bottom: 0;
border-left: 4px solid transparent; border-right: 4px solid transparent;
vertical-align: middle;
}
.change-language:hover .change-language-title a:after {
-moz-transform: rotate(-1turn);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg)
} */
.change-language .change-language-cont {position: absolute;top: 130%;right: 0;width: 500px !important;background: #fff;padding: 20px 15px 20px 20px;transform: scale3d(.9, .9, 1);opacity: 0;visibility: hidden;z-index: 999;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border: 1px solid #eee;border-radius: 5px;overflow-y: scroll;max-height: 80vh;}
.change-language .change-language-cont li {display: inline-block;vertical-align: top;width: 48%;margin: 0 4% 0 0;overflow: hidden;padding: 0 10px 0 0;border-bottom: 1px solid #ececec;float: left;}
.change-language .change-language-cont li:nth-child(2n) {margin-right: 0;}
.change-language .change-language-cont li a {display: block;padding: 7px 0;text-transform: capitalize;}
.change-language:hover .change-language-cont {transform: scaleX(1);opacity: 1;visibility: visible;}
.change-language:hover .change-language-title {border-color: rgba(236, 90, 43, 0.9);}
.change-language .prisna-wp-translate-seo,
.mobile-head-language .prisna-wp-translate-seo {display: block;}
.change-language .change-language-cont li a:hover {color: #355e40;}
.change-language .change-language-cont .lang-item-hide {display: none !important;}
.change-language .change-language-cont .lang-more {position: relative;display: block;text-align: center;cursor: pointer;line-height: 30px;}
.change-language .change-language-cont .more-active {font-size: 20px;}
.change-language ::-webkit-scrollbar-track {background-color: #fff;}
.change-language ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {display: block;}
.ibanner{position: relative;padding: 12% 0;border-top: 0px solid #fff;}
.ibanner::before{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);display: block;content: ' ';top: 0;z-index: 2;}
.ibanner img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;}
.ibanner .h1{position: relative;z-index: 2;font-size: 40px;text-align: center;color: #fff;max-width: 1200px;margin: 0 auto;}
.crumb {display: flex;justify-content: start;align-items: center;flex-wrap: wrap;}
.crumb li{padding: 10px 0;display: inline-block;padding-right: 40px;position: relative;}
.crumb li::after {content: '';position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);}
.crumb li:last-child{pointer-events:none}
.crumb li:last-child::after {display: none;}
.crumb li:last-child a{color: #999999;}
.crumb li a:hover{color: #2A375E;text-decoration: underline;}
.page_list {display: flex;justify-content: space-between;align-items: start;margin-top: 3%;padding: 0;}
.page_list .left{position: sticky;top: 100px;width: 30%;max-width: 300px;}
.page_list .left .title{background: url(../image/title_bg.webp) no-repeat center/cover;display: flex;justify-content: center;align-items: center;padding: 5% 8%;font-size: 20px;color: #fff;margin-bottom: 15%;}
.page_list .left .list>li{padding-left: 30px;position: relative;padding-right: 30px;}
.page_list .left .list>li.has-child{position: relative;}
.page_list .left .list>li.has-child b{content: ' ';width: 30px;height: 30px;background: url(../image/next.webp) no-repeat center/8px;display: block;position: absolute;right: 0;top: 0;;cursor: pointer;z-index: 1;transition: all .5s;}
.page_list .left .list>li b:hover{background:#2A375E url(../image/anext.png) no-repeat center/8px;}
.page_list .left .list a{display: block;line-height: 2;}
.page_list .left .list a:hover{text-decoration: underline;}
.page_list .left .list>li>a::before{content: ' ';width: 5px;height: 5px;border: 1px solid #2A375E;position: absolute;left: 15px;top: 12px;border-radius: 50%;}
.page_list .left .list li li>a{padding-right: 30px;}
.page_list .left .list>li.active a::before{background-color: #2A375E;}
.page_list .left .list>li.nav-current a::before{background-color: #2A375E;}
.page_list .left .list>li ul{display: none;}
.page_list .left .list>li ul li{position: relative;}
.page_list .left .list>li.active>ul{display: block;}
.page_list .left .list>li.active b{transform: rotate(90deg);}
.page_list .left .list li.nav-current>ul{display: block;padding-left: 10px;}
.page_list .left .list li.nav-current>b{transform: rotate(90deg);}
.page_list .left .list li.nav-current>a{text-decoration: underline;}
@media only screen and (max-width: 950px) {
/* mobile-header */
.mobile-body-mask {width: 100%;height: 100vh;background: rgba(0, 0, 0, .6);position: fixed;left: 0;top: 0;z-index: 90;}
.mobile-ico-close {width: 30px;height: 30px;position: absolute;right: -35px;top: 0;background: #fff url(../image/mobile_close.png) 50% no-repeat;background-size: 50% auto;cursor: pointer;font-family: fontawesome;}
.mobile-head-items {position: fixed;top: 0;left: 0;width: 100%;height: 88px;line-height: 40px;display: flex;justify-content: space-between;z-index: 1000;background: #2A375E;padding: 0 15px;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
/* mobile_head_top */
.mobile_head_top {margin-top: 10px;align-items: center;}
.mobile_head_tel .tel {text-align: center;position: relative;display: block;height: 24px;padding-left: 34px;line-height: 24px;}
.mobile_head_tel .tel::before {display: block;width: 24px;height: 24px;background-color: #2A375E;content: '';position: absolute;left: 0;top: 0;}
.mobile_head_tel .tel .icon_tel {width: 24px;height: 24px;padding: 6px;position: absolute;left: 0;top: 0;}
.mobile_head_tel .tel b {font-weight: bold;font-family: 'Roboto-Bold';}
.mobile_head_tel .tel:hover .icon_tel {animation: swing 0.5s;}
/* mobile_head_bot */
.mobile_head_bot {margin-bottom: 10px;}
.phoneLogo img {height: 30px;display: block;max-width: none;}
.mobile_head_top {margin: 20px 0 16px;}
.mobile_gn {display: flex;align-items: center;}
.mobile-head-item {float: left;width: 30px;margin-right: 20px;display: flex;align-items: center;}
.mobile-head-item:last-child{margin-right: 0;}
.mobile-head-search {}
.mobile-head-language {width: 30px;}
.mobile-head-nav {width: 30px;}
.mobile-head-item.mobile-head-aside {float: right}
.mobile-head-item .title {width: 100%;height: 35px;line-height: 30px;overflow: hidden;text-align: center;cursor: pointer;position: relative;-webkit-tap-highlight-color: transparent;font-size: 14px;}
.mobile-head-item.mobile-head-language .title {font-size: 18px;text-align: left;display: flex;}
.mobile-head-item .title a {position: relative;display: block;}
.mobile-head-item .title:before {width: 100%;height: 100%;content: '';display: inline-block;}
.mobile-head-item.mobile-head-home .title a:before {content: "\f015";}
.mobile-head-item.mobile-head-nav .title:before {width: 100%;float: left;height: 100%;background: url(../image/mobile_nav.png) no-repeat center/ 100% auto;}
.mobile-head-item.mobile-head-language .title:before {width: 30px;float: left;background: url(../image/mobile_language.png) no-repeat left center/ 100% auto;}
.mobile-head-item.mobile-head-language .title_up:after {transform: rotate(180deg);}
.mobile-head-item.mobile-head-search .title:before {background: url(../image/mobile_search.png) no-repeat center/ 100% auto;}
.mobile-head-item.mobile-head-social .title:before {content: "\f007";}
.mobile-head-item.mobile-head-aside .title:before {content: "\f060";}
.mobile-head-item .main-content-wrap {background: #fff;top: 0;display: block;z-index: 99999;}
.mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height: 100%;padding: 15px 10px 55px;background-color: #fff;}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y: hidden;}
.mobile-head-item .side-content-wrap {position: fixed;display: block;left: -70%;width: 70%;height: 100%;text-align: left;}
.mobile-head-item .middle-content-wrap {position: absolute;left: 0;width: 100%;height: auto;padding: 20px 0;opacity: 0;visibility: hidden;}
.mobile-head-item .middle-show-content-wrap {top: 30px;visibility: visible;opacity: 1;}
/* language */
.mobile-head-items .trp-language-wrap {padding-bottom: 42px;}
.mobile-head-items .trp-language-wrap a {margin-right: 0;border-bottom: 1px solid #f2f2f2;}
.mobile-head-items .change-language-cont li {border-bottom: 1px solid #ececec;}
.mobile-head-items .change-language-cont li a {display: block;text-transform: capitalize;}
/* .search_form */
.mobile-head-search .middle-content-wrap {padding: 10px 15px;top: 50px;}
.middle-content-wrap .search_form {display: block;left: 20px;top: 20px;right: 20px;width: auto;position: static;margin: 0;}
.mobile-head-search .main-content-wrap .content-wrap {padding: 15px 0;}
.search_form .search-ipt {width: calc(100% - 111px);opacity: 1;-webkit-appearance: none;-moz-transform: none;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;-moz-transform-origin: 0% 50%;-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;-moz-transition: transform .3s;-webkit-transition: transform .3s;-ms-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;font-size: 20px;line-height: 42px;}
.search_form .search_submit {width: 110px;height: 42px;background-position: 16% center;margin-top: 0;}
.mobile-head-search .mobile-ico-close {top: -35px;right: 0;}
.search_tip {display: none;}
.head_nav {width: 100%;}
.head_nav li {position: relative;display: block;width: 100%;font-size: 16px;}
.head_nav>li {border-bottom: 1px solid #eee;line-height: 35px;}
.head_nav>li b.up_icon{transform: rotate(90deg);}
.head_nav>li b {position: absolute;right: 0;top: 5px;transition: all .5s;color: #999;font-size: 12px;display: flex;justify-content: center;align-items: center;width: 30px;}
.head_nav>li b::after{content: '';width: 30px;height: 30px;display: inline-block;background: url(../image/next.webp) no-repeat center/ 10px;}
.head_nav>li a b{display: none;}
.head_nav li ul {display: block;width: 100%;}
.head_nav li ul li {width: auto;padding: 0 10px;font-size: 16px;text-transform: lowercase;line-height: 30px;}
.head_nav li ul li:before {content: "";width: 3px;height: 3px;background: #999;border-radius: 50%;position: absolute;left: 0;top: 15px;}
.head_nav li a{display: block;text-transform: capitalize;padding: 5px 0;}
.head_nav li ul li li {line-height: 25px;}
.head_nav li ul li li:before {display: none;}
.web_head .nav_wrap {display: none;}
}
/* web_form */
.web_form {position: relative;z-index: 1;display: none;}
.web_form_wrap {background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0.26rem 0.5rem;align-items: center;}
.web_form_left {width: 48%;color: #fff;}
.web_form_left .title {font-size: 0.46rem;text-transform: uppercase;line-height: 1.25;}
.web_form_left .brief {line-height: 1.5;}
.web_form_input {width: 48%;}
.web_form_input input.txt {background: #fff;border: 0;height: 0.6rem;width: calc(50% - 0.1rem);padding: 0 0.2rem;font-size: 0.16rem;}
.web_form_input .sub_btn {background: none;border: 1px solid #fff;height: 0.6rem;margin-top: 0.15rem;width: 100%;font-size: 20px;color: #fff;cursor: pointer;}
.web_form_input .sub_btn:hover {background: rgba(236, 90, 43, 0.8);}
@media only screen and (max-width: 950px) {
.web_form_wrap {padding: 12px 15px;}
.web_form_left {width: 43%;}
.web_form_input {width: 53%;}
.web_form_left .title {font-size: 0.34rem;}
.web_form_left .brief {display: none;}
.web_form_input input.txt {font-size: 0.24rem;padding: 0 0.15rem;}
.web_form_input .sub_btn {font-size: 16px;height: 0.54rem;}
}
/* web_footer */
.web_footer{padding-top: 12%;background: #2a375e url(../image/footer_bg.jpg) no-repeat center -65px/cover;position: relative;}
/* .web_footer::before{content: ' ';display: block;width: 100%;height: 1px;position: absolute;top: 40%;left: 0;background-color: #4A5D97;} */
.web_footer .top{padding-bottom:3%;}
.web_footer .center .layout{padding-top:3%;display: flex;justify-content: space-between;align-items: start;flex-wrap: wrap;border-top: 1px solid #4A5D97;}
.web_footer .center .foot_item{width: 15%;}
.web_footer .center .footer_form{width: 25%;}
.web_footer .center .foot_content{width: 28%;}
.web_footer  .foot_item .title{font-size: 20px;color: #fff;margin-bottom:10px}
.web_footer .form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.web_footer .footer_form input{width:100%;background-color: transparent;border: none;border-bottom: 1px solid #fff;padding: 2% 0 ;color: #fff;margin-bottom: 10px;font-size: 18px;}
.web_footer .footer_form input::placeholder{color: #fff;}
.web_footer .footer_form input.inlin{width: 45%;}
.web_footer .footer_form .submit-btn{border-radius: 23px 5px 23px 5px;background-color: #fff;font-size:16px;color:#2A375E;padding: 5px 30px ;margin: 20px 0 0;border: 1px solid #fff;height:auto}
.web_footer .footer_form .submit-btn:hover{border: 1px solid #fff;background-color: #2A375E;color:#fff;}
.web_footer .foot_item,.web_footer .foot_item a{color: #fff;font-size: 16px;}
.web_footer .foot_item a:hover{text-decoration: underline;}
.web_footer .foot_content .warp p{padding-left: 35px;position: relative;margin: 10px 0;}
.web_footer .foot_content .add::before{content: ' ';width: 17px;height: 21px;position: absolute;top: 2px;left: 2px;background: url(../image/add.webp) no-repeat center/ 100%;}
.web_footer .foot_content .email::before{content: ' ';width: 20px;height: 16px;position: absolute;top: 2px;left: 0;background: url(../image/email.webp) no-repeat center/ 100%;}
.web_footer .foot_content .phone::before{content: ' ';width: 18px;height: 18px;position: absolute;top: 2px;left: 0;background: url(../image/phone.webp) no-repeat center/ 100%;}
.web_footer .foot_content .wechat::before{content: ' ';width: 23px;height: 19px;position: absolute;top: 2px;left: 0;background: url(../image/wx.webp) no-repeat center/ 100%;}
.web_footer .foot_content .whatsapp::before{content: ' ';width: 20px;height: 20px;position: absolute;top: 2px;left: 0;background: url(../image/whatsapp.webp) no-repeat center/ 100%;}
.web_footer .foot_item a{display: inline-block;line-height: 2;}
.web_footer .foot_item.touch li{padding-left: 30px;position: relative;}
.web_footer .foot_item.touch li:nth-child(1) i{width: 17px;height: 21px;position: absolute;left: 0;top: 8px;background: url(../image/f1.webp) no-repeat center;}
.web_footer .foot_item.touch li:nth-child(2) i{width: 20px;height: 14px;position: absolute;left: 0;top: 8px;background: url(../image/f2.webp) no-repeat center;}
.web_footer .foot_item.touch li:nth-child(3) i{width: 17px;height: 17px;position: absolute;left: 0;top: 8px;background: url(../image/f3.webp) no-repeat center;}
.web_footer .foot_item.touch li:nth-child(4) i{width: 17px;height: 17px;position: absolute;left: 0;top: 8px;background: url(../image/f4.webp) no-repeat center;}
.web_footer .foot_item.touch li:nth-child(5) i{width: 17px;height: 17px;position: absolute;left: 0;top: 8px;background: url(../image/f5.webp) no-repeat center;}
.web_footer .footer_bottom{margin-top: 2%;color: #fff;text-align: center;font-size: 18px;padding: 1% 0;}
.web_footer .footer_bottom a{color: #fff;}
.web_footer .footer_bottom a:hover{text-decoration: underline;}
.certificate_win{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;display: none;}
.certificate_win .msk{background-color: rgba(0, 0, 0, .8);width: 100%;height: 100%;left: 0;top: 0;}
.certificate_win .swiper{position: relative;;width: calc(80% - 150px);max-width: 500px;;margin: 0 auto;top: 50%;transform: translateY(-50%);padding-bottom: 3%;}
.certificate_win .swiper_warp{max-width: calc(500px - 150px);margin:0 auto;overflow: hidden;}
.certificate_win .close{width: 30px;height: 30px;background:rgba(255,255,255,.6) url(../image/search_btn_close.png) no-repeat center/15px;position: absolute;right: 5%;top: 5%;border-radius: 50%;padding: 1%;cursor: pointer;}
.certificate_win .close:hover{transform: rotate(90deg);background-color: #2a375e;}
.certificate_win .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;background: #eaeaeb url(../image/pre.webp) no-repeat center/12px auto; top: 50%;transform: translateY(-50%);left: -80px; opacity: 1; transition: all .3s;}
.certificate_win .swiper-button-next{width: 60px;height: 60px;border-radius: 50%;background: #eaeaeb url(../image/next.webp) no-repeat center/12px auto; top: 50%;transform: translateY(-50%);right: -80px;opacity: 1;transition: all .3s;}
.certificate_win .swiper-button-prev:hover{background: #2A375E url(../image/apre.png) no-repeat center/12px auto; }
.certificate_win .swiper-button-next:hover{background: #2A375E url(../image/anext.png) no-repeat center/12px auto;}
.certificate_win .swiper-pagination-bullet{width: 17px;height: 17px;background-color: #e3e7f5;margin: 0 5px;}
.certificate_win .swiper-pagination-bullet-active{background-color: #e3e3e3;}
.certificate_win .swiper-pagination{width: 100%;bottom: 0;}
.pages{margin: 4% auto;}
.pages .pagination{display: flex;justify-content: center;align-items: center;}
.pages span,.pages a{vertical-align:initial;display: inline-block;margin: 0 5px;min-width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #c1c1c1;border-radius: 50%;color: #999;}

.pages a:first-child{border: none;}
.pages a:last-child{border: none;}
.pages li:last-child span{border: none;}
.pages .current{background-color: #2A375E;color: #fff;}
.pages a:hover{background-color: #2A375E;color: #fff;}
.pages a:last-child:hover{background-color: transparent;color: #2A375E;}
.related{margin-top: 4%;}
.related .title_warp{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2%;}
.related .title_warp .title{font-size: 40px;color: #2A375E;}
.related .title_warp .title:hover{color: #2329c5;}
.related .navigation{display: flex;justify-content: space-between;align-items: center;position: relative;min-width: 150px;display: none;}
.related .swiper-button-prev{margin:0;left: 0;right: 0;width: 40px;height: 40px;border-radius: 50%;background: #eaeaeb url(../image/pre.webp) no-repeat center/10px auto;  position: relative;;opacity: 1; transition: all .3s;z-index: 20;}
.related .swiper-button-next{margin:0;left: 0;right: 0;width: 40px;height: 40px;border-radius: 50%;background: #eaeaeb url(../image/next.webp) no-repeat center/10px auto; position: relative;;opacity: 1;transition: all .3s; z-index: 20;}
.related .swiper-button-prev:hover{background: #2A375E url(../image/apre.png) no-repeat center/12px auto; }
.related .swiper-button-next:hover{background: #2A375E url(../image/anext.png) no-repeat center/12px auto;}
.related .swiper-pagination-current{color: rgba(42, 55, 94, .45);}
.related .swiper-pagination-total{color: rgba(42, 55, 94, 1);}
.related .swiper{position: relative;overflow: hidden;}
.related_product .swiper-slide .img_warp{display: flex;justify-content: center;align-items: center;position: relative;border-radius: 35px 35px 0 0 ;padding-bottom: 106%;overflow: hidden;}
.related_product .swiper-slide .img_warp img{max-width: 100%;position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;transition: all .5s;}
.related_product .swiper-slide .img_warp::after{content: ' ';display: block;width: 100%;padding-bottom: 14%;background: url(../image/pattern_2.webp) no-repeat center/100%;position: absolute;bottom: -1px;left: 0;}
.related_product .swiper-slide:hover img{transform: scale(1.1);}
.related_product .swiper-slide .title{font-size: 20px;text-align: center;display: block;padding: 10px 0;}
.related_product .swiper-slide:hover .title{color:#2A375E}
.related_New .swiper-slide .img_warp{display: flex;justify-content: center;align-items: center;position: relative;border-radius: 35px ;padding-bottom: 65%;overflow: hidden;}
.related_New .swiper-slide .img_warp img{max-width: 100%;position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;transition: all .5s;}
.related_New .swiper-slide:hover img{transform: scale(1.1);}
.related_New .info{padding: 30px 20px;}
.related_New .info .time{font-size: 16px;color: #666;}
.related_New .info .title{font-size:16px;color:#333;line-height:1.4;margin:15px 0;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 4.3em;}
.related_New .info:hover .title{color:#2A375E;text-decoration: underline;}
.related_New .info .desc{color:#666;font-size: 16px;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.related_New .link{display: block;padding: 4% 4%;border-top: 1px solid #D2D2D2;position: relative;}
.related_New .link::after{content: ' ';display: block;width: 19px;height: 19px;background: url(../image/right.webp) no-repeat center/cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.related_New .info:hover .title{text-decoration: underline;}
.related_New .link:hover::after{background-image: url(../image/right_a.webp);}
.list_image .info ul{margin-top: 5%;}
.list_image .info li{line-height: 2;}
.list_image .info li::before{content: ' ';width: 5px;height: 5px;border-radius: 50%;background-color: #2A375E;display: inline-block;vertical-align: 3px;margin-right: 10px;}

/* sitemap */
.sitemap-logo-boxs>.sep-container>h2>a:hover {color: white;text-decoration: underline;}
#cont>ul>li>a {text-transform: capitalize;}
#cont h2 {background: #2A375E !important;}
#cont>ul>li>ul>li>a {color: #2A375E !important;}
#cont>ul>li>ul>li>ul>li>a {color: #2A375E !important;}
#cont>ul>li>ul>li>ul>li>a:before {border-top-color: #2A375E !important;border-right-color: #2A375E !important;}
#cont>ul>li>ul>li>ul>li>a:hover {text-decoration: underline}
#footer {background: #2A375E !important;}
/* common_form */
.content-wrap.form .ch_form_wrap .item_submit {padding: 0 !important;}
.content-wrap.form .ch_form_wrap .item_submit input {background: #2A375E !important;height: 38px !important;font-size: 16px;border-radius: 5px;}
.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {border-left-color: #2A375E !important;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s}
@-webkit-keyframes fadeInLeftA {0% {opacity: 0;-webkit-transform: translate3d(-30%, 0, 0);transform: translate3d(-30%, 0, 0)}to {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes fadeInLeftA {0% {opacity: 0;-webkit-transform: translate3d(-30%, 0, 0);-ms-transform: translate3d(-30%, 0, 0);transform: translate3d(-30%, 0, 0)}to {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}}
.fadeInLeftA {-webkit-animation-name: fadeInLeftA;animation-name: fadeInLeftA}
@-webkit-keyframes fadeInUpA {0% {opacity: 0;-webkit-transform: translate3d(0, 30%, 0);transform: translate3d(0, 30%, 0)}to {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes fadeInUpA {0% {opacity: 0;-webkit-transform: translate3d(0, 30%, 0);-ms-transform: translate3d(0, 30%, 0);transform: translate3d(0, 30%, 0)}to {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}}
.fadeInUpA {-webkit-animation-name: fadeInUpA;animation-name: fadeInUpA}
@-webkit-keyframes fadeInRightA {0% {opacity: 0;-webkit-transform: translate3d(30%, 0, 0);transform: translate3d(30%, 0, 0)}to {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes fadeInRightA {0% {opacity: 0;-webkit-transform: translate3d(30%, 0, 0);-ms-transform: translate3d(30%, 0, 0);transform: translate3d(30%, 0, 0)}to {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}}
.fadeInRightA {-webkit-animation-name: fadeInRightA;animation-name: fadeInRightA}
@-webkit-keyframes twinkling {0% {opacity: 0}to {opacity: 1}}
@-webkit-keyframes OrangePulse {0% {background-color: rgba(210, 174, 109, .2);-webkit-box-shadow: 0 0 10px #d2ae6d}50% {background-color: #d2ae6d;-webkit-box-shadow: 0 0 10px #d2ae6d}to {background-color: rgba(210, 174, 109, .2);-webkit-box-shadow: 0 0 10px #d2ae6d}}
@-webkit-keyframes swing {20% {-webkit-transform: rotate(40deg);transform: rotate(40deg)}40% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg)}60% {-webkit-transform: rotate(10deg);transform: rotate(10deg)}80% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}to {-webkit-transform: rotate(0);transform: rotate(0)}}
@keyframes swing {20% {-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);transform: rotate(40deg)}40% {-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg)}60% {-webkit-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg)}80% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg)}to {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}}
.swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing}
@-webkit-keyframes jump {0% {-webkit-transform: translateY(0)}25% {-webkit-transform: translateY(-20%)}50% {-webkit-transform: translateY(0)}75% {-webkit-transform: translateY(-10%)}to {-webkit-transform: translateY(0)}}
@keyframes jump {0% {transform: translateY(0)}25% {transform: translateY(-20%)}50% {transform: translateY(0)}75% {transform: translateY(-10%)}to {transform: translateY(0)}}
@-webkit-keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);transition-timing-function: cubic-bezier(.215, .61, .355, 1)}0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)}60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)}80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97)}to {opacity: 1;-webkit-transform: scaleX(1);transform: scaleX(1)}}
@keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);transition-timing-function: cubic-bezier(.215, .61, .355, 1)}0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}40% {-webkit-transform: scale3d(.9, .9, .9);-ms-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)}60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);-ms-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)}80% {-webkit-transform: scale3d(.97, .97, .97);-ms-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97)}to {opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1)}}
.bounceInA {-webkit-animation-name: bounceInA;animation-name: bounceInA;-webkit-animation-duration: .75s;animation-duration: .75s}
@-webkit-keyframes fadeInDownA {0% {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0)}to {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes fadeInDownA {0% {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);-ms-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0)}to {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}}
.fadeInDownA {-webkit-animation-name: fadeInDownA;animation-name: fadeInDownA}
@keyframes fadeInA {0% {opacity: 0}to {opacity: 1}}
.fadeInA {-webkit-animation-name: fadeInA;animation-name: fadeInA}
@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0}0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}40% {-webkit-transform: perspective(400px) rotateY(-20deg);transform: perspective(400px) rotateY(-20deg)}60% {-webkit-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotateY(-5deg);transform: perspective(400px) rotateY(-5deg)}to {-webkit-transform: perspective(400px);transform: perspective(400px)}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0}0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}40% {-webkit-transform: perspective(400px) rotateY(-20deg);transform: perspective(400px) rotateY(-20deg)}60% {-webkit-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotateY(-5deg);transform: perspective(400px) rotateY(-5deg)}to {-webkit-transform: perspective(400px);transform: perspective(400px)}}
.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY}
@-webkit-keyframes zoomInDown {0% {height: 0;opacity: 0}to {height: 100%;opacity: 1}}
@keyframes zoomInDown {0% {height: 0;opacity: 0}to {height: 100%;opacity: 1}}
.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown}
@-webkit-keyframes zoomInA {0% {opacity: 0;-webkit-transform: scale3d(.6, .6, .6);transform: scale3d(.6, .6, .6)}50% {opacity: 1}}
@keyframes zoomInA {0% {opacity: 0;-webkit-transform: scale3d(.6, .6, .6);transform: scale3d(.6, .6, .6)}50% {opacity: 1}}
.zoomInA {-webkit-animation-name: zoomInA;animation-name: zoomInA}
lite-youtube {width: 100%;background-color: #000;position: relative;display: block;contain: content;background-position: 50%;background-size: cover;cursor: pointer;display: inline-block}
lite-youtube:before {content: "";display: block;position: absolute;top: 0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position: top;background-repeat: repeat-x;height: 60px;padding-bottom: 50px;width: 100%;transition: all .2s cubic-bezier(0, 0, .2, 1)}
lite-youtube:after {content: "";display: block;padding-bottom: 56.25%}
lite-youtube>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0}
lite-youtube>.lty-playbtn {width: 68px;height: 48px;position: absolute;cursor: pointer;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;z-index: 1;background-color: transparent;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter: grayscale(100%);transition: filter .1s cubic-bezier(0, 0, .2, 1);border: none;font-size: 0}
lite-youtube .lty-playbtn:focus,
lite-youtube:hover>.lty-playbtn {filter: none}
lite-youtube.lyt-activated {cursor: unset}
lite-youtube.lyt-activated:before,
lite-youtube.lyt-activated>.lty-playbtn {opacity: 0;pointer-events: none}
.change-language .change-language-cont {border-radius: 3px;box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);width: 460px !important}
.change-language .change-language-cont .lang-more {clear: both}
.change-language .trp-language-wrap a {position: relative;float: left;vertical-align: bottom;display: inline;zoom: 1;width: 48%;margin: 0 4% 0 0;list-style: none;border-bottom: 1px solid #ececec;padding: 5px 0;line-height: 27px;}
.change-language .trp-language-wrap a:nth-child(2n) {margin-right: 0;}
.change-language .trp-language-wrap img {width: 18px;height: 12px;margin-right: 5px}
.hide_false {display: none !important;}
.language--img {background: url(../image/yuzhongBG.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px;}
.language-en {background-position: 0 -218px;}
.language-af {background-position: 0 -1px;}
.language-sq {background-position: 0 -940px;}
.language-am {background-position: 0 -9px;}
.language-be {background-position: 0 -48px;}
.language-eu {background-position: 0 -252px;}
.language-az {background-position: 0 -36px;}
.language-hy {background-position: 0 -456px;}
.language-ar {background-position: 0 -24px;}
.language-am {background-position: 0 -12px;}
.language-fy {background-position: 0px -300px;}
.language-fr {background-position: 0px -288px;}
.language-fi {background-position: 0px -276px;}
.language-et {background-position: 0px -240px;}
.language-eo {background-position: 0px -192px;}
.language-en {background-position: 0 -216px;}
.language-da {background-position: 0px -168px;}
.language-cs {background-position: 0px -144px;}
.language-hr {background-position: 0px -420px;}
.language-co {background-position: 0px -132px;}
.language-ceb {background-position: 0px -108px;}
.language-ca {background-position: 0px -96px;}
.language-bg {background-position: 0 -448px;}
.language-bs {background-position: 0 -84px;}
.language-bn {background-position: 0 -72px;}
.language-be {background-position: 0 -48px;}
.language-is {background-position: 0px -492px;}
.language-sm {background-position: 0px -972px;}
.language-ro {background-position: 0px -888px;}
.language-pa {background-position: 0px -840px;}
.language-pt {background-position: 0px -876px;}
.language-pl {background-position: 0px -852px;}
.language-fa {background-position: 0px -264px;}
.language-ps {background-position: 0px -264px;}
.language-or {background-position: 0px -827px;}
.language-no {background-position: 0px -780px;}
.language-ne {background-position: 0px -792px;}
.language-my {background-position: 0px -768px;}
.language-mn {background-position: 0px -720px;}
.language-mr {background-position: 0px -732px;}
.language-mi {background-position: 0px -684px;}
.language-mt {background-position: 0px -756px;}
.language-ml {background-position: 0px -708px;}
.language-ms {background-position: 0px -744px;}
.language-mg {background-position: 0px -672px;}
.language-mk {background-position: 0px -696px;}
.language-lb {background-position: 0px -624px;}
.language-lt {background-position: 0px -648px;}
.language-lv {background-position: 0px -660px;}
.language-la {background-position: 0px -613px;}
.language-lo {background-position: 0px -636px;}
.language-ky {background-position: 0px -600px;}
.language-ku {background-position: 0px -120px;}
.language-ko {background-position: 0px -588px;}
.language-rw {background-position: 0px -912px;}
.language-km {background-position: 0px -564px;}
.language-kk {background-position: 0px -552px;}
.language-kn {background-position: 0px -576px;}
.language-jv {background-position: 0px -528px;}
.language-ja {background-position: 0px -516px;}
.language-it {background-position: 0px -504px;}
.language-ga {background-position: 0px -312px;}
.language-id {background-position: 0px -467px;}
.language-ig {background-position: 0px -480px;}
.language-hu {background-position: 0px -443px;}
.language-hmn {background-position: 0px -408px;}
.language-hi {background-position: 0px -397px;}
.language-he {background-position: 0px -384px;}
.language-haw {background-position: 0px -300px;}
.language-ha {background-position: 0px -1079px;}
.language-ht {background-position: 0px -432px;}
.language-gu {background-position: 0px -348px;}
.language-el {background-position: 0px -204px;}
.language-de {background-position: 0px -180px;}
.language-ka {background-position: 0px -540px;}
.language-gl {background-position: 0px -336px;}
.language-ru {background-position: 0px -900px;}
.language-gd {background-position: 0px -324px;}
.language-sr {background-position: 0px -1006px;}
.language-st {background-position: 0px -1017px;}
.language-sn {background-position: 0px -984px;}
.language-sd {background-position: 0px -984px;}
.language-si {background-position: 0px -1271px;}
.language-sk {background-position: 0px -1223px;}
.language-sl {background-position: 0px -960px;}
.language-so {background-position: 0px -994px;}
.language-es {background-position: 0px -227px;}
.language-su {background-position: 0px -1031px;}
.language-sw {background-position: 0px -1055px;}
.language-sv {background-position: 0px -1043px;}
.language-tl {background-position: 0px -1115px;}
.language-tg {background-position: 0px -1091px;}
.language-ta {background-position: 0px -1067px;}
.language-tt {background-position: 0px -1151px;}
.language-te {background-position: 0px -1079px;}
.language-th {background-position: 0px -1103px;}
.language-tr {background-position: 0px -1138px;}
.language-tk {background-position: 0px -1115px;}
.language-uk {background-position: 0px -1175px;}
.language-ur {background-position: 0px -1187px;}
.language-ug {background-position: 0px -1163px;}
.language-uz {background-position: 0px -1175px;}
.language-vi {background-position: 0px -1211px;}
.language-cy {background-position: 0px -156px;}
.language-xh {background-position: 0px -1223px;}
.language-yi {background-position: 0px -1235px;}
.language-yo {background-position: 0px -1247px;}
.language-zu {background-position: 0px -1259px;}
.language-zh {background-position: 0px -1282px;}
.language-zh-TW {background-position: 0px -1282px;}
.trp-language-wrap .lang-more {display: none !important;}
/*--------------------------右侧客服按钮------------------------------*/
:root {--dominant-color: #000;}
#index_scrollsidebar {top: 50%;right: 20px;transition: all ease-in-out 1s;opacity: 1;position: fixed;transform: translateY(-50%);z-index: 99;}
#index_scrollsidebar ul li {width: 62px;height: 62px;background-color: var(--dominant-color);border-radius: 10px;margin-bottom: 3px;display: flex;justify-content: center;align-items: center;position: relative}
#index_scrollsidebar ul li .show0 {position: absolute;background-color: var(--dominant-color);padding: 6px;border-radius: 8px;right: 80px;top: 50%;transition: all ease-in-out .5s;transform: translateY(-50%);display: none}
#index_scrollsidebar ul li .show0,
#index_scrollsidebar ul li .show0 a {font-size: 16px;color: #fff;text-wrap: nowrap}
#index_scrollsidebar ul li:hover .show0 {display: block}
#index_scrollsidebar ul li>a {display: flex;width: 100%;height: 100%;border-radius: 8px;text-align: center;line-height: 62px;align-items: center;justify-content: center;}
#index_scrollsidebar ul li img {border: none;vertical-align: middle;max-width: 50%;}
#index_scrollsidebar .gototop {background-color: #2329C5}
#index_scrollsidebar .s_smooth {display: flex;justify-content: center;align-items: center;}
#index_scrollsidebar .s_smooth img {max-width: 30px;}
.fix_slide_foot {background: rgb(17, 31, 83);position: fixed;width: 100%;bottom: 0;flex-wrap: nowrap;flex-direction: row;justify-content: space-evenly;align-items: stretch;height: 50px;z-index: 111;}
.fix_slide_foot li {border-right: 1px solid white;display: flex;width: 100%;align-items: center;justify-content: center;align-content: center;}
.fix_slide_foot li:last-of-type() {border-right: none;}
.fix_slide_foot li a[title=email] img,
.fix_slide_foot li a[title=tel] img {height: 30px;width: 30px;}
.fix_slide_foot li a[title=backtop] img {width: 22px;height: 22px;}
.fix_slide_foot li a {display: flex;width: 100%;align-items: center;justify-content: center;align-content: center;}
.fix_slide_foot li img {height: 25px;width: 25px;}

@media only screen and (max-width: 1200px) {
.foot_form_left .web_th .name {padding-bottom: 15px;}
.foot_form_left .web_th .name::before {height: 4px;}
.foot_inner .link_th {font-size: 20px;}
.foot_inner .link_th::before {width: 140px;}
.form_inner textarea {height: 90px;}
}
.fix_slide_foot{display: none;}
@media only screen and (max-width: 1024px) {
	#index_scrollsidebar{display: none;}
	.fix_slide_foot{display: flex;}
	.web_footer{padding-bottom: 60px;}
}
@media only screen and (max-width: 950px) {
.web_footer{background-size: 100% auto;padding-bottom: 60px;background-position: center top;padding-top: 18%;margin-top: -6px;}
.web_footer .center .foot_item{width: 50%;margin-bottom: 30px;}
.web_footer .center .footer_form,.web_footer .center .foot_content{width: 100%;}
.web_footer .foot_item .title{font-size: 24px;}
.related .title_warp .title{font-size: 30px;}
.fix_slide_foot {display: flex;}
.mobile-head-logo{display: flex;justify-content: center;align-items: center;;}
.web_head{position: relative;}
.head_layer .layout{height: 88px;}
.ibanner .h1{font-size: 30px;}
.certificate_win .swiper{width: 80%;}
}

.imgodd{
	width: 150px;
}
#index_scrollsidebar ul li .imgodd img{
	max-width: none;
    width: 100%;
}