.hr{ border:none; border-bottom:1px #eeeeee dashed; margin:15px 0;}
/*table*/
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch }
@media (max-width:575.98px) {
.table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch }
}
@media (max-width:767.98px) {
.table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch }
}
@media (max-width:991.98px) {
.table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch }
}
@media (max-width:1199.98px) {
.table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch }
}
@media (max-width:1399.98px) {
.table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch }
}
.table{caption-side: bottom;border-collapse: collapse;}
.table{width:100%; vertical-align:top; color:#212529; border-color:#dee2e6; background-color:transparent;}
.table th,.table td{ border-style:solid;}
.table>:not(caption)>*>*{padding: .5rem .5rem;border-width:1px; text-align:center;color:rgba(0,0,0,0.7); border-color:rgb(222,226,230);}
.table-bg1{background-color:#fcb026;}
.table-bg2{background-color:rgba(0,0,0,0.05); text-align:center;}
.table-bg3{background-color:rgba(0,0,0,0.03)!important; text-align:left!important;}
.list_table th,.list_table td{padding:0 10px; line-height:1.5;}
.list_table th{text-align:left; font-weight:600;}
.light { border: 1px solid #cfcfcf!important; background: #f6f6f6!important; color: #555!important }


/*list style 1*/
.list-style1 .title{font-weight:600; font-size:17px; margin-bottom:8px;}
/*list style 2*/
.forsale {padding:40px 0;background: #f6f6f6;}
.item-sale{background: #fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.item-sale:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.item-sale .a_n {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px; padding:0 10px 20px;}
.item-sale .btn {display: block;width:100%;height: 44px;line-height: 44px;font-size:14px;text-align: center;background: #f2b112;color: #000;text-transform: uppercase;margin-right: 2%;border-radius: 6px;float: left; text-decoration:none;}
.item-sale .btn:nth-child(2){margin-right: 0;}
.item-sale .btn i{font-size: 18px;margin-right: 5px; vertical-align:bottom;}
.item-sale .btn:hover {background: #d49703;}
.item-sale .t_p{overflow: hidden; display:block;}
.item-sale .t_p img{width: 100%; height:auto;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.item-sale .t_p:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.item-sale .b_t{font-size: 18px;font-weight: bold; line-height:1.5;color: #111;padding:15px 10px; display:block;text-decoration:none;}
.item-sale .b_t:hover{ text-decoration:underline;}
.item-sale .w_z {padding:0 10px 10px;margin-bottom: 10px;font-size:14px;line-height: 1.5;color:rgba(0,0,0,0.7);}
.item-sale .w_z p,.item-sale .w_z .p{ margin-bottom:5px;}
.item-sale .w_z p:last-child,.item-sale .w_z .p:last-child{ margin-bottom:0;}
.item-sale .w_z .w50{width: 50%;}
.item-sale .w_z .h{color: #000;}
.item-sale .w_z .da{font-size: 25px;}
.item-sale .w_z span.fz {margin-right: 8px;}
.item-sale .w_z i {margin-right: 3px;}
/*list style 3*/
._sort_controls{ text-align:right; margin-bottom:20px;}
.list-style3 .title{font-size:18px; font-weight:600; line-height:1.5;}
.list-style3 .sn{ margin-bottom:10px;}
.list-style3 .media{display:block;}
.list-style3 .price-mark{margin:25px 0 10px; color:#000;font-weight:600;}
.list-style3 .price-mark .-price{color:#f2b112;font-size:18px;}
.list-style3 .btn-more,.list-style3 .btn-price{display: block;font-size: 16px;text-align: center;text-transform: uppercase;border-radius: 6px;padding:.5em 3em; margin:10px 0;text-decoration:none;}
.list-style3 .btn-more{background-color:rgba(0,0,0, .7); color:#FFF;}
.list-style3 .btn-price{background: #f2b112;color: #000;}
/*list style 4*/
.item-sale-1{}
.item-sale-1:hover{box-shadow:none;}
.item-sale-1 .w_z{padding:10px 0; margin-bottom:0;}
.item-sale-1 .a_n {padding:0;}

/*tabs*/
.rl_tabs.outline_content>.tab-content>.tab-pane{ padding:15px;}

/*product detail*/
.gallery-topxq .swiper-slide { width: 100%; max-width: 100%; background-size: cover; background-position: center; }
.gallery-topxq .swiper-slide img { width: 100%; height:auto;object-fit:cover;display: block; margin-left:auto; margin-right:auto; }
.gallery-topxq .swiper-button-next, .gallery-topxq .swiper-button-prev{color:#fff;}
.gallery-topxq { width: 100%; }
.gallery-thumbsxq { width: 100%; box-sizing: border-box; padding: 10px 0; }
.gallery-thumbsxq .swiper-slide { width: calc(25% - 10px); height: 100%; border: #fff 2px solid; overflow: hidden; }
.gallery-thumbsxq .swiper-slide-thumb-active { border: #fcb026 2px solid; }
.gallery-thumbsxq .swiper-slide img{display:block; width:100%; height:auto;object-fit:cover;}

.pd-top{align-items:center; font-size:14px;color:rgba(0,0,0,0.7); line-height:1.8;}
.pd-top p{margin-bottom:1rem; margin-top:1rem;}
.pd-top ul{margin-bottom:1rem;}
.pd-name{ margin-bottom:40px; color:rgba(0,0,0,0.7); font-size:40px; font-weight:600; position:relative;font-family:bebas-neue-pro, sans-serif;}
.pd-name:before{ position:absolute; content:""; bottom:-5px; left:0; width:86px; height:2px; background-color:rgba(0,0,0,0.7);}
.pd-top .attrs{list-style:none;}
.pd-top .guarantee{ font-size:12px;}
.pd-top .guarantee img{ display:inline-block; vertical-align:text-bottom; margin-right:6px;}
.pd-top .guarantee li{ line-height:1.8; display:inline-block; margin-right:10px;}
.productinfo{max-width:650px;margin-left:auto;margin-right:auto;}
.line-gap-pd{padding-top:50px;}
.line-gap-pd1{padding-top:20px;}
.title-s{font-size: 30px;font-weight: bold;color: #000;margin-bottom: 30px;border-bottom: #ccc 1px solid;}
.title-s span {display: inline-block;border-bottom: #fcb026 3px solid;padding-bottom: 5px;font-family:bebas-neue-pro, sans-serif;}
.figure {margin:0px;}
.figure img{display:block; margin-left:auto; margin-right:auto;}
.figure .tp {overflow: hidden;}
.figure .tp img { -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;width: 100%;display: block;object-fit:cover;}
.figure:hover .tp img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; }
.item-sec-advant{ background-color:rgba(0,0,0,0.03); padding:20px; height:100%; border-radius:5px;}
.item-sec-advant.bg{background-color:rgba(255,255,255,0.5);}
.item-sec-advant .title{font-weight:600; font-size:15px;}
.item-sec-advant .data{font-size:3rem; font-weight:700; line-height:1;display:inline;color:#fd9003;}
.item-sec-advant.black{background-color:rgba(0,0,0,0.7);}
.item-sec-advant.black .txt{color:#fff;}
.item-sec-advant.border{ background:transparent; border:1px solid rgba(0,0,0,0.03); box-shadow:0 2px 3px rgba(0,0,0,0.05);}
.related-item{ display:block;}
.related-item .tp{}
.related-item img{width: 100%;height:auto;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.related-item .title{font-weight: bold;color: #000;font-size: 16px;margin:13px 0 10px;line-height: 24px;}
.related-item:hover img{-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.related-item:hover .title{color: #fcb026;}

/*blog*/
.pull-left{float:left;}
.item-image { overflow:hidden;}
.item-image.pull-left {margin-right:30px;}
.item-image a{display:block; line-height:0;}
.item-image img{vertical-align:middle;width:100%;height:auto;object-fit: cover;}
.blog-item{background:#f6f6f6;padding:15px;}
.blog-item a{color:#333;}
.news .blog-item:hover{background:#000;color:#fff;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.news .blog-item:hover a,.news .blog-item:hover a:hover{color:#fff;}
.news .blog-item:hover a:hover{ text-decoration:underline;}
.news .blog-item:hover .item-image img{-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 1s ease 0s;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: scale(1.08);transform: scale(1.08);}
.news .item-image{width:28%;}
.news .item-content{width:calc(72% - 30px); margin-left:auto;}
.news .item-content.noimg{width:100%;}
.cases .blog-item{padding:0; background:transparent; border:1px solid transparent; height:100%;}
.cases .blog-item:hover{background:transparent; border:#d6d6d6 1px solid;}
.cases .item-image a{position:relative;}
.cases .item-image a:before{content:""; width:30px; height:30px; background:url(../images/home-4-02.png) center center / 100% no-repeat; position:absolute; left: 50%;transform: translateX(-50%); top:-50px; z-index:1;}
.cases .page-header a{font-size:16px; display:block;padding:15px 10px; line-height:1.5;}
.cases .blog-item:hover .item-image a:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; top:0; left:0;}
.cases .blog-item:hover .item-image  a:before{top:40%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}

.blog-item .readmore{margin-top: 20px;}
.blog-item .readmore a{width:160px;line-height: 40px;background: #fcb026;display: block;text-align: center;text-transform: uppercase;border-radius: 6px;font-size: 16px;}
.blog-item .readmore a,.blog-item .readmore a:hover,.blog-item:hover .readmore a,.blog-item:hover .readmore a:hover{color: #000;text-decoration:none;}

/*article*/
.mt-50{margin-top:50px;}
.tips a{color:rgb(195,51,0);text-decoration:underline;}
.tips a:hover{font-style:italic;}
.tips p,.tips ul{margin-bottom:1em;}
.tips .head-title{font-size:24px;color:rgba(0,0,0,0.9);}
.tips .toc{background-color:#f8f9fa; padding:30px; margin:30px 0;}
.tips .toc a{color:#1f3b7b;text-decoration: none;}
.tips .toc h2{border-left:none; padding-left:0;}
.tips .toc h3.mar-h3{margin:5px 0; font-size:14px;}
.tips .toc ul,.item-page.tips .toc li{list-style:none; margin:0; padding:2px 0;}
.tips .button1{display:inline-block; background-color:#ffd200;padding:10px 30px;color:#000; font-size:2em; text-decoration:none;}
.tips .button1:hover{color:#0b9327;}
.tips .tbimg{display:inline-table;}
.tips .tbimg figcaption,.item-page.tips .figure1 figcaption{ text-align:center; padding:10px 0;}

/*article Contact Us*/
.box-info{position:relative;padding:50px 35px 45px;background:#fcb026;-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.20);-ms-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.20);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.20);}
.box-info .title{position:relative;color:rgba(0,0,0,0.85);font-size:32px;font-weight:700;line-height:1.3em; font-family: bebas-neue-pro, sans-serif;}
.contact-info-list{ list-style: none;padding-left:0;}
.contact-info-list{position:relative;}
.contact-info-list li{position:relative;margin-bottom:30px;font-size:16px;min-height:50px;line-height:1.8em;padding-left:50px;color:#333;}
.contact-info-list li strong{font-weight:700;font-size:18px;display:block;color:rgba(0,0,0,0.85);}
.contact-info-list li .iconfont{position:absolute;left:0;top:8px;font-size:26px;line-height:1em;}
.contact-info-list a,.contact-info-list a:hover{color: #333; text-decoration: none;}
.box-form .sec-title{position:relative;z-index:1;margin-bottom:35px;}
.box-form .title{position:relative;display:block;font-size:44px;line-height:1.2em;color:rgba(0,0,0,0.75);font-weight:800;padding-bottom:25px;font-family: bebas-neue-pro, sans-serif;}
.box-form .title:after{position:absolute;content:'';left:0px;bottom:0px;width:40px;height:3px;background-color:#fcb026;}
.item-about-s{width:100%;height:100%; background: rgba(0,0,0,0.3);padding: 40px 30px; text-align:center;}
.item-about-s .data{font-size: 60px;font-family: bebas-neue-pro, sans-serif;}
.item-about-s sub{font-size: 40%; vertical-align: baseline; margin-left: 10px;}

/*article Jadilah Agen*/
.support{color:#fff;}
.support .tit h1{color:#fff;}
.support .item-sec-advant{background: rgba(0,0,0,0.3);transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; text-align:center;}
.support .item-sec-advant .title{color:#fff;margin:10px 0;}
.support .item-sec-advant .txt{color:#fff;}

/*about us*/
.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:50px; color:#222; margin-bottom:15px; position:relative;font-weight: bold;font-family:bebas-neue-pro, sans-serif;}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 3px;background: #fcb026;}
.tit h3 { font-size:16px; color:#666; margin-top:25px;}
.gsjj { padding: 65px 0 10px; overflow:hidden}
.gsjj .tp{overflow:hidden;}
.gsjj .tp img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.gsjj .tp:hover img { -webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.gsjj .wz h3 { font-size:22px; color:#222; margin:10px 0 20px; text-align:center}
.gsjj .wz p { line-height:2; font-size:16px; color:#111;}
.product-number-info { position: relative; padding-bottom: 65px; }
.product-number-info .product-number-inner { margin: 0 auto; }
.product-number-info ul { padding:35px 0 0 0; }
.q { zoom: 1; }
.product-number-info .item-li { display:block;text-align: center; color: #000; background: #feca0a; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.25); padding: 30px 0;height:100%; }
.product-number-info .item-li b { font-size: 50px; line-height: 1; display: inline-block; position: relative; margin: 0 0 10px; }
.product-number-info .item-li p { font-size: 18px; }
.product-number-info .item-li b i { font-style: normal; font-family:bebas-neue-pro, sans-serif; }
.product-number-info .item-li b sup { position: absolute; font-size: 34px; right: -35px; top: -3px; }
.product-number-info .item-li b em { font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position: relative; top: -4px; }

/*services*/
.item-service{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;padding:30px;border-radius:5px;box-sizing: border-box;border: #eee 1px solid;position: relative;overflow: hidden; height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
.item-service:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.item-service a{color:rgba(0,0,0,0.7);}
.item-service a:hover{font-style:italic;}
.item-service .tu {width:70px;height:70px;margin-right:20px;display: flex;justify-content: center;align-items: center; text-align:center;border-radius:50%;overflow: hidden;background: #fcb026;border:#fce7c2 5px solid;color:rgba(0,0,0,.85);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.item-service .tu i {font-size:34px;}
.item-service .tu img { width:40px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.item-service:hover .tu {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.item-service .w_z {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.item-service .title { margin:0 0 10px 0;font-size:28px;font-weight: 600; color:rgba(0,0,0,.85);font-family: bebas-neue-pro;}
.item-service li { font-size:14px; color:rgba(0,0,0,0.7); line-height:1.6;margin-bottom:3px;position: relative;}

/*history*/
.gy_fzlc { padding: 60px 0; }
#historySlide { position: relative; width: 100%; overflow: hidden; padding-bottom:60px; }
.ncon { width: 1200px; margin: 0 auto; }
#historySlide .history-c { height: 240px; width: 100%; position: relative; }
#historySlide .history-c li { width: 100%; height: 280px; }
#historySlide .history-c .year { font-size: 80px; font-family:bebas-neue-pro, sans-serif; color: #333; border-right: 1px solid #fcb026; display: inline-block; line-height: 80px; height: 80px; padding-right: 60px; margin-right: 50px; }
#historySlide .history-c .cont { position: relative; margin: 70px auto 60px; display: flex; justify-content: center; align-items: center; }
#historySlide .history-c .des { font-size: 20px; line-height: 24px; color: #222; max-width: 600px; }
#historySlide .history-scroll { height: 70px; width: 1156px; margin: 0 auto; }
#historySlide .small-day li { float: left; width: 154px; height: 70px; background: url(../images/time-line.png) no-repeat top left; cursor: pointer; }
#historySlide .small-day li.on { color: #000; font-weight: bold; }
#historySlide .time-line { width: 154px; height: 70px; position: relative; }
#historySlide .time-line .dot { padding: 3px; width: 14px; height: 14px; border: 1px solid #fcb026; border-radius: 50%; position: absolute; top: 23px; left: -7px; opacity: 0; transition: all .3s; }
#historySlide .small-day li .dot i { display: block; background: #fcb026; width: 100%; height: 100%; border-radius: 50%; }
#historySlide .small-day li.on .dot { opacity: 1; }
#historySlide .small-day .daty { font-size: 16px; line-height: 32px; position: absolute; top: 37px; left: 0; transform: translateX(-50%); z-index: 10; }
#historySlide .arrow-left, #historySlide .arrow-right { margin-top: -110px; }
#historySlide .small-day ul { transition: left .8s; overflow: visible!important; }
#historySlide .small-day .tempWrap { overflow: visible!important; }
.gy_fzlc .arrow-left, .gy_fzlc .arrow-right { position: absolute; top: 50%; z-index: 10; width: 55px; height: 55px; margin-top: -27px; border-radius: 50%; background: url(../images/icon-left02.png) no-repeat center center #fff; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; }
.gy_fzlc .arrow-left { left: 0; -webkit-box-shadow: 0px 6px 15px rgba(204,204,204,0.5); box-shadow: 0px 6px 15px rgba(204,204,204,0.5); }
.gy_fzlc .arrow-right { right: 0; -webkit-box-shadow: 0px -6px 15px rgba(204,204,204,0.5); box-shadow: 0px -6px 15px rgba(204,204,204,0.5); transform: rotate(180deg); }
.gy_fzlc .arrow-left:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.gy_fzlc .arrow-right:hover { -webkit-transform: translate3d(0, -2px, 0) rotate(180deg); transform: translate3d(0, -2px, 0) rotate(180deg); }

/*gallery cases*/
.worldwide-trans {z-index: 1; position: relative; }
.worldwide-trans:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(../images/cover_bg.webp) center center no-repeat;
    background-size: cover
}
.worldwide-customer {
    width: 100%;
    height:100vh;
    z-index: 1
}
.worldwide-customer {
    -moz-animation: bg 120s linear infinite;
    -webkit-animation: bg 120s linear infinite;
    -o-animation: bg 120s linear infinite;
    -ms-animation: bg 120s linear infinite;
    animation: bg 120s linear infinite;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-image: url(../images/customers_album.webp);
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: auto 100%
}
.worldwide-customer.workshops{background-image: url(../images/customers_album-workshops.webp);}

@-moz-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

.worldwide-customer {
    width: 12800px
}

@media (max-width: 1920px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }

    @-webkit-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }

    @-o-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }

    @-ms-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }

    @keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }

    .worldwide-customer {
        width: 9620px
    }
}

@media (max-width: 1600px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }

    @-webkit-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }

    @-o-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }

    @-ms-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }

    @keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }

    .worldwide-customer {
        width: 7232px
    }
}


.customer_box { width:96%; position: absolute; left: 50%; transform:translateX(-50%);bottom: 0; z-index: 3; background-color: rgba(255,255,255,0.9); padding:30px 10px; box-shadow: 0px -10px 51px 0px rgba(10,10,10,0.35) }
@media (min-width: 992px){.customer_box{width:920px;}}
.customer_box p { text-align: center }
.customer_box .customer_tit { text-align: center; padding-bottom: 43px; position: relative; z-index: 4 }
.customer_box .customer_tit:before { content: ''; display: block; position: absolute; bottom: 0; width: 1px; left: 50%; height: 43px; background-image: linear-gradient(180deg, rgba(255,10,10,0), #ff0a0a) }
.customer_box .customer_tit:after { content: ''; display: block; position: absolute; bottom: 0; width: 6px; left: 50%; height: 6px; margin-left: -3px; bottom: 0; border-radius: 50%; background: #ff0a0a }
.customer_box .customer_tit .customer_h { color: #090909; font-size: 46px; line-height: 52px; font-family: 'pingfang-b' }
.customer_box .customer_tit .customer_p { font-size: 18px; line-height: 24px; font-family: 'pingfang-m'; color: #090909; margin-top: 22px }
.customer_box .customer_intro { color: #616161; font-size: 18px; line-height: 26px; font-family: 'pingfang-m'; margin-top: 16px; text-align: center; position: relative; z-index: 4 }
.customer_box:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/*partner*/
.partner{padding:40px 0;}
.partner ul,.partner li{ list-style:none;}
.partner .nrjz { width:100%; height:100%; background:#fff;border:#eee 1px solid;border-radius: 10px;overflow: hidden;}
.partner .nrjz {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.partner .nrjz:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.partner li img { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;max-width: 100%;height:auto;}
.partner li:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
@media(max-width:576px){
.partner .col{ padding-left:0; padding-right:0;}
}
.hzhb { padding-top: 60px;}
.gy_jscx { padding: 60px 0; background: #f6f6f6; margin-top: 60px; }
.gy_jscx .gallery-top { width: 100%; position: relative; }
.gy_jscx .gallery-top .swiper-slide { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.gy_jscx .con { padding-bottom: 50px; position: relative; }
.gy_jscx .w_z { width: 40%; float: left; padding: 0 0 0 30px; }
.gy_jscx .w_z h3 { font-size: 40px; line-height: 45px; color: #000; margin-bottom: 30px; text-transform: uppercase; }
.gy_jscx .w_z p { font-size: 18px; line-height: 1.8; color: #4E4E4E; }
.gy_jscx .w_z .more { width: 180px; line-height: 50px; border: #4E4E4E 1px solid; border-radius: 34px; text-align: center; position: relative; overflow: hidden; margin-top: 78px; }
.gy_jscx .w_z .more a { color: #000; font-family: 'PingFang SC'; font-size: 16px; position: relative; z-index: 2; }
.gy_jscx .w_z .more a i { font-size: 20px; margin-left: 20px; }
.gy_jscx .w_z .more span { width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fcb026; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; }
.gy_jscx .w_z .more:hover span { width: 100%; }
.gy_jscx .w_z .more:hover a { color: #fff; }
.gy_jscx .w_z .more:hover { border: #fcb026 1px solid; }
.gy_jscx .t_p { width: 55%; float: right; display: flex; justify-content: flex-start; align-items: flex-end; }
.gy_jscx .t_p .t1 { width: 20%; margin-right: 3%; border-radius: 40px; overflow: hidden; }
.gy_jscx .t_p .t2 { width: 77%; border-radius: 20px; overflow: hidden; }
.gy_jscx .t_p img { width: 100%; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.gy_jscx .t_p:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }
.gy_jscx .swiper-pagination { text-align: center; width: 100%; left: 0; bottom: -10px; }
.gy_jscx .swiper-pagination .swiper-pagination-bullet { width: 50px; height: 2px; margin: 0 0; background: #ccc; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; border-radius: 0; }
.gy_jscx .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fcb026; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; height: 5px; margin-bottom: -2px; }
.gy_jscx .swiper-button-prev { background: none; width: 35%; height: 30px; line-height: 30px; bottom: -20px; top: auto; text-align: right; margin-top: 0; z-index: 99; color: #222; font-size: 14px; transition: 0.2s; font-family: "微软雅黑" }
.gy_jscx .swiper-button-prev i { font-size: 14px; margin-right: 15px; }
.gy_jscx .swiper-button-next { background: none; width: 35%; height: 30px; line-height: 30px; bottom: -20px; top: auto; color: #222; font-size: 14px; margin-top: 0; z-index: 99; transition: 0.2s; font-family: "微软雅黑" }
.gy_jscx .swiper-button-next i { font-size: 14px; margin-left: 15px; }
/*honors*/
.ny_ryzz { padding:60px 0; overflow: hidden }
.honors-sw-hook .swiper-wrapper
.honors-sw-hook .swiper-wrapper .li.swiper-slide img { width: 100%; height: auto; box-sizing: border-box; }
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); z-index: 10; }
.honors-wraper { position: relative; padding: 0; }
.honors-sw-hook { position: relative; overflow: hidden; padding: 20px 0 20px; }
.honors-sw-hook .swiper-wrapper .li { -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; width: 20%; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; text-align: center; box-sizing: border-box; }
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {font-weight: bold; }
.honors-sw-hook .swiper-wrapper .li p { padding-top: 10px; }
.honors-sw-hook .swiper-wrapper .li img { display: block; width: 100%;height:auto; border: 1px solid #cccccc; padding: 8px; }
.swiper-btn { display: block; width: 42px; height: 42px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(../images/arror.png); z-index: 99; }
.honor-prev { left: 0; background-position: 0 0; }
.honor-next { right: 0; background-position: right 0; }
 @media (min-width: 1024px) {
.honors-wraper { margin-top: 25px; }
.honors-sw-hook { padding: 40px 0; }
.honors-sw-hook .swiper-wrapper{padding:0;}
.honors-sw-hook .swiper-wrapper .li { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -moz-transform: scale(0.8); margin-right: 25px; }
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active { -webkit-transform: scale(1.15); transform: scale(1.15); -o-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); z-index: 10; }
.honors-sw-hook .swiper-wrapper .li p { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); padding-top: 18px; }
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active p { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -moz-transform: scale(0.9); }
.honors-sw-hook .swiper-wrapper .li.my-slide-left, .honors-sw-hook .swiper-wrapper .li.my-slide-right { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 9; -moz-transform: scale(1); -o-transform: scale(1); }
.honors-sw-hook .swiper-wrapper .li.my-slide-left p, .honors-sw-hook .swiper-wrapper .li.my-slide-right p { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 9; -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.honors-sw-hook .swiper-wrapper .li.my-slide-left { right: 2%; }
.honors-sw-hook .swiper-wrapper .li.my-slide-right { left: 2%; }
.swiper-btn { display: block; }
.honor-prev { left: -30px; }
.honor-next { right: -30px; }
.swiper-btn:hover { background-image: url(../images/arrorho.png); }
}

/*Become an Agent*/
.agenhead { margin-bottom: 50px; }
.agenhead.d-table { color: #000; }
.agenhead.d-table .cell .box { padding: 35px 30px; }
.agenhead.d-table h1 { margin: 0; text-transform: uppercase; color: #333; line-height: 1.3em; font-size: 22px; }
@media(min-width:992px) {
.d-table { display: table; }
.d-table .cell { display: table-cell; }
.agenhead.d-table .cell { vertical-align: middle; width: 50%; }

}

/*Paginated navigation*/
.pagination ul{list-style:none;text-align:center; padding-top:25px; padding-bottom:25px;padding-left:0;}
.pagination li{display:inline-block; margin:2px 2px;}
.pagination .pagenav{display:inline-block; background:#eee; color:#333; font-size:16px; line-height:30px; height:30px; padding:0 1em; text-align:center; opacity:1;}
.pagination .disabled .pagenav{color:#fcb026; background:#000;}

/*sidebar*/
.sidebar .module-title{font-size:35px; font-weight:600; margin-bottom:20px;color:rgba(0,0,0,0.9);font-family:bebas-neue-pro, sans-serif;}
.sidebar .latestnews{list-style:none; padding-left:0;}
.sidebar .latestnews li{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.125); position:relative;}
.sidebar .latestnews li:first-child{padding-top:0;}
.sidebar .latestnews li:last-child{border-bottom:none;}
.sidebar .latestnews li a{color:#333;}
.sidebar .latestnews li a:hover{color:rgb(195,51,0);}

/*videos*/
.iframe-container16-9 {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* (9 / 16) * 100 = 56.25% */
}

.iframe-container16-9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*form*/
select { display: inline; width: auto; margin: 0; border: 1px solid #ccc; line-height: 100%; padding: 3px; vertical-align: middle }
select[disabled="disabled"], select.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd }

/*btn*/
.btn.btn-primary{width: 166px;line-height: 50px;height: 50px;background:#fcb026;border-radius: 11px;display: block;margin-top: 25px;text-align: center;color: #000;font-size: 18px;}
.pd-top .btn.btn-primary{width: 166px;line-height: 50px;height: 50px;background:#fcb026;border-radius: 11px;display: block;margin-top: 25px;text-align: center;color: #000;font-size: 18px;}

@media only screen and (max-width: 1200px){
/*list style 1*/
.item-sale .btn{ font-size:90%;}
	
}

@media only screen and (max-width: 767px){
/*list style 3*/
.list-style3 .title{margin-top:10px;}
.list-style3 .btn-more,.list-style3 .btn-price{display:inline-block;padding:.5em .6em;margin:5px 0;}
.list-style3 .btn-price{ margin-left:5px;}
/*product detail*/
.pd-name{font-size:22px; margin-bottom:25px;}
.title-s{font-size:18px;}
/*blog*/
.item-image.pull-left{float:none;margin-right:0;}
.news .item-image{width:100%;}
.news .item-content{width:100%; margin-top:2rem;}
.news .item-content.noimg{ margin-top:0;}
}

@media only screen and (max-width:600px){
/*about us*/
.tit h1 {font-size:30px;}
.product-number-info .item-li b { font-size: 28px; }
.product-number-info .item-li b { font-size: 40px; }
.product-number-info .item-li b sup { font-size: 18px; right:-20px;top:10px;}
.product-number-info .item-li p { font-size: 14px; }
#historySlide .history-c .year{font-size:20px; padding-right:10px; margin-right:12px;}
#historySlide .history-c .des{font-size:12px;}
#historySlide .arrow-left, #historySlide .arrow-right {margin-top: -110px;}
.honors-sw-hook .swiper-wrapper { padding: 0;}
#historySlide .arrow-left, #historySlide .arrow-right {margin-top: -50px;}
}
@media only screen and (max-width:500px){
/*about us*/
.tit h1 {font-size:25px;}
.gsjj{padding-top:25px;}
}
/*全局*/
.text-center {text-align: center !important;}