* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: unset;
}
a:hover {
    text-decoration: underline;
}
li {
    list-style: none;
}
#trp-floater-ls{
    display: none;
}
@font-face {
    font-family: 'fontawesome';
    src: url('../font/fontawesome-webfont.eot');
    src: url('../font/fontawesome-webfont.woff') format('woff'),
        url('../font/fontawesome-webfont.ttf') format('truetype'),
        url('../font/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../font/ROBOTO/ROBOTO-BLACK.TTF'),
        url('../font/ROBOTO/ROBOTO-BOLD.TTF'),
        url('../font/ROBOTO/ROBOTO-REGULAR.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arvo';
    src: url('../font/Arvo/ARVO-REGULAR.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url('../font/ArialMT/ARIAL.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialMT';
    src: url('../font/ArialMT/ARIALI.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arialbd';
    src: url('../font/ArialMT/ARIALBD.TTF');
    font-weight: normal;
    font-style: normal;
}
.gm-sep li a:hover{
    text-decoration: none;
}
.change-language-cont li {
    width: 100% !important;
    display: inline-block;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    width: 30%;
    vertical-align: top;
    font-size: 10pt;
}
.language-flag a {
    position: relative;
    display: inline-block;
    width: 100%;
}
.language-flag a span{
    width: 100%;
}
.phone_logo span {
    padding-left: 25px;
    color: #fff;
    text-transform: capitalize;
}
.change-language-title a:after {
    display: inline-block;
    padding-left: 2px;
    content: "\f107";
    font-size: 12px;
    color: #fff;
    font-family: 'fontawesome';
}
.language--img {
    background: url('../img/lan.png') no-repeat center center;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-right: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.language--img {
    background: url('../img/lan.png')no-repeat center center;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-right: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.language-corsican {
    background-position: 0 0px;
}
.language-guarani {
    background-position: 0 -12px;
}
.language-kinyarwanda {
    background-position: 0 -24px;
}
.language-hausa {
    background-position: 0 -36px;
}
.language-norwegian {
    background-position: 0 -48px;
}
.language-dutch {
    background-position: 0 -60px;
}
.language-yoruba {
    background-position: 0 -72px;
}
.language-english {
    background-position: 0 -84px;
}
.language-gongen {
    background-position: 0 -98px;
}
.language-latin {
    background-position: 0 -110px;
}
.language-nepali {
    background-position: 0 -122px;
}
.language-french {
    background-position: 0 -134px;
}
.language-czech {
    background-position: 0 -146px;
}
.language-hawaiian {
    background-position: 0 -158px;
}
.language-georgian {
    background-position: 0 -170px;
}
.language-russian {
    background-position: 0 -182px;
}
.language-chinese_simplified {
    background-position: 0 -194px;
}
.language-persian {
    background-position: 0 -206px;
}
.language-bhojpuri {
    background-position: 0 -218px;
}
.language-hindi {
    background-position: 0 -230px;
}
.language-belarusian {
    background-position: 0 -242px;
}
.language-swahili {
    background-position: 0 -254px;
}
.language-icelandic {
    background-position: 0 -266px;
}
.language-yiddish {
    background-position: 0 -278px;
}
.language-twi {
    background-position: 0 -290px;
}
.language-irish {
    background-position: 0 -302px;
}
.language-gujarati {
    background-position: 0 -314px;
}
.language-khmer {
    background-position: 0 -326px;
}
.language-slovak {
    background-position: 0 -338px;
}
.language-hebrew {
    background-position: 0 -350px;
}
.language-kannada {
    background-position: 0 -362px;
}
.language-hungarian {
    background-position: 0 -374px;
}
.language-tamil {
    background-position: 0 -386px;
}
.language-arabic {
    background-position: 0 -398px;
}
.language-bengali {
    background-position: 0 -410px;
}
.language-azerbaijani {
    background-position: 0 -422px;
}
.language-samoan {
    background-position: 0 -434px;
}
.language-afrikaans {
    background-position: 0 -446px;
}
.language-indonesian {
    background-position: 0 -458px;
}
.language-danish {
    background-position: 0 -470px;
}
.language-shona {
    background-position: 0 -482px;
}
.language-bambara {
    background-position: 0 -494px;
}
.language-lithuanian {
    background-position: 0 -506px;
}
.language-vietnamese {
    background-position: 0 -518px;
}
.language-maltese {
    background-position: 0 -530px;
}
.language-turkmen {
    background-position: 0 -542px;
}
.language-assamese {
    background-position: 0 -554px;
}
.language-catalan {
    background-position: 0 -566px;
}
.language-singapore {
    background-position: 0 -578px;
}
.language-cebuano {
    background-position: 0 -590px;
}
.language-sanskrit {
    background-position: 0 -602px;
}
.language-polish {
    background-position: 0 -614px;
}
.language-galician {
    background-position: 0 -626px;
}
.language-latvian {
    background-position: 0 -638px;
}
.language-ukrainian {
    background-position: 0 -650px;
}
.language-tatar {
    background-position: 0 -662px;
}
.language-scottish_gaelic {
    background-position: 0 -674px;
}
.language-welsh {
    background-position: 0 -686px;
}
.language-japanese {
    background-position: 0 -698px;
}
.language-filipino {
    background-position: 0 -710px;
}
.language-aymara {
    background-position: 0 -721px;
}
.language-lao {
    background-position: 0 -733px;
}
.language-telugu {
    background-position: 0 -745px;
}
.language-romanian {
    background-position: 0 -757px;
}
.language-haitian_creole {
    background-position: 0 -769px;
}
.language-dogrid {
    background-position: 0 -781px;
}
.language-swedish {
    background-position: 0 -795px;
}
.language-maithili {
    background-position: 0 -807px;
}
.language-thai {
    background-position: 0 -819px;
}
.language-armenian {
    background-position: 0 -831px;
}
.language-burmese {
    background-position: 0 -843px;
}
.language-pashto {
    background-position: 0 -855px;
}
.language-hmong {
    background-position: 0 -867px;
}
.language-dhivehi {
    background-position: 0 -879px;
}
.language-chinese_traditional {
    background-position: 0 -891px;
}
.language-luxembourgish {
    background-position: 0 -903px;
}
.language-sindhi {
    background-position: 0 -915px;
}
.language-kurdish {
    background-position: 0 -927px;
}
.language-turkish {
    background-position: 0 -939px;
}
.language-macedonian {
    background-position: 0 -951px;
}
.language-bulgarian {
    background-position: 0 -963px;
}
.language-malay {
    background-position: 0 -975px;
}
.language-luganda {
    background-position: 0 -987px;
}
.language-marathi {
    background-position: 0 -999px;
}
.language-estonian {
    background-position: 0 -1011px;
}
.language-malayalam {
    background-position: 0 -1023px;
}
.language-deutsch {
    background-position: 0 -1035px;
}
.language-slovene {
    background-position: 0 -1046px;
    height: 11px;
}
.language-urdu {
    background-position: 0 -1057px;
}
.language-portuguese {
    background-position: 0 -1069px;
}
.language-igbo {
    background-position: 0 -1081px;
}
.language-kurdish_sorani {
    background-position: 0 -1093px;
}
.language-oromo {
    background-position: 0 -1105px;
    height: 10px;
}
.language-greek {
    background-position: 0 -1115px;
}
.language-spanish {
    background-position: 0 -1127px;
}
.language-frisian {
    background-position: 0 -1139px;
}
.language-somali {
    background-position: 0 -1151px;
}
.language-amharic {
    background-position: 0 -1163px;
}
.language-nyanja {
    background-position: 0 -1175px;
}
.language-punjabi {
    background-position: 0 -1187px;
}
.language-basque {
    background-position: 0 -1199px;
}
.language-italian {
    background-position: 0 -1211px;
}
.language-albanian {
    background-position: 0 -1223px;
}
.language-korean {
    background-position: 0 -1235px;
}
.language-tajik {
    background-position: 0 -1247px;
}
.language-finnish {
    background-position: 0 -1259px;
}
.language-kyrgyz {
    background-position: 0 -1271px;
}
.language-ewe {
    background-position: 0 -1283px;
}
.language-croatian {
    background-position: 0 -1295px;
}
.language-creole {
    background-position: 0 -1307px;
}
.language-quechua {
    background-position: 0 -1318px;
    height: 11px;
}
.language-bosnian {
    background-position: 0 -1330px;
}
.language-maori {
    background-position: 0 -1342px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: none;
}
.overlay .web-search {
    display: block;
    width: 70%;
    height: 240px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 8px;
    z-index: 100001;
    perspective: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
}
.head-search {
    width: 100%;
    height: 100%;
}
.form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
}
.search-btn {
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ccc;
    right: 30px;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}
.search-btn:hover {
    background: #066AFF;
    transform: rotate(90deg);
}
.search-attr {
    color: #333;
    line-height: 1.5;
    position: absolute;
    right: 12%;
    bottom: 0;
}
.search-ipt {
    width: 80%;
    height: 50px;
    color: #000;
    border: none;
    font-size: 42px;
    border-bottom: 2px solid #000;
}
.search-ipt:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid #000;
}
.search-ipt::-webkit-input-placeholder {
    color: #aaa;
}
.search-ipt::-moz-placeholder {
    color: #aaa;
    opacity: 1;
}
.search-ipt:-ms-input-placeholder {
    color: #aaa;
}
.search-ipt:-moz-placeholder {
    color: #aaa;
}
.swiper-pro .swiper-wrapper .swiper-slide-active {
    margin-right: 35px !important;
}
.fixed {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
.area {
    width: 87%;
}
.hidden {
    overflow: hidden;
}
.center {
    margin: 0 auto;
}
.jrs-header {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-clone {
    display: flex;
    display: -webkit-flex;
}
.alignCenter {
    align-items: center;
}
.jrs-logo {
    width: 13%;max-width: 130px;
}
.jrs-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-tip {
    font-family: ArialMT;
    font-size: 20px;
    color: #333333;
    line-height: 40px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 40px;
    padding-bottom: 10px;
    transition: all .5s;
}
.banner-tip:hover {
    color: #00A9FF;
}
.line-clone {
    width: 1px;
    height: 16px;
    background: #333333;
}
.active {
    position: relative;
}
.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #00A9FF;
}
.search {
    width: 20px;
    height: 20px;
}
.search img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.quote-btn {
    width: 161px;
    height: 46px;
    background: #6AC335;
    border-radius: 23px;
    font-family: 'Arial';
    font-size: 20px;
    color: #FFFFFF;
    line-height: 46px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    
}
.quote-btn:hover{  background-color: #00A9FF ; }

.banner  .nav-current>a{   color: #00A9FF !important;}
.lang-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 139px;
    height: 46px;
    /* background: #E5E5E5; */
    border-radius: 23px;
    border: 1px solid #E5E5E5;
    font-family: ArialMT;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}
.lang-box {
    position: absolute;
    width: 400px;
    height: 500px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    right: 0;
    top: 46px;
    z-index: 101;
    background-color: #fff;
    transition: all .5s;
    overflow: auto;
    display: none;
}
.change-language-cont ul li a span{
    margin-left: 20px;
    font-family: Arial;
}
.lang-btn:hover .lang-box {
    display: block;
}
.lang-btn:hover .jt img {
    transform: rotate(180deg);
}
.earch {
    width: 25px;
    height: 25px;
}
.earch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jt {
    width: 11px;
    height: 7px;
    display: flex;
}
.jt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}
.lang-mesage {
    width: 78px;
    padding: 0 10px;
    font-family: 'Arial';
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.absolute-ul {
    width: 150px;
    min-height: 100px;
    position: absolute;
    left: 0;
    top: 52px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    opacity: 0;
    z-index: 101;
    background-color: #fff;
    transition: all .5s;
}
.w100 {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.relative:hover .absolute-ul {
    opacity: 1;
}
.slider_banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.slider_banner .swiper-button-prev {
    width: 66px;
    height: 66px;
    background-color: #333333;
    opacity: 0.29;
    left: 50px;
    background-image: url('../img/zuojiantou.png');
    background-repeat: no-repeat;
    background-size: auto;
}
.slider_banner .swiper-button-next {
    width: 66px;
    height: 66px;
    background-color: #333333;
    opacity: 0.29;
    right: 50px;
    background-image: url('../img/youjiantou.png');
    background-repeat: no-repeat;
    background-size: auto;
}
.ProductDisplay {
    width: 100%;
    padding-top: 108px;
    padding-bottom: 45px;
    overflow: hidden;
    position: relative;
}
.swiper-slide {
    height: auto;
}
.swiper .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.jrs-title {
    font-family: Arial;
    font-weight: bold;
    font-size: 50px;
    color: #333333;
    line-height: 35px;
}
.jrs-title a:hover,.Testimonials-tipx a:hover,.world-title a:hover{
    color: #00A9FF !important;
    text-decoration: none !important;
}
.jrs-tip {
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 73px;
}
.ProductDisplay-box {
    border-radius: 12px;
    border: 1px solid #00A9FF;
    padding: 18px;
    box-sizing: border-box;
}
.img-box {
    width: 100%;
    /* max-height: 273px; */
    background: #F4F9FB;
    border-radius: 12px;
    margin: 0 auto;
    overflow: hidden;
}
.img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text-box {
    font-family: Arial;
    font-weight: normal;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    /* margin-top: 34px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spaceBetween {
    justify-content: space-between;
}
.spaceEvenly {
    /* justify-content: inherit; */
    width: 87%;
    justify-content: space-around;
    margin: 0 auto;
}
.heightAuto {
    height: 55px;
}
.jrs-jt {
    width: 115px;
}
.jrs-jt .swiper-button-next1{
    background-image: url('../img/r.png');
    width: 38px !important;
    height: 38px !important;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
}
.jrs-jt .swiper-button-next1:hover{
    background-image: url('../img/l-active.png');
    transform: rotate(360deg);
}
.jrs-jt .swiper-button-next {
    background-image: url('../img/r.png');
    width: 38px !important;
    height: 38px !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.jrs-jt .swiper-button-next:hover{
    background-image: url('../img/l-active.png');
    transform: rotate(180deg);
}
.swiper-pro {
    width: 100%;
}
.swiper-pro .swiper-wrapper {
    width: 100% !important;
    display: flex;
}
.ProductDisplay-btn {
    width: 229px;
    height: 55px;
    background: #00A9FF;
    border-radius: 28px;
    text-align: center;
    line-height: 55px;
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    color: #FFFFFF;
}
.mar {
    margin: 0 auto;
    margin-top: 55px;
    margin-bottom: 45px;
}
.world {
    width: 100%;
    height: 1065px;
    padding-top: 45px;
    box-sizing: border-box;
    background-image: url('../img/jrs-world.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 272px;
}
.world-title {
    width: 590px;
    font-family: Arialbd;
    font-weight: normal;
    font-size: 50px;
    color: #262626;
    text-align: center;
}
.world-tip {
    width: 100%;
    height: 16px;
    font-family: ArialMT;
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-top: 44px;
    margin-bottom: 50px;
}
.world-number {
    font-family: Arvo;
    font-size: 72px;
    color: #00A9FF;
    /* margin-bottom: 19px; */
}
.world-number-l {
    font-family: Arvo;
    font-size: 72px;
    color: #00A9FF;
    margin-bottom: 19px;
}
.world-tip-b {
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    color: #262626;
}
.flexColumn {
    flex-direction: column;
}
.Testimonials {
    /* font-family: Roboto;
    font-weight: 400; */
    font-size: 20px;
    color: #0193DE;
}
.Testimonials-tip {
    width: 403px;
    font-family: Arial;
    font-weight: normal;
    font-size: 50px;
    color: #333333;
    margin-bottom: 40px;
}
.Testimonials-tipx {
    font-family: Arial;
    font-weight: normal;
    font-size: 50px;
    color: #333333;
    margin-bottom: 56px;
}
.text-fitter {
    width: 50%;
}
.card-slide {
    width: 87%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 1px 3px 24px -14px #0193DE;
    border-radius: 10px;
    border: 2px solid #E7E7E7;
    padding: 40px;
    box-sizing: border-box;
}
.img-tip {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-tip img {
    max-width: 447px;
    max-height: 610px;
    top: 0;
    left: 0;
    object-fit: cover;
}
.card-n-f {
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
}
.avter {
    width: 74px;
    height: 74px;
    border-radius: 50%;
}
.avter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avter-tit {
    font-family: ArialMT;
    font-size: 20px;
    color: #333333;
    margin-left: 15px;
}
.avter-tip {
    font-size: 20px;
    color: #666666;
    margin-left: 15px;
}
.fh {
    width: 58px;
    height: 53px;
}
.fh img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text-c {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 20px;
    max-height: 100px;
    overflow: auto;
}
.swiper-card-list {
    overflow: hidden;
}
.fy {
    width: 100px;
    bottom: 40px;
    right: 40px;
}
.fy .swiper-button-prev {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-image: url('../img/jt-l.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: #00A9FF;
}
.fy .swiper-button-next {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #F4F9FB;
    background-image: url('../img/jt-r.png') !important;
    background-repeat: no-repeat !important;
    background-size:unset !important;
    background-position: center center !important;
}
.img-fitter {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bgc-b {
    padding-top: 300px;
}
.textCenter {
    text-align: center;
}
.bgc-content {
    width: 100%;
    height: auto;
    background-image: url('../img/jrs-bgc.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.height100 {
    height: 100%;
}
.card-list-change {
    width: 320px;
    height: 100%;
    background: rgba(244, 249, 251, 0.72);
}
.card-list-change {
    padding-bottom: 380px;
}
.card-list-change-text {
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    color: #333333;
    padding: 20px;
}
.activeT {
    background-color: #00A9FF;
    position: relative;
}
.activeT .black333{color:white}
.activeT::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #00669F;
}
.activeT a {
    color: #fff;
}
.black333 {
    color: #333333;
    white-space: normal;
}
.blog {
    width: 100%;
    margin-top: 100px;
}
.w49 {
    width: 49%;
    max-width: 813px;
    height: 497px;
    background-image: url('../img/jrs-blog-img.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.w47 {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blog-time {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 18px;
    color: #0193DE;
}
.blog-message {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    line-height: 35px;
    margin-top: 13px;
    margin-bottom: 24px;
}
.blog-tip {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.blog-line {
    width: 100%;
    height: 1px;
    background: #D7D7D7;
}
.blog-img-time {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}
.blog-img-message {
    font-family: Roboto;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 13px;
    margin-bottom: 24px;
}
.blog-img-message a{
    color: #fff;
}
.blog-img-tip {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}
.me-sage {
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}
.footer {
    width: 100%;
    background-image: url('../img/jrs-footer.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.w25 {
    width: 25%;
}
.fotter-flex {
    padding-top: 35px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.footer-t {
    font-family: Arial, Arial;
    font-weight: normal;
    font-size: 22px;
    color: #FFFFFF;
    margin-top: 15px;
}
.footer-m {
    font-family: 'Arial';
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 15px;
}
.footer-btn {
    width: 142px;
    height: 41px;
    background: #0193DE;
    border-radius: 20px;
    text-align: center;
    line-height: 41px;
    margin-top: 40px;
}
.footer-btn:hover{
    background-color: #6ac335;
}
.footer-btn:hover a{
    color: #fff  !important;
    text-decoration: none !important;
}
.footer-btn a {
    font-size: 18px;
    color: #FFFFFF;
}
.footer-title {
    font-family: Arial;
    font-weight: normal;
    font-size: 22px;
    color: #FFFFFF;
    white-space: nowrap;
}
.footer-us {
    font-family: 'Arial';
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 31px;
}
.footer-us1:hover a{
    text-decoration: underline;
}
.footer-us:nth-child(1) {
    margin-top: 0;
}
.footer-li {
    font-family: 'Arial';
    margin-top: 15px;
}
.footer-li:nth-child(1) {
    margin-top: 0;
}
.footer-li a {
    font-family: 'Arial';
    color: #fff;
}
.fff {
    color: #fff;
    margin-left: 15px;
    font-size: 18px;
    font-family: 'Arial';
}
.w20 {
    width: 20px;
}
.w10 {
    width: 10%;
}
.w30 {
    width: 30%;
}
.top22 {
    margin-top: 22px;
}
.footer-line-mes {
    font-family: 'Arial';
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    margin-top: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #4B96C0;
}
.w80 {
    width: 80%;
}
.mobile-head-items {
    display: none;
}
.pc-fitter-none {
    display: none;
}
.phone_icon {
    display: none;
}
.head_nav>li>a{
    position: relative;
    font-family: 'Arial';
}
/* .head_nav>li.has-child a{
    padding-right: 20px;
} */
.head_nav li b{
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 19px;
    height: 31px;
    text-align: center;
    line-height: 19px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.nav-bar .head_nav li ul li a b{
    height: 19px !important;
    top: 25%;
    transform: rotate(270deg);
}
.head_nav>li{
    position: relative;
}
.head_nav li ul{
    position: absolute;
    top:31px;
    left: 0;
    display: none;
    padding: 10px;
    box-sizing: border-box;
    width: 250px;
    border-radius: 0 0 7px 7px;
    background: rgba(255, 255, 255, .75);
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
}
.has-child:hover>ul{
    display: block;
    /*background-color: #00A9FF;*/
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
.has-child>ul li:hover ul{
    display: block;
}
.has-child>li>a{
color: #000;
}
.has-child:hover>li>a{
    color: #fff;
}
.head_nav>li ul li {
    position: relative;
    padding: 3px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    line-height: 2;
}
.banner>ul>li>ul>li:hover>a{
    color: #fff;
}
.banner>ul>li>ul>li>ul>li:hover a{
    color: #fff;
}
.head_nav li ul li ul{
    left: 230px;
    top: 0;
}
.tinaj::after{
    transform: rotate(90deg);
}
@media (min-width: 1420px) and (max-width: 1600px) {
    .banner-tip {
        font-size: 16px;
        margin-right: 30px;
    }
    .quote-btn {
        font-size: 16px;
    }
    .card-list-change {
        padding-bottom: 205px;
    }
}
@media (min-width: 1200px) and (max-width: 1419px) {
    .banner-tip {
        font-size: 16px;
        margin-right: 20px;
    }
    .quote-btn {
        font-size: 16px;
    }
    .card-list-change {
        padding-bottom: 85px;
    }
    .quote-btn{
        width: 121px;
    }
    .lang-btn{
        width: 120px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .banner-tip {
        font-size: 16px;
        margin-right: 10px;
    }
    .PRODUCTSCImgBOX>div{     width: 47%;}
    .quote-btn {
        font-size: 16px;
        width: 113px;
    }
    .earch img{      width: 97%;
        height: 85%;}
    .lang-btn {
        width: 113px;
        padding: 1%;
    }
    .lang-mesage {
        padding: 0 5px;
    }
    .card-list-change{
        padding-bottom: 15px;
    }
    .blog-message {
        margin-bottom: 15px;
    }
    .world-number {
        font-size: 36px;
    }
    .world-number-l {
        font-size: 36px;
    }
}

@media (max-width: 1023px) {
    .slider_banner .swiper-button-prev{ opacity: 0;}
    .slider_banner .swiper-button-next{ opacity: 0;}

}

@media (max-width: 1023px) {
    .content-wrap .flex-clone{
        flex-wrap: wrap;
    }
    .jrs-header {
        display: none;
    }
    .mobile-head-items {
        position: sticky;
        top: 0;
        width: 100%;
        height: 71px;
        /* line-height: 25px; */
        text-align: left;
        display: block;
        z-index: 100;
    }
    .mobile-head-item {
        float: left;
    }
    .mobile-head-item .title {
        overflow: hidden;
        text-align: center;
        color: #00A9FF;
        opacity: .6;
    }
    .mobile-head-item .title a {
        position: relative;
        display: block;
        color: #00A9FF;
        opacity: .6;
    }
    .mobile-head-item.mobile-head-home .title a:before {
        font-family: "fontawesome";
        content: '\f015';
    }
    .mobile-head-item.mobile-head-nav .title {
        width: 19px;
        height: 15px;
        background-image: url('../img/cd-pgone.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mobile-head-item.mobile-head-language .title {
        height: 20px;
        background-image: url('../img/earch-phone.png');
        background-repeat: no-repeat;
        background-size: auto;
    }
    .mobile-head-item.mobile-head-search .title {
        width: 18px;
        height: 18px;
        background-image: url('../img/search-phone.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mobile-head-item {
        float: left;
    }
    .mobile-head-item .side-content-wrap {
        position: fixed;
        display: block;
        left: -70%;
        width: 70%;
        height: 100%;
        background: #FFF;
        top: 0;
        display: block;
        z-index: 99999;
    }
    .head_nav>li {
        border-bottom: 1px solid #eee;
        line-height: 35px;
        position: relative;
        display: block;
        width: 100%;
        font-size: 16px;
    }
    .head_nav li a {
        display: block;
    }
    /* .head_nav>li:after {
        font-family: "fontawesome";
        content: '\f105';
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
        font-size: 14px;
    } */
    .head_nav li ul {
        display: block;
        width: 100%;
        overflow: auto;
        height: 200px;
    }
    .head_nav li ul li {
        width: auto;
        padding: 0 10px;
        font-size: 14px;
        text-transform: lowercase;
        line-height: 30px;
    }
    .mobile-head-item {
        float: left;
    }
    .mobile-head-item .side-content-wrap {
        position: fixed;
        display: block;
        left: -70%;
        width: 70%;
        height: 100%;
    }
    .mobile-head-item .main-content-wrap .content-wrap {
        height: 100%;
        padding: 15px 10px;
        /* overflow: auto; */
    }
    .sub-content {
        position: relative !important;
        display: block !important;
        right: auto !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 99999 !important;
    }
    .mobile-head-item {
        float: 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 {
        visibility: visible;
        opacity: 1;
    }
    .mobile-head-item .main-content-wrap {
        background: #FFF;
        top: 0;
        display: block;
        z-index: 99999;
        height: 100%;
    }
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
        height: 100%;
        padding: 15px 10px;
    }
    .head-search {
        display: inline-block;
        width: 100%;
        position: relative;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        vertical-align: middle;
    }
    .head-search .search-ipt {
        display: block;
        width: 100%;
        line-height: 30px;
        height: 40px;
        padding: 0;
        border: 0;
        background: #000;
        color: #666;
    }
    .head-search .search-btn {
        position: absolute;
        width: 35px;
        background: url('../img/search_btn_mobile.png') no-repeat center center;
        -webkit-background-size: auto 16px;
        background-size: auto 16px;
        border: none;
        right: 0;
        top: 0;
        display: block !important;
    }
    .phone-line {
        width: 1px;
        height: 16px;
        background: #E5E5E5;
    }
    .content-wrap .flex {
        display: block !important;
    }
    .active::after {
        background-color: #fff;
    }
    .head_nav li ul {
        display: block;
        width: 100%;
    }
    .absolute-ul {
        position: unset;
        background-color: #fff;
        box-shadow: none;
        border-radius: none;
        opacity: 1;
        height: auto;
        min-height: auto;
    }
    .banner-tip {
        padding-bottom: 0;
    }
    .line {
        display: none;
    }
    .mobile-ico-close {
        width: 30px;
        height: 30px;
        background: #fff url('../img/mobile_close.png') center center no-repeat;
        background-size: 50% auto;
        position: absolute;
        right: -35px;
        top: 0;
    }
    .head-wrapper .mobile-body-mask {
        z-index: 99;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        position: fixed;
        left: 0;
        top: 0;
    }
    .slider_banner .swiper-button-prev {
        display: none;
    }
    .slider_banner .swiper-button-next {
        display: none;
    }
    .jrs-title {
        font-size: 30px;
        font-weight: bold;
    }
    .jrs-tip {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .world-title {
        width: 100%;
        font-size: 30px;
        font-weight: 600;
    }
    .warp {
        flex-wrap: wrap;
    }
    .index_num {
        width: 50%;
    }
    .index_num:nth-child(3){
        margin-top: 40px;
    }
    .index_num:nth-child(4){
        margin-top: 40px;
    }
    .world {
        height: auto;
        background-size: contain !important;
        background-position: bottom !important;
        padding-bottom: 145px !important;
    }
    .bgc-b {
        padding-top: 80px;
    }
    .phone-fitter-none {
        display: none;
    }
    .img-tip {
        width: 100%;
    }
    .text-fitter {
        width: 100%;
    }
    .pc-fitter-none {
        display: block;
    }
    .Testimonials {
        font-size: 16px;
        margin-top: 20px;
    }
    .Testimonials-tip {
        width: 100%;
        color: #333333;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        margin-top: 20px;
    }
    .card-slide {
        background: rgba(255, 255, 255, .2);
        box-shadow: 3px 9px 16px 9px #0193DE;
        border-radius: 10px 10px 10px 10px;
        border: 2px solid #E7E7E7;
        margin-top: -95px;
    }
    .Testimonials-tipx {
        font-size: 30px;
        font-weight: 600;
        margin: 12px 0 29px 0;
    }
    .card-list-change-text {
        font-size: 16px;
        font-weight: 600;
        white-space: nowrap;
    }
    .bgc-content {
        background-position: bottom;
    }
    .card-list-change{
        padding-bottom: 15px;
    }
    .blog {
        margin-top: 70px;
    }
    .w49 {
        width: 100%;
    }
    .w47 {
        width: 100%;
    }
    .blog-line {
        display: none;
    }
    .blog-tip {
        display: none;
    }
    .blog-img-tip {
        display: none;
    }
    .blog-img-message {
        font-size: 18px;
        margin-bottom: 0;
    }
    .me-sage {
        bottom: 20px;
    }
    .blog-time {
        margin-top: 20px;
        font-size: 16px;
    }
    .blog-message{
        font-size: 18px;
    }
    .ProductDisplay {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .fotter-flex {
        padding-top: 50px;
    }
    .fotter-fitter-ban {
        width: 100%;
        min-height: 47px;
        background: rgba(255, 255, 255, .1);
        border-radius: 5px;
        margin-bottom: 15px;
        padding:0 15px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-weight: 800;
        font-size: 20px;
        color: #FDFBF6;
    }
    .fitter-w100{
        width: 100%;
    }
    .fotter-fitter-ban a{
        display: inline-block;
    }
    .top15{
        margin-top: 15px;
    }
    .footer-line-mes{
        text-align: center;
        margin: 0 auto;
        width: 85%;
        margin-top: 30px;
        padding-top: 0;
        border-top: none;
        padding-bottom: 70px;
    }
    .line-box--fitter{
        width: 100%;
        height: 47px;
        border-bottom: 1px solid #fff;
        display: flex;
        align-items: center;
    }
    .text-line-fitter{
        font-size: 18px;
        color: #FFFFFF;
        margin: 20px 0;
        font-weight: 500;
    }
    .PRODUCTS-fitter{
        height: 47px;
        line-height: 47px;
    }
    .PRODUCTS-fitter-banner{
        display: none;
    }
    .PRODUCTS-fitter-banner ul{
        padding: 0 10px;
        box-sizing: border-box;
    }
    .PRODUCTS-fitter-banner ul li{
        margin: 10px 0;
    }
    .footer-title{
        margin: 20px 0;
    }
    .phone_icon {
        display: block;
        overflow: hidden;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 98;
    }
    .px_footer ul li {
        font-family: Arial, Arial;
        font-weight: 400;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        color: #333333;
        line-height: 44px;
        text-align: left;
    }
    .phone_icon li {
        height: 60px !important;
        float: left;
        width: 25%;
        background-color: #1b6189;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .phone_icon li:nth-last-child(2n+1) {
        background-color: #005486 !important;
    }
    .bj-flex{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .phone-logo-fitter{
        width: 102px;
        height: 46px;
        background-image: url('../img/phone-logo-fitter.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mobile-head-language{
        display: flex;
        align-items: center;
    }
    .la-ph{
        margin: 0 10px;
    }
    .mobile-head-language .la-ph:after {
        display: inline-block;
        padding-left: 5px;
        content: "\f107";
        font-size: 16px;
        color: #666;
        font-family: 'fontawesome';
    }

    .blog-message{      margin-bottom: 0px;}
    .mobile-head-search{
        padding-right: 35px;
        border-right: 1px solid #E5E5E5;
    }
    .world-tip{
        font-family: ArialMT;
        height: auto;
    }
    .world-number{
        font-size: 50px;
        margin-bottom: 0;
    }
    .world-number-l{
        font-size: 50px;
        margin-bottom: 0;
    }
    .world-tip-b{
        font-size: 16px;
    }
    .fy{
        width: 140px;
        right: unset;
        left: 40px;
        bottom: 25px;
    }
    .fy .swiper-button-prev{
        width: 44px !important;
        height: 44px !important;
    }
    .fy .swiper-button-next{
        width: 44px !important;
        height: 44px !important;
    }
    .card-slide{
        padding-bottom: 60px;
    }
    .card-list-change{
        width: 175px;
        padding: 25px 0;
    }
    .bgc-content .area{
        width: 100%;
    }
    .card-list-change-text{
        padding: 10px 20px;
        margin-bottom: 20px;
    }
    .card-list-change{
        margin-bottom: 0;
    }
    .Testimonials-n{
        font-size: 20px !important;
    }
    .Testimonials-tipx-n{
        margin-bottom: 14px !important;
    }
    .mar{
        margin-top: 50px;
    }
    .footer-t{
        font-size: 20px;
    }
    .content-wrap .head_nav li.has-child ul{
        display: none;
    }
    .banner>ul>li>ul>li>ul{
        display: none;
    }
    .content-wrap .head_nav li.has-child ul{
        position: unset !important;
    }
    .content-wrap .head_nav li.has-child a b{
        top: 19px !important;
    }
    .content-wrap .head_nav li b{
        height: 19px !important;
    }
    .la{
        font-family: 'Arial';
        font-size: 16px;
        color: #333333;
        padding-right: 20px;
        position: relative;
        margin: 0 10px;
        margin-left: 25px;
    }
    .la::after{
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 16px;
        height: 10px;
        background-image: url('../img/jt-down.png');
        background-repeat: repeat;
        background-size: cover;
    }
    .text-c{
        max-height: 182px;
    }
    .w20 img{
        max-width: 15px;
    }
    .has-child:hover>ul{
        display: block;
        background-color: #fff;
    }
    .line-clone{
        display: none;
    }
    .head_nav li b:before {
        content: '\f107';
        font-family: 'fontawesome';
    }
}
@media (max-width: 840px) {
    .w49 {
        height: 325px;
    }
}
.act107:before{
    font-family:'fontawesome';
    content: '\f106' !important;
}
@media (min-width: 1024px) and (max-width: 1060px) {
    .area{
        width: 95%;
    }
    .head_nav > li.has-child a {
        margin-right: 0px;
    }
}



@media only screen and (max-width:950px) {
	.head_nav li ul{
		height: auto;
	}
    .mobile-head-item .main-content-wrap .content-wrap{
        overflow: auto;
        padding-bottom: 70px !important;
    }
    .mobile-head-search .main-content-wrap .content-wrap{
        padding-bottom: 15px !important;
    }
} 


.footer a:hover .fff{
    color: #6AC335;
}